@dso-toolkit/core 100.3.1 → 100.4.0

package/dist/esm/toggletip.controller-KNf1n4og.js

@@ -0,0 +1,60 @@
+import { p as positionTooltip } from './position-tooltip.function-qfYgMCby.js';
+
+/**
+ * Shared controller for the positioning, showing, and hiding of a Toggletip.
+ */
+class ToggletipController {
+    constructor(options) {
+        this.options = options;
+    }
+    /**
+     * Position the Toggletip and show or hide it based on the `active` parameter.
+     *
+     * Intended to be called from `componentDidRender`.
+     *
+     * @param active Whether the Toggletip should be active.
+     */
+    update(active) {
+        const tipRef = this.options.getTipElement();
+        if (!this.cleanUpFunction && active) {
+            const referenceElement = this.options.getReferenceElement();
+            const tipArrowRef = this.options.getTipArrowElement();
+            if (referenceElement && tipRef && tipArrowRef) {
+                this.cleanUpFunction = positionTooltip({
+                    referenceElement,
+                    tipRef,
+                    tipArrowRef,
+                    placementTip: this.options.getPlacement(),
+                    restrictContentElement: this.options.getRestrictContentElement?.(),
+                });
+            }
+        }
+        if (this.cleanUpFunction) {
+            if (active) {
+                tipRef?.showPopover();
+            }
+            else {
+                if (tipRef?.isConnected && tipRef.matches(":popover-open")) {
+                    tipRef?.hidePopover();
+                }
+                this.cleanUpToggletip();
+            }
+        }
+    }
+    dispose() {
+        this.cleanUpToggletip();
+    }
+    cleanUpToggletip() {
+        this.cleanUpFunction?.();
+        this.cleanUpFunction = undefined;
+    }
+}
+/**
+ * Determines whether an event originated outside `host`, based on `event.composedPath()`.
+ * Used for outside-dismiss handling of a Toggletip.
+ */
+function isEventOutside(host, event) {
+    return !event.composedPath().includes(host);
+}
+
+export { ToggletipController as T, isEventOutside as i };

package/dist/esm/tooltip.controller-RLM8ixUv.js

@@ -0,0 +1,76 @@
+import { p as positionTooltip } from './position-tooltip.function-qfYgMCby.js';
+
+/**
+ * Shared controller for the positioning, showing, and hiding of a Tooltip.
+ */
+class TooltipController {
+    constructor(options) {
+        this.options = options;
+        this.lastClickTime = 0;
+        this.doShow = () => {
+            const tipRef = this.options.getTipElement();
+            if (!tipRef?.isConnected) {
+                return;
+            }
+            tipRef.showPopover();
+            if (!this.cleanUpFunction) {
+                const referenceElement = this.options.getReferenceElement();
+                const tipArrowRef = this.options.getTipArrowElement();
+                if (referenceElement && tipArrowRef) {
+                    this.cleanUpFunction = positionTooltip({
+                        referenceElement,
+                        tipRef,
+                        tipArrowRef,
+                        placementTip: this.options.getPlacement(),
+                        topPositionSmallViewPort: false,
+                        halfMainAxisOffset: false,
+                        forceVisible: true,
+                    });
+                }
+            }
+        };
+    }
+    /**
+     * Registers a click to suppress the tooltip from (re)appearing within showDelay milliseconds after a click on the
+     * reference element.
+     */
+    notifyClick() {
+        this.lastClickTime = Date.now();
+    }
+    show() {
+        const { showDelay = 0 } = this.options;
+        this.clearShowTimeout();
+        if (Date.now() - this.lastClickTime < showDelay) {
+            return;
+        }
+        if (showDelay > 0) {
+            this.tooltipTimeout = window.setTimeout(this.doShow, showDelay);
+        }
+        else {
+            this.doShow();
+        }
+    }
+    hide() {
+        this.clearShowTimeout();
+        const tipRef = this.options.getTipElement();
+        if (tipRef?.isConnected && tipRef.matches(":popover-open")) {
+            tipRef.hidePopover();
+        }
+        this.cleanUpTooltip();
+    }
+    dispose() {
+        this.clearShowTimeout();
+        this.cleanUpTooltip();
+    }
+    clearShowTimeout() {
+        if (this.tooltipTimeout) {
+            clearTimeout(this.tooltipTimeout);
+        }
+    }
+    cleanUpTooltip() {
+        this.cleanUpFunction?.();
+        this.cleanUpFunction = undefined;
+    }
+}
+
+export { TooltipController as T };

