@dso-toolkit/core 100.2.0 → 100.3.0

package/dist/bundle/dso-dropdown-menu-item.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, c as Host, t as transformTag } from './p-CiFTQ7lb.js';
 import { c as clsx } from './p-ChV9xqsO.js';
 import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
-import { d as defineCustomElement$2 } from './p-D4j9nwzL.js';
+import { d as defineCustomElement$2 } from './p-DG8Kv-AI.js';
 
 const dropdownMenuItemCss = () => `:host{display:block}a:visited{color:#191919}button{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}button{background-color:transparent;border:0;border-radius:0;text-align:inherit;inline-size:100%}a,button{text-decoration:none}a:hover,a:focus-visible,a:active,button:hover,button:focus-visible,button:active{text-decoration:underline}a,button{clear:both;color:#191919;display:block;font-weight:400;line-height:1.5;padding-block:3px;padding-inline:20px;text-decoration:none;white-space:nowrap}a:hover,a:focus,button:hover,button:focus{background-color:#39870c;border-color:#39870c;color:#fff;text-decoration:none}a dso-icon,button dso-icon{margin-inline:-12px 4px}.checkable:not(.checked) a,.checkable:not(.checked) button{padding-inline-start:40px}.checked a:not(:focus),.checked button:not(:focus){background-color:#39870c;color:#fff}`;
 
@@ -35,7 +35,7 @@ const DropdownMenuItem = /*@__PURE__*/ proxyCustomElement(class DropdownMenuItem
     render() {
         const checkable = this.dropdownMenuState?.checkable;
         const checked = checkable ? Boolean(this.checked) : undefined;
-        return (h(Host, { key: 'a04191fcbe7dffcee56715f8951b2b277d3877f2' }, h("div", { key: '43716fef5348565bd4c1561d78daf0ae6cc70aba', role: "none", class: clsx([{ checkable, checked }]) }, this.type === "button" && (h("button", { key: 'b0b85b023be5f29172ab0467e2289f1a83aff5fd', type: "button", role: checkable ? "menuitemradio" : "menuitem", "aria-checked": checked?.toString(), onClick: this.handleClick, ref: (element) => (this.anchorOrButtonRef = element) }, checkable && checked && h("dso-icon", { key: '7cdd63f6e510af0a74aded1e682c41fafd7afde1', icon: "check" }), h("slot", { key: '241b0076fc3ef8e42f8a3a728a120ec71209dbd9' }))), this.type === "link" && this.href && (h("a", { key: '39ee287c71bc3a34e2f0b2893746211061f3dcaf', href: this.href, role: checkable ? "menuitemradio" : "menuitem", "aria-checked": checked?.toString(), onClick: this.handleClick, ref: (element) => (this.anchorOrButtonRef = element) }, checkable && checked && h("dso-icon", { key: '8e54196b57b148312c2c03e6d254b8bd47790abe', icon: "check" }), h("slot", { key: '5c72fedaaee7841043e4a0249acfe3edcf3eabbb' }))))));
+        return (h(Host, { key: '5a958be40201eb5abc39592736e65938b5c45de1' }, h("div", { key: 'aa535ff81401a9c12e123e913dd19374cd4713cc', role: "none", class: clsx([{ checkable, checked }]) }, this.type === "button" && (h("button", { key: '6ae9656516c19afd1e2c5c22c8678f93d2c41eff', type: "button", role: checkable ? "menuitemradio" : "menuitem", "aria-checked": checked?.toString(), onClick: this.handleClick, ref: (element) => (this.anchorOrButtonRef = element) }, checkable && checked && h("dso-icon", { key: '8ab417ad11caeb700a8b9650b1c24772e59cc8a3', icon: "check" }), h("slot", { key: '4e7ebcda5cd7ba3469976999bf1e50fd78bf6a9b' }))), this.type === "link" && this.href && (h("a", { key: '3ac7e35aa1db310ec3816e2814c3ab3e7b078701', href: this.href, role: checkable ? "menuitemradio" : "menuitem", "aria-checked": checked?.toString(), onClick: this.handleClick, ref: (element) => (this.anchorOrButtonRef = element) }, checkable && checked && h("dso-icon", { key: 'be9f20d4269a8dad7df6f8a843b91fb6da46e70d', icon: "check" }), h("slot", { key: 'a2396cb075a7f91a8d3a766e3509a34eac7f7367' }))))));
     }
     get host() { return this; }
     static get style() { return dropdownMenuItemCss(); }

package/dist/bundle/dso-dropdown-menu.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, f as forceUpdate, h, c as Host, t as transformTag } from './p-CiFTQ7lb.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as size } from './p-Cybcqk9K.js';
 import { c as createStore } from './p-DB6jeYdL.js';
