@dso-toolkit/core 99.0.0 → 99.1.0

package/dist/bundle/dso-map-base-layers.js

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-Di7uBIhp.js';
 import { i as i18n } from './p-CUWMAyh7.js';
-import { d as defineCustomElement$7 } from './p-DMMY0U7e.js';
-import { d as defineCustomElement$6 } from './p-P8bro__O.js';
-import { d as defineCustomElement$5 } from './p--cUlQ7cz.js';
-import { d as defineCustomElement$4 } from './p-SQkUa7w3.js';
-import { d as defineCustomElement$3 } from './p-DllcFyEo.js';
-import { d as defineCustomElement$2 } from './p-DKxBVCbw.js';
+import { d as defineCustomElement$7 } from './p-Du2uEAur.js';
+import { d as defineCustomElement$6 } from './p-BVpypRBU.js';
+import { d as defineCustomElement$5 } from './p-hUKFzHir.js';
+import { d as defineCustomElement$4 } from './p-D7MKa3Zt.js';
+import { d as defineCustomElement$3 } from './p-CjzslTc7.js';
+import { d as defineCustomElement$2 } from './p-D3Aw2q6j.js';
 import { v as v4 } from './p-BF0_OXTe.js';
 
 const translations = {
@@ -53,7 +53,7 @@ const MapBaseLayers = /*@__PURE__*/ proxyCustomElement(class MapBaseLayers exten
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (h("fieldset", { key: 'f905ab8e7758f4ee8eadd3687fc18445770bf611', class: "form-group dso-radios" }, h("legend", { key: 'd498d24d45289126c215c7efb691d0ea540f309a', class: "sr-only" }, "Achtergrond"), h("div", { key: '77a480daed34c328881671403de969757f35c4c8', class: "dso-label-container" }, h("span", { key: '00d32dd55f7061bb15c4fb03f2e7e8381068aa61', class: "control-label", "aria-hidden": "true" }, this.text("background"))), h("div", { key: '6793671b625b99be9dfc32d07c64947f41e0f046', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (h("dso-selectable", { key: baseLayer.id, type: "radio", value: baseLayer.name, checked: baseLayer.checked, disabled: baseLayer.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[baseLayer.id] = ref), onDsoChange: () => this.baseLayerChangeHandler(baseLayer) }, baseLayer.name, baseLayer.info ? h("p", { slot: "info" }, baseLayer.info) : null))))));
+        return (h("fieldset", { key: '4844cb7dc1f22b46db47516b2482c67673eb70f7', class: "form-group dso-radios" }, h("legend", { key: 'b0acfbdfe97f083ed88bfdc12a3e5da85f71e7c7', class: "sr-only" }, "Achtergrond"), h("div", { key: '6cf325954514f6279761f99ade9f6297fd0f2931', class: "dso-label-container" }, h("span", { key: '924198ae3890df319ce186a44b44d59640b21d1e', class: "control-label", "aria-hidden": "true" }, this.text("background"))), h("div", { key: 'fc609656c7c56a80d192ad7f68048a63b238777c', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (h("dso-selectable", { key: baseLayer.id, type: "radio", value: baseLayer.name, checked: baseLayer.checked, disabled: baseLayer.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[baseLayer.id] = ref), onDsoChange: () => this.baseLayerChangeHandler(baseLayer) }, baseLayer.name, baseLayer.info ? h("p", { slot: "info" }, baseLayer.info) : null))))));
     }
     get host() { return this; }
     static get style() { return mapBaseLayersCss(); }

package/dist/bundle/dso-map-controls.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-Di7uBIhp.js';
 import { i as i18n } from './p-CUWMAyh7.js';
 import { d as defineCustomElement$5 } from './p-BHLdB8zD.js';
