@dso-toolkit/core 62.18.0 → 62.19.0

package/dist/collection/components/alert/alert.js

@@ -1,72 +1,72 @@
 import { h } from "@stencil/core";
 import clsx from "clsx";
 export class Alert {
-  constructor() {
-    this.status = undefined;
-    this.roleAlert = undefined;
-  }
-  render() {
-    const status = Alert.statusMap.get(this.status);
-    if (!status) {
-      throw new Error(`Invalid status ${this.status}`);
+    constructor() {
+        this.status = undefined;
+        this.roleAlert = undefined;
+    }
+    render() {
+        const status = Alert.statusMap.get(this.status);
+        if (!status) {
+            throw new Error(`Invalid status ${this.status}`);
+        }
+        return (h("div", { key: '82bb86d0bbc2cee8ad85312c9b04cf6e78bbec55', class: clsx("alert", `alert-${this.status}`), role: this.roleAlert ? "alert" : undefined }, h("dso-icon", { key: '193519a5c9900fc4d3fe6a777987cc469e3e35d8', icon: "status-" + this.status }), h("span", { key: '1f2e750ef76d7cd7e4b832b4a4c26086fc87d623', class: "sr-only" }, status, ":"), h("slot", { key: 'e5eac477f4daf0b73bd944ac37bc81997d72d817' })));
+    }
+    static get is() { return "dso-alert"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["alert.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["alert.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "status": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"success\" | \"info\" | \"warning\" | \"error\"",
+                    "resolved": "\"error\" | \"info\" | \"success\" | \"warning\"",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Set status of alert"
+                },
+                "attribute": "status",
+                "reflect": true
+            },
+            "roleAlert": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether or not to show the role attribute with value \"alert\". To control the tooltip add the `role-alert` attribute."
+                },
+                "attribute": "role-alert",
+                "reflect": false
+            }
+        };
     }
