@dso-toolkit/core 100.4.0 → 101.0.0

package/dist/dso-toolkit/p-b8a0d3b9.entry.js

@@ -0,0 +1 @@
+import{r as o,h as t,a as e}from"./p-2sI1K6K0.js";import{W as r}from"./p-C0I7oJkh.js";const n=class{constructor(t){o(this,t),this.hasSublabel=!1,this.hasMeta=!1,this.updateSublabel=()=>{this.hasSublabel=(this.sublabelSlot?.assignedNodes({flatten:!0}).length??0)>0},this.updateMeta=()=>{this.hasMeta=(this.metaSlot?.assignedNodes({flatten:!0}).length??0)>0},this.setSublabelSlot=o=>{this.sublabelSlot=o,this.updateSublabel()},this.setMetaSlot=o=>{this.metaSlot=o,this.updateMeta()}}render(){return t(e,{key:"4e563baa58db341171a3c007480c65a25d9ea4c2"},t(r,{key:"73da6556bb70f408cc70986fdb8c6a013c1f44f9",wijzigactie:this.wijzigactie,class:"dso-plekinfo-card-item-container"},t("div",{key:"0af3ef4cbdc949f485f2a9f98fe8fcd450c50f59"},t("slot",{key:"19b13f3962c3d147e8462cfd76f98e3f7f0f3502",name:"symbol"})),t("div",{key:"f28a6c404312c709a071409dbfdb535fde4da4f9",class:{content:!0,"no-sublabel":!this.hasSublabel}},t("dso-truncate",{key:"1dfe0d1fb70d70a39c01f76474b5e46335e63e31",class:"text"},t("slot",{key:"9c4ff61c02505d426e4a7b677cc324f11b04a11e",name:"label"}),this.hasSublabel&&" ",t("slot",{key:"ac961117505fe0c4307ecbd6f03e94e8fbc48792",name:"sublabel",ref:this.setSublabelSlot,onSlotchange:this.updateSublabel})),t("div",{key:"f02925bd0492b477d112445115c436c73a678761",class:"meta",hidden:!this.hasMeta},t("slot",{key:"1e6f25fde6fc59e053ad5b468bbf67b625e65d00",name:"meta",ref:this.setMetaSlot,onSlotchange:this.updateMeta})))))}};n.style="ins{text-decoration:none;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}del{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del{font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-plekinfo-card-item-container{display:flex;align-items:flex-start;column-gap:8px;inline-size:100%;padding-block:8px;padding-inline:8px}.dso-plekinfo-card-item-container ::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;margin-inline-end:0;background-color:transparent}.content{min-inline-size:0;display:flex;align-items:baseline;gap:4px;flex:1 1 auto}.text{min-inline-size:0;flex:1 1 auto}.no-sublabel .text{flex-grow:0}del .text{text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del .text{font-family:sans-serif}}slot[name=label]{font-weight:700}.meta{display:flex;flex-wrap:wrap;flex:0 0 auto;gap:4px}";export{n as dso_plekinfo_card_item}

package/dist/dso-toolkit/p-b8a488af.entry.js

@@ -0,0 +1 @@
+import{r as t,h as e,a as i}from"./p-2sI1K6K0.js";import{T as o}from"./p-B02Jy5YO.js";import{T as s}from"./p-B_Ud6lxQ.js";import"./p-CcOMPHLg.js";import"./p-DMUqzLuy.js";const r=new WeakMap,n=new ResizeObserver((t=>{for(const{target:e}of t)r.get(e)?.()})),a=class{constructor(e){t(this,e),this.truncated=!1,this.tooltipController=new o({getReferenceElement:()=>this.contentElement,getTipElement:()=>this.tooltipElement,getTipArrowElement:()=>this.tooltipArrowElement,getPlacement:()=>"top"}),this.checkTruncation=()=>{this.contentElement&&(this.truncated=this.hasEllipses(this.contentElement))},this.updateTooltipContent=()=>{if(this.slotElement&&this.tooltipContentElement){const t=this.slotElement.assignedNodes({flatten:!0}).map((t=>this.cloneNodeRecursive(t)));this.tooltipContentElement.replaceChildren(...t)}},this.showTooltip=()=>{this.truncated&&(this.updateTooltipContent(),this.tooltipController.show())},this.hideTooltip=()=>{this.tooltipController.hide()},this.setTooltipContentElement=t=>{this.tooltipContentElement=t},this.setContentElement=t=>{this.contentElement&&this.unobserve(this.contentElement),this.contentElement=t,this.contentElement&&(this.observe(this.contentElement),this.checkTruncation())}}keyDownListener(t){this.truncated&&"Escape"===t.key&&this.hideTooltip()}observe(t){r.set(t,this.checkTruncation),n.observe(t)}unobserve(t){n.unobserve(t),r.delete(t)}hasEllipses(t){return t.scrollWidth>t.clientWidth}copyCustomElementProperties(t,e){if(t instanceof HTMLElement&&e instanceof HTMLElement){const i=Object.getPrototypeOf(t);for(const o of Object.getOwnPropertyNames(i)){if("constructor"===o||"text"===o)continue;const s=Object.getOwnPropertyDescriptor(i,o);if(!s?.get||!s.set)continue;const r=Reflect.get(t,o);void 0!==r&&Reflect.set(e,o,r)}}}cloneNodeRecursive(t){if(t.nodeType===Node.TEXT_NODE)return t.cloneNode();if(!(t instanceof HTMLElement))return t.cloneNode(!0);const e=t.cloneNode(!1);for(const i of Array.from(t.childNodes))e.appendChild(this.cloneNodeRecursive(i));return this.copyCustomElementProperties(t,e),e}connectedCallback(){this.contentElement&&(this.observe(this.contentElement),this.checkTruncation())}disconnectedCallback(){this.contentElement&&this.unobserve(this.contentElement),this.tooltipController.dispose()}render(){return e(i,{key:"7044e989155cf26d80d85d664059ea505df09498"},e("span",{key:"dbf788a0775a4be2dc276737c9095fd26470b13c",class:"dso-truncate-content",ref:this.setContentElement,tabindex:this.truncated?0:void 0,onMouseEnter:this.showTooltip,onMouseLeave:this.hideTooltip,onFocus:this.showTooltip,onBlur:this.hideTooltip},e("slot",{key:"cb197369b2da8df36102e4ba0f93d2b1a6130da2",ref:t=>this.slotElement=t})),e(s,{key:"53ab33a7445a4774fcdba91af4c702dae9f5c2a2",tipElementRef:t=>this.tooltipElement=t,tipArrowElementRef:t=>this.tooltipArrowElement=t},e("div",{key:"5c7ad1a1275b527530fca85e0ebbb312a391bf4b",ref:this.setTooltipContentElement,"aria-hidden":"true"})))}};a.style=".dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;max-inline-size:640px}.dso-tooltip .tooltip-inner{--_dso-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:8px;padding-inline:16px;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-truncate-content{display:inline-block;max-inline-size:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:bottom;text-decoration:inherit}.dso-truncate-content:focus-visible{border-radius:2px;outline-offset:3px;outline:3px solid #008ccc}";export{a as dso_truncate}

package/dist/dso-toolkit/{p-19fa3db4.entry.js → p-c15a3689.entry.js}

