@dso-toolkit/core 62.18.0 → 62.20.0

package/dist/collection/components/document-component/document-component.js

@@ -1,10 +1,10 @@
 import { h, Fragment, Host } from "@stencil/core";
 import { Heading } from "./document-component-heading";
 const wijzigActieLabels = {
-  nieuweContainer: "Toegevoegd",
-  verwijder: "Verwijderd",
-  verwijderContainer: "Verwijderd",
-  voegtoe: "Toegevoegd",
+    nieuweContainer: "Toegevoegd",
+    verwijder: "Verwijderd",
+    verwijderContainer: "Verwijderd",
+    voegtoe: "Toegevoegd",
 };
 /**
  * @part _annotation-container - private part, do not touch.
@@ -13,564 +13,564 @@ const wijzigActieLabels = {
  * @part _heading-container - private part, do not touch.
  */
 export class DocumentComponent {
-  constructor() {
-    this.handleHeadingClick = (e) => {
-      if (this.type !== "LID") {
-        this.dsoOpenToggle.emit({ originalEvent: e, open: !this.open });
-      }
-    };
-    this.handleOzonContentAnchorClick = (e) => {
-      this.dsoOzonContentAnchorClick.emit({ originalEvent: e, ozonContentAnchorClick: e.detail });
-    };
-    this.handleRecursiveToggleClick = (e) => {
-      this.dsoRecursiveToggle.emit({
-        originalEvent: e,
-        current: this.recursiveToggle,
-        next: this.recursiveToggle === true ? false : true,
-      });
-    };
-    this.heading = "h2";
-    this.label = undefined;
-    this.nummer = undefined;
-    this.opschrift = undefined;
-    this.inhoud = undefined;
-    this.open = false;
-    this.filtered = false;
-    this.notApplicable = false;
-    this.genesteOntwerpInformatie = false;
-    this.bevatOntwerpInformatie = false;
-    this.annotated = false;
-    this.gereserveerd = false;
-    this.vervallen = false;
-    this.openAnnotation = false;
-    this.alternativeTitle = undefined;
-    this.type = undefined;
-    this.wijzigactie = undefined;
-    this.mark = undefined;
-    this.recursiveToggle = undefined;
-  }
-  get wijzigactieLabel() {
-    return this.wijzigactie && wijzigActieLabels[this.wijzigactie];
-  }
-  suffix() {
-    if (this.vervallen) {
-      return "vervallen";
+    constructor() {
+        this.handleHeadingClick = (e) => {
+            if (this.type !== "LID") {
+                this.dsoOpenToggle.emit({ originalEvent: e, open: !this.open });
+            }
+        };
+        this.handleOzonContentAnchorClick = (e) => {
+            this.dsoOzonContentAnchorClick.emit({ originalEvent: e, ozonContentAnchorClick: e.detail });
+        };
+        this.handleRecursiveToggleClick = (e) => {
+            this.dsoRecursiveToggle.emit({
+                originalEvent: e,
+                current: this.recursiveToggle,
+                next: this.recursiveToggle !== true,
+            });
+        };
+        this.heading = "h2";
+        this.label = undefined;
+        this.nummer = undefined;
+        this.opschrift = undefined;
+        this.inhoud = undefined;
+        this.open = false;
+        this.filtered = false;
+        this.notApplicable = false;
+        this.genesteOntwerpInformatie = false;
+        this.bevatOntwerpInformatie = false;
+        this.annotated = false;
+        this.gereserveerd = false;
+        this.vervallen = false;
+        this.openAnnotation = false;
+        this.alternativeTitle = undefined;
+        this.type = undefined;
+        this.wijzigactie = undefined;
+        this.mark = undefined;
+        this.recursiveToggle = undefined;
     }
-    if (this.gereserveerd) {
-      return "gereserveerd";
+    get wijzigactieLabel() {
+        return this.wijzigactie && wijzigActieLabels[this.wijzigactie];
     }
-    return undefined;
-  }
-  render() {
-    const suffix = this.suffix();
-    const collapsible = !!((this.label || this.nummer || this.opschrift || this.alternativeTitle) &&
-      this.type !== "LID");
-    const showHeading = !!(this.wijzigactie ||
-      collapsible ||
-      this.label ||
-      this.nummer ||
-      this.opschrift ||
-      this.alternativeTitle ||
-      this.bevatOntwerpInformatie ||
-      this.annotated);
-    return (h(Host, { "not-collapsible": !collapsible }, showHeading && (h("div", { class: "heading-container", part: "_heading-container" }, this.wijzigactie && h("span", { class: "editaction-label" }, this.wijzigactieLabel, ":"), h("div", { class: "heading" }, h(Heading, { heading: this.heading, class: "heading-element", onClick: this.handleHeadingClick }, collapsible && (h("button", { type: "button", class: "toggle-button" }, h("dso-icon", { icon: this.open ? "chevron-down" : "chevron-right" }))), h("div", { class: "title" }, this.notApplicable && h("span", { class: "not-applicable" }, "Niet van toepassing:"), this.label || this.nummer || this.opschrift ? (h(Fragment, null, this.label && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.label, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "label"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "label" })), inline: true }))), this.nummer && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.nummer, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "nummer"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "nummer" })), inline: true }))), this.opschrift && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.opschrift, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "opschrift"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "opschrift" })), inline: true }))))) : (this.alternativeTitle), suffix && h("span", null, " - [", suffix, "]"))), this.recursiveToggle !== undefined && this.open && (h("button", { type: "button", class: "recursive-toggle", title: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", onClick: this.handleRecursiveToggleClick }, h("dso-icon", { icon: this.recursiveToggle === true ? "eye" : "eye-slash" }))), this.genesteOntwerpInformatie && !this.open && !this.bevatOntwerpInformatie && (h(Fragment, null, h("dso-badge", { status: "warning", "aria-describedby": "nested-draft-description" }, "!"), h("dso-tooltip", { id: "nested-draft-description" }, "Er is een ontwerp beschikbaar."))), (this.bevatOntwerpInformatie || this.annotated) && (h("div", { class: "addons" }, this.bevatOntwerpInformatie && (h("dso-label", { status: "warning", compact: true }, "Ontwerp")), this.annotated && (h("dso-annotation-button", { identifier: "expandable", open: this.openAnnotation, onDsoClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }) }))))))), h("div", { class: "annotation-container", part: "_annotation-container" }, h("slot", { name: "annotation" })), this.open && (this.inhoud || this.gereserveerd || this.vervallen) && (h("div", { class: "content", part: "_content" }, this.gereserveerd && (h("dso-alert", { status: "info" }, "Dit onderdeel is gereserveerd voor toekomstige toevoeging.")), this.vervallen && h("dso-alert", { status: "info" }, "Dit onderdeel is vervallen."), this.inhoud && (h("dso-ozon-content", { content: this.inhoud, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "inhoud"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "inhoud" })) })))), h("div", { class: "children-container", part: "_children-container" }, h("slot", null))));
-  }
-  static get is() { return "dso-document-component"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["document-component.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["document-component.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "heading": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
-          "resolved": "\"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The heading element to use."
-        },
-        "attribute": "heading",
-        "reflect": false,
-        "defaultValue": "\"h2\""
-      },
-      "label": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "DocumentComponentInputType",
-          "resolved": "XMLDocument | string | undefined",
-          "references": {
-            "DocumentComponentInputType": {
-              "location": "import",
-              "path": "./document-component.models",
-              "id": "src/components/document-component/document-component.models.ts::DocumentComponentInputType"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The Label XML."
-        },
-        "attribute": "label",
-        "reflect": false
-      },
-      "nummer": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "DocumentComponentInputType",
-          "resolved": "XMLDocument | string | undefined",
-          "references": {
-            "DocumentComponentInputType": {
-              "location": "import",
-              "path": "./document-component.models",
-              "id": "src/components/document-component/document-component.models.ts::DocumentComponentInputType"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The Nummer XML."
-        },
-        "attribute": "nummer",
-        "reflect": false
-      },
-      "opschrift": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "DocumentComponentInputType",
-          "resolved": "XMLDocument | string | undefined",
-          "references": {
-            "DocumentComponentInputType": {
-              "location": "import",
-              "path": "./document-component.models",
-              "id": "src/components/document-component/document-component.models.ts::DocumentComponentInputType"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The Opschrift XML."
-        },
-        "attribute": "opschrift",
-        "reflect": false
-      },
-      "inhoud": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "DocumentComponentInputType",
-          "resolved": "XMLDocument | string | undefined",
-          "references": {
-            "DocumentComponentInputType": {
-              "location": "import",
-              "path": "./document-component.models",
-              "id": "src/components/document-component/document-component.models.ts::DocumentComponentInputType"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The Inhoud XML."
-        },
-        "attribute": "inhoud",
-        "reflect": false
-      },
-      "open": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "This boolean attribute indicates whether the children are visible."
-        },
-        "attribute": "open",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "filtered": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Marks this Document Component as belonging to an active filter."
-        },
-        "attribute": "filtered",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "notApplicable": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Marks this Document Component as not-applicable."
-        },
-        "attribute": "not-applicable",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "genesteOntwerpInformatie": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "When a child Document Component has a status \"Draft\"."
-        },
-        "attribute": "geneste-ontwerp-informatie",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "bevatOntwerpInformatie": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Marks as draft."
-        },
-        "attribute": "bevat-ontwerp-informatie",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "annotated": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Enables annotations."
-        },
-        "attribute": "annotated",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "gereserveerd": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Marks Document Component as reserved."
-        },
-        "attribute": "gereserveerd",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "vervallen": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Marks the Document Component as expired."
-        },
-        "attribute": "vervallen",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "openAnnotation": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "When the Annotation Output is opened, set this to true."
-        },
-        "attribute": "open-annotation",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "alternativeTitle": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "An alternative title to show when there is nothing to create a title."
-        },
-        "attribute": "alternative-title",
-        "reflect": false
-      },
-      "type": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Type of Document Component."
-        },
-        "attribute": "type",
-        "reflect": true
-      },
-      "wijzigactie": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "DocumentComponentWijzigactie",
-          "resolved": "\"nieuweContainer\" | \"verwijder\" | \"verwijderContainer\" | \"voegtoe\" | undefined",
-          "references": {
-            "DocumentComponentWijzigactie": {
-              "location": "import",
-              "path": "./document-component.models",
-              "id": "src/components/document-component/document-component.models.ts::DocumentComponentWijzigactie"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The wijzigactie as in STOP."
-        },
-        "attribute": "wijzigactie",
-        "reflect": true
-      },
-      "mark": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "DocumentComponentMarkFunction",
-          "resolved": "((text: string, source: DocumentComponentSource) => OzonContentText[]) | undefined",
-          "references": {
-            "DocumentComponentMarkFunction": {
-              "location": "import",
-              "path": "./document-component.models",
-              "id": "src/components/document-component/document-component.models.ts::DocumentComponentMarkFunction"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "To mark text."
-        }
-      },
-      "recursiveToggle": {
-        "type": "any",
-        "mutable": false,
-        "complexType": {
-          "original": "DocumentComponentRecursiveToggleState",
-          "resolved": "\"indeterminate\" | boolean | undefined",
-          "references": {
-            "DocumentComponentRecursiveToggleState": {
-              "location": "import",
-              "path": "./document-component.models",
-              "id": "src/components/document-component/document-component.models.ts::DocumentComponentRecursiveToggleState"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Shows the recursive toggle button. When the user activates this button the event `dsoRecursiveToggle` is emitted."
-        },
-        "attribute": "recursive-toggle",
-        "reflect": false
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "dsoRecursiveToggle",
-        "name": "dsoRecursiveToggle",
-        "bubbles": false,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when the user activates the recursive toggle."
-        },
-        "complexType": {
-          "original": "DocumentComponentRecursiveToggleEvent",
-          "resolved": "DocumentComponentRecursiveToggleEvent",
-          "references": {
-            "DocumentComponentRecursiveToggleEvent": {
-              "location": "import",
-              "path": "./document-component.models",
-              "id": "src/components/document-component/document-component.models.ts::DocumentComponentRecursiveToggleEvent"
-            }
-          }
-        }
-      }, {
-        "method": "dsoOpenToggle",
-        "name": "dsoOpenToggle",
-        "bubbles": false,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when the user activates the toggle."
-        },
-        "complexType": {
-          "original": "DocumentComponentOpenToggleEvent",
-          "resolved": "DocumentComponentOpenToggleEvent",
-          "references": {
-            "DocumentComponentOpenToggleEvent": {
-              "location": "import",
-              "path": "./document-component.models",
-              "id": "src/components/document-component/document-component.models.ts::DocumentComponentOpenToggleEvent"
-            }
-          }
-        }
-      }, {
-        "method": "dsoOzonContentAnchorClick",
-        "name": "dsoOzonContentAnchorClick",
-        "bubbles": false,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when the user actives intRef or intIoRef anchors in Ozon Content"
-        },
-        "complexType": {
-          "original": "DocumentComponentOzonContentAnchorClickEvent",
-          "resolved": "DocumentComponentOzonContentAnchorClickEvent",
-          "references": {
-            "DocumentComponentOzonContentAnchorClickEvent": {
-              "location": "import",
-              "path": "./document-component.models",
-              "id": "src/components/document-component/document-component.models.ts::DocumentComponentOzonContentAnchorClickEvent"
-            }
-          }
+    suffix() {
+        if (this.vervallen) {
+            return "vervallen";
         }
-      }, {
-        "method": "dsoAnnotationToggle",
-        "name": "dsoAnnotationToggle",
-        "bubbles": false,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when the user activates the annotation button."
-        },
-        "complexType": {
-          "original": "DocumentComponentToggleAnnotationEvent",
-          "resolved": "DocumentComponentToggleAnnotationEvent",
-          "references": {
-            "DocumentComponentToggleAnnotationEvent": {
-              "location": "import",
-              "path": "./document-component.models",
-              "id": "src/components/document-component/document-component.models.ts::DocumentComponentToggleAnnotationEvent"
-            }
-          }
+        if (this.gereserveerd) {
+            return "gereserveerd";
         }
-      }, {
-        "method": "dsoMarkItemHighlight",
-        "name": "dsoMarkItemHighlight",
-        "bubbles": false,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted each time a marked item gets highlighted."
-        },
-        "complexType": {
-          "original": "DocumentComponentMarkItemHighlightEvent",
-          "resolved": "DocumentComponentMarkItemHighlightEvent",
-          "references": {
-            "DocumentComponentMarkItemHighlightEvent": {
-              "location": "import",
-              "path": "./document-component.models",
-              "id": "src/components/document-component/document-component.models.ts::DocumentComponentMarkItemHighlightEvent"
+        return undefined;
+    }
+    render() {
+        const suffix = this.suffix();
+        const collapsible = !!((this.label || this.nummer || this.opschrift || this.alternativeTitle) &&
+            this.type !== "LID");
+        const showHeading = !!(this.wijzigactie ||
+            collapsible ||
+            this.label ||
+            this.nummer ||
+            this.opschrift ||
+            this.alternativeTitle ||
+            this.bevatOntwerpInformatie ||
+            this.annotated);
+        return (h(Host, { key: '180d4956e89e98c29250f16f619e9ef66a47defb', "not-collapsible": !collapsible }, showHeading && (h("div", { key: '3f0c32dcfd7b66ce0a02f02791ccc2bc950725d6', class: "heading-container", part: "_heading-container" }, this.wijzigactie && h("span", { key: 'edd759244d2b77925737d4e4e975fdd2ef3c057f', class: "editaction-label" }, this.wijzigactieLabel, ":"), h("div", { key: '44b7d61fc8cebdb8c3af0163286ff92fa9339837', class: "heading" }, h(Heading, { key: '193715c5f57a576859cc5ce6a4cffd0b3a26ba30', heading: this.heading, class: "heading-element", onClick: this.handleHeadingClick }, collapsible && (h("button", { key: '32fec5ecbcedd1fed7dc0e0168a2890591b765ea', type: "button", class: "toggle-button", "aria-describedby": "heading-title", "aria-expanded": this.open.toString() }, h("dso-icon", { key: '63154eb51701917a122fda008cc25ae018c682cd', icon: this.open ? "chevron-down" : "chevron-right" }), h("span", { key: '21c5e1b1f086ada567c461a520f92a0ab74c0d20', class: "sr-only" }, this.open ? "Invouwen" : "Uitvouwen"))), h("div", { key: '153d54d2edbef88cd640ac2925001974ed40ae64', id: "heading-title" }, this.notApplicable && h("span", { key: '58054c0c706d0ad35b336cb927bf2502678c6958', class: "sr-only" }, "Niet van toepassing:"), this.label || this.nummer || this.opschrift ? (h(Fragment, null, this.label && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.label, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "label"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "label" })), inline: true }))), this.nummer && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.nummer, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "nummer"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "nummer" })), inline: true }))), this.opschrift && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.opschrift, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "opschrift"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "opschrift" })), inline: true }))))) : (this.alternativeTitle), suffix && h("span", { key: '4c3f9c0e3c769a089a4178147e7aabd8c0bb35f3' }, " - [", suffix, "]"))), this.recursiveToggle !== undefined && this.open && (h("button", { key: 'a8668569851e3040436be00e2457424c628cc8e3', type: "button", class: "recursive-toggle", title: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", onClick: this.handleRecursiveToggleClick }, h("dso-icon", { key: 'bfb6d40c14d2ac261959cd876d0d46507e4a4774', icon: this.recursiveToggle === true ? "eye" : "eye-slash" }))), this.genesteOntwerpInformatie && !this.open && !this.bevatOntwerpInformatie && (h(Fragment, null, h("dso-badge", { key: '5321c1545a0e6bed5f6e5353b5cfc28dfea098a5', status: "warning", "aria-describedby": "nested-draft-description" }, "!"), h("dso-tooltip", { key: 'f37bf908169191a84343f3f96016f0f9c15cc118', id: "nested-draft-description" }, "Er is een ontwerp beschikbaar."))), (this.bevatOntwerpInformatie || this.annotated) && (h("div", { key: '3691c99c7c803fcb00fba16dfa3e0796d3686e58', class: "addons" }, this.bevatOntwerpInformatie && (h("dso-label", { key: '6d2fed031d753bf7cff29d102ff5f8448fc2428b', status: "warning", compact: true }, "Ontwerp")), this.annotated && (h("dso-annotation-button", { key: '305867e647f4b1478e4ea7c0570933df69ac2f5b', identifier: "expandable", open: this.openAnnotation, onDsoClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }) }))))))), h("div", { key: '5d48caf78f99bc755a42465c4b0aa38bd37d1936', class: "annotation-container", part: "_annotation-container" }, h("slot", { key: '9499614c5000ad008321a9de1ebb1e65536012f8', name: "annotation" })), this.open && (this.inhoud || this.gereserveerd || this.vervallen) && (h("div", { key: '438a136e8389683a5468266951edd736ac26a7d0', class: "content", part: "_content" }, this.gereserveerd && (h("dso-alert", { key: 'e1773708ff6469934632603a9120530554d08696', status: "info" }, "Dit onderdeel is gereserveerd voor toekomstige toevoeging.")), this.vervallen && h("dso-alert", { key: '2dea9c710ee1036a7ed06ec0a64fe889d973dce1', status: "info" }, "Dit onderdeel is vervallen."), this.inhoud && (h("dso-ozon-content", { key: '752f5261e5ee723f095dcb19735905ea24cd5bf1', content: this.inhoud, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "inhoud"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "inhoud" })) })))), h("div", { key: '894adb54eaff81395719c8967e1ae1f604087c7e', class: "children-container", part: "_children-container" }, h("slot", { key: 'dacd50c2867c6b832d45084a250c13c14c956198' }))));
+    }
+    static get is() { return "dso-document-component"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["document-component.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["document-component.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "heading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
+                    "resolved": "\"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The heading element to use."
+                },
+                "attribute": "heading",
+                "reflect": false,
+                "defaultValue": "\"h2\""
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DocumentComponentInputType",
+                    "resolved": "XMLDocument | string | undefined",
+                    "references": {
+                        "DocumentComponentInputType": {
+                            "location": "import",
+                            "path": "./document-component.models",
+                            "id": "src/components/document-component/document-component.models.ts::DocumentComponentInputType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The Label XML."
+                },
+                "attribute": "label",
+                "reflect": false
+            },
+            "nummer": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DocumentComponentInputType",
+                    "resolved": "XMLDocument | string | undefined",
+                    "references": {
+                        "DocumentComponentInputType": {
+                            "location": "import",
+                            "path": "./document-component.models",
+                            "id": "src/components/document-component/document-component.models.ts::DocumentComponentInputType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The Nummer XML."
+                },
+                "attribute": "nummer",
+                "reflect": false
+            },
+            "opschrift": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DocumentComponentInputType",
+                    "resolved": "XMLDocument | string | undefined",
+                    "references": {
+                        "DocumentComponentInputType": {
+                            "location": "import",
+                            "path": "./document-component.models",
+                            "id": "src/components/document-component/document-component.models.ts::DocumentComponentInputType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The Opschrift XML."
+                },
+                "attribute": "opschrift",
+                "reflect": false
+            },
+            "inhoud": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DocumentComponentInputType",
+                    "resolved": "XMLDocument | string | undefined",
+                    "references": {
+                        "DocumentComponentInputType": {
+                            "location": "import",
+                            "path": "./document-component.models",
+                            "id": "src/components/document-component/document-component.models.ts::DocumentComponentInputType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The Inhoud XML."
+                },
+                "attribute": "inhoud",
+                "reflect": false
+            },
+            "open": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "This boolean attribute indicates whether the children are visible."
+                },
+                "attribute": "open",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "filtered": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Marks this Document Component as belonging to an active filter."
+                },
+                "attribute": "filtered",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "notApplicable": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Marks this Document Component as not-applicable."
+                },
+                "attribute": "not-applicable",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "genesteOntwerpInformatie": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "When a child Document Component has a status \"Draft\"."
+                },
+                "attribute": "geneste-ontwerp-informatie",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "bevatOntwerpInformatie": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Marks as draft."
+                },
+                "attribute": "bevat-ontwerp-informatie",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "annotated": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Enables annotations."
+                },
+                "attribute": "annotated",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "gereserveerd": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Marks Document Component as reserved."
+                },
+                "attribute": "gereserveerd",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "vervallen": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Marks the Document Component as expired."
+                },
+                "attribute": "vervallen",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "openAnnotation": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "When the Annotation Output is opened, set this to true."
+                },
+                "attribute": "open-annotation",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "alternativeTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "An alternative title to show when there is nothing to create a title."
+                },
+                "attribute": "alternative-title",
+                "reflect": false
+            },
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Type of Document Component."
+                },
+                "attribute": "type",
+                "reflect": true
+            },
+            "wijzigactie": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DocumentComponentWijzigactie",
+                    "resolved": "\"nieuweContainer\" | \"verwijder\" | \"verwijderContainer\" | \"voegtoe\" | undefined",
+                    "references": {
+                        "DocumentComponentWijzigactie": {
+                            "location": "import",
+                            "path": "./document-component.models",
+                            "id": "src/components/document-component/document-component.models.ts::DocumentComponentWijzigactie"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The wijzigactie as in STOP."
+                },
+                "attribute": "wijzigactie",
+                "reflect": true
+            },
+            "mark": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "DocumentComponentMarkFunction",
+                    "resolved": "((text: string, source: DocumentComponentSource) => OzonContentText[]) | undefined",
+                    "references": {
+                        "DocumentComponentMarkFunction": {
+                            "location": "import",
+                            "path": "./document-component.models",
+                            "id": "src/components/document-component/document-component.models.ts::DocumentComponentMarkFunction"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "To mark text."
+                }
+            },
+            "recursiveToggle": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "DocumentComponentRecursiveToggleState",
+                    "resolved": "\"indeterminate\" | boolean | undefined",
+                    "references": {
+                        "DocumentComponentRecursiveToggleState": {
+                            "location": "import",
+                            "path": "./document-component.models",
+                            "id": "src/components/document-component/document-component.models.ts::DocumentComponentRecursiveToggleState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Shows the recursive toggle button. When the user activates this button the event `dsoRecursiveToggle` is emitted."
+                },
+                "attribute": "recursive-toggle",
+                "reflect": false
             }
