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

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

@@ -1,298 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-ul,
-li,
-ptc-subnav,
-ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
-  word-break: break-word;
-  hyphens: manual;
-  -webkit-hyphens: manual;
-  -moz-hyphens: manual;
-  -ms-hyphens: manual;
-}
-@supports (hyphenate-limit-chars: 12 3 3) {
-  h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-ul,
-li,
-ptc-subnav,
-ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    /* For Safari */
-    -webkit-hyphenate-limit-after: 3;
-    /* For Safari */
-    hyphenate-limit-chars: 12 3 3;
-    hyphenate-limit-lines: 2;
-    hyphenate-limit-last: always;
-    hyphenate-limit-zone: 6%;
-    -webkit-hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-    -webkit-hyphenate-limit-chars: 12 3 3;
-    -webkit-hyphenate-limit-lines: 2;
-    -moz-hyphens: auto;
-    -moz-hyphenate-limit-chars: 12 3 3;
-    -moz-hyphenate-limit-lines: 2;
-    -ms-hyphens: auto;
-    -ms-hyphenate-limit-chars: 12 3 3;
-    -ms-hyphenate-limit-lines: 2;
-  }
-}
-
-:host {
-  display: block;
-}
-:host .quiz-slide-container {
-  position: relative;
-  width: 100%;
-  border: 1px solid var(--color-gray-12);
-  background-color: white;
-  z-index: 1;
-}
-:host .quiz-slide-container .quiz-slide-text-container {
-  max-width: calc(24 * var(--ptc-element-spacing-07));
-}
-:host .quiz-slide-background {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: url("https://ptc-p-001.sitecorecontenthub.cloud/api/public/content/653ad11042174bd1ae42c69d922f95fc");
-  background-size: cover;
-  background-position: center;
-  opacity: 0.2;
-  z-index: -1;
-}
-:host .quiz-slide-initial {
-  padding: var(--ptc-element-spacing-08);
-  display: flex;
-  justify-content: center;
-}
-:host .quiz-slide-initial #initial-quiz-p {
-  padding: 0 0 calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04)) 0;
-}
-:host .quiz-slide-result .cta-container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-:host .quiz-slide-result .cta-container ptc-button {
-  flex: 1 0 100%;
-  margin: 0 0 var(--ptc-element-spacing-05) 0;
-}
-:host .right-button-container {
-  display: flex;
-  justify-content: right;
-}
-:host .right-button-container .restart-quiz-button {
-  display: flex;
-  margin: var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) 0 0;
-  transition: var(--ptc-transition-slow);
-}
-:host .right-button-container .restart-quiz-button #restart-arrow {
-  display: flex;
-  align-items: center;
-}
-:host .right-button-container .restart-quiz-button #restart-arrow svg {
-  z-index: 2;
-  margin-right: var(--ptc-element-spacing-03);
-}
-:host .right-button-container .restart-quiz-button:hover {
-  cursor: pointer;
-}
-:host .right-button-container .restart-quiz-button:hover #restart-arrow svg {
-  transform: rotate(270deg);
-}
-:host .right-button-container .restart-quiz-button:hover ptc-para {
-  opacity: 0.7;
-}
-:host .right-button-container .restart-quiz-button:focus-visible {
-  border-radius: var(--ptc-border-radius-standard);
-  outline: 5px solid var(--keyboard-nav-outline);
-}
-:host .center-button-container {
-  display: flex;
-  justify-content: center;
-}
-:host .previous-slide-button {
-  display: flex;
-  align-items: center;
-  margin: 0 0 var(--ptc-element-spacing-06) 0;
-  transition: var(--ptc-transition-slow);
-}
-:host .previous-slide-button icon-asset {
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  margin-right: var(--ptc-element-spacing-03);
-}
-:host .previous-slide-button:hover {
-  cursor: pointer;
-}
-:host .previous-slide-button:hover icon-asset svg {
-  transform: translateX(-8px);
-}
-:host .previous-slide-button:hover ptc-para {
-  opacity: 0.7;
-}
-:host .previous-slide-button:focus-visible {
-  border-radius: var(--ptc-border-radius-standard);
-  outline: 5px solid var(--keyboard-nav-outline);
-}
-:host .quiz-slide-dual-layout .image-container {
-  padding-top: var(--ptc-element-spacing-06);
-  display: flex;
-  justify-content: center;
-  height: calc(4 * var(--ptc-element-spacing-08));
-  width: 100%;
-}
-:host .quiz-slide-dual-layout .image-container img {
-  height: 100%;
-  width: 100%;
-}
-:host .quiz-slide-dual-layout .content-container {
-  margin: var(--ptc-element-spacing-06) var(--ptc-element-spacing-08) var(--ptc-element-spacing-08) var(--ptc-element-spacing-08);
-}
-:host .quiz-slide-dual-layout .content-container .options-container {
-  margin-top: var(--ptc-element-spacing-06);
-  padding-left: var(--ptc-element-spacing-05);
-  display: flex;
-  flex-wrap: wrap;
-  z-index: 2;
-}
-:host .quiz-slide-dual-layout .content-container .options-container .radio-input {
-  flex: 1 0 100%;
-  margin-bottom: var(--ptc-element-spacing-06);
-  display: flex;
-  align-items: start;
-  display: flex;
-  align-items: flex-start;
-}
-:host .quiz-slide-dual-layout .content-container .options-container .radio-input .radio {
-  width: 16px;
-  height: 16px;
-  border-radius: var(--ptc-border-radius-circle);
-  border: var(--color-gray-10) solid 1px;
-  z-index: 2;
-  padding: 3px;
-  box-sizing: border-box;
-  flex-shrink: 0;
-  margin-top: var(--ptc-element-spacing-01);
-  background-color: white;
-}
-:host .quiz-slide-dual-layout .content-container .options-container .radio-input .radio.clicked {
-  border: var(--color-blue-08) solid 1px;
-  background: var(--color-blue-08);
-  background-clip: content-box, padding-box;
-}
-:host .quiz-slide-dual-layout .content-container .options-container .radio-input .radio:focus-visible {
-  border-radius: var(--ptc-border-radius-standard);
-  outline: 5px solid var(--keyboard-nav-outline);
-  border-radius: 50%;
-}
-:host .quiz-slide-dual-layout .content-container .options-container .radio-input ptc-para {
-  padding: 0 var(--ptc-element-spacing-02) 0 var(--ptc-element-spacing-03);
-}
-:host .quiz-slide-dual-layout .content-container .options-container .radio-input:hover {
-  cursor: pointer;
-}
-:host .quiz-slide-dual-layout .content-container .options-container .radio-input:hover .radio {
-  box-shadow: var(--ptc-shadow-x-small);
-}
-@media only screen and (min-width: 768px) {
-  :host .quiz-slide-container {
-    min-height: calc(10 * var(--ptc-element-spacing-08));
-    position: relative;
-  }
-  :host .quiz-slide-initial #initial-quiz-p {
-    padding: 0 0 calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04)) 0;
-  }
-  :host .quiz-slide-dual-layout {
-    margin: 0 var(--ptc-element-spacing-06) 0 var(--ptc-element-spacing-06);
-  }
-  :host .quiz-slide-dual-layout .image-container {
-    height: calc(9 * var(--ptc-element-spacing-06));
-    width: 100%;
-  }
-  :host .quiz-slide-dual-layout .image-container img {
-    height: 100%;
-    width: auto;
-  }
-  :host .quiz-slide-dual-layout .content-container {
-    margin: var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-08) var(--ptc-element-spacing-06);
-  }
-  :host .quiz-slide-dual-layout .content-container .options-container .radio-input {
-    flex: 1 0 48%;
-  }
-}
-@media only screen and (min-width: 992px) {
-  :host .quiz-slide-initial #initial-quiz-p {
-    padding: 0 0 calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04)) 0;
-  }
-  :host .quiz-slide-dual-layout .image-container {
-    height: calc(8 * var(--ptc-element-spacing-07));
-    width: auto;
-  }
-}
-@media only screen and (min-width: 1200px) {
-  :host .quiz-slide-initial #initial-quiz-p {
-    padding: 0 0 calc(var(--ptc-element-spacing-01) + var(--ptc-element-spacing-06)) 0;
-  }
-  :host .quiz-slide-result .cta-container {
-    flex-direction: row;
-  }
-  :host .quiz-slide-result .cta-container ptc-button {
-    flex: none;
-    margin: 0 var(--ptc-element-spacing-05) 0 0;
-  }
-  :host .quiz-slide-dual-layout {
-    display: flex;
-    margin-bottom: var(--ptc-element-spacing-08);
-  }
-  :host .quiz-slide-dual-layout .image-container {
-    flex-shrink: 0;
-    display: flex;
-    align-items: center;
-    height: calc(7 * var(--ptc-element-spacing-07));
-    width: calc(15 * var(--ptc-element-spacing-07));
-  }
-  :host .quiz-slide-dual-layout .image-container img {
-    height: 100%;
-    max-height: calc(7 * var(--ptc-element-spacing-07));
-    max-width: calc(15 * var(--ptc-element-spacing-07));
-  }
-  :host .quiz-slide-dual-layout .content-container .options-container {
-    padding-left: 0;
-  }
-  :host .quiz-slide-dual-layout .content-container .options-container .radio-input:nth-of-type(odd) {
-    margin-right: 4%;
-  }
-}
-@media only screen and (min-width: 1440px) {
-  :host .quiz-slide-initial #initial-quiz-p {
-    padding: 0 0 var(--ptc-element-spacing-07) 0;
-  }
-}
-::slotted([slot=seo-content]) {
-  display: none;
-}

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

