npm - @dso-toolkit/core - Versions diffs - 80.0.0 → 81.1.0 - Mend

@dso-toolkit/core 80.0.0 → 81.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (662) hide show

package/dist/collection/components/mark-bar/mark-bar.js CHANGED Viewed

@@ -42,7 +42,7 @@ export class MarkBar {
     render() {
         const current = this.current || 0;
         const totalCount = this.totalCount || 0;
-        return (h("div", { key: '7524d95167087c5bc8d8422f61342e18d557928d', class: "dso-mark-bar" }, h("div", { key: '070d9c6e249d092396f8490a646eed354eef4085', class: "dso-mark-bar-input" }, h("input", { key: '2d04e65225ef386e2b2f1da9ea5b49c790bc6935', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: 'cd9ceaaa1588854ff9acee780ad3e5cbec21a042', htmlFor: "search-input" }, h("dso-icon", { key: '39e04611ffa4d34cc5006e3343dfcab487effb28', class: "dso-search-icon", icon: "search" }), h("span", { key: 'ee908ad3d089c2dc87f6fd9b824d7f0b028bda59', class: "label-text" }, this.label)), h("dso-icon-button", { key: '29ccb6ee59663b2b362401143b6737b3e93a4967', icon: "times", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: '2225312304f8e6da25b002f0e478d9bb52566571', class: "dso-button-container" }, h("span", { key: '6c92c8114c21d7ba0fff9823b691bda55a8981bb', class: "divider" }), h("dso-icon-button", { key: '3bc144595cb03249c5ad9da40d4db8feb75537c4', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: '80ea007d94361aad098aecfd1db2f4653d19126b' }, current, "/", totalCount), h("dso-icon-button", { key: 'd51bda40ac64d33912d9d29d3457306617a07765', icon: "chevron-down", variant: "tertiary", label: "Volgend zoekresultaat", onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
+        return (h("div", { key: 'e54c7da22d3337f17613e5e719085d3bf5316082', class: "dso-mark-bar" }, h("div", { key: '307e0f902e416357f1c07fca7a821b81ff85d134', class: "dso-mark-bar-input" }, h("input", { key: '4a14603cc6a6906d1513a92bf1fd6d3959cc3f35', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: '0d5bba8eebba90a9ace3734e95a7c11095c538d9', htmlFor: "search-input" }, h("dso-icon", { key: '4d4148c8c81e0b498a392aacc8d73abd51fa0b80', class: "dso-search-icon", icon: "search" }), h("span", { key: 'f66ecd32f667916908f46bdeaa614d96f49cc381', class: "label-text" }, this.label)), h("dso-icon-button", { key: '6dcece65cbbb3a987209c5249a92e2ab5f7bd43e', icon: "times", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: '55e6e5962851773657ffbc632f79ec9184002db3', class: "dso-button-container" }, h("span", { key: '723965736ff9af612effa22520936f0007aa10cb', class: "divider" }), h("dso-icon-button", { key: 'c821f6334ed0d7b6425f843a93bed17ce885b3ec', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: '113ce92b9501ec203c1101a11f8cdc82c11dc4a0' }, current, "/", totalCount), h("dso-icon-button", { key: 'b08fb394190aae89f4a1e2390f1e318d5d42cf3b', icon: "chevron-down", variant: "tertiary", label: "Volgend zoekresultaat", onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
     }
     static get is() { return "dso-mark-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modal/modal.js CHANGED Viewed

@@ -65,7 +65,7 @@ export class Modal {
     }
     render() {
         var _a;
-        return (h("dialog", { key: 'de1737260a980f446d06374029b9706ca2484a8c', class: "dso-modal", role: (_a = this.dialogRole) !== null && _a !== void 0 ? _a : undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onClick: (e) => this.handleDialogClick(e), onKeyDown: (e) => this.blockEscapeKey(e) }, h("div", { key: 'bd24834f32196c0776560ad328d3a1da477b6a1d', class: "dso-dialog", role: "document" }, this.modalTitle ? (h("div", { class: "dso-header" }, h("h2", { id: this.ariaId }, this.modalTitle), this.closable && (h("dso-icon-button", { id: "close-modal", icon: "times", variant: "tertiary", label: this.text("close"), onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) })))) : (h("span", { class: "sr-only", id: this.ariaId }, this.text("dialog"))), h("dso-scrollable", { key: 'ad44ea43206fbbec83bd869a6ea2908594f2da3b' }, h("div", { key: 'c66ef72ed44dd5f9ae430ed127c7f0abbc645dc3', class: "dso-body", tabIndex: 0 }, h("slot", { key: '46a6c88d08d803b4dac2a717e97bc61d093b1d1d', name: "body" }))), this.hasFooter && (h("div", { key: 'fdce7c7c4c544caf56b5cc5633d2274d74f6624f', class: "dso-footer" }, h("slot", { key: 'cfe41eb2402d36cf717c537bd155e1d2417e28df', name: "footer" }))))));
+        return (h("dialog", { key: '3132ce793e30baf922eaab1bda9c42dbcf8681c0', class: "dso-modal", role: (_a = this.dialogRole) !== null && _a !== void 0 ? _a : undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onClick: (e) => this.handleDialogClick(e), onKeyDown: (e) => this.blockEscapeKey(e) }, h("div", { key: '82d84e9c4655df5d8e193da4d9f58bd8613dba2a', class: "dso-dialog", role: "document" }, this.modalTitle ? (h("div", { class: "dso-header" }, h("h2", { id: this.ariaId }, this.modalTitle), this.closable && (h("dso-icon-button", { id: "close-modal", icon: "times", variant: "tertiary", label: this.text("close"), onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) })))) : (h("span", { class: "sr-only", id: this.ariaId }, this.text("dialog"))), h("dso-scrollable", { key: '4d96da22636c64a50b80dd391cbc8be460df5c5c' }, h("div", { key: '85b9efb3648158e13ed13ffab451433b247d3a91', class: "dso-body", tabIndex: 0 }, h("slot", { key: '467e8fed6481c2575acdac13bcd353cb13271533', name: "body" }))), this.hasFooter && (h("div", { key: '5cbc2000364edbab958f2b1299ea20dd5d734dfe', class: "dso-footer" }, h("slot", { key: '7422926e5e4422044db2606cd60bb20af23b0a89', name: "footer" }))))));
     }
     static get is() { return "dso-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/onboarding-tip/onboarding-tip.js CHANGED Viewed

@@ -38,7 +38,7 @@ export class OnboardingTip {
         this.cleanUp = undefined;
     }
     render() {
-        return (h(Host, { key: 'c8639f6cb933ffaeee99bb60690c345f5f23980d', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: '9db53c2f3220584e349ab63815d3bee8a29a1047', class: "onboarding-tip", role: "tooltip" }, h("div", { key: '1d9757090851d54afe53f0b845f771190a4d5229', class: "onboarding-tip-inner" }, h("div", { key: '10d3c7714505c0cb86a876bc4e135b1ba3f18288', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: 'f67ea4caa88837b5a83c23b01b2da605ca576d64', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: '30f9e1edd995e2df9d0d96e89125f215a5e9e94f', icon: "light-bulb" }), h("slot", { key: '11df6fa2d4d57eec21305dacc92b2c8659277697', name: "heading" }))), h("dso-icon-button", { key: '5c739c4472cf3ae4884dfe354ba7c377ffebce93', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "times", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: 'c078afed2b9cbe7b7ea5b34c44800b37357905d7' }))), h("div", { key: '162158dac5546d0e293b97cb88a039e56393170d', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
+        return (h(Host, { key: 'a603e7fefe4391ac0b30f05b942ee99baf258db4', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: '8666aef064552437ef484d5ec80cb8d07522bd90', class: "onboarding-tip", role: "tooltip" }, h("div", { key: '48570020dd7d6acb87730ffe208cf1bede7719ca', class: "onboarding-tip-inner" }, h("div", { key: 'cd18645655ee93588daceabf150a73c08370ed0e', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: 'fbc8b73c9705b49bb1ef04de470509c72a072ba7', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: '3df4a752374281d1eb553dc5fb00920047cb5af0', icon: "light-bulb" }), h("slot", { key: 'f8dc8acb29b2c6b2fc1c26429bd3f11d8689c54a', name: "heading" }))), h("dso-icon-button", { key: '82bdc831b1e3dfa507b65c1a834ca8e70ab34566', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "times", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: '97cef8fa0655769837ecdc636b2360bf6facdc7d' }))), h("div", { key: '90a9888aa1aedc4c3c259873c10a5ead5734f5e5', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
     }
     get headingSlottedElement() {
         return this.host.querySelector("[slot='heading']");

package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.css ADDED Viewed

@@ -0,0 +1,108 @@
+*,
+*::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;
+}
+.dso-tooltip {
+  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;
+}
+.dso-tooltip.visible {
+  opacity: 1;
+  visibility: visible;
+}
+.dso-tooltip .tooltip-inner {
+  --_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;
+}
+.dso-tooltip .tooltip-inner {
+  font-family: Asap, sans-serif;
+  font-size: 1rem;
+  font-weight: normal;
+  padding-block: 8px;
+  padding-inline: 16px;
+  border-radius: 4px;
+  line-height: 1.5;
+  max-inline-size: 480px;
+}
+.dso-tooltip .tooltip-arrow {
+  --_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;
+}
+.dso-tooltip .tooltip-arrow {
+  position: absolute;
+  border-start-start-radius: 4px;
+  block-size: 10px;
+  inline-size: 10px;
+  pointer-events: none;
+  z-index: -1;
+}
+:host {
+  display: inline-block;
+  --_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;
+}
+.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;
+}
+.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;
+}

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

@@ -0,0 +1,109 @@
+import { Fragment, h } from "@stencil/core";
+import { positionTooltip } from "../../../../functional-components/tooltip/position-tooltip.function";
+import { Tooltip } from "../../../../functional-components/tooltip/tooltip.functional-component";
+export class ozonContentToggletip {
+    constructor() {
+        this.active = false;
+        this.showToggletip = false;
+        this.click = () => {
+            if (this.active) {
+                this.close();
+            }
+            else {
+                this.open();
+            }
+        };
+        this.open = () => {
+            this.active = true;
+            this.host.addEventListener("keydown", this.keyDownListener);
+            this.host.addEventListener("focusout", this.focusOutListener);
+        };
+        this.close = () => {
+            this.host.removeEventListener("focusout", this.focusOutListener);
+            this.host.removeEventListener("keydown", this.keyDownListener);
+            this.active = false;
+        };
+        this.focusOutListener = (event) => {
+            if (!this.host.contains(event.relatedTarget)) {
+                this.close();
+            }
+        };
+        this.keyDownListener = (event) => {
+            if (event.key === "Escape") {
+                this.close();
+            }
+            return;
+        };
+    }
+    componentDidRender() {
+        var _a;
+        if (this.tooltip) {
+            if (this.active && !this.showToggletip) {
+                this.tooltip.showPopover();
+                this.showToggletip = true;
+            }
+            else if (!this.active && this.showToggletip) {
+                (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.hidePopover();
+                this.showToggletip = false;
+            }
+        }
+        let cleanUp;
+        if (this.active && !cleanUp && this.container && this.tooltip && this.tooltipArrow) {
+            cleanUp = positionTooltip({
+                referenceElement: this.container,
+                tipRef: this.tooltip,
+                tipArrowRef: this.tooltipArrow,
+                placementTip: "top",
+            });
+        }
+        if (!this.active && cleanUp) {
+            cleanUp();
+        }
+    }
+    render() {
+        return (h(Fragment, { key: 'c7dc8a6a0186ca608f6575d9cfd6575ecc6a2a28' }, h("button", { key: 'd578a6a422ea0ffad495d19e8f002db7db0ae288', class: "toggletip-button", ref: (element) => (this.container = element), onClick: this.click }, h("slot", { key: '80a5c1a1666faf5b17505c4887315b7a0e293eeb', name: "label" }), h("dso-icon", { key: 'e8e59f74287676ca62822b445d8b9ffa5c001da4', icon: this.icon }), h(Tooltip, { key: 'e53bbfb4069cc3c9a349562e480c727fc1b29655', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, h("slot", { key: '007ccf398abf98cf0f928aecb73e0722378e8381' })))));
+    }
+    static get is() { return "dso-ozon-content-toggletip"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["./ozon-content-toggletip.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ozon-content-toggletip.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "icon": {
+                "type": "string",
+                "attribute": "icon",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The alias of the icon in the button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true
+            }
+        };
+    }
+    static get states() {
+        return {
+            "active": {},
+            "showToggletip": {}
+        };
+    }
+    static get elementRef() { return "host"; }
+}
+//# sourceMappingURL=ozon-content-toggletip.js.map

package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ozon-content-toggletip.js","sourceRoot":"","sources":["../../../../../../src/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, ComponentInterface, Element, Fragment, Prop, State, h } from \"@stencil/core\";\r\n\r\nimport { positionTooltip } from \"../../../../functional-components/tooltip/position-tooltip.function\";\r\nimport { Tooltip } from \"../../../../functional-components/tooltip/tooltip.functional-component\";\r\nimport { TooltipClean } from \"../../../../functional-components/tooltip/tooltip.interfaces\";\r\n\r\n@Component({\r\n tag: \"dso-ozon-content-toggletip\",\r\n styleUrl: \"./ozon-content-toggletip.scss\",\r\n shadow: true,\r\n})\r\nexport class ozonContentToggletip implements ComponentInterface {\r\n @Element()\r\n host!: HTMLDsoOzonContentToggletipElement;\r\n\r\n /**\r\n * The alias of the icon in the button.\r\n */\r\n @Prop({ reflect: true })\r\n icon?: string;\r\n\r\n @State()\r\n active = false;\r\n\r\n @State()\r\n showToggletip = false;\r\n\r\n private container: HTMLButtonElement | undefined;\r\n private tooltip: HTMLElement | undefined;\r\n private tooltipArrow: HTMLElement | undefined;\r\n\r\n private click = () => {\r\n if (this.active) {\r\n this.close();\r\n } else {\r\n this.open();\r\n }\r\n };\r\n\r\n private open = () => {\r\n this.active = true;\r\n this.host.addEventListener(\"keydown\", this.keyDownListener);\r\n this.host.addEventListener(\"focusout\", this.focusOutListener);\r\n };\r\n\r\n private close = () => {\r\n this.host.removeEventListener(\"focusout\", this.focusOutListener);\r\n this.host.removeEventListener(\"keydown\", this.keyDownListener);\r\n this.active = false;\r\n };\r\n\r\n private focusOutListener = (event: FocusEvent) => {\r\n if (!this.host.contains(event.relatedTarget as Node)) {\r\n this.close();\r\n }\r\n };\r\n\r\n private keyDownListener = (event: KeyboardEvent) => {\r\n if (event.key === \"Escape\") {\r\n this.close();\r\n }\r\n\r\n return;\r\n };\r\n\r\n componentDidRender() {\r\n if (this.tooltip) {\r\n if (this.active && !this.showToggletip) {\r\n this.tooltip.showPopover();\r\n this.showToggletip = true;\r\n } else if (!this.active && this.showToggletip) {\r\n this.tooltip?.hidePopover();\r\n this.showToggletip = false;\r\n }\r\n }\r\n\r\n let cleanUp: TooltipClean | undefined;\r\n\r\n if (this.active && !cleanUp && this.container && this.tooltip && this.tooltipArrow) {\r\n cleanUp = positionTooltip({\r\n referenceElement: this.container,\r\n tipRef: this.tooltip,\r\n tipArrowRef: this.tooltipArrow,\r\n placementTip: \"top\",\r\n });\r\n }\r\n\r\n if (!this.active && cleanUp) {\r\n cleanUp();\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <Fragment>\r\n <button class=\"toggletip-button\" ref={(element) => (this.container = element)} onClick={this.click}>\r\n <slot name=\"label\" />\r\n <dso-icon icon={this.icon} />\r\n <Tooltip\r\n visible\r\n onAfterHidden={() => {}}\r\n tipElementRef={(element) => (this.tooltip = element)}\r\n tipArrowElementRef={(element) => (this.tooltipArrow = element)}\r\n >\r\n <slot />\r\n </Tooltip>\r\n </button>\r\n </Fragment>\r\n );\r\n }\r\n}\r\n"]}

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

@@ -0,0 +1,31 @@
+import { h } from "@stencil/core";
+import { WrapWijzigactie } from "../functional-components/wrap-wijzigactie.functional-component";
+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";
+const Term = ({ begripWijzigactie, node, mapNodeToJsx }) => {
+    const content = mapNodeToJsx(node.childNodes);
+    const wijzigactie = parseWijzigactieFromNode(node);
+    const className = wijzigactieToClassName(wijzigactie);
+    return (h("dt", { class: className }, h(WrapWijzigactie, { wijzigactie: begripWijzigactie || wijzigactie }, content)));
+};
+const Definitie = ({ begripWijzigactie, node, mapNodeToJsx }) => {
+    const content = mapNodeToJsx(node.childNodes);
+    const wijzigactie = parseWijzigactieFromNode(node);
+    const className = wijzigactieToClassName(wijzigactie);
+    return (h("dd", { class: className }, h(WrapWijzigactie, { wijzigactie: begripWijzigactie || wijzigactie }, content)));
+};
+export class OzonContentBegripNode {
+    constructor() {
+        this.name = "Begrip";
+    }
+    render(node, { mapNodeToJsx }) {
+        const wijzigactie = parseWijzigactieFromNode(node);
+        const className = wijzigactieToClassName(wijzigactie);
+        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 })))));
+    }
+}
+//# sourceMappingURL=begrip.node.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"begrip.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/begrip.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,CAAC,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,eAAe,EAAE,MAAM,gEAAgE,CAAC;AACjG,OAAO,EAAE,wBAAwB,EAAE,MAAM,mDAAmD,CAAC;AAC7F,OAAO,EAAE,sBAAsB,EAAE,MAAM,iDAAiD,CAAC;AACzF,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAWxD,MAAM,IAAI,GAAqC,CAAC,EAAE,iBAAiB,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE;IAC3F,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC9C,MAAM,WAAW,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,sBAAsB,CAAC,WAAW,CAAC,CAAC;IAEtD,OAAO,CACL,UAAI,KAAK,EAAE,SAAS;QAClB,EAAC,eAAe,IAAC,WAAW,EAAE,iBAAiB,IAAI,WAAW,IAAG,OAAO,CAAmB,CACxF,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAqC,CAAC,EAAE,iBAAiB,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE;IAChG,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC9C,MAAM,WAAW,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,sBAAsB,CAAC,WAAW,CAAC,CAAC;IAEtD,OAAO,CACL,UAAI,KAAK,EAAE,SAAS;QAClB,EAAC,eAAe,IAAC,WAAW,EAAE,iBAAiB,IAAI,WAAW,IAAG,OAAO,CAAmB,CACxF,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,OAAO,qBAAqB;IAAlC;QACE,SAAI,GAAG,QAAQ,CAAC;IAqBlB,CAAC;IAnBC,MAAM,CAAC,IAAa,EAAE,EAAE,YAAY,EAA0B;QAC5D,MAAM,WAAW,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC;QACnD,MAAM,SAAS,GAAG,sBAAsB,CAAC,WAAW,CAAC,CAAC;QAEtD,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC/C,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC;QAClE,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,WAAW,CAAC,CAAC;QAE7E,OAAO,CACL,WAAK,KAAK,EAAE,SAAS;YAClB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,EAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,GAAI,CACjF,CAAC;YACD,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAC/B,EAAC,SAAS,IAAC,IAAI,EAAE,UAAU,EAAE,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,GAAI,CAC5F,CAAC,CACE,CACP,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { FunctionalComponent, JSX, h } from \"@stencil/core\";\r\n\r\nimport { WrapWijzigactie } from \"../functional-components/wrap-wijzigactie.functional-component\";\r\nimport { parseWijzigactieFromNode } from \"../functions/parse-wijzigactie-from-node.function\";\r\nimport { wijzigactieToClassName } from \"../functions/wijzigactie-to-class-name.function\";\r\nimport { getNodeName } from \"../get-node-name.function\";\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\nimport { OzonContentWijzigActie } from \"../ozon-content.interfaces\";\r\n\r\ninterface BegripProps {\r\n begripWijzigactie: OzonContentWijzigActie | undefined;\r\n node: ChildNode;\r\n mapNodeToJsx: (node: Node | NodeList | Node[]) => JSX.Element;\r\n}\r\n\r\nconst Term: FunctionalComponent<BegripProps> = ({ begripWijzigactie, node, mapNodeToJsx }) => {\r\n const content = mapNodeToJsx(node.childNodes);\r\n const wijzigactie = parseWijzigactieFromNode(node);\r\n const className = wijzigactieToClassName(wijzigactie);\r\n\r\n return (\r\n <dt class={className}>\r\n <WrapWijzigactie wijzigactie={begripWijzigactie || wijzigactie}>{content}</WrapWijzigactie>\r\n </dt>\r\n );\r\n};\r\n\r\nconst Definitie: FunctionalComponent<BegripProps> = ({ begripWijzigactie, node, mapNodeToJsx }) => {\r\n const content = mapNodeToJsx(node.childNodes);\r\n const wijzigactie = parseWijzigactieFromNode(node);\r\n const className = wijzigactieToClassName(wijzigactie);\r\n\r\n return (\r\n <dd class={className}>\r\n <WrapWijzigactie wijzigactie={begripWijzigactie || wijzigactie}>{content}</WrapWijzigactie>\r\n </dd>\r\n );\r\n};\r\n\r\nexport class OzonContentBegripNode implements OzonContentNode {\r\n name = \"Begrip\";\r\n\r\n render(node: Element, { mapNodeToJsx }: OzonContentNodeContext) {\r\n const wijzigactie = parseWijzigactieFromNode(node);\r\n const className = wijzigactieToClassName(wijzigactie);\r\n\r\n const childNodes = Array.from(node.childNodes);\r\n const terms = childNodes.filter((n) => getNodeName(n) === \"Term\");\r\n const definitions = childNodes.filter((n) => getNodeName(n) === \"Definitie\");\r\n\r\n return (\r\n <div class={className}>\r\n {terms.map((term) => (\r\n <Term node={term} begripWijzigactie={wijzigactie} mapNodeToJsx={mapNodeToJsx} />\r\n ))}\r\n {definitions.map((definition) => (\r\n <Definitie node={definition} begripWijzigactie={wijzigactie} mapNodeToJsx={mapNodeToJsx} />\r\n ))}\r\n </div>\r\n );\r\n }\r\n}\r\n"]}

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

@@ -0,0 +1,16 @@
+import { h } from "@stencil/core";
+import { WrapWijzigactie } from "../functional-components/wrap-wijzigactie.functional-component";
+import { parseWijzigactieFromNode } from "../functions/parse-wijzigactie-from-node.function";
+import { wijzigactieToClassName } from "../functions/wijzigactie-to-class-name.function";
+export class OzonContentBegrippenlijstNode {
+    constructor() {
+        this.name = "Begrippenlijst";
+    }
+    render(node, { mapNodeToJsx }) {
+        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))));
+    }
+}
+//# sourceMappingURL=begrippenlijst.node.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"begrippenlijst.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/begrippenlijst.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,OAAO,EAAE,eAAe,EAAE,MAAM,gEAAgE,CAAC;AACjG,OAAO,EAAE,wBAAwB,EAAE,MAAM,mDAAmD,CAAC;AAC7F,OAAO,EAAE,sBAAsB,EAAE,MAAM,iDAAiD,CAAC;AAIzF,MAAM,OAAO,6BAA6B;IAA1C;QACE,SAAI,GAAG,gBAAgB,CAAC;IAe1B,CAAC;IAbC,MAAM,CAAC,IAAa,EAAE,EAAE,YAAY,EAA0B;QAC5D,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC9C,MAAM,WAAW,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC;QACnD,MAAM,SAAS,GAAG,sBAAsB,CAAC,WAAW,CAAC,CAAC;QAEtD,OAAO,CACL,WAAK,KAAK,EAAC,gBAAgB;YACzB,EAAC,eAAe,IAAC,WAAW,EAAE,WAAW;gBACvC,UAAI,KAAK,EAAE,SAAS,IAAG,OAAO,CAAM,CACpB,CACd,CACP,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { h } from \"@stencil/core\";\r\n\r\nimport { WrapWijzigactie } from \"../functional-components/wrap-wijzigactie.functional-component\";\r\nimport { parseWijzigactieFromNode } from \"../functions/parse-wijzigactie-from-node.function\";\r\nimport { wijzigactieToClassName } from \"../functions/wijzigactie-to-class-name.function\";\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentBegrippenlijstNode implements OzonContentNode {\r\n name = \"Begrippenlijst\";\r\n\r\n render(node: Element, { mapNodeToJsx }: OzonContentNodeContext) {\r\n const content = mapNodeToJsx(node.childNodes);\r\n const wijzigactie = parseWijzigactieFromNode(node);\r\n const className = wijzigactieToClassName(wijzigactie);\r\n\r\n return (\r\n <div class=\"begrippenlijst\">\r\n <WrapWijzigactie wijzigactie={wijzigactie}>\r\n <dl class={className}>{content}</dl>\r\n </WrapWijzigactie>\r\n </div>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/ozon-content/nodes/int-io-ref.node.js CHANGED Viewed

@@ -1,28 +1,22 @@
-import { h } from "@stencil/core";
+import { Fragment, h } from "@stencil/core";
 export class OzonContentIntIoRefNode {
     constructor() {
         this.name = "IntIoRef";
     }
-    render(node, { mapNodeToJsx, emitAnchorClick }) {
-        const ref = node.getAttribute("ref");
-        if (!ref) {
+    render(node, { mapNodeToJsx, emitClick, urlResolver }) {
+        const value = node.getAttribute("ref");
+        const href = urlResolver ? urlResolver("IntIoRef", "ref", value, node) : value;
+        if (!value) {
             return mapNodeToJsx(node.childNodes);
         }
-        const intRefOnClick = (event) => {
-            event.preventDefault();
-            const target = event.currentTarget;
-            if (!(target instanceof HTMLAnchorElement)) {
-                return;
-            }
-            const { href } = target;
-            emitAnchorClick({
-                node: this.name,
-                href,
-                documentComponent: ref,
+        const intIoRefOnClick = (event) => {
+            emitClick({
+                type: "IntIoRef",
+                node,
                 originalEvent: event,
             });
         };
-        return (h("a", { href: `#${ref}`, onClick: intRefOnClick }, mapNodeToJsx(node.childNodes)));
+        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" }))))));
     }
 }
 //# sourceMappingURL=int-io-ref.node.js.map

package/dist/collection/components/ozon-content/nodes/int-io-ref.node.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"int-io-ref.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/int-io-ref.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;~~AAKlC~~,MAAM,OAAO,uBAAuB;IAApC;QACE,SAAI,GAAG,UAAU,CAAC;~~IAgCpB~~,CAAC;~~IA9BC~~,MAAM,CAAC,IAAa,EAAE,EAAE,YAAY,EAAE,~~eAAe~~,EAA0B;~~QAC7E~~,MAAM,~~GAAG~~,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;~~QACrC~~,IAAI,CAAC,~~GAAG~~,EAAE,CAAC;~~YACT~~,OAAO,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACvC,CAAC;QAED,MAAM,~~aAAa~~,GAAG,CAAC,KAAiB,EAAE,EAAE;~~YAC1C~~,~~KAAK~~,CAAC,~~cAAc~~,EAAE,~~CAAC~~;~~YAEvB~~,~~MAAM~~,~~MAAM~~,~~GAAG~~,KAAK,CAAC,~~aAAa~~,CAAC;~~YACnC~~,IAAI,~~CAAC~~,~~CAAC~~,~~MAAM~~,YAAY,~~iBAAiB~~,CAAC,~~EAAE~~,CAAC~~;gBAC3C~~,~~OAAO~~;~~YACT~~,~~CAAC~~;~~YAED~~,~~MAAM~~,~~EAAE,~~IAAI,~~EAAE~~,~~GAAG~~,~~MAAM~~,~~CAAC;YAExB~~,eAAe,~~CAAC~~;~~gBACd~~,IAAI,~~EAAE~~,~~IAAI~~,~~CAAC~~,~~IAAI;gBACf~~,~~IAAI~~;gBACJ,~~iBAAiB,EAAE,~~GAAG;~~gBACtB~~,~~aAAa~~,~~EAAE~~,~~KAAK;aACrB~~,~~CAAC~~,~~CAAC;QACL~~,~~CAAC~~,~~CAAC;QAEF~~,~~OAAO~~,~~CACL~~,~~SAAG,~~IAAI,EAAE,IAAI,~~GAAG~~,~~EAAE~~,~~EAAE~~,~~OAAO~~,~~EAAE~~,~~aAAa~~,~~IACvC~~,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,~~CAC5B~~,~~CACL~~,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentIntIoRefNode implements OzonContentNode {\r\n name = \"IntIoRef\";\r\n\r\n render(node: Element, { mapNodeToJsx, ~~emitAnchorClick~~ }: OzonContentNodeContext) {\r\n const ~~ref~~ = node.getAttribute(\"ref\");\r\n if (!~~ref~~) {\r\n return mapNodeToJsx(node.childNodes);\r\n }\r\n\r\n const ~~intRefOnClick~~ = (event: MouseEvent) => {\r\n ~~event.preventDefault~~(~~);\~~r\n\r\n ~~const~~ ~~target =~~ event~~.currentTarget;\~~r\n ~~if (!(target instanceof HTMLAnchorElement~~)~~) {\~~r\n ~~return~~;\r\n }\r\n\r\n ~~const~~ { ~~href~~ } = ~~target;\~~r\n\r\n ~~emitAnchorClick({\~~r\n ~~node:~~ ~~this.name,\~~r\n ~~href,\~~r\n ~~documentComponent: ref,\~~r\n ~~originalEvent~~: ~~event,\r~~\n }~~);\~~r\n ~~};\~~r\n\r\n ~~return~~ (\r\n <a href={~~`#${ref~~}`} ~~onClick={intRefOnClick}~~>\r\n {mapNodeToJsx(node.childNodes)}\r\n </a>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"int-io-ref.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/int-io-ref.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAK5C,MAAM,OAAO,uBAAuB;IAApC;QACE,SAAI,GAAG,UAAU,CAAC;IA6CpB,CAAC;IA3CC,MAAM,CAAC,IAAa,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAA0B;QACpF,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACvC,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAE/E,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACvC,CAAC;QAED,MAAM,eAAe,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC5C,SAAS,CAAC;gBACR,IAAI,EAAE,UAAU;gBAChB,IAAI;gBACJ,aAAa,EAAE,KAAK;aACrB,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,OAAO,CACL,EAAC,QAAQ;YACP,kCAA4B,IAAI,EAAC,cAAc;gBAC7C,YAAM,IAAI,EAAC,OAAO,IAAE,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAQ;gBACzD;;oBAC8B,GAAG;oBAC/B,cAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,cAAc,EAAC,OAAO,EAAE,eAAe;wBACjE,qCAA+B;wBAC/B,gBAAU,IAAI,EAAC,OAAO,GAAG,CAClB,CACP;gBACJ;;oBACyB,GAAG;oBAC1B,SACE,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,EACvB,KAAK,EAAC,uCAAuC;wBAE7C,gBAAO,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAQ;wBAC5C,gBAAU,IAAI,EAAC,eAAe,GAAG,CAC/B,CACF,CACuB,CACpB,CACZ,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { Fragment, h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentIntIoRefNode implements OzonContentNode {\r\n name = \"IntIoRef\";\r\n\r\n render(node: Element, { mapNodeToJsx, emitClick, urlResolver }: OzonContentNodeContext) {\r\n const value = node.getAttribute(\"ref\");\r\n const href = urlResolver ? urlResolver(\"IntIoRef\", \"ref\", value, node) : value;\r\n\r\n if (!value) {\r\n return mapNodeToJsx(node.childNodes);\r\n }\r\n\r\n const intIoRefOnClick = (event: MouseEvent) => {\r\n emitClick({\r\n type: \"IntIoRef\",\r\n node,\r\n originalEvent: event,\r\n });\r\n };\r\n\r\n return (\r\n <Fragment>\r\n <dso-ozon-content-toggletip icon=\"map-location\">\r\n <span slot=\"label\">{mapNodeToJsx(node.childNodes)}</span>\r\n <p>\r\n Gebieden op de kaart tonen:{\" \"}\r\n <button type=\"button\" class=\"dso-tertiary\" onClick={intIoRefOnClick}>\r\n <span>Kenmerken en kaart</span>\r\n <dso-icon icon=\"label\" />\r\n </button>\r\n </p>\r\n <p>\r\n Officiële publicaties:{\" \"}\r\n <a\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n href={href ?? undefined}\r\n title=\"Opent andere website in nieuw tabblad\"\r\n >\r\n <span>{mapNodeToJsx(node.childNodes)}</span>\r\n <dso-icon icon=\"external-link\" />\r\n </a>\r\n </p>\r\n </dso-ozon-content-toggletip>\r\n </Fragment>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/ozon-content/nodes/int-ref.node.js CHANGED Viewed

@@ -1,28 +1,28 @@
 import { h } from "@stencil/core";
+import { isModifiedEvent } from "../../../utils/is-modified-event";
+import { parseXml } from "../../../utils/parse-xml";
 export class OzonContentIntRefNode {
     constructor() {
         this.name = "IntRef";
     }
-    render(node, { mapNodeToJsx, emitAnchorClick }) {
-        const ref = node.getAttribute("ref");
-        if (!ref) {
-            return mapNodeToJsx(node.childNodes);
+    render(node, { mapNodeToJsx, emitClick, begripResolver, urlResolver }) {
+        var _a;
+        const scope = node.getAttribute("scope");
+        const value = node.getAttribute("ref");
+        if (scope === "Begrip") {
+            const definitie = (_a = begripResolver === null || begripResolver === void 0 ? void 0 : begripResolver(value, node)) !== null && _a !== void 0 ? _a : value;
+            const definitieNode = typeof definitie === "string" ? parseXml(definitie) : definitie;
+            return (h("dso-ozon-content-toggletip", { icon: "info" }, h("span", { slot: "label" }, mapNodeToJsx(node.childNodes)), definitieNode ? mapNodeToJsx(definitieNode) : null));
         }
-        const intRefOnClick = (event) => {
-            event.preventDefault();
-            const target = event.currentTarget;
-            if (!(target instanceof HTMLAnchorElement)) {
-                return;
-            }
-            const { href } = target;
-            emitAnchorClick({
-                node: this.name,
-                href,
-                documentComponent: ref,
+        const handleIntRefClick = (event) => {
+            emitClick({
+                type: "IntRef",
+                node,
                 originalEvent: event,
+                isModifiedEvent: isModifiedEvent(event),
             });
         };
-        return (h("a", { href: `#${ref}`, onClick: intRefOnClick }, mapNodeToJsx(node.childNodes)));
+        return (h("a", { href: urlResolver === null || urlResolver === void 0 ? void 0 : urlResolver("IntRef", "ref", value, node), onClick: handleIntRefClick }, mapNodeToJsx(node.childNodes)));
     }
 }
 //# sourceMappingURL=int-ref.node.js.map

package/dist/collection/components/ozon-content/nodes/int-ref.node.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"int-ref.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/int-ref.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;~~AAKlC~~,MAAM,OAAO,qBAAqB;IAAlC;QACE,SAAI,GAAG,QAAQ,CAAC;~~IAgClB~~,CAAC;~~IA9BC~~,MAAM,CAAC,IAAa,EAAE,EAAE,YAAY,EAAE,~~eAAe~~,EAA0B~~;QAC7E~~,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;~~QACrC~~,IAAI,~~CAAC~~,~~GAAG~~,EAAE,CAAC;~~YACT~~,~~OAAO~~,~~YAAY~~,~~CAAC~~,IAAI,CAAC,~~UAAU~~,~~CAAC~~,CAAC;~~QACvC~~,~~CAAC;QAED,~~MAAM,aAAa,GAAG,CAAC,~~KAAiB~~,~~EAAE~~,~~EAAE;YAC1C~~,~~KAAK~~,CAAC,~~cAAc~~,~~EAAE~~,CAAC;~~YAEvB~~,~~MAAM~~,MAAM,~~GAAG~~,~~KAAK~~,CAAC,~~aAAa~~,CAAC;~~YACnC~~,~~IAAI~~,CAAC,CAAC,~~MAAM~~,YAAY,~~iBAAiB~~,CAAC,~~EAAE~~,CAAC~~;gBAC3C~~,~~OAAO~~;~~YACT~~,CAAC;~~YAED~~,MAAM,~~EAAE~~,~~IAAI~~,~~EAAE~~,~~GAAG~~,~~MAAM~~,~~CAAC~~;~~YAExB~~,~~eAAe~~,CAAC;~~gBACd~~,IAAI,EAAE,~~IAAI,CAAC,IAAI~~;~~gBACf~~,IAAI;gBACJ,~~iBAAiB~~,EAAE,~~GAAG~~;~~gBACtB~~,~~aAAa~~,EAAE,KAAK;~~aACrB~~,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,OAAO,CACL,SAAG,IAAI,EAAE,~~IAAI~~,~~GAAG~~,EAAE,EAAE,OAAO,EAAE,~~aAAa~~,~~IACvC~~,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAC5B,CACL,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentIntRefNode implements OzonContentNode {\r\n name = \"IntRef\";\r\n\r\n render(node: Element, { mapNodeToJsx, ~~emitAnchorClick~~ }: OzonContentNodeContext) {\r\n const ~~ref~~ = node.getAttribute(\"~~ref~~\");\r\n if ~~(!ref)~~ ~~{\r\n return~~ ~~mapNodeToJsx(~~node.~~childNodes~~);\r\n }\r\n\r\n const ~~intRefOnClick~~ = (~~event:~~ ~~MouseEvent~~) => {\r\n ~~event.preventDefault~~();\r\n\r\n ~~const~~ ~~target~~ = ~~event~~.~~currentTarget;\~~r\n if (~~!(target~~ ~~instanceof~~ ~~HTMLAnchorElement)) {~~\r\n ~~return~~;\r\n }\r\n\r\n const { ~~href~~ } = ~~target;\r~~\n\r\n ~~emitAnchorClick~~({\r\n ~~node~~: ~~this.name~~,\r\n ~~href~~,\r\n ~~documentComponent~~: ~~ref~~,\r\n ~~originalEvent~~: event,\r\n });\r\n };\r\n\r\n return (\r\n <a href={~~`#${~~ref}`} onClick={~~intRefOnClick~~}>\r\n {mapNodeToJsx(node.childNodes)}\r\n </a>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"int-ref.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/int-ref.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAIpD,MAAM,OAAO,qBAAqB;IAAlC;QACE,SAAI,GAAG,QAAQ,CAAC;IAiClB,CAAC;IA/BC,MAAM,CAAC,IAAa,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,WAAW,EAA0B;;QACpG,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACzC,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAEvC,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;YACvB,MAAM,SAAS,GAAG,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,KAAK,EAAE,IAAI,CAAC,mCAAI,KAAK,CAAC;YACzD,MAAM,aAAa,GAAG,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;YAEtF,OAAO,CACL,kCAA4B,IAAI,EAAC,MAAM;gBACrC,YAAM,IAAI,EAAC,OAAO,IAAE,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAQ;gBACxD,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CACxB,CAC9B,CAAC;QACJ,CAAC;QAED,MAAM,iBAAiB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC9C,SAAS,CAAC;gBACR,IAAI,EAAE,QAAQ;gBACd,IAAI;gBACJ,aAAa,EAAE,KAAK;gBACpB,eAAe,EAAE,eAAe,CAAC,KAAK,CAAC;aACxC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,OAAO,CACL,SAAG,IAAI,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,iBAAiB,IAC7E,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAC5B,CACL,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { h } from \"@stencil/core\";\r\n\r\nimport { isModifiedEvent } from \"../../../utils/is-modified-event\";\r\nimport { parseXml } from \"../../../utils/parse-xml\";\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentIntRefNode implements OzonContentNode {\r\n name = \"IntRef\";\r\n\r\n render(node: Element, { mapNodeToJsx, emitClick, begripResolver, urlResolver }: OzonContentNodeContext) {\r\n const scope = node.getAttribute(\"scope\");\r\n const value = node.getAttribute(\"ref\");\r\n\r\n if (scope === \"Begrip\") {\r\n const definitie = begripResolver?.(value, node) ?? value;\r\n const definitieNode = typeof definitie === \"string\" ? parseXml(definitie) : definitie;\r\n\r\n return (\r\n <dso-ozon-content-toggletip icon=\"info\">\r\n <span slot=\"label\">{mapNodeToJsx(node.childNodes)}</span>\r\n {definitieNode ? mapNodeToJsx(definitieNode) : null}\r\n </dso-ozon-content-toggletip>\r\n );\r\n }\r\n\r\n const handleIntRefClick = (event: MouseEvent) => {\r\n emitClick({\r\n type: \"IntRef\",\r\n node,\r\n originalEvent: event,\r\n isModifiedEvent: isModifiedEvent(event),\r\n });\r\n };\r\n\r\n return (\r\n <a href={urlResolver?.(\"IntRef\", \"ref\", value, node)} onClick={handleIntRefClick}>\r\n {mapNodeToJsx(node.childNodes)}\r\n </a>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/ozon-content/nodes/kop.node.js CHANGED Viewed

@@ -26,7 +26,7 @@ export class OzonContentKopNode {
         const wijzigactieLabel = label ? parseWijzigactieFromNode(label) : undefined;
         const wijzigactieNummer = nummer ? parseWijzigactieFromNode(nummer) : undefined;
         const wijzigactieOpschrift = opschrift ? parseWijzigactieFromNode(opschrift) : undefined;
-        return (h(WrapWijzigactie, { wijzigactie: parseWijzigactieFromNode(node) }, h("div", { onClick: handleKopClick, part: "_kop" }, label && h(WrapWijzigactie, { wijzigactie: wijzigactieLabel }, mapNodeToJsx(label.childNodes)), nummer && (h(Fragment, null, " ", h(WrapWijzigactie, { wijzigactie: wijzigactieNummer }, mapNodeToJsx(nummer.childNodes)))), opschrift && (h(Fragment, null, " ", h(WrapWijzigactie, { wijzigactie: wijzigactieOpschrift }, mapNodeToJsx(opschrift.childNodes))))), subtitels.length > 0 && (h("div", { class: "subtitels-container", part: "_subtitels" }, subtitels.map((subtitel) => {
+        return (h(WrapWijzigactie, { wijzigactie: parseWijzigactieFromNode(node) }, h("div", { onClick: handleKopClick, part: "_kop", class: "kop" }, label && h(WrapWijzigactie, { wijzigactie: wijzigactieLabel }, mapNodeToJsx(label.childNodes)), nummer && (h(Fragment, null, " ", h(WrapWijzigactie, { wijzigactie: wijzigactieNummer }, mapNodeToJsx(nummer.childNodes)))), opschrift && (h(Fragment, null, " ", h(WrapWijzigactie, { wijzigactie: wijzigactieOpschrift }, mapNodeToJsx(opschrift.childNodes))))), subtitels.length > 0 && (h("div", { class: "subtitels-container", part: "_subtitels" }, subtitels.map((subtitel) => {
             const wijzigactieSubtitel = parseWijzigactieFromNode(subtitel);
             return (h("div", { class: "subtitel" }, h(WrapWijzigactie, { wijzigactie: wijzigactieSubtitel }, mapNodeToJsx(subtitel.childNodes))));
         })))));

package/dist/collection/components/ozon-content/nodes/kop.node.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"kop.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/kop.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,MAAM,gEAAgE,CAAC;AACjG,OAAO,EAAE,wBAAwB,EAAE,MAAM,mDAAmD,CAAC;AAI7F,SAAS,OAAO,CAAC,IAAa;IAC5B,OAAO;QACL,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;QAClC,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;QACpC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC;QAC1C,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;KACzD,CAAC;AACJ,CAAC;AAED,MAAM,OAAO,kBAAkB;IAA/B;QACE,SAAI,GAAG,KAAK,CAAC;QAEb,YAAO,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC;IAoDzD,CAAC;IAlDC,MAAM,CAAC,IAAa,EAAE,EAAE,YAAY,EAAE,SAAS,EAA0B;QACvE,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC3C,SAAS,CAAC;gBACR,IAAI,EAAE,KAAK;gBACX,IAAI;gBACJ,aAAa,EAAE,KAAK;aACrB,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QAE9D,MAAM,gBAAgB,GAAG,KAAK,CAAC,CAAC,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC7E,MAAM,iBAAiB,GAAG,MAAM,CAAC,CAAC,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAChF,MAAM,oBAAoB,GAAG,SAAS,CAAC,CAAC,CAAC,wBAAwB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAEzF,OAAO,CACL,EAAC,eAAe,IAAC,WAAW,EAAE,wBAAwB,CAAC,IAAI,CAAC;YAC1D,WAAK,OAAO,EAAE,cAAc,EAAE,IAAI,EAAC,MAAM;~~gBACtC~~,KAAK,IAAI,EAAC,eAAe,IAAC,WAAW,EAAE,gBAAgB,IAAG,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,CAAmB;gBAC3G,MAAM,IAAI,CACT;~~oBACG~~,GAAG;oBACJ,EAAC,eAAe,IAAC,WAAW,EAAE,iBAAiB,IAAG,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC,CAAmB,~~CACnG~~,~~CACJ~~;gBACA,SAAS,IAAI,CACZ;~~oBACG~~,GAAG;oBACJ,EAAC,eAAe,IAAC,WAAW,EAAE,oBAAoB,IAAG,YAAY,CAAC,SAAS,CAAC,UAAU,CAAC,CAAmB,~~CACzG~~,~~CACJ~~,CACG;YACL,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,CACvB,WAAK,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,YAAY,IAC/C,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;gBAC1B,MAAM,mBAAmB,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAC;gBAE/D,OAAO,CACL,WAAK,KAAK,EAAC,UAAU;oBACnB,EAAC,eAAe,IAAC,WAAW,EAAE,mBAAmB,IAC9C,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,CAClB,CACd,CACP,CAAC;YACJ,CAAC,CAAC,CACE,CACP,CACe,CACnB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { Fragment, h } from \"@stencil/core\";\r\n\r\nimport { WrapWijzigactie } from \"../functional-components/wrap-wijzigactie.functional-component\";\r\nimport { parseWijzigactieFromNode } from \"../functions/parse-wijzigactie-from-node.function\";\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nfunction mapData(node: Element) {\r\n return {\r\n label: node.querySelector(\"Label\"),\r\n nummer: node.querySelector(\"Nummer\"),\r\n opschrift: node.querySelector(\"Opschrift\"),\r\n subtitels: Array.from(node.querySelectorAll(\"Subtitel\")),\r\n };\r\n}\r\n\r\nexport class OzonContentKopNode implements OzonContentNode {\r\n name = \"Kop\";\r\n\r\n handles = [\"Label\", \"Nummer\", \"Opschrift\", \"Subtitel\"];\r\n\r\n render(node: Element, { mapNodeToJsx, emitClick }: OzonContentNodeContext) {\r\n const handleKopClick = (event: MouseEvent) => {\r\n emitClick({\r\n type: \"Kop\",\r\n node,\r\n originalEvent: event,\r\n });\r\n };\r\n\r\n const { label, nummer, opschrift, subtitels } = mapData(node);\r\n\r\n const wijzigactieLabel = label ? parseWijzigactieFromNode(label) : undefined;\r\n const wijzigactieNummer = nummer ? parseWijzigactieFromNode(nummer) : undefined;\r\n const wijzigactieOpschrift = opschrift ? parseWijzigactieFromNode(opschrift) : undefined;\r\n\r\n return (\r\n <WrapWijzigactie wijzigactie={parseWijzigactieFromNode(node)}>\r\n <div onClick={handleKopClick} part=\"_kop\">\r\n {label && <WrapWijzigactie wijzigactie={wijzigactieLabel}>{mapNodeToJsx(label.childNodes)}</WrapWijzigactie>}\r\n {nummer && (\r\n ~~<>\~~r\n {\" \"}\r\n <WrapWijzigactie wijzigactie={wijzigactieNummer}>{mapNodeToJsx(nummer.childNodes)}</WrapWijzigactie>\r\n ~~</>\~~r\n )}\r\n {opschrift && (\r\n ~~<>\~~r\n {\" \"}\r\n <WrapWijzigactie wijzigactie={wijzigactieOpschrift}>{mapNodeToJsx(opschrift.childNodes)}</WrapWijzigactie>\r\n ~~</>\~~r\n )}\r\n </div>\r\n {subtitels.length > 0 && (\r\n <div class=\"subtitels-container\" part=\"_subtitels\">\r\n {subtitels.map((subtitel) => {\r\n const wijzigactieSubtitel = parseWijzigactieFromNode(subtitel);\r\n\r\n return (\r\n <div class=\"subtitel\">\r\n <WrapWijzigactie wijzigactie={wijzigactieSubtitel}>\r\n {mapNodeToJsx(subtitel.childNodes)}\r\n </WrapWijzigactie>\r\n </div>\r\n );\r\n })}\r\n </div>\r\n )}\r\n </WrapWijzigactie>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"kop.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/kop.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,MAAM,gEAAgE,CAAC;AACjG,OAAO,EAAE,wBAAwB,EAAE,MAAM,mDAAmD,CAAC;AAI7F,SAAS,OAAO,CAAC,IAAa;IAC5B,OAAO;QACL,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;QAClC,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;QACpC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC;QAC1C,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;KACzD,CAAC;AACJ,CAAC;AAED,MAAM,OAAO,kBAAkB;IAA/B;QACE,SAAI,GAAG,KAAK,CAAC;QAEb,YAAO,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC;IAoDzD,CAAC;IAlDC,MAAM,CAAC,IAAa,EAAE,EAAE,YAAY,EAAE,SAAS,EAA0B;QACvE,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC3C,SAAS,CAAC;gBACR,IAAI,EAAE,KAAK;gBACX,IAAI;gBACJ,aAAa,EAAE,KAAK;aACrB,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QAE9D,MAAM,gBAAgB,GAAG,KAAK,CAAC,CAAC,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC7E,MAAM,iBAAiB,GAAG,MAAM,CAAC,CAAC,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAChF,MAAM,oBAAoB,GAAG,SAAS,CAAC,CAAC,CAAC,wBAAwB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAEzF,OAAO,CACL,EAAC,eAAe,IAAC,WAAW,EAAE,wBAAwB,CAAC,IAAI,CAAC;YAC1D,WAAK,OAAO,EAAE,cAAc,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK;gBAClD,KAAK,IAAI,EAAC,eAAe,IAAC,WAAW,EAAE,gBAAgB,IAAG,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,CAAmB;gBAC3G,MAAM,IAAI,CACT,EAAC,QAAQ;oBACN,GAAG;oBACJ,EAAC,eAAe,IAAC,WAAW,EAAE,iBAAiB,IAAG,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC,CAAmB,CAC3F,CACZ;gBACA,SAAS,IAAI,CACZ,EAAC,QAAQ;oBACN,GAAG;oBACJ,EAAC,eAAe,IAAC,WAAW,EAAE,oBAAoB,IAAG,YAAY,CAAC,SAAS,CAAC,UAAU,CAAC,CAAmB,CACjG,CACZ,CACG;YACL,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,CACvB,WAAK,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,YAAY,IAC/C,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;gBAC1B,MAAM,mBAAmB,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAC;gBAE/D,OAAO,CACL,WAAK,KAAK,EAAC,UAAU;oBACnB,EAAC,eAAe,IAAC,WAAW,EAAE,mBAAmB,IAC9C,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,CAClB,CACd,CACP,CAAC;YACJ,CAAC,CAAC,CACE,CACP,CACe,CACnB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { Fragment, h } from \"@stencil/core\";\r\n\r\nimport { WrapWijzigactie } from \"../functional-components/wrap-wijzigactie.functional-component\";\r\nimport { parseWijzigactieFromNode } from \"../functions/parse-wijzigactie-from-node.function\";\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nfunction mapData(node: Element) {\r\n return {\r\n label: node.querySelector(\"Label\"),\r\n nummer: node.querySelector(\"Nummer\"),\r\n opschrift: node.querySelector(\"Opschrift\"),\r\n subtitels: Array.from(node.querySelectorAll(\"Subtitel\")),\r\n };\r\n}\r\n\r\nexport class OzonContentKopNode implements OzonContentNode {\r\n name = \"Kop\";\r\n\r\n handles = [\"Label\", \"Nummer\", \"Opschrift\", \"Subtitel\"];\r\n\r\n render(node: Element, { mapNodeToJsx, emitClick }: OzonContentNodeContext) {\r\n const handleKopClick = (event: MouseEvent) => {\r\n emitClick({\r\n type: \"Kop\",\r\n node,\r\n originalEvent: event,\r\n });\r\n };\r\n\r\n const { label, nummer, opschrift, subtitels } = mapData(node);\r\n\r\n const wijzigactieLabel = label ? parseWijzigactieFromNode(label) : undefined;\r\n const wijzigactieNummer = nummer ? parseWijzigactieFromNode(nummer) : undefined;\r\n const wijzigactieOpschrift = opschrift ? parseWijzigactieFromNode(opschrift) : undefined;\r\n\r\n return (\r\n <WrapWijzigactie wijzigactie={parseWijzigactieFromNode(node)}>\r\n <div onClick={handleKopClick} part=\"_kop\" class=\"kop\">\r\n {label && <WrapWijzigactie wijzigactie={wijzigactieLabel}>{mapNodeToJsx(label.childNodes)}</WrapWijzigactie>}\r\n {nummer && (\r\n <Fragment>\r\n {\" \"}\r\n <WrapWijzigactie wijzigactie={wijzigactieNummer}>{mapNodeToJsx(nummer.childNodes)}</WrapWijzigactie>\r\n </Fragment>\r\n )}\r\n {opschrift && (\r\n <Fragment>\r\n {\" \"}\r\n <WrapWijzigactie wijzigactie={wijzigactieOpschrift}>{mapNodeToJsx(opschrift.childNodes)}</WrapWijzigactie>\r\n </Fragment>\r\n )}\r\n </div>\r\n {subtitels.length > 0 && (\r\n <div class=\"subtitels-container\" part=\"_subtitels\">\r\n {subtitels.map((subtitel) => {\r\n const wijzigactieSubtitel = parseWijzigactieFromNode(subtitel);\r\n\r\n return (\r\n <div class=\"subtitel\">\r\n <WrapWijzigactie wijzigactie={wijzigactieSubtitel}>\r\n {mapNodeToJsx(subtitel.childNodes)}\r\n </WrapWijzigactie>\r\n </div>\r\n );\r\n })}\r\n </div>\r\n )}\r\n </WrapWijzigactie>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/ozon-content/nodes/noot.node.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"noot.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/noot.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAIxD,MAAM,OAAO,mBAAmB;IAAhC;QACE,SAAI,GAAG,MAAM,CAAC;QAEd,YAAO,GAAG,CAAC,YAAY,CAAC,CAAC;IAuC3B,CAAC;IArCC,QAAQ;QACN,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,MAAM,CAAC,IAAa,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAA8C;;QAC7G,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,IAAI,CAAC,CAAC;YAE5C,OAAO,EAAC,QAAQ,OAAG,CAAC;QACtB,CAAC;QAED,MAAM,cAAc,GAAG,iBAAiB,MAAM,EAAE,CAAC;QAEjD,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC/C,MAAM,UAAU,GAAG,MAAA,MAAA,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC,0CAAE,WAAW,mCAAI,MAAM,CAAC;QAElG,OAAO,CACL;~~YACE~~;gBACE,cACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,aAAa,sBACD,cAAc,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,EACrE,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,SAAS,CAAC,mBACpB,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,IAEtD,UAAU,CACJ,CACL;YACN,mBAAa,MAAM,EAAE,UAAU,KAAK,MAAM,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,QAAC,WAAW;gBACnF,YAAM,IAAI,EAAC,SAAS,IAAE,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAQ,CAChF,~~CACb~~,~~CACJ~~,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { Fragment, h } from \"@stencil/core\";\r\n\r\nimport { getNodeName } from \"../get-node-name.function\";\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentNootNode implements OzonContentNode {\r\n name = \"Noot\";\r\n\r\n handles = [\"NootNummer\"];\r\n\r\n identify(): string \| undefined {\r\n return \"Noot\";\r\n }\r\n\r\n render(node: Element, { mapNodeToJsx, state: openNoteId, setState }: OzonContentNodeContext<string \| undefined>) {\r\n const noteId = node.getAttribute(\"id\");\r\n if (!noteId) {\r\n console.error(\"Noot node without id\", node);\r\n\r\n return <Fragment />;\r\n }\r\n\r\n const noteControlsId = `dso-ozon-note-${noteId}`;\r\n\r\n const childNodes = Array.from(node.childNodes);\r\n const nootNummer = childNodes.find((n) => getNodeName(n) === \"NootNummer\")?.textContent ?? noteId;\r\n\r\n return (\r\n ~~<>\~~r\n <sup>\r\n <button\r\n type=\"button\"\r\n class=\"toggle-note\"\r\n aria-describedby={noteControlsId}\r\n onClick={() => setState?.(openNoteId === noteId ? undefined : noteId)}\r\n onBlur={() => setState?.(undefined)}\r\n aria-expanded={openNoteId === noteId ? \"true\" : \"false\"}\r\n >\r\n {nootNummer}\r\n </button>\r\n </sup>\r\n <dso-tooltip active={openNoteId === noteId} id={noteControlsId} stateless descriptive>\r\n <span role=\"section\">{mapNodeToJsx(Array.from(node.querySelectorAll(\":scope > Al\")))}</span>\r\n </dso-tooltip>\r\n ~~</>\~~r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"noot.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/noot.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAIxD,MAAM,OAAO,mBAAmB;IAAhC;QACE,SAAI,GAAG,MAAM,CAAC;QAEd,YAAO,GAAG,CAAC,YAAY,CAAC,CAAC;IAuC3B,CAAC;IArCC,QAAQ;QACN,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,MAAM,CAAC,IAAa,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAA8C;;QAC7G,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,IAAI,CAAC,CAAC;YAE5C,OAAO,EAAC,QAAQ,OAAG,CAAC;QACtB,CAAC;QAED,MAAM,cAAc,GAAG,iBAAiB,MAAM,EAAE,CAAC;QAEjD,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC/C,MAAM,UAAU,GAAG,MAAA,MAAA,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC,0CAAE,WAAW,mCAAI,MAAM,CAAC;QAElG,OAAO,CACL,EAAC,QAAQ;YACP;gBACE,cACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,aAAa,sBACD,cAAc,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,EACrE,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,SAAS,CAAC,mBACpB,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,IAEtD,UAAU,CACJ,CACL;YACN,mBAAa,MAAM,EAAE,UAAU,KAAK,MAAM,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,QAAC,WAAW;gBACnF,YAAM,IAAI,EAAC,SAAS,IAAE,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAQ,CAChF,CACL,CACZ,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { Fragment, h } from \"@stencil/core\";\r\n\r\nimport { getNodeName } from \"../get-node-name.function\";\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentNootNode implements OzonContentNode {\r\n name = \"Noot\";\r\n\r\n handles = [\"NootNummer\"];\r\n\r\n identify(): string \| undefined {\r\n return \"Noot\";\r\n }\r\n\r\n render(node: Element, { mapNodeToJsx, state: openNoteId, setState }: OzonContentNodeContext<string \| undefined>) {\r\n const noteId = node.getAttribute(\"id\");\r\n if (!noteId) {\r\n console.error(\"Noot node without id\", node);\r\n\r\n return <Fragment />;\r\n }\r\n\r\n const noteControlsId = `dso-ozon-note-${noteId}`;\r\n\r\n const childNodes = Array.from(node.childNodes);\r\n const nootNummer = childNodes.find((n) => getNodeName(n) === \"NootNummer\")?.textContent ?? noteId;\r\n\r\n return (\r\n <Fragment>\r\n <sup>\r\n <button\r\n type=\"button\"\r\n class=\"toggle-note\"\r\n aria-describedby={noteControlsId}\r\n onClick={() => setState?.(openNoteId === noteId ? undefined : noteId)}\r\n onBlur={() => setState?.(undefined)}\r\n aria-expanded={openNoteId === noteId ? \"true\" : \"false\"}\r\n >\r\n {nootNummer}\r\n </button>\r\n </sup>\r\n <dso-tooltip active={openNoteId === noteId} id={noteControlsId} stateless descriptive>\r\n <span role=\"section\">{mapNodeToJsx(Array.from(node.querySelectorAll(\":scope > Al\")))}</span>\r\n </dso-tooltip>\r\n </Fragment>\r\n );\r\n }\r\n}\r\n"]}

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

@@ -1,5 +1,7 @@
 import { h } from "@stencil/core/internal";
 import clsx from "clsx";
+import { WrapWijzigactie } from "../../functional-components/wrap-wijzigactie.functional-component";
+import { wijzigactieToClassName } from "../../functions/wijzigactie-to-class-name.function";
 function getColspecStartColsep({ columns }, nameStart) {
     const colspecStart = columns.find((c) => c.name === nameStart);
     return colspecStart ? colspecStart.colsep : null;
@@ -40,8 +42,8 @@ function getColspan({ columns }, nameStart, nameEnd) {
     const colspan = colspecEnd.number - colspecStart.number + 1;
     return colspan === 1 ? undefined : colspan;
 }
-export const Cell = ({ context: { mapNodeToJsx }, colspecs, cell }) => {
+export const Cell = ({ context: { mapNodeToJsx }, colspecs, cell, wijzigactie }) => {
     const { moreRows, nameStart, nameEnd, colsep, rowsep } = getData(cell, colspecs);
-    return (h("td", { class: clsx({ "dso-horizontal-line": rowsep !== "0" }, { "dso-vertical-line": colsep !== "0" }), rowSpan: moreRows ? parseInt(moreRows, 10) + 1 : undefined, colSpan: colspecs && nameStart && nameEnd ? getColspan(colspecs, nameStart, nameEnd) : undefined }, mapNodeToJsx(cell.childNodes)));
+    return (h("td", { class: clsx({ "dso-horizontal-line": rowsep !== "0" }, { "dso-vertical-line": colsep !== "0" }, wijzigactieToClassName(wijzigactie)), rowSpan: moreRows ? parseInt(moreRows, 10) + 1 : undefined, colSpan: colspecs && nameStart && nameEnd ? getColspan(colspecs, nameStart, nameEnd) : undefined }, h(WrapWijzigactie, { wijzigactie: wijzigactie }, mapNodeToJsx(cell.childNodes))));
 };
 //# sourceMappingURL=table-cell.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"table-cell.js","sourceRoot":"","sources":["../../../../../../src/components/ozon-content/nodes/table.node/table-cell.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,wBAAwB,CAAC;AAC3C,OAAO,IAAI,MAAM,MAAM,CAAC;~~AAMxB~~,SAAS,qBAAqB,CAAC,EAAE,OAAO,EAAY,EAAE,SAAiB;IACrE,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC;IAE/D,OAAO,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AACnD,CAAC;AAED,SAAS,qBAAqB,CAAC,EAAE,OAAO,EAAY,EAAE,SAAiB;IACrE,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC;IAE/D,OAAO,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AACnD,CAAC;AAED,SAAS,OAAO,CAAC,IAAa,EAAE,QAAmB;;IACjD,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;IAC9C,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC;IAC/B,MAAM,MAAM,GAAG,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,aAAa,0CAAE,aAAa,CAAC;IACjD,MAAM,KAAK,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,CAAC;IACpC,MAAM,MAAM,GACV,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC;QAC3B,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC3E,CAAC,MAAM,IAAI,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QACzC,CAAC,KAAK,IAAI,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC1C,MAAM,MAAM,GACV,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC;QAC3B,CAAC,GAAG,IAAI,GAAG,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QACnC,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC3E,CAAC,MAAM,IAAI,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QACzC,CAAC,KAAK,IAAI,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE1C,OAAO;QACL,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC;QACvC,SAAS;QACT,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC;QACrC,MAAM;QACN,MAAM;KACP,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,OAAO,EAAY,EAAE,SAAiB,EAAE,OAAe;IAC3E,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC;IAC/D,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC;IAC3D,IAAI,CAAC,YAAY,IAAI,CAAC,UAAU,EAAE,CAAC;QACjC,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;IAE5D,OAAO,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;AAC7C,CAAC;AAED,MAAM,CAAC,MAAM,IAAI,~~GAIZ~~,CAAC,EAAE,OAAO,EAAE,EAAE,YAAY,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE;~~IACrD~~,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAEjF,OAAO,CACL,UACE,KAAK,EAAE,IAAI,~~CAAC~~,EAAE,qBAAqB,EAAE,MAAM,KAAK,GAAG,EAAE,~~EAAE~~,EAAE,mBAAmB,EAAE,MAAM,KAAK,GAAG,EAAE,CAAC,~~EAC/F~~,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,EAC1D,OAAO,EAAE,QAAQ,IAAI,SAAS,IAAI,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,~~IAE/F~~,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,~~CAC3B~~,CACN,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { FunctionalComponent } from \"@stencil/core\";\r\nimport { h } from \"@stencil/core/internal\";\r\nimport clsx from \"clsx\";\r\n\r\nimport { OzonContentNodeContext } from \"../../ozon-content-node-context.interface\";\r\n\r\nimport { Colspecs } from \"./colspec/colspec.interface\";\r\n\r\nfunction getColspecStartColsep({ columns }: Colspecs, nameStart: string): string \| null {\r\n const colspecStart = columns.find((c) => c.name === nameStart);\r\n\r\n return colspecStart ? colspecStart.colsep : null;\r\n}\r\n\r\nfunction getColspecStartRowsep({ columns }: Colspecs, nameStart: string): string \| null {\r\n const colspecStart = columns.find((c) => c.name === nameStart);\r\n\r\n return colspecStart ? colspecStart.rowsep : null;\r\n}\r\n\r\nfunction getData(cell: Element, colspecs?: Colspecs) {\r\n const nameStart = cell.getAttribute(\"namest\");\r\n const row = cell.parentElement;\r\n const tgroup = row?.parentElement?.parentElement;\r\n const table = tgroup?.parentElement;\r\n const colsep =\r\n cell.getAttribute(\"colsep\") \|\|\r\n (colspecs && nameStart ? getColspecStartColsep(colspecs, nameStart) : null) \|\|\r\n (tgroup && tgroup.getAttribute(\"colsep\")) \|\|\r\n (table && table.getAttribute(\"colsep\"));\r\n const rowsep =\r\n cell.getAttribute(\"rowsep\") \|\|\r\n (row && row.getAttribute(\"rowsep\")) \|\|\r\n (colspecs && nameStart ? getColspecStartRowsep(colspecs, nameStart) : null) \|\|\r\n (tgroup && tgroup.getAttribute(\"rowsep\")) \|\|\r\n (table && table.getAttribute(\"rowsep\"));\r\n\r\n return {\r\n moreRows: cell.getAttribute(\"morerows\"),\r\n nameStart,\r\n nameEnd: cell.getAttribute(\"nameend\"),\r\n colsep,\r\n rowsep,\r\n };\r\n}\r\n\r\nfunction getColspan({ columns }: Colspecs, nameStart: string, nameEnd: string): number \| undefined {\r\n const colspecStart = columns.find((c) => c.name === nameStart);\r\n const colspecEnd = columns.find((c) => c.name === nameEnd);\r\n if (!colspecStart \|\| !colspecEnd) {\r\n return undefined;\r\n }\r\n\r\n const colspan = colspecEnd.number - colspecStart.number + 1;\r\n\r\n return colspan === 1 ? undefined : colspan;\r\n}\r\n\r\nexport const Cell: FunctionalComponent<{\r\n context: OzonContentNodeContext;\r\n colspecs: Colspecs \| undefined;\r\n cell: Element;\r\n}> = ({ context: { mapNodeToJsx }, colspecs, cell }) => {\r\n const { moreRows, nameStart, nameEnd, colsep, rowsep } = getData(cell, colspecs);\r\n\r\n return (\r\n <td\r\n class={clsx({ \"dso-horizontal-line\": rowsep !== \"0\" }, { \"dso-vertical-line\": colsep !== \"0\" })}\r\n rowSpan={moreRows ? parseInt(moreRows, 10) + 1 : undefined}\r\n colSpan={colspecs && nameStart && nameEnd ? getColspan(colspecs, nameStart, nameEnd) : undefined}\r\n >\r\n {mapNodeToJsx(cell.childNodes)}\r\n </td>\r\n );\r\n};\r\n"]}
1	+ {"version":3,"file":"table-cell.js","sourceRoot":"","sources":["../../../../../../src/components/ozon-content/nodes/table.node/table-cell.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FunctionalComponent } from \"@stencil/core\";\r\nimport { h } from \"@stencil/core/internal\";\r\nimport clsx from \"clsx\";\r\n\r\nimport { WrapWijzigactie } from \"../../functional-components/wrap-wijzigactie.functional-component\";\r\nimport { wijzigactieToClassName } from \"../../functions/wijzigactie-to-class-name.function\";\r\nimport { OzonContentNodeContext } from \"../../ozon-content-node-context.interface\";\r\nimport { OzonContentWijzigActie } from \"../../ozon-content.interfaces\";\r\n\r\nimport { Colspecs } from \"./colspec/colspec.interface\";\r\n\r\nfunction getColspecStartColsep({ columns }: Colspecs, nameStart: string): string \| null {\r\n const colspecStart = columns.find((c) => c.name === nameStart);\r\n\r\n return colspecStart ? colspecStart.colsep : null;\r\n}\r\n\r\nfunction getColspecStartRowsep({ columns }: Colspecs, nameStart: string): string \| null {\r\n const colspecStart = columns.find((c) => c.name === nameStart);\r\n\r\n return colspecStart ? colspecStart.rowsep : null;\r\n}\r\n\r\nfunction getData(cell: Element, colspecs?: Colspecs) {\r\n const nameStart = cell.getAttribute(\"namest\");\r\n const row = cell.parentElement;\r\n const tgroup = row?.parentElement?.parentElement;\r\n const table = tgroup?.parentElement;\r\n const colsep =\r\n cell.getAttribute(\"colsep\") \|\|\r\n (colspecs && nameStart ? getColspecStartColsep(colspecs, nameStart) : null) \|\|\r\n (tgroup && tgroup.getAttribute(\"colsep\")) \|\|\r\n (table && table.getAttribute(\"colsep\"));\r\n const rowsep =\r\n cell.getAttribute(\"rowsep\") \|\|\r\n (row && row.getAttribute(\"rowsep\")) \|\|\r\n (colspecs && nameStart ? getColspecStartRowsep(colspecs, nameStart) : null) \|\|\r\n (tgroup && tgroup.getAttribute(\"rowsep\")) \|\|\r\n (table && table.getAttribute(\"rowsep\"));\r\n\r\n return {\r\n moreRows: cell.getAttribute(\"morerows\"),\r\n nameStart,\r\n nameEnd: cell.getAttribute(\"nameend\"),\r\n colsep,\r\n rowsep,\r\n };\r\n}\r\n\r\nfunction getColspan({ columns }: Colspecs, nameStart: string, nameEnd: string): number \| undefined {\r\n const colspecStart = columns.find((c) => c.name === nameStart);\r\n const colspecEnd = columns.find((c) => c.name === nameEnd);\r\n if (!colspecStart \|\| !colspecEnd) {\r\n return undefined;\r\n }\r\n\r\n const colspan = colspecEnd.number - colspecStart.number + 1;\r\n\r\n return colspan === 1 ? undefined : colspan;\r\n}\r\n\r\nexport const Cell: FunctionalComponent<{\r\n context: OzonContentNodeContext;\r\n colspecs: Colspecs \| undefined;\r\n cell: Element;\r\n wijzigactie: OzonContentWijzigActie \| undefined;\r\n}> = ({ context: { mapNodeToJsx }, colspecs, cell, wijzigactie }) => {\r\n const { moreRows, nameStart, nameEnd, colsep, rowsep } = getData(cell, colspecs);\r\n\r\n return (\r\n <td\r\n class={clsx(\r\n { \"dso-horizontal-line\": rowsep !== \"0\" },\r\n { \"dso-vertical-line\": colsep !== \"0\" },\r\n wijzigactieToClassName(wijzigactie),\r\n )}\r\n rowSpan={moreRows ? parseInt(moreRows, 10) + 1 : undefined}\r\n colSpan={colspecs && nameStart && nameEnd ? getColspan(colspecs, nameStart, nameEnd) : undefined}\r\n >\r\n <WrapWijzigactie wijzigactie={wijzigactie}>{mapNodeToJsx(cell.childNodes)}</WrapWijzigactie>\r\n </td>\r\n );\r\n};\r\n"]}

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

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