@ptcwebops/ptcw-design 1.3.4 → 1.3.6

package/dist/collection/components/ptc-tabs/ptc-tab.js

@@ -1,121 +1,121 @@
-import { h, Host } from '@stencil/core';
-export class Tab {
-  constructor() {
-    this.optionClicked = undefined;
-    this.label = undefined;
-    this.price = undefined;
-    this.active = undefined;
-    this.disabled = undefined;
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (h(Host, null, h("div", { class: classMap }, h("span", { class: "left-text" }, h("slot", { name: "right-text" })), h("span", { class: "right-text" }, h("slot", { name: "right-text" })))));
-  }
-  getCssClassMap() {
-    return {
-      ['ptc-pricing-block']: true,
-      ['active']: this.active ? true : false
-    };
-  }
-  static get is() { return "ptc-tab"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-tabs.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-tabs.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "optionClicked": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "option-clicked",
-        "reflect": true
-      },
-      "label": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "label",
-        "reflect": false
-      },
-      "price": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "price",
-        "reflect": false
-      },
-      "active": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "active",
-        "reflect": false
-      },
-      "disabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "disabled",
-        "reflect": true
-      }
-    };
-  }
-}
+import { h, Host } from '@stencil/core';
+export class Tab {
+  constructor() {
+    this.optionClicked = undefined;
+    this.label = undefined;
+    this.price = undefined;
+    this.active = undefined;
+    this.disabled = undefined;
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h(Host, null, h("div", { class: classMap }, h("span", { class: "left-text" }, h("slot", { name: "right-text" })), h("span", { class: "right-text" }, h("slot", { name: "right-text" })))));
+  }
+  getCssClassMap() {
+    return {
+      ['ptc-pricing-block']: true,
+      ['active']: this.active ? true : false
+    };
+  }
+  static get is() { return "ptc-tab"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-tabs.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-tabs.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "optionClicked": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "option-clicked",
+        "reflect": true
+      },
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "label",
+        "reflect": false
+      },
+      "price": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "price",
+        "reflect": false
+      },
+      "active": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "active",
+        "reflect": false
+      },
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disabled",
+        "reflect": true
+      }
+    };
+  }
+}

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

@@ -1,104 +1,104 @@
-import { h } from '@stencil/core';
-export class Tabs {
-  constructor() {
-    this.tabs = [];
-  }
-  componentWillLoad() {
-    // Grab tabs from this component
-    this.tabs = Array.from(this.el.querySelectorAll('ptc-tab'));
-    if (this.tabs.length === 0) {
-      throw new Error('[ptc-tabs] Must have at least one tab');
-    }
-  }
-  async openTab(index) {
-    //Loops through tabs
-    if (index >= this.tabs.length) {
-      throw new Error(`[ptc-tabs] Index ${index} is out of bounds of tabs length`);
-    }
-    if (!this.tabs[index].disabled) {
-      this.tabs = this.tabs.map((tab, i) => {
-        tab.active = i === index;
-        return tab;
-      });
-      // How they react to change
-      this.tabChange.emit({ tabId: index });
-    }
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (h("div", { class: classMap }, this.tabs.map((tab, index) => {
-      const tabClassMap = {
-        'tab-button': true,
-        active: tab.active
-      };
-      return [
-        // assigned properties
-        h("div", { role: "tab", class: tabClassMap, onClick: () => this.openTab(index) }, tab.label, tab.price, h("div", { class: classMap }, h("span", { class: "left-text" }, h("slot", { name: "right-text" })), h("span", { class: "right-text" }, h("slot", { name: "right-text" }))))
-      ];
-    })));
-  }
-  getCssClassMap() {
-    return {
-      'tabs-list': true
-    };
-  }
-  static get is() { return "ptc-tabs"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-tabs.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-tabs.css"]
-    };
-  }
-  static get states() {
-    return {
-      "tabs": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "tabChange",
-        "name": "tabChange",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-  static get methods() {
-    return {
-      "openTab": {
-        "complexType": {
-          "signature": "(index: number) => Promise<void>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get elementRef() { return "el"; }
-}
+import { h } from '@stencil/core';
+export class Tabs {
+  constructor() {
+    this.tabs = [];
+  }
+  componentWillLoad() {
+    // Grab tabs from this component
+    this.tabs = Array.from(this.el.querySelectorAll('ptc-tab'));
+    if (this.tabs.length === 0) {
+      throw new Error('[ptc-tabs] Must have at least one tab');
+    }
+  }
+  async openTab(index) {
+    //Loops through tabs
+    if (index >= this.tabs.length) {
+      throw new Error(`[ptc-tabs] Index ${index} is out of bounds of tabs length`);
+    }
+    if (!this.tabs[index].disabled) {
+      this.tabs = this.tabs.map((tab, i) => {
+        tab.active = i === index;
+        return tab;
+      });
+      // How they react to change
+      this.tabChange.emit({ tabId: index });
+    }
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h("div", { class: classMap }, this.tabs.map((tab, index) => {
+      const tabClassMap = {
+        'tab-button': true,
+        active: tab.active
+      };
+      return [
+        // assigned properties
+        h("div", { role: "tab", class: tabClassMap, onClick: () => this.openTab(index) }, tab.label, tab.price, h("div", { class: classMap }, h("span", { class: "left-text" }, h("slot", { name: "right-text" })), h("span", { class: "right-text" }, h("slot", { name: "right-text" }))))
+      ];
+    })));
+  }
+  getCssClassMap() {
+    return {
+      'tabs-list': true
+    };
+  }
+  static get is() { return "ptc-tabs"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-tabs.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-tabs.css"]
+    };
+  }
+  static get states() {
+    return {
+      "tabs": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "tabChange",
+        "name": "tabChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "openTab": {
+        "complexType": {
+          "signature": "(index: number) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      }
+    };
+  }
+  static get elementRef() { return "el"; }
+}