@dso-toolkit/core 62.18.0 → 62.20.0

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

@@ -2,182 +2,180 @@ import { h } from "@stencil/core";
 import { v4 } from "uuid";
 import { getActiveElement } from "../../utils/get-active-element";
 export class Modal {
-  constructor() {
-    this.ariaId = v4();
-    this.fullscreen = undefined;
-    this.modalTitle = undefined;
-    this.role = "dialog";
-    this.returnFocus = undefined;
-    this.showCloseButton = true;
-  }
-  get hasFooter() {
-    return this.host.querySelector("[slot='footer']") !== null;
-  }
-  componentDidLoad() {
-    var _a;
-    if ((_a = this.htmlDialogElement) === null || _a === void 0 ? void 0 : _a.isConnected) {
-      const activeElement = getActiveElement();
-      if (activeElement instanceof HTMLElement) {
-        this.returnFocusElement = activeElement;
-      }
-      this.htmlDialogElement.showModal();
+    constructor() {
+        this.ariaId = v4();
+        this.fullscreen = undefined;
+        this.modalTitle = undefined;
+        this.role = "dialog";
+        this.returnFocus = undefined;
+        this.showCloseButton = true;
     }
-    document.body.classList.add("dso-modal-open");
-  }
-  disconnectedCallback() {
-    var _a, _b, _c;
-    document.body.classList.remove("dso-modal-open");
-    (_a = this.htmlDialogElement) === null || _a === void 0 ? void 0 : _a.close();
-    if (this.returnFocus === false) {
-      return;
+    get hasFooter() {
+        return this.host.querySelector("[slot='footer']") !== null;
     }
-    (_c = ((_b = this.returnFocus) !== null && _b !== void 0 ? _b : this.returnFocusElement)) === null || _c === void 0 ? void 0 : _c.focus();
-  }
-  render() {
-    var _a;
-    return (h("dialog", { class: "dso-modal", role: (_a = this.role) !== null && _a !== void 0 ? _a : undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onCancel: (e) => {
-        e.preventDefault();
-        this.dsoClose.emit({ originalEvent: e });
-      } }, h("div", { class: "dso-dialog", role: "document" }, this.modalTitle ? (h("div", { class: "dso-header" }, h("h2", { id: this.ariaId }, this.modalTitle), this.showCloseButton && (h("button", { type: "button", class: "dso-close", onClick: (e) => this.dsoClose.emit({ originalEvent: e }) }, h("dso-icon", { icon: "times" }), h("span", { class: "sr-only" }, "Sluiten"))))) : (h("span", { class: "sr-only", id: this.ariaId }, "Dialoog")), h("dso-scrollable", null, h("div", { class: "dso-body", tabIndex: 0 }, h("slot", { name: "body" }))), this.hasFooter && (h("div", { class: "dso-footer" }, h("slot", { name: "footer" }))))));
-  }
-  static get is() { return "dso-modal"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["modal.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["modal.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "fullscreen": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "when set the modal will be shown in fullscreen."
-        },
-        "attribute": "fullscreen",
-        "reflect": true
-      },
-      "modalTitle": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The title of the Modal."
-        },
-        "attribute": "modal-title",
-        "reflect": false
-      },
-      "role": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string | null",
-          "resolved": "null | string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "the role for the modal `dialog` | `alert` | `alertdialog`."
-        },
-        "attribute": "role",
-        "reflect": false,
-        "defaultValue": "\"dialog\""
-      },
-      "returnFocus": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "false | HTMLElement | undefined",
-          "resolved": "HTMLElement | boolean | undefined",
-          "references": {
-            "HTMLElement": {
-              "location": "global",
-              "id": "global::HTMLElement"
+    componentDidLoad() {
+        var _a;
+        if ((_a = this.htmlDialogElement) === null || _a === void 0 ? void 0 : _a.isConnected) {
+            const activeElement = getActiveElement();
+            if (activeElement instanceof HTMLElement) {
+                this.returnFocusElement = activeElement;
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The element to return focus to after the modal is closed.\r\n\r\n* `undefined` will return focus to the previously focused element (default).\r\n* `false` will not return focus to any element.\r\n* or, provide your own `HTMLElement` that will receive focus upon closing."
-        },
-        "attribute": "return-focus",
-        "reflect": false,
-        "defaultValue": "undefined"
-      },
-      "showCloseButton": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "when `false` the close button in the header will not be rendered. Defaults to `true`.\r\n\r\nNeeds `modalTitle` to be set."
-        },
-        "attribute": "show-close-button",
-        "reflect": false,
-        "defaultValue": "true"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "ariaId": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "dsoClose",
-        "name": "dsoClose",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when the user wants to close the Modal."
-        },
-        "complexType": {
-          "original": "ModalCloseEvent",
-          "resolved": "ModalCloseEvent",
-          "references": {
-            "ModalCloseEvent": {
-              "location": "import",
-              "path": "./modal.interfaces",
-              "id": "src/components/modal/modal.interfaces.ts::ModalCloseEvent"
-            }
-          }
+            this.htmlDialogElement.showModal();
+        }
+    }
+    disconnectedCallback() {
+        var _a, _b, _c;
+        (_a = this.htmlDialogElement) === null || _a === void 0 ? void 0 : _a.close();
+        if (this.returnFocus === false) {
+            return;
         }
-      }];
-  }
-  static get elementRef() { return "host"; }
+        (_c = ((_b = this.returnFocus) !== null && _b !== void 0 ? _b : this.returnFocusElement)) === null || _c === void 0 ? void 0 : _c.focus();
+    }
+    render() {
+        var _a;
+        return (h("dialog", { key: '6072654b30fb1d5d37a85e415cc8238d9737fb62', class: "dso-modal", role: (_a = this.role) !== null && _a !== void 0 ? _a : undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onCancel: (e) => {
+                e.preventDefault();
+                this.dsoClose.emit({ originalEvent: e });
+            } }, h("div", { key: 'f1332e303c002cdc221237f69691c339fe6b629f', class: "dso-dialog", role: "document" }, this.modalTitle ? (h("div", { class: "dso-header" }, h("h2", { id: this.ariaId }, this.modalTitle), this.showCloseButton && (h("button", { type: "button", class: "dso-close", onClick: (e) => this.dsoClose.emit({ originalEvent: e }) }, h("dso-icon", { icon: "times" }), h("span", { class: "sr-only" }, "Sluiten"))))) : (h("span", { class: "sr-only", id: this.ariaId }, "Dialoog")), h("dso-scrollable", { key: '8ada9f86ded3d0b35cfcc2df1edcd2c969864d00' }, h("div", { key: 'b3845f15bdb227ade9a13ef4e718c6a13b0e21b8', class: "dso-body", tabIndex: 0 }, h("slot", { key: '5b55389b43bcaa09eabef43e16cb2d298e9d47dd', name: "body" }))), this.hasFooter && (h("div", { key: '135742b97efe4617a4ec7f64b86461fa69b5ab4a', class: "dso-footer" }, h("slot", { key: '6ddd36972880b56bc98764da436872a38664ad44', name: "footer" }))))));
+    }
+    static get is() { return "dso-modal"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["modal.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["modal.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "fullscreen": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "when set the modal will be shown in fullscreen."
+                },
+                "attribute": "fullscreen",
+                "reflect": true
+            },
+            "modalTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The title of the Modal."
+                },
+                "attribute": "modal-title",
+                "reflect": false
+            },
+            "role": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | null",
+                    "resolved": "null | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "the role for the modal `dialog` | `alert` | `alertdialog`."
+                },
+                "attribute": "role",
+                "reflect": false,
+                "defaultValue": "\"dialog\""
+            },
+            "returnFocus": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "false | HTMLElement | undefined",
+                    "resolved": "HTMLElement | boolean | undefined",
+                    "references": {
+                        "HTMLElement": {
+                            "location": "global",
+                            "id": "global::HTMLElement"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The element to return focus to after the modal is closed.\r\n\r\n* `undefined` will return focus to the previously focused element (default).\r\n* `false` will not return focus to any element.\r\n* or, provide your own `HTMLElement` that will receive focus upon closing."
+                },
+                "attribute": "return-focus",
+                "reflect": false,
+                "defaultValue": "undefined"
+            },
+            "showCloseButton": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "when `false` the close button in the header will not be rendered. Defaults to `true`.\r\n\r\nNeeds `modalTitle` to be set."
+                },
+                "attribute": "show-close-button",
+                "reflect": false,
+                "defaultValue": "true"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "ariaId": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "dsoClose",
+                "name": "dsoClose",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the user wants to close the Modal."
+                },
+                "complexType": {
+                    "original": "ModalCloseEvent",
+                    "resolved": "ModalCloseEvent",
+                    "references": {
+                        "ModalCloseEvent": {
+                            "location": "import",
+                            "path": "./modal.interfaces",
+                            "id": "src/components/modal/modal.interfaces.ts::ModalCloseEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    static get elementRef() { return "host"; }
 }
 //# sourceMappingURL=modal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../../src/components/modal/modal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h, Component, ComponentInterface, Element, Event, EventEmitter, Prop, State } from \"@stencil/core\";\r\nimport { v4 } from \"uuid\";\r\n\r\nimport { ModalCloseEvent } from \"./modal.interfaces\";\r\nimport { getActiveElement } from \"../../utils/get-active-element\";\r\n\r\n@Component({\r\n  tag: \"dso-modal\",\r\n  styleUrl: \"modal.scss\",\r\n  shadow: true,\r\n})\r\nexport class Modal implements ComponentInterface {\r\n  private htmlDialogElement?: HTMLDialogElement;\r\n\r\n  @Element()\r\n  host!: HTMLDsoModalElement;\r\n\r\n  @State()\r\n  ariaId = v4();\r\n\r\n  /**\r\n   * when set the modal will be shown in fullscreen.\r\n   */\r\n  @Prop({ reflect: true })\r\n  fullscreen?: boolean;\r\n\r\n  /**\r\n   * The title of the Modal.\r\n   */\r\n  @Prop()\r\n  modalTitle?: string;\r\n\r\n  /**\r\n   * the role for the modal `dialog` | `alert` | `alertdialog`.\r\n   */\r\n  @Prop()\r\n  role: string | null = \"dialog\";\r\n\r\n  /**\r\n   * The element to return focus to after the modal is closed.\r\n   *\r\n   * * `undefined` will return focus to the previously focused element (default).\r\n   * * `false` will not return focus to any element.\r\n   * * or, provide your own `HTMLElement` that will receive focus upon closing.\r\n   */\r\n  @Prop()\r\n  returnFocus: false | HTMLElement | undefined = undefined;\r\n\r\n  /**\r\n   * when `false` the close button in the header will not be rendered. Defaults to `true`.\r\n   *\r\n   * Needs `modalTitle` to be set.\r\n   */\r\n  @Prop()\r\n  showCloseButton = true;\r\n\r\n  private returnFocusElement: HTMLElement | undefined;\r\n\r\n  /**\r\n   * Emitted when the user wants to close the Modal.\r\n   */\r\n  @Event()\r\n  dsoClose!: EventEmitter<ModalCloseEvent>;\r\n\r\n  get hasFooter() {\r\n    return this.host.querySelector(\"[slot='footer']\") !== null;\r\n  }\r\n\r\n  componentDidLoad(): void {\r\n    if (this.htmlDialogElement?.isConnected) {\r\n      const activeElement = getActiveElement();\r\n      if (activeElement instanceof HTMLElement) {\r\n        this.returnFocusElement = activeElement;\r\n      }\r\n\r\n      this.htmlDialogElement.showModal();\r\n    }\r\n\r\n    document.body.classList.add(\"dso-modal-open\");\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    document.body.classList.remove(\"dso-modal-open\");\r\n    this.htmlDialogElement?.close();\r\n\r\n    if (this.returnFocus === false) {\r\n      return;\r\n    }\r\n\r\n    (this.returnFocus ?? this.returnFocusElement)?.focus();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <dialog\r\n        class=\"dso-modal\"\r\n        role={this.role ?? undefined}\r\n        aria-modal=\"true\"\r\n        aria-labelledby={this.ariaId}\r\n        ref={(element) => (this.htmlDialogElement = element)}\r\n        onCancel={(e) => {\r\n          e.preventDefault();\r\n\r\n          this.dsoClose.emit({ originalEvent: e });\r\n        }}\r\n      >\r\n        <div class=\"dso-dialog\" role=\"document\">\r\n          {this.modalTitle ? (\r\n            <div class=\"dso-header\">\r\n              <h2 id={this.ariaId}>{this.modalTitle}</h2>\r\n              {this.showCloseButton && (\r\n                <button type=\"button\" class=\"dso-close\" onClick={(e) => this.dsoClose.emit({ originalEvent: e })}>\r\n                  <dso-icon icon=\"times\"></dso-icon>\r\n                  <span class=\"sr-only\">Sluiten</span>\r\n                </button>\r\n              )}\r\n            </div>\r\n          ) : (\r\n            <span class=\"sr-only\" id={this.ariaId}>\r\n              Dialoog\r\n            </span>\r\n          )}\r\n\r\n          <dso-scrollable>\r\n            <div class=\"dso-body\" tabIndex={0}>\r\n              <slot name=\"body\" />\r\n            </div>\r\n          </dso-scrollable>\r\n\r\n          {this.hasFooter && (\r\n            <div class=\"dso-footer\">\r\n              <slot name=\"footer\" />\r\n            </div>\r\n          )}\r\n        </div>\r\n      </dialog>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../../src/components/modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAsB,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC5G,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAOlE,MAAM,OAAO,KAAK;;sBAOP,EAAE,EAAE;;;oBAmBS,QAAQ;2BAUiB,SAAS;+BAQtC,IAAI;;IAUtB,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC7D,CAAC;IAED,gBAAgB;;QACd,IAAI,MAAA,IAAI,CAAC,iBAAiB,0CAAE,WAAW,EAAE,CAAC;YACxC,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;YACzC,IAAI,aAAa,YAAY,WAAW,EAAE,CAAC;gBACzC,IAAI,CAAC,kBAAkB,GAAG,aAAa,CAAC;YAC1C,CAAC;YAED,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,CAAC;QACrC,CAAC;IACH,CAAC;IAED,oBAAoB;;QAClB,MAAA,IAAI,CAAC,iBAAiB,0CAAE,KAAK,EAAE,CAAC;QAEhC,IAAI,IAAI,CAAC,WAAW,KAAK,KAAK,EAAE,CAAC;YAC/B,OAAO;QACT,CAAC;QAED,MAAA,CAAC,MAAA,IAAI,CAAC,WAAW,mCAAI,IAAI,CAAC,kBAAkB,CAAC,0CAAE,KAAK,EAAE,CAAC;IACzD,CAAC;IAED,MAAM;;QACJ,OAAO,CACL,+DACE,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,MAAA,IAAI,CAAC,IAAI,mCAAI,SAAS,gBACjB,MAAM,qBACA,IAAI,CAAC,MAAM,EAC5B,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,iBAAiB,GAAG,OAAO,CAAC,EACpD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,CAAC,CAAC,cAAc,EAAE,CAAC;gBAEnB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,CAAC;YAC3C,CAAC;YAED,4DAAK,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,UAAU;gBACpC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CACjB,WAAK,KAAK,EAAC,YAAY;oBACrB,UAAI,EAAE,EAAE,IAAI,CAAC,MAAM,IAAG,IAAI,CAAC,UAAU,CAAM;oBAC1C,IAAI,CAAC,eAAe,IAAI,CACvB,cAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC;wBAC9F,gBAAU,IAAI,EAAC,OAAO,GAAY;wBAClC,YAAM,KAAK,EAAC,SAAS,cAAe,CAC7B,CACV,CACG,CACP,CAAC,CAAC,CAAC,CACF,YAAM,KAAK,EAAC,SAAS,EAAC,EAAE,EAAE,IAAI,CAAC,MAAM,cAE9B,CACR;gBAED;oBACE,4DAAK,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAE,CAAC;wBAC/B,6DAAM,IAAI,EAAC,MAAM,GAAG,CAChB,CACS;gBAEhB,IAAI,CAAC,SAAS,IAAI,CACjB,4DAAK,KAAK,EAAC,YAAY;oBACrB,6DAAM,IAAI,EAAC,QAAQ,GAAG,CAClB,CACP,CACG,CACC,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { h, Component, ComponentInterface, Element, Event, EventEmitter, Prop, State } from \"@stencil/core\";\r\nimport { v4 } from \"uuid\";\r\n\r\nimport { ModalCloseEvent } from \"./modal.interfaces\";\r\nimport { getActiveElement } from \"../../utils/get-active-element\";\r\n\r\n@Component({\r\n  tag: \"dso-modal\",\r\n  styleUrl: \"modal.scss\",\r\n  shadow: true,\r\n})\r\nexport class Modal implements ComponentInterface {\r\n  private htmlDialogElement?: HTMLDialogElement;\r\n\r\n  @Element()\r\n  host!: HTMLDsoModalElement;\r\n\r\n  @State()\r\n  ariaId = v4();\r\n\r\n  /**\r\n   * when set the modal will be shown in fullscreen.\r\n   */\r\n  @Prop({ reflect: true })\r\n  fullscreen?: boolean;\r\n\r\n  /**\r\n   * The title of the Modal.\r\n   */\r\n  @Prop()\r\n  modalTitle?: string;\r\n\r\n  /**\r\n   * the role for the modal `dialog` | `alert` | `alertdialog`.\r\n   */\r\n  @Prop()\r\n  // eslint-disable-next-line @stencil-community/reserved-member-names\r\n  role: string | null = \"dialog\";\r\n\r\n  /**\r\n   * The element to return focus to after the modal is closed.\r\n   *\r\n   * * `undefined` will return focus to the previously focused element (default).\r\n   * * `false` will not return focus to any element.\r\n   * * or, provide your own `HTMLElement` that will receive focus upon closing.\r\n   */\r\n  @Prop()\r\n  returnFocus: false | HTMLElement | undefined = undefined;\r\n\r\n  /**\r\n   * when `false` the close button in the header will not be rendered. Defaults to `true`.\r\n   *\r\n   * Needs `modalTitle` to be set.\r\n   */\r\n  @Prop()\r\n  showCloseButton = true;\r\n\r\n  private returnFocusElement: HTMLElement | undefined;\r\n\r\n  /**\r\n   * Emitted when the user wants to close the Modal.\r\n   */\r\n  @Event()\r\n  dsoClose!: EventEmitter<ModalCloseEvent>;\r\n\r\n  get hasFooter() {\r\n    return this.host.querySelector(\"[slot='footer']\") !== null;\r\n  }\r\n\r\n  componentDidLoad(): void {\r\n    if (this.htmlDialogElement?.isConnected) {\r\n      const activeElement = getActiveElement();\r\n      if (activeElement instanceof HTMLElement) {\r\n        this.returnFocusElement = activeElement;\r\n      }\r\n\r\n      this.htmlDialogElement.showModal();\r\n    }\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.htmlDialogElement?.close();\r\n\r\n    if (this.returnFocus === false) {\r\n      return;\r\n    }\r\n\r\n    (this.returnFocus ?? this.returnFocusElement)?.focus();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <dialog\r\n        class=\"dso-modal\"\r\n        role={this.role ?? undefined}\r\n        aria-modal=\"true\"\r\n        aria-labelledby={this.ariaId}\r\n        ref={(element) => (this.htmlDialogElement = element)}\r\n        onCancel={(e) => {\r\n          e.preventDefault();\r\n\r\n          this.dsoClose.emit({ originalEvent: e });\r\n        }}\r\n      >\r\n        <div class=\"dso-dialog\" role=\"document\">\r\n          {this.modalTitle ? (\r\n            <div class=\"dso-header\">\r\n              <h2 id={this.ariaId}>{this.modalTitle}</h2>\r\n              {this.showCloseButton && (\r\n                <button type=\"button\" class=\"dso-close\" onClick={(e) => this.dsoClose.emit({ originalEvent: e })}>\r\n                  <dso-icon icon=\"times\"></dso-icon>\r\n                  <span class=\"sr-only\">Sluiten</span>\r\n                </button>\r\n              )}\r\n            </div>\r\n          ) : (\r\n            <span class=\"sr-only\" id={this.ariaId}>\r\n              Dialoog\r\n            </span>\r\n          )}\r\n\r\n          <dso-scrollable>\r\n            <div class=\"dso-body\" tabIndex={0}>\r\n              <slot name=\"body\" />\r\n            </div>\r\n          </dso-scrollable>\r\n\r\n          {this.hasFooter && (\r\n            <div class=\"dso-footer\">\r\n              <slot name=\"footer\" />\r\n            </div>\r\n          )}\r\n        </div>\r\n      </dialog>\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,11 @@
+import { h } from "@stencil/core";
+export const WrapWijzigactie = ({ wijzigactie }, children) => {
+    if (wijzigactie === "voegtoe") {
+        return h("ins", null, children);
+    }
+    if (wijzigactie === "verwijder") {
+        return h("del", null, children);
+    }
+    return children;
+};
+//# sourceMappingURL=wrap-wijzigactie.functional-component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wrap-wijzigactie.functional-component.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/functional-components/wrap-wijzigactie.functional-component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAC;AAOvD,MAAM,CAAC,MAAM,eAAe,GAA8C,CAAC,EAAE,WAAW,EAAE,EAAE,QAAQ,EAAE,EAAE;IACtG,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;QAC9B,OAAO,eAAM,QAAQ,CAAO,CAAC;IAC/B,CAAC;IAED,IAAI,WAAW,KAAK,WAAW,EAAE,CAAC;QAChC,OAAO,eAAM,QAAQ,CAAO,CAAC;IAC/B,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC","sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\r\nimport { OzonContentWijzigActie } from \"../ozon-content.interfaces\";\r\n\r\nexport interface WrapWijzigactieProps {\r\n  wijzigactie: OzonContentWijzigActie | undefined;\r\n}\r\n\r\nexport const WrapWijzigactie: FunctionalComponent<WrapWijzigactieProps> = ({ wijzigactie }, children) => {\r\n  if (wijzigactie === \"voegtoe\") {\r\n    return <ins>{children}</ins>;\r\n  }\r\n\r\n  if (wijzigactie === \"verwijder\") {\r\n    return <del>{children}</del>;\r\n  }\r\n\r\n  return children;\r\n};\r\n"]}

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

@@ -0,0 +1,5 @@
+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/parse-wijzigactie-from-node.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse-wijzigactie-from-node.function.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/functions/parse-wijzigactie-from-node.function.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,wBAAwB,CAAC,IAAU;IACjD,MAAM,WAAW,GAAG,IAAI,YAAY,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3F,OAAO,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;AAC5F,CAAC","sourcesContent":["import { OzonContentWijzigActie } from \"../ozon-content.interfaces\";\r\n\r\nexport function parseWijzigactieFromNode(node: Node): OzonContentWijzigActie | undefined {\r\n  const wijzigactie = node instanceof Element ? node.getAttribute(\"wijzigactie\") : undefined;\r\n\r\n  return wijzigactie === \"voegtoe\" || wijzigactie === \"verwijder\" ? wijzigactie : undefined;\r\n}\r\n"]}

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

