@dso-toolkit/core 102.0.0 → 104.0.0

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

@@ -1,5 +1,6 @@
 import { h } from "@stencil/core";
 import { WrapWijzigactie, } from "../../../functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component";
+import { getEIdFromNode } from "../functions/get-eid-from-node.function";
 import { parseWijzigactieFromNode } from "../functions/parse-wijzigactie-from-node.function";
 import { wijzigactieToClassName } from "../functions/wijzigactie-to-class-name.function";
 import { getNodeName } from "../get-node-name.function";
@@ -25,6 +26,6 @@ export class OzonContentBegripNode {
         const childNodes = Array.from(node.childNodes);
         const terms = childNodes.filter((n) => getNodeName(n) === "Term");
         const definitions = childNodes.filter((n) => getNodeName(n) === "Definitie");
-        return (h("div", { class: className }, terms.map((term) => (h(Term, { node: term, begripWijzigactie: wijzigactie, mapNodeToJsx: mapNodeToJsx }))), definitions.map((definition) => (h(Definitie, { node: definition, begripWijzigactie: wijzigactie, mapNodeToJsx: mapNodeToJsx })))));
+        return (h("div", { id: getEIdFromNode(node), class: className }, terms.map((term) => (h(Term, { node: term, begripWijzigactie: wijzigactie, mapNodeToJsx: mapNodeToJsx }))), definitions.map((definition) => (h(Definitie, { node: definition, begripWijzigactie: wijzigactie, mapNodeToJsx: mapNodeToJsx })))));
     }
 }

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

@@ -1,5 +1,6 @@
 import { h } from "@stencil/core";
 import { WrapWijzigactie } from "../../../functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component";
+import { getEIdFromNode } from "../functions/get-eid-from-node.function";
 import { parseWijzigactieFromNode } from "../functions/parse-wijzigactie-from-node.function";
 import { wijzigactieToClassName } from "../functions/wijzigactie-to-class-name.function";
 export class OzonContentBegrippenlijstNode {
@@ -10,6 +11,6 @@ export class OzonContentBegrippenlijstNode {
         const content = mapNodeToJsx(node.childNodes);
         const wijzigactie = parseWijzigactieFromNode(node);
         const className = wijzigactieToClassName(wijzigactie);
-        return (h("div", { class: "begrippenlijst" }, h(WrapWijzigactie, { wijzigactie: wijzigactie }, h("dl", { class: className }, content))));
+        return (h("div", { id: getEIdFromNode(node), class: "begrippenlijst" }, h(WrapWijzigactie, { wijzigactie: wijzigactie }, h("dl", { class: className }, content))));
     }
 }

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

@@ -1,6 +1,7 @@
 import { h } from "@stencil/core";
 import kebabCase from "lodash.kebabcase";
 import { isModifiedEvent } from "../../../utils/is-modified-event";
+import { getEIdFromNode } from "../functions/get-eid-from-node.function";
 export class OzonContentExtRefNode {
     constructor() {
         this.name = ["ExtRef", "ExtIoRef"];
@@ -22,6 +23,6 @@ export class OzonContentExtRefNode {
                 href: href ?? undefined,
             });
         };
-        return (h("a", { target: "_blank", rel: "noopener noreferrer", href: href ?? undefined, class: className, title: "Opent andere website in nieuw tabblad", onClick: handleExtRefClick }, h("span", null, mapNodeToJsx(node.childNodes)), h("dso-icon", { icon: "external-link" })));
+        return (h("a", { id: getEIdFromNode(node), target: "_blank", rel: "noopener noreferrer", href: href ?? undefined, class: className, title: "Opent andere website in nieuw tabblad", onClick: handleExtRefClick }, h("span", null, mapNodeToJsx(node.childNodes)), h("dso-icon", { icon: "external-link" })));
     }
 }

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

@@ -1,4 +1,5 @@
 import { h } from "@stencil/core";
