@ptcwebops/ptcw-design 2.7.2 → 2.7.4

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1662de74.js');
 
-const ptcModalQuizCss = ":host{display:block}:host .modal-quiz-container{padding:0 var(--ptc-element-spacing-08) var(--ptc-element-spacing-08);margin-top:var(--ptc-element-spacing-05);height:max-content;max-height:65vh;overflow-y:auto}:host .modal-quiz-progress{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--ptc-element-spacing-04)}:host ptc-para{flex:0 0 100%}:host .dot-progress-bar{margin-top:var(--ptc-element-spacing-03);flex:0 0 100%;display:flex}:host .dot-progress-bar div{display:flex}:host .dot-progress-bar .dot-progress-circle{display:inline-block;width:14px;height:14px;border:var(--color-gray-10) solid 2px;border-radius:50%}:host .dot-progress-bar .dot-progress-circle.active{background-color:var(--color-gray-10)}:host .dot-progress-bar .dot-progress-dash{display:flex;align-items:center}:host .dot-progress-bar .dot-progress-dash .dashed-line{width:24px;height:2px;background:repeating-linear-gradient(90deg, var(--color-gray-10) 0 5px, #0000 0 7px);}:host .modal-quiz-content .content{padding-right:none;width:100%}:host .modal-quiz-content .image{display:none}:host .options-container{margin:var(--ptc-element-spacing-06) 0 var(--ptc-element-spacing-06) 0}:host .radio-input{flex:1 0 100%;margin-bottom:var(--ptc-element-spacing-04);display:flex;align-items:start}:host .radio-input input[type=radio]{width:16px;height:16px}:host .radio-input input[type=radio]:hover{cursor:pointer}:host .radio-input input[type=radio]:hover:before{box-shadow:0px 0px 0px 2px var(--color-gray-05);border-radius:50%;opacity:0.7}:host .radio-input input[type=radio]:before{content:\"\";display:block;width:60%;height:60%;margin:10%;padding:10%;border-radius:50%}:host .radio-input input[type=radio]:checked:before{background:inherit}:host .radio-input .option-label{padding:0 var(--ptc-element-spacing-02) 0 var(--ptc-element-spacing-03)}:host .radio-input .option-label:hover{cursor:pointer}:host .modal-quiz-ctas{margin-top:var(--ptc-element-spacing-08)}:host .modal-quiz-ctas ptc-button{margin-right:var(--ptc-element-spacing-05)}@media only screen and (min-width: 768px){:host .modal-quiz-progress{flex-wrap:none}:host ptc-para{flex:none}:host .dot-progress-bar{flex:none;margin-top:0;margin-left:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 992px){:host .modal-quiz-content{display:flex;width:100%}:host .modal-quiz-content .content{padding-right:var(--ptc-element-spacing-04)}:host .modal-quiz-content .image{display:block;margin-left:var(--ptc-element-spacing-04)}}";
+const ptcModalQuizCss = ":host{display:block}:host .modal-quiz-container{padding:0 var(--ptc-element-spacing-08) var(--ptc-element-spacing-08);margin-top:var(--ptc-element-spacing-05);height:max-content;max-height:calc(80vh - 120px);overflow-y:auto}:host .modal-quiz-progress{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--ptc-element-spacing-04)}:host ptc-para{flex:0 0 100%}:host .dot-progress-bar{margin-top:var(--ptc-element-spacing-03);flex:0 0 100%;display:flex}:host .dot-progress-bar div{display:flex}:host .dot-progress-bar .dot-progress-circle{display:inline-block;width:12px;height:12px;border:var(--color-gray-10) solid 2px;border-radius:50%}:host .dot-progress-bar .dot-progress-circle.active{background-color:var(--color-gray-10)}:host .dot-progress-bar .dot-progress-dash{display:flex;align-items:center}:host .dot-progress-bar .dot-progress-dash .dashed-line{width:24px;height:2px;background:repeating-linear-gradient(90deg, var(--color-gray-10) 0 5px, #0000 0 7px);}:host .modal-quiz-content .content{padding-right:none;width:100%}:host .modal-quiz-content .image{display:none}:host .options-container{margin:var(--ptc-element-spacing-06) 0 var(--ptc-element-spacing-06) 0}:host .radio-input{flex:1 0 100%;margin-bottom:var(--ptc-element-spacing-04);display:flex;align-items:start;width:max-content}:host .radio-input input[type=radio]{width:16px;height:16px}:host .radio-input input[type=radio]:hover{cursor:pointer}:host .radio-input input[type=radio]:hover:before{box-shadow:0px 0px 0px 2px var(--color-gray-05);border-radius:50%;opacity:0.7}:host .radio-input input[type=radio]:before{content:\"\";display:block;width:60%;height:60%;margin:10%;padding:10%;border-radius:50%}:host .radio-input input[type=radio]:checked:before{background:inherit}:host .radio-input .option-label{padding:0 var(--ptc-element-spacing-02) 0 var(--ptc-element-spacing-03)}:host .radio-input .option-label:hover{cursor:pointer}:host .modal-quiz-ctas{margin-top:var(--ptc-element-spacing-08)}:host .modal-quiz-ctas ptc-button{margin-right:var(--ptc-element-spacing-05)}@media only screen and (min-width: 768px){:host .modal-quiz-progress{flex-wrap:none}:host ptc-para{flex:none}:host .dot-progress-bar{flex:none;margin-top:0;margin-left:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 992px){:host .modal-quiz-content{display:flex;width:100%}:host .modal-quiz-content .content{padding-right:var(--ptc-element-spacing-04)}:host .modal-quiz-content .image{display:block;margin-left:var(--ptc-element-spacing-04)}}";
 
 var Priority;
 (function (Priority) {
@@ -36,6 +36,14 @@ const PtcModalQuiz = class {
         this.currentSelectedPriority = null;
         this.selectedPriorityRadio.checked = false;
         this.currentQuestion += 1;
+        let modalQuizContainer = this.el.shadowRoot.querySelector('.modal-quiz-container');
+        if (modalQuizContainer) {
+          modalQuizContainer.scrollTo({
+            top: 0,
+            left: 0,
+            behavior: "smooth",
+          });
+        }
       }
     };
     this.handleEmailReportClick = () => {
@@ -72,11 +80,11 @@ const PtcModalQuiz = class {
       }));
     };
     const PriorityOptions = () => {
-      return index.h("div", { class: "options-container" }, index.h("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.Low) }, index.h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `1` }), index.h("label", { class: "option-label", htmlFor: `1` }, index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, "Low (1% - 30%)"))), index.h("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.Medium) }, index.h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `2` }), index.h("label", { class: "option-label", htmlFor: `2` }, index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, "Medium (31% - 65%)"))), index.h("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.High) }, index.h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `3` }), index.h("label", { class: "option-label", htmlFor: `3` }, index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, "High (66% - 100%)"))));
+      return index.h("div", { class: "options-container" }, index.h("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.Low) }, index.h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `1` }), index.h("label", { class: "option-label", htmlFor: `1` }, index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, "Low (1% - 30%)"))), index.h("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.Medium) }, index.h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `2` }), index.h("label", { class: "option-label", htmlFor: `2` }, index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, "Medium (31% - 65%)"))), index.h("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.High) }, index.h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `3` }), index.h("label", { class: "option-label", htmlFor: `3` }, index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, "High (66% - 100%)"))));
     };
-    return (index.h(index.Host, null, index.h("div", { class: "modal-quiz-container" }, index.h("div", null, index.h("div", null, index.h("div", { class: "modal-quiz-progress" }, index.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: "" }, "Question ", this.currentQuestion, " of ", this.totalQuestions), index.h(ProgressDots, null)), index.h("div", { class: "modal-quiz-content" }, index.h("div", { class: "content" }, index.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" }, index.h("slot", { name: `question-${this.currentQuestion}-title` })), index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, index.h("slot", { name: `question-${this.currentQuestion}-subtitle` })), index.h(PriorityOptions, null), index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, (this.currentSelectedPriority) ? index.h("slot", { name: this.getPriorityAnswerSlotName() }) : null)), index.h("div", { class: "image" }, index.h("slot", { name: `question-${this.currentQuestion}-image` }))), index.h("div", { class: "modal-quiz-ctas" }, index.h("ptc-button", { type: "link", color: "ptc-tertiary", onClick: () => this.handlePreviousClick(), disabled: (this.currentQuestion === 1) }, "Previous"), index.h("ptc-spacer", { size: "large", breakpoint: "x-small" }), (this.currentQuestion === this.totalQuestions) ?
+    return (index.h(index.Host, null, index.h("div", { class: "modal-quiz-container" }, index.h("div", null, index.h("div", null, index.h("div", { class: "modal-quiz-progress" }, index.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: "" }, "Question ", this.currentQuestion, " of ", this.totalQuestions), index.h(ProgressDots, null)), index.h("div", { class: "modal-quiz-content" }, index.h("div", { class: "content" }, index.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" }, index.h("slot", { name: `question-${this.currentQuestion}-title` })), index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, index.h("slot", { name: `question-${this.currentQuestion}-subtitle` })), index.h(PriorityOptions, null), index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, (this.currentSelectedPriority) ? index.h("slot", { name: this.getPriorityAnswerSlotName() }) : null), index.h("div", { class: "modal-quiz-ctas" }, index.h("ptc-button", { type: "link", color: "ptc-tertiary", onClick: () => this.handlePreviousClick(), disabled: (this.currentQuestion === 1) }, "Previous"), index.h("ptc-spacer", { size: "large", breakpoint: "x-small" }), (this.currentQuestion === this.totalQuestions) ?
       index.h("ptc-button", { type: "link", color: "ptc-secondary", onClick: () => this.handleEmailReportClick(), disabled: this.currentSelectedPriority == null }, "Email Full Report") :
-      index.h("ptc-button", { type: "link", color: "ptc-secondary", onClick: () => this.handleNextClick(), disabled: this.currentSelectedPriority == null }, "Next Question"))))), index.h("slot", { name: "script" })));
+      index.h("ptc-button", { type: "link", color: "ptc-secondary", onClick: () => this.handleNextClick(), disabled: this.currentSelectedPriority == null }, "Next Question"))), index.h("div", { class: "image" }, index.h("slot", { name: `question-${this.currentQuestion}-image` })))))), index.h("slot", { name: "script" })));
   }
   get el() { return index.getElement(this); }
 };

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

@@ -5,7 +5,7 @@
   padding: 0 var(--ptc-element-spacing-08) var(--ptc-element-spacing-08);
   margin-top: var(--ptc-element-spacing-05);
   height: max-content;
-  max-height: 65vh;
+  max-height: calc(80vh - 120px);
   overflow-y: auto;
 }
 :host .modal-quiz-progress {
@@ -27,8 +27,8 @@
 }
 :host .dot-progress-bar .dot-progress-circle {
   display: inline-block;
-  width: 14px;
-  height: 14px;
+  width: 12px;
+  height: 12px;
   border: var(--color-gray-10) solid 2px;
   border-radius: 50%;
 }
@@ -60,6 +60,7 @@
   margin-bottom: var(--ptc-element-spacing-04);
   display: flex;
   align-items: start;
+  width: max-content;
 }
 :host .radio-input input[type=radio] {
   width: 16px;

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

@@ -27,6 +27,14 @@ export class PtcModalQuiz {
         this.currentSelectedPriority = null;
         this.selectedPriorityRadio.checked = false;
         this.currentQuestion += 1;
+        let modalQuizContainer = this.el.shadowRoot.querySelector('.modal-quiz-container');
+        if (modalQuizContainer) {
+          modalQuizContainer.scrollTo({
+            top: 0,
+            left: 0,
+            behavior: "smooth",
+          });
+        }
       }
     };
     this.handleEmailReportClick = () => {
@@ -63,11 +71,11 @@ export class PtcModalQuiz {
       }));
     };
     const PriorityOptions = () => {
-      return h("div", { class: "options-container" }, h("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.Low) }, h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `1` }), h("label", { class: "option-label", htmlFor: `1` }, 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: "" }, "Low (1% - 30%)"))), h("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.Medium) }, h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `2` }), h("label", { class: "option-label", htmlFor: `2` }, 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: "" }, "Medium (31% - 65%)"))), h("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.High) }, h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `3` }), h("label", { class: "option-label", htmlFor: `3` }, 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: "" }, "High (66% - 100%)"))));
+      return h("div", { class: "options-container" }, h("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.Low) }, h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `1` }), 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: "" }, "Low (1% - 30%)"))), h("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.Medium) }, h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `2` }), 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: "" }, "Medium (31% - 65%)"))), h("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.High) }, h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `3` }), 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: "" }, "High (66% - 100%)"))));
     };
