@dso-toolkit/core 90.0.0 → 90.2.0

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

@@ -56,10 +56,10 @@ const Expandable = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'e7bd88066e49adaa9a02370a5765fac3acf48739', "aria-hidden": this.open ? "false" : "true", class: clsx.clsx({
+        return (index.h(index.Host, { key: '6869b2033d73094b79887006529f5e6f619a0a0b', "aria-hidden": this.open ? "false" : "true", class: clsx.clsx({
                 "dso-animate-ready": this.enableAnimation,
                 "dso-hide": this.isClosed,
-            }) }, index.h("div", { key: '140d1ed105acdf92912c7c2c070ce3f9848324d3', class: "slot-container" }, index.h("slot", { key: '86f19fa1446977e31fdc897dbe7f8395c05d3073' }))));
+            }) }, index.h("div", { key: '6fe4be65ca5c8541d3344e4ad7cc79927cf258c0', class: "slot-container" }, index.h("slot", { key: '345eb3e091414be1afc224eac097f12b9a2562f5' }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -20,9 +20,9 @@ const Banner = class {
         this.icon = false;
     }
     render() {
-        return (index.h("section", { key: 'd848309d971db4617bce4fec6ad8c63d18ea392c', class: clsx.clsx("dso-banner", `alert-${this.status}`, {
+        return (index.h("section", { key: '4ad9e6b19c2820e01c0e91d51727d0954cbfc3a7', class: clsx.clsx("dso-banner", `alert-${this.status}`, {
                 "dso-compact": this.compact,
-            }), role: "alert" }, index.h("slot", { key: 'a001e2462deb18ec0b6ff3cf0f25b34c8d374e9a' })));
+            }), role: "alert" }, index.h("slot", { key: '291ad1941b09d5762826c0f6529c00c5693947fd' })));
     }
 };
 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: 'd7dd9d6e5796f85c941c712cf473e179f7ad2b7a', class: clsx.clsx("container", { "has-map-buttons": this.hasMapButton }), role: "group" }, index.h("slot", { key: '77c25c765cb23b10cc011b1d120b89330054846f' })));
+        return (index.h("div", { key: 'a6524b707b42027a49b5bcbd1c08d36e712b74b8', class: clsx.clsx("container", { "has-map-buttons": this.hasMapButton }), role: "group" }, index.h("slot", { key: '48b07dd3bc07ac7ca20cb5707a74f112201a3de4' })));
     }
     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: '13e3aac6d63973cd8e206e25fdd68d97d977b6fc', class: "dso-card-list" }, index.h("slot", { key: 'bc05ab5aa8554802774bf452ffb02b6e640e6d59' }))), this.mode === "grid" && (index.h("div", { key: 'de7aa9dab51345da51f55ec54039f6bab61cdb53', class: "dso-card-grid" }, index.h("slot", { key: '9f66927dace0600fed32524ffab208935b7fd20b' })))));
+        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' })))));
     }
 };
 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: '4a662a01a8ab0f9688b117430b04910df9fd1896', "is-selectable": isSelectable }, index.h("div", { key: 'bd91995a69f16b9d65e227921b5b343a2b66361b', class: "dso-card-container" }, index.h("div", { key: '021ad62b7cf97e7b5a7a600f9f22254ab68a8bb0', class: "dso-card-selectable", hidden: !isSelectable }, index.h("slot", { key: '83abedddbdd80fb06b5540a0ac74f7b0cd2d872b', name: "selectable" })), index.h("div", { key: '1141401a3b97386885408f54578cc1ccc9de8759', class: "dso-card-heading" }, (this.mode === "extern" && (index.h("a", { key: '9dd1677f6d851f449db4b4089e72235bb1522381', href: this.href, class: "heading-anchor", target: "_blank", rel: "noopener noreferrer", onClick: (e) => this.clickEventHandler(e) }, index.h("slot", { key: '7f9455d2cb58b57913268520bd23990e66edc196', name: "heading" }), index.h("dso-icon", { key: '7be05c89ba03a84c914fe7d667ce049882bb36a6', icon: "external-link" }), index.h("span", { key: '01b67eaffee2bfed512f53f2f9f74b4ea1fdde6d', class: "sr-only" }, "(Opent andere website in nieuw tabblad)")))) ||
-            (this.mode === "download" && (index.h("a", { key: 'cb592b317ec5800f9f05539ce39d0dfd0de473c1', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("slot", { key: '01cf0be3ab6e228774b5598a499e29d61aff9e2f', name: "heading" }), index.h("dso-icon", { key: 'cbbce504a6afc0896bd930c64a3e40d35d55c69b', icon: "download" })))) || (index.h("a", { key: 'a9b391befe2df29e0d3dd6c338880e3b7b4aa0a3', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("slot", { key: 'c0d3e45e17bb689bf448d5252acacb07c2e4fd99', name: "heading" }), index.h("dso-icon", { key: '232b9e41e144541c81e5e55c463a9995bca7cd50', icon: "chevron-right" }))), this.interactionsSlottedElement !== null && index.h("slot", { key: 'e5b32580f112e88093664df1fd7eaa206c10855a', name: "interactions" })), index.h("div", { key: '3f8d51e89795c6bbc88d2e7cb16732952cead8b2', class: "dso-card-content" }, index.h("slot", { key: 'fc439678df642efced533af5f24949e9f68ff345', name: "content" })))));
+        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" })))));
     }
     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: '03131f6f72e2786b94d5a34e4cc162c93aca37a2', class: "dso-contact-information" }, index.h("slot", { key: 'c4cea848d9b56e306f4d33bf26a25df47c24d0b9', name: "heading" }), index.h("slot", { key: 'b40df1ea3bbf3231ae850afa11fa62e4a71f5841', name: "anchor-items" }), index.h("slot", { key: '5348cfdbc1c30cd4996999a28aa146f559a01d92', name: "info-items" })));
+        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" })));
     }
 };
 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: 'd7c7a7a5ca50fb6d6ca51fd5486855d34fa87595', class: "dso-cursor-tooltip" }, index.h("slot", { key: 'f8f4af09e02a486bbc22c9efcca3e796110ee201' })));
+        return (index.h(index.Host, { key: 'c78f4b922f494720c57e20e481a5ca85347f79e3', class: "dso-cursor-tooltip" }, index.h("slot", { key: 'bcd9e0dccd6aa2858692231104c0e22cc2efdbae' })));
     }
 };
 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: '6f1578829a919a36fb98128cb807d082e33c986f', 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: '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 }));
     }
     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: 'c72b21d24a1d8cddeb53808ebf8d7e04f60036f8', class: "dso-document-card-container" }, index.h("div", { key: '75256d968cd55399b5c8eb3b4b30a38dffad9b83', class: "dso-document-card-heading" }, index.h("a", { key: 'a43c1bc6c5e03b5a00e3593380a3d95118ce9d02', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("span", { key: '2c270a800db99c77c9b2800ca73c12e30ef83efd', class: "icon-container" }, index.h("dso-icon", { key: 'b712516ef47e844366872eca75a8050cedfab48b', icon: "chevron-right" }), index.h("slot", { key: 'ac375e345c607f0d9c97dbeae2be353dae327a43', name: "heading" })))), index.h("div", { key: '497d02ed37eae4648615e49caafbf080188ca1b2', class: "dso-document-card-type" }, index.h("slot", { key: 'cd3a3383991e8ab9a9ec5218c09b6d5f0597143b', name: "type" })), index.h("div", { key: '165974a97a18323fe9e8d02029df3598e93ad763', class: "dso-document-card-status" }, this.metaSlottedElement !== null && index.h("slot", { key: 'd6a1085eb9e8868053322efe49473222417f7dba', name: "meta" }), index.h("slot", { key: '7089e7150743a67472cd8c23e93b49a8f5f4620a', name: "status" }), this.interactionsSlottedElement !== null && index.h("slot", { key: '70f02c9f9d7851d6022634d83f139a1223d03889', name: "interactions" }))));
