@ptcwebops/ptcw-design 6.4.37-beta → 6.5.0-upgrade

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

@@ -1,299 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-63ddc79c.js');
-
-const ptcEmbeddedQuizCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host .quiz-slide-container{position:relative;width:100%;border:1px solid var(--color-gray-12);background-color:white;z-index:1}:host .quiz-slide-container .quiz-slide-text-container{max-width:calc(24 * var(--ptc-element-spacing-07))}:host .quiz-slide-background{position:absolute;top:0;left:0;width:100%;height:100%;background:url(\"https://ptc-p-001.sitecorecontenthub.cloud/api/public/content/653ad11042174bd1ae42c69d922f95fc\");background-size:cover;background-position:center;opacity:0.2;z-index:-1}:host .quiz-slide-initial{padding:var(--ptc-element-spacing-08);display:flex;justify-content:center}:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04)) 0}:host .quiz-slide-result .cta-container{display:flex;flex-direction:column;align-items:center}:host .quiz-slide-result .cta-container ptc-button{flex:1 0 100%;margin:0 0 var(--ptc-element-spacing-05) 0}:host .right-button-container{display:flex;justify-content:right}:host .right-button-container .restart-quiz-button{display:flex;margin:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) 0 0;transition:var(--ptc-transition-slow)}:host .right-button-container .restart-quiz-button #restart-arrow{display:flex;align-items:center}:host .right-button-container .restart-quiz-button #restart-arrow svg{z-index:2;margin-right:var(--ptc-element-spacing-03)}:host .right-button-container .restart-quiz-button:hover{cursor:pointer}:host .right-button-container .restart-quiz-button:hover #restart-arrow svg{transform:rotate(270deg)}:host .right-button-container .restart-quiz-button:hover ptc-para{opacity:0.7}:host .right-button-container .restart-quiz-button:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .center-button-container{display:flex;justify-content:center}:host .previous-slide-button{display:flex;align-items:center;margin:0 0 var(--ptc-element-spacing-06) 0;transition:var(--ptc-transition-slow)}:host .previous-slide-button icon-asset{z-index:2;display:flex;align-items:center;margin-right:var(--ptc-element-spacing-03)}:host .previous-slide-button:hover{cursor:pointer}:host .previous-slide-button:hover icon-asset svg{transform:translateX(-8px)}:host .previous-slide-button:hover ptc-para{opacity:0.7}:host .previous-slide-button:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .quiz-slide-dual-layout .image-container{padding-top:var(--ptc-element-spacing-06);display:flex;justify-content:center;height:calc(4 * var(--ptc-element-spacing-08));width:100%}:host .quiz-slide-dual-layout .image-container img{height:100%;width:100%}:host .quiz-slide-dual-layout .content-container{margin:var(--ptc-element-spacing-06) var(--ptc-element-spacing-08) var(--ptc-element-spacing-08) var(--ptc-element-spacing-08)}:host .quiz-slide-dual-layout .content-container .options-container{margin-top:var(--ptc-element-spacing-06);padding-left:var(--ptc-element-spacing-05);display:flex;flex-wrap:wrap;z-index:2}:host .quiz-slide-dual-layout .content-container .options-container .radio-input{flex:1 0 100%;margin-bottom:var(--ptc-element-spacing-06);display:flex;align-items:start;display:flex;align-items:flex-start}:host .quiz-slide-dual-layout .content-container .options-container .radio-input .radio{width:16px;height:16px;border-radius:var(--ptc-border-radius-circle);border:var(--color-gray-10) solid 1px;z-index:2;padding:3px;box-sizing:border-box;flex-shrink:0;margin-top:var(--ptc-element-spacing-01);background-color:white}:host .quiz-slide-dual-layout .content-container .options-container .radio-input .radio.clicked{border:var(--color-blue-08) solid 1px;background:var(--color-blue-08);background-clip:content-box, padding-box}:host .quiz-slide-dual-layout .content-container .options-container .radio-input .radio:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);border-radius:50%}:host .quiz-slide-dual-layout .content-container .options-container .radio-input ptc-para{padding:0 var(--ptc-element-spacing-02) 0 var(--ptc-element-spacing-03)}:host .quiz-slide-dual-layout .content-container .options-container .radio-input:hover{cursor:pointer}:host .quiz-slide-dual-layout .content-container .options-container .radio-input:hover .radio{box-shadow:var(--ptc-shadow-x-small)}@media only screen and (min-width: 768px){:host .quiz-slide-container{min-height:calc(10 * var(--ptc-element-spacing-08));position:relative}:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04)) 0}:host .quiz-slide-dual-layout{margin:0 var(--ptc-element-spacing-06) 0 var(--ptc-element-spacing-06)}:host .quiz-slide-dual-layout .image-container{height:calc(9 * var(--ptc-element-spacing-06));width:100%}:host .quiz-slide-dual-layout .image-container img{height:100%;width:auto}:host .quiz-slide-dual-layout .content-container{margin:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-08) var(--ptc-element-spacing-06)}:host .quiz-slide-dual-layout .content-container .options-container .radio-input{flex:1 0 48%}}@media only screen and (min-width: 992px){:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04)) 0}:host .quiz-slide-dual-layout .image-container{height:calc(8 * var(--ptc-element-spacing-07));width:auto}}@media only screen and (min-width: 1200px){:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-01) + var(--ptc-element-spacing-06)) 0}:host .quiz-slide-result .cta-container{flex-direction:row}:host .quiz-slide-result .cta-container ptc-button{flex:none;margin:0 var(--ptc-element-spacing-05) 0 0}:host .quiz-slide-dual-layout{display:flex;margin-bottom:var(--ptc-element-spacing-08)}:host .quiz-slide-dual-layout .image-container{flex-shrink:0;display:flex;align-items:center;height:calc(7 * var(--ptc-element-spacing-07));width:calc(15 * var(--ptc-element-spacing-07))}:host .quiz-slide-dual-layout .image-container img{height:100%;max-height:calc(7 * var(--ptc-element-spacing-07));max-width:calc(15 * var(--ptc-element-spacing-07))}:host .quiz-slide-dual-layout .content-container .options-container{padding-left:0}:host .quiz-slide-dual-layout .content-container .options-container .radio-input:nth-of-type(odd){margin-right:4%}}@media only screen and (min-width: 1440px){:host .quiz-slide-initial #initial-quiz-p{padding:0 0 var(--ptc-element-spacing-07) 0}}::slotted([slot=seo-content]){display:none}";
-
-const PtcEmbeddedQuiz = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.optionClick = index.createEvent(this, "optionClick", 7);
-    /**
-     * Set focus on the first radio option in the current slide of the quiz
-     */
-    this.focusFirstRadio = () => {
-      var _a;
-      let firstRadio = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".radio");
-      if (firstRadio) {
-        firstRadio.focus();
-      }
-    };
-    /**
-     * Handles custom keyboard click events
-     * @param e Event - Only handled if Event is KeyboardEvent
-     * @param callback Function that should be called after processing event
-     * @param idx -1: Restart button | -2: Previous button | -3: Start button | n>=0: Radio options
-     */
-    this.handleKeyClick = (e, callback, idx) => {
-      if (e instanceof KeyboardEvent) {
-        /**
-         * Handles Tab and Shift+Tab operations for the quiz's radio options
-         */
-        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");
-            restartButton && restartButton.focus();
-          }
-          else {
-            let previousButton = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(".previous-slide-button");
-            previousButton && previousButton.focus();
-          }
-        };
-        /**
-         * Handles focus setting when quiz is set to final slide
-         */
-        const handleFinalSlideInFocus = () => {
-          var _a, _b, _c;
-          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) {
-              focusTarget.focus();
-            }
-          }
-          else {
-            let previousButton = (_c = this.el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector(".previous-slide-button");
-            if (previousButton) {
-              previousButton.focus();
-            }
-          }
-        };
-        /**
-         * Handles Shift+Tab operation on final slide previous button
-         */
-        const handleFinalSlidePreviousFocus = () => {
-          var _a, _b, _c;
-          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"]');
-            if (focusTarget) {
-              focusTarget.focus();
-            }
-          }
-          else {
-            let restartButton = (_c = this.el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector(".restart-quiz-button");
-            if (restartButton) {
-              restartButton.focus();
-            }
-          }
-        };
-        /**
-         * Handles focus setting when the quiz slide is updated
-         */
-        const handleSlideChangeFocus = () => {
-          e.preventDefault();
-          let currentActiveElement = document.activeElement;
-          currentActiveElement.blur();
-          callback();
-          setTimeout(() => {
-            if (this.slide["slide-type"] === "result") {
-              handleFinalSlideInFocus();
-            }
-            else {
-              this.focusFirstRadio();
-            }
-          }, 500);
-        };
-        /**
-         * Handles Arrow operations and focus updates for the quiz's radio options
-         * @param targetIdx Next potential radio button's data-key
-         */
-        const handleArrowFocus = (targetIdx) => {
-          var _a;
-          if (targetIdx === this.slide["options"].length) {
-            targetIdx = 0;
-          }
-          else if (targetIdx < 0) {
-            targetIdx = this.slide["options"].length - 1;
-          }
-          let targetRadio = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`.radio[data-key="${targetIdx}"]`);
-          targetRadio && targetRadio.focus();
-        };
-        switch (e.key) {
-          case "Tab": {
-            switch (idx) {
-              case -1: {
-                break;
-              }
-              case -2: {
-                if (e.shiftKey) {
-                  e.preventDefault();
-                  if (this.slide["slide-type"] === "result") {
-                    handleFinalSlidePreviousFocus();
-                  }
-                  else {
-                    this.focusFirstRadio();
-                  }
-                }
-                break;
-              }
-              default: {
-                if (idx >= 0) {
-                  e.preventDefault();
-                  handleOptionTabInOut();
-                }
-                break;
-              }
-            }
-            break;
-          }
-          case " ": {
-            switch (idx) {
-              case -1:
-              case -2: {
-                break;
-              }
-              case -3: {
-                handleSlideChangeFocus();
-                break;
-              }
-              default: {
-                if (idx >= 0) {
-                  handleSlideChangeFocus();
-                }
-                break;
-              }
-            }
-            break;
-          }
-          case "Enter": {
-            switch (idx) {
-              case -1:
-              case -2: {
-                handleSlideChangeFocus();
-                break;
-              }
-              case -3: {
-                handleSlideChangeFocus();
-                break;
-              }
-              default: {
-                if (idx >= 0) {
-                  handleSlideChangeFocus();
-                }
-                break;
-              }
-            }
-            break;
-          }
-          case "ArrowRight":
-          case "ArrowDown": {
-            if (idx >= 0) {
-              handleArrowFocus(idx + 1);
-            }
-            break;
-          }
-          case "ArrowLeft":
-          case "ArrowUp": {
-            if (idx >= 0) {
-              handleArrowFocus(idx - 1);
-            }
-            break;
-          }
-        }
-      }
-    };
-    this.getQuizEndpoint = undefined;
-    this.quiz = null;
-    this.slide = null;
-    this.traversal = [];
-    this.restartQuizText = undefined;
-    this.previousButtonText = undefined;
-    this.startButtonText = undefined;
-  }
-  handleStartButtonClick() {
-    this.slide = this.slide["next"];
-    this.traversal.push("next");
-  }
-  handleRestartButtonClick() {
-    this.slide = this.quiz;
-    this.traversal = [];
-  }
-  handlePreviousButtonClick() {
-    let previousSlide = this.quiz;
-    for (let step of this.traversal.slice(0, this.traversal.length - 3)) {
-      previousSlide = previousSlide[step];
-    }
-    this.slide = previousSlide;
-    this.traversal = this.traversal.slice(0, this.traversal.length - 3);
-  }
-  handleQuestionOptionClick(dataModelId) {
-    let selectedOptionRadio = this.el.shadowRoot.getElementById(`radio-${dataModelId}`);
-    selectedOptionRadio.classList.add("clicked");
-    setTimeout(() => {
-      let [option, optionInd] = [null, null];
-      let currentSlideOptions = this.slide["options"];
-      for (let ind in currentSlideOptions) {
-        if (currentSlideOptions[ind]["data-model-id"] === dataModelId) {
-          option = currentSlideOptions[ind];
-          optionInd = ind;
-          break;
-        }
-      }
-      this.optionClick.emit(option);
-      if (option["next"] != null) {
-        this.traversal = [
-          ...this.traversal,
-          "options",
-          optionInd,
-          "next",
-        ];
-        let nextImage = new Image();
-        nextImage.src = option["next"]["image"];
-        nextImage.onload = () => {
-          this.slide = option["next"];
-          selectedOptionRadio.classList.remove("clicked");
-        };
-      }
-    }, 200);
-  }
-  componentWillLoad() {
-    fetch(this.getQuizEndpoint)
-      .then((response) => response.json())
-      .then((responseJSON) => {
-      this.quiz = responseJSON;
-      this.slide = this.quiz;
-    })
-      .catch((err) => console.log("Quiz retireval error: ", err));
-  }
-  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"))));
-    };
-    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"))))));
-    };
-    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"])));
-      })))))));
-    };
-    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"]))))))));
-    };
-    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;
-      }
-    };
-    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); }
-};
-PtcEmbeddedQuiz.style = ptcEmbeddedQuizCss;
-
-exports.ptc_embedded_quiz = PtcEmbeddedQuiz;

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

