@dso-toolkit/core 91.1.0 → 92.0.0

package/dist/cjs/dso-annotation-kaart.cjs.entry.js

@@ -23,7 +23,7 @@ const AnnotationKaart = class {
     }
     render() {
         const title = this.href ? (index.h("a", { class: "content", href: this.href, onClick: this.clickHandler }, index.h("dso-renvooi", { value: this.naam }))) : (index.h("span", { class: "content" }, index.h("dso-renvooi", { value: this.naam })));
-        return index.h(annotationBody.AnnotationBody, { key: '5e922d5ecca09a1f233dfe1646861c9d86dc2c44', symbol: index.h("dso-icon", { icon: "land" }), title: title });
+        return index.h(annotationBody.AnnotationBody, { key: '7763afbcb7aa3488eb161aea7ae7ecf9aae9c7ee', symbol: index.h("dso-icon", { icon: "land" }), title: title });
     }
 };
 AnnotationKaart.style = annotationCss();

package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js

@@ -22,7 +22,7 @@ const AnnotationLocatie = class {
     }
     render() {
         const hasSymbool = this.watcher.hasSymbool();
-        return (index.h(annotationBody.AnnotationBody, { key: 'f73c4480e55cea90ca7774c1d53fe9132c2af190', symbol: hasSymbool ? index.h(annotationWatcher.AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: index.h(index.Fragment, null, index.h("span", { class: "content" }, index.h("dso-renvooi", { value: this.locatieNoemer })), this.gewijzigdeLocatie && index.h(annotationWatcher.AnnotationGewijzigdeLocatie, null)) }));
+        return (index.h(annotationBody.AnnotationBody, { key: '400d50e2f9db5c2507ee6fadb40d67235e0470a7', symbol: hasSymbool ? index.h(annotationWatcher.AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: index.h(index.Fragment, null, index.h("span", { class: "content" }, index.h("dso-renvooi", { value: this.locatieNoemer })), this.gewijzigdeLocatie && index.h(annotationWatcher.AnnotationGewijzigdeLocatie, null)) }));
     }
     get host() { return index.getElement(this); }
 };
@@ -234,17 +234,17 @@ const DocumentComponent = class {
             this.alternativeTitle ||
             this.label ||
             this.annotated);
-        return (index.h(index.Host, { key: '154a84124e835009c50b6f39e390a05e6910793d', "not-collapsible": !collapsible }, showHeading && (index.h("div", { key: 'a5525570353f5fdf3731127d118ae60dac8586cc', class: "heading-container", part: "_heading-container" }, this.wijzigactie && index.h("span", { key: 'a070f7295e89bd26a0426e310be9aafe2049973a', class: "editaction-label" }, this.wijzigactieLabel, ":"), index.h("div", { key: '12790d1f766b26ccc324a18e2a803a459160304d', class: "heading" }, index.h(Heading, { key: 'fea1907cf9c461516334cd482bd60ca328bdd09c', heading: this.heading, class: "heading-element", onClick: this.alternativeTitle ? this.handleHeadingClick : undefined, mode: this.mode, href: this.href }, collapsible && this.mode === "document" && (index.h("dso-icon-button", { key: 'fdbbd948671d3213498e5e7b3bbbbeb0cec7e981', label: this.open ? "Invouwen" : "Uitvouwen", class: "toggle-button", icon: this.open ? "chevron-down" : "chevron-right", variant: "tertiary", onDsoClick: (e) => this.handleHeadingClick(e.detail.originalEvent) })), index.h("div", { key: '1f8ecd1c79f4815087281dc62269234d79fa9c02' }, this.notApplicable && index.h("span", { key: 'a653d1041c24217ea729347cbfbb8049295b56bf', class: "sr-only" }, "Niet van toepassing:"), this._kop ? (index.h("dso-ozon-content", { class: "kop", content: this._kop, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => this.mark?.(text, "kop")), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit({ ...e.detail, source: "kop" }), inline: true, urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })) : (index.h("span", { class: "alternative-title" }, (!this.mark && this.alternativeTitle) ||
-            (this.mark && this.alternativeTitle && (index.h(parseWijzigactieFromNode_function.MarkText, { mark: this.mark && ((text) => this.mark?.(text, "alternativeTitle")), text: this.alternativeTitle, emitMarkItemHighlight: (text, elementRef) => this.dsoMarkItemHighlight.emit({ text, elementRef, source: "alternativeTitle" }) }))))), index.h(AantekenStatus, { key: '984e9a5591793c11ef40bdaa4ba4f19aec1f5970', gereserveerd: this._gereserveerd, vervallen: this._vervallen }))), this.recursiveToggle !== undefined && this.open && this.mode === "document" && (index.h("dso-icon-button", { key: '4b4d71d0cc5ffefcfd5bcf715752673d56087b80', label: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", class: "recursive-toggle", icon: this.recursiveToggle === true ? "eye" : "eye-slash", variant: "tertiary", onDsoClick: (e) => this.handleRecursiveToggleClick(e.detail.originalEvent) })), this.showBadge() && (index.h(index.Fragment, { key: 'f145f81ceb77fa399ba3bf458e2065803aa99cf5' }, index.h("dso-badge", { key: 'd14354bfe4f7eb27daacd10492def45a24c2cb13', status: this.badgeStatus, label: this.badgeTooltip ? "Toon toelichting" : undefined }, this.badge, this.badgeTooltip && index.h("div", { key: 'ac38e28944cf007a6062965e0f9e31f20578cd09', slot: "toggletip" }, this.badgeTooltip)))), (this.label || this.annotated) && (index.h("div", { key: '33f544397bebf58be1b504808ecc2d67e6f8afcd', class: "addons" }, this.label && (index.h("dso-label", { key: '1313048af9632a11d1ca26cbd6fe7b904321e2f1', status: this.labelStatus, compact: true }, this.label)), this.annotated && this.mode === "document" && (index.h("dso-icon-button", { key: '853717209f0d3f068f44536e23341e4472313fd7', label: `Kenmerken en kaartgegevens ${this.openAnnotation ? "verbergen" : "tonen"}`, icon: "label", variant: "tertiary", onDsoClick: (e) => this.dsoAnnotationToggle.emit({
+        return (index.h(index.Host, { key: 'b2ea67a7dfa5662c4547541bdeb52c418af0b635', "not-collapsible": !collapsible }, showHeading && (index.h("div", { key: 'd6d28237eceb27b35ff3464f2342685e94bf7bea', class: "heading-container", part: "_heading-container" }, this.wijzigactie && index.h("span", { key: 'f05537c583e12690cb719c710e9a8a9184e163d9', class: "editaction-label" }, this.wijzigactieLabel, ":"), index.h("div", { key: '7dec2e9358bae0cbd6d88c768f7fcaadc6f3ed2a', class: "heading" }, index.h(Heading, { key: 'b176668f5b105b1b6d1032454abc3b42e96c80e5', heading: this.heading, class: "heading-element", onClick: this.alternativeTitle ? this.handleHeadingClick : undefined, mode: this.mode, href: this.href }, collapsible && this.mode === "document" && (index.h("dso-icon-button", { key: '5d9b506181510d8358d22c82d48b9f5b1a5202ca', label: this.open ? "Invouwen" : "Uitvouwen", class: "toggle-button", icon: this.open ? "chevron-down" : "chevron-right", variant: "tertiary", onDsoClick: (e) => this.handleHeadingClick(e.detail.originalEvent) })), index.h("div", { key: '5ee3779a4fa25efd53134c0e5152ffa9c3f2a4f1' }, this.notApplicable && index.h("span", { key: 'd2712c30e83defec625819891fe263f217027363', class: "sr-only" }, "Niet van toepassing:"), this._kop ? (index.h("dso-ozon-content", { class: "kop", content: this._kop, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => this.mark?.(text, "kop")), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit({ ...e.detail, source: "kop" }), inline: true, urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })) : (index.h("span", { class: "alternative-title" }, (!this.mark && this.alternativeTitle) ||
+            (this.mark && this.alternativeTitle && (index.h(parseWijzigactieFromNode_function.MarkText, { mark: this.mark && ((text) => this.mark?.(text, "alternativeTitle")), text: this.alternativeTitle, emitMarkItemHighlight: (text, elementRef) => this.dsoMarkItemHighlight.emit({ text, elementRef, source: "alternativeTitle" }) }))))), index.h(AantekenStatus, { key: 'b9066cea29de3ac6fc8a000ea67eccc55897786f', gereserveerd: this._gereserveerd, vervallen: this._vervallen }))), this.recursiveToggle !== undefined && this.open && this.mode === "document" && (index.h("dso-icon-button", { key: 'c4a0b6f6a2859cbbd82a45d1e2f90913b5b65e80', label: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", class: "recursive-toggle", icon: this.recursiveToggle === true ? "eye" : "eye-slash", variant: "tertiary", onDsoClick: (e) => this.handleRecursiveToggleClick(e.detail.originalEvent) })), this.showBadge() && (index.h(index.Fragment, { key: 'd6d94f609b52f1451b49be5c37eb695b87384fa2' }, index.h("dso-badge", { key: 'fa08566cf4f6b2a96ebe74e1533c5caaf5a591ab', status: this.badgeStatus, label: this.badgeTooltip ? "Toon toelichting" : undefined }, this.badge, this.badgeTooltip && index.h("div", { key: '066192cfdfb3bf294abb75ef373d4715d5b8f127', slot: "toggletip" }, this.badgeTooltip)))), (this.label || this.annotated) && (index.h("div", { key: '206c59d201ecc521439e22dee7c10983e8a1552a', class: "addons" }, this.label && (index.h("dso-label", { key: 'ee60733621c45175485c0650af96669136d9c697', status: this.labelStatus, compact: true }, this.label)), this.annotated && this.mode === "document" && (index.h("dso-icon-button", { key: '71ba42f0dbae3ad07d683be8352a55fef5765ccd', label: `Kenmerken en kaartgegevens ${this.openAnnotation ? "verbergen" : "tonen"}`, icon: "label", variant: "tertiary", onDsoClick: (e) => this.dsoAnnotationToggle.emit({
                 current: this.openAnnotation,
                 next: !this.openAnnotation,
                 scrollRef: this.host,
                 originalEvent: e.detail.originalEvent,
-            }) }))))))), this.openAnnotation && (index.h("div", { key: '425520571741cf387d5d03fdf01d63e63697799a', class: "annotation-container", part: "_annotation-container" }, index.h("dso-panel", { key: '7fc88bea5eefe250f41626c92a45abf839c6f27d', id: "annotations", onDsoCloseClick: (e) => this.dsoAnnotationToggle.emit({
+            }) }))))))), this.openAnnotation && (index.h("div", { key: '8746bc4ed68bc3620c113eef074b948272959f87', class: "annotation-container", part: "_annotation-container" }, index.h("dso-panel", { key: 'ae75591436513944b20b30962f4291cfb157efca', id: "annotations", onDsoCloseClick: (e) => this.dsoAnnotationToggle.emit({
                 current: true,
                 next: false,
                 originalEvent: e,
-            }), closeButtonLabel: "Kenmerken en kaartgegevens verbergen" }, index.h("h2", { key: '3fbb099379c8ab62f0a95982b0239c2247a784c8', slot: "heading" }, "Kenmerken en kaart"), index.h("slot", { key: '2fe2f166222aa1e274ee57e9e1f50f14ccf7645b', name: "annotations" })))), this.open && (this._inhoud || this._gereserveerd || this._vervallen) && this.mode === "document" && (index.h("div", { key: '50eaab81aa44847d1487c5aad28d77efc7c76e6c', class: "content", part: "_content" }, index.h(AantekenAlert, { key: 'd264e0b7cfba6ebac3e37fada11ff246736efddc', gereserveerd: this._gereserveerd, vervallen: this._vervallen }), this._inhoud && (index.h("dso-ozon-content", { key: '8b7ad177e8b5dcd5a23e65db9aca4b760c658c0e', content: this._inhoud, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => this.mark?.(text, "inhoud")), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit({ ...e.detail, source: "inhoud" }), urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })))), index.h("div", { key: '6fd49cdf715ce1acc30f2f7e2f3ff4694c92e8f9', class: "children-container", part: "_children-container" }, index.h("slot", { key: 'f63548b452ab86010d3f7c8be41689fa335fad79' }))));
+            }), closeButtonLabel: "Kenmerken en kaartgegevens verbergen" }, index.h("h2", { key: '37175e255f0a9dfa3a024b14be3fbca10f18f64c', slot: "heading" }, "Kenmerken en kaart"), index.h("slot", { key: '950f26b33105a31a4d957164ca3c426d2dcb4110', name: "annotations" })))), this.open && (this._inhoud || this._gereserveerd || this._vervallen) && this.mode === "document" && (index.h("div", { key: 'e4dd128387e4407a11f9e10420e3f88309754fd8', class: "content", part: "_content" }, index.h(AantekenAlert, { key: '3f7e2c0ca74defd8fac24ba02822843db173e6ee', gereserveerd: this._gereserveerd, vervallen: this._vervallen }), this._inhoud && (index.h("dso-ozon-content", { key: 'b7aa32e7939d50978ef7730132c84e8cd038344c', content: this._inhoud, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => this.mark?.(text, "inhoud")), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit({ ...e.detail, source: "inhoud" }), urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })))), index.h("div", { key: '85bfd9f8b0737cea51673410fb7c226dae2474c9', class: "children-container", part: "_children-container" }, index.h("slot", { key: 'eb36a4df9e2252f25ba39e36e0cd4b0b4bc2e6cc' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-annotation-omgevingsnormwaarde.cjs.entry.js

@@ -21,7 +21,7 @@ const AnnotationOmgevingsnormwaarde = class {
     }
     render() {
         const hasSymbool = this.watcher.hasSymbool();
-        return (index.h(annotationBody.AnnotationBody, { key: '9409a8f102f2702137b37f276f4de1de6dc94266', symbol: hasSymbool ? index.h(annotationWatcher.AnnotationSymbolSlot, null) : undefined, active: this.active || false, dsoActiveChange: this.dsoActiveChange, title: index.h(index.Fragment, null, index.h("dso-renvooi", { value: this.naam }), this.eenheid && (index.h(index.Fragment, null, " ", "(in ", index.h("dso-renvooi", { value: this.eenheid }), ")"))), data: index.h(index.Fragment, null, index.h("span", { class: "content" }, this.toelichting && index.h(index.Fragment, null, this.toelichting), this.waardes && this.waardes.length > 0 && (index.h(index.Fragment, null, ": ", index.h(annotationListRenvooiValues.AnnotationListRenvooiValues, { values: this.waardes })))), this.gewijzigdeLocatie && index.h(annotationWatcher.AnnotationGewijzigdeLocatie, null)) }));
+        return (index.h(annotationBody.AnnotationBody, { key: '5a8276a04c0506a83d57156e26d6d9ed098718de', symbol: hasSymbool ? index.h(annotationWatcher.AnnotationSymbolSlot, null) : undefined, active: this.active || false, dsoActiveChange: this.dsoActiveChange, title: index.h(index.Fragment, null, index.h("dso-renvooi", { value: this.naam }), this.eenheid && (index.h(index.Fragment, null, " ", "(in ", index.h("dso-renvooi", { value: this.eenheid }), ")"))), data: index.h(index.Fragment, null, index.h("span", { class: "content" }, this.toelichting && index.h(index.Fragment, null, this.toelichting), this.waardes && this.waardes.length > 0 && (index.h(index.Fragment, null, ": ", index.h(annotationListRenvooiValues.AnnotationListRenvooiValues, { values: this.waardes })))), this.gewijzigdeLocatie && index.h(annotationWatcher.AnnotationGewijzigdeLocatie, null)) }));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-attachments-counter_2.cjs.entry.js

@@ -10,7 +10,7 @@ const AttachmentsCounter = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("span", { key: '5f3b8b2a8d9815c3c29772c9ba6bf2064d0b19ba', class: "dso-attachments" }, this.count, " ", index.h("span", { key: 'c74586ff0b984718507a1d1b6afa0cda132c247e', class: "sr-only" }, "bijlage", this.count !== 1 ? "n" : ""), index.h("dso-icon", { key: '0041e344074720593cae7eb02bf88cc87473e97b', icon: "paperclip" })));
+        return (index.h("span", { key: '6338a662c85c9fc73fe6ca24494fec1c536968f8', class: "dso-attachments" }, this.count, " ", index.h("span", { key: 'b2d1afab942ca6b1b5b6dd43cdc6e01559559260', class: "sr-only" }, "bijlage", this.count !== 1 ? "n" : ""), index.h("dso-icon", { key: '96cf2ccc71f92d35d843e3e6457cade3dad66e97', icon: "paperclip" })));
     }
 };
 AttachmentsCounter.style = attachmentsCounterCss();
@@ -56,10 +56,10 @@ const Expandable = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '6869b2033d73094b79887006529f5e6f619a0a0b', "aria-hidden": this.open ? "false" : "true", class: clsx.clsx({
+        return (index.h(index.Host, { key: 'b810b0f7e7d855836374cb60e55ab653c16cdb44', "aria-hidden": this.open ? "false" : "true", class: clsx.clsx({
                 "dso-animate-ready": this.enableAnimation,
                 "dso-hide": this.isClosed,
-            }) }, index.h("div", { key: '6fe4be65ca5c8541d3344e4ad7cc79927cf258c0', class: "slot-container" }, index.h("slot", { key: '345eb3e091414be1afc224eac097f12b9a2562f5' }))));
+            }) }, index.h("div", { key: '63b2112c1323c523664f6eae7585bbdfd02a4238', class: "slot-container" }, index.h("slot", { key: '1db6f972e60b261ab42e49f993494b95f4a4ccf2' }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -495,7 +495,7 @@ const Autosuggest = class {
         else if (this.input) {
             this.input.removeAttribute("aria-controls");
         }
-        return (index.h(index.Fragment, null, index.h("slot", { key: '08888b7a48deb495aef359e3e71ee657694edfa8' }), this.loading && this.showLoading ? (index.h("div", { class: "autosuggest-progress-box" }, index.h("dso-progress-indicator", { label: this.loadingLabel }))) : (showListbox && (index.h(index.Fragment, null, index.h("dso-scrollable", { class: "listbox-container", ref: (element) => (this.listboxContainer = element) }, index.h("div", { class: "listbox", role: "listbox", id: this.listboxId, "aria-labelledby": this.labelId, ref: (element) => (this.listbox = element), tabindex: "0" }, (flat &&
+        return (index.h(index.Fragment, null, index.h("slot", { key: '86042c6ac6dff7d0c37f251a5a2233292eec8ac1' }), this.loading && this.showLoading ? (index.h("div", { class: "autosuggest-progress-box" }, index.h("dso-progress-indicator", { label: this.loadingLabel }))) : (showListbox && (index.h(index.Fragment, null, index.h("dso-scrollable", { class: "listbox-container", ref: (element) => (this.listboxContainer = element) }, index.h("div", { class: "listbox", role: "listbox", id: this.listboxId, "aria-labelledby": this.labelId, ref: (element) => (this.listbox = element), tabindex: "0" }, (flat &&
             this.showSuggestions &&
             this.suggestions &&
             this.suggestions.map((suggestion) => (index.h(Option, { id: this.listboxItemId(suggestion), mouseEnter: () => this.selectSuggestion(suggestion), mouseLeave: () => this.resetSelectedSuggestion(), click: () => this.pickSelectedValue(), selected: (suggestion === this.selectedSuggestion).toString(), suggestion: suggestion, ref: (element) => element && this.listboxItems.push(element), markedSuggestion: this.getMarkedSuggestions(suggestion) })))) ||

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

@@ -20,9 +20,9 @@ const Banner = class {
         this.icon = false;
     }
     render() {
-        return (index.h("section", { key: '4ad9e6b19c2820e01c0e91d51727d0954cbfc3a7', class: clsx.clsx("dso-banner", `alert-${this.status}`, {
+        return (index.h("section", { key: '1f953952b736586deeb73f0a436a3ef1d7ad51ab', class: clsx.clsx("dso-banner", `alert-${this.status}`, {
                 "dso-compact": this.compact,
-            }), role: "alert" }, index.h("slot", { key: '291ad1941b09d5762826c0f6529c00c5693947fd' })));
+            }), role: "alert" }, index.h("slot", { key: '3587c1a299268323692bf2d2c27a4259f75eb480' })));
     }
 };
 Banner.style = bannerCss();

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

@@ -33,7 +33,7 @@ const ButtonGroup = class {
         return hasMapIconButton || hasMapClass;
     }
     render() {
-        return (index.h("div", { key: 'a6524b707b42027a49b5bcbd1c08d36e712b74b8', class: clsx.clsx("container", { "has-map-buttons": this.hasMapButton }), role: "group" }, index.h("slot", { key: '48b07dd3bc07ac7ca20cb5707a74f112201a3de4' })));
+        return (index.h("div", { key: '0cd0a65e9b4ed512a7f51248628b5729e591e5a9', class: clsx.clsx("container", { "has-map-buttons": this.hasMapButton }), role: "group" }, index.h("slot", { key: '529bd12bf8558e3d8f0a7d76bb49c9c0200714ed' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-card-container.cjs.entry.js

@@ -13,7 +13,7 @@ const CardContainer = class {
         this.mode = "list";
     }
     render() {
-        return (index.h(index.Fragment, null, this.mode === "list" && (index.h("ul", { key: 'd593775800ecb1923ef9ad855255e7dd37ea591a', class: "dso-card-list" }, index.h("slot", { key: '7ea9f4b7e848bf3afa2039f5ec4ab14ce2573243' }))), this.mode === "grid" && (index.h("div", { key: 'b4ce1e46af681b37be5e7d53ee56be82a286d9c7', class: "dso-card-grid" }, index.h("slot", { key: '1d29ddba3f221ee0a507ba93a36869a24e4ad19f' })))));
+        return (index.h(index.Fragment, null, this.mode === "list" && (index.h("ul", { key: '95c4b9efb0f971e75400362b4307082d08a9ecfa', class: "dso-card-list" }, index.h("slot", { key: 'c5e9b1c6a1ec0daf9959fae074983fd2d5131320' }))), this.mode === "grid" && (index.h("div", { key: '7b63aba8eb02ae54187ea9aa4dfb0dade6608ed8', class: "dso-card-grid" }, index.h("slot", { key: 'f7f20475f46a670706d12824e7efd7aadd2e6c19' })))));
     }
 };
 CardContainer.style = cardContainerCss();

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

@@ -32,8 +32,8 @@ const Card = class {
     }
     render() {
         const isSelectable = this.selectableSlottedElement !== null;
-        return (index.h(index.Host, { key: '4054a302510ad07362d9089c942e58995baa99be', "is-selectable": isSelectable }, index.h("div", { key: '6bc8237ad90d02bfe4b3f051c616ce1fa5c2e93e', class: "dso-card-container" }, index.h("div", { key: '655658b4979420b339e0acd1e25d799b36ab8d33', class: "dso-card-selectable", hidden: !isSelectable }, index.h("slot", { key: '441362e9baa84ea7366fd1eeda03bb694c3af304', name: "selectable" })), index.h("div", { key: 'b38fc0c9bbbb2fa228936039b6a4897ac1c27ad2', class: "dso-card-heading" }, (this.mode === "extern" && (index.h("a", { key: 'df8998e9b31aa38b61595cd49012b8f3ff51464e', href: this.href, class: "heading-anchor", target: "_blank", rel: "noopener noreferrer", onClick: (e) => this.clickEventHandler(e) }, index.h("slot", { key: 'b4685d2a490ed81e6eb7082a537a28fbae4d6072', name: "heading" }), index.h("dso-icon", { key: 'eb741b5b1d283c333e06ae0c87eb501aacb741b5', icon: "external-link" }), index.h("span", { key: '6f88b705b3967c9dd6b03419b6f18a7b1e77dc15', class: "sr-only" }, "(Opent andere website in nieuw tabblad)")))) ||
-            (this.mode === "download" && (index.h("a", { key: 'e0cf75a7c96ded19a96d96f4451c973336a1a507', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("slot", { key: 'c33e908eedae868f081bff313f0981449852de12', name: "heading" }), index.h("dso-icon", { key: 'ff774bc81320ea2f532f816de3a14c35899fb3ac', icon: "download" })))) || (index.h("a", { key: 'e0160cd81ad54b2665e5c87b49769aa8cf31fcfd', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("slot", { key: '48dff93e79734127e2e578c1b8d28c2c6bf67085', name: "heading" }), index.h("dso-icon", { key: '89d2c5f135e95204702b1b76725c694da3e3ba8b', icon: "chevron-right" }))), this.interactionsSlottedElement !== null && index.h("slot", { key: '177b551119e7b08ed23d501199d1ec57a60e6a95', name: "interactions" })), index.h("div", { key: '11a6c27534df33821844c9ff6ea602517f1602b0', class: "dso-card-content" }, index.h("slot", { key: '0145480ad4b5b50a80dcaa6c816e7cab3784d06f', name: "content" })))));
+        return (index.h(index.Host, { key: '0b9c26d1a491eead187bdcc26d2b6b57817eca31', "is-selectable": isSelectable }, index.h("div", { key: 'b52c62ddcee54a435c5d8212721612877a07b972', class: "dso-card-container" }, index.h("div", { key: 'a07e3907ba0c6455f8ccb36958ece3220af93eab', class: "dso-card-selectable", hidden: !isSelectable }, index.h("slot", { key: 'fa8bde0f224549caf881623a0ceb5745d07abce2', name: "selectable" })), index.h("div", { key: '34962e8d62f38925d2009d14669c5686690fcbfa', class: "dso-card-heading" }, (this.mode === "extern" && (index.h("a", { key: '754585f88fe4bc2a0dc90de191e81654ad01c0f0', href: this.href, class: "heading-anchor", target: "_blank", rel: "noopener noreferrer", onClick: (e) => this.clickEventHandler(e) }, index.h("slot", { key: '90cb149fe3d70cbc8b6db973ba2341ec0091a4e1', name: "heading" }), index.h("dso-icon", { key: '61731f3b68644ce94fbb82880714370fad5d9211', icon: "external-link" }), index.h("span", { key: 'ef03c618b979ec850b6ebb79efa5b26a19e218ca', class: "sr-only" }, "(Opent andere website in nieuw tabblad)")))) ||
+            (this.mode === "download" && (index.h("a", { key: '64d6243c5aef5cc6359ddc86745420c67e257989', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("slot", { key: '1df2c690db408fc0c3cd7bc952d9c6e390ae0614', name: "heading" }), index.h("dso-icon", { key: 'b2720002592fd8bd947c86ca4b3199c5cff73535', icon: "download" })))) || (index.h("a", { key: '5d1e9b8f8c3cd1a98d1a77699b3083b6c2b323f6', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("slot", { key: 'd9c93d3289412d714ed543dea3ecb4a299242959', name: "heading" }), index.h("dso-icon", { key: 'deadcd1ae3ae36e346a6ab050f7a085a4b2afe0d', icon: "chevron-right" }))), this.interactionsSlottedElement !== null && index.h("slot", { key: '53c596e25689b490a4e8a6cb059cbc8e60d7d3f4', name: "interactions" })), index.h("div", { key: '9237379b0b91ce0d0e3a4797aa19389e8aa99356', class: "dso-card-content" }, index.h("slot", { key: '63d29f83f27cd4be3251c161bee697bea774ae92', name: "content" })))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-contact-information.cjs.entry.js

@@ -9,7 +9,7 @@ const ContactInformation = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'bbabd0b1c2088b6e7fffdd7c51dcbad08205a7e7', class: "dso-contact-information" }, index.h("slot", { key: 'e002381ccc600ede34f2d024d9ff6afa992d497b', name: "heading" }), index.h("slot", { key: 'f03b77b304836ccfe8cf48b310ea79f6fbdebb61', name: "anchor-items" }), index.h("slot", { key: 'b73bae3565c07464938d138c31fe5a9f3156e1f4', name: "info-items" })));
+        return (index.h("div", { key: '509b3f51fa023a5b58d46e40252b917971afb600', class: "dso-contact-information" }, index.h("slot", { key: '281b8ad46ec6f591a9fc4d6d565d4dc847979ab7', name: "heading" }), index.h("slot", { key: '2de8f14e5116bf5bda27ef17f287b711997fd82c', name: "anchor-items" }), index.h("slot", { key: 'e67e73ff0b3785f5e13e76b01467484007378fbf', name: "info-items" })));
     }
 };
 ContactInformation.style = contactInformationCss();

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

@@ -9,7 +9,7 @@ const CursorTooltip = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'c78f4b922f494720c57e20e481a5ca85347f79e3', class: "dso-cursor-tooltip" }, index.h("slot", { key: 'bcd9e0dccd6aa2858692231104c0e22cc2efdbae' })));
+        return (index.h(index.Host, { key: 'fe3c40f9ab20b3172e840b353cf4b2eeca1a96fe', class: "dso-cursor-tooltip" }, index.h("slot", { key: '11c043f041dce83de7740ffdb0b62481c4d10516' })));
     }
 };
 CursorTooltip.style = cursorTooltipCss();

package/dist/cjs/dso-date-picker.cjs.entry.js

@@ -148,7 +148,7 @@ const DsoDatePicker = class {
         return undefined;
     }
     render() {
-        return (index.h("input", { key: 'c599e90b8e1029573beb7097dc5364e06759dcd7', 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": this.invalid?.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 (index.h("input", { key: 'd158728374aeea203e28cb6f8b9d3f5c99d4f887', 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": this.invalid?.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 }));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/dso-document-card.cjs.entry.js

@@ -31,7 +31,7 @@ const DocumentCard = class {
         return this.host.querySelector("[slot='interactions']");
     }
     render() {
-        return (index.h("div", { key: '4affec0b22c5f5f4144283b1589b9e1c4f570b57', class: "dso-document-card-container" }, index.h("div", { key: '6bcd0afa4b40f8179cc4144749a151ecc2d66f91', class: "dso-document-card-heading" }, index.h("a", { key: 'ad6932aec840d9efe9b4451fd9d8d0a1ddf7a0dc', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("span", { key: '54992c382674ec9b41c0f6b4bd70a5ecd8a8973b', class: "icon-container" }, index.h("dso-icon", { key: '35838a3f95be20e19b1b7df724534c8d83e6de09', icon: "chevron-right" }), index.h("slot", { key: '863d45862be6f562777380d67287db009f0b339a', name: "heading" })))), index.h("div", { key: '63c1788593589f43f737a5ae68c0f66dbc3621fd', class: "dso-document-card-type" }, index.h("slot", { key: 'ed970cda2b97962b197693fc924117f1f09965b3', name: "type" })), index.h("div", { key: 'fe0dc0a723692b4020a3184fe871c4dc4d636b75', class: "dso-document-card-status" }, this.metaSlottedElement !== null && index.h("slot", { key: '83a09d88b8226cdab151b6ef785c4e5539e8b630', name: "meta" }), index.h("slot", { key: '5e76d509a5d7904316959472e2f8fac04aa817ac', name: "status" }), this.interactionsSlottedElement !== null && index.h("slot", { key: '3fa930f7e59f9502df2e7fc58c28b8950206053a', name: "interactions" }))));
+        return (index.h("div", { key: '424a1e6058327ca1892f41626288909fdbe28972', class: "dso-document-card-container" }, index.h("div", { key: 'bf0e9dc501a1850af4dd64d36590de0d2103b164', class: "dso-document-card-heading" }, index.h("a", { key: 'fa110e3c6f1984741d02b515082e847b11aea781', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("span", { key: '32cd23687a349abef9083164795ebb17e833baf2', class: "icon-container" }, index.h("dso-icon", { key: 'f796e32f7d8c7e1ee350aa1b7a3de65be51fed36', icon: "chevron-right" }), index.h("slot", { key: 'a23262482804914228c0320525f41c2bbf35314e', name: "heading" })))), index.h("div", { key: '75734d9e95ded9f4fdde9c999d7a4233b8314f06', class: "dso-document-card-type" }, index.h("slot", { key: 'b18ce3010ae3cb4736ae92108e014fe51a2e2484', name: "type" })), index.h("div", { key: '46673ebfc66c849b1ba48337f1fb2f864b182759', class: "dso-document-card-status" }, this.metaSlottedElement !== null && index.h("slot", { key: '45418a415877277de76dcf3a6f8df0ad86c4f732', name: "meta" }), index.h("slot", { key: 'cd8bf629833394d19d423ba7b8912be3a7af5f53', name: "status" }), this.interactionsSlottedElement !== null && index.h("slot", { key: '3996b4f72f7658ef760dfcf7f6578b4b8951e0a0', name: "interactions" }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-dropdown-menu.cjs.entry.js

@@ -176,7 +176,7 @@ const DropdownMenu = class {
         tabbables[nextIndex]?.focus();
     }
     render() {
-        return (index.h(index.Host, { key: '4009f7adfe94fe7e6f5b7394dbe36b6fb87e8c70', onFocusout: this.focusOutListener }, index.h("slot", { key: '3e1d52f7dbbba3a71d4478df935bf0ff7d59948c', name: "toggle" }), index.h("div", { key: '19786efe0f950860335807f14ba22037776e965d', popover: "manual", ref: (element) => (this.popoverElement = element) }, index.h("slot", { key: '63629ebce7b242720ed9b78981137853276ee9b0' }))));
+        return (index.h(index.Host, { key: '28f8eb6a00bf4a1b139c917e44ce8de42067e8c6', onFocusout: this.focusOutListener }, index.h("slot", { key: 'fcf093b872932b1f604ae3d5f93391189ac60bbb', name: "toggle" }), index.h("div", { key: '2a621a9cdcf5817faf1354640a0062caa5c5fe04', popover: "manual", ref: (element) => (this.popoverElement = element) }, index.h("slot", { key: '68633d9a0c505d120acac96e15058d44e01d9a00' }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -153,7 +153,7 @@ const Header = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c5dab8e925d9b642a69e0ca2f65d6de1e7012c14', "is-compact": this.isCompact }, index.h("div", { key: '08c8c495b559546d79ba787bc0408819f8d69ffc', class: "dso-header" }, index.h("div", { key: 'dd73a4de4f64c7ebefadccb11a9cfc02fbe49e47', class: "logo-container" }, index.h("slot", { key: '8e65f287778d2e983eaec13a6692f1990506670b', name: "logo" })), this.isCompact ? this.renderCompact() : this.renderNormal())));
+        return (index.h(index.Host, { key: '8850386c7bf2d6e8351feddbce7c96066b25e4a8', "is-compact": this.isCompact }, index.h("div", { key: 'e5dc88c23f33ff0436e7a32018ad6805bc63dab8', class: "dso-header" }, index.h("div", { key: '3dddcad9303c819dcb4a27f4f0b5b66c39536dd0', class: "logo-container" }, index.h("slot", { key: '9afb7a64d9d97010a2a98b9416f81a4de80933a7', name: "logo" })), this.isCompact ? this.renderCompact() : this.renderNormal())));
     }
     renderCompact() {
         return ((this.mainMenu.length > 0 || this.userHomeUrl || this.authStatus !== "none") && (index.h("div", { class: "dropdown" }, index.h("dso-dropdown-menu", { "dropdown-align": "right", dropdownOptionsOffset: this.dropdownOptionsOffset, ref: (element) => (this.dropdownElement = element) }, index.h("button", { type: "button", slot: "toggle" }, index.h("span", null, this.text("menu")), index.h("dso-icon", { icon: "chevron-down" })), index.h("div", { class: "dso-dropdown-options" }, index.h("ul", null, this.mainMenu.map((menuItem) => (index.h(MenuItem, { item: menuItem, onClick: (e) => this.clickHandler(e, "menuItem", { menuItem }), key: menuItem.label }))), this.userHomeUrl && (index.h("li", null, index.h("a", { href: this.userHomeUrl, onClick: (e) => this.clickHandler(e, "userHome", { url: this.userHomeUrl }) }, this.text("userHome")))), this.userProfileUrl && this.userProfileName && this.authStatus === "loggedIn" && (index.h("li", null, index.h("a", { href: this.userProfileUrl, onClick: (e) => this.clickHandler(e, "profile", { url: this.userProfileUrl }) }, this.userProfileName, index.h("span", { class: "profile-label" }, " - Mijn profiel")))), this.authStatus === "loggedOut" && (index.h("li", null, this.loginUrl ? (index.h("a", { href: this.loginUrl, onClick: (e) => this.clickHandler(e, "login", { url: this.loginUrl }) }, this.text("login"))) : (index.h("button", { type: "button", onClick: (e) => this.clickHandler(e, "login") }, this.text("login"))))), this.authStatus === "loggedIn" && (index.h("li", null, this.logoutUrl ? (index.h("a", { href: this.logoutUrl, onClick: (e) => this.clickHandler(e, "logout", { url: this.logoutUrl }) }, this.text("logout"))) : (index.h("button", { type: "button", onClick: (e) => this.clickHandler(e, "logout") }, this.text("logout"))))), this.showHelp && (index.h("li", null, this.helpUrl ? (index.h("a", { href: this.helpUrl, class: "dso-tertiary", onClick: (e) => this.clickHandler(e, "help", { url: this.helpUrl }) }, index.h("span", null, this.text("help")), index.h("dso-icon", { icon: "help-outline" }))) : (index.h("button", { type: "button", class: "dso-tertiary", onClick: (e) => this.clickHandler(e, "help") }, index.h("span", null, this.text("help")), index.h("dso-icon", { icon: "help-outline" })))))))))));

package/dist/cjs/dso-highlight-box.cjs.entry.js

@@ -10,7 +10,7 @@ const HighlightBox = class {
     }
     render() {
         const hasCounter = this.step || !!this.element.querySelector("[slot=icon]");
-        return (index.h(index.Host, { key: '37c8e0a11211e492b1969195f3a4829b756f3191', "has-counter": hasCounter }, hasCounter && index.h("div", { key: '97dc69885551c40bf8a9578fd062798782c87b37', class: "dso-step-counter" }, this.step ?? index.h("slot", { key: '8fb89cc0a0a37c0195d0dd1922df73a2978ec086', name: "icon" })), index.h("slot", { key: '9af4954e7cc681e435b36ac0a8eb524fa4c2031b' })));
+        return (index.h(index.Host, { key: '35803c970b866b42d0512c7d6a7db877b431053f', "has-counter": hasCounter }, hasCounter && index.h("div", { key: '228e50bc3a6a61065feb605a466e7a3b943d2b56', class: "dso-step-counter" }, this.step ?? index.h("slot", { key: '77cee35b45294b747acf6602bc4ffb5399e3f94a', name: "icon" })), index.h("slot", { key: '7f6d38f4c8514605b9721466409882313236b887' })));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/dso-history-item.cjs.entry.js

@@ -42,7 +42,7 @@ const HistoryItem = class {
         return this.host.querySelector("[slot='warning']");
     }
     render() {
-        return (index.h("div", { key: 'db1e85f9f3e1c1fd0062b6162dcf0bb5e47d63a8', class: "history-item" }, index.h("div", { key: '7c74c958d0301cc1bddd65bab0f014991fc424d6', class: "history-item-date" }, index.h("slot", { key: '6e2e62ea5643b2f57e5831d8b321c250cf9b6a91', name: "date" })), index.h("div", { key: '58ddf3999eb6c1852b84336f9d1193dd5b111415', class: "history-item-content" }, index.h("div", { key: '1b37480a4fc59b547ce43368f568f26b3b7e3c68', class: "history-item-status-message" }, index.h("dso-icon", { key: '89fd3a158fabff9e39eb704607c3dfe3e642753f', icon: this.typeIcons[this.type], "aria-hidden": "true" }), index.h("slot", { key: '3ee454ba72a5fe16bc881e628e79e8f52f55dc3b', name: "status" })), this.titleSlottedElement !== null && this.href && (index.h("div", { key: 'd499731a18b8dfc319a7bb5d7664b3577dede4e4', class: "history-item-title" }, index.h("a", { key: '015f1ff71b91e1de22befe8cd08dc6df94c3ff43', href: this.href, class: "title-anchor", onClick: (e) => this.clickEventHandler(e), "aria-current": this.current ? "true" : undefined }, index.h("span", { key: 'f4d69a1fd97a76e3877206d5b20b64853bf8b4b9', class: "history-item-title-content" }, index.h("slot", { key: '8df3189a5eeb51ce25d3072c65a2a468b57a9716', name: "title" })), "\u2060", index.h("dso-icon", { key: 'b581dcf322e80b4ede1a943418ea1554644a12ac', icon: "chevron-right", "aria-hidden": "true" })))), this.explanationSlottedElement !== null && (index.h("div", { key: '4a5d0535570bd2d4f487ddfc0f597d6013a62af5', class: "history-item-explanation" }, index.h("slot", { key: '64f179bc5fe66d33632ee1d4b9b1da9e48469ee0', name: "explanation" }))), this.warningSlottedElement !== null && (index.h("div", { key: '6f2db3202af45f6a6892bb71ad15c1a9edda4ef9', class: "history-item-warning" }, index.h("dso-icon", { key: '381f2f5da6fe60e9b9b587bfdc568ff7c93f4b17', icon: "status-warning-red-solid", role: "img", "aria-label": "Waarschuwing" }), index.h("slot", { key: '770ea9457ddf105fd133af03c13ad65a10eb5a59', name: "warning" }))))));
+        return (index.h("div", { key: '1f64d214c8a55e32d46924c44e2a67e6fe762ba6', class: "history-item" }, index.h("div", { key: '1faf71543e8465d42636730a7a2d1f3f6b731b97', class: "history-item-date" }, index.h("slot", { key: 'fd30727dea17f047cc1191b17585b34e1aa28527', name: "date" })), index.h("div", { key: 'af748c630159e9fd76d7489ae9b463c60e7a2047', class: "history-item-content" }, index.h("div", { key: '718da0969265515c84b27397dda672aa5519a61f', class: "history-item-status-message" }, index.h("dso-icon", { key: '52e2f8abb5a0db890604556cf2eb6d03c1d977fd', icon: this.typeIcons[this.type], "aria-hidden": "true" }), index.h("slot", { key: 'a605bad20f157372dea498db2586cc99ca1aa4e7', name: "status" })), this.titleSlottedElement !== null && this.href && (index.h("div", { key: '147a283e5614d681a5828e2eed49892f4bc2b308', class: "history-item-title" }, index.h("a", { key: '94dc57f6a9de0eda156871da5eb08bc63967347c', href: this.href, class: "title-anchor", onClick: (e) => this.clickEventHandler(e), "aria-current": this.current ? "true" : undefined }, index.h("span", { key: 'a9e3fbb2a158c5301cd2e3b77417aa45d3f18d50', class: "history-item-title-content" }, index.h("slot", { key: 'f96e09b0853ded2962d51604c6924d18e8ec7352', name: "title" })), "\u2060", index.h("dso-icon", { key: '4f2c3df04231db6a328adb4ddc2787604447d119', icon: "chevron-right", "aria-hidden": "true" })))), this.explanationSlottedElement !== null && (index.h("div", { key: '4eb066cbfc8f5aeae2d4a81e78647bae853b5439', class: "history-item-explanation" }, index.h("slot", { key: '3c24ab2930fe3b24f222705f3581de5aee3949d4', name: "explanation" }))), this.warningSlottedElement !== null && (index.h("div", { key: '46ebd43221d15f1f5de0a4cf2458018278c85236', class: "history-item-warning" }, index.h("dso-icon", { key: '75863ed1f713b3873a2ea50c3b5a14f127c50e6e', icon: "status-warning-red-solid", role: "img", "aria-label": "Waarschuwing" }), index.h("slot", { key: '11f28b0b0e75cdaf14b7abdf5006f08faf81ec08', name: "warning" }))))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -803,7 +803,7 @@ const Icon = class {
             if (!icon) {
                 throw new TypeError(`Unknown svg: ${this.icon}`);
             }
-            return index.h("span", { key: '93f2c0f7aa95f075b91c5b166f22393570b40c76', class: "icon-container", innerHTML: icon.svg });
+            return index.h("span", { key: '23ae18f6dfa49ec6901d7486d782e19948109378', class: "icon-container", innerHTML: icon.svg });
         }
     }
 };
@@ -892,7 +892,7 @@ const IconButton = class {
         this.cleanUp = undefined;
     }
     render() {
-        return (index.h("button", { key: '92acd0f1a5786704404b256b1ef81758d339b3e9', ref: (el) => (this.buttonElRef = el), type: "button", disabled: this.disabled, "aria-label": this.label, class: `icon-button dso-${this.variant}`, onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip, onClick: this.handleClick }, index.h("dso-icon", { key: '71371de8f1aee8844f7dece525157c255f19ecea', icon: this.icon }), index.h(tooltip_functionalComponent.Tooltip, { key: '3f8c6f60b3f33a6632acf8082233fd5b0e37a832', visible: this.showTooltip, onAfterHidden: this.handleHideTooltip, tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tipArrowElRef = element) }, this.label)));
+        return (index.h("button", { key: '39b2888ecb9c678d727b500044de8eb8e040b10d', ref: (el) => (this.buttonElRef = el), type: "button", disabled: this.disabled, "aria-label": this.label, class: `icon-button dso-${this.variant}`, onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip, onClick: this.handleClick }, index.h("dso-icon", { key: '1a5eb6257dcae2dd73d2307018821e51f6df04c1', icon: this.icon }), index.h(tooltip_functionalComponent.Tooltip, { key: 'cf80d8d08594dd9d493d17732604c9b2749bb569', visible: this.showTooltip, onAfterHidden: this.handleHideTooltip, tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tipArrowElRef = element) }, this.label)));
     }
 };
 IconButton.style = iconButtonCss();

package/dist/cjs/{dso-info_2.cjs.entry.js → dso-info_3.cjs.entry.js}

@@ -1,6 +1,10 @@
 'use strict';
 
 var index = require('./index-Dqk4tvHL.js');
+var positionTooltip_function = require('./position-tooltip.function-CppeKAt4.js');
+var tooltip_functionalComponent = require('./tooltip.functional-component-DrN_v5w1.js');
+require('./floating-ui.dom-ClybLJQM.js');
+require('./clsx-BtxeOLZW.js');
 
 const infoCss = () => `:host{display:block;padding-block:16px;padding-inline:16px 32px;position:relative;--_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 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 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 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 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{--_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:#f2f2f2;color:#191919}:host(:not([active],[fixed])),:host([active=false]:not([fixed])),:host([active=false][fixed=false]){display:none}dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}`;
 
@@ -10,11 +14,109 @@ const Info = class {
         this.dsoClose = index.createEvent(this, "dsoClose", 7);
     }
     render() {
-        return (index.h(index.Fragment, { key: '3dcb0b7964995734a527775251fac2c0dac5a62f' }, index.h("slot", { key: 'b6217bab04d44d36de11b0876a07825253303100' }), !this.fixed && (index.h("dso-icon-button", { key: '9c5ca20d382ed5f02215e4a0c54cf7f7939aef5f', label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit(e.detail.originalEvent) }))));
+        return (index.h(index.Fragment, { key: '902f98c97248e2ddd76978921405904b843de499' }, index.h("slot", { key: 'fe9eed78ba371fc455ccaa6d9d3cc5eb5d042184' }), !this.fixed && (index.h("dso-icon-button", { key: 'a41c8d68fe39567ad3e94cb6ab12803476cc1fc4', label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit(e.detail.originalEvent) }))));
     }
 };
 Info.style = infoCss();
 
+const infoButtonCss = () => `:host{--_dt-scrollable-border-radius:4px;--_dt-scrollable-container-padding-inline:16px;--_dt-scrollable-container-padding-block:8px;display:inline-block}*,*::after,*::before{box-sizing:border-box}.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;transition:opacity 0.15s;max-inline-size:640px}.dso-tooltip.visible{opacity:1;visibility:visible}.dso-tooltip .tooltip-inner{--_dt-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:0;padding-inline:0;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}dso-icon-button{vertical-align:top;margin-inline-start:var(--_dt-info-button-margin-inline-start, 8px)}`;
+
+const InfoButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.dsoToggle = index.createEvent(this, "dsoToggle", 7);
+        /**
+         * Whether the InfoButton is active.
+         */
+        this.active = false;
+        /**
+         * The label.
+         */
+        this.label = "Toelichting bij optie";
+        /**
+         * The placement of the Toggletip on click.
+         */
+        this.toggletipPlacement = "top";
+        this.toggletipActive = false;
+        this.hasToggletip = false;
+        this.keyDownHandler = (event) => {
+            if (!this.toggletipActive)
+                return;
+            if (event.key === "Escape") {
+                this.toggletipActive = false;
+            }
+        };
+        this.focusOutHandler = (event) => {
+            if (!this.host.contains(event.relatedTarget)) {
+                this.toggletipActive = false;
+                this.toggletipElRef?.hidePopover();
+            }
+        };
+    }
+    /**
+     * To set focus to the toggle button.
+     */
+    async setFocus() {
+        this.button?.setFocus?.();
+    }
+    handleToggle(originalEvent) {
+        if (this.hasToggletip) {
+            this.toggletipActive = !this.toggletipActive;
+        }
+        else {
+            this.dsoToggle.emit({ originalEvent, active: !this.active });
+        }
+    }
+    cleanupTooltip() {
+        this.cleanUp?.();
+        this.cleanUp = undefined;
+    }
+    componentDidRender() {
+        if (!this.hasToggletip) {
+            this.toggletipElRef?.hidePopover();
+            this.cleanupTooltip();
+            return;
+        }
+        if (!this.cleanUp && this.toggletipActive && this.button && this.toggletipElRef && this.toggletipArrowElRef) {
+            this.cleanUp = positionTooltip_function.positionTooltip({
+                referenceElement: this.button,
+                tipRef: this.toggletipElRef,
+                tipArrowRef: this.toggletipArrowElRef,
+                placementTip: this.toggletipPlacement,
+                restrictContentElement: this.restrictContentElement,
+            });
+        }
+        if (this.cleanUp) {
+            if (this.toggletipActive) {
+                this.toggletipElRef?.showPopover();
+            }
+            else {
+                this.toggletipElRef?.hidePopover();
+                this.cleanupTooltip();
+            }
+        }
+    }
+    connectedCallback() {
+        this.mutationObserver = new MutationObserver(() => {
+            this.hasToggletip = !!this.host.querySelector("[slot='toggletip']");
+        });
+        this.mutationObserver.observe(this.host, {
+            childList: true,
+            attributes: true,
+        });
+    }
+    disconnectedCallback() {
+        this.cleanupTooltip();
+        this.mutationObserver?.disconnect();
+        delete this.mutationObserver;
+    }
+    render() {
+        return (index.h(index.Host, { key: '9b6f13f1575ec545343cb421c7e79379b2820825', onKeydown: this.keyDownHandler, onFocusout: this.focusOutHandler }, index.h("dso-icon-button", { key: 'b41305da964156d8bf789acb230ef85286383ea6', variant: "tertiary", label: this.label, onDsoClick: (e) => this.handleToggle(e.detail.originalEvent), icon: this.active || this.toggletipActive ? "info-solid" : "info-outline", ref: (element) => (this.button = element) }), this.hasToggletip && (index.h(tooltip_functionalComponent.Tooltip, { key: '9cd082c324291fcb49c6985ba851fc5827bd06e5', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element), visible: this.toggletipActive }, index.h("dso-scrollable", { key: 'ad10d32dde5ddfeadf86263e6883d174e46d7169', ref: (element) => (this.restrictContentElement = element) }, index.h("slot", { key: '0d435fcf36b37ce83782d5688fecfdb55485371e', name: "toggletip" }))))));
+    }
+    get host() { return index.getElement(this); }
+};
+InfoButton.style = infoButtonCss();
+
 /**
  * Form random hash
  */
@@ -74,7 +176,7 @@ const Selectable = class {
     }
     render() {
         const hasInfo = !!this.host.querySelector('[slot="info"]');
-        return (index.h(index.Fragment, { key: '5cd49b6d73c67ca5a19131f7900712a926631eaa' }, index.h("div", { key: '65bdd25543b5b3383a57f680f547ab78cb9a9548', class: "dso-selectable-container" }, index.h("div", { key: 'de61bd1fe932d5e72f34c22d16183e6b49909847', class: "dso-selectable-input-wrapper" }, index.h("input", { key: '4f9df6dcb738e1055a8668c4671a8fda99acbb28', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (index.h("label", { htmlFor: this.getIdentifier() }, index.h("slot", null))) : (index.h("label", null, index.h("slot", null)))), hasInfo && !this.infoFixed && (index.h("dso-info-button", { key: '791816cb04231553b239d5b1840e08f91f700608', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (index.h("dso-info", { key: '69d9db6af62339ae2a2ec961870fb95201ec90cc', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, index.h("div", { key: '6a60c69f6417e8e941b9915e60f1610d643f6862' }, index.h("slot", { key: '368cf0ed5ccd9505e66897c841f2f24afd0a9569', name: "info" })))), index.h("slot", { key: '57418769445760d55fda35a8a51c9a2fce77c33b', name: "options" })));
+        return (index.h(index.Fragment, { key: 'f81f4f99bc21e817e72f7a1cf8819d0d9a3aafdd' }, index.h("div", { key: '6027967f85f8c526b6f2cb84c1a26b04b67db10d', class: "dso-selectable-container" }, index.h("div", { key: '095e946614f2360a19a365bb8fe866ab393cc798', class: "dso-selectable-input-wrapper" }, index.h("input", { key: '0a4ba657536ae3491bef90b720d49b897cfd2da6', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (index.h("label", { htmlFor: this.getIdentifier() }, index.h("slot", null))) : (index.h("label", null, index.h("slot", null)))), hasInfo && !this.infoFixed && (index.h("dso-info-button", { key: 'b62095b1332b2251453774ce19b9d926c4d29240', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (index.h("dso-info", { key: 'dcabe0bf6194bc50fc07136f732169d4b9e65b81', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, index.h("div", { key: '640976fb646e7a57430e6701db778815bec6bbf6' }, index.h("slot", { key: '8b276e1be739177525d4d529efe0acb1c38afd43', name: "info" })))), index.h("slot", { key: '6e43d7742fecf815fea944e3c03429e54416aeea', name: "options" })));
     }
     componentDidRender() {
         if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {
@@ -94,4 +196,5 @@ const Selectable = class {
 Selectable.style = selectableCss();
 
 exports.dso_info = Info;
+exports.dso_info_button = InfoButton;
 exports.dso_selectable = Selectable;

package/dist/cjs/dso-input-range.cjs.entry.js

@@ -17,13 +17,13 @@ const InputRange = class {
         const min = this.min || 0;
         const max = this.max || 100;
         const step = this.step || 1;
-        return (index.h(index.Fragment, null, this.description && (index.h("span", { key: '65ccfdac13441b76d6559c1f1867dd7b274bedb4', id: "description", hidden: true }, this.description)), index.h("span", { key: 'a0c1e4e540b4b95b15b58bb57a2fd9d296753624', class: "counter", "aria-hidden": "true" }, min, this.unit), index.h("input", { key: '80196cc537e627dfd841eb04ae55ca5850d33ff1', type: "range", min: min, max: max, step: step, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
+        return (index.h(index.Fragment, null, this.description && (index.h("span", { key: 'e6d9d790d42f441d15b461010d3773ac94851482', id: "description", hidden: true }, this.description)), index.h("span", { key: 'c5bd62d65306dc41df200366cff5d38a3f9fd46a', class: "counter", "aria-hidden": "true" }, min, this.unit), index.h("input", { key: '8c6134aa6334b9cc475f08cf62f60357d11d78ee', type: "range", min: min, max: max, step: step, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
                 originalEvent: event,
                 value: event.target instanceof HTMLInputElement ? parseInt(event.target.value, 10) : undefined,
                 max,
                 min,
                 step,
-            }) }), index.h("span", { key: 'f269ffc6b715b45f8b913b241d76f7f75b7d190f', class: "counter", "aria-hidden": "true" }, max, this.unit)));
+            }) }), index.h("span", { key: 'ed7323ee13025476fadba72522d829531c32263f', class: "counter", "aria-hidden": "true" }, max, this.unit)));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -100,11 +100,11 @@ const Label = class {
         this.isTruncated = false;
     }
     render() {
-        return (index$1.h(index$1.Fragment, { key: '7538266df7d844788842b1856fe605df8b279125' }, index$1.h("span", { key: '6bf3ce71062102f82cd5a82abfa605d08ba59ca4', "aria-describedby": this.isTruncated ? "toggle-anchor" : null, class: clsx.clsx("dso-label", {
+        return (index$1.h(index$1.Fragment, { key: '87bd45c89413b864891a85546aaa48b22bd0898b' }, index$1.h("span", { key: '36705f33b42cc5ec3be583c745aa40f6bde779da', "aria-describedby": this.isTruncated ? "toggle-anchor" : null, class: clsx.clsx("dso-label", {
                 [`dso-label-${this.status}`]: this.status,
                 "dso-compact": this.compact && !this.removable,
                 "dso-hover": this.removeHover || this.removeFocus,
-            }) }, index$1.h("slot", { key: 'd6762600f90fb8d7d0ee46abf0519b5def93fc84', name: "symbol" }), index$1.h("span", { key: '2fccb0a5a750bed3ebc7fa077642761babf6e04b', class: "dso-label-content", 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) }, index$1.h("slot", { key: 'ba6e91a8a0d3d8082290331e0b5e843bf7d9479e' })), this.removable && (index$1.h("dso-icon-button", { key: 'b1887fa20f89636fda84ddc03a35a55c6087ecb5', variant: "tertiary", icon: "cross", label: `Verwijder: ${this.labelText}`, onDsoClick: (e) => this.dsoRemoveClick.emit(e.detail.originalEvent), onMouseEnter: () => (this.removeHover = true), onMouseLeave: () => (this.removeHover = false), onFocus: () => (this.removeFocus = true), onBlur: () => (this.removeFocus = false) }))), this.isTruncated && (index$1.h("dso-tooltip", { key: '480a52eb0a574ba305d5b6da6639dac17822ac45', stateless: true, id: "toggle-anchor", active: this.textHover || this.textFocus, position: "top", strategy: "absolute" }, this.labelText))));
+            }) }, index$1.h("slot", { key: '2afcd8e8c615246c6843a0e3f275032655c26c4d', name: "symbol" }), index$1.h("span", { key: '2a8e0a70a0a1d11908aee62f072c8d9f5d18b39b', class: "dso-label-content", 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) }, index$1.h("slot", { key: '52f4794d885de7ed9c953d6719ff3dff77c2f9de' })), this.removable && (index$1.h("dso-icon-button", { key: '2c7a1991c6498d4c297d808ab0c9f54959c548b2', variant: "tertiary", icon: "cross", label: `Verwijder: ${this.labelText}`, onDsoClick: (e) => this.dsoRemoveClick.emit(e.detail.originalEvent), onMouseEnter: () => (this.removeHover = true), onMouseLeave: () => (this.removeHover = false), onFocus: () => (this.removeFocus = true), onBlur: () => (this.removeFocus = false) }))), this.isTruncated && (index$1.h("dso-tooltip", { key: 'b48a848e19c7919460a4f667a467b7f6d7b8077c', stateless: true, id: "toggle-anchor", active: this.textHover || this.textFocus, position: "top", strategy: "absolute" }, this.labelText))));
     }
     get host() { return index$1.getElement(this); }
     static get watchers() { return {
@@ -199,7 +199,7 @@ const SlideToggle = class {
         this.hasVisibleLabel = this.host.querySelector("*") !== null;
     }
     render() {
-        return (index$1.h(index$1.Fragment, { key: '8cfb8c86d25faea70c4b678ce8232bcb403cac80' }, index$1.h("button", { key: 'b30f89d3c5a9a6ed1a3518c28ff121dbdeaf5185', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, index$1.h("svg", { key: '8e24f0e860268be980f2b9484fbf83e2b38c80eb', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, index$1.h("g", { key: '4412c92749f8fc45f5b9c2ac07fe8516ac4a073c', fill: "none", "fill-rule": "evenodd" }, index$1.h("rect", { key: '5615ca4e6ac5f7ef9b33511ca5cdf2e434a666f1', width: "40", height: "20", fill: "currentColor", rx: "10" }), index$1.h("circle", { key: '4fe0e7e3fa2bb59c7459895578597ccb38abcd65', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (index$1.h("label", { key: 'd260d91b2ba6f562f1bc0474d1096f9dcfe3340f', htmlFor: this.identifier }, index$1.h("slot", { key: '9e3020faaf5bb77103294df78f32e2294a2a9dc4' })))));
+        return (index$1.h(index$1.Fragment, { key: 'c67f22a23e080ae6469e83b99d8e566eb2d913ec' }, index$1.h("button", { key: '227665cf8e5efbd69719c8fd468940baafe5a23a', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, index$1.h("svg", { key: 'bc0c8c827438c4ebbc7b79b795227ee92ec3ce2d', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, index$1.h("g", { key: '2fdaf8de62b852738285490ccda1dfdbfd13e76f', fill: "none", "fill-rule": "evenodd" }, index$1.h("rect", { key: 'd6e7c97a8f8c71a5c0c5082484ed49dfded9403f', width: "40", height: "20", fill: "currentColor", rx: "10" }), index$1.h("circle", { key: 'aa0e8877592955dbe90d35804be6f213bc6303d3', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (index$1.h("label", { key: '284891e11ad364cb7e3cc0dd3978cdb001da1230', htmlFor: this.identifier }, index$1.h("slot", { key: '9e688b645bb439955db471c8e158a8441833a674' })))));
     }
     get host() { return index$1.getElement(this); }
 };

package/dist/cjs/dso-legend-group.cjs.entry.js

@@ -57,7 +57,7 @@ const LegendGroup = class {
         delete this.mutationObserver;
     }
     render() {
-        return (index.h(index.Host, { key: 'c6e180da9999c7bfd387a473a1674f2d386009af' }, index.h("div", { key: '2731a49164e33a60c0c609977c6d2b31ec9275df', class: "legend-group-header" }, index.h("slot", { key: 'c8b2d7800b83ade97c1a745753d826b87a7fa059', name: "heading" }), this.mode && (index.h("dso-icon-button", { key: 'f5c2a257ae4110ce3661b52fff0256295c59ba9c', label: this.mode === "view" ? this.text("edit") : this.text("view"), icon: this.mode === "view" ? "pencil" : "check", variant: "tertiary", onDsoClick: this.toggleMode }))), this.mode === "edit" && index.h("slot", { key: 'c71154bbe1eb5f7e8c5d29f86c5f65381204da53', name: "options" }), index.h("slot", { key: '7aa06e0de52ba30a547f964270c9bfb3d9c817f9' })));
+        return (index.h(index.Host, { key: '67a585128090d6045885a112ba8b3bb951d7ec4c' }, index.h("div", { key: 'a55c38cadf52ca0079cbcca536f4f9edac068d4d', class: "legend-group-header" }, index.h("slot", { key: 'f43489f13359233cae872c9f496a2e5000437eec', name: "heading" }), this.mode && (index.h("dso-icon-button", { key: '23d5c783eadaa69caabecd911dfd647c05174434', label: this.mode === "view" ? this.text("edit") : this.text("view"), icon: this.mode === "view" ? "pencil" : "check", variant: "tertiary", onDsoClick: this.toggleMode }))), this.mode === "edit" && index.h("slot", { key: 'bff2158e566bbb886561fafdc6c248c75a38fa7a', name: "options" }), index.h("slot", { key: '78194f5f55d1c739be713b1a773270ddd60b598a' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/dso-legend-item.cjs.entry.js

@@ -82,7 +82,7 @@ const LegendItem = class {
         const accessibleLabel = label?.textContent
             ? this.text("makeActive", { label: label.textContent.toLowerCase() })
             : this.text("makeActiveDefault");
-        return (index.h(index.Host, { key: '2f719de0372d0b3b5d417c9f67a43f99336cd648', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h("div", { key: '000ba28715ced757b54a5c99eb87f17f093d2d73', class: clsx.clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (index.h("div", { key: '5d010bcf290eb0b5624a2263ef05719e66aed2db' }, index.h("slot", { key: '7131ecf136cb0372e758e3ef1a5a4c229fc6d79b', name: "symbol" }))), index.h("div", { key: '79966993fcce87a8bff270cbb366a141f51426fb' }, index.h("slot", { key: 'ebd3829d0c6c9b3cec6489c13ffad018b2f72dd6', name: "label" })), this.disabled && this.disabledMessage && (index.h("dso-info-button", { key: 'd713473db58844522de08a1e5894d9650712a2f3', label: this.text("disabledInfo"), toggletipPlacement: "bottom" }, index.h("div", { key: 'cedf760a34f498fbf35971fd8111a36e62faa701', slot: "toggletip" }, this.disabledMessage))), index.h("div", { key: '3a746a4d594fa6b95e63914ad895eec934e643b1', class: "legend-item-right-content" }, this.renderRightContent(hasOptions, accessibleLabel))), hasOptions && (index.h("div", { key: 'e71081edf3014d4f8c9123a79b80cf5fab1e640d', hidden: this.disabled || !this.showOptions, class: "options" }, index.h("slot", { key: '3824d6324c7e5095eb702867b579a8fef02299a0', name: "options" })))));
+        return (index.h(index.Host, { key: '70d74afd2147d64b2f6eb93d5942384b4a8031b2', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h("div", { key: 'd841b61f671ac951543abb3a09791a3664964115', class: clsx.clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (index.h("div", { key: 'c5996baf49464c1f82b5ed3ec559987ffa606b7f' }, index.h("slot", { key: '895268a8bb29b972dcd66bfcfee177abb5411ffa', name: "symbol" }))), index.h("div", { key: '61fa469c86ffff33868ae9db163d796834b0d3d8' }, index.h("slot", { key: '9c1b66aef88ae872ad0e511917b5a782a03e5b95', name: "label" })), this.disabled && this.disabledMessage && (index.h("dso-info-button", { key: '6c3c1b07753a617d2e3f69c61a193adb066a9780', label: this.text("disabledInfo"), toggletipPlacement: "bottom" }, index.h("div", { key: '9598f0e2b250f0f72dc946e0b39c406cfac49f34', slot: "toggletip" }, this.disabledMessage))), index.h("div", { key: 'b75a65ea4fe3babd46731396beb2dbc6482e94f7', class: "legend-item-right-content" }, this.renderRightContent(hasOptions, accessibleLabel))), hasOptions && (index.h("div", { key: 'd031e74f411040dbbf6a66cbd63ca361536462ce', hidden: this.disabled || !this.showOptions, class: "options" }, index.h("slot", { key: '8997aad92384f8d8de51ff401b1df49c6bb7113b', name: "options" })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -83,7 +83,7 @@ const Legend = class {
         this.moveFocusToTab(next);
     }
     render() {
-        return (index.h(index.Host, { key: '812916657a261bed47b5388a6d84bfd5e6585cb1' }, index.h("div", { key: '29d63344be6f0c336ec3e845014916a15ba6bbde', class: "topbar" }, index.h("div", { key: '5874ac7dd039e5279d4f7ad3a754c9e6ecce3223', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, this.tabItems.map((tabItem) => (index.h("button", { class: clsx.clsx("tab", { active: tabItem.active }), role: "tab", "aria-selected": tabItem.active ? "true" : "false", ...(!tabItem.active ? { tabIndex: -1 } : {}), onClick: this.clickHandler }, tabItem.label)))), index.h("dso-icon-button", { key: '55209a7fc7e3601ba4c25d80bf5c1f0981b9bddc', icon: "cross", variant: "tertiary", label: this.text("closeLegend"), class: "close-button", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e.detail.originalEvent }) })), index.h("dso-scrollable", { key: 'aa0cd30073a0821eea95593f8ed1687c94892a62', class: "content" }, index.h("div", { key: 'fa9a12ddcbd2f71a970ca3889113356ac3ac1a33', role: "tabpanel", tabIndex: 0 }, index.h("slot", { key: '31ce9fb96d1afa7527e1b92d4b6985e07107269f' })))));
+        return (index.h(index.Host, { key: 'ffe823c92e3e7fb6d2cde94c8643c72cb4828015' }, index.h("div", { key: 'd76953fb195ec0926ccc9c605f3a38b3503009f6', class: "topbar" }, index.h("div", { key: '43dc8d03a676d9ac90264cbd63e176b605facd61', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, this.tabItems.map((tabItem) => (index.h("button", { class: clsx.clsx("tab", { active: tabItem.active }), role: "tab", "aria-selected": tabItem.active ? "true" : "false", ...(!tabItem.active ? { tabIndex: -1 } : {}), onClick: this.clickHandler }, tabItem.label)))), index.h("dso-icon-button", { key: '39aa9b4263d97329a4140d9a628f3158b5cdba9c', icon: "cross", variant: "tertiary", label: this.text("closeLegend"), class: "close-button", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e.detail.originalEvent }) })), index.h("dso-scrollable", { key: 'd56eb235541fe5c7a8b32e74fe324a461fbf04b6', class: "content" }, index.h("div", { key: 'c55a191f118c467f1757a86c9fc782402621d665', role: "tabpanel", tabIndex: 0 }, index.h("slot", { key: 'cca1d3ed43f68be77b0064a6890d62508816179c' })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -73,7 +73,7 @@ const ListButton = class {
     }
     render() {
         const selected = this.checked || (this.count !== undefined && this.count > 0);
-        return (index.h("div", { key: 'd46749fe4e7e23235ca0f36e2551c2402ca8ed02', class: clsx.clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, index.h("div", { key: '3038ae3212dd870af97ad13ef743d47bd00da986', class: clsx.clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, index.h("dso-selectable", { key: 'e3b1770b193c0bf7357e5168a0ac6a1caa726031', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, index.h("span", { key: '009ed37eb44d0658dd581161a2f8d1e38dff7015' }, this.label, this.sublabel && index.h("span", { key: '38ca5933374bc2b2ddc70257dc0acdd961c97c6a', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (index.h("span", { key: 'e5d6514592712ef827a635e64259f8b9dd0d8464', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", index.h("span", { key: '340a6925c4cadad4fb0910652898a515075d287f', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && index.h("span", { key: '64f42117c81f07d6765aabbbf1a483fe6ffd1703', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (index.h("div", { key: 'e027d622f9bf9083b860bdd7f17d569f3ede5d92', class: "subcontent" }, index.h("slot", { key: 'ec356fd598cf4517aa7f8198371607bc7d30d92b', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (index.h("div", { key: '6806f3cf3dab4b5ec1cb07521f4f71f1ddb17999', class: "dso-input-number" }, this.count > 1 && (index.h(index.Fragment, { key: '2bf3c0c68eff4a7703ed18aca7e0ecf5fc82cad2' }, index.h("dso-icon-button", { key: '8c9f039ec7021022c1d2da455a3b8abb6f7eb524', label: "Aantal verlagen", variant: "tertiary", icon: "minus-circle-outline", disabled: this.count === Number(this.min) || this.disabled, onDsoClick: (e) => this.stepValue(e, "decrement") }), index.h("span", { key: 'e1ae04f599a221dd8ac34493e5f679b427d24a0b', class: "dso-input-step-counter", "aria-label": "Aantal", "aria-live": "polite" }, this.count))), index.h("dso-icon-button", { key: '32ba7e390912747b98b6fa0b3b83c14cd20d0a14', label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle-outline", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
+        return (index.h("div", { key: 'f8c10a35f9202e5f1b0e7b29be5b8ebafcf53feb', class: clsx.clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, index.h("div", { key: 'acc95aadd9360e3a72d58316caa119fa30379c89', class: clsx.clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, index.h("dso-selectable", { key: 'f9ddf12178e9896894f7f2608627804c333ab458', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, index.h("span", { key: '772e1607879fcd083e6c3469edfd8f893ef65844' }, this.label, this.sublabel && index.h("span", { key: 'b029eae80587537ecd13149d9a8199b1088735a9', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (index.h("span", { key: '753d6a8e63992815e0b29284ed708adca05e1f08', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", index.h("span", { key: 'a11b280cd827b5e76eff630405808d246c61d247', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && index.h("span", { key: '256ed575700b44752460a25e7ff7936e20e69709', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (index.h("div", { key: 'e81fae2349e3134ab020041dd9b408c5074e099f', class: "subcontent" }, index.h("slot", { key: 'b28dd741b40e6e2e1de2f1598d7c4d7e210c142f', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (index.h("div", { key: '05fb5356dcb5d20750d0f1aa4d2750fda9c341c8', class: "dso-input-number" }, this.count > 1 && (index.h(index.Fragment, { key: '82ba66426f78c55b9ebe72062f8fb6beeb6cd25f' }, index.h("dso-icon-button", { key: '03bbb15acef53111a7ba43436c7041e8520d099b', label: "Aantal verlagen", variant: "tertiary", icon: "minus-circle-outline", disabled: this.count === Number(this.min) || this.disabled, onDsoClick: (e) => this.stepValue(e, "decrement") }), index.h("span", { key: 'bfd568ac61c101a7a01bc23cace73f8aa249e284', class: "dso-input-step-counter", "aria-label": "Aantal", "aria-live": "polite" }, this.count))), index.h("dso-icon-button", { key: 'd819d6cd666832565ba38b11678943f3841cc8b7', label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle-outline", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -31,7 +31,7 @@ const Logo = class {
     }
     render() {
         return (index.h(index.Fragment, null, this.logoUrl ? (index.h("a", { class: "logo-url", href: this.logoUrl, onClick: this.handleLogoClick }, index.h(DsoLogo, { name: this.name }))) : (index.h(DsoLogo, { name: this.name })), this.label &&
-            (!this.labelUrl ? (index.h("span", { class: "logo-label" }, this.label)) : (index.h("a", { class: "logo-label-url", href: this.labelUrl, onClick: this.handleLabelClick }, index.h("span", { class: "logo-label" }, this.label)))), this.ribbon && index.h("div", { key: '1fd87dcaff9f9804bab2309148f9ced1e91c6d54', class: "logo-ribbon" }, this.ribbon)));
+            (!this.labelUrl ? (index.h("span", { class: "logo-label" }, this.label)) : (index.h("a", { class: "logo-label-url", href: this.labelUrl, onClick: this.handleLabelClick }, index.h("span", { class: "logo-label" }, this.label)))), this.ribbon && index.h("div", { key: '561d1fd30265bcc499211397ee0a33b7e55cedd7', class: "logo-ribbon" }, this.ribbon)));
     }
 };
 Logo.style = logoCss();