@dso-toolkit/core 55.0.0 → 56.1.0

package/dist/collection/components/expandable-heading/expandable-heading.js

@@ -1,163 +0,0 @@
-import { Host, h } from "@stencil/core";
-import clsx from "clsx";
-import { v4 as uuidv4 } from "uuid";
-import { Heading } from "./heading";
-export class ExpandableHeading {
-  constructor() {
-    this.identifier = uuidv4();
-    this.open = undefined;
-    this.heading = "h2";
-    this.color = "default";
-    this.suppressed = false;
-    this.editAction = undefined;
-  }
-  toggle(e) {
-    this.open = !this.open;
-    this.dsoToggle.emit({ originalEvent: e, open: this.open });
-  }
-  render() {
-    const expandableProperties = this.open ? { open: true } : {};
-    return (h(Host, { class: clsx({
-        "dso-del": this.editAction === "delete",
-        "dso-ins": this.editAction === "insert",
-      }) }, this.editAction === "delete" && (h("p", { class: "dso-edit-action-text" }, h("span", null, "verwijderd:"))), this.editAction === "insert" && (h("p", { class: "dso-edit-action-text" }, h("span", null, "toegevoegd:"))), h("div", { class: clsx("expandable-heading", this.color === "black" ? "dso-expandable-heading-black" : "") }, h(Heading, { heading: this.heading }, h("button", { type: "button", "aria-expanded": this.open ? "true" : "false", "aria-controls": this.identifier, onClick: (e) => this.toggle(e) }, h("dso-icon", { icon: this.open ? "chevron-down" : "chevron-right" }), h("slot", { name: "title" }))), h("slot", { name: "addons-start" }), h("div", { class: "addons-end" }, h("slot", { name: "addons-end" }))), h("dso-expandable", Object.assign({ id: this.identifier }, expandableProperties), h("slot", { slot: "expandable-content" }))));
-  }
-  static get is() { return "dso-expandable-heading"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["expandable-heading.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["expandable-heading.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "open": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "To open the Expandable Heading."
-        },
-        "attribute": "open",
-        "reflect": false
-      },
-      "heading": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "HeadingTags",
-          "resolved": "\"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
-          "references": {
-            "HeadingTags": {
-              "location": "import",
-              "path": "./expandable-heading.interfaces"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Which heading element to use."
-        },
-        "attribute": "heading",
-        "reflect": false,
-        "defaultValue": "\"h2\""
-      },
-      "color": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"default\" | \"black\"",
-          "resolved": "\"black\" | \"default\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The color."
-        },
-        "attribute": "color",
-        "reflect": false,
-        "defaultValue": "\"default\""
-      },
-      "suppressed": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Marks this element as unavailable."
-        },
-        "attribute": "suppressed",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "editAction": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "EditAction",
-          "resolved": "\"delete\" | \"insert\" | undefined",
-          "references": {
-            "EditAction": {
-              "location": "import",
-              "path": "./expandable-heading.interfaces"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Whether this Expandable Heading has an edit action.\r\n\r\nAlso known as \"wijzigactie\" in STOP."
-        },
-        "attribute": "edit-action",
-        "reflect": false
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "dsoToggle",
-        "name": "dsoToggle",
-        "bubbles": false,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when the user activates the toggle button."
-        },
-        "complexType": {
-          "original": "ExpandableHeadingToggleEvent",
-          "resolved": "ExpandableHeadingToggleEvent",
-          "references": {
-            "ExpandableHeadingToggleEvent": {
-              "location": "import",
-              "path": "./expandable-heading.interfaces"
-            }
-          }
-        }
-      }];
-  }
-}
-//# sourceMappingURL=expandable-heading.js.map

