@dso-toolkit/core 62.22.0 → 62.24.0

package/dist/collection/components/annotation/annotation-werkingsgebied/annotation-werkingsgebied.js

@@ -0,0 +1,139 @@
+import { h, Fragment } from "@stencil/core";
+import { AnnotationBody } from "../annotation-body";
+import { AnnotationDiffRenderer } from "../annotation-diff-renderer";
+import { AnnotationGewijzigdeLocatie } from "../annotation-gewijzigde-locatie";
+/**
+ * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.
+ */
+export class AnnotationWerkingsgebied {
+    constructor() {
+        this.wijzigactie = undefined;
+        this.active = undefined;
+        this.gewijzigdeLocatie = undefined;
+        this.locatieNoemer = undefined;
+    }
+    render() {
+        return (h(AnnotationBody, { key: '5ff15871ff44f3ce0120bbd38e01745db2bcddf8', active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("span", { class: "content" }, h(AnnotationDiffRenderer, { value: this.locatieNoemer })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
+    }
+    static get is() { return "dso-annotation-werkingsgebied"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../annotation.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../annotation.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "wijzigactie": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "AnnotationWijzigactie",
+                    "resolved": "\"verwijderd\" | \"voegtoe\" | undefined",
+                    "references": {
+                        "AnnotationWijzigactie": {
+                            "location": "import",
+                            "path": "../annotation.interfaces",
+                            "id": "src/components/annotation/annotation.interfaces.ts::AnnotationWijzigactie"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is."
+                },
+                "attribute": "wijzigactie",
+                "reflect": true
+            },
+            "active": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Een optionele boolean die aangeeft of de annotatie actief is."
+                },
+                "attribute": "active",
+                "reflect": true
+            },
+            "gewijzigdeLocatie": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is."
+                },
+                "attribute": "gewijzigde-locatie",
+                "reflect": true
+            },
+            "locatieNoemer": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "AnnotationDiff | string",
+                    "resolved": "string | undefined | { toegevoegd: string; } | { verwijderd: string; } | { was: string; wordt: string; }",
+                    "references": {
+                        "AnnotationDiff": {
+                            "location": "import",
+                            "path": "../annotation.interfaces",
+                            "id": "src/components/annotation/annotation.interfaces.ts::AnnotationDiff"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "De noemer van de locatie."
+                },
+                "attribute": "locatie-noemer",
+                "reflect": false
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "dsoActiveChange",
+                "name": "dsoActiveChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Een optionele event listener voor wijzigingen aan de status van de annotatie."
+                },
+                "complexType": {
+                    "original": "AnnotationActiveChangeEvent",
+                    "resolved": "AnnotationActiveChangeEvent",
+                    "references": {
+                        "AnnotationActiveChangeEvent": {
+                            "location": "import",
+                            "path": "../annotation.interfaces",
+                            "id": "src/components/annotation/annotation.interfaces.ts::AnnotationActiveChangeEvent"
+                        }
+                    }
+                }
+            }];
+    }
+}
+//# sourceMappingURL=annotation-werkingsgebied.js.map

package/dist/collection/components/annotation/annotation-werkingsgebied/annotation-werkingsgebied.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotation-werkingsgebied.js","sourceRoot":"","sources":["../../../../../src/components/annotation/annotation-werkingsgebied/annotation-werkingsgebied.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,IAAI,EAAE,KAAK,EAAE,CAAC,EAAgB,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGtG,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAE/E;;GAEG;AAMH,MAAM,OAAO,wBAAwB;;;;;;;IA+BnC,MAAM;QACJ,OAAO,CACL,EAAC,cAAc,qDACb,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,KAAK,EACH;gBACE,YAAM,KAAK,EAAC,SAAS;oBACnB,EAAC,sBAAsB,IAAC,KAAK,EAAE,IAAI,CAAC,aAAa,GAAI,CAChD;gBACN,IAAI,CAAC,iBAAiB,IAAI,EAAC,2BAA2B,OAAG,CACzD,GAEL,CACH,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, ComponentInterface, Prop, Event, h, EventEmitter, Fragment } from \"@stencil/core\";\r\nimport { AnnotationActiveChangeEvent, AnnotationDiff, AnnotationWijzigactie } from \"../annotation.interfaces\";\r\n\r\nimport { AnnotationBody } from \"../annotation-body\";\r\nimport { AnnotationDiffRenderer } from \"../annotation-diff-renderer\";\r\nimport { AnnotationGewijzigdeLocatie } from \"../annotation-gewijzigde-locatie\";\r\n\r\n/**\r\n * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.\r\n */\r\n@Component({\r\n  tag: \"dso-annotation-werkingsgebied\",\r\n  styleUrl: \"../annotation.scss\",\r\n  shadow: true,\r\n})\r\nexport class AnnotationWerkingsgebied implements ComponentInterface {\r\n  /**\r\n   * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  wijzigactie?: AnnotationWijzigactie;\r\n\r\n  /**\r\n   * Een optionele boolean die aangeeft of de annotatie actief is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  active?: boolean;\r\n\r\n  /**\r\n   * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  gewijzigdeLocatie?: boolean;\r\n\r\n  /**\r\n   * Een optionele event listener voor wijzigingen aan de status van de annotatie.\r\n   */\r\n  @Event()\r\n  dsoActiveChange!: EventEmitter<AnnotationActiveChangeEvent>;\r\n\r\n  /**\r\n   * De noemer van de locatie.\r\n   */\r\n  @Prop()\r\n  locatieNoemer?: AnnotationDiff | string;\r\n\r\n  render() {\r\n    return (\r\n      <AnnotationBody\r\n        active={this.active}\r\n        dsoActiveChange={this.dsoActiveChange}\r\n        title={\r\n          <>\r\n            <span class=\"content\">\r\n              <AnnotationDiffRenderer value={this.locatieNoemer} />\r\n            </span>\r\n            {this.gewijzigdeLocatie && <AnnotationGewijzigdeLocatie />}\r\n          </>\r\n        }\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/annotation/annotation.css

@@ -0,0 +1,125 @@
+ins {
+  text-decoration: none;
+  --link-color: currentColor;
+  --link-hover-color: currentColor;
+  --link-visited-color: currentColor;
+  background-color: #e4f1d4;
+  border-color: #e4f1d4;
+  color: #191919;
+  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);
+}
+ins a:is(.download, .download:hover, .download:focus-visible) {
+  background-image: url("./dso-icons.svg#img-download-zwart");
+}
+ins a:is(.extern, .extern:hover, .extern:focus-visible) {
+  background-image: url("./dso-icons.svg#img-external-link-zwart");
+}
+ins a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
+  background-image: url("./dso-icons.svg#img-call-zwart");
+}
+ins a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
+  background-image: url("./dso-icons.svg#img-email-zwart");
+}
+
+del {
+  --link-color: currentColor;
+  --link-hover-color: currentColor;
+  --link-visited-color: currentColor;
+  background-color: #f5d8dc;
+  border-color: #f5d8dc;
+  color: #191919;
+  text-decoration: line-through;
+}
+del a:is(.download, .download:hover, .download:focus-visible) {
+  background-image: url("./dso-icons.svg#img-download-zwart");
+}
+del a:is(.extern, .extern:hover, .extern:focus-visible) {
+  background-image: url("./dso-icons.svg#img-external-link-zwart");
+}
+del a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
+  background-image: url("./dso-icons.svg#img-call-zwart");
+}
+del a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
+  background-image: url("./dso-icons.svg#img-email-zwart");
+}
+
+:host {
+  display: block;
+}
+
+:host([wijzigactie=voegtoe]) {
+  --link-color: currentColor;
+  --link-hover-color: currentColor;
+  --link-visited-color: currentColor;
+  background-color: #e4f1d4;
+  border-color: #e4f1d4;
+  color: #191919;
+  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);
+}
+:host([wijzigactie=voegtoe]) a:is(.download, .download:hover, .download:focus-visible) {
+  background-image: url("./dso-icons.svg#img-download-zwart");
+}
+:host([wijzigactie=voegtoe]) a:is(.extern, .extern:hover, .extern:focus-visible) {
+  background-image: url("./dso-icons.svg#img-external-link-zwart");
+}
+:host([wijzigactie=voegtoe]) a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
+  background-image: url("./dso-icons.svg#img-call-zwart");
+}
+:host([wijzigactie=voegtoe]) a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
+  background-image: url("./dso-icons.svg#img-email-zwart");
+}
+
+:host([wijzigactie=verwijder]) {
+  --link-color: currentColor;
+  --link-hover-color: currentColor;
+  --link-visited-color: currentColor;
+  background-color: #f5d8dc;
+  border-color: #f5d8dc;
+  color: #191919;
+  text-decoration: line-through;
+}
+:host([wijzigactie=verwijder]) a:is(.download, .download:hover, .download:focus-visible) {
+  background-image: url("./dso-icons.svg#img-download-zwart");
+}
+:host([wijzigactie=verwijder]) a:is(.extern, .extern:hover, .extern:focus-visible) {
+  background-image: url("./dso-icons.svg#img-external-link-zwart");
+}
+:host([wijzigactie=verwijder]) a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
+  background-image: url("./dso-icons.svg#img-call-zwart");
+}
+:host([wijzigactie=verwijder]) a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
+  background-image: url("./dso-icons.svg#img-email-zwart");
+}
+
+*,
+*::after,
+*::before {
+  box-sizing: border-box;
+}
+
+.annotation-body {
+  display: flex;
+  gap: 8px;
+}
+
+.annotation-info {
+  flex-grow: 1;
+}
+
+.annotation-symbol,
+.annotation-control {
+  flex-shrink: 0;
+}
+
+.annotation-title {
+  font-weight: 500;
+}
+
+.annotation-title,
+.annotation-data {
+  margin-block: 0;
+}
+.annotation-title .content:has(+ dso-label),
+.annotation-data .content:has(+ dso-label) {
+  margin-inline-end: 4px;
+}

