@dso-toolkit/core 79.0.1 → 80.0.0

package/dist/esm/position-tooltip.function-CozxeEX7.js

@@ -0,0 +1,100 @@
+import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow, h as hide } from './floating-ui.dom-gdsca1fx.js';
+
+/**
+ * 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'.
+ */
+function positionTooltip(options) {
+    const { referenceElement, tipRef, tipArrowRef, placementTip, topPositionSmallViewPort, halfMainAxisOffset, forceVisible = false, } = options;
+    return autoUpdate(referenceElement, tipRef, () => {
+        const padding = 5;
+        const arrowLength = tipArrowRef.offsetWidth;
+        const axisOffsetCalc = Math.sqrt(2 * arrowLength ** 2);
+        const mainAxisOffset = halfMainAxisOffset ? axisOffsetCalc / 2 : axisOffsetCalc;
+        const arrowPadding = arrowLength * Math.sqrt(2) * 1.5;
+        const smallViewport = topPositionSmallViewPort && document.body.clientWidth < 992;
+        // Set placement to top if viewport is small and topPositionSmallViewPort is set to true
+        const placement = smallViewport ? "top" : placementTip;
+        computePosition(referenceElement, tipRef, {
+            strategy: "fixed",
+            middleware: [
+                offset({
+                    mainAxis: mainAxisOffset,
+                    alignmentAxis: -arrowPadding,
+                }),
+                flip({
+                    padding,
+                }),
+                shift({
+                    padding,
+                }),
+                arrow({
+                    padding: arrowPadding,
+                    element: tipArrowRef,
+                }),
+                hide({
+                    padding: arrowPadding + arrowLength + padding,
+                }),
+            ],
+            placement,
+        }).then(({ x, y, middlewareData, placement: computedPlacement, strategy }) => {
+            if (middlewareData.hide) {
+                // Tooltip needs to be visible at all times on small viewports or when forceVisible is true
+                const disappear = !smallViewport && !forceVisible && middlewareData.hide.referenceHidden;
+                Object.assign(tipRef.style, {
+                    // Both of these properties have a CSS transition
+                    visibility: disappear ? "hidden" : "visible",
+                    opacity: disappear ? 0 : 1,
+                });
+            }
+            Object.assign(tipRef.style, {
+                left: `${x}px`,
+                top: `${y}px`,
+                strategy,
+            });
+            const side = computedPlacement.split("-")[0];
+            const staticSide = side
+                ? {
+                    top: "bottom",
+                    right: "left",
+                    bottom: "top",
+                    left: "right",
+                }[side]
+                : "top";
+            let angle;
+            switch (staticSide) {
+                default:
+                case "top":
+                    angle = 45;
+                    break;
+                case "right":
+                    angle = 135;
+                    break;
+                case "bottom":
+                    angle = 225;
+                    break;
+                case "left":
+                    angle = 315;
+                    break;
+            }
+            if (middlewareData.arrow && staticSide) {
+                const { x: arrowX, y: arrowY } = middlewareData.arrow;
+                Object.assign(tipArrowRef.style, {
+                    right: "",
+                    bottom: "",
+                    left: arrowX ? `${arrowX}px` : "",
+                    top: arrowY ? `${arrowY}px` : "",
+                    [staticSide]: `${-arrowLength / 2}px`,
+                    transform: `rotate(${angle}deg)`,
+                });
+            }
+        });
+    });
+}
+
+export { positionTooltip as p };
+//# sourceMappingURL=position-tooltip.function-CozxeEX7.js.map
+
+//# sourceMappingURL=position-tooltip.function-CozxeEX7.js.map