@@ -0,0 +1,10 @@
+export function wijzigactieToClassName(wijzigactie) {
+    if (wijzigactie === "voegtoe") {
+        return "editaction-add";
+    }
+    if (wijzigactie === "verwijder") {
+        return "editaction-remove";
+    }
+    return undefined;
+}
+//# sourceMappingURL=wijzigactie-to-class-name.function.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wijzigactie-to-class-name.function.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/functions/wijzigactie-to-class-name.function.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,sBAAsB,CAAC,WAA+C;IACpF,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;QAC9B,OAAO,gBAAgB,CAAC;IAC1B,CAAC;IAED,IAAI,WAAW,KAAK,WAAW,EAAE,CAAC;QAChC,OAAO,mBAAmB,CAAC;IAC7B,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC","sourcesContent":["import { OzonContentWijzigActie } from \"../ozon-content.interfaces\";\r\n\r\nexport function wijzigactieToClassName(wijzigactie: OzonContentWijzigActie | undefined): string | undefined {\r\n  if (wijzigactie === \"voegtoe\") {\r\n    return \"editaction-add\";\r\n  }\r\n\r\n  if (wijzigactie === \"verwijder\") {\r\n    return \"editaction-remove\";\r\n  }\r\n\r\n  return undefined;\r\n}\r\n"]}

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

