@dso-toolkit/core 90.1.0 → 90.2.0

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

@@ -7,6 +7,7 @@ var positionTooltip_function = require('./position-tooltip.function-Bwu_g1_t.js'
 var tooltip_functionalComponent = require('./tooltip.functional-component-ByUlZk1N.js');
 var index$1 = require('./index-DMUCyuUA.js');
 var parseWijzigactieFromNode_function = require('./parse-wijzigactie-from-node.function-B_NZh4Us.js');
+var wrapWijzigactie_functionalComponent = require('./wrap-wijzigactie.functional-component-BNrVU6nv.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
 var isModifiedEvent = require('./is-modified-event-Dh9YsHw8.js');
 var v4 = require('./v4-DVHpSsrI.js');
@@ -311,16 +312,6 @@ class OzonContentAbbrNode {
     }
 }
 
-const WrapWijzigactie = ({ wijzigactie }, children) => {
-    if (wijzigactie === "voegtoe") {
-        return index.h("ins", null, children);
-    }
-    if (wijzigactie === "verwijder") {
-        return index.h("del", null, children);
-    }
-    return children;
-};
-
 function wijzigactieToClassName(wijzigactie) {
     if (wijzigactie === "voegtoe") {
         return "editaction-add";
@@ -351,7 +342,7 @@ class OzonContentAlNode {
         else {
             content = index.h("p", { class: className }, content);
         }
-        return index.h(WrapWijzigactie, { wijzigactie: wijzigactie }, content);
+        return index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { wijzigactie: wijzigactie }, content);
     }
 }
 
@@ -359,13 +350,13 @@ const Term = ({ begripWijzigactie, node, mapNodeToJsx }) => {
     const content = mapNodeToJsx(node.childNodes);
     const wijzigactie = parseWijzigactieFromNode_function.parseWijzigactieFromNode(node);
     const className = wijzigactieToClassName(wijzigactie);
-    return (index.h("dt", { class: className }, index.h(WrapWijzigactie, { wijzigactie: begripWijzigactie || wijzigactie }, content)));
+    return (index.h("dt", { class: className }, index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { wijzigactie: begripWijzigactie || wijzigactie }, content)));
 };
 const Definitie = ({ begripWijzigactie, node, mapNodeToJsx }) => {
     const content = mapNodeToJsx(node.childNodes);
     const wijzigactie = parseWijzigactieFromNode_function.parseWijzigactieFromNode(node);
     const className = wijzigactieToClassName(wijzigactie);
-    return (index.h("dd", { class: className }, index.h(WrapWijzigactie, { wijzigactie: begripWijzigactie || wijzigactie }, content)));
+    return (index.h("dd", { class: className }, index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { wijzigactie: begripWijzigactie || wijzigactie }, content)));
 };
 class OzonContentBegripNode {
     constructor() {
@@ -389,7 +380,7 @@ class OzonContentBegrippenlijstNode {
         const content = mapNodeToJsx(node.childNodes);
         const wijzigactie = parseWijzigactieFromNode_function.parseWijzigactieFromNode(node);
         const className = wijzigactieToClassName(wijzigactie);
-        return (index.h("div", { class: "begrippenlijst" }, index.h(WrapWijzigactie, { wijzigactie: wijzigactie }, index.h("dl", { class: className }, content))));
+        return (index.h("div", { class: "begrippenlijst" }, index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { wijzigactie: wijzigactie }, index.h("dl", { class: className }, content))));
     }
 }
 
@@ -1056,9 +1047,9 @@ class OzonContentKopNode {
         const wijzigactieLabel = label ? parseWijzigactieFromNode_function.parseWijzigactieFromNode(label) : undefined;
         const wijzigactieNummer = nummer ? parseWijzigactieFromNode_function.parseWijzigactieFromNode(nummer) : undefined;
         const wijzigactieOpschrift = opschrift ? parseWijzigactieFromNode_function.parseWijzigactieFromNode(opschrift) : undefined;
-        return (index.h(WrapWijzigactie, { wijzigactie: parseWijzigactieFromNode_function.parseWijzigactieFromNode(node) }, index.h("div", { onClick: handleKopClick, part: "_kop", class: "kop" }, label && index.h(WrapWijzigactie, { wijzigactie: wijzigactieLabel }, mapNodeToJsx(label.childNodes)), nummer && (index.h(index.Fragment, null, " ", index.h(WrapWijzigactie, { wijzigactie: wijzigactieNummer }, mapNodeToJsx(nummer.childNodes)))), opschrift && (index.h(index.Fragment, null, " ", index.h(WrapWijzigactie, { wijzigactie: wijzigactieOpschrift }, mapNodeToJsx(opschrift.childNodes))))), subtitels.length > 0 && (index.h("div", { class: "subtitels-container", part: "_subtitels" }, subtitels.map((subtitel) => {
+        return (index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { wijzigactie: parseWijzigactieFromNode_function.parseWijzigactieFromNode(node) }, index.h("div", { onClick: handleKopClick, part: "_kop", class: "kop" }, label && index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { wijzigactie: wijzigactieLabel }, mapNodeToJsx(label.childNodes)), nummer && (index.h(index.Fragment, null, " ", index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { wijzigactie: wijzigactieNummer }, mapNodeToJsx(nummer.childNodes)))), opschrift && (index.h(index.Fragment, null, " ", index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { wijzigactie: wijzigactieOpschrift }, mapNodeToJsx(opschrift.childNodes))))), subtitels.length > 0 && (index.h("div", { class: "subtitels-container", part: "_subtitels" }, subtitels.map((subtitel) => {
             const wijzigactieSubtitel = parseWijzigactieFromNode_function.parseWijzigactieFromNode(subtitel);
-            return (index.h("div", { class: "subtitel" }, index.h(WrapWijzigactie, { wijzigactie: wijzigactieSubtitel }, mapNodeToJsx(subtitel.childNodes))));
+            return (index.h("div", { class: "subtitel" }, index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { wijzigactie: wijzigactieSubtitel }, mapNodeToJsx(subtitel.childNodes))));
         })))));
     }
 }
