@dso-toolkit/core 45.2.0 → 46.0.0

package/dist/types/components/viewer-grid/viewer-grid.d.ts

@@ -8,7 +8,7 @@ export interface ViewerGridChangeSizeEvent {
   /**
    * Indicates whether it's before or after the animation
    */
-  stage: 'start' | 'end';
+  stage: "start" | "end";
   previousSize: MainSize;
   currentSize: MainSize;
 }
@@ -17,6 +17,7 @@ export interface FilterpanelEvent {
 }
 export declare class ViewerGrid {
   private sizeLabelMap;
+  private mapPanel?;
   filterpanelOpen: boolean;
   overlayOpen: boolean;
   /**

package/dist/types/components.d.ts

@@ -12,6 +12,8 @@ import { HeaderClickEvent, HeaderClickMenuItemEvent, HeaderMenuItem } from "./co
 import { InfoButtonToggleEvent } from "./components/info-button/info-button";
 import { BaseLayer, BaseLayerChangeEvent } from "./components/map-base-layers/map-base-layers.interfaces";
 import { Overlay, OverlayChangeEvent } from "./components/map-overlays/map-overlays.interfaces";
+import { ModalRole } from "@dso-toolkit/sources";
+import { DsoModalCloseEvent } from "./components/modal/modal";
 import { OzonContentAnchorClick, OzonContentClick } from "./components/ozon-content/ozon-content.interfaces";
 import { PaginationSelectPageEvent } from "./components/pagination/pagination.interfaces";
 import { ResponsiveElementSize } from "./components/responsive-element/responsive-element.interfaces";
@@ -36,7 +38,7 @@ export namespace Components {
         /**
           * Toggle a section. Pass the `<dso-accordion-section>` element or the index of the section.
          */
-        "toggleSection": (sectionElement: HTMLElement | number, event?: MouseEvent | undefined) => Promise<void>;
+        "toggleSection": (sectionElement: HTMLElement | number, event?: MouseEvent) => Promise<void>;
         "variant"?: AccordionVariant;
     }
     interface DsoAccordionSection {
@@ -70,7 +72,7 @@ export namespace Components {
         /**
           * Set status of alert
          */
-        "status": 'success' | 'info' | 'warning' | 'danger';
+        "status": "success" | "info" | "warning" | "danger";
     }
     interface DsoAttachmentsCounter {
         "count": number;
@@ -102,10 +104,10 @@ export namespace Components {
         "suggestions": Suggestion[] | null;
     }
     interface DsoBadge {
-        "status"?: 'primary' | 'success' | 'info' | 'warning' | 'danger' | 'outline';
+        "status"?: "primary" | "success" | "info" | "warning" | "danger" | "outline";
     }
     interface DsoBanner {
-        "status": 'warning' | 'danger';
+        "status": "warning" | "danger";
     }
     interface DsoDatePicker {
         /**
@@ -179,7 +181,7 @@ export namespace Components {
         /**
           * Used to show the login/logout option. 'none' renders nothing.
          */
-        "authStatus": 'none' | 'loggedIn' | 'loggedOut';
+        "authStatus": "none" | "loggedIn" | "loggedOut";
         /**
           * When the `authStatus` is `loggedOut` a loginUrl can be provided, the login button will render as an anchor.
          */
@@ -220,7 +222,7 @@ export namespace Components {
     interface DsoLabel {
         "compact"?: boolean;
         "removable"?: boolean;
-        "status"?: 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'bright';
+        "status"?: "primary" | "info" | "success" | "warning" | "danger" | "bright";
         "truncate"?: boolean;
     }
     interface DsoMapBaseLayers {
@@ -228,13 +230,20 @@ export namespace Components {
         "group": string;
     }
     interface DsoMapControls {
-        "disableZoom"?: 'in' | 'out' | 'both';
+        "disableZoom"?: "in" | "out" | "both";
         "open": boolean;
     }
     interface DsoMapOverlays {
         "group": string;
         "overlays": Overlay[];
     }
+    interface DsoModal {
+        "modalTitle"?: string;
+        /**
+          * the role for the modal `dialog` | `alert` | `alertdialog` defaults to `dialog`
+         */
+        "role": ModalRole;
+    }
     interface DsoOzonContent {
         /**
           * The XML to be rendered.
@@ -251,7 +260,7 @@ export namespace Components {
         /**
           * Visualize the component as interactive. This means that the component will emit `dsoClick` events when the user clicks non-interactive elements.  **Do not** use this without an accessible companion element! `interactive` is only meant to ease the use of the companion element for mouse/touch users.  * `true`: Interactive anchor-look-alike * `"sub"`: Interactive anchor-look-alike for sub navigation * `false | undefined`: Disabled
          */
-        "interactive": 'sub' | '' | boolean;
+        "interactive": "sub" | "" | boolean;
     }
     interface DsoPagination {
         /**
@@ -275,7 +284,7 @@ export namespace Components {
     interface DsoProgressIndicator {
         "block"?: boolean;
         "label"?: string;
-        "size"?: 'small' | 'medium' | 'large';
+        "size"?: "small" | "medium" | "large";
     }
     interface DsoResponsiveElement {
         "getSize": () => Promise<ResponsiveElementSize>;
@@ -290,8 +299,8 @@ export namespace Components {
         "invalid"?: boolean;
         "name"?: string;
         "required"?: boolean;
-        "toggleInfo": (active?: boolean | undefined) => Promise<void>;
-        "type": 'checkbox' | 'radio';
+        "toggleInfo": (active?: boolean) => Promise<void>;
+        "type": "checkbox" | "radio";
         "value": string;
     }
     interface DsoTable {
@@ -338,7 +347,7 @@ export namespace Components {
         /**
           * Set position of tooltip relative to target
          */
-        "position": 'top' | 'right' | 'bottom' | 'left';
+        "position": "top" | "right" | "bottom" | "left";
         /**
           * Defines if the tooltip has a smaller max-width
          */
@@ -350,7 +359,7 @@ export namespace Components {
         /**
           * Set position strategy of tooltip
          */
-        "strategy": 'auto' | 'absolute' | 'fixed';
+        "strategy": "auto" | "absolute" | "fixed";
     }
     interface DsoTreeView {
         /**
@@ -373,6 +382,74 @@ export namespace Components {
         "overlayOpen": boolean;
     }
 }
+export interface DsoAccordionCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsoAccordionElement;
+}
+export interface DsoAutosuggestCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsoAutosuggestElement;
+}
+export interface DsoDatePickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsoDatePickerElement;
+}
+export interface DsoHeaderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsoHeaderElement;
+}
+export interface DsoInfoCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsoInfoElement;
+}
+export interface DsoInfoButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsoInfoButtonElement;
+}
+export interface DsoLabelCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsoLabelElement;
+}
+export interface DsoMapBaseLayersCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsoMapBaseLayersElement;
+}
+export interface DsoMapControlsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsoMapControlsElement;
+}
+export interface DsoMapOverlaysCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsoMapOverlaysElement;
+}
+export interface DsoModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsoModalElement;
+}
+export interface DsoOzonContentCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsoOzonContentElement;
+}
+export interface DsoPaginationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsoPaginationElement;
+}
+export interface DsoResponsiveElementCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsoResponsiveElementElement;
+}
+export interface DsoSelectableCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsoSelectableElement;
+}
+export interface DsoTreeViewCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsoTreeViewElement;
+}
+export interface DsoViewerGridCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsoViewerGridElement;
+}
 declare global {
     interface HTMLDsoAccordionElement extends Components.DsoAccordion, HTMLStencilElement {
     }
@@ -494,6 +571,12 @@ declare global {
         prototype: HTMLDsoMapOverlaysElement;
         new (): HTMLDsoMapOverlaysElement;
     };
+    interface HTMLDsoModalElement extends Components.DsoModal, HTMLStencilElement {
+    }
+    var HTMLDsoModalElement: {
+        prototype: HTMLDsoModalElement;
+        new (): HTMLDsoModalElement;
+    };
     interface HTMLDsoOzonContentElement extends Components.DsoOzonContent, HTMLStencilElement {
     }
     var HTMLDsoOzonContentElement: {
@@ -581,6 +664,7 @@ declare global {
         "dso-map-base-layers": HTMLDsoMapBaseLayersElement;
         "dso-map-controls": HTMLDsoMapControlsElement;
         "dso-map-overlays": HTMLDsoMapOverlaysElement;
+        "dso-modal": HTMLDsoModalElement;
         "dso-ozon-content": HTMLDsoOzonContentElement;
         "dso-pagination": HTMLDsoPaginationElement;
         "dso-progress-bar": HTMLDsoProgressBarElement;
@@ -603,7 +687,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when a section is toggled.  `event.detail.originalEvent` contains the original `MouseEvent` when the section is toggled by clicking on the header `event.detail.section` contains the toggled section and its new opened value.\ `event.detail.sections` contains all `<dso-accordion-section>` elements belonging to this accordion.
          */
-        "onDsoToggleSection"?: (event: CustomEvent<AccordionSectionToggleEvent>) => void;
+        "onDsoToggleSection"?: (event: DsoAccordionCustomEvent<AccordionSectionToggleEvent>) => void;
         /**
           * Places the chevron at the opposite side. Note: this mode does not display `state`, `attachmentCount` or `status` props on child `<dso-accordion-section>` elements
          */
@@ -637,7 +721,7 @@ declare namespace LocalJSX {
         /**
           * Set status of alert
          */
-        "status": 'success' | 'info' | 'warning' | 'danger';
+        "status": "success" | "info" | "warning" | "danger";
     }
     interface DsoAttachmentsCounter {
         "count": number;
@@ -662,15 +746,15 @@ declare namespace LocalJSX {
         /**
           * This is emitted debounced for every change for the slotted input type=text element.
          */
-        "onDsoChange"?: (event: CustomEvent<string>) => void;
+        "onDsoChange"?: (event: DsoAutosuggestCustomEvent<string>) => void;
         /**
-          * Emitted when enter is pressed. The `detail` property of the `CustomEvent` will contain the input text.
+          * Emitted when enter is pressed. The `detail` property of the `CustomEvent` will contain the input text.
          */
-        "onDsoSearch"?: (event: CustomEvent<string>) => void;
+        "onDsoSearch"?: (event: DsoAutosuggestCustomEvent<string>) => void;
         /**
-          * Emitted when a suggestion is selected. The `detail` property of the `CustomEvent` will contain the selected suggestion.
+          * Emitted when a suggestion is selected. The `detail` property of the `CustomEvent` will contain the selected suggestion.
          */
-        "onDsoSelect"?: (event: CustomEvent<Suggestion>) => void;
+        "onDsoSelect"?: (event: DsoAutosuggestCustomEvent<Suggestion>) => void;
         /**
           * Whether the previous suggestions will be presented when the input gets focus again.
          */
@@ -681,10 +765,10 @@ declare namespace LocalJSX {
         "suggestions"?: Suggestion[] | null;
     }
     interface DsoBadge {
-        "status"?: 'primary' | 'success' | 'info' | 'warning' | 'danger' | 'outline';
+        "status"?: "primary" | "success" | "info" | "warning" | "danger" | "outline";
     }
     interface DsoBanner {
-        "status": 'warning' | 'danger';
+        "status": "warning" | "danger";
     }
     interface DsoDatePicker {
         /**
@@ -718,23 +802,23 @@ declare namespace LocalJSX {
         /**
           * Event emitted the date picker input is blurred.
          */
-        "onDsoBlur"?: (event: CustomEvent<DsoDatePickerFocusEvent>) => void;
+        "onDsoBlur"?: (event: DsoDatePickerCustomEvent<DsoDatePickerFocusEvent>) => void;
         /**
           * Event emitted when a date is selected.
          */
-        "onDsoDateChange"?: (event: CustomEvent<DsoDatePickerChangeEvent>) => void;
+        "onDsoDateChange"?: (event: DsoDatePickerCustomEvent<DsoDatePickerChangeEvent>) => void;
         /**
           * Event emitted the date picker input is focused.
          */
-        "onDsoFocus"?: (event: CustomEvent<DsoDatePickerFocusEvent>) => void;
+        "onDsoFocus"?: (event: DsoDatePickerCustomEvent<DsoDatePickerFocusEvent>) => void;
         /**
           * Event emitted on key down in the date picker input.
          */
-        "onDsoKeyDown"?: (event: CustomEvent<DsoDatePickerKeyboardEvent>) => void;
+        "onDsoKeyDown"?: (event: DsoDatePickerCustomEvent<DsoDatePickerKeyboardEvent>) => void;
         /**
           * Event emitted on key up in the date picker input.
          */
-        "onDsoKeyUp"?: (event: CustomEvent<DsoDatePickerKeyboardEvent>) => void;
+        "onDsoKeyUp"?: (event: DsoDatePickerCustomEvent<DsoDatePickerKeyboardEvent>) => void;
         /**
           * Should the input be marked as required?
          */
@@ -766,7 +850,7 @@ declare namespace LocalJSX {
         /**
           * Used to show the login/logout option. 'none' renders nothing.
          */
-        "authStatus"?: 'none' | 'loggedIn' | 'loggedOut';
+        "authStatus"?: "none" | "loggedIn" | "loggedOut";
         /**
           * When the `authStatus` is `loggedOut` a loginUrl can be provided, the login button will render as an anchor.
          */
@@ -776,7 +860,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when something in the header is selected.  `event.detail.type` indicates the functionality the user pressed. eg. `'login'` or `'menuItem'`
          */
-        "onDsoHeaderClick"?: (event: CustomEvent<HeaderClickEvent | HeaderClickMenuItemEvent>) => void;
+        "onDsoHeaderClick"?: (event: DsoHeaderCustomEvent<HeaderClickEvent | HeaderClickMenuItemEvent>) => void;
         "useDropDownMenu"?: "always" | "never" | "auto";
         "userHomeUrl"?: string;
         "userProfileName"?: string;
@@ -801,37 +885,45 @@ declare namespace LocalJSX {
     interface DsoInfo {
         "active"?: boolean;
         "fixed"?: boolean;
-        "onDsoClose"?: (event: CustomEvent<MouseEvent>) => void;
+        "onDsoClose"?: (event: DsoInfoCustomEvent<MouseEvent>) => void;
     }
     interface DsoInfoButton {
         "active"?: boolean;
         "label"?: string;
-        "onDsoToggle"?: (event: CustomEvent<InfoButtonToggleEvent>) => void;
+        "onDsoToggle"?: (event: DsoInfoButtonCustomEvent<InfoButtonToggleEvent>) => void;
         "secondary"?: boolean;
     }
     interface DsoLabel {
         "compact"?: boolean;
-        "onDsoRemoveClick"?: (event: CustomEvent<MouseEvent>) => void;
+        "onDsoRemoveClick"?: (event: DsoLabelCustomEvent<MouseEvent>) => void;
         "removable"?: boolean;
-        "status"?: 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'bright';
+        "status"?: "primary" | "info" | "success" | "warning" | "danger" | "bright";
         "truncate"?: boolean;
     }
     interface DsoMapBaseLayers {
         "baseLayers": BaseLayer[];
         "group"?: string;
-        "onDsoBaseLayerChange"?: (event: CustomEvent<BaseLayerChangeEvent>) => void;
+        "onDsoBaseLayerChange"?: (event: DsoMapBaseLayersCustomEvent<BaseLayerChangeEvent>) => void;
     }
     interface DsoMapControls {
-        "disableZoom"?: 'in' | 'out' | 'both';
-        "onDsoZoomIn"?: (event: CustomEvent<MouseEvent>) => void;
-        "onDsoZoomOut"?: (event: CustomEvent<MouseEvent>) => void;
+        "disableZoom"?: "in" | "out" | "both";
+        "onDsoZoomIn"?: (event: DsoMapControlsCustomEvent<MouseEvent>) => void;
+        "onDsoZoomOut"?: (event: DsoMapControlsCustomEvent<MouseEvent>) => void;
         "open"?: boolean;
     }
     interface DsoMapOverlays {
         "group"?: string;
-        "onDsoToggleOverlay"?: (event: CustomEvent<OverlayChangeEvent>) => void;
+        "onDsoToggleOverlay"?: (event: DsoMapOverlaysCustomEvent<OverlayChangeEvent>) => void;
         "overlays": Overlay[];
     }
+    interface DsoModal {
+        "modalTitle"?: string;
+        "onDsoClose"?: (event: DsoModalCustomEvent<DsoModalCloseEvent>) => void;
+        /**
+          * the role for the modal `dialog` | `alert` | `alertdialog` defaults to `dialog`
+         */
+        "role"?: ModalRole;
+    }
     interface DsoOzonContent {
         /**
           * The XML to be rendered.
@@ -848,12 +940,12 @@ declare namespace LocalJSX {
         /**
           * Visualize the component as interactive. This means that the component will emit `dsoClick` events when the user clicks non-interactive elements.  **Do not** use this without an accessible companion element! `interactive` is only meant to ease the use of the companion element for mouse/touch users.  * `true`: Interactive anchor-look-alike * `"sub"`: Interactive anchor-look-alike for sub navigation * `false | undefined`: Disabled
          */
-        "interactive"?: 'sub' | '' | boolean;
-        "onDsoAnchorClick"?: (event: CustomEvent<OzonContentAnchorClick>) => void;
+        "interactive"?: "sub" | "" | boolean;
+        "onDsoAnchorClick"?: (event: DsoOzonContentCustomEvent<OzonContentAnchorClick>) => void;
         /**
           * These events are only emitted when the component is `interactive`.
          */
-        "onDsoClick"?: (event: CustomEvent<OzonContentClick>) => void;
+        "onDsoClick"?: (event: DsoOzonContentCustomEvent<OzonContentClick>) => void;
     }
     interface DsoPagination {
         /**
@@ -867,7 +959,7 @@ declare namespace LocalJSX {
         /**
           * Emitted on page select
          */
-        "onDsoSelectPage"?: (event: CustomEvent<PaginationSelectPageEvent>) => void;
+        "onDsoSelectPage"?: (event: DsoPaginationCustomEvent<PaginationSelectPageEvent>) => void;
         /**
           * Total pages
          */
@@ -881,10 +973,10 @@ declare namespace LocalJSX {
     interface DsoProgressIndicator {
         "block"?: boolean;
         "label"?: string;
-        "size"?: 'small' | 'medium' | 'large';
+        "size"?: "small" | "medium" | "large";
     }
     interface DsoResponsiveElement {
-        "onDsoSizeChange"?: (event: CustomEvent<ResponsiveElementSize>) => void;
+        "onDsoSizeChange"?: (event: DsoResponsiveElementCustomEvent<ResponsiveElementSize>) => void;
     }
     interface DsoSelectable {
         "checked"?: boolean;
@@ -895,9 +987,9 @@ declare namespace LocalJSX {
         "infoFixed"?: boolean;
         "invalid"?: boolean;
         "name"?: string;
-        "onDsoChange"?: (event: CustomEvent<SelectableChangeEvent>) => void;
+        "onDsoChange"?: (event: DsoSelectableCustomEvent<SelectableChangeEvent>) => void;
         "required"?: boolean;
-        "type": 'checkbox' | 'radio';
+        "type": "checkbox" | "radio";
         "value": string;
     }
     interface DsoTable {
@@ -936,7 +1028,7 @@ declare namespace LocalJSX {
         /**
           * Set position of tooltip relative to target
          */
-        "position"?: 'top' | 'right' | 'bottom' | 'left';
+        "position"?: "top" | "right" | "bottom" | "left";
         /**
           * Defines if the tooltip has a smaller max-width
          */
@@ -948,7 +1040,7 @@ declare namespace LocalJSX {
         /**
           * Set position strategy of tooltip
          */
-        "strategy"?: 'auto' | 'absolute' | 'fixed';
+        "strategy"?: "auto" | "absolute" | "fixed";
     }
     interface DsoTreeView {
         /**
@@ -956,17 +1048,17 @@ declare namespace LocalJSX {
          */
         "collection": TreeViewItem[];
         /**
-          * Emitted when a tree view item is clicked. The `detail` property of the `CustomEvent` will contain an object with: `path` = the complete path of TreeViewItems from the root to the item that is emitting the clicked event. `originalEvent` = the original click event. The consumer of the event is responsible for updating the TreeView's collection (usually set the active state on the last TreeViewItem in path and clear all other active item states).
+          * Emitted when a tree view item is clicked. The `detail` property of the `CustomEvent` will contain an object with: `path` = the complete path of TreeViewItems from the root to the item that is emitting the clicked event. `originalEvent` = the original click event. The consumer of the event is responsible for updating the TreeView's collection (usually set the active state on the last TreeViewItem in path and clear all other active item states).
          */
-        "onDsoClickItem"?: (event: CustomEvent<TreeViewPointerEvent>) => void;
+        "onDsoClickItem"?: (event: DsoTreeViewCustomEvent<TreeViewPointerEvent>) => void;
         /**
-          * Emitted when a tree view item is closed. The `detail` property of the `CustomEvent` will contain the complete path of TreeViewItems from the root to the item that is emitting the close event. The consumer of the event is responsible for updating the TreeView's collection (usually set the closed state on the last TreeViewItem in path).
+          * Emitted when a tree view item is closed. The `detail` property of the `CustomEvent` will contain the complete path of TreeViewItems from the root to the item that is emitting the close event. The consumer of the event is responsible for updating the TreeView's collection (usually set the closed state on the last TreeViewItem in path).
          */
-        "onDsoCloseItem"?: (event: CustomEvent<TreeViewItem[]>) => void;
+        "onDsoCloseItem"?: (event: DsoTreeViewCustomEvent<TreeViewItem[]>) => void;
         /**
-          * Emitted when a tree view item is opened. The `detail` property of the `CustomEvent` will contain the complete path of TreeViewItems from the root to the item that is emitting the open event. The consumer of the event is responsible for updating the TreeView's collection (usually set the open state on the last TreeViewItem in path).
+          * Emitted when a tree view item is opened. The `detail` property of the `CustomEvent` will contain the complete path of TreeViewItems from the root to the item that is emitting the open event. The consumer of the event is responsible for updating the TreeView's collection (usually set the open state on the last TreeViewItem in path).
          */
-        "onDsoOpenItem"?: (event: CustomEvent<TreeViewItem[]>) => void;
+        "onDsoOpenItem"?: (event: DsoTreeViewCustomEvent<TreeViewItem[]>) => void;
     }
     interface DsoViewerGrid {
         "filterpanelOpen"?: boolean;
@@ -974,10 +1066,10 @@ declare namespace LocalJSX {
           * Size of the main content panel when component loads. Changing this attribute afterwards has no effect.
          */
         "initialMainSize"?: MainSize;
-        "onDsoCloseOverlay"?: (event: CustomEvent<MouseEvent | KeyboardEvent>) => void;
-        "onDsoFilterpanelApply"?: (event: CustomEvent<FilterpanelEvent>) => void;
-        "onDsoFilterpanelCancel"?: (event: CustomEvent<FilterpanelEvent>) => void;
-        "onDsoMainSizeChange"?: (event: CustomEvent<ViewerGridChangeSizeEvent>) => void;
+        "onDsoCloseOverlay"?: (event: DsoViewerGridCustomEvent<MouseEvent | KeyboardEvent>) => void;
+        "onDsoFilterpanelApply"?: (event: DsoViewerGridCustomEvent<FilterpanelEvent>) => void;
+        "onDsoFilterpanelCancel"?: (event: DsoViewerGridCustomEvent<FilterpanelEvent>) => void;
+        "onDsoMainSizeChange"?: (event: DsoViewerGridCustomEvent<ViewerGridChangeSizeEvent>) => void;
         "overlayOpen"?: boolean;
     }
     interface IntrinsicElements {
@@ -1001,6 +1093,7 @@ declare namespace LocalJSX {
         "dso-map-base-layers": DsoMapBaseLayers;
         "dso-map-controls": DsoMapControls;
         "dso-map-overlays": DsoMapOverlays;
+        "dso-modal": DsoModal;
         "dso-ozon-content": DsoOzonContent;
         "dso-pagination": DsoPagination;
         "dso-progress-bar": DsoProgressBar;
@@ -1038,6 +1131,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-modal": LocalJSX.DsoModal & JSXBase.HTMLAttributes<HTMLDsoModalElement>;
             "dso-ozon-content": LocalJSX.DsoOzonContent & JSXBase.HTMLAttributes<HTMLDsoOzonContentElement>;
             "dso-pagination": LocalJSX.DsoPagination & JSXBase.HTMLAttributes<HTMLDsoPaginationElement>;
             "dso-progress-bar": LocalJSX.DsoProgressBar & JSXBase.HTMLAttributes<HTMLDsoProgressBarElement>;

package/dist/types/globals.d.ts

@@ -1,16 +1,16 @@
-interface ParentNode extends Node {
-  /**
-   * Replace all children of node with nodes, while replacing strings in nodes with equivalent Text nodes.
-   *
-   * Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.
-   * 
-   * Source: https://github.com/microsoft/TypeScript/blob/main/lib/lib.dom.d.ts#L10953
-   * Can be removed once StencilJS updates to TypeScript 4.4.3
-   */
-   replaceChildren(...nodes: (Node | string)[]): void;
-}
-
-declare module '*.md' {
-  const content: string;
-  export default content;
-}
+interface ParentNode extends Node {
+  /**
+   * Replace all children of node with nodes, while replacing strings in nodes with equivalent Text nodes.
+   *
+   * Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.
+   *
+   * Source: https://github.com/microsoft/TypeScript/blob/main/lib/lib.dom.d.ts#L10953
+   * Can be removed once StencilJS updates to TypeScript 4.4.3
+   */
+  replaceChildren(...nodes: (Node | string)[]): void;
+}
+
+declare module "*.md" {
+  const content: string;
+  export default content;
+}

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
-export { Components, JSX } from './components';
-export * from './components/map-base-layers/map-base-layers.interfaces';
-export * from './components/map-overlays/map-overlays.interfaces';
+export { Components, JSX } from "./components";
+export * from "./components/map-base-layers/map-base-layers.interfaces";
+export * from "./components/map-overlays/map-overlays.interfaces";

package/dist/types/stencil-public-runtime.d.ts

@@ -221,7 +221,9 @@ export declare type ErrorHandler = (err: any, element?: HTMLElement) => void;
  */
 export declare const setMode: (handler: ResolutionHandler) => void;
 /**
- * getMode
+ * `getMode()` is used for libraries which provide multiple "modes" for styles.
+ * @param ref a reference to the node to get styles for
+ * @returns the current mode or undefined, if not found
  */
 export declare function getMode<T = string | undefined>(ref: any): T;
 export declare function setPlatformHelpers(helpers: {
@@ -234,6 +236,9 @@ export declare function setPlatformHelpers(helpers: {
 /**
  * Get the base path to where the assets can be found. Use `setAssetPath(path)`
  * if the path needs to be customized.
+ * @param path the path to use in calculating the asset path. this value will be
+ * used in conjunction with the base asset path
+ * @returns the base path
  */
 export declare function getAssetPath(path: string): string;
 /**
@@ -246,22 +251,29 @@ export declare function getAssetPath(path: string): string;
  * `setAssetPath(document.currentScript.src)`, or using a bundler's replace plugin to
  * dynamically set the path at build time, such as `setAssetPath(process.env.ASSET_PATH)`.
  * But do note that this configuration depends on how your script is bundled, or lack of
- * bunding, and where your assets can be loaded from. Additionally custom bundling
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
  * will have to ensure the static assets are copied to its build directory.
+ * @param path the asset path to set
+ * @returns the set path
  */
 export declare function setAssetPath(path: string): string;
 /**
- * getElement
+ * Retrieve a Stencil element for a given reference
+ * @param ref the ref to get the Stencil element for
+ * @returns a reference to the element
  */
 export declare function getElement(ref: any): HTMLStencilElement;
 /**
  * Schedules a new render of the given instance or element even if no state changed.
  *
- * Notice `forceUpdate()` is not syncronous and might perform the DOM render in the next frame.
+ * Notice `forceUpdate()` is not synchronous and might perform the DOM render in the next frame.
+ *
+ * @param ref the node/element to force the re-render of
  */
 export declare function forceUpdate(ref: any): void;
 /**
  * getRenderingRef
+ * @returns the rendering ref
  */
 export declare function getRenderingRef(): any;
 export interface HTMLStencilElement extends HTMLElement {
@@ -272,6 +284,8 @@ export interface HTMLStencilElement extends HTMLElement {
  * in the best moment to perform DOM mutation without causing layout thrashing.
  *
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-write to schedule
  */
 export declare function writeTask(task: RafCallback): void;
 /**
@@ -279,6 +293,8 @@ export declare function writeTask(task: RafCallback): void;
  * in the best moment to perform DOM reads without causing layout thrashing.
  *
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-read to schedule
  */
 export declare function readTask(task: RafCallback): void;
 /**
@@ -666,7 +682,7 @@ export declare namespace JSXBase {
         use: JSXBase.SVGAttributes;
         view: JSXBase.SVGAttributes;
     }
-    interface SlotAttributes {
+    interface SlotAttributes extends JSXAttributes {
         name?: string;
         slot?: string;
         onSlotchange?: (event: Event) => void;
@@ -1427,9 +1443,7 @@ export declare namespace JSXBase {
         z?: number | string;
         zoomAndPan?: string;
     }
-    interface DOMAttributes<T = Element> {
-        key?: string | number;
-        ref?: (elm?: T) => void;
+    interface DOMAttributes<T> extends JSXAttributes<T> {
         slot?: string;
         part?: string;
         exportparts?: string;
@@ -1550,6 +1564,10 @@ export declare namespace JSXBase {
         onTransitionEndCapture?: (event: TransitionEvent) => void;
     }
 }
+export interface JSXAttributes<T = Element> {
+    key?: string | number;
+    ref?: (elm?: T) => void;
+}
 export interface CustomElementsDefineOptions {
     exclude?: string[];
     resourcesUrl?: string;