@dso-toolkit/core 90.2.0 → 91.1.0

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: 'c3b999bcfd600744f885128418dcb69aa9a18133', class: "form-group dso-checkboxes" }, h("legend", { key: 'bf13c49ba66ed5a8f0c8ca8ce3b2f4e41de64032', class: "sr-only" }, "Kaartlagen"), h("div", { key: '639e81cdc4f91ee53da11c8aede39fd5c85fc6e7', class: "dso-label-container" }, h("span", { key: '94172cf1232312e5d39e09f99390119f189109ce', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: 'bb520e45e6a9c58c5bf7013fdbcf5ed39a635d45', 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: '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))))));
     }
     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: '3f2390f17346e0f6e8f5922c8205b7d0dbb68f89', class: "dso-mark-bar" }, h("div", { key: '19da44807b5d7be12bf74f601412e0228ada4a49', class: "dso-mark-bar-input" }, h("input", { key: 'fd26a40b6539bc0ac7638e587776819d9a8e2831', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: '6b6599311c0068af1470cf2f04defc603740064f', htmlFor: "search-input" }, h("dso-icon", { key: '61e5cf281785c47181144e6a06fbc4f92f1f4ae9', class: "dso-search-icon", icon: "search" }), h("span", { key: '7a7b144411738a1d804e7c75256adccbf922b864', class: "label-text" }, this.label)), h("dso-icon-button", { key: 'bb929394de046b8a3acaff79bda1a51a0768870a', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: '32c06190f96d124d6f2d7ac6fe207aedd4af9638', class: "dso-button-container" }, h("span", { key: '988bd229b69150fcc6107f6e291a00c76b04e8b5', class: "divider" }), h("dso-icon-button", { key: '40ae708d4a8676e617d728d3d326d50767394046', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: '973aa6d3df09e3809bbcd4c2b96dee8144cae2d6' }, current, "/", totalCount), h("dso-icon-button", { key: 'a26fc60b7e05fe6725f444476afe85345c9f13b8', icon: "chevron-down", variant: "tertiary", label: "Volgend zoekresultaat", onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
+        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 }))));
     }
     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: '0a59daede2da8cea1862697b21a2c0cefe2ad2ba', 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: '1aa3945eefc77e466cf5f5a8176441f3341227c9', 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: '8b4f73119c03e79c411cf2be522a22347d5734ba' }, h("div", { key: 'eaf1dd3795fd7f29f784b19028a29f4adef739b1', class: "dso-body", tabIndex: 0 }, h("slot", { key: '6941bcfc9c5c38fbc1b4a7e54f5f6abf9b83938c', name: "body" }))), this.hasFooter && (h("div", { key: 'f1367f0059cde476a93126459a97e79be952ae4e', class: "dso-footer" }, h("slot", { key: '0ac156c12718075bebb54010cc360c118faa7bfd', name: "footer" }))))));
+        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" }))))));
     }
     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: '558c776e30df6ad732c7520ced07275cc58ffc86', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: '3534a629bf57a5f03c58883214921e988ce02173', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: '662383b809b71d3fcc71bad473af767d3783f88d', class: "onboarding-tip-inner" }, h("div", { key: '037799fcc6e5ff50135826a6daa89b02588eaf1f', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: '7db0ec9b9905af692246f98efedf9a6548a7d9a5', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: 'dc36c8cfc5883c1d864e7b14fa6ea4adf121093c', icon: "light-bulb" }), h("slot", { key: '806e62c3c4565ded40315d4c62c0271faf5f7662', name: "heading" }))), h("dso-icon-button", { key: '8ad1e4e3bfaf4f697013514cf1387db453c97cec', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: '1cc4e1a84c26285aca4c32b9526cd7251a8131c4' }))), h("div", { key: '43a5cb81f188e324ec5e79d5ec9b96c59eeff63f', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
+        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) }))));
     }
     get headingSlottedElement() {
         return this.host.querySelector("[slot='heading']");

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: '8fcf09bafea0c5063a216b5fc062ffe851a9221f' }, h("span", { key: 'b01a1be6bfb5d46eb2560ff4388e88dafe685137', class: "toggletip-button", role: "button", tabindex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, this.icon && (h(Fragment, { key: 'c4dcac1d94dcd0fc138db4602d8cec7340b5076f' }, h("span", { key: 'e2bc7ba3fe07a594579b609d62f0fdef490401b4', class: "toggletip-label" }, h("slot", { key: '836eb4e41db00abfe22640ef008a7faf642f0866', name: "label" })), "\u2060", h("dso-icon", { key: '2064a11231188c72dd1794a3054dd300d7116044', icon: this.icon }))), !this.icon && h("slot", { key: '1bb82554c188416f5d8d012659f4adecce66995d', name: "label" })), h(Tooltip, { key: 'f46fcc6671d46b0bfd62bfdcb78e2e909c34d7e6', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, h("slot", { key: '0dd70e1864d5c19fd840871a2bb05b76551ea4b4' }))));
+        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' }))));
     }
     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: '450e732edad3544cae6a407abe5a8a22366d5de0' }, transformed);
