@ptcwebops/ptcw-design 6.3.37 → 6.3.38

package/dist/collection/components/organism-bundles/storefront-enhanced-product-list-example/storefront-enhanced-product-list-example.css

@@ -708,8 +708,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;
@@ -728,8 +730,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 */
@@ -995,30 +999,36 @@ swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
     transform: rotate(360deg);
   }
 }
-storefront-enhanced-product-list-example .swiper, storefront-enhanced-product-list-alt-example .swiper {
+storefront-enhanced-product-list-example .swiper,
+storefront-enhanced-product-list-alt-example .swiper {
   width: 100%;
   height: 100%;
 }
-storefront-enhanced-product-list-example .swiper-container, storefront-enhanced-product-list-alt-example .swiper-container {
+storefront-enhanced-product-list-example .swiper-container,
+storefront-enhanced-product-list-alt-example .swiper-container {
   padding-left: 24px;
   padding-right: 24px;
   margin-left: -24px;
   margin-right: -24px;
   overflow-x: clip;
 }
-storefront-enhanced-product-list-example .swiper-wrapper, storefront-enhanced-product-list-alt-example .swiper-wrapper {
+storefront-enhanced-product-list-example .swiper-wrapper,
+storefront-enhanced-product-list-alt-example .swiper-wrapper {
   max-width: 1200px;
 }
-storefront-enhanced-product-list-example .swiper-slide, storefront-enhanced-product-list-alt-example .swiper-slide {
+storefront-enhanced-product-list-example .swiper-slide,
+storefront-enhanced-product-list-alt-example .swiper-slide {
   width: max-content;
   height: auto;
 }
-storefront-enhanced-product-list-example .swiper-horizontal, storefront-enhanced-product-list-alt-example .swiper-horizontal {
+storefront-enhanced-product-list-example .swiper-horizontal,
+storefront-enhanced-product-list-alt-example .swiper-horizontal {
   position: relative;
   display: block;
   padding-bottom: 4.104rem;
 }
-storefront-enhanced-product-list-example .swiper-horizontal .swiper-scrollbar, storefront-enhanced-product-list-alt-example .swiper-horizontal .swiper-scrollbar {
+storefront-enhanced-product-list-example .swiper-horizontal .swiper-scrollbar,
+storefront-enhanced-product-list-alt-example .swiper-horizontal .swiper-scrollbar {
   position: absolute;
   left: 50%;
   transform: translate(-50%, -13px);
@@ -1026,29 +1036,34 @@ storefront-enhanced-product-list-example .swiper-horizontal .swiper-scrollbar, s
   width: 161px;
   height: 8px;
   border-radius: 999px;
-  background: #E4E7E9;
+  background: #e4e7e9;
 }
-storefront-enhanced-product-list-example .swiper-horizontal .swiper-scrollbar .swiper-scrollbar-drag, storefront-enhanced-product-list-alt-example .swiper-horizontal .swiper-scrollbar .swiper-scrollbar-drag {
+storefront-enhanced-product-list-example .swiper-horizontal .swiper-scrollbar .swiper-scrollbar-drag,
+storefront-enhanced-product-list-alt-example .swiper-horizontal .swiper-scrollbar .swiper-scrollbar-drag {
   height: 8px;
   border-radius: 999px;
-  background: #323B42;
+  background: #323b42;
   transform: translateX(-16px);
 }
-storefront-enhanced-product-list-example .swiper-horizontal:has(.swiper-scrollbar[style*="display: none"]), storefront-enhanced-product-list-alt-example .swiper-horizontal:has(.swiper-scrollbar[style*="display: none"]) {
+storefront-enhanced-product-list-example .swiper-horizontal:has(.swiper-scrollbar[style*="display: none"]),
+storefront-enhanced-product-list-alt-example .swiper-horizontal:has(.swiper-scrollbar[style*="display: none"]) {
   padding-bottom: 0;
 }
 storefront-enhanced-product-list-example .swiper-button-prev:after,
-storefront-enhanced-product-list-example .swiper-button-next:after, storefront-enhanced-product-list-alt-example .swiper-button-prev:after,
+storefront-enhanced-product-list-example .swiper-button-next:after,
+storefront-enhanced-product-list-alt-example .swiper-button-prev:after,
 storefront-enhanced-product-list-alt-example .swiper-button-next:after {
   content: none;
 }
 storefront-enhanced-product-list-example .swiper-button-prev img,
-storefront-enhanced-product-list-example .swiper-button-next img, storefront-enhanced-product-list-alt-example .swiper-button-prev img,
+storefront-enhanced-product-list-example .swiper-button-next img,
+storefront-enhanced-product-list-alt-example .swiper-button-prev img,
 storefront-enhanced-product-list-alt-example .swiper-button-next img {
   background-color: #ffffff;
 }
 storefront-enhanced-product-list-example .swiper-button-prev,
-storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next, storefront-enhanced-product-list-alt-example .swiper-button-prev,
+storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next,
+storefront-enhanced-product-list-alt-example .swiper-button-prev,
 storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next {
   top: auto;
   bottom: 0px;
@@ -1059,32 +1074,37 @@ storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next {
   border-radius: 4px;
 }
 storefront-enhanced-product-list-example .swiper-button-prev:hover,
-storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next:hover, storefront-enhanced-product-list-alt-example .swiper-button-prev:hover,
+storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next:hover,
+storefront-enhanced-product-list-alt-example .swiper-button-prev:hover,
 storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next:hover {
   outline: none;
   outline-offset: 0;
   text-decoration: none;
-  background-color: #E4E7E9;
+  background-color: #e4e7e9;
   transition: var(--ptc-transition-slow) linear;
 }
 storefront-enhanced-product-list-example .swiper-button-prev:focus, storefront-enhanced-product-list-example .swiper-button-prev:active,
 storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next:focus,
-storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next:active, storefront-enhanced-product-list-alt-example .swiper-button-prev:focus, storefront-enhanced-product-list-alt-example .swiper-button-prev:active,
+storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next:active,
+storefront-enhanced-product-list-alt-example .swiper-button-prev:focus,
+storefront-enhanced-product-list-alt-example .swiper-button-prev:active,
 storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next:focus,
 storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next:active {
   outline: none;
   outline-offset: 0;
   text-decoration: none;
-  background-color: #BEC6CA;
+  background-color: #bec6ca;
 }
 storefront-enhanced-product-list-example .swiper-button-prev svg,
-storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next svg, storefront-enhanced-product-list-alt-example .swiper-button-prev svg,
+storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next svg,
+storefront-enhanced-product-list-alt-example .swiper-button-prev svg,
 storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next svg {
   height: 14px;
   width: 9px;
 }
 storefront-enhanced-product-list-example .swiper-button-next,
-storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev, storefront-enhanced-product-list-alt-example .swiper-button-next,
+storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev,
+storefront-enhanced-product-list-alt-example .swiper-button-next,
 storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev {
   top: auto;
   bottom: 0px;
@@ -1095,32 +1115,37 @@ storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev {
   border-radius: 4px;
 }
 storefront-enhanced-product-list-example .swiper-button-next:hover,
-storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev:hover, storefront-enhanced-product-list-alt-example .swiper-button-next:hover,
+storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev:hover,
+storefront-enhanced-product-list-alt-example .swiper-button-next:hover,
 storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev:hover {
   outline: none;
   outline-offset: 0;
   text-decoration: none;
-  background-color: #E4E7E9;
+  background-color: #e4e7e9;
   transition: var(--ptc-transition-slow) linear;
 }
 storefront-enhanced-product-list-example .swiper-button-next:focus, storefront-enhanced-product-list-example .swiper-button-next:active,
 storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev:focus,
-storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev:active, storefront-enhanced-product-list-alt-example .swiper-button-next:focus, storefront-enhanced-product-list-alt-example .swiper-button-next:active,
+storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev:active,
+storefront-enhanced-product-list-alt-example .swiper-button-next:focus,
+storefront-enhanced-product-list-alt-example .swiper-button-next:active,
 storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev:focus,
 storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev:active {
   outline: none;
   outline-offset: 0;
   text-decoration: none;
-  background-color: #BEC6CA;
+  background-color: #bec6ca;
 }
 storefront-enhanced-product-list-example .swiper-button-next svg,
-storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev svg, storefront-enhanced-product-list-alt-example .swiper-button-next svg,
+storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev svg,
+storefront-enhanced-product-list-alt-example .swiper-button-next svg,
 storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev svg {
   height: 14px;
   width: 9px;
 }
 @media only screen and (min-width: 768px) {
-  storefront-enhanced-product-list-example .swiper-container, storefront-enhanced-product-list-alt-example .swiper-container {
+  storefront-enhanced-product-list-example .swiper-container,
+storefront-enhanced-product-list-alt-example .swiper-container {
     padding-left: 4px;
     padding-right: 4px;
     margin-left: -4px;

package/dist/collection/components/organism-bundles/storefront-enhanced-product-list-example/storefront-enhanced-product-list-example.js

@@ -1,13 +1,13 @@
-import { Host, h } from '@stencil/core';
-import Swiper, { Navigation, Pagination, Scrollbar, Mousewheel } from 'swiper';
+import { Host, h } from "@stencil/core";
+import Swiper, { Navigation, Pagination, Scrollbar, Mousewheel } from "swiper";
 export class StorefrontEnhancedProductListExample {
   constructor() {
     this.componentDidLoad = () => {
       setTimeout(() => {
-        let swiperContainer = this.el.querySelector('.enhanced-product-listing-cards');
+        let swiperContainer = this.el.querySelector(".enhanced-product-listing-cards");
         this.swiper = new Swiper(swiperContainer, {
           modules: [Navigation, Pagination, Scrollbar, Mousewheel],
-          slidesPerView: 'auto',
+          slidesPerView: "auto",
           spaceBetween: 24,
           initialSlide: 0,
           centerInsufficientSlides: false,
@@ -38,15 +38,15 @@ export class StorefrontEnhancedProductListExample {
             },
           },
         });
-        swiperContainer.addEventListener('ctaFocussed', (e) => {
-          let focusIndex = e.detail['card-index'];
+        swiperContainer.addEventListener("ctaFocussed", (e) => {
+          let focusIndex = e.detail["card-index"];
           this.swiper.slideTo(focusIndex);
         });
       }, 100);
     };
   }
   render() {
-    return (h(Host, null, h("div", { class: "swiper-container enhanced-product-listing-cards" }, h("div", { class: "swiper-wrapper" }, h("slot", null)), h("div", { class: "swiper-scrollbar", ref: el => (this.swiperPaginationRef = el) }), h("div", { class: "swiper-button-next", ref: el => (this.swiperButtonNextRef = el) }, h("svg", { width: "14", height: "20", viewBox: "0 0 14 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.75 17.25L8 10L0.75 2.75L3.375 0.125L13.25 10L3.375 19.875L0.75 17.25Z", fill: "#323B42" }))), h("div", { class: "swiper-button-prev", ref: el => (this.swiperButtonPrevRef = el) }, h("svg", { width: "14", height: "20", viewBox: "0 0 14 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M13.25 2.75L6 10L13.25 17.25L10.625 19.875L0.749999 10L10.625 0.125L13.25 2.75Z", fill: "#323B42" }))))));
+    return (h(Host, null, h("div", { class: "swiper-container enhanced-product-listing-cards" }, h("div", { class: "swiper-wrapper" }, h("slot", null)), h("div", { class: "swiper-scrollbar", ref: (el) => (this.swiperPaginationRef = el) }), h("div", { class: "swiper-button-next", ref: (el) => (this.swiperButtonNextRef = el) }, h("svg", { width: "14", height: "20", viewBox: "0 0 14 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.75 17.25L8 10L0.75 2.75L3.375 0.125L13.25 10L3.375 19.875L0.75 17.25Z", fill: "#323B42" }))), h("div", { class: "swiper-button-prev", ref: (el) => (this.swiperButtonPrevRef = el) }, h("svg", { width: "14", height: "20", viewBox: "0 0 14 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M13.25 2.75L6 10L13.25 17.25L10.625 19.875L0.749999 10L10.625 0.125L13.25 2.75Z", fill: "#323B42" }))))));
   }
   static get is() { return "storefront-enhanced-product-list-example"; }
   static get originalStyleUrls() {

package/dist/collection/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.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-accordion/ptc-accordion-item/ptc-accordion-item.js

@@ -1,10 +1,10 @@
-import { Host, h } from '@stencil/core';
-import { isHiddenUntilSupported } from '../../../utils/utils';
-import { hasSlot } from '../../../utils/component';
+import { Host, h, } from "@stencil/core";
+import { isHiddenUntilSupported } from "../../../utils/utils";
+import { hasSlot } from "../../../utils/component";
 export class PtcAccordionItem {
   constructor() {
     this.heading = null;
-    this.headingTag = 'h3';
+    this.headingTag = "h3";
     this.autoHeight = false;
     this.active = false;
     this.theme = "standard";
@@ -14,36 +14,36 @@ export class PtcAccordionItem {
     this.hasArrowSlot = true;
   }
   componentWillLoad() {
-    this.hasHeadingSlot = hasSlot(this.el, 'heading');
-    this.hasArrowSlot = hasSlot(this.el, 'arrow');
+    this.hasHeadingSlot = hasSlot(this.el, "heading");
+    this.hasArrowSlot = hasSlot(this.el, "arrow");
     this.allowHiddenUntil = isHiddenUntilSupported();
   }
   componentDidLoad() {
     if (this.autoHeight) {
-      this.bodyEl.style.setProperty('--ptc-accordion-item-body-max-height', this.bodyEl.scrollHeight + 2 + 'px');
+      this.bodyEl.style.setProperty("--ptc-accordion-item-body-max-height", this.bodyEl.scrollHeight + 2 + "px");
     }
     this.onTransitionEnd();
-    this.bodyEl.addEventListener('transitionstart', () => {
+    this.bodyEl.addEventListener("transitionstart", () => {
       this.onTransitionStart();
     });
-    this.bodyEl.addEventListener('transitionend', () => {
+    this.bodyEl.addEventListener("transitionend", () => {
       this.onTransitionEnd();
     });
-    this.hasHeadingSlot = hasSlot(this.el, 'heading');
-    this.hasArrowSlot = hasSlot(this.el, 'arrow');
+    this.hasHeadingSlot = hasSlot(this.el, "heading");
+    this.hasArrowSlot = hasSlot(this.el, "arrow");
   }
   onTransitionEnd() {
     if (this.active) {
-      this.bodyEl.style.overflow = 'auto';
+      this.bodyEl.style.overflow = "auto";
       this.opened.emit();
     }
     else {
-      this.bodyEl.style.overflow = 'hidden';
+      this.bodyEl.style.overflow = "hidden";
       if (this.allowHiddenUntil) {
-        this.bodyEl.setAttribute('hidden', 'until-found');
+        this.bodyEl.setAttribute("hidden", "until-found");
       }
       else {
-        this.bodyEl.style.visibility = 'hidden';
+        this.bodyEl.style.visibility = "hidden";
       }
       this.closed.emit();
     }
@@ -51,10 +51,10 @@ export class PtcAccordionItem {
   onTransitionStart() {
     if (this.active) {
       if (this.allowHiddenUntil) {
-        this.bodyEl.removeAttribute('hidden');
+        this.bodyEl.removeAttribute("hidden");
       }
       else {
-        this.bodyEl.style.visibility = 'visible';
+        this.bodyEl.style.visibility = "visible";
       }
       this.opening.emit();
     }
@@ -90,9 +90,17 @@ export class PtcAccordionItem {
   }
   render() {
     const { active, autoHeight, theme, headingTag: HeadingTag } = this;
-    const container = ( //@ts-ignore
-    h("div", { class: "body-container", ref: el => (this.bodyEl = el), onBeforeMatch: () => { this.beforeMatch(); } }, h("div", { class: "body" }, h("slot", null))));
-    return (h(Host, { class: { active, autoHeight }, id: this.trackerId }, this.styles && h("style", null, this.styles), h("button", { class: { "heading": true, [theme]: true, "mf-listen": true, "focus-status": true }, role: "button", onClick: () => this.toggle(), id: this.trackerId }, h("span", { class: "arrow" }, this.hasArrowSlot ? (h("slot", { name: "arrow" })) : (h("svg", { focusable: "false", viewBox: "0 0 24 24", "aria-hidden": "true" }, h("path", { d: "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" })))), this.hasHeadingSlot ? (h("slot", { name: "heading" })) : (h(HeadingTag, { class: "heading-text" }, this.heading))), container));
+    const container = (h("div", { class: "body-container", ref: (el) => (this.bodyEl = el),
+      //@ts-ignore
+      onBeforeMatch: () => {
+        this.beforeMatch();
+      } }, h("div", { class: "body" }, h("slot", null))));
+    return (h(Host, { class: { active, autoHeight }, id: this.trackerId }, this.styles && h("style", null, this.styles), h("button", { class: {
+        heading: true,
+        [theme]: true,
+        "mf-listen": true,
+        "focus-status": true,
+      }, role: "button", onClick: () => this.toggle(), id: this.trackerId }, h("span", { class: "arrow" }, this.hasArrowSlot ? (h("slot", { name: "arrow" })) : (h("svg", { focusable: "false", viewBox: "0 0 24 24", "aria-hidden": "true" }, h("path", { d: "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" })))), this.hasHeadingSlot ? (h("slot", { name: "heading" })) : (h(HeadingTag, { class: "heading-text" }, this.heading))), container));
   }
   static get is() { return "ptc-accordion-item"; }
   static get encapsulation() { return "shadow"; }
@@ -142,7 +150,7 @@ export class PtcAccordionItem {
         },
         "attribute": "heading-tag",
         "reflect": false,
-        "defaultValue": "'h3'"
+        "defaultValue": "\"h3\""
       },
       "autoHeight": {
         "type": "boolean",

package/dist/collection/components/ptc-accordion/ptc-accordion.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 */
@@ -56,10 +60,10 @@ ptc-link, ptc-square-card,
 
 :host {
   /**
-    @prop --ptc-accordion-item-body-max-height:
-      Inner content max height. This values is also used for CSS animation
-      - default: 100vh
-  */
+     @prop --ptc-accordion-item-body-max-height:
+       Inner content max height. This values is also used for CSS animation
+       - default: 100vh
+   */
   --ptc-accordion-item-body-max-height: 100vh;
 }
 :host .sort-btn-wrap {
@@ -103,7 +107,8 @@ ptc-link, ptc-square-card,
 :host .sort-btn-wrap button:first-child {
   margin-right: 8px;
 }
-:host .focus-status button:focus, :host .focus-status button:focus-visible {
+:host .focus-status button:focus,
+:host .focus-status button:focus-visible {
   outline: 5px solid var(--keyboard-nav-outline) !important;
   border-radius: var(--ptc-border-radius-standard) !important;
 }

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

@@ -1,28 +1,28 @@
-import { Host, h } from '@stencil/core';
-import expand from '../../media/svg-imgs/expand.svg';
-import collapse from '../../media/svg-imgs/collapse.svg';
+import { Host, h } from "@stencil/core";
+import expand from "../../media/svg-imgs/expand.svg";
+import collapse from "../../media/svg-imgs/collapse.svg";
 export class PtcAccordion {
   constructor() {
     this.multiple = false;
     this.theme = "standard";
     this.isParent = false;
-    this.expandText = 'Expand All';
-    this.collapseText = 'Collapse All';
+    this.expandText = "Expand All";
+    this.collapseText = "Collapse All";
     this.trackerId = undefined;
   }
   componentWillLoad() {
-    this.items = this.el.querySelectorAll('ptc-accordion-item');
+    this.items = this.el.querySelectorAll("ptc-accordion-item");
     this.items.forEach((item) => {
       item.setAttribute("theme", this.theme);
     });
     if (!this.multiple) {
-      this.activeItem = this.el.querySelector(':scope > ptc-accordion-item[active]');
+      this.activeItem = this.el.querySelector(":scope > ptc-accordion-item[active]");
       if (this.activeItem) {
         this.activeItem.open();
       }
       this.closeNonActive();
     }
-    if (this.el.classList.contains('parent-accordion')) {
+    if (this.el.classList.contains("parent-accordion")) {
       this.isParent = true;
     }
   }
@@ -35,25 +35,28 @@ export class PtcAccordion {
     }
   }
   closeNonActive() {
-    this.items.forEach(item => {
+    this.items.forEach((item) => {
       if (!item.isEqualNode(this.activeItem)) {
         item.close();
       }
     });
   }
   expandAllItems() {
-    this.items.forEach(item => {
+    this.items.forEach((item) => {
       item.open();
     });
   }
   closeAllItems() {
-    this.items.forEach(item => {
+    this.items.forEach((item) => {
       item.close();
     });
   }
   render() {
-    return (h(Host, { class: `${this.isParent && this.multiple ? 'acc-parent-border' : ''}` }, (this.isParent && this.multiple) &&
-      h("div", { class: 'sort-btn-wrap focus-status', id: this.trackerId }, h("button", { onClick: () => { this.expandAllItems(); } }, " ", h("span", { innerHTML: expand }), this.expandText), h("button", { onClick: () => { this.closeAllItems(); } }, h("span", { innerHTML: collapse }), this.collapseText)), h("slot", null)));
+    return (h(Host, { class: `${this.isParent && this.multiple ? "acc-parent-border" : ""}` }, this.isParent && this.multiple && (h("div", { class: "sort-btn-wrap focus-status", id: this.trackerId }, h("button", { onClick: () => {
+        this.expandAllItems();
+      } }, " ", h("span", { innerHTML: expand }), this.expandText), h("button", { onClick: () => {
+        this.closeAllItems();
+      } }, h("span", { innerHTML: collapse }), this.collapseText))), h("slot", null)));
   }
   static get is() { return "ptc-accordion"; }
   static get encapsulation() { return "shadow"; }
@@ -139,7 +142,7 @@ export class PtcAccordion {
         },
         "attribute": "expand-text",
         "reflect": false,
-        "defaultValue": "'Expand All'"
+        "defaultValue": "\"Expand All\""
       },
       "collapseText": {
         "type": "string",
@@ -157,7 +160,7 @@ export class PtcAccordion {
         },
         "attribute": "collapse-text",
         "reflect": false,
-        "defaultValue": "'Collapse All'"
+        "defaultValue": "\"Collapse All\""
       },
       "trackerId": {
         "type": "string",

package/dist/collection/components/ptc-announcement/ptc-announcement.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-announcement/ptc-announcement.js

@@ -1,4 +1,4 @@
-import { Host, h } from '@stencil/core';
+import { Host, h, } from "@stencil/core";
 export class PtcAnnouncement {
   constructor() {
     this.handleKeyClick = (e) => {
@@ -13,29 +13,29 @@ export class PtcAnnouncement {
       this.close.emit();
     };
     this.getIconSize = () => {
-      return this.windowSize === 'mobile' ? 'xxx-large' : 'small';
+      return this.windowSize === "mobile" ? "xxx-large" : "small";
     };
     this.isMaxWidthTitle = () => {
-      return !!this.description ? '' : ' max-title';
+      return !!this.description ? "" : " max-title";
     };
-    this.barTitle = '';
-    this.description = '';
+    this.barTitle = "";
+    this.description = "";
     this.linkText = undefined;
     this.linkTitle = undefined;
     this.visible = undefined;
-    this.linkUrl = '#';
+    this.linkUrl = "#";
     this.insideContainer = undefined;
-    this.target = '_self';
+    this.target = "_self";
     this.customMaxLines = 4;
-    this.windowSize = 'mobile';
+    this.windowSize = "mobile";
     this.moreText = undefined;
   }
   handleResize() {
     if (window.innerWidth < 992) {
-      this.windowSize = 'mobile';
+      this.windowSize = "mobile";
     }
     else {
-      this.windowSize = 'desktop';
+      this.windowSize = "desktop";
     }
   }
   componentWillLoad() {
@@ -44,19 +44,21 @@ export class PtcAnnouncement {
   render() {
     var _a, _b;
     const classMap = this.getCssClassMap();
-    return (h(Host, null, h("div", { class: classMap, part: "part-announcement" }, h("div", { class: "content-wrapper ptc-container" }, h("div", { class: "left-content", part: "part-left-content" }, h("slot", { name: "seo-content" }), !!this.barTitle ? (h("div", { class: `title${this.isMaxWidthTitle()}` }, this.windowSize === 'mobile' ? (this.barTitle) : (
+    return (h(Host, null, h("div", { class: classMap, part: "part-announcement" }, h("div", { class: "content-wrapper ptc-container" }, h("div", { class: "left-content", part: "part-left-content" }, h("slot", { name: "seo-content" }), !!this.barTitle ? (h("div", { class: `title${this.isMaxWidthTitle()}` }, this.windowSize === "mobile" ? (this.barTitle) : (
     // <ptc-tooltip text-display="inline" max-length="60" z-index="z-2" description={this.barTitle} position="bottom"></ptc-tooltip>
-    h("ptc-tooltip-v2", { "max-length": "60", "z-index": "2" }, this.barTitle)))) : null, this.windowSize === 'mobile' ? ( //mobile view
-    Object.assign({}, (!!this.description || !!this.linkUrl ? (h("ptc-readmore", { "visible-lines-custom": this.customMaxLines, "z-index": "z-3", "more-text": this.moreText }, h("div", { style: { display: 'inline' } }, !!this.description ? `${this.description + ' '}` : null, !!this.linkText ? (h("a", { class: "cta-link mf-listen", href: this.linkUrl, title: (_a = this.linkTitle) !== null && _a !== void 0 ? _a : this.linkText, target: this.target, tabIndex: 0, id: "announcement-bar-cta" }, this.linkText)) : null))) : null))) : (
+    h("ptc-tooltip-v2", { "max-length": "60", "z-index": "2" }, this.barTitle)))) : null, this.windowSize === "mobile" ? ( //mobile view
+    Object.assign({}, (!!this.description || !!this.linkUrl ? (h("ptc-readmore", { "visible-lines-custom": this.customMaxLines, "z-index": "z-3", "more-text": this.moreText }, h("div", { style: { display: "inline" } }, !!this.description
+      ? `${this.description + " "}`
+      : null, !!this.linkText ? (h("a", { class: "cta-link mf-listen", href: this.linkUrl, title: (_a = this.linkTitle) !== null && _a !== void 0 ? _a : this.linkText, target: this.target, tabIndex: 0, id: "announcement-bar-cta" }, this.linkText)) : null))) : null))) : (
     //desktop view
     h("div", { class: "description" }, !!this.description ? (
     // <ptc-tooltip text-display="inline" max-length="165" z-index="z-2" description={this.description + ' '} position="bottom"></ptc-tooltip>
-    h("ptc-tooltip-v2", { "element-display": "inline", "max-length": "165", "z-index": "3", class: "after-space" }, this.description + ' ')) : null, !!this.linkText ? (h("a", { class: "cta-link mf-listen", href: this.linkUrl, title: (_b = this.linkTitle) !== null && _b !== void 0 ? _b : this.linkText, target: this.target, tabIndex: 0, id: "announcement-bar-cta" }, h("ptc-tooltip-v2", { "element-display": "inline-block", "max-length": "25", "z-index": "2", position: 'bottom', styles: ".tooltip-content.bottom{transform:translate(-20%, 12px)}.tooltip-text{text-decoration:underline;}" }, this.linkText))) : null))), h("icon-asset", { id: "announcement-bar-close", color: "inherit", name: "close-button-flat", type: "ptc", size: this.getIconSize(), onClick: this.closeClick, class: "bar-close mf-listen", focusOn: true, trackerId: "announcement-bar-close", onKeyDown: this.handleKeyClick, tabIndex: 0 })))));
+    h("ptc-tooltip-v2", { "element-display": "inline", "max-length": "165", "z-index": "3", class: "after-space" }, this.description + " ")) : null, !!this.linkText ? (h("a", { class: "cta-link mf-listen", href: this.linkUrl, title: (_b = this.linkTitle) !== null && _b !== void 0 ? _b : this.linkText, target: this.target, tabIndex: 0, id: "announcement-bar-cta" }, h("ptc-tooltip-v2", { "element-display": "inline-block", "max-length": "25", "z-index": "2", position: "bottom", styles: ".tooltip-content.bottom{transform:translate(-20%, 12px)}.tooltip-text{text-decoration:underline;}" }, this.linkText))) : null))), h("icon-asset", { id: "announcement-bar-close", color: "inherit", name: "close-button-flat", type: "ptc", size: this.getIconSize(), onClick: this.closeClick, class: "bar-close mf-listen", focusOn: true, trackerId: "announcement-bar-close", onKeyDown: this.handleKeyClick, tabIndex: 0 })))));
   }
   getCssClassMap() {
     return {
-      ['announcement']: true,
-      [this.visible ? 'visible' : '']: true,
+      ["announcement"]: true,
+      [this.visible ? "visible" : ""]: true,
     };
   }
   static get is() { return "ptc-announcement"; }
@@ -89,7 +91,7 @@ export class PtcAnnouncement {
         },
         "attribute": "bar-title",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "description": {
         "type": "string",
@@ -107,7 +109,7 @@ export class PtcAnnouncement {
         },
         "attribute": "description",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "linkText": {
         "type": "string",
@@ -176,7 +178,7 @@ export class PtcAnnouncement {
         },
         "attribute": "link-url",
         "reflect": true,
-        "defaultValue": "'#'"
+        "defaultValue": "\"#\""
       },
       "insideContainer": {
         "type": "boolean",
@@ -211,7 +213,7 @@ export class PtcAnnouncement {
         },
         "attribute": "target",
         "reflect": false,
-        "defaultValue": "'_self'"
+        "defaultValue": "\"_self\""
       },
       "customMaxLines": {
         "type": "number",