package/dist/collection/components/expandable-heading/expandable-heading.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"expandable-heading.js","sourceRoot":"","sources":["../../../src/components/expandable-heading/expandable-heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC9E,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AAGpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAOpC,MAAM,OAAO,iBAAiB;;IAuCpB,eAAU,GAAG,MAAM,EAAE,CAAC;;mBA5BP,IAAI;iBAME,SAAS;sBAMzB,KAAK;;;EAkBV,MAAM,CAAC,CAA6B;IAC1C,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;IAEvB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;EAC7D,CAAC;EAED,MAAM;IACJ,MAAM,oBAAoB,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAE7D,OAAO,CACL,EAAC,IAAI,IACH,KAAK,EAAE,IAAI,CAAC;QACV,SAAS,EAAE,IAAI,CAAC,UAAU,KAAK,QAAQ;QACvC,SAAS,EAAE,IAAI,CAAC,UAAU,KAAK,QAAQ;OACxC,CAAC;MAED,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,CAC/B,SAAG,KAAK,EAAC,sBAAsB;QAC7B,8BAAwB,CACtB,CACL;MACA,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,CAC/B,SAAG,KAAK,EAAC,sBAAsB;QAC7B,8BAAwB,CACtB,CACL;MACD,WAAK,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,IAAI,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,CAAC;QAClG,EAAC,OAAO,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO;UAC5B,cACE,IAAI,EAAC,QAAQ,mBACE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBAC5B,IAAI,CAAC,UAAU,EAC9B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;YAE9B,gBAAU,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,GAAa;YACzE,YAAM,IAAI,EAAC,OAAO,GAAG,CACd,CACD;QACV,YAAM,IAAI,EAAC,cAAc,GAAG;QAC5B,WAAK,KAAK,EAAC,YAAY;UACrB,YAAM,IAAI,EAAC,YAAY,GAAG,CACtB,CACF;MACN,oCAAgB,EAAE,EAAE,IAAI,CAAC,UAAU,IAAM,oBAAoB;QAC3D,YAAM,IAAI,EAAC,oBAAoB,GAAQ,CACxB,CACZ,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, EventEmitter, Host, h, Prop } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\n\r\nimport { EditAction, ExpandableHeadingToggleEvent, HeadingTags } from \"./expandable-heading.interfaces\";\r\nimport { Heading } from \"./heading\";\r\n\r\n@Component({\r\n  tag: \"dso-expandable-heading\",\r\n  styleUrl: \"expandable-heading.scss\",\r\n  shadow: true,\r\n})\r\nexport class ExpandableHeading {\r\n  /**\r\n   * To open the Expandable Heading.\r\n   */\r\n  @Prop()\r\n  open?: boolean;\r\n\r\n  /**\r\n   * Which heading element to use.\r\n   */\r\n  @Prop()\r\n  heading: HeadingTags = \"h2\";\r\n\r\n  /**\r\n   * The color.\r\n   */\r\n  @Prop()\r\n  color: \"default\" | \"black\" = \"default\";\r\n\r\n  /**\r\n   * Marks this element as unavailable.\r\n   */\r\n  @Prop()\r\n  suppressed = false;\r\n\r\n  /**\r\n   * Whether this Expandable Heading has an edit action.\r\n   *\r\n   * Also known as \"wijzigactie\" in STOP.\r\n   */\r\n  @Prop()\r\n  editAction?: EditAction;\r\n\r\n  /**\r\n   * Emitted when the user activates the toggle button.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoToggle!: EventEmitter<ExpandableHeadingToggleEvent>;\r\n\r\n  private identifier = uuidv4();\r\n\r\n  private toggle(e: MouseEvent | KeyboardEvent) {\r\n    this.open = !this.open;\r\n\r\n    this.dsoToggle.emit({ originalEvent: e, open: this.open });\r\n  }\r\n\r\n  render() {\r\n    const expandableProperties = this.open ? { open: true } : {};\r\n\r\n    return (\r\n      <Host\r\n        class={clsx({\r\n          \"dso-del\": this.editAction === \"delete\",\r\n          \"dso-ins\": this.editAction === \"insert\",\r\n        })}\r\n      >\r\n        {this.editAction === \"delete\" && (\r\n          <p class=\"dso-edit-action-text\">\r\n            <span>verwijderd:</span>\r\n          </p>\r\n        )}\r\n        {this.editAction === \"insert\" && (\r\n          <p class=\"dso-edit-action-text\">\r\n            <span>toegevoegd:</span>\r\n          </p>\r\n        )}\r\n        <div class={clsx(\"expandable-heading\", this.color === \"black\" ? \"dso-expandable-heading-black\" : \"\")}>\r\n          <Heading heading={this.heading}>\r\n            <button\r\n              type=\"button\"\r\n              aria-expanded={this.open ? \"true\" : \"false\"}\r\n              aria-controls={this.identifier}\r\n              onClick={(e) => this.toggle(e)}\r\n            >\r\n              <dso-icon icon={this.open ? \"chevron-down\" : \"chevron-right\"}></dso-icon>\r\n              <slot name=\"title\" />\r\n            </button>\r\n          </Heading>\r\n          <slot name=\"addons-start\" />\r\n          <div class=\"addons-end\">\r\n            <slot name=\"addons-end\" />\r\n          </div>\r\n        </div>\r\n        <dso-expandable id={this.identifier} {...expandableProperties}>\r\n          <slot slot=\"expandable-content\"></slot>\r\n        </dso-expandable>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/expandable-heading/heading.js

@@ -1,17 +0,0 @@
-import { h } from "@stencil/core";
-export const Heading = ({ heading, ref, className }, children) => {
-  switch (heading) {
-    default:
-    case "h2":
-      return (h("h2", { ref: ref, class: className }, children));
-    case "h3":
-      return (h("h3", { ref: ref, class: className }, children));
-    case "h4":
-      return (h("h4", { ref: ref, class: className }, children));
-    case "h5":
-      return (h("h5", { ref: ref, class: className }, children));
-    case "h6":
-      return (h("h6", { ref: ref, class: className }, children));
-  }
-};
-//# sourceMappingURL=heading.js.map

package/dist/collection/components/expandable-heading/heading.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../src/components/expandable-heading/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAC;AAIvD,MAAM,CAAC,MAAM,OAAO,GAQf,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,EAAE;EAC7C,QAAQ,OAAO,EAAE;IACf,QAAQ;IACR,KAAK,IAAI;MACP,OAAO,CACL,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,CACN,CAAC;IACJ,KAAK,IAAI;MACP,OAAO,CACL,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,CACN,CAAC;IACJ,KAAK,IAAI;MACP,OAAO,CACL,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,CACN,CAAC;IACJ,KAAK,IAAI;MACP,OAAO,CACL,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,CACN,CAAC;IACJ,KAAK,IAAI;MACP,OAAO,CACL,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,CACN,CAAC;GACL;AACH,CAAC,CAAC","sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { HeadingTags } from \"./expandable-heading.interfaces\";\r\n\r\nexport const Heading: FunctionalComponent<{\r\n  heading: HeadingTags;\r\n  className?:\r\n    | string\r\n    | {\r\n        [className: string]: boolean;\r\n      };\r\n  ref?: (element: HTMLHeadingElement | undefined) => void;\r\n}> = ({ heading, ref, className }, children) => {\r\n  switch (heading) {\r\n    default:\r\n    case \"h2\":\r\n      return (\r\n        <h2 ref={ref} class={className}>\r\n          {children}\r\n        </h2>\r\n      );\r\n    case \"h3\":\r\n      return (\r\n        <h3 ref={ref} class={className}>\r\n          {children}\r\n        </h3>\r\n      );\r\n    case \"h4\":\r\n      return (\r\n        <h4 ref={ref} class={className}>\r\n          {children}\r\n        </h4>\r\n      );\r\n    case \"h5\":\r\n      return (\r\n        <h5 ref={ref} class={className}>\r\n          {children}\r\n        </h5>\r\n      );\r\n    case \"h6\":\r\n      return (\r\n        <h6 ref={ref} class={className}>\r\n          {children}\r\n        </h6>\r\n      );\r\n  }\r\n};\r\n"]}

package/dist/collection/services/annotation.service.js

@@ -1,17 +0,0 @@
-import { createStore } from "@stencil/store";
-export class AnnotationService {
-  static get state() {
-    if (!this._state) {
-      AnnotationService.initializeStore();
-    }
-    return this._state;
-  }
-  static toggle(id) {
-    this._state[id] = !this._state[id];
-  }
-  static initializeStore() {
-    const { state } = createStore({});
-    AnnotationService._state = state;
-  }
-}
-//# sourceMappingURL=annotation.service.js.map

package/dist/collection/services/annotation.service.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"annotation.service.js","sourceRoot":"","sources":["../../src/services/annotation.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAM7C,MAAM,OAAgB,iBAAiB;EAGrC,MAAM,KAAK,KAAK;IACd,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;MAChB,iBAAiB,CAAC,eAAe,EAAE,CAAC;KACrC;IAED,OAAO,IAAI,CAAC,MAAM,CAAC;EACrB,CAAC;EAED,MAAM,CAAC,MAAM,CAAC,EAAU;IACtB,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;EACrC,CAAC;EAEO,MAAM,CAAC,eAAe;IAC5B,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,CAAkB,EAAE,CAAC,CAAC;IAEnD,iBAAiB,CAAC,MAAM,GAAG,KAAK,CAAC;EACnC,CAAC;CACF","sourcesContent":["import { createStore } from \"@stencil/store\";\r\n\r\ninterface AnnotationState {\r\n  [key: string]: boolean;\r\n}\r\n\r\nexport abstract class AnnotationService {\r\n  private static _state: AnnotationState;\r\n\r\n  static get state(): AnnotationState {\r\n    if (!this._state) {\r\n      AnnotationService.initializeStore();\r\n    }\r\n\r\n    return this._state;\r\n  }\r\n\r\n  static toggle(id: string): void {\r\n    this._state[id] = !this._state[id];\r\n  }\r\n\r\n  private static initializeStore(): void {\r\n    const { state } = createStore<AnnotationState>({});\r\n\r\n    AnnotationService._state = state;\r\n  }\r\n}\r\n"]}

package/dist/components/annotation.service.js

@@ -1,21 +0,0 @@
-import { c as createStore } from './index2.js';
-
-class AnnotationService {
-  static get state() {
-    if (!this._state) {
-      AnnotationService.initializeStore();
-    }
-    return this._state;
-  }
-  static toggle(id) {
-    this._state[id] = !this._state[id];
-  }
-  static initializeStore() {
-    const { state } = createStore({});
-    AnnotationService._state = state;
-  }
-}
-
-export { AnnotationService as A };
-
-//# sourceMappingURL=annotation.service.js.map

package/dist/components/annotation.service.js.map