-import { d as defineCustomElement$3 } from './p-D4j9nwzL.js';
-import { d as defineCustomElement$2 } from './p-BnfsOsGc.js';
+import { d as defineCustomElement$3 } from './p-DG8Kv-AI.js';
+import { d as defineCustomElement$2 } from './p-GK7sI8Gb.js';
 import { v as v4 } from './p-CK3_k8jD.js';
 
 const dropdownMenuCss = () => `:host(:focus) {   outline: none; }  :host {   display: inline-block; }  button {   -webkit-appearance: button;   color: inherit;   cursor: pointer;   font: inherit;   font-family: inherit;   font-size: inherit;   letter-spacing: 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-primary {   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-primary:focus, button.dso-primary:focus-visible {   outline-offset: 2px; } button.dso-primary:active {   outline: 0; } button.dso-primary.extern::after, button.dso-primary.download::after {   content: "";   display: inline-block; } button.dso-primary {   background-color: var(--_dso-button-primary-background-color, #39870c);   border-color: var(--_dso-button-primary-border-color, #39870c);   color: var(--_dso-button-primary-color, #fff);   float: var(--_dso-button-float-primary, 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-primary:hover {   background-color: var(--_dso-button-primary-hover-background-color, #275937);   border-color: var(--_dso-button-primary-hover-border-color, #275937);   color: var(--_dso-button-primary-hover-color, #fff);   float: var(--_dso-button-float-primary, none); } button.dso-primary:active {   background-color: var(--_dso-button-primary-active-background-color, #173521);   border-color: var(--_dso-button-primary-active-border-color, #173521);   color: var(--_dso-button-primary-active-color, #fff);   float: var(--_dso-button-float-primary, none); } button.dso-primary[disabled], button.dso-primary[disabled]:hover {   background-color: var(--_dso-button-primary-disabled-background-color, #afcf9d);   border-color: var(--_dso-button-primary-disabled-border-color, #afcf9d);   color: var(--_dso-button-primary-disabled-color, #fff);   float: var(--_dso-button-float-primary, none); } button.dso-primary.dso-small {   line-height: 1rem; } button.dso-primary.dso-small dso-icon, button.dso-primary.dso-small.extern::after, button.dso-primary.dso-small.download::after, button.dso-primary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } button.dso-primary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } button.dso-primary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } button.dso-primary.dso-extra-small {   line-height: 1rem; } button.dso-primary.dso-extra-small dso-icon, button.dso-primary.dso-extra-small.extern::after, button.dso-primary.dso-extra-small.download::after, button.dso-primary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } button.dso-primary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } button.dso-primary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } button.dso-primary.dso-extra-small {   padding-block: 9px; } button.dso-primary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } button.dso-primary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } button.dso-primary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } button.dso-primary.dso-spinner-left[disabled], button.dso-primary.dso-spinner-right[disabled] {   background-color: #39870c;   border-color: #39870c;   color: #fff; } button.dso-primary.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: %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-primary.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: %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 {   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.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; } button.dso-tertiary:focus, button.dso-tertiary:focus-visible {   outline-offset: 2px; } button.dso-tertiary:active {   outline: 0; } button.dso-tertiary.extern::after, button.dso-tertiary.download::after {   content: "";   display: inline-block; } button.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; } button.dso-tertiary:focus, button.dso-tertiary:focus-visible {   outline-offset: 2px; } button.dso-tertiary:active {   outline: 0; } button.dso-tertiary.extern::after, button.dso-tertiary.download::after {   content: "";   display: inline-block; } button.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; } button.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); } button.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); } button.dso-tertiary[disabled], button.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); } button.dso-tertiary.dso-small {   line-height: 1rem; } button.dso-tertiary.dso-small dso-icon, button.dso-tertiary.dso-small.extern::after, button.dso-tertiary.dso-small.download::after, button.dso-tertiary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } button.dso-tertiary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } button.dso-tertiary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } button.dso-tertiary.dso-extra-small {   line-height: 1rem; } button.dso-tertiary.dso-extra-small dso-icon, button.dso-tertiary.dso-extra-small.extern::after, button.dso-tertiary.dso-extra-small.download::after, button.dso-tertiary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } button.dso-tertiary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } button.dso-tertiary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } button.dso-tertiary.dso-extra-small {   padding-block: 9px; } button.dso-tertiary {   border: 0;   line-height: 1;   padding-inline: 0;   padding-block: var(--_dso-button-padding-block-tertiary, 0);   background-color: transparent; } button.dso-tertiary[disabled].dso-spinner-left, button.dso-tertiary[disabled].dso-spinner-right {   color: #39870c; } button.dso-tertiary:not([disabled]):hover {   text-decoration: underline;   text-underline-position: under; } button.dso-tertiary.dso-align {   line-height: calc(1.5em - 1px);   padding-block: 11px;   padding-inline: 0;   position: relative; } button.dso-tertiary.dso-truncate {   max-inline-size: 100%;   overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap; } button.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; } button.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; } button.dso-tertiary dso-icon + span:not(.sr-only), button.dso-tertiary span:not(.sr-only) + dso-icon {   margin-inline-start: 4px; } button.dso-tertiary dso-icon, button.dso-tertiary span {   vertical-align: middle; } button dso-icon {   margin-inline-start: 8px; } button:not(.dso-tertiary) dso-icon {   margin-inline-end: 0; }  .dso-dropdown-options {   box-sizing: border-box;   margin: 0 !important;   overflow: unset;   background-clip: padding-box;   background-color: #fff;   border-radius: 4px;   border: 1px solid rgba(0, 0, 0, 0.15);   box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.4);   font-size: 1rem;   min-inline-size: 160px;   inline-size: max-content;   padding: 0;   z-index: 220; }  ::slotted(dso-dropdown-menu-group:not(:last-child)) {   border-block-end: 1px solid #e5e5e5;   margin-block-end: 11px;   padding-block-end: 11px; }`;
@@ -210,7 +210,7 @@ const DropdownMenu = /*@__PURE__*/ proxyCustomElement(class DropdownMenu extends
     }
     render() {
         const buttonId = v4();
-        return (h(Host, { key: '86c4a174ec1a4f8083f6e13728bef4d0fbf73d2b', onFocusout: this.focusOutListener, onKeyDown: this.keyDownHandler }, this.label && (h("button", { key: '6b93303a8ee2717870bc52147667485e9f56c0cb', id: buttonId, class: `dso-${this.variant}`, type: "button", onClick: () => this.toggleOptions(), "aria-expanded": this.open.toString(), "aria-haspopup": "menu", ref: (element) => (this.button = element) }, this.label, h("dso-icon", { key: '02d4af678a2de9e68c6c7983279e8a8af1b221d5', icon: this.open ? "chevron-up" : "chevron-down" }))), h("div", { key: '0653885c62d4e5f9e6567cd1a06ef1f60c31bd50', popover: "manual", class: "dso-dropdown-options", "aria-labelledby": buttonId, role: "menu", ref: (element) => (this.popoverElement = element) }, h("dso-scrollable", { key: '008a6527bce7398d5bf016431c90343011b62596' }, h("slot", { key: 'cbfdd95cd211485fc8672e9dff1f3bb3ed233d99' })))));
+        return (h(Host, { key: 'd6eecca58b117e847ed5e2d6c4749ccf1cf45ade', onFocusout: this.focusOutListener, onKeyDown: this.keyDownHandler }, this.label && (h("button", { key: '7bd4e3718dd56a7ed820fd7a0bff73299387bca0', id: buttonId, class: `dso-${this.variant}`, type: "button", onClick: () => this.toggleOptions(), "aria-expanded": this.open.toString(), "aria-haspopup": "menu", ref: (element) => (this.button = element) }, this.label, h("dso-icon", { key: 'f3db2d02fb532d0dce562de99447be5d2ba93111', icon: this.open ? "chevron-up" : "chevron-down" }))), h("div", { key: 'b599fc40124282b4afd1f78e346dd736717ece81', popover: "manual", class: "dso-dropdown-options", "aria-labelledby": buttonId, role: "menu", ref: (element) => (this.popoverElement = element) }, h("dso-scrollable", { key: 'ab2517807d8a940ce8d4fae40f9d657b416724dc' }, h("slot", { key: '746e632a7bf1e9e7d585dcf71660ef2944799db8' })))));
     }
     get host() { return this; }
     static get style() { return dropdownMenuCss(); }

