@dso-toolkit/core 79.0.1 → 80.0.0

package/dist/types/components.d.ts

@@ -25,6 +25,9 @@ import { DocumentComponentAnnotationsWijzigactie, DocumentComponentInputType, Do
 import { OzonContentAnchorClickEvent, OzonContentClickEvent, OzonContentInputType, OzonContentMarkFunction, OzonContentMarkItemHighlightEvent, OzonContentUrlResolver } from "./components/ozon-content/ozon-content.interfaces";
 import { ExpandableAnimationEndEvent, ExpandableAnimationStartEvent } from "./components/expandable/expandable";
 import { HeaderAuthStatus, HeaderCompactMode, HeaderEvent, HeaderMenuItem } from "./components/header/header.interfaces";
+import { HistoryItemClickEvent, HistoryItemType } from "./components/history-item/history-item.interfaces";
+import { IconButtonClickEvent, IconButtonVariant } from "./components/icon-button/icon-button.interfaces";
+import { TooltipPlacement } from "./functional-components/tooltip/tooltip.interfaces";
 import { InfoButtonToggleEvent } from "./components/info-button/info-button.interfaces";
 import { InputRangeChangeEvent } from "./components/input-range/input-range.interfaces";
 import { LegendItemActiveChangeEvent } from "./components/legend-item/legend-item.interfaces";
@@ -35,7 +38,7 @@ import { MapControlsToggleEvent } from "./components/map-controls/map-controls.i
 import { Overlay, OverlayChangeEvent } from "./components/map-overlays/map-overlays.interfaces";
 import { MarkBarClearEvent, MarkBarFocusOptions, MarkBarInputEvent, MarkBarPaginationEvent } from "./components/mark-bar/mark-bar.interfaces";
 import { ModalCloseEvent } from "./components/modal/modal.interfaces";
-import { OnboardingTipCloseEvent, OnboardingTipPlacement } from "./components/onboarding-tip/onboarding-tip.interfaces";
+import { OnboardingTipCloseEvent } from "./components/onboarding-tip/onboarding-tip.interfaces";
 import { PaginationSelectPageEvent } from "./components/pagination/pagination.interfaces";
 import { PanelCloseEvent } from "./components/panel/panel";
 import { PlekinfoCardClickEvent, PlekinfoWijzigactie } from "./components/plekinfo-card/plekinfo-card.interfaces";
@@ -70,6 +73,9 @@ export { DocumentComponentAnnotationsWijzigactie, DocumentComponentInputType, Do
 export { OzonContentAnchorClickEvent, OzonContentClickEvent, OzonContentInputType, OzonContentMarkFunction, OzonContentMarkItemHighlightEvent, OzonContentUrlResolver } from "./components/ozon-content/ozon-content.interfaces";
 export { ExpandableAnimationEndEvent, ExpandableAnimationStartEvent } from "./components/expandable/expandable";
 export { HeaderAuthStatus, HeaderCompactMode, HeaderEvent, HeaderMenuItem } from "./components/header/header.interfaces";
+export { HistoryItemClickEvent, HistoryItemType } from "./components/history-item/history-item.interfaces";
+export { IconButtonClickEvent, IconButtonVariant } from "./components/icon-button/icon-button.interfaces";
+export { TooltipPlacement } from "./functional-components/tooltip/tooltip.interfaces";
 export { InfoButtonToggleEvent } from "./components/info-button/info-button.interfaces";
 export { InputRangeChangeEvent } from "./components/input-range/input-range.interfaces";
 export { LegendItemActiveChangeEvent } from "./components/legend-item/legend-item.interfaces";
@@ -80,7 +86,7 @@ export { MapControlsToggleEvent } from "./components/map-controls/map-controls.i
 export { Overlay, OverlayChangeEvent } from "./components/map-overlays/map-overlays.interfaces";
 export { MarkBarClearEvent, MarkBarFocusOptions, MarkBarInputEvent, MarkBarPaginationEvent } from "./components/mark-bar/mark-bar.interfaces";
 export { ModalCloseEvent } from "./components/modal/modal.interfaces";
-export { OnboardingTipCloseEvent, OnboardingTipPlacement } from "./components/onboarding-tip/onboarding-tip.interfaces";
+export { OnboardingTipCloseEvent } from "./components/onboarding-tip/onboarding-tip.interfaces";
 export { PaginationSelectPageEvent } from "./components/pagination/pagination.interfaces";
 export { PanelCloseEvent } from "./components/panel/panel";
 export { PlekinfoCardClickEvent, PlekinfoWijzigactie } from "./components/plekinfo-card/plekinfo-card.interfaces";
@@ -601,9 +607,8 @@ export namespace Components {
         "genesteOntwerpInformatie": boolean;
         /**
           * Marks Document Component as reserved.
-          * @default false
          */
-        "gereserveerd": boolean;
+        "gereserveerd": DocumentComponentInputType | undefined;
         /**
           * The heading element to use.
           * @default "h2"
@@ -616,11 +621,11 @@ export namespace Components {
         /**
           * The Inhoud XML.
          */
-        "inhoud"?: DocumentComponentInputType;
+        "inhoud": DocumentComponentInputType | undefined;
         /**
           * The Kop XML.
          */
-        "kop"?: DocumentComponentInputType;
+        "kop": DocumentComponentInputType | undefined;
         /**
           * To mark text.
          */
@@ -659,9 +664,8 @@ export namespace Components {
         "type"?: string;
         /**
           * Marks the Document Component as expired.
-          * @default false
          */
-        "vervallen": boolean;
+        "vervallen": DocumentComponentInputType | undefined;
         /**
           * The wijzigactie as in STOP.
          */
@@ -777,12 +781,51 @@ export namespace Components {
          */
         "yellow"?: boolean;
     }
+    interface DsoHistoryItem {
+        /**
+          * The optional URL to which the History Item title links. Needs to be provided when slot `title` is used.
+         */
+        "href"?: string;
+        /**
+          * The type of History Item
+         */
+        "type": HistoryItemType;
+    }
     interface DsoIcon {
         /**
           * The alias of the icon.
          */
         "icon"?: string;
     }
+    interface DsoIconButton {
+        /**
+          * To disable the Icon Button
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * The alias of the icon in the button.
+         */
+        "icon": string | undefined;
+        /**
+          * The label of the Icon Button which is shown on hover in a tooltip.
+         */
+        "label": string | undefined;
+        /**
+          * Focuses the button.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * The placement of the tooltip on hover and focus of the Icon Button.
+          * @default "top"
+         */
+        "tooltipPlacement": TooltipPlacement;
+        /**
+          * The variant of the Icon Button.
+          * @default "secondary"
+         */
+        "variant"?: IconButtonVariant;
+    }
     interface DsoImageOverlay {
         /**
           * The wijzigactie.
@@ -1037,7 +1080,7 @@ export namespace Components {
           * Where to place the Onboarding Tip relative to its reference element.
           * @default "right"
          */
-        "placement": OnboardingTipPlacement;
+        "placement": TooltipPlacement;
     }
     interface DsoOzonContent {
         /**
@@ -1277,6 +1320,8 @@ export namespace Components {
     }
     interface DsoTabs {
     }
+    interface DsoTijdreisBanner {
+    }
     interface DsoToggletip {
         /**
           * Toggletip label.
@@ -1488,6 +1533,14 @@ export interface DsoHeaderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsoHeaderElement;
 }
+export interface DsoHistoryItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsoHistoryItemElement;
+}
+export interface DsoIconButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsoIconButtonElement;
+}
 export interface DsoInfoCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsoInfoElement;
@@ -1962,12 +2015,46 @@ declare global {
         prototype: HTMLDsoHighlightBoxElement;
         new (): HTMLDsoHighlightBoxElement;
     };
+    interface HTMLDsoHistoryItemElementEventMap {
+        "dsoClick": HistoryItemClickEvent;
+    }
+    interface HTMLDsoHistoryItemElement extends Components.DsoHistoryItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoHistoryItemElementEventMap>(type: K, listener: (this: HTMLDsoHistoryItemElement, ev: DsoHistoryItemCustomEvent<HTMLDsoHistoryItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDsoHistoryItemElementEventMap>(type: K, listener: (this: HTMLDsoHistoryItemElement, ev: DsoHistoryItemCustomEvent<HTMLDsoHistoryItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDsoHistoryItemElement: {
+        prototype: HTMLDsoHistoryItemElement;
+        new (): HTMLDsoHistoryItemElement;
+    };
     interface HTMLDsoIconElement extends Components.DsoIcon, HTMLStencilElement {
     }
     var HTMLDsoIconElement: {
         prototype: HTMLDsoIconElement;
         new (): HTMLDsoIconElement;
     };
+    interface HTMLDsoIconButtonElementEventMap {
+        "dsoClick": IconButtonClickEvent;
+    }
+    interface HTMLDsoIconButtonElement extends Components.DsoIconButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoIconButtonElementEventMap>(type: K, listener: (this: HTMLDsoIconButtonElement, ev: DsoIconButtonCustomEvent<HTMLDsoIconButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDsoIconButtonElementEventMap>(type: K, listener: (this: HTMLDsoIconButtonElement, ev: DsoIconButtonCustomEvent<HTMLDsoIconButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDsoIconButtonElement: {
+        prototype: HTMLDsoIconButtonElement;
+        new (): HTMLDsoIconButtonElement;
+    };
     interface HTMLDsoImageOverlayElement extends Components.DsoImageOverlay, HTMLStencilElement {
     }
     var HTMLDsoImageOverlayElement: {
@@ -2444,6 +2531,12 @@ declare global {
         prototype: HTMLDsoTabsElement;
         new (): HTMLDsoTabsElement;
     };
+    interface HTMLDsoTijdreisBannerElement extends Components.DsoTijdreisBanner, HTMLStencilElement {
+    }
+    var HTMLDsoTijdreisBannerElement: {
+        prototype: HTMLDsoTijdreisBannerElement;
+        new (): HTMLDsoTijdreisBannerElement;
+    };
     interface HTMLDsoToggletipElement extends Components.DsoToggletip, HTMLStencilElement {
     }
     var HTMLDsoToggletipElement: {
@@ -2544,7 +2637,9 @@ declare global {
         "dso-expandable": HTMLDsoExpandableElement;
         "dso-header": HTMLDsoHeaderElement;
         "dso-highlight-box": HTMLDsoHighlightBoxElement;
+        "dso-history-item": HTMLDsoHistoryItemElement;
         "dso-icon": HTMLDsoIconElement;
+        "dso-icon-button": HTMLDsoIconButtonElement;
         "dso-image-overlay": HTMLDsoImageOverlayElement;
         "dso-info": HTMLDsoInfoElement;
         "dso-info-button": HTMLDsoInfoButtonElement;
@@ -2576,6 +2671,7 @@ declare global {
         "dso-tab": HTMLDsoTabElement;
         "dso-table": HTMLDsoTableElement;
         "dso-tabs": HTMLDsoTabsElement;
+        "dso-tijdreis-banner": HTMLDsoTijdreisBannerElement;
         "dso-toggletip": HTMLDsoToggletipElement;
         "dso-tooltip": HTMLDsoTooltipElement;
         "dso-tree-view": HTMLDsoTreeViewElement;
@@ -3180,9 +3276,8 @@ declare namespace LocalJSX {
         "genesteOntwerpInformatie"?: boolean;
         /**
           * Marks Document Component as reserved.
-          * @default false
          */
-        "gereserveerd"?: boolean;
+        "gereserveerd"?: DocumentComponentInputType | undefined;
         /**
           * The heading element to use.
           * @default "h2"
@@ -3195,11 +3290,11 @@ declare namespace LocalJSX {
         /**
           * The Inhoud XML.
          */
-        "inhoud"?: DocumentComponentInputType;
+        "inhoud"?: DocumentComponentInputType | undefined;
         /**
           * The Kop XML.
          */
-        "kop"?: DocumentComponentInputType;
+        "kop"?: DocumentComponentInputType | undefined;
         /**
           * To mark text.
          */
@@ -3262,9 +3357,8 @@ declare namespace LocalJSX {
         "type"?: string;
         /**
           * Marks the Document Component as expired.
-          * @default false
          */
-        "vervallen"?: boolean;
+        "vervallen"?: DocumentComponentInputType | undefined;
         /**
           * The wijzigactie as in STOP.
          */
@@ -3392,12 +3486,55 @@ declare namespace LocalJSX {
          */
         "yellow"?: boolean;
     }
+    interface DsoHistoryItem {
+        /**
+          * The optional URL to which the History Item title links. Needs to be provided when slot `title` is used.
+         */
+        "href"?: string;
+        /**
+          * Emitted when the History Item title is clicked.
+         */
+        "onDsoClick"?: (event: DsoHistoryItemCustomEvent<HistoryItemClickEvent>) => void;
+        /**
+          * The type of History Item
+         */
+        "type": HistoryItemType;
+    }
     interface DsoIcon {
         /**
           * The alias of the icon.
          */
         "icon"?: string;
     }
+    interface DsoIconButton {
+        /**
+          * To disable the Icon Button
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * The alias of the icon in the button.
+         */
+        "icon": string | undefined;
+        /**
+          * The label of the Icon Button which is shown on hover in a tooltip.
+         */
+        "label": string | undefined;
+        /**
+          * Emitted when the user clicks the Icon Button.
+         */
+        "onDsoClick"?: (event: DsoIconButtonCustomEvent<IconButtonClickEvent>) => void;
+        /**
+          * The placement of the tooltip on hover and focus of the Icon Button.
+          * @default "top"
+         */
+        "tooltipPlacement"?: TooltipPlacement;
+        /**
+          * The variant of the Icon Button.
+          * @default "secondary"
+         */
+        "variant"?: IconButtonVariant;
+    }
     interface DsoImageOverlay {
         /**
           * The wijzigactie.
@@ -3726,7 +3863,7 @@ declare namespace LocalJSX {
           * Where to place the Onboarding Tip relative to its reference element.
           * @default "right"
          */
-        "placement"?: OnboardingTipPlacement;
+        "placement"?: TooltipPlacement;
     }
     interface DsoOzonContent {
         /**
@@ -4015,6 +4152,8 @@ declare namespace LocalJSX {
     }
     interface DsoTabs {
     }
+    interface DsoTijdreisBanner {
+    }
     interface DsoToggletip {
         /**
           * Toggletip label.
@@ -4222,7 +4361,9 @@ declare namespace LocalJSX {
         "dso-expandable": DsoExpandable;
         "dso-header": DsoHeader;
         "dso-highlight-box": DsoHighlightBox;
+        "dso-history-item": DsoHistoryItem;
         "dso-icon": DsoIcon;
+        "dso-icon-button": DsoIconButton;
         "dso-image-overlay": DsoImageOverlay;
         "dso-info": DsoInfo;
         "dso-info-button": DsoInfoButton;
@@ -4254,6 +4395,7 @@ declare namespace LocalJSX {
         "dso-tab": DsoTab;
         "dso-table": DsoTable;
         "dso-tabs": DsoTabs;
+        "dso-tijdreis-banner": DsoTijdreisBanner;
         "dso-toggletip": DsoToggletip;
         "dso-tooltip": DsoTooltip;
         "dso-tree-view": DsoTreeView;
@@ -4295,7 +4437,9 @@ declare module "@stencil/core" {
             "dso-expandable": LocalJSX.DsoExpandable & JSXBase.HTMLAttributes<HTMLDsoExpandableElement>;
             "dso-header": LocalJSX.DsoHeader & JSXBase.HTMLAttributes<HTMLDsoHeaderElement>;
             "dso-highlight-box": LocalJSX.DsoHighlightBox & JSXBase.HTMLAttributes<HTMLDsoHighlightBoxElement>;
+            "dso-history-item": LocalJSX.DsoHistoryItem & JSXBase.HTMLAttributes<HTMLDsoHistoryItemElement>;
             "dso-icon": LocalJSX.DsoIcon & JSXBase.HTMLAttributes<HTMLDsoIconElement>;
+            "dso-icon-button": LocalJSX.DsoIconButton & JSXBase.HTMLAttributes<HTMLDsoIconButtonElement>;
             "dso-image-overlay": LocalJSX.DsoImageOverlay & JSXBase.HTMLAttributes<HTMLDsoImageOverlayElement>;
             "dso-info": LocalJSX.DsoInfo & JSXBase.HTMLAttributes<HTMLDsoInfoElement>;
             "dso-info-button": LocalJSX.DsoInfoButton & JSXBase.HTMLAttributes<HTMLDsoInfoButtonElement>;
@@ -4330,6 +4474,7 @@ declare module "@stencil/core" {
             "dso-tab": LocalJSX.DsoTab & JSXBase.HTMLAttributes<HTMLDsoTabElement>;
             "dso-table": LocalJSX.DsoTable & JSXBase.HTMLAttributes<HTMLDsoTableElement>;
             "dso-tabs": LocalJSX.DsoTabs & JSXBase.HTMLAttributes<HTMLDsoTabsElement>;
+            "dso-tijdreis-banner": LocalJSX.DsoTijdreisBanner & JSXBase.HTMLAttributes<HTMLDsoTijdreisBannerElement>;
             "dso-toggletip": LocalJSX.DsoToggletip & JSXBase.HTMLAttributes<HTMLDsoToggletipElement>;
             "dso-tooltip": LocalJSX.DsoTooltip & JSXBase.HTMLAttributes<HTMLDsoTooltipElement>;
             "dso-tree-view": LocalJSX.DsoTreeView & JSXBase.HTMLAttributes<HTMLDsoTreeViewElement>;

package/dist/types/functional-components/tooltip/position-tooltip.function.d.ts

@@ -0,0 +1,8 @@
+import { TooltipOptions } from "./tooltip.interfaces";
+/**
+ * Positions the Tooltip relative to its reference element.
+ * The position is recalculated automatically on scroll, resize, or
+ * element changes via `autoUpdate`, but is otherwise based only on the
+ * provided arguments 'placementTip', 'topPositionSmallViewPort' and 'halfMainAxisOffset'.
+ */
+export declare function positionTooltip(options: TooltipOptions): () => void;

package/dist/types/functional-components/tooltip/tooltip.functional-component.d.ts

@@ -0,0 +1,9 @@
+import { FunctionalComponent } from "../../stencil-public-runtime";
+interface TooltipProps {
+    visible: boolean;
+    onAfterHidden: () => void;
+    tipElementRef: (ref: HTMLDivElement | undefined) => void;
+    tipArrowElementRef: (ref: HTMLSpanElement | undefined) => void;
+}
+export declare const Tooltip: FunctionalComponent<TooltipProps>;
+export {};

package/dist/types/functional-components/tooltip/tooltip.interfaces.d.ts

@@ -0,0 +1,12 @@
+import { Placement, autoUpdate } from "@floating-ui/dom";
+export type TooltipClean = ReturnType<typeof autoUpdate>;
+export type TooltipPlacement = "top" | "right" | "bottom" | "left";
+export type TooltipOptions = {
+    referenceElement: HTMLElement;
+    tipRef: HTMLElement;
+    tipArrowRef: HTMLElement;
+    placementTip: Placement;
+    topPositionSmallViewPort?: boolean;
+    halfMainAxisOffset?: boolean;
+    forceVisible?: boolean;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dso-toolkit/core",
-  "version": "79.0.1",
+  "version": "80.0.0",
   "description": "DSO Toolkit Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/components/index.js",
@@ -24,7 +24,7 @@
     "@stencil/core": "4.36.1",
     "@stencil/store": "^2.2.0",
     "clsx": "^2.1.1",
-    "dso-toolkit": "^79.0.1",
+    "dso-toolkit": "^80.0.0",
     "escape-string-regexp": "^5.0.0",
     "focus-trap": "^7.6.4",
     "i18next": "^25.2.0",
@@ -57,7 +57,7 @@
     "typescript": "~5.8.3"
   },
   "peerDependencies": {
-    "dso-toolkit": "79.0.1"
+    "dso-toolkit": "80.0.0"
   },
   "nx": {
     "includedScripts": []