@dso-toolkit/core 102.0.0 → 104.0.0

package/dist/bundle/dso-hero-image.js

@@ -11,7 +11,7 @@ const HeroImage = /*@__PURE__*/ proxyCustomElement(class HeroImage extends H {
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '58986f7f8ff51ad08e4a6cecfc8b69b7f534ce59' }, h("slot", { key: '3de9aa7aeb53413ddc4bf442a8e20227a8f94710', name: "image" }), h("div", { key: '16a40d270ae8eebd3213222a20672c6213302d97', class: "hero-image-container" }, h("slot", { key: '8a6817e250897a98ad525a1ca5f5775e04814ef3' }))));
+        return (h(Host, { key: 'b8c10e49c8bc6855edb0f400130a48f027ea4415' }, h("slot", { key: '57ae247c1298f94bf090a4446e154cbcca2c0927', name: "image" }), h("div", { key: '79b3b7d18948570f7dc119b39f0551563acdd71c', class: "hero-image-container" }, h("slot", { key: '8ce6bcaf5a15fe60d872f544c40b1c01e1ddc3b5' }))));
     }
     static get style() { return heroImageCss(); }
 }, [257, "dso-hero-image"]);

package/dist/bundle/dso-highlight-box.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, c as Host, t as transformTag } from './p-Vur2Wu4N.js';
 
