@duetds/components 7.1.0 → 7.1.2

package/lib/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { DuetCardHeadingLevel, DuetChoiceGroupBreakpoint, DuetChoiceType, DuetColor, DuetDirection, DuetGridBreakpoint, DuetHeadingLevel, DuetIconName, DuetLanguage, DuetLinkVariation, DuetListBreakpoint, DuetLocale, DuetMargin, DuetPadding, DuetStatus, DuetTableBreakpoint, DuetTableStickyDistance, DuetTableVariant, DuetTheme, DuetTooltipDirection, DuetVisualHeadingLevel, StatusMessage } from "./common-types";
+import { DuetCardHeadingLevel, DuetChoiceGroupBreakpoint, DuetChoiceType, DuetColor, DuetDirection, DuetGridBreakpoint, DuetHeadingLevel, DuetIconColor, DuetIconName, DuetLanguage, DuetLinkVariation, DuetListBreakpoint, DuetLocale, DuetMargin, DuetPadding, DuetStatus, DuetTableBreakpoint, DuetTableStickyDistance, DuetTableVariant, DuetTheme, DuetTooltipDirection, DuetVisualHeadingLevel, StatusMessage } from "./common-types";
 import { DuetActionButtonEvent, DuetActionButtonIconSize } from "./components/duet-action-button/duet-action-button";
 import { DuetLangObject } from "./utils/language-utils";
 import { DuetAlertEvent } from "./components/duet-alert/duet-alert";
@@ -63,7 +63,7 @@ import { DuetUploadErrorCode } from "./components/duet-upload/errorcodes.utils";
 import { DuetFileListItem, DuetUploadEvent as DuetUploadEvent1 } from "./components/duet-upload/duet-upload";
 import { ItemType } from "./components/duet-upload-item/duet-upload-item";
 import { EventEmitter } from "./stencil-public-runtime";
-export { DuetCardHeadingLevel, DuetChoiceGroupBreakpoint, DuetChoiceType, DuetColor, DuetDirection, DuetGridBreakpoint, DuetHeadingLevel, DuetIconName, DuetLanguage, DuetLinkVariation, DuetListBreakpoint, DuetLocale, DuetMargin, DuetPadding, DuetStatus, DuetTableBreakpoint, DuetTableStickyDistance, DuetTableVariant, DuetTheme, DuetTooltipDirection, DuetVisualHeadingLevel, StatusMessage } from "./common-types";
+export { DuetCardHeadingLevel, DuetChoiceGroupBreakpoint, DuetChoiceType, DuetColor, DuetDirection, DuetGridBreakpoint, DuetHeadingLevel, DuetIconColor, DuetIconName, DuetLanguage, DuetLinkVariation, DuetListBreakpoint, DuetLocale, DuetMargin, DuetPadding, DuetStatus, DuetTableBreakpoint, DuetTableStickyDistance, DuetTableVariant, DuetTheme, DuetTooltipDirection, DuetVisualHeadingLevel, StatusMessage } from "./common-types";
 export { DuetActionButtonEvent, DuetActionButtonIconSize } from "./components/duet-action-button/duet-action-button";
 export { DuetLangObject } from "./utils/language-utils";
 export { DuetAlertEvent } from "./components/duet-alert/duet-alert";