package/dist/esm/position-tooltip.function-CozxeEX7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"position-tooltip.function-CozxeEX7.js","sources":["src/functional-components/tooltip/position-tooltip.function.ts"],"sourcesContent":["import { Placement, arrow, autoUpdate, computePosition, flip, hide, offset, shift } from \"@floating-ui/dom\";\r\n\r\nimport { TooltipOptions } from \"./tooltip.interfaces\";\r\n\r\n/**\r\n * Positions the Tooltip relative to its reference element.\r\n * The position is recalculated automatically on scroll, resize, or\r\n * element changes via `autoUpdate`, but is otherwise based only on the\r\n * provided arguments 'placementTip', 'topPositionSmallViewPort' and 'halfMainAxisOffset'.\r\n */\r\nexport function positionTooltip(options: TooltipOptions) {\r\n  const {\r\n    referenceElement,\r\n    tipRef,\r\n    tipArrowRef,\r\n    placementTip,\r\n    topPositionSmallViewPort,\r\n    halfMainAxisOffset,\r\n    forceVisible = false,\r\n  } = options;\r\n\r\n  return autoUpdate(referenceElement, tipRef, () => {\r\n    const padding = 5;\r\n    const arrowLength = tipArrowRef.offsetWidth;\r\n    const axisOffsetCalc = Math.sqrt(2 * arrowLength ** 2);\r\n    const mainAxisOffset = halfMainAxisOffset ? axisOffsetCalc / 2 : axisOffsetCalc;\r\n    const arrowPadding = arrowLength * Math.sqrt(2) * 1.5;\r\n    const smallViewport = topPositionSmallViewPort && document.body.clientWidth < 992;\r\n\r\n    // Set placement to top if viewport is small and topPositionSmallViewPort is set to true\r\n    const placement: Placement = smallViewport ? \"top\" : placementTip;\r\n\r\n    computePosition(referenceElement, tipRef, {\r\n      strategy: \"fixed\",\r\n      middleware: [\r\n        offset({\r\n          mainAxis: mainAxisOffset,\r\n          alignmentAxis: -arrowPadding,\r\n        }),\r\n        flip({\r\n          padding,\r\n        }),\r\n        shift({\r\n          padding,\r\n        }),\r\n        arrow({\r\n          padding: arrowPadding,\r\n          element: tipArrowRef,\r\n        }),\r\n        hide({\r\n          padding: arrowPadding + arrowLength + padding,\r\n        }),\r\n      ],\r\n      placement,\r\n    }).then(({ x, y, middlewareData, placement: computedPlacement, strategy }) => {\r\n      if (middlewareData.hide) {\r\n        // Tooltip needs to be visible at all times on small viewports or when forceVisible is true\r\n        const disappear = !smallViewport && !forceVisible && middlewareData.hide.referenceHidden;\r\n\r\n        Object.assign(tipRef.style, {\r\n          // Both of these properties have a CSS transition\r\n          visibility: disappear ? \"hidden\" : \"visible\",\r\n          opacity: disappear ? 0 : 1,\r\n        });\r\n      }\r\n\r\n      Object.assign(tipRef.style, {\r\n        left: `${x}px`,\r\n        top: `${y}px`,\r\n        strategy,\r\n      });\r\n\r\n      const side = computedPlacement.split(\"-\")[0];\r\n\r\n      const staticSide = side\r\n        ? {\r\n            top: \"bottom\",\r\n            right: \"left\",\r\n            bottom: \"top\",\r\n            left: \"right\",\r\n          }[side]\r\n        : \"top\";\r\n\r\n      let angle;\r\n      switch (staticSide) {\r\n        default:\r\n        case \"top\":\r\n          angle = 45;\r\n          break;\r\n        case \"right\":\r\n          angle = 135;\r\n          break;\r\n        case \"bottom\":\r\n          angle = 225;\r\n          break;\r\n        case \"left\":\r\n          angle = 315;\r\n          break;\r\n      }\r\n\r\n      if (middlewareData.arrow && staticSide) {\r\n        const { x: arrowX, y: arrowY } = middlewareData.arrow;\r\n\r\n        Object.assign(tipArrowRef.style, {\r\n          right: \"\",\r\n          bottom: \"\",\r\n          left: arrowX ? `${arrowX}px` : \"\",\r\n          top: arrowY ? `${arrowY}px` : \"\",\r\n          [staticSide]: `${-arrowLength / 2}px`,\r\n          transform: `rotate(${angle}deg)`,\r\n        });\r\n      }\r\n    });\r\n  });\r\n}\r\n"],"names":[],"mappings":";;AAIA;;;;;AAKG;AACG,SAAU,eAAe,CAAC,OAAuB,EAAA;AACrD,IAAA,MAAM,EACJ,gBAAgB,EAChB,MAAM,EACN,WAAW,EACX,YAAY,EACZ,wBAAwB,EACxB,kBAAkB,EAClB,YAAY,GAAG,KAAK,GACrB,GAAG,OAAO;AAEX,IAAA,OAAO,UAAU,CAAC,gBAAgB,EAAE,MAAM,EAAE,MAAK;QAC/C,MAAM,OAAO,GAAG,CAAC;AACjB,QAAA,MAAM,WAAW,GAAG,WAAW,CAAC,WAAW;AAC3C,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,WAAW,IAAI,CAAC,CAAC;AACtD,QAAA,MAAM,cAAc,GAAG,kBAAkB,GAAG,cAAc,GAAG,CAAC,GAAG,cAAc;AAC/E,QAAA,MAAM,YAAY,GAAG,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG;QACrD,MAAM,aAAa,GAAG,wBAAwB,IAAI,QAAQ,CAAC,IAAI,CAAC,WAAW,GAAG,GAAG;;QAGjF,MAAM,SAAS,GAAc,aAAa,GAAG,KAAK,GAAG,YAAY;AAEjE,QAAA,eAAe,CAAC,gBAAgB,EAAE,MAAM,EAAE;AACxC,YAAA,QAAQ,EAAE,OAAO;AACjB,YAAA,UAAU,EAAE;AACV,gBAAA,MAAM,CAAC;AACL,oBAAA,QAAQ,EAAE,cAAc;oBACxB,aAAa,EAAE,CAAC,YAAY;iBAC7B,CAAC;AACF,gBAAA,IAAI,CAAC;oBACH,OAAO;iBACR,CAAC;AACF,gBAAA,KAAK,CAAC;oBACJ,OAAO;iBACR,CAAC;AACF,gBAAA,KAAK,CAAC;AACJ,oBAAA,OAAO,EAAE,YAAY;AACrB,oBAAA,OAAO,EAAE,WAAW;iBACrB,CAAC;AACF,gBAAA,IAAI,CAAC;AACH,oBAAA,OAAO,EAAE,YAAY,GAAG,WAAW,GAAG,OAAO;iBAC9C,CAAC;AACH,aAAA;YACD,SAAS;AACV,SAAA,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,cAAc,EAAE,SAAS,EAAE,iBAAiB,EAAE,QAAQ,EAAE,KAAI;AAC3E,YAAA,IAAI,cAAc,CAAC,IAAI,EAAE;;AAEvB,gBAAA,MAAM,SAAS,GAAG,CAAC,aAAa,IAAI,CAAC,YAAY,IAAI,cAAc,CAAC,IAAI,CAAC,eAAe;AAExF,gBAAA,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE;;oBAE1B,UAAU,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS;oBAC5C,OAAO,EAAE,SAAS,GAAG,CAAC,GAAG,CAAC;AAC3B,iBAAA,CAAC;;AAGJ,YAAA,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE;gBAC1B,IAAI,EAAE,CAAG,EAAA,CAAC,CAAI,EAAA,CAAA;gBACd,GAAG,EAAE,CAAG,EAAA,CAAC,CAAI,EAAA,CAAA;gBACb,QAAQ;AACT,aAAA,CAAC;YAEF,MAAM,IAAI,GAAG,iBAAiB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YAE5C,MAAM,UAAU,GAAG;AACjB,kBAAE;AACE,oBAAA,GAAG,EAAE,QAAQ;AACb,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,MAAM,EAAE,KAAK;AACb,oBAAA,IAAI,EAAE,OAAO;AACd,iBAAA,CAAC,IAAI;kBACN,KAAK;AAET,YAAA,IAAI,KAAK;YACT,QAAQ,UAAU;gBAChB;AACA,gBAAA,KAAK,KAAK;oBACR,KAAK,GAAG,EAAE;oBACV;AACF,gBAAA,KAAK,OAAO;oBACV,KAAK,GAAG,GAAG;oBACX;AACF,gBAAA,KAAK,QAAQ;oBACX,KAAK,GAAG,GAAG;oBACX;AACF,gBAAA,KAAK,MAAM;oBACT,KAAK,GAAG,GAAG;oBACX;;AAGJ,YAAA,IAAI,cAAc,CAAC,KAAK,IAAI,UAAU,EAAE;AACtC,gBAAA,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC,KAAK;AAErD,gBAAA,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,EAAE;AAC/B,oBAAA,KAAK,EAAE,EAAE;AACT,oBAAA,MAAM,EAAE,EAAE;oBACV,IAAI,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAI,EAAA,CAAA,GAAG,EAAE;oBACjC,GAAG,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAI,EAAA,CAAA,GAAG,EAAE;oBAChC,CAAC,UAAU,GAAG,CAAA,EAAG,CAAC,WAAW,GAAG,CAAC,CAAI,EAAA,CAAA;oBACrC,SAAS,EAAE,CAAU,OAAA,EAAA,KAAK,CAAM,IAAA,CAAA;AACjC,iBAAA,CAAC;;AAEN,SAAC,CAAC;AACJ,KAAC,CAAC;AACJ;;;;"}

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

