@dso-toolkit/core 100.2.0 → 100.3.0

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

@@ -42,7 +42,7 @@ const HistoryItem = class {
         return this.host.querySelector("[slot='warning']");
     }
     render() {
-        return (index.h("div", { key: '27087f663a39e6d805adf7b1da3db2adadcbf5c9', class: "history-item" }, index.h("div", { key: '90417592ddc3cecec81c670f53f071ef51d7436f', class: "history-item-date" }, index.h("slot", { key: '71955c1a77d41683298e863c631c04d5ced10fd7', name: "date" })), index.h("div", { key: '4e2c0ad8a72e8671296a57e8dad61c94398ed396', class: "history-item-content" }, index.h("div", { key: '2cd2d65d3f889000f5e5e5dde35bd776d13569e7', class: "history-item-status-message" }, index.h("dso-icon", { key: '3f83e54705b31eb22610a16b83587429764c2def', icon: this.typeIcons[this.type], "aria-hidden": "true" }), index.h("slot", { key: '13516e1f9c14db2fbb81baca7a49b170a5a1ce65', name: "status" })), this.titleSlottedElement !== null && this.href && (index.h("div", { key: '82c28d0d8d6861e0bac768d2d14cc2a7e7c78e95', class: "history-item-title" }, index.h("a", { key: '80be42478cc05c5cfdb612b3327d8051a346abf0', href: this.href, class: "title-anchor", onClick: (e) => this.clickEventHandler(e), "aria-current": this.current ? "true" : undefined }, index.h("span", { key: '975753beb272fcd210663794f89c8fa9c3cedc2c', class: "history-item-title-content" }, index.h("slot", { key: '6e78a3a9978eb2a1b5fd2abc7effd7dd9f7c4c5e', name: "title" })), "\u2060", index.h("dso-icon", { key: 'd034fdef92aa0495c74e6644f8a602b0bc54e259', icon: "chevron-right", "aria-hidden": "true" })))), this.explanationSlottedElement !== null && (index.h("div", { key: 'a5455e11a0fb58a041bc30bff77704eba37e6c8a', class: "history-item-explanation" }, index.h("slot", { key: '659996d3818b763b18210a606733ceb807c4e4b5', name: "explanation" }))), this.warningSlottedElement !== null && (index.h("div", { key: '1f42a56c4cf5b1fb27ded1aa188c87da126524b1', class: "history-item-warning" }, index.h("dso-icon", { key: '4999d4d30e3173a888483fa203ff430c66c96ada', icon: "status-warning-red-solid", role: "img", "aria-label": "Waarschuwing" }), index.h("slot", { key: 'ffbdf71422a2d6745655fdab1b02cb3dc24b51a0', name: "warning" }))))));
+        return (index.h("div", { key: '0ddccba216f32216a5ce222cc11b003bacdb28af', class: "history-item" }, index.h("div", { key: 'b8e3e1c7acc1dfdded03f8829d75362d82bf4920', class: "history-item-date" }, index.h("slot", { key: 'a02d02b411a8827bead6be05cbd4fd6ab22feeb4', name: "date" })), index.h("div", { key: 'e83882c2988f87d822126947f6b954682496d6bc', class: "history-item-content" }, index.h("div", { key: '4409043a85b9ef30d21a64c2119fd6dab0e320a7', class: "history-item-status-message" }, index.h("dso-icon", { key: 'e5096c926aec70dee1471f1cfa01d6a8bb050200', icon: this.typeIcons[this.type], "aria-hidden": "true" }), index.h("slot", { key: 'a7c923bd536c1b02676df779216186f4a49856d7', name: "status" })), this.titleSlottedElement !== null && this.href && (index.h("div", { key: '2db028e5addc28fbd82210129719f86363395c4b', class: "history-item-title" }, index.h("a", { key: '871157e769f9dc0a2af5809e60ca3292ad847f65', href: this.href, class: "title-anchor", onClick: (e) => this.clickEventHandler(e), "aria-current": this.current ? "true" : undefined }, index.h("span", { key: '90bac7607cbe8a838c8f9086c825591e34d7fd35', class: "history-item-title-content" }, index.h("slot", { key: '0c4e9921ace20c57e55d2fbc14019b173624209e', name: "title" })), "\u2060", index.h("dso-icon", { key: 'd3b03e7226a6b0e8dce037a0a390367028490a77', icon: "chevron-right", "aria-hidden": "true" })))), this.explanationSlottedElement !== null && (index.h("div", { key: 'ce9f3ced38791d38fb8778cd548fa8d969c0f959', class: "history-item-explanation" }, index.h("slot", { key: '80156b40b6367688076c34684ac726e3904edae3', name: "explanation" }))), this.warningSlottedElement !== null && (index.h("div", { key: '13f461a66e60fed780b3611289b70efe9bc21bc5', class: "history-item-warning" }, index.h("dso-icon", { key: '750ed3861b34c53fd0bdcf407da4bd8e566d9d92', icon: "status-warning-red-solid", role: "img", "aria-label": "Waarschuwing" }), index.h("slot", { key: '50377ddabb3c9f22f70c182e44a520cac18397c6', name: "warning" }))))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -802,7 +802,7 @@ const Icon = class {
             if (!icon) {
                 throw new TypeError(`Unknown svg: ${this.icon}`);
             }
-            return index.h("span", { key: 'f3c2fea315141aa82455dab1de3a1b75a097a12c', class: "icon-container", innerHTML: icon.svg });
+            return index.h("span", { key: '2c82d776e3e12e9cccd879604b24525447e6f0f4', class: "icon-container", innerHTML: icon.svg });
         }
     }
 };
@@ -888,7 +888,7 @@ const IconButton = class {
         this.cleanUpTooltip();
     }
     render() {
-        return (index.h("button", { key: '5ee25dbb3bf536e7d1b07d6443db275a7b40447a', ref: (element) => (this.buttonElRef = element), type: "button", disabled: this.disabled, "aria-label": this.label, class: `icon-button dso-${this.variant} ${this.toggled ? "toggled" : ""}`, "aria-pressed": this.toggled?.toString(), "aria-expanded": this.expanded?.toString(), onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip, onClick: this.handleClick }, index.h("dso-icon", { key: 'b7a99cc0b448fecc555a01ef9f5ecf6e6267464a', icon: this.icon, "aria-hidden": "true" }), index.h(tooltip_functionalComponent.Tooltip, { key: '97218a9eb10b3e6aa6384aa91b76140610587fc5', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, this.label)));
+        return (index.h("button", { key: '76fd497f4386d1b8d06b0ce1f48b2d6080f5fa4b', ref: (element) => (this.buttonElRef = element), type: "button", disabled: this.disabled, "aria-label": this.label, class: `icon-button dso-${this.variant} ${this.toggled ? "toggled" : ""}`, "aria-pressed": this.toggled?.toString(), "aria-expanded": this.expanded?.toString(), onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip, onClick: this.handleClick }, index.h("dso-icon", { key: '56d9f778930988f9ee014a8962d19a619857d728', icon: this.icon, "aria-hidden": "true" }), index.h(tooltip_functionalComponent.Tooltip, { key: 'd462ddf1f70d0bd560e9f09c173ed81b336fb07f', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, this.label)));
     }
 };
 IconButton.style = iconButtonCss();

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

@@ -13,7 +13,7 @@ const Info = class {
         this.dsoClose = index.createEvent(this, "dsoClose", 7);
     }
     render() {
-        return (index.h(index.Fragment, { key: '3a3fa3f36c53a01e0c2a9ceff9c17002543596cd' }, index.h("slot", { key: 'f5eba0eb7309ecb410bab297c6cb871deb2bb8f2' }), !this.fixed && (index.h("dso-icon-button", { key: 'e0546bb603a08250cb872df96bc76ea961a03c53', label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit(e.detail.originalEvent) }))));
+        return (index.h(index.Fragment, { key: 'dbb5daa5f70d8a8a0e316d3729d3ab3bccdbdbcc' }, index.h("slot", { key: '49645a72744a9569f934784cce9e6078ef765140' }), !this.fixed && (index.h("dso-icon-button", { key: '83d64535203b6e56171ba2394e9358f2d48c3f6e', label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit(e.detail.originalEvent) }))));
     }
 };
 Info.style = infoCss();
@@ -135,7 +135,7 @@ const InfoButton = class {
         delete this.mutationObserver;
     }
     render() {
-        return (index.h(index.Host, { key: 'd5b28d8f99d79e58d3e46c3b1ca299c69113eede', onKeyDown: this.keyDownHandler }, index.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 && (index.h(tooltip_functionalComponent.Tooltip, { key: '5e33be53cdec59870cd510d54d6b0ee63b5c3e62', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element) }, index.h("dso-scrollable", { key: '68c59df3ceb38673be699a3425ab42eb08e195c6', ref: (element) => (this.restrictContentElement = element), "aria-live": "polite" }, index.h("slot", { key: '4e0e7f0aca340e25fe585ca43d429bc669faca05', name: "toggletip" }))))));
+        return (index.h(index.Host, { key: '3d7fe85a8460daef297217c63ecdfcbeee494384', onKeyDown: this.keyDownHandler }, index.h("dso-icon-button", { key: 'c4f23d40f61c2ecdf983f1be869f704aa89a1c7f', 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 && (index.h(tooltip_functionalComponent.Tooltip, { key: '3d3db4d605333fce051e25ace41275809ee7c3e6', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element) }, index.h("dso-scrollable", { key: 'f9536e03cf69b8bea88da5919a06d9ffef5f2d1f', ref: (element) => (this.restrictContentElement = element), "aria-live": "polite" }, index.h("slot", { key: '0c7a455af59be731a1a2012810883b8b585df09f', name: "toggletip" }))))));
     }
     get host() { return index.getElement(this); }
 };
