@dso-toolkit/core 93.0.1 → 95.0.0

package/dist/collection/components/table/table.js

@@ -7,9 +7,6 @@ export class Table {
          */
         this.noModal = false;
         this.modalActive = false;
-        this.dialogCloseEventListener = () => {
-            this.closeModal();
-        };
     }
     startResponsiveBehavior() {
         this.resizeObserver?.observe(this.host);
@@ -20,18 +17,13 @@ export class Table {
     componentDidLoad() {
         this.startResponsiveBehavior();
     }
-    componentDidRender() {
-        if (this.modalActive) {
-            this.dialogElement?.showModal();
-        }
-    }
     disconnectedCallback() {
         this.resizeObserver?.disconnect();
     }
     render() {
         const caption = this.host.querySelector(":scope > table > caption")?.textContent?.trim();
         const dialogLabel = caption || "Uitvergrote tabel";
-        return (h(Host, { key: 'ce32806b2e7be5a2c6c76203fd9a6caf72da5e7b', "is-responsive": this.isResponsive?.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: '9b42504f9ccf434da80bf5efe1c6bb20f72219a3', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (h("dialog", { class: "dso-modal", ref: (element) => (this.dialogElement = element), onClose: this.dialogCloseEventListener, "aria-label": dialogLabel }, h("div", { class: "dso-dialog dso-table-dialog" }, h("div", { class: "dso-header" }, h("h2", { class: { "sr-only": !caption } }, dialogLabel), h("dso-icon-button", { icon: "cross", variant: "tertiary", class: "dso-close", label: "Sluiten", onClick: () => this.closeModal() })), h("div", { class: "dso-body dso-table-body" }, h("slot", null))))) : (h(Fragment, null, h("div", { class: "dso-table-utilities", hidden: !this.isResponsive && this.noModal }, this.isResponsive && (h("div", { class: "dso-responsive-message" }, h("span", null, "beweeg de tabel van links naar rechts"))), !this.noModal && (h("button", { type: "button", class: "dso-tertiary open-modal-button", onClick: () => this.openModal() }, h("span", { class: "sr-only" }, "tabel ", caption ?? "", " "), h("span", null, "vergroten"), h("dso-icon", { icon: "external-link" })))), h("div", { class: "dso-table-body" }, h("slot", null))))));
+        return (h(Host, { key: 'db1c75206b568297a2b6371a470baf2bd3ac0a0b', "is-responsive": this.isResponsive?.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: 'a2c8226b04cacd8745f4ad3df29dac7f2fff5a40', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (h("dso-modal", { modalTitle: caption ? dialogLabel : undefined, closable: true, returnFocus: false, onDsoClose: () => this.closeModal() }, !caption && (h("span", { slot: "body", class: "sr-only" }, dialogLabel)), h("div", { slot: "body", class: "dso-table-body" }, h("slot", null)))) : (h(Fragment, null, h("div", { class: "dso-table-utilities", hidden: !this.isResponsive && this.noModal }, this.isResponsive && (h("div", { class: "dso-responsive-message" }, h("span", null, "beweeg de tabel van links naar rechts"))), !this.noModal && (h("button", { type: "button", class: "dso-tertiary open-modal-button", onClick: () => this.openModal() }, h("span", { class: "sr-only" }, "tabel ", caption ?? "", " "), h("span", null, "vergroten"), h("dso-icon", { icon: "external-link" })))), h("div", { class: "dso-table-body" }, h("slot", null))))));
     }
     openModal() {
         this.placeholderHeight = this.host.clientHeight;
@@ -39,7 +31,6 @@ export class Table {
     }
     closeModal() {
         this.placeholderHeight = undefined;
-        this.dialogElement?.close();
         this.modalActive = false;
     }
     setResponsiveTable([dsoTable]) {

package/dist/collection/components/tabs/tabs.js

@@ -60,7 +60,7 @@ export class Tabs {
         this.mutationObserver?.disconnect();
     }
     render() {
-        return (h(Host, { key: '618183241005a5b58cdf86bd52f0522cdb67f82f' }, h("div", { key: '9f0e7d3b93dcb319b85cd014c061c2b79cdf4f77', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: '163dc6d4208ffa5127e2844e8fabc506b024950a' })), h("div", { key: '16089b11d2f8a750f33a0033bef4956ba1d51e56', role: "tabpanel", tabindex: "0" }, h("slot", { key: 'b78b75a6ef58aa93f1b1480c058a75eb621517d6', name: "panel" }))));
+        return (h(Host, { key: 'eda4f3cabd4f4a373ebf5e5b2fce9c5a336f4680' }, h("div", { key: '445a0b6a745a1f45eca44ca59def6f4557904748', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: 'd344d2c68cc0bd6d0abbea591a7ffa22b17dbdf7' })), h("div", { key: 'c17a1774b3cf81c30e07c0c8446f05d8a6e86b95', role: "tabpanel", tabindex: "0" }, h("slot", { key: 'c32d940c2e5fe01b67919d7253bb5d2666146f6f', name: "panel" }))));
     }
     static get is() { return "dso-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tijdreis-banner/tijdreis-banner.js

@@ -1,7 +1,7 @@
 import { Fragment, h } from "@stencil/core";
 export class TijdreisBanner {
     render() {
-        return (h(Fragment, { key: '7ba47d25fe56b00bc834640a6790d07debb6733a' }, h("dso-icon", { key: '3923d9146899624661a86c4c9b6541e2058134e8', icon: "clock-outline" }), h("slot", { key: 'a017288bee96a3a67beef6cf86102a5a62c8efce' }), h("slot", { key: 'cf3f07d0a92d563f81ff40e7e343352fc752c8d7', name: "button" })));
+        return (h(Fragment, { key: 'b65c1136049ad6b7918279ca9fa86a121a3a7229' }, h("dso-icon", { key: 'd43d86fe908ab5e18cb8a0c9f0250581df87cd69', icon: "clock-outline" }), h("slot", { key: 'cec5c61d9cb0607709a4c91ff4002096b2b5beca' }), h("slot", { key: '7593a8ee780a5223cfd95e94b89a515e64a96596', name: "button" })));
     }
     static get is() { return "dso-tijdreis-banner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tooltip/tooltip.js

@@ -186,7 +186,7 @@ export class Tooltip {
         }
     }
     render() {
-        return (h(Host, { key: '85eaa840260953f015424135c5539fa572b23c4d', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, h("div", { key: '72a4d01703747bb79187f13a8564094ab20e0c9b', class: clsx("tooltip", { in: this.active }) }, !this.noArrow && h("div", { key: '0f78a7678b858b6636e61814b4dcf13c5d6d9628', "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { key: '46adf8d79b82df1100bbe0e5e4c6a8bc4a0919e6', "aria-hidden": !this.descriptive || undefined, class: clsx("tooltip-inner", { "dso-small": this.small }) }, h("slot", { key: 'cf099d1e997a50f7f4872ec7d219419b660bd7cd' })))));
+        return (h(Host, { key: '9a75836090377cb7879137ee38c035fa26cc80bb', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, h("div", { key: '052ac3644a784807e9ae1f4cdff9768c2c963ea5', class: clsx("tooltip", { in: this.active }) }, !this.noArrow && h("div", { key: '7fe84463e825db6555683ec5ec67cb3379c5e597', "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { key: 'f6d16f4d5f3a8cb1bd32df5f1648e70e286210c7', "aria-hidden": !this.descriptive || undefined, class: clsx("tooltip-inner", { "dso-small": this.small }) }, h("slot", { key: '75b902c9d43ca01c48973c5043cb55a387c292f6' })))));
     }
     activatePopper() {
         this.hidden = false;
@@ -271,7 +271,7 @@ export class Tooltip {
                         "Placement": {
                             "location": "import",
                             "path": "@popperjs/core",
-                            "id": "../../node_modules/@popperjs/core/index.d.ts::Placement",
+                            "id": "../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/index.d.ts::Placement",
                             "referenceLocation": "Placement"
                         }
                     }

package/dist/collection/components/tree-view/tree-view.js

@@ -170,7 +170,7 @@ export class TreeView {
         return false;
     }
     render() {
-        return (h("div", { key: 'fda90d8a03ae58672b99f314ec5f97c1ac9dab19', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: '02c4d4665e8d3fdb2618e6e730ad899776149501', role: "tree", "aria-label": "Objectenboom" }, this.collection?.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
+        return (h("div", { key: 'e90b2994f145f8ac781f67f53e1f65859dce9ef4', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: '1f84ee285eb80bbb485c147bbd3f32de2e324e9c', role: "tree", "aria-label": "Objectenboom" }, this.collection?.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
     }
     static get is() { return "dso-tree-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/viewer-grid/viewer-grid.css

@@ -415,7 +415,7 @@ button::-moz-focus-inner {
     margin-block-end: 0;
     text-decoration: none;
     touch-action: manipulation;
-    text-align: start;
+    text-align: var(--_dt-button-text-align, start);
     user-select: none;
     vertical-align: middle;
     background-clip: padding-box;
@@ -433,7 +433,7 @@ button::-moz-focus-inner {
     margin-block-end: 0;
     text-decoration: none;
     touch-action: manipulation;
-    text-align: start;
+    text-align: var(--_dt-button-text-align, start);
     user-select: none;
     vertical-align: middle;
     background-clip: padding-box;
@@ -448,11 +448,13 @@ button::-moz-focus-inner {
     background-color: var(--_dso-button-tertiary-background-color, );
     border-color: var(--_dso-button-tertiary-border-color, );
     color: var(--_dso-button-tertiary-color, #39870c);
+    float: var(--_dt-button-float-tertiary, none);
     border-width: 1px;
     border-style: solid;
     border-radius: 4px;
     line-height: 1.5;
     min-inline-size: auto;
+    inline-size: var(--_dt-button-inline-size, auto);
     padding-block: 11px;
     padding-inline: 15px;
   }
@@ -460,16 +462,19 @@ button::-moz-focus-inner {
     background-color: var(--_dso-button-tertiary-hover-background-color, );
     border-color: var(--_dso-button-tertiary-hover-border-color, );
     color: var(--_dso-button-tertiary-hover-color, #275937);
+    float: var(--_dt-button-float-tertiary, none);
   }
   .dso-tertiary:active {
     background-color: var(--_dso-button-tertiary-active-background-color, );
     border-color: var(--_dso-button-tertiary-active-border-color, );
     color: var(--_dso-button-tertiary-active-color, #173521);
+    float: var(--_dt-button-float-tertiary, none);
   }
   .dso-tertiary[disabled], .dso-tertiary[disabled]:hover {
     background-color: var(--_dso-button-tertiary-disabled-background-color, );
     border-color: var(--_dso-button-tertiary-disabled-border-color, );
     color: var(--_dso-button-tertiary-disabled-color, #afcf9d);
+    float: var(--_dt-button-float-tertiary, none);
   }
   .dso-tertiary.dso-small {
     line-height: 1rem;
@@ -517,7 +522,8 @@ button::-moz-focus-inner {
   .dso-tertiary {
     border: 0;
     line-height: 1;
-    padding: 0;
+    padding-inline: 0;
+    padding-block: var(--_dt-button-padding-block-tertiary, 0);
     background-color: transparent;
   }
   .dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {

package/dist/collection/components/viewer-grid/viewer-grid.js

@@ -155,7 +155,7 @@ export class ViewerGrid {
         }
     }
     render() {
-        return (h(Fragment, { key: '06fb7880f5116450d6b14d8487bac63c94345922' }, h("slot", { key: 'eb9893063f36b291d765a0b7ade2de7303dfc0f2', name: "top-bar" }), h("div", { key: '021c89577aed0b6fe33a225c801a790b67a45161', class: "viewer-grid-columns" }, this.tabView && (h("nav", { key: '87ceaa1f12b58c564c125a8709635144aac9c31e', class: "dso-navbar" }, h("ul", { key: 'bcad835f8f77c617058b0994b33a9c6c98201a51', class: "dso-nav dso-nav-sub" }, viewerGridTabs.map((tab) => (h("li", { key: tab, class: clsx({ "dso-active": this.activeTab === tab }) }, h("button", { type: "button", class: "dso-tertiary", onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(MainPanel, { key: 'f4ac0d91a990acb68fde9057d69a824ab62c42b1', tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.mainPanelHidden, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd })), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(FilterPanel, { key: 'f62670f4abba9bf22963afba2548a97593bf2129', open: this.filterPanelOpen, title: this.filterPanelTitle, ref: (element) => (this.filterPanel = element), dsoCloseFilterPanel: (e) => this.dsoCloseFilterPanel.emit({ originalEvent: e }) })), (!this.tabView || (this.tabView && this.activeTab === "map")) && (h("div", { key: 'e04bad7ba3c8f93ec354d23d48652cbca6be1956', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: '6d901b85ce9f9eae56fbabff84ac15a100283055', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: '04ed6978e33e29dd4ce394e1ce3e673fe5a1ddd3', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: 'ba22e04eb7a2be5c51477556a708dd65a57ea339', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
+        return (h(Fragment, { key: '107327f469c7793fd1fc1c90b0367936ded7c88a' }, h("slot", { key: 'a6139fd224901aefc82e551f30f38f237168a29d', name: "top-bar" }), h("div", { key: '5c92640e25e5ef42f86bcef3e00b1b521cbd4293', class: "viewer-grid-columns" }, this.tabView && (h("nav", { key: '9172291d20e7e758fb4e53b054617169602c36e0', class: "dso-navbar" }, h("ul", { key: '40f1a4bdee9491b38799d010053482bd7b48ab99', class: "dso-nav dso-nav-sub" }, viewerGridTabs.map((tab) => (h("li", { key: tab, class: clsx({ "dso-active": this.activeTab === tab }) }, h("button", { type: "button", class: "dso-tertiary", onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(MainPanel, { key: '306084b98dc9ed3e4400cfd9f6ab30b7cef2a374', tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.mainPanelHidden, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd })), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(FilterPanel, { key: '425c35dd78e48924d9f61308ac10744d206a9074', open: this.filterPanelOpen, title: this.filterPanelTitle, ref: (element) => (this.filterPanel = element), dsoCloseFilterPanel: (e) => this.dsoCloseFilterPanel.emit({ originalEvent: e }) })), (!this.tabView || (this.tabView && this.activeTab === "map")) && (h("div", { key: 'c9a9d4d612b592bfe5d8d3aa8266a89771a1b4cc', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: '162a97b0413668dfe6020a427c0523f8fae87fd6', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: '678ac7f6c01a58c157c8e9337d2740e00590f0b8', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: 'c7adca136159a2810210f51c7a09381b38452b29', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
     }
     static get is() { return "dso-viewer-grid"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/functional-components/tooltip/position-tooltip.function.js

@@ -7,7 +7,9 @@ import { arrow, autoUpdate, computePosition, flip, hide, offset, shift, size } f
  */
 export function positionTooltip(options) {
     const { referenceElement, tipRef, tipArrowRef, placementTip, topPositionSmallViewPort, halfMainAxisOffset, forceVisible, restrictContentElement, } = options;
-    return autoUpdate(referenceElement, tipRef, () => {
+    let animationFrameId;
+    let disposed = false;
+    const cleanup = autoUpdate(referenceElement, tipRef, () => {
         const padding = 5;
         const arrowOffsetWidth = tipArrowRef.offsetWidth;
         const axisOffsetCalc = Math.sqrt(2 * arrowOffsetWidth ** 2);
@@ -48,56 +50,78 @@ export function positionTooltip(options) {
             ],
             placement,
         }).then(({ x, y, middlewareData, placement: computedPlacement, strategy }) => {
-            if (middlewareData.hide) {
+            if (disposed) {
+                return;
+            }
+            if (animationFrameId !== undefined) {
+                cancelAnimationFrame(animationFrameId);
+            }
+            // Defer DOM writes until the next frame so ResizeObserver notifications
+            // can settle before the tooltip mutates its own layout again.
+            animationFrameId = requestAnimationFrame(() => {
+                if (disposed) {
+                    return;
+                }
                 // Tooltip needs to be visible at all times on small viewports or when forceVisible is true
-                const disappear = !smallViewport && !forceVisible && middlewareData.hide.referenceHidden;
+                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,
+                    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]: `${-arrowOffsetWidth / 2}px`,
-                    transform: `rotate(${angle}deg)`,
+                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]: `${-arrowOffsetWidth / 2}px`,
+                        transform: `rotate(${angle}deg)`,
+                    });
+                }
+            });
         });
     });
+    return () => {
+        disposed = true;
+        Object.assign(tipRef.style, {
+            visibility: "hidden",
+            opacity: "0",
+        });
+        if (animationFrameId !== undefined) {
+            cancelAnimationFrame(animationFrameId);
+        }
+        cleanup();
+    };
 }

package/dist/collection/functional-components/tooltip/tooltip.functional-component.js

@@ -1,8 +1,2 @@
 import { h } from "@stencil/core";
-import { clsx } from "clsx";
-export const Tooltip = ({ visible, onAfterHidden, tipElementRef, tipArrowElementRef }, children) => (h("div", { popover: "manual", class: clsx(["dso-tooltip", { visible }]), ref: tipElementRef, onTransitionEnd: (e) => {
-        e.stopPropagation();
-        if (e.propertyName === "opacity" && !visible) {
-            onAfterHidden?.();
-        }
-    } }, h("span", { class: "tooltip-arrow", ref: tipArrowElementRef }), h("div", { class: "tooltip-inner" }, children)));
+export 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/collection/utils/i18n.js

@@ -21,7 +21,6 @@ export function i18n(getElement, resources) {
         resources,
         defaultNS: element.tagName.toLowerCase(),
         interpolation: { escapeValue: false },
-        showSupportNotice: false,
     });
     let detectedLanguage = false;
     return (key, variables) => {

package/dist/components/annotation-locatie.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as r,createEvent as e,h as t,Fragment as i,transformTag as a}from"@stencil/core/internal/client";import{A as n}from"./annotation-body.js";import{w as d,A as s,a as c}from"./annotation-watcher.js";import{d as l}from"./icon.js";import{d as g}from"./icon-button.js";import{d as m}from"./label.js";import{d as u}from"./renvooi.js";import{d as b}from"./slide-toggle.js";import{d as v}from"./tooltip.js";const h=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoActiveChange=e(this,"dsoActiveChange",7),this.watcher=d(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return t(n,{key:"400d50e2f9db5c2507ee6fadb40d67235e0470a7",symbol:o?t(c,null):void 0,active:this.active,dsoActiveChange:this.dsoActiveChange,title:t(i,null,t("span",{class:"content"},t("dso-renvooi",{value:this.locatieNoemer})),this.gewijzigdeLocatie&&t(s,null))})}get host(){return this}static get style(){return'a{background-color:transparent;color:var(--link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#download"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#download-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#external-link"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#external-link-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#call-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#call-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-scampi"))}:host{display:block;padding:2px}:host([wijzigactie=voegtoe]){--_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}:host([wijzigactie=voegtoe]) 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"))}:host([wijzigactie=voegtoe]) 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"))}:host([wijzigactie=voegtoe]) 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"))}:host([wijzigactie=voegtoe]) 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"))}:host([wijzigactie=voegtoe]){--_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}:host([wijzigactie=verwijder]){--_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}:host([wijzigactie=verwijder]) 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"))}:host([wijzigactie=verwijder]) 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"))}:host([wijzigactie=verwijder]) 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"))}:host([wijzigactie=verwijder]) 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"))}:host([wijzigactie=verwijder]){--_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){:host([wijzigactie=verwijder]){font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500;overflow-wrap:anywhere}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}.annotation-data{font-size:0.875rem}'}},[1,"dso-annotation-locatie",{wijzigactie:[513],active:[516],gewijzigdeLocatie:[516,"gewijzigde-locatie"],locatieNoemer:[1,"locatie-noemer"]}]);function y(){"undefined"!=typeof customElements&&["dso-annotation-locatie","dso-icon","dso-icon-button","dso-label","dso-renvooi","dso-slide-toggle","dso-tooltip"].forEach((o=>{switch(o){case"dso-annotation-locatie":customElements.get(a(o))||customElements.define(a(o),h);break;case"dso-icon":customElements.get(a(o))||l();break;case"dso-icon-button":customElements.get(a(o))||g();break;case"dso-label":customElements.get(a(o))||m();break;case"dso-renvooi":customElements.get(a(o))||u();break;case"dso-slide-toggle":customElements.get(a(o))||b();break;case"dso-tooltip":customElements.get(a(o))||v()}}))}export{h as A,y as d}
+import{proxyCustomElement as o,HTMLElement as r,createEvent as e,h as t,Fragment as i,transformTag as a}from"@stencil/core/internal/client";import{A as n}from"./annotation-body.js";import{w as d,A as s,a as c}from"./annotation-watcher.js";import{d as l}from"./icon.js";import{d as g}from"./icon-button.js";import{d as u}from"./label.js";import{d as m}from"./renvooi.js";import{d as b}from"./slide-toggle.js";const v=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoActiveChange=e(this,"dsoActiveChange",7),this.watcher=d(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return t(n,{key:"400d50e2f9db5c2507ee6fadb40d67235e0470a7",symbol:o?t(c,null):void 0,active:this.active,dsoActiveChange:this.dsoActiveChange,title:t(i,null,t("span",{class:"content"},t("dso-renvooi",{value:this.locatieNoemer})),this.gewijzigdeLocatie&&t(s,null))})}get host(){return this}static get style(){return'a{overflow-wrap:anywhere;background-color:transparent;color:var(--link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#download"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#download-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#external-link"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#external-link-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#call-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#call-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-scampi"))}:host{display:block;padding:2px}:host([wijzigactie=voegtoe]){--_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}:host([wijzigactie=voegtoe]) 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"))}:host([wijzigactie=voegtoe]) 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"))}:host([wijzigactie=voegtoe]) 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"))}:host([wijzigactie=voegtoe]) 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"))}:host([wijzigactie=voegtoe]){--_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);--_dt-ozon-content-toggletip-color:#000}:host([wijzigactie=verwijder]){--_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}:host([wijzigactie=verwijder]) 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"))}:host([wijzigactie=verwijder]) 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"))}:host([wijzigactie=verwijder]) 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"))}:host([wijzigactie=verwijder]) 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"))}:host([wijzigactie=verwijder]){--_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;--_dt-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dt-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){:host([wijzigactie=verwijder]){font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500;overflow-wrap:anywhere}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}.annotation-data{font-size:0.875rem}'}},[1,"dso-annotation-locatie",{wijzigactie:[513],active:[516],gewijzigdeLocatie:[516,"gewijzigde-locatie"],locatieNoemer:[1,"locatie-noemer"]}]);function h(){"undefined"!=typeof customElements&&["dso-annotation-locatie","dso-icon","dso-icon-button","dso-label","dso-renvooi","dso-slide-toggle"].forEach((o=>{switch(o){case"dso-annotation-locatie":customElements.get(a(o))||customElements.define(a(o),v);break;case"dso-icon":customElements.get(a(o))||l();break;case"dso-icon-button":customElements.get(a(o))||g();break;case"dso-label":customElements.get(a(o))||u();break;case"dso-renvooi":customElements.get(a(o))||m();break;case"dso-slide-toggle":customElements.get(a(o))||b()}}))}export{v as A,h as d}