@ptcwebops/ptcw-design 2.7.7 → 2.7.8

package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.js

@@ -1,48 +1,48 @@
-import { Host, h } from '@stencil/core';
-export class PtcTwoColumnMedia {
-  constructor() {
-    this.componentType = undefined;
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (h(Host, { class: classMap }, h("slot", null)));
-  }
-  getCssClassMap() {
-    return {
-      [this.componentType]: this.componentType ? true : false
-    };
-  }
-  static get is() { return "ptc-two-column-media"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-two-column-media.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-two-column-media.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "componentType": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'two-column-media' | 'two-column-media-icon-list' | 'two-column-text'",
-          "resolved": "\"two-column-media\" | \"two-column-media-icon-list\" | \"two-column-text\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Card Type\nSpecify Card Type,"
-        },
-        "attribute": "component-type",
-        "reflect": false
-      }
-    };
-  }
-}
+import { Host, h } from '@stencil/core';
+export class PtcTwoColumnMedia {
+  constructor() {
+    this.componentType = undefined;
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h(Host, { class: classMap }, h("slot", null)));
+  }
+  getCssClassMap() {
+    return {
+      [this.componentType]: this.componentType ? true : false
+    };
+  }
+  static get is() { return "ptc-two-column-media"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-two-column-media.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-two-column-media.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "componentType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'two-column-media' | 'two-column-media-icon-list' | 'two-column-text'",
+          "resolved": "\"two-column-media\" | \"two-column-media-icon-list\" | \"two-column-text\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Card Type\r\nSpecify Card Type,"
+        },
+        "attribute": "component-type",
+        "reflect": false
+      }
+    };
+  }
+}

package/dist/collection/components/ptc-value-prop-card/ptc-value-prop-card.js

@@ -1,117 +1,117 @@
-import { Host, h } from '@stencil/core';
-export class PtcValuePropCard {
-  constructor() {
-    this.cardHref = undefined;
-    this.target = '_self';
-    this.rel = undefined;
-    this.cardTitle = undefined;
-    this.backgroundImage = undefined;
-  }
-  render() {
-    return (h(Host, null, h("a", { href: this.cardHref, rel: this.rel, target: this.target, class: 'vp-card' }, h("ptc-img", { "image-type": "smart-img", "img-url": this.backgroundImage, "load-mode": "lazy-bg" }, h("div", { class: "overlay" }), h("div", { class: 'caption' }, h("ptc-para", { "font-size": "small", "font-weight": "w-8", "para-align": "center", "para-color": "primary-white", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-auto", styles: "" }, this.cardTitle), h("slot", null))))));
-  }
-  static get is() { return "ptc-value-prop-card"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-value-prop-card.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-value-prop-card.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "cardHref": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Card Link URL (Optional)"
-        },
-        "attribute": "card-href",
-        "reflect": false,
-        "defaultValue": "undefined"
-      },
-      "target": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "(optional) Link card target"
-        },
-        "attribute": "target",
-        "reflect": false,
-        "defaultValue": "'_self'"
-      },
-      "rel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "(optional) Link card rel"
-        },
-        "attribute": "rel",
-        "reflect": false,
-        "defaultValue": "undefined"
-      },
-      "cardTitle": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Card heading"
-        },
-        "attribute": "card-title",
-        "reflect": false
-      },
-      "backgroundImage": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Card background image"
-        },
-        "attribute": "background-image",
-        "reflect": false
-      }
-    };
-  }
-}
+import { Host, h } from '@stencil/core';
+export class PtcValuePropCard {
+  constructor() {
+    this.cardHref = undefined;
+    this.target = '_self';
+    this.rel = undefined;
+    this.cardTitle = undefined;
+    this.backgroundImage = undefined;
+  }
+  render() {
+    return (h(Host, null, h("a", { href: this.cardHref, rel: this.rel, target: this.target, class: 'vp-card' }, h("ptc-img", { "image-type": "smart-img", "img-url": this.backgroundImage, "load-mode": "lazy-bg" }, h("div", { class: "overlay" }), h("div", { class: 'caption' }, h("ptc-para", { "font-size": "small", "font-weight": "w-8", "para-align": "center", "para-color": "primary-white", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-auto", styles: "" }, this.cardTitle), h("slot", null))))));
+  }
+  static get is() { return "ptc-value-prop-card"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-value-prop-card.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-value-prop-card.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "cardHref": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Card Link URL (Optional)"
+        },
+        "attribute": "card-href",
+        "reflect": false,
+        "defaultValue": "undefined"
+      },
+      "target": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "(optional) Link card target"
+        },
+        "attribute": "target",
+        "reflect": false,
+        "defaultValue": "'_self'"
+      },
+      "rel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "(optional) Link card rel"
+        },
+        "attribute": "rel",
+        "reflect": false,
+        "defaultValue": "undefined"
+      },
+      "cardTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Card heading"
+        },
+        "attribute": "card-title",
+        "reflect": false
+      },
+      "backgroundImage": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Card background image"
+        },
+        "attribute": "background-image",
+        "reflect": false
+      }
+    };
+  }
+}

package/dist/collection/components/subnav/ptc-nav-link/ptc-nav-link.js

