@ptcwebops/ptcw-design 6.3.37 → 6.3.38

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

@@ -1,10 +1,10 @@
-import { Host, h } from '@stencil/core';
+import { Host, h, } from "@stencil/core";
 export class PtcCardPlm {
   constructor() {
     this.cardType = undefined;
     this.cardLink = undefined;
     this.linkTitle = undefined;
-    this.linkTarget = '_self';
+    this.linkTarget = "_self";
     this.isLoading = false;
     this.trackerId = undefined;
     this.disabled = false;
@@ -17,25 +17,25 @@ export class PtcCardPlm {
     this.emitHeight();
   }
   hoverEventHandler() {
-    if (this.el.classList.contains('extra-tall')) {
+    if (this.el.classList.contains("extra-tall")) {
       this.hoverEvent.emit();
-      this.el.classList.add('extraT-overlay');
+      this.el.classList.add("extraT-overlay");
     }
-    if (this.el.classList.contains('color-outlined')) {
+    if (this.el.classList.contains("color-outlined")) {
       this.hoverEvent.emit();
-      const cardOverlay = this.el.querySelector('ptc-overlay');
-      cardOverlay.setOverlay('black-5');
+      const cardOverlay = this.el.querySelector("ptc-overlay");
+      cardOverlay.setOverlay("black-5");
     }
   }
   leaveEventHandler() {
-    if (this.el.classList.contains('extra-tall')) {
+    if (this.el.classList.contains("extra-tall")) {
       this.hoverEvent.emit();
-      this.el.classList.remove('extraT-overlay');
+      this.el.classList.remove("extraT-overlay");
     }
-    if (this.el.classList.contains('color-outlined')) {
+    if (this.el.classList.contains("color-outlined")) {
       this.hoverEvent.emit();
-      const cardOverlay = this.el.querySelector('ptc-overlay');
-      cardOverlay.setOverlay('black-4');
+      const cardOverlay = this.el.querySelector("ptc-overlay");
+      cardOverlay.setOverlay("black-4");
     }
   }
   componentDidLoad() {
@@ -44,13 +44,33 @@ export class PtcCardPlm {
   }
   render() {
     const classMap = this.getCssClassMap();
-    const Tag = !!this.cardLink ? 'a' : 'div';
-    return (h(Host, Object.assign({ class: classMap }, (!this.isLoading ? { onMouseEnter: this.hoverEventHandler.bind(this) } : {}), (!this.isLoading ? { onMouseLeave: this.leaveEventHandler.bind(this) } : {})), this.styles && h("style", null, this.styles), h("div", { class: "tracker-div mf-listen", id: this.trackerId }, h(Tag, Object.assign({ class: `mf-listen ${this.darkFocusState ? "focus-state-dark-background" : ""}` }, (!!this.cardLink && this.cardType !== "simple-card" ? { tabindex: '0' } : { tabindex: '-1' }), (!!this.cardLink && !this.isLoading ? { href: this.cardLink } : {}), (!!this.linkTarget && !!this.cardLink && !this.isLoading ? { target: this.linkTarget } : {}), (!!this.cardLink && !this.isLoading && !this.hideLinkTitle ? { title: this.linkTitle ? this.linkTitle : this.cardLink } : {})), h("slot", null)))));
+    const Tag = !!this.cardLink ? "a" : "div";
+    return (h(Host, Object.assign({ class: classMap }, (!this.isLoading
+      ? { onMouseEnter: this.hoverEventHandler.bind(this) }
+      : {}), (!this.isLoading
+      ? { onMouseLeave: this.leaveEventHandler.bind(this) }
+      : {})), this.styles && h("style", null, this.styles), h("div", { class: "tracker-div mf-listen", id: this.trackerId }, h(Tag, Object.assign({ class: `mf-listen ${this.darkFocusState ? "focus-state-dark-background" : ""}` }, (!!this.cardLink && this.cardType !== "simple-card"
+      ? { tabindex: "0" }
+      : { tabindex: "-1" }), (!!this.cardLink && !this.isLoading
+      ? { href: this.cardLink }
+      : {}), (!!this.linkTarget &&
+      !!this.cardLink &&
+      !this.isLoading
+      ? { target: this.linkTarget }
+      : {}), (!!this.cardLink &&
+      !this.isLoading &&
+      !this.hideLinkTitle
+      ? {
+        title: this.linkTitle
+          ? this.linkTitle
+          : this.cardLink,
+      }
+      : {})), h("slot", null)))));
   }
   getCssClassMap() {
     return {
       [this.cardType]: this.cardType ? true : false,
-      ['disabled']: this.disabled,
+      ["disabled"]: this.disabled,
     };
   }
   emitHeight() {
@@ -58,19 +78,19 @@ export class PtcCardPlm {
     this.squareHeightChanged.emit(height);
   }
   getBtmContentHeight() {
-    const bottomContent = this.el.querySelector('ptc-card-bottom');
+    const bottomContent = this.el.querySelector("ptc-card-bottom");
     return bottomContent.offsetHeight;
   }
   checkScreenSize() {
-    if (this.cardType === 'extra-tall') {
+    if (this.cardType === "extra-tall") {
       if (window.innerWidth < 768) {
-        const cardContent = this.el.querySelector('ptc-card-content');
+        const cardContent = this.el.querySelector("ptc-card-content");
         if (cardContent) {
           cardContent.setHeight(this.getBtmContentHeight());
         }
       }
       else {
-        const cardContent = this.el.querySelector('ptc-card-content');
+        const cardContent = this.el.querySelector("ptc-card-content");
         if (cardContent) {
           cardContent.removeInlineHeight();
         }
@@ -95,7 +115,7 @@ export class PtcCardPlm {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| 'card-video'\r\n    | 'card-tall'\r\n    | 'card-wide'\r\n    | 'speed-bump'\r\n    | 'card-playlist'\r\n    | 'card-video-intro'\r\n    | 'card-2up'\r\n    | 'extra-tall'\r\n    | 'color-outlined'\r\n    | 'result-box'\r\n    | 'most-popular'\r\n    | 'simple-card'\r\n    | 'event-podcast'",
+          "original": "| \"card-video\"\r\n\t\t| \"card-tall\"\r\n\t\t| \"card-wide\"\r\n\t\t| \"speed-bump\"\r\n\t\t| \"card-playlist\"\r\n\t\t| \"card-video-intro\"\r\n\t\t| \"card-2up\"\r\n\t\t| \"extra-tall\"\r\n\t\t| \"color-outlined\"\r\n\t\t| \"result-box\"\r\n\t\t| \"most-popular\"\r\n\t\t| \"simple-card\"\r\n\t\t| \"event-podcast\"",
           "resolved": "\"card-2up\" | \"card-playlist\" | \"card-tall\" | \"card-video\" | \"card-video-intro\" | \"card-wide\" | \"color-outlined\" | \"event-podcast\" | \"extra-tall\" | \"most-popular\" | \"result-box\" | \"simple-card\" | \"speed-bump\"",
           "references": {}
         },
@@ -158,7 +178,7 @@ export class PtcCardPlm {
         },
         "attribute": "link-target",
         "reflect": false,
-        "defaultValue": "'_self'"
+        "defaultValue": "\"_self\""
       },
       "isLoading": {
         "type": "boolean",

package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.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 */
@@ -776,39 +780,131 @@ a.disabled {
   cursor: not-allowed;
 }
 a:focus-visible {
-  outline: 5px solid #003DD6 !important;
+  outline: 5px solid #003dd6 !important;
   outline-offset: 0px !important;
   border-radius: var(--ptc-border-radius-standard);
 }
 
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-plm-grey a.light-link {
+.light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.vjs-social-share-links a),
+.light-links a.light-link,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.vjs-social-share-links a),
+.background-grey-10 a.light-link,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.vjs-social-share-links a),
+.background-plm-grey a.light-link {
   color: var(--color-blue-04);
   margin: -2px;
   border: 2px solid transparent;
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
+.light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.vjs-social-share-links a):visited,
+.light-links a.light-link:visited,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.vjs-social-share-links a):visited,
+.background-grey-10 a.light-link:visited,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.vjs-social-share-links a):visited,
+.background-plm-grey a.light-link:visited {
   color: var(--color-blue-06);
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
+.light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.vjs-social-share-links a):visited:active,
+.light-links a.light-link:active,
+.light-links a.light-link:visited:active,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.vjs-social-share-links a):active,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.vjs-social-share-links a):visited:active,
+.background-grey-10 a.light-link:active,
+.background-grey-10 a.light-link:visited:active,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.vjs-social-share-links a):active,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.vjs-social-share-links a):visited:active,
+.background-plm-grey a.light-link:active,
+.background-plm-grey a.light-link:visited:active {
   transition: none;
   color: var(--color-blue-07);
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
+.light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.vjs-social-share-links a):visited:hover,
+.light-links a.light-link:hover,
+.light-links a.light-link:visited:hover,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.vjs-social-share-links a):hover,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.vjs-social-share-links a):visited:hover,
+.background-grey-10 a.light-link:hover,
+.background-grey-10 a.light-link:visited:hover,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.vjs-social-share-links a):hover,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.vjs-social-share-links a):visited:hover,
+.background-plm-grey a.light-link:hover,
+.background-plm-grey a.light-link:visited:hover {
   color: var(--color-blue-05);
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
+.light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.vjs-social-share-links a).disabled,
+.light-links a.light-link.disabled,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.vjs-social-share-links a).disabled,
+.background-grey-10 a.light-link.disabled,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.vjs-social-share-links a).disabled,
+.background-plm-grey a.light-link.disabled {
   color: var(--color-gray-04) !important;
   cursor: not-allowed;
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
+.light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.vjs-social-share-links a):focus-visible,
+.light-links a.light-link:focus-visible,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.vjs-social-share-links a):focus-visible,
+.background-grey-10 a.light-link:focus-visible,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.vjs-social-share-links a):focus-visible,
+.background-plm-grey a.light-link:focus-visible {
   border-radius: var(--ptc-border-radius-standard);
   border: 2px solid white;
   outline: 5px solid var(--keyboard-nav-outline);
 }
