@dso-toolkit/core 88.1.1 → 90.0.0

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h, a as Host } from './index-Dx5skKSq.js';
+import { r as registerInstance, d as createEvent, h, a as Host } from './index-ai7aDzJN.js';
 
 const mapLayerObjectCss = () => `:host{display:block}*,*::after,*::before{box-sizing:border-box}::slotted(span[slot=symbol]){background-color:#fff;display:block;float:inline-start;block-size:26px;margin-block-start:0;margin-inline-end:8px;inline-size:30px;overflow:hidden;position:relative}.map-layer-object{display:flex;justify-content:space-between;min-block-size:32px}.slide-toggle-container{margin-inline-start:auto}.slide-toggle-container dso-slide-toggle{display:flex;padding-block-start:0}`;
 
@@ -17,10 +17,9 @@ const MapLayerObject = class {
         };
     }
     render() {
-        return (h(Host, { key: 'abbab8b3e9cb63d0041ebd6cd55853e8f2336db5', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: 'd9d9593bdb8b5f92c21ca71282a146d99b9e96ed', class: "map-layer-object" }, h("div", { key: '24dad3d78d29f548a248e6ebe1a3082bb4d26890' }, h("slot", { key: '68c1ba383c8d62e5ba00eeb22f29c0955bab3411', name: "symbol" })), h("div", { key: '85810dcbd6771202fb7615bb550a862321f1a408' }, h("slot", { key: 'e00fd66d88a87d2451f1f53c9fc36c67e16fc1b0' })), h("div", { key: '5a37b2b10e6c954df2cc586a349b34ebff58af63', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: 'b03e87e9317e7b0e90853621cd6b8a538d430fe3', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))));
+        return (h(Host, { key: 'd812f5ba8708110c9d986f123f478a5d63cc0271', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: 'ff9db71019f91053ebf1b1d785510de5454d2297', class: "map-layer-object" }, h("div", { key: 'e15f4daf6fef5078740599a41b62b036d4af8370' }, h("slot", { key: 'bfef26c39d1abf70861d7a0c29fb330cca3ccbba', name: "symbol" })), h("div", { key: '444fde34bd30da4bc409d1c2927cb02a40b0105e' }, h("slot", { key: 'c8439da5b433f0fd19c5273375ff15703db13b59' })), h("div", { key: '34bd256becd63973780d995a5c93d3c2cd64a571', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '9d6bf04f9c76ff69ce4c6f09b502de1f2e61fb35', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))));
     }
 };
 MapLayerObject.style = mapLayerObjectCss();
 
 export { MapLayerObject as dso_map_layer_object };
-//# sourceMappingURL=dso-map-layer-object.entry.js.map

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h, F as Fragment } from './index-Dx5skKSq.js';
+import { r as registerInstance, d as createEvent, h, F as Fragment } from './index-ai7aDzJN.js';
 
 const mapLayerCss = () => `:host{display:block}*,*::after,*::before{box-sizing:border-box}.map-layer{display:flex;justify-content:space-between;min-block-size:32px}.map-layer-label{font-weight:600;line-height:1.375em;margin:0;position:relative}.slide-toggle-container dso-slide-toggle{display:flex;padding-block-start:0}`;
 
