@ptcwebops/ptcw-design 3.8.2 → 3.8.4

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

@@ -0,0 +1,190 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-abb9f744.js';
+
+const ptcModalCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{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{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}.wrapper{position:absolute;width:100vw;height:100%;top:0;left:0;z-index:500001;display:none}.wrapper.fixed{position:fixed}.wrapper .modal-popup{margin:7.5rem auto 1rem;background-color:var(--color-white);box-shadow:var(--ptc-shadow-large);max-width:22.5625rem;width:80%;display:flex;flex-direction:column;align-items:flex-end;align-content:flex-end;z-index:50020;transform:translateY(-100%)}@media only screen and (min-width: 992px){.wrapper .modal-popup{max-width:29.125rem}}.wrapper .modal-popup.md{max-width:44.125rem}.wrapper .modal-popup.lg{max-width:56.25rem}.wrapper .modal-popup.xl{max-width:64.0625rem}.wrapper .modal-popup.max{width:calc(100% - 4rem);max-width:75rem;height:80vh;margin:auto;overflow:hidden}.wrapper .modal-popup.max .close{margin:var(--ptc-element-spacing-03) var(--ptc-element-spacing-06)}.wrapper .modal-popup.max .modal-body iframe{height:100%}.wrapper .modal-popup .modal-body{width:100%}.wrapper .modal-popup .modal-body iframe{opacity:0;overflow:hidden;width:100%;border:0;transition:opacity var(--ptc-ease-inout) var(--ptc-transition-medium)}.wrapper .modal-popup .modal-body iframe.ready{opacity:1}.wrapper .modal-popup .modal-body.frame{overflow:hidden;overflow-y:hidden;overflow-x:hidden}.wrapper .modal-popup .modal-body.html{overflow:hidden}.wrapper .modal-popup.frame .modal-body{display:flex;flex:1;height:100%}.wrapper .modal-popup .close{margin-right:var(--ptc-element-spacing-03);margin-top:var(--ptc-element-spacing-03)}.wrapper .modal-popup.shadow-scroller{max-height:calc(100vh - 220px)}@media only screen and (min-width: 992px){.wrapper .modal-popup.shadow-scroller{max-height:756px}}.wrapper .modal-popup.shadow-scroller .modal-header{transition:box-shadow ease-in-out 250ms;position:relative;min-height:57px;border-bottom:1px solid var(--color-gray-02);width:100%}.wrapper .modal-popup.shadow-scroller .modal-header .close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);margin:0}.wrapper .modal-popup.shadow-scroller .modal-body{min-height:200px;overflow-x:hidden}.wrapper .modal-popup.shadow-scroller .modal-footer{transition:box-shadow ease-in-out 250ms;width:100%;min-height:60px;border-top:1px solid var(--color-gray-02);padding-top:1rem}.wrapper .modal-popup.shadow-scroller.scroll-top .modal-header{box-shadow:0px 4px 12px rgba(0, 0, 0, 0.12)}.wrapper .modal-popup.shadow-scroller.scroll-bottom .modal-footer{box-shadow:0px -8px 12px rgba(0, 0, 0, 0.12)}.wrapper.show{display:flex;align-items:flex-start}.wrapper.show .modal-popup{transform:translateY(0)}.wrapper.show .modal-popup.rounded{border-radius:var(--ptc-border-radius-standard)}.overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:50010;display:block;background-color:rgba(0, 0, 0, 0.6)}:host(.standard) .modal-popup{border-radius:var(--ptc-border-radius-standard)}:host(.large) .modal-popup{border-radius:var(--ptc-border-radius-large)}:host(.pill) .modal-popup{border-radius:var(--ptc-border-radius-pill)}:host(.circle) .modal-popup{border-radius:var(--ptc-border-radius-circle)}:host(.enclose-modal) .modal-popup{max-height:calc(100vh - 180px)}:host(.enclose-modal) .modal-popup:not(.frame){overflow-y:auto}:host(.bio-modal) .wrapper.show{align-items:flex-start}@media only screen and (min-width: 768px){:host(.bio-modal) .wrapper.show{align-items:center}}:host(.bio-modal) .modal-popup{padding:30px 15px 30px 0;max-width:1200px;margin:20px auto 0 auto;max-height:calc(100vh - 180px);width:90%;height:100%}:host(.bio-modal) .modal-popup .modal-body{height:100%}@media only screen and (min-width: 768px){:host(.bio-modal) .modal-popup .modal-body{height:auto}}@media (max-height: 450px){:host(.bio-modal) .modal-popup .modal-body{height:100%}}@media only screen and (min-width: 768px){:host(.bio-modal) .modal-popup{max-height:none;width:80%;margin-top:0px;height:auto}}@media only screen and (min-width: 1440px){:host(.bio-modal) .modal-popup{max-width:1400px}}@media (max-height: 450px){:host(.bio-modal) .modal-popup{max-height:calc(100vh - 180px);height:100%}}:host(.bio-modal) .close{position:absolute;margin:0;right:15px;top:30px}:host(.bio-modal) .close svg .cls-1,:host(.bio-modal) .close svg .cls-2{fill:none;stroke-width:2px}:host(.bio-modal) .close svg .cls-1{stroke:#1c2439;stroke-linecap:square}:host(.bio-modal) .close svg .cls-2{stroke:#74c34d}:host(.bio-modal) .close svg path{transition:all ease-in-out 250ms}:host(.bio-modal) .close svg .cls-1:nth-child(1){transform:translate(175.5px, 135.5px)}:host(.bio-modal) .close svg .cls-1:nth-child(2){transform:translate(175.5px, 174.985px)}:host(.bio-modal) .close svg .cls-1:nth-child(3){transform:translate(215.5px, 141.393px)}:host(.bio-modal) .close svg .cls-1:nth-child(4){transform:translate(175.5px, 135.5px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(1){transform:translate(175.5px, 162px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(2){transform:translate(149px, 174.985px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(3){transform:translate(215.5px, 174px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(4){transform:translate(152.5px, 135.5px)}:host(.no-container) .wrapper .modal-popup.xl{max-width:80rem !important;background:transparent;box-shadow:none}:host(.no-container) .wrapper .modal-popup .close{display:none}";
+
+const PtcModal = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.closed = createEvent(this, "closed", 7);
+    this.opened = createEvent(this, "opened", 7);
+    this.iframeUrl = undefined;
+    this.size = 'sm';
+    this.show = false;
+    this.overlay = true;
+    this.fixed = false;
+    this.keepInViewport = false;
+    this.closeOnBlur = false;
+    this.rounded = false;
+    this.hideContainer = false;
+    this.showHeaderFooter = false;
+    this.overlayHeight = undefined;
+    this.borderRadius = 'standard';
+    this.isBioModal = false;
+    this.styles = undefined;
+    this.bodyOverflowSetting = undefined;
+  }
+  fireOnClosed(modal) {
+    this.closed.emit(modal);
+  }
+  fireOnOpened(modal) {
+    this.opened.emit(modal);
+  }
+  componentWillLoad() {
+    let body = document.querySelector('body');
+    this.bodyOverflowSetting = {
+      //overflow: body.style['overflow'],
+      overflowY: body.style['overflowY'],
+      overflowX: body.style['overflowX'],
+    };
+  }
+  componentWillRender() {
+    let body = document.querySelector('body');
+    if (body) {
+      if (this.show) {
+        //body.style['overflow'] = 'hidden';
+        if (this.fixed) {
+          body.style['overflowY'] = 'hidden';
+          body.style['overflowX'] = 'hidden';
+        }
+        else {
+          body.style['overflowY'] = 'scroll';
+          body.style['overflowX'] = 'hidden';
+        }
+      }
+      else {
+        //body.style['overflow'] = this.bodyOverflowSetting.overflow;
+        body.style['overflowY'] = this.bodyOverflowSetting.overflowY;
+        body.style['overflowX'] = this.bodyOverflowSetting.overflowX;
+      }
+    }
+  }
+  componentDidLoad() {
+    if (this.show) {
+      this.fireOnOpened(this);
+    }
+    if (this.showHeaderFooter) {
+      this.handleScroll();
+    }
+  }
+  componentDidUpdate() {
+    if (this.show) {
+      this.fireOnOpened(this);
+    }
+    else {
+      this.fireOnClosed(this);
+    }
+  }
+  resizeIframe(e) {
+    let iFrame = e.target;
+    setTimeout(() => {
+      try {
+        if (iFrame.contentDocument) {
+          iFrame.height = `${iFrame.contentDocument.body.scrollHeight}px`;
+        }
+        else {
+          iFrame.height = '616px'; //default
+          iFrame.removeAttribute('scrolling');
+        }
+      }
+      catch (error) {
+        console.log(error);
+        iFrame.height = '616px'; //default
+        iFrame.removeAttribute('scrolling');
+      }
+      iFrame.classList.add('ready');
+    }, 50);
+  }
+  handleScroll() {
+    let modal = this.el.shadowRoot.querySelector('.shadow-scroller');
+    if (modal) {
+      let body = modal.querySelector('.modal-body');
+      var height = body.clientHeight;
+      var scrollHeight = body.scrollHeight;
+      var scrollTop = body.scrollTop;
+      var offset = body.offsetHeight;
+      if (height < scrollHeight) { //has scrollbar
+        if (scrollTop > 0) { //can scroll up
+          modal.classList.add('scroll-top');
+        }
+        else {
+          modal.classList.remove('scroll-top');
+        }
+        if (offset + scrollTop < scrollHeight) { //can scroll down
+          modal.classList.add('scroll-bottom');
+        }
+        else {
+          modal.classList.remove('scroll-bottom');
+        }
+      }
+    }
+  }
+  close() {
+    this.show = false;
+  }
+  render() {
+    let content;
+    let overlay;
+    let type = this.iframeUrl ? 'frame' : 'html';
+    let closebtn = (h("div", { class: "close" }, h("a", { href: "#", onClick: (e) => { e.preventDefault(); this.close(); } }, this.isBioModal
+      ?
+        h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "42", height: "41.485", viewBox: "0 0 42 41.485" }, h("g", { "data-name": "Group 1042", transform: "rotate(180 108.25 87.993)" }, h("path", { d: "M0 0v39.486", class: "cls-1", "data-name": "Line 446" }), h("path", { d: "M0 0h40", class: "cls-1", "data-name": "Line 447" }), h("path", { d: "M0 33.592V0", class: "cls-1", "data-name": "Line 448" }), h("path", { d: "M23.994 0H0", class: "cls-1", "data-name": "Line 449" }), h("path", { d: "M0 0l17.596 17.596", class: "cls-2", "data-name": "Line 450", transform: "translate(187.229 147.226)" }), h("path", { d: "M0 7.198L7.199 0", class: "cls-2", "data-name": "Line 451", transform: "translate(197.55 147.312)" }), h("path", { d: "M0 7.2L7.2 0", class: "cls-2", "data-name": "Path 114", transform: "translate(187.313 157.549)" })))
+      :
+        h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, h("path", { d: "M1 1L13 13", stroke: "black" }), h("path", { d: "M13 1L1 13", stroke: "black" })))));
+    if (this.iframeUrl) {
+      content = (h("iframe", { src: this.iframeUrl, frameBorder: 0, allowFullScreen: false, height: "100%", width: "100%", scrolling: "no", onLoad: this.resizeIframe }));
+    }
+    else {
+      if (this.showHeaderFooter) {
+        content = (h("slot", { name: "body" }));
+      }
+      else {
+        content = (h("slot", null));
+      }
+    }
+    if (this.overlay) {
+      if (this.closeOnBlur) {
+        overlay = h("div", { class: "overlay", onClick: (_) => this.close() });
+      }
+      else {
+        overlay = h("div", { class: "overlay" });
+      }
+    }
+    return (h(Host, { class: this.getCssClassMap() }, this.styles && h("style", null, this.styles), h("div", { class: `wrapper ${this.show ? "show" : "hide"} ${this.fixed ? 'fixed' : ''} ` }, overlay, h("div", { class: `modal-popup ${this.size} ${type} ${this.rounded ? 'rounded' : ''} ${this.showHeaderFooter ? 'shadow-scroller' : ''} ` }, this.showHeaderFooter ? [
+      h("div", { class: "modal-header" }, h("slot", { name: "header" }), closebtn),
+      h("div", { class: "modal-body", onScroll: () => this.handleScroll() }, content),
+      h("div", { class: "modal-footer" }, h("slot", { name: "footer" }))
+    ] : [
+      closebtn,
+      h("div", { class: "modal-body" }, content)
+    ]))));
+  }
+  getCssClassMap() {
+    return {
+      ["no-container"]: this.hideContainer,
+      ["bio-modal"]: this.isBioModal,
+      ["enclose-modal"]: !this.isBioModal && this.keepInViewport,
+      [this.borderRadius]: true
+    };
+  }
+  async showModal() {
+    this.show = true;
+  }
+  async hideModal() {
+    this.show = false;
+  }
+  async toggleModal() {
+    this.show = !this.show;
+  }
+  async reloadIframe() {
+    if (this.iframeUrl) {
+      let iframe = this.el.shadowRoot.querySelector('iframe');
+      if (iframe) {
+        iframe.src = iframe.src;
+      }
+    }
+  }
+  get el() { return getElement(this); }
+};
+PtcModal.style = ptcModalCss;
+
+export { PtcModal as ptc_modal };

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-3309fc22.js';
+import { r as registerInstance, h, H as Host } from './index-abb9f744.js';
 
