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

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

@@ -1,183 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-0bf594c4.js';
-
-const ptcModalQuizCss = "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;-webkit-hyphenate-limit-after:3;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 .modal-quiz-container{padding:0 var(--ptc-element-spacing-06) var(--ptc-element-spacing-08) var(--ptc-element-spacing-06);height:-moz-max-content;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);margin-top:var(--ptc-element-spacing-05)}: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%;word-break:break-word;overflow-wrap:break-word}: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:-moz-max-content;width:max-content}:host .radio-input input[type=radio]{width:16px;height:16px;margin-top:5px}: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 input[type=radio]:after{content:\"\";display:block;position:relative;left:0;top:0;width:100%;height:100%;transform:translateY(-100%);border-radius:50%}:host .radio-input input[type=radio]:focus-visible{outline:none}:host .radio-input input[type=radio]:focus-visible:after{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);border-radius:50%}: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: 480px){:host .modal-quiz-container{padding:0 var(--ptc-element-spacing-08) var(--ptc-element-spacing-08) var(--ptc-element-spacing-08)}}@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);width:65%}:host .modal-quiz-content .image{width:35%;display:flex;justify-content:right;align-items:flex-start}}";
-
-var Priority;
-(function (Priority) {
-  Priority["Low"] = "low";
-  Priority["Medium"] = "medium";
-  Priority["High"] = "high";
-})(Priority || (Priority = {}));
-const PtcModalQuiz = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.emailReportClick = createEvent(this, "emailReportClick", 7);
-    this.getPriorityAnswerSlotName = () => {
-      return `question-${this.currentQuestion}-${this.currentSelectedPriority}-short-answer`;
-    };
-    this.resetQuiz = () => {
-      this.currentQuestion = 1;
-      this.currentSelectedPriority = null;
-      this.selectedPriorityRadio = null;
-      let inputs = this.el.shadowRoot.querySelectorAll("input");
-      for (let i = 0; i < inputs.length; i++) {
-        inputs[i].checked = false;
-      }
-      this.answers = {};
-      this.traversal = {};
-    };
-    this.handleFocusFirstRadio = () => {
-      var _a, _b;
-      const firstRadio = (_b = (_a = this.el) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('input[type="radio"]');
-      if (firstRadio) {
-        firstRadio.click();
-        setTimeout(() => {
-          firstRadio.focus();
-        }, 50);
-      }
-    };
-    this.handlePriorityOptionClick = (e, priority) => {
-      if (e.target.nodeName === "INPUT") {
-        this.selectedPriorityRadio = e.target;
-        this.currentSelectedPriority = priority;
-        this.selectedPriorityRadio.checked = true;
-        if (!this.traversal[this.currentQuestion]) {
-          this.traversal[this.currentQuestion] = {};
-        }
-        this.traversal[this.currentQuestion]["priority"] =
-          this.currentSelectedPriority;
-        this.traversal[this.currentQuestion]["radio"] =
-          this.selectedPriorityRadio;
-      }
-    };
-    this.handlePreviousClick = (e) => {
-      const handler = () => {
-        if (this.currentQuestion > 1) {
-          this.currentSelectedPriority = null;
-          this.selectedPriorityRadio.checked = false;
-          this.currentQuestion -= 1;
-          this.currentSelectedPriority =
-            this.traversal[this.currentQuestion]["priority"];
-          this.traversal[this.currentQuestion]["radio"].checked = true;
-        }
-      };
-      if (e instanceof MouseEvent ||
-        (e instanceof KeyboardEvent && e.key === "Enter")) {
-        if (e instanceof KeyboardEvent) {
-          e.preventDefault();
-        }
-        handler();
-        this.traversal[this.currentQuestion]["radio"].focus();
-      }
-    };
-    this.handleNextClick = (e) => {
-      const handler = () => {
-        if (!e.target.disabled &&
-          this.currentQuestion < this.totalQuestions) {
-          this.answers[this.currentQuestion] =
-            this.currentSelectedPriority;
-          this.currentQuestion += 1;
-          if (!this.traversal[this.currentQuestion]) {
-            this.currentSelectedPriority = null;
-            this.selectedPriorityRadio.checked = false;
-          }
-          else {
-            this.currentSelectedPriority =
-              this.traversal[this.currentQuestion]["priority"];
-            this.selectedPriorityRadio =
-              this.traversal[this.currentQuestion]["radio"];
-            this.selectedPriorityRadio.checked = true;
-          }
-          let modalQuizContainer = this.el.shadowRoot.querySelector(".modal-quiz-container");
-          if (modalQuizContainer) {
-            modalQuizContainer.scrollTo({
-              top: 0,
-              left: 0,
-              behavior: "smooth",
-            });
-          }
-        }
-      };
-      if (e instanceof MouseEvent) {
-        handler();
-      }
-      if (e instanceof KeyboardEvent && e.key === "Enter") {
-        e.preventDefault();
-        handler();
-        if (this.traversal[this.currentQuestion]) {
-          this.traversal[this.currentQuestion]["radio"].focus();
-        }
-        else {
-          this.handleFocusFirstRadio();
-        }
-      }
-    };
-    this.handleEmailReportClick = (e) => {
-      if (!e.target.disabled) {
-        this.answers[this.currentQuestion] = this.currentSelectedPriority;
-        this.emailReportClick.emit(this.answers);
-        this.resetQuiz();
-      }
-    };
-    this.totalQuestions = undefined;
-    this.modalId = undefined;
-    this.currentQuestion = 1;
-    this.currentSelectedPriority = undefined;
-    this.selectedPriorityRadio = undefined;
-    this.answers = {};
-    this.traversal = {};
-  }
-  async focusIn() {
-    this.handleFocusFirstRadio();
-  }
-  componentDidLoad() {
-    const images = this.el.querySelectorAll('[slot$="-image"]');
-    for (let i = 0; i < this.totalQuestions; i++) {
-      images[i].style.borderRadius = "12px";
-      images[i].style.width = "100%";
-      images[i].style.objectFit = "contain";
-      images[i].style.marginLeft = "var(--ptc-element-spacing-04)";
-    }
-  }
-  componentDidRender() {
-    const modal = document.querySelector(`#${this.modalId}`);
-    const modalCloseButton = modal.shadowRoot.querySelector(".close");
-    modalCloseButton.addEventListener("click", () => {
-      this.resetQuiz();
-    });
-  }
-  render() {
-    const ProgressDots = () => {
-      return (h("div", { class: "dot-progress-bar" }, [...Array(this.totalQuestions).keys()].map((questionNumber) => {
-        return (h("div", null, h("div", { class: `dot-progress-circle ${questionNumber ===
-            this.currentQuestion - 1
-            ? "active"
-            : ""}` }), questionNumber <
-          this.totalQuestions - 1 ? (h("div", { class: "dot-progress-dash" }, h("div", { class: "dashed-line" }))) : null));
-      })));
-    };
-    const PriorityOptions = () => {
-      return (h("div", { class: "options-container" }, h("div", { id: `priority-option-${this.currentQuestion}-1`, class: "radio-input mf-listen", onClick: (e) => this.handlePriorityOptionClick(e, Priority.Low) }, h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `1`, tabIndex: 0 }), h("label", { class: "option-label", htmlFor: `1` }, h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, h("slot", { name: "low-level-label" })))), h("div", { id: `priority-option-${this.currentQuestion}-2`, class: "radio-input mf-listen", onClick: (e) => this.handlePriorityOptionClick(e, Priority.Medium) }, h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `2`, tabIndex: 0 }), h("label", { class: "option-label", htmlFor: `2` }, h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, h("slot", { name: "medium-level-label" })))), h("div", { id: `priority-option-${this.currentQuestion}-3`, class: "radio-input mf-listen", onClick: (e) => this.handlePriorityOptionClick(e, Priority.High) }, h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `3`, tabIndex: 0 }), h("label", { class: "option-label", htmlFor: `3` }, h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, h("slot", { name: "high-level-label" }))))));
-    };
-    return (h(Host, null, h("div", { class: "modal-quiz-container" }, h("div", null, h("div", null, h("div", { class: "modal-quiz-progress" }, h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-4", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, h("slot", { name: "question-text" }), " ", this.currentQuestion, " ", h("slot", { name: "of-text" }), " ", this.totalQuestions), h(ProgressDots, null)), h("div", { class: "modal-quiz-content" }, h("div", { class: "content" }, h("ptc-title", { type: "h2", "text-align": "left", "title-size": "xx-large", "title-color": "gray", upperline: "dotted", "title-display": "inline-block", "title-shadow": "", "title-height": "densest", "title-margin": "margin-1", "title-weight": "w-8", "is-plm-hub": "false" }, h("slot", { name: `question-${this.currentQuestion}-title` })), h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, h("slot", { name: `question-${this.currentQuestion}-subtitle` })), h(PriorityOptions, null), h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, this.currentSelectedPriority ? (h("slot", { name: this.getPriorityAnswerSlotName() })) : null), h("div", { class: "modal-quiz-ctas" }, h("ptc-button", { "tracker-id": `question-${this.currentQuestion}-prev`, type: "link", color: "ptc-tertiary", onClick: (e) => this.handlePreviousClick(e), onKeyDown: (e) => this.handlePreviousClick(e), disabled: this.currentQuestion === 1, "tab-nav": this.currentQuestion == 1
-        ? -1
-        : 0, styles: "button{margin-bottom:20px;}" }, h("slot", { name: "previous-ques-text" })), h("ptc-spacer", { size: "large", breakpoint: "x-small" }), this.currentQuestion ===
-      this.totalQuestions ? (h("ptc-button", { "tracker-id": `question-${this.currentQuestion}-email`, type: "link", color: "ptc-secondary", onClick: (e) => this.handleEmailReportClick(e), disabled: this
-        .currentSelectedPriority ==
-        null, styles: "button{margin-bottom:20px;}", "tab-nav": this
-        .currentSelectedPriority ==
-        null
-        ? -1
-        : 0 }, h("slot", { name: "email-results-text" }))) : (h("ptc-button", { "tracker-id": `question-${this.currentQuestion}-next`, type: "link", color: "ptc-secondary", onClick: (e) => this.handleNextClick(e), onKeyDown: (e) => this.handleNextClick(e), disabled: this
-        .currentSelectedPriority ==
-        null, styles: "button{margin-bottom:20px;}", "tab-nav": this
-        .currentSelectedPriority ==
-        null
-        ? -1
-        : 0 }, h("slot", { name: "next-ques-text" }))))), h("div", { class: "image" }, h("slot", { name: `question-${this.currentQuestion}-image` })))))), h("slot", { name: "script" })));
-  }
-  get el() { return getElement(this); }
-};
-PtcModalQuiz.style = ptcModalQuizCss;
-
-export { PtcModalQuiz as ptc_modal_quiz };

