@ptcwebops/ptcw-design 2.6.1 → 2.6.2

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

@@ -6,88 +6,96 @@ const index = require('./index-1662de74.js');
 
 const ptcEmbeddedQuizCss = ":host{display:block}@media only screen and (min-width: 360px){:host .quiz-slide-container{position:relative;width:100%;border:1px solid var(--color-gray-12);background-color:white}: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://www.ptc.com/-/media/Development/Embedded-Vuforia-Quiz/vuforia-background-guide-01.svg\");background-size:cover;background-position:center;opacity:0.25}: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{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 .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{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 .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{padding-left:var(--ptc-element-spacing-05);display:flex;flex-wrap:wrap}: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}:host .quiz-slide-dual-layout .content-container .options-container .radio-input input[type=radio]{width:16px;height:16px}:host .quiz-slide-dual-layout .content-container .options-container .radio-input input[type=radio]:hover{cursor:pointer}:host .quiz-slide-dual-layout .content-container .options-container .radio-input input[type=radio]:hover:before{box-shadow:0px 0px 0px 2px var(--color-gray-05);border-radius:50%;opacity:0.7}:host .quiz-slide-dual-layout .content-container .options-container .radio-input input[type=radio]:before{content:\"\";display:block;width:60%;height:60%;margin:10%;padding:10%;border-radius:50%}:host .quiz-slide-dual-layout .content-container .options-container .radio-input input[type=radio]:checked:before{background:inherit}:host .quiz-slide-dual-layout .content-container .options-container .radio-input .option-label{padding:0 var(--ptc-element-spacing-02) 0 var(--ptc-element-spacing-03)}:host .quiz-slide-dual-layout .content-container .options-container .radio-input .option-label:hover{cursor:pointer}}@media only screen and (min-width: 768px){: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{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}}";
 