package/dist/bundle/dso-expandable.js

@@ -1,4 +1,4 @@
-import { E as Expandable, d as defineCustomElement$1 } from './p-CWZTy2nB.js';
+import { E as Expandable, d as defineCustomElement$1 } from './p-D33uqBOM.js';
 
 const DsoExpandable = Expandable;
 const defineCustomElement = defineCustomElement$1;

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

@@ -94,7 +94,7 @@ const GridColumn = /*@__PURE__*/ proxyCustomElement(class GridColumn extends H {
         this.resizeObserver = undefined;
     }
     render() {
-        return (h(Host, { key: '73c7d20be67a5e8930429f249d1bd56fe7edc0a1' }, this.overlayActive ? (h("dialog", { class: "grid-column-content", ref: (element) => (this.dialogElement = element), onClick: this.handleDialogClick, onCancel: this.handleDialogCancel, onClose: this.handleDialogClose }, h("slot", null))) : (h("div", { class: "grid-column-content" }, h("slot", null)))));
+        return (h(Host, { key: 'e02e6fcc5aa1c2e279c36cfab5bf661df6099c49' }, this.overlayActive ? (h("dialog", { class: "grid-column-content", ref: (element) => (this.dialogElement = element), onClick: this.handleDialogClick, onCancel: this.handleDialogCancel, onClose: this.handleDialogClose }, h("slot", null))) : (h("div", { class: "grid-column-content" }, h("slot", null)))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/bundle/dso-header.js

@@ -5,8 +5,8 @@ import { t as tabbable } from './p-B7w6tF4K.js';
 import { g as getActiveElement } from './p-BWkWD1Z2.js';
 import { i as i18n } from './p-CCOI5nUo.js';
 import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
-import { d as defineCustomElement$3 } from './p-D4j9nwzL.js';
-import { d as defineCustomElement$2 } from './p-BnfsOsGc.js';
+import { d as defineCustomElement$3 } from './p-DG8Kv-AI.js';
+import { d as defineCustomElement$2 } from './p-GK7sI8Gb.js';
 import { v as v4 } from './p-CK3_k8jD.js';
 
 const translations = {
@@ -306,7 +306,7 @@ const Header = /*@__PURE__*/ proxyCustomElement(class Header extends H {
         }
     }
     render() {
-        return (h(Host, { key: '931dc1762425cf848f2cc1570a5b32334e7475b4', "is-compact": this.isCompact }, h("div", { key: '64ace8bce4093b7de3480da9ddf815a608cbcba0', class: "dso-header" }, h("div", { key: '48d423ba2cc9597823df24ddf5b17f4a68d7e551', class: "logo-container" }, h("slot", { key: '2e3a9ceb11a5996543285f3638c2dd07f5108ca4', name: "logo" })), this.isCompact ? this.renderCompact() : this.renderNormal())));
+        return (h(Host, { key: '70ed6e8dc9a02875dd773c205af3549b324dfb8e', "is-compact": this.isCompact }, h("div", { key: 'ab3f94264421bca5caec2ae59f5b40f6934a440e', class: "dso-header" }, h("div", { key: 'f092ce977dcd3acd0d9620af8506cb138ee1f0a7', class: "logo-container" }, h("slot", { key: '898f5c094fd6dd18ec4e843a240c31081e2a9253', name: "logo" })), this.isCompact ? this.renderCompact() : this.renderNormal())));
     }
     tabbables(withButton) {
         const tabbables = this.dropdownElement ? tabbable(this.dropdownElement) : [];

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: '7c30ba2c5660bc9b428949f4f6764e08fba8d8c8' }, h("slot", { key: 'eb65537dce2c8422fc2c609632aaa9770831297e', name: "image" }), h("div", { key: '5faa577dc81d1d959dd8645f6c20187088aa5605', class: "hero-image-container" }, h("slot", { key: '8dfe7c0a62775948e9f4d92333200dc77a3ca573' }))));
+        return (h(Host, { key: '58986f7f8ff51ad08e4a6cecfc8b69b7f534ce59' }, h("slot", { key: '3de9aa7aeb53413ddc4bf442a8e20227a8f94710', name: "image" }), h("div", { key: '16a40d270ae8eebd3213222a20672c6213302d97', class: "hero-image-container" }, h("slot", { key: '8a6817e250897a98ad525a1ca5f5775e04814ef3' }))));
     }
     static get style() { return heroImageCss(); }
 }, [257, "dso-hero-image"]);

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

@@ -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: '3f403b11a77983f350a586d3e399d9d643a5f811', "has-counter": hasCounter }, hasCounter && (h("div", { key: 'bdc42b95c78bbec4af466b4a84ecb4b02f561e23', class: "dso-step-counter", "aria-hidden": "true" }, this.step ?? h("slot", { key: 'ee8165e3d3d9208294531fdfe9dbd42a455e6509', name: "icon" }))), h("slot", { key: 'd3279de601388485b296e13c1415b179f69b0591' })));
+        return (h(Host, { key: 'a31042efc0e6676e06f08765d05320c2debe0b87', "has-counter": hasCounter }, hasCounter && (h("div", { key: 'ae5f42277bd801d07ac66467c652e211c8e8fe14', class: "dso-step-counter", "aria-hidden": "true" }, this.step ?? h("slot", { key: '7d8424c37b64775e83f34eb3f2165e8965c428bd', name: "icon" }))), h("slot", { key: '22edb75de8bb54565157a80a7be1ab82b7b12773' })));
     }
     get element() { return this; }
     static get style() { return highlightBoxCss(); }

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, t as transformTag } from './p-CiFTQ7lb.js';
 import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