-    return (h("div", { class: clsx("alert", `alert-${this.status}`), role: this.roleAlert ? "alert" : undefined }, h("dso-icon", { icon: "status-" + this.status }), h("span", { class: "sr-only" }, status, ":"), h("slot", null)));
-  }
-  static get is() { return "dso-alert"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["alert.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["alert.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "status": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"success\" | \"info\" | \"warning\" | \"error\"",
-          "resolved": "\"error\" | \"info\" | \"success\" | \"warning\"",
-          "references": {}
-        },
-        "required": true,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Set status of alert"
-        },
-        "attribute": "status",
-        "reflect": false
-      },
-      "roleAlert": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Whether or not to show the role attribute with value \"alert\". To control the tooltip add the `role-alert` attribute."
-        },
-        "attribute": "role-alert",
-        "reflect": false
-      }
-    };
-  }
 }
 Alert.statusMap = new Map([
-  ["success", "Gelukt"],
-  ["info", "Opmerking"],
-  ["warning", "Waarschuwing"],
-  ["error", "Fout"],
+    ["success", "Gelukt"],
+    ["info", "Opmerking"],
+    ["warning", "Waarschuwing"],
+    ["error", "Fout"],
 ]);
 //# sourceMappingURL=alert.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/components/alert/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,KAAK;;;;;EAoBhB,MAAM;IACJ,MAAM,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAChD,IAAI,CAAC,MAAM,EAAE;MACX,MAAM,IAAI,KAAK,CAAC,kBAAkB,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;KAClD;IAED,OAAO,CACL,WAAK,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,SAAS,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;MAC3F,gBAAU,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC,MAAM,GAAa;MACpD,YAAM,KAAK,EAAC,SAAS;QAAE,MAAM;YAAS;MACtC,eAAa,CACT,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AApBc,eAAS,GAAG,IAAI,GAAG,CAAiB;EACjD,CAAC,SAAS,EAAE,QAAQ,CAAC;EACrB,CAAC,MAAM,EAAE,WAAW,CAAC;EACrB,CAAC,SAAS,EAAE,cAAc,CAAC;EAC3B,CAAC,OAAO,EAAE,MAAM,CAAC;CAClB,CAAC,AALsB,CAKrB","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\n\r\n@Component({\r\n  tag: \"dso-alert\",\r\n  styleUrl: \"alert.scss\",\r\n  shadow: true,\r\n})\r\nexport class Alert {\r\n  /**\r\n   * Set status of alert\r\n   */\r\n  @Prop()\r\n  status!: \"success\" | \"info\" | \"warning\" | \"error\";\r\n\r\n  /**\r\n   * Whether or not to show the role attribute with value \"alert\". To control the tooltip add the `role-alert` attribute.\r\n   */\r\n  @Prop()\r\n  roleAlert?: boolean;\r\n\r\n  private static statusMap = new Map<string, string>([\r\n    [\"success\", \"Gelukt\"],\r\n    [\"info\", \"Opmerking\"],\r\n    [\"warning\", \"Waarschuwing\"],\r\n    [\"error\", \"Fout\"],\r\n  ]);\r\n\r\n  render() {\r\n    const status = Alert.statusMap.get(this.status);\r\n    if (!status) {\r\n      throw new Error(`Invalid status ${this.status}`);\r\n    }\r\n\r\n    return (\r\n      <div class={clsx(\"alert\", `alert-${this.status}`)} role={this.roleAlert ? \"alert\" : undefined}>\r\n        <dso-icon icon={\"status-\" + this.status}></dso-icon>\r\n        <span class=\"sr-only\">{status}:</span>\r\n        <slot></slot>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/components/alert/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,KAAK;;;;;IAoBhB,MAAM;QACJ,MAAM,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAChD,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,MAAM,IAAI,KAAK,CAAC,kBAAkB,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QACnD,CAAC;QAED,OAAO,CACL,4DAAK,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,SAAS,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YAC3F,iEAAU,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC,MAAM,GAAa;YACpD,6DAAM,KAAK,EAAC,SAAS;gBAAE,MAAM;oBAAS;YACtC,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AApBc,eAAS,GAAG,IAAI,GAAG,CAAiB;IACjD,CAAC,SAAS,EAAE,QAAQ,CAAC;IACrB,CAAC,MAAM,EAAE,WAAW,CAAC;IACrB,CAAC,SAAS,EAAE,cAAc,CAAC;IAC3B,CAAC,OAAO,EAAE,MAAM,CAAC;CAClB,CAAC,AALsB,CAKrB","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\n\r\n@Component({\r\n  tag: \"dso-alert\",\r\n  styleUrl: \"alert.scss\",\r\n  shadow: true,\r\n})\r\nexport class Alert {\r\n  /**\r\n   * Set status of alert\r\n   */\r\n  @Prop({ reflect: true })\r\n  status!: \"success\" | \"info\" | \"warning\" | \"error\";\r\n\r\n  /**\r\n   * Whether or not to show the role attribute with value \"alert\". To control the tooltip add the `role-alert` attribute.\r\n   */\r\n  @Prop()\r\n  roleAlert?: boolean;\r\n\r\n  private static statusMap = new Map<string, string>([\r\n    [\"success\", \"Gelukt\"],\r\n    [\"info\", \"Opmerking\"],\r\n    [\"warning\", \"Waarschuwing\"],\r\n    [\"error\", \"Fout\"],\r\n  ]);\r\n\r\n  render() {\r\n    const status = Alert.statusMap.get(this.status);\r\n    if (!status) {\r\n      throw new Error(`Invalid status ${this.status}`);\r\n    }\r\n\r\n    return (\r\n      <div class={clsx(\"alert\", `alert-${this.status}`)} role={this.roleAlert ? \"alert\" : undefined}>\r\n        <dso-icon icon={\"status-\" + this.status}></dso-icon>\r\n        <span class=\"sr-only\">{status}:</span>\r\n        <slot></slot>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/annotation-button/annotation-button.css

@@ -668,15 +668,4 @@ a.dso-tertiary, a.dso-tertiary:visited {
 
 dso-annotation-button {
   display: block;
-}
-
-.sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  border: 0;
 }

package/dist/collection/components/annotation-button/annotation-button.js

