npm - @ptcwebops/ptcw-design - Versions diffs - 6.3.66-beta → 6.3.68-beta - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (872) hide show

package/dist/collection/components/ptc-modal/ptc-modal.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { Host, h } from '@stencil/core';
-import { createFocusTrap } from 'focus-trap';
+import { Host, h, } from "@stencil/core";
+import { createFocusTrap } from "focus-trap";
 export class PtcModal {
   constructor() {
     this.setReturnFocus = () => {
@@ -8,7 +8,7 @@ export class PtcModal {
       }
     };
     this.handleKeyPress = (event) => {
-      if (event.key === 'Enter' || event.key === ' ' || event.key === 'Tab') {
+      if (event.key === "Enter" || event.key === " " || event.key === "Tab") {
         this.openedByKeyboard = true;
         // if (event.key === 'Enter') {
         //   if (!this.show) {
@@ -22,7 +22,7 @@ export class PtcModal {
       this.openedByKeyboard = false;
     };
     this.iframeUrl = undefined;
-    this.size = 'sm';
+    this.size = "sm";
     this.customClass = undefined;
     this.show = false;
     this.overlay = true;
@@ -33,10 +33,10 @@ export class PtcModal {
     this.hideContainer = false;
     this.showHeaderFooter = false;
     this.overlayHeight = undefined;
-    this.borderRadius = 'standard';
+    this.borderRadius = "standard";
     this.isBioModal = false;
     this.styles = undefined;
-    this.modalType = 'default-modal';
+    this.modalType = "default-modal";
     this.vhCenter = false;
     this.headerOnlyBg = undefined;
     this.headerOnlyText1 = undefined;
@@ -62,7 +62,7 @@ export class PtcModal {
   fireOnOpened(modal) {
     this.opened.emit(modal);
     setTimeout(() => {
-      const wrapperEle = this.el.shadowRoot.querySelector('.wrapper');
+      const wrapperEle = this.el.shadowRoot.querySelector(".wrapper");
       wrapperEle && wrapperEle.focus();
       this.scrollToTopIfNeeded();
     }, 100);
@@ -91,13 +91,15 @@ export class PtcModal {
     }, 200);
   }
   scrollToTopIfNeeded() {
-    if (this.el && this.modalType === 'event-listing') {
-      const modalRect = this.el.shadowRoot.querySelector('.modal-body').getBoundingClientRect();
+    if (this.el && this.modalType === "event-listing") {
+      const modalRect = this.el.shadowRoot
+        .querySelector(".modal-body")
+        .getBoundingClientRect();
       const modalTopPosition = modalRect.top + window.scrollY;
       const offset = 160; // Adjust the offset if necessary to account for fixed headers, etc.
       window.scrollTo({
         top: modalTopPosition - offset,
-        behavior: 'smooth',
+        behavior: "smooth",
       });
     }
     else {
@@ -105,39 +107,39 @@ export class PtcModal {
     }
   }
   connectedCallback() {
-    document.addEventListener('keydown', this.handleKeyPress, true);
-    document.addEventListener('mousedown', this.handleMouseDown, true);
+    document.addEventListener("keydown", this.handleKeyPress, true);
+    document.addEventListener("mousedown", this.handleMouseDown, true);
   }
   disconnectedCallback() {
-    document.removeEventListener('keydown', this.handleKeyPress, true);
-    document.removeEventListener('mousedown', this.handleMouseDown, true);
+    document.removeEventListener("keydown", this.handleKeyPress, true);
+    document.removeEventListener("mousedown", this.handleMouseDown, true);
   }
   componentWillLoad() {
-    let body = document.querySelector('body');
+    let body = document.querySelector("body");
     this.bodyOverflowSetting = {
       //overflow: body.style['overflow'],
-      overflowY: body.style['overflowY'],
-      overflowX: body.style['overflowX'],
+      overflowY: body.style["overflowY"],
+      overflowX: body.style["overflowX"],
     };
   }
   componentWillRender() {
-    let body = document.querySelector('body');
+    let body = document.querySelector("body");
     if (body) {
       if (this.show) {
         //body.style['overflow'] = 'hidden';
         if (this.fixed) {
-          body.style['overflowY'] = 'hidden';
-          body.style['overflowX'] = 'hidden';
+          body.style["overflowY"] = "hidden";
+          body.style["overflowX"] = "hidden";
         }
         else {
-          body.style['overflowY'] = 'scroll';
-          body.style['overflowX'] = 'hidden';
+          body.style["overflowY"] = "scroll";
+          body.style["overflowX"] = "hidden";
         }
       }
       else {
         //body.style['overflow'] = this.bodyOverflowSetting.overflow;
-        body.style['overflowY'] = this.bodyOverflowSetting.overflowY;
-        body.style['overflowX'] = this.bodyOverflowSetting.overflowX;
+        body.style["overflowY"] = this.bodyOverflowSetting.overflowY;
+        body.style["overflowX"] = this.bodyOverflowSetting.overflowX;
       }
     }
   }
@@ -158,22 +160,22 @@ export class PtcModal {
           iFrame.height = `${iFrame.contentDocument.body.scrollHeight}px`;
         }
         else {
-          iFrame.height = '616px'; //default
-          iFrame.removeAttribute('scrolling');
+          iFrame.height = "616px"; //default
+          iFrame.removeAttribute("scrolling");
         }
       }
       catch (error) {
         console.log(error);
-        iFrame.height = '616px'; //default
-        iFrame.removeAttribute('scrolling');
+        iFrame.height = "616px"; //default
+        iFrame.removeAttribute("scrolling");
       }
-      iFrame.classList.add('ready');
+      iFrame.classList.add("ready");
     }, 50);
   }
   handleScroll() {
-    let modal = this.el.shadowRoot.querySelector('.shadow-scroller');
+    let modal = this.el.shadowRoot.querySelector(".shadow-scroller");
     if (modal) {
-      let body = modal.querySelector('.modal-body');
+      let body = modal.querySelector(".modal-body");
       var height = body.clientHeight;
       var scrollHeight = body.scrollHeight;
       var scrollTop = body.scrollTop;
@@ -182,17 +184,17 @@ export class PtcModal {
         //has scrollbar
         if (scrollTop > 0) {
           //can scroll up
-          modal.classList.add('scroll-top');
+          modal.classList.add("scroll-top");
         }
         else {
-          modal.classList.remove('scroll-top');
+          modal.classList.remove("scroll-top");
         }
         if (offset + scrollTop < scrollHeight) {
           //can scroll down
-          modal.classList.add('scroll-bottom');
+          modal.classList.add("scroll-bottom");
         }
         else {
-          modal.classList.remove('scroll-bottom');
+          modal.classList.remove("scroll-bottom");
         }
       }
     }
@@ -204,7 +206,8 @@ export class PtcModal {
       if (this.focusBackElement) {
         (_a = this.focusBackElement) === null || _a === void 0 ? void 0 : _a.focus();
         if (this.focusBackElement.tagName === "PTC-BUTTON") {
-          (_b = this.focusBackElement.shadowRoot.querySelector('button')) === null || _b === void 0 ? void 0 : _b.focus();
+          (_b = this.focusBackElement.shadowRoot
+            .querySelector("button")) === null || _b === void 0 ? void 0 : _b.focus();
         }
       }
     }, 100);
@@ -212,11 +215,11 @@ export class PtcModal {
   render() {
     let content;
     let overlay;
-    let type = this.iframeUrl ? 'frame' : 'html';
-    let closebtn = (h("div", { class: "close", id: "modal-close" }, h("ptc-close-icon", { onClick: e => {
+    let type = this.iframeUrl ? "frame" : "html";
+    let closebtn = (h("div", { class: "close", id: "modal-close" }, h("ptc-close-icon", { onClick: (e) => {
         e.preventDefault();
         this.close();
-      }, onKeyPress: e => {
+      }, onKeyPress: (e) => {
         e.preventDefault();
         this.close();
         this.setReturnFocus();
@@ -238,10 +241,10 @@ export class PtcModal {
         // // Clean up localStorage
         // localStorage.removeItem('modalId');
       } })));
-    let bottomCloseBtnEle = (h("div", { tabindex: "0", class: "bottom-close", id: "modal-bottom-close", onClick: e => {
+    let bottomCloseBtnEle = (h("div", { tabindex: "0", class: "bottom-close", id: "modal-bottom-close", onClick: (e) => {
         e.preventDefault();
         this.close();
-      }, onKeyPress: e => {
+      }, onKeyPress: (e) => {
         e.preventDefault();
         this.close();
         this.setReturnFocus();
@@ -250,7 +253,7 @@ export class PtcModal {
         }
       } }, h("span", null, this.bottomCloseBtn)));
     if (this.iframeUrl) {
-      content = h("iframe", { src: this.iframeUrl, frameBorder: 0, allowFullScreen: false, height: '100%', width: '100%', scrolling: "no", onLoad: this.resizeIframe });
+      content = (h("iframe", { src: this.iframeUrl, frameBorder: 0, allowFullScreen: false, height: "100%", width: "100%", scrolling: "no", onLoad: this.resizeIframe }));
     }
     else {
       if (this.showHeaderFooter) {
@@ -262,15 +265,19 @@ export class PtcModal {
     }
     if (this.overlay) {
       if (this.closeOnBlur) {
-        overlay = h("div", { class: "overlay", onClick: _ => this.close() });
+        overlay = (h("div", { class: "overlay", onClick: (_) => this.close() }));
       }
       else {
         overlay = h("div", { class: "overlay" });
       }
     }
-    return (h(Host, { class: this.getCssClassMap() }, this.styles && h("style", null, this.styles), h("div", { class: `wrapper ${this.show ? 'show' : 'hide'} ${this.fixed ? 'fixed' : ''} ` }, overlay, h("div", { class: `modal-popup ${this.customClass ? this.customClass : ''} ${this.size} ${type} ${this.rounded ? 'rounded' : ''} ${this.showHeaderFooter ? 'shadow-scroller' : ''} `, ref: el => (this.modalPopUpRef = el) }, this.modalType === 'event-listing' && this.headerOnlyBg
+    return (h(Host, { class: this.getCssClassMap() }, this.styles && h("style", null, this.styles), h("div", { class: `wrapper ${this.show ? "show" : "hide"} ${this.fixed ? "fixed" : ""} ` }, overlay, h("div", { class: `modal-popup ${this.customClass ? this.customClass : ""} ${this.size} ${type} ${this.rounded ? "rounded" : ""} ${this.showHeaderFooter ? "shadow-scroller" : ""} `, ref: (el) => (this.modalPopUpRef = el) }, this.modalType === "event-listing" && this.headerOnlyBg
       ? [
-        h("div", { class: "event-list-header" }, h("ptc-img", { "img-url": this.headerOnlyBg, "image-type": "smart-img", styles: ".ptc-img{border-radius: var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;}" }), h("div", { class: "text-wrapper" }, h("span", null, this.headerOnlyText1 ? this.headerOnlyText1 : ''), h("span", null, this.headerOnlyText2 ? this.headerOnlyText2 : ''))),
+        h("div", { class: "event-list-header" }, h("ptc-img", { "img-url": this.headerOnlyBg, "image-type": "smart-img", styles: ".ptc-img{border-radius: var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;}" }), h("div", { class: "text-wrapper" }, h("span", null, this.headerOnlyText1
+          ? this.headerOnlyText1
+          : ""), h("span", null, this.headerOnlyText2
+          ? this.headerOnlyText2
+          : ""))),
       ]
       : null, this.showHeaderFooter
       ? [
@@ -278,16 +285,22 @@ export class PtcModal {
         h("div", { class: "modal-body", onScroll: () => this.handleScroll() }, content),
         h("div", { class: "modal-footer" }, h("slot", { name: "footer" })),
       ]
-      : [closebtn, h("div", { class: "modal-body" }, content)], this.modalType === 'event-listing' && this.bottomCloseBtn ? [bottomCloseBtnEle] : null))));
+      : [
+        closebtn,
+        h("div", { class: "modal-body" }, content),
+      ], this.modalType === "event-listing" &&
+      this.bottomCloseBtn
+      ? [bottomCloseBtnEle]
+      : null))));
   }
   getCssClassMap() {
     return {
-      ['no-container']: this.hideContainer,
-      ['bio-modal']: this.isBioModal,
-      ['enclose-modal']: !this.isBioModal && this.keepInViewport,
+      ["no-container"]: this.hideContainer,
+      ["bio-modal"]: this.isBioModal,
+      ["enclose-modal"]: !this.isBioModal && this.keepInViewport,
       [this.borderRadius]: true,
       [this.modalType]: true,
-      ['vh-center']: this.vhCenter,
+      ["vh-center"]: this.vhCenter,
     };
   }
   async showModal() {
@@ -301,7 +314,7 @@ export class PtcModal {
   }
   async reloadIframe() {
     if (this.iframeUrl) {
-      let iframe = this.el.shadowRoot.querySelector('iframe');
+      let iframe = this.el.shadowRoot.querySelector("iframe");
       if (iframe) {
         iframe.src = iframe.src;
       }
@@ -342,7 +355,7 @@ export class PtcModal {
         "type": "string",
         "mutable": true,
         "complexType": {
-          "original": "'sm' | 'md' | 'lg' | 'xl' | 'fit-content' | 'max' | 'sm-modal'",
+          "original": "| \"sm\"\r\n\t\t| \"md\"\r\n\t\t| \"lg\"\r\n\t\t| \"xl\"\r\n\t\t| \"fit-content\"\r\n\t\t| \"max\"\r\n\t\t| \"sm-modal\"",
           "resolved": "\"fit-content\" | \"lg\" | \"max\" | \"md\" | \"sm\" | \"sm-modal\" | \"xl\"",
           "references": {}
         },
@@ -354,13 +367,13 @@ export class PtcModal {
         },
         "attribute": "size",
         "reflect": false,
-        "defaultValue": "'sm'"
+        "defaultValue": "\"sm\""
       },
       "customClass": {
         "type": "string",
         "mutable": true,
         "complexType": {
-          "original": "''",
+          "original": "\"\"",
           "resolved": "\"\"",
           "references": {}
         },
@@ -521,7 +534,7 @@ export class PtcModal {
         "type": "string",
         "mutable": true,
         "complexType": {
-          "original": "'standard' | 'large' | 'pill' | 'circle'",
+          "original": "| \"standard\"\r\n\t\t| \"large\"\r\n\t\t| \"pill\"\r\n\t\t| \"circle\"",
           "resolved": "\"circle\" | \"large\" | \"pill\" | \"standard\"",
           "references": {}
         },
@@ -533,7 +546,7 @@ export class PtcModal {
         },
         "attribute": "border-radius",
         "reflect": false,
-        "defaultValue": "'standard'"
+        "defaultValue": "\"standard\""
       },
       "isBioModal": {
         "type": "boolean",
@@ -574,7 +587,7 @@ export class PtcModal {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'video-modal' | 'default-modal' | 'event-listing' | 'thank-you'",
+          "original": "| \"video-modal\"\r\n\t\t| \"default-modal\"\r\n\t\t| \"event-listing\"\r\n\t\t| \"thank-you\"",
           "resolved": "\"default-modal\" | \"event-listing\" | \"thank-you\" | \"video-modal\"",
           "references": {}
         },
@@ -586,7 +599,7 @@ export class PtcModal {
         },
         "attribute": "modal-type",
         "reflect": false,
-        "defaultValue": "'default-modal'"
+        "defaultValue": "\"default-modal\""
       },
       "vhCenter": {
         "type": "boolean",

package/dist/collection/components/ptc-modal-quiz/ptc-modal-quiz.css CHANGED Viewed

@@ -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-modal-quiz/ptc-modal-quiz.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Host, h } from '@stencil/core';
+import { Host, h, } from "@stencil/core";
 var Priority;
 (function (Priority) {
   Priority["Low"] = "low";
@@ -14,7 +14,7 @@ export class PtcModalQuiz {
       this.currentQuestion = 1;
       this.currentSelectedPriority = null;
       this.selectedPriorityRadio = null;
-      let inputs = this.el.shadowRoot.querySelectorAll('input');
+      let inputs = this.el.shadowRoot.querySelectorAll("input");
       for (let i = 0; i < inputs.length; i++) {
         inputs[i].checked = false;
       }
@@ -39,8 +39,10 @@ export class PtcModalQuiz {
         if (!this.traversal[this.currentQuestion]) {
           this.traversal[this.currentQuestion] = {};
         }
-        this.traversal[this.currentQuestion]["priority"] = this.currentSelectedPriority;
-        this.traversal[this.currentQuestion]["radio"] = this.selectedPriorityRadio;
+        this.traversal[this.currentQuestion]["priority"] =
+          this.currentSelectedPriority;
+        this.traversal[this.currentQuestion]["radio"] =
+          this.selectedPriorityRadio;
       }
     };
     this.handlePreviousClick = (e) => {
@@ -49,11 +51,13 @@ export class PtcModalQuiz {
           this.currentSelectedPriority = null;
           this.selectedPriorityRadio.checked = false;
           this.currentQuestion -= 1;
-          this.currentSelectedPriority = this.traversal[this.currentQuestion]["priority"];
+          this.currentSelectedPriority =
+            this.traversal[this.currentQuestion]["priority"];
           this.traversal[this.currentQuestion]["radio"].checked = true;
         }
       };
-      if (e instanceof MouseEvent || (e instanceof KeyboardEvent && e.key === "Enter")) {
+      if (e instanceof MouseEvent ||
+        (e instanceof KeyboardEvent && e.key === "Enter")) {
         if (e instanceof KeyboardEvent) {
           e.preventDefault();
         }
@@ -63,19 +67,23 @@ export class PtcModalQuiz {
     };
     this.handleNextClick = (e) => {
       const handler = () => {
-        if (!e.target.disabled && this.currentQuestion < this.totalQuestions) {
-          this.answers[this.currentQuestion] = this.currentSelectedPriority;
+        if (!e.target.disabled &&
+          this.currentQuestion < this.totalQuestions) {
+          this.answers[this.currentQuestion] =
+            this.currentSelectedPriority;
           this.currentQuestion += 1;
           if (!this.traversal[this.currentQuestion]) {
             this.currentSelectedPriority = null;
             this.selectedPriorityRadio.checked = false;
           }
           else {
-            this.currentSelectedPriority = this.traversal[this.currentQuestion]["priority"];
-            this.selectedPriorityRadio = this.traversal[this.currentQuestion]["radio"];
+            this.currentSelectedPriority =
+              this.traversal[this.currentQuestion]["priority"];
+            this.selectedPriorityRadio =
+              this.traversal[this.currentQuestion]["radio"];
             this.selectedPriorityRadio.checked = true;
           }
-          let modalQuizContainer = this.el.shadowRoot.querySelector('.modal-quiz-container');
+          let modalQuizContainer = this.el.shadowRoot.querySelector(".modal-quiz-container");
           if (modalQuizContainer) {
             modalQuizContainer.scrollTo({
               top: 0,
@@ -128,24 +136,40 @@ export class PtcModalQuiz {
   }
   componentDidRender() {
     const modal = document.querySelector(`#${this.modalId}`);
-    const modalCloseButton = modal.shadowRoot.querySelector('.close');
-    modalCloseButton.addEventListener('click', () => {
+    const modalCloseButton = modal.shadowRoot.querySelector(".close");
+    modalCloseButton.addEventListener("click", () => {
       this.resetQuiz();
     });
   }
   render() {
     const ProgressDots = () => {
-      return h("div", { class: "dot-progress-bar" }, [...Array(this.totalQuestions).keys()].map(questionNumber => {
-        return h("div", null, h("div", { class: `dot-progress-circle ${(questionNumber === (this.currentQuestion - 1)) ? "active" : ""}` }), (questionNumber < (this.totalQuestions - 1)) ?
-          h("div", { class: "dot-progress-dash" }, h("div", { class: "dashed-line" })) : null);
-      }));
+      return (h("div", { class: "dot-progress-bar" }, [...Array(this.totalQuestions).keys()].map((questionNumber) => {
+        return (h("div", null, h("div", { class: `dot-progress-circle ${questionNumber ===
+            this.currentQuestion - 1
+            ? "active"
+            : ""}` }), questionNumber <
+          this.totalQuestions - 1 ? (h("div", { class: "dot-progress-dash" }, h("div", { class: "dashed-line" }))) : null));
+      })));
     };
     const PriorityOptions = () => {
-      return h("div", { class: "options-container" }, h("div", { id: `priority-option-${this.currentQuestion}-1`, class: "radio-input mf-listen", onClick: e => this.handlePriorityOptionClick(e, Priority.Low) }, h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `1`, tabIndex: 0 }), h("label", { class: "option-label", htmlFor: `1` }, 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: "" }, h("slot", { name: "low-level-label" })))), h("div", { id: `priority-option-${this.currentQuestion}-2`, class: "radio-input mf-listen", onClick: e => this.handlePriorityOptionClick(e, Priority.Medium) }, h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `2`, tabIndex: 0 }), h("label", { class: "option-label", htmlFor: `2` }, 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: "" }, h("slot", { name: "medium-level-label" })))), h("div", { id: `priority-option-${this.currentQuestion}-3`, class: "radio-input mf-listen", onClick: e => this.handlePriorityOptionClick(e, Priority.High) }, h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `3`, tabIndex: 0 }), h("label", { class: "option-label", htmlFor: `3` }, 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: "" }, h("slot", { name: "high-level-label" })))));
+      return (h("div", { class: "options-container" }, h("div", { id: `priority-option-${this.currentQuestion}-1`, class: "radio-input mf-listen", onClick: (e) => this.handlePriorityOptionClick(e, Priority.Low) }, h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `1`, tabIndex: 0 }), h("label", { class: "option-label", htmlFor: `1` }, 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: "" }, h("slot", { name: "low-level-label" })))), h("div", { id: `priority-option-${this.currentQuestion}-2`, class: "radio-input mf-listen", onClick: (e) => this.handlePriorityOptionClick(e, Priority.Medium) }, h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `2`, tabIndex: 0 }), h("label", { class: "option-label", htmlFor: `2` }, 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: "" }, h("slot", { name: "medium-level-label" })))), h("div", { id: `priority-option-${this.currentQuestion}-3`, class: "radio-input mf-listen", onClick: (e) => this.handlePriorityOptionClick(e, Priority.High) }, h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `3`, tabIndex: 0 }), h("label", { class: "option-label", htmlFor: `3` }, 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: "" }, h("slot", { name: "high-level-label" }))))));
     };
-    return (h(Host, null, h("div", { class: "modal-quiz-container" }, h("div", null, h("div", null, h("div", { class: "modal-quiz-progress" }, h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-4", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, h("slot", { name: "question-text" }), " ", this.currentQuestion, " ", h("slot", { name: "of-text" }), " ", this.totalQuestions), h(ProgressDots, null)), h("div", { class: "modal-quiz-content" }, h("div", { class: "content" }, h("ptc-title", { type: "h2", "text-align": "left", "title-size": "xx-large", "title-color": "gray", upperline: "dotted", "title-display": "inline-block", "title-shadow": "", "title-height": "densest", "title-margin": "margin-1", "title-weight": "w-8", "is-plm-hub": "false" }, h("slot", { name: `question-${this.currentQuestion}-title` })), 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: "" }, h("slot", { name: `question-${this.currentQuestion}-subtitle` })), h(PriorityOptions, null), 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.currentSelectedPriority) ? h("slot", { name: this.getPriorityAnswerSlotName() }) : null), h("div", { class: "modal-quiz-ctas" }, h("ptc-button", { "tracker-id": `question-${this.currentQuestion}-prev`, type: "link", color: "ptc-tertiary", onClick: (e) => this.handlePreviousClick(e), onKeyDown: (e) => this.handlePreviousClick(e), disabled: (this.currentQuestion === 1), "tab-nav": this.currentQuestion == 1 ? -1 : 0, styles: "button{margin-bottom:20px;}" }, h("slot", { name: "previous-ques-text" })), h("ptc-spacer", { size: "large", breakpoint: "x-small" }), (this.currentQuestion === this.totalQuestions) ?
-      h("ptc-button", { "tracker-id": `question-${this.currentQuestion}-email`, type: "link", color: "ptc-secondary", onClick: e => this.handleEmailReportClick(e), disabled: this.currentSelectedPriority == null, styles: "button{margin-bottom:20px;}", "tab-nav": this.currentSelectedPriority == null ? -1 : 0 }, h("slot", { name: "email-results-text" })) :
-      h("ptc-button", { "tracker-id": `question-${this.currentQuestion}-next`, type: "link", color: "ptc-secondary", onClick: e => this.handleNextClick(e), onKeyDown: e => this.handleNextClick(e), disabled: this.currentSelectedPriority == null, styles: "button{margin-bottom:20px;}", "tab-nav": this.currentSelectedPriority == null ? -1 : 0 }, h("slot", { name: "next-ques-text" })))), h("div", { class: "image" }, h("slot", { name: `question-${this.currentQuestion}-image` })))))), h("slot", { name: "script" })));
+    return (h(Host, null, h("div", { class: "modal-quiz-container" }, h("div", null, h("div", null, h("div", { class: "modal-quiz-progress" }, h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-4", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, h("slot", { name: "question-text" }), " ", this.currentQuestion, " ", h("slot", { name: "of-text" }), " ", this.totalQuestions), h(ProgressDots, null)), h("div", { class: "modal-quiz-content" }, h("div", { class: "content" }, h("ptc-title", { type: "h2", "text-align": "left", "title-size": "xx-large", "title-color": "gray", upperline: "dotted", "title-display": "inline-block", "title-shadow": "", "title-height": "densest", "title-margin": "margin-1", "title-weight": "w-8", "is-plm-hub": "false" }, h("slot", { name: `question-${this.currentQuestion}-title` })), 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: "" }, h("slot", { name: `question-${this.currentQuestion}-subtitle` })), h(PriorityOptions, null), 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.currentSelectedPriority ? (h("slot", { name: this.getPriorityAnswerSlotName() })) : null), h("div", { class: "modal-quiz-ctas" }, h("ptc-button", { "tracker-id": `question-${this.currentQuestion}-prev`, type: "link", color: "ptc-tertiary", onClick: (e) => this.handlePreviousClick(e), onKeyDown: (e) => this.handlePreviousClick(e), disabled: this.currentQuestion === 1, "tab-nav": this.currentQuestion == 1
+        ? -1
+        : 0, styles: "button{margin-bottom:20px;}" }, h("slot", { name: "previous-ques-text" })), h("ptc-spacer", { size: "large", breakpoint: "x-small" }), this.currentQuestion ===
+      this.totalQuestions ? (h("ptc-button", { "tracker-id": `question-${this.currentQuestion}-email`, type: "link", color: "ptc-secondary", onClick: (e) => this.handleEmailReportClick(e), disabled: this
+        .currentSelectedPriority ==
+        null, styles: "button{margin-bottom:20px;}", "tab-nav": this
+        .currentSelectedPriority ==
+        null
+        ? -1
+        : 0 }, h("slot", { name: "email-results-text" }))) : (h("ptc-button", { "tracker-id": `question-${this.currentQuestion}-next`, type: "link", color: "ptc-secondary", onClick: (e) => this.handleNextClick(e), onKeyDown: (e) => this.handleNextClick(e), disabled: this
+        .currentSelectedPriority ==
+        null, styles: "button{margin-bottom:20px;}", "tab-nav": this
+        .currentSelectedPriority ==
+        null
+        ? -1
+        : 0 }, h("slot", { name: "next-ques-text" }))))), h("div", { class: "image" }, h("slot", { name: `question-${this.currentQuestion}-image` })))))), h("slot", { name: "script" })));
   }
   static get is() { return "ptc-modal-quiz"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/ptc-multi-select/ptc-multi-select.css CHANGED Viewed

@@ -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 */
@@ -64,7 +68,7 @@ ptc-link, ptc-square-card,
   position: absolute;
   width: calc(100% + 16px);
   height: calc(100% + 8px);
-  background: #FEF3F3;
+  background: #fef3f3;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -77,7 +81,7 @@ ptc-link, ptc-square-card,
   z-index: 2;
   opacity: 1;
   position: relative;
-  color: #AF3231;
+  color: #af3231;
   font-family: var(--ptc-font-latin);
   font-size: var(--ptc-font-size-xx-small);
   font-style: normal;
@@ -99,7 +103,7 @@ ptc-link, ptc-square-card,
   margin-bottom: var(--ptc-element-spacing-01);
   z-index: 1;
   position: relative;
-  color: #40434A;
+  color: #40434a;
 }
 .ptc-multi-select .selected-items {
   cursor: pointer;