package/dist/esm/{tooltip.functional-component-chN-aNlU.js → tooltip.functional-component-3fxPwYtA.js}

@@ -1,4 +1,4 @@
-import { h } from './index-CieBNbUH.js';
+import { h } from './index-2sI1K6K0.js';
 
 const Tooltip = ({ id, tipElementRef, tipArrowElementRef }, children) => (h("div", { id: id, popover: "manual", class: "dso-tooltip", ref: tipElementRef }, h("span", { class: "tooltip-arrow", ref: tipArrowElementRef }), h("div", { class: "tooltip-inner" }, children)));
 

package/dist/esm/{wrap-wijzigactie.functional-component-BYWldnbn.js → wrap-wijzigactie.functional-component-C-ha4z-Y.js}

@@ -1,4 +1,4 @@
-import { h } from './index-CieBNbUH.js';
+import { h } from './index-2sI1K6K0.js';
 
 const WrapWijzigactie = ({ wijzigactie, class: className }, children) => {
     if (wijzigactie === "voegtoe") {

package/dist/types/components/accordion/accordion.d.ts

@@ -1,5 +1,8 @@
 import { ComponentInterface } from "../../stencil-public-runtime";
 import { AccordionInternalState, AccordionVariant } from "./accordion.interfaces";
+/**
+ * @slot - A slot for the accordion sections.
+ */
 export declare class Accordion implements ComponentInterface {
     private readonly accordionState;
     host: HTMLDsoAccordionElement;

package/dist/types/components/accordion/components/accordion-section.d.ts

@@ -3,6 +3,10 @@ import { IconAlias } from "../../icon/icon.interfaces";
 import { LabelStatus } from "../../label/label.interfaces";
 import { RenvooiValue } from "../../renvooi/renvooi.interfaces";
 import { AccordionHeading, AccordionSectionActiveChangeEvent, AccordionSectionAnimationEndEvent, AccordionSectionAnimationStartEvent, AccordionSectionState, AccordionSectionToggleClickEvent, AccordionSectionWijzigactie } from "./accordion-section.interfaces";
+/**
+ * @slot - A slot for the main accordion sections.
+ * @slot badge - An optional slot to place a badge in the accordion section handle.
+ */
 export declare class AccordionSection implements ComponentInterface {
     private accordionState?;
     private sectionBody?;

package/dist/types/components/action-list/action-list.d.ts

@@ -1,4 +1,7 @@
 import { ComponentInterface } from "../../stencil-public-runtime";
+/**
+ * @slot - A slot for action list items.
+ */
 export declare class ActionList implements ComponentInterface {
     /**
      * The title.

package/dist/types/components/action-list/components/action-list-item.d.ts

@@ -1,4 +1,7 @@
 import { ComponentInterface } from "../../../stencil-public-runtime";
+/**
+ * @slot - A slot for the main content body placed underneath the item title.
+ */
 export declare class ActionListItem implements ComponentInterface {
     /**
      * The step of the Action List Item.

package/dist/types/components/alert/alert.d.ts

@@ -1,5 +1,8 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { AlertCloseEvent } from "./alert.interfaces";
+/**
+ * @slot - A slot for the main content body of the alert message.
+ */
 export declare class Alert {
     host: HTMLDsoAlertElement;
     /**

package/dist/types/components/annotation/annotation-activiteit/annotation-activiteit.d.ts

@@ -1,9 +1,6 @@
 import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
 import { RenvooiValue } from "../../renvooi/renvooi.interfaces";
 import { AnnotationActiveChangeEvent, AnnotationWijzigactie } from "../annotation.interfaces";
-/**
- * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.
- */
 export declare class AnnotationActiviteit implements ComponentInterface {
     /**
      * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.

package/dist/types/components/annotation/annotation-gebiedsaanwijzing/annotation-gebiedsaanwijzing.d.ts

@@ -1,9 +1,6 @@
 import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
 import { RenvooiValue } from "../../renvooi/renvooi.interfaces";
 import { AnnotationActiveChangeEvent, AnnotationWijzigactie } from "../annotation.interfaces";
-/**
- * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.
- */
 export declare class AnnotationGebiedsaanwijzing implements ComponentInterface {
     /**
      * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.

package/dist/types/components/annotation/annotation-locatie/annotation-locatie.d.ts

@@ -1,9 +1,6 @@
 import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
 import { RenvooiValue } from "../../renvooi/renvooi.interfaces";
 import { AnnotationActiveChangeEvent, AnnotationWijzigactie } from "../annotation.interfaces";
-/**
- * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.
- */
 export declare class AnnotationLocatie implements ComponentInterface {
     /**
      * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.

package/dist/types/components/annotation/annotation-omgevingsnormwaarde/annotation-omgevingsnormwaarde.d.ts

@@ -1,11 +1,6 @@
 import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
 import { RenvooiValue } from "../../renvooi/renvooi.interfaces";
 import { AnnotationActiveChangeEvent, AnnotationWijzigactie } from "../annotation.interfaces";
-/**
- * Dit component wordt voor een Omgevingsnorm en Omgevingswaarde gebruikt.
- *
- * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.
- */
 export declare class AnnotationOmgevingsnormwaarde implements ComponentInterface {
     /**
      * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.

package/dist/types/components/autosuggest/autosuggest.d.ts

@@ -1,5 +1,8 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { AutosuggestMarkFunction, Suggestion, SuggestionGroup } from "./autosuggest.interfaces";
+/**
+ * @slot - The input element to be enhanced with autosuggest functionality.
+ */
 export declare class Autosuggest {
     /**
      * The suggestions for the value of the slotted input element.

package/dist/types/components/badge/badge.d.ts

@@ -12,13 +12,10 @@ export declare class Badge implements ComponentInterface {
     private tooltipArrowElRef?;
     private toggletipElRef?;
     private toggletipArrowElRef?;
-    private cleanUpFunctionToggletip;
-    private cleanUpFunctionTooltip;
     private mutationObserver?;
     private restrictContentElement?;
-    private tooltipTimeout?;
-    private lastClickTime;
-    private tooltipShowDelay;
+    private tooltipController;
+    private toggletipController;
     host: HTMLDsoBadgeElement;
     /**
      * The status of the Badge.
@@ -39,9 +36,6 @@ export declare class Badge implements ComponentInterface {
     private handleHideTooltip;
     private keyDownHandler;
     private focusOutHandler;
-    private clearToolTipTimeout;
-    private cleanUpToggletip;
-    private cleanUpTooltip;
     componentDidRender(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/types/components/banner/banner.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @slot - Content displayed inside the banner.
+ */
 export declare class Banner {
     /**
      * The status of the banner.

package/dist/types/components/button-group/button-group.d.ts

@@ -1,5 +1,8 @@
 import { ComponentInterface } from "../../stencil-public-runtime";
 import { ButtonGroupDirection } from "./button-group.interfaces";
+/**
+ * @slot - The buttons or elements to be grouped within the button group.
+ */
 export declare class ButtonGroup implements ComponentInterface {
     /**
      * The direction in which the buttons are displayed.

package/dist/types/components/card-container/card-container.d.ts

@@ -1,5 +1,8 @@
 import { ComponentInterface } from "../../stencil-public-runtime";
 import { CardContainerMode } from "./card-container.interfaces";
+/**
+ * @slot - Cards to be displayed inside the container.
+ */
 export declare class CardContainer implements ComponentInterface {
     /**
      * The mode of the Card Container.

package/dist/types/components/cursor-tooltip/cursor-tooltip.d.ts

@@ -1,4 +1,7 @@
 import { ComponentInterface } from "../../stencil-public-runtime";
+/**
+ * @slot - Content to be displayed inside the cursor tooltip.
+ */
 export declare class CursorTooltip implements ComponentInterface {
     render(): any;
 }

package/dist/types/components/document-component/document-component.d.ts

@@ -4,6 +4,8 @@ import { LabelStatus } from "../label/label.interfaces";
 import { OzonContentBegripResolver, OzonContentUrlResolver } from "../ozon-content/ozon-content.interfaces";
 import { DocumentComponentAnnotationsWijzigactie, DocumentComponentInputType, DocumentComponentMarkFunction, DocumentComponentMarkItemHighlightEvent, DocumentComponentMode, DocumentComponentOpenToggleEvent, DocumentComponentOzonContentClickEvent, DocumentComponentRecursiveToggleEvent, DocumentComponentRecursiveToggleState, DocumentComponentTableOfContentsClickEvent, DocumentComponentToggleAnnotationEvent, DocumentComponentType, DocumentComponentWijzigactie } from "./document-component.interfaces";
 /**
+ * @slot - A slot to place child elements of the document component in.
+ * @slot annotations - A slot to place annotation elements (metadata and map data) in.
  * @part _annotation-container - private part, do not touch.
  * @part _children-container - private part, do not touch.
  * @part _content - private part, do not touch.

package/dist/types/components/dropdown-menu/dropdown-menu-group/dropdown-menu-group.d.ts

@@ -1,4 +1,7 @@
 import { ComponentInterface } from "../../../stencil-public-runtime";
+/**
+ * @slot - The dropdown menu items to be grouped.
+ */
 export declare class DropdownMenuGroup implements ComponentInterface {
     host: HTMLDsoDropdownMenuGroupElement;
     /**

package/dist/types/components/dropdown-menu/dropdown-menu-item/dropdown-menu-item.d.ts

@@ -1,5 +1,8 @@
 import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
 import { DropdownMenuItemClickEvent, DropdownMenuItemType } from "../dropdown-menu.interfaces";
+/**
+ * @slot - The content or label of the dropdown menu item.
+ */
 export declare class DropdownMenuItem implements ComponentInterface {
     host: HTMLDsoDropdownMenuItemElement;
     /**

package/dist/types/components/dropdown-menu/dropdown-menu.d.ts

@@ -1,5 +1,8 @@
 import { ComponentInterface } from "../../stencil-public-runtime";
 import { DropdownMenuInternalState, DropdownMenuItemClickEvent } from "./dropdown-menu.interfaces";
+/**
+ * @slot - Menu items and content displayed inside the dropdown menu options list.
+ */
 export declare class DropdownMenu implements ComponentInterface {
     private readonly dropdownMenuState;
     host: HTMLDsoDropdownMenuElement;

package/dist/types/components/expandable/expandable.d.ts

@@ -1,5 +1,8 @@
 import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
 import { ExpandableAnimationEndEvent, ExpandableAnimationStartEvent } from "./expandable.interfaces";
+/**
+ * @slot - Content to be shown or hidden when the expandable is toggled.
+ */
 export declare class Expandable implements ComponentInterface {
     private bodyHeight?;
     host: HTMLDsoExpandableElement;

package/dist/types/components/header/header.d.ts

@@ -1,5 +1,8 @@
 import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
 import { HeaderAuthStatus, HeaderCompactMode, HeaderEvent, HeaderMenuItem } from "./header.interfaces";
+/**
+ * @slot logo - A slot to place the logo element (e.g. `dso-logo`) in.
+ */
 export declare class Header implements ComponentInterface {
     host: HTMLDsoHeaderElement;
     /**
@@ -68,6 +71,7 @@ export declare class Header implements ComponentInterface {
     private keyDownHandler;
     private resetVisibleMenuItems;
     private get isCompact();
+    private get isMobileViewport();
     private clickHandler;
     private dropdownElement;
     private navElement;
@@ -101,6 +105,10 @@ export declare class Header implements ComponentInterface {
     private tabbables;
     private focusOutListener;
     private toggleOptions;
+    private renderHelp;
+    private renderLogin;
+    private renderLogout;
+    private renderHeaderSession;
     private renderCompact;
     private renderNormal;
 }

package/dist/types/components/highlight-box/highlight-box.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @slot - A slot to place content inside the highlight box.
+ * @slot icon - A slot to display an icon inside the step counter instead of a step number.
+ */
 export declare class HighlightBox {
     /**
      * For yellow Highlight Box.

package/dist/types/components/icon-button/icon-button.d.ts

@@ -6,10 +6,7 @@ export declare class IconButton implements ComponentInterface {
     private buttonElRef?;
     private tooltipElRef?;
     private tooltipArrowElRef?;
-    private tooltipTimeout?;
-    private cleanUpFunction;
-    private lastClickTime;
-    private tooltipShowDelay;
+    private tooltipController;
     /**
      * The alias of the icon in the button.
      */
@@ -47,10 +44,8 @@ export declare class IconButton implements ComponentInterface {
      */
     setFocus(): Promise<void>;
     private handleShowTooltip;
-    private cleanUpTooltip;
-    disconnectedCallback(): void;
-    private clearToolTipTimeout;
     private handleHideTooltip;
+    disconnectedCallback(): void;
     private handleClick;
     render(): any;
 }

package/dist/types/components/image-overlay/image-overlay.d.ts

@@ -1,4 +1,9 @@
 import { ComponentInterface } from "../../stencil-public-runtime";
+/**
+ * @slot - A slot to place the target `<img>` element in to make it zoomable.
+ * @slot bijschrift - An optional slot to place a caption in, displayed inside the modal overlay.
+ * @slot titel - An optional slot to place a title in, displayed inside the modal overlay.
+ */
 export declare class ImageOverlay implements ComponentInterface {
     host: HTMLDsoImageOverlayElement;
     /**

package/dist/types/components/info/info.d.ts

@@ -1,4 +1,7 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+/**
+ * @slot - The content to be displayed inside the info box.
+ */
 export declare class Info {
     /**
      * Set to true if the Info should not be toggled and always visible.

package/dist/types/components/info-button/info-button.d.ts

@@ -1,13 +1,16 @@
 import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
 import { TooltipPlacement } from "../../functional-components/tooltip/tooltip.interfaces";
 import { InfoButtonToggleEvent } from "./info-button.interfaces";
+/**
+ * @slot toggletip - A slot for content displayed inside the info button toggletip.
+ */
 export declare class InfoButton implements ComponentInterface {
     private button?;
     private toggletipElRef?;
     private toggletipArrowElRef?;
-    private cleanUpFunction;
     private mutationObserver?;
     private restrictContentElement?;
+    private toggletipController;
     host: HTMLDsoInfoButtonElement;
     /**
      * Whether the InfoButton is active.
@@ -43,7 +46,6 @@ export declare class InfoButton implements ComponentInterface {
     private handleToggle;
     private keyDownHandler;
     private closeToggletip;
-    private cleanUpTooltip;
     componentDidRender(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/types/components/label/label.d.ts

@@ -1,11 +1,15 @@
 import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
 import { LabelStatus } from "./label.interfaces";
+/**
+ * @slot - A slot for the label text or content.
+ * @slot symbol - An optional slot for an icon or symbol displayed before the label text.
+ */
 export declare class Label implements ComponentInterface {
     private labelContent;
     private mutationObserver?;
     private tooltipElRef?;
     private tooltipArrowElRef?;
-    private cleanUpFunction;
+    private tooltipController;
     private host;
     /**
      * For compact Label
@@ -39,7 +43,6 @@ export declare class Label implements ComponentInterface {
      */
     _truncateLabel(): Promise<void>;
     private syncLabelText;
-    private cleanUpTooltip;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     private handleShowTooltip;

package/dist/types/components/legend/legend.d.ts

@@ -1,5 +1,8 @@
 import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
 import { LegendCloseEvent, LegendContentSwitchEvent, LegendTabItem } from "./legend.interfaces";
+/**
+ * @slot - Content to be displayed inside the active tab panel of the legend.
+ */
 export declare class Legend implements ComponentInterface {
     host: HTMLDsoLegendElement;
     /**

package/dist/types/components/list-button/list-button.d.ts

@@ -1,5 +1,8 @@
 import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
 import { ListButtonChangeEvent, ListButtonSelectedEvent } from "./list-button.interfaces";
+/**
+ * @slot subcontent - An optional slot for additional content or details displayed below the main label.
+ */
 export declare class ListButton implements ComponentInterface {
     host: HTMLDsoListButtonElement;
     private incrementButton?;

package/dist/types/components/map-controls/map-controls.d.ts

@@ -1,5 +1,8 @@
 import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
 import { MapControlsToggleEvent } from "./map-controls.interfaces";
+/**
+ * @slot - The content to be displayed inside the map controls panel.
+ */
 export declare class MapControls implements ComponentInterface {
     #private;
     host: HTMLDsoMapControlsElement;

package/dist/types/components/onboarding-tip/onboarding-tip.d.ts

@@ -1,6 +1,10 @@
 import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
 import { TooltipPlacement } from "../../functional-components/tooltip/tooltip.interfaces";
 import { OnboardingTipCloseEvent } from "./onboarding-tip.interfaces";
+/**
+ * @slot heading - A slot for the heading of the onboarding tip.
+ * @slot - A slot for the main content of the onboarding tip.
+ */
 export declare class OnboardingTip implements ComponentInterface {
     private host;
     /**

package/dist/types/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.d.ts

@@ -1,11 +1,15 @@
 import { ComponentInterface } from "../../../../stencil-public-runtime";
 import { IconAlias } from "../../../icon/icon.interfaces";
+/**
+ * @slot - A slot to place the main content inside the toggletip overlay.
+ * @slot label - A slot to place the trigger label text of the toggletip.
+ */
 export declare class OzonContentToggletip implements ComponentInterface {
-    private cleanUpFunction;
     private container;
     private tooltipElRef;
     private tooltipArrowElRef;
     private restrictContentElement;
+    private toggletipController;
     host: HTMLDsoOzonContentToggletipElement;
     /**
      * The alias of the icon in the button.
@@ -17,6 +21,5 @@ export declare class OzonContentToggletip implements ComponentInterface {
     private keyDownHandler;
     componentDidRender(): void;
     disconnectedCallback(): void;
-    private cleanUpTooltip;
     render(): any;
 }

package/dist/types/components/project-item/project-item.d.ts

@@ -1,4 +1,10 @@
 import { ComponentInterface } from "../../stencil-public-runtime";
+/**
+ * @slot title - A slot to place the title of the project item in.
+ * @slot actions - An optional slot to place interactive actions or buttons in.
+ * @slot progress - An optional slot to place progress indicators or labels in.
+ * @slot status - An optional slot to place status indicators or metadata in.
+ */
 export declare class ProjectItem implements ComponentInterface {
     /**
      * The label of the project item.

package/dist/types/components/responsive-element/responsive-element.d.ts

@@ -1,5 +1,8 @@
 import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
 import { ResponsiveElementSize } from "./responsive-element.interfaces";
+/**
+ * @slot - The content to be made responsive based on the element's width.
+ */
 export declare class ResponsiveElement implements ComponentInterface {
     sizeAlias: ResponsiveElementSize;
     sizeWidth: number;

package/dist/types/components/scrollable/scrollable.d.ts

@@ -1,5 +1,8 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { DsoScrollEndEvent, ScrollPosition } from "./scrollable.interfaces";
+/**
+ * @slot - Content to be made scrollable inside the container.
+ */
 export declare class Scrollable {
     private mutationObserver;
     private scrollContainerDiv?;

package/dist/types/components/slide-toggle/slide-toggle.d.ts

@@ -1,5 +1,8 @@
 import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
 import { SlideToggleActiveEvent } from "./slide-toggle.interfaces";
+/**
+ * @slot - Optional visible label text for the slide toggle.
+ */
 export declare class SlideToggle implements ComponentInterface {
     private host;
     /**

package/dist/types/components/table/table.d.ts

@@ -1,4 +1,8 @@
 import { ComponentInterface } from "../../stencil-public-runtime";
+/**
+ * @slot - A slot to place the target HTML `<table>` element in.
+ * @slot open-modal-button - An internal slot used for rendering the open-modal trigger button.
+ */
 export declare class Table implements ComponentInterface {
     private resizeObserver?;
     private resizeFrameId?;

package/dist/types/components/tijdreis-banner/tijdreis-banner.d.ts

@@ -1,4 +1,8 @@
 import { ComponentInterface } from "../../stencil-public-runtime";
+/**
+ * @slot - A slot to place the primary banner text or message.
+ * @slot button - A slot to place an action button in.
+ */
 export declare class TijdreisBanner implements ComponentInterface {
     render(): any;
 }