@dso-toolkit/core 62.3.3 → 62.5.0-ghi-2448.0

package/dist/types/components.d.ts

@@ -14,7 +14,7 @@ import { DsoCardClickedEvent, ImageShape } from "./components/card/card.interfac
 import { CardContainerMode } from "./components/card-container/card-container.interfaces";
 import { DatePickerChangeEvent, DatePickerFocusEvent, DatePickerKeyboardEvent } from "./components/date-picker/date-picker.interfaces";
 import { DsoDatePickerLegacyChangeEvent, DsoDatePickerLegacyDirection, DsoDatePickerLegacyFocusEvent, DsoDatePickerLegacyKeyboardEvent } from "./components/date-picker-legacy/date-picker-legacy.interfaces";
-import { DocumentComponentInputType, DocumentComponentMarkFunction, DocumentComponentMarkItemHighlightEvent, DocumentComponentOpenToggleEvent, DocumentComponentOzonContentAnchorClickEvent, DocumentComponentToggleAnnotationEvent, DocumentComponentWijzigactie } from "./components/document-component/document-component.models";
+import { DocumentComponentInputType, DocumentComponentMarkFunction, DocumentComponentMarkItemHighlightEvent, DocumentComponentOpenToggleEvent, DocumentComponentOzonContentAnchorClickEvent, DocumentComponentRecursiveToggleEvent, DocumentComponentRecursiveToggleState, DocumentComponentToggleAnnotationEvent, DocumentComponentWijzigactie } from "./components/document-component/document-component.models";
 import { Placement } from "@popperjs/core";
 import { ExpandableAnimationEndEvent, ExpandableAnimationStartEvent } from "./components/expandable/expandable";
 import { HeaderEvent, HeaderMenuItem } from "./components/header/header.interfaces";
@@ -23,6 +23,7 @@ import { ListButtonChangeEvent, ListButtonSelectedEvent } from "./components/lis
 import { BaseLayer, BaseLayerChangeEvent } from "./components/map-base-layers/map-base-layers.interfaces";
 import { MapControlsToggleEvent } from "./components/map-controls/map-controls.interfaces";
 import { Overlay, OverlayChangeEvent } from "./components/map-overlays/map-overlays.interfaces";
+import { MarkBarClearEvent, MarkBarInputEvent, MarkBarPaginationEvent } from "./components/mark-bar/mark-bar.interfaces";
 import { ModalCloseEvent } from "./components/modal/modal.interfaces";
 import { OzonContentAnchorClickEvent, OzonContentInputType, OzonContentMarkFunction, OzonContentMarkItemHighlightEvent } from "./components/ozon-content/ozon-content.interfaces";
 import { PaginationSelectPageEvent } from "./components/pagination/pagination.interfaces";
@@ -41,7 +42,7 @@ export { DsoCardClickedEvent, ImageShape } from "./components/card/card.interfac
 export { CardContainerMode } from "./components/card-container/card-container.interfaces";
 export { DatePickerChangeEvent, DatePickerFocusEvent, DatePickerKeyboardEvent } from "./components/date-picker/date-picker.interfaces";
 export { DsoDatePickerLegacyChangeEvent, DsoDatePickerLegacyDirection, DsoDatePickerLegacyFocusEvent, DsoDatePickerLegacyKeyboardEvent } from "./components/date-picker-legacy/date-picker-legacy.interfaces";
-export { DocumentComponentInputType, DocumentComponentMarkFunction, DocumentComponentMarkItemHighlightEvent, DocumentComponentOpenToggleEvent, DocumentComponentOzonContentAnchorClickEvent, DocumentComponentToggleAnnotationEvent, DocumentComponentWijzigactie } from "./components/document-component/document-component.models";
+export { DocumentComponentInputType, DocumentComponentMarkFunction, DocumentComponentMarkItemHighlightEvent, DocumentComponentOpenToggleEvent, DocumentComponentOzonContentAnchorClickEvent, DocumentComponentRecursiveToggleEvent, DocumentComponentRecursiveToggleState, DocumentComponentToggleAnnotationEvent, DocumentComponentWijzigactie } from "./components/document-component/document-component.models";
 export { Placement } from "@popperjs/core";
 export { ExpandableAnimationEndEvent, ExpandableAnimationStartEvent } from "./components/expandable/expandable";
 export { HeaderEvent, HeaderMenuItem } from "./components/header/header.interfaces";
@@ -50,6 +51,7 @@ export { ListButtonChangeEvent, ListButtonSelectedEvent } from "./components/lis
 export { BaseLayer, BaseLayerChangeEvent } from "./components/map-base-layers/map-base-layers.interfaces";
 export { MapControlsToggleEvent } from "./components/map-controls/map-controls.interfaces";
 export { Overlay, OverlayChangeEvent } from "./components/map-overlays/map-overlays.interfaces";
