npm - @dso-toolkit/core - Versions diffs - 96.0.0 → 97.0.0-ghi-3769.1 - Mend

@dso-toolkit/core 96.0.0 → 97.0.0-ghi-3769.1

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

Files changed (381) hide show

package/dist/collection/components/info-button/info-button.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Host, h } from "@stencil/core";
+import { Host, h, } from "@stencil/core";
 import { positionTooltip } from "../../functional-components/tooltip/position-tooltip.function";
 import { Tooltip } from "../../functional-components/tooltip/tooltip.functional-component";
 export class InfoButton {
@@ -17,20 +17,35 @@ export class InfoButton {
         this.toggletipPlacement = "top";
         this.toggletipActive = false;
         this.hasToggletip = false;
-        this.keyDownHandler = (event) => {
-            if (!this.toggletipActive)
+        this.handleOutsideEvent = (event) => {
+            if (!this.toggletipActive) {
                 return;
-            if (event.key === "Escape") {
-                this.toggletipActive = false;
+            }
+            if (!event.composedPath().includes(this.host)) {
+                this.closeToggletip();
             }
         };
-        this.focusOutHandler = (event) => {
-            if (!this.host.contains(event.relatedTarget)) {
-                this.toggletipActive = false;
-                this.toggletipElRef?.hidePopover();
+        this.keyDownHandler = (event) => {
+            if (!this.toggletipActive) {
+                return;
+            }
+            if (event.key === "Escape") {
+                this.closeToggletip();
             }
         };
     }
+    /**
+     * Listen early to `focusin` at document level and only closes when `composedPath()` shows focus moved outside this component; this is more reliable in Safari.
+     */
+    onDocumentFocusIn(event) {
+        this.handleOutsideEvent(event);
+    }
+    /**
+     * Also catches clicks without focus via `pointerdown` and closes when `composedPath()` shows interaction outside the component, including Safari.
+     */
+    onDocumentPointerDown(event) {
+        this.handleOutsideEvent(event);
+    }
     /**
      * To set focus to the toggle button.
      */
@@ -45,6 +60,13 @@ export class InfoButton {
             this.dsoToggle.emit({ originalEvent, active: !this.active });
         }
     }
+    closeToggletip() {
+        this.toggletipActive = false;
+        if (this.toggletipElRef?.isConnected && this.toggletipElRef.matches(":popover-open")) {
+            this.toggletipElRef.hidePopover();
+        }
+        this.cleanUpTooltip();
+    }
     cleanUpTooltip() {
         this.cleanUpFunction?.();
         this.cleanUpFunction = undefined;
@@ -73,8 +95,7 @@ export class InfoButton {
                 this.toggletipElRef?.showPopover();
             }
             else {
-                this.toggletipElRef?.hidePopover();
-                this.cleanUpTooltip();
+                this.closeToggletip();
             }
         }
     }
@@ -88,12 +109,12 @@ export class InfoButton {
         });
     }
     disconnectedCallback() {
-        this.cleanUpTooltip();
+        this.closeToggletip();
         this.mutationObserver?.disconnect();
         delete this.mutationObserver;
     }
     render() {
-        return (h(Host, { key: '10ad36d2309fd1f8b9f43d77ddb4adc130428964', onKeyDown: this.keyDownHandler, onFocusout: this.focusOutHandler }, h("dso-icon-button", { key: 'f94a0c12e24a97b834a039458aa6b0982ffea47c', variant: "tertiary", label: this.label, onDsoClick: (e) => this.handleToggle(e.detail.originalEvent), icon: this.active || this.toggletipActive ? "info-solid" : "info-outline", ref: (element) => (this.button = element), "aria-expanded": this.toggletipActive ? "true" : "false", "aria-controls": "toggletip-content" }), this.hasToggletip && (h(Tooltip, { key: '1366a103b0ea2ab05c7e3f959e0b7920a783223f', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element) }, h("dso-scrollable", { key: 'f4b35f1bbd2f9208ca4aaa0ae09b06b7e7142bf9', ref: (element) => (this.restrictContentElement = element), id: "toggletip-content", "aria-live": "polite" }, h("slot", { key: 'df3ef36165d1ec3358feedf214a09d9dafef9902', name: "toggletip" }))))));
+        return (h(Host, { key: '41ad3d6976d58821505f0a5640807c0a55d6ebfa', onKeyDown: this.keyDownHandler }, h("dso-icon-button", { key: 'c1a6157d01a1e3da93ec829232e3c10689ba5b9e', variant: "tertiary", label: this.label, onDsoClick: (e) => this.handleToggle(e.detail.originalEvent), icon: this.active || this.toggletipActive ? "info-solid" : "info-outline", ref: (element) => (this.button = element), "aria-expanded": this.toggletipActive ? "true" : "false", "aria-controls": this.hasToggletip ? "toggletip-content" : undefined }), this.hasToggletip && (h(Tooltip, { key: 'f7d3496067690d138339a2dbb41496df3c85d7e9', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element) }, h("dso-scrollable", { key: 'ac265421464d919247dbc4ceea7f4c1daefb250f', ref: (element) => (this.restrictContentElement = element), id: "toggletip-content", "aria-live": "polite" }, h("slot", { key: 'af1197efa5166f2618424b1424d5c438ab7089e6', name: "toggletip" }))))));
     }
     static get is() { return "dso-info-button"; }
     static get encapsulation() { return "shadow"; }
@@ -231,4 +252,19 @@ export class InfoButton {
         };
     }
     static get elementRef() { return "host"; }
+    static get listeners() {
+        return [{
+                "name": "focusin",
+                "method": "onDocumentFocusIn",
+                "target": "document",
+                "capture": true,
+                "passive": false
+            }, {
+                "name": "pointerdown",
+                "method": "onDocumentPointerDown",
+                "target": "document",
+                "capture": true,
+                "passive": true
+            }];
+    }
 }

package/dist/collection/components/input-range/input-range.js CHANGED Viewed