@@ -1074,11 +1065,11 @@ class OzonContentLijstNode {
         const aanhef = childNodes.find((n) => getNodeName(n) === "Lijstaanhef");
         const sluiting = childNodes.find((n) => getNodeName(n) === "Lijstsluiting");
         const listItems = childNodes.filter((n) => getNodeName(n) === "Li");
-        return (index.h(WrapWijzigactie, { wijzigactie: wijzigactie }, index.h("div", { class: clsx.clsx("dso-ozon-lijst od-Lijst", wijzigactieToClassName(wijzigactie)) }, aanhef && mapNodeToJsx(aanhef), index.h("ul", { class: type }, listItems.map((item) => {
+        return (index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { wijzigactie: wijzigactie }, index.h("div", { class: clsx.clsx("dso-ozon-lijst od-Lijst", wijzigactieToClassName(wijzigactie)) }, aanhef && mapNodeToJsx(aanhef), index.h("ul", { class: type }, listItems.map((item) => {
             const itemNodes = Array.from(item.childNodes);
             const liNummer = itemNodes.find((n) => getNodeName(n) === "LiNummer")?.childNodes;
             const liWijzigactie = parseWijzigactieFromNode_function.parseWijzigactieFromNode(item);
-            return (index.h("li", { class: clsx.clsx("od-Li", wijzigactieToClassName(liWijzigactie)) }, liNummer && index.h("span", { class: "od-LiNummer" }, mapNodeToJsx(liNummer)), index.h(WrapWijzigactie, { wijzigactie: liWijzigactie }, mapNodeToJsx(itemNodes.filter((n) => getNodeName(n) !== "LiNummer")))));
+            return (index.h("li", { class: clsx.clsx("od-Li", wijzigactieToClassName(liWijzigactie)) }, liNummer && index.h("span", { class: "od-LiNummer" }, mapNodeToJsx(liNummer)), index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { wijzigactie: liWijzigactie }, mapNodeToJsx(itemNodes.filter((n) => getNodeName(n) !== "LiNummer")))));
         })), sluiting && mapNodeToJsx(sluiting))));
     }
 }
@@ -1200,7 +1191,7 @@ function getColspan({ columns }, nameStart, nameEnd) {
 }
 const Cell = ({ context: { mapNodeToJsx }, colspecs, cell, wijzigactie }) => {
     const { moreRows, nameStart, nameEnd, colsep, rowsep } = getData(cell, colspecs);
-    return (index.h("td", { class: clsx.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 }, index.h(WrapWijzigactie, { wijzigactie: wijzigactie }, mapNodeToJsx(cell.childNodes))));
+    return (index.h("td", { class: clsx.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 }, index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { wijzigactie: wijzigactie }, mapNodeToJsx(cell.childNodes))));
 };
 
 const Rows = ({ context, colspecs, rows }) => {
@@ -1380,7 +1371,7 @@ const OzonContent = class {
             annotated: this.annotated,
         };
         const transformed = mapper.transform(this.content, context);
-        return index.h(index.Fragment, { key: '6427da3aa5fecff5d7b4181791ed6c9b5dce6d3b' }, transformed);
+        return index.h(index.Fragment, { key: '450e732edad3544cae6a407abe5a8a22366d5de0' }, transformed);
     }
     static get watchers() { return {
         "content": [{
@@ -1390,7 +1381,7 @@ const OzonContent = class {
 };
 OzonContent.style = ozonContentCss();
 
-const ozonContentToggletipCss = () => `*,*::after,*::before{box-sizing:border-box}.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;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;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:8px;padding-inline:16px;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}:host{display:inline;--_dt-rich-content-margin-block:8px}::slotted(:not([slot=label])){cursor:default !important}.toggletip-button{display:inline-block;font-size:1em;font-weight:500;margin-block-end:0;text-decoration:none;touch-action:manipulation;text-align:start;user-select:none;vertical-align:middle;background-clip:padding-box}.toggletip-button:focus,.toggletip-button:focus-visible{outline-offset:2px}.toggletip-button:active{outline:0}.toggletip-button{border:0;color:var(--_dso-ozon-content-toggletip-color, #2b5780);line-height:1;padding:0;background-color:transparent;cursor:pointer;vertical-align:baseline;display:inline;overflow-wrap:break-word;user-select:text}.toggletip-button,.toggletip-button:hover,.toggletip-button:focus-visible,.toggletip-button:active{text-decoration-line:var(--_dso-ozon-content-toggletip-text-decoration, underline);text-decoration-style:dotted;text-underline-offset:15%}.toggletip-button dso-icon{margin-inline-start:4px;vertical-align:middle}.icon-container{position:relative;padding-inline-end:28px}.icon-container dso-icon{position:absolute}`;
+const ozonContentToggletipCss = () => `*,*::after,*::before{box-sizing:border-box}.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;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;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:8px;padding-inline:16px;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}:host{display:inline;--_dt-rich-content-margin-block:8px}::slotted(:not([slot=label])){cursor:default !important}.toggletip-button{display:inline-block;font-size:1em;font-weight:500;margin-block-end:0;text-decoration:none;touch-action:manipulation;text-align:start;user-select:none;vertical-align:middle;background-clip:padding-box}.toggletip-button:focus,.toggletip-button:focus-visible{outline-offset:2px}.toggletip-button:active{outline:0}.toggletip-button{border:0;color:var(--_dso-ozon-content-toggletip-color, #2b5780);line-height:1;padding:0;background-color:transparent;cursor:pointer;vertical-align:baseline;display:inline;overflow-wrap:break-word;user-select:text;white-space:nowrap}.toggletip-button,.toggletip-button:hover,.toggletip-button:focus-visible,.toggletip-button:active{text-decoration-line:var(--_dso-ozon-content-toggletip-text-decoration, underline);text-decoration-style:dotted;text-underline-offset:15%}.toggletip-button .toggletip-label{white-space:normal}.toggletip-button dso-icon{margin-inline-start:4px}`;
 
 const ozonContentToggletip = class {
     constructor(hostRef) {
@@ -1456,7 +1447,7 @@ const ozonContentToggletip = class {
         this.cleanUp = undefined;
     }
     render() {
-        return (index.h(index.Fragment, { key: 'be4c0b3f01426856e7225bb6a153cddcd92ce9f0' }, index.h("span", { key: 'c45694d0afe2e32bfe5a1005d093a1666b9d35ce', class: "toggletip-button", role: "button", tabindex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, this.icon && (index.h("span", { key: '5d71616151bd00cdca12f61cdca1b81b446daab7', class: "icon-container" }, index.h("slot", { key: '1976b3f23484c6711da9dff0e5767a382e43344b', name: "label" }), index.h("dso-icon", { key: '8cfb54482a998d715e38d8569b1b085098bff2e0', icon: this.icon }))), !this.icon && index.h("slot", { key: 'e32a8f6dbf395ef8a6205613f6d45b229364dd5b', name: "label" })), index.h(tooltip_functionalComponent.Tooltip, { key: '1193b5ac21e65206da5a21d548d6ed575265aaca', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, index.h("slot", { key: '30368d684a48632a9e9d29d242eaa87c2013abaa' }))));
+        return (index.h(index.Fragment, { key: '8fcf09bafea0c5063a216b5fc062ffe851a9221f' }, index.h("span", { key: 'b01a1be6bfb5d46eb2560ff4388e88dafe685137', class: "toggletip-button", role: "button", tabindex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, this.icon && (index.h(index.Fragment, { key: 'c4dcac1d94dcd0fc138db4602d8cec7340b5076f' }, index.h("span", { key: 'e2bc7ba3fe07a594579b609d62f0fdef490401b4', class: "toggletip-label" }, index.h("slot", { key: '836eb4e41db00abfe22640ef008a7faf642f0866', name: "label" })), "\u2060", index.h("dso-icon", { key: '2064a11231188c72dd1794a3054dd300d7116044', icon: this.icon }))), !this.icon && index.h("slot", { key: '1bb82554c188416f5d8d012659f4adecce66995d', name: "label" })), index.h(tooltip_functionalComponent.Tooltip, { key: 'f46fcc6671d46b0bfd62bfdcb78e2e909c34d7e6', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, index.h("slot", { key: '0dd70e1864d5c19fd840871a2bb05b76551ea4b4' }))));
     }
     get host() { return index.getElement(this); }
 };
@@ -1488,7 +1479,7 @@ const Panel = class {
         this.text = i18n.i18n(() => this.host, translations);
     }
     render() {
-        return (index.h("div", { key: '233e489e81d322692677d24c62d32944fec7cc12', class: clsx.clsx(["dso-panel", { emphasized: this.emphasized }]) }, index.h("div", { key: '1230e87f7a961cdfeff12ebe0226a7363fde7aa7', class: "panel-heading" }, index.h("slot", { key: '2c6c0a1b20ffd88865abf0b5391083d5029467fc', name: "heading" }), index.h("dso-icon-button", { key: '515245713f17087302661c9396b779b1997b1552', icon: "cross", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), index.h("div", { key: '8c113c07b1a09324303b99cafffe289013621dc7', class: "panel-body" }, index.h("slot", { key: '6be3f3b6f06e52f6e051c9da419eb051d1ac2a09' }))));
+        return (index.h("div", { key: '1dac87d122cd59af6f7baa241458259e7dc756fd', class: clsx.clsx(["dso-panel", { emphasized: this.emphasized }]) }, index.h("div", { key: '0573d40a2df15f0158e7aaee2ad774335b0b1d70', class: "panel-heading" }, index.h("slot", { key: 'c0b3491152c0f2e02bc78f29405c6c7588a10a7a', name: "heading" }), index.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") })), index.h("div", { key: '35628d4cda36eef5b3f065c31e151bc05ae81faf', class: "panel-body" }, index.h("slot", { key: '7cbbb1eb6d06b888d96a7ea7c384afe5dfa3dc0a' }))));
     }
     get host() { return index.getElement(this); }
 };
@@ -1499,7 +1490,6 @@ const tableCss = () => `button {   -webkit-appearance: button;   color: inherit;
 const Table = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.labelledbyId = v4.v4();
         /**
          * Prevents the table being opened in a modal.
          */
@@ -1528,7 +1518,8 @@ const Table = class {
     }
     render() {
         const caption = this.host.querySelector(":scope > table > caption")?.textContent?.trim();
-        return (index.h(index.Host, { key: 'b7ac1d5802b5ff18df62a2277bc0d2b006b5575a', "is-responsive": this.isResponsive?.toString() }, this.modalActive && this.placeholderHeight && (index.h("div", { key: 'af34354711e9d87a1f1efb1a6691ffcafc60b94d', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (index.h("dialog", { class: "dso-modal", ref: (element) => (this.dialogElement = element), onClose: this.dialogCloseEventListener }, index.h("div", { class: "dso-dialog dso-table-dialog", "aria-labelledby": this.labelledbyId }, index.h("div", { class: "dso-header" }, index.h("h2", { id: this.labelledbyId, class: { "sr-only": !caption } }, caption || "Uitvergrote tabel dialoog"), index.h("dso-icon-button", { icon: "cross", variant: "tertiary", class: "dso-close", label: "Sluiten", onClick: () => this.closeModal() })), index.h("div", { class: "dso-body dso-table-body" }, index.h("slot", null))))) : (index.h(index.Fragment, null, index.h("div", { class: "dso-table-utilities", hidden: !this.isResponsive && this.noModal }, this.isResponsive && (index.h("div", { class: "dso-responsive-message" }, index.h("span", null, "beweeg de tabel van links naar rechts"))), !this.noModal && (index.h("button", { type: "button", class: "dso-tertiary open-modal-button", onClick: () => this.openModal() }, index.h("span", { class: "sr-only" }, "tabel ", caption ?? "", " "), index.h("span", null, "vergroten"), index.h("dso-icon", { icon: "external-link" })))), index.h("div", { class: "dso-table-body" }, index.h("slot", null))))));
+        const dialogLabel = caption || "Uitvergrote tabel";
+        return (index.h(index.Host, { key: '89772b4439e04194bbe717b530533a1ab8afd04c', "is-responsive": this.isResponsive?.toString() }, this.modalActive && this.placeholderHeight && (index.h("div", { key: 'e61d3742ab212d07264bdd950ff981e2348cacc9', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (index.h("dialog", { class: "dso-modal", ref: (element) => (this.dialogElement = element), onClose: this.dialogCloseEventListener, "aria-label": dialogLabel }, index.h("div", { class: "dso-dialog dso-table-dialog" }, index.h("div", { class: "dso-header" }, index.h("h2", { class: { "sr-only": !caption } }, dialogLabel), index.h("dso-icon-button", { icon: "cross", variant: "tertiary", class: "dso-close", label: "Sluiten", onClick: () => this.closeModal() })), index.h("div", { class: "dso-body dso-table-body" }, index.h("slot", null))))) : (index.h(index.Fragment, null, index.h("div", { class: "dso-table-utilities", hidden: !this.isResponsive && this.noModal }, this.isResponsive && (index.h("div", { class: "dso-responsive-message" }, index.h("span", null, "beweeg de tabel van links naar rechts"))), !this.noModal && (index.h("button", { type: "button", class: "dso-tertiary open-modal-button", onClick: () => this.openModal() }, index.h("span", { class: "sr-only" }, "tabel ", caption ?? "", " "), index.h("span", null, "vergroten"), index.h("dso-icon", { icon: "external-link" })))), index.h("div", { class: "dso-table-body" }, index.h("slot", null))))));
     }
     openModal() {
         this.placeholderHeight = this.host.clientHeight;

package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js

@@ -124,11 +124,23 @@ const DocumentComponent = class {
         };
         this.handleOzonContentClick = (event) => {
             const { detail } = event;
-            if (detail.type === "Kop") {
-                this.handleHeadingClick(detail.originalEvent);
-            }
-            else {
-                this.dsoOzonContentClick.emit({ originalEvent: event, ozonContentClick: event.detail });
+            switch (detail.type) {
+                case "Kop":
+                    this.handleHeadingClick(detail.originalEvent);
+                    break;
+                case "IntIoRef":
+                    this.dsoAnnotationToggle.emit({
+                        current: this.openAnnotation,
+                        next: true,
+                        scrollRef: this.host,
+                        originalEvent: event,
+                    });
+                    break;
+                case "IntRef":
+                    this.dsoOzonContentClick.emit({ originalEvent: event, ozonContentClick: event.detail });
+                    break;
+                default:
+                    return;
             }
         };
         this.handleRecursiveToggleClick = (e) => {
@@ -222,9 +234,19 @@ const DocumentComponent = class {
             this.alternativeTitle ||
             this.label ||
             this.annotated);
-        return (index.h(index.Host, { key: '75dcbca7368045cd53b7e27cdf90d628bcee001f', "not-collapsible": !collapsible }, showHeading && (index.h("div", { key: 'da2ddeab07e97d63e56a162c3e59fa19621ccdc4', class: "heading-container", part: "_heading-container" }, this.wijzigactie && index.h("span", { key: '3446a1aaa160f905fd688c59e592b367c481d22e', class: "editaction-label" }, this.wijzigactieLabel, ":"), index.h("div", { key: '93824632c4da2f14ed1297d8380ffa09d506a133', class: "heading" }, index.h(Heading, { key: '561ea113e5e21faefae8e931700fffa7b2e3f9c4', heading: this.heading, class: "heading-element", onClick: this.alternativeTitle ? this.handleHeadingClick : undefined, mode: this.mode, href: this.href }, collapsible && this.mode === "document" && (index.h("dso-icon-button", { key: 'ca3c44f6892c33647199a12bfe1723fa96fe94b2', label: this.open ? "Invouwen" : "Uitvouwen", class: "toggle-button", icon: this.open ? "chevron-down" : "chevron-right", variant: "tertiary", onDsoClick: (e) => this.handleHeadingClick(e.detail.originalEvent) })), index.h("div", { key: '5f0dee1f6318250989b6416b528f0ee691b15e96' }, this.notApplicable && index.h("span", { key: '4f5deb37f489c36debca6f1bd9118311600a0f9b', class: "sr-only" }, "Niet van toepassing:"), this._kop ? (index.h("dso-ozon-content", { class: "kop", content: this._kop, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => this.mark?.(text, "kop")), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit({ ...e.detail, source: "kop" }), inline: true, urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })) : (index.h("span", { class: "alternative-title" }, (!this.mark && this.alternativeTitle) ||
-            (this.mark && this.alternativeTitle && (index.h(parseWijzigactieFromNode_function.MarkText, { mark: this.mark && ((text) => this.mark?.(text, "alternativeTitle")), text: this.alternativeTitle, emitMarkItemHighlight: (text, elementRef) => this.dsoMarkItemHighlight.emit({ text, elementRef, source: "alternativeTitle" }) }))))), index.h(AantekenStatus, { key: 'daaf3d399d6a4a44426a8119cccc34ec0059e4d4', gereserveerd: this._gereserveerd, vervallen: this._vervallen }))), this.recursiveToggle !== undefined && this.open && this.mode === "document" && (index.h("dso-icon-button", { key: 'b164005c1fa1c84da064b67ca2e2289b44b09706', label: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", class: "recursive-toggle", icon: this.recursiveToggle === true ? "eye" : "eye-slash", variant: "tertiary", onDsoClick: (e) => this.handleRecursiveToggleClick(e.detail.originalEvent) })), this.showBadge() && (index.h(index.Fragment, { key: 'aa49e8dc800909650e1fe137db3906f76968f089' }, index.h("dso-badge", { key: 'a5ecffff30ae688e682662dea28c3e6962ad547b', status: this.badgeStatus, label: this.badgeTooltip ? "Toon toelichting" : undefined }, this.badge, this.badgeTooltip && index.h("div", { key: '97693f3251175f7b477294562c1f7fb6e24e3aea', slot: "toggletip" }, this.badgeTooltip)))), (this.label || this.annotated) && (index.h("div", { key: '6a61b59fca772c76a020dc95f8076ae7c5258065', class: "addons" }, this.label && (index.h("dso-label", { key: '725a3f8723f8d0e9167b70ca27a5cca41e9d2526', status: this.labelStatus, compact: true }, this.label)), this.annotated && this.mode === "document" && (index.h("dso-icon-button", { key: '7233731ed6c706e7bf4e67cc91675b61f0f172d9', label: `Kenmerken en kaartgegevens ${this.openAnnotation ? "verbergen" : "tonen"}`, icon: "label", variant: "tertiary", onDsoClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e.detail.originalEvent }) }))))))), this.openAnnotation && (index.h("div", { key: '8cd752790ef28f1288ff64cff54faa4071006e24', class: "annotation-container", part: "_annotation-container" }, index.h("dso-panel", { key: 'ef7a46fceaf809c8e718509e9c1000daadf8c059', id: "annotations", onDsoCloseClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }), closeButtonLabel: "Kenmerken en kaartgegevens verbergen" }, index.h("h2", { key: 'a6f7888d0cf60e52263c0b34697c8a253af09501', slot: "heading" }, "Kenmerken en kaart"), index.h("slot", { key: '0d61835290f970b0f8a6d3afb67904e18319ac10', name: "annotations" })))), this.open && (this._inhoud || this._gereserveerd || this._vervallen) && this.mode === "document" && (index.h("div", { key: '11e7d016f51027b21b0814897cfefe4407eab65b', class: "content", part: "_content" }, index.h(AantekenAlert, { key: '39c4d7d9b27768c4525d58c188c0a67e74b8e105', gereserveerd: this._gereserveerd, vervallen: this._vervallen }), this._inhoud && (index.h("dso-ozon-content", { key: 'ffff30b853ebd4575a352f2a33b3c4abed53f18d', content: this._inhoud, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => this.mark?.(text, "inhoud")), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit({ ...e.detail, source: "inhoud" }), urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })))), index.h("div", { key: 'c6ceb32947fe29c1faba90b0b7a5e589d8a14992', class: "children-container", part: "_children-container" }, index.h("slot", { key: '2c7cf3a68918dfab0bfbd362a1934aca539c2b2f' }))));
+        return (index.h(index.Host, { key: '154a84124e835009c50b6f39e390a05e6910793d', "not-collapsible": !collapsible }, showHeading && (index.h("div", { key: 'a5525570353f5fdf3731127d118ae60dac8586cc', class: "heading-container", part: "_heading-container" }, this.wijzigactie && index.h("span", { key: 'a070f7295e89bd26a0426e310be9aafe2049973a', class: "editaction-label" }, this.wijzigactieLabel, ":"), index.h("div", { key: '12790d1f766b26ccc324a18e2a803a459160304d', class: "heading" }, index.h(Heading, { key: 'fea1907cf9c461516334cd482bd60ca328bdd09c', heading: this.heading, class: "heading-element", onClick: this.alternativeTitle ? this.handleHeadingClick : undefined, mode: this.mode, href: this.href }, collapsible && this.mode === "document" && (index.h("dso-icon-button", { key: 'fdbbd948671d3213498e5e7b3bbbbeb0cec7e981', label: this.open ? "Invouwen" : "Uitvouwen", class: "toggle-button", icon: this.open ? "chevron-down" : "chevron-right", variant: "tertiary", onDsoClick: (e) => this.handleHeadingClick(e.detail.originalEvent) })), index.h("div", { key: '1f8ecd1c79f4815087281dc62269234d79fa9c02' }, this.notApplicable && index.h("span", { key: 'a653d1041c24217ea729347cbfbb8049295b56bf', class: "sr-only" }, "Niet van toepassing:"), this._kop ? (index.h("dso-ozon-content", { class: "kop", content: this._kop, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => this.mark?.(text, "kop")), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit({ ...e.detail, source: "kop" }), inline: true, urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })) : (index.h("span", { class: "alternative-title" }, (!this.mark && this.alternativeTitle) ||
+            (this.mark && this.alternativeTitle && (index.h(parseWijzigactieFromNode_function.MarkText, { mark: this.mark && ((text) => this.mark?.(text, "alternativeTitle")), text: this.alternativeTitle, emitMarkItemHighlight: (text, elementRef) => this.dsoMarkItemHighlight.emit({ text, elementRef, source: "alternativeTitle" }) }))))), index.h(AantekenStatus, { key: '984e9a5591793c11ef40bdaa4ba4f19aec1f5970', gereserveerd: this._gereserveerd, vervallen: this._vervallen }))), this.recursiveToggle !== undefined && this.open && this.mode === "document" && (index.h("dso-icon-button", { key: '4b4d71d0cc5ffefcfd5bcf715752673d56087b80', label: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", class: "recursive-toggle", icon: this.recursiveToggle === true ? "eye" : "eye-slash", variant: "tertiary", onDsoClick: (e) => this.handleRecursiveToggleClick(e.detail.originalEvent) })), this.showBadge() && (index.h(index.Fragment, { key: 'f145f81ceb77fa399ba3bf458e2065803aa99cf5' }, index.h("dso-badge", { key: 'd14354bfe4f7eb27daacd10492def45a24c2cb13', status: this.badgeStatus, label: this.badgeTooltip ? "Toon toelichting" : undefined }, this.badge, this.badgeTooltip && index.h("div", { key: 'ac38e28944cf007a6062965e0f9e31f20578cd09', slot: "toggletip" }, this.badgeTooltip)))), (this.label || this.annotated) && (index.h("div", { key: '33f544397bebf58be1b504808ecc2d67e6f8afcd', class: "addons" }, this.label && (index.h("dso-label", { key: '1313048af9632a11d1ca26cbd6fe7b904321e2f1', status: this.labelStatus, compact: true }, this.label)), this.annotated && this.mode === "document" && (index.h("dso-icon-button", { key: '853717209f0d3f068f44536e23341e4472313fd7', label: `Kenmerken en kaartgegevens ${this.openAnnotation ? "verbergen" : "tonen"}`, icon: "label", variant: "tertiary", onDsoClick: (e) => this.dsoAnnotationToggle.emit({
+                current: this.openAnnotation,
+                next: !this.openAnnotation,
+                scrollRef: this.host,
+                originalEvent: e.detail.originalEvent,
+            }) }))))))), this.openAnnotation && (index.h("div", { key: '425520571741cf387d5d03fdf01d63e63697799a', class: "annotation-container", part: "_annotation-container" }, index.h("dso-panel", { key: '7fc88bea5eefe250f41626c92a45abf839c6f27d', id: "annotations", onDsoCloseClick: (e) => this.dsoAnnotationToggle.emit({
+                current: true,
+                next: false,
+                originalEvent: e,
+            }), closeButtonLabel: "Kenmerken en kaartgegevens verbergen" }, index.h("h2", { key: '3fbb099379c8ab62f0a95982b0239c2247a784c8', slot: "heading" }, "Kenmerken en kaart"), index.h("slot", { key: '2fe2f166222aa1e274ee57e9e1f50f14ccf7645b', name: "annotations" })))), this.open && (this._inhoud || this._gereserveerd || this._vervallen) && this.mode === "document" && (index.h("div", { key: '50eaab81aa44847d1487c5aad28d77efc7c76e6c', class: "content", part: "_content" }, index.h(AantekenAlert, { key: 'd264e0b7cfba6ebac3e37fada11ff246736efddc', gereserveerd: this._gereserveerd, vervallen: this._vervallen }), this._inhoud && (index.h("dso-ozon-content", { key: '8b7ad177e8b5dcd5a23e65db9aca4b760c658c0e', content: this._inhoud, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => this.mark?.(text, "inhoud")), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit({ ...e.detail, source: "inhoud" }), urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })))), index.h("div", { key: '6fd49cdf715ce1acc30f2f7e2f3ff4694c92e8f9', class: "children-container", part: "_children-container" }, index.h("slot", { key: 'f63548b452ab86010d3f7c8be41689fa335fad79' }))));
     }
+    get host() { return index.getElement(this); }
 };
 DocumentComponent.style = documentComponentCss();
 

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

@@ -74,7 +74,7 @@ const Selectable = class {
     }
     render() {
         const hasInfo = !!this.host.querySelector('[slot="info"]');
-        return (index.h(index.Fragment, { key: 'e51d923a488b05cd5d75744bf2e5008611753478' }, index.h("div", { key: 'bed64f6906f028c6e8d30f323816380edde5bdaf', class: "dso-selectable-container" }, index.h("div", { key: '34e14f498892ce4d71a585004f26c56a77681fba', class: "dso-selectable-input-wrapper" }, index.h("input", { key: '684662d08cba64f2d6ecb23d84d646b26bc40d1b', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (index.h("label", { htmlFor: this.getIdentifier() }, index.h("slot", null))) : (index.h("label", null, index.h("slot", null)))), hasInfo && !this.infoFixed && (index.h("dso-info-button", { key: 'c14546333dcbe0ffa02cf0059ff0ec403e041f99', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (index.h("dso-info", { key: '2c53ccb4d04fa15d5257e6651c0b69a8a71ffb3e', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, index.h("div", { key: 'fbeef7009379225fad4e3503cfa3ded6bdb40c60' }, index.h("slot", { key: 'ce0dee01e8abd16314cc9fb6ab3d2ae2ae077bdf', name: "info" })))), index.h("slot", { key: 'f0fb9d552fbecc82b77ecfec40a3f207aef91b1d', name: "options" })));
+        return (index.h(index.Fragment, { key: '5d9dd786079cf637b2a9f9c3e86319f98b575759' }, index.h("div", { key: 'b49cb8895cb0b83596519ddc0b4fcf567f904248', class: "dso-selectable-container" }, index.h("div", { key: 'fc781879f7b2b7018f1c860c812411f23f9d6438', class: "dso-selectable-input-wrapper" }, index.h("input", { key: 'f5d0842c3f535a1285c4ec86b63823faaaa08424', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (index.h("label", { htmlFor: this.getIdentifier() }, index.h("slot", null))) : (index.h("label", null, index.h("slot", null)))), hasInfo && !this.infoFixed && (index.h("dso-info-button", { key: '267113caaa503730680394a575c822ee842ea300', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (index.h("dso-info", { key: '869bf21b8e3ab3ba367d1a874692fd8167d15f29', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, index.h("div", { key: '65194ace31c38f46da617905d1e7671d2627196b' }, index.h("slot", { key: 'a4d2c29bacab37782ee747e00a0af1d07b9e227d', name: "info" })))), index.h("slot", { key: '9c4dcdc24ca11fdb3de566b231777ec22abfc8e0', name: "options" })));
     }
     componentDidRender() {
         if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {

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

@@ -199,7 +199,7 @@ const SlideToggle = class {
         this.hasVisibleLabel = this.host.querySelector("*") !== null;
     }
     render() {
-        return (index$1.h(index$1.Fragment, { key: '1faa6f451ccb3818331a88f2d42e6e729613f204' }, index$1.h("button", { key: '03f549a93d9d69170f4e055ac73869e1915f0339', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, index$1.h("svg", { key: 'c269817e925f02a3a73cc0ccacab5fdbd559a555', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, index$1.h("g", { key: '59b5d082fed55c8587dc5eb765127f8cc2bd1a69', fill: "none", "fill-rule": "evenodd" }, index$1.h("rect", { key: '84440b88c4eb5a2e14f7abfa1e5ac2810a967f87', width: "40", height: "20", fill: "currentColor", rx: "10" }), index$1.h("circle", { key: '7b0fb40fec72f2313247576985970df3cc93f22b', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (index$1.h("label", { key: 'ea4ed249745c5a26a0b44a41cd7017050034c439', htmlFor: this.identifier }, index$1.h("slot", { key: '9f1945a55c5e625ea1370ec3fc004123ee2b1b2a' })))));
+        return (index$1.h(index$1.Fragment, { key: '9ddebd0911701ddb47962ff74409e175d63e47a4' }, index$1.h("button", { key: '34d7b8b2285af17426661ccc42b933e94ffaf1e3', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, index$1.h("svg", { key: '6c4344ce916e31dc66b166fcdbbc918bcb20c764', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, index$1.h("g", { key: '25efb29bf5a1df78f77adc9931095daab2720bfa', fill: "none", "fill-rule": "evenodd" }, index$1.h("rect", { key: '9d269b55256ec7c800189f9c72c8d5221ac29bca', width: "40", height: "20", fill: "currentColor", rx: "10" }), index$1.h("circle", { key: 'fe9664b270f3a82d3614d5d570bc45771069c0b5', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (index$1.h("label", { key: '9d2f38a4af4f88d5f170405a7c19a81028050e7c', htmlFor: this.identifier }, index$1.h("slot", { key: '203c643ecc2a26dde073d45d60eb1a2def9d50d0' })))));
     }
     get host() { return index$1.getElement(this); }
 };

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

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

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

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

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

@@ -22,11 +22,11 @@ const MapMessage = class {
     render() {
         const iconName = this.variant ? iconMap[this.variant] : undefined;
         const role = this.variant === "error" ? "alert" : "status";
-        return (index.h("div", { key: '72e00581a669d9a61cdc8a243ffb76033c041bf8', class: {
+        return (index.h("div", { key: '169b91f604a96f8029d0d6d9bd062c3147bdfcd0', class: {
                 "map-message-content": true,
                 "has-icon": iconName !== undefined,
                 "has-actions": this.hasActions,
-            }, role: role, "aria-atomic": "true" }, index.h("div", { key: '439a95253cf64aa02893276a0e2a01a6505c827b', class: "map-message-body" }, iconName && index.h("dso-icon", { key: 'bdb9e03b41515493eac49d156a406a8d5fb0bfc9', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), index.h("span", { key: 'a286495f08b1e7235f0d78d6d54bc2a5075f513f', class: "map-message-text" }, index.h("slot", { key: '7d81b5a3acb376e4dc61ba57ded7c8074f3c4f6a', name: "message" }))), index.h("slot", { key: '3944becb80845f23cb1caab53ce889886d30cb4a', name: "actions", onSlotchange: this.handleActionsSlotChange })));
+            }, role: role, "aria-atomic": "true" }, index.h("div", { key: '568d8da2fa08ca48e5ba29664bcb5f4fc00fc126', class: "map-message-body" }, iconName && index.h("dso-icon", { key: '42ef91ad797f96a4382da8c85f55822b79c79b06', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), index.h("span", { key: '125d1aa6bb85b3933dda55abb21b1329cfd12044', class: "map-message-text" }, index.h("slot", { key: '15706e482ddbf0ab3e83aed71c0a83683eb23557', name: "message" }))), index.h("slot", { key: 'ca34e929276023f6f49112dfce38bf1078cddbbb', name: "actions", onSlotchange: this.handleActionsSlotChange })));
     }
 };
 MapMessage.style = mapMessageCss();

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

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

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

@@ -51,7 +51,7 @@ const MarkBar = class {
     render() {
         const current = this.current || 0;
         const totalCount = this.totalCount || 0;
-        return (index.h("div", { key: 'c3a82409b4af6269c0504b434f96872d1a3b4033', class: "dso-mark-bar" }, index.h("div", { key: '34d4b99c78d3ae43375db1c0e6733493a053d845', class: "dso-mark-bar-input" }, index.h("input", { key: '1211e41be559de27a4f9dcad26c0be2f3587f59d', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), index.h("label", { key: 'd3d236194e74168d9d46d0162b6e37522367cc33', htmlFor: "search-input" }, index.h("dso-icon", { key: '9d586244b348ffdb08781f503da0db1f7c369d22', class: "dso-search-icon", icon: "search" }), index.h("span", { key: 'f9c68afc76bf7ccec73564824553e92a7bf36213', class: "label-text" }, this.label)), index.h("dso-icon-button", { key: '5d41c6e1ea7b95a490472aeab5422b8486c23417', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), index.h("div", { key: 'e8aa6c811f028028c7c5a16a99c90f1976f27996', class: "dso-button-container" }, index.h("span", { key: '69d29550251d869e7e53906e58acf1f21b502810', class: "divider" }), index.h("dso-icon-button", { key: '302b5e9628fba82b1d11b2dd785ff5f21ec427ba', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), index.h("span", { key: 'eb690b5925dd908d15530b34e687e2f1cf60fb02' }, current, "/", totalCount), index.h("dso-icon-button", { key: '8262ce2b0a692fc97bb44bb4561a9199b2f76c10', icon: "chevron-down", variant: "tertiary", label: "Volgend zoekresultaat", onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
+        return (index.h("div", { key: '3f2390f17346e0f6e8f5922c8205b7d0dbb68f89', class: "dso-mark-bar" }, index.h("div", { key: '19da44807b5d7be12bf74f601412e0228ada4a49', class: "dso-mark-bar-input" }, index.h("input", { key: 'fd26a40b6539bc0ac7638e587776819d9a8e2831', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), index.h("label", { key: '6b6599311c0068af1470cf2f04defc603740064f', htmlFor: "search-input" }, index.h("dso-icon", { key: '61e5cf281785c47181144e6a06fbc4f92f1f4ae9', class: "dso-search-icon", icon: "search" }), index.h("span", { key: '7a7b144411738a1d804e7c75256adccbf922b864', class: "label-text" }, this.label)), index.h("dso-icon-button", { key: 'bb929394de046b8a3acaff79bda1a51a0768870a', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), index.h("div", { key: '32c06190f96d124d6f2d7ac6fe207aedd4af9638', class: "dso-button-container" }, index.h("span", { key: '988bd229b69150fcc6107f6e291a00c76b04e8b5', class: "divider" }), index.h("dso-icon-button", { key: '40ae708d4a8676e617d728d3d326d50767394046', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), index.h("span", { key: '973aa6d3df09e3809bbcd4c2b96dee8144cae2d6' }, current, "/", totalCount), index.h("dso-icon-button", { key: 'a26fc60b7e05fe6725f444476afe85345c9f13b8', icon: "chevron-down", variant: "tertiary", label: "Volgend zoekresultaat", onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
     }
 };
 MarkBar.style = markBarCss();

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

@@ -83,7 +83,7 @@ const Modal = class {
         }
     }
     render() {
-        return (index.h("dialog", { key: '5d7ddfc40dd53394fb0cb85272f1326c0ba97069', 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) }, index.h("div", { key: '6f71103e9f8d01fdebeb186e6f4b7e8f4f3f7f45', class: "dso-dialog", role: "document" }, this.modalTitle ? (index.h("div", { class: "dso-header" }, index.h("h2", { id: this.ariaId }, this.modalTitle), this.closable && (index.h("dso-icon-button", { id: "close-modal", icon: "cross", variant: "tertiary", label: this.text("close"), onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) })))) : (index.h("span", { class: "sr-only", id: this.ariaId }, this.text("dialog"))), index.h("dso-scrollable", { key: '03c9930cb55b99cb9e5168e839279d4ad7dea2bf' }, index.h("div", { key: '66e87f8479904a9001bc6836d5183e33a1b44bf9', class: "dso-body", tabIndex: 0 }, index.h("slot", { key: '40b9d6d2997fcf64630c7b617b33345e6d8f3981', name: "body" }))), this.hasFooter && (index.h("div", { key: '89a9f92226e82a429bca0f0a021f4fd96d8ebdfe', class: "dso-footer" }, index.h("slot", { key: '06b3975cfb42b7313baea186cd1fef29545fd9f4', name: "footer" }))))));
+        return (index.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) }, index.h("div", { key: '1aa3945eefc77e466cf5f5a8176441f3341227c9', class: "dso-dialog", role: "document" }, this.modalTitle ? (index.h("div", { class: "dso-header" }, index.h("h2", { id: this.ariaId }, this.modalTitle), this.closable && (index.h("dso-icon-button", { id: "close-modal", icon: "cross", variant: "tertiary", label: this.text("close"), onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) })))) : (index.h("span", { class: "sr-only", id: this.ariaId }, this.text("dialog"))), index.h("dso-scrollable", { key: '8b4f73119c03e79c411cf2be522a22347d5734ba' }, index.h("div", { key: 'eaf1dd3795fd7f29f784b19028a29f4adef739b1', class: "dso-body", tabIndex: 0 }, index.h("slot", { key: '6941bcfc9c5c38fbc1b4a7e54f5f6abf9b83938c', name: "body" }))), this.hasFooter && (index.h("div", { key: 'f1367f0059cde476a93126459a97e79be952ae4e', class: "dso-footer" }, index.h("slot", { key: '0ac156c12718075bebb54010cc360c118faa7bfd', name: "footer" }))))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -73,7 +73,7 @@ const OnboardingTip = class {
     }
     render() {
         const ariaLabel = this.headingSlottedElement?.textContent;
-        return (index.h(index.Host, { key: '2388c162ae6b1038db865fe5f9223b279c2a0d7b', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, index.h("div", { key: 'c9c1d2bbdee847dc35a01c02565fae7360e85cc0', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, index.h("div", { key: '94a65927928e93e7d57ca29b78c41b8897606f5d', class: "onboarding-tip-inner" }, index.h("div", { key: '9f78575a65ce0d453ca900b03f2a8dccd04f3a2d', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (index.h("div", { key: 'c6609cb5fa0f17efc002ce8757ccaa558d2de1e4', class: "onboarding-tip-content-heading" }, index.h("dso-icon", { key: '2a3f6de94ec5e4041079a7d0a1b83c5eb50f0ade', icon: "light-bulb" }), index.h("slot", { key: '94d5185f1f62f85011ae567496f85f2659abd43e', name: "heading" }))), index.h("dso-icon-button", { key: '8cf1de22c598a72e71185b9dda65c58ae932b7d3', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), index.h("slot", { key: '85678e247c035c01e87f6b1cfb73ef0c3e0d8c3d' }))), index.h("div", { key: '39a55487335e71933f9fc091b425310602cc4b05', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
+        return (index.h(index.Host, { key: '558c776e30df6ad732c7520ced07275cc58ffc86', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, index.h("div", { key: '3534a629bf57a5f03c58883214921e988ce02173', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, index.h("div", { key: '662383b809b71d3fcc71bad473af767d3783f88d', class: "onboarding-tip-inner" }, index.h("div", { key: '037799fcc6e5ff50135826a6daa89b02588eaf1f', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (index.h("div", { key: '7db0ec9b9905af692246f98efedf9a6548a7d9a5', class: "onboarding-tip-content-heading" }, index.h("dso-icon", { key: 'dc36c8cfc5883c1d864e7b14fa6ea4adf121093c', icon: "light-bulb" }), index.h("slot", { key: '806e62c3c4565ded40315d4c62c0271faf5f7662', name: "heading" }))), index.h("dso-icon-button", { key: '8ad1e4e3bfaf4f697013514cf1387db453c97cec', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), index.h("slot", { key: '1cc4e1a84c26285aca4c32b9526cd7251a8131c4' }))), index.h("div", { key: '43a5cb81f188e324ec5e79d5ec9b96c59eeff63f', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
     }
     get headingSlottedElement() {
         return this.host.querySelector("[slot='heading']");

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

@@ -1,19 +1,11 @@
 'use strict';
 
 var index = require('./index-BKUr3Wdg.js');
+var wrapWijzigactie_functionalComponent = require('./wrap-wijzigactie.functional-component-BNrVU6nv.js');
 var isModifiedEvent = require('./is-modified-event-Dh9YsHw8.js');
 
 const plekinfoCardCss = () => `ins{text-decoration:none;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}ins{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}del{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}del{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del{font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-plekinfo-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-plekinfo-card-container .dso-plekinfo-card-heading{display:flex;align-items:start;column-gap:8px}@media screen and (max-width: 480px){.dso-plekinfo-card-container .dso-plekinfo-card-heading{flex-wrap:wrap}}.dso-plekinfo-card-container .dso-plekinfo-card-heading+.dso-plekinfo-card-content{margin-block-start:8px}.dso-plekinfo-card-container .dso-plekinfo-card-symbol{grid-row:span 2;margin-inline-end:8px}.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}ins.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#d8e5c9}del.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#e9cdd1}:host([active]:not([active=false])) .dso-plekinfo-card-container{background-color:#e5e5e5}:host([active]:not([active=false])) ins.dso-plekinfo-card-container{background-color:#ced9bf}:host([active]:not([active=false])) del.dso-plekinfo-card-container{background-color:#ddc3c6}:host([has-symbol]) .dso-plekinfo-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-heading,:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-content{grid-column:2/-1}::slotted([slot=meta]){display:flex !important;justify-content:space-between !important;flex-shrink:0 !important;align-self:end !important}@media screen and (max-width: 480px){::slotted([slot=meta]){flex-basis:100% !important;margin-block-start:8px !important}}::slotted([slot=heading]){display:inline !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}::slotted([slot=content]){--_dt-rich-content-margin-block:8px;--_dt-rich-content-margin-block-end:0;--_dt-rich-content-margin-block-start:0}::slotted([slot=interaction]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interaction]){flex-basis:100% !important;margin-block-start:16px !important}}.heading-anchor{color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;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}`;
 
-const WrapWijzigactie = ({ wijzigactie }, children) => {
-    if (wijzigactie === "voegtoe") {
-        return index.h("ins", { class: "dso-plekinfo-card-container" }, children);
-    }
-    if (wijzigactie === "verwijder") {
-        return index.h("del", { class: "dso-plekinfo-card-container" }, children);
-    }
-    return index.h("div", { class: "dso-plekinfo-card-container" }, children);
-};
 const PlekinfoCard = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -48,7 +40,7 @@ const PlekinfoCard = class {
     }
     render() {
         const hasSymbol = this.symbolSlottedElement !== null;
-        return (index.h(index.Host, { key: '195808a17ac11b26547e4b41fa56b4dcaa701fba', "has-symbol": hasSymbol }, index.h(WrapWijzigactie, { key: '89a7af24895338ff188f45dda202f013f90be1ae', wijzigactie: this.wijzigactie }, index.h("div", { key: '77e8f2b79cb9277579c30a43afa279b5085f3b22', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, index.h("slot", { key: 'a9a66ded575a35070c9fc7e998af610421ca61b5', name: "symbol" })), index.h("div", { key: 'e9777c203783b5d345e6f268770c80b771b36243', class: "dso-plekinfo-card-heading" }, this.href ? (index.h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("span", { class: "icon-container" }, this.targetBlank ? (index.h(index.Fragment, null, index.h("dso-icon", { icon: "external-link" }), index.h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (index.h("dso-icon", { icon: "chevron-right" })), index.h("slot", { name: "heading" })))) : (index.h("slot", { name: "heading" })), this.metaSlottedElement !== null && index.h("slot", { key: 'be0665edf9fa951672184c4a621ec9da430deb11', name: "meta" }), this.interaction !== null && index.h("slot", { key: '2b283e4c7106a380c8e2a8e7e83310c16410a534', name: "interaction" })), index.h("div", { key: '3ba8eb7a483b4b165ce8bc7dcba3fccb97b530d5', class: "dso-plekinfo-card-content" }, index.h("slot", { key: '14e5c1aed546f3e795e7e542641e9f03532f4e31', name: "content" })))));
+        return (index.h(index.Host, { key: 'd6bf54213c95928c6ede76f52dd73fad3ae30ea2', "has-symbol": hasSymbol }, index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: 'fc4602b99d335f82f367d051b20064026bfd9198', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, index.h("div", { key: 'f1abba3e1ef15e738e0a802a7a6af8225b2ccedd', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, index.h("slot", { key: '8833c13d9be2d06157e4fb288579ffffc918805b', name: "symbol" })), index.h("div", { key: 'ac6885c1023a72ab82f72ef6901c0344a145e976', class: "dso-plekinfo-card-heading" }, this.href ? (index.h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("span", { class: "icon-container" }, this.targetBlank ? (index.h(index.Fragment, null, index.h("dso-icon", { icon: "external-link" }), index.h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (index.h("dso-icon", { icon: "chevron-right" })), index.h("slot", { name: "heading" })))) : (index.h("slot", { name: "heading" })), this.metaSlottedElement !== null && index.h("slot", { key: '4764a10ae7d5b4a363561742032b9c1967284dfc', name: "meta" }), this.interaction !== null && index.h("slot", { key: '353f09e3436b7336d74b8d7dabc52fb49d1985ba', name: "interaction" })), index.h("div", { key: 'd59991499dd55acd137746327e73dab7bfcd4e2b', class: "dso-plekinfo-card-content" }, index.h("slot", { key: '07540e332094f4eef9936e84b7a5bc25db58048e', name: "content" })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -24,7 +24,7 @@ const Progressindicator = class {
         this.text = i18n.i18n(() => this.host, translations);
     }
     render() {
-        return (index.h(index.Host, { key: '1cae1ecc0189ba8e3f398be733261208bff72507' }, index.h("span", { key: '18c9e94d07e685e9e628ea962e3e5a92d4942a8e', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, index.h("dso-icon", { key: 'c3621e2064b6dcd7100a5bab325938b5f4979467', icon: "spinner" })), index.h("span", { key: '5540253b6a6a40d130b2b8e5f8341981ed708396', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
+        return (index.h(index.Host, { key: '7cfba66f1f9d54e95cefe7e2949bb3b273e09b34' }, index.h("span", { key: 'b355203ea37d8ca6810f331fc461c09ea5937543', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, index.h("dso-icon", { key: '6150b03b2cf21633d741253374bb6dd80d771a00', icon: "spinner" })), index.h("span", { key: 'cb2bb2d6a5b3ee057e18e1a43eca575184ea60f5', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -9,7 +9,7 @@ const ProjectItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Fragment, { key: '81913e4182774ec0a1110406111a9739bf94cf41' }, index.h("div", { key: 'b9eab3670d6819b734e22aaec0e6b1f7c455c356', class: "project-item-header" }, index.h("div", { key: '462a94b1c982b36a7f6d4a8cc531b036144635d3', class: "project-item-title" }, index.h("slot", { key: 'c8b6aea41db11fd8c25cbdf74f920e576b970674', name: "title" }), this.label && (index.h("dso-label", { key: '7e9b7c80cf10afe241c2f123ad01e71b11133ff5', status: "error", compact: true }, this.label))), index.h("div", { key: 'eee319184b9c0e6be28d6071dea6e2f88db74488', class: "project-item-actions" }, index.h("slot", { key: '6ccaa945908d43fa1c106903441218e8855749db', name: "actions" }))), index.h("div", { key: '116932ca949409e32533153a27cf6f8e2aff3bb0', class: "project-item-info" }, index.h("div", { key: '51786ae67859c0991d5b225186e58a42c7329bdb', class: "project-item-progress" }, index.h("slot", { key: '28eac3e3813d6f590fbcd43812d4a24cd15d3d81', name: "progress" })), index.h("div", { key: '0ed9adc0e70671467a365732d2bde265c3822ddb', class: "project-item-status" }, index.h("slot", { key: 'b1e2fed2554d6029c9eaf137bfa2f96bb1f7ec1f', name: "status" })))));
+        return (index.h(index.Fragment, { key: 'e4ff37a1ea0e49becb966e68e6e2fd72cf91cafc' }, index.h("div", { key: 'e2550af380026962d55a4dc9aa0466490440b1c1', class: "project-item-header" }, index.h("div", { key: '4b8692506e88407e2a895db5ed75851a8e0c783e', class: "project-item-title" }, index.h("slot", { key: '79fc5f80c482fa2f241b4bd3caac5c625308ab0d', name: "title" }), this.label && (index.h("dso-label", { key: '76f1f0d34c85ce4da5109951da32b2142c01bece', status: "error", compact: true }, this.label))), index.h("div", { key: 'b820186d985d8e2bc75ace177945056e095f4cce', class: "project-item-actions" }, index.h("slot", { key: 'db117b96fee8d0c6aead9c35c1ae8e650e8cadf2', name: "actions" }))), index.h("div", { key: '27268b32157e44c9ecf78e5d82171013f5feefdc', class: "project-item-info" }, index.h("div", { key: '7cedfe0715e50ed2ef4b448588990c91226c0621', class: "project-item-progress" }, index.h("slot", { key: 'baf690d352757b7fac3c89961899f1a36e4bdc1b', name: "progress" })), index.h("div", { key: 'edb11d27f220ccfafb4bf6916839317691ff1eb3', class: "project-item-status" }, index.h("slot", { key: 'f17dbb4173980987721184c7ba4fe25d1e10b19f', name: "status" })))));
     }
 };
 ProjectItem.style = projectItemCss();

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

@@ -46,7 +46,7 @@ const ResponsiveElement = class {
         this.observer.unobserve(this.host);
     }
     render() {
-        return (index.h(index.Host, { key: '955fc12443133b5a2875672894684bc78012afb5', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, index.h("slot", { key: 'ebdb89bcbe9ce70bacd73a39ba1d01f3387d9c49' })));
+        return (index.h(index.Host, { key: 'e6edd396badac005921d7e76851af2da55b6c94e', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, index.h("slot", { key: 'cdcbe74aa45b1543bde3aebb0b310751b357183e' })));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -93,9 +93,9 @@ const Scrollable = class {
         this.slottedElements.forEach((element) => resizeObserver.unobserve(element));
     }
     render() {
-        return (index$1.h("div", { key: '30263b48397081180497f64c292bf957c4db0e2c', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, index$1.h("div", { key: '6254e977927cc6a4fffefc320c54da2a9b696f85', ref: (el) => (this.scrollContainerDiv = el), class: clsx.clsx("dso-scroll-container", {
+        return (index$1.h("div", { key: 'dcf3c6dcaf1057439467a130262cea5da549e9c2', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, index$1.h("div", { key: '4d987a5bb6b075b3455156f5ece38d2f90b5808f', ref: (el) => (this.scrollContainerDiv = el), class: clsx.clsx("dso-scroll-container", {
                 [`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== "noScroll",
-            }), onScroll: () => this._setScrollState() }, index$1.h("slot", { key: '7349779744fd56b8b018a9f5ed5cf0feb27df4fb' }))));
+            }), onScroll: () => this._setScrollState() }, index$1.h("slot", { key: 'fe4ec19f848789dd8357bc6ef46a8b6e7b02751c' }))));
     }
     get host() { return index$1.getElement(this); }
 };

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

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

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

@@ -17,7 +17,7 @@ const Skiplink = class {
         return this.dsoSkiplinkClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent.isModifiedEvent(e) });
     }
     render() {
-        return (index.h("a", { key: '1522c32929f116df4b5315d88f7cae5696ca3b8a', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, index.h("dso-icon", { key: 'b173095dbda74f676506122b0f12a28a8ab7ab88', icon: "chevron-right" })));
+        return (index.h("a", { key: '3d90d4ea271b2910a2be033f562cb469293c302e', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, index.h("dso-icon", { key: 'af72d77ffdfc812799b0fe8b4ca04a642fd5a2ac', icon: "chevron-right" })));
     }
 };
 Skiplink.style = skiplinkCss();

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

@@ -28,10 +28,10 @@ const SurveyRating = class {
             "Makkelijk",
             "Heel makkelijk",
         ];
-        return (index.h("dso-panel", { key: '2167d8a97249942eecdef5e77afd201df8f72d28', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, index.h("h2", { key: 'b8d55d2656ae0b0f66657b23b9c9398412d1837f', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), index.h("strong", { key: '537de1f83e58b14d55c5a327e5ae8323f46b5cbd' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), index.h("form", { key: '50392a52c475e52084a351c3733ea08aca20b860', onSubmit: (e) => this.handleForm(e) }, index.h("div", { key: 'ec2eb22815b5384a7832e3fa73af6e87a05956e2', class: "visual-rating-labels", "aria-hidden": "true" }, index.h("span", { key: '458ebf87d665524a847ca564f85ff4a0bb1b62d3' }, "Heel moeilijk"), index.h("span", { key: 'b66d7efc386ac5181450ba5c1c80e9dd2a713d94' }, "Heel makkelijk")), index.h("div", { key: '9ce5717982d23af80cdb9cbde554667635539144', role: "radiogroup" }, ratings.map((rating, index$1) => {
+        return (index.h("dso-panel", { key: 'ec65c8e640fdf4bea1afc3d0091511c776096bc5', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, index.h("h2", { key: 'c92f545052e1bfcc8750e818de9e562b1b836a91', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), index.h("strong", { key: '98289723e0bd73927c1d2f677a7affd027dd8b80' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), index.h("form", { key: '043b4d069a55c54afc0bada44ecb6cf1a7121ef7', onSubmit: (e) => this.handleForm(e) }, index.h("div", { key: '4bf9cd86b7fb86c9ba20197be7ef0b91673ea6f3', class: "visual-rating-labels", "aria-hidden": "true" }, index.h("span", { key: '3263ae289b50a3b278f14dfe02d04098cf704210' }, "Heel moeilijk"), index.h("span", { key: '3d700a594be09a7466b4416ef71be2f944904ec2' }, "Heel makkelijk")), index.h("div", { key: '14eeda48df6480c4e38df5610dcded20147f57a6', role: "radiogroup" }, ratings.map((rating, index$1) => {
             const ratingNumber = index$1 + 1;
             return (index.h(index.Fragment, null, index.h("label", { class: `survey-rating-${ratingNumber}` }, ratingNumber, index.h("span", { class: "sr-only" }, rating), index.h("input", { type: "radio", name: "rating", value: ratingNumber, checked: ratingNumber === this.rating, onChange: (e) => this.handleChange(e) }))));
-        })), index.h("button", { key: '5eac0aef6005ed8ab2cbda9e4317c7f28d9b6b04', type: "submit", class: "dso-secondary" }, index.h("span", { key: '45a53ec6f53fb991a939f58003dbdc54ec309686' }, "Antwoord verzenden")))));
+        })), index.h("button", { key: 'd2192d2801ee2424056d72486212a5747b72f1ab', type: "submit", class: "dso-secondary" }, index.h("span", { key: '576d7e4860947b691388615d9ac05a1c14a9acb6' }, "Antwoord verzenden")))));
     }
 };
 SurveyRating.style = surveyRatingCss();

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

@@ -62,7 +62,7 @@ const Tabs = class {
         this.mutationObserver?.disconnect();
     }
     render() {
-        return (index.h(index.Host, { key: 'b6060f192bc977ee552374818ef550d5ee72ae65' }, index.h("div", { key: 'dcd0e804fe23cfb403a13d2c6b368a30e91d0b4a', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, index.h("slot", { key: '39a49bfbd811053f2ef18ffd71887aaf6140300e' })), index.h("div", { key: 'cb472cefde18dd4833c5ff47855aa584a9a142b9', role: "tabpanel", tabindex: "0" }, index.h("slot", { key: '29d41ec7045e3a271aee5b612fd4f25ced544e76', name: "panel" }))));
+        return (index.h(index.Host, { key: '68a20ece1bb1acf6822874c9956feeb794138e71' }, index.h("div", { key: 'ac04d437ba96dc671fa1ab2f68d28122cbb9147b', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, index.h("slot", { key: '21d081539db99a1f16c568b38396d2ffb984bd80' })), index.h("div", { key: '2e908e2c0ec14ecf89671d52c298c8fa2e9402e1', role: "tabpanel", tabindex: "0" }, index.h("slot", { key: '4fdd974eed09abaec93091459ba995f154c2a3c6', name: "panel" }))));
     }
     get host() { return index.getElement(this); }
 };