@ptcwebops/ptcw-design 0.7.5 → 0.7.7

package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.js

@@ -1,105 +1,113 @@
-import { Component, h, Prop, Host, Event, Element, State } from '@stencil/core';
-export class PtcFilterTag {
-  constructor() {
-    this.theme = 'bubble';
-    this.handleClick = () => {
-      this.clicked.emit(this);
-    };
-  }
-  componentWillLoad() {
-    this.iconColorMap = {
-      'bubble': {
-        'hover': 'black',
-        'standard': 'light-gray'
-      },
-      'standard': {
-        'hover': 'ptc-green',
-        'standard': 'black'
-      },
-    };
-  }
-  handleMouseEnter() {
-    this.updateIconColor('hover');
-  }
-  handleMouseLeave() {
-    this.updateIconColor('standard');
-  }
-  updateIconColor(state) {
-    let icon = this.el.shadowRoot.querySelector('icon-asset');
-    if (icon) {
-      if (this.iconColorMap[this.theme]) {
-        icon.setAttribute('color', this.iconColorMap[this.theme][state]);
-      }
-    }
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    let icon;
-    switch (this.theme) {
-      case 'bubble':
-        icon = (h("icon-asset", { class: "cls", type: "ptc", color: "light-gray", name: "times", size: "micro" }));
-        break;
-      case 'standard':
-        icon = (h("icon-asset", { class: "cls", type: "ptc", color: "black", name: "times", size: "xxx-small" }));
-        break;
-    }
-    return (h(Host, null,
-      h("span", { class: classMap, onClick: () => this.handleClick(), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() },
-        h("slot", null),
-        icon)));
-  }
-  getCssClassMap() {
-    return {
-      ['ptc-filter-tag']: true,
-      [this.theme]: true
-    };
-  }
-  static get is() { return "ptc-filter-tag"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-filter-tag.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-filter-tag.css"]
-  }; }
-  static get properties() { return {
-    "theme": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'bubble' | 'link' | 'link-lg' | 'button' | 'standard'",
-        "resolved": "\"bubble\" | \"button\" | \"link\" | \"link-lg\" | \"standard\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "theme",
-      "reflect": false,
-      "defaultValue": "'bubble'"
-    }
-  }; }
-  static get states() { return {
-    "iconColorMap": {}
-  }; }
-  static get events() { return [{
-      "method": "clicked",
-      "name": "clicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-  static get elementRef() { return "el"; }
-}
+import { h, Host } from '@stencil/core';
+export class PtcFilterTag {
+  constructor() {
+    this.handleClick = () => {
+      this.clicked.emit(this);
+    };
+    this.theme = 'bubble';
+    this.iconColorMap = undefined;
+  }
+  componentWillLoad() {
+    this.iconColorMap = {
+      'bubble': {
+        'hover': 'black',
+        'standard': 'light-gray'
+      },
+      'standard': {
+        'hover': 'ptc-green',
+        'standard': 'black'
+      },
+    };
+  }
+  handleMouseEnter() {
+    this.updateIconColor('hover');
+  }
+  handleMouseLeave() {
+    this.updateIconColor('standard');
+  }
+  updateIconColor(state) {
+    let icon = this.el.shadowRoot.querySelector('icon-asset');
+    if (icon) {
+      if (this.iconColorMap[this.theme]) {
+        icon.setAttribute('color', this.iconColorMap[this.theme][state]);
+      }
+    }
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    let icon;
+    switch (this.theme) {
+      case 'bubble':
+        icon = (h("icon-asset", { class: "cls", type: "ptc", color: "light-gray", name: "times", size: "micro" }));
+        break;
+      case 'standard':
+        icon = (h("icon-asset", { class: "cls", type: "ptc", color: "black", name: "times", size: "xxx-small" }));
+        break;
+    }
+    return (h(Host, null, h("span", { class: classMap, onClick: () => this.handleClick(), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, h("slot", null), icon)));
+  }
+  getCssClassMap() {
+    return {
+      ['ptc-filter-tag']: true,
+      [this.theme]: true
+    };
+  }
+  static get is() { return "ptc-filter-tag"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-filter-tag.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-filter-tag.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "theme": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'bubble' | 'link' | 'link-lg' | 'button' | 'standard'",
+          "resolved": "\"bubble\" | \"button\" | \"link\" | \"link-lg\" | \"standard\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "theme",
+        "reflect": false,
+        "defaultValue": "'bubble'"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "iconColorMap": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "clicked",
+        "name": "clicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get elementRef() { return "el"; }
+}

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

@@ -1,67 +1,67 @@
-import { Component, Host, h, Prop } from '@stencil/core';
-export class PtcHero {
-  constructor() {
-    /**
-     * Hero Background Image URL
-     */
-    this.bgUrl = undefined;
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (h(Host, { class: classMap },
-      h("div", { class: "ptc-hero-wrapper" },
-        h("ptc-img", Object.assign({ "image-type": "smart-bg" }, (!!this.bgUrl ? { imgUrl: this.bgUrl } : {}), { "size-xs": "600x450", "size-sm": "1108x658", "size-md": "1920x1080", "size-lg": "2700x1500" }),
-          this.heroType == 'jumbotron' ? ([h("ptc-overlay", { "filter-color": "black-1" }), h("ptc-overlay", { "filter-color": "black-2" })]) : this.heroType == 'footer-cta' ? (h("ptc-overlay", { "filter-color": "black-3" })) : null,
-          h("slot", null)))));
-  }
-  getCssClassMap() {
-    return {
-      [this.heroType]: this.heroType ? true : false,
-    };
-  }
-  static get is() { return "ptc-hero"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-hero.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-hero.css"]
-  }; }
-  static get properties() { return {
-    "heroType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'jumbotron' | 'footer-cta'",
-        "resolved": "\"footer-cta\" | \"jumbotron\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Hero Type"
-      },
-      "attribute": "hero-type",
-      "reflect": false
-    },
-    "bgUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Hero Background Image URL"
-      },
-      "attribute": "bg-url",
-      "reflect": false,
-      "defaultValue": "undefined"
-    }
-  }; }
-}
+import { Host, h } from '@stencil/core';
+export class PtcHero {
+  constructor() {
+    this.heroType = undefined;
+    this.bgUrl = undefined;
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h(Host, { class: classMap }, h("div", { class: "ptc-hero-wrapper" }, h("ptc-img", Object.assign({ "image-type": "smart-bg" }, (!!this.bgUrl ? { imgUrl: this.bgUrl } : {}), { "size-xs": "600x450", "size-sm": "1108x658", "size-md": "1920x1080", "size-lg": "2700x1500" }), this.heroType == 'jumbotron' ? ([h("ptc-overlay", { "filter-color": "black-1" }), h("ptc-overlay", { "filter-color": "black-2" })]) : this.heroType == 'footer-cta' ? (h("ptc-overlay", { "filter-color": "black-3" })) : null, h("slot", null)))));
+  }
+  getCssClassMap() {
+    return {
+      [this.heroType]: this.heroType ? true : false,
+    };
+  }
+  static get is() { return "ptc-hero"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-hero.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-hero.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "heroType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'jumbotron' | 'footer-cta'",
+          "resolved": "\"footer-cta\" | \"jumbotron\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Hero Type"
+        },
+        "attribute": "hero-type",
+        "reflect": false
+      },
+      "bgUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Hero Background Image URL"
+        },
+        "attribute": "bg-url",
+        "reflect": false,
+        "defaultValue": "undefined"
+      }
+    };
+  }
+}

