@dso-toolkit/core 58.3.0 → 59.0.0

package/dist/types/components.d.ts

@@ -13,7 +13,7 @@ import { Suggestion } from "./components/autosuggest/autosuggest.interfaces";
 import { DsoCardClickedEvent, ImageShape } from "./components/card/card.interfaces";
 import { CardContainerMode } from "./components/card-container/card-container.interfaces";
 import { DsoDatePickerChangeEvent, DsoDatePickerDirection, DsoDatePickerFocusEvent, DsoDatePickerKeyboardEvent } from "./components/date-picker/date-picker.interfaces";
-import { DocumentComponentOpenToggleEvent, DocumentComponentToggleAnnotationEvent, DocumentComponentWijzigactie } from "./components/document-component/document-component.types";
+import { DocumentComponentOpenToggleEvent, DocumentComponentOzonContentAnchorClickEvent, DocumentComponentToggleAnnotationEvent, DocumentComponentWijzigactie } from "./components/document-component/document-component.models";
 import { ExpandableAnimationEndEvent } from "./components/expandable/expandable";
 import { HeaderEvent, HeaderMenuItem } from "./components/header/header.interfaces";
 import { InfoButtonToggleEvent } from "./components/info-button/info-button.interfaces";
@@ -22,7 +22,7 @@ import { BaseLayer, BaseLayerChangeEvent } from "./components/map-base-layers/ma
 import { MapControlsToggleEvent } from "./components/map-controls/map-controls.interfaces";
 import { Overlay, OverlayChangeEvent } from "./components/map-overlays/map-overlays.interfaces";
 import { ModalCloseEvent } from "./components/modal/modal.interfaces";
-import { OzonContentAnchorClick, OzonContentClick } from "./components/ozon-content/ozon-content.interfaces";
+import { OzonContentAnchorClickEvent } from "./components/ozon-content/ozon-content.interfaces";
 import { PaginationSelectPageEvent } from "./components/pagination/pagination.interfaces";
 import { ResponsiveElementSize } from "./components/responsive-element/responsive-element.interfaces";
 import { DsoScrollEndEvent } from "./components/scrollable/scrollable.interfaces";
@@ -38,7 +38,7 @@ export { Suggestion } from "./components/autosuggest/autosuggest.interfaces";
 export { DsoCardClickedEvent, ImageShape } from "./components/card/card.interfaces";
 export { CardContainerMode } from "./components/card-container/card-container.interfaces";
 export { DsoDatePickerChangeEvent, DsoDatePickerDirection, DsoDatePickerFocusEvent, DsoDatePickerKeyboardEvent } from "./components/date-picker/date-picker.interfaces";
-export { DocumentComponentOpenToggleEvent, DocumentComponentToggleAnnotationEvent, DocumentComponentWijzigactie } from "./components/document-component/document-component.types";
+export { DocumentComponentOpenToggleEvent, DocumentComponentOzonContentAnchorClickEvent, DocumentComponentToggleAnnotationEvent, DocumentComponentWijzigactie } from "./components/document-component/document-component.models";
 export { ExpandableAnimationEndEvent } from "./components/expandable/expandable";
 export { HeaderEvent, HeaderMenuItem } from "./components/header/header.interfaces";
 export { InfoButtonToggleEvent } from "./components/info-button/info-button.interfaces";
@@ -47,7 +47,7 @@ export { BaseLayer, BaseLayerChangeEvent } from "./components/map-base-layers/ma
 export { MapControlsToggleEvent } from "./components/map-controls/map-controls.interfaces";
 export { Overlay, OverlayChangeEvent } from "./components/map-overlays/map-overlays.interfaces";
 export { ModalCloseEvent } from "./components/modal/modal.interfaces";
-export { OzonContentAnchorClick, OzonContentClick } from "./components/ozon-content/ozon-content.interfaces";
+export { OzonContentAnchorClickEvent } from "./components/ozon-content/ozon-content.interfaces";
 export { PaginationSelectPageEvent } from "./components/pagination/pagination.interfaces";
 export { ResponsiveElementSize } from "./components/responsive-element/responsive-element.interfaces";
 export { DsoScrollEndEvent } from "./components/scrollable/scrollable.interfaces";
@@ -628,18 +628,10 @@ export namespace Components {
           * The XML to be rendered.
          */
         "content": string | undefined;
-        /**
-          * Marks content as deleted using visual and accessible clues.
-         */
-        "deleted": boolean;
         /**
           * Setting this property creates dso-ozon-content as inline element instead of a block element.
          */
         "inline": boolean;
-        /**
-          * Visualize the component as interactive. This means that the component will emit `dsoClick` events when the user clicks non-interactive elements.  **Do not** use this without an accessible companion element! `interactive` is only meant to ease the use of the companion element for mouse/touch users.  * `true`: Interactive anchor-look-alike * `"sub"`: Interactive anchor-look-alike for sub navigation * `false | undefined`: Disabled
-         */
-        "interactive": "sub" | "" | boolean;
     }
     interface DsoPagination {
         /**
@@ -862,6 +854,18 @@ export namespace Components {
         "overlayOpen": boolean;
     }
     interface DsotDocumentComponentDemo {
+        /**
+          * Name of the file to load.
+         */
+        "jsonFile"?: string;
+        /**
+          * The default state for all Document Components.
+         */
+        "openDefault": boolean;
+        /**
+          * Show canvas to where Document Component extends.
+         */
+        "showCanvas": boolean;
     }
 }
 export interface DsoAccordionSectionCustomEvent<T> extends CustomEvent<T> {
@@ -964,6 +968,10 @@ export interface DsoViewerGridCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsoViewerGridElement;
 }
+export interface DsotDocumentComponentDemoCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsotDocumentComponentDemoElement;
+}
 declare global {
     interface HTMLDsoAccordionElement extends Components.DsoAccordion, HTMLStencilElement {
     }
@@ -1614,6 +1622,10 @@ declare namespace LocalJSX {
           * Emitted when the user activates the toggle.
          */
         "onDsoOpenToggle"?: (event: DsoDocumentComponentCustomEvent<DocumentComponentOpenToggleEvent>) => void;
+        /**
+          * Emitted when the user actives intRef or intIoRef anchors in Ozon Content
+         */
+        "onDsoOzonContentAnchorClick"?: (event: DsoDocumentComponentCustomEvent<DocumentComponentOzonContentAnchorClickEvent>) => void;
         /**
           * This boolean attribute indicates whether the children are visible.
          */
@@ -1938,26 +1950,14 @@ declare namespace LocalJSX {
           * The XML to be rendered.
          */
         "content"?: string | undefined;
-        /**
-          * Marks content as deleted using visual and accessible clues.
-         */
-        "deleted"?: boolean;
         /**
           * Setting this property creates dso-ozon-content as inline element instead of a block element.
          */
         "inline"?: boolean;
-        /**
-          * Visualize the component as interactive. This means that the component will emit `dsoClick` events when the user clicks non-interactive elements.  **Do not** use this without an accessible companion element! `interactive` is only meant to ease the use of the companion element for mouse/touch users.  * `true`: Interactive anchor-look-alike * `"sub"`: Interactive anchor-look-alike for sub navigation * `false | undefined`: Disabled
-         */
-        "interactive"?: "sub" | "" | boolean;
         /**
           * Emitted when `<a>` is clicked.
          */
-        "onDsoAnchorClick"?: (event: DsoOzonContentCustomEvent<OzonContentAnchorClick>) => void;
-        /**
-          * These events are only emitted when the component is `interactive`.
-         */
-        "onDsoClick"?: (event: DsoOzonContentCustomEvent<OzonContentClick>) => void;
+        "onDsoAnchorClick"?: (event: DsoOzonContentCustomEvent<OzonContentAnchorClickEvent>) => void;
     }
     interface DsoPagination {
         /**
@@ -2204,6 +2204,22 @@ declare namespace LocalJSX {
         "overlayOpen"?: boolean;
     }
     interface DsotDocumentComponentDemo {
+        /**
+          * Name of the file to load.
+         */
+        "jsonFile"?: string;
+        /**
+          * To demo user interacting with IntRef or IntIoRef elements.
+         */
+        "onDsotOzonContentAnchorClick"?: (event: DsotDocumentComponentDemoCustomEvent<DocumentComponentOzonContentAnchorClickEvent>) => void;
+        /**
+          * The default state for all Document Components.
+         */
+        "openDefault"?: boolean;
+        /**
+          * Show canvas to where Document Component extends.
+         */
+        "showCanvas"?: boolean;
     }
     interface IntrinsicElements {
         "dso-accordion": DsoAccordion;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dso-toolkit/core",
-  "version": "58.3.0",
+  "version": "59.0.0",
   "description": "DSO Toolkit Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/components/index.js",
@@ -25,7 +25,7 @@
     "@types/animejs": "^3.1.7",
     "animejs": "3.2.1",
     "clsx": "^2.0.0",
-    "dso-toolkit": "^58.3.0",
+    "dso-toolkit": "^59.0.0",
     "escape-string-regexp": "^5.0.0",
     "focus-trap": "^7.5.2",
     "popper-max-size-modifier": "^0.2.0",
@@ -38,10 +38,16 @@
     "@stencil/sass": "^3.0.5",
     "@types/concurrently": "^7.0.0",
     "@types/debounce": "^1.2.1",
+    "@types/lodash.kebabcase": "^4.1.7",
+    "@types/lodash.random": "^3.2.7",
+    "@types/lodash.samplesize": "^4.2.7",
     "@types/sass": "^1.45.0",
     "@types/uuid": "^9.0.2",
     "concurrently": "^8.2.1",
     "debounce": "^1.2.1",
+    "lodash.kebabcase": "^4.1.1",
+    "lodash.random": "^3.2.0",
+    "lodash.samplesize": "^4.2.0",
     "rimraf": "^5.0.1",
     "stencil-inline-svg": "^1.1.0",
     "typescript": "~5.1.6"

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

@@ -1,112 +0,0 @@
-import { h, Fragment } from "@stencil/core";
-export class DocumentComponentDemo {
-  constructor() {
-    this.DocumentComponent = ({ path }) => {
-      var _a;
-      const documentComponent = path.at(-1);
-      const { DocumentComponent } = this;
-      return (h("ul", null, (_a = documentComponent === null || documentComponent === void 0 ? void 0 : documentComponent._embedded) === null || _a === void 0 ? void 0 : _a.ontwerpTekststructuurDocumentComponenten.map((d, i) => (h("li", { key: d.documentTechnischId }, h("dso-document-component", { annotated: i % 3 === 2, bevatOntwerpInformatie: !!d.bevatOntwerpInformatie, filtered: this.isOpen(d) ? this.isFiltered(d) : this.hasFilteredChildren(d), genesteOntwerpInformatie: this.hasNestedDraft(d), gereserveerd: d.gereserveerd, heading: "h2", inhoud: d.inhoud, label: d.labelXml, openAnnotation: this.isOpenedAnnotation(d), notApplicable: this.isNotApplicable(d) || path.some((p) => this.isNotApplicable(p)), nummer: d.nummerXml, onDsoAnnotationToggle: () => this.handleAnnotationToggle(d), onDsoOpenToggle: (e) => this.handleOpenToggle(e, d), open: this.isOpen(d), opschrift: d.opschrift, type: d.type, vervallen: d.vervallen, wijzigactie: d.wijzigactie }, this.isOpenedAnnotation(d) && (h("dso-annotation-output", { slot: "annotation", open: true, identifier: "test", onDsoClose: () => this.handleAnnotationToggle(d) }, h("span", { slot: "title" }, "Annotaties"), h("dso-slide-toggle", { checked: this.isCheckedSlideToggle(d), onDsoActiveChange: () => this.handleSelectableChange(d) }, "Delfzijl"))), this.showContent(d) && h(DocumentComponent, { path: [...path, d] })))))));
-    };
-    this.response = undefined;
-    this.open = [];
-    this.openedAnnotation = [];
-    this.filtered = [];
-    this.notApplicable = [];
-    this.activeAnnotationSelectables = [];
-  }
-  fixData(documentComponent) {
-    var _a;
-    return Object.assign(Object.assign({}, documentComponent), { nummerXml: documentComponent.type === "LID" && !((_a = documentComponent.nummerXml) === null || _a === void 0 ? void 0 : _a.startsWith("<?"))
-        ? `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><Nummer xmlns="https://standaarden.overheid.nl/stop/imop/tekst/">${documentComponent.nummerXml}</Nummer>`
-        : documentComponent.nummerXml, _embedded: documentComponent._embedded && {
-        ontwerpTekststructuurDocumentComponenten: documentComponent._embedded.ontwerpTekststructuurDocumentComponenten.map((d) => this.fixData(d)),
-      } });
-  }
-  componentDidLoad() {
-    fetch("ozon-response.json")
-      .then((response) => response.json())
-      .then((result) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
-      this.response = this.fixData(result);
-      /* eslint-disable @typescript-eslint/no-non-null-asserted-optional-chain */
-      this.filtered = [
-        (_e = (_d = (_c = (_b = (_a = this.response) === null || _a === void 0 ? void 0 : _a._embedded) === null || _b === void 0 ? void 0 : _b.ontwerpTekststructuurDocumentComponenten[0]._embedded) === null || _c === void 0 ? void 0 : _c.ontwerpTekststructuurDocumentComponenten[10]._embedded) === null || _d === void 0 ? void 0 : _d.ontwerpTekststructuurDocumentComponenten[2]._embedded) === null || _e === void 0 ? void 0 : _e.ontwerpTekststructuurDocumentComponenten[0],
-        (_j = (_h = (_g = (_f = this.response) === null || _f === void 0 ? void 0 : _f._embedded) === null || _g === void 0 ? void 0 : _g.ontwerpTekststructuurDocumentComponenten[0]._embedded) === null || _h === void 0 ? void 0 : _h.ontwerpTekststructuurDocumentComponenten[10]._embedded) === null || _j === void 0 ? void 0 : _j.ontwerpTekststructuurDocumentComponenten[0],
-      ];
-      this.notApplicable = [
-        (_m = (_l = (_k = this.response) === null || _k === void 0 ? void 0 : _k._embedded) === null || _l === void 0 ? void 0 : _l.ontwerpTekststructuurDocumentComponenten[0]._embedded) === null || _m === void 0 ? void 0 : _m.ontwerpTekststructuurDocumentComponenten[4],
-        (_r = (_q = (_p = (_o = this.response) === null || _o === void 0 ? void 0 : _o._embedded) === null || _p === void 0 ? void 0 : _p.ontwerpTekststructuurDocumentComponenten[0]._embedded) === null || _q === void 0 ? void 0 : _q.ontwerpTekststructuurDocumentComponenten[4]._embedded) === null || _r === void 0 ? void 0 : _r.ontwerpTekststructuurDocumentComponenten[0],
-        (_v = (_u = (_t = (_s = this.response) === null || _s === void 0 ? void 0 : _s._embedded) === null || _t === void 0 ? void 0 : _t.ontwerpTekststructuurDocumentComponenten[0]._embedded) === null || _u === void 0 ? void 0 : _u.ontwerpTekststructuurDocumentComponenten[9]._embedded) === null || _v === void 0 ? void 0 : _v.ontwerpTekststructuurDocumentComponenten[1],
-      ];
-      /* eslint-enable @typescript-eslint/no-non-null-asserted-optional-chain */
-    });
-  }
-  handleOpenToggle(e, documentComponent) {
-    const isOpen = this.isOpen(documentComponent);
-    if (e.detail.open && !isOpen) {
-      this.open = [...this.open, documentComponent];
-    }
-    else if (!e.detail.open && isOpen) {
-      this.open = this.open.filter((d) => d !== documentComponent);
-    }
-  }
-  handleAnnotationToggle(documentComponent) {
-    this.openedAnnotation = this.isOpenedAnnotation(documentComponent)
-      ? this.openedAnnotation.filter((d) => d !== documentComponent)
-      : [...this.openedAnnotation, documentComponent];
-    if (!this.isOpen(documentComponent)) {
-      this.open = [...this.open, documentComponent];
-    }
-  }
-  handleSelectableChange(documentComponent) {
-    this.activeAnnotationSelectables = this.isCheckedSlideToggle(documentComponent)
-      ? this.activeAnnotationSelectables.filter((d) => d !== documentComponent)
-      : [...this.activeAnnotationSelectables, documentComponent];
-  }
-  isCheckedSlideToggle(documentComponent) {
-    return this.activeAnnotationSelectables.includes(documentComponent);
-  }
-  hasFilteredChildren(documentComponent) {
-    var _a, _b;
-    return (this.filtered.includes(documentComponent) ||
-      ((_b = (_a = documentComponent._embedded) === null || _a === void 0 ? void 0 : _a.ontwerpTekststructuurDocumentComponenten.some((d) => this.hasFilteredChildren(d))) !== null && _b !== void 0 ? _b : false));
-  }
-  isOpen(documentComponent) {
-    return documentComponent.type === "LID" || this.open.includes(documentComponent);
-  }
-  isOpenedAnnotation(documentComponent) {
-    return this.openedAnnotation.includes(documentComponent);
-  }
-  isFiltered(documentComponent) {
-    return this.filtered.includes(documentComponent);
-  }
-  isNotApplicable(documentComponent) {
-    return this.notApplicable.includes(documentComponent);
-  }
-  hasNestedDraft(documentComponent) {
-    var _a, _b;
-    return ((_b = (_a = documentComponent._embedded) === null || _a === void 0 ? void 0 : _a.ontwerpTekststructuurDocumentComponenten.some((d) => !!d.bevatOntwerpInformatie || this.hasNestedDraft(d))) !== null && _b !== void 0 ? _b : false);
-  }
-  showContent(documentComponent) {
-    var _a;
-    return (this.isOpen(documentComponent) &&
-      !!(((_a = documentComponent._embedded) === null || _a === void 0 ? void 0 : _a.ontwerpTekststructuurDocumentComponenten.length) || documentComponent.inhoud));
-  }
-  render() {
-    var _a, _b;
-    const { DocumentComponent } = this;
-    return (h("div", { style: { margin: "0 8px", borderLeft: "1px dashed pink", borderRight: "1px dashed pink" } }, h("dso-responsive-element", { class: "dso-document-components" }, (_b = (_a = this.response) === null || _a === void 0 ? void 0 : _a._embedded) === null || _b === void 0 ? void 0 : _b.ontwerpTekststructuurDocumentComponenten.map((d) => (h(Fragment, null, h(DocumentComponent, { path: [d] }), h("hr", null)))))));
-  }
-  static get is() { return "dsot-document-component-demo"; }
-  static get states() {
-    return {
-      "response": {},
-      "open": {},
-      "openedAnnotation": {},
-      "filtered": {},
-      "notApplicable": {},
-      "activeAnnotationSelectables": {}
-    };
-  }
-}
-//# sourceMappingURL=document-component.demo.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"document-component.demo.js","sourceRoot":"","sources":["../../../src/components/document-component/document-component.demo.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h, Component, ComponentInterface, Fragment, State } from \"@stencil/core\";\r\nimport { DocumentComponentOpenToggleEvent, DsoDocumentComponentCustomEvent } from \"../../components\";\r\n\r\ninterface DocumentComponent {\r\n  documentTechnischId: string;\r\n  type?: string;\r\n  labelXml?: string;\r\n  nummerXml?: string;\r\n  opschrift?: string;\r\n  inhoud?: string;\r\n  gereserveerd?: boolean;\r\n  vervallen?: boolean;\r\n  bevatOntwerpInformatie?: boolean;\r\n  wijzigactie?: \"voegtoe\" | \"verwijder\" | \"nieuweContainer\" | \"verwijderContainer\";\r\n  _embedded?: {\r\n    ontwerpTekststructuurDocumentComponenten: DocumentComponent[];\r\n  };\r\n}\r\n\r\n@Component({\r\n  tag: \"dsot-document-component-demo\",\r\n})\r\nexport class DocumentComponentDemo implements ComponentInterface {\r\n  @State()\r\n  response?: DocumentComponent;\r\n\r\n  @State()\r\n  open: DocumentComponent[] = [];\r\n\r\n  @State()\r\n  openedAnnotation: DocumentComponent[] = [];\r\n\r\n  @State()\r\n  filtered: DocumentComponent[] = [];\r\n\r\n  @State()\r\n  notApplicable: DocumentComponent[] = [];\r\n\r\n  @State()\r\n  activeAnnotationSelectables: DocumentComponent[] = [];\r\n\r\n  private fixData(documentComponent: DocumentComponent): DocumentComponent {\r\n    return {\r\n      ...documentComponent,\r\n      nummerXml:\r\n        documentComponent.type === \"LID\" && !documentComponent.nummerXml?.startsWith(\"<?\")\r\n          ? `<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?><Nummer xmlns=\"https://standaarden.overheid.nl/stop/imop/tekst/\">${documentComponent.nummerXml}</Nummer>`\r\n          : documentComponent.nummerXml,\r\n      _embedded: documentComponent._embedded && {\r\n        ontwerpTekststructuurDocumentComponenten:\r\n          documentComponent._embedded.ontwerpTekststructuurDocumentComponenten.map((d) => this.fixData(d)),\r\n      },\r\n    };\r\n  }\r\n\r\n  componentDidLoad(): void {\r\n    fetch(\"ozon-response.json\")\r\n      .then((response) => response.json())\r\n      .then((result) => {\r\n        this.response = this.fixData(result);\r\n\r\n        /* eslint-disable @typescript-eslint/no-non-null-asserted-optional-chain */\r\n        this.filtered = [\r\n          this.response?._embedded?.ontwerpTekststructuurDocumentComponenten[0]!._embedded\r\n            ?.ontwerpTekststructuurDocumentComponenten[10]!._embedded?.ontwerpTekststructuurDocumentComponenten[2]!\r\n            ._embedded?.ontwerpTekststructuurDocumentComponenten[0]!,\r\n          this.response?._embedded?.ontwerpTekststructuurDocumentComponenten[0]!._embedded\r\n            ?.ontwerpTekststructuurDocumentComponenten[10]!._embedded?.ontwerpTekststructuurDocumentComponenten[0]!,\r\n        ];\r\n\r\n        this.notApplicable = [\r\n          this.response?._embedded?.ontwerpTekststructuurDocumentComponenten[0]!._embedded\r\n            ?.ontwerpTekststructuurDocumentComponenten[4]!,\r\n          this.response?._embedded?.ontwerpTekststructuurDocumentComponenten[0]!._embedded\r\n            ?.ontwerpTekststructuurDocumentComponenten[4]!._embedded?.ontwerpTekststructuurDocumentComponenten[0]!,\r\n          this.response?._embedded?.ontwerpTekststructuurDocumentComponenten[0]!._embedded\r\n            ?.ontwerpTekststructuurDocumentComponenten[9]!._embedded?.ontwerpTekststructuurDocumentComponenten[1]!,\r\n        ];\r\n        /* eslint-enable @typescript-eslint/no-non-null-asserted-optional-chain */\r\n      });\r\n  }\r\n\r\n  private handleOpenToggle(\r\n    e: DsoDocumentComponentCustomEvent<DocumentComponentOpenToggleEvent>,\r\n    documentComponent: DocumentComponent\r\n  ) {\r\n    const isOpen = this.isOpen(documentComponent);\r\n\r\n    if (e.detail.open && !isOpen) {\r\n      this.open = [...this.open, documentComponent];\r\n    } else if (!e.detail.open && isOpen) {\r\n      this.open = this.open.filter((d) => d !== documentComponent);\r\n    }\r\n  }\r\n\r\n  private handleAnnotationToggle(documentComponent: DocumentComponent) {\r\n    this.openedAnnotation = this.isOpenedAnnotation(documentComponent)\r\n      ? this.openedAnnotation.filter((d) => d !== documentComponent)\r\n      : [...this.openedAnnotation, documentComponent];\r\n\r\n    if (!this.isOpen(documentComponent)) {\r\n      this.open = [...this.open, documentComponent];\r\n    }\r\n  }\r\n\r\n  private handleSelectableChange(documentComponent: DocumentComponent) {\r\n    this.activeAnnotationSelectables = this.isCheckedSlideToggle(documentComponent)\r\n      ? this.activeAnnotationSelectables.filter((d) => d !== documentComponent)\r\n      : [...this.activeAnnotationSelectables, documentComponent];\r\n  }\r\n\r\n  private isCheckedSlideToggle(documentComponent: DocumentComponent) {\r\n    return this.activeAnnotationSelectables.includes(documentComponent);\r\n  }\r\n\r\n  private hasFilteredChildren(documentComponent: DocumentComponent): boolean {\r\n    return (\r\n      this.filtered.includes(documentComponent) ||\r\n      (documentComponent._embedded?.ontwerpTekststructuurDocumentComponenten.some((d) => this.hasFilteredChildren(d)) ??\r\n        false)\r\n    );\r\n  }\r\n\r\n  private isOpen(documentComponent: DocumentComponent): boolean {\r\n    return documentComponent.type === \"LID\" || this.open.includes(documentComponent);\r\n  }\r\n\r\n  private isOpenedAnnotation(documentComponent: DocumentComponent): boolean {\r\n    return this.openedAnnotation.includes(documentComponent);\r\n  }\r\n\r\n  private isFiltered(documentComponent: DocumentComponent): boolean {\r\n    return this.filtered.includes(documentComponent);\r\n  }\r\n\r\n  private isNotApplicable(documentComponent: DocumentComponent): boolean {\r\n    return this.notApplicable.includes(documentComponent);\r\n  }\r\n\r\n  private hasNestedDraft(documentComponent: DocumentComponent): boolean {\r\n    return (\r\n      documentComponent._embedded?.ontwerpTekststructuurDocumentComponenten.some(\r\n        (d) => !!d.bevatOntwerpInformatie || this.hasNestedDraft(d)\r\n      ) ?? false\r\n    );\r\n  }\r\n\r\n  private showContent(documentComponent: DocumentComponent): boolean {\r\n    return (\r\n      this.isOpen(documentComponent) &&\r\n      !!(documentComponent._embedded?.ontwerpTekststructuurDocumentComponenten.length || documentComponent.inhoud)\r\n    );\r\n  }\r\n\r\n  private DocumentComponent = ({ path }: DocumentComponentProps) => {\r\n    const documentComponent = path.at(-1);\r\n\r\n    const { DocumentComponent } = this;\r\n\r\n    return (\r\n      <ul>\r\n        {documentComponent?._embedded?.ontwerpTekststructuurDocumentComponenten.map((d, i) => (\r\n          <li key={d.documentTechnischId}>\r\n            <dso-document-component\r\n              annotated={i % 3 === 2}\r\n              bevatOntwerpInformatie={!!d.bevatOntwerpInformatie}\r\n              filtered={this.isOpen(d) ? this.isFiltered(d) : this.hasFilteredChildren(d)}\r\n              genesteOntwerpInformatie={this.hasNestedDraft(d)}\r\n              gereserveerd={d.gereserveerd}\r\n              heading=\"h2\"\r\n              inhoud={d.inhoud}\r\n              label={d.labelXml}\r\n              openAnnotation={this.isOpenedAnnotation(d)}\r\n              notApplicable={this.isNotApplicable(d) || path.some((p) => this.isNotApplicable(p))}\r\n              nummer={d.nummerXml}\r\n              onDsoAnnotationToggle={() => this.handleAnnotationToggle(d)}\r\n              onDsoOpenToggle={(e) => this.handleOpenToggle(e, d)}\r\n              open={this.isOpen(d)}\r\n              opschrift={d.opschrift}\r\n              type={d.type}\r\n              vervallen={d.vervallen}\r\n              wijzigactie={d.wijzigactie}\r\n            >\r\n              {this.isOpenedAnnotation(d) && (\r\n                <dso-annotation-output\r\n                  slot=\"annotation\"\r\n                  open\r\n                  identifier=\"test\"\r\n                  onDsoClose={() => this.handleAnnotationToggle(d)}\r\n                >\r\n                  <span slot=\"title\">Annotaties</span>\r\n                  <dso-slide-toggle\r\n                    checked={this.isCheckedSlideToggle(d)}\r\n                    onDsoActiveChange={() => this.handleSelectableChange(d)}\r\n                  >\r\n                    Delfzijl\r\n                  </dso-slide-toggle>\r\n                </dso-annotation-output>\r\n              )}\r\n              {this.showContent(d) && <DocumentComponent path={[...path, d]} />}\r\n            </dso-document-component>\r\n          </li>\r\n        ))}\r\n      </ul>\r\n    );\r\n  };\r\n\r\n  render() {\r\n    const { DocumentComponent } = this;\r\n\r\n    return (\r\n      <div style={{ margin: \"0 8px\", borderLeft: \"1px dashed pink\", borderRight: \"1px dashed pink\" }}>\r\n        <dso-responsive-element class=\"dso-document-components\">\r\n          {this.response?._embedded?.ontwerpTekststructuurDocumentComponenten.map((d) => (\r\n            <>\r\n              <DocumentComponent path={[d]} />\r\n              <hr />\r\n            </>\r\n          ))}\r\n        </dso-responsive-element>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\ninterface DocumentComponentProps {\r\n  path: DocumentComponent[];\r\n}\r\n"]}

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

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=document-component.types.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"document-component.types.js","sourceRoot":"","sources":["../../../src/components/document-component/document-component.types.ts"],"names":[],"mappings":"","sourcesContent":["export interface DocumentComponentOpenToggleEvent {\r\n  originalEvent: Event;\r\n  open: boolean;\r\n}\r\n\r\nexport interface DocumentComponentToggleAnnotationEvent {\r\n  originalEvent: Event;\r\n}\r\n\r\nexport type DocumentComponentWijzigactie = \"voegtoe\" | \"verwijder\" | \"nieuweContainer\" | \"verwijderContainer\";\r\n"]}

package/dist/dso-toolkit/p-42ba2c81.entry.js

@@ -1,2 +0,0 @@
-import{r as i,h as t,F as o}from"./p-3ca5b6f4.js";const n=class{constructor(o){i(this,o);this.DocumentComponent=({path:i})=>{var o;const n=i.at(-1);const{DocumentComponent:e}=this;return t("ul",null,(o=n===null||n===void 0?void 0:n._embedded)===null||o===void 0?void 0:o.ontwerpTekststructuurDocumentComponenten.map(((o,n)=>t("li",{key:o.documentTechnischId},t("dso-document-component",{annotated:n%3===2,bevatOntwerpInformatie:!!o.bevatOntwerpInformatie,filtered:this.isOpen(o)?this.isFiltered(o):this.hasFilteredChildren(o),genesteOntwerpInformatie:this.hasNestedDraft(o),gereserveerd:o.gereserveerd,heading:"h2",inhoud:o.inhoud,label:o.labelXml,openAnnotation:this.isOpenedAnnotation(o),notApplicable:this.isNotApplicable(o)||i.some((i=>this.isNotApplicable(i))),nummer:o.nummerXml,onDsoAnnotationToggle:()=>this.handleAnnotationToggle(o),onDsoOpenToggle:i=>this.handleOpenToggle(i,o),open:this.isOpen(o),opschrift:o.opschrift,type:o.type,vervallen:o.vervallen,wijzigactie:o.wijzigactie},this.isOpenedAnnotation(o)&&t("dso-annotation-output",{slot:"annotation",open:true,identifier:"test",onDsoClose:()=>this.handleAnnotationToggle(o)},t("span",{slot:"title"},"Annotaties"),t("dso-slide-toggle",{checked:this.isCheckedSlideToggle(o),onDsoActiveChange:()=>this.handleSelectableChange(o)},"Delfzijl")),this.showContent(o)&&t(e,{path:[...i,o]}))))))};this.response=undefined;this.open=[];this.openedAnnotation=[];this.filtered=[];this.notApplicable=[];this.activeAnnotationSelectables=[]}fixData(i){var t;return Object.assign(Object.assign({},i),{nummerXml:i.type==="LID"&&!((t=i.nummerXml)===null||t===void 0?void 0:t.startsWith("<?"))?`<?xml version="1.0" encoding="UTF-8" standalone="yes"?><Nummer xmlns="https://standaarden.overheid.nl/stop/imop/tekst/">${i.nummerXml}</Nummer>`:i.nummerXml,_embedded:i._embedded&&{ontwerpTekststructuurDocumentComponenten:i._embedded.ontwerpTekststructuurDocumentComponenten.map((i=>this.fixData(i)))}})}componentDidLoad(){fetch("ozon-response.json").then((i=>i.json())).then((i=>{var t,o,n,e,s,l,d,h,v,r,u,a,p,c,m,g,f,D,b,C;this.response=this.fixData(i);this.filtered=[(s=(e=(n=(o=(t=this.response)===null||t===void 0?void 0:t._embedded)===null||o===void 0?void 0:o.ontwerpTekststructuurDocumentComponenten[0]._embedded)===null||n===void 0?void 0:n.ontwerpTekststructuurDocumentComponenten[10]._embedded)===null||e===void 0?void 0:e.ontwerpTekststructuurDocumentComponenten[2]._embedded)===null||s===void 0?void 0:s.ontwerpTekststructuurDocumentComponenten[0],(v=(h=(d=(l=this.response)===null||l===void 0?void 0:l._embedded)===null||d===void 0?void 0:d.ontwerpTekststructuurDocumentComponenten[0]._embedded)===null||h===void 0?void 0:h.ontwerpTekststructuurDocumentComponenten[10]._embedded)===null||v===void 0?void 0:v.ontwerpTekststructuurDocumentComponenten[0]];this.notApplicable=[(a=(u=(r=this.response)===null||r===void 0?void 0:r._embedded)===null||u===void 0?void 0:u.ontwerpTekststructuurDocumentComponenten[0]._embedded)===null||a===void 0?void 0:a.ontwerpTekststructuurDocumentComponenten[4],(g=(m=(c=(p=this.response)===null||p===void 0?void 0:p._embedded)===null||c===void 0?void 0:c.ontwerpTekststructuurDocumentComponenten[0]._embedded)===null||m===void 0?void 0:m.ontwerpTekststructuurDocumentComponenten[4]._embedded)===null||g===void 0?void 0:g.ontwerpTekststructuurDocumentComponenten[0],(C=(b=(D=(f=this.response)===null||f===void 0?void 0:f._embedded)===null||D===void 0?void 0:D.ontwerpTekststructuurDocumentComponenten[0]._embedded)===null||b===void 0?void 0:b.ontwerpTekststructuurDocumentComponenten[9]._embedded)===null||C===void 0?void 0:C.ontwerpTekststructuurDocumentComponenten[1]]}))}handleOpenToggle(i,t){const o=this.isOpen(t);if(i.detail.open&&!o){this.open=[...this.open,t]}else if(!i.detail.open&&o){this.open=this.open.filter((i=>i!==t))}}handleAnnotationToggle(i){this.openedAnnotation=this.isOpenedAnnotation(i)?this.openedAnnotation.filter((t=>t!==i)):[...this.openedAnnotation,i];if(!this.isOpen(i)){this.open=[...this.open,i]}}handleSelectableChange(i){this.activeAnnotationSelectables=this.isCheckedSlideToggle(i)?this.activeAnnotationSelectables.filter((t=>t!==i)):[...this.activeAnnotationSelectables,i]}isCheckedSlideToggle(i){return this.activeAnnotationSelectables.includes(i)}hasFilteredChildren(i){var t,o;return this.filtered.includes(i)||((o=(t=i._embedded)===null||t===void 0?void 0:t.ontwerpTekststructuurDocumentComponenten.some((i=>this.hasFilteredChildren(i))))!==null&&o!==void 0?o:false)}isOpen(i){return i.type==="LID"||this.open.includes(i)}isOpenedAnnotation(i){return this.openedAnnotation.includes(i)}isFiltered(i){return this.filtered.includes(i)}isNotApplicable(i){return this.notApplicable.includes(i)}hasNestedDraft(i){var t,o;return(o=(t=i._embedded)===null||t===void 0?void 0:t.ontwerpTekststructuurDocumentComponenten.some((i=>!!i.bevatOntwerpInformatie||this.hasNestedDraft(i))))!==null&&o!==void 0?o:false}showContent(i){var t;return this.isOpen(i)&&!!(((t=i._embedded)===null||t===void 0?void 0:t.ontwerpTekststructuurDocumentComponenten.length)||i.inhoud)}render(){var i,n;const{DocumentComponent:e}=this;return t("div",{style:{margin:"0 8px",borderLeft:"1px dashed pink",borderRight:"1px dashed pink"}},t("dso-responsive-element",{class:"dso-document-components"},(n=(i=this.response)===null||i===void 0?void 0:i._embedded)===null||n===void 0?void 0:n.ontwerpTekststructuurDocumentComponenten.map((i=>t(o,null,t(e,{path:[i]}),t("hr",null))))))}};export{n as dsot_document_component_demo};
-//# sourceMappingURL=p-42ba2c81.entry.js.map

package/dist/dso-toolkit/p-42ba2c81.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DocumentComponentDemo","this","DocumentComponent","path","documentComponent","at","h","_a","_embedded","ontwerpTekststructuurDocumentComponenten","map","d","i","key","documentTechnischId","annotated","bevatOntwerpInformatie","filtered","isOpen","isFiltered","hasFilteredChildren","genesteOntwerpInformatie","hasNestedDraft","gereserveerd","heading","inhoud","label","labelXml","openAnnotation","isOpenedAnnotation","notApplicable","isNotApplicable","some","p","nummer","nummerXml","onDsoAnnotationToggle","handleAnnotationToggle","onDsoOpenToggle","e","handleOpenToggle","open","opschrift","type","vervallen","wijzigactie","slot","identifier","onDsoClose","checked","isCheckedSlideToggle","onDsoActiveChange","handleSelectableChange","showContent","fixData","Object","assign","startsWith","componentDidLoad","fetch","then","response","json","result","_e","_d","_c","_b","_j","_h","_g","_f","_m","_l","_k","_r","_q","_p","_o","_v","_u","_t","_s","detail","filter","openedAnnotation","activeAnnotationSelectables","includes","length","render","style","margin","borderLeft","borderRight","class","Fragment"],"sources":["src/components/document-component/document-component.demo.tsx"],"sourcesContent":["import { h, Component, ComponentInterface, Fragment, State } from \"@stencil/core\";\r\nimport { DocumentComponentOpenToggleEvent, DsoDocumentComponentCustomEvent } from \"../../components\";\r\n\r\ninterface DocumentComponent {\r\n  documentTechnischId: string;\r\n  type?: string;\r\n  labelXml?: string;\r\n  nummerXml?: string;\r\n  opschrift?: string;\r\n  inhoud?: string;\r\n  gereserveerd?: boolean;\r\n  vervallen?: boolean;\r\n  bevatOntwerpInformatie?: boolean;\r\n  wijzigactie?: \"voegtoe\" | \"verwijder\" | \"nieuweContainer\" | \"verwijderContainer\";\r\n  _embedded?: {\r\n    ontwerpTekststructuurDocumentComponenten: DocumentComponent[];\r\n  };\r\n}\r\n\r\n@Component({\r\n  tag: \"dsot-document-component-demo\",\r\n})\r\nexport class DocumentComponentDemo implements ComponentInterface {\r\n  @State()\r\n  response?: DocumentComponent;\r\n\r\n  @State()\r\n  open: DocumentComponent[] = [];\r\n\r\n  @State()\r\n  openedAnnotation: DocumentComponent[] = [];\r\n\r\n  @State()\r\n  filtered: DocumentComponent[] = [];\r\n\r\n  @State()\r\n  notApplicable: DocumentComponent[] = [];\r\n\r\n  @State()\r\n  activeAnnotationSelectables: DocumentComponent[] = [];\r\n\r\n  private fixData(documentComponent: DocumentComponent): DocumentComponent {\r\n    return {\r\n      ...documentComponent,\r\n      nummerXml:\r\n        documentComponent.type === \"LID\" && !documentComponent.nummerXml?.startsWith(\"<?\")\r\n          ? `<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?><Nummer xmlns=\"https://standaarden.overheid.nl/stop/imop/tekst/\">${documentComponent.nummerXml}</Nummer>`\r\n          : documentComponent.nummerXml,\r\n      _embedded: documentComponent._embedded && {\r\n        ontwerpTekststructuurDocumentComponenten:\r\n          documentComponent._embedded.ontwerpTekststructuurDocumentComponenten.map((d) => this.fixData(d)),\r\n      },\r\n    };\r\n  }\r\n\r\n  componentDidLoad(): void {\r\n    fetch(\"ozon-response.json\")\r\n      .then((response) => response.json())\r\n      .then((result) => {\r\n        this.response = this.fixData(result);\r\n\r\n        /* eslint-disable @typescript-eslint/no-non-null-asserted-optional-chain */\r\n        this.filtered = [\r\n          this.response?._embedded?.ontwerpTekststructuurDocumentComponenten[0]!._embedded\r\n            ?.ontwerpTekststructuurDocumentComponenten[10]!._embedded?.ontwerpTekststructuurDocumentComponenten[2]!\r\n            ._embedded?.ontwerpTekststructuurDocumentComponenten[0]!,\r\n          this.response?._embedded?.ontwerpTekststructuurDocumentComponenten[0]!._embedded\r\n            ?.ontwerpTekststructuurDocumentComponenten[10]!._embedded?.ontwerpTekststructuurDocumentComponenten[0]!,\r\n        ];\r\n\r\n        this.notApplicable = [\r\n          this.response?._embedded?.ontwerpTekststructuurDocumentComponenten[0]!._embedded\r\n            ?.ontwerpTekststructuurDocumentComponenten[4]!,\r\n          this.response?._embedded?.ontwerpTekststructuurDocumentComponenten[0]!._embedded\r\n            ?.ontwerpTekststructuurDocumentComponenten[4]!._embedded?.ontwerpTekststructuurDocumentComponenten[0]!,\r\n          this.response?._embedded?.ontwerpTekststructuurDocumentComponenten[0]!._embedded\r\n            ?.ontwerpTekststructuurDocumentComponenten[9]!._embedded?.ontwerpTekststructuurDocumentComponenten[1]!,\r\n        ];\r\n        /* eslint-enable @typescript-eslint/no-non-null-asserted-optional-chain */\r\n      });\r\n  }\r\n\r\n  private handleOpenToggle(\r\n    e: DsoDocumentComponentCustomEvent<DocumentComponentOpenToggleEvent>,\r\n    documentComponent: DocumentComponent\r\n  ) {\r\n    const isOpen = this.isOpen(documentComponent);\r\n\r\n    if (e.detail.open && !isOpen) {\r\n      this.open = [...this.open, documentComponent];\r\n    } else if (!e.detail.open && isOpen) {\r\n      this.open = this.open.filter((d) => d !== documentComponent);\r\n    }\r\n  }\r\n\r\n  private handleAnnotationToggle(documentComponent: DocumentComponent) {\r\n    this.openedAnnotation = this.isOpenedAnnotation(documentComponent)\r\n      ? this.openedAnnotation.filter((d) => d !== documentComponent)\r\n      : [...this.openedAnnotation, documentComponent];\r\n\r\n    if (!this.isOpen(documentComponent)) {\r\n      this.open = [...this.open, documentComponent];\r\n    }\r\n  }\r\n\r\n  private handleSelectableChange(documentComponent: DocumentComponent) {\r\n    this.activeAnnotationSelectables = this.isCheckedSlideToggle(documentComponent)\r\n      ? this.activeAnnotationSelectables.filter((d) => d !== documentComponent)\r\n      : [...this.activeAnnotationSelectables, documentComponent];\r\n  }\r\n\r\n  private isCheckedSlideToggle(documentComponent: DocumentComponent) {\r\n    return this.activeAnnotationSelectables.includes(documentComponent);\r\n  }\r\n\r\n  private hasFilteredChildren(documentComponent: DocumentComponent): boolean {\r\n    return (\r\n      this.filtered.includes(documentComponent) ||\r\n      (documentComponent._embedded?.ontwerpTekststructuurDocumentComponenten.some((d) => this.hasFilteredChildren(d)) ??\r\n        false)\r\n    );\r\n  }\r\n\r\n  private isOpen(documentComponent: DocumentComponent): boolean {\r\n    return documentComponent.type === \"LID\" || this.open.includes(documentComponent);\r\n  }\r\n\r\n  private isOpenedAnnotation(documentComponent: DocumentComponent): boolean {\r\n    return this.openedAnnotation.includes(documentComponent);\r\n  }\r\n\r\n  private isFiltered(documentComponent: DocumentComponent): boolean {\r\n    return this.filtered.includes(documentComponent);\r\n  }\r\n\r\n  private isNotApplicable(documentComponent: DocumentComponent): boolean {\r\n    return this.notApplicable.includes(documentComponent);\r\n  }\r\n\r\n  private hasNestedDraft(documentComponent: DocumentComponent): boolean {\r\n    return (\r\n      documentComponent._embedded?.ontwerpTekststructuurDocumentComponenten.some(\r\n        (d) => !!d.bevatOntwerpInformatie || this.hasNestedDraft(d)\r\n      ) ?? false\r\n    );\r\n  }\r\n\r\n  private showContent(documentComponent: DocumentComponent): boolean {\r\n    return (\r\n      this.isOpen(documentComponent) &&\r\n      !!(documentComponent._embedded?.ontwerpTekststructuurDocumentComponenten.length || documentComponent.inhoud)\r\n    );\r\n  }\r\n\r\n  private DocumentComponent = ({ path }: DocumentComponentProps) => {\r\n    const documentComponent = path.at(-1);\r\n\r\n    const { DocumentComponent } = this;\r\n\r\n    return (\r\n      <ul>\r\n        {documentComponent?._embedded?.ontwerpTekststructuurDocumentComponenten.map((d, i) => (\r\n          <li key={d.documentTechnischId}>\r\n            <dso-document-component\r\n              annotated={i % 3 === 2}\r\n              bevatOntwerpInformatie={!!d.bevatOntwerpInformatie}\r\n              filtered={this.isOpen(d) ? this.isFiltered(d) : this.hasFilteredChildren(d)}\r\n              genesteOntwerpInformatie={this.hasNestedDraft(d)}\r\n              gereserveerd={d.gereserveerd}\r\n              heading=\"h2\"\r\n              inhoud={d.inhoud}\r\n              label={d.labelXml}\r\n              openAnnotation={this.isOpenedAnnotation(d)}\r\n              notApplicable={this.isNotApplicable(d) || path.some((p) => this.isNotApplicable(p))}\r\n              nummer={d.nummerXml}\r\n              onDsoAnnotationToggle={() => this.handleAnnotationToggle(d)}\r\n              onDsoOpenToggle={(e) => this.handleOpenToggle(e, d)}\r\n              open={this.isOpen(d)}\r\n              opschrift={d.opschrift}\r\n              type={d.type}\r\n              vervallen={d.vervallen}\r\n              wijzigactie={d.wijzigactie}\r\n            >\r\n              {this.isOpenedAnnotation(d) && (\r\n                <dso-annotation-output\r\n                  slot=\"annotation\"\r\n                  open\r\n                  identifier=\"test\"\r\n                  onDsoClose={() => this.handleAnnotationToggle(d)}\r\n                >\r\n                  <span slot=\"title\">Annotaties</span>\r\n                  <dso-slide-toggle\r\n                    checked={this.isCheckedSlideToggle(d)}\r\n                    onDsoActiveChange={() => this.handleSelectableChange(d)}\r\n                  >\r\n                    Delfzijl\r\n                  </dso-slide-toggle>\r\n                </dso-annotation-output>\r\n              )}\r\n              {this.showContent(d) && <DocumentComponent path={[...path, d]} />}\r\n            </dso-document-component>\r\n          </li>\r\n        ))}\r\n      </ul>\r\n    );\r\n  };\r\n\r\n  render() {\r\n    const { DocumentComponent } = this;\r\n\r\n    return (\r\n      <div style={{ margin: \"0 8px\", borderLeft: \"1px dashed pink\", borderRight: \"1px dashed pink\" }}>\r\n        <dso-responsive-element class=\"dso-document-components\">\r\n          {this.response?._embedded?.ontwerpTekststructuurDocumentComponenten.map((d) => (\r\n            <>\r\n              <DocumentComponent path={[d]} />\r\n              <hr />\r\n            </>\r\n          ))}\r\n        </dso-responsive-element>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\ninterface DocumentComponentProps {\r\n  path: DocumentComponent[];\r\n}\r\n"],"mappings":"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"}

