Register event types for better type inference

stof · web-flow · commit 75d656a84b6a · 2024-03-12T18:58:08.000+01:00
This allows typescript to know which kind of event object is passed to listeners for those event names.
diff --git a/src/tab-container-element-define.ts b/src/tab-container-element-define.ts
@@ -27,6 +27,14 @@ declare global {
       ['tab-container']: JSXBase['span'] & Partial<Omit<TabContainerElement, keyof HTMLElement>>
     }
   }
+  interface GlobalEventHandlersEventMap {
+    'tab-container-change': TabContainerChangeEvent;
+    'tab-container-changed': TabContainerChangeEvent;
+  }
+  interface ElementEventMap {
+    'tab-container-change': TabContainerChangeEvent;
+    'tab-container-changed': TabContainerChangeEvent;
+  }
 }
 
 export default TabContainerElement

Original file line number	Diff line number	Diff line change
`@@ -27,6 +27,14 @@ declare global {`
`27`	`27`	`['tab-container']: JSXBase['span'] & Partial<Omit<TabContainerElement, keyof HTMLElement>>`
`28`	`28`	`}`
`29`	`29`	`}`
	`30`	`+ interface GlobalEventHandlersEventMap {`
	`31`	`+ 'tab-container-change': TabContainerChangeEvent;`
	`32`	`+ 'tab-container-changed': TabContainerChangeEvent;`
	`33`	`+ }`
	`34`	`+ interface ElementEventMap {`
	`35`	`+ 'tab-container-change': TabContainerChangeEvent;`
	`36`	`+ 'tab-container-changed': TabContainerChangeEvent;`
	`37`	`+ }`
`30`	`38`	`}`
`31`	`39`
`32`	`40`	`export default TabContainerElement`