@@ -1,88 +1,88 @@
 import { h } from "@stencil/core";
 export class AnnotationButton {
-  constructor() {
-    this.handleClick = (e) => {
-      this.dsoClick.emit({ originalEvent: e, open: !this.open });
-    };
-    this.identifier = undefined;
-    this.open = false;
-  }
-  render() {
-    return (h("button", { type: "button", class: "dso-tertiary", "aria-controls": this.identifier, "aria-expanded": this.open.toString(), onClick: this.handleClick }, h("dso-icon", { icon: "label" }), h("span", { class: "sr-only" }, "Toelichting bekijken")));
-  }
-  static get is() { return "dso-annotation-button"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["annotation-button.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["annotation-button.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "identifier": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string | undefined",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": true,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "To link the Annotation Button with `aria-controls` to a different element, most likely an Annotation Output."
-        },
-        "attribute": "identifier",
-        "reflect": false
-      },
-      "open": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Set to true when the annotation is open."
-        },
-        "attribute": "open",
-        "reflect": false,
-        "defaultValue": "false"
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "dsoClick",
-        "name": "dsoClick",
-        "bubbles": false,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when user activates the button."
-        },
-        "complexType": {
-          "original": "AnnotationButtonClickEvent",
-          "resolved": "AnnotationButtonClickEvent",
-          "references": {
-            "AnnotationButtonClickEvent": {
-              "location": "local",
-              "path": "/usr/src/app/packages/core/src/components/annotation-button/annotation-button.tsx",
-              "id": "src/components/annotation-button/annotation-button.tsx::AnnotationButtonClickEvent"
+    constructor() {
+        this.handleClick = (e) => {
+            this.dsoClick.emit({ originalEvent: e, open: !this.open });
+        };
+        this.identifier = undefined;
+        this.open = false;
+    }
+    render() {
+        return (h("button", { key: 'd1e416ca60447411acdb4617bb35e85506153dec', type: "button", class: "dso-tertiary", "aria-controls": this.identifier, "aria-expanded": this.open.toString(), onClick: this.handleClick }, h("dso-icon", { key: '21d0606b44ea74b854b9afe115fe8ec84e03c721', icon: "label" }), h("span", { key: '3eda0aef17520689883d78d9fd9aa7ccec435eb9', class: "sr-only" }, "Toelichting bekijken")));
+    }
+    static get is() { return "dso-annotation-button"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["annotation-button.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["annotation-button.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "identifier": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | undefined",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "To link the Annotation Button with `aria-controls` to a different element, most likely an Annotation Output."
+                },
+                "attribute": "identifier",
+                "reflect": false
+            },
+            "open": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Set to true when the annotation is open."
+                },
+                "attribute": "open",
+                "reflect": false,
+                "defaultValue": "false"
             }
-          }
-        }
-      }];
-  }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "dsoClick",
+                "name": "dsoClick",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when user activates the button."
+                },
+                "complexType": {
+                    "original": "AnnotationButtonClickEvent",
+                    "resolved": "AnnotationButtonClickEvent",
+                    "references": {
+                        "AnnotationButtonClickEvent": {
+                            "location": "local",
+                            "path": "/usr/src/app/packages/core/src/components/annotation-button/annotation-button.tsx",
+                            "id": "src/components/annotation-button/annotation-button.tsx::AnnotationButtonClickEvent"
+                        }
+                    }
+                }
+            }];
+    }
 }
 //# sourceMappingURL=annotation-button.js.map

