@dso-toolkit/core 91.1.0 → 92.0.0

package/dist/esm/dso-advanced-select.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h, F as Fragment, g as getElement } from './index-BIfnbekk.js';
+import { r as registerInstance, d as createEvent, h, g as getElement } from './index-BIfnbekk.js';
 import { c as clsx } from './clsx-ChV9xqsO.js';
 import { i as isFocusable, t as tabbable, f as focusable, a as isTabbable, g as getTabIndex } from './index.esm-PsHl6ZhV.js';
 import { i as isModifiedEvent } from './is-modified-event-Hgv-pDpy.js';
@@ -1403,7 +1403,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
   return trap;
 };
 
-const advancedSelectCss = () => `:host{display:block}*,*::after,*::before{box-sizing:border-box}.active-option{display:flex;inline-size:100%;justify-content:flex-start;align-items:center;padding:0;border:1px solid #275937;border-radius:4px;cursor:pointer;background-color:#fff;line-height:inherit;font-family:inherit;font-size:inherit}.active-option.open{border-radius:4px 4px 0 0}.active-option dso-icon{color:#275937}.active-option dso-label{margin-inline-start:8px}.active-option-label{padding-block:4px;padding-inline:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.active-option-aside{display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:8px;margin-inline-start:auto}.badges{display:flex;justify-content:space-between;align-items:center;gap:4px}.groups-container{position:relative;z-index:200}.groups{position:absolute;inset-block-start:-1px;inset-inline-start:0;inline-size:100%;max-block-size:500px;margin:0;padding:0;overflow-y:auto;background-color:#fff;border:1px solid #275937;border-radius:0 0 4px 4px}.groups li::marker{display:none}.group{border-block-end:1px solid #ccc}.group:last-child{border-block-end:none}.group .option{padding-inline-start:37px}.group .option-label::before{content:"";position:absolute;display:block;block-size:10px;inline-size:10px;inset-block:4px auto;inset-inline:-20px auto;border-radius:50%;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.group .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.group .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.group .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.group .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.group .option-label::before{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#ccc;color:#191919}.group-label{margin:0;padding-block:4px;padding-inline:16px;color:#666;font-size:14px;font-weight:500;border-block-end:1px solid #ccc}.group-link{display:block;padding-block:8px;padding-inline:4px;text-align:end;color:#000;text-decoration:none}.group-link:hover{text-decoration:underline}.group-link dso-icon{color:#39870c}.group-info .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.group-info .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.group-info .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.group-info .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.group-info .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.group-info .option-label::before{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#6ca4d9;color:#191919}.group-primary .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.group-primary .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.group-primary .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.group-primary .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.group-primary .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.group-primary .option-label::before{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#275937;color:#fff}.group-success .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.group-success .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.group-success .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.group-success .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.group-success .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.group-success .option-label::before{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#39870c;color:#fff}.group-warning .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.group-warning .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.group-warning .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.group-warning .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.group-warning .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.group-warning .option-label::before{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#dcd400;color:#191919}.group-error .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.group-error .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.group-error .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.group-error .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.group-error .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.group-error .option-label::before{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#ce3f51;color:#fff}.group-attention .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.group-attention .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.group-attention .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.group-attention .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.group-attention .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.group-attention .option-label::before{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#8b4a6a;color:#fff}.options{margin:0;padding:0}.option{display:block;inline-size:100%;padding-block:8px;padding-inline:16px;cursor:pointer;line-height:inherit;font-family:inherit;font-size:inherit;border:none;text-align:start;background-color:#fff}.option:hover{background-color:#ebf3e6}.option:hover .option-label{color:#39870c;font-weight:bold}.option.option-active .option-label{color:#39870c;font-weight:bold;text-decoration:underline}.option-label{position:relative;color:#000;font-size:Asap, sans-serif;font-weight:400}.option-hint{padding-inline-start:5px;color:#39870c;font-size:Asap, sans-serif;font-weight:bold}.placeholder{margin:0;padding-block:8px;padding-inline:16px;color:#666}`;
+const advancedSelectCss = () => `:host{display:block}*,*::after,*::before{box-sizing:border-box}.advanced-select{display:flex;flex-direction:row}.advanced-select-button{flex:1;min-inline-size:0}.active-option{display:flex;inline-size:100%;justify-content:flex-start;align-items:center;padding:0;border:1px solid #275937;border-radius:4px;cursor:pointer;background-color:#fff;line-height:inherit;font-family:inherit;font-size:inherit}.active-option.open{border-radius:4px 4px 0 0}.active-option dso-icon{color:#275937}.active-option dso-label{margin-inline-start:8px}.active-option-label{padding-block:4px;padding-inline:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.active-option-aside{padding-inline:8px;margin-inline-start:auto}.badges{display:flex;justify-content:space-between;align-items:center;gap:4px;padding-inline-start:4px}.groups-container{position:relative;z-index:200}.groups{position:absolute;inset-block-start:-1px;inset-inline-start:0;inline-size:100%;max-block-size:500px;margin:0;padding:0;overflow-y:auto;background-color:#fff;border:1px solid #275937;border-radius:0 0 4px 4px}.groups li::marker{display:none}.group{border-block-end:1px solid #ccc}.group:last-child{border-block-end:none}.group .option{padding-inline-start:37px}.group .option-label::before{content:"";position:absolute;display:block;block-size:10px;inline-size:10px;inset-block:4px auto;inset-inline:-20px auto;border-radius:50%;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.group .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.group .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.group .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.group .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.group .option-label::before{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#ccc;color:#191919}.group-label{margin:0;padding-block:4px;padding-inline:16px;color:#666;font-size:14px;font-weight:500;border-block-end:1px solid #ccc}.group-link{display:block;padding-block:8px;padding-inline:4px;text-align:end;color:#000;text-decoration:none}.group-link:hover{text-decoration:underline}.group-link dso-icon{color:#39870c}.group-info .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.group-info .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.group-info .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.group-info .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.group-info .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.group-info .option-label::before{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#6ca4d9;color:#191919}.group-primary .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.group-primary .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.group-primary .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.group-primary .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.group-primary .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.group-primary .option-label::before{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#275937;color:#fff}.group-success .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.group-success .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.group-success .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.group-success .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.group-success .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.group-success .option-label::before{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#39870c;color:#fff}.group-warning .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.group-warning .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.group-warning .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.group-warning .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.group-warning .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.group-warning .option-label::before{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#dcd400;color:#191919}.group-error .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.group-error .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.group-error .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.group-error .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.group-error .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.group-error .option-label::before{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#ce3f51;color:#fff}.group-attention .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.group-attention .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.group-attention .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.group-attention .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.group-attention .option-label::before a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.group-attention .option-label::before{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#8b4a6a;color:#fff}.options{margin:0;padding:0}.option{display:block;inline-size:100%;padding-block:8px;padding-inline:16px;cursor:pointer;line-height:inherit;font-family:inherit;font-size:inherit;border:none;text-align:start;background-color:#fff}.option:hover{background-color:#ebf3e6}.option:hover .option-label{color:#39870c;font-weight:bold}.option.option-active .option-label{color:#39870c;font-weight:bold;text-decoration:underline}.option-label{position:relative;color:#000;font-size:Asap, sans-serif;font-weight:400}.option-hint{padding-inline-start:5px;color:#39870c;font-size:Asap, sans-serif;font-weight:bold}.placeholder{margin:0;padding-block:8px;padding-inline:16px;color:#666}`;
 
 const AdvancedSelect = class {
     constructor(hostRef) {
@@ -1478,10 +1478,10 @@ const AdvancedSelect = class {
         elements[nextIndex]?.focus();
     }
     render() {
-        return (h(Fragment, { key: '6bc4383d960ab9b0a14cb398464de6ebb0f9c187' }, h("button", { key: 'f10aa0612d85d21fe6b05e5bc8d971b5973347f9', "aria-expanded": this.open.toString(), class: clsx(["active-option", { open: this.open }]), type: "button", onClick: this.toggleOpen, ref: (element) => (this.toggleButtonElementRef = element) }, h(ActiveGroupLabel, { key: '61f78f3eb5791a29de2780af1c4c38432447f260', active: this.active, options: this.options }), h("span", { key: 'd519af3711abd178a33cb41d526b9f3685d9a73b', class: "active-option-label" }, this.active?.label ?? "Selecteer een optie"), h("span", { key: '6ec080dbc881bba5282195b99cda44494dd0496c', class: "active-option-aside" }, this.options.some((optionOrGroup) => "summaryCounter" in optionOrGroup && optionOrGroup?.summaryCounter) && (h("span", { key: '88b4efa65736349f6ed9178bc41448fd0e27937b', class: "badges" }, this.options
+        return (h("div", { key: 'cc1b232d8e4e9255a22873bd2b175a6cff1531a2', class: "advanced-select" }, h("div", { key: '68a3eb47e57de0da180e43344bc66e8f36c14dec', class: "advanced-select-button" }, h("button", { key: 'e2dfe8f614d8841ab2f5ed1a24c317b243b77f33', "aria-expanded": this.open.toString(), class: clsx(["active-option", { open: this.open }]), type: "button", onClick: this.toggleOpen, ref: (element) => (this.toggleButtonElementRef = element) }, h(ActiveGroupLabel, { key: '72822988cfe9aa0176c785147ec82e98fd73d3c4', active: this.active, options: this.options }), h("span", { key: '2cdd45cff77b05f02980d609c1c456ae861f00e1', class: "active-option-label" }, this.active?.label ?? "Selecteer een optie"), h("span", { key: '36d787f8d88f5e275c6ccbb8795a3a3d9ff3f8e7', class: "active-option-aside" }, h("dso-icon", { key: '57dc047d7c7e802ca28657cac384fe576d33214f', icon: "caret-down" }))), this.open && (h("div", { key: '9e91e57dce95e8491d1476a5da8b1112c3c9c219', class: "groups-container" }, h("ul", { key: 'ad358e76197005780cd0f935ed214470dc31af48', class: "groups" }, this.options.map((optionOrGroup) => ("options" in optionOrGroup && (h("li", { class: clsx(["group", { [`group-${optionOrGroup.variant}`]: !!optionOrGroup.variant }]) }, h("p", { class: "group-label" }, optionOrGroup.label), h("ul", { class: "options" }, optionOrGroup.options.map((option) => (h("li", null, h(OptionButton, { option: option, active: this.active, activeHint: this.activeHint, callback: this.handleOptionClick }))))), optionOrGroup.redirect && (h(RedirectAnchor, { redirect: optionOrGroup.redirect, callback: this.handleRedirectClick }))))) ||
+            ("placeholder" in optionOrGroup && (h("li", { class: "group" }, h("p", { class: "group-label" }, optionOrGroup.label), h("p", { class: "placeholder" }, optionOrGroup.placeholder), optionOrGroup.redirect && (h(RedirectAnchor, { redirect: optionOrGroup.redirect, callback: this.handleRedirectClick }))))) || (h("li", null, h(OptionButton, { option: optionOrGroup, active: this.active, activeHint: this.activeHint, callback: this.handleOptionClick })))))))), this.options.some((optionOrGroup) => "summaryCounter" in optionOrGroup && optionOrGroup?.summaryCounter) && (h("span", { key: 'edd3690b0f7a68b8e5697943be0d63c54a32598d', class: "badges" }, this.options
             .filter((option) => "options" in option && "summaryCounter" in option && !!option?.summaryCounter)
-            .map((group) => (h("dso-badge", { status: group.variant ?? "outline" }, group.options.length))))), h("dso-icon", { key: '9072cc0bd056301790e3e5ceffdedb48e1e1683c', icon: "caret-down" }))), this.open && (h("div", { key: 'db3269ccedbd03c6fb15fbdc8ab919755394c5c1', class: "groups-container" }, h("ul", { key: 'f6db478570a5d2f11d9df466eef1a68389694cdd', class: "groups" }, this.options.map((optionOrGroup) => ("options" in optionOrGroup && (h("li", { class: clsx(["group", { [`group-${optionOrGroup.variant}`]: !!optionOrGroup.variant }]) }, h("p", { class: "group-label" }, optionOrGroup.label), h("ul", { class: "options" }, optionOrGroup.options.map((option) => (h("li", null, h(OptionButton, { option: option, active: this.active, activeHint: this.activeHint, callback: this.handleOptionClick }))))), optionOrGroup.redirect && (h(RedirectAnchor, { redirect: optionOrGroup.redirect, callback: this.handleRedirectClick }))))) ||
-            ("placeholder" in optionOrGroup && (h("li", { class: "group" }, h("p", { class: "group-label" }, optionOrGroup.label), h("p", { class: "placeholder" }, optionOrGroup.placeholder), optionOrGroup.redirect && (h(RedirectAnchor, { redirect: optionOrGroup.redirect, callback: this.handleRedirectClick }))))) || (h("li", null, h(OptionButton, { option: optionOrGroup, active: this.active, activeHint: this.activeHint, callback: this.handleOptionClick })))))))));
+            .map((group) => (h("dso-badge", { status: group.variant ?? "outline", label: `Toon toelichting voor ${group.label.toLowerCase()}` }, group.options.length, h("div", { slot: "toggletip" }, group.toggletip))))))));
     }
     get host() { return getElement(this); }
 };

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

@@ -49,7 +49,7 @@ const Alert = class {
         if (!status) {
             throw new Error(`Invalid status ${this.status}`);
         }
-        return (h("div", { key: '00aec42517954eba58249fc009660d4945dc1d2f', class: clsx("alert", `alert-${this.status}`, { "dso-compact": this.compact }), role: this.roleAlert ? "alert" : undefined }, !this.compact && (h("dso-icon", { key: '588ea487df615524d93acaab1ab975e97a79bb6a', class: "icon-status", icon: `status-${this.status === "info" ? "info-solid" : this.status}` })), h("span", { key: '5f6286759b87b8768ae3e14169cf3258ce611c82', class: "sr-only" }, status, ":"), h("slot", { key: '5140ceb93a2dc361a2068d7099e7445ccadd4d9e' }), this.closable && (h("dso-icon-button", { key: '659fc042908dd2a03b140c1df6c772411bb16332', label: this.text("close"), variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }))));
+        return (h("div", { key: '3523f656fb83ebc5c1b64b6a81796debcb180d5a', class: clsx("alert", `alert-${this.status}`, { "dso-compact": this.compact }), role: this.roleAlert ? "alert" : undefined }, !this.compact && (h("dso-icon", { key: 'cc5b49cc6711309d3beac250028aff76dc0d25c4', class: "icon-status", icon: `status-${this.status === "info" ? "info-solid" : this.status}` })), h("span", { key: 'facad507699a3b11049f516b189dae8f54ce42e4', class: "sr-only" }, status, ":"), h("slot", { key: '33b0fda4382a8cd1408b4b423ba4f29ef2c132a7' }), this.closable && (h("dso-icon-button", { key: 'ab8e6a15ea79dc19252fd7adcb68243d50e7a937', label: this.text("close"), variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }))));
     }
     get host() { return getElement(this); }
 };