package/dist/esm/ptc-nav-card.entry.js

@@ -1,38 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-0bf594c4.js';
-
-const ptcNavCardCss = "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;-webkit-hyphenate-limit-after:3;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:flex;height:100%;width:100%;position:relative}:host .nav-card-wrap{-webkit-box-pack:center;-ms-flex-pack:center;display:flex;flex-direction:column;font-size:16px;justify-content:center;letter-spacing:1.2px;line-height:1.5;list-style:none;margin:2.5px;padding:16px 40px 16px 0;text-align:left;width:100%}:host .nav-card-wrap:active{border-radius:4px;background:var(--color-gray-11)}@media only screen and (min-width: 1200px){:host .nav-card-wrap{display:flex;width:100%;border-radius:var(--ptc-border-radius-standard);background-color:var(--color-gray-12);transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout);-webkit-box-pack:center;-ms-flex-pack:center;border-radius:4px;display:flex;flex-direction:column;font-size:12px;justify-content:center;letter-spacing:1.2px;line-height:18px;list-style:none;padding:16px;text-align:left;background:transparent;margin:0px}:host .nav-card-wrap:hover{background-color:var(--color-gray-11);border-radius:4px}:host .nav-card-wrap:active{border-radius:4px;background:var(--color-gray-10)}}:host .nav-card-wrap h4,:host .nav-card-wrap p,:host .nav-card-wrap a{color:var(--color-white);margin:0;text-decoration:none}:host .nav-card-wrap .media-card-wrap{align-items:center;display:flex;flex-direction:row}@media only screen and (min-width: 1200px){:host .nav-card-wrap .media-card-wrap{padding:1rem;padding:1rem 1.5rem 1.125rem 1.5rem;width:100%;height:100%;display:flex;align-items:center}}:host .nav-card-wrap .media-card-wrap h4{font-weight:800;display:flex;align-items:center;font-size:var(--ptc-font-size-medium);word-break:break-word;margin-bottom:2px}@media only screen and (min-width: 1200px){:host .nav-card-wrap .media-card-wrap h4{font-size:var(--ptc-font-size-xxx-small)}}:host .nav-card-wrap .media-card-wrap p{font-size:var(--ptc-font-size-x-small)}@media only screen and (min-width: 1200px){:host .nav-card-wrap .media-card-wrap p{font-size:var(--ptc-font-size-xxx-small)}}:host .nav-card-wrap .media-card-wrap .card-logo{padding-right:20px}@media only screen and (min-width: 1200px){:host .nav-card-wrap .media-card-wrap .card-logo{padding-right:1rem}}:host .nav-card-wrap .media-card-wrap .card-logo img{width:100%;max-width:2rem;min-width:2rem}@media only screen and (min-width: 1200px){:host .nav-card-wrap .media-card-wrap .card-logo img{max-width:1.5rem;min-width:1.5rem}}:host(.media-card) .nav-card-wrap .media-card-wrap{align-items:center;display:flex;flex-direction:row}@media only screen and (min-width: 1200px){:host(.media-card) .nav-card-wrap .media-card-wrap{padding:0px}:host(.media-card) .nav-card-wrap .media-card-wrap:focus{border:none !important;outline:none !important}}:host(.media-card) .nav-card-wrap .media-card-wrap .card-logo img{height:auto;width:24px;max-width:24px;min-width:24px}:host(.media-card) .nav-card-wrap .media-card-wrap h4{font-size:16px;font-stretch:normal;font-style:normal;font-weight:800;letter-spacing:normal;line-height:24px;text-align:left;word-break:break-word;hyphens:auto;margin-bottom:2px}@media only screen and (min-width: 1200px){:host(.media-card) .nav-card-wrap .media-card-wrap h4{font-size:12px;hyphens:auto;line-height:18px;text-align:left;margin-bottom:2px;font-stretch:normal;font-style:normal;letter-spacing:normal}}:host(.media-card) .nav-card-wrap .media-card-wrap p{font-size:14px;font-stretch:normal;font-style:normal;font-weight:400;hyphens:auto;letter-spacing:normal;line-height:21px;text-align:left;word-break:break-word}@media only screen and (min-width: 1200px){:host(.media-card) .nav-card-wrap .media-card-wrap p{font-size:12px;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;margin-bottom:0;text-align:left}}:host(.cta-card) .nav-card-wrap{border:1px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);background-color:var(--color-gray-09);min-height:99px;box-sizing:border-box;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}@media only screen and (min-width: 1200px){:host(.cta-card) .nav-card-wrap{min-height:80px;background-color:transparent}}:host(.cta-card) .nav-card-wrap:hover{background-color:var(--color-gray-08)}:host(.cta-card) .nav-card-wrap .card-content{margin:auto}:host(.cta-card) .nav-card-wrap .card-content h4{margin:0}:host(.cta-card) .nav-card-wrap .card-content svg{vertical-align:middle;margin-left:0.375rem}:host(.links-card) .nav-card-wrap .links-card-wrap{display:flex;flex-direction:row;justify-content:left;background:transparent}:host(.links-card) .nav-card-wrap h3{margin:0;display:inline-block;font-weight:800;color:var(--color-white);font-size:16px;font-style:normal;letter-spacing:normal;line-height:normal;position:relative;text-align:left}@media only screen and (min-width: 1200px){:host(.links-card) .nav-card-wrap h3{display:inline-block;font-size:12px;line-height:1.5;align-self:center}}:host(.links-card) .nav-card-wrap h3 svg{margin-left:6px;margin-bottom:3px;vertical-align:middle;width:9.375px;height:11.25px}:host(.links-card) ::slotted(ptc-link){padding:8px 0;line-height:14px}@media only screen and (min-width: 1200px){:host(.links-card) ::slotted(ptc-link){padding:6px 0}}";
-
-const PtcNavCard = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.cardType = undefined;
-    this.cardHref = undefined;
-    this.logoAlt = undefined;
-    this.target = "_self";
-    this.rel = undefined;
-    this.linkTitle = undefined;
-    this.cardLogo = undefined;
-    this.heading = undefined;
-    this.description = undefined;
-    this.windowSize = "mobile";
-    this.trackerId = "";
-  }
-  handleResize() {
-    if (window.innerWidth < 992) {
-      this.windowSize = "mobile";
-    }
-    else {
-      this.windowSize = "desktop";
-    }
-  }
-  componentWillLoad() {
-    this.handleResize();
-  }
-  render() {
-    return (h(Host, { class: this.cardType }, h("div", { class: "nav-card-wrap" }, this.cardType == "links-card" ? (h("div", { class: "links-card-wrap" }, h("h3", null, this.cardHref &&
-      !this.cardHref.startsWith("#") ? (h("a", { id: this.trackerId, href: this.cardHref, title: this.linkTitle, tabIndex: -1, class: "mf-listen" }, this.heading, h("svg", { width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M6.3125 0.3125L6.3125 3.66515L-1.46549e-07 3.66515L-2.63246e-07 6.33487L6.3125 6.33487L6.3125 9.6875L11.25 4.96896L6.3125 0.3125Z", fill: "#3DAB49" })))) : (this.heading)), h("slot", null))) : (h("a", { id: this.trackerId, href: this.cardHref, title: this.linkTitle, tabIndex: -1, class: "media-card-wrap mf-listen" }, this.cardLogo && (h("div", { class: "card-logo" }, h("img", { src: this.cardLogo, alt: this.logoAlt }))), h("div", { class: "card-content" }, h("h4", null, this.heading, this.cardType == "cta-card" && (h("svg", { width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M6.3125 0.3125L6.3125 3.66515L-1.46549e-07 3.66515L-2.63246e-07 6.33487L6.3125 6.33487L6.3125 9.6875L11.25 4.96896L6.3125 0.3125Z", fill: "#3DAB49" })))), this.description && (h("p", null, this.description))))))));
-  }
-};
-PtcNavCard.style = ptcNavCardCss;
-
-export { PtcNavCard as ptc_nav_card };

package/dist/esm/ptc-nav-link.entry.js

@@ -1,44 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-0bf594c4.js';
-
-const ptcNavLinkCss = "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;-webkit-hyphenate-limit-after:3;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;position:relative}@media only screen and (min-width: 1200px){:host{display:inline-block}}:host::before,:host::after{content:\" \";width:1600px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host a{color:var(--color-gray-03);text-decoration:none;display:block;border-bottom:2px solid transparent;margin-left:34%;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-03);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}@media only screen and (min-width: 480px){:host a{margin-left:38%}}@media only screen and (min-width: 768px){:host a{margin-left:42%}}@media only screen and (min-width: 1200px){:host a{padding:14px var(--ptc-element-spacing-03) 22px;margin-top:6px;border-top:2px solid transparent;margin-left:0;display:flex;align-items:center;white-space:nowrap;position:relative}:host a::after{content:\"\";display:block;border-bottom:2px solid transparent;margin:auto;position:absolute;width:calc(100% - 20px);left:0;right:0;bottom:20px}}:host a svg{width:1rem;height:0.875rem;display:inline-block;background-size:cover;transition:margin-left 250ms ease-out;vertical-align:middle;margin-left:4px}:host a:hover,:host a:focus{color:var(--color-white)}@media only screen and (min-width: 1200px){:host a:hover::after,:host a:focus::after{border-color:var(--color-white)}}:host a:hover svg path,:host a:focus svg path{fill:var(--color-white)}:host a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline);padding:14px 10px 16px}@media only screen and (min-width: 1200px){:host a:focus-visible{padding:14px 10px 20px}}:host ::slotted(icon-asset){margin-top:4px;margin-right:8px}:host .tracker-div{display:inline}";
-
-const PtcNavLink = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.navLinkClicked = createEvent(this, "navLinkClicked", 7);
-    this.href = undefined;
-    this.isOutsideLink = false;
-    this.titleText = "";
-    this.trackerId = undefined;
-  }
-  handleClick(event) {
-    // Prevent the event from propagating to the underlying <a> element
-    event.stopPropagation();
-    // Check if the href starts with #
-    if (this.href && this.href.startsWith("#")) {
-      // Find the corresponding section
-      const section = document.querySelector(this.href);
-      section.scrollIntoView({
-        behavior: "smooth",
-      });
-      this.navLinkClicked.emit();
-    }
-  }
-  trimString(inputString, maxLength) {
-    if (inputString.length > maxLength) {
-      return inputString.slice(0, maxLength) + "...";
-    }
-    else {
-      return inputString;
-    }
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "tracker-div mf-listen" }, h("a", { id: this.trackerId, href: this.href, target: this.isOutsideLink ? "_blank" : "_self", title: this.titleText, onClick: (event) => {
-        this.handleClick(event);
-      } }, h("slot", null), !this.href.startsWith("#") && (h("svg", { class: "icon-arrow-right", xmlns: "http://www.w3.org/2000/svg", width: "14", height: "10", viewBox: "0 0 14 10", fill: "none" }, h("path", { d: "M8.84921 0.77792L8.81313 3.41153L0.51545 3.55584L0.515449 6.5863L8.81313 6.44199L8.81313 9.40029L13.1424 5.07107L8.84921 0.77792Z", fill: "#AEB8BD" })))))));
-  }
-  get el() { return getElement(this); }
-};
-PtcNavLink.style = ptcNavLinkCss;
-
-export { PtcNavLink as ptc_nav_link };

package/dist/esm/ptc-nav-pills.entry.js

@@ -1,15 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-0bf594c4.js';
-
-const ptcNavPillsCss = "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;-webkit-hyphenate-limit-after:3;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;text-align:center;margin:12px 0}:host ::slotted(a){display:inline-block;padding:10px 24px;background-color:var(--color-gray-02);border-radius:var(--ptc-border-radius-pill);color:var(--color-gray-10) !important;font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);text-decoration:none !important;margin:12px;max-width:205px;vertical-align:middle;line-height:var(--ptc-line-height-densest)}:host ::slotted(a):last-child{margin-right:0}:host ::slotted(a:hover){background-color:var(--color-gray-04)}";
-
-const PtcNavPills = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h(Host, null, h("slot", null)));
-  }
-};
-PtcNavPills.style = ptcNavPillsCss;
-
-export { PtcNavPills as ptc_nav_pills };

