@ptcwebops/ptcw-design 6.3.38 → 6.3.40-beta

package/dist/esm/ptc-shopping-cart.entry.js

@@ -16,47 +16,45 @@ const PtcShoppingCart = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     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,
     };
   }
 };

package/dist/esm/ptc-skeleton.entry.js

@@ -7,19 +7,14 @@ const PtcSkeleton = class {
     registerInstance(this, hostRef);
     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)));
   }
   get el() { return getElement(this); }
 };

package/dist/esm/ptc-slit-card.entry.js

@@ -5,9 +5,9 @@ const ptcSlitCardCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-li
 const PtcSlitCard = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    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;
@@ -15,18 +15,14 @@ const PtcSlitCard = class {
     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)));
   }

package/dist/esm/ptc-social-icons-footer.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-c83db688.js';
-import { C as CheckDarkFocusState } from './utils-7c68b88a.js';
+import { C as CheckDarkFocusState } from './utils-2f12c081.js';
 import { f as facebookSVG, l as linkedinSVG, x as xSVG } from './x-cd64dee4.js';
 
 const instagramSVG = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -62,24 +62,14 @@ const PtcSocialIconsFooter = class {
   }
   openModal(e) {
     e.preventDefault();
-    const modal = this.hostElement.shadowRoot.querySelector("#QRModal");
+    const modal = this.hostElement.shadowRoot.querySelector('#QRModal');
     modal.show = true;
   }
   componentWillLoad() {
     CheckDarkFocusState(this, this.hostElement);
   }
   render() {
-    return (h(Host, null, h("slot", null), h("ul", { class: this.darkFocusState ? `dark-bg` : `standard-bg` }, this.instagramUrl && (h("li", { id: "footerInstagramIconID" }, " ", h("a", { href: this.instagramUrl, title: this.instagramImageAlt, innerHTML: this.instagramImageUrl == ""
-        ? instagramSVG
-        : "", target: this.target }, this.instagramImageUrl != "" && (h("img", { src: this.instagramImageUrl, alt: this.instagramImageAlt }))), " ")), this.facebookUrl && (h("li", { id: "footerFacebookIconID" }, " ", h("a", { href: this.facebookUrl, title: this.facebookImageAlt, innerHTML: this.facebookImageUrl == ""
-        ? facebookSVG
-        : "", target: this.target }, this.facebookImageUrl != "" && (h("img", { src: this.facebookImageUrl, alt: this.facebookImageAlt }))), " ")), this.linkedinUrl && (h("li", { id: "footerLinkedInIconID" }, " ", h("a", { href: this.linkedinUrl, title: this.linkedinImageAlt, innerHTML: this.linkedinImageUrl == ""
-        ? linkedinSVG
-        : "", target: this.target }, this.linkedinImageUrl != "" && (h("img", { src: this.linkedinImageUrl, alt: this.linkedinImageAlt }))), " ")), this.xUrl && (h("li", { id: "footerXIconID" }, " ", h("a", { href: this.xUrl, title: this.xImageAlt, innerHTML: this.xImageUrl == "" ? xSVG : "", target: this.target }, this.xImageUrl != "" && (h("img", { src: this.xImageUrl, alt: this.xImageAlt, "aria-label": "X, formerly Twitter" }))), " ")), this.youtubeUrl && (h("li", { id: "footerYouTubeIconID" }, " ", h("a", { href: this.youtubeUrl, title: this.youtubeImageAlt, innerHTML: this.youtubeImageUrl == "" ? youtubeSVG : "", target: this.target }, this.youtubeImageUrl != "" && (h("img", { src: this.youtubeImageUrl, alt: this.youtubeImageAlt }))), " ")), this.weiboUrl && (h("li", { id: "footerWeiboIconID" }, " ", h("a", { href: this.weiboUrl, title: this.weiboImageAlt, innerHTML: this.weiboImageUrl == "" ? weiboSVG : "", target: this.target }, this.weiboImageUrl != "" && (h("img", { src: this.weiboImageUrl, alt: this.weiboImageAlt }))), " ")), this.youkuUrl && (h("li", { id: "footerYouKuIconID" }, " ", h("a", { href: this.youkuUrl, title: this.youkuImageAlt, innerHTML: this.youkuImageUrl == "" ? ykSVG : "", target: this.target }, this.youkuImageUrl != "" && (h("img", { src: this.youkuImageUrl, alt: this.youkuImageAlt }))), " ")), this.wechatQrImageUrl && (h("li", { id: "footerWeChatIconID" }, " ", h("a", { href: "#", onClick: (Event) => {
-        this.openModal(Event);
-      }, title: this.wechatImageAlt != ""
-        ? this.wechatImageAlt
-        : "WeChat", innerHTML: this.wechatImageUrl == "" ? wechatSVG : "" }, this.wechatImageUrl != "" && (h("img", { src: this.wechatImageUrl, alt: this.wechatImageAlt }))), " "))), h("ptc-modal", { id: "QRModal", show: false, size: "sm", "close-on-blur": true, fixed: true, styles: ".wrapper .modal-popup .modal-body { padding-bottom: 40px}" }, h("ptc-picture", { alt: this.wechatQrImageAltText, src: this.wechatQrImageUrl, "max-width": "250", "image-alignment": "center", styles: "img{margin:auto}" }))));
+    return (h(Host, null, h("slot", null), h("ul", { class: this.darkFocusState ? `dark-bg` : `standard-bg` }, this.instagramUrl && h("li", { id: "footerInstagramIconID" }, " ", h("a", { href: this.instagramUrl, title: this.instagramImageAlt, innerHTML: this.instagramImageUrl == "" ? instagramSVG : "", target: this.target }, this.instagramImageUrl != "" && h("img", { src: this.instagramImageUrl, alt: this.instagramImageAlt })), " "), this.facebookUrl && h("li", { id: "footerFacebookIconID" }, " ", h("a", { href: this.facebookUrl, title: this.facebookImageAlt, innerHTML: this.facebookImageUrl == "" ? facebookSVG : "", target: this.target }, this.facebookImageUrl != "" && h("img", { src: this.facebookImageUrl, alt: this.facebookImageAlt })), " "), this.linkedinUrl && h("li", { id: "footerLinkedInIconID" }, " ", h("a", { href: this.linkedinUrl, title: this.linkedinImageAlt, innerHTML: this.linkedinImageUrl == "" ? linkedinSVG : "", target: this.target }, this.linkedinImageUrl != "" && h("img", { src: this.linkedinImageUrl, alt: this.linkedinImageAlt })), " "), this.xUrl && h("li", { id: "footerXIconID" }, " ", h("a", { href: this.xUrl, title: this.xImageAlt, innerHTML: this.xImageUrl == "" ? xSVG : "", target: this.target }, this.xImageUrl != "" && h("img", { src: this.xImageUrl, alt: this.xImageAlt, "aria-label": "X, formerly Twitter" })), " "), this.youtubeUrl && h("li", { id: "footerYouTubeIconID" }, " ", h("a", { href: this.youtubeUrl, title: this.youtubeImageAlt, innerHTML: this.youtubeImageUrl == "" ? youtubeSVG : "", target: this.target }, this.youtubeImageUrl != "" && h("img", { src: this.youtubeImageUrl, alt: this.youtubeImageAlt })), " "), this.weiboUrl && h("li", { id: "footerWeiboIconID" }, " ", h("a", { href: this.weiboUrl, title: this.weiboImageAlt, innerHTML: this.weiboImageUrl == "" ? weiboSVG : "", target: this.target }, this.weiboImageUrl != "" && h("img", { src: this.weiboImageUrl, alt: this.weiboImageAlt })), " "), this.youkuUrl && h("li", { id: "footerYouKuIconID" }, " ", h("a", { href: this.youkuUrl, title: this.youkuImageAlt, innerHTML: this.youkuImageUrl == "" ? ykSVG : "", target: this.target }, this.youkuImageUrl != "" && h("img", { src: this.youkuImageUrl, alt: this.youkuImageAlt })), " "), this.wechatQrImageUrl && h("li", { id: "footerWeChatIconID" }, " ", h("a", { href: "#", onClick: (Event) => { this.openModal(Event); }, title: this.wechatImageAlt != "" ? this.wechatImageAlt : "WeChat", innerHTML: this.wechatImageUrl == "" ? wechatSVG : "" }, this.wechatImageUrl != "" && h("img", { src: this.wechatImageUrl, alt: this.wechatImageAlt })), " ")), h("ptc-modal", { id: "QRModal", show: false, size: "sm", "close-on-blur": true, fixed: true, styles: '.wrapper .modal-popup .modal-body { padding-bottom: 40px}' }, h("ptc-picture", { alt: this.wechatQrImageAltText, src: this.wechatQrImageUrl, "max-width": '250', "image-alignment": 'center', styles: 'img{margin:auto}' }))));
   }
   get hostElement() { return getElement(this); }
 };