package/dist/collection/components/annotation-button/annotation-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotation-button.js","sourceRoot":"","sources":["../../../../src/components/annotation-button/annotation-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAsB,KAAK,EAAE,IAAI,EAAgB,MAAM,eAAe,CAAC;AAY5F,MAAM,OAAO,gBAAgB;;IAmBnB,gBAAW,GAAG,CAAC,CAAa,EAAE,EAAE;MACtC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAC7D,CAAC,CAAC;;gBAVK,KAAK;;EAYZ,MAAM;IACJ,OAAO,CACL,cACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,cAAc,mBACL,IAAI,CAAC,UAAU,mBACf,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EACnC,OAAO,EAAE,IAAI,CAAC,WAAW;MAEzB,gBAAU,IAAI,EAAC,OAAO,GAAY;MAClC,YAAM,KAAK,EAAC,SAAS,2BAA4B,CAC1C,CACV,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { h, Component, ComponentInterface, Event, Prop, EventEmitter } from \"@stencil/core\";\r\n\r\nexport interface AnnotationButtonClickEvent {\r\n  originalEvent: Event;\r\n  open: boolean;\r\n}\r\n\r\n@Component({\r\n  tag: \"dso-annotation-button\",\r\n  styleUrl: \"annotation-button.scss\",\r\n  // No shadowdom for a11y reasons (aria-controls pointing to element inside another component)\r\n})\r\nexport class AnnotationButton implements ComponentInterface {\r\n  /**\r\n   * To link the Annotation Button with `aria-controls` to a different element, most likely an Annotation Output.\r\n   */\r\n  @Prop()\r\n  identifier!: string | undefined;\r\n\r\n  /**\r\n   * Set to true when the annotation is open.\r\n   */\r\n  @Prop()\r\n  open = false;\r\n\r\n  /**\r\n   * Emitted when user activates the button.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoClick!: EventEmitter<AnnotationButtonClickEvent>;\r\n\r\n  private handleClick = (e: MouseEvent) => {\r\n    this.dsoClick.emit({ originalEvent: e, open: !this.open });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <button\r\n        type=\"button\"\r\n        class=\"dso-tertiary\"\r\n        aria-controls={this.identifier}\r\n        aria-expanded={this.open.toString()}\r\n        onClick={this.handleClick}\r\n      >\r\n        <dso-icon icon=\"label\"></dso-icon>\r\n        <span class=\"sr-only\">Toelichting bekijken</span>\r\n      </button>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"annotation-button.js","sourceRoot":"","sources":["../../../../src/components/annotation-button/annotation-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAsB,KAAK,EAAE,IAAI,EAAgB,MAAM,eAAe,CAAC;AAY5F,MAAM,OAAO,gBAAgB;;QAmBnB,gBAAW,GAAG,CAAC,CAAa,EAAE,EAAE;YACtC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QAC7D,CAAC,CAAC;;oBAVK,KAAK;;IAYZ,MAAM;QACJ,OAAO,CACL,+DACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,cAAc,mBACL,IAAI,CAAC,UAAU,mBACf,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EACnC,OAAO,EAAE,IAAI,CAAC,WAAW;YAEzB,iEAAU,IAAI,EAAC,OAAO,GAAY;YAClC,6DAAM,KAAK,EAAC,SAAS,2BAA4B,CAC1C,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { h, Component, ComponentInterface, Event, Prop, EventEmitter } from \"@stencil/core\";\r\n\r\nexport interface AnnotationButtonClickEvent {\r\n  originalEvent: Event;\r\n  open: boolean;\r\n}\r\n\r\n@Component({\r\n  tag: \"dso-annotation-button\",\r\n  styleUrl: \"annotation-button.scss\",\r\n  // No shadowdom for a11y reasons (aria-controls pointing to element inside another component)\r\n})\r\nexport class AnnotationButton implements ComponentInterface {\r\n  /**\r\n   * To link the Annotation Button with `aria-controls` to a different element, most likely an Annotation Output.\r\n   */\r\n  @Prop()\r\n  identifier!: string | undefined;\r\n\r\n  /**\r\n   * Set to true when the annotation is open.\r\n   */\r\n  @Prop()\r\n  open = false;\r\n\r\n  /**\r\n   * Emitted when user activates the button.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoClick!: EventEmitter<AnnotationButtonClickEvent>;\r\n\r\n  private handleClick = (e: MouseEvent) => {\r\n    this.dsoClick.emit({ originalEvent: e, open: !this.open });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <button\r\n        type=\"button\"\r\n        class=\"dso-tertiary\"\r\n        aria-controls={this.identifier}\r\n        aria-expanded={this.open.toString()}\r\n        onClick={this.handleClick}\r\n      >\r\n        <dso-icon icon=\"label\"></dso-icon>\r\n        <span class=\"sr-only\">Toelichting bekijken</span>\r\n      </button>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/annotation-output/annotation-output.css