@@ -1,10 +1,10 @@
 export function getNodeName(node) {
-  if (node instanceof Element) {
-    return node.localName;
-  }
-  if (node.nodeName.includes(":")) {
-    return node.nodeName.substring(node.nodeName.indexOf(":") + 1);
-  }
-  return node.nodeName;
+    if (node instanceof Element) {
+        return node.localName;
+    }
+    if (node.nodeName.includes(":")) {
+        return node.nodeName.substring(node.nodeName.indexOf(":") + 1);
+    }
+    return node.nodeName;
 }
 //# sourceMappingURL=get-node-name.function.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"get-node-name.function.js","sourceRoot":"","sources":["../../../../src/components/ozon-content/get-node-name.function.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,WAAW,CAAC,IAAU;EACpC,IAAI,IAAI,YAAY,OAAO,EAAE;IAC3B,OAAO,IAAI,CAAC,SAAS,CAAC;GACvB;EAED,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;IAC/B,OAAO,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;GAChE;EAED,OAAO,IAAI,CAAC,QAAQ,CAAC;AACvB,CAAC","sourcesContent":["export function getNodeName(node: Node): string {\r\n  if (node instanceof Element) {\r\n    return node.localName;\r\n  }\r\n\r\n  if (node.nodeName.includes(\":\")) {\r\n    return node.nodeName.substring(node.nodeName.indexOf(\":\") + 1);\r\n  }\r\n\r\n  return node.nodeName;\r\n}\r\n"]}
