@dso-toolkit/core 88.1.1 → 90.0.0

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

@@ -4,7 +4,7 @@ import debounce from "debounce";
 import { DocumentPanel, FilterPanel, MainPanel, Overlay } from "./components";
 import { viewerGridTabLabelMap, viewerGridTabs, } from "./viewer-grid.interfaces";
 const resizeObserver = new ResizeObserver(debounce(([entry]) => {
-    const shadowRoot = entry === null || entry === void 0 ? void 0 : entry.target.getRootNode();
+    const shadowRoot = entry?.target.getRootNode();
     if (shadowRoot instanceof ShadowRoot && isDsoViewerGridComponent(shadowRoot.host)) {
         shadowRoot.host._checkMainPanelVisibility();
     }
@@ -99,27 +99,25 @@ export class ViewerGrid {
         }
     }
     filterPanelOpenWatcher(open) {
-        var _a, _b;
         if (!this.filterPanelSlot) {
             console.warn("slot 'filter-panel' has not been set");
         }
         if (open) {
-            (_a = this.filterPanel) === null || _a === void 0 ? void 0 : _a.show();
+            this.filterPanel?.show();
         }
         else {
-            (_b = this.filterPanel) === null || _b === void 0 ? void 0 : _b.close();
+            this.filterPanel?.close();
         }
     }
     overlayOpenWatcher(open) {
-        var _a, _b;
         if (!this.overlaySlot) {
             console.warn("slot 'overlay' has not been set");
         }
         if (open) {
-            (_a = this.overlay) === null || _a === void 0 ? void 0 : _a.showModal();
+            this.overlay?.showModal();
         }
         else {
-            (_b = this.overlay) === null || _b === void 0 ? void 0 : _b.close();
+            this.overlay?.close();
         }
     }
     /**
@@ -140,12 +138,11 @@ export class ViewerGrid {
         window.matchMedia(this.mediaCondition).addEventListener("change", this.changeListener);
     }
     componentDidLoad() {
-        var _a, _b;
         if (this.filterPanelOpen && this.filterPanelSlot) {
-            (_a = this.filterPanel) === null || _a === void 0 ? void 0 : _a.show();
+            this.filterPanel?.show();
         }
         if (this.overlayOpen && this.overlaySlot) {
-            (_b = this.overlay) === null || _b === void 0 ? void 0 : _b.showModal();
+            this.overlay?.showModal();
         }
         if (this.mapElement instanceof HTMLDivElement) {
             resizeObserver.observe(this.mapElement);
@@ -158,7 +155,7 @@ export class ViewerGrid {
         }
     }
     render() {
-        return (h(Fragment, { key: 'd1d81c9db00b4fb1394e9938ed698a78e2f54976' }, h("slot", { key: '8523d2e37a153f3b8e6521e1d4a07f0395c67180', name: "top-bar" }), h("div", { key: '64e25d1b9c82661ead44a20dc43fc60b3400b8a9', class: "viewer-grid-columns" }, this.tabView && (h("nav", { key: '5b3975cd300000076405acd470f1bcc2ed6581f1', class: "dso-navbar" }, h("ul", { key: '8d987841d10e4806ce6025fb81db489d1f583410', 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: '21baa34326e6cce24feef6ae8ac2237520c6dd90', 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: '4f00c13af3676b1dbfb97a05a4c644ed0aa027f2', 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: 'b397c8a90326fd24ebdcd8148d0222dc7038e131', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: 'ae239735328e35dc97e8fc7653fad4c886dab9eb', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: '1a12d6aa3431c11db288a0b07ebb51b772a27df7', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: 'ee5b23969f8ace7db8d94adce586d8fd91fea08b', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
+        return (h(Fragment, { key: '3ed1f282513cd338297223ece490378b520f964c' }, h("slot", { key: '5b280f21065d28ab117b0be3ce4b8401d12c3681', name: "top-bar" }), h("div", { key: '6b6cf547099590a74bfa37ba8658e8a10e7184b1', class: "viewer-grid-columns" }, this.tabView && (h("nav", { key: '61c217c34372c6954e1555fd78416352cd8876dc', class: "dso-navbar" }, h("ul", { key: 'a4f04fe0b438cb15cd6fae19ca0d4d8c72242b90', 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: 'f492afeb76b1d3b2768f34a9abe6c05e0177d39f', 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: '68c47e6064872f8873768031fb3eda07705f4bec', 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: '62bd2d6e01c217f9354f2881ef65f613b0304a1e', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: '09b669980be14f810a9c2683841a6515e6687d4c', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: '868890e65f51ec5c74e8c56f453d43f9b1a68203', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: 'fb852f4648f9e5f1072610ec4507f89c4d873ea4', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
     }
     static get is() { return "dso-viewer-grid"; }
     static get encapsulation() { return "shadow"; }
@@ -263,7 +260,8 @@ export class ViewerGrid {
                         "ViewerGridPanelSize": {
                             "location": "import",
                             "path": "./viewer-grid.interfaces",
-                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridPanelSize"
+                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridPanelSize",
+                            "referenceLocation": "ViewerGridPanelSize"
                         }
                     }
                 },
@@ -289,7 +287,8 @@ export class ViewerGrid {
                         "ViewerGridTab": {
                             "location": "import",
                             "path": "./viewer-grid.interfaces",
-                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridTab"
+                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridTab",
+                            "referenceLocation": "ViewerGridTab"
                         }
                     }
                 },
@@ -314,7 +313,8 @@ export class ViewerGrid {
                         "ViewerGridPanelSize": {
                             "location": "import",
                             "path": "./viewer-grid.interfaces",
-                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridPanelSize"
+                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridPanelSize",
+                            "referenceLocation": "ViewerGridPanelSize"
                         }
                     }
                 },
@@ -395,7 +395,8 @@ export class ViewerGrid {
                         "ViewerGridCloseOverlayEvent": {
                             "location": "import",
                             "path": "./viewer-grid.interfaces",
-                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridCloseOverlayEvent"
+                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridCloseOverlayEvent",
+                            "referenceLocation": "ViewerGridCloseOverlayEvent"
                         }
                     }
                 }
@@ -416,7 +417,8 @@ export class ViewerGrid {
                         "ViewerGridCloseFilterPanelEvent": {
                             "location": "import",
                             "path": "./viewer-grid.interfaces",
-                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridCloseFilterPanelEvent"
+                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridCloseFilterPanelEvent",
+                            "referenceLocation": "ViewerGridCloseFilterPanelEvent"
                         }
                     }
                 }
@@ -437,7 +439,8 @@ export class ViewerGrid {
                         "ViewerGridActiveTabSwitchEvent": {
                             "location": "import",
                             "path": "./viewer-grid.interfaces",
-                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridActiveTabSwitchEvent"
+                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridActiveTabSwitchEvent",
+                            "referenceLocation": "ViewerGridActiveTabSwitchEvent"
                         }
                     }
                 }
@@ -458,7 +461,8 @@ export class ViewerGrid {
                         "ViewerGridChangeSizeAnimationEndEvent": {
                             "location": "import",
                             "path": "./viewer-grid.interfaces",
-                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridChangeSizeAnimationEndEvent"
+                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridChangeSizeAnimationEndEvent",
+                            "referenceLocation": "ViewerGridChangeSizeAnimationEndEvent"
                         }
                     }
                 }
@@ -479,7 +483,8 @@ export class ViewerGrid {
                         "ViewerGridChangeSizeEvent": {
                             "location": "import",
                             "path": "./viewer-grid.interfaces",
-                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridChangeSizeEvent"
+                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridChangeSizeEvent",
+                            "referenceLocation": "ViewerGridChangeSizeEvent"
                         }
                     }
                 }
@@ -500,7 +505,8 @@ export class ViewerGrid {
                         "ViewerGridChangeSizeAnimationEndEvent": {
                             "location": "import",
                             "path": "./viewer-grid.interfaces",
-                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridChangeSizeAnimationEndEvent"
+                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridChangeSizeAnimationEndEvent",
+                            "referenceLocation": "ViewerGridChangeSizeAnimationEndEvent"
                         }
                     }
                 }
@@ -521,7 +527,8 @@ export class ViewerGrid {
                         "ViewerGridMainToggleEvent": {
                             "location": "import",
                             "path": "./viewer-grid.interfaces",
-                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridMainToggleEvent"
+                            "id": "src/components/viewer-grid/viewer-grid.interfaces.ts::ViewerGridMainToggleEvent",
+                            "referenceLocation": "ViewerGridMainToggleEvent"
                         }
                     }
                 }
@@ -565,4 +572,3 @@ export class ViewerGrid {
             }];
     }
 }
-//# sourceMappingURL=viewer-grid.js.map

package/dist/collection/functional-components/mark-text/mark-text.functional-component.js

@@ -8,4 +8,3 @@ export const MarkText = ({ mark, text, emitMarkItemHighlight }) => {
         return (h("mark", { class: value.highlight ? "dso-highlight" : undefined, ref: (ref) => value.highlight && ref && emitMarkItemHighlight(value.text, ref) }, value.text));
     })));
 };
-//# sourceMappingURL=mark-text.functional-component.js.map

package/dist/collection/functional-components/mark-text/mark-text.interfaces.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=mark-text.interfaces.js.map

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

@@ -101,4 +101,3 @@ export function positionTooltip(options) {
         });
     });
 }
-//# sourceMappingURL=position-tooltip.function.js.map

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

@@ -3,7 +3,6 @@ import { clsx } from "clsx";
 export const Tooltip = ({ visible, onAfterHidden, tipElementRef, tipArrowElementRef }, children) => (h("div", { popover: "manual", id: "tooltip", class: clsx(["dso-tooltip", { visible }]), ref: tipElementRef, onTransitionEnd: (e) => {
         e.stopPropagation();
         if (e.propertyName === "opacity" && !visible) {
-            onAfterHidden === null || onAfterHidden === void 0 ? void 0 : onAfterHidden();
+            onAfterHidden?.();
         }
     } }, h("span", { class: "tooltip-arrow", ref: tipArrowElementRef }), h("div", { class: "tooltip-inner" }, children)));
-//# sourceMappingURL=tooltip.functional-component.js.map

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

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=tooltip.interfaces.js.map

package/dist/collection/index.js

@@ -1,2 +1 @@
 export * from "./components";
-//# sourceMappingURL=index.js.map

package/dist/collection/utils/create-identifier.js

@@ -11,4 +11,3 @@ export function chr4() {
 export function createIdentifier(prefix) {
     return `${prefix}-${chr4()}${chr4()}-${chr4()}-${chr4()}-${chr4()}-${chr4()}${chr4()}${chr4()}`;
 }
-//# sourceMappingURL=create-identifier.js.map

package/dist/collection/utils/get-active-element.js

@@ -1,11 +1,9 @@
 export function getActiveElement({ activeElement } = document) {
-    var _a;
     if (!activeElement) {
         return null;
     }
     if (activeElement.shadowRoot) {
-        return (_a = getActiveElement(activeElement.shadowRoot)) !== null && _a !== void 0 ? _a : activeElement;
+        return getActiveElement(activeElement.shadowRoot) ?? activeElement;
     }
     return activeElement;
 }
-//# sourceMappingURL=get-active-element.js.map

package/dist/collection/utils/has-overflow.js

@@ -5,4 +5,3 @@ export function hasOverflow(el) {
     const overflowValues = ["hidden", "clip"];
     return overflowValues.indexOf(overflowX) !== -1 || overflowValues.indexOf(overflowY) !== -1;
 }
-//# sourceMappingURL=has-overflow.js.map

package/dist/collection/utils/i18n.js

@@ -32,4 +32,3 @@ export function i18n(getElement, resources) {
         return i18NextInstance.t(key, variables);
     };
 }
-//# sourceMappingURL=i18n.js.map

package/dist/collection/utils/is-interactive-element.js

@@ -4,4 +4,3 @@ export const isInteractiveElement = (element) => {
         element instanceof HTMLInputElement ||
         element.tagName.startsWith("DSO-TOGGLETIP"));
 };
-//# sourceMappingURL=is-interactive-element.js.map

package/dist/collection/utils/is-modified-event.js

@@ -6,4 +6,3 @@
 export function isModifiedEvent(e) {
     return e.button !== 0 || e.ctrlKey || e.shiftKey || e.altKey || e.metaKey;
 }
-//# sourceMappingURL=is-modified-event.js.map

package/dist/collection/utils/parse-xml.js

@@ -14,4 +14,3 @@ export function parseXml(input) {
     }
     return doc;
 }
-//# sourceMappingURL=parse-xml.js.map

package/dist/components/alert.js

@@ -1,86 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, transformTag } from '@stencil/core/internal/client';
-import { c as clsx } from './clsx.js';
-import { i as i18n } from './i18n.js';
-import { d as defineCustomElement$2 } from './icon.js';
-import { d as defineCustomElement$1 } from './icon-button.js';
-
-const translations = {
-    en: {
-        "dso-alert": {
-            close: "Close",
-            success: "Success",
-            info: "Notice",
-            warning: "Warning",
-            error: "Error",
-        },
-    },
-    nl: {
-        "dso-alert": {
-            close: "Sluiten",
-            success: "Gelukt",
-            info: "Opmerking",
-            warning: "Waarschuwing",
-            error: "Fout",
-        },
-    },
-};
-
-const alertCss = () => `:host{display:block}:host(:not(:first-child)){margin-block-start:24px}*,*::after,*::before{box-sizing:border-box}.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)}.alert{line-height:1.5;margin-block-end:var(--_dso-alert-margin-block-end, 24px);min-block-size:56px;position:relative;border:1px solid transparent}@media screen and (min-width: 481px){.alert{padding-block:15px;padding-inline:54px 39px}.alert.dso-compact{padding-block:7px;padding-inline:15px 39px}}@media screen and (max-width: 480px){.alert{padding-block:54px 15px;padding-inline:15px}.alert.dso-compact{padding-block:7px;padding-inline:15px}}.alert:not(:first-child){margin-block-start:24px}.alert .icon-status{inset-block-start:15px;inset-inline-start:15px;position:absolute}.alert.dso-compact{border-end-end-radius:8px;border-start-end-radius:8px;margin-inline-start:8px}.alert.dso-compact::before{content:"";position:absolute;inset-block-start:-1px;inset-block-end:-1px;inset-inline-start:-9px;border-start-start-radius:8px;border-end-start-radius:8px;inline-size:8px}.alert.dso-compact{min-block-size:16px}.alert.alert-success{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.alert.alert-success 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"))}.alert.alert-success 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"))}.alert.alert-success 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"))}.alert.alert-success 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#email-zwart"))}.alert.alert-success{--_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;border-color:var(--_dso-alert-success-border-color, #e4f1d4)}.alert.alert-success.dso-compact::before{background-color:#39870c}.alert.alert-error{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.alert.alert-error 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"))}.alert.alert-error 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"))}.alert.alert-error 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"))}.alert.alert-error 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#email-zwart"))}.alert.alert-error{--_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;border-color:var(--_dso-alert-error-border-color, #f5d8dc)}.alert.alert-error.dso-compact::before{background-color:#ce3f51}.alert.alert-warning{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.alert.alert-warning 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"))}.alert.alert-warning 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"))}.alert.alert-warning 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"))}.alert.alert-warning 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#email-zwart"))}.alert.alert-warning{--_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:#f8f6cc;color:#191919;border-color:var(--_dso-alert-warning-border-color, #f8f6cc)}.alert.alert-warning.dso-compact::before{background-color:#dcd400}.alert.alert-info{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.alert.alert-info 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"))}.alert.alert-info 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"))}.alert.alert-info 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"))}.alert.alert-info 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#email-zwart"))}.alert.alert-info{--_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:#e1ecf7;color:#191919;border-color:var(--_dso-alert-info-border-color, #e1ecf7)}.alert.alert-info.dso-compact::before{background-color:#6ca4d9}.alert dso-icon-button{position:absolute;inset-block-start:7px;inset-inline-end:7px}.alert.dso-compact{min-block-size:16px}`;
-
-const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.dsoClose = createEvent(this, "dsoClose", 7);
-        /**
-         * When `false` the close button in the alert will not be rendered.
-         */
-        this.closable = false;
-        this.text = i18n(() => this.host, translations);
-    }
-    render() {
-        const status = this.text(this.status);
-        if (!status) {
-            throw new Error(`Invalid status ${this.status}`);
-        }
-        return (h("div", { key: '00aec42517954eba58249fc009660d4945dc1d2f', class: clsx("alert", `alert-${this.status}`, { "dso-compact": this.compact }), role: this.roleAlert ? "alert" : undefined }, !this.compact && h("dso-icon", { key: 'd9de90358fc3d7e710c00fe4b71ee850a7ed4a36', class: "icon-status", icon: "status-" + this.status }), h("span", { key: '68684113c72945a8198d76ae5eed28349703bf92', class: "sr-only" }, status, ":"), h("slot", { key: 'aa926b4baa6b7079253b60a3f7d3482acc9177c7' }), this.closable && (h("dso-icon-button", { key: '709ca720b697b6fe9514d65d07c650908b76ec7a', label: this.text("close"), variant: "tertiary", icon: "times", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }))));
-    }
-    get host() { return this; }
-    static get style() { return alertCss(); }
-}, [257, "dso-alert", {
-        "status": [513],
-        "roleAlert": [4, "role-alert"],
-        "compact": [516],
-        "closable": [4]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dso-alert", "dso-icon", "dso-icon-button"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dso-alert":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), Alert);
-            }
-            break;
-        case "dso-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "dso-icon-button":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { Alert as A, defineCustomElement as d };
-//# sourceMappingURL=alert.js.map
-
-//# sourceMappingURL=alert.js.map
+import{proxyCustomElement as o,HTMLElement as r,createEvent as e,h as t,transformTag as a}from"@stencil/core/internal/client";import{c as i}from"./clsx.js";import{i as s}from"./i18n.js";import{d}from"./icon.js";import{d as l}from"./icon-button.js";const n={en:{"dso-alert":{close:"Close",success:"Success",info:"Notice",warning:"Warning",error:"Error"}},nl:{"dso-alert":{close:"Sluiten",success:"Gelukt",info:"Opmerking",warning:"Waarschuwing",error:"Fout"}}},c=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoClose=e(this,"dsoClose",7),this.closable=!1,this.text=s((()=>this.host),n)}render(){const o=this.text(this.status);if(!o)throw new Error(`Invalid status ${this.status}`);return t("div",{key:"00aec42517954eba58249fc009660d4945dc1d2f",class:i("alert",`alert-${this.status}`,{"dso-compact":this.compact}),role:this.roleAlert?"alert":void 0},!this.compact&&t("dso-icon",{key:"588ea487df615524d93acaab1ab975e97a79bb6a",class:"icon-status",icon:`status-${"info"===this.status?"info-solid":this.status}`}),t("span",{key:"5f6286759b87b8768ae3e14169cf3258ce611c82",class:"sr-only"},o,":"),t("slot",{key:"5140ceb93a2dc361a2068d7099e7445ccadd4d9e"}),this.closable&&t("dso-icon-button",{key:"659fc042908dd2a03b140c1df6c772411bb16332",label:this.text("close"),variant:"tertiary",icon:"cross",onDsoClick:o=>this.dsoClose.emit({originalEvent:o})}))}get host(){return this}static get style(){return':host{display:block}:host(:not(:first-child)){margin-block-start:24px}*,*::after,*::before{box-sizing:border-box}.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)}.alert{line-height:1.5;margin-block-end:var(--_dso-alert-margin-block-end, 24px);min-block-size:56px;position:relative;border:1px solid transparent}@media screen and (min-width: 481px){.alert{padding-block:15px;padding-inline:54px 39px}.alert.dso-compact{padding-block:7px;padding-inline:15px 39px}}@media screen and (max-width: 480px){.alert{padding-block:54px 15px;padding-inline:15px}.alert.dso-compact{padding-block:7px;padding-inline:15px}}.alert:not(:first-child){margin-block-start:24px}.alert .icon-status{inset-block-start:15px;inset-inline-start:15px;position:absolute}.alert.dso-compact{border-end-end-radius:8px;border-start-end-radius:8px;margin-inline-start:8px}.alert.dso-compact::before{content:"";position:absolute;inset-block-start:-1px;inset-block-end:-1px;inset-inline-start:-9px;border-start-start-radius:8px;border-end-start-radius:8px;inline-size:8px}.alert.dso-compact{min-block-size:16px}.alert.alert-success{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.alert.alert-success 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"))}.alert.alert-success 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"))}.alert.alert-success 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"))}.alert.alert-success 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"))}.alert.alert-success{--_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;border-color:var(--_dso-alert-success-border-color, #e4f1d4)}.alert.alert-success.dso-compact::before{background-color:#39870c}.alert.alert-error{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.alert.alert-error 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"))}.alert.alert-error 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"))}.alert.alert-error 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"))}.alert.alert-error 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"))}.alert.alert-error{--_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;border-color:var(--_dso-alert-error-border-color, #f5d8dc)}.alert.alert-error.dso-compact::before{background-color:#ce3f51}.alert.alert-warning{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.alert.alert-warning 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"))}.alert.alert-warning 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"))}.alert.alert-warning 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"))}.alert.alert-warning 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"))}.alert.alert-warning{--_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:#f8f6cc;color:#191919;border-color:var(--_dso-alert-warning-border-color, #f8f6cc)}.alert.alert-warning.dso-compact::before{background-color:#dcd400}.alert.alert-info{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.alert.alert-info 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"))}.alert.alert-info 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"))}.alert.alert-info 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"))}.alert.alert-info 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"))}.alert.alert-info{--_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:#e1ecf7;color:#191919;border-color:var(--_dso-alert-info-border-color, #e1ecf7)}.alert.alert-info.dso-compact::before{background-color:#6ca4d9}.alert dso-icon-button{position:absolute;inset-block-start:7px;inset-inline-end:7px}.alert.dso-compact{min-block-size:16px}'}},[257,"dso-alert",{status:[513],roleAlert:[4,"role-alert"],compact:[516],closable:[4]}]);function u(){"undefined"!=typeof customElements&&["dso-alert","dso-icon","dso-icon-button"].forEach((o=>{switch(o){case"dso-alert":customElements.get(a(o))||customElements.define(a(o),c);break;case"dso-icon":customElements.get(a(o))||d();break;case"dso-icon-button":customElements.get(a(o))||l()}}))}export{c as A,u as d}