-.light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
+.light-links .podcast-cta-section a,
+.background-grey-10 .podcast-cta-section a,
+.background-plm-grey .podcast-cta-section a {
   border: 2px solid transparent;
 }
-.light-links .podcast-cta-section a:focus-visible, .background-grey-10 .podcast-cta-section a:focus-visible, .background-plm-grey .podcast-cta-section a:focus-visible {
+.light-links .podcast-cta-section a:focus-visible,
+.background-grey-10 .podcast-cta-section a:focus-visible,
+.background-plm-grey .podcast-cta-section a:focus-visible {
   border-radius: var(--ptc-border-radius-standard);
   border: 2px solid white;
   outline: 5px solid var(--keyboard-nav-outline);

package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.js

@@ -1,5 +1,5 @@
-import { Host, h } from '@stencil/core';
-import { Swiper, Navigation, Pagination, Thumbs, Autoplay, FreeMode, EffectFade, Grid } from 'swiper';
+import { Host, h } from "@stencil/core";
+import { Swiper, Navigation, Pagination, Thumbs, Autoplay, FreeMode, EffectFade, Grid, } from "swiper";
 export class PtcCaseStudiesSlider {
   constructor() {
     // SLider List
@@ -12,28 +12,30 @@ export class PtcCaseStudiesSlider {
     this.lastTab = null;
   }
   componentDidLoad() {
-    this.renderSlides('swiper-slide-thumb', 'swiper-wrapper-thumbs');
-    this.renderSlides('swiper-slide-content', 'swiper-wrapper-content');
+    this.renderSlides("swiper-slide-thumb", "swiper-wrapper-thumbs");
+    this.renderSlides("swiper-slide-content", "swiper-wrapper-content");
     this.initializeTabs();
     this.initSlider();
     this.slideChangeHandler();
     //Added for preloader skeleton issue
-    setTimeout(() => { this.initSlider(); }, 3100);
+    setTimeout(() => {
+      this.initSlider();
+    }, 3100);
   }
   // Initialize Tabs
   initializeTabs() {
     var _a, _b;
-    const tablist = (_a = this.caeStudiesThumbRef) === null || _a === void 0 ? void 0 : _a.querySelector('.swiper-wrapper-thumbs');
+    const tablist = (_a = this.caeStudiesThumbRef) === null || _a === void 0 ? void 0 : _a.querySelector(".swiper-wrapper-thumbs");
     if (!tablist)
       return;
     // Updated selector to match existing class names
-    this.tabs = Array.from(tablist.querySelectorAll('.swiper-slide-thumb'));
-    this.tabPanels = Array.from(((_b = this.caseStudiesSlidesRef) === null || _b === void 0 ? void 0 : _b.querySelectorAll('.swiper-slide-content')) || []);
+    this.tabs = Array.from(tablist.querySelectorAll(".swiper-slide-thumb"));
+    this.tabPanels = Array.from(((_b = this.caseStudiesSlidesRef) === null || _b === void 0 ? void 0 : _b.querySelectorAll(".swiper-slide-content")) || []);
     this.tabs.forEach((tab, index) => {
-      tab.setAttribute('role', 'tab');
-      tab.setAttribute('aria-selected', 'false');
-      tab.setAttribute('aria-controls', `tabpanel-${index}`);
-      tab.setAttribute('tabindex', '-1');
+      tab.setAttribute("role", "tab");
+      tab.setAttribute("aria-selected", "false");
+      tab.setAttribute("aria-controls", `tabpanel-${index}`);
+      tab.setAttribute("tabindex", "-1");
       tab.id = `tab-${index}`;
       // Set first and last tab
       if (index === 0) {
@@ -43,8 +45,8 @@ export class PtcCaseStudiesSlider {
     });
     const tablistContainer = this.caeStudiesThumbRef;
     if (tablistContainer) {
-      tablistContainer.setAttribute('role', 'tablist');
-      tablistContainer.setAttribute('aria-label', 'Case Studies Tabs');
+      tablistContainer.setAttribute("role", "tablist");
+      tablistContainer.setAttribute("aria-label", "Case Studies Tabs");
     }
     // Select the first tab by default
     if (this.tabs.length > 0) {
@@ -56,16 +58,16 @@ export class PtcCaseStudiesSlider {
     this.tabs.forEach((tab, i) => {
       var _a;
       if (i === index) {
-        tab.setAttribute('aria-selected', 'true');
-        tab.setAttribute('tabindex', '0');
-        this.tabPanels[i].classList.remove('is-hidden');
+        tab.setAttribute("aria-selected", "true");
+        tab.setAttribute("tabindex", "0");
+        this.tabPanels[i].classList.remove("is-hidden");
         (_a = this.caseStudiesSlides) === null || _a === void 0 ? void 0 : _a.slideTo(i);
         this.activeTabIndex = i;
       }
       else {
-        tab.setAttribute('aria-selected', 'false');
-        tab.setAttribute('tabindex', '-1');
-        this.tabPanels[i].classList.add('is-hidden');
+        tab.setAttribute("aria-selected", "false");
+        tab.setAttribute("tabindex", "-1");
+        this.tabPanels[i].classList.add("is-hidden");
       }
     });
   }
@@ -74,16 +76,16 @@ export class PtcCaseStudiesSlider {
     const tgt = event.currentTarget;
     let flag = false;
     switch (event.key) {
-      case 'ArrowRight':
+      case "ArrowRight":
         this.moveFocusToNextTab(tgt);
         flag = true;
         break;
-      case 'ArrowLeft':
+      case "ArrowLeft":
         this.moveFocusToPreviousTab(tgt);
         flag = true;
         break;
-      case 'Enter':
-      case ' ':
+      case "Enter":
+      case " ":
         const index = this.tabs.indexOf(tgt);
         if (index !== -1) {
           this.setSelectedTab(index);
@@ -140,7 +142,7 @@ export class PtcCaseStudiesSlider {
       this.caseStudiesThumbs = new Swiper(this.caeStudiesThumbRef, {
         modules: [Navigation, Pagination, FreeMode, Grid],
         loop: false,
-        slidesPerView: 'auto',
+        slidesPerView: "auto",
         freeMode: true,
         watchSlidesProgress: true,
         centerInsufficientSlides: true,
@@ -153,10 +155,16 @@ export class PtcCaseStudiesSlider {
     }
     if (this.caseStudiesSlidesRef && !this.caseStudiesSlides) {
       this.caseStudiesSlides = new Swiper(this.caseStudiesSlidesRef, {
-        modules: [Navigation, Pagination, Thumbs, Autoplay, EffectFade],
+        modules: [
+          Navigation,
+          Pagination,
+          Thumbs,
+          Autoplay,
+          EffectFade,
+        ],
         loop: false,
         grabCursor: true,
-        effect: 'fade',
+        effect: "fade",
         autoplay: false,
         thumbs: {
           swiper: this.caseStudiesThumbs,
@@ -173,14 +181,14 @@ export class PtcCaseStudiesSlider {
   }
   slideChangeHandler() {
     if (this.caseStudiesSlides) {
-      this.caseStudiesSlides.on('slideChange', () => {
+      this.caseStudiesSlides.on("slideChange", () => {
         var _a;
         const activeIndex = this.caseStudiesSlides.activeIndex;
         this.setSelectedTab(activeIndex);
         const visibleSlide = this.caseStudiesSlides.slides[activeIndex];
-        const tagName = (_a = visibleSlide.querySelector('ptc-text-copy-with-background')) === null || _a === void 0 ? void 0 : _a.shadowRoot;
+        const tagName = (_a = visibleSlide.querySelector("ptc-text-copy-with-background")) === null || _a === void 0 ? void 0 : _a.shadowRoot;
         if (tagName) {
-          const content = tagName.querySelector('.card-wrap');
+          const content = tagName.querySelector(".card-wrap");
           const parent = content === null || content === void 0 ? void 0 : content.parentNode;
           if (parent && content) {
             parent.removeChild(content);
@@ -191,18 +199,18 @@ export class PtcCaseStudiesSlider {
     }
   }
   renderSlides(slideName, wrapperName) {
-    const slidesList = Array.from(this.hostElement.querySelectorAll('.' + slideName));
+    const slidesList = Array.from(this.hostElement.querySelectorAll("." + slideName));
     if (slidesList.length > 0) {
-      const swiperWrapper = this.hostElement.shadowRoot.querySelector('.' + wrapperName);
+      const swiperWrapper = this.hostElement.shadowRoot.querySelector("." + wrapperName);
       slidesList.forEach((node, index) => {
         const cloneNode = node.cloneNode(true);
         swiperWrapper.appendChild(cloneNode);
         node.remove;
-        cloneNode.addEventListener('keydown', (event) => this.handleKeyDown(event));
+        cloneNode.addEventListener("keydown", (event) => this.handleKeyDown(event));
         //cloneNode.addEventListener('click', () => this.onClick(index));
-        const imageElement = cloneNode.querySelector('img');
+        const imageElement = cloneNode.querySelector("img");
         if (imageElement) {
-          imageElement.addEventListener('click', () => {
+          imageElement.addEventListener("click", () => {
             var _a;
             (_a = this.caseStudiesSlides) === null || _a === void 0 ? void 0 : _a.slideTo(index); // Change the slide to the corresponding index
           });
@@ -211,7 +219,7 @@ export class PtcCaseStudiesSlider {
     }
   }
   render() {
-    return (h(Host, null, h("div", { class: "ptc-container" }, h("div", { class: "case-studies-thumbs swiper", ref: el => this.caeStudiesThumbRef = el }, h("span", { class: "hide" }, h("slot", { name: 'thumb-slides' })), h("div", { class: 'swiper-wrapper swiper-wrapper-thumbs' }))), h("div", { class: "case-studies-slides swiper", ref: el => this.caseStudiesSlidesRef = el }, h("span", { class: "hide" }, h("slot", { name: 'content-slides' })), h("div", { class: 'swiper-wrapper swiper-wrapper-content' }), h("div", { class: "swiper-pagination", ref: el => this.paginationRef = el }))));
+    return (h(Host, null, h("div", { class: "ptc-container" }, h("div", { class: "case-studies-thumbs swiper", ref: (el) => (this.caeStudiesThumbRef = el) }, h("span", { class: "hide" }, h("slot", { name: "thumb-slides" })), h("div", { class: "swiper-wrapper swiper-wrapper-thumbs" }))), h("div", { class: "case-studies-slides swiper", ref: (el) => (this.caseStudiesSlidesRef = el) }, h("span", { class: "hide" }, h("slot", { name: "content-slides" })), h("div", { class: "swiper-wrapper swiper-wrapper-content" }), h("div", { class: "swiper-pagination", ref: (el) => (this.paginationRef = el) }))));
   }
   static get is() { return "ptc-case-studies-slider"; }
   static get encapsulation() { return "shadow"; }

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

@@ -1,4 +1,4 @@
-import { h, Host } from '@stencil/core';
+import { h, Host, } from "@stencil/core";
 export class PtcCheckbox {
   constructor() {
     this.handleClick = (e) => {
@@ -20,23 +20,23 @@ export class PtcCheckbox {
         e.preventDefault();
       }
       else {
-        let input = this.host.shadowRoot.querySelector('input');
-        if (this.checked == 'unchecked') {
-          this.checked = 'checked';
+        let input = this.host.shadowRoot.querySelector("input");
+        if (this.checked == "unchecked") {
+          this.checked = "checked";
         }
         else {
-          this.checked = 'unchecked';
+          this.checked = "unchecked";
         }
         let parameter = {
           event: e,
           sender: input,
           value: this.value,
-          checked: this.checked
+          checked: this.checked,
         };
         this.checkedChanged.emit(parameter);
       }
     };
-    this.checked = 'unchecked';
+    this.checked = "unchecked";
     this.value = undefined;
     this.disabled = undefined;
     this.inputName = undefined;
@@ -44,18 +44,18 @@ export class PtcCheckbox {
     this.offsetFocusOutline = false;
   }
   componentDidLoad() {
-    let input = this.host.shadowRoot.querySelector('input');
-    input.checked = this.checked == 'checked';
+    let input = this.host.shadowRoot.querySelector("input");
+    input.checked = this.checked == "checked";
   }
   render() {
     return (h(Host, null, h("label", { id: this.trackerId, class: this.getCssClassMap(), tabIndex: 0, onKeyDown: this.handleKeyDown }, h("slot", null), h("input", { type: "checkbox", tabIndex: -1, onClick: (e) => this.handleClick(e), checked: this.checked == "checked", name: this.inputName, value: this.value, onChange: (e) => this.handleChange(e) }), h("span", { class: "check" }, h("span", { class: "mark" }, h("icon-asset", { type: "ptc", color: "white", size: "xx-small", name: "checkmark" }))))));
   }
   getCssClassMap() {
     return {
-      ['ptc-checkbox']: true,
-      ['disabled']: this.disabled,
-      ['mf-listen']: true,
-      ['offset-focus-outline']: this.offsetFocusOutline
+      ["ptc-checkbox"]: true,
+      ["disabled"]: this.disabled,
+      ["mf-listen"]: true,
+      ["offset-focus-outline"]: this.offsetFocusOutline,
     };
   }
   static get is() { return "ptc-checkbox"; }
@@ -76,7 +76,7 @@ export class PtcCheckbox {
         "type": "string",
         "mutable": true,
         "complexType": {
-          "original": "'checked' | 'unchecked'",
+          "original": "\"checked\" | \"unchecked\"",
           "resolved": "\"checked\" | \"unchecked\"",
           "references": {}
         },
@@ -88,7 +88,7 @@ export class PtcCheckbox {
         },
         "attribute": "checked",
         "reflect": false,
-        "defaultValue": "'unchecked'"
+        "defaultValue": "\"unchecked\""
       },
       "value": {
         "type": "string",

package/dist/collection/components/ptc-checkbox-group/ptc-checkbox-group.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 */