@@ -1,24 +1,7 @@
-*,
-*::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;

package/dist/collection/components/annotation-output/annotation-output.js

@@ -1,106 +1,106 @@
 import { h } from "@stencil/core";
 export class AnnotationOutput {
-  constructor() {
-    this.toggleHandler = (e) => {
-      this.dsoClose.emit({ originalEvent: e });
-    };
-    this.identifier = undefined;
-    this.annotationPrefix = undefined;
-    this.open = false;
-  }
-  render() {
-    return (h("dso-responsive-element", null, h("dso-expandable", { id: this.identifier, open: this.open }, this.annotationPrefix && h("span", { class: "dso-annotation-prefix" }, this.annotationPrefix), h("div", { class: "dso-annotation-header" }, h("slot", { name: "title" }), h("slot", { name: "addons" }), h("button", { type: "button", class: "dso-tertiary dso-annotation-close-button", onClick: this.toggleHandler }, h("dso-icon", { icon: "times" }), h("span", { class: "sr-only" }, "Toelichting sluiten"))), h("div", { class: "dso-annotation-content" }, h("slot", null)))));
-  }
-  static get is() { return "dso-annotation-output"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["annotation-output.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["annotation-output.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "identifier": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": true,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The annotation-button that toggles this component should have the same identifier."
-        },
-        "attribute": "identifier",
-        "reflect": true
-      },
-      "annotationPrefix": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "This text will be displayed above the annotation-output when opened"
-        },
-        "attribute": "annotation-prefix",
-        "reflect": true
-      },
-      "open": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Set to `true` to show content."
-        },
-        "attribute": "open",
-        "reflect": true,
-        "defaultValue": "false"
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "dsoClose",
-        "name": "dsoClose",
-        "bubbles": false,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "This event is emitted when the user activates the Annotation Button."
-        },
-        "complexType": {
-          "original": "AnnotationOutputCloseEvent",
-          "resolved": "AnnotationOutputCloseEvent",
-          "references": {
-            "AnnotationOutputCloseEvent": {
-              "location": "local",
-              "path": "/usr/src/app/packages/core/src/components/annotation-output/annotation-output.tsx",
-              "id": "src/components/annotation-output/annotation-output.tsx::AnnotationOutputCloseEvent"
+    constructor() {
+        this.toggleHandler = (e) => {
+            this.dsoClose.emit({ originalEvent: e });
+        };
+        this.identifier = undefined;
+        this.annotationPrefix = undefined;
+        this.open = false;
+    }
+    render() {
+        return (h("dso-responsive-element", { key: '6e857e08ff134e9172a2e573327fe189020b81be' }, h("dso-expandable", { key: '5f1d08be4e599219765f80bcf9739c31e0154929', id: this.identifier, open: this.open }, this.annotationPrefix && h("span", { class: "dso-annotation-prefix" }, this.annotationPrefix), h("div", { key: '024366256bb022231528279429a9d02b4abfad31', class: "dso-annotation-header" }, h("slot", { key: '781894ff265b921d6c80bcb630dc785df456d06e', name: "title" }), h("slot", { key: '71b55e9cf5917ef909b49a244386f176c57b9b3d', name: "addons" }), h("button", { key: 'a1fc82ace3bf8eef3b23360b396149fdf113b22a', type: "button", class: "dso-tertiary dso-annotation-close-button", onClick: this.toggleHandler }, h("dso-icon", { key: '68c7d811b761d15c482385a8f11cfe4eae91b1e3', icon: "times" }), h("span", { key: 'c04cf932b1048fd7c1fd0369398ae7a0c3211962', class: "sr-only" }, "Toelichting sluiten"))), h("div", { key: '499a9a7e58be35bb23a007af3ab578140c2c890d', class: "dso-annotation-content" }, h("slot", { key: 'deeb2c209626fdcc9f1ec44eb34622ec3da9b7e0' })))));
+    }
+    static get is() { return "dso-annotation-output"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["annotation-output.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["annotation-output.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "identifier": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The annotation-button that toggles this component should have the same identifier."
+                },
+                "attribute": "identifier",
+                "reflect": true
+            },
+            "annotationPrefix": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "This text will be displayed above the annotation-output when opened"
+                },
+                "attribute": "annotation-prefix",
+                "reflect": true
+            },
+            "open": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Set to `true` to show content."
+                },
+                "attribute": "open",
+                "reflect": true,
+                "defaultValue": "false"
             }
