@dso-toolkit/core 99.1.0 → 99.2.0

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

@@ -202,7 +202,7 @@ const Selectable = class {
     }
     render() {
         const hasInfo = !!this.host.querySelector('[slot="info"]');
-        return (index.h(index.Fragment, { key: '19b7b689cc40ce3ec7986b66e05f8b479c74d8f3' }, index.h("div", { key: '73d7886eee0da5d7f20c25388b04f14772256476', class: "dso-selectable-container" }, index.h("div", { key: '99f700718a7ecd57281a042e1b35c97865020de0', class: "dso-selectable-input-wrapper" }, index.h("input", { key: '82b1ddf180b11ba068675ced5ccd9f8cc08407cd', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "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: 'ee874565f8085d415e6279032663d48c831099f6', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (index.h("dso-info", { key: '28f5df3a32933933c288a5dbb6004178ea7c3c88', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, index.h("div", { key: '8ed3760a79fa95902bf24898641ff1a92a83ef12' }, index.h("slot", { key: '4e1124ed873ec37839bfbbaf6831c14779da6c4c', name: "info" })))), index.h("slot", { key: '0997d1b15deda5753418e1073acf15003d3c1273', name: "options" })));
+        return (index.h(index.Fragment, { key: '95f3d9e70e5e84af47aaeb22717b24e512f60b69' }, index.h("div", { key: 'b476892628f8d31b7d7c02943b176d4556fdfc3d', class: "dso-selectable-container" }, index.h("div", { key: '34a9f1229fc3dfad9680fed68e96a8cde4462d0d', class: "dso-selectable-input-wrapper" }, index.h("input", { key: '63bbaf3a1c42c4cf7a5ea5096b947d7b61d2e01c', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "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: 'af36de898ee7482871fb01d6d9efa21f0eb5d500', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (index.h("dso-info", { key: '40624e717f271af06aee5ba7fc5d272483929750', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, index.h("div", { key: 'ffa7a4635c7334676988c52e48d5c7960a38f62a' }, index.h("slot", { key: 'f47c40ef36bb8b84ef55de6cdcc80a9f50b17e0a', name: "info" })))), index.h("slot", { key: 'a72b777da30dfbea0124a3b75adf0280128dd0e5', name: "options" })));
     }
     componentDidRender() {
         if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {

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

@@ -226,7 +226,7 @@ const SlideToggle = class {
         this.hasVisibleLabel = this.host.querySelector("*") !== null;
     }
     render() {
-        return (index$1.h(index$1.Fragment, { key: '41c810bdf439f37f13a74b42bb5bd66209408bf7' }, index$1.h("button", { key: 'c7c3a43e80543fdd1eace6ec9602d4d32a7762ee', 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: '1c755fb16ff775fddbd929ed99e9deb6ee5985cc', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, index$1.h("g", { key: '2c9ac43ead1447e1a765e5343ad01ae95228f52d', fill: "none", "fill-rule": "evenodd" }, index$1.h("rect", { key: '38441c37affcedbc173d866af8406972957332d9', width: "40", height: "20", fill: "currentColor", rx: "10" }), index$1.h("circle", { key: 'bda97311ec5deebf3a8baeceaac9382e5ca0b1bf', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (index$1.h("label", { key: '546db33855ff3a79a86b14c42737b2b935c624ac', htmlFor: this.identifier }, index$1.h("slot", { key: '857e3dd92783a8a36d66d39aabe2879b7b8fced7' })))));
+        return (index$1.h(index$1.Fragment, { key: '7291becfe58cfdec1c9e21a50eef04b5dff72339' }, index$1.h("button", { key: 'c42b7de446e15d26d311e8e2b85bd61afacf0137', 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: '93cebbaa53dd978b48ba60863749856f03a5204b', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, index$1.h("g", { key: 'fac4d1de935a905682dfc2b7ac3800c81c012881', fill: "none", "fill-rule": "evenodd" }, index$1.h("rect", { key: 'd40be60369da898f6cc08813bc97326959affe31', width: "40", height: "20", fill: "currentColor", rx: "10" }), index$1.h("circle", { key: '9d57223f2aa69d6e1b739c650afe34bdaae4c32f', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (index$1.h("label", { key: '4542bb62c22b73aac39bf2e87a740e8d77d43780', htmlFor: this.identifier }, index$1.h("slot", { key: '1110114d4b96e4f9b87182bc7b8cc4805d07705d' })))));
     }
     get host() { return index$1.getElement(this); }
 };

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

@@ -10,6 +10,7 @@ const ListButton = class {
         index.registerInstance(this, hostRef);
         this.dsoCountChange = index.createEvent(this, "dsoCountChange", 7);
         this.dsoSelectedChange = index.createEvent(this, "dsoSelectedChange", 7);
+        this.focusIncrementButtonAfterRender = false;
         /**
          * Whether the List Button is checked.
          */
@@ -35,6 +36,10 @@ const ListButton = class {
         if (!this.subcontentSlot?.hasAttribute("aria-hidden")) {
             this.subcontentSlot?.setAttribute("aria-hidden", "true");
         }
+        if (this.focusIncrementButtonAfterRender) {
+            this.focusIncrementButtonAfterRender = false;
+            void this.incrementButton?.setFocus();
+        }
     }
     disconnectedCallback() {
         this.mutationObserver?.disconnect();
@@ -46,6 +51,9 @@ const ListButton = class {
             if (!this.isNewCountValid(newValue)) {
                 return;
             }
+            if (direction === "decrement" && newValue === 1) {
+                this.focusIncrementButtonAfterRender = true;
+            }
             this.dsoCountChange.emit({
                 originalEvent: e,
                 count: newValue,
@@ -73,7 +81,7 @@ const ListButton = class {
     }
     render() {
         const selected = this.checked || (this.count !== undefined && this.count > 0);
-        return (index.h("div", { key: '442edba27a99b9d35c98e98d41962e94d0b8e054', class: clsx.clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, index.h("div", { key: '77c14a46db6fb4c5c35095a8f10a28339aedffa7', 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: '5fb0f6d371f23008bfd162f40b96949c9e710d23', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, index.h("span", { key: '866575af2f598d1795bad098778153ccd84f8ff2' }, this.label, this.sublabel && index.h("span", { key: '35ec4dda7f219b166472ec5bb261c5be73ce0b63', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (index.h("span", { key: '9cf84fe5826746df38d8178a6740a680a4ef4cbd', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", index.h("span", { key: '83175e372d04d1a455dbad1e434f33e541f2f52a', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && index.h("span", { key: '999f3bca2e71d984efdf8082dc5c28bfd6aceef4', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (index.h("div", { key: 'a69216cae841406387873c7558e52f11be674663', class: "subcontent" }, index.h("slot", { key: 'c7bdb35d41feaaf5684b9f90dda3d87716e58af9', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (index.h("div", { key: '7921e61e0a6c5f471603c7ce9cae81cd0d8b8356', class: "dso-input-number" }, this.count > 1 && (index.h(index.Fragment, { key: 'bee2a17e37f9cdfb341c5c7a3ad497519d58c9bc' }, index.h("dso-icon-button", { key: '75fffae9c8f3eb1a5ac63fa9f351dedefbeaf600', 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: 'b7f6582d5f81f3979423246cbddbb4e5ff1e4842', class: "dso-input-step-counter", "aria-label": "Aantal", "aria-live": "polite" }, this.count))), index.h("dso-icon-button", { key: '3a889058c9710ba9839e4b686e6494e4a3cbdf92', 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: '28dc8cacf3635cf83f3bc526cce61870c16213d7', class: clsx.clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, index.h("div", { key: '80788b4dae346a6ca92c37d3a23f58993a6f061b', 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: '123ae2c35a23673eeaa39a42e021edabb4b240a2', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, index.h("span", { key: 'a882a847c1e0a0da71d45afa5f6bdca506655c9d' }, this.label, this.sublabel && index.h("span", { key: 'c87a1d5a74e8f76943943f21eda4ca70977a120b', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (index.h("span", { key: '8f11fd1a6285c3ef92d61679c2f28b4875ddbe5c', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", index.h("span", { key: '987ab02881c3e7eaf6efb1a16fbbd75855be2959', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && index.h("span", { key: 'f58beece16efb79cf8c169fd48430ad64be5fe56', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (index.h("div", { key: 'f4c6f59c9a327ac075608952ab81c9f38c886464', class: "subcontent" }, index.h("slot", { key: 'e0d025b91a7f60170dce5975a31926673e00f6f1', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (index.h("div", { key: 'ce9f805f4cca58986ea9a1c18b5c6f982325b4d2', class: "dso-input-number" }, this.count > 1 && (index.h(index.Fragment, { key: 'baa2dbcef366d7da042161dacdfe6548aa2e7667' }, index.h("dso-icon-button", { key: '98c240428924462f07caabbd3187409c08147062', 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: '4ce7451b2740c43259a610077a7d37022607764f', class: "dso-input-step-counter", "aria-hidden": "true" }, this.count))), index.h("span", { key: '340c4db349360e7adab309d84fe02a40795237ac', class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.count), index.h("dso-icon-button", { key: 'd1365a96fb41df03e35ce8687d994d102e338f84', 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: '29bfc8cd84b58cb4212e83458128be6fd0a76996', 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: 'd9b8e664223d4763b318ca259cd3090ccc3b0a96', 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: '4844cb7dc1f22b46db47516b2482c67673eb70f7', class: "form-group dso-radios" }, index.h("legend", { key: 'b0acfbdfe97f083ed88bfdc12a3e5da85f71e7c7', class: "sr-only" }, "Achtergrond"), index.h("div", { key: '6cf325954514f6279761f99ade9f6297fd0f2931', class: "dso-label-container" }, index.h("span", { key: '924198ae3890df319ce186a44b44d59640b21d1e', class: "control-label", "aria-hidden": "true" }, this.text("background"))), index.h("div", { key: 'fc609656c7c56a80d192ad7f68048a63b238777c', 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: '26e0f25a4b9d26dfe2ad804c65253a08205909d4', class: "form-group dso-radios" }, index.h("legend", { key: 'fe913ce00c8ace09909deffc9e7e39a8891fe7f9', class: "sr-only" }, "Achtergrond"), index.h("div", { key: '7ecc76a72df6571c43902b8431bbf579259204c7', class: "dso-label-container" }, index.h("span", { key: 'abd27ffee2fa309cf2248a8f11a3e20e2053a1b2', class: "control-label", "aria-hidden": "true" }, this.text("background"))), index.h("div", { key: 'fa9c69b1cd28e2646c8a92cbd6550d39c1ba3113', 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: 'b5613c0128da6dc889d909f0c8b923e581c72589' }, index.h("dso-icon-button", { key: '444f1e007a61b852699d40965117c6f083eb416b', label: this.text("layersButton"), icon: "layers", variant: "map", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open, 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: '50c496a3d31f767ed324341d9d7f83cafa6a9246', type: "button", class: "dso-map toggle-visibility-button", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open, onClick: (e) => this.toggleVisibilityInternal(e, __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, index.h("dso-icon", { key: '912209fd160ae1e979e15bef3f0a020f5b232e5b', icon: "layers" }), index.h("span", { key: '79b628ca8331bef70b8c15576176895583edd8bb' }, this.text("layersButton"))), index.h("dso-button-group", { key: 'c690b9a34bef0d7a68bf38b22abd1707d9dc157b', class: "zoom-buttons", direction: "column" }, index.h("dso-icon-button", { key: '23a699de08abec023e14fee7aaa82d88f29d26ed', 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: '2b428ed044a22b08618c885ca96bc02efc3725a6', 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: '92f97c6adc3e466ce3c8dfbcbf29e27a2e52c4c2', 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: '405d312a529d19a98dd00696d92c077db17ac19f' }, index.h("h2", { key: '30c65729ec16d6cee9c164a6bd5b575e512110a7', id: __classPrivateFieldGet(this, _MapControls_mapLayersTitleId, "f"), tabIndex: -1 }, this.text("title")), index.h("dso-icon-button", { key: '00e944ddbf73a462704c048d740bbae2ccbf0aff', 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: '4caa8628d4af029f69f887b4434365c6cd9a5fd0' }, index.h("div", { key: '71f4998c5f3a8ac61bf13141648b699ead6eebec', class: "content" }, index.h("slot", { key: '7d2e87c33d999cb0f05594c7d2114896e991da4d' }))))));
+        return (index.h(index.Fragment, { key: 'df742112e2025fdbb83de9414b0d6ca52d997826' }, index.h("dso-icon-button", { key: '213c786fdd190c1c7d176d897cdce2ddce007f21', label: this.text("layersButton"), icon: "layers", variant: "map", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open, 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: 'e08ce9dbbc17469f0cb103e38a6603b2f6752725', type: "button", class: "dso-map toggle-visibility-button", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open, onClick: (e) => this.toggleVisibilityInternal(e, __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, index.h("dso-icon", { key: 'e22486c5b4ec4de15d389d4349c2c987cbabd760', icon: "layers" }), index.h("span", { key: '876c81f18078ad0f316d1d33883fd01aba0c1b65' }, this.text("layersButton"))), index.h("dso-button-group", { key: '411ee5039d8e818cbca28ed237d0d5c54ab0c463', class: "zoom-buttons", direction: "column" }, index.h("dso-icon-button", { key: 'ee2f5435b15e91beef74f20ade813801c2237b32', 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: 'b51b4d38ecf01cdf1f414e0699c1809e86b7ff87', 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: 'ad07928c1d78c7e562f792bba2b6c18ba401ce75', 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: '462993fe80b521ea3c032940087a1240040d08ed' }, index.h("h2", { key: 'edf05e60556acaf9295f4a5f53edfe5f93759c7d', id: __classPrivateFieldGet(this, _MapControls_mapLayersTitleId, "f"), tabIndex: -1 }, this.text("title")), index.h("dso-icon-button", { key: '8883ececf16dee517102d9c27ca0cde32f412c78', 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: 'ee13b3dc2596f06e99bf0e48d1f080018f1bedca' }, index.h("div", { key: 'e79644ff58ff6408cbc2dd0e3f8cef853807619c', class: "content" }, index.h("slot", { key: 'c721808970823379205241f527b917ead66f9d15' }))))));
     }
     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: '4a130bd1a1101dcad1e43c85e726bc4762cc2d16', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: '8bde3a870b9f63b69b4a8b285ae8c44f4f517d75', wijzigactie: this.wijzigactie }, index.h("div", { key: 'af2e838d91f3fd8fd849b42d560a59f95bc24e5c', class: "map-layer-object" }, index.h("div", { key: '28e9e187fae2a6048b21e11156907ca0aa537ea8' }, index.h("slot", { key: '2fb126fd291605cdc6a09d5ca0d009fc80900b74', name: "symbol" })), index.h("div", { key: 'd087db42616613e59a3e2a41b494927104e8fa78', class: "map-layer-object-heading" }, index.h("slot", { key: '398ad1c5b2439277433426823ca657937a1fd6c7' }), index.h("slot", { key: 'a9574ab95912476198ae33632ba162eeacd55826', name: "label" })), index.h("div", { key: '3dc1f9f6367333ad6153ddbc6bcb7727dc24ddd0', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: '5e7c704d4ba3723bc8468924666e56b057b95c24', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange }))))));
+        return (index.h(index.Host, { key: '7fbc1ef74509e1b4f80d56905fa764a34a333740', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: '86a25068d41d0113456e7705b522d343e7642127', wijzigactie: this.wijzigactie }, index.h("div", { key: 'aa6678b819aa10f8a1c2cc8bca459aa95deac593', class: "map-layer-object" }, index.h("div", { key: '38fbefa271b39f82918dae41eb66b58492ba5574' }, index.h("slot", { key: '95385dd080311a6601799a49451fbed2830d8203', name: "symbol" })), index.h("div", { key: 'e35e66f79ee298235be738d265017f5cf1564559', class: "map-layer-object-heading" }, index.h("slot", { key: '2a99347bb68d8e5bffe168587042f3f601ac4456' }), index.h("slot", { key: '5105e4e49f5d644c70f09df20569ccca5c0e550a', name: "label" })), index.h("div", { key: 'b91932b72b31233927163885102039924098ad0c', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: '9087cd162ea7434ee1d7f4b977cbb75b7a2ab4ef', 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: '5bfdcbb4e726f7a48f846bc26fd8364252c5099f', wijzigactie: this.wijzigactie }, index.h("div", { key: '291fb7fb2fcd0b1d44203a0dfb6bafaab9588e9f', class: "map-layer" }, index.h("div", { key: 'd08241709d892e3f77770a071fe9e9abe633610c', class: "map-layer-heading" }, index.h("slot", { key: '373fb22886af662822fcc8576103060037da6d6a', name: "name" }), index.h("slot", { key: 'b9157528d8d5503b93782a5e2c868e120ade98d0', name: "label" })), this.activatable && (index.h("div", { key: '76864f4729567483fc8a321fa17ae87b8bf2576f', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: 'ea81c871f370e53e07e9e93f2f491e7d4f2d8a17', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), index.h("slot", { key: 'e27fe106577b51607e9cd347f2a70101063be38a' })));
+        return (index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: '58b032ccf7677ede268d977e40284fce488001cf', wijzigactie: this.wijzigactie }, index.h("div", { key: 'dfa603d5ff4e738955330e539cb27c04a06eb361', class: "map-layer" }, index.h("div", { key: 'd5b744910ec3ffbf76a1bc5e06c7c8a2862d7d33', class: "map-layer-heading" }, index.h("slot", { key: 'e52c97abb2ffd3dbeb8a1691567499d5b03628be', name: "name" }), index.h("slot", { key: 'f81a9b8d10970365dbc4a6d9e335cca4e2db6bd9', name: "label" })), this.activatable && (index.h("div", { key: 'db93351178c6ff143098d07bc1efb4aab486f97c', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: 'ab49a0cfd4105c9133a1c50da4496fddee2550fe', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), index.h("slot", { key: 'a9b8d33ee9c50c461c136a392fd57f177f84302a' })));
     }
 };
 MapLayer.style = mapLayerCss();

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

@@ -22,11 +22,11 @@ const MapMessage = class {
     render() {
         const iconName = this.variant ? iconMap[this.variant] : undefined;
         const role = this.variant === "error" ? "alert" : "status";
-        return (index.h("div", { key: '98874d9384751a63909661881b47e45c48064460', class: {
+        return (index.h("div", { key: 'c38f46748c57f3034e24cacaa91b5f792dab80dc', class: {
                 "map-message-content": true,
                 "has-icon": iconName !== undefined,
                 "has-actions": this.hasActions,
-            }, role: role, "aria-atomic": "true" }, index.h("div", { key: '879de5f62a08c908c2cb6e023a1cc054534abfbc', class: "map-message-body" }, iconName && index.h("dso-icon", { key: 'bddfe00fecdfa60884a456dd5193273a26b8f863', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), index.h("span", { key: '4eaab42391ac5d6f69f15e88e4226b34c132cf15', class: "map-message-text" }, index.h("slot", { key: 'e13b1386423352f0f4e60da14ad9454eeef9ffbf', name: "message" }))), index.h("slot", { key: '34ad7d7cc731b348d64cfb425728377c44888bef', name: "actions", onSlotchange: this.handleActionsSlotChange })));
+            }, role: role, "aria-atomic": "true" }, index.h("div", { key: 'ca8ee505450598fb4a8271fcd89a54b46d7ba1c3', class: "map-message-body" }, iconName && index.h("dso-icon", { key: '8de97522b21cd5138769c72d424724a9ae28a958', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), index.h("span", { key: '2c22435cc51763c2eb070d228bf1f7cd44d6b3a3', class: "map-message-text" }, index.h("slot", { key: '1a0dc7b8f5a5c1ffaaeffdbd5c0a74f3a6048640', name: "message" }))), index.h("slot", { key: '0c3387b08b5f8f0196f2d09bb6ac994cceace168', 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: '0a39e720ffb64020c4945522c9cf73c2ac34654d', class: "form-group dso-checkboxes" }, index.h("legend", { key: '2897cece9bec007a875eec269ed789583d75d5c9', class: "sr-only" }, "Kaartlagen"), index.h("div", { key: '5c08fc7d22478ddf09c4d4b655fbd7d8adc05967', class: "dso-label-container" }, index.h("span", { key: '9020955add0be098ba539f897133ce75c4369dab', class: "control-label", "aria-hidden": "true" }, this.text("title"))), index.h("div", { key: '1d46b41897948867eed4b95f2feb81f7bee548e7', 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: 'b875d9db957b7c85aff87f3ef79e90b65e20a548', class: "form-group dso-checkboxes" }, index.h("legend", { key: '31dcc45e2cb253ca78990d097a40fa23fecfeb37', class: "sr-only" }, "Kaartlagen"), index.h("div", { key: '9072cd6b8adb0fe47558e775caa34168cb10ff57', class: "dso-label-container" }, index.h("span", { key: '70f1ee5af74eddfb45b06e00692842c6222c5ec7', class: "control-label", "aria-hidden": "true" }, this.text("title"))), index.h("div", { key: 'd7180472b4d9d63a652b00b6dd2a9382f888f450', 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: 'e14eec6ad6de8fa15819ab39fb1830eb49a55b38', class: "dso-mark-bar" }, index.h("div", { key: 'e1d4c20bc0b5d73596ce9daa35eb271e1b812498', class: "dso-mark-bar-input" }, index.h("input", { key: '349d818a4be946b75177c7652de4de810e1ada46', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), index.h("label", { key: 'c62c0fe8c75261d764cc9d82942f38b040dd4db6', htmlFor: "search-input" }, index.h("dso-icon", { key: '4baa4aa80cf1f28cc244883b39c1302e99930ae3', class: "dso-search-icon", icon: "search" }), index.h("span", { key: '888e55f0beb7a0c7aa7d75ccd81b21d0894d315f', class: "label-text" }, this.label)), index.h("dso-icon-button", { key: '29a349369cce850b7383262722e1912901d8c2e4', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), index.h("div", { key: 'af99215c7547c8c56941775b94d6491e2ff322a2', class: "dso-button-container" }, index.h("span", { key: '7f9a71a536f903628d9108d1df3a5086efa0ec47', class: "divider" }), index.h("dso-icon-button", { key: '9319ba0b23ae0a15c195cb4e9f787528e0fbb706', 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: 'f2b4107a4f482406348532a94a61d23b21f8a29a', role: "status" }, current, "/", totalCount), index.h("dso-icon-button", { key: '70b698aeedf87fbd9ffa1fe4a8143703a99fbd63', 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: '7818d8f7762b007d1dbc90b657f9673ab42c0234', class: "dso-mark-bar" }, index.h("div", { key: '01a6513b3af2f365472421554c6a2442c8f61a73', class: "dso-mark-bar-input" }, index.h("input", { key: '1580d1b4d30542d1ff3b12dd0551249871db145b', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), index.h("label", { key: 'd6d87a36588e949b524214fa45dda0ee7962a031', htmlFor: "search-input" }, index.h("dso-icon", { key: '5fa410193b67370970cda0690c574f482a47a95d', class: "dso-search-icon", icon: "search" }), index.h("span", { key: '001a6eb612430876e7757cbe98ba9efd326bf19f', class: "label-text" }, this.label)), index.h("dso-icon-button", { key: '7ae27f8d2a5be8bc0ae59f30e036a9089c0cebcb', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), index.h("div", { key: '3640ab6ad6b59223bd5fa02543e4eff19b25d7d0', class: "dso-button-container" }, index.h("span", { key: '580893adcea6d950a262e32911a1cfc9c16fb25b', class: "divider" }), index.h("dso-icon-button", { key: '16533f6d69a10f68b7c7773087ce8a8fe11bfa17', 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: 'b70d11b9693c5204137fefac12660589d1f8a3c4', role: "status" }, current, "/", totalCount), index.h("dso-icon-button", { key: 'a55ad1bfb0d5cf583be81f83abc66fe64af4881a', 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

@@ -5,6 +5,18 @@ var getActiveElement = require('./get-active-element-DutTk1go.js');
 var i18n = require('./i18n-DK8kVhhe.js');
 var v4 = require('./v4-Br3XC_0C.js');
 
+const Body = () => {
+    return (index.h("div", { class: "dso-body", tabIndex: 0 }, index.h("slot", { name: "body" })));
+};
+
+const Footer = () => {
+    return (index.h("div", { class: "dso-footer" }, index.h("slot", { name: "footer" })));
+};
+
+const Header = ({ modalTitle, closable, ariaId, text, dsoClose }) => {
+    return modalTitle ? (index.h("div", { class: "dso-header" }, index.h("h2", { id: ariaId }, modalTitle), closable && (index.h("dso-icon-button", { id: "close-modal", icon: "cross", variant: "tertiary", label: text("close"), onDsoClick: (e) => dsoClose.emit({ originalEvent: e }) })))) : (index.h("span", { class: "sr-only", id: ariaId }, text("dialog")));
+};
+
 const translations = {
     en: {
         "dso-modal": {
@@ -20,7 +32,7 @@ const translations = {
     },
 };
 
-const modalCss = () => `@keyframes ModalFadeIn{0%{opacity:0}100%{opacity:1}}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([fullscreen]) dialog{inline-size:100dvi;block-size:100dvb}:host([fullscreen]) dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host([fullscreen]) dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host([fullscreen]) dialog .dso-footer{flex-shrink:0}@media screen and (max-width: 480px){:host dialog{inline-size:100dvi;block-size:100dvb}:host dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host dialog .dso-footer{flex-shrink:0}}.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)}button{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}.dso-modal{--_dso-button-float-tertiary:inline-start;--_dso-button-padding-block-tertiary:14px;overflow:visible;padding:0;border:0;inline-size:var(--_dso-modal-inline-size, fit-content);margin:var(--_dso-modal-margin, auto)}@media screen and (max-width: 767px){.dso-modal{--_dso-button-inline-size:100%;--_dso-button-after-button-margin-inline-start:0;--_dso-button-after-button-margin-block-start:8px;--_dso-button-text-align:center}}@media screen and (max-height: 380px){.dso-modal{min-block-size:216px;margin-block-start:8px;margin-block-end:8px}}.dso-modal::backdrop{background-color:rgba(255, 255, 255, 0.6)}.dso-modal .dso-dialog{inline-size:var(--_dso-modal-dialog-inline-size, 640px);margin-block-start:var(--_dso-modal-dialog-margin-block-start, 0);margin-inline-start:var(--_dso-modal-dialog-margin-inline-start, auto);margin-inline-end:var(--_dso-modal-dialog-margin-inline-end, auto);background-color:#fff;opacity:1;box-shadow:0 8px 24px 0 rgba(25, 25, 25, 0.4);animation:200ms ease-out 0s 1 ModalFadeIn}@media screen and (max-width: 767px){.dso-modal .dso-dialog{max-inline-size:100%;margin-block-start:0}}.dso-modal .dso-header{position:relative;padding:16px;border-block-end:1px solid #ccc}.dso-modal .dso-header h2{max-inline-size:calc(100% - 24px);margin:0;color:#275937}.dso-modal .dso-header dso-icon-button{position:absolute;inset-block-start:var(--_dso-modal-header-close-btn, 22px);inset-inline-end:17px}@media screen and (max-height: 380px){.dso-modal .dso-header{padding-block:8px;padding-inline:16px}}.dso-modal>.dso-dialog>.dso-body p{margin-block:0 var(--_dso-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>.dso-body ul,.dso-modal>.dso-dialog>.dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>.dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>.dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>.dso-body ul ul,.dso-modal>.dso-dialog>.dso-body ul ol,.dso-modal>.dso-dialog>.dso-body ol ul,.dso-modal>.dso-dialog>.dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>.dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>.dso-body blockquote{padding-block:16px;padding-inline:1.5rem}.dso-modal>.dso-dialog>.dso-body dso-highlight-box{margin-block-end:1.5rem}.dso-modal>.dso-dialog>.dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>.dso-body{block-size:calc(100% - 96px - 1.5rem);max-block-size:var(--_dso-modal-body-max-block-size, calc(70vh - 144px - 1.5em));min-block-size:1.5rem;overflow-x:auto;padding:32px}.dso-modal>.dso-dialog>dso-scrollable{block-size:calc(100% - 96px - 1.5rem);max-block-size:var(--_dso-modal-body-max-block-size, calc(70vh - 144px - 1.5em));min-block-size:6.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body p{margin-block:0 var(--_dso-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>dso-scrollable .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ol,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body blockquote{padding-block:16px;padding-inline:1.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body dso-highlight-box{margin-block-end:1.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>dso-scrollable .dso-body{padding:32px}@media screen and (max-height: 380px){.dso-modal .dso-body{padding-block:16px;padding-inline:24px}}.dso-modal .dso-body:focus-visible{outline:none}.dso-modal .dso-footer{min-block-size:80px;padding-block:16px;padding-inline:32px;text-align:end}@media screen and (min-width: 768px){.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary{margin-inline-start:16px}.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}}@media screen and (max-height: 380px){.dso-modal .dso-footer{min-block-size:auto;overflow:auto;padding-block:8px;padding-inline:32px}}`;
+const modalCss = () => `@keyframes ModalFadeIn{0%{opacity:0}100%{opacity:1}}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([fullscreen]) dialog{inline-size:100dvi;block-size:100dvb}:host([fullscreen]) dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host([fullscreen]) dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host([fullscreen]) dialog .dso-footer{flex-shrink:0}@media screen and (max-width: 480px){:host dialog{inline-size:100dvi;block-size:100dvb}:host dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host dialog .dso-footer{flex-shrink:0}}.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)}button{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}.dso-modal{--_dso-button-float-tertiary:inline-start;--_dso-button-padding-block-tertiary:14px;overflow:visible;padding:0;border:0;inline-size:var(--_dso-modal-inline-size, fit-content);margin:var(--_dso-modal-margin, auto)}@media screen and (max-width: 767px){.dso-modal{--_dso-button-inline-size:100%;--_dso-button-after-button-margin-inline-start:0;--_dso-button-after-button-margin-block-start:8px;--_dso-button-text-align:center}.dso-modal .modal-scrollable{display:flex;flex-direction:column;min-block-size:100%}.dso-modal .dso-body{flex:1 1 auto}}@media screen and (max-height: 380px){.dso-modal{min-block-size:216px;margin-block-start:8px;margin-block-end:8px}}.dso-modal::backdrop{background-color:rgba(255, 255, 255, 0.6)}.dso-modal .dso-dialog{inline-size:var(--_dso-modal-dialog-inline-size, 640px);margin-block-start:var(--_dso-modal-dialog-margin-block-start, 0);margin-inline-start:var(--_dso-modal-dialog-margin-inline-start, auto);margin-inline-end:var(--_dso-modal-dialog-margin-inline-end, auto);background-color:#fff;opacity:1;box-shadow:0 8px 24px 0 rgba(25, 25, 25, 0.4);animation:200ms ease-out 0s 1 ModalFadeIn}@media screen and (max-width: 767px){.dso-modal .dso-dialog{max-inline-size:100%;margin-block-start:0}}.dso-modal .dso-header{position:relative;padding:16px;border-block-end:1px solid #ccc}.dso-modal .dso-header h2{max-inline-size:calc(100% - 24px);margin:0;color:#275937}.dso-modal .dso-header dso-icon-button{position:absolute;inset-block-start:var(--_dso-modal-header-close-btn, 22px);inset-inline-end:17px}@media screen and (max-height: 380px){.dso-modal .dso-header{padding-block:8px;padding-inline:16px}}.dso-modal>.dso-dialog>.dso-body p{margin-block:0 var(--_dso-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>.dso-body ul,.dso-modal>.dso-dialog>.dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>.dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>.dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>.dso-body ul ul,.dso-modal>.dso-dialog>.dso-body ul ol,.dso-modal>.dso-dialog>.dso-body ol ul,.dso-modal>.dso-dialog>.dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>.dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>.dso-body blockquote{padding-block:16px;padding-inline:1.5rem}.dso-modal>.dso-dialog>.dso-body dso-highlight-box{margin-block-end:1.5rem}.dso-modal>.dso-dialog>.dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>.dso-body{block-size:calc(100% - 96px - 1.5rem);max-block-size:var(--_dso-modal-body-max-block-size, calc(70vh - 144px - 1.5em));min-block-size:1.5rem;overflow-x:auto;padding:32px}.dso-modal>.dso-dialog>dso-scrollable{block-size:calc(100% - 96px - 1.5rem);max-block-size:var(--_dso-modal-body-max-block-size, calc(70vh - 144px - 1.5em));min-block-size:6.5rem}@media screen and (min-width: 480px) and (max-width: 767px){.dso-modal>.dso-dialog>dso-scrollable.narrow{max-block-size:var(--_dso-modal-body-max-block-size, calc(100vh - 32px))}}.dso-modal>.dso-dialog>dso-scrollable .dso-body p{margin-block:0 var(--_dso-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>dso-scrollable .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ol,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body blockquote{padding-block:16px;padding-inline:1.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body dso-highlight-box{margin-block-end:1.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>dso-scrollable .dso-body{padding:32px}@media screen and (max-height: 380px){.dso-modal .dso-body{padding-block:16px;padding-inline:24px}}.dso-modal .dso-body:focus-visible{outline:none}.dso-modal .dso-footer{min-block-size:80px;padding-block:16px;padding-inline:32px;text-align:end}@media screen and (min-width: 768px){.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary{margin-inline-start:16px}.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}}@media screen and (max-height: 380px){.dso-modal .dso-footer{min-block-size:auto;overflow:auto;padding-block:8px;padding-inline:32px}}`;
 
 const Modal = class {
     constructor(hostRef) {
@@ -28,7 +40,10 @@ const Modal = class {
         this.dsoClose = index.createEvent(this, "dsoClose", 7);
         this.startedMouseDownOutsideDialog = false;
         this.endedMouseUpOutsideDialog = false;
+        this.narrowViewBreakpoint = 768;
+        this.mediaCondition = `(min-width: ${this.narrowViewBreakpoint}px)`;
         this.ariaId = v4.v4();
+        this.narrowView = window.innerWidth < this.narrowViewBreakpoint;
         /**
          * the role for the modal `dialog` | `alert` | `alertdialog`.
          */
@@ -48,6 +63,7 @@ const Modal = class {
          */
         this.closable = false;
         this.text = i18n.i18n(() => this.host, translations);
+        this.changeListener = (largeScreen) => (this.narrowView = !largeScreen.matches);
         this.blockEscapeKey = (e) => {
             if (e.key === "Escape") {
                 e.preventDefault();
@@ -69,7 +85,11 @@ const Modal = class {
             this.htmlDialogElement.showModal();
         }
     }
+    connectedCallback() {
+        window.matchMedia(this.mediaCondition).addEventListener("change", this.changeListener);
+    }
     disconnectedCallback() {
+        window.matchMedia(this.mediaCondition).removeEventListener("change", this.changeListener);
         this.htmlDialogElement?.close();
         if (this.returnFocus === false) {
             return;
@@ -91,7 +111,7 @@ const Modal = class {
         }
     }
     render() {
-        return (index.h("dialog", { key: '7674d533c3fc1221e4f6b068f5a67354b63c36a6', class: "dso-modal", 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: '65c3955ab2701ea990393b40956b5432a7ac273d', class: "dso-dialog" }, this.modalTitle ? (index.h("div", { class: "dso-header" }, index.h("h2", { id: this.ariaId }, this.modalTitle), this.closable && (index.h("dso-icon-button", { id: "close-modal", icon: "cross", variant: "tertiary", label: this.text("close"), onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) })))) : (index.h("span", { class: "sr-only", id: this.ariaId }, this.text("dialog"))), index.h("dso-scrollable", { key: '827512bb8a6039edb7bb6f8f62869f125afabac0' }, index.h("div", { key: 'ba0044a6743cc7ed8538d4979671c1d1ef795cf6', class: "dso-body", tabIndex: 0 }, index.h("slot", { key: '275d29d60dc4ced698265c179a260bb3b59b4719', name: "body" }))), this.hasFooter && (index.h("div", { key: 'f5976fc74d442fdaa68caf85bc1eac989483034c', class: "dso-footer" }, index.h("slot", { key: 'f7f7eafab9d1c81a09a8103bc76baf9d87c40914', name: "footer" }))))));
+        return (index.h("dialog", { key: '5bf0dd2d3c65fbd1590b96bbe92838076246f507', class: "dso-modal", 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: '42ca0a18d4e91eaa6e78739b20deb5bc11281599', 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: 'dd28aba6c94e69bce7dd91e8c3bef5327d8f84dd', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, index.h("div", { key: '5db73647f2c75eda6bfabda1c5c850c7fbc025ea', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, index.h("div", { key: 'e694e750218315308f99e58c8ff00ac2a65529da', class: "onboarding-tip-inner" }, index.h("div", { key: 'a36d26c91664b584496c2d6a02bd8a3b5782d7f6', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (index.h("div", { key: '594b2fe2727c65e0c8f8b4148e5271d40e57df72', class: "onboarding-tip-content-heading" }, index.h("dso-icon", { key: 'a682d1907a1f699c768a9663827f350d82391591', icon: "light-bulb" }), index.h("slot", { key: 'c968e81733173c04d8eda1fdbd94cba1c5ef4dcc', name: "heading" }))), index.h("dso-icon-button", { key: 'd584bee8fdb9f9d36d2fd30f453c4184f79223ba', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), index.h("slot", { key: 'b9c2fe589a242f41db9df0a55dfa105a7b32c941' }))), index.h("div", { key: '22b2b1623a525cc7ebf6d6873fdd623afdfedd22', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
+        return (index.h(index.Host, { key: 'efa9562670f37b9c3fcc4fdf23a0437a50adf481', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, index.h("div", { key: '3773eeb116a6649e3d148e3834b52b22df30ed54', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, index.h("div", { key: '8fa8ac6f8dea236497cf48bc3c51a9b61de0f734', class: "onboarding-tip-inner" }, index.h("div", { key: '0a58c5f7a0d96730dbad3672ceef6ee5422ecb34', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (index.h("div", { key: 'c29e53b3c90fab777a516997ca772751c55d12bb', class: "onboarding-tip-content-heading" }, index.h("dso-icon", { key: '6c8adde6c36ae5f1c9637286d59d6c0e58d4c940', icon: "light-bulb" }), index.h("slot", { key: 'bf42aadbcd8b94a339924a87325699f09b93c995', name: "heading" }))), index.h("dso-icon-button", { key: '7a2e502fa17df9ceac99610702237d37b6806408', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), index.h("slot", { key: 'b584371b8e75e573b661df4b903c922d9c8f1682' }))), index.h("div", { key: 'c8a90fd4fcff76340bfaa7f7c89b388b7599e726', 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: 'a75c69064b86d78983450a7d2292ac0853c4320e', "has-symbol": hasSymbol }, index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: 'e1f0132df6901123050343bd69afaf426bc39db6', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, index.h("div", { key: '52034db203768490b772ab2df50506bf25f06033', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, index.h("slot", { key: 'bd23225ec33b0a93380299dc1a91c34862b83b79', name: "symbol" })), index.h("div", { key: '4908e9208fd6939cbb1dc7f7255cdca3e0ed5e01', 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: '6000a878476bfcf2dd592cfa09defb077f1d4d0b', name: "meta" }), this.interaction !== null && index.h("slot", { key: '595030bbbc74ee345ef866fd5949cc80ae880644', name: "interaction" })), index.h("div", { key: '17b61edfcc78c8af0c438512704d780d850a837a', class: "dso-plekinfo-card-content" }, index.h("slot", { key: '4d7b8bb3cec6fc0405d58901c2bb64c03aeed8b1', name: "content" })))));
+        return (index.h(index.Host, { key: '04a03ddc2aec20e38f7de8a2195a93435e1a1f03', "has-symbol": hasSymbol }, index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: 'c267438b6fdb1f28c5ed8d8a249f97a25134a6bf', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, index.h("div", { key: '48bed56012a2ed540aeee5cc3455b53e11406bc2', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, index.h("slot", { key: '3f0a73e4b3f6a145c07147b86e64789f532a3f49', name: "symbol" })), index.h("div", { key: '184289023c49d898a3fba857528c78543d896fa6', 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: '262ed6cc2fcd856ed5c2ad9242a2104b80b75c5d', name: "meta" }), this.interaction !== null && index.h("slot", { key: '1a3da7c4ac5e66724301e37aa07334d3f07dbaad', name: "interaction" })), index.h("div", { key: '391825de86e308361ba4496a9dcd885fc1354ad1', class: "dso-plekinfo-card-content" }, index.h("slot", { key: '5064056cbbfee42319f27e62edf7a0d6dee08fa1', 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: 'd14a202e5409b7d3cc1d0901853678db73fd87a8' }, index.h("span", { key: 'bb7c1e497d3566256db92bb2a778eaa38221cb97', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, index.h("dso-icon", { key: '05370257d2a941b3c24fa42b9289aa3eb03eb230', icon: "spinner" })), index.h("span", { key: 'f4b6963a3d5c9d004b00076873f15b963d696b7b', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
+        return (index.h(index.Host, { key: 'e402d0ec2c2b45b293c8f26902934a2793785f11' }, index.h("span", { key: 'b7ece49dcb89895db3481e434b560d39043e1ba4', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, index.h("dso-icon", { key: '09ee99d87723c31afe6dbb2c0649956237ee61d9', icon: "spinner" })), index.h("span", { key: 'a80c70df92ed32cb10dbd723022e299a8bea33fe', 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: '447c6d9887401b305eac7c56e2056413b6a7b375' }, index.h("div", { key: '959949635e952831c815162bb096055ec5d84389', class: "project-item-header" }, index.h("div", { key: 'b7b829516001abee5de3da5566ad08eca169c98b', class: "project-item-title" }, index.h("slot", { key: '7f5958491e6a929d3ebdb5df48debab82df24f83', name: "title" }), this.label && (index.h("dso-label", { key: '9f3546615ab8d5efd12aa0bfeaa771a6cd8ba851', status: "error", compact: true }, this.label))), index.h("div", { key: 'e44a29b7356e5ee1483727161d163930de5cb9cb', class: "project-item-actions" }, index.h("slot", { key: '984bd922fc47d18518159a5322e31998edbcf2ca', name: "actions" }))), index.h("div", { key: '4067852a2ecf49b32806d613db5dd5cca95e4691', class: "project-item-info" }, index.h("div", { key: '12ac2875146a554dfbdc0923830c8538afb739f5', class: "project-item-progress" }, index.h("slot", { key: '409dea9404ddc4db683040a0cc1dbcb68cb1f401', name: "progress" })), index.h("div", { key: 'ed7d7028099bd637539b73b8db834fa37702eb50', class: "project-item-status" }, index.h("slot", { key: 'a0246bd1d806c19578e9faa1e249b4dcedb9b8ac', name: "status" })))));
+        return (index.h(index.Fragment, { key: '51ea303051a8e3ab5e406390872be0dcb7648bc3' }, index.h("div", { key: '2857e9d69cfe614abc8a0c8e8c6b62ad0f350a04', class: "project-item-header" }, index.h("div", { key: 'd203ee91ffe4a45dabacc80697e6f93fbe7220c3', class: "project-item-title" }, index.h("slot", { key: '509814470a58601a8fa0851c2fec38f3ad74d990', name: "title" }), this.label && (index.h("dso-label", { key: 'a38f0be207e4d31fae870f10bb04534c88f9e58e', status: "error", compact: true }, this.label))), index.h("div", { key: 'a08754ab2b09bf45977d977999cea844c9f75ccf', class: "project-item-actions" }, index.h("slot", { key: '702756f5fe1746d325027b0993ee18b3d2bc624a', name: "actions" }))), index.h("div", { key: '53d5ebd9895697b6e1227b26e4461b3c9830221c', class: "project-item-info" }, index.h("div", { key: '1140f2c0c8b3ef5c7bca5bddf1a2c430bea57ab9', class: "project-item-progress" }, index.h("slot", { key: '564f3e4d3eb5ba3bb8f98bce6603798b3ea28b04', name: "progress" })), index.h("div", { key: 'e20ddc7a8dc4fbdb60bfd2278b27b7c89c020fa8', class: "project-item-status" }, index.h("slot", { key: 'd8ac3b2df80b4cc24ff3f011b66b64108d0bce6b', 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: 'dc322c03eda44d435029f593ab4cf45d106dfb73', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, index.h("slot", { key: '845f84ad9f2ba2177e06fce1ee24b40cb36e6b02' })));
+        return (index.h(index.Host, { key: '8810a98831ec68281fdb4b932207a58a6cdb63da', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, index.h("slot", { key: 'd9605668d6f91bba83aeb69abadf099387d7c72f' })));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -49,6 +49,8 @@ const Scrollable = class {
             }
             this._setScrollState();
         }));
+        /** @internal Prevent the dso-scroll-container from receiving focus */
+        this._preventFocus = false;
         this.scrollPosition = "noScroll";
     }
     /**
@@ -111,9 +113,9 @@ const Scrollable = class {
         this.slottedElements.forEach((element) => resizeObserver.unobserve(element));
     }
     render() {
-        return (index.h("div", { key: '6ad01a54cb6214f0387b154412d0fd820a660080', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, index.h("div", { key: 'a6c59257fa530ae92b744d8078277ff4996b72b8', ref: (el) => (this.scrollContainerDiv = el), class: clsx.clsx("dso-scroll-container", {
+        return (index.h("div", { key: '39886c77763609df1091051fbb068bf85e46b50d', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, index.h("div", { key: 'd68080f2402ad6fa0f002f791efa7500206a3668', ref: (el) => (this.scrollContainerDiv = el), class: clsx.clsx("dso-scroll-container", {
                 [`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== "noScroll",
-            }), onScroll: () => this._setScrollState() }, index.h("slot", { key: 'ea4d750205a487814b040d2797c5026a7e8ce298' }))));
+            }), onScroll: () => this._setScrollState(), tabIndex: this._preventFocus ? -1 : undefined }, index.h("slot", { key: '459ded76d0d5876c6fe5d326da81dd901a5f9e25' }))));
     }
     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: '97f901e92ff416f68bf272804a877bb571eeb97e', class: "segmented-button", role: "radiogroup", "aria-label": this.label, "aria-required": this.required?.toString() }, this.options?.map((option) => {
+        return (index.h("div", { key: 'f5177c3667563f988ee7325755871f6e1af4d2ee', 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-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: '99088e9ff4a1eb24a73acd28a71631a492489e40', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, index.h("dso-icon", { key: '9c7bcee7a86e7b996172a69fd87755a867ffdac6', icon: "chevron-right" })));
+        return (index.h("a", { key: 'e12cfaf0004c50f66121104c124548082d521a8c', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, index.h("dso-icon", { key: 'da2e4f459b2ceb176fa8f88484943b3a00809246', 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: '5a4099fc5d6ce14b20b587d8e62bfc11918b6d86', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, index.h("h2", { key: 'f03325417ab807016ccefcfa24a4da835f4dbb68', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), index.h("strong", { key: '6ef7c26ffde99057fcf886ef0316788127d420d2' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), index.h("form", { key: 'eb8514e4cc4e89bc55c49d0976a9c3ecf653efa7', onSubmit: (e) => this.handleForm(e) }, index.h("div", { key: '68fea48419eac3912dc30ef73949aaa832c1a871', class: "visual-rating-labels", "aria-hidden": "true" }, index.h("span", { key: 'fca067c067668615de7808598625480acb9b2eaf' }, "Heel moeilijk"), index.h("span", { key: '51a76e96cba6667434b244244a02c5534b8d4f03' }, "Heel makkelijk")), index.h("div", { key: '9d6477945ef3676a2b5b083546aa896c59c9bac6', role: "radiogroup" }, ratings.map((rating, index$1) => {
+        return (index.h("dso-panel", { key: '6ca6b26ed474a78d633d09e35804b79f9d63b3d9', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, index.h("h2", { key: 'df15ccd200b3cf97986061649d30cf0c29eacbcf', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), index.h("strong", { key: 'aa873e2a3a66edd83cb2201b4b67a6b870ae7cf7' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), index.h("form", { key: 'f06e716b611998ee3041b120e3ab9bcc2ac9daa3', onSubmit: (e) => this.handleForm(e) }, index.h("div", { key: 'f776d80c9821095bc2d57c473ca41067ed337040', class: "visual-rating-labels", "aria-hidden": "true" }, index.h("span", { key: '8a5c8731ebe09e5304ca55d41d2f56dd730a9152' }, "Heel moeilijk"), index.h("span", { key: 'ed77602612e229c6297192d74ce1bd54663b4b53' }, "Heel makkelijk")), index.h("div", { key: 'b056b09f7d8d371ffd5dc4db9e605680befa4d4b', 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: '659e0df5fee571799ec9bf0a56dff2ea909b871c', type: "submit", class: "dso-secondary" }, index.h("span", { key: '4062e16418955a900706e9d98fc653b1fbc70dd8' }, "Antwoord verzenden")))));
+        })), index.h("button", { key: '01f22023d3f1b066b6d6707cc7fc6185e2263cad', type: "submit", class: "dso-secondary" }, index.h("span", { key: '2dd146d805c4f096cc0a25f264e4b2fd7d9b197c' }, "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: '4a44a3f5b4183fba668eb37e9083bb71866aef9a' }, index.h("div", { key: 'cbf2e18cc35725d846549d557bead0d8133a278b', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, index.h("slot", { key: 'cafbccebd54d9ec8002b5595fc02b0d3a11a5471' })), index.h("div", { key: 'a86c75fc090ae36b4fcae2b8ff9cb4433cbca18b', role: "tabpanel", tabindex: "0" }, index.h("slot", { key: '83ed8f4078f347d8a43682cbeca57a52a996be9c', name: "panel" }))));
+        return (index.h(index.Host, { key: '3c676d294bdb129c9321902ff081954c4551bc12' }, index.h("div", { key: 'aeb78fe7afdad4e4c4217eed202c50a3eb770a29', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, index.h("slot", { key: '41bcc4eecb74bd8b5fd873ab59efd891e643bd67' })), index.h("div", { key: 'c17061b7b3e98161610b1e666ee0c6a0a1b3e27c', role: "tabpanel", tabindex: "0" }, index.h("slot", { key: 'e45b459c3a90976f90bf7b24f5f86a27fa83ebe2', 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: 'ef5f6d647c3998d1bd562a904470710e1bbb1177' }, index.h("dso-icon", { key: 'af96dc3009774785a74fe60fe71271f3d30b4c6d', icon: "clock-outline" }), index.h("slot", { key: '92be636223afd77de6f5ec34ff2b9761961a18c6' }), index.h("slot", { key: '6113c5ba3be8f56779da8548e8153dbdd0f70e59', name: "button" })));
+        return (index.h(index.Fragment, { key: '3b509399cb18265b87630898b9b7f875f4585c85' }, index.h("dso-icon", { key: '6fcf4915bcab665a27ef1a3cefeb89f692b22d4b', icon: "clock-outline" }), index.h("slot", { key: '38ab4337882a2b43b5d6a09643b18ca2239f196d' }), index.h("slot", { key: '13be4d3ee34a92b4595f251069950ee1ac62bb68', name: "button" })));
     }
 };
 TijdreisBanner.style = tijdreisBannerCss();

package/dist/cjs/dso-toolkit.cjs.js

@@ -46,7 +46,7 @@ var patchCloneNodeFix = (HTMLElementPrototype) => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"dsot-document-component-demo.cjs\",[[2,\"dsot-document-component-demo\",{\"showCanvas\":[516,\"show-canvas\"],\"showBesluitversie\":[4,\"show-besluitversie\"],\"jsonFile\":[1,\"json-file\"],\"openDefault\":[4,\"open-default\"],\"mode\":[513],\"ozonContentUrlResolver\":[16],\"ozonContentBegripResolver\":[16],\"response\":[32],\"document\":[32],\"openOrClosed\":[32],\"openedAnnotation\":[32],\"filtered\":[32],\"notApplicable\":[32],\"activeAnnotationSelectables\":[32]},null,{\"jsonFile\":[{\"jsonFileWatcher\":0}],\"openDefault\":[{\"openDefaultWatcher\":0}]}]]],[\"dso-accordion-section.cjs\",[[257,\"dso-accordion-section\",{\"handleTitle\":[1,\"handle-title\"],\"wijzigactie\":[1],\"heading\":[1],\"handleUrl\":[1,\"handle-url\"],\"status\":[1],\"attachmentCount\":[2,\"attachment-count\"],\"icon\":[1],\"statusDescription\":[1,\"status-description\"],\"open\":[516],\"hasNestedAccordion\":[516,\"has-nested-accordion\"],\"label\":[1],\"labelStatus\":[1,\"label-status\"],\"activatable\":[516],\"active\":[516],\"hover\":[32],\"focusHandle\":[64]}]]],[\"dso-list-button.cjs\",[[257,\"dso-list-button\",{\"label\":[1],\"sublabel\":[1],\"count\":[2],\"min\":[8],\"max\":[8],\"checked\":[516],\"disabled\":[516],\"subcontentPrefix\":[1,\"subcontent-prefix\"]}]]],[\"dso-map-base-layers.cjs\",[[1,\"dso-map-base-layers\",{\"group\":[1],\"baseLayers\":[16]}]]],[\"dso-map-overlays.cjs\",[[1,\"dso-map-overlays\",{\"group\":[1],\"overlays\":[16]}]]],[\"dso-label_3.cjs\",[[1,\"dso-renvooi\",{\"value\":[1],\"mark\":[16]}],[257,\"dso-label\",{\"compact\":[516],\"removable\":[516],\"status\":[513],\"truncate\":[516],\"removeHover\":[32],\"removeFocus\":[32],\"isTruncated\":[32],\"labelText\":[32],\"_truncateLabel\":[64]},[[4,\"keydown\",\"keyDownListener\"]],{\"removable\":[{\"watchRemovable\":0}],\"truncate\":[{\"watchTruncate\":0}]}],[262,\"dso-slide-toggle\",{\"checked\":[4],\"disabled\":[4],\"accessibleLabel\":[1,\"accessible-label\"],\"labelledbyId\":[1,\"labelledby-id\"],\"identifier\":[1],\"hasVisibleLabel\":[32]}]]],[\"dso-advanced-select.cjs\",[[17,\"dso-advanced-select\",{\"options\":[16],\"active\":[16],\"activeHint\":[1,\"active-hint\"],\"open\":[32]},[[8,\"keydown\",\"keyDownListener\"]]]]],[\"dso-annotation-activiteit.cjs\",[[1,\"dso-annotation-activiteit\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"naam\":[1],\"regelKwalificatie\":[1,\"regel-kwalificatie\"],\"locatieNoemers\":[16],\"regelKwalificatieVoorzetsel\":[1,\"regel-kwalificatie-voorzetsel\"]}]]],[\"dso-annotation-gebiedsaanwijzing.cjs\",[[1,\"dso-annotation-gebiedsaanwijzing\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"naam\":[1]}]]],[\"dso-annotation-omgevingsnormwaarde.cjs\",[[1,\"dso-annotation-omgevingsnormwaarde\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"naam\":[1],\"toelichting\":[1],\"waardes\":[16],\"eenheid\":[1]}]]],[\"dso-legend-item.cjs\",[[257,\"dso-legend-item\",{\"disabled\":[516],\"disabledMessage\":[513,\"disabled-message\"],\"activatable\":[516],\"active\":[516],\"_mode\":[513],\"showOptions\":[32]}]]],[\"dso-map-controls.cjs\",[[257,\"dso-map-controls\",{\"open\":[1540],\"disableZoom\":[1,\"disable-zoom\"],\"hideContent\":[32],\"toggleVisibility\":[64]},[[0,\"transitionend\",\"handleTransitionEnd\"]],{\"open\":[{\"watchOpen\":0}]}]]],[\"dso-annotation-kaart.cjs\",[[1,\"dso-annotation-kaart\",{\"wijzigactie\":[513],\"naam\":[1],\"href\":[513]}]]],[\"dso-autosuggest.cjs\",[[262,\"dso-autosuggest\",{\"suggestions\":[16],\"loading\":[4],\"loadingLabel\":[1,\"loading-label\"],\"loadingDelayed\":[2,\"loading-delayed\"],\"notFoundLabel\":[1,\"not-found-label\"],\"mark\":[16],\"showSuggestions\":[32],\"selectedSuggestion\":[32],\"selectedSuggestionGroup\":[32],\"notFound\":[32],\"showLoading\":[32]},[[4,\"click\",\"onDocumentClick\"]],{\"suggestions\":[{\"suggestionsWatcher\":0}]}]]],[\"dso-legend.cjs\",[[257,\"dso-legend\",{\"tabItems\":[16]}]]],[\"dso-project-item.cjs\",[[257,\"dso-project-item\",{\"label\":[1]}]]],[\"dso-survey-rating.cjs\",[[1,\"dso-survey-rating\"]]],[\"dso-dropdown-menu.cjs\",[[257,\"dso-dropdown-menu\",{\"checkable\":[6660],\"label\":[513],\"variant\":[513],\"open\":[32],\"_getState\":[64]},[[0,\"dsoClick\",\"dsoClickHandler\"]]]]],[\"dso-header.cjs\",[[257,\"dso-header\",{\"mainMenu\":[16],\"compact\":[1],\"authStatus\":[1,\"auth-status\"],\"loginUrl\":[1,\"login-url\"],\"logoutUrl\":[1,\"logout-url\"],\"showHelp\":[4,\"show-help\"],\"helpUrl\":[1,\"help-url\"],\"userProfileName\":[1,\"user-profile-name\"],\"userProfileUrl\":[1,\"user-profile-url\"],\"userHomeUrl\":[1,\"user-home-url\"],\"userHomeActive\":[4,\"user-home-active\"],\"visibleMenuItemsCount\":[32],\"dropdownOptionsOffset\":[32],\"open\":[32]},null,{\"mainMenu\":[{\"mainMenuChanged\":0}]}]]],[\"dso-legend-group.cjs\",[[257,\"dso-legend-group\",{\"mode\":[513]},null,{\"mode\":[{\"handleModeChange\":0}]}]]],[\"dso-mark-bar.cjs\",[[1,\"dso-mark-bar\",{\"value\":[1],\"label\":[1],\"current\":[2],\"totalCount\":[2,\"total-count\"],\"dsoFocus\":[64]}]]],[\"dso-onboarding-tip.cjs\",[[257,\"dso-onboarding-tip\",{\"placement\":[1],\"ready\":[32],\"popoverOpen\":[32]}]]],[\"dso-pagination.cjs\",[[1,\"dso-pagination\",{\"totalPages\":[2,\"total-pages\"],\"currentPage\":[2,\"current-page\"],\"formatHref\":[16],\"availablePositions\":[32]},[[0,\"dsoSizeChange\",\"sizeChangeHandler\"]]]]],[\"dso-tree-view.cjs\",[[1,\"dso-tree-view\",{\"collection\":[16],\"focusItem\":[64]}]]],[\"dso-action-list-item.cjs\",[[257,\"dso-action-list-item\",{\"step\":[2],\"itemTitle\":[1,\"item-title\"],\"flowLine\":[4,\"flow-line\"],\"warning\":[4],\"divider\":[4]}]]],[\"dso-banner.cjs\",[[257,\"dso-banner\",{\"status\":[513],\"compact\":[516],\"icon\":[516]}]]],[\"dso-card.cjs\",[[257,\"dso-card\",{\"href\":[513],\"mode\":[513],\"active\":[516]}]]],[\"dso-document-card.cjs\",[[257,\"dso-document-card\",{\"href\":[513],\"active\":[516]}]]],[\"dso-dropdown-menu-item.cjs\",[[257,\"dso-dropdown-menu-item\",{\"type\":[513],\"href\":[513],\"checked\":[516],\"_dsoFocus\":[64]}]]],[\"dso-history-item.cjs\",[[257,\"dso-history-item\",{\"type\":[513],\"href\":[513],\"current\":[516]}]]],[\"dso-map-layer.cjs\",[[257,\"dso-map-layer\",{\"activatable\":[516],\"active\":[516],\"wijzigactie\":[513]}]]],[\"dso-map-layer-object.cjs\",[[257,\"dso-map-layer-object\",{\"active\":[516],\"wijzigactie\":[513]}]]],[\"dso-map-message.cjs\",[[257,\"dso-map-message\",{\"variant\":[513],\"hasActions\":[32]}]]],[\"dso-plekinfo-card.cjs\",[[257,\"dso-plekinfo-card\",{\"wijzigactie\":[513],\"href\":[513],\"targetBlank\":[4,\"target-blank\"],\"active\":[516]}]]],[\"dso-skiplink.cjs\",[[1,\"dso-skiplink\",{\"to\":[513],\"label\":[513]}]]],[\"dso-tijdreis-banner.cjs\",[[257,\"dso-tijdreis-banner\"]]],[\"dso-accordion.cjs\",[[257,\"dso-accordion\",{\"variant\":[6145],\"reverseAlign\":[6148,\"reverse-align\"],\"_getState\":[64]}]]],[\"dso-action-list.cjs\",[[257,\"dso-action-list\",{\"listTitle\":[1,\"list-title\"]}]]],[\"dso-card-container.cjs\",[[257,\"dso-card-container\",{\"mode\":[513]}]]],[\"dso-contact-information.cjs\",[[257,\"dso-contact-information\"]]],[\"dso-cursor-tooltip.cjs\",[[257,\"dso-cursor-tooltip\"]]],[\"dso-date-picker.cjs\",[[2,\"dso-date-picker\",{\"name\":[1],\"identifier\":[1],\"disabled\":[516],\"required\":[516],\"invalid\":[516],\"describedBy\":[1,\"described-by\"],\"dsoAutofocus\":[4,\"dso-autofocus\"],\"value\":[513],\"min\":[1],\"max\":[1]}]]],[\"dso-dropdown-menu-group.cjs\",[[257,\"dso-dropdown-menu-group\",{\"label\":[513]}]]],[\"dso-highlight-box.cjs\",[[257,\"dso-highlight-box\",{\"yellow\":[516],\"border\":[516],\"white\":[516],\"green\":[516],\"dropShadow\":[516,\"drop-shadow\"],\"step\":[514]}]]],[\"dso-input-range.cjs\",[[1,\"dso-input-range\",{\"min\":[514],\"max\":[514],\"value\":[514],\"step\":[514],\"label\":[513],\"unit\":[513],\"description\":[513]}]]],[\"dso-logo.cjs\",[[1,\"dso-logo\",{\"name\":[513],\"logoUrl\":[513,\"logo-url\"],\"label\":[513],\"labelUrl\":[513,\"label-url\"],\"ribbon\":[513]}]]],[\"dso-segmented-button.cjs\",[[1,\"dso-segmented-button\",{\"groupName\":[513,\"group-name\"],\"options\":[16],\"label\":[513],\"required\":[516],\"activeOption\":[16]}]]],[\"dso-tab.cjs\",[[257,\"dso-tab\",{\"active\":[516],\"disabled\":[516],\"href\":[1],\"_dsoFocus\":[64]}]]],[\"dso-tabs.cjs\",[[257,\"dso-tabs\"]]],[\"dso-tooltip.cjs\",[[257,\"dso-tooltip\",{\"descriptive\":[516],\"position\":[1],\"strategy\":[1],\"noArrow\":[4,\"no-arrow\"],\"stateless\":[4],\"small\":[4],\"active\":[1540],\"hidden\":[32],\"activate\":[64],\"deactivate\":[64]},null,{\"position\":[{\"watchPosition\":0}],\"strategy\":[{\"watchStrategy\":0}],\"active\":[{\"watchActive\":0}]}]]],[\"dso-viewer-grid.cjs\",[[257,\"dso-viewer-grid\",{\"filterPanelTitle\":[513,\"filter-panel-title\"],\"filterPanelOpen\":[516,\"filter-panel-open\"],\"overlayOpen\":[516,\"overlay-open\"],\"documentPanelOpen\":[516,\"document-panel-open\"],\"print\":[516],\"mainSize\":[513,\"main-size\"],\"activeTab\":[1,\"active-tab\"],\"documentPanelSize\":[513,\"document-panel-size\"],\"mainPanelExpanded\":[4,\"main-panel-expanded\"],\"mainPanelHidden\":[4,\"main-panel-hidden\"],\"tabView\":[32],\"_checkMainPanelVisibility\":[64]},null,{\"documentPanelOpen\":[{\"documentPanelOpenWatcher\":0}],\"filterPanelOpen\":[{\"filterPanelOpenWatcher\":0}],\"overlayOpen\":[{\"overlayOpenWatcher\":0}]}]]],[\"dso-button-group.cjs\",[[257,\"dso-button-group\",{\"direction\":[513]}]]],[\"dso-icon.cjs\",[[1,\"dso-icon\",{\"icon\":[1]}]]],[\"dso-annotation-locatie_2.cjs\",[[257,\"dso-document-component\",{\"heading\":[513],\"kop\":[6145],\"inhoud\":[6145],\"open\":[516],\"filtered\":[516],\"notApplicable\":[516,\"not-applicable\"],\"badge\":[513],\"badgeStatus\":[513,\"badge-status\"],\"badgeTooltip\":[513,\"badge-tooltip\"],\"label\":[513],\"labelStatus\":[513,\"label-status\"],\"annotated\":[516],\"gereserveerd\":[6145],\"vervallen\":[6145],\"openAnnotation\":[516,\"open-annotation\"],\"alternativeTitle\":[513,\"alternative-title\"],\"type\":[513],\"wijzigactie\":[513],\"annotationsWijzigactie\":[513,\"annotations-wijzigactie\"],\"mark\":[16],\"recursiveToggle\":[8,\"recursive-toggle\"],\"ozonContentUrlResolver\":[16],\"ozonContentBegripResolver\":[16],\"mode\":[513],\"href\":[513]}],[1,\"dso-annotation-locatie\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"locatieNoemer\":[1,\"locatie-noemer\"]}]]],[\"dso-attachments-counter_2.cjs\",[[1,\"dso-attachments-counter\",{\"count\":[514]}],[257,\"dso-expandable\",{\"open\":[516],\"enableAnimation\":[516,\"enable-animation\"],\"minimumHeight\":[2,\"minimum-height\"],\"isClosed\":[32]},[[0,\"transitionstart\",\"transitionstartHandler\"],[0,\"transitionend\",\"transitionendHandler\"]],{\"open\":[{\"toggleOpen\":0}]}]]],[\"dso-progress-indicator.cjs\",[[1,\"dso-progress-indicator\",{\"label\":[1],\"size\":[513],\"block\":[516]}]]],[\"dso-responsive-element.cjs\",[[257,\"dso-responsive-element\",{\"sizeAlias\":[32],\"sizeWidth\":[32],\"getSize\":[64]}]]],[\"dso-scrollable.cjs\",[[257,\"dso-scrollable\",{\"scrollPosition\":[32],\"_setScrollState\":[64]}]]],[\"dso-icon-button.cjs\",[[1,\"dso-icon-button\",{\"icon\":[513],\"label\":[513],\"variant\":[513],\"tooltipPlacement\":[513,\"tooltip-placement\"],\"disabled\":[516],\"toggled\":[516],\"setFocus\":[64]}]]],[\"dso-modal.cjs\",[[257,\"dso-modal\",{\"fullscreen\":[516],\"modalTitle\":[1,\"modal-title\"],\"dialogRole\":[1,\"dialog-role\"],\"returnFocus\":[4,\"return-focus\"],\"closable\":[4],\"ariaId\":[32]}]]],[\"dso-info_3.cjs\",[[262,\"dso-selectable\",{\"type\":[1],\"identifier\":[1],\"name\":[1],\"value\":[1],\"invalid\":[4],\"describedById\":[1,\"described-by-id\"],\"labelledById\":[1,\"labelled-by-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[516],\"indeterminate\":[4],\"infoFixed\":[4,\"info-fixed\"],\"infoActive\":[32],\"toggleInfo\":[64]},null,{\"indeterminate\":[{\"setIndeterminate\":0}]}],[257,\"dso-info\",{\"fixed\":[516],\"active\":[516]}],[257,\"dso-info-button\",{\"active\":[516],\"label\":[513],\"toggletipPlacement\":[513,\"toggletip-placement\"],\"toggletipActive\":[32],\"hasToggletip\":[32],\"setFocus\":[64]},[[6,\"focusin\",\"onDocumentFocusIn\"],[7,\"pointerdown\",\"onDocumentPointerDown\"]]]]],[\"dso-alert_7.cjs\",[[1,\"dso-ozon-content\",{\"content\":[1],\"inline\":[516],\"mark\":[16],\"urlResolver\":[16],\"begripResolver\":[16],\"annotated\":[516],\"state\":[32]},null,{\"content\":[{\"contentWatcher\":0}]}],[257,\"dso-alert\",{\"status\":[513],\"roleAlert\":[4,\"role-alert\"],\"compact\":[516],\"closable\":[4]}],[257,\"dso-table\",{\"noModal\":[516,\"no-modal\"],\"isResponsive\":[32],\"modalActive\":[32],\"placeholderHeight\":[32]}],[257,\"dso-image-overlay\",{\"wijzigactie\":[1],\"active\":[32],\"zoomable\":[32]},[[2,\"load\",\"loadListener\"]]],[257,\"dso-ozon-content-toggletip\",{\"icon\":[513],\"active\":[32]},[[8,\"click\",\"handleWindowClick\"]]],[257,\"dso-panel\",{\"closeButtonLabel\":[1,\"close-button-label\"],\"emphasized\":[4]}],[257,\"dso-badge\",{\"status\":[513],\"label\":[513],\"toggletipPlacement\":[513,\"toggletip-placement\"],\"toggletipActive\":[32],\"hasToggletip\":[32]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"dsot-document-component-demo.cjs\",[[2,\"dsot-document-component-demo\",{\"showCanvas\":[516,\"show-canvas\"],\"showBesluitversie\":[4,\"show-besluitversie\"],\"jsonFile\":[1,\"json-file\"],\"openDefault\":[4,\"open-default\"],\"mode\":[513],\"ozonContentUrlResolver\":[16],\"ozonContentBegripResolver\":[16],\"response\":[32],\"document\":[32],\"openOrClosed\":[32],\"openedAnnotation\":[32],\"filtered\":[32],\"notApplicable\":[32],\"activeAnnotationSelectables\":[32]},null,{\"jsonFile\":[{\"jsonFileWatcher\":0}],\"openDefault\":[{\"openDefaultWatcher\":0}]}]]],[\"dso-accordion-section.cjs\",[[257,\"dso-accordion-section\",{\"handleTitle\":[1,\"handle-title\"],\"wijzigactie\":[1],\"heading\":[1],\"handleUrl\":[1,\"handle-url\"],\"status\":[1],\"attachmentCount\":[2,\"attachment-count\"],\"icon\":[1],\"statusDescription\":[1,\"status-description\"],\"open\":[516],\"hasNestedAccordion\":[516,\"has-nested-accordion\"],\"label\":[1],\"labelStatus\":[1,\"label-status\"],\"activatable\":[516],\"active\":[516],\"hover\":[32],\"focusHandle\":[64]}]]],[\"dso-list-button.cjs\",[[257,\"dso-list-button\",{\"label\":[513],\"sublabel\":[513],\"count\":[514],\"min\":[520],\"max\":[520],\"checked\":[516],\"disabled\":[516],\"subcontentPrefix\":[513,\"subcontent-prefix\"]}]]],[\"dso-map-base-layers.cjs\",[[1,\"dso-map-base-layers\",{\"group\":[1],\"baseLayers\":[16]}]]],[\"dso-map-overlays.cjs\",[[1,\"dso-map-overlays\",{\"group\":[1],\"overlays\":[16]}]]],[\"dso-label_3.cjs\",[[1,\"dso-renvooi\",{\"value\":[1],\"mark\":[16]}],[257,\"dso-label\",{\"compact\":[516],\"removable\":[516],\"status\":[513],\"truncate\":[516],\"removeHover\":[32],\"removeFocus\":[32],\"isTruncated\":[32],\"labelText\":[32],\"_truncateLabel\":[64]},[[4,\"keydown\",\"keyDownListener\"]],{\"removable\":[{\"watchRemovable\":0}],\"truncate\":[{\"watchTruncate\":0}]}],[262,\"dso-slide-toggle\",{\"checked\":[4],\"disabled\":[4],\"accessibleLabel\":[1,\"accessible-label\"],\"labelledbyId\":[1,\"labelledby-id\"],\"identifier\":[1],\"hasVisibleLabel\":[32]}]]],[\"dso-advanced-select.cjs\",[[17,\"dso-advanced-select\",{\"options\":[16],\"active\":[16],\"activeHint\":[1,\"active-hint\"],\"open\":[32]},[[8,\"keydown\",\"keyDownListener\"]]]]],[\"dso-annotation-activiteit.cjs\",[[1,\"dso-annotation-activiteit\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"naam\":[1],\"regelKwalificatie\":[1,\"regel-kwalificatie\"],\"locatieNoemers\":[16],\"regelKwalificatieVoorzetsel\":[1,\"regel-kwalificatie-voorzetsel\"]}]]],[\"dso-annotation-gebiedsaanwijzing.cjs\",[[1,\"dso-annotation-gebiedsaanwijzing\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"naam\":[1]}]]],[\"dso-annotation-omgevingsnormwaarde.cjs\",[[1,\"dso-annotation-omgevingsnormwaarde\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"naam\":[1],\"toelichting\":[1],\"waardes\":[16],\"eenheid\":[1]}]]],[\"dso-legend-item.cjs\",[[257,\"dso-legend-item\",{\"disabled\":[516],\"disabledMessage\":[513,\"disabled-message\"],\"activatable\":[516],\"active\":[516],\"_mode\":[513],\"showOptions\":[32]}]]],[\"dso-map-controls.cjs\",[[257,\"dso-map-controls\",{\"open\":[1540],\"disableZoom\":[1,\"disable-zoom\"],\"hideContent\":[32],\"toggleVisibility\":[64]},[[0,\"transitionend\",\"handleTransitionEnd\"]],{\"open\":[{\"watchOpen\":0}]}]]],[\"dso-annotation-kaart.cjs\",[[1,\"dso-annotation-kaart\",{\"wijzigactie\":[513],\"naam\":[1],\"href\":[513]}]]],[\"dso-autosuggest.cjs\",[[262,\"dso-autosuggest\",{\"suggestions\":[16],\"loading\":[4],\"loadingLabel\":[1,\"loading-label\"],\"loadingDelayed\":[2,\"loading-delayed\"],\"notFoundLabel\":[1,\"not-found-label\"],\"mark\":[16],\"showSuggestions\":[32],\"selectedSuggestion\":[32],\"selectedSuggestionGroup\":[32],\"notFound\":[32],\"showLoading\":[32]},[[8,\"keydown\",\"handleSearchBarButtonKeydown\"],[4,\"click\",\"onDocumentClick\"]],{\"suggestions\":[{\"suggestionsWatcher\":0}]}]]],[\"dso-legend.cjs\",[[257,\"dso-legend\",{\"tabItems\":[16]}]]],[\"dso-project-item.cjs\",[[257,\"dso-project-item\",{\"label\":[1]}]]],[\"dso-survey-rating.cjs\",[[1,\"dso-survey-rating\"]]],[\"dso-dropdown-menu.cjs\",[[257,\"dso-dropdown-menu\",{\"checkable\":[6660],\"label\":[513],\"variant\":[513],\"open\":[32],\"_getState\":[64]},[[0,\"dsoClick\",\"dsoClickHandler\"]]]]],[\"dso-header.cjs\",[[257,\"dso-header\",{\"mainMenu\":[16],\"compact\":[1],\"authStatus\":[1,\"auth-status\"],\"loginUrl\":[1,\"login-url\"],\"logoutUrl\":[1,\"logout-url\"],\"showHelp\":[4,\"show-help\"],\"helpUrl\":[1,\"help-url\"],\"userProfileName\":[1,\"user-profile-name\"],\"userProfileUrl\":[1,\"user-profile-url\"],\"userHomeUrl\":[1,\"user-home-url\"],\"userHomeActive\":[4,\"user-home-active\"],\"visibleMenuItemsCount\":[32],\"dropdownOptionsOffset\":[32],\"open\":[32]},null,{\"mainMenu\":[{\"mainMenuChanged\":0}]}]]],[\"dso-legend-group.cjs\",[[257,\"dso-legend-group\",{\"mode\":[513]},null,{\"mode\":[{\"handleModeChange\":0}]}]]],[\"dso-mark-bar.cjs\",[[1,\"dso-mark-bar\",{\"value\":[1],\"label\":[1],\"current\":[2],\"totalCount\":[2,\"total-count\"],\"dsoFocus\":[64]}]]],[\"dso-onboarding-tip.cjs\",[[257,\"dso-onboarding-tip\",{\"placement\":[1],\"ready\":[32],\"popoverOpen\":[32]}]]],[\"dso-pagination.cjs\",[[1,\"dso-pagination\",{\"totalPages\":[2,\"total-pages\"],\"currentPage\":[2,\"current-page\"],\"formatHref\":[16],\"availablePositions\":[32]},[[0,\"dsoSizeChange\",\"sizeChangeHandler\"]]]]],[\"dso-tree-view.cjs\",[[1,\"dso-tree-view\",{\"collection\":[16],\"focusItem\":[64]}]]],[\"dso-action-list-item.cjs\",[[257,\"dso-action-list-item\",{\"step\":[2],\"itemTitle\":[1,\"item-title\"],\"flowLine\":[4,\"flow-line\"],\"warning\":[4],\"divider\":[4]}]]],[\"dso-banner.cjs\",[[257,\"dso-banner\",{\"status\":[513],\"compact\":[516],\"icon\":[516]}]]],[\"dso-card.cjs\",[[257,\"dso-card\",{\"href\":[513],\"mode\":[513],\"active\":[516]}]]],[\"dso-document-card.cjs\",[[257,\"dso-document-card\",{\"href\":[513],\"active\":[516]}]]],[\"dso-dropdown-menu-item.cjs\",[[257,\"dso-dropdown-menu-item\",{\"type\":[513],\"href\":[513],\"checked\":[516],\"_dsoFocus\":[64]}]]],[\"dso-history-item.cjs\",[[257,\"dso-history-item\",{\"type\":[513],\"href\":[513],\"current\":[516]}]]],[\"dso-map-layer.cjs\",[[257,\"dso-map-layer\",{\"activatable\":[516],\"active\":[516],\"wijzigactie\":[513]}]]],[\"dso-map-layer-object.cjs\",[[257,\"dso-map-layer-object\",{\"active\":[516],\"wijzigactie\":[513]}]]],[\"dso-map-message.cjs\",[[257,\"dso-map-message\",{\"variant\":[513],\"hasActions\":[32]}]]],[\"dso-plekinfo-card.cjs\",[[257,\"dso-plekinfo-card\",{\"wijzigactie\":[513],\"href\":[513],\"targetBlank\":[4,\"target-blank\"],\"active\":[516]}]]],[\"dso-skiplink.cjs\",[[1,\"dso-skiplink\",{\"to\":[513],\"label\":[513]}]]],[\"dso-tijdreis-banner.cjs\",[[257,\"dso-tijdreis-banner\"]]],[\"dso-accordion.cjs\",[[257,\"dso-accordion\",{\"variant\":[6145],\"reverseAlign\":[6148,\"reverse-align\"],\"_getState\":[64]}]]],[\"dso-action-list.cjs\",[[257,\"dso-action-list\",{\"listTitle\":[1,\"list-title\"]}]]],[\"dso-card-container.cjs\",[[257,\"dso-card-container\",{\"mode\":[513]}]]],[\"dso-contact-information.cjs\",[[257,\"dso-contact-information\"]]],[\"dso-cursor-tooltip.cjs\",[[257,\"dso-cursor-tooltip\"]]],[\"dso-date-picker.cjs\",[[2,\"dso-date-picker\",{\"name\":[1],\"identifier\":[1],\"disabled\":[516],\"required\":[516],\"invalid\":[516],\"describedBy\":[1,\"described-by\"],\"dsoAutofocus\":[4,\"dso-autofocus\"],\"value\":[513],\"min\":[1],\"max\":[1]}]]],[\"dso-dropdown-menu-group.cjs\",[[257,\"dso-dropdown-menu-group\",{\"label\":[513]}]]],[\"dso-highlight-box.cjs\",[[257,\"dso-highlight-box\",{\"yellow\":[516],\"border\":[516],\"white\":[516],\"green\":[516],\"dropShadow\":[516,\"drop-shadow\"],\"step\":[514]}]]],[\"dso-input-range.cjs\",[[1,\"dso-input-range\",{\"min\":[514],\"max\":[514],\"value\":[514],\"step\":[514],\"label\":[513],\"unit\":[513],\"description\":[513]}]]],[\"dso-logo.cjs\",[[1,\"dso-logo\",{\"name\":[513],\"logoUrl\":[513,\"logo-url\"],\"label\":[513],\"labelUrl\":[513,\"label-url\"],\"ribbon\":[513]}]]],[\"dso-segmented-button.cjs\",[[1,\"dso-segmented-button\",{\"groupName\":[513,\"group-name\"],\"options\":[16],\"label\":[513],\"required\":[516],\"activeOption\":[16]}]]],[\"dso-tab.cjs\",[[257,\"dso-tab\",{\"active\":[516],\"disabled\":[516],\"href\":[1],\"_dsoFocus\":[64]}]]],[\"dso-tabs.cjs\",[[257,\"dso-tabs\"]]],[\"dso-tooltip.cjs\",[[257,\"dso-tooltip\",{\"descriptive\":[516],\"position\":[1],\"strategy\":[1],\"noArrow\":[4,\"no-arrow\"],\"stateless\":[4],\"small\":[4],\"active\":[1540],\"hidden\":[32],\"activate\":[64],\"deactivate\":[64]},null,{\"position\":[{\"watchPosition\":0}],\"strategy\":[{\"watchStrategy\":0}],\"active\":[{\"watchActive\":0}]}]]],[\"dso-viewer-grid.cjs\",[[257,\"dso-viewer-grid\",{\"filterPanelTitle\":[513,\"filter-panel-title\"],\"filterPanelOpen\":[516,\"filter-panel-open\"],\"overlayOpen\":[516,\"overlay-open\"],\"documentPanelOpen\":[516,\"document-panel-open\"],\"print\":[516],\"mainSize\":[513,\"main-size\"],\"activeTab\":[1,\"active-tab\"],\"documentPanelSize\":[513,\"document-panel-size\"],\"mainPanelExpanded\":[4,\"main-panel-expanded\"],\"mainPanelHidden\":[4,\"main-panel-hidden\"],\"tabView\":[32],\"_checkMainPanelVisibility\":[64]},null,{\"documentPanelOpen\":[{\"documentPanelOpenWatcher\":0}],\"filterPanelOpen\":[{\"filterPanelOpenWatcher\":0}],\"overlayOpen\":[{\"overlayOpenWatcher\":0}]}]]],[\"dso-button-group.cjs\",[[257,\"dso-button-group\",{\"direction\":[513]}]]],[\"dso-icon.cjs\",[[1,\"dso-icon\",{\"icon\":[1]}]]],[\"dso-annotation-locatie_2.cjs\",[[257,\"dso-document-component\",{\"heading\":[513],\"kop\":[6145],\"inhoud\":[6145],\"open\":[516],\"filtered\":[516],\"notApplicable\":[516,\"not-applicable\"],\"badge\":[513],\"badgeStatus\":[513,\"badge-status\"],\"badgeTooltip\":[513,\"badge-tooltip\"],\"label\":[513],\"labelStatus\":[513,\"label-status\"],\"annotated\":[516],\"gereserveerd\":[6145],\"vervallen\":[6145],\"openAnnotation\":[516,\"open-annotation\"],\"alternativeTitle\":[513,\"alternative-title\"],\"type\":[513],\"wijzigactie\":[513],\"annotationsWijzigactie\":[513,\"annotations-wijzigactie\"],\"mark\":[16],\"recursiveToggle\":[8,\"recursive-toggle\"],\"ozonContentUrlResolver\":[16],\"ozonContentBegripResolver\":[16],\"mode\":[513],\"href\":[513]}],[1,\"dso-annotation-locatie\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"locatieNoemer\":[1,\"locatie-noemer\"]}]]],[\"dso-attachments-counter_2.cjs\",[[1,\"dso-attachments-counter\",{\"count\":[514]}],[257,\"dso-expandable\",{\"open\":[516],\"enableAnimation\":[516,\"enable-animation\"],\"minimumHeight\":[2,\"minimum-height\"],\"isClosed\":[32]},[[0,\"transitionstart\",\"transitionstartHandler\"],[0,\"transitionend\",\"transitionendHandler\"]],{\"open\":[{\"toggleOpen\":0}]}]]],[\"dso-progress-indicator.cjs\",[[1,\"dso-progress-indicator\",{\"label\":[1],\"size\":[513],\"block\":[516]}]]],[\"dso-responsive-element.cjs\",[[257,\"dso-responsive-element\",{\"sizeAlias\":[32],\"sizeWidth\":[32],\"getSize\":[64]}]]],[\"dso-scrollable.cjs\",[[257,\"dso-scrollable\",{\"_preventFocus\":[4,\"_prevent-focus\"],\"scrollPosition\":[32],\"_setScrollState\":[64]}]]],[\"dso-icon-button.cjs\",[[1,\"dso-icon-button\",{\"icon\":[513],\"label\":[513],\"variant\":[513],\"tooltipPlacement\":[513,\"tooltip-placement\"],\"disabled\":[516],\"toggled\":[516],\"setFocus\":[64]}]]],[\"dso-modal.cjs\",[[1,\"dso-modal\",{\"fullscreen\":[516],\"modalTitle\":[1,\"modal-title\"],\"dialogRole\":[1,\"dialog-role\"],\"returnFocus\":[4,\"return-focus\"],\"closable\":[4],\"ariaId\":[32],\"narrowView\":[32]}]]],[\"dso-info_3.cjs\",[[262,\"dso-selectable\",{\"type\":[1],\"identifier\":[1],\"name\":[1],\"value\":[1],\"invalid\":[4],\"describedById\":[1,\"described-by-id\"],\"labelledById\":[1,\"labelled-by-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[516],\"indeterminate\":[4],\"infoFixed\":[4,\"info-fixed\"],\"infoActive\":[32],\"toggleInfo\":[64]},null,{\"indeterminate\":[{\"setIndeterminate\":0}]}],[257,\"dso-info\",{\"fixed\":[516],\"active\":[516]}],[257,\"dso-info-button\",{\"active\":[516],\"label\":[513],\"toggletipPlacement\":[513,\"toggletip-placement\"],\"toggletipActive\":[32],\"hasToggletip\":[32],\"setFocus\":[64]},[[6,\"focusin\",\"onDocumentFocusIn\"],[7,\"pointerdown\",\"onDocumentPointerDown\"]]]]],[\"dso-alert_7.cjs\",[[1,\"dso-ozon-content\",{\"content\":[1],\"inline\":[516],\"mark\":[16],\"urlResolver\":[16],\"begripResolver\":[16],\"annotated\":[516],\"state\":[32]},null,{\"content\":[{\"contentWatcher\":0}]}],[257,\"dso-alert\",{\"status\":[513],\"roleAlert\":[4,\"role-alert\"],\"compact\":[516],\"closable\":[4]}],[257,\"dso-table\",{\"noModal\":[516,\"no-modal\"],\"isResponsive\":[32],\"modalActive\":[32],\"placeholderHeight\":[32]}],[257,\"dso-image-overlay\",{\"wijzigactie\":[1],\"active\":[32],\"zoomable\":[32]},[[2,\"load\",\"loadListener\"]]],[257,\"dso-ozon-content-toggletip\",{\"icon\":[513],\"active\":[32]},[[8,\"click\",\"handleWindowClick\"]]],[257,\"dso-panel\",{\"closeButtonLabel\":[1,\"close-button-label\"],\"emphasized\":[4]}],[257,\"dso-badge\",{\"status\":[513],\"label\":[513],\"toggletipPlacement\":[513,\"toggletip-placement\"],\"toggletipActive\":[32],\"hasToggletip\":[32]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -2020,7 +2020,7 @@ const Tooltip = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'd2293d3a4c732b2baf750ae941d5c9589202afe5', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, index.h("div", { key: 'a31be198ba1b8972ea5b1b85569294b8bb6f08c8', class: clsx.clsx("tooltip", { in: this.active }) }, !this.noArrow && index.h("div", { key: 'e9394ee672085986caf5b2b67f859e95bb449ec0', "data-popper-arrow": true, class: "tooltip-arrow" }), index.h("div", { key: '9aa15980b1cb905cb5cff9e5d70e6d8423c1985e', "aria-hidden": !this.descriptive || undefined, class: clsx.clsx("tooltip-inner", { "dso-small": this.small }) }, index.h("slot", { key: '91d6af37985c5d236633bd92484d50a30cced3f6' })))));
+        return (index.h(index.Host, { key: '6f0adb2c86ef41db812225635aaf4572a9b66ee3', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, index.h("div", { key: '608e0dabdd84836113adb9b7f7fb6e216d748d05', class: clsx.clsx("tooltip", { in: this.active }) }, !this.noArrow && index.h("div", { key: '69e082b52547d254f1d183ea9fc72b63667b2b3f', "data-popper-arrow": true, class: "tooltip-arrow" }), index.h("div", { key: '7d17b7f5d9711e6f055d644c3082bbc0df74830d', "aria-hidden": !this.descriptive || undefined, class: clsx.clsx("tooltip-inner", { "dso-small": this.small }) }, index.h("slot", { key: '49ee9aa97a61c765a296b58ace247aac181c0841' })))));
     }
     activatePopper() {
         this.hidden = false;