@dso-toolkit/core 100.0.0 → 100.2.0

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, d as createEvent, h, F as Fragment, a as Host, g as getElement, f as forceUpdate } from './index-pqfDfKeZ.js';
+import { r as registerInstance, d as createEvent, h, F as Fragment, a as Host, g as getElement, f as forceUpdate } from './index-CieBNbUH.js';
 import { p as positionTooltip } from './position-tooltip.function-qfYgMCby.js';
-import { T as Tooltip } from './tooltip.functional-component-CsWjK64w.js';
+import { T as Tooltip } from './tooltip.functional-component-chN-aNlU.js';
 import './floating-ui.dom-DMUqzLuy.js';
 
 const infoCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block;padding-block:16px;padding-inline:16px 32px;position:relative;--_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;--_dso-image-display:block;--_dso-image-margin-block:8px;--_dso-image-margin-inline:auto;--_dso-rich-content-margin-block-start:0}:host(:not([active],[fixed])),:host([active=false]:not([fixed])),:host([active=false][fixed=false]){display:none}dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}`;
@@ -11,7 +11,7 @@ const Info = class {
         this.dsoClose = createEvent(this, "dsoClose", 7);
     }
     render() {
-        return (h(Fragment, { key: '7c3f9fed7a8ab8dbabe817e1b978e940f26f27f8' }, h("slot", { key: '74dbbbdf2d445f448a7de100196ef0df2305734f' }), !this.fixed && (h("dso-icon-button", { key: '62d95155d61bfd7c671c5964c7837e587cf6998c', label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit(e.detail.originalEvent) }))));
+        return (h(Fragment, { key: '3a3fa3f36c53a01e0c2a9ceff9c17002543596cd' }, h("slot", { key: 'f5eba0eb7309ecb410bab297c6cb871deb2bb8f2' }), !this.fixed && (h("dso-icon-button", { key: 'e0546bb603a08250cb872df96bc76ea961a03c53', label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit(e.detail.originalEvent) }))));
     }
 };
 Info.style = infoCss();
@@ -133,7 +133,7 @@ const InfoButton = class {
         delete this.mutationObserver;
     }
     render() {
-        return (h(Host, { key: 'bebf2c54d9740a143661f2a4a8f289764e742c1c', onKeyDown: this.keyDownHandler }, h("dso-icon-button", { key: 'a89e0ea637d63255a786ed190ac19fdd48b330ca', variant: "tertiary", label: this.label, onDsoClick: (e) => this.handleToggle(e.detail.originalEvent), icon: this.active || this.toggletipActive ? "info-solid" : "info-outline", ref: (element) => (this.button = element), expanded: this.hasToggletip ? this.toggletipActive : undefined }), this.hasToggletip && (h(Tooltip, { key: 'd3840f4ba7c517e4715bfa8b487b97ba7fc5a8c0', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element) }, h("dso-scrollable", { key: '2752725c430ae05daeef3087fe19ec028a1fe5f4', ref: (element) => (this.restrictContentElement = element), "aria-live": "polite" }, h("slot", { key: 'f95b0b1205464a42d3970095a36b7e475d78aaa6', name: "toggletip" }))))));
+        return (h(Host, { key: 'd5b28d8f99d79e58d3e46c3b1ca299c69113eede', onKeyDown: this.keyDownHandler }, h("dso-icon-button", { key: '49b0e63ffff14227787556ae0d812fe5db60e3bf', variant: "tertiary", label: this.label, onDsoClick: (e) => this.handleToggle(e.detail.originalEvent), icon: this.active || this.toggletipActive ? "info-solid" : "info-outline", ref: (element) => (this.button = element), expanded: this.hasToggletip ? this.toggletipActive : undefined }), this.hasToggletip && (h(Tooltip, { key: '5e33be53cdec59870cd510d54d6b0ee63b5c3e62', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element) }, h("dso-scrollable", { key: '68c59df3ceb38673be699a3425ab42eb08e195c6', ref: (element) => (this.restrictContentElement = element), "aria-live": "polite" }, h("slot", { key: '4e0e7f0aca340e25fe585ca43d429bc669faca05', name: "toggletip" }))))));
     }
     get host() { return getElement(this); }
 };
@@ -203,7 +203,7 @@ const Selectable = class {
         const describedBy = [hasInfo && this.infoFixed ? this.describedById : undefined, this.errormessage]
             .filter((value) => value !== undefined)
             .join(" ") || undefined;
-        return (h(Fragment, { key: 'e6e672ee66f8a47952dd5a74834c3757ee47aa7d' }, h("div", { key: 'd8c39c71eb6e4e1427494226d77f714671e35b8d', class: "dso-selectable-container" }, h("div", { key: '174f6e75a3c6440d48f75076f0edaf31a9190c44', class: "dso-selectable-input-wrapper" }, h("input", { key: '1b87c90cf5291788c5e33749ef562c90f5df5ad2', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": describedBy, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: '859a37b1dd61f8cc2e01e6fa0430452a6b0ba29d', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: '8bc3861cf7b3a95eb97922ad71bc62964e7d5f5f', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: '0ec96182bd8e10616a74beb6a67f70248b59b8b2' }, h("slot", { key: 'e9baed2501c400f2a40cf6f5c98f40aefeb3740d', name: "info" })))), h("slot", { key: 'a90703246e7e0bd0aa5f8472cb262eb031ef6c98', name: "options" })));
+        return (h(Fragment, { key: 'c1bcf78acb134256d9ee7e1aa16f606cf9abc74d' }, h("div", { key: '050fc2690b77f4cdfd5b302b5c1e8da02ff33e5e', class: "dso-selectable-container" }, h("div", { key: '99a646106d3b991cbe6fca4d5f4f3bc1aaaba2e2', class: "dso-selectable-input-wrapper" }, h("input", { key: '82dad85616e0eda09ab129ca830a80714a354b89', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": describedBy, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: '96678e3b9966222d90c789316cf4d6f66c9f0743', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: '903c82d16a550cfbdc78bdeaad29fb4f003c2c3b', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: '6415907b0d28494858e0661a743778be6d7f43cf' }, h("slot", { key: 'b207f99f8fc8fb9af4779d4a2fd19f3235c48bea', name: "info" })))), h("slot", { key: '1de94849b9e2d6d7ea862094ddce33fd05cd6b04', name: "options" })));
     }
     componentDidRender() {
         if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {

package/dist/esm/dso-input-range.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h, F as Fragment, g as getElement } from './index-pqfDfKeZ.js';
+import { r as registerInstance, d as createEvent, h, F as Fragment, g as getElement } from './index-CieBNbUH.js';
 
 const inputRangeCss = () => `:host{display:flex;align-items:center;gap:0.625rem;padding-block:0.5rem;inline-size:100%}*,*::after,*::before{box-sizing:border-box}.counter{flex-shrink:0;min-inline-size:20px}.input{flex-grow:1;appearance:none;background-color:transparent;cursor:pointer}.input::-webkit-slider-runnable-track{block-size:0.5rem;background-color:#e5e5e5;border:1px solid #666;border-radius:0.5rem}.input::-webkit-slider-runnable-track:hover{background-color:#ccc}.input::-webkit-slider-thumb{block-size:1.5rem;inline-size:1.5rem;appearance:none;margin-block-start:-0.55rem;background-color:#39870c;border-radius:50%}.input::-webkit-slider-thumb:hover{background-color:#275937}.input::-moz-range-track{box-sizing:border-box;block-size:0.5rem;background-color:#e5e5e5;border:1px solid #666;border-radius:0.5rem}.input::-moz-range-track:hover{background-color:#ccc}.input::-moz-range-thumb{box-sizing:border-box;block-size:1.5rem;inline-size:1.5rem;appearance:none;margin-block-start:-0.5rem;background-color:#39870c;border-radius:50%;border-color:transparent}.input::-moz-range-thumb:hover{background-color:#275937}`;
 
@@ -15,13 +15,13 @@ const InputRange = class {
         const min = this.min || 0;
         const max = this.max || 100;
         const step = this.step || 1;
-        return (h(Fragment, null, this.description && (h("span", { key: '5c9b842e1f9f77163b62d7d52c9496d053e55180', id: "description", hidden: true }, this.description)), h("span", { key: 'fe2b8532daf462fbe9b225a08f97c7d15a32a8cd', class: "counter", "aria-hidden": "true" }, min, this.unit), h("input", { key: 'ed0ad0b7c36553bd5c746b6cd21d1cc916d71e2d', type: "range", min: min, max: max, step: step, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
+        return (h(Fragment, null, this.description && (h("span", { key: 'b1e37746f98e5cc20eaa63cd41b36b31278c5ebd', id: "description", hidden: true }, this.description)), h("span", { key: '4a2887664a746f9ad1178ae5a91d3898e7f59efb', class: "counter", "aria-hidden": "true" }, min, this.unit), h("input", { key: '37507f728c4128b9945c8f9856de45be70db10c9', type: "range", min: min, max: max, step: step, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
                 originalEvent: event,
                 value: event.target instanceof HTMLInputElement ? parseInt(event.target.value, 10) : undefined,
                 max,
                 min,
                 step,
-            }) }), h("span", { key: '21ff5269993d5b3aeabf667c01e671b1d41a9aca', class: "counter", "aria-hidden": "true" }, max, this.unit)));
+            }) }), h("span", { key: 'feb885d773d0884f1f9d5c0ae07ff8b5488614c4', class: "counter", "aria-hidden": "true" }, max, this.unit)));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, d as createEvent, h, F as Fragment, g as getElement } from './index-pqfDfKeZ.js';
+import { r as registerInstance, d as createEvent, h, F as Fragment, g as getElement } from './index-CieBNbUH.js';
 import { c as clsx } from './clsx-ChV9xqsO.js';
 import { d as debounce } from './index-baWVwd8J.js';
 import { p as positionTooltip } from './position-tooltip.function-qfYgMCby.js';
-import { T as Tooltip } from './tooltip.functional-component-CsWjK64w.js';
+import { T as Tooltip } from './tooltip.functional-component-chN-aNlU.js';
 import { v as v4 } from './v4-CK3_k8jD.js';
 import './floating-ui.dom-DMUqzLuy.js';
 
