@ptcwebops/ptcw-design 6.4.4-beta → 6.4.4

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

@@ -0,0 +1,177 @@
+import { Host, h } from "@stencil/core";
+import Swiper, { Navigation, Pagination, Scrollbar, Mousewheel } from "swiper";
+export class BuyingOptionCardsSlider {
+  componentDidLoad() {
+    this.initSwiper();
+  }
+  initSwiper() {
+    let list = this.el.querySelector(".bo-slider");
+    const slides = this.el.querySelectorAll(".swiper-slide");
+    const slideCount = slides.length;
+    const self = this;
+    // Destroy existing swiper if it exists
+    if (this.listSwp) {
+      this.listSwp.destroy(true, true);
+    }
+    // Check if scrollbar should be enabled based on current visibility
+    const shouldEnableTouchMove = () => {
+      if (this.swiperPaginationRef) {
+        const computedStyle = window.getComputedStyle(this.swiperPaginationRef);
+        return computedStyle.display !== "none";
+      }
+      return false;
+    };
+    this.listSwp = new Swiper(list, {
+      // Customize options here
+      modules: [Navigation, Pagination, Scrollbar, Mousewheel],
+      allowTouchMove: shouldEnableTouchMove(),
+      slidesPerView: 1,
+      initialSlide: 0,
+      spaceBetween: 24,
+      centeredSlides: true,
+      centeredSlidesBounds: true,
+      freeMode: true,
+      scrollbar: {
+        el: this.swiperPaginationRef,
+        draggable: true,
+      },
+      navigation: {
+        nextEl: this.swiperButtonNextRef,
+        prevEl: this.swiperButtonPrevRef,
+        disabledClass: "swiper-button-disabled",
+      },
+      mousewheel: {
+        forceToAxis: true,
+        sensitivity: 100,
+      },
+      breakpoints: {
+        768: {
+          slidesPerView: Math.min(2, slideCount),
+          centeredSlides: slideCount <= 2,
+        },
+        992: {
+          slidesPerView: Math.min(3, slideCount),
+          centeredSlides: slideCount <= 3,
+        },
+        1200: {
+          slidesPerView: Math.min(3, slideCount),
+          centeredSlides: slideCount <= 3,
+        },
+        1440: {
+          slidesPerView: Math.min(4, slideCount),
+          centeredSlides: slideCount <= 4,
+        },
+      },
+      watchOverflow: true,
+      on: {
+        init: function () {
+          toggleNav(this);
+          toggleScrollbarClass(this);
+          setTimeout(() => {
+            setEqualHeights(this);
+          }, 100);
+        },
+        resize: function () {
+          toggleNav(this);
+          toggleScrollbarClass(this);
+          setTimeout(() => {
+            setEqualHeights(this);
+          }, 100);
+        },
+      },
+    });
+    function toggleNav(swiper) {
+      const totalSlides = swiper.slides.length;
+      const slidesPerView = swiper.params.slidesPerView;
+      const nextBtn = swiper.navigation.nextEl;
+      const prevBtn = swiper.navigation.prevEl;
+      if (totalSlides <= slidesPerView) {
+        nextBtn.style.display = "none";
+        prevBtn.style.display = "none";
+      }
+      else {
+        nextBtn.style.display = "";
+        prevBtn.style.display = "";
+      }
+    }
+    function setEqualHeights(swiper) {
+      let maxSlideHeight = 0;
+      let maxCardDetailsHeight = 0;
+      // Reset all heights first
+      swiper.slides.forEach((slide) => {
+        // Reset slide heights
+        slide.style.height = "";
+        slide.style.minHeight = "";
+        // Reset card-details heights
+        const cardDetails = slide.querySelector(".card-details");
+        if (cardDetails) {
+          cardDetails.style.height = "";
+          cardDetails.style.minHeight = "";
+        }
+      });
+      // Calculate card-details heights immediately
+      swiper.slides.forEach((slide) => {
+        const cardDetails = slide.querySelector(".card-details");
+        if (cardDetails) {
+          maxCardDetailsHeight = Math.max(maxCardDetailsHeight, cardDetails.offsetHeight);
+        }
+      });
+      // Apply card-details heights immediately
+      swiper.slides.forEach((slide) => {
+        const cardDetails = slide.querySelector(".card-details");
+        if (cardDetails) {
+          cardDetails.style.height = `${maxCardDetailsHeight}px`;
+        }
+      });
+      // Add delay for slide height calculation
+      setTimeout(() => {
+        // Calculate max slide height
+        swiper.slides.forEach((slide) => {
+          maxSlideHeight = Math.max(maxSlideHeight, slide.offsetHeight);
+        });
+        // Apply slide heights
+        swiper.slides.forEach((slide) => {
+          slide.style.height = `${maxSlideHeight}px`;
+        });
+      }, 100);
+    }
+    function toggleScrollbarClass(swiper) {
+      const scrollbar = swiper.scrollbar.el;
+      const boSlider = swiper.el;
+      if (scrollbar && boSlider) {
+        const computedStyle = window.getComputedStyle(scrollbar);
+        const isDisplayNone = computedStyle.display === "none";
+        if (isDisplayNone) {
+          boSlider.classList.remove("scrollbar-present");
+        }
+        else {
+          boSlider.classList.add("scrollbar-present");
+        }
+        // Check if we need to reinitialize based on current allowTouchMove state
+        const currentAllowTouchMove = swiper.params.allowTouchMove;
+        const shouldAllowTouchMove = !isDisplayNone;
+        if (currentAllowTouchMove !== shouldAllowTouchMove) {
+          // Reinitialize swiper with correct allowTouchMove setting
+          setTimeout(() => {
+            self.initSwiper();
+          }, 50);
+        }
+      }
+    }
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "bo-slider" }, h("div", { class: "swiper-wrapper" }, h("slot", null)), h("div", { class: "swiper-scrollbar", ref: (el) => (this.swiperPaginationRef = el) }), h("div", { class: "swiper-button-next", ref: (el) => (this.swiperButtonNextRef = el) }, h("svg", { width: "14", height: "20", viewBox: "0 0 14 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.75 17.25L8 10L0.75 2.75L3.375 0.125L13.25 10L3.375 19.875L0.75 17.25Z", fill: "#323B42" }))), h("div", { class: "swiper-button-prev", ref: (el) => (this.swiperButtonPrevRef = el) }, h("svg", { width: "14", height: "20", viewBox: "0 0 14 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M13.25 2.75L6 10L13.25 17.25L10.625 19.875L0.749999 10L10.625 0.125L13.25 2.75Z", fill: "#323B42" }))))));
+  }
+  static get is() { return "buying-option-cards-slider"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["buying-option-cards-slider.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["buying-option-cards-slider.css"]
+    };
+  }
+  static get elementRef() { return "el"; }
+}

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

