@dso-toolkit/core 84.0.0 → 85.0.0

package/dist/bundle/p-Dx7IryUb.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-DBWrx_3r.js';
+import { c as clsx } from './p-ChV9xqsO.js';
+
+const badgeCss = () => `:host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.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)}.dso-badge{border-width:1px;border-style:solid;border-radius:1em;display:inline-block;font-size:0.875em;line-height:1;min-inline-size:1.5rem;padding-block:4px;padding-inline:8px;text-align:center;--_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}.dso-badge 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-wit"))}.dso-badge 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-wit"))}.dso-badge 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-wit"))}.dso-badge 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#email-wit"))}.dso-badge{--_dso-icon-button-tertiary-color:#fff;background-color:#666;color:#fff;border-color:#666}.dso-badge.badge-info{--_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}.dso-badge.badge-info 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-wit"))}.dso-badge.badge-info 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-wit"))}.dso-badge.badge-info 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-wit"))}.dso-badge.badge-info 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#email-wit"))}.dso-badge.badge-info{--_dso-icon-button-tertiary-color:#fff;background-color:#2b5780;color:#fff;border-color:#2b5780}.dso-badge.badge-primary{--_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}.dso-badge.badge-primary 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-wit"))}.dso-badge.badge-primary 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-wit"))}.dso-badge.badge-primary 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-wit"))}.dso-badge.badge-primary 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#email-wit"))}.dso-badge.badge-primary{--_dso-icon-button-tertiary-color:#fff;background-color:#275937;color:#fff;border-color:#275937}.dso-badge.badge-success{--_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}.dso-badge.badge-success 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-wit"))}.dso-badge.badge-success 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-wit"))}.dso-badge.badge-success 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-wit"))}.dso-badge.badge-success 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#email-wit"))}.dso-badge.badge-success{--_dso-icon-button-tertiary-color:#fff;background-color:#39870c;color:#fff;border-color:#39870c}.dso-badge.badge-warning{--_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}.dso-badge.badge-warning 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"))}.dso-badge.badge-warning 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"))}.dso-badge.badge-warning 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"))}.dso-badge.badge-warning 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#email-zwart"))}.dso-badge.badge-warning{--_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;background-color:#dcd400;color:#191919;border-color:#dcd400}.dso-badge.badge-error{--_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}.dso-badge.badge-error 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-wit"))}.dso-badge.badge-error 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-wit"))}.dso-badge.badge-error 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-wit"))}.dso-badge.badge-error 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#email-wit"))}.dso-badge.badge-error{--_dso-icon-button-tertiary-color:#fff;background-color:#ce3f51;color:#fff;border-color:#ce3f51}.dso-badge.badge-outline{--_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-color:#191919}.dso-badge.badge-attention{--_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}.dso-badge.badge-attention 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-wit"))}.dso-badge.badge-attention 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-wit"))}.dso-badge.badge-attention 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-wit"))}.dso-badge.badge-attention 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#email-wit"))}.dso-badge.badge-attention{--_dso-icon-button-tertiary-color:#fff;background-color:#8b4a6a;color:#fff;border-color:#8b4a6a}`;
+
+const Badge = /*@__PURE__*/ proxyCustomElement(class Badge extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    render() {
+        return (h("span", { key: '095800d791026bfb4646c989b73b3d909d5b7bea', class: clsx("dso-badge", { [`badge-${this.status}`]: this.status }) }, h("slot", { key: 'cb1f36e18ffeaba5dd856326490bc10cfee2c174' })));
+    }
+    static get style() { return badgeCss(); }
+}, [257, "dso-badge", {
+        "status": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["dso-badge"];
+    components.forEach(tagName => { switch (tagName) {
+        case "dso-badge":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), Badge);
+            }
+            break;
+    } });
+}
+
+export { Badge as B, defineCustomElement as d };
+//# sourceMappingURL=p-Dx7IryUb.js.map
+
+//# sourceMappingURL=p-Dx7IryUb.js.map