+        return h(Fragment, { key: 'e5ae6940571afa4c85e1fac3820e3e2843c8f04e' }, 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: '1dac87d122cd59af6f7baa241458259e7dc756fd', class: clsx(["dso-panel", { emphasized: this.emphasized }]) }, h("div", { key: '0573d40a2df15f0158e7aaee2ad774335b0b1d70', class: "panel-heading" }, h("slot", { key: 'c0b3491152c0f2e02bc78f29405c6c7588a10a7a', name: "heading" }), h("dso-icon-button", { key: '581b13cc776d9f00d28377dd4d50afddc27c90f4', icon: "cross", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), h("div", { key: '35628d4cda36eef5b3f065c31e151bc05ae81faf', class: "panel-body" }, h("slot", { key: '7cbbb1eb6d06b888d96a7ea7c384afe5dfa3dc0a' }))));
+        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' }))));
     }
     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: 'd6bf54213c95928c6ede76f52dd73fad3ae30ea2', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: 'fc4602b99d335f82f367d051b20064026bfd9198', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, h("div", { key: 'f1abba3e1ef15e738e0a802a7a6af8225b2ccedd', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: '8833c13d9be2d06157e4fb288579ffffc918805b', name: "symbol" })), h("div", { key: 'ac6885c1023a72ab82f72ef6901c0344a145e976', 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: '4764a10ae7d5b4a363561742032b9c1967284dfc', name: "meta" }), this.interaction !== null && h("slot", { key: '353f09e3436b7336d74b8d7dabc52fb49d1985ba', name: "interaction" })), h("div", { key: 'd59991499dd55acd137746327e73dab7bfcd4e2b', class: "dso-plekinfo-card-content" }, h("slot", { key: '07540e332094f4eef9936e84b7a5bc25db58048e', name: "content" })))));
+        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: "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: '446d075d9a4a29d96b865ff386511e6cf0537a02', name: "meta" }), this.interaction !== null && h("slot", { key: '3f281dafffb96abb9c3428a1c31b4881e13fe8da', name: "interaction" })), h("div", { key: '03be540a42dfbe46ed3ed9f9b537c95e6f9e2145', class: "dso-plekinfo-card-content" }, h("slot", { key: 'abfe015e9e41456c3e117006effd9592c0049a50', 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: '7cfba66f1f9d54e95cefe7e2949bb3b273e09b34' }, h("span", { key: 'b355203ea37d8ca6810f331fc461c09ea5937543', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: '6150b03b2cf21633d741253374bb6dd80d771a00', icon: "spinner" })), h("span", { key: 'cb2bb2d6a5b3ee057e18e1a43eca575184ea60f5', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
+        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"))));
     }
     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: 'e4ff37a1ea0e49becb966e68e6e2fd72cf91cafc' }, h("div", { key: 'e2550af380026962d55a4dc9aa0466490440b1c1', class: "project-item-header" }, h("div", { key: '4b8692506e88407e2a895db5ed75851a8e0c783e', class: "project-item-title" }, h("slot", { key: '79fc5f80c482fa2f241b4bd3caac5c625308ab0d', name: "title" }), this.label && (h("dso-label", { key: '76f1f0d34c85ce4da5109951da32b2142c01bece', status: "error", compact: true }, this.label))), h("div", { key: 'b820186d985d8e2bc75ace177945056e095f4cce', class: "project-item-actions" }, h("slot", { key: 'db117b96fee8d0c6aead9c35c1ae8e650e8cadf2', name: "actions" }))), h("div", { key: '27268b32157e44c9ecf78e5d82171013f5feefdc', class: "project-item-info" }, h("div", { key: '7cedfe0715e50ed2ef4b448588990c91226c0621', class: "project-item-progress" }, h("slot", { key: 'baf690d352757b7fac3c89961899f1a36e4bdc1b', name: "progress" })), h("div", { key: 'edb11d27f220ccfafb4bf6916839317691ff1eb3', class: "project-item-status" }, h("slot", { key: 'f17dbb4173980987721184c7ba4fe25d1e10b19f', name: "status" })))));
