@dso-toolkit/core 99.0.0 → 99.1.0

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

@@ -63,7 +63,7 @@ export class Legend {
         this.moveFocusToTab(next);
     }
     render() {
-        return (h(Host, { key: 'c52865705dd670cd75f049ddca67f6a8c5c4114c' }, h("div", { key: '3120fd9ee1be5c610603964d01cdcc832ef08fac', class: "topbar" }, h("div", { key: '33f9c1a8526977a70b610ced6006bcbd93029722', 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: '1894b2f12fe331ca852da786b8f5f438a593243f', icon: "cross", variant: "tertiary", label: this.text("closeLegend"), class: "close-button", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e.detail.originalEvent }) })), h("dso-scrollable", { key: 'b03dabf5090ea1e4d90645470a12b88270036f2d', class: "content" }, h("div", { key: '1d9e153f78d624691eaab98f9c4a22ff9ca6f69c', role: "tabpanel", tabIndex: 0 }, h("slot", { key: '60a675f262453c9e1e2c5659265d1a6e6029834d' })))));
+        return (h(Host, { key: '8447a6461e1125963afc29bfb49102d8df303cba' }, h("div", { key: 'fcc9506e7c0d033e7c4e62d690d56db9c4416187', class: "topbar" }, h("div", { key: '76f9c23ee13593faae4582703d8127aaefef501a', 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: '72d00c8ea5b1268fdce677935fd8de673c643daf', icon: "cross", variant: "tertiary", label: this.text("closeLegend"), class: "close-button", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e.detail.originalEvent }) })), h("dso-scrollable", { key: '4c968b740282428b393fe03a1e18ec6f7caf8d08', class: "content" }, h("div", { key: 'e195f6ea4cae039469e4730adf4b253f3e34b000', role: "tabpanel", tabIndex: 0 }, h("slot", { key: '575eccc3604b4c2aa7d8e71294953fab94984a35' })))));
     }
     static get is() { return "dso-legend"; }
     static get encapsulation() { return "shadow"; }

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