-import { d as defineCustomElement$2 } from './p-D4j9nwzL.js';
+import { d as defineCustomElement$2 } from './p-DG8Kv-AI.js';
 
 const historyItemCss = () => `:host{display:block}*,*::after,*::before{box-sizing:border-box}.history-item{border-block-end:1px solid #e5e5e5;display:flex;gap:8px;inline-size:100%;padding-block:16px;padding-inline:8px}:host(:not([type=waarschuwing])) .history-item:has(.history-item-title a:is(:hover,:focus-visible)){background-color:#f2f2f2}:host([current]:not([type=waarschuwing])) .history-item{background-color:#e5e5e5}:host([type=tijdelijk-regelingdeel]) .history-item-status-message{color:#8b4a6a}:host([type=tijdelijk-regelingdeel-besluit]) .history-item-status-message{color:#8b4a6a}:host([type=waarschuwing]) .history-item-status-message{color:#b62f41}.history-item-date,.history-item-content{display:flex;flex-direction:column}.history-item-date{flex:0 0 90px}.history-item-status-message,.history-item-warning{display:flex}.history-item-status-message dso-icon,.history-item-warning dso-icon{flex-shrink:0;margin-inline-end:8px}.history-item-warning{color:#b62f41}.history-item-title,.history-item-explanation,.history-item-warning{margin-block-start:8px;margin-inline-start:32px}.history-item-title{white-space:nowrap}.history-item-title .title-anchor{color:#275937;font-weight:600;text-decoration:none}.history-item-title .title-anchor:hover{text-decoration:underline}.history-item-title .title-anchor:visited{color:#275937}.history-item-title .history-item-title-content{white-space:normal}.history-item-title dso-icon{margin-inline-start:4px}`;
 
@@ -45,7 +45,7 @@ const HistoryItem = /*@__PURE__*/ proxyCustomElement(class HistoryItem extends H
         return this.host.querySelector("[slot='warning']");
     }
     render() {
-        return (h("div", { key: '27087f663a39e6d805adf7b1da3db2adadcbf5c9', class: "history-item" }, h("div", { key: '90417592ddc3cecec81c670f53f071ef51d7436f', class: "history-item-date" }, h("slot", { key: '71955c1a77d41683298e863c631c04d5ced10fd7', name: "date" })), h("div", { key: '4e2c0ad8a72e8671296a57e8dad61c94398ed396', class: "history-item-content" }, h("div", { key: '2cd2d65d3f889000f5e5e5dde35bd776d13569e7', class: "history-item-status-message" }, h("dso-icon", { key: '3f83e54705b31eb22610a16b83587429764c2def', icon: this.typeIcons[this.type], "aria-hidden": "true" }), h("slot", { key: '13516e1f9c14db2fbb81baca7a49b170a5a1ce65', name: "status" })), this.titleSlottedElement !== null && this.href && (h("div", { key: '82c28d0d8d6861e0bac768d2d14cc2a7e7c78e95', class: "history-item-title" }, h("a", { key: '80be42478cc05c5cfdb612b3327d8051a346abf0', href: this.href, class: "title-anchor", onClick: (e) => this.clickEventHandler(e), "aria-current": this.current ? "true" : undefined }, h("span", { key: '975753beb272fcd210663794f89c8fa9c3cedc2c', class: "history-item-title-content" }, h("slot", { key: '6e78a3a9978eb2a1b5fd2abc7effd7dd9f7c4c5e', name: "title" })), "\u2060", h("dso-icon", { key: 'd034fdef92aa0495c74e6644f8a602b0bc54e259', icon: "chevron-right", "aria-hidden": "true" })))), this.explanationSlottedElement !== null && (h("div", { key: 'a5455e11a0fb58a041bc30bff77704eba37e6c8a', class: "history-item-explanation" }, h("slot", { key: '659996d3818b763b18210a606733ceb807c4e4b5', name: "explanation" }))), this.warningSlottedElement !== null && (h("div", { key: '1f42a56c4cf5b1fb27ded1aa188c87da126524b1', class: "history-item-warning" }, h("dso-icon", { key: '4999d4d30e3173a888483fa203ff430c66c96ada', icon: "status-warning-red-solid", role: "img", "aria-label": "Waarschuwing" }), h("slot", { key: 'ffbdf71422a2d6745655fdab1b02cb3dc24b51a0', name: "warning" }))))));
+        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" }))))));
     }
     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-Bx8conHY.js';
+import { I as IconButton, d as defineCustomElement$1 } from './p-i3p8engD.js';
 
 const DsoIconButton = IconButton;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-icon.js

@@ -1,4 +1,4 @@
-import { I as Icon, d as defineCustomElement$1 } from './p-D4j9nwzL.js';
+import { I as Icon, d as defineCustomElement$1 } from './p-DG8Kv-AI.js';
 
 const DsoIcon = Icon;
 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-BmY4hTti.js';