package/dist/esm/ptc-nav-skip-to-content.entry.js

@@ -1,66 +0,0 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-0bf594c4.js';
-
-const ptcNavSkipToContentCss = "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;-webkit-hyphenate-limit-after:3;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 .skip-link{position:fixed;top:-200px}:host .skip-link:focus{top:0;display:block;padding:8px 12px;text-align:center;margin:8px;border-radius:var(--ptc-border-radius-standard);outline:5px solid #003dd6;background:#fff;z-index:99999;box-shadow:var(--ptc-shadow-medium);text-decoration:none;color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-small);font-style:normal;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p)}:host(.appended){position:relative}:host(.appended) .skip-link:focus{position:absolute}";
-
-const PtcNavSkipToContent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.escalated = false;
-    this.hideOnScroll = () => {
-      var _a, _b;
-      let skipLink = (_b = (_a = this.hostEle) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector("a.skip-link");
-      skipLink === null || skipLink === void 0 ? void 0 : skipLink.blur();
-    };
-    this.escalateOnDom = () => {
-      if (this.appendSelector) {
-        const elem = document.querySelector(this.appendSelector);
-        const host = this.hostEle;
-        if (elem) {
-          elem.insertAdjacentElement("afterbegin", this.hostEle);
-          host.classList.add("appended");
-          this.escalated = true;
-        }
-      }
-      if (!this.escalated) {
-        const body = document.querySelector("body");
-        body.insertAdjacentElement("afterbegin", this.hostEle);
-      }
-    };
-    this.offsetCta = () => {
-      const link = this.hostEle.shadowRoot.querySelector(".skip-link");
-      link.style.left = `${this.xOffset}px`;
-      link.style.top = `${this.yOffset}px`;
-    };
-    this.componentWillLoad = () => {
-      this.escalateOnDom();
-      window.addEventListener("scroll", this.hideOnScroll);
-    };
-    this.componentDidLoad = () => {
-      if (this.appendSelector) {
-        this.offsetCta();
-      }
-    };
-    this.disconnectedCallback = () => {
-      window.removeEventListener("scroll", this.hideOnScroll);
-    };
-    this.buttonText = "Skip To Main Content";
-    this.sectionId = "";
-    this.appendSelector = undefined;
-    this.xOffset = undefined;
-    this.yOffset = undefined;
-  }
-  scrollToSection(e) {
-    e.preventDefault();
-    const section = document.getElementById(this.sectionId);
-    if (section) {
-      section.scrollIntoView({ behavior: "smooth" });
-    }
-  }
-  render() {
-    return (h(Host, null, h("slot", null), h("a", { tabindex: 0, class: "skip-link", href: "", "aria-label": "Skip to main content", onClick: (e) => this.scrollToSection(e) }, this.buttonText)));
-  }
-  get hostEle() { return getElement(this); }
-};
-PtcNavSkipToContent.style = ptcNavSkipToContentCss;
-
-export { PtcNavSkipToContent as ptc_nav_skip_to_content };

