add event detail

Nerwyn · Dec 14, 2023 · 4a77d23 · 4a77d23
1 parent b77345a
commit 4a77d23
Show file tree

Hide file tree

Showing 7 changed files with 18 additions and 14 deletions.
diff --git a/dist/android-tv-card.min.js b/dist/android-tv-card.min.js
diff --git a/src/classes/base-remote-element.ts b/src/classes/base-remote-element.ts
@@ -131,13 +131,13 @@ export class BaseRemoteElement extends LitElement {
 		} else {
 			window.history.pushState(null, '', action.navigation_path);
 		}
-		window.dispatchEvent(
-			new Event('location-changed', {
-				bubbles: false,
-				cancelable: true,
-				composed: false,
-			}),
-		);
+		const event = new Event('location-changed', {
+			bubbles: false,
+			cancelable: true,
+			composed: false,
+		});
+		event.detail = { replace: action.navigation_replace == true };
+		window.dispatchEvent(event);
 	}
 
 	toUrl(action: IAction) {

diff --git a/src/classes/remote-keyboard.ts b/src/classes/remote-keyboard.ts
@@ -9,7 +9,7 @@ import { BaseKeyboardElement } from './base-keyboard-element';
 
 @customElement('remote-keyboard')
 export class RemoteKeyboard extends BaseKeyboardElement {
-	onClick(e: Event) {
+	onClick(e: MouseEvent) {
 		e.stopImmediatePropagation();
 		this.fireHapticEvent('light');
 		for (const element of (e.currentTarget as HTMLElement).children) {

diff --git a/src/classes/remote-search.ts b/src/classes/remote-search.ts
@@ -8,7 +8,7 @@ import { BaseKeyboardElement } from './base-keyboard-element';
 
 @customElement('remote-search')
 export class RemoteSearch extends BaseKeyboardElement {
-	onClick(e: Event) {
+	onClick(e: MouseEvent) {
 		e.stopImmediatePropagation();
 		this.fireHapticEvent('light');
 

diff --git a/src/classes/remote-textbox.ts b/src/classes/remote-textbox.ts
@@ -8,7 +8,7 @@ import { BaseKeyboardElement } from './base-keyboard-element';
 
 @customElement('remote-textbox')
 export class RemoteTextbox extends BaseKeyboardElement {
-	onClick(e: Event) {
+	onClick(e: MouseEvent) {
 		e.stopImmediatePropagation();
 
 		const text = prompt('Text Input: ');

diff --git a/src/classes/remote-touchpad.ts b/src/classes/remote-touchpad.ts
@@ -39,13 +39,13 @@ export class RemoteTouchpad extends BaseRemoteElement {
 
 	onClick(e: MouseEvent) {
 		e.stopImmediatePropagation();
-		console.log(this.actions)
+		console.log(this.actions);
 		const clickAction = () => {
 			clearTimeout(this.clickTimer as ReturnType<typeof setTimeout>);
 			this.clickTimer = undefined;
 			this.fireHapticEvent('light');
 			this.sendAction('tap_action');
-			console.log('sent tap action')
+			console.log('sent tap action');
 			this.clickCount = 0;
 		};
 		if (e.detail && e.detail > this.clickCount) {
@@ -76,7 +76,7 @@ export class RemoteTouchpad extends BaseRemoteElement {
 
 	@eventOptions({ passive: true })
 	onTouchStart(e: TouchEvent) {
-		this._rippleHandlers.startPress(e);
+		this._rippleHandlers.startPress(e as unknown as Event);
 
 		this.touchTimer = setTimeout(() => {
 			this.touchHoldClick = true;

diff --git a/src/models/types/index.d.ts b/src/models/types/index.d.ts
@@ -19,4 +19,8 @@ declare global {
 	interface EventTarget {
 		action: string;
 	}
+
+	interface Event {
+		detail?: Record<string, string | number | boolean>;
+	}
 }