@dso-toolkit/core 90.1.0 → 90.2.0

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

@@ -1,7 +1,9 @@
 import { Host, h } from "@stencil/core";
+import { WrapWijzigactie, } from "../../../functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component";
 /**
  * @slot - The label for this Map Layer Object
  * @slot symbol - An optional slot to place a symbol in, representing the Map Layer Object.
+ * @slot label - An optional slot for badges or labels next to the object label.
  */
 export class MapLayerObject {
     constructor() {
@@ -14,7 +16,7 @@ export class MapLayerObject {
         };
     }
     render() {
-        return (h(Host, { key: 'a87539fbfb68dcffd4a0992d69c416b0e11f0bbe', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: '62db222cbc719f43aaee333b92aa0c801ae389c7', class: "map-layer-object" }, h("div", { key: '939ecbc719be1a449c08a1647fd30d179b0a10de' }, h("slot", { key: '7c9b30d0495c36862877a98262db5709bee8fb79', name: "symbol" })), h("div", { key: '795267680e1e84c179a2a0884dfb0d43a718c89f' }, h("slot", { key: 'd83d2ec268a454ec88f3e6d799714a8d4bde7204' })), h("div", { key: 'b3ca34647ca358a1f6474eaa5e489f193201486e', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: 'dbf2b5a0d0ca20abc326afe9cd372e180ce1f5fe', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))));
+        return (h(Host, { key: 'f21ff99cfe42c0942fa7f1116b3e1ead64745644', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h(WrapWijzigactie, { key: '3f13f376666061cffc9d3a8306f4c840217f55ce', wijzigactie: this.wijzigactie }, h("div", { key: 'f590382a9a09502a002459139c9f235e455d5d01', class: "map-layer-object" }, h("div", { key: 'dc8a429beae9c3522be0acd099df29c5ef07afcb' }, h("slot", { key: '29438f9f7b4ca4155fabfa407a53f90cfde95b3a', name: "symbol" })), h("div", { key: 'b83734590ad3694ebc88d48eaddebccc3c27493f', class: "map-layer-object-heading" }, h("slot", { key: '4009d70d400ffdcd28159052e3fb6c094b93cc02' }), h("slot", { key: '9f898016a56f01b6d7a43c476fdf192c10edcfd2', name: "label" })), h("div", { key: '0b3743706d0f81c8bed489956fcb4292ccb84c87', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '9db2ccbbd364da9fdbb1640f8f4766e586840f78', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange }))))));
     }
     static get is() { return "dso-map-layer-object"; }
     static get encapsulation() { return "shadow"; }
@@ -48,6 +50,32 @@ export class MapLayerObject {
                 "setter": false,
                 "reflect": true,
                 "attribute": "active"
+            },
+            "wijzigactie": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "Wijzigactie | undefined",
+                    "resolved": "\"verwijder\" | \"voegtoe\" | undefined",
+                    "references": {
+                        "Wijzigactie": {
+                            "location": "import",
+                            "path": "../../../functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component",
+                            "id": "src/functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component.tsx::Wijzigactie",
+                            "referenceLocation": "Wijzigactie"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "An optional 'wijzigactie' that signals if the Map Layer is added or removed."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "wijzigactie"
             }
         };
     }

package/dist/collection/components/map-layer/map-layer.css

@@ -1,27 +1,107 @@
-:host {
-  display: block;
-}
-
 *,
 *::after,
 *::before {
   box-sizing: border-box;
 }
 
+:host {
+  display: block;
+  padding: 6px;
+}
+:host ins,
+:host del {
+  display: contents;
+  text-decoration: none;
+}
+
+:host([wijzigactie=voegtoe]) {
+  --_dso-alert-success-border-color: #39870c;
+  --_dso-alert-error-border-color: #ce3f51;
+  --_dso-alert-info-border-color: #6ca4d9;
+  --_dso-alert-warning-border-color: #dcd400;
+  --link-color: currentColor;
+  --link-hover-color: currentColor;
+  --link-visited-color: currentColor;
+}
+:host([wijzigactie=voegtoe]) 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"));
+}
+:host([wijzigactie=voegtoe]) 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"));
+}
+:host([wijzigactie=voegtoe]) 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"));
+}
+:host([wijzigactie=voegtoe]) 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"));
+}
+:host([wijzigactie=voegtoe]) {
+  --_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;
+}
+
+:host([wijzigactie=verwijder]) {
+  --_dso-alert-success-border-color: #39870c;
+  --_dso-alert-error-border-color: #ce3f51;
+  --_dso-alert-info-border-color: #6ca4d9;
+  --_dso-alert-warning-border-color: #dcd400;
+  --link-color: currentColor;
+  --link-hover-color: currentColor;
+  --link-visited-color: currentColor;
+}
+:host([wijzigactie=verwijder]) 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"));
+}
+:host([wijzigactie=verwijder]) 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"));
+}
+:host([wijzigactie=verwijder]) 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"));
+}
+:host([wijzigactie=verwijder]) 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"));
+}
+:host([wijzigactie=verwijder]) {
+  --_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;
+}
+
 .map-layer {
   display: flex;
   justify-content: space-between;
   min-block-size: 32px;
 }
