npm - @dso-toolkit/core - Versions diffs - 102.0.0 → 103.0.0 - Mend

@dso-toolkit/core 102.0.0 → 103.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (456) hide show

package/dist/cjs/{dso-label_3.cjs.entry.js → dso-label_2.cjs.entry.js} RENAMED Viewed

@@ -2,7 +2,10 @@
 var index = require('./index-nobQUdjz.js');
 var clsx = require('./clsx-BtxeOLZW.js');
-var v4 = require('./v4-_2BfiRUa.js');
+var tooltip_controller = require('./tooltip.controller-Cvac0qe3.js');
+var tooltip_functionalComponent = require('./tooltip.functional-component-Emx05bWV.js');
+require('./position-tooltip.function-DCOaqlbY.js');
+require('./floating-ui.dom-BKTTOpb1.js');
 const labelCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:inline-block;max-inline-size:100%}:host([truncate][removable]) .dso-label-content{max-inline-size:calc(100% - 28px)}::slotted([slot=symbol]){background-color:#fff;background-color:#fff;display:block;float:inline-start;block-size:20px;margin-block-start:0;margin-inline-end:8px;inline-size:24px;overflow:hidden;position:relative}.dso-label{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f2f2f2;color:#191919;display:inline-flex;align-items:center;padding-block:4px;padding-inline:8px;max-inline-size:100%;min-inline-size:0;font-weight:normal;border-radius:4px;line-height:1.5}.dso-label:focus-within,.dso-label.dso-hover{text-decoration:line-through}.dso-label.dso-label-info{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#6ca4d9;color:#191919}.dso-label.dso-label-primary{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#275937;color:#fff}.dso-label.dso-label-success{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#39870c;color:#fff}.dso-label.dso-label-warning{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#dcd400;color:#191919}.dso-label.dso-label-error{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#ce3f51;color:#fff}.dso-label.dso-label-bright{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;outline:1px solid #ccc;outline-offset:-1px}.dso-label.dso-label-attention{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#8b4a6a;color:#fff}.dso-label.dso-label-filter{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e1ecf7;color:#191919;border-inline-start:5px solid #6ca4d9}.dso-label.dso-label-toegevoegd{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}.dso-label.dso-label-verwijderd{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){.dso-label.dso-label-verwijderd{font-family:sans-serif}}.dso-label.dso-compact{padding-block:0;padding-inline:8px}.dso-label-content{min-inline-size:0}dso-icon-button{float:inline-end;margin-inline-start:8px;margin-inline-end:-4px}`;
@@ -50,11 +53,11 @@ const Label = class {
         this.mutationObserver = undefined;
     }
     render() {
-        return (index.h("span", { key: '34fad69fd003cd90616fab28ae6259a267c8e608', class: clsx.clsx("dso-label", {
+        return (index.h("span", { key: 'dfee2c44629808be9eb41a11f9124fafe9313e43', class: clsx.clsx("dso-label", {
                 [`dso-label-${this.status}`]: this.status,
                 "dso-compact": this.compact && !this.removable,
                 "dso-hover": this.removeHover || this.removeFocus,
-            }) }, index.h("slot", { key: '16dfaf9662d333a2879858e2b34fddfda1ef4fcc', name: "symbol" }), index.h("span", { key: 'e6f20adb6fa51289713a1fc0a6c5b8a60ea5c28b', class: "dso-label-content" }, this.truncate ? (index.h("dso-truncate", null, index.h("slot", null))) : (index.h("slot", null))), this.removable && (index.h("dso-icon-button", { key: '325a6990c88916a69d44d6cd7c2258a2daf79641', variant: "tertiary", icon: "cross", label: `Verwijder: ${this.labelText}`, onDsoClick: (e) => this.dsoRemoveClick.emit(e.detail.originalEvent), onMouseEnter: () => (this.removeHover = true), onMouseLeave: () => (this.removeHover = false), onFocus: () => (this.removeFocus = true), onBlur: () => (this.removeFocus = false) }))));
+            }) }, index.h("slot", { key: '3d9091ac4a3d6c8b7311ddfa4ea12a2fc30d9cbf', name: "symbol" }), index.h("span", { key: 'f8c6520ab5b557755198ceed1e949660fc8c8046', class: "dso-label-content" }, this.truncate ? (index.h("dso-truncate", null, index.h("slot", null))) : (index.h("slot", null))), this.removable && (index.h("dso-icon-button", { key: '7e73c3f5f4fbc23cc88061ca5b20a98d4bee49e7', variant: "tertiary", icon: "cross", label: `Verwijder: ${this.labelText}`, onDsoClick: (e) => this.dsoRemoveClick.emit(e.detail.originalEvent), onMouseEnter: () => (this.removeHover = true), onMouseLeave: () => (this.removeHover = false), onFocus: () => (this.removeFocus = true), onBlur: () => (this.removeFocus = false) }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -65,93 +68,125 @@ const Label = class {
 };
 Label.style = labelCss();
-const RenvooiRenderText = ({ text, mark, onMarkItemHighlight }) => {
-    if (!mark) {
-        return index.h(index.Fragment, null, text);
-    }
-    const result = mark(text);
-    if (!result) {
-        return index.h(index.Fragment, null, text);
-    }
-    return (index.h(index.Fragment, null, result.map((renvooiText) => {
-        if (typeof renvooiText === "string") {
-            return index.h(index.Fragment, null, renvooiText);
-        }
-        return (index.h("mark", { class: renvooiText.highlight ? "dso-highlight" : undefined, ref: (ref) => renvooiText.highlight && ref && onMarkItemHighlight(renvooiText.text, ref) }, renvooiText.text));
-    })));
-};
+const truncateCss = () => `.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;max-inline-size:640px}.dso-tooltip .tooltip-inner{--_dso-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:8px;padding-inline:16px;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}*,*::after,*::before{box-sizing:border-box}:host{display:grid;grid-template-columns:minmax(0, max-content)}.dso-truncate-content{display:inline-block;max-inline-size:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:bottom;text-decoration:inherit}.dso-truncate-content:focus-visible{border-radius:2px;outline-offset:3px;outline:3px solid #008ccc}`;
-const RenvooiRender = ({ value, mark, onMarkItemHighlight }) => {
-    if (typeof value === "string" || !value) {
-        // This element is used for --_dso-renvooi-text-decoration
-        return (index.h("span", { class: "text" }, index.h(RenvooiRenderText, { text: value, mark: mark, onMarkItemHighlight: onMarkItemHighlight })));
+const truncationChecks = new WeakMap();
+const resizeObserver = new ResizeObserver((entries) => {
+    for (const { target } of entries) {
+        truncationChecks.get(target)?.();
     }
-    if ("toegevoegd" in value) {
-        return (index.h("ins", null, index.h(RenvooiRenderText, { text: value.toegevoegd, mark: mark, onMarkItemHighlight: onMarkItemHighlight })));
-    }
-    if ("verwijderd" in value) {
-        return (index.h("del", null, index.h(RenvooiRenderText, { text: value.verwijderd, mark: mark, onMarkItemHighlight: onMarkItemHighlight })));
-    }
-    return (index.h(index.Fragment, null, index.h("del", null, index.h(RenvooiRenderText, { text: value.was, mark: mark, onMarkItemHighlight: onMarkItemHighlight })), index.h("ins", null, index.h(RenvooiRenderText, { text: value.wordt, mark: mark, onMarkItemHighlight: onMarkItemHighlight }))));
-};
-const renvooiCss = () => `ins{text-decoration:none;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}del{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del{font-family:sans-serif}}mark{background-color:var(--_dso-mark-bg-color, #f8f5ce);color:var(--_dso-mark-color, #000);padding-block:var(--_dso-mark-padding-block, 0.2rem);font-weight:var(--_dso-mark-font-weight, normal)}mark.dso-highlight{background-color:#dbd136}:host{display:inline}*,*::after,*::before{box-sizing:border-box}.text{text-decoration:var(--_dso-renvooi-text-decoration)}`;
-const Renvooi = class {
+});
+const Truncate = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.dsoRenvooiMarkItemHighlight = index.createEvent(this, "dsoRenvooiMarkItemHighlight", 3);
-        this.handleMarkItemHighlight = (text, elementRef) => {
-            this.dsoRenvooiMarkItemHighlight.emit({ text, elementRef });
+        this.truncated = false;
+        this.tooltipController = new tooltip_controller.TooltipController({
+            getReferenceElement: () => this.contentElement,
+            getTipElement: () => this.tooltipElement,
+            getTipArrowElement: () => this.tooltipArrowElement,
+            getPlacement: () => "top",
+        });
+        this.checkTruncation = () => {
+            if (this.contentElement) {
+                this.truncated = this.hasEllipses(this.contentElement);
+            }
+        };
+        this.updateTooltipContent = () => {
+            if (this.slotElement && this.tooltipContentElement) {
+                const clonedNodes = this.slotElement
+                    .assignedNodes({ flatten: true })
+                    .map((node) => this.cloneNodeRecursive(node));
+                this.tooltipContentElement.replaceChildren(...clonedNodes);
+            }
+        };
+        this.showTooltip = () => {
+            if (this.truncated) {
+                this.updateTooltipContent();
+                this.tooltipController.show();
+            }
+        };
+        this.hideTooltip = () => {
+            this.tooltipController.hide();
+        };
+        this.setTooltipContentElement = (element) => {
+            this.tooltipContentElement = element;
+        };
+        this.setContentElement = (element) => {
+            if (this.contentElement) {
+                this.unobserve(this.contentElement);
+            }
+            this.contentElement = element;
+            if (this.contentElement) {
+                this.observe(this.contentElement);
+                this.checkTruncation();
+            }
         };
     }
-    get values() {
-        if (!this.value) {
-            return [];
+    keyDownListener(event) {
+        if (this.truncated && event.key === "Escape") {
+            this.hideTooltip();
         }
-        return Array.isArray(this.value) ? this.value : [this.value];
     }
-    render() {
-        return (index.h(index.Fragment, null, this.values.map((v) => (index.h(RenvooiRender, { value: v, mark: this.mark && ((text) => this.mark?.(text, v, this.values)), onMarkItemHighlight: this.handleMarkItemHighlight })))));
+    observe(element) {
+        truncationChecks.set(element, this.checkTruncation);
+        resizeObserver.observe(element);
+    }
+    unobserve(element) {
+        resizeObserver.unobserve(element);
+        truncationChecks.delete(element);
+    }
+    hasEllipses(element) {
+        return element.scrollWidth > element.clientWidth;
+    }
+    copyCustomElementProperties(source, target) {
+        if (source instanceof HTMLElement && target instanceof HTMLElement) {
+            const prototype = Object.getPrototypeOf(source);
+            for (const property of Object.getOwnPropertyNames(prototype)) {
+                if (property === "constructor" || property === "text") {
+                    continue;
+                }
+                const descriptor = Object.getOwnPropertyDescriptor(prototype, property);
+                if (!descriptor?.get || !descriptor.set) {
+                    continue;
+                }
+                const value = Reflect.get(source, property);
+                if (value !== undefined) {
+                    Reflect.set(target, property, value);
+                }
+            }
+        }
     }
-};
-Renvooi.style = renvooiCss();
-const slideToggleCss = () => `.sc-dso-slide-toggle-h{display:inline-flex;align-items:flex-start;block-size:max-content;margin-block:calc((1lh - 20px) * 0.5);vertical-align:top}.sc-dso-slide-toggle-h:has(>label){margin-block:0}.sc-dso-slide-toggle-h:has(>label) button.dso-slider.sc-dso-slide-toggle{margin-block:calc((1lh - 20px) * 0.5);font:inherit}button.dso-slider.sc-dso-slide-toggle{border:0;padding:0}button.dso-slider.sc-dso-slide-toggle:focus-visible{outline:2px solid #323232;outline-offset:1px}button.dso-slider.sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#999;transition:fill 0.25s}button.dso-slider.sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transform:translateX(10px);fill:#fff}button.dso-slider[aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#275937}button.dso-slider[aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{transform:translateX(30px);fill:#fff}button.dso-slider[disabled].sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#ccc}button.dso-slider[disabled].sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{fill:#e5e5e5}button.dso-slider[disabled][aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#a8bcaf}button.dso-slider[disabled][aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{fill:#e5e5e5}.dso-slider.sc-dso-slide-toggle{border-radius:24px;display:inline-flex}.dso-slider.sc-dso-slide-toggle:hover{cursor:pointer}`;
-const SlideToggle = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.dsoActiveChange = index.createEvent(this, "dsoActiveChange", 5);
-        /**
-         * Set to true if Slide Toggle is checked.
-         */
-        this.checked = false;
-        /**
-         * Disables the Slide Toggle, preventing it from checking/unchecking and therefor not emitting any events.
-         */
-        this.disabled = false;
-        /**
-         * Provide an `id` for the `<button>`. Useful for placing your to place your own `<label for="id">`.
-         */
-        this.identifier = v4.v4();
-    }
-    handleSwitch(e) {
-        this.dsoActiveChange.emit({
-            originalEvent: e,
-            checked: !this.checked,
-        });
+    cloneNodeRecursive(node) {
+        if (node.nodeType === Node.TEXT_NODE) {
+            return node.cloneNode();
+        }
+        if (!(node instanceof HTMLElement)) {
+            return node.cloneNode(true);
+        }
+        const clone = node.cloneNode(false);
+        for (const child of Array.from(node.childNodes)) {
+            clone.appendChild(this.cloneNodeRecursive(child));
+        }
+        this.copyCustomElementProperties(node, clone);
+        return clone;
     }
-    componentWillLoad() {
-        this.hasVisibleLabel = this.host.querySelector("*") !== null;
+    connectedCallback() {
+        if (this.contentElement) {
+            this.observe(this.contentElement);
+            this.checkTruncation();
+        }
+    }
+    disconnectedCallback() {
+        if (this.contentElement) {
+            this.unobserve(this.contentElement);
+        }
+        this.tooltipController.dispose();
     }
     render() {
-        return (index.h(index.Fragment, { key: '23e0811e02855a33137317e2351ccf19b51a3fd3' }, index.h("button", { key: '2b1291c6876dce526060e71db2c63a68b2a6ff8b', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, index.h("svg", { key: 'd9e4a98959b210205d93a44a075beb4f292e2977', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, index.h("g", { key: '3b1599d3640133fecedbd572cfe2387c691c2142', fill: "none", "fill-rule": "evenodd" }, index.h("rect", { key: '134d2c2a9f1bdfbd5fa3cf552406925472ce314e', width: "40", height: "20", fill: "currentColor", rx: "10" }), index.h("circle", { key: '971520ada40f7169cd5490348df4acf23d94a9af', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (index.h("label", { key: '8b8625782d75afa77f34a9918dd64fa194b76fd7', htmlFor: this.identifier }, index.h("slot", { key: 'd32ed096a2b76e6febdd8edfed192ae12a9b25ea' })))));
+        return (index.h(index.Host, { key: '63a1aefd3b6fb5a35a7239e4518f7546388d9b96' }, index.h("span", { key: 'ecde4e5fd43c083bcb43339a0d9e7aecd187475b', class: "dso-truncate-content", ref: this.setContentElement, tabindex: this.truncated ? 0 : undefined, onMouseEnter: this.showTooltip, onMouseLeave: this.hideTooltip, onFocus: this.showTooltip, onBlur: this.hideTooltip }, index.h("slot", { key: '8d9680318df35114d80dde6b33d9fc8666979c7a', ref: (element) => (this.slotElement = element) })), index.h(tooltip_functionalComponent.Tooltip, { key: 'f131d00b7c176c50541dcde0b916d7228565a811', tipElementRef: (element) => (this.tooltipElement = element), tipArrowElementRef: (element) => (this.tooltipArrowElement = element) }, index.h("div", { key: '567fab88c49cbac49369095a2f30c99f7e9519bd', ref: this.setTooltipContentElement, "aria-hidden": "true" }))));
     }
-    get host() { return index.getElement(this); }
 };
-SlideToggle.style = slideToggleCss();
+Truncate.style = truncateCss();
 exports.dso_label = Label;
-exports.dso_renvooi = Renvooi;
-exports.dso_slide_toggle = SlideToggle;
+exports.dso_truncate = Truncate;

package/dist/cjs/dso-legend-group.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-nobQUdjz.js');
-var i18n = require('./i18n-Bzut_vVm.js');
+var i18n = require('./i18n-DrcZtGmN.js');
 const translations = {
     en: {
@@ -57,7 +57,7 @@ const LegendGroup = class {
         delete this.mutationObserver;
     }
     render() {
-        return (index.h(index.Host, { key: '50e7022a7d8609f707bbc7db0a76e1c875196156' }, index.h("div", { key: 'bab113ad4e4f716dd2fbba44e40f6b55573f882b', class: "legend-group-header" }, index.h("slot", { key: '29ef307aed6239c9720b4649c852251082fec38f', name: "heading" }), this.mode && (index.h("dso-icon-button", { key: 'ad3f0111cca63825e5d7fd55b7d7bac220d8da95', expanded: this.mode === "edit", label: this.mode === "view" ? this.text("edit") : this.text("view"), icon: this.mode === "view" ? "pencil" : "check", variant: "tertiary", onDsoClick: this.toggleMode }))), this.mode === "edit" && index.h("slot", { key: '0e39fdfe7c793662d53c57c1c790e4e53c168123', name: "options" }), index.h("slot", { key: '7d8490e439f878271259a5c5bfad62ed5dfe62bd' })));
+        return (index.h(index.Host, { key: '7a4e915b445a224a7872156088be6d835f58cca9' }, index.h("div", { key: '721d9b8f161d743420f9daf2d5058993bbdfebdc', class: "legend-group-header" }, index.h("slot", { key: '6d072436e17172a84d0da3ee38bb76e50881f53e', name: "heading" }), this.mode && (index.h("dso-icon-button", { key: 'd9e320630be786b6ebb8b4ed464d50d556cf403c', expanded: this.mode === "edit", label: this.mode === "view" ? this.text("edit") : this.text("view"), icon: this.mode === "view" ? "pencil" : "check", variant: "tertiary", onDsoClick: this.toggleMode }))), this.mode === "edit" && index.h("slot", { key: '141d6a7d8fadcb614143531db2ded4417c34c3e7', name: "options" }), index.h("slot", { key: '3b407bee307b6979da03f6cdd9fd1d79b5acb298' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/dso-legend-item.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 var index = require('./index-nobQUdjz.js');
 var clsx = require('./clsx-BtxeOLZW.js');
-var i18n = require('./i18n-Bzut_vVm.js');
+var i18n = require('./i18n-DrcZtGmN.js');
 const translations = {
     en: {
@@ -89,7 +89,7 @@ const LegendItem = class {
         const accessibleLabel = label?.textContent
             ? this.text("makeActive", { label: label.textContent.toLowerCase() })
             : this.text("makeActiveDefault");
-        return (index.h(index.Host, { key: '303c7ddca3e6779ce9bbefa891d09a98daf92afd', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h("div", { key: '772e960d48c62dd8ed5f035191f39d5676a3290b', class: clsx.clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (index.h("div", { key: '82cc6c2ca9fa5b75cad03185416109d23f6ca086' }, index.h("slot", { key: '401c7d2f991b5718eb9a0187b272fbcf86e6f067', name: "symbol" }))), index.h("div", { key: '29f0e127a2ad71f82132ca6de363de9edf9368dc' }, index.h("slot", { key: 'dc21e1f62471652d940f4e78c1417e4f1fb99fac', name: "label" })), this.disabled && this.disabledMessage && (index.h("dso-info-button", { key: '1d40419b908d45216c2a83e42b4f675aa4a682cc', label: this.text("disabledInfo"), toggletipPlacement: "bottom" }, index.h("div", { key: 'f0ff311f69b6d6a3e0b01f1e66fbfabfd7476b10', slot: "toggletip" }, this.disabledMessage))), index.h("div", { key: '8f8e201b6730f2ac177452b0aed27b1f077375c5', class: "legend-item-right-content" }, this.renderRightContent(hasOptions, accessibleLabel))), hasOptions && (index.h("div", { key: '190d57da182375676f885799db52faf1db7b3e23', hidden: this.disabled || !this.showOptions, class: "options" }, index.h("slot", { key: '8a69fc826eac7ff7f70ffa0280a5452398bb27dc', name: "options" })))));
+        return (index.h(index.Host, { key: '6ffe060576bb5954c9222a28414a3ca4fd88954e', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h("div", { key: '617c294a7f8f23644cd01fc06567f9100346597c', class: clsx.clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (index.h("div", { key: '02fed0ce91941356959b1ae31704ae2fc541589e' }, index.h("slot", { key: '23e6b788d7b588281cbdb4674ccd6b1b72099746', name: "symbol" }))), index.h("div", { key: 'f39b163d90db83163f7df1f25a93efa95bc3cae8' }, index.h("slot", { key: '30a5f6a7977b4ac7fc838f05aca61dfb9f3c93ec', name: "label" })), this.disabled && this.disabledMessage && (index.h("dso-info-button", { key: '8f0d714c936679820da2ba958fa740a184fe821b', label: this.text("disabledInfo"), toggletipPlacement: "bottom" }, index.h("div", { key: '228f214a29082f9bc1e3d9363a26fc0a504fe909', slot: "toggletip" }, this.disabledMessage))), index.h("div", { key: '2dde8eeba3a3fd5a537a4696affacd51a7501945', class: "legend-item-right-content" }, this.renderRightContent(hasOptions, accessibleLabel))), hasOptions && (index.h("div", { key: 'af70c5b8e473600852152b20267c603be9e1b096', hidden: this.disabled || !this.showOptions, class: "options" }, index.h("slot", { key: '6bb20909588aefadde8820fd6a08060d6e81610d', name: "options" })))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-legend.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 var index = require('./index-nobQUdjz.js');
 var clsx = require('./clsx-BtxeOLZW.js');
-var i18n = require('./i18n-Bzut_vVm.js');
+var i18n = require('./i18n-DrcZtGmN.js');
 var isModifiedEvent = require('./is-modified-event-Dh9YsHw8.js');
 const translations = {
@@ -83,7 +83,7 @@ const Legend = class {
         this.moveFocusToTab(next);
     }
     render() {
-        return (index.h(index.Host, { key: '6c068495df817506eb9cb36c180014ca2b576e83' }, index.h("div", { key: 'd1894347ffa291f9f2a1ea2184f3290c654a26a5', class: "topbar" }, index.h("div", { key: '37770064ed8439b568a1a842c3f9d30a7b1bb5d4', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, this.tabItems.map((tabItem) => (index.h("button", { class: clsx.clsx("tab", { active: tabItem.active }), role: "tab", "aria-selected": tabItem.active ? "true" : "false", ...(!tabItem.active ? { tabIndex: -1 } : {}), onClick: this.clickHandler }, tabItem.label)))), index.h("dso-icon-button", { key: 'b355c1a19204d9c348e74cd59d628e6fc8aba252', icon: "cross", variant: "tertiary", label: this.text("closeLegend"), class: "close-button", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e.detail.originalEvent }) })), index.h("dso-scrollable", { key: '4a92cff1f0be3ac4f0cdb562061a5b39ea374c88', class: "content" }, index.h("div", { key: 'e8eaea56938f7d41e344fff4818bef8f18fe54b0', role: "tabpanel", tabIndex: 0 }, index.h("slot", { key: '358aee3d3b750d7b3794e072444e048a5f5d3960' })))));
+        return (index.h(index.Host, { key: '77d5fa793145113c895f8329ca32cceaf9e14ea1' }, index.h("div", { key: '7541e682342422f7573013766716c8bb7cbedffd', class: "topbar" }, index.h("div", { key: 'f4865a90dca149b4494b464c501157c1f4d4bdcc', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, this.tabItems.map((tabItem) => (index.h("button", { class: clsx.clsx("tab", { active: tabItem.active }), role: "tab", "aria-selected": tabItem.active ? "true" : "false", ...(!tabItem.active ? { tabIndex: -1 } : {}), onClick: this.clickHandler }, tabItem.label)))), index.h("dso-icon-button", { key: '04bb747ec93d40285d973694972644b303db8b58', icon: "cross", variant: "tertiary", label: this.text("closeLegend"), class: "close-button", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e.detail.originalEvent }) })), index.h("dso-scrollable", { key: '9644c7e7a6b55361f74ef4880eea23e175a242ad', class: "content" }, index.h("div", { key: 'c327dcd24d8344bfe599b9a1da16efd12e895048', role: "tabpanel", tabIndex: 0 }, index.h("slot", { key: '4e4901221b4e556e2436eec2a38f74e7df4c9902' })))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-list-button.cjs.entry.js CHANGED Viewed

@@ -81,7 +81,7 @@ const ListButton = class {
     }
     render() {
         const selected = this.checked || (this.count !== undefined && this.count > 0);
-        return (index.h("div", { key: 'd3644ab7e77bf40681ddb59eea4a22888901c570', class: clsx.clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, index.h("div", { key: '120cb93aa13da1af6a302568c656b305853e8a99', class: clsx.clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, index.h("dso-selectable", { key: '872fff0f578b7dccac9da8277f66043e0b4fb69a', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, index.h("span", { key: 'd51e140b406f8b44fb25232c299d5a70da078da9' }, this.label, this.sublabel && index.h("span", { key: '0d20ddc4f3a14c25087bd930329ac1975a93f755', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (index.h("span", { key: '681d918e121d94fa4fda584214d4aa5eabd297ca', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", index.h("span", { key: 'f40f2c952ac87d5b76a8ae320017b14e88ad852c', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && index.h("span", { key: 'f76a4848772f4bf0a5b8f5946f27ec14299a95fd', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (index.h("div", { key: '14eeb4c1c407e60fb291c165766d112a113bc254', class: "subcontent" }, index.h("slot", { key: 'eca53ee9df2530e2f7afe2d3c1ea8e3b7c636060', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (index.h("div", { key: '9a56f8316ce47ac57857b4ce3decfec62614d06c', class: "dso-input-number" }, this.count > 1 && (index.h(index.Fragment, { key: '6700e317b346d22ae2d08cb31edd258882b416d4' }, index.h("dso-icon-button", { key: 'a7a057bfbe51b65a06540e0b66d09ee067fd2a0e', label: "Aantal verlagen", variant: "tertiary", icon: "minus-circle-outline", disabled: this.count === Number(this.min) || this.disabled, onDsoClick: (e) => this.stepValue(e, "decrement") }), index.h("span", { key: '7ca7446e17b4b072211999f64e517996896535b2', class: "dso-input-step-counter", "aria-hidden": "true" }, this.count))), index.h("span", { key: 'ac8205f92db130439d29ef164aca60aa1535fae7', class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.count), index.h("dso-icon-button", { key: 'b926a293e367d9321ec68e8ed4e3ab5716343172', ref: (element) => (this.incrementButton = element), label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle-outline", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
+        return (index.h("div", { key: '0981e785e2197dee87ec4dc2364214c900110627', class: clsx.clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, index.h("div", { key: '60b5b9d1deea66ea263e29f9b68713226b2a125a', class: clsx.clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, index.h("dso-selectable", { key: 'cd41191f9ee7d88e01f74dabdd85a62fca61a7f6', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, index.h("span", { key: '8d844a672cc1206cd7b89fec10aa742438095009' }, this.label, this.sublabel && index.h("span", { key: '86386bb7261379162191224a8fe1638336b898d4', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (index.h("span", { key: 'b5519dbc9f3875e7c4d0063d1f5b12c084d14828', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", index.h("span", { key: 'ee54bd61c39b1bf010a6a1f89a8d20a41d921d94', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && index.h("span", { key: '4892d4b5a0b3268bfd06a9c6f2fc08da4651e1a8', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (index.h("div", { key: '8fba57384ad44979d4fec9cd3351c7bb23d77088', class: "subcontent" }, index.h("slot", { key: '40428e629b3e35f40f6524340050067f99104e0e', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (index.h("div", { key: 'c1da177c5edad6ec703a23f1a77efec7d7ee33f5', class: "dso-input-number" }, this.count > 1 && (index.h(index.Fragment, { key: 'bbb9f2a9a93d16e260e66c2bf210e15475d92b22' }, index.h("dso-icon-button", { key: '951a4f550eb37207df8c72cad1c3a193b84b6539', label: "Aantal verlagen", variant: "tertiary", icon: "minus-circle-outline", disabled: this.count === Number(this.min) || this.disabled, onDsoClick: (e) => this.stepValue(e, "decrement") }), index.h("span", { key: '279c6e4f4df48c8a086c8b75c7b26e737fdc9f77', class: "dso-input-step-counter", "aria-hidden": "true" }, this.count))), index.h("span", { key: '492413bb190d886cfa841c58e052632a51a5e3e9', class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.count), index.h("dso-icon-button", { key: '4b7df0ea2e6fc508762d3e79b5e009a97a24d593', ref: (element) => (this.incrementButton = element), label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle-outline", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-logo.cjs.entry.js CHANGED Viewed

@@ -31,7 +31,7 @@ const Logo = class {
     }
     render() {
         return (index.h(index.Fragment, null, this.logoUrl ? (index.h("a", { class: "logo-url", href: this.logoUrl, onClick: this.handleLogoClick }, index.h(DsoLogo, { name: this.name }))) : (index.h(DsoLogo, { name: this.name })), this.label &&
-            (!this.labelUrl ? (index.h("span", { class: "logo-label" }, this.label)) : (index.h("a", { class: "logo-label-url", href: this.labelUrl, onClick: this.handleLabelClick }, index.h("span", { class: "logo-label" }, this.label)))), this.ribbon && index.h("div", { key: '86a4d9220c375b2a1ee36d0869bb0ae05550fa20', class: "logo-ribbon" }, this.ribbon)));
+            (!this.labelUrl ? (index.h("span", { class: "logo-label" }, this.label)) : (index.h("a", { class: "logo-label-url", href: this.labelUrl, onClick: this.handleLabelClick }, index.h("span", { class: "logo-label" }, this.label)))), this.ribbon && index.h("div", { key: '130dc6a36981e32b9b4c998cc7e9b6d64b056be4', class: "logo-ribbon" }, this.ribbon)));
     }
 };
 Logo.style = logoCss();

package/dist/cjs/dso-map-base-layers.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-nobQUdjz.js');
-var i18n = require('./i18n-Bzut_vVm.js');
+var i18n = require('./i18n-DrcZtGmN.js');
 var v4 = require('./v4-_2BfiRUa.js');
 const translations = {
@@ -45,7 +45,7 @@ const MapBaseLayers = class {
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (index.h("fieldset", { key: '32f9731a43d98d5c95e7e4c59eb75ed99c4e13f0', class: "form-group dso-radios" }, index.h("legend", { key: '0a98b66618dbb14e5474102d92158db7d4265174', class: "sr-only" }, "Achtergrond"), index.h("div", { key: '80d1f27dd85349dee52494b02cd9770f5b6bde47', class: "dso-label-container" }, index.h("span", { key: 'a19020b81c243acc717ff921db85dee7c9289e39', class: "control-label", "aria-hidden": "true" }, this.text("background"))), index.h("div", { key: 'c7c8fa3dc0e71dc1247340a374ced61f2d9979ae', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (index.h("dso-selectable", { key: baseLayer.id, type: "radio", value: baseLayer.name, checked: baseLayer.checked, disabled: baseLayer.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[baseLayer.id] = ref), onDsoChange: () => this.baseLayerChangeHandler(baseLayer) }, baseLayer.name, baseLayer.info ? index.h("p", { slot: "info" }, baseLayer.info) : null))))));
+        return (index.h("fieldset", { key: '6fb681970d2f47c2213f6abff1b51117e304329c', class: "form-group dso-radios" }, index.h("legend", { key: '91658ac867f2a18fc6bd82eb30da33ddd640c783', class: "sr-only" }, "Achtergrond"), index.h("div", { key: 'fc4b99c8c64185b12a28e74ebf71460062b9aaf0', class: "dso-label-container" }, index.h("span", { key: '45ef5d7aa344c50b23a3c116cc2345f809091f66', class: "control-label", "aria-hidden": "true" }, this.text("background"))), index.h("div", { key: '212fdab75e06f20995fd3fef6d1bc814b7b6bab2', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (index.h("dso-selectable", { key: baseLayer.id, type: "radio", value: baseLayer.name, checked: baseLayer.checked, disabled: baseLayer.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[baseLayer.id] = ref), onDsoChange: () => this.baseLayerChangeHandler(baseLayer) }, baseLayer.name, baseLayer.info ? index.h("p", { slot: "info" }, baseLayer.info) : null))))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-map-controls.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-nobQUdjz.js');
-var i18n = require('./i18n-Bzut_vVm.js');
+var i18n = require('./i18n-DrcZtGmN.js');
 const translations = {
     en: {
@@ -131,7 +131,7 @@ const MapControls = class {
         this.clearPostTransitionTimeout();
     }
     render() {
-        return (index.h(index.Fragment, { key: 'e971c1d2415789e8e9749483e2b313be50d9051c' }, index.h("dso-icon-button", { key: 'bc5e0fc5c65bee84669dd9d70a06f9d75582e2ea', expanded: this.open, label: this.text("layersButton"), icon: "layers", variant: "map", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), tooltipPlacement: "left", class: "toggle-visibility-icon-button", onDsoClick: (e) => this.toggleVisibilityInternal(e.detail.originalEvent, __classPrivateFieldGet(this, _MapControls_toggleIconButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), index.h("button", { key: '5b87f7e41bd345fa74b325fab8f84b359b9edd8e', type: "button", class: "dso-map toggle-visibility-button", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open ? "true" : "false", onClick: (e) => this.toggleVisibilityInternal(e, __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, index.h("dso-icon", { key: '6f8589d6de460639111412db326d4666671f4bd3', icon: "layers" }), index.h("span", { key: '7d8747e9d8d7f1c72f560ef30878e769d1efdc3b' }, this.text("layersButton"))), index.h("dso-button-group", { key: '1b2639df829a0e75bb0a69c4069310a1d52ee69a', class: "zoom-buttons", direction: "column" }, index.h("dso-icon-button", { key: 'f36d1eda860ac321a147cac503f59829d8d0ff48', label: this.text("zoomIn"), icon: "plus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomIn.emit(e.detail.originalEvent), disabled: this.disableZoom === "in" || this.disableZoom === "both" }), index.h("dso-icon-button", { key: 'adf54cf334ffa53012a6496b1e34b12f9545a954', label: this.text("zoomOut"), icon: "minus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomOut.emit(e.detail.originalEvent), disabled: this.disableZoom === "out" || this.disableZoom === "both" })), index.h("section", { key: 'a9838d9100c0103bb54d7a8ca29310d3f93be6f7', id: __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), hidden: this.hideContent, role: "region", onKeyDown: this.handlePanelKeyDown, "aria-labelledby": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f") }, index.h("header", { key: '9fe65db827459c2787d7527216ba3e995b0c4dbf' }, index.h("h2", { key: '9b99536205b24aa3d6b16c560f77ca76d6e01346', id: __classPrivateFieldGet(this, _MapControls_mapLayersTitleId, "f"), tabIndex: -1 }, this.text("title")), index.h("dso-icon-button", { key: 'd20262a08c37a2ebcd3ff527968989aa7b4723b3', class: "close-button", label: this.text("hidePanel", { title: this.text("title") }), icon: "cross", variant: "tertiary", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeIconButtonElement, element, "f")) })), index.h("dso-scrollable", { key: '9518d05c37f06d64ae372800e222436619a59d48' }, index.h("div", { key: '5c74217caf3fc0b904d6c3ffe125d40ff0542046', class: "content" }, index.h("slot", { key: 'a9046dcf8c6fc256e35a8e724dcf7301bf9e5477' }))))));
+        return (index.h(index.Fragment, { key: 'f0b8a8d672ff2ecd51954e396da1231aa8d0a8ee' }, index.h("dso-icon-button", { key: '9092607b42c28779166c96823e9c4147c0d166d5', expanded: this.open, label: this.text("layersButton"), icon: "layers", variant: "map", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), tooltipPlacement: "left", class: "toggle-visibility-icon-button", onDsoClick: (e) => this.toggleVisibilityInternal(e.detail.originalEvent, __classPrivateFieldGet(this, _MapControls_toggleIconButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), index.h("button", { key: '74b340eda8d100ce5d7ed991e178610a4452902b', type: "button", class: "dso-map toggle-visibility-button", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open ? "true" : "false", onClick: (e) => this.toggleVisibilityInternal(e, __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, index.h("dso-icon", { key: '5be1b6750d24d17d729c91d48c259677348cf84a', icon: "layers" }), index.h("span", { key: '078ddcd38105cdcac7d913a8917628dc6683331a' }, this.text("layersButton"))), index.h("dso-button-group", { key: '6bf9253e3357d382835e5e6882c9d1fb153735e2', class: "zoom-buttons", direction: "column" }, index.h("dso-icon-button", { key: '38678972627d1761381393b903fe43f835b2d4b1', label: this.text("zoomIn"), icon: "plus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomIn.emit(e.detail.originalEvent), disabled: this.disableZoom === "in" || this.disableZoom === "both" }), index.h("dso-icon-button", { key: '4ce5007da98518d2d0f34bb54983aad9f7b0b4f0', label: this.text("zoomOut"), icon: "minus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomOut.emit(e.detail.originalEvent), disabled: this.disableZoom === "out" || this.disableZoom === "both" })), index.h("section", { key: '67c0953adb043a32f95dadd1acd0e3e4ce4e67a8', id: __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), hidden: this.hideContent, role: "region", onKeyDown: this.handlePanelKeyDown, "aria-labelledby": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f") }, index.h("header", { key: '6a3db2fa61ffa819c8a4174cc81d8f6bcf6948d5' }, index.h("h2", { key: '2185d52419678eef2678dae3c7feae148fc674e6', id: __classPrivateFieldGet(this, _MapControls_mapLayersTitleId, "f"), tabIndex: -1 }, this.text("title")), index.h("dso-icon-button", { key: 'dc34d548a7b7542cd20fdc1e8f7fc7f1cd66f93f', class: "close-button", label: this.text("hidePanel", { title: this.text("title") }), icon: "cross", variant: "tertiary", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeIconButtonElement, element, "f")) })), index.h("dso-scrollable", { key: '8e901c0c6f3ceb1dacc7a324953edeb38b8a5b4f' }, index.h("div", { key: '63fec1fb6ad45ecb6db1ace06502e6273989ec3f', class: "content" }, index.h("slot", { key: 'a6f6cf22e6efba5c74fb1f675f85dafdcbf7654b' }))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/dso-map-layer-object.cjs.entry.js CHANGED Viewed

@@ -20,7 +20,7 @@ const MapLayerObject = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'c5e36548e72bc0666a85700c7330b4c365b9131d', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: '9e31367c278552bab3afd29c3dc6637e90501f8a', wijzigactie: this.wijzigactie }, index.h("div", { key: 'cf6d64912b3f5bb096f320813fc9df3d9cec2f4b', class: "map-layer-object" }, index.h("div", { key: 'b8efba7c6f35b4f110893fe46be311eb97f923d4' }, index.h("slot", { key: 'a05039fa9312f4179c3a6ee151f42f761dab26a5', name: "symbol" })), index.h("div", { key: '3740dd114f54aac8e74ee540b7c9d0e3a7e59451', class: "map-layer-object-heading" }, index.h("slot", { key: '57e725ad958d33d05deb20ed3c10ec8ee0e6ddbf' }), index.h("slot", { key: '7e970de4584de11ca1fc7f89bf6feb3ee13689a2', name: "label" })), index.h("div", { key: '9e996e8eea7be087bcda0e9e004e6244e259de33', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: '377be68d382a3101f63aea3791b5d657a168a2d5', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange }))))));
+        return (index.h(index.Host, { key: 'f9616a247c24eb96244e639ff024ca5967bb5196', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: '149f01c0a69f30d3c20ffaa072dc428f0ef37a19', wijzigactie: this.wijzigactie }, index.h("div", { key: '712d0f01e3534a07d7455ca74ca0f646ca5a0c1d', class: "map-layer-object" }, index.h("div", { key: 'cfed9d0d4db2c775852614b4d40fdf9553df0c34' }, index.h("slot", { key: '621b529bcea3858f17c041306f35757dddc7eb25', name: "symbol" })), index.h("div", { key: '3182baa23cabb03c6ed20228f77093a164c7febd', class: "map-layer-object-heading" }, index.h("slot", { key: '9893441c38120f240cf3e740be3c23e4336023c5' }), index.h("slot", { key: '898c5345729d8541e162bff741736f75957917b0', name: "label" })), index.h("div", { key: '7c88070a2f03991c74d269a84bc33428a55fe570', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: 'bd92a045d8365bb48e809e3a032a672fadc997d2', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange }))))));
     }
 };
 MapLayerObject.style = mapLayerObjectCss();

package/dist/cjs/dso-map-layer.cjs.entry.js CHANGED Viewed

@@ -23,7 +23,7 @@ const MapLayer = class {
         };
     }
     render() {
-        return (index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: '99a7229c6388ad25695e476197f941bcdea55b88', wijzigactie: this.wijzigactie }, index.h("div", { key: '98d03ba3f85b59495d96ab46f6f1996815faad63', class: "map-layer" }, index.h("div", { key: '9ba4d21e9b9e824d24d7871ead06bbddae5de207', class: "map-layer-heading" }, index.h("slot", { key: '3c63937a916e8d5634a6d790846bfc9bfe622119', name: "name" }), index.h("slot", { key: '2d782c560f9bee942551b74d60c61e5cc060b791', name: "label" })), this.activatable && (index.h("div", { key: '02cceff7f735c4ec409caf0fb84141a0d77dace3', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: '6df0f748c64cd574e342abf066bed1f5fb19f703', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), index.h("slot", { key: '363055caf13ec1542ab5c20738edbf76a2dd5899' })));
+        return (index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: '3b6f2734bc91552a2310ac9056710c8b7771fd6f', wijzigactie: this.wijzigactie }, index.h("div", { key: '390e18062c030bec74ffd0cc9521074801aa4c05', class: "map-layer" }, index.h("div", { key: 'cc8604314daf0099ddac282b659f9cf4c0618354', class: "map-layer-heading" }, index.h("slot", { key: 'a6a03b1019615b995f2996b7f02e2b8a8690f3fd', name: "name" }), index.h("slot", { key: '168842628267169c65647513075175e63b9639a0', name: "label" })), this.activatable && (index.h("div", { key: 'f6aed0a178405657b04c162f96369e8dbfda3391', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: 'a6e682d3f77170648e158c3c92e980ab33e458bf', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), index.h("slot", { key: '2a4219aef3801015d6685877db51b74c18d04d68' })));
     }
 };
 MapLayer.style = mapLayerCss();

package/dist/cjs/dso-map-message.cjs.entry.js CHANGED Viewed

@@ -48,11 +48,11 @@ const MapMessage = class {
     render() {
         const iconName = this.variant ? iconMap[this.variant] : undefined;
         const role = this.variant === "error" ? "alert" : "status";
-        return (index.h("div", { key: '3235f6e82ae29895043ea1c3d051854cc5084f34', class: {
+        return (index.h("div", { key: 'c9e2479aa2ed8d2e79644e49cd5ebc3dfa25055b', class: {
                 "map-message-content": true,
                 "has-icon": iconName !== undefined,
                 "has-actions": this.hasActions,
-            } }, index.h("div", { key: '600afa1ea9074f6c27280f8f391c5776288e2fd2', class: "map-message-body", role: role, "aria-atomic": "true" }, iconName && index.h("dso-icon", { key: '3e27800ca4c87da94581709b391f1b62f089c5fe', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), index.h("span", { key: 'd1e23d701100f53a179a07d7644696bf6ae71e05', class: "map-message-text" }, this.showMessage && index.h("slot", { key: 'fc246e98b1d51c72e83a392dcb7ada8c8792d199', name: "message" }))), index.h("slot", { key: '1803667d5307032c00048031eac58ee8de489d50', name: "actions", onSlotchange: this.handleActionsSlotChange })));
+            } }, index.h("div", { key: '5776b283a29596c9281040de37094ac1f59f75e3', class: "map-message-body", role: role, "aria-atomic": "true" }, iconName && index.h("dso-icon", { key: 'f5abec447926d6da87edf0e9aaf238138d4835af', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), index.h("span", { key: '51fdce896caa3953186e9d44d0260de1375dba3e', class: "map-message-text" }, this.showMessage && index.h("slot", { key: '01d91427248a637ef064b4c5c77c56af00ad4918', name: "message" }))), index.h("slot", { key: '20e37c50afb82a57d4aa37b13b56c04a31643402', name: "actions", onSlotchange: this.handleActionsSlotChange })));
     }
 };
 MapMessage.style = mapMessageCss();

package/dist/cjs/dso-map-overlays.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-nobQUdjz.js');
-var i18n = require('./i18n-Bzut_vVm.js');
+var i18n = require('./i18n-DrcZtGmN.js');
 var v4 = require('./v4-_2BfiRUa.js');
 const translations = {
@@ -46,7 +46,7 @@ const MapOverlays = class {
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (index.h("fieldset", { key: 'e4d6d6220ea5a68d34056ab269b78eea5482270a', class: "form-group dso-checkboxes" }, index.h("legend", { key: 'c4603b4778ff2fc9fd7b5691ffa18a3870437f46', class: "sr-only" }, "Kaartlagen"), index.h("div", { key: 'f8d0ccb41b50cbcd3e401c22f518015d43882daa', class: "dso-label-container" }, index.h("span", { key: 'd33e234e0df6ad31870ed3e3c571616c82724acf', class: "control-label", "aria-hidden": "true" }, this.text("title"))), index.h("div", { key: '7608b54517d7a4af4b6fe855617942477a3b26f9', class: "dso-field-container" }, this.overlays.map((overlay) => (index.h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? index.h("p", { slot: "info" }, overlay.info) : null))))));
+        return (index.h("fieldset", { key: '71d75946e0b8a770f1225d98d96b677d26ca7fba', class: "form-group dso-checkboxes" }, index.h("legend", { key: 'b8737e0fb86a689d924dd98291ebe45894d47ed3', class: "sr-only" }, "Kaartlagen"), index.h("div", { key: 'b5498c3021e058385872c38e38ba24853ce467b6', class: "dso-label-container" }, index.h("span", { key: '11a04eb7c3b680162980b45da6bfc99db18c33f6', class: "control-label", "aria-hidden": "true" }, this.text("title"))), index.h("div", { key: '454934653927d6a842a11f0256ac65ec03df5b36', class: "dso-field-container" }, this.overlays.map((overlay) => (index.h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? index.h("p", { slot: "info" }, overlay.info) : null))))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-mark-bar.cjs.entry.js CHANGED Viewed

@@ -51,7 +51,7 @@ const MarkBar = class {
     render() {
         const current = this.current || 0;
         const totalCount = this.totalCount || 0;
-        return (index.h("div", { key: '3c6af8d0fa8bf385c374cd33e7a3d81208b51e09', class: "dso-mark-bar" }, index.h("div", { key: 'e0ff797bc441f057eeb587b721cc7ed461662e27', class: "dso-mark-bar-input" }, index.h("input", { key: 'a6b5fa4495b2a73ac8a40803e91b25967c0c5cc0', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), index.h("label", { key: 'cebcce6cde81b234783ff1bb1498a2ae7d8e28e8', htmlFor: "search-input" }, index.h("dso-icon", { key: '7c54d459687ba28907232bc191f256fdf1e438c2', class: "dso-search-icon", icon: "search" }), index.h("span", { key: '88f4252c26631dc71a405f398b49008e2f8cee8c', class: "label-text" }, this.label)), index.h("dso-icon-button", { key: 'd6e848214ef5a84517c6a359d82bc7ac4e816870', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), index.h("div", { key: 'ab9e421dadc33d9b24d8dd3788200a1a5ba19095', class: "dso-button-container" }, index.h("span", { key: '84dddfc4591fbedec33a16f2712432412558c8e2', class: "divider" }), index.h("dso-icon-button", { key: 'aa8193e3c6bc54e1aac0c8e2ddfef39adbace740', icon: "chevron-up", variant: "tertiary", label: `Vorig zoekresultaat ${current - 1}/${totalCount}`, onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), index.h("span", { key: '1b583c126ddb3652e2b7a97abbf90f214a06d1e6', role: "status" }, current, "/", totalCount), index.h("dso-icon-button", { key: 'bbbd379963a7b47961047cdd5856fe4416de9ff6', icon: "chevron-down", variant: "tertiary", label: `Volgend zoekresultaat ${current + 1}/${totalCount}`, onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
+        return (index.h("div", { key: 'b5473d19ac5821d276072cdc195f478daba2d33c', class: "dso-mark-bar" }, index.h("div", { key: 'ef09d5a5b9035a7cede64c8cca6bde18f12d85af', class: "dso-mark-bar-input" }, index.h("input", { key: 'ac8c0578e9d8323e1c9a3c774ac28b189bbe4f01', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), index.h("label", { key: '95ae62b5fb21211b9a2bda7b740bc416b65fd442', htmlFor: "search-input" }, index.h("dso-icon", { key: '8ec96e426cb8bc45b12e3e777a1b0d0a51694ac3', class: "dso-search-icon", icon: "search" }), index.h("span", { key: '914415ab8b75c0eeaf8e4640b50f40dcbde443f8', class: "label-text" }, this.label)), index.h("dso-icon-button", { key: 'acdb1e76a312b56a5fb64175b1b5b5afd2f2be3e', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), index.h("div", { key: '0bc1997f1845cb8d3edea30bc7ff0859a0ac0865', class: "dso-button-container" }, index.h("span", { key: '75c834ea4990926fe123719fc4764c9ecb0351ef', class: "divider" }), index.h("dso-icon-button", { key: '38876b499ae0f620fe36ef5d15019262d80306bd', icon: "chevron-up", variant: "tertiary", label: `Vorig zoekresultaat ${current - 1}/${totalCount}`, onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), index.h("span", { key: 'f51f491f79542e01fd524f9fe6a0141d542ad72d', role: "status" }, current, "/", totalCount), index.h("dso-icon-button", { key: '10663db671f99fb66776b57e80ab81adf463d1f2', icon: "chevron-down", variant: "tertiary", label: `Volgend zoekresultaat ${current + 1}/${totalCount}`, onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
     }
 };
 MarkBar.style = markBarCss();

package/dist/cjs/dso-modal.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 var index = require('./index-nobQUdjz.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 var getActiveElement = require('./get-active-element-DutTk1go.js');
-var i18n = require('./i18n-Bzut_vVm.js');
+var i18n = require('./i18n-DrcZtGmN.js');
 var v4 = require('./v4-_2BfiRUa.js');
 const Body = () => {
@@ -112,7 +112,7 @@ const Modal = class {
         }
     }
     render() {
-        return (index.h("dialog", { key: '8e35292cc6b1300baa313a310099c172bf20417c', class: clsx.clsx("dso-modal", { fullscreen: this.fullscreen }), role: this.dialogRole ?? undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onMouseDown: (e) => this.handleDialogMouseDown(e), onMouseUp: (e) => this.handleDialogMouseUp(e), onClick: (e) => this.handleDialogClick(e), onKeyDown: (e) => this.blockEscapeKey(e) }, index.h("div", { key: 'c383e26d7e529a2dc44ee49fee7e535b00ad990d', class: "dso-dialog" }, this.narrowView ? (index.h("dso-scrollable", { class: "narrow" }, index.h("div", { class: "modal-scrollable" }, index.h(Header, { modalTitle: this.modalTitle, closable: this.closable, ariaId: this.ariaId, text: this.text, dsoClose: this.dsoClose }), index.h(Body, null), this.hasFooter && index.h(Footer, null)))) : (index.h(index.Fragment, null, index.h(Header, { modalTitle: this.modalTitle, closable: this.closable, ariaId: this.ariaId, text: this.text, dsoClose: this.dsoClose }), index.h("dso-scrollable", null, index.h(Body, null)), this.hasFooter && index.h(Footer, null))))));
+        return (index.h("dialog", { key: 'b930438a422cb03660dddbc81210c8f2777017ba', class: clsx.clsx("dso-modal", { fullscreen: this.fullscreen }), role: this.dialogRole ?? undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onMouseDown: (e) => this.handleDialogMouseDown(e), onMouseUp: (e) => this.handleDialogMouseUp(e), onClick: (e) => this.handleDialogClick(e), onKeyDown: (e) => this.blockEscapeKey(e) }, index.h("div", { key: '5fa203f446079d7473166d22cabf04f11fbb0e6e', class: "dso-dialog" }, this.narrowView ? (index.h("dso-scrollable", { class: "narrow" }, index.h("div", { class: "modal-scrollable" }, index.h(Header, { modalTitle: this.modalTitle, closable: this.closable, ariaId: this.ariaId, text: this.text, dsoClose: this.dsoClose }), index.h(Body, null), this.hasFooter && index.h(Footer, null)))) : (index.h(index.Fragment, null, index.h(Header, { modalTitle: this.modalTitle, closable: this.closable, ariaId: this.ariaId, text: this.text, dsoClose: this.dsoClose }), index.h("dso-scrollable", null, index.h(Body, null)), this.hasFooter && index.h(Footer, null))))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-onboarding-tip.cjs.entry.js CHANGED Viewed

@@ -73,7 +73,7 @@ const OnboardingTip = class {
     }
     render() {
         const ariaLabel = this.headingSlottedElement?.textContent;
-        return (index.h(index.Host, { key: 'bebcff828c7f3ce40c322d4546cdde7dff3812e2', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, index.h("div", { key: '708a59016efc8069ef85a0e06feb71516b98dd18', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, index.h("div", { key: '14b21c2c86457fc60709aca5e9aa9ed343786163', class: "onboarding-tip-inner" }, index.h("div", { key: '683199993bf6993d96748a78e7c9b8c51fa78681', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (index.h("div", { key: '3654524691e0ccef4f11cd6ddb7be3043c1efbdc', class: "onboarding-tip-content-heading" }, index.h("dso-icon", { key: '36f25c3e2ef278b5f6f533fa325cb70d0beae0e6', icon: "light-bulb", "aria-hidden": "true" }), index.h("slot", { key: '93801f55ee03843daee88de47d743ca3af5c2c33', name: "heading" }))), index.h("dso-icon-button", { key: '53bda3abdf86e3335a2898841d9df280950c3c11', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), index.h("slot", { key: '5a486a2e8eee2e5a3f98ae15ee76563fce664b07' }))), index.h("div", { key: 'd1987ab7e4216867e6b4112832be253283d6a07b', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
+        return (index.h(index.Host, { key: '64a8925e293181d4b11f5e1c711ed78745d00ed7', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, index.h("div", { key: '3071a0cd95ba3f92842f7ccb11f6f9ccbe3990eb', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, index.h("div", { key: 'dff2523931188fc544d2f353bb6f0c2013d95bbb', class: "onboarding-tip-inner" }, index.h("div", { key: '61972124a634d6f7a064f96c2edc8b57fcb0415a', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (index.h("div", { key: 'c61c9ca2cde0c090814250b89787482c6292c7ed', class: "onboarding-tip-content-heading" }, index.h("dso-icon", { key: '6417b11dedbec3305195c26d18ddc53759e3c784', icon: "light-bulb", "aria-hidden": "true" }), index.h("slot", { key: '5a52d5848a5d66da35bd73fcd1f89ba98845152c', name: "heading" }))), index.h("dso-icon-button", { key: '56b079149ffe913f1558e0632b9cecdb1a593f3f', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), index.h("slot", { key: '61995db5ac91659094e1533683d1faade26ae6d5' }))), index.h("div", { key: '529c6f717c54ca7e250ce2bb7020afaa74657de0', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
     }
     get headingSlottedElement() {
         return this.host.querySelector("[slot='heading']");

package/dist/cjs/dso-plekinfo-card-item.cjs.entry.js CHANGED Viewed

@@ -26,10 +26,10 @@ const PlekinfoCardItem = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '5aa38289ec2b4e483fad1faaca62a14a9b127d32' }, index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: '3e9ded5d100c68c373d2b845bef828d144ca7c2b', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-item-container" }, index.h("div", { key: '3cd3fa2ec2575899fa12b7bf29ad7b2721f51e5a' }, index.h("slot", { key: 'fc244b8191ced178ea8990e8d1a4a96eeab06bb6', name: "symbol" })), index.h("div", { key: 'e2b536cb94edd18ae00d6d7d6923c10c82eae8bd', class: {
+        return (index.h(index.Host, { key: '9332992d22684568faa248a958c0dfa3c77ec7d7' }, index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: 'f707e754e7ab441c8df8ce503dcbfecdb74aec67', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-item-container" }, index.h("div", { key: '42d702623a7b74564ec480720bf1e7307f1e9711' }, index.h("slot", { key: 'ebae9e4e89df193d4814428200fd5ba6b047a78c', name: "symbol" })), index.h("div", { key: '8deaf915631b10a6c7ed767ddcd93e816008b24a', class: {
                 content: true,
                 "no-sublabel": !this.hasSublabel,
-            } }, index.h("dso-truncate", { key: '086c2c23ec9974feeaf3a12ce031e185a77ad4d0', class: "text" }, index.h("slot", { key: 'aa8cb6bbb01c5590c585367eef856cc785540cbd', name: "label" }), this.hasSublabel && " ", index.h("slot", { key: '0a6bb8c2aac3515c0ece9f83788cb4bb00fd1ab2', name: "sublabel", ref: this.setSublabelSlot, onSlotchange: this.updateSublabel })), index.h("div", { key: 'cefe179bf666442d7adb633cc791df1297248076', class: "meta", hidden: !this.hasMeta }, index.h("slot", { key: '5f762ebcc0ac76fac9a8c043f63c341eeea53030', name: "meta", ref: this.setMetaSlot, onSlotchange: this.updateMeta }))))));
+            } }, index.h("dso-truncate", { key: 'aa4e45467d47d7d9cbf0b07cf8fd335906ef1282', class: "text" }, index.h("slot", { key: 'fdad88b5ddb5c32f8e811e51de7084e1357e9e3a', name: "label" }), this.hasSublabel && " ", index.h("slot", { key: 'e690e14aee6e1ddaa8016e495e9210e46253f90c', name: "sublabel", ref: this.setSublabelSlot, onSlotchange: this.updateSublabel })), index.h("div", { key: '5cc6f78d41ddc903f11ffe6126b758b0b5050044', class: "meta", hidden: !this.hasMeta }, index.h("slot", { key: '5e1da9d1294f96a03c7c97c56afe813b64911759', name: "meta", ref: this.setMetaSlot, onSlotchange: this.updateMeta }))))));
     }
 };
 PlekinfoCardItem.style = plekinfoCardItemCss();