@@ -191,7 +191,7 @@
 .dso-input-number .dso-input-step-counter {
   text-align: center;
   inline-size: 1.5rem;
-  font-size: 14px;
+  font-size: 0.875rem;
 }
 
 .dso-button-group {

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

@@ -65,7 +65,7 @@ export class ListButton {
     }
     render() {
         const selected = this.checked || (this.count !== undefined && this.count > 0);
-        return (h("div", { key: '549a1fe9a71e677163cfb544e6cb30950e635455', class: clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, h("div", { key: '34b06c07c5c14d68e32d5f78943c5fedd5a47bd0', class: clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, h("dso-selectable", { key: 'bd046fbb9a96ca2c9457ba5db4f167df6df7c3da', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, h("span", { key: '65e67a3e8213239790a1041a8a047c90dad0d31c' }, this.label, this.sublabel && h("span", { key: '961e0a921418969fdb4927774f515df4c1aed3ba', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (h("span", { key: '39bcb26ce0441b8358f7a38dd3745b7775e30dcb', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", h("span", { key: 'b15d1dcc137f7d5dba66dafa64602402d03c74ea', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && h("span", { key: '9781878a94e715eead161ead1691a1585a186101', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (h("div", { key: '5429de2c048798c8540c24f2d9f3379955ee2c87', class: "subcontent" }, h("slot", { key: '7e011245155eaf91a31d0d5f8c50324e03bfc202', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (h("div", { key: '55517dd7dafe0ccb4de70bd8a5a825f33d5dbc90', class: "dso-input-number" }, this.count > 1 && (h(Fragment, { key: '254da3562b2dc815a4a2f5dddbefedcd77f14c3d' }, h("dso-icon-button", { key: '0ac94c6cd14fd240e490520fc741ec9c12e0f636', 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: '9212766e425c3f2a674b4d2abfaa183121024b85', class: "dso-input-step-counter", "aria-label": "Aantal", "aria-live": "polite" }, this.count))), h("dso-icon-button", { key: 'ea204df7c811cbfae6617793e43f754fda3083bf', 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: '442edba27a99b9d35c98e98d41962e94d0b8e054', class: clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, h("div", { key: '77c14a46db6fb4c5c35095a8f10a28339aedffa7', class: clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, h("dso-selectable", { key: '5fb0f6d371f23008bfd162f40b96949c9e710d23', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, h("span", { key: '866575af2f598d1795bad098778153ccd84f8ff2' }, this.label, this.sublabel && h("span", { key: '35ec4dda7f219b166472ec5bb261c5be73ce0b63', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (h("span", { key: '9cf84fe5826746df38d8178a6740a680a4ef4cbd', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", h("span", { key: '83175e372d04d1a455dbad1e434f33e541f2f52a', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && h("span", { key: '999f3bca2e71d984efdf8082dc5c28bfd6aceef4', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (h("div", { key: 'a69216cae841406387873c7558e52f11be674663', class: "subcontent" }, h("slot", { key: 'c7bdb35d41feaaf5684b9f90dda3d87716e58af9', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (h("div", { key: '7921e61e0a6c5f471603c7ce9cae81cd0d8b8356', class: "dso-input-number" }, this.count > 1 && (h(Fragment, { key: 'bee2a17e37f9cdfb341c5c7a3ad497519d58c9bc' }, h("dso-icon-button", { key: '75fffae9c8f3eb1a5ac63fa9f351dedefbeaf600', 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: 'b7f6582d5f81f3979423246cbddbb4e5ff1e4842', class: "dso-input-step-counter", "aria-label": "Aantal", "aria-live": "polite" }, this.count))), h("dso-icon-button", { key: '3a889058c9710ba9839e4b686e6494e4a3cbdf92', 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: '25eec1d7172269ce1acc285de6ec98c187825fa1', 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: '29bfc8cd84b58cb4212e83458128be6fd0a76996', 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: 'f905ab8e7758f4ee8eadd3687fc18445770bf611', class: "form-group dso-radios" }, h("legend", { key: 'd498d24d45289126c215c7efb691d0ea540f309a', class: "sr-only" }, "Achtergrond"), h("div", { key: '77a480daed34c328881671403de969757f35c4c8', class: "dso-label-container" }, h("span", { key: '00d32dd55f7061bb15c4fb03f2e7e8381068aa61', class: "control-label", "aria-hidden": "true" }, this.text("background"))), h("div", { key: '6793671b625b99be9dfc32d07c64947f41e0f046', 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: '4844cb7dc1f22b46db47516b2482c67673eb70f7', class: "form-group dso-radios" }, h("legend", { key: 'b0acfbdfe97f083ed88bfdc12a3e5da85f71e7c7', class: "sr-only" }, "Achtergrond"), h("div", { key: '6cf325954514f6279761f99ade9f6297fd0f2931', class: "dso-label-container" }, h("span", { key: '924198ae3890df319ce186a44b44d59640b21d1e', class: "control-label", "aria-hidden": "true" }, this.text("background"))), h("div", { key: 'fc609656c7c56a80d192ad7f68048a63b238777c', 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: '703fbea408b19cf0e0838a2978e2a798c76dd1c1' }, h("dso-icon-button", { key: 'e9fbef89d1b944712295514f0d02e8322b5cd21f', label: this.text("layersButton"), icon: "layers", variant: "map", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open, 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: 'd839e614a64f7d2812d892582f0c8809f81e934a', type: "button", class: "dso-map toggle-visibility-button", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open, onClick: (e) => this.toggleVisibilityInternal(e, __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, h("dso-icon", { key: 'abc286d1b6d791c9c3b62094e1be67586a623de3', icon: "layers" }), h("span", { key: '8a0ab41791f4e91284cbda3ce0539ec17488328a' }, this.text("layersButton"))), h("dso-button-group", { key: '051129619c434c8cbc458f812d66649b380cf71c', class: "zoom-buttons", direction: "column" }, h("dso-icon-button", { key: '69917e8ed0bbb1f2ffa712dce666912dae10e006', 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: '4bf7591313b9cc8846b64a491e7f497ac0d3a6b4', 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: 'f9ede31ee15774c190504cadbcce5cd3becc9599', id: __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), hidden: this.hideContent, role: "region", onKeyDown: this.handlePanelKeyDown, "aria-labelledby": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f") }, h("header", { key: '18b6c39ec9f018dc3c8eb557a589f0fbdb0593fc' }, h("h2", { key: 'ff0ebbb9e55284eca4f148de601de84bec921d12', id: __classPrivateFieldGet(this, _MapControls_mapLayersTitleId, "f"), tabIndex: -1 }, this.text("title")), h("dso-icon-button", { key: 'dc59d9005f02891d9f74a4e4aecc643b634cbb34', 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: '1c009dd9ce9ae7fa7aeb1ae985942a377060144a' }, h("div", { key: '2846b3c3a3cbf32328ef4d0f4a883c8b6468ec7d', class: "content" }, h("slot", { key: 'c19ca5d6d26fad36c766b292d610ad8096b630d7' }))))));
+        return (h(Fragment, { key: 'b5613c0128da6dc889d909f0c8b923e581c72589' }, h("dso-icon-button", { key: '444f1e007a61b852699d40965117c6f083eb416b', label: this.text("layersButton"), icon: "layers", variant: "map", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open, 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: '50c496a3d31f767ed324341d9d7f83cafa6a9246', type: "button", class: "dso-map toggle-visibility-button", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open, onClick: (e) => this.toggleVisibilityInternal(e, __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, h("dso-icon", { key: '912209fd160ae1e979e15bef3f0a020f5b232e5b', icon: "layers" }), h("span", { key: '79b628ca8331bef70b8c15576176895583edd8bb' }, this.text("layersButton"))), h("dso-button-group", { key: 'c690b9a34bef0d7a68bf38b22abd1707d9dc157b', class: "zoom-buttons", direction: "column" }, h("dso-icon-button", { key: '23a699de08abec023e14fee7aaa82d88f29d26ed', 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: '2b428ed044a22b08618c885ca96bc02efc3725a6', 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: '92f97c6adc3e466ce3c8dfbcbf29e27a2e52c4c2', id: __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), hidden: this.hideContent, role: "region", onKeyDown: this.handlePanelKeyDown, "aria-labelledby": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f") }, h("header", { key: '405d312a529d19a98dd00696d92c077db17ac19f' }, h("h2", { key: '30c65729ec16d6cee9c164a6bd5b575e512110a7', id: __classPrivateFieldGet(this, _MapControls_mapLayersTitleId, "f"), tabIndex: -1 }, this.text("title")), h("dso-icon-button", { key: '00e944ddbf73a462704c048d740bbae2ccbf0aff', 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: '4caa8628d4af029f69f887b4434365c6cd9a5fd0' }, h("div", { key: '71f4998c5f3a8ac61bf13141648b699ead6eebec', class: "content" }, h("slot", { key: '7d2e87c33d999cb0f05594c7d2114896e991da4d' }))))));
     }
     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: 'd023dcf456e4905e3a72aff3aebaa1bb3dd49d88', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h(WrapWijzigactie, { key: 'cea0d380879a5ed1c1ad434fa20d0a5cc9fd8915', wijzigactie: this.wijzigactie }, h("div", { key: 'd19a0d2ac1b03df8d0076cdd9e3bec0e159fb7fa', class: "map-layer-object" }, h("div", { key: 'a8e39951d4821f07da46dc43eba9297fb3ab6845' }, h("slot", { key: '8c085607e45f6d11ee8d8f6e856ba92aaf42cccc', name: "symbol" })), h("div", { key: '699fd97ee911a32a9cbda0b176bd33136de103ca', class: "map-layer-object-heading" }, h("slot", { key: '3966433c904e3973bcde3a76475041d7f8081a0d' }), h("slot", { key: '218d37b9e09a46f5bf75316c9976fb149a2e30b9', name: "label" })), h("div", { key: '22ede0b5e7f39e5c4173a05b39fa1f29a9533623', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '814c7e058adfc38ea557300f19baf2c2a20f248b', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange }))))));
+        return (h(Host, { key: '4a130bd1a1101dcad1e43c85e726bc4762cc2d16', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h(WrapWijzigactie, { key: '8bde3a870b9f63b69b4a8b285ae8c44f4f517d75', wijzigactie: this.wijzigactie }, h("div", { key: 'af2e838d91f3fd8fd849b42d560a59f95bc24e5c', class: "map-layer-object" }, h("div", { key: '28e9e187fae2a6048b21e11156907ca0aa537ea8' }, h("slot", { key: '2fb126fd291605cdc6a09d5ca0d009fc80900b74', name: "symbol" })), h("div", { key: 'd087db42616613e59a3e2a41b494927104e8fa78', class: "map-layer-object-heading" }, h("slot", { key: '398ad1c5b2439277433426823ca657937a1fd6c7' }), h("slot", { key: 'a9574ab95912476198ae33632ba162eeacd55826', name: "label" })), h("div", { key: '3dc1f9f6367333ad6153ddbc6bcb7727dc24ddd0', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '5e7c704d4ba3723bc8468924666e56b057b95c24', 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: '69abcef7ed45d6083df302c42a47ae4a117ef82d', wijzigactie: this.wijzigactie }, h("div", { key: 'd57311c429d197dc2fa327475d6bb95ab7f23120', class: "map-layer" }, h("div", { key: '181afe3a5f429d960bb7d686c94c47b8f17b715a', class: "map-layer-heading" }, h("slot", { key: 'b67af00b7fc37feb51ed5897f53ccb0a5c617313', name: "name" }), h("slot", { key: 'a5882b11c7c21f0b88ea8325a2b39ed7db9b9939', name: "label" })), this.activatable && (h("div", { key: '8fd979116876c8898cfeae9bf5b26ea57425d517', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '6ee13d588b60edd18f60aa0312293941593e4819', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: '7e0b9a62b81374f302b6c55a63e0549bf2f00f65' })));
+        return (h(WrapWijzigactie, { key: '5bfdcbb4e726f7a48f846bc26fd8364252c5099f', wijzigactie: this.wijzigactie }, h("div", { key: '291fb7fb2fcd0b1d44203a0dfb6bafaab9588e9f', class: "map-layer" }, h("div", { key: 'd08241709d892e3f77770a071fe9e9abe633610c', class: "map-layer-heading" }, h("slot", { key: '373fb22886af662822fcc8576103060037da6d6a', name: "name" }), h("slot", { key: 'b9157528d8d5503b93782a5e2c868e120ade98d0', name: "label" })), this.activatable && (h("div", { key: '76864f4729567483fc8a321fa17ae87b8bf2576f', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: 'ea81c871f370e53e07e9e93f2f491e7d4f2d8a17', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: 'e27fe106577b51607e9cd347f2a70101063be38a' })));
     }
     static get is() { return "dso-map-layer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -20,11 +20,11 @@ export class MapMessage {
     render() {
         const iconName = this.variant ? iconMap[this.variant] : undefined;
         const role = this.variant === "error" ? "alert" : "status";
-        return (h("div", { key: '9acba814f73505425a2cf9cced5d494becc4bbb1', class: {
+        return (h("div", { key: '98874d9384751a63909661881b47e45c48064460', class: {
                 "map-message-content": true,
                 "has-icon": iconName !== undefined,
                 "has-actions": this.hasActions,
-            }, role: role, "aria-atomic": "true" }, h("div", { key: 'bc7cafd4338937317975f86505661592705a2e0e', class: "map-message-body" }, iconName && h("dso-icon", { key: '7350b744c0e8fd7550a9d2eaa79f02a1ca2a6909', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), h("span", { key: '43c6f5ecaab36f8485a2eddd92d7065d95e6f9c0', class: "map-message-text" }, h("slot", { key: '6a19999994213e5649f5946897cdba1bf4b6ade2', name: "message" }))), h("slot", { key: 'de8fa2051d15aadfa653dbedaf31dee513c7958d', name: "actions", onSlotchange: this.handleActionsSlotChange })));
+            }, role: role, "aria-atomic": "true" }, h("div", { key: '879de5f62a08c908c2cb6e023a1cc054534abfbc', class: "map-message-body" }, iconName && h("dso-icon", { key: 'bddfe00fecdfa60884a456dd5193273a26b8f863', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), h("span", { key: '4eaab42391ac5d6f69f15e88e4226b34c132cf15', class: "map-message-text" }, h("slot", { key: 'e13b1386423352f0f4e60da14ad9454eeef9ffbf', name: "message" }))), h("slot", { key: '34ad7d7cc731b348d64cfb425728377c44888bef', 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: '7e7bb2182c94f5de9fbd03272b200f5d34e75135', class: "form-group dso-checkboxes" }, h("legend", { key: 'bbc9d2a64e6377391d79efd3e73b008a821a9083', class: "sr-only" }, "Kaartlagen"), h("div", { key: '5eba59272445fcbc6b14cc6942a57f1b2580f747', class: "dso-label-container" }, h("span", { key: '2a2295ccd2ef661052c673bfb3a5e78e54101ff5', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: '4285f7d59bec53166037363c731e7ce20c57d372', 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: '0a39e720ffb64020c4945522c9cf73c2ac34654d', class: "form-group dso-checkboxes" }, h("legend", { key: '2897cece9bec007a875eec269ed789583d75d5c9', class: "sr-only" }, "Kaartlagen"), h("div", { key: '5c08fc7d22478ddf09c4d4b655fbd7d8adc05967', class: "dso-label-container" }, h("span", { key: '9020955add0be098ba539f897133ce75c4369dab', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: '1d46b41897948867eed4b95f2feb81f7bee548e7', 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: 'cf96852505e3d66b9e528b317d3c7082fe448227', class: "dso-mark-bar" }, h("div", { key: '3820ae81b8f4b64d765816dab3e393b6023f23dd', class: "dso-mark-bar-input" }, h("input", { key: '25c7429838546a40e06fab56b78ec8c50279b629', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: '122f8d35ede8c24f7ab1cbc395fedf5f0742fbec', htmlFor: "search-input" }, h("dso-icon", { key: 'c5ad326da2538d835a14d48024f540b61e2615a3', class: "dso-search-icon", icon: "search" }), h("span", { key: 'a2774bfda79984b9cb0569e21d849389c47f1f00', class: "label-text" }, this.label)), h("dso-icon-button", { key: '707e8ae7c76ca927eaa891dfc54575e1cf3dd131', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: '00cbd99c7266bacce1d06a97ef53d9d7689b463b', class: "dso-button-container" }, h("span", { key: 'c9ff8ccd189ac5c57507dcfa8e0ceeaefa85e486', class: "divider" }), h("dso-icon-button", { key: 'b67a4893bace2c6ce84fd329e2f164949a9f2416', icon: "chevron-up", variant: "tertiary", label: `Vorig zoekresultaat ${current - 1}/${totalCount}`, onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: '26da2c213469b80abb8098f26f4040eb8ad78a8c', role: "status" }, current, "/", totalCount), h("dso-icon-button", { key: '36d2d30b7faac09aa44eef852cea066593b904ac', 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: 'e14eec6ad6de8fa15819ab39fb1830eb49a55b38', class: "dso-mark-bar" }, h("div", { key: 'e1d4c20bc0b5d73596ce9daa35eb271e1b812498', class: "dso-mark-bar-input" }, h("input", { key: '349d818a4be946b75177c7652de4de810e1ada46', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: 'c62c0fe8c75261d764cc9d82942f38b040dd4db6', htmlFor: "search-input" }, h("dso-icon", { key: '4baa4aa80cf1f28cc244883b39c1302e99930ae3', class: "dso-search-icon", icon: "search" }), h("span", { key: '888e55f0beb7a0c7aa7d75ccd81b21d0894d315f', class: "label-text" }, this.label)), h("dso-icon-button", { key: '29a349369cce850b7383262722e1912901d8c2e4', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: 'af99215c7547c8c56941775b94d6491e2ff322a2', class: "dso-button-container" }, h("span", { key: '7f9a71a536f903628d9108d1df3a5086efa0ec47', class: "divider" }), h("dso-icon-button", { key: '9319ba0b23ae0a15c195cb4e9f787528e0fbb706', icon: "chevron-up", variant: "tertiary", label: `Vorig zoekresultaat ${current - 1}/${totalCount}`, onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: 'f2b4107a4f482406348532a94a61d23b21f8a29a', role: "status" }, current, "/", totalCount), h("dso-icon-button", { key: '70b698aeedf87fbd9ffa1fe4a8143703a99fbd63', 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"; }

package/dist/collection/components/modal/modal.css

@@ -173,10 +173,10 @@ button::-moz-focus-inner {
 }
 .dso-modal > .dso-dialog > .dso-body blockquote {
   padding-block: 16px;
-  padding-inline: 24px;
+  padding-inline: 1.5rem;
 }
 .dso-modal > .dso-dialog > .dso-body dso-highlight-box {
-  margin-block-end: 24px;
+  margin-block-end: 1.5rem;
 }
 .dso-modal > .dso-dialog > .dso-body img {
   block-size: auto;
@@ -220,10 +220,10 @@ button::-moz-focus-inner {
 }
 .dso-modal > .dso-dialog > dso-scrollable .dso-body blockquote {
   padding-block: 16px;
-  padding-inline: 24px;
+  padding-inline: 1.5rem;
 }
 .dso-modal > .dso-dialog > dso-scrollable .dso-body dso-highlight-box {
-  margin-block-end: 24px;
+  margin-block-end: 1.5rem;
 }
 .dso-modal > .dso-dialog > dso-scrollable .dso-body img {
   block-size: auto;

package/dist/collection/components/modal/modal.js

@@ -70,7 +70,7 @@ export class Modal {
         }
     }
     render() {
-        return (h("dialog", { key: 'ff360d453e6fa57737aca88ad7014c6f32dbddc7', class: "dso-modal", 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) }, h("div", { key: '6f611ad28ed40c48ff1a6c66ddf881822f1955c8', class: "dso-dialog" }, this.modalTitle ? (h("div", { class: "dso-header" }, h("h2", { id: this.ariaId }, this.modalTitle), this.closable && (h("dso-icon-button", { id: "close-modal", icon: "cross", variant: "tertiary", label: this.text("close"), onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) })))) : (h("span", { class: "sr-only", id: this.ariaId }, this.text("dialog"))), h("dso-scrollable", { key: '7ea88e557de1193a975824b91a7ed22bc2c78345' }, h("div", { key: '95923d6c979d83a2d3ad140bfab0987c0c42d0c8', class: "dso-body", tabIndex: 0 }, h("slot", { key: 'b049dab69487db71428ce0ab8150f852ce0b371c', name: "body" }))), this.hasFooter && (h("div", { key: 'e7bbb58c528281b3c509bcf0232a64e550ba8838', class: "dso-footer" }, h("slot", { key: 'd594c7207a231d0eb77ebc03dce19abccf6647bf', name: "footer" }))))));
+        return (h("dialog", { key: '7674d533c3fc1221e4f6b068f5a67354b63c36a6', class: "dso-modal", 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) }, h("div", { key: '65c3955ab2701ea990393b40956b5432a7ac273d', class: "dso-dialog" }, this.modalTitle ? (h("div", { class: "dso-header" }, h("h2", { id: this.ariaId }, this.modalTitle), this.closable && (h("dso-icon-button", { id: "close-modal", icon: "cross", variant: "tertiary", label: this.text("close"), onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) })))) : (h("span", { class: "sr-only", id: this.ariaId }, this.text("dialog"))), h("dso-scrollable", { key: '827512bb8a6039edb7bb6f8f62869f125afabac0' }, h("div", { key: 'ba0044a6743cc7ed8538d4979671c1d1ef795cf6', class: "dso-body", tabIndex: 0 }, h("slot", { key: '275d29d60dc4ced698265c179a260bb3b59b4719', name: "body" }))), this.hasFooter && (h("div", { key: 'f5976fc74d442fdaa68caf85bc1eac989483034c', class: "dso-footer" }, h("slot", { key: 'f7f7eafab9d1c81a09a8103bc76baf9d87c40914', name: "footer" }))))));
     }
     static get is() { return "dso-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/onboarding-tip/onboarding-tip.css

@@ -81,7 +81,7 @@
   overflow-wrap: normal;
   word-spacing: normal;
   white-space: normal;
-  font-size: 14px;
+  font-size: 0.875rem;
   inset-block-start: 0;
   inset-inline-start: 0;
   z-index: 410;

package/dist/collection/components/onboarding-tip/onboarding-tip.js

@@ -65,7 +65,7 @@ export class OnboardingTip {
     }
     render() {
         const ariaLabel = this.headingSlottedElement?.textContent;
-        return (h(Host, { key: 'ce5c1f5886a4908f36380f9ccdceccd31c784ca0', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: '66619151b34f974ff0104282c94ec09a1b802d4c', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: '7d742ab19f6019e272b72224181ff7f4ccb93742', class: "onboarding-tip-inner" }, h("div", { key: '3d324d323f6e8c752c022876aac15ba6e8d1ea99', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: 'ae1bc50047bf83decf666cb10d8e118747004e8b', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: '14393090106b82a96622720a3e944b756caa694d', icon: "light-bulb" }), h("slot", { key: '4fcc680dfac42bac7ef09971164c3e99e0ab877f', name: "heading" }))), h("dso-icon-button", { key: 'ed185d63e19b556919c0ef78036ad6999afc691d', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: 'b80c65b737972dcedbafb5fc2bae173bb3dbe02c' }))), h("div", { key: 'f76c5308fe49055cb7a651bde2d92400c7a8b328', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
+        return (h(Host, { key: 'dd28aba6c94e69bce7dd91e8c3bef5327d8f84dd', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: '5db73647f2c75eda6bfabda1c5c850c7fbc025ea', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: 'e694e750218315308f99e58c8ff00ac2a65529da', class: "onboarding-tip-inner" }, h("div", { key: 'a36d26c91664b584496c2d6a02bd8a3b5782d7f6', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: '594b2fe2727c65e0c8f8b4148e5271d40e57df72', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: 'a682d1907a1f699c768a9663827f350d82391591', icon: "light-bulb" }), h("slot", { key: 'c968e81733173c04d8eda1fdbd94cba1c5ef4dcc', name: "heading" }))), h("dso-icon-button", { key: 'd584bee8fdb9f9d36d2fd30f453c4184f79223ba', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: 'b9c2fe589a242f41db9df0a55dfa105a7b32c941' }))), h("div", { key: '22b2b1623a525cc7ebf6d6873fdd623afdfedd22', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
     }
     get headingSlottedElement() {
         return this.host.querySelector("[slot='heading']");

package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.js

@@ -65,7 +65,7 @@ export class OzonContentToggletip {
         this.cleanUpFunction = undefined;
     }
     render() {
-        return (h(Fragment, { key: '24a1d0f7591ce554683e85c92cdbbf29b02607aa' }, h("span", { key: '5bd3286eac936c18eedb64b08514cab425d63228', "aria-describedby": this.active ? "toggletip-tooltip" : undefined, "aria-expanded": this.active.toString(), class: "toggletip-button", role: "button", tabIndex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, this.icon && (h(Fragment, { key: '6440939beb4167196a058db1c64c4402cee405ad' }, h("span", { key: 'd5555ed7f39575ad908b15181ee6dd4634752141', class: "toggletip-label" }, h("slot", { key: 'a5ade307e3958ffeabb56c4ae5b589be2a64bcd1', name: "label" })), "\u2060", h("dso-icon", { key: '70a3995fb3f3a0a5cd1fe7c506b342814bb96b60', icon: this.icon }))), !this.icon && h("slot", { key: 'f577d0c3a1130c301269ffc88df48473567d39aa', name: "label" })), h(Tooltip, { key: '3ee5e6ae5b1813692f273e41712e5859538ce389', id: "toggletip-tooltip", tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, h("dso-scrollable", { key: '7075e282928afc17cae8b7f5b0af84bc56728501', ref: (element) => (this.restrictContentElement = element), id: "toggletip-content", "aria-live": "polite" }, h("slot", { key: 'edab20ecf06738341aef3cec039a2fd12e0fd411' })))));
+        return (h(Fragment, { key: '840d60f374326fc3dd86f9a8554a416bbed111df' }, h("span", { key: '7b54ff0c3b6b57821eb39db76f532aa0348920c9', "aria-describedby": this.active ? "toggletip-tooltip" : undefined, "aria-expanded": this.active.toString(), class: "toggletip-button", role: "button", tabIndex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, this.icon && (h(Fragment, { key: 'a46cd133bfe9bbaecf73422769cca14e9fac8095' }, h("span", { key: 'dc6ca3aea0795605d023ec0e2bc879588e77b6cd', class: "toggletip-label" }, h("slot", { key: '4538271c14d24e289535e3148e2d1b21539ca43b', name: "label" })), "\u2060", h("dso-icon", { key: '1ab4a483bec4ed6aefd700823c54fea94eb2ff93', icon: this.icon }))), !this.icon && h("slot", { key: '1ecf2346bfc5e24e12d1805ec6ffbc726a6ba1ff', name: "label" })), h(Tooltip, { key: '21f230ceea76e90431b1e3cd9aab7ff5ebd78854', id: "toggletip-tooltip", tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, h("dso-scrollable", { key: 'b17af01bde722e752745bdbafce3f06e451217cf', ref: (element) => (this.restrictContentElement = element), id: "toggletip-content", "aria-live": "polite" }, h("slot", { key: '22b9640c4bd7208c19115a8644febad417ff01b2' })))));
     }
     static get is() { return "dso-ozon-content-toggletip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ozon-content/ozon-content.css

@@ -1128,7 +1128,7 @@ sub a:hover, sub a:focus-visible, sub a:active {
 }
 
 caption {
-  color: #666;
+  color: #000;
   padding-block-end: 8px;
   padding-block-start: 8px;
   text-align: start;
@@ -1179,11 +1179,11 @@ table.table th pre {
 table.table td:not(.plain-content) blockquote,
 table.table th blockquote {
   padding-block: 16px;
-  padding-inline: 24px;
+  padding-inline: 1.5rem;
 }
 table.table td:not(.plain-content) dso-highlight-box,
 table.table th dso-highlight-box {
-  margin-block-end: 24px;
+  margin-block-end: 1.5rem;
 }
 table.table td:not(.plain-content) img,
 table.table th img {
@@ -1193,7 +1193,7 @@ table.table th img {
 
 table.table,
 .dso-rich-content table {
-  margin-block-end: 24px;
+  margin-block-end: 1.5rem;
   max-inline-size: 100%;
   inline-size: 100%;
 }
@@ -2010,10 +2010,10 @@ del.editaction-remove p:last-child {
 }
 .dso-rich-content blockquote {
   padding-block: 16px;
-  padding-inline: 24px;
+  padding-inline: 1.5rem;
 }
 .dso-rich-content dso-highlight-box {
-  margin-block-end: 24px;
+  margin-block-end: 1.5rem;
 }
 .dso-rich-content img {
   block-size: auto;

package/dist/collection/components/ozon-content/ozon-content.js

@@ -33,7 +33,7 @@ export class OzonContent {
             annotated: this.annotated,
         };
         const transformed = mapper.transform(this.content, context);
-        return h(Fragment, { key: '5007e6cb436b60e0810249aa7a311d681470ea38' }, transformed);
+        return h(Fragment, { key: '9f84987b4c059e17ca3e42856ec35dff55ac560d' }, transformed);
     }
     static get is() { return "dso-ozon-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -15,7 +15,7 @@ export class Panel {
         this.text = i18n(() => this.host, translations);
     }
     render() {
-        return (h("div", { key: '092605b603cc7ec43acd236fce00df4e232636c3', class: clsx(["dso-panel", { emphasized: this.emphasized }]) }, h("div", { key: '4336d4006d35c2bd905152633b29b2f8c4b50d4e', class: "panel-heading" }, h("slot", { key: '84e819994a692b1a30f7de3b229a4d0180ca0ac0', name: "heading" }), h("dso-icon-button", { key: '8380d8896d2e9ed8a25a8d6ff8a22afa0d57afad', icon: "cross", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), h("div", { key: '7a891d808224609ef192bfdb379494986d05f3f3', class: "panel-body" }, h("slot", { key: '3121364a96626c5d5c4515a1059e6f8d195ae7c3' }))));
+        return (h("div", { key: 'fdcef28b2c5de26f2213133d70a7bba233169e70', class: clsx(["dso-panel", { emphasized: this.emphasized }]) }, h("div", { key: '103979cf987d46596d5c8b440163bf72e5bb3d74', class: "panel-heading" }, h("slot", { key: '75816074542c74dce6c2142a87f641ea35287476', name: "heading" }), h("dso-icon-button", { key: 'aa89b842cd9159f0a136668b391f7c0e3a97d328', icon: "cross", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), h("div", { key: '11fe6ce29a384f5bf53fd3ae3e49ac910ba391f5', class: "panel-body" }, h("slot", { key: '10d6c013559e598e027c604eba614707fd0d8423' }))));
     }
     static get is() { return "dso-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -41,7 +41,7 @@ export class PlekinfoCard {
     }
     render() {
         const hasSymbol = this.symbolSlottedElement !== null;
-        return (h(Host, { key: 'b5a6d7855bfd812ffac0aeab34e4128230a49835', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: 'dffff665552c434b50a71316842d1a6c8c34d9f5', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, h("div", { key: 'a503ad1878ff201fc3094079682761d2dd919712', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: 'b24f28178b481ff4fd67f1ea097a4f96475355af', name: "symbol" })), h("div", { key: '70456f091a5af0b1cbff2207bf16b33112f174d1', class: "dso-plekinfo-card-heading" }, this.href ? (h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { class: "heading-content" }, h("slot", { name: "heading" })), "\u2060", this.targetBlank ? (h(Fragment, null, h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (h("dso-icon", { icon: "chevron-right" })))) : (h("slot", { name: "heading" })), this.metaSlottedElement !== null && h("slot", { key: '49d58d2db5634280d0843995391ad27d7c67ee6b', name: "meta" }), this.interaction !== null && h("slot", { key: 'a772840a4a1cdd611e1974c99865c73fb136c219', name: "interaction" })), h("div", { key: 'db747d92119986b24ee82929a0d753c0cdb3745c', class: "dso-plekinfo-card-content" }, h("slot", { key: 'a07684756093f85d2bb83db7cfcb92b7c8320e7a', name: "content" })))));
+        return (h(Host, { key: 'a75c69064b86d78983450a7d2292ac0853c4320e', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: 'e1f0132df6901123050343bd69afaf426bc39db6', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, h("div", { key: '52034db203768490b772ab2df50506bf25f06033', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: 'bd23225ec33b0a93380299dc1a91c34862b83b79', name: "symbol" })), h("div", { key: '4908e9208fd6939cbb1dc7f7255cdca3e0ed5e01', class: "dso-plekinfo-card-heading" }, this.href ? (h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { class: "heading-content" }, h("slot", { name: "heading" })), "\u2060", this.targetBlank ? (h(Fragment, null, h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (h("dso-icon", { icon: "chevron-right" })))) : (h("slot", { name: "heading" })), this.metaSlottedElement !== null && h("slot", { key: '6000a878476bfcf2dd592cfa09defb077f1d4d0b', name: "meta" }), this.interaction !== null && h("slot", { key: '595030bbbc74ee345ef866fd5949cc80ae880644', name: "interaction" })), h("div", { key: '17b61edfcc78c8af0c438512704d780d850a837a', class: "dso-plekinfo-card-content" }, h("slot", { key: '4d7b8bb3cec6fc0405d58901c2bb64c03aeed8b1', name: "content" })))));
     }
     static get is() { return "dso-plekinfo-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/progress-indicator/progress-indicator.js

@@ -6,7 +6,7 @@ export class Progressindicator {
         this.text = i18n(() => this.host, translations);
     }
     render() {
-        return (h(Host, { key: '266666805bcc2741af271eb821f16b5de20e296a' }, h("span", { key: '26da568d6998e77e8cd2ed13b34fb915fbf733d7', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: '7a5654dc958b83ea26225c530109c0c075dce750', icon: "spinner" })), h("span", { key: 'ce6c9017cd0e2666d093d13f1a1442f537804eac', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
+        return (h(Host, { key: 'd14a202e5409b7d3cc1d0901853678db73fd87a8' }, h("span", { key: 'bb7c1e497d3566256db92bb2a778eaa38221cb97', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: '05370257d2a941b3c24fa42b9289aa3eb03eb230', icon: "spinner" })), h("span", { key: 'f4b6963a3d5c9d004b00076873f15b963d696b7b', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
     }
     static get is() { return "dso-progress-indicator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { Fragment, h } from "@stencil/core";
 export class ProjectItem {
     render() {
-        return (h(Fragment, { key: 'a6f2c4a0b5c8c419f547289241064402a0cd1351' }, h("div", { key: '4726842a175858363804563ff5fcd3d53b624818', class: "project-item-header" }, h("div", { key: '171d7b8f6eefcac2e40aa2ff880fe266e812eb85', class: "project-item-title" }, h("slot", { key: 'e53b00e23195b30be8d8849081328e322d041780', name: "title" }), this.label && (h("dso-label", { key: '2e5f8dd9c2cc79c209ba82775e57dc100c0f5f6a', status: "error", compact: true }, this.label))), h("div", { key: 'c99d5ba53cf0abc56413ee51ed265b878d11460c', class: "project-item-actions" }, h("slot", { key: 'f27b8488d7ec6e128c22c704e41f1846e7d56d69', name: "actions" }))), h("div", { key: '644306fb105daf743855d58d8d50e38da266cfe9', class: "project-item-info" }, h("div", { key: '6fabd64a2c4c29809a5e42fd24b707a82777ef45', class: "project-item-progress" }, h("slot", { key: '7899be36783f6e38a00766c5d3afd1d0839da2ba', name: "progress" })), h("div", { key: 'fe23604f152ecebb037c304426d7c18a4dc9e62a', class: "project-item-status" }, h("slot", { key: 'edb7598eb0a4e747a51dc4ba892163341a552842', name: "status" })))));
+        return (h(Fragment, { key: '447c6d9887401b305eac7c56e2056413b6a7b375' }, h("div", { key: '959949635e952831c815162bb096055ec5d84389', class: "project-item-header" }, h("div", { key: 'b7b829516001abee5de3da5566ad08eca169c98b', class: "project-item-title" }, h("slot", { key: '7f5958491e6a929d3ebdb5df48debab82df24f83', name: "title" }), this.label && (h("dso-label", { key: '9f3546615ab8d5efd12aa0bfeaa771a6cd8ba851', status: "error", compact: true }, this.label))), h("div", { key: 'e44a29b7356e5ee1483727161d163930de5cb9cb', class: "project-item-actions" }, h("slot", { key: '984bd922fc47d18518159a5322e31998edbcf2ca', name: "actions" }))), h("div", { key: '4067852a2ecf49b32806d613db5dd5cca95e4691', class: "project-item-info" }, h("div", { key: '12ac2875146a554dfbdc0923830c8538afb739f5', class: "project-item-progress" }, h("slot", { key: '409dea9404ddc4db683040a0cc1dbcb68cb1f401', name: "progress" })), h("div", { key: 'ed7d7028099bd637539b73b8db834fa37702eb50', class: "project-item-status" }, h("slot", { key: 'a0246bd1d806c19578e9faa1e249b4dcedb9b8ac', name: "status" })))));
     }
     static get is() { return "dso-project-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/responsive-element/responsive-element.js

@@ -53,7 +53,7 @@ export class ResponsiveElement {
         this.observer.unobserve(this.host);
     }
     render() {
-        return (h(Host, { key: '96e78ab5d6d4f5ef81d4b9d47f9ae8a05866a133', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: 'bb5d21405b1bc96ac9326a571825e03e3dc969b5' })));
+        return (h(Host, { key: 'dc322c03eda44d435029f593ab4cf45d106dfb73', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: '845f84ad9f2ba2177e06fce1ee24b40cb36e6b02' })));
     }
     static get is() { return "dso-responsive-element"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scrollable/scrollable.js

@@ -104,9 +104,9 @@ export class Scrollable {
         this.slottedElements.forEach((element) => resizeObserver.unobserve(element));
     }
     render() {
-        return (h("div", { key: 'd047ddc3bc5208a81e9cb85477edcbbce0a9d00e', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: '4ba715ced1f993851b8dc722d016aa6814d4f217', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
+        return (h("div", { key: '6ad01a54cb6214f0387b154412d0fd820a660080', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: 'a6c59257fa530ae92b744d8078277ff4996b72b8', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
                 [`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== "noScroll",
-            }), onScroll: () => this._setScrollState() }, h("slot", { key: '6cddf937201777baf771b516ba89e0787dbda8b9' }))));
+            }), onScroll: () => this._setScrollState() }, h("slot", { key: 'ea4d750205a487814b040d2797c5026a7e8ce298' }))));
     }
     static get is() { return "dso-scrollable"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/segmented-button/segmented-button.css

@@ -50,7 +50,7 @@
   align-items: center;
   justify-content: center;
   block-size: 24px;
-  font-size: 16px;
+  font-size: 1rem;
   font-weight: 500;
   background: #fff;
   color: #39870c;

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

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

package/dist/collection/components/selectable/selectable.js

@@ -48,7 +48,7 @@ export class Selectable {
     }
     render() {
         const hasInfo = !!this.host.querySelector('[slot="info"]');
-        return (h(Fragment, { key: 'f15b519e33e6b68f1becf222994c2d4c7ba51e9b' }, h("div", { key: 'a4b99ffc36828d171d2fce1f58e911043fc52b1d', class: "dso-selectable-container" }, h("div", { key: '348b868aaa3c035a2240e0b75d322c58a53a0733', class: "dso-selectable-input-wrapper" }, h("input", { key: '3c6bd982d61f447f363a93eb2c3efc829965762f', 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 ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: '0fde82cbafb657b99f8e03c9c525e43e87702ade', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: '6f9424b553d58124866706df3f339544910d17e2', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: '5ea4f0db490e085640d00cfba10c01bda64e3e07' }, h("slot", { key: 'de8c25a23e719adae87ec0341cae7375680b8623', name: "info" })))), h("slot", { key: 'f3af7639cb233ffe2781a10280e899f691ad15fc', name: "options" })));
+        return (h(Fragment, { key: '19b7b689cc40ce3ec7986b66e05f8b479c74d8f3' }, h("div", { key: '73d7886eee0da5d7f20c25388b04f14772256476', class: "dso-selectable-container" }, h("div", { key: '99f700718a7ecd57281a042e1b35c97865020de0', class: "dso-selectable-input-wrapper" }, h("input", { key: '82b1ddf180b11ba068675ced5ccd9f8cc08407cd', 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 ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: 'ee874565f8085d415e6279032663d48c831099f6', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: '28f5df3a32933933c288a5dbb6004178ea7c3c88', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: '8ed3760a79fa95902bf24898641ff1a92a83ef12' }, h("slot", { key: '4e1124ed873ec37839bfbbaf6831c14779da6c4c', name: "info" })))), h("slot", { key: '0997d1b15deda5753418e1073acf15003d3c1273', name: "options" })));
     }
     componentDidRender() {
         if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {

package/dist/collection/components/skiplink/skiplink.js

@@ -8,7 +8,7 @@ export class Skiplink {
         return this.dsoSkiplinkClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });
     }
     render() {
-        return (h("a", { key: 'dc552b95ccb22b96ec0daed381632b4afc8e70f8', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: '3fb8c640e78008cac1f856cb4ddf359e9adcd23e', icon: "chevron-right" })));
+        return (h("a", { key: '99088e9ff4a1eb24a73acd28a71631a492489e40', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: '9c7bcee7a86e7b996172a69fd87755a867ffdac6', icon: "chevron-right" })));
     }
     static get is() { return "dso-skiplink"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/slide-toggle/slide-toggle.css

@@ -1,6 +1,6 @@
 :host {
   display: inline-block;
-  padding-block-start: 2px;
+  padding-block-start: calc((1.5rem - 20px) * 0.5);
 }
 
 button.dso-slider {

package/dist/collection/components/slide-toggle/slide-toggle.js

@@ -25,7 +25,7 @@ export class SlideToggle {
         this.hasVisibleLabel = this.host.querySelector("*") !== null;
     }
     render() {
-        return (h(Fragment, { key: '4cf18710a6f07280d0080776bfe940288f107936' }, h("button", { key: '6154d90868c2ce9817addd58c7ccc5d1ddf1960a', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, h("svg", { key: 'a40e734f51e9176c4337b788a56ccdba998adcfa', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '0aace92cba60227bbc694343c64bd4e5115d5041', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: 'fe0257c5c6212b399bb6883077a959f2728986be', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: 'f25b49f0dbec781d0594b89ac51ec071572404a6', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: '8d43c0c7644ad350242c9dc1f102ca6b1086ab7f', htmlFor: this.identifier }, h("slot", { key: '36b803654221ef8016854590f1cad38054756e4d' })))));
+        return (h(Fragment, { key: '41c810bdf439f37f13a74b42bb5bd66209408bf7' }, h("button", { key: 'c7c3a43e80543fdd1eace6ec9602d4d32a7762ee', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, h("svg", { key: '1c755fb16ff775fddbd929ed99e9deb6ee5985cc', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '2c9ac43ead1447e1a765e5343ad01ae95228f52d', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: '38441c37affcedbc173d866af8406972957332d9', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: 'bda97311ec5deebf3a8baeceaac9382e5ca0b1bf', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: '546db33855ff3a79a86b14c42737b2b935c624ac', htmlFor: this.identifier }, h("slot", { key: '857e3dd92783a8a36d66d39aabe2879b7b8fced7' })))));
     }
     static get is() { return "dso-slide-toggle"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/survey-rating/survey-rating.js

@@ -18,10 +18,10 @@ export class SurveyRating {
             "Makkelijk",
             "Heel makkelijk",
         ];
-        return (h("dso-panel", { key: '5a179ed2af0e08ca4425ff722678b4181f167079', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: 'a9999f60adf50f4710dafd51540e070b680d86f6', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: '14541ee73f7eb7df7aa31540e8b36068728e4e85' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: '6495adf58f4eaae96b14e7b48f9ab288c706e401', onSubmit: (e) => this.handleForm(e) }, h("div", { key: 'be89bb54448a7fea343722ba19933a5c34ed2bee', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: 'b64fdcd408a644acac69ec4b2e8f123276d76e31' }, "Heel moeilijk"), h("span", { key: '4c5c42713f2b65a780f3d35a3aea40a5d1dd27b6' }, "Heel makkelijk")), h("div", { key: '752a3638aa3e2056a58162874b0a524c039fc74d', role: "radiogroup" }, ratings.map((rating, index) => {
+        return (h("dso-panel", { key: '5a4099fc5d6ce14b20b587d8e62bfc11918b6d86', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: 'f03325417ab807016ccefcfa24a4da835f4dbb68', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: '6ef7c26ffde99057fcf886ef0316788127d420d2' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: 'eb8514e4cc4e89bc55c49d0976a9c3ecf653efa7', onSubmit: (e) => this.handleForm(e) }, h("div", { key: '68fea48419eac3912dc30ef73949aaa832c1a871', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: 'fca067c067668615de7808598625480acb9b2eaf' }, "Heel moeilijk"), h("span", { key: '51a76e96cba6667434b244244a02c5534b8d4f03' }, "Heel makkelijk")), h("div", { key: '9d6477945ef3676a2b5b083546aa896c59c9bac6', role: "radiogroup" }, ratings.map((rating, index) => {
             const ratingNumber = index + 1;
             return (h(Fragment, null, h("label", { class: `survey-rating-${ratingNumber}` }, ratingNumber, h("span", { class: "sr-only" }, rating), h("input", { type: "radio", name: "rating", value: ratingNumber, checked: ratingNumber === this.rating, onChange: (e) => this.handleChange(e) }))));
-        })), h("button", { key: '5b0c126c839ce6cec139ae05f090efbf856c6e23', type: "submit", class: "dso-secondary" }, h("span", { key: 'f504e4c046b4cc9bb5826bbf89c0803a93daba71' }, "Antwoord verzenden")))));
+        })), h("button", { key: '659e0df5fee571799ec9bf0a56dff2ea909b871c', type: "submit", class: "dso-secondary" }, h("span", { key: '4062e16418955a900706e9d98fc653b1fbc70dd8' }, "Antwoord verzenden")))));
     }
     static get is() { return "dso-survey-rating"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/table.js

@@ -46,7 +46,7 @@ export class Table {
     render() {
         const caption = this.host.querySelector(":scope > table > caption")?.textContent?.trim();
         const dialogLabel = caption || "Uitvergrote tabel";
-        return (h(Host, { key: '4350d1d6d65139c521c8bc65ab529e868453571c', "is-responsive": this.isResponsive?.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: 'eacf5ae7b24a04140adeafdd6f5af2eb86ecfca3', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (h("dso-modal", { modalTitle: caption ? dialogLabel : undefined, closable: true, returnFocus: false, onDsoClose: () => this.closeModal() }, !caption && (h("span", { slot: "body", class: "sr-only" }, dialogLabel)), h("div", { slot: "body", class: "dso-table-body" }, h("slot", null)))) : (h(Fragment, null, h("div", { class: "dso-table-utilities", hidden: !this.isResponsive && this.noModal }, this.isResponsive && (h("div", { class: "dso-responsive-message" }, h("span", null, "beweeg de tabel van links naar rechts"))), !this.noModal && (h("button", { type: "button", class: "dso-tertiary open-modal-button", onClick: () => this.openModal() }, h("span", { class: "sr-only" }, "tabel ", caption ?? "", " "), h("span", null, "vergroten"), h("dso-icon", { icon: "external-link" })))), h("div", { class: "dso-table-body" }, h("slot", null))))));
+        return (h(Host, { key: '002a89f3ef0418d8833d15c5b3fbf7c8718f46c7', "is-responsive": this.isResponsive?.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: '96e3812f62c4a2dc1a08b9e54c525b08a0c71a5e', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (h("dso-modal", { modalTitle: caption ? dialogLabel : undefined, closable: true, returnFocus: false, onDsoClose: () => this.closeModal() }, !caption && (h("span", { slot: "body", class: "sr-only" }, dialogLabel)), h("div", { slot: "body", class: "dso-table-body" }, h("slot", null)))) : (h(Fragment, null, h("div", { class: "dso-table-utilities", hidden: !this.isResponsive && this.noModal }, this.isResponsive && (h("div", { class: "dso-responsive-message" }, h("span", null, "beweeg de tabel van links naar rechts"))), !this.noModal && (h("button", { type: "button", class: "dso-tertiary open-modal-button", onClick: () => this.openModal() }, h("span", { class: "sr-only" }, "tabel ", caption ?? "", " "), h("span", null, "vergroten"), h("dso-icon", { icon: "external-link" })))), h("div", { class: "dso-table-body" }, h("slot", null))))));
     }
     openModal() {
         this.placeholderHeight = this.host.clientHeight;

package/dist/collection/components/tabs/tabs.js

@@ -60,7 +60,7 @@ export class Tabs {
         this.mutationObserver?.disconnect();
     }
     render() {
-        return (h(Host, { key: '8254800bb5a0c14a3c1273229cfcb79e9c54f613' }, h("div", { key: '661d468205eef9943c2b739d784b6da07c88ae68', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: 'b9c5f5b2910af297d18af9faebdcf0a52ea4fcd4' })), h("div", { key: '1aa10670bb13fd6d10741c1b585a8b0a05467927', role: "tabpanel", tabindex: "0" }, h("slot", { key: 'a2a7595521fe4d224a6e70d27b0a6913a7729a58', name: "panel" }))));
+        return (h(Host, { key: '4a44a3f5b4183fba668eb37e9083bb71866aef9a' }, h("div", { key: 'cbf2e18cc35725d846549d557bead0d8133a278b', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: 'cafbccebd54d9ec8002b5595fc02b0d3a11a5471' })), h("div", { key: 'a86c75fc090ae36b4fcae2b8ff9cb4433cbca18b', role: "tabpanel", tabindex: "0" }, h("slot", { key: '83ed8f4078f347d8a43682cbeca57a52a996be9c', name: "panel" }))));
     }
     static get is() { return "dso-tabs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { Fragment, h } from "@stencil/core";
 export class TijdreisBanner {
     render() {
-        return (h(Fragment, { key: '25db11ceca193a6e71a0f79195d2da21c0472a6b' }, h("dso-icon", { key: 'd2a57ce5abf585189544447392f2b8361c458290', icon: "clock-outline" }), h("slot", { key: '465b99fb06bed30fd16c96045b81e335fdf65aa8' }), h("slot", { key: '66cd4ee75e30476429d60ce093c95c6534151d31', name: "button" })));
+        return (h(Fragment, { key: 'ef5f6d647c3998d1bd562a904470710e1bbb1177' }, h("dso-icon", { key: 'af96dc3009774785a74fe60fe71271f3d30b4c6d', icon: "clock-outline" }), h("slot", { key: '92be636223afd77de6f5ec34ff2b9761961a18c6' }), h("slot", { key: '6113c5ba3be8f56779da8548e8153dbdd0f70e59', name: "button" })));
     }
     static get is() { return "dso-tijdreis-banner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tooltip/tooltip.css

@@ -25,7 +25,7 @@
   --_dso-link-color: #39870c;
   display: block;
   filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));
-  font-size: 14px;
+  font-size: 0.875rem;
   opacity: 0;
   position: absolute;
   transition: opacity 0.15s linear;

package/dist/collection/components/tooltip/tooltip.js

@@ -186,7 +186,7 @@ export class Tooltip {
         }
     }
     render() {
-        return (h(Host, { key: '925fdfa915cf6fa74880c939e7970009a8cfff7f', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, h("div", { key: 'ec46d37fc08aea82c5f9b125cd495879049f405b', class: clsx("tooltip", { in: this.active }) }, !this.noArrow && h("div", { key: '773fbbce39f5c4e952acce7e1b3600f449829487', "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { key: '2dc12b827958b298930f5714ca2386ffae7ad5d7', "aria-hidden": !this.descriptive || undefined, class: clsx("tooltip-inner", { "dso-small": this.small }) }, h("slot", { key: 'b1dda0bd5e39515a70205a24610ed254a5cbbda2' })))));
+        return (h(Host, { key: 'd2293d3a4c732b2baf750ae941d5c9589202afe5', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, h("div", { key: 'a31be198ba1b8972ea5b1b85569294b8bb6f08c8', class: clsx("tooltip", { in: this.active }) }, !this.noArrow && h("div", { key: 'e9394ee672085986caf5b2b67f859e95bb449ec0', "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { key: '9aa15980b1cb905cb5cff9e5d70e6d8423c1985e', "aria-hidden": !this.descriptive || undefined, class: clsx("tooltip-inner", { "dso-small": this.small }) }, h("slot", { key: '91d6af37985c5d236633bd92484d50a30cced3f6' })))));
     }
     activatePopper() {
         this.hidden = false;

package/dist/collection/components/tree-view/tree-view.js

@@ -170,7 +170,7 @@ export class TreeView {
         return false;
     }
     render() {
-        return (h("div", { key: '9126ca8ab9534c5499b493bf511a8a042d78986e', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: 'e9a7780673b7b1eed4bf6af470e7d61691fd30a8', role: "tree", "aria-label": "Objectenboom" }, this.collection?.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
+        return (h("div", { key: 'ad891987ac4fbf1120c72bf99baf49065b027d1a', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: 'ee5eb8e7c3fafc0474e611e0472fa1c7353042d1', role: "tree", "aria-label": "Objectenboom" }, this.collection?.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
     }
     static get is() { return "dso-tree-view"; }
     static get encapsulation() { return "shadow"; }