package/dist/dso-toolkit/p-48d76094.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,F as o,a as n}from"./p-3ca5b6f4.js";import{v as s}from"./p-5d7f4ff2.js";const a="*,*::after,*::before{box-sizing:border-box}dso-annotation-output{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-annotation-header{align-items:center;background-color:#f2f2f2;clear:both;display:flex;margin-bottom:2px;margin-top:8px;padding-left:16px;padding-right:8px;padding-top:8px;padding-bottom:8px}.dso-annotation-header>[slot=title]{color:#000;font-size:1.25rem;margin-bottom:0;margin-top:0}.dso-annotation-header>:nth-child(2){margin-left:auto}dso-responsive-element[small] .dso-annotation-header,dso-responsive-element[medium] .dso-annotation-header{display:grid;row-gap:8px}dso-responsive-element[small] .dso-annotation-header *[slot=title],dso-responsive-element[medium] .dso-annotation-header *[slot=title]{grid-row:1;grid-column:1}dso-responsive-element[small] .dso-annotation-header *[slot=addons],dso-responsive-element[medium] .dso-annotation-header *[slot=addons]{grid-row:2;grid-column:1;margin-left:initial}dso-responsive-element[small] .dso-annotation-header .dso-annotation-close-button,dso-responsive-element[medium] .dso-annotation-header .dso-annotation-close-button{grid-row:1;grid-column:2;margin-left:8px;text-align:end}.dso-annotation-content{background-color:#f2f2f2;padding-left:16px;padding-right:8px;padding-top:8px;padding-bottom:8px}.dso-annotation-close-button{margin-left:32px}.dso-annotation-prefix{font-style:italic}";const d=class{constructor(i){t(this,i);this.dsoClose=e(this,"dsoClose",3);this.toggleHandler=t=>{this.dsoClose.emit({originalEvent:t})};this.identifier=undefined;this.annotationPrefix=undefined;this.open=false}render(){return i("dso-responsive-element",null,i("dso-expandable",{id:this.identifier,open:this.open},this.annotationPrefix&&i("span",{class:"dso-annotation-prefix"},this.annotationPrefix),i("div",{class:"dso-annotation-header"},i("slot",{name:"title"}),i("slot",{name:"addons"}),i("button",{type:"button",class:"dso-tertiary dso-annotation-close-button",onClick:this.toggleHandler},i("dso-icon",{icon:"times"}),i("span",{class:"sr-only"},"Toelichting sluiten"))),i("div",{class:"dso-annotation-content"},i("slot",null))))}};d.style=a;var r=undefined&&undefined.__rest||function(t,e){var i={};for(var o in t)if(Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0)i[o]=t[o];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var n=0,o=Object.getOwnPropertySymbols(t);n<o.length;n++){if(e.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(t,o[n]))i[o[n]]=t[o[n]]}return i};const l=(t,e)=>{var{heading:o}=t,n=r(t,["heading"]);switch(o){default:case"h2":return i("h2",Object.assign({},n),e);case"h3":return i("h3",Object.assign({},n),e);case"h4":return i("h4",Object.assign({},n),e);case"h5":return i("h5",Object.assign({},n),e);case"h6":return i("h6",Object.assign({},n),e)}};const h='ins{background-color:#e4f1d4;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25);color:#000;text-decoration:none}.not-applicable{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}:host{display:block}:host-context(dso-responsive-element:not([small])) .content{padding-left:24px}:host([type=LID]:where([wijzigactie=verwijder],[wijzigactie=voegtoe])){padding-left:8px;margin-right:8px}:host(:where([wijzigactie=verwijder],[wijzigactie=voegtoe])),:host(:where([wijzigactie=nieuweContainer],[wijzigactie=verwijderContainer])) .heading-container{padding-top:4px;padding-bottom:4px}:host([wijzigactie=verwijderContainer]) .heading-container,:host(:where([wijzigactie=verwijder])){background-color:#f5d8dc;color:#000;text-decoration:line-through}:host([wijzigactie=nieuweContainer]) .heading-container,:host([wijzigactie=voegtoe]){background-color:#e4f1d4;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25);color:#000}:host([filtered]){position:relative}:host([filtered])::before{content:"";position:absolute;display:block;width:3px;top:0;bottom:0;background-color:#6ca4d9}:host([open]) .heading-container{margin-bottom:8px}.toggle-button{border:0;padding:0;background:0;color:#275937;cursor:pointer}.heading-element{align-items:start;display:flex;font-size:1rem;color:#275937;margin:0}.heading-element>*{vertical-align:middle}:host([type=LID]) .heading-container{margin-bottom:0}:host([type=LID]) .wijzigactie-label{margin-left:0}:host([type=LID]) .heading-element{color:#000}:host([type=LID]) .content{padding-left:0 !important}:host(:not([type=LID])) .heading-element{cursor:pointer}:host(:not([type=LID])) .heading-element:hover,:host(:not([type=LID])) .heading-element:focus{color:var(--link-hover-color);text-decoration:underline}:host(:not([type=LID])) .heading-element:active{text-decoration:none}.addons{margin-inline-start:auto;display:flex;gap:8px}.heading{display:flex;gap:8px}:host([type=ARTIKEL]) .heading-element,:host([type=ARTIKEL]) .toggle-button{color:#000}.wijzigactie-label{font-style:italic;margin-left:24px}.heading-container{padding-right:8px}';const c={nieuweContainer:"Toegevoegd",verwijder:"Verwijderd",verwijderContainer:"Verwijderd",voegtoe:"Toegevoegd"};const g=class{constructor(i){t(this,i);this.dsoOpenToggle=e(this,"dsoOpenToggle",3);this.dsoAnnotationToggle=e(this,"dsoAnnotationToggle",3);this.handleHeadingClick=t=>{if(this.type!=="LID"){this.dsoOpenToggle.emit({originalEvent:t,open:!this.open})}};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}get wijzigactieLabel(){return this.wijzigactie&&c[this.wijzigactie]}suffix(){if(this.vervallen){return"vervallen"}if(this.gereserveerd){return"gereserveerd"}return undefined}render(){const t=this.suffix();return i(o,null,i("div",{class:"heading-container"},this.wijzigactie&&i("span",{class:"wijzigactie-label"},this.wijzigactieLabel,":"),i("div",{class:"heading"},i(l,{heading:this.heading,class:"heading-element",onClick:this.handleHeadingClick},this.type!=="LID"&&i("button",{type:"button",class:"toggle-button"},i("dso-icon",{icon:this.open?"chevron-down":"chevron-right"})),i("div",{class:"title"},this.notApplicable&&i("span",{class:"not-applicable"},"Niet van toepassing:"),this.label||this.nummer||this.opschrift?i(o,null,this.label&&i(o,null," ",i("dso-ozon-content",{content:this.label,inline:true})),this.nummer&&i(o,null," ",i("dso-ozon-content",{content:this.nummer,inline:true})),this.opschrift&&i(o,null," ",i("dso-ozon-content",{content:this.opschrift,inline:true}))):this.alternativeTitle,t&&i("span",null," - [",t,"]"))),this.genesteOntwerpInformatie&&!this.open&&!this.bevatOntwerpInformatie&&i(o,null,i("dso-badge",{status:"warning","aria-describedby":"nested-draft-description"},"!"),i("dso-tooltip",{id:"nested-draft-description"},"Er is een ontwerp beschikbaar.")),(this.bevatOntwerpInformatie||this.annotated)&&i("div",{class:"addons"},this.bevatOntwerpInformatie&&i("dso-label",{status:"warning",compact:true},"Ontwerp"),this.annotated&&i("dso-annotation-button",{identifier:"expandable",open:this.openAnnotation,onDsoClick:t=>this.dsoAnnotationToggle.emit({originalEvent:t})})))),i("slot",{name:"annotation"}),this.open&&(this.inhoud||this.gereserveerd)&&i("div",{class:"content"},this.gereserveerd&&i("dso-alert",{status:"info"},"Dit onderdeel is gereserveerd voor toekomstige toevoeging."),i("dso-ozon-content",{content:this.inhoud})),i("slot",null))}};g.style=h;const p="button.dso-slider{border:0;padding:0}button.dso-slider:focus-visible{outline:2px solid #323232;outline-offset:1px}button.dso-slider svg rect{fill:#999;transition:fill 0.25s}button.dso-slider svg circle{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transform:translateX(10px);fill:#fff}button.dso-slider[aria-checked=true] svg rect{fill:#275937}button.dso-slider[aria-checked=true] svg circle{transform:translateX(30px);fill:#fff}button.dso-slider[disabled] svg rect{fill:#ccc}button.dso-slider[disabled] svg circle{fill:#e5e5e5}button.dso-slider[disabled][aria-checked=true] svg rect{fill:#a8bcaf}button.dso-slider[disabled][aria-checked=true] svg circle{fill:#e5e5e5}.dso-slider{border-radius:24px;display:inline-flex}.dso-slider:hover{cursor:pointer}";const u=class{constructor(i){t(this,i);this.dsoActiveChange=e(this,"dsoActiveChange",7);this.checked=false;this.disabled=false;this.accessibleLabel=undefined;this.labelledbyId=undefined;this.hasVisibleLabel=undefined;this.identifier=s()}handleSwitch(t){this.dsoActiveChange.emit({originalEvent:t,checked:!this.checked})}componentWillLoad(){this.hasVisibleLabel=this.host.querySelector("*")!==null}render(){return i(o,null,i("button",Object.assign({id:this.identifier,role:"switch",class:"dso-slider","aria-checked":""+this.checked,disabled:this.disabled,onClick:t=>this.handleSwitch(t)},this.accessibleLabel?{"aria-label":this.accessibleLabel}:{},this.labelledbyId?{"aria-labelledby":this.labelledbyId}:{}),i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"20",viewBox:"0 0 40 20"},i("g",{fill:"none","fill-rule":"evenodd"},i("rect",{width:"40",height:"20",fill:"currentColor",rx:"10"}),i("circle",{cy:"10",r:"8",fill:"currentColor"})))),this.hasVisibleLabel&&i("label",{htmlFor:this.identifier},i("slot",null)))}get host(){return n(this)}};u.style=p;export{d as dso_annotation_output,g as dso_document_component,u as dso_slide_toggle};
-//# sourceMappingURL=p-48d76094.entry.js.map