package/dist/esm/ptc-nav-slider.entry.js

@@ -1,111 +0,0 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-0bf594c4.js';
-
-const ptcNavSliderCss = "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;-webkit-hyphenate-limit-after:3;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}}@media only screen and (min-width: 1200px){:host{max-width:730px;padding:0px 0px;display:flex;align-items:center;margin-left:-25px}:host .box-wrap{width:100%;height:auto;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host .box-wrap::-webkit-scrollbar{display:none}}@media only screen and (min-width: 1440px){:host{margin-left:-58px}}:host .navArrows{cursor:pointer;display:inline-block}:host .navArrows svg{vertical-align:middle}:host .btn-wrap-left,:host .btn-wrap-right{display:none}@media only screen and (min-width: 1200px){:host .btn-wrap-left,:host .btn-wrap-right{display:inline-block;width:32px;height:32px;position:relative}}@media (max-width: 1199px){:host .btn-wrap-left,:host .btn-wrap-right{display:none !important}}:host button#prevBtn,:host button#nextBtn{background:transparent;border-radius:var(--ptc-border-radius-standard);border:none;width:32px;height:32px}:host button#prevBtn:hover,:host button#nextBtn:hover{background:var(--color-gray-12)}:host button#prevBtn:focus-visible,:host button#prevBtn:focus,:host button#nextBtn:focus-visible,:host button#nextBtn:focus{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}:host .btn-wrap-left{margin-right:0}@media (min-width: 1250px){:host .btn-wrap-left{margin-right:14px}}:host .btn-wrap-right{margin-left:14px}:host .tracker-div{display:inline}";
-
-const PtcNavSlider = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.sliderId = `ptc-nav-slider-${Math.floor(Math.random() * 1000000)}`;
-    this.leftBtnTrackerId = undefined;
-    this.rightBtnTrackerId = undefined;
-  }
-  componentDidLoad() {
-    // use the ID to select elements within the component's shadow root
-    this.updateSlider(this);
-    const { shadowRoot } = document.querySelector(`#${this.sliderId}`);
-    const boxWrap = shadowRoot.querySelector(".box-wrap");
-    boxWrap.addEventListener("scroll", this.updateSlider.bind(this));
-    setTimeout(() => {
-      this.updateSlider(this);
-    }, 3100);
-  }
-  handledropdownClickEvent(element) {
-    const sliderId = element.target.querySelector(".nav-slider").id;
-    const boxWrap = element.target
-      .querySelector(".nav-slider")
-      .shadowRoot.querySelector(".box-wrap");
-    const prevBtn = document
-      .querySelector(`#${sliderId}`)
-      .shadowRoot.querySelector("#prevBtn");
-    const nextBtn = document
-      .querySelector(`#${sliderId}`)
-      .shadowRoot.querySelector("#nextBtn");
-    let notDropdown = element.target.tagName.toLowerCase() != "ptc-nav-submenu";
-    this.updateArrows(boxWrap, prevBtn, nextBtn, notDropdown);
-  }
-  updateArrows(boxWrap, prevBtn, nextBtn, isNotDropdown) {
-    if (boxWrap.offsetWidth == boxWrap.scrollWidth) {
-      prevBtn.style.visibility = "hidden";
-      nextBtn.style.visibility = "hidden";
-      if (isNotDropdown)
-        prevBtn.closest(".btn-wrap-left").style.display = "none";
-    }
-    else if (boxWrap.scrollLeft + boxWrap.offsetWidth <=
-      boxWrap.scrollWidth) {
-      if (isNotDropdown)
-        prevBtn.closest(".btn-wrap-left").style.display = "";
-      if (boxWrap.scrollLeft > 0) {
-        if (boxWrap.scrollLeft + boxWrap.offsetWidth ==
-          boxWrap.scrollWidth) {
-          nextBtn.style.visibility = "hidden";
-          prevBtn.style.visibility = "visible";
-        }
-        else {
-          prevBtn.style.visibility = "visible";
-          nextBtn.style.visibility = "visible";
-        }
-      }
-      else {
-        prevBtn.style.visibility = "hidden";
-        nextBtn.style.visibility = "visible";
-      }
-    }
-    else {
-      prevBtn.style.visibility = "visible";
-      nextBtn.style.visibility = "hidden";
-    }
-  }
-  updateSlider(event) {
-    const boxWrap = document
-      .querySelector(`#${this.sliderId}`)
-      .shadowRoot.querySelector(".box-wrap");
-    const prevBtn = document
-      .querySelector(`#${this.sliderId}`)
-      .shadowRoot.querySelector("#prevBtn");
-    const nextBtn = document
-      .querySelector(`#${this.sliderId}`)
-      .shadowRoot.querySelector("#nextBtn");
-    if (event !== undefined && event.target) {
-      let notDropdown = !event.target.closest(".dropdown-content");
-      this.updateArrows(event.target, prevBtn, nextBtn, notDropdown);
-    }
-    else {
-      this.updateArrows(boxWrap, prevBtn, nextBtn, false);
-    }
-  }
-  leftScroll(ele) {
-    const sliderId = ele.sliderId;
-    const left = document
-      .querySelector(`#${sliderId}`)
-      .shadowRoot.querySelector(`.box-wrap`);
-    if (left.scrollLeft > 0) {
-      left.scrollBy(-200, 0);
-    }
-  }
-  rightScroll(ele) {
-    const sliderId = ele.sliderId;
-    const right = document
-      .querySelector(`#${sliderId}`)
-      .shadowRoot.querySelector(`.box-wrap`);
-    if (right.scrollLeft + right.offsetWidth < right.scrollWidth) {
-      right.scrollBy(200, 0);
-    }
-  }
-  render() {
-    return (h(Host, { class: `nav-slider`, id: this.sliderId }, h("div", { class: "btn-wrap-left tracker-div", id: this.leftBtnTrackerId }, h("button", { id: "prevBtn", class: "navArrows", onClick: () => this.leftScroll(this), "aria-label": "Left scroll button" }, h("svg", { width: "12", height: "12", viewBox: "0 0 12 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.166 13.2375L4.39723 7.5L10.166 1.7625L8.39004 0L0.832683 7.5L8.39004 15L10.166 13.2375Z", fill: "white" })))), h("div", { class: "box-wrap" }, h("slot", null)), h("div", { class: "btn-wrap-right tracker-div", id: this.rightBtnTrackerId }, h("button", { id: "nextBtn", class: "navArrows ", onClick: () => this.rightScroll(this), "aria-label": "Right scroll button" }, h("svg", { width: "12", height: "12", viewBox: "0 0 12 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.833984 1.7625L6.60277 7.5L0.833984 13.2375L2.60996 15L10.1673 7.5L2.60996 0L0.833984 1.7625Z", fill: "white" }))))));
-  }
-  get el() { return getElement(this); }
-};
-PtcNavSlider.style = ptcNavSliderCss;
-
-export { PtcNavSlider as ptc_nav_slider };

