@ptcwebops/ptcw-design 6.5.2-upgrade → 6.5.3-upgrade

package/dist/collection/components/molecules/ptc-jumbotron/ptc-jumbotron.js

@@ -60,52 +60,52 @@ export class PtcJumbotron {
         let mediaElement;
         switch (this.jumbotronType) {
             case "png":
-                mediaElement = (h("div", { key: '57b4ee75b90a36cfba64db1bc0906f97ecbed3b0', class: "mobile-media-image" }, h("div", { key: '73b3cd52d1985e9ed181452b6ee12c40153db589', class: "media-image-wrapper" }, h("ptc-picture", { key: 'fce9e3fcc1674406d0aaf890beb7c8d5ed79b069', src: this.pngSrc }), this.hasPopupVideo && this.isMobile ? (h("slot", { name: "video" })) : null)));
+                mediaElement = (h("div", { key: 'ec8a7c3d107c4eee2cc17dc02bd8911a81147808', class: "mobile-media-image" }, h("div", { key: 'ca5ebeb5d9eab89625edd2d7610afa0361dcb1ca', class: "media-image-wrapper" }, h("ptc-picture", { key: '9370ff970f46bab0b69329d7f3d0f199b20cfb83', src: this.pngSrc }), this.hasPopupVideo && this.isMobile ? (h("slot", { name: "video" })) : null)));
                 break;
             case "blog":
-                mediaElement = (h("div", { key: '365bf34ec69024d213036e1e97d509cbd656e2a8', class: "mobile-media-image" }, h("div", { key: '11596c7a73468fc57a9bc881c27585e421065b2d', class: "media-image-wrapper" }, h("ptc-picture", { key: 'a41b28504febd8a4f1bac65e7de16fbeb2e4d0ee', "is-full-width": true, src: this.pngSrc, styles: "img {height: 100%;}" }))));
+                mediaElement = (h("div", { key: 'aa01401b9ee630bd2c343016054279ecc123fc4c', class: "mobile-media-image" }, h("div", { key: '65fadce0f3eda1c73c272deac61d0289906f8084', class: "media-image-wrapper" }, h("ptc-picture", { key: 'ee00e190b19d7776d2073cd90d3ff4108679b3b5', "is-full-width": true, src: this.pngSrc, styles: "img {height: 100%;}" }))));
                 break;
             case "gif":
-                mediaElement = (h("div", { key: 'fe55c4e929adddb56813572857e6ffe5e332f38c', class: "mobile-media-image gif-bg" }, h("img", { key: '1788d1c30e771e48666544db58d34c19deebaf7a', src: this.gifSrc })));
+                mediaElement = (h("div", { key: 'faf14803881d29941c7f422b5c2be6f4e8f791e1', class: "mobile-media-image gif-bg" }, h("img", { key: 'ce368c7cf1b522b597c01b0c32fa249e2b79611f', src: this.gifSrc })));
                 break;
             case "dark-video":
             case "light-video":
-                mediaElement = (h("ptc-background-video", { key: '64c6c730234e742c0530a8393cbb1cb95a45b136', class: "video-ratio", overlay: false, "video-src": this.bgVideoSrc, isIframe: this.isIframe, "play-button-title": this.playButtonTitle, "pause-button-title": this.pauseButtonTitle, "button-location": this.buttonLocation, "button-tab-index": this.buttonTabIndex, defer: this.defer, posterSrc: this.bgVideoPosterSrc }, " ", this.hasPopupVideo && this.isMobile ? (h("div", { class: "mobile-modal-play-btn" }, " ", h("slot", { name: "video" }))) : null));
+                mediaElement = (h("ptc-background-video", { key: '4483177bd7b56c95635aa9db7a9eaa890ac6b0bb', class: "video-ratio", overlay: false, "video-src": this.bgVideoSrc, isIframe: this.isIframe, "play-button-title": this.playButtonTitle, "pause-button-title": this.pauseButtonTitle, "button-location": this.buttonLocation, "button-tab-index": this.buttonTabIndex, defer: this.defer, posterSrc: this.bgVideoPosterSrc }, " ", this.hasPopupVideo && this.isMobile ? (h("div", { class: "mobile-modal-play-btn" }, " ", h("slot", { name: "video" }))) : null));
                 break;
             case "dark":
             case "light":
-                mediaElement = (h("div", { key: 'cd2a4567da2ebd49ad4253929b6dbf44884467ce', class: "dl-img-wrap" }, h("ptc-img", { key: 'ab0a73a3c85ea4915c242056d28e6f72a7eaadcc', "img-url": this.bgSrc, styles: ".smart-bg{background-position:right !important;}" }), this.hasPopupVideo && this.isMobile ? (h("div", { class: "mobile-modal-play-btn" }, " ", h("slot", { name: "video" }))) : null));
+                mediaElement = (h("div", { key: '79f6958c0b4c792f0baa82772caa1cbc7b0a209c', class: "dl-img-wrap" }, h("ptc-img", { key: '2599ac8e62b82d483aba77ba6652819775b6f697', "img-url": this.bgSrc, styles: ".smart-bg{background-position:right !important;}" }), this.hasPopupVideo && this.isMobile ? (h("div", { class: "mobile-modal-play-btn" }, " ", h("slot", { name: "video" }))) : null));
                 break;
             default:
-                mediaElement = (h("ptc-img", { key: 'b8d97c4bff65c371eb115261479b9c2b4d32e533', "img-url": this.bgSrc, styles: ".smart-bg{background-position:right !important;}" }));
+                mediaElement = (h("ptc-img", { key: '4a8e5783bb530ff231c25172605a8223a5c95f11', "img-url": this.bgSrc, styles: ".smart-bg{background-position:right !important;}" }));
         }
-        return (h(Host, { key: '094310d1c96f4af5ed01f6b8c8e96fd56fdbc8d2', class: classMap }, this.styles && h("style", { key: 'd134d301abbf2d61654449973b1f0eae7fc98793' }, this.styles), h("div", { key: '4fff40e90eca8426c7748350249832e653203a8c', class: {
+        return (h(Host, { key: '7aa3d0f4a9af8fd53b9afc37b273262c5df6f268', class: classMap }, this.styles && h("style", { key: 'f9bdf3a28645d3d9b1225a1521d770496747503a' }, this.styles), h("div", { key: '20146b5680a0a302f3319b66e049b36c1e43e62c', class: {
                 parent: true,
                 "light-links": this.jumbotronType === "dark" ||
                     this.jumbotronType === "dark-video",
                 "hp-adjustments": this.isHomepage,
                 transitioning: this.isTransitioning,
-            } }, h("div", { key: '59e37c9d2ad5fffcc539842d4531b00de8685ca0', class: `div1 image-container ${this.jumbotronType === "text" ? "hidden" : ""}` }, mediaElement), h("div", { key: '7e096bd8df4053bcbefc243f286363b03140bc6b', class: "div2 content-container" }, h("div", { key: 'd478c2fca75181ad9792551c6b55206e304cda2a', class: "bg-overlay", style: { background: this.contentBackground } }), h("div", { key: '56c43b8ba1ad771d50699e802ffbfc8c4d5ece33', class: {
+            } }, h("div", { key: '37ca8a1b19e184967f8b2dbd4896431abb9d5563', class: `div1 image-container ${this.jumbotronType === "text" ? "hidden" : ""}` }, mediaElement), h("div", { key: 'b91f4cad7f66065d1c74c7b8e62223415690d4bb', class: "div2 content-container" }, h("div", { key: '12309b1be2b804646ba6b01aa8c7b7a79f0395e0', class: "bg-overlay", style: { background: this.contentBackground } }), h("div", { key: '09893cd95cfbb65b374fe654c9a6d17ca73b816d', class: {
                 "ptc-container": true,
                 "content-layout": true,
                 "hp-container": this.isHomepage,
                 "blog-container": this.jumbotronType === "blog",
-            } }, h("max-width-container", { key: '21e16400ef4383e91b7cdf4118fec658bf8b19b2', "max-width-p": "60", breakpoint: 992, "content-align": this.jumbotronType === "text"
+            } }, h("max-width-container", { key: 'd531394c915450eea7153938756c7935d9a82e43', "max-width-p": "60", breakpoint: 992, "content-align": this.jumbotronType === "text"
                 ? "center"
-                : this.textAlign, styles: ":host{z-index: 999}" }, h("slot", { key: '4983e92d2b99a00b984c7fbbf7b9d4b2f2c86f57', name: "breadcrumb" }), !!this.logo && (h("div", { key: 'ed7d6da474fd1c0fb208f788a2af552f949a4142', class: "logo-frame" }, h("img", { key: '578a937b783b19b9063110888dfc81f712b5749e', alt: "Logo", src: this.logo }))), h("span", { key: 'a51450deef2a5fd7d4c74febb2b261ea68a09271', class: "main-content-items" }, h("ptc-spacer", { key: 'c128e1a25c552da7ca95b75787251f12ee82c15f', breakpoint: "small", size: "small" }), h("ptc-spacer", { key: 'db28a16af7a314dccddc66d3f4c23ac4fd2d50c7', breakpoint: "x-small", size: "medium" }), h("slot", { key: '30aef1f2abd6a8bc250193b7a26bdeffa3c49731', name: "main-title" }), h("slot", { key: 'd99b10df8f624628701b4f78f554138921ce52f3', name: "hp-sub-title" }), (this.jumbotronType !== "text" ||
+                : this.textAlign, styles: ":host{z-index: 999}" }, h("slot", { key: 'ea6f74b34e1560d3971c63d63449b83e51c8fc07', name: "breadcrumb" }), !!this.logo && (h("div", { key: '6e7f69ac0172ec51ecad8824344cf8830b4202ab', class: "logo-frame" }, h("img", { key: '639d90966f2fc38a6258d1f7c284a4acb4f1b236', alt: "Logo", src: this.logo }))), h("span", { key: '5c83a4a7698edcf851044fd74f7d29db84f74973', class: "main-content-items" }, h("ptc-spacer", { key: 'ac63d3953e543a78e0ef73931679237333d792ad', breakpoint: "small", size: "small" }), h("ptc-spacer", { key: 'fd838aaa9629384359ccd1b6485056ecdb93a356', breakpoint: "x-small", size: "medium" }), h("slot", { key: '591b79bddb8d6e25e77e49fe2241149d3247c6ae', name: "main-title" }), h("slot", { key: 'fafa223dfb27cccfe28352cafb809f38a73fe794', name: "hp-sub-title" }), (this.jumbotronType !== "text" ||
             (this.jumbotronType === "text" &&
                 this.subTitle)) &&
-            !this.isHomepage && (h("div", { key: 'db9196ff8e4c58895206b637e6c6787004c0a64a' }, h("ptc-spacer", { key: 'd602bd5f9f706d993cfc94ebd5f6fdb49e29f90b', breakpoint: "small", size: "small" }), h("ptc-spacer", { key: 'cb0024f793e21b000ce8ac067e2211c2deb90a85', breakpoint: "x-small", size: "medium" }))), !this.isHomepage && (h("ptc-para", { key: 'a790563992ef8cb692deee71d4ba9f4b64737e0e', styles: `p{color: ${this.contentColor}!important;}`, "font-size": this.jumbotronType === "text" &&
+            !this.isHomepage && (h("div", { key: 'fe2eb74069b72ad73fde7f226d4caaa293a0f774' }, h("ptc-spacer", { key: '5b2f42f1fd68c5cfc3973ebd3e96b5db85a0a392', breakpoint: "small", size: "small" }), h("ptc-spacer", { key: '6a062aa9421e1e9515578b970680f380300f5ef9', breakpoint: "x-small", size: "medium" }))), !this.isHomepage && (h("ptc-para", { key: '1d4b52b80d1ba61bcd8f9469280435d781d56154', styles: `p{color: ${this.contentColor}!important;}`, "font-size": this.jumbotronType === "text" &&
                 this.isMobile
                 ? "x-small"
                 : "small", "font-weight": "w-4", "para-margin": `${this.jumbotronType === "text" || this.jumbotronType === "blog" ? "margin-flush" : "margin-bottom-6"}`, "para-color": "white", "para-line-h": "line-height-p", "para-align": this.jumbotronType === "text"
                 ? "center"
-                : "left", "seo-compatibility-mode": true }, h("p", { key: '1c00a5d168942918429788440e2bd71b390fdd6a', innerHTML: this.subTitle, style: { margin: "0" } }), h("p", { key: '07bba708d7b526c45ff5428bdc31cd0f59553a5a', style: { margin: "0" } }, h("slot", { key: '5d70935cbaa6ddb5e42794a90314ba39af7b89f1', name: "blog-date" })), this.jumbotronType === "blog" && (h("div", { key: '4e1f789978536d24dffcd5df0af2818d0b7a9963' }, h("ptc-spacer", { key: '5066b30b51b50569c2af4c339445f43475fcee92', breakpoint: "x-small", size: "medium" }), h("ptc-spacer", { key: '674174105a7b2825feaac3baa48503d564775e5e', breakpoint: "small", size: "small" }), h("div", { key: 'd52376ef7f87757fae0d024092b738a9d7fd7dc2', id: "header-blog-author", slot: "blog-author" }, h("div", { key: '7a5447c69a6518dcaac4c10510a7b273db604177', class: "image" }, h("img", { key: '12c662a33d8f567675c44b1839bc353caf054a4f', alt: this
+                : "left", "seo-compatibility-mode": true }, h("p", { key: 'aef7eb354473aa49c29bedd9df9482eaca010ae5', innerHTML: this.subTitle, style: { margin: "0" } }), h("p", { key: '4bb17919a9bf6403df10b817f8d92c2c9c86d984', style: { margin: "0" } }, h("slot", { key: 'f836bd1fa2012f6245de4257600cfb49635336c9', name: "blog-date" })), this.jumbotronType === "blog" && (h("div", { key: '2b36b7fd75d1c9658c6961a1cc60b68d5d6868f1' }, h("ptc-spacer", { key: '8e47434b70c08353aa1792298644be378967ffa4', breakpoint: "x-small", size: "medium" }), h("ptc-spacer", { key: '5816a90970e9b28dca6061c3d56087db7e401747', breakpoint: "small", size: "small" }), h("div", { key: '780cc185f17bd24fce2250945af49a0e58854481', id: "header-blog-author", slot: "blog-author" }, h("div", { key: '606eb3005ae832bbb8ec7a4bbcde1124b24a554c', class: "image" }, h("img", { key: '1beaf3b56f8f2841a280f7cae67b9ae267a762f1', alt: this
                 .blogAuthorImageAlt, src: this
-                .blogAuthorImage })), h("ptc-para", { key: '74a7686923977856fff2185b28c01d2bce69fb93', "font-size": "small", "font-weight": "w-4", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("a", { key: 'd6468c4590d5ea770098c68deb476f221121175a', class: "blog-author-name mf-listen", tabindex: "0", href: this
+                .blogAuthorImage })), h("ptc-para", { key: 'a8512a30e68b4694517522ccf677d28f266d7e12', "font-size": "small", "font-weight": "w-4", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("a", { key: 'ccaa25559d02a6a7fc45bce64e83a1d6cb431311', class: "blog-author-name mf-listen", tabindex: "0", href: this
                 .blogAuthorQueryHref, target: this
                 .blogAuthorQueryTarget, "aria-label": "Other blogs by author" }, this
-            .blogAuthorName))))))), this.hasCtaSlot && (h("div", { key: 'e0b09c042b90c598502ef32e81c3e35bdde600fc', class: `u-flex u-flex-wrap gap-adjustment${this.jumbotronType === "text" ? " text-adjustment" : ""}` }, h("slot", { key: '1d9aa19f07c0d3a6a1bc7d11b04d581b4de34326', name: "j-cta" }))))), this.hasPopupVideo &&
+            .blogAuthorName))))))), this.hasCtaSlot && (h("div", { key: '99c039bbf1ca2456a4f5ada47f8e5fbe1c7cf109', class: `u-flex u-flex-wrap gap-adjustment${this.jumbotronType === "text" ? " text-adjustment" : ""}` }, h("slot", { key: 'bafc22305e6883acb7daedaef37346e00d4bbd87', name: "j-cta" }))))), this.hasPopupVideo &&
             this.jumbotronType !== "png" ? (h("slot", { name: "video" })) : null, this.hasCountdown ? (h("slot", { name: "countdown" })) : null, this.jumbotronType === "png" ? (h("div", { class: "desktop-media-image" }, h("div", { class: "media-image-wrapper" }, h("ptc-picture", { "is-full-width": true, src: this.pngSrc, styles: `img {${this.pngImgStyles}}` }), this.hasPopupVideo ? (h("slot", { name: "video" })) : null))) : null, this.jumbotronType === "gif" ? (h("div", { class: "desktop-media-image desk-gif-adjustment" }, h("img", { src: this.gifSrc }))) : null, this.jumbotronType === "blog" ? (h("div", { class: "desktop-media-image" }, h("div", { class: "media-image-wrapper" }, h("ptc-picture", { "is-full-width": true, src: this.pngSrc, styles: "img {height: 100%;}" })))) : null)))));
     }
     getCssClassMap() {

package/dist/collection/components/molecules/ptc-media-card/ptc-media-card.js

@@ -170,7 +170,7 @@ export class PtcMediaCard {
                 : false
             : false;
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '597cc05922300cf05b492fd7b5cf34608460e5bb', class: classMap, onmouseenter: () => (this.isHovered = true), onmouseleave: () => (this.isHovered = false), style: this.cardType != "case-study-icon"
+        return (h(Host, { key: '0457bf4149803c8ca67a9a489d0ca82c720fb724', class: classMap, onmouseenter: () => (this.isHovered = true), onmouseleave: () => (this.isHovered = false), style: this.cardType != "case-study-icon"
                 ? this.isHovered && this.hoverBackgroundImage
                     ? {
                         backgroundImage: `url(${this.hoverBackgroundImage})`,
@@ -178,7 +178,7 @@ export class PtcMediaCard {
                     : {
                         backgroundImage: `url(${this.activeBackgroundImage})`,
                     }
-                : {} }, h("slot", { key: 'c00aa8f0c71f018b096e02661eebdaa5bdbffde2', name: "seo-content" }), this.cardType != "case-study-icon" ? (h("div", { id: this.trackerId, class: "tracker-div mf-listen" }, h(Tag, { class: "anchor-wrap", target: this.target, href: this.cardHref, rel: this.rel, ...(this.isTabNavigated
+                : {} }, h("slot", { key: '707d00237566bdfb9d0bc8fca5162199ced252d7', name: "seo-content" }), this.cardType != "case-study-icon" ? (h("div", { id: this.trackerId, class: "tracker-div mf-listen" }, h(Tag, { 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

package/dist/collection/components/molecules/ptc-minimized-nav/ptc-minimized-nav.js

@@ -6,7 +6,7 @@ export class PtcMinimizedNav {
     navType = "minimized-header";
     trackerId;
     render() {
-        return (h(Host, { key: '4f9ba7034ea55efbcb033c8be4a059c1c14ef54d' }, this.navType == "minimized-header" ? (h("div", { class: "minimized-header" }, h("div", { class: "header" }, h("div", { class: "ptc-container" }, h("a", { class: "mini-navbar-logo mf-listen", href: this.linkUrl, tabindex: "0", id: this.trackerId }, h("img", { src: this.imgSrc, alt: this.imgAlt })))))) : null, this.navType == "minimized-footer" ? (h("div", { class: "ptc-min-footer mini-footer" }, h("div", { class: "min-footer-copyright-wrapper" }, h("ul", { class: "min-footer-nav-list min-footer-copyright-list" }, h("slot", null))))) : null));
+        return (h(Host, { key: 'c83aeaa843b3736d4b9cc152dac17470f409adf9' }, this.navType == "minimized-header" ? (h("div", { class: "minimized-header" }, h("div", { class: "header" }, h("div", { class: "ptc-container" }, h("a", { class: "mini-navbar-logo mf-listen", href: this.linkUrl, tabindex: "0", id: this.trackerId }, h("img", { src: this.imgSrc, alt: this.imgAlt })))))) : null, this.navType == "minimized-footer" ? (h("div", { class: "ptc-min-footer mini-footer" }, h("div", { class: "min-footer-copyright-wrapper" }, h("ul", { class: "min-footer-nav-list min-footer-copyright-list" }, h("slot", null))))) : null));
     }
     static get is() { return "ptc-minimized-nav"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/ptc-mobile-select/ptc-mobile-select.js

@@ -69,11 +69,11 @@ export class PtcMobileSelect {
         }
     }
     render() {
-        return (h("div", { key: '3e529cd952836b6d5eb909fc1c4c4dd68e673e73', class: "mobile-select-wrapper", "aria-selectlanguage": "Select Language", tabindex: "0", onKeyPress: (e) => {
+        return (h("div", { key: 'c561137dbdc450d4db9479acdf9012ea06c5ccc4', class: "mobile-select-wrapper", "aria-selectlanguage": "Select Language", tabindex: "0", onKeyPress: (e) => {
                 this.wrapperClick(e);
-            } }, h("div", { key: '99861d4d7fbe8a9fe32f1b27b3222568c4961912', onClick: (e) => {
+            } }, h("div", { key: 'ded03c25ca82ce30f906173af26f8834316beb5b', onClick: (e) => {
                 this.wrapperClick(e);
-            } }, h("span", { key: 'cba1d84fb394e20e2db73ebf7559ddb187d0c56c', id: this.triggerName }, this.selectedText), h("icon-asset", { key: '600ab357558ee185d816bb5590bc51505c8bdb8d', 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;}" }))));
+            } }, h("span", { key: '80ce41c10c3797cfb348d87ce190bab55436ffe7', id: this.triggerName }, this.selectedText), h("icon-asset", { key: '691811d0baea5958209aa095043096a86fc5306c', 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

package/dist/collection/components/molecules/ptc-multi-select/ptc-multi-select.js

@@ -289,11 +289,11 @@ export class PtcMultiSelect {
         if (selectedItemsCount === 1) {
             displayText = selectedItems[0].text;
         }
-        return (h(Host, { key: 'a3126dc6ae21375d480043961dd011d0fc2e23f3', class: {
+        return (h(Host, { key: '6611df1253633d7698735121d8d086a2a9f194ad', class: {
                 "ptc-multi-select": true,
                 invalid: !this.isValid,
                 "mf-listen": true,
-            } }, h("label", { key: 'c96191124d8c5846bb1de1933749d57058cbc275', class: "multi-select-label", id: `multi-select-label-${this.label}` }, this.label), h("div", { key: 'fd2562949ffa9983456dd99e8f79e35486de637c', class: "selected-items multi-selected-items", role: "button", "aria-haspopup": "listbox", "aria-expanded": this.showDropdown, "aria-labelledby": `multi-select-label-${this.label}`, tabIndex: 0, onClick: () => this.toggleDropdown(), onKeyDown: (event) => this.handleKeyDownToggle(event) }, h("div", { key: 'c607d713ec5512fb35212001356134226bd8176f', class: "input-text" }, displayText), h("span", { key: '38c974c00102751155b8d499a944e0f683790fe5', class: "multi-select-icon" }, h("svg", { key: 'ff63e98b548f7f7e678d14e271aceca0972aec9a', class: "multi-arrow-svg", width: "10", height: "10", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '321da91fa3eda933155f2e4c6b06f3cab12c2186', d: "M1.375 1.875L5 5.5L8.625 1.875L9.9375 3.1875L5 8.125L0.0625 3.1875L1.375 1.875Z" })))), h("ul", { key: 'fc804886229994c5484dd65fab4c89dc24e7e1d8', class: "dropdown" + (this.showDropdown ? " show" : ""), role: "listbox", "aria-labelledby": `multi-select-label-${this.label}`, tabIndex: -1 }, h("li", { key: 'e62dc9acc235680f723aa65c466e7b5c622e8c5f', id: `multi-select-item-0`, role: "option", "aria-selected": isAllSelected, class: { selected: isAllSelected }, tabIndex: -1, onKeyDown: (event) => this.handleKeyDownItem(event, 0) }, h("button", { key: 'f0b9720a8ca5573a2f16a04e4798e9859c3b3ef3', onClick: (event) => {
+            } }, h("label", { key: 'fbe1e965c69bf152e140e15be467ed8b6ccad619', class: "multi-select-label", id: `multi-select-label-${this.label}` }, this.label), h("div", { key: '6f65d34f81d6d8d9e309468c9f0dd5cffd460261', class: "selected-items multi-selected-items", role: "button", "aria-haspopup": "listbox", "aria-expanded": this.showDropdown, "aria-labelledby": `multi-select-label-${this.label}`, tabIndex: 0, onClick: () => this.toggleDropdown(), onKeyDown: (event) => this.handleKeyDownToggle(event) }, h("div", { key: '92ea02e5a0c9ccbb672c2cdd3fa3459f6f7e29f2', class: "input-text" }, displayText), h("span", { key: '915b92daf895941b1b2959d47c1c6e634a9b8b9a', class: "multi-select-icon" }, h("svg", { key: '1678d7b08edf957b876320971651db63f15b9078', class: "multi-arrow-svg", width: "10", height: "10", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2b908feedefb1edfd5b5b8809661da5058f8a73f', d: "M1.375 1.875L5 5.5L8.625 1.875L9.9375 3.1875L5 8.125L0.0625 3.1875L1.375 1.875Z" })))), h("ul", { key: '298b81e30f4ec360d6d60e9d97b43f6a9f36296e', class: "dropdown" + (this.showDropdown ? " show" : ""), role: "listbox", "aria-labelledby": `multi-select-label-${this.label}`, tabIndex: -1 }, h("li", { key: '76c8d2dc9ba85fd4de39e3431ea7ba37b1daa72c', id: `multi-select-item-0`, role: "option", "aria-selected": isAllSelected, class: { selected: isAllSelected }, tabIndex: -1, onKeyDown: (event) => this.handleKeyDownItem(event, 0) }, h("button", { key: 'e12878b574e2d8ef67eedf47a1240a2d32f8a395', onClick: (event) => {
                 event.preventDefault();
                 event.stopPropagation();
                 buttonAction(event);
@@ -304,10 +304,10 @@ export class PtcMultiSelect {
             } }, h("input", { class: "multi-checkbox", type: "checkbox", id: `checkbox-${index}`, checked: item.selected, "data-eloqua-name": item.ptcDataEloquaName, "data-target-eloqua-name": item.ptcDataTargetEloquaName, required: this.isRequired, onClick: (event) => {
                 event.stopPropagation(); // Prevents the dropdown from closing
                 this.toggleItemSelection(index);
-            }, onBlur: this.handleBlur }), h("label", { htmlFor: `checkbox-${index}` }, item.text))))), this.tooltipVisible && (h("div", { key: '6161af0c6bf467a1864f67aab9519e5db31842da', class: "tooltip", style: {
+            }, onBlur: this.handleBlur }), h("label", { htmlFor: `checkbox-${index}` }, item.text))))), this.tooltipVisible && (h("div", { key: 'ddb080b1a3ddb79cd2eede1987a7e8beb9733c46', class: "tooltip", style: {
                 top: `${this.tooltipPosition.top}px`,
                 left: `${this.tooltipPosition.left}px`,
-            } }, this.tooltipText)), h("div", { key: '3915dfca88910873a7928252701768d95388dec1', id: "tbd", class: "mdc-select-helper-text mdc-select-helper-text--validation-msg" }, h("svg", { key: 'f99fc95cefdb116d979aad12b9c751881a76ecc3', class: "select-error-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '2f56857ba7241820f69cd869412860918250734b', "clip-path": "url(#clip0_12_1424)" }, h("path", { key: '1de2e66b8f2e01f15a3119ed2dc24dbe8c2155ab', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z", fill: "#AF3231" })), h("defs", { key: 'b8bb43aec80b06d30c1b6a6f604e76ba79cd41a9' }, h("clipPath", { key: '653c1fda88283352aef840f4acfda6d8525b9d7c', id: "clip0_12_1424" }, h("rect", { key: '858dea7af4e176dc713d5140b3ee6ea1a8468ffe', width: "16", height: "16", fill: "white" })))), this.helpertext)));
+            } }, this.tooltipText)), h("div", { key: '1a4bdf168da93b217c041dc8d4c8d9e4badb4439', id: "tbd", class: "mdc-select-helper-text mdc-select-helper-text--validation-msg" }, h("svg", { key: 'a763ef088fa68efee6ab8c7ebfbbcb2dc83ce64a', class: "select-error-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'dffdedf18891901a114ca4d56dc381b2ca3dffb6', "clip-path": "url(#clip0_12_1424)" }, h("path", { key: '8406301328a26f86fd99cccf744ce49b7e79fac0', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z", fill: "#AF3231" })), h("defs", { key: '340702749f10f436cf838ce9c469aaefe22aa2fe' }, h("clipPath", { key: '165ec14d8730dd8adfa4cac1cefd7f780f8bed5e', id: "clip0_12_1424" }, h("rect", { key: 'ea9341579f262c5c157645625375affef61c6248', width: "16", height: "16", fill: "white" })))), this.helpertext)));
     }
     // Ensure that checkOverflow is inside the class
     checkOverflow(event, text) {

package/dist/collection/components/molecules/ptc-nav-card/ptc-nav-card.js

@@ -54,7 +54,7 @@ export class PtcNavCard {
         this.handleResize();
     }
     render() {
-        return (h(Host, { key: '0d1c002bf8f81f08120bc106348c2430dd9daea9', class: this.cardType }, h("div", { key: '2a9f20dbe4a26499acb654a509d7c36ec70c830b', class: "nav-card-wrap" }, this.cardType == "links-card" ? (h("div", { class: "links-card-wrap" }, h("h3", null, this.cardHref &&
+        return (h(Host, { key: '64a04ef1d7dfec97563ca6feaeb6ed140f2c991c', class: this.cardType }, h("div", { key: 'f8b434e0be175a3c76a5ea197fe86f0337f98e91', class: "nav-card-wrap" }, this.cardType == "links-card" ? (h("div", { class: "links-card-wrap" }, h("h3", null, this.cardHref &&
             !this.cardHref.startsWith("#") ? (h("a", { id: this.trackerId, href: this.cardHref, title: this.linkTitle, tabIndex: -1, class: "mf-listen" }, this.heading, h("svg", { width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, 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)), h("slot", null))) : (h("a", { id: this.trackerId, href: this.cardHref, title: this.linkTitle, tabIndex: -1, class: "media-card-wrap mf-listen" }, this.cardLogo && (h("div", { class: "card-logo" }, h("img", { src: this.cardLogo, alt: this.logoAlt }))), h("div", { class: "card-content" }, h("h4", null, this.heading, this.cardType == "cta-card" && (h("svg", { width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, 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 && (h("p", null, this.description))))))));
     }
     static get is() { return "ptc-nav-card"; }

package/dist/collection/components/molecules/ptc-nav-pills/ptc-nav-pills.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class PtcNavPills {
     render() {
-        return (h(Host, { key: '07752e67375515246e440b1d6d375945e2abeb41' }, h("slot", { key: '33fe63785edba643851aa5a527a0a428a0118c13' })));
+        return (h(Host, { key: 'f1b63823ab7205254192ca15776c24c9acbfea46' }, h("slot", { key: 'e2f443920514daf68240ba2df9120a55abddaf23' })));
     }
     static get is() { return "ptc-nav-pills"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/ptc-nav-skip-to-content/ptc-nav-skip-to-content.js

@@ -52,7 +52,7 @@ export class PtcNavSkipToContent {
         }
     }
     render() {
-        return (h(Host, { key: '001b07ed2d7217f42953687d91f6f64b7fdbd2cf' }, h("slot", { key: '26c08d7313f2d557ce2222b6707cb6a9dd83a578' }), h("a", { key: '4838f6c9a2c8d89e061734e5eba6d5f40dbc05dc', tabindex: 0, class: "skip-link", href: "", "aria-label": "Skip to main content", onClick: (e) => this.scrollToSection(e) }, this.buttonText)));
+        return (h(Host, { key: '2c091067bd2a5225337ccc73780d6701fa9bcf9b' }, h("slot", { key: '1e5340bbdb6b796622039d34ca9671f215c64e20' }), h("a", { key: '3bcfb7c5098ecdefb79e28c4975b3855ffe3437f', tabindex: 0, class: "skip-link", href: "", "aria-label": "Skip to main content", onClick: (e) => this.scrollToSection(e) }, this.buttonText)));
     }
     static get is() { return "ptc-nav-skip-to-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/ptc-nav-tile/ptc-nav-tile.js

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 export class PtcNavTile {
     navLinks = [];
     render() {
-        return (h(Host, { key: 'c4dd58c3f56a64de8adf3ef848c82b78332d6b11' }, h("div", { key: '693703b7bd0051b96a8dcd8f33a29f68934f709d', class: "nav-link-group" }, this.navLinks.map((link) => (h("a", { href: link.url, class: "nav-title-link" }, link.title))))));
+        return (h(Host, { key: 'edf4d815fdcb198cf579646c30f8b77b7d1726d5' }, h("div", { key: '496abb1ba98f9d0a8252dbc8feaaf274600c9275', class: "nav-link-group" }, this.navLinks.map((link) => (h("a", { href: link.url, class: "nav-title-link" }, link.title))))));
     }
     static get is() { return "ptc-nav-tile"; }
     static get originalStyleUrls() {

package/dist/collection/components/molecules/ptc-news/ptc-news.js

@@ -17,7 +17,7 @@ export class PtcNews {
      */
     newsDownloadUrl;
     render() {
-        return (h(Host, { key: '74bbf17117d5b754c4b7dae7e857753d203ae24a' }, h("div", { key: '434c36c970281fa9151d200890dcd6236e7f10f3', class: "news-container" }, this.newsTag && (h("span", { key: 'b0e63ae70bae43be24cb5b68d721805330b62b1f', class: "news-tag" }, this.newsTag)), h("slot", { key: '3742cf3e14aa41ec83fd57c52347ed7fea68fd33', name: "news-title" }), h("slot", { key: '67fbea6a40506320b814497d50a2536eb5e5f401', name: "news-secondary-title" }), h("slot", { key: 'bb1fc4300639157725317c9424b4dbaf38f43133', name: "news-date" }), h("slot", { key: 'ad8b035c72393f49a7e73b29b0199ec91d7c47e7', name: "news-summary" }), this.getArticleImage(), h("div", { key: '4edb21a5ba599395a5948a26c3806f8bc2dfab94', class: "news-content" }, h("slot", { key: '67273a33160eedc249dae962d7ce734dd12dd568', name: "share-icons" }), h("slot", { key: '1b3c27bff47004b9987b0740727faa19b55787f1' })))));
+        return (h(Host, { key: '1895b917630be592214c272ca6bcea9ec96a0024' }, h("div", { key: 'f5510004ab25b94c3df601e8a504300ba580bc62', class: "news-container" }, this.newsTag && (h("span", { key: '6ad10cfbf08b4e853b7dfeabe469bf0214db2a4d', class: "news-tag" }, this.newsTag)), h("slot", { key: '4dd2b55f9ccb415ca9fed8af3ecbacaead18cf50', name: "news-title" }), h("slot", { key: '313bf5ad05c60b3820cb72e133be112f1c70b9fd', name: "news-secondary-title" }), h("slot", { key: '2832c9beac971f582d1be22b928283bc2c6a2f5c', name: "news-date" }), h("slot", { key: '393b927d4dd13b130229aa3542f3394945eae207', name: "news-summary" }), this.getArticleImage(), h("div", { key: 'dde7fac87e5fea84f962d323b3438d1dd4487cbd', class: "news-content" }, h("slot", { key: 'aade6d12c88a6cdcc1e4812dba91b6f1ea5164f3', name: "share-icons" }), h("slot", { key: 'aa375ea1ee7e85edfbb40e72be56ee5c20b211dc' })))));
     }
     getArticleImage() {
         if (this.newsImage && this.newsDownloadUrl) {

package/dist/collection/components/molecules/ptc-office-location-card/ptc-office-location-card.js

@@ -24,11 +24,11 @@ export class PtcOfficeLocationCard {
         modal.show = true;
     }
     render() {
-        return (h(Host, { key: 'e7dcb57caa91fb81d0bbef9da38b6bdbb925aedf' }, h("div", { key: '5de9e940f294aed9ad2a3081acd692fb83b7152d', class: "ofc-card-wrapper", onClick: (e) => this.handleClick(e), onKeyPress: (e) => this.handleClick(e), tabindex: 0 }, this.showFullAddressModal && (h("div", { key: '9c8a8923c5eb07ce4021dc4e943ff39dbb4598cf', class: "show-full-cta", onClick: (e) => {
+        return (h(Host, { key: '98f67614994ff0300074a12ef043b70db143d50f' }, h("div", { key: '6d2e977789950134bcb760b11ccc83a6636996fd', class: "ofc-card-wrapper", onClick: (e) => this.handleClick(e), onKeyPress: (e) => this.handleClick(e), tabindex: 0 }, this.showFullAddressModal && (h("div", { key: '033ba5c952875756b91e4ea9d85bc1a7beb06d32', class: "show-full-cta", onClick: (e) => {
                 this.showFullAddress(e);
             }, tabindex: 0, onKeyPress: (e) => {
                 this.showFullAddress(e);
-            } }, this.showFullAddressText, h("span", { key: 'a0e023ce796fdc2750ac9efaa0aa9de8760ad9e7', innerHTML: showAll }))), h("div", { key: '78f5681cb1bc269ce0f9476d13926d0421747d6f', class: "ofc-title" }, this.officeName), h("div", { key: 'f5d60fc56942d1f4f00476411a9f37f9964023a9', class: "map-link" }, h("span", { key: '0e391a766271a16bba0bd844df625fd29306becb', class: "ofc-icon", innerHTML: showMapSVG }), h("slot", { key: '475fff6ccda04df2792ea9ef841b4da77edbd971', name: "map-link" })), h("div", { key: '729d8f5131def7b0cb3bbda21f9cfb98a56b02b0', class: "contact-number" }, !this.isContactEmpty && (h("span", { key: 'c755b27b89662f366dbe288aced5c55faa2faba1', class: "ofc-icon", innerHTML: phone })), h("slot", { key: 'ae25bd3a5060da7709a852e6b7caf004bad32065', name: "contact-number" })), h("slot", { key: 'c655fc05868b516c6a81dec44cb852576cba7389' })), this.showFullAddressModal && (h("ptc-modal", { key: 'c9fa62d1922b33dcb83054c76799bc5b81bac539', id: "show-full-add", show: false, size: "md", fixed: true, rounded: true, overlay: true, "keep-in-viewport": true, styles: ".modal-body{padding: 0 32px 32px 32px;box-sizing: border-box;}" }, h("div", { key: '54cef9ee5572d4e984b2ab8e02c5ed94dbd7c865', class: "ofc-title" }, this.officeName), h("div", { key: '6deb0a582587839a47e99765efed3a724742ce16', class: "map-link" }, h("span", { key: '521a665cde2762c287c79b27964ec32ca49518a1', class: "ofc-icon", innerHTML: showMapSVG }), h("slot", { key: '4252450bbc3e5c30492c1e8cd4e1697cfc5193ef', name: "map-link-modal" })), h("div", { key: '7e7cb98c206ef6c2090e1e752eee22cd692dfd84', class: "contact-number" }, !this.isContactEmpty && (h("span", { key: '5ba3703e1e381fc01375c14da01fe55ec5715280', class: "ofc-icon", innerHTML: phone })), h("slot", { key: 'b7524060735347275557f7d09a5604febb2290f8', name: "contact-number-modal" }))))));
+            } }, this.showFullAddressText, h("span", { key: '66d921fe6bc7c1d9407ae46119e1f0595c40f6d5', innerHTML: showAll }))), h("div", { key: '9d23025ac5c32512723000be34c4331f900a0371', class: "ofc-title" }, this.officeName), h("div", { key: '0335e67e511460bc68e0247e7bd6f96d05d67e21', class: "map-link" }, h("span", { key: 'b76633c9c2b0595804eb83309b6ed5ebabdc79f4', class: "ofc-icon", innerHTML: showMapSVG }), h("slot", { key: '5af78506bfc7386ccb96ef67cbb631721160b36c', name: "map-link" })), h("div", { key: '5aacc66efd7f4d04150dde00aa36d8d7f2db8aa9', class: "contact-number" }, !this.isContactEmpty && (h("span", { key: '7a38890f62f88c855fe505cd85e99b57cafa958c', class: "ofc-icon", innerHTML: phone })), h("slot", { key: 'a8cf45cb8792dd8be8f7506a615fcde206495aa6', name: "contact-number" })), h("slot", { key: '322bcabdb1790cd2160731d894c9f7367a94df01' })), this.showFullAddressModal && (h("ptc-modal", { key: 'be4daeb06745ae32a8781e82e5e5d459f289e8cf', id: "show-full-add", show: false, size: "md", fixed: true, rounded: true, overlay: true, "keep-in-viewport": true, styles: ".modal-body{padding: 0 32px 32px 32px;box-sizing: border-box;}" }, h("div", { key: '9a2bd41838f4cc1d7d9eb3b35b12a2d4ac776b5d', class: "ofc-title" }, this.officeName), h("div", { key: '795fba113faf657e0b69fe2f4ab00b1bfc9bfd69', class: "map-link" }, h("span", { key: 'c09ca8947c34c090a8ecee03a8057d1444923194', class: "ofc-icon", innerHTML: showMapSVG }), h("slot", { key: 'b0327eb43237d82a0cd7cded0647a21ee17ee914', name: "map-link-modal" })), h("div", { key: '688d669c8b3deae2b5139c26da3dd9113ae702fb', class: "contact-number" }, !this.isContactEmpty && (h("span", { key: '0e70d8c9dd2e9a76b84d3bcad875177f1ee8d469', class: "ofc-icon", innerHTML: phone })), h("slot", { key: 'f3cbc7e5caf59526ab7a9fbff8abe6e60aff90a8', name: "contact-number-modal" }))))));
     }
     static get is() { return "ptc-office-location-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/ptc-office-locations/ptc-office-locations.js

@@ -280,24 +280,24 @@ export class PtcOfficeLocations {
     }
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: 'e089354a443ff09d1a6145f9953a21f589484073' }, !this.isMobile && (h("div", { key: 'c8f5d4c8311b57f54d605b0484de88e334758db5', class: "region-list" }, this.regions.map((region) => (h("div", { class: `region mf-listen ${this.openRegion === region ? "active" : ""}`, key: region.id, id: "region-wrap-" + region.replace(/\s+/g, "") }, h("span", { class: "region-btn" }, h("span", { class: "continent-name", onClick: () => {
+        return (h(Host, { key: 'f4f209384b8869cf66064301ef2a3f00ef89d7f8' }, !this.isMobile && (h("div", { key: '2daca21fe812adda80316722a5e536c5c92ddf4a', class: "region-list" }, this.regions.map((region) => (h("div", { class: `region mf-listen ${this.openRegion === region ? "active" : ""}`, key: region.id, id: "region-wrap-" + region.replace(/\s+/g, "") }, h("span", { class: "region-btn" }, h("span", { class: "continent-name", onClick: () => {
                 this.updateSelectedClass(region.replace(/\s+/g, ""));
             }, onKeyPress: () => {
                 this.updateSelectedClass(region.replace(/\s+/g, ""));
-            }, tabindex: "0" }, region), h("span", { class: "continent-arrow", onClick: () => this.toggleCountryList(region), onKeyPress: () => this.toggleCountryList(region), tabindex: "0" }, h("svg", { width: "10", height: "7", viewBox: "0 0 10 7", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M1 1L5 5L9 1", stroke: "#40434A", "stroke-width": "2", "stroke-linecap": "round" })))), h("div", { class: `country-list country-list-desktop` }, this.renderCountrylist(region), h("div", { class: "country-list-footer" }, h("ptc-button", { "tracker-id": "clearBtnID", color: "ptc-tertiary", tabIndex: -1, "link-title": "Clear", type: "button", size: "small", onClick: () => this.clearFilter(region), styles: "button { border: none !important;} button:hover { background-color: transparent !important;} button:hover span{ text-decoration: underline !important}" }, this.clearText), h("ptc-button", { "tracker-id": "applyBtnID", color: "ptc-secondary", tabIndex: -1, "link-title": "Apply", type: "button", size: "small", onClick: () => this.applyFilter(region) }, this.applyText)))))), h("span", { key: 'e4c0861372798881dcf6c89977a49440e5c3134e', class: "map-btn mf-listen", id: "mapBtnID", onClick: () => {
+            }, tabindex: "0" }, region), h("span", { class: "continent-arrow", onClick: () => this.toggleCountryList(region), onKeyPress: () => this.toggleCountryList(region), tabindex: "0" }, h("svg", { width: "10", height: "7", viewBox: "0 0 10 7", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M1 1L5 5L9 1", stroke: "#40434A", "stroke-width": "2", "stroke-linecap": "round" })))), h("div", { class: `country-list country-list-desktop` }, this.renderCountrylist(region), h("div", { class: "country-list-footer" }, h("ptc-button", { "tracker-id": "clearBtnID", color: "ptc-tertiary", tabIndex: -1, "link-title": "Clear", type: "button", size: "small", onClick: () => this.clearFilter(region), styles: "button { border: none !important;} button:hover { background-color: transparent !important;} button:hover span{ text-decoration: underline !important}" }, this.clearText), h("ptc-button", { "tracker-id": "applyBtnID", color: "ptc-secondary", tabIndex: -1, "link-title": "Apply", type: "button", size: "small", onClick: () => this.applyFilter(region) }, this.applyText)))))), h("span", { key: 'd9b1bdf320d043a70fab04a119efaebbdeb59e79', class: "map-btn mf-listen", id: "mapBtnID", onClick: () => {
                 this.toggleMap();
             }, onKeyPress: () => {
                 this.toggleMap();
-            }, tabindex: 0 }, h("span", { key: 'a0c82996e061d36786b4a97f047a2c42bb5224de', class: "map-icon", innerHTML: this.showMap ? hideMapSVG : showMapSVG }), h("span", { key: 'f3184edd2360ea00e983fcd625d0a87e80207743' }, this.showMap
+            }, tabindex: 0 }, h("span", { key: '18b7cdaf1e89ab87d8ce5775854ea8d6cf00a3ff', class: "map-icon", innerHTML: this.showMap ? hideMapSVG : showMapSVG }), h("span", { key: '6587e5a376f5e87389cd600f7c94437db504bf2c' }, this.showMap
             ? this.hideMapText
-            : this.showMapText, " ")))), this.isMobile && (h("button", { key: '73a5c7adc1eea02f8aaf17c866e99f97606b1dde', class: "filter-cta", onClick: () => {
+            : this.showMapText, " ")))), this.isMobile && (h("button", { key: '351ad0b707cfacaaab1009bda81fd926cc61139a', class: "filter-cta", onClick: () => {
                 this.openFilterModal();
-            } }, " ", h("span", { key: 'ee4f4d9fc6a075651fd4cfaaa8db5c31ad1ed015', class: "svg-close", innerHTML: filterSVG }), this.filtersText)), this.isMobile && (h("ptc-modal", { key: '4bd8d17c19a50c241483146cdd909d1b09b0e771', id: "modal-example", show: false, size: "lg", fixed: true, rounded: true, "show-header-footer": "true" }, h("div", { key: 'be936ff1e4002fdb66ee0597062dde9f83ee75db', slot: "header" }, h("ptc-title", { key: 'a2e363d1f18b649358d5a8fc78dba03374233bb0', type: "h4", upperline: "no-upperline", "text-align": "center", "title-margin": "margin-5" }, this.filtersText)), h("div", { key: 'ba5392bf0af5da751855367c972785e03d2a60ab', slot: "footer", class: "modal-footer" }, h("ptc-button", { key: '81546e504f95a6d5da329e54c30e95bfec1d388c', "tracker-id": "mobileClearBtnID", color: "ptc-tertiary", "link-title": "Clear", type: "button", size: "small", onClick: () => {
+            } }, " ", h("span", { key: 'fd86c9a4702200f4bcc3c2f19fdbe6e1464acd68', class: "svg-close", innerHTML: filterSVG }), this.filtersText)), this.isMobile && (h("ptc-modal", { key: 'b86f8ac0fca1c27d2146aee95ae2cfa21e661dba', id: "modal-example", show: false, size: "lg", fixed: true, rounded: true, "show-header-footer": "true" }, h("div", { key: 'e13b044320148cc623e69a70ddf47825e5429ba6', slot: "header" }, h("ptc-title", { key: '9cf6684dca1faa0d01e9d45b61c8dd0108251069', type: "h4", upperline: "no-upperline", "text-align": "center", "title-margin": "margin-5" }, this.filtersText)), h("div", { key: 'ab49c4e9dceeff46fe031470e1a0bf1414f3be35', slot: "footer", class: "modal-footer" }, h("ptc-button", { key: 'bffc11c0305b6a68817be6b8efece982141761aa', "tracker-id": "mobileClearBtnID", color: "ptc-tertiary", "link-title": "Clear", type: "button", size: "small", onClick: () => {
                 this.clearFiltersMobile();
-            }, styles: "button { border: none !important;} button:hover { background-color: transparent !important;} button:hover span{ text-decoration: underline !important}" }, this.clearText), h("ptc-button", { key: 'eacb74d612c1110f8d2387a16b762a2d82cb3c82', "tracker-id": "mobileApplyBtnID", color: "ptc-secondary", "link-title": "Apply", type: "button", size: "small", onClick: () => {
+            }, styles: "button { border: none !important;} button:hover { background-color: transparent !important;} button:hover span{ text-decoration: underline !important}" }, this.clearText), h("ptc-button", { key: '044fa2583964f2b68651adb8ad528705686f1d01', "tracker-id": "mobileApplyBtnID", color: "ptc-secondary", "link-title": "Apply", type: "button", size: "small", onClick: () => {
                 this.applyFilterMobile();
-            } }, this.applyText)), h("div", { key: '134961113cc63c1351adfcd63ea401c1397c89c4', slot: "body" }, h("div", { key: '11cc3dc88f0fafe95c4002c9a2cd1f3085d32f0f', class: "filter-modal-body" }, this.regions.map((region) => (h("div", { class: "country-list country-list-mobile mf-listen", key: region.id, id: "region-wrap-" +
-                region.replace(/\s+/g, "") }, h("span", { class: "continent-name" }, region), this.renderCountrylist(region)))))))), h("div", { key: '4bdc52fdfc8167f3f1ee37c86e6146207cbfc27f', class: classMap }, h("div", { key: 'c9ca247fbead27416d4f8b3d91a70b59a045e728', class: `ol-list-bg ` }, h("slot", { key: 'f5c42c5f0ae677d5c7df81c1c40d4d62de1df95f' })), !this.isMobile && (h("div", { key: '5cc7484137defc2ac49b70932f4ac68fb920806c', class: "map-embed" }, h("iframe", { key: '12e89192c7ae511d81904a791ff4357b48a70afa', frameborder: "0", referrerPolicy: "no-referrer-when-downgrade", width: "100%", height: "100%", style: { border: "0" }, allowfullScreen: true, src: `https://www.google.com/maps/embed/v1/place?key=AIzaSyATvSgSVv2hH0yXiKMcBYsF26j67d3oPLg&q=${this.address}` }))))));
+            } }, this.applyText)), h("div", { key: '9d3f13f86f36334058d68abd3e5e851e56d387e9', slot: "body" }, h("div", { key: '160c1fb799c4827f510e8462817c86b1e612c16b', class: "filter-modal-body" }, this.regions.map((region) => (h("div", { class: "country-list country-list-mobile mf-listen", key: region.id, id: "region-wrap-" +
+                region.replace(/\s+/g, "") }, h("span", { class: "continent-name" }, region), this.renderCountrylist(region)))))))), h("div", { key: 'd2b6a8c9e9dc2aa4b4da45d1e7d4307a5d91ee7e', class: classMap }, h("div", { key: '0c9d28197cca900baa4d85d397a7de1883d8512b', class: `ol-list-bg ` }, h("slot", { key: 'e0a31f0b6fe1e35251843574d1ad1c63a7032b72' })), !this.isMobile && (h("div", { key: '2a10ee44965d9dbd1daf96f597df2e6ac6f4944a', class: "map-embed" }, h("iframe", { key: 'd3d1c5debaaa3921aae99f6c2617509206dc579b', frameborder: "0", referrerPolicy: "no-referrer-when-downgrade", width: "100%", height: "100%", style: { border: "0" }, allowfullScreen: true, src: `https://www.google.com/maps/embed/v1/place?key=AIzaSyATvSgSVv2hH0yXiKMcBYsF26j67d3oPLg&q=${this.address}` }))))));
     }
     getCssClassMap() {
         return {

package/dist/collection/components/molecules/ptc-podcast-card/ptc-podcast-card.css

@@ -5527,7 +5527,7 @@ ptc-modal inline-form a,
 ptc-modal inline-form a,
 .vjs-social-share-links a),
 .background-plm-grey a.light-link {
-  color: var(--color-blue-04);
+  color: var(--color-blue-06);
   margin: -2px;
   border: 2px solid transparent;
 }
@@ -5640,6 +5640,10 @@ ptc-modal inline-form a,
   outline: 5px solid var(--keyboard-nav-outline);
 }
 
+.white-links a {
+  color: var(--color-white) !important;
+}
+
 .ptc-link {
   color: var(--color-gray-10);
   text-decoration: underline;

package/dist/collection/components/molecules/ptc-podcast-card/ptc-podcast-card.js

@@ -13,7 +13,7 @@ export class PtcPodcastCard {
      */
     altText;
     render() {
-        return (h(Host, { key: 'e0ce68c5f802cbde25e1cabe982d5d27830e3f43' }, h("div", { key: '61d53eb472dcb8282b4689a7631ebf837ddb9d78', class: "is-grid has-col-gap-lg" }, h("div", { key: '1e794f19caf71c32eff7479bc90fc0e58219e208', class: "is-col is-col-4-md flex-col" }, h("div", { key: '99124d05feb22cc41c69dc128911f4bce1ab5441', class: "img-wrap" }, h("img", { key: '213b39cd2577cc115231d94eda7902f3a8f276c8', src: this.imageSrc, class: "first-img", alt: this.altText }), h("span", { key: '688303398b0e6a79f9f5ed5440a7a65f93ece6bc', class: "second" }, h("img", { key: '8767d55d11383160c623ca4f7c6b6d7b31da3375', src: this.imageSrc, class: "second-img", alt: this.altText })), h("span", { key: '601639094d37016136899358e3230a0d3581ddf5', class: "third" }, h("img", { key: 'd1ceea3a4516f0b738a28f20b10dea8b0038ee95', src: this.imageSrc, class: "third-img", alt: this.altText })))), h("div", { key: 'd4227cc36e08db6a4f894911a3bfb2cceb2f1854', class: "is-col is-col-8-md flex-col" }, h("div", { key: '6152262bb269e291be6dcb1beedd625e8bbd015c', class: "content-wrap" }, h("ptc-title", { key: 'e03b23b86bfef1c885a66b9d827c14bd5fcc1a17', type: "h3", "text-align": "left", "title-size": "large", "title-color": "gray", upperline: "no-upperline", "title-display": "block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7" }, this.heading), h("slot", { key: '6f2b4bab4bd2451b840bd090e14616e01cb6e252', name: "seo-content" }), h("slot", { key: '464c7fbae11169b3886c534eb31790044959d04b' }))))));
+        return (h(Host, { key: '57dc43e5c396cf72649a18edbc59bdfd42b834ba' }, h("div", { key: 'f23bf7d753d2c42dfbed9e598c47ddb9da367d9e', class: "is-grid has-col-gap-lg" }, h("div", { key: '4880fff56a9a0a26ce40bfee969ad20fb2f23c61', class: "is-col is-col-4-md flex-col" }, h("div", { key: '86a8ab35c4aebcc8a67e0d2ff2d368530fc5d615', class: "img-wrap" }, h("img", { key: 'bb4958196eb8f5cb274fee1e9641c11635b45e06', src: this.imageSrc, class: "first-img", alt: this.altText }), h("span", { key: 'a2d8b4481347ce3c0f5a2bd05cef3eec6c7b472f', class: "second" }, h("img", { key: '755db2f2fa6d5791316a89192fd7f22ba6b389c0', src: this.imageSrc, class: "second-img", alt: this.altText })), h("span", { key: '9c12ecdcfee7470585491157957edd959122e12b', class: "third" }, h("img", { key: '289a5574c420ca9f0868feebfc3d06f7ec170eca', src: this.imageSrc, class: "third-img", alt: this.altText })))), h("div", { key: '8be222189995e1a3db2094ff5d9f0fbe3b605944', class: "is-col is-col-8-md flex-col" }, h("div", { key: '74d0adf002aa674f68aef330879b12c737bf4382', class: "content-wrap" }, h("ptc-title", { key: '35f21532dcfc8578f0deceb281566042b4faa8da', type: "h3", "text-align": "left", "title-size": "large", "title-color": "gray", upperline: "no-upperline", "title-display": "block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7" }, this.heading), h("slot", { key: '46003bcb641e1bc9ac911d8e6f01a99eab630149', name: "seo-content" }), h("slot", { key: '8b9374e98a1c31878bb64c1419daae76ba9a59ac' }))))));
     }
     static get is() { return "ptc-podcast-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/ptc-preferance-center-form/ptc-preferance-center-form.js

@@ -13,11 +13,11 @@ export class PtcPreferanceCenterForm {
         this.onDataLookup();
     }
     render() {
-        return (h(Host, { key: '8d5499758f3eb1aaf551ad8436de15a45c780aad' }, h("div", { key: '6ac682413a278f96ec7724e576cccf1258d9dad6', class: "sel-all-wrapper" }, h("span", { key: '056ca78fdb2f0304332a7ccbc7c539b27a53e508', class: "select-all", onClick: () => {
+        return (h(Host, { key: 'ea7d441d345b8b7eb2469ce911cb101cca838350' }, h("div", { key: 'abe51f479232009e0a6144aa91b857f7ed978ecd', class: "sel-all-wrapper" }, h("span", { key: '111254f73662f9ed4229e48a7c690cb6f8b911c9', class: "select-all", onClick: () => {
                 this.updateAllCheckbox(true);
-            } }, "Select All"), h("span", { key: 'f6ff891263860a5a0e0541e021b229f3ea00a128', class: "deselect-all", onClick: () => {
+            } }, "Select All"), h("span", { key: 'a5577481535a63cea5f44623cdf053c24eeada75', class: "deselect-all", onClick: () => {
                 this.updateAllCheckbox(false);
-            } }, "Deselect All")), h("slot", { key: '37929097be28388fd55726249850f027919e6165' })));
+            } }, "Deselect All")), h("slot", { key: 'a3a498ea1ae012ce9359b99305dc372cdb25c204' })));
     }
     //handle subscription dataLookup
     onDataLookup() {

package/dist/collection/components/molecules/ptc-preloader/ptc-preloader.js

@@ -5,7 +5,7 @@ export class PtcPreloader {
     width;
     //Example: <ptc-preloader type="title" width="125px"></ptc-preloader>
     render() {
-        return (h(Host, { key: '5efdafb0ad9a2a3a367188641da9faac5b90fadb' }, h("div", { key: '61d6ff9ec80a2d1e8172bd598dfbe56bef9bd32b', class: "skeleton" }, h("div", { key: 'ac80ff9c7a139c59c95dd8c5e438e698e5364828', class: `skeleton-block ${this.type}`, style: { width: `${this.width}` } }))));
+        return (h(Host, { key: 'c1ae75e89aae70e013db141f908b50e78d966dd3' }, h("div", { key: 'db719304757505b43631740023a6ca05137db1f4', class: "skeleton" }, h("div", { key: '8bf66bb4559b011cc421636e31f5f6632e3830ed', class: `skeleton-block ${this.type}`, style: { width: `${this.width}` } }))));
     }
     static get is() { return "ptc-preloader"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/ptc-preloader-section/ptc-preloader-section.js

@@ -107,7 +107,7 @@ export class PtcPreloaderSection {
     }
     render() {
         // return <Host>{this.isLoading ? this.renderHTML() : <slot></slot>}</Host>;
-        return (h(Host, { key: '3a0f0fc982f0ec4fd5714e5926fbf02557ea7c21' }, h("div", { key: 'a7b6876591e7c66a6d53d401e2f548265d221f5e', class: `preload-section ${this.isLoading ? "show-skeleton" : ""}` }, h("div", { key: '178dc269a9e908ea01a94ef707e75c6e3923ca40', class: `preload-skeleton ${this.isLoading ? "show" : ""}` }, this.renderHTML()), h("div", { key: '326ca49b7729379a5c0bf313b9281608a15ca032', class: `preload-child ${this.isLoading ? "" : "show"}` }, h("slot", { key: '902fb26152819f3bd1b222b729807e9692931812' })))));
+        return (h(Host, { key: '5f6f003984ce94c57da506376d99524bd406afd7' }, h("div", { key: 'a7e3cf2d458b2ab8411b79c648761f614e2900b6', class: `preload-section ${this.isLoading ? "show-skeleton" : ""}` }, h("div", { key: 'd21b11bfd9834b55b2153b83d1729365f7646ea4', class: `preload-skeleton ${this.isLoading ? "show" : ""}` }, this.renderHTML()), h("div", { key: '2a4a3725d0d4445f926f7921532dfa388e974711', class: `preload-child ${this.isLoading ? "" : "show"}` }, h("slot", { key: '1d2672fc2712e63610f1508c2a5dc55c695e3f12' })))));
     }
     static get is() { return "ptc-preloader-section"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/ptc-previous-url/ptc-previous-url.js

@@ -7,7 +7,7 @@ export class PtcPreviousUrl {
      **/
     styles;
     render() {
-        return (h(Host, { key: '34728d06fc11faca13913aba27a93d948c62a2a5' }, this.styles && h("style", { key: 'ee7c17cab933025b5d7cf05fc8e2cffe7b08815d' }, this.styles), h("list-item", { key: '7e86556fbb954d6fe0d003d8c7dba99f803b775d', listType: "breadcrumb", flushBefore: true, "link-href": this.href }, h("ptc-svg-btn", { key: '24de21724e7625e67d7c9e558f197320e1e4a757', class: "backarrow", "svg-name": "back-arrow", display: "inline-block" }), h("a", { key: 'ebfc294383386ff1615d58a5e4532f181cf7f421', class: "back-to-videos" }, this.text)), h("slot", { key: '3b604e4c844f09cd31cbd0cab32427533c240055' })));
+        return (h(Host, { key: '11d6e4920d4fe6c7e29e49170e229c138d019e06' }, this.styles && h("style", { key: '067fd15470a44c25981225f86ec86ceeaba2bc9f' }, this.styles), h("list-item", { key: 'd834a64eea9dbb1c32ef8c1cc27f0e49409839c7', listType: "breadcrumb", flushBefore: true, "link-href": this.href }, h("ptc-svg-btn", { key: 'c1093c86111142007ec356e9e73a49f2e79e59b8', class: "backarrow", "svg-name": "back-arrow", display: "inline-block" }), h("a", { key: '4e6d9d5fda7577a6176ae74235145fcd90164c97', class: "back-to-videos" }, this.text)), h("slot", { key: '141266bea6001de2a8e8fd79f8905f9eab56ac09' })));
     }
     static get is() { return "ptc-previous-url"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/ptc-pricing-add-on-card/ptc-pricing-add-on-card.js

@@ -33,9 +33,9 @@ export class PtcPricingAddOnCard {
      */
     sectionId = "";
     render() {
-        return (h(Host, { key: 'a586a3aaca99641b289067bf633408ee24f4a671' }, h("div", { key: '8e7b8a85974ea103f3e70835f3f037058a5b0e51', class: "add-on-card" }, h("ptc-title", { key: '07a70ab8d700ca17bd5bbf62234af2d363b3db84', type: "h4", "text-align": "left", "title-size": "medium", upperline: "no-upperline", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7" }, this.cardTitle), h("ptc-para", { key: '46d95dc150a55d65d974ec8d5ec4f7a889f6ea25', "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("slot", { key: '76b29f0f423123af353722def5aa47009340191d', name: "card-pricing" })), h("ptc-spacer", { key: '4eeabd7d2de4485e72a0c211704147acf7bc4696', breakpoint: "small", size: "medium" }), h("ptc-spacer", { key: 'e73351dd8d78774dc0e430f9ffe243fe3ec58d12', breakpoint: "x-small", size: "large" }), h("ptc-para", { key: 'a9d82e961921ea9f3753a854181e05da7737fe28', "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, this.el
+        return (h(Host, { key: '6cc241605aceef85f772f5197852ff8ccf7abc1e' }, h("div", { key: 'dd49f83b404dc320adb6a797841f528db45f41ed', class: "add-on-card" }, h("ptc-title", { key: '22c22f285da6c447d7c83bf7239988c4b62c064a', type: "h4", "text-align": "left", "title-size": "medium", upperline: "no-upperline", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7" }, this.cardTitle), h("ptc-para", { key: '61cbbd5eee4c3834b4969b5cb82ac4a60cdf2f34', "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("slot", { key: 'a55232eb7cf2b95a4f9067416163ac58bf389d9d', name: "card-pricing" })), h("ptc-spacer", { key: '584faae1f883c9d1b0c8ca36bbc6197ad798fea7', breakpoint: "small", size: "medium" }), h("ptc-spacer", { key: '713896960b8fbbe7593198bcccdaa3c08757f0e5', breakpoint: "x-small", size: "large" }), h("ptc-para", { key: 'd686bf1305d916b1025f91698923e8f628d2486b', "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, this.el
             .querySelector('[slot="card-body"]')
-            .innerHTML.toString().length <= 300 ? (h("slot", { name: "card-body" })) : (h("ptc-readmore", { "more-text": "More", "less-text": "Less", "is-content-slotted": true }, h("slot", { name: "card-body" }))), h("slot", { key: 'd5fe5a479af8b7ec33a35a7097bdb840ff14065a', name: "card-body" })), this.cardCtaHref && this.cardCtaText && (h(Fragment, { key: 'f64cd6a004b3f465f2118eefabe4dcd182babd4a' }, h("ptc-spacer", { key: 'd7a5e183b53a63c928c87f4688933afbb786ab55', breakpoint: "small", size: "x-large" }), h("ptc-spacer", { key: 'ceeea01db26f5c205b52604a073ab0df8a325bee', breakpoint: "small", size: "xx-small" }), h("ptc-spacer", { key: '0ad28bdc1b4507c72dbe8b9e3533b65bf7926e92', breakpoint: "x-small", size: "xx-large" }), h("ptc-spacer", { key: '72467a7cb39a0ded9d1625143b80d968f9cdfe99', breakpoint: "x-small", size: "xx-small" }), h("ptc-button", { key: 'b287488ed78e52502fd486e672de229cbdcf135e', class: "mf-listen", type: "link", color: "ptc-tertiary", "link-href": this.cardCtaHref, target: this.cardCtaTarget, "tracker-id": `table-card-${this.sectionId}` }, h("ptc-tooltip", { key: 'a1b21d215633589eda8e823a5a70d77adc5d8851', "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.cardCtaText, position: "bottom" })))), this.cardDisclaimer && (h(Fragment, { key: '7ebd31ed5de01072c1baa4ea6bf94315b3a6457f' }, h("ptc-spacer", { key: 'a477814c177f7e6ca382e7fc3f89704678dad7e7', breakpoint: "small", size: "medium" }), h("ptc-spacer", { key: '0b565f2c3a46cc9de491ae01c0a755b2eed673a9', breakpoint: "x-small", size: "large" }), h("ptc-para", { key: '46425b14b129c5c5208ee845a694e5fb5a20a720', "font-size": "xx-small", "font-weight": "w-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, this.cardDisclaimer.length <= 150 ? (h("slot", { name: "card-disclaimer" })) : (h("ptc-readmore", { "more-text": "More", "less-text": "Less", "is-content-slotted": true }, h("slot", { name: "card-disclaimer" })))))))));
+            .innerHTML.toString().length <= 300 ? (h("slot", { name: "card-body" })) : (h("ptc-readmore", { "more-text": "More", "less-text": "Less", "is-content-slotted": true }, h("slot", { name: "card-body" }))), h("slot", { key: 'ff2b3c8e49cecd79a3c1fc9e12eb5b7b83b56b92', name: "card-body" })), this.cardCtaHref && this.cardCtaText && (h(Fragment, { key: '7fb2a094cdcaf78e2a145a5e9c66ea1527da2ea0' }, h("ptc-spacer", { key: 'f7497a68171799eb38ff698803ad7a1639e7943e', breakpoint: "small", size: "x-large" }), h("ptc-spacer", { key: '70feeb72963cc1842bf4c0dbe69f722a34654202', breakpoint: "small", size: "xx-small" }), h("ptc-spacer", { key: '5abd64b464f723c2769b2b93bc2772caaa2aec8c', breakpoint: "x-small", size: "xx-large" }), h("ptc-spacer", { key: 'e38a8a67dca8000ce75ba1950b836295d264040d', breakpoint: "x-small", size: "xx-small" }), h("ptc-button", { key: 'ecd92f842d711266b4096f3e84857a70073241ba', class: "mf-listen", type: "link", color: "ptc-tertiary", "link-href": this.cardCtaHref, target: this.cardCtaTarget, "tracker-id": `table-card-${this.sectionId}` }, h("ptc-tooltip", { key: '1c4ff6b90699bbf72e9e4d365e505cad9a1b17c1', "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.cardCtaText, position: "bottom" })))), this.cardDisclaimer && (h(Fragment, { key: '2647d3b0381d6cd6f9a99a61fecf55707e3222e8' }, h("ptc-spacer", { key: 'e2b9d6d6b07182fe32e59bddc43df5f0c62b330d', breakpoint: "small", size: "medium" }), h("ptc-spacer", { key: '5644b00bd80dc512eac9848417f82ff7f7e469df', breakpoint: "x-small", size: "large" }), h("ptc-para", { key: 'bd222bc2f7ddba70c321da752475b9427aa63faf', "font-size": "xx-small", "font-weight": "w-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, this.cardDisclaimer.length <= 150 ? (h("slot", { name: "card-disclaimer" })) : (h("ptc-readmore", { "more-text": "More", "less-text": "Less", "is-content-slotted": true }, h("slot", { name: "card-disclaimer" })))))))));
     }
     static get is() { return "ptc-pricing-add-on-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/ptc-pricing-add-on-section/ptc-pricing-add-on-section.js

@@ -45,7 +45,7 @@ export class PtcPricingAddOnSection {
         }
     }
     render() {
-        return (h(Host, { key: 'd72c0117bbff91d8484d55a9b93f280140c03960' }, h("ptc-title", { key: '94b7e5e8271eadbe17df3deaeda76522824731f5', type: "h3", "text-align": "left", "title-size": "large", upperline: "no-upperline", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7" }, this.sectionTitle), h("ptc-spacer", { key: 'bedf37359a3905e95b17941ffe791909173cf03a', breakpoint: "small", size: "medium" }), h("ptc-spacer", { key: '93df5c6e358c747f8251a15bc5181194f60f606f', breakpoint: "x-small", size: "large" }), h("div", { key: '638ebb70c94937c818f575229c445ab119c3c62f', class: "is-grid has-col-gap-md" }, this.cardData.map((data, ind) => (h("div", { class: "is-col-12 is-col-6-md is-col-4-lg is-col-3-xl" }, h("ptc-pricing-add-on-card", { id: `pricing-add-on-${ind + 1}`, "card-title": data.title, "card-pricing-text": data.pricing, "card-cta-href": data.cta.linkHref, "card-cta-text": data.cta.linkText, "card-cta-target": data.cta.linkTarget, "card-disclaimer": data.disclaimer, "section-id": `${ind + 1}-${this.sectionId}` }, h("span", { slot: "card-pricing" }, h("slot", { name: `card-pricing-${ind + 1}` })), h("div", { slot: "card-body" }, h("slot", { name: `card-body-${ind + 1}` })), h("span", { slot: "card-disclaimer" }, h("slot", { name: `card-disclaimer-${ind + 1}` })))))))));
+        return (h(Host, { key: '2d5cf0de441771e04132271aaa8cf7b3bf969582' }, h("ptc-title", { key: '3f176dfbe80cc0dace2ec942c20dfbd40079443d', type: "h3", "text-align": "left", "title-size": "large", upperline: "no-upperline", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7" }, this.sectionTitle), h("ptc-spacer", { key: 'c0592bc43f8cfd01b7bf5558de95d8ff384d17c1', breakpoint: "small", size: "medium" }), h("ptc-spacer", { key: 'cc0a87897206a9f66165357316a12a064581cc80', breakpoint: "x-small", size: "large" }), h("div", { key: 'ca33862fe7c67fdc9738033380a7031414ba6d1a', class: "is-grid has-col-gap-md" }, this.cardData.map((data, ind) => (h("div", { class: "is-col-12 is-col-6-md is-col-4-lg is-col-3-xl" }, h("ptc-pricing-add-on-card", { id: `pricing-add-on-${ind + 1}`, "card-title": data.title, "card-pricing-text": data.pricing, "card-cta-href": data.cta.linkHref, "card-cta-text": data.cta.linkText, "card-cta-target": data.cta.linkTarget, "card-disclaimer": data.disclaimer, "section-id": `${ind + 1}-${this.sectionId}` }, h("span", { slot: "card-pricing" }, h("slot", { name: `card-pricing-${ind + 1}` })), h("div", { slot: "card-body" }, h("slot", { name: `card-body-${ind + 1}` })), h("span", { slot: "card-disclaimer" }, h("slot", { name: `card-disclaimer-${ind + 1}` })))))))));
     }
     static get is() { return "ptc-pricing-add-on-section"; }
     static get originalStyleUrls() {

package/dist/collection/components/molecules/ptc-pricing-block/ptc-pricing-block.js

@@ -8,7 +8,7 @@ export class PtcPricingBlock {
     }
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '422d602fa84edb3e828efb8dfdbb48e868da6951', class: this.active ? "is-active" : "" }, h("div", { key: 'bba378aa491c953e69e19002ef467ee1fec53022', class: classMap, id: this.trackerId }, h("span", { key: '6bb46c8deef59e446cbbec38fea733351ddae905', class: "left-text" }, h("slot", { key: 'a660d46d72c38f8b35ab30bb5ba33bd515844140', name: "left-text" })), h("span", { key: '458acdd138dedc8ce26c9ee6b3101eaae8b92868', class: "right-text" }, h("slot", { key: '5e722ad1465810ed028cc7db87ccb258c57213c5', name: "right-text" })))));
+        return (h(Host, { key: '469d8392ad6b873d1006558932d8d1c8025b49ec', class: this.active ? "is-active" : "" }, h("div", { key: 'd10964a0d8088c709252a42a3a702d765b99851c', class: classMap, id: this.trackerId }, h("span", { key: '47f16bfc4e6a1b1a6d2ebc3bdadc1d114d0b738d', class: "left-text" }, h("slot", { key: '843439f0e7f3532ba7603e6010148a04ef8d27ca', name: "left-text" })), h("span", { key: '774d0788757898e85bf06eee4cab58066ae0659a', class: "right-text" }, h("slot", { key: '4bdf56afef0a25d862ec1cc70b45b8f6e16c3f7d', name: "right-text" })))));
     }
     getCssClassMap() {
         return {

package/dist/collection/components/molecules/ptc-pricing-tabs/ptc-pricing-tabs.js

@@ -144,8 +144,8 @@ export class PtcPricingTabs {
     }
     render() {
         let tabs = this.getCurrentTabs();
-        return (h(Host, { key: '6fbb79ddee31985930a0530428cf2619f36e7570' }, this.styles && h("style", { key: '42b6ec72bc62c5a9fb005f73819b3f430de98ecb' }, this.styles), h("div", { key: '0e1c21c8e7f054dc37939a2b302b5c3048c29111', id: "tab-container", class: "is-grid has-col-12 grid-large-col-gap-sm grid-large-col-gap-xs-0 p-8" }, h("div", { key: '9750d4be7b7f10a98dbabb290fede7d9b87bbe6f', class: "is-col-6-md is-col-12 u-flex is-flex-column u-justify-space-between" }, h("div", { key: 'c53105b9ce583eea6f55afb15a5835f8dd89eea8', class: "title-wrap" }, h("span", { key: 'b9cccd94b2aefafe2fa48f92217eb4c61c8aabb0', class: "tag" }, this.productTag), h("span", { key: 'd9d0ef3d750f736b2cc1afe7b306164b505713c6', class: "product-name" }, h("slot", { key: 'e8e48661da1cfb5979f775349929ae98b4e7a259', name: "header" }))), !this.isMobileViewPort && this.renderTabs()), h("div", { key: '64084b0bd4651d8e2c5f6f6b5a972203db5c4b0f', class: "is-col-6-md is-col-12 content-section" }, tabs &&
-            tabs.map((tab) => (h("div", { "data-id": tab.id, class: this.getTabContentClassList(tab), innerHTML: tab.content })))), this.isMobileViewPort && (h("div", { key: 'da980dfc79b05ab966c0fa1dd3eefefebfadf67f', class: "is-col-12" }, this.renderTabs())))));
+        return (h(Host, { key: 'e046a58e3a3bb1092ffc04c0f3c3675e06e6038a' }, this.styles && h("style", { key: 'bfa07b73f8b079143f30f23fda99e6c11b59f923' }, this.styles), h("div", { key: 'c775b2c16ac5076e6f846b4cc5322a2ea01c56d4', id: "tab-container", class: "is-grid has-col-12 grid-large-col-gap-sm grid-large-col-gap-xs-0 p-8" }, h("div", { key: 'dede8eda3724112eced1f1adb0c26d18a59eafb9', class: "is-col-6-md is-col-12 u-flex is-flex-column u-justify-space-between" }, h("div", { key: '06764fbacb3f33ad1a2dee096e20027106640e39', class: "title-wrap" }, h("span", { key: 'be1e75ffc85425a20ccdd6c71b6b0a326140251f', class: "tag" }, this.productTag), h("span", { key: '58d7199c6446b9a1045c652928c63a5cc308bef7', class: "product-name" }, h("slot", { key: '85b2dd9e711a457dfee00bb8f7dec8200abe7bd2', name: "header" }))), !this.isMobileViewPort && this.renderTabs()), h("div", { key: 'daf550a0e94e94bbc5366f595ad43274d2eb3dde', class: "is-col-6-md is-col-12 content-section" }, tabs &&
+            tabs.map((tab) => (h("div", { "data-id": tab.id, class: this.getTabContentClassList(tab), innerHTML: tab.content })))), this.isMobileViewPort && (h("div", { key: '9e125e7ee80b24d8589f1105f4392cfa8660ad06', class: "is-col-12" }, this.renderTabs())))));
     }
     static get is() { return "ptc-pricing-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/ptc-product-card/ptc-product-card.js

@@ -62,7 +62,7 @@ export class PtcProductCard {
         });
     }
     render() {
-        return (h(Host, { key: '7d6fc87750ed3c023f0d78a9f7ebac9228cb1eed' }, h("div", { key: '973b26abd97e399ef9c36761fd3c1721c55fea24', class: "card-wrap" }, this.cardImage && (h("ptc-picture", { key: '39ecd80a5bbd2a8821a41e7389e3fea9357a0fdb', alt: "image-test", src: this.cardImage, "display-image": "inline-block", width: "38" })), h("div", { key: 'e4dadc217afc50190f254ab0fd9d5446984b5c56', class: "content" }, h("div", { key: '9dbb8b411336f42be3439c4473094b6229ffaeaa' }, h("slot", { key: '1c1d0dd23e65b16ff69ef6137aed535e2db82a20', name: "title" }), h("ptc-spacer", { key: '976e00adeeaeac7196f88b1a1eedf9c3eec5b442', size: "x-small" }), h("ptc-spacer", { key: '6a3d28b269935504670ed5a38dc6153f58b2692c', size: "xx-small", breakpoint: "x-small" }), h("div", { key: '9eac3ff6e4ab6a17549204b6301aa8a4d986ccba' }, h("slot", { key: '8846fb2e6c719eec4af75700d0e89ff30d25d9b2', name: "content" }))), h("div", { key: 'ccfecdec4e8d113aa0f3b1cac178beee2143bf25', class: "cta-wrap" }, h("slot", { key: 'a15835654d24caf4518de76fc856c4c427b91a9b', name: "cta" })))), this.toggleCtaTitle && (h("ptc-para", { key: '06884e21f105b115c73edd4ece2b65569ff01f1a', class: "toggle-btn mf-listen", "font-size": "small", "para-margin": "margin-flush", "para-line-h": "line-height-p", "para-z-index": "z-auto", onClick: () => this.togglePanel(), tabIndex: 0 }, h("span", { key: 'a51909a96a2fc7492b8c055ca4257787aeeb0b1f', class: "toggleText" }, this.toggleCtaTitle))), h("div", { key: 'f4e428e5d4f5fbe4a1a7f0343fe2343267f9e3ff', class: "product-highlights-container" }, h("slot", { key: '932165adec0446d6aff5a849fc87c783d378c4f1' }))));
+        return (h(Host, { key: 'fea5a922db582c67aabd06422dfe4e4dcb69e4dd' }, h("div", { key: '2de4fcd6e6baecdf66e028e20cc311fe673bd00f', class: "card-wrap" }, this.cardImage && (h("ptc-picture", { key: '1a5679adc647b39bc6a328b67310f1bb41f543a0', alt: "image-test", src: this.cardImage, "display-image": "inline-block", width: "38" })), h("div", { key: '31f1bee5ab18991604bccd36643175e70f894e5b', class: "content" }, h("div", { key: 'f0ad2bfe34eebe4e1172df8ab5ce2d27a5b452ce' }, h("slot", { key: 'cfce45b3691d0b6bffb2fb98d8c1dac82ac7888d', name: "title" }), h("ptc-spacer", { key: 'a1b15f118c6ff4f4e07d9dbc58dcb316286e3b35', size: "x-small" }), h("ptc-spacer", { key: '68ae0f86eca3401e22268ec23c6b52f95c42b5cc', size: "xx-small", breakpoint: "x-small" }), h("div", { key: '9a1733cd84b1ba6aa48f76189b33ee7a5c1943c4' }, h("slot", { key: '31d9b7e4a78e939a0443308055aca06fbf37c061', name: "content" }))), h("div", { key: '60e9f7647403551cd307ce6d40a481f3227d015c', class: "cta-wrap" }, h("slot", { key: 'b90dc532473fd9e9bfdf6a828618bd9426c1a321', name: "cta" })))), this.toggleCtaTitle && (h("ptc-para", { key: '5789de0b925f23e7f65d37661fb1e7d1db1845c7', class: "toggle-btn mf-listen", "font-size": "small", "para-margin": "margin-flush", "para-line-h": "line-height-p", "para-z-index": "z-auto", onClick: () => this.togglePanel(), tabIndex: 0 }, h("span", { key: '19af80fc224f32a44198e071af09d57adb73164f', class: "toggleText" }, this.toggleCtaTitle))), h("div", { key: 'a3e73f84168abd4ab297e959e46cb6388716eeae', class: "product-highlights-container" }, h("slot", { key: '5ef6e8ba525c11034668d6a2d1fe2b0d0799cc17' }))));
     }
     static get is() { return "ptc-product-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/ptc-product-category/ptc-product-category.js

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 export class PtcProductCategory {
     categoryDescription;
     render() {
-        return (h(Host, { key: '0c7dfe5220e4fc6de428545503777d1cc6d87e5b' }, h("div", { key: 'e2583689cf09346ff73bf86fcdc9fdfb86976d91', class: "category-header" }, h("slot", { key: '1837e3cba7d022c9aecd6e4b949c9d140c418755', name: "title" }), h("ptc-spacer", { key: '58d80b22ae8126c19db4728a852803d2da38886e', size: "x-small" }), h("ptc-spacer", { key: '98d45b075441257810c13d53f83e9697a98b5af1', size: "x-small", breakpoint: "x-small" }), h("ptc-para", { key: '42144a356cf14d72e2f3bbc308eeb730bb322529', "para-margin": "margin-flush", "font-size": "small", "para-line-h": "line-height-p", "font-weight": "w-5", "para-z-index": "z-auto", "enable-tooltip": true, "max-lines": "9", "tooltip-z-index": "999", "tooltip-width": "full-width", "seo-compatibility-mode": true }, this.categoryDescription)), h("slot", { key: 'a60b778b01c411fac661cea47993a3bd095a18e9' })));
+        return (h(Host, { key: 'b33a43287cd245698e03fe845e337954634d50d3' }, h("div", { key: '2beac5024a10e67cce6ca28eba371200c3ef3ff4', class: "category-header" }, h("slot", { key: '5617031a94c01c067e2eaa605b5b88033b1abe56', name: "title" }), h("ptc-spacer", { key: '83e8a550adbea243ac4ff4232265e7fa979ac420', size: "x-small" }), h("ptc-spacer", { key: '983b0b22a1e622ceb914bb853cac72e8e653582b', size: "x-small", breakpoint: "x-small" }), h("ptc-para", { key: 'fc237e302a498efca9f480a934916d7a857efa58', "para-margin": "margin-flush", "font-size": "small", "para-line-h": "line-height-p", "font-weight": "w-5", "para-z-index": "z-auto", "enable-tooltip": true, "max-lines": "9", "tooltip-z-index": "999", "tooltip-width": "full-width", "seo-compatibility-mode": true }, this.categoryDescription)), h("slot", { key: 'a3aba1a913b74d13389ba49477aff3c465162fab' })));
     }
     static get is() { return "ptc-product-category"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/ptc-product-dropdown/ptc-product-dropdown.js

@@ -60,9 +60,9 @@ export class PtcProductDropdown {
         this.parseOptions();
     }
     render() {
-        return (h(Host, { key: '5b64d2fce6ad39487c5ad38a7d845cbc5f74c5e5' }, h("div", { key: 'e2f1ec69ed5252f12dd5587e13554cf327116dfe', class: "dropdown" }, h("div", { key: 'c84e0d1229ba96e1c933bae9c99204726b3acfd4', class: "dropdown-toggle", onClick: () => this.toggleDropdown(), onKeyDown: (e) => {
+        return (h(Host, { key: 'f0ae8f80296a422c1c51deadfbdf2e82350ab3e6' }, h("div", { key: 'a9b2dd095ebcb309d94eb7e40f08ec1969b7bd65', class: "dropdown" }, h("div", { key: '3f9f1366af89a4bb3c39bb065a6e8c018b0b0a7c', class: "dropdown-toggle", onClick: () => this.toggleDropdown(), onKeyDown: (e) => {
                 e.key === "Enter" ? this.toggleDropdown() : null;
-            }, tabIndex: 0 }, h("span", { key: '94d97ebfab123f410b44cf1368f704fb8dcfa3f1', class: "dropdown-placeholder" }, this.placeholder), h("span", { key: '0d0c26f36e564a7a71fb3b0d85605ed42326b7b2', class: "caret" }, h("svg", { key: 'b49061a955828794addb283dfff7c7060aeb12a2', width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '57455fcb1aa2f173afdb2a379421f9c11f1c712f', d: "M1.86537 0.917969L6.14614 4.56922L10.4269 0.917969L11.9769 2.23997L6.14614 7.21323L0.31543 2.23997L1.86537 0.917969Z", fill: "#323B42" })))), this.isOpen && (h("div", { key: 'c7bedd861dce57313b42186bc11a3c67c6a1c7df', class: "dropdown-menu" }, this.internalOptions.map((option) => (h("label", { class: "checkbox-label" }, h("input", { type: "checkbox", checked: this.selectedOptions.includes(option), onChange: () => this.handleCheckboxChange(option) }), option)))))), h("div", { key: '84e32cb52d690b6e144b4a1201a30b4e2d411c89', class: "hidden" }, h("slot", { key: '62e16c3912876cd6875e3f276a0ec9d718c4a6f5' }))));
+            }, tabIndex: 0 }, h("span", { key: 'd95e81dd28c48a2c366f6bb5e670771f3b115a9d', class: "dropdown-placeholder" }, this.placeholder), h("span", { key: 'c9738005f388d2fbd0a3d2f8153de229bfd40951', class: "caret" }, h("svg", { key: '8855d428d7fced1c8692d53fe513be10ed21dc1c', width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '703a344827f448bf4f1e7d8268557218fbf7c465', d: "M1.86537 0.917969L6.14614 4.56922L10.4269 0.917969L11.9769 2.23997L6.14614 7.21323L0.31543 2.23997L1.86537 0.917969Z", fill: "#323B42" })))), this.isOpen && (h("div", { key: 'fd1de44a1b8daca811f25b41022d14a03344d6af', class: "dropdown-menu" }, this.internalOptions.map((option) => (h("label", { class: "checkbox-label" }, h("input", { type: "checkbox", checked: this.selectedOptions.includes(option), onChange: () => this.handleCheckboxChange(option) }), option)))))), h("div", { key: '2861431ec20e138f3a6227635c43ffe823ac39ed', class: "hidden" }, h("slot", { key: '7db3d279c2fe072865439fdde5013528b72bdcab' }))));
     }
     static get is() { return "ptc-product-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/ptc-product-highlight-card/ptc-product-highlight-card.js

@@ -31,7 +31,7 @@ export class PtcProductHighlightCard {
     browserFirefox = false;
     currentLanguage;
     render() {
-        return (h(Host, { key: 'b1e281aa469d8a281edb10a74c7737230a8b8c43' }, h("ptc-title", { key: '010b8ad6fa21e6d7f3f8be967e20e206aeacf506', type: "h4", upperline: "no-upperline", "title-margin": "margin-flush", "title-size": "small", "text-align": "center" }, h("ptc-tooltip", { key: 'f4e559a7c19bd5f9c3df18551f46fe986fb2f606', "text-display": "block", "text-lines": "2", "z-index": "z-999", description: this.cardTitle, position: "bottom", width: "full-width" })), h("ptc-picture", { key: 'ddd7ed5a31ff60a197e52e27bb9fd243c25b7a77', alt: this.cardImageAltText, src: this.cardImage, "image-alignment": "center", width: "69", "display-image": "inline-block", styles: "img{margin: 12px auto 18px auto}" }), h("ptc-para", { key: '45f6ed1488ef0270eac03f12c71e33488a9f26a4', "font-size": "x-small", "para-margin": "margin-flush", "para-line-h": "line-height-densest", "para-align": "left", "para-z-index": "z-auto" }, this.browserFirefox &&
+        return (h(Host, { key: 'ab9b5607c4308c163bd2f0f5bb222ab4ed672aa6' }, h("ptc-title", { key: '6488f62b12feff1b0ebcc640a93d0f53365462af', type: "h4", upperline: "no-upperline", "title-margin": "margin-flush", "title-size": "small", "text-align": "center" }, h("ptc-tooltip", { key: '6ab73291659e544b035fd3f0339686303e0c39cb', "text-display": "block", "text-lines": "2", "z-index": "z-999", description: this.cardTitle, position: "bottom", width: "full-width" })), h("ptc-picture", { key: 'f1c8aed55255825031e569314d030e53fbbbd4f1', alt: this.cardImageAltText, src: this.cardImage, "image-alignment": "center", width: "69", "display-image": "inline-block", styles: "img{margin: 12px auto 18px auto}" }), h("ptc-para", { key: 'cdeb634c990535f1315e2cf7c4f01108a8a9fbac', "font-size": "x-small", "para-margin": "margin-flush", "para-line-h": "line-height-densest", "para-align": "left", "para-z-index": "z-auto" }, this.browserFirefox &&
             this.currentLanguage.toLowerCase().includes("ja") ? (h("slot", null)) : (h("ptc-readmore", { "more-text": this.moreText, "less-text": this.lessText, "visible-lines-custom": "8", "read-more-position": "left" }, h("slot", null))))));
     }
     static get is() { return "ptc-product-highlight-card"; }