-
-.map-layer-label {
+.map-layer-heading {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  margin-block-end: 8px;
+}
+.map-layer-heading ::slotted([slot=name]) {
   font-weight: 600;
   line-height: 1.375em;
-  margin: 0;
-  position: relative;
+  margin-inline-end: 4px;
 }
-
-.slide-toggle-container dso-slide-toggle {
+.map-layer .slide-toggle-container dso-slide-toggle {
   display: flex;
   padding-block-start: 0;
 }

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

@@ -1,6 +1,9 @@
-import { Fragment, h } from "@stencil/core";
+import { h } from "@stencil/core";
+import { WrapWijzigactie, } from "../../functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component";
 /**
  * @slot - The dso-map-layer-object elements. These should be direct children of the dso-map-layer element.
+ * @slot name - The name of the Map Layer.
+ * @slot label - An optional slot for badges or labels next to the Map Layer name.
  */
 export class MapLayer {
     constructor() {
@@ -18,7 +21,7 @@ export class MapLayer {
         };
     }
     render() {
-        return (h(Fragment, { key: '6c3a180b39fd92c05d4c5aed40ec2c1b899f128b' }, h("div", { key: '05da4a7ec9248be35d5419bf4ef542d3267fe759', class: "map-layer" }, h("span", { key: 'd01732a0a5fe6b70c17ff125d32793a888561001', class: "map-layer-label" }, this.label), this.activatable && (h("div", { key: '7c40e6994af4a1d9f0238d5aac9b860940a4bcdd', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '91d8010e93555e5a86eba4e6efb97261d6578729', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: '88880c3011407074dcf21c3e280a21f3f94788dc' })));
+        return (h(WrapWijzigactie, { key: '6ea00029462ecc382fcc8ac6df480373f90e0515', wijzigactie: this.wijzigactie }, h("div", { key: '8ab69d853d153cb37735debbe3825ddcfdaea9bd', class: "map-layer" }, h("div", { key: 'ec2b195b0cc887932f2431200279fa6d372fcf11', class: "map-layer-heading" }, h("slot", { key: 'b032f85c0a1e40786024bc6bd1e8157daefb76c9', name: "name" }), h("slot", { key: 'c0b3f6756627640e8bc7abb842bdd9675f2ad1a3', name: "label" })), this.activatable && (h("div", { key: '83f59cb215fc9c9a5b1455c353c82972bbe80b1b', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '226754ff5e394f5f74603360b9adfa0e52019f7d', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: '0f8ce35d1ec4236a63dd8620d85b98a16827e9ca' })));
     }
     static get is() { return "dso-map-layer"; }
     static get encapsulation() { return "shadow"; }
@@ -34,25 +37,6 @@ export class MapLayer {
     }
     static get properties() {
         return {
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string | undefined",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The label of the Map Layer."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "label"
-            },
             "activatable": {
                 "type": "boolean",
                 "mutable": false,
@@ -91,6 +75,32 @@ export class MapLayer {
                 "setter": false,
                 "reflect": true,
                 "attribute": "active"
+            },
+            "wijzigactie": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "Wijzigactie | undefined",
+                    "resolved": "\"verwijder\" | \"voegtoe\" | undefined",
+                    "references": {
+                        "Wijzigactie": {
+                            "location": "import",
+                            "path": "../../functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component",
+                            "id": "src/functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component.tsx::Wijzigactie",
+                            "referenceLocation": "Wijzigactie"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "An optional 'wijzigactie' that signals if the Map Layer is added or removed."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "wijzigactie"
             }
         };
     }

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

@@ -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: '72e00581a669d9a61cdc8a243ffb76033c041bf8', class: {
+        return (h("div", { key: '169b91f604a96f8029d0d6d9bd062c3147bdfcd0', class: {
                 "map-message-content": true,
                 "has-icon": iconName !== undefined,
                 "has-actions": this.hasActions,
-            }, role: role, "aria-atomic": "true" }, h("div", { key: '439a95253cf64aa02893276a0e2a01a6505c827b', class: "map-message-body" }, iconName && h("dso-icon", { key: 'bdb9e03b41515493eac49d156a406a8d5fb0bfc9', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), h("span", { key: 'a286495f08b1e7235f0d78d6d54bc2a5075f513f', class: "map-message-text" }, h("slot", { key: '7d81b5a3acb376e4dc61ba57ded7c8074f3c4f6a', name: "message" }))), h("slot", { key: '3944becb80845f23cb1caab53ce889886d30cb4a', name: "actions", onSlotchange: this.handleActionsSlotChange })));
+            }, role: role, "aria-atomic": "true" }, h("div", { key: '568d8da2fa08ca48e5ba29664bcb5f4fc00fc126', class: "map-message-body" }, iconName && h("dso-icon", { key: '42ef91ad797f96a4382da8c85f55822b79c79b06', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), h("span", { key: '125d1aa6bb85b3933dda55abb21b1329cfd12044', class: "map-message-text" }, h("slot", { key: '15706e482ddbf0ab3e83aed71c0a83683eb23557', name: "message" }))), h("slot", { key: 'ca34e929276023f6f49112dfce38bf1078cddbbb', 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

@@ -27,7 +27,7 @@ export class MapOverlays {
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (h("fieldset", { key: '8ef0c3a734d449e75f42c43e2d2f93acb4a443e3', class: "form-group dso-checkboxes" }, h("legend", { key: 'd5317715612e9790d65a411f291c00d7319b9a60', class: "sr-only" }, "Kaartlagen"), h("div", { key: 'e2df4b1aed15cf2e808607a811780ab476bab2b6', class: "dso-label-container" }, h("span", { key: '95751d4947a940c02d7a7b9845f9e51238361519', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: 'fc68e624a70062c5c98fab61418183ca784f8600', 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: 'c3b999bcfd600744f885128418dcb69aa9a18133', class: "form-group dso-checkboxes" }, h("legend", { key: 'bf13c49ba66ed5a8f0c8ca8ce3b2f4e41de64032', class: "sr-only" }, "Kaartlagen"), h("div", { key: '639e81cdc4f91ee53da11c8aede39fd5c85fc6e7', class: "dso-label-container" }, h("span", { key: '94172cf1232312e5d39e09f99390119f189109ce', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: 'bb520e45e6a9c58c5bf7013fdbcf5ed39a635d45', 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

@@ -41,7 +41,7 @@ export class MarkBar {
     render() {
         const current = this.current || 0;
         const totalCount = this.totalCount || 0;
-        return (h("div", { key: 'c3a82409b4af6269c0504b434f96872d1a3b4033', class: "dso-mark-bar" }, h("div", { key: '34d4b99c78d3ae43375db1c0e6733493a053d845', class: "dso-mark-bar-input" }, h("input", { key: '1211e41be559de27a4f9dcad26c0be2f3587f59d', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: 'd3d236194e74168d9d46d0162b6e37522367cc33', htmlFor: "search-input" }, h("dso-icon", { key: '9d586244b348ffdb08781f503da0db1f7c369d22', class: "dso-search-icon", icon: "search" }), h("span", { key: 'f9c68afc76bf7ccec73564824553e92a7bf36213', class: "label-text" }, this.label)), h("dso-icon-button", { key: '5d41c6e1ea7b95a490472aeab5422b8486c23417', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: 'e8aa6c811f028028c7c5a16a99c90f1976f27996', class: "dso-button-container" }, h("span", { key: '69d29550251d869e7e53906e58acf1f21b502810', class: "divider" }), h("dso-icon-button", { key: '302b5e9628fba82b1d11b2dd785ff5f21ec427ba', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: 'eb690b5925dd908d15530b34e687e2f1cf60fb02' }, current, "/", totalCount), h("dso-icon-button", { key: '8262ce2b0a692fc97bb44bb4561a9199b2f76c10', icon: "chevron-down", variant: "tertiary", label: "Volgend zoekresultaat", onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
+        return (h("div", { key: '3f2390f17346e0f6e8f5922c8205b7d0dbb68f89', class: "dso-mark-bar" }, h("div", { key: '19da44807b5d7be12bf74f601412e0228ada4a49', class: "dso-mark-bar-input" }, h("input", { key: 'fd26a40b6539bc0ac7638e587776819d9a8e2831', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: '6b6599311c0068af1470cf2f04defc603740064f', htmlFor: "search-input" }, h("dso-icon", { key: '61e5cf281785c47181144e6a06fbc4f92f1f4ae9', class: "dso-search-icon", icon: "search" }), h("span", { key: '7a7b144411738a1d804e7c75256adccbf922b864', class: "label-text" }, this.label)), h("dso-icon-button", { key: 'bb929394de046b8a3acaff79bda1a51a0768870a', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: '32c06190f96d124d6f2d7ac6fe207aedd4af9638', class: "dso-button-container" }, h("span", { key: '988bd229b69150fcc6107f6e291a00c76b04e8b5', class: "divider" }), h("dso-icon-button", { key: '40ae708d4a8676e617d728d3d326d50767394046', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: '973aa6d3df09e3809bbcd4c2b96dee8144cae2d6' }, current, "/", totalCount), h("dso-icon-button", { key: 'a26fc60b7e05fe6725f444476afe85345c9f13b8', icon: "chevron-down", variant: "tertiary", label: "Volgend zoekresultaat", 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

@@ -62,7 +62,7 @@ export class Modal {
         }
     }
     render() {
-        return (h("dialog", { key: '5d7ddfc40dd53394fb0cb85272f1326c0ba97069', 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: '6f71103e9f8d01fdebeb186e6f4b7e8f4f3f7f45', 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: '03c9930cb55b99cb9e5168e839279d4ad7dea2bf' }, h("div", { key: '66e87f8479904a9001bc6836d5183e33a1b44bf9', class: "dso-body", tabIndex: 0 }, h("slot", { key: '40b9d6d2997fcf64630c7b617b33345e6d8f3981', name: "body" }))), this.hasFooter && (h("div", { key: '89a9f92226e82a429bca0f0a021f4fd96d8ebdfe', class: "dso-footer" }, h("slot", { key: '06b3975cfb42b7313baea186cd1fef29545fd9f4', name: "footer" }))))));
+        return (h("dialog", { key: '0a59daede2da8cea1862697b21a2c0cefe2ad2ba', 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: '1aa3945eefc77e466cf5f5a8176441f3341227c9', 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: '8b4f73119c03e79c411cf2be522a22347d5734ba' }, h("div", { key: 'eaf1dd3795fd7f29f784b19028a29f4adef739b1', class: "dso-body", tabIndex: 0 }, h("slot", { key: '6941bcfc9c5c38fbc1b4a7e54f5f6abf9b83938c', name: "body" }))), this.hasFooter && (h("div", { key: 'f1367f0059cde476a93126459a97e79be952ae4e', class: "dso-footer" }, h("slot", { key: '0ac156c12718075bebb54010cc360c118faa7bfd', name: "footer" }))))));
     }
     static get is() { return "dso-modal"; }
     static get encapsulation() { return "shadow"; }

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

@@ -65,7 +65,7 @@ export class OnboardingTip {
     }
     render() {
         const ariaLabel = this.headingSlottedElement?.textContent;
-        return (h(Host, { key: '2388c162ae6b1038db865fe5f9223b279c2a0d7b', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: 'c9c1d2bbdee847dc35a01c02565fae7360e85cc0', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: '94a65927928e93e7d57ca29b78c41b8897606f5d', class: "onboarding-tip-inner" }, h("div", { key: '9f78575a65ce0d453ca900b03f2a8dccd04f3a2d', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: 'c6609cb5fa0f17efc002ce8757ccaa558d2de1e4', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: '2a3f6de94ec5e4041079a7d0a1b83c5eb50f0ade', icon: "light-bulb" }), h("slot", { key: '94d5185f1f62f85011ae567496f85f2659abd43e', name: "heading" }))), h("dso-icon-button", { key: '8cf1de22c598a72e71185b9dda65c58ae932b7d3', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: '85678e247c035c01e87f6b1cfb73ef0c3e0d8c3d' }))), h("div", { key: '39a55487335e71933f9fc091b425310602cc4b05', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
+        return (h(Host, { key: '558c776e30df6ad732c7520ced07275cc58ffc86', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: '3534a629bf57a5f03c58883214921e988ce02173', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: '662383b809b71d3fcc71bad473af767d3783f88d', class: "onboarding-tip-inner" }, h("div", { key: '037799fcc6e5ff50135826a6daa89b02588eaf1f', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: '7db0ec9b9905af692246f98efedf9a6548a7d9a5', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: 'dc36c8cfc5883c1d864e7b14fa6ea4adf121093c', icon: "light-bulb" }), h("slot", { key: '806e62c3c4565ded40315d4c62c0271faf5f7662', name: "heading" }))), h("dso-icon-button", { key: '8ad1e4e3bfaf4f697013514cf1387db453c97cec', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: '1cc4e1a84c26285aca4c32b9526cd7251a8131c4' }))), h("div", { key: '43a5cb81f188e324ec5e79d5ec9b96c59eeff63f', 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.css

@@ -90,21 +90,16 @@
   display: inline;
   overflow-wrap: break-word;
   user-select: text;
+  white-space: nowrap;
 }
 .toggletip-button, .toggletip-button:hover, .toggletip-button:focus-visible, .toggletip-button:active {
   text-decoration-line: var(--_dso-ozon-content-toggletip-text-decoration, underline);
   text-decoration-style: dotted;
   text-underline-offset: 15%;
 }
+.toggletip-button .toggletip-label {
+  white-space: normal;
+}
 .toggletip-button dso-icon {
   margin-inline-start: 4px;
-  vertical-align: middle;
-}
-
-.icon-container {
-  position: relative;
-  padding-inline-end: 28px;
-}
-.icon-container dso-icon {
-  position: absolute;
 }

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

@@ -64,7 +64,7 @@ export class ozonContentToggletip {
         this.cleanUp = undefined;
     }
     render() {
-        return (h(Fragment, { key: 'be4c0b3f01426856e7225bb6a153cddcd92ce9f0' }, h("span", { key: 'c45694d0afe2e32bfe5a1005d093a1666b9d35ce', class: "toggletip-button", role: "button", tabindex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, this.icon && (h("span", { key: '5d71616151bd00cdca12f61cdca1b81b446daab7', class: "icon-container" }, h("slot", { key: '1976b3f23484c6711da9dff0e5767a382e43344b', name: "label" }), h("dso-icon", { key: '8cfb54482a998d715e38d8569b1b085098bff2e0', icon: this.icon }))), !this.icon && h("slot", { key: 'e32a8f6dbf395ef8a6205613f6d45b229364dd5b', name: "label" })), h(Tooltip, { key: '1193b5ac21e65206da5a21d548d6ed575265aaca', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, h("slot", { key: '30368d684a48632a9e9d29d242eaa87c2013abaa' }))));
+        return (h(Fragment, { key: '8fcf09bafea0c5063a216b5fc062ffe851a9221f' }, h("span", { key: 'b01a1be6bfb5d46eb2560ff4388e88dafe685137', class: "toggletip-button", role: "button", tabindex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, this.icon && (h(Fragment, { key: 'c4dcac1d94dcd0fc138db4602d8cec7340b5076f' }, h("span", { key: 'e2bc7ba3fe07a594579b609d62f0fdef490401b4', class: "toggletip-label" }, h("slot", { key: '836eb4e41db00abfe22640ef008a7faf642f0866', name: "label" })), "\u2060", h("dso-icon", { key: '2064a11231188c72dd1794a3054dd300d7116044', icon: this.icon }))), !this.icon && h("slot", { key: '1bb82554c188416f5d8d012659f4adecce66995d', name: "label" })), h(Tooltip, { key: 'f46fcc6671d46b0bfd62bfdcb78e2e909c34d7e6', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, h("slot", { key: '0dd70e1864d5c19fd840871a2bb05b76551ea4b4' }))));
     }
     static get is() { return "dso-ozon-content-toggletip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ozon-content/nodes/al.node.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { WrapWijzigactie } from "../functional-components/wrap-wijzigactie.functional-component";
+import { WrapWijzigactie } from "../../../functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component";
 import { parseWijzigactieFromNode } from "../functions/parse-wijzigactie-from-node.function";
 import { wijzigactieToClassName } from "../functions/wijzigactie-to-class-name.function";
 import { getNodeName } from "../get-node-name.function";

package/dist/collection/components/ozon-content/nodes/begrip.node.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { WrapWijzigactie } from "../functional-components/wrap-wijzigactie.functional-component";
+import { WrapWijzigactie, } from "../../../functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component";
 import { parseWijzigactieFromNode } from "../functions/parse-wijzigactie-from-node.function";
 import { wijzigactieToClassName } from "../functions/wijzigactie-to-class-name.function";
 import { getNodeName } from "../get-node-name.function";

package/dist/collection/components/ozon-content/nodes/begrippenlijst.node.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { WrapWijzigactie } from "../functional-components/wrap-wijzigactie.functional-component";
+import { WrapWijzigactie } from "../../../functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component";
 import { parseWijzigactieFromNode } from "../functions/parse-wijzigactie-from-node.function";
 import { wijzigactieToClassName } from "../functions/wijzigactie-to-class-name.function";
 export class OzonContentBegrippenlijstNode {

package/dist/collection/components/ozon-content/nodes/kop.node.js

@@ -1,5 +1,5 @@
 import { Fragment, h } from "@stencil/core";
-import { WrapWijzigactie } from "../functional-components/wrap-wijzigactie.functional-component";
+import { WrapWijzigactie } from "../../../functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component";
 import { parseWijzigactieFromNode } from "../functions/parse-wijzigactie-from-node.function";
 function mapData(node) {
     return {

package/dist/collection/components/ozon-content/nodes/lijst.node.js

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
 import { clsx } from "clsx";
-import { WrapWijzigactie } from "../functional-components/wrap-wijzigactie.functional-component";
+import { WrapWijzigactie } from "../../../functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component";
 import { parseWijzigactieFromNode } from "../functions/parse-wijzigactie-from-node.function";
 import { wijzigactieToClassName } from "../functions/wijzigactie-to-class-name.function";
 import { getNodeName } from "../get-node-name.function";

package/dist/collection/components/ozon-content/nodes/table.node/table-cell.js

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core/internal";
 import { clsx } from "clsx";
-import { WrapWijzigactie } from "../../functional-components/wrap-wijzigactie.functional-component";
+import { WrapWijzigactie, } from "../../../../functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component";
 import { wijzigactieToClassName } from "../../functions/wijzigactie-to-class-name.function";
 function getColspecStartColsep({ columns }, nameStart) {
     const colspecStart = columns.find((c) => c.name === nameStart);

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

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

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

@@ -15,7 +15,7 @@ export class Panel {
         this.text = i18n(() => this.host, translations);
     }
     render() {
-        return (h("div", { key: '233e489e81d322692677d24c62d32944fec7cc12', class: clsx(["dso-panel", { emphasized: this.emphasized }]) }, h("div", { key: '1230e87f7a961cdfeff12ebe0226a7363fde7aa7', class: "panel-heading" }, h("slot", { key: '2c6c0a1b20ffd88865abf0b5391083d5029467fc', name: "heading" }), h("dso-icon-button", { key: '515245713f17087302661c9396b779b1997b1552', icon: "cross", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), h("div", { key: '8c113c07b1a09324303b99cafffe289013621dc7', class: "panel-body" }, h("slot", { key: '6be3f3b6f06e52f6e051c9da419eb051d1ac2a09' }))));
+        return (h("div", { key: '1dac87d122cd59af6f7baa241458259e7dc756fd', class: clsx(["dso-panel", { emphasized: this.emphasized }]) }, h("div", { key: '0573d40a2df15f0158e7aaee2ad774335b0b1d70', class: "panel-heading" }, h("slot", { key: 'c0b3491152c0f2e02bc78f29405c6c7588a10a7a', name: "heading" }), h("dso-icon-button", { key: '581b13cc776d9f00d28377dd4d50afddc27c90f4', icon: "cross", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), h("div", { key: '35628d4cda36eef5b3f065c31e151bc05ae81faf', class: "panel-body" }, h("slot", { key: '7cbbb1eb6d06b888d96a7ea7c384afe5dfa3dc0a' }))));
     }
     static get is() { return "dso-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,14 +1,6 @@
 import { Fragment, Host, forceUpdate, h, } from "@stencil/core";
+import { WrapWijzigactie, } from "../../functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component";
 import { isModifiedEvent } from "../../utils/is-modified-event";
-const WrapWijzigactie = ({ wijzigactie }, children) => {
-    if (wijzigactie === "voegtoe") {
-        return h("ins", { class: "dso-plekinfo-card-container" }, children);
-    }
-    if (wijzigactie === "verwijder") {
-        return h("del", { class: "dso-plekinfo-card-container" }, children);
-    }
-    return h("div", { class: "dso-plekinfo-card-container" }, children);
-};
 /**
  * @slot symbol - An optional slot to place a symbol, representing the plekinfo item, in.
  * @slot heading - A slot to place the title of the card in.
@@ -49,7 +41,7 @@ export class PlekinfoCard {
     }
     render() {
         const hasSymbol = this.symbolSlottedElement !== null;
-        return (h(Host, { key: '195808a17ac11b26547e4b41fa56b4dcaa701fba', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: '89a7af24895338ff188f45dda202f013f90be1ae', wijzigactie: this.wijzigactie }, h("div", { key: '77e8f2b79cb9277579c30a43afa279b5085f3b22', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: 'a9a66ded575a35070c9fc7e998af610421ca61b5', name: "symbol" })), h("div", { key: 'e9777c203783b5d345e6f268770c80b771b36243', 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: 'be0665edf9fa951672184c4a621ec9da430deb11', name: "meta" }), this.interaction !== null && h("slot", { key: '2b283e4c7106a380c8e2a8e7e83310c16410a534', name: "interaction" })), h("div", { key: '3ba8eb7a483b4b165ce8bc7dcba3fccb97b530d5', class: "dso-plekinfo-card-content" }, h("slot", { key: '14e5c1aed546f3e795e7e542641e9f03532f4e31', name: "content" })))));
+        return (h(Host, { key: 'd6bf54213c95928c6ede76f52dd73fad3ae30ea2', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: 'fc4602b99d335f82f367d051b20064026bfd9198', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, h("div", { key: 'f1abba3e1ef15e738e0a802a7a6af8225b2ccedd', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: '8833c13d9be2d06157e4fb288579ffffc918805b', name: "symbol" })), h("div", { key: 'ac6885c1023a72ab82f72ef6901c0344a145e976', 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: '4764a10ae7d5b4a363561742032b9c1967284dfc', name: "meta" }), this.interaction !== null && h("slot", { key: '353f09e3436b7336d74b8d7dabc52fb49d1985ba', name: "interaction" })), h("div", { key: 'd59991499dd55acd137746327e73dab7bfcd4e2b', class: "dso-plekinfo-card-content" }, h("slot", { key: '07540e332094f4eef9936e84b7a5bc25db58048e', name: "content" })))));
     }
     static get is() { return "dso-plekinfo-card"; }
     static get encapsulation() { return "shadow"; }
@@ -69,14 +61,14 @@ export class PlekinfoCard {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "PlekinfoWijzigactie",
+                    "original": "Wijzigactie",
                     "resolved": "\"verwijder\" | \"voegtoe\" | undefined",
                     "references": {
-                        "PlekinfoWijzigactie": {
+                        "Wijzigactie": {
                             "location": "import",
-                            "path": "./plekinfo-card.interfaces",
-                            "id": "src/components/plekinfo-card/plekinfo-card.interfaces.ts::PlekinfoWijzigactie",
-                            "referenceLocation": "PlekinfoWijzigactie"
+                            "path": "../../functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component",
+                            "id": "src/functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component.tsx::Wijzigactie",
+                            "referenceLocation": "Wijzigactie"
                         }
                     }
                 },

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

@@ -6,7 +6,7 @@ export class Progressindicator {
         this.text = i18n(() => this.host, translations);
     }
     render() {
-        return (h(Host, { key: '1cae1ecc0189ba8e3f398be733261208bff72507' }, h("span", { key: '18c9e94d07e685e9e628ea962e3e5a92d4942a8e', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: 'c3621e2064b6dcd7100a5bab325938b5f4979467', icon: "spinner" })), h("span", { key: '5540253b6a6a40d130b2b8e5f8341981ed708396', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
+        return (h(Host, { key: '7cfba66f1f9d54e95cefe7e2949bb3b273e09b34' }, h("span", { key: 'b355203ea37d8ca6810f331fc461c09ea5937543', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: '6150b03b2cf21633d741253374bb6dd80d771a00', icon: "spinner" })), h("span", { key: 'cb2bb2d6a5b3ee057e18e1a43eca575184ea60f5', 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

@@ -1,7 +1,7 @@
 import { Fragment, h } from "@stencil/core";
 export class ProjectItem {
     render() {
-        return (h(Fragment, { key: '81913e4182774ec0a1110406111a9739bf94cf41' }, h("div", { key: 'b9eab3670d6819b734e22aaec0e6b1f7c455c356', class: "project-item-header" }, h("div", { key: '462a94b1c982b36a7f6d4a8cc531b036144635d3', class: "project-item-title" }, h("slot", { key: 'c8b6aea41db11fd8c25cbdf74f920e576b970674', name: "title" }), this.label && (h("dso-label", { key: '7e9b7c80cf10afe241c2f123ad01e71b11133ff5', status: "error", compact: true }, this.label))), h("div", { key: 'eee319184b9c0e6be28d6071dea6e2f88db74488', class: "project-item-actions" }, h("slot", { key: '6ccaa945908d43fa1c106903441218e8855749db', name: "actions" }))), h("div", { key: '116932ca949409e32533153a27cf6f8e2aff3bb0', class: "project-item-info" }, h("div", { key: '51786ae67859c0991d5b225186e58a42c7329bdb', class: "project-item-progress" }, h("slot", { key: '28eac3e3813d6f590fbcd43812d4a24cd15d3d81', name: "progress" })), h("div", { key: '0ed9adc0e70671467a365732d2bde265c3822ddb', class: "project-item-status" }, h("slot", { key: 'b1e2fed2554d6029c9eaf137bfa2f96bb1f7ec1f', name: "status" })))));
+        return (h(Fragment, { key: 'e4ff37a1ea0e49becb966e68e6e2fd72cf91cafc' }, h("div", { key: 'e2550af380026962d55a4dc9aa0466490440b1c1', class: "project-item-header" }, h("div", { key: '4b8692506e88407e2a895db5ed75851a8e0c783e', class: "project-item-title" }, h("slot", { key: '79fc5f80c482fa2f241b4bd3caac5c625308ab0d', name: "title" }), this.label && (h("dso-label", { key: '76f1f0d34c85ce4da5109951da32b2142c01bece', status: "error", compact: true }, this.label))), h("div", { key: 'b820186d985d8e2bc75ace177945056e095f4cce', class: "project-item-actions" }, h("slot", { key: 'db117b96fee8d0c6aead9c35c1ae8e650e8cadf2', name: "actions" }))), h("div", { key: '27268b32157e44c9ecf78e5d82171013f5feefdc', class: "project-item-info" }, h("div", { key: '7cedfe0715e50ed2ef4b448588990c91226c0621', class: "project-item-progress" }, h("slot", { key: 'baf690d352757b7fac3c89961899f1a36e4bdc1b', name: "progress" })), h("div", { key: 'edb11d27f220ccfafb4bf6916839317691ff1eb3', class: "project-item-status" }, h("slot", { key: 'f17dbb4173980987721184c7ba4fe25d1e10b19f', name: "status" })))));
     }
     static get is() { return "dso-project-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,7 +39,7 @@ export class ResponsiveElement {
         this.observer.unobserve(this.host);
     }
     render() {
-        return (h(Host, { key: '955fc12443133b5a2875672894684bc78012afb5', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: 'ebdb89bcbe9ce70bacd73a39ba1d01f3387d9c49' })));
+        return (h(Host, { key: 'e6edd396badac005921d7e76851af2da55b6c94e', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: 'cdcbe74aa45b1543bde3aebb0b310751b357183e' })));
     }
     static get is() { return "dso-responsive-element"; }
     static get encapsulation() { return "shadow"; }

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

@@ -86,9 +86,9 @@ export class Scrollable {
         this.slottedElements.forEach((element) => resizeObserver.unobserve(element));
     }
     render() {
-        return (h("div", { key: '30263b48397081180497f64c292bf957c4db0e2c', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: '6254e977927cc6a4fffefc320c54da2a9b696f85', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
+        return (h("div", { key: 'dcf3c6dcaf1057439467a130262cea5da549e9c2', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: '4d987a5bb6b075b3455156f5ece38d2f90b5808f', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
                 [`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== "noScroll",
-            }), onScroll: () => this._setScrollState() }, h("slot", { key: '7349779744fd56b8b018a9f5ed5cf0feb27df4fb' }))));
+            }), onScroll: () => this._setScrollState() }, h("slot", { key: 'fe4ec19f848789dd8357bc6ef46a8b6e7b02751c' }))));
     }
     static get is() { return "dso-scrollable"; }
     static get encapsulation() { return "shadow"; }

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

@@ -15,7 +15,7 @@ export class SegmentedButton {
         });
     }
     render() {
-        return (h("div", { key: '78730647c69b9ac36c314eec92563693988eb9ce', class: "segmented-button", role: "radiogroup", "aria-label": this.label, "aria-required": this.required?.toString() }, this.options?.map((option) => {
+        return (h("div", { key: '05db77628e417c8268824112c231205d2d034e73', 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)));
         })));
     }
@@ -133,7 +133,7 @@ export class SegmentedButton {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Index of the currently active option"
+                    "text": "The currently active option"
                 },
                 "getter": false,
                 "setter": false

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

@@ -46,7 +46,7 @@ export class Selectable {
     }
     render() {
         const hasInfo = !!this.host.querySelector('[slot="info"]');
-        return (h(Fragment, { key: 'e51d923a488b05cd5d75744bf2e5008611753478' }, h("div", { key: 'bed64f6906f028c6e8d30f323816380edde5bdaf', class: "dso-selectable-container" }, h("div", { key: '34e14f498892ce4d71a585004f26c56a77681fba', class: "dso-selectable-input-wrapper" }, h("input", { key: '684662d08cba64f2d6ecb23d84d646b26bc40d1b', 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: 'c14546333dcbe0ffa02cf0059ff0ec403e041f99', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: '2c53ccb4d04fa15d5257e6651c0b69a8a71ffb3e', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: 'fbeef7009379225fad4e3503cfa3ded6bdb40c60' }, h("slot", { key: 'ce0dee01e8abd16314cc9fb6ab3d2ae2ae077bdf', name: "info" })))), h("slot", { key: 'f0fb9d552fbecc82b77ecfec40a3f207aef91b1d', name: "options" })));
+        return (h(Fragment, { key: '5d9dd786079cf637b2a9f9c3e86319f98b575759' }, h("div", { key: 'b49cb8895cb0b83596519ddc0b4fcf567f904248', class: "dso-selectable-container" }, h("div", { key: 'fc781879f7b2b7018f1c860c812411f23f9d6438', class: "dso-selectable-input-wrapper" }, h("input", { key: 'f5d0842c3f535a1285c4ec86b63823faaaa08424', 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: '267113caaa503730680394a575c822ee842ea300', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: '869bf21b8e3ab3ba367d1a874692fd8167d15f29', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: '65194ace31c38f46da617905d1e7671d2627196b' }, h("slot", { key: 'a4d2c29bacab37782ee747e00a0af1d07b9e227d', name: "info" })))), h("slot", { key: '9c4dcdc24ca11fdb3de566b231777ec22abfc8e0', name: "options" })));
     }
     componentDidRender() {
         if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {

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

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