@@ -10,13 +10,13 @@ export class InputRange {
         const min = this.min || 0;
         const max = this.max || 100;
         const step = this.step || 1;
-        return (h(Fragment, null, this.description && (h("span", { key: 'e6d9d790d42f441d15b461010d3773ac94851482', id: "description", hidden: true }, this.description)), h("span", { key: 'c5bd62d65306dc41df200366cff5d38a3f9fd46a', class: "counter", "aria-hidden": "true" }, min, this.unit), h("input", { key: '8c6134aa6334b9cc475f08cf62f60357d11d78ee', type: "range", min: min, max: max, step: step, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
+        return (h(Fragment, null, this.description && (h("span", { key: '817a31fe6d65fcdcf80ba2ab8c6782a6caaa5e6a', id: "description", hidden: true }, this.description)), h("span", { key: '26e3a9848dc7d5b017f0347f46ed6a401b52a85d', class: "counter", "aria-hidden": "true" }, min, this.unit), h("input", { key: '901fd461f8022de4f07e76f9d26c939e69f91d49', type: "range", min: min, max: max, step: step, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
                 originalEvent: event,
                 value: event.target instanceof HTMLInputElement ? parseInt(event.target.value, 10) : undefined,
                 max,
                 min,
                 step,
-            }) }), h("span", { key: 'ed7323ee13025476fadba72522d829531c32263f', class: "counter", "aria-hidden": "true" }, max, this.unit)));
+            }) }), h("span", { key: 'aaf24f2564c9a896e2d192efaacda91132056729', class: "counter", "aria-hidden": "true" }, max, this.unit)));
     }
     static get is() { return "dso-input-range"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/label/label.js CHANGED Viewed

@@ -118,11 +118,11 @@ export class Label {
         this.isTruncated = false;
     }
     render() {
-        return (h(Fragment, { key: 'e6147116684de129f842e3f87d15239394b68909' }, h("span", { key: 'a4aecc6e1663e214f453aac7a19607f88ca61b8a', "aria-describedby": this.isTruncated ? "toggle-anchor" : null, class: clsx("dso-label", {
+        return (h(Fragment, { key: 'a99d6cc8963369323170ebcc53e28b94b7d7c7c3' }, h("span", { key: '537eb8d01a5267b8a086f9d36f3467a966b17a46', "aria-describedby": this.isTruncated ? "toggle-anchor" : null, class: clsx("dso-label", {
                 [`dso-label-${this.status}`]: this.status,
                 "dso-compact": this.compact && !this.removable,
                 "dso-hover": this.removeHover || this.removeFocus,
-            }) }, h("slot", { key: '063f6abda24eed65322b0d076d2e7cacee4e587d', name: "symbol" }), h("span", { key: 'c11377a23dc1e9f2df598c3a51161e9cf59364fd', class: "dso-label-content", ref: (element) => (this.labelContent = element), tabindex: this.truncate && this.isTruncated ? 0 : undefined, onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip }, h("slot", { key: '41b9e8a42beddb9944a12191451f189e75184e14' })), this.removable && (h("dso-icon-button", { key: 'dee64f0d16e68128520b621952bfc43676873e2f', variant: "tertiary", icon: "cross", label: `Verwijder: ${this.labelText}`, onDsoClick: (e) => this.dsoRemoveClick.emit(e.detail.originalEvent), onMouseEnter: () => (this.removeHover = true), onMouseLeave: () => (this.removeHover = false), onFocus: () => (this.removeFocus = true), onBlur: () => (this.removeFocus = false) }))), this.isTruncated && (h(Tooltip, { key: '368a5cb2abda6361275f2fe2bb34b2a480747e68', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, h("span", { key: '18913189bee3dbd55110b0d9a91c7acc22abd9ae', id: "toggle-anchor" }, this.labelText)))));
+            }) }, h("slot", { key: 'c5b88bf55d16e7eba13b38772921569c19e7154e', name: "symbol" }), h("span", { key: '1d38e0213e1f29c766d90572445912fa11865baf', class: "dso-label-content", ref: (element) => (this.labelContent = element), tabindex: this.truncate && this.isTruncated ? 0 : undefined, onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip }, h("slot", { key: 'f5aecdb0e9c06e07d07d9b851d09d17ffcb48201' })), this.removable && (h("dso-icon-button", { key: '22f46320e8dad5ea1a4ac74ab42c7b8112e961c0', variant: "tertiary", icon: "cross", label: `Verwijder: ${this.labelText}`, onDsoClick: (e) => this.dsoRemoveClick.emit(e.detail.originalEvent), onMouseEnter: () => (this.removeHover = true), onMouseLeave: () => (this.removeHover = false), onFocus: () => (this.removeFocus = true), onBlur: () => (this.removeFocus = false) }))), this.isTruncated && (h(Tooltip, { key: 'cb87883adf00cae721807f5198517b693943e9ab', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, h("span", { key: 'f511c9137ef32eda3f8d15d4fd5431907926d682', id: "toggle-anchor" }, this.labelText)))));
     }
     static get is() { return "dso-label"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legend/legend-group/legend-group.js CHANGED Viewed

@@ -41,7 +41,7 @@ export class LegendGroup {
         delete this.mutationObserver;
     }
     render() {
-        return (h(Host, { key: '6c85749b5dee4dabde77608a104cbed8bb48bc1e' }, h("div", { key: 'c53c431f3f3661ce8c5721bafb7352af9d5d453c', class: "legend-group-header" }, h("slot", { key: 'e4d91d85ec069aedec6999d7d152f1daa38fc14a', name: "heading" }), this.mode && (h("dso-icon-button", { key: 'dbad287aeb544c75d7a7b9e1b738d0b0944eabee', label: this.mode === "view" ? this.text("edit") : this.text("view"), icon: this.mode === "view" ? "pencil" : "check", variant: "tertiary", onDsoClick: this.toggleMode }))), this.mode === "edit" && h("slot", { key: 'cf23c63346469b4e1dc203fd567e30def1cccb6e', name: "options" }), h("slot", { key: 'bab7f405d573773ed394e76020ec13cc16508bea' })));
+        return (h(Host, { key: '23e81a9f5313e6e720793fd355e16280cc72b44e' }, h("div", { key: '6dabd746bd5f6c6ef03920d78165ba4c7c589974', class: "legend-group-header" }, h("slot", { key: '9abf4a7d64c8b8a900f0247bd9b7f82a3e198908', name: "heading" }), this.mode && (h("dso-icon-button", { key: '1ed8e7db427b78de927ba276aea586b200c07647', label: this.mode === "view" ? this.text("edit") : this.text("view"), icon: this.mode === "view" ? "pencil" : "check", variant: "tertiary", onDsoClick: this.toggleMode }))), this.mode === "edit" && h("slot", { key: 'ef76fb21909e746af4eb97614e4a4528e4b677ac', name: "options" }), h("slot", { key: 'bb61c854a2f3e146d07596c42b6e9511b6c7da28' })));
     }
     static get is() { return "dso-legend-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legend/legend-item/legend-item.js CHANGED Viewed

@@ -57,7 +57,7 @@ export class LegendItem {
         const accessibleLabel = label?.textContent
             ? this.text("makeActive", { label: label.textContent.toLowerCase() })
             : this.text("makeActiveDefault");
-        return (h(Host, { key: '7128f9fed0f217bb833c2095c1d46d66676da677', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: '1df9fba67c70bb4ee9c0937ce669a158ab48c4c1', class: clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (h("div", { key: '81a8ed8f62f582d827d29f8506045216567c83bd' }, h("slot", { key: '68a3897a0721c6076e1651eb719850ee856313ce', name: "symbol" }))), h("div", { key: '483135a73396ce9c70e554f6a087a1b4649773d2' }, h("slot", { key: 'f66081ea00ba602a4ecbc17006def6fd5bf62ab8', name: "label" })), this.disabled && this.disabledMessage && (h("dso-info-button", { key: 'c3eaf2c122ee6f7472ac9045e349842165e366b4', label: this.text("disabledInfo"), toggletipPlacement: "bottom" }, h("div", { key: 'c043244f10302249c194c3021ea70060354a37fb', slot: "toggletip" }, this.disabledMessage))), h("div", { key: '5246deaa8b3de943274e12acbd4c73168081e122', class: "legend-item-right-content" }, this.renderRightContent(hasOptions, accessibleLabel))), hasOptions && (h("div", { key: 'a9dfebaa706e3752396fcbd42dc1d4b48d04b1ca', hidden: this.disabled || !this.showOptions, class: "options" }, h("slot", { key: '3c68f73f1e17ff46b004361301b1f3b674fec4c3', name: "options" })))));
+        return (h(Host, { key: '06555aea03a3f68f81bcdae689f819057a5cab31', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: '4b9a671ca33f26bc7e0f0da6fa87b2b53f8c6863', class: clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (h("div", { key: '5fb2c1ddc915f67408ed756155bc9b3a3c9f3291' }, h("slot", { key: '612953f0f771a1b1515861f51de5fc0dc29a640c', name: "symbol" }))), h("div", { key: 'f71d2fc0108ba41bf01d9edc5705d94f1b51217a' }, h("slot", { key: 'c33af92708989078932c3b08015f15a79985c411', name: "label" })), this.disabled && this.disabledMessage && (h("dso-info-button", { key: '79cfb323e182a3ac343ae93efd6c1523e5048c0d', label: this.text("disabledInfo"), toggletipPlacement: "bottom" }, h("div", { key: '7b6883d6671682e42c400e30519109e389c5d681', slot: "toggletip" }, this.disabledMessage))), h("div", { key: '2b0bb453545e26e6d8f50006809335ff7a7aa129', class: "legend-item-right-content" }, this.renderRightContent(hasOptions, accessibleLabel))), hasOptions && (h("div", { key: 'f78bee16dd7ef6d933efa11beef7b8ec0c9e9e8d', hidden: this.disabled || !this.showOptions, class: "options" }, h("slot", { key: '13f453ecdfe586ea3cd1884736da6e1941feb1b7', name: "options" })))));
     }
     static get is() { return "dso-legend-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legend/legend.css CHANGED Viewed

@@ -56,7 +56,7 @@
   --_dt-scrollable-container-border-end-start-radius: 4px;
   --_dt-scrollable-container-border-end-end-radius: 4px;
   --_dt-scrollable-container-padding-inline: 16px;
-  max-block-size: 52vh;
+  max-block-size: var(--_dso-legend-content-max-block-size, 52vh);
   border-end-start-radius: 4px;
   border-end-end-radius: 4px;
 }

package/dist/collection/components/legend/legend.js CHANGED Viewed

@@ -63,7 +63,7 @@ export class Legend {
         this.moveFocusToTab(next);
     }
     render() {
-        return (h(Host, { key: '3e4e038a5db2854272093ab48481e4fee9356172' }, h("div", { key: '86af0f8444713cca10984138809a90cbb7c28091', class: "topbar" }, h("div", { key: '9f19d3782fdb3187ab26798e2a952b29116e47de', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, this.tabItems.map((tabItem) => (h("button", { class: clsx("tab", { active: tabItem.active }), role: "tab", "aria-selected": tabItem.active ? "true" : "false", ...(!tabItem.active ? { tabIndex: -1 } : {}), onClick: this.clickHandler }, tabItem.label)))), h("dso-icon-button", { key: '897696535cf5889d09f1434f27e5b0ba729d2f9d', icon: "cross", variant: "tertiary", label: this.text("closeLegend"), class: "close-button", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e.detail.originalEvent }) })), h("dso-scrollable", { key: 'a91e467a28d35a3068e176dd5587a4fa4331ca40', class: "content" }, h("div", { key: '504824dbe3da26f0aea426ccaf0a5c260ffc95ad', role: "tabpanel", tabIndex: 0 }, h("slot", { key: 'facc43e2bd2dce215ed24bda396199a7b0e71b75' })))));
+        return (h(Host, { key: '886c2fe72507f069348afe8d00445f8815e8d3e5' }, h("div", { key: '76ff4ccadc5d273d2be123683291af188c437bc0', class: "topbar" }, h("div", { key: '91ee04d189b272073b0a22f097b6a73a532a4eaa', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, this.tabItems.map((tabItem) => (h("button", { class: clsx("tab", { active: tabItem.active }), role: "tab", "aria-selected": tabItem.active ? "true" : "false", ...(!tabItem.active ? { tabIndex: -1 } : {}), onClick: this.clickHandler }, tabItem.label)))), h("dso-icon-button", { key: '74694b225b97bebfb969c4418f9d3a666d1a9736', icon: "cross", variant: "tertiary", label: this.text("closeLegend"), class: "close-button", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e.detail.originalEvent }) })), h("dso-scrollable", { key: '455f964cef167450eff8e1f393bf5d8dd69cd2f9', class: "content" }, h("div", { key: 'dce12f6b9c634473f57ae2afb708a6213e1a6e26', role: "tabpanel", tabIndex: 0 }, h("slot", { key: '79500096664a2fa8144c2903db527aec9aca19a8' })))));
     }
     static get is() { return "dso-legend"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/list-button/list-button.js CHANGED Viewed

@@ -65,7 +65,7 @@ export class ListButton {
     }
     render() {
         const selected = this.checked || (this.count !== undefined && this.count > 0);
-        return (h("div", { key: 'b40ad36bcae88fd3a24af536577c54f719dd726c', class: clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, h("div", { key: '40dcae84cc39892cc622d5ff6cd11eab081bcc1d', class: clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, h("dso-selectable", { key: 'cffca295491fb902d476d78184ae81ee76e16180', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, h("span", { key: '4ec09a173e8392e526acbead245fbcb7603885ff' }, this.label, this.sublabel && h("span", { key: '2aae89b6b5f4ae0cb3a36bb0a200bf7f90832bb8', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (h("span", { key: 'f6eb83bbfa910e0efb83444308718e0d9d69b130', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", h("span", { key: '2668759703c2673b759e56270a0fdd4ae33b7af6', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && h("span", { key: '73e322f19f7c95b10c8436c346b4cdabff331941', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (h("div", { key: 'dabdc528ecceb84b133f8f2e7ad49d92ebe50957', class: "subcontent" }, h("slot", { key: 'db2307e499b084f766c6e59530654895856f7087', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (h("div", { key: '67af4d0d0e30c0683501ab7dead8e6e6445dac8d', class: "dso-input-number" }, this.count > 1 && (h(Fragment, { key: 'e7c26bd345a1fb6ec1202d317f07c42ebc1c1e4c' }, h("dso-icon-button", { key: 'c3143d4ee0586a589be2110ac6d41989e77f10e6', label: "Aantal verlagen", variant: "tertiary", icon: "minus-circle-outline", disabled: this.count === Number(this.min) || this.disabled, onDsoClick: (e) => this.stepValue(e, "decrement") }), h("span", { key: '6258f043e6715023fb95efd5812c153bfcf60810', class: "dso-input-step-counter", "aria-label": "Aantal", "aria-live": "polite" }, this.count))), h("dso-icon-button", { key: 'b308ddab2232669159dd46cea1a5b157c92c399b', label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle-outline", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
+        return (h("div", { key: '43132ce16bdecfda712bf03502dc33f34be45736', class: clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, h("div", { key: '6fbf520088efd44171b4f055c725fc62ad7e8bdb', class: clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, h("dso-selectable", { key: '3c394548a0bedcb4a12ebc9893456d0d7340f19b', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, h("span", { key: '730117cc84bf76b2471cf8de663a33523330f1fc' }, this.label, this.sublabel && h("span", { key: 'ccf2e934cef8093380da6d4bdf049dac3c3e2426', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (h("span", { key: '2d0a1ca7d9addd11bf37a78531a3fba7d7add182', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", h("span", { key: 'eb3ae0f445ba0a4387c81494da0626102787da54', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && h("span", { key: 'b3f22985913b690a761bf9d8b7f07f11a51f1bc0', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (h("div", { key: '5e2aedcd7739c8cdc17caf79657a5048cf9ea782', class: "subcontent" }, h("slot", { key: '4d27c23f316748f7d89084d6c200d58e4c2ec65c', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (h("div", { key: '9824062e1b5a1262d6da06c32d8a841a64653d89', class: "dso-input-number" }, this.count > 1 && (h(Fragment, { key: '02af72cf5462ca8034a4636647ec8bfad486e0c8' }, h("dso-icon-button", { key: 'ffe074c227b82e9ea43b1bbfef5bf4df83ce6797', label: "Aantal verlagen", variant: "tertiary", icon: "minus-circle-outline", disabled: this.count === Number(this.min) || this.disabled, onDsoClick: (e) => this.stepValue(e, "decrement") }), h("span", { key: '8fbe1d1d7c5c107d44ee32a803cbb198e6477a0b', class: "dso-input-step-counter", "aria-label": "Aantal", "aria-live": "polite" }, this.count))), h("dso-icon-button", { key: '1ca23849e768bc83a07eb498388b99488e3cf6c2', label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle-outline", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
     }
     static get is() { return "dso-list-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/logo/logo.js CHANGED Viewed

@@ -23,7 +23,7 @@ export class Logo {
     }
     render() {
         return (h(Fragment, null, this.logoUrl ? (h("a", { class: "logo-url", href: this.logoUrl, onClick: this.handleLogoClick }, h(DsoLogo, { name: this.name }))) : (h(DsoLogo, { name: this.name })), this.label &&
-            (!this.labelUrl ? (h("span", { class: "logo-label" }, this.label)) : (h("a", { class: "logo-label-url", href: this.labelUrl, onClick: this.handleLabelClick }, h("span", { class: "logo-label" }, this.label)))), this.ribbon && h("div", { key: 'b920fbaf2bd4a7b11ab4c63020f1675b514223be', class: "logo-ribbon" }, this.ribbon)));
+            (!this.labelUrl ? (h("span", { class: "logo-label" }, this.label)) : (h("a", { class: "logo-label-url", href: this.labelUrl, onClick: this.handleLabelClick }, h("span", { class: "logo-label" }, this.label)))), this.ribbon && h("div", { key: 'a9b9c386a23d1df28bcc5d0b9f34f355ae31d261', class: "logo-ribbon" }, this.ribbon)));
     }
     static get is() { return "dso-logo"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/map-base-layers/map-base-layers.js CHANGED Viewed

@@ -26,7 +26,7 @@ export class MapBaseLayers {
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (h("fieldset", { key: '6a8793ee9ec686ffacf7925c46a3e890b3d43d00', class: "form-group dso-radios" }, h("legend", { key: 'bd71c0cf69155d07feac2d08293a7df74f4060af', class: "sr-only" }, "Achtergrond"), h("div", { key: 'c1029e36e0da4ef8b8cc991e6d93ce5921ca48a3', class: "dso-label-container" }, h("span", { key: '852f466aab28ed062c3b44bf9085e7a1e9e61333', class: "control-label", "aria-hidden": "true" }, this.text("background"))), h("div", { key: 'a8ca16ac5869b90017dbb524c342f4b7d5f73a77', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (h("dso-selectable", { key: baseLayer.id, type: "radio", value: baseLayer.name, checked: baseLayer.checked, disabled: baseLayer.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[baseLayer.id] = ref), onDsoChange: () => this.baseLayerChangeHandler(baseLayer) }, baseLayer.name, baseLayer.info ? h("p", { slot: "info" }, baseLayer.info) : null))))));
+        return (h("fieldset", { key: '3aa5321028e39927f51868b8df0288c723c6e81f', class: "form-group dso-radios" }, h("legend", { key: '9dee1ff46863dfc8fd94cd73777201d3bf17cca2', class: "sr-only" }, "Achtergrond"), h("div", { key: 'da4dda9ea7b656d44d3468fe78d0346b5d3d9179', class: "dso-label-container" }, h("span", { key: 'cc513f63127c63878aa0429c0f84cd858f01ea6c', class: "control-label", "aria-hidden": "true" }, this.text("background"))), h("div", { key: '4561bb74c2f00ddc62de4d8764fa18d1f74d9dd7', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (h("dso-selectable", { key: baseLayer.id, type: "radio", value: baseLayer.name, checked: baseLayer.checked, disabled: baseLayer.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[baseLayer.id] = ref), onDsoChange: () => this.baseLayerChangeHandler(baseLayer) }, baseLayer.name, baseLayer.info ? h("p", { slot: "info" }, baseLayer.info) : null))))));
     }
     static get is() { return "dso-map-base-layers"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/map-controls/map-controls.js CHANGED Viewed

@@ -14,7 +14,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _MapControls_closeButtonElement, _MapControls_toggleButtonElement, _MapControls_toggleIconButtonElement;
+var _MapControls_toggleButtonElement, _MapControls_toggleIconButtonElement, _MapControls_mapLayersPanelId, _MapControls_mapLayersTitleId;
 import { Fragment, h, } from "@stencil/core";
 import { i18n } from "../../utils/i18n";
 import { translations } from "./map-controls.i18n";
@@ -28,14 +28,14 @@ export class MapControls {
         this.open = false;
         this.hideContent = !this.open;
         this.text = i18n(() => this.host, translations);
-        _MapControls_closeButtonElement.set(this, void 0);
         _MapControls_toggleButtonElement.set(this, void 0);
         _MapControls_toggleIconButtonElement.set(this, void 0);
+        _MapControls_mapLayersPanelId.set(this, "map-layers-panel");
+        _MapControls_mapLayersTitleId.set(this, "map-layers-title");
     }
     watchOpen(open) {
         if (open) {
             this.hideContent = false;
-            setTimeout(() => __classPrivateFieldGet(this, _MapControls_closeButtonElement, "f")?.focus(), transitionDuration);
         }
         else {
             setTimeout(() => {
@@ -63,7 +63,7 @@ export class MapControls {
         });
     }
     render() {
-        return (h(Fragment, { key: '411b9b7b5d2e6f41230fd8a3f731899a335c9e9f' }, h("dso-icon-button", { key: 'f3b9115f95630c8992a8f34fbbe65ae4cc1b201f', label: this.text("layersButton"), icon: "layers", variant: "map", tooltipPlacement: "left", class: "toggle-visibility-icon-button", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), h("button", { key: 'cf2abe1623ed0323fe27566703a22abe8aac5b7c', type: "button", class: "dso-map toggle-visibility-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, h("dso-icon", { key: '1617d4064c446c9e9d9b0a437b22b69a358d8a8d', icon: "layers" }), h("span", { key: 'b3c28ae6b7a5cf63bc094df593fad526125e16e0' }, this.text("layersButton"))), h("dso-button-group", { key: '634b00997c867d6bd25142c460ef433193b34807', class: "zoom-buttons", direction: "column" }, h("dso-icon-button", { key: 'f2cf801742a48e7bb8bdbed05c934081e8a7a512', label: this.text("zoomIn"), icon: "plus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomIn.emit(e.detail.originalEvent), disabled: this.disableZoom === "in" || this.disableZoom === "both" }), h("dso-icon-button", { key: 'd3c140cc554cd5943812ab318d53230bf96a4775', label: this.text("zoomOut"), icon: "minus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomOut.emit(e.detail.originalEvent), disabled: this.disableZoom === "out" || this.disableZoom === "both" })), h("section", { key: 'e91b093e161b8ef2d060bf93982526d4c803eefc', hidden: this.hideContent }, h("header", { key: 'bcd1b3bf72dfd87f4d05b16926c1119523397b74' }, h("h2", { key: '8e32a0a23e780e341f5bcf449273e6be7531f798' }, this.text("title")), h("dso-icon-button", { key: 'f0eba0ad8332136f29684a8f5d382b885441a899', 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_closeButtonElement, element, "f")) })), h("dso-scrollable", { key: 'cb103d3c9d987bf9f16cdc62ff3924e202b6a47f' }, h("div", { key: 'f8d1e9a6c98913df5b352bec957b7ff910635b12', class: "content" }, h("slot", { key: '5ca27d90e9346104307f981647db01353444c24b' }))))));
+        return (h(Fragment, { key: 'ce8065c103cc0ba2893c6ab1afe77a256363d4bd' }, h("dso-icon-button", { key: 'e82b5f9de41a5097a2427f34d56488b90fb5beec', 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.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), h("button", { key: '703dddf29652de5f1bc1fe8d7cf3446ed780858c', type: "button", class: "dso-map toggle-visibility-button", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open, onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, h("dso-icon", { key: 'f24de55637a0630f7471c623f8314114984273eb', icon: "layers" }), h("span", { key: '50042030f5645a47b7a36016f467cfb74429b8df' }, this.text("layersButton"))), h("dso-button-group", { key: 'a07df9edc5fc0194b3bba07d35611a1d95b6ad2d', class: "zoom-buttons", direction: "column" }, h("dso-icon-button", { key: '5c7e54a78771bab145ccb16cf63e4b03b1a1ad1d', label: this.text("zoomIn"), icon: "plus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomIn.emit(e.detail.originalEvent), disabled: this.disableZoom === "in" || this.disableZoom === "both" }), h("dso-icon-button", { key: '783f08c968346c1aab2a16879b9a5ec74a25dcd0', label: this.text("zoomOut"), icon: "minus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomOut.emit(e.detail.originalEvent), disabled: this.disableZoom === "out" || this.disableZoom === "both" })), h("section", { key: 'a90b02f76a7bd13de09c18e26e23192810c8689c', id: __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), hidden: this.hideContent, role: "region", "aria-labelledby": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f") }, h("header", { key: '2beae426fa9b56661f5e92843dc7af17c6cf6250' }, h("h2", { key: '2809c1abd68b33b2a901435d1f787c0772698178', id: __classPrivateFieldGet(this, _MapControls_mapLayersTitleId, "f"), tabIndex: -1 }, this.text("title")), h("dso-icon-button", { key: '5f8a9aa11a4fd3ec996f08773999b620964e637d', class: "close-button", label: this.text("hidePanel", { title: this.text("title") }), icon: "cross", variant: "tertiary", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent) })), h("dso-scrollable", { key: 'a65b378955db1242a326cf9f0c819547a31a034b' }, h("div", { key: '6baa8c04b6fc90003f249ac70f9a2743d011aad9', class: "content" }, h("slot", { key: '59eaf6868b5135101253256e0671514d10f46cd6' }))))));
     }
     static get is() { return "dso-map-controls"; }
     static get encapsulation() { return "shadow"; }
@@ -234,4 +234,4 @@ export class MapControls {
             }];
     }
 }
-_MapControls_closeButtonElement = new WeakMap(), _MapControls_toggleButtonElement = new WeakMap(), _MapControls_toggleIconButtonElement = new WeakMap();
+_MapControls_toggleButtonElement = new WeakMap(), _MapControls_toggleIconButtonElement = new WeakMap(), _MapControls_mapLayersPanelId = new WeakMap(), _MapControls_mapLayersTitleId = new WeakMap();

package/dist/collection/components/map-layer/components/map-layer-object.js CHANGED Viewed

@@ -16,7 +16,7 @@ export class MapLayerObject {
         };
     }
     render() {
-        return (h(Host, { key: 'd3ae97e4927468933df545d3a96ba6e718e1e1ad', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h(WrapWijzigactie, { key: 'cd07ad344870b3094da446c7e4c0edd427e3d6ce', wijzigactie: this.wijzigactie }, h("div", { key: '3072d3e742d38c6595cea979d9a1ddaa1d6d3e88', class: "map-layer-object" }, h("div", { key: 'c13e0ce235ecbb060ed54ce5341204abf0138e3d' }, h("slot", { key: 'df2c3fcbe76e66fb7f6b14c98f10081459a78578', name: "symbol" })), h("div", { key: '8c0bbd546f0e32de4027df6a5d952ddc7d4ce824', class: "map-layer-object-heading" }, h("slot", { key: 'e03b7b7d7d2d8ff5f5c0119927ec4b86caaa30b9' }), h("slot", { key: '18b2530ff6b7cb64444ca411543c931fa19e0ed9', name: "label" })), h("div", { key: 'f072928ac1d7c21ceec10862770162d68a0ed99c', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '2fa80350abcf2c8e843df84a009b82dd8cd28d34', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange }))))));
+        return (h(Host, { key: '1a642be25ee5541acf40ab3bc27277dccd5f512c', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h(WrapWijzigactie, { key: '11cfb26baddbbe6a9b79c5fc5036102ab1849d0a', wijzigactie: this.wijzigactie }, h("div", { key: '0a24909155dd4a79aea34e6495bde7e252daafbb', class: "map-layer-object" }, h("div", { key: '7e021d9671e5882550b7fe3c0d71e84f61fafcc6' }, h("slot", { key: 'f0820bbae94e113098d15c67c7a94a8f17feacd4', name: "symbol" })), h("div", { key: '0f3b7c92a402d00a815ed08f53d711ad1a1d7b7f', class: "map-layer-object-heading" }, h("slot", { key: 'ed30748c607132007b4e0051c78f72d501447894' }), h("slot", { key: 'e1f0aeae1e74f20c8b4731e9a7d875ad617aa188', name: "label" })), h("div", { key: '577dce8678ec8d960a2881cb14def62be67060fe', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: 'acce1e97495382f9162083bb2fada6c99d897bca', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange }))))));
     }
     static get is() { return "dso-map-layer-object"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/map-layer/map-layer.js CHANGED Viewed

@@ -21,7 +21,7 @@ export class MapLayer {
         };
     }
     render() {
-        return (h(WrapWijzigactie, { key: 'da8857b71f2e5546c35a9449393a6696d7fe888e', wijzigactie: this.wijzigactie }, h("div", { key: '5a65e6afedfa0b591a6bbb57d41831ddf4a7188b', class: "map-layer" }, h("div", { key: '6f552eab820bab4848a80e86c879b6fbf34e06ef', class: "map-layer-heading" }, h("slot", { key: '7b4480d6d6876e6b7e0ee6d712333307b1a37aa7', name: "name" }), h("slot", { key: '7ce6dfc406b9e0a3bcbefccdc6b94cda1e8bb300', name: "label" })), this.activatable && (h("div", { key: 'd800d425deb67f31d12f461310a1fe8e8fc57025', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: 'a854995e89971a6e8c6201afe98d0973d1093ef2', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: 'edcc28c7ee97bb62db8a2b869c044fc00fd94703' })));
+        return (h(WrapWijzigactie, { key: '430200f8ba05cd91087b9f08c352035a1104af9a', wijzigactie: this.wijzigactie }, h("div", { key: 'b6a47ce341423c7e913c88ddf632396267009f60', class: "map-layer" }, h("div", { key: 'aa41bc1c07f55d756e8203313722ee7554f657ab', class: "map-layer-heading" }, h("slot", { key: '94bd01b181974d47563bffdf98de23c2ba29b417', name: "name" }), h("slot", { key: '22936b4a70c2332db9209c500ba57e934b79378b', name: "label" })), this.activatable && (h("div", { key: '7c0fadf3b83d10e14b3c8256af2e3a4c7a733f71', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '5482011e4ecb74213c5224a767ee40f3e1e0fe5d', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: '6d2532733890aeeabbb73e45d9136129c3ab813b' })));
     }
     static get is() { return "dso-map-layer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/map-message/map-message.js CHANGED Viewed

@@ -20,11 +20,11 @@ export class MapMessage {
     render() {
         const iconName = this.variant ? iconMap[this.variant] : undefined;
         const role = this.variant === "error" ? "alert" : "status";
-        return (h("div", { key: '4cb55bf66c8b792e49a4464005b513871823e255', class: {
+        return (h("div", { key: '06df4be84d9aaca78b4aa1e4be4f9799e3b40c8f', class: {
                 "map-message-content": true,
                 "has-icon": iconName !== undefined,
                 "has-actions": this.hasActions,
-            }, role: role, "aria-atomic": "true" }, h("div", { key: 'bef35edb27a8006736f6c86be8e5f4182e8d5c15', class: "map-message-body" }, iconName && h("dso-icon", { key: '392f466099016711116080a7f17a2cdbfa252f12', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), h("span", { key: '20ad46a9b1ffaf10ebe3eabb029d43f7d6d9f9f4', class: "map-message-text" }, h("slot", { key: '2639f290f94618fb0af88e46488f3fdac1328775', name: "message" }))), h("slot", { key: '6b65e022ba2bf0d536654fe2cd8030c8143186e7', name: "actions", onSlotchange: this.handleActionsSlotChange })));
+            }, role: role, "aria-atomic": "true" }, h("div", { key: '60c949cb3aefaa93fd6b7629bf01acc95703b742', class: "map-message-body" }, iconName && h("dso-icon", { key: '356030cdc790a3da2bf136283cb486e2b441c2c8', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), h("span", { key: '06574a33d490215fe8a941e482bf1763e8206cf0', class: "map-message-text" }, h("slot", { key: '12ae7620541c04ad34589023ed0a0a1d5f9413ec', name: "message" }))), h("slot", { key: 'a56cdf4323af5c61fe72b93b6860f99d3b187ea9', name: "actions", onSlotchange: this.handleActionsSlotChange })));
     }
     static get is() { return "dso-map-message"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/map-overlays/map-overlays.js CHANGED Viewed

@@ -27,7 +27,7 @@ export class MapOverlays {
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (h("fieldset", { key: '930f973dafb8b329b93ead220ee828cc91a0235a', class: "form-group dso-checkboxes" }, h("legend", { key: 'f3dbb07e4e45417db260fc490e8012cc2ee5444d', class: "sr-only" }, "Kaartlagen"), h("div", { key: 'e12f2026648cbd6341b0954c1754a3563ac63126', class: "dso-label-container" }, h("span", { key: '3cf899c2f82901d691eed720b538e60f305c6d15', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: '1a951fbb61b586aa6314ea62e3ed25d8b84809ed', 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: '4f86249a91b509b5bffd5856e3b4d26bb4c02692', class: "form-group dso-checkboxes" }, h("legend", { key: '6fcb29fd91d356fc6ff2ef1df8557766657b8407', class: "sr-only" }, "Kaartlagen"), h("div", { key: '84e09f79733f848c2bded8c6e6d8b63209647bc9', class: "dso-label-container" }, h("span", { key: 'c0defffe5a604c990003aa9a2b216b9eb2819c11', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: '8eaa8b8eab82e75390ed781d46fcbe060e9b2820', 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))))));
     }
     static get is() { return "dso-map-overlays"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mark-bar/mark-bar.js CHANGED Viewed

@@ -41,7 +41,7 @@ export class MarkBar {
     render() {
         const current = this.current || 0;
         const totalCount = this.totalCount || 0;
-        return (h("div", { key: 'ff07927d93ae0d068fa8121fa69c1585f2a0114b', class: "dso-mark-bar" }, h("div", { key: '44a0d245a2b41b8273beb93e4a4305cdd2d7b6bc', class: "dso-mark-bar-input" }, h("input", { key: '2177523b24bfa60d47d1ebe47c85cf05308dfa8f', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: '39b70427cae09819a161581234ddfb1515742c42', htmlFor: "search-input" }, h("dso-icon", { key: 'd8968f09af42566e3f02b5f5043f93e38e317792', class: "dso-search-icon", icon: "search" }), h("span", { key: '9b275ee67a4f774e6e21cf5d58c45409c97970a9', class: "label-text" }, this.label)), h("dso-icon-button", { key: 'fb9d18b0f479cb7ddd1acadfbb8b7df46665d625', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: 'e952339d0dcbac32c76c3167202ef17f5744e331', class: "dso-button-container" }, h("span", { key: 'e447ef9716b9cd3560bb406654ac5a6c7536aaee', class: "divider" }), h("dso-icon-button", { key: '2a628dc6844f53f2c788c77225b7e9c8b4405ef1', icon: "chevron-up", variant: "tertiary", label: `Vorig zoekresultaat ${current - 1}/${totalCount}`, onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: '6a2a9bb6601ed528836f18a92643d5c226e021e6', role: "status" }, current, "/", totalCount), h("dso-icon-button", { key: 'ef03f237fedff5486a2c3b17052664c49620bf2d', icon: "chevron-down", variant: "tertiary", label: `Volgend zoekresultaat ${current + 1}/${totalCount}`, onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
+        return (h("div", { key: '393fb4322149f07385035b0c469d60104e2e2e2c', class: "dso-mark-bar" }, h("div", { key: '6a068d5d81afd76998be1de1274b3b9b4e00b287', class: "dso-mark-bar-input" }, h("input", { key: '04e711dacf870d1c1c27942ca835157fdaf306cf', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: 'd55d70a9f0b9877091e8d9f10dbdbf070030609d', htmlFor: "search-input" }, h("dso-icon", { key: '3cb2c078e4ef4ad3ca5c6a472c878a54f073e585', class: "dso-search-icon", icon: "search" }), h("span", { key: '20c6108b96463024cd7fe7a36641acb75fa0a193', class: "label-text" }, this.label)), h("dso-icon-button", { key: '1e5b5a93a8221e0df89efc596058001a7ba94c82', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: 'ba762527ba0bc9cf982547b57c3b08b8fd33fe01', class: "dso-button-container" }, h("span", { key: '59a4748b9826d5e6ad8aeceebb8e02b94d5607cc', class: "divider" }), h("dso-icon-button", { key: 'dd8d26e767227ced3b552d126540badd47c4c667', icon: "chevron-up", variant: "tertiary", label: `Vorig zoekresultaat ${current - 1}/${totalCount}`, onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: '71bf80acfe0618b1d4eccde8a3dabc1aaf1c3503', role: "status" }, current, "/", totalCount), h("dso-icon-button", { key: '8ca087ddece277a402373efd730561619acb8459', icon: "chevron-down", variant: "tertiary", label: `Volgend zoekresultaat ${current + 1}/${totalCount}`, onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
     }
     static get is() { return "dso-mark-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modal/modal.js CHANGED Viewed

@@ -70,7 +70,7 @@ export class Modal {
         }
     }
     render() {
-        return (h("dialog", { key: '53c5986c4c19ff57cd1a13728917036ac1a54e8e', 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) }, h("div", { key: 'f0d2f811afe1fb96140f3ef3d3b787799d0bbb06', class: "dso-dialog" }, 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: '86f6266e4048312ef5828ec27638d4b450ad488e' }, h("div", { key: '13c7695ee26f64f08f2c31db96093ca513064ec7', class: "dso-body", tabIndex: 0 }, h("slot", { key: '7f1ca48a671e38f7d05193c6ad5c1a5022102f39', name: "body" }))), this.hasFooter && (h("div", { key: '8a479a24c3f3f577f0a237251490d42986b949b6', class: "dso-footer" }, h("slot", { key: 'c9f6593a961d315008da2e67bdcabf53de423788', name: "footer" }))))));
+        return (h("dialog", { key: 'cb67b4f86a336a53950c58e478568b477814ab95', 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) }, h("div", { key: '2fe648cf7531cfff5f2b99752f38a0022f79e368', class: "dso-dialog" }, 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: '9d29e590dd54cba08c75cd9a9a2bfa143b9d660a' }, h("div", { key: '25604debf3b521f6edbafe7e6fdfa55a6927635f', class: "dso-body", tabIndex: 0 }, h("slot", { key: '4c9048ce5787a64f3698b92763d380eb799f1066', name: "body" }))), this.hasFooter && (h("div", { key: '762486f200c46cf91a5ebb127f298046d9a4271d', class: "dso-footer" }, h("slot", { key: '37012ed27188890dc9bc9e81d9182c3b524d7759', name: "footer" }))))));
     }
     static get is() { return "dso-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/onboarding-tip/onboarding-tip.js CHANGED Viewed

@@ -65,7 +65,7 @@ export class OnboardingTip {
     }
     render() {
         const ariaLabel = this.headingSlottedElement?.textContent;
-        return (h(Host, { key: 'e7658be5736d9a5404fa0c0010a5a96b517f731b', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: 'f3730e437d19a4bd3fe3633585ad592a4fb983c4', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: 'af738a7350f03f71bb8e250502e2c0abefcd970e', class: "onboarding-tip-inner" }, h("div", { key: 'd334491e11eb82748aaf07e22b6e5c5171130528', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: '823797769a24b123408afc8e59f464e3e39b7224', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: '7ae6b3b9cf5338bee0842c31e8f7d21e7db9a9e8', icon: "light-bulb" }), h("slot", { key: 'a75e8936520d6412addae7cc7430cf2c8762be3a', name: "heading" }))), h("dso-icon-button", { key: '3aeaa82948c4e32ba451d6999bc388d68dd3aec8', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: '88d732fe9ee04a023d3a581492352f1181e2de5b' }))), h("div", { key: 'fd71cca54453f15dae82cb186b6fed0a266f9ede', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
+        return (h(Host, { key: 'd9ad68ce1d2aaa4d1e63d93bbf5f044fe79a6065', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: 'e03fcc6d2946a7515b074fd80da1b84ca6521760', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: 'c48c487d21c9d230cb87e6c1ce3883ce022dd7e2', class: "onboarding-tip-inner" }, h("div", { key: '11ae979b97104b78a24e061eb781664552e3c561', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: '50524861a49e9810035083b6bd6d16c14fa3b767', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: 'da5adbd9a100f928c935e5d9bdf5123daeeb7722', icon: "light-bulb" }), h("slot", { key: '81546e36e217e01cf9f002a3eebd767638e65110', name: "heading" }))), h("dso-icon-button", { key: 'e40284496194bb686beecd3554537d493bf7b2d0', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: 'bf741cc98640f30e31e2ba8a8dadcdc605ded1c6' }))), h("div", { key: '29ef2c23d06044bfef7a300f3e9aa7a1b5be93c2', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
     }
     get headingSlottedElement() {
         return this.host.querySelector("[slot='heading']");

package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.js CHANGED Viewed

@@ -65,7 +65,7 @@ export class OzonContentToggletip {
         this.cleanUpFunction = undefined;
     }
     render() {
-        return (h(Fragment, { key: 'bf158174a4f6cec2b1f4f1418ed2ce401fd51b23' }, h("span", { key: 'ae53fa0b7a102b51661b09511c12694b69e2d467', "aria-describedby": this.active ? "toggletip-tooltip" : undefined, "aria-expanded": this.active.toString(), class: "toggletip-button", role: "button", tabIndex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, this.icon && (h(Fragment, { key: '88b72ebe9fdee6dd0d4d9c2ba473d992b1f9281c' }, h("span", { key: 'c0877b12cca50833d4cc9e5102b783e80c5aa8f5', class: "toggletip-label" }, h("slot", { key: 'c59eea6fc7690161c863b37376cc6111bcb35552', name: "label" })), "\u2060", h("dso-icon", { key: '000e1888aefc8bc1a531cdcb4d86caa6b4f945ea', icon: this.icon }))), !this.icon && h("slot", { key: '4078706dbef961225b13572048d6bf931e79f197', name: "label" })), h(Tooltip, { key: '8381449b14d8392ff689255a824d5414edd04ffe', id: "toggletip-tooltip", tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, h("dso-scrollable", { key: '4186b6191e6f07c9ad049ea4db06587002470101', ref: (element) => (this.restrictContentElement = element), id: "toggletip-content", "aria-live": "polite" }, h("slot", { key: 'ae401b2aac5ca42b49a1dbbe6d306232bdb0655f' })))));
+        return (h(Fragment, { key: '5e54dbce02b540496fb538eadedfc32a4b1eafea' }, h("span", { key: 'cad807753fee411572008dd1f1a2a841e1a93ab7', "aria-describedby": this.active ? "toggletip-tooltip" : undefined, "aria-expanded": this.active.toString(), class: "toggletip-button", role: "button", tabIndex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, this.icon && (h(Fragment, { key: '97b8db4bf26031a304a75c388991ba8c0d5b7c5c' }, h("span", { key: 'a8765fa2ac6e76e087e9bfe9bd627fc5f0a5c79b', class: "toggletip-label" }, h("slot", { key: '00dba54661b9f0ad7e1969a83303df2198f16e65', name: "label" })), "\u2060", h("dso-icon", { key: '4d720f065907db48f9b5c56bc3c57e4314ed6854', icon: this.icon }))), !this.icon && h("slot", { key: '81d39f8d9cfc6633ec9362abaa67963ab87c2b79', name: "label" })), h(Tooltip, { key: '27c78cc9b59e364f3e1e9547cd91eca219d435ab', id: "toggletip-tooltip", tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, h("dso-scrollable", { key: 'ca1ecf95f1b7cbb61eef69326c0ff44e203331d2', ref: (element) => (this.restrictContentElement = element), id: "toggletip-content", "aria-live": "polite" }, h("slot", { key: 'ffcdba2eeb34da7e06a92eb6f150470bc847afa5' })))));
     }
     static get is() { return "dso-ozon-content-toggletip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ozon-content/ozon-content.js CHANGED Viewed

@@ -33,7 +33,7 @@ export class OzonContent {
             annotated: this.annotated,
         };
         const transformed = mapper.transform(this.content, context);
-        return h(Fragment, { key: '5741a8119ade5e097799f2df0f65b203bdb33da4' }, transformed);
+        return h(Fragment, { key: '4f256666f8ec846c7adb1f066cafb9774dcf7e17' }, transformed);
     }
     static get is() { return "dso-ozon-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/panel/panel.js CHANGED Viewed

@@ -15,7 +15,7 @@ export class Panel {
         this.text = i18n(() => this.host, translations);
     }
     render() {
-        return (h("div", { key: '9a973764feb61d6de2e408d0f609b38274a36a60', class: clsx(["dso-panel", { emphasized: this.emphasized }]) }, h("div", { key: '73901c62250df3c0b58364c9c4a5e9841b66bcfb', class: "panel-heading" }, h("slot", { key: '76fb22258250dfe4ed9aa55a9da86b51fc9c368f', name: "heading" }), h("dso-icon-button", { key: 'b0f232c49b121cf4d78656a0a1cc160882290b97', icon: "cross", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), h("div", { key: 'b6dbc2e0817882dd3d3e7c20f791f5934dd16e22', class: "panel-body" }, h("slot", { key: '73a6e41633cd6e20ddb05228482bd8cbda3fc10d' }))));
+        return (h("div", { key: 'a5ab73cc0303150d6ea9b6352e334ca75079c8cc', class: clsx(["dso-panel", { emphasized: this.emphasized }]) }, h("div", { key: '59e4ddfa7e4f16423edf15aea9a28be22622960a', class: "panel-heading" }, h("slot", { key: '2d8218087a38797998f092aa3f4d70a438778fed', name: "heading" }), h("dso-icon-button", { key: '001bdef415887e74d59c2009724e8a64a334235e', icon: "cross", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), h("div", { key: '0cd52f3e0c5e729c135247d86fc10ed1231d8ccc', class: "panel-body" }, h("slot", { key: '35c15b2c71850c9bd355d78ab3b3345107583d7a' }))));
     }
     static get is() { return "dso-panel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/plekinfo-card/plekinfo-card.js CHANGED Viewed

@@ -41,7 +41,7 @@ export class PlekinfoCard {
     }
     render() {
         const hasSymbol = this.symbolSlottedElement !== null;
-        return (h(Host, { key: 'c9246f5ad6a74a6400c065df557f4e8f2eaeafaf', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: 'c58c9df599d09f19fe6bd6da277f7adcb7b53363', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, h("div", { key: '20bd77e16e8031e14aa35bfd1ddc4c3fc0ebb86d', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: '7e54c3202e5d1d96aac73b460cc1edc30134f6af', name: "symbol" })), h("div", { key: 'ab4151819bb19fbfb13248e5d48fb8d8082edf97', class: "dso-plekinfo-card-heading" }, this.href ? (h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { class: "heading-content" }, h("slot", { name: "heading" })), "\u2060", this.targetBlank ? (h(Fragment, null, h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (h("dso-icon", { icon: "chevron-right" })))) : (h("slot", { name: "heading" })), this.metaSlottedElement !== null && h("slot", { key: 'cf2a54a33b5f33149a09e9c89b5fb0398fd46cfa', name: "meta" }), this.interaction !== null && h("slot", { key: 'f89bb7bb1ea86d8cb7546db659284064b519b242', name: "interaction" })), h("div", { key: 'a431c393a757927bbf37d1a42adc5dad2508699b', class: "dso-plekinfo-card-content" }, h("slot", { key: '16ed4f565514c8232737cc2b03b2b40769b298e2', name: "content" })))));
+        return (h(Host, { key: 'c1ab12e36be93a49ebe692149d39650925e92b5e', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: 'f9bc8a310b535a1571b22638efb1bd1bfcd3959d', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, h("div", { key: '2795caa14953cfeb26038a3ffbf435ce1e5068c5', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: '0c442263fedb0c4b25a29727410b410e979e8a4f', name: "symbol" })), h("div", { key: 'ebfdddee6b42ee8a0dc14e05a6045d8fc250aa89', class: "dso-plekinfo-card-heading" }, this.href ? (h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { class: "heading-content" }, h("slot", { name: "heading" })), "\u2060", this.targetBlank ? (h(Fragment, null, h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (h("dso-icon", { icon: "chevron-right" })))) : (h("slot", { name: "heading" })), this.metaSlottedElement !== null && h("slot", { key: 'e1eefab60d02942b46fcbdf0c6ec6c77a9b0a495', name: "meta" }), this.interaction !== null && h("slot", { key: '087bf8a7003ac5e5173464be4826d6881ce7c20a', name: "interaction" })), h("div", { key: '0eddac4be3ac42a2c9c5db5570714746b7c70569', class: "dso-plekinfo-card-content" }, h("slot", { key: '153a40dbe03f2ac79274b118c23eb431144d69db', name: "content" })))));
     }
     static get is() { return "dso-plekinfo-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/progress-indicator/progress-indicator.js CHANGED Viewed

@@ -6,7 +6,7 @@ export class Progressindicator {
         this.text = i18n(() => this.host, translations);
     }
     render() {
-        return (h(Host, { key: 'a477f1ca1a98b2f5f39c080b86b25331e2a214cf' }, h("span", { key: '4cbfc31f0c9723d09b05405cf0ed92c98c5380ea', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: 'f8335b7c8e6b7f4f598a30c8ebd671f8929bf50c', icon: "spinner" })), h("span", { key: '67fa7e3b2519dbac1bf8e60a3eb38ec4a197871f', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
+        return (h(Host, { key: '4050ddc4eebabc030edc4a17c133f4472c3f21ac' }, h("span", { key: 'bf00edd832b37faf232d92e83c4e7c3d1ea22fe0', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: '1128e74891630d80fc661fc5f748110988ea1149', icon: "spinner" })), h("span", { key: 'a018e86d33e7838531fb02bc7468ef7c8a879a7a', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
     }
     static get is() { return "dso-progress-indicator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/project-item/project-item.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Fragment, h } from "@stencil/core";
 export class ProjectItem {
     render() {
-        return (h(Fragment, { key: '405e7b748332dbf26f8d94c1418b62aa5fed2eaa' }, h("div", { key: '87516c230f1993d2f6919acc25ca892d8543000c', class: "project-item-header" }, h("div", { key: '239894e732ff99f1f4f284ccf760e4ecd41f5130', class: "project-item-title" }, h("slot", { key: '6c4fb5332371112773465d486222b77bea4858bb', name: "title" }), this.label && (h("dso-label", { key: '696644220895ba0671398292d2b3e78b7b56763b', status: "error", compact: true }, this.label))), h("div", { key: 'def9da5043556d0b0e22a709d4f3d62800c0b7b6', class: "project-item-actions" }, h("slot", { key: '2f40b4618484faf05d2bcb16ce4f7de635269937', name: "actions" }))), h("div", { key: '700947f8af44d03806c8a5ebd752693dad3dab4a', class: "project-item-info" }, h("div", { key: 'cb312a74fbffbde4f441d07269c26ec9f24eeca9', class: "project-item-progress" }, h("slot", { key: '56aadce06faa367be1e8374e4b8efefa744f9941', name: "progress" })), h("div", { key: '951ba20c7d39187030e93fe069fb1ec701e61b1b', class: "project-item-status" }, h("slot", { key: '1092d54206741c7ecb7de86b23cec3884228af60', name: "status" })))));
+        return (h(Fragment, { key: '9452fe0e52d9d8615eccbdf87232d4038d1ab627' }, h("div", { key: '0830293073bffadf35a51a1c6e1b67af5f07f059', class: "project-item-header" }, h("div", { key: '9e8265ba7179df47ba9db9b4509d87cf5c1b8bfa', class: "project-item-title" }, h("slot", { key: 'aa4f224f99485a15d5c40e965b681ca82325e64d', name: "title" }), this.label && (h("dso-label", { key: 'c02633fdd4afa8d57a8d9c1de3eb09d59e42e0a8', status: "error", compact: true }, this.label))), h("div", { key: '0f2e6db4c06b387117acd61471fadef12372f140', class: "project-item-actions" }, h("slot", { key: '9940fb727444347f92fb33127b05f09e3d358c25', name: "actions" }))), h("div", { key: 'fe74f95d336a502b83b2c48ff6c656d7f3742d09', class: "project-item-info" }, h("div", { key: 'b9cc6c764e1c0a7c1f24ecf5ad430bc06c7ef0f4', class: "project-item-progress" }, h("slot", { key: '0c7800cda708f810f270833e286300092f1fde32', name: "progress" })), h("div", { key: '1894f7c46fdda5ec870143ea44426273d4a9e3ad', class: "project-item-status" }, h("slot", { key: '2fca967bfe39d73888059f038fd9f61bb509e054', name: "status" })))));
     }
     static get is() { return "dso-project-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/responsive-element/responsive-element.js CHANGED Viewed

@@ -39,7 +39,7 @@ export class ResponsiveElement {
         this.observer.unobserve(this.host);
     }
     render() {
-        return (h(Host, { key: '9c763f26d6ebc58fdb47e25e0b6a1fb8738be750', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: '05713cd4816c505158225dbe33ab11b14e789181' })));
+        return (h(Host, { key: '038f65aa40386d2858df83dcfe773cf4aee53ab0', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: 'b3727cb82cb4a1086c0258f10a99804066021bb4' })));
     }
     static get is() { return "dso-responsive-element"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scrollable/scrollable.js CHANGED Viewed

@@ -104,9 +104,9 @@ export class Scrollable {
         this.slottedElements.forEach((element) => resizeObserver.unobserve(element));
     }
     render() {
-        return (h("div", { key: '8ec4de1ddaf5c42074b496d9d80be4c846cd8634', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: '895d40a03b7e555686300e8c773c0110cb352c69', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
+        return (h("div", { key: 'ed3625bd1fa4bf665d8a23f9d0955552ad5af958', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: 'ed0bbf745960e504176c928ca73c992b052a6573', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
                 [`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== "noScroll",
-            }), onScroll: () => this._setScrollState() }, h("slot", { key: 'fb92677ffbad663cd08bb7ced3095a7affe1945d' }))));
+            }), onScroll: () => this._setScrollState() }, h("slot", { key: 'b0f2331fcfd67bee198e3a754a8a9d25d6f1d852' }))));
     }
     static get is() { return "dso-scrollable"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/segmented-button/segmented-button.js CHANGED Viewed

@@ -15,7 +15,7 @@ export class SegmentedButton {
         });
     }
     render() {
-        return (h("div", { key: 'ed55fd50739c57f5af67ef5ec61af78c4e05b308', class: "segmented-button", role: "radiogroup", "aria-label": this.label, "aria-required": this.required?.toString() }, this.options?.map((option) => {
+        return (h("div", { key: '9398b2180aeaef6d79d10b92ff336358d2832260', 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)));
         })));
     }

package/dist/collection/components/selectable/selectable.js CHANGED Viewed

@@ -48,7 +48,7 @@ export class Selectable {
     }
     render() {
         const hasInfo = !!this.host.querySelector('[slot="info"]');
-        return (h(Fragment, { key: '3d98b23e1aff2b9d87f491373a236c4d3c4d6506' }, h("div", { key: '8b2c1a74048ebae12bde50719593f4dfbdcae3dd', class: "dso-selectable-container" }, h("div", { key: '43098a94f1b95ccc8f69b4e8f2c60f99eb283229', class: "dso-selectable-input-wrapper" }, h("input", { key: '7c0a0d708184b5aeda327e52ffa03872b1c248d9', 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 ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: '53e497962ec33ded495671181f858baada63b3b3', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: '0ad6f2f0c18725cd84c42879c5fa9fd0a38f0000', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: 'b70e5c5e7682a0face7d7f8225af88d32285dd6f' }, h("slot", { key: '4b66be88a0dcef32606a12707ac4dd3ae16d53ee', name: "info" })))), h("slot", { key: '3c3e9d3b63d567be2d000732ab7f8bc826466ec6', name: "options" })));
+        return (h(Fragment, { key: 'f8cd51d0562d5718bfb2846a1a1f001d067d88c2' }, h("div", { key: '0334a8b7aa939eac065292c34ad37bf4e757be56', class: "dso-selectable-container" }, h("div", { key: 'a7fb59205e16eb3797ed1acaaa7acb3934583507', class: "dso-selectable-input-wrapper" }, h("input", { key: 'bb7f49b38b56e5ba6bb690292646343bbfe0f2eb', 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 ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: '45a00a047487be4f1426d83a3366ffce52dc941e', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: 'ab533add5946fe56c6362ae99a6bc89aebe82b6c', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: '832279eb9a49a7b16374f00218ea5e8c3841aeed' }, h("slot", { key: '9d93816bcc8c6d9a91da08001d889feec5fc5d64', name: "info" })))), h("slot", { key: '8aee73d7bc3fb2a634b8c9a445cd20318f436765', name: "options" })));
     }
     componentDidRender() {
         if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {

package/dist/collection/components/skiplink/skiplink.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class Skiplink {
         return this.dsoSkiplinkClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });
     }
     render() {
-        return (h("a", { key: '4bbe2beca1e700b7c9c690751ff7383cbd32eb22', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: 'fd89fa4d570b5902cd443646e990699bb54c18f8', icon: "chevron-right" })));
+        return (h("a", { key: '95c237c77ce3220dc01b274ae188c964a8d00072', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: 'cc7bc50829c74cdda12ffe51a1033993ca7e36d5', icon: "chevron-right" })));
     }
     static get is() { return "dso-skiplink"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/slide-toggle/slide-toggle.js CHANGED Viewed

@@ -25,7 +25,7 @@ export class SlideToggle {
         this.hasVisibleLabel = this.host.querySelector("*") !== null;
     }
     render() {
-        return (h(Fragment, { key: 'e874372b9924ff9fde733d5e3018a7aef3d9ff3e' }, h("button", { key: '08f03b06692ec0339e47373293425b0c987f9064', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, h("svg", { key: 'd866e732368bdadc59b12c378e319a54e17ed77a', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: 'f8a9f05a98b948caa99418d55e87df39c1ac4cef', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: 'bb9bb4da86533006b4a28ee46e637ec2de849884', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: 'becff9d37908c63ed3bf72f2e4557473f33864be', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: 'e15e27c77547bf587af1a206504ec72840238d0b', htmlFor: this.identifier }, h("slot", { key: 'e412f82c66edc0c1870bae53ab9bc8619a4f1709' })))));
+        return (h(Fragment, { key: '274c335f42f2e4d520a0ae2a6bdf1b0d866a1beb' }, h("button", { key: '2c9189d9ecc995f108387c69189e3ee36f3e2df8', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, h("svg", { key: 'd08d9ff2cb0506be4ea8a70767352ed7ee8044b6', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '72080e2b31f9f1e136b987a9b227fb448c3d3bec', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: 'fd487372b48443feab75884f897dedc009e0b23a', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: '4f2826e8798297f357be6d2a8d63c52eb722476d', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: '69d7f71c94a7094882a2a8d08e29ce32dcdedc41', htmlFor: this.identifier }, h("slot", { key: 'add7fa3aa284c4a5907aa28f5d2a9fc8ecf12662' })))));
     }
     static get is() { return "dso-slide-toggle"; }
     static get encapsulation() { return "scoped"; }