@@ -1 +0,0 @@
-{"file":"annotation.service.js","mappings":";;MAMsB,iBAAiB;EAGrC,WAAW,KAAK;IACd,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;MAChB,iBAAiB,CAAC,eAAe,EAAE,CAAC;KACrC;IAED,OAAO,IAAI,CAAC,MAAM,CAAC;GACpB;EAED,OAAO,MAAM,CAAC,EAAU;IACtB,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;GACpC;EAEO,OAAO,eAAe;IAC5B,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,CAAkB,EAAE,CAAC,CAAC;IAEnD,iBAAiB,CAAC,MAAM,GAAG,KAAK,CAAC;GAClC;;;;;","names":[],"sources":["./src/services/annotation.service.ts"],"sourcesContent":["import { createStore } from \"@stencil/store\";\r\n\r\ninterface AnnotationState {\r\n  [key: string]: boolean;\r\n}\r\n\r\nexport abstract class AnnotationService {\r\n  private static _state: AnnotationState;\r\n\r\n  static get state(): AnnotationState {\r\n    if (!this._state) {\r\n      AnnotationService.initializeStore();\r\n    }\r\n\r\n    return this._state;\r\n  }\r\n\r\n  static toggle(id: string): void {\r\n    this._state[id] = !this._state[id];\r\n  }\r\n\r\n  private static initializeStore(): void {\r\n    const { state } = createStore<AnnotationState>({});\r\n\r\n    AnnotationService._state = state;\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/dso-expandable-heading.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DsoExpandableHeading extends Components.DsoExpandableHeading, HTMLElement {}
-export const DsoExpandableHeading: {
-  prototype: DsoExpandableHeading;
-  new (): DsoExpandableHeading;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/dso-expandable-heading.js

@@ -1,86 +0,0 @@
-import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
-import { c as clsx } from './clsx.m.js';
-import { d as defineCustomElement$3 } from './expandable.js';
-import { d as defineCustomElement$2 } from './icon.js';
-import { v as v4 } from './v4.js';
-
-const Heading = ({ heading, ref, className }, children) => {
-  switch (heading) {
-    default:
-    case "h2":
-      return (h("h2", { ref: ref, class: className }, children));
-    case "h3":
-      return (h("h3", { ref: ref, class: className }, children));
-    case "h4":
-      return (h("h4", { ref: ref, class: className }, children));
-    case "h5":
-      return (h("h5", { ref: ref, class: className }, children));
-    case "h6":
-      return (h("h6", { ref: ref, class: className }, children));
-  }
-};
-
-const expandableHeadingCss = "h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{color:#275937}h1,.h1,h2,.h2,h3,.h3{margin-block-end:16px;margin-block-start:24px}h1,.h1{line-height:1.25}h1{font-size:2rem;font-weight:700}h2,.h2{line-height:1.33}h2{color:#275937;font-size:1.5rem;font-weight:700}h3,.h3{line-height:1.2}h3{color:#275937;font-size:1.25rem;font-weight:600}h4,.h4,h5,.h5,h6,.h6{margin-block-end:16px;margin-block-start:12px}h4,.h4{line-height:1.5}h4{color:#275937;font-size:1rem;font-weight:600}h5,.h5{line-height:1.5}h5{color:#191919;font-size:1rem;font-weight:600}h6,.h6{line-height:1.5}ins{background-color:#e4f1d4;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25);color:#000;text-decoration:none}:host{display:block;margin-inline:-8px;padding-inline:8px}:host(.dso-del){background-color:#f5d8dc;color:#000;text-decoration:line-through}:host(.dso-ins){background-color:#e4f1d4;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25);color:#000}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-edit-action-text{margin-bottom:8px;margin-top:-8px}.dso-edit-action-text span{display:inline-block;font-style:italic}.dso-edit-action-text+.expandable-heading{margin-top:0;padding-top:0}.expandable-heading{align-items:center;display:flex;margin-bottom:8px;margin-top:8px}.expandable-heading h2,.expandable-heading h3,.expandable-heading h4,.expandable-heading h5,.expandable-heading h6{font-size:1rem;margin-bottom:0;margin-right:8px;margin-top:0}.expandable-heading button{align-items:flex-start;cursor:pointer;background-color:transparent;border:0;color:inherit;display:flex;line-height:24px;font-size:inherit;font-weight:inherit;padding:0;text-align:left}.expandable-heading button>dso-icon{flex-shrink:0}.expandable-heading.dso-expandable-heading-black button{color:#000}:host([suppressed]){opacity:0.6}:host([suppressed]) .expandable-heading button{color:#666}dso-expandable{padding-left:24px}.addons-end{display:inline-block;margin-left:auto}";
-
-const ExpandableHeading = /*@__PURE__*/ proxyCustomElement(class ExpandableHeading extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.dsoToggle = createEvent(this, "dsoToggle", 3);
-    this.identifier = v4();
-    this.open = undefined;
-    this.heading = "h2";
-    this.color = "default";
-    this.suppressed = false;
-    this.editAction = undefined;
-  }
-  toggle(e) {
-    this.open = !this.open;
-    this.dsoToggle.emit({ originalEvent: e, open: this.open });
-  }
-  render() {
-    const expandableProperties = this.open ? { open: true } : {};
-    return (h(Host, { class: clsx({
-        "dso-del": this.editAction === "delete",
-        "dso-ins": this.editAction === "insert",
-      }) }, this.editAction === "delete" && (h("p", { class: "dso-edit-action-text" }, h("span", null, "verwijderd:"))), this.editAction === "insert" && (h("p", { class: "dso-edit-action-text" }, h("span", null, "toegevoegd:"))), h("div", { class: clsx("expandable-heading", this.color === "black" ? "dso-expandable-heading-black" : "") }, h(Heading, { heading: this.heading }, h("button", { type: "button", "aria-expanded": this.open ? "true" : "false", "aria-controls": this.identifier, onClick: (e) => this.toggle(e) }, h("dso-icon", { icon: this.open ? "chevron-down" : "chevron-right" }), h("slot", { name: "title" }))), h("slot", { name: "addons-start" }), h("div", { class: "addons-end" }, h("slot", { name: "addons-end" }))), h("dso-expandable", Object.assign({ id: this.identifier }, expandableProperties), h("slot", { slot: "expandable-content" }))));
-  }
-  static get style() { return expandableHeadingCss; }
-}, [1, "dso-expandable-heading", {
-    "open": [4],
-    "heading": [1],
-    "color": [1],
-    "suppressed": [4],
-    "editAction": [1, "edit-action"]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["dso-expandable-heading", "dso-expandable", "dso-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "dso-expandable-heading":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ExpandableHeading);
-      }
-      break;
-    case "dso-expandable":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "dso-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const DsoExpandableHeading = ExpandableHeading;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsoExpandableHeading, defineCustomElement };
-
-//# sourceMappingURL=dso-expandable-heading.js.map

package/dist/components/dso-expandable-heading.js.map

@@ -1 +0,0 @@
-{"file":"dso-expandable-heading.js","mappings":";;;;;;AAIO,MAAM,OAAO,GAQf,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,QAAQ;EACzC,QAAQ,OAAO;IACb,QAAQ;IACR,KAAK,IAAI;MACP,QACE,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,EACL;IACJ,KAAK,IAAI;MACP,QACE,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,EACL;IACJ,KAAK,IAAI;MACP,QACE,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,EACL;IACJ,KAAK,IAAI;MACP,QACE,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,EACL;IACJ,KAAK,IAAI;MACP,QACE,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,EACL;GACL;AACH,CAAC;;AC9CD,MAAM,oBAAoB,GAAG,k+DAAk+D;;MCYl/D,iBAAiB;;;;;;IAuCpB,eAAU,GAAGA,EAAM,EAAE,CAAC;;mBA5BP,IAAI;iBAME,SAAS;sBAMzB,KAAK;;;EAkBV,MAAM,CAAC,CAA6B;IAC1C,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;IAEvB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;GAC5D;EAED,MAAM;IACJ,MAAM,oBAAoB,GAAG,IAAI,CAAC,IAAI,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC;IAE7D,QACE,EAAC,IAAI,IACH,KAAK,EAAE,IAAI,CAAC;QACV,SAAS,EAAE,IAAI,CAAC,UAAU,KAAK,QAAQ;QACvC,SAAS,EAAE,IAAI,CAAC,UAAU,KAAK,QAAQ;OACxC,CAAC,IAED,IAAI,CAAC,UAAU,KAAK,QAAQ,KAC3B,SAAG,KAAK,EAAC,sBAAsB,IAC7B,8BAAwB,CACtB,CACL,EACA,IAAI,CAAC,UAAU,KAAK,QAAQ,KAC3B,SAAG,KAAK,EAAC,sBAAsB,IAC7B,8BAAwB,CACtB,CACL,EACD,WAAK,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,IAAI,CAAC,KAAK,KAAK,OAAO,GAAG,8BAA8B,GAAG,EAAE,CAAC,IAClG,EAAC,OAAO,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO,IAC5B,cACE,IAAI,EAAC,QAAQ,mBACE,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,OAAO,mBAC5B,IAAI,CAAC,UAAU,EAC9B,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAE9B,gBAAU,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,cAAc,GAAG,eAAe,GAAa,EACzE,YAAM,IAAI,EAAC,OAAO,GAAG,CACd,CACD,EACV,YAAM,IAAI,EAAC,cAAc,GAAG,EAC5B,WAAK,KAAK,EAAC,YAAY,IACrB,YAAM,IAAI,EAAC,YAAY,GAAG,CACtB,CACF,EACN,oCAAgB,EAAE,EAAE,IAAI,CAAC,UAAU,IAAM,oBAAoB,GAC3D,YAAM,IAAI,EAAC,oBAAoB,GAAQ,CACxB,CACZ,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["uuidv4"],"sources":["./src/components/expandable-heading/heading.tsx","./src/components/expandable-heading/expandable-heading.scss?tag=dso-expandable-heading&encapsulation=shadow","./src/components/expandable-heading/expandable-heading.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { HeadingTags } from \"./expandable-heading.interfaces\";\r\n\r\nexport const Heading: FunctionalComponent<{\r\n  heading: HeadingTags;\r\n  className?:\r\n    | string\r\n    | {\r\n        [className: string]: boolean;\r\n      };\r\n  ref?: (element: HTMLHeadingElement | undefined) => void;\r\n}> = ({ heading, ref, className }, children) => {\r\n  switch (heading) {\r\n    default:\r\n    case \"h2\":\r\n      return (\r\n        <h2 ref={ref} class={className}>\r\n          {children}\r\n        </h2>\r\n      );\r\n    case \"h3\":\r\n      return (\r\n        <h3 ref={ref} class={className}>\r\n          {children}\r\n        </h3>\r\n      );\r\n    case \"h4\":\r\n      return (\r\n        <h4 ref={ref} class={className}>\r\n          {children}\r\n        </h4>\r\n      );\r\n    case \"h5\":\r\n      return (\r\n        <h5 ref={ref} class={className}>\r\n          {children}\r\n        </h5>\r\n      );\r\n    case \"h6\":\r\n      return (\r\n        <h6 ref={ref} class={className}>\r\n          {children}\r\n        </h6>\r\n      );\r\n  }\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/headings/headings\";\r\n@use \"~dso-toolkit/src/components/insert/insert\";\r\n\r\n:host {\r\n  display: block;\r\n  margin-inline: -(units.$u1);\r\n  padding-inline: units.$u1;\r\n}\r\n\r\n:host(.dso-del) {\r\n  background-color: colors.$danger-bg-color;\r\n  color: colors.$zwart;\r\n  text-decoration: line-through;\r\n}\r\n\r\n:host(.dso-ins) {\r\n  background-color: colors.$success-bg-color;\r\n  box-shadow: insert.$insert-box-shadow;\r\n  color: colors.$zwart;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n.dso-edit-action-text {\r\n  margin-bottom: units.$u1;\r\n  margin-top: -(units.$u1);\r\n\r\n  span {\r\n    display: inline-block;\r\n    font-style: italic;\r\n  }\r\n\r\n  + .expandable-heading {\r\n    margin-top: 0;\r\n    padding-top: 0;\r\n  }\r\n}\r\n\r\n.expandable-heading {\r\n  align-items: center;\r\n  display: flex;\r\n  margin-bottom: units.$u1;\r\n  margin-top: units.$u1;\r\n\r\n  h2,\r\n  h3,\r\n  h4,\r\n  h5,\r\n  h6 {\r\n    font-size: 1rem;\r\n    margin-bottom: 0;\r\n    margin-right: units.$u1;\r\n    margin-top: 0;\r\n  }\r\n\r\n  button {\r\n    align-items: flex-start;\r\n    cursor: pointer;\r\n    background-color: transparent;\r\n    border: 0;\r\n    color: inherit;\r\n    display: flex;\r\n    line-height: 24px;\r\n    font-size: inherit;\r\n    font-weight: inherit;\r\n    padding: 0;\r\n    text-align: left;\r\n\r\n    > dso-icon {\r\n      flex-shrink: 0;\r\n    }\r\n  }\r\n\r\n  &.dso-expandable-heading-black button {\r\n    color: colors.$zwart;\r\n  }\r\n}\r\n\r\n:host([suppressed]) {\r\n  opacity: 0.6;\r\n\r\n  .expandable-heading button {\r\n    color: colors.$grijs-60;\r\n  }\r\n}\r\n\r\ndso-expandable {\r\n  padding-left: units.$u3;\r\n}\r\n\r\n.addons-end {\r\n  display: inline-block;\r\n  margin-left: auto;\r\n}\r\n","import { Component, Event, EventEmitter, Host, h, Prop } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\n\r\nimport { EditAction, ExpandableHeadingToggleEvent, HeadingTags } from \"./expandable-heading.interfaces\";\r\nimport { Heading } from \"./heading\";\r\n\r\n@Component({\r\n  tag: \"dso-expandable-heading\",\r\n  styleUrl: \"expandable-heading.scss\",\r\n  shadow: true,\r\n})\r\nexport class ExpandableHeading {\r\n  /**\r\n   * To open the Expandable Heading.\r\n   */\r\n  @Prop()\r\n  open?: boolean;\r\n\r\n  /**\r\n   * Which heading element to use.\r\n   */\r\n  @Prop()\r\n  heading: HeadingTags = \"h2\";\r\n\r\n  /**\r\n   * The color.\r\n   */\r\n  @Prop()\r\n  color: \"default\" | \"black\" = \"default\";\r\n\r\n  /**\r\n   * Marks this element as unavailable.\r\n   */\r\n  @Prop()\r\n  suppressed = false;\r\n\r\n  /**\r\n   * Whether this Expandable Heading has an edit action.\r\n   *\r\n   * Also known as \"wijzigactie\" in STOP.\r\n   */\r\n  @Prop()\r\n  editAction?: EditAction;\r\n\r\n  /**\r\n   * Emitted when the user activates the toggle button.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoToggle!: EventEmitter<ExpandableHeadingToggleEvent>;\r\n\r\n  private identifier = uuidv4();\r\n\r\n  private toggle(e: MouseEvent | KeyboardEvent) {\r\n    this.open = !this.open;\r\n\r\n    this.dsoToggle.emit({ originalEvent: e, open: this.open });\r\n  }\r\n\r\n  render() {\r\n    const expandableProperties = this.open ? { open: true } : {};\r\n\r\n    return (\r\n      <Host\r\n        class={clsx({\r\n          \"dso-del\": this.editAction === \"delete\",\r\n          \"dso-ins\": this.editAction === \"insert\",\r\n        })}\r\n      >\r\n        {this.editAction === \"delete\" && (\r\n          <p class=\"dso-edit-action-text\">\r\n            <span>verwijderd:</span>\r\n          </p>\r\n        )}\r\n        {this.editAction === \"insert\" && (\r\n          <p class=\"dso-edit-action-text\">\r\n            <span>toegevoegd:</span>\r\n          </p>\r\n        )}\r\n        <div class={clsx(\"expandable-heading\", this.color === \"black\" ? \"dso-expandable-heading-black\" : \"\")}>\r\n          <Heading heading={this.heading}>\r\n            <button\r\n              type=\"button\"\r\n              aria-expanded={this.open ? \"true\" : \"false\"}\r\n              aria-controls={this.identifier}\r\n              onClick={(e) => this.toggle(e)}\r\n            >\r\n              <dso-icon icon={this.open ? \"chevron-down\" : \"chevron-right\"}></dso-icon>\r\n              <slot name=\"title\" />\r\n            </button>\r\n          </Heading>\r\n          <slot name=\"addons-start\" />\r\n          <div class=\"addons-end\">\r\n            <slot name=\"addons-end\" />\r\n          </div>\r\n        </div>\r\n        <dso-expandable id={this.identifier} {...expandableProperties}>\r\n          <slot slot=\"expandable-content\"></slot>\r\n        </dso-expandable>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/index3.js

@@ -1,72 +0,0 @@
-/**
- * Returns a function, that, as long as it continues to be invoked, will not
- * be triggered. The function will be called after it stops being called for
- * N milliseconds. If `immediate` is passed, trigger the function on the
- * leading edge, instead of the trailing. The function also has a property 'clear' 
- * that is a function which will clear the timer to prevent previously scheduled executions. 
- *
- * @source underscore.js
- * @see http://unscriptable.com/2009/03/20/debouncing-javascript-methods/
- * @param {Function} function to wrap
- * @param {Number} timeout in ms (`100`)
- * @param {Boolean} whether to execute at the beginning (`false`)
- * @api public
- */
-function debounce(func, wait, immediate){
-  var timeout, args, context, timestamp, result;
-  if (null == wait) wait = 100;
-
-  function later() {
-    var last = Date.now() - timestamp;
-
-    if (last < wait && last >= 0) {
-      timeout = setTimeout(later, wait - last);
-    } else {
-      timeout = null;
-      if (!immediate) {
-        result = func.apply(context, args);
-        context = args = null;
-      }
-    }
-  }
-  var debounced = function(){
-    context = this;
-    args = arguments;
-    timestamp = Date.now();
-    var callNow = immediate && !timeout;
-    if (!timeout) timeout = setTimeout(later, wait);
-    if (callNow) {
-      result = func.apply(context, args);
-      context = args = null;
-    }
-
-    return result;
-  };
-
-  debounced.clear = function() {
-    if (timeout) {
-      clearTimeout(timeout);
-      timeout = null;
-    }
-  };
-  
-  debounced.flush = function() {
-    if (timeout) {
-      result = func.apply(context, args);
-      context = args = null;
-      
-      clearTimeout(timeout);
-      timeout = null;
-    }
-  };
-
-  return debounced;
-}
-// Adds compatibility for ES modules
-debounce.debounce = debounce;
-
-var debounce_1 = debounce;
-
-export { debounce_1 as d };
-
-//# sourceMappingURL=index3.js.map

package/dist/components/index3.js.map

@@ -1 +0,0 @@
-{"file":"index3.js","mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC;AACxC,EAAE,IAAI,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC;AAChD,EAAE,IAAI,IAAI,IAAI,IAAI,EAAE,IAAI,GAAG,GAAG,CAAC;AAC/B;AACA,EAAE,SAAS,KAAK,GAAG;AACnB,IAAI,IAAI,IAAI,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC;AACtC;AACA,IAAI,IAAI,IAAI,GAAG,IAAI,IAAI,IAAI,IAAI,CAAC,EAAE;AAClC,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;AAC/C,KAAK,MAAM;AACX,MAAM,OAAO,GAAG,IAAI,CAAC;AACrB,MAAM,IAAI,CAAC,SAAS,EAAE;AACtB,QAAQ,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AAC3C,QAAQ,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9B,OAAO;AACP,KAAK;AACL,GACA;AACA,EAAE,IAAI,SAAS,GAAG,UAAU;AAC5B,IAAI,OAAO,GAAG,IAAI,CAAC;AACnB,IAAI,IAAI,GAAG,SAAS,CAAC;AACrB,IAAI,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;AAC3B,IAAI,IAAI,OAAO,GAAG,SAAS,IAAI,CAAC,OAAO,CAAC;AACxC,IAAI,IAAI,CAAC,OAAO,EAAE,OAAO,GAAG,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;AACpD,IAAI,IAAI,OAAO,EAAE;AACjB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AACzC,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5B,KAAK;AACL;AACA,IAAI,OAAO,MAAM,CAAC;AAClB,GAAG,CAAC;AACJ;AACA,EAAE,SAAS,CAAC,KAAK,GAAG,WAAW;AAC/B,IAAI,IAAI,OAAO,EAAE;AACjB,MAAM,YAAY,CAAC,OAAO,CAAC,CAAC;AAC5B,MAAM,OAAO,GAAG,IAAI,CAAC;AACrB,KAAK;AACL,GAAG,CAAC;AACJ;AACA,EAAE,SAAS,CAAC,KAAK,GAAG,WAAW;AAC/B,IAAI,IAAI,OAAO,EAAE;AACjB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AACzC,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5B;AACA,MAAM,YAAY,CAAC,OAAO,CAAC,CAAC;AAC5B,MAAM,OAAO,GAAG,IAAI,CAAC;AACrB,KAAK;AACL,GAAG,CAAC;AACJ;AACA,EAAE,OAAO,SAAS,CAAC;AACnB,CACA;AACA;AACA,QAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAC7B;cACc,GAAG;;;;","names":[],"sources":["../../node_modules/debounce/index.js"],"sourcesContent":["/**\n * Returns a function, that, as long as it continues to be invoked, will not\n * be triggered. The function will be called after it stops being called for\n * N milliseconds. If `immediate` is passed, trigger the function on the\n * leading edge, instead of the trailing. The function also has a property 'clear' \n * that is a function which will clear the timer to prevent previously scheduled executions. \n *\n * @source underscore.js\n * @see http://unscriptable.com/2009/03/20/debouncing-javascript-methods/\n * @param {Function} function to wrap\n * @param {Number} timeout in ms (`100`)\n * @param {Boolean} whether to execute at the beginning (`false`)\n * @api public\n */\nfunction debounce(func, wait, immediate){\n  var timeout, args, context, timestamp, result;\n  if (null == wait) wait = 100;\n\n  function later() {\n    var last = Date.now() - timestamp;\n\n    if (last < wait && last >= 0) {\n      timeout = setTimeout(later, wait - last);\n    } else {\n      timeout = null;\n      if (!immediate) {\n        result = func.apply(context, args);\n        context = args = null;\n      }\n    }\n  };\n\n  var debounced = function(){\n    context = this;\n    args = arguments;\n    timestamp = Date.now();\n    var callNow = immediate && !timeout;\n    if (!timeout) timeout = setTimeout(later, wait);\n    if (callNow) {\n      result = func.apply(context, args);\n      context = args = null;\n    }\n\n    return result;\n  };\n\n  debounced.clear = function() {\n    if (timeout) {\n      clearTimeout(timeout);\n      timeout = null;\n    }\n  };\n  \n  debounced.flush = function() {\n    if (timeout) {\n      result = func.apply(context, args);\n      context = args = null;\n      \n      clearTimeout(timeout);\n      timeout = null;\n    }\n  };\n\n  return debounced;\n};\n\n// Adds compatibility for ES modules\ndebounce.debounce = debounce;\n\nmodule.exports = debounce;\n"],"version":3}

package/dist/dso-toolkit/p-0c762ac9.entry.js

@@ -1,2 +0,0 @@
-import{h as n,F as o,r as t,c as e,H as s,g as c}from"./p-26cdce1c.js";import{i as r}from"./p-5950644a.js";import{c as i}from"./p-6a1980b4.js";import{v as d}from"./p-5d7f4ff2.js";function l(n){if(n instanceof Element){return n.localName}if(n.nodeName.includes(":")){return n.nodeName.substring(n.nodeName.indexOf(":")+1)}return n.nodeName}class a{constructor(){this.name="Al"}render(o,{mapNodeToJsx:t,path:e}){const s=e.some((n=>{const o=l(n);return o==="Al"||o==="Opschrift"}));const c=t(o.childNodes);return s?n("span",{role:"paragraph"},c):n("p",null,c)}}class u{constructor(){this.name="Bron"}render(o,{mapNodeToJsx:t}){return n("span",{class:"dso-ozon-bron"},t(o.childNodes))}}class h{constructor(){this.name="#document"}render(t,{mapNodeToJsx:e}){return n(o,null,e(t.childNodes))}}class f{constructor(){this.name=["ExtRef","ExtIoRef"]}render(o,{mapNodeToJsx:t}){const e=o.tagName==="ExtIoRef"?o.getAttribute("href"):o.getAttribute("ref");return n("a",{target:"_blank",rel:"noopener noreferrer",href:e!==null&&e!==void 0?e:undefined},n("span",{class:"sr-only"},"opent in nieuw venster "),t(o.childNodes))}}class p{constructor(){this.name=["<fallback>"]}render(o,{mapNodeToJsx:t}){return n("span",{class:`fallback od-${l(o)}`},t(o.childNodes))}}const g=({bijschrift:t,bron:e,mapNodeToJsx:s})=>n("span",{class:"figuur-bijschrift"},t&&t.inhoud&&s(t.inhoud),e&&n(o,null,`${t?" ":""}(bron: `,s(e),")"));class m{constructor(){this.name=["Figuur"]}setImageDimensions(n,o){const{naturalHeight:t,naturalWidth:e}=n;n.height=t*(o/100);n.width=e*(o/100)}onImageLoad(n,o){if(n.target instanceof HTMLImageElement&&o){this.setImageDimensions(n.target,o)}}render(o,{mapNodeToJsx:t}){var e,s,c,r,i,d;const a=Array.from(o.childNodes);const u=(e=a.find((n=>l(n)==="Titel")))===null||e===void 0?void 0:e.textContent;const h=a.find((n=>l(n)==="Bron"));const f=a.find((n=>l(n)==="Illustratie"));const p=a.find((n=>l(n)==="Bijschrift"));if(f instanceof Element){const o={naam:f.getAttribute("naam"),breedte:f.getAttribute("breedte"),hoogte:f.getAttribute("hoogte"),uitlijning:f.getAttribute("uitlijning"),alt:f.getAttribute("alt"),schaal:f.getAttribute("schaal")};const e=p instanceof Element?{inhoud:p.childNodes,locatie:(s=p.getAttribute("locatie"))!==null&&s!==void 0?s:"onder"}:undefined;return n("div",{class:`dso-ozon-figuur ${e?`bijschrift-${e.locatie}`:"onder"}`},u&&n("span",{class:"figuur-titel"},u),(e===null||e===void 0?void 0:e.locatie)==="boven"&&n(g,{bijschrift:e,bron:h,mapNodeToJsx:t}),n("dso-image-overlay",null,u&&n("div",{slot:"titel"},n("span",null,u)),n("img",{src:(c=o.naam)!==null&&c!==void 0?c:undefined,alt:(d=(i=(r=o.alt)!==null&&r!==void 0?r:u)!==null&&i!==void 0?i:o.naam)!==null&&d!==void 0?d:undefined,onLoad:n=>this.onImageLoad(n,Number(o.schaal))}),(e||h)&&n("div",{slot:"bijschrift"},n(g,{bijschrift:e,bron:h,mapNodeToJsx:t}))),((e===null||e===void 0?void 0:e.locatie)==="onder"||!e&&h)&&n(g,{bijschrift:e,bron:h,mapNodeToJsx:t}))}}}class z{constructor(){this.name=["Inhoud","ContainerBlocksType","BlockMixedcontentMetMaximaleInlinesMarkersPopupsType"]}render(o,{mapNodeToJsx:t}){return n("div",{class:"dso-rich-content"},t(o.childNodes))}}class b{constructor(){this.name=["InlineTekstAfbeelding","Illustratie"]}render(o){var t,e,s,c;return n("img",{src:(t=o.getAttribute("naam"))!==null&&t!==void 0?t:undefined,alt:(e=o.getAttribute("naam"))!==null&&e!==void 0?e:undefined,height:(s=o.getAttribute("hoogte"))!==null&&s!==void 0?s:undefined,width:(c=o.getAttribute("breedte"))!==null&&c!==void 0?c:undefined})}}class v{constructor(){this.name=["sub","sup","strong","b","u","i","br"]}render(o,{mapNodeToJsx:t}){if(o.localName==="br"){return n("br",null)}const e=o.localName;return n(e,null,t(o.childNodes))}}class x{constructor(){this.name="IntIoRef"}render(o,{mapNodeToJsx:t,emitAnchorClick:e}){const s=o.getAttribute("ref");if(!s){return t(o.childNodes)}const c=n=>{n.preventDefault();const o=n.currentTarget;if(!(o instanceof HTMLAnchorElement)){return}const{href:t}=o;e({node:this.name,href:t,documentComponent:s,originalEvent:n})};return n("a",{href:`#${s}`,onClick:c},t(o.childNodes))}}class w{constructor(){this.name="IntRef"}render(o,{mapNodeToJsx:t,emitAnchorClick:e}){const s=o.getAttribute("ref");if(!s){return t(o.childNodes)}const c=n=>{n.preventDefault();const o=n.currentTarget;if(!(o instanceof HTMLAnchorElement)){return}const{href:t}=o;e({node:this.name,href:t,documentComponent:s,originalEvent:n})};return n("a",{href:`#${s}`,onClick:c},t(o.childNodes))}}class y{constructor(){this.name="Lijst"}render(o,{mapNodeToJsx:t}){var e;const s=Array.from(o.childNodes);const c=s.find((n=>l(n)==="Lijstaanhef"));const r=s.find((n=>l(n)==="Lijstsluiting"));const i=s.filter((n=>l(n)==="Li"));return n("div",{class:"dso-ozon-lijst od-Lijst"},c&&t(c),n("ul",{class:(e=o.getAttribute("type"))!==null&&e!==void 0?e:""},i.map((o=>{var e;const s=Array.from(o.childNodes);const c=(e=s.find((n=>l(n)==="LiNummer")))===null||e===void 0?void 0:e.childNodes;return n("li",{class:"od-Li"},c&&n("span",{class:"od-LiNummer"},t(c)),t(s.filter((n=>l(n)!=="LiNummer"))))}))),r&&t(r))}}class k{constructor(){this.name="NieuweTekst"}render(o,{mapNodeToJsx:t}){return n("ins",null,t(o.childNodes))}}class j{constructor(){this.name="Noot";this.handles=["NootNummer"]}identify(){return"Noot"}render(t,{mapNodeToJsx:e,state:s,setState:c}){var r,i;const d=t.getAttribute("id");if(!d){console.error("Noot node without id",t);return n(o,null)}const a=`dso-ozon-note-${d}`;const u=Array.from(t.childNodes);const h=(i=(r=u.find((n=>l(n)==="NootNummer")))===null||r===void 0?void 0:r.textContent)!==null&&i!==void 0?i:d;return n(o,null,n("sup",null,n("button",{type:"button",class:"toggle-note","aria-describedby":a,onClick:()=>c===null||c===void 0?void 0:c(s===d?undefined:d),onBlur:()=>c===null||c===void 0?void 0:c(undefined),"aria-expanded":s===d?"true":"false"},h)),n("dso-tooltip",{active:s===d,id:a,stateless:true,descriptive:true},n("span",{role:"section"},e(Array.from(t.querySelectorAll(":scope > Al"))))))}}class N{constructor(){this.name="Opschrift"}render(t,{mapNodeToJsx:e}){return n(o,null,e(t.childNodes))}}function T(n,o){const t=Array.from(o);const e=B(t);return{totalWidth:e,count:n,columns:t.map(((n,o)=>{var t;const s=n.getAttribute("colnum");return{name:(t=n.getAttribute("colname"))!==null&&t!==void 0?t:"",number:s?parseInt(s,10):o+1,width:E(e,n)}}))}}function B(n){return n.reduce(((n,o)=>{var t,e;const s=(e=(t=o.getAttribute("colwidth"))===null||t===void 0?void 0:t.replace(/[^0-9]/,""))!==null&&e!==void 0?e:"";const c=parseInt(s,10);return n+(isNaN(c)?0:c)}),0)}function E(n,o){const t=o.getAttribute("colwidth");if(!t){return undefined}if(t==="*"){return"100%"}if(t.includes("*")||t.match(/^[\d+]$/)){const o=parseInt(t.replace(/[^0-9]/,""),10);return`${Math.round(o/n*100)}%`}return t}const A=({colspecs:t})=>t.columns.length>0?n("colgroup",null,t.columns.map((o=>n("col",{style:{width:o.width}})))):n(o,null);function C(n){return{moreRows:n.getAttribute("morerows"),nameStart:n.getAttribute("namest"),nameEnd:n.getAttribute("nameend")}}function I({columns:n},o,t){const e=n.find((n=>n.name===o));const s=n.find((n=>n.name===t));if(!e||!s){return undefined}const c=s.number-e.number+1;return c===1?undefined:c}const L=({context:{mapNodeToJsx:o},colspecs:t,cell:e})=>{const{moreRows:s,nameStart:c,nameEnd:r}=C(e);const i={rowSpan:s?parseInt(s,10)+1:undefined,colSpan:t&&c&&r?I(t,c,r):undefined};return n("td",Object.assign({},i),o(e.childNodes))};const J=({context:t,colspecs:e,rows:s})=>n(o,null,s.map((o=>n("tr",null,Array.from(o.children).map((o=>n(L,{cell:o,colspecs:e,context:t})))))));function D(n){var o,t,e;const s=n.querySelector(":scope > tgroup");const c=(o=s===null||s===void 0?void 0:s.getAttribute("cols"))!==null&&o!==void 0?o:undefined;const r=c?parseInt(c,10):undefined;return{caption:(e=(t=n.querySelector(":scope > title"))===null||t===void 0?void 0:t.textContent)!==null&&e!==void 0?e:undefined,colspecs:s&&r?T(r,s.querySelectorAll(":scope > colspec")):undefined,headRows:Array.from(n.querySelectorAll(":scope > tgroup > thead > row")),bodyRows:Array.from(n.querySelectorAll(":scope > tgroup > tbody > row")),editAction:n.getAttribute("wijzigactie")}}class R{constructor(){this.name="table";this.handles=["title","tgroup","colspec","thead","tbody","row","cell"];this.id=d()}render(o,t){const{caption:e,colspecs:s,headRows:c,bodyRows:r,editAction:d}=D(o);const a=Array.from(o.childNodes).find((n=>l(n)==="Bron"));return n("dso-table",null,n("table",Object.assign({class:i("table dso-table-vertical-lines",{"dso-del":d==="verwijder","dso-ins":d==="voegtoe"})},a?{"aria-describedby":this.id}:{}),e&&n("caption",null,e),s&&n(A,{colspecs:s}),c.length>0&&n("thead",null,n(J,{rows:c,colspecs:s,context:t})),r.length>0&&n("tbody",null,n(J,{rows:r,colspecs:s,context:t}))),a&&n("div",{id:this.id},t.mapNodeToJsx(a)))}}class M{constructor(){this.name="#text"}render(t){return n(o,null,t.textContent)}}class O{constructor(){this.name="VerwijderdeTekst"}render(o,{mapNodeToJsx:t}){return n("del",null,t(o.childNodes))}}class ${constructor(){this.mappers=[new M,new h,new z,new N,new w,new f,new a,new v,new b,new j,new R,new x,new m,new y,new u,new k,new O];this.skip=this.mappers.reduce(((n,o)=>{if(o.handles){n.push(...o.handles)}return n}),[]);this.fallbackNode=new p;this.domParser=new DOMParser}findMapper(n){var o;if(this.skip.includes(n)){return undefined}return(o=this.mappers.find((o=>{if(Array.isArray(o.name)){return o.name.includes(n)}return o.name===n})))!==null&&o!==void 0?o:this.fallbackNode}mapNodeToJsx(t,e,s){var c;if(t instanceof NodeList){return n(o,null,Array.from(t).map((n=>this.mapNodeToJsx(n,e,s))))}if(Array.isArray(t)){return n(o,null,t.map((n=>this.mapNodeToJsx(n,e,s))))}const r=l(t);const i=this.findMapper(r);if(!i){return n(o,null)}const d=(c=i.identify)===null||c===void 0?void 0:c.call(i,t);const a=d?e.state[d]:undefined;const u=d?n=>e.setState(Object.assign(Object.assign({},e.state),{[d]:n})):undefined;return i.render(t,{mapNodeToJsx:n=>this.mapNodeToJsx(n,e,[...s,t]),emitAnchorClick:e.emitAnchorClick,setState:u,state:a,path:s})}transform(n,o){if(!this.cache||this.cache.xml!==n){this.cache={xml:n,document:this.domParser.parseFromString(n,"text/xml")}}const t=this.cache.document;return this.mapNodeToJsx(t.getRootNode(),o,[])}}const H="ins.sc-dso-ozon-content {\n  background-color: #e4f1d4;\n  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);\n  color: #000;\n  text-decoration: none;\n}\n\n.sc-dso-ozon-content-h:not([inline]) {\n  display: block;\n}\n\n[inline].sc-dso-ozon-content-h {\n  display: inline;\n}\n\n[deleted].sc-dso-ozon-content-h *.sc-dso-ozon-content {\n  text-decoration: line-through !important;\n}\n\n[interactive].sc-dso-ozon-content-h {\n  background-color: transparent;\n  color: #39870c;\n  text-decoration: underline;\n  cursor: pointer;\n  color: #275937;\n  font-weight: 600;\n  text-decoration: none;\n}\n[interactive].sc-dso-ozon-content-h:hover, [interactive].sc-dso-ozon-content-h:focus {\n  color: #676cb0;\n  text-decoration: underline;\n}\n[interactive].sc-dso-ozon-content-h:active {\n  text-decoration: none;\n}\n\n[interactive=sub].sc-dso-ozon-content-h {\n  color: #191919;\n}\n\n.deleted-start.sc-dso-ozon-content, .deleted-end.sc-dso-ozon-content {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\nbutton.toggle-note.sc-dso-ozon-content {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n}\nbutton.toggle-note.sc-dso-ozon-content:focus, button.toggle-note.sc-dso-ozon-content:focus-visible {\n  outline-offset: 2px;\n}\nbutton.toggle-note.sc-dso-ozon-content:active {\n  outline: 0;\n}\nbutton.toggle-note[disabled].sc-dso-ozon-content {\n  color: #afcf9d;\n}\nbutton.toggle-note[disabled].dso-spinner-left.sc-dso-ozon-content, button.toggle-note[disabled].dso-spinner-right.sc-dso-ozon-content {\n  color: #39870c;\n}\nbutton.toggle-note.sc-dso-ozon-content:not([disabled]):hover {\n  color: #275937;\n  text-decoration: underline;\n  text-underline-position: under;\n}\nbutton.toggle-note.sc-dso-ozon-content:not([disabled]):active {\n  color: #173521;\n}\nbutton.toggle-note.btn-align.sc-dso-ozon-content {\n  line-height: calc(1.5em - 1px);\n  padding: 11px 0;\n  position: relative;\n}\nbutton.toggle-note.dso-spinner-left.sc-dso-ozon-content::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-right: 8px;\n}\nbutton.toggle-note.dso-spinner-right.sc-dso-ozon-content::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-left: 8px;\n}\nbutton.toggle-note.sc-dso-ozon-content dso-icon.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content svg.di.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + dso-icon.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + svg.di.sc-dso-ozon-content {\n  margin-left: 8px;\n}\nbutton.toggle-note.sc-dso-ozon-content svg.di.di-chevron-down.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content svg.di.di-chevron-up.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + svg.di.di-chevron-down.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + svg.di.di-chevron-up.sc-dso-ozon-content {\n  margin-left: 4px;\n}\nbutton.toggle-note.sc-dso-ozon-content dso-icon[icon=chevron-left].sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content dso-icon[icon=chevron-right].sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content svg.di.di-angle-down.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content svg.di.di-angle-up.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + svg.di.di-angle-down.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + svg.di.di-angle-up.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + dso-icon[icon=chevron-left].sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + dso-icon[icon=chevron-right].sc-dso-ozon-content {\n  margin-left: 0;\n}\nbutton.toggle-note.sc-dso-ozon-content dso-icon.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content svg.di.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content {\n  vertical-align: middle;\n}\n\nspan[role=section].sc-dso-ozon-content, span[role=paragraph].sc-dso-ozon-content {\n  display: block;\n}\n\n.fallback.sc-dso-ozon-content {\n  display: block;\n}\n\n.od-Term.sc-dso-ozon-content {\n  font-weight: 700;\n}\n\n.od-Definitie.sc-dso-ozon-content, .od-Tussenkop.sc-dso-ozon-content {\n  font-style: italic;\n}\n\n.od-Inhoud.sc-dso-ozon-content, .od-Inhoud.sc-dso-ozon-content > .od-Lijst.sc-dso-ozon-content, .od-IntIoRef.sc-dso-ozon-content, .od-Lidnr.sc-dso-ozon-content, .od-LiNr.sc-dso-ozon-content, .od-Opschrift.sc-dso-ozon-content, .od-Tussenkop.sc-dso-ozon-content {\n  display: inline;\n}\n\n.od-Al.sc-dso-ozon-content {\n  margin-bottom: 0.75em;\n}\n\n.od-IntIoRef.sc-dso-ozon-content {\n  border-bottom: 1px dotted;\n}\n\n.dso-ozon-bron.sc-dso-ozon-content {\n  font-style: italic;\n  font-size: 0.75rem;\n}\n\n.dso-ozon-figuur.sc-dso-ozon-content {\n  margin-bottom: 16px;\n}\n.dso-ozon-figuur.sc-dso-ozon-content .figuur-bijschrift.sc-dso-ozon-content {\n  display: block;\n  font-size: 0.75rem;\n  font-style: italic;\n}\n.dso-ozon-figuur.bijschrift-boven.sc-dso-ozon-content .figuur-bijschrift.sc-dso-ozon-content {\n  padding-bottom: 0.25rem;\n}\n.dso-ozon-figuur.bijschrift-onder.sc-dso-ozon-content .figuur-bijschrift.sc-dso-ozon-content {\n  padding-top: 0.25rem;\n}\n.dso-ozon-figuur.sc-dso-ozon-content .figuur-titel.sc-dso-ozon-content {\n  color: #8b4a6a;\n  display: block;\n  font-weight: 500;\n  padding-bottom: 0.5rem;\n}\n\n.dso-ozon-lijst.sc-dso-ozon-content span.od-Lijstaanhef.sc-dso-ozon-content, .dso-ozon-lijst.sc-dso-ozon-content span.od-Lijstsluiting.sc-dso-ozon-content {\n  margin-bottom: 1rem;\n}\n.dso-ozon-lijst.sc-dso-ozon-content ul.expliciet.sc-dso-ozon-content {\n  list-style: none;\n}\n.dso-ozon-lijst.sc-dso-ozon-content ul.expliciet.sc-dso-ozon-content > .od-Li.sc-dso-ozon-content {\n  position: relative;\n}\n.dso-ozon-lijst.sc-dso-ozon-content ul.expliciet.sc-dso-ozon-content > .od-Li.sc-dso-ozon-content > span.od-LiNummer.sc-dso-ozon-content {\n  position: absolute;\n  left: -44px;\n  text-align: right;\n  width: 40px;\n}\n\n.od-Tabel.sc-dso-ozon-content thead.sc-dso-ozon-content {\n  font-weight: 600;\n}\n\n.od-Kadertekst.sc-dso-ozon-content {\n  border: 1px solid #e5e5e5;\n  margin-bottom: 1rem;\n  padding: 1rem;\n}\n\n.dso-del.sc-dso-ozon-content {\n  background-color: #f5d8dc;\n  color: #000;\n  text-decoration: line-through;\n}\n.dso-del.sc-dso-ozon-content a.sc-dso-ozon-content {\n  color: #000;\n}\n\n.dso-ins.sc-dso-ozon-content {\n  background-color: #e4f1d4;\n  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);\n  color: #000;\n}\n.dso-ins.sc-dso-ozon-content a.sc-dso-ozon-content {\n  color: #000;\n}";const S=class{constructor(n){t(this,n);this.dsoAnchorClick=e(this,"dsoAnchorClick",7);this.dsoClick=e(this,"dsoClick",7);this.mapper=new $;this.content=undefined;this.inline=false;this.deleted=false;this.interactive=false;this.state={}}handleHostOnClick(n){if(this.interactive!==""&&!this.interactive){return}const o=n.composedPath().find((n=>n===this.host||n instanceof HTMLElement&&r(n)))===this.host;if(o){this.dsoClick.emit({originalEvent:n})}}render(){var o;const t={state:this.state,setState:n=>this.state=n,emitAnchorClick:this.dsoAnchorClick.emit};const e=this.mapper.transform((o=this.content)!==null&&o!==void 0?o:"",t);if(this.deleted){return n("section",null,n("slot",{name:"prefix"}),n("span",{class:"deleted-start"},"Begin verwijderd element"),e,n("span",{class:"deleted-end"},"Einde verwijderd element"),n("slot",{name:"suffix"}))}return n(s,{onClick:n=>this.handleHostOnClick(n)},n("slot",{name:"prefix"}),e,n("slot",{name:"suffix"}))}get host(){return c(this)}};S.style=H;export{S as dso_ozon_content};
-//# sourceMappingURL=p-0c762ac9.entry.js.map