@@ -1,135 +1,135 @@
-import { h, Host } from '@stencil/core';
-export class PtcNavLink {
-  constructor() {
-    this.href = undefined;
-    this.isOutsideLink = false;
-    this.titleText = "";
-  }
-  handleClick(event) {
-    // Prevent the event from propagating to the underlying <a> element
-    event.stopPropagation();
-    // Check if the href starts with #
-    if (this.href && this.href.startsWith('#')) {
-      // Find the corresponding section
-      const section = document.querySelector(this.href);
-      section.scrollIntoView({
-        behavior: 'smooth'
-      });
-      this.navLinkClicked.emit();
-    }
-  }
-  componentWillLoad() {
-    // Get the text content of the <slot> tag
-    const text = this.el.textContent;
-    // Set the maximum number of characters to display
-    const charLimit = 32;
-    // Check if the text content is longer than the character limit
-    if (text.length > charLimit) {
-      // Adding link text in title
-      this.titleText = text;
-      // Trim the text to the character limit and add "..."
-      this.el.textContent = text.substring(0, charLimit) + "...";
-    }
-  }
-  render() {
-    return (h(Host, null, h("a", { href: this.href, target: this.isOutsideLink ? '_blank' : '_self', title: this.titleText, onClick: (event) => { this.handleClick(event); } }, h("slot", null), !(this.href.startsWith('#')) &&
-      h("svg", { class: "icon-arrow-right", xmlns: "http://www.w3.org/2000/svg", width: "14", height: "10", viewBox: "0 0 14 10", fill: "none" }, h("path", { d: "M8.84921 0.77792L8.81313 3.41153L0.51545 3.55584L0.515449 6.5863L8.81313 6.44199L8.81313 9.40029L13.1424 5.07107L8.84921 0.77792Z", fill: "#AEB8BD" })))));
-  }
-  static get is() { return "ptc-nav-link"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-nav-link.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-nav-link.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "href": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Link href\nSpecify Link Href,"
-        },
-        "attribute": "href",
-        "reflect": false
-      },
-      "isOutsideLink": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "isOutsideLink = false"
-        },
-        "attribute": "is-outside-link",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "titleText": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Anchor link Title"
-        },
-        "attribute": "title-text",
-        "reflect": false,
-        "defaultValue": "\"\""
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "navLinkClicked",
-        "name": "navLinkClicked",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Creating navLinkClicked to check if the link is clicked and toggle the subnav on mobile"
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-  static get elementRef() { return "el"; }
-  static get listeners() {
-    return [{
-        "name": "click",
-        "method": "handleClick",
-        "target": undefined,
-        "capture": true,
-        "passive": false
-      }];
-  }
-}
+import { h, Host } from '@stencil/core';
+export class PtcNavLink {
+  constructor() {
+    this.href = undefined;
+    this.isOutsideLink = false;
+    this.titleText = "";
+  }
+  handleClick(event) {
+    // Prevent the event from propagating to the underlying <a> element
+    event.stopPropagation();
+    // Check if the href starts with #
+    if (this.href && this.href.startsWith('#')) {
+      // Find the corresponding section
+      const section = document.querySelector(this.href);
+      section.scrollIntoView({
+        behavior: 'smooth'
+      });
+      this.navLinkClicked.emit();
+    }
+  }
+  componentWillLoad() {
+    // Get the text content of the <slot> tag
+    const text = this.el.textContent;
+    // Set the maximum number of characters to display
+    const charLimit = 32;
+    // Check if the text content is longer than the character limit
+    if (text.length > charLimit) {
+      // Adding link text in title
+      this.titleText = text;
+      // Trim the text to the character limit and add "..."
+      this.el.textContent = text.substring(0, charLimit) + "...";
+    }
+  }
+  render() {
+    return (h(Host, null, h("a", { href: this.href, target: this.isOutsideLink ? '_blank' : '_self', title: this.titleText, onClick: (event) => { this.handleClick(event); } }, h("slot", null), !(this.href.startsWith('#')) &&
+      h("svg", { class: "icon-arrow-right", xmlns: "http://www.w3.org/2000/svg", width: "14", height: "10", viewBox: "0 0 14 10", fill: "none" }, h("path", { d: "M8.84921 0.77792L8.81313 3.41153L0.51545 3.55584L0.515449 6.5863L8.81313 6.44199L8.81313 9.40029L13.1424 5.07107L8.84921 0.77792Z", fill: "#AEB8BD" })))));
+  }
+  static get is() { return "ptc-nav-link"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-nav-link.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-nav-link.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "href": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Link href\r\nSpecify Link Href,"
+        },
+        "attribute": "href",
+        "reflect": false
+      },
+      "isOutsideLink": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "isOutsideLink = false"
+        },
+        "attribute": "is-outside-link",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "titleText": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Anchor link Title"
+        },
+        "attribute": "title-text",
+        "reflect": false,
+        "defaultValue": "\"\""
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "navLinkClicked",
+        "name": "navLinkClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Creating navLinkClicked to check if the link is clicked and toggle the subnav on mobile"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get elementRef() { return "el"; }
+  static get listeners() {
+    return [{
+        "name": "click",
+        "method": "handleClick",
+        "target": undefined,
+        "capture": true,
+        "passive": false
+      }];
+  }
+}