-          }
-        }
-      }];
-  }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "dsoRecursiveToggle",
+                "name": "dsoRecursiveToggle",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the user activates the recursive toggle."
+                },
+                "complexType": {
+                    "original": "DocumentComponentRecursiveToggleEvent",
+                    "resolved": "DocumentComponentRecursiveToggleEvent",
+                    "references": {
+                        "DocumentComponentRecursiveToggleEvent": {
+                            "location": "import",
+                            "path": "./document-component.models",
+                            "id": "src/components/document-component/document-component.models.ts::DocumentComponentRecursiveToggleEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "dsoOpenToggle",
+                "name": "dsoOpenToggle",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the user activates the toggle."
+                },
+                "complexType": {
+                    "original": "DocumentComponentOpenToggleEvent",
+                    "resolved": "DocumentComponentOpenToggleEvent",
+                    "references": {
+                        "DocumentComponentOpenToggleEvent": {
+                            "location": "import",
+                            "path": "./document-component.models",
+                            "id": "src/components/document-component/document-component.models.ts::DocumentComponentOpenToggleEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "dsoOzonContentAnchorClick",
+                "name": "dsoOzonContentAnchorClick",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the user actives intRef or intIoRef anchors in Ozon Content"
+                },
+                "complexType": {
+                    "original": "DocumentComponentOzonContentAnchorClickEvent",
+                    "resolved": "DocumentComponentOzonContentAnchorClickEvent",
+                    "references": {
+                        "DocumentComponentOzonContentAnchorClickEvent": {
+                            "location": "import",
+                            "path": "./document-component.models",
+                            "id": "src/components/document-component/document-component.models.ts::DocumentComponentOzonContentAnchorClickEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "dsoAnnotationToggle",
+                "name": "dsoAnnotationToggle",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the user activates the annotation button."
+                },
+                "complexType": {
+                    "original": "DocumentComponentToggleAnnotationEvent",
+                    "resolved": "DocumentComponentToggleAnnotationEvent",
+                    "references": {
+                        "DocumentComponentToggleAnnotationEvent": {
+                            "location": "import",
+                            "path": "./document-component.models",
+                            "id": "src/components/document-component/document-component.models.ts::DocumentComponentToggleAnnotationEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "dsoMarkItemHighlight",
+                "name": "dsoMarkItemHighlight",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted each time a marked item gets highlighted."
+                },
+                "complexType": {
+                    "original": "DocumentComponentMarkItemHighlightEvent",
+                    "resolved": "DocumentComponentMarkItemHighlightEvent",
+                    "references": {
+                        "DocumentComponentMarkItemHighlightEvent": {
+                            "location": "import",
+                            "path": "./document-component.models",
+                            "id": "src/components/document-component/document-component.models.ts::DocumentComponentMarkItemHighlightEvent"
+                        }
+                    }
+                }
+            }];
+    }
 }
 //# sourceMappingURL=document-component.js.map