+import { I as ImageOverlay, d as defineCustomElement$1 } from './p-CfRHoykw.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-C68JyFl6.js';
+import { I as InfoButton, d as defineCustomElement$1 } from './p-nIEuIxSJ.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-BPWkxiGe.js';
+import { I as Info, d as defineCustomElement$1 } from './p-CSFTUYxS.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: 'b1e37746f98e5cc20eaa63cd41b36b31278c5ebd', id: "description", hidden: true }, this.description)), h("span", { key: '4a2887664a746f9ad1178ae5a91d3898e7f59efb', class: "counter", "aria-hidden": "true" }, min, this.unit), h("input", { key: '37507f728c4128b9945c8f9856de45be70db10c9', 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: '940230f9930b61c85be6b9ee4f6abbdff206b5ee', id: "description", hidden: true }, this.description)), h("span", { key: '6cb444384ee68542030b731f8434be34bbcc9d63', class: "counter", "aria-hidden": "true" }, min, this.unit), h("input", { key: 'a465a697454b737b8235340b9f88105bf55174a0', 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: 'feb885d773d0884f1f9d5c0ae07ff8b5488614c4', class: "counter", "aria-hidden": "true" }, max, this.unit)));
+            }) }), h("span", { key: 'ab860fe8d7fc759ad51a3a1789dcb14658d282fa', 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-Bd35GheA.js';
+import { L as Label, d as defineCustomElement$1 } from './p-BUMxb_Ev.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-CiFTQ7lb.js';
 import { i as i18n } from './p-CCOI5nUo.js';
-import { d as defineCustomElement$3 } from './p-D4j9nwzL.js';
-import { d as defineCustomElement$2 } from './p-Bx8conHY.js';
+import { d as defineCustomElement$3 } from './p-DG8Kv-AI.js';
+import { d as defineCustomElement$2 } from './p-i3p8engD.js';
 
 const translations = {
     en: {
@@ -61,7 +61,7 @@ const LegendGroup = /*@__PURE__*/ proxyCustomElement(class LegendGroup extends H
         delete this.mutationObserver;
     }
     render() {
-        return (h(Host, { key: '28df01827602cfe94f1655495d3cc0b8ba5b66a0' }, h("div", { key: 'c684bb3db12b429c6986daa5ce23c92c46453d76', class: "legend-group-header" }, h("slot", { key: 'ea31dc722b197532052b816c542c67a6492a9022', name: "heading" }), this.mode && (h("dso-icon-button", { key: '6daa2c00dc4a87b44ef1a430147b2b04661bdb4d', 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: '480a98979e3a91fa8e26664f48e47c384d24dea5', name: "options" }), h("slot", { key: 'c135fa34e1db7950f21d333202291c35e9e2918e' })));
+        return (h(Host, { key: '0c5c8ed2b98857165e4c1305592dd6d4f499fb10' }, h("div", { key: '8101d9751bb9eaebee2b112b16fa2f648a109037', class: "legend-group-header" }, h("slot", { key: '0329f5bebfcd9fc20148531fe1aa1eb6dee10698', name: "heading" }), this.mode && (h("dso-icon-button", { key: '81b52642b60e88bfa2fedd27c9782b0def81c4d3', 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: 'b8315aed971f456849894cb2deb0420f8756c7a0', name: "options" }), h("slot", { key: 'bd80f8443bcd8a420781c698b62620be34824279' })));
     }
     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-CiFTQ7lb.js';
 import { c as clsx } from './p-ChV9xqsO.js';
 import { i as i18n } from './p-CCOI5nUo.js';
-import { d as defineCustomElement$6 } from './p-D4j9nwzL.js';
-import { d as defineCustomElement$5 } from './p-Bx8conHY.js';
-import { d as defineCustomElement$4 } from './p-C68JyFl6.js';
-import { d as defineCustomElement$3 } from './p-BnfsOsGc.js';
-import { d as defineCustomElement$2 } from './p-BZOAPh8X.js';
+import { d as defineCustomElement$6 } from './p-DG8Kv-AI.js';
+import { d as defineCustomElement$5 } from './p-i3p8engD.js';
+import { d as defineCustomElement$4 } from './p-nIEuIxSJ.js';
+import { d as defineCustomElement$3 } from './p-GK7sI8Gb.js';
+import { d as defineCustomElement$2 } from './p-CwsxKEZu.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: '9b7ed34c8ea72c3a2e642650059fb156ba0ad440', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: 'a847b2cd9edd37023c37af28229dbc113cc950d7', class: clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (h("div", { key: '660ddd73308757372228776a5637d48ee67ef4a2' }, h("slot", { key: '15732d9a4a15e82315714b227e284df36e499457', name: "symbol" }))), h("div", { key: '38610147aa7d439409bfd92abce6ba2afb73ff9d' }, h("slot", { key: '1f6f49979470f5867023d402581743e9fb97837c', name: "label" })), this.disabled && this.disabledMessage && (h("dso-info-button", { key: 'd4b64ba6f58c69f0178529be0fdf6b9f8209ea7c', label: this.text("disabledInfo"), toggletipPlacement: "bottom" }, h("div", { key: 'd98d584d44fce4ca7b18ee4cd1a0d4fd68ed82ca', slot: "toggletip" }, this.disabledMessage))), h("div", { key: '4b693c3cc699db0cce0ca43a35d1db165e8fe013', class: "legend-item-right-content" }, this.renderRightContent(hasOptions, accessibleLabel))), hasOptions && (h("div", { key: '1d1c00a99077c4fb13c51d46c602fbdd735ba411', hidden: this.disabled || !this.showOptions, class: "options" }, h("slot", { key: '097b5874ec1fbfc19a65e857e45697bd8c738f1d', name: "options" })))));
+        return (h(Host, { key: 'cf2ba73234d81ab540bab9f297b6ea6547b16ba5', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: '7d6c1a3930cf5f2e2f25a3ad3334b585d5dc6dcf', class: clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (h("div", { key: 'fae34ebd6b2d0210584a3a943639667cd4e69e0f' }, h("slot", { key: 'b9cf91cacbd691e6d5c47e923d6bcb2aa9452763', name: "symbol" }))), h("div", { key: 'b7594fb8c0cc59bf4bb5fbc3589566129f872343' }, h("slot", { key: '077e25820ab130278ed55c9c271ae814bd989846', name: "label" })), this.disabled && this.disabledMessage && (h("dso-info-button", { key: 'e66c403d7fffcea66c96007b8a3293a653072ae8', label: this.text("disabledInfo"), toggletipPlacement: "bottom" }, h("div", { key: '4c52766e23155bf9410f4a83f39d620829bc54f5', slot: "toggletip" }, this.disabledMessage))), h("div", { key: '69c49eae23d674bcf821e0aebb92e2f89f2a34c4', class: "legend-item-right-content" }, this.renderRightContent(hasOptions, accessibleLabel))), hasOptions && (h("div", { key: '8267b3ced009d8749551adce9d185a07ba37ffed', hidden: this.disabled || !this.showOptions, class: "options" }, h("slot", { key: '9ed9f1e29b2e7b3aee08c0322187d2210ec0bf57', name: "options" })))));
     }
     get host() { return this; }
     static get style() { return legendItemCss(); }

package/dist/bundle/dso-legend.js

@@ -2,9 +2,9 @@ import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transf
 import { c as clsx } from './p-ChV9xqsO.js';
 import { i as i18n } from './p-CCOI5nUo.js';
 import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
-import { d as defineCustomElement$4 } from './p-D4j9nwzL.js';
-import { d as defineCustomElement$3 } from './p-Bx8conHY.js';
-import { d as defineCustomElement$2 } from './p-BnfsOsGc.js';
+import { d as defineCustomElement$4 } from './p-DG8Kv-AI.js';
+import { d as defineCustomElement$3 } from './p-i3p8engD.js';
+import { d as defineCustomElement$2 } from './p-GK7sI8Gb.js';
 
 const translations = {
     en: {
@@ -88,7 +88,7 @@ const Legend = /*@__PURE__*/ proxyCustomElement(class Legend extends H {
         this.moveFocusToTab(next);
     }
     render() {
-        return (h(Host, { key: 'b43c88fc0df9707a79ed8874fc4841cc4eb38575' }, h("div", { key: '5e34bfd53975616ab7af672b7a9a5cae3a7ac370', class: "topbar" }, h("div", { key: 'd750d4682f0c303bb7dae3d4946feddd816445d0', 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: '160e6006ba87ad67debcaeb77450c1b0fbcd70ae', icon: "cross", variant: "tertiary", label: this.text("closeLegend"), class: "close-button", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e.detail.originalEvent }) })), h("dso-scrollable", { key: '8032c7a4d34e4909f815ca52bdf46515b682e3eb', class: "content" }, h("div", { key: '2fb5ab230b72aa73aa3b42dfe88fc8a01eac4885', role: "tabpanel", tabIndex: 0 }, h("slot", { key: '45408018533a684dd2e924c75044bef3cb62907e' })))));
+        return (h(Host, { key: '2a5891a256689f74a99988139f6a6f09ebaa0436' }, h("div", { key: '105c393b0222591a15b1ab7008bcd9ad7fa393d0', class: "topbar" }, h("div", { key: 'c85066bef770163fead800cf6501ef6821e02ed7', 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: '3587b3d41e49b1af84b95c3e5440aecc34f48bf7', icon: "cross", variant: "tertiary", label: this.text("closeLegend"), class: "close-button", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e.detail.originalEvent }) })), h("dso-scrollable", { key: 'deb31a9ad5df1e5d234bbd3459308f46330de03d', class: "content" }, h("div", { key: '769bb6d26dd18067b8a852fd9fcae761ccacc749', role: "tabpanel", tabIndex: 0 }, h("slot", { key: '290b3490e8331849e3c54b1990ab6e249b730416' })))));
     }
     get host() { return this; }
     static get style() { return legendCss(); }

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

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, F as Fragment, t as transformTag } from './p-CiFTQ7lb.js';
 import { c as clsx } from './p-ChV9xqsO.js';
-import { d as defineCustomElement$7 } from './p-D4j9nwzL.js';
-import { d as defineCustomElement$6 } from './p-Bx8conHY.js';
-import { d as defineCustomElement$5 } from './p-BPWkxiGe.js';
-import { d as defineCustomElement$4 } from './p-C68JyFl6.js';
-import { d as defineCustomElement$3 } from './p-BnfsOsGc.js';
-import { d as defineCustomElement$2 } from './p-DERDhAsl.js';
+import { d as defineCustomElement$7 } from './p-DG8Kv-AI.js';
+import { d as defineCustomElement$6 } from './p-i3p8engD.js';
+import { d as defineCustomElement$5 } from './p-CSFTUYxS.js';
+import { d as defineCustomElement$4 } from './p-nIEuIxSJ.js';
+import { d as defineCustomElement$3 } from './p-GK7sI8Gb.js';
+import { d as defineCustomElement$2 } from './p-jornOoTk.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;   } }`;
 
@@ -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: 'a456e0620bc42f18b185b4c1a9439c1fe3cf1aef', class: clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, h("div", { key: '867c31ff683477c95e0df5fda982f2aa56c117cd', class: clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, h("dso-selectable", { key: 'c012d5bb80973a01a91803c7685c3150c5a926d7', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, h("span", { key: '102e32c6fb04eeca284ca3fe3131f067e2b0343d' }, this.label, this.sublabel && h("span", { key: '3dad120610012113d7562483bf61b478ce9205de', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (h("span", { key: '6990b9666c6c0be81e50e8ae432f0e38e985efe0', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", h("span", { key: '446fae472320465f3d77d0ada41a8822a088343d', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && h("span", { key: '67e2ffbe64b147dc15432402860305abc52f514c', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (h("div", { key: '63aa66e9d77121906a47ac021a10941c8d5d4a9d', class: "subcontent" }, h("slot", { key: '3db8cef36ee03f1927f99d971687ad17b8a9f088', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (h("div", { key: 'a3cf60e804d2b5efcfaf560c0622a5c97c8d215e', class: "dso-input-number" }, this.count > 1 && (h(Fragment, { key: '2bc46a1d646e1059b520206d2ebff380950ff5f7' }, h("dso-icon-button", { key: 'e4bb575cf7b73752cf4c423c094461e25330f9d9', 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: '494eabda18b6936977ffe1152924bfa542fe5f03', class: "dso-input-step-counter", "aria-hidden": "true" }, this.count))), h("span", { key: 'f4f9497a23dc31b528a8c848e34699ffc2ddd7f9', class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.count), h("dso-icon-button", { key: '2a034e31a9048fcd929915a11052d3f89af8cb13', 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: 'c1cb480adf856abf458fa97ef9cfce6e91f88e69', class: clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, h("div", { key: 'a977a5e752a7ceed7ae344a0448a2eac0bab1080', class: clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, h("dso-selectable", { key: '32b615286583097d07f02e232e43dc36f03188fe', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, h("span", { key: 'a949902f3b25e368d04ed4313d8470f4782c9520' }, this.label, this.sublabel && h("span", { key: '54c591db56e96580a9d8e21a8f9de3cbc79f1cd9', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (h("span", { key: '728d964c6ff8395ced280ae7c51ccffa445b206f', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", h("span", { key: 'b8a7d9d25e3b5c5c2aeeb7ca13b4e0425936177a', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && h("span", { key: '5c0fba224e8839cdc7128675166ceb2aa60a35f9', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (h("div", { key: 'b5514961f164613889d9942f429f4ba465efa332', class: "subcontent" }, h("slot", { key: '0560f14f30b4256694897bd377abf051bcc00867', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (h("div", { key: '0106a50a278b36f4213e4f2d1ceee6f50d6e50c9', class: "dso-input-number" }, this.count > 1 && (h(Fragment, { key: 'd81c570ce3df18d60e679ffdf211afe0b563ee90' }, h("dso-icon-button", { key: '2fd109d7a00986dec96a286f68f682d70ca4f7e0', 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: '896bc44db25fb4b522dc6de1cc42669731c53ded', class: "dso-input-step-counter", "aria-hidden": "true" }, this.count))), h("span", { key: 'db37d83a50d95c314e377741f99c9d9b9733af2b', class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.count), h("dso-icon-button", { key: '0d110403d523652f984f3d8f7fd6c31ab9105d81', 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: 'e17789ab58b8de2b80f36e486ce3fa38ff4df6c7', 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: 'e2bf82278fd38d8884bb01abe29115eb91572003', 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-CiFTQ7lb.js';
 import { i as i18n } from './p-CCOI5nUo.js';
-import { d as defineCustomElement$7 } from './p-D4j9nwzL.js';
-import { d as defineCustomElement$6 } from './p-Bx8conHY.js';
-import { d as defineCustomElement$5 } from './p-BPWkxiGe.js';
-import { d as defineCustomElement$4 } from './p-C68JyFl6.js';
-import { d as defineCustomElement$3 } from './p-BnfsOsGc.js';
-import { d as defineCustomElement$2 } from './p-DERDhAsl.js';
+import { d as defineCustomElement$7 } from './p-DG8Kv-AI.js';
+import { d as defineCustomElement$6 } from './p-i3p8engD.js';
+import { d as defineCustomElement$5 } from './p-CSFTUYxS.js';
+import { d as defineCustomElement$4 } from './p-nIEuIxSJ.js';
+import { d as defineCustomElement$3 } from './p-GK7sI8Gb.js';
+import { d as defineCustomElement$2 } from './p-jornOoTk.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: '8021adc45a3a8964cd2fb229844204f75190a728', class: "form-group dso-radios" }, h("legend", { key: '5413e633389032190f8894a96ca44a505074c4f1', class: "sr-only" }, "Achtergrond"), h("div", { key: 'cd74d34e240fec9aa2decfae7dbd9404cc4852f3', class: "dso-label-container" }, h("span", { key: '3816e67c6f3c4bdc84dab60a04ed4b77ffbfe116', class: "control-label", "aria-hidden": "true" }, this.text("background"))), h("div", { key: '940d382bb243fc7ff7d66f53f2d6a14839a881cc', 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: 'e425e935b243e71462dcb3535e910a9645eae330', class: "form-group dso-radios" }, h("legend", { key: '1a5ea9c979247717b94ca98af40eaddfedd690f5', class: "sr-only" }, "Achtergrond"), h("div", { key: '359e5063faa16d1537e04e9721b8a056f28bd39a', class: "dso-label-container" }, h("span", { key: '99b0f11dc70cae6d87fca2301f20fd0bf9fda4da', class: "control-label", "aria-hidden": "true" }, this.text("background"))), h("div", { key: 'efb9958a4e54060e4ad5c4b3ca85d4413204acc7', 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-CiFTQ7lb.js';
 import { i as i18n } from './p-CCOI5nUo.js';
-import { d as defineCustomElement$5 } from './p-B0P26kAp.js';
-import { d as defineCustomElement$4 } from './p-D4j9nwzL.js';
-import { d as defineCustomElement$3 } from './p-Bx8conHY.js';
-import { d as defineCustomElement$2 } from './p-BnfsOsGc.js';
+import { d as defineCustomElement$5 } from './p-ZSFwKURq.js';
+import { d as defineCustomElement$4 } from './p-DG8Kv-AI.js';
+import { d as defineCustomElement$3 } from './p-i3p8engD.js';
+import { d as defineCustomElement$2 } from './p-GK7sI8Gb.js';
 
 const translations = {
     en: {
@@ -137,7 +137,7 @@ const MapControls = /*@__PURE__*/ proxyCustomElement(class MapControls extends H
         this.clearPostTransitionTimeout();
     }
     render() {
-        return (h(Fragment, { key: '1124457d4bee39439d5668ed4eb8003c7e10cb7d' }, h("dso-icon-button", { key: '808b061d4cd15dbca73e061a6a08bfb568912d4b', expanded: this.open, label: this.text("layersButton"), icon: "layers", variant: "map", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), 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: 'e0b48349f579f2501fadd9eece918ac9c97076d2', type: "button", class: "dso-map toggle-visibility-button", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open ? "true" : "false", onClick: (e) => this.toggleVisibilityInternal(e, __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, h("dso-icon", { key: 'a095265dabe4609ca81b728366a0fdbefd28171e', icon: "layers" }), h("span", { key: '865c938149bec4b0db0ac8c16cec08e47ef7d78b' }, this.text("layersButton"))), h("dso-button-group", { key: '6b9eecd0b6050e89f4861ed65d79ce8950f26452', class: "zoom-buttons", direction: "column" }, h("dso-icon-button", { key: '87e1fa06bb974f725bf8bfd49fa56f2dc14c8f52', 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: '6e88caa2642745b29a80eb431b9b5ee7dc35d1dd', 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: '07b2e8882eb7bc54201019ee043bdca835ac2b6c', id: __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), hidden: this.hideContent, role: "region", onKeyDown: this.handlePanelKeyDown, "aria-labelledby": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f") }, h("header", { key: 'bd092098c501745d6fc5d0ceba8bb6e9107bf866' }, h("h2", { key: 'fc927fb82a349f1e36b1dbba5e35fd5dd5267c8b', id: __classPrivateFieldGet(this, _MapControls_mapLayersTitleId, "f"), tabIndex: -1 }, this.text("title")), h("dso-icon-button", { key: 'f04f2498433be86fe4a2295c943ba80fd62ed474', 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: '073622025d761cf2ab32fe6d914fe20b1baeca4c' }, h("div", { key: 'b86c61511eb1a31c992989e5b057f2e2f2135e1f', class: "content" }, h("slot", { key: 'f3e160928a0e74dafa97bdcb7b906ec5986e8b99' }))))));
+        return (h(Fragment, { key: '176eb3490fa804bf820ba62eabc958fa3121969a' }, h("dso-icon-button", { key: 'a4338fbf9f2c68ede925282b9b26de4c74c67cb6', expanded: this.open, label: this.text("layersButton"), icon: "layers", variant: "map", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), 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: '688789be1dd85bbb24d9ba4380541c758a4f2318', type: "button", class: "dso-map toggle-visibility-button", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open ? "true" : "false", onClick: (e) => this.toggleVisibilityInternal(e, __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, h("dso-icon", { key: 'f28aecdddcba133081cb56a2e6ce0c4799bcb4f1', icon: "layers" }), h("span", { key: '1da6100ff42a3c4ec7ca5dd722537394d957ef2a' }, this.text("layersButton"))), h("dso-button-group", { key: 'e5f3f64d78550dc3825df219436f88064959dbf8', class: "zoom-buttons", direction: "column" }, h("dso-icon-button", { key: 'e0e877989d55f81938ef3d690296b58310347d4c', 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: '4d0790308006b5390d4371b8c8234fcf5f58873b', 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: '3686ab9414e031daf0e5a47e8b8ba40796d1f27a', id: __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), hidden: this.hideContent, role: "region", onKeyDown: this.handlePanelKeyDown, "aria-labelledby": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f") }, h("header", { key: '296fabb057a43182a1c3e300964de49809512bd2' }, h("h2", { key: '4a87864c1c64f83d166ba708f8e3c2d01dd2ea26', id: __classPrivateFieldGet(this, _MapControls_mapLayersTitleId, "f"), tabIndex: -1 }, this.text("title")), h("dso-icon-button", { key: '7ec884c56d4e62ce01ccee04de343e42a79b4ffd', 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: '8c1a21aeefcf260029980c051f64034e7c52da03' }, h("div", { key: '25c1977876633962ece4e3f038306f13cfdce17d', class: "content" }, h("slot", { key: '192a0ef47e4fb13bc6a90991c7315073edb33312' }))))));
     }
     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-CiFTQ7lb.js';
 import { W as WrapWijzigactie } from './p-DjR55R0Z.js';
-import { d as defineCustomElement$2 } from './p-BZOAPh8X.js';
+import { d as defineCustomElement$2 } from './p-CwsxKEZu.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: 'dae07d664482fcfcbb2232a32558829734a5c3ea', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h(WrapWijzigactie, { key: '5840180ffc63c8fc1887afebd238e40517d2dd76', wijzigactie: this.wijzigactie }, h("div", { key: '212953d88bb5a8b78f3a2633ea1b2e4f4e7d1c57', class: "map-layer-object" }, h("div", { key: '6c94789dc58388e1bbafd52cf85ad37d1e4e070f' }, h("slot", { key: '0d4565db6f767a170edc87e63d5324c17fe13e3d', name: "symbol" })), h("div", { key: 'b3ae87320865911bb4111c54bb9130f2bf8b006a', class: "map-layer-object-heading" }, h("slot", { key: '784053e34657815241b402a2eca7840203c653e7' }), h("slot", { key: '67b4f397ae703a0cfd89edfe880550e7186d3485', name: "label" })), h("div", { key: '59c1e7851474d136888e8460174b4bb04e601f34', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: 'c98410f0ebfa8a3c2e6ffa7a6a1fc34f6c053576', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange }))))));
+        return (h(Host, { key: 'c2986a38a4d0ae58dd37466511473ac90a48a2ad', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h(WrapWijzigactie, { key: '001fe5950e05c5457fce77320903282eda74ec6b', wijzigactie: this.wijzigactie }, h("div", { key: '2f008c8b8d9c7e159405cc3153092f3635ee513f', class: "map-layer-object" }, h("div", { key: 'b1c3d259022c4d4707c6b3ae9f2d8f01b6c60d2c' }, h("slot", { key: '7e94226e6b690d34d21bf076f628c4c2c441b6f8', name: "symbol" })), h("div", { key: '41596492e5780833e130ee16b851f1abc3de9ead', class: "map-layer-object-heading" }, h("slot", { key: '09363aa3c48f9536c6a6933e074f0c8f97b70a7f' }), h("slot", { key: '2cb5adaab884af9a161761b63509450d23757f5c', name: "label" })), h("div", { key: '26cdc8fd677a54b59d9d306885e982ae61d0d19d', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '2e3891a8685a8c101d77cd913f06aea7bc0be080', 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-CiFTQ7lb.js';
 import { W as WrapWijzigactie } from './p-DjR55R0Z.js';
-import { d as defineCustomElement$2 } from './p-BZOAPh8X.js';
+import { d as defineCustomElement$2 } from './p-CwsxKEZu.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: 'd842b30964a958be49b24b545ebc40fb1222f3c9', wijzigactie: this.wijzigactie }, h("div", { key: '61ea42d9143768adeb021d63317f96c1107b4c69', class: "map-layer" }, h("div", { key: '241911125c3e864668621f769da6ec241ec94c9e', class: "map-layer-heading" }, h("slot", { key: 'aa88b2464a1cee8474f6cc76219ce331d5a737b1', name: "name" }), h("slot", { key: 'b92c7fb66b0cc516117fe6cd93d9dd7a92f2cb51', name: "label" })), this.activatable && (h("div", { key: '3e8b00b6523d54305483e13dba3d5e4874211894', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: 'd298d4476031eade9ea436ae96b6a9117eb0b458', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: '2643068ce7ff5ca886e28d4b4793312caeabf276' })));
+        return (h(WrapWijzigactie, { key: 'dabc7956105012afdc118aaaba99a250bccc69f5', wijzigactie: this.wijzigactie }, h("div", { key: '82b7a6aac12f3b5a3db3e8bb267cc5d1534543f3', class: "map-layer" }, h("div", { key: 'b0eec8d4e2e869cc713f3c7e1eabf11bc4954587', class: "map-layer-heading" }, h("slot", { key: 'b671a44962f9f7b57e0daad171173ba2ebff6d46', name: "name" }), h("slot", { key: '39fa02704cd5afb9fb4c49acc29a88a24432a588', name: "label" })), this.activatable && (h("div", { key: '72544e930e67018c299eb2c7f3d8a774326eabef', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: 'c3404bd4c33d67e8d9e71dd13e0b24a55341aef4', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: '1efa5bbf9d5b1c2698d95037ab4db390f40d89e4' })));
     }
     static get style() { return mapLayerCss(); }
 }, [257, "dso-map-layer", {