@roadtrip/components 3.11.0 → 3.11.1

package/dist/types/components.d.ts

@@ -49,10 +49,6 @@ export namespace Components {
         "url"?: string;
     }
     interface RoadAreaCode {
-        /**
-          * the value of the area Value.
-         */
-        "areaValue"?: number;
         /**
           * This Boolean attribute lets you specify that a form control should have input focus when the page loads.
          */
@@ -77,7 +73,7 @@ export namespace Components {
           * List of options of the area code
          */
         "options": Array<{
-    value: string | number;
+    value: string;
     label: string;
     selected?: boolean;
   }>;
@@ -104,7 +100,7 @@ export namespace Components {
         /**
           * the value of the select.
          */
-        "value"?: any | null;
+        "value": string;
     }
     interface RoadAutocomplete {
         /**
@@ -1830,13 +1826,51 @@ declare global {
         prototype: HTMLRoadAlertElement;
         new (): HTMLRoadAlertElement;
     };
+    interface HTMLRoadAreaCodeElementEventMap {
+        "roadchange": {
+    value: string | undefined | null
+  };
+        "roadChange": {
+    value: string | undefined | null
+  };
+        "roadfocus": void;
+        "roadFocus": void;
+        "roadblur": void;
+        "roadBlur": void;
+    }
     interface HTMLRoadAreaCodeElement extends Components.RoadAreaCode, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadAreaCodeElementEventMap>(type: K, listener: (this: HTMLRoadAreaCodeElement, ev: RoadAreaCodeCustomEvent<HTMLRoadAreaCodeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadAreaCodeElementEventMap>(type: K, listener: (this: HTMLRoadAreaCodeElement, ev: RoadAreaCodeCustomEvent<HTMLRoadAreaCodeElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadAreaCodeElement: {
         prototype: HTMLRoadAreaCodeElement;
         new (): HTMLRoadAreaCodeElement;
     };
+    interface HTMLRoadAutocompleteElementEventMap {
+        "roadselected": {
+    value: string | undefined | null,
+    label: string
+  };
+        "roadSelected": {
+    value: string | undefined | null,
+    label: string
+  };
+    }
     interface HTMLRoadAutocompleteElement extends Components.RoadAutocomplete, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadAutocompleteElementEventMap>(type: K, listener: (this: HTMLRoadAutocompleteElement, ev: RoadAutocompleteCustomEvent<HTMLRoadAutocompleteElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadAutocompleteElementEventMap>(type: K, listener: (this: HTMLRoadAutocompleteElement, ev: RoadAutocompleteCustomEvent<HTMLRoadAutocompleteElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadAutocompleteElement: {
         prototype: HTMLRoadAutocompleteElement;
@@ -1854,31 +1888,114 @@ declare global {
         prototype: HTMLRoadBadgeElement;
         new (): HTMLRoadBadgeElement;
     };
+    interface HTMLRoadBannerElementEventMap {
+        "close": void;
+    }
     interface HTMLRoadBannerElement extends Components.RoadBanner, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadBannerElementEventMap>(type: K, listener: (this: HTMLRoadBannerElement, ev: RoadBannerCustomEvent<HTMLRoadBannerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadBannerElementEventMap>(type: K, listener: (this: HTMLRoadBannerElement, ev: RoadBannerCustomEvent<HTMLRoadBannerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadBannerElement: {
         prototype: HTMLRoadBannerElement;
         new (): HTMLRoadBannerElement;
     };
+    interface HTMLRoadButtonElementEventMap {
+        "roadfocus": void;
+        "roadFocus": void;
+        "roadblur": void;
+        "roadBlur": void;
+    }
     interface HTMLRoadButtonElement extends Components.RoadButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadButtonElementEventMap>(type: K, listener: (this: HTMLRoadButtonElement, ev: RoadButtonCustomEvent<HTMLRoadButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadButtonElementEventMap>(type: K, listener: (this: HTMLRoadButtonElement, ev: RoadButtonCustomEvent<HTMLRoadButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadButtonElement: {
         prototype: HTMLRoadButtonElement;
         new (): HTMLRoadButtonElement;
     };
+    interface HTMLRoadButtonFloatingElementEventMap {
+        "roadfocus": void;
+        "roadFocus": void;
+        "roadblur": void;
+        "roadBlur": void;
+    }
     interface HTMLRoadButtonFloatingElement extends Components.RoadButtonFloating, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadButtonFloatingElementEventMap>(type: K, listener: (this: HTMLRoadButtonFloatingElement, ev: RoadButtonFloatingCustomEvent<HTMLRoadButtonFloatingElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadButtonFloatingElementEventMap>(type: K, listener: (this: HTMLRoadButtonFloatingElement, ev: RoadButtonFloatingCustomEvent<HTMLRoadButtonFloatingElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadButtonFloatingElement: {
         prototype: HTMLRoadButtonFloatingElement;
         new (): HTMLRoadButtonFloatingElement;
     };
+    interface HTMLRoadCardElementEventMap {
+        "roadcardclick": {
+    value: string | undefined | null;
+    label: string | undefined | null;
+  };
+        "roadCardClick": {
+    value: string | undefined | null;
+    label: string | undefined | null;
+  };
+    }
     interface HTMLRoadCardElement extends Components.RoadCard, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadCardElementEventMap>(type: K, listener: (this: HTMLRoadCardElement, ev: RoadCardCustomEvent<HTMLRoadCardElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadCardElementEventMap>(type: K, listener: (this: HTMLRoadCardElement, ev: RoadCardCustomEvent<HTMLRoadCardElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadCardElement: {
         prototype: HTMLRoadCardElement;
         new (): HTMLRoadCardElement;
     };
+    interface HTMLRoadCarouselElementEventMap {
+        "roadslidesdidload": void;
+        "roadslidetap": void;
+        "roadslidedoubletap": void;
+        "roadslidewillchange": void;
+        "roadslidedidchange": void;
+        "roadslidenextstart": void;
+        "roadslideprevstart": void;
+        "roadslidenextend": void;
+        "roadslideprevend": void;
+        "roadslidetransitionstart": void;
+        "roadslidetransitionend": void;
+        "roadslidedrag": void;
+        "roadslidereachstart": void;
+        "roadslidereachend": void;
+        "roadslidetouchstart": void;
+        "roadslidetouchend": void;
+    }
     interface HTMLRoadCarouselElement extends Components.RoadCarousel, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadCarouselElementEventMap>(type: K, listener: (this: HTMLRoadCarouselElement, ev: RoadCarouselCustomEvent<HTMLRoadCarouselElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadCarouselElementEventMap>(type: K, listener: (this: HTMLRoadCarouselElement, ev: RoadCarouselCustomEvent<HTMLRoadCarouselElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadCarouselElement: {
         prototype: HTMLRoadCarouselElement;
@@ -1890,7 +2007,29 @@ declare global {
         prototype: HTMLRoadCarouselItemElement;
         new (): HTMLRoadCarouselItemElement;
     };
+    interface HTMLRoadCheckboxElementEventMap {
+        "roadchange": {
+    checked: boolean,
+    value: string | undefined | null
+  };
+        "roadChange": {
+    checked: boolean,
+    value: string | undefined | null
+  };
+        "roadfocus": void;
+        "roadFocus": void;
+        "roadblur": void;
+        "roadBlur": void;
+    }
     interface HTMLRoadCheckboxElement extends Components.RoadCheckbox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadCheckboxElementEventMap>(type: K, listener: (this: HTMLRoadCheckboxElement, ev: RoadCheckboxCustomEvent<HTMLRoadCheckboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadCheckboxElementEventMap>(type: K, listener: (this: HTMLRoadCheckboxElement, ev: RoadCheckboxCustomEvent<HTMLRoadCheckboxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadCheckboxElement: {
         prototype: HTMLRoadCheckboxElement;
@@ -1914,19 +2053,63 @@ declare global {
         prototype: HTMLRoadCollapseElement;
         new (): HTMLRoadCollapseElement;
     };
+    interface HTMLRoadCounterElementEventMap {
+        "roadIncrease": {
+    value: number | undefined | null;
+  };
+        "roadDecrease": {
+    value: number | undefined | null;
+  };
+        "roadChange": {
+    value: number | undefined | null;
+  };
+        "roadDustbinClick": void;
+    }
     interface HTMLRoadCounterElement extends Components.RoadCounter, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadCounterElementEventMap>(type: K, listener: (this: HTMLRoadCounterElement, ev: RoadCounterCustomEvent<HTMLRoadCounterElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadCounterElementEventMap>(type: K, listener: (this: HTMLRoadCounterElement, ev: RoadCounterCustomEvent<HTMLRoadCounterElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadCounterElement: {
         prototype: HTMLRoadCounterElement;
         new (): HTMLRoadCounterElement;
     };
+    interface HTMLRoadDialogElementEventMap {
+        "close": void;
+    }
     interface HTMLRoadDialogElement extends Components.RoadDialog, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadDialogElementEventMap>(type: K, listener: (this: HTMLRoadDialogElement, ev: RoadDialogCustomEvent<HTMLRoadDialogElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadDialogElementEventMap>(type: K, listener: (this: HTMLRoadDialogElement, ev: RoadDialogCustomEvent<HTMLRoadDialogElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadDialogElement: {
         prototype: HTMLRoadDialogElement;
         new (): HTMLRoadDialogElement;
     };
+    interface HTMLRoadDrawerElementEventMap {
+        "open": void;
+        "close": void;
+        "back": void;
+    }
     interface HTMLRoadDrawerElement extends Components.RoadDrawer, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadDrawerElementEventMap>(type: K, listener: (this: HTMLRoadDrawerElement, ev: RoadDrawerCustomEvent<HTMLRoadDrawerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadDrawerElementEventMap>(type: K, listener: (this: HTMLRoadDrawerElement, ev: RoadDrawerCustomEvent<HTMLRoadDrawerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadDrawerElement: {
         prototype: HTMLRoadDrawerElement;
@@ -1938,7 +2121,21 @@ declare global {
         prototype: HTMLRoadDropdownElement;
         new (): HTMLRoadDropdownElement;
     };
+    interface HTMLRoadDurationElementEventMap {
+        "roadselected": {
+    value: string | undefined | null,
+    label: string
+  };
+    }
     interface HTMLRoadDurationElement extends Components.RoadDuration, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadDurationElementEventMap>(type: K, listener: (this: HTMLRoadDurationElement, ev: RoadDurationCustomEvent<HTMLRoadDurationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadDurationElementEventMap>(type: K, listener: (this: HTMLRoadDurationElement, ev: RoadDurationCustomEvent<HTMLRoadDurationElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadDurationElement: {
         prototype: HTMLRoadDurationElement;
@@ -1950,7 +2147,19 @@ declare global {
         prototype: HTMLRoadFlapElement;
         new (): HTMLRoadFlapElement;
     };
+    interface HTMLRoadGlobalNavigationElementEventMap {
+        "roadnavbarchanged": any;
+        "roadNavbarChanged": any;
+    }
     interface HTMLRoadGlobalNavigationElement extends Components.RoadGlobalNavigation, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadGlobalNavigationElementEventMap>(type: K, listener: (this: HTMLRoadGlobalNavigationElement, ev: RoadGlobalNavigationCustomEvent<HTMLRoadGlobalNavigationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadGlobalNavigationElementEventMap>(type: K, listener: (this: HTMLRoadGlobalNavigationElement, ev: RoadGlobalNavigationCustomEvent<HTMLRoadGlobalNavigationElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadGlobalNavigationElement: {
         prototype: HTMLRoadGlobalNavigationElement;
@@ -1974,13 +2183,51 @@ declare global {
         prototype: HTMLRoadIllustrationElement;
         new (): HTMLRoadIllustrationElement;
     };
+    interface HTMLRoadImgElementEventMap {
+        "roadimgwillload": void;
+        "roadImgWillLoad": void;
+        "roadimgdidload": void;
+        "roadImgDidLoad": void;
+        "roaderror": void;
+        "roadError": void;
+    }
     interface HTMLRoadImgElement extends Components.RoadImg, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadImgElementEventMap>(type: K, listener: (this: HTMLRoadImgElement, ev: RoadImgCustomEvent<HTMLRoadImgElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadImgElementEventMap>(type: K, listener: (this: HTMLRoadImgElement, ev: RoadImgCustomEvent<HTMLRoadImgElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadImgElement: {
         prototype: HTMLRoadImgElement;
         new (): HTMLRoadImgElement;
     };
+    interface HTMLRoadInputElementEventMap {
+        "roadinput": KeyboardEvent;
+        "roadInput": KeyboardEvent;
+        "roadchange": {
+    value: string | undefined | null;
+  };
+        "roadChange": {
+    value: string | undefined | null;
+  };
+        "roadblur": void;
+        "roadBlur": void;
+        "roadfocus": void;
+        "roadFocus": void;
+    }
     interface HTMLRoadInputElement extends Components.RoadInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadInputElementEventMap>(type: K, listener: (this: HTMLRoadInputElement, ev: RoadInputCustomEvent<HTMLRoadInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadInputElementEventMap>(type: K, listener: (this: HTMLRoadInputElement, ev: RoadInputCustomEvent<HTMLRoadInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadInputElement: {
         prototype: HTMLRoadInputElement;
@@ -2010,31 +2257,110 @@ declare global {
         prototype: HTMLRoadListElement;
         new (): HTMLRoadListElement;
     };
+    interface HTMLRoadModalElementEventMap {
+        "close": void;
+    }
     interface HTMLRoadModalElement extends Components.RoadModal, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadModalElementEventMap>(type: K, listener: (this: HTMLRoadModalElement, ev: RoadModalCustomEvent<HTMLRoadModalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadModalElementEventMap>(type: K, listener: (this: HTMLRoadModalElement, ev: RoadModalCustomEvent<HTMLRoadModalElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadModalElement: {
         prototype: HTMLRoadModalElement;
         new (): HTMLRoadModalElement;
     };
+    interface HTMLRoadNavbarElementEventMap {
+        "roadnavbarchanged": any;
+        "roadNavbarChanged": any;
+    }
     interface HTMLRoadNavbarElement extends Components.RoadNavbar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadNavbarElementEventMap>(type: K, listener: (this: HTMLRoadNavbarElement, ev: RoadNavbarCustomEvent<HTMLRoadNavbarElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadNavbarElementEventMap>(type: K, listener: (this: HTMLRoadNavbarElement, ev: RoadNavbarCustomEvent<HTMLRoadNavbarElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadNavbarElement: {
         prototype: HTMLRoadNavbarElement;
         new (): HTMLRoadNavbarElement;
     };
+    interface HTMLRoadNavbarItemElementEventMap {
+        "roadnavbaritemclick": any;
+        "roadNavbarItemClick": any;
+    }
     interface HTMLRoadNavbarItemElement extends Components.RoadNavbarItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadNavbarItemElementEventMap>(type: K, listener: (this: HTMLRoadNavbarItemElement, ev: RoadNavbarItemCustomEvent<HTMLRoadNavbarItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadNavbarItemElementEventMap>(type: K, listener: (this: HTMLRoadNavbarItemElement, ev: RoadNavbarItemCustomEvent<HTMLRoadNavbarItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadNavbarItemElement: {
         prototype: HTMLRoadNavbarItemElement;
         new (): HTMLRoadNavbarItemElement;
     };
+    interface HTMLRoadPhoneNumberInputElementEventMap {
+        "roadPhoneNumberInput": {
+    isError: boolean;
+    phone: PhoneReturnType;
+  };
+        "roadselected": {
+    value: string | undefined | null,
+    label: string
+  };
+        "roadSelected": {
+    value: string | undefined | null,
+    label: string
+  };
+    }
     interface HTMLRoadPhoneNumberInputElement extends Components.RoadPhoneNumberInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadPhoneNumberInputElementEventMap>(type: K, listener: (this: HTMLRoadPhoneNumberInputElement, ev: RoadPhoneNumberInputCustomEvent<HTMLRoadPhoneNumberInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadPhoneNumberInputElementEventMap>(type: K, listener: (this: HTMLRoadPhoneNumberInputElement, ev: RoadPhoneNumberInputCustomEvent<HTMLRoadPhoneNumberInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadPhoneNumberInputElement: {
         prototype: HTMLRoadPhoneNumberInputElement;
         new (): HTMLRoadPhoneNumberInputElement;
     };
+    interface HTMLRoadPlateNumberElementEventMap {
+        "roadinput": KeyboardEvent;
+        "roadInput": KeyboardEvent;
+        "roadchange": {
+    value: string | undefined | null;
+  };
+        "roadChange": {
+    value: string | undefined | null;
+  };
+        "roadblur": void;
+        "roadBlur": void;
+        "roadfocus": void;
+        "roadFocus": void;
+    }
     interface HTMLRoadPlateNumberElement extends Components.RoadPlateNumber, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadPlateNumberElementEventMap>(type: K, listener: (this: HTMLRoadPlateNumberElement, ev: RoadPlateNumberCustomEvent<HTMLRoadPlateNumberElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadPlateNumberElementEventMap>(type: K, listener: (this: HTMLRoadPlateNumberElement, ev: RoadPlateNumberCustomEvent<HTMLRoadPlateNumberElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadPlateNumberElement: {
         prototype: HTMLRoadPlateNumberElement;
@@ -2082,19 +2408,65 @@ declare global {
         prototype: HTMLRoadProgressTrackerItemElement;
         new (): HTMLRoadProgressTrackerItemElement;
     };
+    interface HTMLRoadRadioElementEventMap {
+        "roadfocus": void;
+        "roadFocus": void;
+        "roadblur": void;
+        "roadBlur": void;
+    }
     interface HTMLRoadRadioElement extends Components.RoadRadio, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadRadioElementEventMap>(type: K, listener: (this: HTMLRoadRadioElement, ev: RoadRadioCustomEvent<HTMLRoadRadioElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadRadioElementEventMap>(type: K, listener: (this: HTMLRoadRadioElement, ev: RoadRadioCustomEvent<HTMLRoadRadioElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadRadioElement: {
         prototype: HTMLRoadRadioElement;
         new (): HTMLRoadRadioElement;
     };
+    interface HTMLRoadRadioGroupElementEventMap {
+        "roadchange": {
+    value: string | undefined | null
+  };
+        "roadChange": {
+    value: string | undefined | null
+  };
+    }
     interface HTMLRoadRadioGroupElement extends Components.RoadRadioGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadRadioGroupElementEventMap>(type: K, listener: (this: HTMLRoadRadioGroupElement, ev: RoadRadioGroupCustomEvent<HTMLRoadRadioGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadRadioGroupElementEventMap>(type: K, listener: (this: HTMLRoadRadioGroupElement, ev: RoadRadioGroupCustomEvent<HTMLRoadRadioGroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadRadioGroupElement: {
         prototype: HTMLRoadRadioGroupElement;
         new (): HTMLRoadRadioGroupElement;
     };
+    interface HTMLRoadRangeElementEventMap {
+        "roadchange": {
+    value: string | undefined | null;
+  };
+        "roadChange": {
+    value: string | undefined | null;
+  };
+    }
     interface HTMLRoadRangeElement extends Components.RoadRange, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadRangeElementEventMap>(type: K, listener: (this: HTMLRoadRangeElement, ev: RoadRangeCustomEvent<HTMLRoadRangeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadRangeElementEventMap>(type: K, listener: (this: HTMLRoadRangeElement, ev: RoadRangeCustomEvent<HTMLRoadRangeElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadRangeElement: {
         prototype: HTMLRoadRangeElement;
@@ -2112,31 +2484,107 @@ declare global {
         prototype: HTMLRoadRowElement;
         new (): HTMLRoadRowElement;
     };
+    interface HTMLRoadSegmentedButtonElementEventMap {
+        "roadsegmentedbuttonclick": any;
+        "roadSegmentedButtonClick": any;
+    }
     interface HTMLRoadSegmentedButtonElement extends Components.RoadSegmentedButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadSegmentedButtonElementEventMap>(type: K, listener: (this: HTMLRoadSegmentedButtonElement, ev: RoadSegmentedButtonCustomEvent<HTMLRoadSegmentedButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadSegmentedButtonElementEventMap>(type: K, listener: (this: HTMLRoadSegmentedButtonElement, ev: RoadSegmentedButtonCustomEvent<HTMLRoadSegmentedButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadSegmentedButtonElement: {
         prototype: HTMLRoadSegmentedButtonElement;
         new (): HTMLRoadSegmentedButtonElement;
     };
+    interface HTMLRoadSegmentedButtonBarElementEventMap {
+        "roadsegmentedbuttonbarchanged": any;
+        "roadSegmentedButtonBarChanged": any;
+    }
     interface HTMLRoadSegmentedButtonBarElement extends Components.RoadSegmentedButtonBar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadSegmentedButtonBarElementEventMap>(type: K, listener: (this: HTMLRoadSegmentedButtonBarElement, ev: RoadSegmentedButtonBarCustomEvent<HTMLRoadSegmentedButtonBarElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadSegmentedButtonBarElementEventMap>(type: K, listener: (this: HTMLRoadSegmentedButtonBarElement, ev: RoadSegmentedButtonBarCustomEvent<HTMLRoadSegmentedButtonBarElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadSegmentedButtonBarElement: {
         prototype: HTMLRoadSegmentedButtonBarElement;
         new (): HTMLRoadSegmentedButtonBarElement;
     };
+    interface HTMLRoadSegmentedButtonsElementEventMap {
+        "roadtabswillchange": {tab: string};
+        "roadTabsWillChange": {tab: string};
+        "roadtabsdidchange": {tab: string};
+        "roadTabsDidChange": {tab: string};
+    }
     interface HTMLRoadSegmentedButtonsElement extends Components.RoadSegmentedButtons, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadSegmentedButtonsElementEventMap>(type: K, listener: (this: HTMLRoadSegmentedButtonsElement, ev: RoadSegmentedButtonsCustomEvent<HTMLRoadSegmentedButtonsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadSegmentedButtonsElementEventMap>(type: K, listener: (this: HTMLRoadSegmentedButtonsElement, ev: RoadSegmentedButtonsCustomEvent<HTMLRoadSegmentedButtonsElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadSegmentedButtonsElement: {
         prototype: HTMLRoadSegmentedButtonsElement;
         new (): HTMLRoadSegmentedButtonsElement;
     };
+    interface HTMLRoadSelectElementEventMap {
+        "roadchange": {
+    value: string | undefined | null
+  };
+        "roadChange": {
+    value: string | undefined | null
+  };
+        "roadfocus": void;
+        "roadFocus": void;
+        "roadblur": void;
+        "roadBlur": void;
+    }
     interface HTMLRoadSelectElement extends Components.RoadSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadSelectElementEventMap>(type: K, listener: (this: HTMLRoadSelectElement, ev: RoadSelectCustomEvent<HTMLRoadSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadSelectElementEventMap>(type: K, listener: (this: HTMLRoadSelectElement, ev: RoadSelectCustomEvent<HTMLRoadSelectElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadSelectElement: {
         prototype: HTMLRoadSelectElement;
         new (): HTMLRoadSelectElement;
     };
+    interface HTMLRoadSelectFilterElementEventMap {
+        "roadselected": {
+    value: string | undefined | null,
+    label: string
+  };
+        "roadSelected": {
+    value: string | undefined | null,
+    label: string
+  };
+    }
     interface HTMLRoadSelectFilterElement extends Components.RoadSelectFilter, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadSelectFilterElementEventMap>(type: K, listener: (this: HTMLRoadSelectFilterElement, ev: RoadSelectFilterCustomEvent<HTMLRoadSelectFilterElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadSelectFilterElementEventMap>(type: K, listener: (this: HTMLRoadSelectFilterElement, ev: RoadSelectFilterCustomEvent<HTMLRoadSelectFilterElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadSelectFilterElement: {
         prototype: HTMLRoadSelectFilterElement;
@@ -2154,7 +2602,29 @@ declare global {
         prototype: HTMLRoadSpinnerElement;
         new (): HTMLRoadSpinnerElement;
     };
+    interface HTMLRoadSwitchElementEventMap {
+        "roadchange": {
+    checked: boolean;
+    value: string | undefined | null
+  };
+        "roadChange": {
+    checked: boolean;
+    value: string | undefined | null
+  };
+        "roadfocus": void;
+        "roadFocus": void;
+        "roadblur": void;
+        "roadBlur": void;
+    }
     interface HTMLRoadSwitchElement extends Components.RoadSwitch, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadSwitchElementEventMap>(type: K, listener: (this: HTMLRoadSwitchElement, ev: RoadSwitchCustomEvent<HTMLRoadSwitchElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadSwitchElementEventMap>(type: K, listener: (this: HTMLRoadSwitchElement, ev: RoadSwitchCustomEvent<HTMLRoadSwitchElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadSwitchElement: {
         prototype: HTMLRoadSwitchElement;
@@ -2166,13 +2636,37 @@ declare global {
         prototype: HTMLRoadTabElement;
         new (): HTMLRoadTabElement;
     };
+    interface HTMLRoadTabBarElementEventMap {
+        "roadtabbarchanged": any;
+        "roadTabBarChanged": any;
+    }
     interface HTMLRoadTabBarElement extends Components.RoadTabBar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadTabBarElementEventMap>(type: K, listener: (this: HTMLRoadTabBarElement, ev: RoadTabBarCustomEvent<HTMLRoadTabBarElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadTabBarElementEventMap>(type: K, listener: (this: HTMLRoadTabBarElement, ev: RoadTabBarCustomEvent<HTMLRoadTabBarElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadTabBarElement: {
         prototype: HTMLRoadTabBarElement;
         new (): HTMLRoadTabBarElement;
     };
+    interface HTMLRoadTabButtonElementEventMap {
+        "roadtabbuttonclick": any;
+        "roadTabButtonClick": any;
+    }
     interface HTMLRoadTabButtonElement extends Components.RoadTabButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadTabButtonElementEventMap>(type: K, listener: (this: HTMLRoadTabButtonElement, ev: RoadTabButtonCustomEvent<HTMLRoadTabButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadTabButtonElementEventMap>(type: K, listener: (this: HTMLRoadTabButtonElement, ev: RoadTabButtonCustomEvent<HTMLRoadTabButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadTabButtonElement: {
         prototype: HTMLRoadTabButtonElement;
@@ -2184,7 +2678,21 @@ declare global {
         prototype: HTMLRoadTableElement;
         new (): HTMLRoadTableElement;
     };
+    interface HTMLRoadTabsElementEventMap {
+        "roadtabswillchange": {tab: string};
+        "roadTabsWillChange": {tab: string};
+        "roadtabsdidchange": {tab: string};
+        "roadTabsDidChange": {tab: string};
+    }
     interface HTMLRoadTabsElement extends Components.RoadTabs, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadTabsElementEventMap>(type: K, listener: (this: HTMLRoadTabsElement, ev: RoadTabsCustomEvent<HTMLRoadTabsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadTabsElementEventMap>(type: K, listener: (this: HTMLRoadTabsElement, ev: RoadTabsCustomEvent<HTMLRoadTabsElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadTabsElement: {
         prototype: HTMLRoadTabsElement;
@@ -2202,19 +2710,74 @@ declare global {
         prototype: HTMLRoadTextElement;
         new (): HTMLRoadTextElement;
     };
+    interface HTMLRoadTextareaElementEventMap {
+        "roadinput": KeyboardEvent;
+        "roadInput": KeyboardEvent;
+        "roadchange": {
+    value: string | undefined | null
+  };
+        "roadChange": {
+    value: string | undefined | null
+  };
+        "roadblur": void;
+        "roadBlur": void;
+        "roadfocus": void;
+        "roadFocus": void;
+    }
     interface HTMLRoadTextareaElement extends Components.RoadTextarea, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadTextareaElementEventMap>(type: K, listener: (this: HTMLRoadTextareaElement, ev: RoadTextareaCustomEvent<HTMLRoadTextareaElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadTextareaElementEventMap>(type: K, listener: (this: HTMLRoadTextareaElement, ev: RoadTextareaCustomEvent<HTMLRoadTextareaElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadTextareaElement: {
         prototype: HTMLRoadTextareaElement;
         new (): HTMLRoadTextareaElement;
     };
+    interface HTMLRoadToastElementEventMap {
+        "close": void;
+    }
     interface HTMLRoadToastElement extends Components.RoadToast, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadToastElementEventMap>(type: K, listener: (this: HTMLRoadToastElement, ev: RoadToastCustomEvent<HTMLRoadToastElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadToastElementEventMap>(type: K, listener: (this: HTMLRoadToastElement, ev: RoadToastCustomEvent<HTMLRoadToastElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadToastElement: {
         prototype: HTMLRoadToastElement;
         new (): HTMLRoadToastElement;
     };
+    interface HTMLRoadToggleElementEventMap {
+        "roadchange": {
+    checked: boolean;
+    value: string | undefined | null
+  };
+        "roadChange": {
+    checked: boolean;
+    value: string | undefined | null
+  };
+        "roadfocus": void;
+        "roadFocus": void;
+        "roadblur": void;
+        "roadBlur": void;
+    }
     interface HTMLRoadToggleElement extends Components.RoadToggle, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRoadToggleElementEventMap>(type: K, listener: (this: HTMLRoadToggleElement, ev: RoadToggleCustomEvent<HTMLRoadToggleElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRoadToggleElementEventMap>(type: K, listener: (this: HTMLRoadToggleElement, ev: RoadToggleCustomEvent<HTMLRoadToggleElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRoadToggleElement: {
         prototype: HTMLRoadToggleElement;
@@ -2360,10 +2923,6 @@ declare namespace LocalJSX {
         "url"?: string;
     }
     interface RoadAreaCode {
-        /**
-          * the value of the area Value.
-         */
-        "areaValue"?: number;
         /**
           * This Boolean attribute lets you specify that a form control should have input focus when the page loads.
          */
@@ -2402,7 +2961,7 @@ declare namespace LocalJSX {
           * List of options of the area code
          */
         "options"?: Array<{
-    value: string | number;
+    value: string;
     label: string;
     selected?: boolean;
   }>;
@@ -2429,7 +2988,7 @@ declare namespace LocalJSX {
         /**
           * the value of the select.
          */
-        "value"?: any | null;
+        "value"?: string;
     }
     interface RoadAutocomplete {
         /**