@@ -183,8 +183,8 @@ const Badge = class {
         delete this.mutationObserver;
     }
     render() {
-        return ((this.hasToggletip && (h(Host, { key: 'd69bacc6d212bc5e1489c0759b7e8b7296655954', onKeyDown: this.keyDownHandler, onFocusout: this.focusOutHandler }, h("button", { key: '04e2cb07895a9986998968848f9670585c7fe4f6', ref: (el) => (this.buttonElRef = el), type: "button", "aria-label": this.label, class: "toggletip-button", onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip, onClick: () => this.handleToggle() }, h("span", { key: 'f0ecb7608db58da99c849fb8b445326f35c8224a', class: clsx("dso-badge", "interactive", { [`badge-${this.status}`]: this.status }, { toggled: this.toggletipActive }) }, h("slot", { key: 'f3e9f5a20a1eea8a279e3fd333f14f0d62cbc6d5' }))), h(Tooltip, { key: '08d31bf04500830a84d1cd1604866cd7ea24a0a8', visible: this.showTooltip, onAfterHidden: this.handleHideTooltip, tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tipArrowElRef = element) }, this.label), h(Tooltip, { key: 'e21ac2562dcb6ba2e729a3cea46ac083b170a84e', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element), visible: this.toggletipActive }, h("dso-scrollable", { key: 'e20f87eb4692d59f32a85a400ccec8cbdc42c4ac', ref: (element) => (this.restrictContentElement = element) }, h("slot", { key: 'c9a419c66f5daa76b06061c1a290327a38d91f2f', name: "toggletip" })))))) ||
-            (!this.hasToggletip && (h("span", { key: 'ab4269a988e2fab9afdb5678eed7abb4956967f7', class: clsx("dso-badge", { [`badge-${this.status}`]: this.status }) }, h("slot", { key: '7a2a47bf8c929c014cb092739a5a497e136f1780' })))));
+        return ((this.hasToggletip && (h(Host, { key: '4ab3167d1e0da513bbfbc112cc79ea408dbb8cc6', onKeyDown: this.keyDownHandler, onFocusout: this.focusOutHandler }, h("button", { key: '46c0e3801678e2d103378e3b3000f24a294f5bc6', ref: (el) => (this.buttonElRef = el), type: "button", "aria-label": this.label, class: "toggletip-button", onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip, onClick: () => this.handleToggle() }, h("span", { key: '2e39d937e4c8b236466c79b3268f8a9d7078a635', class: clsx("dso-badge", "interactive", { [`badge-${this.status}`]: this.status }, { toggled: this.toggletipActive }) }, h("slot", { key: '9cbf2331a05a1f5e171cb652c6815d144254a67a' }))), h(Tooltip, { key: 'f70128b0b00fbc1374b5ea7e0ab7aada334cc8ab', visible: this.showTooltip, onAfterHidden: this.handleHideTooltip, tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tipArrowElRef = element) }, this.label), h(Tooltip, { key: '93eff7b7f0f7039e1be485cd0603db096eba1f1c', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element), visible: this.toggletipActive }, h("dso-scrollable", { key: 'e6327308f6c9938bd1913d6afa5dfbea2c13caea', ref: (element) => (this.restrictContentElement = element) }, h("slot", { key: '53996d108958bbd0f822c04cc1f02e6cece2617d', name: "toggletip" })))))) ||
+            (!this.hasToggletip && (h("span", { key: '773bc90e7868bb66eb50a043242024f2916a3d76', class: clsx("dso-badge", { [`badge-${this.status}`]: this.status }) }, h("slot", { key: 'b32655c2b7d8344c681dff6d727283b58e4e7d4d' })))));
     }
     get host() { return getElement(this); }
 };