@@ -125,11 +125,11 @@ const Label = class {
         this.isTruncated = false;
     }
     render() {
-        return (h(Fragment, { key: 'c8aaaf84c416b79bb9c503ad2533ac1213f35c92' }, h("span", { key: '37ad4980bb5781c64814f1efd13d156b31f08bfd', "aria-describedby": this.isTruncated ? "toggle-anchor" : null, class: clsx("dso-label", {
+        return (h(Fragment, { key: '11bb06a9f5d4525603598ccaa9df636578ef54d2' }, h("span", { key: '9838e196c72faa9079648a80f6a1ad57f2b8b8f7', "aria-describedby": this.isTruncated ? "toggle-anchor" : null, class: clsx("dso-label", {
                 [`dso-label-${this.status}`]: this.status,
                 "dso-compact": this.compact && !this.removable,
                 "dso-hover": this.removeHover || this.removeFocus,
-            }) }, h("slot", { key: '693997722133ee6d6e151e73d39f4a05ac2404be', name: "symbol" }), h("span", { key: '8831bad458c6fa2082aa2be762725f230d03ec99', class: "dso-label-content", ref: (element) => (this.labelContent = element), tabindex: this.truncate && this.isTruncated ? 0 : undefined, onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip }, h("slot", { key: 'cb098c6c42929b477c4a77257d035675bcc68cdc' })), this.removable && (h("dso-icon-button", { key: '47a66249b07c099a017d61ae62c7e975dc9539d7', 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) }))), this.isTruncated && (h(Tooltip, { key: '9efda637811c456b0d9e7290c60508c1b3c62a9b', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, h("span", { key: '9c90dc4d8d07619b2ae39883200782f3bb2f95b2', id: "toggle-anchor" }, this.labelText)))));
+            }) }, h("slot", { key: 'ba90debe1c000daae0d560cac4afe4e8f91d2cf3', name: "symbol" }), h("span", { key: '7e0acbc2f55edb62ecfbac023b71c9da27102749', class: "dso-label-content", ref: (element) => (this.labelContent = element), tabindex: this.truncate && this.isTruncated ? 0 : undefined, onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip }, h("slot", { key: '7dfaf2ab9bdbef0a9b660bbca920018e34b315aa' })), this.removable && (h("dso-icon-button", { key: '1aca550af7bca4170c5f4c5ffb949d265bc3e067', 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) }))), this.isTruncated && (h(Tooltip, { key: '12e609e1f0589d410f2f513652dda0d9ae0e0668', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, h("span", { key: '136ab7144cb6e21411efd3699274fe0ebc8d14c5', id: "toggle-anchor" }, this.labelText)))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -224,7 +224,7 @@ const SlideToggle = class {
         this.hasVisibleLabel = this.host.querySelector("*") !== null;
     }
     render() {
-        return (h(Fragment, { key: 'f29e98abd199c5131882103b2baeebd9d55715e2' }, h("button", { key: '768b778d2a35dc6fb5293c4a6947d6fb6de62239', 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 } : {}) }, h("svg", { key: '287c4a04cc8d9bae3be93a687366f482908ce75d', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: 'e60a6542a1f33a120f5f60ef27e44bb18d999fb3', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: '62f24316cf0a6fc9d7b2bf7a3eb2ba05e355ebf3', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: '225a274cec5a2848522935d4d471d76c1383b5dc', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: 'e63be2ae88ed2c4de80410fb262cb46439679425', htmlFor: this.identifier }, h("slot", { key: 'eac4fbd7ee0590be61ef17ad4148c92ee6e35e92' })))));
+        return (h(Fragment, { key: 'a9f4102df6359a337919acba29a04a63a7081ecc' }, h("button", { key: 'c1ca5b957f98fd775784db904dbefd2290b5c51d', 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 } : {}) }, h("svg", { key: 'e1f08afbfb5d2982382e2caca7973bd731992688', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '6959133349065a0c1c1b3819a6a337af77fb417c', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: 'a3374b9830448922a698fcc147346a19de74108a', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: '645810d2e0742f0ca4da361f09aa4ef835b1fde0', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: 'fec9a4cae5f4db920452ac1dd269b4a4c474574a', htmlFor: this.identifier }, h("slot", { key: '79f4ab4d92e3e6bee2ebb99385d3f0af3fbbec83' })))));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-pqfDfKeZ.js';
+import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-CieBNbUH.js';
 import { i as i18n } from './i18n-CCOI5nUo.js';
 
 const translations = {
@@ -55,7 +55,7 @@ const LegendGroup = class {
         delete this.mutationObserver;
     }
     render() {
-        return (h(Host, { key: '972513a3527ff446324c759714755b664c058d46' }, h("div", { key: 'e57660d4098c734dd093cd4f78914b80950a223b', class: "legend-group-header" }, h("slot", { key: '165c84da0b66aad1256ef510779ac6d79495b42a', name: "heading" }), this.mode && (h("dso-icon-button", { key: 'a1401577f95f4192c0faea3907f77fec40df7cf2', expanded: this.mode === "edit", label: this.mode === "view" ? this.text("edit") : this.text("view"), icon: this.mode === "view" ? "pencil" : "check", variant: "tertiary", onDsoClick: this.toggleMode }))), this.mode === "edit" && h("slot", { key: 'f8c427b63ab20594f04d2099ec5b0f15b9bf9b20', name: "options" }), h("slot", { key: '97fd5268954f1a83d097c5241983de5dc7adc30e' })));
+        return (h(Host, { key: '28df01827602cfe94f1655495d3cc0b8ba5b66a0' }, h("div", { key: 'c684bb3db12b429c6986daa5ce23c92c46453d76', class: "legend-group-header" }, h("slot", { key: 'ea31dc722b197532052b816c542c67a6492a9022', name: "heading" }), this.mode && (h("dso-icon-button", { key: '6daa2c00dc4a87b44ef1a430147b2b04661bdb4d', expanded: this.mode === "edit", label: this.mode === "view" ? this.text("edit") : this.text("view"), icon: this.mode === "view" ? "pencil" : "check", variant: "tertiary", onDsoClick: this.toggleMode }))), this.mode === "edit" && h("slot", { key: '480a98979e3a91fa8e26664f48e47c384d24dea5', name: "options" }), h("slot", { key: 'c135fa34e1db7950f21d333202291c35e9e2918e' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, f as forceUpdate, h, F as Fragment, a as Host, g as getElement } from './index-pqfDfKeZ.js';
+import { r as registerInstance, d as createEvent, f as forceUpdate, h, F as Fragment, a as Host, g as getElement } from './index-CieBNbUH.js';
 import { c as clsx } from './clsx-ChV9xqsO.js';
 import { i as i18n } from './i18n-CCOI5nUo.js';
 
@@ -87,7 +87,7 @@ const LegendItem = class {
         const accessibleLabel = label?.textContent
             ? this.text("makeActive", { label: label.textContent.toLowerCase() })
             : this.text("makeActiveDefault");
-        return (h(Host, { key: '96c288bc2a05a29ccdcedccc98f6acecfbd026e0', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: '6db23c1408c64bc4a9d23b3b471144f1994d8ad9', class: clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (h("div", { key: 'ec9771b028987abd64699d3b83e60b0bfddd376b' }, h("slot", { key: '3ee11e76025eb944b55964c0a8dfc893e38d3e02', name: "symbol" }))), h("div", { key: '788c1f3648e2d219dc0b83c63f3fa1f8e236311e' }, h("slot", { key: '08bade4380497521a1c26bb899bd2c9110b95b60', name: "label" })), this.disabled && this.disabledMessage && (h("dso-info-button", { key: '58553661c55719f42efdb8a56993409616caf2a9', label: this.text("disabledInfo"), toggletipPlacement: "bottom" }, h("div", { key: '9120418ffd42d721a9746c96e44ed816bc460ac3', slot: "toggletip" }, this.disabledMessage))), h("div", { key: '09a3b392fd78db4debf28614386ab75ecf7940fd', class: "legend-item-right-content" }, this.renderRightContent(hasOptions, accessibleLabel))), hasOptions && (h("div", { key: 'd76e964708ccbb0388c7642c2d89080b73cb626c', hidden: this.disabled || !this.showOptions, class: "options" }, h("slot", { key: 'a5b5a219f1888c0e9f9775948a05951eb65afa6e', name: "options" })))));
+        return (h(Host, { key: '9b7ed34c8ea72c3a2e642650059fb156ba0ad440', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: 'a847b2cd9edd37023c37af28229dbc113cc950d7', class: clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (h("div", { key: '660ddd73308757372228776a5637d48ee67ef4a2' }, h("slot", { key: '15732d9a4a15e82315714b227e284df36e499457', name: "symbol" }))), h("div", { key: '38610147aa7d439409bfd92abce6ba2afb73ff9d' }, h("slot", { key: '1f6f49979470f5867023d402581743e9fb97837c', name: "label" })), this.disabled && this.disabledMessage && (h("dso-info-button", { key: 'd4b64ba6f58c69f0178529be0fdf6b9f8209ea7c', label: this.text("disabledInfo"), toggletipPlacement: "bottom" }, h("div", { key: 'd98d584d44fce4ca7b18ee4cd1a0d4fd68ed82ca', slot: "toggletip" }, this.disabledMessage))), h("div", { key: '4b693c3cc699db0cce0ca43a35d1db165e8fe013', class: "legend-item-right-content" }, this.renderRightContent(hasOptions, accessibleLabel))), hasOptions && (h("div", { key: '1d1c00a99077c4fb13c51d46c602fbdd735ba411', hidden: this.disabled || !this.showOptions, class: "options" }, h("slot", { key: '097b5874ec1fbfc19a65e857e45697bd8c738f1d', name: "options" })))));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-pqfDfKeZ.js';
+import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-CieBNbUH.js';
 import { c as clsx } from './clsx-ChV9xqsO.js';
 import { i as i18n } from './i18n-CCOI5nUo.js';
 import { i as isModifiedEvent } from './is-modified-event-Hgv-pDpy.js';
@@ -81,7 +81,7 @@ const Legend = class {
         this.moveFocusToTab(next);
     }
     render() {
-        return (h(Host, { key: 'e3c401a8383f8a7d49e3c24a2fb867708d273160' }, h("div", { key: '4b5d88165bd72e787a9f460783b6425e508be284', class: "topbar" }, h("div", { key: '5be1da490bfec24e343c8f9b8fae04ffde3030bc', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, this.tabItems.map((tabItem) => (h("button", { class: clsx("tab", { active: tabItem.active }), role: "tab", "aria-selected": tabItem.active ? "true" : "false", ...(!tabItem.active ? { tabIndex: -1 } : {}), onClick: this.clickHandler }, tabItem.label)))), h("dso-icon-button", { key: '99fc969adf5e175d028dea9bd9ca8a5f53d9683f', icon: "cross", variant: "tertiary", label: this.text("closeLegend"), class: "close-button", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e.detail.originalEvent }) })), h("dso-scrollable", { key: '36aef539953b9c77d06ef4d56be9edd28712680a', class: "content" }, h("div", { key: '86c411c4317d58a0d7619b4843481ba62bbc9a29', role: "tabpanel", tabIndex: 0 }, h("slot", { key: '103898f6b19175467aa1b5ae581e473ede40e475' })))));
+        return (h(Host, { key: 'b43c88fc0df9707a79ed8874fc4841cc4eb38575' }, h("div", { key: '5e34bfd53975616ab7af672b7a9a5cae3a7ac370', class: "topbar" }, h("div", { key: 'd750d4682f0c303bb7dae3d4946feddd816445d0', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, this.tabItems.map((tabItem) => (h("button", { class: clsx("tab", { active: tabItem.active }), role: "tab", "aria-selected": tabItem.active ? "true" : "false", ...(!tabItem.active ? { tabIndex: -1 } : {}), onClick: this.clickHandler }, tabItem.label)))), h("dso-icon-button", { key: '160e6006ba87ad67debcaeb77450c1b0fbcd70ae', icon: "cross", variant: "tertiary", label: this.text("closeLegend"), class: "close-button", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e.detail.originalEvent }) })), h("dso-scrollable", { key: '8032c7a4d34e4909f815ca52bdf46515b682e3eb', class: "content" }, h("div", { key: '2fb5ab230b72aa73aa3b42dfe88fc8a01eac4885', role: "tabpanel", tabIndex: 0 }, h("slot", { key: '45408018533a684dd2e924c75044bef3cb62907e' })))));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, f as forceUpdate, h, F as Fragment, g as getElement } from './index-pqfDfKeZ.js';
+import { r as registerInstance, d as createEvent, f as forceUpdate, h, F as Fragment, g as getElement } from './index-CieBNbUH.js';
 import { c as clsx } from './clsx-ChV9xqsO.js';
 
 const listButtonCss = () => `*, *::after, *::before {   box-sizing: border-box; }  :host {   display: block; }  .sr-only {   position: absolute;   inline-size: 1px;   block-size: 1px;   padding: 0;   margin: -1px;   border: 0;   overflow: hidden;   clip-path: rect(0 0 0 0); }  .dso-tertiary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } .dso-tertiary:focus, .dso-tertiary:focus-visible {   outline-offset: 2px; } .dso-tertiary:active {   outline: 0; } .dso-tertiary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } .dso-tertiary:focus, .dso-tertiary:focus-visible {   outline-offset: 2px; } .dso-tertiary:active {   outline: 0; } .dso-tertiary {   background-color: var(--_dso-button-tertiary-background-color, );   border-color: var(--_dso-button-tertiary-border-color, );   color: var(--_dso-button-tertiary-color, #39870c);   float: var(--_dso-button-float-tertiary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: auto;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } .dso-tertiary:hover {   background-color: var(--_dso-button-tertiary-hover-background-color, );   border-color: var(--_dso-button-tertiary-hover-border-color, );   color: var(--_dso-button-tertiary-hover-color, #275937);   float: var(--_dso-button-float-tertiary, none); } .dso-tertiary:active {   background-color: var(--_dso-button-tertiary-active-background-color, );   border-color: var(--_dso-button-tertiary-active-border-color, );   color: var(--_dso-button-tertiary-active-color, #173521);   float: var(--_dso-button-float-tertiary, none); } .dso-tertiary[disabled], .dso-tertiary[disabled]:hover {   background-color: var(--_dso-button-tertiary-disabled-background-color, );   border-color: var(--_dso-button-tertiary-disabled-border-color, );   color: var(--_dso-button-tertiary-disabled-color, #afcf9d);   float: var(--_dso-button-float-tertiary, none); } .dso-tertiary.dso-small {   line-height: 1rem; } .dso-tertiary.dso-small dso-icon, .dso-tertiary.dso-small.extern::after, .dso-tertiary.dso-small.download::after, .dso-tertiary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-tertiary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-extra-small {   line-height: 1rem; } .dso-tertiary.dso-extra-small dso-icon, .dso-tertiary.dso-extra-small.extern::after, .dso-tertiary.dso-extra-small.download::after, .dso-tertiary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-tertiary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-extra-small {   padding-block: 9px; } .dso-tertiary {   border: 0;   line-height: 1;   padding-inline: 0;   padding-block: var(--_dso-button-padding-block-tertiary, 0);   background-color: transparent; } .dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {   color: #39870c; } .dso-tertiary:not([disabled]):hover {   text-decoration: underline;   text-underline-position: under; } .dso-tertiary.dso-align {   line-height: calc(1.5em - 1px);   padding-block: 11px;   padding-inline: 0;   position: relative; } .dso-tertiary.dso-truncate {   max-inline-size: 100%;   overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap; } .dso-tertiary.dso-spinner-left::before {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: middle;   inline-size: 24px;   margin-inline-end: 8px; } .dso-tertiary.dso-spinner-right::after {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: middle;   inline-size: 24px;   margin-inline-start: 8px; } .dso-tertiary dso-icon + span:not(.sr-only), .dso-tertiary span:not(.sr-only) + dso-icon {   margin-inline-start: 4px; } .dso-tertiary dso-icon, .dso-tertiary span {   vertical-align: middle; } .dso-tertiary {   cursor: pointer; }  .dso-input-number {   align-items: center;   display: flex; } .dso-input-number .dso-input-step-counter {   text-align: center;   inline-size: 1.5rem;   font-size: 0.875rem; }  .dso-button-group {   display: flex;   flex-direction: row; } .dso-button-group.dso-disabled > * {   background-color: #fff;   border-color: #e5e5e5;   color: #666;   pointer-events: none; } .dso-button-group > * {   border-radius: 0; } .dso-button-group > *:first-child {   border-radius: 4px 0 0 4px; } .dso-button-group > *:not(:first-child) {   border-inline-start-style: none !important; } .dso-button-group > *:last-child {   border-radius: 0 4px 4px 0; } .dso-button-group > *:only-child {   border-radius: 4px; } .dso-button-group > .dso-input-number {   border-style: solid;   border-width: 1px;   flex-wrap: nowrap;   padding-block: 0;   padding-inline: 16px;   background-color: #fff;   border-color: #ccc;   color: #191919; } @media screen and (max-width: 767px) {   .dso-button-group > .dso-input-number {     justify-content: center;   } } .dso-button-group > *:hover + .dso-input-number, .dso-button-group > *:focus + .dso-input-number {   background-color: #fff;   border-color: #d7e7ce;   color: #191919; } .dso-button-group > *.dso-selected + .dso-input-number {   box-shadow: inset 0 -1px 0 0 #39870c, inset 0 1px 0 0 #39870c, inset -1px 0 0 0 #39870c;   background-color: #fff;   border-color: #39870c;   color: #191919; } .dso-button-group > *:active + .dso-input-number, .dso-button-group > *:active + .dso-input-number:hover, .dso-button-group > *.active + .dso-input-number, .dso-button-group > *.active + .dso-input-number:hover {   background-color: #fff;   border-color: #d7e7ce;   color: #191919; } .dso-button-group > *.disabled + .dso-input-number, .dso-button-group > *.disabled + .dso-input-number:hover, .dso-button-group > *[disabled] + .dso-input-number, .dso-button-group > *[disabled] + .dso-input-number:hover {   opacity: 1;   background-color: #fff;   border-color: #ccc;   color: #666; } .dso-button-group .dso-list-button {   padding-inline-end: 15px; }  .dso-list-button {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } .dso-list-button:focus, .dso-list-button:focus-visible {   outline-offset: 2px; } .dso-list-button:active {   outline: 0; } .dso-list-button {   background-color: #fff;   border-color: #ccc;   color: #191919;   border-radius: 4px;   border-width: 1px;   border-style: solid;   font-weight: 600;   padding-block: 15px;   padding-inline: 15px 47px;   position: relative;   text-align: start;   white-space: normal;   inline-size: 100%;   cursor: pointer; } .dso-list-button:hover, .dso-list-button:focus {   background-color: #fff;   border-color: #39870c;   color: #191919; } .dso-list-button:active, .dso-list-button:active:hover, .dso-list-button.active, .dso-list-button.active:hover {   background-color: #fff;   border-color: #d7e7ce;   color: #191919; } .dso-list-button.disabled, .dso-list-button.disabled:hover, .dso-list-button[disabled], .dso-list-button[disabled]:hover {   background-color: #fff;   border-color: #ccc;   color: #666;   opacity: 1; } .dso-list-button dso-selectable:not(:last-child) {   margin-block-end: 0; } .dso-list-button .dso-selectable-container label {   font-weight: 700; } .dso-list-button.dso-selected {   border-color: #39870c;   border-width: 1px;   box-shadow: inset 0px 0px 0px 1px #39870c, inset -1px 0px 0px 0px #39870c; } @media screen and (min-width: 768px) {   .dso-list-button.dso-selected.dso-single-count {     border-inline-end: 0;     box-shadow: #39870c 0px 1px 0px 0px inset, #39870c 1px 0px 0px 0px inset, #39870c 0px -1px 0px 0px inset;   } } .dso-list-button label {   cursor: inherit; } .dso-list-button > span {   display: block; } .dso-list-button .dso-sublabel, .dso-list-button .subcontent {   font-weight: 400;   inline-size: 100%;   padding-inline-start: 32px; } .dso-list-button dso-icon {   block-size: 24px;   color: #39870c;   inset-block-start: 15px;   inset-inline-end: 15px;   inline-size: 24px;   break-before: page;   position: absolute; } @media screen and (max-width: 767px) {   .dso-list-button.dso-selected.dso-single-count::after {     inline-size: 0;   } }`;
@@ -79,7 +79,7 @@ const ListButton = class {
     }
     render() {
         const selected = this.checked || (this.count !== undefined && this.count > 0);
-        return (h("div", { key: '153f81aaebcc43d329b0754cd1dfb419047f1f01', class: clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, h("div", { key: 'b82cc312ea619bfa5c9b34cb685dc1ee1ffca883', class: clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, h("dso-selectable", { key: '2bcf18e6df5ef06ce90a27b0052c30411ca418a3', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, h("span", { key: 'ea085ef94d417392ce2d3211a0c672e6b0062e82' }, this.label, this.sublabel && h("span", { key: 'a3ca738b8cbca4780c8948f178949430a73a72a9', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (h("span", { key: '6cb97ebad7e7bfc255d2d07b65b3fc0c808952cd', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", h("span", { key: 'e10862fea3a1f2ddf34d806efb53c21cd9b4875d', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && h("span", { key: '8d58404dec7106a74724e82907bba9d266cbf827', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (h("div", { key: 'be58d054304afe3f4ff25a01be6dc62b5dc02625', class: "subcontent" }, h("slot", { key: 'f687bb398c00eeeb1a9a3dae9b0889ad3191bd90', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (h("div", { key: 'db5fa3acdc29926126a551209c845cc88792fa20', class: "dso-input-number" }, this.count > 1 && (h(Fragment, { key: 'bc7e479638e8bb6f914bf30214b92d6e0cada0c0' }, h("dso-icon-button", { key: 'cde2f55d393c6d08de9173db3612e5339b7cafa1', label: "Aantal verlagen", variant: "tertiary", icon: "minus-circle-outline", disabled: this.count === Number(this.min) || this.disabled, onDsoClick: (e) => this.stepValue(e, "decrement") }), h("span", { key: 'ca73568daca7e1d3641b9d711edb6bf37de28a64', class: "dso-input-step-counter", "aria-hidden": "true" }, this.count))), h("span", { key: '1096574e37502033f05572fcfc74c0120cd8b251', class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.count), h("dso-icon-button", { key: 'ee584967f4284defe68a7d9fb6d6c10cb75f0f99', ref: (element) => (this.incrementButton = element), label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle-outline", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
+        return (h("div", { key: 'a456e0620bc42f18b185b4c1a9439c1fe3cf1aef', class: clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, h("div", { key: '867c31ff683477c95e0df5fda982f2aa56c117cd', class: clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, h("dso-selectable", { key: 'c012d5bb80973a01a91803c7685c3150c5a926d7', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, h("span", { key: '102e32c6fb04eeca284ca3fe3131f067e2b0343d' }, this.label, this.sublabel && h("span", { key: '3dad120610012113d7562483bf61b478ce9205de', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (h("span", { key: '6990b9666c6c0be81e50e8ae432f0e38e985efe0', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", h("span", { key: '446fae472320465f3d77d0ada41a8822a088343d', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && h("span", { key: '67e2ffbe64b147dc15432402860305abc52f514c', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (h("div", { key: '63aa66e9d77121906a47ac021a10941c8d5d4a9d', class: "subcontent" }, h("slot", { key: '3db8cef36ee03f1927f99d971687ad17b8a9f088', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (h("div", { key: 'a3cf60e804d2b5efcfaf560c0622a5c97c8d215e', class: "dso-input-number" }, this.count > 1 && (h(Fragment, { key: '2bc46a1d646e1059b520206d2ebff380950ff5f7' }, h("dso-icon-button", { key: 'e4bb575cf7b73752cf4c423c094461e25330f9d9', label: "Aantal verlagen", variant: "tertiary", icon: "minus-circle-outline", disabled: this.count === Number(this.min) || this.disabled, onDsoClick: (e) => this.stepValue(e, "decrement") }), h("span", { key: '494eabda18b6936977ffe1152924bfa542fe5f03', class: "dso-input-step-counter", "aria-hidden": "true" }, this.count))), h("span", { key: 'f4f9497a23dc31b528a8c848e34699ffc2ddd7f9', class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.count), h("dso-icon-button", { key: '2a034e31a9048fcd929915a11052d3f89af8cb13', ref: (element) => (this.incrementButton = element), label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle-outline", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h, F as Fragment } from './index-pqfDfKeZ.js';
+import { r as registerInstance, d as createEvent, h, F as Fragment } from './index-CieBNbUH.js';
 import { i as isModifiedEvent } from './is-modified-event-Hgv-pDpy.js';
 
 const logoCss = () => `:host{block-size:var(--_dso-logo-block-size, 3rem);display:grid;grid-template-areas:"target wordmark label";grid-template-columns:repeat(3, max-content);grid-template-rows:100%;gap:16px;font-size:1.5rem;font-weight:500;align-items:center;container-type:size;container-name:logo}:host .logo-url,:host .logo-label-url{display:flex;align-items:center;gap:16px;text-decoration:none}:host .logo-url:hover,:host .logo-url:focus-visible,:host .logo-url:active,:host .logo-label-url:hover,:host .logo-label-url:focus-visible,:host .logo-label-url:active{text-decoration:underline}:host .logo-url,:host .logo-url:hover,:host .logo-url:focus,:host .logo-url:visited,:host .logo-label-url,:host .logo-label-url:hover,:host .logo-label-url:focus,:host .logo-label-url:visited{color:#275937}:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])){grid-template-areas:"targetwordmark label"}:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])) .logo-url,:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])) .logo-ribbon{grid-area:targetwordmark}.logo-label-url{grid-area:label}.logo-target{grid-area:target;max-block-size:48px;max-inline-size:48px;inline-size:100%;display:block;aspect-ratio:1/1}.logo-wordmark{grid-area:wordmark}@container logo (max-height: 47px){.logo-wordmark,.logo-label{font-size:50cqb;line-height:1}}.logo-wordmark-omgevings{color:#39870c}.logo-wordmark-loket{color:#275937}.logo-label{grid-area:label;color:#275937;margin-inline-start:1rem}.logo-ribbon{grid-area:wordmark;place-self:start end;display:flex;place-items:center;background-color:#8b4a6a;border-radius:3px;transform:rotate(3deg);padding-block:0;padding-inline:8px;font-size:0.75rem;font-weight:normal;text-transform:uppercase;color:#fff}@container logo (max-height: 47px){.logo-ribbon{block-size:28cqb;font-size:25cqb}}.inner{fill:#e17000}.middle{fill:#275937}.outer{fill:#80bc00}@media screen and (max-width: 767px){:host([label]){grid-template-areas:"target label";grid-template-columns:max-content minmax(130px, max-content)}:host([label]) .logo-wordmark{display:none}:host([label]) .logo-ribbon{grid-area:label}:host([label]) .logo-label{margin-inline-start:0;text-wrap:balance;overflow-wrap:normal}:host([logo-url][ribbon]) .logo-label-url+.logo-ribbon{grid-area:label}}@media screen and (max-width: 480px){.logo-ribbon{transform:rotate(3deg) translateY(-7px)}}`;
@@ -29,7 +29,7 @@ const Logo = class {
     }
     render() {
         return (h(Fragment, null, this.logoUrl ? (h("a", { class: "logo-url", href: this.logoUrl, onClick: this.handleLogoClick }, h(DsoLogo, { name: this.name }))) : (h(DsoLogo, { name: this.name })), this.label &&
-            (!this.labelUrl ? (h("span", { class: "logo-label" }, this.label)) : (h("a", { class: "logo-label-url", href: this.labelUrl, onClick: this.handleLabelClick }, h("span", { class: "logo-label" }, this.label)))), this.ribbon && h("div", { key: '2c4662854741d591e3a13ecdbc3506320e16d92d', class: "logo-ribbon" }, this.ribbon)));
+            (!this.labelUrl ? (h("span", { class: "logo-label" }, this.label)) : (h("a", { class: "logo-label-url", href: this.labelUrl, onClick: this.handleLabelClick }, h("span", { class: "logo-label" }, this.label)))), this.ribbon && h("div", { key: 'e17789ab58b8de2b80f36e486ce3fa38ff4df6c7', class: "logo-ribbon" }, this.ribbon)));
     }
 };
 Logo.style = logoCss();

package/dist/esm/dso-map-base-layers.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h, g as getElement } from './index-pqfDfKeZ.js';
+import { r as registerInstance, d as createEvent, h, g as getElement } from './index-CieBNbUH.js';
 import { i as i18n } from './i18n-CCOI5nUo.js';
 import { v as v4 } from './v4-CK3_k8jD.js';
 
@@ -43,7 +43,7 @@ const MapBaseLayers = class {
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (h("fieldset", { key: 'fc725366824a2bfbecc6b3b54a9d66189897788d', class: "form-group dso-radios" }, h("legend", { key: 'a5e7265492ee924e04bc784c57f26e474f0c4c21', class: "sr-only" }, "Achtergrond"), h("div", { key: '344f1765eefba53c5d4a8c25d0f1853359e5029b', class: "dso-label-container" }, h("span", { key: 'f2de7cae48c08e0487ad8f1cd45a1f72def76858', class: "control-label", "aria-hidden": "true" }, this.text("background"))), h("div", { key: 'c5dfd3492af5de39d9e718c2df24393e5069dc16', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (h("dso-selectable", { key: baseLayer.id, type: "radio", value: baseLayer.name, checked: baseLayer.checked, disabled: baseLayer.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[baseLayer.id] = ref), onDsoChange: () => this.baseLayerChangeHandler(baseLayer) }, baseLayer.name, baseLayer.info ? h("p", { slot: "info" }, baseLayer.info) : null))))));
+        return (h("fieldset", { key: '8021adc45a3a8964cd2fb229844204f75190a728', class: "form-group dso-radios" }, h("legend", { key: '5413e633389032190f8894a96ca44a505074c4f1', class: "sr-only" }, "Achtergrond"), h("div", { key: 'cd74d34e240fec9aa2decfae7dbd9404cc4852f3', class: "dso-label-container" }, h("span", { key: '3816e67c6f3c4bdc84dab60a04ed4b77ffbfe116', class: "control-label", "aria-hidden": "true" }, this.text("background"))), h("div", { key: '940d382bb243fc7ff7d66f53f2d6a14839a881cc', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (h("dso-selectable", { key: baseLayer.id, type: "radio", value: baseLayer.name, checked: baseLayer.checked, disabled: baseLayer.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[baseLayer.id] = ref), onDsoChange: () => this.baseLayerChangeHandler(baseLayer) }, baseLayer.name, baseLayer.info ? h("p", { slot: "info" }, baseLayer.info) : null))))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-map-controls.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h, F as Fragment, g as getElement } from './index-pqfDfKeZ.js';
+import { r as registerInstance, d as createEvent, h, F as Fragment, g as getElement } from './index-CieBNbUH.js';
 import { i as i18n } from './i18n-CCOI5nUo.js';
 
 const translations = {
@@ -129,7 +129,7 @@ const MapControls = class {
         this.clearPostTransitionTimeout();
     }
     render() {
-        return (h(Fragment, { key: '9d6ee4396cb3e93e4dcd6387ed423c5b56bb060b' }, h("dso-icon-button", { key: 'ad7ebb061a22ae2b414473326f1c23608fbe7f6c', expanded: this.open, label: this.text("layersButton"), icon: "layers", variant: "map", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), tooltipPlacement: "left", class: "toggle-visibility-icon-button", onDsoClick: (e) => this.toggleVisibilityInternal(e.detail.originalEvent, __classPrivateFieldGet(this, _MapControls_toggleIconButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), h("button", { key: 'ef99763dee19cac7b718b75556dfce20005232d9', type: "button", class: "dso-map toggle-visibility-button", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open ? "true" : "false", onClick: (e) => this.toggleVisibilityInternal(e, __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, h("dso-icon", { key: '74bf4db4f2a05d5cb2b4f89df7cb53a60b2ef106', icon: "layers" }), h("span", { key: 'cdcffb339c2c6ff0c20901dd2ca02fce5a960ea2' }, this.text("layersButton"))), h("dso-button-group", { key: 'cbc288e14fea237073b74b6c083738f8c5c1680f', class: "zoom-buttons", direction: "column" }, h("dso-icon-button", { key: 'e659c2746a2ea3e8c2f13f2f3793047066125a81', label: this.text("zoomIn"), icon: "plus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomIn.emit(e.detail.originalEvent), disabled: this.disableZoom === "in" || this.disableZoom === "both" }), h("dso-icon-button", { key: '68a28a57c20e14deebabbefab089994bd3151f9a', label: this.text("zoomOut"), icon: "minus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomOut.emit(e.detail.originalEvent), disabled: this.disableZoom === "out" || this.disableZoom === "both" })), h("section", { key: '029a667be45b3587483ab76d851921e12b453666', id: __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), hidden: this.hideContent, role: "region", onKeyDown: this.handlePanelKeyDown, "aria-labelledby": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f") }, h("header", { key: '6aeae301582eeef11bd525433b8fb3f778810c25' }, h("h2", { key: 'b141d0eb41bf774a423af275d5c006659a6d395b', id: __classPrivateFieldGet(this, _MapControls_mapLayersTitleId, "f"), tabIndex: -1 }, this.text("title")), h("dso-icon-button", { key: 'e8b3033cc1dd2d9c141f8c8110388b88327fe962', class: "close-button", label: this.text("hidePanel", { title: this.text("title") }), icon: "cross", variant: "tertiary", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeIconButtonElement, element, "f")) })), h("dso-scrollable", { key: '148768df00d681ef3f813f86e1b24b46726d5b97' }, h("div", { key: 'f720aca044f1b8aa534956975e91a725219307c5', class: "content" }, h("slot", { key: 'e10cff3a91a873e7ecca2e55cbbce6b410ba7416' }))))));
+        return (h(Fragment, { key: '1124457d4bee39439d5668ed4eb8003c7e10cb7d' }, h("dso-icon-button", { key: '808b061d4cd15dbca73e061a6a08bfb568912d4b', expanded: this.open, label: this.text("layersButton"), icon: "layers", variant: "map", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), tooltipPlacement: "left", class: "toggle-visibility-icon-button", onDsoClick: (e) => this.toggleVisibilityInternal(e.detail.originalEvent, __classPrivateFieldGet(this, _MapControls_toggleIconButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), h("button", { key: 'e0b48349f579f2501fadd9eece918ac9c97076d2', type: "button", class: "dso-map toggle-visibility-button", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open ? "true" : "false", onClick: (e) => this.toggleVisibilityInternal(e, __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, h("dso-icon", { key: 'a095265dabe4609ca81b728366a0fdbefd28171e', icon: "layers" }), h("span", { key: '865c938149bec4b0db0ac8c16cec08e47ef7d78b' }, this.text("layersButton"))), h("dso-button-group", { key: '6b9eecd0b6050e89f4861ed65d79ce8950f26452', class: "zoom-buttons", direction: "column" }, h("dso-icon-button", { key: '87e1fa06bb974f725bf8bfd49fa56f2dc14c8f52', label: this.text("zoomIn"), icon: "plus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomIn.emit(e.detail.originalEvent), disabled: this.disableZoom === "in" || this.disableZoom === "both" }), h("dso-icon-button", { key: '6e88caa2642745b29a80eb431b9b5ee7dc35d1dd', label: this.text("zoomOut"), icon: "minus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomOut.emit(e.detail.originalEvent), disabled: this.disableZoom === "out" || this.disableZoom === "both" })), h("section", { key: '07b2e8882eb7bc54201019ee043bdca835ac2b6c', id: __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), hidden: this.hideContent, role: "region", onKeyDown: this.handlePanelKeyDown, "aria-labelledby": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f") }, h("header", { key: 'bd092098c501745d6fc5d0ceba8bb6e9107bf866' }, h("h2", { key: 'fc927fb82a349f1e36b1dbba5e35fd5dd5267c8b', id: __classPrivateFieldGet(this, _MapControls_mapLayersTitleId, "f"), tabIndex: -1 }, this.text("title")), h("dso-icon-button", { key: 'f04f2498433be86fe4a2295c943ba80fd62ed474', class: "close-button", label: this.text("hidePanel", { title: this.text("title") }), icon: "cross", variant: "tertiary", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeIconButtonElement, element, "f")) })), h("dso-scrollable", { key: '073622025d761cf2ab32fe6d914fe20b1baeca4c' }, h("div", { key: 'b86c61511eb1a31c992989e5b057f2e2f2135e1f', class: "content" }, h("slot", { key: 'f3e160928a0e74dafa97bdcb7b906ec5986e8b99' }))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dso-map-layer-object.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, d as createEvent, h, a as Host } from './index-pqfDfKeZ.js';
-import { W as WrapWijzigactie } from './wrap-wijzigactie.functional-component-DzSLSv0i.js';
+import { r as registerInstance, d as createEvent, h, a as Host } from './index-CieBNbUH.js';
+import { W as WrapWijzigactie } from './wrap-wijzigactie.functional-component-BYWldnbn.js';
 
 const mapLayerObjectCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block}:host ins,:host del{display:contents;text-decoration:none}:host(:not(:last-child)){margin-block-end:8px}:host([wijzigactie=voegtoe]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}:host([wijzigactie=verwijder]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000}.map-layer-object{display:flex;align-items:flex-start;padding:2px;min-block-size:28px}.map-layer-object ::slotted([slot=symbol]){background-color:#fff;display:block;float:inline-start;block-size:24px;margin-block-start:0;margin-inline-end:8px;inline-size:27.6923076923px;overflow:hidden;position:relative}.map-layer-object-heading{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:4px;min-inline-size:0}.map-layer-object .slide-toggle-container{display:flex;align-items:center}.map-layer-object .slide-toggle-container dso-slide-toggle{display:flex;padding-block:0}`;
 
@@ -18,7 +18,7 @@ const MapLayerObject = class {
         };
     }
     render() {
-        return (h(Host, { key: '4216426f3f863d225fd89f181debdab0999906eb', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h(WrapWijzigactie, { key: 'c81acbdfb183641d49af07d25e277cf46f089c13', wijzigactie: this.wijzigactie }, h("div", { key: 'fa255080ae12b99bf1443e03e7a646c7c13bcc16', class: "map-layer-object" }, h("div", { key: 'bee9848afcb4649c9ffe19bdf43063064bfeb05a' }, h("slot", { key: 'c6ca637b8b1adb02c235abada86d62d6ac841779', name: "symbol" })), h("div", { key: '04401ab4d201e308a4e7655d81bb0a513368102a', class: "map-layer-object-heading" }, h("slot", { key: '4c7d71b69a2d1bfa279cb444be9b9d4f293570ce' }), h("slot", { key: '07eb1f93be72bcd2a99fffb263fd1ac8abe37138', name: "label" })), h("div", { key: '46ad5ec5eacabec9427b0fce0755f7e4581a2366', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '4b521c9ee95bb59701c1addf070ce1799a1103ad', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange }))))));
+        return (h(Host, { key: 'dae07d664482fcfcbb2232a32558829734a5c3ea', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h(WrapWijzigactie, { key: '5840180ffc63c8fc1887afebd238e40517d2dd76', wijzigactie: this.wijzigactie }, h("div", { key: '212953d88bb5a8b78f3a2633ea1b2e4f4e7d1c57', class: "map-layer-object" }, h("div", { key: '6c94789dc58388e1bbafd52cf85ad37d1e4e070f' }, h("slot", { key: '0d4565db6f767a170edc87e63d5324c17fe13e3d', name: "symbol" })), h("div", { key: 'b3ae87320865911bb4111c54bb9130f2bf8b006a', class: "map-layer-object-heading" }, h("slot", { key: '784053e34657815241b402a2eca7840203c653e7' }), h("slot", { key: '67b4f397ae703a0cfd89edfe880550e7186d3485', name: "label" })), h("div", { key: '59c1e7851474d136888e8460174b4bb04e601f34', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: 'c98410f0ebfa8a3c2e6ffa7a6a1fc34f6c053576', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange }))))));
     }
 };
 MapLayerObject.style = mapLayerObjectCss();

package/dist/esm/dso-map-layer.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, d as createEvent, h } from './index-pqfDfKeZ.js';
-import { W as WrapWijzigactie } from './wrap-wijzigactie.functional-component-DzSLSv0i.js';
+import { r as registerInstance, d as createEvent, h } from './index-CieBNbUH.js';
+import { W as WrapWijzigactie } from './wrap-wijzigactie.functional-component-BYWldnbn.js';
 
 const mapLayerCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block;padding:6px}:host ins,:host del{display:contents;text-decoration:none}:host([wijzigactie=voegtoe]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}:host([wijzigactie=verwijder]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000}.map-layer{display:flex;justify-content:space-between;min-block-size:32px}.map-layer-heading{display:flex;flex-wrap:wrap;align-items:center;margin-block-end:8px}.map-layer-heading ::slotted([slot=name]){font-weight:600;line-height:1.375em;margin-inline-end:4px}.map-layer .slide-toggle-container dso-slide-toggle{display:flex;padding-block-start:0}`;
 
@@ -21,7 +21,7 @@ const MapLayer = class {
         };
     }
     render() {
-        return (h(WrapWijzigactie, { key: '60d851a5af1013001cb76e40b80a029d4a5fc46d', wijzigactie: this.wijzigactie }, h("div", { key: 'c79f082e7e7c6701a8be991b5b766db3d1bf7b61', class: "map-layer" }, h("div", { key: '142092c503ea096befd5254d4f81a73d91883dbb', class: "map-layer-heading" }, h("slot", { key: 'bed1c5d041ade7d76121843ae91eac59c23cffb4', name: "name" }), h("slot", { key: '5f114102e02a6643d82527d905a8a6c2cd48d331', name: "label" })), this.activatable && (h("div", { key: 'b90c295b108cbad39bf524259a0fc5bd19f95ee9', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: 'f5fb426eb1df99d0ab1729da40f9a65de954fd44', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: 'cd5a62a875e20bd1cde8e4dfcb20bfebcc72b4a1' })));
+        return (h(WrapWijzigactie, { key: 'd842b30964a958be49b24b545ebc40fb1222f3c9', wijzigactie: this.wijzigactie }, h("div", { key: '61ea42d9143768adeb021d63317f96c1107b4c69', class: "map-layer" }, h("div", { key: '241911125c3e864668621f769da6ec241ec94c9e', class: "map-layer-heading" }, h("slot", { key: 'aa88b2464a1cee8474f6cc76219ce331d5a737b1', name: "name" }), h("slot", { key: 'b92c7fb66b0cc516117fe6cd93d9dd7a92f2cb51', name: "label" })), this.activatable && (h("div", { key: '3e8b00b6523d54305483e13dba3d5e4874211894', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: 'd298d4476031eade9ea436ae96b6a9117eb0b458', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: '2643068ce7ff5ca886e28d4b4793312caeabf276' })));
     }
 };
 MapLayer.style = mapLayerCss();

package/dist/esm/dso-map-message.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-pqfDfKeZ.js';
+import { r as registerInstance, h } from './index-CieBNbUH.js';
 
 const mapMessageCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block}.map-message-content{--_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:rgba(0, 0, 0, 0.8);color:#fff;padding-inline:24px;padding-block:16px;inline-size:fit-content;max-inline-size:100%;overflow-wrap:break-word}.map-message-content.has-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding-inline-start:calc(24px + 8px + 16px);padding-inline-end:16px}.map-message-content .map-message-body{position:relative}.map-message-content .map-message-body .map-message-icon{position:absolute;inset-inline-start:calc((24px + 8px) * -1);inset-block-start:0}.map-message-content slot[name=actions]{display:flex;flex-wrap:wrap;gap:16px}::slotted(button){margin-inline-start:0 !important}`;
 
@@ -20,11 +20,11 @@ const MapMessage = class {
     render() {
         const iconName = this.variant ? iconMap[this.variant] : undefined;
         const role = this.variant === "error" ? "alert" : "status";
-        return (h("div", { key: '25841279245a46c78d06c179ed80df66582f0008', class: {
+        return (h("div", { key: 'f81edb5f3a78bbc0f00a53c1e2a07015511893ae', class: {
                 "map-message-content": true,
                 "has-icon": iconName !== undefined,
                 "has-actions": this.hasActions,
-            }, role: role, "aria-atomic": "true" }, h("div", { key: '7c8e851c402259060d5d310392f9bc6d9ff24acb', class: "map-message-body" }, iconName && h("dso-icon", { key: '1711c92092ef3462b96650cfad487551c399a586', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), h("span", { key: 'abec1d334734f12f87ec5e54254f57b376072787', class: "map-message-text" }, h("slot", { key: '09e75a6fb96ee9413bf79e86fb34e3e22c8519db', name: "message" }))), h("slot", { key: 'a3133aa9fd782e00609ffb4bfe87ee86c36835a3', name: "actions", onSlotchange: this.handleActionsSlotChange })));
+            }, role: role, "aria-atomic": "true" }, h("div", { key: '91a1265b7742e5e1e46232803c5f7ef0ebea9745', class: "map-message-body" }, iconName && h("dso-icon", { key: 'c40dca6db431214007e491baa687e00cc3f8fa4a', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), h("span", { key: '5ed9d44fe51c028fef37025d56996af014c88c4f', class: "map-message-text" }, h("slot", { key: 'f323c56b11de1d4947f33a34f511c6542bcdcf78', name: "message" }))), h("slot", { key: '3a62ef24690f4aa51574727528124f811132dd2a', name: "actions", onSlotchange: this.handleActionsSlotChange })));
     }
 };
 MapMessage.style = mapMessageCss();

package/dist/esm/dso-map-overlays.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h, g as getElement } from './index-pqfDfKeZ.js';
+import { r as registerInstance, d as createEvent, h, g as getElement } from './index-CieBNbUH.js';
 import { i as i18n } from './i18n-CCOI5nUo.js';
 import { v as v4 } from './v4-CK3_k8jD.js';
 
@@ -44,7 +44,7 @@ const MapOverlays = class {
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (h("fieldset", { key: '9cfae60111a9bc482572d9ddc3b1d2c59cd872d4', class: "form-group dso-checkboxes" }, h("legend", { key: '1e475d5d74ff3b659cc745831196fee8c1fd33bc', class: "sr-only" }, "Kaartlagen"), h("div", { key: 'd71f811d035775c27d67cb46f3111220b7aab037', class: "dso-label-container" }, h("span", { key: '4d613d4d2e112adccbdbf76597bf393c6858923f', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: '3f83e3d58ca7704cdde1d0ae0be7dba25a00046f', class: "dso-field-container" }, this.overlays.map((overlay) => (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 ? h("p", { slot: "info" }, overlay.info) : null))))));
+        return (h("fieldset", { key: '1055cf74db6dc57cba4519b57ac6c1e048c63e46', class: "form-group dso-checkboxes" }, h("legend", { key: '723bc415a7c47cffbc1eb064add3062160796cee', class: "sr-only" }, "Kaartlagen"), h("div", { key: '8b58713b271023e9c9f173961bb579ff442bbf80', class: "dso-label-container" }, h("span", { key: '6f4b7c86ce31f2f002aa9324df3f802b4f8de3b8', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: '6d230b476a7fabc736e08d6644f07b7b2dad4caf', class: "dso-field-container" }, this.overlays.map((overlay) => (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 ? h("p", { slot: "info" }, overlay.info) : null))))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-mark-bar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h } from './index-pqfDfKeZ.js';
+import { r as registerInstance, d as createEvent, h } from './index-CieBNbUH.js';
 
 const markBarCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block;background-color:#fff}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-mark-bar{display:flex;flex-grow:1}.dso-mark-bar .dso-mark-bar-input{display:flex;position:relative;inline-size:100%}.dso-mark-bar .dso-mark-bar-input input{background-color:transparent;background-image:none;border:1px solid #275937;border-radius:4px;box-shadow:none;display:block;font-size:1rem;block-size:2.5rem;line-height:2.5rem;padding-inline:2.5rem;padding-block:6px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;inline-size:100%;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}.dso-mark-bar .dso-mark-bar-input input:focus{border-color:#275937;box-shadow:inset 0 0 0 1px #275937;outline:0}.dso-mark-bar .dso-mark-bar-input input::-ms-clear{display:none}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label{inline-size:2.5rem;padding-inline-end:8px}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label .label-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-mark-bar .dso-mark-bar-input label{inset-block-end:8px;block-size:2.5rem;inset-inline-start:0;inset-inline-end:40px;padding-block:8px;padding-inline-start:8px;cursor:text;position:absolute;inset-block-start:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.dso-mark-bar .dso-mark-bar-input label dso-icon{color:#39870c;cursor:default;margin:-8px;padding:8px;inline-size:2.5rem;block-size:2.5rem}.dso-mark-bar .dso-mark-bar-input label .label-text{margin-inline-start:8px;color:#666}.dso-mark-bar .dso-mark-bar-input dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}.dso-button-container{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;padding-inline:8px;border:1px solid #275937;border-inline-start:0;border-start-end-radius:4px;border-end-end-radius:4px}.dso-button-container dso-icon-button{--dso-icon-button-tertiary-border:0;cursor:pointer}.dso-button-container dso-icon-button:disabled{color:#ccc;cursor:default}.dso-button-container .divider{position:absolute;inset-inline-start:0;inset-block-start:8px;inset-block-end:8px;inline-size:1px;background-color:#ccc}`;
 
@@ -49,7 +49,7 @@ const MarkBar = class {
     render() {
         const current = this.current || 0;
         const totalCount = this.totalCount || 0;
-        return (h("div", { key: 'dafacd14ea816b9512b2511fd999854d9fad8d12', class: "dso-mark-bar" }, h("div", { key: '7819a7ff103741b51d13fa35225a63c47fb853da', class: "dso-mark-bar-input" }, h("input", { key: 'b51bbe2fd496188dbda47e4021fa6ddea7e33086', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: 'be835099cf10bb02179cc2a4b6e18490d7622428', htmlFor: "search-input" }, h("dso-icon", { key: '8730c96b5637396bd9ecc97dd868a139a3d60f08', class: "dso-search-icon", icon: "search" }), h("span", { key: 'f8a532a770cf52862f5e19abdd60c9a11b302e8c', class: "label-text" }, this.label)), h("dso-icon-button", { key: '1cd84ac5915c8aaac1f0de44135f50947b44e57b', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: 'c02a8f030cd9dc76c099c48f840eb9bb8e4017a0', class: "dso-button-container" }, h("span", { key: 'fc24cc939f698fefa6d6d5d53255c0d126fa8369', class: "divider" }), h("dso-icon-button", { key: '17f072d722b9d703786ed72ae24eded2b25c4539', icon: "chevron-up", variant: "tertiary", label: `Vorig zoekresultaat ${current - 1}/${totalCount}`, onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: '0017a76062b3406c66dbb76931d797a2b488fe33', role: "status" }, current, "/", totalCount), h("dso-icon-button", { key: 'bfd05d3e830fc30a8c55cc66ef69be2911890866', icon: "chevron-down", variant: "tertiary", label: `Volgend zoekresultaat ${current + 1}/${totalCount}`, onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
+        return (h("div", { key: '18c8e48e43c5380f453977fd1ee1dfda6467afff', class: "dso-mark-bar" }, h("div", { key: '30be69b4dbb0f9a6a200014f1907c342cfe0ccfd', class: "dso-mark-bar-input" }, h("input", { key: 'cc79476633ff3378179988e34098aad73044c6e9', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: '0c3b963b841fff1fbd445554fd84857a780911e5', htmlFor: "search-input" }, h("dso-icon", { key: '49bc0ec253cd216421d6990a7ff48302a2b082e4', class: "dso-search-icon", icon: "search" }), h("span", { key: 'f037a8170982e0a7e998b0c684e6d7475aa9d684', class: "label-text" }, this.label)), h("dso-icon-button", { key: '638592145d5c94982e0873963984da998ebb33d2', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: 'd54c39f6a81f204b693cc0ab4ae6450b7583316d', class: "dso-button-container" }, h("span", { key: 'ab388a8cad54c853a92e9517156d7ef98c70e971', class: "divider" }), h("dso-icon-button", { key: 'ec5f2858c09e3ce850c70b8478640345f261c643', icon: "chevron-up", variant: "tertiary", label: `Vorig zoekresultaat ${current - 1}/${totalCount}`, onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: 'c1af5aa0ac6e9e0eea16ba3eb05842ff607770ba', role: "status" }, current, "/", totalCount), h("dso-icon-button", { key: '253b2b27435a5f13f0d08937472e8c357945db5c', 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/esm/dso-modal.entry.js

@@ -1,4 +1,4 @@
-import { h, r as registerInstance, d as createEvent, F as Fragment, g as getElement } from './index-pqfDfKeZ.js';
+import { h, r as registerInstance, d as createEvent, F as Fragment, g as getElement } from './index-CieBNbUH.js';
 import { c as clsx } from './clsx-ChV9xqsO.js';
 import { g as getActiveElement } from './get-active-element-BWkWD1Z2.js';
 import { i as i18n } from './i18n-CCOI5nUo.js';
@@ -110,7 +110,7 @@ const Modal = class {
         }
     }
     render() {
-        return (h("dialog", { key: '39b0faca17e1b2ecb01bfe655a45bd818e1029ce', class: 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) }, h("div", { key: 'fd189c17664c0e0215190d7daa14074bd319a23c', class: "dso-dialog" }, this.narrowView ? (h("dso-scrollable", { class: "narrow" }, h("div", { class: "modal-scrollable" }, h(Header, { modalTitle: this.modalTitle, closable: this.closable, ariaId: this.ariaId, text: this.text, dsoClose: this.dsoClose }), h(Body, null), this.hasFooter && h(Footer, null)))) : (h(Fragment, null, h(Header, { modalTitle: this.modalTitle, closable: this.closable, ariaId: this.ariaId, text: this.text, dsoClose: this.dsoClose }), h("dso-scrollable", null, h(Body, null)), this.hasFooter && h(Footer, null))))));
+        return (h("dialog", { key: '95e686459015cbecfef763fd35b56aba60ce1639', class: 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) }, h("div", { key: '6901f74149102b7ee988a3f5b297c8e660691ada', class: "dso-dialog" }, this.narrowView ? (h("dso-scrollable", { class: "narrow" }, h("div", { class: "modal-scrollable" }, h(Header, { modalTitle: this.modalTitle, closable: this.closable, ariaId: this.ariaId, text: this.text, dsoClose: this.dsoClose }), h(Body, null), this.hasFooter && h(Footer, null)))) : (h(Fragment, null, h(Header, { modalTitle: this.modalTitle, closable: this.closable, ariaId: this.ariaId, text: this.text, dsoClose: this.dsoClose }), h("dso-scrollable", null, h(Body, null)), this.hasFooter && h(Footer, null))))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-onboarding-tip.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, f as forceUpdate, h, a as Host, g as getElement } from './index-pqfDfKeZ.js';
+import { r as registerInstance, d as createEvent, f as forceUpdate, h, a as Host, g as getElement } from './index-CieBNbUH.js';
 import { p as positionTooltip } from './position-tooltip.function-qfYgMCby.js';
 import './floating-ui.dom-DMUqzLuy.js';
 
@@ -71,7 +71,7 @@ const OnboardingTip = class {
     }
     render() {
         const ariaLabel = this.headingSlottedElement?.textContent;
-        return (h(Host, { key: '5c0cd11775c061c504bd7e2cec6d2381882af4fb', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: 'e55bbecc565577f2ca8e4b3485b2aca542d997f1', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: '490586f0aac540a18518584c9fca5d2661695992', class: "onboarding-tip-inner" }, h("div", { key: '9f11afb09eb86a828f353546a234f6f4c63a9792', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: '2eac0fed6658e2c3cadf74bdd8c46fbcc66f9e5a', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: '92884e49128c478e0f05b7815b7884b5890f1bd9', icon: "light-bulb", "aria-hidden": "true" }), h("slot", { key: '017d2fa43397e05066bc95f8c3f890745d32cc08', name: "heading" }))), h("dso-icon-button", { key: 'a5f29b63450c4567a0bd4590f652e2be97e2fdb2', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: 'dd55b81e8c9a0964a27c3cdc717aaf88b2b3a1b9' }))), h("div", { key: '01d86e851f71da393edd8acc4614cb5488a53776', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
+        return (h(Host, { key: 'f1c2b2d8ef94474c07fbfff3c402e0d9951bd8ef', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: 'fdb85f71b59a628527ea44e7b57355947368a30c', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: '8d23ce770abb770b17afd5eea7282be23f79bc40', class: "onboarding-tip-inner" }, h("div", { key: '53237157d8d133686add338d3a2ae4aaa07cb8aa', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: '7ef057ff8acc35c2db9d7fdde62210ff11422852', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: '0bddee49e0b6eac49ac402eb8c613c480a5235aa', icon: "light-bulb", "aria-hidden": "true" }), h("slot", { key: '03f6fe5e8c50a03d898dc0aa09424da8823f23c1', name: "heading" }))), h("dso-icon-button", { key: 'af83f2403aaaeb5435399cb9e45faba07ed16471', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: '30ba4caca60ebf7caa0cf945a4be729aa79af612' }))), h("div", { key: '0ce6f8de6a51951904727fce9de3f6c5692113f5', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
     }
     get headingSlottedElement() {
         return this.host.querySelector("[slot='heading']");

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h, F as Fragment, g as getElement } from './index-pqfDfKeZ.js';
+import { r as registerInstance, d as createEvent, h, F as Fragment, g as getElement } from './index-CieBNbUH.js';
 import { i as isModifiedEvent } from './is-modified-event-Hgv-pDpy.js';
 
 const paginationCss = () => `:host{display:block}*,*::after,*::before{box-sizing:border-box}.pagination ul{padding-inline-start:initial;text-align:center}.pagination ul>li{display:inline-block;font-weight:bold;line-height:calc(2rem - 4px);text-align:center;vertical-align:middle}.pagination ul>li>a,.pagination ul>li>span{align-items:center;color:#39870c;display:flex;block-size:2rem;justify-content:center;position:relative;min-inline-size:2rem;padding:2px;padding-block:2px;padding-inline:2px}.pagination ul>li>a:active{background-color:#ebf3e6}.pagination ul>li>span{border:2px solid transparent;border-radius:1rem}.pagination ul>li a{line-height:2rem;text-decoration:none}.pagination ul>li a:hover,.pagination ul>li a:focus{text-decoration:none}.pagination ul>li a:hover::after,.pagination ul>li a:focus::after{border-block-end-color:#39870c}.pagination ul>li a::after{border-block-end:3px solid transparent;inset-block-end:0;content:"";display:inline-block;inset-inline-start:0;position:absolute;inline-size:100%}.pagination ul>li.active span{background-color:#39870c;color:#fff}.pagination ul>li+li{margin-inline-start:8px}.dso-page-hidden{visibility:hidden}.sr-only.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}`;

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, d as createEvent, f as forceUpdate, h, F as Fragment, a as Host, g as getElement } from './index-pqfDfKeZ.js';
-import { W as WrapWijzigactie } from './wrap-wijzigactie.functional-component-DzSLSv0i.js';
+import { r as registerInstance, d as createEvent, f as forceUpdate, h, F as Fragment, a as Host, g as getElement } from './index-CieBNbUH.js';
+import { W as WrapWijzigactie } from './wrap-wijzigactie.functional-component-BYWldnbn.js';
 import { i as isModifiedEvent } from './is-modified-event-Hgv-pDpy.js';
 
 const plekinfoCardCss = () => `ins{text-decoration:none;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}del{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del{font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-plekinfo-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-plekinfo-card-container .dso-plekinfo-card-heading{display:flex;align-items:start;column-gap:8px}@media screen and (max-width: 480px){.dso-plekinfo-card-container .dso-plekinfo-card-heading{flex-wrap:wrap}}.dso-plekinfo-card-container .dso-plekinfo-card-heading+.dso-plekinfo-card-content{margin-block-start:8px}.dso-plekinfo-card-container .dso-plekinfo-card-symbol{grid-row:span 2;margin-inline-end:8px}.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}ins.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#d8e5c9}del.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#e9cdd1}:host([active]:not([active=false])) .dso-plekinfo-card-container{background-color:#e5e5e5}:host([active]:not([active=false])) ins.dso-plekinfo-card-container{background-color:#ced9bf}:host([active]:not([active=false])) del.dso-plekinfo-card-container{background-color:#ddc3c6}:host([has-symbol]) .dso-plekinfo-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-heading,:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-content{grid-column:2/-1}::slotted([slot=meta]){display:flex !important;justify-content:space-between !important;flex-shrink:0 !important;align-self:end !important}@media screen and (max-width: 480px){::slotted([slot=meta]){flex-basis:100% !important;margin-block-start:8px !important}}::slotted([slot=heading]){display:inline !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}::slotted([slot=content]){--_dso-rich-content-margin-block:8px;--_dso-rich-content-margin-block-end:0;--_dso-rich-content-margin-block-start:0}::slotted([slot=interaction]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interaction]){flex-basis:100% !important;margin-block-start:16px !important}}.heading-anchor{color:#275937;text-decoration:none;white-space:nowrap}.heading-anchor .heading-content{white-space:normal}.heading-anchor dso-icon{margin-inline-start:4px}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}`;
@@ -38,7 +38,7 @@ const PlekinfoCard = class {
     }
     render() {
         const hasSymbol = this.symbolSlottedElement !== null;
-        return (h(Host, { key: '437d4a33a0e211aadf0dc8bcbc7a496da9397248', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: '9f1fd4476439c0ef2615ef833d72c616f1cc6a93', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, h("div", { key: 'b94b3600602cdeaf62bc27db494e9f072ecb1e32', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: '0baef3101fbc038d44bedb0ba8b088f4d60c57e3', name: "symbol" })), h("div", { key: 'bdb88b0aa83edf3290dc6caf9a37f46a46aec59c', class: "dso-plekinfo-card-heading" }, this.href ? (h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { class: "heading-content" }, h("slot", { name: "heading" })), "\u2060", this.targetBlank ? (h(Fragment, null, h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (h("dso-icon", { icon: "chevron-right" })))) : (h("slot", { name: "heading" })), this.metaSlottedElement !== null && h("slot", { key: 'b8f6cf68630a0f47c1fa359c840428693686bc62', name: "meta" }), this.interaction !== null && h("slot", { key: '7b161f07954e118fbfca5d0ba08abe3192dc74cd', name: "interaction" })), h("div", { key: 'a512be16ff20690a3e391784b8fd503c5f913b5d', class: "dso-plekinfo-card-content" }, h("slot", { key: 'c834eb19244f613204d77953dc604668b5470b7b', name: "content" })))));
+        return (h(Host, { key: '52ead1e5bfa58edc82fef59ceeb7727098be483b', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: '001c813897946f43d89a93449e0c714afe54c08d', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, h("div", { key: 'c7e612ea0bb7ea624ea3afcb09337cab14b1c22e', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: 'fa4f2b992848f8c819338c127742376ac4a00e4f', name: "symbol" })), h("div", { key: '1a0b9be589e0dd4832663c7ce5f59610e0293356', class: "dso-plekinfo-card-heading" }, this.href ? (h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { class: "heading-content" }, h("slot", { name: "heading" })), "\u2060", this.targetBlank ? (h(Fragment, null, h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (h("dso-icon", { icon: "chevron-right" })))) : (h("slot", { name: "heading" })), this.metaSlottedElement !== null && h("slot", { key: 'dba4183b0d17c10a470253d9ce356b3cbff213d6', name: "meta" }), this.interaction !== null && h("slot", { key: 'ee553487d752e3b80e1dcc20b64fc923353b8da8', name: "interaction" })), h("div", { key: '224d285ba6c54a9f338cc91f2f36506573c8cbf7', class: "dso-plekinfo-card-content" }, h("slot", { key: '2c55174f0f909083af4e6444aa7facf3c8237515', name: "content" })))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-progress-indicator.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-pqfDfKeZ.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-CieBNbUH.js';
 import { i as i18n } from './i18n-CCOI5nUo.js';
 
 const translations = {
@@ -22,7 +22,7 @@ const Progressindicator = class {
         this.text = i18n(() => this.host, translations);
     }
     render() {
-        return (h(Host, { key: 'b704af2a0e3f0de7de1d80789a6f709163c888d3' }, h("span", { key: '64a093e0ca5fc8537fa46cd2d9e0e4edcd7d54ad', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: 'b3c2bf36581157070ee8730533cc2f875008c246', icon: "spinner" })), h("span", { key: 'f7670e47fc323563d694d575306abee23e99fb02', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
+        return (h(Host, { key: '70f03473ecbada6dde9fb069ab58c9d22d2a63e3' }, h("span", { key: 'e9fd3af6a2e94f3c86e8c2950f12d39f33195a5f', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: '77b74a77915843bcb11d10315b19bf40b8cd204d', icon: "spinner" })), h("span", { key: '02e04dd6c2fc27363475968fce6f34e31019a148', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, F as Fragment } from './index-pqfDfKeZ.js';
+import { r as registerInstance, h, F as Fragment } from './index-CieBNbUH.js';
 
 const projectItemCss = () => `:host{display:block;padding:16px;border:1px solid #ccc;border-radius:4px}*,*::after,*::before{box-sizing:border-box}::slotted(dl[slot=progress]),::slotted(dl[slot=status]){--_dso-dl-margin-block-end:0;--_dso-dl-before-display:none;--_dso-dl-dt-font-weight:normal;--_dso-dl-dd-margin-block-start:0;--_dso-dl-dd-padding-inline-start:0;--_dso-dl-dt-inline-size:auto;--_dso-dl-dd-last-margin-block-end:0;--_dso-mark-bg-color:none;--_dso-mark-padding-block:0;--_dso-mark-color:inherit;--_dso-mark-font-weight:600;display:flex !important;flex-wrap:wrap;column-gap:16px}::slotted(dl[slot=progress]){--_dso-dl-dd-margin-inline-start:0}::slotted(dl.dso-inline[slot=status]),::slotted(dl.dso-inline-end[slot=status]){--_dso-dl-margin-block-end:0;--_dso-dl-dd-margin-inline-start:8px;--_dso-dl-dd-last-margin-block-end:0;--_dso-dl-before-display:none;--_dso-dl-dt-font-weight:normal;--_dso-mark-bg-color:none;--_dso-mark-padding-block:0;--_dso-mark-color:inherit;--_dso-mark-font-weight:600;--_dso-dl-font-size:0.875rem;display:block !important}::slotted([slot=title]){margin-block:0 !important;font-size:1.25rem !important}::slotted([slot=actions]){display:flex}.project-item-header{display:flex;gap:16px;flex-wrap:nowrap;align-items:flex-start;margin-block-end:16px}.project-item-title{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;flex-grow:1}.project-item-actions{display:flex;flex-shrink:0;flex-wrap:nowrap}.project-item-info{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.project-item-status{margin-inline-start:auto}`;
 
@@ -7,7 +7,7 @@ const ProjectItem = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Fragment, { key: '45871b523685ebd7853b0ce31a7603fded861378' }, h("div", { key: '9624e80d73a5921660b2073a16a5921967a8d00f', class: "project-item-header" }, h("div", { key: 'af01b343a5a3bf8b5a8e7cbb80bbfaa22e1e554a', class: "project-item-title" }, h("slot", { key: '7c0cf1ce893fa4059a18393157d0cb6c33600d7a', name: "title" }), this.label && (h("dso-label", { key: '95a66a8617d79966c8c99b6306e6340b4c106fb8', status: "error", compact: true }, this.label))), h("div", { key: '8ae177b7420a0066fa82138a949ee3c764a7ddfd', class: "project-item-actions" }, h("slot", { key: 'aadf3ebbf05ce3b0fd91844870abf0c6c04913f8', name: "actions" }))), h("div", { key: '5c9ae37b5fc857f5a08398be04429181c0ee2a02', class: "project-item-info" }, h("div", { key: 'a2473acd2492c6e512a81bc675f8e7c9d64f38e3', class: "project-item-progress" }, h("slot", { key: 'd2b9c40914b6d920531dcd6230f15027413d6218', name: "progress" })), h("div", { key: '8970e4b1e91e7d26e26ca3cb45554ab4053b0a96', class: "project-item-status" }, h("slot", { key: 'edaf1a22822b1ba3d97e78bd0b04428eb962ffe0', name: "status" })))));
+        return (h(Fragment, { key: 'd4ff68e81e61a9b22d87434f6f72d0a8a96a2f89' }, h("div", { key: '760ffcd4a7f9a377938f5192aeacc290720f1faa', class: "project-item-header" }, h("div", { key: '0add4b6c4702b9503e43f4413654d3343d169c9b', class: "project-item-title" }, h("slot", { key: '0b301134dbf69d25ca237fe5742805af85b112ea', name: "title" }), this.label && (h("dso-label", { key: 'fa71b428b218c4dce13ee2e1572ebaf7d9ac651a', status: "error", compact: true }, this.label))), h("div", { key: '8a9af1202584ee27565bc4357736b0e56f596c39', class: "project-item-actions" }, h("slot", { key: '162b02d3dd86b69f4b49be26dacafa860a8ecb6c', name: "actions" }))), h("div", { key: 'bc0d3cbb53c7d282a52b45845d0929b909acbd96', class: "project-item-info" }, h("div", { key: '7953b54aa3e87a6133526107e43ffc5083ddc3e1', class: "project-item-progress" }, h("slot", { key: 'ef3d02e30bbee817a10494e095828b87f0941a1a', name: "progress" })), h("div", { key: 'f70c91df51f2c3973ae08eeed87211ccf5aa13fd', class: "project-item-status" }, h("slot", { key: 'ffb21bad8461b7983a8e679c1218acceb78ae88c', name: "status" })))));
     }
 };
 ProjectItem.style = projectItemCss();