@ptcwebops/ptcw-design 2.3.0 → 2.3.2

package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.js

@@ -1,78 +1,78 @@
-import { Host, h } from '@stencil/core';
-export class PtcPodcastCard {
-  constructor() {
-    this.heading = undefined;
-    this.imageSrc = undefined;
-    this.altText = undefined;
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "is-grid has-col-gap-lg" }, h("div", { class: "is-col is-col-4-md flex-col" }, h("div", { class: 'img-wrap' }, h("img", { src: this.imageSrc, class: "first-img", alt: this.altText }), h("span", { class: "second" }, h("img", { src: this.imageSrc, class: "second-img", alt: this.altText })), h("span", { class: "third" }, h("img", { src: this.imageSrc, class: "third-img", alt: this.altText })))), h("div", { class: "is-col is-col-8-md flex-col" }, h("div", { class: 'content-wrap' }, h("ptc-title", { type: "h3", "text-align": "left", "title-size": "large", "title-color": "gray", upperline: "no-upperline", "title-display": "block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7" }, this.heading), h("slot", null))))));
-  }
-  static get is() { return "ptc-podcast-card"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-podcast-card.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-podcast-card.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "heading": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Card title"
-        },
-        "attribute": "heading",
-        "reflect": false
-      },
-      "imageSrc": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Card image source"
-        },
-        "attribute": "image-src",
-        "reflect": false
-      },
-      "altText": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Card image alt text"
-        },
-        "attribute": "alt-text",
-        "reflect": false
-      }
-    };
-  }
-}
+import { Host, h } from '@stencil/core';
+export class PtcPodcastCard {
+  constructor() {
+    this.heading = undefined;
+    this.imageSrc = undefined;
+    this.altText = undefined;
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "is-grid has-col-gap-lg" }, h("div", { class: "is-col is-col-4-md flex-col" }, h("div", { class: 'img-wrap' }, h("img", { src: this.imageSrc, class: "first-img", alt: this.altText }), h("span", { class: "second" }, h("img", { src: this.imageSrc, class: "second-img", alt: this.altText })), h("span", { class: "third" }, h("img", { src: this.imageSrc, class: "third-img", alt: this.altText })))), h("div", { class: "is-col is-col-8-md flex-col" }, h("div", { class: 'content-wrap' }, h("ptc-title", { type: "h3", "text-align": "left", "title-size": "large", "title-color": "gray", upperline: "no-upperline", "title-display": "block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7" }, this.heading), h("slot", null))))));
+  }
+  static get is() { return "ptc-podcast-card"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-podcast-card.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-podcast-card.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "heading": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Card title"
+        },
+        "attribute": "heading",
+        "reflect": false
+      },
+      "imageSrc": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Card image source"
+        },
+        "attribute": "image-src",
+        "reflect": false
+      },
+      "altText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Card image alt text"
+        },
+        "attribute": "alt-text",
+        "reflect": false
+      }
+    };
+  }
+}

package/dist/collection/components/ptc-previous-url/ptc-previous-url.js

@@ -1,78 +1,78 @@
-import { Host, h } from '@stencil/core';
-export class PtcPreviousUrl {
-  constructor() {
-    this.href = undefined;
-    this.text = undefined;
-    this.styles = undefined;
-  }
-  render() {
-    return (h(Host, null, this.styles && h("style", null, this.styles), h("list-item", { listType: 'breadcrumb', flushBefore: true, "link-href": this.href }, h("ptc-svg-btn", { class: "backarrow", "svg-name": "back-arrow", display: "inline-block" }), h("a", { class: "back-to-videos" }, this.text)), h("slot", null)));
-  }
-  static get is() { return "ptc-previous-url"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-previous-url.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-previous-url.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "href": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string | undefined",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "href",
-        "reflect": false
-      },
-      "text": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string | undefined",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "text",
-        "reflect": false
-      },
-      "styles": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "(optional) Injected CSS styles"
-        },
-        "attribute": "styles",
-        "reflect": false
-      }
-    };
-  }
-}
+import { Host, h } from '@stencil/core';
+export class PtcPreviousUrl {
+  constructor() {
+    this.href = undefined;
+    this.text = undefined;
+    this.styles = undefined;
+  }
+  render() {
+    return (h(Host, null, this.styles && h("style", null, this.styles), h("list-item", { listType: 'breadcrumb', flushBefore: true, "link-href": this.href }, h("ptc-svg-btn", { class: "backarrow", "svg-name": "back-arrow", display: "inline-block" }), h("a", { class: "back-to-videos" }, this.text)), h("slot", null)));
+  }
+  static get is() { return "ptc-previous-url"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-previous-url.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-previous-url.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "href": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | undefined",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "href",
+        "reflect": false
+      },
+      "text": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | undefined",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "text",
+        "reflect": false
+      },
+      "styles": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "(optional) Injected CSS styles"
+        },
+        "attribute": "styles",
+        "reflect": false
+      }
+    };
+  }
+}

package/dist/collection/components/ptc-pricing-add-on-card/ptc-pricing-add-on-card.js

