@ptcwebops/ptcw-design 6.3.38 → 6.3.40-beta

package/dist/cjs/ptc-media-card.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-63ddc79c.js');
 const utils = require('./utils-b63aef52.js');
 
-const ptcMediaCardCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative;width:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}:host .anchor-wrap{height:100%;width:100%;display:block;text-decoration:none;position:relative}:host .anchor-wrap:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host video{object-fit:cover;height:100%;width:100%;z-index:0;position:absolute;left:0;right:0;top:0;bottom:0;display:none}:host(.media-card) ::slotted([slot=seo-content]){display:none}:host(.media-card) .card-wrap{display:flex;height:100%;width:100%;position:relative;z-index:1;min-height:329px;align-items:end}:host(.media-card) .card-wrap .car-content{padding:20px 30px 30px 30px}:host(.media-card) .card-wrap .car-content p,:host(.media-card) .card-wrap .car-content h3{color:#fff}:host(.media-card) .card-wrap .car-content h3{position:relative;margin-bottom:0;font-size:var(--ptc-font-size-medium);text-shadow:1px 3px 30px #000;line-height:var(--ptc-line-height-densest);display:inline}@media only screen and (min-width: 768px){:host(.media-card) .card-wrap .car-content h3{font-size:var(--ptc-font-size-large)}}:host(.media-card) .card-wrap .car-content h3::before{content:\"\";width:100%;height:3px;background-image:url(\"data:image/svg+xml,%3Csvg width='60' height='1' viewBox='0 0 60 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='1' fill='%2333A13C'/%3E%3C/svg%3E\");background-repeat:repeat;position:absolute;background-size:initial;top:-10px}:host(.media-card) .card-wrap .car-content p{text-shadow:1px 3px 30px var(--color-black);font-weight:var(--ptc-font-weight-semibold);display:block;font-size:var(--ptc-font-size-x-small)}:host(.bureau-card){height:100%;position:relative}:host(.case-study-icon){width:296px}:host(.case-study-icon) ::slotted([slot=seo-content]){display:none}:host(.case-study-icon) .tracker-div{display:inline}:host(.case-study-icon) .case-study-img-anchor{position:relative;width:296px;height:396px;display:flex;justify-content:center;align-items:center;transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-webkit-transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-o-transition:var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.case-study-icon) .case-study-img-anchor .case-study-bg-img{display:flex;width:296px;height:396px;flex-direction:column;justify-content:center;align-items:center;border-radius:4px;object-fit:cover;position:absolute;z-index:1;box-shadow:var(--ptc-shadow-large)}:host(.case-study-icon) .case-study-img-anchor .after{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;z-index:2;background:rgba(0, 0, 0, 0.5);transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-webkit-transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-o-transition:var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.case-study-icon) .case-study-img-anchor .case-study-icon-img{position:absolute;z-index:3;width:92px;height:42px;border-radius:4px;background:#fff;padding:24px;box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.24);transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-webkit-transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-o-transition:var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.case-study-icon) .case-study-img-anchor:hover .after{display:block;background:rgba(0, 0, 0, 0.07)}:host(.case-study-icon) .case-study-img-anchor:hover .case-study-icon-img{width:96px;height:46px}:host(.case-study-icon) .case-study-img-anchor:active,:host(.case-study-icon) .case-study-img-anchor:focus{transition:none !important;-webkit-transition:none !important;-o-transition:none !important}:host(.case-study-icon) .case-study-img-anchor:active .after,:host(.case-study-icon) .case-study-img-anchor:focus .after{display:block;background:rgba(0, 0, 0, 0.2);transition:none !important;-webkit-transition:none !important;-o-transition:none !important}:host(.case-study-icon) .case-study-img-anchor:active .case-study-icon-img,:host(.case-study-icon) .case-study-img-anchor:focus .case-study-icon-img{transition:none !important;-webkit-transition:none !important;-o-transition:none !important}:host(.case-study-icon) .case-study-img-anchor:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}@media (min-width: 768px){:host(.case-study-icon){width:373px}:host(.case-study-icon) .case-study-img-anchor{width:373px;height:500px}:host(.case-study-icon) .case-study-img-anchor .case-study-bg-img{width:373px;height:500px}}";
+const ptcMediaCardCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative;width:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}:host .anchor-wrap{height:100%;width:100%;display:block;text-decoration:none;position:relative}:host .anchor-wrap:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host video{object-fit:cover;height:100%;width:100%;z-index:0;position:absolute;left:0;right:0;top:0;bottom:0;display:none}:host(.media-card) ::slotted([slot=seo-content]){display:none}:host(.media-card) .card-wrap{display:flex;height:100%;width:100%;position:relative;z-index:1;min-height:329px;align-items:end}:host(.media-card) .card-wrap .car-content{padding:20px 30px 30px 30px}:host(.media-card) .card-wrap .car-content p,:host(.media-card) .card-wrap .car-content h3{color:#fff}:host(.media-card) .card-wrap .car-content h3{position:relative;margin-bottom:0;font-size:var(--ptc-font-size-medium);text-shadow:1px 3px 30px #000;line-height:var(--ptc-line-height-densest);display:inline}@media only screen and (min-width: 768px){:host(.media-card) .card-wrap .car-content h3{font-size:var(--ptc-font-size-large)}}:host(.media-card) .card-wrap .car-content h3::before{content:\"\";width:100%;height:3px;background-image:url(\"data:image/svg+xml,%3Csvg width='60' height='1' viewBox='0 0 60 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='1' fill='%2333A13C'/%3E%3C/svg%3E\");background-repeat:repeat;position:absolute;background-size:initial;top:-10px}:host(.media-card) .card-wrap .car-content p{text-shadow:1px 3px 30px var(--color-black);font-weight:var(--ptc-font-weight-semibold);display:block;font-size:var(--ptc-font-size-x-small)}:host(.bureau-card){height:100%;position:relative}:host(.case-study-icon){width:296px}:host(.case-study-icon) ::slotted([slot=seo-content]){display:none}:host(.case-study-icon) .tracker-div{display:inline}:host(.case-study-icon) .case-study-img-anchor{position:relative;width:296px;height:396px;display:flex;justify-content:center;align-items:center;transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-webkit-transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-o-transition:var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.case-study-icon) .case-study-img-anchor .case-study-bg-img{display:flex;width:296px;height:396px;flex-direction:column;justify-content:center;align-items:center;border-radius:4px;object-fit:cover;position:absolute;z-index:1;box-shadow:var(--ptc-shadow-large)}:host(.case-study-icon) .case-study-img-anchor .after{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;z-index:2;background:rgba(0, 0, 0, 0.5);transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-webkit-transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-o-transition:var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.case-study-icon) .case-study-img-anchor .case-study-icon-img{position:absolute;z-index:3;width:92px;height:42px;border-radius:4px;background:#FFF;padding:24px;box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.24);transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-webkit-transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-o-transition:var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.case-study-icon) .case-study-img-anchor:hover .after{display:block;background:rgba(0, 0, 0, 0.07)}:host(.case-study-icon) .case-study-img-anchor:hover .case-study-icon-img{width:96px;height:46px}:host(.case-study-icon) .case-study-img-anchor:active,:host(.case-study-icon) .case-study-img-anchor:focus{transition:none !important;-webkit-transition:none !important;-o-transition:none !important}:host(.case-study-icon) .case-study-img-anchor:active .after,:host(.case-study-icon) .case-study-img-anchor:focus .after{display:block;background:rgba(0, 0, 0, 0.2);transition:none !important;-webkit-transition:none !important;-o-transition:none !important}:host(.case-study-icon) .case-study-img-anchor:active .case-study-icon-img,:host(.case-study-icon) .case-study-img-anchor:focus .case-study-icon-img{transition:none !important;-webkit-transition:none !important;-o-transition:none !important}:host(.case-study-icon) .case-study-img-anchor:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}@media (min-width: 768px){:host(.case-study-icon){width:373px}:host(.case-study-icon) .case-study-img-anchor{width:373px;height:500px}:host(.case-study-icon) .case-study-img-anchor .case-study-bg-img{width:373px;height:500px}}";
 
 const PtcMediaCard = class {
   constructor(hostRef) {
@@ -14,15 +14,15 @@ const PtcMediaCard = class {
      * ref video element
      */
     this.videoEle = undefined;
-    this.cardType = "media-card";
+    this.cardType = 'media-card';
     this.cardHref = undefined;
-    this.target = "_self";
+    this.target = '_self';
     this.rel = undefined;
     this.activeBackgroundImage = undefined;
     this.activeBackgroundImageAlt = undefined;
     this.hoverBackgroundImage = undefined;
     this.heading = undefined;
-    this.headingTransform = "none";
+    this.headingTransform = 'none';
     this.category = undefined;
     this.ariaLabel = undefined;
     this.iconImage = undefined;
@@ -37,16 +37,14 @@ const PtcMediaCard = class {
     }
   }
   getCardText() {
-    if (this.cardType === "media-card") {
+    if (this.cardType === 'media-card') {
       return [
         index.h("div", { class: "card-wrap" }, index.h("div", { class: "car-content" }, index.h("p", null, this.category, " "), index.h("h3", null, this.heading))),
       ];
     }
   }
   setTabNavigatedState() {
-    this.el.parentElement.tagName === "DYNAMIC-PRODUCT-DRIVERS"
-      ? (this.isTabNavigated = false)
-      : (this.isTabNavigated = true);
+    this.el.parentElement.tagName === 'DYNAMIC-PRODUCT-DRIVERS' ? this.isTabNavigated = false : this.isTabNavigated = true;
   }
   componentWillLoad() {
     this.setTabNavigatedState();
@@ -55,38 +53,22 @@ const PtcMediaCard = class {
     this.ariaLabel = this.getLastStringAfterSlash(this.cardHref);
   }
   getLastStringAfterSlash(url) {
-    const parts = url.split("/");
+    const parts = url.split('/');
     return parts[parts.length - 1];
   }
   render() {
-    const Tag = !!this.cardHref ? "a" : "div";
+    const Tag = !!this.cardHref ? 'a' : 'div';
     const isVideoUrl = this.hoverBackgroundImage
-      ? utils.getFileExtension(this.hoverBackgroundImage) === ".mp4" ||
-        this.hoverBackgroundImage.includes(".mp4")
+      ? utils.getFileExtension(this.hoverBackgroundImage) === '.mp4' || this.hoverBackgroundImage.includes('.mp4')
         ? true
         : false
       : false;
     const classMap = this.getCssClassMap();
-    return (index.h(index.Host, { class: classMap, onmouseenter: () => (this.isHovered = true), onmouseleave: () => (this.isHovered = false), style: this.cardType != "case-study-icon"
+    return (index.h(index.Host, { class: classMap, onmouseenter: () => (this.isHovered = true), onmouseleave: () => (this.isHovered = false), style: this.cardType != 'case-study-icon'
         ? this.isHovered && this.hoverBackgroundImage
-          ? {
-            backgroundImage: `url(${this.hoverBackgroundImage})`,
-          }
-          : {
-            backgroundImage: `url(${this.activeBackgroundImage})`,
-          }
-        : {} }, index.h("slot", { name: "seo-content" }), this.cardType != "case-study-icon" ? (index.h("div", { id: this.trackerId, class: "tracker-div mf-listen" }, index.h(Tag, Object.assign({ class: "anchor-wrap", target: this.target, href: this.cardHref, rel: this.rel }, (this.isTabNavigated
-      ? { tabindex: 0 }
-      : { tabindex: -1 }), { "aria-label": this.cardHref
-        ? "Read more about " + this.ariaLabel
-        : undefined }), isVideoUrl && (index.h("video", { muted: true, loop: true, playsinline: true, poster: this.activeBackgroundImage, ref: (el) => (this.videoEle = el), style: this.isHovered
-        ? { display: "block" }
-        : { display: "none" }, tabindex: "-1" }, index.h("source", { src: this.hoverBackgroundImage, type: "video/mp4" }, "Your browser does not support the video tag."))), this.cardType === "media-card" && (index.h("ptc-overlay", { "filter-color": "black-2" })), this.cardType === "media-card" &&
-      this.getCardText()))) : null, this.cardType === "case-study-icon" ? (index.h("div", { id: this.trackerId, class: "tracker-div" }, index.h("a", Object.assign({ class: "case-study-img-anchor mf-listen", target: this.target, href: this.cardHref, rel: this.rel, "aria-label": this.cardHref
-        ? "Read more about " + this.ariaLabel
-        : undefined }, (this.isTabNavigated
-      ? { tabindex: 0 }
-      : { tabindex: -1 })), index.h("img", { class: "case-study-bg-img", src: this.activeBackgroundImage, alt: this.activeBackgroundImageAlt }), index.h("div", { class: "after" }), index.h("img", { class: "case-study-icon-img", src: this.iconImage, alt: this.iconImageAlt })))) : null));
+          ? { backgroundImage: `url(${this.hoverBackgroundImage})` }
+          : { backgroundImage: `url(${this.activeBackgroundImage})` }
+        : {} }, index.h("slot", { name: "seo-content" }), this.cardType != 'case-study-icon' ? (index.h("div", { id: this.trackerId, class: "tracker-div mf-listen" }, index.h(Tag, Object.assign({ class: 'anchor-wrap', target: this.target, href: this.cardHref, rel: this.rel }, (this.isTabNavigated ? { tabindex: 0 } : { tabindex: -1 }), { "aria-label": this.cardHref ? 'Read more about ' + this.ariaLabel : undefined }), isVideoUrl && (index.h("video", { muted: true, loop: true, playsinline: true, poster: this.activeBackgroundImage, ref: el => (this.videoEle = el), style: this.isHovered ? { display: 'block' } : { display: 'none' }, tabindex: "-1" }, index.h("source", { src: this.hoverBackgroundImage, type: "video/mp4" }, "Your browser does not support the video tag."))), this.cardType === 'media-card' && index.h("ptc-overlay", { "filter-color": "black-2" }), this.cardType === 'media-card' && this.getCardText()))) : null, this.cardType === 'case-study-icon' ? (index.h("div", { id: this.trackerId, class: "tracker-div" }, index.h("a", Object.assign({ class: "case-study-img-anchor mf-listen", target: this.target, href: this.cardHref, rel: this.rel, "aria-label": this.cardHref ? 'Read more about ' + this.ariaLabel : undefined }, (this.isTabNavigated ? { tabindex: 0 } : { tabindex: -1 })), index.h("img", { class: "case-study-bg-img", src: this.activeBackgroundImage, alt: this.activeBackgroundImageAlt }), index.h("div", { class: "after" }), index.h("img", { class: "case-study-icon-img", src: this.iconImage, alt: this.iconImageAlt })))) : null));
   }
   getCssClassMap() {
     return {

package/dist/cjs/ptc-minimized-nav.cjs.entry.js

@@ -9,14 +9,14 @@ const ptcMinimizedNavCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,pt
 const PtcMinimizedNav = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.linkUrl = "#";
-    this.imgSrc = "";
-    this.imgAlt = "PTC";
-    this.navType = "minimized-header";
+    this.linkUrl = '#';
+    this.imgSrc = '';
+    this.imgAlt = 'PTC';
+    this.navType = 'minimized-header';
     this.trackerId = undefined;
   }
   render() {
-    return (index.h(index.Host, null, this.navType == "minimized-header" ? (index.h("div", { class: "minimized-header" }, index.h("div", { class: "header" }, index.h("div", { class: "ptc-container" }, index.h("a", { class: "mini-navbar-logo mf-listen", href: this.linkUrl, tabindex: "0", id: this.trackerId }, index.h("img", { src: this.imgSrc, alt: this.imgAlt })))))) : null, this.navType == "minimized-footer" ? (index.h("div", { class: "ptc-min-footer mini-footer" }, index.h("div", { class: "min-footer-copyright-wrapper" }, index.h("ul", { class: "min-footer-nav-list min-footer-copyright-list" }, index.h("slot", null))))) : null));
+    return (index.h(index.Host, null, this.navType == 'minimized-header' ? (index.h("div", { class: "minimized-header" }, index.h("div", { class: "header" }, index.h("div", { class: "ptc-container" }, index.h("a", { class: "mini-navbar-logo mf-listen", href: this.linkUrl, tabindex: "0", id: this.trackerId }, index.h("img", { src: this.imgSrc, alt: this.imgAlt })))))) : null, this.navType == 'minimized-footer' ? (index.h("div", { class: "ptc-min-footer mini-footer" }, index.h("div", { class: "min-footer-copyright-wrapper" }, index.h("ul", { class: "min-footer-nav-list min-footer-copyright-list" }, index.h("slot", null))))) : null));
   }
 };
 PtcMinimizedNav.style = ptcMinimizedNavCss;

package/dist/cjs/ptc-mobile-select.cjs.entry.js

@@ -453,19 +453,19 @@ const PtcMobileSelect = class {
     this.triggerName = undefined;
     this.selectedText = undefined;
     this.wheelData = undefined;
-    this.selectedId = "";
-    this.ensureBtnText = "Confirm";
-    this.cancelBtnText = "Cancel";
+    this.selectedId = '';
+    this.ensureBtnText = 'Confirm';
+    this.cancelBtnText = 'Cancel';
     this.listTitle = undefined;
     this.notFoundPopupProceedButton = undefined;
   }
   componentWillLoad() {
     this.notFoundPopupProceedButton = document.querySelector("#translation-popup-button");
     if (this.notFoundPopupProceedButton) {
-      this.notFoundPopupProceedButton.addEventListener("click", () => {
+      this.notFoundPopupProceedButton.addEventListener('click', () => {
         let footerNav = document.querySelector("footer-nav");
         if (footerNav) {
-          let currentLang = footerNav.getAttribute("ms-selected-text");
+          let currentLang = footerNav.getAttribute('ms-selected-text');
           let langText = document.querySelector("footer-nav #lang-ddl");
           if (langText && currentLang) {
             langText.innerHTML = currentLang;
@@ -488,27 +488,21 @@ const PtcMobileSelect = class {
     }
   }
   render() {
-    return (index.h("div", { class: "mobile-select-wrapper", "aria-selectlanguage": "Select Language", tabindex: "0", onKeyPress: (e) => {
-        this.wrapperClick(e);
-      } }, index.h("div", { onClick: (e) => {
-        this.wrapperClick(e);
-      } }, index.h("span", { id: this.triggerName }, this.selectedText), index.h("icon-asset", { type: "ptc", size: "x-small", name: "lang-drop-arrow", color: "white", "is-mobile-select": "true", "injected-style": "svg.ismobileselect{transform:translateX(10px); width: 13px !important;height: 10px !important;}" }))));
+    return (index.h("div", { class: "mobile-select-wrapper", "aria-selectlanguage": "Select Language", tabindex: "0", onKeyPress: (e) => { this.wrapperClick(e); } }, index.h("div", { onClick: (e) => { this.wrapperClick(e); } }, index.h("span", { id: this.triggerName }, this.selectedText), index.h("icon-asset", { type: "ptc", size: "x-small", name: "lang-drop-arrow", color: "white", "is-mobile-select": "true", "injected-style": "svg.ismobileselect{transform:translateX(10px); width: 13px !important;height: 10px !important;}" }))));
   }
   componentDidRender() {
     let that = this; //input current lang
     let storeIndex = 0;
     let mySelect = new y({
       trigger: `#${this.triggerName}`,
-      title: `${this.listTitle ? this.listTitle : ""}`,
-      wheels: this.wheelData
-        ? [{ data: this.wheelData }]
-        : [{ data: ["test1", "test2", "test3"] }],
+      title: `${this.listTitle ? this.listTitle : ''}`,
+      wheels: this.wheelData ? [{ data: this.wheelData }] : [{ data: ['test1', 'test2', 'test3'] }],
       position: [0],
       ensureBtnText: this.ensureBtnText,
       cancelBtnText: this.cancelBtnText,
-      ensureBtnColor: "var(--color-gray-12)",
-      cancelBtnColor: "var(--color-gray-12)",
-      titleColor: "var(--color-gray-12)",
+      ensureBtnColor: 'var(--color-gray-12)',
+      cancelBtnColor: 'var(--color-gray-12)',
+      titleColor: 'var(--color-gray-12)',
       onShow: function (_1, _2, context) {
         if (that.selectedId) {
           try {
@@ -529,9 +523,9 @@ const PtcMobileSelect = class {
         this.selectionChanged.emit({
           sender: context,
           index: indexArr && indexArr.length > 0 ? indexArr[0] : -1,
-          data: data && data.length > 0 ? data[0] : undefined,
+          data: data && data.length > 0 ? data[0] : undefined
         });
-        if (data && data[0] && data[0].id != "#") {
+        if (data && data[0] && data[0].id != '#') {
           window.location.href = data[0].id;
         }
         else {
@@ -548,11 +542,11 @@ const PtcMobileSelect = class {
     mySelect.locatePosition(0, storeIndex);
   }
   getMobileSelectedItem(context) {
-    let result = new MobileSelectedItem();
+    let result = new MobileSelectedItem;
     result.id = this.selectedId;
-    let liEle = context.mobileSelect.querySelectorAll("[data-id]");
+    let liEle = context.mobileSelect.querySelectorAll('[data-id]');
     liEle.forEach((currentValue, currentIndex) => {
-      if (currentValue.getAttribute("data-id") == result.id) {
+      if (currentValue.getAttribute('data-id') == result.id) {
         result.index = currentIndex;
         result.value = currentValue.textContent;
         return;

package/dist/cjs/ptc-modal-quiz.cjs.entry.js

@@ -23,7 +23,7 @@ const PtcModalQuiz = class {
       this.currentQuestion = 1;
       this.currentSelectedPriority = null;
       this.selectedPriorityRadio = null;
-      let inputs = this.el.shadowRoot.querySelectorAll("input");
+      let inputs = this.el.shadowRoot.querySelectorAll('input');
       for (let i = 0; i < inputs.length; i++) {
         inputs[i].checked = false;
       }
@@ -48,10 +48,8 @@ const PtcModalQuiz = class {
         if (!this.traversal[this.currentQuestion]) {
           this.traversal[this.currentQuestion] = {};
         }
-        this.traversal[this.currentQuestion]["priority"] =
-          this.currentSelectedPriority;
-        this.traversal[this.currentQuestion]["radio"] =
-          this.selectedPriorityRadio;
+        this.traversal[this.currentQuestion]["priority"] = this.currentSelectedPriority;
+        this.traversal[this.currentQuestion]["radio"] = this.selectedPriorityRadio;
       }
     };
     this.handlePreviousClick = (e) => {
@@ -60,13 +58,11 @@ const PtcModalQuiz = class {
           this.currentSelectedPriority = null;
           this.selectedPriorityRadio.checked = false;
           this.currentQuestion -= 1;
-          this.currentSelectedPriority =
-            this.traversal[this.currentQuestion]["priority"];
+          this.currentSelectedPriority = this.traversal[this.currentQuestion]["priority"];
           this.traversal[this.currentQuestion]["radio"].checked = true;
         }
       };
-      if (e instanceof MouseEvent ||
-        (e instanceof KeyboardEvent && e.key === "Enter")) {
+      if (e instanceof MouseEvent || (e instanceof KeyboardEvent && e.key === "Enter")) {
         if (e instanceof KeyboardEvent) {
           e.preventDefault();
         }
@@ -76,23 +72,19 @@ const PtcModalQuiz = class {
     };
     this.handleNextClick = (e) => {
       const handler = () => {
-        if (!e.target.disabled &&
-          this.currentQuestion < this.totalQuestions) {
-          this.answers[this.currentQuestion] =
-            this.currentSelectedPriority;
+        if (!e.target.disabled && this.currentQuestion < this.totalQuestions) {
+          this.answers[this.currentQuestion] = this.currentSelectedPriority;
           this.currentQuestion += 1;
           if (!this.traversal[this.currentQuestion]) {
             this.currentSelectedPriority = null;
             this.selectedPriorityRadio.checked = false;
           }
           else {
-            this.currentSelectedPriority =
-              this.traversal[this.currentQuestion]["priority"];
-            this.selectedPriorityRadio =
-              this.traversal[this.currentQuestion]["radio"];
+            this.currentSelectedPriority = this.traversal[this.currentQuestion]["priority"];
+            this.selectedPriorityRadio = this.traversal[this.currentQuestion]["radio"];
             this.selectedPriorityRadio.checked = true;
           }
-          let modalQuizContainer = this.el.shadowRoot.querySelector(".modal-quiz-container");
+          let modalQuizContainer = this.el.shadowRoot.querySelector('.modal-quiz-container');
           if (modalQuizContainer) {
             modalQuizContainer.scrollTo({
               top: 0,
@@ -145,37 +137,24 @@ const PtcModalQuiz = class {
   }
   componentDidRender() {
     const modal = document.querySelector(`#${this.modalId}`);
-    const modalCloseButton = modal.shadowRoot.querySelector(".close");
-    modalCloseButton.addEventListener("click", () => {
+    const modalCloseButton = modal.shadowRoot.querySelector('.close');
+    modalCloseButton.addEventListener('click', () => {
       this.resetQuiz();
     });
   }
   render() {
     const ProgressDots = () => {
-      return (index.h("div", { class: "dot-progress-bar" }, [...Array(this.totalQuestions).keys()].map((questionNumber) => {
-        return (index.h("div", null, index.h("div", { class: `dot-progress-circle ${questionNumber === this.currentQuestion - 1 ? "active" : ""}` }), questionNumber <
-          this.totalQuestions - 1 ? (index.h("div", { class: "dot-progress-dash" }, index.h("div", { class: "dashed-line" }))) : null));
-      })));
+      return index.h("div", { class: "dot-progress-bar" }, [...Array(this.totalQuestions).keys()].map(questionNumber => {
+        return index.h("div", null, index.h("div", { class: `dot-progress-circle ${(questionNumber === (this.currentQuestion - 1)) ? "active" : ""}` }), (questionNumber < (this.totalQuestions - 1)) ?
+          index.h("div", { class: "dot-progress-dash" }, index.h("div", { class: "dashed-line" })) : null);
+      }));
     };
     const PriorityOptions = () => {
-      return (index.h("div", { class: "options-container" }, index.h("div", { id: `priority-option-${this.currentQuestion}-1`, class: "radio-input mf-listen", onClick: (e) => this.handlePriorityOptionClick(e, Priority.Low) }, index.h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `1`, tabIndex: 0 }), index.h("label", { class: "option-label", htmlFor: `1` }, index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, index.h("slot", { name: "low-level-label" })))), index.h("div", { id: `priority-option-${this.currentQuestion}-2`, class: "radio-input mf-listen", onClick: (e) => this.handlePriorityOptionClick(e, Priority.Medium) }, index.h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `2`, tabIndex: 0 }), index.h("label", { class: "option-label", htmlFor: `2` }, index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, index.h("slot", { name: "medium-level-label" })))), index.h("div", { id: `priority-option-${this.currentQuestion}-3`, class: "radio-input mf-listen", onClick: (e) => this.handlePriorityOptionClick(e, Priority.High) }, index.h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `3`, tabIndex: 0 }), index.h("label", { class: "option-label", htmlFor: `3` }, index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, index.h("slot", { name: "high-level-label" }))))));
+      return index.h("div", { class: "options-container" }, index.h("div", { id: `priority-option-${this.currentQuestion}-1`, class: "radio-input mf-listen", onClick: e => this.handlePriorityOptionClick(e, Priority.Low) }, index.h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `1`, tabIndex: 0 }), index.h("label", { class: "option-label", htmlFor: `1` }, index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, index.h("slot", { name: "low-level-label" })))), index.h("div", { id: `priority-option-${this.currentQuestion}-2`, class: "radio-input mf-listen", onClick: e => this.handlePriorityOptionClick(e, Priority.Medium) }, index.h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `2`, tabIndex: 0 }), index.h("label", { class: "option-label", htmlFor: `2` }, index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, index.h("slot", { name: "medium-level-label" })))), index.h("div", { id: `priority-option-${this.currentQuestion}-3`, class: "radio-input mf-listen", onClick: e => this.handlePriorityOptionClick(e, Priority.High) }, index.h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `3`, tabIndex: 0 }), index.h("label", { class: "option-label", htmlFor: `3` }, index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, index.h("slot", { name: "high-level-label" })))));
     };
-    return (index.h(index.Host, null, index.h("div", { class: "modal-quiz-container" }, index.h("div", null, index.h("div", null, index.h("div", { class: "modal-quiz-progress" }, index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-4", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, index.h("slot", { name: "question-text" }), " ", this.currentQuestion, " ", index.h("slot", { name: "of-text" }), " ", this.totalQuestions), index.h(ProgressDots, null)), index.h("div", { class: "modal-quiz-content" }, index.h("div", { class: "content" }, index.h("ptc-title", { type: "h2", "text-align": "left", "title-size": "xx-large", "title-color": "gray", upperline: "dotted", "title-display": "inline-block", "title-shadow": "", "title-height": "densest", "title-margin": "margin-1", "title-weight": "w-8", "is-plm-hub": "false" }, index.h("slot", { name: `question-${this.currentQuestion}-title` })), index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, index.h("slot", { name: `question-${this.currentQuestion}-subtitle` })), index.h(PriorityOptions, null), index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, this.currentSelectedPriority ? (index.h("slot", { name: this.getPriorityAnswerSlotName() })) : null), index.h("div", { class: "modal-quiz-ctas" }, index.h("ptc-button", { "tracker-id": `question-${this.currentQuestion}-prev`, type: "link", color: "ptc-tertiary", onClick: (e) => this.handlePreviousClick(e), onKeyDown: (e) => this.handlePreviousClick(e), disabled: this.currentQuestion === 1, "tab-nav": this.currentQuestion == 1
-        ? -1
-        : 0, styles: "button{margin-bottom:20px;}" }, index.h("slot", { name: "previous-ques-text" })), index.h("ptc-spacer", { size: "large", breakpoint: "x-small" }), this.currentQuestion ===
-      this.totalQuestions ? (index.h("ptc-button", { "tracker-id": `question-${this.currentQuestion}-email`, type: "link", color: "ptc-secondary", onClick: (e) => this.handleEmailReportClick(e), disabled: this
-        .currentSelectedPriority ==
-        null, styles: "button{margin-bottom:20px;}", "tab-nav": this
-        .currentSelectedPriority ==
-        null
-        ? -1
-        : 0 }, index.h("slot", { name: "email-results-text" }))) : (index.h("ptc-button", { "tracker-id": `question-${this.currentQuestion}-next`, type: "link", color: "ptc-secondary", onClick: (e) => this.handleNextClick(e), onKeyDown: (e) => this.handleNextClick(e), disabled: this
-        .currentSelectedPriority ==
-        null, styles: "button{margin-bottom:20px;}", "tab-nav": this
-        .currentSelectedPriority ==
-        null
-        ? -1
-        : 0 }, index.h("slot", { name: "next-ques-text" }))))), index.h("div", { class: "image" }, index.h("slot", { name: `question-${this.currentQuestion}-image` })))))), index.h("slot", { name: "script" })));
+    return (index.h(index.Host, null, index.h("div", { class: "modal-quiz-container" }, index.h("div", null, index.h("div", null, index.h("div", { class: "modal-quiz-progress" }, index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-4", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, index.h("slot", { name: "question-text" }), " ", this.currentQuestion, " ", index.h("slot", { name: "of-text" }), " ", this.totalQuestions), index.h(ProgressDots, null)), index.h("div", { class: "modal-quiz-content" }, index.h("div", { class: "content" }, index.h("ptc-title", { type: "h2", "text-align": "left", "title-size": "xx-large", "title-color": "gray", upperline: "dotted", "title-display": "inline-block", "title-shadow": "", "title-height": "densest", "title-margin": "margin-1", "title-weight": "w-8", "is-plm-hub": "false" }, index.h("slot", { name: `question-${this.currentQuestion}-title` })), index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, index.h("slot", { name: `question-${this.currentQuestion}-subtitle` })), index.h(PriorityOptions, null), index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, (this.currentSelectedPriority) ? index.h("slot", { name: this.getPriorityAnswerSlotName() }) : null), index.h("div", { class: "modal-quiz-ctas" }, index.h("ptc-button", { "tracker-id": `question-${this.currentQuestion}-prev`, type: "link", color: "ptc-tertiary", onClick: (e) => this.handlePreviousClick(e), onKeyDown: (e) => this.handlePreviousClick(e), disabled: (this.currentQuestion === 1), "tab-nav": this.currentQuestion == 1 ? -1 : 0, styles: "button{margin-bottom:20px;}" }, index.h("slot", { name: "previous-ques-text" })), index.h("ptc-spacer", { size: "large", breakpoint: "x-small" }), (this.currentQuestion === this.totalQuestions) ?
+      index.h("ptc-button", { "tracker-id": `question-${this.currentQuestion}-email`, type: "link", color: "ptc-secondary", onClick: e => this.handleEmailReportClick(e), disabled: this.currentSelectedPriority == null, styles: "button{margin-bottom:20px;}", "tab-nav": this.currentSelectedPriority == null ? -1 : 0 }, index.h("slot", { name: "email-results-text" })) :
+      index.h("ptc-button", { "tracker-id": `question-${this.currentQuestion}-next`, type: "link", color: "ptc-secondary", onClick: e => this.handleNextClick(e), onKeyDown: e => this.handleNextClick(e), disabled: this.currentSelectedPriority == null, styles: "button{margin-bottom:20px;}", "tab-nav": this.currentSelectedPriority == null ? -1 : 0 }, index.h("slot", { name: "next-ques-text" })))), index.h("div", { class: "image" }, index.h("slot", { name: `question-${this.currentQuestion}-image` })))))), index.h("slot", { name: "script" })));
   }
   get el() { return index.getElement(this); }
 };

package/dist/cjs/ptc-nav-card.cjs.entry.js

@@ -12,29 +12,35 @@ const PtcNavCard = class {
     this.cardType = undefined;
     this.cardHref = undefined;
     this.logoAlt = undefined;
-    this.target = "_self";
+    this.target = '_self';
     this.rel = undefined;
     this.linkTitle = undefined;
     this.cardLogo = undefined;
     this.heading = undefined;
     this.description = undefined;
-    this.windowSize = "mobile";
+    this.windowSize = 'mobile';
     this.trackerId = "";
   }
   handleResize() {
     if (window.innerWidth < 992) {
-      this.windowSize = "mobile";
+      this.windowSize = 'mobile';
     }
     else {
-      this.windowSize = "desktop";
+      this.windowSize = 'desktop';
     }
   }
   componentWillLoad() {
     this.handleResize();
   }
   render() {
-    return (index.h(index.Host, { class: this.cardType }, index.h("div", { class: "nav-card-wrap" }, this.cardType == "links-card" ? (index.h("div", { class: "links-card-wrap" }, index.h("h3", null, this.cardHref &&
-      !this.cardHref.startsWith("#") ? (index.h("a", { id: this.trackerId, href: this.cardHref, title: this.linkTitle, tabIndex: -1, class: "mf-listen" }, this.heading, index.h("svg", { width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M6.3125 0.3125L6.3125 3.66515L-1.46549e-07 3.66515L-2.63246e-07 6.33487L6.3125 6.33487L6.3125 9.6875L11.25 4.96896L6.3125 0.3125Z", fill: "#3DAB49" })))) : (this.heading)), index.h("slot", null))) : (index.h("a", { id: this.trackerId, href: this.cardHref, title: this.linkTitle, tabIndex: -1, class: "media-card-wrap mf-listen" }, this.cardLogo && (index.h("div", { class: "card-logo" }, index.h("img", { src: this.cardLogo, alt: this.logoAlt }))), index.h("div", { class: "card-content" }, index.h("h4", null, this.heading, this.cardType == "cta-card" && (index.h("svg", { width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M6.3125 0.3125L6.3125 3.66515L-1.46549e-07 3.66515L-2.63246e-07 6.33487L6.3125 6.33487L6.3125 9.6875L11.25 4.96896L6.3125 0.3125Z", fill: "#3DAB49" })))), this.description && (index.h("p", null, this.description))))))));
+    return (index.h(index.Host, { class: this.cardType }, index.h("div", { class: "nav-card-wrap" }, this.cardType == 'links-card' ?
+      index.h("div", { class: "links-card-wrap" }, index.h("h3", null, (this.cardHref && !(this.cardHref.startsWith('#'))) ?
+        (index.h("a", { id: this.trackerId, href: this.cardHref, title: this.linkTitle, tabIndex: -1, class: "mf-listen" }, this.heading, index.h("svg", { width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M6.3125 0.3125L6.3125 3.66515L-1.46549e-07 3.66515L-2.63246e-07 6.33487L6.3125 6.33487L6.3125 9.6875L11.25 4.96896L6.3125 0.3125Z", fill: "#3DAB49" })))) : (this.heading)), index.h("slot", null))
+      :
+        index.h("a", { id: this.trackerId, href: this.cardHref, title: this.linkTitle, tabIndex: -1, class: "media-card-wrap mf-listen" }, this.cardLogo &&
+          index.h("div", { class: "card-logo" }, index.h("img", { src: this.cardLogo, alt: this.logoAlt })), index.h("div", { class: "card-content" }, index.h("h4", null, this.heading, this.cardType == "cta-card" &&
+          index.h("svg", { width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M6.3125 0.3125L6.3125 3.66515L-1.46549e-07 3.66515L-2.63246e-07 6.33487L6.3125 6.33487L6.3125 9.6875L11.25 4.96896L6.3125 0.3125Z", fill: "#3DAB49" }))), this.description &&
+          index.h("p", null, this.description))))));
   }
 };
 PtcNavCard.style = ptcNavCardCss;

package/dist/cjs/ptc-nav-link.cjs.entry.js

@@ -12,34 +12,34 @@ const PtcNavLink = class {
     this.navLinkClicked = index.createEvent(this, "navLinkClicked", 7);
     this.href = undefined;
     this.isOutsideLink = false;
-    this.titleText = "";
+    this.titleText = '';
     this.trackerId = undefined;
   }
   handleClick(event) {
     // Prevent the event from propagating to the underlying <a> element
     event.stopPropagation();
     // Check if the href starts with #
-    if (this.href && this.href.startsWith("#")) {
+    if (this.href && this.href.startsWith('#')) {
       // Find the corresponding section
       const section = document.querySelector(this.href);
       section.scrollIntoView({
-        behavior: "smooth",
+        behavior: 'smooth',
       });
       this.navLinkClicked.emit();
     }
   }
   trimString(inputString, maxLength) {
     if (inputString.length > maxLength) {
-      return inputString.slice(0, maxLength) + "...";
+      return inputString.slice(0, maxLength) + '...';
     }
     else {
       return inputString;
     }
   }
   render() {
-    return (index.h(index.Host, null, index.h("div", { class: "tracker-div mf-listen" }, index.h("a", { id: this.trackerId, href: this.href, target: this.isOutsideLink ? "_blank" : "_self", title: this.titleText, onClick: (event) => {
+    return (index.h(index.Host, null, index.h("div", { class: "tracker-div", id: this.trackerId }, index.h("a", { href: this.href, target: this.isOutsideLink ? '_blank' : '_self', title: this.titleText, onClick: event => {
         this.handleClick(event);
-      } }, index.h("slot", null), !this.href.startsWith("#") && (index.h("svg", { class: "icon-arrow-right", xmlns: "http://www.w3.org/2000/svg", width: "14", height: "10", viewBox: "0 0 14 10", fill: "none" }, index.h("path", { d: "M8.84921 0.77792L8.81313 3.41153L0.51545 3.55584L0.515449 6.5863L8.81313 6.44199L8.81313 9.40029L13.1424 5.07107L8.84921 0.77792Z", fill: "#AEB8BD" })))))));
+      } }, index.h("slot", null), !this.href.startsWith('#') && (index.h("svg", { class: "icon-arrow-right", xmlns: "http://www.w3.org/2000/svg", width: "14", height: "10", viewBox: "0 0 14 10", fill: "none" }, index.h("path", { d: "M8.84921 0.77792L8.81313 3.41153L0.51545 3.55584L0.515449 6.5863L8.81313 6.44199L8.81313 9.40029L13.1424 5.07107L8.84921 0.77792Z", fill: "#AEB8BD" })))))));
   }
   get el() { return index.getElement(this); }
 };

package/dist/cjs/ptc-nav-skip-to-content.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-63ddc79c.js');
 
-const ptcNavSkipToContentCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host .skip-link{position:fixed;top:-200px}:host .skip-link:focus{top:0;display:block;padding:8px 12px;text-align:center;margin:8px;border-radius:var(--ptc-border-radius-standard);outline:5px solid #003dd6;background:#fff;z-index:99999;box-shadow:var(--ptc-shadow-medium);text-decoration:none;color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-small);font-style:normal;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p)}:host(.appended){position:relative}:host(.appended) .skip-link:focus{position:absolute}";
+const ptcNavSkipToContentCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host .skip-link{position:fixed;top:-200px}:host .skip-link:focus{top:0;display:block;padding:8px 12px;text-align:center;margin:8px;border-radius:var(--ptc-border-radius-standard);outline:5px solid #003DD6;background:#FFF;z-index:99999;box-shadow:var(--ptc-shadow-medium);text-decoration:none;color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-small);font-style:normal;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p)}:host(.appended){position:relative}:host(.appended) .skip-link:focus{position:absolute}";
 
 const PtcNavSkipToContent = class {
   constructor(hostRef) {
@@ -12,7 +12,7 @@ const PtcNavSkipToContent = class {
     this.escalated = false;
     this.hideOnScroll = () => {
       var _a, _b;
-      let skipLink = (_b = (_a = this.hostEle) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector("a.skip-link");
+      let skipLink = (_b = (_a = this.hostEle) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('a.skip-link');
       skipLink === null || skipLink === void 0 ? void 0 : skipLink.blur();
     };
     this.escalateOnDom = () => {
@@ -20,24 +20,24 @@ const PtcNavSkipToContent = class {
         const elem = document.querySelector(this.appendSelector);
         const host = this.hostEle;
         if (elem) {
-          elem.insertAdjacentElement("afterbegin", this.hostEle);
-          host.classList.add("appended");
+          elem.insertAdjacentElement('afterbegin', this.hostEle);
+          host.classList.add('appended');
           this.escalated = true;
         }
       }
       if (!this.escalated) {
-        const body = document.querySelector("body");
-        body.insertAdjacentElement("afterbegin", this.hostEle);
+        const body = document.querySelector('body');
+        body.insertAdjacentElement('afterbegin', this.hostEle);
       }
     };
     this.offsetCta = () => {
-      const link = this.hostEle.shadowRoot.querySelector(".skip-link");
+      const link = this.hostEle.shadowRoot.querySelector('.skip-link');
       link.style.left = `${this.xOffset}px`;
       link.style.top = `${this.yOffset}px`;
     };
     this.componentWillLoad = () => {
       this.escalateOnDom();
-      window.addEventListener("scroll", this.hideOnScroll);
+      window.addEventListener('scroll', this.hideOnScroll);
     };
     this.componentDidLoad = () => {
       if (this.appendSelector) {
@@ -45,7 +45,7 @@ const PtcNavSkipToContent = class {
       }
     };
     this.disconnectedCallback = () => {
-      window.removeEventListener("scroll", this.hideOnScroll);
+      window.removeEventListener('scroll', this.hideOnScroll);
     };
     this.buttonText = "Skip To Main Content";
     this.sectionId = "";
@@ -57,7 +57,7 @@ const PtcNavSkipToContent = class {
     e.preventDefault();
     const section = document.getElementById(this.sectionId);
     if (section) {
-      section.scrollIntoView({ behavior: "smooth" });
+      section.scrollIntoView({ behavior: 'smooth' });
     }
   }
   render() {

package/dist/cjs/ptc-nav-slider.cjs.entry.js

@@ -17,40 +17,32 @@ const PtcNavSlider = class {
     // use the ID to select elements within the component's shadow root
     this.updateSlider(this);
     const { shadowRoot } = document.querySelector(`#${this.sliderId}`);
-    const boxWrap = shadowRoot.querySelector(".box-wrap");
-    boxWrap.addEventListener("scroll", this.updateSlider.bind(this));
+    const boxWrap = shadowRoot.querySelector('.box-wrap');
+    boxWrap.addEventListener('scroll', this.updateSlider.bind(this));
     setTimeout(() => {
       this.updateSlider(this);
     }, 3100);
   }
   handledropdownClickEvent(element) {
-    const sliderId = element.target.querySelector(".nav-slider").id;
-    const boxWrap = element.target
-      .querySelector(".nav-slider")
-      .shadowRoot.querySelector(".box-wrap");
-    const prevBtn = document
-      .querySelector(`#${sliderId}`)
-      .shadowRoot.querySelector("#prevBtn");
-    const nextBtn = document
-      .querySelector(`#${sliderId}`)
-      .shadowRoot.querySelector("#nextBtn");
-    let notDropdown = element.target.tagName.toLowerCase() != "ptc-nav-submenu";
+    const sliderId = element.target.querySelector('.nav-slider').id;
+    const boxWrap = element.target.querySelector('.nav-slider').shadowRoot.querySelector('.box-wrap');
+    const prevBtn = document.querySelector(`#${sliderId}`).shadowRoot.querySelector('#prevBtn');
+    const nextBtn = document.querySelector(`#${sliderId}`).shadowRoot.querySelector('#nextBtn');
+    let notDropdown = element.target.tagName.toLowerCase() != 'ptc-nav-submenu';
     this.updateArrows(boxWrap, prevBtn, nextBtn, notDropdown);
   }
   updateArrows(boxWrap, prevBtn, nextBtn, isNotDropdown) {
-    if (boxWrap.offsetWidth == boxWrap.scrollWidth) {
+    if ((boxWrap.offsetWidth) == boxWrap.scrollWidth) {
       prevBtn.style.visibility = "hidden";
       nextBtn.style.visibility = "hidden";
       if (isNotDropdown)
-        prevBtn.closest(".btn-wrap-left").style.display = "none";
+        prevBtn.closest('.btn-wrap-left').style.display = 'none';
     }
-    else if (boxWrap.scrollLeft + boxWrap.offsetWidth <=
-      boxWrap.scrollWidth) {
+    else if ((boxWrap.scrollLeft + boxWrap.offsetWidth) <= boxWrap.scrollWidth) {
       if (isNotDropdown)
-        prevBtn.closest(".btn-wrap-left").style.display = "";
+        prevBtn.closest('.btn-wrap-left').style.display = '';
       if (boxWrap.scrollLeft > 0) {
-        if (boxWrap.scrollLeft + boxWrap.offsetWidth ==
-          boxWrap.scrollWidth) {
+        if ((boxWrap.scrollLeft + boxWrap.offsetWidth) == boxWrap.scrollWidth) {
           nextBtn.style.visibility = "hidden";
           prevBtn.style.visibility = "visible";
         }
@@ -70,17 +62,11 @@ const PtcNavSlider = class {
     }
   }
   updateSlider(event) {
-    const boxWrap = document
-      .querySelector(`#${this.sliderId}`)
-      .shadowRoot.querySelector(".box-wrap");
-    const prevBtn = document
-      .querySelector(`#${this.sliderId}`)
-      .shadowRoot.querySelector("#prevBtn");
-    const nextBtn = document
-      .querySelector(`#${this.sliderId}`)
-      .shadowRoot.querySelector("#nextBtn");
+    const boxWrap = document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector('.box-wrap');
+    const prevBtn = document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector('#prevBtn');
+    const nextBtn = document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector('#nextBtn');
     if (event !== undefined && event.target) {
-      let notDropdown = !event.target.closest(".dropdown-content");
+      let notDropdown = !event.target.closest('.dropdown-content');
       this.updateArrows(event.target, prevBtn, nextBtn, notDropdown);
     }
     else {
@@ -89,18 +75,14 @@ const PtcNavSlider = class {
   }
   leftScroll(ele) {
     const sliderId = ele.sliderId;
-    const left = document
-      .querySelector(`#${sliderId}`)
-      .shadowRoot.querySelector(`.box-wrap`);
+    const left = document.querySelector(`#${sliderId}`).shadowRoot.querySelector(`.box-wrap`);
     if (left.scrollLeft > 0) {
       left.scrollBy(-200, 0);
     }
   }
   rightScroll(ele) {
     const sliderId = ele.sliderId;
-    const right = document
-      .querySelector(`#${sliderId}`)
-      .shadowRoot.querySelector(`.box-wrap`);
+    const right = document.querySelector(`#${sliderId}`).shadowRoot.querySelector(`.box-wrap`);
     if (right.scrollLeft + right.offsetWidth < right.scrollWidth) {
       right.scrollBy(200, 0);
     }