@@ -199,6 +199,10 @@ export namespace Components {
           * Theme of the pagination.
          */
         "theme": DuetTheme;
+        /**
+          * A destination to link to, rendered in the href attribute of a link.
+         */
+        "url": string;
     }
     interface DuetAlert {
         /**
@@ -207,7 +211,7 @@ export namespace Components {
          */
         "accessibleLabel": string;
         /**
-          * Property to change languageDefaults on the component. normally you would handle these strings on an application level and override @accessibleLabel when needed
+          * Property to change languageDefaults on the component. normally you would handle these strings on an application level and override accessibleLabel when needed
           * @default {fi: "Sulje viesti", sv: "Stäng meddelandet", en: "Close the message"}
          */
         "accessibleLabelDefaults": DuetLangObject | string;
@@ -384,7 +388,7 @@ export namespace Components {
          */
         "accessibleLabelExternal": string;
         /**
-          * Property to change accessibleLabelExternal defaults on the component. normally you would handle these strings on an application level and override @accessibleLabelExternal when needed
+          * Property to change accessibleLabelExternal defaults on the component. normally you would handle these strings on an application level and override accessibleLabelExternal when needed
           * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
          */
         "accessibleLabelExternalDefaults": DuetLangObject | string;
@@ -787,7 +791,7 @@ export namespace Components {
          */
         "accessibleLabelInfoButton": string;
         /**
-          * Property to change accessibleLabelInfoButton defaults on the component. normally you would handle these strings on an application level and override @accessibleLabelInfoButton when needed
+          * Property to change accessibleLabelInfoButton defaults on the component. normally you would handle these strings on an application level and override accessibleLabelInfoButton when needed
          */
         "accessibleLabelInfoButtonDefaults": DuetLangObject | string;
         /**
@@ -1352,7 +1356,7 @@ export namespace Components {
          */
         "accessibleLabelExternal": string;
         /**
-          * Property to change accessibleLabelExternal defaults on the component. normally you would handle these strings on an application level and override @accessibleLabelExternal when needed
+          * Property to change accessibleLabelExternal defaults on the component. normally you would handle these strings on an application level and override accessibleLabelExternal when needed
           * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
          */
         "accessibleLabelExternalDefaults": DuetLangObject | string;
@@ -1464,7 +1468,7 @@ export namespace Components {
          */
         "accessibleLabel": string;
         /**
-          * Property to change accessibleLabel defaults on the component. normally you would handle these strings on an application level and override @accessibleLabel when needed
+          * Property to change accessibleLabel defaults on the component. normally you would handle these strings on an application level and override accessibleLabel when needed
          */
         "accessibleLabelDefaults": DuetLangObject | string;
         /**
@@ -1473,7 +1477,7 @@ export namespace Components {
          */
         "accessibleLabelExternal": string;
         /**
-          * Property to change accessibleLabelExternal defaults on the component. normally you would handle these strings on an application level and override @accessibleLabelExternal when needed
+          * Property to change accessibleLabelExternal defaults on the component. normally you would handle these strings on an application level and override accessibleLabelExternal when needed
           * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
          */
         "accessibleLabelExternalDefaults": DuetLangObject | string;
@@ -1645,6 +1649,14 @@ export namespace Components {
           * URL of the image shown inside the hero area. For normal hero areas the width of the displayed image should be 800px. Optimal aspect ratio is 3:2. When using “image” variation of Hero Area the required image size is 1200x1200px (1:1 ratio). If this property is left empty, image will be hidden.
          */
         "image": string;
+        /**
+          * Image position.
+         */
+        "imagePosition": "auto" | "center";
+        /**
+          * Image sizing.
+         */
+        "imageSize": "auto" | "cover";
         /**
           * The currently active language. This setting changes the accessible labels to match the chosen language.
           * @deprecated this is now handled via the html lang tag, and is no longer used - kept to avoid breaking changes and ease unit testing
@@ -1978,9 +1990,17 @@ export namespace Components {
          */
         "external": boolean;
         /**
-          * Icon to display on the left side of the ink text. (only with variations other than "default")
+          * Icon to display on the left side of the ink text (only with "block" variation)
          */
         "icon": DuetIconName;
+        /**
+          * Color of the icon to display (only with "block" variation)
+         */
+        "iconColor": DuetIconColor;
+        /**
+          * Whether the icon changes its size responsively (only with "block" variation)
+         */
+        "iconResponsive": boolean;
         /**
           * Adds a unique identifier for the link. Please note that with this particular component this id is added inside Shadow DOM. If you need an id on the html element, use regular id attribute instead.
          */
@@ -1992,7 +2012,7 @@ export namespace Components {
          */
         "language": DuetLanguage;
         /**
-          * Controls the padding of the component (only with variations other than "default")
+          * Controls the padding of the component (only with "block" variation)
          */
         "padding": DuetPadding;
         /**
@@ -2409,7 +2429,7 @@ export namespace Components {
          */
         "accessibleLabelUnread": string;
         /**
-          * Property to change accessibleLabelUnread defaults on the component. normally you would handle these strings on an application level and override @accessibleLabelUnread when needed
+          * Property to change accessibleLabelUnread defaults on the component. normally you would handle these strings on an application level and override accessibleLabelUnread when needed
          */
         "accessibleLabelUnreadDefaults": DuetLangObject;
         /**
@@ -2706,6 +2726,10 @@ export namespace Components {
           * The current page
          */
         "current": number;
+        /**
+          * Array of urls that are used to create page links
+         */
+        "pageLinks": string[] | string;
         /**
           * The size of the take, when paginating.
          */
@@ -4375,7 +4399,7 @@ export namespace Components {
          */
         "label": string;
         /**
-          * Property to change labelDefaults defaults on the component. normally you would handle these strings on an application level and override @label when needed
+          * Property to change labelDefaults defaults on the component. normally you would handle these strings on an application level and override label when needed
           * @default { fi: "Lisää liite",sv: "Lägg till en bilaga",en: "Add attachments"}
          */
         "labelDefaults": DuetLangObject | string;
@@ -4694,13 +4718,35 @@ export interface DuetUploadCustomEvent<T> extends CustomEvent<T> {
     target: HTMLDuetUploadElement;
 }
 declare global {
+    interface HTMLDuetActionButtonElementEventMap {
+        "duetActionEvent": DuetActionButtonEvent;
+    }
     interface HTMLDuetActionButtonElement extends Components.DuetActionButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetActionButtonElementEventMap>(type: K, listener: (this: HTMLDuetActionButtonElement, ev: DuetActionButtonCustomEvent<HTMLDuetActionButtonElementEventMap[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 HTMLDuetActionButtonElementEventMap>(type: K, listener: (this: HTMLDuetActionButtonElement, ev: DuetActionButtonCustomEvent<HTMLDuetActionButtonElementEventMap[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 HTMLDuetActionButtonElement: {
         prototype: HTMLDuetActionButtonElement;
         new (): HTMLDuetActionButtonElement;
     };
+    interface HTMLDuetAlertElementEventMap {
+        "duetDismiss": DuetAlertEvent;
+    }
     interface HTMLDuetAlertElement extends Components.DuetAlert, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetAlertElementEventMap>(type: K, listener: (this: HTMLDuetAlertElement, ev: DuetAlertCustomEvent<HTMLDuetAlertElementEventMap[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 HTMLDuetAlertElementEventMap>(type: K, listener: (this: HTMLDuetAlertElement, ev: DuetAlertCustomEvent<HTMLDuetAlertElementEventMap[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 HTMLDuetAlertElement: {
         prototype: HTMLDuetAlertElement;
@@ -4730,7 +4776,19 @@ declare global {
         prototype: HTMLDuetBreadcrumbsElement;
         new (): HTMLDuetBreadcrumbsElement;
     };
+    interface HTMLDuetButtonElementEventMap {
+        "duetFocus": any;
+        "duetBlur": any;
+    }
     interface HTMLDuetButtonElement extends Components.DuetButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetButtonElementEventMap>(type: K, listener: (this: HTMLDuetButtonElement, ev: DuetButtonCustomEvent<HTMLDuetButtonElementEventMap[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 HTMLDuetButtonElementEventMap>(type: K, listener: (this: HTMLDuetButtonElement, ev: DuetButtonCustomEvent<HTMLDuetButtonElementEventMap[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 HTMLDuetButtonElement: {
         prototype: HTMLDuetButtonElement;
@@ -4748,13 +4806,37 @@ declare global {
         prototype: HTMLDuetCaptionElement;
         new (): HTMLDuetCaptionElement;
     };
+    interface HTMLDuetCardElementEventMap {
+        "duetToggle": DuetCardToggleEvent;
+    }
     interface HTMLDuetCardElement extends Components.DuetCard, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetCardElementEventMap>(type: K, listener: (this: HTMLDuetCardElement, ev: DuetCardCustomEvent<HTMLDuetCardElementEventMap[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 HTMLDuetCardElementEventMap>(type: K, listener: (this: HTMLDuetCardElement, ev: DuetCardCustomEvent<HTMLDuetCardElementEventMap[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 HTMLDuetCardElement: {
         prototype: HTMLDuetCardElement;
         new (): HTMLDuetCardElement;
     };
+    interface HTMLDuetCheckboxElementEventMap {
+        "duetChange": DuetCheckboxEvent;
+        "duetFocus": DuetCheckboxEvent;
+        "duetBlur": DuetCheckboxEvent;
+    }
     interface HTMLDuetCheckboxElement extends Components.DuetCheckbox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetCheckboxElementEventMap>(type: K, listener: (this: HTMLDuetCheckboxElement, ev: DuetCheckboxCustomEvent<HTMLDuetCheckboxElementEventMap[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 HTMLDuetCheckboxElementEventMap>(type: K, listener: (this: HTMLDuetCheckboxElement, ev: DuetCheckboxCustomEvent<HTMLDuetCheckboxElementEventMap[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 HTMLDuetCheckboxElement: {
         prototype: HTMLDuetCheckboxElement;
@@ -4766,13 +4848,39 @@ declare global {
         prototype: HTMLDuetCheckmarkElement;
         new (): HTMLDuetCheckmarkElement;
     };
+    interface HTMLDuetChipElementEventMap {
+        "duetChange": DuetChipEvent;
+        "duetFocus": DuetChipEvent;
+        "duetBlur": DuetChipEvent;
+    }
     interface HTMLDuetChipElement extends Components.DuetChip, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetChipElementEventMap>(type: K, listener: (this: HTMLDuetChipElement, ev: DuetChipCustomEvent<HTMLDuetChipElementEventMap[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 HTMLDuetChipElementEventMap>(type: K, listener: (this: HTMLDuetChipElement, ev: DuetChipCustomEvent<HTMLDuetChipElementEventMap[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 HTMLDuetChipElement: {
         prototype: HTMLDuetChipElement;
         new (): HTMLDuetChipElement;
     };
+    interface HTMLDuetChoiceElementEventMap {
+        "duetChange": DuetChoiceEvent;
+        "duetFocus": DuetChoiceEvent;
+        "duetBlur": DuetChoiceEvent;
+    }
     interface HTMLDuetChoiceElement extends Components.DuetChoice, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetChoiceElementEventMap>(type: K, listener: (this: HTMLDuetChoiceElement, ev: DuetChoiceCustomEvent<HTMLDuetChoiceElementEventMap[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 HTMLDuetChoiceElementEventMap>(type: K, listener: (this: HTMLDuetChoiceElement, ev: DuetChoiceCustomEvent<HTMLDuetChoiceElementEventMap[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 HTMLDuetChoiceElement: {
         prototype: HTMLDuetChoiceElement;
@@ -4784,13 +4892,35 @@ declare global {
         prototype: HTMLDuetChoiceGroupElement;
         new (): HTMLDuetChoiceGroupElement;
     };
+    interface HTMLDuetCollapsibleElementEventMap {
+        "duetToggle": DuetCollapsibleToggleEvent;
+    }
     interface HTMLDuetCollapsibleElement extends Components.DuetCollapsible, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetCollapsibleElementEventMap>(type: K, listener: (this: HTMLDuetCollapsibleElement, ev: DuetCollapsibleCustomEvent<HTMLDuetCollapsibleElementEventMap[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 HTMLDuetCollapsibleElementEventMap>(type: K, listener: (this: HTMLDuetCollapsibleElement, ev: DuetCollapsibleCustomEvent<HTMLDuetCollapsibleElementEventMap[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 HTMLDuetCollapsibleElement: {
         prototype: HTMLDuetCollapsibleElement;
         new (): HTMLDuetCollapsibleElement;
     };
+    interface HTMLDuetComboboxElementEventMap {
+        "duetChange": DuetComboboxEvent;
+    }
     interface HTMLDuetComboboxElement extends Components.DuetCombobox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetComboboxElementEventMap>(type: K, listener: (this: HTMLDuetComboboxElement, ev: DuetComboboxCustomEvent<HTMLDuetComboboxElementEventMap[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 HTMLDuetComboboxElementEventMap>(type: K, listener: (this: HTMLDuetComboboxElement, ev: DuetComboboxCustomEvent<HTMLDuetComboboxElementEventMap[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 HTMLDuetComboboxElement: {
         prototype: HTMLDuetComboboxElement;
@@ -4802,13 +4932,37 @@ declare global {
         prototype: HTMLDuetContactCardElement;
         new (): HTMLDuetContactCardElement;
     };
+    interface HTMLDuetCookieConsentElementEventMap {
+        "duetCookieConsent": DuetCookieConsentEvent;
+    }
     interface HTMLDuetCookieConsentElement extends Components.DuetCookieConsent, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetCookieConsentElementEventMap>(type: K, listener: (this: HTMLDuetCookieConsentElement, ev: DuetCookieConsentCustomEvent<HTMLDuetCookieConsentElementEventMap[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 HTMLDuetCookieConsentElementEventMap>(type: K, listener: (this: HTMLDuetCookieConsentElement, ev: DuetCookieConsentCustomEvent<HTMLDuetCookieConsentElementEventMap[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 HTMLDuetCookieConsentElement: {
         prototype: HTMLDuetCookieConsentElement;
         new (): HTMLDuetCookieConsentElement;
     };
+    interface HTMLDuetDatePickerElementEventMap {
+        "duetChange": DuetDatePickerChangeEvent;
+        "duetBlur": DuetDatePickerFocusEvent;
+        "duetFocus": DuetDatePickerFocusEvent;
+    }
     interface HTMLDuetDatePickerElement extends Components.DuetDatePicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetDatePickerElementEventMap>(type: K, listener: (this: HTMLDuetDatePickerElement, ev: DuetDatePickerCustomEvent<HTMLDuetDatePickerElementEventMap[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 HTMLDuetDatePickerElementEventMap>(type: K, listener: (this: HTMLDuetDatePickerElement, ev: DuetDatePickerCustomEvent<HTMLDuetDatePickerElementEventMap[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 HTMLDuetDatePickerElement: {
         prototype: HTMLDuetDatePickerElement;
@@ -4820,7 +4974,19 @@ declare global {
         prototype: HTMLDuetDividerElement;
         new (): HTMLDuetDividerElement;
     };
+    interface HTMLDuetEditableTableElementEventMap {
+        "duetTableToggle": DuetTableToggleEvent;
+        "duetMenuClick": DuetTableMenuEvent;
+    }
     interface HTMLDuetEditableTableElement extends Components.DuetEditableTable, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetEditableTableElementEventMap>(type: K, listener: (this: HTMLDuetEditableTableElement, ev: DuetEditableTableCustomEvent<HTMLDuetEditableTableElementEventMap[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 HTMLDuetEditableTableElementEventMap>(type: K, listener: (this: HTMLDuetEditableTableElement, ev: DuetEditableTableCustomEvent<HTMLDuetEditableTableElementEventMap[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 HTMLDuetEditableTableElement: {
         prototype: HTMLDuetEditableTableElement;
@@ -4838,7 +5004,23 @@ declare global {
         prototype: HTMLDuetFieldsetElement;
         new (): HTMLDuetFieldsetElement;
     };
+    interface HTMLDuetFooterElementEventMap {
+        "duetChange": DuetFooterChangeEvent;
+        "duetLogoClick": DuetFooterChangeEvent;
+        "duetMenuClick": DuetFooterChangeEvent;
+        "duetItemClick": DuetFooterChangeEvent;
+        "duetAnalytics": DuetFooterAnalyticsEvent;
+        "duetEvent": DuetFooterChangeEvent;
+    }
     interface HTMLDuetFooterElement extends Components.DuetFooter, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetFooterElementEventMap>(type: K, listener: (this: HTMLDuetFooterElement, ev: DuetFooterCustomEvent<HTMLDuetFooterElementEventMap[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 HTMLDuetFooterElementEventMap>(type: K, listener: (this: HTMLDuetFooterElement, ev: DuetFooterCustomEvent<HTMLDuetFooterElementEventMap[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 HTMLDuetFooterElement: {
         prototype: HTMLDuetFooterElement;
@@ -4856,7 +5038,30 @@ declare global {
         prototype: HTMLDuetGridItemElement;
         new (): HTMLDuetGridItemElement;
     };
+    interface HTMLDuetHeaderElementEventMap {
+        "duetChange": DuetHeaderChangeEvent;
+        "duetSessionClick": DuetHeaderChangeEvent;
+        "duetSearchClick": DuetHeaderChangeEvent;
+        "duetUserClick": DuetHeaderChangeEvent;
+        "duetLanguageSelect": DuetHeaderChangeEvent;
+        "duetLogoClick": DuetHeaderChangeEvent;
+        "duetBackClick": DuetHeaderChangeEvent;
+        "duetContactClick": DuetHeaderChangeEvent;
+        "duetItemClick": DuetHeaderChangeEvent;
+        "duetSkipClick": DuetHeaderChangeEvent;
+        "duetAnalytics": DuetHeaderAnalyticsEvent;
+        "duetMobileNavToggle": DuetHeaderMobileNavToggleEvent;
+        "duetEvent": DuetHeaderChangeEvent;
+    }
     interface HTMLDuetHeaderElement extends Components.DuetHeader, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetHeaderElementEventMap>(type: K, listener: (this: HTMLDuetHeaderElement, ev: DuetHeaderCustomEvent<HTMLDuetHeaderElementEventMap[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 HTMLDuetHeaderElementEventMap>(type: K, listener: (this: HTMLDuetHeaderElement, ev: DuetHeaderCustomEvent<HTMLDuetHeaderElementEventMap[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 HTMLDuetHeaderElement: {
         prototype: HTMLDuetHeaderElement;
@@ -4868,7 +5073,19 @@ declare global {
         prototype: HTMLDuetHeadingElement;
         new (): HTMLDuetHeadingElement;
     };
+    interface HTMLDuetHeroElementEventMap {
+        "duetClick": DuetHeroClickEvent;
+        "duetAnalytics": DuetHeroAnalyticsEvent;
+    }
     interface HTMLDuetHeroElement extends Components.DuetHero, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetHeroElementEventMap>(type: K, listener: (this: HTMLDuetHeroElement, ev: DuetHeroCustomEvent<HTMLDuetHeroElementEventMap[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 HTMLDuetHeroElementEventMap>(type: K, listener: (this: HTMLDuetHeroElement, ev: DuetHeroCustomEvent<HTMLDuetHeroElementEventMap[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 HTMLDuetHeroElement: {
         prototype: HTMLDuetHeroElement;
@@ -4880,7 +5097,22 @@ declare global {
         prototype: HTMLDuetIconElement;
         new (): HTMLDuetIconElement;
     };
+    interface HTMLDuetInputElementEventMap {
+        "duetInput": DuetInputEvent;
+        "duetChange": DuetInputEvent;
+        "duetBlur": DuetInputEvent;
+        "duetClear": DuetInputEvent;
+        "duetFocus": DuetInputEvent;
+    }
     interface HTMLDuetInputElement extends Components.DuetInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetInputElementEventMap>(type: K, listener: (this: HTMLDuetInputElement, ev: DuetInputCustomEvent<HTMLDuetInputElementEventMap[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 HTMLDuetInputElementEventMap>(type: K, listener: (this: HTMLDuetInputElement, ev: DuetInputCustomEvent<HTMLDuetInputElementEventMap[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 HTMLDuetInputElement: {
         prototype: HTMLDuetInputElement;
@@ -4922,7 +5154,18 @@ declare global {
         prototype: HTMLDuetLogoElement;
         new (): HTMLDuetLogoElement;
     };
+    interface HTMLDuetMenuBarElementEventMap {
+        "duetEvent": DuetMenuBarChangeEvent;
+    }
     interface HTMLDuetMenuBarElement extends Components.DuetMenuBar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetMenuBarElementEventMap>(type: K, listener: (this: HTMLDuetMenuBarElement, ev: DuetMenuBarCustomEvent<HTMLDuetMenuBarElementEventMap[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 HTMLDuetMenuBarElementEventMap>(type: K, listener: (this: HTMLDuetMenuBarElement, ev: DuetMenuBarCustomEvent<HTMLDuetMenuBarElementEventMap[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 HTMLDuetMenuBarElement: {
         prototype: HTMLDuetMenuBarElement;
@@ -4952,13 +5195,39 @@ declare global {
         prototype: HTMLDuetMenuBarLinkElement;
         new (): HTMLDuetMenuBarLinkElement;
     };
+    interface HTMLDuetModalElementEventMap {
+        "duetOpen": any;
+        "duetClose": any;
+        "duetBeforeClose": DuetModalCloseEvent;
+    }
     interface HTMLDuetModalElement extends Components.DuetModal, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetModalElementEventMap>(type: K, listener: (this: HTMLDuetModalElement, ev: DuetModalCustomEvent<HTMLDuetModalElementEventMap[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 HTMLDuetModalElementEventMap>(type: K, listener: (this: HTMLDuetModalElement, ev: DuetModalCustomEvent<HTMLDuetModalElementEventMap[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 HTMLDuetModalElement: {
         prototype: HTMLDuetModalElement;
         new (): HTMLDuetModalElement;
     };
+    interface HTMLDuetMultiselectElementEventMap {
+        "duetChange": DuetMultiselectEvent;
+        "duetFocus": DuetMultiselectEvent;
+        "duetBlur": DuetMultiselectEvent;
+    }
     interface HTMLDuetMultiselectElement extends Components.DuetMultiselect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetMultiselectElementEventMap>(type: K, listener: (this: HTMLDuetMultiselectElement, ev: DuetMultiselectCustomEvent<HTMLDuetMultiselectElementEventMap[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 HTMLDuetMultiselectElementEventMap>(type: K, listener: (this: HTMLDuetMultiselectElement, ev: DuetMultiselectCustomEvent<HTMLDuetMultiselectElementEventMap[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 HTMLDuetMultiselectElement: {
         prototype: HTMLDuetMultiselectElement;
@@ -4982,7 +5251,21 @@ declare global {
         prototype: HTMLDuetNotificationDrawerElement;
         new (): HTMLDuetNotificationDrawerElement;
     };
+    interface HTMLDuetNumberInputElementEventMap {
+        "duetChange": DuetNumberInputEvent;
+        "duetInput": DuetNumberInputEvent;
+        "duetBlur": DuetNumberInputEvent;
+        "duetFocus": DuetNumberInputEvent;
+    }
     interface HTMLDuetNumberInputElement extends Components.DuetNumberInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetNumberInputElementEventMap>(type: K, listener: (this: HTMLDuetNumberInputElement, ev: DuetNumberInputCustomEvent<HTMLDuetNumberInputElementEventMap[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 HTMLDuetNumberInputElementEventMap>(type: K, listener: (this: HTMLDuetNumberInputElement, ev: DuetNumberInputCustomEvent<HTMLDuetNumberInputElementEventMap[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 HTMLDuetNumberInputElement: {
         prototype: HTMLDuetNumberInputElement;
@@ -4994,7 +5277,18 @@ declare global {
         prototype: HTMLDuetPageHeadingElement;
         new (): HTMLDuetPageHeadingElement;
     };
+    interface HTMLDuetPaginationElementEventMap {
+        "duetPageChange": DuetPaginationPageEvent;
+    }
     interface HTMLDuetPaginationElement extends Components.DuetPagination, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetPaginationElementEventMap>(type: K, listener: (this: HTMLDuetPaginationElement, ev: DuetPaginationCustomEvent<HTMLDuetPaginationElementEventMap[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 HTMLDuetPaginationElementEventMap>(type: K, listener: (this: HTMLDuetPaginationElement, ev: DuetPaginationCustomEvent<HTMLDuetPaginationElementEventMap[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 HTMLDuetPaginationElement: {
         prototype: HTMLDuetPaginationElement;
@@ -5006,13 +5300,36 @@ declare global {
         prototype: HTMLDuetParagraphElement;
         new (): HTMLDuetParagraphElement;
     };
+    interface HTMLDuetPopupMenuElementEventMap {
+        "duetToggle": DuetPopupMenuEvent;
+    }
     interface HTMLDuetPopupMenuElement extends Components.DuetPopupMenu, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetPopupMenuElementEventMap>(type: K, listener: (this: HTMLDuetPopupMenuElement, ev: DuetPopupMenuCustomEvent<HTMLDuetPopupMenuElementEventMap[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 HTMLDuetPopupMenuElementEventMap>(type: K, listener: (this: HTMLDuetPopupMenuElement, ev: DuetPopupMenuCustomEvent<HTMLDuetPopupMenuElementEventMap[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 HTMLDuetPopupMenuElement: {
         prototype: HTMLDuetPopupMenuElement;
         new (): HTMLDuetPopupMenuElement;
     };
+    interface HTMLDuetPopupMenuItemElementEventMap {
+        "duetFocus": DuetPopupMenuItemEvent;
+        "duetBlur": DuetPopupMenuItemEvent;
+    }
     interface HTMLDuetPopupMenuItemElement extends Components.DuetPopupMenuItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetPopupMenuItemElementEventMap>(type: K, listener: (this: HTMLDuetPopupMenuItemElement, ev: DuetPopupMenuItemCustomEvent<HTMLDuetPopupMenuItemElementEventMap[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 HTMLDuetPopupMenuItemElementEventMap>(type: K, listener: (this: HTMLDuetPopupMenuItemElement, ev: DuetPopupMenuItemCustomEvent<HTMLDuetPopupMenuItemElementEventMap[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 HTMLDuetPopupMenuItemElement: {
         prototype: HTMLDuetPopupMenuItemElement;
@@ -5030,7 +5347,20 @@ declare global {
         prototype: HTMLDuetPromoCardElement;
         new (): HTMLDuetPromoCardElement;
     };
+    interface HTMLDuetRadioElementEventMap {
+        "duetChange": DuetRadioEvent;
+        "duetFocus": DuetRadioEvent;
+        "duetBlur": DuetRadioEvent;
+    }
     interface HTMLDuetRadioElement extends Components.DuetRadio, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetRadioElementEventMap>(type: K, listener: (this: HTMLDuetRadioElement, ev: DuetRadioCustomEvent<HTMLDuetRadioElementEventMap[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 HTMLDuetRadioElementEventMap>(type: K, listener: (this: HTMLDuetRadioElement, ev: DuetRadioCustomEvent<HTMLDuetRadioElementEventMap[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 HTMLDuetRadioElement: {
         prototype: HTMLDuetRadioElement;
@@ -5042,13 +5372,36 @@ declare global {
         prototype: HTMLDuetRadioGroupElement;
         new (): HTMLDuetRadioGroupElement;
     };
+    interface HTMLDuetRangeSliderElementEventMap {
+        "duetChange": DuetRangeChangeEvent;
+        "duetInput": DuetRangeChangeEvent;
+    }
     interface HTMLDuetRangeSliderElement extends Components.DuetRangeSlider, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetRangeSliderElementEventMap>(type: K, listener: (this: HTMLDuetRangeSliderElement, ev: DuetRangeSliderCustomEvent<HTMLDuetRangeSliderElementEventMap[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 HTMLDuetRangeSliderElementEventMap>(type: K, listener: (this: HTMLDuetRangeSliderElement, ev: DuetRangeSliderCustomEvent<HTMLDuetRangeSliderElementEventMap[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 HTMLDuetRangeSliderElement: {
         prototype: HTMLDuetRangeSliderElement;
         new (): HTMLDuetRangeSliderElement;
     };
+    interface HTMLDuetRangeStepperElementEventMap {
+        "duetRangeStepUpdate": DuetRangeStepperUpdateEvent;
+    }
     interface HTMLDuetRangeStepperElement extends Components.DuetRangeStepper, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetRangeStepperElementEventMap>(type: K, listener: (this: HTMLDuetRangeStepperElement, ev: DuetRangeStepperCustomEvent<HTMLDuetRangeStepperElementEventMap[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 HTMLDuetRangeStepperElementEventMap>(type: K, listener: (this: HTMLDuetRangeStepperElement, ev: DuetRangeStepperCustomEvent<HTMLDuetRangeStepperElementEventMap[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 HTMLDuetRangeStepperElement: {
         prototype: HTMLDuetRangeStepperElement;
@@ -5066,7 +5419,20 @@ declare global {
         prototype: HTMLDuetSectionLayoutElement;
         new (): HTMLDuetSectionLayoutElement;
     };
+    interface HTMLDuetSelectElementEventMap {
+        "duetChange": DuetSelectEvent;
+        "duetFocus": DuetSelectEvent;
+        "duetBlur": DuetSelectEvent;
+    }
     interface HTMLDuetSelectElement extends Components.DuetSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetSelectElementEventMap>(type: K, listener: (this: HTMLDuetSelectElement, ev: DuetSelectCustomEvent<HTMLDuetSelectElementEventMap[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 HTMLDuetSelectElementEventMap>(type: K, listener: (this: HTMLDuetSelectElement, ev: DuetSelectCustomEvent<HTMLDuetSelectElementEventMap[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 HTMLDuetSelectElement: {
         prototype: HTMLDuetSelectElement;
@@ -5078,13 +5444,35 @@ declare global {
         prototype: HTMLDuetShapedImageElement;
         new (): HTMLDuetShapedImageElement;
     };
+    interface HTMLDuetShowMoreElementEventMap {
+        "duetToggle": DuetShowMoreToggleEvent;
+    }
     interface HTMLDuetShowMoreElement extends Components.DuetShowMore, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetShowMoreElementEventMap>(type: K, listener: (this: HTMLDuetShowMoreElement, ev: DuetShowMoreCustomEvent<HTMLDuetShowMoreElementEventMap[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 HTMLDuetShowMoreElementEventMap>(type: K, listener: (this: HTMLDuetShowMoreElement, ev: DuetShowMoreCustomEvent<HTMLDuetShowMoreElementEventMap[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 HTMLDuetShowMoreElement: {
         prototype: HTMLDuetShowMoreElement;
         new (): HTMLDuetShowMoreElement;
     };
+    interface HTMLDuetSlideoutElementEventMap {
+        "duetSlideoutEvent": DuetSlideoutEventDetails;
+    }
     interface HTMLDuetSlideoutElement extends Components.DuetSlideout, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetSlideoutElementEventMap>(type: K, listener: (this: HTMLDuetSlideoutElement, ev: DuetSlideoutCustomEvent<HTMLDuetSlideoutElementEventMap[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 HTMLDuetSlideoutElementEventMap>(type: K, listener: (this: HTMLDuetSlideoutElement, ev: DuetSlideoutCustomEvent<HTMLDuetSlideoutElementEventMap[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 HTMLDuetSlideoutElement: {
         prototype: HTMLDuetSlideoutElement;
@@ -5126,13 +5514,35 @@ declare global {
         prototype: HTMLDuetSpinnerElement;
         new (): HTMLDuetSpinnerElement;
     };
+    interface HTMLDuetStepElementEventMap {
+        "duetStepClick": DuetStepClickEvent;
+    }
     interface HTMLDuetStepElement extends Components.DuetStep, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetStepElementEventMap>(type: K, listener: (this: HTMLDuetStepElement, ev: DuetStepCustomEvent<HTMLDuetStepElementEventMap[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 HTMLDuetStepElementEventMap>(type: K, listener: (this: HTMLDuetStepElement, ev: DuetStepCustomEvent<HTMLDuetStepElementEventMap[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 HTMLDuetStepElement: {
         prototype: HTMLDuetStepElement;
         new (): HTMLDuetStepElement;
     };
+    interface HTMLDuetStepperElementEventMap {
+        "duetStepChange": DuetStepChangeEvent;
+    }
     interface HTMLDuetStepperElement extends Components.DuetStepper, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetStepperElementEventMap>(type: K, listener: (this: HTMLDuetStepperElement, ev: DuetStepperCustomEvent<HTMLDuetStepperElementEventMap[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 HTMLDuetStepperElementEventMap>(type: K, listener: (this: HTMLDuetStepperElement, ev: DuetStepperCustomEvent<HTMLDuetStepperElementEventMap[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 HTMLDuetStepperElement: {
         prototype: HTMLDuetStepperElement;
@@ -5168,7 +5578,20 @@ declare global {
         prototype: HTMLDuetTabElement;
         new (): HTMLDuetTabElement;
     };
+    interface HTMLDuetTabGroupElementEventMap {
+        "duetChange": DuetTabGroupEvent;
+        "duetTabChange": DuetTabGroupEvent;
+        "duetTabChangeRequested": DuetTabGroupEvent;
+    }
     interface HTMLDuetTabGroupElement extends Components.DuetTabGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetTabGroupElementEventMap>(type: K, listener: (this: HTMLDuetTabGroupElement, ev: DuetTabGroupCustomEvent<HTMLDuetTabGroupElementEventMap[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 HTMLDuetTabGroupElementEventMap>(type: K, listener: (this: HTMLDuetTabGroupElement, ev: DuetTabGroupCustomEvent<HTMLDuetTabGroupElementEventMap[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 HTMLDuetTabGroupElement: {
         prototype: HTMLDuetTabGroupElement;
@@ -5180,13 +5603,38 @@ declare global {
         prototype: HTMLDuetTableElement;
         new (): HTMLDuetTableElement;
     };
+    interface HTMLDuetTextareaElementEventMap {
+        "duetInput": DuetTextareaEvent;
+        "duetChange": DuetTextareaEvent;
+        "duetBlur": DuetTextareaEvent;
+        "duetFocus": DuetTextareaEvent;
+    }
     interface HTMLDuetTextareaElement extends Components.DuetTextarea, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetTextareaElementEventMap>(type: K, listener: (this: HTMLDuetTextareaElement, ev: DuetTextareaCustomEvent<HTMLDuetTextareaElementEventMap[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 HTMLDuetTextareaElementEventMap>(type: K, listener: (this: HTMLDuetTextareaElement, ev: DuetTextareaCustomEvent<HTMLDuetTextareaElementEventMap[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 HTMLDuetTextareaElement: {
         prototype: HTMLDuetTextareaElement;
         new (): HTMLDuetTextareaElement;
     };
+    interface HTMLDuetToggleElementEventMap {
+        "duetChange": DuetToggleChangeEvent;
+    }
     interface HTMLDuetToggleElement extends Components.DuetToggle, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetToggleElementEventMap>(type: K, listener: (this: HTMLDuetToggleElement, ev: DuetToggleCustomEvent<HTMLDuetToggleElementEventMap[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 HTMLDuetToggleElementEventMap>(type: K, listener: (this: HTMLDuetToggleElement, ev: DuetToggleCustomEvent<HTMLDuetToggleElementEventMap[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 HTMLDuetToggleElement: {
         prototype: HTMLDuetToggleElement;
@@ -5228,7 +5676,18 @@ declare global {
         prototype: HTMLDuetTooltipButtonElement;
         new (): HTMLDuetTooltipButtonElement;
     };
+    interface HTMLDuetTooltipPopupElementEventMap {
+        "tooltipPopupClosed": CustomEvent;
+    }
     interface HTMLDuetTooltipPopupElement extends Components.DuetTooltipPopup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetTooltipPopupElementEventMap>(type: K, listener: (this: HTMLDuetTooltipPopupElement, ev: DuetTooltipPopupCustomEvent<HTMLDuetTooltipPopupElementEventMap[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 HTMLDuetTooltipPopupElementEventMap>(type: K, listener: (this: HTMLDuetTooltipPopupElement, ev: DuetTooltipPopupCustomEvent<HTMLDuetTooltipPopupElementEventMap[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 HTMLDuetTooltipPopupElement: {
         prototype: HTMLDuetTooltipPopupElement;
@@ -5240,7 +5699,28 @@ declare global {
         prototype: HTMLDuetTrayElement;
         new (): HTMLDuetTrayElement;
     };
+    interface HTMLDuetUploadElementEventMap {
+        "duetChange": DuetUploadEvent;
+        "duetBlur": DuetUploadEvent;
+        "duetFocus": DuetUploadEvent;
+        "duetReady": DuetUploadEvent;
+        "duetDone": DuetUploadEvent;
+        "duetState": DuetUploadEvent;
+        "duetDelete": DuetUploadEvent;
+        "duetCancel": DuetUploadEvent;
+        "duetProgress": DuetUploadEvent;
+        "duetUpload": DuetUploadEvent;
+        "linkClick": DuetUploadEvent;
+    }
     interface HTMLDuetUploadElement extends Components.DuetUpload, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetUploadElementEventMap>(type: K, listener: (this: HTMLDuetUploadElement, ev: DuetUploadCustomEvent<HTMLDuetUploadElementEventMap[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 HTMLDuetUploadElementEventMap>(type: K, listener: (this: HTMLDuetUploadElement, ev: DuetUploadCustomEvent<HTMLDuetUploadElementEventMap[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 HTMLDuetUploadElement: {
         prototype: HTMLDuetUploadElement;
@@ -5440,6 +5920,10 @@ declare namespace LocalJSX {
           * Theme of the pagination.
          */
         "theme"?: DuetTheme;
+        /**
+          * A destination to link to, rendered in the href attribute of a link.
+         */
+        "url"?: string;
     }
     interface DuetAlert {
         /**
@@ -5448,7 +5932,7 @@ declare namespace LocalJSX {
          */
         "accessibleLabel"?: string;
         /**
-          * Property to change languageDefaults on the component. normally you would handle these strings on an application level and override @accessibleLabel when needed
+          * Property to change languageDefaults on the component. normally you would handle these strings on an application level and override accessibleLabel when needed
           * @default {fi: "Sulje viesti", sv: "Stäng meddelandet", en: "Close the message"}
          */
         "accessibleLabelDefaults"?: DuetLangObject | string;
@@ -5617,7 +6101,7 @@ declare namespace LocalJSX {
          */
         "accessibleLabelExternal"?: string;
         /**
-          * Property to change accessibleLabelExternal defaults on the component. normally you would handle these strings on an application level and override @accessibleLabelExternal when needed
+          * Property to change accessibleLabelExternal defaults on the component. normally you would handle these strings on an application level and override accessibleLabelExternal when needed
           * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
          */
         "accessibleLabelExternalDefaults"?: DuetLangObject | string;
@@ -6040,7 +6524,7 @@ declare namespace LocalJSX {
          */
         "accessibleLabelInfoButton"?: string;
         /**
-          * Property to change accessibleLabelInfoButton defaults on the component. normally you would handle these strings on an application level and override @accessibleLabelInfoButton when needed
+          * Property to change accessibleLabelInfoButton defaults on the component. normally you would handle these strings on an application level and override accessibleLabelInfoButton when needed
          */
         "accessibleLabelInfoButtonDefaults"?: DuetLangObject | string;
         /**
@@ -6616,7 +7100,7 @@ declare namespace LocalJSX {
          */
         "accessibleLabelExternal"?: string;
         /**
-          * Property to change accessibleLabelExternal defaults on the component. normally you would handle these strings on an application level and override @accessibleLabelExternal when needed
+          * Property to change accessibleLabelExternal defaults on the component. normally you would handle these strings on an application level and override accessibleLabelExternal when needed
           * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
          */
         "accessibleLabelExternalDefaults"?: DuetLangObject | string;
@@ -6749,7 +7233,7 @@ declare namespace LocalJSX {
          */
         "accessibleLabel"?: string;
         /**
-          * Property to change accessibleLabel defaults on the component. normally you would handle these strings on an application level and override @accessibleLabel when needed
+          * Property to change accessibleLabel defaults on the component. normally you would handle these strings on an application level and override accessibleLabel when needed
          */
         "accessibleLabelDefaults"?: DuetLangObject | string;
         /**
@@ -6758,7 +7242,7 @@ declare namespace LocalJSX {
          */
         "accessibleLabelExternal"?: string;
         /**
-          * Property to change accessibleLabelExternal defaults on the component. normally you would handle these strings on an application level and override @accessibleLabelExternal when needed
+          * Property to change accessibleLabelExternal defaults on the component. normally you would handle these strings on an application level and override accessibleLabelExternal when needed
           * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
          */
         "accessibleLabelExternalDefaults"?: DuetLangObject | string;
@@ -6974,6 +7458,14 @@ declare namespace LocalJSX {
           * URL of the image shown inside the hero area. For normal hero areas the width of the displayed image should be 800px. Optimal aspect ratio is 3:2. When using “image” variation of Hero Area the required image size is 1200x1200px (1:1 ratio). If this property is left empty, image will be hidden.
          */
         "image"?: string;
+        /**
+          * Image position.
+         */
+        "imagePosition"?: "auto" | "center";
+        /**
+          * Image sizing.
+         */
+        "imageSize"?: "auto" | "cover";
         /**
           * The currently active language. This setting changes the accessible labels to match the chosen language.
           * @deprecated this is now handled via the html lang tag, and is no longer used - kept to avoid breaking changes and ease unit testing
@@ -7321,9 +7813,17 @@ declare namespace LocalJSX {
          */
         "external"?: boolean;
         /**
-          * Icon to display on the left side of the ink text. (only with variations other than "default")
+          * Icon to display on the left side of the ink text (only with "block" variation)
          */
         "icon"?: DuetIconName;
+        /**
+          * Color of the icon to display (only with "block" variation)
+         */
+        "iconColor"?: DuetIconColor;
+        /**
+          * Whether the icon changes its size responsively (only with "block" variation)
+         */
+        "iconResponsive"?: boolean;
         /**
           * Adds a unique identifier for the link. Please note that with this particular component this id is added inside Shadow DOM. If you need an id on the html element, use regular id attribute instead.
          */
@@ -7335,7 +7835,7 @@ declare namespace LocalJSX {
          */
         "language"?: DuetLanguage;
         /**
-          * Controls the padding of the component (only with variations other than "default")
+          * Controls the padding of the component (only with "block" variation)
          */
         "padding"?: DuetPadding;
         /**
@@ -7750,7 +8250,7 @@ declare namespace LocalJSX {
          */
         "accessibleLabelUnread"?: string;
         /**
-          * Property to change accessibleLabelUnread defaults on the component. normally you would handle these strings on an application level and override @accessibleLabelUnread when needed
+          * Property to change accessibleLabelUnread defaults on the component. normally you would handle these strings on an application level and override accessibleLabelUnread when needed
          */
         "accessibleLabelUnreadDefaults"?: DuetLangObject;
         /**
@@ -8040,6 +8540,10 @@ declare namespace LocalJSX {
           * Emitted a page selection has been made
          */
         "onDuetPageChange"?: (event: DuetPaginationCustomEvent<DuetPaginationPageEvent>) => void;
+        /**
+          * Array of urls that are used to create page links
+         */
+        "pageLinks"?: string[] | string;
         /**
           * The size of the take, when paginating.
          */
@@ -9703,7 +10207,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * Property to change labelDefaults defaults on the component. normally you would handle these strings on an application level and override @label when needed
+          * Property to change labelDefaults defaults on the component. normally you would handle these strings on an application level and override label when needed
           * @default { fi: "Lisää liite",sv: "Lägg till en bilaga",en: "Add attachments"}
          */
         "labelDefaults"?: DuetLangObject | string;