package/dist/esm/ptc-social-icons.entry.js

@@ -16,11 +16,11 @@ const PtcSocialIcons = class {
     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" }))));
   }
   get hostEle() { return getElement(this); }
 };

package/dist/esm/ptc-spacer.entry.js

@@ -0,0 +1,34 @@
+import { r as registerInstance, h, H as Host } from './index-c83db688.js';
+
+const ptcSpacerCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.ptc-spacer-horizontal){display:inline-block;height:100% !important}:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.ptc-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.ptc-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.small){width:12px;min-width:12px}}:host(.ptc-spacer-horizontal.medium){height:100%}:host(.ptc-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.large){width:20px;min-width:20px}}:host(.ptc-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.ptc-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.ptc-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.ptc-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.ptc-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.ptc-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.ptc-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.ptc-spacer-vertical.small){height:12px;min-height:12px}}:host(.ptc-spacer-vertical.medium){width:100%}:host(.ptc-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.ptc-spacer-vertical.large){height:20px;min-height:20px}}:host(.ptc-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.ptc-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.ptc-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.ptc-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.ptc-spacer-vertical.space-144){width:100%;height:144px;min-height:144px}:host(.ptc-spacer-vertical.space-120){width:100%;height:120px;min-height:120px}:host(.ptc-spacer-vertical.space-128){width:100%;height:128px;min-height:128px}:host(.ptc-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.ptc-spacer-xx-small){display:block}}:host(.ptc-spacer-x-small){display:none}@media (max-width: 35.99em){:host(.ptc-spacer-x-small){display:block}}:host(.ptc-spacer-small){display:none}@media (min-width: 36em){:host(.ptc-spacer-small){display:block}}:host(.ptc-spacer-medium){display:none}@media (min-width: 48em){:host(.ptc-spacer-medium){display:block}}:host(.ptc-spacer-large){display:none}@media (min-width: 62em){:host(.ptc-spacer-large){display:block}}:host(.ptc-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.ptc-spacer-x-large){display:block}}:host(.ptc-spacer-xx-large){display:none}@media (min-width: 75em){:host(.ptc-spacer-xx-large){display:block}}:host(.ptc-spacer-xxx-large){display:none}@media (min-width: 90em){:host(.ptc-spacer-xxx-large){display:block}}";
+
+const PtcSpacer = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.breakpoint = '';
+    this.size = 'medium';
+    this.direction = 'vertical';
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h(Host, { class: classMap }));
+  }
+  getCssClassMap() {
+    return {
+      [this.size]: true,
+      ['ptc-spacer-horizontal']: this.direction === 'horizontal',
+      ['ptc-spacer-vertical']: this.direction === 'vertical',
+      ['ptc-spacer-xx-small']: this.breakpoint === 'xx-small',
+      ['ptc-spacer-x-small']: this.breakpoint === 'x-small',
+      ['ptc-spacer-small']: this.breakpoint === 'small',
+      ['ptc-spacer-medium']: this.breakpoint === 'medium',
+      ['ptc-spacer-large']: this.breakpoint === 'large',
+      ['ptc-spacer-x-large']: this.breakpoint === 'x-large',
+      ['ptc-spacer-xx-large']: this.breakpoint === 'xx-large',
+      ['ptc-spacer-xxx-large']: this.breakpoint === 'xxx-large',
+    };
+  }
+};
+PtcSpacer.style = ptcSpacerCss;
+
+export { PtcSpacer as ptc_spacer };