package/dist/dso-toolkit/p-48d76094.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["annotationOutputCss","AnnotationOutput","this","toggleHandler","e","dsoClose","emit","originalEvent","render","h","id","identifier","open","annotationPrefix","class","name","type","onClick","icon","Heading","_a","children","heading","props","__rest","Object","assign","documentComponentCss","wijzigActieLabels","nieuweContainer","verwijder","verwijderContainer","voegtoe","DocumentComponent","handleHeadingClick","dsoOpenToggle","wijzigactieLabel","wijzigactie","suffix","vervallen","gereserveerd","undefined","Fragment","notApplicable","label","nummer","opschrift","content","inline","genesteOntwerpInformatie","bevatOntwerpInformatie","status","annotated","compact","openAnnotation","onDsoClick","dsoAnnotationToggle","inhoud","slideToggleCss","SlideToggle","v4","handleSwitch","dsoActiveChange","checked","componentWillLoad","hasVisibleLabel","host","querySelector","role","disabled","accessibleLabel","labelledbyId","xmlns","width","height","viewBox","fill","rx","cy","r","htmlFor"],"sources":["src/components/annotation-output/annotation-output.scss?tag=dso-annotation-output","src/components/annotation-output/annotation-output.tsx","src/components/document-component/document-component-heading.tsx","src/components/document-component/document-component.scss?tag=dso-document-component&encapsulation=shadow","src/components/document-component/document-component.tsx","src/components/slide-toggle/slide-toggle.scss?tag=dso-slide-toggle","src/components/slide-toggle/slide-toggle.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n\r\n@include utilities.box-sizing();\r\n\r\ndso-annotation-output {\r\n  display: block;\r\n}\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n.dso-annotation-header {\r\n  align-items: center;\r\n  background-color: colors.$grijs-5;\r\n  clear: both;\r\n  display: flex;\r\n  margin-bottom: 2px;\r\n  margin-top: units.$u1;\r\n  padding-left: units.$u2;\r\n  padding-right: units.$u1;\r\n  padding-top: units.$u1;\r\n  padding-bottom: units.$u1;\r\n\r\n  > [slot=\"title\"] {\r\n    color: colors.$zwart;\r\n    font-size: 1.25rem;\r\n    margin-bottom: 0;\r\n    margin-top: 0;\r\n  }\r\n\r\n  > :nth-child(2) {\r\n    margin-left: auto;\r\n  }\r\n}\r\n\r\ndso-responsive-element[small],\r\ndso-responsive-element[medium] {\r\n  .dso-annotation-header {\r\n    display: grid;\r\n    row-gap: units.$u1;\r\n\r\n    *[slot=\"title\"] {\r\n      grid-row: 1;\r\n      grid-column: 1;\r\n    }\r\n\r\n    *[slot=\"addons\"] {\r\n      grid-row: 2;\r\n      grid-column: 1;\r\n      margin-left: initial;\r\n    }\r\n\r\n    .dso-annotation-close-button {\r\n      grid-row: 1;\r\n      grid-column: 2;\r\n      margin-left: units.$u1;\r\n      text-align: end;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-annotation-content {\r\n  background-color: colors.$grijs-5;\r\n  padding-left: units.$u2;\r\n  padding-right: units.$u1;\r\n  padding-top: units.$u1;\r\n  padding-bottom: units.$u1;\r\n}\r\n\r\n.dso-annotation-close-button {\r\n  margin-left: units.$u4;\r\n}\r\n\r\n.dso-annotation-prefix {\r\n  font-style: italic;\r\n}\r\n","import { h, Component, ComponentInterface, Event, EventEmitter, Prop } from \"@stencil/core\";\r\n\r\nexport interface AnnotationOutputCloseEvent {\r\n  originalEvent: Event;\r\n}\r\n\r\n@Component({\r\n  tag: \"dso-annotation-output\",\r\n  styleUrl: \"annotation-output.scss\",\r\n  // No shadowdom for a11y reasons (aria-controls being set inside another component)\r\n})\r\nexport class AnnotationOutput implements ComponentInterface {\r\n  /**\r\n   * The annotation-button that toggles this component should have the same identifier.\r\n   */\r\n  @Prop({ reflect: true })\r\n  identifier!: string;\r\n\r\n  /**\r\n   * This text will be displayed above the annotation-output when opened\r\n   */\r\n  @Prop({ reflect: true })\r\n  annotationPrefix?: string;\r\n\r\n  /**\r\n   * Set to `true` to show content.\r\n   */\r\n  @Prop({ reflect: true })\r\n  open = false;\r\n\r\n  /**\r\n   * This event is emitted when the user activates the Annotation Button.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoClose!: EventEmitter<AnnotationOutputCloseEvent>;\r\n\r\n  private toggleHandler = (e: MouseEvent) => {\r\n    this.dsoClose.emit({ originalEvent: e });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <dso-responsive-element>\r\n        <dso-expandable id={this.identifier} open={this.open}>\r\n          {this.annotationPrefix && <span class=\"dso-annotation-prefix\">{this.annotationPrefix}</span>}\r\n          <div class=\"dso-annotation-header\">\r\n            <slot name=\"title\" />\r\n            <slot name=\"addons\" />\r\n            <button type=\"button\" class=\"dso-tertiary dso-annotation-close-button\" onClick={this.toggleHandler}>\r\n              <dso-icon icon=\"times\"></dso-icon>\r\n              <span class=\"sr-only\">Toelichting sluiten</span>\r\n            </button>\r\n          </div>\r\n          <div class=\"dso-annotation-content\">\r\n            <slot />\r\n          </div>\r\n        </dso-expandable>\r\n      </dso-responsive-element>\r\n    );\r\n  }\r\n}\r\n","import { h, FunctionalComponent } from \"@stencil/core\";\r\nimport { JSXBase } from \"@stencil/core/internal\";\r\n\r\ninterface DocumentComponentHeadingProps {\r\n  heading: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\r\n}\r\n\r\nexport const Heading: FunctionalComponent<\r\n  DocumentComponentHeadingProps & JSXBase.HTMLAttributes<HTMLHeadingElement>\r\n> = ({ heading, ...props }, children) => {\r\n  switch (heading) {\r\n    default:\r\n    case \"h2\":\r\n      return <h2 {...props}>{children}</h2>;\r\n    case \"h3\":\r\n      return <h3 {...props}>{children}</h3>;\r\n    case \"h4\":\r\n      return <h4 {...props}>{children}</h4>;\r\n    case \"h5\":\r\n      return <h5 {...props}>{children}</h5>;\r\n    case \"h6\":\r\n      return <h6 {...props}>{children}</h6>;\r\n  }\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n\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/anchor\";\r\n@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/components/document-component\";\r\n@use \"~dso-toolkit/src/components/insert/insert\";\r\n\r\n.not-applicable {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n:host-context(dso-responsive-element:not([small])) {\r\n  .content {\r\n    padding-left: document-component.$indent;\r\n  }\r\n}\r\n\r\n:host([type=\"LID\"]:where([wijzigactie=\"verwijder\"], [wijzigactie=\"voegtoe\"])) {\r\n  padding-left: units.$u1;\r\n  margin-right: units.$u1;\r\n}\r\n\r\n:host(:where([wijzigactie=\"verwijder\"], [wijzigactie=\"voegtoe\"])),\r\n:host(:where([wijzigactie=\"nieuweContainer\"], [wijzigactie=\"verwijderContainer\"])) .heading-container {\r\n  padding-top: units.$u1 * 0.5;\r\n  padding-bottom: units.$u1 * 0.5;\r\n}\r\n\r\n:host([wijzigactie=\"verwijderContainer\"]) .heading-container,\r\n:host(:where([wijzigactie=\"verwijder\"])) {\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([wijzigactie=\"nieuweContainer\"]) .heading-container,\r\n:host([wijzigactie=\"voegtoe\"]) {\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:host([filtered]) {\r\n  position: relative;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    display: block;\r\n    width: 3px;\r\n    top: 0;\r\n    bottom: 0;\r\n    background-color: colors.$lichtblauw;\r\n  }\r\n}\r\n\r\n:host([open]) {\r\n  .heading-container {\r\n    margin-bottom: units.$u1;\r\n  }\r\n}\r\n\r\n.toggle-button {\r\n  border: 0;\r\n  padding: 0;\r\n  background: 0;\r\n  color: colors.$bosgroen;\r\n  cursor: pointer;\r\n}\r\n\r\n.heading-element {\r\n  align-items: start;\r\n  display: flex;\r\n  font-size: 1rem;\r\n  color: colors.$bosgroen;\r\n  margin: 0;\r\n\r\n  > * {\r\n    vertical-align: middle;\r\n  }\r\n}\r\n\r\n:host([type=\"LID\"]) {\r\n  .heading-container {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .wijzigactie-label {\r\n    margin-left: 0;\r\n  }\r\n\r\n  .heading-element {\r\n    color: colors.$zwart;\r\n  }\r\n\r\n  .content {\r\n    padding-left: 0 !important;\r\n  }\r\n}\r\n\r\n:host(:not([type=\"LID\"])) {\r\n  .heading-element {\r\n    cursor: pointer;\r\n\r\n    @include anchor.pseudo();\r\n  }\r\n}\r\n\r\n.addons {\r\n  margin-inline-start: auto;\r\n  display: flex;\r\n  gap: units.$u1;\r\n}\r\n\r\n.heading {\r\n  display: flex;\r\n  gap: units.$u1;\r\n}\r\n\r\n:host([type=\"ARTIKEL\"]) {\r\n  .heading-element,\r\n  .toggle-button {\r\n    color: colors.$zwart;\r\n  }\r\n}\r\n\r\n.wijzigactie-label {\r\n  font-style: italic;\r\n  margin-left: document-component.$indent;\r\n}\r\n\r\n.heading-container {\r\n  padding-right: units.$u1;\r\n}\r\n","import { h, Component, ComponentInterface, Event, EventEmitter, Fragment, Prop } from \"@stencil/core\";\r\nimport {\r\n  DocumentComponentOpenToggleEvent,\r\n  DocumentComponentToggleAnnotationEvent,\r\n  DocumentComponentWijzigactie,\r\n} from \"./document-component.types\";\r\nimport { Heading } from \"./document-component-heading\";\r\n\r\nconst wijzigActieLabels: { [wijzigActie in DocumentComponentWijzigactie]: string } = {\r\n  nieuweContainer: \"Toegevoegd\",\r\n  verwijder: \"Verwijderd\",\r\n  verwijderContainer: \"Verwijderd\",\r\n  voegtoe: \"Toegevoegd\",\r\n};\r\n\r\n@Component({\r\n  tag: \"dso-document-component\",\r\n  styleUrl: \"document-component.scss\",\r\n  shadow: true,\r\n})\r\nexport class DocumentComponent implements ComponentInterface {\r\n  /**\r\n   * The heading element to use.\r\n   */\r\n  @Prop()\r\n  heading: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" = \"h2\";\r\n\r\n  /**\r\n   * The Label XML.\r\n   */\r\n  @Prop()\r\n  label?: string;\r\n\r\n  /**\r\n   * The Nummer XML.\r\n   */\r\n  @Prop()\r\n  nummer?: string;\r\n\r\n  /**\r\n   * The Opschrift XML.\r\n   */\r\n  @Prop()\r\n  opschrift?: string;\r\n\r\n  /**\r\n   * The Inhoud XML.\r\n   */\r\n  @Prop()\r\n  inhoud?: string;\r\n\r\n  /**\r\n   * This boolean attribute indicates whether the children are visible.\r\n   */\r\n  @Prop({ reflect: true })\r\n  open = false;\r\n\r\n  /**\r\n   * Marks this Document Component as belonging to an active filter.\r\n   */\r\n  @Prop({ reflect: true })\r\n  filtered = false;\r\n\r\n  /**\r\n   * Marks this Document Component as not-applicable.\r\n   */\r\n  @Prop({ reflect: true })\r\n  notApplicable = false;\r\n\r\n  /**\r\n   * When a child Document Component has a status \"Draft\".\r\n   */\r\n  @Prop({ reflect: true })\r\n  genesteOntwerpInformatie = false;\r\n\r\n  /**\r\n   * Marks as draft.\r\n   */\r\n  @Prop({ reflect: true })\r\n  bevatOntwerpInformatie = false;\r\n\r\n  /**\r\n   * Enables annotations.\r\n   */\r\n  @Prop({ reflect: true })\r\n  annotated = false;\r\n\r\n  /**\r\n   * Marks Document Component as reserved.\r\n   */\r\n  @Prop()\r\n  gereserveerd = false;\r\n\r\n  /**\r\n   * Marks the Document Component as expired.\r\n   */\r\n  @Prop()\r\n  vervallen = false;\r\n\r\n  /**\r\n   * When the Annotation Output is opened, set this to true.\r\n   */\r\n  @Prop()\r\n  openAnnotation = false;\r\n\r\n  /**\r\n   * An alternative title to show when there is nothing to create a title.\r\n   */\r\n  @Prop()\r\n  alternativeTitle?: string;\r\n\r\n  /**\r\n   * Type of Document Component.\r\n   */\r\n  @Prop({ reflect: true })\r\n  type?: string;\r\n\r\n  /**\r\n   * The wijzigactie as in STOP.\r\n   */\r\n  @Prop({ reflect: true })\r\n  wijzigactie?: DocumentComponentWijzigactie;\r\n\r\n  /**\r\n   * Emitted when the user activates the toggle.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoOpenToggle!: EventEmitter<DocumentComponentOpenToggleEvent>;\r\n\r\n  /**\r\n   * Emitted when the user activates the annotation button.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoAnnotationToggle!: EventEmitter<DocumentComponentToggleAnnotationEvent>;\r\n\r\n  private get wijzigactieLabel(): string | undefined {\r\n    return this.wijzigactie && wijzigActieLabels[this.wijzigactie];\r\n  }\r\n\r\n  private handleHeadingClick = (e: MouseEvent) => {\r\n    if (this.type !== \"LID\") {\r\n      this.dsoOpenToggle.emit({ originalEvent: e, open: !this.open });\r\n    }\r\n  };\r\n\r\n  private suffix(): string | undefined {\r\n    if (this.vervallen) {\r\n      return \"vervallen\";\r\n    }\r\n\r\n    if (this.gereserveerd) {\r\n      return \"gereserveerd\";\r\n    }\r\n\r\n    return undefined;\r\n  }\r\n\r\n  render() {\r\n    const suffix = this.suffix();\r\n\r\n    return (\r\n      <>\r\n        <div class=\"heading-container\">\r\n          {this.wijzigactie && <span class=\"wijzigactie-label\">{this.wijzigactieLabel}:</span>}\r\n          <div class=\"heading\">\r\n            <Heading heading={this.heading} class=\"heading-element\" onClick={this.handleHeadingClick}>\r\n              {this.type !== \"LID\" && (\r\n                <button type=\"button\" class=\"toggle-button\">\r\n                  <dso-icon icon={this.open ? \"chevron-down\" : \"chevron-right\"}></dso-icon>\r\n                </button>\r\n              )}\r\n              <div class=\"title\">\r\n                {this.notApplicable && <span class=\"not-applicable\">Niet van toepassing:</span>}\r\n                {this.label || this.nummer || this.opschrift ? (\r\n                  <>\r\n                    {this.label && (\r\n                      <>\r\n                        {\" \"}\r\n                        <dso-ozon-content content={this.label} inline></dso-ozon-content>\r\n                      </>\r\n                    )}\r\n                    {this.nummer && (\r\n                      <>\r\n                        {\" \"}\r\n                        <dso-ozon-content content={this.nummer} inline></dso-ozon-content>\r\n                      </>\r\n                    )}\r\n                    {this.opschrift && (\r\n                      <>\r\n                        {\" \"}\r\n                        <dso-ozon-content content={this.opschrift} inline></dso-ozon-content>\r\n                      </>\r\n                    )}\r\n                  </>\r\n                ) : (\r\n                  this.alternativeTitle\r\n                )}\r\n                {suffix && <span> - [{suffix}]</span>}\r\n              </div>\r\n            </Heading>\r\n            {this.genesteOntwerpInformatie && !this.open && !this.bevatOntwerpInformatie && (\r\n              <>\r\n                <dso-badge status=\"warning\" aria-describedby=\"nested-draft-description\">\r\n                  !\r\n                </dso-badge>\r\n                <dso-tooltip id=\"nested-draft-description\">Er is een ontwerp beschikbaar.</dso-tooltip>\r\n              </>\r\n            )}\r\n            {(this.bevatOntwerpInformatie || this.annotated) && (\r\n              <div class=\"addons\">\r\n                {this.bevatOntwerpInformatie && (\r\n                  <dso-label status=\"warning\" compact>\r\n                    Ontwerp\r\n                  </dso-label>\r\n                )}\r\n                {this.annotated && (\r\n                  <dso-annotation-button\r\n                    identifier=\"expandable\"\r\n                    open={this.openAnnotation}\r\n                    onDsoClick={(e) => this.dsoAnnotationToggle.emit({ originalEvent: e })}\r\n                  ></dso-annotation-button>\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n        <slot name=\"annotation\" />\r\n        {this.open && (this.inhoud || this.gereserveerd) && (\r\n          <div class=\"content\">\r\n            {this.gereserveerd && (\r\n              <dso-alert status=\"info\">Dit onderdeel is gereserveerd voor toekomstige toevoeging.</dso-alert>\r\n            )}\r\n            <dso-ozon-content content={this.inhoud}></dso-ozon-content>\r\n          </div>\r\n        )}\r\n        <slot />\r\n      </>\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\nbutton.dso-slider {\r\n  border: 0;\r\n  padding: 0;\r\n\r\n  &:focus-visible {\r\n    outline: 2px solid colors.$grijs-80;\r\n    outline-offset: 1px;\r\n  }\r\n\r\n  svg {\r\n    rect {\r\n      fill: colors.$grijs-40;\r\n      transition: fill 0.25s;\r\n    }\r\n\r\n    circle {\r\n      @include utilities.transition(transform);\r\n\r\n      transform: translateX(10px);\r\n      fill: colors.$wit;\r\n    }\r\n  }\r\n\r\n  &[aria-checked=\"true\"] svg {\r\n    rect {\r\n      fill: colors.$bosgroen;\r\n    }\r\n\r\n    circle {\r\n      transform: translateX(30px);\r\n      fill: colors.$wit;\r\n    }\r\n  }\r\n\r\n  &[disabled] svg {\r\n    rect {\r\n      fill: colors.$grijs-20;\r\n    }\r\n\r\n    circle {\r\n      fill: colors.$grijs-10;\r\n    }\r\n  }\r\n\r\n  &[disabled][aria-checked=\"true\"] svg {\r\n    rect {\r\n      fill: colors.$bosgroen-40;\r\n    }\r\n\r\n    circle {\r\n      fill: colors.$grijs-10;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-slider {\r\n  border-radius: units.$u3;\r\n  display: inline-flex;\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n}\r\n","import { h, Component, ComponentInterface, Event, Fragment, Prop, EventEmitter, Element, State } from \"@stencil/core\";\r\nimport { v4 } from \"uuid\";\r\nimport { SlideToggleActiveEvent } from \"./slide-toggle.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-slide-toggle\",\r\n  styleUrl: \"slide-toggle.scss\",\r\n  shadow: false,\r\n})\r\nexport class SlideToggle implements ComponentInterface {\r\n  @Element()\r\n  private host!: HTMLDsoSlideToggleElement;\r\n\r\n  /**\r\n   * Set to true if Slide Toggle is checked.\r\n   */\r\n  @Prop()\r\n  checked = false;\r\n\r\n  /**\r\n   * Disables the Slide Toggle, preventing it from checking/unchecking and therefor not emitting any events.\r\n   */\r\n  @Prop()\r\n  disabled = false;\r\n\r\n  /**\r\n   * When provided the `<button>` will be labelled with `aria-label`. For a visible label provide a `<span>` inside the component.\r\n   */\r\n  @Prop()\r\n  accessibleLabel?: string;\r\n\r\n  /**\r\n   * Provide the `id` of the element that labels this element. this property sets the `aria-labelledby` on the switch button.\r\n   */\r\n  @Prop()\r\n  labelledbyId?: string;\r\n\r\n  @State()\r\n  hasVisibleLabel?: boolean;\r\n\r\n  /**\r\n   * Provide an `id` for the `<button>`. Useful for placing your to place your own `<label for=\"id\">`.\r\n   */\r\n  @Prop()\r\n  identifier = v4();\r\n\r\n  /**\r\n   * Emitted when user checks or unchecks the Slide Toggle.\r\n   */\r\n  @Event()\r\n  dsoActiveChange!: EventEmitter<SlideToggleActiveEvent>;\r\n\r\n  private handleSwitch(e: Event): void {\r\n    this.dsoActiveChange.emit({\r\n      originalEvent: e,\r\n      checked: !this.checked,\r\n    });\r\n  }\r\n\r\n  componentWillLoad(): void {\r\n    this.hasVisibleLabel = this.host.querySelector(\"*\") !== null;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        <button\r\n          id={this.identifier}\r\n          role=\"switch\"\r\n          class=\"dso-slider\"\r\n          aria-checked={\"\" + this.checked}\r\n          disabled={this.disabled}\r\n          onClick={(e) => this.handleSwitch(e)}\r\n          {...(this.accessibleLabel ? { \"aria-label\": this.accessibleLabel } : {})}\r\n          {...(this.labelledbyId ? { \"aria-labelledby\": this.labelledbyId } : {})}\r\n        >\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"20\" viewBox=\"0 0 40 20\">\r\n            <g fill=\"none\" fill-rule=\"evenodd\">\r\n              <rect width=\"40\" height=\"20\" fill=\"currentColor\" rx=\"10\" />\r\n              <circle cy=\"10\" r=\"8\" fill=\"currentColor\" />\r\n            </g>\r\n          </svg>\r\n        </button>\r\n        {this.hasVisibleLabel && (\r\n          <label htmlFor={this.identifier}>\r\n            <slot />\r\n          </label>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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"}