+{"version":3,"file":"get-node-name.function.js","sourceRoot":"","sources":["../../../../src/components/ozon-content/get-node-name.function.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,WAAW,CAAC,IAAU;IACpC,IAAI,IAAI,YAAY,OAAO,EAAE,CAAC;QAC5B,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAED,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IACjE,CAAC;IAED,OAAO,IAAI,CAAC,QAAQ,CAAC;AACvB,CAAC","sourcesContent":["export function getNodeName(node: Node): string {\r\n  if (node instanceof Element) {\r\n    return node.localName;\r\n  }\r\n\r\n  if (node.nodeName.includes(\":\")) {\r\n    return node.nodeName.substring(node.nodeName.indexOf(\":\") + 1);\r\n  }\r\n\r\n  return node.nodeName;\r\n}\r\n"]}

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

@@ -1,34 +1,29 @@
 import { h } from "@stencil/core";
 import { getNodeName } from "../get-node-name.function";
-import clsx from "clsx";
+import { wijzigactieToClassName } from "../functions/wijzigactie-to-class-name.function";
+import { parseWijzigactieFromNode } from "../functions/parse-wijzigactie-from-node.function";
+import { WrapWijzigactie } from "../functional-components/wrap-wijzigactie.functional-component";
 function isNestedAl(path) {
-  return path.some((n) => {
-    const nodeName = getNodeName(n);
-    return nodeName === "Al" || nodeName === "Opschrift";
-  });
+    return path.some((n) => {
+        const nodeName = getNodeName(n);
+        return nodeName === "Al" || nodeName === "Opschrift";
+    });
 }
 export class OzonContentAlNode {
-  constructor() {
-    this.name = "Al";
-  }
-  render(node, { mapNodeToJsx, path, inline }) {
-    let content = mapNodeToJsx(node.childNodes);
-    const wijzigactie = node.getAttribute("wijzigactie");
-    const className = clsx({ "editaction-add": wijzigactie === "voegtoe", "editaction-remove": wijzigactie === "verwijder" }) ||
-      undefined;
-    if (inline || isNestedAl(path)) {
-      content = (h("span", { role: "paragraph", class: className }, content));
+    constructor() {
+        this.name = "Al";
     }
-    else {
-      content = h("p", { class: className }, content);
+    render(node, { mapNodeToJsx, path, inline }) {
+        let content = mapNodeToJsx(node.childNodes);
+        const wijzigactie = parseWijzigactieFromNode(node);
+        const className = wijzigactieToClassName(wijzigactie);
+        if (inline || isNestedAl(path)) {
+            content = (h("span", { role: "paragraph", class: className }, content));
+        }
+        else {
+            content = h("p", { class: className }, content);
+        }
+        return h(WrapWijzigactie, { wijzigactie: wijzigactie }, content);
     }
-    if (wijzigactie === "voegtoe") {
-      content = h("ins", null, content);
-    }
-    else if (wijzigactie === "verwijder") {
-      content = h("del", null, content);
-    }
-    return content;
-  }
 }
 //# sourceMappingURL=al.node.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"al.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/al.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAGxD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,SAAS,UAAU,CAAC,IAAY;EAC9B,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;IACrB,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;IAEhC,OAAO,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,WAAW,CAAC;EACvD,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,OAAO,iBAAiB;EAA9B;IACE,SAAI,GAAG,IAAI,CAAC;EA4Bd,CAAC;EA1BC,MAAM,CAAC,IAAa,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAA0B;IAC1E,IAAI,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;IAErD,MAAM,SAAS,GACb,IAAI,CAAC,EAAE,gBAAgB,EAAE,WAAW,KAAK,SAAS,EAAE,mBAAmB,EAAE,WAAW,KAAK,WAAW,EAAE,CAAC;MACvG,SAAS,CAAC;IAEZ,IAAI,MAAM,IAAI,UAAU,CAAC,IAAI,CAAC,EAAE;MAC9B,OAAO,GAAG,CACR,YAAM,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,SAAS,IACpC,OAAO,CACH,CACR,CAAC;KACH;SAAM;MACL,OAAO,GAAG,SAAG,KAAK,EAAE,SAAS,IAAG,OAAO,CAAK,CAAC;KAC9C;IAED,IAAI,WAAW,KAAK,SAAS,EAAE;MAC7B,OAAO,GAAG,eAAM,OAAO,CAAO,CAAC;KAChC;SAAM,IAAI,WAAW,KAAK,WAAW,EAAE;MACtC,OAAO,GAAG,eAAM,OAAO,CAAO,CAAC;KAChC;IAED,OAAO,OAAO,CAAC;EACjB,CAAC;CACF","sourcesContent":["import { 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\nimport clsx from \"clsx\";\r\n\r\nfunction isNestedAl(path: Node[]) {\r\n  return path.some((n) => {\r\n    const nodeName = getNodeName(n);\r\n\r\n    return nodeName === \"Al\" || nodeName === \"Opschrift\";\r\n  });\r\n}\r\n\r\nexport class OzonContentAlNode implements OzonContentNode {\r\n  name = \"Al\";\r\n\r\n  render(node: Element, { mapNodeToJsx, path, inline }: OzonContentNodeContext) {\r\n    let content = mapNodeToJsx(node.childNodes);\r\n    const wijzigactie = node.getAttribute(\"wijzigactie\");\r\n\r\n    const className =\r\n      clsx({ \"editaction-add\": wijzigactie === \"voegtoe\", \"editaction-remove\": wijzigactie === \"verwijder\" }) ||\r\n      undefined;\r\n\r\n    if (inline || isNestedAl(path)) {\r\n      content = (\r\n        <span role=\"paragraph\" class={className}>\r\n          {content}\r\n        </span>\r\n      );\r\n    } else {\r\n      content = <p class={className}>{content}</p>;\r\n    }\r\n\r\n    if (wijzigactie === \"voegtoe\") {\r\n      content = <ins>{content}</ins>;\r\n    } else if (wijzigactie === \"verwijder\") {\r\n      content = <del>{content}</del>;\r\n    }\r\n\r\n    return content;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"al.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/al.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAIxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iDAAiD,CAAC;AACzF,OAAO,EAAE,wBAAwB,EAAE,MAAM,mDAAmD,CAAC;AAC7F,OAAO,EAAE,eAAe,EAAE,MAAM,gEAAgE,CAAC;AAEjG,SAAS,UAAU,CAAC,IAAY;IAC9B,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;QACrB,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;QAEhC,OAAO,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,WAAW,CAAC;IACvD,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,OAAO,iBAAiB;IAA9B;QACE,SAAI,GAAG,IAAI,CAAC;IAmBd,CAAC;IAjBC,MAAM,CAAC,IAAa,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAA0B;QAC1E,IAAI,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC5C,MAAM,WAAW,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC;QACnD,MAAM,SAAS,GAAG,sBAAsB,CAAC,WAAW,CAAC,CAAC;QAEtD,IAAI,MAAM,IAAI,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YAC/B,OAAO,GAAG,CACR,YAAM,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,SAAS,IACpC,OAAO,CACH,CACR,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,GAAG,SAAG,KAAK,EAAE,SAAS,IAAG,OAAO,CAAK,CAAC;QAC/C,CAAC;QAED,OAAO,EAAC,eAAe,IAAC,WAAW,EAAE,WAAW,IAAG,OAAO,CAAmB,CAAC;IAChF,CAAC;CACF","sourcesContent":["import { 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\nimport { wijzigactieToClassName } from \"../functions/wijzigactie-to-class-name.function\";\r\nimport { parseWijzigactieFromNode } from \"../functions/parse-wijzigactie-from-node.function\";\r\nimport { WrapWijzigactie } from \"../functional-components/wrap-wijzigactie.functional-component\";\r\n\r\nfunction isNestedAl(path: Node[]) {\r\n  return path.some((n) => {\r\n    const nodeName = getNodeName(n);\r\n\r\n    return nodeName === \"Al\" || nodeName === \"Opschrift\";\r\n  });\r\n}\r\n\r\nexport class OzonContentAlNode implements OzonContentNode {\r\n  name = \"Al\";\r\n\r\n  render(node: Element, { mapNodeToJsx, path, inline }: OzonContentNodeContext) {\r\n    let content = mapNodeToJsx(node.childNodes);\r\n    const wijzigactie = parseWijzigactieFromNode(node);\r\n    const className = wijzigactieToClassName(wijzigactie);\r\n\r\n    if (inline || isNestedAl(path)) {\r\n      content = (\r\n        <span role=\"paragraph\" class={className}>\r\n          {content}\r\n        </span>\r\n      );\r\n    } else {\r\n      content = <p class={className}>{content}</p>;\r\n    }\r\n\r\n    return <WrapWijzigactie wijzigactie={wijzigactie}>{content}</WrapWijzigactie>;\r\n  }\r\n}\r\n"]}

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

@@ -1,10 +1,10 @@
 import { h } from "@stencil/core";
 export class OzonContentBronNode {
-  constructor() {
-    this.name = "Bron";
-  }
-  render(node, { mapNodeToJsx }) {
-    return h("span", { class: "dso-ozon-bron" }, mapNodeToJsx(node.childNodes));
-  }
+    constructor() {
+        this.name = "Bron";
+    }
+    render(node, { mapNodeToJsx }) {
+        return h("span", { class: "dso-ozon-bron" }, mapNodeToJsx(node.childNodes));
+    }
 }
 //# sourceMappingURL=bron.node.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"bron.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/bron.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAKlC,MAAM,OAAO,mBAAmB;EAAhC;IACE,SAAI,GAAG,MAAM,CAAC;EAKhB,CAAC;EAHC,MAAM,CAAC,IAAa,EAAE,EAAE,YAAY,EAA0B;IAC5D,OAAO,YAAM,KAAK,EAAC,eAAe,IAAE,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAQ,CAAC;EAC5E,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 OzonContentBronNode implements OzonContentNode {\r\n  name = \"Bron\";\r\n\r\n  render(node: Element, { mapNodeToJsx }: OzonContentNodeContext) {\r\n    return <span class=\"dso-ozon-bron\">{mapNodeToJsx(node.childNodes)}</span>;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"bron.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/bron.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAKlC,MAAM,OAAO,mBAAmB;IAAhC;QACE,SAAI,GAAG,MAAM,CAAC;IAKhB,CAAC;IAHC,MAAM,CAAC,IAAa,EAAE,EAAE,YAAY,EAA0B;QAC5D,OAAO,YAAM,KAAK,EAAC,eAAe,IAAE,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAQ,CAAC;IAC5E,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 OzonContentBronNode implements OzonContentNode {\r\n  name = \"Bron\";\r\n\r\n  render(node: Element, { mapNodeToJsx }: OzonContentNodeContext) {\r\n    return <span class=\"dso-ozon-bron\">{mapNodeToJsx(node.childNodes)}</span>;\r\n  }\r\n}\r\n"]}

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

@@ -1,10 +1,10 @@
 import { Fragment, h } from "@stencil/core";
 export class OzonContentDocumentNode {
-  constructor() {
-    this.name = "#document";
-  }
-  render(node, { mapNodeToJsx }) {
-    return h(Fragment, null, mapNodeToJsx(node.childNodes));
-  }
+    constructor() {
+        this.name = "#document";
+    }
+    render(node, { mapNodeToJsx }) {
+        return h(Fragment, null, mapNodeToJsx(node.childNodes));
+    }
 }
 //# sourceMappingURL=document.node.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"document.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/document.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAK5C,MAAM,OAAO,uBAAuB;EAApC;IACE,SAAI,GAAG,WAAW,CAAC;EAKrB,CAAC;EAHC,MAAM,CAAC,IAAU,EAAE,EAAE,YAAY,EAA0B;IACzD,OAAO,EAAC,QAAQ,QAAE,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAY,CAAC;EAC9D,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 OzonContentDocumentNode implements OzonContentNode {\r\n  name = \"#document\";\r\n\r\n  render(node: Node, { mapNodeToJsx }: OzonContentNodeContext) {\r\n    return <Fragment>{mapNodeToJsx(node.childNodes)}</Fragment>;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"document.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/document.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAK5C,MAAM,OAAO,uBAAuB;IAApC;QACE,SAAI,GAAG,WAAW,CAAC;IAKrB,CAAC;IAHC,MAAM,CAAC,IAAU,EAAE,EAAE,YAAY,EAA0B;QACzD,OAAO,EAAC,QAAQ,QAAE,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAY,CAAC;IAC9D,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 OzonContentDocumentNode implements OzonContentNode {\r\n  name = \"#document\";\r\n\r\n  render(node: Node, { mapNodeToJsx }: OzonContentNodeContext) {\r\n    return <Fragment>{mapNodeToJsx(node.childNodes)}</Fragment>;\r\n  }\r\n}\r\n"]}

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

@@ -1,13 +1,13 @@
 import { h } from "@stencil/core";
 import kebabCase from "lodash.kebabcase";
 export class OzonContentExtRefNode {
-  constructor() {
-    this.name = ["ExtRef", "ExtIoRef"];
-  }
-  render(node, { mapNodeToJsx }) {
-    const href = node.tagName === "ExtIoRef" ? node.getAttribute("href") : node.getAttribute("ref");
-    const className = kebabCase(node.tagName);
-    return (h("a", { target: "_blank", rel: "noopener noreferrer", href: href !== null && href !== void 0 ? href : undefined, class: className }, mapNodeToJsx(node.childNodes), " ", h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"), h("dso-icon", { icon: "external-link" })));
-  }
+    constructor() {
+        this.name = ["ExtRef", "ExtIoRef"];
+    }
+    render(node, { mapNodeToJsx }) {
+        const href = node.tagName === "ExtIoRef" ? node.getAttribute("href") : node.getAttribute("ref");
+        const className = kebabCase(node.tagName);
+        return (h("a", { target: "_blank", rel: "noopener noreferrer", href: href !== null && href !== void 0 ? href : undefined, class: className }, mapNodeToJsx(node.childNodes), " ", h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"), h("dso-icon", { icon: "external-link" })));
+    }
 }
 //# sourceMappingURL=ext-ref.node.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ext-ref.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/ext-ref.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAKzC,MAAM,OAAO,qBAAqB;EAAlC;IACE,SAAI,GAAG,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;EAahC,CAAC;EAXC,MAAM,CAAC,IAAa,EAAE,EAAE,YAAY,EAA0B;IAC5D,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAChG,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAE1C,OAAO,CACL,SAAG,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,EAAC,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,EAAE,KAAK,EAAE,SAAS;MACnF,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC;;MAAE,YAAM,KAAK,EAAC,SAAS,8CAA+C;MACpG,gBAAU,IAAI,EAAC,eAAe,GAAY,CACxC,CACL,CAAC;EACJ,CAAC;CACF","sourcesContent":["import { h } from \"@stencil/core\";\r\nimport kebabCase from \"lodash.kebabcase\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentExtRefNode implements OzonContentNode {\r\n  name = [\"ExtRef\", \"ExtIoRef\"];\r\n\r\n  render(node: Element, { mapNodeToJsx }: OzonContentNodeContext) {\r\n    const href = node.tagName === \"ExtIoRef\" ? node.getAttribute(\"href\") : node.getAttribute(\"ref\");\r\n    const className = kebabCase(node.tagName);\r\n\r\n    return (\r\n      <a target=\"_blank\" rel=\"noopener noreferrer\" href={href ?? undefined} class={className}>\r\n        {mapNodeToJsx(node.childNodes)} <span class=\"sr-only\">(Opent andere website in nieuw tabblad)</span>\r\n        <dso-icon icon=\"external-link\"></dso-icon>\r\n      </a>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ext-ref.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/ext-ref.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAKzC,MAAM,OAAO,qBAAqB;IAAlC;QACE,SAAI,GAAG,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IAahC,CAAC;IAXC,MAAM,CAAC,IAAa,EAAE,EAAE,YAAY,EAA0B;QAC5D,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAChG,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAE1C,OAAO,CACL,SAAG,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,EAAC,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,EAAE,KAAK,EAAE,SAAS;YACnF,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC;;YAAE,YAAM,KAAK,EAAC,SAAS,8CAA+C;YACpG,gBAAU,IAAI,EAAC,eAAe,GAAY,CACxC,CACL,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { h } from \"@stencil/core\";\r\nimport kebabCase from \"lodash.kebabcase\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentExtRefNode implements OzonContentNode {\r\n  name = [\"ExtRef\", \"ExtIoRef\"];\r\n\r\n  render(node: Element, { mapNodeToJsx }: OzonContentNodeContext) {\r\n    const href = node.tagName === \"ExtIoRef\" ? node.getAttribute(\"href\") : node.getAttribute(\"ref\");\r\n    const className = kebabCase(node.tagName);\r\n\r\n    return (\r\n      <a target=\"_blank\" rel=\"noopener noreferrer\" href={href ?? undefined} class={className}>\r\n        {mapNodeToJsx(node.childNodes)} <span class=\"sr-only\">(Opent andere website in nieuw tabblad)</span>\r\n        <dso-icon icon=\"external-link\"></dso-icon>\r\n      </a>\r\n    );\r\n  }\r\n}\r\n"]}