@@ -19,9 +19,7 @@ export class DynamicBoxBundle {
     }
   }
   render() {
-    return (h(Host, null, h("div", { class: `d-box ${this.isHovering && window.innerWidth >= 1200
-        ? "hovering"
-        : ""}` }, h("div", { class: "top-image" }, h("img", { src: this.topImgSrc, alt: this.topImgAlt })), h("div", { class: "content" }, h("slot", { name: "media" }))), h("p", null, h("slot", null))));
+    return (h(Host, null, h("div", { class: `d-box ${this.isHovering && window.innerWidth >= 1200 ? "hovering" : ""}` }, h("div", { class: "top-image" }, h("img", { src: this.topImgSrc, alt: this.topImgAlt })), h("div", { class: "content" }, h("slot", { name: "media" }))), h("p", null, h("slot", null))));
   }
   static get is() { return "dynamic-box-bundle"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/icon-asset/icon-asset.css

@@ -154,6 +154,14 @@ svg.light-gray use[href$="#plus"],
 svg.light-gray use[href$="#checkmark"] {
   stroke: var(--color-gray-05);
 }
+svg.disabled {
+  fill: var(--color-gray-03);
+}
+svg.disabled use[href$="#minus"],
+svg.disabled use[href$="#plus"],
+svg.disabled use[href$="#checkmark"] {
+  stroke: var(--color-gray-03);
+}
 svg.primary-gray {
   fill: var(--color-gray-10);
 }

package/dist/collection/components/icon-asset/icon-asset.js

@@ -157,8 +157,8 @@ export class IconAsset {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| \"black\"\r\n\t\t| \"white\"\r\n\t\t| \"ptc-green\"\r\n\t\t| \"gray\"\r\n\t\t| \"light-gray\"\r\n\t\t| \"primary-gray\"\r\n\t\t| \"default\"\r\n\t\t| \"inherit\"",
-          "resolved": "\"black\" | \"default\" | \"gray\" | \"inherit\" | \"light-gray\" | \"primary-gray\" | \"ptc-green\" | \"white\"",
+          "original": "| \"black\"\r\n\t\t| \"white\"\r\n\t\t| \"ptc-green\"\r\n\t\t| \"gray\"\r\n\t\t| \"light-gray\"\r\n\t\t| \"primary-gray\"\r\n\t\t| \"default\"\r\n\t\t| \"disabled\"\r\n\t\t| \"inherit\"",
+          "resolved": "\"black\" | \"default\" | \"disabled\" | \"gray\" | \"inherit\" | \"light-gray\" | \"primary-gray\" | \"ptc-green\" | \"white\"",
           "references": {}
         },
         "required": false,

package/dist/collection/components/icon-asset/media/designer-v6.0.7.svg

@@ -395,6 +395,7 @@
     <path id="rect28" d="M 0,0 H 4 V 18 H 0 Z" />
     <path id="rect30" d="m 10,0 h 4 v 18 h -4 z" />
   </symbol>
+
   <symbol xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
     viewBox="0 0 22.84 22.84" id="download-arrow-news">
     <defs>
@@ -422,6 +423,7 @@
       </g>
     </g>
   </symbol>
+
   <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="twitter-blogs-icon">
     <g id="Layer_2">
       <g id="Layer_1-2">
@@ -458,36 +460,6 @@
       </g>
     </g>
   </symbol>
-
-  <symbol xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-    viewBox="0 0 22.84 22.84" id="download-arrow-news">
-    <style>.cls-1{fill:url(#linear-gradient);}</style>
-    <defs>
-      <linearGradient id="linear-gradient" x1="0.22" y1="25.05" x2="-0.67" y2="25.43"
-        gradientTransform="matrix(35, 0, 0, -35, 13.73, 892.38)" gradientUnits="userSpaceOnUse">
-        <stop offset="0" stop-color="#77c14d"></stop>
-        <stop offset="1" stop-color="#03793e"></stop>
-      </linearGradient>
-    </defs>
-    <g id="Layer_2">
-      <g id="Layer_1-2">
-        <g id="Group_1444">
-          <g id="Ellipse_446-2">
-            <circle cx="11.42" cy="11.42" r="11.42" class="cls-1"></circle>
-            <circle cx="11.42" cy="11.42" r="11.26" style="fill:none;stroke:#fff;stroke-width:0.33px;"></circle>
-          </g>
-        </g>
-        <g id="Group_1424">
-          <rect id="Rectangle_420" x="10.05" y="8.04" width="2.73" height="1.24" style="fill:#fff;"></rect>
-          <rect id="Rectangle_421" x="10.05" y="6.53" width="2.73" height="0.83" style="fill:#fff;"></rect>
-          <path id="Path_4278"
-            d="M10.17,12a.07.07,0,0,1-.07.07H8.8a.08.08,0,0,0-.08.07.11.11,0,0,0,0,.05L11.34,16a.08.08,0,0,0,.12,0,0,0,0,0,0,0,0l2.59-3.79a.08.08,0,0,0,0-.11h-1.3a.08.08,0,0,1-.08-.07h0V10a.07.07,0,0,0-.07-.07H10.25a.08.08,0,0,0-.08.07h0Z"
-            style="fill:#fff;"></path>
-        </g>
-      </g>
-    </g>
-  </symbol>
-  
   <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 32" id="arrow_ascending">
     <path d="M21.8 14.6L11 0L0 14.6H7L7 32L14.8 32L14.8 14.6L21.8 14.6Z"></path>
   </symbol>

package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.css

@@ -88,17 +88,14 @@ a:focus-visible {
 
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a),
 .light-links a.light-link,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a),
 .background-grey-10 a.light-link,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a),
 .background-plm-grey a.light-link {
   color: var(--color-blue-04);
@@ -107,47 +104,38 @@ ptc-modal inline-form a,
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited,
 .light-links a.light-link:visited,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited,
 .background-grey-10 a.light-link:visited,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited,
 .background-plm-grey a.light-link:visited {
   color: var(--color-blue-06);
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited:active,
 .light-links a.light-link:active,
 .light-links a.light-link:visited:active,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):active,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited:active,
 .background-grey-10 a.light-link:active,
 .background-grey-10 a.light-link:visited:active,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):active,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited:active,
 .background-plm-grey a.light-link:active,
 .background-plm-grey a.light-link:visited:active {
@@ -156,30 +144,24 @@ ptc-modal inline-form a,
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited:hover,
 .light-links a.light-link:hover,
 .light-links a.light-link:visited:hover,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):hover,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited:hover,
 .background-grey-10 a.light-link:hover,
 .background-grey-10 a.light-link:visited:hover,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):hover,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):visited:hover,
 .background-plm-grey a.light-link:hover,
 .background-plm-grey a.light-link:visited:hover {
@@ -187,17 +169,14 @@ ptc-modal inline-form a,
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a).disabled,
 .light-links a.light-link.disabled,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a).disabled,
 .background-grey-10 a.light-link.disabled,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a).disabled,
 .background-plm-grey a.light-link.disabled {
   color: var(--color-gray-04) !important;
@@ -205,17 +184,14 @@ ptc-modal inline-form a,
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):focus-visible,
 .light-links a.light-link:focus-visible,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):focus-visible,
 .background-grey-10 a.light-link:focus-visible,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