@@ -20,10 +20,9 @@ const MapLayer = class {
         };
     }
     render() {
-        return (h(Fragment, { key: 'ed6e45673c12d5eaa514e127d2e34515ab6bb701' }, h("div", { key: 'a1da54462631982faf426df2099e2a411b42a588', class: "map-layer" }, h("span", { key: '0c39e1c825b41a9deed3c19b06c128f44f7e0bd9', class: "map-layer-label" }, this.label), this.activatable && (h("div", { key: '4640edadd61211dd0d2f5af36962fb46ae03a743', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '4d15f98adc1fc862d021bb2ead9cc4faf5058c1c', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: 'b1e8e126d7e71198e44101f4957638ce9855b470' })));
+        return (h(Fragment, { key: '8e434d14e63f2be25d7d5fb550b2f3771cc5588b' }, h("div", { key: '9273b1af907bcef6a7ea79df2500dfecc9c3e68d', class: "map-layer" }, h("span", { key: 'c69991fd320f5c550cf76d667bf39a1d38c540e0', class: "map-layer-label" }, this.label), this.activatable && (h("div", { key: '355e2e7c976951b61266efca342d68d78f8c545b', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: 'bf454dc6e04968053b367b58cf41051949c26a84', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: '2b8a023f22f182501e52c9fb8ff0ab7e08c169d0' })));
     }
 };
 MapLayer.style = mapLayerCss();
 
 export { MapLayer as dso_map_layer };
-//# sourceMappingURL=dso-map-layer.entry.js.map

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, d as createEvent, h, g as getElement } from './index-Dx5skKSq.js';
-import { i as i18n } from './i18n-pxiVAmq4.js';
+import { r as registerInstance, d as createEvent, h, g as getElement } from './index-ai7aDzJN.js';
+import { i as i18n } from './i18n-FXEjFTzg.js';
 import { v as v4 } from './v4-C_akviUd.js';
 
 const translations = {
@@ -34,10 +34,9 @@ const MapOverlays = class {
     }
     componentDidRender() {
         this.overlays
-            .filter((o) => { var _a, _b; return !o.disabled && ((_b = (_a = this.previousOverlays) === null || _a === void 0 ? void 0 : _a.find((p) => p.id === o.id)) === null || _b === void 0 ? void 0 : _b.disabled) === true; })
+            .filter((o) => !o.disabled && this.previousOverlays?.find((p) => p.id === o.id)?.disabled === true)
             .forEach((o) => {
-            var _a;
-            (_a = this.selectableRefs[o.id]) === null || _a === void 0 ? void 0 : _a.toggleInfo(false);
+            this.selectableRefs[o.id]?.toggleInfo(false);
         });
         this.previousOverlays = this.overlays;
     }
@@ -45,11 +44,10 @@ const MapOverlays = class {
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (h("fieldset", { key: '1d387606665b5f613e03213baa6f9cedccc255f7', class: "form-group dso-checkboxes" }, h("legend", { key: 'c6b0d884800bce02659dd7c59363e5b342523674', class: "sr-only" }, "Kaartlagen"), h("div", { key: '36c824ed776f75c715be5498837ab62b3d17f143', class: "dso-label-container" }, h("span", { key: '4c1e9360d0debbfc13fac06d6063a88d4790449f', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: '1742c9e431ffa4c92f81a5df1ac37a80600fae5c', class: "dso-field-container" }, this.overlays.map((overlay) => (h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? h("p", { slot: "info" }, overlay.info) : null))))));
+        return (h("fieldset", { key: 'bb7844b7351e6563b9629728d5b8539940a53170', class: "form-group dso-checkboxes" }, h("legend", { key: '13449624313a5067587666ced786396c5af1a1a2', class: "sr-only" }, "Kaartlagen"), h("div", { key: '8eaa6f4f70660ede7f3c32f790882d46d3e61185', class: "dso-label-container" }, h("span", { key: 'addb11d20ad0516a654fd70732298f5edbbfb2e6', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: '3e0b4fe1816d8c6620f206bc8802728d66c73d95', class: "dso-field-container" }, this.overlays.map((overlay) => (h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? h("p", { slot: "info" }, overlay.info) : null))))));
     }
     get host() { return getElement(this); }
 };
 MapOverlays.style = mapOverlaysCss();
 
 export { MapOverlays as dso_map_overlays };
-//# sourceMappingURL=dso-map-overlays.entry.js.map

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h } from './index-Dx5skKSq.js';
+import { r as registerInstance, d as createEvent, h } from './index-ai7aDzJN.js';
 
 const markBarCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block;background-color:#fff}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-mark-bar{display:flex;flex-grow:1}.dso-mark-bar .dso-mark-bar-input{display:flex;position:relative;inline-size:100%}.dso-mark-bar .dso-mark-bar-input input{background-color:transparent;background-image:none;border:1px solid #275937;border-radius:4px;box-shadow:none;display:block;font-size:1rem;block-size:2.5rem;line-height:2.5rem;padding-inline:2.5rem;padding-block:6px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;inline-size:100%;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}.dso-mark-bar .dso-mark-bar-input input:focus{border-color:#275937;box-shadow:inset 0 0 0 1px #275937;outline:0}.dso-mark-bar .dso-mark-bar-input input::-ms-clear{display:none}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label{inline-size:2.5rem;padding-inline-end:8px}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label .label-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-mark-bar .dso-mark-bar-input label{inset-block-end:8px;block-size:2.5rem;inset-inline-start:0;inset-inline-end:40px;padding-block:8px;padding-inline-start:8px;cursor:text;position:absolute;inset-block-start:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.dso-mark-bar .dso-mark-bar-input label dso-icon{color:#39870c;cursor:default;margin:-8px;padding:8px;inline-size:2.5rem;block-size:2.5rem}.dso-mark-bar .dso-mark-bar-input label .label-text{margin-inline-start:8px;color:#666}.dso-mark-bar .dso-mark-bar-input dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}.dso-button-container{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;padding-inline:8px;border:1px solid #275937;border-inline-start:0;border-start-end-radius:4px;border-end-end-radius:4px}.dso-button-container dso-icon-button{--dso-icon-button-tertiary-border:0;cursor:pointer}.dso-button-container dso-icon-button:disabled{color:#ccc;cursor:default}.dso-button-container .divider{position:absolute;inset-inline-start:0;inset-block-start:8px;inset-block-end:8px;inline-size:1px;background-color:#ccc}`;
 
@@ -41,19 +41,17 @@ const MarkBar = class {
      * Focuses the input field.
      */
     async dsoFocus(options = {}) {
-        var _a, _b;
-        (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.focus();
+        this.inputElement?.focus();
         if (options.select) {
-            (_b = this.inputElement) === null || _b === void 0 ? void 0 : _b.select();
+            this.inputElement?.select();
         }
     }
     render() {
         const current = this.current || 0;
         const totalCount = this.totalCount || 0;
-        return (h("div", { key: '6355f83f24135af1b661720078f56bd2f994c492', class: "dso-mark-bar" }, h("div", { key: '2f53185bbb4d85112fc802776af57579c3ffd058', class: "dso-mark-bar-input" }, h("input", { key: '087bc8407629628122fdc25365d0cf71eedcbc20', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: '18b2f104a66fbe30011509269dd16942572593a0', htmlFor: "search-input" }, h("dso-icon", { key: '8016f522e25f135811374f3ecceb5d02d4b33759', class: "dso-search-icon", icon: "search" }), h("span", { key: '14f044b9d6e5f601eaa1168ed7c2af4573339542', class: "label-text" }, this.label)), h("dso-icon-button", { key: 'e211e04b48ecd461a8a292f6f391c52c7e5d2ce2', icon: "times", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: '3712d7f4eca1fa881d8c14f5ba92a5744ef9df65', class: "dso-button-container" }, h("span", { key: '4178d20c62601ebac4965693cfb11ad0c3023d4c', class: "divider" }), h("dso-icon-button", { key: '707467f4b526da1e26c47171c129332541ac5eec', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: 'f95e03b543ed91d349aa4bb2008feec68bbc857e' }, current, "/", totalCount), h("dso-icon-button", { key: '5ef4b0333e5098ce8b8d6b197c03d4bfc4467a2c', icon: "chevron-down", variant: "tertiary", label: "Volgend zoekresultaat", onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
+        return (h("div", { key: 'cfffd6bc7883c53ce3fb065abce6508b068d2dfc', class: "dso-mark-bar" }, h("div", { key: 'f6bf98da9d7f2a33f205c7d0943e0302384fb691', class: "dso-mark-bar-input" }, h("input", { key: 'c434fd1466670d749b7d80e3a025668a8d9cfbb1', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: '23acca82e1d3a1db946db5037f589bb01d96bde6', htmlFor: "search-input" }, h("dso-icon", { key: '9b75f757f7887adc075d918fb2817cc1f0918573', class: "dso-search-icon", icon: "search" }), h("span", { key: '18e6f09ca7b218e9f583870649a75827b1e07106', class: "label-text" }, this.label)), h("dso-icon-button", { key: '426b6a00e385cd4ea1cd453647db8beaea6e3a43', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: '3f972856bedc23484617c25e197640cd04b98f8d', class: "dso-button-container" }, h("span", { key: 'e7aacd63164c0fc9c44e4e4d0ddc9ccc0f6abab1', class: "divider" }), h("dso-icon-button", { key: '7a0c02f8392c1475311c7f595ed3e9c965990e00', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: 'd6eed5e2cae8f60a0ccaccee5881bd8b07200ba8' }, current, "/", totalCount), h("dso-icon-button", { key: '9edf1d0a5dbfcee4795213ab9dd5493c94a11159', icon: "chevron-down", variant: "tertiary", label: "Volgend zoekresultaat", onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
     }
 };
 MarkBar.style = markBarCss();
 
 export { MarkBar as dso_mark_bar };
-//# sourceMappingURL=dso-mark-bar.entry.js.map

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, d as createEvent, h, g as getElement } from './index-Dx5skKSq.js';
-import { g as getActiveElement } from './get-active-element-CodDyi2J.js';
-import { i as i18n } from './i18n-pxiVAmq4.js';
+import { r as registerInstance, d as createEvent, h, g as getElement } from './index-ai7aDzJN.js';
+import { g as getActiveElement } from './get-active-element-BWkWD1Z2.js';
+import { i as i18n } from './i18n-FXEjFTzg.js';
 import { v as v4 } from './v4-C_akviUd.js';
 
 const translations = {
@@ -57,8 +57,7 @@ const Modal = class {
         return this.host.querySelector("[slot='footer']") !== null;
     }
     componentDidLoad() {
-        var _a;
-        if ((_a = this.htmlDialogElement) === null || _a === void 0 ? void 0 : _a.isConnected) {
+        if (this.htmlDialogElement?.isConnected) {
             const activeElement = getActiveElement();
             if (activeElement instanceof HTMLElement) {
                 this.returnFocusElement = activeElement;
@@ -67,12 +66,11 @@ const Modal = class {
         }
     }
     disconnectedCallback() {
-        var _a, _b, _c;
-        (_a = this.htmlDialogElement) === null || _a === void 0 ? void 0 : _a.close();
+        this.htmlDialogElement?.close();
         if (this.returnFocus === false) {
             return;
         }
-        (_c = ((_b = this.returnFocus) !== null && _b !== void 0 ? _b : this.returnFocusElement)) === null || _c === void 0 ? void 0 : _c.focus();
+        (this.returnFocus ?? this.returnFocusElement)?.focus();
     }
     handleDialogClick(e) {
         if (!this.closable) {
@@ -83,12 +81,10 @@ const Modal = class {
         }
     }
     render() {
-        var _a;
-        return (h("dialog", { key: 'ef5d2276a32e11a109e4f670227077beff131794', class: "dso-modal", role: (_a = this.dialogRole) !== null && _a !== void 0 ? _a : undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onClick: (e) => this.handleDialogClick(e), onKeyDown: (e) => this.blockEscapeKey(e) }, h("div", { key: '1bc94ba3090333b0980475d9337f87d9e44e867a', class: "dso-dialog", role: "document" }, this.modalTitle ? (h("div", { class: "dso-header" }, h("h2", { id: this.ariaId }, this.modalTitle), this.closable && (h("dso-icon-button", { id: "close-modal", icon: "times", variant: "tertiary", label: this.text("close"), onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) })))) : (h("span", { class: "sr-only", id: this.ariaId }, this.text("dialog"))), h("dso-scrollable", { key: '7a1871b25a08170d03797054de351a464592723e' }, h("div", { key: '102f26f00123a6f8e58dd544bdcba29911352c9b', class: "dso-body", tabIndex: 0 }, h("slot", { key: '98a5d7680046d9e46b993d6f9c3f208d86224e1c', name: "body" }))), this.hasFooter && (h("div", { key: 'e9d1dab7323fff12723f06c418b155bbe3542f60', class: "dso-footer" }, h("slot", { key: '6182ecd6fd4bbaad51c8594d9542a06d1813c7b3', name: "footer" }))))));
+        return (h("dialog", { key: 'ca65d36b4cad14a8be28a2b80c3e4adfd6f04b8b', class: "dso-modal", role: this.dialogRole ?? undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onClick: (e) => this.handleDialogClick(e), onKeyDown: (e) => this.blockEscapeKey(e) }, h("div", { key: '25e259f6c951ebba5bdebe46c5400b0678a438fb', class: "dso-dialog", role: "document" }, this.modalTitle ? (h("div", { class: "dso-header" }, h("h2", { id: this.ariaId }, this.modalTitle), this.closable && (h("dso-icon-button", { id: "close-modal", icon: "cross", variant: "tertiary", label: this.text("close"), onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) })))) : (h("span", { class: "sr-only", id: this.ariaId }, this.text("dialog"))), h("dso-scrollable", { key: '1f4da352eda8e827ba63a1f7fa3ea90c983a2e81' }, h("div", { key: '4320cefc274fadee304e24b21799b797b6bdf201', class: "dso-body", tabIndex: 0 }, h("slot", { key: '4bf3772a1a9b993b3a71987b332d84218a7bd1fc', name: "body" }))), this.hasFooter && (h("div", { key: '8121eab70c72f57d9913b82a90d3b06b6cac4b43', class: "dso-footer" }, h("slot", { key: '9a164d445fe34a302b62b53ee9227c2cad3029e6', name: "footer" }))))));
     }
     get host() { return getElement(this); }
 };
 Modal.style = modalCss();
 
 export { Modal as dso_modal };
-//# sourceMappingURL=dso-modal.entry.js.map

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, d as createEvent, f as forceUpdate, h, a as Host, g as getElement } from './index-Dx5skKSq.js';
-import { p as positionTooltip } from './position-tooltip.function-gQf7Uoh1.js';
-import './floating-ui.dom-C1uSuLE3.js';
+import { r as registerInstance, d as createEvent, f as forceUpdate, h, a as Host, g as getElement } from './index-ai7aDzJN.js';
+import { p as positionTooltip } from './position-tooltip.function-Db-YtSLm.js';
+import './floating-ui.dom-BgyqGgJ8.js';
 
-const onboardingTipCss = () => `*,*::after,*::before{box-sizing:border-box}.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)}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;color:#fff !important;line-height:1.375 !important}:host{--_dso-button-primary-background-color:#fff;--_dso-button-primary-border-color:#fff;--_dso-button-primary-color:#000;--_dso-button-primary-hover-background-color:#ccc;--_dso-button-primary-hover-border-color:#ccc;--_dso-button-primary-hover-color:#000;--_dso-button-primary-active-background-color:#999;--_dso-button-primary-active-border-color:#999;--_dso-button-primary-active-color:#000;--_dso-button-primary-disabled-background-color:#fff;--_dso-button-primary-disabled-border-color:#fff;--_dso-button-primary-disabled-color:#b2b2b2;--_dso-button-secondary-background-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-color:#000;--_dso-button-secondary-hover-background-color:#ccc;--_dso-button-secondary-hover-border-color:#ccc;--_dso-button-secondary-hover-color:#000;--_dso-button-secondary-active-background-color:#999;--_dso-button-secondary-active-border-color:#999;--_dso-button-secondary-active-color:#000;--_dso-button-secondary-disabled-background-color:#fff;--_dso-button-secondary-disabled-border-color:#fff;--_dso-button-secondary-disabled-color:#b2b2b2;display:block;filter:drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.4));transition:visibility 400ms, opacity 400ms}:host(:not([ready])){opacity:1;animation:400ms ease-in 1 normal both fadeInOpacity}:host([popover]){margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset}.onboarding-tip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;overflow-wrap:normal;word-spacing:normal;white-space:normal;font-size:14px;inset-block-start:0;inset-inline-start:0;z-index:410}@media screen and (max-width: 360px){.onboarding-tip{padding-inline-start:8px !important}}.dso-close{position:absolute;inset-block-start:4px;inset-inline-end:4px}.onboarding-tip-inner{--link-color:#fff;--link-hover-color:#b2b2b2;--link-visited-color:#7f7f7f;max-inline-size:min(360px, 100vw - 2 * 8px);max-block-size:calc(100vh - 10px);overflow:auto;padding-block:32px 8px;padding-inline:8px;border-radius:4px;display:block;font-size:1rem;position:relative;z-index:2;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.onboarding-tip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.onboarding-tip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.onboarding-tip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.onboarding-tip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-wit"))}.onboarding-tip-inner{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#2b5780;color:#fff}@media screen and (max-width: 991px){.onboarding-tip-inner{max-block-size:unset}}.onboarding-tip-arrow{border-start-start-radius:4px;position:absolute;block-size:20px;inline-size:20px;background:#2b5780;z-index:1;pointer-events:none}.onboarding-tip-content-wrapper{padding-inline:16px;padding-block-end:16px}.onboarding-tip-content-heading{display:flex}.onboarding-tip-content-heading dso-icon{margin-inline-end:8px}@keyframes fadeInOpacity{0%{opacity:0}100%{opacity:1}}`;
+const onboardingTipCss = () => `*,*::after,*::before{box-sizing:border-box}.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)}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;color:#fff !important;line-height:1.375 !important}:host{--_dso-button-primary-background-color:#fff;--_dso-button-primary-border-color:#fff;--_dso-button-primary-color:#000;--_dso-button-primary-hover-background-color:#ccc;--_dso-button-primary-hover-border-color:#ccc;--_dso-button-primary-hover-color:#000;--_dso-button-primary-active-background-color:#999;--_dso-button-primary-active-border-color:#999;--_dso-button-primary-active-color:#000;--_dso-button-primary-disabled-background-color:#fff;--_dso-button-primary-disabled-border-color:#fff;--_dso-button-primary-disabled-color:#b2b2b2;--_dso-button-secondary-background-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-color:#000;--_dso-button-secondary-hover-background-color:#ccc;--_dso-button-secondary-hover-border-color:#ccc;--_dso-button-secondary-hover-color:#000;--_dso-button-secondary-active-background-color:#999;--_dso-button-secondary-active-border-color:#999;--_dso-button-secondary-active-color:#000;--_dso-button-secondary-disabled-background-color:#fff;--_dso-button-secondary-disabled-border-color:#fff;--_dso-button-secondary-disabled-color:#b2b2b2;display:block;filter:drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.4));transition:visibility 400ms, opacity 400ms}:host(:not([ready])){opacity:1;animation:400ms ease-in 1 normal both fadeInOpacity}:host([popover]){margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset}.onboarding-tip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;overflow-wrap:normal;word-spacing:normal;white-space:normal;font-size:14px;inset-block-start:0;inset-inline-start:0;z-index:410}@media screen and (max-width: 360px){.onboarding-tip{padding-inline-start:8px !important}}.dso-close{position:absolute;inset-block-start:4px;inset-inline-end:4px}.onboarding-tip-inner{--link-color:#fff;--link-hover-color:#b2b2b2;--link-visited-color:#7f7f7f;max-inline-size:min(360px, 100vw - 2 * 8px);max-block-size:calc(100vh - 10px);overflow:auto;padding-block:32px 8px;padding-inline:8px;border-radius:4px;display:block;font-size:1rem;position:relative;z-index:2;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.onboarding-tip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.onboarding-tip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.onboarding-tip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.onboarding-tip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.onboarding-tip-inner{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#2b5780;color:#fff}@media screen and (max-width: 991px){.onboarding-tip-inner{max-block-size:unset}}.onboarding-tip-arrow{border-start-start-radius:4px;position:absolute;block-size:20px;inline-size:20px;background:#2b5780;z-index:1;pointer-events:none}.onboarding-tip-content-wrapper{padding-inline:16px;padding-block-end:16px}.onboarding-tip-content-heading{display:flex}@keyframes fadeInOpacity{0%{opacity:0}100%{opacity:1}}`;
 
 const OnboardingTip = class {
     constructor(hostRef) {
@@ -26,14 +26,13 @@ const OnboardingTip = class {
         this.mutationObserver.observe(this.host, { attributes: true, childList: true, subtree: true, characterData: true });
     }
     componentDidRender() {
-        var _a;
         if (!this.host.isConnected) {
             return;
         }
         if (!this.popoverOpen) {
             this.host.showPopover();
             this.popoverOpen = true;
-            const onboardingTipElement = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".onboarding-tip");
+            const onboardingTipElement = this.host.shadowRoot?.querySelector(".onboarding-tip");
             if (this.hasOnboardingTipElement(onboardingTipElement)) {
                 OnboardingTip.setFocus(onboardingTipElement);
             }
@@ -50,14 +49,13 @@ const OnboardingTip = class {
         }
     }
     disconnectedCallback() {
-        var _a, _b;
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.mutationObserver?.disconnect();
         delete this.mutationObserver;
         if (this.popoverOpen) {
             this.host.hidePopover();
             this.popoverOpen = false;
         }
-        (_b = this.cleanUp) === null || _b === void 0 ? void 0 : _b.call(this);
+        this.cleanUp?.();
         this.cleanUp = undefined;
     }
     /**
@@ -72,9 +70,8 @@ const OnboardingTip = class {
         return element instanceof HTMLElement;
     }
     render() {
-        var _a;
-        const ariaLabel = (_a = this.headingSlottedElement) === null || _a === void 0 ? void 0 : _a.textContent;
-        return (h(Host, { key: 'ba1ed241b302472bafaed024d8cb2a3b134385bb', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: 'd581bb62c69a607e9479229acaf3d200f8dfe9d5', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: 'f0c1ede7f35ddc4c83568f2db09d3851c5b2009a', class: "onboarding-tip-inner" }, h("div", { key: '99fc959506a0b53b6bffa8a4f61b65876cd4e573', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: '80be7f0ad09b9996cbcd8eec98540decbd8c0786', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: '43bd3c7b0b0dad949985196a4a559c5ef69b7eec', icon: "light-bulb" }), h("slot", { key: '88efb37ba1d8caf1678c8deef81c7739d679c9a8', name: "heading" }))), h("dso-icon-button", { key: '26127795159df1998162f0c31b654e1e6ea69636', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "times", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: '8b002f540fcd38133d96e816fd006e6b5abfc1e9' }))), h("div", { key: '7f43f0af10b8d4af2e364961423d75bbe56b395d', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
+        const ariaLabel = this.headingSlottedElement?.textContent;
+        return (h(Host, { key: '51380978262cd21740b702a191579f75cd1418a6', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: '4aa3a867d025a116078fefced51fe2c47f0cf92a', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: 'e2b25452d2055fddaf09d9d754fbb7846e480323', class: "onboarding-tip-inner" }, h("div", { key: '67f29177dbf72118a8a648fbc83822bc22a8497f', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: '4f024c9b755b6352cb81fc536f9a2df16f17f4cc', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: 'c8aab9ea7c73b11351a4126b457adf62436fa989', icon: "light-bulb" }), h("slot", { key: '11c5408f22dc91c1a5c567a5baf20928c956e257', name: "heading" }))), h("dso-icon-button", { key: 'c1ceb315c35f07cb91caa3eb5190429806a4443e', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: '0942d05f46ec0bdd49aea9ba089ed6cc46f71a86' }))), h("div", { key: '901735eb2d164f66fd743e262a17f75491c9004c', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
     }
     get headingSlottedElement() {
         return this.host.querySelector("[slot='heading']");
@@ -102,4 +99,3 @@ const OnboardingTip = class {
 OnboardingTip.style = onboardingTipCss();
 
 export { OnboardingTip as dso_onboarding_tip };
-//# sourceMappingURL=dso-onboarding-tip.entry.js.map

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h, F as Fragment, g as getElement } from './index-Dx5skKSq.js';
+import { r as registerInstance, d as createEvent, h, F as Fragment, g as getElement } from './index-ai7aDzJN.js';
 import { i as isModifiedEvent } from './is-modified-event-Hgv-pDpy.js';
 
 const paginationCss = () => `:host{display:block}*,*::after,*::before{box-sizing:border-box}.pagination ul{padding-inline-start:initial;text-align:center}.pagination ul>li{display:inline-block;font-weight:bold;line-height:calc(2rem - 4px);text-align:center;vertical-align:middle}.pagination ul>li>a,.pagination ul>li>span{align-items:center;color:#39870c;display:flex;block-size:2rem;justify-content:center;position:relative;min-inline-size:2rem;padding:2px;padding-block:2px;padding-inline:2px}.pagination ul>li>a:active{background-color:#ebf3e6}.pagination ul>li>span{border:2px solid transparent;border-radius:1rem}.pagination ul>li a{line-height:2rem;text-decoration:none}.pagination ul>li a:hover,.pagination ul>li a:focus{text-decoration:none}.pagination ul>li a:hover::after,.pagination ul>li a:focus::after{border-block-end-color:#39870c}.pagination ul>li a::after{border-block-end:3px solid transparent;inset-block-end:0;content:"";display:inline-block;inset-inline-start:0;position:absolute;inline-size:100%}.pagination ul>li.active span{background-color:#39870c;color:#fff}.pagination ul>li+li{margin-inline-start:8px}.dso-page-hidden{visibility:hidden}.sr-only.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}`;
@@ -31,11 +31,11 @@ const Pagination = class {
         });
     }
     componentDidLoad() {
-        var _a;
-        (_a = this.responsiveElement) === null || _a === void 0 ? void 0 : _a.getSize().then((size) => (this.availablePositions = this.getAvailablePositions(this.sizePositionsMap[size])));
+        this.responsiveElement
+            ?.getSize()
+            .then((size) => (this.availablePositions = this.getAvailablePositions(this.sizePositionsMap[size])));
     }
     render() {
-        var _a;
         if (!this.totalPages && !this.currentPage) {
             return null;
         }
@@ -43,7 +43,7 @@ const Pagination = class {
             return h("dso-responsive-element", { ref: (element) => (this.responsiveElement = element) });
         }
         const availablePositions = this.availablePositions;
-        const currentPage = (_a = this.currentPage) !== null && _a !== void 0 ? _a : 0;
+        const currentPage = this.currentPage ?? 0;
         const pages = this.getPages(currentPage, this.availablePositions, this.totalPages);
         return (h("dso-responsive-element", { ref: (element) => (this.responsiveElement = element) }, h("nav", { class: "pagination", "aria-label": "Paginering" }, h("ul", null, h("li", { class: currentPage <= 1 || !currentPage ? "dso-page-hidden" : undefined }, h("a", { href: this.formatHref(currentPage - 1), "aria-label": "Vorige", onClick: (e) => currentPage && this.clickHandler(e, currentPage - 1) }, h("dso-icon", { icon: "chevron-left" }))), pages.map((page) => (h(Fragment, null, this.showEllipsisBeforeLast(pages, page, availablePositions) && (h("li", null, h("span", null, "..."))), h("li", { key: page, class: currentPage === page ? "active" : undefined }, currentPage === page ? (h("span", { "aria-current": "page" }, page)) : (h("a", { href: this.formatHref(page), onClick: (e) => this.clickHandler(e, page) }, page)), page === this.totalPages ? h("span", { class: "sr-only" }, " (laatste pagina)") : null), this.showEllipsisAfterFirst(pages, page, availablePositions) && (h("li", null, h("span", null, "..."))), this.showEllipsisLastWithoutTotal(pages, page, this.totalPages) && (h("li", null, h("span", null, "...")))))), h("li", { class: (this.totalPages && currentPage >= this.totalPages) || !currentPage ? "dso-page-hidden" : undefined }, h("a", { href: this.formatHref(currentPage + 1), "aria-label": "Volgende", onClick: (e) => currentPage && this.clickHandler(e, currentPage + 1) }, h("dso-icon", { icon: "chevron-right" })))))));
     }
@@ -148,4 +148,3 @@ const Pagination = class {
 Pagination.style = paginationCss();
 
 export { Pagination as dso_pagination };
-//# sourceMappingURL=dso-pagination.entry.js.map

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, d as createEvent, f as forceUpdate, h, F as Fragment, a as Host, g as getElement } from './index-Dx5skKSq.js';
+import { r as registerInstance, d as createEvent, f as forceUpdate, h, F as Fragment, a as Host, g as getElement } from './index-ai7aDzJN.js';
 import { i as isModifiedEvent } from './is-modified-event-Hgv-pDpy.js';
 
-const plekinfoCardCss = () => `ins{text-decoration:none;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}ins{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:colors.$zwart}del{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}del{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:colors.$zwart;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del{font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-plekinfo-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-plekinfo-card-container .dso-plekinfo-card-heading{display:flex;align-items:start;column-gap:8px}@media screen and (max-width: 480px){.dso-plekinfo-card-container .dso-plekinfo-card-heading{flex-wrap:wrap}}.dso-plekinfo-card-container .dso-plekinfo-card-heading+.dso-plekinfo-card-content{margin-block-start:8px}.dso-plekinfo-card-container .dso-plekinfo-card-symbol{grid-row:span 2;margin-inline-end:8px}.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}ins.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#d8e5c9}del.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#e9cdd1}:host([active]:not([active=false])) .dso-plekinfo-card-container{background-color:#e5e5e5}:host([active]:not([active=false])) ins.dso-plekinfo-card-container{background-color:#ced9bf}:host([active]:not([active=false])) del.dso-plekinfo-card-container{background-color:#ddc3c6}:host([has-symbol]) .dso-plekinfo-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-heading,:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-content{grid-column:2/-1}::slotted([slot=meta]){display:flex !important;justify-content:space-between !important;flex-shrink:0 !important;align-self:end !important}@media screen and (max-width: 480px){::slotted([slot=meta]){flex-basis:100% !important;margin-block-start:8px !important}}::slotted([slot=heading]){display:inline !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}::slotted([slot=content]){--_dt-rich-content-margin-block:8px;--_dt-rich-content-margin-block-end:0;--_dt-rich-content-margin-block-start:0}::slotted([slot=interaction]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interaction]){flex-basis:100% !important;margin-block-start:16px !important}}.heading-anchor{color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.heading-anchor .icon-container{position:relative;padding-inline-end:24px}.heading-anchor .icon-container dso-icon{position:absolute;inset-inline-end:0;inset-block-end:-3px;block-size:24px;inline-size:24px}`;
+const plekinfoCardCss = () => `ins{text-decoration:none;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}ins{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}del{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}del{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del{font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-plekinfo-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-plekinfo-card-container .dso-plekinfo-card-heading{display:flex;align-items:start;column-gap:8px}@media screen and (max-width: 480px){.dso-plekinfo-card-container .dso-plekinfo-card-heading{flex-wrap:wrap}}.dso-plekinfo-card-container .dso-plekinfo-card-heading+.dso-plekinfo-card-content{margin-block-start:8px}.dso-plekinfo-card-container .dso-plekinfo-card-symbol{grid-row:span 2;margin-inline-end:8px}.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}ins.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#d8e5c9}del.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#e9cdd1}:host([active]:not([active=false])) .dso-plekinfo-card-container{background-color:#e5e5e5}:host([active]:not([active=false])) ins.dso-plekinfo-card-container{background-color:#ced9bf}:host([active]:not([active=false])) del.dso-plekinfo-card-container{background-color:#ddc3c6}:host([has-symbol]) .dso-plekinfo-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-heading,:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-content{grid-column:2/-1}::slotted([slot=meta]){display:flex !important;justify-content:space-between !important;flex-shrink:0 !important;align-self:end !important}@media screen and (max-width: 480px){::slotted([slot=meta]){flex-basis:100% !important;margin-block-start:8px !important}}::slotted([slot=heading]){display:inline !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}::slotted([slot=content]){--_dt-rich-content-margin-block:8px;--_dt-rich-content-margin-block-end:0;--_dt-rich-content-margin-block-start:0}::slotted([slot=interaction]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interaction]){flex-basis:100% !important;margin-block-start:16px !important}}.heading-anchor{color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.heading-anchor .icon-container{position:relative;padding-inline-end:24px}.heading-anchor .icon-container dso-icon{position:absolute;inset-inline-end:0;inset-block-end:-3px;block-size:24px;inline-size:24px}`;
 
 const WrapWijzigactie = ({ wijzigactie }, children) => {
     if (wijzigactie === "voegtoe") {
@@ -26,8 +26,7 @@ const PlekinfoCard = class {
         this.mutationObserver.observe(this.host, { attributes: true, childList: true });
     }
     disconnectedCallback() {
-        var _a;
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.mutationObserver?.disconnect();
         delete this.mutationObserver;
     }
     clickEventHandler(e) {
@@ -47,11 +46,10 @@ const PlekinfoCard = class {
     }
     render() {
         const hasSymbol = this.symbolSlottedElement !== null;
-        return (h(Host, { key: '2866e252f13a703ee665c6873e9ebce171712f5a', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: '9b7928fe32e1b9aee41bac41286c34c86cb740d3', wijzigactie: this.wijzigactie }, h("div", { key: '8f365899b1a72b6788b5f9fe3026cf08dcadf39c', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: 'a97698e558336efbb014e80c1af88052525f624e', name: "symbol" })), h("div", { key: '7e5171b34525d67b0ae06737e5ebe500c7d84201', class: "dso-plekinfo-card-heading" }, this.href ? (h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { class: "icon-container" }, this.targetBlank ? (h(Fragment, null, h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (h("dso-icon", { icon: "chevron-right" })), h("slot", { name: "heading" })))) : (h("slot", { name: "heading" })), this.metaSlottedElement !== null && h("slot", { key: 'e7c0cdc80915e9bc1733bed4d938866c3ee66260', name: "meta" }), this.interaction !== null && h("slot", { key: '18852deb9114ce7152b0844fe284ca91acdb890f', name: "interaction" })), h("div", { key: '104987489255f9de27c518138e85804f6b993158', class: "dso-plekinfo-card-content" }, h("slot", { key: '98b1ba6cabb7df67d7afe088e87fcd092545be8a', name: "content" })))));
+        return (h(Host, { key: 'a2c907d0f2be52a4816c2a0c7d73449a6f1463f2', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: '712a59c849527b431093889eb75edbb54a6b6217', wijzigactie: this.wijzigactie }, h("div", { key: 'bf76d9c9dccc1bac5c20c12abc57a1a6f4cc42b2', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: 'afcdc38b574d5422c2a93819949d1a74c88e5960', name: "symbol" })), h("div", { key: 'b4f0b7014e90ef73531a0beab46e275824e00272', class: "dso-plekinfo-card-heading" }, this.href ? (h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { class: "icon-container" }, this.targetBlank ? (h(Fragment, null, h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (h("dso-icon", { icon: "chevron-right" })), h("slot", { name: "heading" })))) : (h("slot", { name: "heading" })), this.metaSlottedElement !== null && h("slot", { key: 'b19d778fedb08afff8850a890afc1c5a6ddc5348', name: "meta" }), this.interaction !== null && h("slot", { key: 'a1b83b992f140324e8635ca873560f6f16198a8c', name: "interaction" })), h("div", { key: '47e066a797fcc2de5964a32efd6159d07df4f642', class: "dso-plekinfo-card-content" }, h("slot", { key: 'd51a70ff7e321488f4f1c52ccebff926de5c5efa', name: "content" })))));
     }
     get host() { return getElement(this); }
 };
 PlekinfoCard.style = plekinfoCardCss();
 
 export { PlekinfoCard as dso_plekinfo_card };
-//# sourceMappingURL=dso-plekinfo-card.entry.js.map

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-Dx5skKSq.js';
-import { i as i18n } from './i18n-pxiVAmq4.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-ai7aDzJN.js';
+import { i as i18n } from './i18n-FXEjFTzg.js';
 
 const translations = {
     en: {
@@ -22,11 +22,10 @@ const Progressindicator = class {
         this.text = i18n(() => this.host, translations);
     }
     render() {
-        return (h(Host, { key: '8ab3db9242f44f583258a9f313a8e3fbb9b72d0d' }, h("span", { key: '193a169135e1617727e86cc1c11cf87250220493', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: '1d5e137b36f95fb9600545f58687a401276a27b7', icon: "spinner" })), h("span", { key: 'e5d674bd60e0037ad0e78ed7129ac74002ce38f2', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
+        return (h(Host, { key: '5fa9e0caf06bc75410aa225a4e99e50b381bb396' }, h("span", { key: 'b89e86db1ffe6138b2ed33f08ea462e2501cf3c5', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: 'af7338d1bd50ca89206450c006f60f8b912eb9a7', icon: "spinner" })), h("span", { key: '6deb8a1b9a92d089d7260caee85f72c4ab7d46e8', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
     }
     get host() { return getElement(this); }
 };
 Progressindicator.style = progressIndicatorCss();
 
 export { Progressindicator as dso_progress_indicator };
-//# sourceMappingURL=dso-progress-indicator.entry.js.map

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

@@ -1,16 +1,15 @@
-import { r as registerInstance, h, F as Fragment } from './index-Dx5skKSq.js';
+import { r as registerInstance, h, F as Fragment } from './index-ai7aDzJN.js';
 
-const projectItemCss = () => `:host{display:block;padding:16px;border:1px solid #ccc;border-radius:4px}*,*::after,*::before{box-sizing:border-box}::slotted(dl[slot=progress]),::slotted(dl[slot=status]){--_dt-dl-margin-block-end:0;--_dt-dl-before-display:none;--_dt-dl-dt-font-weight:normal;--_dt-dl-dd-margin-block-start:0;--_dt-dl-dd-margin-inline-start:units.$u1;--_dt-dl-dd-padding-inline-start:0;--_dt-dl-dt-inline-size:auto;--_dt-dl-dd-last-margin-block-end:0;--_dt-mark-bg-color:none;--_dt-mark-padding-block:0;--_dt-mark-color:inherit;--_dt-mark-font-weight:600;display:flex !important;flex-wrap:wrap;column-gap:16px}::slotted([slot=status]){--_dt-dl-font-size:0.875rem}::slotted([slot=title]){margin-block:0 !important;font-size:1.25rem !important}::slotted([slot=actions]){display:flex}.project-item-header{display:flex;gap:16px;flex-wrap:nowrap;align-items:flex-start;margin-block-end:16px}.project-item-title{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;flex-grow:1}.project-item-actions{display:flex;flex-shrink:0;flex-wrap:nowrap}.project-item-info{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;align-items:flex-end}`;
+const projectItemCss = () => `:host{display:block;padding:16px;border:1px solid #ccc;border-radius:4px}*,*::after,*::before{box-sizing:border-box}::slotted(dl[slot=progress]),::slotted(dl[slot=status]){--_dt-dl-margin-block-end:0;--_dt-dl-before-display:none;--_dt-dl-dt-font-weight:normal;--_dt-dl-dd-margin-block-start:0;--_dt-dl-dd-margin-inline-start:8px;--_dt-dl-dd-padding-inline-start:0;--_dt-dl-dt-inline-size:auto;--_dt-dl-dd-last-margin-block-end:0;--_dt-mark-bg-color:none;--_dt-mark-padding-block:0;--_dt-mark-color:inherit;--_dt-mark-font-weight:600;display:flex !important;flex-wrap:wrap;column-gap:16px}::slotted([slot=status]){--_dt-dl-font-size:0.875rem}::slotted([slot=title]){margin-block:0 !important;font-size:1.25rem !important}::slotted([slot=actions]){display:flex}.project-item-header{display:flex;gap:16px;flex-wrap:nowrap;align-items:flex-start;margin-block-end:16px}.project-item-title{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;flex-grow:1}.project-item-actions{display:flex;flex-shrink:0;flex-wrap:nowrap}.project-item-info{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;align-items:flex-end}`;
 
 const ProjectItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Fragment, { key: '12935f64b5c0cac32850e92ec594eac15fda660e' }, h("div", { key: '1125f19e534e74c3b50519b66b0117063e16ea9c', class: "project-item-header" }, h("div", { key: '262432d19146db36ef8dca100191299a1b991af1', class: "project-item-title" }, h("slot", { key: 'e84d0c1bc18e5f7c7a88ee21d522d5dfa8b2558a', name: "title" }), this.label && (h("dso-label", { key: 'cfe1a7b9d673c7e3513607cf86d745441df63ff7', status: "error", compact: true }, this.label))), h("div", { key: '05f7192b693cb027360cd10f081e09c767964f6b', class: "project-item-actions" }, h("slot", { key: '3e6aba40efd02de33a71a6288a9aab9845d124af', name: "actions" }))), h("div", { key: '3dc045a2481645f91906c2452ec7b64a1c009986', class: "project-item-info" }, h("div", { key: '7ab685ce1d25cca777f2239143b390ff630dc27a', class: "project-item-progress" }, h("slot", { key: '830643aa3b99b44dbcd6a8a5eab01a6ef0f8999e', name: "progress" })), h("div", { key: 'd87d23373afa3019b7f18668b13eabdec8a41cf4', class: "project-item-status" }, h("slot", { key: '7a52a02dca7d72cf356884333a3151e4c707c521', name: "status" })))));
+        return (h(Fragment, { key: 'ea5d57178d688d5153728f59d63fb9eca807902e' }, h("div", { key: '1601369295bde880747bca76a2d09e4af5e92df0', class: "project-item-header" }, h("div", { key: '2aea2de883cd682591c1ab8cff3f18589832d0bc', class: "project-item-title" }, h("slot", { key: '988bfa71770b9aa323a08f17d9fd4bd5430e0d11', name: "title" }), this.label && (h("dso-label", { key: 'bebc48107e8fdad8af897de5152e9848ab331bf7', status: "error", compact: true }, this.label))), h("div", { key: 'c8da0e2fb5f477dab60a3da9542c97d577a7c443', class: "project-item-actions" }, h("slot", { key: '7055bb2981bd48c6d46f236538caca79ab77a81b', name: "actions" }))), h("div", { key: 'ba0d34fff5d8f7d9de49faff24ec67471e42678f', class: "project-item-info" }, h("div", { key: '6d8549db9fe68754c112263f844343ba8d738236', class: "project-item-progress" }, h("slot", { key: 'f81d49758887cfc5df2a5a098fa7437a04b98c72', name: "progress" })), h("div", { key: 'f59d5570e3f34f7e307056d5429a0dc2a1194c60', class: "project-item-status" }, h("slot", { key: '14356e969dba3bd3118314a3e1b6cfcd8266fd5c', name: "status" })))));
     }
 };
 ProjectItem.style = projectItemCss();
 
 export { ProjectItem as dso_project_item };
-//# sourceMappingURL=dso-project-item.entry.js.map

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-Dx5skKSq.js';
+import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-ai7aDzJN.js';
 
 const responsiveElementCss = () => `:host{display:block}`;
 
@@ -23,11 +23,10 @@ const ResponsiveElement = class {
         this.sizeAlias = elementSizes[0].alias;
         this.sizeWidth = 0;
         this.observer = new ResizeObserver(([entry]) => {
-            var _a, _b;
             if (!entry) {
                 throw new Error("No entry found");
             }
-            const size = (_b = (_a = elementSizes.find((s) => entry.contentRect.width >= s.width)) === null || _a === void 0 ? void 0 : _a.alias) !== null && _b !== void 0 ? _b : elementSizes[0].alias;
+            const size = elementSizes.find((s) => entry.contentRect.width >= s.width)?.alias ?? elementSizes[0].alias;
             this.sizeAlias = size;
             this.dsoSizeChange.emit(size);
         });
@@ -45,11 +44,10 @@ const ResponsiveElement = class {
         this.observer.unobserve(this.host);
     }
     render() {
-        return (h(Host, { key: '8949125bfa2cbeee5544b5ea5fe7d3b5fc95495f', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: '2fafcef7f364684ad31c6e1d95ec431ad2f06334' })));
+        return (h(Host, { key: 'ca9c1b61a8604e516e05bdce5117192964831c90', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: 'd8465b9289ba9657d50c36cd0d43926e5ac47d3f' })));
     }
     get host() { return getElement(this); }
 };
 ResponsiveElement.style = responsiveElementCss();
 
 export { ResponsiveElement as dso_responsive_element };
-//# sourceMappingURL=dso-responsive-element.entry.js.map

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, d as createEvent, h, g as getElement } from './index-Dx5skKSq.js';
+import { r as registerInstance, d as createEvent, h, g as getElement } from './index-ai7aDzJN.js';
 import { c as clsx } from './clsx-ChV9xqsO.js';
 import { d as debounce } from './index-baWVwd8J.js';
 
-const scrollableCss = () => `:host{display:block;block-size:100%;overflow-y:hidden;border-radius:var(--_dt-scrollable-border-radius, 0)}*,*::after,*::before{box-sizing:border-box}.dso-shadow-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;position:relative}.dso-shadow-container .dso-scroll-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;overflow-y:auto;padding-inline:var(--_dt-scrollable-container-padding-inline, 0);padding-block:var(--_dt-scrollable-container-padding-block, 0);border-end-start-radius:var(--_dt-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dt-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before,.dso-shadow-container .dso-scroll-container::after{background-repeat:no-repeat;background-size:100% 24px;content:"";display:block;block-size:24px;inset-inline-start:0;opacity:0;overflow:visible;position:absolute;transition:opacity 150ms ease-in-out;inline-size:100%;pointer-events:none;z-index:1;border-end-start-radius:var(--_dt-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dt-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before{background-image:linear-gradient(to top, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-start:0}.dso-shadow-container .dso-scroll-container::after{background-image:linear-gradient(to bottom, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-end:0}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom::before{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-top::after{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-middle::before,.dso-shadow-container .dso-scroll-container.dso-scroll-middle::after{opacity:1}`;
+const scrollableCss = () => `:host{display:block;block-size:100%;overflow-y:hidden;border-radius:var(--_dt-scrollable-border-radius, 0)}*,*::after,*::before{box-sizing:border-box}.dso-shadow-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;position:relative}.dso-shadow-container .dso-scroll-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;overflow-y:hidden;padding-inline:var(--_dt-scrollable-container-padding-inline, 0);padding-block:var(--_dt-scrollable-container-padding-block, 0);border-end-start-radius:var(--_dt-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dt-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before,.dso-shadow-container .dso-scroll-container::after{background-repeat:no-repeat;background-size:100% 24px;content:"";display:block;block-size:24px;inset-inline-start:0;opacity:0;overflow:visible;position:absolute;transition:opacity 150ms ease-in-out;inline-size:100%;pointer-events:none;z-index:1;border-end-start-radius:var(--_dt-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dt-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before{background-image:linear-gradient(to top, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-start:0}.dso-shadow-container .dso-scroll-container::after{background-image:linear-gradient(to bottom, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-end:0}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom,.dso-shadow-container .dso-scroll-container.dso-scroll-top,.dso-shadow-container .dso-scroll-container.dso-scroll-middle{overflow-y:auto}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom::before{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-top::after{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-middle::before,.dso-shadow-container .dso-scroll-container.dso-scroll-middle::after{opacity:1}`;
 
-const resizeObserver = new ResizeObserver(debounce((entries) => entries.forEach((entry) => { var _a; return (_a = getScrollableComponentFromResizeObserverEntry(entry)) === null || _a === void 0 ? void 0 : _a._setScrollState(); }), 50));
+const resizeObserver = new ResizeObserver(debounce((entries) => entries.forEach((entry) => getScrollableComponentFromResizeObserverEntry(entry)?._setScrollState()), 50));
 function getScrollableComponentFromResizeObserverEntry({ target, }) {
     if (target.parentNode instanceof ShadowRoot && isDsoScrollableComponent(target.parentNode.host)) {
         return target.parentNode.host;
@@ -23,8 +23,7 @@ const Scrollable = class {
         this.dsoScrollEnd = createEvent(this, "dsoScrollEnd", 7);
         // One MutationObserver per instance because of https://github.com/whatwg/dom/issues/126
         this.mutationObserver = new MutationObserver((entries) => entries.forEach(({ target }) => {
-            var _a;
-            const element = (_a = target.parentElement) === null || _a === void 0 ? void 0 : _a.closest("dso-scrollable");
+            const element = target.parentElement?.closest("dso-scrollable");
             if (element !== this.host) {
                 return;
             }
@@ -55,7 +54,10 @@ const Scrollable = class {
             return "noScroll";
         }
         const { scrollHeight, clientHeight, scrollTop } = this.scrollContainerDiv;
-        if (scrollHeight <= clientHeight) {
+        // At certain browser zoom levels (e.g. 25-50%), scrollHeight and clientHeight are
+        // rounded independently, causing a false overflow of up to ~8px. Returning "noScroll"
+        // keeps overflow-y: hidden (via CSS) which prevents the scrollbar from appearing.
+        if (scrollHeight - clientHeight < 8) {
             return "noScroll";
         }
         if (scrollTop === 0) {
@@ -89,13 +91,12 @@ const Scrollable = class {
         this.slottedElements.forEach((element) => resizeObserver.unobserve(element));
     }
     render() {
-        return (h("div", { key: 'dee37c2609831086f1b3955405cb3e77fad6e00b', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: 'e2a462c19b66745489b8d6e2105b560aa872528c', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
+        return (h("div", { key: 'e94af45c3732f7691a092af7bf842391af3c437c', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: '154edbc32a0902fb5f006c647bbdeb9c564cf981', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
                 [`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== "noScroll",
-            }), onScroll: () => this._setScrollState() }, h("slot", { key: '8cd3cf93c18bb02a2aef1eaf311381cdcbd632b2' }))));
+            }), onScroll: () => this._setScrollState() }, h("slot", { key: 'b0a8bd4bb35413614c41ebb077bd7613e303682a' }))));
     }
     get host() { return getElement(this); }
 };
 Scrollable.style = scrollableCss();
 
 export { Scrollable as dso_scrollable };
-//# sourceMappingURL=dso-scrollable.entry.js.map

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

@@ -0,0 +1,33 @@
+import { r as registerInstance, d as createEvent, h, g as getElement } from './index-ai7aDzJN.js';
+
+const segmentedButtonCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:inline-block}.segmented-button{display:inline-flex;gap:4px;border:1px solid #ccc;border-radius:12px;flex-wrap:nowrap}.segmented-button label{position:relative;user-select:none;flex-shrink:0}.segmented-button label:has(input:not(:disabled)):hover{cursor:pointer}.segmented-button label:has(input:not(:disabled)):hover input:not(:checked)+.segment-label{color:#275937}.segmented-button label:has(input:disabled) .segment-label{color:#afcf9d}.segmented-button input[type=radio]{position:absolute;opacity:0;inline-size:1px;block-size:1px;padding:0;margin:0}.segmented-button input[type=radio]:focus-visible+.segment-label{outline:2px solid #275937;outline-offset:2px}.segmented-button input[type=radio]:checked+.segment-label{background-color:#275937;color:#fff}.segmented-button .segment-label{display:inline-flex;align-items:center;justify-content:center;block-size:24px;font-size:16px;font-weight:500;background:#fff;color:#39870c;border-radius:12px;padding-inline:12px}`;
+
+const SegmentedButton = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.dsoChange = createEvent(this, "dsoChange", 3);
+    }
+    /*
+     * Update active option unless it's disabled or already active
+     */
+    handleClick(option, event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (option.disabled || this.activeOption === option) {
+            return;
+        }
+        this.dsoChange.emit({
+            option,
+            originalEvent: event,
+        });
+    }
+    render() {
+        return (h("div", { key: 'f653f25376c48c6dbe7c7ff1da117303aa0f9d5b', class: "segmented-button", role: "radiogroup", "aria-label": this.label, "aria-required": this.required?.toString() }, this.options?.map((option) => {
+            return (h("label", null, h("input", { type: "radio", name: this.groupName, value: option.label, checked: this.activeOption === option, disabled: option.disabled, onClick: (event) => this.handleClick(option, event) }), h("span", { class: "segment-label" }, option.label)));
+        })));
+    }
+    get host() { return getElement(this); }
+};
+SegmentedButton.style = segmentedButtonCss();
+
+export { SegmentedButton as dso_segmented_button };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h } from './index-Dx5skKSq.js';
+import { r as registerInstance, d as createEvent, h } from './index-ai7aDzJN.js';
 import { i as isModifiedEvent } from './is-modified-event-Hgv-pDpy.js';
 
 const skiplinkCss = () => `:host{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:2;display:block;inline-size:100vw}*,*::after,*::before{box-sizing:border-box}a{position:absolute;inset-inline-start:50%;inset-block-start:16px;display:inline-block;inline-size:1px;block-size:1px;overflow:hidden;background-color:#fff;border-radius:2px;clip-path:inset(1px);color:var(--link-color);white-space:nowrap;text-decoration:none;transform:translate(-50%);box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}a:focus-visible{inline-size:auto;block-size:auto;padding:8px;clip-path:none;white-space:normal;outline-offset:2px}`;
@@ -15,10 +15,9 @@ const Skiplink = class {
         return this.dsoSkiplinkClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });
     }
     render() {
-        return (h("a", { key: 'b5a5885a85b0f58fe63af973f7cd453673c31388', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: 'c1e3ca48a711c1c6b1ed88df97b91636f27b383a', icon: "chevron-right" })));
+        return (h("a", { key: '28a13893038244918930c08eff5aa3177e780c21', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: '64297dbb98a95a839f583285ad0d1f954cdd9192', icon: "chevron-right" })));
     }
 };
 Skiplink.style = skiplinkCss();
 
 export { Skiplink as dso_skiplink };
-//# sourceMappingURL=dso-skiplink.entry.js.map