-const PtcEmbeddedQuiz = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.optionClick = index.createEvent(this, "optionClick", 7);
-    this.getQuizEndpoint = undefined;
-    this.quiz = null;
-    this.slide = null;
-    this.traversal = [];
-  }
-  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 [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);
-    this.traversal = [...this.traversal, "options", optionInd, "next"];
-    let nextImage = new Image();
-    nextImage.src = option["next"]["image"];
-    nextImage.onload = () => {
-      this.slide = option["next"];
-    };
-  }
-  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", { class: "restart-quiz-button", onClick: () => this.handleRestartButtonClick() }, 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-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, "Restart")));
-    };
-    const QuizSlidePreviousButton = () => {
-      return index.h("div", { class: "center-button-container" }, index.h("div", { class: "previous-slide-button", onClick: () => this.handlePreviousButtonClick() }, 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-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, "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": "x-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": "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["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-5", "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" }, "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-para", { "ellipsis-line-cutoff": "0", "font-size": "medium", "font-weight": "w-7", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-denser", "para-margin": "margin-bottom-6", "para-style": "", "para-z-index": "z-1", styles: "" }, this.slide["question"]), index.h("div", { class: "options-container" }, this.slide["options"].map(option => {
-        return index.h("div", { class: "radio-input" }, index.h("input", { type: "radio", name: "test", id: `${option["data-value"]}`, onClick: () => this.handleQuestionOptionClick(option["data-model-id"]), "data-model-id": `${option["data-model-id"]}` }), index.h("label", { class: "option-label", htmlFor: `${option["data-value"]}` }, index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-densest", "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-para", { "ellipsis-line-cutoff": "0", "font-size": "medium", "font-weight": "w-7", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-denser", "para-margin": "margin-bottom-6", "para-style": "", "para-z-index": "z-1", styles: "" }, this.slide["title"]), index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-5", "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", color: "ptc-quaternary", "link-href": this.slide["cta-quaternary"]["href"], target: "_blank" }, this.slide["cta-quaternary"]["text"]), this.slide["cta-tertiary"] && index.h("ptc-button", { type: "link", color: "ptc-tertiary", "link-href": this.slide["cta-tertiary"]["href"], target: "_blank" }, 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" }), getQuizSlide())));
-  }
-  get el() { return index.getElement(this); }
-};
+const PtcEmbeddedQuiz = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.optionClick = index.createEvent(this, "optionClick", 7);
+    this.getQuizEndpoint = undefined;
+    this.quiz = null;
+    this.slide = null;
+    this.traversal = [];
+    this.selectedOptionRadio = 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(e, dataModelId) {
+    this.selectedOptionRadio = e.target;
+    this.selectedOptionRadio.checked = true;
+    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"];
+          this.selectedOptionRadio.checked = false;
+        };
+      }
+    }, 150);
+  }
+  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", { class: "restart-quiz-button", onClick: () => this.handleRestartButtonClick() }, 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-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, "Restart")));
+    };
+    const QuizSlidePreviousButton = () => {
+      return index.h("div", { class: "center-button-container" }, index.h("div", { class: "previous-slide-button", onClick: () => this.handlePreviousButtonClick() }, 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-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, "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": "x-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": "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["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-5", "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" }, "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-para", { "ellipsis-line-cutoff": "0", "font-size": "medium", "font-weight": "w-7", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-denser", "para-margin": "margin-bottom-6", "para-style": "", "para-z-index": "z-1", styles: "" }, this.slide["question"]), index.h("div", { class: "options-container" }, this.slide["options"].map(option => {
+        return index.h("div", { class: "radio-input" }, index.h("input", { type: "radio", name: "test", id: `${option["data-value"]}`, onClick: e => this.handleQuestionOptionClick(e, option["data-model-id"]), "data-model-id": `${option["data-model-id"]}` }), index.h("label", { class: "option-label", htmlFor: `${option["data-value"]}` }, index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-densest", "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-para", { "ellipsis-line-cutoff": "0", "font-size": "medium", "font-weight": "w-7", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-denser", "para-margin": "margin-bottom-6", "para-style": "", "para-z-index": "z-1", styles: "" }, this.slide["title"]), index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-5", "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", color: "ptc-quaternary", "link-href": this.slide["cta-quaternary"]["href"], target: "_blank" }, this.slide["cta-quaternary"]["text"]), this.slide["cta-tertiary"] && index.h("ptc-button", { type: "link", color: "ptc-tertiary", "link-href": this.slide["cta-tertiary"]["href"], target: "_blank" }, 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" }), getQuizSlide())));
+  }
+  get el() { return index.getElement(this); }
+};
 PtcEmbeddedQuiz.style = ptcEmbeddedQuizCss;
 
 exports.ptc_embedded_quiz = PtcEmbeddedQuiz;

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

@@ -6,88 +6,88 @@ const index = require('./index-1662de74.js');
 
 const ptcFeaturedListCss = "a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-blue-07);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{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}.light-links a,.light-links a.light-link,.background-grey-10 a,.background-grey-10 a.light-link,.background-plm-grey a,.background-plm-grey a.light-link{color:var(--color-blue-04)}.light-links a:visited,.light-links a.light-link:visited,.background-grey-10 a:visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:active,.light-links a:visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:active,.background-grey-10 a:visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:active,.background-plm-grey a:visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{color:var(--color-blue-07)}.light-links a:hover,.light-links a:visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:hover,.background-grey-10 a:visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:hover,.background-plm-grey 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.disabled,.light-links a.light-link.disabled,.background-grey-10 a.disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a.disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.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{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{color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}: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{max-width:1078px;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 (min-width: 1300px){:host .non-mobile-wrapper{margin:-75px auto 0 auto}}@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{border-radius:4px;margin:12px 0;padding:4px 8px}:host .non-mobile-wrapper .fl-header:hover{background-color:var(--color-gray-02)}:host .non-mobile-wrapper .fl-header.selected,:host .non-mobile-wrapper .fl-header.init-active{background-color:var(--color-gray-03)}: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.selectedTabGloble = 'tab-01';