+import { getEIdFromNode } from "../functions/get-eid-from-node.function";
 import { getNodeName } from "../get-node-name.function";
 export class OzonContentFallbackNode {
     constructor() {
@@ -6,6 +7,6 @@ export class OzonContentFallbackNode {
         this.name = ["<fallback>"];
     }
     render(node, { mapNodeToJsx }, ignoreMark) {
-        return h("span", { class: `fallback od-${getNodeName(node)}` }, mapNodeToJsx(node.childNodes, ignoreMark));
+        return (h("span", { id: getEIdFromNode(node), class: `fallback od-${getNodeName(node)}` }, mapNodeToJsx(node.childNodes, ignoreMark)));
     }
 }

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

@@ -1,4 +1,5 @@
 import { Fragment, h } from "@stencil/core";
+import { getEIdFromNode } from "../functions/get-eid-from-node.function";
 import { getNodeName } from "../get-node-name.function";
 const Bijschrift = ({ bijschrift, bron, mapNodeToJsx, ignoreMark }) => {
     const bronText = bron && bron.textContent?.trim();
@@ -53,7 +54,7 @@ export 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?.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 ?? undefined, alt: illustratie.alt ?? titel?.textContent ?? illustratie.naam ?? undefined }), (bijschrift || bron) && (h("div", { slot: "bijschrift" }, h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx, ignoreMark: true })))), (bijschrift?.locatie === "onder" || (!bijschrift && bron)) && (h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx }))));
+            return (h("div", { id: getEIdFromNode(node), class: `dso-ozon-figuur ${bijschrift ? `bijschrift-${bijschrift.locatie}` : "onder"}`, style: this.getStyle(illustratie) }, titel && h("span", { class: "figuur-titel" }, mapNodeToJsx(titel)), 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 ?? undefined, alt: illustratie.alt ?? titel?.textContent ?? illustratie.naam ?? undefined }), (bijschrift || bron) && (h("div", { slot: "bijschrift" }, h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx, ignoreMark: true })))), (bijschrift?.locatie === "onder" || (!bijschrift && bron)) && (h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx }))));
         }
     }
 }

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

@@ -1,6 +1,7 @@
 import { h } from "@stencil/core";
 import { clsx } from "clsx";
 import { WrapWijzigactie } from "../../../functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component";
+import { getEIdFromNode } from "../functions/get-eid-from-node.function";
 import { parseWijzigactieFromNode } from "../functions/parse-wijzigactie-from-node.function";
 import { wijzigactieToClassName } from "../functions/wijzigactie-to-class-name.function";
 import { getNodeName } from "../get-node-name.function";
@@ -15,11 +16,11 @@ export 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 (h(WrapWijzigactie, { wijzigactie: wijzigactie }, h("div", { class: clsx("dso-ozon-lijst od-Lijst", wijzigactieToClassName(wijzigactie)) }, aanhef && mapNodeToJsx(aanhef), h("ul", { class: type }, listItems.map((item) => {
+        return (h(WrapWijzigactie, { wijzigactie: wijzigactie }, h("div", { id: getEIdFromNode(node), class: clsx("dso-ozon-lijst od-Lijst", wijzigactieToClassName(wijzigactie)) }, aanhef && mapNodeToJsx(aanhef), 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(item);
-            return (h("li", { class: clsx("od-Li", wijzigactieToClassName(liWijzigactie)) }, liNummer && h("span", { class: "od-LiNummer" }, mapNodeToJsx(liNummer)), h(WrapWijzigactie, { wijzigactie: liWijzigactie }, mapNodeToJsx(itemNodes.filter((n) => getNodeName(n) !== "LiNummer")))));
+            return (h("li", { id: getEIdFromNode(item), class: clsx("od-Li", wijzigactieToClassName(liWijzigactie)) }, liNummer && h("span", { class: "od-LiNummer" }, mapNodeToJsx(liNummer)), h(WrapWijzigactie, { wijzigactie: liWijzigactie }, mapNodeToJsx(itemNodes.filter((n) => getNodeName(n) !== "LiNummer")))));
         })), sluiting && mapNodeToJsx(sluiting))));
     }
 }

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

@@ -1,6 +1,7 @@
 import { h } from "@stencil/core";
 import { clsx } from "clsx";
 import { v4 as uuidv4 } from "uuid";
+import { getEIdFromNode } from "../../functions/get-eid-from-node.function";
 import { getNodeName } from "../../get-node-name.function";
 import { mapColspecs } from "./colspec/colspec-mapper";
 import { Colgroup } from "./table-colgroup";
@@ -27,7 +28,7 @@ export class OzonContentTableNode {
     render(node, context) {
         const { caption, colspecs, headRows, bodyRows, wijzigactie, frame } = mapData(node);
         const bron = Array.from(node.childNodes).find((n) => getNodeName(n) === "Bron");
-        return (h("dso-table", null, h("table", { class: clsx("table", {
+        return (h("dso-table", { id: getEIdFromNode(node) }, h("table", { class: clsx("table", {
                 "editaction-add": wijzigactie === "voegtoe",
                 "editaction-remove": wijzigactie === "verwijder",
                 [`dso-table-outside-lines-${frame}`]: frame,