-    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: "" }, "Question ", this.currentQuestion, " of ", 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": "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: "" }, h("slot", { name: `question-${this.currentQuestion}-subtitle` })), h(PriorityOptions, null), 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: "" }, (this.currentSelectedPriority) ? h("slot", { name: this.getPriorityAnswerSlotName() }) : null)), h("div", { class: "image" }, h("slot", { name: `question-${this.currentQuestion}-image` }))), h("div", { class: "modal-quiz-ctas" }, h("ptc-button", { type: "link", color: "ptc-tertiary", onClick: () => this.handlePreviousClick(), disabled: (this.currentQuestion === 1) }, "Previous"), h("ptc-spacer", { size: "large", breakpoint: "x-small" }), (this.currentQuestion === this.totalQuestions) ?
+    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: "" }, "Question ", this.currentQuestion, " of ", 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", { type: "link", color: "ptc-tertiary", onClick: () => this.handlePreviousClick(), disabled: (this.currentQuestion === 1) }, "Previous"), h("ptc-spacer", { size: "large", breakpoint: "x-small" }), (this.currentQuestion === this.totalQuestions) ?
       h("ptc-button", { type: "link", color: "ptc-secondary", onClick: () => this.handleEmailReportClick(), disabled: this.currentSelectedPriority == null }, "Email Full Report") :
-      h("ptc-button", { type: "link", color: "ptc-secondary", onClick: () => this.handleNextClick(), disabled: this.currentSelectedPriority == null }, "Next Question"))))), h("slot", { name: "script" })));
+      h("ptc-button", { type: "link", color: "ptc-secondary", onClick: () => this.handleNextClick(), disabled: this.currentSelectedPriority == null }, "Next Question"))), 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/custom-elements/index.js

@@ -11620,7 +11620,7 @@ const PtcModal$1 = class extends HTMLElement$1 {
   static get style() { return ptcModalCss; }
 };
 
-const ptcModalQuizCss = ":host{display:block}:host .modal-quiz-container{padding:0 var(--ptc-element-spacing-08) var(--ptc-element-spacing-08);margin-top:var(--ptc-element-spacing-05);height:max-content;max-height:65vh;overflow-y:auto}:host .modal-quiz-progress{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--ptc-element-spacing-04)}:host ptc-para{flex:0 0 100%}:host .dot-progress-bar{margin-top:var(--ptc-element-spacing-03);flex:0 0 100%;display:flex}:host .dot-progress-bar div{display:flex}:host .dot-progress-bar .dot-progress-circle{display:inline-block;width:14px;height:14px;border:var(--color-gray-10) solid 2px;border-radius:50%}:host .dot-progress-bar .dot-progress-circle.active{background-color:var(--color-gray-10)}:host .dot-progress-bar .dot-progress-dash{display:flex;align-items:center}:host .dot-progress-bar .dot-progress-dash .dashed-line{width:24px;height:2px;background:repeating-linear-gradient(90deg, var(--color-gray-10) 0 5px, #0000 0 7px);}:host .modal-quiz-content .content{padding-right:none;width:100%}:host .modal-quiz-content .image{display:none}:host .options-container{margin:var(--ptc-element-spacing-06) 0 var(--ptc-element-spacing-06) 0}:host .radio-input{flex:1 0 100%;margin-bottom:var(--ptc-element-spacing-04);display:flex;align-items:start}:host .radio-input input[type=radio]{width:16px;height:16px}:host .radio-input input[type=radio]:hover{cursor:pointer}:host .radio-input input[type=radio]:hover:before{box-shadow:0px 0px 0px 2px var(--color-gray-05);border-radius:50%;opacity:0.7}:host .radio-input input[type=radio]:before{content:\"\";display:block;width:60%;height:60%;margin:10%;padding:10%;border-radius:50%}:host .radio-input input[type=radio]:checked:before{background:inherit}:host .radio-input .option-label{padding:0 var(--ptc-element-spacing-02) 0 var(--ptc-element-spacing-03)}:host .radio-input .option-label:hover{cursor:pointer}:host .modal-quiz-ctas{margin-top:var(--ptc-element-spacing-08)}:host .modal-quiz-ctas ptc-button{margin-right:var(--ptc-element-spacing-05)}@media only screen and (min-width: 768px){:host .modal-quiz-progress{flex-wrap:none}:host ptc-para{flex:none}:host .dot-progress-bar{flex:none;margin-top:0;margin-left:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 992px){:host .modal-quiz-content{display:flex;width:100%}:host .modal-quiz-content .content{padding-right:var(--ptc-element-spacing-04)}:host .modal-quiz-content .image{display:block;margin-left:var(--ptc-element-spacing-04)}}";
+const ptcModalQuizCss = ":host{display:block}:host .modal-quiz-container{padding:0 var(--ptc-element-spacing-08) var(--ptc-element-spacing-08);margin-top:var(--ptc-element-spacing-05);height:max-content;max-height:calc(80vh - 120px);overflow-y:auto}:host .modal-quiz-progress{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--ptc-element-spacing-04)}:host ptc-para{flex:0 0 100%}:host .dot-progress-bar{margin-top:var(--ptc-element-spacing-03);flex:0 0 100%;display:flex}:host .dot-progress-bar div{display:flex}:host .dot-progress-bar .dot-progress-circle{display:inline-block;width:12px;height:12px;border:var(--color-gray-10) solid 2px;border-radius:50%}:host .dot-progress-bar .dot-progress-circle.active{background-color:var(--color-gray-10)}:host .dot-progress-bar .dot-progress-dash{display:flex;align-items:center}:host .dot-progress-bar .dot-progress-dash .dashed-line{width:24px;height:2px;background:repeating-linear-gradient(90deg, var(--color-gray-10) 0 5px, #0000 0 7px);}:host .modal-quiz-content .content{padding-right:none;width:100%}:host .modal-quiz-content .image{display:none}:host .options-container{margin:var(--ptc-element-spacing-06) 0 var(--ptc-element-spacing-06) 0}:host .radio-input{flex:1 0 100%;margin-bottom:var(--ptc-element-spacing-04);display:flex;align-items:start;width:max-content}:host .radio-input input[type=radio]{width:16px;height:16px}:host .radio-input input[type=radio]:hover{cursor:pointer}:host .radio-input input[type=radio]:hover:before{box-shadow:0px 0px 0px 2px var(--color-gray-05);border-radius:50%;opacity:0.7}:host .radio-input input[type=radio]:before{content:\"\";display:block;width:60%;height:60%;margin:10%;padding:10%;border-radius:50%}:host .radio-input input[type=radio]:checked:before{background:inherit}:host .radio-input .option-label{padding:0 var(--ptc-element-spacing-02) 0 var(--ptc-element-spacing-03)}:host .radio-input .option-label:hover{cursor:pointer}:host .modal-quiz-ctas{margin-top:var(--ptc-element-spacing-08)}:host .modal-quiz-ctas ptc-button{margin-right:var(--ptc-element-spacing-05)}@media only screen and (min-width: 768px){:host .modal-quiz-progress{flex-wrap:none}:host ptc-para{flex:none}:host .dot-progress-bar{flex:none;margin-top:0;margin-left:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 992px){:host .modal-quiz-content{display:flex;width:100%}:host .modal-quiz-content .content{padding-right:var(--ptc-element-spacing-04)}:host .modal-quiz-content .image{display:block;margin-left:var(--ptc-element-spacing-04)}}";
 
 var Priority;
 (function (Priority) {
@@ -11654,6 +11654,14 @@ const PtcModalQuiz$1 = class extends HTMLElement$1 {
         this.currentSelectedPriority = null;
         this.selectedPriorityRadio.checked = false;
         this.currentQuestion += 1;
+        let modalQuizContainer = this.el.shadowRoot.querySelector('.modal-quiz-container');
+        if (modalQuizContainer) {
+          modalQuizContainer.scrollTo({
+            top: 0,
+            left: 0,
+            behavior: "smooth",
+          });
+        }
       }
     };
     this.handleEmailReportClick = () => {
@@ -11690,11 +11698,11 @@ const PtcModalQuiz$1 = class extends HTMLElement$1 {
       }));
     };
     const PriorityOptions = () => {
-      return h$1("div", { class: "options-container" }, h$1("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.Low) }, h$1("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `1` }), h$1("label", { class: "option-label", htmlFor: `1` }, h$1("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: "" }, "Low (1% - 30%)"))), h$1("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.Medium) }, h$1("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `2` }), h$1("label", { class: "option-label", htmlFor: `2` }, h$1("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: "" }, "Medium (31% - 65%)"))), h$1("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.High) }, h$1("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `3` }), h$1("label", { class: "option-label", htmlFor: `3` }, h$1("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: "" }, "High (66% - 100%)"))));
+      return h$1("div", { class: "options-container" }, h$1("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.Low) }, h$1("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `1` }), h$1("label", { class: "option-label", htmlFor: `1` }, h$1("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: "" }, "Low (1% - 30%)"))), h$1("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.Medium) }, h$1("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `2` }), h$1("label", { class: "option-label", htmlFor: `2` }, h$1("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: "" }, "Medium (31% - 65%)"))), h$1("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.High) }, h$1("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `3` }), h$1("label", { class: "option-label", htmlFor: `3` }, h$1("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: "" }, "High (66% - 100%)"))));
     };
-    return (h$1(Host, null, h$1("div", { class: "modal-quiz-container" }, h$1("div", null, h$1("div", null, h$1("div", { class: "modal-quiz-progress" }, h$1("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: "" }, "Question ", this.currentQuestion, " of ", this.totalQuestions), h$1(ProgressDots, null)), h$1("div", { class: "modal-quiz-content" }, h$1("div", { class: "content" }, h$1("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$1("slot", { name: `question-${this.currentQuestion}-title` })), h$1("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: "" }, h$1("slot", { name: `question-${this.currentQuestion}-subtitle` })), h$1(PriorityOptions, null), h$1("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: "" }, (this.currentSelectedPriority) ? h$1("slot", { name: this.getPriorityAnswerSlotName() }) : null)), h$1("div", { class: "image" }, h$1("slot", { name: `question-${this.currentQuestion}-image` }))), h$1("div", { class: "modal-quiz-ctas" }, h$1("ptc-button", { type: "link", color: "ptc-tertiary", onClick: () => this.handlePreviousClick(), disabled: (this.currentQuestion === 1) }, "Previous"), h$1("ptc-spacer", { size: "large", breakpoint: "x-small" }), (this.currentQuestion === this.totalQuestions) ?
+    return (h$1(Host, null, h$1("div", { class: "modal-quiz-container" }, h$1("div", null, h$1("div", null, h$1("div", { class: "modal-quiz-progress" }, h$1("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: "" }, "Question ", this.currentQuestion, " of ", this.totalQuestions), h$1(ProgressDots, null)), h$1("div", { class: "modal-quiz-content" }, h$1("div", { class: "content" }, h$1("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$1("slot", { name: `question-${this.currentQuestion}-title` })), h$1("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$1("slot", { name: `question-${this.currentQuestion}-subtitle` })), h$1(PriorityOptions, null), h$1("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$1("slot", { name: this.getPriorityAnswerSlotName() }) : null), h$1("div", { class: "modal-quiz-ctas" }, h$1("ptc-button", { type: "link", color: "ptc-tertiary", onClick: () => this.handlePreviousClick(), disabled: (this.currentQuestion === 1) }, "Previous"), h$1("ptc-spacer", { size: "large", breakpoint: "x-small" }), (this.currentQuestion === this.totalQuestions) ?
       h$1("ptc-button", { type: "link", color: "ptc-secondary", onClick: () => this.handleEmailReportClick(), disabled: this.currentSelectedPriority == null }, "Email Full Report") :
-      h$1("ptc-button", { type: "link", color: "ptc-secondary", onClick: () => this.handleNextClick(), disabled: this.currentSelectedPriority == null }, "Next Question"))))), h$1("slot", { name: "script" })));
+      h$1("ptc-button", { type: "link", color: "ptc-secondary", onClick: () => this.handleNextClick(), disabled: this.currentSelectedPriority == null }, "Next Question"))), h$1("div", { class: "image" }, h$1("slot", { name: `question-${this.currentQuestion}-image` })))))), h$1("slot", { name: "script" })));
   }
   get el() { return this; }
   static get style() { return ptcModalQuizCss; }

package/dist/esm/ptc-modal-quiz.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-22a84644.js';
 