-.podcast-cta-section a,
 .vjs-social-share-links a):focus-visible,
 .background-plm-grey a.light-link:focus-visible {
   border-radius: var(--ptc-border-radius-standard);

package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.js

@@ -1,5 +1,4 @@
 import { Host, h } from "@stencil/core";
-import { isReducedMotion, onReducedMotionChange } from '../../utils/utils';
 export class InnovatorToggleContainer {
   constructor() {
     this.sectionTitle = undefined;
@@ -9,46 +8,11 @@ export class InnovatorToggleContainer {
   componentDidLoad() {
     this.el.addEventListener("mousemove", () => { });
     let imgElement = this.el.shadowRoot.querySelector(".bgImage");
-    const enable = () => {
-      if (this._onMove)
-        return; // already enabled
-      this._onMove = (event) => {
-        if (event.target === this.el) {
-          imgElement.style.setProperty("transform", `translate(-${event.clientX / 100}px, -${event.clientY / 100}px) scale(1.1, 1.1)`);
-        }
-      };
-      window.addEventListener("mousemove", this._onMove, {
-        passive: true,
-      });
-    };
-    const disable = () => {
-      if (this._onMove) {
-        window.removeEventListener("mousemove", this._onMove);
-        this._onMove = undefined;
+    onmousemove = (event) => {
+      if (event.target === this.el) {
+        imgElement.style.setProperty("transform", `translate(-${event.clientX / 100}px, -${event.clientY / 100}px) scale(1.1, 1.1)`);
       }
-      // reset to a stable state when motion is off
-      imgElement.style.transform = 'none';
     };
-    if (isReducedMotion())
-      disable();
-    else
-      enable();
-    // live changes to the OS setting
-    this._offPRM = onReducedMotionChange((reduced) => {
-      if (reduced)
-        disable();
-      else
-        enable();
-    });
-  }
-  //PRM = prefer-reduced-motion
-  disconnectedCallback() {
-    var _a;
-    if (this._onMove) {
-      window.removeEventListener("mousemove", this._onMove);
-      this._onMove = undefined;
-    }
-    (_a = this._offPRM) === null || _a === void 0 ? void 0 : _a.call(this);
   }
   render() {
     return (h(Host, null, h("img", { src: this.backgroundImage, alt: "", class: "bgImage" }), h("svg", { class: "cut cut-top", xmlns: "http://www.w3.org/2000/svg", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179" }, h("path", { fill: "#F3F3F3", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "path-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" })), h("div", { class: "backdrop-blur light-links" }, h("div", { class: "ptc-container" }, h("ptc-title", { type: "h2", "text-align": "center", "title-color": "white", "title-margin": "margin-flush" }, this.sectionTitle), h("ptc-para", { "font-size": "small", "para-align": "center", "font-weight": "w-5", "para-color": "white", "para-margin": "margin-5" }, this.description), h("ptc-spacer", null)), h("div", { class: "ptc-container" }, h("div", { class: "content-box" }, h("div", { class: "backdrop" }), h("slot", null)))), h("svg", { class: "cut cut-bottom", xmlns: "http://www.w3.org/2000/svg", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179" }, h("path", { fill: "#F3F3F3", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "path-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" }))));

package/dist/collection/components/organism-bundles/blogs-search-section/blogs-search-section.js

@@ -193,10 +193,7 @@ export class BlogsSearchSection {
         return (h("div", { class: "is-col-12 is-col-6-md is-col-4-xl" }, h("ptc-card", { "card-href": "http://www.google.com", "card-type": "case-studies-card", "has-image": "true", heading: "2022 SoCal RUG Event", "heading-transform": "none", target: "_blank" }, h("ptc-img", { slot: "slot-image", "img-url": "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "image-type": "smart-img", "load-mode": "lazy-bg" }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "medium", "font-weight": "w-4", "para-line-h": "line-height-19" }, "Join us for live presentations and hear about the latest updates for Creo, Windchill PLM, and Thingworx IOT and Augmented Reality.")))));
       }))));
     };
-    return (h(Host, null, h("div", { class: "blogs-serach-section" }, h("slot", { name: "mobile-search-and-filter" }), h("div", { class: "is-grid has-col-gap-lg" }, h("div", { class: "is-col-4-lg is-col-3-xl" }, h("slot", { name: "blogs-desktop-filters" })), h("div", { class: "is-col-12 is-col-8-lg is-col-9-xl" }, h("ptc-preloader-section", { id: "preload", "auto-show": "false", "section-type": "blogs-listing", "number-of-cards": "9" }, h("div", null, h("div", { class: `search-results-and-tags ${this.search ||
-        this.filters.length > 0
-        ? "show"
-        : ""}` }, h("div", null, h("div", { class: "results-label" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-margin": "margin-flush", "para-style": "main" }, this.data.length, " Results")), h("div", { class: "results-divider is-desktop" }), h("div", { class: "filter-list is-desktop" }, this.search && (h("ptc-filter-tag", { theme: "bubble", onClicked: this
+    return (h(Host, null, h("div", { class: "blogs-serach-section" }, h("slot", { name: "mobile-search-and-filter" }), h("div", { class: "is-grid has-col-gap-lg" }, h("div", { class: "is-col-4-lg is-col-3-xl" }, h("slot", { name: "blogs-desktop-filters" })), h("div", { class: "is-col-12 is-col-8-lg is-col-9-xl" }, h("ptc-preloader-section", { id: "preload", "auto-show": "false", "section-type": "blogs-listing", "number-of-cards": "9" }, h("div", null, h("div", { class: `search-results-and-tags ${this.search || this.filters.length > 0 ? "show" : ""}` }, h("div", null, h("div", { class: "results-label" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-margin": "margin-flush", "para-style": "main" }, this.data.length, " Results")), h("div", { class: "results-divider is-desktop" }), h("div", { class: "filter-list is-desktop" }, this.search && (h("ptc-filter-tag", { theme: "bubble", onClicked: this
         .handleRemoveSearchTag, "data-type": FilterTagTypes.FILTER, "data-value": this.search }, `Search: "${this.search}"`)), this.filters.map((filter) => {
       return (h("ptc-filter-tag", { theme: "bubble", onClicked: this
           .handleRemoveFilterTag, "data-type": FilterTagTypes.SEARCH, "data-value": filter }, filter));

package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css

@@ -37,11 +37,10 @@ a {
 .background-grey-10,
 .background-plm-grey {
 	a:not(
-			.hero-footer-form-wrapper a,
-			ptc-modal inline-form a,
-			.podcast-cta-section a,
-			.vjs-social-share-links a
-		),
+		.hero-footer-form-wrapper a,
+		ptc-modal inline-form a,
+		.vjs-social-share-links a
+	),
 	a.light-link {
 		color: var(--color-blue-04);
 		margin: -2px;

package/dist/collection/components/organism-bundles/homepage-toggled-content/homepage-toggled-content.js

@@ -118,9 +118,7 @@ export class HomepageToggledContent {
     const upArrow = (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "11", viewBox: "0 0 15 11", fill: "none" }, h("path", { d: "M13 8.5L7.34315 2.71178L1.68629 8.5", stroke: "white", "stroke-width": "3", "stroke-linecap": "round" })));
     const downArrow = (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "11", viewBox: "0 0 15 11", fill: "none" }, h("path", { d: "M13 2.5L7.34315 8.28822L1.68629 2.5", stroke: "white", "stroke-width": "3", "stroke-linecap": "round" })));
     const tabs = this.getTabs();
-    return (h("div", { class: "wrapper" }, h("div", { class: "header" }, h("h2", null, h("slot", { name: "title" })), h("p", null, h("slot", { name: "description" }))), h("div", { class: "tabs" }, h("div", { class: "tabs-desktop" }, tabs.map((tab) => (h("homepage-clickable-tab", { label: tab.label, active: this.activeTab === tab.index, activeColor: this.colors[tab.index], onClick: () => this.handleTabSelected(tab.index) })))), h("div", { class: "tabs-mobile" }, h("button", { class: `dropdown-button ${this.colors[this.activeTab]} ${this.dropdownOpen ? "opened" : ""}`, onClick: () => this.toggleDropdown() }, tabs[this.activeTab].label, h("span", { class: "arrow" }, this.dropdownOpen ? upArrow : downArrow)), this.dropdownOpen && (h("div", { class: "dropdown-menu" }, tabs.map((tab) => (h("div", { class: `dropdown-item ${tab.index === this.activeTab
-        ? "active-tab"
-        : ""}`, onClick: () => this.handleTabSelected(tab.index) }, h("slot", { name: `tab-label-${tab.index}` })))))))), h("div", { class: "content" }, tabs.map((tab, index) => (h("div", { class: `tab-content ${this.activeTab === index ? "active-tab" : ""}` }, h("slot", { name: `tab-image-${index}` }), h("div", { class: "content-detail" }, h("div", { hidden: true }, tab.label), h("h2", null, h("slot", { name: `tab-title-${index}` })), h("p", null, h("slot", { name: `tab-content-${index}` })), h("slot", { name: `tab-button-${index}` }), this.activeTab === index &&
+    return (h("div", { class: "wrapper" }, h("div", { class: "header" }, h("h2", null, h("slot", { name: "title" })), h("p", null, h("slot", { name: "description" }))), h("div", { class: "tabs" }, h("div", { class: "tabs-desktop" }, tabs.map((tab) => (h("homepage-clickable-tab", { label: tab.label, active: this.activeTab === tab.index, activeColor: this.colors[tab.index], onClick: () => this.handleTabSelected(tab.index) })))), h("div", { class: "tabs-mobile" }, h("button", { class: `dropdown-button ${this.colors[this.activeTab]} ${this.dropdownOpen ? "opened" : ""}`, onClick: () => this.toggleDropdown() }, tabs[this.activeTab].label, h("span", { class: "arrow" }, this.dropdownOpen ? upArrow : downArrow)), this.dropdownOpen && (h("div", { class: "dropdown-menu" }, tabs.map((tab) => (h("div", { class: `dropdown-item ${tab.index === this.activeTab ? "active-tab" : ""}`, onClick: () => this.handleTabSelected(tab.index) }, h("slot", { name: `tab-label-${tab.index}` })))))))), h("div", { class: "content" }, tabs.map((tab, index) => (h("div", { class: `tab-content ${this.activeTab === index ? "active-tab" : ""}` }, h("slot", { name: `tab-image-${index}` }), h("div", { class: "content-detail" }, h("div", { hidden: true }, tab.label), h("h2", null, h("slot", { name: `tab-title-${index}` })), h("p", null, h("slot", { name: `tab-content-${index}` })), h("slot", { name: `tab-button-${index}` }), this.activeTab === index &&
       this.tileElements.length > 0 ? (h("div", Object.assign({ class: "info-card-wrapper card-section" }, this.getSliderBindings()), this.tileElements.map((tile, index) => (h("div", { class: `swiper-slide card-link card-link-${index + 1}`, "tab-index": index + 1, key: index, innerHTML: tile.outerHTML, onMouseDown: (e) => this.onCardMouseDown(e), onMouseUp: (e) => this.onCardMouseUp(e), onMouseLeave: (e) => this.onCardMouseUp(e), onTouchEnd: (e) => {
         this.onCardMouseUp(e);
       } }))))) : null)))))));

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

@@ -48,8 +48,7 @@ export class PtcAnnouncement {
     // <ptc-tooltip text-display="inline" max-length="60" z-index="z-2" description={this.barTitle} position="bottom"></ptc-tooltip>
     h("ptc-tooltip-v2", { "max-length": "60", "z-index": "2" }, this.barTitle)))) : null, this.windowSize === "mobile" ? ( //mobile view
     Object.assign({}, (!!this.description || !!this.linkUrl ? (h("ptc-readmore", { "visible-lines-custom": this.customMaxLines, "z-index": "z-3", "more-text": this.moreText }, h("div", { style: { display: "inline" } }, !!this.description
-      ? `${this.description +
-        " "}`
+      ? `${this.description + " "}`
       : null, !!this.linkText ? (h("a", { class: "cta-link mf-listen", href: this.linkUrl, title: (_a = this.linkTitle) !== null && _a !== void 0 ? _a : this.linkText, target: this.target, tabIndex: 0, id: "announcement-bar-cta" }, this.linkText)) : null))) : null))) : (
     //desktop view
     h("div", { class: "description" }, !!this.description ? (

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

@@ -81,6 +81,7 @@ ptc-footer {
   box-shadow: var(--ptc-shadow-small);
   padding-top: 4px;
   padding-bottom: 4px;
+  z-index: 1050;
 }
 :host .back-to-top-button:hover {
   opacity: 1;

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

@@ -234,25 +234,4 @@ ptc-footer {
 }
 :host .play-button button.bg-svg-pause {
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 18" id="pause"><path id="rect28" d="M 0,0 H 4 V 18 H 0 Z"></path><path id="rect30" d="m 10,0 h 4 v 18 h -4 z"></path></svg>');
-}
-
-:host {
-  display: block;
-  position: relative;
-}
-:host .media {
-  position: absolute;
-  inset: 0;
-  overflow: hidden;
-}
-:host .background-video,
-:host .bg-fallback {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-:host .bg-fallback {
-  display: block;
 }