+export { MarkBarClearEvent, MarkBarInputEvent, MarkBarPaginationEvent } from "./components/mark-bar/mark-bar.interfaces";
 export { ModalCloseEvent } from "./components/modal/modal.interfaces";
 export { OzonContentAnchorClickEvent, OzonContentInputType, OzonContentMarkFunction, OzonContentMarkItemHighlightEvent } from "./components/ozon-content/ozon-content.interfaces";
 export { PaginationSelectPageEvent } from "./components/pagination/pagination.interfaces";
@@ -393,7 +395,7 @@ export namespace Components {
          */
         "label"?: DocumentComponentInputType;
         /**
-          * Voor het markeren in content.
+          * To mark text.
          */
         "mark"?: DocumentComponentMarkFunction;
         /**
@@ -416,6 +418,10 @@ export namespace Components {
           * The Opschrift XML.
          */
         "opschrift"?: DocumentComponentInputType;
+        /**
+          * Shows the recursive toggle button. When the user activates this button the event `dsoRecursiveToggle` is emitted.
+         */
+        "recursiveToggle": DocumentComponentRecursiveToggleState;
         /**
           * Type of Document Component.
          */
@@ -685,6 +691,24 @@ export namespace Components {
          */
         "overlays": Overlay[];
     }
+    interface DsoMarkBar {
+        /**
+          * The current (one-based) highlighted search item.
+         */
+        "current"?: number;
+        /**
+          * The label for the input field.
+         */
+        "label": string;
+        /**
+          * Total number of search results.
+         */
+        "totalCount"?: number;
+        /**
+          * The current search value.
+         */
+        "value"?: string;
+    }
     interface DsoModal {
         /**
           * when set the modal will be shown in fullscreen.
@@ -1045,6 +1069,10 @@ export interface DsoMapOverlaysCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsoMapOverlaysElement;
 }
+export interface DsoMarkBarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsoMarkBarElement;
+}
 export interface DsoModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsoModalElement;
@@ -1092,7 +1120,20 @@ declare global {
         prototype: HTMLDsoAccordionElement;
         new (): HTMLDsoAccordionElement;
     };
+    interface HTMLDsoAccordionSectionElementEventMap {
+        "dsoToggleClick": AccordionSectionToggleClickEvent;
+        "dsoAnimationStart": AccordionSectionAnimationStartEvent;
+        "dsoAnimationEnd": AccordionSectionAnimationEndEvent;
+    }
     interface HTMLDsoAccordionSectionElement extends Components.DsoAccordionSection, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoAccordionSectionElementEventMap>(type: K, listener: (this: HTMLDsoAccordionSectionElement, ev: DsoAccordionSectionCustomEvent<HTMLDsoAccordionSectionElementEventMap[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 HTMLDsoAccordionSectionElementEventMap>(type: K, listener: (this: HTMLDsoAccordionSectionElement, ev: DsoAccordionSectionCustomEvent<HTMLDsoAccordionSectionElementEventMap[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 HTMLDsoAccordionSectionElement: {
         prototype: HTMLDsoAccordionSectionElement;
@@ -1116,13 +1157,35 @@ declare global {
         prototype: HTMLDsoAlertElement;
         new (): HTMLDsoAlertElement;
     };
+    interface HTMLDsoAnnotationButtonElementEventMap {
+        "dsoClick": AnnotationButtonClickEvent;
+    }
     interface HTMLDsoAnnotationButtonElement extends Components.DsoAnnotationButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoAnnotationButtonElementEventMap>(type: K, listener: (this: HTMLDsoAnnotationButtonElement, ev: DsoAnnotationButtonCustomEvent<HTMLDsoAnnotationButtonElementEventMap[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 HTMLDsoAnnotationButtonElementEventMap>(type: K, listener: (this: HTMLDsoAnnotationButtonElement, ev: DsoAnnotationButtonCustomEvent<HTMLDsoAnnotationButtonElementEventMap[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 HTMLDsoAnnotationButtonElement: {
         prototype: HTMLDsoAnnotationButtonElement;
         new (): HTMLDsoAnnotationButtonElement;
     };
+    interface HTMLDsoAnnotationOutputElementEventMap {
+        "dsoClose": AnnotationOutputCloseEvent;
+    }
     interface HTMLDsoAnnotationOutputElement extends Components.DsoAnnotationOutput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoAnnotationOutputElementEventMap>(type: K, listener: (this: HTMLDsoAnnotationOutputElement, ev: DsoAnnotationOutputCustomEvent<HTMLDsoAnnotationOutputElementEventMap[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 HTMLDsoAnnotationOutputElementEventMap>(type: K, listener: (this: HTMLDsoAnnotationOutputElement, ev: DsoAnnotationOutputCustomEvent<HTMLDsoAnnotationOutputElementEventMap[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 HTMLDsoAnnotationOutputElement: {
         prototype: HTMLDsoAnnotationOutputElement;
@@ -1134,7 +1197,20 @@ declare global {
         prototype: HTMLDsoAttachmentsCounterElement;
         new (): HTMLDsoAttachmentsCounterElement;
     };
+    interface HTMLDsoAutosuggestElementEventMap {
+        "dsoSelect": Suggestion;
+        "dsoChange": string;
+        "dsoSearch": string;
+    }
     interface HTMLDsoAutosuggestElement extends Components.DsoAutosuggest, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoAutosuggestElementEventMap>(type: K, listener: (this: HTMLDsoAutosuggestElement, ev: DsoAutosuggestCustomEvent<HTMLDsoAutosuggestElementEventMap[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 HTMLDsoAutosuggestElementEventMap>(type: K, listener: (this: HTMLDsoAutosuggestElement, ev: DsoAutosuggestCustomEvent<HTMLDsoAutosuggestElementEventMap[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 HTMLDsoAutosuggestElement: {
         prototype: HTMLDsoAutosuggestElement;
@@ -1152,7 +1228,18 @@ declare global {
         prototype: HTMLDsoBannerElement;
         new (): HTMLDsoBannerElement;
     };
+    interface HTMLDsoCardElementEventMap {
+        "dsoCardClicked": DsoCardClickedEvent;
+    }
     interface HTMLDsoCardElement extends Components.DsoCard, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoCardElementEventMap>(type: K, listener: (this: HTMLDsoCardElement, ev: DsoCardCustomEvent<HTMLDsoCardElementEventMap[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 HTMLDsoCardElementEventMap>(type: K, listener: (this: HTMLDsoCardElement, ev: DsoCardCustomEvent<HTMLDsoCardElementEventMap[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 HTMLDsoCardElement: {
         prototype: HTMLDsoCardElement;
@@ -1164,19 +1251,64 @@ declare global {
         prototype: HTMLDsoCardContainerElement;
         new (): HTMLDsoCardContainerElement;
     };
+    interface HTMLDsoDatePickerElementEventMap {
+        "dsoDateChange": DatePickerChangeEvent;
+        "dsoBlur": DatePickerFocusEvent;
+        "dsoKeyUp": DatePickerKeyboardEvent;
+        "dsoKeyDown": DatePickerKeyboardEvent;
+        "dsoFocus": DatePickerFocusEvent;
+    }
     interface HTMLDsoDatePickerElement extends Components.DsoDatePicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoDatePickerElementEventMap>(type: K, listener: (this: HTMLDsoDatePickerElement, ev: DsoDatePickerCustomEvent<HTMLDsoDatePickerElementEventMap[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 HTMLDsoDatePickerElementEventMap>(type: K, listener: (this: HTMLDsoDatePickerElement, ev: DsoDatePickerCustomEvent<HTMLDsoDatePickerElementEventMap[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 HTMLDsoDatePickerElement: {
         prototype: HTMLDsoDatePickerElement;
         new (): HTMLDsoDatePickerElement;
     };
+    interface HTMLDsoDatePickerLegacyElementEventMap {
+        "dsoDateChange": DsoDatePickerLegacyChangeEvent;
+        "dsoBlur": DsoDatePickerLegacyFocusEvent;
+        "dsoKeyUp": DsoDatePickerLegacyKeyboardEvent;
+        "dsoKeyDown": DsoDatePickerLegacyKeyboardEvent;
+        "dsoFocus": DsoDatePickerLegacyFocusEvent;
+    }
     interface HTMLDsoDatePickerLegacyElement extends Components.DsoDatePickerLegacy, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoDatePickerLegacyElementEventMap>(type: K, listener: (this: HTMLDsoDatePickerLegacyElement, ev: DsoDatePickerLegacyCustomEvent<HTMLDsoDatePickerLegacyElementEventMap[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 HTMLDsoDatePickerLegacyElementEventMap>(type: K, listener: (this: HTMLDsoDatePickerLegacyElement, ev: DsoDatePickerLegacyCustomEvent<HTMLDsoDatePickerLegacyElementEventMap[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 HTMLDsoDatePickerLegacyElement: {
         prototype: HTMLDsoDatePickerLegacyElement;
         new (): HTMLDsoDatePickerLegacyElement;
     };
+    interface HTMLDsoDocumentComponentElementEventMap {
+        "dsoRecursiveToggle": DocumentComponentRecursiveToggleEvent;
+        "dsoOpenToggle": DocumentComponentOpenToggleEvent;
+        "dsoOzonContentAnchorClick": DocumentComponentOzonContentAnchorClickEvent;
+        "dsoAnnotationToggle": DocumentComponentToggleAnnotationEvent;
+        "dsoMarkItemHighlight": DocumentComponentMarkItemHighlightEvent;
+    }
     interface HTMLDsoDocumentComponentElement extends Components.DsoDocumentComponent, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoDocumentComponentElementEventMap>(type: K, listener: (this: HTMLDsoDocumentComponentElement, ev: DsoDocumentComponentCustomEvent<HTMLDsoDocumentComponentElementEventMap[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 HTMLDsoDocumentComponentElementEventMap>(type: K, listener: (this: HTMLDsoDocumentComponentElement, ev: DsoDocumentComponentCustomEvent<HTMLDsoDocumentComponentElementEventMap[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 HTMLDsoDocumentComponentElement: {
         prototype: HTMLDsoDocumentComponentElement;
@@ -1188,13 +1320,36 @@ declare global {
         prototype: HTMLDsoDropdownMenuElement;
         new (): HTMLDsoDropdownMenuElement;
     };
+    interface HTMLDsoExpandableElementEventMap {
+        "dsoExpandableAnimationStart": ExpandableAnimationStartEvent;
+        "dsoExpandableAnimationEnd": ExpandableAnimationEndEvent;
+    }
     interface HTMLDsoExpandableElement extends Components.DsoExpandable, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoExpandableElementEventMap>(type: K, listener: (this: HTMLDsoExpandableElement, ev: DsoExpandableCustomEvent<HTMLDsoExpandableElementEventMap[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 HTMLDsoExpandableElementEventMap>(type: K, listener: (this: HTMLDsoExpandableElement, ev: DsoExpandableCustomEvent<HTMLDsoExpandableElementEventMap[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 HTMLDsoExpandableElement: {
         prototype: HTMLDsoExpandableElement;
         new (): HTMLDsoExpandableElement;
     };
+    interface HTMLDsoHeaderElementEventMap {
+        "dsoHeaderClick": HeaderEvent;
+    }
     interface HTMLDsoHeaderElement extends Components.DsoHeader, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoHeaderElementEventMap>(type: K, listener: (this: HTMLDsoHeaderElement, ev: DsoHeaderCustomEvent<HTMLDsoHeaderElementEventMap[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 HTMLDsoHeaderElementEventMap>(type: K, listener: (this: HTMLDsoHeaderElement, ev: DsoHeaderCustomEvent<HTMLDsoHeaderElementEventMap[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 HTMLDsoHeaderElement: {
         prototype: HTMLDsoHeaderElement;
@@ -1224,25 +1379,70 @@ declare global {
         prototype: HTMLDsoImageOverlayElement;
         new (): HTMLDsoImageOverlayElement;
     };
+    interface HTMLDsoInfoElementEventMap {
+        "dsoClose": MouseEvent;
+    }
     interface HTMLDsoInfoElement extends Components.DsoInfo, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoInfoElementEventMap>(type: K, listener: (this: HTMLDsoInfoElement, ev: DsoInfoCustomEvent<HTMLDsoInfoElementEventMap[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 HTMLDsoInfoElementEventMap>(type: K, listener: (this: HTMLDsoInfoElement, ev: DsoInfoCustomEvent<HTMLDsoInfoElementEventMap[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 HTMLDsoInfoElement: {
         prototype: HTMLDsoInfoElement;
         new (): HTMLDsoInfoElement;
     };
+    interface HTMLDsoInfoButtonElementEventMap {
+        "dsoToggle": InfoButtonToggleEvent;
+    }
     interface HTMLDsoInfoButtonElement extends Components.DsoInfoButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoInfoButtonElementEventMap>(type: K, listener: (this: HTMLDsoInfoButtonElement, ev: DsoInfoButtonCustomEvent<HTMLDsoInfoButtonElementEventMap[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 HTMLDsoInfoButtonElementEventMap>(type: K, listener: (this: HTMLDsoInfoButtonElement, ev: DsoInfoButtonCustomEvent<HTMLDsoInfoButtonElementEventMap[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 HTMLDsoInfoButtonElement: {
         prototype: HTMLDsoInfoButtonElement;
         new (): HTMLDsoInfoButtonElement;
     };
+    interface HTMLDsoLabelElementEventMap {
+        "dsoRemoveClick": MouseEvent;
+    }
     interface HTMLDsoLabelElement extends Components.DsoLabel, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoLabelElementEventMap>(type: K, listener: (this: HTMLDsoLabelElement, ev: DsoLabelCustomEvent<HTMLDsoLabelElementEventMap[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 HTMLDsoLabelElementEventMap>(type: K, listener: (this: HTMLDsoLabelElement, ev: DsoLabelCustomEvent<HTMLDsoLabelElementEventMap[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 HTMLDsoLabelElement: {
         prototype: HTMLDsoLabelElement;
         new (): HTMLDsoLabelElement;
     };
+    interface HTMLDsoListButtonElementEventMap {
+        "dsoCountChange": ListButtonChangeEvent;
+        "dsoSelectedChange": ListButtonSelectedEvent;
+    }
     interface HTMLDsoListButtonElement extends Components.DsoListButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoListButtonElementEventMap>(type: K, listener: (this: HTMLDsoListButtonElement, ev: DsoListButtonCustomEvent<HTMLDsoListButtonElementEventMap[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 HTMLDsoListButtonElementEventMap>(type: K, listener: (this: HTMLDsoListButtonElement, ev: DsoListButtonCustomEvent<HTMLDsoListButtonElementEventMap[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 HTMLDsoListButtonElement: {
         prototype: HTMLDsoListButtonElement;
@@ -1254,37 +1454,126 @@ declare global {
         prototype: HTMLDsoLogoElement;
         new (): HTMLDsoLogoElement;
     };
+    interface HTMLDsoMapBaseLayersElementEventMap {
+        "dsoBaseLayerChange": BaseLayerChangeEvent;
+    }
     interface HTMLDsoMapBaseLayersElement extends Components.DsoMapBaseLayers, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoMapBaseLayersElementEventMap>(type: K, listener: (this: HTMLDsoMapBaseLayersElement, ev: DsoMapBaseLayersCustomEvent<HTMLDsoMapBaseLayersElementEventMap[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 HTMLDsoMapBaseLayersElementEventMap>(type: K, listener: (this: HTMLDsoMapBaseLayersElement, ev: DsoMapBaseLayersCustomEvent<HTMLDsoMapBaseLayersElementEventMap[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 HTMLDsoMapBaseLayersElement: {
         prototype: HTMLDsoMapBaseLayersElement;
         new (): HTMLDsoMapBaseLayersElement;
     };
+    interface HTMLDsoMapControlsElementEventMap {
+        "dsoZoomIn": MouseEvent;
+        "dsoZoomOut": MouseEvent;
+        "dsoToggle": MapControlsToggleEvent;
+    }
     interface HTMLDsoMapControlsElement extends Components.DsoMapControls, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoMapControlsElementEventMap>(type: K, listener: (this: HTMLDsoMapControlsElement, ev: DsoMapControlsCustomEvent<HTMLDsoMapControlsElementEventMap[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 HTMLDsoMapControlsElementEventMap>(type: K, listener: (this: HTMLDsoMapControlsElement, ev: DsoMapControlsCustomEvent<HTMLDsoMapControlsElementEventMap[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 HTMLDsoMapControlsElement: {
         prototype: HTMLDsoMapControlsElement;
         new (): HTMLDsoMapControlsElement;
     };
+    interface HTMLDsoMapOverlaysElementEventMap {
+        "dsoToggleOverlay": OverlayChangeEvent;
+    }
     interface HTMLDsoMapOverlaysElement extends Components.DsoMapOverlays, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoMapOverlaysElementEventMap>(type: K, listener: (this: HTMLDsoMapOverlaysElement, ev: DsoMapOverlaysCustomEvent<HTMLDsoMapOverlaysElementEventMap[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 HTMLDsoMapOverlaysElementEventMap>(type: K, listener: (this: HTMLDsoMapOverlaysElement, ev: DsoMapOverlaysCustomEvent<HTMLDsoMapOverlaysElementEventMap[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 HTMLDsoMapOverlaysElement: {
         prototype: HTMLDsoMapOverlaysElement;
         new (): HTMLDsoMapOverlaysElement;
     };
+    interface HTMLDsoMarkBarElementEventMap {
+        "dsoInput": MarkBarInputEvent;
+        "dsoNext": MarkBarPaginationEvent;
+        "dsoPrevious": MarkBarPaginationEvent;
+        "dsoClear": MarkBarClearEvent;
+    }
+    interface HTMLDsoMarkBarElement extends Components.DsoMarkBar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoMarkBarElementEventMap>(type: K, listener: (this: HTMLDsoMarkBarElement, ev: DsoMarkBarCustomEvent<HTMLDsoMarkBarElementEventMap[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 HTMLDsoMarkBarElementEventMap>(type: K, listener: (this: HTMLDsoMarkBarElement, ev: DsoMarkBarCustomEvent<HTMLDsoMarkBarElementEventMap[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 HTMLDsoMarkBarElement: {
+        prototype: HTMLDsoMarkBarElement;
+        new (): HTMLDsoMarkBarElement;
+    };
+    interface HTMLDsoModalElementEventMap {
+        "dsoClose": ModalCloseEvent;
+    }
     interface HTMLDsoModalElement extends Components.DsoModal, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoModalElementEventMap>(type: K, listener: (this: HTMLDsoModalElement, ev: DsoModalCustomEvent<HTMLDsoModalElementEventMap[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 HTMLDsoModalElementEventMap>(type: K, listener: (this: HTMLDsoModalElement, ev: DsoModalCustomEvent<HTMLDsoModalElementEventMap[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 HTMLDsoModalElement: {
         prototype: HTMLDsoModalElement;
         new (): HTMLDsoModalElement;
     };
+    interface HTMLDsoOzonContentElementEventMap {
+        "dsoAnchorClick": OzonContentAnchorClickEvent;
+        "dsoOzonContentMarkItemHighlight": OzonContentMarkItemHighlightEvent;
+    }
     interface HTMLDsoOzonContentElement extends Components.DsoOzonContent, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoOzonContentElementEventMap>(type: K, listener: (this: HTMLDsoOzonContentElement, ev: DsoOzonContentCustomEvent<HTMLDsoOzonContentElementEventMap[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 HTMLDsoOzonContentElementEventMap>(type: K, listener: (this: HTMLDsoOzonContentElement, ev: DsoOzonContentCustomEvent<HTMLDsoOzonContentElementEventMap[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 HTMLDsoOzonContentElement: {
         prototype: HTMLDsoOzonContentElement;
         new (): HTMLDsoOzonContentElement;
     };
+    interface HTMLDsoPaginationElementEventMap {
+        "dsoSelectPage": PaginationSelectPageEvent;
+    }
     interface HTMLDsoPaginationElement extends Components.DsoPagination, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoPaginationElementEventMap>(type: K, listener: (this: HTMLDsoPaginationElement, ev: DsoPaginationCustomEvent<HTMLDsoPaginationElementEventMap[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 HTMLDsoPaginationElementEventMap>(type: K, listener: (this: HTMLDsoPaginationElement, ev: DsoPaginationCustomEvent<HTMLDsoPaginationElementEventMap[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 HTMLDsoPaginationElement: {
         prototype: HTMLDsoPaginationElement;
@@ -1302,25 +1591,69 @@ declare global {
         prototype: HTMLDsoProgressIndicatorElement;
         new (): HTMLDsoProgressIndicatorElement;
     };
+    interface HTMLDsoResponsiveElementElementEventMap {
+        "dsoSizeChange": ResponsiveElementSize;
+    }
     interface HTMLDsoResponsiveElementElement extends Components.DsoResponsiveElement, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoResponsiveElementElementEventMap>(type: K, listener: (this: HTMLDsoResponsiveElementElement, ev: DsoResponsiveElementCustomEvent<HTMLDsoResponsiveElementElementEventMap[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 HTMLDsoResponsiveElementElementEventMap>(type: K, listener: (this: HTMLDsoResponsiveElementElement, ev: DsoResponsiveElementCustomEvent<HTMLDsoResponsiveElementElementEventMap[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 HTMLDsoResponsiveElementElement: {
         prototype: HTMLDsoResponsiveElementElement;
         new (): HTMLDsoResponsiveElementElement;
     };
+    interface HTMLDsoScrollableElementEventMap {
+        "dsoScrollEnd": DsoScrollEndEvent;
+    }
     interface HTMLDsoScrollableElement extends Components.DsoScrollable, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoScrollableElementEventMap>(type: K, listener: (this: HTMLDsoScrollableElement, ev: DsoScrollableCustomEvent<HTMLDsoScrollableElementEventMap[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 HTMLDsoScrollableElementEventMap>(type: K, listener: (this: HTMLDsoScrollableElement, ev: DsoScrollableCustomEvent<HTMLDsoScrollableElementEventMap[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 HTMLDsoScrollableElement: {
         prototype: HTMLDsoScrollableElement;
         new (): HTMLDsoScrollableElement;
     };
+    interface HTMLDsoSelectableElementEventMap {
+        "dsoChange": SelectableChangeEvent;
+    }
     interface HTMLDsoSelectableElement extends Components.DsoSelectable, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoSelectableElementEventMap>(type: K, listener: (this: HTMLDsoSelectableElement, ev: DsoSelectableCustomEvent<HTMLDsoSelectableElementEventMap[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 HTMLDsoSelectableElementEventMap>(type: K, listener: (this: HTMLDsoSelectableElement, ev: DsoSelectableCustomEvent<HTMLDsoSelectableElementEventMap[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 HTMLDsoSelectableElement: {
         prototype: HTMLDsoSelectableElement;
         new (): HTMLDsoSelectableElement;
     };
+    interface HTMLDsoSlideToggleElementEventMap {
+        "dsoActiveChange": SlideToggleActiveEvent;
+    }
     interface HTMLDsoSlideToggleElement extends Components.DsoSlideToggle, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoSlideToggleElementEventMap>(type: K, listener: (this: HTMLDsoSlideToggleElement, ev: DsoSlideToggleCustomEvent<HTMLDsoSlideToggleElementEventMap[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 HTMLDsoSlideToggleElementEventMap>(type: K, listener: (this: HTMLDsoSlideToggleElement, ev: DsoSlideToggleCustomEvent<HTMLDsoSlideToggleElementEventMap[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 HTMLDsoSlideToggleElement: {
         prototype: HTMLDsoSlideToggleElement;
@@ -1344,19 +1677,63 @@ declare global {
         prototype: HTMLDsoTooltipElement;
         new (): HTMLDsoTooltipElement;
     };
+    interface HTMLDsoTreeViewElementEventMap {
+        "dsoOpenItem": TreeViewItem[];
+        "dsoCloseItem": TreeViewItem[];
+        "dsoClickItem": TreeViewPointerEvent;
+    }
     interface HTMLDsoTreeViewElement extends Components.DsoTreeView, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoTreeViewElementEventMap>(type: K, listener: (this: HTMLDsoTreeViewElement, ev: DsoTreeViewCustomEvent<HTMLDsoTreeViewElementEventMap[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 HTMLDsoTreeViewElementEventMap>(type: K, listener: (this: HTMLDsoTreeViewElement, ev: DsoTreeViewCustomEvent<HTMLDsoTreeViewElementEventMap[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 HTMLDsoTreeViewElement: {
         prototype: HTMLDsoTreeViewElement;
         new (): HTMLDsoTreeViewElement;
     };
+    interface HTMLDsoViewerGridElementEventMap {
+        "dsoCloseOverlay": ViewerGridCloseOverlayEvent;
+        "dsoFilterpanelCancel": ViewerGridFilterpanelCancelEvent;
+        "dsoFilterpanelApply": ViewerGridFilterpanelApplyEvent;
+        "dsoActiveTabSwitch": ViewerGridActiveTabSwitchEvent;
+        "dsoMainSizeChange": ViewerGridChangeSizeEvent;
+        "dsoMainSizeChangeAnimationEnd": ViewerGridChangeSizeAnimationEndEvent;
+        "dsoDocumentPanelSizeChange": ViewerGridChangeSizeEvent;
+        "dsoDocumentPanelSizeChangeAnimationEnd": ViewerGridChangeSizeAnimationEndEvent;
+        "dsoMainPanelExpand": ViewerGridMainExpandEvent;
+        "dsoMainPanelToggle": ViewerGridMainToggleEvent;
+    }
     interface HTMLDsoViewerGridElement extends Components.DsoViewerGrid, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoViewerGridElementEventMap>(type: K, listener: (this: HTMLDsoViewerGridElement, ev: DsoViewerGridCustomEvent<HTMLDsoViewerGridElementEventMap[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 HTMLDsoViewerGridElementEventMap>(type: K, listener: (this: HTMLDsoViewerGridElement, ev: DsoViewerGridCustomEvent<HTMLDsoViewerGridElementEventMap[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 HTMLDsoViewerGridElement: {
         prototype: HTMLDsoViewerGridElement;
         new (): HTMLDsoViewerGridElement;
     };
+    interface HTMLDsotDocumentComponentDemoElementEventMap {
+        "dsotOzonContentAnchorClick": DocumentComponentOzonContentAnchorClickEvent;
+    }
     interface HTMLDsotDocumentComponentDemoElement extends Components.DsotDocumentComponentDemo, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsotDocumentComponentDemoElementEventMap>(type: K, listener: (this: HTMLDsotDocumentComponentDemoElement, ev: DsotDocumentComponentDemoCustomEvent<HTMLDsotDocumentComponentDemoElementEventMap[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 HTMLDsotDocumentComponentDemoElementEventMap>(type: K, listener: (this: HTMLDsotDocumentComponentDemoElement, ev: DsotDocumentComponentDemoCustomEvent<HTMLDsotDocumentComponentDemoElementEventMap[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 HTMLDsotDocumentComponentDemoElement: {
         prototype: HTMLDsotDocumentComponentDemoElement;
@@ -1394,6 +1771,7 @@ declare global {
         "dso-map-base-layers": HTMLDsoMapBaseLayersElement;
         "dso-map-controls": HTMLDsoMapControlsElement;
         "dso-map-overlays": HTMLDsoMapOverlaysElement;
+        "dso-mark-bar": HTMLDsoMarkBarElement;
         "dso-modal": HTMLDsoModalElement;
         "dso-ozon-content": HTMLDsoOzonContentElement;
         "dso-pagination": HTMLDsoPaginationElement;
@@ -1804,7 +2182,7 @@ declare namespace LocalJSX {
          */
         "label"?: DocumentComponentInputType;
         /**
-          * Voor het markeren in content.
+          * To mark text.
          */
         "mark"?: DocumentComponentMarkFunction;
         /**
@@ -1831,6 +2209,10 @@ declare namespace LocalJSX {
           * Emitted when the user actives intRef or intIoRef anchors in Ozon Content
          */
         "onDsoOzonContentAnchorClick"?: (event: DsoDocumentComponentCustomEvent<DocumentComponentOzonContentAnchorClickEvent>) => void;
+        /**
+          * Emitted when the user activates the recursive toggle.
+         */
+        "onDsoRecursiveToggle"?: (event: DsoDocumentComponentCustomEvent<DocumentComponentRecursiveToggleEvent>) => void;
         /**
           * This boolean attribute indicates whether the children are visible.
          */
@@ -1843,6 +2225,10 @@ declare namespace LocalJSX {
           * The Opschrift XML.
          */
         "opschrift"?: DocumentComponentInputType;
+        /**
+          * Shows the recursive toggle button. When the user activates this button the event `dsoRecursiveToggle` is emitted.
+         */
+        "recursiveToggle"?: DocumentComponentRecursiveToggleState;
         /**
           * Type of Document Component.
          */
@@ -2154,6 +2540,40 @@ declare namespace LocalJSX {
          */
         "overlays": Overlay[];
     }
+    interface DsoMarkBar {
+        /**
+          * The current (one-based) highlighted search item.
+         */
+        "current"?: number;
+        /**
+          * The label for the input field.
+         */
+        "label"?: string;
+        /**
+          * Emitted when user activates "clear search result" button.
+         */
+        "onDsoClear"?: (event: DsoMarkBarCustomEvent<MarkBarClearEvent>) => void;
+        /**
+          * Emitted each time the user types in the search field.
+         */
+        "onDsoInput"?: (event: DsoMarkBarCustomEvent<MarkBarInputEvent>) => void;
+        /**
+          * Emitted when user activates "next search result" button.
+         */
+        "onDsoNext"?: (event: DsoMarkBarCustomEvent<MarkBarPaginationEvent>) => void;
+        /**
+          * Emitted when user activates "previous search result" button.
+         */
+        "onDsoPrevious"?: (event: DsoMarkBarCustomEvent<MarkBarPaginationEvent>) => void;
+        /**
+          * Total number of search results.
+         */
+        "totalCount"?: number;
+        /**
+          * The current search value.
+         */
+        "value"?: string;
+    }
     interface DsoModal {
         /**
           * when set the modal will be shown in fullscreen.
@@ -2540,6 +2960,7 @@ declare namespace LocalJSX {
         "dso-map-base-layers": DsoMapBaseLayers;
         "dso-map-controls": DsoMapControls;
         "dso-map-overlays": DsoMapOverlays;
+        "dso-mark-bar": DsoMarkBar;
         "dso-modal": DsoModal;
         "dso-ozon-content": DsoOzonContent;
         "dso-pagination": DsoPagination;
@@ -2592,6 +3013,7 @@ declare module "@stencil/core" {
             "dso-map-base-layers": LocalJSX.DsoMapBaseLayers & JSXBase.HTMLAttributes<HTMLDsoMapBaseLayersElement>;
             "dso-map-controls": LocalJSX.DsoMapControls & JSXBase.HTMLAttributes<HTMLDsoMapControlsElement>;
             "dso-map-overlays": LocalJSX.DsoMapOverlays & JSXBase.HTMLAttributes<HTMLDsoMapOverlaysElement>;
+            "dso-mark-bar": LocalJSX.DsoMarkBar & JSXBase.HTMLAttributes<HTMLDsoMarkBarElement>;
             "dso-modal": LocalJSX.DsoModal & JSXBase.HTMLAttributes<HTMLDsoModalElement>;
             "dso-ozon-content": LocalJSX.DsoOzonContent & JSXBase.HTMLAttributes<HTMLDsoOzonContentElement>;
             "dso-pagination": LocalJSX.DsoPagination & JSXBase.HTMLAttributes<HTMLDsoPaginationElement>;