@dso-toolkit/core 88.1.0-ghi-3495.0 → 89.0.0

package/dist/bundle/dso-toggletip.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h, F as Fragment, t as transformTag } from './p-DmmKAUIT.js';
 import { d as defineCustomElement$6 } from './p-DOIYXIWP.js';
 import { d as defineCustomElement$5 } from './p-DK5tN6xk.js';
-import { d as defineCustomElement$4 } from './p-BlmeQuBi.js';
-import { d as defineCustomElement$3 } from './p-B4abGpVU.js';
-import { d as defineCustomElement$2 } from './p-DaDL5_MA.js';
+import { d as defineCustomElement$4 } from './p-DlJ_GXgx.js';
+import { d as defineCustomElement$3 } from './p-cvGwDktk.js';
+import { d as defineCustomElement$2 } from './p-BO0PFU2G.js';
 
 const toggletipCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:inline-block;--tooltip-margin-block-start:0;--tooltip-margin-inline-start:3px;--tooltip-margin-inline-end:units.$u1 * -1 !important}:host(:focus){outline:none;z-index:410}`;
 
@@ -56,7 +56,7 @@ const Toggletip = /*@__PURE__*/ proxyCustomElement(class Toggletip extends H {
         };
     }
     render() {
-        return (h(Fragment, { key: 'e26981c1a52c89ee2377ebfa73bff27be2d5e098' }, h("dso-info-button", { key: 'ff7298ea6a5eee707cb0d456351b761f4bfcbe5a', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, secondary: this.secondary, ref: (element) => (this.infoButton = element) }), h("dso-tooltip", { key: '156794f4ce9e7dea1e22540c709a888567aa0303', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, h("slot", { key: '02c04ff3d2d67861513df709dc203e64fba05288' }))));
+        return (h(Fragment, { key: '8f9248d98faebe2d4690d8499b26388eb45bce13' }, h("dso-info-button", { key: '76b5a13feef2e933a830a85c0993766d7f9540b9', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, secondary: this.secondary, ref: (element) => (this.infoButton = element) }), h("dso-tooltip", { key: '5be6b386204463fce54f5034a70da8d7de01b12b', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, h("slot", { key: '317a3cf45ef8bca9ae0bb160a056dd3e471e4d16' }))));
     }
     get host() { return this; }
     static get style() { return toggletipCss(); }

package/dist/bundle/dso-tooltip.js

@@ -1,4 +1,4 @@
-import { T as Tooltip, d as defineCustomElement$1 } from './p-DaDL5_MA.js';
+import { T as Tooltip, d as defineCustomElement$1 } from './p-BO0PFU2G.js';
 
 const DsoTooltip = Tooltip;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-tree-view.js

@@ -1,7 +1,7 @@
 import { h, F as Fragment, p as proxyCustomElement, H, d as createEvent, t as transformTag } from './p-DmmKAUIT.js';
 import { c as clsx } from './p-ChV9xqsO.js';
 import { d as defineCustomElement$3 } from './p-DOIYXIWP.js';
-import { d as defineCustomElement$2 } from './p-Cdg52wAz.js';
+import { d as defineCustomElement$2 } from './p-BgGHk77B.js';
 
 const DsoTreeItem = ({ owner, ancestors, item, index, level, setSize, }) => (h("li", { key: item.id, class: clsx("tree-item", { "has-child": item.hasItems, "is-expanded": !!item.open && !!item.items?.length }), role: "none" }, h("div", { class: "tree-branch-control" }, item.hasItems ? (h("div", { onClick: (e) => owner.itemClick(e, ancestors, item) }, h("dso-icon", { icon: item.open ? "minus-square" : "plus-square" }))) : (h("dso-icon", null))), h("p", { class: clsx("tree-content", { active: item.active }, { selected: item.selected }), tabindex: level === 1 && index === 0 ? 0 : -1, role: "treeitem", "aria-expanded": item.hasItems ? "" + (!!item.open && !!item.items?.length) : undefined, "aria-current": item.active ? "true" : undefined, "aria-level": level, "aria-setsize": setSize, "aria-posinset": index + 1, "aria-busy": item.loading ? "true" : undefined, "data-item-id": item.id, onClick: (e) => owner.itemClick(e, ancestors, item) }, item.selected && h("span", { class: "sr-only" }, "Resultaat: "), item.href ? (h("a", { href: item.href, tabindex: "-1" }, item.label)) : (h("span", null, item.label)), item.icons?.map((icon) => (h("dso-icon", { icon: icon.icon, title: icon.label })))), item.open && (h(Fragment, null, item.hasItems && !item.items && item.loading ? (h("dso-progress-indicator", { size: "small", label: "Resultaten laden: een moment geduld alstublieft." })) : (h("ul", { role: "group" }, item.items?.map((childItem, childIndex, org) => (h(DsoTreeItem, { owner: owner, ancestors: [...ancestors, item], item: childItem, index: childIndex, level: level + 1, setSize: org.length })))))))));
 
@@ -185,7 +185,7 @@ const TreeView = /*@__PURE__*/ proxyCustomElement(class TreeView extends H {
         return false;
     }
     render() {
-        return (h("div", { key: '2f0b7503f9ea0fc0a440ff5f33ad300e91665c22', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: '17aa24c09ab08108fa762171daa024cfe7ec97bd', 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: '28773fea742ffc79fa48c8a51cf4dc8c8ad00527', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: '5d4629f3e9261d625618a60b9da8fd43089cf153', 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 style() { return treeViewCss(); }
 }, [1, "dso-tree-view", {

package/dist/bundle/dso-viewer-grid.js

@@ -32,7 +32,7 @@ const DocumentPanel = ({ tabView, panelSize, shrinkDocumentPanel, expandDocument
         }
     } }, !tabView && (h(SizingButtons, { panelLabel: "Documentpaneel", size: panelSize, expand: expandDocumentPanel, shrink: shrinkDocumentPanel, placement: "right" })), h("div", { class: "content" }, h("slot", { name: "document-panel" }))));
 
-const FilterPanel = ({ open, title, ref, dsoCloseFilterPanel, }) => (h("dialog", { class: "filter-panel", ref: ref }, open && (h(Fragment, null, title && h("h3", null, title), h("dso-icon-button", { class: "dso-close", icon: "times", variant: "tertiary", label: "Sluiten", onDsoClick: dsoCloseFilterPanel }), h("slot", { name: "filter-panel" })))));
+const FilterPanel = ({ open, title, ref, dsoCloseFilterPanel, }) => (h("dialog", { class: "filter-panel", ref: ref, inert: !open }, open && (h(Fragment, null, title && h("h3", null, title), h("dso-icon-button", { class: "dso-close", icon: "times", variant: "tertiary", label: "Sluiten", onDsoClick: dsoCloseFilterPanel }), h("slot", { name: "filter-panel" })))));
 
 const MainPanel = ({ tabView, mainSize, documentPanelOpen, mainPanelExpanded, mainPanelHidden, toggleMainPanel, dsoMainSizeChangeAnimationEnd, }) => (h("div", { class: clsx("dso-main-panel", {
         compact: !tabView && documentPanelOpen && !mainPanelExpanded,
@@ -208,7 +208,7 @@ const ViewerGrid = /*@__PURE__*/ proxyCustomElement(class ViewerGrid extends H {
         }
     }
     render() {
-        return (h(Fragment, { key: 'fd5aae87d4f828fb424ad2d5e94ddd8b1f5d4f42' }, h("slot", { key: 'c0c9bb954e5be8094829e6b318e26ecc9b0589a8', name: "top-bar" }), h("div", { key: 'bab5af8de9a6f93a92351863bc9a19afedb988f0', class: "viewer-grid-columns" }, this.tabView && (h("nav", { key: 'fa0c1c9d031973df436646f56e7811a71d10e239', class: "dso-navbar" }, h("ul", { key: '06b3b1283db7398b8650c4ac2a1da77f9f70fed6', 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: 'dbc7f0804538af76a3912f6fb44257420b6191da', 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: '13b104c74e350e85c91d70c2e4496cf3ef67c48d', 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: 'bbf1e07b73faa266320dd11e8508f75d6662bd0f', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: '18535b2863eafc8f8b9e071f6d0f53246f115b6e', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: '957768b90bf536edbf5e5b6ddfdbb738310a041e', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: '1418ab3bbf307f8e16472f6c8b2b3e585020da3c', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
+        return (h(Fragment, { key: '701250880588dc0d1357b083df32e35469d00b29' }, h("slot", { key: '782b16bcaf748a3627919ce4a0f450ecfd158b7f', name: "top-bar" }), h("div", { key: 'a86a69d697ec22cf8351aa5c252f2aa00b7d642d', class: "viewer-grid-columns" }, this.tabView && (h("nav", { key: 'c9f15febca2c2db8e75edccc09d01c5bee1f7733', class: "dso-navbar" }, h("ul", { key: '8846852eb2b91c6ab0da7e8c32ad7222d968b0b8', 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: '2fec21aea52e7965264802fba446b74903133c35', 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: 'bd8e70d683410ba4311d5b5373cd7368548d27c7', 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: '4d36f7fde4cdbc828db8e294bcdf595817dc8489', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: '82060c23a2cfdf4201db5055fa67c59bf31c615a', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: '274b483705e6fe96c3e260c7d039999769dead95', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: '1e948f7d76c4a398bb16716437764c8d64549317', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/bundle/dsot-document-component-demo.js

@@ -1,20 +1,20 @@
 import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-DmmKAUIT.js';
-import { g as getDefaultExportFromCjs, c as commonjsGlobal, d as defineCustomElement$9 } from './p-CkMSbq24.js';
+import { g as getDefaultExportFromCjs, c as commonjsGlobal, d as defineCustomElement$9 } from './p-CnVQ4Ot7.js';
 import { d as defineCustomElement$h } from './p-DRO1ZNJq.js';
-import { d as defineCustomElement$g } from './p-DDiTEgQy.js';
+import { d as defineCustomElement$g } from './p-gg8XBMZ8.js';
 import { d as defineCustomElement$f } from './p-CC5mzX8a.js';
-import { d as defineCustomElement$e } from './p-CcVFaq42.js';
+import { d as defineCustomElement$e } from './p-CMWH8g7N.js';
 import { d as defineCustomElement$d } from './p-DOIYXIWP.js';
 import { d as defineCustomElement$c } from './p-DK5tN6xk.js';
 import { d as defineCustomElement$b } from './p-BxQkUibV.js';
-import { d as defineCustomElement$a } from './p-BTDPqUEx.js';
-import { d as defineCustomElement$8 } from './p-DZqNdMzx.js';
-import { d as defineCustomElement$7 } from './p-B2vZ-Ooy.js';
+import { d as defineCustomElement$a } from './p-D4NMNwP8.js';
+import { d as defineCustomElement$8 } from './p-COl_WB5w.js';
+import { d as defineCustomElement$7 } from './p-CSLjMUxc.js';
 import { d as defineCustomElement$6 } from './p-DXIz32u2.js';
-import { d as defineCustomElement$5 } from './p-DKB9ct-1.js';
-import { d as defineCustomElement$4 } from './p-TtB7gC0S.js';
-import { d as defineCustomElement$3 } from './p-BJ0oKOe9.js';
-import { d as defineCustomElement$2 } from './p-DaDL5_MA.js';
+import { d as defineCustomElement$5 } from './p-srgNz1ix.js';
+import { d as defineCustomElement$4 } from './p-6jVpEP4Y.js';
+import { d as defineCustomElement$3 } from './p-RYgpam5C.js';
+import { d as defineCustomElement$2 } from './p-BO0PFU2G.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>

package/dist/bundle/{p-TtB7gC0S.js → p-6jVpEP4Y.js}

@@ -33,7 +33,7 @@ const SlideToggle = /*@__PURE__*/ proxyCustomElement(class SlideToggle extends H
         this.hasVisibleLabel = this.host.querySelector("*") !== null;
     }
     render() {
-        return (h(Fragment, { key: '6f8cb585f28af771e9e2e30edcd998636b49a07e' }, h("button", { key: '150a54b7dc10b101d4df5969eb32a148a7a12e00', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, h("svg", { key: 'a895c7220844b07b3f11577733a0dc20b04bc2ac', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '6463ca8bbfb5eada2f1116a27e2aaf37518cc8b4', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: '26c2008eb29338118c768f4d7f554c57682b3794', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: '0d4bcd6535c6871c7a76336ed54f422c921215a7', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: '1bf110d74fcee6b55cb97a0c6d0751bcf4f2d788', htmlFor: this.identifier }, h("slot", { key: '583e1c87b6132efc63c6d450b1da3e6090d9aefa' })))));
+        return (h(Fragment, { key: 'fd420c3eabb3c18d3f89fb74d94071129b09c9c4' }, h("button", { key: '6869163132f3a92ec49c16bf110f01372cf753ac', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, h("svg", { key: '3b14d668ef38a67327553afc556dfa2393bdd1e4', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '177d3abd24e397afecad42637d465d1f7cac4605', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: 'b3ed4d615406eff74ab55c20721ceabf8e26c62b', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: '50f54882f08a02df04e89431cc50a4cc87017f5d', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: 'bf719234765f9c6bf5475b1d0dec6775831eb82b', htmlFor: this.identifier }, h("slot", { key: '3a34c3d2c3e5577d0b7fde8f48ada26d296b72c7' })))));
     }
     get host() { return this; }
     static get style() { return slideToggleCss(); }

package/dist/bundle/{p-DaDL5_MA.js → p-BO0PFU2G.js}

@@ -2022,7 +2022,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
         }
     }
     render() {
-        return (h(Host, { key: '909433bb6729c8113d91d7883a9116c6d3f6a130', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, h("div", { key: 'd7f378305d8542489d860971ea5828c99af4bb29', class: clsx("tooltip", { in: this.active }) }, !this.noArrow && h("div", { key: '0660d488775a5f1d224026240bdd9a9fa27ea8a3', "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { key: 'f85867f57c8ce979dbdbf6609b815bd68b51e7db', "aria-hidden": !this.descriptive || undefined, class: clsx("tooltip-inner", { "dso-small": this.small }) }, h("slot", { key: '8f1635a9ea708f6652af6df384abef4c9cb37000' })))));
+        return (h(Host, { key: 'df7b36c323854ed984ca4f0869a0fd104bf8ac01', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, h("div", { key: 'f7e55f98183aa3617fdcbfa380434c9e4c8ae830', class: clsx("tooltip", { in: this.active }) }, !this.noArrow && h("div", { key: '8454e52046786728d0dca36361138dfb068bbe80', "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { key: '4aa699b77b97f42dc34c8d73f6615e2df336dd3e', "aria-hidden": !this.descriptive || undefined, class: clsx("tooltip-inner", { "dso-small": this.small }) }, h("slot", { key: '8822632e819655eea961dc9bb5f0a14f6778ff50' })))));
     }
     activatePopper() {
         this.hidden = false;

package/dist/bundle/{p-B8h8JEt9.js → p-BVdZO6ww.js}

@@ -2,8 +2,8 @@ import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, F as
 import { d as defineCustomElement$5 } from './p-DOIYXIWP.js';
 import { d as defineCustomElement$4 } from './p-DK5tN6xk.js';
 import { d as defineCustomElement$3 } from './p-DeNLhtpE.js';
-import { d as defineCustomElement$2 } from './p-BlmeQuBi.js';
-import { d as defineCustomElement$1 } from './p-B4abGpVU.js';
+import { d as defineCustomElement$2 } from './p-DlJ_GXgx.js';
+import { d as defineCustomElement$1 } from './p-cvGwDktk.js';
 
 /**
  * Form random hash
@@ -67,7 +67,7 @@ const Selectable = /*@__PURE__*/ proxyCustomElement(class Selectable extends H {
     }
     render() {
         const hasInfo = !!this.host.querySelector('[slot="info"]');
-        return (h(Fragment, { key: 'ef9266ba55a0b09b713b0db156b81aed81e0303b' }, h("div", { key: '5102487217db6463fc573f93d5e1091d06f9fd5c', class: "dso-selectable-container" }, h("div", { key: '3b2c134bf051b90ee3f10939b215cf26dabfe089', class: "dso-selectable-input-wrapper" }, h("input", { key: '5b4abb0f542feb5f69b0ae72d48a9b90961fe4c8', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: 'e21c9db5c10ba7ba8661d9cb916c5ae4c0051253', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: '6519a61faaae0bae8af2cf8e8dca6787dbeb3a03', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: 'b51ca7bb704db41f032ad9182218e75d1445485b' }, h("slot", { key: 'af40654ba8b92360375cdb9623c5b97bfcab00ed', name: "info" })))), h("slot", { key: 'cd58263f88317ecc13d2121dc82f6db55f39e45a', name: "options" })));
+        return (h(Fragment, { key: '92526734f28bee1950a2f122a26cbf599d5c3a8f' }, h("div", { key: 'bdfd1c9a47b0d0d34c3c627b39d5804cf014856c', class: "dso-selectable-container" }, h("div", { key: 'f1f12523d41c4a6ecdc025a76e27e9eaef43d79d', class: "dso-selectable-input-wrapper" }, h("input", { key: '07429c725a6313cb7302720b5baab78ad3fa4f6a', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: 'de1df0aebbe572927f7187adb0780d635fd05a35', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: 'f2f6299fc6fa390398603d444b66a464160e4800', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: 'f3a602f0101f27fb6b6e9a528c911d1b8ce726d6' }, h("slot", { key: '2d80315a431d53b22a4329402f51bb7511972cff', name: "info" })))), h("slot", { key: '6409a2cafa87c8d579eb817b65d82c7f73099a81', name: "options" })));
     }
     componentDidRender() {
         if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {

package/dist/bundle/{p-Cdg52wAz.js → p-BgGHk77B.js}

@@ -27,7 +27,7 @@ const Progressindicator = /*@__PURE__*/ proxyCustomElement(class Progressindicat
         this.text = i18n(() => this.host, translations);
     }
     render() {
-        return (h(Host, { key: 'ee45939e0a64edc38e14a3c88c4a25cd950e8c1d' }, h("span", { key: '922c75b19791d752db1e1444f244db621081d6a5', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: 'b34890d529d1b18f674c08ca4e38a5ffb7372be1', icon: "spinner" })), h("span", { key: 'f2d2c719718dc14fde6c4f9e0cf14920b8e71606', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
+        return (h(Host, { key: '5fa9e0caf06bc75410aa225a4e99e50b381bb396' }, h("span", { key: 'b89e86db1ffe6138b2ed33f08ea462e2501cf3c5', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: 'af7338d1bd50ca89206450c006f60f8b912eb9a7', icon: "spinner" })), h("span", { key: '6deb8a1b9a92d089d7260caee85f72c4ab7d46e8', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
     }
     get host() { return this; }
     static get style() { return progressIndicatorCss(); }

package/dist/bundle/{p-CcVFaq42.js → p-CMWH8g7N.js}

@@ -1,16 +1,16 @@
 import { h, p as proxyCustomElement, H, d as createEvent, F as Fragment, c as Host, t as transformTag } from './p-DmmKAUIT.js';
-import { p as parseXml, a as parseWijzigactieFromNode, M as MarkText, d as defineCustomElement$5 } from './p-CkMSbq24.js';
+import { p as parseXml, a as parseWijzigactieFromNode, M as MarkText, d as defineCustomElement$5 } from './p-CnVQ4Ot7.js';
 import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
 import { d as defineCustomElement$b } from './p-DRO1ZNJq.js';
 import { d as defineCustomElement$a } from './p-CC5mzX8a.js';
 import { d as defineCustomElement$9 } from './p-DOIYXIWP.js';
 import { d as defineCustomElement$8 } from './p-DK5tN6xk.js';
 import { d as defineCustomElement$7 } from './p-BxQkUibV.js';
-import { d as defineCustomElement$6 } from './p-BTDPqUEx.js';
-import { d as defineCustomElement$4 } from './p-DZqNdMzx.js';
-import { d as defineCustomElement$3 } from './p-B2vZ-Ooy.js';
-import { d as defineCustomElement$2 } from './p-BJ0oKOe9.js';
-import { d as defineCustomElement$1 } from './p-DaDL5_MA.js';
+import { d as defineCustomElement$6 } from './p-D4NMNwP8.js';
+import { d as defineCustomElement$4 } from './p-COl_WB5w.js';
+import { d as defineCustomElement$3 } from './p-CSLjMUxc.js';
+import { d as defineCustomElement$2 } from './p-RYgpam5C.js';
+import { d as defineCustomElement$1 } from './p-BO0PFU2G.js';
 
 const Heading = ({ heading, mode, href, onClick, ...props }, children) => {
     let headingElement;

package/dist/bundle/{p-DZqNdMzx.js → p-COl_WB5w.js}

@@ -72,7 +72,7 @@ const ozonContentToggletip = /*@__PURE__*/ proxyCustomElement(class ozonContentT
         this.cleanUp = undefined;
     }
     render() {
-        return (h(Fragment, { key: '6ca8389ae3506b5a4d942563a398167902005fd6' }, h("span", { key: '9e7a0e672e5a1614179daa4e841bfcaa730af333', class: "toggletip-button", role: "button", tabindex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, h("span", { key: 'afb28e9f63bfed235a37c6afe03f1338ba184f74', class: "icon-container" }, h("slot", { key: '800fb1ad6abbcc8fe7c067600fe83a4d74e14068', name: "label" }), h("dso-icon", { key: '666a576e50f421194c6a2f90164b1af8182367a2', icon: this.icon }))), h(Tooltip, { key: 'ac237dd0379f8f477dcdcfa01c82bc3bc87427ab', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, h("slot", { key: '3903363daebfec9c0c281debd01fcd904999b6ae' }))));
+        return (h(Fragment, { key: '6ca8389ae3506b5a4d942563a398167902005fd6' }, h("span", { key: '9e7a0e672e5a1614179daa4e841bfcaa730af333', class: "toggletip-button", role: "button", tabindex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, this.icon && (h("span", { key: '2dbaf153e49562af58eed2e947aee7eb35a0b95f', class: "icon-container" }, h("slot", { key: 'ffb0a66fbad97a4a5450e230af2ef304a270f35b', name: "label" }), h("dso-icon", { key: 'e68145dcaf3e6824bc34351c7f725ffcf7b5a25d', icon: this.icon }))), !this.icon && h("slot", { key: 'a7aa62d3d95cf798023d6636f2291d5fef37d63e', name: "label" })), h(Tooltip, { key: 'bfdffd0c449995984d298187fbf1eea29a2b18f7', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, h("slot", { key: '1fb2dc80e42b086e2199b41432666aad7c388cc6' }))));
     }
     get host() { return this; }
     static get style() { return ozonContentToggletipCss(); }

package/dist/bundle/{p-B2vZ-Ooy.js → p-CSLjMUxc.js}

@@ -34,7 +34,7 @@ const Panel = /*@__PURE__*/ proxyCustomElement(class Panel extends H {
         this.text = i18n(() => this.host, translations);
     }
     render() {
-        return (h("div", { key: '9818e0a3e591f0ed6940c2ec4bb3883f88157644', class: clsx(["dso-panel", { emphasized: this.emphasized }]) }, h("div", { key: 'f482f17e12d893a3f3c0d7a2f4f0a90c97be55c6', class: "panel-heading" }, h("slot", { key: 'dc5072f994d7dae3a0c3d2651fb75e861032eb34', name: "heading" }), h("dso-icon-button", { key: '29400f70ff6c03f420d3dfbd8f71a439930b908a', icon: "times", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), h("div", { key: 'c570ad011859f16b32591ce62f0fc77c69a3668c', class: "panel-body" }, h("slot", { key: '1ee358a4c03548da504bb50489ce7bf4e7bc7518' }))));
+        return (h("div", { key: '99d102b8bb08fc7f673eea6b7c7cc6c7b0c4d88e', class: clsx(["dso-panel", { emphasized: this.emphasized }]) }, h("div", { key: 'b0cfb4b2f60f5af467e2b74b58c59919dced4d46', class: "panel-heading" }, h("slot", { key: 'e5a0b9d077b9c254996d8cf6f289704370b07f6a', name: "heading" }), h("dso-icon-button", { key: '5939e4d1120f30ec2310357f7bbb3af17e108ddc', icon: "times", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), h("div", { key: 'e845349815336c7e84c3445dfe82512c156bbcf6', class: "panel-body" }, h("slot", { key: 'e7575c10f26f6e65fcc0b94b47e3864fcd6e9525' }))));
     }
     get host() { return this; }
     static get style() { return panelCss(); }

package/dist/bundle/{p-CkMSbq24.js → p-CnVQ4Ot7.js}

@@ -5,9 +5,9 @@ import { v as v4 } from './p-C_akviUd.js';
 import { d as defineCustomElement$6 } from './p-DOIYXIWP.js';
 import { d as defineCustomElement$5 } from './p-DK5tN6xk.js';
 import { d as defineCustomElement$4 } from './p-BxQkUibV.js';
-import { d as defineCustomElement$3 } from './p-DZqNdMzx.js';
-import { d as defineCustomElement$2 } from './p-BJ0oKOe9.js';
-import { d as defineCustomElement$1 } from './p-DaDL5_MA.js';
+import { d as defineCustomElement$3 } from './p-COl_WB5w.js';
+import { d as defineCustomElement$2 } from './p-RYgpam5C.js';
+import { d as defineCustomElement$1 } from './p-BO0PFU2G.js';
 
 const MarkText = ({ mark, text, emitMarkItemHighlight }) => {
     const result = mark(text);
@@ -772,7 +772,7 @@ class OzonContentIntRefNode {
                 !definitieXMLDocument.documentElement.hasChildNodes()) {
                 return mapNodeToJsx(node.childNodes);
             }
-            return (h("dso-ozon-content-toggletip", { icon: "info" }, h("span", { slot: "label" }, mapNodeToJsx(node.childNodes)), mapNodeToJsx(Array.from(definitieXMLDocument.documentElement.childNodes))));
+            return (h("dso-ozon-content-toggletip", null, h("span", { slot: "label" }, mapNodeToJsx(node.childNodes)), mapNodeToJsx(Array.from(definitieXMLDocument.documentElement.childNodes))));
         }
         const handleIntRefClick = (event) => {
             emitClick({

package/dist/bundle/{p-BTDPqUEx.js → p-D4NMNwP8.js}

@@ -3,7 +3,7 @@ import { c as clsx } from './p-ChV9xqsO.js';
 import { d as debounce } from './p-baWVwd8J.js';
 import { d as defineCustomElement$3 } from './p-DOIYXIWP.js';
 import { d as defineCustomElement$2 } from './p-DK5tN6xk.js';
-import { d as defineCustomElement$1 } from './p-DaDL5_MA.js';
+import { d as defineCustomElement$1 } from './p-BO0PFU2G.js';
 
 const labelCss = () => `:host{display:inline-block;max-inline-size:100%;font-weight:normal}*,*::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-label{border-radius:4px;display:inline-block;line-height:1.5;max-inline-size:100%;padding-block:4px;padding-inline:8px}.dso-label:focus-within,.dso-label.dso-hover{text-decoration:line-through}.dso-label{--_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}.dso-label 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"))}.dso-label 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"))}.dso-label 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"))}.dso-label 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"))}.dso-label{--_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:#f2f2f2;color:#191919}.dso-label.dso-label-info{--_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}.dso-label.dso-label-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"))}.dso-label.dso-label-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"))}.dso-label.dso-label-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"))}.dso-label.dso-label-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"))}.dso-label.dso-label-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:#6ca4d9;color:#191919}.dso-label.dso-label-primary{--_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}.dso-label.dso-label-primary 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-wit"))}.dso-label.dso-label-primary 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-wit"))}.dso-label.dso-label-primary 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-wit"))}.dso-label.dso-label-primary 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-wit"))}.dso-label.dso-label-primary{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#275937;color:#fff}.dso-label.dso-label-success{--_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}.dso-label.dso-label-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-wit"))}.dso-label.dso-label-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-wit"))}.dso-label.dso-label-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-wit"))}.dso-label.dso-label-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-wit"))}.dso-label.dso-label-success{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#39870c;color:#fff}.dso-label.dso-label-warning{--_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}.dso-label.dso-label-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"))}.dso-label.dso-label-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"))}.dso-label.dso-label-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"))}.dso-label.dso-label-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"))}.dso-label.dso-label-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:#dcd400;color:#191919}.dso-label.dso-label-error{--_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}.dso-label.dso-label-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-wit"))}.dso-label.dso-label-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-wit"))}.dso-label.dso-label-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-wit"))}.dso-label.dso-label-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-wit"))}.dso-label.dso-label-error{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#ce3f51;color:#fff}.dso-label.dso-label-bright{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;outline:1px solid #ccc;outline-offset:-1px}.dso-label.dso-label-attention{--_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}.dso-label.dso-label-attention 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-wit"))}.dso-label.dso-label-attention 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-wit"))}.dso-label.dso-label-attention 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-wit"))}.dso-label.dso-label-attention 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-wit"))}.dso-label.dso-label-attention{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#8b4a6a;color:#fff}.dso-label.dso-label-filter{--_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}.dso-label.dso-label-filter 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"))}.dso-label.dso-label-filter 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"))}.dso-label.dso-label-filter 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"))}.dso-label.dso-label-filter 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"))}.dso-label.dso-label-filter{--_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-inline-start:5px solid #6ca4d9}.dso-label.dso-label-toegevoegd{--_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}.dso-label.dso-label-toegevoegd 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"))}.dso-label.dso-label-toegevoegd 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"))}.dso-label.dso-label-toegevoegd 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"))}.dso-label.dso-label-toegevoegd 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"))}.dso-label.dso-label-toegevoegd{--_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}.dso-label.dso-label-verwijderd{--_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}.dso-label.dso-label-verwijderd 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"))}.dso-label.dso-label-verwijderd 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"))}.dso-label.dso-label-verwijderd 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"))}.dso-label.dso-label-verwijderd 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"))}.dso-label.dso-label-verwijderd{--_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){.dso-label.dso-label-verwijderd{font-family:sans-serif}}.dso-label.dso-compact{padding-block:0;padding-inline:8px}.dso-label.dso-hover .dso-label-content{text-decoration:line-through}.dso-truncate.dso-label-content{display:inline-block;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}:host([removable]) .dso-truncate.dso-label-content{max-inline-size:calc(100% - 28px)}dso-icon-button{float:inline-end;margin-inline-start:8px;margin-inline-end:-4px}`;
 

package/dist/bundle/{p-BlmeQuBi.js → p-DlJ_GXgx.js}

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transf
 import { p as positionTooltip, T as Tooltip } from './p-BzrfS3rM.js';
 import { d as defineCustomElement$3 } from './p-DOIYXIWP.js';
 import { d as defineCustomElement$2 } from './p-DK5tN6xk.js';
-import { d as defineCustomElement$1 } from './p-B4abGpVU.js';
+import { d as defineCustomElement$1 } from './p-cvGwDktk.js';
 
 const infoButtonCss = () => `:host{--_dt-scrollable-border-radius:4px;--_dt-scrollable-container-padding-inline:16px;--_dt-scrollable-container-padding-block:8px;display:inline-block}*,*::after,*::before{box-sizing:border-box}.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;transition:opacity 0.15s;max-inline-size:640px}.dso-tooltip.visible{opacity:1;visibility:visible}.dso-tooltip .tooltip-inner{--_dt-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:0;padding-inline:0;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}.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)}button{background-color:transparent;color:#39870c;border:0;margin-inline-start:var(--_dt-info-button-margin-inline-start, 8px);padding:0}button.dso-info-secondary{color:#666}button{vertical-align:top;line-height:1}dso-icon-button{vertical-align:top;margin-inline-start:var(--_dt-info-button-margin-inline-start, 8px)}`;
 

package/dist/bundle/{p-BJ0oKOe9.js → p-RYgpam5C.js}

@@ -42,7 +42,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
     }
     render() {
         const caption = this.host.querySelector(":scope > table > caption")?.textContent?.trim();
-        return (h(Host, { key: '7748f1499d7d632b5e1c633cf4890c9e2698a4c6', "is-responsive": this.isResponsive?.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: 'd3118c003dfa687c6aa41814f5391a7986135edd', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (h("dialog", { class: "dso-modal", ref: (element) => (this.dialogElement = element), onClose: this.dialogCloseEventListener }, h("div", { class: "dso-dialog dso-table-dialog", "aria-labelledby": this.labelledbyId }, h("div", { class: "dso-header" }, h("h2", { id: this.labelledbyId, class: { "sr-only": !caption } }, caption || "Uitvergrote tabel dialoog"), h("dso-icon-button", { icon: "times", 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: '24c6ce07b9d38a32576c4415dbcdd9fc86c137d7', "is-responsive": this.isResponsive?.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: '51221f7be1aad0ec94169f1cf0b578ade02c1cbc', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (h("dialog", { class: "dso-modal", ref: (element) => (this.dialogElement = element), onClose: this.dialogCloseEventListener }, h("div", { class: "dso-dialog dso-table-dialog", "aria-labelledby": this.labelledbyId }, h("div", { class: "dso-header" }, h("h2", { id: this.labelledbyId, class: { "sr-only": !caption } }, caption || "Uitvergrote tabel dialoog"), h("dso-icon-button", { icon: "times", 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))))));
     }
     openModal() {
         this.placeholderHeight = this.host.clientHeight;

package/dist/bundle/{p-B4abGpVU.js → p-cvGwDktk.js}

@@ -95,9 +95,9 @@ const Scrollable = /*@__PURE__*/ proxyCustomElement(class Scrollable extends H {
         this.slottedElements.forEach((element) => resizeObserver.unobserve(element));
     }
     render() {
-        return (h("div", { key: '2846269d0f8e94e578e5b5a7590c405b24893785', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: 'c9f80a36c70276af166298c6d28de0d5688b5297', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
+        return (h("div", { key: 'e94af45c3732f7691a092af7bf842391af3c437c', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: '154edbc32a0902fb5f006c647bbdeb9c564cf981', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
                 [`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== "noScroll",
-            }), onScroll: () => this._setScrollState() }, h("slot", { key: 'a53d2ff277b464e3390ff9c440fe8760d61eb798' }))));
+            }), onScroll: () => this._setScrollState() }, h("slot", { key: 'b0a8bd4bb35413614c41ebb077bd7613e303682a' }))));
     }
     get host() { return this; }
     static get style() { return scrollableCss(); }

package/dist/bundle/{p-DDiTEgQy.js → p-gg8XBMZ8.js}

@@ -3,10 +3,10 @@ import { A as AnnotationBody } from './p-BrjfgYHu.js';
 import { w as watcher, A as AnnotationGewijzigdeLocatie, a as AnnotationSymbolSlot } from './p-Co2uuask.js';
 import { d as defineCustomElement$6 } from './p-DOIYXIWP.js';
 import { d as defineCustomElement$5 } from './p-DK5tN6xk.js';
-import { d as defineCustomElement$4 } from './p-BTDPqUEx.js';
+import { d as defineCustomElement$4 } from './p-D4NMNwP8.js';
 import { d as defineCustomElement$3 } from './p-DXIz32u2.js';
-import { d as defineCustomElement$2 } from './p-TtB7gC0S.js';
-import { d as defineCustomElement$1 } from './p-DaDL5_MA.js';
+import { d as defineCustomElement$2 } from './p-6jVpEP4Y.js';
+import { d as defineCustomElement$1 } from './p-BO0PFU2G.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:#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#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:#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}`;
 

package/dist/bundle/{p-DKB9ct-1.js → p-srgNz1ix.js}

@@ -48,7 +48,7 @@ const ResponsiveElement = /*@__PURE__*/ proxyCustomElement(class ResponsiveEleme
         this.observer.unobserve(this.host);
     }
     render() {
-        return (h(Host, { key: '1cdbc32cf7e69b0c032965b2260a54fc701ead2c', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: '9c2319d53cabfad7a698640e7605d2069dc555ac' })));
+        return (h(Host, { key: 'ca9c1b61a8604e516e05bdce5117192964831c90', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: 'd8465b9289ba9657d50c36cd0d43926e5ac47d3f' })));
     }
     get host() { return this; }
     static get style() { return responsiveElementCss(); }

package/dist/cjs/dso-alert_7.cjs.entry.js

@@ -893,7 +893,7 @@ class OzonContentIntRefNode {
                 !definitieXMLDocument.documentElement.hasChildNodes()) {
                 return mapNodeToJsx(node.childNodes);
             }
-            return (index.h("dso-ozon-content-toggletip", { icon: "info" }, index.h("span", { slot: "label" }, mapNodeToJsx(node.childNodes)), mapNodeToJsx(Array.from(definitieXMLDocument.documentElement.childNodes))));
+            return (index.h("dso-ozon-content-toggletip", null, index.h("span", { slot: "label" }, mapNodeToJsx(node.childNodes)), mapNodeToJsx(Array.from(definitieXMLDocument.documentElement.childNodes))));
         }
         const handleIntRefClick = (event) => {
             emitClick({
@@ -1333,7 +1333,7 @@ const ozonContentToggletip = class {
         this.cleanUp = undefined;
     }
     render() {
-        return (index.h(index.Fragment, { key: '6ca8389ae3506b5a4d942563a398167902005fd6' }, index.h("span", { key: '9e7a0e672e5a1614179daa4e841bfcaa730af333', class: "toggletip-button", role: "button", tabindex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, index.h("span", { key: 'afb28e9f63bfed235a37c6afe03f1338ba184f74', class: "icon-container" }, index.h("slot", { key: '800fb1ad6abbcc8fe7c067600fe83a4d74e14068', name: "label" }), index.h("dso-icon", { key: '666a576e50f421194c6a2f90164b1af8182367a2', icon: this.icon }))), index.h(tooltip_functionalComponent.Tooltip, { key: 'ac237dd0379f8f477dcdcfa01c82bc3bc87427ab', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, index.h("slot", { key: '3903363daebfec9c0c281debd01fcd904999b6ae' }))));
+        return (index.h(index.Fragment, { key: '6ca8389ae3506b5a4d942563a398167902005fd6' }, index.h("span", { key: '9e7a0e672e5a1614179daa4e841bfcaa730af333', class: "toggletip-button", role: "button", tabindex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, this.icon && (index.h("span", { key: '2dbaf153e49562af58eed2e947aee7eb35a0b95f', class: "icon-container" }, index.h("slot", { key: 'ffb0a66fbad97a4a5450e230af2ef304a270f35b', name: "label" }), index.h("dso-icon", { key: 'e68145dcaf3e6824bc34351c7f725ffcf7b5a25d', icon: this.icon }))), !this.icon && index.h("slot", { key: 'a7aa62d3d95cf798023d6636f2291d5fef37d63e', name: "label" })), index.h(tooltip_functionalComponent.Tooltip, { key: 'bfdffd0c449995984d298187fbf1eea29a2b18f7', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, index.h("slot", { key: '1fb2dc80e42b086e2199b41432666aad7c388cc6' }))));
     }
     get host() { return index.getElement(this); }
 };
@@ -1365,7 +1365,7 @@ const Panel = class {
         this.text = i18n.i18n(() => this.host, translations);
     }
     render() {
-        return (index.h("div", { key: '9818e0a3e591f0ed6940c2ec4bb3883f88157644', class: clsx.clsx(["dso-panel", { emphasized: this.emphasized }]) }, index.h("div", { key: 'f482f17e12d893a3f3c0d7a2f4f0a90c97be55c6', class: "panel-heading" }, index.h("slot", { key: 'dc5072f994d7dae3a0c3d2651fb75e861032eb34', name: "heading" }), index.h("dso-icon-button", { key: '29400f70ff6c03f420d3dfbd8f71a439930b908a', icon: "times", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), index.h("div", { key: 'c570ad011859f16b32591ce62f0fc77c69a3668c', class: "panel-body" }, index.h("slot", { key: '1ee358a4c03548da504bb50489ce7bf4e7bc7518' }))));
+        return (index.h("div", { key: '99d102b8bb08fc7f673eea6b7c7cc6c7b0c4d88e', class: clsx.clsx(["dso-panel", { emphasized: this.emphasized }]) }, index.h("div", { key: 'b0cfb4b2f60f5af467e2b74b58c59919dced4d46', class: "panel-heading" }, index.h("slot", { key: 'e5a0b9d077b9c254996d8cf6f289704370b07f6a', name: "heading" }), index.h("dso-icon-button", { key: '5939e4d1120f30ec2310357f7bbb3af17e108ddc', icon: "times", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), index.h("div", { key: 'e845349815336c7e84c3445dfe82512c156bbcf6', class: "panel-body" }, index.h("slot", { key: 'e7575c10f26f6e65fcc0b94b47e3864fcd6e9525' }))));
     }
     get host() { return index.getElement(this); }
 };
@@ -1405,7 +1405,7 @@ const Table = class {
     }
     render() {
         const caption = this.host.querySelector(":scope > table > caption")?.textContent?.trim();
-        return (index.h(index.Host, { key: '7748f1499d7d632b5e1c633cf4890c9e2698a4c6', "is-responsive": this.isResponsive?.toString() }, this.modalActive && this.placeholderHeight && (index.h("div", { key: 'd3118c003dfa687c6aa41814f5391a7986135edd', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (index.h("dialog", { class: "dso-modal", ref: (element) => (this.dialogElement = element), onClose: this.dialogCloseEventListener }, index.h("div", { class: "dso-dialog dso-table-dialog", "aria-labelledby": this.labelledbyId }, index.h("div", { class: "dso-header" }, index.h("h2", { id: this.labelledbyId, class: { "sr-only": !caption } }, caption || "Uitvergrote tabel dialoog"), index.h("dso-icon-button", { icon: "times", variant: "tertiary", class: "dso-close", label: "Sluiten", onClick: () => this.closeModal() })), index.h("div", { class: "dso-body dso-table-body" }, index.h("slot", null))))) : (index.h(index.Fragment, null, index.h("div", { class: "dso-table-utilities", hidden: !this.isResponsive && this.noModal }, this.isResponsive && (index.h("div", { class: "dso-responsive-message" }, index.h("span", null, "beweeg de tabel van links naar rechts"))), !this.noModal && (index.h("button", { type: "button", class: "dso-tertiary open-modal-button", onClick: () => this.openModal() }, index.h("span", { class: "sr-only" }, "tabel ", caption ?? "", " "), index.h("span", null, "vergroten"), index.h("dso-icon", { icon: "external-link" })))), index.h("div", { class: "dso-table-body" }, index.h("slot", null))))));
+        return (index.h(index.Host, { key: '24c6ce07b9d38a32576c4415dbcdd9fc86c137d7', "is-responsive": this.isResponsive?.toString() }, this.modalActive && this.placeholderHeight && (index.h("div", { key: '51221f7be1aad0ec94169f1cf0b578ade02c1cbc', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (index.h("dialog", { class: "dso-modal", ref: (element) => (this.dialogElement = element), onClose: this.dialogCloseEventListener }, index.h("div", { class: "dso-dialog dso-table-dialog", "aria-labelledby": this.labelledbyId }, index.h("div", { class: "dso-header" }, index.h("h2", { id: this.labelledbyId, class: { "sr-only": !caption } }, caption || "Uitvergrote tabel dialoog"), index.h("dso-icon-button", { icon: "times", variant: "tertiary", class: "dso-close", label: "Sluiten", onClick: () => this.closeModal() })), index.h("div", { class: "dso-body dso-table-body" }, index.h("slot", null))))) : (index.h(index.Fragment, null, index.h("div", { class: "dso-table-utilities", hidden: !this.isResponsive && this.noModal }, this.isResponsive && (index.h("div", { class: "dso-responsive-message" }, index.h("span", null, "beweeg de tabel van links naar rechts"))), !this.noModal && (index.h("button", { type: "button", class: "dso-tertiary open-modal-button", onClick: () => this.openModal() }, index.h("span", { class: "sr-only" }, "tabel ", caption ?? "", " "), index.h("span", null, "vergroten"), index.h("dso-icon", { icon: "external-link" })))), index.h("div", { class: "dso-table-body" }, index.h("slot", null))))));
     }
     openModal() {
         this.placeholderHeight = this.host.clientHeight;

package/dist/cjs/dso-info_2.cjs.entry.js

@@ -74,7 +74,7 @@ const Selectable = class {
     }
     render() {
         const hasInfo = !!this.host.querySelector('[slot="info"]');
-        return (index.h(index.Fragment, { key: 'ef9266ba55a0b09b713b0db156b81aed81e0303b' }, index.h("div", { key: '5102487217db6463fc573f93d5e1091d06f9fd5c', class: "dso-selectable-container" }, index.h("div", { key: '3b2c134bf051b90ee3f10939b215cf26dabfe089', class: "dso-selectable-input-wrapper" }, index.h("input", { key: '5b4abb0f542feb5f69b0ae72d48a9b90961fe4c8', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (index.h("label", { htmlFor: this.getIdentifier() }, index.h("slot", null))) : (index.h("label", null, index.h("slot", null)))), hasInfo && !this.infoFixed && (index.h("dso-info-button", { key: 'e21c9db5c10ba7ba8661d9cb916c5ae4c0051253', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (index.h("dso-info", { key: '6519a61faaae0bae8af2cf8e8dca6787dbeb3a03', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, index.h("div", { key: 'b51ca7bb704db41f032ad9182218e75d1445485b' }, index.h("slot", { key: 'af40654ba8b92360375cdb9623c5b97bfcab00ed', name: "info" })))), index.h("slot", { key: 'cd58263f88317ecc13d2121dc82f6db55f39e45a', name: "options" })));
+        return (index.h(index.Fragment, { key: '92526734f28bee1950a2f122a26cbf599d5c3a8f' }, index.h("div", { key: 'bdfd1c9a47b0d0d34c3c627b39d5804cf014856c', class: "dso-selectable-container" }, index.h("div", { key: 'f1f12523d41c4a6ecdc025a76e27e9eaef43d79d', class: "dso-selectable-input-wrapper" }, index.h("input", { key: '07429c725a6313cb7302720b5baab78ad3fa4f6a', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (index.h("label", { htmlFor: this.getIdentifier() }, index.h("slot", null))) : (index.h("label", null, index.h("slot", null)))), hasInfo && !this.infoFixed && (index.h("dso-info-button", { key: 'de1df0aebbe572927f7187adb0780d635fd05a35', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (index.h("dso-info", { key: 'f2f6299fc6fa390398603d444b66a464160e4800', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, index.h("div", { key: 'f3a602f0101f27fb6b6e9a528c911d1b8ce726d6' }, index.h("slot", { key: '2d80315a431d53b22a4329402f51bb7511972cff', name: "info" })))), index.h("slot", { key: '6409a2cafa87c8d579eb817b65d82c7f73099a81', name: "options" })));
     }
     componentDidRender() {
         if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {

package/dist/cjs/dso-label_3.cjs.entry.js

@@ -201,7 +201,7 @@ const SlideToggle = class {
         this.hasVisibleLabel = this.host.querySelector("*") !== null;
     }
     render() {
-        return (index$1.h(index$1.Fragment, { key: '6f8cb585f28af771e9e2e30edcd998636b49a07e' }, index$1.h("button", { key: '150a54b7dc10b101d4df5969eb32a148a7a12e00', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, index$1.h("svg", { key: 'a895c7220844b07b3f11577733a0dc20b04bc2ac', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, index$1.h("g", { key: '6463ca8bbfb5eada2f1116a27e2aaf37518cc8b4', fill: "none", "fill-rule": "evenodd" }, index$1.h("rect", { key: '26c2008eb29338118c768f4d7f554c57682b3794', width: "40", height: "20", fill: "currentColor", rx: "10" }), index$1.h("circle", { key: '0d4bcd6535c6871c7a76336ed54f422c921215a7', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (index$1.h("label", { key: '1bf110d74fcee6b55cb97a0c6d0751bcf4f2d788', htmlFor: this.identifier }, index$1.h("slot", { key: '583e1c87b6132efc63c6d450b1da3e6090d9aefa' })))));
+        return (index$1.h(index$1.Fragment, { key: 'fd420c3eabb3c18d3f89fb74d94071129b09c9c4' }, index$1.h("button", { key: '6869163132f3a92ec49c16bf110f01372cf753ac', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, index$1.h("svg", { key: '3b14d668ef38a67327553afc556dfa2393bdd1e4', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, index$1.h("g", { key: '177d3abd24e397afecad42637d465d1f7cac4605', fill: "none", "fill-rule": "evenodd" }, index$1.h("rect", { key: 'b3ed4d615406eff74ab55c20721ceabf8e26c62b', width: "40", height: "20", fill: "currentColor", rx: "10" }), index$1.h("circle", { key: '50f54882f08a02df04e89431cc50a4cc87017f5d', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (index$1.h("label", { key: 'bf719234765f9c6bf5475b1d0dec6775831eb82b', htmlFor: this.identifier }, index$1.h("slot", { key: '3a34c3d2c3e5577d0b7fde8f48ada26d296b72c7' })))));
     }
     get host() { return index$1.getElement(this); }
 };

package/dist/cjs/dso-plekinfo-card.cjs.entry.js

@@ -48,7 +48,7 @@ const PlekinfoCard = class {
     }
     render() {
         const hasSymbol = this.symbolSlottedElement !== null;
-        return (index.h(index.Host, { key: '42c5bc296e59dbfc912cd888dc243611c6ffafdf', "has-symbol": hasSymbol }, index.h(WrapWijzigactie, { key: '91a06b8a904bbe3b5870f46e8e7eda84c01757ce', wijzigactie: this.wijzigactie }, index.h("div", { key: '6a7ac6e906f489bb24b1e31c1227d2eaf65f71ff', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, index.h("slot", { key: '762f5bdce47001bbf5e8d57c8ae36ba8f6d9b1fb', name: "symbol" })), index.h("div", { key: '131130890339e740ac9349ceb9776c3a6ebb2666', class: "dso-plekinfo-card-heading" }, this.href ? (index.h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("span", { class: "icon-container" }, this.targetBlank ? (index.h(index.Fragment, null, index.h("dso-icon", { icon: "external-link" }), index.h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (index.h("dso-icon", { icon: "chevron-right" })), index.h("slot", { name: "heading" })))) : (index.h("slot", { name: "heading" })), this.metaSlottedElement !== null && index.h("slot", { key: '3e56c3449ac45affd3a5d85cba26ce9af266e74c', name: "meta" }), this.interaction !== null && index.h("slot", { key: 'b7302613596e7b20197ac5d44618ad23de3e7f18', name: "interaction" })), index.h("div", { key: 'fce257f5766cb4b1e08da52b0d113c316b31b852', class: "dso-plekinfo-card-content" }, index.h("slot", { key: '5fe3d3973377a3a65cc6efba87cb7113d48ea782', name: "content" })))));
+        return (index.h(index.Host, { key: 'a2c907d0f2be52a4816c2a0c7d73449a6f1463f2', "has-symbol": hasSymbol }, index.h(WrapWijzigactie, { key: '712a59c849527b431093889eb75edbb54a6b6217', wijzigactie: this.wijzigactie }, index.h("div", { key: 'bf76d9c9dccc1bac5c20c12abc57a1a6f4cc42b2', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, index.h("slot", { key: 'afcdc38b574d5422c2a93819949d1a74c88e5960', name: "symbol" })), index.h("div", { key: 'b4f0b7014e90ef73531a0beab46e275824e00272', class: "dso-plekinfo-card-heading" }, this.href ? (index.h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("span", { class: "icon-container" }, this.targetBlank ? (index.h(index.Fragment, null, index.h("dso-icon", { icon: "external-link" }), index.h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (index.h("dso-icon", { icon: "chevron-right" })), index.h("slot", { name: "heading" })))) : (index.h("slot", { name: "heading" })), this.metaSlottedElement !== null && index.h("slot", { key: 'b19d778fedb08afff8850a890afc1c5a6ddc5348', name: "meta" }), this.interaction !== null && index.h("slot", { key: 'a1b83b992f140324e8635ca873560f6f16198a8c', name: "interaction" })), index.h("div", { key: '47e066a797fcc2de5964a32efd6159d07df4f642', class: "dso-plekinfo-card-content" }, index.h("slot", { key: 'd51a70ff7e321488f4f1c52ccebff926de5c5efa', name: "content" })))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-progress-indicator.cjs.entry.js

@@ -24,7 +24,7 @@ const Progressindicator = class {
         this.text = i18n.i18n(() => this.host, translations);
     }
     render() {
-        return (index.h(index.Host, { key: 'ee45939e0a64edc38e14a3c88c4a25cd950e8c1d' }, index.h("span", { key: '922c75b19791d752db1e1444f244db621081d6a5', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, index.h("dso-icon", { key: 'b34890d529d1b18f674c08ca4e38a5ffb7372be1', icon: "spinner" })), index.h("span", { key: 'f2d2c719718dc14fde6c4f9e0cf14920b8e71606', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
+        return (index.h(index.Host, { key: '5fa9e0caf06bc75410aa225a4e99e50b381bb396' }, index.h("span", { key: 'b89e86db1ffe6138b2ed33f08ea462e2501cf3c5', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, index.h("dso-icon", { key: 'af7338d1bd50ca89206450c006f60f8b912eb9a7', icon: "spinner" })), index.h("span", { key: '6deb8a1b9a92d089d7260caee85f72c4ab7d46e8', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-project-item.cjs.entry.js

@@ -9,7 +9,7 @@ const ProjectItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Fragment, { key: '988e775eef7ccac4a4c7e29c66b60363382fcd52' }, index.h("div", { key: 'cbba4ed20f484d0be8ff153b08c5b3264e8d80e8', class: "project-item-header" }, index.h("div", { key: '8ae1d166d89f949d6d5fe5a277cd56cc0b3e2a78', class: "project-item-title" }, index.h("slot", { key: '1e346562ce6eb7504fb443bb37b4a6a91f33e10c', name: "title" }), this.label && (index.h("dso-label", { key: '6348e910a5e0955be3f5be83a16cd86d16751917', status: "error", compact: true }, this.label))), index.h("div", { key: 'd56b46330256aaff5377fb3adcb9f7b38e95809f', class: "project-item-actions" }, index.h("slot", { key: '70d31ec2087365954a66a37ef4e3af1b8f33eb7f', name: "actions" }))), index.h("div", { key: '2920a18a1099f02472436541bd2502a4332f094a', class: "project-item-info" }, index.h("div", { key: '60f4122ffe73b6acb8d642f6b4ed03fd538d0817', class: "project-item-progress" }, index.h("slot", { key: '2d97e7c2a8ad0bff01b2cc18ae0485232809692d', name: "progress" })), index.h("div", { key: '710e540c58835a7606e880b9ee57e586d745ccd2', class: "project-item-status" }, index.h("slot", { key: '30995a372181511e6b54b00b8b670e8be9bf6565', name: "status" })))));
+        return (index.h(index.Fragment, { key: 'ea5d57178d688d5153728f59d63fb9eca807902e' }, index.h("div", { key: '1601369295bde880747bca76a2d09e4af5e92df0', class: "project-item-header" }, index.h("div", { key: '2aea2de883cd682591c1ab8cff3f18589832d0bc', class: "project-item-title" }, index.h("slot", { key: '988bfa71770b9aa323a08f17d9fd4bd5430e0d11', name: "title" }), this.label && (index.h("dso-label", { key: 'bebc48107e8fdad8af897de5152e9848ab331bf7', status: "error", compact: true }, this.label))), index.h("div", { key: 'c8da0e2fb5f477dab60a3da9542c97d577a7c443', class: "project-item-actions" }, index.h("slot", { key: '7055bb2981bd48c6d46f236538caca79ab77a81b', name: "actions" }))), index.h("div", { key: 'ba0d34fff5d8f7d9de49faff24ec67471e42678f', class: "project-item-info" }, index.h("div", { key: '6d8549db9fe68754c112263f844343ba8d738236', class: "project-item-progress" }, index.h("slot", { key: 'f81d49758887cfc5df2a5a098fa7437a04b98c72', name: "progress" })), index.h("div", { key: 'f59d5570e3f34f7e307056d5429a0dc2a1194c60', class: "project-item-status" }, index.h("slot", { key: '14356e969dba3bd3118314a3e1b6cfcd8266fd5c', name: "status" })))));
     }
 };
 ProjectItem.style = projectItemCss();

package/dist/cjs/dso-responsive-element.cjs.entry.js

@@ -46,7 +46,7 @@ const ResponsiveElement = class {
         this.observer.unobserve(this.host);
     }
     render() {
-        return (index.h(index.Host, { key: '1cdbc32cf7e69b0c032965b2260a54fc701ead2c', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, index.h("slot", { key: '9c2319d53cabfad7a698640e7605d2069dc555ac' })));
+        return (index.h(index.Host, { key: 'ca9c1b61a8604e516e05bdce5117192964831c90', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, index.h("slot", { key: 'd8465b9289ba9657d50c36cd0d43926e5ac47d3f' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-scrollable.cjs.entry.js

@@ -93,9 +93,9 @@ const Scrollable = class {
         this.slottedElements.forEach((element) => resizeObserver.unobserve(element));
     }
     render() {
-        return (index$1.h("div", { key: '2846269d0f8e94e578e5b5a7590c405b24893785', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, index$1.h("div", { key: 'c9f80a36c70276af166298c6d28de0d5688b5297', ref: (el) => (this.scrollContainerDiv = el), class: clsx.clsx("dso-scroll-container", {
+        return (index$1.h("div", { key: 'e94af45c3732f7691a092af7bf842391af3c437c', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, index$1.h("div", { key: '154edbc32a0902fb5f006c647bbdeb9c564cf981', ref: (el) => (this.scrollContainerDiv = el), class: clsx.clsx("dso-scroll-container", {
                 [`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== "noScroll",
-            }), onScroll: () => this._setScrollState() }, index$1.h("slot", { key: 'a53d2ff277b464e3390ff9c440fe8760d61eb798' }))));
+            }), onScroll: () => this._setScrollState() }, index$1.h("slot", { key: 'b0a8bd4bb35413614c41ebb077bd7613e303682a' }))));
     }
     get host() { return index$1.getElement(this); }
 };

package/dist/cjs/dso-skiplink.cjs.entry.js

@@ -17,7 +17,7 @@ const Skiplink = class {
         return this.dsoSkiplinkClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent.isModifiedEvent(e) });
     }
     render() {
-        return (index.h("a", { key: 'ef34a12f08a519a13e3982e683195685a69f0434', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, index.h("dso-icon", { key: 'ea871d2ff696b90c840514a076ab7b1f59747629', icon: "chevron-right" })));
+        return (index.h("a", { key: 'c78ada691201b00d93801b8dc232bf9111e8dfa8', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, index.h("dso-icon", { key: '5e069b50839ca41db1a6a098df3d7c73e1ebdd08', icon: "chevron-right" })));
     }
 };
 Skiplink.style = skiplinkCss();