package/dist/dso-toolkit/p-5c5e43d3.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as o,a as i}from"./p-3ca5b6f4.js";import{d as r,h as a,c as n,b as s}from"./p-fd7891ef.js";import{c as p}from"./p-c87b4d11.js";import{d as l}from"./p-1805f5b0.js";var d={name:"maxSize",enabled:true,phase:"main",requiresIfExists:["offset","preventOverflow","flip"],fn:function t(e){var o=e.state,i=e.name,a=e.options;var n=r(o,a);var s=o.modifiersData.preventOverflow||{x:0,y:0},p=s.x,l=s.y;var d=o.rects.popper,h=d.width,c=d.height;var f=o.placement.split("-"),m=f[0];var u=m==="left"?"left":"right";var w=m==="top"?"top":"bottom";o.modifiersData[i]={width:h-n[u]-p,height:c-n[w]-l}}};const h=":host(.hidden){visibility:hidden}:host-context(dso-toggletip) *[data-popper-placement=top] .tooltip-arrow{margin-left:3px}:host-context(dso-toggletip) *[data-popper-placement=right] .tooltip-arrow{margin-top:0}:host-context(dso-toggletip) *[data-popper-placement=bottom] .tooltip-arrow{margin-left:3px}:host-context(dso-toggletip) *[data-popper-placement=left]{margin-right:-8px !important}:host-context(dso-toggletip) *[data-popper-placement=left] .tooltip-arrow{margin-top:0}*,*::after,*::before{box-sizing:border-box}.tooltip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;--link-color:#39870c;display:block;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));font-size:14px;opacity:0;position:absolute;transition:opacity 0.15s linear;z-index:410}.tooltip.in{opacity:1}.tooltip .tooltip-inner{background-color:#fff;border-radius:4px;color:#191919;display:inline-block;font-size:1rem;max-width:640px;padding:8px 16px;position:relative}.tooltip .tooltip-inner.dso-small{max-width:320px}.tooltip .tooltip-arrow{border-color:transparent;border-style:solid;height:0;width:0}.tooltip[data-popper-placement=top]{margin-top:-3px;padding:6px 0}.tooltip[data-popper-placement=top] .tooltip-arrow{border-top-color:#fff;border-width:6px 6px 0;bottom:0}.tooltip[data-popper-placement=top] .tooltip-arrow{margin-left:-3px}.tooltip[data-popper-placement=right]{margin-left:3px;padding:0 6px}.tooltip[data-popper-placement=right] .tooltip-arrow{border-right-color:#fff;border-width:6px 6px 6px 0;left:0}.tooltip[data-popper-placement=right] .tooltip-arrow{margin-top:-3px}.tooltip[data-popper-placement=bottom]{margin-top:3px;padding:6px 0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{border-bottom-color:#fff;border-width:0 6px 6px;top:0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{margin-left:-3px}.tooltip[data-popper-placement=left]{margin-left:-3px;padding:0 6px}.tooltip[data-popper-placement=left] .tooltip-arrow{border-left-color:#fff;border-width:6px 0 6px 6px;right:0}.tooltip[data-popper-placement=left] .tooltip-arrow{margin-top:-3px}";var c=undefined&&undefined.__classPrivateFieldGet||function(t,e,o,i){if(o==="a"&&!i)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!i:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return o==="m"?i:o==="a"?i.call(t):i?i.value:e.get(t)};var f=undefined&&undefined.__classPrivateFieldSet||function(t,e,o,i,r){if(i==="m")throw new TypeError("Private method is not writable");if(i==="a"&&!r)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!r:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return i==="a"?r.call(t,o):r?r.value=o:e.set(t,o),o};var m;const u=150;const w={name:"applyMaxSize",enabled:true,phase:s,requires:["maxSize"],fn({state:t}){let{width:e}=t.modifiersData.maxSize;if(e<160){e=160}t.styles.popper=Object.assign(Object.assign({},t.styles.popper),{maxWidth:`${e}px`})}};const g=class{constructor(e){t(this,e);this.callbacks={activate:()=>this.active=true,deactivate:()=>this.active=false};this.onMouseLeave=()=>{var t;if(!this.element.matches(":hover")&&!((t=this.target)===null||t===void 0?void 0:t.matches(":hover"))){this.callbacks.deactivate()}};this.keyDownListener=t=>{if(t.key==="Escape"){this.deactivate()}};this.deactivatePopper=l((()=>{var t;this.hidden=true;(t=this.popper)===null||t===void 0?void 0:t.destroy();this.popper=undefined}),u);m.set(this,void 0);this.descriptive=false;this.position="top";this.strategy="auto";this.noArrow=false;this.stateless=undefined;this.small=undefined;this.active=false;this.hidden=true}async activate(){this.active=true}async deactivate(){this.active=false}watchPosition(){if(!this.popper){return}this.popper.setOptions({placement:this.position})}watchStrategy(){this.setStrategy()}setStrategy(){if(!this.popper){return}if(this.strategy==="absolute"||this.strategy==="fixed"){this.popper.setOptions({strategy:this.strategy});return}let t=this.element;while(t&&t.parentNode!==document){t=t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentElement;if(t!==null&&a(t)){this.popper.setOptions({strategy:"fixed"});return}}this.popper.setOptions({strategy:"absolute"})}watchActive(){if(this.active){this.activatePopper();if(!this.stateless){setTimeout((()=>{var t;(t=this.popper)===null||t===void 0?void 0:t.setOptions({modifiers:[{name:"eventListeners",enabled:true}]});document.addEventListener("keydown",this.keyDownListener)}))}}else{document.removeEventListener("keydown",this.keyDownListener);this.deactivatePopper()}}listenClick(t){t.stopPropagation()}componentDidLoad(){var t;const e=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".tooltip");if(!(e instanceof HTMLElement)){throw new Error("tooltip element is not instanceof HTMLElement")}if(!this.stateless&&this.target){this.target.addEventListener("mouseenter",this.callbacks.activate);[this.element,this.target].forEach((t=>t.addEventListener("mouseleave",this.onMouseLeave)));this.target.addEventListener("focus",this.callbacks.activate);this.target.addEventListener("blur",this.callbacks.deactivate)}}disconnectedCallback(){var t;(t=this.popper)===null||t===void 0?void 0:t.destroy();if(!this.stateless&&this.target){this.target.removeEventListener("mouseenter",this.callbacks.activate);[this.element,this.target].forEach((t=>t.removeEventListener("mouseleave",this.onMouseLeave)));this.target.removeEventListener("focus",this.callbacks.activate);this.target.removeEventListener("blur",this.callbacks.deactivate)}this.target=undefined}componentDidRender(){var t;if(this.active){(t=this.popper)===null||t===void 0?void 0:t.update()}}render(){return e(o,{class:{hidden:this.hidden},role:"tooltip",onClick:this.listenClick},e("div",{class:p("tooltip",{in:this.active})},!this.noArrow&&e("div",{"data-popper-arrow":true,class:"tooltip-arrow"}),e("div",{"aria-hidden":!this.descriptive||undefined,class:p("tooltip-inner",{"dso-small":this.small})},e("slot",null))))}activatePopper(){var t;this.hidden=false;if(this.popper){return}const e=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".tooltip");if(this.target&&e instanceof HTMLElement){this.popper=n(this.target,e,{placement:this.position,modifiers:[d,w,{name:"eventListeners",enabled:false}]});this.setStrategy()}}get target(){var t;return(t=c(this,m,"f"))!==null&&t!==void 0?t:this.initializeTarget()}set target(t){f(this,m,t,"f")}initializeTarget(){const t=this.element.id;if(!t){console.warn("Unable to find reference tooltip has no [id] attribute.");return}const e=this.element.getRootNode();if(!(e instanceof Document||e instanceof ShadowRoot)){console.warn(`rootNode is not instance of Document or ShadowRoot`);return}const o=e.querySelector(`[aria-describedBy="${t}`);if(!o){console.warn(`Unable to find reference with aria-describedby ${t}`);return}f(this,m,o,"f");return o}get element(){return i(this)}static get watchers(){return{position:["watchPosition"],strategy:["watchStrategy"],active:["watchActive"]}}};m=new WeakMap;g.style=h;export{g as dso_tooltip};
-//# sourceMappingURL=p-5c5e43d3.entry.js.map

