@dso-toolkit/core 91.0.0 → 92.0.0-ghi-3567.0

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: '1fd87dcaff9f9804bab2309148f9ced1e91c6d54', 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: '561d1fd30265bcc499211397ee0a33b7e55cedd7', 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: '182be6c3a3f06759d6e9790fbc2ac1fd7b84a4ee', class: "form-group dso-radios" }, h("legend", { key: 'b779209aa4f9741b39c436cf9730aea798128bee', class: "sr-only" }, "Achtergrond"), h("div", { key: 'f35cca28394d66962b38a33618a865b8658ddbb1', class: "dso-label-container" }, h("span", { key: 'b2f7912ac9d4573506c2084cda4a0382450c071d', class: "control-label", "aria-hidden": "true" }, this.text("background"))), h("div", { key: '4ca37cce53b2067184339788cf9909612f5357ec', 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: '022b7253e4b5fb5b179b52082ca857f533244f17', class: "form-group dso-radios" }, h("legend", { key: '2444a8ba321e2d65d239eebf3c06a6303131e3c8', class: "sr-only" }, "Achtergrond"), h("div", { key: '18f4c8fb0aa8499a22f31903b02dc3dbe1a2fb8f', class: "dso-label-container" }, h("span", { key: '6f8a3a3f0a57b6a5247427be055a47954b161926', class: "control-label", "aria-hidden": "true" }, this.text("background"))), h("div", { key: '9a92474df7633fb9c1ca46afaf72a3d1b0b1c409', 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.css

@@ -1039,11 +1039,9 @@ label.dso-map:has(span.sr-only):has(dso-icon) {
   inline-size: 40px;
 }
 
-a.dso-primary {
-  text-decoration: none;
-}
-a.dso-primary, a.dso-primary:visited {
+a.dso-primary, a.dso-primary:hover, a.dso-primary:visited, a.dso-primary:focus-visible {
   color: #fff;
+  text-decoration: none;
 }
 a.dso-secondary {
   text-decoration: none;
@@ -1051,8 +1049,9 @@ a.dso-secondary {
 a.dso-secondary, a.dso-secondary:visited {
   color: #39870c;
 }
-a.dso-secondary:hover, a.dso-secondary:visited:hover {
+a.dso-secondary:hover, a.dso-secondary:focus-visible {
   color: #275937;
+  text-decoration: none;
 }
 a.dso-tertiary {
   text-decoration: none;

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

@@ -63,7 +63,7 @@ export class MapControls {
         });
     }
     render() {
-        return (h(Fragment, { key: 'e80f27eb1bef7bd1df8d4fe4b6956fb6e2d2f60d' }, h("dso-icon-button", { key: 'f426a63cf15878119bc65afd50cecd722094642c', label: this.text("layersButton"), icon: "layers", variant: "map", tooltipPlacement: "left", class: "toggle-visibility-icon-button", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), h("button", { key: '00d979a3bb6ac88e4c70786d828ecda4c47995c9', type: "button", class: "dso-map toggle-visibility-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, h("dso-icon", { key: 'c837110e53c36c15eee108f5613109b6fdb51aba', icon: "layers" }), h("span", { key: '7f1afc8c9584aaa9353d849ddeef3dda550cdb8a' }, this.text("layersButton"))), h("dso-button-group", { key: '0160217e4220046693c92a1742e9aa77dde3d8fb', class: "zoom-buttons", direction: "column" }, h("dso-icon-button", { key: 'a0977cf85e314acd8ce95a4028a3be47dfeae2b8', 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: '0ca02c9f8289aad6bc9bf91d18a916d6e89044e8', 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: '130e6717563cfff58b76a3f5be342811acfad8e5', hidden: this.hideContent }, h("header", { key: 'cff002e1a2b3a65a33ab9170aa537c87840bf6c4' }, h("h2", { key: 'ba7f7c30b56ff45969c6dd8992823696dd254567' }, this.text("title")), h("dso-icon-button", { key: 'a9f6f86c6a66c0c08bbd466972a22ddb3a0050c7', class: "close-button", label: this.text("hidePanel", { title: this.text("title") }), icon: "cross", variant: "tertiary", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeButtonElement, element, "f")) })), h("dso-scrollable", { key: 'a768e1c58a8f5af5b1ee7debe075c90c4ed1a15d' }, h("div", { key: '47e3fa03c63b7bd0671f6fdc2093c2fbb148d636', class: "content" }, h("slot", { key: 'dbe09a86f1805db31ecfbb46a1798da703b4ed9e' }))))));
+        return (h(Fragment, { key: '2bebd2222111ce004a78e4473c49c6d09cf7f267' }, h("dso-icon-button", { key: 'f8f6de437d8e15c345345b7a0a302f9166c299d4', label: this.text("layersButton"), icon: "layers", variant: "map", tooltipPlacement: "left", class: "toggle-visibility-icon-button", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), h("button", { key: '4457eb4c932e2d6919525447e9f5d6cad1abe521', type: "button", class: "dso-map toggle-visibility-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, h("dso-icon", { key: '1640c879686c95693e0522817859e4c8e642b641', icon: "layers" }), h("span", { key: 'c49a7a52d2d3562c7d9ee67d48dac2669715176d' }, this.text("layersButton"))), h("dso-button-group", { key: 'd05e004ee7ae78a3c02370870f5ab00b19cf3ef0', class: "zoom-buttons", direction: "column" }, h("dso-icon-button", { key: '8a030706ac01afe34385953bb1a02461cdf2e513', 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: '7fd890339f36d4690333523649efe8421f78d015', 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: '2b61af90c3f4090afffc545426dd8b48e8682061', hidden: this.hideContent }, h("header", { key: '6c4da47e33b300a3be9a0e434ddd0c5e4bcb9dab' }, h("h2", { key: '17792e55718095fbdd7cbc779ee94eaf4130281c' }, this.text("title")), h("dso-icon-button", { key: '9684c711170e6c8c0c943e039fc35884c9488f6d', class: "close-button", label: this.text("hidePanel", { title: this.text("title") }), icon: "cross", variant: "tertiary", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeButtonElement, element, "f")) })), h("dso-scrollable", { key: 'be627b200abc10af23b69530e7fef14c31dd9768' }, h("div", { key: '3e134625aeeee3be860156342f0554f6d6650731', class: "content" }, h("slot", { key: '7fecb6a54112d1f58b101f00c0304c2b7b3f1599' }))))));
     }
     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: 'e87eb0a987f963f5cd37d2d6dd31a973b0af3a5a', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h(WrapWijzigactie, { key: 'fd8848154e06d83165db3961de7ad2b906ab5fe8', wijzigactie: this.wijzigactie }, h("div", { key: '8c001e470ce4e4b4fc688e090b2269be4ffe8030', class: "map-layer-object" }, h("div", { key: '55e475b8c309a5918e8f59624a86fb60189dcb4b' }, h("slot", { key: '45760d7f2ecf8db5efda4ece670e909978d807aa', name: "symbol" })), h("div", { key: 'fb46ff9139db827a5fa6d86b1f4fe23e75688108', class: "map-layer-object-heading" }, h("slot", { key: 'd17824947aad54c024cf0da86d06e898bb465732' }), h("slot", { key: '80ab4eb005bf754772e9bc60ff1e4a868199f639', name: "label" })), h("div", { key: '02dd86c4ed6328db5de0802684e55be7c6121194', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: 'a40dca66743d2404a761b47788c80a3334a0ff8e', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange }))))));
+        return (h(Host, { key: '5e43b21016086382a183304e8ff6e8331bb8f369', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h(WrapWijzigactie, { key: '90a46f2b5683cc195dfc19a3a2d6b271b64d1476', wijzigactie: this.wijzigactie }, h("div", { key: '687ead499bcca5e92182b7adec0d47ed06854395', class: "map-layer-object" }, h("div", { key: '2c77550f48d61b70ac33ea0959efb4e0ed1817a1' }, h("slot", { key: 'a8b600409b0a59a0f6ca0b64a37905df1d5a58dd', name: "symbol" })), h("div", { key: '77d474fe22ee43457a980982159dfab342c6b0f3', class: "map-layer-object-heading" }, h("slot", { key: '0d5400e2402051d62b32cb24f835ce6fe83c0fa6' }), h("slot", { key: '2f7658aad660af52fd9ab042d50c147d0b1bebeb', name: "label" })), h("div", { key: 'c23c0b8f09c8ea965f04744f7e919f15ba752a28', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '7a55368d56bf2e11525b818678ac620342e83b15', 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: 'a846e3882a275aa8f8ab200f5049ed985cddbf70', wijzigactie: this.wijzigactie }, h("div", { key: '16dd057b56a83c1c52f544d1e88c47c4455b67e5', class: "map-layer" }, h("div", { key: '8f2709e613c01e6297cd27cd8cabbe95266f7199', class: "map-layer-heading" }, h("slot", { key: 'bd2c4f2dbd60ff151d28d24702278ad4caed49bb', name: "name" }), h("slot", { key: 'd7d9d99a5de2618f69e3172569811ede5c167160', name: "label" })), this.activatable && (h("div", { key: '14d9d0163ba30ee5c07aa94635563e2b0b1b0bdf', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: 'e58873a37f83eab1e9a94e545b11bbdf87eea326', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: '7bc52dacc415cd7944ba6e8babdafc54354af79c' })));
+        return (h(WrapWijzigactie, { key: '1888e355a80fef9de95b3dc4b009cf81f57dc85f', wijzigactie: this.wijzigactie }, h("div", { key: '10359e02b7c768648cf228be389912ff124de2e1', class: "map-layer" }, h("div", { key: 'ea2d69b38b0769ba445b5858c825cf8161b1cb61', class: "map-layer-heading" }, h("slot", { key: '8edb08c850e54d74173e5aa9b47124b4a19946c4', name: "name" }), h("slot", { key: 'f559211fde9f1af6dda210d7e05fc1337716a562', name: "label" })), this.activatable && (h("div", { key: '884a1bfc55ae09eb434a7f663515ad3831fc9cdb', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '2f85c2edd3b89ca15f323b881c6e780d6231bddc', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: '06fa74f16bc861262bcad8285e0432926178c075' })));
     }
     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: '17b91993a799518f5a57c47981c94953046c5ad1', class: {
+        return (h("div", { key: 'f61bb20b1cb29cd29cd848a1ce23a469628a70f1', class: {
                 "map-message-content": true,
                 "has-icon": iconName !== undefined,
                 "has-actions": this.hasActions,
-            }, role: role, "aria-atomic": "true" }, h("div", { key: 'a040bfb529c59ea6f5cd3a866e2f3e60cd8f79fb', class: "map-message-body" }, iconName && h("dso-icon", { key: 'a67d960a9404e1a215feb5a7d6d13b53600ad061', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), h("span", { key: '4490cbb7e2af2bbd8db2403cee9db8e0f58f7a92', class: "map-message-text" }, h("slot", { key: '88ca853309adcf219160205584580639bdf06314', name: "message" }))), h("slot", { key: '20c38d393fb4ae9ca289a9d4513ad94c67aace0d', name: "actions", onSlotchange: this.handleActionsSlotChange })));
+            }, role: role, "aria-atomic": "true" }, h("div", { key: '6bb520bafce05b3d30ccf74d051b56f13e0deded', class: "map-message-body" }, iconName && h("dso-icon", { key: '562d40cfd80902b3420bca2f73a395562ed6bd53', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), h("span", { key: 'a11113a808c8ad7c77568e086288cfd24530adf3', class: "map-message-text" }, h("slot", { key: '322dec4055e69936249f05862f4cb63da4da1277', name: "message" }))), h("slot", { key: 'b2e023741280c36794784e4aa86c029c981db4cf', 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: '6c7cd0057b0f49a0e4434ff10a9effc644943f52', class: "form-group dso-checkboxes" }, h("legend", { key: '9abce3af4126cf5d30bcf769e83bccffefb6f111', class: "sr-only" }, "Kaartlagen"), h("div", { key: '727c77b6da2ed720455fb74c220054d1627ecfa8', class: "dso-label-container" }, h("span", { key: '911e85fb97f9f11a9ac2c1d8154e2be89137841f', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: '968efa1704c22a4b4252aab0a4dd17a5ca3a679c', 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: '2092eeaf0e10ac4d8836e097895570e1457a4c3a', class: "form-group dso-checkboxes" }, h("legend", { key: 'fdb0cec1cd8deee591c8b83b87902009f1817bda', class: "sr-only" }, "Kaartlagen"), h("div", { key: 'd96f4e9495957dff19ce17bc26948a97b2a1e524', class: "dso-label-container" }, h("span", { key: '2ee2223b049367caab7713e011e9d7a0fec50b8a', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: '8649873d384127bfb109459a8b523bc6a480a199', 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: '55c54949963e1f8fea242366724e998585f6b785', class: "dso-mark-bar" }, h("div", { key: '61a956d7bfd816dd25d72b7f5a35989f3b4ce46b', class: "dso-mark-bar-input" }, h("input", { key: '66883925a8d0d369560ec03697ac6482d1bdb14b', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: '32a61a8fe005b74777097cacba3a5eb18427dff3', htmlFor: "search-input" }, h("dso-icon", { key: '837c3cad3188704b3638a76722492a261d4ecb03', class: "dso-search-icon", icon: "search" }), h("span", { key: '9e2e1b84df9cb0860d931233f9469e9c53402836', class: "label-text" }, this.label)), h("dso-icon-button", { key: '41206eebf78bbc0b31bc147f0ac2a6a13876fcc5', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: '2996a2f89bedf25516f0f7b4669cf8e7fb834666', class: "dso-button-container" }, h("span", { key: '4c995d8619b70cc1b387496adfd689f413f6f015', class: "divider" }), h("dso-icon-button", { key: '4e1c597443e59dee11fb498a581d9f083f9c4768', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: '0cbb6043077a9a92a662fb595576f31610d2233e' }, current, "/", totalCount), h("dso-icon-button", { key: '925d2b379af59d2aaf1122e3fe89a4111cd56dfe', icon: "chevron-down", variant: "tertiary", label: "Volgend zoekresultaat", onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
+        return (h("div", { key: 'd09aa94ffd06188445f96c64a4a3719d37949d3e', class: "dso-mark-bar" }, h("div", { key: 'd89230751206bd78aeacf8c56c8c171ab55a7096', class: "dso-mark-bar-input" }, h("input", { key: 'dab47647c66731e7b669e1768508c2d994e33778', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: 'b43e1efa704876deb197853f2f8dbba146597a88', htmlFor: "search-input" }, h("dso-icon", { key: 'c6617679b5d34671e068c766a0236b5cdc12c893', class: "dso-search-icon", icon: "search" }), h("span", { key: '51381737c0a3a999ddc47ae60050a032ed1051e6', class: "label-text" }, this.label)), h("dso-icon-button", { key: 'acdb087e9a2e3482ddf9b799b5143b79e1601500', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: '85addfb20a5c2f40ee7a62dcbde354f407472b1c', class: "dso-button-container" }, h("span", { key: '7f572933ce9d4085c5648fe923b122f5462b6706', class: "divider" }), h("dso-icon-button", { key: '022a07592d02e6b015915129d2c333a8a976ffa4', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: '12dad58f34bcde382a978617a53b3d89aac5994e' }, current, "/", totalCount), h("dso-icon-button", { key: 'd03ec5b8cefa4bec0f00ef59d94003a1fc0faddb', icon: "chevron-down", variant: "tertiary", label: "Volgend zoekresultaat", 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.js

@@ -62,7 +62,7 @@ export class Modal {
         }
     }
     render() {
-        return (h("dialog", { key: '8c58e168c33679096563b2eef8719857f00ed141', class: "dso-modal", role: this.dialogRole ?? undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onClick: (e) => this.handleDialogClick(e), onKeyDown: (e) => this.blockEscapeKey(e) }, h("div", { key: '97582f1720de811a578109065eb6fa54d1f5e432', class: "dso-dialog", role: "document" }, 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: '7cf0fd5cd2c209e78fac6d13541f50cdbfc5967b' }, h("div", { key: '9ba3272cd1d59999221367614c6ffdda398989d9', class: "dso-body", tabIndex: 0 }, h("slot", { key: '740e953099d3bb89cc8da702452adb1c7c7b0da9', name: "body" }))), this.hasFooter && (h("div", { key: '32d07d82f187ec63cf8d542e8faa1a4e7cecc052', class: "dso-footer" }, h("slot", { key: 'e6e9f7d9ca33f2fb6a61a2c33e1f1144ac8a812d', name: "footer" }))))));
+        return (h("dialog", { key: '3f82d0319743f333024c6e9924c08d48f85b738b', class: "dso-modal", role: this.dialogRole ?? undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onClick: (e) => this.handleDialogClick(e), onKeyDown: (e) => this.blockEscapeKey(e) }, h("div", { key: 'd94bad5e57a1b0c0a84e1bf5e27570df1ec00f20', class: "dso-dialog", role: "document" }, 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: '954818bf78e2f2db6dd46232730fff39f9e73815' }, h("div", { key: '5bc44af3ae7e08e92c7508d1c2989316e58079a5', class: "dso-body", tabIndex: 0 }, h("slot", { key: '53ee09a3318fe5775d9f87d027818d6d4af2a13c', name: "body" }))), this.hasFooter && (h("div", { key: '21fd34229ad80c81071db82dc2fe97650fec545d', class: "dso-footer" }, h("slot", { key: '77af70dbc6c274bd194bb0cfcac3563a8664d248', name: "footer" }))))));
     }
     static get is() { return "dso-modal"; }
     static get encapsulation() { return "shadow"; }

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: '865a09f9c1cb7636c1e4667bc14e1cd39412dfbb', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: '97139ffe23f6c868200e2d584872679b61d24aff', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: '5e78cc39a6b65de7e338bbe4e8e78c760c960716', class: "onboarding-tip-inner" }, h("div", { key: '2686b4d813b2cc05c5c1074df841a3fa596ffead', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: 'ce4d4d83e609f325bb089a946d5f864ef835ca46', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: 'b7089262e4438e6e88907aeab06a0d0059c10ffb', icon: "light-bulb" }), h("slot", { key: '3703f494008ba3ae3d62c2a84d18fd26d79fdb97', name: "heading" }))), h("dso-icon-button", { key: 'aba8ded86a4d3e269f7ac007c02d6b4865047bfa', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: 'd9696574bc96f3249ee75485dad143498a9e66fa' }))), h("div", { key: 'f324f22d23125a3acc2e6fe4a11c4fdfed3b0625', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
+        return (h(Host, { key: 'fa8923c44684b225ec204be511c48edaa85d5223', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: '2acf5c31e31e72974c9885ebd52b5f766f138139', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: '4c52b7ebbc3bef2435ea565d2fffc2d0985da9aa', class: "onboarding-tip-inner" }, h("div", { key: '51382c1a584ccf665964deb518643cfad06e6b47', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: '5867f4dec0c3c79a4bbeefb88f677dc28cd64f75', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: 'b730b2df1af5a96d0d17a4c3ee97a9bd78ce399a', icon: "light-bulb" }), h("slot", { key: 'e7503900bd00852a9ce0a4561063efbd950db450', name: "heading" }))), h("dso-icon-button", { key: 'b8bd69671342def7471ba20cb59d27d9c4dc913a', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: '094a3e0d158b8a3e10bc0cae1bce3f9f44703872' }))), h("div", { key: '1937be09261e1e21b427601d7c79a9ac94b7cd3d', 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.css

@@ -19,13 +19,8 @@
   filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));
   opacity: 0;
   visibility: hidden;
-  transition: opacity 0.15s;
   max-inline-size: 480px;
 }
-.dso-tooltip.visible {
-  opacity: 1;
-  visibility: visible;
-}
 .dso-tooltip .tooltip-inner {
   --_dt-span-role-paragraph-margin-block: 8px;
   --_dso-alert-success-border-color: initial;

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

@@ -64,7 +64,7 @@ export class ozonContentToggletip {
         this.cleanUp = undefined;
     }
     render() {
-        return (h(Fragment, { key: '0a812c27a5f7bf6820fc83d38f6ed05e858b18ef' }, h("span", { key: '0f29416e6f531a946b18d7aa153f3b2ff23ff4af', class: "toggletip-button", role: "button", tabindex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, this.icon && (h(Fragment, { key: '12f0115d72782788cc78f412ddeb5b3328d2005d' }, h("span", { key: '36622fff305d4f09945a5d91d19fb8eb110d3633', class: "toggletip-label" }, h("slot", { key: '2748e97daa83647d7ceeecd3272af7c3656d23e9', name: "label" })), "\u2060", h("dso-icon", { key: 'dca460d7d3f39da9f7542b66309923e96591a561', icon: this.icon }))), !this.icon && h("slot", { key: 'ad9b81a50bfb52ae5744a40b143a188d6d890baf', name: "label" })), h(Tooltip, { key: '86cec2e841b546787dc3ab5a157d25079ed685eb', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, h("slot", { key: '81066b3e4472236be538560880b2a875481bda73' }))));
+        return (h(Fragment, { key: '42a266732f99e8ff37be7fba775704cb683831e9' }, h("span", { key: '2c9db2d71a2e08dfc9873c6a8fec1cb7e0b73a65', class: "toggletip-button", role: "button", tabindex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, this.icon && (h(Fragment, { key: 'a5ea307d3f1b8642dd891b7d6480832a27fad1f3' }, h("span", { key: '063c6a4c4f655a3473f297e38c5617f0a155c0a3', class: "toggletip-label" }, h("slot", { key: '2131443bfcf023d6d1d6703135a835b741c48e9b', name: "label" })), "\u2060", h("dso-icon", { key: '862e8f3559ff9a42339325a7c58d0bef861609db', icon: this.icon }))), !this.icon && h("slot", { key: 'c22316502af49a2d6a1b1ce33d3a6306aaed408b', name: "label" })), h(Tooltip, { key: 'e03cbd7b59d6020007e1ce9a4e258f8408175fdb', tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, h("slot", { key: 'a9679de367309c86d2420bb729b3cc817e059dbb' }))));
     }
     static get is() { return "dso-ozon-content-toggletip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ozon-content/nodes/table.node/table-cell.js

@@ -10,7 +10,7 @@ function getColspecStartRowsep({ columns }, nameStart) {
     const colspecStart = columns.find((c) => c.name === nameStart);
     return colspecStart ? colspecStart.rowsep : null;
 }
-function getData(cell, colspecs) {
+export function getData(cell, colspecs) {
     const nameStart = cell.getAttribute("namest");
     const row = cell.parentElement;
     const tgroup = row?.parentElement?.parentElement;
@@ -32,7 +32,7 @@ function getData(cell, colspecs) {
         rowsep,
     };
 }
-function getColspan({ columns }, nameStart, nameEnd) {
+export function getColspan({ columns }, nameStart, nameEnd) {
     const colspecStart = columns.find((c) => c.name === nameStart);
     const colspecEnd = columns.find((c) => c.name === nameEnd);
     if (!colspecStart || !colspecEnd) {

package/dist/collection/components/ozon-content/nodes/table.node/table-header.js

@@ -0,0 +1,9 @@
+import { h } from "@stencil/core/internal";
+import { clsx } from "clsx";
+import { WrapWijzigactie, } from "../../../../functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component";
+import { wijzigactieToClassName } from "../../functions/wijzigactie-to-class-name.function";
+import { getColspan, getData } from "./table-cell";
+export const Header = ({ context: { mapNodeToJsx }, colspecs, cell, wijzigactie }) => {
+    const { moreRows, nameStart, nameEnd, colsep, rowsep } = getData(cell, colspecs);
+    return (h("th", { class: clsx({ "dso-horizontal-line": rowsep !== "0" }, { "dso-vertical-line": colsep !== "0" }, wijzigactieToClassName(wijzigactie)), rowSpan: moreRows ? parseInt(moreRows, 10) + 1 : undefined, colSpan: colspecs && nameStart && nameEnd ? getColspan(colspecs, nameStart, nameEnd) : undefined }, h(WrapWijzigactie, { wijzigactie: wijzigactie }, mapNodeToJsx(cell.childNodes))));
+};

package/dist/collection/components/ozon-content/nodes/table.node/table-rows.js

@@ -1,6 +1,7 @@
 import { Fragment, h } from "@stencil/core";
 import { parseWijzigactieFromNode } from "../../functions/parse-wijzigactie-from-node.function";
 import { Cell } from "./table-cell";
-export const Rows = ({ context, colspecs, rows }) => {
-    return (h(Fragment, null, rows.map((row) => (h("tr", null, Array.from(row.children).map((cell) => (h(Cell, { cell: cell, colspecs: colspecs, context: context, wijzigactie: parseWijzigactieFromNode(row) }))))))));
+import { Header } from "./table-header";
+export const Rows = ({ context, colspecs, rows, head }) => {
+    return (h(Fragment, null, rows.map((row) => (h("tr", null, Array.from(row.children).map((cell) => (head && (h(Header, { cell: cell, colspecs: colspecs, context: context, wijzigactie: parseWijzigactieFromNode(row) }))) || (h(Cell, { cell: cell, colspecs: colspecs, context: context, wijzigactie: parseWijzigactieFromNode(row) }))))))));
 };

package/dist/collection/components/ozon-content/nodes/table.node/table.node.js

@@ -31,6 +31,6 @@ export class OzonContentTableNode {
                 "editaction-add": wijzigactie === "voegtoe",
                 "editaction-remove": wijzigactie === "verwijder",
                 [`dso-table-outside-lines-${frame}`]: frame,
-            }), ...(bron ? { "aria-describedby": this.id } : {}) }, caption && h("caption", null, caption), colspecs && h(Colgroup, { colspecs: colspecs }), headRows.length > 0 && (h("thead", null, h(Rows, { rows: headRows, colspecs: colspecs, context: context }))), bodyRows.length > 0 && (h("tbody", null, h(Rows, { rows: bodyRows, colspecs: colspecs, context: context })))), bron && h("div", { id: this.id }, context.mapNodeToJsx(bron))));
+            }), ...(bron ? { "aria-describedby": this.id } : {}) }, caption && h("caption", null, caption), colspecs && h(Colgroup, { colspecs: colspecs }), headRows.length > 0 && (h("thead", null, h(Rows, { head: true, rows: headRows, colspecs: colspecs, context: context }))), bodyRows.length > 0 && (h("tbody", null, h(Rows, { rows: bodyRows, colspecs: colspecs, context: context })))), bron && h("div", { id: this.id }, context.mapNodeToJsx(bron))));
     }
 }

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

@@ -1039,11 +1039,9 @@ label.dso-map:has(span.sr-only):has(dso-icon) {
   inline-size: 40px;
 }
 
-a.dso-primary {
-  text-decoration: none;
-}
-a.dso-primary, a.dso-primary:visited {
+a.dso-primary, a.dso-primary:hover, a.dso-primary:visited, a.dso-primary:focus-visible {
   color: #fff;
+  text-decoration: none;
 }
 a.dso-secondary {
   text-decoration: none;
@@ -1051,8 +1049,9 @@ a.dso-secondary {
 a.dso-secondary, a.dso-secondary:visited {
   color: #39870c;
 }
-a.dso-secondary:hover, a.dso-secondary:visited:hover {
+a.dso-secondary:hover, a.dso-secondary:focus-visible {
   color: #275937;
+  text-decoration: none;
 }
 a.dso-tertiary {
   text-decoration: none;

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: 'e5ae6940571afa4c85e1fac3820e3e2843c8f04e' }, transformed);
+        return h(Fragment, { key: '2bd89c9643f0bee020a1fee5354f107c2b3b1e25' }, 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: '667111a726f74459f237917ba9bae72f8b832b36', class: clsx(["dso-panel", { emphasized: this.emphasized }]) }, h("div", { key: '3a7acc1538851be299eee9710376cd949580ac45', class: "panel-heading" }, h("slot", { key: '94481581a5ae2710358879dc311ea3e0e764cbc4', name: "heading" }), h("dso-icon-button", { key: 'f9a8b03a4bf4bf14bd0456ae7e1676fd2c9f9dcd', icon: "cross", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), h("div", { key: '8ab4d07710816ca2ceeeac714c1a1f7da607d7be', class: "panel-body" }, h("slot", { key: '675fbff5d710eea45ea4e4589996fd3fb6026b49' }))));
+        return (h("div", { key: '4a913253b4cc3dbdf0a35d9d2c1ce5c08fd2db63', class: clsx(["dso-panel", { emphasized: this.emphasized }]) }, h("div", { key: 'fc34f5256d97ad72ea29d033115f7d4a520327ab', class: "panel-heading" }, h("slot", { key: '9f00c646ea01b87a03f2a75919e948939e2b3e10', name: "heading" }), h("dso-icon-button", { key: 'c94dd153ae4b87dc327fc92a9e6668170f65a29c', icon: "cross", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), h("div", { key: '2ec1b054a60ccd303be9ce51de1dd92c2e39f361', class: "panel-body" }, h("slot", { key: '6210b499f5a1a075a778210851c7247c2aa10075' }))));
     }
     static get is() { return "dso-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -184,6 +184,13 @@ del.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover, :foc
 .heading-anchor {
   color: #275937;
   text-decoration: none;
+  white-space: nowrap;
+}
+.heading-anchor .heading-content {
+  white-space: normal;
+}
+.heading-anchor dso-icon {
+  margin-inline-start: 4px;
 }
 .heading-anchor:hover {
   color: #275937;
@@ -201,15 +208,4 @@ del.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover, :foc
   border: 0;
   overflow: hidden;
   clip-path: rect(0 0 0 0);
-}
-.heading-anchor .icon-container {
-  position: relative;
-  padding-inline-end: 24px;
-}
-.heading-anchor .icon-container dso-icon {
-  position: absolute;
-  inset-inline-end: 0;
-  inset-block-end: -3px;
-  block-size: 24px;
-  inline-size: 24px;
 }

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: '46ce81df38a0abe5509ee9507093100473e5384f', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: '638cf0380b5bb037e02dcc561049a45240df9f7c', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, h("div", { key: 'ba6dfc3295480ced1f87c3d93369263b39677804', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: 'abdeb3c24f30c0c678d26e238e83fb8665b0bcc0', name: "symbol" })), h("div", { key: '83a82e657548c08b791e46a4b75ed19503e585d7', 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: "icon-container" }, 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" })))) : (h("slot", { name: "heading" })), this.metaSlottedElement !== null && h("slot", { key: '689c00a9182201b6b201a94f883e72a497d459f4', name: "meta" }), this.interaction !== null && h("slot", { key: 'f2326f690362c8c2100a22209f7e92a2db2b643c', name: "interaction" })), h("div", { key: '5c9715ea0fc38d1b7ec7d681b2c917cb0b0ace00', class: "dso-plekinfo-card-content" }, h("slot", { key: '362a3db6b035957d61a1dbcb3dd8ed8e8e08c9da', name: "content" })))));
+        return (h(Host, { key: 'f5745c45fea81d2e36507a0bed3303d20a3ba909', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: '442b9881438a1054f00dcd7c57c0545faf851123', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, h("div", { key: 'd1fad97a498d2a7fa2c34e561f584b2d0095f164', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: 'b9c763f5962053f644a0030bdc893e48404147b7', name: "symbol" })), h("div", { key: 'cbb91b0db3422ae4b3c0bbd0fc26a5fa5ca11868', 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: '636c98028b9aafaaddc74b0e45eac321cd68846d', name: "meta" }), this.interaction !== null && h("slot", { key: '1113d794c10d5471029df1b2963606683ed14fd8', name: "interaction" })), h("div", { key: '4ad42b888c59cd5ef928fe5740b896d7ea5e1db4', class: "dso-plekinfo-card-content" }, h("slot", { key: '22f0a53e72c6a18b135fd6f083854b48681a9aef', 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: '4aa7f48d4b6bcd34a225c863eb6fdb69ea04e647' }, h("span", { key: '58285262b83f25c5dc45b9af0d077de6621ea935', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: '9ea25bbedea5656dc65a6e6153b9cdc706c576ad', icon: "spinner" })), h("span", { key: '30b8e861214774a980620e2332add5e4e319d0ff', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
+        return (h(Host, { key: '841000822b6c884a6f4c43ab09d47fa0f642c6bb' }, h("span", { key: '1377b91a1c39c58410d7f21e3a79449259020a77', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: 'd7139bb3a28acde489469cd91eb005b8da5dba4a', icon: "spinner" })), h("span", { key: '59e16f07b0c68b8c47107d0a4f4bcbc67ebb28ae', 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.css

@@ -17,7 +17,6 @@
   --_dt-dl-before-display: none;
   --_dt-dl-dt-font-weight: normal;
   --_dt-dl-dd-margin-block-start: 0;
-  --_dt-dl-dd-margin-inline-start: 8px;
   --_dt-dl-dd-padding-inline-start: 0;
   --_dt-dl-dt-inline-size: auto;
   --_dt-dl-dd-last-margin-block-end: 0;
@@ -30,8 +29,23 @@
   column-gap: 16px;
 }
 
-::slotted([slot=status]) {
+::slotted(dl[slot=progress]) {
+  --_dt-dl-dd-margin-inline-start: 0;
+}
+
+::slotted(dl.dso-inline[slot=status]),
+::slotted(dl.dso-inline-end[slot=status]) {
+  --_dt-dl-margin-block-end: 0;
+  --_dt-dl-dd-margin-inline-start: 8px;
+  --_dt-dl-dd-last-margin-block-end: 0;
+  --_dt-dl-before-display: none;
+  --_dt-dl-dt-font-weight: normal;
+  --_dt-mark-bg-color: none;
+  --_dt-mark-padding-block: 0;
+  --_dt-mark-color: inherit;
+  --_dt-mark-font-weight: 600;
   --_dt-dl-font-size: 0.875rem;
+  display: block !important;
 }
 
 ::slotted([slot=title]) {
@@ -69,7 +83,10 @@
 .project-item-info {
   display: flex;
   gap: 16px;
-  justify-content: space-between;
   flex-wrap: wrap;
   align-items: flex-end;
+}
+
+.project-item-status {
+  margin-inline-start: auto;
 }

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: 'eeef5c5a39420c43ed20880de22b059bbaee5666' }, h("div", { key: 'ed73f53443743796a94f4af27b2b0f38bcd0092d', class: "project-item-header" }, h("div", { key: 'ee5f81658e3a906ac69d13b9330a0194a5555d90', class: "project-item-title" }, h("slot", { key: '7f73e7f7ce9e880d2e3a3d2026812e0c68c0e8ed', name: "title" }), this.label && (h("dso-label", { key: 'c02c0d6f38f04be85c400afd03fab500b54cea19', status: "error", compact: true }, this.label))), h("div", { key: '389dfe7e623c879a8113b8027013c3ccc07a2180', class: "project-item-actions" }, h("slot", { key: '4eced83c4666e09667e41b3e9671a5dbdadc4402', name: "actions" }))), h("div", { key: '7055ab88ae53e64b8a6cbf46cb1225ff580159d1', class: "project-item-info" }, h("div", { key: 'd34b86eeb0909c16d18390887753e4ec0ea8fe76', class: "project-item-progress" }, h("slot", { key: '2be36487a7cc35124a606703191a056fe3d169ed', name: "progress" })), h("div", { key: '57cd457d6d260e84da557990d1a5128e9b0cf5ce', class: "project-item-status" }, h("slot", { key: 'f46e34c04f52c9f34eb96aea15b64b06fe758921', name: "status" })))));
+        return (h(Fragment, { key: '1891b57d5fa60ae4f9deb8e7d1309fdcbfb410a6' }, h("div", { key: '63a4d271ac4b0f076cd9e36712d8071e96490ad9', class: "project-item-header" }, h("div", { key: '2b28fe00ed7add623560b89cc560d698f86c2ef0', class: "project-item-title" }, h("slot", { key: 'f077657b171ad54bb5105d850debf13cf5b2c40a', name: "title" }), this.label && (h("dso-label", { key: 'e7481c0cd92526a4c11cb42b39f929e476195944', status: "error", compact: true }, this.label))), h("div", { key: 'e6d8bf5bfbda71808cffc2d94d8f6fd2155c6978', class: "project-item-actions" }, h("slot", { key: '171e34455b011fb4f4f403818111a1f3bd007f1c', name: "actions" }))), h("div", { key: 'cdb0baef23a01b2aa970bba977a1a0988552a6a4', class: "project-item-info" }, h("div", { key: 'ca6fdcfaf15f2de35d2605722c271f58a54c79dd', class: "project-item-progress" }, h("slot", { key: 'ac645eb5d7239a3a045c9dc4f61cff5c21311fc1', name: "progress" })), h("div", { key: '224b961ea9d90f35a04869b62ac77cd1985f0be2', class: "project-item-status" }, h("slot", { key: '5080052061b84ad6de62cddd041ce270428f4b95', name: "status" })))));
     }
     static get is() { return "dso-project-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,7 +39,7 @@ export class ResponsiveElement {
         this.observer.unobserve(this.host);
     }
     render() {
-        return (h(Host, { key: '0fef37539e51fe433fda4e7b8e8c11f4897bf940', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: 'db1d65910acf7bc5638b5c957970675212b46e2f' })));
+        return (h(Host, { key: '21b7a4354bf4e932a4fc00d4eb979fccc9dd5cc0', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: '5f6bcc67da3e050ed314e5d3dbdde46726fa670b' })));
     }
     static get is() { return "dso-responsive-element"; }
     static get encapsulation() { return "shadow"; }

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

@@ -86,9 +86,9 @@ export class Scrollable {
         this.slottedElements.forEach((element) => resizeObserver.unobserve(element));
     }
     render() {
-        return (h("div", { key: '4eb0684c3223d8a860c208287692f4e4be8a02e7', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: 'dc962aface56f88a7280433749c6f70ae6e94195', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
+        return (h("div", { key: '569d76f0c59ce43126449e32ef132771d546ad6f', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: '648c4f43114bc18fceab87d6996ced8cbfa9a19e', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
                 [`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== "noScroll",
-            }), onScroll: () => this._setScrollState() }, h("slot", { key: 'a69d3bf3032c297fb46ac2909382d949e8ac9d39' }))));
+            }), onScroll: () => this._setScrollState() }, h("slot", { key: 'c6c6eb665ef037e5e47f22d26a4216610301832d' }))));
     }
     static get is() { return "dso-scrollable"; }
     static get encapsulation() { return "shadow"; }

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

@@ -15,7 +15,7 @@ export class SegmentedButton {
         });
     }
     render() {
-        return (h("div", { key: '18ffa42b26a9c8544c249a9b1ff2f2328624d56e', class: "segmented-button", role: "radiogroup", "aria-label": this.label, "aria-required": this.required?.toString() }, this.options?.map((option) => {
+        return (h("div", { key: 'b59a81cd8c691e00a08e9bcb59b50283f6b4caa3', 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

@@ -46,7 +46,7 @@ export class Selectable {
     }
     render() {
         const hasInfo = !!this.host.querySelector('[slot="info"]');
-        return (h(Fragment, { key: '5cd49b6d73c67ca5a19131f7900712a926631eaa' }, h("div", { key: '65bdd25543b5b3383a57f680f547ab78cb9a9548', class: "dso-selectable-container" }, h("div", { key: 'de61bd1fe932d5e72f34c22d16183e6b49909847', class: "dso-selectable-input-wrapper" }, h("input", { key: '4f9df6dcb738e1055a8668c4671a8fda99acbb28', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: '791816cb04231553b239d5b1840e08f91f700608', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: '69d9db6af62339ae2a2ec961870fb95201ec90cc', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: '6a60c69f6417e8e941b9915e60f1610d643f6862' }, h("slot", { key: '368cf0ed5ccd9505e66897c841f2f24afd0a9569', name: "info" })))), h("slot", { key: '57418769445760d55fda35a8a51c9a2fce77c33b', name: "options" })));
+        return (h(Fragment, { key: 'f81f4f99bc21e817e72f7a1cf8819d0d9a3aafdd' }, h("div", { key: '6027967f85f8c526b6f2cb84c1a26b04b67db10d', class: "dso-selectable-container" }, h("div", { key: '095e946614f2360a19a365bb8fe866ab393cc798', class: "dso-selectable-input-wrapper" }, h("input", { key: '0a4ba657536ae3491bef90b720d49b897cfd2da6', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: 'b62095b1332b2251453774ce19b9d926c4d29240', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: 'dcabe0bf6194bc50fc07136f732169d4b9e65b81', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: '640976fb646e7a57430e6701db778815bec6bbf6' }, h("slot", { key: '8b276e1be739177525d4d529efe0acb1c38afd43', name: "info" })))), h("slot", { key: '6e43d7742fecf815fea944e3c03429e54416aeea', 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: '8de3e25d40c6c84e4f6d91cbbd31866151f9ee7a', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: 'eb1c4c4d636434414e6345538f41caa3adc2d9e2', icon: "chevron-right" })));
+        return (h("a", { key: '593f9128df0af49283ddfbcc59e71d09c172709d', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: 'cbacc69d1f96fe96f0413047ba2b72b2ce98100e', icon: "chevron-right" })));
     }
     static get is() { return "dso-skiplink"; }
     static get encapsulation() { return "shadow"; }

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: '8cfb8c86d25faea70c4b678ce8232bcb403cac80' }, h("button", { key: 'b30f89d3c5a9a6ed1a3518c28ff121dbdeaf5185', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, h("svg", { key: '8e24f0e860268be980f2b9484fbf83e2b38c80eb', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '4412c92749f8fc45f5b9c2ac07fe8516ac4a073c', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: '5615ca4e6ac5f7ef9b33511ca5cdf2e434a666f1', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: '4fe0e7e3fa2bb59c7459895578597ccb38abcd65', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: 'd260d91b2ba6f562f1bc0474d1096f9dcfe3340f', htmlFor: this.identifier }, h("slot", { key: '9e3020faaf5bb77103294df78f32e2294a2a9dc4' })))));
+        return (h(Fragment, { key: 'c67f22a23e080ae6469e83b99d8e566eb2d913ec' }, h("button", { key: '227665cf8e5efbd69719c8fd468940baafe5a23a', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, h("svg", { key: 'bc0c8c827438c4ebbc7b79b795227ee92ec3ce2d', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '2fdaf8de62b852738285490ccda1dfdbfd13e76f', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: 'd6e7c97a8f8c71a5c0c5082484ed49dfded9403f', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: 'aa0e8877592955dbe90d35804be6f213bc6303d3', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: '284891e11ad364cb7e3cc0dd3978cdb001da1230', htmlFor: this.identifier }, h("slot", { key: '9e688b645bb439955db471c8e158a8441833a674' })))));
     }
     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: '0f275619386b511d4d7671491ce742fc09a055b9', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: '32e3379b04c12701dab623e5c7a780b0efd24538', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: '9c64fdf7141b315955bf7f6fca818e1f3f5f7a98' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: 'f75fbad5f2d345f87eaf9977870e0fbcac48fd68', onSubmit: (e) => this.handleForm(e) }, h("div", { key: '59910bc10c66d550dc4ffad7e1ff389f6f80a252', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: '0068e4afa6776748d333fd15328f543a53c2d5db' }, "Heel moeilijk"), h("span", { key: 'c145975a2fd87a39148fb683311ce70f777c8949' }, "Heel makkelijk")), h("div", { key: '79c2099260bea5b4f69bfc5a9cdf67fac42c3116', role: "radiogroup" }, ratings.map((rating, index) => {
+        return (h("dso-panel", { key: 'f129ab62861a035a21d6aa89af2cd7b7f164fc90', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: 'db1aa23985a54cdb6aba626ba149c4f5d88844e4', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: '41382ad4b378e38dd5a9ff459e0678002e62efa9' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: '82937dbb48eb6ac7d12605f5883ed59751b9fd76', onSubmit: (e) => this.handleForm(e) }, h("div", { key: '245c312ed64026be170cf83c4e2f05a39797ab2f', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: 'cc5d676feb980a778d6840eba891dbd3a0a83398' }, "Heel moeilijk"), h("span", { key: 'ff12910eaf60d8bdff15f0d63e4beb690f9fef73' }, "Heel makkelijk")), h("div", { key: '2c5d2cfea1a5283065a70ac6848b953a7d48daad', 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: 'a3ffed7d4ffc9857213cf9d764eef6e4120856fb', type: "submit", class: "dso-secondary" }, h("span", { key: 'd9f359214a7301e34a92f748b0a713a16d081298' }, "Antwoord verzenden")))));
+        })), h("button", { key: '66e49d2363b577a10479753a6aec6f0ab7e5ed9d', type: "submit", class: "dso-secondary" }, h("span", { key: 'fcd08d5ae7a2fd2d95f2a0cd9d6fd7356fd513ec' }, "Antwoord verzenden")))));
     }
     static get is() { return "dso-survey-rating"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/table.css

@@ -1039,11 +1039,9 @@ label.dso-map:has(span.sr-only):has(dso-icon) {
   inline-size: 40px;
 }
 
-a.dso-primary {
-  text-decoration: none;
-}
-a.dso-primary, a.dso-primary:visited {
+a.dso-primary, a.dso-primary:hover, a.dso-primary:visited, a.dso-primary:focus-visible {
   color: #fff;
+  text-decoration: none;
 }
 a.dso-secondary {
   text-decoration: none;
@@ -1051,8 +1049,9 @@ a.dso-secondary {
 a.dso-secondary, a.dso-secondary:visited {
   color: #39870c;
 }
-a.dso-secondary:hover, a.dso-secondary:visited:hover {
+a.dso-secondary:hover, a.dso-secondary:focus-visible {
   color: #275937;
+  text-decoration: none;
 }
 a.dso-tertiary {
   text-decoration: none;

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

@@ -31,7 +31,7 @@ export class Table {
     render() {
         const caption = this.host.querySelector(":scope > table > caption")?.textContent?.trim();
         const dialogLabel = caption || "Uitvergrote tabel";
-        return (h(Host, { key: 'e4d824e8d72bcd8ae325f997bd31dfefb91fccbc', "is-responsive": this.isResponsive?.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: 'c6c383ccbe00d76a6dbfe010e2832f604b0b709a', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (h("dialog", { class: "dso-modal", ref: (element) => (this.dialogElement = element), onClose: this.dialogCloseEventListener, "aria-label": dialogLabel }, h("div", { class: "dso-dialog dso-table-dialog" }, h("div", { class: "dso-header" }, h("h2", { class: { "sr-only": !caption } }, dialogLabel), h("dso-icon-button", { icon: "cross", variant: "tertiary", class: "dso-close", label: "Sluiten", onClick: () => this.closeModal() })), h("div", { class: "dso-body 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: 'ce32806b2e7be5a2c6c76203fd9a6caf72da5e7b', "is-responsive": this.isResponsive?.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: '9b42504f9ccf434da80bf5efe1c6bb20f72219a3', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (h("dialog", { class: "dso-modal", ref: (element) => (this.dialogElement = element), onClose: this.dialogCloseEventListener, "aria-label": dialogLabel }, h("div", { class: "dso-dialog dso-table-dialog" }, h("div", { class: "dso-header" }, h("h2", { class: { "sr-only": !caption } }, dialogLabel), h("dso-icon-button", { icon: "cross", variant: "tertiary", class: "dso-close", label: "Sluiten", onClick: () => this.closeModal() })), h("div", { class: "dso-body 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: '4e1fa88ec6a0fbad7667ad7da0c1476af4e507f3' }, h("div", { key: '720f8412000a312249bd0f3afd7c6e25e2c635d4', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: '4880f7416588b3989046d05cfb670af2e5ae18b3' })), h("div", { key: '1d370b83f1aed44bdd980ab369b93b4522924d98', role: "tabpanel", tabindex: "0" }, h("slot", { key: '953c8b9ea9cdb9825017ddf9f7b56f12e4416f62', name: "panel" }))));
+        return (h(Host, { key: '618183241005a5b58cdf86bd52f0522cdb67f82f' }, h("div", { key: '9f0e7d3b93dcb319b85cd014c061c2b79cdf4f77', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: '163dc6d4208ffa5127e2844e8fabc506b024950a' })), h("div", { key: '16089b11d2f8a750f33a0033bef4956ba1d51e56', role: "tabpanel", tabindex: "0" }, h("slot", { key: 'b78b75a6ef58aa93f1b1480c058a75eb621517d6', name: "panel" }))));
     }
     static get is() { return "dso-tabs"; }
     static get encapsulation() { return "shadow"; }