@dso-toolkit/core 90.1.0 → 91.0.0

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

@@ -10,6 +10,7 @@ import { DocumentComponentAnnotationsWijzigactie, DocumentComponentInputType, Do
  * @part _heading-container - private part, do not touch.
  */
 export declare class DocumentComponent implements ComponentInterface {
+    host: HTMLDsoDocumentComponentElement;
     /**
      * The heading element to use.
      */
@@ -136,11 +137,12 @@ export declare class DocumentComponent implements ComponentInterface {
      */
     dsoTableOfContentsClick: EventEmitter<DocumentComponentTableOfContentsClickEvent>;
     /**
-     * Emitted when the user interacts with Kop, IntRef or the Kenmerken en kaart button of IntIoRef in Ozon Content
+     * Emitted when the user interacts with IntRef in Ozon Content
      */
     dsoOzonContentClick: EventEmitter<DocumentComponentOzonContentClickEvent>;
     /**
-     * Emitted when the user activates the annotation button.
+     * Emitted when the user clicks the annotation button, the close button of the annotation panel and the
+     * Kenmerken en Kaart button of IntIoRef in Ozon Content.
      */
     dsoAnnotationToggle: EventEmitter<DocumentComponentToggleAnnotationEvent>;
     /**

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

@@ -7,6 +7,9 @@ export interface DocumentComponentOpenToggleEvent {
 }
 export interface DocumentComponentToggleAnnotationEvent {
     originalEvent: Event;
+    current: boolean;
+    next: boolean;
+    scrollRef?: HTMLElement;
 }
 export type DocumentComponentWijzigactie = "voegtoe" | "verwijder" | "nieuweContainer" | "verwijderContainer";
 export type DocumentComponentAnnotationsWijzigactie = "voegtoe" | "verwijder";

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

@@ -18,6 +18,10 @@ export declare class HistoryItem implements ComponentInterface {
      * The optional URL to which the History Item title links. Needs to be provided when slot `title` is used.
      */
     href?: string;
+    /**
+     * Optional boolean indicating if this history item is the current/active one.
+     */
+    current?: boolean;
     /**
      * Emitted when the History Item title is clicked.
      */

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

@@ -3,7 +3,6 @@ import { TooltipPlacement } from "../../functional-components/tooltip/tooltip.in
 import { InfoButtonToggleEvent } from "./info-button.interfaces";
 export declare class InfoButton {
     private button?;
-    private buttonSecondary?;
     private toggletipElRef?;
     private toggletipArrowElRef?;
     private cleanUp;
@@ -14,10 +13,6 @@ export declare class InfoButton {
      * Whether the InfoButton is active.
      */
     active: boolean;
-    /**
-     * For secondary Info Button.
-     */
-    secondary?: boolean;
     /**
      * The label.
      */

package/dist/types/components/map-layer/components/map-layer-object.d.ts

@@ -1,14 +1,20 @@
 import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
+import { Wijzigactie } from "../../../functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component";
 import { MapLayerObjectActiveChangeEvent } from "./map-layer-object.interfaces";
 /**
  * @slot - The label for this Map Layer Object
  * @slot symbol - An optional slot to place a symbol in, representing the Map Layer Object.
+ * @slot label - An optional slot for badges or labels next to the object label.
  */
 export declare class MapLayerObject implements ComponentInterface {
     /**
      * An optional boolean indicating whether the Map Layer Object is active.
      */
     active?: boolean;
+    /**
+     * An optional 'wijzigactie' that signals if the Map Layer is added or removed.
+     */
+    wijzigactie: Wijzigactie | undefined;
     /**
      * Emitted when user activates or deactivates the Map Layer Object.
      */

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

@@ -1,13 +1,12 @@
 import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
+import { Wijzigactie } from "../../functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component";
 import { MapLayerActiveChangeEvent } from "./map-layer.interfaces";
 /**
  * @slot - The dso-map-layer-object elements. These should be direct children of the dso-map-layer element.
+ * @slot name - The name of the Map Layer.
+ * @slot label - An optional slot for badges or labels next to the Map Layer name.
  */
 export declare class MapLayer implements ComponentInterface {
-    /**
-     * The label of the Map Layer.
-     */
-    label: string | undefined;
     /**
      * A boolean to indicate if the Map Layer is capable of being activated. When `true` a Slide Toggle displays
      * on the right.
@@ -17,6 +16,10 @@ export declare class MapLayer implements ComponentInterface {
      * An optional boolean indicating whether the Map Layer is active.
      */
     active?: boolean;
+    /**
+     * An optional 'wijzigactie' that signals if the Map Layer is added or removed.
+     */
+    wijzigactie: Wijzigactie | undefined;
     /**
      * Emitted when user activates or deactivates the Map Layer.
      */

package/dist/types/components/ozon-content/nodes/table.node/table-cell.d.ts

@@ -1,10 +1,10 @@
 import { FunctionalComponent } from "../../../../stencil-public-runtime";
+import { Wijzigactie } from "../../../../functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component";
 import { OzonContentNodeContext } from "../../ozon-content-node-context.interface";
-import { OzonContentWijzigActie } from "../../ozon-content.interfaces";
 import { Colspecs } from "./colspec/colspec.interface";
 export declare const Cell: FunctionalComponent<{
     context: OzonContentNodeContext;
     colspecs: Colspecs | undefined;
     cell: Element;
-    wijzigactie: OzonContentWijzigActie | undefined;
+    wijzigactie: Wijzigactie | undefined;
 }>;

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

@@ -1,5 +1,6 @@
 import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
-import { PlekinfoCardClickEvent, PlekinfoWijzigactie } from "./plekinfo-card.interfaces";
+import { Wijzigactie } from "../../functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component";
+import { PlekinfoCardClickEvent } from "./plekinfo-card.interfaces";
 /**
  * @slot symbol - An optional slot to place a symbol, representing the plekinfo item, in.
  * @slot heading - A slot to place the title of the card in.
@@ -13,7 +14,7 @@ export declare class PlekinfoCard implements ComponentInterface {
     /**
      * An optional 'wijzigactie' that signals if the plekinfo on the card is added or removed.
      */
-    wijzigactie?: PlekinfoWijzigactie;
+    wijzigactie?: Wijzigactie;
     /**
      * The URL to which the PlekinfoCard heading links.
      */

package/dist/types/components/plekinfo-card/plekinfo-card.interfaces.d.ts

@@ -3,4 +3,3 @@ export interface PlekinfoCardClickEvent {
     /** True when user clicked the card while holding Ctrl, Alt or other modifiers, or when the card is right-clicked. Can be used to determine navigation. */
     isModifiedEvent: boolean;
 }
-export type PlekinfoWijzigactie = "voegtoe" | "verwijder";

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

@@ -19,7 +19,7 @@ export declare class SegmentedButton implements ComponentInterface {
      */
     required?: boolean;
     /**
-     * Index of the currently active option
+     * The currently active option
      */
     activeOption: SegmentedButtonOption | undefined;
     /**

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

@@ -2,7 +2,6 @@ import { ComponentInterface } from "../../stencil-public-runtime";
 export declare class Table implements ComponentInterface {
     private resizeObserver?;
     private dialogElement?;
-    private labelledbyId;
     host: HTMLDsoTableElement;
     /**
      * Prevents the table being opened in a modal.

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

@@ -14,10 +14,6 @@ export declare class Toggletip {
      * Set to true for small Toggletip.
      */
     small?: boolean;
-    /**
-     * Set to true for secondary Toggletip.
-     */
-    secondary?: boolean;
     private infoButton?;
     private click;
     private open;

package/dist/types/components.d.ts

@@ -35,6 +35,7 @@ import { ListButtonChangeEvent, ListButtonSelectedEvent } from "./components/lis
 import { LogoClickEvent, LogoLabelClickEvent } from "./components/logo/logo.interfaces";
 import { BaseLayer, BaseLayerChangeEvent } from "./components/map-base-layers/map-base-layers.interfaces";
 import { MapControlsToggleEvent } from "./components/map-controls/map-controls.interfaces";
+import { Wijzigactie } from "./functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component";
 import { MapLayerActiveChangeEvent } from "./components/map-layer/map-layer.interfaces";
 import { MapLayerObjectActiveChangeEvent } from "./components/map-layer/components/map-layer-object.interfaces";
 import { Overlay, OverlayChangeEvent } from "./components/map-overlays/map-overlays.interfaces";
@@ -44,7 +45,7 @@ import { OnboardingTipCloseEvent } from "./components/onboarding-tip/onboarding-
 import { MarkTextMarkFunction } from "./functional-components/mark-text/mark-text.interfaces";
 import { PaginationSelectPageEvent } from "./components/pagination/pagination.interfaces";
 import { PanelCloseEvent } from "./components/panel/panel.interfaces";
-import { PlekinfoCardClickEvent, PlekinfoWijzigactie } from "./components/plekinfo-card/plekinfo-card.interfaces";
+import { PlekinfoCardClickEvent } from "./components/plekinfo-card/plekinfo-card.interfaces";
 import { ResponsiveElementSize } from "./components/responsive-element/responsive-element.interfaces";
 import { DsoScrollEndEvent } from "./components/scrollable/scrollable.interfaces";
 import { SegmentedButtonChangeEvent, SegmentedButtonOption } from "./components/segmented-button/segmented-button.interfaces";
@@ -87,6 +88,7 @@ export { ListButtonChangeEvent, ListButtonSelectedEvent } from "./components/lis
 export { LogoClickEvent, LogoLabelClickEvent } from "./components/logo/logo.interfaces";
 export { BaseLayer, BaseLayerChangeEvent } from "./components/map-base-layers/map-base-layers.interfaces";
 export { MapControlsToggleEvent } from "./components/map-controls/map-controls.interfaces";
+export { Wijzigactie } from "./functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component";
 export { MapLayerActiveChangeEvent } from "./components/map-layer/map-layer.interfaces";
 export { MapLayerObjectActiveChangeEvent } from "./components/map-layer/components/map-layer-object.interfaces";
 export { Overlay, OverlayChangeEvent } from "./components/map-overlays/map-overlays.interfaces";
@@ -96,7 +98,7 @@ export { OnboardingTipCloseEvent } from "./components/onboarding-tip/onboarding-
 export { MarkTextMarkFunction } from "./functional-components/mark-text/mark-text.interfaces";
 export { PaginationSelectPageEvent } from "./components/pagination/pagination.interfaces";
 export { PanelCloseEvent } from "./components/panel/panel.interfaces";
-export { PlekinfoCardClickEvent, PlekinfoWijzigactie } from "./components/plekinfo-card/plekinfo-card.interfaces";
+export { PlekinfoCardClickEvent } from "./components/plekinfo-card/plekinfo-card.interfaces";
 export { ResponsiveElementSize } from "./components/responsive-element/responsive-element.interfaces";
 export { DsoScrollEndEvent } from "./components/scrollable/scrollable.interfaces";
 export { SegmentedButtonChangeEvent, SegmentedButtonOption } from "./components/segmented-button/segmented-button.interfaces";
@@ -745,6 +747,10 @@ export namespace Components {
         "yellow"?: boolean;
     }
     interface DsoHistoryItem {
+        /**
+          * Optional boolean indicating if this history item is the current/active one.
+         */
+        "current"?: boolean;
         /**
           * The optional URL to which the History Item title links. Needs to be provided when slot `title` is used.
          */
@@ -816,10 +822,6 @@ export namespace Components {
           * @default "Toelichting bij optie"
          */
         "label": string;
-        /**
-          * For secondary Info Button.
-         */
-        "secondary"?: boolean;
         /**
           * To set focus to the toggle button.
          */
@@ -1013,15 +1015,19 @@ export namespace Components {
          */
         "active"?: boolean;
         /**
-          * The label of the Map Layer.
+          * An optional 'wijzigactie' that signals if the Map Layer is added or removed.
          */
-        "label": string | undefined;
+        "wijzigactie": Wijzigactie | undefined;
     }
     interface DsoMapLayerObject {
         /**
           * An optional boolean indicating whether the Map Layer Object is active.
          */
         "active"?: boolean;
+        /**
+          * An optional 'wijzigactie' that signals if the Map Layer is added or removed.
+         */
+        "wijzigactie": Wijzigactie | undefined;
     }
     interface DsoMapMessage {
         /**
@@ -1172,7 +1178,7 @@ export namespace Components {
         /**
           * An optional 'wijzigactie' that signals if the plekinfo on the card is added or removed.
          */
-        "wijzigactie"?: PlekinfoWijzigactie;
+        "wijzigactie"?: Wijzigactie;
     }
     interface DsoProgressIndicator {
         /**
@@ -1218,7 +1224,7 @@ export namespace Components {
     }
     interface DsoSegmentedButton {
         /**
-          * Index of the currently active option
+          * The currently active option
          */
         "activeOption": SegmentedButtonOption | undefined;
         /**
@@ -1367,10 +1373,6 @@ export namespace Components {
           * @default "right"
          */
         "position": Placement;
-        /**
-          * Set to true for secondary Toggletip.
-         */
-        "secondary"?: boolean;
         /**
           * Set to true for small Toggletip.
          */
@@ -3396,7 +3398,7 @@ declare namespace LocalJSX {
          */
         "notApplicable"?: boolean;
         /**
-          * Emitted when the user activates the annotation button.
+          * Emitted when the user clicks the annotation button, the close button of the annotation panel and the Kenmerken en Kaart button of IntIoRef in Ozon Content.
          */
         "onDsoAnnotationToggle"?: (event: DsoDocumentComponentCustomEvent<DocumentComponentToggleAnnotationEvent>) => void;
         /**
@@ -3408,7 +3410,7 @@ declare namespace LocalJSX {
          */
         "onDsoOpenToggle"?: (event: DsoDocumentComponentCustomEvent<DocumentComponentOpenToggleEvent>) => void;
         /**
-          * Emitted when the user interacts with Kop, IntRef or the Kenmerken en kaart button of IntIoRef in Ozon Content
+          * Emitted when the user interacts with IntRef in Ozon Content
          */
         "onDsoOzonContentClick"?: (event: DsoDocumentComponentCustomEvent<DocumentComponentOzonContentClickEvent>) => void;
         /**
@@ -3581,6 +3583,10 @@ declare namespace LocalJSX {
         "yellow"?: boolean;
     }
     interface DsoHistoryItem {
+        /**
+          * Optional boolean indicating if this history item is the current/active one.
+         */
+        "current"?: boolean;
         /**
           * The optional URL to which the History Item title links. Needs to be provided when slot `title` is used.
          */
@@ -3664,10 +3670,6 @@ declare namespace LocalJSX {
           * Emitted when the user activates the Info Button.
          */
         "onDsoToggle"?: (event: DsoInfoButtonCustomEvent<InfoButtonToggleEvent>) => void;
-        /**
-          * For secondary Info Button.
-         */
-        "secondary"?: boolean;
         /**
           * The placement of the Toggletip on click.
           * @default "top"
@@ -3914,14 +3916,14 @@ declare namespace LocalJSX {
           * An optional boolean indicating whether the Map Layer is active.
          */
         "active"?: boolean;
-        /**
-          * The label of the Map Layer.
-         */
-        "label": string | undefined;
         /**
           * Emitted when user activates or deactivates the Map Layer.
          */
         "onDsoActiveChange"?: (event: DsoMapLayerCustomEvent<MapLayerActiveChangeEvent>) => void;
+        /**
+          * An optional 'wijzigactie' that signals if the Map Layer is added or removed.
+         */
+        "wijzigactie": Wijzigactie | undefined;
     }
     interface DsoMapLayerObject {
         /**
@@ -3940,6 +3942,10 @@ declare namespace LocalJSX {
           * Emitted when the mouse leaves the Map Layer Object.
          */
         "onDsoMouseLeave"?: (event: DsoMapLayerObjectCustomEvent<any>) => void;
+        /**
+          * An optional 'wijzigactie' that signals if the Map Layer is added or removed.
+         */
+        "wijzigactie": Wijzigactie | undefined;
     }
     interface DsoMapMessage {
         /**
@@ -4134,7 +4140,7 @@ declare namespace LocalJSX {
         /**
           * An optional 'wijzigactie' that signals if the plekinfo on the card is added or removed.
          */
-        "wijzigactie"?: PlekinfoWijzigactie;
+        "wijzigactie"?: Wijzigactie;
     }
     interface DsoProgressIndicator {
         /**
@@ -4187,7 +4193,7 @@ declare namespace LocalJSX {
     }
     interface DsoSegmentedButton {
         /**
-          * Index of the currently active option
+          * The currently active option
          */
         "activeOption": SegmentedButtonOption | undefined;
         /**
@@ -4358,10 +4364,6 @@ declare namespace LocalJSX {
           * @default "right"
          */
         "position"?: Placement;
-        /**
-          * Set to true for secondary Toggletip.
-         */
-        "secondary"?: boolean;
         /**
           * Set to true for small Toggletip.
          */
@@ -4713,6 +4715,7 @@ declare namespace LocalJSX {
     interface DsoHistoryItemAttributes {
         "type": HistoryItemType;
         "href": string;
+        "current": boolean;
     }
     interface DsoIconAttributes {
         "icon": IconAlias;
@@ -4733,7 +4736,6 @@ declare namespace LocalJSX {
     }
     interface DsoInfoButtonAttributes {
         "active": boolean;
-        "secondary": boolean;
         "label": string;
         "toggletipPlacement": TooltipPlacement;
     }
@@ -4786,12 +4788,13 @@ declare namespace LocalJSX {
         "disableZoom": "in" | "out" | "both";
     }
     interface DsoMapLayerAttributes {
-        "label": string | undefined;
         "activatable": boolean;
         "active": boolean;
+        "wijzigactie": Wijzigactie | undefined;
     }
     interface DsoMapLayerObjectAttributes {
         "active": boolean;
+        "wijzigactie": Wijzigactie | undefined;
     }
     interface DsoMapMessageAttributes {
         "variant": "success" | "error" | "instruction" | undefined;
@@ -4832,7 +4835,7 @@ declare namespace LocalJSX {
         "emphasized": boolean;
     }
     interface DsoPlekinfoCardAttributes {
-        "wijzigactie": PlekinfoWijzigactie;
+        "wijzigactie": Wijzigactie;
         "href": string | undefined;
         "targetBlank": boolean;
         "active": boolean;
@@ -4890,7 +4893,6 @@ declare namespace LocalJSX {
         "label": string;
         "position": Placement;
         "small": boolean;
-        "secondary": boolean;
     }
     interface DsoTooltipAttributes {
         "descriptive": boolean;
@@ -4963,8 +4965,8 @@ declare namespace LocalJSX {
         "dso-logo": Omit<DsoLogo, keyof DsoLogoAttributes> & { [K in keyof DsoLogo & keyof DsoLogoAttributes]?: DsoLogo[K] } & { [K in keyof DsoLogo & keyof DsoLogoAttributes as `attr:${K}`]?: DsoLogoAttributes[K] } & { [K in keyof DsoLogo & keyof DsoLogoAttributes as `prop:${K}`]?: DsoLogo[K] };
         "dso-map-base-layers": Omit<DsoMapBaseLayers, keyof DsoMapBaseLayersAttributes> & { [K in keyof DsoMapBaseLayers & keyof DsoMapBaseLayersAttributes]?: DsoMapBaseLayers[K] } & { [K in keyof DsoMapBaseLayers & keyof DsoMapBaseLayersAttributes as `attr:${K}`]?: DsoMapBaseLayersAttributes[K] } & { [K in keyof DsoMapBaseLayers & keyof DsoMapBaseLayersAttributes as `prop:${K}`]?: DsoMapBaseLayers[K] };
         "dso-map-controls": Omit<DsoMapControls, keyof DsoMapControlsAttributes> & { [K in keyof DsoMapControls & keyof DsoMapControlsAttributes]?: DsoMapControls[K] } & { [K in keyof DsoMapControls & keyof DsoMapControlsAttributes as `attr:${K}`]?: DsoMapControlsAttributes[K] } & { [K in keyof DsoMapControls & keyof DsoMapControlsAttributes as `prop:${K}`]?: DsoMapControls[K] };
-        "dso-map-layer": Omit<DsoMapLayer, keyof DsoMapLayerAttributes> & { [K in keyof DsoMapLayer & keyof DsoMapLayerAttributes]?: DsoMapLayer[K] } & { [K in keyof DsoMapLayer & keyof DsoMapLayerAttributes as `attr:${K}`]?: DsoMapLayerAttributes[K] } & { [K in keyof DsoMapLayer & keyof DsoMapLayerAttributes as `prop:${K}`]?: DsoMapLayer[K] } & OneOf<"label", DsoMapLayer["label"], DsoMapLayerAttributes["label"]>;
-        "dso-map-layer-object": Omit<DsoMapLayerObject, keyof DsoMapLayerObjectAttributes> & { [K in keyof DsoMapLayerObject & keyof DsoMapLayerObjectAttributes]?: DsoMapLayerObject[K] } & { [K in keyof DsoMapLayerObject & keyof DsoMapLayerObjectAttributes as `attr:${K}`]?: DsoMapLayerObjectAttributes[K] } & { [K in keyof DsoMapLayerObject & keyof DsoMapLayerObjectAttributes as `prop:${K}`]?: DsoMapLayerObject[K] };
+        "dso-map-layer": Omit<DsoMapLayer, keyof DsoMapLayerAttributes> & { [K in keyof DsoMapLayer & keyof DsoMapLayerAttributes]?: DsoMapLayer[K] } & { [K in keyof DsoMapLayer & keyof DsoMapLayerAttributes as `attr:${K}`]?: DsoMapLayerAttributes[K] } & { [K in keyof DsoMapLayer & keyof DsoMapLayerAttributes as `prop:${K}`]?: DsoMapLayer[K] } & OneOf<"wijzigactie", DsoMapLayer["wijzigactie"], DsoMapLayerAttributes["wijzigactie"]>;
+        "dso-map-layer-object": Omit<DsoMapLayerObject, keyof DsoMapLayerObjectAttributes> & { [K in keyof DsoMapLayerObject & keyof DsoMapLayerObjectAttributes]?: DsoMapLayerObject[K] } & { [K in keyof DsoMapLayerObject & keyof DsoMapLayerObjectAttributes as `attr:${K}`]?: DsoMapLayerObjectAttributes[K] } & { [K in keyof DsoMapLayerObject & keyof DsoMapLayerObjectAttributes as `prop:${K}`]?: DsoMapLayerObject[K] } & OneOf<"wijzigactie", DsoMapLayerObject["wijzigactie"], DsoMapLayerObjectAttributes["wijzigactie"]>;
         "dso-map-message": Omit<DsoMapMessage, keyof DsoMapMessageAttributes> & { [K in keyof DsoMapMessage & keyof DsoMapMessageAttributes]?: DsoMapMessage[K] } & { [K in keyof DsoMapMessage & keyof DsoMapMessageAttributes as `attr:${K}`]?: DsoMapMessageAttributes[K] } & { [K in keyof DsoMapMessage & keyof DsoMapMessageAttributes as `prop:${K}`]?: DsoMapMessage[K] } & OneOf<"variant", DsoMapMessage["variant"], DsoMapMessageAttributes["variant"]>;
         "dso-map-overlays": Omit<DsoMapOverlays, keyof DsoMapOverlaysAttributes> & { [K in keyof DsoMapOverlays & keyof DsoMapOverlaysAttributes]?: DsoMapOverlays[K] } & { [K in keyof DsoMapOverlays & keyof DsoMapOverlaysAttributes as `attr:${K}`]?: DsoMapOverlaysAttributes[K] } & { [K in keyof DsoMapOverlays & keyof DsoMapOverlaysAttributes as `prop:${K}`]?: DsoMapOverlays[K] };
         "dso-mark-bar": Omit<DsoMarkBar, keyof DsoMarkBarAttributes> & { [K in keyof DsoMarkBar & keyof DsoMarkBarAttributes]?: DsoMarkBar[K] } & { [K in keyof DsoMarkBar & keyof DsoMarkBarAttributes as `attr:${K}`]?: DsoMarkBarAttributes[K] } & { [K in keyof DsoMarkBar & keyof DsoMarkBarAttributes as `prop:${K}`]?: DsoMarkBar[K] };

package/dist/types/functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component.d.ts

@@ -0,0 +1,7 @@
+import { FunctionalComponent } from "../../stencil-public-runtime";
+export type Wijzigactie = "voegtoe" | "verwijder";
+export interface WrapWijzigactieProps {
+    wijzigactie: Wijzigactie | undefined;
+    class?: string;
+}
+export declare const WrapWijzigactie: FunctionalComponent<WrapWijzigactieProps>;

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

@@ -679,6 +679,7 @@ export declare namespace h {
     function h(sel: any, data: VNodeData | null, text: string): VNode;
     function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
     function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+    function h(sel: any, data: VNodeData | null, ...children: (VNode | string | number)[]): VNode;
     namespace JSX {
         interface IntrinsicElements extends LocalJSX.IntrinsicElements, JSXBase.IntrinsicElements {
             [tagName: string]: any;
@@ -692,6 +693,8 @@ export declare function h(sel: any, text: string): VNode;
 export declare function h(sel: any, children: Array<VNode | undefined | null>): VNode;
 export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
+export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+export declare function h(sel: any, data: VNodeData | null, ...children: (VNode | string | number)[]): VNode;
 /**
  * Automatic JSX runtime functions for TypeScript's react-jsx mode.
  * These functions are called automatically by TypeScript when using "jsx": "react-jsx".
@@ -721,7 +724,6 @@ export declare function jsxs(type: any, props: any, key?: string): VNode;
  * @returns a jsx vnode
  */
 export declare function jsxDEV(type: any, props: any, key?: string | number, isStaticChildren?: boolean, source?: any, self?: any): VNode;
-export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
 /**
  * A virtual DOM node
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dso-toolkit/core",
-  "version": "90.1.0",
+  "version": "91.0.0",
   "description": "DSO Toolkit Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/components/index.js",
@@ -19,22 +19,22 @@
     "watch": "yarn clear && yarn node scripts/watch.js"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.7.5",
+    "@floating-ui/dom": "^1.7.6",
     "@popperjs/core": "^2.11.8",
-    "@stencil/core": "4.43.0",
+    "@stencil/core": "4.43.3",
     "@stencil/store": "^2.2.2",
     "clsx": "^2.1.1",
-    "dso-toolkit": "^90.1.0",
+    "dso-toolkit": "^91.0.0",
     "escape-string-regexp": "^5.0.0",
-    "focus-trap": "^8.0.0",
-    "i18next": "^25.8.13",
+    "focus-trap": "^8.0.1",
+    "i18next": "^25.10.9",
     "popper-max-size-modifier": "^0.2.0",
     "tabbable": "^6.4.0",
     "uuid": "^13.0.0"
   },
   "devDependencies": {
     "@stencil/angular-output-target": "^1.3.0",
-    "@stencil/react-output-target": "^1.4.1",
+    "@stencil/react-output-target": "^1.4.2",
     "@stencil/sass": "^3.2.3",
     "@types/debounce": "^1.2.4",
     "@types/lodash.kebabcase": "^4.1.9",
@@ -42,13 +42,12 @@
     "@types/lodash.samplesize": "^4.2.9",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@types/uuid": "^11.0.0",
     "concurrently": "^9.2.1",
     "debounce": "^3.0.0",
     "lodash.kebabcase": "^4.1.1",
     "lodash.random": "^3.2.0",
     "lodash.samplesize": "^4.2.0",
-    "prettier": "^3.7.4",
+    "prettier": "^3.8.1",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "rimraf": "^6.1.3",
@@ -57,7 +56,7 @@
     "typescript": "~5.9.3"
   },
   "peerDependencies": {
-    "dso-toolkit": "90.1.0"
+    "dso-toolkit": "91.0.0"
   },
   "nx": {
     "includedScripts": []

package/dist/collection/components/ozon-content/functional-components/wrap-wijzigactie.functional-component.js

@@ -1,10 +0,0 @@
-import { h } from "@stencil/core";
-export const WrapWijzigactie = ({ wijzigactie }, children) => {
-    if (wijzigactie === "voegtoe") {
-        return h("ins", null, children);
-    }
-    if (wijzigactie === "verwijder") {
-        return h("del", null, children);
-    }
-    return children;
-};

package/dist/dso-toolkit/p-028df884.entry.js

@@ -1 +0,0 @@
-import{r as o,d as e,f as r,h as i,F as t,a as n,g as a}from"./p-ai7aDzJN.js";import{i as d}from"./p-Hgv-pDpy.js";const s=({wijzigactie:o},e)=>i("voegtoe"===o?"ins":"verwijder"===o?"del":"div",{class:"dso-plekinfo-card-container"},e),c=class{constructor(r){o(this,r),this.dsoPlekinfoCardClick=e(this,"dsoPlekinfoCardClick",7),this.targetBlank=!1}connectedCallback(){this.mutationObserver=new MutationObserver((()=>r(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(o){if(o.target instanceof HTMLElement&&this.href)return this.dsoPlekinfoCardClick.emit({originalEvent:o,isModifiedEvent:d(o)})}get symbolSlottedElement(){return this.host.querySelector("[slot='symbol']")}get metaSlottedElement(){return this.host.querySelector("[slot='meta']")}get interaction(){return this.host.querySelector("[slot='interaction']")}render(){const o=null!==this.symbolSlottedElement;return i(n,{key:"195808a17ac11b26547e4b41fa56b4dcaa701fba","has-symbol":o},i(s,{key:"89a7af24895338ff188f45dda202f013f90be1ae",wijzigactie:this.wijzigactie},i("div",{key:"77e8f2b79cb9277579c30a43afa279b5085f3b22",class:"dso-plekinfo-card-symbol",hidden:!o},i("slot",{key:"a9a66ded575a35070c9fc7e998af610421ca61b5",name:"symbol"})),i("div",{key:"e9777c203783b5d345e6f268770c80b771b36243",class:"dso-plekinfo-card-heading"},this.href?i("a",{href:this.href,target:this.targetBlank?"_blank":void 0,rel:this.targetBlank?"noopener noreferrer":void 0,class:"heading-anchor",onClick:o=>this.clickEventHandler(o)},i("span",{class:"icon-container"},this.targetBlank?i(t,null,i("dso-icon",{icon:"external-link"}),i("span",{class:"sr-only"},"(Opent andere website in nieuw tabblad)")):i("dso-icon",{icon:"chevron-right"}),i("slot",{name:"heading"}))):i("slot",{name:"heading"}),null!==this.metaSlottedElement&&i("slot",{key:"be0665edf9fa951672184c4a621ec9da430deb11",name:"meta"}),null!==this.interaction&&i("slot",{key:"2b283e4c7106a380c8e2a8e7e83310c16410a534",name:"interaction"})),i("div",{key:"3ba8eb7a483b4b165ce8bc7dcba3fccb97b530d5",class:"dso-plekinfo-card-content"},i("slot",{key:"14e5c1aed546f3e795e7e542641e9f03532f4e31",name:"content"}))))}get host(){return a(this)}};c.style='ins{text-decoration:none;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}ins{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}del{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}del{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del{font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-plekinfo-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-plekinfo-card-container .dso-plekinfo-card-heading{display:flex;align-items:start;column-gap:8px}@media screen and (max-width: 480px){.dso-plekinfo-card-container .dso-plekinfo-card-heading{flex-wrap:wrap}}.dso-plekinfo-card-container .dso-plekinfo-card-heading+.dso-plekinfo-card-content{margin-block-start:8px}.dso-plekinfo-card-container .dso-plekinfo-card-symbol{grid-row:span 2;margin-inline-end:8px}.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}ins.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#d8e5c9}del.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#e9cdd1}:host([active]:not([active=false])) .dso-plekinfo-card-container{background-color:#e5e5e5}:host([active]:not([active=false])) ins.dso-plekinfo-card-container{background-color:#ced9bf}:host([active]:not([active=false])) del.dso-plekinfo-card-container{background-color:#ddc3c6}:host([has-symbol]) .dso-plekinfo-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-heading,:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-content{grid-column:2/-1}::slotted([slot=meta]){display:flex !important;justify-content:space-between !important;flex-shrink:0 !important;align-self:end !important}@media screen and (max-width: 480px){::slotted([slot=meta]){flex-basis:100% !important;margin-block-start:8px !important}}::slotted([slot=heading]){display:inline !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}::slotted([slot=content]){--_dt-rich-content-margin-block:8px;--_dt-rich-content-margin-block-end:0;--_dt-rich-content-margin-block-start:0}::slotted([slot=interaction]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interaction]){flex-basis:100% !important;margin-block-start:16px !important}}.heading-anchor{color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.heading-anchor .icon-container{position:relative;padding-inline-end:24px}.heading-anchor .icon-container dso-icon{position:absolute;inset-inline-end:0;inset-block-end:-3px;block-size:24px;inline-size:24px}';export{c as dso_plekinfo_card}

package/dist/dso-toolkit/p-297777c1.entry.js

@@ -1 +0,0 @@
-import{r as e,d as r,h as i,F as n,g as a}from"./p-ai7aDzJN.js";const o=class{constructor(i){e(this,i),this.dsoChange=r(this,"dsoChange",3),this.unit=""}render(){const e=this.min||0,r=this.max||100,a=this.step||1;return i(n,null,this.description&&i("span",{key:"4f1f6a49dbbc04eca033b1b7d9c6ed8ec662c9dc",id:"description",hidden:!0},this.description),i("span",{key:"53523e69582c4081b4101b5f8e50af0b8ee0df4c",class:"counter","aria-hidden":"true"},e,this.unit),i("input",{key:"de39c97f362a92a9e11b1e911f26e2ccd1756f26",type:"range",min:this.min,max:this.max,value:this.value,class:"input","aria-label":this.label,"aria-describedby":this.description?"description":void 0,onChange:i=>this.dsoChange.emit({originalEvent:i,value:i.target instanceof HTMLInputElement?parseInt(i.target.value,10):void 0,max:r,min:e,step:a})}),i("span",{key:"b4b0b2abc8ad5da26286a962517040df73d7a6a1",class:"counter","aria-hidden":"true"},r,this.unit))}get host(){return a(this)}};o.style=":host{display:flex;align-items:center;gap:0.625rem;padding-block:0.5rem;inline-size:100%}*,*::after,*::before{box-sizing:border-box}.counter{flex-shrink:0;min-inline-size:20px}.input{flex-grow:1;appearance:none;background-color:transparent;cursor:pointer}.input::-webkit-slider-runnable-track{block-size:0.5rem;background-color:#e5e5e5;border:1px solid #666;border-radius:0.5rem}.input::-webkit-slider-runnable-track:hover{background-color:#ccc}.input::-webkit-slider-thumb{block-size:1.5rem;inline-size:1.5rem;appearance:none;margin-block-start:-0.55rem;background-color:#39870c;border-radius:50%}.input::-webkit-slider-thumb:hover{background-color:#275937}.input::-moz-range-track{box-sizing:border-box;block-size:0.5rem;background-color:#e5e5e5;border:1px solid #666;border-radius:0.5rem}.input::-moz-range-track:hover{background-color:#ccc}.input::-moz-range-thumb{box-sizing:border-box;block-size:1.5rem;inline-size:1.5rem;appearance:none;margin-block-start:-0.5rem;background-color:#39870c;border-radius:50%;border-color:transparent}.input::-moz-range-thumb:hover{background-color:#275937}";export{o as dso_input_range}

package/dist/dso-toolkit/p-39663446.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,F as s,g as e}from"./p-ai7aDzJN.js";const o=class{constructor(i){t(this,i),this.active=!1,this.label="Toelichting",this.position="right",this.click=()=>{this.active?this.close():this.open()},this.open=()=>{this.active=!0,this.host.addEventListener("keydown",this.keyDownListener),this.host.addEventListener("focusout",this.focusOutListener)},this.close=()=>{this.host.removeEventListener("focusout",this.focusOutListener),this.host.removeEventListener("keydown",this.keyDownListener),this.active=!1},this.focusOutListener=t=>{this.host.contains(t.relatedTarget)||this.close()},this.keyDownListener=t=>{t.defaultPrevented||"Escape"!==t.key||(this.close(),this.infoButton?.setFocus(),t.preventDefault())}}render(){return i(s,{key:"30adec949da26e38c8f081eff7f98de545bad21e"},i("dso-info-button",{key:"4ec2574a72ba323d23dad781517693476dc4b6be","aria-describedby":"toggle",onClick:this.click,label:this.label,active:this.active,secondary:this.secondary,ref:t=>this.infoButton=t}),i("dso-tooltip",{key:"b3e1f43e88bce0dff2edf00d19ee6c524236274c",stateless:!0,descriptive:!0,id:"toggle",strategy:"absolute",active:this.active,position:this.position,small:this.small},i("slot",{key:"7844ff4ae4e6679df8589792b38c4e5552e0b9bc"})))}get host(){return e(this)}};o.style="*,*::after,*::before{box-sizing:border-box}:host{display:inline-block;--tooltip-margin-block-start:0;--tooltip-margin-inline-start:3px;--tooltip-margin-inline-end:units.$u1 * -1 !important}:host(:focus){outline:none;z-index:410}";export{o as dso_toggletip}