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

package/dist/collection/components/ptc-homepage-image-feature/ptc-homepage-image-feature.js

@@ -1,9 +1,11 @@
-import { Host, h } from '@stencil/core';
-import { observeInView } from '../../utils/utils';
+import { Host, h } from "@stencil/core";
+import { observeInView } from "../../utils/utils";
 export class PtcHomepageImageFeature {
-  componentDidLoad() { observeInView(this.hostEle, '.ptc-animate', true); }
+  componentDidLoad() {
+    observeInView(this.hostEle, ".ptc-animate", true);
+  }
   render() {
-    return (h(Host, null, h("div", { class: 'img-wrap ptc-animate' }, h("slot", { name: 'featured-image' })), h("div", { class: 'card-wrap ptc-animate' }, h("div", { class: 'card' }, h("slot", { name: 'card-title' }), h("slot", null)))));
+    return (h(Host, null, h("div", { class: "img-wrap ptc-animate" }, h("slot", { name: "featured-image" })), h("div", { class: "card-wrap ptc-animate" }, h("div", { class: "card" }, h("slot", { name: "card-title" }), h("slot", null)))));
   }
   static get is() { return "ptc-homepage-image-feature"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/ptc-homepage-video-background/ptc-homepage-video-background.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 */
@@ -76,8 +80,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;
@@ -96,8 +102,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-homepage-video-background/ptc-homepage-video-background.js

@@ -1,5 +1,5 @@
-import { Host, h } from '@stencil/core';
-import { observeInView } from '../../utils/utils';
+import { Host, h } from "@stencil/core";
+import { observeInView } from "../../utils/utils";
 class SliderSettings {
 }
 export class PtcHomepageVideoBackground {
@@ -10,7 +10,7 @@ export class PtcHomepageVideoBackground {
     this.playButtonTitle = undefined;
     this.pauseButtonTitle = undefined;
     this.playButtonTrackerId = undefined;
-    this.buttonLocation = 'bottom-right';
+    this.buttonLocation = "bottom-right";
     this.defer = false;
     this.links = undefined;
   }
@@ -20,21 +20,21 @@ export class PtcHomepageVideoBackground {
       PreventAnchor: false,
       Timeout: undefined,
       StartX: 0,
-      ScrollLeft: 0
+      ScrollLeft: 0,
     };
     this.readLinkItems();
   }
   componentDidLoad() {
-    this.slider = this.el.shadowRoot.querySelector('.card-section');
+    this.slider = this.el.shadowRoot.querySelector(".card-section");
     //this.slider.addEventListener('scroll', () => this.onSliderScroll());
     //window.addEventListener('scroll', () => this.onSliderScroll());
     //this.onSliderScroll();
-    observeInView(this.el, '.card-section', true);
+    observeInView(this.el, ".card-section", true);
   }
   readLinkItems() {
     this.links = [];
-    const anchors = this.el.querySelectorAll('.card-cta-links > a');
-    anchors.forEach(a => {
+    const anchors = this.el.querySelectorAll(".card-cta-links > a");
+    anchors.forEach((a) => {
       let link = a;
       if (link && this.links.length < 4) {
         this.links.push(link);
@@ -52,17 +52,23 @@ export class PtcHomepageVideoBackground {
     anchor && anchor.click();
   }
   onSliderScroll() {
-    if (this.slider.scrollLeft === 0 && this.slider.classList.contains('scroll-st')) {
-      this.slider.classList.remove('scroll-st');
+    if (this.slider.scrollLeft === 0 &&
+      this.slider.classList.contains("scroll-st")) {
+      this.slider.classList.remove("scroll-st");
     }
-    else if (this.slider.scrollLeft !== 0 && !this.slider.classList.contains('scroll-st')) {
-      this.slider.classList.add('scroll-st');
+    else if (this.slider.scrollLeft !== 0 &&
+      !this.slider.classList.contains("scroll-st")) {
+      this.slider.classList.add("scroll-st");
     }
-    if (this.slider.scrollLeft === (this.slider.scrollWidth - this.slider.offsetWidth) && this.slider.classList.contains('scroll-ed')) {
-      this.slider.classList.remove('scroll-ed');
+    if (this.slider.scrollLeft ===
+      this.slider.scrollWidth - this.slider.offsetWidth &&
+      this.slider.classList.contains("scroll-ed")) {
+      this.slider.classList.remove("scroll-ed");
     }
-    else if (this.slider.scrollLeft !== (this.slider.scrollWidth - this.slider.offsetWidth) && !this.slider.classList.contains('scroll-ed')) {
-      this.slider.classList.add('scroll-ed');
+    else if (this.slider.scrollLeft !==
+      this.slider.scrollWidth - this.slider.offsetWidth &&
+      !this.slider.classList.contains("scroll-ed")) {
+      this.slider.classList.add("scroll-ed");
     }
   }
   onLinkClick(e) {
@@ -80,7 +86,7 @@ export class PtcHomepageVideoBackground {
   onSliderMouseDown(e, slider) {
     e.preventDefault();
     this.sliderSettings.IsMouseDown = true;
-    slider.classList.add('active');
+    slider.classList.add("active");
     this.sliderSettings.StartX = e.pageX - slider.offsetLeft;
     this.sliderSettings.ScrollLeft = slider.scrollLeft;
     this.sliderSettings.PreventAnchor = false;
@@ -89,7 +95,7 @@ export class PtcHomepageVideoBackground {
     e.preventDefault();
     clearTimeout(this.sliderSettings.Timeout);
     this.sliderSettings.IsMouseDown = false;
-    slider.classList.remove('active');
+    slider.classList.remove("active");
   }
   onSliderMouseDrag(e, slider) {
     this.sliderSettings.Timeout = setTimeout(() => {
@@ -98,7 +104,7 @@ export class PtcHomepageVideoBackground {
     if (this.sliderSettings.IsMouseDown) {
       e.preventDefault();
       const x = e.pageX - slider.offsetLeft;
-      const walk = (x - this.sliderSettings.StartX);
+      const walk = x - this.sliderSettings.StartX;
       slider.scrollLeft = this.sliderSettings.ScrollLeft - walk;
     }
   }
@@ -106,7 +112,7 @@ export class PtcHomepageVideoBackground {
     if (e && e.currentTarget) {
       let anch = e.currentTarget;
       if (anch) {
-        anch.classList.add('active');
+        anch.classList.add("active");
       }
     }
   }
@@ -114,7 +120,7 @@ export class PtcHomepageVideoBackground {
     if (e && e.currentTarget) {
       let anch = e.currentTarget;
       if (anch) {
-        anch.classList.remove('active');
+        anch.classList.remove("active");
         if (this.sliderSettings.IsMouseDown) {
           clearTimeout(this.sliderSettings.Timeout);
           this.sliderSettings.IsMouseDown = false;
@@ -124,26 +130,39 @@ export class PtcHomepageVideoBackground {
   }
   componentDidRender() {
     let that = this;
-    this.el.shadowRoot.querySelectorAll('.card-link').forEach((div) => {
-      let a = div.querySelector('a');
-      a.addEventListener('click', (e) => { that.onLinkClick(e); });
-      div.addEventListener('mousedown', (e) => { that.onCardMouseDown(e); });
-      div.addEventListener('mouseup', (e) => { that.onCardMouseUp(e); });
-      div.addEventListener('mouseleave', (e) => { that.onCardMouseUp(e); });
-      div.addEventListener('touchend', (e) => { that.onCardMouseUp(e); });
+    this.el.shadowRoot
+      .querySelectorAll(".card-link")
+      .forEach((div) => {
+      let a = div.querySelector("a");
+      a.addEventListener("click", (e) => {
+        that.onLinkClick(e);
+      });
+      div.addEventListener("mousedown", (e) => {
+        that.onCardMouseDown(e);
+      });
+      div.addEventListener("mouseup", (e) => {
+        that.onCardMouseUp(e);
+      });
+      div.addEventListener("mouseleave", (e) => {
+        that.onCardMouseUp(e);
+      });
+      div.addEventListener("touchend", (e) => {
+        that.onCardMouseUp(e);
+      });
     });
   }
   render() {
-    return (h(Host, null, h("ptc-background-video", Object.assign({}, this.getBackgroundVideoSettings(), { "overlay-type": 'dark', "tracker-id": this.playButtonTrackerId, defer: this.defer, "poster-src": this.posterSrc }), h("div", { class: "ptc-container" }, h("div", { class: "primary-content-wrapper" }, h("slot", { name: "primary-content" })), h("div", { class: "card-links" }, h("div", { class: "secondary-content-wrapper" }, h("slot", { name: "secondary-content" })), h("div", Object.assign({ class: "card-section" }, this.getSliderBindings()), this.links && this.links.map((link, i) => {
-      const trackerId = link.getAttribute('data-tracker-id');
-      const icon = link.getAttribute('data-icon');
-      const target = link.getAttribute('target');
-      const title = link.getAttribute('title');
-      const text = link.textContent;
-      if (text) {
-        return (h("div", { id: trackerId, class: `card-link card-link-${i + 1}`, "tab-index": i + 1 }, h("div", { class: "bgb" }), h("div", { class: "bgh" }), h("div", { class: "bgp" }), h("a", { href: link.href, target: target, title: title, class: "link-cover" }), icon && h("icon-asset", { type: "ptc", size: "large", color: 'white', name: icon }), h("span", { class: "link-text hyphenate-text" }, text.trim())));
-      }
-    })))))));
+    return (h(Host, null, h("ptc-background-video", Object.assign({}, this.getBackgroundVideoSettings(), { "overlay-type": "dark", "tracker-id": this.playButtonTrackerId, defer: this.defer, "poster-src": this.posterSrc }), h("div", { class: "ptc-container" }, h("div", { class: "primary-content-wrapper" }, h("slot", { name: "primary-content" })), h("div", { class: "card-links" }, h("div", { class: "secondary-content-wrapper" }, h("slot", { name: "secondary-content" })), h("div", Object.assign({ class: "card-section" }, this.getSliderBindings()), this.links &&
+      this.links.map((link, i) => {
+        const trackerId = link.getAttribute("data-tracker-id");
+        const icon = link.getAttribute("data-icon");
+        const target = link.getAttribute("target");
+        const title = link.getAttribute("title");
+        const text = link.textContent;
+        if (text) {
+          return (h("div", { id: trackerId, class: `card-link card-link-${i + 1}`, "tab-index": i + 1 }, h("div", { class: "bgb" }), h("div", { class: "bgh" }), h("div", { class: "bgp" }), h("a", { href: link.href, target: target, title: title, class: "link-cover" }), icon && (h("icon-asset", { type: "ptc", size: "large", color: "white", name: icon })), h("span", { class: "link-text hyphenate-text" }, text.trim())));
+        }
+      })))))));
   }
   getBackgroundVideoSettings() {
     return {
@@ -153,15 +172,23 @@ export class PtcHomepageVideoBackground {
       playButtonTitle: this.playButtonTitle,
       buttonLocation: this.buttonLocation,
       overlay: this.overlay,
-      class: 'bg-video'
+      class: "bg-video",
     };
   }
   getSliderBindings() {
     return {
-      onMouseDown: (e) => { this.onSliderMouseDown(e, this.slider); },
-      onMouseUp: (e) => { this.onSliderMouseExit(e, this.slider); },
-      onMouseLeave: (e) => { this.onSliderMouseExit(e, this.slider); },
-      onMouseMove: (e) => { this.onSliderMouseDrag(e, this.slider); }
+      onMouseDown: (e) => {
+        this.onSliderMouseDown(e, this.slider);
+      },
+      onMouseUp: (e) => {
+        this.onSliderMouseExit(e, this.slider);
+      },
+      onMouseLeave: (e) => {
+        this.onSliderMouseExit(e, this.slider);
+      },
+      onMouseMove: (e) => {
+        this.onSliderMouseDrag(e, this.slider);
+      },
     };
   }
   static get is() { return "ptc-homepage-video-background"; }
@@ -285,7 +312,7 @@ export class PtcHomepageVideoBackground {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'",
+          "original": "| \"top-left\"\r\n\t\t| \"top-right\"\r\n\t\t| \"bottom-left\"\r\n\t\t| \"bottom-right\"",
           "resolved": "\"bottom-left\" | \"bottom-right\" | \"top-left\" | \"top-right\"",
           "references": {}
         },
@@ -297,7 +324,7 @@ export class PtcHomepageVideoBackground {
         },
         "attribute": "button-location",
         "reflect": false,
-        "defaultValue": "'bottom-right'"
+        "defaultValue": "\"bottom-right\""
       },
       "defer": {
         "type": "boolean",

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

@@ -1,5 +1,5 @@
-import { Host, h } from '@stencil/core';
-import { CheckDarkFocusState } from '../../utils/utils';
+import { Host, h } from "@stencil/core";
+import { CheckDarkFocusState } from "../../utils/utils";
 export class PtcIconCard {
   constructor() {
     this.cardHref = undefined;
@@ -8,10 +8,12 @@ export class PtcIconCard {
     this.darkFocusState = false;
   }
   componentWillLoad() {
-    CheckDarkFocusState(this, this.el, '.light-links,ptc-footer');
+    CheckDarkFocusState(this, this.el, ".light-links,ptc-footer");
   }
   render() {
-    return (h(Host, null, h("div", { id: this.trackerId, class: this.darkFocusState ? `tracker-div mf-listen dark-bg` : `tracker-div mf-listenstandard-bg` }, h("a", { href: this.cardHref, target: this.target }, h("div", null, h("span", { class: 'card-icon' }, h("slot", null)), h("div", { class: 'card-title' }, h("slot", { name: 'card-title' })))))));
+    return (h(Host, null, h("div", { id: this.trackerId, class: this.darkFocusState
+        ? `tracker-div mf-listen dark-bg`
+        : `tracker-div mf-listenstandard-bg` }, h("a", { href: this.cardHref, target: this.target }, h("div", null, h("span", { class: "card-icon" }, h("slot", null)), h("div", { class: "card-title" }, h("slot", { name: "card-title" })))))));
   }
   static get is() { return "ptc-icon-card"; }
   static get encapsulation() { return "shadow"; }

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

package/dist/collection/components/ptc-icon-component/ptc-icon-component.js

@@ -1,5 +1,5 @@
-import { Host, h } from '@stencil/core';
-import Swiper, { Navigation, Pagination, Scrollbar } from 'swiper';
+import { Host, h } from "@stencil/core";
+import Swiper, { Navigation, Pagination, Scrollbar } from "swiper";
 export class PtcIconComponent {
   constructor() {
     this.isMobile = undefined;
@@ -9,7 +9,6 @@ export class PtcIconComponent {
   }
   componentWillLoad() {
     this.isMobile = window.innerWidth < 768 || screen.width < 768;
-    ;
   }
   componentDidLoad() {
     this.renderSlides();
@@ -25,13 +24,15 @@ export class PtcIconComponent {
     }, 200);
   }
   renderSlides() {
-    const slidesList = Array.from(this.hostElement.querySelectorAll('.icon-component'));
+    const slidesList = Array.from(this.hostElement.querySelectorAll(".icon-component"));
     if (slidesList.length > 0) {
-      const swiperWrapper = this.hostElement.shadowRoot.querySelector('.swiper-wrapper');
+      const swiperWrapper = this.hostElement.shadowRoot.querySelector(".swiper-wrapper");
       slidesList.forEach((node) => {
-        const slideElement = document.createElement('div');
-        slideElement.classList.add('swiper-slide');
-        slideElement.querySelectorAll("a").forEach(item => item.tabIndex = -1);
+        const slideElement = document.createElement("div");
+        slideElement.classList.add("swiper-slide");
+        slideElement
+          .querySelectorAll("a")
+          .forEach((item) => (item.tabIndex = -1));
         let cloneNode = node.cloneNode(true);
         slideElement.appendChild(cloneNode);
         swiperWrapper.appendChild(slideElement);
@@ -50,7 +51,7 @@ export class PtcIconComponent {
         pagination: {
           el: this.swiperPaginationRef,
           clickable: true,
-          type: 'fraction'
+          type: "fraction",
         },
         navigation: {
           nextEl: this.swiperButtonNextRef,
@@ -68,7 +69,7 @@ export class PtcIconComponent {
   onNextBtnClick(e) {
     let btn = e.currentTarget;
     e.preventDefault();
-    if (btn && !btn.classList.contains('disabled')) {
+    if (btn && !btn.classList.contains("disabled")) {
       this.iconSwiper.slideNext();
       this.setUpTabIndex();
     }
@@ -76,7 +77,7 @@ export class PtcIconComponent {
   onPrevBtnClick(e) {
     let btn = e.currentTarget;
     e.preventDefault();
-    if (btn && !btn.classList.contains('disabled')) {
+    if (btn && !btn.classList.contains("disabled")) {
       this.iconSwiper.slidePrev();
       this.setUpTabIndex();
     }
@@ -94,15 +95,19 @@ export class PtcIconComponent {
   setUpTabIndex() {
     if (this.iconSwiper) {
       if (this.iconSwiper.slides) {
-        this.iconSwiper.slides.forEach(i => i.querySelectorAll("a").forEach(item => item.tabIndex = -1));
+        this.iconSwiper.slides.forEach((i) => i
+          .querySelectorAll("a")
+          .forEach((item) => (item.tabIndex = -1)));
         if (this.iconSwiper.slides[this.iconSwiper.activeIndex].querySelectorAll("a")) {
-          this.iconSwiper.slides[this.iconSwiper.activeIndex].querySelectorAll("a").forEach(item => item.tabIndex = 0);
+          this.iconSwiper.slides[this.iconSwiper.activeIndex]
+            .querySelectorAll("a")
+            .forEach((item) => (item.tabIndex = 0));
         }
       }
     }
   }
   render() {
-    return (h(Host, { class: this.isMobile ? 'mobileView' : 'desktopView' }, h("div", { class: "icon-component-row" }, h("slot", null)), h("div", { class: "swiper-container", ref: el => this.swiperWrapperRef = el }, h("div", { class: "swiper-button-prev", ref: el => this.swiperButtonPrevRef = el, tabindex: 0, onClick: (e) => this.onPrevBtnClick(e), onKeyDown: (e) => this.onPrevBtnKeydown(e) }, h("svg", { width: "20", 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" }))), h("div", { class: "swiper-button-next", ref: el => this.swiperButtonNextRef = el, tabindex: 0, onClick: (e) => this.onNextBtnClick(e), onKeyDown: (e) => this.onNextBtnKeydown(e) }, h("svg", { width: "20", 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-wrapper" }), h("div", { class: "swiper-pagination", ref: el => this.swiperPaginationRef = el }))));
+    return (h(Host, { class: this.isMobile ? "mobileView" : "desktopView" }, h("div", { class: "icon-component-row" }, h("slot", null)), h("div", { class: "swiper-container", ref: (el) => (this.swiperWrapperRef = el) }, h("div", { class: "swiper-button-prev", ref: (el) => (this.swiperButtonPrevRef = el), tabindex: 0, onClick: (e) => this.onPrevBtnClick(e), onKeyDown: (e) => this.onPrevBtnKeydown(e) }, h("svg", { width: "20", 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" }))), h("div", { class: "swiper-button-next", ref: (el) => (this.swiperButtonNextRef = el), tabindex: 0, onClick: (e) => this.onNextBtnClick(e), onKeyDown: (e) => this.onNextBtnKeydown(e) }, h("svg", { width: "20", 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-wrapper" }), h("div", { class: "swiper-pagination", ref: (el) => (this.swiperPaginationRef = el) }))));
   }
   static get is() { return "ptc-icon-component"; }
   static get encapsulation() { return "shadow"; }

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

@@ -1,24 +1,23 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class PtcIconList {
   constructor() {
-    this.listType = 'simple-icon-list';
-    this.valueWithUnit = '';
-    this.valueText = '';
-    this.listContent = '';
+    this.listType = "simple-icon-list";
+    this.valueWithUnit = "";
+    this.valueText = "";
+    this.listContent = "";
     this.isLastItem = false;
     this.noBottomSpace = false;
     this.styles = undefined;
   }
   render() {
     const classMap = this.getCssClassMap();
-    return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), this.listType == "stat-icon-list" ? (h("div", { class: "ptc-icon-list" }, h("slot", { name: "icon" }), h("div", { class: "ptc-numbered-values" }, h("span", { class: "value-text" }, this.valueText, "\u00A0"), h("span", { class: "ptc-numbered-subtitle" }, this.valueWithUnit)), h("p", { class: "ptc-content" }, "- \u00A0", this.listContent))) : (h("div", { class: "ptc-icon-list" }, h("slot", { name: "icon" }), h("div", { class: "ptc-content-simple" }, this.listContent, !this.listContent &&
-      h("slot", null))))));
+    return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), this.listType == "stat-icon-list" ? (h("div", { class: "ptc-icon-list" }, h("slot", { name: "icon" }), h("div", { class: "ptc-numbered-values" }, h("span", { class: "value-text" }, this.valueText, "\u00A0"), h("span", { class: "ptc-numbered-subtitle" }, this.valueWithUnit)), h("p", { class: "ptc-content" }, "- \u00A0", this.listContent))) : (h("div", { class: "ptc-icon-list" }, h("slot", { name: "icon" }), h("div", { class: "ptc-content-simple" }, this.listContent, !this.listContent && h("slot", null))))));
   }
   getCssClassMap() {
     return {
       [this.listType]: this.listType ? true : false,
-      ['last-item']: this.isLastItem ? true : false,
-      ['no-bottom-space']: this.noBottomSpace ? true : false,
+      ["last-item"]: this.isLastItem ? true : false,
+      ["no-bottom-space"]: this.noBottomSpace ? true : false,
     };
   }
   static get is() { return "ptc-icon-list"; }
@@ -39,7 +38,7 @@ export class PtcIconList {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'simple-icon-list' | 'stat-icon-list' | 'icon-top-align-list' | 'feature-callout-list'",
+          "original": "| \"simple-icon-list\"\r\n\t\t| \"stat-icon-list\"\r\n\t\t| \"icon-top-align-list\"\r\n\t\t| \"feature-callout-list\"",
           "resolved": "\"feature-callout-list\" | \"icon-top-align-list\" | \"simple-icon-list\" | \"stat-icon-list\"",
           "references": {}
         },
@@ -51,7 +50,7 @@ export class PtcIconList {
         },
         "attribute": "list-type",
         "reflect": false,
-        "defaultValue": "'simple-icon-list'"
+        "defaultValue": "\"simple-icon-list\""
       },
       "valueWithUnit": {
         "type": "string",
@@ -69,7 +68,7 @@ export class PtcIconList {
         },
         "attribute": "value-with-unit",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "valueText": {
         "type": "string",
@@ -87,7 +86,7 @@ export class PtcIconList {
         },
         "attribute": "value-text",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "listContent": {
         "type": "string",
@@ -105,7 +104,7 @@ export class PtcIconList {
         },
         "attribute": "list-content",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "isLastItem": {
         "type": "boolean",

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