@dso-toolkit/core 88.1.1 → 90.0.0

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

@@ -20,14 +20,13 @@ export class OnboardingTip {
         this.mutationObserver.observe(this.host, { attributes: true, childList: true, subtree: true, characterData: true });
     }
     componentDidRender() {
-        var _a;
         if (!this.host.isConnected) {
             return;
         }
         if (!this.popoverOpen) {
             this.host.showPopover();
             this.popoverOpen = true;
-            const onboardingTipElement = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".onboarding-tip");
+            const onboardingTipElement = this.host.shadowRoot?.querySelector(".onboarding-tip");
             if (this.hasOnboardingTipElement(onboardingTipElement)) {
                 OnboardingTip.setFocus(onboardingTipElement);
             }
@@ -44,14 +43,13 @@ export class OnboardingTip {
         }
     }
     disconnectedCallback() {
-        var _a, _b;
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.mutationObserver?.disconnect();
         delete this.mutationObserver;
         if (this.popoverOpen) {
             this.host.hidePopover();
             this.popoverOpen = false;
         }
-        (_b = this.cleanUp) === null || _b === void 0 ? void 0 : _b.call(this);
+        this.cleanUp?.();
         this.cleanUp = undefined;
     }
     /**
@@ -66,9 +64,8 @@ export class OnboardingTip {
         return element instanceof HTMLElement;
     }
     render() {
-        var _a;
-        const ariaLabel = (_a = this.headingSlottedElement) === null || _a === void 0 ? void 0 : _a.textContent;
-        return (h(Host, { key: 'ba1ed241b302472bafaed024d8cb2a3b134385bb', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: 'd581bb62c69a607e9479229acaf3d200f8dfe9d5', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: 'f0c1ede7f35ddc4c83568f2db09d3851c5b2009a', class: "onboarding-tip-inner" }, h("div", { key: '99fc959506a0b53b6bffa8a4f61b65876cd4e573', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: '80be7f0ad09b9996cbcd8eec98540decbd8c0786', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: '43bd3c7b0b0dad949985196a4a559c5ef69b7eec', icon: "light-bulb" }), h("slot", { key: '88efb37ba1d8caf1678c8deef81c7739d679c9a8', name: "heading" }))), h("dso-icon-button", { key: '26127795159df1998162f0c31b654e1e6ea69636', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "times", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: '8b002f540fcd38133d96e816fd006e6b5abfc1e9' }))), h("div", { key: '7f43f0af10b8d4af2e364961423d75bbe56b395d', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
+        const ariaLabel = this.headingSlottedElement?.textContent;
+        return (h(Host, { key: '51380978262cd21740b702a191579f75cd1418a6', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: '4aa3a867d025a116078fefced51fe2c47f0cf92a', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: 'e2b25452d2055fddaf09d9d754fbb7846e480323', class: "onboarding-tip-inner" }, h("div", { key: '67f29177dbf72118a8a648fbc83822bc22a8497f', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: '4f024c9b755b6352cb81fc536f9a2df16f17f4cc', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: 'c8aab9ea7c73b11351a4126b457adf62436fa989', icon: "light-bulb" }), h("slot", { key: '11c5408f22dc91c1a5c567a5baf20928c956e257', name: "heading" }))), h("dso-icon-button", { key: 'c1ceb315c35f07cb91caa3eb5190429806a4443e', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: '0942d05f46ec0bdd49aea9ba089ed6cc46f71a86' }))), h("div", { key: '901735eb2d164f66fd743e262a17f75491c9004c', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
     }
     get headingSlottedElement() {
         return this.host.querySelector("[slot='heading']");
@@ -115,7 +112,8 @@ export class OnboardingTip {
                         "TooltipPlacement": {
                             "location": "import",
                             "path": "../../functional-components/tooltip/tooltip.interfaces",
-                            "id": "src/functional-components/tooltip/tooltip.interfaces.ts::TooltipPlacement"
+                            "id": "src/functional-components/tooltip/tooltip.interfaces.ts::TooltipPlacement",
+                            "referenceLocation": "TooltipPlacement"
                         }
                     }
                 },
@@ -157,7 +155,8 @@ export class OnboardingTip {
                         "OnboardingTipCloseEvent": {
                             "location": "import",
                             "path": "./onboarding-tip.interfaces",
-                            "id": "src/components/onboarding-tip/onboarding-tip.interfaces.ts::OnboardingTipCloseEvent"
+                            "id": "src/components/onboarding-tip/onboarding-tip.interfaces.ts::OnboardingTipCloseEvent",
+                            "referenceLocation": "OnboardingTipCloseEvent"
                         }
                     }
                 }
@@ -165,4 +164,3 @@ export class OnboardingTip {
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=onboarding-tip.js.map

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

@@ -4,30 +4,13 @@ import { Tooltip } from "../../../../functional-components/tooltip/tooltip.funct
 export class ozonContentToggletip {
     constructor() {
         this.active = false;
-        this.showToggletip = false;
         this.toggle = () => {
-            if (this.active) {
-                this.close();
-            }
-            else {
-                this.open();
-            }
-        };
-        this.open = () => {
-            this.active = true;
-        };
-        this.close = () => {
-            this.active = false;
+            this.active = !this.active;
         };
-        this.focusOutHandler = (event) => {
-            if (!this.host.contains(event.relatedTarget)) {
-                this.close();
-            }
-        };
-        this.keyUpHandler = (event) => {
+        this.keyDownHandler = (event) => {
             switch (event.key) {
                 case "Escape":
-                    this.close();
+                    this.toggle();
                     return;
                 case " ":
                 case "Enter":
@@ -38,33 +21,50 @@ export class ozonContentToggletip {
             }
         };
     }
-    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;
+    handleWindowClick(event) {
+        if (!this.active)
+            return;
+        const path = event.composedPath();
+        const clickedInsideHost = path.includes(this.host);
+        const clickedInsideTooltip = this.tooltip && path.includes(this.tooltip);
+        if (!clickedInsideHost && !clickedInsideTooltip) {
+            this.toggle();
+        }
+        if (clickedInsideTooltip) {
+            const interactive = path.some((el) => el instanceof HTMLElement && el.tagName === "BUTTON");
+            if (interactive) {
+                this.toggle();
             }
         }
-        let cleanUp;
-        if (this.active && !cleanUp && this.container && this.tooltip && this.tooltipArrow) {
-            cleanUp = positionTooltip({
+    }
+    componentDidRender() {
+        if (!this.cleanUp && this.active && this.container && this.tooltip && this.tooltipArrow) {
+            this.cleanUp = positionTooltip({
                 referenceElement: this.container,
                 tipRef: this.tooltip,
                 tipArrowRef: this.tooltipArrow,
                 placementTip: "top",
             });
         }
-        if (!this.active && cleanUp) {
-            cleanUp();
+        if (this.cleanUp && this.tooltip) {
+            if (this.active) {
+                this.tooltip?.showPopover();
+            }
+            else {
+                this.tooltip?.hidePopover();
+                this.cleanupTooltip();
+            }
         }
     }
+    disconnectedCallback() {
+        this.cleanupTooltip();
+    }
+    cleanupTooltip() {
+        this.cleanUp?.();
+        this.cleanUp = undefined;
+    }
     render() {
-        return (h(Fragment, { key: '48fd0b4036b6ed37db66cc968725f808bce721db' }, h("span", { key: 'f1ce2b9fc9cb55c12035d540f7801ba8e393b9fd', class: "toggletip-button", role: "button", tabindex: 0, onClick: this.toggle, onKeyDown: this.keyUpHandler, onFocusout: this.focusOutHandler, ref: (element) => (this.container = element) }, h("span", { key: 'cc7a4713b5ac77c5f151231b9cc7d8418d05097a', class: "icon-container" }, h("slot", { key: '5417d8dfcf7ca073a9794e60e95355be5291875a', name: "label" }), h("dso-icon", { key: '1b82b6c72615f07525fab991c6cc55995a2490ff', icon: this.icon }))), h(Tooltip, { key: 'f3c803de3f8ac3e35c367539338a6de0e7f989bd', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, h("slot", { key: '4ee4572326b73e607653fc840006887d4bb827d6' }))));
+        return (h(Fragment, { key: 'b8e0b94f83a249219af92154d9576bd76cce7a7c' }, h("span", { key: '70a0ca74fd1d449d749b1b6a5253ae8ef02eac52', class: "toggletip-button", role: "button", tabindex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, this.icon && (h("span", { key: '27c991638a3e95c5f6e4b149d446ad7ea662cdcb', class: "icon-container" }, h("slot", { key: 'dc34d598532cd8cace73f6fa1dc617cc8136cd35', name: "label" }), h("dso-icon", { key: '058a21dcaee45c433fed9b324d8bc26c847fef7e', icon: this.icon }))), !this.icon && h("slot", { key: 'c0025928c581c5773f39b1f07247649fee48da17', name: "label" })), h(Tooltip, { key: 'cc7ad77b3761ad3897a95ed97436dae0c19e1a8e', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, h("slot", { key: 'b513e1ad6480cac3dfe8c79e280ea4e40360c638' }))));
     }
     static get is() { return "dso-ozon-content-toggletip"; }
     static get encapsulation() { return "shadow"; }
@@ -84,9 +84,16 @@ export class ozonContentToggletip {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
+                    "original": "IconAlias",
+                    "resolved": "\"asterisk\" | \"balloon-outline\" | \"balloon-solid\" | \"bars\" | \"bell\" | \"buildings\" | \"calendar\" | \"call\" | \"caret-down\" | \"caret-up\" | \"check\" | \"check-circle\" | \"chevron-down\" | \"chevron-down-down\" | \"chevron-down-up\" | \"chevron-left\" | \"chevron-right\" | \"chevron-up\" | \"chevron-up-down\" | \"chevron-up-up\" | \"circle-notch\" | \"clock-outline\" | \"clock-solid\" | \"copy-outline\" | \"copy-solid\" | \"cross\" | \"crown\" | \"cultural\" | \"document\" | \"document-pencil\" | \"download\" | \"energy\" | \"environment\" | \"exclamation\" | \"external-link\" | \"eye\" | \"eye-slash\" | \"filter\" | \"forbidden\" | \"hammer\" | \"health\" | \"help-outline\" | \"help-solid\" | \"home\" | \"info-i\" | \"info-outline\" | \"info-solid\" | \"infrastructure\" | \"internet\" | \"label\" | \"land\" | \"landscape\" | \"layers\" | \"light-bulb\" | \"location\" | \"location-orange\" | \"location-search\" | \"lock\" | \"magnet\" | \"mail-outline\" | \"mail-solid\" | \"map\" | \"map-layers\" | \"map-location\" | \"marker\" | \"measurement\" | \"minus\" | \"minus-circle-outline\" | \"minus-circle-solid\" | \"minus-square-outline\" | \"minus-square-solid\" | \"more-horizontal\" | \"more-vertical\" | \"municipality\" | \"nature\" | \"new-window\" | \"paperclip\" | \"parking\" | \"pause\" | \"pencil\" | \"pin\" | \"pin-outline\" | \"play\" | \"plus\" | \"plus-circle-outline\" | \"plus-circle-solid\" | \"plus-square-outline\" | \"plus-square-solid\" | \"postcard\" | \"print\" | \"question\" | \"redo\" | \"scale\" | \"search\" | \"security\" | \"settings\" | \"share\" | \"sitemap\" | \"soil\" | \"sort\" | \"sort-ascending\" | \"sort-descending\" | \"sound\" | \"spinner\" | \"status-error\" | \"status-forbidden\" | \"status-info-outline\" | \"status-info-solid\" | \"status-success\" | \"status-warning\" | \"status-warning-red-outline\" | \"status-warning-red-solid\" | \"stop\" | \"table-outline\" | \"table-solid\" | \"to-do-list\" | \"trash\" | \"undo\" | \"user-outline\" | \"user-solid\" | \"users\" | \"water\" | \"weather\" | \"wip\" | undefined",
+                    "references": {
+                        "IconAlias": {
+                            "location": "import",
+                            "path": "../../../icon/icon.interfaces",
+                            "id": "src/components/icon/icon.interfaces.ts::IconAlias",
+                            "referenceLocation": "IconAlias"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": true,
@@ -103,10 +110,17 @@ export class ozonContentToggletip {
     }
     static get states() {
         return {
-            "active": {},
-            "showToggletip": {}
+            "active": {}
         };
     }
     static get elementRef() { return "host"; }
+    static get listeners() {
+        return [{
+                "name": "click",
+                "method": "handleWindowClick",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }];
+    }
 }
-//# sourceMappingURL=ozon-content-toggletip.js.map

package/dist/collection/components/ozon-content/functional-components/wrap-wijzigactie.functional-component.js

@@ -8,4 +8,3 @@ export const WrapWijzigactie = ({ wijzigactie }, children) => {
     }
     return children;
 };
-//# sourceMappingURL=wrap-wijzigactie.functional-component.js.map

package/dist/collection/components/ozon-content/functions/parse-wijzigactie-from-node.function.js

@@ -2,4 +2,3 @@ export function parseWijzigactieFromNode(node) {
     const wijzigactie = node instanceof Element ? node.getAttribute("wijzigactie") : undefined;
     return wijzigactie === "voegtoe" || wijzigactie === "verwijder" ? wijzigactie : undefined;
 }
-//# sourceMappingURL=parse-wijzigactie-from-node.function.js.map

package/dist/collection/components/ozon-content/functions/wijzigactie-to-class-name.function.js

@@ -7,4 +7,3 @@ export function wijzigactieToClassName(wijzigactie) {
     }
     return undefined;
 }
-//# sourceMappingURL=wijzigactie-to-class-name.function.js.map

package/dist/collection/components/ozon-content/get-node-name.function.js

@@ -7,4 +7,3 @@ export function getNodeName(node) {
     }
     return node.nodeName;
 }
-//# sourceMappingURL=get-node-name.function.js.map

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

@@ -8,4 +8,3 @@ export class OzonContentAbbrNode {
         return (h("span", { class: "od-abbr" }, h("abbr", null, mapNodeToJsx(node.childNodes)), title && ` (${title})`));
     }
 }
-//# sourceMappingURL=abbr.node.js.map

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

@@ -26,4 +26,3 @@ export class OzonContentAlNode {
         return h(WrapWijzigactie, { wijzigactie: wijzigactie }, content);
     }
 }
-//# sourceMappingURL=al.node.js.map

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

@@ -28,4 +28,3 @@ export class OzonContentBegripNode {
         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/begrippenlijst.node.js

@@ -13,4 +13,3 @@ export class OzonContentBegrippenlijstNode {
         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/bron.node.js

@@ -7,4 +7,3 @@ export class OzonContentBronNode {
         return h("span", { class: "dso-ozon-bron" }, mapNodeToJsx(node.childNodes, ignoreMark));
     }
 }
-//# sourceMappingURL=bron.node.js.map

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

@@ -7,4 +7,3 @@ export class OzonContentDocumentNode {
         return h(Fragment, null, mapNodeToJsx(node.childNodes));
     }
 }
-//# sourceMappingURL=document.node.js.map

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

@@ -12,7 +12,6 @@ export class OzonContentExtRefNode {
             return mapNodeToJsx(node.childNodes);
         }
         const href = urlResolver ? urlResolver(name, "ref", ref, node) : ref;
-        return (h("a", { target: "_blank", rel: "noopener noreferrer", href: href !== null && href !== void 0 ? href : undefined, class: className, title: "Opent andere website in nieuw tabblad" }, h("span", null, mapNodeToJsx(node.childNodes)), h("dso-icon", { icon: "external-link" })));
+        return (h("a", { target: "_blank", rel: "noopener noreferrer", href: href ?? undefined, class: className, title: "Opent andere website in nieuw tabblad" }, h("span", null, mapNodeToJsx(node.childNodes)), h("dso-icon", { icon: "external-link" })));
     }
 }
-//# sourceMappingURL=ext-ref.node.js.map

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

@@ -9,4 +9,3 @@ export class OzonContentFallbackNode {
         return h("span", { class: `fallback od-${getNodeName(node)}` }, mapNodeToJsx(node.childNodes, ignoreMark));
     }
 }
-//# sourceMappingURL=fallback.node.js.map

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

@@ -1,8 +1,7 @@
 import { Fragment, h } from "@stencil/core";
 import { getNodeName } from "../get-node-name.function";
 const Bijschrift = ({ bijschrift, bron, mapNodeToJsx, ignoreMark }) => {
-    var _a;
-    const bronText = bron && ((_a = bron.textContent) === null || _a === void 0 ? void 0 : _a.trim());
+    const bronText = bron && bron.textContent?.trim();
     return (h("span", { class: "figuur-bijschrift" }, bijschrift && bijschrift.inhoud && mapNodeToJsx(bijschrift.inhoud, ignoreMark), bronText && (h(Fragment, null, `${bijschrift ? " " : ""}(bron: `, mapNodeToJsx(bron, ignoreMark), ")"))));
 };
 export class OzonContentFiguurNode {
@@ -28,18 +27,17 @@ export class OzonContentFiguurNode {
         return style;
     }
     mapIllustratieNode(node) {
-        var _a;
         return {
             naam: node.getAttribute("naam"),
             breedte: Number(node.getAttribute("breedte")),
             hoogte: Number(node.getAttribute("hoogte")),
             dpi: Number(node.getAttribute("dpi")),
-            uitlijning: (_a = ["start", "center", "end"].find((u) => node.getAttribute("uitlijning") === u)) !== null && _a !== void 0 ? _a : "start",
+            uitlijning: ["start", "center", "end"].find((u) => node.getAttribute("uitlijning") === u) ??
+                "start",
             alt: node.getAttribute("alt"),
         };
     }
     render(node, { mapNodeToJsx, urlResolver }) {
-        var _a, _b, _c, _d;
         const childNodes = Array.from(node.childNodes);
         const titel = childNodes.find((n) => getNodeName(n) === "Titel");
         const bron = childNodes.find((n) => getNodeName(n) === "Bron");
@@ -51,12 +49,11 @@ export class OzonContentFiguurNode {
             const bijschrift = bijschriftNode instanceof Element
                 ? {
                     inhoud: bijschriftNode.childNodes,
-                    locatie: (_a = bijschriftNode.getAttribute("locatie")) !== null && _a !== void 0 ? _a : "onder",
+                    locatie: bijschriftNode.getAttribute("locatie") ?? "onder",
                 }
                 : undefined;
             const src = urlResolver && illustratie.naam ? urlResolver("Illustratie", "naam", illustratie.naam, node) : illustratie.naam;
-            return (h("div", { class: `dso-ozon-figuur ${bijschrift ? `bijschrift-${bijschrift.locatie}` : "onder"}`, style: this.getStyle(illustratie) }, titel && h("span", { class: "figuur-titel" }, mapNodeToJsx(titel)), (bijschrift === null || bijschrift === void 0 ? void 0 : bijschrift.locatie) === "boven" && (h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx })), h("dso-image-overlay", { wijzigactie: wijzigactie }, titel && (h("div", { slot: "titel" }, h("span", null, mapNodeToJsx(titel, true)))), h("img", { src: src !== null && src !== void 0 ? src : undefined, alt: (_d = (_c = (_b = illustratie.alt) !== null && _b !== void 0 ? _b : titel === null || titel === void 0 ? void 0 : titel.textContent) !== null && _c !== void 0 ? _c : illustratie.naam) !== null && _d !== void 0 ? _d : undefined }), (bijschrift || bron) && (h("div", { slot: "bijschrift" }, h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx, ignoreMark: true })))), ((bijschrift === null || bijschrift === void 0 ? void 0 : bijschrift.locatie) === "onder" || (!bijschrift && bron)) && (h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx }))));
+            return (h("div", { class: `dso-ozon-figuur ${bijschrift ? `bijschrift-${bijschrift.locatie}` : "onder"}`, style: this.getStyle(illustratie) }, titel && h("span", { class: "figuur-titel" }, mapNodeToJsx(titel)), bijschrift?.locatie === "boven" && (h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx })), h("dso-image-overlay", { wijzigactie: wijzigactie }, titel && (h("div", { slot: "titel" }, h("span", null, mapNodeToJsx(titel, true)))), h("img", { src: src ?? undefined, alt: illustratie.alt ?? titel?.textContent ?? illustratie.naam ?? undefined }), (bijschrift || bron) && (h("div", { slot: "bijschrift" }, h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx, ignoreMark: true })))), (bijschrift?.locatie === "onder" || (!bijschrift && bron)) && (h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx }))));
         }
     }
 }
-//# sourceMappingURL=figuur.node.js.map

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

@@ -15,4 +15,3 @@ export class OzonContentInhoudNode {
         return richContent;
     }
 }
-//# sourceMappingURL=inhoud.node.js.map

package/dist/collection/components/ozon-content/nodes/inline-tekst-afbeelding.node.js

@@ -4,11 +4,9 @@ export class OzonContentInlineTekstAfbeeldingNode {
         this.name = ["InlineTekstAfbeelding", "Illustratie"];
     }
     render(node, { urlResolver }) {
-        var _a, _b;
         const naam = node.getAttribute("naam");
         const name = node.tagName === "InlineTekstAfbeelding" ? "InlineTekstAfbeelding" : "Illustratie";
         const src = urlResolver && naam ? urlResolver(name, "naam", naam, node) : naam;
-        return (h("img", { src: src !== null && src !== void 0 ? src : undefined, alt: naam !== null && naam !== void 0 ? naam : undefined, height: (_a = node.getAttribute("hoogte")) !== null && _a !== void 0 ? _a : undefined, width: (_b = node.getAttribute("breedte")) !== null && _b !== void 0 ? _b : undefined }));
+        return (h("img", { src: src ?? undefined, alt: naam ?? undefined, height: node.getAttribute("hoogte") ?? undefined, width: node.getAttribute("breedte") ?? undefined }));
     }
 }
-//# sourceMappingURL=inline-tekst-afbeelding.node.js.map

package/dist/collection/components/ozon-content/nodes/inline.nodes.js

@@ -11,4 +11,3 @@ export class OzonContentInlineNodes {
         return h(Tag, null, mapNodeToJsx(node.childNodes));
     }
 }
-//# sourceMappingURL=inline.nodes.js.map

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

@@ -16,7 +16,6 @@ export class OzonContentIntIoRefNode {
                 originalEvent: event,
             });
         };
-        return (h(Fragment, null, h("dso-ozon-content-toggletip", { icon: "map-location" }, h("span", { slot: "label" }, mapNodeToJsx(node.childNodes)), annotated && (h("span", { role: "paragraph" }, "Gebieden op de kaart tonen:", " ", h("button", { type: "button", class: "dso-tertiary", onClick: intIoRefOnClick }, h("span", null, "Kenmerken en kaart"), h("dso-icon", { icon: "label" })))), h("span", { role: "paragraph" }, "Offici\u00EBle publicaties:", " ", h("a", { target: "_blank", rel: "noopener noreferrer", href: href !== null && href !== void 0 ? href : undefined, title: "Opent andere website in nieuw tabblad" }, h("span", null, mapNodeToJsx(node.childNodes)), h("dso-icon", { icon: "external-link" }))))));
+        return (h(Fragment, null, h("dso-ozon-content-toggletip", { icon: "map-location" }, h("span", { slot: "label" }, mapNodeToJsx(node.childNodes)), annotated && (h("span", { role: "paragraph" }, "Gebieden op de kaart tonen:", " ", h("button", { type: "button", class: "dso-tertiary", onClick: intIoRefOnClick }, h("span", null, "Kenmerken en kaart"), h("dso-icon", { icon: "label" })))), h("span", { role: "paragraph" }, "Offici\u00EBle publicaties:", " ", h("a", { target: "_blank", rel: "noopener noreferrer", href: href ?? 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-ref.node.js

@@ -10,7 +10,7 @@ export class OzonContentIntRefNode {
         if (!ref) {
             return mapNodeToJsx(node.childNodes);
         }
-        const definitie = begripResolver === null || begripResolver === void 0 ? void 0 : begripResolver(ref, node);
+        const definitie = begripResolver?.(ref, node);
         if (definitie) {
             const definitieXMLDocument = typeof definitie === "string" ? parseXml(definitie) : definitie;
             if (!definitieXMLDocument ||
@@ -18,7 +18,7 @@ export class OzonContentIntRefNode {
                 !definitieXMLDocument.documentElement.hasChildNodes()) {
                 return mapNodeToJsx(node.childNodes);
             }
-            return (h("dso-ozon-content-toggletip", { icon: "info" }, h("span", { slot: "label" }, mapNodeToJsx(node.childNodes)), mapNodeToJsx(Array.from(definitieXMLDocument.documentElement.childNodes))));
+            return (h("dso-ozon-content-toggletip", null, h("span", { slot: "label" }, mapNodeToJsx(node.childNodes)), mapNodeToJsx(Array.from(definitieXMLDocument.documentElement.childNodes))));
         }
         const handleIntRefClick = (event) => {
             emitClick({
@@ -32,4 +32,3 @@ export class OzonContentIntRefNode {
         return (h("a", { href: href, onClick: handleIntRefClick }, mapNodeToJsx(node.childNodes)));
     }
 }
-//# sourceMappingURL=int-ref.node.js.map

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

@@ -32,4 +32,3 @@ export class OzonContentKopNode {
         })))));
     }
 }
-//# sourceMappingURL=kop.node.js.map

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

@@ -16,9 +16,8 @@ export class OzonContentLijstNode {
         const sluiting = childNodes.find((n) => getNodeName(n) === "Lijstsluiting");
         const listItems = childNodes.filter((n) => getNodeName(n) === "Li");
         return (h(WrapWijzigactie, { wijzigactie: wijzigactie }, h("div", { class: clsx("dso-ozon-lijst od-Lijst", wijzigactieToClassName(wijzigactie)) }, aanhef && mapNodeToJsx(aanhef), h("ul", { class: type }, listItems.map((item) => {
-            var _a;
             const itemNodes = Array.from(item.childNodes);
-            const liNummer = (_a = itemNodes.find((n) => getNodeName(n) === "LiNummer")) === null || _a === void 0 ? void 0 : _a.childNodes;
+            const liNummer = itemNodes.find((n) => getNodeName(n) === "LiNummer")?.childNodes;
             const liWijzigactie = parseWijzigactieFromNode(item);
             return (h("li", { class: clsx("od-Li", wijzigactieToClassName(liWijzigactie)) }, liNummer && h("span", { class: "od-LiNummer" }, mapNodeToJsx(liNummer)), h(WrapWijzigactie, { wijzigactie: liWijzigactie }, mapNodeToJsx(itemNodes.filter((n) => getNodeName(n) !== "LiNummer")))));
         })), sluiting && mapNodeToJsx(sluiting))));
@@ -28,4 +27,3 @@ function parseTypeFromLijstNode(node) {
     const type = node instanceof Element ? node.getAttribute("type") : undefined;
     return type === "expliciet" || type === "ongemarkeerd" ? type : undefined;
 }
-//# sourceMappingURL=lijst.node.js.map

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

@@ -7,4 +7,3 @@ export class OzonContentNieuweTekstNode {
         return h("ins", { class: "new-text" }, mapNodeToJsx(node.childNodes));
     }
 }
-//# sourceMappingURL=nieuwe-tekst.node.js.map

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

@@ -9,7 +9,6 @@ export class OzonContentNootNode {
         return "Noot";
     }
     render(node, { mapNodeToJsx, state: openNoteId, setState }) {
-        var _a, _b;
         const noteId = node.getAttribute("id");
         if (!noteId) {
             console.error("Noot node without id", node);
@@ -17,8 +16,7 @@ export class OzonContentNootNode {
         }
         const noteControlsId = `dso-ozon-note-${noteId}`;
         const childNodes = Array.from(node.childNodes);
-        const nootNummer = (_b = (_a = childNodes.find((n) => getNodeName(n) === "NootNummer")) === null || _a === void 0 ? void 0 : _a.textContent) !== null && _b !== void 0 ? _b : noteId;
-        return (h(Fragment, null, h("sup", null, h("button", { type: "button", class: "toggle-note", "aria-describedby": noteControlsId, onClick: () => setState === null || setState === void 0 ? void 0 : setState(openNoteId === noteId ? undefined : noteId), onBlur: () => setState === null || setState === void 0 ? void 0 : setState(undefined), "aria-expanded": openNoteId === noteId ? "true" : "false" }, nootNummer)), h("dso-tooltip", { active: openNoteId === noteId, id: noteControlsId, stateless: true, descriptive: true }, h("span", { role: "section" }, mapNodeToJsx(Array.from(node.querySelectorAll(":scope > Al")))))));
+        const nootNummer = childNodes.find((n) => getNodeName(n) === "NootNummer")?.textContent ?? noteId;
+        return (h(Fragment, null, h("sup", null, h("button", { type: "button", class: "toggle-note", "aria-describedby": noteControlsId, onClick: () => setState?.(openNoteId === noteId ? undefined : noteId), onBlur: () => setState?.(undefined), "aria-expanded": openNoteId === noteId ? "true" : "false" }, nootNummer)), h("dso-tooltip", { active: openNoteId === noteId, id: noteControlsId, stateless: true, descriptive: true }, h("span", { role: "section" }, mapNodeToJsx(Array.from(node.querySelectorAll(":scope > Al")))))));
     }
 }
-//# sourceMappingURL=noot.node.js.map

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

@@ -5,11 +5,10 @@ export function mapColspecs(count, nodeList) {
         totalWidth,
         count,
         columns: elements.map((element, index) => {
-            var _a;
             const colNumber = element.getAttribute("colnum");
             return {
                 colsep: element.getAttribute("colsep"),
-                name: (_a = element.getAttribute("colname")) !== null && _a !== void 0 ? _a : "",
+                name: element.getAttribute("colname") ?? "",
                 number: colNumber ? parseInt(colNumber, 10) : index + 1,
                 rowsep: element.getAttribute("rowsep"),
                 width: getWidth(totalWidth, element),
@@ -19,8 +18,7 @@ export function mapColspecs(count, nodeList) {
 }
 function getTotalWidth(elements) {
     return elements.reduce((totalWidth, element) => {
-        var _a, _b;
-        const width = (_b = (_a = element.getAttribute("colwidth")) === null || _a === void 0 ? void 0 : _a.replace(/[^0-9]/, "")) !== null && _b !== void 0 ? _b : "";
+        const width = element.getAttribute("colwidth")?.replace(/[^0-9]/, "") ?? "";
         const colWidth = parseInt(width, 10);
         return totalWidth + (isNaN(colWidth) ? 0 : colWidth);
     }, 0);
@@ -39,4 +37,3 @@ function getWidth(totalWidth, element) {
     }
     return width;
 }
-//# sourceMappingURL=colspec-mapper.js.map

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

@@ -1,2 +1 @@
 export { OzonContentTableNode } from "./table.node";
-//# sourceMappingURL=index.js.map

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

@@ -11,11 +11,10 @@ function getColspecStartRowsep({ columns }, nameStart) {
     return colspecStart ? colspecStart.rowsep : null;
 }
 function getData(cell, colspecs) {
-    var _a;
     const nameStart = cell.getAttribute("namest");
     const row = cell.parentElement;
-    const tgroup = (_a = row === null || row === void 0 ? void 0 : row.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement;
-    const table = tgroup === null || tgroup === void 0 ? void 0 : tgroup.parentElement;
+    const tgroup = row?.parentElement?.parentElement;
+    const table = tgroup?.parentElement;
     const colsep = cell.getAttribute("colsep") ||
         (colspecs && nameStart ? getColspecStartColsep(colspecs, nameStart) : null) ||
         (tgroup && tgroup.getAttribute("colsep")) ||
@@ -46,4 +45,3 @@ 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" }, 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-colgroup.js

@@ -1,3 +1,2 @@
 import { Fragment, h } from "@stencil/core";
 export const Colgroup = ({ colspecs }) => colspecs.columns.length > 0 ? (h("colgroup", null, colspecs.columns.map((colspec) => (h("col", { style: { width: colspec.width } }))))) : (h(Fragment, null));
-//# sourceMappingURL=table-colgroup.js.map

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

@@ -4,4 +4,3 @@ 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, wijzigactie: parseWijzigactieFromNode(row) }))))))));
 };
-//# sourceMappingURL=table-rows.js.map

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

@@ -6,12 +6,11 @@ import { mapColspecs } from "./colspec/colspec-mapper";
 import { Colgroup } from "./table-colgroup";
 import { Rows } from "./table-rows";
 function mapData(node) {
-    var _a, _b, _c;
     const tgroup = node.querySelector(":scope > tgroup");
-    const colAttribute = (_a = tgroup === null || tgroup === void 0 ? void 0 : tgroup.getAttribute("cols")) !== null && _a !== void 0 ? _a : undefined;
+    const colAttribute = tgroup?.getAttribute("cols") ?? undefined;
     const columnCount = colAttribute ? parseInt(colAttribute, 10) : undefined;
     return {
-        caption: (_c = (_b = node.querySelector(":scope > title")) === null || _b === void 0 ? void 0 : _b.textContent) !== null && _c !== void 0 ? _c : undefined,
+        caption: node.querySelector(":scope > title")?.textContent ?? undefined,
         colspecs: tgroup && columnCount ? mapColspecs(columnCount, tgroup.querySelectorAll(":scope > colspec")) : undefined,
         headRows: Array.from(node.querySelectorAll(":scope > tgroup > thead > row")),
         bodyRows: Array.from(node.querySelectorAll(":scope > tgroup > tbody > row")),
@@ -28,11 +27,10 @@ export class OzonContentTableNode {
     render(node, context) {
         const { caption, colspecs, headRows, bodyRows, wijzigactie, frame } = mapData(node);
         const bron = Array.from(node.childNodes).find((n) => getNodeName(n) === "Bron");
-        return (h("dso-table", null, h("table", Object.assign({ class: clsx("table", {
+        return (h("dso-table", null, h("table", { class: clsx("table", {
                 "editaction-add": wijzigactie === "voegtoe",
                 "editaction-remove": wijzigactie === "verwijder",
                 [`dso-table-outside-lines-${frame}`]: frame,
-            }) }, (bron ? { "aria-describedby": this.id } : {})), caption && h("caption", null, caption), colspecs && h(Colgroup, { colspecs: colspecs }), headRows.length > 0 && (h("thead", null, h(Rows, { rows: headRows, colspecs: colspecs, context: context }))), bodyRows.length > 0 && (h("tbody", null, h(Rows, { rows: bodyRows, colspecs: colspecs, context: context })))), bron && h("div", { id: this.id }, context.mapNodeToJsx(bron))));
+            }), ...(bron ? { "aria-describedby": this.id } : {}) }, caption && h("caption", null, caption), colspecs && h(Colgroup, { colspecs: colspecs }), headRows.length > 0 && (h("thead", null, h(Rows, { rows: headRows, colspecs: colspecs, context: context }))), bodyRows.length > 0 && (h("tbody", null, h(Rows, { rows: bodyRows, colspecs: colspecs, context: context })))), bron && h("div", { id: this.id }, context.mapNodeToJsx(bron))));
     }
 }
-//# sourceMappingURL=table.node.js.map

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

@@ -11,4 +11,3 @@ export class OzonContentTextNode {
         return h(MarkText, { mark: mark, text: textContent, emitMarkItemHighlight: emitMarkItemHighlight });
     }
 }
-//# sourceMappingURL=text.node.js.map

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

@@ -7,4 +7,3 @@ export class OzonContentVerwijderdeTekstNode {
         return h("del", { class: "removed-text" }, mapNodeToJsx(node.childNodes));
     }
 }
-//# sourceMappingURL=verwijderde-tekst.node.js.map

package/dist/collection/components/ozon-content/ozon-content-context.interface.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=ozon-content-context.interface.js.map

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

@@ -55,19 +55,17 @@ export class Mapper {
         this.fallbackNode = new OzonContentFallbackNode();
     }
     findMapper(name) {
-        var _a;
         if (this.skip.includes(name)) {
             return undefined;
         }
-        return ((_a = this.mappers.find((m) => {
+        return (this.mappers.find((m) => {
             if (Array.isArray(m.name)) {
                 return m.name.includes(name);
             }
             return m.name === name;
-        })) !== null && _a !== void 0 ? _a : this.fallbackNode);
+        }) ?? this.fallbackNode);
     }
     mapNodeToJsx(node, context, path, ignoreMark) {
-        var _a;
         if (node instanceof NodeList) {
             return h(Fragment, null, Array.from(node).map((n) => this.mapNodeToJsx(n, context, path, ignoreMark)));
         }
@@ -79,9 +77,9 @@ export class Mapper {
         if (!mapper) {
             return h(Fragment, null);
         }
-        const identity = (_a = mapper.identify) === null || _a === void 0 ? void 0 : _a.call(mapper, node);
+        const identity = mapper.identify?.(node);
         const state = identity ? context.state[identity] : undefined;
-        const setState = identity ? (s) => context.setState(Object.assign(Object.assign({}, context.state), { [identity]: s })) : undefined;
+        const setState = identity ? (s) => context.setState({ ...context.state, [identity]: s }) : undefined;
         return mapper.render(node, {
             inline: context.inline,
             mark: context.mark,
@@ -107,4 +105,3 @@ export class Mapper {
         return this.mapNodeToJsx(doc.getRootNode(), context, []);
     }
 }
-//# sourceMappingURL=ozon-content-mapper.js.map