@ptcwebops/ptcw-design 6.3.65-beta → 6.3.68-beta

package/dist/collection/components/ptc-seo-title/ptc-seo-title.css

@@ -9,8 +9,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -29,8 +31,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-seo-title/ptc-seo-title.js

@@ -1,19 +1,19 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class PtcSeoTitle {
   constructor() {
     this.isPlmHub = false;
-    this.type = 'h2';
+    this.type = "h2";
     this.textAlign = undefined;
-    this.upperline = 'dotted';
+    this.upperline = "dotted";
     this.titleShadow = undefined;
-    this.titleColor = 'gray';
+    this.titleColor = "gray";
     this.titleMargin = undefined;
     this.titleWeight = undefined;
     this.titleSize = undefined;
-    this.titleHeight = 'densest';
+    this.titleHeight = "densest";
     this.styles = undefined;
     this.ellipsisLineCutoff = undefined;
-    this.titleDisplay = 'inline-block';
+    this.titleDisplay = "inline-block";
   }
   render() {
     const classMap = this.getCssClassMap();
@@ -47,14 +47,14 @@ export class PtcSeoTitle {
     return {
       [this.textAlign]: !!this.textAlign ? true : false,
       [this.upperline]: true,
-      [this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
+      [this.isPlmHub ? "is-plm-hub" : "is-standard"]: true,
       [this.titleMargin]: !!this.titleMargin ? true : false,
       [this.titleShadow]: !!this.titleShadow ? true : false,
       [this.titleWeight]: !!this.titleWeight ? true : false,
       [this.titleSize]: !!this.titleSize ? true : false,
       [this.titleHeight]: !!this.titleHeight ? true : false,
       [this.titleColor]: !!this.titleColor ? true : false,
-      ['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
+      ["ellipsis-boxing"]: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
       [this.titleDisplay]: !!this.titleDisplay ? true : false,
     };
   }
@@ -62,7 +62,7 @@ export class PtcSeoTitle {
     let result;
     if (this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0) {
       result = {
-        ['-webkit-line-clamp']: `${this.ellipsisLineCutoff}`,
+        ["-webkit-line-clamp"]: `${this.ellipsisLineCutoff}`,
       };
     }
     return result;
@@ -103,7 +103,7 @@ export class PtcSeoTitle {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'",
+          "original": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
           "resolved": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
           "references": {}
         },
@@ -115,13 +115,13 @@ export class PtcSeoTitle {
         },
         "attribute": "type",
         "reflect": false,
-        "defaultValue": "'h2'"
+        "defaultValue": "\"h2\""
       },
       "textAlign": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'left' | 'center' | 'right' | 'inherit'",
+          "original": "\"left\" | \"center\" | \"right\" | \"inherit\"",
           "resolved": "\"center\" | \"inherit\" | \"left\" | \"right\"",
           "references": {}
         },
@@ -138,7 +138,7 @@ export class PtcSeoTitle {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'dotted' | 'solid' | 'no-upperline'",
+          "original": "\"dotted\" | \"solid\" | \"no-upperline\"",
           "resolved": "\"dotted\" | \"no-upperline\" | \"solid\"",
           "references": {}
         },
@@ -150,13 +150,13 @@ export class PtcSeoTitle {
         },
         "attribute": "upperline",
         "reflect": false,
-        "defaultValue": "'dotted'"
+        "defaultValue": "\"dotted\""
       },
       "titleShadow": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'blue' | 'red' | 'green' | 'orange' | 'slate-grey'",
+          "original": "\"blue\" | \"red\" | \"green\" | \"orange\" | \"slate-grey\"",
           "resolved": "\"blue\" | \"green\" | \"orange\" | \"red\" | \"slate-grey\"",
           "references": {}
         },
@@ -173,7 +173,7 @@ export class PtcSeoTitle {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'black' | 'white' | 'gray' | 'gray-darker' | 'gray-1'",
+          "original": "\"black\" | \"white\" | \"gray\" | \"gray-darker\" | \"gray-1\"",
           "resolved": "\"black\" | \"gray\" | \"gray-1\" | \"gray-darker\" | \"white\"",
           "references": {}
         },
@@ -185,13 +185,13 @@ export class PtcSeoTitle {
         },
         "attribute": "title-color",
         "reflect": false,
-        "defaultValue": "'gray'"
+        "defaultValue": "\"gray\""
       },
       "titleMargin": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| 'margin-flush'\r\n    | 'margin-top-3'\r\n    | 'margin-top-4'\r\n    | 'margin-top-5'\r\n    | 'margin-top-6'\r\n    | 'margin-bottom-3'\r\n    | 'margin-bottom-4'\r\n    | 'margin-bottom-5'\r\n    | 'margin-bottom-6'\r\n    | 'margin-3'\r\n    | 'margin-4'\r\n    | 'margin-5'\r\n    | 'margin-6'\r\n    | 'margin-9'",