package/dist/esm/ptc-nav-submenu.entry.js

@@ -1,44 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-0bf594c4.js';
-
-const ptcNavSubmenuCss = "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;-webkit-hyphenate-limit-after:3;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;position:relative;cursor:pointer}:host .back-btn{display:none;position:absolute;left:30px;top:22px;color:var(--color-white);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .back-btn svg{margin-right:4px;vertical-align:middle;width:12px;height:12px}@media only screen and (min-width: 1200px){:host{display:inline-block;position:initial}}:host::before,:host::after{content:\" \";width:1600px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host .submenu-toggle{display:inline-block;color:var(--color-gray-03);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold);white-space:nowrap;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-03);margin-left:34%;position:relative;border:2px solid transparent;margin:-2px}:host .submenu-toggle::after{content:\"\";display:block;border-bottom:2px solid transparent;margin:auto;position:absolute;width:calc(100% - 20px);left:0;right:0;bottom:14px}@media only screen and (min-width: 1200px){:host .submenu-toggle::after{bottom:20px}}@media only screen and (min-width: 480px){:host .submenu-toggle{margin-left:38%}}@media only screen and (min-width: 768px){:host .submenu-toggle{margin-left:42%}}@media only screen and (min-width: 1200px){:host .submenu-toggle{padding:22px var(--ptc-element-spacing-03);margin-left:0;display:flex;align-items:center}}:host .submenu-toggle svg{margin-left:5px;margin-top:2px;vertical-align:middle;width:12px;height:12px}:host .submenu-toggle svg path{fill:var(--color-gray-04)}:host .submenu-toggle:hover{color:var(--color-white)}:host .submenu-toggle:hover::after{border-color:var(--color-white)}:host .submenu-toggle:hover svg path{fill:var(--color-white)}:host .submenu-toggle icon-asset{margin-right:8px}:host .submenu-toggle icon-asset svg{margin:0}:host .submenu-toggle:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}:host .submenu-container{background-color:var(--color-gray-12)}@media only screen and (min-width: 1200px){:host .submenu-container{position:absolute;width:100%;right:0;left:0;top:64px;z-index:10}}:host .submenu-container .submenu-container-lg{max-width:1200px;margin:auto}@media only screen and (min-width: 992px){:host .submenu-container .submenu-container-lg{padding:0 32px}}:host ::slotted(ptc-nav-link:last-child)::before,:host ::slotted(ptc-nav-link:last-child)::after{display:none}:host .tracker-div{display:inline}:host(.short-dropdown) .submenu-container{text-align:center}@media only screen and (min-width: 1200px){:host(.short-dropdown) .submenu-container{width:initial;right:3%;left:initial;top:56px;z-index:1000}}:host(.short-dropdown) .submenu-container .submenu-container-lg{padding:0;width:auto;min-width:348px;display:flex;justify-content:space-evenly}:host(.active){padding-bottom:0}:host(.active) .submenu-toggle{color:var(--color-white);border-color:var(--color-white)}:host(.active) .submenu-toggle svg path{fill:var(--color-white)}:host(.active)::before,:host(.active)::after{display:none}:host(.active.short-dropdown) .back-btn{display:inline-block}@media only screen and (min-width: 1200px){:host(.active.short-dropdown) .back-btn{display:none}}.custom-icon{-o-object-fit:cover;object-fit:cover;width:1.5rem;height:1.5rem}.custom-icon:hover{filter:brightness(0) invert(1)}.menu-right *{color:transparent !important}";
-
-const PtcNavSubmenu = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.dropdownClickEvent = createEvent(this, "dropdownClickEvent", 7);
-    this.label = undefined;
-    this.iconAssetName = undefined;
-    this.iconSrc = undefined;
-    this.labelTrackerId = undefined;
-    this.dropdownTrackerId = undefined;
-    this.backBtnTrackerId = undefined;
-  }
-  calculateOffset() {
-    var dropdown = this.el.shadowRoot.querySelector(".submenu-container");
-    var container = this.el.closest("ptc-subnav");
-    if (dropdown && container) {
-      if (window.innerWidth >= 1200) {
-        let height = container.clientHeight;
-        if (height > 0) {
-          dropdown.style.top = `${height}px`;
-        }
-      }
-      else {
-        dropdown.style.top = "";
-      }
-    }
-  }
-  handleClick(event) {
-    this.calculateOffset();
-    setTimeout(() => {
-      this.dropdownClickEvent.emit(event);
-    }, 100);
-  }
-  render() {
-    return (h(Host, { class: `dropdown` }, h("div", { id: this.backBtnTrackerId, class: "tracker-div" }, h("span", { class: `back-btn` }, h("svg", { width: "10", height: "16", viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.97852 14.12L3.82515 8L9.97852 1.88L8.08414 -8.28059e-08L0.0229606 8L8.08414 16L9.97852 14.12Z", fill: "white" })), "Back")), h("span", { class: `submenu-toggle`, onClick: () => this.handleClick(this), onMouseOver: () => this.handleClick(this) }, this.iconAssetName && (h("icon-asset", { type: "ptc", size: "xx-small", name: this.iconAssetName, color: "white" })), h("div", { id: this.labelTrackerId, class: "tracker-div" }, this.label), h("div", { id: this.dropdownTrackerId, class: "tracker-div" }, this.iconSrc && (h("img", { src: this.iconSrc, alt: this.label, class: "custom-icon" })), !this.iconSrc && (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15", fill: "white", class: "" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z", fill: "white" }))))), h("div", { class: `submenu-container` }, h("div", { class: "submenu-container-lg" }, h("slot", null)))));
-  }
-  get el() { return getElement(this); }
-};
-PtcNavSubmenu.style = ptcNavSubmenuCss;
-
-export { PtcNavSubmenu as ptc_nav_submenu };

package/dist/esm/ptc-nav-tile.entry.js

@@ -1,16 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-0bf594c4.js';
-
-const ptcNavTileCss = "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;-webkit-hyphenate-limit-after:3;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}.nav-link-group{display:inline-block;padding:12px 16px;border-radius:var(--ptc-border-radius-standard);background:var(--color-gray-02);box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.24)}.nav-link-group .nav-title-link{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-densest);margin:0 16px;text-decoration:none;outline:none}.nav-link-group .nav-title-link:hover,.nav-link-group .nav-title-link:visited{color:var(--color-gray-10);text-decoration:none;outline:none}";
-
-const PtcNavTile = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.navLinks = [];
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "nav-link-group" }, this.navLinks.map((link) => (h("a", { href: link.url, class: "nav-title-link" }, link.title))))));
-  }
-};
-PtcNavTile.style = ptcNavTileCss;
-
-export { PtcNavTile as ptc_nav_tile };