package/dist/components/annotation-body.js

@@ -1,8 +1 @@
-import { h } from '@stencil/core/internal/client';
-
-const AnnotationBody = ({ symbol, title, data, active, dsoActiveChange, }) => (h("div", { class: "annotation-body" }, symbol && h("div", { class: "annotation-symbol" }, symbol), h("div", { class: "annotation-info" }, h("p", { class: "annotation-title" }, title), data && h("p", { class: "annotation-data" }, data)), dsoActiveChange && (h("div", { class: "annotation-control" }, h("dso-slide-toggle", { accessibleLabel: "Toon op kaart", checked: active, onDsoActiveChange: (e) => dsoActiveChange.emit({ current: Boolean(active), next: !active, originalEvent: e }) })))));
-
-export { AnnotationBody as A };
-//# sourceMappingURL=annotation-body.js.map
-
-//# sourceMappingURL=annotation-body.js.map
+import{h as n}from"@stencil/core/internal/client";const o=({symbol:o,title:a,data:t,active:i,dsoActiveChange:e})=>n("div",{class:"annotation-body"},o&&n("div",{class:"annotation-symbol"},o),n("div",{class:"annotation-info"},n("p",{class:"annotation-title"},a),t&&n("p",{class:"annotation-data"},t)),e&&n("div",{class:"annotation-control"},n("dso-slide-toggle",{accessibleLabel:"Toon op kaart",checked:i,onDsoActiveChange:n=>e.emit({current:Boolean(i),next:!i,originalEvent:n})})));export{o as A}