-const ptcNavCardCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link{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{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{display:flex;align-items:center;width:100%;border-radius:var(--ptc-border-radius-standard);background-color:var(--color-gray-12)}:host .nav-card-wrap:hover{background-color:var(--color-gray-08)}@media only screen and (min-width: 1200px){:host .nav-card-wrap{background-color:var(--color-gray-10)}:host .nav-card-wrap:hover{background-color:var(--color-gray-08)}}: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{padding:1rem 1.5rem 1.125rem 1.5rem;width:100%;height:100%;display:flex;align-items:center}@media only screen and (min-width: 1200px){:host .nav-card-wrap .media-card-wrap{padding:1rem}}:host .nav-card-wrap .media-card-wrap h4{margin-bottom:0.25rem;font-weight:800;display:flex;align-items:center;font-size:var(--ptc-font-size-medium);word-break:break-word}@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:1.5rem}@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{min-height:99px;box-sizing:border-box}@media only screen and (min-width: 1200px){:host(.media-card) .nav-card-wrap{min-height:80px}}: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}@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{background-color:transparent;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1.5rem;border-bottom:1px solid var(--color-gray-07);border-radius:0;margin:0 -1.5rem}@media only screen and (min-width: 1200px){:host(.links-card) .nav-card-wrap{margin:0;padding:1.5rem;border:1px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard)}}:host(.links-card) .nav-card-wrap:hover{background-color:transparent}:host(.links-card) .nav-card-wrap h3{margin:0 0 8px 0;display:inline-block;font-weight:800;font-size:20px;color:var(--color-white)}@media only screen and (min-width: 1200px){:host(.links-card) .nav-card-wrap h3{font-size:15px;margin:0 0 10px 0}}:host(.links-card) .nav-card-wrap h3 svg{margin-left:0.375rem;vertical-align:middle}:host(.links-card) .nav-card-wrap h3 a{border-bottom:1.5px solid transparent}:host(.links-card) .nav-card-wrap h3 a:hover{border-color:var(--color-green-06)}: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 ptcNavCardCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{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{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{display:flex;align-items:center;width:100%;border-radius:var(--ptc-border-radius-standard);background-color:var(--color-gray-12)}:host .nav-card-wrap:hover{background-color:var(--color-gray-08)}@media only screen and (min-width: 1200px){:host .nav-card-wrap{background-color:var(--color-gray-10)}:host .nav-card-wrap:hover{background-color:var(--color-gray-08)}}: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{padding:1rem 1.5rem 1.125rem 1.5rem;width:100%;height:100%;display:flex;align-items:center}@media only screen and (min-width: 1200px){:host .nav-card-wrap .media-card-wrap{padding:1rem}}:host .nav-card-wrap .media-card-wrap h4{margin-bottom:0.25rem;font-weight:800;display:flex;align-items:center;font-size:var(--ptc-font-size-medium);word-break:break-word}@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:1.5rem}@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{min-height:99px;box-sizing:border-box}@media only screen and (min-width: 1200px){:host(.media-card) .nav-card-wrap{min-height:80px}}: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}@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{background-color:transparent;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1.5rem;border-bottom:1px solid var(--color-gray-07);border-radius:0;margin:0 -1.5rem}@media only screen and (min-width: 1200px){:host(.links-card) .nav-card-wrap{margin:0;padding:1.5rem;border:1px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard)}}:host(.links-card) .nav-card-wrap:hover{background-color:transparent}:host(.links-card) .nav-card-wrap h3{margin:0 0 8px 0;display:inline-block;font-weight:800;font-size:20px;color:var(--color-white)}@media only screen and (min-width: 1200px){:host(.links-card) .nav-card-wrap h3{font-size:15px;margin:0 0 10px 0}}:host(.links-card) .nav-card-wrap h3 svg{margin-left:0.375rem;vertical-align:middle}:host(.links-card) .nav-card-wrap h3 a{border-bottom:1.5px solid transparent}:host(.links-card) .nav-card-wrap h3 a:hover{border-color:var(--color-green-06)}: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) {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-3309fc22.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-abb9f744.js';
 
-const ptcNavLinkCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link{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{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:inline-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:22px var(--ptc-element-spacing-03);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 ::slotted(icon-asset){margin-top:4px;margin-right:8px}";
+const ptcNavLinkCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{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{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:inline-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:22px var(--ptc-element-spacing-03);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 ::slotted(icon-asset){margin-top:4px;margin-right:8px}";
 
 const PtcNavLink = class {
   constructor(hostRef) {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-3309fc22.js';
+import { r as registerInstance, h, H as Host } from './index-abb9f744.js';
 
-const ptcNavPillsCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link{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{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 ptcNavPillsCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{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{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) {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-3309fc22.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-abb9f744.js';
 
-const ptcNavSliderCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link{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{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:746px;padding:0px 0px;display:flex;align-items:center;margin-left:-23px}:host .box-wrap{width:100%;height:auto;display:flex;flex-wrap:nowrap;overflow-x:auto;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:-46px}}:host .navArrows{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 .btn-wrap-left{margin-right:14px}:host .btn-wrap-right{margin-left:14px}";
+const ptcNavSliderCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{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{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:746px;padding:0px 0px;display:flex;align-items:center;margin-left:-23px}:host .box-wrap{width:100%;height:auto;display:flex;flex-wrap:nowrap;overflow-x:auto;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:-46px}}:host .navArrows{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 .btn-wrap-left{margin-right:14px}:host .btn-wrap-right{margin-left:14px}";
 
 const PtcNavSlider = class {
   constructor(hostRef) {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-3309fc22.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-abb9f744.js';
 
-const ptcNavSubmenuCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link{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{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}: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-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(.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{object-fit:cover;width:1.5rem;height:1.5rem}.custom-icon:hover{filter:brightness(0) invert(1)}.menu-right *{color:transparent !important}";
+const ptcNavSubmenuCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{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{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}: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-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(.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{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) {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-3309fc22.js';
+import { r as registerInstance, h, H as Host } from './index-abb9f744.js';
 
-const ptcNavTileCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link{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{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 ptcNavTileCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{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{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) {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-3309fc22.js';
+import { r as registerInstance, h, H as Host } from './index-abb9f744.js';
 
-const ptcNewsCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link{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{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-title>div{margin-bottom:12px !important}:host .news-title h1{margin:0}:host .news-secondary-title{margin:0 0 20px 0;font-size:var(--ptc-font-size-medium);color:var(--color-gray-10)}@media only screen and (min-width: 768px){:host .news-secondary-title{font-size:var(--ptc-font-size-large)}}:host .news-date{margin-bottom:20px;display:inline-block;font-size:var(--ptc-font-size-small)}:host .news-summary{font-size:var(--ptc-font-size-medium);color:var(--color-gray-10);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-normal);margin:0 0 20px 0}: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}}";
+const ptcNewsCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{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{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-title>div{margin-bottom:12px !important}:host .news-title h1{margin:0}:host .news-secondary-title{margin:0 0 20px 0;font-size:var(--ptc-font-size-medium);color:var(--color-gray-10)}@media only screen and (min-width: 768px){:host .news-secondary-title{font-size:var(--ptc-font-size-large)}}:host .news-date{margin-bottom:20px;display:inline-block;font-size:var(--ptc-font-size-small)}:host .news-summary{font-size:var(--ptc-font-size-medium);color:var(--color-gray-10);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-normal);margin:0 0 20px 0}: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}}";
 
 const PtcNews = class {
   constructor(hostRef) {

package/dist/esm/ptc-office-location-card.entry.js

@@ -0,0 +1,59 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-abb9f744.js';
+import { s as showMapSVG } from './show-map-icon-6d9dce32.js';
+
+const phone = `
+<svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.9902 16.6115C15.9672 16.448 15.6893 16.163 15.1565 15.7565C15.0145 15.6335 12.6694 13.5744 12.559 13.4924C12.4485 13.4104 12.3345 13.3585 12.2177 13.3373C12.0513 13.3071 11.822 13.3915 11.5297 13.5904C11.2369 13.7907 10.9611 14.0162 10.7055 14.2646C10.5444 14.4209 10.212 14.705 10.212 14.705L9.84109 14.9888C9.59663 15.1585 9.40545 15.2308 9.26754 15.2056C9.1924 15.1919 8.29273 14.5193 8.27776 14.5077C7.24698 13.648 6.37687 12.7367 5.70389 11.7471C5.03092 10.7576 4.49606 9.60254 4.06403 8.3109C4.05882 8.29161 4.02462 8.20179 3.962 8.04012C3.89938 7.87844 3.75234 7.1916 3.76559 7.11459C3.78959 6.97451 3.91815 6.81662 4.15017 6.64077L4.53583 6.37819C4.72177 6.26033 4.91515 6.14922 5.11598 6.04487C5.42974 5.88223 5.72956 5.6925 6.01221 5.47772C6.29477 5.26306 6.45049 5.06975 6.47938 4.8978C6.49974 4.77807 6.49158 4.64997 6.45453 4.51516C6.41724 4.37965 5.34032 1.4061 5.27662 1.2267C5.17083 0.861105 5.07258 0.585353 4.98186 0.39945C4.91025 0.252936 4.84323 0.162222 4.78081 0.127311C4.75216 0.108083 4.71438 0.0908609 4.66746 0.0756436C4.6208 0.0608755 4.57324 0.0492726 4.52511 0.0409101C4.30025 0.000202494 3.999 -0.0101256 3.62135 0.00992609C3.24371 0.0299777 2.94267 0.0682131 2.71823 0.124632C2.60239 0.151743 2.48103 0.201406 2.35414 0.273619C2.32869 0.28815 2.30301 0.303559 2.27708 0.319847L1.90066 0.607067C1.6583 0.821784 1.3991 1.10462 1.12306 1.45558C1.03738 1.56652 0.956681 1.67822 0.880955 1.79068C0.458524 2.41695 0.189921 3.06519 0.0751441 3.73541C0.0358113 3.9615 0.0116542 4.19011 0.00284494 4.41961C-0.00547723 4.64394 0.00445899 4.90045 0.032653 5.18914C0.0606603 5.47734 0.0862267 5.6921 0.109353 5.83342C0.132479 5.97474 0.177157 6.22857 0.243388 6.59491C0.309805 6.96112 0.348735 7.18468 0.360098 7.26696C0.508457 8.16162 0.725847 8.97588 1.01227 9.70974C1.48239 10.9277 2.18658 12.2265 3.12482 13.6059C3.63237 14.3522 4.14183 15.0243 4.65322 15.6224C5.08653 16.129 5.52131 16.5823 5.95756 16.9824C6.00291 17.0243 6.04877 17.066 6.09516 17.1074C6.63551 17.5885 7.25834 18.0358 7.96364 18.4492C8.0342 18.4883 8.22538 18.6026 8.53719 18.7921C8.84797 18.9813 9.06402 19.1112 9.18536 19.1819C9.30699 19.2533 9.49432 19.3508 9.74783 19.4775C10.0015 19.6029 10.2322 19.7 10.44 19.7686C10.6521 19.8388 10.8687 19.8939 11.0882 19.9334C11.8558 20.0728 12.6689 19.9946 13.5275 19.6989C13.9475 19.5497 14.2978 19.3934 14.5782 19.23L14.9674 18.9624C15.1049 18.8482 15.2114 18.7308 15.2868 18.6102C15.2879 18.6086 15.2889 18.607 15.2899 18.6055C15.4179 18.4077 15.5543 18.1312 15.7011 17.7755C15.8485 17.4169 15.9422 17.1218 15.9822 16.8902C16.0029 16.7695 16.0055 16.677 15.9902 16.6115Z" fill="#40434A"/>
+</svg>
+`;
+
+const showAll = `<svg class="ol-full-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M7.51557e-07 5.8973C7.45775e-07 6.09464 0.0783039 6.2839 0.217689 6.42346C0.357075 6.56302 0.546129 6.64145 0.743274 6.64149H0.758399C0.955544 6.64145 1.1446 6.56302 1.28398 6.42346C1.42337 6.2839 1.50167 6.09464 1.50167 5.8973V2.56619L4.93013 5.99805C5.06957 6.13756 5.25865 6.21592 5.4558 6.21592C5.65295 6.21592 5.84203 6.13756 5.98148 5.99805L5.9921 5.98742C6.13146 5.84784 6.20975 5.65857 6.20975 5.46122C6.20975 5.26388 6.13146 5.07461 5.9921 4.93503L2.56365 1.50316H5.84067C5.93833 1.50323 6.03505 1.48404 6.1253 1.44669C6.21555 1.40933 6.29757 1.35454 6.36666 1.28545C6.43575 1.21636 6.49056 1.13432 6.52797 1.04401C6.56538 0.953708 6.58464 0.856911 6.58467 0.759152V0.744012C6.58462 0.546672 6.50627 0.35743 6.36685 0.217906C6.22743 0.0783817 6.03836 7.46516e-07 5.84121 7.52304e-07H0.54107C0.469983 -0.000117944 0.399571 0.0138101 0.333872 0.0409864C0.268173 0.0681627 0.208479 0.108053 0.158212 0.158369C0.107945 0.208686 0.068095 0.268439 0.0409457 0.334204C0.0137964 0.399968 -0.000117827 0.47045 7.51557e-07 0.541608V5.8973Z"
+    fill="#40434A" />
+  <path
+    d="M9.3584 0.744087V0.759227C9.35845 0.956505 9.43675 1.14569 9.57609 1.28521C9.71543 1.42472 9.90441 1.50314 10.1015 1.50324H13.3785L9.95096 4.9351C9.8116 5.07469 9.73331 5.26395 9.73331 5.4613C9.73331 5.65864 9.8116 5.84791 9.95096 5.9875L9.96159 5.99813C10.101 6.13763 10.2901 6.216 10.4873 6.216C10.6844 6.216 10.8735 6.13763 11.0129 5.99813L14.4409 2.56627V5.89738C14.4409 5.99511 14.4601 6.09188 14.4974 6.18217C14.5348 6.27246 14.5896 6.3545 14.6586 6.4236C14.7276 6.49271 14.8096 6.54752 14.8998 6.58492C14.99 6.62232 15.0867 6.64157 15.1843 6.64157H15.1993C15.2969 6.64157 15.3936 6.62232 15.4838 6.58492C15.574 6.54752 15.6559 6.49271 15.725 6.4236C15.794 6.3545 15.8488 6.27246 15.8861 6.18217C15.9235 6.09188 15.9427 5.99511 15.9427 5.89738V0.541683C15.9427 0.398279 15.8858 0.260748 15.7845 0.159346C15.6832 0.0579437 15.5458 0.000976563 15.4025 0.000976562H10.1015C9.90457 0.00107184 9.71572 0.0793713 9.5764 0.21869C9.43709 0.358009 9.35868 0.546965 9.3584 0.744087Z"
+    fill="#40434A" />
+  <path
+    d="M5.9921 10.0125L5.98148 10.0018C5.84203 9.86234 5.65295 9.78397 5.4558 9.78397C5.25865 9.78397 5.06957 9.86234 4.93013 10.0018L1.50167 13.4337V10.1026C1.50167 9.90525 1.42337 9.71599 1.28398 9.57643C1.1446 9.43687 0.955543 9.35845 0.758398 9.3584H0.743273C0.546128 9.35845 0.357074 9.43687 0.217689 9.57643C0.0783032 9.71599 -5.78131e-09 9.90525 0 10.1026L0 15.4583C-9.86272e-08 15.5294 0.0140016 15.5998 0.0412039 15.6654C0.0684062 15.7311 0.108275 15.7907 0.15853 15.8409C0.208785 15.8912 0.268439 15.931 0.334079 15.9581C0.39972 15.9852 0.470058 15.9991 0.54107 15.999H5.84121C6.03836 15.999 6.22743 15.9206 6.36685 15.7811C6.50627 15.6416 6.58462 15.4523 6.58467 15.255V15.2398C6.58462 15.0425 6.50627 14.8533 6.36685 14.7137C6.22743 14.5742 6.03836 14.4958 5.84121 14.4958H2.56418L5.9921 11.0649C6.13146 10.9253 6.20975 10.736 6.20975 10.5387C6.20975 10.3413 6.13146 10.1521 5.9921 10.0125Z"
+    fill="#40434A" />
+  <path
+    d="M14.4983 13.4337L11.0698 10.0027C10.9304 9.86324 10.7413 9.78487 10.5442 9.78487C10.347 9.78487 10.1579 9.86324 10.0185 10.0027L10.0079 10.0134C9.8685 10.153 9.79021 10.3422 9.79021 10.5396C9.79021 10.7369 9.8685 10.9262 10.0079 11.0658L13.4363 14.4967H10.1593C9.96216 14.4967 9.77311 14.5751 9.63372 14.7146C9.49432 14.8542 9.41602 15.0434 9.41602 15.2407V15.2559C9.41602 15.4532 9.49432 15.6424 9.63372 15.782C9.77311 15.9215 9.96216 15.9999 10.1593 15.9999H15.4589C15.6022 15.9999 15.7395 15.9429 15.8408 15.8415C15.9422 15.7401 15.9991 15.6026 15.9991 15.4592V10.1026C15.9991 9.90525 15.9208 9.71599 15.7814 9.57643C15.642 9.43687 15.4529 9.35845 15.2558 9.3584H15.2407C15.0435 9.35845 14.8545 9.43687 14.7151 9.57643C14.5757 9.71599 14.4974 9.90525 14.4974 10.1026L14.4983 13.4337Z"
+    fill="#40434A" />
+</svg>
+`;
+
+const ptcOfficeLocationCardCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{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{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}:host .ofc-card-wrapper{padding:2rem;border:1px solid var(--color-gray-02);cursor:pointer;color:var(--color-gray-10);height:100%;box-sizing:border-box;border-radius:var(--ptc-border-radius-standard)}:host .ofc-card-wrapper:hover{border-color:var(--color-gray-10)}:host .map-link,:host .contact-number{margin-top:20px;display:flex;align-items:center;color:var(--color-gray-10)}:host .map-link a,:host .contact-number a{color:#2bad56 !important}:host .ofc-icon{margin-right:1rem}:host .show-full-cta{position:absolute;top:12px;right:12px;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-densest);display:flex}:host .show-full-cta span{margin-left:8px}:host .ofc-title{color:var(--color-gray-10);font-size:var(--ptc-font-size-large);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest)}";
+
+const PtcOfficeLocationCard = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.officeCardClicked = createEvent(this, "officeCardClicked", 7);
+    this.region = undefined;
+    this.country = undefined;
+    this.address = undefined;
+    this.isContactEmpty = false;
+    this.officeName = undefined;
+    this.showFullAddressModal = false;
+  }
+  handleClick() {
+    // Emit the addressClicked event with the address as the detail
+    this.officeCardClicked.emit(this.address);
+  }
+  showFullAddress(event) {
+    event.stopPropagation();
+    const modal = this.hostElement.shadowRoot.querySelector('#show-full-add');
+    modal.show = true;
+  }
+  render() {
+    return (h(Host, null, h("div", { class: 'ofc-card-wrapper', onClick: () => this.handleClick() }, this.showFullAddressModal &&
+      h("div", { class: 'show-full-cta', onClick: (e) => { this.showFullAddress(e); } }, "Show Full Address", h("span", { innerHTML: showAll })), h("div", { class: 'ofc-title' }, this.officeName), h("div", { class: 'map-link' }, h("span", { class: "ofc-icon", innerHTML: showMapSVG }), h("slot", { name: "map-link" })), h("div", { class: 'contact-number' }, !this.isContactEmpty &&
+      h("span", { class: "ofc-icon", innerHTML: phone }), h("slot", { name: "contact-number" })), h("slot", null)), this.showFullAddressModal &&
+      h("ptc-modal", { id: "show-full-add", show: false, size: "md", fixed: true, rounded: true, overlay: true, "keep-in-viewport": true, styles: ".modal-body{padding: 0 32px 32px 32px;box-sizing: border-box;}" }, h("div", { class: 'ofc-title' }, this.officeName), h("div", { class: 'map-link' }, h("span", { class: "ofc-icon", innerHTML: showMapSVG }), h("slot", { name: 'map-link-modal' })), h("div", { class: 'contact-number' }, !this.isContactEmpty &&
+        h("span", { class: "ofc-icon", innerHTML: phone }), h("slot", { name: 'contact-number-modal' })))));
+  }
+  get hostElement() { return getElement(this); }
+};
+PtcOfficeLocationCard.style = ptcOfficeLocationCardCss;
+
+export { PtcOfficeLocationCard as ptc_office_location_card };