@ptcwebops/ptcw-design 0.5.1 → 0.5.2

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-responsive-wrapper/ptc-responsive-wrapper.css

@@ -1,3 +1,3 @@
-:host {
-  display: block;
-}
+:host {
+  display: block;
+}

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

@@ -1,62 +1,62 @@
-import { Component, h, Element } from '@stencil/core';
-//import ResizeObserver from "resize-observer-polyfill";
-export class PtcResponsiveWrapper {
-  componentDidLoad() {
-    this.ro = new ResizeObserver(entries => {
-      for (const entry of entries) {
-        this.applySizeClasses(entry.contentRect.width);
-      }
-    });
-    this.ro.observe(this.element);
-  }
-  disconnectedCallback() {
-    this.ro.disconnect();
-  }
-  applySizeClasses(size) {
-    let xsmall = false;
-    let small = false;
-    let medium = false;
-    let large = false;
-    let xlarge = false;
-    let xxlarge = false;
-    let large2k = false;
-    let large4k = false;
-    if (size >= 2600)
-      large4k = true;
-    else if (size >= 1980)
-      large2k = true;
-    else if (size >= 1600)
-      xxlarge = true;
-    else if (size >= 1440)
-      xlarge = true;
-    else if (size >= 1200)
-      large = true;
-    else if (size >= 992)
-      medium = true;
-    else if (size >= 768)
-      small = true;
-    else
-      xsmall = true;
-    this.element.classList.toggle("xsmall", xsmall);
-    this.element.classList.toggle("small", small);
-    this.element.classList.toggle("medium", medium);
-    this.element.classList.toggle("large", large);
-    this.element.classList.toggle("xlarge", xlarge);
-    this.element.classList.toggle("xxlarge", xxlarge);
-    this.element.classList.toggle("large2k", large2k);
-    this.element.classList.toggle("large4k", large4k);
-  }
-  render() {
-    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 elementRef() { return "element"; }
-}
+import { Component, h, Element } from '@stencil/core';
+//import ResizeObserver from "resize-observer-polyfill";
+export class PtcResponsiveWrapper {
+  componentDidLoad() {
+    this.ro = new ResizeObserver(entries => {
+      for (const entry of entries) {
+        this.applySizeClasses(entry.contentRect.width);
+      }
+    });
+    this.ro.observe(this.element);
+  }
+  disconnectedCallback() {
+    this.ro.disconnect();
+  }
+  applySizeClasses(size) {
+    let xsmall = false;
+    let small = false;
+    let medium = false;
+    let large = false;
+    let xlarge = false;
+    let xxlarge = false;
+    let large2k = false;
+    let large4k = false;
+    if (size >= 2600)
+      large4k = true;
+    else if (size >= 1980)
+      large2k = true;
+    else if (size >= 1600)
+      xxlarge = true;
+    else if (size >= 1440)
+      xlarge = true;
+    else if (size >= 1200)
+      large = true;
+    else if (size >= 992)
+      medium = true;
+    else if (size >= 768)
+      small = true;
+    else
+      xsmall = true;
+    this.element.classList.toggle("xsmall", xsmall);
+    this.element.classList.toggle("small", small);
+    this.element.classList.toggle("medium", medium);
+    this.element.classList.toggle("large", large);
+    this.element.classList.toggle("xlarge", xlarge);
+    this.element.classList.toggle("xxlarge", xxlarge);
+    this.element.classList.toggle("large2k", large2k);
+    this.element.classList.toggle("large4k", large4k);
+  }
+  render() {
+    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 elementRef() { return "element"; }
+}