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

package/dist/collection/components/ptc-value-led-content-highlight/ptc-value-led-content-highlight.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-value-led-content-highlight/ptc-value-led-content-highlight.js

@@ -1,4 +1,4 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class PtcValueLedContentHighlight {
   render() {
     return (h(Host, null, h("slot", null)));

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

@@ -1,10 +1,10 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class PtcValueLedIntro {
   constructor() {
     this.contentTag = undefined;
   }
   render() {
-    return (h(Host, null, h("div", { class: 'content-tag' }, this.contentTag), h("slot", null)));
+    return (h(Host, null, h("div", { class: "content-tag" }, this.contentTag), h("slot", null)));
   }
   static get is() { return "ptc-value-led-intro"; }
   static get encapsulation() { return "shadow"; }

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

@@ -1,4 +1,4 @@
-import { Host, h } from '@stencil/core';
+import { Host, h, } from "@stencil/core";
 export class PtcValueLedLayout {
   constructor() {
     this.sidebarData = [];
@@ -33,28 +33,37 @@ export class PtcValueLedLayout {
     //if (!this.isMobile) {
     this.setActiveItem();
     //}
-    this.selectBtn = this.hostElement.shadowRoot.querySelector('.select-button');
-    this.customSelect = this.hostElement.shadowRoot.querySelector(".custom-select");
+    this.selectBtn =
+      this.hostElement.shadowRoot.querySelector(".select-button");
+    this.customSelect =
+      this.hostElement.shadowRoot.querySelector(".custom-select");
     this.optionsList = this.hostElement.shadowRoot.querySelectorAll(".select-dropdown li");
-    this.selectBtn.addEventListener('click', this.handleSelectButtonClick.bind(this));
+    this.selectBtn.addEventListener("click", this.handleSelectButtonClick.bind(this));
     this.customSelectDropdown();
-    document.querySelectorAll('.video-embad-container-value-led-class').forEach(item => {
-      const ptcContainer = item.querySelector('.ptc-container');
+    document
+      .querySelectorAll(".video-embad-container-value-led-class")
+      .forEach((item) => {
+      const ptcContainer = item.querySelector(".ptc-container");
       if (ptcContainer) {
-        ptcContainer.classList.remove('ptc-container');
-        item.classList.add('u-paddingTop-flush');
+        ptcContainer.classList.remove("ptc-container");
+        item.classList.add("u-paddingTop-flush");
       }
     });
   }
   handleScroll() {
-    const scrollableEl = this.hostElement.shadowRoot.querySelector('.vl-layout-wrap');
+    const scrollableEl = this.hostElement.shadowRoot.querySelector(".vl-layout-wrap");
     if (scrollableEl) {
       const divRect = scrollableEl.getBoundingClientRect();
-      if (window.scrollY >= divRect.top && window.scrollY <= divRect.height) {
+      if (window.scrollY >= divRect.top &&
+        window.scrollY <= divRect.height) {
         this.setActiveItem();
-        const activeListItem = this.hostElement.shadowRoot.querySelector('.vl-list-wrap ul li.active');
+        const activeListItem = this.hostElement.shadowRoot.querySelector(".vl-list-wrap ul li.active");
         if (activeListItem) {
-          activeListItem.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' });
+          activeListItem.scrollIntoView({
+            behavior: "smooth",
+            block: "nearest",
+            inline: "nearest",
+          });
         }
       }
     }
@@ -63,10 +72,10 @@ export class PtcValueLedLayout {
     this.setActiveItem();
   }
   handleKeyDown(event) {
-    if (event.key === 'ArrowUp' ||
-      event.key === 'ArrowDown' ||
-      event.key === 'PageUp' ||
-      event.key === 'PageDown') {
+    if (event.key === "ArrowUp" ||
+      event.key === "ArrowDown" ||
+      event.key === "PageUp" ||
+      event.key === "PageDown") {
       this.setActiveItem();
     }
   }
@@ -98,42 +107,50 @@ export class PtcValueLedLayout {
     this.customSelectDropdown();
   }
   handleDropdownScroll() {
-    let dropdownWrap = this.hostElement.shadowRoot.querySelector('.custom-select');
+    let dropdownWrap = this.hostElement.shadowRoot.querySelector(".custom-select");
     if (dropdownWrap) {
-      let body = dropdownWrap.querySelector('.select-dropdown');
+      let body = dropdownWrap.querySelector(".select-dropdown");
       var height = body.clientHeight;
       var scrollHeight = body.scrollHeight;
       var scrollTop = body.scrollTop;
       var offset = body.offsetHeight;
-      if (height < scrollHeight) { //has scrollbar
-        if (scrollTop > 0) { //can scroll up
-          dropdownWrap.classList.add('scroll-top');
+      if (height < scrollHeight) {
+        //has scrollbar
+        if (scrollTop > 0) {
+          //can scroll up
+          dropdownWrap.classList.add("scroll-top");
         }
         else {
-          dropdownWrap.classList.remove('scroll-top');
+          dropdownWrap.classList.remove("scroll-top");
         }
-        if (offset + scrollTop < scrollHeight) { //can scroll down
-          dropdownWrap.classList.add('scroll-bottom');
+        if (offset + scrollTop < scrollHeight) {
+          //can scroll down
+          dropdownWrap.classList.add("scroll-bottom");
         }
         else {
-          dropdownWrap.classList.remove('scroll-bottom');
+          dropdownWrap.classList.remove("scroll-bottom");
         }
       }
     }
   }
   handleSelectButtonClick() {
     this.customSelect.classList.toggle("active");
-    this.selectBtn.setAttribute("aria-expanded", this.selectBtn.getAttribute("aria-expanded") === "true" ? "false" : "true");
+    this.selectBtn.setAttribute("aria-expanded", this.selectBtn.getAttribute("aria-expanded") === "true"
+      ? "false"
+      : "true");
   }
   getSidebarList() {
-    const sidebarList = document.querySelectorAll('.vl-content-item');
-    sidebarList.forEach(listItem => {
+    const sidebarList = document.querySelectorAll(".vl-content-item");
+    sidebarList.forEach((listItem) => {
       var _a, _b, _c, _d;
       //let itemTitle = listItem.getAttribute('comp-title');
-      let itemTitle = ((_b = (_a = listItem.querySelector('ptc-title h2')) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()) || ((_d = (_c = listItem.querySelector('ptc-title h1')) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.trim());
-      let itemRef = listItem.getAttribute('id');
+      let itemTitle = ((_b = (_a = listItem.querySelector("ptc-title h2")) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()) ||
+        ((_d = (_c = listItem.querySelector("ptc-title h1")) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.trim());
+      let itemRef = listItem.getAttribute("id");
       let vlItem = { title: itemTitle, ref: itemRef };
-      this.sidebarData.push(vlItem);
+      if (!!itemTitle && !!itemRef) {
+        this.sidebarData.push(vlItem);
+      }
     });
   }
   setActiveItem() {
@@ -150,58 +167,65 @@ export class PtcValueLedLayout {
     else {
       this.updateActiveItem(0);
       if (this.isMobile) {
-        this.selectedValue.textContent = this.optionsList[0].textContent;
+        this.selectedValue.textContent =
+          this.optionsList[0].textContent;
       }
     }
   }
   updateActiveItem(index) {
     const listItem = this.hostElement.shadowRoot.querySelector(`.vl-list-wrap ul li:nth-child(${index + 1})`);
-    const activeListItem = this.hostElement.shadowRoot.querySelector('.vl-list-wrap ul li.active');
+    const activeListItem = this.hostElement.shadowRoot.querySelector(".vl-list-wrap ul li.active");
     if (activeListItem) {
-      activeListItem.classList.remove('active');
+      activeListItem.classList.remove("active");
     }
     if (listItem) {
-      listItem.classList.add('active');
+      listItem.classList.add("active");
     }
     // Update the selected option in the mobile select
-    this.mobileSelect = this.hostElement.shadowRoot.querySelector('.mobile-select');
+    this.mobileSelect = this.hostElement.shadowRoot.querySelector(".mobile-select");
     if (this.mobileSelect) {
       // this.mobileSelect.selectedIndex = index;
-      this.selectedValue = this.hostElement.shadowRoot.querySelector(".selected-value");
+      this.selectedValue =
+        this.hostElement.shadowRoot.querySelector(".selected-value");
       this.optionsList = this.hostElement.shadowRoot.querySelectorAll(".select-dropdown li");
       this.optionsList.forEach((option) => {
         if (parseInt(option.id) === index) {
-          this.selectedValue.textContent = option.children[1].textContent;
+          this.selectedValue.textContent =
+            option.children[1].textContent;
         }
       });
       const listItemDrop = this.hostElement.shadowRoot.querySelector(`.select-dropdown li:nth-child(${index + 1})`);
-      const activeListItemDrop = this.hostElement.shadowRoot.querySelector('.select-dropdown li.active');
+      const activeListItemDrop = this.hostElement.shadowRoot.querySelector(".select-dropdown li.active");
       if (activeListItemDrop) {
-        activeListItemDrop.classList.remove('active');
+        activeListItemDrop.classList.remove("active");
       }
       if (listItemDrop) {
-        listItemDrop.classList.add('active');
+        listItemDrop.classList.add("active");
       }
     }
   }
   handleSelectChange(selectedIndex) {
     const section = document.getElementById(this.sidebarData[selectedIndex].ref);
     if (section) {
-      section.scrollIntoView({ behavior: 'smooth' });
+      section.scrollIntoView({ behavior: "smooth" });
       const sectionTop = section.offsetTop;
       window.scrollTo(0, sectionTop - 75);
     }
   }
   customSelectDropdown() {
-    this.selectedValue = this.hostElement.shadowRoot.querySelector(".selected-value");
+    this.selectedValue =
+      this.hostElement.shadowRoot.querySelector(".selected-value");
     if (this.customSelect && this.isMobile) {
       // add click event to select button
       this.optionsList.forEach((option, index) => {
         // Use arrow function to preserve the 'this' context
         const handler = (e) => {
           // Click Events
-          if (e.type === "click" && e.clientX !== 0 && e.clientY !== 0) {
-            this.selectedValue.textContent = option.children[1].textContent;
+          if (e.type === "click" &&
+            e.clientX !== 0 &&
+            e.clientY !== 0) {
+            this.selectedValue.textContent =
+              option.children[1].textContent;
             this.customSelect.classList.remove("active");
             // Call handleSelectChange with the selected index
             this.handleSelectChange(index);
@@ -225,19 +249,25 @@ export class PtcValueLedLayout {
   onMenuitemKeydown(event) {
     let tgt = event.currentTarget, key = event.key;
     //let flag = false;
-    let dropdownLength = this.hostElement.shadowRoot.querySelectorAll('.select-dropdown li').length;
-    let dropButton = this.hostElement.shadowRoot.querySelector('.select-button');
+    let dropdownLength = this.hostElement.shadowRoot.querySelectorAll(".select-dropdown li").length;
+    let dropButton = this.hostElement.shadowRoot.querySelector(".select-button");
     if (event.ctrlKey || event.altKey || event.metaKey) {
       return;
     }
-    if (key === 'Tab') {
-      if ((dropdownLength - 1) == tgt.id) {
+    if (key === "Tab") {
+      if (dropdownLength - 1 == tgt.id) {
         dropButton.focus();
       }
     }
   }
   render() {
-    return (h(Host, null, h("div", { class: 'top-image', style: { backgroundImage: `url(${this.topBackgroundImage})` } }), h("div", { class: 'ptc-container' }, h("div", { class: "pdf-slot-wrapper" }, h("slot", { name: 'pdf-slot' })), h("div", { class: "vl-layout-wrap" }, (this.sidebarData.length > 0 && !this.isMobile) && (h("div", { class: 'vl-sidebar' }, h("div", { class: 'vl-list-wrap' }, h("ul", { id: 'vl-side-list' }, this.sidebarData.map((item, index) => (h("li", { id: 'list-' + index, class: 'mf-listen' }, h("a", { href: "#" + item.ref, id: index, onClick: () => { this.updateActiveItem(index); } }, h("ptc-tooltip", { "max-length": "70", description: item.title, "no-overflow": "true" }))))))))), h("span", { style: { display: 'none !important' } }), h("div", { class: 'vl-content-wrap' }, h("div", { class: "custom-select mobile-select" }, h("button", { class: "select-button", role: "combobox", "aria-labelledby": "select button", "aria-haspopup": "listbox", "aria-expanded": "false", "aria-controls": "select-dropdown" }, h("span", { class: "selected-value" }, "Select option"), h("span", { class: "arrow" })), h("ul", { class: "select-dropdown", role: "listbox", id: "select-dropdown", onScroll: () => this.handleDropdownScroll() }, this.sidebarData.map((item, index) => (h("li", { role: "option", id: index, onClick: () => this.selectDropOption(index), tabIndex: 0, onKeyDown: (e) => { this.onMenuitemKeydown(e); } }, h("input", { type: "radio", id: item.title, name: "vl-drop-list", tabIndex: -1 }), h("label", { htmlFor: item.title }, h("i", { class: "bx bxl-github" }), item.title)))))), h("div", { class: 'vl-content-slot-wrap' }, h("slot", null)))))));
+    return (h(Host, null, h("div", { class: "top-image", style: {
+        backgroundImage: `url(${this.topBackgroundImage})`,
+      } }), h("div", { class: "ptc-container" }, h("div", { class: "pdf-slot-wrapper" }, h("slot", { name: "pdf-slot" })), h("div", { class: "vl-layout-wrap" }, this.sidebarData.length > 0 && !this.isMobile && (h("div", { class: "vl-sidebar" }, h("div", { class: "vl-list-wrap" }, h("ul", { id: "vl-side-list" }, this.sidebarData.map((item, index) => (h("li", { id: "list-" + index, class: "mf-listen" }, h("a", { href: "#" + item.ref, id: index, onClick: () => {
+        this.updateActiveItem(index);
+      } }, h("ptc-tooltip", { "max-length": "70", description: item.title, "no-overflow": "true" }))))))))), h("span", { style: { display: "none !important" } }), h("div", { class: "vl-content-wrap" }, h("div", { class: "custom-select mobile-select" }, h("button", { class: "select-button", role: "combobox", "aria-labelledby": "select button", "aria-haspopup": "listbox", "aria-expanded": "false", "aria-controls": "select-dropdown" }, h("span", { class: "selected-value" }, "Select option"), h("span", { class: "arrow" })), h("ul", { class: "select-dropdown", role: "listbox", id: "select-dropdown", onScroll: () => this.handleDropdownScroll() }, this.sidebarData.map((item, index) => (h("li", { role: "option", id: index, onClick: () => this.selectDropOption(index), tabIndex: 0, onKeyDown: (e) => {
+        this.onMenuitemKeydown(e);
+      } }, h("input", { type: "radio", id: item.title, name: "vl-drop-list", tabIndex: -1 }), h("label", { htmlFor: item.title }, h("i", { class: "bx bxl-github" }), item.title)))))), h("div", { class: "vl-content-slot-wrap" }, h("slot", null)))))));
   }
   static get is() { return "ptc-value-led-layout"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.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 */
@@ -77,39 +81,155 @@ 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, .podcast-cta-section 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, .podcast-cta-section 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, .podcast-cta-section 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,
+.podcast-cta-section 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,
+.podcast-cta-section 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,
+.podcast-cta-section 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, .podcast-cta-section 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, .podcast-cta-section 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, .podcast-cta-section 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,
+.podcast-cta-section 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,
+.podcast-cta-section 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,
+.podcast-cta-section 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, .podcast-cta-section a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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, .podcast-cta-section a, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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, .podcast-cta-section a, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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,
+.podcast-cta-section a,
+.vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section 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,
+.podcast-cta-section a,
+.vjs-social-share-links a):active,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section 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,
+.podcast-cta-section a,
+.vjs-social-share-links a):active,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section 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, .podcast-cta-section a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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, .podcast-cta-section a, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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, .podcast-cta-section a, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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,
+.podcast-cta-section a,
+.vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section 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,
+.podcast-cta-section a,
+.vjs-social-share-links a):hover,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section 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,
+.podcast-cta-section a,
+.vjs-social-share-links a):hover,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section 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, .podcast-cta-section 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, .podcast-cta-section 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, .podcast-cta-section 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,
+.podcast-cta-section 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,
+.podcast-cta-section 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,
+.podcast-cta-section 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, .podcast-cta-section 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, .podcast-cta-section 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, .podcast-cta-section 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,
+.podcast-cta-section 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,
+.podcast-cta-section 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,
+.podcast-cta-section 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-value-led-speed-bump/ptc-value-led-speed-bump.js

@@ -1,4 +1,4 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class PtcValueLedSpeedBump {
   constructor() {
     this.cardTitle = undefined;
@@ -10,13 +10,16 @@ export class PtcValueLedSpeedBump {
   }
   componentWillLoad() {
     this.isMobile = window.innerWidth < 768;
-    this.ctaLink = document.querySelector('ptc-value-led-speed-bump ptc-button').getAttribute('link-href');
-    this.ctaTarget = document.querySelector('ptc-value-led-speed-bump ptc-button').getAttribute('target');
+    this.ctaLink = document
+      .querySelector("ptc-value-led-speed-bump ptc-button")
+      .getAttribute("link-href");
+    this.ctaTarget = document
+      .querySelector("ptc-value-led-speed-bump ptc-button")
+      .getAttribute("target");
   }
   render() {
-    const Tag = !!this.isMobile ? 'a' : 'div';
-    return (h(Host, null, h(Tag, { class: "sb-card", href: this.ctaLink, target: this.ctaTarget }, this.cardImage &&
-      h("div", { class: 'img-wrap' }, h("ptc-picture", { alt: "image", "display-image": "block", "image-position": "relative", "is-full-height": "true", "is-full-width": "true", "object-fit": "cover", src: this.cardImage, styles: "img{ min-height: 95px}" })), h("div", { class: 'card-content-wrap' }, h("div", { class: 'card-content' }, h("slot", { name: 'title-slot' }), h("p", null, h("slot", null))), h("div", { class: 'cta-slot' }, h("slot", { name: 'cta-slot' }))))));
+    const Tag = !!this.isMobile ? "a" : "div";
+    return (h(Host, null, h(Tag, { class: "sb-card", href: this.ctaLink, target: this.ctaTarget }, this.cardImage && (h("div", { class: "img-wrap" }, h("ptc-picture", { alt: "image", "display-image": "block", "image-position": "relative", "is-full-height": "true", "is-full-width": "true", "object-fit": "cover", src: this.cardImage, styles: "img{ min-height: 95px}" }))), h("div", { class: "card-content-wrap" }, h("div", { class: "card-content" }, h("slot", { name: "title-slot" }), h("p", null, h("slot", null))), h("div", { class: "cta-slot" }, h("slot", { name: "cta-slot" }))))));
   }
   static get is() { return "ptc-value-led-speed-bump"; }
   static get encapsulation() { return "shadow"; }

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

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

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

@@ -1,14 +1,14 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class PtcValuePropCard {
   constructor() {
     this.cardHref = undefined;
-    this.target = '_self';
+    this.target = "_self";
     this.rel = undefined;
     this.cardTitle = undefined;
     this.backgroundImage = undefined;
   }
   render() {
-    return (h(Host, null, h("a", { href: this.cardHref, rel: this.rel, target: this.target, class: 'vp-card' }, h("ptc-img", { "image-type": "smart-img", "img-url": this.backgroundImage, "load-mode": "lazy-bg" }, h("div", { class: "overlay" }), h("div", { class: 'caption' }, h("ptc-para", { "font-size": "small", "font-weight": "w-8", "para-align": "center", "para-color": "primary-white", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-z-index": "z-auto" }, this.cardTitle), h("slot", null))))));
+    return (h(Host, null, h("a", { href: this.cardHref, rel: this.rel, target: this.target, class: "vp-card" }, h("ptc-img", { "image-type": "smart-img", "img-url": this.backgroundImage, "load-mode": "lazy-bg" }, h("div", { class: "overlay" }), h("div", { class: "caption" }, h("ptc-para", { "font-size": "small", "font-weight": "w-8", "para-align": "center", "para-color": "primary-white", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-z-index": "z-auto" }, this.cardTitle), h("slot", null))))));
   }
   static get is() { return "ptc-value-prop-card"; }
   static get encapsulation() { return "shadow"; }
@@ -58,7 +58,7 @@ export class PtcValuePropCard {
         },
         "attribute": "target",
         "reflect": false,
-        "defaultValue": "'_self'"
+        "defaultValue": "\"_self\""
       },
       "rel": {
         "type": "string",