@dso-toolkit/core 100.3.0 → 100.3.1

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

@@ -112,7 +112,7 @@ const Modal = class {
         }
     }
     render() {
-        return (index.h("dialog", { key: '5ab02472ddbd1dca5ae9eb1d96dec73bf0fbed15', class: clsx.clsx("dso-modal", { fullscreen: this.fullscreen }), role: this.dialogRole ?? undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onMouseDown: (e) => this.handleDialogMouseDown(e), onMouseUp: (e) => this.handleDialogMouseUp(e), onClick: (e) => this.handleDialogClick(e), onKeyDown: (e) => this.blockEscapeKey(e) }, index.h("div", { key: 'eb3bba348fd18f9fd45a5967785499f751042a23', class: "dso-dialog" }, this.narrowView ? (index.h("dso-scrollable", { class: "narrow" }, index.h("div", { class: "modal-scrollable" }, index.h(Header, { modalTitle: this.modalTitle, closable: this.closable, ariaId: this.ariaId, text: this.text, dsoClose: this.dsoClose }), index.h(Body, null), this.hasFooter && index.h(Footer, null)))) : (index.h(index.Fragment, null, index.h(Header, { modalTitle: this.modalTitle, closable: this.closable, ariaId: this.ariaId, text: this.text, dsoClose: this.dsoClose }), index.h("dso-scrollable", null, index.h(Body, null)), this.hasFooter && index.h(Footer, null))))));
+        return (index.h("dialog", { key: '88fdbf3daa75f55ba65d34e9978112db6659a83c', class: clsx.clsx("dso-modal", { fullscreen: this.fullscreen }), role: this.dialogRole ?? undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onMouseDown: (e) => this.handleDialogMouseDown(e), onMouseUp: (e) => this.handleDialogMouseUp(e), onClick: (e) => this.handleDialogClick(e), onKeyDown: (e) => this.blockEscapeKey(e) }, index.h("div", { key: '0628cd928e8ad3457fea7c401a9d4a9d132eae4a', class: "dso-dialog" }, this.narrowView ? (index.h("dso-scrollable", { class: "narrow" }, index.h("div", { class: "modal-scrollable" }, index.h(Header, { modalTitle: this.modalTitle, closable: this.closable, ariaId: this.ariaId, text: this.text, dsoClose: this.dsoClose }), index.h(Body, null), this.hasFooter && index.h(Footer, null)))) : (index.h(index.Fragment, null, index.h(Header, { modalTitle: this.modalTitle, closable: this.closable, ariaId: this.ariaId, text: this.text, dsoClose: this.dsoClose }), index.h("dso-scrollable", null, index.h(Body, null)), this.hasFooter && index.h(Footer, null))))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-onboarding-tip.cjs.entry.js

@@ -73,7 +73,7 @@ const OnboardingTip = class {
     }
     render() {
         const ariaLabel = this.headingSlottedElement?.textContent;
-        return (index.h(index.Host, { key: '008beb10763a313f7c8eb5ff5b50ced5955f6bed', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, index.h("div", { key: '60f7b743a1ba57b391fc824ceed2ffadbe351087', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, index.h("div", { key: 'f377098c52756ff0e898c7a7938fd9fa97fcbb0c', class: "onboarding-tip-inner" }, index.h("div", { key: '1ae47730b06e94970934a7f9a0ff93ba66852d63', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (index.h("div", { key: 'e3b97de099f164ffa4d929b7cf7f16ebdf44a9bf', class: "onboarding-tip-content-heading" }, index.h("dso-icon", { key: '2b94028f318ee078fd128d486e228a0dba4844e3', icon: "light-bulb", "aria-hidden": "true" }), index.h("slot", { key: '21b4b5535e7e10cf8602d95836b70f598bcb5d7e', name: "heading" }))), index.h("dso-icon-button", { key: '93394a8db1fc8b6167f5cf7f9aa388c75a02a036', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), index.h("slot", { key: 'a32b00deb409b417ffbcb72ae2eaa764adf89f6a' }))), index.h("div", { key: 'ac92c15f359dec9f59f58c2f7d2a5f2dcdef10dd', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
+        return (index.h(index.Host, { key: '2736db18053b7e878f6fa384b420493f1ec44ce1', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, index.h("div", { key: '502f1260912fc9d08759d1e012a5361fff340cf4', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, index.h("div", { key: '3b0ccaef90fe059e2f01680eb21736c448d60592', class: "onboarding-tip-inner" }, index.h("div", { key: '8be831092784dce2245a3fea83622d4855e840e4', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (index.h("div", { key: '73dfd2d072d01b48174bc168195da9cb37c8bfaf', class: "onboarding-tip-content-heading" }, index.h("dso-icon", { key: 'c2657a46999e88d802efd6e380e361aead603602', icon: "light-bulb", "aria-hidden": "true" }), index.h("slot", { key: 'a590d18fa79747ff9e0eb7f1496cd896ed0278d5', name: "heading" }))), index.h("dso-icon-button", { key: 'e334271309f672d27cbf51dff10a067f0741e54d', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), index.h("slot", { key: '2fb140a9aa6074a3184efc19ed99441435c4a747' }))), index.h("div", { key: 'e47261025e5759fe8b0c0a73eedd4ed657a73f3a', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
     }
     get headingSlottedElement() {
         return this.host.querySelector("[slot='heading']");

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

@@ -40,7 +40,7 @@ const PlekinfoCard = class {
     }
     render() {
         const hasSymbol = this.symbolSlottedElement !== null;
-        return (index.h(index.Host, { key: '2d53ad2af278ecb04350916d97663d6e051f0621', "has-symbol": hasSymbol }, index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: '38cf232cc042b804f78641249dcb78e49edf60ad', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, index.h("div", { key: '06e440267be7b64ba1c83e496a31b9feb2b2e656', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, index.h("slot", { key: '70b391dc311eab8a6a82c7b1ef016bb319451ca5', name: "symbol" })), index.h("div", { key: '308739dc070978d312a683cf15418b3641c33d14', class: "dso-plekinfo-card-heading" }, this.href ? (index.h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("span", { class: "heading-content" }, index.h("slot", { name: "heading" })), "\u2060", this.targetBlank ? (index.h(index.Fragment, null, index.h("dso-icon", { icon: "external-link" }), index.h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (index.h("dso-icon", { icon: "chevron-right" })))) : (index.h("slot", { name: "heading" })), this.metaSlottedElement !== null && index.h("slot", { key: 'af52f7b0ef4ffaf976676ac25603add75e8ed953', name: "meta" }), this.interaction !== null && index.h("slot", { key: 'eb3c57de70129f281e1991ec3577d5daf7d77447', name: "interaction" })), index.h("div", { key: 'ac287449cb3ab9d081d23e7df27e76b90c2597c4', class: "dso-plekinfo-card-content" }, index.h("slot", { key: '7d9d0fd07d588b09dfdc3716cb00c46622a41af2', name: "content" })))));
+        return (index.h(index.Host, { key: 'aabcf9f7d1d9ac7a2eaaf8dac9bbd487def590e9', "has-symbol": hasSymbol }, index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: '8fe16ac5af29835b9dd45f6910ec9d17f9182921', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, index.h("div", { key: '54a40042ed5eebfd81ba2534b1931fda5bd3f6c8', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, index.h("slot", { key: 'f08ae4bacaf9b1f62059f5f34a857025ad07c23b', name: "symbol" })), index.h("div", { key: '897b568013c7dc1dac7695bcab2251c87212acfb', class: "dso-plekinfo-card-heading" }, this.href ? (index.h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("span", { class: "heading-content" }, index.h("slot", { name: "heading" })), "\u2060", this.targetBlank ? (index.h(index.Fragment, null, index.h("dso-icon", { icon: "external-link" }), index.h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (index.h("dso-icon", { icon: "chevron-right" })))) : (index.h("slot", { name: "heading" })), this.metaSlottedElement !== null && index.h("slot", { key: '676637dfd0bae31d9ce8a59d80acce3029ae5a73', name: "meta" }), this.interaction !== null && index.h("slot", { key: 'f5e396fcda503f238056bd9b764d46422b005390', name: "interaction" })), index.h("div", { key: 'c4c81e97a4a9b2edda0e96d88b74f4cc77fd39be', class: "dso-plekinfo-card-content" }, index.h("slot", { key: 'ec0373ae1542871541b60ba74af38964fac34f9e', name: "content" })))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-progress-indicator.cjs.entry.js

@@ -24,7 +24,7 @@ const Progressindicator = class {
         this.text = i18n.i18n(() => this.host, translations);
     }
     render() {
-        return (index.h(index.Host, { key: 'd5e6ea64b6b3983180f0899946b9b3354a2fe41e' }, index.h("span", { key: '6805adbb082ad54d4b4a4d84b85b001d4f665cfe', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, index.h("dso-icon", { key: 'b3f8dad626b182e46a70f83439c11765a67b2262', icon: "spinner" })), index.h("span", { key: 'b4ed2102656f7b330b8a436f8e999df3d30c89d9', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
+        return (index.h(index.Host, { key: '756b3c77f67be36f96ff5ab888468612ba099827' }, index.h("span", { key: '11fb5c5829de9fc1a01ba440aacf0c1577c5bf2e', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, index.h("dso-icon", { key: '2ea1050a9196781ab9f246dd50b8f1b905bf085b', icon: "spinner" })), index.h("span", { key: 'ec94e1009c0d8aa8540ceb3bc9b745db8f591e15', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -9,7 +9,7 @@ const ProjectItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Fragment, { key: 'ce430c6cdf4a3551ac6dded20724d388f2a78f41' }, index.h("div", { key: 'fa60c476c219be6aba73f7aa19d0ca37f43eaf82', class: "project-item-header" }, index.h("div", { key: '08d2b98b4d240a6e1605a09625966ee2e24cacac', class: "project-item-title" }, index.h("slot", { key: '33c96e1e086fad5040b5f5e57d4f6bdc66b59f54', name: "title" }), this.label && (index.h("dso-label", { key: '2b7c36c4a87394cf59147521ab0c63b46ab7dc0d', status: "error", compact: true }, this.label))), index.h("div", { key: '434aa16ddff7801e52aaf2cf4205fc7387babfe4', class: "project-item-actions" }, index.h("slot", { key: '27d3546aaa782becb520f98ab5cd8edb8d624906', name: "actions" }))), index.h("div", { key: 'a233e05c27ec5beb54b23d5a3042c73fd7defc2c', class: "project-item-info" }, index.h("div", { key: '91d630b5c041b08fa7698acac2b92739d93d9db1', class: "project-item-progress" }, index.h("slot", { key: 'a8bda2420c70a50c8b793ba24b2ed98a640f77a8', name: "progress" })), index.h("div", { key: '543d749f0339d2f8dd69b7c19b14f555c5fdb10e', class: "project-item-status" }, index.h("slot", { key: '7d94342205d9b51daab159dc426661e6db927081', name: "status" })))));
+        return (index.h(index.Fragment, { key: '3ac430a9784d0c352920bdff7b9ab29d2fde64aa' }, index.h("div", { key: '9d5afd5ac80b2e859534ebc585a18e5e19b701cb', class: "project-item-header" }, index.h("div", { key: '92cba7550fcaa706250f5bfb9f88975203d86d01', class: "project-item-title" }, index.h("slot", { key: '1316cf5d4bf00e9fb586899d7c31ac3136cd7ad6', name: "title" }), this.label && (index.h("dso-label", { key: '84505a4bb88b548e5b7ef6d558f34e946114daab', status: "error", compact: true }, this.label))), index.h("div", { key: 'f410b00ad014f6b8493480d3b7b012d223a22275', class: "project-item-actions" }, index.h("slot", { key: '238f041f9b840b168baa0a3ba856a821b06f3149', name: "actions" }))), index.h("div", { key: '218b426d117b47adb2e40bb6f4a3d51ce39efe18', class: "project-item-info" }, index.h("div", { key: 'd6b5a8dd5d087c0660ac59252d3a0546fd56aac7', class: "project-item-progress" }, index.h("slot", { key: '823bc498b3fa080c15abc6abd1ba0463e4e3c10e', name: "progress" })), index.h("div", { key: 'b78c5b92beaf2978feea3955e2ac5a3de7d69a8e', class: "project-item-status" }, index.h("slot", { key: '17390000c0f4f0652d2faa1b6d05596c1b089bc9', name: "status" })))));
     }
 };
 ProjectItem.style = projectItemCss();

package/dist/cjs/dso-responsive-element.cjs.entry.js

@@ -60,7 +60,7 @@ const ResponsiveElement = class {
         this.observer.unobserve(this.host);
     }
     render() {
-        return (index.h(index.Host, { key: '0e46330d5c565d1935350d23614c75bdb72f9607', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, index.h("slot", { key: 'b6c1d67077a565d82dc058eb3c29c0fc75e5ec86' })));
+        return (index.h(index.Host, { key: 'c3f560fe8005a7254af1233ab6256e185110b071', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, index.h("slot", { key: 'bd879977929bba4e895b87b2d9be05157f9504fb' })));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 var index = require('./index-CfwUrDXc.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
-const scrollableCss = () => `:host{display:block;block-size:100%;overflow-y:hidden;border-radius:var(--_dso-scrollable-border-radius, 0)}*,*::after,*::before{box-sizing:border-box}.dso-shadow-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;position:relative}.dso-shadow-container .dso-scroll-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;overflow-y:hidden;padding-inline:var(--_dso-scrollable-container-padding-inline, 0);padding-block:var(--_dso-scrollable-container-padding-block, 0);border-end-start-radius:var(--_dso-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dso-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before,.dso-shadow-container .dso-scroll-container::after{background-repeat:no-repeat;background-size:100% 24px;content:"";display:block;block-size:24px;inset-inline-start:0;opacity:0;overflow:visible;position:absolute;transition:opacity 150ms ease-in-out;inline-size:100%;pointer-events:none;z-index:1;border-end-start-radius:var(--_dso-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dso-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before{background-image:linear-gradient(to top, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-start:0}.dso-shadow-container .dso-scroll-container::after{background-image:linear-gradient(to bottom, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-end:0}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom,.dso-shadow-container .dso-scroll-container.dso-scroll-top,.dso-shadow-container .dso-scroll-container.dso-scroll-middle{overflow-y:auto}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom::before{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-top::after{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-middle::before,.dso-shadow-container .dso-scroll-container.dso-scroll-middle::after{opacity:1}`;
+const scrollableCss = () => `:host{display:block;block-size:var(--_dso-scrollable-block-size, 100%);overflow-y:hidden;border-radius:var(--_dso-scrollable-border-radius, 0)}*,*::after,*::before{box-sizing:border-box}.dso-shadow-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;position:relative}.dso-shadow-container .dso-scroll-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;overflow-y:hidden;padding-inline:var(--_dso-scrollable-container-padding-inline, 0);padding-block:var(--_dso-scrollable-container-padding-block, 0);border-end-start-radius:var(--_dso-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dso-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before,.dso-shadow-container .dso-scroll-container::after{background-repeat:no-repeat;background-size:100% 24px;content:"";display:block;block-size:24px;inset-inline-start:0;opacity:0;overflow:visible;position:absolute;transition:opacity 150ms ease-in-out;inline-size:100%;pointer-events:none;z-index:1;border-end-start-radius:var(--_dso-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dso-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before{background-image:linear-gradient(to top, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-start:0}.dso-shadow-container .dso-scroll-container::after{background-image:linear-gradient(to bottom, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-end:0}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom,.dso-shadow-container .dso-scroll-container.dso-scroll-top,.dso-shadow-container .dso-scroll-container.dso-scroll-middle{overflow-y:auto}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom::before{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-top::after{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-middle::before,.dso-shadow-container .dso-scroll-container.dso-scroll-middle::after{opacity:1}`;
 
 // Accumulate resized targets in a Set and flush once per animation frame.
 const pendingTargets = new Set();
@@ -113,9 +113,9 @@ const Scrollable = class {
         this.slottedElements.forEach((element) => resizeObserver.unobserve(element));
     }
     render() {
-        return (index.h("div", { key: 'ba20c551e9039dfaf75e22f3aa2a0c830fc37190', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, index.h("div", { key: '7740920d51a271d395c5f1ef27edff8eb0bc24ed', ref: (el) => (this.scrollContainerDiv = el), class: clsx.clsx("dso-scroll-container", {
+        return (index.h("div", { key: 'fe0d074d76f0bbc8e399dab11d01bef781d2511d', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, index.h("div", { key: 'd0d9b97dc5e1ba38d7f98c90514e19c24ab01be0', ref: (el) => (this.scrollContainerDiv = el), class: clsx.clsx("dso-scroll-container", {
                 [`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== "noScroll",
-            }), onScroll: () => this._setScrollState(), tabIndex: this._preventFocus ? -1 : undefined }, index.h("slot", { key: 'ecce8833067ef456a5d998cb387ef0cd40aff02a' }))));
+            }), onScroll: () => this._setScrollState(), tabIndex: this._preventFocus ? -1 : undefined }, index.h("slot", { key: '5129feeed00f3f9d1b92abe02fab75c3c3212d2a' }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -24,7 +24,7 @@ const SegmentedButton = class {
         });
     }
     render() {
-        return (index.h("div", { key: '24e855e55cf1feec27c4ea411d7d3ba05da2a732', class: "segmented-button", role: "radiogroup", "aria-label": this.label, "aria-required": this.required?.toString() }, this.options?.map((option) => {
+        return (index.h("div", { key: 'c0f33653af6edbd39c8cb8f5d58ef0888c462e6e', class: "segmented-button", role: "radiogroup", "aria-label": this.label, "aria-required": this.required?.toString() }, this.options?.map((option) => {
             return (index.h("label", null, index.h("input", { type: "radio", name: this.groupName, value: option.label, checked: this.activeOption === option, disabled: option.disabled, onClick: (event) => this.handleClick(option, event) }), index.h("span", { class: "segment-label" }, option.label)));
         })));
     }

package/dist/cjs/dso-shopping-cart.cjs.entry.js

@@ -20,12 +20,12 @@ const ShoppingCart = class {
     }
     renderToggle() {
         if (this.mode === "main") {
-            return (index.h("button", { type: "button", class: "dso-secondary", onClick: (e) => this.dsoToggle.emit({ originalEvent: e }) }, index.h("span", null, "Sluiten"), index.h("dso-icon", { icon: "chevron-right" })));
+            return (index.h("button", { type: "button", class: "dso-secondary", onClick: (e) => this.dsoToggle.emit({ originalEvent: e }) }, index.h("span", null, "Sluiten"), index.h("dso-icon", { icon: "cross" })));
         }
         return (index.h("dso-icon-button", { icon: "chevron-left", variant: "secondary", label: "Openen", onDsoClick: (e) => this.dsoToggle.emit({ originalEvent: e.detail.originalEvent }) }));
     }
     render() {
-        return (index.h("div", { key: '510bbaaf0168ead779506268e240db510052e825', class: "shopping-cart" }, index.h("div", { key: '122708dc74255a93a4b4a437bd769959cddffa36', class: "header" }, index.h("slot", { key: '24c9865d01ee9c8767628b4f75a9ea64e8b0ce71', name: "heading" }), this.toggleable && this.renderToggle()), index.h("div", { key: '70efc93e9dff173c67b9fa346845d5952d5b527c', class: "items" }, index.h("slot", { key: '68ffbb3f0e54539ddd3f38b2ea1ff40c2a41d351' }))));
+        return (index.h("div", { key: '4ab8903267d21c49bb0d6134967573769f86655b', class: "shopping-cart" }, index.h("div", { key: 'b5c1c1c6c74187ec67e912537cabe7fb6bcb1d52', class: "header" }, index.h("slot", { key: '5f71e3cc839eae5ade72d04c72d7cf1cfbd94163', name: "heading" }), this.toggleable && this.renderToggle()), index.h("div", { key: 'b18e6324a3272c4a8921b8038de70cde83b1902e', class: "items" }, index.h("slot", { key: 'd56ca548761f51438075baa04bdbafa02124013d' }))));
     }
 };
 ShoppingCart.style = shoppingCartCss();

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

@@ -17,7 +17,7 @@ const Skiplink = class {
         return this.dsoSkiplinkClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent.isModifiedEvent(e) });
     }
     render() {
-        return (index.h("a", { key: '93db542416f22441dae5abeea1e4cc61cc1a25fc', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, index.h("dso-icon", { key: 'd453e74aaca80955621dc05b9ce4d326671f3ee9', icon: "chevron-right" })));
+        return (index.h("a", { key: '937587918b1d40741510860278da2c73edbe6735', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, index.h("dso-icon", { key: 'd911e0a1de7cb3cc20bee05d84452c8261aac952', icon: "chevron-right" })));
     }
 };
 Skiplink.style = skiplinkCss();

package/dist/cjs/dso-survey-rating.cjs.entry.js

@@ -28,10 +28,10 @@ const SurveyRating = class {
             "Makkelijk",
             "Heel makkelijk",
         ];
-        return (index.h("dso-panel", { key: '4026814077478126886d7c6dd3c91cff5c8987ca', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, index.h("h2", { key: '8b0c40eb3de6cf3176b157ceb908956e2f9e4581', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), index.h("strong", { key: '9218e2fcbadb61436fa8080e448bf50abc56418d' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), index.h("form", { key: 'e517ab50c84d3087bdc165c8aa12aea8acfdfd46', onSubmit: (e) => this.handleForm(e) }, index.h("div", { key: '5f80f7273cc6005a9b17ebf38dd1b037661a5585', class: "visual-rating-labels", "aria-hidden": "true" }, index.h("span", { key: '1bdbc022680fa6250205cfed9c69a19adb51ddf7' }, "Heel moeilijk"), index.h("span", { key: '94068a97aad6a541399f04bfacd51e33749cee1d' }, "Heel makkelijk")), index.h("div", { key: 'b2dceabfdb6e371437d40c209c0d990159f05c50', role: "radiogroup" }, ratings.map((rating, index$1) => {
+        return (index.h("dso-panel", { key: 'a1e6eea42d3a72e8e35d4321e2e08694bc9bd281', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, index.h("h2", { key: '88bb1cebae164f7e2b49b4b2a0bd6c9cc73c5e1b', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), index.h("strong", { key: 'b08654c69e56c45cb9f63a78f78122210e5eab1a' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), index.h("form", { key: 'f25990862da6afa7f424f1cce2e189cb44e8f27d', onSubmit: (e) => this.handleForm(e) }, index.h("div", { key: 'c199c41e390f142411a9716f2a731d8571099e1d', class: "visual-rating-labels", "aria-hidden": "true" }, index.h("span", { key: 'bccb906e701e942afc821ef44246c262a8d9a92b' }, "Heel moeilijk"), index.h("span", { key: '3c76e8c0df2fd4570506f4c4c42cf35b6cd4856f' }, "Heel makkelijk")), index.h("div", { key: '9e0ac271c8a8bf13e6e3ee27fc5531f8d9c544d7', role: "radiogroup" }, ratings.map((rating, index$1) => {
             const ratingNumber = index$1 + 1;
             return (index.h(index.Fragment, null, index.h("label", { class: `survey-rating-${ratingNumber}` }, ratingNumber, index.h("span", { class: "sr-only" }, rating), index.h("input", { type: "radio", name: "rating", value: ratingNumber, checked: ratingNumber === this.rating, onChange: (e) => this.handleChange(e) }))));
-        })), index.h("button", { key: '88524ec3c4bf1b9c059e838c8a761b7b59aca508', type: "submit", class: "dso-secondary" }, index.h("span", { key: '79b5f16daf9dbb2ebaa51f3644c3e41cc40e39e1' }, "Antwoord verzenden")))));
+        })), index.h("button", { key: 'cc40fc4662afb4ff4c55c87babcddf4f166ec8ef', type: "submit", class: "dso-secondary" }, index.h("span", { key: 'ef997bdf90814a3a898eba461f51455af6f96933' }, "Antwoord verzenden")))));
     }
 };
 SurveyRating.style = surveyRatingCss();

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

@@ -62,7 +62,7 @@ const Tabs = class {
         this.mutationObserver?.disconnect();
     }
     render() {
-        return (index.h(index.Host, { key: '88c28ae388d2276dec5e4b8c92066a005604d5b5' }, index.h("div", { key: 'cee7d902fb455fadd0c4588cf5a6133466ec89ed', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, index.h("slot", { key: 'a9893f2c16e194318a589a379dbcd23b450bda17' })), index.h("div", { key: '66cfff257290a44c064fc4011f8101fc4ab0b918', role: "tabpanel", tabindex: "0" }, index.h("slot", { key: '52f5be68fcb6b98b5c8831e81522faa4733a3501', name: "panel" }))));
+        return (index.h(index.Host, { key: 'f9840526a41e0ce6bdd945e3f26a981dc4592cd8' }, index.h("div", { key: '8f1d74bde554f0dd2731dd9e607105c656e0f696', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, index.h("slot", { key: 'b0793d048219d61afefbbde716c7cb7128a8c1fe' })), index.h("div", { key: '6af0ed80dd887924bc59f746b689fa4dbeca23ab', role: "tabpanel", tabindex: "0" }, index.h("slot", { key: '1eacaa24eaac109889d5a564d7e6c038a51bc7e8', name: "panel" }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -9,7 +9,7 @@ const TijdreisBanner = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Fragment, { key: '87e07ae60caceaede01cca3be68eabe3be3a4ff0' }, index.h("dso-icon", { key: 'be83bf9a6bbfb99f58e5cd9472ebdc6f548c1a12', icon: "clock-outline" }), index.h("slot", { key: '2c820079226fc53e34dc2adf0e32ac9d7e4baa23' }), index.h("slot", { key: '3bc1846d25fb9de12af41befcd5fdbf5ffa25795', name: "button" })));
+        return (index.h(index.Fragment, { key: 'fe3fa01cf2a99643bfccaf466a4dce6b27b96640' }, index.h("dso-icon", { key: 'c97456db8ec8be99be97bbb1299bd2acfea3b26a', icon: "clock-outline" }), index.h("slot", { key: '6f345b66c80ac2820e99a6fb8a9c24bffa55c182' }), index.h("slot", { key: 'cbd60483bb0de2ee56640e43776902557fa2359e', name: "button" })));
     }
 };
 TijdreisBanner.style = tijdreisBannerCss();

package/dist/cjs/dso-tree-view.cjs.entry.js

@@ -181,7 +181,7 @@ const TreeView = class {
         return false;
     }
     render() {
-        return (index.h("div", { key: 'a09d39f8a02d8065d4d5580415937a2116db983e', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, index.h("ul", { key: '9727b74b4bf09dbbf4bfaf2fc4cb3a4114c33c45', role: "tree", "aria-label": "Objectenboom" }, this.collection?.map((item, index$1) => (index.h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index$1, level: 1, setSize: this.collection.length }))))));
+        return (index.h("div", { key: 'f2a3ebdc132ce89aa5ae288a1843c67a287c8a7e', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, index.h("ul", { key: '5c26ca0a616ab1dd0f4a4c9c89de12857e3b94aa', role: "tree", "aria-label": "Objectenboom" }, this.collection?.map((item, index$1) => (index.h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index$1, level: 1, setSize: this.collection.length }))))));
     }
 };
 TreeView.style = treeViewCss();

package/dist/cjs/dso-viewer-grid.cjs.entry.js

@@ -217,9 +217,9 @@ const ViewerGrid = class {
     }
     render() {
         const tabs = viewerGridTabs.filter((tab) => tab !== "document" || this.documentPanelOpen);
-        return (index.h(index.Fragment, { key: '241814f9dbad84b61135c323a680969ef0a90107' }, index.h("slot", { key: '05ac775a8477d1d63e471c955c4077e9c8d1fb7d', name: "top-bar" }), index.h("div", { key: 'f9ee9a7b9d7d991926eb65c75cd32b927fd733b2', class: "viewer-grid-columns" }, this.tabView && (index.h("nav", { key: '253c852cc683c756e86547dcb28923174cde8e8f', class: "dso-navbar" }, index.h("ul", { key: '6f18d6f78938aebaa7e1b226407ac7d2dffbc1ed', class: "dso-nav dso-nav-sub" }, tabs.map((tab) => (index.h("li", { key: tab, class: clsx.clsx({ "dso-active": this.activeTab === tab }) }, index.h("button", { type: "button", class: "dso-tertiary", "aria-current": this.activeTab === tab ? "page" : undefined, onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search") || this.print) && (index.h(MainPanel, { key: 'a6f56d5185291153aee1d77ced57ab4706a44aa5', tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.tabView ? false : this.mainPanelHidden, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd, printFilterPanel: !this.tabView && this.filterPanelOpen && this.print ? this.renderFilterPanel() : undefined })), (!this.tabView || (this.tabView && this.activeTab === "search")) && !this.print && this.renderFilterPanel(), (!this.tabView || (this.tabView && this.activeTab === "map") || this.print) && (index.h("div", { key: '95861f26a452ef5af113741066b79074bc860963', class: "map-area" }, index.h("div", { key: '1f383040d374cb0bae3f63ab790119c7ae148fb1', class: "map", ref: (element) => (this.mapElement = element) }, index.h("slot", { key: '0ec12d6753bc7ee9c406e9c97ed4d244cbc6ee1e', name: "map" })), index.h("slot", { key: 'a570139935c98f65a464ae624702bcae1f2eda19', name: "legend" }))), ((!this.tabView && this.documentPanelOpen) ||
+        return (index.h(index.Fragment, { key: 'c85d4274d1a9aba5a285d833f52fb0ad68911b25' }, index.h("slot", { key: 'c5a356770b7f516d71374c03068dd1f3f9065f33', name: "top-bar" }), index.h("div", { key: 'a5cee3ba2b72f2d0f5cea52cbc7223f060f2dd28', class: "viewer-grid-columns" }, this.tabView && (index.h("nav", { key: '3b31f7dc2e64f3627b57dc311ff0ca0734aab160', class: "dso-navbar" }, index.h("ul", { key: '8b1ba2ea7e594cee26eef1f9a7a49507b8a2bbc2', class: "dso-nav dso-nav-sub" }, tabs.map((tab) => (index.h("li", { key: tab, class: clsx.clsx({ "dso-active": this.activeTab === tab }) }, index.h("button", { type: "button", class: "dso-tertiary", "aria-current": this.activeTab === tab ? "page" : undefined, onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search") || this.print) && (index.h(MainPanel, { key: '44a5bec90b78114a2893e16f64e14c71a9fb6887', tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.tabView ? false : this.mainPanelHidden, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd, printFilterPanel: !this.tabView && this.filterPanelOpen && this.print ? this.renderFilterPanel() : undefined })), (!this.tabView || (this.tabView && this.activeTab === "search")) && !this.print && this.renderFilterPanel(), (!this.tabView || (this.tabView && this.activeTab === "map") || this.print) && (index.h("div", { key: '098f18a60f5d25015756f7c989eb03dd61313b9b', class: "map-area" }, index.h("div", { key: 'e18af6341c8743e3876dddbdb92cf697df2eec2e', class: "map", ref: (element) => (this.mapElement = element) }, index.h("slot", { key: 'd1815a24fe67a4a6ea81954743aac35fb6dc8ec2', name: "map" })), index.h("slot", { key: '85d63cc24dbfe96834e0dbca45afe28086f65cd4', name: "legend" }))), ((!this.tabView && this.documentPanelOpen) ||
             (this.tabView && this.activeTab === "document" && this.documentPanelOpen) ||
-            this.print) && (index.h(DocumentPanel, { key: '38a389210e514b872a2a7317c052098b34cdb761', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), index.h(Overlay, { key: '5e2ebc240274688c73aa9d0bbfc3bc15d02537e8', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
+            this.print) && (index.h(DocumentPanel, { key: '0aef1d3dc9ce5bedd453cf28e31abbbece9bd64b', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), index.h(Overlay, { key: '9f483f77a593bce5a4cc543f2c18e3825eaee6f9', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/collection/components/alert/alert.js

@@ -1,4 +1,4 @@
-import { h } from "@stencil/core";
+import { Fragment, h } from "@stencil/core";
 import { clsx } from "clsx";
 import { i18n } from "../../utils/i18n";
 import { translations } from "./alert.i18n";
@@ -11,11 +11,11 @@ export class Alert {
         this.text = i18n(() => this.host, translations);
     }
     render() {
-        const status = this.text(this.status);
-        if (!status) {
-            throw new Error(`Invalid status ${this.status}`);
+        const isValidStatus = ["success", "info", "warning", "error"].includes(this.status);
+        if (!isValidStatus) {
+            console.warn(`Invalid status ${this.status}`);
         }
-        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 }) }))));
+        return (h("div", { key: '2f3804fc5cb8af7bb475beb0c1180167e12f0a29', class: clsx("alert", { [`alert-${this.status}`]: isValidStatus }, { "dso-compact": this.compact }), role: this.roleAlert ? "alert" : undefined }, isValidStatus && (h(Fragment, null, !this.compact && (h("dso-icon", { key: '5157d1a6105065c9480eee40949f747d825b6963', class: "icon-status", icon: `status-${this.status === "info" ? "info-solid" : this.status}`, "aria-hidden": "true" })), h("span", { key: '4f0e4edba075e4973828b013e1268d2bebbd2779', class: "sr-only" }, this.text(this.status), ":"))), h("slot", { key: '05793df0001cb3066913c67b1f1873a19e0cd805' }), this.closable && (h("dso-icon-button", { key: 'c662d10b9bcbd003dd3bd19d878c25224a6ef795', label: this.text("close"), variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }))));
     }
     static get is() { return "dso-alert"; }
     static get encapsulation() { return "shadow"; }

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

@@ -482,6 +482,7 @@ button:not(.dso-tertiary) dso-icon {
   inline-size: max-content;
   padding: 0;
   z-index: 220;
+  --_dso-scrollable-block-size: auto;
 }
 
 ::slotted(dso-dropdown-menu-group:not(:last-child)) {

package/dist/collection/components/header/header.css

@@ -141,6 +141,7 @@ div[popover] {
   min-inline-size: 160px;
   padding-inline: 0;
   z-index: 220;
+  --_dso-scrollable-block-size: auto;
 }
 .dropdown-menu .dropdown-menu-options ul {
   margin: 0;

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

@@ -256,9 +256,10 @@ export class Icon {
         if (this.icon) {
             const icon = icons.find((i) => i.alias === this.icon);
             if (!icon) {
-                throw new TypeError(`Unknown svg: ${this.icon}`);
+                console.warn(`Unknown svg: ${this.icon}`);
+                return;
             }
-            return h("span", { key: '2c82d776e3e12e9cccd879604b24525447e6f0f4', class: "icon-container", innerHTML: icon.svg });
+            return h("span", { class: "icon-container", innerHTML: icon.svg });
         }
     }
     static get is() { return "dso-icon"; }

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

@@ -77,7 +77,7 @@ export class IconButton {
         this.cleanUpTooltip();
     }
     render() {
-        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)));
+        return (h("button", { key: 'dff33a98f0a06ee8c7875ea2361cf9dbb2033946', 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: 'd4770a99eac2fb86e572b6a67595e948bbb8076e', icon: this.icon, "aria-hidden": "true" }), h(Tooltip, { key: '0a8b3a5194d8fd3b1c7110f9a760b13e16b570d7', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, this.label)));
     }
     static get is() { return "dso-icon-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { Fragment, h } from "@stencil/core";
 export class Info {
     render() {
-        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) }))));
+        return (h(Fragment, { key: 'a9db2b8522cbfa55e8629b58a9757d58931ecbca' }, h("slot", { key: '2059c0fb8926f48a4b1f36a2210d5c8e48861b1a' }), !this.fixed && (h("dso-icon-button", { key: 'b5350abb35893dabf2dfcb0278aee5efd7bb8951', label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit(e.detail.originalEvent) }))));
     }
     static get is() { return "dso-info"; }
     static get encapsulation() { return "shadow"; }

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

@@ -114,7 +114,7 @@ export class InfoButton {
         delete this.mutationObserver;
     }
     render() {
-        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" }))))));
+        return (h(Host, { key: 'f89df0ddad22608cc30c910b1fd4a0352516cee6', onKeyDown: this.keyDownHandler }, h("dso-icon-button", { key: '8f46b9c1930d3e546ab604620b19241e3628a3d1', 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: '2f6cbae1716c36b47e9ddb608682abdec648564b', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element) }, h("dso-scrollable", { key: 'fc29889f2ea054cc48ee22ecde9ebeb4ba414d32', ref: (element) => (this.restrictContentElement = element), "aria-live": "polite" }, h("slot", { key: '44b45316c3785a231fb8c214710c0689f8db7e08', name: "toggletip" }))))));
     }
     static get is() { return "dso-info-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,13 +10,13 @@ export class InputRange {
         const min = this.min || 0;
         const max = this.max || 100;
         const step = this.step || 1;
-        return (h(Fragment, null, this.description && (h("span", { key: '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({
+        return (h(Fragment, null, this.description && (h("span", { key: 'c9c1c2a01f8d800d9cb861f6ef4b7073af1185e3', id: "description", hidden: true }, this.description)), h("span", { key: 'c10d10a730b924332e28bcd873ba9d0f7b3b28be', class: "counter", "aria-hidden": "true" }, min, this.unit), h("input", { key: '484f8c4a80bc4d46b8ce29a5bf8d543a7afc4748', 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: 'ab860fe8d7fc759ad51a3a1789dcb14658d282fa', class: "counter", "aria-hidden": "true" }, max, this.unit)));
+            }) }), h("span", { key: 'eab4c183cb6434e4bfe2e6cefdcd806baf6d6065', class: "counter", "aria-hidden": "true" }, max, this.unit)));
     }
     static get is() { return "dso-input-range"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/label/label.js

@@ -118,11 +118,11 @@ export class Label {
         this.isTruncated = false;
     }
     render() {
-        return (h(Fragment, { key: 'b8e9c7d89bbc480af43cdc5893e13952f72c7e6f' }, h("span", { key: '39bafb744cb3b26cc4ddcc4576138c55dd371fbf', "aria-describedby": this.isTruncated ? "toggle-anchor" : null, class: clsx("dso-label", {
+        return (h(Fragment, { key: '91bdf045c5ed63dc007707e0bc69a68eeb85b081' }, h("span", { key: 'd18b289fdf86d1d7218d040179bf2f406db22e89', "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: '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)))));
+            }) }, h("slot", { key: 'b335ef4c4a3c96be81d8d6153e7b94d5edeea63e', name: "symbol" }), h("span", { key: '1e7b5709be467de0ad1bd3a74a76f0ae7be74401', 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: '6f27332800f26af5a1595c3ef7a241f640afcd8e' })), this.removable && (h("dso-icon-button", { key: 'c907dd54543ddfd79cfb46e5824fe60de503a831', 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: '1f5a56aa14db9576cb8b9adc723eccc751809df8', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, h("span", { key: '9820b8c6a6444d97c4cb4b661778e98b53e97a4b', id: "toggle-anchor" }, this.labelText)))));
     }
     static get is() { return "dso-label"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legend/legend-group/legend-group.js

@@ -41,7 +41,7 @@ export class LegendGroup {
         delete this.mutationObserver;
     }
     render() {
-        return (h(Host, { key: '0c5c8ed2b98857165e4c1305592dd6d4f499fb10' }, h("div", { key: '8101d9751bb9eaebee2b112b16fa2f648a109037', class: "legend-group-header" }, h("slot", { key: '0329f5bebfcd9fc20148531fe1aa1eb6dee10698', name: "heading" }), this.mode && (h("dso-icon-button", { key: '81b52642b60e88bfa2fedd27c9782b0def81c4d3', expanded: this.mode === "edit", label: this.mode === "view" ? this.text("edit") : this.text("view"), icon: this.mode === "view" ? "pencil" : "check", variant: "tertiary", onDsoClick: this.toggleMode }))), this.mode === "edit" && h("slot", { key: 'b8315aed971f456849894cb2deb0420f8756c7a0', name: "options" }), h("slot", { key: 'bd80f8443bcd8a420781c698b62620be34824279' })));
+        return (h(Host, { key: 'c9125b2e136179fa1d19e5e541cd2d2d9011d901' }, h("div", { key: '18669cee48503532997b985e5e54963118555e90', class: "legend-group-header" }, h("slot", { key: '617156b48af75016f2330a300f7d4a32934f5348', name: "heading" }), this.mode && (h("dso-icon-button", { key: 'f2a7054c3b21a139c67a0eede344f4d0882906e7', expanded: this.mode === "edit", label: this.mode === "view" ? this.text("edit") : this.text("view"), icon: this.mode === "view" ? "pencil" : "check", variant: "tertiary", onDsoClick: this.toggleMode }))), this.mode === "edit" && h("slot", { key: '1e7537386e19d69e26227cfa8db90d169dae2abd', name: "options" }), h("slot", { key: '1e1b580e859dfcbedfcb02e4f495ad130bf79188' })));
     }
     static get is() { return "dso-legend-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legend/legend-item/legend-item.js

@@ -60,7 +60,7 @@ export class LegendItem {
         const accessibleLabel = label?.textContent
             ? this.text("makeActive", { label: label.textContent.toLowerCase() })
             : this.text("makeActiveDefault");
-        return (h(Host, { key: 'cf2ba73234d81ab540bab9f297b6ea6547b16ba5', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: '7d6c1a3930cf5f2e2f25a3ad3334b585d5dc6dcf', class: clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (h("div", { key: 'fae34ebd6b2d0210584a3a943639667cd4e69e0f' }, h("slot", { key: 'b9cf91cacbd691e6d5c47e923d6bcb2aa9452763', name: "symbol" }))), h("div", { key: 'b7594fb8c0cc59bf4bb5fbc3589566129f872343' }, h("slot", { key: '077e25820ab130278ed55c9c271ae814bd989846', name: "label" })), this.disabled && this.disabledMessage && (h("dso-info-button", { key: 'e66c403d7fffcea66c96007b8a3293a653072ae8', label: this.text("disabledInfo"), toggletipPlacement: "bottom" }, h("div", { key: '4c52766e23155bf9410f4a83f39d620829bc54f5', slot: "toggletip" }, this.disabledMessage))), h("div", { key: '69c49eae23d674bcf821e0aebb92e2f89f2a34c4', class: "legend-item-right-content" }, this.renderRightContent(hasOptions, accessibleLabel))), hasOptions && (h("div", { key: '8267b3ced009d8749551adce9d185a07ba37ffed', hidden: this.disabled || !this.showOptions, class: "options" }, h("slot", { key: '9ed9f1e29b2e7b3aee08c0322187d2210ec0bf57', name: "options" })))));
+        return (h(Host, { key: '9910f7c632dd64364f05e11e80ad9393ff293891', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: 'adbc079c35c38cc3d95f8fb22b13df88bf323ff2', class: clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (h("div", { key: 'd63506083cd82503562e2d979c8995607493b692' }, h("slot", { key: '93df0bf546e4d84aa559df34f5bf8c55320ec85c', name: "symbol" }))), h("div", { key: '97383d43dd1463c3c6009922e022ecfd876afb9a' }, h("slot", { key: '3b7930871f1b72a069707b67e43d647e94f6558f', name: "label" })), this.disabled && this.disabledMessage && (h("dso-info-button", { key: 'c27822a26fa9fdace3a5b80dbed2d8cb3b9d3b0e', label: this.text("disabledInfo"), toggletipPlacement: "bottom" }, h("div", { key: '8a52854c3cd28c122fefa8dac0d8b3bbc647a3b2', slot: "toggletip" }, this.disabledMessage))), h("div", { key: '3ef205f555ea2d9f9f798225fb32b4273e8fca1b', class: "legend-item-right-content" }, this.renderRightContent(hasOptions, accessibleLabel))), hasOptions && (h("div", { key: 'af5340c5818b6c4cead0af10d8bbd93ad56f5738', hidden: this.disabled || !this.showOptions, class: "options" }, h("slot", { key: '3aae70d66af91143ef385b00aa353414b86da5ab', name: "options" })))));
     }
     static get is() { return "dso-legend-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legend/legend.js

@@ -63,7 +63,7 @@ export class Legend {
         this.moveFocusToTab(next);
     }
     render() {
-        return (h(Host, { key: '2a5891a256689f74a99988139f6a6f09ebaa0436' }, h("div", { key: '105c393b0222591a15b1ab7008bcd9ad7fa393d0', class: "topbar" }, h("div", { key: 'c85066bef770163fead800cf6501ef6821e02ed7', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, this.tabItems.map((tabItem) => (h("button", { class: clsx("tab", { active: tabItem.active }), role: "tab", "aria-selected": tabItem.active ? "true" : "false", ...(!tabItem.active ? { tabIndex: -1 } : {}), onClick: this.clickHandler }, tabItem.label)))), h("dso-icon-button", { key: '3587b3d41e49b1af84b95c3e5440aecc34f48bf7', icon: "cross", variant: "tertiary", label: this.text("closeLegend"), class: "close-button", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e.detail.originalEvent }) })), h("dso-scrollable", { key: 'deb31a9ad5df1e5d234bbd3459308f46330de03d', class: "content" }, h("div", { key: '769bb6d26dd18067b8a852fd9fcae761ccacc749', role: "tabpanel", tabIndex: 0 }, h("slot", { key: '290b3490e8331849e3c54b1990ab6e249b730416' })))));
+        return (h(Host, { key: '6a19193a2882506d8ed6c2678fc5fb7d50e306d3' }, h("div", { key: '377d9462efb4a215fb59c3a71ad992ff75053a43', class: "topbar" }, h("div", { key: 'efc1f5cf56372d7a542268cb76bdee32315ba203', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, this.tabItems.map((tabItem) => (h("button", { class: clsx("tab", { active: tabItem.active }), role: "tab", "aria-selected": tabItem.active ? "true" : "false", ...(!tabItem.active ? { tabIndex: -1 } : {}), onClick: this.clickHandler }, tabItem.label)))), h("dso-icon-button", { key: 'c6344cb53732dc7c8e2147fa5164b23b9908e2c5', icon: "cross", variant: "tertiary", label: this.text("closeLegend"), class: "close-button", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e.detail.originalEvent }) })), h("dso-scrollable", { key: '10a5928f03f917e015bfed1cdbbdc3cd4b741a75', class: "content" }, h("div", { key: '57341e45e63cf1fa5105fc88dcbcd27c639c0e06', role: "tabpanel", tabIndex: 0 }, h("slot", { key: '0215d38bdde6a07b4142649656658a1bd4710dc6' })))));
     }
     static get is() { return "dso-legend"; }
     static get encapsulation() { return "shadow"; }

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

@@ -73,7 +73,7 @@ export class ListButton {
     }
     render() {
         const selected = this.checked || (this.count !== undefined && this.count > 0);
-        return (h("div", { key: 'c1cb480adf856abf458fa97ef9cfce6e91f88e69', class: clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, h("div", { key: 'a977a5e752a7ceed7ae344a0448a2eac0bab1080', class: clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, h("dso-selectable", { key: '32b615286583097d07f02e232e43dc36f03188fe', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, h("span", { key: 'a949902f3b25e368d04ed4313d8470f4782c9520' }, this.label, this.sublabel && h("span", { key: '54c591db56e96580a9d8e21a8f9de3cbc79f1cd9', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (h("span", { key: '728d964c6ff8395ced280ae7c51ccffa445b206f', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", h("span", { key: 'b8a7d9d25e3b5c5c2aeeb7ca13b4e0425936177a', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && h("span", { key: '5c0fba224e8839cdc7128675166ceb2aa60a35f9', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (h("div", { key: 'b5514961f164613889d9942f429f4ba465efa332', class: "subcontent" }, h("slot", { key: '0560f14f30b4256694897bd377abf051bcc00867', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (h("div", { key: '0106a50a278b36f4213e4f2d1ceee6f50d6e50c9', class: "dso-input-number" }, this.count > 1 && (h(Fragment, { key: 'd81c570ce3df18d60e679ffdf211afe0b563ee90' }, h("dso-icon-button", { key: '2fd109d7a00986dec96a286f68f682d70ca4f7e0', label: "Aantal verlagen", variant: "tertiary", icon: "minus-circle-outline", disabled: this.count === Number(this.min) || this.disabled, onDsoClick: (e) => this.stepValue(e, "decrement") }), h("span", { key: '896bc44db25fb4b522dc6de1cc42669731c53ded', class: "dso-input-step-counter", "aria-hidden": "true" }, this.count))), h("span", { key: 'db37d83a50d95c314e377741f99c9d9b9733af2b', class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.count), h("dso-icon-button", { key: '0d110403d523652f984f3d8f7fd6c31ab9105d81', ref: (element) => (this.incrementButton = element), label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle-outline", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
+        return (h("div", { key: '427ff9cd8cc7dc0c569a2f394ccf2d45563b21e8', class: clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, h("div", { key: 'd088de067e202fa3e9e07b7efa0f12e3bbcd6623', class: clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, h("dso-selectable", { key: 'd81f506ad4d2825e11fb02b58d53084db34e805d', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, h("span", { key: '3d4add309ed7f30664055d68fbd82d0ada7209c3' }, this.label, this.sublabel && h("span", { key: '8ea2cee6ec78f2dac9f82c0ac68d63325e333172', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (h("span", { key: 'c108019419d8392734c72881c9e12f7ab939eeac', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", h("span", { key: 'e92bdb531740986a4740c40273b7e59d87a2f14c', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && h("span", { key: 'f6829e8e7cfa5ad117bea1c4d43fd57723f9f126', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (h("div", { key: '50ac21ae4c209ffebc2dcdd6bdf38fd77540b2f2', class: "subcontent" }, h("slot", { key: '8cf1fda0a7d5c20d719ffcf926e468617c13005e', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (h("div", { key: 'dd5a7569abfeae4fc70882f7bdd1eb26f6c124fe', class: "dso-input-number" }, this.count > 1 && (h(Fragment, { key: '5579dffd39aae5d6a66c8c9f98231d1b80756d20' }, h("dso-icon-button", { key: '4544a7074baabc5b220eca4b25b7f730e6107d3f', label: "Aantal verlagen", variant: "tertiary", icon: "minus-circle-outline", disabled: this.count === Number(this.min) || this.disabled, onDsoClick: (e) => this.stepValue(e, "decrement") }), h("span", { key: '3676a56084254d00110d4c9983204b5d66752a33', class: "dso-input-step-counter", "aria-hidden": "true" }, this.count))), h("span", { key: 'c2f47bb502b61a6d50de0078a2e13c53f158ba51', class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.count), h("dso-icon-button", { key: '2933caf8dfa55d54519aac55574e3ec5422cbf00', ref: (element) => (this.incrementButton = element), label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle-outline", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
     }
     static get is() { return "dso-list-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/logo/logo.js

@@ -23,7 +23,7 @@ export class Logo {
     }
     render() {
         return (h(Fragment, null, this.logoUrl ? (h("a", { class: "logo-url", href: this.logoUrl, onClick: this.handleLogoClick }, h(DsoLogo, { name: this.name }))) : (h(DsoLogo, { name: this.name })), this.label &&
-            (!this.labelUrl ? (h("span", { class: "logo-label" }, this.label)) : (h("a", { class: "logo-label-url", href: this.labelUrl, onClick: this.handleLabelClick }, h("span", { class: "logo-label" }, this.label)))), this.ribbon && h("div", { key: 'e2bf82278fd38d8884bb01abe29115eb91572003', class: "logo-ribbon" }, this.ribbon)));
+            (!this.labelUrl ? (h("span", { class: "logo-label" }, this.label)) : (h("a", { class: "logo-label-url", href: this.labelUrl, onClick: this.handleLabelClick }, h("span", { class: "logo-label" }, this.label)))), this.ribbon && h("div", { key: '86ef86eec492c43893400b07fe6cab097fca9d69', class: "logo-ribbon" }, this.ribbon)));
     }
     static get is() { return "dso-logo"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/map-base-layers/map-base-layers.js

@@ -26,7 +26,7 @@ export class MapBaseLayers {
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (h("fieldset", { key: 'e425e935b243e71462dcb3535e910a9645eae330', class: "form-group dso-radios" }, h("legend", { key: '1a5ea9c979247717b94ca98af40eaddfedd690f5', class: "sr-only" }, "Achtergrond"), h("div", { key: '359e5063faa16d1537e04e9721b8a056f28bd39a', class: "dso-label-container" }, h("span", { key: '99b0f11dc70cae6d87fca2301f20fd0bf9fda4da', class: "control-label", "aria-hidden": "true" }, this.text("background"))), h("div", { key: 'efb9958a4e54060e4ad5c4b3ca85d4413204acc7', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (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 ? h("p", { slot: "info" }, baseLayer.info) : null))))));
+        return (h("fieldset", { key: '484811640eda82f3e6b2a2e354216cbd2ee62e80', class: "form-group dso-radios" }, h("legend", { key: '190c62ae5665eb16c9a5383602eff770be0e3d94', class: "sr-only" }, "Achtergrond"), h("div", { key: '48359a8884c27c49366a618603b7c875fed7bf01', class: "dso-label-container" }, h("span", { key: '9437465960fa44beec6331e79609af3c51ec1051', class: "control-label", "aria-hidden": "true" }, this.text("background"))), h("div", { key: 'a5e04948d139028b8b6d514551be1f220ae4ce77', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (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 ? h("p", { slot: "info" }, baseLayer.info) : null))))));
     }
     static get is() { return "dso-map-base-layers"; }
     static get encapsulation() { return "shadow"; }

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

@@ -102,7 +102,7 @@ export class MapControls {
         this.clearPostTransitionTimeout();
     }
     render() {
-        return (h(Fragment, { key: '176eb3490fa804bf820ba62eabc958fa3121969a' }, h("dso-icon-button", { key: 'a4338fbf9f2c68ede925282b9b26de4c74c67cb6', expanded: this.open, label: this.text("layersButton"), icon: "layers", variant: "map", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), tooltipPlacement: "left", class: "toggle-visibility-icon-button", onDsoClick: (e) => this.toggleVisibilityInternal(e.detail.originalEvent, __classPrivateFieldGet(this, _MapControls_toggleIconButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), h("button", { key: '688789be1dd85bbb24d9ba4380541c758a4f2318', type: "button", class: "dso-map toggle-visibility-button", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open ? "true" : "false", onClick: (e) => this.toggleVisibilityInternal(e, __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, h("dso-icon", { key: 'f28aecdddcba133081cb56a2e6ce0c4799bcb4f1', icon: "layers" }), h("span", { key: '1da6100ff42a3c4ec7ca5dd722537394d957ef2a' }, this.text("layersButton"))), h("dso-button-group", { key: 'e5f3f64d78550dc3825df219436f88064959dbf8', class: "zoom-buttons", direction: "column" }, h("dso-icon-button", { key: 'e0e877989d55f81938ef3d690296b58310347d4c', 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" }), h("dso-icon-button", { key: '4d0790308006b5390d4371b8c8234fcf5f58873b', 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" })), h("section", { key: '3686ab9414e031daf0e5a47e8b8ba40796d1f27a', id: __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), hidden: this.hideContent, role: "region", onKeyDown: this.handlePanelKeyDown, "aria-labelledby": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f") }, h("header", { key: '296fabb057a43182a1c3e300964de49809512bd2' }, h("h2", { key: '4a87864c1c64f83d166ba708f8e3c2d01dd2ea26', id: __classPrivateFieldGet(this, _MapControls_mapLayersTitleId, "f"), tabIndex: -1 }, this.text("title")), h("dso-icon-button", { key: '7ec884c56d4e62ce01ccee04de343e42a79b4ffd', 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_closeIconButtonElement, element, "f")) })), h("dso-scrollable", { key: '8c1a21aeefcf260029980c051f64034e7c52da03' }, h("div", { key: '25c1977876633962ece4e3f038306f13cfdce17d', class: "content" }, h("slot", { key: '192a0ef47e4fb13bc6a90991c7315073edb33312' }))))));
+        return (h(Fragment, { key: 'c230d38b2f3d2202f871076b349f1fdf4e070535' }, h("dso-icon-button", { key: '743d09b953e0251a02229b8e561b6c6ce26f435a', expanded: this.open, label: this.text("layersButton"), icon: "layers", variant: "map", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), tooltipPlacement: "left", class: "toggle-visibility-icon-button", onDsoClick: (e) => this.toggleVisibilityInternal(e.detail.originalEvent, __classPrivateFieldGet(this, _MapControls_toggleIconButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), h("button", { key: '738fad1af9f6e7b69239f5c4c3003701483f43ca', type: "button", class: "dso-map toggle-visibility-button", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open ? "true" : "false", onClick: (e) => this.toggleVisibilityInternal(e, __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, h("dso-icon", { key: 'efd6ccb2e8d242c4b68108b6d4f8978c9320e4a8', icon: "layers" }), h("span", { key: 'a562b7f2844861788700d3e92445f120a67c5135' }, this.text("layersButton"))), h("dso-button-group", { key: 'e172e873f94b44d8a89cffc1fadf18c0fa4963d3', class: "zoom-buttons", direction: "column" }, h("dso-icon-button", { key: 'ae746b77e852215d3bb8a9ce2947aa374b65f41c', 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" }), h("dso-icon-button", { key: 'c2a05409a865e366b31129f03136d9955e056254', 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" })), h("section", { key: '8e7d06a74cb4c3a01988cccafb5ea99825b8a04c', id: __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), hidden: this.hideContent, role: "region", onKeyDown: this.handlePanelKeyDown, "aria-labelledby": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f") }, h("header", { key: '4aee66469163590d72e84fb5f98dc5e182125ef5' }, h("h2", { key: '8efc27b0063ff0034e26b579f3b81d7f198a5795', id: __classPrivateFieldGet(this, _MapControls_mapLayersTitleId, "f"), tabIndex: -1 }, this.text("title")), h("dso-icon-button", { key: 'dde0e8a62c5020cd00137b792d03e93ac4ea1d8d', 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_closeIconButtonElement, element, "f")) })), h("dso-scrollable", { key: '8222e63e6e0a95279e164a099e9f7e33b69cbc4d' }, h("div", { key: 'ba7b7f77cd8718722180d25a9a8547d20044d02e', class: "content" }, h("slot", { key: '520ebee3747231f54bade983cd421e340199c9f2' }))))));
     }
     static get is() { return "dso-map-controls"; }
     static get encapsulation() { return "shadow"; }

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

@@ -16,7 +16,7 @@ export class MapLayerObject {
         };
     }
     render() {
-        return (h(Host, { key: 'c2986a38a4d0ae58dd37466511473ac90a48a2ad', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h(WrapWijzigactie, { key: '001fe5950e05c5457fce77320903282eda74ec6b', wijzigactie: this.wijzigactie }, h("div", { key: '2f008c8b8d9c7e159405cc3153092f3635ee513f', class: "map-layer-object" }, h("div", { key: 'b1c3d259022c4d4707c6b3ae9f2d8f01b6c60d2c' }, h("slot", { key: '7e94226e6b690d34d21bf076f628c4c2c441b6f8', name: "symbol" })), h("div", { key: '41596492e5780833e130ee16b851f1abc3de9ead', class: "map-layer-object-heading" }, h("slot", { key: '09363aa3c48f9536c6a6933e074f0c8f97b70a7f' }), h("slot", { key: '2cb5adaab884af9a161761b63509450d23757f5c', name: "label" })), h("div", { key: '26cdc8fd677a54b59d9d306885e982ae61d0d19d', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '2e3891a8685a8c101d77cd913f06aea7bc0be080', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange }))))));
+        return (h(Host, { key: '0c92aae1ff5e11d927ec8311bb1b66bc78339371', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h(WrapWijzigactie, { key: '2aaa30d94b2170d64bab142410c0e4c5e0f48202', wijzigactie: this.wijzigactie }, h("div", { key: '61c3ca96995f08c282c9753a02b6e021b2afeefd', class: "map-layer-object" }, h("div", { key: '226822cd25648d6d47de9015b1c20ff181525893' }, h("slot", { key: '007bd9e82207aefe7ad3c091853af794c9c74fcb', name: "symbol" })), h("div", { key: 'c7ab7515e735942547f2dc1b5699d0818ad782ae', class: "map-layer-object-heading" }, h("slot", { key: 'f9fbeff2427e4dbb5428007e332983d1563ff931' }), h("slot", { key: 'feeec406ff6954772827699b7d7c4e2c2cf80dd5', name: "label" })), h("div", { key: '34e4606f09332164cccd33312cb02aaf2f0093ca', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '537d292567d7f6cb9281e9e12528409d342597d1', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange }))))));
     }
     static get is() { return "dso-map-layer-object"; }
     static get encapsulation() { return "shadow"; }

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

@@ -21,7 +21,7 @@ export class MapLayer {
         };
     }
     render() {
-        return (h(WrapWijzigactie, { key: 'dabc7956105012afdc118aaaba99a250bccc69f5', wijzigactie: this.wijzigactie }, h("div", { key: '82b7a6aac12f3b5a3db3e8bb267cc5d1534543f3', class: "map-layer" }, h("div", { key: 'b0eec8d4e2e869cc713f3c7e1eabf11bc4954587', class: "map-layer-heading" }, h("slot", { key: 'b671a44962f9f7b57e0daad171173ba2ebff6d46', name: "name" }), h("slot", { key: '39fa02704cd5afb9fb4c49acc29a88a24432a588', name: "label" })), this.activatable && (h("div", { key: '72544e930e67018c299eb2c7f3d8a774326eabef', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: 'c3404bd4c33d67e8d9e71dd13e0b24a55341aef4', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: '1efa5bbf9d5b1c2698d95037ab4db390f40d89e4' })));
+        return (h(WrapWijzigactie, { key: '6e4ca5021fcafac1302ed50e71d575d7c2098eca', wijzigactie: this.wijzigactie }, h("div", { key: 'c75334081671be868d44204eac7601ea37e801af', class: "map-layer" }, h("div", { key: 'ff8cad132daa7067dffeb71e6aaab695648e910c', class: "map-layer-heading" }, h("slot", { key: '1c1c06b974029d9215ee6dcd1fc0f9464993cab1', name: "name" }), h("slot", { key: 'e650771f44b8ed976b5d93b0c42a57dc0221b9c6', name: "label" })), this.activatable && (h("div", { key: 'ab63f51712017c2a86176d8e23052a2fe99b4487', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '4855170d081c60b862d01cd0d3af62b3956e9ed1', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: 'a06b707955ac5c8b834a3f7e7512ec7a1b437ada' })));
     }
     static get is() { return "dso-map-layer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,11 +46,11 @@ export class MapMessage {
     render() {
         const iconName = this.variant ? iconMap[this.variant] : undefined;
         const role = this.variant === "error" ? "alert" : "status";
-        return (h("div", { key: '2a1ed36c4d2c66dec11f63df390e6d3cb7e5556a', class: {
+        return (h("div", { key: 'f85d2553640130c0cdc6a15fb2a61b56b98583c6', class: {
                 "map-message-content": true,
                 "has-icon": iconName !== undefined,
                 "has-actions": this.hasActions,
-            } }, h("div", { key: '18077458efb83b281215a46cd8f760322192d53f', class: "map-message-body", role: role, "aria-atomic": "true" }, iconName && h("dso-icon", { key: 'bcc78d0e0e651e0e00b18e308aa28793ed6b9b38', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), h("span", { key: '5f86287d9b2838951ea31ab9a2e61e2becc60d19', class: "map-message-text" }, this.showMessage && h("slot", { key: '281b4d02fc58f8e14abb8f86e073cf7fbbeae8f6', name: "message" }))), h("slot", { key: 'a7bfb812c4e8762d385a111ba8fd55bb8e5185d5', name: "actions", onSlotchange: this.handleActionsSlotChange })));
+            } }, h("div", { key: '7d5003110eede73dec941b7739d96c0b82738dd6', class: "map-message-body", role: role, "aria-atomic": "true" }, iconName && h("dso-icon", { key: '357ee0fb5dabef2aa7de08ad56743b4c0488feb5', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), h("span", { key: 'fcb2397b49e18ba3080718fb5beaa48088e8c17c', class: "map-message-text" }, this.showMessage && h("slot", { key: '39b311b55f98a771dd665986832dabe7c2851760', name: "message" }))), h("slot", { key: 'b9e538107c0f367860debe888cdf01eca102e071', name: "actions", onSlotchange: this.handleActionsSlotChange })));
     }
     static get is() { return "dso-map-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -27,7 +27,7 @@ export class MapOverlays {
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (h("fieldset", { key: '6b5021cbdb21815755684e4bd5cb973fb89d5c43', class: "form-group dso-checkboxes" }, h("legend", { key: '17355dd3e9b2d4aa9b4b441daf67e3ae30d48e71', class: "sr-only" }, "Kaartlagen"), h("div", { key: 'f120e660798dd5a5829c0764c4809e1d8e5c2f10', class: "dso-label-container" }, h("span", { key: '8e827dc9f5e77196987e76665d46cb011c6e1a55', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: 'b7ec4c229edbfd5517c3db5bd92e38dd780bd0a8', class: "dso-field-container" }, this.overlays.map((overlay) => (h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? h("p", { slot: "info" }, overlay.info) : null))))));
+        return (h("fieldset", { key: '323f438b921da80f257e6ce69f58a964eba14d0b', class: "form-group dso-checkboxes" }, h("legend", { key: 'a5f4e54c08fd77b0df5cfe9471ec00c4ea36fa80', class: "sr-only" }, "Kaartlagen"), h("div", { key: 'ead64984beecc96da228b2628146326ae9087b87', class: "dso-label-container" }, h("span", { key: 'b655d2bcf1562cce4f2a3a2a13409a82ef629964', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: '31e2539f5c9bf088fbb432f3f3b132008f1ed188', class: "dso-field-container" }, this.overlays.map((overlay) => (h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? h("p", { slot: "info" }, overlay.info) : null))))));
     }
     static get is() { return "dso-map-overlays"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mark-bar/mark-bar.js

@@ -41,7 +41,7 @@ export class MarkBar {
     render() {
         const current = this.current || 0;
         const totalCount = this.totalCount || 0;
-        return (h("div", { key: 'd0403d770c0c696d43e7a2525c1328857cb09148', class: "dso-mark-bar" }, h("div", { key: '9908a940c4e0a09819424af36d02c5b5186d07e9', class: "dso-mark-bar-input" }, h("input", { key: '1bc8bc4607753482a47ad4e324416f417de9ca88', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: 'b10cff666d1c34d7f7de34db686d79bb341b3bf4', htmlFor: "search-input" }, h("dso-icon", { key: '6aa4f5dee79e3233611880ef559140bc5459e84a', class: "dso-search-icon", icon: "search" }), h("span", { key: 'e422f197d16febb56eefdf14b65751d1552963bd', class: "label-text" }, this.label)), h("dso-icon-button", { key: '0132cbda8ea2e38c3022df1e141d42eedc49ee2a', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: '04c24df32c474fa74f85b007364c26951e92a5bb', class: "dso-button-container" }, h("span", { key: '1ae811e96af1d04497fe3705ea2f96b712586628', class: "divider" }), h("dso-icon-button", { key: '43b2fd7c5a78b4a999db049c412193e871b01714', icon: "chevron-up", variant: "tertiary", label: `Vorig zoekresultaat ${current - 1}/${totalCount}`, onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: '5fab96df21cf08c618787e446251744a37cc0910', role: "status" }, current, "/", totalCount), h("dso-icon-button", { key: '71931ffd8584c8d1fc8faf4193c4c02bbd832b2f', icon: "chevron-down", variant: "tertiary", label: `Volgend zoekresultaat ${current + 1}/${totalCount}`, onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
+        return (h("div", { key: '70319fd7fc23f97c851ee32dbaf780fc5fa3e600', class: "dso-mark-bar" }, h("div", { key: 'e7e247dc716ab605c010641d1228e9132c8b028b', class: "dso-mark-bar-input" }, h("input", { key: '093f1c8647799d46f91340c2bb802a34de6b182d', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: '00435c1d462802692ec11cd02e9a49dc2b5976fa', htmlFor: "search-input" }, h("dso-icon", { key: 'f38078cec9b314865c09fd2fb2ddc1e2a043d9d9', class: "dso-search-icon", icon: "search" }), h("span", { key: '0bdd1f2f04ffa0a573b25195597ed08e8a8ac00c', class: "label-text" }, this.label)), h("dso-icon-button", { key: 'f2f18b4fe388cc2e7a6e3b5cbe5b8686ad8f3f0d', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: 'e2a9f703f18aa66197ab8050551b4bbd2e668e49', class: "dso-button-container" }, h("span", { key: '2ef353377ba76c0d65476289901b3cd4a31a6066', class: "divider" }), h("dso-icon-button", { key: 'c46c3b1e21e2d4b76b22b01e71e962ffefe728d4', icon: "chevron-up", variant: "tertiary", label: `Vorig zoekresultaat ${current - 1}/${totalCount}`, onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: '0da0a23db21ad45aa0671e631dbfde01c5696bf5', role: "status" }, current, "/", totalCount), h("dso-icon-button", { key: 'c201faf3dbaf30994328114e061fc62c1e0c7ef6', icon: "chevron-down", variant: "tertiary", label: `Volgend zoekresultaat ${current + 1}/${totalCount}`, onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
     }
     static get is() { return "dso-mark-bar"; }
     static get encapsulation() { return "shadow"; }