package/dist/esm/ptc-span.entry.js

@@ -5,9 +5,9 @@ const ptcSpanCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,p
 const PtcSpan = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.spanStyle = "tag-style";
-    this.display = "inline";
-    this.fontWeight = "w-4";
+    this.spanStyle = 'tag-style';
+    this.display = 'inline';
+    this.fontWeight = 'w-4';
     this.styles = undefined;
   }
   render() {

package/dist/esm/ptc-square-card.entry.js

@@ -9,11 +9,7 @@ const PtcSquareCard = class {
     this.arrowDirection = undefined;
   }
   render() {
-    return (h(Host, null, h("div", { class: "card-border square-padding card-layout" }, h("slot", { name: "seo-content" }), h("slot", { name: "before-icon" }), h("ptc-spacer", { breakpoint: "x-small", size: "small" }), h("ptc-spacer", { breakpoint: "small", size: "x-small" }), h("div", { class: "icon-block" }, !!this.arrowDirection ? (h("icon-asset", Object.assign({ class: "icon" }, (this.arrowDirection === "up"
-      ? { name: "arrow_ascending" }
-      : { name: "arrow_descending" }), { type: "ptc" }, (!this.number
-      ? { size: "xxx-large" }
-      : { size: "xx-large" }), { color: "ptc-green" }))) : null, !!this.number ? (h("div", { class: "number" }, this.number)) : null), h("ptc-spacer", { breakpoint: "x-small", size: "small" }), h("ptc-spacer", { breakpoint: "small", size: "x-small" }), h("slot", { name: "after-icon" }))));
+    return (h(Host, null, h("div", { class: "card-border square-padding card-layout" }, h("slot", { name: "seo-content" }), h("slot", { name: "before-icon" }), h("ptc-spacer", { breakpoint: "x-small", size: "small" }), h("ptc-spacer", { breakpoint: "small", size: "x-small" }), h("div", { class: "icon-block" }, !!this.arrowDirection ? (h("icon-asset", Object.assign({ class: "icon" }, (this.arrowDirection === 'up' ? { name: 'arrow_ascending' } : { name: 'arrow_descending' }), { type: "ptc" }, !this.number ? { size: 'xxx-large' } : { size: 'xx-large' }, { color: "ptc-green" }))) : null, !!this.number ? h("div", { class: "number" }, this.number) : null), h("ptc-spacer", { breakpoint: "x-small", size: "small" }), h("ptc-spacer", { breakpoint: "small", size: "x-small" }), h("slot", { name: "after-icon" }))));
   }
 };
 PtcSquareCard.style = ptcSquareCardCss;

