@dso-toolkit/core 100.2.0 → 100.3.0

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

@@ -49,7 +49,7 @@ const Alert = class {
         if (!status) {
             throw new Error(`Invalid status ${this.status}`);
         }
-        return (h("div", { key: '637ca58fe1f712fadde2ce2d9dc1f9e71ccef93e', class: clsx("alert", `alert-${this.status}`, { "dso-compact": this.compact }), role: this.roleAlert ? "alert" : undefined }, !this.compact && (h("dso-icon", { key: 'c33e4311894ea57101e9146e026be1569d3aa57a', class: "icon-status", icon: `status-${this.status === "info" ? "info-solid" : this.status}`, "aria-hidden": "true" })), h("span", { key: 'da11a73b0dffb04ddc5fc825df87967a20823d5f', class: "sr-only" }, status, ":"), h("slot", { key: 'a293d4377936b53e11c5d5d6e00df899b2e86302' }), this.closable && (h("dso-icon-button", { key: '29023c2f8b977840355e578a9eace6792bf70c81', label: this.text("close"), variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }))));
+        return (h("div", { key: '380c0b63895dd09da7dd26fa0df808e06b29b124', class: clsx("alert", `alert-${this.status}`, { "dso-compact": this.compact }), role: this.roleAlert ? "alert" : undefined }, !this.compact && (h("dso-icon", { key: 'cfae1f66964060d7cd813113332879babdf96375', class: "icon-status", icon: `status-${this.status === "info" ? "info-solid" : this.status}`, "aria-hidden": "true" })), h("span", { key: 'de9706e5a1644fd0bf28a8b8e3519e59c24099b8', class: "sr-only" }, status, ":"), h("slot", { key: 'c9e44c74c5759ede5fb50f482c922a3758ab917f' }), this.closable && (h("dso-icon-button", { key: '8925c33d756c03fa2df660ec5a2949f45e0ae96c', label: this.text("close"), variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }))));
     }
     get host() { return getElement(this); }
 };
@@ -180,8 +180,8 @@ const Badge = class {
         delete this.mutationObserver;
     }
     render() {
-        return ((this.hasToggletip && (h(Host, { key: '2cb33378c5b4b707bf6ad410f9dd1bffeac5633c', onKeyDown: this.keyDownHandler, onFocusout: this.focusOutHandler }, h("button", { key: '8d9a9dd1dc44b2141cc1bd6e53bf197258f8c38a', ref: (el) => (this.buttonElRef = el), type: "button", "aria-label": this.label, class: "toggletip-button", onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip, onClick: () => this.handleToggle() }, h("span", { key: '30b6dd4b4f6fd266eee0c47e331867c332757953', class: clsx("dso-badge", "interactive", { [`badge-${this.status}`]: this.status }, { toggled: this.toggletipActive }) }, h("slot", { key: '3a4c0c2be4fb285cc9c4a31e8e995cce55626f38' }))), h(Tooltip, { key: '5cfd26f73072c8986b4d5fcaa637ba36aaebe65a', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, this.label), h(Tooltip, { key: '16ebc0e9d5acd7ebe11323f0ce4238eb5a2305c4', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element) }, h("dso-scrollable", { key: 'fb914978664b719afb45cd839ea18e37581b7770', ref: (element) => (this.restrictContentElement = element) }, h("slot", { key: 'e94f081abae2f5425eb58e0be126fc42ea5a6ad3', name: "toggletip" })))))) ||
-            (!this.hasToggletip && (h("span", { key: '5cc7ad5ed5ecab81906d59450b640f41d2c042b2', class: clsx("dso-badge", { [`badge-${this.status}`]: this.status }) }, h("slot", { key: '902166e1f02f1461be444898cc0a37644eb5982b' })))));
+        return ((this.hasToggletip && (h(Host, { key: '8f56471d80c9118d52956e275dc5ff7ce237da90', onKeyDown: this.keyDownHandler, onFocusout: this.focusOutHandler }, h("button", { key: '0958933c2fa529c9c6cce55165055d7c4dc1ea14', ref: (el) => (this.buttonElRef = el), type: "button", "aria-label": this.label, class: "toggletip-button", onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip, onClick: () => this.handleToggle() }, h("span", { key: '6490903670efe4464e7ad245277ed9072ad42743', class: clsx("dso-badge", "interactive", { [`badge-${this.status}`]: this.status }, { toggled: this.toggletipActive }) }, h("slot", { key: '5b0a207e2a68200df54a48468e230cbe1091e61e' }))), h(Tooltip, { key: '2c4dc90b24bbff89a3b5138c76f526470f3baf49', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, this.label), h(Tooltip, { key: '72e2930db3e66ead2daafba967d626eeb0469d03', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element) }, h("dso-scrollable", { key: 'b30417c30e1527e8b2ca91acfdb06522d80aca46', ref: (element) => (this.restrictContentElement = element) }, h("slot", { key: 'afc649587d37a0bba4bfc7dc82337f1c0907e276', name: "toggletip" })))))) ||
+            (!this.hasToggletip && (h("span", { key: '72d0faf68371571cdab19dded4e90fc79944e860', class: clsx("dso-badge", { [`badge-${this.status}`]: this.status }) }, h("slot", { key: 'd98f3b80cb9441f3f3ccb30b37dac286ed7ced56' })))));
     }
     get host() { return getElement(this); }
 };
@@ -1389,7 +1389,7 @@ const OzonContent = class {
             annotated: this.annotated,
         };
         const transformed = mapper.transform(this.content, context);