package/dist/dso-toolkit/p-5c5e43d3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["maxSize","name","enabled","phase","requiresIfExists","fn","_ref","state","options","overflow","detectOverflow","_ref2","modifiersData","preventOverflow","x","y","_state$rects$popper","rects","popper","width","height","_state$placement$spli","placement","split","basePlacement","widthProp","heightProp","tooltipCss","transitionDuration","applyMaxSize","beforeWrite","requires","styles","Object","assign","maxWidth","Tooltip","this","callbacks","activate","active","deactivate","onMouseLeave","element","matches","_a","target","keyDownListener","event","key","deactivatePopper","debounce","hidden","destroy","undefined","_Tooltip_target","set","watchPosition","setOptions","position","watchStrategy","setStrategy","strategy","parentNode","document","ShadowRoot","host","parentElement","hasOverflow","watchActive","activatePopper","stateless","setTimeout","modifiers","addEventListener","removeEventListener","listenClick","e","stopPropagation","componentDidLoad","tooltip","shadowRoot","querySelector","HTMLElement","Error","forEach","disconnectedCallback","componentDidRender","update","render","h","Host","class","role","onClick","clsx","in","noArrow","descriptive","small","createPopper","__classPrivateFieldGet","initializeTarget","__classPrivateFieldSet","id","console","warn","rootNode","getRootNode","Document","reference"],"sources":["../../node_modules/popper-max-size-modifier/dist/popper-max-size-modifier.esm.js","src/components/tooltip/tooltip.scss?tag=dso-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { detectOverflow } from '@popperjs/core';\n\nvar maxSize = {\n  name: 'maxSize',\n  enabled: true,\n  phase: 'main',\n  requiresIfExists: ['offset', 'preventOverflow', 'flip'],\n  fn: function fn(_ref) {\n    var state = _ref.state,\n        name = _ref.name,\n        options = _ref.options;\n    var overflow = detectOverflow(state, options);\n\n    var _ref2 = state.modifiersData.preventOverflow || {\n      x: 0,\n      y: 0\n    },\n        x = _ref2.x,\n        y = _ref2.y;\n\n    var _state$rects$popper = state.rects.popper,\n        width = _state$rects$popper.width,\n        height = _state$rects$popper.height;\n\n    var _state$placement$spli = state.placement.split('-'),\n        basePlacement = _state$placement$spli[0];\n\n    var widthProp = basePlacement === 'left' ? 'left' : 'right';\n    var heightProp = basePlacement === 'top' ? 'top' : 'bottom';\n    state.modifiersData[name] = {\n      width: width - overflow[widthProp] - x,\n      height: height - overflow[heightProp] - y\n    };\n  }\n};\n\nexport default maxSize;\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/components/tooltip\";\r\n\r\n:host(.hidden) {\r\n  visibility: hidden;\r\n}\r\n\r\n:host-context(dso-toggletip) {\r\n  *[data-popper-placement=\"top\"] {\r\n    .tooltip-arrow {\r\n      margin-left: 3px;\r\n    }\r\n  }\r\n\r\n  *[data-popper-placement=\"right\"] {\r\n    .tooltip-arrow {\r\n      margin-top: 0;\r\n    }\r\n  }\r\n\r\n  *[data-popper-placement=\"bottom\"] {\r\n    .tooltip-arrow {\r\n      margin-left: 3px;\r\n    }\r\n  }\r\n\r\n  *[data-popper-placement=\"left\"] {\r\n    margin-right: units.$u1 * -1 !important;\r\n\r\n    .tooltip-arrow {\r\n      margin-top: 0;\r\n    }\r\n  }\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.tooltip {\r\n  @include tooltip.root();\r\n\r\n  &[data-popper-placement=\"top\"] {\r\n    @include tooltip.arrowTop();\r\n\r\n    .tooltip-arrow {\r\n      margin-left: tooltip.$arrow-margin * -1;\r\n    }\r\n  }\r\n\r\n  &[data-popper-placement=\"right\"] {\r\n    @include tooltip.arrowRight();\r\n\r\n    .tooltip-arrow {\r\n      margin-top: tooltip.$arrow-margin * -1;\r\n    }\r\n  }\r\n\r\n  &[data-popper-placement=\"bottom\"] {\r\n    @include tooltip.arrowBottom();\r\n\r\n    .tooltip-arrow {\r\n      margin-left: tooltip.$arrow-margin * -1;\r\n    }\r\n  }\r\n\r\n  &[data-popper-placement=\"left\"] {\r\n    @include tooltip.arrowLeft();\r\n\r\n    .tooltip-arrow {\r\n      margin-top: tooltip.$arrow-margin * -1;\r\n    }\r\n  }\r\n}\r\n","import { beforeWrite, createPopper, Instance as PopperInstance, State as PopperState } from \"@popperjs/core\";\r\nimport maxSize from \"popper-max-size-modifier\";\r\nimport { h, Component, Element, Host, Method, Prop, State, Watch } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport { hasOverflow } from \"../../utils/has-overflow\";\r\nimport debounce from \"debounce\";\r\n\r\n// Keep const in sync with $tooltip-transition-duration in dso-toolkit/src/components/tooltip/tooltip.scss tooltip_root() mixin\r\nconst transitionDuration = 150;\r\n\r\nconst applyMaxSize = {\r\n  name: \"applyMaxSize\",\r\n  enabled: true,\r\n  phase: beforeWrite,\r\n  requires: [\"maxSize\"],\r\n  fn({ state }: { state: PopperState }) {\r\n    let { width } = state.modifiersData.maxSize;\r\n    if (width < 160) {\r\n      width = 160;\r\n    }\r\n\r\n    state.styles.popper = {\r\n      ...state.styles.popper,\r\n      maxWidth: `${width}px`,\r\n    };\r\n  },\r\n};\r\n\r\n@Component({\r\n  tag: \"dso-tooltip\",\r\n  styleUrl: \"tooltip.scss\",\r\n  shadow: true,\r\n})\r\nexport class Tooltip {\r\n  /**\r\n   * Defines if the tooltip is descriptive. A descriptive tooltip contains a meaningful message. Tooltips that are not descriptive are hidden from screenreaders using `aria-hidden`.\r\n   */\r\n  @Prop({\r\n    reflect: true,\r\n  })\r\n  descriptive = false;\r\n\r\n  /**\r\n   * Set position of tooltip relative to target\r\n   */\r\n  @Prop()\r\n  position: \"top\" | \"right\" | \"bottom\" | \"left\" = \"top\";\r\n\r\n  /**\r\n   * Set position strategy of tooltip\r\n   */\r\n  @Prop()\r\n  strategy: \"auto\" | \"absolute\" | \"fixed\" = \"auto\";\r\n\r\n  /**\r\n   * Set attribute `no-arrow` to hide the arrow\r\n   */\r\n  @Prop()\r\n  noArrow = false;\r\n\r\n  /**\r\n   * Deactivates mouseover behaviour\r\n   */\r\n  @Prop()\r\n  stateless?: boolean;\r\n\r\n  /**\r\n   * Defines if the tooltip has a smaller max-width\r\n   */\r\n  @Prop()\r\n  small?: boolean;\r\n\r\n  /**\r\n   * Whether or not to show the tooltip. To control the tooltip add the `active` attribute or use the `activate()` and `deactivate()` instance methods.\r\n   */\r\n  @Prop({ reflect: true, mutable: true })\r\n  active = false;\r\n\r\n  /**\r\n   * Activate the tooltip (Sets the `active` attribute)\r\n   */\r\n  @Method()\r\n  async activate(): Promise<void> {\r\n    this.active = true;\r\n  }\r\n\r\n  /**\r\n   * Deactivate the tooltip (Removes the `active` attribute)\r\n   */\r\n  @Method()\r\n  async deactivate(): Promise<void> {\r\n    this.active = false;\r\n  }\r\n\r\n  @Watch(\"position\")\r\n  watchPosition() {\r\n    if (!this.popper) {\r\n      return;\r\n    }\r\n\r\n    this.popper.setOptions({\r\n      placement: this.position,\r\n    });\r\n  }\r\n\r\n  @Watch(\"strategy\")\r\n  watchStrategy() {\r\n    this.setStrategy();\r\n  }\r\n\r\n  private setStrategy() {\r\n    if (!this.popper) {\r\n      return;\r\n    }\r\n\r\n    if (this.strategy === \"absolute\" || this.strategy === \"fixed\") {\r\n      this.popper.setOptions({\r\n        strategy: this.strategy,\r\n      });\r\n\r\n      return;\r\n    }\r\n\r\n    let element: Element | null = this.element;\r\n    while (element && element.parentNode !== document) {\r\n      element = element.parentNode instanceof ShadowRoot ? element.parentNode.host : element.parentElement;\r\n      if (element !== null && hasOverflow(element)) {\r\n        this.popper.setOptions({\r\n          strategy: \"fixed\",\r\n        });\r\n\r\n        return;\r\n      }\r\n    }\r\n\r\n    this.popper.setOptions({\r\n      strategy: \"absolute\",\r\n    });\r\n  }\r\n\r\n  @Watch(\"active\")\r\n  watchActive() {\r\n    if (this.active) {\r\n      this.activatePopper();\r\n\r\n      if (!this.stateless) {\r\n        setTimeout(() => {\r\n          this.popper?.setOptions({\r\n            modifiers: [{ name: \"eventListeners\", enabled: true }],\r\n          });\r\n          document.addEventListener(\"keydown\", this.keyDownListener);\r\n        });\r\n      }\r\n    } else {\r\n      document.removeEventListener(\"keydown\", this.keyDownListener);\r\n      this.deactivatePopper();\r\n    }\r\n  }\r\n\r\n  @Element()\r\n  private element!: HTMLDsoTooltipElement;\r\n\r\n  private popper: PopperInstance | undefined;\r\n\r\n  private callbacks: TooltipCallbacks = {\r\n    activate: () => (this.active = true),\r\n    deactivate: () => (this.active = false),\r\n  };\r\n\r\n  private onMouseLeave = () => {\r\n    if (!this.element.matches(\":hover\") && !this.target?.matches(\":hover\")) {\r\n      this.callbacks.deactivate();\r\n    }\r\n  };\r\n\r\n  @State()\r\n  private hidden = true;\r\n\r\n  private listenClick(e: MouseEvent) {\r\n    e.stopPropagation();\r\n  }\r\n\r\n  componentDidLoad(): void {\r\n    const tooltip = this.element.shadowRoot?.querySelector(\".tooltip\");\r\n    if (!(tooltip instanceof HTMLElement)) {\r\n      throw new Error(\"tooltip element is not instanceof HTMLElement\");\r\n    }\r\n\r\n    if (!this.stateless && this.target) {\r\n      this.target.addEventListener(\"mouseenter\", this.callbacks.activate);\r\n      [this.element, this.target].forEach((element) => element.addEventListener(\"mouseleave\", this.onMouseLeave));\r\n      this.target.addEventListener(\"focus\", this.callbacks.activate);\r\n      this.target.addEventListener(\"blur\", this.callbacks.deactivate);\r\n    }\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.popper?.destroy();\r\n\r\n    if (!this.stateless && this.target) {\r\n      this.target.removeEventListener(\"mouseenter\", this.callbacks.activate);\r\n      [this.element, this.target].forEach((element) => element.removeEventListener(\"mouseleave\", this.onMouseLeave));\r\n      this.target.removeEventListener(\"focus\", this.callbacks.activate);\r\n      this.target.removeEventListener(\"blur\", this.callbacks.deactivate);\r\n    }\r\n\r\n    this.target = undefined;\r\n  }\r\n\r\n  componentDidRender() {\r\n    if (this.active) {\r\n      this.popper?.update();\r\n    }\r\n  }\r\n\r\n  private keyDownListener = (event: KeyboardEvent) => {\r\n    if (event.key === \"Escape\") {\r\n      this.deactivate();\r\n    }\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <Host class={{ hidden: this.hidden }} role=\"tooltip\" onClick={this.listenClick}>\r\n        <div class={clsx(\"tooltip\", { in: this.active })}>\r\n          {!this.noArrow && <div data-popper-arrow class=\"tooltip-arrow\"></div>}\r\n          <div aria-hidden={!this.descriptive || undefined} class={clsx(\"tooltip-inner\", { \"dso-small\": this.small })}>\r\n            <slot></slot>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  private deactivatePopper = debounce(() => {\r\n    this.hidden = true;\r\n    this.popper?.destroy();\r\n    this.popper = undefined;\r\n  }, transitionDuration);\r\n\r\n  private activatePopper(): void {\r\n    this.hidden = false;\r\n\r\n    if (this.popper) {\r\n      return;\r\n    }\r\n\r\n    const tooltip = this.element.shadowRoot?.querySelector(\".tooltip\");\r\n\r\n    if (this.target && tooltip instanceof HTMLElement) {\r\n      this.popper = createPopper(this.target, tooltip, {\r\n        placement: this.position,\r\n        modifiers: [maxSize, applyMaxSize, { name: \"eventListeners\", enabled: false }],\r\n      });\r\n\r\n      this.setStrategy();\r\n    }\r\n  }\r\n\r\n  private get target(): HTMLElement | undefined {\r\n    return this.#target ?? this.initializeTarget();\r\n  }\r\n\r\n  private set target(element: HTMLElement | undefined) {\r\n    this.#target = element;\r\n  }\r\n\r\n  #target?: HTMLElement;\r\n\r\n  private initializeTarget(): HTMLElement | undefined {\r\n    const id = this.element.id;\r\n\r\n    if (!id) {\r\n      console.warn(\"Unable to find reference tooltip has no [id] attribute.\");\r\n\r\n      return;\r\n    }\r\n\r\n    const rootNode = this.element.getRootNode();\r\n    if (!(rootNode instanceof Document || rootNode instanceof ShadowRoot)) {\r\n      console.warn(`rootNode is not instance of Document or ShadowRoot`);\r\n\r\n      return;\r\n    }\r\n\r\n    const reference = rootNode.querySelector<HTMLElement>(`[aria-describedBy=\"${id}`);\r\n    if (!reference) {\r\n      console.warn(`Unable to find reference with aria-describedby ${id}`);\r\n\r\n      return;\r\n    }\r\n\r\n    this.#target = reference;\r\n    return reference;\r\n  }\r\n}\r\n\r\ninterface TooltipCallbacks {\r\n  activate: () => void;\r\n  deactivate: () => void;\r\n}\r\n"],"mappings":"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"}