@@ -1,73 +0,0 @@
-'use strict';
-
-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 PtcEnhancedProductListingCard = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ctaFocussed = index.createEvent(this, "ctaFocussed", 7);
-    this.ctaFocussedHandler = () => {
-      this.ctaFocussed.emit({
-        "card-index": this.cardIndex,
-      });
-    };
-    this.componentWillLoad = () => {
-      this.featureCallouts = [];
-      let featureCalloutSlots = this.el.querySelectorAll('[slot^="feature-callout-"]');
-      if (featureCalloutSlots && featureCalloutSlots.length > 0) {
-        for (let featureCalloutSlot of Array.from(featureCalloutSlots)) {
-          this.featureCallouts.push(featureCalloutSlot.innerText);
-        }
-      }
-      let cta = this.el.querySelector('[slot="cta"]');
-      if (cta) {
-        this.cta.href = cta.href;
-        this.cta.title = cta.title;
-        this.cta.text = cta.text;
-        this.cta.target = cta.target;
-      }
-    };
-    this.componentDidLoad = () => {
-      var _a;
-      let cta = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("ptc-button");
-      if (cta) {
-        cta.addEventListener("focus", () => this.ctaFocussedHandler());
-      }
-    };
-    this.cardIndex = 0;
-    this.theme = "standard";
-    this.disablePriceLabel = undefined;
-    this.featureCallouts = [];
-    this.cta = {
-      href: "",
-      title: "",
-      text: "",
-      target: "",
-    };
-  }
-  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)))));
-  }
-  getCssClassMap() {
-    return {
-      [this.theme]: true,
-      ["card"]: true,
-    };
-  }
-  get el() { return index.getElement(this); }
-};
-PtcEnhancedProductListingCard.style = ptcEnhancedProductListingCardCss;
-
-exports.ptc_enhanced_product_listing_card = PtcEnhancedProductListingCard;

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

@@ -1,48 +0,0 @@
-'use strict';
-
-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,.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);margin:-2px;border:2px solid transparent}.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{transition:none;color:var(--color-blue-07)}.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{color:var(--color-blue-05)}.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;cursor:not-allowed}.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);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)}.white-links a{color:var(--color-white) !important}.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";
-  }
-  handleResize() {
-    this.isMobile = window.innerWidth < 992;
-  }
-  componentWillLoad() {
-    this.isMobile = window.innerWidth < 992;
-  }
-  handleflTabClicked(event) {
-    this.selectedTab = event.detail.name;
-    this.updateReadMoreInTabContents();
-  }
-  updateReadMoreInTabContents() {
-    const contentBlocks = this.hostElement.shadowRoot.querySelectorAll(`fl-tab-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 (readMoreComp) {
-          readMoreComp.updateReadmoreStatus();
-        }
-      }
-    });
-  }
-  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 ? (
-    // 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")))))));
-  }
-  get hostElement() { return index.getElement(this); }
-};
-PtcFeaturedList.style = ptcFeaturedListCss;
-
-exports.ptc_featured_list = PtcFeaturedList;