+        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" }))));
     }
     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: '59b1f150f35e5af275cf928d8b776122af646e8b', onFocusout: this.focusOutListener }, index.h("slot", { key: '5b362762db082f147eefe8db1b53c3e7e8075ee6', name: "toggle" }), index.h("div", { key: '3fa0dabc6161774c541e69b7784fd1a41273ba14', popover: "manual", ref: (element) => (this.popoverElement = element) }, index.h("slot", { key: '41564bd57e586458088373db77ad8212a1850e44' }))));
+        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' }))));
     }
     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: '305ef493b091a74d76ed4f4a109c7a2eb025950e', "is-compact": this.isCompact }, index.h("div", { key: '7b316c39fb646174bcb852cabf823004f47565c7', class: "dso-header" }, index.h("div", { key: '0939fd1ef3d64f34c44c4177a2d031d1b700a324', class: "logo-container" }, index.h("slot", { key: '9b417bdb99968e034ea9283cf81206db28a6d4ba', name: "logo" })), this.isCompact ? this.renderCompact() : this.renderNormal())));
+        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())));
     }
     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: '9ed65a845d685ecb62b44ac4df2ee4c57a92d8a4', "has-counter": hasCounter }, hasCounter && index.h("div", { key: '57392d31cbc22d059e0d037679c06a08ecfff5e8', class: "dso-step-counter" }, this.step ?? index.h("slot", { key: '044da0d260d9d9257cc4ab0a48622aeba11d2f8d', name: "icon" })), index.h("slot", { key: '67e1cf3f59845e6451ac20cfbe8003df4089bd8d' })));