-const ptcModalQuizCss = ":host{display:block}:host .modal-quiz-container{padding:0 var(--ptc-element-spacing-08) var(--ptc-element-spacing-08);margin-top:var(--ptc-element-spacing-05);height:max-content;max-height:65vh;overflow-y:auto}:host .modal-quiz-progress{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--ptc-element-spacing-04)}:host ptc-para{flex:0 0 100%}:host .dot-progress-bar{margin-top:var(--ptc-element-spacing-03);flex:0 0 100%;display:flex}:host .dot-progress-bar div{display:flex}:host .dot-progress-bar .dot-progress-circle{display:inline-block;width:14px;height:14px;border:var(--color-gray-10) solid 2px;border-radius:50%}:host .dot-progress-bar .dot-progress-circle.active{background-color:var(--color-gray-10)}:host .dot-progress-bar .dot-progress-dash{display:flex;align-items:center}:host .dot-progress-bar .dot-progress-dash .dashed-line{width:24px;height:2px;background:repeating-linear-gradient(90deg, var(--color-gray-10) 0 5px, #0000 0 7px);}:host .modal-quiz-content .content{padding-right:none;width:100%}:host .modal-quiz-content .image{display:none}:host .options-container{margin:var(--ptc-element-spacing-06) 0 var(--ptc-element-spacing-06) 0}:host .radio-input{flex:1 0 100%;margin-bottom:var(--ptc-element-spacing-04);display:flex;align-items:start}:host .radio-input input[type=radio]{width:16px;height:16px}:host .radio-input input[type=radio]:hover{cursor:pointer}:host .radio-input input[type=radio]:hover:before{box-shadow:0px 0px 0px 2px var(--color-gray-05);border-radius:50%;opacity:0.7}:host .radio-input input[type=radio]:before{content:\"\";display:block;width:60%;height:60%;margin:10%;padding:10%;border-radius:50%}:host .radio-input input[type=radio]:checked:before{background:inherit}:host .radio-input .option-label{padding:0 var(--ptc-element-spacing-02) 0 var(--ptc-element-spacing-03)}:host .radio-input .option-label:hover{cursor:pointer}:host .modal-quiz-ctas{margin-top:var(--ptc-element-spacing-08)}:host .modal-quiz-ctas ptc-button{margin-right:var(--ptc-element-spacing-05)}@media only screen and (min-width: 768px){:host .modal-quiz-progress{flex-wrap:none}:host ptc-para{flex:none}:host .dot-progress-bar{flex:none;margin-top:0;margin-left:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 992px){:host .modal-quiz-content{display:flex;width:100%}:host .modal-quiz-content .content{padding-right:var(--ptc-element-spacing-04)}:host .modal-quiz-content .image{display:block;margin-left:var(--ptc-element-spacing-04)}}";
+const ptcModalQuizCss = ":host{display:block}:host .modal-quiz-container{padding:0 var(--ptc-element-spacing-08) var(--ptc-element-spacing-08);margin-top:var(--ptc-element-spacing-05);height:max-content;max-height:calc(80vh - 120px);overflow-y:auto}:host .modal-quiz-progress{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--ptc-element-spacing-04)}:host ptc-para{flex:0 0 100%}:host .dot-progress-bar{margin-top:var(--ptc-element-spacing-03);flex:0 0 100%;display:flex}:host .dot-progress-bar div{display:flex}:host .dot-progress-bar .dot-progress-circle{display:inline-block;width:12px;height:12px;border:var(--color-gray-10) solid 2px;border-radius:50%}:host .dot-progress-bar .dot-progress-circle.active{background-color:var(--color-gray-10)}:host .dot-progress-bar .dot-progress-dash{display:flex;align-items:center}:host .dot-progress-bar .dot-progress-dash .dashed-line{width:24px;height:2px;background:repeating-linear-gradient(90deg, var(--color-gray-10) 0 5px, #0000 0 7px);}:host .modal-quiz-content .content{padding-right:none;width:100%}:host .modal-quiz-content .image{display:none}:host .options-container{margin:var(--ptc-element-spacing-06) 0 var(--ptc-element-spacing-06) 0}:host .radio-input{flex:1 0 100%;margin-bottom:var(--ptc-element-spacing-04);display:flex;align-items:start;width:max-content}:host .radio-input input[type=radio]{width:16px;height:16px}:host .radio-input input[type=radio]:hover{cursor:pointer}:host .radio-input input[type=radio]:hover:before{box-shadow:0px 0px 0px 2px var(--color-gray-05);border-radius:50%;opacity:0.7}:host .radio-input input[type=radio]:before{content:\"\";display:block;width:60%;height:60%;margin:10%;padding:10%;border-radius:50%}:host .radio-input input[type=radio]:checked:before{background:inherit}:host .radio-input .option-label{padding:0 var(--ptc-element-spacing-02) 0 var(--ptc-element-spacing-03)}:host .radio-input .option-label:hover{cursor:pointer}:host .modal-quiz-ctas{margin-top:var(--ptc-element-spacing-08)}:host .modal-quiz-ctas ptc-button{margin-right:var(--ptc-element-spacing-05)}@media only screen and (min-width: 768px){:host .modal-quiz-progress{flex-wrap:none}:host ptc-para{flex:none}:host .dot-progress-bar{flex:none;margin-top:0;margin-left:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 992px){:host .modal-quiz-content{display:flex;width:100%}:host .modal-quiz-content .content{padding-right:var(--ptc-element-spacing-04)}:host .modal-quiz-content .image{display:block;margin-left:var(--ptc-element-spacing-04)}}";
 
 var Priority;
 (function (Priority) {
@@ -32,6 +32,14 @@ const PtcModalQuiz = class {
         this.currentSelectedPriority = null;
         this.selectedPriorityRadio.checked = false;
         this.currentQuestion += 1;
+        let modalQuizContainer = this.el.shadowRoot.querySelector('.modal-quiz-container');
+        if (modalQuizContainer) {
+          modalQuizContainer.scrollTo({
+            top: 0,
+            left: 0,
+            behavior: "smooth",
+          });
+        }
       }
     };
     this.handleEmailReportClick = () => {
@@ -68,11 +76,11 @@ const PtcModalQuiz = class {
       }));
     };
     const PriorityOptions = () => {
-      return h("div", { class: "options-container" }, h("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.Low) }, h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `1` }), h("label", { class: "option-label", htmlFor: `1` }, 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: "" }, "Low (1% - 30%)"))), h("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.Medium) }, h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `2` }), h("label", { class: "option-label", htmlFor: `2` }, 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: "" }, "Medium (31% - 65%)"))), h("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.High) }, h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `3` }), h("label", { class: "option-label", htmlFor: `3` }, 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: "" }, "High (66% - 100%)"))));
+      return h("div", { class: "options-container" }, h("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.Low) }, h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `1` }), 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: "" }, "Low (1% - 30%)"))), h("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.Medium) }, h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `2` }), 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: "" }, "Medium (31% - 65%)"))), h("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.High) }, h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `3` }), 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: "" }, "High (66% - 100%)"))));
     };
-    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: "" }, "Question ", this.currentQuestion, " of ", 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": "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: "" }, h("slot", { name: `question-${this.currentQuestion}-subtitle` })), h(PriorityOptions, null), 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: "" }, (this.currentSelectedPriority) ? h("slot", { name: this.getPriorityAnswerSlotName() }) : null)), h("div", { class: "image" }, h("slot", { name: `question-${this.currentQuestion}-image` }))), h("div", { class: "modal-quiz-ctas" }, h("ptc-button", { type: "link", color: "ptc-tertiary", onClick: () => this.handlePreviousClick(), disabled: (this.currentQuestion === 1) }, "Previous"), h("ptc-spacer", { size: "large", breakpoint: "x-small" }), (this.currentQuestion === this.totalQuestions) ?
+    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: "" }, "Question ", this.currentQuestion, " of ", 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", { type: "link", color: "ptc-tertiary", onClick: () => this.handlePreviousClick(), disabled: (this.currentQuestion === 1) }, "Previous"), h("ptc-spacer", { size: "large", breakpoint: "x-small" }), (this.currentQuestion === this.totalQuestions) ?
       h("ptc-button", { type: "link", color: "ptc-secondary", onClick: () => this.handleEmailReportClick(), disabled: this.currentSelectedPriority == null }, "Email Full Report") :
-      h("ptc-button", { type: "link", color: "ptc-secondary", onClick: () => this.handleNextClick(), disabled: this.currentSelectedPriority == null }, "Next Question"))))), h("slot", { name: "script" })));
+      h("ptc-button", { type: "link", color: "ptc-secondary", onClick: () => this.handleNextClick(), disabled: this.currentSelectedPriority == null }, "Next Question"))), h("div", { class: "image" }, h("slot", { name: `question-${this.currentQuestion}-image` })))))), h("slot", { name: "script" })));
   }
   get el() { return getElement(this); }
 };

package/dist/ptcw-design/p-d2696731.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as a,H as e,g as s}from"./p-ce0e4c5c.js";var o;!function(t){t.Low="low",t.Medium="medium",t.High="high"}(o||(o={}));const l=class{constructor(a){t(this,a),this.emailReportClick=i(this,"emailReportClick",7),this.getPriorityAnswerSlotName=()=>`question-${this.currentQuestion}-${this.currentSelectedPriority}-short-answer`,this.handlePriorityOptionClick=(t,i)=>{this.currentSelectedPriority=i,this.selectedPriorityRadio=t.target},this.handlePreviousClick=()=>{this.currentQuestion>1&&(this.currentSelectedPriority=null,this.selectedPriorityRadio.checked=!1,this.currentQuestion-=1)},this.handleNextClick=()=>{if(this.currentQuestion<this.totalQuestions){this.answers[this.currentQuestion]=this.currentSelectedPriority,this.currentSelectedPriority=null,this.selectedPriorityRadio.checked=!1,this.currentQuestion+=1;let t=this.el.shadowRoot.querySelector(".modal-quiz-container");t&&t.scrollTo({top:0,left:0,behavior:"smooth"})}},this.handleEmailReportClick=()=>{this.answers[this.currentQuestion]=this.currentSelectedPriority,this.emailReportClick.emit(this.answers)},this.totalQuestions=void 0,this.modalId=void 0,this.currentQuestion=1,this.currentSelectedPriority=void 0,this.selectedPriorityRadio=void 0,this.answers={}}componentDidLoad(){const t=this.el.querySelectorAll('[slot$="-image"]');for(let i=0;i<this.totalQuestions;i++)t[i].style.borderRadius="12px"}componentDidRender(){document.querySelector(`#${this.modalId}`).shadowRoot.querySelector(".close").addEventListener("click",(()=>{this.currentSelectedPriority=null,this.selectedPriorityRadio.checked=!1,this.currentQuestion=1}))}render(){return a(e,null,a("div",{class:"modal-quiz-container"},a("div",null,a("div",null,a("div",{class:"modal-quiz-progress"},a("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:""},"Question ",this.currentQuestion," of ",this.totalQuestions),a((()=>a("div",{class:"dot-progress-bar"},[...Array(this.totalQuestions).keys()].map((t=>a("div",null,a("div",{class:"dot-progress-circle "+(t===this.currentQuestion-1?"active":"")}),t<this.totalQuestions-1?a("div",{class:"dot-progress-dash"},a("div",{class:"dashed-line"})):null))))),null)),a("div",{class:"modal-quiz-content"},a("div",{class:"content"},a("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"},a("slot",{name:`question-${this.currentQuestion}-title`})),a("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:""},a("slot",{name:`question-${this.currentQuestion}-subtitle`})),a((()=>a("div",{class:"options-container"},a("div",{class:"radio-input",onClick:t=>this.handlePriorityOptionClick(t,o.Low)},a("input",{type:"radio",name:`modal-quiz-${this.currentQuestion}`,id:"1"}),a("label",{class:"option-label",htmlFor:"1"},a("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:""},"Low (1% - 30%)"))),a("div",{class:"radio-input",onClick:t=>this.handlePriorityOptionClick(t,o.Medium)},a("input",{type:"radio",name:`modal-quiz-${this.currentQuestion}`,id:"2"}),a("label",{class:"option-label",htmlFor:"2"},a("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:""},"Medium (31% - 65%)"))),a("div",{class:"radio-input",onClick:t=>this.handlePriorityOptionClick(t,o.High)},a("input",{type:"radio",name:`modal-quiz-${this.currentQuestion}`,id:"3"}),a("label",{class:"option-label",htmlFor:"3"},a("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:""},"High (66% - 100%)"))))),null),a("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?a("slot",{name:this.getPriorityAnswerSlotName()}):null),a("div",{class:"modal-quiz-ctas"},a("ptc-button",{type:"link",color:"ptc-tertiary",onClick:()=>this.handlePreviousClick(),disabled:1===this.currentQuestion},"Previous"),a("ptc-spacer",{size:"large",breakpoint:"x-small"}),this.currentQuestion===this.totalQuestions?a("ptc-button",{type:"link",color:"ptc-secondary",onClick:()=>this.handleEmailReportClick(),disabled:null==this.currentSelectedPriority},"Email Full Report"):a("ptc-button",{type:"link",color:"ptc-secondary",onClick:()=>this.handleNextClick(),disabled:null==this.currentSelectedPriority},"Next Question"))),a("div",{class:"image"},a("slot",{name:`question-${this.currentQuestion}-image`})))))),a("slot",{name:"script"}))}get el(){return s(this)}};l.style=':host{display:block}:host .modal-quiz-container{padding:0 var(--ptc-element-spacing-08) var(--ptc-element-spacing-08);margin-top:var(--ptc-element-spacing-05);height:max-content;max-height:calc(80vh - 120px);overflow-y:auto}:host .modal-quiz-progress{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--ptc-element-spacing-04)}:host ptc-para{flex:0 0 100%}:host .dot-progress-bar{margin-top:var(--ptc-element-spacing-03);flex:0 0 100%;display:flex}:host .dot-progress-bar div{display:flex}:host .dot-progress-bar .dot-progress-circle{display:inline-block;width:12px;height:12px;border:var(--color-gray-10) solid 2px;border-radius:50%}:host .dot-progress-bar .dot-progress-circle.active{background-color:var(--color-gray-10)}:host .dot-progress-bar .dot-progress-dash{display:flex;align-items:center}:host .dot-progress-bar .dot-progress-dash .dashed-line{width:24px;height:2px;background:repeating-linear-gradient(90deg, var(--color-gray-10) 0 5px, #0000 0 7px);}:host .modal-quiz-content .content{padding-right:none;width:100%}:host .modal-quiz-content .image{display:none}:host .options-container{margin:var(--ptc-element-spacing-06) 0 var(--ptc-element-spacing-06) 0}:host .radio-input{flex:1 0 100%;margin-bottom:var(--ptc-element-spacing-04);display:flex;align-items:start;width:max-content}:host .radio-input input[type=radio]{width:16px;height:16px}:host .radio-input input[type=radio]:hover{cursor:pointer}:host .radio-input input[type=radio]:hover:before{box-shadow:0px 0px 0px 2px var(--color-gray-05);border-radius:50%;opacity:0.7}:host .radio-input input[type=radio]:before{content:"";display:block;width:60%;height:60%;margin:10%;padding:10%;border-radius:50%}:host .radio-input input[type=radio]:checked:before{background:inherit}:host .radio-input .option-label{padding:0 var(--ptc-element-spacing-02) 0 var(--ptc-element-spacing-03)}:host .radio-input .option-label:hover{cursor:pointer}:host .modal-quiz-ctas{margin-top:var(--ptc-element-spacing-08)}:host .modal-quiz-ctas ptc-button{margin-right:var(--ptc-element-spacing-05)}@media only screen and (min-width: 768px){:host .modal-quiz-progress{flex-wrap:none}:host ptc-para{flex:none}:host .dot-progress-bar{flex:none;margin-top:0;margin-left:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 992px){:host .modal-quiz-content{display:flex;width:100%}:host .modal-quiz-content .content{padding-right:var(--ptc-element-spacing-04)}:host .modal-quiz-content .image{display:block;margin-left:var(--ptc-element-spacing-04)}}';export{l as ptc_modal_quiz}

package/dist/ptcw-design/ptcw-design.esm.js

@@ -1 +1 @@
-import{p as e,b as t}from"./p-ce0e4c5c.js";export{s as setNonce}from"./p-ce0e4c5c.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t(JSON.parse('[["p-c5df36ad",[[1,"bundle-jumbotron-example",{"jumbotron":[1],"isIframe":[4,"is-iframe"]}]]],["p-f1ea577b",[[1,"ptc-featured-list",{"isMobile":[32],"selectedTabGloble":[32]},[[9,"resize","handleResize"],[4,"flTabClicked","handleflTabClicked"]]]]],["p-e8a993bc",[[1,"featured-list",{"isMobile":[32],"selectedTabGloble":[32]},[[9,"resize","handleResize"],[4,"flTabClicked","handleflTabClicked"]]]]],["p-9d64961f",[[1,"ptc-pricing-table",{"pageWithSubnav":[4,"page-with-subnav"],"tableTitle":[1,"table-title"],"tableSubTitle":[1,"table-sub-title"],"tableDescription":[1,"table-description"],"dataRows":[2,"data-rows"],"dataCols":[2,"data-cols"],"disclaimerCount":[2,"disclaimer-count"],"scrollTopClipperHeight":[32],"desktopHeaderFirstCellWidth":[32],"targetElements":[32],"columnHeaderLinks":[32],"lastScrollTop":[32],"scrollTimeInterval":[32],"scrollAmount":[32],"scrollLimit":[32],"mobileHeaderRowColSpan":[32],"showCtaButtonsRow":[32],"ctaButtons":[32],"disclaimers":[32]}]]],["p-1791ba1d",[[0,"embedded-form",{"formData":[32]}]]],["p-018470e2",[[0,"ptc-form",{"formData":[32]}]]],["p-6e11536e",[[4,"ptc-pricing-add-on-section",{"cardCount":[2,"card-count"],"cardData":[32]}]]],["p-e1dd94a9",[[1,"sequential-bundle",{"isMobile":[32]},[[9,"resize","handleResize"]]]]],["p-56da9ecd",[[1,"sequential-bundle-example",{"isInteralCardsExpanded":[1040],"isMobile":[32],"expandedCardIndex":[32]},[[9,"resize","handleResize"]]]]],["p-a7f9aa80",[[1,"author-listing-example",{"defaultAuthorImage":[1,"default-author-image"],"isLoading":[32],"loadedCardCount":[32],"cardsPerLoad":[32],"cardData":[32]},[[9,"scroll","handleScroll"]]]]],["p-6b1d18b1",[[1,"bundle-example",{"isLoading":[32],"picWidth":[32],"picHeight":[32]},[[9,"resize","handleWindowResize"]]]]],["p-4097a036",[[1,"ptc-product-sidebar",{"suggestionList":[16],"searchTerm":[32],"suggestions":[32]},[[4,"dropdownTouched","handleDropdownTouched"],[0,"click","handleClick"],[4,"clearCtaClicked","handleclearCtaClicked"],[4,"selectedValues","handleSelectedValues"]]]]],["p-67f50038",[[1,"ptc-embedded-quiz",{"getQuizEndpoint":[1,"get-quiz-endpoint"],"quiz":[32],"slide":[32],"traversal":[32]}]]],["p-f6dfc55e",[[1,"ptc-product-card",{"cardTitle":[1,"card-title"],"cardImage":[1,"card-image"],"cardImageAltText":[1,"card-image-alt-text"],"cardDescription":[1,"card-description"],"cardCtaText":[1,"card-cta-text"],"toggleCtaTitle":[1,"toggle-cta-title"],"isSlotEmpty":[4,"is-slot-empty"],"isOpen":[32]}]]],["p-22c476ca",[[1,"ptc-modal-quiz",{"totalQuestions":[2,"total-questions"],"modalId":[1,"modal-id"],"currentQuestion":[32],"currentSelectedPriority":[32],"selectedPriorityRadio":[32],"answers":[32]}]]],["p-5f69e216",[[1,"ptc-news",{"newsTag":[1,"news-tag"],"newsTitle":[1,"news-title"],"newsSecondaryTitle":[1,"news-secondary-title"],"newsDate":[1,"news-date"],"newsSummary":[1,"news-summary"],"newsImage":[1,"news-image"],"newsImageAlt":[1,"news-image-alt"],"newsDownloadUrl":[1,"news-download-url"]}]]],["p-63f811ec",[[1,"ptc-product-category",{"categoryTitle":[1,"category-title"],"categoryDescription":[1,"category-description"]}]]],["p-ad401696",[[1,"ptc-product-highlight-card",{"cardTitle":[1,"card-title"],"cardImage":[1,"card-image"],"cardImageAltText":[1,"card-image-alt-text"],"cardDescription":[1,"card-description"]}]]],["p-9817c40a",[[1,"innovator-toggle-container",{"sectionTitle":[1,"section-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["p-515f4332",[[1,"ptc-announcement",{"barTitle":[1025,"bar-title"],"description":[1025],"linkText":[513,"link-text"],"linkTitle":[513,"link-title"],"visible":[1540],"linkUrl":[1537,"link-url"],"insideContainer":[4,"inside-container"],"target":[1025],"customMaxLines":[2,"custom-max-lines"],"moreText":[1,"more-text"],"windowSize":[32]},[[9,"resize","handleResize"]]]]],["p-8bf3dad0",[[1,"ptc-collapse-list",{"header":[1],"listItems":[1040],"placeholderText":[1025,"placeholder-text"],"debounceUpdateDelay":[1026,"debounce-update-delay"],"data":[32],"searchText":[32],"selectedValue":[32],"selectedItems":[32],"hashMap":[32],"debouncedUpdatedEvent":[32],"refreshBuffer":[32],"removeSelectedItem":[64],"addSelectedItem":[64]}]]],["p-e8cd5994",[[1,"ptc-product-list",null,[[4,"selectedResult","handleSearchResult"],[4,"clearsearch","handleSearchResult"],[4,"selectedValues","handleMultipleSearchResult"],[4,"emptyResult","handleEmptyResult"]]]]],["p-ac63caae",[[1,"ptc-social-share",{"display":[1],"shareType":[1,"share-type"],"shareTitle":[1,"share-title"],"text":[1],"url":[1],"source":[1],"recipient":[1],"iconColor":[1,"icon-color"],"iconHoverColor":[1,"icon-hover-color"],"iconSize":[1,"icon-size"],"isHover":[32]}]]],["p-a35d9668",[[4,"ptc-tab-list",{"type":[1],"isMobile":[32],"selectedValue":[32]},[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["p-77f5cf02",[[1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"],"contentAlignment":[1,"content-alignment"]}]]],["p-95198d5f",[[1,"ptc-previous-url",{"href":[1],"text":[1],"styles":[1]}]]],["p-b036ef99",[[1,"ptc-pricing-tabs",{"productTag":[1,"product-tag"],"header":[1],"tabLabel":[1,"tab-label"],"filterTag":[1,"filter-tag"],"styles":[1],"tabItems":[32],"isMobileViewPort":[32],"isDesktopViewPort":[32]},[[9,"resize","setIsMobileViewPort"]]]]],["p-689f0741",[[1,"ptc-related-card-rail",{"footerQuerySelector":[1,"footer-query-selector"],"closed":[32],"cardInView":[32],"data":[32],"screenBasedProps":[32]}]]],["p-9e3b390e",[[1,"ptc-square-card",{"number":[1],"arrowDirection":[1,"arrow-direction"]}]]],["p-58291e3a",[[1,"ptc-sticky-title",{"barTitle":[1,"bar-title"],"logo":[1],"isSticky":[32]},[[9,"scroll","handleScroll"]]]]],["p-aa1cd855",[[1,"ptc-value-prop-card",{"cardHref":[1,"card-href"],"target":[1],"rel":[1],"cardTitle":[1,"card-title"],"backgroundImage":[1,"background-image"]}]]],["p-2893f405",[[1,"ptc-bio-card",{"name":[1],"jobTitle":[1,"job-title"],"image":[1],"linkedin":[1],"twitter":[1],"showModal":[32]}]]],["p-6449418a",[[1,"ptc-checkbox",{"checked":[1025],"value":[1025],"disabled":[1028],"inputName":[1,"input-name"]}]]],["p-507ab0b3",[[1,"ptc-dropdown",{"theme":[1],"label":[1],"listItems":[16],"toggle":[32],"selectedItem":[32]},[[4,"click","offClick"]]]]],["p-dc5e5116",[[1,"ptc-filter-tag",{"theme":[1],"iconColorMap":[32]}]]],["p-6a5bc275",[[1,"ptc-icon-minimize",{"heading":[1025],"opened":[1028],"timeStamp":[32],"Refresh":[64]}]]],["p-6a4bb3e8",[[1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["p-0f3f83d3",[[1,"ptc-media-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"activeBackgroundImage":[1025,"active-background-image"],"hoverBackgroundImage":[1025,"hover-background-image"],"heading":[1025],"headingTransform":[1025,"heading-transform"],"category":[1025],"isHovered":[32]}]]],["p-704456f9",[[0,"ptc-mobile-select",{"triggerName":[1,"trigger-name"],"selectedText":[1,"selected-text"],"wheelData":[1040],"selectedId":[1,"selected-id"],"ensureBtnText":[1,"ensure-btn-text"],"cancelBtnText":[1,"cancel-btn-text"],"listTitle":[1,"list-title"]}]]],["p-3a4f707a",[[1,"ptc-nav-submenu",{"label":[1],"iconAssetName":[1025,"icon-asset-name"],"iconSrc":[1,"icon-src"]}]]],["p-cf1005f9",[[1,"ptc-pagenation",{"totalCount":[2,"total-count"],"numberOfItems":[2,"number-of-items"],"previousValue":[1,"previous-value"],"lastValue":[1,"last-value"],"minPageNumber":[2,"min-page-number"],"maxPageNumber":[2,"max-page-number"],"clickedPageNumber":[2,"clicked-page-number"],"appendArray":[4,"append-array"],"prevArrowImg":[1,"prev-arrow-img"],"nextArrowImg":[1,"next-arrow-img"],"theme":[1],"styles":[1],"pageNumbers":[32],"isSmallScreen":[32]},[[9,"resize","windowResize"]]]]],["p-029f9072",[[1,"ptc-podcast-card",{"heading":[1],"imageSrc":[1,"image-src"],"altText":[1,"alt-text"]}]]],["p-17fd5641",[[1,"ptc-quote",{"quoteType":[1025,"quote-type"],"quoteName":[1025,"quote-name"],"ctaText":[1,"cta-text"],"ctaUrl":[1,"cta-url"],"imgSrc":[1,"img-src"],"imgTitle":[1,"img-title"]}]]],["p-3ed0384d",[[1,"ptc-search-field",{"textValue":[1,"text-value"],"placeholderLabel":[1,"placeholder-label"],"darkTheme":[4,"dark-theme"],"elevation":[1],"enableClear":[4,"enable-clear"],"styles":[1],"clearSearchValue":[64]}]]],["p-26f31be6",[[1,"ptc-slit-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"heading":[1],"content":[1],"styles":[1],"cardImage":[1,"card-image"]}]]],["p-cda3854b",[[1,"ptc-subnav-card",{"cardTitle":[1,"card-title"],"cardHref":[1,"card-href"],"cardImageSrc":[1,"card-image-src"],"cardImageAlt":[1,"card-image-alt"],"ctaText":[1,"cta-text"],"ctaIconAssetName":[1,"cta-icon-asset-name"]}]]],["p-57bb43ab",[[0,"tab-header",{"name":[1],"tooltip":[1],"tabHeaderText":[1,"tab-header-text"],"isSelected":[32],"maxLength":[32],"getChild":[64]},[[9,"resize","handleWindowResize"]]]]],["p-84d3f4fa",[[1,"dynamic-box-bundle",{"topImgSrc":[1,"top-img-src"],"topImgAlt":[1,"top-img-alt"],"boxHeight":[2,"box-height"],"isHovering":[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseout","handleMouseOut"]]]]],["p-7b34bb69",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["p-777fb495",[[1,"ptc-accordion",{"multiple":[4],"theme":[1]},[[0,"opened","openHandler"]]]]],["p-189c7c5a",[[1,"ptc-accordion-item",{"heading":[1],"headingTag":[1,"heading-tag"],"autoHeight":[4,"auto-height"],"active":[1540],"theme":[1537],"hasHeadingSlot":[32],"hasArrowSlot":[32],"toggle":[64],"close":[64],"open":[64]}]]],["p-dc748f00",[[1,"ptc-back-to-top",{"showButton":[32]},[[0,"click","handleClick"]]]]],["p-47910a67",[[1,"ptc-case-studies-slider"]]],["p-6aba5f8f",[[1,"ptc-container",{"backgroundColor":[1,"background-color"],"elevation":[1],"containerType":[1,"container-type"],"spacing":[1],"styles":[1]}]]],["p-ee20170a",[[6,"ptc-hero-footer-cta",{"ctaTitle":[1,"cta-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["p-98b6cb94",[[1,"ptc-icon-component",{"isMobile":[32]},[[9,"resize","handleResize"]]]]],["p-99457ebb",[[1,"ptc-icon-list",{"listType":[1,"list-type"],"valueWithUnit":[1,"value-with-unit"],"valueText":[1,"value-text"],"listContent":[1,"list-content"],"isLastItem":[4,"is-last-item"]}]]],["p-a417df03",[[1,"ptc-minimized-nav",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"],"navType":[1,"nav-type"]}]]],["p-df0aa310",[[1,"ptc-nav-card",{"cardType":[1025,"card-type"],"cardHref":[1025,"card-href"],"logoAlt":[1025,"logo-alt"],"target":[1025],"rel":[1025],"linkTitle":[1025,"link-title"],"cardLogo":[1025,"card-logo"],"heading":[1025],"description":[1025],"windowSize":[32]},[[9,"resize","handleResize"]]]]],["p-84090398",[[1,"ptc-nav-link",{"href":[1025],"isOutsideLink":[1028,"is-outside-link"],"titleText":[1025,"title-text"]},[[2,"click","handleClick"]]]]],["p-31c33a18",[[1,"ptc-nav-pills"]]],["p-3fa6d101",[[1,"ptc-nav-slider",{"sliderId":[1,"slider-id"]},[[0,"dropdownClickEvent","handledropdownClickEvent"]]]]],["p-2254e000",[[1,"ptc-readmore-char",{"maxCharacters":[2,"max-characters"],"description":[1],"readMoreText":[1,"read-more-text"],"readLessText":[1,"read-less-text"],"expanded":[32]}]]],["p-be8db2b7",[[1,"ptc-responsive-wrapper"]]],["p-15e08cba",[[1,"ptc-shopping-cart",{"cartCount":[1,"cart-count"],"color":[1]}]]],["p-e8d9a19f",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"fontWeight":[1,"font-weight"],"styles":[1]}]]],["p-bd470a7a",[[1,"ptc-sticky-icons",null,[[9,"resize","handleResize"]]]]],["p-7ea29d34",[[1,"ptc-sticky-section",null,[[9,"scroll","handleScroll"]]]]],["p-cefb766f",[[1,"ptc-subnav",{"mobileTitle":[1,"mobile-title"],"navOpen":[32]},[[9,"scroll","handleScroll"],[0,"navLinkClicked","handleNavLinkClickedEvent"]]]]],["p-eb65dacf",[[1,"ptc-tab",{"optionClicked":[1540,"option-clicked"],"label":[1],"price":[1],"active":[4],"disabled":[516]}]]],["p-ad234f99",[[1,"ptc-tabs",{"tabs":[32],"openTab":[64]}]]],["p-f245f1bd",[[1,"ptc-text-copy-with-background",{"type":[1],"backgroundImage":[1,"background-image"],"ImageAltText":[1,"image-alt-text"],"topSlitBackgroundColor":[1,"top-slit-background-color"],"slitPosition":[1,"slit-position"],"isBackgroundBlur":[4,"is-background-blur"],"overlay":[4],"styles":[1]}]]],["p-3f368d6d",[[1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]]],["p-dc10f54e",[[4,"tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["p-60f17bef",[[1,"ptc-readmore",{"moreText":[1025,"more-text"],"lessText":[1025,"less-text"],"readMorePosition":[1,"read-more-position"],"display":[1],"visibleLines":[1,"visible-lines"],"visibleLinesCustom":[2,"visible-lines-custom"],"zIndex":[1,"z-index"],"checked":[1028],"size":[1],"isIcon":[4,"is-icon"],"color":[1],"updateReadmoreStatus":[64]},[[9,"resize","updateReadmoreStatus"]]]]],["p-f6cf3eea",[[1,"ptc-pricing-add-on-card",{"cardTitle":[1,"card-title"],"cardPricingText":[1,"card-pricing-text"],"cardCtaHref":[1,"card-cta-href"],"cardCtaText":[1,"card-cta-text"],"cardDisclaimer":[1,"card-disclaimer"]}]]],["p-35d5a78b",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"country":[1],"styles":[1],"ribbonText":[1,"ribbon-text"],"eventType":[1,"event-type"],"cardLogo":[1,"card-logo"],"titleLineCutOff":[2,"title-line-cut-off"],"maxChars":[2,"max-chars"],"maxLines":[2,"max-lines"],"cardOverflow":[1,"card-overflow"],"isCreoCard":[4,"is-creo-card"]}]]],["p-0074d97c",[[1,"ptc-ellipsis-dropdown",{"dataItems":[16],"selectedTab":[1,"selected-tab"],"isDropdownOpen":[32],"isMobile":[32]},[[4,"click","offClick"],[9,"resize","handleResize"]]]]],["p-2ba6bbbe",[[1,"ptc-image-download-strip",{"downloadUrl":[1,"download-url"]}]]],["p-ff59a433",[[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"linkArea":[1,"link-area"],"styles":[1]}]]],["p-75b17a66",[[1,"ptc-pricing-block",{"active":[4],"optionClicked":[1540,"option-clicked"]}]]],["p-3b8731e6",[[1,"ptc-product-dropdown",{"newOptions":[16],"selectedOptions":[16],"placeholder":[1],"internalOptions":[32],"isOpen":[32]},[[4,"clearsearch","handleSearchResult"],[4,"inputChanged","handleinputChanged"]]]]],["p-bd3cb8df",[[1,"ptc-progress-bar",{"scrollPercentage":[32]},[[9,"scroll","handleScroll"]]]]],["p-1b972064",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"],"display":[1],"zIndex":[1,"z-index"],"styles":[2]}]]],["p-d9501715",[[1,"ptc-jumbotron",{"jumbotronType":[1,"jumbotron-type"],"hasPopupVideo":[4,"has-popup-video"],"mainTitle":[1,"main-title"],"subTitle":[1,"sub-title"],"pngSrc":[1,"png-src"],"gifSrc":[1,"gif-src"],"bgVideoSrc":[1,"bg-video-src"],"bgSrc":[1,"bg-src"],"isIframe":[4,"is-iframe"],"playButtonTitle":[1,"play-button-title"],"pauseButtonTitle":[1,"pause-button-title"],"hasCtaSlot":[4,"has-cta-slot"],"contentBackground":[32],"contentColor":[32],"textAlign":[32],"isMobile":[32]},[[9,"resize","handleResize"]]],[1,"ptc-breadcrumb",{"position":[1],"removeTopMargin":[4,"remove-top-margin"],"color":[1],"styles":[1]}]]],["p-3f5f1e41",[[1,"ptc-dynamic-card",{"cardType":[1,"card-type"],"cardTitle":[1,"card-title"],"cardImgSrc":[1,"card-img-src"],"cardImgAlt":[1,"card-img-alt"],"cardScreen":[1,"card-screen"],"isExpanded":[4,"is-expanded"],"overlayExists":[32]}]]],["p-59ac682d",[[4,"dropdown-item",{"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["p-bf808180",[[1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateColor":[1,"date-color"],"dateStyles":[1,"date-styles"],"dataSize":[1,"data-size"],"formatOptions":[1,"format-options"]}]]],["p-fe85ac05",[[1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}],[1,"ptc-card-wrapper",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"],"isLoading":[4,"is-loading"],"styles":[1]},[[9,"resize","handleResize"]]],[1,"ptc-skeleton",{"isLoading":[4,"is-loading"],"animated":[4],"width":[1],"borderRadius":[1,"border-radius"],"topMargin":[1,"top-margin"],"btmMargin":[1,"btm-margin"]}]]],["p-9a71ca13",[[6,"ptc-tooltip",{"textDisplay":[1,"text-display"],"maxLength":[2,"max-length"],"textLines":[2,"text-lines"],"description":[1],"zIndex":[1,"z-index"],"position":[1],"styles":[1],"mode":[1],"theme":[1],"width":[1],"hideOnMobile":[4,"hide-on-mobile"],"isSmallScreen":[4,"is-small-screen"]},[[9,"resize","addTruncatedClass"],[9,"resize","windowResize"]]]]],["p-5248efee",[[1,"ptc-background-video",{"videoSrc":[1,"video-src"],"posterSrc":[1,"poster-src"],"overlay":[4],"playButtonTitle":[1,"play-button-title"],"pauseButtonTitle":[1,"pause-button-title"],"type":[1],"isIframe":[4,"is-iframe"],"paused":[32]}]]],["p-5c47361e",[[1,"max-width-container",{"maxWidthP":[2,"max-width-p"],"maxWidth":[2,"max-width"],"breakpoint":[2],"contentAlign":[1,"content-align"],"styles":[1]}]]],["p-9d681abc",[[1,"ptc-card-content",{"cardType":[1,"card-type"],"outlineColor":[1,"outline-color"],"styles":[1],"isLoading":[4,"is-loading"],"setHeight":[64],"removeInlineHeight":[64]}]]],["p-e312626a",[[1,"ptc-modal",{"iframeUrl":[1025,"iframe-url"],"size":[1025],"show":[1028],"overlay":[1028],"fixed":[1028],"closeOnBlur":[1028,"close-on-blur"],"rounded":[1028],"showHeaderFooter":[1028,"show-header-footer"],"borderRadius":[1025,"border-radius"],"isBioModal":[1028,"is-bio-modal"],"styles":[1],"overlayHeight":[32],"bodyOverflowSetting":[32]}]]],["p-b82f8dd8",[[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"],"color":[1],"styles":[1]}]]],["p-1fc3d43a",[[1,"ptc-overlay",{"filterColor":[1,"filter-color"],"borderRadius":[1,"border-radius"],"overlayZIndex":[1,"overlay-z-index"],"styles":[1],"setOverlay":[64]}]]],["p-12acb46f",[[1,"fl-tab-header",{"tabTitle":[1,"tab-title"],"nameKey":[1,"name-key"],"selected":[4]}],[1,"fl-tab-content",{"nameKey":[1,"name-key"],"selected":[4]}],[1,"fl-tab-image",{"nameKey":[1,"name-key"],"selected":[4]}]]],["p-11582f1e",[[0,"ptc-form-checkbox",{"checkboxId":[1,"checkbox-id"],"label":[1],"required":[4],"isChecked":[1028,"is-checked"],"name":[1],"helpertext":[1],"hasError":[32],"validateCheckbox":[64]}],[4,"ptc-select",{"label":[1],"isRequired":[4,"is-required"],"helpertext":[1],"name":[1],"disabled":[4],"selectedValue":[1025,"selected-value"],"ptcDataEloquaName":[1,"ptc-data-eloqua-name"]}],[0,"ptc-textfield",{"fieldId":[1,"field-id"],"type":[1],"required":[4],"ptcMaxLength":[2,"ptc-max-length"],"labelText":[1025,"label-text"],"helpertext":[1025],"disabled":[4],"name":[1],"ptcDataEloquaName":[1,"ptc-data-eloqua-name"],"inputValue":[1025,"input-value"]},[[0,"input","handleInput"],[2,"blur","inputBlurHandler"]]]]],["p-cf7dc448",[[4,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"],"borderRadius":[1,"border-radius"],"loadMode":[1,"load-mode"],"styles":[1]},[[9,"resize","WindowResize"]]]]],["p-1c631848",[[1,"ptc-picture",{"src":[1],"alt":[1],"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"disableResize":[1028,"disable-resize"],"imagePosition":[1,"image-position"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1],"objectFit":[1,"object-fit"],"isFullHeight":[4,"is-full-height"],"isFullWidth":[4,"is-full-width"],"styles":[1],"imageAlignment":[1,"image-alignment"],"maxWidth":[1,"max-width"],"displayImage":[1,"display-image"],"oldSrc":[32]},[[9,"resize","WindowResize"]]]]],["p-85145672",[[1,"ptc-button",{"disabled":[516],"active":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"],"linkHref":[1,"link-href"],"linkTitle":[1,"link-title"],"target":[1],"rel":[1],"tabNav":[2,"tab-nav"],"styles":[1],"textAlign":[1,"text-align"]}]]],["p-0532c37c",[[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}]]],["p-377c65ff",[[6,"ptc-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleShadow":[1,"title-shadow"],"titleColor":[1,"title-color"],"titleMargin":[1,"title-margin"],"titleWeight":[1,"title-weight"],"titleSize":[1,"title-size"],"titleHeight":[1,"title-height"],"styles":[1],"ellipsisLineCutoff":[2,"ellipsis-line-cutoff"],"titleDisplay":[1,"title-display"]}]]],["p-e8ba44ba",[[1,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"],"paraColor":[1,"para-color"],"paraLineH":[1,"para-line-h"],"paraMargin":[1,"para-margin"],"paraAlign":[1,"para-align"],"ellipsisLineCutoff":[2,"ellipsis-line-cutoff"],"paraZIndex":[1,"para-z-index"],"styles":[1]}]]],["p-10254985",[[2,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1],"isMobileSelect":[4,"is-mobile-select"],"injectedStyle":[1,"injected-style"]}]]]]'),e)));
+import{p as e,b as t}from"./p-ce0e4c5c.js";export{s as setNonce}from"./p-ce0e4c5c.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t(JSON.parse('[["p-c5df36ad",[[1,"bundle-jumbotron-example",{"jumbotron":[1],"isIframe":[4,"is-iframe"]}]]],["p-f1ea577b",[[1,"ptc-featured-list",{"isMobile":[32],"selectedTabGloble":[32]},[[9,"resize","handleResize"],[4,"flTabClicked","handleflTabClicked"]]]]],["p-e8a993bc",[[1,"featured-list",{"isMobile":[32],"selectedTabGloble":[32]},[[9,"resize","handleResize"],[4,"flTabClicked","handleflTabClicked"]]]]],["p-9d64961f",[[1,"ptc-pricing-table",{"pageWithSubnav":[4,"page-with-subnav"],"tableTitle":[1,"table-title"],"tableSubTitle":[1,"table-sub-title"],"tableDescription":[1,"table-description"],"dataRows":[2,"data-rows"],"dataCols":[2,"data-cols"],"disclaimerCount":[2,"disclaimer-count"],"scrollTopClipperHeight":[32],"desktopHeaderFirstCellWidth":[32],"targetElements":[32],"columnHeaderLinks":[32],"lastScrollTop":[32],"scrollTimeInterval":[32],"scrollAmount":[32],"scrollLimit":[32],"mobileHeaderRowColSpan":[32],"showCtaButtonsRow":[32],"ctaButtons":[32],"disclaimers":[32]}]]],["p-1791ba1d",[[0,"embedded-form",{"formData":[32]}]]],["p-018470e2",[[0,"ptc-form",{"formData":[32]}]]],["p-6e11536e",[[4,"ptc-pricing-add-on-section",{"cardCount":[2,"card-count"],"cardData":[32]}]]],["p-e1dd94a9",[[1,"sequential-bundle",{"isMobile":[32]},[[9,"resize","handleResize"]]]]],["p-56da9ecd",[[1,"sequential-bundle-example",{"isInteralCardsExpanded":[1040],"isMobile":[32],"expandedCardIndex":[32]},[[9,"resize","handleResize"]]]]],["p-a7f9aa80",[[1,"author-listing-example",{"defaultAuthorImage":[1,"default-author-image"],"isLoading":[32],"loadedCardCount":[32],"cardsPerLoad":[32],"cardData":[32]},[[9,"scroll","handleScroll"]]]]],["p-6b1d18b1",[[1,"bundle-example",{"isLoading":[32],"picWidth":[32],"picHeight":[32]},[[9,"resize","handleWindowResize"]]]]],["p-4097a036",[[1,"ptc-product-sidebar",{"suggestionList":[16],"searchTerm":[32],"suggestions":[32]},[[4,"dropdownTouched","handleDropdownTouched"],[0,"click","handleClick"],[4,"clearCtaClicked","handleclearCtaClicked"],[4,"selectedValues","handleSelectedValues"]]]]],["p-67f50038",[[1,"ptc-embedded-quiz",{"getQuizEndpoint":[1,"get-quiz-endpoint"],"quiz":[32],"slide":[32],"traversal":[32]}]]],["p-f6dfc55e",[[1,"ptc-product-card",{"cardTitle":[1,"card-title"],"cardImage":[1,"card-image"],"cardImageAltText":[1,"card-image-alt-text"],"cardDescription":[1,"card-description"],"cardCtaText":[1,"card-cta-text"],"toggleCtaTitle":[1,"toggle-cta-title"],"isSlotEmpty":[4,"is-slot-empty"],"isOpen":[32]}]]],["p-d2696731",[[1,"ptc-modal-quiz",{"totalQuestions":[2,"total-questions"],"modalId":[1,"modal-id"],"currentQuestion":[32],"currentSelectedPriority":[32],"selectedPriorityRadio":[32],"answers":[32]}]]],["p-5f69e216",[[1,"ptc-news",{"newsTag":[1,"news-tag"],"newsTitle":[1,"news-title"],"newsSecondaryTitle":[1,"news-secondary-title"],"newsDate":[1,"news-date"],"newsSummary":[1,"news-summary"],"newsImage":[1,"news-image"],"newsImageAlt":[1,"news-image-alt"],"newsDownloadUrl":[1,"news-download-url"]}]]],["p-63f811ec",[[1,"ptc-product-category",{"categoryTitle":[1,"category-title"],"categoryDescription":[1,"category-description"]}]]],["p-ad401696",[[1,"ptc-product-highlight-card",{"cardTitle":[1,"card-title"],"cardImage":[1,"card-image"],"cardImageAltText":[1,"card-image-alt-text"],"cardDescription":[1,"card-description"]}]]],["p-9817c40a",[[1,"innovator-toggle-container",{"sectionTitle":[1,"section-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["p-515f4332",[[1,"ptc-announcement",{"barTitle":[1025,"bar-title"],"description":[1025],"linkText":[513,"link-text"],"linkTitle":[513,"link-title"],"visible":[1540],"linkUrl":[1537,"link-url"],"insideContainer":[4,"inside-container"],"target":[1025],"customMaxLines":[2,"custom-max-lines"],"moreText":[1,"more-text"],"windowSize":[32]},[[9,"resize","handleResize"]]]]],["p-8bf3dad0",[[1,"ptc-collapse-list",{"header":[1],"listItems":[1040],"placeholderText":[1025,"placeholder-text"],"debounceUpdateDelay":[1026,"debounce-update-delay"],"data":[32],"searchText":[32],"selectedValue":[32],"selectedItems":[32],"hashMap":[32],"debouncedUpdatedEvent":[32],"refreshBuffer":[32],"removeSelectedItem":[64],"addSelectedItem":[64]}]]],["p-e8cd5994",[[1,"ptc-product-list",null,[[4,"selectedResult","handleSearchResult"],[4,"clearsearch","handleSearchResult"],[4,"selectedValues","handleMultipleSearchResult"],[4,"emptyResult","handleEmptyResult"]]]]],["p-ac63caae",[[1,"ptc-social-share",{"display":[1],"shareType":[1,"share-type"],"shareTitle":[1,"share-title"],"text":[1],"url":[1],"source":[1],"recipient":[1],"iconColor":[1,"icon-color"],"iconHoverColor":[1,"icon-hover-color"],"iconSize":[1,"icon-size"],"isHover":[32]}]]],["p-a35d9668",[[4,"ptc-tab-list",{"type":[1],"isMobile":[32],"selectedValue":[32]},[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["p-77f5cf02",[[1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"],"contentAlignment":[1,"content-alignment"]}]]],["p-95198d5f",[[1,"ptc-previous-url",{"href":[1],"text":[1],"styles":[1]}]]],["p-b036ef99",[[1,"ptc-pricing-tabs",{"productTag":[1,"product-tag"],"header":[1],"tabLabel":[1,"tab-label"],"filterTag":[1,"filter-tag"],"styles":[1],"tabItems":[32],"isMobileViewPort":[32],"isDesktopViewPort":[32]},[[9,"resize","setIsMobileViewPort"]]]]],["p-689f0741",[[1,"ptc-related-card-rail",{"footerQuerySelector":[1,"footer-query-selector"],"closed":[32],"cardInView":[32],"data":[32],"screenBasedProps":[32]}]]],["p-9e3b390e",[[1,"ptc-square-card",{"number":[1],"arrowDirection":[1,"arrow-direction"]}]]],["p-58291e3a",[[1,"ptc-sticky-title",{"barTitle":[1,"bar-title"],"logo":[1],"isSticky":[32]},[[9,"scroll","handleScroll"]]]]],["p-aa1cd855",[[1,"ptc-value-prop-card",{"cardHref":[1,"card-href"],"target":[1],"rel":[1],"cardTitle":[1,"card-title"],"backgroundImage":[1,"background-image"]}]]],["p-2893f405",[[1,"ptc-bio-card",{"name":[1],"jobTitle":[1,"job-title"],"image":[1],"linkedin":[1],"twitter":[1],"showModal":[32]}]]],["p-6449418a",[[1,"ptc-checkbox",{"checked":[1025],"value":[1025],"disabled":[1028],"inputName":[1,"input-name"]}]]],["p-507ab0b3",[[1,"ptc-dropdown",{"theme":[1],"label":[1],"listItems":[16],"toggle":[32],"selectedItem":[32]},[[4,"click","offClick"]]]]],["p-dc5e5116",[[1,"ptc-filter-tag",{"theme":[1],"iconColorMap":[32]}]]],["p-6a5bc275",[[1,"ptc-icon-minimize",{"heading":[1025],"opened":[1028],"timeStamp":[32],"Refresh":[64]}]]],["p-6a4bb3e8",[[1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["p-0f3f83d3",[[1,"ptc-media-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"activeBackgroundImage":[1025,"active-background-image"],"hoverBackgroundImage":[1025,"hover-background-image"],"heading":[1025],"headingTransform":[1025,"heading-transform"],"category":[1025],"isHovered":[32]}]]],["p-704456f9",[[0,"ptc-mobile-select",{"triggerName":[1,"trigger-name"],"selectedText":[1,"selected-text"],"wheelData":[1040],"selectedId":[1,"selected-id"],"ensureBtnText":[1,"ensure-btn-text"],"cancelBtnText":[1,"cancel-btn-text"],"listTitle":[1,"list-title"]}]]],["p-3a4f707a",[[1,"ptc-nav-submenu",{"label":[1],"iconAssetName":[1025,"icon-asset-name"],"iconSrc":[1,"icon-src"]}]]],["p-cf1005f9",[[1,"ptc-pagenation",{"totalCount":[2,"total-count"],"numberOfItems":[2,"number-of-items"],"previousValue":[1,"previous-value"],"lastValue":[1,"last-value"],"minPageNumber":[2,"min-page-number"],"maxPageNumber":[2,"max-page-number"],"clickedPageNumber":[2,"clicked-page-number"],"appendArray":[4,"append-array"],"prevArrowImg":[1,"prev-arrow-img"],"nextArrowImg":[1,"next-arrow-img"],"theme":[1],"styles":[1],"pageNumbers":[32],"isSmallScreen":[32]},[[9,"resize","windowResize"]]]]],["p-029f9072",[[1,"ptc-podcast-card",{"heading":[1],"imageSrc":[1,"image-src"],"altText":[1,"alt-text"]}]]],["p-17fd5641",[[1,"ptc-quote",{"quoteType":[1025,"quote-type"],"quoteName":[1025,"quote-name"],"ctaText":[1,"cta-text"],"ctaUrl":[1,"cta-url"],"imgSrc":[1,"img-src"],"imgTitle":[1,"img-title"]}]]],["p-3ed0384d",[[1,"ptc-search-field",{"textValue":[1,"text-value"],"placeholderLabel":[1,"placeholder-label"],"darkTheme":[4,"dark-theme"],"elevation":[1],"enableClear":[4,"enable-clear"],"styles":[1],"clearSearchValue":[64]}]]],["p-26f31be6",[[1,"ptc-slit-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"heading":[1],"content":[1],"styles":[1],"cardImage":[1,"card-image"]}]]],["p-cda3854b",[[1,"ptc-subnav-card",{"cardTitle":[1,"card-title"],"cardHref":[1,"card-href"],"cardImageSrc":[1,"card-image-src"],"cardImageAlt":[1,"card-image-alt"],"ctaText":[1,"cta-text"],"ctaIconAssetName":[1,"cta-icon-asset-name"]}]]],["p-57bb43ab",[[0,"tab-header",{"name":[1],"tooltip":[1],"tabHeaderText":[1,"tab-header-text"],"isSelected":[32],"maxLength":[32],"getChild":[64]},[[9,"resize","handleWindowResize"]]]]],["p-84d3f4fa",[[1,"dynamic-box-bundle",{"topImgSrc":[1,"top-img-src"],"topImgAlt":[1,"top-img-alt"],"boxHeight":[2,"box-height"],"isHovering":[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseout","handleMouseOut"]]]]],["p-7b34bb69",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["p-777fb495",[[1,"ptc-accordion",{"multiple":[4],"theme":[1]},[[0,"opened","openHandler"]]]]],["p-189c7c5a",[[1,"ptc-accordion-item",{"heading":[1],"headingTag":[1,"heading-tag"],"autoHeight":[4,"auto-height"],"active":[1540],"theme":[1537],"hasHeadingSlot":[32],"hasArrowSlot":[32],"toggle":[64],"close":[64],"open":[64]}]]],["p-dc748f00",[[1,"ptc-back-to-top",{"showButton":[32]},[[0,"click","handleClick"]]]]],["p-47910a67",[[1,"ptc-case-studies-slider"]]],["p-6aba5f8f",[[1,"ptc-container",{"backgroundColor":[1,"background-color"],"elevation":[1],"containerType":[1,"container-type"],"spacing":[1],"styles":[1]}]]],["p-ee20170a",[[6,"ptc-hero-footer-cta",{"ctaTitle":[1,"cta-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["p-98b6cb94",[[1,"ptc-icon-component",{"isMobile":[32]},[[9,"resize","handleResize"]]]]],["p-99457ebb",[[1,"ptc-icon-list",{"listType":[1,"list-type"],"valueWithUnit":[1,"value-with-unit"],"valueText":[1,"value-text"],"listContent":[1,"list-content"],"isLastItem":[4,"is-last-item"]}]]],["p-a417df03",[[1,"ptc-minimized-nav",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"],"navType":[1,"nav-type"]}]]],["p-df0aa310",[[1,"ptc-nav-card",{"cardType":[1025,"card-type"],"cardHref":[1025,"card-href"],"logoAlt":[1025,"logo-alt"],"target":[1025],"rel":[1025],"linkTitle":[1025,"link-title"],"cardLogo":[1025,"card-logo"],"heading":[1025],"description":[1025],"windowSize":[32]},[[9,"resize","handleResize"]]]]],["p-84090398",[[1,"ptc-nav-link",{"href":[1025],"isOutsideLink":[1028,"is-outside-link"],"titleText":[1025,"title-text"]},[[2,"click","handleClick"]]]]],["p-31c33a18",[[1,"ptc-nav-pills"]]],["p-3fa6d101",[[1,"ptc-nav-slider",{"sliderId":[1,"slider-id"]},[[0,"dropdownClickEvent","handledropdownClickEvent"]]]]],["p-2254e000",[[1,"ptc-readmore-char",{"maxCharacters":[2,"max-characters"],"description":[1],"readMoreText":[1,"read-more-text"],"readLessText":[1,"read-less-text"],"expanded":[32]}]]],["p-be8db2b7",[[1,"ptc-responsive-wrapper"]]],["p-15e08cba",[[1,"ptc-shopping-cart",{"cartCount":[1,"cart-count"],"color":[1]}]]],["p-e8d9a19f",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"fontWeight":[1,"font-weight"],"styles":[1]}]]],["p-bd470a7a",[[1,"ptc-sticky-icons",null,[[9,"resize","handleResize"]]]]],["p-7ea29d34",[[1,"ptc-sticky-section",null,[[9,"scroll","handleScroll"]]]]],["p-cefb766f",[[1,"ptc-subnav",{"mobileTitle":[1,"mobile-title"],"navOpen":[32]},[[9,"scroll","handleScroll"],[0,"navLinkClicked","handleNavLinkClickedEvent"]]]]],["p-eb65dacf",[[1,"ptc-tab",{"optionClicked":[1540,"option-clicked"],"label":[1],"price":[1],"active":[4],"disabled":[516]}]]],["p-ad234f99",[[1,"ptc-tabs",{"tabs":[32],"openTab":[64]}]]],["p-f245f1bd",[[1,"ptc-text-copy-with-background",{"type":[1],"backgroundImage":[1,"background-image"],"ImageAltText":[1,"image-alt-text"],"topSlitBackgroundColor":[1,"top-slit-background-color"],"slitPosition":[1,"slit-position"],"isBackgroundBlur":[4,"is-background-blur"],"overlay":[4],"styles":[1]}]]],["p-3f368d6d",[[1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]]],["p-dc10f54e",[[4,"tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["p-60f17bef",[[1,"ptc-readmore",{"moreText":[1025,"more-text"],"lessText":[1025,"less-text"],"readMorePosition":[1,"read-more-position"],"display":[1],"visibleLines":[1,"visible-lines"],"visibleLinesCustom":[2,"visible-lines-custom"],"zIndex":[1,"z-index"],"checked":[1028],"size":[1],"isIcon":[4,"is-icon"],"color":[1],"updateReadmoreStatus":[64]},[[9,"resize","updateReadmoreStatus"]]]]],["p-f6cf3eea",[[1,"ptc-pricing-add-on-card",{"cardTitle":[1,"card-title"],"cardPricingText":[1,"card-pricing-text"],"cardCtaHref":[1,"card-cta-href"],"cardCtaText":[1,"card-cta-text"],"cardDisclaimer":[1,"card-disclaimer"]}]]],["p-35d5a78b",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"country":[1],"styles":[1],"ribbonText":[1,"ribbon-text"],"eventType":[1,"event-type"],"cardLogo":[1,"card-logo"],"titleLineCutOff":[2,"title-line-cut-off"],"maxChars":[2,"max-chars"],"maxLines":[2,"max-lines"],"cardOverflow":[1,"card-overflow"],"isCreoCard":[4,"is-creo-card"]}]]],["p-0074d97c",[[1,"ptc-ellipsis-dropdown",{"dataItems":[16],"selectedTab":[1,"selected-tab"],"isDropdownOpen":[32],"isMobile":[32]},[[4,"click","offClick"],[9,"resize","handleResize"]]]]],["p-2ba6bbbe",[[1,"ptc-image-download-strip",{"downloadUrl":[1,"download-url"]}]]],["p-ff59a433",[[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"linkArea":[1,"link-area"],"styles":[1]}]]],["p-75b17a66",[[1,"ptc-pricing-block",{"active":[4],"optionClicked":[1540,"option-clicked"]}]]],["p-3b8731e6",[[1,"ptc-product-dropdown",{"newOptions":[16],"selectedOptions":[16],"placeholder":[1],"internalOptions":[32],"isOpen":[32]},[[4,"clearsearch","handleSearchResult"],[4,"inputChanged","handleinputChanged"]]]]],["p-bd3cb8df",[[1,"ptc-progress-bar",{"scrollPercentage":[32]},[[9,"scroll","handleScroll"]]]]],["p-1b972064",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"],"display":[1],"zIndex":[1,"z-index"],"styles":[2]}]]],["p-d9501715",[[1,"ptc-jumbotron",{"jumbotronType":[1,"jumbotron-type"],"hasPopupVideo":[4,"has-popup-video"],"mainTitle":[1,"main-title"],"subTitle":[1,"sub-title"],"pngSrc":[1,"png-src"],"gifSrc":[1,"gif-src"],"bgVideoSrc":[1,"bg-video-src"],"bgSrc":[1,"bg-src"],"isIframe":[4,"is-iframe"],"playButtonTitle":[1,"play-button-title"],"pauseButtonTitle":[1,"pause-button-title"],"hasCtaSlot":[4,"has-cta-slot"],"contentBackground":[32],"contentColor":[32],"textAlign":[32],"isMobile":[32]},[[9,"resize","handleResize"]]],[1,"ptc-breadcrumb",{"position":[1],"removeTopMargin":[4,"remove-top-margin"],"color":[1],"styles":[1]}]]],["p-3f5f1e41",[[1,"ptc-dynamic-card",{"cardType":[1,"card-type"],"cardTitle":[1,"card-title"],"cardImgSrc":[1,"card-img-src"],"cardImgAlt":[1,"card-img-alt"],"cardScreen":[1,"card-screen"],"isExpanded":[4,"is-expanded"],"overlayExists":[32]}]]],["p-59ac682d",[[4,"dropdown-item",{"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["p-bf808180",[[1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateColor":[1,"date-color"],"dateStyles":[1,"date-styles"],"dataSize":[1,"data-size"],"formatOptions":[1,"format-options"]}]]],["p-fe85ac05",[[1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}],[1,"ptc-card-wrapper",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"],"isLoading":[4,"is-loading"],"styles":[1]},[[9,"resize","handleResize"]]],[1,"ptc-skeleton",{"isLoading":[4,"is-loading"],"animated":[4],"width":[1],"borderRadius":[1,"border-radius"],"topMargin":[1,"top-margin"],"btmMargin":[1,"btm-margin"]}]]],["p-9a71ca13",[[6,"ptc-tooltip",{"textDisplay":[1,"text-display"],"maxLength":[2,"max-length"],"textLines":[2,"text-lines"],"description":[1],"zIndex":[1,"z-index"],"position":[1],"styles":[1],"mode":[1],"theme":[1],"width":[1],"hideOnMobile":[4,"hide-on-mobile"],"isSmallScreen":[4,"is-small-screen"]},[[9,"resize","addTruncatedClass"],[9,"resize","windowResize"]]]]],["p-5248efee",[[1,"ptc-background-video",{"videoSrc":[1,"video-src"],"posterSrc":[1,"poster-src"],"overlay":[4],"playButtonTitle":[1,"play-button-title"],"pauseButtonTitle":[1,"pause-button-title"],"type":[1],"isIframe":[4,"is-iframe"],"paused":[32]}]]],["p-5c47361e",[[1,"max-width-container",{"maxWidthP":[2,"max-width-p"],"maxWidth":[2,"max-width"],"breakpoint":[2],"contentAlign":[1,"content-align"],"styles":[1]}]]],["p-9d681abc",[[1,"ptc-card-content",{"cardType":[1,"card-type"],"outlineColor":[1,"outline-color"],"styles":[1],"isLoading":[4,"is-loading"],"setHeight":[64],"removeInlineHeight":[64]}]]],["p-e312626a",[[1,"ptc-modal",{"iframeUrl":[1025,"iframe-url"],"size":[1025],"show":[1028],"overlay":[1028],"fixed":[1028],"closeOnBlur":[1028,"close-on-blur"],"rounded":[1028],"showHeaderFooter":[1028,"show-header-footer"],"borderRadius":[1025,"border-radius"],"isBioModal":[1028,"is-bio-modal"],"styles":[1],"overlayHeight":[32],"bodyOverflowSetting":[32]}]]],["p-b82f8dd8",[[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"],"color":[1],"styles":[1]}]]],["p-1fc3d43a",[[1,"ptc-overlay",{"filterColor":[1,"filter-color"],"borderRadius":[1,"border-radius"],"overlayZIndex":[1,"overlay-z-index"],"styles":[1],"setOverlay":[64]}]]],["p-12acb46f",[[1,"fl-tab-header",{"tabTitle":[1,"tab-title"],"nameKey":[1,"name-key"],"selected":[4]}],[1,"fl-tab-content",{"nameKey":[1,"name-key"],"selected":[4]}],[1,"fl-tab-image",{"nameKey":[1,"name-key"],"selected":[4]}]]],["p-11582f1e",[[0,"ptc-form-checkbox",{"checkboxId":[1,"checkbox-id"],"label":[1],"required":[4],"isChecked":[1028,"is-checked"],"name":[1],"helpertext":[1],"hasError":[32],"validateCheckbox":[64]}],[4,"ptc-select",{"label":[1],"isRequired":[4,"is-required"],"helpertext":[1],"name":[1],"disabled":[4],"selectedValue":[1025,"selected-value"],"ptcDataEloquaName":[1,"ptc-data-eloqua-name"]}],[0,"ptc-textfield",{"fieldId":[1,"field-id"],"type":[1],"required":[4],"ptcMaxLength":[2,"ptc-max-length"],"labelText":[1025,"label-text"],"helpertext":[1025],"disabled":[4],"name":[1],"ptcDataEloquaName":[1,"ptc-data-eloqua-name"],"inputValue":[1025,"input-value"]},[[0,"input","handleInput"],[2,"blur","inputBlurHandler"]]]]],["p-cf7dc448",[[4,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"],"borderRadius":[1,"border-radius"],"loadMode":[1,"load-mode"],"styles":[1]},[[9,"resize","WindowResize"]]]]],["p-1c631848",[[1,"ptc-picture",{"src":[1],"alt":[1],"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"disableResize":[1028,"disable-resize"],"imagePosition":[1,"image-position"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1],"objectFit":[1,"object-fit"],"isFullHeight":[4,"is-full-height"],"isFullWidth":[4,"is-full-width"],"styles":[1],"imageAlignment":[1,"image-alignment"],"maxWidth":[1,"max-width"],"displayImage":[1,"display-image"],"oldSrc":[32]},[[9,"resize","WindowResize"]]]]],["p-85145672",[[1,"ptc-button",{"disabled":[516],"active":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"],"linkHref":[1,"link-href"],"linkTitle":[1,"link-title"],"target":[1],"rel":[1],"tabNav":[2,"tab-nav"],"styles":[1],"textAlign":[1,"text-align"]}]]],["p-0532c37c",[[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}]]],["p-377c65ff",[[6,"ptc-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleShadow":[1,"title-shadow"],"titleColor":[1,"title-color"],"titleMargin":[1,"title-margin"],"titleWeight":[1,"title-weight"],"titleSize":[1,"title-size"],"titleHeight":[1,"title-height"],"styles":[1],"ellipsisLineCutoff":[2,"ellipsis-line-cutoff"],"titleDisplay":[1,"title-display"]}]]],["p-e8ba44ba",[[1,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"],"paraColor":[1,"para-color"],"paraLineH":[1,"para-line-h"],"paraMargin":[1,"para-margin"],"paraAlign":[1,"para-align"],"ellipsisLineCutoff":[2,"ellipsis-line-cutoff"],"paraZIndex":[1,"para-z-index"],"styles":[1]}]]],["p-10254985",[[2,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1],"isMobileSelect":[4,"is-mobile-select"],"injectedStyle":[1,"injected-style"]}]]]]'),e)));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ptcwebops/ptcw-design",
-  "version": "2.7.2",
+  "version": "2.7.4",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "./dist/index.js",