package/dist/components/annotation-list-renvooi-values.js

@@ -1,10 +1 @@
-import { h, Fragment } from '@stencil/core/internal/client';
-
-const AnnotationListRenvooiValues = ({ values }) => {
-    return (h(Fragment, null, values === null || values === void 0 ? void 0 : values.map((v, i) => (h(Fragment, null, i > 0 && ", ", h("dso-renvooi", { value: v }))))));
-};
-
-export { AnnotationListRenvooiValues as A };
-//# sourceMappingURL=annotation-list-renvooi-values.js.map
-
-//# sourceMappingURL=annotation-list-renvooi-values.js.map
+import{h as l,Fragment as e}from"@stencil/core/internal/client";const n=({values:n})=>l(e,null,n?.map(((n,o)=>l(e,null,o>0&&", ",l("dso-renvooi",{value:n})))));export{n as A}

package/dist/components/annotation-locatie.js

@@ -1,88 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, transformTag } from '@stencil/core/internal/client';
-import { A as AnnotationBody } from './annotation-body.js';
-import { w as watcher, A as AnnotationGewijzigdeLocatie, a as AnnotationSymbolSlot } from './annotation-watcher.js';
-import { d as defineCustomElement$6 } from './icon.js';
-import { d as defineCustomElement$5 } from './icon-button.js';
-import { d as defineCustomElement$4 } from './label.js';
-import { d as defineCustomElement$3 } from './renvooi.js';
-import { d as defineCustomElement$2 } from './slide-toggle.js';
-import { d as defineCustomElement$1 } from './tooltip.js';
-
-const annotationCss = () => `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 dso-icon+span,a span+dso-icon{margin-inline-start:8px}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.25em 1.25em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom 0 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.25em 1.25em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom 0 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.25em 1.25em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom 0 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.25em 1.25em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom 0 left 0;background-image:var(--_dso-di-background-image, url("./di.svg#email-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#email-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#email-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:colors.$zwart}: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#email-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:colors.$zwart;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}`;
-
-const AnnotationLocatie = /*@__PURE__*/ proxyCustomElement(class AnnotationLocatie extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.dsoActiveChange = createEvent(this, "dsoActiveChange", 7);
-        this.watcher = watcher(this.host);
-    }
-    connectedCallback() {
-        this.watcher.watch();
-    }
-    disconnectedCallback() {
-        this.watcher.unwatch();
-    }
-    render() {
-        const hasSymbool = this.watcher.hasSymbool();
-        return (h(AnnotationBody, { key: 'f73c4480e55cea90ca7774c1d53fe9132c2af190', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("span", { class: "content" }, h("dso-renvooi", { value: this.locatieNoemer })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
-    }
-    get host() { return this; }
-    static get style() { return annotationCss(); }
-}, [257, "dso-annotation-locatie", {
-        "wijzigactie": [513],
-        "active": [516],
-        "gewijzigdeLocatie": [516, "gewijzigde-locatie"],
-        "locatieNoemer": [1, "locatie-noemer"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dso-annotation-locatie", "dso-icon", "dso-icon-button", "dso-label", "dso-renvooi", "dso-slide-toggle", "dso-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dso-annotation-locatie":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), AnnotationLocatie);
-            }
-            break;
-        case "dso-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$6();
-            }
-            break;
-        case "dso-icon-button":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$5();
-            }
-            break;
-        case "dso-label":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$4();
-            }
-            break;
-        case "dso-renvooi":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "dso-slide-toggle":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "dso-tooltip":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { AnnotationLocatie as A, defineCustomElement as d };
-//# sourceMappingURL=annotation-locatie.js.map
-
-//# sourceMappingURL=annotation-locatie.js.map
+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:"f73c4480e55cea90ca7774c1d53fe9132c2af190",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}

package/dist/components/annotation-watcher.js

@@ -1,35 +1 @@
-import { h, forceUpdate } from '@stencil/core/internal/client';
-
-const AnnotationGewijzigdeLocatie = () => (h("dso-label", { class: "gewijzigde-locatie", status: "warning", compact: true }, "gewijzigde locatie"));
-
-const AnnotationSymbolSlot = () => h("slot", { name: "symbool" });
-
-const observers = new WeakMap();
-function watcher(host) {
-    return {
-        watch() {
-            let observer = observers.get(host);
-            if (!observer) {
-                observer = new MutationObserver(() => forceUpdate(host));
-                observers.set(host, observer);
-            }
-            observer.observe(host, { childList: true });
-        },
-        hasSymbool() {
-            return host.querySelector("[slot=symbool]") !== null;
-        },
-        unwatch() {
-            const observer = observers.get(host);
-            if (!observer) {
-                return;
-            }
-            observer.disconnect();
-            observers.delete(host);
-        },
-    };
-}
-
-export { AnnotationGewijzigdeLocatie as A, AnnotationSymbolSlot as a, watcher as w };
-//# sourceMappingURL=annotation-watcher.js.map
-
-//# sourceMappingURL=annotation-watcher.js.map
+import{h as t,forceUpdate as e}from"@stencil/core/internal/client";const o=()=>t("dso-label",{class:"gewijzigde-locatie",status:"warning",compact:!0},"gewijzigde locatie"),a=()=>t("slot",{name:"symbool"}),s=new WeakMap;function l(t){return{watch(){let o=s.get(t);o||(o=new MutationObserver((()=>e(t))),s.set(t,o)),o.observe(t,{childList:!0})},hasSymbool:()=>null!==t.querySelector("[slot=symbool]"),unwatch(){const e=s.get(t);e&&(e.disconnect(),s.delete(t))}}}export{o as A,a,l as w}

package/dist/components/attachments-counter.js

@@ -1,43 +1 @@
-import { proxyCustomElement, HTMLElement, h, transformTag } from '@stencil/core/internal/client';
-import { d as defineCustomElement$1 } from './icon.js';
-
-const attachmentsCounterCss = () => `:host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.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)}.dso-attachments{color:var(--dso-attachments-counter-color, #666);display:inline-block;font-weight:400;text-decoration:none;white-space:nowrap}`;
-
-const AttachmentsCounter = /*@__PURE__*/ proxyCustomElement(class AttachmentsCounter extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h("span", { key: '5f3b8b2a8d9815c3c29772c9ba6bf2064d0b19ba', class: "dso-attachments" }, this.count, " ", h("span", { key: 'c74586ff0b984718507a1d1b6afa0cda132c247e', class: "sr-only" }, "bijlage", this.count !== 1 ? "n" : ""), h("dso-icon", { key: '0041e344074720593cae7eb02bf88cc87473e97b', icon: "paperclip" })));
-    }
-    static get style() { return attachmentsCounterCss(); }
-}, [257, "dso-attachments-counter", {
-        "count": [2]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dso-attachments-counter", "dso-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dso-attachments-counter":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), AttachmentsCounter);
-            }
-            break;
-        case "dso-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { AttachmentsCounter as A, defineCustomElement as d };
-//# sourceMappingURL=attachments-counter.js.map
-
-//# sourceMappingURL=attachments-counter.js.map
+import{proxyCustomElement as e,HTMLElement as t,h as s,transformTag as o}from"@stencil/core/internal/client";import{d as n}from"./icon.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s("span",{key:"5f3b8b2a8d9815c3c29772c9ba6bf2064d0b19ba",class:"dso-attachments"},this.count," ",s("span",{key:"c74586ff0b984718507a1d1b6afa0cda132c247e",class:"sr-only"},"bijlage",1!==this.count?"n":""),s("dso-icon",{key:"0041e344074720593cae7eb02bf88cc87473e97b",icon:"paperclip"}))}static get style(){return":host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.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)}.dso-attachments{color:var(--dso-attachments-counter-color, #666);display:inline-block;font-weight:400;text-decoration:none;white-space:nowrap}"}},[1,"dso-attachments-counter",{count:[2]}]);function a(){"undefined"!=typeof customElements&&["dso-attachments-counter","dso-icon"].forEach((e=>{switch(e){case"dso-attachments-counter":customElements.get(o(e))||customElements.define(o(e),c);break;case"dso-icon":customElements.get(o(e))||n()}}))}export{c as A,a as d}