@@ -12,14 +12,20 @@ export declare class DocumentComponent implements ComponentInterface {
      * The heading element to use.
      */
     heading: "h2" | "h3" | "h4" | "h5" | "h6";
+    private _kopInput?;
+    private _kop?;
     /**
      * The Kop XML.
      */
-    kop?: DocumentComponentInputType;
+    get kop(): DocumentComponentInputType | undefined;
+    set kop(value: DocumentComponentInputType | undefined);
+    private _inhoudInput?;
+    private _inhoud?;
     /**
      * The Inhoud XML.
      */
-    inhoud?: DocumentComponentInputType;
+    get inhoud(): DocumentComponentInputType | undefined;
+    set inhoud(value: DocumentComponentInputType | undefined);
     /**
      * This boolean attribute indicates whether the children are visible.
      */
@@ -44,14 +50,20 @@ export declare class DocumentComponent implements ComponentInterface {
      * Enables annotations.
      */
     annotated: boolean;
+    private _gereserveerdInput?;
+    private _gereserveerd?;
     /**
      * Marks Document Component as reserved.
      */
-    gereserveerd: boolean;
+    get gereserveerd(): DocumentComponentInputType | undefined;
+    set gereserveerd(value: DocumentComponentInputType | undefined);
+    private _vervallenInput?;
+    private _vervallen?;
     /**
      * Marks the Document Component as expired.
      */
-    vervallen: boolean;
+    get vervallen(): DocumentComponentInputType | undefined;
+    set vervallen(value: DocumentComponentInputType | undefined);
     /**
      * When the Annotation is opened, set this to true.
      */
@@ -118,10 +130,10 @@ export declare class DocumentComponent implements ComponentInterface {
     dsoMarkItemHighlight: EventEmitter<DocumentComponentMarkItemHighlightEvent>;
     private get wijzigactieLabel();
     private handleHeadingClick;
-    private suffix;
     private handleOzonContentAnchorClick;
     private handleOzonContentClick;
     private handleRecursiveToggleClick;
     private showOntwerpBadge;
+    private parseAantekenElement;
     render(): any;
 }

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

@@ -33,4 +33,8 @@ export interface DocumentComponentTableOfContentsClickEvent {
     /** True when user clicked the document component heading while holding Ctrl, Alt or other modifiers, or when the document component heading is right-clicked. Can be used to determine navigation. */
     isModifiedEvent: boolean;
 }
+export interface DocumentComponentAantekenElement {
+    type: "Vervallen" | "Gereserveerd";
+    wijzigactie?: DocumentComponentWijzigactie;
+}
 export {};

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

@@ -1,5 +1,5 @@
 import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
-import { OzonContentUrlResolver } from "../../components";
+import { DocumentComponentInputType, OzonContentUrlResolver } from "../../components";
 import { DocumentComponentMode, DocumentComponentOzonContentAnchorClickEvent, DocumentComponentTableOfContentsClickEvent, DocumentComponentWijzigactie } from "../document-component/document-component.interfaces";
 interface DocumentEmbedded {
     _embedded?: {
@@ -13,8 +13,8 @@ interface DocumentComponent extends DocumentEmbedded {
     volgordeNummer: number;
     inhoud?: string;
     kop?: string;
-    gereserveerd?: boolean;
-    vervallen?: boolean;
+    gereserveerd?: DocumentComponentInputType;
+    vervallen?: DocumentComponentInputType;
     bevatOntwerpInformatie?: boolean;
     wijzigactie?: DocumentComponentWijzigactie;
     mode: DocumentComponentMode;

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

@@ -0,0 +1,33 @@
+import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
+import { HistoryItemClickEvent, HistoryItemType } from "./history-item.interfaces";
+/**
+ * @slot date - The slot to place a string that holds a date in.
+ * @slot status - The slot to place the status message in.
+ * @slot title - An optional slot to place the title in. When used, the property `href` must be set.
+ * @slot explanation - An optional slot to place explanation in.
+ * @slot warning - An optional slot to place a warning in.
+ */
+export declare class HistoryItem implements ComponentInterface {
+    private typeIcons;
+    host: HTMLDsoHistoryItemElement;
+    /**
+     * The type of History Item
+     */
+    type: HistoryItemType;
+    /**
+     * 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.
+     */
+    dsoClick: EventEmitter<HistoryItemClickEvent>;
+    private mutationObserver?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private clickEventHandler;
+    get titleSlottedElement(): Element | null;
+    get explanationSlottedElement(): Element | null;
+    get warningSlottedElement(): Element | null;
+    render(): any;
+}

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

@@ -0,0 +1,6 @@
+export type HistoryItemType = "in-werking" | "besluit" | "tijdelijk-regelingdeel" | "waarschuwing" | "ontwerp";
+export interface HistoryItemClickEvent {
+    originalEvent: MouseEvent;
+    /** 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;
+}

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

@@ -0,0 +1,45 @@
+import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
+import { TooltipPlacement } from "../../functional-components/tooltip/tooltip.interfaces";
+import { IconButtonClickEvent, IconButtonVariant } from "./icon-button.interfaces";
+export declare class IconButton implements ComponentInterface {
+    /**
+     * 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;
+    /**
+     * The variant of the Icon Button.
+     */
+    variant?: IconButtonVariant;
+    /**
+     * The placement of the tooltip on hover and focus of the Icon Button.
+     */
+    tooltipPlacement: TooltipPlacement;
+    /**
+     * To disable the Icon Button
+     */
+    disabled: boolean;
+    /**
+     * Emitted when the user clicks the Icon Button.
+     */
+    dsoClick: EventEmitter<IconButtonClickEvent>;
+    showTooltip: boolean;
+    /**
+     * Focuses the button.
+     */
+    setFocus(): Promise<void>;
+    private buttonElRef?;
+    private tooltipElRef?;
+    private tipArrowElRef?;
+    private tooltipTimeout?;
+    private cleanUp;
+    private lastClickTime;
+    private tooltipShowDelay;
+    private handleShowTooltip;
+    private handleHideTooltip;
+    private handleClick;
+    render(): any;
+}

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

@@ -0,0 +1,4 @@
+export type IconButtonVariant = "secondary" | "tertiary" | "map";
+export interface IconButtonClickEvent {
+    originalEvent: MouseEvent;
+}

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

@@ -7,7 +7,7 @@ export declare class ImageOverlay implements ComponentInterface {
     wijzigactie?: string;
     active: boolean;
     zoomable: boolean;
-    private buttonElement;
+    private iconButtonElement;
     private wrapperElement;
     private trap;
     private titelSlot;

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

@@ -2,6 +2,7 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { InfoButtonToggleEvent } from "./info-button.interfaces";
 export declare class InfoButton {
     private button?;
+    private buttonSecondary?;
     /**
      * Whether the InfoButton is active.
      */

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

@@ -1,23 +1,20 @@
 import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
-import { OnboardingTipCloseEvent, OnboardingTipPlacement } from "./onboarding-tip.interfaces";
+import { TooltipPlacement } from "../../functional-components/tooltip/tooltip.interfaces";
+import { OnboardingTipCloseEvent } from "./onboarding-tip.interfaces";
 export declare class OnboardingTip implements ComponentInterface {
     private host;
     /**
      * Where to place the Onboarding Tip relative to its reference element.
      */
-    placement: OnboardingTipPlacement;
+    placement: TooltipPlacement;
     /**
      * Emitted when the user closes the Onboarding Tip.
      */
     dsoClose: EventEmitter<OnboardingTipCloseEvent>;
     ready: boolean;
+    popoverOpen: boolean;
     componentDidRender(): void;
     disconnectedCallback(): void;
-    /**
-     * This function positions the Onboarding Tip relative to its reference element. It is static so the position is calculated
-     * only using the passed arguments.
-     */
-    private static positionTip;
     render(): any;
     private tipArrowRef;
     private get headingSlottedElement();

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

@@ -1,4 +1,3 @@
-export type OnboardingTipPlacement = "top" | "right" | "bottom" | "left";
 export interface OnboardingTipCloseEvent {
     originalEvent?: MouseEvent | Event;
 }

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

@@ -0,0 +1,4 @@
+import { ComponentInterface } from "../../stencil-public-runtime";
+export declare class TijdreisBanner implements ComponentInterface {
+    render(): any;
+}

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

@@ -1,5 +1,6 @@
 import { FunctionalComponent } from "../../../stencil-public-runtime";
 export interface ViewerGridFilterPanelProps {
+    open: boolean;
     title?: string;
     ref: ((element: HTMLDialogElement | undefined) => void) | undefined;
     dsoCloseFilterPanel: (event: MouseEvent | Event) => void;