@@ -1374,7 +1374,7 @@ const OzonContent = class {
             annotated: this.annotated,
         };
         const transformed = mapper.transform(this.content, context);
-        return h(Fragment, { key: 'e5ae6940571afa4c85e1fac3820e3e2843c8f04e' }, transformed);
+        return h(Fragment, { key: '2bd89c9643f0bee020a1fee5354f107c2b3b1e25' }, transformed);
     }
     static get watchers() { return {
         "content": [{
@@ -1450,7 +1450,7 @@ const ozonContentToggletip = class {
         this.cleanUp = undefined;
     }
     render() {
-        return (h(Fragment, { key: '0a812c27a5f7bf6820fc83d38f6ed05e858b18ef' }, h("span", { key: '0f29416e6f531a946b18d7aa153f3b2ff23ff4af', class: "toggletip-button", role: "button", tabindex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, this.icon && (h(Fragment, { key: '12f0115d72782788cc78f412ddeb5b3328d2005d' }, h("span", { key: '36622fff305d4f09945a5d91d19fb8eb110d3633', class: "toggletip-label" }, h("slot", { key: '2748e97daa83647d7ceeecd3272af7c3656d23e9', name: "label" })), "\u2060", h("dso-icon", { key: 'dca460d7d3f39da9f7542b66309923e96591a561', icon: this.icon }))), !this.icon && h("slot", { key: 'ad9b81a50bfb52ae5744a40b143a188d6d890baf', name: "label" })), h(Tooltip, { key: '86cec2e841b546787dc3ab5a157d25079ed685eb', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, h("slot", { key: '81066b3e4472236be538560880b2a875481bda73' }))));
+        return (h(Fragment, { key: '42a266732f99e8ff37be7fba775704cb683831e9' }, h("span", { key: '2c9db2d71a2e08dfc9873c6a8fec1cb7e0b73a65', class: "toggletip-button", role: "button", tabindex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, this.icon && (h(Fragment, { key: 'a5ea307d3f1b8642dd891b7d6480832a27fad1f3' }, h("span", { key: '063c6a4c4f655a3473f297e38c5617f0a155c0a3', class: "toggletip-label" }, h("slot", { key: '2131443bfcf023d6d1d6703135a835b741c48e9b', name: "label" })), "\u2060", h("dso-icon", { key: '862e8f3559ff9a42339325a7c58d0bef861609db', icon: this.icon }))), !this.icon && h("slot", { key: 'c22316502af49a2d6a1b1ce33d3a6306aaed408b', name: "label" })), h(Tooltip, { key: 'f4b21617701d0e0b9992166c96cc62ecbd959b8c', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, h("slot", { key: 'c75658657d070bd5dfe38e8db27c48d48e910e8a' }))));
     }
     get host() { return getElement(this); }
 };
@@ -1482,7 +1482,7 @@ const Panel = class {
         this.text = i18n(() => this.host, translations);
     }
     render() {
-        return (h("div", { key: '667111a726f74459f237917ba9bae72f8b832b36', class: clsx(["dso-panel", { emphasized: this.emphasized }]) }, h("div", { key: '3a7acc1538851be299eee9710376cd949580ac45', class: "panel-heading" }, h("slot", { key: '94481581a5ae2710358879dc311ea3e0e764cbc4', name: "heading" }), h("dso-icon-button", { key: 'f9a8b03a4bf4bf14bd0456ae7e1676fd2c9f9dcd', icon: "cross", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), h("div", { key: '8ab4d07710816ca2ceeeac714c1a1f7da607d7be', class: "panel-body" }, h("slot", { key: '675fbff5d710eea45ea4e4589996fd3fb6026b49' }))));
+        return (h("div", { key: '4a913253b4cc3dbdf0a35d9d2c1ce5c08fd2db63', class: clsx(["dso-panel", { emphasized: this.emphasized }]) }, h("div", { key: 'fc34f5256d97ad72ea29d033115f7d4a520327ab', class: "panel-heading" }, h("slot", { key: '9f00c646ea01b87a03f2a75919e948939e2b3e10', name: "heading" }), h("dso-icon-button", { key: 'c94dd153ae4b87dc327fc92a9e6668170f65a29c', icon: "cross", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), h("div", { key: '2ec1b054a60ccd303be9ce51de1dd92c2e39f361', class: "panel-body" }, h("slot", { key: '6210b499f5a1a075a778210851c7247c2aa10075' }))));
     }
     get host() { return getElement(this); }
 };
@@ -1522,7 +1522,7 @@ const Table = class {
     render() {
         const caption = this.host.querySelector(":scope > table > caption")?.textContent?.trim();
         const dialogLabel = caption || "Uitvergrote tabel";
-        return (h(Host, { key: 'e4d824e8d72bcd8ae325f997bd31dfefb91fccbc', "is-responsive": this.isResponsive?.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: 'c6c383ccbe00d76a6dbfe010e2832f604b0b709a', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (h("dialog", { class: "dso-modal", ref: (element) => (this.dialogElement = element), onClose: this.dialogCloseEventListener, "aria-label": dialogLabel }, h("div", { class: "dso-dialog dso-table-dialog" }, h("div", { class: "dso-header" }, h("h2", { class: { "sr-only": !caption } }, dialogLabel), h("dso-icon-button", { icon: "cross", variant: "tertiary", class: "dso-close", label: "Sluiten", onClick: () => this.closeModal() })), h("div", { class: "dso-body dso-table-body" }, h("slot", null))))) : (h(Fragment, null, h("div", { class: "dso-table-utilities", hidden: !this.isResponsive && this.noModal }, this.isResponsive && (h("div", { class: "dso-responsive-message" }, h("span", null, "beweeg de tabel van links naar rechts"))), !this.noModal && (h("button", { type: "button", class: "dso-tertiary open-modal-button", onClick: () => this.openModal() }, h("span", { class: "sr-only" }, "tabel ", caption ?? "", " "), h("span", null, "vergroten"), h("dso-icon", { icon: "external-link" })))), h("div", { class: "dso-table-body" }, h("slot", null))))));
+        return (h(Host, { key: 'ce32806b2e7be5a2c6c76203fd9a6caf72da5e7b', "is-responsive": this.isResponsive?.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: '9b42504f9ccf434da80bf5efe1c6bb20f72219a3', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (h("dialog", { class: "dso-modal", ref: (element) => (this.dialogElement = element), onClose: this.dialogCloseEventListener, "aria-label": dialogLabel }, h("div", { class: "dso-dialog dso-table-dialog" }, h("div", { class: "dso-header" }, h("h2", { class: { "sr-only": !caption } }, dialogLabel), h("dso-icon-button", { icon: "cross", variant: "tertiary", class: "dso-close", label: "Sluiten", onClick: () => this.closeModal() })), h("div", { class: "dso-body dso-table-body" }, h("slot", null))))) : (h(Fragment, null, h("div", { class: "dso-table-utilities", hidden: !this.isResponsive && this.noModal }, this.isResponsive && (h("div", { class: "dso-responsive-message" }, h("span", null, "beweeg de tabel van links naar rechts"))), !this.noModal && (h("button", { type: "button", class: "dso-tertiary open-modal-button", onClick: () => this.openModal() }, h("span", { class: "sr-only" }, "tabel ", caption ?? "", " "), h("span", null, "vergroten"), h("dso-icon", { icon: "external-link" })))), h("div", { class: "dso-table-body" }, h("slot", null))))));
     }
     openModal() {
         this.placeholderHeight = this.host.clientHeight;

package/dist/esm/dso-annotation-activiteit.entry.js

@@ -19,7 +19,7 @@ const AnnotationActiviteit = class {
     }
     render() {
         const hasSymbool = this.watcher.hasSymbool();
-        return (h(AnnotationBody, { key: 'cb74e19ab9677f8e0ff3f3622130687c749a1429', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h("dso-renvooi", { value: this.naam }), data: h(Fragment, null, h("span", { class: "content" }, this.regelKwalificatie && (h(Fragment, null, h("dso-renvooi", { value: this.regelKwalificatie }), " ")), this.regelKwalificatieVoorzetsel && `${this.regelKwalificatieVoorzetsel}: `, h(AnnotationListRenvooiValues, { values: this.locatieNoemers })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
+        return (h(AnnotationBody, { key: 'e55895628d0237cb6576fb2f71512bb8a484b812', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h("dso-renvooi", { value: this.naam }), data: h(Fragment, null, h("span", { class: "content" }, this.regelKwalificatie && (h(Fragment, null, h("dso-renvooi", { value: this.regelKwalificatie }), " ")), this.regelKwalificatieVoorzetsel && `${this.regelKwalificatieVoorzetsel}: `, h(AnnotationListRenvooiValues, { values: this.locatieNoemers })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-annotation-gebiedsaanwijzing.entry.js

@@ -18,7 +18,7 @@ const AnnotationGebiedsaanwijzing = class {
     }
     render() {
         const hasSymbool = this.watcher.hasSymbool();
-        return (h(AnnotationBody, { key: '771869166623d9e58b476e457b1b00e2bf40b132', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("span", { class: "content" }, h("dso-renvooi", { value: this.naam })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
+        return (h(AnnotationBody, { key: '4c7a5d5bc7100ac88d6caf69949df24e16a984fd', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("span", { class: "content" }, h("dso-renvooi", { value: this.naam })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-annotation-kaart.entry.js

@@ -21,7 +21,7 @@ const AnnotationKaart = class {
     }
     render() {
         const title = this.href ? (h("a", { class: "content", href: this.href, onClick: this.clickHandler }, h("dso-renvooi", { value: this.naam }))) : (h("span", { class: "content" }, h("dso-renvooi", { value: this.naam })));
-        return h(AnnotationBody, { key: '5e922d5ecca09a1f233dfe1646861c9d86dc2c44', symbol: h("dso-icon", { icon: "land" }), title: title });
+        return h(AnnotationBody, { key: '7763afbcb7aa3488eb161aea7ae7ecf9aae9c7ee', symbol: h("dso-icon", { icon: "land" }), title: title });
     }
 };
 AnnotationKaart.style = annotationCss();

package/dist/esm/dso-annotation-locatie_2.entry.js

@@ -20,7 +20,7 @@ const AnnotationLocatie = class {
     }
     render() {
         const hasSymbool = this.watcher.hasSymbool();
-        return (h(AnnotationBody, { key: 'f73c4480e55cea90ca7774c1d53fe9132c2af190', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("span", { class: "content" }, h("dso-renvooi", { value: this.locatieNoemer })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
+        return (h(AnnotationBody, { key: '400d50e2f9db5c2507ee6fadb40d67235e0470a7', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("span", { class: "content" }, h("dso-renvooi", { value: this.locatieNoemer })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
     }
     get host() { return getElement(this); }
 };
@@ -232,17 +232,17 @@ const DocumentComponent = class {
             this.alternativeTitle ||
             this.label ||
             this.annotated);
-        return (h(Host, { key: '154a84124e835009c50b6f39e390a05e6910793d', "not-collapsible": !collapsible }, showHeading && (h("div", { key: 'a5525570353f5fdf3731127d118ae60dac8586cc', class: "heading-container", part: "_heading-container" }, this.wijzigactie && h("span", { key: 'a070f7295e89bd26a0426e310be9aafe2049973a', class: "editaction-label" }, this.wijzigactieLabel, ":"), h("div", { key: '12790d1f766b26ccc324a18e2a803a459160304d', class: "heading" }, h(Heading, { key: 'fea1907cf9c461516334cd482bd60ca328bdd09c', heading: this.heading, class: "heading-element", onClick: this.alternativeTitle ? this.handleHeadingClick : undefined, mode: this.mode, href: this.href }, collapsible && this.mode === "document" && (h("dso-icon-button", { key: 'fdbbd948671d3213498e5e7b3bbbbeb0cec7e981', label: this.open ? "Invouwen" : "Uitvouwen", class: "toggle-button", icon: this.open ? "chevron-down" : "chevron-right", variant: "tertiary", onDsoClick: (e) => this.handleHeadingClick(e.detail.originalEvent) })), h("div", { key: '1f8ecd1c79f4815087281dc62269234d79fa9c02' }, this.notApplicable && h("span", { key: 'a653d1041c24217ea729347cbfbb8049295b56bf', class: "sr-only" }, "Niet van toepassing:"), this._kop ? (h("dso-ozon-content", { class: "kop", content: this._kop, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => this.mark?.(text, "kop")), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit({ ...e.detail, source: "kop" }), inline: true, urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })) : (h("span", { class: "alternative-title" }, (!this.mark && this.alternativeTitle) ||
-            (this.mark && this.alternativeTitle && (h(MarkText, { mark: this.mark && ((text) => this.mark?.(text, "alternativeTitle")), text: this.alternativeTitle, emitMarkItemHighlight: (text, elementRef) => this.dsoMarkItemHighlight.emit({ text, elementRef, source: "alternativeTitle" }) }))))), h(AantekenStatus, { key: '984e9a5591793c11ef40bdaa4ba4f19aec1f5970', gereserveerd: this._gereserveerd, vervallen: this._vervallen }))), this.recursiveToggle !== undefined && this.open && this.mode === "document" && (h("dso-icon-button", { key: '4b4d71d0cc5ffefcfd5bcf715752673d56087b80', label: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", class: "recursive-toggle", icon: this.recursiveToggle === true ? "eye" : "eye-slash", variant: "tertiary", onDsoClick: (e) => this.handleRecursiveToggleClick(e.detail.originalEvent) })), this.showBadge() && (h(Fragment, { key: 'f145f81ceb77fa399ba3bf458e2065803aa99cf5' }, h("dso-badge", { key: 'd14354bfe4f7eb27daacd10492def45a24c2cb13', status: this.badgeStatus, label: this.badgeTooltip ? "Toon toelichting" : undefined }, this.badge, this.badgeTooltip && h("div", { key: 'ac38e28944cf007a6062965e0f9e31f20578cd09', slot: "toggletip" }, this.badgeTooltip)))), (this.label || this.annotated) && (h("div", { key: '33f544397bebf58be1b504808ecc2d67e6f8afcd', class: "addons" }, this.label && (h("dso-label", { key: '1313048af9632a11d1ca26cbd6fe7b904321e2f1', status: this.labelStatus, compact: true }, this.label)), this.annotated && this.mode === "document" && (h("dso-icon-button", { key: '853717209f0d3f068f44536e23341e4472313fd7', label: `Kenmerken en kaartgegevens ${this.openAnnotation ? "verbergen" : "tonen"}`, icon: "label", variant: "tertiary", onDsoClick: (e) => this.dsoAnnotationToggle.emit({
+        return (h(Host, { key: 'b2ea67a7dfa5662c4547541bdeb52c418af0b635', "not-collapsible": !collapsible }, showHeading && (h("div", { key: 'd6d28237eceb27b35ff3464f2342685e94bf7bea', class: "heading-container", part: "_heading-container" }, this.wijzigactie && h("span", { key: 'f05537c583e12690cb719c710e9a8a9184e163d9', class: "editaction-label" }, this.wijzigactieLabel, ":"), h("div", { key: '7dec2e9358bae0cbd6d88c768f7fcaadc6f3ed2a', class: "heading" }, h(Heading, { key: 'b176668f5b105b1b6d1032454abc3b42e96c80e5', heading: this.heading, class: "heading-element", onClick: this.alternativeTitle ? this.handleHeadingClick : undefined, mode: this.mode, href: this.href }, collapsible && this.mode === "document" && (h("dso-icon-button", { key: '5d9b506181510d8358d22c82d48b9f5b1a5202ca', label: this.open ? "Invouwen" : "Uitvouwen", class: "toggle-button", icon: this.open ? "chevron-down" : "chevron-right", variant: "tertiary", onDsoClick: (e) => this.handleHeadingClick(e.detail.originalEvent) })), h("div", { key: '5ee3779a4fa25efd53134c0e5152ffa9c3f2a4f1' }, this.notApplicable && h("span", { key: 'd2712c30e83defec625819891fe263f217027363', class: "sr-only" }, "Niet van toepassing:"), this._kop ? (h("dso-ozon-content", { class: "kop", content: this._kop, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => this.mark?.(text, "kop")), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit({ ...e.detail, source: "kop" }), inline: true, urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })) : (h("span", { class: "alternative-title" }, (!this.mark && this.alternativeTitle) ||
+            (this.mark && this.alternativeTitle && (h(MarkText, { mark: this.mark && ((text) => this.mark?.(text, "alternativeTitle")), text: this.alternativeTitle, emitMarkItemHighlight: (text, elementRef) => this.dsoMarkItemHighlight.emit({ text, elementRef, source: "alternativeTitle" }) }))))), h(AantekenStatus, { key: 'b9066cea29de3ac6fc8a000ea67eccc55897786f', gereserveerd: this._gereserveerd, vervallen: this._vervallen }))), this.recursiveToggle !== undefined && this.open && this.mode === "document" && (h("dso-icon-button", { key: 'c4a0b6f6a2859cbbd82a45d1e2f90913b5b65e80', label: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", class: "recursive-toggle", icon: this.recursiveToggle === true ? "eye" : "eye-slash", variant: "tertiary", onDsoClick: (e) => this.handleRecursiveToggleClick(e.detail.originalEvent) })), this.showBadge() && (h(Fragment, { key: 'd6d94f609b52f1451b49be5c37eb695b87384fa2' }, h("dso-badge", { key: 'fa08566cf4f6b2a96ebe74e1533c5caaf5a591ab', status: this.badgeStatus, label: this.badgeTooltip ? "Toon toelichting" : undefined }, this.badge, this.badgeTooltip && h("div", { key: '066192cfdfb3bf294abb75ef373d4715d5b8f127', slot: "toggletip" }, this.badgeTooltip)))), (this.label || this.annotated) && (h("div", { key: '206c59d201ecc521439e22dee7c10983e8a1552a', class: "addons" }, this.label && (h("dso-label", { key: 'ee60733621c45175485c0650af96669136d9c697', status: this.labelStatus, compact: true }, this.label)), this.annotated && this.mode === "document" && (h("dso-icon-button", { key: '71ba42f0dbae3ad07d683be8352a55fef5765ccd', label: `Kenmerken en kaartgegevens ${this.openAnnotation ? "verbergen" : "tonen"}`, icon: "label", variant: "tertiary", onDsoClick: (e) => this.dsoAnnotationToggle.emit({
                 current: this.openAnnotation,
                 next: !this.openAnnotation,
                 scrollRef: this.host,
                 originalEvent: e.detail.originalEvent,
-            }) }))))))), this.openAnnotation && (h("div", { key: '425520571741cf387d5d03fdf01d63e63697799a', class: "annotation-container", part: "_annotation-container" }, h("dso-panel", { key: '7fc88bea5eefe250f41626c92a45abf839c6f27d', id: "annotations", onDsoCloseClick: (e) => this.dsoAnnotationToggle.emit({
+            }) }))))))), this.openAnnotation && (h("div", { key: '8746bc4ed68bc3620c113eef074b948272959f87', class: "annotation-container", part: "_annotation-container" }, h("dso-panel", { key: 'ae75591436513944b20b30962f4291cfb157efca', id: "annotations", onDsoCloseClick: (e) => this.dsoAnnotationToggle.emit({
                 current: true,
                 next: false,
                 originalEvent: e,
-            }), closeButtonLabel: "Kenmerken en kaartgegevens verbergen" }, h("h2", { key: '3fbb099379c8ab62f0a95982b0239c2247a784c8', slot: "heading" }, "Kenmerken en kaart"), h("slot", { key: '2fe2f166222aa1e274ee57e9e1f50f14ccf7645b', name: "annotations" })))), this.open && (this._inhoud || this._gereserveerd || this._vervallen) && this.mode === "document" && (h("div", { key: '50eaab81aa44847d1487c5aad28d77efc7c76e6c', class: "content", part: "_content" }, h(AantekenAlert, { key: 'd264e0b7cfba6ebac3e37fada11ff246736efddc', gereserveerd: this._gereserveerd, vervallen: this._vervallen }), this._inhoud && (h("dso-ozon-content", { key: '8b7ad177e8b5dcd5a23e65db9aca4b760c658c0e', content: this._inhoud, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => this.mark?.(text, "inhoud")), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit({ ...e.detail, source: "inhoud" }), urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })))), h("div", { key: '6fd49cdf715ce1acc30f2f7e2f3ff4694c92e8f9', class: "children-container", part: "_children-container" }, h("slot", { key: 'f63548b452ab86010d3f7c8be41689fa335fad79' }))));
+            }), closeButtonLabel: "Kenmerken en kaartgegevens verbergen" }, h("h2", { key: '37175e255f0a9dfa3a024b14be3fbca10f18f64c', slot: "heading" }, "Kenmerken en kaart"), h("slot", { key: '950f26b33105a31a4d957164ca3c426d2dcb4110', name: "annotations" })))), this.open && (this._inhoud || this._gereserveerd || this._vervallen) && this.mode === "document" && (h("div", { key: 'e4dd128387e4407a11f9e10420e3f88309754fd8', class: "content", part: "_content" }, h(AantekenAlert, { key: '3f7e2c0ca74defd8fac24ba02822843db173e6ee', gereserveerd: this._gereserveerd, vervallen: this._vervallen }), this._inhoud && (h("dso-ozon-content", { key: 'b7aa32e7939d50978ef7730132c84e8cd038344c', content: this._inhoud, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => this.mark?.(text, "inhoud")), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit({ ...e.detail, source: "inhoud" }), urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })))), h("div", { key: '85bfd9f8b0737cea51673410fb7c226dae2474c9', class: "children-container", part: "_children-container" }, h("slot", { key: 'eb36a4df9e2252f25ba39e36e0cd4b0b4bc2e6cc' }))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-annotation-omgevingsnormwaarde.entry.js

@@ -19,7 +19,7 @@ const AnnotationOmgevingsnormwaarde = class {
     }
     render() {
         const hasSymbool = this.watcher.hasSymbool();
-        return (h(AnnotationBody, { key: '9409a8f102f2702137b37f276f4de1de6dc94266', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active || false, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("dso-renvooi", { value: this.naam }), this.eenheid && (h(Fragment, null, " ", "(in ", h("dso-renvooi", { value: this.eenheid }), ")"))), data: h(Fragment, null, h("span", { class: "content" }, this.toelichting && h(Fragment, null, this.toelichting), this.waardes && this.waardes.length > 0 && (h(Fragment, null, ": ", h(AnnotationListRenvooiValues, { values: this.waardes })))), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
+        return (h(AnnotationBody, { key: '5a8276a04c0506a83d57156e26d6d9ed098718de', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active || false, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("dso-renvooi", { value: this.naam }), this.eenheid && (h(Fragment, null, " ", "(in ", h("dso-renvooi", { value: this.eenheid }), ")"))), data: h(Fragment, null, h("span", { class: "content" }, this.toelichting && h(Fragment, null, this.toelichting), this.waardes && this.waardes.length > 0 && (h(Fragment, null, ": ", h(AnnotationListRenvooiValues, { values: this.waardes })))), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-attachments-counter_2.entry.js

@@ -8,7 +8,7 @@ const AttachmentsCounter = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("span", { key: '5f3b8b2a8d9815c3c29772c9ba6bf2064d0b19ba', class: "dso-attachments" }, this.count, " ", h("span", { key: 'c74586ff0b984718507a1d1b6afa0cda132c247e', class: "sr-only" }, "bijlage", this.count !== 1 ? "n" : ""), h("dso-icon", { key: '0041e344074720593cae7eb02bf88cc87473e97b', icon: "paperclip" })));
+        return (h("span", { key: '6338a662c85c9fc73fe6ca24494fec1c536968f8', class: "dso-attachments" }, this.count, " ", h("span", { key: 'b2d1afab942ca6b1b5b6dd43cdc6e01559559260', class: "sr-only" }, "bijlage", this.count !== 1 ? "n" : ""), h("dso-icon", { key: '96cf2ccc71f92d35d843e3e6457cade3dad66e97', icon: "paperclip" })));
     }
 };
 AttachmentsCounter.style = attachmentsCounterCss();
@@ -54,10 +54,10 @@ const Expandable = class {
         }
     }
     render() {
-        return (h(Host, { key: '6869b2033d73094b79887006529f5e6f619a0a0b', "aria-hidden": this.open ? "false" : "true", class: clsx({
+        return (h(Host, { key: 'b810b0f7e7d855836374cb60e55ab653c16cdb44', "aria-hidden": this.open ? "false" : "true", class: clsx({
                 "dso-animate-ready": this.enableAnimation,
                 "dso-hide": this.isClosed,
-            }) }, h("div", { key: '6fe4be65ca5c8541d3344e4ad7cc79927cf258c0', class: "slot-container" }, h("slot", { key: '345eb3e091414be1afc224eac097f12b9a2562f5' }))));
+            }) }, h("div", { key: '63b2112c1323c523664f6eae7585bbdfd02a4238', class: "slot-container" }, h("slot", { key: '1db6f972e60b261ab42e49f993494b95f4a4ccf2' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -493,7 +493,7 @@ const Autosuggest = class {
         else if (this.input) {
             this.input.removeAttribute("aria-controls");
         }
-        return (h(Fragment, null, h("slot", { key: '08888b7a48deb495aef359e3e71ee657694edfa8' }), this.loading && this.showLoading ? (h("div", { class: "autosuggest-progress-box" }, h("dso-progress-indicator", { label: this.loadingLabel }))) : (showListbox && (h(Fragment, null, h("dso-scrollable", { class: "listbox-container", ref: (element) => (this.listboxContainer = element) }, h("div", { class: "listbox", role: "listbox", id: this.listboxId, "aria-labelledby": this.labelId, ref: (element) => (this.listbox = element), tabindex: "0" }, (flat &&
+        return (h(Fragment, null, h("slot", { key: '86042c6ac6dff7d0c37f251a5a2233292eec8ac1' }), this.loading && this.showLoading ? (h("div", { class: "autosuggest-progress-box" }, h("dso-progress-indicator", { label: this.loadingLabel }))) : (showListbox && (h(Fragment, null, h("dso-scrollable", { class: "listbox-container", ref: (element) => (this.listboxContainer = element) }, h("div", { class: "listbox", role: "listbox", id: this.listboxId, "aria-labelledby": this.labelId, ref: (element) => (this.listbox = element), tabindex: "0" }, (flat &&
             this.showSuggestions &&
             this.suggestions &&
             this.suggestions.map((suggestion) => (h(Option, { id: this.listboxItemId(suggestion), mouseEnter: () => this.selectSuggestion(suggestion), mouseLeave: () => this.resetSelectedSuggestion(), click: () => this.pickSelectedValue(), selected: (suggestion === this.selectedSuggestion).toString(), suggestion: suggestion, ref: (element) => element && this.listboxItems.push(element), markedSuggestion: this.getMarkedSuggestions(suggestion) })))) ||

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

@@ -18,9 +18,9 @@ const Banner = class {
         this.icon = false;
     }
     render() {
-        return (h("section", { key: '4ad9e6b19c2820e01c0e91d51727d0954cbfc3a7', class: clsx("dso-banner", `alert-${this.status}`, {
+        return (h("section", { key: '1f953952b736586deeb73f0a436a3ef1d7ad51ab', class: clsx("dso-banner", `alert-${this.status}`, {
                 "dso-compact": this.compact,
-            }), role: "alert" }, h("slot", { key: '291ad1941b09d5762826c0f6529c00c5693947fd' })));
+            }), role: "alert" }, h("slot", { key: '3587c1a299268323692bf2d2c27a4259f75eb480' })));
     }
 };
 Banner.style = bannerCss();

package/dist/esm/dso-button-group.entry.js

@@ -31,7 +31,7 @@ const ButtonGroup = class {
         return hasMapIconButton || hasMapClass;
     }
     render() {
-        return (h("div", { key: 'a6524b707b42027a49b5bcbd1c08d36e712b74b8', class: clsx("container", { "has-map-buttons": this.hasMapButton }), role: "group" }, h("slot", { key: '48b07dd3bc07ac7ca20cb5707a74f112201a3de4' })));
+        return (h("div", { key: '0cd0a65e9b4ed512a7f51248628b5729e591e5a9', class: clsx("container", { "has-map-buttons": this.hasMapButton }), role: "group" }, h("slot", { key: '529bd12bf8558e3d8f0a7d76bb49c9c0200714ed' })));
     }
     get host() { return getElement(this); }
 };

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

@@ -11,7 +11,7 @@ const CardContainer = class {
         this.mode = "list";
     }
     render() {
-        return (h(Fragment, null, this.mode === "list" && (h("ul", { key: 'd593775800ecb1923ef9ad855255e7dd37ea591a', class: "dso-card-list" }, h("slot", { key: '7ea9f4b7e848bf3afa2039f5ec4ab14ce2573243' }))), this.mode === "grid" && (h("div", { key: 'b4ce1e46af681b37be5e7d53ee56be82a286d9c7', class: "dso-card-grid" }, h("slot", { key: '1d29ddba3f221ee0a507ba93a36869a24e4ad19f' })))));
+        return (h(Fragment, null, this.mode === "list" && (h("ul", { key: '95c4b9efb0f971e75400362b4307082d08a9ecfa', class: "dso-card-list" }, h("slot", { key: 'c5e9b1c6a1ec0daf9959fae074983fd2d5131320' }))), this.mode === "grid" && (h("div", { key: '7b63aba8eb02ae54187ea9aa4dfb0dade6608ed8', class: "dso-card-grid" }, h("slot", { key: 'f7f20475f46a670706d12824e7efd7aadd2e6c19' })))));
     }
 };
 CardContainer.style = cardContainerCss();

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

@@ -30,8 +30,8 @@ const Card = class {
     }
     render() {
         const isSelectable = this.selectableSlottedElement !== null;
-        return (h(Host, { key: '4054a302510ad07362d9089c942e58995baa99be', "is-selectable": isSelectable }, h("div", { key: '6bc8237ad90d02bfe4b3f051c616ce1fa5c2e93e', class: "dso-card-container" }, h("div", { key: '655658b4979420b339e0acd1e25d799b36ab8d33', class: "dso-card-selectable", hidden: !isSelectable }, h("slot", { key: '441362e9baa84ea7366fd1eeda03bb694c3af304', name: "selectable" })), h("div", { key: 'b38fc0c9bbbb2fa228936039b6a4897ac1c27ad2', class: "dso-card-heading" }, (this.mode === "extern" && (h("a", { key: 'df8998e9b31aa38b61595cd49012b8f3ff51464e', href: this.href, class: "heading-anchor", target: "_blank", rel: "noopener noreferrer", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'b4685d2a490ed81e6eb7082a537a28fbae4d6072', name: "heading" }), h("dso-icon", { key: 'eb741b5b1d283c333e06ae0c87eb501aacb741b5', icon: "external-link" }), h("span", { key: '6f88b705b3967c9dd6b03419b6f18a7b1e77dc15', class: "sr-only" }, "(Opent andere website in nieuw tabblad)")))) ||
-            (this.mode === "download" && (h("a", { key: 'e0cf75a7c96ded19a96d96f4451c973336a1a507', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'c33e908eedae868f081bff313f0981449852de12', name: "heading" }), h("dso-icon", { key: 'ff774bc81320ea2f532f816de3a14c35899fb3ac', icon: "download" })))) || (h("a", { key: 'e0160cd81ad54b2665e5c87b49769aa8cf31fcfd', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '48dff93e79734127e2e578c1b8d28c2c6bf67085', name: "heading" }), h("dso-icon", { key: '89d2c5f135e95204702b1b76725c694da3e3ba8b', icon: "chevron-right" }))), this.interactionsSlottedElement !== null && h("slot", { key: '177b551119e7b08ed23d501199d1ec57a60e6a95', name: "interactions" })), h("div", { key: '11a6c27534df33821844c9ff6ea602517f1602b0', class: "dso-card-content" }, h("slot", { key: '0145480ad4b5b50a80dcaa6c816e7cab3784d06f', name: "content" })))));
+        return (h(Host, { key: '0b9c26d1a491eead187bdcc26d2b6b57817eca31', "is-selectable": isSelectable }, h("div", { key: 'b52c62ddcee54a435c5d8212721612877a07b972', class: "dso-card-container" }, h("div", { key: 'a07e3907ba0c6455f8ccb36958ece3220af93eab', class: "dso-card-selectable", hidden: !isSelectable }, h("slot", { key: 'fa8bde0f224549caf881623a0ceb5745d07abce2', name: "selectable" })), h("div", { key: '34962e8d62f38925d2009d14669c5686690fcbfa', class: "dso-card-heading" }, (this.mode === "extern" && (h("a", { key: '754585f88fe4bc2a0dc90de191e81654ad01c0f0', href: this.href, class: "heading-anchor", target: "_blank", rel: "noopener noreferrer", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '90cb149fe3d70cbc8b6db973ba2341ec0091a4e1', name: "heading" }), h("dso-icon", { key: '61731f3b68644ce94fbb82880714370fad5d9211', icon: "external-link" }), h("span", { key: 'ef03c618b979ec850b6ebb79efa5b26a19e218ca', class: "sr-only" }, "(Opent andere website in nieuw tabblad)")))) ||
+            (this.mode === "download" && (h("a", { key: '64d6243c5aef5cc6359ddc86745420c67e257989', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '1df2c690db408fc0c3cd7bc952d9c6e390ae0614', name: "heading" }), h("dso-icon", { key: 'b2720002592fd8bd947c86ca4b3199c5cff73535', icon: "download" })))) || (h("a", { key: '5d1e9b8f8c3cd1a98d1a77699b3083b6c2b323f6', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'd9c93d3289412d714ed543dea3ecb4a299242959', name: "heading" }), h("dso-icon", { key: 'deadcd1ae3ae36e346a6ab050f7a085a4b2afe0d', icon: "chevron-right" }))), this.interactionsSlottedElement !== null && h("slot", { key: '53c596e25689b490a4e8a6cb059cbc8e60d7d3f4', name: "interactions" })), h("div", { key: '9237379b0b91ce0d0e3a4797aa19389e8aa99356', class: "dso-card-content" }, h("slot", { key: '63d29f83f27cd4be3251c161bee697bea774ae92', name: "content" })))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-contact-information.entry.js

@@ -7,7 +7,7 @@ const ContactInformation = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'bbabd0b1c2088b6e7fffdd7c51dcbad08205a7e7', class: "dso-contact-information" }, h("slot", { key: 'e002381ccc600ede34f2d024d9ff6afa992d497b', name: "heading" }), h("slot", { key: 'f03b77b304836ccfe8cf48b310ea79f6fbdebb61', name: "anchor-items" }), h("slot", { key: 'b73bae3565c07464938d138c31fe5a9f3156e1f4', name: "info-items" })));
+        return (h("div", { key: '509b3f51fa023a5b58d46e40252b917971afb600', class: "dso-contact-information" }, h("slot", { key: '281b8ad46ec6f591a9fc4d6d565d4dc847979ab7', name: "heading" }), h("slot", { key: '2de8f14e5116bf5bda27ef17f287b711997fd82c', name: "anchor-items" }), h("slot", { key: 'e67e73ff0b3785f5e13e76b01467484007378fbf', name: "info-items" })));
     }
 };
 ContactInformation.style = contactInformationCss();

package/dist/esm/dso-cursor-tooltip.entry.js

@@ -7,7 +7,7 @@ const CursorTooltip = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'c78f4b922f494720c57e20e481a5ca85347f79e3', class: "dso-cursor-tooltip" }, h("slot", { key: 'bcd9e0dccd6aa2858692231104c0e22cc2efdbae' })));
+        return (h(Host, { key: 'fe3c40f9ab20b3172e840b353cf4b2eeca1a96fe', class: "dso-cursor-tooltip" }, h("slot", { key: '11c043f041dce83de7740ffdb0b62481c4d10516' })));
     }
 };
 CursorTooltip.style = cursorTooltipCss();

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

@@ -146,7 +146,7 @@ const DsoDatePicker = class {
         return undefined;
     }
     render() {
-        return (h("input", { key: 'c599e90b8e1029573beb7097dc5364e06759dcd7', 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: 'd158728374aeea203e28cb6f8b9d3f5c99d4f887', 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-document-card.entry.js

@@ -29,7 +29,7 @@ const DocumentCard = class {
         return this.host.querySelector("[slot='interactions']");
     }
     render() {
-        return (h("div", { key: '4affec0b22c5f5f4144283b1589b9e1c4f570b57', class: "dso-document-card-container" }, h("div", { key: '6bcd0afa4b40f8179cc4144749a151ecc2d66f91', class: "dso-document-card-heading" }, h("a", { key: 'ad6932aec840d9efe9b4451fd9d8d0a1ddf7a0dc', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { key: '54992c382674ec9b41c0f6b4bd70a5ecd8a8973b', class: "icon-container" }, h("dso-icon", { key: '35838a3f95be20e19b1b7df724534c8d83e6de09', icon: "chevron-right" }), h("slot", { key: '863d45862be6f562777380d67287db009f0b339a', name: "heading" })))), h("div", { key: '63c1788593589f43f737a5ae68c0f66dbc3621fd', class: "dso-document-card-type" }, h("slot", { key: 'ed970cda2b97962b197693fc924117f1f09965b3', name: "type" })), h("div", { key: 'fe0dc0a723692b4020a3184fe871c4dc4d636b75', class: "dso-document-card-status" }, this.metaSlottedElement !== null && h("slot", { key: '83a09d88b8226cdab151b6ef785c4e5539e8b630', name: "meta" }), h("slot", { key: '5e76d509a5d7904316959472e2f8fac04aa817ac', name: "status" }), this.interactionsSlottedElement !== null && h("slot", { key: '3fa930f7e59f9502df2e7fc58c28b8950206053a', name: "interactions" }))));
+        return (h("div", { key: '424a1e6058327ca1892f41626288909fdbe28972', class: "dso-document-card-container" }, h("div", { key: 'bf0e9dc501a1850af4dd64d36590de0d2103b164', class: "dso-document-card-heading" }, h("a", { key: 'fa110e3c6f1984741d02b515082e847b11aea781', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { key: '32cd23687a349abef9083164795ebb17e833baf2', class: "icon-container" }, h("dso-icon", { key: 'f796e32f7d8c7e1ee350aa1b7a3de65be51fed36', icon: "chevron-right" }), h("slot", { key: 'a23262482804914228c0320525f41c2bbf35314e', name: "heading" })))), h("div", { key: '75734d9e95ded9f4fdde9c999d7a4233b8314f06', class: "dso-document-card-type" }, h("slot", { key: 'b18ce3010ae3cb4736ae92108e014fe51a2e2484', name: "type" })), h("div", { key: '46673ebfc66c849b1ba48337f1fb2f864b182759', class: "dso-document-card-status" }, this.metaSlottedElement !== null && h("slot", { key: '45418a415877277de76dcf3a6f8df0ad86c4f732', name: "meta" }), h("slot", { key: 'cd8bf629833394d19d423ba7b8912be3a7af5f53', name: "status" }), this.interactionsSlottedElement !== null && h("slot", { key: '3996b4f72f7658ef760dfcf7f6578b4b8951e0a0', name: "interactions" }))));
     }
     get host() { return getElement(this); }
 };

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

@@ -174,7 +174,7 @@ const DropdownMenu = class {
         tabbables[nextIndex]?.focus();
     }
     render() {
-        return (h(Host, { key: '4009f7adfe94fe7e6f5b7394dbe36b6fb87e8c70', onFocusout: this.focusOutListener }, h("slot", { key: '3e1d52f7dbbba3a71d4478df935bf0ff7d59948c', name: "toggle" }), h("div", { key: '19786efe0f950860335807f14ba22037776e965d', popover: "manual", ref: (element) => (this.popoverElement = element) }, h("slot", { key: '63629ebce7b242720ed9b78981137853276ee9b0' }))));
+        return (h(Host, { key: '28f8eb6a00bf4a1b139c917e44ce8de42067e8c6', onFocusout: this.focusOutListener }, h("slot", { key: 'fcf093b872932b1f604ae3d5f93391189ac60bbb', name: "toggle" }), h("div", { key: '2a621a9cdcf5817faf1354640a0062caa5c5fe04', popover: "manual", ref: (element) => (this.popoverElement = element) }, h("slot", { key: '68633d9a0c505d120acac96e15058d44e01d9a00' }))));
     }
     get host() { return getElement(this); }
 };

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

@@ -151,7 +151,7 @@ const Header = class {
         }
     }
     render() {
-        return (h(Host, { key: 'c5dab8e925d9b642a69e0ca2f65d6de1e7012c14', "is-compact": this.isCompact }, h("div", { key: '08c8c495b559546d79ba787bc0408819f8d69ffc', class: "dso-header" }, h("div", { key: 'dd73a4de4f64c7ebefadccb11a9cfc02fbe49e47', class: "logo-container" }, h("slot", { key: '8e65f287778d2e983eaec13a6692f1990506670b', name: "logo" })), this.isCompact ? this.renderCompact() : this.renderNormal())));
+        return (h(Host, { key: '8850386c7bf2d6e8351feddbce7c96066b25e4a8', "is-compact": this.isCompact }, h("div", { key: 'e5dc88c23f33ff0436e7a32018ad6805bc63dab8', class: "dso-header" }, h("div", { key: '3dddcad9303c819dcb4a27f4f0b5b66c39536dd0', class: "logo-container" }, h("slot", { key: '9afb7a64d9d97010a2a98b9416f81a4de80933a7', name: "logo" })), this.isCompact ? this.renderCompact() : this.renderNormal())));
     }
     renderCompact() {
         return ((this.mainMenu.length > 0 || this.userHomeUrl || this.authStatus !== "none") && (h("div", { class: "dropdown" }, h("dso-dropdown-menu", { "dropdown-align": "right", dropdownOptionsOffset: this.dropdownOptionsOffset, ref: (element) => (this.dropdownElement = element) }, h("button", { type: "button", slot: "toggle" }, h("span", null, this.text("menu")), h("dso-icon", { icon: "chevron-down" })), h("div", { class: "dso-dropdown-options" }, h("ul", null, this.mainMenu.map((menuItem) => (h(MenuItem, { item: menuItem, onClick: (e) => this.clickHandler(e, "menuItem", { menuItem }), key: menuItem.label }))), this.userHomeUrl && (h("li", null, 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", null, 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 === "loggedOut" && (h("li", null, this.loginUrl ? (h("a", { href: this.loginUrl, onClick: (e) => this.clickHandler(e, "login", { url: this.loginUrl }) }, this.text("login"))) : (h("button", { type: "button", onClick: (e) => this.clickHandler(e, "login") }, this.text("login"))))), this.authStatus === "loggedIn" && (h("li", null, this.logoutUrl ? (h("a", { href: this.logoutUrl, onClick: (e) => this.clickHandler(e, "logout", { url: this.logoutUrl }) }, this.text("logout"))) : (h("button", { type: "button", onClick: (e) => this.clickHandler(e, "logout") }, this.text("logout"))))), this.showHelp && (h("li", null, this.helpUrl ? (h("a", { href: this.helpUrl, class: "dso-tertiary", onClick: (e) => this.clickHandler(e, "help", { url: this.helpUrl }) }, h("span", null, this.text("help")), h("dso-icon", { icon: "help-outline" }))) : (h("button", { type: "button", class: "dso-tertiary", onClick: (e) => this.clickHandler(e, "help") }, h("span", null, this.text("help")), h("dso-icon", { icon: "help-outline" })))))))))));

package/dist/esm/dso-highlight-box.entry.js

@@ -8,7 +8,7 @@ const HighlightBox = class {
     }
     render() {
         const hasCounter = this.step || !!this.element.querySelector("[slot=icon]");
-        return (h(Host, { key: '37c8e0a11211e492b1969195f3a4829b756f3191', "has-counter": hasCounter }, hasCounter && h("div", { key: '97dc69885551c40bf8a9578fd062798782c87b37', class: "dso-step-counter" }, this.step ?? h("slot", { key: '8fb89cc0a0a37c0195d0dd1922df73a2978ec086', name: "icon" })), h("slot", { key: '9af4954e7cc681e435b36ac0a8eb524fa4c2031b' })));
+        return (h(Host, { key: '35803c970b866b42d0512c7d6a7db877b431053f', "has-counter": hasCounter }, hasCounter && h("div", { key: '228e50bc3a6a61065feb605a466e7a3b943d2b56', class: "dso-step-counter" }, this.step ?? h("slot", { key: '77cee35b45294b747acf6602bc4ffb5399e3f94a', name: "icon" })), h("slot", { key: '7f6d38f4c8514605b9721466409882313236b887' })));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/dso-history-item.entry.js

@@ -40,7 +40,7 @@ const HistoryItem = class {
         return this.host.querySelector("[slot='warning']");
     }
     render() {
-        return (h("div", { key: 'db1e85f9f3e1c1fd0062b6162dcf0bb5e47d63a8', class: "history-item" }, h("div", { key: '7c74c958d0301cc1bddd65bab0f014991fc424d6', class: "history-item-date" }, h("slot", { key: '6e2e62ea5643b2f57e5831d8b321c250cf9b6a91', name: "date" })), h("div", { key: '58ddf3999eb6c1852b84336f9d1193dd5b111415', class: "history-item-content" }, h("div", { key: '1b37480a4fc59b547ce43368f568f26b3b7e3c68', class: "history-item-status-message" }, h("dso-icon", { key: '89fd3a158fabff9e39eb704607c3dfe3e642753f', icon: this.typeIcons[this.type], "aria-hidden": "true" }), h("slot", { key: '3ee454ba72a5fe16bc881e628e79e8f52f55dc3b', name: "status" })), this.titleSlottedElement !== null && this.href && (h("div", { key: 'd499731a18b8dfc319a7bb5d7664b3577dede4e4', class: "history-item-title" }, h("a", { key: '015f1ff71b91e1de22befe8cd08dc6df94c3ff43', href: this.href, class: "title-anchor", onClick: (e) => this.clickEventHandler(e), "aria-current": this.current ? "true" : undefined }, h("span", { key: 'f4d69a1fd97a76e3877206d5b20b64853bf8b4b9', class: "history-item-title-content" }, h("slot", { key: '8df3189a5eeb51ce25d3072c65a2a468b57a9716', name: "title" })), "\u2060", h("dso-icon", { key: 'b581dcf322e80b4ede1a943418ea1554644a12ac', icon: "chevron-right", "aria-hidden": "true" })))), this.explanationSlottedElement !== null && (h("div", { key: '4a5d0535570bd2d4f487ddfc0f597d6013a62af5', class: "history-item-explanation" }, h("slot", { key: '64f179bc5fe66d33632ee1d4b9b1da9e48469ee0', name: "explanation" }))), this.warningSlottedElement !== null && (h("div", { key: '6f2db3202af45f6a6892bb71ad15c1a9edda4ef9', class: "history-item-warning" }, h("dso-icon", { key: '381f2f5da6fe60e9b9b587bfdc568ff7c93f4b17', icon: "status-warning-red-solid", role: "img", "aria-label": "Waarschuwing" }), h("slot", { key: '770ea9457ddf105fd133af03c13ad65a10eb5a59', name: "warning" }))))));
+        return (h("div", { key: '1f64d214c8a55e32d46924c44e2a67e6fe762ba6', class: "history-item" }, h("div", { key: '1faf71543e8465d42636730a7a2d1f3f6b731b97', class: "history-item-date" }, h("slot", { key: 'fd30727dea17f047cc1191b17585b34e1aa28527', name: "date" })), h("div", { key: 'af748c630159e9fd76d7489ae9b463c60e7a2047', class: "history-item-content" }, h("div", { key: '718da0969265515c84b27397dda672aa5519a61f', class: "history-item-status-message" }, h("dso-icon", { key: '52e2f8abb5a0db890604556cf2eb6d03c1d977fd', icon: this.typeIcons[this.type], "aria-hidden": "true" }), h("slot", { key: 'a605bad20f157372dea498db2586cc99ca1aa4e7', name: "status" })), this.titleSlottedElement !== null && this.href && (h("div", { key: '147a283e5614d681a5828e2eed49892f4bc2b308', class: "history-item-title" }, h("a", { key: '94dc57f6a9de0eda156871da5eb08bc63967347c', href: this.href, class: "title-anchor", onClick: (e) => this.clickEventHandler(e), "aria-current": this.current ? "true" : undefined }, h("span", { key: 'a9e3fbb2a158c5301cd2e3b77417aa45d3f18d50', class: "history-item-title-content" }, h("slot", { key: 'f96e09b0853ded2962d51604c6924d18e8ec7352', name: "title" })), "\u2060", h("dso-icon", { key: '4f2c3df04231db6a328adb4ddc2787604447d119', icon: "chevron-right", "aria-hidden": "true" })))), this.explanationSlottedElement !== null && (h("div", { key: '4eb066cbfc8f5aeae2d4a81e78647bae853b5439', class: "history-item-explanation" }, h("slot", { key: '3c24ab2930fe3b24f222705f3581de5aee3949d4', name: "explanation" }))), this.warningSlottedElement !== null && (h("div", { key: '46ebd43221d15f1f5de0a4cf2458018278c85236', class: "history-item-warning" }, h("dso-icon", { key: '75863ed1f713b3873a2ea50c3b5a14f127c50e6e', icon: "status-warning-red-solid", role: "img", "aria-label": "Waarschuwing" }), h("slot", { key: '11f28b0b0e75cdaf14b7abdf5006f08faf81ec08', name: "warning" }))))));
     }
     get host() { return getElement(this); }
 };

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

@@ -801,7 +801,7 @@ const Icon = class {
             if (!icon) {
                 throw new TypeError(`Unknown svg: ${this.icon}`);
             }
-            return h("span", { key: '93f2c0f7aa95f075b91c5b166f22393570b40c76', class: "icon-container", innerHTML: icon.svg });
+            return h("span", { key: '23ae18f6dfa49ec6901d7486d782e19948109378', class: "icon-container", innerHTML: icon.svg });
         }
     }
 };
@@ -890,7 +890,7 @@ const IconButton = class {
         this.cleanUp = undefined;
     }
     render() {
-        return (h("button", { key: '92acd0f1a5786704404b256b1ef81758d339b3e9', ref: (el) => (this.buttonElRef = el), type: "button", disabled: this.disabled, "aria-label": this.label, class: `icon-button dso-${this.variant}`, onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip, onClick: this.handleClick }, h("dso-icon", { key: '71371de8f1aee8844f7dece525157c255f19ecea', icon: this.icon }), h(Tooltip, { key: '3f8c6f60b3f33a6632acf8082233fd5b0e37a832', visible: this.showTooltip, onAfterHidden: this.handleHideTooltip, tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tipArrowElRef = element) }, this.label)));
+        return (h("button", { key: '39b2888ecb9c678d727b500044de8eb8e040b10d', ref: (el) => (this.buttonElRef = el), type: "button", disabled: this.disabled, "aria-label": this.label, class: `icon-button dso-${this.variant}`, onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip, onClick: this.handleClick }, h("dso-icon", { key: '1a5eb6257dcae2dd73d2307018821e51f6df04c1', icon: this.icon }), h(Tooltip, { key: 'cf80d8d08594dd9d493d17732604c9b2749bb569', visible: this.showTooltip, onAfterHidden: this.handleHideTooltip, tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tipArrowElRef = element) }, this.label)));
     }
 };
 IconButton.style = iconButtonCss();