-  }
-  handleResize() {
-    this.isMobile = window.innerWidth < 992;
-    this.holdTabOnResize(this.selectedTabGloble);
-  }
-  componentWillLoad() {
-    this.isMobile = window.innerWidth < 992;
-  }
-  handleflTabClicked(event) {
-    this.selectedTabGloble = event.detail.name;
-    this.selectTab(this.selectedTabGloble);
-  }
-  holdTabOnResize(name) {
-    const contentBlocks = this.hostElement.shadowRoot.querySelectorAll(`fl-tab-content`);
-    const headerBlocks = this.hostElement.shadowRoot.querySelectorAll(`fl-tab-header`);
-    contentBlocks.forEach(content => {
-      if (content.classList.contains("init-active")) {
-        content.classList.remove("init-active");
-      }
-      content.getAttribute('name-key') === name ? (content.setAttribute('selected', 'selected')) : (content.removeAttribute('selected'));
-    });
-    headerBlocks.forEach(header => {
-      if (header.classList.contains("init-active")) {
-        header.classList.remove("init-active");
-      }
-      header.getAttribute('name-key') === name ? (header.setAttribute('selected', 'selected')) : (header.removeAttribute('selected'));
-    });
-  }
-  selectTab(name) {
-    const featuredImages = this.hostElement.shadowRoot.querySelectorAll(`fl-tab-image`);
-    const contentBlocks = this.hostElement.shadowRoot.querySelectorAll(`fl-tab-content`);
-    const headerBlocks = this.hostElement.shadowRoot.querySelectorAll(`fl-tab-header`);
-    featuredImages.forEach(image => {
-      if (image.classList.contains("init-active")) {
-        image.classList.remove("init-active");
-      }
-      image.getAttribute('name-key') === name ? (image.setAttribute('selected', 'selected')) : (image.removeAttribute('selected'));
-    });
-    contentBlocks.forEach(content => {
-      this.updateActiveTab(name, content);
-    });
-    headerBlocks.forEach(header => {
-      this.updateActiveTab(name, header);
-    });
-  }
-  updateActiveTab(name, tabName) {
-    if (this.isMobile) {
-      if (tabName.getAttribute('name-key') === name) {
-        if (tabName.classList.contains("init-active")) {
-          tabName.removeAttribute('selected');
-        }
-        else {
-          tabName.getAttribute('selected') == 'selected' ? (tabName.removeAttribute('selected')) : (tabName.setAttribute('selected', 'selected'));
-        }
-      }
-      else {
-        tabName.removeAttribute('selected');
-      }
-    }
-    else {
-      tabName.getAttribute('name-key') === name ? (tabName.setAttribute('selected', 'selected')) : (tabName.removeAttribute('selected'));
-    }
-    if (tabName.classList.contains("init-active")) {
-      tabName.classList.remove("init-active");
-    }
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: "featured-image-wrap" }, index.h("fl-tab-image", { "name-key": "tab-01", class: "init-active" }, 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" }, 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" }, 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" }, 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", { "name-key": "tab-01", "tab-title": "Aerospace & Defense", class: "init-active" }, " "), index.h("fl-tab-content", { "name-key": "tab-01", class: "init-active" }, 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: '#' }, "See More about Aerospace & Defense"))), index.h("div", { class: 'acc-item' }, index.h("fl-tab-header", { "name-key": "tab-02", "tab-title": "Automotive" }), index.h("fl-tab-content", { "name-key": "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: '#' }, "See More about Aerospace & Defense"))), index.h("div", { class: 'acc-item' }, index.h("fl-tab-header", { "name-key": "tab-03", "tab-title": "Electronics & High-Tech" }), index.h("fl-tab-content", { "name-key": "tab-03" }, 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: '#' }, "See More about Aerospace & Defense"))), index.h("div", { class: 'acc-item' }, index.h("fl-tab-header", { "name-key": "tab-04", "tab-title": "Retail & Consumer Products" }), index.h("fl-tab-content", { "name-key": "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: '#' }, "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", class: "init-active" }, " "), index.h("fl-tab-header", { "name-key": "tab-02", "tab-title": "Automotive" }), index.h("fl-tab-header", { "name-key": "tab-03", "tab-title": "Electronics & High-Tech" }), index.h("fl-tab-header", { "name-key": "tab-04", "tab-title": "Retail & Consumer Products" })), index.h("div", { class: "content-wrap" }, index.h("fl-tab-content", { "name-key": "tab-01", class: "init-active" }, 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" }, "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: '#' }, "See More about Aerospace & Defense")), index.h("fl-tab-content", { "name-key": "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: '#' }, "See More about Aerospace & Defense")), index.h("fl-tab-content", { "name-key": "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: '#' }, "See More about Aerospace & Defense")), index.h("fl-tab-content", { "name-key": "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" }, "Navigate supply chain disruption while maximizing revenue growth and sustainability. Explore how PTC\u2019s digital solutions can accelerate product innovation, supply chain collaboration, and more."), index.h("a", { href: '#' }, "See More about Aerospace & Defense")))))));
-  }
-  get hostElement() { return index.getElement(this); }
-};
+const PtcFeaturedList = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.isMobile = undefined;
+    this.selectedTabGloble = 'tab-01';
+  }
+  handleResize() {
+    this.isMobile = window.innerWidth < 992;
+    this.holdTabOnResize(this.selectedTabGloble);
+  }
+  componentWillLoad() {
+    this.isMobile = window.innerWidth < 992;
+  }
+  handleflTabClicked(event) {
+    this.selectedTabGloble = event.detail.name;
+    this.selectTab(this.selectedTabGloble);
+  }
+  holdTabOnResize(name) {
+    const contentBlocks = this.hostElement.shadowRoot.querySelectorAll(`fl-tab-content`);
+    const headerBlocks = this.hostElement.shadowRoot.querySelectorAll(`fl-tab-header`);
+    contentBlocks.forEach(content => {
+      if (content.classList.contains("init-active")) {
+        content.classList.remove("init-active");
+      }
+      content.getAttribute('name-key') === name ? (content.setAttribute('selected', 'selected')) : (content.removeAttribute('selected'));
+    });
+    headerBlocks.forEach(header => {
+      if (header.classList.contains("init-active")) {
+        header.classList.remove("init-active");
+      }
+      header.getAttribute('name-key') === name ? (header.setAttribute('selected', 'selected')) : (header.removeAttribute('selected'));
+    });
+  }
+  selectTab(name) {
+    const featuredImages = this.hostElement.shadowRoot.querySelectorAll(`fl-tab-image`);
+    const contentBlocks = this.hostElement.shadowRoot.querySelectorAll(`fl-tab-content`);
+    const headerBlocks = this.hostElement.shadowRoot.querySelectorAll(`fl-tab-header`);
+    featuredImages.forEach(image => {
+      if (image.classList.contains("init-active")) {
+        image.classList.remove("init-active");
+      }
+      image.getAttribute('name-key') === name ? (image.setAttribute('selected', 'selected')) : (image.removeAttribute('selected'));
+    });
+    contentBlocks.forEach(content => {
+      this.updateActiveTab(name, content);
+    });
+    headerBlocks.forEach(header => {
+      this.updateActiveTab(name, header);
+    });
+  }
+  updateActiveTab(name, tabName) {
+    if (this.isMobile) {
+      if (tabName.getAttribute('name-key') === name) {
+        if (tabName.classList.contains("init-active")) {
+          tabName.removeAttribute('selected');
+        }
+        else {
+          tabName.getAttribute('selected') == 'selected' ? (tabName.removeAttribute('selected')) : (tabName.setAttribute('selected', 'selected'));
+        }
+      }
+      else {
+        tabName.removeAttribute('selected');
+      }
+    }
+    else {
+      tabName.getAttribute('name-key') === name ? (tabName.setAttribute('selected', 'selected')) : (tabName.removeAttribute('selected'));
+    }
+    if (tabName.classList.contains("init-active")) {
+      tabName.classList.remove("init-active");
+    }
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: "featured-image-wrap" }, index.h("fl-tab-image", { "name-key": "tab-01", class: "init-active" }, 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" }, 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" }, 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" }, 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", { "name-key": "tab-01", "tab-title": "Aerospace & Defense", class: "init-active" }, " "), index.h("fl-tab-content", { "name-key": "tab-01", class: "init-active" }, 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: '#' }, "See More about Aerospace & Defense"))), index.h("div", { class: 'acc-item' }, index.h("fl-tab-header", { "name-key": "tab-02", "tab-title": "Automotive" }), index.h("fl-tab-content", { "name-key": "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: '#' }, "See More about Aerospace & Defense"))), index.h("div", { class: 'acc-item' }, index.h("fl-tab-header", { "name-key": "tab-03", "tab-title": "Electronics & High-Tech" }), index.h("fl-tab-content", { "name-key": "tab-03" }, 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: '#' }, "See More about Aerospace & Defense"))), index.h("div", { class: 'acc-item' }, index.h("fl-tab-header", { "name-key": "tab-04", "tab-title": "Retail & Consumer Products" }), index.h("fl-tab-content", { "name-key": "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: '#' }, "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", class: "init-active" }, " "), index.h("fl-tab-header", { "name-key": "tab-02", "tab-title": "Automotive" }), index.h("fl-tab-header", { "name-key": "tab-03", "tab-title": "Electronics & High-Tech" }), index.h("fl-tab-header", { "name-key": "tab-04", "tab-title": "Retail & Consumer Products" })), index.h("div", { class: "content-wrap" }, index.h("fl-tab-content", { "name-key": "tab-01", class: "init-active" }, 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" }, "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: '#' }, "See More about Aerospace & Defense")), index.h("fl-tab-content", { "name-key": "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: '#' }, "See More about Aerospace & Defense")), index.h("fl-tab-content", { "name-key": "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: '#' }, "See More about Aerospace & Defense")), index.h("fl-tab-content", { "name-key": "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" }, "Navigate supply chain disruption while maximizing revenue growth and sustainability. Explore how PTC\u2019s digital solutions can accelerate product innovation, supply chain collaboration, and more."), index.h("a", { href: '#' }, "See More about Aerospace & Defense")))))));
+  }
+  get hostElement() { return index.getElement(this); }
+};
 PtcFeaturedList.style = ptcFeaturedListCss;
 
 exports.ptc_featured_list = PtcFeaturedList;