@@ -1,120 +1,120 @@
-import { Host, h, Fragment } from '@stencil/core';
-export class PtcPricingAddOnCard {
-  constructor() {
-    this.cardTitle = undefined;
-    this.cardPricingText = undefined;
-    this.cardCtaHref = null;
-    this.cardCtaText = null;
-    this.cardDisclaimer = null;
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "add-on-card" }, h("ptc-title", { type: "h4", "text-align": "left", "title-size": "medium", upperline: "no-upperline", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7" }, this.cardTitle), h("ptc-para", { "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, this.cardPricingText), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, (this.el.querySelector('[slot="card-body"]').innerHTML.toString().length <= 300) ?
-      h("slot", { name: "card-body" }) :
-      h("ptc-readmore", { "more-text": "See more" }, h("slot", { name: "card-body" })), h("slot", { name: "card-body" })), this.cardCtaHref && this.cardCtaText && h(Fragment, null, h("ptc-spacer", { breakpoint: "small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("ptc-spacer", { breakpoint: "x-small", size: "xx-large" }), h("ptc-spacer", { breakpoint: "x-small", size: "xx-small" }), h("ptc-button", { type: "link", color: "ptc-tertiary", "link-href": this.cardCtaHref, target: "_blank" }, h("ptc-tooltip", { "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.cardCtaText, position: "bottom" }))), this.cardDisclaimer && h(Fragment, null, h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-para", { "font-size": "xx-small", "font-weight": "w-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, (this.cardDisclaimer.length <= 150) ? this.cardDisclaimer : h("ptc-readmore", { "more-text": "See more" }, this.cardDisclaimer))))));
-  }
-  static get is() { return "ptc-pricing-add-on-card"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-pricing-add-on-card.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-pricing-add-on-card.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "cardTitle": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Title"
-        },
-        "attribute": "card-title",
-        "reflect": false
-      },
-      "cardPricingText": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Pricing text"
-        },
-        "attribute": "card-pricing-text",
-        "reflect": false
-      },
-      "cardCtaHref": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "CTA Button href"
-        },
-        "attribute": "card-cta-href",
-        "reflect": false,
-        "defaultValue": "null"
-      },
-      "cardCtaText": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "CTA Button text"
-        },
-        "attribute": "card-cta-text",
-        "reflect": false,
-        "defaultValue": "null"
-      },
-      "cardDisclaimer": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Disclaimer text"
-        },
-        "attribute": "card-disclaimer",
-        "reflect": false,
-        "defaultValue": "null"
-      }
-    };
-  }
-  static get elementRef() { return "el"; }
-}
+import { Host, h, Fragment } from '@stencil/core';
+export class PtcPricingAddOnCard {
+  constructor() {
+    this.cardTitle = undefined;
+    this.cardPricingText = undefined;
+    this.cardCtaHref = null;
+    this.cardCtaText = null;
+    this.cardDisclaimer = null;
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "add-on-card" }, h("ptc-title", { type: "h4", "text-align": "left", "title-size": "medium", upperline: "no-upperline", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7" }, this.cardTitle), h("ptc-para", { "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, this.cardPricingText), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, (this.el.querySelector('[slot="card-body"]').innerHTML.toString().length <= 300) ?
+      h("slot", { name: "card-body" }) :
+      h("ptc-readmore", { "more-text": "See more" }, h("slot", { name: "card-body" })), h("slot", { name: "card-body" })), this.cardCtaHref && this.cardCtaText && h(Fragment, null, h("ptc-spacer", { breakpoint: "small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("ptc-spacer", { breakpoint: "x-small", size: "xx-large" }), h("ptc-spacer", { breakpoint: "x-small", size: "xx-small" }), h("ptc-button", { type: "link", color: "ptc-tertiary", "link-href": this.cardCtaHref, target: "_blank" }, h("ptc-tooltip", { "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.cardCtaText, position: "bottom" }))), this.cardDisclaimer && h(Fragment, null, h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-para", { "font-size": "xx-small", "font-weight": "w-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, (this.cardDisclaimer.length <= 150) ? this.cardDisclaimer : h("ptc-readmore", { "more-text": "See more" }, this.cardDisclaimer))))));
+  }
+  static get is() { return "ptc-pricing-add-on-card"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-pricing-add-on-card.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-pricing-add-on-card.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "cardTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Title"
+        },
+        "attribute": "card-title",
+        "reflect": false
+      },
+      "cardPricingText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Pricing text"
+        },
+        "attribute": "card-pricing-text",
+        "reflect": false
+      },
+      "cardCtaHref": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "CTA Button href"
+        },
+        "attribute": "card-cta-href",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "cardCtaText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "CTA Button text"
+        },
+        "attribute": "card-cta-text",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "cardDisclaimer": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Disclaimer text"
+        },
+        "attribute": "card-disclaimer",
+        "reflect": false,
+        "defaultValue": "null"
+      }
+    };
+  }
+  static get elementRef() { return "el"; }
+}