+          "original": "| \"margin-flush\"\r\n\t\t| \"margin-top-3\"\r\n\t\t| \"margin-top-4\"\r\n\t\t| \"margin-top-5\"\r\n\t\t| \"margin-top-6\"\r\n\t\t| \"margin-bottom-3\"\r\n\t\t| \"margin-bottom-4\"\r\n\t\t| \"margin-bottom-5\"\r\n\t\t| \"margin-bottom-6\"\r\n\t\t| \"margin-3\"\r\n\t\t| \"margin-4\"\r\n\t\t| \"margin-5\"\r\n\t\t| \"margin-6\"\r\n\t\t| \"margin-9\"",
           "resolved": "\"margin-3\" | \"margin-4\" | \"margin-5\" | \"margin-6\" | \"margin-9\" | \"margin-bottom-3\" | \"margin-bottom-4\" | \"margin-bottom-5\" | \"margin-bottom-6\" | \"margin-flush\" | \"margin-top-3\" | \"margin-top-4\" | \"margin-top-5\" | \"margin-top-6\"",
           "references": {}
         },
@@ -208,7 +208,7 @@ export class PtcSeoTitle {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9'",
+          "original": "\"w-3\" | \"w-4\" | \"w-5\" | \"w-6\" | \"w-7\" | \"w-8\" | \"w-9\"",
           "resolved": "\"w-3\" | \"w-4\" | \"w-5\" | \"w-6\" | \"w-7\" | \"w-8\" | \"w-9\"",
           "references": {}
         },
@@ -225,7 +225,7 @@ export class PtcSeoTitle {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| 'xx-small'\r\n    | 'x-small'\r\n    | 'small'\r\n    | 'medium'\r\n    | 'large'\r\n    | 'x-large'\r\n    | 'xx-large'\r\n    | 'xxx-large'\r\n    | 'xxxx-large'\r\n    | 'xxxx-large-allbp'\r\n    | 'xx-large-allbp'\r\n    | 'xxxx-large-desktop'\r\n    | 'xxxx-large-store'",
+          "original": "| \"xx-small\"\r\n\t\t| \"x-small\"\r\n\t\t| \"small\"\r\n\t\t| \"medium\"\r\n\t\t| \"large\"\r\n\t\t| \"x-large\"\r\n\t\t| \"xx-large\"\r\n\t\t| \"xxx-large\"\r\n\t\t| \"xxxx-large\"\r\n\t\t| \"xxxx-large-allbp\"\r\n\t\t| \"xx-large-allbp\"\r\n\t\t| \"xxxx-large-desktop\"\r\n\t\t| \"xxxx-large-store\"",
           "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-large-allbp\" | \"xx-small\" | \"xxx-large\" | \"xxxx-large\" | \"xxxx-large-allbp\" | \"xxxx-large-desktop\" | \"xxxx-large-store\"",
           "references": {}
         },