-        return h(Fragment, { key: '2f4b580b1ad75106416dcb8d8c9b5b2527da6a49' }, transformed);
+        return h(Fragment, { key: '9e54072c03dc354a927aaa0894cb9a63338e3952' }, transformed);
     }
     static get watchers() { return {
         "content": [{
@@ -1466,7 +1466,7 @@ const OzonContentToggletip = class {
         this.cleanUpFunction = undefined;
     }
     render() {
-        return (h(Fragment, { key: '2c042914942f9c252f9fb14307d1d521e7459802' }, h("span", { key: 'c3020b9a802b9894e47cd85066b63f85fad934fa', "aria-describedby": this.active ? "toggletip-tooltip" : undefined, "aria-expanded": this.active.toString(), class: "toggletip-button", role: "button", tabIndex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, this.icon && (h(Fragment, { key: '1f706669b4c10fc301e1f89bcb93c1209a053f7d' }, h("span", { key: '4fce364ec839309cc20a5886a1fec0b8db8609b2', class: "toggletip-label" }, h("slot", { key: '08b8d9abeff5960fe8d54d5a2d528d997d8f6c1b', name: "label" })), "\u2060", h("dso-icon", { key: 'f54e47abce42e91a09a100db222b322f356cfd00', icon: this.icon }))), !this.icon && h("slot", { key: '30605023ea6aa53cbc134d1df9e5c6a520b5a9c0', name: "label" })), h(Tooltip, { key: 'bb839f1f17db5a62ddbe12329751f7fb507f886c', id: "toggletip-tooltip", tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, h("dso-scrollable", { key: 'e4e9c9417a2e15cc6a957ea8e7bde6d9bb943d70', ref: (element) => (this.restrictContentElement = element), id: "toggletip-content", "aria-live": "polite" }, h("slot", { key: 'f851928052cf23883745e312962fd6904cec1650' })))));
+        return (h(Fragment, { key: '59d04efa0ad6b83b290ceec9de576ca627488124' }, h("span", { key: 'c04b6ce659083c46433942635f499fb28ac811c6', "aria-describedby": this.active ? "toggletip-tooltip" : undefined, "aria-expanded": this.active.toString(), class: "toggletip-button", role: "button", tabIndex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, this.icon && (h(Fragment, { key: 'a3a0f425a1e3bd933d3b973df20af3fd789506c8' }, h("span", { key: 'db930a1551e34f4ca5ddc34788f5619f17d91032', class: "toggletip-label" }, h("slot", { key: '9d19dd4d124f05846f21b11e8baf7d7d2081582c', name: "label" })), "\u2060", h("dso-icon", { key: '7e7d531ad51d83dce720f728a75add7305c83eab', icon: this.icon }))), !this.icon && h("slot", { key: 'a0cf3bcaede167071bbd432704e5ab34471086cb', name: "label" })), h(Tooltip, { key: '3f5011c804344f5a4d1e3af56150f6b5189325d7', id: "toggletip-tooltip", tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, h("dso-scrollable", { key: 'f441efe66ee8f6d6aebd33905b6505ce4713d29b', ref: (element) => (this.restrictContentElement = element), id: "toggletip-content", "aria-live": "polite" }, h("slot", { key: '90ade51ee933c7c4271ea91f58c3dea7543680a9' })))));
     }
     get host() { return getElement(this); }
 };
@@ -1498,7 +1498,7 @@ const Panel = class {
         this.text = i18n(() => this.host, translations);
     }
     render() {
-        return (h("div", { key: 'b61864e9ce71b57480e0f2216a17a11b378b6949', class: clsx(["dso-panel", { emphasized: this.emphasized }]) }, h("div", { key: 'fbea75d79e53a3ecd9d619970ac419f01b01ab34', class: "panel-heading" }, h("slot", { key: '0fbb52b16f347b055ca7e50da00aa0d92cada5bc', name: "heading" }), h("dso-icon-button", { key: 'da298308ba8e537c219e211c17405b8ccdb05086', icon: "cross", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), h("div", { key: '76d931a63cdb534b87407512c888929d95a3c4be', class: "panel-body" }, h("slot", { key: 'b8ac94b0791a2bdf080b15227613c61a045cc7fb' }))));
+        return (h("div", { key: 'd7977204dc9661c70b1ca295b90c8fde16470bdb', class: clsx(["dso-panel", { emphasized: this.emphasized }]) }, h("div", { key: 'ba176d64c7d442215da82fef1ae8845186f53ca8', class: "panel-heading" }, h("slot", { key: '283b076378eb8294076cd5e7e358747704f19a8f', name: "heading" }), h("dso-icon-button", { key: '5e8bb349d535ac78f507c9c14cbb08e25a3f9e54', icon: "cross", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), h("div", { key: '2b6a6b5f88607a5e7f84edc50cea87268c6cc468', class: "panel-body" }, h("slot", { key: 'b8ff03d9b801bc62c78e4a9abccc2a8fd87537a0' }))));
     }
     get host() { return getElement(this); }
 };
@@ -1561,7 +1561,7 @@ const Table = class {
     render() {
         const caption = this.host.querySelector(":scope > table > caption")?.textContent?.trim();
         const dialogLabel = caption || "Uitvergrote tabel";
-        return (h(Host, { key: '6fa5e06f68c476bc825322606e6a388d1d160996', "is-responsive": this.isResponsive?.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: '03fae800e502d80e0943cf0a5cbde8460231f785', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (h("dso-modal", { modalTitle: caption ? dialogLabel : undefined, closable: true, returnFocus: false, onDsoClose: () => this.closeModal() }, !caption && (h("span", { slot: "body", class: "sr-only" }, dialogLabel)), h("div", { slot: "body", class: "dso-table-body" }, h("slot", null)))) : (h(Fragment, null, h("div", { class: "dso-table-utilities", hidden: !this.isResponsive && this.noModal }, this.isResponsive && (h("div", { class: "dso-responsive-message" }, h("span", null, "beweeg de tabel van links naar rechts"))), !this.noModal && h("slot", { name: "open-modal-button" })), h("div", { class: "dso-table-body" }, h("slot", null))))));
+        return (h(Host, { key: 'd76a5956c072f15fc3154b585edce1114d5e8250', "is-responsive": this.isResponsive?.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: 'eb2079ad70db99de2dc1008b8a65a903a53a73e7', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (h("dso-modal", { modalTitle: caption ? dialogLabel : undefined, closable: true, returnFocus: false, onDsoClose: () => this.closeModal() }, !caption && (h("span", { slot: "body", class: "sr-only" }, dialogLabel)), h("div", { slot: "body", class: "dso-table-body" }, h("slot", null)))) : (h(Fragment, null, h("div", { class: "dso-table-utilities", hidden: !this.isResponsive && this.noModal }, this.isResponsive && (h("div", { class: "dso-responsive-message" }, h("span", null, "beweeg de tabel van links naar rechts"))), !this.noModal && h("slot", { name: "open-modal-button" })), h("div", { class: "dso-table-body" }, h("slot", null))))));
     }
     openModal() {
         this.placeholderHeight = this.host.clientHeight;

package/dist/esm/dso-annotation-activiteit.entry.js

@@ -19,7 +19,7 @@ const AnnotationActiviteit = class {
     }
     render() {
         const hasSymbool = this.watcher.hasSymbool();
-        return (h(AnnotationBody, { key: 'cde93e07a1cf06bd9d2b15f5c87811c296a53840', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h("dso-renvooi", { value: this.naam }), data: h(Fragment, null, h("span", { class: "content" }, this.regelKwalificatie && (h(Fragment, null, h("dso-renvooi", { value: this.regelKwalificatie }), " ")), this.regelKwalificatieVoorzetsel && `${this.regelKwalificatieVoorzetsel}: `, h(AnnotationListRenvooiValues, { values: this.locatieNoemers })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
+        return (h(AnnotationBody, { key: 'aadf536c8cac09a876e043471149bc827591aec4', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h("dso-renvooi", { value: this.naam }), data: h(Fragment, null, h("span", { class: "content" }, this.regelKwalificatie && (h(Fragment, null, h("dso-renvooi", { value: this.regelKwalificatie }), " ")), this.regelKwalificatieVoorzetsel && `${this.regelKwalificatieVoorzetsel}: `, h(AnnotationListRenvooiValues, { values: this.locatieNoemers })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-annotation-gebiedsaanwijzing.entry.js

@@ -18,7 +18,7 @@ const AnnotationGebiedsaanwijzing = class {
     }
     render() {
         const hasSymbool = this.watcher.hasSymbool();
-        return (h(AnnotationBody, { key: '0a5fe0794d13ed00c7baba1693cca9126cbafcae', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("span", { class: "content" }, h("dso-renvooi", { value: this.naam })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
+        return (h(AnnotationBody, { key: '00e27fbe56da61452aee7050c7076327e202aa41', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("span", { class: "content" }, h("dso-renvooi", { value: this.naam })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
     }
     get host() { return getElement(this); }
 };

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

@@ -21,7 +21,7 @@ const AnnotationKaart = class {
     }
     render() {
         const title = this.href ? (h("a", { class: "content", href: this.href, onClick: this.clickHandler }, h("dso-renvooi", { value: this.naam }))) : (h("span", { class: "content" }, h("dso-renvooi", { value: this.naam })));
-        return h(AnnotationBody, { key: '349c408c97cd8caed828ce6756309eedcfba8b09', symbol: h("dso-icon", { icon: "land" }), title: title });
+        return h(AnnotationBody, { key: 'c3265fe1b33e609370560705d705c7d26b28252f', symbol: h("dso-icon", { icon: "land" }), title: title });
     }
 };
 AnnotationKaart.style = annotationCss();

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

@@ -20,7 +20,7 @@ const AnnotationLocatie = class {
     }
     render() {
         const hasSymbool = this.watcher.hasSymbool();
-        return (h(AnnotationBody, { key: '2a575e3b6a080759b4fc29a90b2e8f4f88466504', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("span", { class: "content" }, h("dso-renvooi", { value: this.locatieNoemer })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
+        return (h(AnnotationBody, { key: '2b422f0518dcf047a46cccdd2772d14beed5d484', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("span", { class: "content" }, h("dso-renvooi", { value: this.locatieNoemer })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
     }
     get host() { return getElement(this); }
 };
@@ -251,17 +251,17 @@ const DocumentComponent = class {
             this.alternativeTitle ||
             this.label ||
             this.annotated);
-        return (h(Host, { key: 'f8988dc23744ac52a41583fcdcba34b4a8a676b8', "not-collapsible": !collapsible }, showHeading && (h("div", { key: 'ba2f55b584cc1104770e654fcbabdee87d707ce7', class: "heading-container", part: "_heading-container" }, this.wijzigactie && h("span", { key: 'd84dd54d504f7772adca92455925529ba9e99488', class: "editaction-label" }, this.wijzigactieLabel, ":"), h("div", { key: '296ae8cb10db9e0482375fa361096df2f7fbbdcf', class: "heading" }, h(Heading, { key: 'e7240a4f5da77b667b3c838aecee3c50a70c0886', headingLevel: this.headingLevel, class: "heading-element", onClick: this.alternativeTitle ? this.handleHeadingClick : undefined, mode: this.mode, href: this.href }, collapsible && this.mode === "document" && (h("dso-icon-button", { key: 'c835dab68028116f2679c1a6c4a9476b535471fd', label: this.open ? "Invouwen" : "Uitvouwen", class: "toggle-button", expanded: this.open, icon: this.open ? "chevron-down" : "chevron-right", variant: "tertiary", onDsoClick: (e) => this.handleHeadingClick(e.detail.originalEvent) })), h("div", { key: '48280777989cc704dd59c1637695cf49d276b5fd' }, this.notApplicable && h("span", { key: '39f8d041ae3a558b4283ab9ee915f17d2388ad9a', class: "sr-only" }, "Niet van toepassing:"), this._kop ? (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 })) : (h("span", { class: "alternative-title" }, (!this.mark && this.alternativeTitle) ||
-            (this.mark && this.alternativeTitle && (h(MarkText, { mark: this.mark && ((text) => this.mark?.(text, "alternativeTitle")), text: this.alternativeTitle, emitMarkItemHighlight: (text, elementRef) => this.dsoMarkItemHighlight.emit({ text, elementRef, source: "alternativeTitle" }) }))))), h(AantekenStatus, { key: 'a95d529b1948a25b64f71fac2b17d29ab593a0cb', gereserveerd: this._gereserveerd, vervallen: this._vervallen }))), this.recursiveToggle !== undefined && this.open && this.mode === "document" && (h("dso-icon-button", { key: '489cc7c39def4edabe9e1dd3414857feca3167b9', label: this.recursiveToggle === true ? "Verberg onderliggende artikelen" : "Toon onderliggende artikelen", class: "recursive-toggle", expanded: this.recursiveToggle === true, icon: this.recursiveToggle === true ? "eye" : "eye-slash", variant: "tertiary", onDsoClick: (e) => this.handleRecursiveToggleClick(e.detail.originalEvent) })), this.showBadge() && (h(Fragment, { key: 'cdb81b0cc410d703c8c9e21621f8c0bf5d97a276' }, h("dso-badge", { key: '8b6fd2528543889faaecf8f937fa0ac6cadc80ec', status: this.badgeStatus, label: this.badgeTooltip ? "Toon toelichting" : undefined }, this.badge, this.badgeTooltip && h("div", { key: '4967e1b13815576b5e166da3d6cbc06e3f22e2ba', slot: "toggletip" }, this.badgeTooltip)))), (this.label || this.annotated) && (h("div", { key: '276f44c01f6ec492c866bb0aeba72ee186cb447d', class: "addons" }, this.label && (h("dso-label", { key: '3ddfcfc595536cfea798c26413c13b51d82a3e2c', status: this.labelStatus, compact: true }, this.label)), this.annotated && this.mode === "document" && (h("dso-icon-button", { key: '9573e100ba6b4cad8be15b7b2a2e9aa817369793', label: `Kenmerken en kaartgegevens ${this.openAnnotation ? "verbergen" : "tonen"}`, icon: "label", expanded: this.openAnnotation, variant: "tertiary", onDsoClick: (e) => this.dsoAnnotationToggle.emit({
+        return (h(Host, { key: 'c74a84045f6e688023186db329f7f85908ed5337', "not-collapsible": !collapsible }, showHeading && (h("div", { key: 'c5e5b4d6dfe4d7f5b2b6a40bb94d372a86cafc7e', class: "heading-container", part: "_heading-container" }, this.wijzigactie && h("span", { key: '2751e0291207d66ac2663fa432622403de404df8', class: "editaction-label" }, this.wijzigactieLabel, ":"), h("div", { key: 'b075d0c3dbc74583b2f683111d5387c98570753f', class: "heading" }, h(Heading, { key: '4c0ba463f7664a9535c134371d497b6f1bc0e539', headingLevel: this.headingLevel, class: "heading-element", onClick: this.alternativeTitle ? this.handleHeadingClick : undefined, mode: this.mode, href: this.href }, collapsible && this.mode === "document" && (h("dso-icon-button", { key: 'd37b02c768d8ec1085d53bc5f9f604856866d8eb', label: this.open ? "Invouwen" : "Uitvouwen", class: "toggle-button", expanded: this.open, icon: this.open ? "chevron-down" : "chevron-right", variant: "tertiary", onDsoClick: (e) => this.handleHeadingClick(e.detail.originalEvent) })), h("div", { key: 'ba2d6b807b8bc43235035eab657c0a26b06da363' }, this.notApplicable && h("span", { key: 'de5b749698a44e943c56dffd6d175681ac889865', class: "sr-only" }, "Niet van toepassing:"), this._kop ? (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 })) : (h("span", { class: "alternative-title" }, (!this.mark && this.alternativeTitle) ||
+            (this.mark && this.alternativeTitle && (h(MarkText, { mark: this.mark && ((text) => this.mark?.(text, "alternativeTitle")), text: this.alternativeTitle, emitMarkItemHighlight: (text, elementRef) => this.dsoMarkItemHighlight.emit({ text, elementRef, source: "alternativeTitle" }) }))))), h(AantekenStatus, { key: '76adf889f8acd26ad184d806360ab807e69ec001', gereserveerd: this._gereserveerd, vervallen: this._vervallen }))), this.recursiveToggle !== undefined && this.open && this.mode === "document" && (h("dso-icon-button", { key: 'feb5ac412852a2bfdf59dbed39fff1d62df98937', label: this.recursiveToggle === true ? "Verberg onderliggende artikelen" : "Toon onderliggende artikelen", class: "recursive-toggle", expanded: this.recursiveToggle === true, icon: this.recursiveToggle === true ? "eye" : "eye-slash", variant: "tertiary", onDsoClick: (e) => this.handleRecursiveToggleClick(e.detail.originalEvent) })), this.showBadge() && (h(Fragment, { key: 'a201c92da43f58fd7bd29875e2123ba2dfef781e' }, h("dso-badge", { key: '2439d9a46f990eec2b27a3de814dbd3bf8e11ee6', status: this.badgeStatus, label: this.badgeTooltip ? "Toon toelichting" : undefined }, this.badge, this.badgeTooltip && h("div", { key: 'dc26e0a49fd31dda18231c9af2b4dd38df96b3ba', slot: "toggletip" }, this.badgeTooltip)))), (this.label || this.annotated) && (h("div", { key: '6b13b7d11f02d693984bc75737d7ba2fe164bf6e', class: "addons" }, this.label && (h("dso-label", { key: 'e52f5e67f1f24f4751e29a877fbb75cd8161ee96', status: this.labelStatus, compact: true }, this.label)), this.annotated && this.mode === "document" && (h("dso-icon-button", { key: '2f867c2f71562c9ab35df1a449a691c8d0f42c95', label: `Kenmerken en kaartgegevens ${this.openAnnotation ? "verbergen" : "tonen"}`, icon: "label", expanded: this.openAnnotation, variant: "tertiary", onDsoClick: (e) => this.dsoAnnotationToggle.emit({
                 current: this.openAnnotation,
                 next: !this.openAnnotation,
                 scrollRef: this.host,
                 originalEvent: e.detail.originalEvent,
-            }) }))))))), this.openAnnotation && (h("div", { key: 'dd3eb5839739a04c8c716c51927d7a7c8a8606bf', class: "annotation-container", part: "_annotation-container", role: "dialog", "aria-labelledby": "annotations-heading" }, h("dso-panel", { key: '6c4d109c892ea8b8f095105667fc2fe4a55ea506', id: "annotations", onDsoCloseClick: (e) => this.dsoAnnotationToggle.emit({
+            }) }))))))), this.openAnnotation && (h("div", { key: 'b19aa75cba74c6b96f7635eee3508878148e208c', class: "annotation-container", part: "_annotation-container", role: "dialog", "aria-labelledby": "annotations-heading" }, h("dso-panel", { key: '5c8b46cf506799cb8a9747a3d1df2e61af8683cb', id: "annotations", onDsoCloseClick: (e) => this.dsoAnnotationToggle.emit({
                 current: true,
                 next: false,
                 originalEvent: e,
-            }), closeButtonLabel: "Kenmerken en kaartgegevens verbergen" }, h("h2", { key: 'd173f5957242b8180fd67f07e5a0f2f71e68ca8e', id: "annotations-heading", slot: "heading" }, "Kenmerken en kaart"), h("slot", { key: 'f17a9b19fd23c5dcb5e914792011c3bcc336da86', name: "annotations" })))), this.open && (this._inhoud || this._gereserveerd || this._vervallen) && this.mode === "document" && (h("div", { key: 'e03b6b7d2db9e8cbc13f9105ab9aa3e2af8a5793', class: "content", part: "_content" }, h(AantekenAlert, { key: '1516df95cd7ffb3795cc71bff9a866892b47501b', gereserveerd: this._gereserveerd, vervallen: this._vervallen }), this._inhoud && (h("dso-ozon-content", { key: 'fee5f88d382231c11aff522eff75b82df5ee6afe', 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 })))), h("div", { key: '8888df264cefd314382d48505ff8641c20c5cc86', class: "children-container", part: "_children-container" }, h("slot", { key: '56e85d5200913609e0a03c929a2d889c75ae2d7e' }))));
+            }), closeButtonLabel: "Kenmerken en kaartgegevens verbergen" }, h("h2", { key: '90d86723aec2d1588dd41ed118e2b84488116883', id: "annotations-heading", slot: "heading" }, "Kenmerken en kaart"), h("slot", { key: '45ab22a8f8fb703eb39a44146d044d18f7187686', name: "annotations" })))), this.open && (this._inhoud || this._gereserveerd || this._vervallen) && this.mode === "document" && (h("div", { key: '045d1dd6092c5cee9fe13668e4c4031032a57c7b', class: "content", part: "_content" }, h(AantekenAlert, { key: '54cb2c48c4e385fb2c180fa31a014072915d760c', gereserveerd: this._gereserveerd, vervallen: this._vervallen }), this._inhoud && (h("dso-ozon-content", { key: '824d8b870385dbe01425e8375f93911319009008', 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 })))), h("div", { key: 'dafe7da4d891288415a2ea5ecb709815ae429fae', class: "children-container", part: "_children-container" }, h("slot", { key: '664a07567698153090777d81c6ff27ddce32317b' }))));
     }
     get host() { return getElement(this); }
 };

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

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

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

@@ -8,7 +8,7 @@ const AttachmentsCounter = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("span", { key: '7079d231283b1ad6c35abd047634f1fa8e09db67', class: "dso-attachments" }, this.count, " ", h("span", { key: 'a314a30c727b39d9e78e1fe4a8c2c4e4074f1e0c', class: "sr-only" }, "bijlage", this.count !== 1 ? "n" : ""), h("dso-icon", { key: 'e7c9a185a6c5fb8e6bc013231d8638c9ca884071', icon: "paperclip" })));
+        return (h("span", { key: 'b7b1425fdec7a04d7d3d8033e1dab4a6558dd243', class: "dso-attachments" }, this.count, " ", h("span", { key: '49cc2044e4d15a2c95fb5964dfa0e7e2ab9742e7', class: "sr-only" }, "bijlage", this.count !== 1 ? "n" : ""), h("dso-icon", { key: 'ca45d55df1238a8270e9473cf2f85b9a724a260f', icon: "paperclip" })));
     }
 };
 AttachmentsCounter.style = attachmentsCounterCss();
@@ -54,10 +54,10 @@ const Expandable = class {
         }
     }
     render() {
-        return (h(Host, { key: '9dc33dcdcf4c14039e36ff8faaaa7d9fa882b754', "aria-hidden": this.open ? "false" : "true", class: clsx({
+        return (h(Host, { key: '27aa43cd7a129ede2ac42e1f36957be51497bb80', "aria-hidden": this.open ? "false" : "true", class: clsx({
                 "dso-animate-ready": this.enableAnimation,
                 "dso-hide": this.isClosed,
-            }) }, h("div", { key: 'e52a32ab8bbec7bae7216b321747893b521d452b', class: "slot-container" }, h("slot", { key: '8a256f561b8136e2d584bb267dd83948d9810614' }))));
+            }) }, h("div", { key: 'b9e104e23b5eeceebd860c607cb9c68dc1506184', class: "slot-container" }, h("slot", { key: 'd623667f451248271ebf78ee7896a51936e4c0cd' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -535,7 +535,7 @@ const Autosuggest = class {
         else if (this.input) {
             this.input.removeAttribute("aria-controls");
         }
-        return (h(Fragment, null, h("slot", { key: 'd651ae25378e28ef0b769619b6c573c1590b42e7' }), this.loading && this.showLoading ? (h("div", { class: "autosuggest-progress-box" }, h("dso-progress-indicator", { label: this.loadingLabel }))) : (showListbox && (h(Fragment, null, h("dso-scrollable", { class: "listbox-container", ref: (element) => (this.listboxContainer = element), _preventFocus: true }, h("div", { class: "listbox", role: "listbox", id: this.listboxId, "aria-labelledby": this.labelId, ref: (element) => (this.listbox = element) }, (flat &&
+        return (h(Fragment, null, h("slot", { key: 'e61b6aaa76d0051d0db1bf3a526d81be6a34bc4e' }), this.loading && this.showLoading ? (h("div", { class: "autosuggest-progress-box" }, h("dso-progress-indicator", { label: this.loadingLabel }))) : (showListbox && (h(Fragment, null, h("dso-scrollable", { class: "listbox-container", ref: (element) => (this.listboxContainer = element), _preventFocus: true }, h("div", { class: "listbox", role: "listbox", id: this.listboxId, "aria-labelledby": this.labelId, ref: (element) => (this.listbox = element) }, (flat &&
             this.showSuggestions &&
             this.suggestions &&
             this.suggestions.map((suggestion) => (h(Option, { id: this.listboxItemId(suggestion), mouseEnter: () => this.selectSuggestion(suggestion), mouseLeave: () => this.resetSelectedSuggestion(), click: this.onOptionClick, selected: (suggestion === this.selectedSuggestion).toString(), suggestion: suggestion, ref: (element) => element && this.listboxItems.push(element), markedSuggestion: this.getMarkedSuggestions(suggestion) })))) ||
@@ -547,7 +547,7 @@ const Autosuggest = class {
                     return (h("div", { role: "group", class: "group", "aria-labelledby": groupLabelId }, h("div", { class: "group-label", role: "presentation", id: groupLabelId, ref: (element) => element && this.listboxItems.push(element) }, suggestionGroup.groupLabel), suggestionGroup.suggestions.map((suggestion) => (h(Option, { id: this.listboxGroupedItemId(suggestionGroup, suggestion), mouseEnter: () => this.selectSuggestion(suggestion, suggestionGroup), mouseLeave: () => this.resetSelectedSuggestion(), click: this.onOptionClick, selected: (suggestion === this.selectedSuggestion).toString(), suggestion: suggestion, ref: (element) => element && this.listboxItems.push(element), markedSuggestion: this.getMarkedSuggestions(suggestion) })))));
                 })) ||
             (this.notFound && (h("div", { class: "option" }, h("span", { class: "value" }, this.notFoundLabel ||
-                this.showInputValueNotFound(this.text("notFound", { inputValue: this.inputValue }))))))))))), h("div", { key: 'fa05c598856b0def62eb94f7c7e6cbfa68ddf324', class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }, showListbox || (this.loading && this.showLoading) ? this.getAutosuggestStatus() : undefined)));
+                this.showInputValueNotFound(this.text("notFound", { inputValue: this.inputValue }))))))))))), h("div", { key: '8bc3ef5d5fe0cdf375c0d200f383f34340795553', class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }, showListbox || (this.loading && this.showLoading) ? this.getAutosuggestStatus() : undefined)));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -24,9 +24,9 @@ const Banner = class {
         };
     }
     render() {
-        return (h("section", { key: '8fadd7b1cb84bef4b0a9a5c4e456267986dec74e', class: clsx("dso-banner", `alert-${this.status}`, {
+        return (h("section", { key: '106ac9196066d1ff5def3b53f0c5e044da597eae', class: clsx("dso-banner", `alert-${this.status}`, {
                 "dso-compact": this.compact,
-            }), role: "alert" }, h("div", { key: '6e4dd57d2e822e485460ebd1ec024b178bde1e8a', class: clsx("banner-inner", { icon: this.icon }) }, (this.icon || !this.compact) && h("dso-icon", { key: 'd0dae7ceffa21d33d12048b770ca2d4f21a45e79', icon: this.statusIcons[this.status] }), h("slot", { key: '4ba8d8d9e15b9fec8fd08b036dcfe1c7c885fd31' }))));
+            }), role: "alert" }, h("div", { key: '46dddb7338aafddb2ef131a151f44ebd48171188', class: clsx("banner-inner", { icon: this.icon }) }, (this.icon || !this.compact) && h("dso-icon", { key: 'b9d7a93ef95ed532be66b859ec75ee5321233ace', icon: this.statusIcons[this.status] }), h("slot", { key: '09d91905bcc8bdfb1e29bfad8722a15667a72667' }))));
     }
 };
 Banner.style = bannerCss();

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

@@ -31,7 +31,7 @@ const ButtonGroup = class {
         return hasMapIconButton || hasMapClass;
     }
     render() {
-        return (h("div", { key: '4c1665e30ec5481f665606d80e7c74bf374aa5aa', class: clsx("container", { "has-map-buttons": this.hasMapButton }), role: "group" }, h("slot", { key: '9f65cbb7e46e5c9487350d2980842750fc0d6e09' })));
+        return (h("div", { key: 'c14ecdbcac58f6e145a9de21d300d365790fa986', class: clsx("container", { "has-map-buttons": this.hasMapButton }), role: "group" }, h("slot", { key: 'e8fa15a41bfe8cd3c2e13aab3e0aab0b629a0c08' })));
     }
     get host() { return getElement(this); }
 };

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

@@ -11,7 +11,7 @@ const CardContainer = class {
         this.mode = "list";
     }
     render() {
-        return (h(Fragment, null, this.mode === "list" && (h("ul", { key: '261c4521679c10fe8d25211206c8533b9772e621', class: "dso-card-list" }, h("slot", { key: 'b6ff9fe3ada243434d8c94c8fd009062ba411de1' }))), this.mode === "grid" && (h("div", { key: '696d674ff3bb7228b261e4cbf22d83a6b1dd660b', class: "dso-card-grid" }, h("slot", { key: 'b3ee8d37789427a1a90b70c281764398315482d7' })))));
+        return (h(Fragment, null, this.mode === "list" && (h("ul", { key: 'f8989755883a9c9c965a88756a6469684ca18cbc', class: "dso-card-list" }, h("slot", { key: '0c51362a275089916ae2ba11da1d850296869ff2' }))), this.mode === "grid" && (h("div", { key: '7f17c3ba5ef29157b52355b3a6f59418bbafc29f', class: "dso-card-grid" }, h("slot", { key: '3a94cef7389c8dfdf2761a858c1405ed2df10258' })))));
     }
 };
 CardContainer.style = cardContainerCss();

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

@@ -30,8 +30,8 @@ const Card = class {
     }
     render() {
         const isSelectable = this.selectableSlottedElement !== null;
-        return (h(Host, { key: 'af11f19afbdf5c690974495992cf86ccf62ae734', "is-selectable": isSelectable }, h("div", { key: '2f125ec9d9b5a69fd7cdc4fb01ea4e00cec96ad2', class: "dso-card-container" }, h("div", { key: 'eab8702f667cb0843dadfa38f2d6cb71dfb7bba7', class: "dso-card-selectable", hidden: !isSelectable }, h("slot", { key: '417eefbcbe18d47863e7d1b19be0adf9b0571e8b', name: "selectable" })), h("div", { key: 'd64d73ebb8167eb572ce3f5e3da23826b93fcd67', class: "dso-card-heading" }, (this.mode === "extern" && (h("a", { key: '0ae5c4a841f6dba0fb8c3fc60a831862b9945356', href: this.href, class: "heading-anchor", target: "_blank", rel: "noopener noreferrer", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'ef75fd392f3d16a2fb0b6873c5b2578096ac3a27', name: "heading" }), h("dso-icon", { key: 'f953d9c38873aebb19f16084134c214562a46ae0', icon: "external-link" }), h("span", { key: '1cd61878dcf755959690f2acf1a45ac3924abbf3', class: "sr-only" }, "(Opent andere website in nieuw tabblad)")))) ||
-            (this.mode === "download" && (h("a", { key: 'd812c16e45b5268f84d55ad6b03552ec851422e1', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '3d7e2e421bf95b955977d73361dad5e5d9632f93', name: "heading" }), h("dso-icon", { key: '915c00ebb300e2e23211b46dfa298ed2bdda15bc', icon: "download" })))) || (h("a", { key: '2261b31aece339c492f1c0eb6121a2fa2b25db8d', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '62d7f13fe2e9049dfea479b9d50409f80c9fbb2c', name: "heading" }), h("dso-icon", { key: 'c229b6343a9aea2627bec89d1d028a792de86c37', icon: "chevron-right" }))), this.interactionsSlottedElement !== null && h("slot", { key: '41e52361073ea58b80283d791c2457b774c468f5', name: "interactions" })), h("div", { key: 'ec8aa4d8ffc9f28b27f2e049485700d66999a21b', class: "dso-card-content" }, h("slot", { key: '182b5bf19a63c16a4519eac84f9b941e0a81e472', name: "content" })))));
+        return (h(Host, { key: '239305b16722e3ef5d1df2f5a34dc1c8bd6fa941', "is-selectable": isSelectable }, h("div", { key: 'dda09722c769d5a20efb3de4c7d03ef4e676c051', class: "dso-card-container" }, h("div", { key: 'ae42d84176d062922bdaebce517d984f36d3410c', class: "dso-card-selectable", hidden: !isSelectable }, h("slot", { key: '4734836c7971885e8ae84fb919a5aceaa9713f1c', name: "selectable" })), h("div", { key: '67035bf8eeb78bdf5ec00d5d5e63aaeb36600971', class: "dso-card-heading" }, (this.mode === "extern" && (h("a", { key: '52ec88ae6644d176b676b38f3b5a3b8a4f18d8fb', href: this.href, class: "heading-anchor", target: "_blank", rel: "noopener noreferrer", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'b0a930073a356cc0a85e99a738f8d37aafbe490e', name: "heading" }), h("dso-icon", { key: '03f039eddd70c41ddb8d95cf133c0917a9073503', icon: "external-link" }), h("span", { key: '63f6fb7bc9ecf562015ae04825f43a8f5885c946', class: "sr-only" }, "(Opent andere website in nieuw tabblad)")))) ||
+            (this.mode === "download" && (h("a", { key: 'ca38710b591fad28865552b9603dd1e90254535d', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '2e85110d0435a74373bcc8c46d2b88e21757e9d4', name: "heading" }), h("dso-icon", { key: '05101c81b6645297f6fe3b37312bc95f6d05c8bf', icon: "download" })))) || (h("a", { key: '6a02cb73fd4cff8d17bdad494fe047a13c93ba85', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'e5631df37f950eefad86d94040b7f0fc0ae720b8', name: "heading" }), h("dso-icon", { key: '05ba6344294489c0c9299490d126906920d173f9', icon: "chevron-right" }))), this.interactionsSlottedElement !== null && h("slot", { key: '7e92b0ace856f9bcc586040cdd2b1c3eea8ca388', name: "interactions" })), h("div", { key: 'c994ab7a513a7cee91b1f4b236328224c465831f', class: "dso-card-content" }, h("slot", { key: 'ba532ccd9ccaa53dccacb6b5cd392bb042d20fcb', name: "content" })))));
     }
     get host() { return getElement(this); }
 };

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

@@ -7,7 +7,7 @@ const ContactInformation = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '375dbed73d8f02ad62b5b84aecc05e26ff46d8cc', class: "dso-contact-information" }, h("slot", { key: '847f95d644ef15186aaab9daf486cc71eda87c41', name: "heading" }), h("slot", { key: 'c7a73ccd61825a610478115cfec9b50ef192bcba', name: "anchor-items" }), h("slot", { key: 'ab039fea18a91acdb778ed9e6cdfc4cbf545d623', name: "info-items" })));
+        return (h("div", { key: '0745ce0fe81c6087b6d42904bf45865d12e42a88', class: "dso-contact-information" }, h("slot", { key: 'a97cd70246f1ee43c6b2f8f2e73b90719765fdc3', name: "heading" }), h("slot", { key: 'bebe2ba23a7a36685196e90028c1bf9dd97970a3', name: "anchor-items" }), h("slot", { key: '20f3eca7864ca85d136588ab7b237611e068acb3', name: "info-items" })));
     }
 };
 ContactInformation.style = contactInformationCss();

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

@@ -7,7 +7,7 @@ const CursorTooltip = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '2ed4e32448fad331ea79904f4a067f6c06d973e1', class: "dso-cursor-tooltip" }, h("slot", { key: '8216cea26f3e02e5dbe15272558faf3110f02b17' })));
+        return (h(Host, { key: '347627ca492963e1ab8a2e8cb74d75d757d524aa', class: "dso-cursor-tooltip" }, h("slot", { key: '6e7fd839fcf3f7ac9dd608598de54f4f4cb3ae06' })));
     }
 };
 CursorTooltip.style = cursorTooltipCss();

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

@@ -146,7 +146,7 @@ const DsoDatePicker = class {
         return undefined;
     }
     render() {
-        return (h("input", { key: 'f41dd14bff4e5634076e2c032df824f0ca9f7f83', 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 (h("input", { key: '181c385766ca51b1e53cc0d086bb9283c45446a6', 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 getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, d as createEvent, f as forceUpdate, h, g as getElement } from './index-CieBNbUH.js';
 import { i as isModifiedEvent } from './is-modified-event-Hgv-pDpy.js';
 
-const documentCardCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-document-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-document-card-container .dso-document-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-document-card-container .dso-document-card-heading{flex-wrap:wrap}}.dso-document-card-container:has(.dso-document-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}:host([active]:not([active=false])) .dso-document-card-container{background-color:#e5e5e5}::slotted([slot=heading]){display:inline !important;color:#275937 !important;font-size:1.125em !important;font-weight:700 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}.heading-anchor{color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.heading-anchor .icon-container{position:relative;padding-inline-end:24px}.heading-anchor .icon-container dso-icon{position:absolute;inset-inline-end:0;inset-block-end:-3px;block-size:24px;inline-size:24px}::slotted([slot=type]){--_dso-info-button-margin-inline-start:0;display:flex !important;gap:8px !important}.dso-document-card-heading+.dso-document-card-type,.dso-document-card-heading+.dso-document-card-status,.dso-document-card-type+.dso-document-card-status{margin-block-start:8px}::slotted([slot=meta]){margin-inline-end:8px}::slotted([slot=status]){margin-inline-end:8px}`;
+const documentCardCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-document-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-document-card-container .dso-document-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-document-card-container .dso-document-card-heading{flex-wrap:wrap}}.dso-document-card-container:has(.dso-document-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}:host([active]:not([active=false])) .dso-document-card-container{background-color:#e5e5e5}::slotted([slot=heading]){display:inline !important;color:#275937 !important;font-size:1.125em !important;font-weight:700 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}.heading-anchor{color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.heading-anchor .icon-container{position:relative;padding-inline-end:24px}.heading-anchor .icon-container dso-icon{position:absolute;inset-inline-end:0;inset-block-end:-3px;block-size:24px;inline-size:24px}::slotted([slot=type]){--_dso-info-button-margin-inline-start:0;display:flex !important;gap:8px !important}.dso-document-card-heading+.dso-document-card-type,.dso-document-card-heading+.dso-document-card-status,.dso-document-card-type+.dso-document-card-status,.dso-document-card-status+.dso-document-card-labels{margin-block-start:8px}::slotted([slot=meta]){margin-inline-end:8px}::slotted([slot=status]){margin-inline-end:8px}::slotted([slot=labels]){margin-block-end:0 !important}`;
 
 const DocumentCard = class {
     constructor(hostRef) {
@@ -28,8 +28,11 @@ const DocumentCard = class {
     get interactionsSlottedElement() {
         return this.host.querySelector("[slot='interactions']");
     }
+    get labelsSlottedElement() {
+        return this.host.querySelector("[slot='labels']");
+    }
     render() {
-        return (h("div", { key: '4046f10a2e45993afefe33ab3f92c14d6b6963d6', class: "dso-document-card-container" }, h("div", { key: '0d72ed7262faf99184904eed86301cfacd77d09b', class: "dso-document-card-heading" }, h("a", { key: '1edb52c2ad08a63bdf2d786ed36a33f6477c434c', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { key: '2b7ea520003646ef4d0f93f022f6a9ccc355a67d', class: "icon-container" }, h("dso-icon", { key: '3bea6d5d33dbcfd143d58a8e3b1777cc10876944', icon: "chevron-right" }), h("slot", { key: 'cee11afecd7ade47d47bde74d37587decebabc49', name: "heading" })))), h("div", { key: '4d82525ec2c83fe9a72b785b6ce458a37d4fe915', class: "dso-document-card-type" }, h("slot", { key: '69ebf7af4c44cf5afe03074fcf8639a903fb3f36', name: "type" })), h("div", { key: '7eea440b8780cf2a541c74f5f644358a8c8b7961', class: "dso-document-card-status" }, this.metaSlottedElement !== null && h("slot", { key: '0370eeeb1dc83e5120e77e996f524d60b28afc40', name: "meta" }), h("slot", { key: '0750731813a2890b40cbbb02d474452e14d80eb2', name: "status" }), this.interactionsSlottedElement !== null && h("slot", { key: '8e8256e3895a7c90f807430f3b84c603355d0950', name: "interactions" }))));
+        return (h("div", { key: 'e6674c35c42f2a3cc8f676629a286b86cb1f3a74', class: "dso-document-card-container" }, h("div", { key: '9b7ad2d6f3322730273d58da4a6b9ae0def142e5', class: "dso-document-card-heading" }, h("a", { key: '9feab84beb061e0319bcbb1de7189941453936e0', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { key: 'cce85a9f8123be2cd56201fe7075c8a97e1c79ff', class: "icon-container" }, h("dso-icon", { key: 'b40a8c6b18f89faf65af0a0b948790d508dbb880', icon: "chevron-right" }), h("slot", { key: '85c2d009d0186509269d48aa09d2ca91d9bb7565', name: "heading" })))), h("div", { key: 'de7658904c9a7edccbd36929d6dde671e9e3ceb0', class: "dso-document-card-type" }, h("slot", { key: '3db3fde661962548bdb17e61261abd2ee2f396e0', name: "type" })), h("div", { key: 'ef8420e2f8a1aad65a91928b8e32acbbbe10b1f4', class: "dso-document-card-status" }, this.metaSlottedElement !== null && h("slot", { key: 'e76b3d46409a8802b55ba62e55c56a12e6de528a', name: "meta" }), h("slot", { key: '27557527b596bca2227289345975e0ab2c54a496', name: "status" }), this.interactionsSlottedElement !== null && h("slot", { key: 'a89235cb3ef76a3aa49f3d575d9016cdcc02e74a', name: "interactions" })), this.labelsSlottedElement !== null && (h("div", { key: '2b49e7e3ef6bd4c2e1adab954c470e9e958a6d66', class: "dso-document-card-labels" }, h("slot", { key: '3ea9405369563511d852abc07d41a673f2ae3a70', name: "labels" })))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-dropdown-menu-group.entry.js

@@ -20,7 +20,7 @@ const DropdownMenuGroup = class {
     render() {
         const checkable = this.dropdownMenuState?.checkable;
         const labelId = this.label ? v4() : undefined;
-        return (h(Host, { key: 'f639886cfa9c18db2e9c3736a2e73f57ca25ec6d' }, h("div", { key: 'b1e4bfaa31fb2dc7d8de3ca5000bcfbd6a92a953', "aria-labelledby": labelId, role: "group" }, this.label && (h("div", { key: 'd6478020f5809b0de212b31a8dca44a08ee54844', id: labelId, class: clsx("group-label", { checkable }), role: "none" }, this.label)), h("slot", { key: '4d41b59001ef3446dcb5cce821be8301a147ea62' }))));
+        return (h(Host, { key: 'a47b9cc30b25077ebf8d87e42593b6471e459cd2' }, h("div", { key: '4731d76aabb0cacbe3a645b6f3b11a961d0a710f', "aria-labelledby": labelId, role: "group" }, this.label && (h("div", { key: '64f94ef64b5217e3b23aad96df535584ff7977d5', id: labelId, class: clsx("group-label", { checkable }), role: "none" }, this.label)), h("slot", { key: '94f81e77530b754a83ef748cb5ae6897fa764fb4' }))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-dropdown-menu-item.entry.js

@@ -30,7 +30,7 @@ const DropdownMenuItem = class {
     render() {
         const checkable = this.dropdownMenuState?.checkable;
         const checked = checkable ? Boolean(this.checked) : undefined;
-        return (h(Host, { key: 'a04191fcbe7dffcee56715f8951b2b277d3877f2' }, h("div", { key: '43716fef5348565bd4c1561d78daf0ae6cc70aba', role: "none", class: clsx([{ checkable, checked }]) }, this.type === "button" && (h("button", { key: 'b0b85b023be5f29172ab0467e2289f1a83aff5fd', type: "button", role: checkable ? "menuitemradio" : "menuitem", "aria-checked": checked?.toString(), onClick: this.handleClick, ref: (element) => (this.anchorOrButtonRef = element) }, checkable && checked && h("dso-icon", { key: '7cdd63f6e510af0a74aded1e682c41fafd7afde1', icon: "check" }), h("slot", { key: '241b0076fc3ef8e42f8a3a728a120ec71209dbd9' }))), this.type === "link" && this.href && (h("a", { key: '39ee287c71bc3a34e2f0b2893746211061f3dcaf', href: this.href, role: checkable ? "menuitemradio" : "menuitem", "aria-checked": checked?.toString(), onClick: this.handleClick, ref: (element) => (this.anchorOrButtonRef = element) }, checkable && checked && h("dso-icon", { key: '8e54196b57b148312c2c03e6d254b8bd47790abe', icon: "check" }), h("slot", { key: '5c72fedaaee7841043e4a0249acfe3edcf3eabbb' }))))));
+        return (h(Host, { key: '5a958be40201eb5abc39592736e65938b5c45de1' }, h("div", { key: 'aa535ff81401a9c12e123e913dd19374cd4713cc', role: "none", class: clsx([{ checkable, checked }]) }, this.type === "button" && (h("button", { key: '6ae9656516c19afd1e2c5c22c8678f93d2c41eff', type: "button", role: checkable ? "menuitemradio" : "menuitem", "aria-checked": checked?.toString(), onClick: this.handleClick, ref: (element) => (this.anchorOrButtonRef = element) }, checkable && checked && h("dso-icon", { key: '8ab417ad11caeb700a8b9650b1c24772e59cc8a3', icon: "check" }), h("slot", { key: '4e7ebcda5cd7ba3469976999bf1e50fd78bf6a9b' }))), this.type === "link" && this.href && (h("a", { key: '3ac7e35aa1db310ec3816e2814c3ab3e7b078701', href: this.href, role: checkable ? "menuitemradio" : "menuitem", "aria-checked": checked?.toString(), onClick: this.handleClick, ref: (element) => (this.anchorOrButtonRef = element) }, checkable && checked && h("dso-icon", { key: 'be9f20d4269a8dad7df6f8a843b91fb6da46e70d', icon: "check" }), h("slot", { key: 'a2396cb075a7f91a8d3a766e3509a34eac7f7367' }))))));
     }
     get host() { return getElement(this); }
 };

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

@@ -204,7 +204,7 @@ const DropdownMenu = class {
     }
     render() {
         const buttonId = v4();
-        return (h(Host, { key: '86c4a174ec1a4f8083f6e13728bef4d0fbf73d2b', onFocusout: this.focusOutListener, onKeyDown: this.keyDownHandler }, this.label && (h("button", { key: '6b93303a8ee2717870bc52147667485e9f56c0cb', id: buttonId, class: `dso-${this.variant}`, type: "button", onClick: () => this.toggleOptions(), "aria-expanded": this.open.toString(), "aria-haspopup": "menu", ref: (element) => (this.button = element) }, this.label, h("dso-icon", { key: '02d4af678a2de9e68c6c7983279e8a8af1b221d5', icon: this.open ? "chevron-up" : "chevron-down" }))), h("div", { key: '0653885c62d4e5f9e6567cd1a06ef1f60c31bd50', popover: "manual", class: "dso-dropdown-options", "aria-labelledby": buttonId, role: "menu", ref: (element) => (this.popoverElement = element) }, h("dso-scrollable", { key: '008a6527bce7398d5bf016431c90343011b62596' }, h("slot", { key: 'cbfdd95cd211485fc8672e9dff1f3bb3ed233d99' })))));
+        return (h(Host, { key: 'd6eecca58b117e847ed5e2d6c4749ccf1cf45ade', onFocusout: this.focusOutListener, onKeyDown: this.keyDownHandler }, this.label && (h("button", { key: '7bd4e3718dd56a7ed820fd7a0bff73299387bca0', id: buttonId, class: `dso-${this.variant}`, type: "button", onClick: () => this.toggleOptions(), "aria-expanded": this.open.toString(), "aria-haspopup": "menu", ref: (element) => (this.button = element) }, this.label, h("dso-icon", { key: 'f3db2d02fb532d0dce562de99447be5d2ba93111', icon: this.open ? "chevron-up" : "chevron-down" }))), h("div", { key: 'b599fc40124282b4afd1f78e346dd736717ece81', popover: "manual", class: "dso-dropdown-options", "aria-labelledby": buttonId, role: "menu", ref: (element) => (this.popoverElement = element) }, h("dso-scrollable", { key: 'ab2517807d8a940ce8d4fae40f9d657b416724dc' }, h("slot", { key: '746e632a7bf1e9e7d585dcf71660ef2944799db8' })))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-grid-column.entry.js

@@ -90,7 +90,7 @@ const GridColumn = class {
         this.resizeObserver = undefined;
     }
     render() {
-        return (h(Host, { key: '73c7d20be67a5e8930429f249d1bd56fe7edc0a1' }, this.overlayActive ? (h("dialog", { class: "grid-column-content", ref: (element) => (this.dialogElement = element), onClick: this.handleDialogClick, onCancel: this.handleDialogCancel, onClose: this.handleDialogClose }, h("slot", null))) : (h("div", { class: "grid-column-content" }, h("slot", null)))));
+        return (h(Host, { key: 'e02e6fcc5aa1c2e279c36cfab5bf661df6099c49' }, this.overlayActive ? (h("dialog", { class: "grid-column-content", ref: (element) => (this.dialogElement = element), onClick: this.handleDialogClick, onCancel: this.handleDialogCancel, onClose: this.handleDialogClose }, h("slot", null))) : (h("div", { class: "grid-column-content" }, h("slot", null)))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -300,7 +300,7 @@ const Header = class {
         }
     }
     render() {
-        return (h(Host, { key: '931dc1762425cf848f2cc1570a5b32334e7475b4', "is-compact": this.isCompact }, h("div", { key: '64ace8bce4093b7de3480da9ddf815a608cbcba0', class: "dso-header" }, h("div", { key: '48d423ba2cc9597823df24ddf5b17f4a68d7e551', class: "logo-container" }, h("slot", { key: '2e3a9ceb11a5996543285f3638c2dd07f5108ca4', name: "logo" })), this.isCompact ? this.renderCompact() : this.renderNormal())));
+        return (h(Host, { key: '70ed6e8dc9a02875dd773c205af3549b324dfb8e', "is-compact": this.isCompact }, h("div", { key: 'ab3f94264421bca5caec2ae59f5b40f6934a440e', class: "dso-header" }, h("div", { key: 'f092ce977dcd3acd0d9620af8506cb138ee1f0a7', class: "logo-container" }, h("slot", { key: '898f5c094fd6dd18ec4e843a240c31081e2a9253', name: "logo" })), this.isCompact ? this.renderCompact() : this.renderNormal())));
     }
     tabbables(withButton) {
         const tabbables = this.dropdownElement ? tabbable(this.dropdownElement) : [];

package/dist/esm/dso-hero-image.entry.js

@@ -7,7 +7,7 @@ const HeroImage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '7c30ba2c5660bc9b428949f4f6764e08fba8d8c8' }, h("slot", { key: 'eb65537dce2c8422fc2c609632aaa9770831297e', name: "image" }), h("div", { key: '5faa577dc81d1d959dd8645f6c20187088aa5605', class: "hero-image-container" }, h("slot", { key: '8dfe7c0a62775948e9f4d92333200dc77a3ca573' }))));
+        return (h(Host, { key: '58986f7f8ff51ad08e4a6cecfc8b69b7f534ce59' }, h("slot", { key: '3de9aa7aeb53413ddc4bf442a8e20227a8f94710', name: "image" }), h("div", { key: '16a40d270ae8eebd3213222a20672c6213302d97', class: "hero-image-container" }, h("slot", { key: '8a6817e250897a98ad525a1ca5f5775e04814ef3' }))));
     }
 };
 HeroImage.style = heroImageCss();

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

@@ -8,7 +8,7 @@ const HighlightBox = class {
     }
     render() {
         const hasCounter = this.step || !!this.element.querySelector("[slot=icon]");
-        return (h(Host, { key: '3f403b11a77983f350a586d3e399d9d643a5f811', "has-counter": hasCounter }, hasCounter && (h("div", { key: 'bdc42b95c78bbec4af466b4a84ecb4b02f561e23', class: "dso-step-counter", "aria-hidden": "true" }, this.step ?? h("slot", { key: 'ee8165e3d3d9208294531fdfe9dbd42a455e6509', name: "icon" }))), h("slot", { key: 'd3279de601388485b296e13c1415b179f69b0591' })));
+        return (h(Host, { key: 'a31042efc0e6676e06f08765d05320c2debe0b87', "has-counter": hasCounter }, hasCounter && (h("div", { key: 'ae5f42277bd801d07ac66467c652e211c8e8fe14', class: "dso-step-counter", "aria-hidden": "true" }, this.step ?? h("slot", { key: '7d8424c37b64775e83f34eb3f2165e8965c428bd', name: "icon" }))), h("slot", { key: '22edb75de8bb54565157a80a7be1ab82b7b12773' })));
     }
     get element() { return getElement(this); }
 };

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

@@ -40,7 +40,7 @@ const HistoryItem = class {
         return this.host.querySelector("[slot='warning']");
     }
     render() {
-        return (h("div", { key: '27087f663a39e6d805adf7b1da3db2adadcbf5c9', class: "history-item" }, h("div", { key: '90417592ddc3cecec81c670f53f071ef51d7436f', class: "history-item-date" }, h("slot", { key: '71955c1a77d41683298e863c631c04d5ced10fd7', name: "date" })), h("div", { key: '4e2c0ad8a72e8671296a57e8dad61c94398ed396', class: "history-item-content" }, h("div", { key: '2cd2d65d3f889000f5e5e5dde35bd776d13569e7', class: "history-item-status-message" }, h("dso-icon", { key: '3f83e54705b31eb22610a16b83587429764c2def', icon: this.typeIcons[this.type], "aria-hidden": "true" }), h("slot", { key: '13516e1f9c14db2fbb81baca7a49b170a5a1ce65', name: "status" })), this.titleSlottedElement !== null && this.href && (h("div", { key: '82c28d0d8d6861e0bac768d2d14cc2a7e7c78e95', class: "history-item-title" }, h("a", { key: '80be42478cc05c5cfdb612b3327d8051a346abf0', href: this.href, class: "title-anchor", onClick: (e) => this.clickEventHandler(e), "aria-current": this.current ? "true" : undefined }, h("span", { key: '975753beb272fcd210663794f89c8fa9c3cedc2c', class: "history-item-title-content" }, h("slot", { key: '6e78a3a9978eb2a1b5fd2abc7effd7dd9f7c4c5e', name: "title" })), "\u2060", h("dso-icon", { key: 'd034fdef92aa0495c74e6644f8a602b0bc54e259', icon: "chevron-right", "aria-hidden": "true" })))), this.explanationSlottedElement !== null && (h("div", { key: 'a5455e11a0fb58a041bc30bff77704eba37e6c8a', class: "history-item-explanation" }, h("slot", { key: '659996d3818b763b18210a606733ceb807c4e4b5', name: "explanation" }))), this.warningSlottedElement !== null && (h("div", { key: '1f42a56c4cf5b1fb27ded1aa188c87da126524b1', class: "history-item-warning" }, h("dso-icon", { key: '4999d4d30e3173a888483fa203ff430c66c96ada', icon: "status-warning-red-solid", role: "img", "aria-label": "Waarschuwing" }), h("slot", { key: 'ffbdf71422a2d6745655fdab1b02cb3dc24b51a0', name: "warning" }))))));
+        return (h("div", { key: '0ddccba216f32216a5ce222cc11b003bacdb28af', class: "history-item" }, h("div", { key: 'b8e3e1c7acc1dfdded03f8829d75362d82bf4920', class: "history-item-date" }, h("slot", { key: 'a02d02b411a8827bead6be05cbd4fd6ab22feeb4', name: "date" })), h("div", { key: 'e83882c2988f87d822126947f6b954682496d6bc', class: "history-item-content" }, h("div", { key: '4409043a85b9ef30d21a64c2119fd6dab0e320a7', class: "history-item-status-message" }, h("dso-icon", { key: 'e5096c926aec70dee1471f1cfa01d6a8bb050200', icon: this.typeIcons[this.type], "aria-hidden": "true" }), h("slot", { key: 'a7c923bd536c1b02676df779216186f4a49856d7', name: "status" })), this.titleSlottedElement !== null && this.href && (h("div", { key: '2db028e5addc28fbd82210129719f86363395c4b', class: "history-item-title" }, h("a", { key: '871157e769f9dc0a2af5809e60ca3292ad847f65', href: this.href, class: "title-anchor", onClick: (e) => this.clickEventHandler(e), "aria-current": this.current ? "true" : undefined }, h("span", { key: '90bac7607cbe8a838c8f9086c825591e34d7fd35', class: "history-item-title-content" }, h("slot", { key: '0c4e9921ace20c57e55d2fbc14019b173624209e', name: "title" })), "\u2060", h("dso-icon", { key: 'd3b03e7226a6b0e8dce037a0a390367028490a77', icon: "chevron-right", "aria-hidden": "true" })))), this.explanationSlottedElement !== null && (h("div", { key: 'ce9f3ced38791d38fb8778cd548fa8d969c0f959', class: "history-item-explanation" }, h("slot", { key: '80156b40b6367688076c34684ac726e3904edae3', name: "explanation" }))), this.warningSlottedElement !== null && (h("div", { key: '13f461a66e60fed780b3611289b70efe9bc21bc5', class: "history-item-warning" }, h("dso-icon", { key: '750ed3861b34c53fd0bdcf407da4bd8e566d9d92', icon: "status-warning-red-solid", role: "img", "aria-label": "Waarschuwing" }), h("slot", { key: '50377ddabb3c9f22f70c182e44a520cac18397c6', name: "warning" }))))));
     }
     get host() { return getElement(this); }
 };

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

@@ -800,7 +800,7 @@ const Icon = class {
             if (!icon) {
                 throw new TypeError(`Unknown svg: ${this.icon}`);
             }
-            return h("span", { key: 'f3c2fea315141aa82455dab1de3a1b75a097a12c', class: "icon-container", innerHTML: icon.svg });
+            return h("span", { key: '2c82d776e3e12e9cccd879604b24525447e6f0f4', class: "icon-container", innerHTML: icon.svg });
         }
     }
 };
@@ -886,7 +886,7 @@ const IconButton = class {
         this.cleanUpTooltip();
     }
     render() {
-        return (h("button", { key: '5ee25dbb3bf536e7d1b07d6443db275a7b40447a', ref: (element) => (this.buttonElRef = element), type: "button", disabled: this.disabled, "aria-label": this.label, class: `icon-button dso-${this.variant} ${this.toggled ? "toggled" : ""}`, "aria-pressed": this.toggled?.toString(), "aria-expanded": this.expanded?.toString(), onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip, onClick: this.handleClick }, h("dso-icon", { key: 'b7a99cc0b448fecc555a01ef9f5ecf6e6267464a', icon: this.icon, "aria-hidden": "true" }), h(Tooltip, { key: '97218a9eb10b3e6aa6384aa91b76140610587fc5', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, this.label)));
+        return (h("button", { key: '76fd497f4386d1b8d06b0ce1f48b2d6080f5fa4b', ref: (element) => (this.buttonElRef = element), type: "button", disabled: this.disabled, "aria-label": this.label, class: `icon-button dso-${this.variant} ${this.toggled ? "toggled" : ""}`, "aria-pressed": this.toggled?.toString(), "aria-expanded": this.expanded?.toString(), onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip, onClick: this.handleClick }, h("dso-icon", { key: '56d9f778930988f9ee014a8962d19a619857d728', icon: this.icon, "aria-hidden": "true" }), h(Tooltip, { key: 'd462ddf1f70d0bd560e9f09c173ed81b336fb07f', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, this.label)));
     }
 };
 IconButton.style = iconButtonCss();

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

@@ -11,7 +11,7 @@ const Info = class {
         this.dsoClose = createEvent(this, "dsoClose", 7);
     }
     render() {
-        return (h(Fragment, { key: '3a3fa3f36c53a01e0c2a9ceff9c17002543596cd' }, h("slot", { key: 'f5eba0eb7309ecb410bab297c6cb871deb2bb8f2' }), !this.fixed && (h("dso-icon-button", { key: 'e0546bb603a08250cb872df96bc76ea961a03c53', label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit(e.detail.originalEvent) }))));
+        return (h(Fragment, { key: 'dbb5daa5f70d8a8a0e316d3729d3ab3bccdbdbcc' }, h("slot", { key: '49645a72744a9569f934784cce9e6078ef765140' }), !this.fixed && (h("dso-icon-button", { key: '83d64535203b6e56171ba2394e9358f2d48c3f6e', label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit(e.detail.originalEvent) }))));
     }
 };
 Info.style = infoCss();
@@ -133,7 +133,7 @@ const InfoButton = class {
         delete this.mutationObserver;
     }
     render() {
-        return (h(Host, { key: 'd5b28d8f99d79e58d3e46c3b1ca299c69113eede', onKeyDown: this.keyDownHandler }, h("dso-icon-button", { key: '49b0e63ffff14227787556ae0d812fe5db60e3bf', 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), expanded: this.hasToggletip ? this.toggletipActive : undefined }), this.hasToggletip && (h(Tooltip, { key: '5e33be53cdec59870cd510d54d6b0ee63b5c3e62', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element) }, h("dso-scrollable", { key: '68c59df3ceb38673be699a3425ab42eb08e195c6', ref: (element) => (this.restrictContentElement = element), "aria-live": "polite" }, h("slot", { key: '4e0e7f0aca340e25fe585ca43d429bc669faca05', name: "toggletip" }))))));
+        return (h(Host, { key: '3d7fe85a8460daef297217c63ecdfcbeee494384', onKeyDown: this.keyDownHandler }, h("dso-icon-button", { key: 'c4f23d40f61c2ecdf983f1be869f704aa89a1c7f', 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), expanded: this.hasToggletip ? this.toggletipActive : undefined }), this.hasToggletip && (h(Tooltip, { key: '3d3db4d605333fce051e25ace41275809ee7c3e6', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element) }, h("dso-scrollable", { key: 'f9536e03cf69b8bea88da5919a06d9ffef5f2d1f', ref: (element) => (this.restrictContentElement = element), "aria-live": "polite" }, h("slot", { key: '0c7a455af59be731a1a2012810883b8b585df09f', name: "toggletip" }))))));
     }
     get host() { return getElement(this); }
 };
@@ -203,7 +203,7 @@ const Selectable = class {
         const describedBy = [hasInfo && this.infoFixed ? this.describedById : undefined, this.errormessage]
             .filter((value) => value !== undefined)
             .join(" ") || undefined;
-        return (h(Fragment, { key: 'c1bcf78acb134256d9ee7e1aa16f606cf9abc74d' }, h("div", { key: '050fc2690b77f4cdfd5b302b5c1e8da02ff33e5e', class: "dso-selectable-container" }, h("div", { key: '99a646106d3b991cbe6fca4d5f4f3bc1aaaba2e2', class: "dso-selectable-input-wrapper" }, h("input", { key: '82dad85616e0eda09ab129ca830a80714a354b89', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": describedBy, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: '96678e3b9966222d90c789316cf4d6f66c9f0743', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: '903c82d16a550cfbdc78bdeaad29fb4f003c2c3b', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: '6415907b0d28494858e0661a743778be6d7f43cf' }, h("slot", { key: 'b207f99f8fc8fb9af4779d4a2fd19f3235c48bea', name: "info" })))), h("slot", { key: '1de94849b9e2d6d7ea862094ddce33fd05cd6b04', name: "options" })));
+        return (h(Fragment, { key: '254653ec27f9a20033a72604642a90ea729c6c0c' }, h("div", { key: '2dc879bcbf2248e6bc066875557aea42de9061fc', class: "dso-selectable-container" }, h("div", { key: '28cb0e8f7d3796e1e05eed52507c4e61843d9de4', class: "dso-selectable-input-wrapper" }, h("input", { key: '993aa2d0fc4a0900fd087ba501ac14b786f46aa7', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": describedBy, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: '94e7c65b13b69d60953843d5d419f9e648f358a7', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: 'ac9dac488d38956e91560ef24dc7c84333162acb', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: '9df52add67145506fbd4458cba070b02d7c3219c' }, h("slot", { key: '209dc3e4e986ac8544f0cf60378bb476aa015fee', name: "info" })))), h("slot", { key: 'c6c979b1939b4bcb819b99605a486a363b8b319f', name: "options" })));
     }
     componentDidRender() {
         if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {

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

@@ -15,13 +15,13 @@ const InputRange = class {
         const min = this.min || 0;
         const max = this.max || 100;
         const step = this.step || 1;
-        return (h(Fragment, null, this.description && (h("span", { key: 'b1e37746f98e5cc20eaa63cd41b36b31278c5ebd', id: "description", hidden: true }, this.description)), h("span", { key: '4a2887664a746f9ad1178ae5a91d3898e7f59efb', class: "counter", "aria-hidden": "true" }, min, this.unit), h("input", { key: '37507f728c4128b9945c8f9856de45be70db10c9', type: "range", min: min, max: max, step: step, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
+        return (h(Fragment, null, this.description && (h("span", { key: '940230f9930b61c85be6b9ee4f6abbdff206b5ee', id: "description", hidden: true }, this.description)), h("span", { key: '6cb444384ee68542030b731f8434be34bbcc9d63', class: "counter", "aria-hidden": "true" }, min, this.unit), h("input", { key: 'a465a697454b737b8235340b9f88105bf55174a0', type: "range", min: min, max: max, step: step, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
                 originalEvent: event,
                 value: event.target instanceof HTMLInputElement ? parseInt(event.target.value, 10) : undefined,
                 max,
                 min,
                 step,
-            }) }), h("span", { key: 'feb885d773d0884f1f9d5c0ae07ff8b5488614c4', class: "counter", "aria-hidden": "true" }, max, this.unit)));
+            }) }), h("span", { key: 'ab860fe8d7fc759ad51a3a1789dcb14658d282fa', class: "counter", "aria-hidden": "true" }, max, this.unit)));
     }
     get host() { return getElement(this); }
 };

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

@@ -125,11 +125,11 @@ const Label = class {
         this.isTruncated = false;
     }
     render() {
-        return (h(Fragment, { key: '11bb06a9f5d4525603598ccaa9df636578ef54d2' }, h("span", { key: '9838e196c72faa9079648a80f6a1ad57f2b8b8f7', "aria-describedby": this.isTruncated ? "toggle-anchor" : null, class: clsx("dso-label", {
+        return (h(Fragment, { key: 'b8e9c7d89bbc480af43cdc5893e13952f72c7e6f' }, h("span", { key: '39bafb744cb3b26cc4ddcc4576138c55dd371fbf', "aria-describedby": this.isTruncated ? "toggle-anchor" : null, class: clsx("dso-label", {
                 [`dso-label-${this.status}`]: this.status,
                 "dso-compact": this.compact && !this.removable,
                 "dso-hover": this.removeHover || this.removeFocus,
-            }) }, h("slot", { key: 'ba90debe1c000daae0d560cac4afe4e8f91d2cf3', name: "symbol" }), h("span", { key: '7e0acbc2f55edb62ecfbac023b71c9da27102749', class: "dso-label-content", ref: (element) => (this.labelContent = element), tabindex: this.truncate && this.isTruncated ? 0 : undefined, onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip }, h("slot", { key: '7dfaf2ab9bdbef0a9b660bbca920018e34b315aa' })), this.removable && (h("dso-icon-button", { key: '1aca550af7bca4170c5f4c5ffb949d265bc3e067', variant: "tertiary", icon: "cross", label: `Verwijder: ${this.labelText}`, onDsoClick: (e) => this.dsoRemoveClick.emit(e.detail.originalEvent), onMouseEnter: () => (this.removeHover = true), onMouseLeave: () => (this.removeHover = false), onFocus: () => (this.removeFocus = true), onBlur: () => (this.removeFocus = false) }))), this.isTruncated && (h(Tooltip, { key: '12e609e1f0589d410f2f513652dda0d9ae0e0668', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, h("span", { key: '136ab7144cb6e21411efd3699274fe0ebc8d14c5', id: "toggle-anchor" }, this.labelText)))));
+            }) }, h("slot", { key: '896769d6536e6f5f9df67a713d4344331e323227', name: "symbol" }), h("span", { key: 'b25693c64cb43e3e17987cc2867e1fa93350e53f', class: "dso-label-content", ref: (element) => (this.labelContent = element), tabindex: this.truncate && this.isTruncated ? 0 : undefined, onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip }, h("slot", { key: '56f3d49f57129a73daa3116ce17006eac508b650' })), this.removable && (h("dso-icon-button", { key: '32a9fc5e25c090b1c8ce2549495421ff29943fbd', variant: "tertiary", icon: "cross", label: `Verwijder: ${this.labelText}`, onDsoClick: (e) => this.dsoRemoveClick.emit(e.detail.originalEvent), onMouseEnter: () => (this.removeHover = true), onMouseLeave: () => (this.removeHover = false), onFocus: () => (this.removeFocus = true), onBlur: () => (this.removeFocus = false) }))), this.isTruncated && (h(Tooltip, { key: '71b51d3b7d1d1dbc0ebccecb30cd3eea0edf129e', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, h("span", { key: 'b4300bc9f3d639b982774dbc93ae7e8e4e9989e4', id: "toggle-anchor" }, this.labelText)))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -224,7 +224,7 @@ const SlideToggle = class {
         this.hasVisibleLabel = this.host.querySelector("*") !== null;
     }
     render() {
-        return (h(Fragment, { key: 'a9f4102df6359a337919acba29a04a63a7081ecc' }, h("button", { key: 'c1ca5b957f98fd775784db904dbefd2290b5c51d', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, h("svg", { key: 'e1f08afbfb5d2982382e2caca7973bd731992688', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '6959133349065a0c1c1b3819a6a337af77fb417c', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: 'a3374b9830448922a698fcc147346a19de74108a', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: '645810d2e0742f0ca4da361f09aa4ef835b1fde0', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: 'fec9a4cae5f4db920452ac1dd269b4a4c474574a', htmlFor: this.identifier }, h("slot", { key: '79f4ab4d92e3e6bee2ebb99385d3f0af3fbbec83' })))));
+        return (h(Fragment, { key: '59bd51c2cf2fef041a14d6f36429c9d1ef402d39' }, h("button", { key: 'a517dac5407f43c1b8f93dea3604a02cd038721d', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, h("svg", { key: '81f8037e082059f35a70b8367bbf20e441d9c41c', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '7b7e4db0ad3ede2fd82d70d85af3b690b4ecbf43', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: '913a4d226ac9827f15c5bd09ebff103fc6f74278', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: 'fd624f981c43abf75ad39d0240d0760b998a5533', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: '18f8fe97e1350930c9887e18be8b427950bd12b1', htmlFor: this.identifier }, h("slot", { key: '5b54701ae63cff1c985fe62ed1b5b15330d1aef7' })))));
     }
     get host() { return getElement(this); }
 };