-const highlightBoxCss = () => `*,*::after,*::before{box-sizing:border-box}.dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;inset-inline-start:16px;position:absolute;inset-block-start:-1.5rem;block-size:2rem;inline-size:2rem;color:#fff;font-size:1.25rem;font-weight:500;line-height:2rem;text-align:center}:host{display:block;container-type:inline-size;position:relative;z-index:1;margin-block-start:16px;padding:16px;margin-block-end:24px;block-size:var(--_dso-highlight-box-block-size, unset);min-block-size:var(--_dso-highlight-box-min-block-size, unset);--_dso-link-list-margin-block-end:0;--_dso-rich-content-margin-block-start:0}:host([has-counter]){block-size:var(--_dso-highlight-box-counter-block-size, unset);margin-block-start:48px;padding-block-start:2.5rem;position:relative}:host(:not([has-counter])){block-size:var(--_dso-highlight-box-nocounter-block-size, unset)}:host(:not([white],[yellow],[border],[green])){--_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:#f2f2f2;color:#191919}:host([grey]){--_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:#f2f2f2;color:#191919}:host([white]){--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919}:host([yellow]){--_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:#f8f6cc;color:#191919}:host([green]){--_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:#ebf3e6;color:#191919}:host([drop-shadow]){box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}:host([border]){border:1px solid #ccc;padding:15px}:host([border]:not([grey],[yellow])){--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919}::slotted([slot=icon]){margin-block-start:0.25rem}::slotted(img.dso-highlight-box-banner){--_dso-image-margin-inline:-16px -16px;--_dso-image-margin-block:-16px 8px;aspect-ratio:2.38/1;object-fit:cover;inline-size:calc(100% + 32px);max-inline-size:unset !important}@container (min-width: 360px) and (max-width: 470px){::slotted(img.dso-highlight-box-banner){aspect-ratio:3/1}}@container (min-width: 471px){::slotted(img.dso-highlight-box-banner){aspect-ratio:3.5/1}}::slotted(:last-child){margin-block-end:0 !important}`;
+const highlightBoxCss = () => `*,*::after,*::before{box-sizing:border-box}.dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;inset-inline-start:16px;position:absolute;inset-block-start:-1.5rem;block-size:2rem;inline-size:2rem;color:#fff;font-size:1.25rem;font-weight:500;line-height:2rem;text-align:center}:host{display:block;container-type:inline-size;position:relative;z-index:1;margin-block-start:16px;padding:16px;margin-block-end:24px;block-size:var(--_dso-highlight-box-block-size, unset);min-block-size:var(--_dso-highlight-box-min-block-size, unset);--_dso-link-list-margin-block-end:0;--_dso-rich-content-margin-block-start:0}:host([has-counter]){block-size:var(--_dso-highlight-box-counter-block-size, unset);margin-block-start:48px;padding-block-start:2.5rem;position:relative}:host(:not([has-counter])){block-size:var(--_dso-highlight-box-nocounter-block-size, unset)}:host(:not([white],[yellow],[border],[green])){--_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:#173521;--_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:#f2f2f2;color:#191919}:host([grey]){--_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:#173521;--_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:#f2f2f2;color:#191919}:host([white]){--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919}:host([yellow]){--_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:#173521;--_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:#f8f6cc;color:#191919}:host([green]){--_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:#173521;--_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:#ebf3e6;color:#191919}:host([drop-shadow]){box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}:host([border]){border:1px solid #ccc;padding:15px}:host([border]:not([grey],[yellow])){--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919}::slotted([slot=icon]){margin-block-start:0.25rem}::slotted(img.dso-highlight-box-banner){--_dso-image-margin-inline:-16px -16px;--_dso-image-margin-block:-16px 8px;aspect-ratio:2.38/1;object-fit:cover;inline-size:calc(100% + 32px);max-inline-size:unset !important}@container (min-width: 360px) and (max-width: 470px){::slotted(img.dso-highlight-box-banner){aspect-ratio:3/1}}@container (min-width: 471px){::slotted(img.dso-highlight-box-banner){aspect-ratio:3.5/1}}::slotted(:last-child){margin-block-end:0 !important}`;
 
 const HighlightBox = /*@__PURE__*/ proxyCustomElement(class HighlightBox extends H {
     constructor(registerHost) {
@@ -12,7 +12,7 @@ const HighlightBox = /*@__PURE__*/ proxyCustomElement(class HighlightBox extends
     }
     render() {
         const hasCounter = this.step || !!this.element.querySelector("[slot=icon]");
-        return (h(Host, { key: '91d00560a3617308d002684f4c67c940b16dc1c7', "has-counter": hasCounter }, hasCounter && (h("div", { key: 'ed7997c8e77b13b44e5a567ee31116ba937fc6c2', class: "dso-step-counter", "aria-hidden": "true" }, this.step ?? h("slot", { key: '4993d27042a6a7839da8fd679625dbe17a1cd3b2', name: "icon" }))), h("slot", { key: 'bfab78815718775c72114b51730d229c1d2b3615' })));
+        return (h(Host, { key: '4b0f57c318c4955ce158b47d8c358153247f8be0', "has-counter": hasCounter }, hasCounter && (h("div", { key: '60bf0e921a5200f528bd93b4a765b8321e70a199', class: "dso-step-counter", "aria-hidden": "true" }, this.step ?? h("slot", { key: '1657d802aaa17d882683486c65858033095388a5', name: "icon" }))), h("slot", { key: 'a8a26a6a3977e7d7ad7249f2fa6f3ce35d5a4818' })));
     }
     get element() { return this; }
     static get style() { return highlightBoxCss(); }

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

@@ -45,7 +45,7 @@ const HistoryItem = /*@__PURE__*/ proxyCustomElement(class HistoryItem extends H
         return this.host.querySelector("[slot='warning']");
     }
     render() {
-        return (h("div", { key: '0ddccba216f32216a5ce222cc11b003bacdb28af', class: "history-item" }, h("div", { key: 'b8e3e1c7acc1dfdded03f8829d75362d82bf4920', class: "history-item-date" }, h("slot", { key: 'a02d02b411a8827bead6be05cbd4fd6ab22feeb4', name: "date" })), h("div", { key: 'e83882c2988f87d822126947f6b954682496d6bc', class: "history-item-content" }, h("div", { key: '4409043a85b9ef30d21a64c2119fd6dab0e320a7', class: "history-item-status-message" }, h("dso-icon", { key: 'e5096c926aec70dee1471f1cfa01d6a8bb050200', icon: this.typeIcons[this.type], "aria-hidden": "true" }), h("slot", { key: 'a7c923bd536c1b02676df779216186f4a49856d7', name: "status" })), this.titleSlottedElement !== null && this.href && (h("div", { key: '2db028e5addc28fbd82210129719f86363395c4b', class: "history-item-title" }, h("a", { key: '871157e769f9dc0a2af5809e60ca3292ad847f65', href: this.href, class: "title-anchor", onClick: (e) => this.clickEventHandler(e), "aria-current": this.current ? "true" : undefined }, h("span", { key: '90bac7607cbe8a838c8f9086c825591e34d7fd35', class: "history-item-title-content" }, h("slot", { key: '0c4e9921ace20c57e55d2fbc14019b173624209e', name: "title" })), "\u2060", h("dso-icon", { key: 'd3b03e7226a6b0e8dce037a0a390367028490a77', icon: "chevron-right", "aria-hidden": "true" })))), this.explanationSlottedElement !== null && (h("div", { key: 'ce9f3ced38791d38fb8778cd548fa8d969c0f959', class: "history-item-explanation" }, h("slot", { key: '80156b40b6367688076c34684ac726e3904edae3', name: "explanation" }))), this.warningSlottedElement !== null && (h("div", { key: '13f461a66e60fed780b3611289b70efe9bc21bc5', class: "history-item-warning" }, h("dso-icon", { key: '750ed3861b34c53fd0bdcf407da4bd8e566d9d92', icon: "status-warning-red-solid", role: "img", "aria-label": "Waarschuwing" }), h("slot", { key: '50377ddabb3c9f22f70c182e44a520cac18397c6', name: "warning" }))))));
+        return (h("div", { key: 'd379c0d7c1e7ee6408dacf352b96db6095e364fb', class: "history-item" }, h("div", { key: 'c2f7da0d6fac2de1d48159e83186ad233d2fb5b3', class: "history-item-date" }, h("slot", { key: 'f4a8f70a314f4a79ab9293aeed4fbbecbe7e67d0', name: "date" })), h("div", { key: 'a3eb1f2d8c6cdae25863a93c3bab6e9a4fe8ad8a', class: "history-item-content" }, h("div", { key: 'afa986699dfa3ff2ecb45e88ec5badc319886a9d', class: "history-item-status-message" }, h("dso-icon", { key: '7f9fb3348e815a5373c1220233441b3fd0d28d10', icon: this.typeIcons[this.type], "aria-hidden": "true" }), h("slot", { key: 'e9ad0a6f2a492b7c115907a9d134c9b140bade5a', name: "status" })), this.titleSlottedElement !== null && this.href && (h("div", { key: '891fd46540c0fc4b742d3aa2bab1c9691be8cca2', class: "history-item-title" }, h("a", { key: '07f79622d1b84b350826353eb58cd2a6145eb0b3', href: this.href, class: "title-anchor", onClick: (e) => this.clickEventHandler(e), "aria-current": this.current ? "true" : undefined }, h("span", { key: '4a14f723069e8d1f3595cc32c49ee4dc5a916f05', class: "history-item-title-content" }, h("slot", { key: '0ec1727ca51f1f763d29021ff14c1068abacf86a', name: "title" })), "\u2060", h("dso-icon", { key: '8fa39e3809b584b6d9ecc4894f99da9cba3bb4a2', icon: "chevron-right", "aria-hidden": "true" })))), this.explanationSlottedElement !== null && (h("div", { key: '90b2d977df806078ef094eac5415016b5b40cd39', class: "history-item-explanation" }, h("slot", { key: '3340cd05e872bdbe0f2d01d89e950ace23c24392', name: "explanation" }))), this.warningSlottedElement !== null && (h("div", { key: 'e470ead9a3835a3c871d044d57a8227a4f1a9a82', class: "history-item-warning" }, h("dso-icon", { key: '016db354848fbe80954fbcbe848ff0abdcfb97c9', icon: "status-warning-red-solid", role: "img", "aria-label": "Waarschuwing" }), h("slot", { key: 'f2e94fe5f704f4341ebbac394606c762e842c8c9', name: "warning" }))))));
     }
     get host() { return this; }
     static get style() { return historyItemCss(); }

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

@@ -1,4 +1,4 @@
-import { I as IconButton, d as defineCustomElement$1 } from './p-CPtFrV76.js';
+import { I as IconButton, d as defineCustomElement$1 } from './p-Bs_nbcJ5.js';
 
 const DsoIconButton = IconButton;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-image-overlay.js

@@ -1,4 +1,4 @@
-import { I as ImageOverlay, d as defineCustomElement$1 } from './p-C9-RLZ9M.js';
+import { I as ImageOverlay, d as defineCustomElement$1 } from './p-zu7axvCG.js';
 
 const DsoImageOverlay = ImageOverlay;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { I as InfoButton, d as defineCustomElement$1 } from './p-CW6TwO8L.js';
+import { I as InfoButton, d as defineCustomElement$1 } from './p-syG347lq.js';
 
 const DsoInfoButton = InfoButton;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-info.js

@@ -1,4 +1,4 @@
-import { I as Info, d as defineCustomElement$1 } from './p-Cuh4KbuH.js';
+import { I as Info, d as defineCustomElement$1 } from './p-lNRYydvn.js';
 
 const DsoInfo = Info;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-input-range.js

@@ -19,13 +19,13 @@ const InputRange = /*@__PURE__*/ proxyCustomElement(class InputRange extends H {
         const min = this.min || 0;
         const max = this.max || 100;
         const step = this.step || 1;
-        return (h(Fragment, null, this.description && (h("span", { key: 'c9c1c2a01f8d800d9cb861f6ef4b7073af1185e3', id: "description", hidden: true }, this.description)), h("span", { key: 'c10d10a730b924332e28bcd873ba9d0f7b3b28be', class: "counter", "aria-hidden": "true" }, min, this.unit), h("input", { key: '484f8c4a80bc4d46b8ce29a5bf8d543a7afc4748', type: "range", min: min, max: max, step: step, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
+        return (h(Fragment, null, this.description && (h("span", { key: '76663e83b549f3ea038ea66512396a1d20ccff60', id: "description", hidden: true }, this.description)), h("span", { key: '79610baeab35eded7df7e3f14707f8469e11bbde', class: "counter", "aria-hidden": "true" }, min, this.unit), h("input", { key: 'bb445c1572de1bc20299d80c902bd91da938876c', type: "range", min: min, max: max, step: step, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
                 originalEvent: event,
                 value: event.target instanceof HTMLInputElement ? parseInt(event.target.value, 10) : undefined,
                 max,
                 min,
                 step,
-            }) }), h("span", { key: 'eab4c183cb6434e4bfe2e6cefdcd806baf6d6065', class: "counter", "aria-hidden": "true" }, max, this.unit)));
+            }) }), h("span", { key: '13e1a774419f58934376ab2c0ec906855a0e505a', class: "counter", "aria-hidden": "true" }, max, this.unit)));
     }
     get host() { return this; }
     static get style() { return inputRangeCss(); }

