@ptcwebops/ptcw-design 0.7.4 → 0.7.6

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

@@ -1,54 +1,54 @@
-import { Component, Host, Prop, h } from '@stencil/core';
-export class PtcPreviousUrl {
-  render() {
-    return (h(Host, null,
-      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
-    }
-  }; }
-}
+import { Component, Host, Prop, h } from '@stencil/core';
+export class PtcPreviousUrl {
+  render() {
+    return (h(Host, null,
+      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
+    }
+  }; }
+}

package/dist/collection/components/ptc-pricing-block/ptc-pricing-block.js

@@ -1,45 +1,45 @@
-import { Component, h, Host, Prop } from '@stencil/core';
-export class PtcPricingBlock {
-  render() {
-    const classMap = this.getCssClassMap();
-    return (h(Host, null,
-      h("div", { class: classMap },
-        h("span", { class: "left-text" },
-          h("slot", { name: "left-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-pricing-block"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-pricing-block.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-pricing-block.css"]
-  }; }
-  static get properties() { return {
-    "active": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"active\"",
-        "resolved": "\"active\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "active",
-      "reflect": false
-    }
-  }; }
-}
+import { Component, h, Host, Prop } from '@stencil/core';
+export class PtcPricingBlock {
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h(Host, null,
+      h("div", { class: classMap },
+        h("span", { class: "left-text" },
+          h("slot", { name: "left-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-pricing-block"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["ptc-pricing-block.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["ptc-pricing-block.css"]
+  }; }
+  static get properties() { return {
+    "active": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "\"active\"",
+        "resolved": "\"active\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "active",
+      "reflect": false
+    }
+  }; }
+}

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

@@ -1,154 +1,154 @@
-import { Component, Host, h, Prop } from '@stencil/core';
-import QuotationMark from '../../media/svg-imgs/quotation-mark.svg';
-export class PtcQuote {
-  constructor() {
-    /**
-     * Quote Type
-     */
-    this.quoteType = "image-quote";
-    /**
-     * Quote Name
-     */
-    this.quoteName = 'John Smith';
-  }
-  getImageTitle() {
-    return (h("div", { class: "our-leadership" },
-      h("div", { class: "line" },
-        h("div", { class: "green-line" }),
-        h("div", { class: "grey-line" })),
-      h("p", null, this.imgTitle)));
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (h(Host, { class: classMap },
-      this.imgSrc ? (h("div", { class: "quote-media" },
-        this.imgSrc ? h("img", { src: this.imgSrc, alt: this.imgTitle ? this.imgTitle : 'quote Image' }) : null,
-        this.imgTitle ? this.getImageTitle() : null)) : null,
-      h("div", { class: "quote-content" },
-        this.quoteType == 'image-quote' ? h("div", { class: 'quotemarks', innerHTML: QuotationMark }) : null,
-        h("blockquote", null,
-          h("p", null,
-            h("slot", null)),
-          h("span", { class: "quote-name" }, this.quoteName ? this.quoteName : null),
-          this.ctaText && this.ctaUrl ? (h("ptc-button", { type: "link", color: "ptc-secondary", "link-href": this.ctaUrl }, this.ctaText)) : null))));
-  }
-  getCssClassMap() {
-    return {
-      [this.quoteType]: true
-    };
-  }
-  static get is() { return "ptc-quote"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-quote.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-quote.css"]
-  }; }
-  static get properties() { return {
-    "quoteType": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "\"image-quote\" | \"plain-quote\"",
-        "resolved": "\"image-quote\" | \"plain-quote\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Quote Type"
-      },
-      "attribute": "quote-type",
-      "reflect": false,
-      "defaultValue": "\"image-quote\""
-    },
-    "quoteName": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Quote Name"
-      },
-      "attribute": "quote-name",
-      "reflect": false,
-      "defaultValue": "'John Smith'"
-    },
-    "ctaText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Button CTA Text"
-      },
-      "attribute": "cta-text",
-      "reflect": false
-    },
-    "ctaUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "CTA Url"
-      },
-      "attribute": "cta-url",
-      "reflect": false
-    },
-    "imgSrc": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Image Src"
-      },
-      "attribute": "img-src",
-      "reflect": false
-    },
-    "imgTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Image Title"
-      },
-      "attribute": "img-title",
-      "reflect": false
-    }
-  }; }
-}
+import { Component, Host, h, Prop } from '@stencil/core';
+import QuotationMark from '../../media/svg-imgs/quotation-mark.svg';
+export class PtcQuote {
+  constructor() {
+    /**
+     * Quote Type
+     */
+    this.quoteType = "image-quote";
+    /**
+     * Quote Name
+     */
+    this.quoteName = 'John Smith';
+  }
+  getImageTitle() {
+    return (h("div", { class: "our-leadership" },
+      h("div", { class: "line" },
+        h("div", { class: "green-line" }),
+        h("div", { class: "grey-line" })),
+      h("p", null, this.imgTitle)));
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h(Host, { class: classMap },
+      this.imgSrc ? (h("div", { class: "quote-media" },
+        this.imgSrc ? h("img", { src: this.imgSrc, alt: this.imgTitle ? this.imgTitle : 'quote Image' }) : null,
+        this.imgTitle ? this.getImageTitle() : null)) : null,
+      h("div", { class: "quote-content" },
+        this.quoteType == 'image-quote' ? h("div", { class: 'quotemarks', innerHTML: QuotationMark }) : null,
+        h("blockquote", null,
+          h("p", null,
+            h("slot", null)),
+          h("span", { class: "quote-name" }, this.quoteName ? this.quoteName : null),
+          this.ctaText && this.ctaUrl ? (h("ptc-button", { type: "link", color: "ptc-secondary", "link-href": this.ctaUrl }, this.ctaText)) : null))));
+  }
+  getCssClassMap() {
+    return {
+      [this.quoteType]: true
+    };
+  }
+  static get is() { return "ptc-quote"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["ptc-quote.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["ptc-quote.css"]
+  }; }
+  static get properties() { return {
+    "quoteType": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "\"image-quote\" | \"plain-quote\"",
+        "resolved": "\"image-quote\" | \"plain-quote\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Quote Type"
+      },
+      "attribute": "quote-type",
+      "reflect": false,
+      "defaultValue": "\"image-quote\""
+    },
+    "quoteName": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Quote Name"
+      },
+      "attribute": "quote-name",
+      "reflect": false,
+      "defaultValue": "'John Smith'"
+    },
+    "ctaText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "Button CTA Text"
+      },
+      "attribute": "cta-text",
+      "reflect": false
+    },
+    "ctaUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "CTA Url"
+      },
+      "attribute": "cta-url",
+      "reflect": false
+    },
+    "imgSrc": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "Image Src"
+      },
+      "attribute": "img-src",
+      "reflect": false
+    },
+    "imgTitle": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "Image Title"
+      },
+      "attribute": "img-title",
+      "reflect": false
+    }
+  }; }
+}

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

