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

package/dist/collection/components/molecules/ptc-store-card-list/ptc-store-card-list.js

@@ -0,0 +1,112 @@
+import { h } from "@stencil/core";
+import Swiper, { Navigation, Scrollbar, Pagination } from "swiper";
+export class PtcStoreCardList {
+    el;
+    swiperInstance;
+    swiperScrollbarRef;
+    swiperButtonNextRef;
+    swiperButtonPrevRef;
+    breakpoint = 768;
+    modalTriggerClickHandler = (event) => {
+        const trigger = event.currentTarget;
+        // Ensure the trigger is a child of this component instance
+        if (!this.el.contains(trigger)) {
+            return;
+        }
+        event.preventDefault();
+        const modalId = trigger.getAttribute("data-modal-target");
+        if (modalId) {
+            const modal = document.getElementById(modalId);
+            if (modal && typeof modal.showModal === "function") {
+                modal.showModal();
+            }
+        }
+    };
+    componentDidLoad() {
+        window.addEventListener("resize", this.handleResize.bind(this));
+        this.handleResize();
+        this.setupModalTriggers();
+    }
+    disconnectedCallback() {
+        window.removeEventListener("resize", this.handleResize.bind(this));
+        this.destroySwiper();
+        this.removeModalTriggers();
+    }
+    setupModalTriggers() {
+        const modalTriggers = this.el.querySelectorAll("[data-modal-target]");
+        modalTriggers.forEach((trigger) => {
+            trigger.addEventListener("click", this.modalTriggerClickHandler);
+        });
+    }
+    removeModalTriggers() {
+        const modalTriggers = this.el.querySelectorAll("[data-modal-target]");
+        modalTriggers.forEach((trigger) => {
+            trigger.removeEventListener("click", this.modalTriggerClickHandler);
+        });
+    }
+    handleResize() {
+        if (window.innerWidth < this.breakpoint) {
+            this.initSwiper();
+        }
+        else {
+            this.destroySwiper();
+        }
+    }
+    initSwiper() {
+        if (this.swiperInstance) {
+            return;
+        }
+        const swiperContainer = this.el.querySelector(".swiper-container");
+        if (swiperContainer) {
+            this.swiperInstance = new Swiper(swiperContainer, {
+                modules: [Navigation, Scrollbar, Pagination],
+                slidesPerView: 1.1,
+                spaceBetween: 24,
+                scrollbar: {
+                    el: this.swiperScrollbarRef,
+                    draggable: true,
+                },
+                navigation: {
+                    nextEl: this.swiperButtonNextRef,
+                    prevEl: this.swiperButtonPrevRef,
+                },
+                breakpoints: {
+                    480: {
+                        slidesPerView: 1.3,
+                    },
+                },
+            });
+        }
+    }
+    destroySwiper() {
+        if (this.swiperInstance) {
+            this.swiperInstance.destroy(true, true);
+            this.swiperInstance = undefined;
+            // Clean up swiper styles
+            const swiperWrapper = this.el.querySelector(".swiper-wrapper");
+            if (swiperWrapper) {
+                swiperWrapper.style.transform = "";
+            }
+            const slides = this.el.querySelectorAll(".swiper-slide");
+            slides.forEach((slide) => {
+                slide.style.marginRight = "";
+            });
+        }
+    }
+    render() {
+        return (h("div", { key: 'f51a8a81b50a76f1d4b51a96e63abdced68e7e3e', class: "ptc-store-card-list-container" }, h("div", { key: 'ea8574a51574bf71ed1662dfd21467611518a110', class: "swiper-container" }, h("div", { key: '1229b38d3fe7aa56839ae9c515e5be9f2cb0a226', class: "swiper-wrapper" }, h("slot", { key: '9940380b5ee26e43d090ede164d82b0a13e4f710' }))), h("div", { key: '60e2165bed7dfd5eb73f84762a542f25bc534006', class: "swiper-scrollbar", ref: (el) => (this.swiperScrollbarRef = el) }), h("div", { key: '39dd444de9919d5046e63a81cae352981bfd5d65', class: "swiper-button-next", ref: (el) => (this.swiperButtonNextRef = el) }, h("svg", { key: '4015608d5130c4b3018ea3b5ad9734c61f6e86cc', width: "14", height: "20", viewBox: "0 0 14 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '89017ed5201624574281bee6ba6fbbf1b3490dc1', d: "M0.75 17.25L8 10L0.75 2.75L3.375 0.125L13.25 10L3.375 19.875L0.75 17.25Z", fill: "#323B42" }))), h("div", { key: 'e0ec42578dffde9312b47681a31d6c6e602404eb', class: "swiper-button-prev", ref: (el) => (this.swiperButtonPrevRef = el) }, h("svg", { key: 'f5b28ec9f554180c6670c7084725310d3d73fe9f', width: "14", height: "20", viewBox: "0 0 14 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '16761eda84310cbf7ebe59a32bc4e5d5d8184405', d: "M13.25 2.75L6 10L13.25 17.25L10.625 19.875L0.749999 10L10.625 0.125L13.25 2.75Z", fill: "#323B42" })))));
+    }
+    static get is() { return "ptc-store-card-list"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ptc-store-card-list.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ptc-store-card-list.css"]
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=ptc-store-card-list.js.map

package/dist/collection/components/molecules/ptc-store-card-list/ptc-store-card-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ptc-store-card-list.js","sourceRoot":"","sources":["../../../../src/components/molecules/ptc-store-card-list/ptc-store-card-list.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Element } from \"@stencil/core\";\r\nimport Swiper, { Navigation, Scrollbar, Pagination } from \"swiper\";\r\n\r\n@Component({\r\n\ttag: \"ptc-store-card-list\",\r\n\tstyleUrl: \"ptc-store-card-list.scss\",\r\n\tshadow: false,\r\n})\r\nexport class PtcStoreCardList {\r\n\t@Element() el: HTMLElement;\r\n\r\n\tswiperInstance: Swiper;\r\n\tswiperScrollbarRef?: HTMLDivElement;\r\n\tswiperButtonNextRef?: HTMLDivElement;\r\n\tswiperButtonPrevRef?: HTMLDivElement;\r\n\tprivate breakpoint = 768;\r\n\r\n\tprivate modalTriggerClickHandler = (event: MouseEvent) => {\r\n\t\tconst trigger = event.currentTarget as HTMLElement;\r\n\r\n\t\t// Ensure the trigger is a child of this component instance\r\n\t\tif (!this.el.contains(trigger)) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tevent.preventDefault();\r\n\t\tconst modalId = trigger.getAttribute(\"data-modal-target\");\r\n\t\tif (modalId) {\r\n\t\t\tconst modal = document.getElementById(modalId) as any;\r\n\t\t\tif (modal && typeof modal.showModal === \"function\") {\r\n\t\t\t\tmodal.showModal();\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tcomponentDidLoad() {\r\n\t\twindow.addEventListener(\"resize\", this.handleResize.bind(this));\r\n\t\tthis.handleResize();\r\n\t\tthis.setupModalTriggers();\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\twindow.removeEventListener(\"resize\", this.handleResize.bind(this));\r\n\t\tthis.destroySwiper();\r\n\t\tthis.removeModalTriggers();\r\n\t}\r\n\r\n\tprivate setupModalTriggers() {\r\n\t\tconst modalTriggers = this.el.querySelectorAll(\"[data-modal-target]\");\r\n\t\tmodalTriggers.forEach((trigger) => {\r\n\t\t\ttrigger.addEventListener(\"click\", this.modalTriggerClickHandler);\r\n\t\t});\r\n\t}\r\n\r\n\tprivate removeModalTriggers() {\r\n\t\tconst modalTriggers = this.el.querySelectorAll(\"[data-modal-target]\");\r\n\t\tmodalTriggers.forEach((trigger) => {\r\n\t\t\ttrigger.removeEventListener(\"click\", this.modalTriggerClickHandler);\r\n\t\t});\r\n\t}\r\n\r\n\tprivate handleResize() {\r\n\t\tif (window.innerWidth < this.breakpoint) {\r\n\t\t\tthis.initSwiper();\r\n\t\t} else {\r\n\t\t\tthis.destroySwiper();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate initSwiper() {\r\n\t\tif (this.swiperInstance) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst swiperContainer = this.el.querySelector(\r\n\t\t\t\".swiper-container\",\r\n\t\t) as HTMLElement;\r\n\r\n\t\tif (swiperContainer) {\r\n\t\t\tthis.swiperInstance = new Swiper(swiperContainer, {\r\n\t\t\t\tmodules: [Navigation, Scrollbar, Pagination],\r\n\t\t\t\tslidesPerView: 1.1,\r\n\t\t\t\tspaceBetween: 24,\r\n\t\t\t\tscrollbar: {\r\n\t\t\t\t\tel: this.swiperScrollbarRef,\r\n\t\t\t\t\tdraggable: true,\r\n\t\t\t\t},\r\n\t\t\t\tnavigation: {\r\n\t\t\t\t\tnextEl: this.swiperButtonNextRef,\r\n\t\t\t\t\tprevEl: this.swiperButtonPrevRef,\r\n\t\t\t\t},\r\n\t\t\t\tbreakpoints: {\r\n\t\t\t\t\t480: {\r\n\t\t\t\t\t\tslidesPerView: 1.3,\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tprivate destroySwiper() {\r\n\t\tif (this.swiperInstance) {\r\n\t\t\tthis.swiperInstance.destroy(true, true);\r\n\t\t\tthis.swiperInstance = undefined;\r\n\r\n\t\t\t// Clean up swiper styles\r\n\t\t\tconst swiperWrapper = this.el.querySelector(\r\n\t\t\t\t\".swiper-wrapper\",\r\n\t\t\t) as HTMLElement;\r\n\t\t\tif (swiperWrapper) {\r\n\t\t\t\tswiperWrapper.style.transform = \"\";\r\n\t\t\t}\r\n\t\t\tconst slides = this.el.querySelectorAll(\".swiper-slide\");\r\n\t\t\tslides.forEach((slide: HTMLElement) => {\r\n\t\t\t\tslide.style.marginRight = \"\";\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<div class=\"ptc-store-card-list-container\">\r\n\t\t\t\t<div class=\"swiper-container\">\r\n\t\t\t\t\t<div class=\"swiper-wrapper\">\r\n\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"swiper-scrollbar\"\r\n\t\t\t\t\tref={(el) => (this.swiperScrollbarRef = el)}\r\n\t\t\t\t></div>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"swiper-button-next\"\r\n\t\t\t\t\tref={(el) => (this.swiperButtonNextRef = el)}\r\n\t\t\t\t>\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\twidth=\"14\"\r\n\t\t\t\t\t\theight=\"20\"\r\n\t\t\t\t\t\tviewBox=\"0 0 14 20\"\r\n\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\td=\"M0.75 17.25L8 10L0.75 2.75L3.375 0.125L13.25 10L3.375 19.875L0.75 17.25Z\"\r\n\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"swiper-button-prev\"\r\n\t\t\t\t\tref={(el) => (this.swiperButtonPrevRef = el)}\r\n\t\t\t\t>\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\twidth=\"14\"\r\n\t\t\t\t\t\theight=\"20\"\r\n\t\t\t\t\t\tviewBox=\"0 0 14 20\"\r\n\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\td=\"M13.25 2.75L6 10L13.25 17.25L10.625 19.875L0.749999 10L10.625 0.125L13.25 2.75Z\"\r\n\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"]}

package/dist/collection/components/molecules/ptc-tab-list/ptc-tab-list.js

@@ -263,11 +263,11 @@ export class PtcTabList {
         }
     }
     render() {
-        return (h(Host, { key: '48df4f3f50cc0b3c9fb01c11131217a2e2c9cbe1', class: this.type }, h("div", { key: '55749d4e908ccd30dda0027eb03b0501aa1c01dc', class: "tabs-header-container" }, h("div", { key: '6fb3e22d94a01e255eba06deec826198cb4c055a', class: "tabs-header" }, h("slot", { key: '532f7528054a3746b89a6a0f1dc2e91e066ad362', name: "header" })), h("ptc-ellipsis-dropdown", { key: 'f4afafa289c3055a18613df18f3677e7ef240dcf', "dropdown-type": this.type, class: this.type == "tab-with-banner"
+        return (h(Host, { key: '76ebe7f87108ccf4a504e08f6d73ac7b57892abe', class: this.type }, h("div", { key: 'e7f0f02f5f7ffc9304a6309cb3e0fb3cd8201362', class: "tabs-header-container" }, h("div", { key: 'ffecd6efddb3e866185ff44860f3a60243b3d425', class: "tabs-header" }, h("slot", { key: '7465a0d2bd4026aab0b465f04e726d9c1b5fc791', name: "header" })), h("ptc-ellipsis-dropdown", { key: 'c8a03ec83c9a9d8dde8cca271791ce32ad27f4db', "dropdown-type": this.type, class: this.type == "tab-with-banner"
                 ? "ellipsis-btn tab-with-banner"
                 : "ellipsis-btn default", onItemSelected: (e) => {
                 this.onDropdownItemSelected(e.detail);
-            } })), h("div", { key: '314a139acaac6a06151b6430c861ac846544789e', class: "tabs-content" }, h("slot", { key: 'f9fa86d571a7f6bf0720ba0b46c6747daa150b10', name: "content" }))));
+            } })), h("div", { key: '57aebc2b56c430af51129ed8d16d48c697621f94', class: "tabs-content" }, h("slot", { key: '1e30a0b1ed7daffcb96d4a570720b8e292995169', name: "content" }))));
     }
     static get is() { return "ptc-tab-list"; }
     static get originalStyleUrls() {

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

@@ -8,7 +8,7 @@ export class Tab {
     disabled;
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '6ebd003201025842c5b0183437770e3d4240f1c2' }, h("div", { key: '0b84ba617e5a67c546fa3c08259dacfcd8f5d1b9', class: classMap }, h("span", { key: 'ad926de2c93545c74c29c8c77cd0f2523fdbb3ea', class: "left-text" }, h("slot", { key: '10def1004974a7d7d744ed7f8140b615aef6ef3c', name: "right-text" })), h("span", { key: 'c12ff42a28c183520d25525a9540859bf949ebef', class: "right-text" }, h("slot", { key: '4122842011aac077ec46f8de5b027e75fc4c35b3', name: "right-text" })))));
+        return (h(Host, { key: 'dda8d8cfe48027e88d5d19dd2ccc8e61ea648f4b' }, h("div", { key: '0011ae9087cd7afee4c3af41d3f01c8e64023525', class: classMap }, h("span", { key: '44b302fe0e3d170a0125cbe3caa94616a1afce73', class: "left-text" }, h("slot", { key: '634f16441b85f8ec0578ece1abd436ea8a33ee7d', name: "right-text" })), h("span", { key: '42a37ca4b9b2f0519deb3a1d32e046a28216b89b', class: "right-text" }, h("slot", { key: '5def58b4667dac76cfc80f6a4e8c6ceb7340888d', name: "right-text" })))));
     }
     getCssClassMap() {
         return {

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

@@ -26,7 +26,7 @@ export class Tabs {
     }
     render() {
         const classMap = this.getCssClassMap();
-        return (h("div", { key: '9d77d53ce58791fa8cb7b50273f25a7a4b799a4e', class: classMap }, this.tabs.map((tab, index) => {
+        return (h("div", { key: '5e281650b0c809777ad8a103cc925ee077d57f4a', class: classMap }, this.tabs.map((tab, index) => {
             const tabClassMap = {
                 "tab-button": true,
                 active: tab.active,

package/dist/collection/components/molecules/ptc-text-copy-with-background/ptc-text-copy-with-background.js

@@ -54,7 +54,7 @@ export class PtcTextCopyWithBackground {
     render() {
         const classMap = this.getCssClassMap();
         const slitFill = this.getSlitFillColor();
-        return (h(Host, { key: '5075ff27253962b6edf655fae585d84f094d6bc8', class: classMap }, this.styles && h("style", { key: '565c5c882a5d43b490bdc0899d2b7f5019ec3679' }, this.styles), h("svg", { key: 'c3f3a1790ebbca60c6810bd82017d9f94afdca57', xmlns: "http://www.w3.org/2000/svg", class: "tcb-top-slit", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179", style: { fill: slitFill } }, h("path", { key: '282fb8e4f56cde02c167a82abf74b06341b380d1', id: "Path_8770", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "tcb-top-slit-cls-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" })), this.backgroundImage ? (h("div", { class: "" }, h("img", { class: "copy-bg-image", alt: this.ImageAltText, src: this.backgroundImage }), this.isBackgroundBlur && (h("img", { class: "copy-bg-image bg-img-filter", alt: this.ImageAltText, src: this.backgroundImage })))) : null, this.overlay && h("div", { key: 'ec0f9f151fe3e7690a118333ce2319bdbb565c01', class: "copy-bg-overlay-layer" }), h("div", { key: '2c00969073eb9ae5ca52f8e749dd9b233536574a', class: "content-wrap" }, this.type == "case-studies" && (h("div", { key: '229b267fdca2ffca81037e2c6f5898f468a10a01', class: "ptc-container" }, h("div", { key: '9e5fd80d64c27c5792dcc01c3556a19f39a7c474', class: "card-wrap" }, h("div", { key: '8cb9cc376380e73d10b0d8711b55318989ca150f', class: "card-animated-border" }), h("div", { key: '4875ca00ceebac81cd674aa6a18b65da76c929cc', class: "card-content" }, h("div", { key: '06d52e24d56115b1e11953551745ee4162a58778', class: "card-layout" }, h("slot", { key: '79a3f36abf7cf7d625e6556f87c109189b53307c', name: "card-content" })))))), h("slot", { key: 'f87a31c240018f9d7cf1076c54a9606840635db8' }))));
+        return (h(Host, { key: '929118a427383e8ba31587a525c7a12538264efb', class: classMap }, this.styles && h("style", { key: 'c57a19c7f906a0976f14bb5fc7980d224f9c47a0' }, this.styles), h("svg", { key: 'e2b6ee096cbf975b9eed2310b6f70d7566a4e234', xmlns: "http://www.w3.org/2000/svg", class: "tcb-top-slit", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179", style: { fill: slitFill } }, h("path", { key: 'b9ab29726788561b596ca830023536f3aa33d9f7', id: "Path_8770", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "tcb-top-slit-cls-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" })), this.backgroundImage ? (h("div", { class: "" }, h("img", { class: "copy-bg-image", alt: this.ImageAltText, src: this.backgroundImage }), this.isBackgroundBlur && (h("img", { class: "copy-bg-image bg-img-filter", alt: this.ImageAltText, src: this.backgroundImage })))) : null, this.overlay && h("div", { key: '5580f53dee9d56778742b23eec797c20f07d4c39', class: "copy-bg-overlay-layer" }), h("div", { key: '8bc51b14db0597ac433898572add2e0b35265b24', class: "content-wrap" }, this.type == "case-studies" && (h("div", { key: 'ff53901b50999cc5a064f9be8e8dbba23a564d10', class: "ptc-container" }, h("div", { key: 'ed0f5b81bc0d3fe77eb2a14737915c57a0b5e6f9', class: "card-wrap" }, h("div", { key: '52ee8f442f8121f3307a81564ecf8d0cd84eccc0', class: "card-animated-border" }), h("div", { key: '3ea49a27674b527233c7df26f3cb952d88e6aa8f', class: "card-content" }, h("div", { key: '0f63c99916ab653a72700bfd56ff6204bd990418', class: "card-layout" }, h("slot", { key: '637c571003a3602fd647479957e05a5de99dd20e', name: "card-content" })))))), h("slot", { key: '09e3317299db1edfd426d607b144d29c9c331199' }))));
     }
     getSlitFillColor() {
         let slitFill = "#fff";

package/dist/collection/components/molecules/ptc-theater-video/ptc-theater-video.js

@@ -21,7 +21,7 @@ export class PtcTheaterVideo {
         });
     }
     render() {
-        return (h(Host, { key: 'd884964cb1d697fb9372ae7057f5d4c2f5dcc223', "video-id": this.videoId, "vtag-name": this.vtagName, "modal-type": this.modalType }, h("div", { key: 'd40626939c782251db6ceb0de636212b945987d8', class: "img-wrap mf-listen", onClick: () => this.showCardDetails(), tabIndex: 0 }, h("img", { key: 'b345eebd8fb3c73cf93bb9aa27fed499d26db519', src: this.thumbImg, alt: "" }), h("span", { key: '4f6ae9def25e96e083a21dd5092ff297a72176df', class: "card-number" }, this.cardNumber + 1), h("svg", { key: 'f390008d5cf31fa7218005847810213db0f99657', xmlns: "http://www.w3.org/2000/svg", width: "54", height: "56", viewBox: "0 0 54 56", fill: "none" }, h("g", { key: '34f9ad527dfa3816677e1ef6c597fdefe5cd4ade', filter: "url(#filter0_d_214_969)" }, h("path", { key: 'a8285b9b7509e84b54aad9426d7eebd7d36ad039', d: "M42 20L12 36V4L42 20Z", fill: "white" })), h("defs", { key: 'e52c9d52d4d0ddea1b620b4adb1fbaa3effeed65' }, h("filter", { key: '8331292dc0aec4bba290415e83814d1b74884c9e', id: "filter0_d_214_969", x: "0", y: "0", width: "54", height: "56", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'df0e037c008b1b12d15881aa9c18b68e3fa0528a', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '056e0771b1c2e882564f025766576e2af5a20101', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: '0bdb189b62360eca48e58794933c4f6112fc2e28', dy: "8" }), h("feGaussianBlur", { key: '393a45212c9fccd142682c6d417fbe0b1d58f76c', stdDeviation: "6" }), h("feComposite", { key: '429a65f1cfeada6f44306a54dd98ece384640f88', in2: "hardAlpha", operator: "out" }), h("feColorMatrix", { key: '9c177e41fd5622ebf57f5899b3c748d97b2b2c34', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" }), h("feBlend", { key: '5742782464921b4b6c5da1ba4de0eb4bd0dae874', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_214_969" }), h("feBlend", { key: 'b2a57e41d7b0446001d9a090a07810f26b58adc2', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_214_969", result: "shape" }))))), h("h3", { key: '2a61d0e28b68d9b70b9ddf32133b7ac87b33a8b0', class: "vcard-title" }, this.cardTitle), h("div", { key: '4cf02fd94cd6edeca95eb123e8543ff03cc16e52', class: "hidden description" }, h("slot", { key: '3dbdd2fca7e18dba86b6d49b6bde1c67a42e365c' }))));
+        return (h(Host, { key: '2404502796d5ef061fc2ac36c91547fa0c390593', "video-id": this.videoId, "vtag-name": this.vtagName, "modal-type": this.modalType }, h("div", { key: 'e82c045a7f03b94799b5630781e523e7c3c8d1a4', class: "img-wrap mf-listen", onClick: () => this.showCardDetails(), tabIndex: 0 }, h("img", { key: '904ee9b2eef52624317e1deba28fe50c7be23b69', src: this.thumbImg, alt: "" }), h("span", { key: 'c49ab0e9d9a2d8b9195a6b7628b8b42819e065bf', class: "card-number" }, this.cardNumber + 1), h("svg", { key: 'd63f458a5fcb7c43bbd739408b60a48c6b8f811f', xmlns: "http://www.w3.org/2000/svg", width: "54", height: "56", viewBox: "0 0 54 56", fill: "none" }, h("g", { key: '53744b1b4534822b875d633b339d0739ba45041e', filter: "url(#filter0_d_214_969)" }, h("path", { key: 'dfd6d86a831c5455f80fc9244f5afc70910e25b4', d: "M42 20L12 36V4L42 20Z", fill: "white" })), h("defs", { key: 'fab64f360c5e06e6c3569b9b82567d00f69fa6d0' }, h("filter", { key: 'f8d9be6f3557fe057935a08e5d05fb692ee1752e', id: "filter0_d_214_969", x: "0", y: "0", width: "54", height: "56", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '7529c93dc7c3d93df19b4a1c798f9327cd4fb3dc', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'fc58774baee85519cc50575a2440c2e03ec86a04', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: 'b2ae1237b14d439cb4dca9764044dc45106029ae', dy: "8" }), h("feGaussianBlur", { key: '1abeebc4e1666a36e8adbb647850dc0830fe932f', stdDeviation: "6" }), h("feComposite", { key: '830da368ffe924ebbe65a66e3af7dea35025f3e1', in2: "hardAlpha", operator: "out" }), h("feColorMatrix", { key: '1c158d0225400f3e419eb96ce97cd1c8cbbc7f23', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" }), h("feBlend", { key: 'fae234c118ac56699573c3be06128f8696456bf9', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_214_969" }), h("feBlend", { key: '34ce3f62463cab3bd29ba49b32edae80e2e9ffaf', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_214_969", result: "shape" }))))), h("h3", { key: 'b478477ea60c62df97f4a9cbe9d45f18a11b0727', class: "vcard-title" }, this.cardTitle), h("div", { key: '0173ae2eaefc15c5724ec031e2db5a1fdccad460', class: "hidden description" }, h("slot", { key: '41788260ddde3821d84b923fbb99efda0ddc3759' }))));
     }
     static get is() { return "ptc-theater-video"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/molecules/ptc-theater-video-modal/ptc-theater-video-modal.js

@@ -95,7 +95,7 @@ export class PtcTheaterVideoModal {
         });
     }
     render() {
-        return (h(Host, { key: 'bbb9c926e47af1babf745f658f51dd7a21e663ae' }, h("slot", { key: 'ecc0cf960e9df0b8f6e5603d222925f201c20a74' }), this.showModal &&
+        return (h(Host, { key: 'd4d7dd23144e35ce7b11eb6293f98bc140a5e2e4' }, h("slot", { key: 'f490bddf28d0e533f2425039d6584afc33c32563' }), this.showModal &&
             (this.modalType != "only-video" ? (h("div", { class: "modal", ref: (el) => (this.modalPopUpRef = el) }, h("div", { class: "modal-container ptc-container" }, h("div", { class: "vm-close-container" }, h("div", { onClick: () => this.closeCardModal(), class: "vm-close mf-listen", tabIndex: 0, onKeyDown: (e) => {
                     if (e.key === "Enter")
                         this.closeCardModal();

package/dist/collection/components/molecules/ptc-theater-video-playlist/ptc-theater-video-playlist.js

@@ -109,7 +109,7 @@ export class PtcTheaterVideoPlaylist {
         }
     }
     render() {
-        return (h("div", { key: 'fbee21642f840ad50cb0b3eb7ad948d28258276e', class: "card-list" }, h("slot", { key: 'c3f67115d1fb42a4097f78c68baf17884ae5442f' })));
+        return (h("div", { key: '3974f75dcc25b8ea0bd5f910862943c30e54f81b', class: "card-list" }, h("slot", { key: '3bad61821dd0e4cf42810c3d4581039e07fae71b' })));
     }
     static get is() { return "ptc-theater-video-playlist"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/ptc-two-column-media/ptc-two-column-media.js

@@ -7,7 +7,7 @@ export class PtcTwoColumnMedia {
     componentType;
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '9e936ba224151014113a453d8b3f80f8b9bdc998', class: classMap }, h("slot", { key: '7d945477c5d7d03b3f078d585c1a7d22a7941bbd' })));
+        return (h(Host, { key: 'c710d896637c37eff19c8c586605ba308a18ab55', class: classMap }, h("slot", { key: '043cbae1808524a0009b2a42f7d639e34c98fdc5' })));
     }
     getCssClassMap() {
         return {

package/dist/collection/components/molecules/ptc-value-led-card/ptc-value-led-card.js

@@ -3,7 +3,7 @@ export class PtcValueLedCard {
     cardImage;
     cardUpNext;
     render() {
-        return (h(Host, { key: 'b9d58fac7211769191c66d9085cbdacf005d97d3' }, h("ptc-picture", { key: 'ee88dab9623d46a39bfae542866b65577afcfa5e', alt: "image", "border-radius": "radius-standard", "display-image": "block", "image-position": "relative", "is-full-height": "true", "is-full-width": "true", "object-fit": "cover", src: this.cardImage, styles: "" }), h("div", { key: 'ab44dd9d1cce45e6626b03b99308f1d5c2a011a2', class: "card-content" }, h("span", { key: '1878376911d0ad5b2ee2e7bf99d762439a2745ee', class: "tag" }, this.cardUpNext), h("slot", { key: '45a1793d722281f8749423f21942fe7d1f729e18', name: "card-title" }), h("ptc-spacer", { key: '44cdde3bad0c8fba6011cfffe9fb9961a5405af2', size: "x-small" }), h("slot", { key: 'eb7d8f62939fbc0b9de3ffb487f3c6905a45a72f' }))));
+        return (h(Host, { key: '76dbdfc2e459fcf163c69556cc4d44b7554c3317' }, h("ptc-picture", { key: '0d98cd15e3edc17f7de8a4e1f93d94cf2b151426', alt: "image", "border-radius": "radius-standard", "display-image": "block", "image-position": "relative", "is-full-height": "true", "is-full-width": "true", "object-fit": "cover", src: this.cardImage, styles: "" }), h("div", { key: '86193839a2b40f7087137e135eca0523e2863f88', class: "card-content" }, h("span", { key: 'e3154834a93a880210493687f1e97dc755b2bc2c', class: "tag" }, this.cardUpNext), h("slot", { key: 'bad05469bca3c2bc14426e535e1886daf4aecf0f', name: "card-title" }), h("ptc-spacer", { key: '3b82b19167886a0d84dda98ac221887434bb7886', size: "x-small" }), h("slot", { key: '7d9e46fb198a4b304a906b17d9f7410be0f1a980' }))));
     }
     static get is() { return "ptc-value-led-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/ptc-value-led-content/ptc-value-led-content.js

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 export class PtcValueLedContent {
     contentTag;
     render() {
-        return (h(Host, { key: 'c1cd2c849076dfed6e38b31bc5e8d470faefe76d' }, this.contentTag && (h("div", { key: '52a0f73430e58c1c3dbaefe3e76f12497b87e7ef', class: "content-tag" }, this.contentTag)), h("div", { key: '45cb7c1318f32d8e6f15e7b56178b4d34b86766d', class: "vl-content-title" }, h("slot", { key: '05af63c06f146b66bd455c02ca8f609c025bb28d', name: "vl-content-title" })), h("slot", { key: 'fdd418cc436c6785591ec325117f92d85df6a0ba' })));
+        return (h(Host, { key: '6c155a6b1ad57cb7f2b25f74a9763eb66314ad22' }, this.contentTag && (h("div", { key: 'f5137e41cdb7e7c3f6c8d4b7be9a7b81c9d2676d', class: "content-tag" }, this.contentTag)), h("div", { key: '3ac5d5fdcdb9b5a17716d0b27d4d3d47d96b3546', class: "vl-content-title" }, h("slot", { key: 'c888b91920b2d251b6122e8f67cf5b88e7f4377b', name: "vl-content-title" })), h("slot", { key: 'c066afa0d7a8e7f358f0d154c50652db27394fde' })));
     }
     static get is() { return "ptc-value-led-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/ptc-value-led-content-highlight/ptc-value-led-content-highlight.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class PtcValueLedContentHighlight {
     render() {
-        return (h(Host, { key: '12ae2d188c5a408e05be5104b8d5e45a609a4703' }, h("slot", { key: '8fdaf960d5b4753a2064ababf74e6f84c9807b46' })));
+        return (h(Host, { key: '85a03b9696044b1aa341bbf2e08858f25b6ef3e4' }, h("slot", { key: 'b0087a38feab3a131e854f06902fc6f7e25a3d39' })));
     }
     static get is() { return "ptc-value-led-content-highlight"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/molecules/ptc-value-led-intro/ptc-value-led-intro.js

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 export class PtcValueLedIntro {
     contentTag;
     render() {
-        return (h(Host, { key: '71f0c9c490c07e46abf07767fcdbd8c32521d431' }, h("div", { key: '681f33dc918fd560f622259c4cf07fd61e632530', class: "content-tag" }, this.contentTag), h("slot", { key: '54453c10bc6ca41c81737dbad492cad261c5086e' })));
+        return (h(Host, { key: 'c425de253884cc19e97acf205efd7f55639dc6b7' }, h("div", { key: '24944467ee64fd5697e74ad33a676fcb7dc8ef93', class: "content-tag" }, this.contentTag), h("slot", { key: '053e357e9d1f267f7bbd13371957429cbf6eb441' })));
     }
     static get is() { return "ptc-value-led-intro"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/ptc-value-led-layout/ptc-value-led-layout.js

@@ -263,13 +263,13 @@ export class PtcValueLedLayout {
         }
     }
     render() {
-        return (h(Host, { key: 'e1b891f9158532e8daa635ee1e39d496d11369f5' }, h("div", { key: '48117b87507f96c21fd421f612fef443c065361c', class: "top-image", style: {
+        return (h(Host, { key: 'ad78b9971461319cfdda41dfc6bf335aa7540924' }, h("div", { key: 'e9d92cac81fd9cdb3c48ccc9a281ede28e88159c', class: "top-image", style: {
                 backgroundImage: `url(${this.topBackgroundImage})`,
-            } }), h("div", { key: 'ccc972f9d46943d897881cf111d5228fec767d84', class: "ptc-container" }, h("div", { key: '6c004e6e44837ecfde74e5304bf8e94440a6e7de', class: "pdf-slot-wrapper" }, h("slot", { key: '90ce0cdc43d33118f1ed1d9cb654c394ac98b383', name: "pdf-slot" })), h("div", { key: '79ed1ad9e9663b2ef261bfa785537668d51e6ef6', class: "vl-layout-wrap" }, this.sidebarData.length > 0 && !this.isMobile && (h("div", { key: '4f3b3c6e16c31d067315642395a5dcb75cf6c67c', class: "vl-sidebar" }, h("div", { key: '80b0d8a2d69c9102e9af57d519edcefd43c556a0', class: "vl-list-wrap" }, h("ul", { key: 'd2333d49cdb8df35b53ab4835ba548f4107a2f96', id: "vl-side-list" }, this.sidebarData.map((item, index) => (h("li", { id: "list-" + index, class: "mf-listen" }, h("a", { href: "#" + item.ref, id: index, onClick: () => {
+            } }), h("div", { key: '5012acae29ad12703c5ca3bdacb855f6014c0f98', class: "ptc-container" }, h("div", { key: '85f84a0242c98e4ff0723feefb2db67ef3318658', class: "pdf-slot-wrapper" }, h("slot", { key: '3d5c0dbcaa170721b2db5f2e96ed22bb0fa04407', name: "pdf-slot" })), h("div", { key: 'a5667a709873fae69d2f9a75bafe4343ca7e80b0', class: "vl-layout-wrap" }, this.sidebarData.length > 0 && !this.isMobile && (h("div", { key: '9464a248f7e3826330f76aaade303f99d02157a2', class: "vl-sidebar" }, h("div", { key: '1138c540ee2d689b84f29db6c5276c069a2439f4', class: "vl-list-wrap" }, h("ul", { key: '49c1ca6cb9f44577f5de6a9790578f3c1ab023b1', id: "vl-side-list" }, this.sidebarData.map((item, index) => (h("li", { id: "list-" + index, class: "mf-listen" }, h("a", { href: "#" + item.ref, id: index, onClick: () => {
                 this.updateActiveItem(index);
-            } }, item.title)))))))), h("span", { key: '3403c139fa0825aa2f2124ed6b32a4687e579e2e', style: { display: "none !important" } }), h("div", { key: 'c5e6b462f38480851693505f2d4a2db6f3402b44', class: "vl-content-wrap" }, h("div", { key: '10a4a0ddd4150015641d6603447d774757a6ce69', class: "custom-select mobile-select" }, h("button", { key: 'f00739073380e5dbb53c3205e1e94b838d667dd7', class: "select-button", role: "combobox", "aria-labelledby": "select button", "aria-haspopup": "listbox", "aria-expanded": "false", "aria-controls": "select-dropdown" }, h("span", { key: 'e64c8405e3621c7c93643d54ffe24e1142faf27a', class: "selected-value" }, "Select option"), h("span", { key: '4acb717bca8cf1de262577ec383c8c67a2a7b85c', class: "arrow" })), h("ul", { key: 'f8188c9f3e2654b5fa195f6886672e24915e44fb', class: "select-dropdown", role: "listbox", id: "select-dropdown", onScroll: () => this.handleDropdownScroll() }, this.sidebarData.map((item, index) => (h("li", { role: "option", id: index, onClick: () => this.selectDropOption(index), tabIndex: 0, onKeyDown: (e) => {
+            } }, item.title)))))))), h("span", { key: '1b6e82eedc51fe1c188936c3155492af21858673', style: { display: "none !important" } }), h("div", { key: 'a1062ff17c0358bcc5d08d12fc7144e99982f23e', class: "vl-content-wrap" }, h("div", { key: 'c2e730217c287846915b44b2e3997719005d6d29', class: "custom-select mobile-select" }, h("button", { key: 'dbe9a68224cd64b7d5cecec24fd38187e35225fc', class: "select-button", role: "combobox", "aria-labelledby": "select button", "aria-haspopup": "listbox", "aria-expanded": "false", "aria-controls": "select-dropdown" }, h("span", { key: 'dd9bb390d42b91b10bba3ab2fc16243050e9d982', class: "selected-value" }, "Select option"), h("span", { key: 'b3911701630273d7082a8ab149836af7aa3e80a1', class: "arrow" })), h("ul", { key: '3a07c9899548d3072ec5059b66f613f1942724f0', class: "select-dropdown", role: "listbox", id: "select-dropdown", onScroll: () => this.handleDropdownScroll() }, this.sidebarData.map((item, index) => (h("li", { role: "option", id: index, onClick: () => this.selectDropOption(index), tabIndex: 0, onKeyDown: (e) => {
                 this.onMenuitemKeydown(e);
-            } }, h("input", { type: "radio", id: item.title, name: "vl-drop-list", tabIndex: -1 }), h("label", { htmlFor: item.title }, h("i", { class: "bx bxl-github" }), item.title)))))), h("div", { key: '4f4c2091b96f0e7436ec21f6354e141c82891dca', class: "vl-content-slot-wrap" }, h("slot", { key: 'f4de12570d727933838fa59ea54b088deff683a5' })))))));
+            } }, h("input", { type: "radio", id: item.title, name: "vl-drop-list", tabIndex: -1 }), h("label", { htmlFor: item.title }, h("i", { class: "bx bxl-github" }), item.title)))))), h("div", { key: 'd90be10756cad850a640ed2342d9a41bc8dcabf6', class: "vl-content-slot-wrap" }, h("slot", { key: '9398d4aae6bede0d9824a5dc029947aee064be13' })))))));
     }
     static get is() { return "ptc-value-led-layout"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/ptc-value-led-speed-bump/ptc-value-led-speed-bump.js

@@ -19,7 +19,7 @@ export class PtcValueLedSpeedBump {
     }
     render() {
         const Tag = !!this.isMobile ? "a" : "div";
-        return (h(Host, { key: '6a6818c3ba8402ed416956782831deff65fe35fc' }, h(Tag, { key: 'bb5d7dfaba45f40bacc3e32283804f7a0f97292b', class: "sb-card", href: this.ctaLink, target: this.ctaTarget }, this.cardImage && (h("div", { key: 'a60614570297d282deea1bd3140f4b8ae482608f', class: "img-wrap" }, h("ptc-picture", { key: '5876f711bd1cdc1f2e61ce3b35b6825b02841592', alt: "image", "display-image": "block", "image-position": "relative", "is-full-height": "true", "is-full-width": "true", "object-fit": "cover", src: this.cardImage, styles: "img{ min-height: 95px}" }))), h("div", { key: 'b52430d06456b81a6c5f8b973a3d86218d7aed8b', class: "card-content-wrap" }, h("div", { key: 'cf1aca8eb0cd404a992c4e8b1b81f928efc15b61', class: "card-content" }, h("slot", { key: '9f989055e9cd61b44e1bc02d3be07b78b5432b84', name: "title-slot" }), h("p", { key: '1d5ed9132bb0499fe54b1e875066aae019b8bd73' }, h("slot", { key: '90443d4e2f915cdc795684ffaa01ae477c1d7151' }))), h("div", { key: 'db006fef8d7f9debc2744ca806c21c0e764fa95a', class: "cta-slot" }, h("slot", { key: '16f97cad748773a822cac39b376c1861c5c8d5ac', name: "cta-slot" }))))));
+        return (h(Host, { key: '3ac97cdeacd3cf477f750dce56625509d36e7cb4' }, h(Tag, { key: 'de111a46a393da5a5d08fbaf878cc03224051f09', class: "sb-card", href: this.ctaLink, target: this.ctaTarget }, this.cardImage && (h("div", { key: 'e15cfb140d3f129da359f115a08c1c9532d68959', class: "img-wrap" }, h("ptc-picture", { key: '214437e722a7430038cd3b6a665760fd9609d5c5', alt: "image", "display-image": "block", "image-position": "relative", "is-full-height": "true", "is-full-width": "true", "object-fit": "cover", src: this.cardImage, styles: "img{ min-height: 95px}" }))), h("div", { key: 'a53c9ea15918c4c359e9561f7d59d5b8ac760946', class: "card-content-wrap" }, h("div", { key: 'adac99833924f1a85966550baa6047ccb3a5241d', class: "card-content" }, h("slot", { key: '4c73c2fdddd1097d8a42659d0e7b4706e6745564', name: "title-slot" }), h("p", { key: 'f998995eebe957b4f2615535b6d0f5e70fb64bcc' }, h("slot", { key: '7fd475b78d530ec89cb979184b5b6f1b11245334' }))), h("div", { key: 'cc1445e9af3c0a616e35f95cf95d593121827a08', class: "cta-slot" }, h("slot", { key: '9e84ab04de6ef70731b7016b2d7e6b79bc15b77c', name: "cta-slot" }))))));
     }
     static get is() { return "ptc-value-led-speed-bump"; }
     static get encapsulation() { return "shadow"; }

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

@@ -21,7 +21,7 @@ export class PtcValuePropCard {
      */
     backgroundImage;
     render() {
-        return (h(Host, { key: '9adc46f505a36c21f6c5b35bf6c364c44a6ef39a' }, h("a", { key: 'ec64000560a072aeb88c9f29e662e44777205c0a', href: this.cardHref, rel: this.rel, target: this.target, class: "vp-card" }, h("ptc-img", { key: 'c8d3031c21b3eb86000acdfc6304a7897f30151b', "image-type": "smart-img", "img-url": this.backgroundImage, "load-mode": "lazy-bg" }, h("div", { key: '5a9b2d089d68aac10f771a55727e15d318bf1de4', class: "overlay" }), h("div", { key: 'c68b28adf763136c5a7a8027d06f7940f1c4a2eb', class: "caption" }, h("ptc-para", { key: 'd0752d9e48481dfb46712d55d4d18542bdda9d81', "font-size": "small", "font-weight": "w-8", "para-align": "center", "para-color": "primary-white", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-z-index": "z-auto" }, this.cardTitle), h("slot", { key: 'b43f9edbe83f1da557d5d0c93eb15b1213351dc7' }))))));
+        return (h(Host, { key: '60034f71b3d1f2309ba43ac5dd36dff8f95af48e' }, h("a", { key: '33275d5879868196f4c03e1b49be35c8fea4553b', href: this.cardHref, rel: this.rel, target: this.target, class: "vp-card" }, h("ptc-img", { key: '6290c2b9dd95ae28a726d6889f7d844ce649a124', "image-type": "smart-img", "img-url": this.backgroundImage, "load-mode": "lazy-bg" }, h("div", { key: '4d3761371617ff949cc1f54ba8f69fd3be2267e3', class: "overlay" }), h("div", { key: '918ceef2bb69fc1f8bd46741c493b0736ab2c3d3', class: "caption" }, h("ptc-para", { key: 'a7fd4a193f52cd709ba5cf9fcf2b9502ae4890aa', "font-size": "small", "font-weight": "w-8", "para-align": "center", "para-color": "primary-white", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-z-index": "z-auto" }, this.cardTitle), h("slot", { key: 'f3b4b7e0578b69e38966a6d6926b0a5aac62a7f6' }))))));
     }
     static get is() { return "ptc-value-prop-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/ptc-white-paper/ptc-white-paper.js

@@ -127,9 +127,9 @@ export class PtcWhitePaper {
         const startIndex = (this.currentPage - 1) * this.itemsPerPage;
         const endIndex = startIndex + this.itemsPerPage;
         const currentItems = JSON.parse(this.items).slice(startIndex, endIndex);
-        return (h(Host, { key: '92ced897ab7079e59c5a16ddfab716cc1942fbb3' }, h("div", { key: 'f48330f205ecf463ccc64d4616695c511f2071d8', class: "hero-image" }, h("ptc-img", { key: 'cc7ffeea9513f9bd195747901c25e5ebb82a46b1', "image-type": "smart-bg", "img-url": this.topBackgroundImage, "load-mode": "lazy-bg", styles: "" })), h("div", { key: '33eb84f2f6490c4754cd07af9015524e86d43972', class: "ptc-container " }, h("div", { key: '84678b059471a5c2ef8fc26385fc6dfb34f4064e', class: "content-container" }, h("div", { key: '54a4213bf0e56e5cfae4be37b97311dd9e411750', class: "pagination-wrap" }, h("div", { key: 'fdf827fec687ad66688b0446a7d65663af7dc156', class: "pagination" }, h("button", { key: 'e3229cfd80f157ac8eafe969f2bdc60a5991f6dd', class: "mf-listen", id: "prevPageBtnID", onClick: () => this.handlePrevPage(), onKeyPress: () => this.handlePrevPage(), tabIndex: 0, disabled: this.currentPage === 1 }, h("svg", { key: '4aaf2f5de52aacf93395fd4bab1dce488949567d', preserveAspectRatio: "xMidYMid meet", focusable: "false", viewBox: "0 0 18 18" }, h("g", { key: '340bc6c0338af928f4865a130ba7d060562b40d3', id: "icon_chevron_left_mini", viewBox: "0 0 18 18" }, h("g", { key: 'a934c6417b0d7f15443c8efdf06fd9c1dc420c52', class: "icon_chevron_left_mini" }, h("path", { key: '3139d1762265eac8556832ef84fb045bb884f753', d: "M12 12.833L8.304 9 12 5.167 10.821 4 6 9l4.821 5L12 12.833z", class: "icon_chevron_left" }))))), this.renderPaginationButtons(), h("button", { key: '614fba14fcd3d53fcbce5405ce28847de3123bbe', class: "mf-listen", id: "nextPageBtnID", onClick: () => this.handleNextPage(), onKeyPress: () => this.handleNextPage(), tabIndex: 0, disabled: this.currentPage === this.totalPages }, h("svg", { key: 'd9d032c1f02303e85235ec774b74c1dddaae736b', preserveAspectRatio: "xMidYMid meet", focusable: "false", viewBox: "0 0 18 18" }, h("g", { key: '26f852a8a87be547680d0eb08de039c3caba6d79', id: "icon_chevron_right_mini", viewBox: "0 0 18 18" }, h("g", { key: '47a9cc2f3fda9b31790cbc051071be8ec2391241', class: "icon_chevron_right_mini" }, h("path", { key: '614c81fe73993bd37a7d74f76b5967f2d98c233c', d: "M6 5.167L9.696 9 6 12.833 7.179 14 12 9 7.179 4 6 5.167z", class: "icon_chevron_right" })))))), h("div", { key: '8c03f185ee83153f54112e26d31a811b16d26116', class: "mf-listen dl-btn-wrapper", id: "downloadBtnID" }, h("a", { key: 'dd95a918ec016168989df63dd3d7ccf2bd85cdcb', class: "dl-btn", tabindex: 0, onKeyPress: (e) => this.downloadCtaClicked.emit(e), onClick: (e) => {
+        return (h(Host, { key: '936a9d48a58e0e5f79824b251cd8e67cdb3639a8' }, h("div", { key: 'dd118558be474a41ff9e1ee9e20ef6e1f5c598ff', class: "hero-image" }, h("ptc-img", { key: '788f3ade496adc69491f8dd4c321c29d609aaf2d', "image-type": "smart-bg", "img-url": this.topBackgroundImage, "load-mode": "lazy-bg", styles: "" })), h("div", { key: 'fc857cca2e6cd330d7bd8a46804dd81a5f35ad54', class: "ptc-container " }, h("div", { key: '2dfe04f1e66dfa443e7e9106fca605280800d32a', class: "content-container" }, h("div", { key: '980f076b9fafe14f8703d30be160e24a6ea58605', class: "pagination-wrap" }, h("div", { key: 'c9f1267f83142d2c60f1d458bae204602e570770', class: "pagination" }, h("button", { key: '1c1bfa7d2bac82f44b2b92c3eb72a12c442ec14d', class: "mf-listen", id: "prevPageBtnID", onClick: () => this.handlePrevPage(), onKeyPress: () => this.handlePrevPage(), tabIndex: 0, disabled: this.currentPage === 1 }, h("svg", { key: 'a939614e7d4cab1b03437fcfdba0c17d89e3bde0', preserveAspectRatio: "xMidYMid meet", focusable: "false", viewBox: "0 0 18 18" }, h("g", { key: '59fb33e60a82ebcfdfe4b07cbcc37bac070ac12d', id: "icon_chevron_left_mini", viewBox: "0 0 18 18" }, h("g", { key: '39f0c07842d73383c045d3309b391cf1adc3e72d', class: "icon_chevron_left_mini" }, h("path", { key: '2ea8c9d730194472a1971b643402526a73b5fc7b', d: "M12 12.833L8.304 9 12 5.167 10.821 4 6 9l4.821 5L12 12.833z", class: "icon_chevron_left" }))))), this.renderPaginationButtons(), h("button", { key: '61b6ac8455c3013b2cc2502b8977c6406197fab7', class: "mf-listen", id: "nextPageBtnID", onClick: () => this.handleNextPage(), onKeyPress: () => this.handleNextPage(), tabIndex: 0, disabled: this.currentPage === this.totalPages }, h("svg", { key: 'cfd25d0393b2ffaaad96b47441bae67cddfc953c', preserveAspectRatio: "xMidYMid meet", focusable: "false", viewBox: "0 0 18 18" }, h("g", { key: '8f0d12a5d3196908020efe9bfa2446630411095c', id: "icon_chevron_right_mini", viewBox: "0 0 18 18" }, h("g", { key: '80ddbbd1bcbcdad759a347b25f2be40c13a96953', class: "icon_chevron_right_mini" }, h("path", { key: 'f1fc669a639e5280bbb58c5cf1165e301e5ede08', d: "M6 5.167L9.696 9 6 12.833 7.179 14 12 9 7.179 4 6 5.167z", class: "icon_chevron_right" })))))), h("div", { key: '33a2c67098434971734f70b283c752e7be9ce6c2', class: "mf-listen dl-btn-wrapper", id: "downloadBtnID" }, h("a", { key: 'cd0c77c5b11f0c5c99d12419f802a53f93f78f12', class: "dl-btn", tabindex: 0, onKeyPress: (e) => this.downloadCtaClicked.emit(e), onClick: (e) => {
                 this.downloadCtaClicked.emit(e);
-            } }, h("span", { key: 'b6fa5052a1d9541f6f7d70a037def82707aeb29a', class: "dl-text" }, "Download"), h("img", { key: '2213485f866d2e023cdf38ec8164135fd39e0ee1', src: "https://www.ptc.com/dist/ptc/images/download-arrow.svg", alt: "Down Arrow" })))), h("div", { key: 'a483bfd8f9dd55ae49a629c07bf126042e77e63f' }, currentItems.map((item, index) => this.renderContent(item, index)))))));
+            } }, h("span", { key: 'bb71496639c2a19367ce77f93ce55cfe87a8dd6c', class: "dl-text" }, "Download"), h("img", { key: '44c5b7596e2db37eb93f646db9383dcfb4efb5f8', src: "https://www.ptc.com/dist/ptc/images/download-arrow.svg", alt: "Down Arrow" })))), h("div", { key: '9056bf2548a092c6f0a574a71de9760289c15683' }, currentItems.map((item, index) => this.renderContent(item, index)))))));
     }
     static get is() { return "ptc-white-paper"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/subnav/ptc-nav-link/ptc-nav-link.js

@@ -46,9 +46,9 @@ export class PtcNavLink {
         }
     }
     render() {
-        return (h(Host, { key: '4146ee83b8d4d7434f60983ecd41e7ca63b14df7' }, h("div", { key: '05c872ffc85e0325c644ed6770188207e102a7ae', class: "tracker-div mf-listen" }, h("a", { key: 'bc694062bbc49dda07e6580ba028b69757cbf1e9', id: this.trackerId, href: this.href, target: this.isOutsideLink ? "_blank" : "_self", title: this.titleText, onClick: (event) => {
+        return (h(Host, { key: '991ea86edd27fb003f8b876a1d90b69d835e7bb2' }, h("div", { key: '8fa8657b38dafb75c08a7468c94c92d071155c53', class: "tracker-div mf-listen" }, h("a", { key: '7ca9be8bf471dd2cad95343715fbd4fb5cfecc3a', id: this.trackerId, href: this.href, target: this.isOutsideLink ? "_blank" : "_self", title: this.titleText, onClick: (event) => {
                 this.handleClick(event);
-            } }, h("slot", { key: '88f57844888908ebc432263680dfc4a50242377b' }), !this.href.startsWith("#") && (h("svg", { key: 'c5310e816e088972dbc69ca3433bb52c18fca315', class: "icon-arrow-right", xmlns: "http://www.w3.org/2000/svg", width: "14", height: "10", viewBox: "0 0 14 10", fill: "none" }, h("path", { key: 'fcab3c4a772d06736d0a900a4d7a8fb9748e701d', 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" })))))));
+            } }, h("slot", { key: '86eff4073a1630425dc023148c9ac71d6e33fb19' }), !this.href.startsWith("#") && (h("svg", { key: 'e6350ce4b85d8138bc4d1aeaa29afb7abab88161', class: "icon-arrow-right", xmlns: "http://www.w3.org/2000/svg", width: "14", height: "10", viewBox: "0 0 14 10", fill: "none" }, h("path", { key: 'c08c68acf2ba4a33958b287f94276c56e4846dbe', 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" })))))));
     }
     static get is() { return "ptc-nav-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/subnav/ptc-nav-slider/ptc-nav-slider.js

@@ -103,7 +103,7 @@ export class PtcNavSlider {
         }
     }
     render() {
-        return (h(Host, { key: '017defcbb8e0bf7f442f581d79170a8430c25419', class: `nav-slider`, id: this.sliderId }, h("div", { key: '85bc7756d96d8f2ec183ad1ba366893580a51e8b', class: "btn-wrap-left tracker-div", id: this.leftBtnTrackerId }, h("button", { key: '2fb611f181fea53b8d59b25ce7a6c0237d996d09', id: "prevBtn", class: "navArrows", onClick: () => this.leftScroll(this), "aria-label": "Left scroll button" }, h("svg", { key: 'c78a1acc8cafebfe8b5df14619b7a108231f1602', width: "12", height: "12", viewBox: "0 0 12 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '01ae4868114b2d2c3a1a160743c900eb93f17a4e', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.166 13.2375L4.39723 7.5L10.166 1.7625L8.39004 0L0.832683 7.5L8.39004 15L10.166 13.2375Z", fill: "white" })))), h("div", { key: 'e2088d02e3859cbd0f7ff34f1e27660075821463', class: "box-wrap" }, h("slot", { key: 'ce7078ef61c0c570339705c3121d6809ebef6650' })), h("div", { key: '36af2f38ad7ff28a88e8d7fa1b5454ad1f626600', class: "btn-wrap-right tracker-div", id: this.rightBtnTrackerId }, h("button", { key: '22ffeb6e7755bc0a4a7fda2dc7493a6c3d426b84', id: "nextBtn", class: "navArrows ", onClick: () => this.rightScroll(this), "aria-label": "Right scroll button" }, h("svg", { key: '37c508b011842b7a11413f3e4bcbdc0ce95aea03', width: "12", height: "12", viewBox: "0 0 12 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '18aed93463d8b92d68610d6b393172ff237d1d9b', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.833984 1.7625L6.60277 7.5L0.833984 13.2375L2.60996 15L10.1673 7.5L2.60996 0L0.833984 1.7625Z", fill: "white" }))))));
+        return (h(Host, { key: '4e93f3b99f5f4d8774480515cb54f8f756b6af83', class: `nav-slider`, id: this.sliderId }, h("div", { key: '0f23b7e467c2024cb9826b047868ce1f08d074e3', class: "btn-wrap-left tracker-div", id: this.leftBtnTrackerId }, h("button", { key: '779165fc43b7b2e55910b9c5b4caf35bd9801f0f', id: "prevBtn", class: "navArrows", onClick: () => this.leftScroll(this), "aria-label": "Left scroll button" }, h("svg", { key: '8f27544acb3ff9afb39b77bc794bba295cf8ac3a', width: "12", height: "12", viewBox: "0 0 12 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'db7b173cb22437c0b604b57765d4dc08515b6380', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.166 13.2375L4.39723 7.5L10.166 1.7625L8.39004 0L0.832683 7.5L8.39004 15L10.166 13.2375Z", fill: "white" })))), h("div", { key: '6630e9e36093748097ca6afafb8732e9ac3bfd39', class: "box-wrap" }, h("slot", { key: 'd068b6f0dc650060be162eb18864352fd19cece4' })), h("div", { key: 'cecd53aac5e8eecb834c2ab543ca3d7939e4d90a', class: "btn-wrap-right tracker-div", id: this.rightBtnTrackerId }, h("button", { key: '3f1be59f70234c5a6e030b2f003872e7d45e63ed', id: "nextBtn", class: "navArrows ", onClick: () => this.rightScroll(this), "aria-label": "Right scroll button" }, h("svg", { key: '310529048ef642fdc2fbe6b7a7f90b9e7ab7e82d', width: "12", height: "12", viewBox: "0 0 12 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '3d228b6120c5cdd04954711302ecf9a162b219ad', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.833984 1.7625L6.60277 7.5L0.833984 13.2375L2.60996 15L10.1673 7.5L2.60996 0L0.833984 1.7625Z", fill: "white" }))))));
     }
     static get is() { return "ptc-nav-slider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/subnav/ptc-nav-submenu/ptc-nav-submenu.js

@@ -51,7 +51,7 @@ export class PtcNavSubmenu {
         }, 100);
     }
     render() {
-        return (h(Host, { key: '94c48cfd520bb59bc0474193e0c4aa5fbefac4af', class: `dropdown` }, h("div", { key: '124664d9c1f8be208ef763ece260c58e9170e249', id: this.backBtnTrackerId, class: "tracker-div" }, h("span", { key: '104bdec62032a9c5ebe398829904ae0982e8d985', class: `back-btn` }, h("svg", { key: '996bc0749286738ec29858dd65ccf49a4c740b74', width: "10", height: "16", viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '49fe208f2645495b9060650393a11d77adc2c055', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.97852 14.12L3.82515 8L9.97852 1.88L8.08414 -8.28059e-08L0.0229606 8L8.08414 16L9.97852 14.12Z", fill: "white" })), "Back")), h("span", { key: '088881b1b80cc7a09d99285be1923547ad9aec93', class: `submenu-toggle`, onClick: () => this.handleClick(this), onMouseOver: () => this.handleClick(this) }, this.iconAssetName && (h("icon-asset", { key: '01d0607ddad389764f3af74c7a185553600eb71a', type: "ptc", size: "xx-small", name: this.iconAssetName, color: "white" })), h("div", { key: '4a485614e3e9ed20cefdc0a3526afd18e5c1fdc8', id: this.labelTrackerId, class: "tracker-div" }, this.label), h("div", { key: '1cdcfbaaf22c4ab0b0643e2e98be7fcf64ac9101', id: this.dropdownTrackerId, class: "tracker-div" }, this.iconSrc && (h("img", { key: '69ff8ceeaa453a83e9325af31088b5f46413f26d', src: this.iconSrc, alt: this.label, class: "custom-icon" })), !this.iconSrc && (h("svg", { key: '6fede957a003ee40e189ff7e0fbccd9af9cb181f', xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15", fill: "white", class: "" }, h("path", { key: 'd086b988169b8764f2a90fa456342bed217bffda', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z", fill: "white" }))))), h("div", { key: '261c8a0f31061a6bdf6bd6892af97cbb262cb4f0', class: `submenu-container` }, h("div", { key: '5cc60172999267cbf1b347512fa2dce9ff07047e', class: "submenu-container-lg" }, h("slot", { key: 'c4028154c56e143b9d5ea4879bb13edaadd9f76e' })))));
+        return (h(Host, { key: '166d4eeb966e5aa57c94793e3b0535c8c578df31', class: `dropdown` }, h("div", { key: 'ab8935e01c8c7ea81d60b9b648c5b1c7d51275d8', id: this.backBtnTrackerId, class: "tracker-div" }, h("span", { key: 'aa557ad11a42d2989fb09527f4a85471618a2160', class: `back-btn` }, h("svg", { key: '4b49124e4236a452b486671d0bb22747abcb3153', width: "10", height: "16", viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8f5d6f42925d52f225a093765e04494182d01667', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.97852 14.12L3.82515 8L9.97852 1.88L8.08414 -8.28059e-08L0.0229606 8L8.08414 16L9.97852 14.12Z", fill: "white" })), "Back")), h("span", { key: 'e63871761d08149754a1c53ee163aaa7744f13a8', class: `submenu-toggle`, onClick: () => this.handleClick(this), onMouseOver: () => this.handleClick(this) }, this.iconAssetName && (h("icon-asset", { key: '4f7dd387da756731fc7f1428db0282970caac064', type: "ptc", size: "xx-small", name: this.iconAssetName, color: "white" })), h("div", { key: '68b1fc8467fbcbddcbdbaf61438425daeaf065f7', id: this.labelTrackerId, class: "tracker-div" }, this.label), h("div", { key: '15256a2fff11a90688d364e3ef0603d14603d5d9', id: this.dropdownTrackerId, class: "tracker-div" }, this.iconSrc && (h("img", { key: '6d2941d0f7433657b4b354531a077f244b358518', src: this.iconSrc, alt: this.label, class: "custom-icon" })), !this.iconSrc && (h("svg", { key: '0333065abbcd63fac4d8eeae884ff4d2b72903e0', xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15", fill: "white", class: "" }, h("path", { key: 'c26eba1ed239707f9b9a431cc02d9590fc7b9c31', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z", fill: "white" }))))), h("div", { key: '29b824877e61b7fac17bc6894bd457731b0663f4', class: `submenu-container` }, h("div", { key: '6eb6764ca639370b58263c0b823b77c71adaaa17', class: "submenu-container-lg" }, h("slot", { key: '7ec36d4313b990f44a4d39ac92320b69bab49c12' })))));
     }
     static get is() { return "ptc-nav-submenu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -18,9 +18,9 @@ export class PtcSubnav {
         this.toggleNav();
     }
     render() {
-        return (h(Host, { key: 'd69b560913570b6f3da658f605bd052af0777654' }, h("div", { key: '29e5409e85c8ebff6d15ca2a485d04842bce778b', class: "sticky-subnav" }, h("nav", { key: '7b5d8289c3436337b0d728d840fd83b01b96a0d5', class: `navbar ${this.navOpen ? "navOpen" : ""}` }, h("button", { key: '094b308f06ece12f662ca07c1050bf55542399a3', class: "navbar-toggle", onClick: () => {
+        return (h(Host, { key: '1647b98ecce82e6e27c7bbd672eafc2bcd0348b5' }, h("div", { key: '02bb7136547f210f340eab3f20e15df27941c6fd', class: "sticky-subnav" }, h("nav", { key: '3b62d252aae3180cc508614290f5e2379e1f4daa', class: `navbar ${this.navOpen ? "navOpen" : ""}` }, h("button", { key: '1391690cf1a4f70665e6218390e4b8d3e672a0a5', class: "navbar-toggle", onClick: () => {
                 this.toggleNav();
-            } }, this.mobileTitle, h("svg", { key: '4e7975fac5029419faa5b5889dff976129b74c26', xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15", fill: "white", class: "" }, h("path", { key: '73afbd583fb0bf9e8034c6966dd83b6f71d9e9e6', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z", fill: "white" }))), h("div", { key: 'aa87032adfce19e044f1eaad16291781a8521973', class: "navbar-inner" }, h("div", { key: '37855374239a2c9e75860b76415ef523179b7fc5', class: "nav-wrapper" }, h("slot", { key: 'aedaa26c19401bc26ecd9b1f3efd29f8780d5e5e', name: "subnav-menu-left" }), h("slot", { key: 'f78655c4a3baa420d3ca117c17df2bf6a202f9d9', name: "subnav-menu-right" })))))));
+            } }, this.mobileTitle, h("svg", { key: 'c55703461a10c51702e1daabdefd55f1ea8fcbf3', xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15", fill: "white", class: "" }, h("path", { key: '26db4028eb4cdcbf0a6c3a72934810ed74ef1df5', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z", fill: "white" }))), h("div", { key: '1df784a128a2a6825d02aaea2572fea872b58eae', class: "navbar-inner" }, h("div", { key: '42d54090f1e1e10da0f60f1356b06c4c14d835b1', class: "nav-wrapper" }, h("slot", { key: 'ea9d6fa2b1e8488cc34f8d183e1ce04e24ed4495', name: "subnav-menu-left" }), h("slot", { key: 'b49ca2a2fc1c7370d2522d211a60550ee52a9a72', name: "subnav-menu-right" })))))));
     }
     static get is() { return "ptc-subnav"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class PtcSubnavCard {
     target;
     render() {
         const Tag = !!this.cardHref ? "a" : "div";
-        return (h(Host, { key: 'e610c8e80c8776862cb55026b557f1ab710ccd9e' }, h(Tag, { key: 'a315b73391abc003bfbf85b4a2ff214c74f5ab8a', ...(!!this.cardHref ? { href: this.cardHref } : {}), ...(!!this.cardHref ? { target: this.target } : {}) }, h("h4", { key: '153d02a306bc6a0390b336172f52ecfc439ee83f' }, this.cardTitle), h("img", { key: 'cf1de67eb063af64c5da2c775ad9eb438cd9e129', src: this.cardImageSrc, alt: this.cardImageAlt }), h("slot", { key: '4b473bdc939a68c7745bd03598fa19c339d2c0ea' }), h("h4", { key: '42cba5dcd6e4e01390cf6ef956474d7e1fa4f5c1', class: "cta" }, this.ctaText, h("icon-asset", { key: 'ffbbe2e9b7784506c5ddfd69d99c38497e1cccc8', type: "ptc", size: "x-small", name: this.ctaIconAssetName, color: "white" })))));
+        return (h(Host, { key: '9da06314d8e0c8345cb9fee4fac3eefc452497e1' }, h(Tag, { key: '2a7c50ceae126708ba4a3b4457273a590d308423', ...(!!this.cardHref ? { href: this.cardHref } : {}), ...(!!this.cardHref ? { target: this.target } : {}) }, h("h4", { key: 'd88a72eb9013ac91280482ea647ca395ee568198' }, this.cardTitle), h("img", { key: 'be0199fb582854f8b21fbbc7deaef65120d0944e', src: this.cardImageSrc, alt: this.cardImageAlt }), h("slot", { key: '4b475923a31342fcbee5b9a4665d9012a2f0c21d' }), h("h4", { key: '8d32c448089ae18f09422974f7c104e73e4e9f14', class: "cta" }, this.ctaText, h("icon-asset", { key: '1498f82c86ba0c52a520dc6916e8982d13e29eda', type: "ptc", size: "x-small", name: this.ctaIconAssetName, color: "white" })))));
     }
     static get is() { return "ptc-subnav-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/tab-content/tab-content.js

@@ -29,11 +29,11 @@ export class TabContent {
             "tab-content-selected": this.isSelected,
         };
         const hidden = (this.isSelected ? false : "until-found");
-        return (h("div", { key: '9669a06c5c459f2d5c69105b0e20e17dfc2d11cd', class: classes, hidden: hidden,
+        return (h("div", { key: 'b0118f446e37bfa58ed8218ea30916662e75d619', class: classes, hidden: hidden,
             //@ts-ignore
             onBeforeMatch: () => {
                 this.beforeMatch();
-            } }, h("slot", { key: '6250ebd7dbed5531e32e83f8ad0acc9c629188db' })));
+            } }, h("slot", { key: 'a6b09fe92817d43d20965cb943353944acd8d8d4' })));
     }
     static get is() { return "tab-content"; }
     static get originalStyleUrls() {

package/dist/collection/components/molecules/tab-header/tab-header.js

@@ -66,7 +66,7 @@ export class TabHeader {
             "tab-header-selected": this.isSelected,
         };
         return [
-            h("div", { key: 'c5b056e900165bcb083b5f0758074f3ff0ed6564', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: '977214dfa88ba658f6413aba484eb015780bd613', name: "seo-content" }), h("span", { key: '2fc37f6b10851483fbb99917464be350529f99b5', class: "header-content" }, h("span", { key: '97d75dc5a72bb44128432e234c44b6a5077c22c4', class: "text-cont" }, this.tabHeaderText))),
+            h("div", { key: 'ae8f7304ebac75d733d10961e508be43dfee8730', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: 'ec20f5e834db58718db89e2a61cda42df61f1320', name: "seo-content" }), h("span", { key: '72309b4d47d4f7a8febd7d4cf510dfafa974e003', class: "header-content" }, h("span", { key: '38043328e86f017a49a9e5c18a9efad8ca5ec32d', class: "text-cont" }, this.tabHeaderText))),
         ];
     }
     static get is() { return "tab-header"; }

package/dist/collection/components/utilities/max-width-container/max-width-container.js

@@ -18,7 +18,7 @@ export class MaxWidthContainer {
     }
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '8666b9a2dbe3004cee71a3a3d67a485fb1ba80c0', class: classMap }, this.styles && h("style", { key: 'd93b2d04e67c9da937717fc4042a8f14e3440f73' }, this.styles), h("slot", { key: '7658a2e310e1559ad281cde8080a3aa4504bf01f' })));
+        return (h(Host, { key: 'a3bcf7a544e69c6dc4c0a9c561dad746e1c88776', class: classMap }, this.styles && h("style", { key: '64c146027bcba5d22179375a194387e90ae6bc19' }, this.styles), h("slot", { key: '79b0a4ba34c10717bb7e080c883a7ce7546007a8' })));
     }
     getCssClassMap() {
         return {

package/dist/collection/components/utilities/ptc-responsive-wrapper/ptc-responsive-wrapper.js

@@ -49,7 +49,7 @@ export class PtcResponsiveWrapper {
         this.element.classList.toggle("large4k", large4k);
     }
     render() {
-        return (h("div", { key: 'fa4d899579ced9e402ce0f8ce6ea06b0be5789e5' }, h("slot", { key: 'f1831d6ac7515abe572618bb373818a44b1ad988' })));
+        return (h("div", { key: '23a1d7852d1e3ae96fbb2ea42492c6060334aa44' }, h("slot", { key: '51f8901da8d852bf74dc59209ed3b258e93bbc92' })));
     }
     static get is() { return "ptc-responsive-wrapper"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/utilities/ptc-spacer/ptc-spacer.js

@@ -14,7 +14,7 @@ export class PtcSpacer {
     direction = "vertical";
     render() {
         const classMap = this.getCssClassMap();
-        return h(Host, { key: 'f0c22ae67959137ec64cf34be194e2258aba3799', class: classMap });
+        return h(Host, { key: '234d6384225e9b3ab914784ab1013b7c8308cf8f', class: classMap });
     }
     getCssClassMap() {
         return {

package/dist/collection/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC","sourcesContent":["/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\n\nexport { format } from './utils/utils';\nexport type * from './components.d.ts';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC","sourcesContent":["/**\r\n * @fileoverview entry point for your component library\r\n *\r\n * This is the entry point for your component library. Use this file to export utilities,\r\n * constants or data structure that accompany your components.\r\n *\r\n * DO NOT use this file to export your components. Instead, use the recommended approaches\r\n * to consume components of this package as outlined in the `README.md`.\r\n */\r\n\r\nexport { format } from './utils/utils';\r\nexport type * from './components.d.ts';\r\n"]}

package/dist/components/buying-option-card.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-Xva4X2q7.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-pbQYKnK9.js';
 
 const buyingOptionCardCss = "buying-option-card{display:flex;height:100%;padding:var(--ptc-layout-spacing-03);flex-direction:column;justify-content:space-between;flex:1 0 0;align-self:stretch;gap:var(--ptc-element-spacing-08);border-radius:var(--ptc-border-radius-standard);color:var(--ptc-color-white);background-blend-mode:normal, soft-light, hard-light, normal;box-shadow:var(--ptc-shadow-x-large)}buying-option-card .card-header{display:flex;padding:24px 0 0px 0;flex-direction:column;text-align:center;color:var(--color-white);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular)}buying-option-card .card-header p{color:var(--color-white);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);margin-bottom:0}buying-option-card .card-header ptc-picture{margin-bottom:20px;display:inline-block}buying-option-card .card-details{display:flex;padding:var(--ptc-element-spacing-06);flex-direction:column;justify-content:space-between;align-self:stretch;gap:var(--ptc-element-spacing-04);border-radius:var(--ptc-border-radius-standard);background:var(--color-white);box-shadow:var(--ptc-shadow-large)}buying-option-card .card-details ptc-button{width:100%}buying-option-card .card-details ptc-icon-list{margin-bottom:var(--ptc-element-spacing-01)}buying-option-card .card-details ptc-icon-list p{margin-bottom:0;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold)}buying-option-card .card-details .card-details-header{color:var(--color-gray-10);font-size:var(--ptc-font-size-x-large);font-weight:var(--ptc-font-weight-extrabold);margin-bottom:var(--ptc-element-spacing-04);display:block;line-height:var(--ptc-line-height-densest)}buying-option-card .card-details .checkmark-list ul{list-style:none;padding-left:0}buying-option-card .card-details .checkmark-list li{position:relative;padding-left:var(--ptc-element-spacing-07);margin-bottom:16px;color:var(--color-gray-10);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);display:flex;align-items:center}buying-option-card .card-details .checkmark-list li:last-child{margin-bottom:0}buying-option-card .card-details .checkmark-list li::before{content:\"\";position:absolute;left:0;top:50%;transform:translateY(-50%);width:var(--ptc-element-spacing-04);height:14px;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='14' viewBox='0 0 16 14' fill='none'%3E%3Cpath d='M13.4 0.893555L5.53177 8.75633L2.31564 5.54629L-0.141602 8.00218L5.53177 13.685L15.8586 3.35012L13.4 0.893555Z' fill='%2333A13C'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain}";
 

package/dist/components/buying-option-cards-slider.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-Xva4X2q7.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-pbQYKnK9.js';
 import { g as getWindow, n as now, a as nextTick, S as Swiper, N as Navigation, P as Pagination, b as Scrollbar } from './p-BGg-NwKQ.js';
 
 /* eslint-disable consistent-return */

package/dist/components/dropdown-item.js

@@ -1,4 +1,4 @@
-import { D as DropdownItem$1, d as defineCustomElement$1 } from './p-hdFHIcpa.js';
+import { D as DropdownItem$1, d as defineCustomElement$1 } from './p-BSqz-OQC.js';
 
 const DropdownItem = DropdownItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dynamic-box-bundle.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-Xva4X2q7.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-pbQYKnK9.js';
 
 const dynamicBoxBundleCss = ":host{display:block}:host .d-box{width:100%;height:550px;position:relative}:host .d-box.hovering .top-image{background-image:linear-gradient(0deg, hsla(0, 0%, 95%, 0), #f3f3f3)}:host .d-box.hovering .content{height:100%}:host .top-image{position:relative;display:flex;justify-content:center;align-items:center;height:50%;z-index:99}:host .top-image img{width:405px;height:40px;transform:translateY(-64px)}@media only screen and (min-width: 992px){:host .top-image img{height:35px;transform:translateY(-88px)}}:host .content{height:80%;box-shadow:0 0 0 1px #f3f3f3;width:100%;position:absolute;bottom:0px;left:0px}:host p{font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p);margin:0px;padding:40px;box-sizing:border-box}@media only screen and (min-width: 1200px){:host p{padding:40px}}";
 

package/dist/components/fl-tab-content.js

@@ -1,4 +1,4 @@
-import { F as FlTabContent$1, d as defineCustomElement$1 } from './p-B2AE8Ljn.js';
+import { F as FlTabContent$1, d as defineCustomElement$1 } from './p-D0_6c4o0.js';
 
 const FlTabContent = FlTabContent$1;
 const defineCustomElement = defineCustomElement$1;