@@ -205,7 +205,7 @@ const Selectable = class {
         const describedBy = [hasInfo && this.infoFixed ? this.describedById : undefined, this.errormessage]
             .filter((value) => value !== undefined)
             .join(" ") || undefined;
-        return (index.h(index.Fragment, { key: 'c1bcf78acb134256d9ee7e1aa16f606cf9abc74d' }, index.h("div", { key: '050fc2690b77f4cdfd5b302b5c1e8da02ff33e5e', class: "dso-selectable-container" }, index.h("div", { key: '99a646106d3b991cbe6fca4d5f4f3bc1aaaba2e2', class: "dso-selectable-input-wrapper" }, index.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 ? (index.h("label", { htmlFor: this.getIdentifier() }, index.h("slot", null))) : (index.h("label", null, index.h("slot", null)))), hasInfo && !this.infoFixed && (index.h("dso-info-button", { key: '96678e3b9966222d90c789316cf4d6f66c9f0743', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (index.h("dso-info", { key: '903c82d16a550cfbdc78bdeaad29fb4f003c2c3b', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, index.h("div", { key: '6415907b0d28494858e0661a743778be6d7f43cf' }, index.h("slot", { key: 'b207f99f8fc8fb9af4779d4a2fd19f3235c48bea', name: "info" })))), index.h("slot", { key: '1de94849b9e2d6d7ea862094ddce33fd05cd6b04', name: "options" })));
+        return (index.h(index.Fragment, { key: '254653ec27f9a20033a72604642a90ea729c6c0c' }, index.h("div", { key: '2dc879bcbf2248e6bc066875557aea42de9061fc', class: "dso-selectable-container" }, index.h("div", { key: '28cb0e8f7d3796e1e05eed52507c4e61843d9de4', class: "dso-selectable-input-wrapper" }, index.h("input", { key: '993aa2d0fc4a0900fd087ba501ac14b786f46aa7', 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 ? (index.h("label", { htmlFor: this.getIdentifier() }, index.h("slot", null))) : (index.h("label", null, index.h("slot", null)))), hasInfo && !this.infoFixed && (index.h("dso-info-button", { key: '94e7c65b13b69d60953843d5d419f9e648f358a7', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (index.h("dso-info", { key: 'ac9dac488d38956e91560ef24dc7c84333162acb', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, index.h("div", { key: '9df52add67145506fbd4458cba070b02d7c3219c' }, index.h("slot", { key: '209dc3e4e986ac8544f0cf60378bb476aa015fee', name: "info" })))), index.h("slot", { key: 'c6c979b1939b4bcb819b99605a486a363b8b319f', name: "options" })));
     }
     componentDidRender() {
         if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {

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

@@ -17,13 +17,13 @@ const InputRange = class {
         const min = this.min || 0;
         const max = this.max || 100;
         const step = this.step || 1;
-        return (index.h(index.Fragment, null, this.description && (index.h("span", { key: 'b1e37746f98e5cc20eaa63cd41b36b31278c5ebd', id: "description", hidden: true }, this.description)), index.h("span", { key: '4a2887664a746f9ad1178ae5a91d3898e7f59efb', class: "counter", "aria-hidden": "true" }, min, this.unit), index.h("input", { key: '37507f728c4128b9945c8f9856de45be70db10c9', type: "range", min: min, max: max, step: step, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
+        return (index.h(index.Fragment, null, this.description && (index.h("span", { key: '940230f9930b61c85be6b9ee4f6abbdff206b5ee', id: "description", hidden: true }, this.description)), index.h("span", { key: '6cb444384ee68542030b731f8434be34bbcc9d63', class: "counter", "aria-hidden": "true" }, min, this.unit), index.h("input", { key: 'a465a697454b737b8235340b9f88105bf55174a0', type: "range", min: min, max: max, step: step, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
                 originalEvent: event,
                 value: event.target instanceof HTMLInputElement ? parseInt(event.target.value, 10) : undefined,
                 max,
                 min,
                 step,
-            }) }), index.h("span", { key: 'feb885d773d0884f1f9d5c0ae07ff8b5488614c4', class: "counter", "aria-hidden": "true" }, max, this.unit)));
+            }) }), index.h("span", { key: 'ab860fe8d7fc759ad51a3a1789dcb14658d282fa', class: "counter", "aria-hidden": "true" }, max, this.unit)));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -127,11 +127,11 @@ const Label = class {
         this.isTruncated = false;
     }
     render() {
-        return (index$1.h(index$1.Fragment, { key: '11bb06a9f5d4525603598ccaa9df636578ef54d2' }, index$1.h("span", { key: '9838e196c72faa9079648a80f6a1ad57f2b8b8f7', "aria-describedby": this.isTruncated ? "toggle-anchor" : null, class: clsx.clsx("dso-label", {
+        return (index$1.h(index$1.Fragment, { key: 'b8e9c7d89bbc480af43cdc5893e13952f72c7e6f' }, index$1.h("span", { key: '39bafb744cb3b26cc4ddcc4576138c55dd371fbf', "aria-describedby": this.isTruncated ? "toggle-anchor" : null, class: clsx.clsx("dso-label", {
                 [`dso-label-${this.status}`]: this.status,
                 "dso-compact": this.compact && !this.removable,
                 "dso-hover": this.removeHover || this.removeFocus,
-            }) }, index$1.h("slot", { key: 'ba90debe1c000daae0d560cac4afe4e8f91d2cf3', name: "symbol" }), index$1.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 }, index$1.h("slot", { key: '7dfaf2ab9bdbef0a9b660bbca920018e34b315aa' })), this.removable && (index$1.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 && (index$1.h(tooltip_functionalComponent.Tooltip, { key: '12e609e1f0589d410f2f513652dda0d9ae0e0668', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, index$1.h("span", { key: '136ab7144cb6e21411efd3699274fe0ebc8d14c5', id: "toggle-anchor" }, this.labelText)))));
+            }) }, index$1.h("slot", { key: '896769d6536e6f5f9df67a713d4344331e323227', name: "symbol" }), index$1.h("span", { key: 'b25693c64cb43e3e17987cc2867e1fa93350e53f', 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 }, index$1.h("slot", { key: '56f3d49f57129a73daa3116ce17006eac508b650' })), this.removable && (index$1.h("dso-icon-button", { key: '32a9fc5e25c090b1c8ce2549495421ff29943fbd', 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 && (index$1.h(tooltip_functionalComponent.Tooltip, { key: '71b51d3b7d1d1dbc0ebccecb30cd3eea0edf129e', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, index$1.h("span", { key: 'b4300bc9f3d639b982774dbc93ae7e8e4e9989e4', id: "toggle-anchor" }, this.labelText)))));
     }
     get host() { return index$1.getElement(this); }
     static get watchers() { return {
@@ -226,7 +226,7 @@ const SlideToggle = class {
         this.hasVisibleLabel = this.host.querySelector("*") !== null;
     }
     render() {
-        return (index$1.h(index$1.Fragment, { key: 'a9f4102df6359a337919acba29a04a63a7081ecc' }, index$1.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 } : {}) }, index$1.h("svg", { key: 'e1f08afbfb5d2982382e2caca7973bd731992688', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, index$1.h("g", { key: '6959133349065a0c1c1b3819a6a337af77fb417c', fill: "none", "fill-rule": "evenodd" }, index$1.h("rect", { key: 'a3374b9830448922a698fcc147346a19de74108a', width: "40", height: "20", fill: "currentColor", rx: "10" }), index$1.h("circle", { key: '645810d2e0742f0ca4da361f09aa4ef835b1fde0', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (index$1.h("label", { key: 'fec9a4cae5f4db920452ac1dd269b4a4c474574a', htmlFor: this.identifier }, index$1.h("slot", { key: '79f4ab4d92e3e6bee2ebb99385d3f0af3fbbec83' })))));
+        return (index$1.h(index$1.Fragment, { key: '59bd51c2cf2fef041a14d6f36429c9d1ef402d39' }, index$1.h("button", { key: 'a517dac5407f43c1b8f93dea3604a02cd038721d', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, index$1.h("svg", { key: '81f8037e082059f35a70b8367bbf20e441d9c41c', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, index$1.h("g", { key: '7b7e4db0ad3ede2fd82d70d85af3b690b4ecbf43', fill: "none", "fill-rule": "evenodd" }, index$1.h("rect", { key: '913a4d226ac9827f15c5bd09ebff103fc6f74278', width: "40", height: "20", fill: "currentColor", rx: "10" }), index$1.h("circle", { key: 'fd624f981c43abf75ad39d0240d0760b998a5533', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (index$1.h("label", { key: '18f8fe97e1350930c9887e18be8b427950bd12b1', htmlFor: this.identifier }, index$1.h("slot", { key: '5b54701ae63cff1c985fe62ed1b5b15330d1aef7' })))));
     }
     get host() { return index$1.getElement(this); }
 };

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

@@ -57,7 +57,7 @@ const LegendGroup = class {
         delete this.mutationObserver;
     }
     render() {
-        return (index.h(index.Host, { key: '28df01827602cfe94f1655495d3cc0b8ba5b66a0' }, index.h("div", { key: 'c684bb3db12b429c6986daa5ce23c92c46453d76', class: "legend-group-header" }, index.h("slot", { key: 'ea31dc722b197532052b816c542c67a6492a9022', name: "heading" }), this.mode && (index.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" && index.h("slot", { key: '480a98979e3a91fa8e26664f48e47c384d24dea5', name: "options" }), index.h("slot", { key: 'c135fa34e1db7950f21d333202291c35e9e2918e' })));
+        return (index.h(index.Host, { key: '0c5c8ed2b98857165e4c1305592dd6d4f499fb10' }, index.h("div", { key: '8101d9751bb9eaebee2b112b16fa2f648a109037', class: "legend-group-header" }, index.h("slot", { key: '0329f5bebfcd9fc20148531fe1aa1eb6dee10698', name: "heading" }), this.mode && (index.h("dso-icon-button", { key: '81b52642b60e88bfa2fedd27c9782b0def81c4d3', expanded: this.mode === "edit", label: this.mode === "view" ? this.text("edit") : this.text("view"), icon: this.mode === "view" ? "pencil" : "check", variant: "tertiary", onDsoClick: this.toggleMode }))), this.mode === "edit" && index.h("slot", { key: 'b8315aed971f456849894cb2deb0420f8756c7a0', name: "options" }), index.h("slot", { key: 'bd80f8443bcd8a420781c698b62620be34824279' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -89,7 +89,7 @@ const LegendItem = class {
         const accessibleLabel = label?.textContent
             ? this.text("makeActive", { label: label.textContent.toLowerCase() })
             : this.text("makeActiveDefault");
-        return (index.h(index.Host, { key: '9b7ed34c8ea72c3a2e642650059fb156ba0ad440', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h("div", { key: 'a847b2cd9edd37023c37af28229dbc113cc950d7', class: clsx.clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (index.h("div", { key: '660ddd73308757372228776a5637d48ee67ef4a2' }, index.h("slot", { key: '15732d9a4a15e82315714b227e284df36e499457', name: "symbol" }))), index.h("div", { key: '38610147aa7d439409bfd92abce6ba2afb73ff9d' }, index.h("slot", { key: '1f6f49979470f5867023d402581743e9fb97837c', name: "label" })), this.disabled && this.disabledMessage && (index.h("dso-info-button", { key: 'd4b64ba6f58c69f0178529be0fdf6b9f8209ea7c', label: this.text("disabledInfo"), toggletipPlacement: "bottom" }, index.h("div", { key: 'd98d584d44fce4ca7b18ee4cd1a0d4fd68ed82ca', slot: "toggletip" }, this.disabledMessage))), index.h("div", { key: '4b693c3cc699db0cce0ca43a35d1db165e8fe013', class: "legend-item-right-content" }, this.renderRightContent(hasOptions, accessibleLabel))), hasOptions && (index.h("div", { key: '1d1c00a99077c4fb13c51d46c602fbdd735ba411', hidden: this.disabled || !this.showOptions, class: "options" }, index.h("slot", { key: '097b5874ec1fbfc19a65e857e45697bd8c738f1d', name: "options" })))));
+        return (index.h(index.Host, { key: 'cf2ba73234d81ab540bab9f297b6ea6547b16ba5', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h("div", { key: '7d6c1a3930cf5f2e2f25a3ad3334b585d5dc6dcf', class: clsx.clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (index.h("div", { key: 'fae34ebd6b2d0210584a3a943639667cd4e69e0f' }, index.h("slot", { key: 'b9cf91cacbd691e6d5c47e923d6bcb2aa9452763', name: "symbol" }))), index.h("div", { key: 'b7594fb8c0cc59bf4bb5fbc3589566129f872343' }, index.h("slot", { key: '077e25820ab130278ed55c9c271ae814bd989846', name: "label" })), this.disabled && this.disabledMessage && (index.h("dso-info-button", { key: 'e66c403d7fffcea66c96007b8a3293a653072ae8', label: this.text("disabledInfo"), toggletipPlacement: "bottom" }, index.h("div", { key: '4c52766e23155bf9410f4a83f39d620829bc54f5', slot: "toggletip" }, this.disabledMessage))), index.h("div", { key: '69c49eae23d674bcf821e0aebb92e2f89f2a34c4', class: "legend-item-right-content" }, this.renderRightContent(hasOptions, accessibleLabel))), hasOptions && (index.h("div", { key: '8267b3ced009d8749551adce9d185a07ba37ffed', hidden: this.disabled || !this.showOptions, class: "options" }, index.h("slot", { key: '9ed9f1e29b2e7b3aee08c0322187d2210ec0bf57', name: "options" })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -83,7 +83,7 @@ const Legend = class {
         this.moveFocusToTab(next);
     }
     render() {
-        return (index.h(index.Host, { key: 'b43c88fc0df9707a79ed8874fc4841cc4eb38575' }, index.h("div", { key: '5e34bfd53975616ab7af672b7a9a5cae3a7ac370', class: "topbar" }, index.h("div", { key: 'd750d4682f0c303bb7dae3d4946feddd816445d0', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, this.tabItems.map((tabItem) => (index.h("button", { class: clsx.clsx("tab", { active: tabItem.active }), role: "tab", "aria-selected": tabItem.active ? "true" : "false", ...(!tabItem.active ? { tabIndex: -1 } : {}), onClick: this.clickHandler }, tabItem.label)))), index.h("dso-icon-button", { key: '160e6006ba87ad67debcaeb77450c1b0fbcd70ae', icon: "cross", variant: "tertiary", label: this.text("closeLegend"), class: "close-button", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e.detail.originalEvent }) })), index.h("dso-scrollable", { key: '8032c7a4d34e4909f815ca52bdf46515b682e3eb', class: "content" }, index.h("div", { key: '2fb5ab230b72aa73aa3b42dfe88fc8a01eac4885', role: "tabpanel", tabIndex: 0 }, index.h("slot", { key: '45408018533a684dd2e924c75044bef3cb62907e' })))));
+        return (index.h(index.Host, { key: '2a5891a256689f74a99988139f6a6f09ebaa0436' }, index.h("div", { key: '105c393b0222591a15b1ab7008bcd9ad7fa393d0', class: "topbar" }, index.h("div", { key: 'c85066bef770163fead800cf6501ef6821e02ed7', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, this.tabItems.map((tabItem) => (index.h("button", { class: clsx.clsx("tab", { active: tabItem.active }), role: "tab", "aria-selected": tabItem.active ? "true" : "false", ...(!tabItem.active ? { tabIndex: -1 } : {}), onClick: this.clickHandler }, tabItem.label)))), index.h("dso-icon-button", { key: '3587b3d41e49b1af84b95c3e5440aecc34f48bf7', icon: "cross", variant: "tertiary", label: this.text("closeLegend"), class: "close-button", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e.detail.originalEvent }) })), index.h("dso-scrollable", { key: 'deb31a9ad5df1e5d234bbd3459308f46330de03d', class: "content" }, index.h("div", { key: '769bb6d26dd18067b8a852fd9fcae761ccacc749', role: "tabpanel", tabIndex: 0 }, index.h("slot", { key: '290b3490e8331849e3c54b1990ab6e249b730416' })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -81,7 +81,7 @@ const ListButton = class {
     }
     render() {
         const selected = this.checked || (this.count !== undefined && this.count > 0);
-        return (index.h("div", { key: 'a456e0620bc42f18b185b4c1a9439c1fe3cf1aef', class: clsx.clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, index.h("div", { key: '867c31ff683477c95e0df5fda982f2aa56c117cd', class: clsx.clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, index.h("dso-selectable", { key: 'c012d5bb80973a01a91803c7685c3150c5a926d7', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, index.h("span", { key: '102e32c6fb04eeca284ca3fe3131f067e2b0343d' }, this.label, this.sublabel && index.h("span", { key: '3dad120610012113d7562483bf61b478ce9205de', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (index.h("span", { key: '6990b9666c6c0be81e50e8ae432f0e38e985efe0', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", index.h("span", { key: '446fae472320465f3d77d0ada41a8822a088343d', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && index.h("span", { key: '67e2ffbe64b147dc15432402860305abc52f514c', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (index.h("div", { key: '63aa66e9d77121906a47ac021a10941c8d5d4a9d', class: "subcontent" }, index.h("slot", { key: '3db8cef36ee03f1927f99d971687ad17b8a9f088', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (index.h("div", { key: 'a3cf60e804d2b5efcfaf560c0622a5c97c8d215e', class: "dso-input-number" }, this.count > 1 && (index.h(index.Fragment, { key: '2bc46a1d646e1059b520206d2ebff380950ff5f7' }, index.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") }), index.h("span", { key: '494eabda18b6936977ffe1152924bfa542fe5f03', class: "dso-input-step-counter", "aria-hidden": "true" }, this.count))), index.h("span", { key: 'f4f9497a23dc31b528a8c848e34699ffc2ddd7f9', class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.count), index.h("dso-icon-button", { key: '2a034e31a9048fcd929915a11052d3f89af8cb13', ref: (element) => (this.incrementButton = element), label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle-outline", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
+        return (index.h("div", { key: 'c1cb480adf856abf458fa97ef9cfce6e91f88e69', class: clsx.clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, index.h("div", { key: 'a977a5e752a7ceed7ae344a0448a2eac0bab1080', class: clsx.clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, index.h("dso-selectable", { key: '32b615286583097d07f02e232e43dc36f03188fe', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, index.h("span", { key: 'a949902f3b25e368d04ed4313d8470f4782c9520' }, this.label, this.sublabel && index.h("span", { key: '54c591db56e96580a9d8e21a8f9de3cbc79f1cd9', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (index.h("span", { key: '728d964c6ff8395ced280ae7c51ccffa445b206f', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", index.h("span", { key: 'b8a7d9d25e3b5c5c2aeeb7ca13b4e0425936177a', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && index.h("span", { key: '5c0fba224e8839cdc7128675166ceb2aa60a35f9', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (index.h("div", { key: 'b5514961f164613889d9942f429f4ba465efa332', class: "subcontent" }, index.h("slot", { key: '0560f14f30b4256694897bd377abf051bcc00867', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (index.h("div", { key: '0106a50a278b36f4213e4f2d1ceee6f50d6e50c9', class: "dso-input-number" }, this.count > 1 && (index.h(index.Fragment, { key: 'd81c570ce3df18d60e679ffdf211afe0b563ee90' }, index.h("dso-icon-button", { key: '2fd109d7a00986dec96a286f68f682d70ca4f7e0', label: "Aantal verlagen", variant: "tertiary", icon: "minus-circle-outline", disabled: this.count === Number(this.min) || this.disabled, onDsoClick: (e) => this.stepValue(e, "decrement") }), index.h("span", { key: '896bc44db25fb4b522dc6de1cc42669731c53ded', class: "dso-input-step-counter", "aria-hidden": "true" }, this.count))), index.h("span", { key: 'db37d83a50d95c314e377741f99c9d9b9733af2b', class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.count), index.h("dso-icon-button", { key: '0d110403d523652f984f3d8f7fd6c31ab9105d81', ref: (element) => (this.incrementButton = element), label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle-outline", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
     }
     get host() { return index.getElement(this); }
 };

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

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

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

@@ -45,7 +45,7 @@ const MapBaseLayers = class {
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (index.h("fieldset", { key: '8021adc45a3a8964cd2fb229844204f75190a728', class: "form-group dso-radios" }, index.h("legend", { key: '5413e633389032190f8894a96ca44a505074c4f1', class: "sr-only" }, "Achtergrond"), index.h("div", { key: 'cd74d34e240fec9aa2decfae7dbd9404cc4852f3', class: "dso-label-container" }, index.h("span", { key: '3816e67c6f3c4bdc84dab60a04ed4b77ffbfe116', class: "control-label", "aria-hidden": "true" }, this.text("background"))), index.h("div", { key: '940d382bb243fc7ff7d66f53f2d6a14839a881cc', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (index.h("dso-selectable", { key: baseLayer.id, type: "radio", value: baseLayer.name, checked: baseLayer.checked, disabled: baseLayer.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[baseLayer.id] = ref), onDsoChange: () => this.baseLayerChangeHandler(baseLayer) }, baseLayer.name, baseLayer.info ? index.h("p", { slot: "info" }, baseLayer.info) : null))))));
+        return (index.h("fieldset", { key: 'e425e935b243e71462dcb3535e910a9645eae330', class: "form-group dso-radios" }, index.h("legend", { key: '1a5ea9c979247717b94ca98af40eaddfedd690f5', class: "sr-only" }, "Achtergrond"), index.h("div", { key: '359e5063faa16d1537e04e9721b8a056f28bd39a', class: "dso-label-container" }, index.h("span", { key: '99b0f11dc70cae6d87fca2301f20fd0bf9fda4da', class: "control-label", "aria-hidden": "true" }, this.text("background"))), index.h("div", { key: 'efb9958a4e54060e4ad5c4b3ca85d4413204acc7', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (index.h("dso-selectable", { key: baseLayer.id, type: "radio", value: baseLayer.name, checked: baseLayer.checked, disabled: baseLayer.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[baseLayer.id] = ref), onDsoChange: () => this.baseLayerChangeHandler(baseLayer) }, baseLayer.name, baseLayer.info ? index.h("p", { slot: "info" }, baseLayer.info) : null))))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -131,7 +131,7 @@ const MapControls = class {
         this.clearPostTransitionTimeout();
     }
     render() {
-        return (index.h(index.Fragment, { key: '1124457d4bee39439d5668ed4eb8003c7e10cb7d' }, index.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")) }), index.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")) }, index.h("dso-icon", { key: 'a095265dabe4609ca81b728366a0fdbefd28171e', icon: "layers" }), index.h("span", { key: '865c938149bec4b0db0ac8c16cec08e47ef7d78b' }, this.text("layersButton"))), index.h("dso-button-group", { key: '6b9eecd0b6050e89f4861ed65d79ce8950f26452', class: "zoom-buttons", direction: "column" }, index.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" }), index.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" })), index.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") }, index.h("header", { key: 'bd092098c501745d6fc5d0ceba8bb6e9107bf866' }, index.h("h2", { key: 'fc927fb82a349f1e36b1dbba5e35fd5dd5267c8b', id: __classPrivateFieldGet(this, _MapControls_mapLayersTitleId, "f"), tabIndex: -1 }, this.text("title")), index.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")) })), index.h("dso-scrollable", { key: '073622025d761cf2ab32fe6d914fe20b1baeca4c' }, index.h("div", { key: 'b86c61511eb1a31c992989e5b057f2e2f2135e1f', class: "content" }, index.h("slot", { key: 'f3e160928a0e74dafa97bdcb7b906ec5986e8b99' }))))));
+        return (index.h(index.Fragment, { key: '176eb3490fa804bf820ba62eabc958fa3121969a' }, index.h("dso-icon-button", { key: 'a4338fbf9f2c68ede925282b9b26de4c74c67cb6', expanded: this.open, label: this.text("layersButton"), icon: "layers", variant: "map", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), tooltipPlacement: "left", class: "toggle-visibility-icon-button", onDsoClick: (e) => this.toggleVisibilityInternal(e.detail.originalEvent, __classPrivateFieldGet(this, _MapControls_toggleIconButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), index.h("button", { key: '688789be1dd85bbb24d9ba4380541c758a4f2318', type: "button", class: "dso-map toggle-visibility-button", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open ? "true" : "false", onClick: (e) => this.toggleVisibilityInternal(e, __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, index.h("dso-icon", { key: 'f28aecdddcba133081cb56a2e6ce0c4799bcb4f1', icon: "layers" }), index.h("span", { key: '1da6100ff42a3c4ec7ca5dd722537394d957ef2a' }, this.text("layersButton"))), index.h("dso-button-group", { key: 'e5f3f64d78550dc3825df219436f88064959dbf8', class: "zoom-buttons", direction: "column" }, index.h("dso-icon-button", { key: 'e0e877989d55f81938ef3d690296b58310347d4c', label: this.text("zoomIn"), icon: "plus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomIn.emit(e.detail.originalEvent), disabled: this.disableZoom === "in" || this.disableZoom === "both" }), index.h("dso-icon-button", { key: '4d0790308006b5390d4371b8c8234fcf5f58873b', label: this.text("zoomOut"), icon: "minus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomOut.emit(e.detail.originalEvent), disabled: this.disableZoom === "out" || this.disableZoom === "both" })), index.h("section", { key: '3686ab9414e031daf0e5a47e8b8ba40796d1f27a', id: __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), hidden: this.hideContent, role: "region", onKeyDown: this.handlePanelKeyDown, "aria-labelledby": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f") }, index.h("header", { key: '296fabb057a43182a1c3e300964de49809512bd2' }, index.h("h2", { key: '4a87864c1c64f83d166ba708f8e3c2d01dd2ea26', id: __classPrivateFieldGet(this, _MapControls_mapLayersTitleId, "f"), tabIndex: -1 }, this.text("title")), index.h("dso-icon-button", { key: '7ec884c56d4e62ce01ccee04de343e42a79b4ffd', class: "close-button", label: this.text("hidePanel", { title: this.text("title") }), icon: "cross", variant: "tertiary", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeIconButtonElement, element, "f")) })), index.h("dso-scrollable", { key: '8c1a21aeefcf260029980c051f64034e7c52da03' }, index.h("div", { key: '25c1977876633962ece4e3f038306f13cfdce17d', class: "content" }, index.h("slot", { key: '192a0ef47e4fb13bc6a90991c7315073edb33312' }))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -20,7 +20,7 @@ const MapLayerObject = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'dae07d664482fcfcbb2232a32558829734a5c3ea', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: '5840180ffc63c8fc1887afebd238e40517d2dd76', wijzigactie: this.wijzigactie }, index.h("div", { key: '212953d88bb5a8b78f3a2633ea1b2e4f4e7d1c57', class: "map-layer-object" }, index.h("div", { key: '6c94789dc58388e1bbafd52cf85ad37d1e4e070f' }, index.h("slot", { key: '0d4565db6f767a170edc87e63d5324c17fe13e3d', name: "symbol" })), index.h("div", { key: 'b3ae87320865911bb4111c54bb9130f2bf8b006a', class: "map-layer-object-heading" }, index.h("slot", { key: '784053e34657815241b402a2eca7840203c653e7' }), index.h("slot", { key: '67b4f397ae703a0cfd89edfe880550e7186d3485', name: "label" })), index.h("div", { key: '59c1e7851474d136888e8460174b4bb04e601f34', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: 'c98410f0ebfa8a3c2e6ffa7a6a1fc34f6c053576', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange }))))));
+        return (index.h(index.Host, { key: 'c2986a38a4d0ae58dd37466511473ac90a48a2ad', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: '001fe5950e05c5457fce77320903282eda74ec6b', wijzigactie: this.wijzigactie }, index.h("div", { key: '2f008c8b8d9c7e159405cc3153092f3635ee513f', class: "map-layer-object" }, index.h("div", { key: 'b1c3d259022c4d4707c6b3ae9f2d8f01b6c60d2c' }, index.h("slot", { key: '7e94226e6b690d34d21bf076f628c4c2c441b6f8', name: "symbol" })), index.h("div", { key: '41596492e5780833e130ee16b851f1abc3de9ead', class: "map-layer-object-heading" }, index.h("slot", { key: '09363aa3c48f9536c6a6933e074f0c8f97b70a7f' }), index.h("slot", { key: '2cb5adaab884af9a161761b63509450d23757f5c', name: "label" })), index.h("div", { key: '26cdc8fd677a54b59d9d306885e982ae61d0d19d', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: '2e3891a8685a8c101d77cd913f06aea7bc0be080', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange }))))));
     }
 };
 MapLayerObject.style = mapLayerObjectCss();

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

@@ -23,7 +23,7 @@ const MapLayer = class {
         };
     }
     render() {
-        return (index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: 'd842b30964a958be49b24b545ebc40fb1222f3c9', wijzigactie: this.wijzigactie }, index.h("div", { key: '61ea42d9143768adeb021d63317f96c1107b4c69', class: "map-layer" }, index.h("div", { key: '241911125c3e864668621f769da6ec241ec94c9e', class: "map-layer-heading" }, index.h("slot", { key: 'aa88b2464a1cee8474f6cc76219ce331d5a737b1', name: "name" }), index.h("slot", { key: 'b92c7fb66b0cc516117fe6cd93d9dd7a92f2cb51', name: "label" })), this.activatable && (index.h("div", { key: '3e8b00b6523d54305483e13dba3d5e4874211894', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: 'd298d4476031eade9ea436ae96b6a9117eb0b458', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), index.h("slot", { key: '2643068ce7ff5ca886e28d4b4793312caeabf276' })));
+        return (index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: 'dabc7956105012afdc118aaaba99a250bccc69f5', wijzigactie: this.wijzigactie }, index.h("div", { key: '82b7a6aac12f3b5a3db3e8bb267cc5d1534543f3', class: "map-layer" }, index.h("div", { key: 'b0eec8d4e2e869cc713f3c7e1eabf11bc4954587', class: "map-layer-heading" }, index.h("slot", { key: 'b671a44962f9f7b57e0daad171173ba2ebff6d46', name: "name" }), index.h("slot", { key: '39fa02704cd5afb9fb4c49acc29a88a24432a588', name: "label" })), this.activatable && (index.h("div", { key: '72544e930e67018c299eb2c7f3d8a774326eabef', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: 'c3404bd4c33d67e8d9e71dd13e0b24a55341aef4', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), index.h("slot", { key: '1efa5bbf9d5b1c2698d95037ab4db390f40d89e4' })));
     }
 };
 MapLayer.style = mapLayerCss();

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

@@ -12,6 +12,10 @@ const MapMessage = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.hasActions = false;
+        // Een screenreader leest alleen wijzigingen voor binnen een live region die al in de
+        // accessibility tree staat. Dit component komt samen met zijn melding de DOM in, dus
+        // rendert de region eerst leeg en volgt de melding daarna.
+        this.showMessage = false;
         this.handleActionsSlotChange = (event) => {
             const target = event.target;
             if (target instanceof HTMLSlotElement) {
@@ -19,14 +23,36 @@ const MapMessage = class {
             }
         };
     }
+    connectedCallback() {
+        this.showMessage = false;
+    }
+    componentDidRender() {
+        if (!this.showMessage && this.animationFrame === undefined) {
+            // De browser werkt de accessibility tree gebatcht bij; vallen lege region en melding in
+            // dezelfde batch, dan blijft de screenreader stil. Eén render-tick afstand bleek te kort
+            // (NVDA, #3943); twee animatieframes is de kleinste afstand die betrouwbaar werkt.
+            this.animationFrame = requestAnimationFrame(() => {
+                this.animationFrame = requestAnimationFrame(() => {
+                    this.animationFrame = undefined;
+                    this.showMessage = true;
+                });
+            });
+        }
+    }
+    disconnectedCallback() {
+        if (this.animationFrame !== undefined) {
+            cancelAnimationFrame(this.animationFrame);
+            this.animationFrame = undefined;
+        }
+    }
     render() {
         const iconName = this.variant ? iconMap[this.variant] : undefined;
         const role = this.variant === "error" ? "alert" : "status";
-        return (index.h("div", { key: 'f81edb5f3a78bbc0f00a53c1e2a07015511893ae', class: {
+        return (index.h("div", { key: '2a1ed36c4d2c66dec11f63df390e6d3cb7e5556a', class: {
                 "map-message-content": true,
                 "has-icon": iconName !== undefined,
                 "has-actions": this.hasActions,
-            }, role: role, "aria-atomic": "true" }, index.h("div", { key: '91a1265b7742e5e1e46232803c5f7ef0ebea9745', class: "map-message-body" }, iconName && index.h("dso-icon", { key: 'c40dca6db431214007e491baa687e00cc3f8fa4a', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), index.h("span", { key: '5ed9d44fe51c028fef37025d56996af014c88c4f', class: "map-message-text" }, index.h("slot", { key: 'f323c56b11de1d4947f33a34f511c6542bcdcf78', name: "message" }))), index.h("slot", { key: '3a62ef24690f4aa51574727528124f811132dd2a', name: "actions", onSlotchange: this.handleActionsSlotChange })));
+            } }, index.h("div", { key: '18077458efb83b281215a46cd8f760322192d53f', class: "map-message-body", role: role, "aria-atomic": "true" }, iconName && index.h("dso-icon", { key: 'bcc78d0e0e651e0e00b18e308aa28793ed6b9b38', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), index.h("span", { key: '5f86287d9b2838951ea31ab9a2e61e2becc60d19', class: "map-message-text" }, this.showMessage && index.h("slot", { key: '281b4d02fc58f8e14abb8f86e073cf7fbbeae8f6', name: "message" }))), index.h("slot", { key: 'a7bfb812c4e8762d385a111ba8fd55bb8e5185d5', name: "actions", onSlotchange: this.handleActionsSlotChange })));
     }
 };
 MapMessage.style = mapMessageCss();

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

@@ -46,7 +46,7 @@ const MapOverlays = class {
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (index.h("fieldset", { key: '1055cf74db6dc57cba4519b57ac6c1e048c63e46', class: "form-group dso-checkboxes" }, index.h("legend", { key: '723bc415a7c47cffbc1eb064add3062160796cee', class: "sr-only" }, "Kaartlagen"), index.h("div", { key: '8b58713b271023e9c9f173961bb579ff442bbf80', class: "dso-label-container" }, index.h("span", { key: '6f4b7c86ce31f2f002aa9324df3f802b4f8de3b8', class: "control-label", "aria-hidden": "true" }, this.text("title"))), index.h("div", { key: '6d230b476a7fabc736e08d6644f07b7b2dad4caf', class: "dso-field-container" }, this.overlays.map((overlay) => (index.h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? index.h("p", { slot: "info" }, overlay.info) : null))))));
+        return (index.h("fieldset", { key: '6b5021cbdb21815755684e4bd5cb973fb89d5c43', class: "form-group dso-checkboxes" }, index.h("legend", { key: '17355dd3e9b2d4aa9b4b441daf67e3ae30d48e71', class: "sr-only" }, "Kaartlagen"), index.h("div", { key: 'f120e660798dd5a5829c0764c4809e1d8e5c2f10', class: "dso-label-container" }, index.h("span", { key: '8e827dc9f5e77196987e76665d46cb011c6e1a55', class: "control-label", "aria-hidden": "true" }, this.text("title"))), index.h("div", { key: 'b7ec4c229edbfd5517c3db5bd92e38dd780bd0a8', class: "dso-field-container" }, this.overlays.map((overlay) => (index.h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? index.h("p", { slot: "info" }, overlay.info) : null))))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -51,7 +51,7 @@ const MarkBar = class {
     render() {
         const current = this.current || 0;
         const totalCount = this.totalCount || 0;
-        return (index.h("div", { key: '18c8e48e43c5380f453977fd1ee1dfda6467afff', class: "dso-mark-bar" }, index.h("div", { key: '30be69b4dbb0f9a6a200014f1907c342cfe0ccfd', class: "dso-mark-bar-input" }, index.h("input", { key: 'cc79476633ff3378179988e34098aad73044c6e9', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), index.h("label", { key: '0c3b963b841fff1fbd445554fd84857a780911e5', htmlFor: "search-input" }, index.h("dso-icon", { key: '49bc0ec253cd216421d6990a7ff48302a2b082e4', class: "dso-search-icon", icon: "search" }), index.h("span", { key: 'f037a8170982e0a7e998b0c684e6d7475aa9d684', class: "label-text" }, this.label)), index.h("dso-icon-button", { key: '638592145d5c94982e0873963984da998ebb33d2', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), index.h("div", { key: 'd54c39f6a81f204b693cc0ab4ae6450b7583316d', class: "dso-button-container" }, index.h("span", { key: 'ab388a8cad54c853a92e9517156d7ef98c70e971', class: "divider" }), index.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 }), index.h("span", { key: 'c1af5aa0ac6e9e0eea16ba3eb05842ff607770ba', role: "status" }, current, "/", totalCount), index.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 }))));
+        return (index.h("div", { key: 'd0403d770c0c696d43e7a2525c1328857cb09148', class: "dso-mark-bar" }, index.h("div", { key: '9908a940c4e0a09819424af36d02c5b5186d07e9', class: "dso-mark-bar-input" }, index.h("input", { key: '1bc8bc4607753482a47ad4e324416f417de9ca88', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), index.h("label", { key: 'b10cff666d1c34d7f7de34db686d79bb341b3bf4', htmlFor: "search-input" }, index.h("dso-icon", { key: '6aa4f5dee79e3233611880ef559140bc5459e84a', class: "dso-search-icon", icon: "search" }), index.h("span", { key: 'e422f197d16febb56eefdf14b65751d1552963bd', class: "label-text" }, this.label)), index.h("dso-icon-button", { key: '0132cbda8ea2e38c3022df1e141d42eedc49ee2a', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), index.h("div", { key: '04c24df32c474fa74f85b007364c26951e92a5bb', class: "dso-button-container" }, index.h("span", { key: '1ae811e96af1d04497fe3705ea2f96b712586628', class: "divider" }), index.h("dso-icon-button", { key: '43b2fd7c5a78b4a999db049c412193e871b01714', icon: "chevron-up", variant: "tertiary", label: `Vorig zoekresultaat ${current - 1}/${totalCount}`, onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), index.h("span", { key: '5fab96df21cf08c618787e446251744a37cc0910', role: "status" }, current, "/", totalCount), index.h("dso-icon-button", { key: '71931ffd8584c8d1fc8faf4193c4c02bbd832b2f', icon: "chevron-down", variant: "tertiary", label: `Volgend zoekresultaat ${current + 1}/${totalCount}`, onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
     }
 };
 MarkBar.style = markBarCss();

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

@@ -112,7 +112,7 @@ const Modal = class {
         }
     }
     render() {
-        return (index.h("dialog", { key: '95e686459015cbecfef763fd35b56aba60ce1639', class: clsx.clsx("dso-modal", { fullscreen: this.fullscreen }), role: this.dialogRole ?? undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onMouseDown: (e) => this.handleDialogMouseDown(e), onMouseUp: (e) => this.handleDialogMouseUp(e), onClick: (e) => this.handleDialogClick(e), onKeyDown: (e) => this.blockEscapeKey(e) }, index.h("div", { key: '6901f74149102b7ee988a3f5b297c8e660691ada', class: "dso-dialog" }, this.narrowView ? (index.h("dso-scrollable", { class: "narrow" }, index.h("div", { class: "modal-scrollable" }, index.h(Header, { modalTitle: this.modalTitle, closable: this.closable, ariaId: this.ariaId, text: this.text, dsoClose: this.dsoClose }), index.h(Body, null), this.hasFooter && index.h(Footer, null)))) : (index.h(index.Fragment, null, index.h(Header, { modalTitle: this.modalTitle, closable: this.closable, ariaId: this.ariaId, text: this.text, dsoClose: this.dsoClose }), index.h("dso-scrollable", null, index.h(Body, null)), this.hasFooter && index.h(Footer, null))))));
+        return (index.h("dialog", { key: '5ab02472ddbd1dca5ae9eb1d96dec73bf0fbed15', class: clsx.clsx("dso-modal", { fullscreen: this.fullscreen }), role: this.dialogRole ?? undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onMouseDown: (e) => this.handleDialogMouseDown(e), onMouseUp: (e) => this.handleDialogMouseUp(e), onClick: (e) => this.handleDialogClick(e), onKeyDown: (e) => this.blockEscapeKey(e) }, index.h("div", { key: 'eb3bba348fd18f9fd45a5967785499f751042a23', class: "dso-dialog" }, this.narrowView ? (index.h("dso-scrollable", { class: "narrow" }, index.h("div", { class: "modal-scrollable" }, index.h(Header, { modalTitle: this.modalTitle, closable: this.closable, ariaId: this.ariaId, text: this.text, dsoClose: this.dsoClose }), index.h(Body, null), this.hasFooter && index.h(Footer, null)))) : (index.h(index.Fragment, null, index.h(Header, { modalTitle: this.modalTitle, closable: this.closable, ariaId: this.ariaId, text: this.text, dsoClose: this.dsoClose }), index.h("dso-scrollable", null, index.h(Body, null)), this.hasFooter && index.h(Footer, null))))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -73,7 +73,7 @@ const OnboardingTip = class {
     }
     render() {
         const ariaLabel = this.headingSlottedElement?.textContent;
-        return (index.h(index.Host, { key: 'f1c2b2d8ef94474c07fbfff3c402e0d9951bd8ef', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, index.h("div", { key: 'fdb85f71b59a628527ea44e7b57355947368a30c', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, index.h("div", { key: '8d23ce770abb770b17afd5eea7282be23f79bc40', class: "onboarding-tip-inner" }, index.h("div", { key: '53237157d8d133686add338d3a2ae4aaa07cb8aa', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (index.h("div", { key: '7ef057ff8acc35c2db9d7fdde62210ff11422852', class: "onboarding-tip-content-heading" }, index.h("dso-icon", { key: '0bddee49e0b6eac49ac402eb8c613c480a5235aa', icon: "light-bulb", "aria-hidden": "true" }), index.h("slot", { key: '03f6fe5e8c50a03d898dc0aa09424da8823f23c1', name: "heading" }))), index.h("dso-icon-button", { key: 'af83f2403aaaeb5435399cb9e45faba07ed16471', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), index.h("slot", { key: '30ba4caca60ebf7caa0cf945a4be729aa79af612' }))), index.h("div", { key: '0ce6f8de6a51951904727fce9de3f6c5692113f5', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
+        return (index.h(index.Host, { key: '008beb10763a313f7c8eb5ff5b50ced5955f6bed', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, index.h("div", { key: '60f7b743a1ba57b391fc824ceed2ffadbe351087', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, index.h("div", { key: 'f377098c52756ff0e898c7a7938fd9fa97fcbb0c', class: "onboarding-tip-inner" }, index.h("div", { key: '1ae47730b06e94970934a7f9a0ff93ba66852d63', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (index.h("div", { key: 'e3b97de099f164ffa4d929b7cf7f16ebdf44a9bf', class: "onboarding-tip-content-heading" }, index.h("dso-icon", { key: '2b94028f318ee078fd128d486e228a0dba4844e3', icon: "light-bulb", "aria-hidden": "true" }), index.h("slot", { key: '21b4b5535e7e10cf8602d95836b70f598bcb5d7e', name: "heading" }))), index.h("dso-icon-button", { key: '93394a8db1fc8b6167f5cf7f9aa388c75a02a036', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), index.h("slot", { key: 'a32b00deb409b417ffbcb72ae2eaa764adf89f6a' }))), index.h("div", { key: 'ac92c15f359dec9f59f58c2f7d2a5f2dcdef10dd', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
     }
     get headingSlottedElement() {
         return this.host.querySelector("[slot='heading']");

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

@@ -40,7 +40,7 @@ const PlekinfoCard = class {
     }
     render() {
         const hasSymbol = this.symbolSlottedElement !== null;
-        return (index.h(index.Host, { key: '52ead1e5bfa58edc82fef59ceeb7727098be483b', "has-symbol": hasSymbol }, index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: '001c813897946f43d89a93449e0c714afe54c08d', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, index.h("div", { key: 'c7e612ea0bb7ea624ea3afcb09337cab14b1c22e', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, index.h("slot", { key: 'fa4f2b992848f8c819338c127742376ac4a00e4f', name: "symbol" })), index.h("div", { key: '1a0b9be589e0dd4832663c7ce5f59610e0293356', class: "dso-plekinfo-card-heading" }, this.href ? (index.h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("span", { class: "heading-content" }, index.h("slot", { name: "heading" })), "\u2060", this.targetBlank ? (index.h(index.Fragment, null, index.h("dso-icon", { icon: "external-link" }), index.h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (index.h("dso-icon", { icon: "chevron-right" })))) : (index.h("slot", { name: "heading" })), this.metaSlottedElement !== null && index.h("slot", { key: 'dba4183b0d17c10a470253d9ce356b3cbff213d6', name: "meta" }), this.interaction !== null && index.h("slot", { key: 'ee553487d752e3b80e1dcc20b64fc923353b8da8', name: "interaction" })), index.h("div", { key: '224d285ba6c54a9f338cc91f2f36506573c8cbf7', class: "dso-plekinfo-card-content" }, index.h("slot", { key: '2c55174f0f909083af4e6444aa7facf3c8237515', name: "content" })))));
+        return (index.h(index.Host, { key: '2d53ad2af278ecb04350916d97663d6e051f0621', "has-symbol": hasSymbol }, index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: '38cf232cc042b804f78641249dcb78e49edf60ad', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, index.h("div", { key: '06e440267be7b64ba1c83e496a31b9feb2b2e656', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, index.h("slot", { key: '70b391dc311eab8a6a82c7b1ef016bb319451ca5', name: "symbol" })), index.h("div", { key: '308739dc070978d312a683cf15418b3641c33d14', class: "dso-plekinfo-card-heading" }, this.href ? (index.h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("span", { class: "heading-content" }, index.h("slot", { name: "heading" })), "\u2060", this.targetBlank ? (index.h(index.Fragment, null, index.h("dso-icon", { icon: "external-link" }), index.h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (index.h("dso-icon", { icon: "chevron-right" })))) : (index.h("slot", { name: "heading" })), this.metaSlottedElement !== null && index.h("slot", { key: 'af52f7b0ef4ffaf976676ac25603add75e8ed953', name: "meta" }), this.interaction !== null && index.h("slot", { key: 'eb3c57de70129f281e1991ec3577d5daf7d77447', name: "interaction" })), index.h("div", { key: 'ac287449cb3ab9d081d23e7df27e76b90c2597c4', class: "dso-plekinfo-card-content" }, index.h("slot", { key: '7d9d0fd07d588b09dfdc3716cb00c46622a41af2', name: "content" })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -24,7 +24,7 @@ const Progressindicator = class {
         this.text = i18n.i18n(() => this.host, translations);
     }
     render() {
-        return (index.h(index.Host, { key: '70f03473ecbada6dde9fb069ab58c9d22d2a63e3' }, index.h("span", { key: 'e9fd3af6a2e94f3c86e8c2950f12d39f33195a5f', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, index.h("dso-icon", { key: '77b74a77915843bcb11d10315b19bf40b8cd204d', icon: "spinner" })), index.h("span", { key: '02e04dd6c2fc27363475968fce6f34e31019a148', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
+        return (index.h(index.Host, { key: 'd5e6ea64b6b3983180f0899946b9b3354a2fe41e' }, index.h("span", { key: '6805adbb082ad54d4b4a4d84b85b001d4f665cfe', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, index.h("dso-icon", { key: 'b3f8dad626b182e46a70f83439c11765a67b2262', icon: "spinner" })), index.h("span", { key: 'b4ed2102656f7b330b8a436f8e999df3d30c89d9', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -9,7 +9,7 @@ const ProjectItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Fragment, { key: 'd4ff68e81e61a9b22d87434f6f72d0a8a96a2f89' }, index.h("div", { key: '760ffcd4a7f9a377938f5192aeacc290720f1faa', class: "project-item-header" }, index.h("div", { key: '0add4b6c4702b9503e43f4413654d3343d169c9b', class: "project-item-title" }, index.h("slot", { key: '0b301134dbf69d25ca237fe5742805af85b112ea', name: "title" }), this.label && (index.h("dso-label", { key: 'fa71b428b218c4dce13ee2e1572ebaf7d9ac651a', status: "error", compact: true }, this.label))), index.h("div", { key: '8a9af1202584ee27565bc4357736b0e56f596c39', class: "project-item-actions" }, index.h("slot", { key: '162b02d3dd86b69f4b49be26dacafa860a8ecb6c', name: "actions" }))), index.h("div", { key: 'bc0d3cbb53c7d282a52b45845d0929b909acbd96', class: "project-item-info" }, index.h("div", { key: '7953b54aa3e87a6133526107e43ffc5083ddc3e1', class: "project-item-progress" }, index.h("slot", { key: 'ef3d02e30bbee817a10494e095828b87f0941a1a', name: "progress" })), index.h("div", { key: 'f70c91df51f2c3973ae08eeed87211ccf5aa13fd', class: "project-item-status" }, index.h("slot", { key: 'ffb21bad8461b7983a8e679c1218acceb78ae88c', name: "status" })))));
+        return (index.h(index.Fragment, { key: 'ce430c6cdf4a3551ac6dded20724d388f2a78f41' }, index.h("div", { key: 'fa60c476c219be6aba73f7aa19d0ca37f43eaf82', class: "project-item-header" }, index.h("div", { key: '08d2b98b4d240a6e1605a09625966ee2e24cacac', class: "project-item-title" }, index.h("slot", { key: '33c96e1e086fad5040b5f5e57d4f6bdc66b59f54', name: "title" }), this.label && (index.h("dso-label", { key: '2b7c36c4a87394cf59147521ab0c63b46ab7dc0d', status: "error", compact: true }, this.label))), index.h("div", { key: '434aa16ddff7801e52aaf2cf4205fc7387babfe4', class: "project-item-actions" }, index.h("slot", { key: '27d3546aaa782becb520f98ab5cd8edb8d624906', name: "actions" }))), index.h("div", { key: 'a233e05c27ec5beb54b23d5a3042c73fd7defc2c', class: "project-item-info" }, index.h("div", { key: '91d630b5c041b08fa7698acac2b92739d93d9db1', class: "project-item-progress" }, index.h("slot", { key: 'a8bda2420c70a50c8b793ba24b2ed98a640f77a8', name: "progress" })), index.h("div", { key: '543d749f0339d2f8dd69b7c19b14f555c5fdb10e', class: "project-item-status" }, index.h("slot", { key: '7d94342205d9b51daab159dc426661e6db927081', name: "status" })))));
     }
 };
 ProjectItem.style = projectItemCss();

package/dist/cjs/dso-responsive-element.cjs.entry.js

@@ -60,7 +60,7 @@ const ResponsiveElement = class {
         this.observer.unobserve(this.host);
     }
     render() {
-        return (index.h(index.Host, { key: '8bc02ce465200ad6f79b8926108f10268e42fc2d', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, index.h("slot", { key: 'd3fcba2caf6404c8fb0c11abaf568d6fde67d8b6' })));
+        return (index.h(index.Host, { key: '0e46330d5c565d1935350d23614c75bdb72f9607', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, index.h("slot", { key: 'b6c1d67077a565d82dc058eb3c29c0fc75e5ec86' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-scrollable.cjs.entry.js

@@ -113,9 +113,9 @@ const Scrollable = class {
         this.slottedElements.forEach((element) => resizeObserver.unobserve(element));
     }
     render() {
-        return (index.h("div", { key: '389b66958db9d3eeee377aba012d1dd7b6af17ec', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, index.h("div", { key: '2220ed5819792f14e43cf753ded99b99eef8da9a', ref: (el) => (this.scrollContainerDiv = el), class: clsx.clsx("dso-scroll-container", {
+        return (index.h("div", { key: 'ba20c551e9039dfaf75e22f3aa2a0c830fc37190', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, index.h("div", { key: '7740920d51a271d395c5f1ef27edff8eb0bc24ed', ref: (el) => (this.scrollContainerDiv = el), class: clsx.clsx("dso-scroll-container", {
                 [`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== "noScroll",
-            }), onScroll: () => this._setScrollState(), tabIndex: this._preventFocus ? -1 : undefined }, index.h("slot", { key: '7aed5f373fcf77c945786b98d2a92af63322bb6c' }))));
+            }), onScroll: () => this._setScrollState(), tabIndex: this._preventFocus ? -1 : undefined }, index.h("slot", { key: 'ecce8833067ef456a5d998cb387ef0cd40aff02a' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-segmented-button.cjs.entry.js

@@ -24,7 +24,7 @@ const SegmentedButton = class {
         });
     }
     render() {
-        return (index.h("div", { key: 'ad5af3dde7e1fdfdb4471a888d005ca272112261', class: "segmented-button", role: "radiogroup", "aria-label": this.label, "aria-required": this.required?.toString() }, this.options?.map((option) => {
+        return (index.h("div", { key: '24e855e55cf1feec27c4ea411d7d3ba05da2a732', class: "segmented-button", role: "radiogroup", "aria-label": this.label, "aria-required": this.required?.toString() }, this.options?.map((option) => {
             return (index.h("label", null, index.h("input", { type: "radio", name: this.groupName, value: option.label, checked: this.activeOption === option, disabled: option.disabled, onClick: (event) => this.handleClick(option, event) }), index.h("span", { class: "segment-label" }, option.label)));
         })));
     }

package/dist/cjs/dso-shopping-cart.cjs.entry.js

@@ -25,7 +25,7 @@ const ShoppingCart = class {
         return (index.h("dso-icon-button", { icon: "chevron-left", variant: "secondary", label: "Openen", onDsoClick: (e) => this.dsoToggle.emit({ originalEvent: e.detail.originalEvent }) }));
     }
     render() {
-        return (index.h("div", { key: '9dd80a9591424d1c37c7a6c71dc37c7e23828d11', class: "shopping-cart" }, index.h("div", { key: '2fb5d221bb12f4bc60d91c88e577dbb95daa9934', class: "header" }, index.h("slot", { key: 'd2020152090a77a1999bad284ec0804602c81842', name: "heading" }), this.toggleable && this.renderToggle()), index.h("div", { key: 'd4c75ad92efa657921302e95301a37576285d8e4', class: "items" }, index.h("slot", { key: '3268e576a944295d8765e3be1499edcc805bcfb0' }))));
+        return (index.h("div", { key: '510bbaaf0168ead779506268e240db510052e825', class: "shopping-cart" }, index.h("div", { key: '122708dc74255a93a4b4a437bd769959cddffa36', class: "header" }, index.h("slot", { key: '24c9865d01ee9c8767628b4f75a9ea64e8b0ce71', name: "heading" }), this.toggleable && this.renderToggle()), index.h("div", { key: '70efc93e9dff173c67b9fa346845d5952d5b527c', class: "items" }, index.h("slot", { key: '68ffbb3f0e54539ddd3f38b2ea1ff40c2a41d351' }))));
     }
 };
 ShoppingCart.style = shoppingCartCss();

package/dist/cjs/dso-skiplink.cjs.entry.js

@@ -17,7 +17,7 @@ const Skiplink = class {
         return this.dsoSkiplinkClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent.isModifiedEvent(e) });
     }
     render() {
-        return (index.h("a", { key: 'a11d01a5b3df19f88008ed455e8f0c26f967ceb8', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, index.h("dso-icon", { key: '1121181b37bb210b65ce5ceff1e1c25a2fa044d3', icon: "chevron-right" })));
+        return (index.h("a", { key: '93db542416f22441dae5abeea1e4cc61cc1a25fc', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, index.h("dso-icon", { key: 'd453e74aaca80955621dc05b9ce4d326671f3ee9', icon: "chevron-right" })));
     }
 };
 Skiplink.style = skiplinkCss();

package/dist/cjs/dso-survey-rating.cjs.entry.js

@@ -28,10 +28,10 @@ const SurveyRating = class {
             "Makkelijk",
             "Heel makkelijk",
         ];
-        return (index.h("dso-panel", { key: '6e8e297be5e0c69f8dee7e8a5f5117f1438376c0', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, index.h("h2", { key: '965558999e8f04fa3ea41b16ad2fba3c67fdf3cb', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), index.h("strong", { key: '893161a964af4bef0732e6c41b17adc2a64e7842' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), index.h("form", { key: '3376fd9879f5e59c88410f29a084408210dd9310', onSubmit: (e) => this.handleForm(e) }, index.h("div", { key: '9f37e212fa1e3da0644a78da19fee79941d09349', class: "visual-rating-labels", "aria-hidden": "true" }, index.h("span", { key: '98dd40664a37b4367b6c4a4ebddc1211d6839520' }, "Heel moeilijk"), index.h("span", { key: '5bee666467de1089a9fff1d50d92ac0ac0adf15a' }, "Heel makkelijk")), index.h("div", { key: '286b60be1d47f19a6b9ceac3f87ed5f54486f743', role: "radiogroup" }, ratings.map((rating, index$1) => {
+        return (index.h("dso-panel", { key: '4026814077478126886d7c6dd3c91cff5c8987ca', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, index.h("h2", { key: '8b0c40eb3de6cf3176b157ceb908956e2f9e4581', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), index.h("strong", { key: '9218e2fcbadb61436fa8080e448bf50abc56418d' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), index.h("form", { key: 'e517ab50c84d3087bdc165c8aa12aea8acfdfd46', onSubmit: (e) => this.handleForm(e) }, index.h("div", { key: '5f80f7273cc6005a9b17ebf38dd1b037661a5585', class: "visual-rating-labels", "aria-hidden": "true" }, index.h("span", { key: '1bdbc022680fa6250205cfed9c69a19adb51ddf7' }, "Heel moeilijk"), index.h("span", { key: '94068a97aad6a541399f04bfacd51e33749cee1d' }, "Heel makkelijk")), index.h("div", { key: 'b2dceabfdb6e371437d40c209c0d990159f05c50', role: "radiogroup" }, ratings.map((rating, index$1) => {
             const ratingNumber = index$1 + 1;
             return (index.h(index.Fragment, null, index.h("label", { class: `survey-rating-${ratingNumber}` }, ratingNumber, index.h("span", { class: "sr-only" }, rating), index.h("input", { type: "radio", name: "rating", value: ratingNumber, checked: ratingNumber === this.rating, onChange: (e) => this.handleChange(e) }))));
-        })), index.h("button", { key: '8a5594d402170c0798d4117fc03ae7afb9026711', type: "submit", class: "dso-secondary" }, index.h("span", { key: '0c8d2586fec17a7b0b3846d6c806d250cd6ef0ed' }, "Antwoord verzenden")))));
+        })), index.h("button", { key: '88524ec3c4bf1b9c059e838c8a761b7b59aca508', type: "submit", class: "dso-secondary" }, index.h("span", { key: '79b5f16daf9dbb2ebaa51f3644c3e41cc40e39e1' }, "Antwoord verzenden")))));
     }
 };
 SurveyRating.style = surveyRatingCss();

package/dist/cjs/dso-tabs.cjs.entry.js

@@ -62,7 +62,7 @@ const Tabs = class {
         this.mutationObserver?.disconnect();
     }
     render() {
-        return (index.h(index.Host, { key: '749bad8965a6a087b8c3b83dee2ff558d882fdc6' }, index.h("div", { key: 'c6c1637c8ab72fdfb213bae7bcab4bc1b4e095ad', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, index.h("slot", { key: '7e0ccca72411bda9e649ccaa22766382dfcdf339' })), index.h("div", { key: '99d5187c177e8c61ef5b3d9084679c58e6ce2cee', role: "tabpanel", tabindex: "0" }, index.h("slot", { key: '72116bf16d9d89f409ddd4ba4ddff6a15233fb98', name: "panel" }))));
+        return (index.h(index.Host, { key: '88c28ae388d2276dec5e4b8c92066a005604d5b5' }, index.h("div", { key: 'cee7d902fb455fadd0c4588cf5a6133466ec89ed', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, index.h("slot", { key: 'a9893f2c16e194318a589a379dbcd23b450bda17' })), index.h("div", { key: '66cfff257290a44c064fc4011f8101fc4ab0b918', role: "tabpanel", tabindex: "0" }, index.h("slot", { key: '52f5be68fcb6b98b5c8831e81522faa4733a3501', name: "panel" }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-tijdreis-banner.cjs.entry.js

@@ -9,7 +9,7 @@ const TijdreisBanner = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Fragment, { key: '1fcc9d115a0058605f4157e0df39f3d5c81968e5' }, index.h("dso-icon", { key: '0c8f78526723f4b220578bd419e505f50685b68e', icon: "clock-outline" }), index.h("slot", { key: 'ae86a42d8ee554394c1fca3258990b901e7a7540' }), index.h("slot", { key: '4ff386757ac1da7d878ca5deb8773b54a69a11f5', name: "button" })));
+        return (index.h(index.Fragment, { key: '87e07ae60caceaede01cca3be68eabe3be3a4ff0' }, index.h("dso-icon", { key: 'be83bf9a6bbfb99f58e5cd9472ebdc6f548c1a12', icon: "clock-outline" }), index.h("slot", { key: '2c820079226fc53e34dc2adf0e32ac9d7e4baa23' }), index.h("slot", { key: '3bc1846d25fb9de12af41befcd5fdbf5ffa25795', name: "button" })));
     }
 };
 TijdreisBanner.style = tijdreisBannerCss();