@ptcwebops/ptcw-design 0.7.6 → 0.7.7

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

@@ -1,22 +1,9 @@
-import { Component, Host, h, Prop, Listen, Element } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class PtcReadmore {
   constructor() {
-    /**
-     * customize read more text
-     */
     this.moreText = 'read more';
-    /**
-     *
-     * @returns string
-     */
     this.display = 'inline';
-    /**
-     *  visible lines
-     */
     this.visibleLines = 'line2';
-    /**
-     * index of hover lable
-     */
     this.zIndex = 'z-auto';
   }
   addBtnTruncated() {
@@ -31,12 +18,7 @@ export class PtcReadmore {
   }
   render() {
     const classMap = this.getCssClassMap();
-    return (h(Host, { class: this.display },
-      h("div", { class: classMap },
-        h("input", { type: "checkbox", id: "expanded" }),
-        h("p", { class: `read-more-text ${this.visibleLines}` },
-          h("slot", null)),
-        h("label", { htmlFor: "expanded", role: "button", class: this.zIndex }, this.moreText))));
+    return (h(Host, { class: this.display }, h("div", { class: classMap }, h("input", { type: "checkbox", id: "expanded" }), h("p", { class: `read-more-text ${this.visibleLines}` }, h("slot", null)), h("label", { htmlFor: "expanded", role: "button", class: this.zIndex }, this.moreText))));
   }
   getCssClassMap() {
     return {
@@ -45,95 +27,103 @@ export class PtcReadmore {
   }
   static get is() { return "ptc-readmore"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-readmore.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-readmore.css"]
-  }; }
-  static get properties() { return {
-    "moreText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "customize read more text"
-      },
-      "attribute": "more-text",
-      "reflect": false,
-      "defaultValue": "'read more'"
-    },
-    "display": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'inline' | 'block'",
-        "resolved": "\"block\" | \"inline\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "returns",
-            "text": "string"
-          }],
-        "text": ""
-      },
-      "attribute": "display",
-      "reflect": false,
-      "defaultValue": "'inline'"
-    },
-    "visibleLines": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'line1' | 'line2' | 'line3' | 'line4' | 'line5'",
-        "resolved": "\"line1\" | \"line2\" | \"line3\" | \"line4\" | \"line5\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "visible lines"
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-readmore.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-readmore.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "moreText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "customize read more text"
+        },
+        "attribute": "more-text",
+        "reflect": false,
+        "defaultValue": "'read more'"
       },
-      "attribute": "visible-lines",
-      "reflect": false,
-      "defaultValue": "'line2'"
-    },
-    "zIndex": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'z-auto' | 'z-1' | 'z-2' | 'z-3' | 'z-999'",
-        "resolved": "\"z-1\" | \"z-2\" | \"z-3\" | \"z-999\" | \"z-auto\"",
-        "references": {}
+      "display": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'inline' | 'block'",
+          "resolved": "\"block\" | \"inline\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "returns",
+              "text": "string"
+            }],
+          "text": ""
+        },
+        "attribute": "display",
+        "reflect": false,
+        "defaultValue": "'inline'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "index of hover lable"
+      "visibleLines": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'line1' | 'line2' | 'line3' | 'line4' | 'line5'",
+          "resolved": "\"line1\" | \"line2\" | \"line3\" | \"line4\" | \"line5\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "visible lines"
+        },
+        "attribute": "visible-lines",
+        "reflect": false,
+        "defaultValue": "'line2'"
       },
-      "attribute": "z-index",
-      "reflect": false,
-      "defaultValue": "'z-auto'"
-    }
-  }; }
+      "zIndex": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'z-auto' | 'z-1' | 'z-2' | 'z-3' | 'z-999'",
+          "resolved": "\"z-1\" | \"z-2\" | \"z-3\" | \"z-999\" | \"z-auto\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "index of hover lable"
+        },
+        "attribute": "z-index",
+        "reflect": false,
+        "defaultValue": "'z-auto'"
+      }
+    };
+  }
   static get elementRef() { return "el"; }
-  static get listeners() { return [{
-      "name": "resize",
-      "method": "addBtnTruncated",
-      "target": "window",
-      "capture": false,
-      "passive": true
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "resize",
+        "method": "addBtnTruncated",
+        "target": "window",
+        "capture": false,
+        "passive": true
+      }];
+  }
 }

package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.js

@@ -1,4 +1,4 @@
-import { Component, h, Element } from '@stencil/core';
+import { h } from '@stencil/core';
 //import ResizeObserver from "resize-observer-polyfill";
 export class PtcResponsiveWrapper {
   componentDidLoad() {
@@ -47,16 +47,19 @@ export class PtcResponsiveWrapper {
     this.element.classList.toggle("large4k", large4k);
   }
   render() {
-    return (h("div", null,
-      h("slot", null)));
+    return (h("div", null, h("slot", null)));
   }
   static get is() { return "ptc-responsive-wrapper"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-responsive-wrapper.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-responsive-wrapper.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-responsive-wrapper.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-responsive-wrapper.css"]
+    };
+  }
   static get elementRef() { return "element"; }
 }

package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.js

@@ -1,16 +1,16 @@
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 import ShoppingCartBlack from '../../media/svg-imgs/ptc-shopping-cart-black.svg';
 import ShoppingCartWhite from '../../media/svg-imgs/ptc-shopping-cart-white.svg';
 export class PtcShoppingCart {
   constructor() {
+    this.cartCount = undefined;
     this.color = 'white';
   }
   render() {
     const classMap = this.getCssClassMap();
     const svg = this.color == 'black' ? ShoppingCartBlack : ShoppingCartWhite;
     const svgClass = this.color == 'black' ? "cart clear-background" : "cart black-background";
-    return (h(Host, { class: classMap }, this.cartCount ? (h("div", { class: svgClass, innerHTML: svg },
-      h("div", { class: "cart__count" }, this.cartCount))) : (h("div", { class: svgClass, innerHTML: svg }))));
+    return (h(Host, { class: classMap }, this.cartCount ? (h("div", { class: svgClass, innerHTML: svg }, h("div", { class: "cart__count" }, this.cartCount))) : (h("div", { class: svgClass, innerHTML: svg }))));
     /*
             if(this.color == 'black'){
                 return (
@@ -45,47 +45,53 @@ export class PtcShoppingCart {
   }
   static get is() { return "ptc-shopping-cart"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-shopping-cart.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-shopping-cart.css"]
-  }; }
-  static get properties() { return {
-    "cartCount": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "cart-count",
-      "reflect": false
-    },
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'black' | 'white'",
-        "resolved": "\"black\" | \"white\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-shopping-cart.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-shopping-cart.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "cartCount": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "cart-count",
+        "reflect": false
       },
-      "attribute": "color",
-      "reflect": false,
-      "defaultValue": "'white'"
-    }
-  }; }
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'black' | 'white'",
+          "resolved": "\"black\" | \"white\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color",
+        "reflect": false,
+        "defaultValue": "'white'"
+      }
+    };
+  }
 }