-import { d as defineCustomElement$4 } from './p-DMMY0U7e.js';
-import { d as defineCustomElement$3 } from './p-P8bro__O.js';
-import { d as defineCustomElement$2 } from './p-DllcFyEo.js';
+import { d as defineCustomElement$4 } from './p-Du2uEAur.js';
+import { d as defineCustomElement$3 } from './p-BVpypRBU.js';
+import { d as defineCustomElement$2 } from './p-CjzslTc7.js';
 
 const translations = {
     en: {
@@ -137,7 +137,7 @@ const MapControls = /*@__PURE__*/ proxyCustomElement(class MapControls extends H
         this.clearPostTransitionTimeout();
     }
     render() {
-        return (h(Fragment, { key: '703fbea408b19cf0e0838a2978e2a798c76dd1c1' }, h("dso-icon-button", { key: 'e9fbef89d1b944712295514f0d02e8322b5cd21f', label: this.text("layersButton"), icon: "layers", variant: "map", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open, tooltipPlacement: "left", class: "toggle-visibility-icon-button", onDsoClick: (e) => this.toggleVisibilityInternal(e.detail.originalEvent, __classPrivateFieldGet(this, _MapControls_toggleIconButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), h("button", { key: 'd839e614a64f7d2812d892582f0c8809f81e934a', type: "button", class: "dso-map toggle-visibility-button", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open, onClick: (e) => this.toggleVisibilityInternal(e, __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, h("dso-icon", { key: 'abc286d1b6d791c9c3b62094e1be67586a623de3', icon: "layers" }), h("span", { key: '8a0ab41791f4e91284cbda3ce0539ec17488328a' }, this.text("layersButton"))), h("dso-button-group", { key: '051129619c434c8cbc458f812d66649b380cf71c', class: "zoom-buttons", direction: "column" }, h("dso-icon-button", { key: '69917e8ed0bbb1f2ffa712dce666912dae10e006', label: this.text("zoomIn"), icon: "plus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomIn.emit(e.detail.originalEvent), disabled: this.disableZoom === "in" || this.disableZoom === "both" }), h("dso-icon-button", { key: '4bf7591313b9cc8846b64a491e7f497ac0d3a6b4', label: this.text("zoomOut"), icon: "minus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomOut.emit(e.detail.originalEvent), disabled: this.disableZoom === "out" || this.disableZoom === "both" })), h("section", { key: 'f9ede31ee15774c190504cadbcce5cd3becc9599', id: __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), hidden: this.hideContent, role: "region", onKeyDown: this.handlePanelKeyDown, "aria-labelledby": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f") }, h("header", { key: '18b6c39ec9f018dc3c8eb557a589f0fbdb0593fc' }, h("h2", { key: 'ff0ebbb9e55284eca4f148de601de84bec921d12', id: __classPrivateFieldGet(this, _MapControls_mapLayersTitleId, "f"), tabIndex: -1 }, this.text("title")), h("dso-icon-button", { key: 'dc59d9005f02891d9f74a4e4aecc643b634cbb34', class: "close-button", label: this.text("hidePanel", { title: this.text("title") }), icon: "cross", variant: "tertiary", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeIconButtonElement, element, "f")) })), h("dso-scrollable", { key: '1c009dd9ce9ae7fa7aeb1ae985942a377060144a' }, h("div", { key: '2846b3c3a3cbf32328ef4d0f4a883c8b6468ec7d', class: "content" }, h("slot", { key: 'c19ca5d6d26fad36c766b292d610ad8096b630d7' }))))));
+        return (h(Fragment, { key: 'b5613c0128da6dc889d909f0c8b923e581c72589' }, h("dso-icon-button", { key: '444f1e007a61b852699d40965117c6f083eb416b', label: this.text("layersButton"), icon: "layers", variant: "map", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open, tooltipPlacement: "left", class: "toggle-visibility-icon-button", onDsoClick: (e) => this.toggleVisibilityInternal(e.detail.originalEvent, __classPrivateFieldGet(this, _MapControls_toggleIconButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), h("button", { key: '50c496a3d31f767ed324341d9d7f83cafa6a9246', type: "button", class: "dso-map toggle-visibility-button", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open, onClick: (e) => this.toggleVisibilityInternal(e, __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, h("dso-icon", { key: '912209fd160ae1e979e15bef3f0a020f5b232e5b', icon: "layers" }), h("span", { key: '79b628ca8331bef70b8c15576176895583edd8bb' }, this.text("layersButton"))), h("dso-button-group", { key: 'c690b9a34bef0d7a68bf38b22abd1707d9dc157b', class: "zoom-buttons", direction: "column" }, h("dso-icon-button", { key: '23a699de08abec023e14fee7aaa82d88f29d26ed', label: this.text("zoomIn"), icon: "plus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomIn.emit(e.detail.originalEvent), disabled: this.disableZoom === "in" || this.disableZoom === "both" }), h("dso-icon-button", { key: '2b428ed044a22b08618c885ca96bc02efc3725a6', label: this.text("zoomOut"), icon: "minus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomOut.emit(e.detail.originalEvent), disabled: this.disableZoom === "out" || this.disableZoom === "both" })), h("section", { key: '92f97c6adc3e466ce3c8dfbcbf29e27a2e52c4c2', id: __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), hidden: this.hideContent, role: "region", onKeyDown: this.handlePanelKeyDown, "aria-labelledby": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f") }, h("header", { key: '405d312a529d19a98dd00696d92c077db17ac19f' }, h("h2", { key: '30c65729ec16d6cee9c164a6bd5b575e512110a7', id: __classPrivateFieldGet(this, _MapControls_mapLayersTitleId, "f"), tabIndex: -1 }, this.text("title")), h("dso-icon-button", { key: '00e944ddbf73a462704c048d740bbae2ccbf0aff', class: "close-button", label: this.text("hidePanel", { title: this.text("title") }), icon: "cross", variant: "tertiary", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeIconButtonElement, element, "f")) })), h("dso-scrollable", { key: '4caa8628d4af029f69f887b4434365c6cd9a5fd0' }, h("div", { key: '71f4998c5f3a8ac61bf13141648b699ead6eebec', class: "content" }, h("slot", { key: '7d2e87c33d999cb0f05594c7d2114896e991da4d' }))))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/bundle/dso-map-layer-object.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-Di7uBIhp.js';
 import { W as WrapWijzigactie } from './p-BO8XMsvv.js';
-import { d as defineCustomElement$2 } from './p-Dp-4Dh4d.js';
+import { d as defineCustomElement$2 } from './p-CaqgkKJr.js';
 
 const mapLayerObjectCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block}:host ins,:host del{display:contents;text-decoration:none}:host(:not(:last-child)){margin-block-end:8px}: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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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}.map-layer-object{display:flex;align-items:flex-start;padding:2px;min-block-size:28px}.map-layer-object ::slotted([slot=symbol]){background-color:#fff;display:block;float:inline-start;block-size:24px;margin-block-start:0;margin-inline-end:8px;inline-size:27.6923076923px;overflow:hidden;position:relative}.map-layer-object-heading{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:4px;min-inline-size:0}.map-layer-object .slide-toggle-container{display:flex;align-items:center}.map-layer-object .slide-toggle-container dso-slide-toggle{display:flex;padding-block:0}`;
 
@@ -23,7 +23,7 @@ const MapLayerObject = /*@__PURE__*/ proxyCustomElement(class MapLayerObject ext
         };
     }
     render() {
-        return (h(Host, { key: 'd023dcf456e4905e3a72aff3aebaa1bb3dd49d88', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h(WrapWijzigactie, { key: 'cea0d380879a5ed1c1ad434fa20d0a5cc9fd8915', wijzigactie: this.wijzigactie }, h("div", { key: 'd19a0d2ac1b03df8d0076cdd9e3bec0e159fb7fa', class: "map-layer-object" }, h("div", { key: 'a8e39951d4821f07da46dc43eba9297fb3ab6845' }, h("slot", { key: '8c085607e45f6d11ee8d8f6e856ba92aaf42cccc', name: "symbol" })), h("div", { key: '699fd97ee911a32a9cbda0b176bd33136de103ca', class: "map-layer-object-heading" }, h("slot", { key: '3966433c904e3973bcde3a76475041d7f8081a0d' }), h("slot", { key: '218d37b9e09a46f5bf75316c9976fb149a2e30b9', name: "label" })), h("div", { key: '22ede0b5e7f39e5c4173a05b39fa1f29a9533623', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '814c7e058adfc38ea557300f19baf2c2a20f248b', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange }))))));
+        return (h(Host, { key: '4a130bd1a1101dcad1e43c85e726bc4762cc2d16', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h(WrapWijzigactie, { key: '8bde3a870b9f63b69b4a8b285ae8c44f4f517d75', wijzigactie: this.wijzigactie }, h("div", { key: 'af2e838d91f3fd8fd849b42d560a59f95bc24e5c', class: "map-layer-object" }, h("div", { key: '28e9e187fae2a6048b21e11156907ca0aa537ea8' }, h("slot", { key: '2fb126fd291605cdc6a09d5ca0d009fc80900b74', name: "symbol" })), h("div", { key: 'd087db42616613e59a3e2a41b494927104e8fa78', class: "map-layer-object-heading" }, h("slot", { key: '398ad1c5b2439277433426823ca657937a1fd6c7' }), h("slot", { key: 'a9574ab95912476198ae33632ba162eeacd55826', name: "label" })), h("div", { key: '3dc1f9f6367333ad6153ddbc6bcb7727dc24ddd0', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '5e7c704d4ba3723bc8468924666e56b057b95c24', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange }))))));
     }
     static get style() { return mapLayerObjectCss(); }
 }, [257, "dso-map-layer-object", {

package/dist/bundle/dso-map-layer.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-Di7uBIhp.js';
 import { W as WrapWijzigactie } from './p-BO8XMsvv.js';
-import { d as defineCustomElement$2 } from './p-Dp-4Dh4d.js';
+import { d as defineCustomElement$2 } from './p-CaqgkKJr.js';
 
 const mapLayerCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block;padding:6px}:host ins,:host del{display:contents;text-decoration:none}: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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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}.map-layer{display:flex;justify-content:space-between;min-block-size:32px}.map-layer-heading{display:flex;flex-wrap:wrap;align-items:center;margin-block-end:8px}.map-layer-heading ::slotted([slot=name]){font-weight:600;line-height:1.375em;margin-inline-end:4px}.map-layer .slide-toggle-container dso-slide-toggle{display:flex;padding-block-start:0}`;
 
@@ -26,7 +26,7 @@ const MapLayer = /*@__PURE__*/ proxyCustomElement(class MapLayer extends H {
         };
     }
     render() {
-        return (h(WrapWijzigactie, { key: '69abcef7ed45d6083df302c42a47ae4a117ef82d', wijzigactie: this.wijzigactie }, h("div", { key: 'd57311c429d197dc2fa327475d6bb95ab7f23120', class: "map-layer" }, h("div", { key: '181afe3a5f429d960bb7d686c94c47b8f17b715a', class: "map-layer-heading" }, h("slot", { key: 'b67af00b7fc37feb51ed5897f53ccb0a5c617313', name: "name" }), h("slot", { key: 'a5882b11c7c21f0b88ea8325a2b39ed7db9b9939', name: "label" })), this.activatable && (h("div", { key: '8fd979116876c8898cfeae9bf5b26ea57425d517', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '6ee13d588b60edd18f60aa0312293941593e4819', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: '7e0b9a62b81374f302b6c55a63e0549bf2f00f65' })));
+        return (h(WrapWijzigactie, { key: '5bfdcbb4e726f7a48f846bc26fd8364252c5099f', wijzigactie: this.wijzigactie }, h("div", { key: '291fb7fb2fcd0b1d44203a0dfb6bafaab9588e9f', class: "map-layer" }, h("div", { key: 'd08241709d892e3f77770a071fe9e9abe633610c', class: "map-layer-heading" }, h("slot", { key: '373fb22886af662822fcc8576103060037da6d6a', name: "name" }), h("slot", { key: 'b9157528d8d5503b93782a5e2c868e120ade98d0', name: "label" })), this.activatable && (h("div", { key: '76864f4729567483fc8a321fa17ae87b8bf2576f', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: 'ea81c871f370e53e07e9e93f2f491e7d4f2d8a17', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: 'e27fe106577b51607e9cd347f2a70101063be38a' })));
     }
     static get style() { return mapLayerCss(); }
 }, [257, "dso-map-layer", {

package/dist/bundle/dso-map-message.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, t as transformTag } from './p-Di7uBIhp.js';
-import { d as defineCustomElement$2 } from './p-DMMY0U7e.js';
+import { d as defineCustomElement$2 } from './p-Du2uEAur.js';
 
 const mapMessageCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block}.map-message-content{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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:rgba(0, 0, 0, 0.8);color:#fff;padding-inline:24px;padding-block:16px;inline-size:fit-content;max-inline-size:100%;overflow-wrap:break-word}.map-message-content.has-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding-inline-start:calc(24px + 8px + 16px);padding-inline-end:16px}.map-message-content .map-message-body{position:relative}.map-message-content .map-message-body .map-message-icon{position:absolute;inset-inline-start:calc((24px + 8px) * -1);inset-block-start:0}.map-message-content slot[name=actions]{display:flex;flex-wrap:wrap;gap:16px}::slotted(button){margin-inline-start:0 !important}`;
 
@@ -25,11 +25,11 @@ const MapMessage = /*@__PURE__*/ proxyCustomElement(class MapMessage extends H {
     render() {
         const iconName = this.variant ? iconMap[this.variant] : undefined;
         const role = this.variant === "error" ? "alert" : "status";
-        return (h("div", { key: '9acba814f73505425a2cf9cced5d494becc4bbb1', class: {
+        return (h("div", { key: '98874d9384751a63909661881b47e45c48064460', class: {
                 "map-message-content": true,
                 "has-icon": iconName !== undefined,
                 "has-actions": this.hasActions,
-            }, role: role, "aria-atomic": "true" }, h("div", { key: 'bc7cafd4338937317975f86505661592705a2e0e', class: "map-message-body" }, iconName && h("dso-icon", { key: '7350b744c0e8fd7550a9d2eaa79f02a1ca2a6909', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), h("span", { key: '43c6f5ecaab36f8485a2eddd92d7065d95e6f9c0', class: "map-message-text" }, h("slot", { key: '6a19999994213e5649f5946897cdba1bf4b6ade2', name: "message" }))), h("slot", { key: 'de8fa2051d15aadfa653dbedaf31dee513c7958d', name: "actions", onSlotchange: this.handleActionsSlotChange })));
+            }, role: role, "aria-atomic": "true" }, h("div", { key: '879de5f62a08c908c2cb6e023a1cc054534abfbc', class: "map-message-body" }, iconName && h("dso-icon", { key: 'bddfe00fecdfa60884a456dd5193273a26b8f863', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), h("span", { key: '4eaab42391ac5d6f69f15e88e4226b34c132cf15', class: "map-message-text" }, h("slot", { key: 'e13b1386423352f0f4e60da14ad9454eeef9ffbf', name: "message" }))), h("slot", { key: '34ad7d7cc731b348d64cfb425728377c44888bef', name: "actions", onSlotchange: this.handleActionsSlotChange })));
     }
     static get style() { return mapMessageCss(); }
 }, [257, "dso-map-message", {

package/dist/bundle/dso-map-overlays.js

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-Di7uBIhp.js';
 import { i as i18n } from './p-CUWMAyh7.js';
-import { d as defineCustomElement$7 } from './p-DMMY0U7e.js';
-import { d as defineCustomElement$6 } from './p-P8bro__O.js';
-import { d as defineCustomElement$5 } from './p--cUlQ7cz.js';
-import { d as defineCustomElement$4 } from './p-SQkUa7w3.js';
-import { d as defineCustomElement$3 } from './p-DllcFyEo.js';
-import { d as defineCustomElement$2 } from './p-DKxBVCbw.js';
+import { d as defineCustomElement$7 } from './p-Du2uEAur.js';
+import { d as defineCustomElement$6 } from './p-BVpypRBU.js';
+import { d as defineCustomElement$5 } from './p-hUKFzHir.js';
+import { d as defineCustomElement$4 } from './p-D7MKa3Zt.js';
+import { d as defineCustomElement$3 } from './p-CjzslTc7.js';
+import { d as defineCustomElement$2 } from './p-D3Aw2q6j.js';
 import { v as v4 } from './p-BF0_OXTe.js';
 
 const translations = {
@@ -54,7 +54,7 @@ const MapOverlays = /*@__PURE__*/ proxyCustomElement(class MapOverlays extends H
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (h("fieldset", { key: '7e7bb2182c94f5de9fbd03272b200f5d34e75135', class: "form-group dso-checkboxes" }, h("legend", { key: 'bbc9d2a64e6377391d79efd3e73b008a821a9083', class: "sr-only" }, "Kaartlagen"), h("div", { key: '5eba59272445fcbc6b14cc6942a57f1b2580f747', class: "dso-label-container" }, h("span", { key: '2a2295ccd2ef661052c673bfb3a5e78e54101ff5', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: '4285f7d59bec53166037363c731e7ce20c57d372', class: "dso-field-container" }, this.overlays.map((overlay) => (h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? h("p", { slot: "info" }, overlay.info) : null))))));
+        return (h("fieldset", { key: '0a39e720ffb64020c4945522c9cf73c2ac34654d', class: "form-group dso-checkboxes" }, h("legend", { key: '2897cece9bec007a875eec269ed789583d75d5c9', class: "sr-only" }, "Kaartlagen"), h("div", { key: '5c08fc7d22478ddf09c4d4b655fbd7d8adc05967', class: "dso-label-container" }, h("span", { key: '9020955add0be098ba539f897133ce75c4369dab', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: '1d46b41897948867eed4b95f2feb81f7bee548e7', class: "dso-field-container" }, this.overlays.map((overlay) => (h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? h("p", { slot: "info" }, overlay.info) : null))))));
     }
     get host() { return this; }
     static get style() { return mapOverlaysCss(); }

package/dist/bundle/dso-mark-bar.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-Di7uBIhp.js';
-import { d as defineCustomElement$3 } from './p-DMMY0U7e.js';
-import { d as defineCustomElement$2 } from './p-P8bro__O.js';
+import { d as defineCustomElement$3 } from './p-Du2uEAur.js';
+import { d as defineCustomElement$2 } from './p-BVpypRBU.js';
 
 const markBarCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block;background-color:#fff}.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-mark-bar{display:flex;flex-grow:1}.dso-mark-bar .dso-mark-bar-input{display:flex;position:relative;inline-size:100%}.dso-mark-bar .dso-mark-bar-input input{background-color:transparent;background-image:none;border:1px solid #275937;border-radius:4px;box-shadow:none;display:block;font-size:1rem;block-size:2.5rem;line-height:2.5rem;padding-inline:2.5rem;padding-block:6px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;inline-size:100%;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}.dso-mark-bar .dso-mark-bar-input input:focus{border-color:#275937;box-shadow:inset 0 0 0 1px #275937;outline:0}.dso-mark-bar .dso-mark-bar-input input::-ms-clear{display:none}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label{inline-size:2.5rem;padding-inline-end:8px}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label .label-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-mark-bar .dso-mark-bar-input label{inset-block-end:8px;block-size:2.5rem;inset-inline-start:0;inset-inline-end:40px;padding-block:8px;padding-inline-start:8px;cursor:text;position:absolute;inset-block-start:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.dso-mark-bar .dso-mark-bar-input label dso-icon{color:#39870c;cursor:default;margin:-8px;padding:8px;inline-size:2.5rem;block-size:2.5rem}.dso-mark-bar .dso-mark-bar-input label .label-text{margin-inline-start:8px;color:#666}.dso-mark-bar .dso-mark-bar-input dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}.dso-button-container{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;padding-inline:8px;border:1px solid #275937;border-inline-start:0;border-start-end-radius:4px;border-end-end-radius:4px}.dso-button-container dso-icon-button{--dso-icon-button-tertiary-border:0;cursor:pointer}.dso-button-container dso-icon-button:disabled{color:#ccc;cursor:default}.dso-button-container .divider{position:absolute;inset-inline-start:0;inset-block-start:8px;inset-block-end:8px;inline-size:1px;background-color:#ccc}`;
 
@@ -55,7 +55,7 @@ const MarkBar = /*@__PURE__*/ proxyCustomElement(class MarkBar extends H {
     render() {
         const current = this.current || 0;
         const totalCount = this.totalCount || 0;
-        return (h("div", { key: 'cf96852505e3d66b9e528b317d3c7082fe448227', class: "dso-mark-bar" }, h("div", { key: '3820ae81b8f4b64d765816dab3e393b6023f23dd', class: "dso-mark-bar-input" }, h("input", { key: '25c7429838546a40e06fab56b78ec8c50279b629', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: '122f8d35ede8c24f7ab1cbc395fedf5f0742fbec', htmlFor: "search-input" }, h("dso-icon", { key: 'c5ad326da2538d835a14d48024f540b61e2615a3', class: "dso-search-icon", icon: "search" }), h("span", { key: 'a2774bfda79984b9cb0569e21d849389c47f1f00', class: "label-text" }, this.label)), h("dso-icon-button", { key: '707e8ae7c76ca927eaa891dfc54575e1cf3dd131', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: '00cbd99c7266bacce1d06a97ef53d9d7689b463b', class: "dso-button-container" }, h("span", { key: 'c9ff8ccd189ac5c57507dcfa8e0ceeaefa85e486', class: "divider" }), h("dso-icon-button", { key: 'b67a4893bace2c6ce84fd329e2f164949a9f2416', icon: "chevron-up", variant: "tertiary", label: `Vorig zoekresultaat ${current - 1}/${totalCount}`, onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: '26da2c213469b80abb8098f26f4040eb8ad78a8c', role: "status" }, current, "/", totalCount), h("dso-icon-button", { key: '36d2d30b7faac09aa44eef852cea066593b904ac', icon: "chevron-down", variant: "tertiary", label: `Volgend zoekresultaat ${current + 1}/${totalCount}`, onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
+        return (h("div", { key: 'e14eec6ad6de8fa15819ab39fb1830eb49a55b38', class: "dso-mark-bar" }, h("div", { key: 'e1d4c20bc0b5d73596ce9daa35eb271e1b812498', class: "dso-mark-bar-input" }, h("input", { key: '349d818a4be946b75177c7652de4de810e1ada46', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: 'c62c0fe8c75261d764cc9d82942f38b040dd4db6', htmlFor: "search-input" }, h("dso-icon", { key: '4baa4aa80cf1f28cc244883b39c1302e99930ae3', class: "dso-search-icon", icon: "search" }), h("span", { key: '888e55f0beb7a0c7aa7d75ccd81b21d0894d315f', class: "label-text" }, this.label)), h("dso-icon-button", { key: '29a349369cce850b7383262722e1912901d8c2e4', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: 'af99215c7547c8c56941775b94d6491e2ff322a2', class: "dso-button-container" }, h("span", { key: '7f9a71a536f903628d9108d1df3a5086efa0ec47', class: "divider" }), h("dso-icon-button", { key: '9319ba0b23ae0a15c195cb4e9f787528e0fbb706', icon: "chevron-up", variant: "tertiary", label: `Vorig zoekresultaat ${current - 1}/${totalCount}`, onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: 'f2b4107a4f482406348532a94a61d23b21f8a29a', role: "status" }, current, "/", totalCount), h("dso-icon-button", { key: '70b698aeedf87fbd9ffa1fe4a8143703a99fbd63', icon: "chevron-down", variant: "tertiary", label: `Volgend zoekresultaat ${current + 1}/${totalCount}`, onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
     }
     static get style() { return markBarCss(); }
 }, [1, "dso-mark-bar", {

package/dist/bundle/dso-modal.js

@@ -1,4 +1,4 @@
-import { M as Modal, d as defineCustomElement$1 } from './p-SOcTMGt_.js';
+import { M as Modal, d as defineCustomElement$1 } from './p-CWNtCf83.js';
 
 const DsoModal = Modal;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-onboarding-tip.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, c as Host, t as transformTag } from './p-Di7uBIhp.js';
-import { p as positionTooltip } from './p-ByYAhz9G.js';
-import { d as defineCustomElement$3 } from './p-DMMY0U7e.js';
-import { d as defineCustomElement$2 } from './p-P8bro__O.js';
+import { p as positionTooltip } from './p-CIKsNci_.js';
+import { d as defineCustomElement$3 } from './p-Du2uEAur.js';
+import { d as defineCustomElement$2 } from './p-BVpypRBU.js';
 
-const onboardingTipCss = () => `*,*::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)}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;color:#fff !important;line-height:1.375 !important}:host{--_dso-button-primary-background-color:#fff;--_dso-button-primary-border-color:#fff;--_dso-button-primary-color:#000;--_dso-button-primary-hover-background-color:#ccc;--_dso-button-primary-hover-border-color:#ccc;--_dso-button-primary-hover-color:#000;--_dso-button-primary-active-background-color:#999;--_dso-button-primary-active-border-color:#999;--_dso-button-primary-active-color:#000;--_dso-button-primary-disabled-background-color:#fff;--_dso-button-primary-disabled-border-color:#fff;--_dso-button-primary-disabled-color:#b2b2b2;--_dso-button-secondary-background-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-color:#000;--_dso-button-secondary-hover-background-color:#ccc;--_dso-button-secondary-hover-border-color:#ccc;--_dso-button-secondary-hover-color:#000;--_dso-button-secondary-active-background-color:#999;--_dso-button-secondary-active-border-color:#999;--_dso-button-secondary-active-color:#000;--_dso-button-secondary-disabled-background-color:#fff;--_dso-button-secondary-disabled-border-color:#fff;--_dso-button-secondary-disabled-color:#b2b2b2;display:block;filter:drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.4));transition:visibility 400ms, opacity 400ms}:host(:not([ready])){opacity:1;animation:400ms ease-in 1 normal both fadeInOpacity}:host([popover]){margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset}.onboarding-tip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;overflow-wrap:normal;word-spacing:normal;white-space:normal;font-size:14px;inset-block-start:0;inset-inline-start:0;z-index:410}@media screen and (max-width: 360px){.onboarding-tip{padding-inline-start:8px !important}}.dso-close{position:absolute;inset-block-start:4px;inset-inline-end:4px}.onboarding-tip-inner{--_dso-link-color:#fff;--_dso-link-hover-color:#b2b2b2;--_dso-link-visited-color:#7f7f7f;max-inline-size:min(360px, 100vw - 2 * 8px);max-block-size:calc(100vh - 10px);overflow:auto;padding-block:32px 8px;padding-inline:8px;border-radius:4px;display:block;font-size:1rem;position:relative;z-index:2;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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:#2b5780;color:#fff}@media screen and (max-width: 991px){.onboarding-tip-inner{max-block-size:unset}}.onboarding-tip-arrow{border-start-start-radius:4px;position:absolute;block-size:20px;inline-size:20px;background:#2b5780;z-index:1;pointer-events:none}.onboarding-tip-content-wrapper{padding-inline:16px;padding-block-end:16px}.onboarding-tip-content-heading{display:flex}@keyframes fadeInOpacity{0%{opacity:0}100%{opacity:1}}`;
+const onboardingTipCss = () => `*,*::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)}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;color:#fff !important;line-height:1.375 !important}:host{--_dso-button-primary-background-color:#fff;--_dso-button-primary-border-color:#fff;--_dso-button-primary-color:#000;--_dso-button-primary-hover-background-color:#ccc;--_dso-button-primary-hover-border-color:#ccc;--_dso-button-primary-hover-color:#000;--_dso-button-primary-active-background-color:#999;--_dso-button-primary-active-border-color:#999;--_dso-button-primary-active-color:#000;--_dso-button-primary-disabled-background-color:#fff;--_dso-button-primary-disabled-border-color:#fff;--_dso-button-primary-disabled-color:#b2b2b2;--_dso-button-secondary-background-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-color:#000;--_dso-button-secondary-hover-background-color:#ccc;--_dso-button-secondary-hover-border-color:#ccc;--_dso-button-secondary-hover-color:#000;--_dso-button-secondary-active-background-color:#999;--_dso-button-secondary-active-border-color:#999;--_dso-button-secondary-active-color:#000;--_dso-button-secondary-disabled-background-color:#fff;--_dso-button-secondary-disabled-border-color:#fff;--_dso-button-secondary-disabled-color:#b2b2b2;display:block;filter:drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.4));transition:visibility 400ms, opacity 400ms}:host(:not([ready])){opacity:1;animation:400ms ease-in 1 normal both fadeInOpacity}:host([popover]){margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset}.onboarding-tip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;overflow-wrap:normal;word-spacing:normal;white-space:normal;font-size:0.875rem;inset-block-start:0;inset-inline-start:0;z-index:410}@media screen and (max-width: 360px){.onboarding-tip{padding-inline-start:8px !important}}.dso-close{position:absolute;inset-block-start:4px;inset-inline-end:4px}.onboarding-tip-inner{--_dso-link-color:#fff;--_dso-link-hover-color:#b2b2b2;--_dso-link-visited-color:#7f7f7f;max-inline-size:min(360px, 100vw - 2 * 8px);max-block-size:calc(100vh - 10px);overflow:auto;padding-block:32px 8px;padding-inline:8px;border-radius:4px;display:block;font-size:1rem;position:relative;z-index:2;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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:#2b5780;color:#fff}@media screen and (max-width: 991px){.onboarding-tip-inner{max-block-size:unset}}.onboarding-tip-arrow{border-start-start-radius:4px;position:absolute;block-size:20px;inline-size:20px;background:#2b5780;z-index:1;pointer-events:none}.onboarding-tip-content-wrapper{padding-inline:16px;padding-block-end:16px}.onboarding-tip-content-heading{display:flex}@keyframes fadeInOpacity{0%{opacity:0}100%{opacity:1}}`;
 
 const OnboardingTip = /*@__PURE__*/ proxyCustomElement(class OnboardingTip extends H {
     constructor(registerHost) {
@@ -76,7 +76,7 @@ const OnboardingTip = /*@__PURE__*/ proxyCustomElement(class OnboardingTip exten
     }
     render() {
         const ariaLabel = this.headingSlottedElement?.textContent;
-        return (h(Host, { key: 'ce5c1f5886a4908f36380f9ccdceccd31c784ca0', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: '66619151b34f974ff0104282c94ec09a1b802d4c', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: '7d742ab19f6019e272b72224181ff7f4ccb93742', class: "onboarding-tip-inner" }, h("div", { key: '3d324d323f6e8c752c022876aac15ba6e8d1ea99', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: 'ae1bc50047bf83decf666cb10d8e118747004e8b', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: '14393090106b82a96622720a3e944b756caa694d', icon: "light-bulb" }), h("slot", { key: '4fcc680dfac42bac7ef09971164c3e99e0ab877f', name: "heading" }))), h("dso-icon-button", { key: 'ed185d63e19b556919c0ef78036ad6999afc691d', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: 'b80c65b737972dcedbafb5fc2bae173bb3dbe02c' }))), h("div", { key: 'f76c5308fe49055cb7a651bde2d92400c7a8b328', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
+        return (h(Host, { key: 'dd28aba6c94e69bce7dd91e8c3bef5327d8f84dd', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: '5db73647f2c75eda6bfabda1c5c850c7fbc025ea', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: 'e694e750218315308f99e58c8ff00ac2a65529da', class: "onboarding-tip-inner" }, h("div", { key: 'a36d26c91664b584496c2d6a02bd8a3b5782d7f6', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: '594b2fe2727c65e0c8f8b4148e5271d40e57df72', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: 'a682d1907a1f699c768a9663827f350d82391591', icon: "light-bulb" }), h("slot", { key: 'c968e81733173c04d8eda1fdbd94cba1c5ef4dcc', name: "heading" }))), h("dso-icon-button", { key: 'd584bee8fdb9f9d36d2fd30f453c4184f79223ba', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: 'b9c2fe589a242f41db9df0a55dfa105a7b32c941' }))), h("div", { key: '22b2b1623a525cc7ebf6d6873fdd623afdfedd22', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
     }
     get headingSlottedElement() {
         return this.host.querySelector("[slot='heading']");

package/dist/bundle/dso-ozon-content-toggletip.js

@@ -1,4 +1,4 @@
-import { O as OzonContentToggletip, d as defineCustomElement$1 } from './p-CCT77M-p.js';
+import { O as OzonContentToggletip, d as defineCustomElement$1 } from './p-Q0QoAbtJ.js';
 
 const DsoOzonContentToggletip = OzonContentToggletip;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-ozon-content.js

@@ -1,4 +1,4 @@
-import { O as OzonContent, d as defineCustomElement$1 } from './p-BquLCiqR.js';
+import { O as OzonContent, d as defineCustomElement$1 } from './p-Cj4wP5c0.js';
 
 const DsoOzonContent = OzonContent;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-pagination.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-Di7uBIhp.js';
 import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
-import { d as defineCustomElement$3 } from './p-DMMY0U7e.js';
-import { d as defineCustomElement$2 } from './p-BitwYWnu.js';
+import { d as defineCustomElement$3 } from './p-Du2uEAur.js';
+import { d as defineCustomElement$2 } from './p-C4ybibNA.js';
 
 const paginationCss = () => `:host{display:block}*,*::after,*::before{box-sizing:border-box}.pagination ul{padding-inline-start:initial;text-align:center}.pagination ul>li{display:inline-block;font-weight:bold;line-height:calc(2rem - 4px);text-align:center;vertical-align:middle}.pagination ul>li>a,.pagination ul>li>span{align-items:center;color:#39870c;display:flex;block-size:2rem;justify-content:center;position:relative;min-inline-size:2rem;padding:2px;padding-block:2px;padding-inline:2px}.pagination ul>li>a:active{background-color:#ebf3e6}.pagination ul>li>span{border:2px solid transparent;border-radius:1rem}.pagination ul>li a{line-height:2rem;text-decoration:none}.pagination ul>li a:hover,.pagination ul>li a:focus{text-decoration:none}.pagination ul>li a:hover::after,.pagination ul>li a:focus::after{border-block-end-color:#39870c}.pagination ul>li a::after{border-block-end:3px solid transparent;inset-block-end:0;content:"";display:inline-block;inset-inline-start:0;position:absolute;inline-size:100%}.pagination ul>li.active span{background-color:#39870c;color:#fff}.pagination ul>li+li{margin-inline-start:8px}.dso-page-hidden{visibility:hidden}.sr-only.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)}`;
 

package/dist/bundle/dso-panel.js

@@ -1,4 +1,4 @@
-import { P as Panel, d as defineCustomElement$1 } from './p-Dv5uebcx.js';
+import { P as Panel, d as defineCustomElement$1 } from './p-DP30G93t.js';
 
 const DsoPanel = Panel;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-plekinfo-card.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, F as Fragment, c as Host, t as transformTag } from './p-Di7uBIhp.js';
 import { W as WrapWijzigactie } from './p-BO8XMsvv.js';
 import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
-import { d as defineCustomElement$2 } from './p-DMMY0U7e.js';
+import { d as defineCustomElement$2 } from './p-Du2uEAur.js';
 
 const plekinfoCardCss = () => `ins{text-decoration:none;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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}del{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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){del{font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-plekinfo-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-plekinfo-card-container .dso-plekinfo-card-heading{display:flex;align-items:start;column-gap:8px}@media screen and (max-width: 480px){.dso-plekinfo-card-container .dso-plekinfo-card-heading{flex-wrap:wrap}}.dso-plekinfo-card-container .dso-plekinfo-card-heading+.dso-plekinfo-card-content{margin-block-start:8px}.dso-plekinfo-card-container .dso-plekinfo-card-symbol{grid-row:span 2;margin-inline-end:8px}.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}ins.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#d8e5c9}del.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#e9cdd1}:host([active]:not([active=false])) .dso-plekinfo-card-container{background-color:#e5e5e5}:host([active]:not([active=false])) ins.dso-plekinfo-card-container{background-color:#ced9bf}:host([active]:not([active=false])) del.dso-plekinfo-card-container{background-color:#ddc3c6}:host([has-symbol]) .dso-plekinfo-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-heading,:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-content{grid-column:2/-1}::slotted([slot=meta]){display:flex !important;justify-content:space-between !important;flex-shrink:0 !important;align-self:end !important}@media screen and (max-width: 480px){::slotted([slot=meta]){flex-basis:100% !important;margin-block-start:8px !important}}::slotted([slot=heading]){display:inline !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}::slotted([slot=content]){--_dso-rich-content-margin-block:8px;--_dso-rich-content-margin-block-end:0;--_dso-rich-content-margin-block-start:0}::slotted([slot=interaction]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interaction]){flex-basis:100% !important;margin-block-start:16px !important}}.heading-anchor{color:#275937;text-decoration:none;white-space:nowrap}.heading-anchor .heading-content{white-space:normal}.heading-anchor dso-icon{margin-inline-start:4px}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor .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)}`;
 
@@ -43,7 +43,7 @@ const PlekinfoCard = /*@__PURE__*/ proxyCustomElement(class PlekinfoCard extends
     }
     render() {
         const hasSymbol = this.symbolSlottedElement !== null;
-        return (h(Host, { key: 'b5a6d7855bfd812ffac0aeab34e4128230a49835', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: 'dffff665552c434b50a71316842d1a6c8c34d9f5', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, h("div", { key: 'a503ad1878ff201fc3094079682761d2dd919712', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: 'b24f28178b481ff4fd67f1ea097a4f96475355af', name: "symbol" })), h("div", { key: '70456f091a5af0b1cbff2207bf16b33112f174d1', class: "dso-plekinfo-card-heading" }, this.href ? (h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { class: "heading-content" }, h("slot", { name: "heading" })), "\u2060", this.targetBlank ? (h(Fragment, null, h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (h("dso-icon", { icon: "chevron-right" })))) : (h("slot", { name: "heading" })), this.metaSlottedElement !== null && h("slot", { key: '49d58d2db5634280d0843995391ad27d7c67ee6b', name: "meta" }), this.interaction !== null && h("slot", { key: 'a772840a4a1cdd611e1974c99865c73fb136c219', name: "interaction" })), h("div", { key: 'db747d92119986b24ee82929a0d753c0cdb3745c', class: "dso-plekinfo-card-content" }, h("slot", { key: 'a07684756093f85d2bb83db7cfcb92b7c8320e7a', name: "content" })))));
+        return (h(Host, { key: 'a75c69064b86d78983450a7d2292ac0853c4320e', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: 'e1f0132df6901123050343bd69afaf426bc39db6', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, h("div", { key: '52034db203768490b772ab2df50506bf25f06033', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: 'bd23225ec33b0a93380299dc1a91c34862b83b79', name: "symbol" })), h("div", { key: '4908e9208fd6939cbb1dc7f7255cdca3e0ed5e01', class: "dso-plekinfo-card-heading" }, this.href ? (h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { class: "heading-content" }, h("slot", { name: "heading" })), "\u2060", this.targetBlank ? (h(Fragment, null, h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (h("dso-icon", { icon: "chevron-right" })))) : (h("slot", { name: "heading" })), this.metaSlottedElement !== null && h("slot", { key: '6000a878476bfcf2dd592cfa09defb077f1d4d0b', name: "meta" }), this.interaction !== null && h("slot", { key: '595030bbbc74ee345ef866fd5949cc80ae880644', name: "interaction" })), h("div", { key: '17b61edfcc78c8af0c438512704d780d850a837a', class: "dso-plekinfo-card-content" }, h("slot", { key: '4d7b8bb3cec6fc0405d58901c2bb64c03aeed8b1', name: "content" })))));
     }
     get host() { return this; }
     static get style() { return plekinfoCardCss(); }

package/dist/bundle/dso-progress-indicator.js

@@ -1,4 +1,4 @@
-import { P as Progressindicator, d as defineCustomElement$1 } from './p-reu-eaRq.js';
+import { P as Progressindicator, d as defineCustomElement$1 } from './p-B985IZ5E.js';
 
 const DsoProgressIndicator = Progressindicator;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-project-item.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, F as Fragment, t as transformTag } from './p-Di7uBIhp.js';
-import { d as defineCustomElement$4 } from './p-DMMY0U7e.js';
-import { d as defineCustomElement$3 } from './p-P8bro__O.js';
-import { d as defineCustomElement$2 } from './p-RWOdH6CR.js';
+import { d as defineCustomElement$4 } from './p-Du2uEAur.js';
+import { d as defineCustomElement$3 } from './p-BVpypRBU.js';
+import { d as defineCustomElement$2 } from './p-CXcA4DEL.js';
 
 const projectItemCss = () => `:host{display:block;padding:16px;border:1px solid #ccc;border-radius:4px}*,*::after,*::before{box-sizing:border-box}::slotted(dl[slot=progress]),::slotted(dl[slot=status]){--_dso-dl-margin-block-end:0;--_dso-dl-before-display:none;--_dso-dl-dt-font-weight:normal;--_dso-dl-dd-margin-block-start:0;--_dso-dl-dd-padding-inline-start:0;--_dso-dl-dt-inline-size:auto;--_dso-dl-dd-last-margin-block-end:0;--_dso-mark-bg-color:none;--_dso-mark-padding-block:0;--_dso-mark-color:inherit;--_dso-mark-font-weight:600;display:flex !important;flex-wrap:wrap;column-gap:16px}::slotted(dl[slot=progress]){--_dso-dl-dd-margin-inline-start:0}::slotted(dl.dso-inline[slot=status]),::slotted(dl.dso-inline-end[slot=status]){--_dso-dl-margin-block-end:0;--_dso-dl-dd-margin-inline-start:8px;--_dso-dl-dd-last-margin-block-end:0;--_dso-dl-before-display:none;--_dso-dl-dt-font-weight:normal;--_dso-mark-bg-color:none;--_dso-mark-padding-block:0;--_dso-mark-color:inherit;--_dso-mark-font-weight:600;--_dso-dl-font-size:0.875rem;display:block !important}::slotted([slot=title]){margin-block:0 !important;font-size:1.25rem !important}::slotted([slot=actions]){display:flex}.project-item-header{display:flex;gap:16px;flex-wrap:nowrap;align-items:flex-start;margin-block-end:16px}.project-item-title{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;flex-grow:1}.project-item-actions{display:flex;flex-shrink:0;flex-wrap:nowrap}.project-item-info{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.project-item-status{margin-inline-start:auto}`;
 
@@ -14,7 +14,7 @@ const ProjectItem = /*@__PURE__*/ proxyCustomElement(class ProjectItem extends H
         this.__attachShadow();
     }
     render() {
-        return (h(Fragment, { key: 'a6f2c4a0b5c8c419f547289241064402a0cd1351' }, h("div", { key: '4726842a175858363804563ff5fcd3d53b624818', class: "project-item-header" }, h("div", { key: '171d7b8f6eefcac2e40aa2ff880fe266e812eb85', class: "project-item-title" }, h("slot", { key: 'e53b00e23195b30be8d8849081328e322d041780', name: "title" }), this.label && (h("dso-label", { key: '2e5f8dd9c2cc79c209ba82775e57dc100c0f5f6a', status: "error", compact: true }, this.label))), h("div", { key: 'c99d5ba53cf0abc56413ee51ed265b878d11460c', class: "project-item-actions" }, h("slot", { key: 'f27b8488d7ec6e128c22c704e41f1846e7d56d69', name: "actions" }))), h("div", { key: '644306fb105daf743855d58d8d50e38da266cfe9', class: "project-item-info" }, h("div", { key: '6fabd64a2c4c29809a5e42fd24b707a82777ef45', class: "project-item-progress" }, h("slot", { key: '7899be36783f6e38a00766c5d3afd1d0839da2ba', name: "progress" })), h("div", { key: 'fe23604f152ecebb037c304426d7c18a4dc9e62a', class: "project-item-status" }, h("slot", { key: 'edb7598eb0a4e747a51dc4ba892163341a552842', name: "status" })))));
+        return (h(Fragment, { key: '447c6d9887401b305eac7c56e2056413b6a7b375' }, h("div", { key: '959949635e952831c815162bb096055ec5d84389', class: "project-item-header" }, h("div", { key: 'b7b829516001abee5de3da5566ad08eca169c98b', class: "project-item-title" }, h("slot", { key: '7f5958491e6a929d3ebdb5df48debab82df24f83', name: "title" }), this.label && (h("dso-label", { key: '9f3546615ab8d5efd12aa0bfeaa771a6cd8ba851', status: "error", compact: true }, this.label))), h("div", { key: 'e44a29b7356e5ee1483727161d163930de5cb9cb', class: "project-item-actions" }, h("slot", { key: '984bd922fc47d18518159a5322e31998edbcf2ca', name: "actions" }))), h("div", { key: '4067852a2ecf49b32806d613db5dd5cca95e4691', class: "project-item-info" }, h("div", { key: '12ac2875146a554dfbdc0923830c8538afb739f5', class: "project-item-progress" }, h("slot", { key: '409dea9404ddc4db683040a0cc1dbcb68cb1f401', name: "progress" })), h("div", { key: 'ed7d7028099bd637539b73b8db834fa37702eb50', class: "project-item-status" }, h("slot", { key: 'a0246bd1d806c19578e9faa1e249b4dcedb9b8ac', name: "status" })))));
     }
     static get style() { return projectItemCss(); }
 }, [257, "dso-project-item", {

package/dist/bundle/dso-responsive-element.js

@@ -1,4 +1,4 @@
-import { R as ResponsiveElement, d as defineCustomElement$1 } from './p-BitwYWnu.js';
+import { R as ResponsiveElement, d as defineCustomElement$1 } from './p-C4ybibNA.js';
 
 const DsoResponsiveElement = ResponsiveElement;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-scrollable.js

@@ -1,4 +1,4 @@
-import { S as Scrollable, d as defineCustomElement$1 } from './p-DllcFyEo.js';
+import { S as Scrollable, d as defineCustomElement$1 } from './p-CjzslTc7.js';
 
 const DsoScrollable = Scrollable;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-segmented-button.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-Di7uBIhp.js';
 
-const segmentedButtonCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:inline-block}.segmented-button{display:inline-flex;gap:4px;border:1px solid #ccc;border-radius:12px;flex-wrap:nowrap}.segmented-button label{position:relative;user-select:none;flex-shrink:0}.segmented-button label:has(input:not(:disabled)):hover{cursor:pointer}.segmented-button label:has(input:not(:disabled)):hover input:not(:checked)+.segment-label{color:#275937}.segmented-button label:has(input:disabled) .segment-label{color:#afcf9d}.segmented-button input[type=radio]{position:absolute;opacity:0;inline-size:1px;block-size:1px;padding:0;margin:0}.segmented-button input[type=radio]:focus-visible+.segment-label{outline:2px solid #275937;outline-offset:2px}.segmented-button input[type=radio]:checked+.segment-label{background-color:#275937;color:#fff}.segmented-button .segment-label{display:inline-flex;align-items:center;justify-content:center;block-size:24px;font-size:16px;font-weight:500;background:#fff;color:#39870c;border-radius:12px;padding-inline:12px}`;
+const segmentedButtonCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:inline-block}.segmented-button{display:inline-flex;gap:4px;border:1px solid #ccc;border-radius:12px;flex-wrap:nowrap}.segmented-button label{position:relative;user-select:none;flex-shrink:0}.segmented-button label:has(input:not(:disabled)):hover{cursor:pointer}.segmented-button label:has(input:not(:disabled)):hover input:not(:checked)+.segment-label{color:#275937}.segmented-button label:has(input:disabled) .segment-label{color:#afcf9d}.segmented-button input[type=radio]{position:absolute;opacity:0;inline-size:1px;block-size:1px;padding:0;margin:0}.segmented-button input[type=radio]:focus-visible+.segment-label{outline:2px solid #275937;outline-offset:2px}.segmented-button input[type=radio]:checked+.segment-label{background-color:#275937;color:#fff}.segmented-button .segment-label{display:inline-flex;align-items:center;justify-content:center;block-size:24px;font-size:1rem;font-weight:500;background:#fff;color:#39870c;border-radius:12px;padding-inline:12px}`;
 
 const SegmentedButton = /*@__PURE__*/ proxyCustomElement(class SegmentedButton extends H {
     constructor(registerHost) {
@@ -26,7 +26,7 @@ const SegmentedButton = /*@__PURE__*/ proxyCustomElement(class SegmentedButton e
         });
     }
     render() {
-        return (h("div", { key: 'a1e8a06cb3da710ee7e8b30ef3ad53eea23ce906', class: "segmented-button", role: "radiogroup", "aria-label": this.label, "aria-required": this.required?.toString() }, this.options?.map((option) => {
+        return (h("div", { key: '97f901e92ff416f68bf272804a877bb571eeb97e', class: "segmented-button", role: "radiogroup", "aria-label": this.label, "aria-required": this.required?.toString() }, this.options?.map((option) => {
             return (h("label", null, h("input", { type: "radio", name: this.groupName, value: option.label, checked: this.activeOption === option, disabled: option.disabled, onClick: (event) => this.handleClick(option, event) }), h("span", { class: "segment-label" }, option.label)));
         })));
     }

package/dist/bundle/dso-selectable.js

@@ -1,4 +1,4 @@
-import { S as Selectable, d as defineCustomElement$1 } from './p-DKxBVCbw.js';
+import { S as Selectable, d as defineCustomElement$1 } from './p-D3Aw2q6j.js';
 
 const DsoSelectable = Selectable;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-skiplink.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-Di7uBIhp.js';
 import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
-import { d as defineCustomElement$2 } from './p-DMMY0U7e.js';
+import { d as defineCustomElement$2 } from './p-Du2uEAur.js';
 
 const skiplinkCss = () => `:host{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:2;display:block;inline-size:100vw}*,*::after,*::before{box-sizing:border-box}a{position:absolute;inset-inline-start:50%;inset-block-start:16px;display:inline-block;inline-size:1px;block-size:1px;overflow:hidden;background-color:#fff;border-radius:2px;clip-path:inset(1px);color:var(--_dso-link-color);white-space:nowrap;text-decoration:none;transform:translate(-50%);box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}a:focus-visible{inline-size:auto;block-size:auto;padding:8px;clip-path:none;white-space:normal;outline-offset:2px}`;
 
@@ -20,7 +20,7 @@ const Skiplink = /*@__PURE__*/ proxyCustomElement(class Skiplink extends H {
         return this.dsoSkiplinkClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });
     }
     render() {
-        return (h("a", { key: 'dc552b95ccb22b96ec0daed381632b4afc8e70f8', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: '3fb8c640e78008cac1f856cb4ddf359e9adcd23e', icon: "chevron-right" })));
+        return (h("a", { key: '99088e9ff4a1eb24a73acd28a71631a492489e40', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: '9c7bcee7a86e7b996172a69fd87755a867ffdac6', icon: "chevron-right" })));
     }
     static get style() { return skiplinkCss(); }
 }, [1, "dso-skiplink", {

package/dist/bundle/dso-slide-toggle.js

@@ -1,4 +1,4 @@
-import { S as SlideToggle, d as defineCustomElement$1 } from './p-Dp-4Dh4d.js';
+import { S as SlideToggle, d as defineCustomElement$1 } from './p-CaqgkKJr.js';
 
 const DsoSlideToggle = SlideToggle;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-survey-rating.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-Di7uBIhp.js';
-import { d as defineCustomElement$4 } from './p-DMMY0U7e.js';
-import { d as defineCustomElement$3 } from './p-P8bro__O.js';
-import { d as defineCustomElement$2 } from './p-Dv5uebcx.js';
+import { d as defineCustomElement$4 } from './p-Du2uEAur.js';
+import { d as defineCustomElement$3 } from './p-BVpypRBU.js';
+import { d as defineCustomElement$2 } from './p-DP30G93t.js';
 
 const surveyRatingCss = () => `:host {   display: block;   position: fixed;   inset-block-end: 16px;   inset-inline-start: 16px;   inline-size: 370px;   background-color: #fff;   box-shadow: -3px 3px 6px 0 rgba(0, 0, 0, 0.5);   border-radius: 4px;   z-index: 1000; } @media screen and (max-width: 480px) {   :host {     inline-size: 320px;     inset-block-end: 0;     inset-inline-start: 0;     --panel-heading-padding-inline-start: 8px;     --panel-body-padding-inline: 8px;   } }  *, *::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); }  .visual-rating-labels {   display: flex;   justify-content: space-between;   margin-block: 8px; }  input[type=radio] {   appearance: none;   cursor: pointer;   position: absolute;   margin-inline: 0;   margin-block: 0;   inset-block: 8px 0;   inset-inline: 0;   z-index: 1; }  label {   position: relative;   display: inline-flex;   align-items: center;   justify-content: center;   inline-size: 48px;   block-size: 48px;   border: 1px solid #ccc;   border-inline-end-width: 0;   padding-block-start: 8px; } @media screen and (max-width: 480px) {   label {     inline-size: 43px;     block-size: 43px;   } } label:hover {   background-color: #f2f2f2; } label:active {   background-color: #e5e5e5; } label:first-of-type {   border-radius: 4px 0 0 4px; } label:first-of-type::before {   border-radius: 3px 0 0; } label:last-of-type {   border-inline-end-width: 1px;   border-radius: 0 4px 4px 0; } label:last-of-type::before {   border-radius: 0 3px 0 0; } label::before {   content: "";   display: block;   position: absolute;   inset-block-start: 0;   block-size: 8px;   inline-size: 100%;   border-block-end: 1px solid #ccc; } label:has(input:checked) {   font-weight: bold; } label.survey-rating-1::before, label.survey-rating-1:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-wit);   --_dso-link-extern-icon: var(--_dso-di-external-link-wit);   --_dso-link-phone-icon: var(--_dso-di-call-wit);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2);   --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-color: #f2f2f2;   --_dso-icon-button-tertiary-hover-color: #fff;   --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-tertiary-toggled-color: #fff;   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);   --_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: #b62f41;   color: #fff;   border-color: #ccc; } label.survey-rating-2::before, label.survey-rating-2:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-wit);   --_dso-link-extern-icon: var(--_dso-di-external-link-wit);   --_dso-link-phone-icon: var(--_dso-di-call-wit);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2);   --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-color: #f2f2f2;   --_dso-icon-button-tertiary-hover-color: #fff;   --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-tertiary-toggled-color: #fff;   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);   --_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;   border-color: #ccc; } label.survey-rating-3::before, label.survey-rating-3:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-zwart);   --_dso-link-extern-icon: var(--_dso-di-external-link-zwart);   --_dso-link-phone-icon: var(--_dso-di-call-zwart);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: #1f472c;   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: #275937;   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;   --_dso-icon-button-tertiary-color: #191919;   --_dso-icon-button-tertiary-hover-color: #4c4c4c;   --_dso-icon-button-tertiary-active-color: #1f472c;   --_dso-icon-button-tertiary-toggled-color: #275937;   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;   --_dso-icon-button-tertiary-disabled-color: #999;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart);   --_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: #e17000;   color: #191919;   border-color: #ccc; } label.survey-rating-4::before, label.survey-rating-4:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-zwart);   --_dso-link-extern-icon: var(--_dso-di-external-link-zwart);   --_dso-link-phone-icon: var(--_dso-di-call-zwart);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: #1f472c;   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: #275937;   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;   --_dso-icon-button-tertiary-color: #191919;   --_dso-icon-button-tertiary-hover-color: #4c4c4c;   --_dso-icon-button-tertiary-active-color: #1f472c;   --_dso-icon-button-tertiary-toggled-color: #275937;   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;   --_dso-icon-button-tertiary-disabled-color: #999;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart);   --_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;   border-color: #ccc; } label.survey-rating-5::before, label.survey-rating-5:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-zwart);   --_dso-link-extern-icon: var(--_dso-di-external-link-zwart);   --_dso-link-phone-icon: var(--_dso-di-call-zwart);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: #1f472c;   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: #275937;   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;   --_dso-icon-button-tertiary-color: #191919;   --_dso-icon-button-tertiary-hover-color: #4c4c4c;   --_dso-icon-button-tertiary-active-color: #1f472c;   --_dso-icon-button-tertiary-toggled-color: #275937;   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;   --_dso-icon-button-tertiary-disabled-color: #999;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart);   --_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: #79b929;   color: #191919;   border-color: #ccc; } label.survey-rating-6::before, label.survey-rating-6:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-wit);   --_dso-link-extern-icon: var(--_dso-di-external-link-wit);   --_dso-link-phone-icon: var(--_dso-di-call-wit);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2);   --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-color: #f2f2f2;   --_dso-icon-button-tertiary-hover-color: #fff;   --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-tertiary-toggled-color: #fff;   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);   --_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;   border-color: #ccc; } label.survey-rating-7::before, label.survey-rating-7:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-wit);   --_dso-link-extern-icon: var(--_dso-di-external-link-wit);   --_dso-link-phone-icon: var(--_dso-di-call-wit);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2);   --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-color: #f2f2f2;   --_dso-icon-button-tertiary-hover-color: #fff;   --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-tertiary-toggled-color: #fff;   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);   --_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;   border-color: #ccc; }  button {   -webkit-appearance: button;   color: inherit;   cursor: pointer;   font: inherit;   font-family: inherit;   font-size: inherit;   line-height: inherit;   margin: 0;   overflow: visible;   text-transform: none; } button[disabled] {   cursor: default; } button::-moz-focus-inner {   border: 0;   padding: 0; } button.dso-secondary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } button.dso-secondary:focus, button.dso-secondary:focus-visible {   outline-offset: 2px; } button.dso-secondary:active {   outline: 0; } button.dso-secondary.extern::after, button.dso-secondary.download::after {   content: "";   display: inline-block; } button.dso-secondary {   background-color: var(--_dso-button-secondary-background-color, #fff);   border-color: var(--_dso-button-secondary-border-color, #39870c);   color: var(--_dso-button-secondary-color, #39870c);   float: var(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } button.dso-secondary:hover {   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);   border-color: var(--_dso-button-secondary-hover-border-color, #275937);   color: var(--_dso-button-secondary-hover-color, #275937);   float: var(--_dso-button-float-secondary, none); } button.dso-secondary:active {   background-color: var(--_dso-button-secondary-active-background-color, #275937);   border-color: var(--_dso-button-secondary-active-border-color, #275937);   color: var(--_dso-button-secondary-active-color, #fff);   float: var(--_dso-button-float-secondary, none); } button.dso-secondary[disabled], button.dso-secondary[disabled]:hover {   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);   color: var(--_dso-button-secondary-disabled-color, #afcf9d);   float: var(--_dso-button-float-secondary, none); } button.dso-secondary.dso-small {   line-height: 1rem; } button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } button.dso-secondary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-extra-small {   line-height: 1rem; } button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } button.dso-secondary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-extra-small {   padding-block: 9px; } button.dso-secondary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } button.dso-secondary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } button.dso-secondary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled] {   background-color: #fff;   border-color: #39870c;   color: #39870c; } button.dso-secondary.dso-spinner-left::before {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]):hover::before {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-spinner-right::after {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]):hover::after {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {   block-size: 16px;   inline-size: 16px; } button {   margin-block-start: 16px; }`;
 
@@ -33,10 +33,10 @@ const SurveyRating = /*@__PURE__*/ proxyCustomElement(class SurveyRating extends
             "Makkelijk",
             "Heel makkelijk",
         ];
-        return (h("dso-panel", { key: '5a179ed2af0e08ca4425ff722678b4181f167079', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: 'a9999f60adf50f4710dafd51540e070b680d86f6', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: '14541ee73f7eb7df7aa31540e8b36068728e4e85' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: '6495adf58f4eaae96b14e7b48f9ab288c706e401', onSubmit: (e) => this.handleForm(e) }, h("div", { key: 'be89bb54448a7fea343722ba19933a5c34ed2bee', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: 'b64fdcd408a644acac69ec4b2e8f123276d76e31' }, "Heel moeilijk"), h("span", { key: '4c5c42713f2b65a780f3d35a3aea40a5d1dd27b6' }, "Heel makkelijk")), h("div", { key: '752a3638aa3e2056a58162874b0a524c039fc74d', role: "radiogroup" }, ratings.map((rating, index) => {
+        return (h("dso-panel", { key: '5a4099fc5d6ce14b20b587d8e62bfc11918b6d86', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: 'f03325417ab807016ccefcfa24a4da835f4dbb68', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: '6ef7c26ffde99057fcf886ef0316788127d420d2' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: 'eb8514e4cc4e89bc55c49d0976a9c3ecf653efa7', onSubmit: (e) => this.handleForm(e) }, h("div", { key: '68fea48419eac3912dc30ef73949aaa832c1a871', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: 'fca067c067668615de7808598625480acb9b2eaf' }, "Heel moeilijk"), h("span", { key: '51a76e96cba6667434b244244a02c5534b8d4f03' }, "Heel makkelijk")), h("div", { key: '9d6477945ef3676a2b5b083546aa896c59c9bac6', role: "radiogroup" }, ratings.map((rating, index) => {
             const ratingNumber = index + 1;
             return (h(Fragment, null, h("label", { class: `survey-rating-${ratingNumber}` }, ratingNumber, h("span", { class: "sr-only" }, rating), h("input", { type: "radio", name: "rating", value: ratingNumber, checked: ratingNumber === this.rating, onChange: (e) => this.handleChange(e) }))));
-        })), h("button", { key: '5b0c126c839ce6cec139ae05f090efbf856c6e23', type: "submit", class: "dso-secondary" }, h("span", { key: 'f504e4c046b4cc9bb5826bbf89c0803a93daba71' }, "Antwoord verzenden")))));
+        })), h("button", { key: '659e0df5fee571799ec9bf0a56dff2ea909b871c', type: "submit", class: "dso-secondary" }, h("span", { key: '4062e16418955a900706e9d98fc653b1fbc70dd8' }, "Antwoord verzenden")))));
     }
     static get style() { return surveyRatingCss(); }
 }, [1, "dso-survey-rating"]);

package/dist/bundle/dso-table.js

@@ -1,4 +1,4 @@
-import { T as Table, d as defineCustomElement$1 } from './p-CWeAud7S.js';
+import { T as Table, d as defineCustomElement$1 } from './p-BUP7ETj9.js';
 
 const DsoTable = Table;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-tabs.js

@@ -64,7 +64,7 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends H {
         this.mutationObserver?.disconnect();
     }
     render() {
-        return (h(Host, { key: '8254800bb5a0c14a3c1273229cfcb79e9c54f613' }, h("div", { key: '661d468205eef9943c2b739d784b6da07c88ae68', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: 'b9c5f5b2910af297d18af9faebdcf0a52ea4fcd4' })), h("div", { key: '1aa10670bb13fd6d10741c1b585a8b0a05467927', role: "tabpanel", tabindex: "0" }, h("slot", { key: 'a2a7595521fe4d224a6e70d27b0a6913a7729a58', name: "panel" }))));
+        return (h(Host, { key: '4a44a3f5b4183fba668eb37e9083bb71866aef9a' }, h("div", { key: 'cbf2e18cc35725d846549d557bead0d8133a278b', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: 'cafbccebd54d9ec8002b5595fc02b0d3a11a5471' })), h("div", { key: 'a86c75fc090ae36b4fcae2b8ff9cb4433cbca18b', role: "tabpanel", tabindex: "0" }, h("slot", { key: '83ed8f4078f347d8a43682cbeca57a52a996be9c', name: "panel" }))));
     }
     get host() { return this; }
     static get style() { return tabsCss(); }