@@ -242,7 +242,7 @@ export class PtcSeoTitle {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'densest' | 'denser' | 'dense' | 'normal' | 'loose' | 'looser' | 'paragraph'",
+          "original": "| \"densest\"\r\n\t\t| \"denser\"\r\n\t\t| \"dense\"\r\n\t\t| \"normal\"\r\n\t\t| \"loose\"\r\n\t\t| \"looser\"\r\n\t\t| \"paragraph\"",
           "resolved": "\"dense\" | \"denser\" | \"densest\" | \"loose\" | \"looser\" | \"normal\" | \"paragraph\"",
           "references": {}
         },
@@ -254,7 +254,7 @@ export class PtcSeoTitle {
         },
         "attribute": "title-height",
         "reflect": false,
-        "defaultValue": "'densest'"
+        "defaultValue": "\"densest\""
       },
       "styles": {
         "type": "string",
@@ -294,7 +294,7 @@ export class PtcSeoTitle {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'block' | 'inline-block'",
+          "original": "\"block\" | \"inline-block\"",
           "resolved": "\"block\" | \"inline-block\"",
           "references": {}
         },
@@ -306,7 +306,7 @@ export class PtcSeoTitle {
         },
         "attribute": "title-display",
         "reflect": false,
-        "defaultValue": "'inline-block'"
+        "defaultValue": "\"inline-block\""
       }
     };
   }

package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.css

@@ -9,8 +9,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -29,8 +31,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.js

@@ -1,48 +1,50 @@
-import { Host, h } from '@stencil/core';
-import ShoppingCartBlack from '../../media/svg-imgs/ptc-shopping-cart-black.svg';
-import ShoppingCartWhite from '../../media/svg-imgs/ptc-shopping-cart-white.svg';
+import { Host, h } from "@stencil/core";
+import ShoppingCartBlack from "../../media/svg-imgs/ptc-shopping-cart-black.svg";
+import ShoppingCartWhite from "../../media/svg-imgs/ptc-shopping-cart-white.svg";
 export class PtcShoppingCart {
   constructor() {
     this.cartCount = undefined;
-    this.color = 'white';
-    this.cartText = 'Cart';
+    this.color = "white";
+    this.cartText = "Cart";
   }
   render() {
     const classMap = this.getCssClassMap();
-    const svg = this.color == 'black' ? ShoppingCartBlack : ShoppingCartWhite;
-    const svgClass = this.color == 'black' ? "cart clear-background" : "cart black-background";
-    return (h(Host, { class: classMap }, this.cartCount ? (h("div", { class: svgClass, innerHTML: svg, tabindex: "0" }, h("span", { class: 'cart-text' }, this.cartText), h("div", { class: "cart__count" }, this.cartCount))) : (h("div", { class: svgClass, innerHTML: svg }, h("span", { class: 'cart-text' }, this.cartText)))));
+    const svg = this.color == "black" ? ShoppingCartBlack : ShoppingCartWhite;
+    const svgClass = this.color == "black"
+      ? "cart clear-background"
+      : "cart black-background";
+    return (h(Host, { class: classMap }, this.cartCount ? (h("div", { class: svgClass, innerHTML: svg, tabindex: "0" }, h("span", { class: "cart-text" }, this.cartText), h("div", { class: "cart__count" }, this.cartCount))) : (h("div", { class: svgClass, innerHTML: svg }, h("span", { class: "cart-text" }, this.cartText)))));
     /*
-            if(this.color == 'black'){
-                return (
-                    <Host class={classMap}>
-                        {this.cartCount ? (
-                            <div class="cart" innerHTML={ShoppingCartBlack}>
-                                <div class="cart__count">{this.cartCount}</div>
-                            </div>
-                        ) : (
-                            <div innerHTML={ShoppingCartBlack}></div>)
-                        }
-                    </Host>
-                );
-            } else if(this.color == 'white'){
-                return(
-                    <Host class={classMap}>
-                        {this.cartCount ? (
-                            <div class="cart black-background" innerHTML={ShoppingCartWhite}>
-                                <div class="cart__count">{this.cartCount}</div>
-                            </div>
-                        ) : (
-                            <div innerHTML={ShoppingCartWhite} class="black-background"></div>)
-                        }
-                    </Host>
-                );
-            }*/
+                if(this.color == 'black'){
+                    return (
+                        <Host class={classMap}>
+                            {this.cartCount ? (
+                                <div class="cart" innerHTML={ShoppingCartBlack}>
+                                    <div class="cart__count">{this.cartCount}</div>
+                                </div>
+                            ) : (
+                                <div innerHTML={ShoppingCartBlack}></div>)
+                            }
+                        </Host>
+                    );
+                } else if(this.color == 'white'){
+                    return(
+                        <Host class={classMap}>
+                            {this.cartCount ? (
+                                <div class="cart black-background" innerHTML={ShoppingCartWhite}>
+                                    <div class="cart__count">{this.cartCount}</div>
+                                </div>
+                            ) : (
+                                <div innerHTML={ShoppingCartWhite} class="black-background"></div>)
+                            }
+                        </Host>
+                    );
+                }*/
   }
   getCssClassMap() {
     return {
-      ['ptc-shopping-cart']: true,
-      ['mf-listen']: true,
+      ["ptc-shopping-cart"]: true,
+      ["mf-listen"]: true,
     };
   }
   static get is() { return "ptc-shopping-cart"; }
@@ -80,7 +82,7 @@ export class PtcShoppingCart {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'black' | 'white'",
+          "original": "\"black\" | \"white\"",
           "resolved": "\"black\" | \"white\"",
           "references": {}
         },
@@ -92,7 +94,7 @@ export class PtcShoppingCart {
         },
         "attribute": "color",
         "reflect": false,
-        "defaultValue": "'white'"
+        "defaultValue": "\"white\""
       },
       "cartText": {
         "type": "string",
@@ -110,7 +112,7 @@ export class PtcShoppingCart {
         },
         "attribute": "cart-text",
         "reflect": false,
-        "defaultValue": "'Cart'"
+        "defaultValue": "\"Cart\""
       }
     };
   }