package/dist/cjs/ptc-filter-tag.cjs.entry.js

@@ -6,63 +6,63 @@ const index = require('./index-1662de74.js');
 
 const ptcFilterTagCss = ".ptc-filter-tag{display:block;cursor:pointer;position:relative;margin:0.25rem}.ptc-filter-tag.bubble{margin:0 0.25rem;display:inline-block;color:var(--color-gray-12);font-family:Raleway;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:1.125rem;text-align:left;align-items:center;transition:border-color ease-out 250ms;border:1px solid var(--color-gray-05);border-radius:999px;padding:0.375rem 1.875rem 0.375rem 0.875rem;background:var(--color-white)}.ptc-filter-tag.bubble:hover{border:1px solid var(--color-gray-12)}.ptc-filter-tag.bubble .cls{display:block;position:absolute;top:0.35rem;right:0.8rem}.ptc-filter-tag.link,.ptc-filter-tag.link-lg{display:inline-block;font-family:Raleway;color:var(--color-gray-12);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:right;border-bottom:1px solid transparent;background:var(--color-white)}.ptc-filter-tag.link:hover,.ptc-filter-tag.link-lg:hover{text-decoration:underline}.ptc-filter-tag.link .cls,.ptc-filter-tag.link-lg .cls{display:none}.ptc-filter-tag.link-lg{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold)}.ptc-filter-tag.button{display:inline-block;background-color:var(--color-gray-12);border-radius:var(--ptc-border-radius-standard);padding:0.625rem 1rem;font-family:\"Raleway\";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-denser);color:var(--color-white);transition:border-color ease-out 250ms}.ptc-filter-tag.button:hover{background-color:var(--color-gray-10)}.ptc-filter-tag.button:active{background-color:var(--color-black)}.ptc-filter-tag.button .cls{display:none}.ptc-filter-tag.standard{display:inline-flex;background:var(--color-gray-12);font-family:\"Raleway\";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-denser);color:var(--color-green-07);background-color:transparent}.ptc-filter-tag.standard .cls{display:block;margin-left:0.25rem}";
 