package/dist/bundle/{p-CU2teuXB.js.map → p-Dx7IryUb.js.map}

@@ -1 +1 @@
-{"file":"p-CU2teuXB.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,89SAA89S,CAAC;;MCU1+S,KAAK,iBAAAA,kBAAA,CAAA,MAAA,KAAA,SAAAC,CAAA,CAAA;;;;;;;;IAOhB,MAAM,GAAA;QACJ,QACE,6DAAM,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC,CAAA,MAAA,EAAS,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAA,EACvE,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/badge/badge.scss?tag=dso-badge&encapsulation=shadow","src/components/badge/badge.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/badge\";\r\n\r\n:host {\r\n  display: inline-block;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n.dso-badge {\r\n  @include badge.root();\r\n}\r\n","import { Component, Prop, h } from \"@stencil/core\";\r\nimport { clsx } from \"clsx\";\r\n\r\nimport { BadgeStatus } from \"./badge.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-badge\",\r\n  styleUrl: \"badge.scss\",\r\n  shadow: true,\r\n})\r\nexport class Badge {\r\n  /**\r\n   * The status of the Badge.\r\n   */\r\n  @Prop()\r\n  status?: BadgeStatus;\r\n\r\n  render() {\r\n    return (\r\n      <span class={clsx(\"dso-badge\", { [`badge-${this.status}`]: this.status })}>\r\n        <slot></slot>\r\n      </span>\r\n    );\r\n  }\r\n}\r\n"],"version":3}
+{"file":"p-Dx7IryUb.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,4xSAA4xS,CAAC;;MCUxyS,KAAK,iBAAAA,kBAAA,CAAA,MAAA,KAAA,SAAAC,CAAA,CAAA;;;;;;;;IAOhB,MAAM,GAAA;QACJ,QACE,6DAAM,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC,CAAA,MAAA,EAAS,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAA,EACvE,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/badge/badge.scss?tag=dso-badge&encapsulation=shadow","src/components/badge/badge.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/badge\";\r\n\r\n:host {\r\n  display: inline-block;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n.dso-badge {\r\n  @include badge.root();\r\n}\r\n","import { Component, Prop, h } from \"@stencil/core\";\r\nimport { clsx } from \"clsx\";\r\n\r\nimport { BadgeStatus } from \"./badge.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-badge\",\r\n  styleUrl: \"badge.scss\",\r\n  shadow: true,\r\n})\r\nexport class Badge {\r\n  /**\r\n   * The status of the Badge.\r\n   */\r\n  @Prop()\r\n  status?: BadgeStatus;\r\n\r\n  render() {\r\n    return (\r\n      <span class={clsx(\"dso-badge\", { [`badge-${this.status}`]: this.status })}>\r\n        <slot></slot>\r\n      </span>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/bundle/{p-D8wuhYXU.js → p-Dxf0wJyw.js}

@@ -1,13 +1,13 @@
-import { h, F as Fragment, p as proxyCustomElement, H, e as createEvent, t as transformTag } from './p-BeWimuZg.js';
+import { h, F as Fragment, p as proxyCustomElement, H, d as createEvent, t as transformTag } from './p-DBWrx_3r.js';
 import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
 import { c as clsx } from './p-ChV9xqsO.js';
 import { v as v4 } from './p-C_akviUd.js';
-import { d as defineCustomElement$6 } from './p-BLHKEAmx.js';
-import { d as defineCustomElement$5 } from './p-CK_78rYk.js';
-import { d as defineCustomElement$4 } from './p-iD5tYjyh.js';
-import { d as defineCustomElement$3 } from './p-CYPr8F9t.js';
-import { d as defineCustomElement$2 } from './p-DbW5xEkj.js';
-import { d as defineCustomElement$1 } from './p-B9fhD-Wr.js';
+import { d as defineCustomElement$6 } from './p-DAPEW-cK.js';
+import { d as defineCustomElement$5 } from './p-BheZWHUU.js';
+import { d as defineCustomElement$4 } from './p-D73qXpcX.js';
+import { d as defineCustomElement$3 } from './p-J6EVaTGZ.js';
+import { d as defineCustomElement$2 } from './p-bgDHZ-CT.js';
+import { d as defineCustomElement$1 } from './p-DiVQLv2Z.js';
 
 const MarkText = ({ mark, text, emitMarkItemHighlight }) => {
     const result = mark(text);
@@ -147,8 +147,8 @@ class OzonContentBronNode {
     constructor() {
         this.name = "Bron";
     }
-    render(node, { mapNodeToJsx }) {
-        return h("span", { class: "dso-ozon-bron" }, mapNodeToJsx(node.childNodes));
+    render(node, { mapNodeToJsx }, ignoreMark) {
+        return h("span", { class: "dso-ozon-bron" }, mapNodeToJsx(node.childNodes, ignoreMark));
     }
 }
 
@@ -629,15 +629,15 @@ class OzonContentFallbackNode {
         // This name does not match any elements
         this.name = ["<fallback>"];
     }
-    render(node, { mapNodeToJsx }) {
-        return h("span", { class: `fallback od-${getNodeName(node)}` }, mapNodeToJsx(node.childNodes));
+    render(node, { mapNodeToJsx }, ignoreMark) {
+        return h("span", { class: `fallback od-${getNodeName(node)}` }, mapNodeToJsx(node.childNodes, ignoreMark));
     }
 }
 
-const Bijschrift = ({ bijschrift, bron, mapNodeToJsx }) => {
+const Bijschrift = ({ bijschrift, bron, mapNodeToJsx, ignoreMark }) => {
     var _a;
     const bronText = bron && ((_a = bron.textContent) === null || _a === void 0 ? void 0 : _a.trim());
-    return (h("span", { class: "figuur-bijschrift" }, bijschrift && bijschrift.inhoud && mapNodeToJsx(bijschrift.inhoud), bronText && (h(Fragment, null, `${bijschrift ? " " : ""}(bron: `, mapNodeToJsx(bron), ")"))));
+    return (h("span", { class: "figuur-bijschrift" }, bijschrift && bijschrift.inhoud && mapNodeToJsx(bijschrift.inhoud, ignoreMark), bronText && (h(Fragment, null, `${bijschrift ? " " : ""}(bron: `, mapNodeToJsx(bron, ignoreMark), ")"))));
 };
 class OzonContentFiguurNode {
     constructor() {
@@ -689,7 +689,7 @@ class OzonContentFiguurNode {
                 }
                 : undefined;
             const src = urlResolver && illustratie.naam ? urlResolver("Illustratie", "naam", illustratie.naam, node) : illustratie.naam;
-            return (h("div", { class: `dso-ozon-figuur ${bijschrift ? `bijschrift-${bijschrift.locatie}` : "onder"}`, style: this.getStyle(illustratie) }, titel && h("span", { class: "figuur-titel" }, mapNodeToJsx(titel)), (bijschrift === null || bijschrift === void 0 ? void 0 : bijschrift.locatie) === "boven" && (h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx })), h("dso-image-overlay", { wijzigactie: wijzigactie }, titel && (h("div", { slot: "titel" }, h("span", null, mapNodeToJsx(titel)))), h("img", { src: src !== null && src !== void 0 ? src : undefined, alt: (_d = (_c = (_b = illustratie.alt) !== null && _b !== void 0 ? _b : titel === null || titel === void 0 ? void 0 : titel.textContent) !== null && _c !== void 0 ? _c : illustratie.naam) !== null && _d !== void 0 ? _d : undefined }), (bijschrift || bron) && (h("div", { slot: "bijschrift" }, h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx })))), ((bijschrift === null || bijschrift === void 0 ? void 0 : bijschrift.locatie) === "onder" || (!bijschrift && bron)) && (h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx }))));
+            return (h("div", { class: `dso-ozon-figuur ${bijschrift ? `bijschrift-${bijschrift.locatie}` : "onder"}`, style: this.getStyle(illustratie) }, titel && h("span", { class: "figuur-titel" }, mapNodeToJsx(titel)), (bijschrift === null || bijschrift === void 0 ? void 0 : bijschrift.locatie) === "boven" && (h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx })), h("dso-image-overlay", { wijzigactie: wijzigactie }, titel && (h("div", { slot: "titel" }, h("span", null, mapNodeToJsx(titel, true)))), h("img", { src: src !== null && src !== void 0 ? src : undefined, alt: (_d = (_c = (_b = illustratie.alt) !== null && _b !== void 0 ? _b : titel === null || titel === void 0 ? void 0 : titel.textContent) !== null && _c !== void 0 ? _c : illustratie.naam) !== null && _d !== void 0 ? _d : undefined }), (bijschrift || bron) && (h("div", { slot: "bijschrift" }, h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx, ignoreMark: true })))), ((bijschrift === null || bijschrift === void 0 ? void 0 : bijschrift.locatie) === "onder" || (!bijschrift && bron)) && (h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx }))));
         }
     }
 }