package/dist/collection/components/annotation/annotation.interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=annotation.interfaces.js.map

package/dist/collection/components/annotation/annotation.interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotation.interfaces.js","sourceRoot":"","sources":["../../../../src/components/annotation/annotation.interfaces.ts"],"names":[],"mappings":"","sourcesContent":["export type AnnotationWijzigactie = \"voegtoe\" | \"verwijderd\";\r\n\r\nexport interface AnnotationActiveChangeEvent {\r\n  /**\r\n   * De huidige status van de annotatie.\r\n   */\r\n  current: boolean;\r\n\r\n  /**\r\n   * De gewenste status van de annotatie.\r\n   */\r\n  next: boolean;\r\n\r\n  originalEvent: Event;\r\n}\r\n\r\nexport type AnnotationDiff = { toegevoegd: string } | { was: string; wordt: string } | { verwijderd: string };\r\n"]}

package/dist/collection/components/attachments-counter/attachments-counter.js

@@ -4,7 +4,7 @@ export class AttachmentsCounter {
         this.count = undefined;
     }
     render() {
-        return (h("span", { key: 'cd8239d516bd4ea96cdb3d6273d092e1441aa5bb', class: "dso-attachments" }, this.count, " ", h("span", { key: 'b050b4ad32bbab6403b7cff89fe7f2f5c1aa5786', class: "sr-only" }, "bijlage", this.count !== 1 ? "n" : ""), h("dso-icon", { key: '2ad49e0eb4a1f41bee68b5348a25ab1a5fce7b0e', icon: "paperclip" })));
+        return (h("span", { key: '54b3a9b513d57c2ee0aa40d654e365445affd021', class: "dso-attachments" }, this.count, " ", h("span", { key: 'ca1ae3ac9b052e1e4aba77487aa82c91c1d8577c', class: "sr-only" }, "bijlage", this.count !== 1 ? "n" : ""), h("dso-icon", { key: '234da788bfb62fce6fa08f6d99fd0fc7a863b5f8', icon: "paperclip" })));
     }
     static get is() { return "dso-attachments-counter"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/autosuggest/autosuggest.js

@@ -259,7 +259,7 @@ export class Autosuggest {
     render() {
         var _a, _b;
         const terms = (_b = (_a = this.input) === null || _a === void 0 ? void 0 : _a.value.split(" ").filter((t) => t)) !== null && _b !== void 0 ? _b : [];
-        return (h(Fragment, null, h("slot", { key: '09b8007a9093730c9198eb3298b7c653138c2647' }), this.loading && this.showLoading ? (h("div", { class: "autosuggest-progress-box" }, h("dso-progress-indicator", { label: this.loadingLabel }))) : (h("ul", { role: "listbox", "aria-live": "polite", id: this.listboxId, "aria-labelledby": this.labelId, ref: (element) => (this.listbox = element), hidden: !this.showSuggestions && !this.notFound }, (this.showSuggestions &&
+        return (h(Fragment, null, h("slot", { key: '0f00f7ea891f7614aeef586b69a4bcd9b75d33f8' }), this.loading && this.showLoading ? (h("div", { class: "autosuggest-progress-box" }, h("dso-progress-indicator", { label: this.loadingLabel }))) : (h("ul", { role: "listbox", "aria-live": "polite", id: this.listboxId, "aria-labelledby": this.labelId, ref: (element) => (this.listbox = element), hidden: !this.showSuggestions && !this.notFound }, (this.showSuggestions &&
             this.suggestions &&
             this.suggestions.map((suggestion) => (h("li", { role: "option", id: this.listboxItemId(suggestion), key: suggestion.value, onMouseEnter: () => this.selectSuggestion(suggestion), onMouseLeave: () => this.resetSelectedSuggestion(), onClick: () => this.pickSelectedValue(), "aria-selected": (suggestion === this.selectedSuggestion).toString(), "aria-label": suggestion.value }, h("div", { class: "suggestion-row" }, h("span", { class: "value" }, this.markTerms(suggestion.value, terms)), suggestion.type ? h("span", { class: "type" }, this.markTerms(suggestion.type, terms)) : undefined), suggestion.extras &&
                 this.getChunkedExtras(suggestion.extras).map((chunk) => (h("div", { class: "suggestion-row" }, chunk.map((c) => (h("span", { class: "extra" }, this.markTerms(c, terms))))))))))) ||

package/dist/collection/components/badge/badge.js

@@ -5,7 +5,7 @@ export class Badge {
         this.status = undefined;
     }
     render() {
-        return (h("span", { key: '17c5db4cee662c7ca0b066f8386c47eabe2f05e4', class: clsx("dso-badge", { [`badge-${this.status}`]: this.status }) }, h("slot", { key: 'c6f05d23f5f0446909f27786b0aea8e461c2f1d1' })));
+        return (h("span", { key: 'fd6c32075509a81c31f1e21afab9de5aa7e38039', class: clsx("dso-badge", { [`badge-${this.status}`]: this.status }) }, h("slot", { key: 'ad352b0cfe534421fd566277b54c31c2bcaabcf9' })));
     }
     static get is() { return "dso-badge"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/banner/banner.js

@@ -7,9 +7,9 @@ export class Banner {
         this.noIcon = true;
     }
     render() {
-        return (h("section", { key: 'a5cb823753eda49087b357498f5b92e3a042d46d', class: clsx("dso-banner", `alert-${this.status}`, {
+        return (h("section", { key: 'b8ca330b6db6505cf178f85cf8f970012b13585d', class: clsx("dso-banner", `alert-${this.status}`, {
                 "dso-compact": this.compact,
-            }), role: "alert" }, h("slot", { key: '9c76ee38f37a2f5d1c246d21bcfb40f801882de4' })));
+            }), role: "alert" }, h("slot", { key: 'f759d4207e830eb6a420d660b2a40775df7a0573' })));
     }
     static get is() { return "dso-banner"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,9 +50,9 @@ export class Card {
     render() {
         const isSelectable = this.selectableSlottedElement !== null;
         const hasImage = this.imageSlottedElement !== null;
-        return (h(Host, { key: 'b9cc1a47bc39e6e2011ba6412436ab855d9819cf', onClick: (e) => this.clickEventHandler(e), "is-selectable": isSelectable, "has-image": hasImage }, h("div", { key: 'b8a059c5b2cc2f29392e0311fcbb3a02b1b39580', class: "dso-card-selectable", hidden: !isSelectable }, h("slot", { key: '304c0dad6a73ebb2ad12f7c4e0a807d53c7ca660', name: "selectable" })), h("div", { key: '3e976d9e8eb0fbc3578a8fc6f32687f97ca6fc69', class: "dso-card-image", hidden: !hasImage }, h("slot", { key: 'e10f2acff35dcd3316f0cb14575d5d2e4ab86c95', name: "image" })), h("div", { key: 'c7d437cc6d54eab8e9d6ad45411230498b243466', class: "dso-card-heading" }, this.headingSlottedElement instanceof HTMLAnchorElement || !this.href ? (h("slot", { name: "heading" })) : (((!this.mode || !["download", "extern"].includes(this.mode)) && (h("a", { href: this.href, class: "heading-anchor" }, h("slot", { name: "heading" }), h("dso-icon", { icon: "chevron-right" })))) ||
+        return (h(Host, { key: '0c66649451517f7964437001acc82fa555882caf', onClick: (e) => this.clickEventHandler(e), "is-selectable": isSelectable, "has-image": hasImage }, h("div", { key: 'f422f604c9fe91dfe284b4b01bbf3c053228b056', class: "dso-card-selectable", hidden: !isSelectable }, h("slot", { key: '2b1401266e44bb6970849763ecd3b09c2a54ebcc', name: "selectable" })), h("div", { key: 'c2e9b599af341e366dcae1abb8435fcdb8d98074', class: "dso-card-image", hidden: !hasImage }, h("slot", { key: 'fe525fc9248bfdd7482975a6a367c28cda331c95', name: "image" })), h("div", { key: '5811c5f9891e07c486820d28391a83bfc21a5bfc', class: "dso-card-heading" }, this.headingSlottedElement instanceof HTMLAnchorElement || !this.href ? (h("slot", { name: "heading" })) : (((!this.mode || !["download", "extern"].includes(this.mode)) && (h("a", { href: this.href, class: "heading-anchor" }, h("slot", { name: "heading" }), h("dso-icon", { icon: "chevron-right" })))) ||
             (this.mode === "extern" && (h("a", { href: this.href, class: "heading-anchor", target: "_blank", rel: "noopener noreferrer" }, h("slot", { name: "heading" }), h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)")))) ||
-            (this.mode === "download" && (h("a", { href: this.href, class: "heading-anchor" }, h("slot", { name: "heading" }), h("dso-icon", { icon: "download" }))))), this.interactionsSlottedElement !== null && h("slot", { key: 'f318d02fe89a6aa2a9377e2f32d72726c848c42f', name: "interactions" })), h("div", { key: '7b725b7edeee93b237352eff09ae2574647b9a3b', class: "dso-card-content" }, h("slot", { key: '9f855efe124e2a273b1ecb465b27bc7e01ac10e9', name: "content" }))));
+            (this.mode === "download" && (h("a", { href: this.href, class: "heading-anchor" }, h("slot", { name: "heading" }), h("dso-icon", { icon: "download" }))))), this.interactionsSlottedElement !== null && h("slot", { key: '330c90621b89d1565a35474af14f5bced644dc70', name: "interactions" })), h("div", { key: '11cd1a110f6c5fbbd52611183a8dc6f87448016e', class: "dso-card-content" }, h("slot", { key: 'f7cc4cbd9fe205a75004a65ae8c62df4f62ccac9', name: "content" }))));
     }
     static get is() { return "dso-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ export class CardContainer {
         this.mode = "list";
     }
     render() {
-        return (h(Fragment, null, this.mode === "list" && (h("ul", { key: '54a6e926c22a118a77119add63558c55a7ef2cf9', class: "dso-card-list" }, h("slot", { key: '63777d504620cbc54a94a95bbada8b7028ef5d92' }))), this.mode === "grid" && (h("div", { key: '3b0feb3331f54fb7f084ad4c1e3bb18ddca6ee9d', class: "dso-card-grid" }, h("slot", { key: '0bc1a70a40326d61cfa9af7b8cdf8e73bb8d39cf' })))));
+        return (h(Fragment, null, this.mode === "list" && (h("ul", { key: '4628edd1ea9ebde12abc69482a3586df6824e897', class: "dso-card-list" }, h("slot", { key: '28f8c7af2cb269d034aead2d8f8b24ff36a9707a' }))), this.mode === "grid" && (h("div", { key: '53a740a4c52d3844ea02570259805ae7c98424a2', class: "dso-card-grid" }, h("slot", { key: '300b540b919ea82d20cb9d4fa57ad88cd342e734' })))));
     }
     static get is() { return "dso-card-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/date-picker/date-picker.js

@@ -95,7 +95,7 @@ export class DsoDatePicker {
     }
     render() {
         var _a;
-        return (h("input", { key: 'ab327f9e162793c1abdcdd3b7e1242b6ddee1ddb', type: "date", id: this.identifier, class: "dso-date__input", value: parseToValueFormat(this.value), name: this.name, min: parseToValueFormat(this.min), max: parseToValueFormat(this.max), disabled: this.disabled || undefined, required: this.required || undefined, "aria-autocomplete": "none", "aria-invalid": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.toString(), "aria-describedby": this.describedBy, autoComplete: "off", autofocus: this.dsoAutofocus || undefined, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, onChange: this.handleInputChange }));
+        return (h("input", { key: '05ac3c8f265e1cbea015e9cd05bf4a298a7e8e37', type: "date", id: this.identifier, class: "dso-date__input", value: parseToValueFormat(this.value), name: this.name, min: parseToValueFormat(this.min), max: parseToValueFormat(this.max), disabled: this.disabled || undefined, required: this.required || undefined, "aria-autocomplete": "none", "aria-invalid": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.toString(), "aria-describedby": this.describedBy, autoComplete: "off", autofocus: this.dsoAutofocus || undefined, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, onChange: this.handleInputChange }));
     }
     static get is() { return "dso-date-picker"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/date-picker-legacy/date-picker-legacy.js

@@ -419,14 +419,14 @@ export class DsoDatePickerLegacy {
         if (maxDate) {
             maxYear = Math.min(maxYear, maxDate.getFullYear());
         }
-        return (h(Host, { key: '0d44852b99b1006f832d6152ae1b87e50217ec6e' }, h("div", { key: '4e755890cac5c88b652b26502e9d6c62c3c937ee', class: { "dso-date": true, "dso-visible": this.visible } }, h("div", { key: 'ee6c9f4148c6e596e0e9048e54a9def781bdc305', class: "dso-date__input-wrapper" }, h("input", { key: 'd5b42b063f766f9da27be35ef0322e38732692a2', class: "dso-date__input", value: this.value, placeholder: this.localization.placeholder, id: this.identifier, disabled: this.disabled, role: (_a = this.role) !== null && _a !== void 0 ? _a : undefined, required: this.required ? true : undefined, "aria-autocomplete": "none", "aria-invalid": (_b = this.invalid) === null || _b === void 0 ? void 0 : _b.toString(), "aria-describedby": this.describedBy, onInput: this.handleInputChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, autoComplete: "off", ref: (element) => (this.datePickerLegacyInput = element) }), h("button", { key: 'a0261139cf4d0711eedc8c9d72753d511300c3d6', type: "button", class: "dso-date__toggle", onClick: this.toggleOpen, disabled: this.disabled, ref: (element) => (this.datePickerLegacyButton = element) }, h("span", { key: '87aaec0f14c6daa6916d6c0a9e61b04ef14ce246', class: "dso-date__toggle-icon" }, h("dso-icon", { key: 'fec0416f1f93f5092d4e836afe69481c3ad9044c', icon: "calendar" })), h("span", { key: 'dfd3fbef9642d501844678308cc6d886622a936d', class: "dso-date__vhidden" }, this.localization.buttonLabel, formattedDate && (h("span", { key: 'eae56bddc49e78aa4e170a62133ec9949a40e5f3' }, ", ", this.localization.selectedDateMessage, " ", formattedDate))))), h("div", { key: 'a0bbde0cc7570ea2464de4984c92e64b187e8f3a', class: {
+        return (h(Host, { key: '45dc93382b869cae594c284f5a64777b6ce83e20' }, h("div", { key: '4fa976df3079d11e19701c1d4d10225030c8bff8', class: { "dso-date": true, "dso-visible": this.visible } }, h("div", { key: 'ad246de32f9a5f2ac702c3761500cc901fee74eb', class: "dso-date__input-wrapper" }, h("input", { key: '2ec69c422cc6a54d914e1f8a09832cde659a0ffd', class: "dso-date__input", value: this.value, placeholder: this.localization.placeholder, id: this.identifier, disabled: this.disabled, role: (_a = this.role) !== null && _a !== void 0 ? _a : undefined, required: this.required ? true : undefined, "aria-autocomplete": "none", "aria-invalid": (_b = this.invalid) === null || _b === void 0 ? void 0 : _b.toString(), "aria-describedby": this.describedBy, onInput: this.handleInputChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, autoComplete: "off", ref: (element) => (this.datePickerLegacyInput = element) }), h("button", { key: 'f4d34fdea62b07dd8ebd23ab1cd390fb19523ed9', type: "button", class: "dso-date__toggle", onClick: this.toggleOpen, disabled: this.disabled, ref: (element) => (this.datePickerLegacyButton = element) }, h("span", { key: '3682b7a30487d85e6c4a26d191ee27fe304b5b1d', class: "dso-date__toggle-icon" }, h("dso-icon", { key: 'f9b2452ab20fa94fdee09a106ab623f888811ea5', icon: "calendar" })), h("span", { key: '687934d98c04cfb2d9bdc5047d07578492e3b4d3', class: "dso-date__vhidden" }, this.localization.buttonLabel, formattedDate && (h("span", { key: 'c1d7907d3c24d8cbf5f2833d6dd25d98eaef9630' }, ", ", this.localization.selectedDateMessage, " ", formattedDate))))), h("div", { key: '152358db0119a3d29d5bb8b91d7a2ad84ee40855', class: {
                 "dso-date__dialog": true,
                 "is-left": this.direction === "left",
                 "is-active": this.open,
-            }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, h("div", { key: '8f9cb9231fd88b0878d270871a2598e57929043c', class: "dso-date__dialog-content", onKeyDown: this.handleEscKey }, h("div", { key: 'ad7001f585453658356a2e8f2c3fa59e593b91b4', class: "dso-date__vhidden dso-date__instructions", "aria-live": "polite" }, this.localization.keyboardInstruction), h("div", { key: '454aaebe38060202a2872bd9c1e8893a41ec40e1', class: "dso-date__mobile", onFocusin: this.disableActiveFocus }, h("label", { key: '114bb52abf3a2daaef6488825acad2f29aaa0540', class: "dso-date__mobile-heading" }, this.localization.calendarHeading), h("button", { key: '59d9ba2a8a55cc266efb2694193fb0efcd9afffc', class: "dso-date__close", ref: (element) => (this.firstFocusableElement = element), onKeyDown: this.handleFirstFocusableKeydown, onClick: () => this.hide(), type: "button" }, h("dso-icon", { key: 'ca7a9db774c7474693664bb7daa99d9bce47695d', icon: "times" }), h("span", { key: '060ef03cec2db78e846e0858cc7700a5bb41b70e', class: "dso-date__vhidden" }, this.localization.closeLabel))), h("div", { key: '97144b176487392f8f640156b694dc859b797b45', class: "dso-date__header", onFocusin: this.disableActiveFocus }, h("div", { key: '5918645d15cd79776d0f3ce0dce438417c993e5e' }, h("h2", { key: '03767b55b99b31eb727e7db5f0bc9067db4271a0', id: this.dialogLabelId, class: "dso-date__vhidden", "aria-live": "polite" }, this.localization.monthNames[focusedMonth], " ", this.focusedDay.getFullYear()), h("label", { key: 'f048f03596e454982c2769e8049cea3086a4cc76', htmlFor: this.monthSelectId, class: "dso-date__vhidden" }, this.localization.monthSelectLabel), h("div", { key: 'b3185f05873edd915a78cce1e2e6c70780a97bd9', class: "dso-date__select" }, h("select", { key: '09655b2da5551d17eae5d70b1db4425b643165ed', id: this.monthSelectId, class: "dso-date__select--month", ref: (element) => (this.monthSelectNode = element), onChange: this.handleMonthSelect }, monthRange(this.localization, selectedYear, minDate, maxDate).map((month) => {
+            }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, h("div", { key: 'ac00557f0f9e40c668d81863fd3c25d208f0ee4c', class: "dso-date__dialog-content", onKeyDown: this.handleEscKey }, h("div", { key: '7178016b07bbd57788d44e31fded5cc8f828b3d3', class: "dso-date__vhidden dso-date__instructions", "aria-live": "polite" }, this.localization.keyboardInstruction), h("div", { key: '4511337996a99964eb4fd97e1bcf612b3f9454a0', class: "dso-date__mobile", onFocusin: this.disableActiveFocus }, h("label", { key: 'c20e75cab9fcdc3541f5bc0eaf5e881b94f5e315', class: "dso-date__mobile-heading" }, this.localization.calendarHeading), h("button", { key: 'e1e61f43af41624dfd07801840f5e0b081bd714b', class: "dso-date__close", ref: (element) => (this.firstFocusableElement = element), onKeyDown: this.handleFirstFocusableKeydown, onClick: () => this.hide(), type: "button" }, h("dso-icon", { key: '84aa4dfe2e0a07bb4e596e5d0bf03fcb86c20d57', icon: "times" }), h("span", { key: '3b1ef4ac7a0ac1d24a5add77c20896bba4f46af7', class: "dso-date__vhidden" }, this.localization.closeLabel))), h("div", { key: '9e4e06d30b41a3ce5aefbb808db87cdf6e883884', class: "dso-date__header", onFocusin: this.disableActiveFocus }, h("div", { key: '0b89be253bfd409054a52412969ae2ae6120e382' }, h("h2", { key: '94b922c24f610ce05ce907abcd6014e93f5c155f', id: this.dialogLabelId, class: "dso-date__vhidden", "aria-live": "polite" }, this.localization.monthNames[focusedMonth], " ", this.focusedDay.getFullYear()), h("label", { key: '3813086ca6ee3951d32ad451f1f86c5493f5c4a7', htmlFor: this.monthSelectId, class: "dso-date__vhidden" }, this.localization.monthSelectLabel), h("div", { key: '834c834c3e941de77ac8cf2d0ccf6bbf0581a2de', class: "dso-date__select" }, h("select", { key: 'aae80a3eaf0c5c997ec53b960f3e33f7e72bfe89', id: this.monthSelectId, class: "dso-date__select--month", ref: (element) => (this.monthSelectNode = element), onChange: this.handleMonthSelect }, monthRange(this.localization, selectedYear, minDate, maxDate).map((month) => {
             const index = this.localization.monthNames.indexOf(month);
             return (h("option", { key: month, value: index, selected: index === focusedMonth }, month));
-        })), h("div", { key: '5208271a489ed99f5d874baafae4fae675138a93', class: "dso-date__select-label", "aria-hidden": "true" }, h("span", { key: '0e1e526e9fee6367546142cfda834a31375c5634' }, this.localization.monthNamesShort[focusedMonth]), h("dso-icon", { key: '1a790f9dfb8d4ea4a41bb286a7a125534922c95b', icon: "chevron-down" }))), h("label", { key: 'de5f0145a3c317a6eb390d01e41e9dd73e720e7e', htmlFor: this.yearSelectId, class: "dso-date__vhidden" }, this.localization.yearSelectLabel), h("div", { key: '877369c7d3b8b060c0d02f1e822f725d320f14b2', class: "dso-date__select" }, h("select", { key: 'b591672b9c3f307fca7e2a6313a38d4cce391bb2', id: this.yearSelectId, class: "dso-date__select--year", onChange: this.handleYearSelect }, range(minYear, maxYear).map((year) => (h("option", { key: year, selected: year === focusedYear }, year)))), h("div", { key: '684aec6cba9eff6e0f9766e2196a3fe534a40a0f', class: "dso-date__select-label", "aria-hidden": "true" }, h("span", { key: 'f39c5042ef1924d1652f010ca81c2f506b9b37fe' }, this.focusedDay.getFullYear()), h("dso-icon", { key: '04adcae74bc190c443490dfc464b2be52f221c14', icon: "chevron-down" })))), h("div", { key: 'c3900f0e93e22eda46450cf898eb4e847c81a2c2', class: "dso-date__nav" }, h("button", { key: 'da36bdc09cba1daa3b4eba282f4ee5b829c393fa', class: "dso-date__prev", onClick: this.handlePreviousMonthClick, disabled: prevMonthDisabled, type: "button" }, h("dso-icon", { key: 'c8f5fb75ddb06106081f2674ecbecf0f05bf0f76', icon: "chevron-left" }), h("span", { key: 'ec76f5492eaeaac4a8f80c1de158688a70f4da65', class: "dso-date__vhidden" }, this.localization.prevMonthLabel)), h("button", { key: '6441cdaa0bbc797e56279a86cfc53741df63d517', class: "dso-date__next", onClick: this.handleNextMonthClick, disabled: nextMonthDisabled, type: "button" }, h("dso-icon", { key: '927ddbfac72287e32f0b09d6347f6e46787c7e3b', icon: "chevron-right" }), h("span", { key: 'a3fed3e29cb71f53e5be193503ea275dcea61b7c', class: "dso-date__vhidden" }, this.localization.nextMonthLabel)))), h(DatePickerLegacyMonth, { key: 'f2bfde3fa648e0f00cff22ed58d84347dcc01d56', selectedDate: valueAsDate, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, localization: this.localization, firstDayOfWeek: this.firstDayOfWeek, focusedDayRef: this.processFocusedDayNode, min: minDate, max: maxDate }))))));
+        })), h("div", { key: 'f9ee321259103e88e5b76bb87cca77860e65b2c1', class: "dso-date__select-label", "aria-hidden": "true" }, h("span", { key: 'ca117ccf3aeaf9876d3fd627762a7696f3f4e1a4' }, this.localization.monthNamesShort[focusedMonth]), h("dso-icon", { key: '244ffcb4f8a336c8deefc69c14688405e1bc23f7', icon: "chevron-down" }))), h("label", { key: 'f01dc78c49881d6c7d88ca39890e70d0e9785559', htmlFor: this.yearSelectId, class: "dso-date__vhidden" }, this.localization.yearSelectLabel), h("div", { key: 'b3bae01d2ed53da52269a63c86fe291cfca76292', class: "dso-date__select" }, h("select", { key: '63bb09515fa036307995ce4812088e0828f50484', id: this.yearSelectId, class: "dso-date__select--year", onChange: this.handleYearSelect }, range(minYear, maxYear).map((year) => (h("option", { key: year, selected: year === focusedYear }, year)))), h("div", { key: 'db7adc0799385cbe2d60f022acdf73e4ca33ed40', class: "dso-date__select-label", "aria-hidden": "true" }, h("span", { key: 'f3eaddb8cdc45daf9ef8574509bcc415e675dcc2' }, this.focusedDay.getFullYear()), h("dso-icon", { key: 'cb415d3468b9f163f4400d820d22e62406eda2d9', icon: "chevron-down" })))), h("div", { key: '7beead2ff31b3c6b6736c11679d12725e9634ff1', class: "dso-date__nav" }, h("button", { key: 'b21c215d623f5243c3d81e327e383bb062af3db8', class: "dso-date__prev", onClick: this.handlePreviousMonthClick, disabled: prevMonthDisabled, type: "button" }, h("dso-icon", { key: 'b755c8a2aafd1676ed517dfe6e303fd69337d415', icon: "chevron-left" }), h("span", { key: '77126a760003533cad64ab8d423b9d945f33f24e', class: "dso-date__vhidden" }, this.localization.prevMonthLabel)), h("button", { key: 'f17d30a36392a95ef8d8bf7096674c123231ca82', class: "dso-date__next", onClick: this.handleNextMonthClick, disabled: nextMonthDisabled, type: "button" }, h("dso-icon", { key: 'fdf88a664810c744eb9da6a6bea4343e09a0aef6', icon: "chevron-right" }), h("span", { key: 'cb017e38ad087b2ded215880fe405a915cdd3922', class: "dso-date__vhidden" }, this.localization.nextMonthLabel)))), h(DatePickerLegacyMonth, { key: 'ae4da41ad13aa21365703e8470485cef9f8dc994', selectedDate: valueAsDate, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, localization: this.localization, firstDayOfWeek: this.firstDayOfWeek, focusedDayRef: this.processFocusedDayNode, min: minDate, max: maxDate }))))));
     }
     static get is() { return "dso-date-picker-legacy"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/document-component/document-component.js

@@ -73,7 +73,7 @@ export class DocumentComponent {
             this.alternativeTitle ||
             this.bevatOntwerpInformatie ||
             this.annotated);
-        return (h(Host, { key: '180d4956e89e98c29250f16f619e9ef66a47defb', "not-collapsible": !collapsible }, showHeading && (h("div", { key: '3f0c32dcfd7b66ce0a02f02791ccc2bc950725d6', class: "heading-container", part: "_heading-container" }, this.wijzigactie && h("span", { key: 'edd759244d2b77925737d4e4e975fdd2ef3c057f', class: "editaction-label" }, this.wijzigactieLabel, ":"), h("div", { key: '44b7d61fc8cebdb8c3af0163286ff92fa9339837', class: "heading" }, h(Heading, { key: '193715c5f57a576859cc5ce6a4cffd0b3a26ba30', heading: this.heading, class: "heading-element", onClick: this.handleHeadingClick }, collapsible && (h("button", { key: '32fec5ecbcedd1fed7dc0e0168a2890591b765ea', type: "button", class: "toggle-button", "aria-describedby": "heading-title", "aria-expanded": this.open.toString() }, h("dso-icon", { key: '63154eb51701917a122fda008cc25ae018c682cd', icon: this.open ? "chevron-down" : "chevron-right" }), h("span", { key: '21c5e1b1f086ada567c461a520f92a0ab74c0d20', class: "sr-only" }, this.open ? "Invouwen" : "Uitvouwen"))), h("div", { key: '153d54d2edbef88cd640ac2925001974ed40ae64', id: "heading-title" }, this.notApplicable && h("span", { key: '58054c0c706d0ad35b336cb927bf2502678c6958', class: "sr-only" }, "Niet van toepassing:"), this.label || this.nummer || this.opschrift ? (h(Fragment, null, this.label && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.label, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "label"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "label" })), inline: true }))), this.nummer && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.nummer, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "nummer"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "nummer" })), inline: true }))), this.opschrift && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.opschrift, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "opschrift"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "opschrift" })), inline: true }))))) : (this.alternativeTitle), suffix && h("span", { key: '4c3f9c0e3c769a089a4178147e7aabd8c0bb35f3' }, " - [", suffix, "]"))), this.recursiveToggle !== undefined && this.open && (h("button", { key: 'a8668569851e3040436be00e2457424c628cc8e3', type: "button", class: "recursive-toggle", title: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", onClick: this.handleRecursiveToggleClick }, h("dso-icon", { key: 'bfb6d40c14d2ac261959cd876d0d46507e4a4774', icon: this.recursiveToggle === true ? "eye" : "eye-slash" }))), this.genesteOntwerpInformatie && !this.open && !this.bevatOntwerpInformatie && (h(Fragment, null, h("dso-badge", { key: '5321c1545a0e6bed5f6e5353b5cfc28dfea098a5', status: "warning", "aria-describedby": "nested-draft-description" }, "!"), h("dso-tooltip", { key: 'f37bf908169191a84343f3f96016f0f9c15cc118', id: "nested-draft-description" }, "Er is een ontwerp beschikbaar."))), (this.bevatOntwerpInformatie || this.annotated) && (h("div", { key: '3691c99c7c803fcb00fba16dfa3e0796d3686e58', class: "addons" }, this.bevatOntwerpInformatie && (h("dso-label", { key: '6d2fed031d753bf7cff29d102ff5f8448fc2428b', status: "warning", compact: true }, "Ontwerp")), this.annotated && (h("dso-annotation-button", { key: '305867e647f4b1478e4ea7c0570933df69ac2f5b', identifier: "expandable", open: this.openAnnotation, onDsoClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }) }))))))), h("div", { key: '5d48caf78f99bc755a42465c4b0aa38bd37d1936', class: "annotation-container", part: "_annotation-container" }, h("slot", { key: '9499614c5000ad008321a9de1ebb1e65536012f8', name: "annotation" })), this.open && (this.inhoud || this.gereserveerd || this.vervallen) && (h("div", { key: '438a136e8389683a5468266951edd736ac26a7d0', class: "content", part: "_content" }, this.gereserveerd && (h("dso-alert", { key: 'e1773708ff6469934632603a9120530554d08696', status: "info" }, "Dit onderdeel is gereserveerd voor toekomstige toevoeging.")), this.vervallen && h("dso-alert", { key: '2dea9c710ee1036a7ed06ec0a64fe889d973dce1', status: "info" }, "Dit onderdeel is vervallen."), this.inhoud && (h("dso-ozon-content", { key: '752f5261e5ee723f095dcb19735905ea24cd5bf1', content: this.inhoud, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "inhoud"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "inhoud" })) })))), h("div", { key: '894adb54eaff81395719c8967e1ae1f604087c7e', class: "children-container", part: "_children-container" }, h("slot", { key: 'dacd50c2867c6b832d45084a250c13c14c956198' }))));
+        return (h(Host, { key: '9dbd54a67bbf583b2c9db8b159ba709bd1e9111b', "not-collapsible": !collapsible }, showHeading && (h("div", { key: '3f4b58120079753f4cc2c69310e88b76e9f0f2ae', class: "heading-container", part: "_heading-container" }, this.wijzigactie && h("span", { key: '75f0d2f067830daa732e3c8e8af6611702312ac8', class: "editaction-label" }, this.wijzigactieLabel, ":"), h("div", { key: 'b1f079fbe976495d789cbbf81d5f6afaabe0a5ee', class: "heading" }, h(Heading, { key: '40c631e7cb155734be99c816d3a8411679ae8144', heading: this.heading, class: "heading-element", onClick: this.handleHeadingClick }, collapsible && (h("button", { key: 'ea6fe08e091ce6acf6129d451d72e653896de93d', type: "button", class: "toggle-button", "aria-describedby": "heading-title", "aria-expanded": this.open.toString() }, h("dso-icon", { key: 'd97d8e98b27d6c36d604b75ddfdde8d6ceddf79c', icon: this.open ? "chevron-down" : "chevron-right" }), h("span", { key: '986060b08f90783a7a5a05549275fd621d3bee25', class: "sr-only" }, this.open ? "Invouwen" : "Uitvouwen"))), h("div", { key: '58ffa9527fc168187d5005710f41c5b2996bc803', id: "heading-title" }, this.notApplicable && h("span", { key: '08aff61f4665a09f1271f59a2fe2e594a6bf167e', class: "sr-only" }, "Niet van toepassing:"), this.label || this.nummer || this.opschrift ? (h(Fragment, null, this.label && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.label, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "label"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "label" })), inline: true }))), this.nummer && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.nummer, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "nummer"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "nummer" })), inline: true }))), this.opschrift && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.opschrift, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "opschrift"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "opschrift" })), inline: true }))))) : (this.alternativeTitle), suffix && h("span", { key: 'ce8285ed0ee76cfde5e6255fdd674ff8356f96bf' }, " - [", suffix, "]"))), this.recursiveToggle !== undefined && this.open && (h("button", { key: '6dfc27b8ce553a5d9dfa7fb957c431de7622942d', type: "button", class: "recursive-toggle", title: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", onClick: this.handleRecursiveToggleClick }, h("dso-icon", { key: '8052ce5083f0032d7c13e0fc7aded8c68be5b256', icon: this.recursiveToggle === true ? "eye" : "eye-slash" }))), this.genesteOntwerpInformatie && !this.open && !this.bevatOntwerpInformatie && (h(Fragment, null, h("dso-badge", { key: 'eca112e692e78ac6b2dceabb14eaaa8f3e2ac39b', status: "warning", "aria-describedby": "nested-draft-description" }, "!"), h("dso-tooltip", { key: '3dd7b71002beb1a2a860960790bbe9d999331189', id: "nested-draft-description" }, "Er is een ontwerp beschikbaar."))), (this.bevatOntwerpInformatie || this.annotated) && (h("div", { key: '68fc34b5da1558e440ac4edd48249e8e44120c79', class: "addons" }, this.bevatOntwerpInformatie && (h("dso-label", { key: '6aec245dd6d56d9aebd52b89e93f740a02423fbb', status: "warning", compact: true }, "Ontwerp")), this.annotated && (h("dso-annotation-button", { key: '3eddb2e0766a7f7f48c5c476760e1c4066730604', identifier: "expandable", open: this.openAnnotation, onDsoClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }) }))))))), h("div", { key: '720747bbcaeb1caaf2e944737723361449e8b47d', class: "annotation-container", part: "_annotation-container" }, h("slot", { key: '5ceb1bb029eaf50c7a6d8c689d82aebb066b2b91', name: "annotation" })), this.open && (this.inhoud || this.gereserveerd || this.vervallen) && (h("div", { key: 'fe5eadfa9fb9b080ab2c611e678c3b3685de5675', class: "content", part: "_content" }, this.gereserveerd && (h("dso-alert", { key: '85075a86cad5db60ac20fa10eb329d66836e063a', status: "info" }, "Dit onderdeel is gereserveerd voor toekomstige toevoeging.")), this.vervallen && h("dso-alert", { key: 'c2805d0679ef7ca5ca87f2e43f1450f568954ee3', status: "info" }, "Dit onderdeel is vervallen."), this.inhoud && (h("dso-ozon-content", { key: '044236d783f05cc89eb381b44f71920cd33abe25', content: this.inhoud, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "inhoud"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "inhoud" })) })))), h("div", { key: '59f76cb70ed4878b076ede1023347b5092962650', class: "children-container", part: "_children-container" }, h("slot", { key: '911f9a835801979ed3db2f13ae81137d4c13689f' }))));
     }
     static get is() { return "dso-document-component"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/document-component-demo/document-component.demo.js

@@ -164,7 +164,7 @@ export class DocumentComponentDemo {
     render() {
         var _a, _b;
         const { DocumentComponent, MenuButton } = this;
-        return (h("dso-responsive-element", { key: '594b7e40f33534d158c7e8e8f436f8ebadf20cfb', class: "dso-document-components" }, h("div", { key: 'f5d68621dd35ceae0d7f60d2b92495f60c8b44e8', class: "dso-navbar" }, h("ul", { key: '720243838067818c52eb682d04e76803757ebe72', class: "dso-nav dso-nav-sub" }, (_b = (_a = this.getEmbeddedDocumentComponents(this.response)) === null || _a === void 0 ? void 0 : _a.documentComponents) === null || _b === void 0 ? void 0 : _b.map((d) => (h("li", { class: this.document === d ? "dso-active" : undefined }, h(MenuButton, { documentComponent: d })))))), this.document && h(DocumentComponent, { key: '1518c7a6344005e98c6aee5b7ee574a354280a6e', path: [this.document] })));
+        return (h("dso-responsive-element", { key: '72a88e08b7dba5711320033f867992356844faf0', class: "dso-document-components" }, h("div", { key: 'e818c08411681f11a2c03127950fcdb7aed43dfd', class: "dso-navbar" }, h("ul", { key: 'a39cd84e15d36521e51c1d19ccded5b24a504e86', class: "dso-nav dso-nav-sub" }, (_b = (_a = this.getEmbeddedDocumentComponents(this.response)) === null || _a === void 0 ? void 0 : _a.documentComponents) === null || _b === void 0 ? void 0 : _b.map((d) => (h("li", { class: this.document === d ? "dso-active" : undefined }, h(MenuButton, { documentComponent: d })))))), this.document && h(DocumentComponent, { key: '8a315805356fa2b3ec5c65681216291a856e9c92', path: [this.document] })));
     }
     static get is() { return "dsot-document-component-demo"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/dropdown-menu/dropdown-menu.js

@@ -208,7 +208,7 @@ export class DropdownMenu {
         (_a = tabbables[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (h(Host, { key: 'eb56d9c3c656eb150bd5aaca3dac3b8a08c8cd72', onFocusout: this.focusOutListener }, h("slot", { key: 'de13bf1d689fe5b7923765ff34d9419e0f4504d6', name: "toggle" }), h("div", { key: 'a49e77fa7e5fd6d9f77aa05d6e14674779665af0', hidden: !this.open }, h("slot", { key: 'f6c6c8529f638e5a0ff7f76764cd5a96e975e97f' }))));
+        return (h(Host, { key: '77ac6cc50a707d48310edd4224d192d9e8e3cc1b', onFocusout: this.focusOutListener }, h("slot", { key: '3388875ba46e7f5b9711ab3ebdd08daa39e98d22', name: "toggle" }), h("div", { key: '68362bca01cb7f86c6a2e9f760aa5af7a25fcf14', hidden: !this.open }, h("slot", { key: '653ec1ca00468188bf45ef2f6bde361ff8590f56' }))));
     }
     static get is() { return "dso-dropdown-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -77,10 +77,10 @@ export class HelpcenterPanel {
         }
     }
     render() {
-        return (h(Fragment, null, h("button", { key: 'd8a03771c37da24b79a4037c5313d7977e9ad135', type: "button", onClick: this.openClick, class: `open-button ${this.isOpen}`, "aria-expanded": this.isOpen === "open" ? "true" : "false", "aria-haspopup": "dialog", "aria-controls": "dso-panel-wrapper", ref: (element) => (this.openButtonElement = element) }, h("dso-icon", { key: '9baf7a627c7f13704d8981597acdeeb5fab4ec36', icon: "help" }), h("span", { key: '7a0d3fa0b3395da9151b1df46dc64705c9da7360' }, this.label)), h("div", { key: 'b9679cb522e5292abcf19019cf98018d5759f14b', id: "dso-panel-wrapper", class: `wrapper ${this.visibility}`, "aria-label": "helpcentrum", role: "dialog", ref: (element) => (this.panelWrapperElement = element) }, h("div", { key: '95d6f562523690715a468ffbcad1049f23ef1dcf', class: "dimscreen", onClick: this.closeClick }), h("div", { key: '119aa32731566a0126a9ae4e1574f4a8d120f162', class: `iframe-container ${this.slideState}`, "aria-live": "polite" }, this.loadIframe ? (h("iframe", { src: this.iframeUrl, tabindex: "0", onLoad: () => {
+        return (h(Fragment, null, h("button", { key: '7ebc1495b2933c451a256a4006cc8282e8f2325e', type: "button", onClick: this.openClick, class: `open-button ${this.isOpen}`, "aria-expanded": this.isOpen === "open" ? "true" : "false", "aria-haspopup": "dialog", "aria-controls": "dso-panel-wrapper", ref: (element) => (this.openButtonElement = element) }, h("dso-icon", { key: '119fcbef430ef1808b1a7890dafae7a989ac84d8', icon: "help" }), h("span", { key: '2d92f7abc9c01f217e59f3560ff6ebfb7cc1161b' }, this.label)), h("div", { key: 'f57b69556a038441adc316cce74c5e29b455ff4c', id: "dso-panel-wrapper", class: `wrapper ${this.visibility}`, "aria-label": "helpcentrum", role: "dialog", ref: (element) => (this.panelWrapperElement = element) }, h("div", { key: '4ca3979f6e933c0b102d8443f494d52a51629605', class: "dimscreen", onClick: this.closeClick }), h("div", { key: 'da51b5c07f9bca49f35c0894997634ab736ab44d', class: `iframe-container ${this.slideState}`, "aria-live": "polite" }, this.loadIframe ? (h("iframe", { src: this.iframeUrl, tabindex: "0", onLoad: () => {
                 this.createTrap();
                 this.iframeLoaded = true;
-            } })) : (h("div", null))), h("button", { key: '6527714c7de5c6261f76ae41d0e00fd152463e41', type: "button", class: `close-button ${this.isOpen}`, onClick: this.closeClick, "aria-expanded": this.isOpen === "open" ? "true" : "false", "aria-controls": "dso-panel-wrapper", ref: (element) => (this.closeButtonElement = element) }, h("dso-icon", { key: 'fce79d104ac97fb79298923b128ef8ab0c95123c', icon: "times" }), h("span", { key: '8091ac03b2091414b9786fbc9cc37b8bf8f3a311', class: "sr-only" }, "sluiten")))));
+            } })) : (h("div", null))), h("button", { key: 'bf2c1b8eee6509c14ea3710e60c83c2fbc949517', type: "button", class: `close-button ${this.isOpen}`, onClick: this.closeClick, "aria-expanded": this.isOpen === "open" ? "true" : "false", "aria-controls": "dso-panel-wrapper", ref: (element) => (this.closeButtonElement = element) }, h("dso-icon", { key: '3ece8241d7f302a9471ce232e763955a8ffb3094', icon: "times" }), h("span", { key: '284e9eadf0404f45c34b128ff833f0e0e5e81642', class: "sr-only" }, "sluiten")))));
     }
     static get is() { return "dso-helpcenter-panel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/highlight-box/highlight-box.js

@@ -10,7 +10,7 @@ export class HighlightBox {
     render() {
         var _a;
         const hasCounter = this.step || !!this.element.querySelector("[slot=icon]");
-        return (h(Host, { key: '4334f13da16a3005e01e815a0998fdcbc87f31e8', "has-counter": hasCounter }, hasCounter && h("div", { key: '553cb9e7150fb6c603c9bbbc0d2307170416ee3b', class: "dso-step-counter" }, (_a = this.step) !== null && _a !== void 0 ? _a : h("slot", { key: 'faf8811c78d6c918c2624f43c75d6241209be209', name: "icon" })), h("slot", { key: '2bfd070a41a5f969d5cb1d24ce1a6846e68c5ceb' })));
+        return (h(Host, { key: '94dfaf9efb9d2cb1f5910b8dd0f4cc37f8b24c17', "has-counter": hasCounter }, hasCounter && h("div", { key: '005ab4e5b5cec05e4b16e32e8fa6ee8e1da0eb06', class: "dso-step-counter" }, (_a = this.step) !== null && _a !== void 0 ? _a : h("slot", { key: 'e6f814e0bb7f5f791f441cd78bd25a0c14e3e60e', name: "icon" })), h("slot", { key: '2dfc8c0d8ea3222c2e8b5a59f168b3df80b70bcc' })));
     }
     static get is() { return "dso-highlight-box"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/icon/icon.js

@@ -209,7 +209,7 @@ export class Icon {
             if (!icon) {
                 throw new TypeError(`Unknown svg: ${this.icon}`);
             }
-            return h("span", { key: 'ce873c525c717b5effd7d4fe9691057911e3e0c3', class: "icon-container", innerHTML: icon.svg });
+            return h("span", { key: '118278e8190607c65d05559091539e28fd27b1f8', class: "icon-container", innerHTML: icon.svg });
         }
     }
     static get is() { return "dso-icon"; }

package/dist/collection/components/info/info.js

@@ -5,7 +5,7 @@ export class Info {
         this.active = undefined;
     }
     render() {
-        return (h(Fragment, { key: '09663182b8699ecc6803337c3b2a61cb939e2cf9' }, h("slot", { key: '28d4d320a7d126a4cf23e7822dece8e8594e0d9c' }), !this.fixed && (h("button", { key: '6559c0efe3070bfb14d29bc66c6b4bfdd40f23ae', type: "button", onClick: (e) => this.dsoClose.emit(e) }, h("dso-icon", { key: '9880632ccab83f3ef7c318c09276b2efa560b170', icon: "times" }), h("span", { key: 'f8dbd51bcb3e17ba41a00acc42a76eb8cdebd69a', class: "sr-only" }, "Sluiten")))));
+        return (h(Fragment, { key: 'e5f657a636b290b194ccbb89b8cd10c361a3addd' }, h("slot", { key: '08ff21c78926849c1b0461abfc551f96fd4a769a' }), !this.fixed && (h("button", { key: '5312aa3e0b79e3c46c28b272b1fe2161f3c625a2', type: "button", onClick: (e) => this.dsoClose.emit(e) }, h("dso-icon", { key: '7473fe06abfd42aa7c39eb97b4ea1b8113e9bfe4', icon: "times" }), h("span", { key: 'e5b9d4414e871ff4ec15e18adb6ab819ddcfb0f5', class: "sr-only" }, "Sluiten")))));
     }
     static get is() { return "dso-info"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ export class InfoButton {
         this.dsoToggle.emit({ originalEvent: e, active: this.active });
     }
     render() {
-        return (h(Host, { key: 'a9cd435470f76f47e46ec94746158b8b94ba151d', onMouseenter: () => (this.hover = true), onMouseleave: () => (this.hover = false) }, h("button", { key: '84de4a37a8880ec1328a8d176b8a44cf53cd24fe', type: "button", class: clsx({ "dso-open": !!this.active, "dso-info-secondary": !!this.secondary }), "aria-expanded": typeof this.active === "boolean" ? this.active.toString() : undefined, onClick: (e) => this.handleToggle(e), ref: (element) => (this.button = element) }, h("dso-icon", { key: '4386441800c5cdebc81fbb55a036231b3322cba3', icon: this.active || this.hover ? "info-active" : "info" }), h("span", { key: 'f7d894eba3425b76d12265eb00cb181f41a221ff', class: "sr-only" }, this.label))));
+        return (h(Host, { key: 'f92cf2e064117a666eff6e06918d1b8bfaa0ae4b', onMouseenter: () => (this.hover = true), onMouseleave: () => (this.hover = false) }, h("button", { key: '9a9a095f29dff2d7ef53be6df2a5bb0de1fd9673', type: "button", class: clsx({ "dso-open": !!this.active, "dso-info-secondary": !!this.secondary }), "aria-expanded": typeof this.active === "boolean" ? this.active.toString() : undefined, onClick: (e) => this.handleToggle(e), ref: (element) => (this.button = element) }, h("dso-icon", { key: 'b2fc1665fa93d7a131833fc71b9cd17b0b29f5c6', icon: this.active || this.hover ? "info-active" : "info" }), h("span", { key: '9aa27a9e5ecc316e89c5ad0af463e711328d1857', class: "sr-only" }, this.label))));
     }
     static get is() { return "dso-info-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,13 +13,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: '829624123680fa59c806e0132b82eadf27dea57d', id: "description", hidden: true }, this.description)), h("span", { key: '2c6d87fccc090ea43c9dcdb14c095a6b5ed991bf', class: "counter min", "aria-hidden": "true" }, min, this.unit), h("input", { key: '22fd3842ea717541d8bae1d0d394ec41fb62be26', type: "range", min: this.min, max: this.max, 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: '01c22533d0eddbb7bb513317c531bcc04ab5d12f', id: "description", hidden: true }, this.description)), h("span", { key: 'fc58429b96deef9728b7ede4707176124d5b2ca5', class: "counter min", "aria-hidden": "true" }, min, this.unit), h("input", { key: 'a9bee5cb4aef9a32141b12237a8cd80d453599a1', type: "range", min: this.min, max: this.max, 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: '69bacfe004281c5aff9f269cc1b4e58fe5823673', class: "counter max", "aria-hidden": "true" }, max, this.unit)));
+            }) }), h("span", { key: '883c3c66f15ae009ea147c265da96ba1b8e2167a', class: "counter max", "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

@@ -102,13 +102,13 @@ export class Label {
         this.isTruncated = false;
     }
     render() {
-        return (h(Fragment, { key: '7ca2fb5eeb674f44b1bf35fcbe13cae4e062c03b' }, h("span", { key: '4baf9fe4a43907a11fbb02f58239e4a3894f99b4', "aria-describedby": "toggle-anchor", class: clsx("dso-label", {
+        return (h(Fragment, { key: '7d0859b14bf6b8b6bc1f1ea7f6e6428431cc1197' }, h("span", { key: 'b1c8c1302f21caaaebb0193a171a95e4330b92b8', "aria-describedby": "toggle-anchor", 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: '25d107dc93bee9fe2f51ea37e4aacc9608805ca1', name: "symbol" }), h("span", { key: 'f7e4b25ba18ca6c33c2a3aefa43170c37e210e6c', class: clsx("dso-label-content", {
+            }) }, h("slot", { key: '5f3f5b65b4e4b44949b817800b505c5db1d25275', name: "symbol" }), h("span", { key: '6070e0d015cf2464121cf0dfb0088676ab00628b', class: clsx("dso-label-content", {
                 "dso-truncate": !!this.truncate,
-            }), ref: (element) => (this.labelContent = element), tabindex: this.truncate && this.isTruncated ? 0 : undefined, onMouseEnter: () => (this.textHover = true), onMouseLeave: () => (this.textHover = false), onFocus: () => (this.textFocus = true), onBlur: () => (this.textFocus = false) }, h("slot", { key: 'cce62cd1c9d71b49cacf3fb4466add5fcb96e4eb' })), this.removable && (h("button", { key: '1db8668e7ccd5313b488a03800135da572012cab', type: "button", onClick: (e) => this.dsoRemoveClick.emit(e), onMouseEnter: () => (this.removeHover = true), onMouseLeave: () => (this.removeHover = false), onFocus: () => (this.removeFocus = true), onBlur: () => (this.removeFocus = false) }, h("span", { key: 'a99ef5dbe5b5fe9df43fa300cad8349bfdd9709f', class: "sr-only" }, "Verwijder: ", this.labelText), h("dso-icon", { key: 'fce53d9f4881c21b512343bce6c72cb31dcb0e53', icon: "times" })))), this.isTruncated && (h("dso-tooltip", { key: '36e32cc0d2d66de896182cc567378de39dff1245', stateless: true, id: "toggle-anchor", active: this.textHover || this.textFocus, position: "top", strategy: "absolute" }, this.labelText))));
+            }), ref: (element) => (this.labelContent = element), tabindex: this.truncate && this.isTruncated ? 0 : undefined, onMouseEnter: () => (this.textHover = true), onMouseLeave: () => (this.textHover = false), onFocus: () => (this.textFocus = true), onBlur: () => (this.textFocus = false) }, h("slot", { key: '04b20cade12d23246ce7b21e1aae447689e9c1c7' })), this.removable && (h("button", { key: 'bb184213b1ca01f83e2a1f265429293f3dda8f3b', type: "button", onClick: (e) => this.dsoRemoveClick.emit(e), onMouseEnter: () => (this.removeHover = true), onMouseLeave: () => (this.removeHover = false), onFocus: () => (this.removeFocus = true), onBlur: () => (this.removeFocus = false) }, h("span", { key: '9805c7dcd105ba5a6a59e75e822250defb107940', class: "sr-only" }, "Verwijder: ", this.labelText), h("dso-icon", { key: '19fef3d7fbd4b017cc880bc02fb3408706536933', icon: "times" })))), this.isTruncated && (h("dso-tooltip", { key: 'c136e39ed459e5c4680888b2a27bd0c17485406b', stateless: true, id: "toggle-anchor", active: this.textHover || this.textFocus, position: "top", strategy: "absolute" }, this.labelText))));
     }
     static get is() { return "dso-label"; }
     static get encapsulation() { return "shadow"; }