-          }
-        }
-      }];
-  }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "dsoClose",
+                "name": "dsoClose",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "This event is emitted when the user activates the Annotation Button."
+                },
+                "complexType": {
+                    "original": "AnnotationOutputCloseEvent",
+                    "resolved": "AnnotationOutputCloseEvent",
+                    "references": {
+                        "AnnotationOutputCloseEvent": {
+                            "location": "local",
+                            "path": "/usr/src/app/packages/core/src/components/annotation-output/annotation-output.tsx",
+                            "id": "src/components/annotation-output/annotation-output.tsx::AnnotationOutputCloseEvent"
+                        }
+                    }
+                }
+            }];
+    }
 }
 //# sourceMappingURL=annotation-output.js.map

package/dist/collection/components/annotation-output/annotation-output.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotation-output.js","sourceRoot":"","sources":["../../../../src/components/annotation-output/annotation-output.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAsB,KAAK,EAAgB,IAAI,EAAE,MAAM,eAAe,CAAC;AAW5F,MAAM,OAAO,gBAAgB;;IAyBnB,kBAAa,GAAG,CAAC,CAAa,EAAE,EAAE;MACxC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,CAAC;IAC3C,CAAC,CAAC;;;gBAVK,KAAK;;EAYZ,MAAM;IACJ,OAAO,CACL;MACE,sBAAgB,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI;QACjD,IAAI,CAAC,gBAAgB,IAAI,YAAM,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,gBAAgB,CAAQ;QAC5F,WAAK,KAAK,EAAC,uBAAuB;UAChC,YAAM,IAAI,EAAC,OAAO,GAAG;UACrB,YAAM,IAAI,EAAC,QAAQ,GAAG;UACtB,cAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,0CAA0C,EAAC,OAAO,EAAE,IAAI,CAAC,aAAa;YAChG,gBAAU,IAAI,EAAC,OAAO,GAAY;YAClC,YAAM,KAAK,EAAC,SAAS,0BAA2B,CACzC,CACL;QACN,WAAK,KAAK,EAAC,wBAAwB;UACjC,eAAQ,CACJ,CACS,CACM,CAC1B,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}
+{"version":3,"file":"annotation-output.js","sourceRoot":"","sources":["../../../../src/components/annotation-output/annotation-output.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAsB,KAAK,EAAgB,IAAI,EAAE,MAAM,eAAe,CAAC;AAW5F,MAAM,OAAO,gBAAgB;;QAyBnB,kBAAa,GAAG,CAAC,CAAa,EAAE,EAAE;YACxC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,CAAC;QAC3C,CAAC,CAAC;;;oBAVK,KAAK;;IAYZ,MAAM;QACJ,OAAO,CACL;YACE,uEAAgB,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI;gBACjD,IAAI,CAAC,gBAAgB,IAAI,YAAM,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,gBAAgB,CAAQ;gBAC5F,4DAAK,KAAK,EAAC,uBAAuB;oBAChC,6DAAM,IAAI,EAAC,OAAO,GAAG;oBACrB,6DAAM,IAAI,EAAC,QAAQ,GAAG;oBACtB,+DAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,0CAA0C,EAAC,OAAO,EAAE,IAAI,CAAC,aAAa;wBAChG,iEAAU,IAAI,EAAC,OAAO,GAAY;wBAClC,6DAAM,KAAK,EAAC,SAAS,0BAA2B,CACzC,CACL;gBACN,4DAAK,KAAK,EAAC,wBAAwB;oBACjC,8DAAQ,CACJ,CACS,CACM,CAC1B,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}