-const PtcFilterTag = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.clicked = index.createEvent(this, "clicked", 7);
-    this.handleClick = () => {
-      this.clicked.emit(this);
-    };
-    this.theme = 'bubble';
-    this.iconColorMap = undefined;
-  }
-  componentWillLoad() {
-    this.iconColorMap = {
-      'bubble': {
-        'hover': 'black',
-        'standard': 'light-gray'
-      },
-      'standard': {
-        'hover': 'ptc-green',
-        'standard': 'black'
-      },
-    };
-  }
-  handleMouseEnter() {
-    this.updateIconColor('hover');
-  }
-  handleMouseLeave() {
-    this.updateIconColor('standard');
-  }
-  updateIconColor(state) {
-    let icon = this.el.shadowRoot.querySelector('icon-asset');
-    if (icon) {
-      if (this.iconColorMap[this.theme]) {
-        icon.setAttribute('color', this.iconColorMap[this.theme][state]);
-      }
-    }
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    let icon;
-    switch (this.theme) {
-      case 'bubble':
-        icon = (index.h("icon-asset", { class: "cls", type: "ptc", color: "light-gray", name: "times", size: "micro" }));
-        break;
-      case 'standard':
-        icon = (index.h("icon-asset", { class: "cls", type: "ptc", color: "black", name: "times", size: "xxx-small" }));
-        break;
-    }
-    return (index.h(index.Host, null, index.h("span", { class: classMap, onClick: () => this.handleClick(), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, index.h("slot", null), icon)));
-  }
-  getCssClassMap() {
-    return {
-      ['ptc-filter-tag']: true,
-      [this.theme]: true
-    };
-  }
-  get el() { return index.getElement(this); }
-};
+const PtcFilterTag = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.clicked = index.createEvent(this, "clicked", 7);
+    this.handleClick = () => {
+      this.clicked.emit(this);
+    };
+    this.theme = 'bubble';
+    this.iconColorMap = undefined;
+  }
+  componentWillLoad() {
+    this.iconColorMap = {
+      'bubble': {
+        'hover': 'black',
+        'standard': 'light-gray'
+      },
+      'standard': {
+        'hover': 'ptc-green',
+        'standard': 'black'
+      },
+    };
+  }
+  handleMouseEnter() {
+    this.updateIconColor('hover');
+  }
+  handleMouseLeave() {
+    this.updateIconColor('standard');
+  }
+  updateIconColor(state) {
+    let icon = this.el.shadowRoot.querySelector('icon-asset');
+    if (icon) {
+      if (this.iconColorMap[this.theme]) {
+        icon.setAttribute('color', this.iconColorMap[this.theme][state]);
+      }
+    }
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    let icon;
+    switch (this.theme) {
+      case 'bubble':
+        icon = (index.h("icon-asset", { class: "cls", type: "ptc", color: "light-gray", name: "times", size: "micro" }));
+        break;
+      case 'standard':
+        icon = (index.h("icon-asset", { class: "cls", type: "ptc", color: "black", name: "times", size: "xxx-small" }));
+        break;
+    }
+    return (index.h(index.Host, null, index.h("span", { class: classMap, onClick: () => this.handleClick(), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, index.h("slot", null), icon)));
+  }
+  getCssClassMap() {
+    return {
+      ['ptc-filter-tag']: true,
+      [this.theme]: true
+    };
+  }
+  get el() { return index.getElement(this); }
+};
 PtcFilterTag.style = ptcFilterTagCss;
 
 exports.ptc_filter_tag = PtcFilterTag;

package/dist/cjs/ptc-hero-footer-cta.cjs.entry.js

@@ -6,17 +6,17 @@ const index = require('./index-1662de74.js');
 
 const ptcHeroFooterCtaCss = ".sc-ptc-hero-footer-cta-h{display:block}.hero-footer-cta.sc-ptc-hero-footer-cta{position:relative;padding:var(--ptc-layout-spacing-05) 0;background-position:50%;background-size:cover;background-repeat:no-repeat;position:relative}.hero-footer-cta.sc-ptc-hero-footer-cta .is-grid.sc-ptc-hero-footer-cta{align-items:center;position:relative;z-index:10;margin:auto}.hero-footer-cta.sc-ptc-hero-footer-cta h2.sc-ptc-hero-footer-cta,.hero-footer-cta.sc-ptc-hero-footer-cta p.sc-ptc-hero-footer-cta{color:var(--color-white);text-shadow:1px 1px 20px rgba(0, 0, 0, 0.5);font-stretch:normal;font-style:normal;text-align:left;color:var(--color-white)}.hero-footer-cta.sc-ptc-hero-footer-cta h2.sc-ptc-hero-footer-cta{font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-black);letter-spacing:var(--ptc-letter-spacing-loose);margin:var(--ptc-element-spacing-04) 0}@media only screen and (min-width: 992px){.hero-footer-cta.sc-ptc-hero-footer-cta h2.sc-ptc-hero-footer-cta{font-size:var(--ptc-font-size-xxxx-large);font-weight:var(--ptc-font-weight-extrabold)}}.hero-footer-cta.sc-ptc-hero-footer-cta p.sc-ptc-hero-footer-cta{font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);letter-spacing:var(--ptc-letter-spacing-normal)}@media only screen and (min-width: 768px){.hero-footer-cta.sc-ptc-hero-footer-cta p.sc-ptc-hero-footer-cta{max-width:70%}}@media only screen and (min-width: 992px){.hero-footer-cta.sc-ptc-hero-footer-cta p.sc-ptc-hero-footer-cta{font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-denser)}}.hero-footer-cta.sc-ptc-hero-footer-cta .cta-overlay.sc-ptc-hero-footer-cta{position:absolute;top:0;bottom:0;right:0;left:0;background:rgba(0, 0, 0, 0.35)}.hero-footer-cta.sc-ptc-hero-footer-cta .btm-cta-cut.sc-ptc-hero-footer-cta{position:absolute;top:-1px;right:0;fill:var(--color-white);z-index:100;transform:scaleY(-1)}@media only screen and (min-width: 992px){.hero-footer-cta.sc-ptc-hero-footer-cta .cta-left-padding.sc-ptc-hero-footer-cta{padding-left:var(--ptc-element-spacing-08)}}";
 
-const PtcHeroFooterCta = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ctaTitle = undefined;
-    this.description = undefined;
-    this.backgroundImage = undefined;
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: "hero-footer-cta ", style: { backgroundImage: `url(${this.backgroundImage})` } }, index.h("svg", { class: "btm-cta-cut", xmlns: "http://www.w3.org/2000/svg", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179" }, index.h("path", { fill: "#F3F3F3", id: "Path_8770", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "path-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" })), index.h("div", { class: "cta-overlay" }), index.h("div", { class: "ptc-container is-grid has-p-lg" }, index.h("div", { class: "is-col-8-lg cta-left-padding" }, index.h("h2", null, this.ctaTitle), index.h("p", null, this.description)), index.h("div", { class: "is-col-4-lg cta-section" }, index.h("slot", { name: "cta" }))))));
-  }
-};
+const PtcHeroFooterCta = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ctaTitle = undefined;
+    this.description = undefined;
+    this.backgroundImage = undefined;
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: "hero-footer-cta ", style: { backgroundImage: `url(${this.backgroundImage})` } }, index.h("svg", { class: "btm-cta-cut", xmlns: "http://www.w3.org/2000/svg", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179" }, index.h("path", { fill: "#F3F3F3", id: "Path_8770", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "path-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" })), index.h("div", { class: "cta-overlay" }), index.h("div", { class: "ptc-container is-grid has-p-lg" }, index.h("div", { class: "is-col-8-lg cta-left-padding" }, index.h("h2", null, this.ctaTitle), index.h("p", null, this.description)), index.h("div", { class: "is-col-4-lg cta-section" }, index.h("slot", { name: "cta" }))))));
+  }
+};
 PtcHeroFooterCta.style = ptcHeroFooterCtaCss;
 
 exports.ptc_hero_footer_cta = PtcHeroFooterCta;