package/dist/collection/components/ptc-hero-footer-cta/ptc-hero-footer-cta.js

@@ -1,77 +1,78 @@
-import { Component, Host, h, Prop } from '@stencil/core';
-export class PtcHeroFooterCta {
-  render() {
-    return (h(Host, null,
-      h("div", { class: "hero-footer-cta ", style: { backgroundImage: `url(${this.backgroundImage})` } },
-        h("svg", { class: "btm-cta-cut", xmlns: "http://www.w3.org/2000/svg", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179" },
-          h("path", { fill: "#F3F3F3", id: "Path_8770", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "path-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" })),
-        h("div", { class: "cta-overlay" }),
-        h("div", { class: "ptc-container is-grid has-p-lg" },
-          h("div", { class: "is-col-8-lg cta-left-padding" },
-            h("h2", null, this.ctaTitle),
-            h("p", null, this.description)),
-          h("div", { class: "is-col-4-lg cta-section" },
-            h("slot", { name: "cta" }))))));
-  }
-  static get is() { return "ptc-hero-footer-cta"; }
-  static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-hero-footer-cta.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-hero-footer-cta.css"]
-  }; }
-  static get properties() { return {
-    "ctaTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "cta-title",
-      "reflect": false
-    },
-    "description": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "description",
-      "reflect": false
-    },
-    "backgroundImage": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "background-image",
-      "reflect": false
-    }
-  }; }
-}
+import { Host, h } from '@stencil/core';
+export class PtcHeroFooterCta {
+  constructor() {
+    this.ctaTitle = undefined;
+    this.description = undefined;
+    this.backgroundImage = undefined;
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "hero-footer-cta ", style: { backgroundImage: `url(${this.backgroundImage})` } }, h("svg", { class: "btm-cta-cut", xmlns: "http://www.w3.org/2000/svg", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179" }, h("path", { fill: "#F3F3F3", id: "Path_8770", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "path-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" })), h("div", { class: "cta-overlay" }), h("div", { class: "ptc-container is-grid has-p-lg" }, h("div", { class: "is-col-8-lg cta-left-padding" }, h("h2", null, this.ctaTitle), h("p", null, this.description)), h("div", { class: "is-col-4-lg cta-section" }, h("slot", { name: "cta" }))))));
+  }
+  static get is() { return "ptc-hero-footer-cta"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-hero-footer-cta.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-hero-footer-cta.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "ctaTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "cta-title",
+        "reflect": false
+      },
+      "description": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "description",
+        "reflect": false
+      },
+      "backgroundImage": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "background-image",
+        "reflect": false
+      }
+    };
+  }
+}