package/dist/esm/ptc-sticky-icons.entry.js

@@ -16,8 +16,7 @@ const PtcStickyIcons = class {
     return (h(Host, null, h("div", { class: "icon-container" }, h("slot", null))));
   }
   setHostLocation() {
-    let width = window.innerWidth > 0 ? window.innerWidth : screen.width;
-    const detailSection = document.querySelector(".cs-detail-section");
+    let width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
     let currEle = this.el;
     // get the element
     const element = document.querySelector("ptc-sticky-icons");
@@ -26,16 +25,6 @@ const PtcStickyIcons = class {
       if (width < 992) {
         currEle.parentElement.appendChild(currEle);
         currEle.parentElement.style.paddingRight = "0px";
-        // Code for case study page only
-        // Moving sticky icon in the last ptc-section div
-        if (detailSection) {
-          const lastSection = detailSection.querySelectorAll(".content-section section.ptc-section").length
-            ? detailSection.querySelectorAll("section.ptc-section")[detailSection.querySelectorAll("section.ptc-section").length - 1]
-            : null;
-          if (lastSection && !lastSection.contains(element)) {
-            lastSection.appendChild(currEle);
-          }
-        }
       }
       else {
         currEle.parentElement.prepend(currEle);

package/dist/esm/ptc-sticky-section.entry.js

@@ -8,30 +8,30 @@ const PtcStickySection = class {
     this.hasPreloader = false;
   }
   componentDidLoad() {
-    if (document.querySelector("ptc-preloader-section")) {
+    if (document.querySelector('ptc-preloader-section')) {
       this.hasPreloader = true;
-      this.el.setAttribute("has-preloader", "true");
+      this.el.setAttribute('has-preloader', 'true');
     }
     else {
       this.hasPreloader = false;
-      this.el.setAttribute("has-preloader", "false");
+      this.el.setAttribute('has-preloader', 'false');
     }
-    if (this.stickyEl.classList.contains("sticky")) {
-      this.stickyEl.classList.remove("sticky");
+    if (this.stickyEl.classList.contains('sticky')) {
+      this.stickyEl.classList.remove('sticky');
     }
     let that = this;
     if (this.hasPreloader) {
       setTimeout(() => {
-        that.stickyEl = that.el.shadowRoot.querySelector(".stickyEl");
+        that.stickyEl = that.el.shadowRoot.querySelector('.stickyEl');
         that.originalPosition = this.elPosition(that.stickyEl);
-        window.addEventListener("scroll", that.handleScroll);
+        window.addEventListener('scroll', that.handleScroll);
       }, 3100);
     }
     else {
       setTimeout(() => {
-        that.stickyEl = that.el.shadowRoot.querySelector(".stickyEl");
+        that.stickyEl = that.el.shadowRoot.querySelector('.stickyEl');
         that.originalPosition = that.stickyEl.offsetTop;
-        window.addEventListener("scroll", that.handleScroll);
+        window.addEventListener('scroll', that.handleScroll);
       }, 1500);
     }
   }
@@ -41,15 +41,15 @@ const PtcStickySection = class {
     return rect.top + scrollTop;
   }
   disconnectedCallback() {
-    window.removeEventListener("scroll", this.handleScroll);
+    window.removeEventListener('scroll', this.handleScroll);
   }
   handleScroll() {
     if (this.stickyEl) {
       if (window.scrollY > this.originalPosition) {
-        this.stickyEl.classList.add("sticky");
+        this.stickyEl.classList.add('sticky');
       }
       else {
-        this.stickyEl.classList.remove("sticky");
+        this.stickyEl.classList.remove('sticky');
       }
     }
   }
@@ -57,7 +57,7 @@ const PtcStickySection = class {
     this.handleScroll();
   }
   render() {
-    return (h(Host, null, h("div", { class: "stickyEl", ref: (el) => (this.stickyEl = el) }, h("slot", null))));
+    return (h(Host, null, h("div", { class: "stickyEl", ref: el => (this.stickyEl = el) }, h("slot", null))));
   }
   get el() { return getElement(this); }
 };

package/dist/esm/ptc-sticky-title.entry.js

@@ -5,9 +5,9 @@ const ptcStickyTitleCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc
 const PtcStickyTitle = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.barTitle = "Bar Title";
+    this.barTitle = 'Bar Title';
     this.isSticky = false;
-    this.logo = "logo.png";
+    this.logo = 'logo.png';
   }
   handleScroll() {
     const scrollTop = document.documentElement.scrollTop;
@@ -20,23 +20,22 @@ const PtcStickyTitle = class {
     }
   }
   componentDidLoad() {
-    const shareicon = this.hostEl.querySelectorAll("ptc-social-share");
+    const shareicon = this.hostEl.querySelectorAll('ptc-social-share');
     shareicon.forEach((icon, i) => {
-      icon.addEventListener("focus", () => {
-        if ((window.scrollY === 0 && i == 0) ||
-          i == shareicon.length - 1) {
+      icon.addEventListener('focus', () => {
+        if ((window.scrollY === 0 && i == 0) || (i == shareicon.length - 1)) {
           window.scrollBy(0, 262);
         }
         this.isSticky = true;
       });
-      icon.addEventListener("blur", () => {
+      icon.addEventListener('blur', () => {
         this.isSticky = false;
       });
     });
   }
   render() {
     const logoImg = getAssetPath(`./media/${this.logo}`);
-    return (h(Host, null, h("div", { class: `sticky-header-container ${this.isSticky ? "sticky" : ""}` }, h("div", { class: "sticky-header-title" }, h("div", { class: `logo-image ${this.isSticky ? "is-visible" : ""}` }, h("img", { src: logoImg })), h("div", { class: "sticky-text" }, h("ptc-tooltip", { "text-lines": "1", description: this.barTitle })), h("div", { class: `share-icons is-flex ${this.isSticky ? "is-visible" : ""}` }, h("slot", { name: "social-share-slot" }))), h("ptc-progress-bar", null))));
+    return (h(Host, null, h("div", { class: `sticky-header-container ${this.isSticky ? 'sticky' : ''}` }, h("div", { class: "sticky-header-title" }, h("div", { class: `logo-image ${this.isSticky ? 'is-visible' : ''}` }, h("img", { src: logoImg })), h("div", { class: "sticky-text" }, h("ptc-tooltip", { "text-lines": "1", description: this.barTitle })), h("div", { class: `share-icons is-flex ${this.isSticky ? 'is-visible' : ''}` }, h("slot", { name: 'social-share-slot' }))), h("ptc-progress-bar", null))));
   }
   static get assetsDirs() { return ["media"]; }
   get hostEl() { return getElement(this); }

package/dist/esm/ptc-subnav-card.entry.js

@@ -14,7 +14,7 @@ const PtcSubnavCard = class {
     this.target = undefined;
   }
   render() {
-    const Tag = !!this.cardHref ? "a" : "div";
+    const Tag = !!this.cardHref ? 'a' : 'div';
     return (h(Host, null, h(Tag, Object.assign({}, (!!this.cardHref ? { href: this.cardHref } : {}), (!!this.cardHref ? { target: this.target } : {})), h("h4", null, this.cardTitle), h("img", { src: this.cardImageSrc, alt: this.cardImageAlt }), h("slot", null), h("h4", { class: "cta" }, this.ctaText, h("icon-asset", { type: "ptc", size: "x-small", name: this.ctaIconAssetName, color: "white" })))));
   }
 };

package/dist/esm/ptc-subnav.entry.js

@@ -5,23 +5,23 @@ const ptcSubnavCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link
 const PtcSubnav = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.mobileTitle = "See page topics";
+    this.mobileTitle = 'See page topics';
     this.navOpen = false;
   }
   toggleNav() {
     this.navOpen = !this.navOpen;
   }
   handleScroll() {
-    let elem = this.el.shadowRoot.querySelector("div.sticky-subnav");
+    let elem = this.el.shadowRoot.querySelector('div.sticky-subnav');
     if (elem) {
-      elem.classList.remove("sticky");
+      elem.classList.remove('sticky');
     }
   }
   handleNavLinkClickedEvent() {
     this.toggleNav();
   }
   render() {
-    return (h(Host, null, h("div", { class: "sticky-subnav" }, h("nav", { class: `navbar ${this.navOpen ? "navOpen" : ""}` }, h("button", { class: "navbar-toggle", onClick: () => {
+    return (h(Host, null, h("div", { class: "sticky-subnav" }, h("nav", { class: `navbar ${this.navOpen ? 'navOpen' : ''}` }, h("button", { class: "navbar-toggle", onClick: () => {
         this.toggleNav();
       } }, this.mobileTitle, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15", fill: "white", class: "" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z", fill: "white" }))), h("div", { class: "navbar-inner" }, h("div", { class: "nav-wrapper" }, h("slot", { name: "subnav-menu-left" }), h("slot", { name: "subnav-menu-right" })))))));
   }

package/dist/esm/ptc-svg-btn.entry.js

@@ -92,16 +92,14 @@ const ptcSvgBtnCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link
 const PtcSvgBtn = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.svgName = "close";
-    this.display = "block";
+    this.svgName = 'close';
+    this.display = 'block';
     this.zIndex = undefined;
     this.styles = undefined;
   }
   render() {
     const classMap = this.getCssClassMap();
-    return (h(Host, Object.assign({ class: classMap }, (this.zIndex !== undefined
-      ? { style: { zIndex: this.zIndex } }
-      : null)), this.styles && h("style", null, this.styles), !!this.svgName && this.svgName === "close" ? (h("div", { class: "svg-close", innerHTML: closeSvg })) : null, !!this.svgName && this.svgName === "slider-left" ? (h("div", { class: "slider-left", innerHTML: arrowSvgLeft })) : null, !!this.svgName && this.svgName === "slider-right" ? (h("div", { class: "slider-right", innerHTML: arrowSvgRight })) : null, !!this.svgName && this.svgName === "back-arrow" ? (h("div", { class: "back-arrow", innerHTML: backarrow })) : null, !!this.svgName && this.svgName === "play" ? (h("div", { class: "play", innerHTML: play })) : null));
+    return (h(Host, Object.assign({ class: classMap }, (this.zIndex !== undefined ? { style: { zIndex: this.zIndex } } : null)), this.styles && h("style", null, this.styles), !!this.svgName && this.svgName === 'close' ? h("div", { class: "svg-close", innerHTML: closeSvg }) : null, !!this.svgName && this.svgName === 'slider-left' ? h("div", { class: "slider-left", innerHTML: arrowSvgLeft }) : null, !!this.svgName && this.svgName === 'slider-right' ? h("div", { class: "slider-right", innerHTML: arrowSvgRight }) : null, !!this.svgName && this.svgName === 'back-arrow' ? h("div", { class: "back-arrow", innerHTML: backarrow }) : null, !!this.svgName && this.svgName === 'play' ? h("div", { class: "play", innerHTML: play }) : null));
   }
   getCssClassMap() {
     return {