@ptcwebops/ptcw-design 6.3.37 → 6.3.38

package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js

@@ -29,7 +29,7 @@ const PtcEllipsisDropdown = class {
     this.itemSelected.emit(e);
   }
   offClick(e) {
-    let container = this.host.shadowRoot.querySelector('.ptc-ellipsis-dropdown');
+    let container = this.host.shadowRoot.querySelector(".ptc-ellipsis-dropdown");
     if (e && !this.host.contains(e.target) && this.isDropdownOpen) {
       container.classList.remove("show");
       this.isDropdownOpen = false;
@@ -41,10 +41,10 @@ const PtcEllipsisDropdown = class {
   }
   onEscClicked() {
     var _a;
-    let container = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.ptc-ellipsis-dropdown');
+    let container = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".ptc-ellipsis-dropdown");
     //this.host.focus();
     if (container) {
-      container.classList.remove('show');
+      container.classList.remove("show");
       this.isDropdownOpen = false;
     }
   }
@@ -60,27 +60,27 @@ const PtcEllipsisDropdown = class {
     if (event.shiftKey) ;
     else {
       switch (key) {
-        case 'Up':
-        case 'ArrowUp':
+        case "Up":
+        case "ArrowUp":
           this.setFocusToPreviousMenuitem(tgt);
           flag = true;
           break;
-        case 'ArrowDown':
-        case 'Down':
+        case "ArrowDown":
+        case "Down":
           this.setFocusToNextMenuitem(tgt);
           flag = true;
           break;
-        case 'Home':
-        case 'PageUp':
+        case "Home":
+        case "PageUp":
           this.setFocusToFirstMenuitem();
           flag = true;
           break;
-        case 'End':
-        case 'PageDown':
+        case "End":
+        case "PageDown":
           this.setFocusToLastMenuitem();
           flag = true;
           break;
-        case 'Tab':
+        case "Tab":
           this.onEscClicked();
           break;
       }
@@ -135,43 +135,56 @@ const PtcEllipsisDropdown = class {
     this.isMobile = window.innerWidth < 768 || screen.width < 768;
     this.isIPad = window.innerWidth < 992 || screen.width < 992;
     setTimeout(() => {
-      this.menuitems = this.host.shadowRoot.querySelectorAll('dropdown-item');
+      this.menuitems =
+        this.host.shadowRoot.querySelectorAll("dropdown-item");
       for (var i = 0; i < this.menuitems.length; i++) {
         var menuitem = this.menuitems[i];
         this.menuitemNodes.push(menuitem);
         menuitem.tabIndex = -1;
-        menuitem.addEventListener('keydown', this.onMenuitemKeydown.bind(this));
+        menuitem.addEventListener("keydown", this.onMenuitemKeydown.bind(this));
         if (!this.firstMenuitem) {
           this.firstMenuitem = menuitem;
         }
         this.lastMenuitem = menuitem;
       }
     }, 100);
-    const ellp = this.host.shadowRoot.querySelector('.ptc-ellipsis-dropdown');
-    this.host.addEventListener('keydown', (event) => {
+    const ellp = this.host.shadowRoot.querySelector(".ptc-ellipsis-dropdown");
+    this.host.addEventListener("keydown", (event) => {
       // Open dropdown on 'Enter' key press
-      if (event.key === 'Enter') {
+      if (event.key === "Enter") {
         ellp.click();
       }
-      if (event.key === 'ArrowDown') {
-        this.host.shadowRoot.querySelectorAll('dropdown-item')[0].focus();
+      if (event.key === "ArrowDown") {
+        this.host.shadowRoot
+          .querySelectorAll("dropdown-item")[0]
+          .focus();
       }
     });
-    if (this.isMobile || (this.isIPad && this.dropdownType === 'tab-with-banner')) {
-      this.host.setAttribute('tabindex', '0');
+    if (this.isMobile ||
+      (this.isIPad && this.dropdownType === "tab-with-banner")) {
+      this.host.setAttribute("tabindex", "0");
     }
   }
   render() {
-    let activeTab = this.dataItems.find(z => z.isSelected == true);
+    let activeTab = this.dataItems.find((z) => z.isSelected == true);
     let isActive = false;
     if (activeTab) {
       isActive = true;
     }
-    return (index.h("div", { class: this.dropdownType == 'tab-with-banner' ? "ptc-ellipsis-dropdown tab-with-banner" : "ptc-ellipsis-dropdown default", onClick: (e) => this.dropdownToggle(e) }, (this.isMobile || (this.isIPad && this.dropdownType === 'tab-with-banner')) ? (index.h("div", { class: 'mob-drop' }, index.h("span", { class: 'opt-name' }, this.dataItems.map((item) => item.isSelected ? item.text : '')), index.h("svg", { width: "12", height: "9", viewBox: "0 0 12 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M1 1.65723L5.94975 6.60697L10.8995 1.65723", stroke: "#00890B", "stroke-width": "2", "stroke-linecap": "round" })))) : (index.h("div", { class: isActive || this.isDropdownOpen ? "ellipsis-icon active" : "ellipsis-icon" }, index.h("icon-asset", { type: "ptc", size: "xxx-small", name: "ellipsis", color: isActive || this.isDropdownOpen ? 'white' : 'black' }))), index.h("div", { class: "dropdown-container", role: "menu", "aria-labelledby": "menubutton1" }, index.h("slot", { name: "dropdown" }), this.dataItems.map((dataItem) => {
-      let activeClass = dataItem.value == this.selectedTab ? 'active' : '';
-      let activeDropdown = dataItem.isSelected ? 'selected-drop' : '';
-      return (index.h("dropdown-item", { role: "menuitem", class: activeClass + activeDropdown + 'mf-listen', onKeyDown: (e) => {
-          if (e.key === 'Enter') {
+    return (index.h("div", { class: this.dropdownType == "tab-with-banner"
+        ? "ptc-ellipsis-dropdown tab-with-banner"
+        : "ptc-ellipsis-dropdown default", onClick: (e) => this.dropdownToggle(e) }, this.isMobile ||
+      (this.isIPad && this.dropdownType === "tab-with-banner") ? (index.h("div", { class: "mob-drop" }, index.h("span", { class: "opt-name" }, this.dataItems.map((item) => item.isSelected ? item.text : "")), index.h("svg", { width: "12", height: "9", viewBox: "0 0 12 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M1 1.65723L5.94975 6.60697L10.8995 1.65723", stroke: "#00890B", "stroke-width": "2", "stroke-linecap": "round" })))) : (index.h("div", { class: isActive || this.isDropdownOpen
+        ? "ellipsis-icon active"
+        : "ellipsis-icon" }, index.h("icon-asset", { type: "ptc", size: "xxx-small", name: "ellipsis", color: isActive || this.isDropdownOpen
+        ? "white"
+        : "black" }))), index.h("div", { class: "dropdown-container", role: "menu", "aria-labelledby": "menubutton1" }, index.h("slot", { name: "dropdown" }), this.dataItems.map((dataItem) => {
+      let activeClass = dataItem.value == this.selectedTab ? "active" : "";
+      let activeDropdown = dataItem.isSelected
+        ? "selected-drop"
+        : "";
+      return (index.h("dropdown-item", { role: "menuitem", class: activeClass + activeDropdown + "mf-listen", onKeyDown: (e) => {
+          if (e.key === "Enter") {
             e.preventDefault();
             this.onItemSelected(dataItem);
           }

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

@@ -15,7 +15,7 @@ const PtcEmbeddedQuiz = class {
      */
     this.focusFirstRadio = () => {
       var _a;
-      let firstRadio = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.radio');
+      let firstRadio = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".radio");
       if (firstRadio) {
         firstRadio.focus();
       }
@@ -34,11 +34,11 @@ const PtcEmbeddedQuiz = class {
         const handleOptionTabInOut = () => {
           var _a, _b;
           if (e.shiftKey) {
-            let restartButton = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.restart-quiz-button');
+            let restartButton = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".restart-quiz-button");
             restartButton && restartButton.focus();
           }
           else {
-            let previousButton = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.previous-slide-button');
+            let previousButton = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(".previous-slide-button");
             previousButton && previousButton.focus();
           }
         };
@@ -47,7 +47,7 @@ const PtcEmbeddedQuiz = class {
          */
         const handleFinalSlideInFocus = () => {
           var _a, _b, _c;
-          let firstButton = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('ptc-button');
+          let firstButton = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("ptc-button");
           if (firstButton) {
             let focusTarget = (_b = firstButton.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('a[tabindex="0"]');
             if (focusTarget) {
@@ -55,7 +55,7 @@ const PtcEmbeddedQuiz = class {
             }
           }
           else {
-            let previousButton = (_c = this.el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.previous-slide-button');
+            let previousButton = (_c = this.el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector(".previous-slide-button");
             if (previousButton) {
               previousButton.focus();
             }
@@ -66,7 +66,7 @@ const PtcEmbeddedQuiz = class {
          */
         const handleFinalSlidePreviousFocus = () => {
           var _a, _b, _c;
-          let ctaButtons = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('ptc-button');
+          let ctaButtons = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll("ptc-button");
           if (ctaButtons.length > 0) {
             let targetButton = ctaButtons[ctaButtons.length - 1];
             let focusTarget = (_b = targetButton.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('a[tabindex="0"]');
@@ -75,7 +75,7 @@ const PtcEmbeddedQuiz = class {
             }
           }
           else {
-            let restartButton = (_c = this.el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.restart-quiz-button');
+            let restartButton = (_c = this.el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector(".restart-quiz-button");
             if (restartButton) {
               restartButton.focus();
             }
@@ -236,7 +236,12 @@ const PtcEmbeddedQuiz = class {
       }
       this.optionClick.emit(option);
       if (option["next"] != null) {
-        this.traversal = [...this.traversal, "options", optionInd, "next"];
+        this.traversal = [
+          ...this.traversal,
+          "options",
+          optionInd,
+          "next",
+        ];
         let nextImage = new Image();
         nextImage.src = option["next"]["image"];
         nextImage.onload = () => {
@@ -257,31 +262,35 @@ const PtcEmbeddedQuiz = class {
   }
   render() {
     const QuizSlideRestartButton = () => {
-      return index.h("div", { class: "right-button-container" }, index.h("div", { id: "restart-quiz-button", class: "restart-quiz-button mf-listen", onClick: () => this.handleRestartButtonClick(), onKeyDown: e => this.handleKeyClick(e, () => this.handleRestartButtonClick(), -1), tabIndex: 0 }, index.h("icon-asset", { id: "restart-arrow", type: "ptc", size: "small", name: "quiz-arrow-restart" }), index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, this.restartQuizText || "Restart")));
+      return (index.h("div", { class: "right-button-container" }, index.h("div", { id: "restart-quiz-button", class: "restart-quiz-button mf-listen", onClick: () => this.handleRestartButtonClick(), onKeyDown: (e) => this.handleKeyClick(e, () => this.handleRestartButtonClick(), -1), tabIndex: 0 }, index.h("icon-asset", { id: "restart-arrow", type: "ptc", size: "small", name: "quiz-arrow-restart" }), index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, this.restartQuizText || "Restart"))));
     };
-    const QuizSlidePreviousButton = props => {
-      return index.h("div", { class: "center-button-container" }, index.h("div", { id: "previous-slide-button", class: `previous-slide-button mf-listen ${props.invisible ? "invisible" : ""}`, onClick: () => this.handlePreviousButtonClick(), onKeyDown: e => this.handleKeyClick(e, () => this.handlePreviousButtonClick(), -2), tabIndex: 0 }, index.h("icon-asset", { id: "left-arrow", type: "ptc", size: "medium", name: "quiz-arrow-left", onClick: () => { } }), index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, this.previousButtonText || "Previous")));
+    const QuizSlidePreviousButton = (props) => {
+      return (index.h("div", { class: "center-button-container" }, index.h("div", { id: "previous-slide-button", class: `previous-slide-button mf-listen ${props.invisible ? "invisible" : ""}`, onClick: () => this.handlePreviousButtonClick(), onKeyDown: (e) => this.handleKeyClick(e, () => this.handlePreviousButtonClick(), -2), tabIndex: 0 }, index.h("icon-asset", { id: "left-arrow", type: "ptc", size: "medium", name: "quiz-arrow-left", onClick: () => { } }), index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, this.previousButtonText || "Previous"))));
     };
     const QuizInitialSlide = () => {
-      return (index.h("div", { class: "quiz-slide-initial" }, index.h("div", { class: "quiz-slide-content" }, index.h("div", { id: "initial-quiz-h2", class: "quiz-slide-text-container" }, index.h("ptc-title", { type: "h2", "text-align": "center", "title-size": "xx-large", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-shadow": "", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-8", "is-plm-hub": "false" }, this.slide["h2"])), index.h("ptc-spacer", { size: 'medium', breakpoint: 'small' }), index.h("ptc-spacer", { size: 'large', breakpoint: 'x-small' }), index.h("div", { id: "initial-quiz-h3", class: "quiz-slide-text-container" }, index.h("ptc-title", { type: "h3", "text-align": "center", "title-size": "large", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-shadow": "", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", "is-plm-hub": "false" }, this.slide["h3"])), index.h("ptc-spacer", { size: 'x-large', breakpoint: 'small' }), index.h("ptc-spacer", { size: 'xx-large', breakpoint: 'x-small' }), index.h("div", { id: "initial-quiz-p", class: "quiz-slide-text-container" }, index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-4", "para-align": "center", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, this.slide["p"])), index.h("div", { class: "center-button-container" }, index.h("div", { id: "quiz-start-button", onClick: () => this.handleStartButtonClick() }, index.h("ptc-button", { type: "link", color: "ptc-tertiary", "link-href": "", target: "_blank", onKeyDown: e => this.handleKeyClick(e, () => this.handleStartButtonClick(), -3), "tracker-id": "quiz-start-button" }, this.startButtonText || "Start"))))));
+      return (index.h("div", { class: "quiz-slide-initial" }, index.h("div", { class: "quiz-slide-content" }, index.h("div", { id: "initial-quiz-h2", class: "quiz-slide-text-container" }, index.h("ptc-title", { type: "h2", "text-align": "center", "title-size": "xx-large", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-shadow": "", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-8", "is-plm-hub": "false" }, this.slide["h2"])), index.h("ptc-spacer", { size: "medium", breakpoint: "small" }), index.h("ptc-spacer", { size: "large", breakpoint: "x-small" }), index.h("div", { id: "initial-quiz-h3", class: "quiz-slide-text-container" }, index.h("ptc-title", { type: "h3", "text-align": "center", "title-size": "large", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-shadow": "", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", "is-plm-hub": "false" }, this.slide["h3"])), index.h("ptc-spacer", { size: "x-large", breakpoint: "small" }), index.h("ptc-spacer", { size: "xx-large", breakpoint: "x-small" }), index.h("div", { id: "initial-quiz-p", class: "quiz-slide-text-container" }, index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-4", "para-align": "center", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, this.slide["p"])), index.h("div", { class: "center-button-container" }, index.h("div", { id: "quiz-start-button", onClick: () => this.handleStartButtonClick() }, index.h("ptc-button", { type: "link", color: "ptc-tertiary", "link-href": "", target: "_blank", onKeyDown: (e) => this.handleKeyClick(e, () => this.handleStartButtonClick(), -3), "tracker-id": "quiz-start-button" }, this.startButtonText || "Start"))))));
     };
     const QuizQuestionSlide = () => {
-      return (index.h("div", { class: "quiz-slide-question" }, index.h("div", { class: "quiz-slide-content" }, index.h("div", { class: "quiz-slide-dual-layout" }, index.h("div", { class: "image-container" }, index.h("img", { alt: "", src: this.slide['image'] })), index.h("div", { class: "content-container" }, index.h("ptc-title", { type: "h4", "text-align": "left", "title-size": "medium", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-shadow": "", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", "is-plm-hub": "false" }, this.slide["question"]), index.h("div", { class: "options-container" }, this.slide["options"].map((option, idx) => {
-        return index.h("div", { id: `option-${option["data-model-id"]}`, class: "radio-input mf-listen", onClick: () => this.handleQuestionOptionClick(option["data-model-id"]), onKeyDown: e => this.handleKeyClick(e, () => this.handleQuestionOptionClick(option["data-model-id"]), idx), "data-key": idx }, index.h("span", { id: `radio-${option["data-model-id"]}`, class: "radio", tabIndex: 0, "data-key": idx }), index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, option["data-value"]));
+      return (index.h("div", { class: "quiz-slide-question" }, index.h("div", { class: "quiz-slide-content" }, index.h("div", { class: "quiz-slide-dual-layout" }, index.h("div", { class: "image-container" }, index.h("img", { alt: "", src: this.slide["image"] })), index.h("div", { class: "content-container" }, index.h("ptc-title", { type: "h4", "text-align": "left", "title-size": "medium", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-shadow": "", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", "is-plm-hub": "false" }, this.slide["question"]), index.h("div", { class: "options-container" }, this.slide["options"].map((option, idx) => {
+        return (index.h("div", { id: `option-${option["data-model-id"]}`, class: "radio-input mf-listen", onClick: () => this.handleQuestionOptionClick(option["data-model-id"]), onKeyDown: (e) => this.handleKeyClick(e, () => this.handleQuestionOptionClick(option["data-model-id"]), idx), "data-key": idx }, index.h("span", { id: `radio-${option["data-model-id"]}`, class: "radio", tabIndex: 0, "data-key": idx }), index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, option["data-value"])));
       })))))));
     };
     const QuizResultSlide = () => {
-      return (index.h("div", { class: "quiz-slide-result" }, index.h("div", { class: "quiz-slide-content" }, index.h("div", { class: "quiz-slide-dual-layout" }, index.h("div", { class: "image-container" }, index.h("img", { alt: "", src: this.slide["image"] })), index.h("div", { class: "content-container" }, index.h("ptc-title", { type: "h4", "text-align": "left", "title-size": "medium", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-shadow": "", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", "is-plm-hub": "false" }, this.slide["title"]), index.h("ptc-spacer", { size: 'large', breakpoint: 'small' }), index.h("ptc-spacer", { size: 'x-large', breakpoint: 'x-small' }), index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-bottom-6", "para-style": "", "para-z-index": "z-1", styles: "" }, this.slide["description"]), index.h("div", { class: "cta-container" }, this.slide["cta-quaternary"] && index.h("ptc-button", { type: "link", target: this.slide["cta-quaternary"]["target"], color: "ptc-quaternary", "link-href": this.slide["cta-quaternary"]["href"], "tracker-id": 'final-cta-quaternary' }, this.slide["cta-quaternary"]["text"]), this.slide["cta-tertiary"] && index.h("ptc-button", { type: "link", target: this.slide["cta-tertiary"]["target"], color: "ptc-tertiary", "link-href": this.slide["cta-tertiary"]["href"], "tracker-id": 'final-cta-tertiary' }, this.slide["cta-tertiary"]["text"])))))));
+      return (index.h("div", { class: "quiz-slide-result" }, index.h("div", { class: "quiz-slide-content" }, index.h("div", { class: "quiz-slide-dual-layout" }, index.h("div", { class: "image-container" }, index.h("img", { alt: "", src: this.slide["image"] })), index.h("div", { class: "content-container" }, index.h("ptc-title", { type: "h4", "text-align": "left", "title-size": "medium", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-shadow": "", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", "is-plm-hub": "false" }, this.slide["title"]), index.h("ptc-spacer", { size: "large", breakpoint: "small" }), index.h("ptc-spacer", { size: "x-large", breakpoint: "x-small" }), index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-bottom-6", "para-style": "", "para-z-index": "z-1", styles: "" }, this.slide["description"]), index.h("div", { class: "cta-container" }, this.slide["cta-quaternary"] && (index.h("ptc-button", { type: "link", target: this.slide["cta-quaternary"]["target"], color: "ptc-quaternary", "link-href": this.slide["cta-quaternary"]["href"], "tracker-id": "final-cta-quaternary" }, this.slide["cta-quaternary"]["text"])), this.slide["cta-tertiary"] && (index.h("ptc-button", { type: "link", target: this.slide["cta-tertiary"]["target"], color: "ptc-tertiary", "link-href": this.slide["cta-tertiary"]["href"], "tracker-id": "final-cta-tertiary" }, this.slide["cta-tertiary"]["text"]))))))));
     };
     const getQuizSlide = () => {
       switch (this.slide["slide-type"]) {
-        case "initial": return index.h(QuizInitialSlide, null);
-        case "question": return index.h(index.Fragment, null, index.h(QuizSlideRestartButton, null), index.h(QuizQuestionSlide, null), (this.traversal.length > 1) ? index.h(QuizSlidePreviousButton, null) : null);
-        case "result": return index.h(index.Fragment, null, index.h(QuizSlideRestartButton, null), index.h(QuizResultSlide, null), index.h(QuizSlidePreviousButton, null));
-        default: return null;
+        case "initial":
+          return index.h(QuizInitialSlide, null);
+        case "question":
+          return (index.h(index.Fragment, null, index.h(QuizSlideRestartButton, null), index.h(QuizQuestionSlide, null), this.traversal.length > 1 ? (index.h(QuizSlidePreviousButton, null)) : null));
+        case "result":
+          return (index.h(index.Fragment, null, index.h(QuizSlideRestartButton, null), index.h(QuizResultSlide, null), index.h(QuizSlidePreviousButton, null)));
+        default:
+          return null;
       }
     };
-    return (index.h(index.Host, null, this.quiz && index.h("div", { class: "quiz-slide-container" }, index.h("div", { class: "quiz-slide-background" }), index.h("slot", { name: "seo-content" }), getQuizSlide())));
+    return (index.h(index.Host, null, this.quiz && (index.h("div", { class: "quiz-slide-container" }, index.h("div", { class: "quiz-slide-background" }), index.h("slot", { name: "seo-content" }), getQuizSlide()))));
   }
   get el() { return index.getElement(this); }
 };

package/dist/cjs/ptc-enhanced-product-listing-card.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-63ddc79c.js');
 
-const ptcEnhancedProductListingCardCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;height:100%}:host .card{display:flex;flex-direction:column;gap:24px;justify-content:space-between;position:relative;padding:32px 32px 40px 32px;box-sizing:border-box;width:288px;height:100%;border-radius:var(--ptc-border-radius-standard);background:#FFF;box-shadow:var(--ptc-shadow-small)}:host .card.alternate{padding:40px 32px;min-width:288px}:host .ribbon{position:absolute;top:32px;left:-4px;border-radius:0px 4px 4px 0px;background:var(--color-blue-07);display:flex;padding:6px 28px;justify-content:center;align-items:center;color:#FFF;font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest)}:host .ribbon .ribbon-wrap-around{position:absolute;bottom:-4px;left:0px}:host .flex-start{padding-top:48px}:host .alternate .flex-start{padding-top:0px}:host .pricing{display:flex;gap:4px;align-items:flex-end;margin-bottom:16px}:host .pricing .pricing-label{color:var(--color-gray-10);font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-p)}:host .pricing .pricing-value{color:var(--color-gray-10, #323B42);font-family:Raleway;font-size:var(--ptc-font-size-x-large);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-extrabold);line-height:35px}@media only screen and (min-width: 480px){:host .card.standard{width:348px}}@media only screen and (min-width: 768px){:host .card:not(.alternate){width:100%}}@media only screen and (min-width: 992px){:host .card.alternate{width:100%}}@media only screen and (min-width: 480px){:host(.two-card) .card.alternate{width:348px}}@media only screen and (min-width: 768px){:host(.two-card) .card.alternate{width:100%}}";
+const ptcEnhancedProductListingCardCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;height:100%}:host .card{display:flex;flex-direction:column;gap:24px;justify-content:space-between;position:relative;padding:32px 32px 40px 32px;box-sizing:border-box;width:288px;height:100%;border-radius:var(--ptc-border-radius-standard);background:#fff;box-shadow:var(--ptc-shadow-small)}:host .card.alternate{padding:40px 32px;min-width:288px}:host .ribbon{position:absolute;top:32px;left:-4px;border-radius:0px 4px 4px 0px;background:var(--color-blue-07);display:flex;padding:6px 28px;justify-content:center;align-items:center;color:#fff;font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest)}:host .ribbon .ribbon-wrap-around{position:absolute;bottom:-4px;left:0px}:host .flex-start{padding-top:48px}:host .alternate .flex-start{padding-top:0px}:host .pricing{display:flex;gap:4px;align-items:flex-end;margin-bottom:16px}:host .pricing .pricing-label{color:var(--color-gray-10);font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-p)}:host .pricing .pricing-value{color:var(--color-gray-10, #323b42);font-family:Raleway;font-size:var(--ptc-font-size-x-large);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-extrabold);line-height:35px}@media only screen and (min-width: 480px){:host .card.standard{width:348px}}@media only screen and (min-width: 768px){:host .card:not(.alternate){width:100%}}@media only screen and (min-width: 992px){:host .card.alternate{width:100%}}@media only screen and (min-width: 480px){:host(.two-card) .card.alternate{width:348px}}@media only screen and (min-width: 768px){:host(.two-card) .card.alternate{width:100%}}";
 
 const PtcEnhancedProductListingCard = class {
   constructor(hostRef) {
@@ -12,7 +12,7 @@ const PtcEnhancedProductListingCard = class {
     this.ctaFocussed = index.createEvent(this, "ctaFocussed", 7);
     this.ctaFocussedHandler = () => {
       this.ctaFocussed.emit({
-        'card-index': this.cardIndex
+        "card-index": this.cardIndex,
       });
     };
     this.componentWillLoad = () => {
@@ -33,13 +33,13 @@ const PtcEnhancedProductListingCard = class {
     };
     this.componentDidLoad = () => {
       var _a;
-      let cta = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('ptc-button');
+      let cta = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("ptc-button");
       if (cta) {
-        cta.addEventListener('focus', () => this.ctaFocussedHandler());
+        cta.addEventListener("focus", () => this.ctaFocussedHandler());
       }
     };
     this.cardIndex = 0;
-    this.theme = 'standard';
+    this.theme = "standard";
     this.disablePriceLabel = undefined;
     this.featureCallouts = [];
     this.cta = {
@@ -51,12 +51,19 @@ const PtcEnhancedProductListingCard = class {
   }
   render() {
     const classMap = this.getCssClassMap();
-    return (index.h(index.Host, null, index.h("div", { class: classMap }, this.theme == 'standard' && index.h("div", { class: "ribbon" }, index.h("svg", { class: "ribbon-wrap-around", xmlns: "http://www.w3.org/2000/svg", width: "4", height: "4", viewBox: "0 0 4 4", fill: "none" }, index.h("path", { d: "M4 3.02124L0 0.0212402H4V3.02124Z", fill: "#08283E" })), index.h("slot", { name: "ribbon-text" })), index.h("div", { class: "flex-start" }, index.h("ptc-title", { "seo-compatibility-mode": true, type: "h3", "text-align": "left", "title-size": "large", "title-color": "gray", upperline: "no-upperline", "title-display": "block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", "is-plm-hub": "false" }, index.h("h3", null, index.h("slot", { name: "heading" }))), index.h("ptc-para", { "seo-compatibility-mode": true, "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-bottom-5" }, index.h("p", null, index.h("slot", { name: "description" }))), index.h("div", null, (this.featureCallouts.length > 0) && this.featureCallouts.map((feature, idx) => (index.h("ptc-icon-list", { "is-last-item": (idx === this.featureCallouts.length - 1) ? "true" : "false", "no-bottom-space": (idx === this.featureCallouts.length - 1) ? "true" : "false", "list-content": feature, "list-type": "feature-callout-list" }, index.h("icon-asset", { slot: "icon", type: "ptc", size: "x-small", name: "checkmark", color: "ptc-green" })))))), index.h("div", { class: "flex-end" }, index.h("div", { class: "pricing" }, !this.disablePriceLabel && index.h("span", { class: "pricing-label" }, index.h("slot", { name: "pricing-label" })), index.h("span", { class: "pricing-value" }, index.h("slot", { name: "pricing-value" }))), index.h("ptc-button", { color: "ptc-quaternary", "link-href": this.cta.href, "button-title": this.cta.title || this.cta.text, target: this.cta.target, type: "button", "tracker-id": `eplc${this.cardIndex}-cta` }, this.cta.text)))));
+    return (index.h(index.Host, null, index.h("div", { class: classMap }, this.theme == "standard" && (index.h("div", { class: "ribbon" }, index.h("svg", { class: "ribbon-wrap-around", xmlns: "http://www.w3.org/2000/svg", width: "4", height: "4", viewBox: "0 0 4 4", fill: "none" }, index.h("path", { d: "M4 3.02124L0 0.0212402H4V3.02124Z", fill: "#08283E" })), index.h("slot", { name: "ribbon-text" }))), index.h("div", { class: "flex-start" }, index.h("ptc-title", { "seo-compatibility-mode": true, type: "h3", "text-align": "left", "title-size": "large", "title-color": "gray", upperline: "no-upperline", "title-display": "block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", "is-plm-hub": "false" }, index.h("h3", null, index.h("slot", { name: "heading" }))), index.h("ptc-para", { "seo-compatibility-mode": true, "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-bottom-5" }, index.h("p", null, index.h("slot", { name: "description" }))), index.h("div", null, this.featureCallouts.length > 0 &&
+      this.featureCallouts.map((feature, idx) => (index.h("ptc-icon-list", { "is-last-item": idx ===
+          this.featureCallouts.length - 1
+          ? "true"
+          : "false", "no-bottom-space": idx ===
+          this.featureCallouts.length - 1
+          ? "true"
+          : "false", "list-content": feature, "list-type": "feature-callout-list" }, index.h("icon-asset", { slot: "icon", type: "ptc", size: "x-small", name: "checkmark", color: "ptc-green" })))))), index.h("div", { class: "flex-end" }, index.h("div", { class: "pricing" }, !this.disablePriceLabel && (index.h("span", { class: "pricing-label" }, index.h("slot", { name: "pricing-label" }))), index.h("span", { class: "pricing-value" }, index.h("slot", { name: "pricing-value" }))), index.h("ptc-button", { color: "ptc-quaternary", "link-href": this.cta.href, "button-title": this.cta.title || this.cta.text, target: this.cta.target, type: "button", "tracker-id": `eplc${this.cardIndex}-cta` }, this.cta.text)))));
   }
   getCssClassMap() {
     return {
       [this.theme]: true,
-      ['card']: true
+      ["card"]: true,
     };
   }
   get el() { return index.getElement(this); }

package/dist/cjs/ptc-featured-list.cjs.entry.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-63ddc79c.js');
 
-const ptcFeaturedListCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.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,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.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,.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,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.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,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.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,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block;box-sizing:border-box}:host ptc-background-video{height:240px}@media only screen and (min-width: 480px){:host ptc-background-video{height:320px}}@media only screen and (min-width: 768px){:host ptc-background-video{height:450px}}@media only screen and (min-width: 992px){:host ptc-background-video{height:500px}}:host .fl-header{cursor:pointer}:host .non-mobile-wrapper{box-sizing:border-box}@media only screen and (min-width: 992px){:host .non-mobile-wrapper{margin:-40px auto 0 auto;display:flex;align-items:center;width:100%;background:var(--color-white);box-shadow:var(--ptc-shadow-small);padding:24px 32px;z-index:1;position:relative;min-height:350px}}@media only screen and (min-width: 1200px){:host .non-mobile-wrapper{max-width:1136px}}@media (min-width: 1300px){:host .non-mobile-wrapper{margin:-75px auto 0 auto}}@media only screen and (min-width: 1440px){:host .non-mobile-wrapper{max-width:1200px}}@media only screen and (min-width: 992px){:host .non-mobile-wrapper .header-list-wrap{padding-right:16px;margin-right:64px;min-width:270px;max-width:270px;box-sizing:border-box;display:flex;flex-direction:column;align-items:baseline}:host .non-mobile-wrapper .header-list-wrap::after{content:\"\";width:1px;height:calc(100% - 48px);background-color:var(--color-gray-05);position:absolute;left:297px;top:24px;bottom:24px}}@media only screen and (min-width: 992px){:host .non-mobile-wrapper .content-wrap{padding-right:72px}}:host .non-mobile-wrapper .fl-header{margin:0;padding:12px 0;width:100%}:host .mobile-wrapper .acc-item{border-bottom:1px solid var(--color-gray-03);padding:14px 30px}:host .mobile-wrapper .acc-item fl-tab-header{padding-left:34px;position:relative}:host .mobile-wrapper .acc-item fl-tab-header::before{content:\"\";display:inline-block;width:16px;height:16px;background-image:url('data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(%23clip0_91_790)\"><path d=\"M15.9001 6.29998H9.7001V0.0999756H6.3001V6.29998H0.100098V9.69998H6.3001V15.9H9.7001V9.69998H15.9001V6.29998Z\" fill=\"%23006E09\"/></g><defs><clipPath id=\"clip0_91_790\"><rect width=\"16\" height=\"16\" fill=\"white\"/></clipPath></defs></svg>');vertical-align:middle;position:absolute;left:0;top:4.5px}:host .mobile-wrapper .acc-item fl-tab-header.selected::before,:host .mobile-wrapper .acc-item fl-tab-header.init-active::before{background-image:url('data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(%23clip0_113_741)\"><path d=\"M0 7.05566V10.8637H13.913V7.05566H0Z\" fill=\"%23323B42\"/></g><defs><clipPath id=\"clip0_113_741\"><rect width=\"13.913\" height=\"17.92\" fill=\"white\"/></clipPath></defs></svg>')}:host .mobile-wrapper .acc-item fl-tab-content{padding-left:34px;padding-bottom:18px}";
+const ptcFeaturedListCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003dd6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.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,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.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,.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,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.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,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.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,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block;box-sizing:border-box}:host ptc-background-video{height:240px}@media only screen and (min-width: 480px){:host ptc-background-video{height:320px}}@media only screen and (min-width: 768px){:host ptc-background-video{height:450px}}@media only screen and (min-width: 992px){:host ptc-background-video{height:500px}}:host .fl-header{cursor:pointer}:host .non-mobile-wrapper{box-sizing:border-box}@media only screen and (min-width: 992px){:host .non-mobile-wrapper{margin:-40px auto 0 auto;display:flex;align-items:center;width:100%;background:var(--color-white);box-shadow:var(--ptc-shadow-small);padding:24px 32px;z-index:1;position:relative;min-height:350px}}@media only screen and (min-width: 1200px){:host .non-mobile-wrapper{max-width:1136px}}@media (min-width: 1300px){:host .non-mobile-wrapper{margin:-75px auto 0 auto}}@media only screen and (min-width: 1440px){:host .non-mobile-wrapper{max-width:1200px}}@media only screen and (min-width: 992px){:host .non-mobile-wrapper .header-list-wrap{padding-right:16px;margin-right:64px;min-width:270px;max-width:270px;box-sizing:border-box;display:flex;flex-direction:column;align-items:baseline}:host .non-mobile-wrapper .header-list-wrap::after{content:\"\";width:1px;height:calc(100% - 48px);background-color:var(--color-gray-05);position:absolute;left:297px;top:24px;bottom:24px}}@media only screen and (min-width: 992px){:host .non-mobile-wrapper .content-wrap{padding-right:72px}}:host .non-mobile-wrapper .fl-header{margin:0;padding:12px 0;width:100%}:host .mobile-wrapper .acc-item{border-bottom:1px solid var(--color-gray-03);padding:14px 30px}:host .mobile-wrapper .acc-item fl-tab-header{padding-left:34px;position:relative}:host .mobile-wrapper .acc-item fl-tab-header::before{content:\"\";display:inline-block;width:16px;height:16px;background-image:url('data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(%23clip0_91_790)\"><path d=\"M15.9001 6.29998H9.7001V0.0999756H6.3001V6.29998H0.100098V9.69998H6.3001V15.9H9.7001V9.69998H15.9001V6.29998Z\" fill=\"%23006E09\"/></g><defs><clipPath id=\"clip0_91_790\"><rect width=\"16\" height=\"16\" fill=\"white\"/></clipPath></defs></svg>');vertical-align:middle;position:absolute;left:0;top:4.5px}:host .mobile-wrapper .acc-item fl-tab-header.selected::before,:host .mobile-wrapper .acc-item fl-tab-header.init-active::before{background-image:url('data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(%23clip0_113_741)\"><path d=\"M0 7.05566V10.8637H13.913V7.05566H0Z\" fill=\"%23323B42\"/></g><defs><clipPath id=\"clip0_113_741\"><rect width=\"13.913\" height=\"17.92\" fill=\"white\"/></clipPath></defs></svg>')}:host .mobile-wrapper .acc-item fl-tab-content{padding-left:34px;padding-bottom:18px}";
 
 const PtcFeaturedList = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.isMobile = undefined;
-    this.selectedTab = 'tab-01';
+    this.selectedTab = "tab-01";
   }
   handleResize() {
     this.isMobile = window.innerWidth < 992;
@@ -24,10 +24,10 @@ const PtcFeaturedList = class {
   }
   updateReadMoreInTabContents() {
     const contentBlocks = this.hostElement.shadowRoot.querySelectorAll(`fl-tab-content`);
-    contentBlocks.forEach(content => {
+    contentBlocks.forEach((content) => {
       //  Added code to recall readmore for hidden tabs
-      if (content.getAttribute('name-key') === this.selectedTab) {
-        const readMoreComp = content.querySelector('ptc-readmore');
+      if (content.getAttribute("name-key") === this.selectedTab) {
+        const readMoreComp = content.querySelector("ptc-readmore");
         if (readMoreComp) {
           readMoreComp.updateReadmoreStatus();
         }
@@ -35,13 +35,11 @@ const PtcFeaturedList = class {
     });
   }
   render() {
-    return (index.h(index.Host, null, index.h("div", { class: "featured-image-wrap" }, index.h("fl-tab-image", { "name-key": "tab-01", selected: this.selectedTab === 'tab-01' }, index.h("ptc-img", { "image-type": "smart-bg", "image-alignment": "center", "img-url": "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway" })), index.h("fl-tab-image", { "name-key": "tab-02", selected: this.selectedTab === 'tab-02' }, index.h("ptc-background-video", { overlay: false, "play-button-title": "Play", "pause-button-title": "Pause", "video-src": "https://www.ptc.com/en/www.ptc.com//-/media/Videos/BRAND-FILM-CAR-SECTION-short-1mb.mp4", "poster-src": "https://www.ptc.com/-/media/Images/new-org/misc/W232501-LWX23-Hero-Banner-Video-FINAL-jebyrne-110922-screenshot.jpg" })), index.h("fl-tab-image", { "name-key": "tab-03", selected: this.selectedTab === 'tab-03' }, index.h("ptc-img", { "image-type": "smart-bg", "image-alignment": "center", "img-url": "https://www.ptc.com/-/media/Images/new-org/1366x542/CIMC-1366x542.jpg?h=542&w=1366&la=en&hash=56AE14F73CFB62C24276D08E556B0949" })), index.h("fl-tab-image", { "name-key": "tab-04", selected: this.selectedTab === 'tab-04' }, index.h("ptc-img", { "image-type": "smart-bg", "image-alignment": "center", "img-url": "https://www.ptc.com/-/media/Images/new-org/1366x542/ThingWorx_IIOT_CaterpillarCS_Img_1366x542.jpg?h=542&w=1366&la=en&hash=627ED00C1F58E3677A06F50C0F3009D6" }))), this.isMobile ? (
+    return (index.h(index.Host, null, index.h("div", { class: "featured-image-wrap" }, index.h("fl-tab-image", { "name-key": "tab-01", selected: this.selectedTab === "tab-01" }, index.h("ptc-img", { "image-type": "smart-bg", "image-alignment": "center", "img-url": "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway" })), index.h("fl-tab-image", { "name-key": "tab-02", selected: this.selectedTab === "tab-02" }, index.h("ptc-background-video", { overlay: false, "play-button-title": "Play", "pause-button-title": "Pause", "video-src": "https://www.ptc.com/en/www.ptc.com//-/media/Videos/BRAND-FILM-CAR-SECTION-short-1mb.mp4", "poster-src": "https://www.ptc.com/-/media/Images/new-org/misc/W232501-LWX23-Hero-Banner-Video-FINAL-jebyrne-110922-screenshot.jpg" })), index.h("fl-tab-image", { "name-key": "tab-03", selected: this.selectedTab === "tab-03" }, index.h("ptc-img", { "image-type": "smart-bg", "image-alignment": "center", "img-url": "https://www.ptc.com/-/media/Images/new-org/1366x542/CIMC-1366x542.jpg?h=542&w=1366&la=en&hash=56AE14F73CFB62C24276D08E556B0949" })), index.h("fl-tab-image", { "name-key": "tab-04", selected: this.selectedTab === "tab-04" }, index.h("ptc-img", { "image-type": "smart-bg", "image-alignment": "center", "img-url": "https://www.ptc.com/-/media/Images/new-org/1366x542/ThingWorx_IIOT_CaterpillarCS_Img_1366x542.jpg?h=542&w=1366&la=en&hash=627ED00C1F58E3677A06F50C0F3009D6" }))), this.isMobile ? (
     // Code for mobile only
-    index.h("div", { class: "mobile-wrapper" }, index.h("div", { class: 'acc-item' }, index.h("fl-tab-header", { "value-key": 1, "name-key": "tab-01", "tab-title": "Aerospace & Defense", selected: this.selectedTab === 'tab-01' }, " "), index.h("fl-tab-content", { "value-key": 1, "name-key": "tab-01", selected: this.selectedTab === 'tab-01', onbeforematch: () => this.selectedTab = 'tab-01' }, index.h("ptc-para", { "para-line-h": 'line-height-p', "font-size": "small", "para-margin": "margin-3" }, index.h("ptc-readmore", { "visible-lines-custom": "7", "more-text": "Read More", "less-text": "Read Less", "read-more-position": "left", class: "inline" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization.")), index.h("a", { href: 'https://www.google.com', tabIndex: 0 }, "See More about Aerospace & Defense"))), index.h("div", { class: 'acc-item' }, index.h("fl-tab-header", { "value-key": 2, "name-key": "tab-02", "tab-title": "Automotive", selected: this.selectedTab === 'tab-02' }), index.h("fl-tab-content", { "value-key": 2, "name-key": "tab-02", selected: this.selectedTab === 'tab-02', onbeforematch: () => this.selectedTab = 'tab-02' }, index.h("ptc-para", { "para-line-h": 'line-height-p', "font-size": "small", "para-margin": "margin-3" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."), index.h("a", { href: 'https://www.google.com', tabIndex: 0 }, "See More about Aerospace & Defense"))), index.h("div", { class: 'acc-item' }, index.h("fl-tab-header", { "value-key": 3, "name-key": "tab-03", "tab-title": "Electronics & High-Tech", selected: this.selectedTab === 'tab-03' }), index.h("fl-tab-content", { "value-key": 3, "name-key": "tab-03", selected: this.selectedTab === 'tab-03', onbeforematch: () => this.selectedTab = 'tab-03' }, index.h("ptc-para", { "para-line-h": 'line-height-p', "font-size": "small", "para-margin": "margin-3" }, index.h("ptc-readmore", { "visible-lines-custom": "7", "more-text": "Read More", "less-text": "Read Less", "read-more-position": "left", class: "inline" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization.")), index.h("a", { href: 'https://www.google.com', tabIndex: 0 }, "See More about Aerospace & Defense"))), index.h("div", { class: 'acc-item' }, index.h("fl-tab-header", { "value-key": 4, "name-key": "tab-04", "tab-title": "Retail & Consumer Products", selected: this.selectedTab === 'tab-04' }), index.h("fl-tab-content", { "value-key": 4, "name-key": "tab-04", selected: this.selectedTab === 'tab-04', onbeforematch: () => this.selectedTab = 'tab-04' }, index.h("ptc-para", { "para-line-h": 'line-height-p', "font-size": "small", "para-margin": "margin-3" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."), index.h("a", { href: 'https://www.google.com', tabIndex: 0 }, "See More about Aerospace & Defense")))))
-      :
-        (
-        // Code for Desktop only
-        index.h("div", { class: "non-mobile-wrapper" }, index.h("div", { class: "header-list-wrap" }, index.h("fl-tab-header", { "name-key": "tab-01", "tab-title": "Aerospace & Defense", selected: this.selectedTab === 'tab-01' }, " "), index.h("fl-tab-header", { "name-key": "tab-02", "tab-title": "Automotive", selected: this.selectedTab === 'tab-02' }), index.h("fl-tab-header", { "name-key": "tab-03", "tab-title": "Electronics & High-Tech", selected: this.selectedTab === 'tab-03' }), index.h("fl-tab-header", { "name-key": "tab-04", "tab-title": "Retail & Consumer Products", selected: this.selectedTab === 'tab-04' })), index.h("div", { class: "content-wrap" }, index.h("fl-tab-content", { "name-key": "tab-01", selected: this.selectedTab === 'tab-01', onbeforematch: () => this.selectedTab = 'tab-01' }, index.h("ptc-title", { type: 'h3', "title-size": 'large', upperline: "no-upperline", "title-margin": 'margin-flush' }, "Aerospace & Defense"), index.h("ptc-para", { "para-line-h": 'line-height-p', "font-size": "small", "para-margin": "margin-3" }, index.h("ptc-readmore", { "visible-lines-custom": "7", "more-text": "Read More", "less-text": "Read Less", "read-more-position": "left", class: "inline" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization.")), index.h("a", { href: 'https://www.google.com', tabIndex: 0 }, "See More about Aerospace & Defense")), index.h("fl-tab-content", { "name-key": "tab-02", selected: this.selectedTab === 'tab-02', onbeforematch: () => this.selectedTab = 'tab-02' }, index.h("ptc-title", { type: 'h3', "title-size": 'large', upperline: "no-upperline", "title-margin": 'margin-flush' }, "Automotive"), index.h("ptc-para", { "para-line-h": 'line-height-p', "font-size": "small", "para-margin": "margin-3" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."), index.h("a", { href: 'https://www.google.com', tabIndex: 0 }, "See More about Aerospace & Defense")), index.h("fl-tab-content", { "name-key": "tab-03", selected: this.selectedTab === 'tab-03', onbeforematch: () => this.selectedTab = 'tab-03' }, index.h("ptc-title", { type: 'h3', "title-size": 'large', upperline: "no-upperline", "title-margin": 'margin-flush' }, "Electronics & High-Tech"), index.h("ptc-para", { "para-line-h": 'line-height-p', "font-size": "small", "para-margin": "margin-3" }, "Deliver the future of transportation and mobility and gain competitive advantage. Explore automotive solutions for OEMs and suppliers so your team can help drive the future of transportation."), index.h("a", { href: 'https://www.google.com', tabIndex: 0 }, "See More about Aerospace & Defense")), index.h("fl-tab-content", { "name-key": "tab-04", selected: this.selectedTab === 'tab-04', onbeforematch: () => this.selectedTab = 'tab-04' }, index.h("ptc-title", { type: 'h3', "title-size": 'large', upperline: "no-upperline", "title-margin": 'margin-flush' }, "Retail & Consumer Products"), index.h("ptc-para", { "para-line-h": 'line-height-p', "font-size": "small", "para-margin": "margin-3" }, index.h("ptc-readmore", { "visible-lines-custom": "7", "more-text": "Read More", "less-text": "Read Less", "read-more-position": "left", class: "inline" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization.")), index.h("a", { href: 'https://www.google.com', tabIndex: 0 }, "See More about Aerospace & Defense")))))));
+    index.h("div", { class: "mobile-wrapper" }, index.h("div", { class: "acc-item" }, index.h("fl-tab-header", { "value-key": 1, "name-key": "tab-01", "tab-title": "Aerospace & Defense", selected: this.selectedTab === "tab-01" }, " "), index.h("fl-tab-content", { "value-key": 1, "name-key": "tab-01", selected: this.selectedTab === "tab-01", onbeforematch: () => (this.selectedTab = "tab-01") }, index.h("ptc-para", { "para-line-h": "line-height-p", "font-size": "small", "para-margin": "margin-3" }, index.h("ptc-readmore", { "visible-lines-custom": "7", "more-text": "Read More", "less-text": "Read Less", "read-more-position": "left", class: "inline" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization.")), index.h("a", { href: "https://www.google.com", tabIndex: 0 }, "See More about Aerospace & Defense"))), index.h("div", { class: "acc-item" }, index.h("fl-tab-header", { "value-key": 2, "name-key": "tab-02", "tab-title": "Automotive", selected: this.selectedTab === "tab-02" }), index.h("fl-tab-content", { "value-key": 2, "name-key": "tab-02", selected: this.selectedTab === "tab-02", onbeforematch: () => (this.selectedTab = "tab-02") }, index.h("ptc-para", { "para-line-h": "line-height-p", "font-size": "small", "para-margin": "margin-3" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."), index.h("a", { href: "https://www.google.com", tabIndex: 0 }, "See More about Aerospace & Defense"))), index.h("div", { class: "acc-item" }, index.h("fl-tab-header", { "value-key": 3, "name-key": "tab-03", "tab-title": "Electronics & High-Tech", selected: this.selectedTab === "tab-03" }), index.h("fl-tab-content", { "value-key": 3, "name-key": "tab-03", selected: this.selectedTab === "tab-03", onbeforematch: () => (this.selectedTab = "tab-03") }, index.h("ptc-para", { "para-line-h": "line-height-p", "font-size": "small", "para-margin": "margin-3" }, index.h("ptc-readmore", { "visible-lines-custom": "7", "more-text": "Read More", "less-text": "Read Less", "read-more-position": "left", class: "inline" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization.")), index.h("a", { href: "https://www.google.com", tabIndex: 0 }, "See More about Aerospace & Defense"))), index.h("div", { class: "acc-item" }, index.h("fl-tab-header", { "value-key": 4, "name-key": "tab-04", "tab-title": "Retail & Consumer Products", selected: this.selectedTab === "tab-04" }), index.h("fl-tab-content", { "value-key": 4, "name-key": "tab-04", selected: this.selectedTab === "tab-04", onbeforematch: () => (this.selectedTab = "tab-04") }, index.h("ptc-para", { "para-line-h": "line-height-p", "font-size": "small", "para-margin": "margin-3" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."), index.h("a", { href: "https://www.google.com", tabIndex: 0 }, "See More about Aerospace & Defense"))))) : (
+    // Code for Desktop only
+    index.h("div", { class: "non-mobile-wrapper" }, index.h("div", { class: "header-list-wrap" }, index.h("fl-tab-header", { "name-key": "tab-01", "tab-title": "Aerospace & Defense", selected: this.selectedTab === "tab-01" }, " "), index.h("fl-tab-header", { "name-key": "tab-02", "tab-title": "Automotive", selected: this.selectedTab === "tab-02" }), index.h("fl-tab-header", { "name-key": "tab-03", "tab-title": "Electronics & High-Tech", selected: this.selectedTab === "tab-03" }), index.h("fl-tab-header", { "name-key": "tab-04", "tab-title": "Retail & Consumer Products", selected: this.selectedTab === "tab-04" })), index.h("div", { class: "content-wrap" }, index.h("fl-tab-content", { "name-key": "tab-01", selected: this.selectedTab === "tab-01", onbeforematch: () => (this.selectedTab = "tab-01") }, index.h("ptc-title", { type: "h3", "title-size": "large", upperline: "no-upperline", "title-margin": "margin-flush" }, "Aerospace & Defense"), index.h("ptc-para", { "para-line-h": "line-height-p", "font-size": "small", "para-margin": "margin-3" }, index.h("ptc-readmore", { "visible-lines-custom": "7", "more-text": "Read More", "less-text": "Read Less", "read-more-position": "left", class: "inline" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization.")), index.h("a", { href: "https://www.google.com", tabIndex: 0 }, "See More about Aerospace & Defense")), index.h("fl-tab-content", { "name-key": "tab-02", selected: this.selectedTab === "tab-02", onbeforematch: () => (this.selectedTab = "tab-02") }, index.h("ptc-title", { type: "h3", "title-size": "large", upperline: "no-upperline", "title-margin": "margin-flush" }, "Automotive"), index.h("ptc-para", { "para-line-h": "line-height-p", "font-size": "small", "para-margin": "margin-3" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."), index.h("a", { href: "https://www.google.com", tabIndex: 0 }, "See More about Aerospace & Defense")), index.h("fl-tab-content", { "name-key": "tab-03", selected: this.selectedTab === "tab-03", onbeforematch: () => (this.selectedTab = "tab-03") }, index.h("ptc-title", { type: "h3", "title-size": "large", upperline: "no-upperline", "title-margin": "margin-flush" }, "Electronics & High-Tech"), index.h("ptc-para", { "para-line-h": "line-height-p", "font-size": "small", "para-margin": "margin-3" }, "Deliver the future of transportation and mobility and gain competitive advantage. Explore automotive solutions for OEMs and suppliers so your team can help drive the future of transportation."), index.h("a", { href: "https://www.google.com", tabIndex: 0 }, "See More about Aerospace & Defense")), index.h("fl-tab-content", { "name-key": "tab-04", selected: this.selectedTab === "tab-04", onbeforematch: () => (this.selectedTab = "tab-04") }, index.h("ptc-title", { type: "h3", "title-size": "large", upperline: "no-upperline", "title-margin": "margin-flush" }, "Retail & Consumer Products"), index.h("ptc-para", { "para-line-h": "line-height-p", "font-size": "small", "para-margin": "margin-3" }, index.h("ptc-readmore", { "visible-lines-custom": "7", "more-text": "Read More", "less-text": "Read Less", "read-more-position": "left", class: "inline" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization.")), index.h("a", { href: "https://www.google.com", tabIndex: 0 }, "See More about Aerospace & Defense")))))));
   }
   get hostElement() { return index.getElement(this); }
 };