@ptcwebops/ptcw-design 2.2.9 → 2.3.2

package/dist/collection/components/ptc-accordion/ptc-accordion.js

@@ -1,100 +1,100 @@
-import { Host, h } from '@stencil/core';
-export class PtcAccordion {
-  constructor() {
-    this.multiple = false;
-    this.theme = "standard";
-  }
-  componentWillLoad() {
-    this.items = this.el.querySelectorAll(':scope > ptc-accordion-item');
-    this.items.forEach((item) => {
-      item.setAttribute("theme", this.theme);
-    });
-    if (!this.multiple) {
-      this.activeItem = this.el.querySelector(':scope > ptc-accordion-item[active]');
-      if (this.activeItem) {
-        this.activeItem.open();
-      }
-      this.closeNonActive();
-    }
-  }
-  openHandler(e) {
-    e.stopPropagation();
-    const eventTarget = e.target;
-    if (!this.multiple) {
-      this.activeItem = eventTarget;
-      this.closeNonActive();
-    }
-  }
-  closeNonActive() {
-    this.items.forEach(item => {
-      if (!item.isEqualNode(this.activeItem)) {
-        item.close();
-      }
-    });
-  }
-  render() {
-    return (h(Host, null, h("slot", null)));
-  }
-  static get is() { return "ptc-accordion"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-accordion.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-accordion.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "multiple": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "If multiple `<ptc-accordion-item>`s can open at the same time"
-        },
-        "attribute": "multiple",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "theme": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"standard\" | \"minimalist\"",
-          "resolved": "\"minimalist\" | \"standard\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Set the theme styling of the accordion default is \"standard\""
-        },
-        "attribute": "theme",
-        "reflect": false,
-        "defaultValue": "\"standard\""
-      }
-    };
-  }
-  static get elementRef() { return "el"; }
-  static get listeners() {
-    return [{
-        "name": "opened",
-        "method": "openHandler",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }];
-  }
-}
+import { Host, h } from '@stencil/core';
+export class PtcAccordion {
+  constructor() {
+    this.multiple = false;
+    this.theme = "standard";
+  }
+  componentWillLoad() {
+    this.items = this.el.querySelectorAll(':scope > ptc-accordion-item');
+    this.items.forEach((item) => {
+      item.setAttribute("theme", this.theme);
+    });
+    if (!this.multiple) {
+      this.activeItem = this.el.querySelector(':scope > ptc-accordion-item[active]');
+      if (this.activeItem) {
+        this.activeItem.open();
+      }
+      this.closeNonActive();
+    }
+  }
+  openHandler(e) {
+    e.stopPropagation();
+    const eventTarget = e.target;
+    if (!this.multiple) {
+      this.activeItem = eventTarget;
+      this.closeNonActive();
+    }
+  }
+  closeNonActive() {
+    this.items.forEach(item => {
+      if (!item.isEqualNode(this.activeItem)) {
+        item.close();
+      }
+    });
+  }
+  render() {
+    return (h(Host, null, h("slot", null)));
+  }
+  static get is() { return "ptc-accordion"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-accordion.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-accordion.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "multiple": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "If multiple `<ptc-accordion-item>`s can open at the same time"
+        },
+        "attribute": "multiple",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "theme": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"standard\" | \"minimalist\"",
+          "resolved": "\"minimalist\" | \"standard\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set the theme styling of the accordion default is \"standard\""
+        },
+        "attribute": "theme",
+        "reflect": false,
+        "defaultValue": "\"standard\""
+      }
+    };
+  }
+  static get elementRef() { return "el"; }
+  static get listeners() {
+    return [{
+        "name": "opened",
+        "method": "openHandler",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
+}