@dso-toolkit/core 82.0.0 → 83.0.0

package/dist/collection/components/map-overlays/map-overlays.js

@@ -28,7 +28,7 @@ export class MapOverlays {
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (h("fieldset", { key: 'd60d04424ff4824650822bca365b08d9e09343c4', class: "form-group dso-checkboxes" }, h("legend", { key: 'c7a9f921310bd6d5a6a2227ccd5f5aa14951553c', class: "sr-only" }, "Kaartlagen"), h("div", { key: 'ac37cdf13bab527ae0541ecdee5697e3c598b017', class: "dso-label-container" }, h("span", { key: '8747d30b9a1e6909e5fc2fb1318098517d2afe99', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: 'f5dc6ccfc6c709736de801bca4ff30c2b4f8ae5d', class: "dso-field-container" }, this.overlays.map((overlay) => (h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? h("p", { slot: "info" }, overlay.info) : null))))));
+        return (h("fieldset", { key: '8a08f042f96168ef4299b10e7f5e0738281cdb17', class: "form-group dso-checkboxes" }, h("legend", { key: '6a40638cdfc66cc24a38e92487581af7ee4f38d1', class: "sr-only" }, "Kaartlagen"), h("div", { key: '779b43f44377a171483840e5ad6bdbed4d5b7987', class: "dso-label-container" }, h("span", { key: 'd09e4b0911ad531549ac3c4b77583db3721b32c3', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: 'b186721b9519ab64b9672f5bf6232848fbdf57e3', class: "dso-field-container" }, this.overlays.map((overlay) => (h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? h("p", { slot: "info" }, overlay.info) : null))))));
     }
     static get is() { return "dso-map-overlays"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mark-bar/mark-bar.css

@@ -15,9 +15,9 @@
   block-size: 1px;
   padding: 0;
   margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
   border: 0;
+  overflow: hidden;
+  clip-path: inset(0);
 }
 
 .dso-mark-bar {
@@ -65,9 +65,9 @@
   block-size: 1px;
   padding: 0;
   margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
   border: 0;
+  overflow: hidden;
+  clip-path: inset(0);
 }
 .dso-mark-bar .dso-mark-bar-input label {
   inset-block-end: 8px;

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

@@ -42,7 +42,7 @@ export class MarkBar {
     render() {
         const current = this.current || 0;
         const totalCount = this.totalCount || 0;
-        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 }))));
+        return (h("div", { key: 'd5e2327030abc6cc96b1829a9687e9fcec0c7bb9', class: "dso-mark-bar" }, h("div", { key: 'd90729467d62f6fe096ecc7d585b10ab42940fbf', class: "dso-mark-bar-input" }, h("input", { key: 'bd685d9cda91afa21e9a7f212b9994d3872ba83b', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: '6ca1b9086e01796fdde041bade7f4792a6502a08', htmlFor: "search-input" }, h("dso-icon", { key: 'f68e89178b6c730e0f1c2e7a6f792d060784db2a', class: "dso-search-icon", icon: "search" }), h("span", { key: '0d49a83269da7544f81cddefd811c30ebee7e499', class: "label-text" }, this.label)), h("dso-icon-button", { key: 'bba9d197de332f45208cd3045fea137338978987', icon: "times", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: '52a475ef26728e93baf0d8cd2e4762a499562311', class: "dso-button-container" }, h("span", { key: 'abdc161fa8123eeedcc23ac2a1f2561dfbc15c86', class: "divider" }), h("dso-icon-button", { key: 'f1094e6eeff6ae20aff2ffd14517c1a7f1a46f54', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: '7b5753e9915e964b39fa8b6f233bffa0ef53e46c' }, current, "/", totalCount), h("dso-icon-button", { key: 'c32b08612a6d6337f516448fee5142718457ae0d', 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.css

@@ -59,9 +59,9 @@
   block-size: 1px;
   padding: 0;
   margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
   border: 0;
+  overflow: hidden;
+  clip-path: inset(0);
 }
 
 button {

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

@@ -65,7 +65,7 @@ export class Modal {
     }
     render() {
         var _a;
-        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" }))))));
+        return (h("dialog", { key: 'c12355cbebd111aa1eb139c7835cf5d58a9965f5', 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: 'aa9ea8331afae635b2334b51c9a1b4524f9c33e7', 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: '456259576a4b6e00c3eacc7a0eee3b17fb043d74' }, h("div", { key: 'b9ada3fd589e3d4c10fbf6a74eda361748be17ee', class: "dso-body", tabIndex: 0 }, h("slot", { key: '80e7bbdae07fc35ba35d3e77e9a9e0f1dbe619a4', name: "body" }))), this.hasFooter && (h("div", { key: '2d67a2a59ad7f992de69ab78d3361e08e8089b95', class: "dso-footer" }, h("slot", { key: '8576675edf59081281ed570e10d69c6752178060', name: "footer" }))))));
     }
     static get is() { return "dso-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/onboarding-tip/onboarding-tip.css

@@ -10,9 +10,9 @@
   block-size: 1px;
   padding: 0;
   margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
   border: 0;
+  overflow: hidden;
+  clip-path: inset(0);
 }
 
 ::slotted([slot=heading]) {
@@ -78,9 +78,8 @@
   text-shadow: none;
   text-transform: none;
   letter-spacing: normal;
-  overflow-wrap: anywhere;
+  overflow-wrap: normal;
   word-spacing: normal;
-  word-wrap: normal;
   white-space: normal;
   font-size: 14px;
   inset-block-start: 0;
@@ -122,9 +121,6 @@
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #fff;
-  background-color: #2b5780;
-  color: #fff;
 }
 .onboarding-tip-inner 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"));
@@ -138,6 +134,11 @@
 .onboarding-tip-inner 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"));
 }
+.onboarding-tip-inner {
+  --_dso-icon-button-tertiary-color: #fff;
+  background-color: #2b5780;
+  color: #fff;
+}
 @media screen and (max-width: 991px) {
   .onboarding-tip-inner {
     max-block-size: unset;

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

@@ -38,7 +38,7 @@ export class OnboardingTip {
         this.cleanUp = undefined;
     }
     render() {
-        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) }))));
+        return (h(Host, { key: 'b6affe757d71808f6db00ff929aace4dd99e60b0', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: '51fa837c49d58b6474f573e2dd5ff9ad1b8cb2cb', class: "onboarding-tip", role: "tooltip" }, h("div", { key: '9987ba64f198366738ba02ae4f4a5ad7b8f14c4a', class: "onboarding-tip-inner" }, h("div", { key: '0e4744708f18360aa689331f9ca731968abc51f4', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: 'f075802c9c7e7b8131ff2000e59a3d3b32013506', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: '6e3e6d0dd712d469de7e42549eca3fad80e77e3e', icon: "light-bulb" }), h("slot", { key: '3fe6c696d322ece56e7a4358a1defd03d5c4ae2d', name: "heading" }))), h("dso-icon-button", { key: '072616f526c4718d9ef274e2269adc52bedb9e8d', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "times", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: 'b44c5adf295ec9a021a3e449da34fd347cbad0f7' }))), h("div", { key: '597cd2f66ca2d03696d4c1160c45e8b20b1b435f', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
     }
     get headingSlottedElement() {
         return this.host.querySelector("[slot='heading']");

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

@@ -61,7 +61,7 @@ export class ozonContentToggletip {
         }
     }
     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' })))));
+        return (h(Fragment, { key: 'dad6c95a17e88b579053287085ddbe7513aafa03' }, h("button", { key: '7dcf0dfea48310a14220e977b86e5facdcbe515c', class: "toggletip-button", ref: (element) => (this.container = element), onClick: this.click }, h("slot", { key: '6ddd0bc145c99b5f92b550fd156618cc0305081e', name: "label" }), h("dso-icon", { key: 'fcd252433e8586df5b7e295303949b3945057555', icon: this.icon }), h(Tooltip, { key: '4bf528fe8c8b920d294dbf8c001a20d5ccf90772', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, h("slot", { key: '594814b49cfe285a23b7241e7d13731bd2a97a3f' })))));
     }
     static get is() { return "dso-ozon-content-toggletip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import clsx from "clsx";
+import { clsx } from "clsx";
 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";

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

@@ -1 +1 @@
-{"version":3,"file":"lijst.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/lijst.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,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;AAIxD,MAAM,OAAO,oBAAoB;IAAjC;QACE,SAAI,GAAG,OAAO,CAAC;IAmCjB,CAAC;IAjCC,MAAM,CAAC,IAAa,EAAE,EAAE,YAAY,EAA0B;QAC5D,MAAM,WAAW,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC;QACnD,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC/C,MAAM,IAAI,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC1C,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,aAAa,CAAC,CAAC;QACxE,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,eAAe,CAAC,CAAC;QAC5E,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC;QAEpE,OAAO,CACL,EAAC,eAAe,IAAC,WAAW,EAAE,WAAW;YACvC,WAAK,KAAK,EAAE,IAAI,CAAC,yBAAyB,EAAE,sBAAsB,CAAC,WAAW,CAAC,CAAC;gBAC7E,MAAM,IAAI,YAAY,CAAC,MAAM,CAAC;gBAC/B,UAAI,KAAK,EAAE,IAAI,IACZ,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;;oBACtB,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;oBAC9C,MAAM,QAAQ,GAAG,MAAA,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,0CAAE,UAAU,CAAC;oBAClF,MAAM,aAAa,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC;oBAErD,OAAO,CACL,UAAI,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;wBAC5D,QAAQ,IAAI,YAAM,KAAK,EAAC,aAAa,IAAE,YAAY,CAAC,QAAQ,CAAC,CAAQ;wBACtE,EAAC,eAAe,IAAC,WAAW,EAAE,aAAa,IACxC,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CACrD,CACf,CACN,CAAC;gBACJ,CAAC,CAAC,CACC;gBACJ,QAAQ,IAAI,YAAY,CAAC,QAAQ,CAAC,CAC/B,CACU,CACnB,CAAC;IACJ,CAAC;CACF;AAED,SAAS,sBAAsB,CAAC,IAAU;IACxC,MAAM,IAAI,GAAG,IAAI,YAAY,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE7E,OAAO,IAAI,KAAK,WAAW,IAAI,IAAI,KAAK,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;AAC5E,CAAC","sourcesContent":["import { h } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\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\n\r\nexport class OzonContentLijstNode implements OzonContentNode {\r\n  name = \"Lijst\";\r\n\r\n  render(node: Element, { mapNodeToJsx }: OzonContentNodeContext) {\r\n    const wijzigactie = parseWijzigactieFromNode(node);\r\n    const childNodes = Array.from(node.childNodes);\r\n    const type = parseTypeFromLijstNode(node);\r\n    const aanhef = childNodes.find((n) => getNodeName(n) === \"Lijstaanhef\");\r\n    const sluiting = childNodes.find((n) => getNodeName(n) === \"Lijstsluiting\");\r\n    const listItems = childNodes.filter((n) => getNodeName(n) === \"Li\");\r\n\r\n    return (\r\n      <WrapWijzigactie wijzigactie={wijzigactie}>\r\n        <div class={clsx(\"dso-ozon-lijst od-Lijst\", wijzigactieToClassName(wijzigactie))}>\r\n          {aanhef && mapNodeToJsx(aanhef)}\r\n          <ul class={type}>\r\n            {listItems.map((item) => {\r\n              const itemNodes = Array.from(item.childNodes);\r\n              const liNummer = itemNodes.find((n) => getNodeName(n) === \"LiNummer\")?.childNodes;\r\n              const liWijzigactie = parseWijzigactieFromNode(item);\r\n\r\n              return (\r\n                <li class={clsx(\"od-Li\", wijzigactieToClassName(liWijzigactie))}>\r\n                  {liNummer && <span class=\"od-LiNummer\">{mapNodeToJsx(liNummer)}</span>}\r\n                  <WrapWijzigactie wijzigactie={liWijzigactie}>\r\n                    {mapNodeToJsx(itemNodes.filter((n) => getNodeName(n) !== \"LiNummer\"))}\r\n                  </WrapWijzigactie>\r\n                </li>\r\n              );\r\n            })}\r\n          </ul>\r\n          {sluiting && mapNodeToJsx(sluiting)}\r\n        </div>\r\n      </WrapWijzigactie>\r\n    );\r\n  }\r\n}\r\n\r\nfunction parseTypeFromLijstNode(node: Node): LijstType | undefined {\r\n  const type = node instanceof Element ? node.getAttribute(\"type\") : undefined;\r\n\r\n  return type === \"expliciet\" || type === \"ongemarkeerd\" ? type : undefined;\r\n}\r\n\r\ntype LijstType = \"expliciet\" | \"ongemarkeerd\";\r\n"]}
+{"version":3,"file":"lijst.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/lijst.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAE5B,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;AAIxD,MAAM,OAAO,oBAAoB;IAAjC;QACE,SAAI,GAAG,OAAO,CAAC;IAmCjB,CAAC;IAjCC,MAAM,CAAC,IAAa,EAAE,EAAE,YAAY,EAA0B;QAC5D,MAAM,WAAW,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC;QACnD,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC/C,MAAM,IAAI,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC1C,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,aAAa,CAAC,CAAC;QACxE,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,eAAe,CAAC,CAAC;QAC5E,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC;QAEpE,OAAO,CACL,EAAC,eAAe,IAAC,WAAW,EAAE,WAAW;YACvC,WAAK,KAAK,EAAE,IAAI,CAAC,yBAAyB,EAAE,sBAAsB,CAAC,WAAW,CAAC,CAAC;gBAC7E,MAAM,IAAI,YAAY,CAAC,MAAM,CAAC;gBAC/B,UAAI,KAAK,EAAE,IAAI,IACZ,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;;oBACtB,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;oBAC9C,MAAM,QAAQ,GAAG,MAAA,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,0CAAE,UAAU,CAAC;oBAClF,MAAM,aAAa,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC;oBAErD,OAAO,CACL,UAAI,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;wBAC5D,QAAQ,IAAI,YAAM,KAAK,EAAC,aAAa,IAAE,YAAY,CAAC,QAAQ,CAAC,CAAQ;wBACtE,EAAC,eAAe,IAAC,WAAW,EAAE,aAAa,IACxC,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CACrD,CACf,CACN,CAAC;gBACJ,CAAC,CAAC,CACC;gBACJ,QAAQ,IAAI,YAAY,CAAC,QAAQ,CAAC,CAC/B,CACU,CACnB,CAAC;IACJ,CAAC;CACF;AAED,SAAS,sBAAsB,CAAC,IAAU;IACxC,MAAM,IAAI,GAAG,IAAI,YAAY,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE7E,OAAO,IAAI,KAAK,WAAW,IAAI,IAAI,KAAK,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;AAC5E,CAAC","sourcesContent":["import { h } from \"@stencil/core\";\r\nimport { clsx } from \"clsx\";\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\n\r\nexport class OzonContentLijstNode implements OzonContentNode {\r\n  name = \"Lijst\";\r\n\r\n  render(node: Element, { mapNodeToJsx }: OzonContentNodeContext) {\r\n    const wijzigactie = parseWijzigactieFromNode(node);\r\n    const childNodes = Array.from(node.childNodes);\r\n    const type = parseTypeFromLijstNode(node);\r\n    const aanhef = childNodes.find((n) => getNodeName(n) === \"Lijstaanhef\");\r\n    const sluiting = childNodes.find((n) => getNodeName(n) === \"Lijstsluiting\");\r\n    const listItems = childNodes.filter((n) => getNodeName(n) === \"Li\");\r\n\r\n    return (\r\n      <WrapWijzigactie wijzigactie={wijzigactie}>\r\n        <div class={clsx(\"dso-ozon-lijst od-Lijst\", wijzigactieToClassName(wijzigactie))}>\r\n          {aanhef && mapNodeToJsx(aanhef)}\r\n          <ul class={type}>\r\n            {listItems.map((item) => {\r\n              const itemNodes = Array.from(item.childNodes);\r\n              const liNummer = itemNodes.find((n) => getNodeName(n) === \"LiNummer\")?.childNodes;\r\n              const liWijzigactie = parseWijzigactieFromNode(item);\r\n\r\n              return (\r\n                <li class={clsx(\"od-Li\", wijzigactieToClassName(liWijzigactie))}>\r\n                  {liNummer && <span class=\"od-LiNummer\">{mapNodeToJsx(liNummer)}</span>}\r\n                  <WrapWijzigactie wijzigactie={liWijzigactie}>\r\n                    {mapNodeToJsx(itemNodes.filter((n) => getNodeName(n) !== \"LiNummer\"))}\r\n                  </WrapWijzigactie>\r\n                </li>\r\n              );\r\n            })}\r\n          </ul>\r\n          {sluiting && mapNodeToJsx(sluiting)}\r\n        </div>\r\n      </WrapWijzigactie>\r\n    );\r\n  }\r\n}\r\n\r\nfunction parseTypeFromLijstNode(node: Node): LijstType | undefined {\r\n  const type = node instanceof Element ? node.getAttribute(\"type\") : undefined;\r\n\r\n  return type === \"expliciet\" || type === \"ongemarkeerd\" ? type : undefined;\r\n}\r\n\r\ntype LijstType = \"expliciet\" | \"ongemarkeerd\";\r\n"]}

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

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core/internal";
-import clsx from "clsx";
+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) {

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

@@ -1 +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"]}
+{"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.node.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import clsx from "clsx";
+import { clsx } from "clsx";
 import { v4 as uuidv4 } from "uuid";
 import { getNodeName } from "../../get-node-name.function";
 import { mapColspecs } from "./colspec/colspec-mapper";

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

@@ -1 +1 @@
-{"version":3,"file":"table.node.js","sourceRoot":"","sources":["../../../../../../src/components/ozon-content/nodes/table.node/table.node.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport { v4 as uuidv4 } from \"uuid\";\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\nimport { mapColspecs } from \"./colspec/colspec-mapper\";\r\nimport { Colgroup } from \"./table-colgroup\";\r\nimport { Rows } from \"./table-rows\";\r\n\r\nfunction mapData(node: Element) {\r\n  const tgroup = node.querySelector(\":scope > tgroup\");\r\n  const colAttribute = tgroup?.getAttribute(\"cols\") ?? undefined;\r\n  const columnCount = colAttribute ? parseInt(colAttribute, 10) : undefined;\r\n\r\n  return {\r\n    caption: node.querySelector(\":scope > title\")?.textContent ?? undefined,\r\n    colspecs: tgroup && columnCount ? mapColspecs(columnCount, tgroup.querySelectorAll(\":scope > colspec\")) : undefined,\r\n    headRows: Array.from(node.querySelectorAll(\":scope > tgroup > thead > row\")),\r\n    bodyRows: Array.from(node.querySelectorAll(\":scope > tgroup > tbody > row\")),\r\n    wijzigactie: node.getAttribute(\"wijzigactie\"),\r\n    frame: node.getAttribute(\"frame\") ? node.getAttribute(\"frame\") : \"all\",\r\n  };\r\n}\r\n\r\nexport class OzonContentTableNode implements OzonContentNode {\r\n  name = \"table\";\r\n\r\n  handles = [\"title\", \"tgroup\", \"colspec\", \"thead\", \"tbody\", \"row\", \"cell\"];\r\n\r\n  id = uuidv4();\r\n\r\n  render(node: Element, context: OzonContentNodeContext) {\r\n    const { caption, colspecs, headRows, bodyRows, wijzigactie, frame } = mapData(node);\r\n\r\n    const bron = Array.from(node.childNodes).find((n) => getNodeName(n) === \"Bron\");\r\n\r\n    return (\r\n      <dso-table>\r\n        <table\r\n          class={clsx(\"table\", {\r\n            \"editaction-add\": wijzigactie === \"voegtoe\",\r\n            \"editaction-remove\": wijzigactie === \"verwijder\",\r\n            [`dso-table-outside-lines-${frame}`]: frame,\r\n          })}\r\n          {...(bron ? { \"aria-describedby\": this.id } : {})}\r\n        >\r\n          {caption && <caption>{caption}</caption>}\r\n          {colspecs && <Colgroup colspecs={colspecs} />}\r\n          {headRows.length > 0 && (\r\n            <thead>\r\n              <Rows rows={headRows} colspecs={colspecs} context={context}></Rows>\r\n            </thead>\r\n          )}\r\n          {bodyRows.length > 0 && (\r\n            <tbody>\r\n              <Rows rows={bodyRows} colspecs={colspecs} context={context}></Rows>\r\n            </tbody>\r\n          )}\r\n        </table>\r\n        {bron && <div id={this.id}>{context.mapNodeToJsx(bron)}</div>}\r\n      </dso-table>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"table.node.js","sourceRoot":"","sources":["../../../../../../src/components/ozon-content/nodes/table.node/table.node.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from \"@stencil/core\";\r\nimport { clsx } from \"clsx\";\r\nimport { v4 as uuidv4 } from \"uuid\";\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\nimport { mapColspecs } from \"./colspec/colspec-mapper\";\r\nimport { Colgroup } from \"./table-colgroup\";\r\nimport { Rows } from \"./table-rows\";\r\n\r\nfunction mapData(node: Element) {\r\n  const tgroup = node.querySelector(\":scope > tgroup\");\r\n  const colAttribute = tgroup?.getAttribute(\"cols\") ?? undefined;\r\n  const columnCount = colAttribute ? parseInt(colAttribute, 10) : undefined;\r\n\r\n  return {\r\n    caption: node.querySelector(\":scope > title\")?.textContent ?? undefined,\r\n    colspecs: tgroup && columnCount ? mapColspecs(columnCount, tgroup.querySelectorAll(\":scope > colspec\")) : undefined,\r\n    headRows: Array.from(node.querySelectorAll(\":scope > tgroup > thead > row\")),\r\n    bodyRows: Array.from(node.querySelectorAll(\":scope > tgroup > tbody > row\")),\r\n    wijzigactie: node.getAttribute(\"wijzigactie\"),\r\n    frame: node.getAttribute(\"frame\") ? node.getAttribute(\"frame\") : \"all\",\r\n  };\r\n}\r\n\r\nexport class OzonContentTableNode implements OzonContentNode {\r\n  name = \"table\";\r\n\r\n  handles = [\"title\", \"tgroup\", \"colspec\", \"thead\", \"tbody\", \"row\", \"cell\"];\r\n\r\n  id = uuidv4();\r\n\r\n  render(node: Element, context: OzonContentNodeContext) {\r\n    const { caption, colspecs, headRows, bodyRows, wijzigactie, frame } = mapData(node);\r\n\r\n    const bron = Array.from(node.childNodes).find((n) => getNodeName(n) === \"Bron\");\r\n\r\n    return (\r\n      <dso-table>\r\n        <table\r\n          class={clsx(\"table\", {\r\n            \"editaction-add\": wijzigactie === \"voegtoe\",\r\n            \"editaction-remove\": wijzigactie === \"verwijder\",\r\n            [`dso-table-outside-lines-${frame}`]: frame,\r\n          })}\r\n          {...(bron ? { \"aria-describedby\": this.id } : {})}\r\n        >\r\n          {caption && <caption>{caption}</caption>}\r\n          {colspecs && <Colgroup colspecs={colspecs} />}\r\n          {headRows.length > 0 && (\r\n            <thead>\r\n              <Rows rows={headRows} colspecs={colspecs} context={context}></Rows>\r\n            </thead>\r\n          )}\r\n          {bodyRows.length > 0 && (\r\n            <tbody>\r\n              <Rows rows={bodyRows} colspecs={colspecs} context={context}></Rows>\r\n            </tbody>\r\n          )}\r\n        </table>\r\n        {bron && <div id={this.id}>{context.mapNodeToJsx(bron)}</div>}\r\n      </dso-table>\r\n    );\r\n  }\r\n}\r\n"]}