@ptcwebops/ptcw-design 6.3.38 → 6.3.40-beta

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,28 +35,25 @@ 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"; }
@@ -142,7 +139,7 @@ export class PtcAccordion {
         },
         "attribute": "expand-text",
         "reflect": false,
-        "defaultValue": "\"Expand All\""
+        "defaultValue": "'Expand All'"
       },
       "collapseText": {
         "type": "string",
@@ -160,7 +157,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,10 +9,8 @@ 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;
@@ -31,10 +29,8 @@ 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,21 +44,19 @@ 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"; }
@@ -91,7 +89,7 @@ export class PtcAnnouncement {
         },
         "attribute": "bar-title",
         "reflect": false,
-        "defaultValue": "\"\""
+        "defaultValue": "''"
       },
       "description": {
         "type": "string",
@@ -109,7 +107,7 @@ export class PtcAnnouncement {
         },
         "attribute": "description",
         "reflect": false,
-        "defaultValue": "\"\""
+        "defaultValue": "''"
       },
       "linkText": {
         "type": "string",
@@ -178,7 +176,7 @@ export class PtcAnnouncement {
         },
         "attribute": "link-url",
         "reflect": true,
-        "defaultValue": "\"#\""
+        "defaultValue": "'#'"
       },
       "insideContainer": {
         "type": "boolean",
@@ -213,7 +211,7 @@ export class PtcAnnouncement {
         },
         "attribute": "target",
         "reflect": false,
-        "defaultValue": "\"_self\""
+        "defaultValue": "'_self'"
       },
       "customMaxLines": {
         "type": "number",

package/dist/collection/components/ptc-back-to-top/ptc-back-to-top.css

@@ -9,10 +9,8 @@ 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;
@@ -31,10 +29,8 @@ 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-back-to-top/ptc-back-to-top.js

@@ -1,42 +1,40 @@
-import { Host, h, } from "@stencil/core";
+import { Host, h } from '@stencil/core';
 export class PtcBackToTop {
   constructor() {
     this.handleScroll = () => {
       const scrollY = window.pageYOffset || document.documentElement.scrollTop;
-      const containerHeight = document.querySelector(".ptc-container-relative");
+      const containerHeight = document.querySelector('.ptc-container-relative');
       this.showButton = scrollY > window.innerHeight * 1;
       if (containerHeight) {
-        if (this.showButton &&
-          scrollY <= containerHeight.clientHeight - window.innerHeight) {
-          const btnelement = this.el.shadowRoot.querySelector(".back-to-top-button");
+        if (this.showButton && scrollY <= (containerHeight.clientHeight - window.innerHeight)) {
+          const btnelement = this.el.shadowRoot.querySelector('.back-to-top-button');
           if (btnelement) {
-            if (!btnelement.classList.contains("back-to-top-button-fixed")) {
-              btnelement.classList.add("back-to-top-button-fixed");
+            if (!btnelement.classList.contains('back-to-top-button-fixed')) {
+              btnelement.classList.add('back-to-top-button-fixed');
             }
-            if (btnelement.classList.contains("back-to-top-button-absolute")) {
-              btnelement.classList.remove("back-to-top-button-absolute");
+            if (btnelement.classList.contains('back-to-top-button-absolute')) {
+              btnelement.classList.remove('back-to-top-button-absolute');
             }
           }
         }
-        else if (this.showButton &&
-          scrollY > containerHeight.clientHeight - window.innerHeight) {
-          const btnelement = this.el.shadowRoot.querySelector(".back-to-top-button");
+        else if (this.showButton && scrollY > (containerHeight.clientHeight - window.innerHeight)) {
+          const btnelement = this.el.shadowRoot.querySelector('.back-to-top-button');
           if (btnelement) {
-            if (btnelement.classList.contains("back-to-top-button-fixed")) {
-              btnelement.classList.remove("back-to-top-button-fixed");
+            if (btnelement.classList.contains('back-to-top-button-fixed')) {
+              btnelement.classList.remove('back-to-top-button-fixed');
             }
-            if (!btnelement.classList.contains("back-to-top-button-absolute")) {
-              btnelement.classList.add("back-to-top-button-absolute");
+            if (!btnelement.classList.contains('back-to-top-button-absolute')) {
+              btnelement.classList.add('back-to-top-button-absolute');
             }
           }
         }
       }
       else {
         if (this.showButton) {
-          const btnelement = this.el.shadowRoot.querySelector(".back-to-top-button");
+          const btnelement = this.el.shadowRoot.querySelector('.back-to-top-button');
           if (btnelement) {
-            if (!btnelement.classList.contains("back-to-top-button-fixed")) {
-              btnelement.classList.add("back-to-top-button-fixed");
+            if (!btnelement.classList.contains('back-to-top-button-fixed')) {
+              btnelement.classList.add('back-to-top-button-fixed');
             }
           }
         }
@@ -46,20 +44,20 @@ export class PtcBackToTop {
     this.backToTop = "Back to Top";
   }
   componentDidLoad() {
-    window.addEventListener("scroll", this.handleScroll);
+    window.addEventListener('scroll', this.handleScroll);
   }
   disconnectedCallback() {
-    window.removeEventListener("scroll", this.handleScroll);
+    window.removeEventListener('scroll', this.handleScroll);
   }
   handleClick() {
     this.scrollToTop();
   }
   scrollToTop() {
-    if ("scrollBehavior" in document.documentElement.style) {
+    if ('scrollBehavior' in document.documentElement.style) {
       // Smooth scrolling is supported
       window.scrollTo({
         top: 0,
-        behavior: "smooth",
+        behavior: 'smooth',
       });
     }
     else {
@@ -69,13 +67,13 @@ export class PtcBackToTop {
     // Focus the first focusable element after a short delay to ensure scroll completes
     setTimeout(() => {
       const focusableSelector = [
-        "a[href]",
-        "button:not([disabled])",
-        "textarea:not([disabled])",
+        'a[href]',
+        'button:not([disabled])',
+        'textarea:not([disabled])',
         'input:not([type="hidden"]):not([disabled])',
-        "select:not([disabled])",
-        '[tabindex]:not([tabindex="-1"])',
-      ].join(",");
+        'select:not([disabled])',
+        '[tabindex]:not([tabindex="-1"])'
+      ].join(',');
       const focusableElements = document.querySelectorAll(focusableSelector);
       if (focusableElements.length > 0) {
         focusableElements[1].focus();
@@ -83,7 +81,7 @@ export class PtcBackToTop {
     }, 300);
   }
   render() {
-    return (h(Host, null, this.showButton && (h("button", { class: "back-to-top-button hyphenate-text", title: this.backToTop }, h("span", { class: "arrow" }, h("svg", { width: "18", height: "12", viewBox: "0 0 18 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M15.5248 11.625L8.9998 5.1L2.4748 11.625L0.112305 9.2625L8.9998 0.375L17.8873 9.2625L15.5248 11.625Z", fill: "#323B42" }))), h("span", { class: "text" }, this.backToTop)))));
+    return (h(Host, null, this.showButton && (h("button", { class: 'back-to-top-button hyphenate-text', title: this.backToTop }, h("span", { class: 'arrow' }, h("svg", { width: "18", height: "12", viewBox: "0 0 18 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M15.5248 11.625L8.9998 5.1L2.4748 11.625L0.112305 9.2625L8.9998 0.375L17.8873 9.2625L15.5248 11.625Z", fill: "#323B42" }))), h("span", { class: 'text' }, this.backToTop)))));
   }
   static get is() { return "ptc-back-to-top"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/ptc-background-video/ptc-background-video.css

@@ -9,10 +9,8 @@ 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;
@@ -31,10 +29,8 @@ 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-background-video/ptc-background-video.js

@@ -1,19 +1,19 @@
-import { Host, h, } from "@stencil/core";
-import { nextUserInteractionEvent } from "../../utils/utils";
+import { Host, h } from '@stencil/core';
+import { nextUserInteractionEvent } from '../../utils/utils';
 export class PtcBackgroundVideo {
   constructor() {
     this.videoSrc = undefined;
     this.posterSrc = undefined;
     this.overlay = true;
-    this.overlayType = "standard";
+    this.overlayType = 'standard';
     this.playButtonTitle = undefined;
     this.pauseButtonTitle = undefined;
-    this.buttonLocation = "bottom-right";
+    this.buttonLocation = 'bottom-right';
     this.buttonTabIndex = 0;
     this.paused = undefined;
     this.trackerId = undefined;
     this.defer = undefined;
-    this.type = "default";
+    this.type = 'default';
     this.isIframe = false;
     this.loadedTrue = false;
   }
@@ -32,38 +32,36 @@ export class PtcBackgroundVideo {
   }
   render() {
     const videoContent = this.isIframe ? (h("div", { class: "iframe-wrapper" }, h("iframe", { id: "jumbotron-iframe", src: this.videoSrc, frameborder: 0, allow: "autoplay", allowFullScreen: true, class: "background-video-embed" }))) : (h("video", { src: this.videoSrc, poster: this.posterSrc, autoplay: true, loop: true, muted: true, playsinline: true }));
-    const placeholderContent = (h("video", { poster: this.posterSrc, autoplay: true, loop: true, muted: true, playsinline: true }));
-    return (h(Host, { class: this.type }, this.loadedTrue ? videoContent : placeholderContent, !!this.videoSrc && this.playButtonTitle && (h("div", { class: `play-button ${this.buttonLocation}` }, this.paused && (h("ptc-tooltip", { class: "play-btn", mode: "wrapper", description: this.playButtonTitle, position: this.buttonLocation === "allbp-bottom-right"
-        ? "side-left"
-        : "bottom-right", styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}" }, h("div", { id: this.trackerId, class: "tracker-div mf-listen" }, h("button", { class: "bg-svg-play", type: "button", tabindex: this.buttonTabIndex, onClick: (e) => this.toggleVideoPlay(e), "aria-label": "Video Play button" })))), !this.paused && !!this.pauseButtonTitle && (h("ptc-tooltip", { class: "pause-btn", mode: "wrapper", description: this.pauseButtonTitle, position: this.buttonLocation === "allbp-bottom-right"
-        ? "side-left"
-        : "bottom-right", styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}" }, h("div", { id: this.trackerId, class: "tracker-div mf-listen" }, h("button", { class: "bg-svg-pause", tabindex: this.buttonTabIndex, type: "button", onClick: (e) => this.toggleVideoPlay(e), "aria-label": "Video Pause button" })))))), this.overlay ? (h("div", { class: `video-overlay ${this.overlayType}` })) : (""), this.type == "default" ? h("slot", null) : ""));
+    const placeholderContent = h("video", { poster: this.posterSrc, autoplay: true, loop: true, muted: true, playsinline: true });
+    return (h(Host, { class: this.type }, this.loadedTrue
+      ? videoContent
+      : placeholderContent, !!this.videoSrc && this.playButtonTitle && (h("div", { class: `play-button ${this.buttonLocation}` }, this.paused && (h("ptc-tooltip", { class: "play-btn", mode: "wrapper", description: this.playButtonTitle, position: this.buttonLocation === "allbp-bottom-right" ? "side-left" : 'bottom-right', styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}" }, h("div", { id: this.trackerId, class: "tracker-div mf-listen" }, h("button", { class: 'bg-svg-play', type: "button", tabindex: this.buttonTabIndex, onClick: e => this.toggleVideoPlay(e), "aria-label": "Video Play button" })))), !this.paused && !!this.pauseButtonTitle && (h("ptc-tooltip", { class: "pause-btn", mode: "wrapper", description: this.pauseButtonTitle, position: this.buttonLocation === "allbp-bottom-right" ? "side-left" : 'bottom-right', styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}" }, h("div", { id: this.trackerId, class: "tracker-div mf-listen" }, h("button", { class: "bg-svg-pause", tabindex: this.buttonTabIndex, type: "button", onClick: e => this.toggleVideoPlay(e), "aria-label": "Video Pause button" })))))), this.overlay ? h("div", { class: `video-overlay ${this.overlayType}` }) : '', this.type == 'default' ? h("slot", null) : ''));
   }
   toggleVideoPlay(e) {
     e.preventDefault();
     this.paused = !this.paused;
-    let video = this.el.shadowRoot.querySelector("video");
+    let video = this.el.shadowRoot.querySelector('video');
     if (video) {
       if (this.paused) {
         video.pause();
       }
       else {
-        video.play().catch((z) => console.error(z));
+        video.play().catch(z => console.error(z));
       }
     }
   }
   async pauseVideo() {
     this.paused = true;
-    let video = this.el.shadowRoot.querySelector("video");
+    let video = this.el.shadowRoot.querySelector('video');
     if (video) {
       video.pause();
     }
   }
   async playVideo() {
     this.paused = false;
-    let video = this.el.shadowRoot.querySelector("video");
+    let video = this.el.shadowRoot.querySelector('video');
     if (video) {
-      video.play().catch((z) => console.error(z));
+      video.play().catch(z => console.error(z));
     }
   }
   static get is() { return "ptc-background-video"; }
@@ -136,7 +134,7 @@ export class PtcBackgroundVideo {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "\"standard\" | \"dark\"",
+          "original": "'standard' | 'dark'",
           "resolved": "\"dark\" | \"standard\"",
           "references": {}
         },
@@ -148,7 +146,7 @@ export class PtcBackgroundVideo {
         },
         "attribute": "overlay-type",
         "reflect": false,
-        "defaultValue": "\"standard\""
+        "defaultValue": "'standard'"
       },
       "playButtonTitle": {
         "type": "string",
@@ -188,7 +186,7 @@ export class PtcBackgroundVideo {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| \"top-left\"\r\n\t\t| \"top-right\"\r\n\t\t| \"bottom-left\"\r\n\t\t| \"bottom-right\"\r\n\t\t| \"allbp-bottom-right\"",
+          "original": "'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'allbp-bottom-right'",
           "resolved": "\"allbp-bottom-right\" | \"bottom-left\" | \"bottom-right\" | \"top-left\" | \"top-right\"",
           "references": {}
         },
@@ -200,7 +198,7 @@ export class PtcBackgroundVideo {
         },
         "attribute": "button-location",
         "reflect": false,
-        "defaultValue": "\"bottom-right\""
+        "defaultValue": "'bottom-right'"
       },
       "buttonTabIndex": {
         "type": "number",
@@ -258,7 +256,7 @@ export class PtcBackgroundVideo {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "\"default\" | \"legacy\"",
+          "original": "'default' | 'legacy'",
           "resolved": "\"default\" | \"legacy\"",
           "references": {}
         },
@@ -270,7 +268,7 @@ export class PtcBackgroundVideo {
         },
         "attribute": "type",
         "reflect": false,
-        "defaultValue": "\"default\""
+        "defaultValue": "'default'"
       },
       "isIframe": {
         "type": "boolean",

package/dist/collection/components/ptc-badge/ptc-badge.css

@@ -9,10 +9,8 @@ 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;
@@ -31,10 +29,8 @@ 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 */
@@ -58,8 +54,7 @@ ptc-footer {
   }
 }
 
-.number-badge,
-.svg-badge {
+.number-badge, .svg-badge {
   position: absolute;
   top: 0;
   left: 0;

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

@@ -1,15 +1,15 @@
-import { Host, h } from "@stencil/core";
+import { Host, h } from '@stencil/core';
 export class PtcBadge {
   constructor() {
     this.number = undefined;
     this.svgCode = undefined;
-    this.type = "number";
+    this.type = 'number';
   }
   renderContent() {
-    if (this.type === "svg" && !!this.svgCode) {
+    if (this.type === 'svg' && !!this.svgCode) {
       return h("div", { class: "svg-badge", innerHTML: this.svgCode });
     }
-    else if (this.type === "number" && !!this.number) {
+    else if (this.type === 'number' && !!this.number) {
       return h("div", { class: "number-badge" }, this.number);
     }
   }
@@ -68,7 +68,7 @@ export class PtcBadge {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "\"svg\" | \"number\"",
+          "original": "'svg' | 'number'",
           "resolved": "\"number\" | \"svg\"",
           "references": {}
         },
@@ -80,7 +80,7 @@ export class PtcBadge {
         },
         "attribute": "type",
         "reflect": false,
-        "defaultValue": "\"number\""
+        "defaultValue": "'number'"
       }
     };
   }