@@ -1,398 +0,0 @@
-import { Host, h, Fragment, } from "@stencil/core";
-export class PtcEmbeddedQuiz {
-  constructor() {
-    /**
-     * Set focus on the first radio option in the current slide of the quiz
-     */
-    this.focusFirstRadio = () => {
-      var _a;
-      let firstRadio = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".radio");
-      if (firstRadio) {
-        firstRadio.focus();
-      }
-    };
-    /**
-     * Handles custom keyboard click events
-     * @param e Event - Only handled if Event is KeyboardEvent
-     * @param callback Function that should be called after processing event
-     * @param idx -1: Restart button | -2: Previous button | -3: Start button | n>=0: Radio options
-     */
-    this.handleKeyClick = (e, callback, idx) => {
-      if (e instanceof KeyboardEvent) {
-        /**
-         * Handles Tab and Shift+Tab operations for the quiz's radio options
-         */
-        const handleOptionTabInOut = () => {
-          var _a, _b;
-          if (e.shiftKey) {
-            let restartButton = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".restart-quiz-button");
-            restartButton && restartButton.focus();
-          }
-          else {
-            let previousButton = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(".previous-slide-button");
-            previousButton && previousButton.focus();
-          }
-        };
-        /**
-         * Handles focus setting when quiz is set to final slide
-         */
-        const handleFinalSlideInFocus = () => {
-          var _a, _b, _c;
-          let firstButton = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("ptc-button");
-          if (firstButton) {
-            let focusTarget = (_b = firstButton.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('a[tabindex="0"]');
-            if (focusTarget) {
-              focusTarget.focus();
-            }
-          }
-          else {
-            let previousButton = (_c = this.el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector(".previous-slide-button");
-            if (previousButton) {
-              previousButton.focus();
-            }
-          }
-        };
-        /**
-         * Handles Shift+Tab operation on final slide previous button
-         */
-        const handleFinalSlidePreviousFocus = () => {
-          var _a, _b, _c;
-          let ctaButtons = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll("ptc-button");
-          if (ctaButtons.length > 0) {
-            let targetButton = ctaButtons[ctaButtons.length - 1];
-            let focusTarget = (_b = targetButton.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('a[tabindex="0"]');
-            if (focusTarget) {
-              focusTarget.focus();
-            }
-          }
-          else {
-            let restartButton = (_c = this.el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector(".restart-quiz-button");
-            if (restartButton) {
-              restartButton.focus();
-            }
-          }
-        };
-        /**
-         * Handles focus setting when the quiz slide is updated
-         */
-        const handleSlideChangeFocus = () => {
-          e.preventDefault();
-          let currentActiveElement = document.activeElement;
-          currentActiveElement.blur();
-          callback();
-          setTimeout(() => {
-            if (this.slide["slide-type"] === "result") {
-              handleFinalSlideInFocus();
-            }
-            else {
-              this.focusFirstRadio();
-            }
-          }, 500);
-        };
-        /**
-         * Handles Arrow operations and focus updates for the quiz's radio options
-         * @param targetIdx Next potential radio button's data-key
-         */
-        const handleArrowFocus = (targetIdx) => {
-          var _a;
-          if (targetIdx === this.slide["options"].length) {
-            targetIdx = 0;
-          }
-          else if (targetIdx < 0) {
-            targetIdx = this.slide["options"].length - 1;
-          }
-          let targetRadio = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`.radio[data-key="${targetIdx}"]`);
-          targetRadio && targetRadio.focus();
-        };
-        switch (e.key) {
-          case "Tab": {
-            switch (idx) {
-              case -1: {
-                break;
-              }
-              case -2: {
-                if (e.shiftKey) {
-                  e.preventDefault();
-                  if (this.slide["slide-type"] === "result") {
-                    handleFinalSlidePreviousFocus();
-                  }
-                  else {
-                    this.focusFirstRadio();
-                  }
-                }
-                break;
-              }
-              default: {
-                if (idx >= 0) {
-                  e.preventDefault();
-                  handleOptionTabInOut();
-                }
-                break;
-              }
-            }
-            break;
-          }
-          case " ": {
-            switch (idx) {
-              case -1:
-              case -2: {
-                break;
-              }
-              case -3: {
-                handleSlideChangeFocus();
-                break;
-              }
-              default: {
-                if (idx >= 0) {
-                  handleSlideChangeFocus();
-                }
-                break;
-              }
-            }
-            break;
-          }
-          case "Enter": {
-            switch (idx) {
-              case -1:
-              case -2: {
-                handleSlideChangeFocus();
-                break;
-              }
-              case -3: {
-                handleSlideChangeFocus();
-                break;
-              }
-              default: {
-                if (idx >= 0) {
-                  handleSlideChangeFocus();
-                }
-                break;
-              }
-            }
-            break;
-          }
-          case "ArrowRight":
-          case "ArrowDown": {
-            if (idx >= 0) {
-              handleArrowFocus(idx + 1);
-            }
-            break;
-          }
-          case "ArrowLeft":
-          case "ArrowUp": {
-            if (idx >= 0) {
-              handleArrowFocus(idx - 1);
-            }
-            break;
-          }
-          default:
-            break;
-        }
-      }
-    };
-    this.getQuizEndpoint = undefined;
-    this.quiz = null;
-    this.slide = null;
-    this.traversal = [];
-    this.restartQuizText = undefined;
-    this.previousButtonText = undefined;
-    this.startButtonText = undefined;
-  }
-  handleStartButtonClick() {
-    this.slide = this.slide["next"];
-    this.traversal.push("next");
-  }
-  handleRestartButtonClick() {
-    this.slide = this.quiz;
-    this.traversal = [];
-  }
-  handlePreviousButtonClick() {
-    let previousSlide = this.quiz;
-    for (let step of this.traversal.slice(0, this.traversal.length - 3)) {
-      previousSlide = previousSlide[step];
-    }
-    this.slide = previousSlide;
-    this.traversal = this.traversal.slice(0, this.traversal.length - 3);
-  }
-  handleQuestionOptionClick(dataModelId) {
-    let selectedOptionRadio = this.el.shadowRoot.getElementById(`radio-${dataModelId}`);
-    selectedOptionRadio.classList.add("clicked");
-    setTimeout(() => {
-      let [option, optionInd] = [null, null];
-      let currentSlideOptions = this.slide["options"];
-      for (let ind in currentSlideOptions) {
-        if (currentSlideOptions[ind]["data-model-id"] === dataModelId) {
-          option = currentSlideOptions[ind];
-          optionInd = ind;
-          break;
-        }
-      }
-      this.optionClick.emit(option);
-      if (option["next"] != null) {
-        this.traversal = [
-          ...this.traversal,
-          "options",
-          optionInd,
-          "next",
-        ];
-        let nextImage = new Image();
-        nextImage.src = option["next"]["image"];
-        nextImage.onload = () => {
-          this.slide = option["next"];
-          selectedOptionRadio.classList.remove("clicked");
-        };
-      }
-    }, 200);
-  }
-  componentWillLoad() {
-    fetch(this.getQuizEndpoint)
-      .then((response) => response.json())
-      .then((responseJSON) => {
-      this.quiz = responseJSON;
-      this.slide = this.quiz;
-    })
-      .catch((err) => console.log("Quiz retireval error: ", err));
-  }
-  render() {
-    const QuizSlideRestartButton = () => {
-      return (h("div", { class: "right-button-container" }, h("div", { id: "restart-quiz-button", class: "restart-quiz-button mf-listen", onClick: () => this.handleRestartButtonClick(), onKeyDown: (e) => this.handleKeyClick(e, () => this.handleRestartButtonClick(), -1), tabIndex: 0 }, h("icon-asset", { id: "restart-arrow", type: "ptc", size: "small", name: "quiz-arrow-restart" }), h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, this.restartQuizText || "Restart"))));
-    };
-    const QuizSlidePreviousButton = (props) => {
-      return (h("div", { class: "center-button-container" }, h("div", { id: "previous-slide-button", class: `previous-slide-button mf-listen ${props.invisible ? "invisible" : ""}`, onClick: () => this.handlePreviousButtonClick(), onKeyDown: (e) => this.handleKeyClick(e, () => this.handlePreviousButtonClick(), -2), tabIndex: 0 }, h("icon-asset", { id: "left-arrow", type: "ptc", size: "medium", name: "quiz-arrow-left", onClick: () => { } }), h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, this.previousButtonText || "Previous"))));
-    };
-    const QuizInitialSlide = () => {
-      return (h("div", { class: "quiz-slide-initial" }, h("div", { class: "quiz-slide-content" }, h("div", { id: "initial-quiz-h2", class: "quiz-slide-text-container" }, h("ptc-title", { type: "h2", "text-align": "center", "title-size": "xx-large", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-shadow": "", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-8", "is-plm-hub": "false" }, this.slide["h2"])), h("ptc-spacer", { size: "medium", breakpoint: "small" }), h("ptc-spacer", { size: "large", breakpoint: "x-small" }), h("div", { id: "initial-quiz-h3", class: "quiz-slide-text-container" }, h("ptc-title", { type: "h3", "text-align": "center", "title-size": "large", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-shadow": "", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", "is-plm-hub": "false" }, this.slide["h3"])), h("ptc-spacer", { size: "x-large", breakpoint: "small" }), h("ptc-spacer", { size: "xx-large", breakpoint: "x-small" }), h("div", { id: "initial-quiz-p", class: "quiz-slide-text-container" }, h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-4", "para-align": "center", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, this.slide["p"])), h("div", { class: "center-button-container" }, h("div", { id: "quiz-start-button", onClick: () => this.handleStartButtonClick() }, h("ptc-button", { type: "link", color: "ptc-tertiary", "link-href": "", target: "_blank", onKeyDown: (e) => this.handleKeyClick(e, () => this.handleStartButtonClick(), -3), "tracker-id": "quiz-start-button" }, this.startButtonText || "Start"))))));
-    };
-    const QuizQuestionSlide = () => {
-      return (h("div", { class: "quiz-slide-question" }, h("div", { class: "quiz-slide-content" }, h("div", { class: "quiz-slide-dual-layout" }, h("div", { class: "image-container" }, h("img", { alt: "", src: this.slide["image"] })), h("div", { class: "content-container" }, h("ptc-title", { type: "h4", "text-align": "left", "title-size": "medium", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-shadow": "", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", "is-plm-hub": "false" }, this.slide["question"]), h("div", { class: "options-container" }, this.slide["options"].map((option, idx) => {
-        return (h("div", { id: `option-${option["data-model-id"]}`, class: "radio-input mf-listen", onClick: () => this.handleQuestionOptionClick(option["data-model-id"]), onKeyDown: (e) => this.handleKeyClick(e, () => this.handleQuestionOptionClick(option["data-model-id"]), idx), "data-key": idx }, h("span", { id: `radio-${option["data-model-id"]}`, class: "radio", tabIndex: 0, "data-key": idx }), h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, option["data-value"])));
-      })))))));
-    };
-    const QuizResultSlide = () => {
-      return (h("div", { class: "quiz-slide-result" }, h("div", { class: "quiz-slide-content" }, h("div", { class: "quiz-slide-dual-layout" }, h("div", { class: "image-container" }, h("img", { alt: "", src: this.slide["image"] })), h("div", { class: "content-container" }, h("ptc-title", { type: "h4", "text-align": "left", "title-size": "medium", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-shadow": "", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", "is-plm-hub": "false" }, this.slide["title"]), h("ptc-spacer", { size: "large", breakpoint: "small" }), h("ptc-spacer", { size: "x-large", breakpoint: "x-small" }), h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-bottom-6", "para-style": "", "para-z-index": "z-1", styles: "" }, this.slide["description"]), h("div", { class: "cta-container" }, this.slide["cta-quaternary"] && (h("ptc-button", { type: "link", target: this.slide["cta-quaternary"]["target"], color: "ptc-quaternary", "link-href": this.slide["cta-quaternary"]["href"], "tracker-id": "final-cta-quaternary" }, this.slide["cta-quaternary"]["text"])), this.slide["cta-tertiary"] && (h("ptc-button", { type: "link", target: this.slide["cta-tertiary"]["target"], color: "ptc-tertiary", "link-href": this.slide["cta-tertiary"]["href"], "tracker-id": "final-cta-tertiary" }, this.slide["cta-tertiary"]["text"]))))))));
-    };
-    const getQuizSlide = () => {
-      switch (this.slide["slide-type"]) {
-        case "initial":
-          return h(QuizInitialSlide, null);
-        case "question":
-          return (h(Fragment, null, h(QuizSlideRestartButton, null), h(QuizQuestionSlide, null), this.traversal.length > 1 ? (h(QuizSlidePreviousButton, null)) : null));
-        case "result":
-          return (h(Fragment, null, h(QuizSlideRestartButton, null), h(QuizResultSlide, null), h(QuizSlidePreviousButton, null)));
-        default:
-          return null;
-      }
-    };
-    return (h(Host, null, this.quiz && (h("div", { class: "quiz-slide-container" }, h("div", { class: "quiz-slide-background" }), h("slot", { name: "seo-content" }), getQuizSlide()))));
-  }
-  static get is() { return "ptc-embedded-quiz"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-embedded-quiz.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-embedded-quiz.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "getQuizEndpoint": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "API endpoint to retrieve quiz JSON"
-        },
-        "attribute": "get-quiz-endpoint",
-        "reflect": false
-      },
-      "restartQuizText": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "restart-quiz-text",
-        "reflect": false
-      },
-      "previousButtonText": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "previous-button-text",
-        "reflect": false
-      },
-      "startButtonText": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "start-button-text",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "quiz": {},
-      "slide": {},
-      "traversal": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "optionClick",
-        "name": "optionClick",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-  static get elementRef() { return "el"; }
-}