@@ -1 +1 @@
-import{r as e,d as t,f as i,h as s,F as a,a as o,g as n}from"./p-2sI1K6K0.js";import{c as l}from"./p-ChV9xqsO.js";import{i as d}from"./p-xDSTG4OU.js";const r={en:{"dso-legend-item":{delete:"Remove layer",disabledInfo:"More info",options:"Edit layer",optionsAvailable:"Edit layer button is now available",optionsUnavailable:"Edit layer button is now disabled",makeActive:"Make {{label}} active",makeActiveDefault:"Make active"}},nl:{"dso-legend-item":{delete:"Kaartlaag verwijderen",disabledInfo:"Meer informatie",options:"Kaartlaag bewerken",optionsAvailable:"De knop Kaartlaag bewerken is nu beschikbaar",optionsUnavailable:"De knop Kaartlaag bewerken is nu uitgeschakeld",makeActive:"Maak {{label}} actief",makeActiveDefault:"Maak actief"}}},b=class{constructor(i){e(this,i),this.dsoActiveChange=t(this,"dsoActiveChange",7),this.dsoDelete=t(this,"dsoDelete",3),this.dsoMouseEnter=t(this,"dsoMouseEnter",7),this.dsoMouseLeave=t(this,"dsoMouseLeave",7),this.disabled=!1,this._mode="view",this.showOptions=!1,this.text=d((()=>this.host),r)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>i(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0,subtree:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}get symbolSlottedElement(){return this.host.querySelector("[slot='symbol']")}get optionsSlottedElement(){return this.host.querySelector("[slot='options']")}renderEditMode(){return s("dso-icon-button",{label:this.text("delete"),icon:"trash",variant:"tertiary",id:"delete-button",onDsoClick:e=>this.dsoDelete.emit({originalEvent:e.detail.originalEvent})})}renderViewMode(e,t){return this.activatable?[s("dso-slide-toggle",{accessibleLabel:t,checked:this.active,disabled:this.disabled,onDsoActiveChange:e=>this.dsoActiveChange.emit({current:Boolean(this.active),next:!this.active,originalEvent:e})}),e&&s(a,null,s("span",{class:"sr-only","aria-live":"polite","aria-atomic":"true"},this.text(this.active?"optionsAvailable":"optionsUnavailable")),s("dso-icon-button",{disabled:!this.active||this.disabled,expanded:this.showOptions,label:this.text("options"),icon:"more-horizontal",variant:"tertiary",toggled:this.showOptions,id:"options-button",onDsoClick:()=>this.showOptions=!this.showOptions}))]:[]}renderRightContent(e,t){return"edit"===this._mode?this.renderEditMode():this.renderViewMode(e,t)}render(){const e=null!==this.symbolSlottedElement,t=null!==this.optionsSlottedElement,i=this.host.querySelector("span[slot='label']"),a=i?.textContent?this.text("makeActive",{label:i.textContent.toLowerCase()}):this.text("makeActiveDefault");return s(o,{key:"9910f7c632dd64364f05e11e80ad9393ff293891",onMouseEnter:()=>this.dsoMouseEnter.emit(),onMouseLeave:()=>this.dsoMouseLeave.emit()},s("div",{key:"adbc079c35c38cc3d95f8fb22b13df88bf323ff2",class:l("legend-item",{"legend-item-symbol":e})},e&&s("div",{key:"d63506083cd82503562e2d979c8995607493b692"},s("slot",{key:"93df0bf546e4d84aa559df34f5bf8c55320ec85c",name:"symbol"})),s("div",{key:"97383d43dd1463c3c6009922e022ecfd876afb9a"},s("slot",{key:"3b7930871f1b72a069707b67e43d647e94f6558f",name:"label"})),this.disabled&&this.disabledMessage&&s("dso-info-button",{key:"c27822a26fa9fdace3a5b80dbed2d8cb3b9d3b0e",label:this.text("disabledInfo"),toggletipPlacement:"bottom"},s("div",{key:"8a52854c3cd28c122fefa8dac0d8b3bbc647a3b2",slot:"toggletip"},this.disabledMessage)),s("div",{key:"3ef205f555ea2d9f9f798225fb32b4273e8fca1b",class:"legend-item-right-content"},this.renderRightContent(t,a))),t&&s("div",{key:"af5340c5818b6c4cead0af10d8bbd93ad56f5738",hidden:this.disabled||!this.showOptions,class:"options"},s("slot",{key:"3aae70d66af91143ef385b00aa353414b86da5ab",name:"options"})))}get host(){return n(this)}};b.style=":host{display:block;padding-block:4px}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}::slotted(span[slot=symbol]){background-color:#fff;display:block;float:inline-start;block-size:26px;margin-block-start:0;margin-inline-end:8px;inline-size:30px;overflow:hidden;position:relative}::slotted(h3){margin:0 !important}::slotted([slot=options]){margin-block-start:8px}.legend-item{display:flex;position:relative}.legend-item.legend-item-symbol+.options{margin-block-start:8px}.legend-item-right-content{margin-inline-start:auto;display:flex}.legend-item-right-content dso-slide-toggle{line-height:1;padding-block-start:0 !important}.legend-item-right-content dso-icon-button{margin-inline-start:4px}";export{b as dso_legend_item}
+import{r as e,d as t,f as i,h as a,F as s,a as o,g as n}from"./p-2sI1K6K0.js";import{c as l}from"./p-ChV9xqsO.js";import{i as d}from"./p-xDSTG4OU.js";const r={en:{"dso-legend-item":{delete:"Remove layer",disabledInfo:"More info",options:"Edit layer",optionsAvailable:"Edit layer button is now available",optionsUnavailable:"Edit layer button is now disabled",makeActive:"Make {{label}} active",makeActiveDefault:"Make active"}},nl:{"dso-legend-item":{delete:"Kaartlaag verwijderen",disabledInfo:"Meer informatie",options:"Kaartlaag bewerken",optionsAvailable:"De knop Kaartlaag bewerken is nu beschikbaar",optionsUnavailable:"De knop Kaartlaag bewerken is nu uitgeschakeld",makeActive:"Maak {{label}} actief",makeActiveDefault:"Maak actief"}}},b=class{constructor(i){e(this,i),this.dsoActiveChange=t(this,"dsoActiveChange",7),this.dsoDelete=t(this,"dsoDelete",3),this.dsoMouseEnter=t(this,"dsoMouseEnter",7),this.dsoMouseLeave=t(this,"dsoMouseLeave",7),this.disabled=!1,this._mode="view",this.showOptions=!1,this.text=d((()=>this.host),r)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>i(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0,subtree:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}get symbolSlottedElement(){return this.host.querySelector("[slot='symbol']")}get optionsSlottedElement(){return this.host.querySelector("[slot='options']")}renderEditMode(){return a("dso-icon-button",{label:this.text("delete"),icon:"trash",variant:"tertiary",id:"delete-button",onDsoClick:e=>this.dsoDelete.emit({originalEvent:e.detail.originalEvent})})}renderViewMode(e,t){return this.activatable?[a("dso-slide-toggle",{accessibleLabel:t,checked:this.active,disabled:this.disabled,onDsoActiveChange:e=>this.dsoActiveChange.emit({current:Boolean(this.active),next:!this.active,originalEvent:e})}),e&&a(s,null,a("span",{class:"sr-only","aria-live":"polite","aria-atomic":"true"},this.text(this.active?"optionsAvailable":"optionsUnavailable")),a("dso-icon-button",{disabled:!this.active||this.disabled,expanded:this.showOptions,label:this.text("options"),icon:"more-horizontal",variant:"tertiary",toggled:this.showOptions,id:"options-button",onDsoClick:()=>this.showOptions=!this.showOptions}))]:[]}renderRightContent(e,t){return"edit"===this._mode?this.renderEditMode():this.renderViewMode(e,t)}render(){const e=null!==this.symbolSlottedElement,t=null!==this.optionsSlottedElement,i=this.host.querySelector("span[slot='label']"),s=i?.textContent?this.text("makeActive",{label:i.textContent.toLowerCase()}):this.text("makeActiveDefault");return a(o,{key:"303c7ddca3e6779ce9bbefa891d09a98daf92afd",onMouseEnter:()=>this.dsoMouseEnter.emit(),onMouseLeave:()=>this.dsoMouseLeave.emit()},a("div",{key:"772e960d48c62dd8ed5f035191f39d5676a3290b",class:l("legend-item",{"legend-item-symbol":e})},e&&a("div",{key:"82cc6c2ca9fa5b75cad03185416109d23f6ca086"},a("slot",{key:"401c7d2f991b5718eb9a0187b272fbcf86e6f067",name:"symbol"})),a("div",{key:"29f0e127a2ad71f82132ca6de363de9edf9368dc"},a("slot",{key:"dc21e1f62471652d940f4e78c1417e4f1fb99fac",name:"label"})),this.disabled&&this.disabledMessage&&a("dso-info-button",{key:"1d40419b908d45216c2a83e42b4f675aa4a682cc",label:this.text("disabledInfo"),toggletipPlacement:"bottom"},a("div",{key:"f0ff311f69b6d6a3e0b01f1e66fbfabfd7476b10",slot:"toggletip"},this.disabledMessage)),a("div",{key:"8f8e201b6730f2ac177452b0aed27b1f077375c5",class:"legend-item-right-content"},this.renderRightContent(t,s))),t&&a("div",{key:"190d57da182375676f885799db52faf1db7b3e23",hidden:this.disabled||!this.showOptions,class:"options"},a("slot",{key:"8a69fc826eac7ff7f70ffa0280a5452398bb27dc",name:"options"})))}get host(){return n(this)}};b.style=":host{display:block;padding-block:4px}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}::slotted(span[slot=symbol]){background-color:#fff;display:block;float:inline-start;block-size:26px;margin-block-start:0;margin-inline-end:8px;inline-size:30px;overflow:hidden;position:relative}::slotted(h3){margin:0 !important}::slotted([slot=options]){margin-block-start:8px}.legend-item{display:flex;position:relative}.legend-item.legend-item-symbol+.options{margin-block-start:8px}.legend-item-right-content{margin-inline-start:auto;display:flex}.legend-item-right-content dso-slide-toggle{line-height:1;padding-block-start:0 !important}.legend-item-right-content dso-icon-button{margin-inline-start:4px}";export{b as dso_legend_item}

package/dist/dso-toolkit/{p-13e28f82.entry.js → p-d0196ffd.entry.js}

@@ -1 +1 @@
-import{r as e,d as a,f as o,h as i,a as n,g as r}from"./p-2sI1K6K0.js";import{i as t}from"./p-Hgv-pDpy.js";const d=class{constructor(o){e(this,o),this.dsoCardClick=a(this,"dsoCardClick",7)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>o(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(e){if(e.target instanceof HTMLElement&&this.href)return this.dsoCardClick.emit({originalEvent:e,isModifiedEvent:t(e)})}get selectableSlottedElement(){return this.host.querySelector("[slot='selectable']")}get interactionsSlottedElement(){return this.host.querySelector("[slot='interactions']")}render(){const e=null!==this.selectableSlottedElement;return i(n,{key:"239305b16722e3ef5d1df2f5a34dc1c8bd6fa941","is-selectable":e},i("div",{key:"dda09722c769d5a20efb3de4c7d03ef4e676c051",class:"dso-card-container"},i("div",{key:"ae42d84176d062922bdaebce517d984f36d3410c",class:"dso-card-selectable",hidden:!e},i("slot",{key:"4734836c7971885e8ae84fb919a5aceaa9713f1c",name:"selectable"})),i("div",{key:"67035bf8eeb78bdf5ec00d5d5e63aaeb36600971",class:"dso-card-heading"},"extern"===this.mode&&i("a",{key:"52ec88ae6644d176b676b38f3b5a3b8a4f18d8fb",href:this.href,class:"heading-anchor",target:"_blank",rel:"noopener noreferrer",onClick:e=>this.clickEventHandler(e)},i("slot",{key:"b0a930073a356cc0a85e99a738f8d37aafbe490e",name:"heading"}),i("dso-icon",{key:"03f039eddd70c41ddb8d95cf133c0917a9073503",icon:"external-link"}),i("span",{key:"63f6fb7bc9ecf562015ae04825f43a8f5885c946",class:"sr-only"},"(Opent andere website in nieuw tabblad)"))||"download"===this.mode&&i("a",{key:"ca38710b591fad28865552b9603dd1e90254535d",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},i("slot",{key:"2e85110d0435a74373bcc8c46d2b88e21757e9d4",name:"heading"}),i("dso-icon",{key:"05101c81b6645297f6fe3b37312bc95f6d05c8bf",icon:"download"}))||i("a",{key:"6a02cb73fd4cff8d17bdad494fe047a13c93ba85",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},i("slot",{key:"e5631df37f950eefad86d94040b7f0fc0ae720b8",name:"heading"}),i("dso-icon",{key:"05ba6344294489c0c9299490d126906920d173f9",icon:"chevron-right"})),null!==this.interactionsSlottedElement&&i("slot",{key:"7e92b0ace856f9bcc586040cdd2b1c3eea8ca388",name:"interactions"})),i("div",{key:"c994ab7a513a7cee91b1f4b236328224c465831f",class:"dso-card-content"},i("slot",{key:"ba532ccd9ccaa53dccacb6b5cd392bb042d20fcb",name:"content"}))))}get host(){return r(this)}};d.style='a{overflow-wrap:anywhere;background-color:transparent;color:var(--_dso-link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--_dso-link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--_dso-link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-scampi)))}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([is-selectable]:not([is-selectable=false])) .dso-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-heading,:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-content{grid-column:2/-1}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-selectable{grid-row:span 2;margin-inline-end:8px}:host([active]:not([active=false])) .dso-card-container{background-color:#e5e5e5}.dso-card-container{padding-block:16px;padding-inline:16px;inline-size:100%;block-size:100%}.dso-card-container:has(.dso-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}.dso-card-container .dso-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-card-container .dso-card-heading{flex-wrap:wrap}}.dso-card-container .dso-card-heading+.dso-card-content{margin-block-start:8px}.heading-anchor{display:flex;gap:4px;color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor dso-icon{flex-shrink:0}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}::slotted([slot=selectable]){font-size:0 !important;--_dso-selectable-padding-inline-start:24px;--_dso-selectable-input-wrapper-margin-inline-start:-24px;--_dso-selectable-input-wrapper-padding-inline-start:24px}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important}::slotted([slot=content]){--_dso-rich-content-margin-block:8px;--_dso-rich-content-margin-block-end:0;--_dso-rich-content-margin-block-start:0}::slotted([slot=interactions]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interactions]){flex-basis:100% !important;margin-block-start:16px !important}}';export{d as dso_card}
+import{r as e,d as a,f as o,h as i,a as n,g as r}from"./p-2sI1K6K0.js";import{i as t}from"./p-Hgv-pDpy.js";const d=class{constructor(o){e(this,o),this.dsoCardClick=a(this,"dsoCardClick",7)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>o(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(e){if(e.target instanceof HTMLElement&&this.href)return this.dsoCardClick.emit({originalEvent:e,isModifiedEvent:t(e)})}get selectableSlottedElement(){return this.host.querySelector("[slot='selectable']")}get interactionsSlottedElement(){return this.host.querySelector("[slot='interactions']")}render(){const e=null!==this.selectableSlottedElement;return i(n,{key:"106df756cd8383136b238be0107f318c7f0b1457","is-selectable":e},i("div",{key:"763de98d5426a7047cf2793ad3acd5b305676884",class:"dso-card-container"},i("div",{key:"a2c89ba5a220d7e098193627ab9779f1269874c6",class:"dso-card-selectable",hidden:!e},i("slot",{key:"e2426f5ab8f36d946747befeaae0c435ddbecfdf",name:"selectable"})),i("div",{key:"cc1051b1898c35d48a4337215b785fae6198c0a4",class:"dso-card-heading"},"extern"===this.mode&&i("a",{key:"48d1e463fe1c4bca63be68f4987106c3a9e8fa71",href:this.href,class:"heading-anchor",target:"_blank",rel:"noopener noreferrer",onClick:e=>this.clickEventHandler(e)},i("slot",{key:"bdf715e2cf039ba2ba298b91b7d2dce2ee8a06c9",name:"heading"}),i("dso-icon",{key:"cf42631e919b44eef3485c44e3fadfea559596c2",icon:"external-link"}),i("span",{key:"dd25289f8e82d50106f89023ab8b44d106e8106b",class:"sr-only"},"(Opent andere website in nieuw tabblad)"))||"download"===this.mode&&i("a",{key:"43eb6d4e7d7ae31d2b15f7191be77011b1599374",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},i("slot",{key:"ff25a6a15671b0bd35be220791ed66f4bd419a7a",name:"heading"}),i("dso-icon",{key:"018c727bfdcd9b3a8be760328852fd5e631b2183",icon:"download"}))||i("a",{key:"02745c8de0b89a53959a53af6438d91a5c62933d",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},i("slot",{key:"39873da8243d03be0dfd5bc8c38e023382d0aef2",name:"heading"}),i("dso-icon",{key:"f52a560ae21f299d5b1e87c0938282f3cb533f49",icon:"chevron-right"})),null!==this.interactionsSlottedElement&&i("slot",{key:"d4a0e4f23487f6afb53e4062261ff4af028965a2",name:"interactions"})),i("div",{key:"7206aa3d66eed29fe5e821c9446ee8a54a39d99d",class:"dso-card-content"},i("slot",{key:"7d2d9caf4da500c922a69e89eabce1422229acf9",name:"content"}))))}get host(){return r(this)}};d.style='a{overflow-wrap:anywhere;background-color:transparent;color:var(--_dso-link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--_dso-link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--_dso-link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-scampi)))}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([is-selectable]:not([is-selectable=false])) .dso-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-heading,:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-content{grid-column:2/-1}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-selectable{grid-row:span 2;margin-inline-end:8px}:host([active]:not([active=false])) .dso-card-container{background-color:#e5e5e5}.dso-card-container{padding-block:16px;padding-inline:16px;inline-size:100%;block-size:100%}.dso-card-container:has(.dso-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}.dso-card-container .dso-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-card-container .dso-card-heading{flex-wrap:wrap}}.dso-card-container .dso-card-heading+.dso-card-content{margin-block-start:8px}.heading-anchor{display:flex;gap:4px;color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor dso-icon{flex-shrink:0}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}::slotted([slot=selectable]){font-size:0 !important;--_dso-selectable-padding-inline-start:24px;--_dso-selectable-input-wrapper-margin-inline-start:-24px;--_dso-selectable-input-wrapper-padding-inline-start:24px}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important}::slotted([slot=content]){--_dso-rich-content-margin-block:8px;--_dso-rich-content-margin-block-end:0;--_dso-rich-content-margin-block-start:0}::slotted([slot=interactions]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interactions]){flex-basis:100% !important;margin-block-start:16px !important}}';export{d as dso_card}

package/dist/dso-toolkit/{p-cca237f7.entry.js → p-e2c97b41.entry.js}

@@ -1 +1 @@
-import{r as o,d as l,h as e,F as r}from"./p-2sI1K6K0.js";import{i as a}from"./p-Hgv-pDpy.js";const t=({name:o})=>{const l=o.split("|");return e(r,null,e("svg",{fill:"none",viewBox:"0 0 48 48",height:"100%",class:"logo-target"},e("path",{class:"outer",d:"M26 0a24 24 0 1 0 0 47.9A24 24 0 0 0 24 0Z"}),e("path",{class:"middle",d:"M24 8A16 16 0 0 0 8 24 16 16 0 1 0 24 8Z"}),e("path",{class:"inner",d:"M24 32a8 8 0 0 0 0-16 8 8 0 0 0 0 16Z"})),e("div",{class:"logo-wordmark"},e("span",{class:"logo-wordmark-omgevings"},l[0]),2===l.length&&e("span",{class:"logo-wordmark-loket"},l[1])))},i=class{constructor(e){o(this,e),this.dsoLogoClick=l(this,"dsoLogoClick",7),this.dsoLabelClick=l(this,"dsoLabelClick",7),this.name="Omgevings|loket",this.handleLogoClick=o=>{this.dsoLogoClick.emit({originalEvent:o,url:this.logoUrl,isModifiedEvent:a(o)})},this.handleLabelClick=o=>{this.dsoLabelClick.emit({originalEvent:o,url:this.labelUrl,isModifiedEvent:a(o)})}}render(){return e(r,null,this.logoUrl?e("a",{class:"logo-url",href:this.logoUrl,onClick:this.handleLogoClick},e(t,{name:this.name})):e(t,{name:this.name}),this.label&&(this.labelUrl?e("a",{class:"logo-label-url",href:this.labelUrl,onClick:this.handleLabelClick},e("span",{class:"logo-label"},this.label)):e("span",{class:"logo-label"},this.label)),this.ribbon&&e("div",{key:"86ef86eec492c43893400b07fe6cab097fca9d69",class:"logo-ribbon"},this.ribbon))}};i.style=':host{block-size:var(--_dso-logo-block-size, 3rem);display:grid;grid-template-areas:"target wordmark label";grid-template-columns:repeat(3, max-content);grid-template-rows:100%;gap:16px;font-size:1.5rem;font-weight:500;align-items:center;container-type:size;container-name:logo}:host .logo-url,:host .logo-label-url{display:flex;align-items:center;gap:16px;text-decoration:none}:host .logo-url:hover,:host .logo-url:focus-visible,:host .logo-url:active,:host .logo-label-url:hover,:host .logo-label-url:focus-visible,:host .logo-label-url:active{text-decoration:underline}:host .logo-url,:host .logo-url:hover,:host .logo-url:focus,:host .logo-url:visited,:host .logo-label-url,:host .logo-label-url:hover,:host .logo-label-url:focus,:host .logo-label-url:visited{color:#275937}:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])){grid-template-areas:"targetwordmark label"}:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])) .logo-url,:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])) .logo-ribbon{grid-area:targetwordmark}.logo-label-url{grid-area:label}.logo-target{grid-area:target;max-block-size:48px;max-inline-size:48px;inline-size:100%;display:block;aspect-ratio:1/1}.logo-wordmark{grid-area:wordmark}@container logo (max-height: 47px){.logo-wordmark,.logo-label{font-size:50cqb;line-height:1}}.logo-wordmark-omgevings{color:#39870c}.logo-wordmark-loket{color:#275937}.logo-label{grid-area:label;color:#275937;margin-inline-start:1rem}.logo-ribbon{grid-area:wordmark;place-self:start end;display:flex;place-items:center;background-color:#8b4a6a;border-radius:3px;transform:rotate(3deg);padding-block:0;padding-inline:8px;font-size:0.75rem;font-weight:normal;text-transform:uppercase;color:#fff}@container logo (max-height: 47px){.logo-ribbon{block-size:28cqb;font-size:25cqb}}.inner{fill:#e17000}.middle{fill:#275937}.outer{fill:#80bc00}@media screen and (max-width: 767px){:host([label]){grid-template-areas:"target label";grid-template-columns:max-content minmax(130px, max-content)}:host([label]) .logo-wordmark{display:none}:host([label]) .logo-ribbon{grid-area:label}:host([label]) .logo-label{margin-inline-start:0;text-wrap:balance;overflow-wrap:normal}:host([logo-url][ribbon]) .logo-label-url+.logo-ribbon{grid-area:label}}@media screen and (max-width: 480px){.logo-ribbon{transform:rotate(3deg) translateY(-7px)}}';export{i as dso_logo}
+import{r as o,d as l,h as e,F as r}from"./p-2sI1K6K0.js";import{i as a}from"./p-Hgv-pDpy.js";const t=({name:o})=>{const l=o.split("|");return e(r,null,e("svg",{fill:"none",viewBox:"0 0 48 48",height:"100%",class:"logo-target"},e("path",{class:"outer",d:"M26 0a24 24 0 1 0 0 47.9A24 24 0 0 0 24 0Z"}),e("path",{class:"middle",d:"M24 8A16 16 0 0 0 8 24 16 16 0 1 0 24 8Z"}),e("path",{class:"inner",d:"M24 32a8 8 0 0 0 0-16 8 8 0 0 0 0 16Z"})),e("div",{class:"logo-wordmark"},e("span",{class:"logo-wordmark-omgevings"},l[0]),2===l.length&&e("span",{class:"logo-wordmark-loket"},l[1])))},i=class{constructor(e){o(this,e),this.dsoLogoClick=l(this,"dsoLogoClick",7),this.dsoLabelClick=l(this,"dsoLabelClick",7),this.name="Omgevings|loket",this.handleLogoClick=o=>{this.dsoLogoClick.emit({originalEvent:o,url:this.logoUrl,isModifiedEvent:a(o)})},this.handleLabelClick=o=>{this.dsoLabelClick.emit({originalEvent:o,url:this.labelUrl,isModifiedEvent:a(o)})}}render(){return e(r,null,this.logoUrl?e("a",{class:"logo-url",href:this.logoUrl,onClick:this.handleLogoClick},e(t,{name:this.name})):e(t,{name:this.name}),this.label&&(this.labelUrl?e("a",{class:"logo-label-url",href:this.labelUrl,onClick:this.handleLabelClick},e("span",{class:"logo-label"},this.label)):e("span",{class:"logo-label"},this.label)),this.ribbon&&e("div",{key:"86a4d9220c375b2a1ee36d0869bb0ae05550fa20",class:"logo-ribbon"},this.ribbon))}};i.style=':host{block-size:var(--_dso-logo-block-size, 3rem);display:grid;grid-template-areas:"target wordmark label";grid-template-columns:repeat(3, max-content);grid-template-rows:100%;gap:16px;font-size:1.5rem;font-weight:500;align-items:center;container-type:size;container-name:logo}:host .logo-url,:host .logo-label-url{display:flex;align-items:center;gap:16px;text-decoration:none}:host .logo-url:hover,:host .logo-url:focus-visible,:host .logo-url:active,:host .logo-label-url:hover,:host .logo-label-url:focus-visible,:host .logo-label-url:active{text-decoration:underline}:host .logo-url,:host .logo-url:hover,:host .logo-url:focus,:host .logo-url:visited,:host .logo-label-url,:host .logo-label-url:hover,:host .logo-label-url:focus,:host .logo-label-url:visited{color:#275937}:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])){grid-template-areas:"targetwordmark label"}:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])) .logo-url,:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])) .logo-ribbon{grid-area:targetwordmark}.logo-label-url{grid-area:label}.logo-target{grid-area:target;max-block-size:48px;max-inline-size:48px;inline-size:100%;display:block;aspect-ratio:1/1}.logo-wordmark{grid-area:wordmark}@container logo (max-height: 47px){.logo-wordmark,.logo-label{font-size:50cqb;line-height:1}}.logo-wordmark-omgevings{color:#39870c}.logo-wordmark-loket{color:#275937}.logo-label{grid-area:label;color:#275937;margin-inline-start:1rem}.logo-ribbon{grid-area:wordmark;place-self:start end;display:flex;place-items:center;background-color:#8b4a6a;border-radius:3px;transform:rotate(3deg);padding-block:0;padding-inline:8px;font-size:0.75rem;font-weight:normal;text-transform:uppercase;color:#fff}@container logo (max-height: 47px){.logo-ribbon{block-size:28cqb;font-size:25cqb}}.inner{fill:#e17000}.middle{fill:#275937}.outer{fill:#80bc00}@media screen and (max-width: 767px){:host([label]){grid-template-areas:"target label";grid-template-columns:max-content minmax(130px, max-content)}:host([label]) .logo-wordmark{display:none}:host([label]) .logo-ribbon{grid-area:label}:host([label]) .logo-label{margin-inline-start:0;text-wrap:balance;overflow-wrap:normal}:host([logo-url][ribbon]) .logo-label-url+.logo-ribbon{grid-area:label}}@media screen and (max-width: 480px){.logo-ribbon{transform:rotate(3deg) translateY(-7px)}}';export{i as dso_logo}

package/dist/dso-toolkit/{p-e2ff8b0c.entry.js → p-e3ba6480.entry.js}

@@ -1 +1 @@
-import{r as e,d as t,h as s,a as o,g as a}from"./p-2sI1K6K0.js";import{c as i}from"./p-ChV9xqsO.js";import{i as r}from"./p-xDSTG4OU.js";import{i as n}from"./p-Hgv-pDpy.js";const d={en:{"dso-legend":{closeLegend:"Close legend"}},nl:{"dso-legend":{closeLegend:"Sluit legenda"}}},l=class{constructor(s){e(this,s),this.dsoContentSwitch=t(this,"dsoContentSwitch",7),this.dsoClose=t(this,"dsoClose",7),this.tabItems=[],this.text=r((()=>this.host),d),this.keyUpHandler=e=>{if(e.target instanceof HTMLElement)switch(e.key){case"ArrowRight":case"ArrowDown":this.moveFocusToNextTab(e.target);break;case"ArrowLeft":case"ArrowUp":this.moveFocusToPreviousTab(e.target);break;default:return}},this.clickHandler=e=>{const t=this.tabs.findIndex((t=>t===e.currentTarget)),s=this.tabItems[t];s&&!s.active&&this.dsoContentSwitch.emit({originalEvent:e,isModifiedEvent:n(e)})}}get tabs(){return Array.from(this.host.shadowRoot.querySelectorAll('[role="tab"]'))}get firstTab(){return this.tabs[0]}get lastTab(){return this.tabs[this.tabs.length-1]}moveFocusToTab(e){e?.focus()}moveFocusToPreviousTab(e){const t=this.tabs.findIndex((t=>t===e));this.moveFocusToTab(this.tabs[t-1]??this.lastTab)}moveFocusToNextTab(e){const t=this.tabs.findIndex((t=>t===e));this.moveFocusToTab(this.tabs[t+1]??this.firstTab)}render(){return s(o,{key:"25a92448519ae10b449b58081d662a64954d3c04"},s("div",{key:"b560a4aff6a2e8f8328fb596202e0a7c145763ce",class:"topbar"},s("div",{key:"3b23d0cb0e74a2aade4cbb0146e36d8d7fd299d4",class:"tabs",role:"tablist",onKeyUp:this.keyUpHandler},this.tabItems.map((e=>s("button",{class:i("tab",{active:e.active}),role:"tab","aria-selected":e.active?"true":"false",...e.active?{}:{tabIndex:-1},onClick:this.clickHandler},e.label)))),s("dso-icon-button",{key:"319beb77b8931ae142cd2bf2e4a6fdc0d3eaa787",icon:"cross",variant:"tertiary",label:this.text("closeLegend"),class:"close-button",onDsoClick:e=>this.dsoClose.emit({originalEvent:e.detail.originalEvent})})),s("dso-scrollable",{key:"8e7d2821f2ffd170effc0a7e46fe202ed4992b8b",class:"content"},s("div",{key:"d76f6c4a9689bb851bb8625263474ccef9427bf2",role:"tabpanel",tabIndex:0},s("slot",{key:"ac0a97d5910e0a4388765aab12af3875dafc5b70"}))))}get host(){return a(this)}};l.style="*,*::after,*::before{box-sizing:border-box}:host{position:relative;display:block;inline-size:344px;background-color:#fff;box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.3);border-radius:4px}:host .topbar{padding-block-start:8px;padding-inline:16px}:host .topbar .tabs{inline-size:100%;padding:0;list-style:none;display:inline-flex;border-block-end:1px solid #ccc}:host .topbar .tabs .tab{font-size:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit;background-color:transparent;cursor:pointer;display:block;border:0;color:#275937;padding-block:6px;padding-inline:8px;border-block-end:4px solid transparent}:host .topbar .tabs .tab:hover{text-decoration:underline}:host .topbar .tabs .tab.active{font-weight:bold;border-color:#8b4a6a}:host .topbar .close-button{position:absolute;inset-block-start:8px;inset-inline-end:8px}:host ::slotted(dso-legend-group:last-child){margin-block-end:8px}:host .content{--_dso-form-group-margin-block-end:0;--_dso-scrollable-container-border-end-start-radius:4px;--_dso-scrollable-container-border-end-end-radius:4px;--_dso-scrollable-container-padding-inline:16px;max-block-size:var(--_dso-legend-content-max-block-size, 52vh);border-end-start-radius:4px;border-end-end-radius:4px}";export{l as dso_legend}
+import{r as e,d as t,h as s,a as o,g as i}from"./p-2sI1K6K0.js";import{c as a}from"./p-ChV9xqsO.js";import{i as r}from"./p-xDSTG4OU.js";import{i as n}from"./p-Hgv-pDpy.js";const d={en:{"dso-legend":{closeLegend:"Close legend"}},nl:{"dso-legend":{closeLegend:"Sluit legenda"}}},l=class{constructor(s){e(this,s),this.dsoContentSwitch=t(this,"dsoContentSwitch",7),this.dsoClose=t(this,"dsoClose",7),this.tabItems=[],this.text=r((()=>this.host),d),this.keyUpHandler=e=>{if(e.target instanceof HTMLElement)switch(e.key){case"ArrowRight":case"ArrowDown":this.moveFocusToNextTab(e.target);break;case"ArrowLeft":case"ArrowUp":this.moveFocusToPreviousTab(e.target);break;default:return}},this.clickHandler=e=>{const t=this.tabs.findIndex((t=>t===e.currentTarget)),s=this.tabItems[t];s&&!s.active&&this.dsoContentSwitch.emit({originalEvent:e,isModifiedEvent:n(e)})}}get tabs(){return Array.from(this.host.shadowRoot.querySelectorAll('[role="tab"]'))}get firstTab(){return this.tabs[0]}get lastTab(){return this.tabs[this.tabs.length-1]}moveFocusToTab(e){e?.focus()}moveFocusToPreviousTab(e){const t=this.tabs.findIndex((t=>t===e));this.moveFocusToTab(this.tabs[t-1]??this.lastTab)}moveFocusToNextTab(e){const t=this.tabs.findIndex((t=>t===e));this.moveFocusToTab(this.tabs[t+1]??this.firstTab)}render(){return s(o,{key:"6c068495df817506eb9cb36c180014ca2b576e83"},s("div",{key:"d1894347ffa291f9f2a1ea2184f3290c654a26a5",class:"topbar"},s("div",{key:"37770064ed8439b568a1a842c3f9d30a7b1bb5d4",class:"tabs",role:"tablist",onKeyUp:this.keyUpHandler},this.tabItems.map((e=>s("button",{class:a("tab",{active:e.active}),role:"tab","aria-selected":e.active?"true":"false",...e.active?{}:{tabIndex:-1},onClick:this.clickHandler},e.label)))),s("dso-icon-button",{key:"b355c1a19204d9c348e74cd59d628e6fc8aba252",icon:"cross",variant:"tertiary",label:this.text("closeLegend"),class:"close-button",onDsoClick:e=>this.dsoClose.emit({originalEvent:e.detail.originalEvent})})),s("dso-scrollable",{key:"4a92cff1f0be3ac4f0cdb562061a5b39ea374c88",class:"content"},s("div",{key:"e8eaea56938f7d41e344fff4818bef8f18fe54b0",role:"tabpanel",tabIndex:0},s("slot",{key:"358aee3d3b750d7b3794e072444e048a5f5d3960"}))))}get host(){return i(this)}};l.style="*,*::after,*::before{box-sizing:border-box}:host{position:relative;display:block;inline-size:344px;background-color:#fff;box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.3);border-radius:4px}:host .topbar{padding-block-start:8px;padding-inline:16px}:host .topbar .tabs{inline-size:100%;padding:0;list-style:none;display:inline-flex;border-block-end:1px solid #ccc}:host .topbar .tabs .tab{font-size:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit;background-color:transparent;cursor:pointer;display:block;border:0;color:#275937;padding-block:6px;padding-inline:8px;border-block-end:4px solid transparent}:host .topbar .tabs .tab:hover{text-decoration:underline}:host .topbar .tabs .tab.active{font-weight:bold;border-color:#8b4a6a}:host .topbar .close-button{position:absolute;inset-block-start:8px;inset-inline-end:8px}:host ::slotted(dso-legend-group:last-child){margin-block-end:8px}:host .content{--_dso-form-group-margin-block-end:0;--_dso-scrollable-container-border-end-start-radius:4px;--_dso-scrollable-container-border-end-end-radius:4px;--_dso-scrollable-container-padding-inline:16px;max-block-size:var(--_dso-legend-content-max-block-size, 52vh);border-end-start-radius:4px;border-end-end-radius:4px}";export{l as dso_legend}

package/dist/dso-toolkit/{p-300882d5.entry.js → p-ec2fc65e.entry.js}

@@ -1 +1 @@
-import{r as e,h as d,F as t}from"./p-2sI1K6K0.js";const o=class{constructor(d){e(this,d)}render(){return d(t,{key:"fbd842d78dc7f545df95ec000859bc4837c23eae"},d("div",{key:"df40e9b6dbacf73db4cf8656df95a00801375f9d",class:"project-item-header"},d("div",{key:"d261820611c170fc3c29fe1068613b6f473b33cb",class:"project-item-title"},d("slot",{key:"93b04978237359ca028428911a2f57e17667c5b0",name:"title"}),this.label&&d("dso-label",{key:"56aaa5fe79e6e3f5dc9df1687ec3f0c862e144b2",status:"error",compact:!0},this.label)),d("div",{key:"f217ffc60903fc7a30d006f54e4b7d474a700b28",class:"project-item-actions"},d("slot",{key:"fc67bf12783c9da2612f3d677995396c461e565f",name:"actions"}))),d("div",{key:"e68fa3b25d48b481a959b0747f01e596df0fa8c8",class:"project-item-info"},d("div",{key:"4fe886f52e1026e41435b33ad8966ef68c473576",class:"project-item-progress"},d("slot",{key:"a4acc4d2524793c659d5303f135f732a67e715ac",name:"progress"})),d("div",{key:"413de77281b87d695c323068c3750ac06452f793",class:"project-item-status"},d("slot",{key:"2d9bca7bf50f2ba0d5684344c54d38c2dd35df4e",name:"status"}))))}};o.style=":host{display:block;padding:16px;border:1px solid #ccc;border-radius:4px}*,*::after,*::before{box-sizing:border-box}::slotted(dl[slot=progress]),::slotted(dl[slot=status]){--_dso-dl-margin-block-end:0;--_dso-dl-before-display:none;--_dso-dl-dt-font-weight:normal;--_dso-dl-dd-margin-block-start:0;--_dso-dl-dd-padding-inline-start:0;--_dso-dl-dt-inline-size:auto;--_dso-dl-dd-last-margin-block-end:0;--_dso-mark-bg-color:none;--_dso-mark-padding-block:0;--_dso-mark-color:inherit;--_dso-mark-font-weight:600;display:flex !important;flex-wrap:wrap;column-gap:16px}::slotted(dl[slot=progress]){--_dso-dl-dd-margin-inline-start:0}::slotted(dl.dso-inline[slot=status]),::slotted(dl.dso-inline-end[slot=status]){--_dso-dl-margin-block-end:0;--_dso-dl-dd-margin-inline-start:8px;--_dso-dl-dd-last-margin-block-end:0;--_dso-dl-before-display:none;--_dso-dl-dt-font-weight:normal;--_dso-mark-bg-color:none;--_dso-mark-padding-block:0;--_dso-mark-color:inherit;--_dso-mark-font-weight:600;--_dso-dl-font-size:0.875rem;display:block !important}::slotted([slot=title]){margin-block:0 !important;font-size:1.25rem !important}::slotted([slot=actions]){display:flex}.project-item-header{display:flex;gap:16px;flex-wrap:nowrap;align-items:flex-start;margin-block-end:16px}.project-item-title{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;flex-grow:1}.project-item-actions{display:flex;flex-shrink:0;flex-wrap:nowrap}.project-item-info{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.project-item-status{margin-inline-start:auto}";export{o as dso_project_item}
+import{r as e,h as d,F as t}from"./p-2sI1K6K0.js";const o=class{constructor(d){e(this,d)}render(){return d(t,{key:"a3d3cf7301b6fbe683b4043266b3e71a5d1eb17c"},d("div",{key:"b9c6d4246e73e4402f5782b98fbe0299f4188089",class:"project-item-header"},d("div",{key:"58d0ff3643d6950353bf871a7a63eed43250d7c2",class:"project-item-title"},d("slot",{key:"3e3615ee41121fe61d1ec5b31ed6b037bccef96c",name:"title"}),this.label&&d("dso-label",{key:"335aed255c4cd097a83453db3b61b7c1da0a4883",status:"error",compact:!0},this.label)),d("div",{key:"f49bc034b3b72e4f1421642886826a450fe05b10",class:"project-item-actions"},d("slot",{key:"057fae595524d3b95a51546491b988aef0f7fab0",name:"actions"}))),d("div",{key:"cff3cb719312b6657cc68f8cfd217cf0fc5ddd49",class:"project-item-info"},d("div",{key:"8689117f98f3f07fe820d17d01c893cd46199c17",class:"project-item-progress"},d("slot",{key:"8504a9aad446ff43584e27fb4b127f6e50123c8e",name:"progress"})),d("div",{key:"38a34c347101af1bbe5142578ffd42926cfdaab8",class:"project-item-status"},d("slot",{key:"1c38a35cfdd8767445d11ae55b519bcfbdff5dd2",name:"status"}))))}};o.style=":host{display:block;padding:16px;border:1px solid #ccc;border-radius:4px}*,*::after,*::before{box-sizing:border-box}::slotted(dl[slot=progress]),::slotted(dl[slot=status]){--_dso-dl-margin-block-end:0;--_dso-dl-before-display:none;--_dso-dl-dt-font-weight:normal;--_dso-dl-dd-margin-block-start:0;--_dso-dl-dd-padding-inline-start:0;--_dso-dl-dt-inline-size:auto;--_dso-dl-dd-last-margin-block-end:0;--_dso-mark-bg-color:none;--_dso-mark-padding-block:0;--_dso-mark-color:inherit;--_dso-mark-font-weight:600;display:flex !important;flex-wrap:wrap;column-gap:16px}::slotted(dl[slot=progress]){--_dso-dl-dd-margin-inline-start:0}::slotted(dl.dso-inline[slot=status]),::slotted(dl.dso-inline-end[slot=status]){--_dso-dl-margin-block-end:0;--_dso-dl-dd-margin-inline-start:8px;--_dso-dl-dd-last-margin-block-end:0;--_dso-dl-before-display:none;--_dso-dl-dt-font-weight:normal;--_dso-mark-bg-color:none;--_dso-mark-padding-block:0;--_dso-mark-color:inherit;--_dso-mark-font-weight:600;--_dso-dl-font-size:0.875rem;display:block !important}::slotted([slot=title]){margin-block:0 !important;font-size:1.25rem !important}::slotted([slot=actions]){display:flex}.project-item-header{display:flex;gap:16px;flex-wrap:nowrap;align-items:flex-start;margin-block-end:16px}.project-item-title{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;flex-grow:1}.project-item-actions{display:flex;flex-shrink:0;flex-wrap:nowrap}.project-item-info{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.project-item-status{margin-inline-start:auto}";export{o as dso_project_item}

package/dist/dso-toolkit/{p-32b07ce7.entry.js → p-fb8860e1.entry.js}

@@ -1 +1 @@
-import{r as e,d as t,h as n,g as i}from"./p-2sI1K6K0.js";const s=class{constructor(n){e(this,n),this.dsoChange=t(this,"dsoChange",3)}handleClick(e,t){t.preventDefault(),t.stopPropagation(),e.disabled||this.activeOption===e||this.dsoChange.emit({option:e,originalEvent:t})}render(){return n("div",{key:"c0f33653af6edbd39c8cb8f5d58ef0888c462e6e",class:"segmented-button",role:"radiogroup","aria-label":this.label,"aria-required":this.required?.toString()},this.options?.map((e=>n("label",null,n("input",{type:"radio",name:this.groupName,value:e.label,checked:this.activeOption===e,disabled:e.disabled,onClick:t=>this.handleClick(e,t)}),n("span",{class:"segment-label"},e.label)))))}get host(){return i(this)}};s.style="*,*::after,*::before{box-sizing:border-box}:host{display:inline-block}.segmented-button{display:inline-flex;gap:4px;border:1px solid #ccc;border-radius:12px;flex-wrap:nowrap}.segmented-button label{position:relative;user-select:none;flex-shrink:0}.segmented-button label:has(input:not(:disabled)):hover{cursor:pointer}.segmented-button label:has(input:not(:disabled)):hover input:not(:checked)+.segment-label{color:#275937}.segmented-button label:has(input:disabled) .segment-label{color:#afcf9d}.segmented-button input[type=radio]{position:absolute;opacity:0;inline-size:1px;block-size:1px;padding:0;margin:0}.segmented-button input[type=radio]:focus-visible+.segment-label{outline:2px solid #275937;outline-offset:2px}.segmented-button input[type=radio]:checked+.segment-label{background-color:#275937;color:#fff}.segmented-button .segment-label{display:inline-flex;align-items:center;justify-content:center;block-size:24px;font-size:1rem;font-weight:500;background:#fff;color:#39870c;border-radius:12px;padding-inline:12px}";export{s as dso_segmented_button}
+import{r as e,d as t,h as n,g as i}from"./p-2sI1K6K0.js";const s=class{constructor(n){e(this,n),this.dsoChange=t(this,"dsoChange",3)}handleClick(e,t){t.preventDefault(),t.stopPropagation(),e.disabled||this.activeOption===e||this.dsoChange.emit({option:e,originalEvent:t})}render(){return n("div",{key:"5110546b2be5c36449c107bccadadd7535f12640",class:"segmented-button",role:"radiogroup","aria-label":this.label,"aria-required":this.required?.toString()},this.options?.map((e=>n("label",null,n("input",{type:"radio",name:this.groupName,value:e.label,checked:this.activeOption===e,disabled:e.disabled,onClick:t=>this.handleClick(e,t)}),n("span",{class:"segment-label"},e.label)))))}get host(){return i(this)}};s.style="*,*::after,*::before{box-sizing:border-box}:host{display:inline-block}.segmented-button{display:inline-flex;gap:4px;border:1px solid #ccc;border-radius:12px;flex-wrap:nowrap}.segmented-button label{position:relative;user-select:none;flex-shrink:0}.segmented-button label:has(input:not(:disabled)):hover{cursor:pointer}.segmented-button label:has(input:not(:disabled)):hover input:not(:checked)+.segment-label{color:#275937}.segmented-button label:has(input:disabled) .segment-label{color:#afcf9d}.segmented-button input[type=radio]{position:absolute;opacity:0;inline-size:1px;block-size:1px;padding:0;margin:0}.segmented-button input[type=radio]:focus-visible+.segment-label{outline:2px solid #275937;outline-offset:2px}.segmented-button input[type=radio]:checked+.segment-label{background-color:#275937;color:#fff}.segmented-button .segment-label{display:inline-flex;align-items:center;justify-content:center;block-size:24px;font-size:1rem;font-weight:500;background:#fff;color:#39870c;border-radius:12px;padding-inline:12px}";export{s as dso_segmented_button}

package/dist/esm/dso-accordion-section.entry.js

@@ -8,7 +8,7 @@ const stateMap = {
     error: "fout:",
 };
 
-const accordionSectionCss = () => `*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}:host{display:block;--_dso-accordion-margin-block-end:0}:host .dso-section-handle{font-size:1em;font-weight:600;line-height:1.375em;margin:0;position:relative}:host .dso-section-handle>a:active{text-decoration:none}:host .dso-section-handle a{text-decoration:none}:host .dso-section-handle a:hover,:host .dso-section-handle a:focus-visible{text-decoration:none}:host .dso-section-handle a:active{text-decoration:underline}:host .dso-section-handle .dso-status{color:#000;font-size:0.875rem;font-weight:400}:host .dso-section-handle>button,:host .dso-section-handle>a{align-items:flex-start;background-color:transparent;border:0;cursor:pointer;display:flex;font-family:Asap, sans-serif;font-size:1em;font-weight:600;letter-spacing:inherit;line-height:1.375em;margin:0;padding-block:12px;padding-inline:16px;text-align:start;inline-size:100%;overflow-wrap:anywhere}:host .dso-section-handle>button dso-icon,:host .dso-section-handle>a dso-icon{flex-shrink:0}:host .dso-section-handle>button dso-icon.dso-section-handle-chevron,:host .dso-section-handle>a dso-icon.dso-section-handle-chevron{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transform:rotate(0)}:host .dso-section-handle>button>.dso-section-handle-addons:first-child,:host .dso-section-handle>button>dso-icon:first-child,:host .dso-section-handle>a>.dso-section-handle-addons:first-child,:host .dso-section-handle>a>dso-icon:first-child{margin-inline-end:8px}:host .dso-section-handle>button>dso-icon:last-child,:host .dso-section-handle>a>dso-icon:last-child{margin-inline-start:auto}:host .dso-section-handle>button>.dso-section-handle-addons:last-child,:host .dso-section-handle>a>.dso-section-handle-addons:last-child{margin-inline-start:auto}:host .dso-section-handle>button>.dso-section-handle-addons:last-child dso-attachments-counter,:host .dso-section-handle>button>.dso-section-handle-addons:last-child dso-icon,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-attachments-counter,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-icon{margin-inline-start:8px}:host .dso-section-handle>button>dso-label,:host .dso-section-handle>a>dso-label{margin-inline-start:auto;padding-inline-start:8px;word-break:normal}:host .dso-section-handle>button>dso-label+dso-icon:last-child,:host .dso-section-handle>button>dso-label+.dso-section-handle-addons:last-child,:host .dso-section-handle>a>dso-label+dso-icon:last-child,:host .dso-section-handle>a>dso-label+.dso-section-handle-addons:last-child{margin-inline-start:8px}:host([open]:not([open=false])) .dso-section-handle>button .dso-section-handle-chevron:first-child,:host([open]:not([open=false])) .dso-section-handle>a .dso-section-handle-chevron:first-child{transform:rotate(90deg)}:host([open]:not([open=false])) .dso-section-handle>button .dso-section-handle-chevron:last-child,:host([open]:not([open=false])) .dso-section-handle>a .dso-section-handle-chevron:last-child{transform:rotate(-180deg)}.dso-section-body{background-color:#fff;border-block-start:0}.dso-section-body .dso-section-body-content{padding-block:20px 16px;padding-inline:16px}::slotted([slot=badge]){margin-inline:8px !important}:host(.dso-accordion-default){border:1px solid #8b4a6a;border-radius:4px}:host(.dso-accordion-default) .dso-section-handle{background-color:#fff;border-radius:4px}:host(.dso-accordion-default) .dso-section-handle a,:host(.dso-accordion-default) .dso-section-handle button{color:#8b4a6a}:host(.dso-accordion-default) .dso-section-handle a:hover,:host(.dso-accordion-default) .dso-section-handle a:active,:host(.dso-accordion-default) .dso-section-handle a.active,:host(.dso-accordion-default) .dso-section-handle button:hover,:host(.dso-accordion-default) .dso-section-handle button:active,:host(.dso-accordion-default) .dso-section-handle button.active{color:#8b4a6a}:host(.dso-accordion-default) .dso-section-handle .dso-status{text-decoration:underline}:host(.dso-accordion-default) .dso-section-body{border-radius:0 0 4px 4px}:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle{background-color:#8b4a6a;border-radius:0}:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle a,:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle button{color:#fff}:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#fff;--dso-icon:var(--di-paperclip-wit)}:host(.dso-accordion-default.dso-nested-accordion[open]:not([open=false])) .dso-section-body{background-color:#e5e5e5}:host(.dso-accordion-compact) .dso-section-handle{border-block-end:1px solid transparent;border-block-start:1px solid #ccc}:host(.dso-accordion-compact) .dso-section-handle a,:host(.dso-accordion-compact) .dso-section-handle button{color:#39870c;padding-block-end:11px;padding-inline-start:0;padding-block-start:11px}:host(.dso-accordion-compact) .dso-section-handle a:hover,:host(.dso-accordion-compact) .dso-section-handle a:active,:host(.dso-accordion-compact) .dso-section-handle a.active,:host(.dso-accordion-compact) .dso-section-handle button:hover,:host(.dso-accordion-compact) .dso-section-handle button:active,:host(.dso-accordion-compact) .dso-section-handle button.active{color:#39870c}:host(.dso-accordion-compact) .dso-section-handle .dso-status{color:#000}:host(.dso-accordion-compact) .dso-section-body .dso-section-body-content{--_dso-heading-h2-color:#191919;--_dso-heading-h3-color:#191919;--_dso-heading-h4-color:#191919;padding-inline-start:32px;padding-block-start:0;padding-inline-end:0}:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle a,:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle button{padding-inline:16px 0}:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-body .dso-section-body-content{padding-inline-start:16px;padding-inline-end:0}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle{background-color:transparent}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button{color:#39870c}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a:hover,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a:active,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a.active,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button:hover,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button:active,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button.active{color:#39870c}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#666;--dso-icon:var(--di-paperclip-grijs)}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-body{border-block-start:0}:host(.dso-accordion-compact.dso-nested-accordion[open]:not([open=false]))>.dso-section-body{padding-block-end:0}:host(.dso-accordion-compact.dso-nested-accordion[open]:not([open=false]))>.dso-section-body dso-accordion-section:last-child{border-block-end:0}:host(.dso-accordion-compact-black) .dso-section-handle{border-block-end:1px solid transparent;border-block-start:1px solid #ccc}:host(.dso-accordion-compact-black) .dso-section-handle a,:host(.dso-accordion-compact-black) .dso-section-handle button:not(.dso-slider){color:#000;padding-block-end:11px;padding-inline-start:0;padding-block-start:11px}:host(.dso-accordion-compact-black) .dso-section-handle a:hover,:host(.dso-accordion-compact-black) .dso-section-handle a:active,:host(.dso-accordion-compact-black) .dso-section-handle a.active,:host(.dso-accordion-compact-black) .dso-section-handle button:not(.dso-slider):hover,:host(.dso-accordion-compact-black) .dso-section-handle button:not(.dso-slider):active,:host(.dso-accordion-compact-black) .dso-section-handle button:not(.dso-slider).active{color:#000}:host(.dso-accordion-compact-black) .dso-section-body .dso-section-body-content{padding-inline-start:32px;padding-block-start:0;padding-inline-end:0}:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle{border-block-end:1px solid transparent;border-block-start:1px solid #ccc}:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle a,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle button:not(.dso-slider){color:#000;padding-block-end:11px;padding-inline-start:0;padding-block-start:11px}:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle a:hover,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle a:active,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle a.active,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle button:not(.dso-slider):hover,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle button:not(.dso-slider):active,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle button:not(.dso-slider).active{color:#000}:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-body .dso-section-body-content{padding-inline-start:32px;padding-block-start:0;padding-inline-end:0}:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle{display:flex}:host(.dso-accordion-compact-black.dso-accordion-section-activate) dso-slide-toggle{margin-block-start:11px;margin-inline:8px}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-voegtoe){background-color:#e4f1d4}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-voegtoe) .dso-section-body{background-color:#e4f1d4}:host(.dso-accordion-compact-black.dso-accordion-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;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder){font-family:sans-serif}}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder){background-color:#f5d8dc}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder) .dso-section-body{background-color:#f5d8dc}:host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-handle a,:host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-handle button{padding-inline:16px 0}:host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-body .dso-section-body-content{padding-inline-start:16px;padding-inline-end:0}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle{background-color:transparent}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button{color:#000}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a:hover,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a:active,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a.active,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button:hover,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button:active,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button.active{color:#000}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#666;--dso-icon:var(--di-paperclip-grijs)}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-body{border-block-start:0}:host(.dso-accordion-compact-black.dso-nested-accordion[open]:not([open=false]))>.dso-section-body{padding-block-end:0}:host(.dso-accordion-compact-black.dso-nested-accordion[open]:not([open=false]))>.dso-section-body dso-accordion-section:last-child{border-block-end:0}:host(.dso-accordion-conclusion) .dso-section-handle{background-color:#f2f2f2;border:1px solid #f2f2f2}:host(.dso-accordion-conclusion) .dso-section-handle a,:host(.dso-accordion-conclusion) .dso-section-handle button{color:#000}:host(.dso-accordion-conclusion) .dso-section-handle a:hover,:host(.dso-accordion-conclusion) .dso-section-handle a:active,:host(.dso-accordion-conclusion) .dso-section-handle a.active,:host(.dso-accordion-conclusion) .dso-section-handle button:hover,:host(.dso-accordion-conclusion) .dso-section-handle button:active,:host(.dso-accordion-conclusion) .dso-section-handle button.active{background-color:#e5e5e5}:host(.dso-accordion-conclusion) .dso-section-handle a dso-attachments-counter,:host(.dso-accordion-conclusion) .dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#000;--dso-icon:var(--di-paperclip-zwart)}:host(.dso-accordion-conclusion) .dso-section-body{border:2px solid #f2f2f2}:host(.dso-accordion-conclusion[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle{background-color:#f2f2f2}:host(.dso-accordion-conclusion.dso-nested-accordion[open]:not([open=false])){background-color:#fff}:host(.dso-accordion-neutral) .dso-section-handle{background-color:transparent;border:none;border-radius:4px;margin-block-end:2px}:host(.dso-accordion-neutral) .dso-section-handle a,:host(.dso-accordion-neutral) .dso-section-handle button{color:#000;padding-block:5px;padding-inline:0}:host(.dso-accordion-neutral) .dso-section-handle a:hover,:host(.dso-accordion-neutral) .dso-section-handle a:active,:host(.dso-accordion-neutral) .dso-section-handle a.active,:host(.dso-accordion-neutral) .dso-section-handle button:hover,:host(.dso-accordion-neutral) .dso-section-handle button:active,:host(.dso-accordion-neutral) .dso-section-handle button.active{color:#000}:host(.dso-accordion-neutral) .dso-section-handle a .info-icon,:host(.dso-accordion-neutral) .dso-section-handle button .info-icon{color:#39870c;margin-inline-start:8px}:host(.dso-accordion-neutral) .dso-section-handle dso-icon{vertical-align:top}:host(.dso-accordion-neutral) .dso-section-body[open],:host(.dso-accordion-neutral) .dso-section-body:not(.dso-hide){background-color:transparent;border:1px solid #275937;box-shadow:1px 3px 4px rgba(0, 0, 0, 0.5);margin-block:-2px 0}:host(.dso-accordion-neutral) .dso-section-body[open].dso-animate-ready,:host(.dso-accordion-neutral) .dso-section-body:not(.dso-hide).dso-animate-ready{transition-property:grid-template-rows, margin-block, border, opacity}:host(.dso-accordion-neutral) .dso-section-body[open] .dso-section-body-content,:host(.dso-accordion-neutral) .dso-section-body:not(.dso-hide) .dso-section-body-content{padding-block:16px 24px;padding-inline:16px}@media screen and (min-width: 480px){:host(.dso-accordion-neutral) .dso-section-body[open] .dso-section-body-content,:host(.dso-accordion-neutral) .dso-section-body:not(.dso-hide) .dso-section-body-content{padding-block:16px 24px;padding-inline:32px}}:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle{background-color:transparant;border-radius:0;border-start-start-radius:4px;border-start-end-radius:4px}:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle a,:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle button{color:#000}:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#fff;--dso-icon:var(--di-paperclip-wit)}:host(.dso-accordion-neutral[open]:not([open=false])) .dso-section-body{margin-block-end:16px;margin-block-start:2px}:host(.dso-accordion-neutral.dso-nested-accordion[open]:not([open=false])) .dso-section-body{background-color:#e5e5e5}`;
+const accordionSectionCss = () => `*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}:host{display:block;--_dso-accordion-margin-block-end:0}:host .dso-section-handle{font-size:1em;font-weight:600;line-height:1.375em;margin:0;position:relative}:host .dso-section-handle>a:active{text-decoration:none}:host .dso-section-handle a{text-decoration:none}:host .dso-section-handle a:hover,:host .dso-section-handle a:focus-visible{text-decoration:none}:host .dso-section-handle a:active{text-decoration:underline}:host .dso-section-handle .dso-status{color:#000;font-size:0.875rem;font-weight:400}:host .dso-section-handle>button,:host .dso-section-handle>a{align-items:flex-start;background-color:transparent;border:0;cursor:pointer;display:flex;font-family:Asap, sans-serif;font-size:1em;font-weight:600;letter-spacing:inherit;line-height:1.375em;margin:0;padding-block:12px;padding-inline:16px;text-align:start;inline-size:100%;overflow-wrap:anywhere}:host .dso-section-handle>button dso-icon,:host .dso-section-handle>a dso-icon{flex-shrink:0}:host .dso-section-handle>button dso-icon.dso-section-handle-chevron,:host .dso-section-handle>a dso-icon.dso-section-handle-chevron{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transform:rotate(0)}:host .dso-section-handle>button>.dso-section-handle-addons:first-child,:host .dso-section-handle>button>dso-icon:first-child,:host .dso-section-handle>a>.dso-section-handle-addons:first-child,:host .dso-section-handle>a>dso-icon:first-child{margin-inline-end:8px}:host .dso-section-handle>button>dso-icon:last-child,:host .dso-section-handle>a>dso-icon:last-child{margin-inline-start:auto}:host .dso-section-handle>button>.dso-section-handle-addons:last-child,:host .dso-section-handle>a>.dso-section-handle-addons:last-child{margin-inline-start:auto}:host .dso-section-handle>button>.dso-section-handle-addons:last-child dso-attachments-counter,:host .dso-section-handle>button>.dso-section-handle-addons:last-child dso-icon,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-attachments-counter,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-icon{margin-inline-start:8px}:host .dso-section-handle>button>dso-label,:host .dso-section-handle>a>dso-label{margin-inline-start:auto;padding-inline-start:8px;word-break:normal}:host .dso-section-handle>button>dso-label+dso-icon:last-child,:host .dso-section-handle>button>dso-label+.dso-section-handle-addons:last-child,:host .dso-section-handle>a>dso-label+dso-icon:last-child,:host .dso-section-handle>a>dso-label+.dso-section-handle-addons:last-child{margin-inline-start:8px}:host([open]:not([open=false])) .dso-section-handle>button .dso-section-handle-chevron:first-child,:host([open]:not([open=false])) .dso-section-handle>a .dso-section-handle-chevron:first-child{transform:rotate(90deg)}:host([open]:not([open=false])) .dso-section-handle>button .dso-section-handle-chevron:last-child,:host([open]:not([open=false])) .dso-section-handle>a .dso-section-handle-chevron:last-child{transform:rotate(-180deg)}.dso-section-body{background-color:#fff;border-block-start:0}.dso-section-body .dso-section-body-content{--_dso-accordion-compact-border-block-end:initial;--_dso-accordion-compact-margin-block-end:initial;--_dso-card-container-list-border-block-end:initial;--_dso-card-container-list-margin-block-end:initial;padding-block:20px 16px;padding-inline:16px}::slotted([slot=badge]){margin-inline:8px !important}:host(:is(.dso-accordion-compact,.dso-accordion-compact-black)) ::slotted(:not([slot]):last-child){--_dso-accordion-compact-border-block-end:0 !important;--_dso-accordion-compact-margin-block-end:-16px !important;--_dso-card-container-list-border-block-end:0 !important;--_dso-card-container-list-margin-block-end:-16px !important}:host(.dso-accordion-default){border:1px solid #8b4a6a;border-radius:4px}:host(.dso-accordion-default) .dso-section-handle{background-color:#fff;border-radius:4px}:host(.dso-accordion-default) .dso-section-handle a,:host(.dso-accordion-default) .dso-section-handle button{color:#8b4a6a}:host(.dso-accordion-default) .dso-section-handle a:hover,:host(.dso-accordion-default) .dso-section-handle a:active,:host(.dso-accordion-default) .dso-section-handle a.active,:host(.dso-accordion-default) .dso-section-handle button:hover,:host(.dso-accordion-default) .dso-section-handle button:active,:host(.dso-accordion-default) .dso-section-handle button.active{color:#8b4a6a}:host(.dso-accordion-default) .dso-section-handle .dso-status{text-decoration:underline}:host(.dso-accordion-default) .dso-section-body{border-radius:0 0 4px 4px}:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle{background-color:#8b4a6a;border-radius:0}:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle a,:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle button{color:#fff}:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#fff;--dso-icon:var(--di-paperclip-wit)}:host(.dso-accordion-default.dso-nested-accordion[open]:not([open=false])) .dso-section-body{background-color:#e5e5e5}:host(.dso-accordion-compact) .dso-section-handle{border-block-end:1px solid transparent;border-block-start:1px solid #ccc}:host(.dso-accordion-compact) .dso-section-handle a,:host(.dso-accordion-compact) .dso-section-handle button{color:#39870c;padding-block-end:11px;padding-inline-start:0;padding-block-start:11px}:host(.dso-accordion-compact) .dso-section-handle a:hover,:host(.dso-accordion-compact) .dso-section-handle a:active,:host(.dso-accordion-compact) .dso-section-handle a.active,:host(.dso-accordion-compact) .dso-section-handle button:hover,:host(.dso-accordion-compact) .dso-section-handle button:active,:host(.dso-accordion-compact) .dso-section-handle button.active{color:#39870c}:host(.dso-accordion-compact) .dso-section-handle .dso-status{color:#000}:host(.dso-accordion-compact) .dso-section-body .dso-section-body-content{--_dso-heading-h2-color:#191919;--_dso-heading-h3-color:#191919;--_dso-heading-h4-color:#191919;padding-inline-start:32px;padding-block-start:0;padding-inline-end:0}:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle a,:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle button{padding-inline:16px 0}:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-body .dso-section-body-content{padding-inline-start:16px;padding-inline-end:0}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle{background-color:transparent}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button{color:#39870c}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a:hover,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a:active,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a.active,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button:hover,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button:active,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button.active{color:#39870c}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#666;--dso-icon:var(--di-paperclip-grijs)}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-body{border-block-start:0}:host(.dso-accordion-compact.dso-nested-accordion[open]:not([open=false]))>.dso-section-body{padding-block-end:0}:host(.dso-accordion-compact-black) .dso-section-handle{border-block-end:1px solid transparent;border-block-start:1px solid #ccc}:host(.dso-accordion-compact-black) .dso-section-handle a,:host(.dso-accordion-compact-black) .dso-section-handle button:not(.dso-slider){color:#000;padding-block-end:11px;padding-inline-start:0;padding-block-start:11px}:host(.dso-accordion-compact-black) .dso-section-handle a:hover,:host(.dso-accordion-compact-black) .dso-section-handle a:active,:host(.dso-accordion-compact-black) .dso-section-handle a.active,:host(.dso-accordion-compact-black) .dso-section-handle button:not(.dso-slider):hover,:host(.dso-accordion-compact-black) .dso-section-handle button:not(.dso-slider):active,:host(.dso-accordion-compact-black) .dso-section-handle button:not(.dso-slider).active{color:#000}:host(.dso-accordion-compact-black) .dso-section-body .dso-section-body-content{padding-inline-start:32px;padding-block-start:0;padding-inline-end:0}:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle{border-block-end:1px solid transparent;border-block-start:1px solid #ccc}:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle a,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle button:not(.dso-slider){color:#000;padding-block-end:11px;padding-inline-start:0;padding-block-start:11px}:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle a:hover,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle a:active,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle a.active,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle button:not(.dso-slider):hover,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle button:not(.dso-slider):active,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle button:not(.dso-slider).active{color:#000}:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-body .dso-section-body-content{padding-inline-start:32px;padding-block-start:0;padding-inline-end:0}:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle{display:flex}:host(.dso-accordion-compact-black.dso-accordion-section-activate) dso-slide-toggle{margin-block-start:11px;margin-inline:8px}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-voegtoe){background-color:#e4f1d4}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-voegtoe) .dso-section-body{background-color:#e4f1d4}:host(.dso-accordion-compact-black.dso-accordion-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;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder){font-family:sans-serif}}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder){background-color:#f5d8dc}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder) .dso-section-body{background-color:#f5d8dc}:host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-handle a,:host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-handle button{padding-inline:16px 0}:host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-body .dso-section-body-content{padding-inline-start:16px;padding-inline-end:0}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle{background-color:transparent}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button{color:#000}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a:hover,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a:active,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a.active,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button:hover,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button:active,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button.active{color:#000}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#666;--dso-icon:var(--di-paperclip-grijs)}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-body{border-block-start:0}:host(.dso-accordion-compact-black.dso-nested-accordion[open]:not([open=false]))>.dso-section-body{padding-block-end:0}:host(.dso-accordion-conclusion) .dso-section-handle{background-color:#f2f2f2;border:1px solid #f2f2f2}:host(.dso-accordion-conclusion) .dso-section-handle a,:host(.dso-accordion-conclusion) .dso-section-handle button{color:#000}:host(.dso-accordion-conclusion) .dso-section-handle a:hover,:host(.dso-accordion-conclusion) .dso-section-handle a:active,:host(.dso-accordion-conclusion) .dso-section-handle a.active,:host(.dso-accordion-conclusion) .dso-section-handle button:hover,:host(.dso-accordion-conclusion) .dso-section-handle button:active,:host(.dso-accordion-conclusion) .dso-section-handle button.active{background-color:#e5e5e5}:host(.dso-accordion-conclusion) .dso-section-handle a dso-attachments-counter,:host(.dso-accordion-conclusion) .dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#000;--dso-icon:var(--di-paperclip-zwart)}:host(.dso-accordion-conclusion) .dso-section-body{border:2px solid #f2f2f2}:host(.dso-accordion-conclusion[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle{background-color:#f2f2f2}:host(.dso-accordion-conclusion.dso-nested-accordion[open]:not([open=false])){background-color:#fff}:host(.dso-accordion-neutral) .dso-section-handle{background-color:transparent;border:none;border-radius:4px;margin-block-end:2px}:host(.dso-accordion-neutral) .dso-section-handle a,:host(.dso-accordion-neutral) .dso-section-handle button{color:#000;padding-block:5px;padding-inline:0}:host(.dso-accordion-neutral) .dso-section-handle a:hover,:host(.dso-accordion-neutral) .dso-section-handle a:active,:host(.dso-accordion-neutral) .dso-section-handle a.active,:host(.dso-accordion-neutral) .dso-section-handle button:hover,:host(.dso-accordion-neutral) .dso-section-handle button:active,:host(.dso-accordion-neutral) .dso-section-handle button.active{color:#000}:host(.dso-accordion-neutral) .dso-section-handle a .info-icon,:host(.dso-accordion-neutral) .dso-section-handle button .info-icon{color:#39870c;margin-inline-start:8px}:host(.dso-accordion-neutral) .dso-section-handle dso-icon{vertical-align:top}:host(.dso-accordion-neutral) .dso-section-body[open],:host(.dso-accordion-neutral) .dso-section-body:not(.dso-hide){background-color:transparent;border:1px solid #275937;box-shadow:1px 3px 4px rgba(0, 0, 0, 0.5);margin-block:-2px 0}:host(.dso-accordion-neutral) .dso-section-body[open].dso-animate-ready,:host(.dso-accordion-neutral) .dso-section-body:not(.dso-hide).dso-animate-ready{transition-property:grid-template-rows, margin-block, border, opacity}:host(.dso-accordion-neutral) .dso-section-body[open] .dso-section-body-content,:host(.dso-accordion-neutral) .dso-section-body:not(.dso-hide) .dso-section-body-content{padding-block:16px 24px;padding-inline:16px}@media screen and (min-width: 480px){:host(.dso-accordion-neutral) .dso-section-body[open] .dso-section-body-content,:host(.dso-accordion-neutral) .dso-section-body:not(.dso-hide) .dso-section-body-content{padding-block:16px 24px;padding-inline:32px}}:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle{background-color:transparant;border-radius:0;border-start-start-radius:4px;border-start-end-radius:4px}:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle a,:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle button{color:#000}:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#fff;--dso-icon:var(--di-paperclip-wit)}:host(.dso-accordion-neutral[open]:not([open=false])) .dso-section-body{margin-block-end:16px;margin-block-start:2px}:host(.dso-accordion-neutral.dso-nested-accordion[open]:not([open=false])) .dso-section-body{background-color:#e5e5e5}`;
 
 /* eslint-disable no-console */
 const log = window["_dsoLog"] === true ? console.log.bind(console.log) : function () { };

package/dist/esm/dso-accordion.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, a as Host, g as getElement } from './index-2sI1K6K0.js';
 import { c as createStore } from './index-LpJ181Xi.js';
 
-const accordionCss = () => `:host{display:block;margin-block-end:var(--_dso-accordion-margin-block-end, 32px)}*,*::after,*::before{box-sizing:border-box}::slotted(dso-accordion-section:not(:first-child,.dso-accordion-compact,.dso-accordion-compact-black)){margin-block-start:4px}::slotted(dso-accordion-section.dso-accordion-compact:last-child),::slotted(dso-accordion-section.dso-accordion-compact-black:last-child){border-block-end:1px solid #ccc}`;
+const accordionCss = () => `:host{display:block;margin-block-end:var(--_dso-accordion-margin-block-end, 32px)}*,*::after,*::before{box-sizing:border-box}::slotted(dso-accordion-section:not(:first-child,.dso-accordion-compact,.dso-accordion-compact-black)){margin-block-start:4px}::slotted(dso-accordion-section.dso-accordion-compact:last-child),::slotted(dso-accordion-section.dso-accordion-compact-black:last-child){border-block-end:1px solid #ccc}:host(:last-child) ::slotted(dso-accordion-section.dso-accordion-compact:last-child),:host(:last-child) ::slotted(dso-accordion-section.dso-accordion-compact-black:last-child){border-block-end:var(--_dso-accordion-compact-border-block-end, 1px solid #ccc);margin-block-end:var(--_dso-accordion-compact-margin-block-end, 0) !important}`;
 
 const Accordion = class {
     constructor(hostRef) {

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

@@ -1339,7 +1339,7 @@ const OzonContent = class {
             annotated: this.annotated,
         };
         const transformed = mapper.transform(this.content, context);
-        return h(Fragment, { key: 'b76985a108955329d35af34b3080b6f01cbb0028' }, transformed);
+        return h(Fragment, { key: '9f84987b4c059e17ca3e42856ec35dff55ac560d' }, transformed);
     }
     static get watchers() { return {
         "content": [{
@@ -1401,7 +1401,7 @@ const OzonContentToggletip = class {
         this.toggletipController.dispose();
     }
     render() {
-        return (h(Fragment, { key: '6d5be807cf158c00f3d4f05fd7efc57db129cbbe' }, h("span", { key: 'ba1c43b9cc4dfa31d14a14edc91a2ace53421f1e', "aria-describedby": this.active ? "toggletip-tooltip" : undefined, "aria-expanded": this.active.toString(), class: "toggletip-button", role: "button", tabIndex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, this.icon && (h(Fragment, { key: '6026b1e15d63818aadf2e081166dc1e866e39a92' }, h("span", { key: 'c0dbd9f14ee7e75dc2307f83d8f1489f94f5d2e0', class: "toggletip-label" }, h("slot", { key: 'a07de5dbf2fd7de47d980c35192fdaff97e171e1', name: "label" })), "\u2060", h("dso-icon", { key: '241ac5ac96282429d493ce11f1db870b51c2de34', icon: this.icon }))), !this.icon && h("slot", { key: 'b0413a7b70ae51c002f8ed79cdd4c82cd95665cc', name: "label" })), h(Tooltip, { key: 'd23cb3fa9af1f1e0fd092532a950012992a86f9e', id: "toggletip-tooltip", tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, h("dso-scrollable", { key: '1e92fb2d79f11aed9ba447ee6d6acc8c822382d3', ref: (element) => (this.restrictContentElement = element), id: "toggletip-content", "aria-live": "polite" }, h("slot", { key: '542f1d5c5bea180a35ba43b120bbe393395b8a0e' })))));
+        return (h(Fragment, { key: '57bc000d9ae9edf8f0e41c52545686bf19a644e5' }, h("span", { key: '4b0ae2bd310269c4bcb2f999523c4d1360859b5b', "aria-describedby": this.active ? "toggletip-tooltip" : undefined, "aria-expanded": this.active.toString(), class: "toggletip-button", role: "button", tabIndex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, this.icon && (h(Fragment, { key: '9d7d66a9cded8985b67003ee9babb76fcfd4f888' }, h("span", { key: '05dbe58544c10df33d5716d9cfd820aa3880556a', class: "toggletip-label" }, h("slot", { key: '7d3fe87c04cd0ee8e25418cba2d977d729bce437', name: "label" })), "\u2060", h("dso-icon", { key: '0d186f4459a5ac8a9a17154dffc139b18cb0eb70', icon: this.icon }))), !this.icon && h("slot", { key: '94f8037c3854965fff3a0579b263924f6e6162a3', name: "label" })), h(Tooltip, { key: '667d087ce9c7c5f0c61fd7eb64b55a3ceff16cbd', id: "toggletip-tooltip", tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, h("dso-scrollable", { key: '7e5642bb9ecda5e0a1080e14fec75208ec345bf1', ref: (element) => (this.restrictContentElement = element), id: "toggletip-content", "aria-live": "polite" }, h("slot", { key: '5aaa2d84764df8d02088f4fe3c77ac13a450fcdd' })))));
     }
     get host() { return getElement(this); }
 };
@@ -1433,7 +1433,7 @@ const Panel = class {
         this.text = i18n(() => this.host, translations);
     }
     render() {
-        return (h("div", { key: '5b81375974d8d11a0462df7c694c52c3f2a798a7', class: clsx(["dso-panel", { emphasized: this.emphasized }]) }, h("div", { key: 'b824a62964522377a144ddb4ba3b5dd4fa299c17', class: "panel-heading" }, h("slot", { key: '3bd31ee54d5b7ee08a8f9780a678c6d54d7b3b72', name: "heading" }), h("dso-icon-button", { key: 'e1f52f75e650affa433a205f37c42e179c01d75e', icon: "cross", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), h("div", { key: 'aeede848e4146fa72911e2cb4bfd2eb686fe7159', class: "panel-body" }, h("slot", { key: '3313c2ed613913ee014071f8803e287c8fd7c9ff' }))));
+        return (h("div", { key: 'fdcef28b2c5de26f2213133d70a7bba233169e70', class: clsx(["dso-panel", { emphasized: this.emphasized }]) }, h("div", { key: '103979cf987d46596d5c8b440163bf72e5bb3d74', class: "panel-heading" }, h("slot", { key: '75816074542c74dce6c2142a87f641ea35287476', name: "heading" }), h("dso-icon-button", { key: 'aa89b842cd9159f0a136668b391f7c0e3a97d328', icon: "cross", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), h("div", { key: '11fe6ce29a384f5bf53fd3ae3e49ac910ba391f5', class: "panel-body" }, h("slot", { key: '10d6c013559e598e027c604eba614707fd0d8423' }))));
     }
     get host() { return getElement(this); }
 };
@@ -1496,7 +1496,7 @@ const Table = class {
     render() {
         const caption = this.host.querySelector(":scope > table > caption")?.textContent?.trim();
         const dialogLabel = caption || "Uitvergrote tabel";
-        return (h(Host, { key: '8fc50f457933f687048719f717917d959252d288', "is-responsive": this.isResponsive?.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: 'f1371e96868734154cb211d0f1001051f9de2656', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (h("dso-modal", { modalTitle: caption ? dialogLabel : undefined, closable: true, returnFocus: false, onDsoClose: () => this.closeModal() }, !caption && (h("span", { slot: "body", class: "sr-only" }, dialogLabel)), h("div", { slot: "body", class: "dso-table-body" }, h("slot", null)))) : (h(Fragment, null, h("div", { class: "dso-table-utilities", hidden: !this.isResponsive && this.noModal }, this.isResponsive && (h("div", { class: "dso-responsive-message" }, h("span", null, "beweeg de tabel van links naar rechts"))), !this.noModal && h("slot", { name: "open-modal-button" })), h("div", { class: "dso-table-body" }, h("slot", null))))));
+        return (h(Host, { key: 'cc679e90e830606f3b1d131fe537ecde181444eb', "is-responsive": this.isResponsive?.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: 'b3d883e89ebbf1918aa23c2a1d2ae35eb8e713cd', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (h("dso-modal", { modalTitle: caption ? dialogLabel : undefined, closable: true, returnFocus: false, onDsoClose: () => this.closeModal() }, !caption && (h("span", { slot: "body", class: "sr-only" }, dialogLabel)), h("div", { slot: "body", class: "dso-table-body" }, h("slot", null)))) : (h(Fragment, null, h("div", { class: "dso-table-utilities", hidden: !this.isResponsive && this.noModal }, this.isResponsive && (h("div", { class: "dso-responsive-message" }, h("span", null, "beweeg de tabel van links naar rechts"))), !this.noModal && h("slot", { name: "open-modal-button" })), h("div", { class: "dso-table-body" }, h("slot", null))))));
     }
     openModal() {
         this.placeholderHeight = this.host.clientHeight;

package/dist/esm/dso-card-container.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, F as Fragment } from './index-2sI1K6K0.js';
 
-const cardContainerCss = () => `:host .dso-card-list{padding-inline-start:0;list-style:none;border-block-end:1px solid #ccc;margin-block-start:-1px}:host .dso-card-list ::slotted(li){border-block-start:1px solid #ccc}:host .dso-card-grid{display:grid;gap:32px;grid-auto-rows:1fr}:host .dso-card-grid ::slotted(dso-card){box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}@media (max-width: 991px){:host .dso-card-grid{grid-template-columns:repeat(1, 1fr)}}@media (min-width: 992px) and (max-width: 1199px){:host .dso-card-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1200px){:host .dso-card-grid{grid-template-columns:repeat(3, 1fr)}}`;
+const cardContainerCss = () => `:host .dso-card-list{padding-inline-start:0;list-style:none;border-block-end:1px solid #ccc;margin-block-start:-1px}:host .dso-card-list ::slotted(li){border-block-start:1px solid #ccc}:host .dso-card-grid{display:grid;gap:32px;grid-auto-rows:1fr}:host .dso-card-grid ::slotted(dso-card){box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}@media (max-width: 991px){:host .dso-card-grid{grid-template-columns:repeat(1, 1fr)}}@media (min-width: 992px) and (max-width: 1199px){:host .dso-card-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1200px){:host .dso-card-grid{grid-template-columns:repeat(3, 1fr)}}:host(:last-child) .dso-card-list{border-block-end:var(--_dso-card-container-list-border-block-end, 1px solid #ccc);margin-block-end:var(--_dso-card-container-list-margin-block-end, 1em)}`;
 
 const CardContainer = class {
     constructor(hostRef) {

package/dist/esm/dso-card.entry.js

@@ -30,8 +30,8 @@ const Card = class {
     }
     render() {
         const isSelectable = this.selectableSlottedElement !== null;
-        return (h(Host, { key: '239305b16722e3ef5d1df2f5a34dc1c8bd6fa941', "is-selectable": isSelectable }, h("div", { key: 'dda09722c769d5a20efb3de4c7d03ef4e676c051', class: "dso-card-container" }, h("div", { key: 'ae42d84176d062922bdaebce517d984f36d3410c', class: "dso-card-selectable", hidden: !isSelectable }, h("slot", { key: '4734836c7971885e8ae84fb919a5aceaa9713f1c', name: "selectable" })), h("div", { key: '67035bf8eeb78bdf5ec00d5d5e63aaeb36600971', class: "dso-card-heading" }, (this.mode === "extern" && (h("a", { key: '52ec88ae6644d176b676b38f3b5a3b8a4f18d8fb', href: this.href, class: "heading-anchor", target: "_blank", rel: "noopener noreferrer", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'b0a930073a356cc0a85e99a738f8d37aafbe490e', name: "heading" }), h("dso-icon", { key: '03f039eddd70c41ddb8d95cf133c0917a9073503', icon: "external-link" }), h("span", { key: '63f6fb7bc9ecf562015ae04825f43a8f5885c946', class: "sr-only" }, "(Opent andere website in nieuw tabblad)")))) ||
-            (this.mode === "download" && (h("a", { key: 'ca38710b591fad28865552b9603dd1e90254535d', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '2e85110d0435a74373bcc8c46d2b88e21757e9d4', name: "heading" }), h("dso-icon", { key: '05101c81b6645297f6fe3b37312bc95f6d05c8bf', icon: "download" })))) || (h("a", { key: '6a02cb73fd4cff8d17bdad494fe047a13c93ba85', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'e5631df37f950eefad86d94040b7f0fc0ae720b8', name: "heading" }), h("dso-icon", { key: '05ba6344294489c0c9299490d126906920d173f9', icon: "chevron-right" }))), this.interactionsSlottedElement !== null && h("slot", { key: '7e92b0ace856f9bcc586040cdd2b1c3eea8ca388', name: "interactions" })), h("div", { key: 'c994ab7a513a7cee91b1f4b236328224c465831f', class: "dso-card-content" }, h("slot", { key: 'ba532ccd9ccaa53dccacb6b5cd392bb042d20fcb', name: "content" })))));
+        return (h(Host, { key: '106df756cd8383136b238be0107f318c7f0b1457', "is-selectable": isSelectable }, h("div", { key: '763de98d5426a7047cf2793ad3acd5b305676884', class: "dso-card-container" }, h("div", { key: 'a2c89ba5a220d7e098193627ab9779f1269874c6', class: "dso-card-selectable", hidden: !isSelectable }, h("slot", { key: 'e2426f5ab8f36d946747befeaae0c435ddbecfdf', name: "selectable" })), h("div", { key: 'cc1051b1898c35d48a4337215b785fae6198c0a4', class: "dso-card-heading" }, (this.mode === "extern" && (h("a", { key: '48d1e463fe1c4bca63be68f4987106c3a9e8fa71', href: this.href, class: "heading-anchor", target: "_blank", rel: "noopener noreferrer", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'bdf715e2cf039ba2ba298b91b7d2dce2ee8a06c9', name: "heading" }), h("dso-icon", { key: 'cf42631e919b44eef3485c44e3fadfea559596c2', icon: "external-link" }), h("span", { key: 'dd25289f8e82d50106f89023ab8b44d106e8106b', class: "sr-only" }, "(Opent andere website in nieuw tabblad)")))) ||
+            (this.mode === "download" && (h("a", { key: '43eb6d4e7d7ae31d2b15f7191be77011b1599374', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'ff25a6a15671b0bd35be220791ed66f4bd419a7a', name: "heading" }), h("dso-icon", { key: '018c727bfdcd9b3a8be760328852fd5e631b2183', icon: "download" })))) || (h("a", { key: '02745c8de0b89a53959a53af6438d91a5c62933d', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '39873da8243d03be0dfd5bc8c38e023382d0aef2', name: "heading" }), h("dso-icon", { key: 'f52a560ae21f299d5b1e87c0938282f3cb533f49', icon: "chevron-right" }))), this.interactionsSlottedElement !== null && h("slot", { key: 'd4a0e4f23487f6afb53e4062261ff4af028965a2', name: "interactions" })), h("div", { key: '7206aa3d66eed29fe5e821c9446ee8a54a39d99d', class: "dso-card-content" }, h("slot", { key: '7d2d9caf4da500c922a69e89eabce1422229acf9', name: "content" })))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-date-picker.entry.js

@@ -4,7 +4,7 @@ import { r as registerInstance, d as createEvent, h, g as getElement } from './i
  * dd-mm-yyyy to yyyy-mm-dd
  */
 function parseToValueFormat(value) {
-    if (!value) {
+    if (!value || typeof value !== "string") {
         return;
     }
     const matches = value.split("-");
@@ -146,7 +146,7 @@ const DsoDatePicker = class {
         return undefined;
     }
     render() {
-        return (h("input", { key: '181c385766ca51b1e53cc0d086bb9283c45446a6', type: "date", id: this.identifier, class: "dso-date__input", value: parseToValueFormat(this.value), name: this.name, min: parseToValueFormat(this.min), max: parseToValueFormat(this.max), disabled: this.disabled || undefined, required: this.required || undefined, "aria-autocomplete": "none", "aria-invalid": this.invalid?.toString(), "aria-describedby": this.describedBy, autoComplete: "off", autofocus: this.dsoAutofocus || undefined, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, onChange: this.handleInputChange }));
+        return (h("input", { key: '9687b85b3241b120259055e5adfdef71a3a46acf', type: "date", id: this.identifier, class: "dso-date__input", value: parseToValueFormat(this.value), name: this.name, min: parseToValueFormat(this.min), max: parseToValueFormat(this.max), disabled: this.disabled || undefined, required: this.required || undefined, "aria-autocomplete": "none", "aria-invalid": this.invalid?.toString(), "aria-describedby": this.describedBy, autoComplete: "off", autofocus: this.dsoAutofocus || undefined, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, onChange: this.handleInputChange }));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/dso-dropdown-menu.entry.js

@@ -14,7 +14,7 @@ const DropdownMenu = class {
         this.variant = "secondary";
         this.open = false;
         this.focusOutListener = (event) => {
-            if (this.open && !(event.relatedTarget instanceof HTMLElement)) {
+            if (this.open && !this.isInsideDropdownMenu(event.relatedTarget)) {
                 this.toggleOptions(false);
             }
         };
@@ -172,6 +172,9 @@ const DropdownMenu = class {
     disconnectedCallback() {
         this.toggleOptions(false);
     }
+    isInsideDropdownMenu(element) {
+        return element instanceof Node && (this.host.contains(element) || !!this.host.shadowRoot?.contains(element));
+    }
     get lastItem() {
         return this.dropdownMenuTabbables(true).at(-1);
     }
@@ -204,7 +207,7 @@ const DropdownMenu = class {
     }
     render() {
         const buttonId = v4();
-        return (h(Host, { key: '898e03c9fb8dcd98b45cc42d05fe4f29cb408d07', onFocusout: this.focusOutListener, onKeyDown: this.keyDownHandler }, this.label && (h("button", { key: '94945d023367cbcd32d3d774fad82ec2f17ab50f', 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: '1ff9abf3f6f67587277d80514fb02c172dd5e65b', icon: this.open ? "chevron-up" : "chevron-down" }))), h("div", { key: 'f1eca3859c3ba0cedd96a1631d155b0db5b401f9', popover: "manual", class: "dso-dropdown-options", "aria-labelledby": buttonId, role: "menu", ref: (element) => (this.popoverElement = element) }, h("dso-scrollable", { key: '7943c1d3063bc8972027f6e3b8dd0dd42561c2c9' }, h("slot", { key: '95f224579f8a636f03d0f6bf185105d005696297' })))));
+        return (h(Host, { key: '0e2e2c0226bec7638b3d60baab089708191dd6eb', onFocusout: this.focusOutListener, onKeyDown: this.keyDownHandler }, this.label && (h("button", { key: '4e11b83883f18b991eab4c219b4bebb2eb1317fb', 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: '7d2d0724c47777fc68d815cc5d92c0d5ac996ab6', icon: this.open ? "chevron-up" : "chevron-down" }))), h("div", { key: 'ab88d386a9d8974162728f663bda7e279368f04b', popover: "manual", class: "dso-dropdown-options", "aria-labelledby": buttonId, role: "menu", ref: (element) => (this.popoverElement = element) }, h("dso-scrollable", { key: '3e1dda4a8dcd2678cdf96a6125124384444051ab' }, h("slot", { key: '8954e92ac331853d1dd3d7a0089caf4754cdd3e8' })))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-header.entry.js

@@ -10,6 +10,7 @@ import { v as v4 } from './v4-CK3_k8jD.js';
 const translations = {
     en: {
         "dso-header": {
+            menuOpen: "Close",
             menu: "Menu",
             login: "Log in",
             logout: "Log out",
@@ -19,6 +20,7 @@ const translations = {
     },
     nl: {
         "dso-header": {
+            menuOpen: "Sluiten",
             menu: "Menu",
             login: "Inloggen",
             logout: "Uitloggen",
@@ -33,7 +35,7 @@ const MenuItem = ({ item, onClick, key, ref }) => {
     return (h("li", { class: clsx({ "dso-active": item.active }), key: key, ref: ref }, h("a", { href: item.url, "aria-current": item.active ? "page" : undefined, onClick: onClick }, item.label)));
 };
 
-const headerCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([is-compact]) ::slotted([slot=logo]){--_dso-logo-block-size:2.5rem !important}:host([is-compact]) .dso-header{flex-wrap:nowrap}:host([is-compact]) .dropdown-menu .dropdown-menu-options{inline-size:100%}:host(:not([is-compact])) .dropdown-menu .dropdown-menu-options{inline-size:375px}div[popover]{margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset;inline-size:max-content}.dso-header{border-block-end:1px solid #ccc;display:flex;flex-wrap:wrap;align-items:center;position:relative}.dso-header .dso-nav{border:0}.logo-container{flex:1 1 12.5rem;margin-inline-end:24px;padding-block-end:16px;padding-block-start:16px}.dso-header-session{display:flex;margin-inline-start:auto}.dso-header-session .profile .dso-tertiary,.dso-header-session .login .dso-tertiary,.dso-header-session .logout .dso-tertiary,.dso-header-session .help .dso-tertiary{display:flex;cursor:pointer;border:0;background-color:transparent;padding-inline:0;outline-offset:2px;font-family:Asap, sans-serif;color:#39870c;font-size:1rem;font-weight:600;line-height:1.5;text-decoration:none}.dso-header-session .profile .dso-tertiary:hover,.dso-header-session .login .dso-tertiary:hover,.dso-header-session .logout .dso-tertiary:hover,.dso-header-session .help .dso-tertiary:hover{text-decoration:underline}@media screen and (min-width: 481px){.dso-header-session .profile+.logout,.dso-header-session .logout+.help,.dso-header-session .login+.help,.dso-header-session:has(*)+.dropdown{border-inline-start:3px solid #ccc;block-size:20px;margin-inline-start:8px;padding-inline-start:8px}}@media screen and (min-width: 481px){.dso-header-session .help a{gap:4px}}.dso-navbar{flex-basis:100%;max-inline-size:100%;position:relative}.dropdown-menu button{align-items:center;background-color:transparent;border:0;color:#39870c;display:flex;font-family:Asap, sans-serif;font-size:1rem;font-weight:600;line-height:normal;letter-spacing:inherit;position:relative;padding-inline-start:0}.dropdown-menu button::after{margin-inline-start:8px;position:absolute;inset-inline-end:0;inset-block-start:50%;transform:translateY(-50%)}.dropdown-menu button:hover,.dropdown-menu button:active{cursor:pointer;text-decoration:underline}.dropdown-menu button dso-icon{inline-size:24px;block-size:24px;margin-inline-start:8px;padding-block-start:2px}.dropdown-menu button[aria-expanded=true] dso-icon{transform:rotate(180deg)}.dropdown-menu .dropdown-menu-options{box-sizing:border-box;background-clip:padding-box;background-color:#fff;border:0;border-radius:0;box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4);font-size:1rem;min-inline-size:160px;padding-inline:0;z-index:220;--_dso-scrollable-block-size:auto}.dropdown-menu .dropdown-menu-options ul{margin:0;padding:0;list-style:none}.dropdown-menu .dropdown-menu-options ul:not(:last-child){border-block-end:1px solid #e5e5e5;margin-block-end:11px;padding-block-end:11px}.dropdown-menu .dropdown-menu-options ul li{list-style:none}.dropdown-menu .dropdown-menu-options ul li a,.dropdown-menu .dropdown-menu-options ul li button{text-decoration:none}.dropdown-menu .dropdown-menu-options ul li a:hover,.dropdown-menu .dropdown-menu-options ul li a:focus-visible,.dropdown-menu .dropdown-menu-options ul li a:active,.dropdown-menu .dropdown-menu-options ul li button:hover,.dropdown-menu .dropdown-menu-options ul li button:focus-visible,.dropdown-menu .dropdown-menu-options ul li button:active{text-decoration:underline}.dropdown-menu .dropdown-menu-options ul li a,.dropdown-menu .dropdown-menu-options ul li button{clear:both;color:#275937;display:block;font-size:1.25rem;font-weight:400;line-height:1.5;padding:16px;text-decoration:none;white-space:nowrap}.dropdown-menu .dropdown-menu-options ul li a:hover,.dropdown-menu .dropdown-menu-options ul li a:focus,.dropdown-menu .dropdown-menu-options ul li button:hover,.dropdown-menu .dropdown-menu-options ul li button:focus{background-color:#39870c;border-color:#39870c;color:#fff;text-decoration:none}.dropdown-menu .dropdown-menu-options ul li a:focus-visible,.dropdown-menu .dropdown-menu-options ul li button:focus-visible{background-color:#39870c;color:#fff}.dropdown-menu .dropdown-menu-options ul li a:hover,.dropdown-menu .dropdown-menu-options ul li a:hover:visited,.dropdown-menu .dropdown-menu-options ul li button:hover,.dropdown-menu .dropdown-menu-options ul li button:hover:visited{color:#275937}.dropdown-menu .dropdown-menu-options ul li a:hover,.dropdown-menu .dropdown-menu-options ul li button:hover{background-color:#fff;text-decoration:underline}.dropdown-menu .dropdown-menu-options ul li a:visited,.dropdown-menu .dropdown-menu-options ul li button:visited{color:#fff}.dropdown-menu .dropdown-menu-options ul li a:visited:not(:hover):not(:focus):not(:focus-visible),.dropdown-menu .dropdown-menu-options ul li button:visited:not(:hover):not(:focus):not(:focus-visible){color:#275937}.dropdown-menu .dropdown-menu-options ul li.dso-active a{font-weight:600}.dropdown-menu .dropdown-menu-options ul li a.dso-tertiary,.dropdown-menu .dropdown-menu-options ul li button.dso-tertiary{align-items:center;display:flex;gap:10px}.dropdown-menu .dropdown-menu-options ul li a.dso-tertiary dso-icon,.dropdown-menu .dropdown-menu-options ul li button.dso-tertiary dso-icon{margin-inline-start:0;order:-1}.dropdown-menu .dropdown-menu-options ul li a.dso-tertiary span,.dropdown-menu .dropdown-menu-options ul li button.dso-tertiary span{order:0}.dropdown-menu .dropdown-menu-options ul li+li{border-block-start:1px solid #ccc}.dropdown{margin-inline-start:auto;display:flex;align-items:center}.dropdown .dropdown-menu{position:static}.dropdown .dropdown-menu .dropdown-menu-options{inset-inline-end:0;inset-block-start:100%;box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4)}.dso-nav.ready .menu-user-home{margin-inline-start:auto}.dso-nav{align-items:end;column-gap:32px;display:flex;list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.dso-nav>li{margin-block-end:4px}.dso-nav>li>a{display:block}.dso-nav>li>a,.dso-nav>li>a:hover,.dso-nav>li>a:focus,.dso-nav>li>a:visited{color:#275937}.dso-nav>li.dso-active,.dso-nav>li.is-active{margin-block-end:0}.dso-nav>li.dso-active>a,.dso-nav>li.is-active>a{border-block-end:4px solid #8b4a6a;font-weight:bold}.dso-nav.dso-nav-main{display:flex !important}.dso-nav.dso-nav-main>li>a{text-decoration:none}.dso-nav.dso-nav-main>li>a:hover,.dso-nav.dso-nav-main>li>a:focus-visible,.dso-nav.dso-nav-main>li>a:active{text-decoration:underline}.dso-nav.dso-nav-main>li>a{font-size:1.25em;line-height:1;padding-block:16px;padding-inline:0;white-space:nowrap}.dso-nav.dso-nav-main .dropdown-menu .dropdown-menu-options{inset-inline-start:-1rem !important;inset-block-start:3px !important}.dso-nav.dso-nav-main .dropdown-menu button{font-size:1.25em;line-height:1;padding-block:16px;padding-inline:0;align-items:flex-end;color:#275937}.dso-nav.dso-nav-main .dropdown-menu button:hover,.dso-nav.dso-nav-main .dropdown-menu button:active{cursor:pointer;text-decoration:underline}.dso-nav.dso-nav-main .dropdown-menu button::after{margin-inline-start:8px;position:absolute;inset-inline-end:0px;inset-block-start:auto;transform:none}.dso-nav .main-menu-item-icon{block-size:1em;margin-inline-end:8px;position:relative;inset-block-start:-2px;inline-size:1.2em}.dso-nav .dropdown-menu-item .main-menu-item-icon{margin-inline-end:0}`;
+const headerCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([is-compact]) ::slotted([slot=logo]){--_dso-logo-block-size:2.5rem !important}:host([is-compact]) .dso-header{flex-wrap:nowrap}:host([is-compact]) .dropdown-menu .dropdown-menu-options{inline-size:100%}@media screen and (min-width: 481px){:host([is-compact]) .dropdown-menu .dropdown-menu-options{inline-size:265px}}:host(:not([is-compact])) .dropdown-menu .dropdown-menu-options{inline-size:375px}div[popover]{margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset;inline-size:max-content}@media screen and (max-width: 480px){div[popover]{inset-inline:0 !important;inline-size:100%}div[popover] .dropdown-menu-options{inline-size:100%;max-inline-size:none !important}div[popover]::before{content:"";position:absolute;inset-block-start:-1px;inset-inline:0;border-block-end:1px solid #ccc}div[popover]::after{content:"";position:absolute;inset-block-start:100%;inset-inline:0;block-size:100vh;background-color:rgba(255, 255, 255, 0.8)}}.dso-header{border-block-end:1px solid #e5e5e5;display:flex;flex-wrap:wrap;align-items:center;position:relative}.dso-header .dso-nav{border:0}.logo-container{flex:1 1 12.5rem;margin-inline-end:24px;padding-block-end:16px;padding-block-start:16px}.dso-header-session{display:flex;margin-inline-start:auto}.dso-header-session .profile .dso-tertiary,.dso-header-session .login .dso-tertiary,.dso-header-session .logout .dso-tertiary,.dso-header-session .help .dso-tertiary{display:flex;cursor:pointer;border:0;background-color:transparent;padding-inline:0;outline-offset:2px;font-family:Asap, sans-serif;color:#39870c;font-size:1rem;font-weight:600;line-height:1.5;text-decoration:none}.dso-header-session .profile .dso-tertiary:hover,.dso-header-session .login .dso-tertiary:hover,.dso-header-session .logout .dso-tertiary:hover,.dso-header-session .help .dso-tertiary:hover{text-decoration:underline}@media screen and (min-width: 481px){.dso-header-session .profile+.logout,.dso-header-session .logout+.help,.dso-header-session .login+.help,.dso-header-session:has(*)+.dropdown{border-inline-start:3px solid #ccc;block-size:20px;margin-inline-start:8px;padding-inline-start:8px}}@media screen and (min-width: 481px){.dso-header-session .help a{gap:4px}}.dso-navbar{flex-basis:100%;max-inline-size:100%;position:relative}.dropdown-menu button{align-items:center;background-color:transparent;border:0;color:#39870c;display:flex;font-family:Asap, sans-serif;font-size:1rem;font-weight:600;line-height:normal;letter-spacing:inherit;position:relative;padding-inline-start:0}.dropdown-menu button::after{margin-inline-start:8px;position:absolute;inset-inline-end:0;inset-block-start:50%;transform:translateY(-50%)}.dropdown-menu button:hover,.dropdown-menu button:active{cursor:pointer;text-decoration:underline}.dropdown-menu button dso-icon{inline-size:24px;block-size:24px;margin-inline-start:8px;padding-block-start:2px}.dropdown-menu .dropdown-menu-options{box-sizing:border-box;background-clip:padding-box;background-color:#fff;border:0;border-radius:0;box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4);font-size:1rem;min-inline-size:160px;padding-inline:0;z-index:220;--_dso-scrollable-block-size:auto}.dropdown-menu .dropdown-menu-options ul{margin:0;padding:0;list-style:none}.dropdown-menu .dropdown-menu-options ul:not(:last-child){border-block-end:1px solid #ccc;margin-block-end:11px;padding-block-end:11px}.dropdown-menu .dropdown-menu-options ul li{list-style:none}.dropdown-menu .dropdown-menu-options ul li a,.dropdown-menu .dropdown-menu-options ul li button{text-decoration:none}.dropdown-menu .dropdown-menu-options ul li a:hover,.dropdown-menu .dropdown-menu-options ul li a:focus-visible,.dropdown-menu .dropdown-menu-options ul li a:active,.dropdown-menu .dropdown-menu-options ul li button:hover,.dropdown-menu .dropdown-menu-options ul li button:focus-visible,.dropdown-menu .dropdown-menu-options ul li button:active{text-decoration:underline}.dropdown-menu .dropdown-menu-options ul li a,.dropdown-menu .dropdown-menu-options ul li button{clear:both;color:#275937;display:block;font-size:1.25rem;font-weight:400;line-height:1.5;padding:16px;text-decoration:none;white-space:nowrap}.dropdown-menu .dropdown-menu-options ul li a:focus,.dropdown-menu .dropdown-menu-options ul li button:focus{text-decoration:underline}.dropdown-menu .dropdown-menu-options ul li.dso-active a,.dropdown-menu .dropdown-menu-options ul li.dso-active button{background-color:#275937;color:#fff}.dropdown-menu .dropdown-menu-options ul li a.dso-tertiary,.dropdown-menu .dropdown-menu-options ul li button.dso-tertiary{align-items:center;display:flex;gap:10px}.dropdown-menu .dropdown-menu-options ul li a.dso-tertiary dso-icon,.dropdown-menu .dropdown-menu-options ul li button.dso-tertiary dso-icon{margin-inline-start:0;order:-1}.dropdown-menu .dropdown-menu-options ul li a.dso-tertiary span,.dropdown-menu .dropdown-menu-options ul li button.dso-tertiary span{order:0}.dropdown-menu .dropdown-menu-options ul li+li{border-block-start:1px solid #ccc}.dropdown{margin-inline-start:auto;display:flex;align-items:center}.dropdown .dropdown-menu{position:static}.dropdown .dropdown-menu .dropdown-menu-options{inset-inline-end:0;inset-block-start:100%;box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4)}.dso-nav.ready .menu-user-home{margin-inline-start:auto}.dso-nav{align-items:end;column-gap:32px;display:flex;list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.dso-nav>li{margin-block-end:4px}.dso-nav>li>a{display:block}.dso-nav>li>a,.dso-nav>li>a:hover,.dso-nav>li>a:focus,.dso-nav>li>a:visited{color:#275937}.dso-nav>li.dso-active,.dso-nav>li.is-active{margin-block-end:0}.dso-nav>li.dso-active>a,.dso-nav>li.is-active>a{border-block-end:4px solid #8b4a6a;font-weight:bold}.dso-nav.dso-nav-main{display:flex !important}.dso-nav.dso-nav-main>li>a{text-decoration:none}.dso-nav.dso-nav-main>li>a:hover,.dso-nav.dso-nav-main>li>a:focus-visible,.dso-nav.dso-nav-main>li>a:active{text-decoration:underline}.dso-nav.dso-nav-main>li>a{font-size:1.25em;line-height:1;padding-block:16px;padding-inline:0;white-space:nowrap}.dso-nav.dso-nav-main .dropdown-menu .dropdown-menu-options{inset-inline-start:-1rem !important;inset-block-start:3px !important}.dso-nav.dso-nav-main .dropdown-menu button{font-size:1.25em;line-height:1;padding-block:16px;padding-inline:0;align-items:flex-end;color:#275937}.dso-nav.dso-nav-main .dropdown-menu button:hover,.dso-nav.dso-nav-main .dropdown-menu button:active{cursor:pointer;text-decoration:underline}.dso-nav.dso-nav-main .dropdown-menu button::after{margin-inline-start:8px;position:absolute;inset-inline-end:0px;inset-block-start:auto;transform:none}.dso-nav .main-menu-item-icon{block-size:1em;margin-inline-end:8px;position:relative;inset-block-start:-2px;inline-size:1.2em}.dso-nav .dropdown-menu-item .main-menu-item-icon{margin-inline-end:0}`;
 
 const minDesktopViewportWidth = 992;
 const minMobileViewportWidth = 480;
@@ -333,7 +335,10 @@ const Header = class {
         return (h("div", { class: "dso-header-session" }, !this.isCompact && (h(Fragment, null, this.userProfileUrl && this.userProfileName && this.authStatus === "loggedIn" && (h("div", { class: "profile" }, h("a", { href: this.userProfileUrl, class: "dso-tertiary", onClick: (e) => this.clickHandler(e, "profile", { url: this.userProfileUrl }) }, this.userProfileName))), this.authStatus === "loggedOut" && h("div", { class: "login" }, this.renderLogin()), this.authStatus === "loggedIn" && h("div", { class: "logout" }, this.renderLogout()))), this.showHelp && !this.isMobileViewport && h("div", { class: "help" }, this.renderHelp())));
     }
     renderCompact() {
-        return ((this.mainMenu.length > 0 || this.userHomeUrl || this.authStatus !== "none") && (h("div", { class: "dropdown" }, h("div", { class: "dropdown-menu", onFocusout: this.focusOutListener, ref: (element) => (this.dropdownElement = element) }, h("button", { id: v4(), type: "button", onClick: () => this.toggleOptions(), ref: (element) => (this.dropdownButtonElement = element), "aria-haspopup": "menu", "aria-expanded": this.open ? "true" : "false" }, h("span", null, this.text("menu")), h("dso-icon", { icon: "chevron-down" })), h("div", { popover: "manual", ref: (element) => (this.popoverElement = element) }, h("dso-scrollable", { class: "dropdown-menu-options", role: "menu", "aria-labelledby": this.dropdownButtonElement?.id, onKeyDown: this.keyDownHandler }, h("ul", { role: "group" }, this.mainMenu.map((menuItem) => (h(MenuItem, { item: menuItem, onClick: (e) => this.clickHandler(e, "menuItem", { menuItem }), key: menuItem.label }))), this.userHomeUrl && (h("li", { role: "menuitem" }, h("a", { href: this.userHomeUrl, onClick: (e) => this.clickHandler(e, "userHome", { url: this.userHomeUrl }) }, this.text("userHome")))), this.userProfileUrl && this.userProfileName && this.authStatus === "loggedIn" && (h("li", { role: "menuitem" }, h("a", { href: this.userProfileUrl, onClick: (e) => this.clickHandler(e, "profile", { url: this.userProfileUrl }) }, this.userProfileName, h("span", { class: "profile-label" }, " - Mijn profiel")))), this.authStatus === "loggedIn" && h("li", { role: "menuitem" }, this.renderLogout()), this.authStatus === "loggedOut" && h("li", { role: "menuitem" }, this.renderLogin()), this.showHelp && this.isMobileViewport && h("li", { role: "menuitem" }, this.renderHelp()))))))));
+        return ((this.mainMenu.length > 0 || this.userHomeUrl || this.authStatus !== "none") && (h("div", { class: "dropdown" }, h("div", { class: "dropdown-menu", onFocusout: this.focusOutListener, ref: (element) => (this.dropdownElement = element) }, h("button", { id: v4(), type: "button", onClick: () => this.toggleOptions(), ref: (element) => (this.dropdownButtonElement = element), "aria-haspopup": "menu", "aria-expanded": this.open ? "true" : "false" }, this.renderMenuToggleContent(this.isMobileViewport, this.open)), h("div", { popover: "manual", ref: (element) => (this.popoverElement = element) }, h("dso-scrollable", { class: "dropdown-menu-options", role: "menu", "aria-labelledby": this.dropdownButtonElement?.id, onKeyDown: this.keyDownHandler }, h("ul", { role: "group" }, this.mainMenu.map((menuItem) => (h(MenuItem, { item: menuItem, onClick: (e) => this.clickHandler(e, "menuItem", { menuItem }), key: menuItem.label }))), this.userHomeUrl && (h("li", { role: "menuitem" }, h("a", { href: this.userHomeUrl, onClick: (e) => this.clickHandler(e, "userHome", { url: this.userHomeUrl }) }, this.text("userHome")))), this.userProfileUrl && this.userProfileName && this.authStatus === "loggedIn" && (h("li", { role: "menuitem" }, h("a", { href: this.userProfileUrl, onClick: (e) => this.clickHandler(e, "profile", { url: this.userProfileUrl }) }, this.userProfileName, h("span", { class: "profile-label" }, " - Mijn profiel")))), this.authStatus === "loggedIn" && h("li", { role: "menuitem" }, this.renderLogout()), this.authStatus === "loggedOut" && h("li", { role: "menuitem" }, this.renderLogin()), this.showHelp && this.isMobileViewport && h("li", { role: "menuitem" }, this.renderHelp()))))))));
+    }
+    renderMenuToggleContent(isMobileViewport, open) {
+        return (h(Fragment, null, h("span", null, open && isMobileViewport ? this.text("menuOpen") : this.text("menu")), isMobileViewport ? (h("dso-icon", { icon: open ? "cross" : "bars" })) : (h("dso-icon", { icon: open ? "chevron-up" : "chevron-down" }))));
     }
     renderNormal() {
         this.menuItemElementRefs = [];

package/dist/esm/dso-info_3.entry.js

@@ -129,7 +129,7 @@ function createIdentifier(prefix) {
     return `${prefix}-${chr4()}${chr4()}-${chr4()}-${chr4()}-${chr4()}-${chr4()}${chr4()}${chr4()}`;
 }
 
-const selectableCss = () => `.sc-dso-selectable-h{padding-inline-start:var(--_dso-selectable-padding-inline-start, 32px);position:relative;display:var(--dso-selectable-display, block)}.sc-dso-selectable-h label.sc-dso-selectable{font-weight:400;line-height:24px;margin:0}.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before{background-color:#fff;box-shadow:0 0 0 2px #e5e5e5}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{block-size:100%;inset-inline-start:0;margin:0;appearance:none;position:absolute;inset-block-start:0;inline-size:100%;z-index:100;zoom:1}@media (prefers-contrast: more){.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{opacity:1}}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:not([disabled]),.sc-dso-selectable-h input[type=radio].sc-dso-selectable:not([disabled]){cursor:pointer}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable{display:inline;font-style:normal;padding-inline-start:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{background:#fff;border:0;box-shadow:0 0 0 2px var(--_dso-selectable-color, #275937);content:"";block-size:20px;inset-inline-start:2px;position:absolute;inset-block-start:2px;inline-size:20px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].active.sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].active.sc-dso-selectable+label.sc-dso-selectable::before{background-color:#ebf3e6;box-shadow:0 0 0 1px #275937;block-size:22px;inset-inline-start:1px;inset-block-start:1px;inline-size:22px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:4px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::after{background:transparent;content:"";inset-inline-start:6px;opacity:0;position:absolute;inset-block-start:6px;zoom:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{opacity:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after{border:solid;border-color:var(--_dso-selectable-color, #39870c);border-block-start-color:transparent;border-width:0 0 3px 3px;block-size:8px;transform:rotate(-45deg);inline-size:13px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{background-color:var(--_dso-selectable-color, #39870c);block-size:12px;inline-size:12px}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:50%}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::after{background-color:transparent;border-radius:50%;content:"";block-size:12px;inset-inline-start:6px;opacity:0;position:absolute;inset-block-start:6px;inline-size:12px;zoom:1}.sc-dso-selectable-h input[type=radio].sc-dso-selectable:checked+label.sc-dso-selectable::after{background-color:var(--_dso-selectable-color, #39870c);opacity:1}[invalid].sc-dso-selectable-h:not([invalid=false]){--_dso-selectable-color:#ce3f51}.sc-dso-selectable-h>dso-info.sc-dso-selectable{float:none;margin-block:8px 0;margin-inline:0 16px;inline-size:100%}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable{list-style:none;margin-block-start:8px;padding-inline-start:0}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable li.sc-dso-selectable+li.sc-dso-selectable{margin-block-start:8px}.sc-dso-selectable-h:not(:last-child){margin-block-end:8px}*.sc-dso-selectable,*.sc-dso-selectable::after,*.sc-dso-selectable::before{box-sizing:border-box}.dso-selectable-container.sc-dso-selectable{display:inline-block}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable{display:inline-block;min-block-size:24px;position:relative;margin-inline-start:var(--_dso-selectable-input-wrapper-margin-inline-start, -32px);padding-inline-start:var(--_dso-selectable-input-wrapper-padding-inline-start, 32px)}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before,.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 2px var(--_dso-selectable-color, #275937);block-size:20px;inset-inline-start:2px;inset-block-start:2px;inline-size:20px}.sc-dso-selectable-s>[slot=info]{float:none;margin-block:8px 0;margin-inline:0 16px;inline-size:100%}.sc-dso-selectable-s>[slot=options]{list-style:none;margin-block-start:8px;padding-inline-start:0}.sc-dso-selectable-s>[slot=options] li+li{margin-block-start:8px}`;
+const selectableCss = () => `.sc-dso-selectable-h{padding-inline-start:var(--_dso-selectable-padding-inline-start, 32px);position:relative;display:var(--dso-selectable-display, block)}.sc-dso-selectable-h label.sc-dso-selectable{font-weight:400;line-height:24px;margin:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:disabled+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:disabled:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:disabled:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:disabled+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:disabled:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:disabled:focus+label.sc-dso-selectable::before{background-color:#fff;box-shadow:0 0 0 2px #e5e5e5}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{block-size:100%;inset-inline-start:0;margin:0;appearance:none;position:absolute;inset-block-start:0;inline-size:100%;z-index:100;zoom:1}@media (prefers-contrast: more){.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{opacity:1}}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:not(:disabled),.sc-dso-selectable-h input[type=radio].sc-dso-selectable:not(:disabled){cursor:pointer}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable{display:inline;font-style:normal;padding-inline-start:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{background:#fff;border:0;box-shadow:0 0 0 2px var(--_dso-selectable-color, #275937);content:"";block-size:20px;inset-inline-start:2px;position:absolute;inset-block-start:2px;inline-size:20px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].active.sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].active.sc-dso-selectable+label.sc-dso-selectable::before{background-color:#ebf3e6;box-shadow:0 0 0 1px #275937;block-size:22px;inset-inline-start:1px;inset-block-start:1px;inline-size:22px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:4px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::after{background:transparent;content:"";inset-inline-start:6px;opacity:0;position:absolute;inset-block-start:6px;zoom:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{opacity:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after{border:solid;border-color:var(--_dso-selectable-color, #39870c);border-block-start-color:transparent;border-width:0 0 3px 3px;block-size:8px;transform:rotate(-45deg);inline-size:13px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{background-color:var(--_dso-selectable-color, #39870c);block-size:12px;inline-size:12px}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:50%}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::after{background-color:transparent;border-radius:50%;content:"";block-size:12px;inset-inline-start:6px;opacity:0;position:absolute;inset-block-start:6px;inline-size:12px;zoom:1}.sc-dso-selectable-h input[type=radio].sc-dso-selectable:checked+label.sc-dso-selectable::after{background-color:var(--_dso-selectable-color, #39870c);opacity:1}[invalid].sc-dso-selectable-h:not([invalid=false]){--_dso-selectable-color:#ce3f51}.sc-dso-selectable-h>dso-info.sc-dso-selectable{float:none;margin-block:8px 0;margin-inline:0 16px;inline-size:100%}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable{list-style:none;margin-block-start:8px;padding-inline-start:0}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable li.sc-dso-selectable+li.sc-dso-selectable{margin-block-start:8px}.sc-dso-selectable-h:not(:last-child){margin-block-end:8px}*.sc-dso-selectable,*.sc-dso-selectable::after,*.sc-dso-selectable::before{box-sizing:border-box}.dso-selectable-container.sc-dso-selectable{display:inline-block}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable{display:inline-block;min-block-size:24px;position:relative;margin-inline-start:var(--_dso-selectable-input-wrapper-margin-inline-start, -32px);padding-inline-start:var(--_dso-selectable-input-wrapper-padding-inline-start, 32px)}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before,.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 2px var(--_dso-selectable-color, #275937);block-size:20px;inset-inline-start:2px;inset-block-start:2px;inline-size:20px}.sc-dso-selectable-s>[slot=info]{float:none;margin-block:8px 0;margin-inline:0 16px;inline-size:100%}.sc-dso-selectable-s>[slot=options]{list-style:none;margin-block-start:8px;padding-inline-start:0}.sc-dso-selectable-s>[slot=options] li+li{margin-block-start:8px}`;
 
 const Selectable = class {
     constructor(hostRef) {
@@ -179,7 +179,7 @@ const Selectable = class {
         const describedBy = [hasInfo && this.infoFixed ? this.describedById : undefined, this.errormessage]
             .filter((value) => value !== undefined)
             .join(" ") || undefined;
-        return (h(Fragment, { key: '4fcfaccfc2f046747059a236b95e94fd0ff63eda' }, h("div", { key: 'b157a7b0666bff6a70c6f73c8f01e0f404be59a6', class: "dso-selectable-container" }, h("div", { key: '0ae8a012600400a2ad5613a40b5edc7ed2e3697b', class: "dso-selectable-input-wrapper" }, h("input", { key: '3766067fdbd363f009d8e468efa744cff7806125', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": describedBy, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: '372012b7f352dbbec302bd8b8eb8ba06f61afb3b', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: '9df3328a5f9e511ce3c3e47198f8962ad9fd8e5f', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: '669eeac1998e756335e46e571f09ed128b510b88' }, h("slot", { key: '7988c3530d3b595a0bd8e276c5880bf23c32f480', name: "info" })))), h("slot", { key: '03944fb01644124409295f56dc44e7753d9d34e8', name: "options" })));
+        return (h(Fragment, { key: '68845031d900fd4e836859c6628a6049a3f27ade' }, h("div", { key: 'f177f07dce575305a6fb165ca81c02ae09d7afa7', class: "dso-selectable-container" }, h("div", { key: '0769aa30e6aaa1f6961d83ebaa7a0c083d42a009', class: "dso-selectable-input-wrapper" }, h("input", { key: 'c93ec1b0ada9abf961064c3bdfbe529fcf3933c2', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": describedBy, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: '56e99d443552b32995befbea8dc16b656f38ac92', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: '59872ab73d6977023d5fd3fdecb3c30161877a6c', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: '19f24fdacb00641989b95442a9c1b2c66a0bbdfd' }, h("slot", { key: '45b881d9baef21e4cefa662ec0e8d8620779bfe7', name: "info" })))), h("slot", { key: 'bdc7f35cd2d93d9d5710b250bfaa565b26d51e7f', name: "options" })));
     }
     componentDidRender() {
         if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {