@ptcwebops/ptcw-design 1.8.2 → 1.8.3

package/dist/collection/components/tab-content/tab-content.js

@@ -1,84 +1,84 @@
-import { h } from '@stencil/core';
-export class TabContent {
-  constructor() {
-    this.name = undefined;
-    this.isSelected = false;
-  }
-  async getChild() {
-    return {
-      select: this.select.bind(this),
-      unselect: this.unselect.bind(this),
-      name: this.name
-    };
-  }
-  unselect() {
-    this.isSelected = false;
-  }
-  select() {
-    this.isSelected = true;
-  }
-  render() {
-    const classes = {
-      'tab-content': true,
-      'tab-content-selected': this.isSelected
-    };
-    return (h("div", { class: classes }, h("slot", null)));
-  }
-  static get is() { return "tab-content"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["tab-content.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["tab-content.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "name": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "name",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "isSelected": {}
-    };
-  }
-  static get methods() {
-    return {
-      "getChild": {
-        "complexType": {
-          "signature": "() => Promise<{ select: any; unselect: any; name: string; }>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<{ select: any; unselect: any; name: string; }>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      }
-    };
-  }
-}
+import { h } from '@stencil/core';
+export class TabContent {
+  constructor() {
+    this.name = undefined;
+    this.isSelected = false;
+  }
+  async getChild() {
+    return {
+      select: this.select.bind(this),
+      unselect: this.unselect.bind(this),
+      name: this.name
+    };
+  }
+  unselect() {
+    this.isSelected = false;
+  }
+  select() {
+    this.isSelected = true;
+  }
+  render() {
+    const classes = {
+      'tab-content': true,
+      'tab-content-selected': this.isSelected
+    };
+    return (h("div", { class: classes }, h("slot", null)));
+  }
+  static get is() { return "tab-content"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["tab-content.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["tab-content.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "name",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "isSelected": {}
+    };
+  }
+  static get methods() {
+    return {
+      "getChild": {
+        "complexType": {
+          "signature": "() => Promise<{ select: any; unselect: any; name: string; }>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<{ select: any; unselect: any; name: string; }>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      }
+    };
+  }
+}

package/dist/collection/components/tab-header/tab-header.js

@@ -1,182 +1,182 @@
-import { h } from '@stencil/core';
-export class TabHeader {
-  constructor() {
-    this.id = this.generateId();
-    this.name = undefined;
-    this.tooltip = undefined;
-    this.isSelected = false;
-    this.maxLength = 32;
-    this.tabHeaderText = undefined;
-  }
-  handleWindowResize() {
-    this.updateMaxLength(window.innerWidth);
-  }
-  updateMaxLength(windowWidth) {
-    if (windowWidth < 400) {
-      this.maxLength = 18;
-    }
-    else if (windowWidth < 480) {
-      this.maxLength = 24;
-    }
-    else {
-      this.maxLength = 32;
-    }
-  }
-  async getChild() {
-    let self = this;
-    let myPromise = new Promise(function (resolve) {
-      let data = {
-        select: self.select.bind(self),
-        unselect: self.unselect.bind(self),
-        name: self.name,
-        id: self.id
-      };
-      resolve(data);
-    });
-    let result = await myPromise;
-    return result;
-  }
-  unselect() {
-    this.isSelected = false;
-  }
-  select() {
-    this.isSelected = true;
-  }
-  onClick() {
-    this.tabClicked.emit(this.getChild());
-  }
-  generateId() {
-    return Math.random().toString(36).substring(2, 10);
-  }
-  componentDidLoad() {
-    this.updateMaxLength(window.innerWidth);
-  }
-  render() {
-    const classes = {
-      'tab-header': true,
-      'tab-header-selected': this.isSelected
-    };
-    return [
-      h("h2", { class: classes, onClick: this.onClick.bind(this) }, h("span", { class: "header-content" }, h("span", { class: "text-cont", style: { display: "none" } }, this.tabHeaderText), h("ptc-tooltip", { mode: "text-only", "text-display": "inline", "max-length": this.maxLength, "z-index": "z-2", description: this.tabHeaderText, position: "bottom" }))),
-    ];
-  }
-  static get is() { return "tab-header"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["tab-header.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["tab-header.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "name": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "name",
-        "reflect": false
-      },
-      "tooltip": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "tooltip",
-        "reflect": false
-      },
-      "tabHeaderText": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Tab header name will go here, Ex: tab-header-text=\"Overview\""
-        },
-        "attribute": "tab-header-text",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "isSelected": {},
-      "maxLength": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "tabClicked",
-        "name": "tabClicked",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-  static get methods() {
-    return {
-      "getChild": {
-        "complexType": {
-          "signature": "() => Promise<unknown>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<unknown>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get listeners() {
-    return [{
-        "name": "resize",
-        "method": "handleWindowResize",
-        "target": "window",
-        "capture": false,
-        "passive": true
-      }];
-  }
-}
+import { h } from '@stencil/core';
+export class TabHeader {
+  constructor() {
+    this.id = this.generateId();
+    this.name = undefined;
+    this.tooltip = undefined;
+    this.isSelected = false;
+    this.maxLength = 32;
+    this.tabHeaderText = undefined;
+  }
+  handleWindowResize() {
+    this.updateMaxLength(window.innerWidth);
+  }
+  updateMaxLength(windowWidth) {
+    if (windowWidth < 400) {
+      this.maxLength = 18;
+    }
+    else if (windowWidth < 480) {
+      this.maxLength = 24;
+    }
+    else {
+      this.maxLength = 32;
+    }
+  }
+  async getChild() {
+    let self = this;
+    let myPromise = new Promise(function (resolve) {
+      let data = {
+        select: self.select.bind(self),
+        unselect: self.unselect.bind(self),
+        name: self.name,
+        id: self.id
+      };
+      resolve(data);
+    });
+    let result = await myPromise;
+    return result;
+  }
+  unselect() {
+    this.isSelected = false;
+  }
+  select() {
+    this.isSelected = true;
+  }
+  onClick() {
+    this.tabClicked.emit(this.getChild());
+  }
+  generateId() {
+    return Math.random().toString(36).substring(2, 10);
+  }
+  componentDidLoad() {
+    this.updateMaxLength(window.innerWidth);
+  }
+  render() {
+    const classes = {
+      'tab-header': true,
+      'tab-header-selected': this.isSelected
+    };
+    return [
+      h("h2", { class: classes, onClick: this.onClick.bind(this) }, h("span", { class: "header-content" }, h("span", { class: "text-cont", style: { display: "none" } }, this.tabHeaderText), h("ptc-tooltip", { mode: "text-only", "text-display": "inline", "max-length": this.maxLength, "z-index": "z-2", description: this.tabHeaderText, position: "bottom" }))),
+    ];
+  }
+  static get is() { return "tab-header"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["tab-header.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["tab-header.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "name",
+        "reflect": false
+      },
+      "tooltip": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "tooltip",
+        "reflect": false
+      },
+      "tabHeaderText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Tab header name will go here, Ex: tab-header-text=\"Overview\""
+        },
+        "attribute": "tab-header-text",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "isSelected": {},
+      "maxLength": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "tabClicked",
+        "name": "tabClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "getChild": {
+        "complexType": {
+          "signature": "() => Promise<unknown>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<unknown>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      }
+    };
+  }
+  static get listeners() {
+    return [{
+        "name": "resize",
+        "method": "handleWindowResize",
+        "target": "window",
+        "capture": false,
+        "passive": true
+      }];
+  }
+}

package/dist/collection/index.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/collection/media/svg-imgs/Back-arrow.svg

@@ -1,11 +1,11 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 311 512">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #fff;
-        fill-rule: evenodd;
-      }
-    </style>
-  </defs>
-  <path class="cls-1" d="M251.762,512L311,452.638,114.774,256,311,59.362,251.762,0,0,252.29Z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 311 512">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M251.762,512L311,452.638,114.774,256,311,59.362,251.762,0,0,252.29Z"/>
+</svg>

package/dist/collection/media/svg-imgs/close.svg

@@ -1,11 +1,11 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 42 41.485">
-    <g id="Group_1042" data-name="Group 1042" transform="rotate(180 108.25 87.993)">
-        <path id="Line_446" d="M0 0v39.486" class="cls-1" data-name="Line 446"></path>
-        <path id="Line_447" d="M0 0h40" class="cls-1" data-name="Line 447"></path>
-        <path id="Line_448" d="M0 33.592V0" class="cls-1" data-name="Line 448"></path>
-        <path id="Line_449" d="M23.994 0H0" class="cls-1" data-name="Line 449"></path>
-        <path id="Line_450" d="M0 0l17.596 17.596" class="cls-2" data-name="Line 450" transform="translate(187.229 147.226)"></path>
-        <path id="Line_451" d="M0 7.198L7.199 0" class="cls-2" data-name="Line 451" transform="translate(197.55 147.312)"></path>
-        <path id="Path_114" d="M0 7.2L7.2 0" class="cls-2" data-name="Path 114" transform="translate(187.313 157.549)"></path>
-    </g>
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 42 41.485">
+    <g id="Group_1042" data-name="Group 1042" transform="rotate(180 108.25 87.993)">
+        <path id="Line_446" d="M0 0v39.486" class="cls-1" data-name="Line 446"></path>
+        <path id="Line_447" d="M0 0h40" class="cls-1" data-name="Line 447"></path>
+        <path id="Line_448" d="M0 33.592V0" class="cls-1" data-name="Line 448"></path>
+        <path id="Line_449" d="M23.994 0H0" class="cls-1" data-name="Line 449"></path>
+        <path id="Line_450" d="M0 0l17.596 17.596" class="cls-2" data-name="Line 450" transform="translate(187.229 147.226)"></path>
+        <path id="Line_451" d="M0 7.198L7.199 0" class="cls-2" data-name="Line 451" transform="translate(197.55 147.312)"></path>
+        <path id="Path_114" d="M0 7.2L7.2 0" class="cls-2" data-name="Path 114" transform="translate(187.313 157.549)"></path>
+    </g>
 </svg>

package/dist/collection/media/svg-imgs/nav-active-dotslick.svg

@@ -1,16 +1,16 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #18723b;
-      }
-
-      .cls-2 {
-        fill: #f3f3f3;
-      }
-    </style>
-  </defs>
-  <circle id="Ellipse_1_copy_2" data-name="Ellipse 1 copy 2" class="cls-1" cx="10" cy="10" r="10"/>
-  <circle id="Ellipse_1_copy" data-name="Ellipse 1 copy" class="cls-2" cx="10" cy="10" r="7.781"/>
-  <circle class="cls-1" cx="10" cy="10" r="5"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #18723b;
+      }
+
+      .cls-2 {
+        fill: #f3f3f3;
+      }
+    </style>
+  </defs>
+  <circle id="Ellipse_1_copy_2" data-name="Ellipse 1 copy 2" class="cls-1" cx="10" cy="10" r="10"/>
+  <circle id="Ellipse_1_copy" data-name="Ellipse 1 copy" class="cls-2" cx="10" cy="10" r="7.781"/>
+  <circle class="cls-1" cx="10" cy="10" r="5"/>
 </svg>

package/dist/collection/media/svg-imgs/play-button-dark.svg

@@ -1,20 +1,20 @@
-<svg width="84" height="84" viewBox="0 0 84 84" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_d_241_171)">
-<circle cx="42" cy="38" r="36" fill="#1F2024"/>
-<circle cx="42" cy="38" r="35" stroke="#33A13C" stroke-width="2"/>
-</g>
-<path d="M58 38L34 51.8564L34 24.1436L58 38Z" fill="white"/>
-<defs>
-<filter id="filter0_d_241_171" x="0" y="0" width="84" height="84" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_241_171"/>
-<feOffset dy="4"/>
-<feGaussianBlur stdDeviation="2"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.231373 0 0 0 0 0.270588 0 0 0 0 0.313726 0 0 0 0.1 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_241_171"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_241_171" result="shape"/>
-</filter>
-</defs>
-</svg>
+<svg width="84" height="84" viewBox="0 0 84 84" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_241_171)">
+<circle cx="42" cy="38" r="36" fill="#1F2024"/>
+<circle cx="42" cy="38" r="35" stroke="#33A13C" stroke-width="2"/>
+</g>
+<path d="M58 38L34 51.8564L34 24.1436L58 38Z" fill="white"/>
+<defs>
+<filter id="filter0_d_241_171" x="0" y="0" width="84" height="84" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_241_171"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.231373 0 0 0 0 0.270588 0 0 0 0 0.313726 0 0 0 0.1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_241_171"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_241_171" result="shape"/>
+</filter>
+</defs>
+</svg>