package/readme.md

@@ -1,6 +1,6 @@
 ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)
 
-# PTC Design 2.7.2
+# PTC Design 2.7.4
 
 The site is the place for documentation on PTC Design System
 

package/dist/ptcw-design/p-22c476ca.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as a,H as e,g as s}from"./p-ce0e4c5c.js";var l;!function(i){i.Low="low",i.Medium="medium",i.High="high"}(l||(l={}));const o=class{constructor(a){i(this,a),this.emailReportClick=t(this,"emailReportClick",7),this.getPriorityAnswerSlotName=()=>`question-${this.currentQuestion}-${this.currentSelectedPriority}-short-answer`,this.handlePriorityOptionClick=(i,t)=>{this.currentSelectedPriority=t,this.selectedPriorityRadio=i.target},this.handlePreviousClick=()=>{this.currentQuestion>1&&(this.currentSelectedPriority=null,this.selectedPriorityRadio.checked=!1,this.currentQuestion-=1)},this.handleNextClick=()=>{this.currentQuestion<this.totalQuestions&&(this.answers[this.currentQuestion]=this.currentSelectedPriority,this.currentSelectedPriority=null,this.selectedPriorityRadio.checked=!1,this.currentQuestion+=1)},this.handleEmailReportClick=()=>{this.answers[this.currentQuestion]=this.currentSelectedPriority,this.emailReportClick.emit(this.answers)},this.totalQuestions=void 0,this.modalId=void 0,this.currentQuestion=1,this.currentSelectedPriority=void 0,this.selectedPriorityRadio=void 0,this.answers={}}componentDidLoad(){const i=this.el.querySelectorAll('[slot$="-image"]');for(let t=0;t<this.totalQuestions;t++)i[t].style.borderRadius="12px"}componentDidRender(){document.querySelector(`#${this.modalId}`).shadowRoot.querySelector(".close").addEventListener("click",(()=>{this.currentSelectedPriority=null,this.selectedPriorityRadio.checked=!1,this.currentQuestion=1}))}render(){return a(e,null,a("div",{class:"modal-quiz-container"},a("div",null,a("div",null,a("div",{class:"modal-quiz-progress"},a("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:""},"Question ",this.currentQuestion," of ",this.totalQuestions),a((()=>a("div",{class:"dot-progress-bar"},[...Array(this.totalQuestions).keys()].map((i=>a("div",null,a("div",{class:"dot-progress-circle "+(i===this.currentQuestion-1?"active":"")}),i<this.totalQuestions-1?a("div",{class:"dot-progress-dash"},a("div",{class:"dashed-line"})):null))))),null)),a("div",{class:"modal-quiz-content"},a("div",{class:"content"},a("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"},a("slot",{name:`question-${this.currentQuestion}-title`})),a("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:""},a("slot",{name:`question-${this.currentQuestion}-subtitle`})),a((()=>a("div",{class:"options-container"},a("div",{class:"radio-input",onClick:i=>this.handlePriorityOptionClick(i,l.Low)},a("input",{type:"radio",name:`modal-quiz-${this.currentQuestion}`,id:"1"}),a("label",{class:"option-label",htmlFor:"1"},a("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:""},"Low (1% - 30%)"))),a("div",{class:"radio-input",onClick:i=>this.handlePriorityOptionClick(i,l.Medium)},a("input",{type:"radio",name:`modal-quiz-${this.currentQuestion}`,id:"2"}),a("label",{class:"option-label",htmlFor:"2"},a("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:""},"Medium (31% - 65%)"))),a("div",{class:"radio-input",onClick:i=>this.handlePriorityOptionClick(i,l.High)},a("input",{type:"radio",name:`modal-quiz-${this.currentQuestion}`,id:"3"}),a("label",{class:"option-label",htmlFor:"3"},a("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:""},"High (66% - 100%)"))))),null),a("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:""},this.currentSelectedPriority?a("slot",{name:this.getPriorityAnswerSlotName()}):null)),a("div",{class:"image"},a("slot",{name:`question-${this.currentQuestion}-image`}))),a("div",{class:"modal-quiz-ctas"},a("ptc-button",{type:"link",color:"ptc-tertiary",onClick:()=>this.handlePreviousClick(),disabled:1===this.currentQuestion},"Previous"),a("ptc-spacer",{size:"large",breakpoint:"x-small"}),this.currentQuestion===this.totalQuestions?a("ptc-button",{type:"link",color:"ptc-secondary",onClick:()=>this.handleEmailReportClick(),disabled:null==this.currentSelectedPriority},"Email Full Report"):a("ptc-button",{type:"link",color:"ptc-secondary",onClick:()=>this.handleNextClick(),disabled:null==this.currentSelectedPriority},"Next Question"))))),a("slot",{name:"script"}))}get el(){return s(this)}};o.style=':host{display:block}:host .modal-quiz-container{padding:0 var(--ptc-element-spacing-08) var(--ptc-element-spacing-08);margin-top:var(--ptc-element-spacing-05);height:max-content;max-height:65vh;overflow-y:auto}:host .modal-quiz-progress{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--ptc-element-spacing-04)}:host ptc-para{flex:0 0 100%}:host .dot-progress-bar{margin-top:var(--ptc-element-spacing-03);flex:0 0 100%;display:flex}:host .dot-progress-bar div{display:flex}:host .dot-progress-bar .dot-progress-circle{display:inline-block;width:14px;height:14px;border:var(--color-gray-10) solid 2px;border-radius:50%}:host .dot-progress-bar .dot-progress-circle.active{background-color:var(--color-gray-10)}:host .dot-progress-bar .dot-progress-dash{display:flex;align-items:center}:host .dot-progress-bar .dot-progress-dash .dashed-line{width:24px;height:2px;background:repeating-linear-gradient(90deg, var(--color-gray-10) 0 5px, #0000 0 7px);}:host .modal-quiz-content .content{padding-right:none;width:100%}:host .modal-quiz-content .image{display:none}:host .options-container{margin:var(--ptc-element-spacing-06) 0 var(--ptc-element-spacing-06) 0}:host .radio-input{flex:1 0 100%;margin-bottom:var(--ptc-element-spacing-04);display:flex;align-items:start}:host .radio-input input[type=radio]{width:16px;height:16px}:host .radio-input input[type=radio]:hover{cursor:pointer}:host .radio-input input[type=radio]:hover:before{box-shadow:0px 0px 0px 2px var(--color-gray-05);border-radius:50%;opacity:0.7}:host .radio-input input[type=radio]:before{content:"";display:block;width:60%;height:60%;margin:10%;padding:10%;border-radius:50%}:host .radio-input input[type=radio]:checked:before{background:inherit}:host .radio-input .option-label{padding:0 var(--ptc-element-spacing-02) 0 var(--ptc-element-spacing-03)}:host .radio-input .option-label:hover{cursor:pointer}:host .modal-quiz-ctas{margin-top:var(--ptc-element-spacing-08)}:host .modal-quiz-ctas ptc-button{margin-right:var(--ptc-element-spacing-05)}@media only screen and (min-width: 768px){:host .modal-quiz-progress{flex-wrap:none}:host ptc-para{flex:none}:host .dot-progress-bar{flex:none;margin-top:0;margin-left:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 992px){:host .modal-quiz-content{display:flex;width:100%}:host .modal-quiz-content .content{padding-right:var(--ptc-element-spacing-04)}:host .modal-quiz-content .image{display:block;margin-left:var(--ptc-element-spacing-04)}}';export{o as ptc_modal_quiz}