@@ -741,7 +741,7 @@ class OzonContentIntIoRefNode {
     constructor() {
         this.name = "IntIoRef";
     }
-    render(node, { mapNodeToJsx, emitClick, urlResolver }) {
+    render(node, { mapNodeToJsx, emitClick, urlResolver, annotated }) {
         const ref = node.getAttribute("ref");
         if (!ref) {
             return mapNodeToJsx(node.childNodes);
@@ -754,7 +754,7 @@ class OzonContentIntIoRefNode {
                 originalEvent: event,
             });
         };
-        return (h(Fragment, null, h("dso-ozon-content-toggletip", { icon: "map-location" }, h("span", { slot: "label" }, mapNodeToJsx(node.childNodes)), h("p", null, "Gebieden op de kaart tonen:", " ", h("button", { type: "button", class: "dso-tertiary", onClick: intIoRefOnClick }, h("span", null, "Kenmerken en kaart"), h("dso-icon", { icon: "label" }))), h("p", null, "Offici\u00EBle publicaties:", " ", h("a", { target: "_blank", rel: "noopener noreferrer", href: href !== null && href !== void 0 ? href : undefined, title: "Opent andere website in nieuw tabblad" }, h("span", null, mapNodeToJsx(node.childNodes)), h("dso-icon", { icon: "external-link" }))))));
+        return (h(Fragment, null, h("dso-ozon-content-toggletip", { icon: "map-location" }, h("span", { slot: "label" }, mapNodeToJsx(node.childNodes)), annotated && (h("span", { role: "paragraph" }, "Gebieden op de kaart tonen:", " ", h("button", { type: "button", class: "dso-tertiary", onClick: intIoRefOnClick }, h("span", null, "Kenmerken en kaart"), h("dso-icon", { icon: "label" })))), h("span", { role: "paragraph" }, "Offici\u00EBle publicaties:", " ", h("a", { target: "_blank", rel: "noopener noreferrer", href: href !== null && href !== void 0 ? href : undefined, title: "Opent andere website in nieuw tabblad" }, h("span", null, mapNodeToJsx(node.childNodes)), h("dso-icon", { icon: "external-link" }))))));
     }
 }
 