@@ -0,0 +1,66 @@
+:host {
+  display: block;
+}
+
+.box input {
+  opacity: 0;
+  position: absolute;
+  pointer-events: none;
+}
+.box .read-more-text {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  margin: 0;
+  overflow: hidden;
+}
+.box .line1 {
+  -webkit-line-clamp: 1;
+}
+.box .line2 {
+  -webkit-line-clamp: 2;
+}
+.box .line3 {
+  -webkit-line-clamp: 3;
+}
+.box .line4 {
+  -webkit-line-clamp: 4;
+}
+.box .line5 {
+  -webkit-line-clamp: 5;
+}
+.box input ~ label {
+  display: block;
+  position: relative;
+  cursor: pointer;
+  right: 0;
+  margin-top: var(--ptc-element-spacing-02);
+  font-weight: var(--ptc-font-weight-bold);
+  font-size: var(--ptc-font-size-x-small);
+  line-height: var(--ptc-line-height-densest);
+  text-decoration-line: underline;
+  color: var(--color-blue-07);
+  text-align: right;
+  transform: translateX(-36px);
+}
+.box .z-auto {
+  z-index: auto;
+}
+.box .z-1 {
+  z-index: 1;
+}
+.box .z-2 {
+  z-index: 2;
+}
+.box .z-3 {
+  z-index: 3;
+}
+.box .z-999 {
+  z-index: 999;
+}
+.box input:checked + .read-more-text {
+  -webkit-line-clamp: unset;
+}
+.box input:checked ~ label,
+.box .read-more-text:not(.truncated) ~ label {
+  display: none;
+}