+        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" })))));
     }
     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: 'e6edd396badac005921d7e76851af2da55b6c94e', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: 'cdcbe74aa45b1543bde3aebb0b310751b357183e' })));
+        return (h(Host, { key: '0fef37539e51fe433fda4e7b8e8c11f4897bf940', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: 'db1d65910acf7bc5638b5c957970675212b46e2f' })));
     }
     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: 'dcf3c6dcaf1057439467a130262cea5da549e9c2', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: '4d987a5bb6b075b3455156f5ece38d2f90b5808f', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
+        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", {
                 [`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== "noScroll",
-            }), onScroll: () => this._setScrollState() }, h("slot", { key: 'fe4ec19f848789dd8357bc6ef46a8b6e7b02751c' }))));
+            }), onScroll: () => this._setScrollState() }, h("slot", { key: 'a69d3bf3032c297fb46ac2909382d949e8ac9d39' }))));
     }
     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: '05db77628e417c8268824112c231205d2d034e73', class: "segmented-button", role: "radiogroup", "aria-label": this.label, "aria-required": this.required?.toString() }, this.options?.map((option) => {
+        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("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: '5d9dd786079cf637b2a9f9c3e86319f98b575759' }, h("div", { key: 'b49cb8895cb0b83596519ddc0b4fcf567f904248', class: "dso-selectable-container" }, h("div", { key: 'fc781879f7b2b7018f1c860c812411f23f9d6438', class: "dso-selectable-input-wrapper" }, h("input", { key: 'f5d0842c3f535a1285c4ec86b63823faaaa08424', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: '267113caaa503730680394a575c822ee842ea300', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: '869bf21b8e3ab3ba367d1a874692fd8167d15f29', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: '65194ace31c38f46da617905d1e7671d2627196b' }, h("slot", { key: 'a4d2c29bacab37782ee747e00a0af1d07b9e227d', name: "info" })))), h("slot", { key: '9c4dcdc24ca11fdb3de566b231777ec22abfc8e0', name: "options" })));
+        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" })));
     }
     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: '3d90d4ea271b2910a2be033f562cb469293c302e', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: 'af72d77ffdfc812799b0fe8b4ca04a642fd5a2ac', icon: "chevron-right" })));
+        return (h("a", { key: '8de3e25d40c6c84e4f6d91cbbd31866151f9ee7a', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: 'eb1c4c4d636434414e6345538f41caa3adc2d9e2', 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: '9ddebd0911701ddb47962ff74409e175d63e47a4' }, h("button", { key: '34d7b8b2285af17426661ccc42b933e94ffaf1e3', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, h("svg", { key: '6c4344ce916e31dc66b166fcdbbc918bcb20c764', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '25efb29bf5a1df78f77adc9931095daab2720bfa', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: '9d269b55256ec7c800189f9c72c8d5221ac29bca', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: 'fe9664b270f3a82d3614d5d570bc45771069c0b5', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: '9d2f38a4af4f88d5f170405a7c19a81028050e7c', htmlFor: this.identifier }, h("slot", { key: '203c643ecc2a26dde073d45d60eb1a2def9d50d0' })))));
+        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' })))));
     }
     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: 'ec65c8e640fdf4bea1afc3d0091511c776096bc5', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: 'c92f545052e1bfcc8750e818de9e562b1b836a91', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: '98289723e0bd73927c1d2f677a7affd027dd8b80' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: '043b4d069a55c54afc0bada44ecb6cf1a7121ef7', onSubmit: (e) => this.handleForm(e) }, h("div", { key: '4bf9cd86b7fb86c9ba20197be7ef0b91673ea6f3', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: '3263ae289b50a3b278f14dfe02d04098cf704210' }, "Heel moeilijk"), h("span", { key: '3d700a594be09a7466b4416ef71be2f944904ec2' }, "Heel makkelijk")), h("div", { key: '14eeda48df6480c4e38df5610dcded20147f57a6', role: "radiogroup" }, ratings.map((rating, index) => {
+        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) => {
             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: 'd2192d2801ee2424056d72486212a5747b72f1ab', type: "submit", class: "dso-secondary" }, h("span", { key: '576d7e4860947b691388615d9ac05a1c14a9acb6' }, "Antwoord verzenden")))));
+        })), h("button", { key: 'a3ffed7d4ffc9857213cf9d764eef6e4120856fb', type: "submit", class: "dso-secondary" }, h("span", { key: 'd9f359214a7301e34a92f748b0a713a16d081298' }, "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: '89772b4439e04194bbe717b530533a1ab8afd04c', "is-responsive": this.isResponsive?.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: 'e61d3742ab212d07264bdd950ff981e2348cacc9', 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: '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))))));
     }
     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: '68a20ece1bb1acf6822874c9956feeb794138e71' }, h("div", { key: 'ac04d437ba96dc671fa1ab2f68d28122cbb9147b', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: '21d081539db99a1f16c568b38396d2ffb984bd80' })), h("div", { key: '2e908e2c0ec14ecf89671d52c298c8fa2e9402e1', role: "tabpanel", tabindex: "0" }, h("slot", { key: '4fdd974eed09abaec93091459ba995f154c2a3c6', name: "panel" }))));
+        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" }))));
     }
     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: '44b3948e8efd86b42dea5fb59727358cdfc99083' }, h("dso-icon", { key: 'aeac0305740319875bad7a7954f3bb0ab3043723', icon: "clock-outline" }), h("slot", { key: 'be1dd205c81731a855dad9efe2442209b39e57b3' }), h("slot", { key: '51ade761dfc620c1b7c396521f0924575fb215e3', name: "button" })));
+        return (h(Fragment, { key: 'bdd4ed8c30c4bce01bc47533e52a94fc92769f6d' }, h("dso-icon", { key: 'd2887b8f31a86502c4122f82c0117e78506e8f87', icon: "clock-outline" }), h("slot", { key: 'a6ad0b01a55ee0ce9f5449896c2e2d7cbd0f2e5b' }), h("slot", { key: 'bdac5841942b741da0126673a357abe76351e883', name: "button" })));
     }
     static get is() { return "dso-tijdreis-banner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/toggletip/toggletip.js

@@ -43,7 +43,7 @@ export class Toggletip {
         };
     }
     render() {
-        return (h(Fragment, { key: 'c1e2660fcf4e5f6cd43313b0f40c882d4698af9e' }, h("dso-info-button", { key: 'c33626572175d1f21b0c994ed12441166780b750', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, secondary: this.secondary, ref: (element) => (this.infoButton = element) }), h("dso-tooltip", { key: '94a63f5fc3f86355a5287102eed22d25bd7dafb6', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, h("slot", { key: '09a2fb613f4de45467db01aa754fc2e9c0c14136' }))));
+        return (h(Fragment, { key: '298a0e9bd310f496f3dd8983fc67d3b71bb1a0a4' }, h("dso-info-button", { key: 'd3e1e3e364bf43b0deef9bd29e5ad30951df9077', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, ref: (element) => (this.infoButton = element) }), h("dso-tooltip", { key: '8477c00365c100ed94c724be6468941eba14b00b', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, h("slot", { key: '211b1ec1950140bd080992dda22734d4c64f570d' }))));
     }
     static get is() { return "dso-toggletip"; }
     static get encapsulation() { return "shadow"; }
@@ -124,25 +124,6 @@ export class Toggletip {
                 "setter": false,
                 "reflect": false,
                 "attribute": "small"
-            },
-            "secondary": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Set to true for secondary Toggletip."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "secondary"
             }
         };
     }

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

@@ -186,7 +186,7 @@ export class Tooltip {
         }
     }
     render() {
-        return (h(Host, { key: '85eaa840260953f015424135c5539fa572b23c4d', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, h("div", { key: '72a4d01703747bb79187f13a8564094ab20e0c9b', class: clsx("tooltip", { in: this.active }) }, !this.noArrow && h("div", { key: '0f78a7678b858b6636e61814b4dcf13c5d6d9628', "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { key: '46adf8d79b82df1100bbe0e5e4c6a8bc4a0919e6', "aria-hidden": !this.descriptive || undefined, class: clsx("tooltip-inner", { "dso-small": this.small }) }, h("slot", { key: 'cf099d1e997a50f7f4872ec7d219419b660bd7cd' })))));
+        return (h(Host, { key: 'c8cf79d7d8d2920c53e929cb5090ff07b1941b13', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, h("div", { key: 'b132eb15665915dd138d7864fc753da959b582e5', class: clsx("tooltip", { in: this.active }) }, !this.noArrow && h("div", { key: '9263ca7bc8b73376aa4c6cb4aa3968a3e0b146c7', "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { key: '4176054022cc397e90ff7c83e788601ac6587032', "aria-hidden": !this.descriptive || undefined, class: clsx("tooltip-inner", { "dso-small": this.small }) }, h("slot", { key: '1969550ae2856f91d62fefb3223039335835ecfe' })))));
     }
     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: 'fda90d8a03ae58672b99f314ec5f97c1ac9dab19', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: '02c4d4665e8d3fdb2618e6e730ad899776149501', 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: 'bb0af3cdb37897eab28b61c078dcd1598122e4b9', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: '034cbbf4aa4272aecfa5f670787f53b68bf61d76', 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"; }

package/dist/collection/components/viewer-grid/viewer-grid.js

@@ -155,7 +155,7 @@ export class ViewerGrid {
         }
     }
     render() {
-        return (h(Fragment, { key: '06fb7880f5116450d6b14d8487bac63c94345922' }, h("slot", { key: 'eb9893063f36b291d765a0b7ade2de7303dfc0f2', name: "top-bar" }), h("div", { key: '021c89577aed0b6fe33a225c801a790b67a45161', class: "viewer-grid-columns" }, this.tabView && (h("nav", { key: '87ceaa1f12b58c564c125a8709635144aac9c31e', class: "dso-navbar" }, h("ul", { key: 'bcad835f8f77c617058b0994b33a9c6c98201a51', class: "dso-nav dso-nav-sub" }, viewerGridTabs.map((tab) => (h("li", { key: tab, class: clsx({ "dso-active": this.activeTab === tab }) }, h("button", { type: "button", class: "dso-tertiary", onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(MainPanel, { key: 'f4ac0d91a990acb68fde9057d69a824ab62c42b1', tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.mainPanelHidden, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd })), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(FilterPanel, { key: 'f62670f4abba9bf22963afba2548a97593bf2129', open: this.filterPanelOpen, title: this.filterPanelTitle, ref: (element) => (this.filterPanel = element), dsoCloseFilterPanel: (e) => this.dsoCloseFilterPanel.emit({ originalEvent: e }) })), (!this.tabView || (this.tabView && this.activeTab === "map")) && (h("div", { key: 'e04bad7ba3c8f93ec354d23d48652cbca6be1956', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: '6d901b85ce9f9eae56fbabff84ac15a100283055', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: '04ed6978e33e29dd4ce394e1ce3e673fe5a1ddd3', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: 'ba22e04eb7a2be5c51477556a708dd65a57ea339', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
+        return (h(Fragment, { key: '35afbe6fe802037e0ae25cde9f2eaf933280da2f' }, h("slot", { key: 'a612266b157027fe14146a022b4fd4a716afeb0f', name: "top-bar" }), h("div", { key: '0b73534d099e40cdfb5a8be2322a6a52e32aa516', class: "viewer-grid-columns" }, this.tabView && (h("nav", { key: '16368a0d8ea7835c8ca67777fb6fc227f4d2e797', class: "dso-navbar" }, h("ul", { key: '616518fc88a77481551e2580f96409f9e83e267a', class: "dso-nav dso-nav-sub" }, viewerGridTabs.map((tab) => (h("li", { key: tab, class: clsx({ "dso-active": this.activeTab === tab }) }, h("button", { type: "button", class: "dso-tertiary", onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(MainPanel, { key: '08ae8b53fb877c825aa318b2b08269e87d730cdf', tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.mainPanelHidden, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd })), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(FilterPanel, { key: '249930051c81aa39a60fc4850fae92ebdfb214f7', open: this.filterPanelOpen, title: this.filterPanelTitle, ref: (element) => (this.filterPanel = element), dsoCloseFilterPanel: (e) => this.dsoCloseFilterPanel.emit({ originalEvent: e }) })), (!this.tabView || (this.tabView && this.activeTab === "map")) && (h("div", { key: '30614ec55557831ff9f73cae9cb9fdff8d4575df', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: '5abc82a62d3735af0f2b1026d1dfea531155e6a1', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: '9103afaba00327b589d31dbeb2d53656e0f5009c', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: 'acc8d86409eddab5464b4b1ee5ef2992e6abc346', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
     }
     static get is() { return "dso-viewer-grid"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/utils/i18n.js

@@ -21,6 +21,7 @@ export function i18n(getElement, resources) {
         resources,
         defaultNS: element.tagName.toLowerCase(),
         interpolation: { escapeValue: false },
+        showSupportNotice: false,
     });
     let detectedLanguage = false;
     return (key, variables) => {