package/dist/esm/ptc-news.entry.js

@@ -1,27 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-0bf594c4.js';
-
-const ptcNewsCss = "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;-webkit-hyphenate-limit-after:3;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 .news-container{max-width:990px;padding:30px 0;margin:auto}:host .news-tag{color:var(--color-gray-10);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);display:inline-block}:host .news-date{margin-bottom:20px;display:inline-block;font-size:var(--ptc-font-size-small)}:host .news-content{padding-top:var(--ptc-element-spacing-08)}:host ptc-sticky-icons{display:none}@media only screen and (min-width: 992px){:host ptc-sticky-icons{display:block}}ptc-news .news-date{font-size:var(--ptc-font-size-small);color:var(--color-gray-10)}";
-
-const PtcNews = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.newsTag = undefined;
-    this.newsImage = undefined;
-    this.newsImageAlt = undefined;
-    this.newsDownloadUrl = undefined;
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "news-container" }, this.newsTag && (h("span", { class: "news-tag" }, this.newsTag)), h("slot", { name: "news-title" }), h("slot", { name: "news-secondary-title" }), h("slot", { name: "news-date" }), h("slot", { name: "news-summary" }), this.getArticleImage(), h("div", { class: "news-content" }, h("slot", { name: "share-icons" }), h("slot", null)))));
-  }
-  getArticleImage() {
-    if (this.newsImage && this.newsDownloadUrl) {
-      return (h("ptc-image-download-strip", { "download-url": this.newsDownloadUrl }, h("ptc-picture", { alt: this.newsImageAlt, src: this.newsImage, "is-full-width": "true" })));
-    }
-    else if (this.newsImage && !this.newsDownloadUrl) {
-      return (h("ptc-picture", { alt: this.newsImageAlt, src: this.newsImage, "is-full-width": "true" }));
-    }
-  }
-};
-PtcNews.style = ptcNewsCss;
-
-export { PtcNews as ptc_news };