package/dist/bundle/dso-label.js

@@ -1,4 +1,4 @@
-import { L as Label, d as defineCustomElement$1 } from './p-DTuqEGi5.js';
+import { L as Label, d as defineCustomElement$1 } from './p-BB_ih7Hk.js';
 
 const DsoLabel = Label;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-legend-group.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-Vur2Wu4N.js';
-import { i as i18n } from './p-xDSTG4OU.js';
+import { i as i18n } from './p-DVFsbHoq.js';
 import { d as defineCustomElement$3 } from './p-B3xfmB17.js';
-import { d as defineCustomElement$2 } from './p-CPtFrV76.js';
+import { d as defineCustomElement$2 } from './p-Bs_nbcJ5.js';
 
 const translations = {
     en: {
@@ -61,7 +61,7 @@ const LegendGroup = /*@__PURE__*/ proxyCustomElement(class LegendGroup extends H
         delete this.mutationObserver;
     }
     render() {
-        return (h(Host, { key: '50e7022a7d8609f707bbc7db0a76e1c875196156' }, h("div", { key: 'bab113ad4e4f716dd2fbba44e40f6b55573f882b', class: "legend-group-header" }, h("slot", { key: '29ef307aed6239c9720b4649c852251082fec38f', name: "heading" }), this.mode && (h("dso-icon-button", { key: 'ad3f0111cca63825e5d7fd55b7d7bac220d8da95', expanded: this.mode === "edit", label: this.mode === "view" ? this.text("edit") : this.text("view"), icon: this.mode === "view" ? "pencil" : "check", variant: "tertiary", onDsoClick: this.toggleMode }))), this.mode === "edit" && h("slot", { key: '0e39fdfe7c793662d53c57c1c790e4e53c168123', name: "options" }), h("slot", { key: '7d8490e439f878271259a5c5bfad62ed5dfe62bd' })));
+        return (h(Host, { key: '7a4e915b445a224a7872156088be6d835f58cca9' }, h("div", { key: '721d9b8f161d743420f9daf2d5058993bbdfebdc', class: "legend-group-header" }, h("slot", { key: '6d072436e17172a84d0da3ee38bb76e50881f53e', name: "heading" }), this.mode && (h("dso-icon-button", { key: 'd9e320630be786b6ebb8b4ed464d50d556cf403c', expanded: this.mode === "edit", label: this.mode === "view" ? this.text("edit") : this.text("view"), icon: this.mode === "view" ? "pencil" : "check", variant: "tertiary", onDsoClick: this.toggleMode }))), this.mode === "edit" && h("slot", { key: '141d6a7d8fadcb614143531db2ded4417c34c3e7', name: "options" }), h("slot", { key: '3b407bee307b6979da03f6cdd9fd1d79b5acb298' })));
     }
     get host() { return this; }
     static get watchers() { return {

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

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, F as Fragment, c as Host, t as transformTag } from './p-Vur2Wu4N.js';
 import { c as clsx } from './p-ChV9xqsO.js';
-import { i as i18n } from './p-xDSTG4OU.js';
+import { i as i18n } from './p-DVFsbHoq.js';
 import { d as defineCustomElement$6 } from './p-B3xfmB17.js';
-import { d as defineCustomElement$5 } from './p-CPtFrV76.js';
-import { d as defineCustomElement$4 } from './p-CW6TwO8L.js';
-import { d as defineCustomElement$3 } from './p-B87-yu48.js';
-import { d as defineCustomElement$2 } from './p-A0rc0QLO.js';
+import { d as defineCustomElement$5 } from './p-Bs_nbcJ5.js';
+import { d as defineCustomElement$4 } from './p-syG347lq.js';
+import { d as defineCustomElement$3 } from './p-DHNIYTIB.js';
+import { d as defineCustomElement$2 } from './p-BmLyJnZc.js';
 
 const translations = {
     en: {
@@ -96,7 +96,7 @@ const LegendItem = /*@__PURE__*/ proxyCustomElement(class LegendItem extends H {
         const accessibleLabel = label?.textContent
             ? this.text("makeActive", { label: label.textContent.toLowerCase() })
             : this.text("makeActiveDefault");
-        return (h(Host, { key: '303c7ddca3e6779ce9bbefa891d09a98daf92afd', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: '772e960d48c62dd8ed5f035191f39d5676a3290b', class: clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (h("div", { key: '82cc6c2ca9fa5b75cad03185416109d23f6ca086' }, h("slot", { key: '401c7d2f991b5718eb9a0187b272fbcf86e6f067', name: "symbol" }))), h("div", { key: '29f0e127a2ad71f82132ca6de363de9edf9368dc' }, h("slot", { key: 'dc21e1f62471652d940f4e78c1417e4f1fb99fac', name: "label" })), this.disabled && this.disabledMessage && (h("dso-info-button", { key: '1d40419b908d45216c2a83e42b4f675aa4a682cc', label: this.text("disabledInfo"), toggletipPlacement: "bottom" }, h("div", { key: 'f0ff311f69b6d6a3e0b01f1e66fbfabfd7476b10', slot: "toggletip" }, this.disabledMessage))), h("div", { key: '8f8e201b6730f2ac177452b0aed27b1f077375c5', class: "legend-item-right-content" }, this.renderRightContent(hasOptions, accessibleLabel))), hasOptions && (h("div", { key: '190d57da182375676f885799db52faf1db7b3e23', hidden: this.disabled || !this.showOptions, class: "options" }, h("slot", { key: '8a69fc826eac7ff7f70ffa0280a5452398bb27dc', name: "options" })))));
+        return (h(Host, { key: '6ffe060576bb5954c9222a28414a3ca4fd88954e', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: '617c294a7f8f23644cd01fc06567f9100346597c', class: clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (h("div", { key: '02fed0ce91941356959b1ae31704ae2fc541589e' }, h("slot", { key: '23e6b788d7b588281cbdb4674ccd6b1b72099746', name: "symbol" }))), h("div", { key: 'f39b163d90db83163f7df1f25a93efa95bc3cae8' }, h("slot", { key: '30a5f6a7977b4ac7fc838f05aca61dfb9f3c93ec', name: "label" })), this.disabled && this.disabledMessage && (h("dso-info-button", { key: '8f0d714c936679820da2ba958fa740a184fe821b', label: this.text("disabledInfo"), toggletipPlacement: "bottom" }, h("div", { key: '228f214a29082f9bc1e3d9363a26fc0a504fe909', slot: "toggletip" }, this.disabledMessage))), h("div", { key: '2dde8eeba3a3fd5a537a4696affacd51a7501945', class: "legend-item-right-content" }, this.renderRightContent(hasOptions, accessibleLabel))), hasOptions && (h("div", { key: 'af70c5b8e473600852152b20267c603be9e1b096', hidden: this.disabled || !this.showOptions, class: "options" }, h("slot", { key: '6bb20909588aefadde8820fd6a08060d6e81610d', name: "options" })))));
     }
     get host() { return this; }
     static get style() { return legendItemCss(); }

package/dist/bundle/dso-legend.js

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-Vur2Wu4N.js';
 import { c as clsx } from './p-ChV9xqsO.js';
-import { i as i18n } from './p-xDSTG4OU.js';
+import { i as i18n } from './p-DVFsbHoq.js';
 import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
 import { d as defineCustomElement$4 } from './p-B3xfmB17.js';
-import { d as defineCustomElement$3 } from './p-CPtFrV76.js';
-import { d as defineCustomElement$2 } from './p-B87-yu48.js';
+import { d as defineCustomElement$3 } from './p-Bs_nbcJ5.js';
+import { d as defineCustomElement$2 } from './p-DHNIYTIB.js';
 
 const translations = {
     en: {
@@ -88,7 +88,7 @@ const Legend = /*@__PURE__*/ proxyCustomElement(class Legend extends H {
         this.moveFocusToTab(next);
     }
     render() {
-        return (h(Host, { key: '6c068495df817506eb9cb36c180014ca2b576e83' }, h("div", { key: 'd1894347ffa291f9f2a1ea2184f3290c654a26a5', class: "topbar" }, h("div", { key: '37770064ed8439b568a1a842c3f9d30a7b1bb5d4', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, this.tabItems.map((tabItem) => (h("button", { class: clsx("tab", { active: tabItem.active }), role: "tab", "aria-selected": tabItem.active ? "true" : "false", ...(!tabItem.active ? { tabIndex: -1 } : {}), onClick: this.clickHandler }, tabItem.label)))), h("dso-icon-button", { key: 'b355c1a19204d9c348e74cd59d628e6fc8aba252', icon: "cross", variant: "tertiary", label: this.text("closeLegend"), class: "close-button", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e.detail.originalEvent }) })), h("dso-scrollable", { key: '4a92cff1f0be3ac4f0cdb562061a5b39ea374c88', class: "content" }, h("div", { key: 'e8eaea56938f7d41e344fff4818bef8f18fe54b0', role: "tabpanel", tabIndex: 0 }, h("slot", { key: '358aee3d3b750d7b3794e072444e048a5f5d3960' })))));
+        return (h(Host, { key: '77d5fa793145113c895f8329ca32cceaf9e14ea1' }, h("div", { key: '7541e682342422f7573013766716c8bb7cbedffd', class: "topbar" }, h("div", { key: 'f4865a90dca149b4494b464c501157c1f4d4bdcc', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, this.tabItems.map((tabItem) => (h("button", { class: clsx("tab", { active: tabItem.active }), role: "tab", "aria-selected": tabItem.active ? "true" : "false", ...(!tabItem.active ? { tabIndex: -1 } : {}), onClick: this.clickHandler }, tabItem.label)))), h("dso-icon-button", { key: '04bb747ec93d40285d973694972644b303db8b58', icon: "cross", variant: "tertiary", label: this.text("closeLegend"), class: "close-button", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e.detail.originalEvent }) })), h("dso-scrollable", { key: '9644c7e7a6b55361f74ef4880eea23e175a242ad', class: "content" }, h("div", { key: 'c327dcd24d8344bfe599b9a1da16efd12e895048', role: "tabpanel", tabIndex: 0 }, h("slot", { key: '4e4901221b4e556e2436eec2a38f74e7df4c9902' })))));
     }
     get host() { return this; }
     static get style() { return legendCss(); }

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

@@ -1,13 +1,13 @@
 import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, F as Fragment, t as transformTag } from './p-Vur2Wu4N.js';
 import { c as clsx } from './p-ChV9xqsO.js';
 import { d as defineCustomElement$7 } from './p-B3xfmB17.js';
-import { d as defineCustomElement$6 } from './p-CPtFrV76.js';
-import { d as defineCustomElement$5 } from './p-Cuh4KbuH.js';
-import { d as defineCustomElement$4 } from './p-CW6TwO8L.js';
-import { d as defineCustomElement$3 } from './p-B87-yu48.js';
-import { d as defineCustomElement$2 } from './p-CCdI6Ua4.js';
+import { d as defineCustomElement$6 } from './p-Bs_nbcJ5.js';
+import { d as defineCustomElement$5 } from './p-lNRYydvn.js';
+import { d as defineCustomElement$4 } from './p-syG347lq.js';
+import { d as defineCustomElement$3 } from './p-DHNIYTIB.js';
+import { d as defineCustomElement$2 } from './p-DK7XdyJj.js';
 
-const listButtonCss = () => `*, *::after, *::before {   box-sizing: border-box; }  :host {   display: block; }  .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-tertiary {   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; } .dso-tertiary:focus, .dso-tertiary:focus-visible {   outline-offset: 2px; } .dso-tertiary:active {   outline: 0; } .dso-tertiary {   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; } .dso-tertiary:focus, .dso-tertiary:focus-visible {   outline-offset: 2px; } .dso-tertiary:active {   outline: 0; } .dso-tertiary {   background-color: var(--_dso-button-tertiary-background-color, );   border-color: var(--_dso-button-tertiary-border-color, );   color: var(--_dso-button-tertiary-color, #39870c);   float: var(--_dso-button-float-tertiary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: auto;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } .dso-tertiary:hover {   background-color: var(--_dso-button-tertiary-hover-background-color, );   border-color: var(--_dso-button-tertiary-hover-border-color, );   color: var(--_dso-button-tertiary-hover-color, #275937);   float: var(--_dso-button-float-tertiary, none); } .dso-tertiary:active {   background-color: var(--_dso-button-tertiary-active-background-color, );   border-color: var(--_dso-button-tertiary-active-border-color, );   color: var(--_dso-button-tertiary-active-color, #173521);   float: var(--_dso-button-float-tertiary, none); } .dso-tertiary[disabled], .dso-tertiary[disabled]:hover {   background-color: var(--_dso-button-tertiary-disabled-background-color, );   border-color: var(--_dso-button-tertiary-disabled-border-color, );   color: var(--_dso-button-tertiary-disabled-color, #afcf9d);   float: var(--_dso-button-float-tertiary, none); } .dso-tertiary.dso-small {   line-height: 1rem; } .dso-tertiary.dso-small dso-icon, .dso-tertiary.dso-small.extern::after, .dso-tertiary.dso-small.download::after, .dso-tertiary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-tertiary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-extra-small {   line-height: 1rem; } .dso-tertiary.dso-extra-small dso-icon, .dso-tertiary.dso-extra-small.extern::after, .dso-tertiary.dso-extra-small.download::after, .dso-tertiary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-tertiary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-extra-small {   padding-block: 9px; } .dso-tertiary {   border: 0;   line-height: 1;   padding-inline: 0;   padding-block: var(--_dso-button-padding-block-tertiary, 0);   background-color: transparent; } .dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {   color: #39870c; } .dso-tertiary:not([disabled]):hover {   text-decoration: underline;   text-underline-position: under; } .dso-tertiary.dso-align {   line-height: calc(1.5em - 1px);   padding-block: 11px;   padding-inline: 0;   position: relative; } .dso-tertiary.dso-truncate {   max-inline-size: 100%;   overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap; } .dso-tertiary.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: middle;   inline-size: 24px;   margin-inline-end: 8px; } .dso-tertiary.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: middle;   inline-size: 24px;   margin-inline-start: 8px; } .dso-tertiary dso-icon + span:not(.sr-only), .dso-tertiary span:not(.sr-only) + dso-icon {   margin-inline-start: 4px; } .dso-tertiary dso-icon, .dso-tertiary span {   vertical-align: middle; } .dso-tertiary {   cursor: pointer; }  .dso-input-number {   align-items: center;   display: flex; } .dso-input-number .dso-input-step-counter {   text-align: center;   inline-size: 1.5rem;   font-size: 0.875rem; }  .dso-button-group {   display: flex;   flex-direction: row; } .dso-button-group.dso-disabled > * {   background-color: #fff;   border-color: #e5e5e5;   color: #666;   pointer-events: none; } .dso-button-group > * {   border-radius: 0; } .dso-button-group > *:first-child {   border-radius: 4px 0 0 4px; } .dso-button-group > *:not(:first-child) {   border-inline-start-style: none !important; } .dso-button-group > *:last-child {   border-radius: 0 4px 4px 0; } .dso-button-group > *:only-child {   border-radius: 4px; } .dso-button-group > .dso-input-number {   border-style: solid;   border-width: 1px;   flex-wrap: nowrap;   padding-block: 0;   padding-inline: 16px;   background-color: #fff;   border-color: #ccc;   color: #191919; } @media screen and (max-width: 767px) {   .dso-button-group > .dso-input-number {     justify-content: center;   } } .dso-button-group > *:hover + .dso-input-number, .dso-button-group > *:focus + .dso-input-number {   background-color: #fff;   border-color: #d7e7ce;   color: #191919; } .dso-button-group > *.dso-selected + .dso-input-number {   box-shadow: inset 0 -1px 0 0 #39870c, inset 0 1px 0 0 #39870c, inset -1px 0 0 0 #39870c;   background-color: #fff;   border-color: #39870c;   color: #191919; } .dso-button-group > *:active + .dso-input-number, .dso-button-group > *:active + .dso-input-number:hover, .dso-button-group > *.active + .dso-input-number, .dso-button-group > *.active + .dso-input-number:hover {   background-color: #fff;   border-color: #d7e7ce;   color: #191919; } .dso-button-group > *.disabled + .dso-input-number, .dso-button-group > *.disabled + .dso-input-number:hover, .dso-button-group > *[disabled] + .dso-input-number, .dso-button-group > *[disabled] + .dso-input-number:hover {   opacity: 1;   background-color: #fff;   border-color: #ccc;   color: #666; } .dso-button-group .dso-list-button {   padding-inline-end: 15px; }  .dso-list-button {   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; } .dso-list-button:focus, .dso-list-button:focus-visible {   outline-offset: 2px; } .dso-list-button:active {   outline: 0; } .dso-list-button {   background-color: #fff;   border-color: #ccc;   color: #191919;   border-radius: 4px;   border-width: 1px;   border-style: solid;   font-weight: 600;   padding-block: 15px;   padding-inline: 15px 47px;   position: relative;   text-align: start;   white-space: normal;   inline-size: 100%;   cursor: pointer; } .dso-list-button:hover, .dso-list-button:focus {   background-color: #fff;   border-color: #39870c;   color: #191919; } .dso-list-button:active, .dso-list-button:active:hover, .dso-list-button.active, .dso-list-button.active:hover {   background-color: #fff;   border-color: #d7e7ce;   color: #191919; } .dso-list-button.disabled, .dso-list-button.disabled:hover, .dso-list-button[disabled], .dso-list-button[disabled]:hover {   background-color: #fff;   border-color: #ccc;   color: #666;   opacity: 1; } .dso-list-button dso-selectable:not(:last-child) {   margin-block-end: 0; } .dso-list-button .dso-selectable-container label {   font-weight: 700; } .dso-list-button.dso-selected {   border-color: #39870c;   border-width: 1px;   box-shadow: inset 0px 0px 0px 1px #39870c, inset -1px 0px 0px 0px #39870c; } @media screen and (min-width: 768px) {   .dso-list-button.dso-selected.dso-single-count {     border-inline-end: 0;     box-shadow: #39870c 0px 1px 0px 0px inset, #39870c 1px 0px 0px 0px inset, #39870c 0px -1px 0px 0px inset;   } } .dso-list-button label {   cursor: inherit; } .dso-list-button > span {   display: block; } .dso-list-button .dso-sublabel, .dso-list-button .subcontent {   font-weight: 400;   inline-size: 100%;   padding-inline-start: 32px; } .dso-list-button dso-icon {   block-size: 24px;   color: #39870c;   inset-block-start: 15px;   inset-inline-end: 15px;   inline-size: 24px;   break-before: page;   position: absolute; } @media screen and (max-width: 767px) {   .dso-list-button.dso-selected.dso-single-count::after {     inline-size: 0;   } }`;
+const listButtonCss = () => `*, *::after, *::before {   box-sizing: border-box; }  :host {   display: block; }  .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-tertiary {   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; } .dso-tertiary:focus, .dso-tertiary:focus-visible {   outline-offset: 2px; } .dso-tertiary:active {   outline: 0; } .dso-tertiary {   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; } .dso-tertiary:focus, .dso-tertiary:focus-visible {   outline-offset: 2px; } .dso-tertiary:active {   outline: 0; } .dso-tertiary {   background-color: var(--_dso-button-tertiary-background-color, );   border-color: var(--_dso-button-tertiary-border-color, );   color: var(--_dso-button-tertiary-color, #39870c);   float: var(--_dso-button-float-tertiary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: auto;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } .dso-tertiary:hover, .dso-tertiary:focus-visible {   background-color: var(--_dso-button-tertiary-hover-background-color, );   border-color: var(--_dso-button-tertiary-hover-border-color, );   color: var(--_dso-button-tertiary-hover-color, #275937);   float: var(--_dso-button-float-tertiary, none); } .dso-tertiary:active {   background-color: var(--_dso-button-tertiary-active-background-color, );   border-color: var(--_dso-button-tertiary-active-border-color, );   color: var(--_dso-button-tertiary-active-color, #173521);   float: var(--_dso-button-float-tertiary, none); } .dso-tertiary[disabled], .dso-tertiary[disabled]:hover, .dso-tertiary[disabled]:focus-visible {   background-color: var(--_dso-button-tertiary-disabled-background-color, );   border-color: var(--_dso-button-tertiary-disabled-border-color, );   color: var(--_dso-button-tertiary-disabled-color, #afcf9d);   float: var(--_dso-button-float-tertiary, none); } .dso-tertiary.dso-small {   line-height: 1rem; } .dso-tertiary.dso-small dso-icon, .dso-tertiary.dso-small.extern::after, .dso-tertiary.dso-small.download::after, .dso-tertiary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-tertiary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-extra-small {   line-height: 1rem; } .dso-tertiary.dso-extra-small dso-icon, .dso-tertiary.dso-extra-small.extern::after, .dso-tertiary.dso-extra-small.download::after, .dso-tertiary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-tertiary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-extra-small {   padding-block: 9px; } .dso-tertiary {   border: 0;   line-height: 1;   padding-inline: 0;   padding-block: var(--_dso-button-padding-block-tertiary, 0);   background-color: transparent; } .dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {   color: #39870c; } .dso-tertiary:not([disabled]):hover, .dso-tertiary:not([disabled]):active {   text-decoration: underline;   text-underline-position: under; } .dso-tertiary.dso-align {   line-height: calc(1.5em - 1px);   padding-block: 11px;   padding-inline: 0;   position: relative; } .dso-tertiary.dso-truncate {   max-inline-size: 100%;   overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap; } .dso-tertiary.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: middle;   inline-size: 24px;   margin-inline-end: 8px; } .dso-tertiary.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: middle;   inline-size: 24px;   margin-inline-start: 8px; } .dso-tertiary dso-icon + span:not(.sr-only), .dso-tertiary span:not(.sr-only) + dso-icon {   margin-inline-start: 4px; } .dso-tertiary dso-icon, .dso-tertiary span {   vertical-align: middle; } .dso-tertiary {   cursor: pointer; }  .dso-input-number {   align-items: center;   display: flex; } .dso-input-number .dso-input-step-counter {   text-align: center;   inline-size: 1.5rem;   font-size: 0.875rem; }  .dso-button-group {   display: flex;   flex-direction: row; } .dso-button-group.dso-disabled > * {   background-color: #fff;   border-color: #e5e5e5;   color: #666;   pointer-events: none; } .dso-button-group > * {   border-radius: 0; } .dso-button-group > *:first-child {   border-radius: 4px 0 0 4px; } .dso-button-group > *:not(:first-child) {   border-inline-start-style: none !important; } .dso-button-group > *:last-child {   border-radius: 0 4px 4px 0; } .dso-button-group > *:only-child {   border-radius: 4px; } .dso-button-group > .dso-input-number {   border-style: solid;   border-width: 1px;   flex-wrap: nowrap;   padding-block: 0;   padding-inline: 16px;   background-color: #fff;   border-color: #ccc;   color: #191919; } @media screen and (max-width: 767px) {   .dso-button-group > .dso-input-number {     justify-content: center;   } } .dso-button-group > *:hover + .dso-input-number, .dso-button-group > *:focus + .dso-input-number {   background-color: #fff;   border-color: #d7e7ce;   color: #191919; } .dso-button-group > *.dso-selected + .dso-input-number {   box-shadow: inset 0 -1px 0 0 #39870c, inset 0 1px 0 0 #39870c, inset -1px 0 0 0 #39870c;   background-color: #fff;   border-color: #39870c;   color: #191919; } .dso-button-group > *:active + .dso-input-number, .dso-button-group > *:active + .dso-input-number:hover, .dso-button-group > *.active + .dso-input-number, .dso-button-group > *.active + .dso-input-number:hover {   background-color: #fff;   border-color: #d7e7ce;   color: #191919; } .dso-button-group > *.disabled + .dso-input-number, .dso-button-group > *.disabled + .dso-input-number:hover, .dso-button-group > *[disabled] + .dso-input-number, .dso-button-group > *[disabled] + .dso-input-number:hover {   opacity: 1;   background-color: #fff;   border-color: #ccc;   color: #666; } .dso-button-group .dso-list-button {   padding-inline-end: 15px; }  .dso-list-button {   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; } .dso-list-button:focus, .dso-list-button:focus-visible {   outline-offset: 2px; } .dso-list-button:active {   outline: 0; } .dso-list-button {   background-color: #fff;   border-color: #ccc;   color: #191919;   border-radius: 4px;   border-width: 1px;   border-style: solid;   font-weight: 600;   padding-block: 15px;   padding-inline: 15px 47px;   position: relative;   text-align: start;   white-space: normal;   inline-size: 100%;   cursor: pointer; } .dso-list-button:hover, .dso-list-button:focus {   background-color: #fff;   border-color: #39870c;   color: #191919; } .dso-list-button:active, .dso-list-button:active:hover, .dso-list-button.active, .dso-list-button.active:hover {   background-color: #fff;   border-color: #d7e7ce;   color: #191919; } .dso-list-button.disabled, .dso-list-button.disabled:hover, .dso-list-button[disabled], .dso-list-button[disabled]:hover {   background-color: #fff;   border-color: #ccc;   color: #666;   opacity: 1; } .dso-list-button dso-selectable:not(:last-child) {   margin-block-end: 0; } .dso-list-button .dso-selectable-container label {   font-weight: 700; } .dso-list-button.dso-selected {   border-color: #39870c;   border-width: 1px;   box-shadow: inset 0px 0px 0px 1px #39870c, inset -1px 0px 0px 0px #39870c; } @media screen and (min-width: 768px) {   .dso-list-button.dso-selected.dso-single-count {     border-inline-end: 0;     box-shadow: #39870c 0px 1px 0px 0px inset, #39870c 1px 0px 0px 0px inset, #39870c 0px -1px 0px 0px inset;   } } .dso-list-button label {   cursor: inherit; } .dso-list-button > span {   display: block; } .dso-list-button .dso-sublabel, .dso-list-button .subcontent {   font-weight: 400;   inline-size: 100%;   padding-inline-start: 32px; } .dso-list-button dso-icon {   block-size: 24px;   color: #39870c;   inset-block-start: 15px;   inset-inline-end: 15px;   inline-size: 24px;   break-before: page;   position: absolute; } @media screen and (max-width: 767px) {   .dso-list-button.dso-selected.dso-single-count::after {     inline-size: 0;   } }`;
 
 const ListButton = /*@__PURE__*/ proxyCustomElement(class ListButton extends H {
     constructor(registerHost) {
@@ -89,7 +89,7 @@ const ListButton = /*@__PURE__*/ proxyCustomElement(class ListButton extends H {
     }
     render() {
         const selected = this.checked || (this.count !== undefined && this.count > 0);
-        return (h("div", { key: 'd3644ab7e77bf40681ddb59eea4a22888901c570', class: clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, h("div", { key: '120cb93aa13da1af6a302568c656b305853e8a99', class: clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, h("dso-selectable", { key: '872fff0f578b7dccac9da8277f66043e0b4fb69a', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, h("span", { key: 'd51e140b406f8b44fb25232c299d5a70da078da9' }, this.label, this.sublabel && h("span", { key: '0d20ddc4f3a14c25087bd930329ac1975a93f755', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (h("span", { key: '681d918e121d94fa4fda584214d4aa5eabd297ca', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", h("span", { key: 'f40f2c952ac87d5b76a8ae320017b14e88ad852c', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && h("span", { key: 'f76a4848772f4bf0a5b8f5946f27ec14299a95fd', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (h("div", { key: '14eeb4c1c407e60fb291c165766d112a113bc254', class: "subcontent" }, h("slot", { key: 'eca53ee9df2530e2f7afe2d3c1ea8e3b7c636060', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (h("div", { key: '9a56f8316ce47ac57857b4ce3decfec62614d06c', class: "dso-input-number" }, this.count > 1 && (h(Fragment, { key: '6700e317b346d22ae2d08cb31edd258882b416d4' }, h("dso-icon-button", { key: 'a7a057bfbe51b65a06540e0b66d09ee067fd2a0e', label: "Aantal verlagen", variant: "tertiary", icon: "minus-circle-outline", disabled: this.count === Number(this.min) || this.disabled, onDsoClick: (e) => this.stepValue(e, "decrement") }), h("span", { key: '7ca7446e17b4b072211999f64e517996896535b2', class: "dso-input-step-counter", "aria-hidden": "true" }, this.count))), h("span", { key: 'ac8205f92db130439d29ef164aca60aa1535fae7', class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.count), h("dso-icon-button", { key: 'b926a293e367d9321ec68e8ed4e3ab5716343172', ref: (element) => (this.incrementButton = element), label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle-outline", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
+        return (h("div", { key: '0981e785e2197dee87ec4dc2364214c900110627', class: clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, h("div", { key: '60b5b9d1deea66ea263e29f9b68713226b2a125a', class: clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, h("dso-selectable", { key: 'cd41191f9ee7d88e01f74dabdd85a62fca61a7f6', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, h("span", { key: '8d844a672cc1206cd7b89fec10aa742438095009' }, this.label, this.sublabel && h("span", { key: '86386bb7261379162191224a8fe1638336b898d4', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (h("span", { key: 'b5519dbc9f3875e7c4d0063d1f5b12c084d14828', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", h("span", { key: 'ee54bd61c39b1bf010a6a1f89a8d20a41d921d94', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && h("span", { key: '4892d4b5a0b3268bfd06a9c6f2fc08da4651e1a8', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (h("div", { key: '8fba57384ad44979d4fec9cd3351c7bb23d77088', class: "subcontent" }, h("slot", { key: '40428e629b3e35f40f6524340050067f99104e0e', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (h("div", { key: 'c1da177c5edad6ec703a23f1a77efec7d7ee33f5', class: "dso-input-number" }, this.count > 1 && (h(Fragment, { key: 'bbb9f2a9a93d16e260e66c2bf210e15475d92b22' }, h("dso-icon-button", { key: '951a4f550eb37207df8c72cad1c3a193b84b6539', label: "Aantal verlagen", variant: "tertiary", icon: "minus-circle-outline", disabled: this.count === Number(this.min) || this.disabled, onDsoClick: (e) => this.stepValue(e, "decrement") }), h("span", { key: '279c6e4f4df48c8a086c8b75c7b26e737fdc9f77', class: "dso-input-step-counter", "aria-hidden": "true" }, this.count))), h("span", { key: '492413bb190d886cfa841c58e052632a51a5e3e9', class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.count), h("dso-icon-button", { key: '4b7df0ea2e6fc508762d3e79b5e009a97a24d593', ref: (element) => (this.incrementButton = element), label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle-outline", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
     }
     get host() { return this; }
     static get style() { return listButtonCss(); }

package/dist/bundle/dso-logo.js

@@ -33,7 +33,7 @@ const Logo = /*@__PURE__*/ proxyCustomElement(class Logo extends H {
     }
     render() {
         return (h(Fragment, null, this.logoUrl ? (h("a", { class: "logo-url", href: this.logoUrl, onClick: this.handleLogoClick }, h(DsoLogo$1, { name: this.name }))) : (h(DsoLogo$1, { name: this.name })), this.label &&
-            (!this.labelUrl ? (h("span", { class: "logo-label" }, this.label)) : (h("a", { class: "logo-label-url", href: this.labelUrl, onClick: this.handleLabelClick }, h("span", { class: "logo-label" }, this.label)))), this.ribbon && h("div", { key: '86a4d9220c375b2a1ee36d0869bb0ae05550fa20', class: "logo-ribbon" }, this.ribbon)));
+            (!this.labelUrl ? (h("span", { class: "logo-label" }, this.label)) : (h("a", { class: "logo-label-url", href: this.labelUrl, onClick: this.handleLabelClick }, h("span", { class: "logo-label" }, this.label)))), this.ribbon && h("div", { key: '130dc6a36981e32b9b4c998cc7e9b6d64b056be4', class: "logo-ribbon" }, this.ribbon)));
     }
     static get style() { return logoCss(); }
 }, [1, "dso-logo", {

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-Vur2Wu4N.js';
-import { i as i18n } from './p-xDSTG4OU.js';
+import { i as i18n } from './p-DVFsbHoq.js';
 import { d as defineCustomElement$7 } from './p-B3xfmB17.js';
-import { d as defineCustomElement$6 } from './p-CPtFrV76.js';
-import { d as defineCustomElement$5 } from './p-Cuh4KbuH.js';
-import { d as defineCustomElement$4 } from './p-CW6TwO8L.js';
-import { d as defineCustomElement$3 } from './p-B87-yu48.js';
-import { d as defineCustomElement$2 } from './p-CCdI6Ua4.js';
+import { d as defineCustomElement$6 } from './p-Bs_nbcJ5.js';
+import { d as defineCustomElement$5 } from './p-lNRYydvn.js';
+import { d as defineCustomElement$4 } from './p-syG347lq.js';
+import { d as defineCustomElement$3 } from './p-DHNIYTIB.js';
+import { d as defineCustomElement$2 } from './p-DK7XdyJj.js';
 import { v as v4 } from './p-CK3_k8jD.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: '32f9731a43d98d5c95e7e4c59eb75ed99c4e13f0', class: "form-group dso-radios" }, h("legend", { key: '0a98b66618dbb14e5474102d92158db7d4265174', class: "sr-only" }, "Achtergrond"), h("div", { key: '80d1f27dd85349dee52494b02cd9770f5b6bde47', class: "dso-label-container" }, h("span", { key: 'a19020b81c243acc717ff921db85dee7c9289e39', class: "control-label", "aria-hidden": "true" }, this.text("background"))), h("div", { key: 'c7c8fa3dc0e71dc1247340a374ced61f2d9979ae', 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: '6fb681970d2f47c2213f6abff1b51117e304329c', class: "form-group dso-radios" }, h("legend", { key: '91658ac867f2a18fc6bd82eb30da33ddd640c783', class: "sr-only" }, "Achtergrond"), h("div", { key: 'fc4b99c8c64185b12a28e74ebf71460062b9aaf0', class: "dso-label-container" }, h("span", { key: '45ef5d7aa344c50b23a3c116cc2345f809091f66', class: "control-label", "aria-hidden": "true" }, this.text("background"))), h("div", { key: '212fdab75e06f20995fd3fef6d1bc814b7b6bab2', 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(); }