package/dist/collection/components/ptc-showcase-card/ptc-showcase-card.css

@@ -9,8 +9,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -29,8 +31,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

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

@@ -1,4 +1,4 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class PtcShowcaseCard {
   constructor() {
     this.headingIconUrl = undefined;

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

@@ -9,8 +9,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -29,8 +31,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

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

@@ -1,16 +1,21 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class PtcSkeleton {
   constructor() {
     this.isLoading = true;
     this.animated = false;
-    this.width = '100%';
+    this.width = "100%";
     this.borderRadius = undefined;
     this.topMargin = "0px";
     this.btmMargin = "0px";
   }
   render() {
-    const borderRadiusValue = this.borderRadius || getComputedStyle(document.documentElement).getPropertyValue('--ptc-border-radius-large');
-    return (h("div", { class: `content ${this.animated && this.isLoading ? 'animated' : ''}`, style: { width: this.width, marginTop: this.topMargin, marginBottom: this.btmMargin } }, this.isLoading ? h("div", { class: "placeholder", style: { borderRadius: borderRadiusValue } }) : h("slot", null)));
+    const borderRadiusValue = this.borderRadius ||
+      getComputedStyle(document.documentElement).getPropertyValue("--ptc-border-radius-large");
+    return (h("div", { class: `content ${this.animated && this.isLoading ? "animated" : ""}`, style: {
+        width: this.width,
+        marginTop: this.topMargin,
+        marginBottom: this.btmMargin,
+      } }, this.isLoading ? (h("div", { class: "placeholder", style: { borderRadius: borderRadiusValue } })) : (h("slot", null))));
   }
   static get is() { return "ptc-skeleton"; }
   static get encapsulation() { return "shadow"; }
@@ -78,7 +83,7 @@ export class PtcSkeleton {
         },
         "attribute": "width",
         "reflect": false,
-        "defaultValue": "'100%'"
+        "defaultValue": "\"100%\""
       },
       "borderRadius": {
         "type": "string",

package/dist/collection/components/ptc-slit-card/ptc-slit-card.css

@@ -9,8 +9,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -29,8 +31,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

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

@@ -1,9 +1,9 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class PtcSlitCard {
   constructor() {
-    this.cardType = 'sim-card';
+    this.cardType = "sim-card";
     this.cardHref = undefined;
-    this.target = '_self';
+    this.target = "_self";
     this.rel = undefined;
     this.heading = undefined;
     this.content = undefined;
@@ -11,14 +11,18 @@ export class PtcSlitCard {
     this.cardImage = undefined;
   }
   render() {
-    const Tag = !!this.cardHref ? 'a' : 'div';
-    return (h(Host, Object.assign({}, (!!this.cardType ? { class: this.cardType } : {})), h(Tag, Object.assign({}, (!!this.cardHref ? { href: this.cardHref } : {}), (!!this.target && !!this.cardHref ? { target: this.target } : {}), (!!this.rel && !!this.cardHref ? { rel: this.rel } : {}), (!!this.cardImage ? { dataImage: this.cardImage } : {}), { class: "card-link" }), h("slot", { name: "slot-before-heading" }), !!this.heading
+    const Tag = !!this.cardHref ? "a" : "div";
+    return (h(Host, Object.assign({}, (!!this.cardType ? { class: this.cardType } : {})), h(Tag, Object.assign({}, (!!this.cardHref ? { href: this.cardHref } : {}), (!!this.target && !!this.cardHref
+      ? { target: this.target }
+      : {}), (!!this.rel && !!this.cardHref
+      ? { rel: this.rel }
+      : {}), (!!this.cardImage ? { dataImage: this.cardImage } : {}), { class: "card-link" }), h("slot", { name: "slot-before-heading" }), !!this.heading
       ? [
-        h("div", { class: "card-heading" }, h("div", { class: "card-heading-div" }, h("span", { class: "ptc-h3" }, this.heading), h("div", { class: "sim-arrow-wrapper" }, h("div", { class: "sim-arrow" }))))
+        h("div", { class: "card-heading" }, h("div", { class: "card-heading-div" }, h("span", { class: "ptc-h3" }, this.heading), h("div", { class: "sim-arrow-wrapper" }, h("div", { class: "sim-arrow" })))),
       ]
       : null, !!this.content
       ? [
-        h("div", { class: "card-body" }, h("ptc-para", { "font-size": "xx-small", "font-weight": "w-6", "para-margin": "margin-flush", "para-style": "main", "para-line-h": "line-height-dense" }, this.content))
+        h("div", { class: "card-body" }, h("ptc-para", { "font-size": "xx-small", "font-weight": "w-6", "para-margin": "margin-flush", "para-style": "main", "para-line-h": "line-height-dense" }, this.content)),
       ]
       : null)));
   }
@@ -52,7 +56,7 @@ export class PtcSlitCard {
         },
         "attribute": "card-type",
         "reflect": false,
-        "defaultValue": "'sim-card'"
+        "defaultValue": "\"sim-card\""
       },
       "cardHref": {
         "type": "string",
@@ -88,7 +92,7 @@ export class PtcSlitCard {
         },
         "attribute": "target",
         "reflect": false,
-        "defaultValue": "'_self'"
+        "defaultValue": "\"_self\""
       },
       "rel": {
         "type": "string",

package/dist/collection/components/ptc-social-icons/ptc-social-icons.css

@@ -9,8 +9,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -29,8 +31,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-social-icons/ptc-social-icons.js

@@ -1,8 +1,8 @@
-import { Host, h } from '@stencil/core';
-import facebookSVG from '../../media/svg-imgs/facebook.svg';
-import linkedinSVG from '../../media/svg-imgs/linkedin.svg';
-import xSVG from '../../media/svg-imgs/x.svg';
-import emailSVG from '../../media/svg-imgs/email.svg';
+import { Host, h } from "@stencil/core";
+import facebookSVG from "../../media/svg-imgs/facebook.svg";
+import linkedinSVG from "../../media/svg-imgs/linkedin.svg";
+import xSVG from "../../media/svg-imgs/x.svg";
+import emailSVG from "../../media/svg-imgs/email.svg";
 export class PtcSocialIcons {
   constructor() {
     this.componentWillLoad = () => { };
@@ -10,11 +10,11 @@ export class PtcSocialIcons {
     this.linkedinUrl = undefined;
     this.xUrl = undefined;
     this.emailTo = undefined;
-    this.trackerId = 'tracker';
-    this.target = '_blank';
+    this.trackerId = "tracker";
+    this.target = "_blank";
   }
   render() {
-    return (h(Host, null, h("slot", null), h("div", { id: this.trackerId }, this.facebookUrl && h("a", { id: `${this.trackerId}-facebook`, class: "mf-listen", href: this.facebookUrl, title: 'Facebook', innerHTML: facebookSVG, target: this.target, "aria-label": "Social share - Facebook" }), this.linkedinUrl && h("a", { id: `${this.trackerId}-linkedin`, class: "mf-listen", href: this.linkedinUrl, title: 'LinkedIn', innerHTML: linkedinSVG, target: this.target, "aria-label": "Social share - LinkedIn" }), this.xUrl && h("a", { id: `${this.trackerId}-x`, class: "mf-listen", href: this.xUrl, title: 'X', innerHTML: xSVG, target: this.target, "aria-label": "Social share - X" }), this.emailTo && h("a", { id: `${this.trackerId}-email`, class: "mf-listen", href: `mailto:${this.emailTo}`, title: 'Email', innerHTML: emailSVG, target: this.target, "aria-label": "Social share - Email" }))));
+    return (h(Host, null, h("slot", null), h("div", { id: this.trackerId }, this.facebookUrl && (h("a", { id: `${this.trackerId}-facebook`, class: "mf-listen", href: this.facebookUrl, title: "Facebook", innerHTML: facebookSVG, target: this.target, "aria-label": "Social share - Facebook" })), this.linkedinUrl && (h("a", { id: `${this.trackerId}-linkedin`, class: "mf-listen", href: this.linkedinUrl, title: "LinkedIn", innerHTML: linkedinSVG, target: this.target, "aria-label": "Social share - LinkedIn" })), this.xUrl && (h("a", { id: `${this.trackerId}-x`, class: "mf-listen", href: this.xUrl, title: "X", innerHTML: xSVG, target: this.target, "aria-label": "Social share - X" })), this.emailTo && (h("a", { id: `${this.trackerId}-email`, class: "mf-listen", href: `mailto:${this.emailTo}`, title: "Email", innerHTML: emailSVG, target: this.target, "aria-label": "Social share - Email" })))));
   }
   static get is() { return "ptc-social-icons"; }
   static get encapsulation() { return "shadow"; }
@@ -114,7 +114,7 @@ export class PtcSocialIcons {
         },
         "attribute": "tracker-id",
         "reflect": false,
-        "defaultValue": "'tracker'"
+        "defaultValue": "\"tracker\""
       },
       "target": {
         "type": "string",
@@ -132,7 +132,7 @@ export class PtcSocialIcons {
         },
         "attribute": "target",
         "reflect": false,
-        "defaultValue": "'_blank'"
+        "defaultValue": "\"_blank\""
       }
     };
   }

package/dist/collection/components/ptc-social-icons-footer/ptc-social-icons-footer.css

@@ -9,8 +9,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -29,8 +31,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */