@ptcwebops/ptcw-design 6.3.65-beta → 6.3.68-beta

package/dist/collection/components/ptc-embedded-quiz/ptc-embedded-quiz.js

@@ -1,4 +1,4 @@
-import { Host, h, Fragment } from '@stencil/core';
+import { Host, h, Fragment, } from "@stencil/core";
 export class PtcEmbeddedQuiz {
   constructor() {
     /**
@@ -6,7 +6,7 @@ export class PtcEmbeddedQuiz {
      */
     this.focusFirstRadio = () => {
       var _a;
-      let firstRadio = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.radio');
+      let firstRadio = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".radio");
       if (firstRadio) {
         firstRadio.focus();
       }
@@ -25,11 +25,11 @@ export class PtcEmbeddedQuiz {
         const handleOptionTabInOut = () => {
           var _a, _b;
           if (e.shiftKey) {
-            let restartButton = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.restart-quiz-button');
+            let restartButton = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".restart-quiz-button");
             restartButton && restartButton.focus();
           }
           else {
-            let previousButton = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.previous-slide-button');
+            let previousButton = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(".previous-slide-button");
             previousButton && previousButton.focus();
           }
         };
@@ -38,7 +38,7 @@ export class PtcEmbeddedQuiz {
          */
         const handleFinalSlideInFocus = () => {
           var _a, _b, _c;
-          let firstButton = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('ptc-button');
+          let firstButton = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("ptc-button");
           if (firstButton) {
             let focusTarget = (_b = firstButton.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('a[tabindex="0"]');
             if (focusTarget) {
@@ -46,7 +46,7 @@ export class PtcEmbeddedQuiz {
             }
           }
           else {
-            let previousButton = (_c = this.el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.previous-slide-button');
+            let previousButton = (_c = this.el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector(".previous-slide-button");
             if (previousButton) {
               previousButton.focus();
             }
@@ -57,7 +57,7 @@ export class PtcEmbeddedQuiz {
          */
         const handleFinalSlidePreviousFocus = () => {
           var _a, _b, _c;
-          let ctaButtons = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('ptc-button');
+          let ctaButtons = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll("ptc-button");
           if (ctaButtons.length > 0) {
             let targetButton = ctaButtons[ctaButtons.length - 1];
             let focusTarget = (_b = targetButton.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('a[tabindex="0"]');
@@ -66,7 +66,7 @@ export class PtcEmbeddedQuiz {
             }
           }
           else {
-            let restartButton = (_c = this.el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.restart-quiz-button');
+            let restartButton = (_c = this.el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector(".restart-quiz-button");
             if (restartButton) {
               restartButton.focus();
             }
@@ -185,7 +185,8 @@ export class PtcEmbeddedQuiz {
             }
             break;
           }
-          default: break;
+          default:
+            break;
         }
       }
     };
@@ -228,7 +229,12 @@ export class PtcEmbeddedQuiz {
       }
       this.optionClick.emit(option);
       if (option["next"] != null) {
-        this.traversal = [...this.traversal, "options", optionInd, "next"];
+        this.traversal = [
+          ...this.traversal,
+          "options",
+          optionInd,
+          "next",
+        ];
         let nextImage = new Image();
         nextImage.src = option["next"]["image"];
         nextImage.onload = () => {
@@ -249,31 +255,35 @@ export class PtcEmbeddedQuiz {
   }
   render() {
     const QuizSlideRestartButton = () => {
-      return h("div", { class: "right-button-container" }, 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 }, h("icon-asset", { id: "restart-arrow", type: "ptc", size: "small", name: "quiz-arrow-restart" }), h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, this.restartQuizText || "Restart")));
+      return (h("div", { class: "right-button-container" }, 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 }, h("icon-asset", { id: "restart-arrow", type: "ptc", size: "small", name: "quiz-arrow-restart" }), 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 h("div", { class: "center-button-container" }, 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 }, h("icon-asset", { id: "left-arrow", type: "ptc", size: "medium", name: "quiz-arrow-left", onClick: () => { } }), h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, this.previousButtonText || "Previous")));
+    const QuizSlidePreviousButton = (props) => {
+      return (h("div", { class: "center-button-container" }, 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 }, h("icon-asset", { id: "left-arrow", type: "ptc", size: "medium", name: "quiz-arrow-left", onClick: () => { } }), 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 (h("div", { class: "quiz-slide-initial" }, h("div", { class: "quiz-slide-content" }, h("div", { id: "initial-quiz-h2", class: "quiz-slide-text-container" }, 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"])), h("ptc-spacer", { size: 'medium', breakpoint: 'small' }), h("ptc-spacer", { size: 'large', breakpoint: 'x-small' }), h("div", { id: "initial-quiz-h3", class: "quiz-slide-text-container" }, 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"])), h("ptc-spacer", { size: 'x-large', breakpoint: 'small' }), h("ptc-spacer", { size: 'xx-large', breakpoint: 'x-small' }), h("div", { id: "initial-quiz-p", class: "quiz-slide-text-container" }, 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"])), h("div", { class: "center-button-container" }, h("div", { id: "quiz-start-button", onClick: () => this.handleStartButtonClick() }, h("ptc-button", { type: "link", color: "ptc-tertiary", "link-href": "", target: "_blank", onKeyDown: e => this.handleKeyClick(e, () => this.handleStartButtonClick(), -3), "tracker-id": "quiz-start-button" }, this.startButtonText || "Start"))))));
+      return (h("div", { class: "quiz-slide-initial" }, h("div", { class: "quiz-slide-content" }, h("div", { id: "initial-quiz-h2", class: "quiz-slide-text-container" }, 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"])), h("ptc-spacer", { size: "medium", breakpoint: "small" }), h("ptc-spacer", { size: "large", breakpoint: "x-small" }), h("div", { id: "initial-quiz-h3", class: "quiz-slide-text-container" }, 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"])), h("ptc-spacer", { size: "x-large", breakpoint: "small" }), h("ptc-spacer", { size: "xx-large", breakpoint: "x-small" }), h("div", { id: "initial-quiz-p", class: "quiz-slide-text-container" }, 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"])), h("div", { class: "center-button-container" }, h("div", { id: "quiz-start-button", onClick: () => this.handleStartButtonClick() }, 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 (h("div", { class: "quiz-slide-question" }, h("div", { class: "quiz-slide-content" }, h("div", { class: "quiz-slide-dual-layout" }, h("div", { class: "image-container" }, h("img", { alt: "", src: this.slide['image'] })), h("div", { class: "content-container" }, 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"]), h("div", { class: "options-container" }, this.slide["options"].map((option, idx) => {
-        return 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 }, h("span", { id: `radio-${option["data-model-id"]}`, class: "radio", tabIndex: 0, "data-key": idx }), h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, option["data-value"]));
+      return (h("div", { class: "quiz-slide-question" }, h("div", { class: "quiz-slide-content" }, h("div", { class: "quiz-slide-dual-layout" }, h("div", { class: "image-container" }, h("img", { alt: "", src: this.slide["image"] })), h("div", { class: "content-container" }, 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"]), h("div", { class: "options-container" }, this.slide["options"].map((option, idx) => {
+        return (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 }, h("span", { id: `radio-${option["data-model-id"]}`, class: "radio", tabIndex: 0, "data-key": idx }), 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 (h("div", { class: "quiz-slide-result" }, h("div", { class: "quiz-slide-content" }, h("div", { class: "quiz-slide-dual-layout" }, h("div", { class: "image-container" }, h("img", { alt: "", src: this.slide["image"] })), h("div", { class: "content-container" }, 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"]), h("ptc-spacer", { size: 'large', breakpoint: 'small' }), h("ptc-spacer", { size: 'x-large', breakpoint: 'x-small' }), 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"]), h("div", { class: "cta-container" }, this.slide["cta-quaternary"] && 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"] && h("ptc-button", { type: "link", target: this.slide["cta-tertiary"]["target"], color: "ptc-tertiary", "link-href": this.slide["cta-tertiary"]["href"], "tracker-id": 'final-cta-tertiary' }, this.slide["cta-tertiary"]["text"])))))));
+      return (h("div", { class: "quiz-slide-result" }, h("div", { class: "quiz-slide-content" }, h("div", { class: "quiz-slide-dual-layout" }, h("div", { class: "image-container" }, h("img", { alt: "", src: this.slide["image"] })), h("div", { class: "content-container" }, 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"]), h("ptc-spacer", { size: "large", breakpoint: "small" }), h("ptc-spacer", { size: "x-large", breakpoint: "x-small" }), 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"]), h("div", { class: "cta-container" }, this.slide["cta-quaternary"] && (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"] && (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 h(QuizInitialSlide, null);
-        case "question": return h(Fragment, null, h(QuizSlideRestartButton, null), h(QuizQuestionSlide, null), (this.traversal.length > 1) ? h(QuizSlidePreviousButton, null) : null);
-        case "result": return h(Fragment, null, h(QuizSlideRestartButton, null), h(QuizResultSlide, null), h(QuizSlidePreviousButton, null));
-        default: return null;
+        case "initial":
+          return h(QuizInitialSlide, null);
+        case "question":
+          return (h(Fragment, null, h(QuizSlideRestartButton, null), h(QuizQuestionSlide, null), this.traversal.length > 1 ? (h(QuizSlidePreviousButton, null)) : null));
+        case "result":
+          return (h(Fragment, null, h(QuizSlideRestartButton, null), h(QuizResultSlide, null), h(QuizSlidePreviousButton, null)));
+        default:
+          return null;
       }
     };
-    return (h(Host, null, this.quiz && h("div", { class: "quiz-slide-container" }, h("div", { class: "quiz-slide-background" }), h("slot", { name: "seo-content" }), getQuizSlide())));
+    return (h(Host, null, this.quiz && (h("div", { class: "quiz-slide-container" }, h("div", { class: "quiz-slide-background" }), h("slot", { name: "seo-content" }), getQuizSlide()))));
   }
   static get is() { return "ptc-embedded-quiz"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/ptc-enhanced-product-listing-card/ptc-enhanced-product-listing-card.css

@@ -9,8 +9,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -29,8 +31,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */
@@ -69,7 +73,7 @@ ptc-link, ptc-square-card,
   width: 288px;
   height: 100%;
   border-radius: var(--ptc-border-radius-standard);
-  background: #FFF;
+  background: #fff;
   box-shadow: var(--ptc-shadow-small);
 }
 :host .card.alternate {
@@ -86,7 +90,7 @@ ptc-link, ptc-square-card,
   padding: 6px 28px;
   justify-content: center;
   align-items: center;
-  color: #FFF;
+  color: #fff;
   font-family: Raleway;
   font-size: var(--ptc-font-size-x-small);
   font-style: var(--ptc-font-style-normal);
@@ -119,7 +123,7 @@ ptc-link, ptc-square-card,
   line-height: var(--ptc-line-height-p);
 }
 :host .pricing .pricing-value {
-  color: var(--color-gray-10, #323B42);
+  color: var(--color-gray-10, #323b42);
   font-family: Raleway;
   font-size: var(--ptc-font-size-x-large);
   font-style: var(--ptc-font-style-normal);

package/dist/collection/components/ptc-enhanced-product-listing-card/ptc-enhanced-product-listing-card.js

@@ -1,9 +1,9 @@
-import { Host, h } from '@stencil/core';
+import { Host, h, } from "@stencil/core";
 export class PtcEnhancedProductListingCard {
   constructor() {
     this.ctaFocussedHandler = () => {
       this.ctaFocussed.emit({
-        'card-index': this.cardIndex
+        "card-index": this.cardIndex,
       });
     };
     this.componentWillLoad = () => {
@@ -24,13 +24,13 @@ export class PtcEnhancedProductListingCard {
     };
     this.componentDidLoad = () => {
       var _a;
-      let cta = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('ptc-button');
+      let cta = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("ptc-button");
       if (cta) {
-        cta.addEventListener('focus', () => this.ctaFocussedHandler());
+        cta.addEventListener("focus", () => this.ctaFocussedHandler());
       }
     };
     this.cardIndex = 0;
-    this.theme = 'standard';
+    this.theme = "standard";
     this.disablePriceLabel = undefined;
     this.featureCallouts = [];
     this.cta = {
@@ -42,12 +42,19 @@ export class PtcEnhancedProductListingCard {
   }
   render() {
     const classMap = this.getCssClassMap();
-    return (h(Host, null, h("div", { class: classMap }, this.theme == 'standard' && h("div", { class: "ribbon" }, h("svg", { class: "ribbon-wrap-around", xmlns: "http://www.w3.org/2000/svg", width: "4", height: "4", viewBox: "0 0 4 4", fill: "none" }, h("path", { d: "M4 3.02124L0 0.0212402H4V3.02124Z", fill: "#08283E" })), h("slot", { name: "ribbon-text" })), h("div", { class: "flex-start" }, 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" }, h("h3", null, h("slot", { name: "heading" }))), 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" }, h("p", null, h("slot", { name: "description" }))), h("div", null, (this.featureCallouts.length > 0) && this.featureCallouts.map((feature, idx) => (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" }, h("icon-asset", { slot: "icon", type: "ptc", size: "x-small", name: "checkmark", color: "ptc-green" })))))), h("div", { class: "flex-end" }, h("div", { class: "pricing" }, !this.disablePriceLabel && h("span", { class: "pricing-label" }, h("slot", { name: "pricing-label" })), h("span", { class: "pricing-value" }, h("slot", { name: "pricing-value" }))), h("ptc-button", { color: "ptc-quaternary", "link-href": this.cta.href, "button-title": this.cta.title || this.cta.text, target: this.cta.target, type: "button", "tracker-id": `eplc${this.cardIndex}-cta` }, this.cta.text)))));
+    return (h(Host, null, h("div", { class: classMap }, this.theme == "standard" && (h("div", { class: "ribbon" }, h("svg", { class: "ribbon-wrap-around", xmlns: "http://www.w3.org/2000/svg", width: "4", height: "4", viewBox: "0 0 4 4", fill: "none" }, h("path", { d: "M4 3.02124L0 0.0212402H4V3.02124Z", fill: "#08283E" })), h("slot", { name: "ribbon-text" }))), h("div", { class: "flex-start" }, 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" }, h("h3", null, h("slot", { name: "heading" }))), 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" }, h("p", null, h("slot", { name: "description" }))), h("div", null, this.featureCallouts.length > 0 &&
+      this.featureCallouts.map((feature, idx) => (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" }, h("icon-asset", { slot: "icon", type: "ptc", size: "x-small", name: "checkmark", color: "ptc-green" })))))), h("div", { class: "flex-end" }, h("div", { class: "pricing" }, !this.disablePriceLabel && (h("span", { class: "pricing-label" }, h("slot", { name: "pricing-label" }))), h("span", { class: "pricing-value" }, h("slot", { name: "pricing-value" }))), h("ptc-button", { color: "ptc-quaternary", "link-href": this.cta.href, "button-title": this.cta.title || this.cta.text, target: this.cta.target, type: "button", "tracker-id": `eplc${this.cardIndex}-cta` }, this.cta.text)))));
   }
   getCssClassMap() {
     return {
       [this.theme]: true,
-      ['card']: true
+      ["card"]: true,
     };
   }
   static get is() { return "ptc-enhanced-product-listing-card"; }
@@ -86,7 +93,7 @@ export class PtcEnhancedProductListingCard {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'standard' | 'alternate'",
+          "original": "\"standard\" | \"alternate\"",
           "resolved": "\"alternate\" | \"standard\"",
           "references": {}
         },
@@ -98,7 +105,7 @@ export class PtcEnhancedProductListingCard {
         },
         "attribute": "theme",
         "reflect": false,
-        "defaultValue": "'standard'"
+        "defaultValue": "\"standard\""
       },
       "disablePriceLabel": {
         "type": "boolean",

package/dist/collection/components/ptc-featured-list/fl-tab-content/fl-tab-content.css

@@ -9,8 +9,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -29,8 +31,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-featured-list/fl-tab-content/fl-tab-content.js

@@ -1,4 +1,4 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class FlTabContent {
   constructor() {
     this.nameKey = undefined;
@@ -6,7 +6,10 @@ export class FlTabContent {
     this.onbeforematch = undefined;
   }
   render() {
-    return (h(Host, { class: `featured-content ${this.selected ? 'selected' : ''}` }, h("div", Object.assign({ class: "fl-content-wrap" }, !this.selected && { hidden: 'until-found' }, { onBeforeMatch: this.onbeforematch }), h("slot", null))));
+    return (h(Host, { class: `featured-content ${this.selected ? "selected" : ""}` }, h("div", Object.assign({ class: "fl-content-wrap" }, (!this.selected && { hidden: "until-found" }), {
+      /**@ts-ignore */
+      onBeforeMatch: this.onbeforematch
+    }), h("slot", null))));
   }
   static get is() { return "fl-tab-content"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/ptc-featured-list/fl-tab-header/fl-tab-header.css

@@ -9,8 +9,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -29,8 +31,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-featured-list/fl-tab-header/fl-tab-header.js

@@ -1,21 +1,21 @@
-import { Host, h } from '@stencil/core';
+import { Host, h, } from "@stencil/core";
 export class FlTabHeader {
   constructor() {
     this.handleKeyDown = (e) => {
       switch (e.key) {
         case "ArrowDown": {
           this.flHeaderArrowFocus.emit({
-            'event': e,
-            'valueKey': this.valueKey,
-            'direction': 1
+            event: e,
+            valueKey: this.valueKey,
+            direction: 1,
           });
           break;
         }
         case "ArrowUp": {
           this.flHeaderArrowFocus.emit({
-            'event': e,
-            'valueKey': this.valueKey,
-            'direction': -1
+            event: e,
+            valueKey: this.valueKey,
+            direction: -1,
           });
           break;
         }
@@ -26,9 +26,9 @@ export class FlTabHeader {
         case "Tab":
           {
             this.flHeaderTabFocus.emit({
-              'sender': this,
-              'event': e,
-              'valueKey': this.valueKey
+              sender: this,
+              event: e,
+              valueKey: this.valueKey,
             });
           }
           break;
@@ -43,14 +43,14 @@ export class FlTabHeader {
   }
   handleClick(event) {
     this.flTabClicked.emit({
-      'sender': this,
-      'event': event,
-      'name': this.nameKey,
-      'valueKey': this.valueKey
+      sender: this,
+      event: event,
+      name: this.nameKey,
+      valueKey: this.valueKey,
     });
   }
   render() {
-    return (h(Host, { class: `fl-header ${this.selected ? 'selected' : ''}`, onClick: this.handleClick.bind(this), onKeyDown: this.handleKeyDown.bind(this) }, h("slot", null), h("p", { id: this.trackerId, class: `${this.selected ? 'selected-p' : ''} mf-listen`, tabindex: (this.selected || window.innerWidth < 992) ? 0 : -1 }, this.tabTitle)));
+    return (h(Host, { class: `fl-header ${this.selected ? "selected" : ""}`, onClick: this.handleClick.bind(this), onKeyDown: this.handleKeyDown.bind(this) }, h("slot", null), h("p", { id: this.trackerId, class: `${this.selected ? "selected-p" : ""} mf-listen`, tabindex: this.selected || window.innerWidth < 992 ? 0 : -1 }, this.tabTitle)));
   }
   static get is() { return "fl-tab-header"; }
   static get encapsulation() { return "scoped"; }

package/dist/collection/components/ptc-featured-list/fl-tab-image/fl-tab-image.css

@@ -9,8 +9,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -29,8 +31,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-featured-list/fl-tab-image/fl-tab-image.js

@@ -1,11 +1,11 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class FlTabImage {
   constructor() {
     this.nameKey = undefined;
     this.selected = false;
   }
   render() {
-    return (h(Host, { class: `featured-img ${this.selected ? 'selected' : ''}` }, h("slot", null)));
+    return (h(Host, { class: `featured-img ${this.selected ? "selected" : ""}` }, h("slot", null)));
   }
   static get is() { return "fl-tab-image"; }
   static get encapsulation() { return "shadow"; }