+        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' })));
     }
     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(index.Fragment, { key: 'cf5ae78d5e426c0848f1afa9d807c934ce501483' }, index.h("div", { key: '5ba6812082a1b2daf023038224892f9d96b3c2b3', class: "history-item-date" }, index.h("slot", { key: '25a7679208b1f242191f0f2bf28e1c56d1bd23cf', name: "date" })), index.h("div", { key: '36d8362d5a11e6d6726d70ec576340a56746d55c', class: "history-item-content" }, index.h("div", { key: '6186f438503582f913a8ba2ef79dc37b9cc53f6e', class: "history-item-status-message" }, index.h("dso-icon", { key: '331247d9c1eb6a6e927315afcfbb5124b85dbe43', icon: this.typeIcons[this.type], "aria-hidden": "true" }), index.h("slot", { key: '6b1ada1d3f6d2cdd6555948fa047e5989fe9bb44', name: "status" })), this.titleSlottedElement !== null && this.href && (index.h("div", { key: 'bdda89fcfe8c25442bc22f8c29611cdbf90e7aea', class: "history-item-title" }, index.h("a", { key: '6de46d7c8d0eefc2462c741e34aafad3ab27445b', href: this.href, class: "title-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("slot", { key: '3c5602a89624085ead10088af266ac0d92d67b40', name: "title" })))), this.explanationSlottedElement !== null && (index.h("div", { key: '41682bbe355c3214bca8e4c07d258b61c7d80171', class: "history-item-explanation" }, index.h("slot", { key: '29161bb8dfab9e8a2ff87314086560db475f1f99', name: "explanation" }))), this.warningSlottedElement !== null && (index.h("div", { key: 'e209ed47d523c60c32b7fdd4a2340702363a854d', class: "history-item-warning" }, index.h("dso-icon", { key: '9d6715d8b4d9fc224d8b9ec1e3baaa5d465d7dc1', icon: "status-warning-red-solid", role: "img", "aria-label": "Waarschuwing" }), index.h("slot", { key: '4c33016cd6bb8f025f240c003e7b9e29ba18ba25', name: "warning" }))))));
+        return (index.h(index.Fragment, { key: 'd05fb1b3b74f630c55be5d2206b2de17470f9836' }, index.h("div", { key: '2220bc35211c7d74074311d4bbe271e2c362cd7d', class: "history-item-date" }, index.h("slot", { key: '92a7a233908dac9d72ef222a39d702260cc660b1', name: "date" })), index.h("div", { key: '45909a839a7d2727d8e24b65e28c778f246ec6cc', class: "history-item-content" }, index.h("div", { key: '3ee1710117fca87d899a5aee3949b4d097df02a0', class: "history-item-status-message" }, index.h("dso-icon", { key: 'c5895e1c3516cec47dde55c2ec88425a02e2f5a5', icon: this.typeIcons[this.type], "aria-hidden": "true" }), index.h("slot", { key: '5b051c37f443ee272a9caf22a1a6a84194220770', name: "status" })), this.titleSlottedElement !== null && this.href && (index.h("div", { key: 'a15fc4d566a7419b9474cccec5320b44cfbd8be2', class: "history-item-title" }, index.h("a", { key: '8e2f412d7a43b053b54127a25801230e7e0f9f0b', href: this.href, class: "title-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("slot", { key: 'f7c0f17a4bb6cdf39023158b5754ccce8c936a62', name: "title" })))), this.explanationSlottedElement !== null && (index.h("div", { key: 'edfc85eb17064138c632396dacb827ab78591cd1', class: "history-item-explanation" }, index.h("slot", { key: 'f89fc4ca79480fc2b8d067cc30aeee0f97a057e7', name: "explanation" }))), this.warningSlottedElement !== null && (index.h("div", { key: 'ece55196701e4f81b57c33dd105b3b8ffba9d103', class: "history-item-warning" }, index.h("dso-icon", { key: '6aea77caa1aba4e2e6e6343c09efba8afa857387', icon: "status-warning-red-solid", role: "img", "aria-label": "Waarschuwing" }), index.h("slot", { key: 'f5300141a66ff1d080576b53604976224cffb636', name: "warning" }))))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-BKUr3Wdg.js');
 var positionTooltip_function = require('./position-tooltip.function-Bwu_g1_t.js');
-var tooltip_functionalComponent = require('./tooltip.functional-component-CnQn5snY.js');
+var tooltip_functionalComponent = require('./tooltip.functional-component-ByUlZk1N.js');
 require('./floating-ui.dom-D-ZpkBFm.js');
 require('./clsx-BtxeOLZW.js');
 
@@ -803,7 +803,7 @@ const Icon = class {
             if (!icon) {
                 throw new TypeError(`Unknown svg: ${this.icon}`);
             }
-            return index.h("span", { key: '70c4a2d5805b8faab4060289c5f4ee68fb2485ab', class: "icon-container", innerHTML: icon.svg });
+            return index.h("span", { key: '095f4c227b75632d4afd7cabdcf18b8c739c71b9', class: "icon-container", innerHTML: icon.svg });
         }
     }
 };
@@ -892,7 +892,7 @@ const IconButton = class {
         this.cleanUp = undefined;
     }
     render() {
-        return (index.h("button", { key: 'a9587a35fd93d1157279dcc419db9855fb0da205', 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: 'bb0594b3027c9776a0a1b1b2752eb24658502d53', icon: this.icon }), index.h(tooltip_functionalComponent.Tooltip, { key: '8e02960832546df849cf83a4e89315e42638176d', visible: this.showTooltip, onAfterHidden: this.handleHideTooltip, tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tipArrowElRef = element) }, this.label)));
+        return (index.h("button", { key: '99720e8ec567a1c40602d54ad847e5b6e553eab3', 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: '455b415ddb4fea43cdc08317b5dcb5adc31445aa', icon: this.icon }), index.h(tooltip_functionalComponent.Tooltip, { key: '29e590a1ccd1b2b7983d7bfc1740d757767a28a7', 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-button.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-BKUr3Wdg.js');
 var positionTooltip_function = require('./position-tooltip.function-Bwu_g1_t.js');
-var tooltip_functionalComponent = require('./tooltip.functional-component-CnQn5snY.js');
+var tooltip_functionalComponent = require('./tooltip.functional-component-ByUlZk1N.js');
 require('./floating-ui.dom-D-ZpkBFm.js');
 require('./clsx-BtxeOLZW.js');
 
@@ -103,9 +103,9 @@ const InfoButton = class {
         delete this.mutationObserver;
     }
     render() {
-        return (index.h(index.Host, { key: '731a5752654925228e0116b60ae106eda7ad08bc', onKeydown: this.keyDownHandler, onFocusout: this.focusOutHandler }, !this.secondary ? (index.h("dso-icon-button", { 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) })) : (
+        return (index.h(index.Host, { key: '974b7ede4b68b46789bbcb0e1a5fdb1f78ee56c9', onKeydown: this.keyDownHandler, onFocusout: this.focusOutHandler }, !this.secondary ? (index.h("dso-icon-button", { 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) })) : (
         // ToDo: remove this part in https://github.com/dso-toolkit/dso-toolkit/issues/3350. Tertiary on color already working
-        index.h("button", { type: "button", class: "dso-info-secondary", "aria-expanded": (this.active || this.toggletipActive).toString(), onClick: (e) => this.handleToggle(e), ref: (element) => (this.buttonSecondary = element) }, index.h("dso-icon", { icon: this.active || this.toggletipActive ? "info-solid" : "info-outline" }), index.h("span", { class: "sr-only" }, this.label))), this.hasToggletip !== null && (index.h(tooltip_functionalComponent.Tooltip, { key: '14e4a2b7ee946bdc7ad3d58e0b0dea60e2fd3082', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element), visible: this.toggletipActive }, index.h("dso-scrollable", { key: '863a4084ea35ff69626dccbd6ed452011f52df59', ref: (element) => (this.restrictContentElement = element) }, index.h("slot", { key: 'f7a5e95329542b9cbbce015f495f4c9ac3204eff', name: "toggletip" }))))));
+        index.h("button", { type: "button", class: "dso-info-secondary", "aria-expanded": (this.active || this.toggletipActive).toString(), onClick: (e) => this.handleToggle(e), ref: (element) => (this.buttonSecondary = element) }, index.h("dso-icon", { icon: this.active || this.toggletipActive ? "info-solid" : "info-outline" }), index.h("span", { class: "sr-only" }, this.label))), this.hasToggletip !== null && (index.h(tooltip_functionalComponent.Tooltip, { key: '1294317dd96432d716ea1da7d7698d273ee7ef9c', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element), visible: this.toggletipActive }, index.h("dso-scrollable", { key: 'e21f0ef4e649241b891c86dd55905577f01e329b', ref: (element) => (this.restrictContentElement = element) }, index.h("slot", { key: 'f77780bc0e2378964803fdc1135fba47341e023d', name: "toggletip" }))))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -10,7 +10,7 @@ const Info = class {
         this.dsoClose = index.createEvent(this, "dsoClose", 7);
     }
     render() {
-        return (index.h(index.Fragment, { key: '332b53fe2d36d9018e14ff8a888b48d74b487b31' }, index.h("slot", { key: 'a9fcdee710f9e75434f240f3c0375e90f86dc587' }), !this.fixed && (index.h("dso-icon-button", { key: 'e75455d9d8bf16684cea7e02fb114cdf34d40d6a', label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit(e.detail.originalEvent) }))));
+        return (index.h(index.Fragment, { key: 'df16920205f3862687f4ee4a95006695f94dc7e0' }, index.h("slot", { key: 'ce87bdde462f55e156e808b689db097fd65ac1e1' }), !this.fixed && (index.h("dso-icon-button", { key: '81dd0c2bd3a38f791a964fb7989373ee3e64276d', label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit(e.detail.originalEvent) }))));
     }
 };
 Info.style = infoCss();
@@ -74,7 +74,7 @@ const Selectable = class {
     }
     render() {
         const hasInfo = !!this.host.querySelector('[slot="info"]');
-        return (index.h(index.Fragment, { key: '6ce7aab50d5c05493430473ed7639573f7cf3f10' }, index.h("div", { key: 'e1aab5e1427301dfa952373b20a2aa1f9695bbd9', class: "dso-selectable-container" }, index.h("div", { key: '7b3f00070c22242808a7b99f7586ba745fcc8a72', class: "dso-selectable-input-wrapper" }, index.h("input", { key: 'b312557b5a6437a78a0f02bb9d1559bc9757dae3', 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: 'a907dfac225a29710f2b8a9dd31b460c37559496', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (index.h("dso-info", { key: '6aaf5ec63cfb96d56745355b92ecb8d41e313765', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, index.h("div", { key: '48e2db17c52fdd749d38238ddb54e0e2dfe8512a' }, index.h("slot", { key: 'af8dbbe4984a74e42bed6a4682e935bf3a02fa55', name: "info" })))), index.h("slot", { key: '78d84d8b02ddc4f480608df42f42168e677b7c53', name: "options" })));
+        return (index.h(index.Fragment, { key: '5d9dd786079cf637b2a9f9c3e86319f98b575759' }, index.h("div", { key: 'b49cb8895cb0b83596519ddc0b4fcf567f904248', class: "dso-selectable-container" }, index.h("div", { key: 'fc781879f7b2b7018f1c860c812411f23f9d6438', class: "dso-selectable-input-wrapper" }, index.h("input", { key: 'f5d0842c3f535a1285c4ec86b63823faaaa08424', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (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: '267113caaa503730680394a575c822ee842ea300', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (index.h("dso-info", { key: '869bf21b8e3ab3ba367d1a874692fd8167d15f29', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, index.h("div", { key: '65194ace31c38f46da617905d1e7671d2627196b' }, index.h("slot", { key: 'a4d2c29bacab37782ee747e00a0af1d07b9e227d', name: "info" })))), index.h("slot", { key: '9c4dcdc24ca11fdb3de566b231777ec22abfc8e0', name: "options" })));
     }
     componentDidRender() {
         if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {

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: 'f3796a5bbd719af7fe23c285ba4f1519eaaaf1b9', id: "description", hidden: true }, this.description)), index.h("span", { key: '1048b041a13dbf244b2d6fe76dccf8f97a2d7b4b', class: "counter", "aria-hidden": "true" }, min, this.unit), index.h("input", { key: '438056be852e2b4136de65cec13faa6a6c43418b', type: "range", min: this.min, max: this.max, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
+        return (index.h(index.Fragment, null, this.description && (index.h("span", { key: '4f1f6a49dbbc04eca033b1b7d9c6ed8ec662c9dc', id: "description", hidden: true }, this.description)), index.h("span", { key: '53523e69582c4081b4101b5f8e50af0b8ee0df4c', class: "counter", "aria-hidden": "true" }, min, this.unit), index.h("input", { key: 'de39c97f362a92a9e11b1e911f26e2ccd1756f26', type: "range", min: this.min, max: this.max, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
                 originalEvent: event,
                 value: event.target instanceof HTMLInputElement ? parseInt(event.target.value, 10) : undefined,
                 max,
                 min,
                 step,
-            }) }), index.h("span", { key: '8b3f86e7c42f0dffdc2b550f365c4bdc91627ffc', class: "counter", "aria-hidden": "true" }, max, this.unit)));
+            }) }), index.h("span", { key: 'b4b0b2abc8ad5da26286a962517040df73d7a6a1', 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: 'f868c06841bb1f9a6f39db8598141634cbe59f5f' }, index$1.h("span", { key: '935d20891b9df19b37cf38242892428c81c12631', "aria-describedby": this.isTruncated ? "toggle-anchor" : null, class: clsx.clsx("dso-label", {
+        return (index$1.h(index$1.Fragment, { key: 'a9ee244e9d683b930b99d988f52e887b00e330ac' }, index$1.h("span", { key: 'a24aa868dad32e4928b7ae660830de2610269607', "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: 'e3d5f4d753cf5ca6ef1bef6fae698b3b4c03e5da', name: "symbol" }), index$1.h("span", { key: '33c09c55755434fa98b9bc2933abb3a25ff10ad0', 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: '4dce1156ff95a3a1b6b4b97a60e578276c04f7be' })), this.removable && (index$1.h("dso-icon-button", { key: '338bfa3fc65328eaa5551eaf2c2299f8b04344b9', 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: '806049fdf2222eea9b5bb074907566e64a03340f', stateless: true, id: "toggle-anchor", active: this.textHover || this.textFocus, position: "top", strategy: "absolute" }, this.labelText))));
+            }) }, index$1.h("slot", { key: 'afd136f78152475ecbc7102e740a0b04f3c924c3', name: "symbol" }), index$1.h("span", { key: '4a01284220aa804ee78a5b24f95b766870e1de2b', 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: 'da3d933d80222d4a330b0875bfbb2ad1554933bb' })), this.removable && (index$1.h("dso-icon-button", { key: '8bea69827d8a0eead3fcc2e8fe2fd56b7831f496', 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: '6c61e4c6e8f7caa1a93098621e98b512c8471f88', 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: '459d59fe0891c87986824e1241a56ce310a24bdb' }, index$1.h("button", { key: '472c6432d2203b285eeb29ea107e9cbcacb00b1a', 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: '3e5b2c15b2c5e09a730ede6be939bd38f7f7f661', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, index$1.h("g", { key: '73d5c47e5416fb57becce374a92ff14653854eeb', fill: "none", "fill-rule": "evenodd" }, index$1.h("rect", { key: 'b45a957c89672e1a7d4bdc6fe896f046332b0c01', width: "40", height: "20", fill: "currentColor", rx: "10" }), index$1.h("circle", { key: '7bad11c528598653affa03bd8cc3d98dd8c09cda', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (index$1.h("label", { key: 'f64ad41c73d388cf5289acc597104ccc514a9178', htmlFor: this.identifier }, index$1.h("slot", { key: '475585f09ccebe6698e184121b37496bcbf547bf' })))));
+        return (index$1.h(index$1.Fragment, { key: '9ddebd0911701ddb47962ff74409e175d63e47a4' }, index$1.h("button", { key: '34d7b8b2285af17426661ccc42b933e94ffaf1e3', 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: '6c4344ce916e31dc66b166fcdbbc918bcb20c764', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, index$1.h("g", { key: '25efb29bf5a1df78f77adc9931095daab2720bfa', fill: "none", "fill-rule": "evenodd" }, index$1.h("rect", { key: '9d269b55256ec7c800189f9c72c8d5221ac29bca', width: "40", height: "20", fill: "currentColor", rx: "10" }), index$1.h("circle", { key: 'fe9664b270f3a82d3614d5d570bc45771069c0b5', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (index$1.h("label", { key: '9d2f38a4af4f88d5f170405a7c19a81028050e7c', htmlFor: this.identifier }, index$1.h("slot", { key: '203c643ecc2a26dde073d45d60eb1a2def9d50d0' })))));
     }
     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: '4e185d93b6e6d8815aa9321eeffeb046e5da7ae3' }, index.h("div", { key: '6b5f3de33196e950ee895fc5cd27df23b2d0f2f5', class: "legend-group-header" }, index.h("slot", { key: 'ddb053565dccf300cbd30d775fbca196e5ee8e84', name: "heading" }), this.mode && (index.h("dso-icon-button", { key: 'e5b7bf50f3e140b9d5a24a75b14500a3d60c2a8a', 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: '335dc6acb956623ecc5832a93c055168a16440bd', name: "options" }), index.h("slot", { key: '7b13d87cda2afd1ac289edbf5a72ae6d580b98a3' })));
+        return (index.h(index.Host, { key: '152f7438013d1a5edf1bfb3e723a6393fddec6a2' }, index.h("div", { key: '3cb5ba976f84fb7f2b7882d95d352dd80ca1ea0f', class: "legend-group-header" }, index.h("slot", { key: 'd896d9d10e45115669e8cb9b1e59939ec569c907', name: "heading" }), this.mode && (index.h("dso-icon-button", { key: '9169046250d59d072776b0e0782a85f7161eb026', 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: 'b078732eb83d885b35532967d6c289c9b759d280', name: "options" }), index.h("slot", { key: '2445dfe4e98b3eb4bea9c731e90c8326c5ca288b' })));
     }
     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: 'c39bfa89a95d20e7a9550e5c19caa42f7d5c176b', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h("div", { key: '1ca340e2599addfae284da5883c7ff45aeb408a3', class: clsx.clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (index.h("div", { key: 'cfd02a48d5017f4b87e93eca837980828385945b' }, index.h("slot", { key: 'b9b16c3371b3a3cf8d93de3916ef73a1298a0e63', name: "symbol" }))), index.h("div", { key: 'd63790838c091aee94e92b36f10ee9319233dfbf' }, index.h("slot", { key: '94ae680fac284f1d1af980ae238966caf0297d80', name: "label" })), this.disabled && this.disabledMessage && (index.h("dso-info-button", { key: 'f4be062dfe27d3b3059b548ec741b1cfc696cb0d', label: this.text("disabledInfo"), toggletipPlacement: "bottom" }, index.h("div", { key: '0d16d02da41abb247afabf93e6d02c38a42f3c95', slot: "toggletip" }, this.disabledMessage))), index.h("div", { key: 'e17ed90b316afa1c3dd85ec5d08b31bb8601ca36', class: "legend-item-right-content" }, this.renderRightContent(hasOptions, accessibleLabel))), hasOptions && (index.h("div", { key: 'bc2988175f08a8d01f5053a9dcefb52fb04d54e4', hidden: this.disabled || !this.showOptions, class: "options" }, index.h("slot", { key: '7bd2ae7a7a621368d6a37d07009da5e135e93266', name: "options" })))));
+        return (index.h(index.Host, { key: '8a5387afd69d6ee08443ee638c46aecc7d3e7834', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h("div", { key: '643bf48058400430d1a34bb5e5e54c30eb4445df', class: clsx.clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (index.h("div", { key: 'fd14a2e247cc51af2c1e178a22caf881b0065f1e' }, index.h("slot", { key: '670a8fcd646c4725c553a5ff64ea4cd0dc0b9219', name: "symbol" }))), index.h("div", { key: '6041263be867af93bf30c52725d6bb43a3de4284' }, index.h("slot", { key: '44eb5a378b72ff474c783166463c9300ef2ddff9', name: "label" })), this.disabled && this.disabledMessage && (index.h("dso-info-button", { key: '185ab271e6b7ba63ca7e1f5797dfc50d28bbc665', label: this.text("disabledInfo"), toggletipPlacement: "bottom" }, index.h("div", { key: '9113ec62cb11b2bc10cbf63b28ad9131e32b6bc8', slot: "toggletip" }, this.disabledMessage))), index.h("div", { key: 'e97e395df8af3b26169c2acd724477528a5d17b0', class: "legend-item-right-content" }, this.renderRightContent(hasOptions, accessibleLabel))), hasOptions && (index.h("div", { key: '8ca1b2533c3cc2b2300905b921870cd9d2138871', hidden: this.disabled || !this.showOptions, class: "options" }, index.h("slot", { key: '1dfc745889f8bcc1175a8f6668ba83c8de553771', 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: '18b65b8e93f592afbd4748e8f740b3e37c8f70ae' }, index.h("div", { key: '20c1927e8ccc27badc91122fcb39b243c1d9de71', class: "topbar" }, index.h("div", { key: 'dcd9a8c4cf7bcecdd10ba918e0df47ff6929a8fb', 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: 'fa3eb71f4bc538a1df4beda9d62260f9930c9651', 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: '3ebbfbba7d44ef9470bcc088fca6c799f1c81689', class: "content" }, index.h("div", { key: '071e22193cd0dd97ca1ba6d73427a5f29ee19d0f', role: "tabpanel", tabIndex: 0 }, index.h("slot", { key: '33342dceb976c0557e33baa77471621f3e565dea' })))));
+        return (index.h(index.Host, { key: '861f432e2d8ce27a7bbe63c82cd60055eb7413ad' }, index.h("div", { key: 'd037fd2f22ee6cc741198cd7b72175332f7fae9c', class: "topbar" }, index.h("div", { key: '914313db54eb054490df98e578230a779516d346', 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: 'fa0f103700d0219914821447bcf8c7652bbb448e', 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: '14b5ca6c83e21a27e871cb83aa5fbdf427e774cb', class: "content" }, index.h("div", { key: '84abd921c424f152c1d64930b6014f3c772db7e5', role: "tabpanel", tabIndex: 0 }, index.h("slot", { key: '54b44cb357111bd2172492ca353ccca4ffc5299d' })))));
     }
     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: 'f690e4749d2c9ae0d26260e9b7954064ce819f66', class: clsx.clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, index.h("div", { key: '84a3c91317ca7638ab7a825cbf48f82a215eaf84', 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: '9584f2d33413500d06cf9697618d86bf79c2bf41', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, index.h("span", { key: '24f581bced17e7ef4dc869c93f7a77d294f83913' }, this.label, this.sublabel && index.h("span", { key: '7862beff9b1a9fda69e0f56c8696e63974328c8f', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (index.h("span", { key: '42959be18105f323519c45cfde6a19521ebd9b0f', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", index.h("span", { key: 'ac71b57bbb9364081d27d8a490816b0d0bbdfd1e', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && index.h("span", { key: 'b6ff6812d7ca086e692c73cfaaa0a659afee8ad2', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (index.h("div", { key: '2e22c7b5c5791c935e28424207e179f0d380a100', class: "subcontent" }, index.h("slot", { key: '4a5348d41c36b72ea3f23ca3a882629374dc6fff', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (index.h("div", { key: '1dc4939e3e40d5e0c5128b474ed10f61ec405638', class: "dso-input-number" }, this.count > 1 && (index.h(index.Fragment, { key: 'c1b679d8e35c45b03f6b06998eca12604cf3867c' }, index.h("dso-icon-button", { key: '780b108ff249895a350ba12ea962a8dfe66f2a30', 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: 'd4560eab67b114980224567be80a3efa4abddb38', class: "dso-input-step-counter", "aria-label": "Aantal", "aria-live": "polite" }, this.count))), index.h("dso-icon-button", { key: '44a0fbc42f5fd080e0c2129169355de92d4e5549', 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: '037b6771bc6fdb52ea8b50c44625c0d93be26b0c', class: clsx.clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, index.h("div", { key: '722e280a3a84eb7229ca4d000b157150cbede7e3', 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: '58f46f575352fb1bd8948209d25b415795b7e359', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, index.h("span", { key: '4ac068449aa709799459616496813e9383500d08' }, this.label, this.sublabel && index.h("span", { key: '17ffff2a4ca02560514ee8403ec3e9c3da9d9633', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (index.h("span", { key: 'a468507b8afdbd8dde5b954e43c630f8f65219dc', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", index.h("span", { key: '6ba84c53d176f54b33124a7a239b145262f083d8', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && index.h("span", { key: 'b1a68f5d7a4770fa2cddecbdcd2b4fd943e17126', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (index.h("div", { key: '0538720befcd5c579ae8a8606077f535dfe073fb', class: "subcontent" }, index.h("slot", { key: 'd5e28e7d520dae451c66199a6523d9c451be353f', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (index.h("div", { key: 'cf79e7cf15018d63534b367876c793460828f42d', class: "dso-input-number" }, this.count > 1 && (index.h(index.Fragment, { key: '7982ed3e0dc5b69174cc146f39ed127c59020eb3' }, index.h("dso-icon-button", { key: '00cf706edffdcd9eeed004d2d192ebab678f8878', 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: '6381685d68dfd09eda9c955ab1cb238ff2039b0d', class: "dso-input-step-counter", "aria-label": "Aantal", "aria-live": "polite" }, this.count))), index.h("dso-icon-button", { key: '06ac0e78367a50afe626ef18eced7aea92f42f96', 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: '609cde8cd31ab2b9591fae3ecebb31e44a8069a9', 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: '77bba61ecf328ff111c1c96c38eaf0fa9a0241a4', class: "logo-ribbon" }, this.ribbon)));
     }
 };
 Logo.style = logoCss();

package/dist/cjs/dso-map-base-layers.cjs.entry.js

@@ -45,7 +45,7 @@ const MapBaseLayers = class {
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (index.h("fieldset", { key: '013836ef69dbf09eb10fb4424426f667c541ff7b', class: "form-group dso-radios" }, index.h("legend", { key: '4c6b54e47138c7511e94df65fc4880250748a0c3', class: "sr-only" }, "Achtergrond"), index.h("div", { key: '4870d66120554007784f5aef0ad6883a5101144a', class: "dso-label-container" }, index.h("span", { key: 'ead7e90fec69e6a44621454009d287ff654af649', class: "control-label", "aria-hidden": "true" }, this.text("background"))), index.h("div", { key: '3b605ea9150ed280398aff465ef9e7818789b677', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (index.h("dso-selectable", { key: baseLayer.id, type: "radio", value: baseLayer.name, checked: baseLayer.checked, disabled: baseLayer.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[baseLayer.id] = ref), onDsoChange: () => this.baseLayerChangeHandler(baseLayer) }, baseLayer.name, baseLayer.info ? index.h("p", { slot: "info" }, baseLayer.info) : null))))));
+        return (index.h("fieldset", { key: 'c37f04d296be8a8161f53b1c5b02ba908318bfad', class: "form-group dso-radios" }, index.h("legend", { key: 'aab64bb3e8719d5a00a8b936fb75808e59429138', class: "sr-only" }, "Achtergrond"), index.h("div", { key: 'b4b3c000324fe69092f986b2645f8e7c30e7c548', class: "dso-label-container" }, index.h("span", { key: 'c8dc5b28a4f6745ff32866a878c5a849f85b1649', class: "control-label", "aria-hidden": "true" }, this.text("background"))), index.h("div", { key: '8f824d2a86ddf644b1aa6390275c3196e1ee5fff', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (index.h("dso-selectable", { key: baseLayer.id, type: "radio", value: baseLayer.name, checked: baseLayer.checked, disabled: baseLayer.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[baseLayer.id] = ref), onDsoChange: () => this.baseLayerChangeHandler(baseLayer) }, baseLayer.name, baseLayer.info ? index.h("p", { slot: "info" }, baseLayer.info) : null))))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-map-controls.cjs.entry.js

@@ -92,7 +92,7 @@ const MapControls = class {
         });
     }
     render() {
-        return (index.h(index.Fragment, { key: 'f47cd78cb61af0df942eaf20c21d514bf599f2f5' }, index.h("dso-icon-button", { key: 'bb963d516ef096aaa3ae10a357f396cf8b9cd445', label: this.text("layersButton"), icon: "layers", variant: "map", tooltipPlacement: "left", class: "toggle-visibility-icon-button", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), index.h("button", { key: '31b202f3ad934ddad3db766aed7795d2280d743d', type: "button", class: "dso-map toggle-visibility-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, index.h("dso-icon", { key: '7585b25f6b83dd494b7581f15ea118dde96e5765', icon: "layers" }), index.h("span", { key: 'bee0f055d5628d92602e5b61548412158db89dd8' }, this.text("layersButton"))), index.h("dso-button-group", { key: '33fdc19ec0c8b004d55ec979410bcfb345e9a281', class: "zoom-buttons", direction: "column" }, index.h("dso-icon-button", { key: '1044c042191799df425d6c8acc3f9df5bd888111', label: this.text("zoomIn"), icon: "plus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomIn.emit(e.detail.originalEvent), disabled: this.disableZoom === "in" || this.disableZoom === "both" }), index.h("dso-icon-button", { key: 'c963a8a9676ba7aff2394c9df9becd931b0e4896', label: this.text("zoomOut"), icon: "minus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomOut.emit(e.detail.originalEvent), disabled: this.disableZoom === "out" || this.disableZoom === "both" })), index.h("section", { key: 'cc80e7787fbc299e9f36f794164d629514720eae', hidden: this.hideContent }, index.h("header", { key: '48b10ffe0f45f33a70ca1ab44866232f4d9a46f1' }, index.h("h2", { key: '4aa6496e6ecfb43c403dace2e9740633a254de35' }, this.text("title")), index.h("dso-icon-button", { key: 'c1fadfa8980ce4ae7a41c8fa3b223d9f7fee7586', class: "close-button", label: this.text("hidePanel", { title: this.text("title") }), icon: "cross", variant: "tertiary", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeButtonElement, element, "f")) })), index.h("dso-scrollable", { key: '33d207a7683aadbdbbf2339fe4bfeb4132b2c3b9' }, index.h("div", { key: '0086be8f9366e9387cc677413ae21dffaf2b80e9', class: "content" }, index.h("slot", { key: '76b1ed95bbb0b90078a8829abf3b601dcddd84b4' }))))));
+        return (index.h(index.Fragment, { key: '22d25898b37a63a15d843ffae1ec7d536a9e8ef0' }, index.h("dso-icon-button", { key: '099bcd741ba8769d9af6b12e7829a908700a856a', label: this.text("layersButton"), icon: "layers", variant: "map", tooltipPlacement: "left", class: "toggle-visibility-icon-button", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), index.h("button", { key: '472f03f9cdc5a739551591c0b87b64e4d31dd5cb', type: "button", class: "dso-map toggle-visibility-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, index.h("dso-icon", { key: 'a58f42be5762d9323c5e925681b5d1ed35c72833', icon: "layers" }), index.h("span", { key: '6538a758f7a9916f3ba05e7f2c1f2e9af0e6630c' }, this.text("layersButton"))), index.h("dso-button-group", { key: '7328d3e6f3832d1239a0a5afeb47ec8438e3bf83', class: "zoom-buttons", direction: "column" }, index.h("dso-icon-button", { key: 'ac87c3a99fa629915213cd4438de19aaa3325f10', label: this.text("zoomIn"), icon: "plus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomIn.emit(e.detail.originalEvent), disabled: this.disableZoom === "in" || this.disableZoom === "both" }), index.h("dso-icon-button", { key: 'bb28e254641a9b1b9c08e91a66647dd5eb8a4d78', label: this.text("zoomOut"), icon: "minus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomOut.emit(e.detail.originalEvent), disabled: this.disableZoom === "out" || this.disableZoom === "both" })), index.h("section", { key: 'a6e33bd8008e5db15a29a12230b27ca4ab05e42b', hidden: this.hideContent }, index.h("header", { key: '529b27487f6ebecdc55e7df5df2f3b6f22651ca6' }, index.h("h2", { key: 'a0ec5440f4f8f27e917d0f8a55b0ff859e0d0227' }, this.text("title")), index.h("dso-icon-button", { key: '01286c8c4ce08c2242baf11fbec628b4b7b18101', class: "close-button", label: this.text("hidePanel", { title: this.text("title") }), icon: "cross", variant: "tertiary", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeButtonElement, element, "f")) })), index.h("dso-scrollable", { key: 'beefe20edf2d136ea8aab6c09511d4f4cbc18bb8' }, index.h("div", { key: '9516382d382ac3fbf9f738d62c47f12987ab55ab', class: "content" }, index.h("slot", { key: '1bd91e6fec7f6da4922878e5631ecbf40c49648d' }))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/dso-map-layer-object.cjs.entry.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var index = require('./index-BKUr3Wdg.js');
+var wrapWijzigactie_functionalComponent = require('./wrap-wijzigactie.functional-component-BNrVU6nv.js');
 
-const mapLayerObjectCss = () => `:host{display:block}*,*::after,*::before{box-sizing:border-box}::slotted(span[slot=symbol]){background-color:#fff;display:block;float:inline-start;block-size:26px;margin-block-start:0;margin-inline-end:8px;inline-size:30px;overflow:hidden;position:relative}.map-layer-object{display:flex;justify-content:space-between;min-block-size:32px}.slide-toggle-container{margin-inline-start:auto}.slide-toggle-container dso-slide-toggle{display:flex;padding-block-start:0}`;
+const mapLayerObjectCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block}:host ins,:host del{display:contents;text-decoration:none}:host([wijzigactie=voegtoe]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=voegtoe]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}:host([wijzigactie=verwijder]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=verwijder]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000}.map-layer-object{display:flex;justify-content:space-between;align-items:center;padding:2px;min-block-size:28px}.map-layer-object ::slotted([slot=symbol]){background-color:#fff;display:block;float:inline-start;block-size:24px;margin-block-start:0;margin-inline-end:8px;inline-size:27.6923076923px;overflow:hidden;position:relative}.map-layer-object-heading{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.map-layer-object .slide-toggle-container{display:flex;align-items:center;margin-inline-start:auto}.map-layer-object .slide-toggle-container dso-slide-toggle{display:flex;padding-block:0}`;
 
 const MapLayerObject = class {
     constructor(hostRef) {
@@ -19,7 +20,7 @@ const MapLayerObject = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'd812f5ba8708110c9d986f123f478a5d63cc0271', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h("div", { key: 'ff9db71019f91053ebf1b1d785510de5454d2297', class: "map-layer-object" }, index.h("div", { key: 'e15f4daf6fef5078740599a41b62b036d4af8370' }, index.h("slot", { key: 'bfef26c39d1abf70861d7a0c29fb330cca3ccbba', name: "symbol" })), index.h("div", { key: '444fde34bd30da4bc409d1c2927cb02a40b0105e' }, index.h("slot", { key: 'c8439da5b433f0fd19c5273375ff15703db13b59' })), index.h("div", { key: '34bd256becd63973780d995a5c93d3c2cd64a571', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: '9d6bf04f9c76ff69ce4c6f09b502de1f2e61fb35', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))));
+        return (index.h(index.Host, { key: 'f21ff99cfe42c0942fa7f1116b3e1ead64745644', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: '3f13f376666061cffc9d3a8306f4c840217f55ce', wijzigactie: this.wijzigactie }, index.h("div", { key: 'f590382a9a09502a002459139c9f235e455d5d01', class: "map-layer-object" }, index.h("div", { key: 'dc8a429beae9c3522be0acd099df29c5ef07afcb' }, index.h("slot", { key: '29438f9f7b4ca4155fabfa407a53f90cfde95b3a', name: "symbol" })), index.h("div", { key: 'b83734590ad3694ebc88d48eaddebccc3c27493f', class: "map-layer-object-heading" }, index.h("slot", { key: '4009d70d400ffdcd28159052e3fb6c094b93cc02' }), index.h("slot", { key: '9f898016a56f01b6d7a43c476fdf192c10edcfd2', name: "label" })), index.h("div", { key: '0b3743706d0f81c8bed489956fcb4292ccb84c87', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: '9db2ccbbd364da9fdbb1640f8f4766e586840f78', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange }))))));
     }
 };
 MapLayerObject.style = mapLayerObjectCss();

package/dist/cjs/dso-map-layer.cjs.entry.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var index = require('./index-BKUr3Wdg.js');
+var wrapWijzigactie_functionalComponent = require('./wrap-wijzigactie.functional-component-BNrVU6nv.js');
 
-const mapLayerCss = () => `:host{display:block}*,*::after,*::before{box-sizing:border-box}.map-layer{display:flex;justify-content:space-between;min-block-size:32px}.map-layer-label{font-weight:600;line-height:1.375em;margin:0;position:relative}.slide-toggle-container dso-slide-toggle{display:flex;padding-block-start:0}`;
+const mapLayerCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block;padding:6px}:host ins,:host del{display:contents;text-decoration:none}:host([wijzigactie=voegtoe]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=voegtoe]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}:host([wijzigactie=verwijder]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=verwijder]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000}.map-layer{display:flex;justify-content:space-between;min-block-size:32px}.map-layer-heading{display:flex;flex-wrap:wrap;align-items:center;margin-block-end:8px}.map-layer-heading ::slotted([slot=name]){font-weight:600;line-height:1.375em;margin-inline-end:4px}.map-layer .slide-toggle-container dso-slide-toggle{display:flex;padding-block-start:0}`;
 
 const MapLayer = class {
     constructor(hostRef) {
@@ -22,7 +23,7 @@ const MapLayer = class {
         };
     }
     render() {
-        return (index.h(index.Fragment, { key: '8e434d14e63f2be25d7d5fb550b2f3771cc5588b' }, index.h("div", { key: '9273b1af907bcef6a7ea79df2500dfecc9c3e68d', class: "map-layer" }, index.h("span", { key: 'c69991fd320f5c550cf76d667bf39a1d38c540e0', class: "map-layer-label" }, this.label), this.activatable && (index.h("div", { key: '355e2e7c976951b61266efca342d68d78f8c545b', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: 'bf454dc6e04968053b367b58cf41051949c26a84', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), index.h("slot", { key: '2b8a023f22f182501e52c9fb8ff0ab7e08c169d0' })));
+        return (index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: '6ea00029462ecc382fcc8ac6df480373f90e0515', wijzigactie: this.wijzigactie }, index.h("div", { key: '8ab69d853d153cb37735debbe3825ddcfdaea9bd', class: "map-layer" }, index.h("div", { key: 'ec2b195b0cc887932f2431200279fa6d372fcf11', class: "map-layer-heading" }, index.h("slot", { key: 'b032f85c0a1e40786024bc6bd1e8157daefb76c9', name: "name" }), index.h("slot", { key: 'c0b3f6756627640e8bc7abb842bdd9675f2ad1a3', name: "label" })), this.activatable && (index.h("div", { key: '83f59cb215fc9c9a5b1455c353c82972bbe80b1b', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: '226754ff5e394f5f74603360b9adfa0e52019f7d', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), index.h("slot", { key: '0f8ce35d1ec4236a63dd8620d85b98a16827e9ca' })));
     }
 };
 MapLayer.style = mapLayerCss();

package/dist/cjs/dso-map-message.cjs.entry.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var index = require('./index-BKUr3Wdg.js');
+
+const mapMessageCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block}.map-message-content{--_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}.map-message-content 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-wit"))}.map-message-content 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-wit"))}.map-message-content 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-wit"))}.map-message-content 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-wit"))}.map-message-content{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:rgba(0, 0, 0, 0.8);color:#fff;padding-inline:24px;padding-block:16px;inline-size:fit-content;max-inline-size:100%;overflow-wrap:break-word}.map-message-content.has-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding-inline-start:calc(24px + 8px + 16px);padding-inline-end:16px}.map-message-content .map-message-body{position:relative}.map-message-content .map-message-body .map-message-icon{position:absolute;inset-inline-start:calc((24px + 8px) * -1);inset-block-start:0}.map-message-content slot[name=actions]{display:flex;flex-wrap:wrap;gap:16px}::slotted(button){margin-inline-start:0 !important}`;
+
+const iconMap = {
+    success: "status-success",
+    error: "status-error",
+};
+const MapMessage = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.hasActions = false;
+        this.handleActionsSlotChange = (event) => {
+            const target = event.target;
+            if (target instanceof HTMLSlotElement) {
+                this.hasActions = target.assignedElements().length > 0;
+            }
+        };
+    }
+    render() {
+        const iconName = this.variant ? iconMap[this.variant] : undefined;
+        const role = this.variant === "error" ? "alert" : "status";
+        return (index.h("div", { key: '169b91f604a96f8029d0d6d9bd062c3147bdfcd0', class: {
+                "map-message-content": true,
+                "has-icon": iconName !== undefined,
+                "has-actions": this.hasActions,
+            }, role: role, "aria-atomic": "true" }, index.h("div", { key: '568d8da2fa08ca48e5ba29664bcb5f4fc00fc126', class: "map-message-body" }, iconName && index.h("dso-icon", { key: '42ef91ad797f96a4382da8c85f55822b79c79b06', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), index.h("span", { key: '125d1aa6bb85b3933dda55abb21b1329cfd12044', class: "map-message-text" }, index.h("slot", { key: '15706e482ddbf0ab3e83aed71c0a83683eb23557', name: "message" }))), index.h("slot", { key: 'ca34e929276023f6f49112dfce38bf1078cddbbb', name: "actions", onSlotchange: this.handleActionsSlotChange })));
+    }
+};
+MapMessage.style = mapMessageCss();
+
+exports.dso_map_message = MapMessage;

package/dist/cjs/dso-map-overlays.cjs.entry.js

@@ -46,7 +46,7 @@ const MapOverlays = class {
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (index.h("fieldset", { key: 'bb7844b7351e6563b9629728d5b8539940a53170', class: "form-group dso-checkboxes" }, index.h("legend", { key: '13449624313a5067587666ced786396c5af1a1a2', class: "sr-only" }, "Kaartlagen"), index.h("div", { key: '8eaa6f4f70660ede7f3c32f790882d46d3e61185', class: "dso-label-container" }, index.h("span", { key: 'addb11d20ad0516a654fd70732298f5edbbfb2e6', class: "control-label", "aria-hidden": "true" }, this.text("title"))), index.h("div", { key: '3e0b4fe1816d8c6620f206bc8802728d66c73d95', class: "dso-field-container" }, this.overlays.map((overlay) => (index.h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? index.h("p", { slot: "info" }, overlay.info) : null))))));
+        return (index.h("fieldset", { key: 'c3b999bcfd600744f885128418dcb69aa9a18133', class: "form-group dso-checkboxes" }, index.h("legend", { key: 'bf13c49ba66ed5a8f0c8ca8ce3b2f4e41de64032', class: "sr-only" }, "Kaartlagen"), index.h("div", { key: '639e81cdc4f91ee53da11c8aede39fd5c85fc6e7', class: "dso-label-container" }, index.h("span", { key: '94172cf1232312e5d39e09f99390119f189109ce', class: "control-label", "aria-hidden": "true" }, this.text("title"))), index.h("div", { key: 'bb520e45e6a9c58c5bf7013fdbcf5ed39a635d45', class: "dso-field-container" }, this.overlays.map((overlay) => (index.h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? index.h("p", { slot: "info" }, overlay.info) : null))))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-mark-bar.cjs.entry.js

@@ -51,7 +51,7 @@ const MarkBar = class {
     render() {
         const current = this.current || 0;
         const totalCount = this.totalCount || 0;
-        return (index.h("div", { key: 'cfffd6bc7883c53ce3fb065abce6508b068d2dfc', class: "dso-mark-bar" }, index.h("div", { key: 'f6bf98da9d7f2a33f205c7d0943e0302384fb691', class: "dso-mark-bar-input" }, index.h("input", { key: 'c434fd1466670d749b7d80e3a025668a8d9cfbb1', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), index.h("label", { key: '23acca82e1d3a1db946db5037f589bb01d96bde6', htmlFor: "search-input" }, index.h("dso-icon", { key: '9b75f757f7887adc075d918fb2817cc1f0918573', class: "dso-search-icon", icon: "search" }), index.h("span", { key: '18e6f09ca7b218e9f583870649a75827b1e07106', class: "label-text" }, this.label)), index.h("dso-icon-button", { key: '426b6a00e385cd4ea1cd453647db8beaea6e3a43', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), index.h("div", { key: '3f972856bedc23484617c25e197640cd04b98f8d', class: "dso-button-container" }, index.h("span", { key: 'e7aacd63164c0fc9c44e4e4d0ddc9ccc0f6abab1', class: "divider" }), index.h("dso-icon-button", { key: '7a0c02f8392c1475311c7f595ed3e9c965990e00', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), index.h("span", { key: 'd6eed5e2cae8f60a0ccaccee5881bd8b07200ba8' }, current, "/", totalCount), index.h("dso-icon-button", { key: '9edf1d0a5dbfcee4795213ab9dd5493c94a11159', icon: "chevron-down", variant: "tertiary", label: "Volgend zoekresultaat", onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
+        return (index.h("div", { key: '3f2390f17346e0f6e8f5922c8205b7d0dbb68f89', class: "dso-mark-bar" }, index.h("div", { key: '19da44807b5d7be12bf74f601412e0228ada4a49', class: "dso-mark-bar-input" }, index.h("input", { key: 'fd26a40b6539bc0ac7638e587776819d9a8e2831', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), index.h("label", { key: '6b6599311c0068af1470cf2f04defc603740064f', htmlFor: "search-input" }, index.h("dso-icon", { key: '61e5cf281785c47181144e6a06fbc4f92f1f4ae9', class: "dso-search-icon", icon: "search" }), index.h("span", { key: '7a7b144411738a1d804e7c75256adccbf922b864', class: "label-text" }, this.label)), index.h("dso-icon-button", { key: 'bb929394de046b8a3acaff79bda1a51a0768870a', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), index.h("div", { key: '32c06190f96d124d6f2d7ac6fe207aedd4af9638', class: "dso-button-container" }, index.h("span", { key: '988bd229b69150fcc6107f6e291a00c76b04e8b5', class: "divider" }), index.h("dso-icon-button", { key: '40ae708d4a8676e617d728d3d326d50767394046', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), index.h("span", { key: '973aa6d3df09e3809bbcd4c2b96dee8144cae2d6' }, current, "/", totalCount), index.h("dso-icon-button", { key: 'a26fc60b7e05fe6725f444476afe85345c9f13b8', icon: "chevron-down", variant: "tertiary", label: "Volgend zoekresultaat", onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
     }
 };
 MarkBar.style = markBarCss();