@@ -1006,8 +1006,8 @@ class OzonContentTextNode {
     constructor() {
         this.name = "#text";
     }
-    render({ textContent }, { mark, emitMarkItemHighlight }) {
-        if (!mark || !textContent) {
+    render({ textContent }, { mark, emitMarkItemHighlight }, ignoreMark) {
+        if (ignoreMark || !mark || !textContent) {
             return h(Fragment, null, textContent);
         }
         return h(MarkText, { mark: mark, text: textContent, emitMarkItemHighlight: emitMarkItemHighlight });
@@ -1067,13 +1067,13 @@ class Mapper {
             return m.name === name;
         })) !== null && _a !== void 0 ? _a : this.fallbackNode);
     }
-    mapNodeToJsx(node, context, path) {
+    mapNodeToJsx(node, context, path, ignoreMark) {
         var _a;
         if (node instanceof NodeList) {
-            return h(Fragment, null, Array.from(node).map((n) => this.mapNodeToJsx(n, context, path)));
+            return h(Fragment, null, Array.from(node).map((n) => this.mapNodeToJsx(n, context, path, ignoreMark)));
         }
         if (Array.isArray(node)) {
-            return h(Fragment, null, node.map((n) => this.mapNodeToJsx(n, context, path)));
+            return h(Fragment, null, node.map((n) => this.mapNodeToJsx(n, context, path, ignoreMark)));
         }
         const nodeName = getNodeName(node);
         const mapper = this.findMapper(nodeName);
@@ -1086,7 +1086,7 @@ class Mapper {
         return mapper.render(node, {
             inline: context.inline,
             mark: context.mark,
-            mapNodeToJsx: (n) => this.mapNodeToJsx(n, context, [...path, node]),
+            mapNodeToJsx: (n, m) => this.mapNodeToJsx(n, context, [...path, node], m),
             emitClick: context.emitClick,
             setState,
             emitMarkItemHighlight: context.emitMarkItemHighlight,
@@ -1094,7 +1094,8 @@ class Mapper {
             path,
             urlResolver: context.urlResolver,
             begripResolver: context.begripResolver,
-        });
+            annotated: context.annotated,
+        }, ignoreMark);
     }
     transform(input, context) {
         if (!input) {
@@ -1168,10 +1169,6 @@ label.dso-primary {
   background-color: var(--_dso-button-primary-background-color, #39870c);
   border-color: var(--_dso-button-primary-border-color, #39870c);
   color: var(--_dso-button-primary-color, #fff);
-}
-a.dso-primary,
-button.dso-primary,
-label.dso-primary {
   border-width: 1px;
   border-style: solid;
   border-radius: 4px;
@@ -1373,10 +1370,6 @@ label.dso-secondary {
   background-color: var(--_dso-button-secondary-background-color, #fff);
   border-color: var(--_dso-button-secondary-border-color, #39870c);
   color: var(--_dso-button-secondary-color, #39870c);
-}
-a.dso-secondary,
-button.dso-secondary,
-label.dso-secondary {
   border-width: 1px;
   border-style: solid;
   border-radius: 4px;
@@ -1812,10 +1805,6 @@ label.dso-map {
   background-color: var(--_dso-button-secondary-background-color, #fff);
   border-color: var(--_dso-button-secondary-border-color, #39870c);
   color: var(--_dso-button-secondary-color, #39870c);
-}
-a.dso-map,
-button.dso-map,
-label.dso-map {
   border-width: 1px;
   border-style: solid;
   border-radius: 4px;
@@ -2822,12 +2811,6 @@ table.editaction-add {
   --_dso-icon-button-tertiary-disabled-color: #999;
   background-color: #e4f1d4;
   color: #191919;
-}
-p.editaction-add,
-span[role=paragraph].editaction-add,
-.dso-ozon-lijst.editaction-add,
-.dso-ozon-lijst > ul > li.editaction-add,
-table.editaction-add {
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
   --_dso-ozon-content-toggletip-color: colors.$zwart;
 }
@@ -2883,12 +2866,6 @@ table.editaction-remove {
   --_dso-icon-button-tertiary-disabled-color: #999;
   background-color: #f5d8dc;
   color: #191919;
-}
-p.editaction-remove,
-span[role=paragraph].editaction-remove,
-.dso-ozon-lijst.editaction-remove,
-.dso-ozon-lijst > ul > li.editaction-remove,
-table.editaction-remove {
   --_dso-ozon-content-toggletip-color: colors.$zwart;
   text-decoration: line-through;
   --_dso-ozon-content-toggletip-text-decoration: underline line-through;
@@ -2934,8 +2911,6 @@ ins.new-text {
   --_dso-icon-button-tertiary-disabled-color: #999;
   background-color: #e4f1d4;
   color: #191919;
-}
-ins.new-text {
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
   --_dso-ozon-content-toggletip-color: colors.$zwart;
 }
@@ -2943,8 +2918,6 @@ ins.editaction-add {
   display: inline-block;
   margin-block-end: 8px;
   padding: 8px;
-}
-ins.editaction-add {
   --_dso-alert-success-border-color: #39870c;
   --_dso-alert-error-border-color: #ce3f51;
   --_dso-alert-info-border-color: #6ca4d9;
@@ -2972,8 +2945,6 @@ ins.editaction-add {
   --_dso-icon-button-tertiary-disabled-color: #999;
   background-color: #e4f1d4;
   color: #191919;
-}
-ins.editaction-add {
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
   --_dso-ozon-content-toggletip-color: colors.$zwart;
 }
@@ -3009,8 +2980,6 @@ del.removed-text {
   --_dso-icon-button-tertiary-disabled-color: #999;
   background-color: #f5d8dc;
   color: #191919;
-}
-del.removed-text {
   --_dso-ozon-content-toggletip-color: colors.$zwart;
   text-decoration: line-through;
   --_dso-ozon-content-toggletip-text-decoration: underline line-through;
@@ -3024,8 +2993,6 @@ del.editaction-remove {
   display: inline-block;
   margin-block-end: 8px;
   padding: 8px;
-}
-del.editaction-remove {
   --_dso-alert-success-border-color: #39870c;
   --_dso-alert-error-border-color: #ce3f51;
   --_dso-alert-info-border-color: #6ca4d9;
@@ -3053,8 +3020,6 @@ del.editaction-remove {
   --_dso-icon-button-tertiary-disabled-color: #999;
   background-color: #f5d8dc;
   color: #191919;
-}
-del.editaction-remove {
   --_dso-ozon-content-toggletip-color: colors.$zwart;
   text-decoration: line-through;
   --_dso-ozon-content-toggletip-text-decoration: underline line-through;
@@ -3155,8 +3120,6 @@ del.editaction-remove p:last-child {
   --_dso-icon-button-tertiary-disabled-color: #999;
   background-color: #f5d8dc;
   color: #191919;
-}
-.subtitel:has(del:not(.removed-text)) {
   --_dso-ozon-content-toggletip-color: colors.$zwart;
   text-decoration: line-through;
   --_dso-ozon-content-toggletip-text-decoration: underline line-through;
@@ -3168,8 +3131,6 @@ del.editaction-remove p:last-child {
 }
 .subtitel:has(ins:not(.new-text)) {
   text-decoration: none;
-}
-.subtitel:has(ins:not(.new-text)) {
   --_dso-alert-success-border-color: #39870c;
   --_dso-alert-error-border-color: #ce3f51;
   --_dso-alert-info-border-color: #6ca4d9;
@@ -3197,8 +3158,6 @@ del.editaction-remove p:last-child {
   --_dso-icon-button-tertiary-disabled-color: #999;
   background-color: #e4f1d4;
   color: #191919;
-}
-.subtitel:has(ins:not(.new-text)) {
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
   --_dso-ozon-content-toggletip-color: colors.$zwart;
 }
@@ -3235,8 +3194,6 @@ td.editaction-remove {
   --_dso-icon-button-tertiary-disabled-color: #999;
   background-color: #f5d8dc;
   color: #191919;
-}
-td.editaction-remove {
   --_dso-ozon-content-toggletip-color: colors.$zwart;
   text-decoration: line-through;
   --_dso-ozon-content-toggletip-text-decoration: underline line-through;
@@ -3274,8 +3231,6 @@ td.editaction-add {
   --_dso-icon-button-tertiary-disabled-color: #999;
   background-color: #e4f1d4;
   color: #191919;
-}
-td.editaction-add {
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
   --_dso-ozon-content-toggletip-color: colors.$zwart;
 }
@@ -3308,8 +3263,6 @@ td.editaction-add {
   --_dso-icon-button-tertiary-disabled-color: #999;
   background-color: #e4f1d4;
   color: #191919;
-}
-.begrippenlijst .editaction-add {
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
   --_dso-ozon-content-toggletip-color: colors.$zwart;
 }
@@ -3341,8 +3294,6 @@ td.editaction-add {
   --_dso-icon-button-tertiary-disabled-color: #999;
   background-color: #f5d8dc;
   color: #191919;
-}
-.begrippenlijst .editaction-remove {
   --_dso-ozon-content-toggletip-color: colors.$zwart;
   text-decoration: line-through;
   --_dso-ozon-content-toggletip-text-decoration: underline line-through;
@@ -3369,8 +3320,6 @@ td.editaction-add {
 
 .kop ins {
   text-decoration: none;
-}
-.kop ins {
   --_dso-alert-success-border-color: #39870c;
   --_dso-alert-error-border-color: #ce3f51;
   --_dso-alert-info-border-color: #6ca4d9;
@@ -3398,8 +3347,6 @@ td.editaction-add {
   --_dso-icon-button-tertiary-disabled-color: #999;
   background-color: #e4f1d4;
   color: #191919;
-}
-.kop ins {
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
   --_dso-ozon-content-toggletip-color: colors.$zwart;
 }
@@ -3431,8 +3378,6 @@ td.editaction-add {
   --_dso-icon-button-tertiary-disabled-color: #999;
   background-color: #f5d8dc;
   color: #191919;
-}
-.kop del {
   --_dso-ozon-content-toggletip-color: colors.$zwart;
   text-decoration: line-through;
   --_dso-ozon-content-toggletip-text-decoration: underline line-through;
@@ -3457,6 +3402,11 @@ const OzonContent = /*@__PURE__*/ proxyCustomElement(class OzonContent extends H
          * Setting this property creates dso-ozon-content as inline element instead of a block element.
          */
         this.inline = false;
+        /**
+         * Boolean indicating that this dso-ozon-content is part of an annotated context. If true the content of the
+         * toggletip for "IntIoRef" will show a "Kenmerken en kaart" annotation button.
+         */
+        this.annotated = false;
         this.state = {};
         this.handleMarkItemHighlight = (text, elementRef) => {
             this.dsoOzonContentMarkItemHighlight.emit({ text, elementRef });
@@ -3475,9 +3425,10 @@ const OzonContent = /*@__PURE__*/ proxyCustomElement(class OzonContent extends H
             emitClick: this.dsoClick.emit,
             urlResolver: this.urlResolver,
             begripResolver: this.begripResolver,
+            annotated: this.annotated,
         };
         const transformed = mapper.transform(this.content, context);
-        return h(Fragment, { key: '92378648257fba09ed3be50bbbaef24d1340d370' }, transformed);
+        return h(Fragment, { key: '71bf1fc9de6ed6e967c1344f904be839d0f7e87d' }, transformed);
     }
     static get watchers() { return {
         "content": ["contentWatcher"]
@@ -3489,6 +3440,7 @@ const OzonContent = /*@__PURE__*/ proxyCustomElement(class OzonContent extends H
         "mark": [16],
         "urlResolver": [16],
         "begripResolver": [16],
+        "annotated": [516],
         "state": [32]
     }, undefined, {
         "content": ["contentWatcher"]
@@ -3538,6 +3490,6 @@ function defineCustomElement() {
 }
 
 export { MarkText as M, OzonContent as O, parseWijzigactieFromNode as a, commonjsGlobal as c, defineCustomElement as d, getDefaultExportFromCjs as g, parseXml as p };
-//# sourceMappingURL=p-D8wuhYXU.js.map
+//# sourceMappingURL=p-Dxf0wJyw.js.map
 
-//# sourceMappingURL=p-D8wuhYXU.js.map
+//# sourceMappingURL=p-Dxf0wJyw.js.map