npm - @ptcwebops/ptcw-design - Versions diffs - 6.5.2-upgrade → 6.5.3-upgrade - Mend

@ptcwebops/ptcw-design 6.5.2-upgrade → 6.5.3-upgrade

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

Files changed (1017) hide show

package/dist/components/{p-RXxAc6JR.js → p-DClUcrE4.js} RENAMED Viewed

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-Xva4X2q7.js';
+import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-pbQYKnK9.js';
 import { c as createFocusTrap } from './p-D00doGut.js';
-import { d as defineCustomElement$2 } from './p-DXyFE3iB.js';
-import { d as defineCustomElement$1 } from './p-DOyYGAMs.js';
+import { d as defineCustomElement$2 } from './p-DV4OkgcS.js';
+import { d as defineCustomElement$1 } from './p-D3bpXdIz.js';
-const ptcModalCss = ":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%)}.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-02)}.wrapper .modal-popup.max .modal-body iframe{height:100%}.wrapper .modal-popup.sm-modal{width:341px;max-width:341px}@media only screen and (max-width: 360px){.wrapper .modal-popup.sm-modal{max-width:100%;width:100%}}@media only screen and (min-width: 360px) and (max-width: 479.55px){.wrapper .modal-popup.sm-modal{max-width:360px;width:360px}}@media only screen and (min-width: 480px){.wrapper .modal-popup.sm-modal.modal-with-content{width:371px;max-width:371px}}@media only screen and (min-width: 360px) and (max-width: 479.55px){.wrapper .modal-popup.sm-modal.modal-with-content{max-width:360px;width:360px}}.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:2px;margin-top:2px}.wrapper .modal-popup.shadow-scroller{max-height:calc(100vh - 220px)}.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:8px;right:8px;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) .modal-body{overflow-y:auto}:host(.bio-modal) .wrapper.show{align-items:flex-start}: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 (max-height: 450px){:host(.bio-modal) .modal-popup .modal-body{height:100%}}@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:8px;top:8px}: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}:host(.video-modal) .modal-popup{margin:auto}@media (max-height: 768px){:host(.video-modal) .modal-popup.xl{max-width:56rem}}@media (max-height: 600px){:host(.video-modal) .modal-popup.xl{max-width:44rem}}@media (max-height: 500px){:host(.video-modal) .modal-popup.xl{max-width:35rem}}@media (max-height: 400px){:host(.video-modal) .modal-popup.xl{max-width:26rem}}:host(.event-listing) .wrapper .modal-popup{max-width:unset;width:calc(100% - 48px);top:50%;left:50%;transform:translate(-50%, -50%) !important;margin:0px;position:absolute}:host(.vh-center) .wrapper .modal-popup{top:50%;left:50%;transform:translate(-50%, -50%) !important;margin:0px auto;position:absolute}:host(.thank-you) .wrapper .modal-popup{max-width:calc(100% - 48px);width:100%}:host(.thank-you) .wrapper .modal-popup .modal-body{padding:2px 24px 48px 24px;box-sizing:border-box}:host .wrapper .event-list-header{display:flex;position:absolute;width:100%;height:118px;left:0;transform:translateY(-100%);border-radius:var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;align-items:center;padding:var(--ptc-element-spacing-06);box-sizing:border-box}:host .wrapper .event-list-header::before{content:\"\";position:absolute;left:0;width:100%;height:100%;border-radius:4px 4px 0px 0px;background:linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);z-index:1}:host .wrapper .event-list-header+.close{margin-top:0px;margin-right:0px;width:40px;height:40px;display:flex;justify-content:center;align-items:center}:host .wrapper .event-list-header .text-wrapper{display:flex;flex-wrap:wrap;-moz-column-gap:0.5em;column-gap:0.5em}:host .wrapper .event-list-header .text-wrapper span{display:inline-block;color:var(--color-white);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-large);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-densest);position:relative;z-index:2}:host .wrapper .event-list-header .text-wrapper span:first-of-type{font-weight:var(--ptc-font-weight-extrabold)}:host .wrapper .event-mobile-modal{border-top-left-radius:0px;border-top-right-radius:0px}:host .wrapper .bottom-close{text-align:center;margin:0 auto 40px auto}:host .wrapper .bottom-close span{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .wrapper .bottom-close span:hover{color:var(--color-blue-08)}";
+const ptcModalCss = ":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%)}.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-02)}.wrapper .modal-popup.max .modal-body iframe{height:100%}.wrapper .modal-popup.sm-modal{width:341px;max-width:341px}@media only screen and (max-width: 360px){.wrapper .modal-popup.sm-modal{max-width:100%;width:100%}}@media only screen and (min-width: 360px) and (max-width: 479.55px){.wrapper .modal-popup.sm-modal{max-width:360px;width:360px}}@media only screen and (min-width: 480px){.wrapper .modal-popup.sm-modal.modal-with-content{width:371px;max-width:371px}}@media only screen and (min-width: 360px) and (max-width: 479.55px){.wrapper .modal-popup.sm-modal.modal-with-content{max-width:360px;width:360px}}.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 .modal-body.modern-scrollbar::-webkit-scrollbar{width:6px}.wrapper .modal-popup .modal-body.modern-scrollbar::-webkit-scrollbar-track{border-radius:var(--ptc-border-radius-pill)}.wrapper .modal-popup .modal-body.modern-scrollbar::-webkit-scrollbar-thumb{background:var(--color-gray-03);border-radius:var(--ptc-border-radius-pill)}.wrapper .modal-popup.frame .modal-body{display:flex;flex:1;height:100%}.wrapper .modal-popup .close{margin-right:2px;margin-top:2px}.wrapper .modal-popup.shadow-scroller{max-height:calc(100vh - 220px)}.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:8px;right:8px;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) .modal-body{overflow-y:auto}:host(.bio-modal) .wrapper.show{align-items:flex-start}: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 (max-height: 450px){:host(.bio-modal) .modal-popup .modal-body{height:100%}}@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:8px;top:8px}: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}:host(.video-modal) .modal-popup{margin:auto}@media (max-height: 768px){:host(.video-modal) .modal-popup.xl{max-width:56rem}}@media (max-height: 600px){:host(.video-modal) .modal-popup.xl{max-width:44rem}}@media (max-height: 500px){:host(.video-modal) .modal-popup.xl{max-width:35rem}}@media (max-height: 400px){:host(.video-modal) .modal-popup.xl{max-width:26rem}}:host(.event-listing) .wrapper .modal-popup{max-width:unset;width:calc(100% - 48px);top:50%;left:50%;transform:translate(-50%, -50%) !important;margin:0px;position:absolute}:host(.vh-center) .wrapper .modal-popup{top:50%;left:50%;transform:translate(-50%, -50%) !important;margin:0px auto;position:absolute}:host(.thank-you) .wrapper .modal-popup{max-width:calc(100% - 48px);width:100%}:host(.thank-you) .wrapper .modal-popup .modal-body{padding:2px 24px 48px 24px;box-sizing:border-box}:host .wrapper .event-list-header{display:flex;position:absolute;width:100%;height:118px;left:0;transform:translateY(-100%);border-radius:var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;align-items:center;padding:var(--ptc-element-spacing-06);box-sizing:border-box}:host .wrapper .event-list-header::before{content:\"\";position:absolute;left:0;width:100%;height:100%;border-radius:4px 4px 0px 0px;background:linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);z-index:1}:host .wrapper .event-list-header+.close{margin-top:0px;margin-right:0px;width:40px;height:40px;display:flex;justify-content:center;align-items:center}:host .wrapper .event-list-header .text-wrapper{display:flex;flex-wrap:wrap;-moz-column-gap:0.5em;column-gap:0.5em}:host .wrapper .event-list-header .text-wrapper span{display:inline-block;color:var(--color-white);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-large);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-densest);position:relative;z-index:2}:host .wrapper .event-list-header .text-wrapper span:first-of-type{font-weight:var(--ptc-font-weight-extrabold)}:host .wrapper .event-mobile-modal{border-top-left-radius:0px;border-top-right-radius:0px}:host .wrapper .bottom-close{text-align:center;margin:0 auto 40px auto}:host .wrapper .bottom-close span{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .wrapper .bottom-close span:hover{color:var(--color-blue-08)}";
 const PtcModal = /*@__PURE__*/ proxyCustomElement(class PtcModal extends H {
     constructor(registerHost) {
@@ -60,6 +60,14 @@ const PtcModal = /*@__PURE__*/ proxyCustomElement(class PtcModal extends H {
      * Sets if popup should have header footer sections
      */
     showHeaderFooter = false;
+    /**
+     * Sets if popup should hide header
+     */
+    hideHeader = false;
+    /**
+     * Use modern scrollbar styling for the modal body.
+     */
+    modernScrollbar = false;
     overlayHeight;
     /**
      * Event for modal popup closed
@@ -295,7 +303,7 @@ const PtcModal = /*@__PURE__*/ proxyCustomElement(class PtcModal extends H {
         let content;
         let overlay;
         let type = this.iframeUrl ? "frame" : "html";
-        let closebtn = (h("div", { key: '81b8e38e0378ead18c46f6d5f6edce479411b529', class: "close", id: "modal-close" }, h("ptc-close-icon", { key: '022229067f0d3f9f442d6edf095cbfaaaab3e318', onClick: (e) => {
+        let closebtn = (h("div", { key: '2fe5826d46d2336460a573a64d17a6bb0c069525', class: "close", id: "modal-close" }, h("ptc-close-icon", { key: '05ee0e583bdc0d2c896d341ff99121fa32536e61', onClick: (e) => {
                 e.preventDefault();
                 this.close();
             }, onKeyPress: (e) => {
@@ -306,7 +314,7 @@ const PtcModal = /*@__PURE__*/ proxyCustomElement(class PtcModal extends H {
                     this.trap.deactivate();
                 }
             } })));
-        let bottomCloseBtnEle = (h("div", { key: '4c0ebd35a47a6d560bf6d2a3d96ba75fbf1a3f05', tabindex: "0", class: "bottom-close", id: "modal-bottom-close", onClick: (e) => {
+        let bottomCloseBtnEle = (h("div", { key: '4bfb66399d0ba1cdca7cd8f84ff98dff54d25573', tabindex: "0", class: "bottom-close", id: "modal-bottom-close", onClick: (e) => {
                 e.preventDefault();
                 this.close();
             }, onKeyPress: (e) => {
@@ -316,27 +324,27 @@ const PtcModal = /*@__PURE__*/ proxyCustomElement(class PtcModal extends H {
                 if (this.trap) {
                     this.trap.deactivate();
                 }
-            } }, h("span", { key: '5ad52812ad110b74eb50419e05f2083f08b6b178' }, this.bottomCloseBtn)));
+            } }, h("span", { key: 'f39b0d51585387b74ba635c773aab8d3ee7bce86' }, this.bottomCloseBtn)));
         if (this.iframeUrl) {
-            content = (h("iframe", { key: 'cea1c036404cd7c2eccd8b62bec9cce0014f53c8', src: this.iframeUrl, frameBorder: 0, allowFullScreen: false, height: "100%", width: "100%", scrolling: "no", onLoad: this.resizeIframe }));
+            content = (h("iframe", { key: '08de42df270b85d1f711885e872864625ac21639', src: this.iframeUrl, frameBorder: 0, allowFullScreen: false, height: "100%", width: "100%", scrolling: "no", onLoad: this.resizeIframe }));
         }
         else {
             if (this.showHeaderFooter) {
-                content = h("slot", { key: '678415400a6c09a907048b4f53f9a063018ed27d', name: "body" });
+                content = h("slot", { key: 'e8207bcf3e3e5b48407085d323ec76351631a15f', name: "body" });
             }
             else {
-                content = h("slot", { key: 'fd45003c71bf3dc6fe2fa41c08ee1bb851a02b46' });
+                content = h("slot", { key: '3b852d2dc3906ed47db1922bed2ad5d425eaaafd' });
             }
         }
         if (this.overlay) {
             if (this.closeOnBlur) {
-                overlay = (h("div", { key: 'b081cb3203066bc73eb575977d9c34c3bad7028e', class: "overlay", onClick: (_) => this.close() }));
+                overlay = (h("div", { key: 'd24337fb3b0b566f6a07059eceb525e5806c2830', class: "overlay", onClick: (_) => this.close() }));
             }
             else {
-                overlay = h("div", { key: 'b7a60618432460defec04fde4363e9c5d423c721', class: "overlay" });
+                overlay = h("div", { key: '14a5e89df1579fe0ff4b2d568cdf388fb6ffe3d6', class: "overlay" });
             }
         }
-        return (h(Host, { key: 'c1a8c3236d7d54a05fdcef957eb506b5d270b9e2', class: this.getCssClassMap() }, this.styles && h("style", { key: '2555ae0c9eb9250dcb543b0ecf58be0a23879bb5' }, this.styles), h("div", { key: '44f930f66bbacffb8b952e23d5704d849a227db7', class: `wrapper ${this.show ? "show" : "hide"} ${this.fixed ? "fixed" : ""} ` }, overlay, h("div", { key: 'ab1601c1e7e1ef553e724b6ad5e6784e9afa2a1e', class: `modal-popup ${this.customClass ? this.customClass : ""} ${this.size} ${type} ${this.rounded ? "rounded" : ""} ${this.showHeaderFooter ? "shadow-scroller" : ""} `, ref: (el) => (this.modalPopUpRef = el) }, this.modalType === "event-listing" && this.headerOnlyBg
+        return (h(Host, { key: '0dc4b256306db321c8b413b069b48cc5a753022d', class: this.getCssClassMap() }, this.styles && h("style", { key: '5e32b5f75febaed14f65a6f1e0ede9ff870bdfc5' }, this.styles), h("div", { key: 'b64190d249b568cd7923ad3ab6c570eae51db476', class: `wrapper ${this.show ? "show" : "hide"} ${this.fixed ? "fixed" : ""} ` }, overlay, h("div", { key: 'ac739c42564f4b05db4ba0f1993d34d5a6260c10', class: `modal-popup ${this.customClass ? this.customClass : ""} ${this.size} ${type} ${this.rounded ? "rounded" : ""} ${this.showHeaderFooter ? "shadow-scroller" : ""} `, ref: (el) => (this.modalPopUpRef = el) }, this.modalType === "event-listing" && this.headerOnlyBg
             ? [
                 h("div", { class: "event-list-header" }, h("ptc-img", { "img-url": this.headerOnlyBg, "image-type": "smart-img", styles: ".ptc-img{border-radius: var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;}" }), h("div", { class: "text-wrapper" }, h("span", null, this.headerOnlyText1
                     ? this.headerOnlyText1
@@ -346,13 +354,18 @@ const PtcModal = /*@__PURE__*/ proxyCustomElement(class PtcModal extends H {
             ]
             : null, this.showHeaderFooter
             ? [
-                h("div", { class: "modal-header" }, h("slot", { name: "header" }), closebtn),
-                h("div", { class: "modal-body", onScroll: () => this.handleScroll() }, content),
+                !this.hideHeader && (h("div", { class: "modal-header" }, h("slot", { name: "header" }), closebtn)),
+                this.hideHeader && closebtn,
+                h("div", { class: `modal-body ${this.modernScrollbar
+                        ? "modern-scrollbar"
+                        : ""}`, onScroll: () => this.handleScroll() }, content),
                 h("div", { class: "modal-footer" }, h("slot", { name: "footer" })),
             ]
             : [
                 closebtn,
-                h("div", { class: "modal-body" }, content),
+                h("div", { class: `modal-body ${this.modernScrollbar
+                        ? "modern-scrollbar"
+                        : ""}` }, content),
             ], this.modalType === "event-listing" &&
             this.bottomCloseBtn
             ? [bottomCloseBtnEle]
@@ -401,6 +414,8 @@ const PtcModal = /*@__PURE__*/ proxyCustomElement(class PtcModal extends H {
         "rounded": [1028],
         "hideContainer": [1028, "hide-container"],
         "showHeaderFooter": [1028, "show-header-footer"],
+        "hideHeader": [1028, "hide-header"],
+        "modernScrollbar": [4, "modern-scrollbar"],
         "borderRadius": [1025, "border-radius"],
         "isBioModal": [1028, "is-bio-modal"],
         "styles": [1],
@@ -447,6 +462,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcModal as P, defineCustomElement as d };
-//# sourceMappingURL=p-RXxAc6JR.js.map
+//# sourceMappingURL=p-DClUcrE4.js.map
-//# sourceMappingURL=p-RXxAc6JR.js.map
+//# sourceMappingURL=p-DClUcrE4.js.map

package/dist/components/p-DClUcrE4.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-DClUcrE4.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-modal/ptc-modal.scss?tag=ptc-modal&encapsulation=shadow","src/components/atoms/ptc-modal/ptc-modal.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n}\r\n\r\n.wrapper {\r\n\tposition: absolute;\r\n\twidth: 100vw;\r\n\theight: 100%;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tz-index: 500001;\r\n\tdisplay: none;\r\n\r\n\t&.fixed {\r\n\t\tposition: fixed;\r\n\t}\r\n\r\n\t.modal-popup {\r\n\t\tmargin: 7.5rem auto 1rem;\r\n\t\tbackground-color: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-large);\r\n\t\tmax-width: 22.5625rem;\r\n\t\twidth: 80%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: flex-end;\r\n\t\talign-content: flex-end;\r\n\t\tz-index: 50020;\r\n\t\ttransform: translateY(-100%);\r\n\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t// @include screen-md {\r\n\t\t// \tmax-width: 29.125rem;\r\n\t\t// }\r\n\r\n\t\t&.md {\r\n\t\t\tmax-width: 44.125rem;\r\n\t\t}\r\n\r\n\t\t&.lg {\r\n\t\t\tmax-width: 56.25rem;\r\n\t\t}\r\n\r\n\t\t&.xl {\r\n\t\t\tmax-width: 64.0625rem;\r\n\t\t}\r\n\r\n\t\t&.max {\r\n\t\t\twidth: Calc(100% - 4rem);\r\n\t\t\tmax-width: 75rem;\r\n\t\t\theight: 80vh;\r\n\t\t\tmargin: auto;\r\n\t\t\toverflow: hidden;\r\n\r\n\t\t\t.close {\r\n\t\t\t\tmargin: var(--ptc-element-spacing-02);\r\n\t\t\t}\r\n\r\n\t\t\t.modal-body {\r\n\t\t\t\tiframe {\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.sm-modal {\r\n\t\t\twidth: 341px;\r\n\t\t\tmax-width: 341px;\r\n\r\n\t\t\t@media only screen and (max-width: 360px) {\r\n\t\t\t\tmax-width: 100%;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\r\n\t\t\t@media only screen and (min-width: 360px) and (max-width: 479.55px) {\r\n\t\t\t\tmax-width: 360px;\r\n\t\t\t\twidth: 360px;\r\n\t\t\t}\r\n\r\n\t\t\t// @media only screen and (min-width: 480px) and (max-width: 767.55px) {\r\n\t\t\t// max-width: 433px;\r\n\t\t\t// width: 433px;\r\n\t\t\t// }\r\n\r\n\t\t\t// @media only screen and (min-width: 768px) and (max-width: 991.55px) {\r\n\t\t\t// max-width: 620px;\r\n\t\t\t// width: 620px;\r\n\t\t\t// }\r\n\r\n\t\t\t&.modal-with-content {\r\n\t\t\t\t@media only screen and (min-width: 480px) {\r\n\t\t\t\t\twidth: 371px;\r\n\t\t\t\t\tmax-width: 371px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@media only screen and (min-width: 360px) and (max-width: 479.55px) {\r\n\t\t\t\t\tmax-width: 360px;\r\n\t\t\t\t\twidth: 360px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.modal-body {\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\tiframe {\r\n\t\t\t\topacity: 0;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tborder: 0;\r\n\t\t\t\ttransition: opacity var(--ptc-ease-inout)\r\n\t\t\t\t\tvar(--ptc-transition-medium);\r\n\r\n\t\t\t\t&.ready {\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.frame {\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\toverflow-y: hidden;\r\n\t\t\t\toverflow-x: hidden;\r\n\t\t\t}\r\n\r\n\t\t\t&.html {\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.modal-body.modern-scrollbar {\r\n\t\t\t&::-webkit-scrollbar {\r\n\t\t\t\twidth: 6px;\r\n\t\t\t}\r\n\r\n\t\t\t&::-webkit-scrollbar-track {\r\n\t\t\t\tborder-radius: var(--ptc-border-radius-pill);\r\n\t\t\t}\r\n\r\n\t\t\t&::-webkit-scrollbar-thumb {\r\n\t\t\t\t//box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);\r\n\t\t\t\tbackground: var(--color-gray-03);\r\n\t\t\t\tborder-radius: var(--ptc-border-radius-pill);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.frame {\r\n\t\t\t.modal-body {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex: 1;\r\n\t\t\t\theight: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.close {\r\n\t\t\tmargin-right: 2px;\r\n\t\t\tmargin-top: 2px;\r\n\t\t}\r\n\r\n\t\t&.shadow-scroller {\r\n\t\t\tmax-height: calc(100vh - 220px);\r\n\r\n\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t// @include screen-md {\r\n\t\t\t// \tmax-height: 756px;\r\n\t\t\t// }\r\n\r\n\t\t\t.modal-header {\r\n\t\t\t\ttransition: box-shadow ease-in-out 250ms;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tmin-height: 57px;\r\n\t\t\t\tborder-bottom: 1px solid var(--color-gray-02);\r\n\t\t\t\twidth: 100%;\r\n\r\n\t\t\t\t.close {\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 8px;\r\n\t\t\t\t\tright: 8px;\r\n\t\t\t\t\tmargin: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.modal-body {\r\n\t\t\t\tmin-height: 200px;\r\n\t\t\t\toverflow-x: hidden;\r\n\t\t\t}\r\n\r\n\t\t\t.modal-footer {\r\n\t\t\t\ttransition: box-shadow ease-in-out 250ms;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmin-height: 60px;\r\n\t\t\t\tborder-top: 1px solid var(--color-gray-02);\r\n\t\t\t\tpadding-top: 1rem;\r\n\t\t\t}\r\n\r\n\t\t\t&.scroll-top {\r\n\t\t\t\t.modal-header {\r\n\t\t\t\t\tbox-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.scroll-bottom {\r\n\t\t\t\t.modal-footer {\r\n\t\t\t\t\tbox-shadow: 0px -8px 12px rgba(0, 0, 0, 0.12);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.show {\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\r\n\t\t.modal-popup {\r\n\t\t\ttransform: translateY(0);\r\n\r\n\t\t\t&.rounded {\r\n\t\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.overlay {\r\n\twidth: 100vw;\r\n\theight: 100vh;\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tz-index: 50010;\r\n\tdisplay: block;\r\n\tbackground-color: rgba(0, 0, 0, 0.6);\r\n}\r\n\r\n:host(.standard) {\r\n\t.modal-popup {\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t}\r\n}\r\n\r\n:host(.large) {\r\n\t.modal-popup {\r\n\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t}\r\n}\r\n\r\n:host(.pill) {\r\n\t.modal-popup {\r\n\t\tborder-radius: var(--ptc-border-radius-pill);\r\n\t}\r\n}\r\n\r\n:host(.circle) {\r\n\t.modal-popup {\r\n\t\tborder-radius: var(--ptc-border-radius-circle);\r\n\t}\r\n}\r\n\r\n:host(.enclose-modal) {\r\n\t.modal-popup {\r\n\t\tmax-height: calc(100vh - 180px);\r\n\r\n\t\t&:not(.frame) .modal-body {\r\n\t\t\toverflow-y: auto;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.bio-modal) {\r\n\t.wrapper.show {\r\n\t\talign-items: flex-start;\r\n\r\n\t\t// @include screen-sm {\r\n\t\t// \talign-items: center;\r\n\t\t// }\r\n\t}\r\n\r\n\t.modal-popup {\r\n\t\tpadding: 30px 15px 30px 0;\r\n\t\tmax-width: 1200px;\r\n\t\tmargin: 20px auto 0 auto;\r\n\t\tmax-height: calc(100vh - 180px);\r\n\t\twidth: 90%;\r\n\t\theight: 100%;\r\n\r\n\t\t.modal-body {\r\n\t\t\theight: 100%;\r\n\r\n\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t// @include screen-sm {\r\n\t\t\t// \theight: auto;\r\n\t\t\t// }\r\n\r\n\t\t\t@media (max-height: 450px) {\r\n\t\t\t\theight: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t// @include screen-sm {\r\n\t\t// \tmax-height: none;\r\n\t\t// \twidth: 80%;\r\n\t\t// \tmargin-top: 0px;\r\n\t\t// \theight: auto;\r\n\t\t// }\r\n\r\n\t\t// @include screen-xl {\r\n\t\t// \tmax-width: 1400px;\r\n\t\t// }\r\n\r\n\t\t@media (max-height: 450px) {\r\n\t\t\tmax-height: calc(100vh - 180px);\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\t}\r\n\r\n\t.close {\r\n\t\tposition: absolute;\r\n\t\tmargin: 0;\r\n\t\tright: 8px;\r\n\t\ttop: 8px;\r\n\r\n\t\tsvg {\r\n\t\t\t.cls-1,\r\n\t\t\t.cls-2 {\r\n\t\t\t\tfill: none;\r\n\t\t\t\tstroke-width: 2px;\r\n\t\t\t}\r\n\r\n\t\t\t.cls-1 {\r\n\t\t\t\tstroke: #1c2439;\r\n\t\t\t\tstroke-linecap: square;\r\n\t\t\t}\r\n\r\n\t\t\t.cls-2 {\r\n\t\t\t\tstroke: #74c34d;\r\n\t\t\t}\r\n\r\n\t\t\tpath {\r\n\t\t\t\ttransition: all ease-in-out 250ms;\r\n\t\t\t}\r\n\r\n\t\t\t.cls-1 {\r\n\t\t\t\t&:nth-child(1) {\r\n\t\t\t\t\ttransform: translate(175.5px, 135.5px);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:nth-child(2) {\r\n\t\t\t\t\ttransform: translate(175.5px, 174.985px);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:nth-child(3) {\r\n\t\t\t\t\ttransform: translate(215.5px, 141.393px);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:nth-child(4) {\r\n\t\t\t\t\ttransform: translate(175.5px, 135.5px);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tsvg {\r\n\t\t\t\t.cls-1 {\r\n\t\t\t\t\t&:nth-child(1) {\r\n\t\t\t\t\t\ttransform: translate(175.5px, 162px);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:nth-child(2) {\r\n\t\t\t\t\t\ttransform: translate(149px, 174.985px);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:nth-child(3) {\r\n\t\t\t\t\t\ttransform: translate(215.5px, 174px);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:nth-child(4) {\r\n\t\t\t\t\t\ttransform: translate(152.5px, 135.5px);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.no-container) {\r\n\t.wrapper .modal-popup.xl {\r\n\t\tmax-width: 80rem !important;\r\n\t\tbackground: transparent;\r\n\t\tbox-shadow: none;\r\n\t}\r\n\r\n\t.wrapper .modal-popup .close {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n:host(.video-modal) {\r\n\t.modal-popup {\r\n\t\tmargin: auto;\r\n\r\n\t\t&.xl {\r\n\t\t\t@media (max-height: 768px) {\r\n\t\t\t\tmax-width: 56rem;\r\n\t\t\t}\r\n\r\n\t\t\t@media (max-height: 600px) {\r\n\t\t\t\tmax-width: 44rem;\r\n\t\t\t}\r\n\r\n\t\t\t@media (max-height: 500px) {\r\n\t\t\t\tmax-width: 35rem;\r\n\t\t\t}\r\n\r\n\t\t\t@media (max-height: 400px) {\r\n\t\t\t\tmax-width: 26rem;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.event-listing) {\r\n\t.wrapper {\r\n\t\t.modal-popup {\r\n\t\t\tmax-width: unset;\r\n\t\t\twidth: calc(100% - 48px);\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%) !important;\r\n\t\t\tmargin: 0px;\r\n\t\t\tposition: absolute;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.vh-center) {\r\n\t.wrapper {\r\n\t\t.modal-popup {\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%) !important;\r\n\t\t\tmargin: 0px auto;\r\n\t\t\tposition: absolute;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.thank-you) {\r\n\t.wrapper {\r\n\t\t.modal-popup {\r\n\t\t\tmax-width: calc(100% - 48px);\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t// @include screen-xs {\r\n\t\t\t// \tmax-width: 640px;\r\n\t\t\t// \twidth: 80%;\r\n\t\t\t// }\r\n\r\n\t\t\t.modal-body {\r\n\t\t\t\tpadding: 2px 24px 48px 24px;\r\n\t\t\t\tbox-sizing: border-box;\r\n\r\n\t\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t\t// @include screen-md {\r\n\t\t\t\t// \tpadding: 2px 48px 48px 48px;\r\n\t\t\t\t// }\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host {\r\n\t.wrapper {\r\n\t\t.event-list-header {\r\n\t\t\tdisplay: flex;\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 118px;\r\n\t\t\tleft: 0;\r\n\t\t\ttransform: translateY(-100%);\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard)\r\n\t\t\t\tvar(--ptc-border-radius-standard) 0px 0px;\r\n\t\t\talign-items: center;\r\n\t\t\tpadding: var(--ptc-element-spacing-06);\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tborder-radius: 4px 4px 0px 0px;\r\n\t\t\t\tbackground: linear-gradient(\r\n\t\t\t\t\t0deg,\r\n\t\t\t\t\trgba(0, 0, 0, 0.7) 0%,\r\n\t\t\t\t\trgba(0, 0, 0, 0.7) 100%\r\n\t\t\t\t);\r\n\t\t\t\tz-index: 1;\r\n\t\t\t}\r\n\r\n\t\t\t& + .close {\r\n\t\t\t\tmargin-top: 0px;\r\n\t\t\t\tmargin-right: 0px;\r\n\t\t\t\twidth: 40px;\r\n\t\t\t\theight: 40px;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\talign-items: center;\r\n\t\t\t}\r\n\r\n\t\t\t.text-wrapper {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\tcolumn-gap: 0.5em;\r\n\r\n\t\t\t\tspan {\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\tcolor: var(--color-white);\r\n\t\t\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t\t\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tz-index: 2;\r\n\r\n\t\t\t\t\t&:first-of-type {\r\n\t\t\t\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.event-mobile-modal {\r\n\t\t\tborder-top-left-radius: 0px;\r\n\t\t\tborder-top-right-radius: 0px;\r\n\t\t}\r\n\r\n\t\t.bottom-close {\r\n\t\t\ttext-align: center;\r\n\t\t\tmargin: 0 auto 40px auto;\r\n\r\n\t\t\tspan {\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\tcolor: var(--color-hyperlink);\r\n\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\t\ttext-decoration-line: underline;\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: var(--color-blue-08);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t// &:focus-visible {\r\n\t\t\t// \t@include base-focus-state;\r\n\t\t\t// }\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tElement,\r\n\tHost,\r\n\tProp,\r\n\tState,\r\n\th,\r\n\tEvent,\r\n\tMethod,\r\n\tEventEmitter,\r\n\tWatch,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\nimport { createFocusTrap } from \"focus-trap\";\r\n\r\n@Component({\r\n\ttag: \"ptc-modal\",\r\n\tstyleUrl: \"ptc-modal.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcModal {\r\n\t/**\r\n\t * Modal Element\r\n\t */\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/**\r\n\t * Set url for content iframe to load if false will load slot element\r\n\t */\r\n\t@Prop({ mutable: true }) iframeUrl: string;\r\n\r\n\t/**\r\n\t * Sets if popup should close if click on outside\r\n\t */\r\n\t@Prop({ mutable: true }) size?:\r\n\t\t| \"sm\"\r\n\t\t| \"md\"\r\n\t\t| \"lg\"\r\n\t\t| \"xl\"\r\n\t\t| \"max\"\r\n\t\t| \"sm-modal\" = \"sm\";\r\n\t/**\r\n\t * This is to add css class to Modal Form with Content\r\n\t */\r\n\t@Prop({ mutable: true }) customClass?: \"\";\r\n\r\n\t/**\r\n\t * Set whether or not to display modal\r\n\t */\r\n\t@Prop({ mutable: true }) show?: boolean = false;\r\n\r\n\t/**\r\n\t * Sets if popup should overlay\r\n\t */\r\n\t@Prop({ mutable: true }) overlay?: boolean = true;\r\n\r\n\t/**\r\n\t * Sets if popup should overlay\r\n\t */\r\n\t@Prop({ mutable: true }) fixed?: boolean = false;\r\n\r\n\t/**\r\n\t * Sets if popup should overlay\r\n\t */\r\n\t@Prop({ mutable: true }) keepInViewport?: boolean = false;\r\n\r\n\t/**\r\n\t * Sets if popup should close if click on outside\r\n\t */\r\n\t@Prop({ mutable: true }) closeOnBlur?: boolean = false;\r\n\r\n\t/**\r\n\t * Sets if popup should have rounded corners\r\n\t */\r\n\t@Prop({ mutable: true }) rounded?: boolean = false;\r\n\r\n\t/**\r\n\t * Sets if popup should have rounded corners\r\n\t */\r\n\t@Prop({ mutable: true }) hideContainer?: boolean = false;\r\n\r\n\t/**\r\n\t * Sets if popup should have header footer sections\r\n\t */\r\n\t@Prop({ mutable: true }) showHeaderFooter?: boolean = false;\r\n\r\n\t/**\r\n\t * Sets if popup should hide header\r\n\t */\r\n\t@Prop({ mutable: true }) hideHeader?: boolean = false;\r\n\r\n\t/**\r\n\t * Use modern scrollbar styling for the modal body.\r\n\t */\r\n\t@Prop() modernScrollbar?: boolean = false;\r\n\r\n\t@State() overlayHeight: number;\r\n\r\n\t/**\r\n\t * Event for modal popup closed\r\n\t */\r\n\t@Event() closed: EventEmitter<PtcModal>;\r\n\r\n\t/**\r\n\t * Event for modal popup opened\r\n\t */\r\n\t@Event() opened: EventEmitter<PtcModal>;\r\n\r\n\t/**\r\n\t * Add the border radius Options: standard | large | pill | circle\r\n\t */\r\n\t@Prop({ mutable: true }) borderRadius?:\r\n\t\t| \"standard\"\r\n\t\t| \"large\"\r\n\t\t| \"pill\"\r\n\t\t| \"circle\" = \"standard\";\r\n\r\n\t/**\r\n\t * Sets if popup is nio modal\r\n\t */\r\n\t@Prop({ mutable: true }) isBioModal?: boolean = false;\r\n\r\n\t/**\r\n\t * (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\r\n\t@Prop() modalType:\r\n\t\t| \"video-modal\"\r\n\t\t| \"default-modal\"\r\n\t\t| \"event-listing\"\r\n\t\t| \"thank-you\" = \"default-modal\";\r\n\r\n\t@Prop() vhCenter?: boolean = false;\r\n\r\n\t@Prop() headerOnlyBg?: string;\r\n\r\n\t@Prop() headerOnlyText1?: string;\r\n\t@Prop() headerOnlyText2?: string;\r\n\t@Prop() bottomCloseBtn?: string;\r\n\t@State() openedByKeyboard: boolean = false;\r\n\t@Prop({ mutable: true }) focusBackElement: any;\r\n\r\n\t@Watch(\"show\")\r\n\tonShowChange(newValue: boolean) {\r\n\t\tif (newValue) {\r\n\t\t\tthis.lastFocusElement = document.activeElement as HTMLElement;\r\n\t\t\tthis.fireOnOpened(this);\r\n\t\t} else {\r\n\t\t\tthis.fireOnClosed(this);\r\n\t\t}\r\n\t}\r\n\r\n\ttrap: any; // Focus trap instance;\r\n\tmodalPopUpRef?: HTMLDivElement;\r\n\tlastFocusElement: HTMLElement;\r\n\tsetReturnFocus: any = () => {\r\n\t\tif (!this.lastFocusElement) return;\r\n\t\t// Try focusing the last focused element directly\r\n\t\tif (this.lastFocusElement.tabIndex === 0) {\r\n\t\t\tthis.lastFocusElement.focus();\r\n\t\t\treturn;\r\n\t\t}\r\n\t\t// If it's inside a shadow DOM, try finding a focusable child\r\n\t\tconst shadowRoot = (this.lastFocusElement as HTMLElement).shadowRoot;\r\n\t\tif (shadowRoot) {\r\n\t\t\tconst focusableElementList = shadowRoot.querySelectorAll(\r\n\t\t\t\t'button, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t);\r\n\t\t\tif (focusableElementList) {\r\n\t\t\t\tlet focusableElement = focusableElementList[\r\n\t\t\t\t\tfocusableElementList.length - 1\r\n\t\t\t\t] as HTMLElement;\r\n\t\t\t\tfocusableElement.focus();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t}\r\n\t\t// As a fallback, try to find a focusable child within the element\r\n\t\tconst fallbackElement = this.lastFocusElement.querySelector?.(\r\n\t\t\t'button, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t);\r\n\t\tif (fallbackElement instanceof HTMLElement) {\r\n\t\t\tfallbackElement.focus();\r\n\t\t}\r\n\t};\r\n\r\n\tfireOnClosed(modal: PtcModal) {\r\n\t\tthis.closed.emit(modal);\r\n\t\t(document.activeElement as HTMLElement).blur();\r\n\t}\r\n\r\n\tfireOnOpened(modal: PtcModal) {\r\n\t\tthis.opened.emit(modal);\r\n\t\tsetTimeout(() => {\r\n\t\t\tconst wrapperEle = this.el.shadowRoot.querySelector(\r\n\t\t\t\t\".wrapper\",\r\n\t\t\t) as HTMLElement;\r\n\t\t\twrapperEle && wrapperEle.focus();\r\n\t\t\tthis.scrollToTopIfNeeded();\r\n\t\t}, 100);\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.trap = createFocusTrap(this.modalPopUpRef, {\r\n\t\t\t\tescapeDeactivates: true,\r\n\t\t\t\tclickOutsideDeactivates: true,\r\n\t\t\t\treturnFocusOnDeactivate: true,\r\n\t\t\t\tonActivate: () => {\r\n\t\t\t\t\tif (!this.openedByKeyboard) {\r\n\t\t\t\t\t\tthis.trap.pause(); // If opened by mouse, prevent immediate focus trapping\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\tonDeactivate: () => {\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t},\r\n\t\t\t\ttabbableOptions: {\r\n\t\t\t\t\tgetShadowRoot: true,\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\t\tif (this.openedByKeyboard) {\r\n\t\t\t\tthis.trap.activate();\r\n\t\t\t}\r\n\t\t}, 200);\r\n\t}\r\n\r\n\t@State() bodyOverflowSetting: any;\r\n\r\n\tscrollToTopIfNeeded() {\r\n\t\tif (this.el && this.modalType === \"event-listing\") {\r\n\t\t\tconst modalRect = this.el.shadowRoot\r\n\t\t\t\t.querySelector(\".modal-body\")\r\n\t\t\t\t.getBoundingClientRect();\r\n\t\t\tconst modalTopPosition = modalRect.top + window.scrollY;\r\n\t\t\tconst offset = 160; // Adjust the offset if necessary to account for fixed headers, etc.\r\n\t\t\twindow.scrollTo({\r\n\t\t\t\ttop: modalTopPosition - offset,\r\n\t\t\t\tbehavior: \"smooth\",\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tdocument.addEventListener(\"keydown\", this.handleKeyPress, true);\r\n\t\tdocument.addEventListener(\"mousedown\", this.handleMouseDown, true);\r\n\t}\r\n\tdisconnectedCallback() {\r\n\t\tdocument.removeEventListener(\"keydown\", this.handleKeyPress, true);\r\n\t\tdocument.removeEventListener(\"mousedown\", this.handleMouseDown, true);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tlet body = document.querySelector(\"body\");\r\n\t\tthis.bodyOverflowSetting = {\r\n\t\t\t//overflow: body.style['overflow'],\r\n\t\t\toverflowY: body.style[\"overflowY\"],\r\n\t\t\toverflowX: body.style[\"overflowX\"],\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentWillRender() {\r\n\t\tlet body = document.querySelector(\"body\");\r\n\t\tif (body) {\r\n\t\t\tif (this.show) {\r\n\t\t\t\t//body.style['overflow'] = 'hidden';\r\n\t\t\t\tif (this.fixed) {\r\n\t\t\t\t\tbody.style[\"overflowY\"] = \"hidden\";\r\n\t\t\t\t\tbody.style[\"overflowX\"] = \"hidden\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\tbody.style[\"overflowY\"] = \"scroll\";\r\n\t\t\t\t\tbody.style[\"overflowX\"] = \"hidden\";\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\t//body.style['overflow'] = this.bodyOverflowSetting.overflow;\r\n\t\t\t\tbody.style[\"overflowY\"] = this.bodyOverflowSetting.overflowY;\r\n\t\t\t\tbody.style[\"overflowX\"] = this.bodyOverflowSetting.overflowX;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tif (this.show) {\r\n\t\t\tthis.lastFocusElement = document.activeElement as HTMLElement;\r\n\t\t\tthis.fireOnOpened(this);\r\n\t\t}\r\n\t\tif (this.showHeaderFooter) {\r\n\t\t\tthis.handleScroll();\r\n\t\t}\r\n\t}\r\n\r\n\thandleKeyPress = (event: KeyboardEvent) => {\r\n\t\tif (event.key === \"Enter\" || event.key === \" \" || event.key === \"Tab\") {\r\n\t\t\tthis.openedByKeyboard = true;\r\n\t\t}\r\n\t};\r\n\r\n\thandleMouseDown = () => {\r\n\t\tthis.openedByKeyboard = false;\r\n\t};\r\n\r\n\tresizeIframe(e: Event) {\r\n\t\tlet iFrame = e.target as HTMLIFrameElement;\r\n\t\tsetTimeout(() => {\r\n\t\t\ttry {\r\n\t\t\t\tif (iFrame.contentDocument) {\r\n\t\t\t\t\tiFrame.height = `${iFrame.contentDocument.body.scrollHeight}px`;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tiFrame.height = \"616px\"; //default\r\n\t\t\t\t\tiFrame.removeAttribute(\"scrolling\");\r\n\t\t\t\t}\r\n\t\t\t} catch (error) {\r\n\t\t\t\tconsole.log(error);\r\n\t\t\t\tiFrame.height = \"616px\"; //default\r\n\t\t\t\tiFrame.removeAttribute(\"scrolling\");\r\n\t\t\t}\r\n\t\t\tiFrame.classList.add(\"ready\");\r\n\t\t}, 50);\r\n\t}\r\n\r\n\thandleScroll() {\r\n\t\tlet modal = this.el.shadowRoot.querySelector(\".shadow-scroller\");\r\n\r\n\t\tif (modal) {\r\n\t\t\tlet body = modal.querySelector<HTMLElement>(\".modal-body\");\r\n\t\t\tvar height = body.clientHeight;\r\n\t\t\tvar scrollHeight = body.scrollHeight;\r\n\t\t\tvar scrollTop = body.scrollTop;\r\n\t\t\tvar offset = body.offsetHeight;\r\n\r\n\t\t\tif (height < scrollHeight) {\r\n\t\t\t\t//has scrollbar\r\n\t\t\t\tif (scrollTop > 0) {\r\n\t\t\t\t\t//can scroll up\r\n\t\t\t\t\tmodal.classList.add(\"scroll-top\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tmodal.classList.remove(\"scroll-top\");\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (offset + scrollTop < scrollHeight) {\r\n\t\t\t\t\t//can scroll down\r\n\t\t\t\t\tmodal.classList.add(\"scroll-bottom\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tmodal.classList.remove(\"scroll-bottom\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tclose() {\r\n\t\tthis.show = false;\r\n\t\tsetTimeout(() => {\r\n\t\t\tif (this.focusBackElement) {\r\n\t\t\t\tthis.focusBackElement?.focus();\r\n\t\t\t\tif (this.focusBackElement.tagName === \"PTC-BUTTON\") {\r\n\t\t\t\t\tthis.focusBackElement.shadowRoot\r\n\t\t\t\t\t\t.querySelector(\"button\")\r\n\t\t\t\t\t\t?.focus();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, 100);\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet content;\r\n\t\tlet overlay;\r\n\t\tlet type = this.iframeUrl ? \"frame\" : \"html\";\r\n\t\tlet closebtn = (\r\n\t\t\t<div class=\"close\" id=\"modal-close\">\r\n\t\t\t\t<ptc-close-icon\r\n\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tthis.close();\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tonKeyPress={(e) => {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tthis.close();\r\n\t\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t\t\tif (this.trap) {\r\n\t\t\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t></ptc-close-icon>\r\n\t\t\t</div>\r\n\t\t);\r\n\t\tlet bottomCloseBtnEle = (\r\n\t\t\t<div\r\n\t\t\t\ttabindex=\"0\"\r\n\t\t\t\tclass=\"bottom-close\"\r\n\t\t\t\tid=\"modal-bottom-close\"\r\n\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t}}\r\n\t\t\t\tonKeyPress={(e) => {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t\tif (this.trap) {\r\n\t\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\t}\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<span>{this.bottomCloseBtn}</span>\r\n\t\t\t</div>\r\n\t\t);\r\n\r\n\t\tif (this.iframeUrl) {\r\n\t\t\tcontent = (\r\n\t\t\t\t<iframe\r\n\t\t\t\t\tsrc={this.iframeUrl}\r\n\t\t\t\t\tframeBorder={0}\r\n\t\t\t\t\tallowFullScreen={false}\r\n\t\t\t\t\theight={\"100%\"}\r\n\t\t\t\t\twidth={\"100%\"}\r\n\t\t\t\t\tscrolling=\"no\"\r\n\t\t\t\t\tonLoad={this.resizeIframe}\r\n\t\t\t\t></iframe>\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\tif (this.showHeaderFooter) {\r\n\t\t\t\tcontent = <slot name=\"body\"></slot>;\r\n\t\t\t} else {\r\n\t\t\t\tcontent = <slot></slot>;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (this.overlay) {\r\n\t\t\tif (this.closeOnBlur) {\r\n\t\t\t\toverlay = (\r\n\t\t\t\t\t<div class=\"overlay\" onClick={(_) => this.close()}></div>\r\n\t\t\t\t);\r\n\t\t\t} else {\r\n\t\t\t\toverlay = <div class=\"overlay\"></div>;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.getCssClassMap()}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={`wrapper ${this.show ? \"show\" : \"hide\"} ${this.fixed ? \"fixed\" : \"\"} `}\r\n\t\t\t\t>\r\n\t\t\t\t\t{overlay}\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={`modal-popup ${this.customClass ? this.customClass : \"\"} ${this.size} ${type} ${this.rounded ? \"rounded\" : \"\"} ${\r\n\t\t\t\t\t\t\tthis.showHeaderFooter ? \"shadow-scroller\" : \"\"\r\n\t\t\t\t\t\t} `}\r\n\t\t\t\t\t\tref={(el) =>\r\n\t\t\t\t\t\t\t(this.modalPopUpRef = el as HTMLDivElement)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.modalType === \"event-listing\" && this.headerOnlyBg\r\n\t\t\t\t\t\t\t? [\r\n\t\t\t\t\t\t\t\t\t<div class=\"event-list-header\">\r\n\t\t\t\t\t\t\t\t\t\t<ptc-img\r\n\t\t\t\t\t\t\t\t\t\t\timg-url={this.headerOnlyBg}\r\n\t\t\t\t\t\t\t\t\t\t\timage-type=\"smart-img\"\r\n\t\t\t\t\t\t\t\t\t\t\tstyles=\".ptc-img{border-radius: var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;}\"\r\n\t\t\t\t\t\t\t\t\t\t></ptc-img>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"text-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.headerOnlyText1\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this.headerOnlyText1\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"\"}\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.headerOnlyText2\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this.headerOnlyText2\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"\"}\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t]\r\n\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t\t{this.showHeaderFooter\r\n\t\t\t\t\t\t\t? [\r\n\t\t\t\t\t\t\t\t\t!this.hideHeader && (\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"modal-header\">\r\n\t\t\t\t\t\t\t\t\t\t\t<slot name=\"header\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t\t{closebtn}\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\tthis.hideHeader && closebtn,\r\n\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\tclass={`modal-body ${\r\n\t\t\t\t\t\t\t\t\t\t\tthis.modernScrollbar\r\n\t\t\t\t\t\t\t\t\t\t\t\t? \"modern-scrollbar\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t: \"\"\r\n\t\t\t\t\t\t\t\t\t\t}`}\r\n\t\t\t\t\t\t\t\t\t\tonScroll={() => this.handleScroll()}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{content}\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t\t<div class=\"modal-footer\">\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"footer\"></slot>\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t]\r\n\t\t\t\t\t\t\t: [\r\n\t\t\t\t\t\t\t\t\tclosebtn,\r\n\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\tclass={`modal-body ${\r\n\t\t\t\t\t\t\t\t\t\t\tthis.modernScrollbar\r\n\t\t\t\t\t\t\t\t\t\t\t\t? \"modern-scrollbar\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t: \"\"\r\n\t\t\t\t\t\t\t\t\t\t}`}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{content}\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t{this.modalType === \"event-listing\" &&\r\n\t\t\t\t\t\tthis.bottomCloseBtn\r\n\t\t\t\t\t\t\t? [bottomCloseBtnEle]\r\n\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"no-container\"]: this.hideContainer,\r\n\t\t\t[\"bio-modal\"]: this.isBioModal,\r\n\t\t\t[\"enclose-modal\"]: !this.isBioModal && this.keepInViewport,\r\n\t\t\t[this.borderRadius]: true,\r\n\t\t\t[this.modalType]: true,\r\n\t\t\t[\"vh-center\"]: this.vhCenter,\r\n\t\t};\r\n\t}\r\n\r\n\t@Method()\r\n\tasync showModal() {\r\n\t\tthis.show = true;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync hideModal() {\r\n\t\tthis.show = false;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync toggleModal() {\r\n\t\tthis.show = !this.show;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync reloadIframe() {\r\n\t\tif (this.iframeUrl) {\r\n\t\t\tlet iframe = this.el.shadowRoot.querySelector(\"iframe\");\r\n\t\t\tif (iframe) {\r\n\t\t\t\tiframe.src = iframe.src;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}"],"version":3}

package/dist/components/{p-BTIxGOkl.js → p-DGb1bK-E.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-Xva4X2q7.js';
-import { C as CheckDarkFocusState, b as getSeoTagType } from './p-D8mHT2Sh.js';
+import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-pbQYKnK9.js';
+import { C as CheckDarkFocusState, g as getSeoTagType } from './p-DgwzgPHL.js';
 const ptcButtonCss = "button.disabled{pointer-events:none;opacity:0.6}button{background-color:var(--color-gray-10);display:inline-block;border-style:solid;border-width:1px;white-space:normal;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:pointer;padding:9.4px 17.5px;border-radius:var(--ptc-border-radius-standard)}button.reveal-down .content{transition:opacity var(--ptc-transition-medium) var(--ptc-ease-out);opacity:0;font-size:var(--ptc-font-size-xx-small)}button.reveal-down .icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;align-content:center;height:16px}button.reveal-down .icon-wrapper .icon{transition:top var(--ptc-transition-fast) var(--ptc-ease-out);position:absolute;display:inline-block;top:-12px}button:hover.reveal-down .content{opacity:1}button:hover.reveal-down .icon-wrapper .icon{top:4px}button.animation-right ::slotted([slot=slot-after-text]),button.animation-right ::slotted([slot=slot-before-text]),button.animation-down ::slotted([slot=slot-after-text]),button.animation-down ::slotted([slot=slot-before-text]){transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);position:relative;display:inline-block}button:hover.animation-right ::slotted([slot=slot-after-text]),button:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}button:hover.animation-down ::slotted([slot=slot-after-text]),button:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}button span{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:bold;line-height:var(--ptc-line-height-densest)}button.left{text-align:left}button.right{text-align:right}button.center{text-align:center}.icon-left ::slotted([slot=slot-before-text]){margin-right:var(--ptc-element-spacing-01)}.icon-right ::slotted([slot=slot-after-text]){margin-left:var(--ptc-element-spacing-01)}.blackgrey:hover{box-shadow:var(--ptc-shadow-x-large)}.blackgrey{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-10);background-image:linear-gradient(285deg, var(--color-gray-10) 155%, var(--color-gray-07) 62%)}.blackgrey span{color:var(--color-white)}.turtlegreen:hover{box-shadow:var(--ptc-shadow-x-large)}.turtlegreen{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-green-07);background-image:linear-gradient(285deg, var(--color-green-07) 155%, var(--color-green-07) 62%)}.turtlegreen span{color:var(--color-white)}.offwhite{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-10);background-image:linear-gradient(to right, var(--color-white), var(--color-gray-02), var(--color-gray-01))}.offwhite:hover{box-shadow:var(--ptc-shadow-x-large)}.offwhite span{color:var(--color-gray-10)}.legacy-green{margin-left:10px;padding:10px 20px;margin-bottom:var(--ptc-element-spacing-01);margin-top:var(--ptc-element-spacing-01)}.legacy-green:after{position:absolute;content:\"\";top:-1px;left:0;bottom:0;right:0;width:100%;height:103%;background-image:linear-gradient(to right, var(--color-green-08), var(--color-green-06));opacity:0;transition:opacity var(--ptc-transition-x-slow) var(--ptc-ease-inout);border-radius:2px}.legacy-green:hover{box-shadow:var(--ptc-shadow-x-large)}.legacy-green:hover span{color:var(--color-white)}.legacy-green:hover:after{opacity:1}.legacy-green{box-shadow:var(--ptc-shadow-large);border:solid 2.5px var(--color-green-08);background-image:linear-gradient(to right, var(--color-green-06), var(--color-green-08))}.legacy-green span{font-family:var(--ptc-font-secondary-latin);color:var(--color-white);z-index:100;position:relative;text-transform:uppercase;font-weight:var(--ptc-font-weight-bold);letter-spacing:var(--ptc-letter-spacing-normal);font-size:var(--ptc-font-size-x-small)}@media only screen and (min-width: 768px){.legacy-green span{font-size:var(--ptc-font-size-small);letter-spacing:var(--ptc-letter-spacing-loose)}}.legacy-green icon-asset{display:inline}a{border-style:solid;border-width:1px;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding:9.4px 17.5px;border-radius:var(--ptc-border-radius-standard);display:inline-block;position:relative}a.animation-right ::slotted([slot=slot-after-text]),a.animation-right ::slotted([slot=slot-before-text]),a.animation-down ::slotted([slot=slot-after-text]),a.animation-down ::slotted([slot=slot-before-text]){transition:all var(--ptc-ease-inout) var(--ptc-transition-medium);position:relative;display:inline-block;margin-left:5px}a:hover.animation-right ::slotted([slot=slot-after-text]),a:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}a:hover.animation-down ::slotted([slot=slot-after-text]),a:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}a.left{text-align:left}a.right{text-align:right}a.center{text-align:center}.nav{font-family:var(--ptc-font-latin);background-color:var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);border:1px solid var(--color-white);border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-xx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-loose);list-style:none;padding:3px var(--ptc-element-spacing-04);position:relative;text-align:center;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.nav:focus-visible{border-radius:4px !important;border:2px solid #fff !important;outline:5px solid #003dd6 !important;background-color:transparent !important;outline-offset:0px !important}.nav:focus{text-decoration:none;border:solid 2px transparent;outline:none}.nav:hover{background-color:var(--color-gray-12)}.nav-store-btn{font-family:var(--ptc-font-latin);background-color:var(--color-green-07);border-radius:var(--ptc-border-radius-standard);border:1px solid var(--color-green-07);border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-xx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-loose);list-style:none;padding:3px var(--ptc-element-spacing-04);position:relative;text-align:center;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.nav-store-btn:focus-visible{border-radius:4px !important;border:2px solid #fff !important;outline:5px solid #003dd6 !important;background-color:var(--color-green-07) !important;outline-offset:0px !important}.nav-store-btn:focus{text-decoration:none;border:solid 2px transparent;outline:none}.nav-store-btn:hover{background-color:var(--color-green-08)}.nav-store-btn:active{background-color:var(--color-green-09);transition:none}.ptc-primary,.ptc-quaternary,.ptc-secondary,.ptc-tertiary,.icon-toggle{padding:var(--ptc-font-size-xx-small) var(--ptc-font-size-medium);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium);line-height:20px}.ptc-primary.disabled,.ptc-quaternary.disabled,.ptc-secondary.disabled,.ptc-tertiary.disabled,.icon-toggle.disabled{pointer-events:none;border-color:var(--color-gray-03);background:var(--color-gray-02)}.ptc-primary.disabled span,.ptc-quaternary.disabled span,.ptc-secondary.disabled span,.ptc-tertiary.disabled span,.icon-toggle.disabled span{color:var(--color-gray-03)}.ptc-primary.disabled ::slotted([slot=slot-after-text]),.ptc-quaternary.disabled ::slotted([slot=slot-after-text]),.ptc-secondary.disabled ::slotted([slot=slot-after-text]),.ptc-tertiary.disabled ::slotted([slot=slot-after-text]),.icon-toggle.disabled ::slotted([slot=slot-after-text]){fill:var(--color-gray-03) !important}.ptc-primary:focus-visible,.ptc-quaternary:focus-visible,.ptc-secondary:focus-visible,.ptc-tertiary:focus-visible,.icon-toggle:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.ptc-primary span,.ptc-quaternary span,.ptc-secondary span,.ptc-tertiary span,.icon-toggle span{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);letter-spacing:normal}.ptc-primary.small,.ptc-quaternary.small,.ptc-secondary.small,.ptc-tertiary.small,.icon-toggle.small{padding:var(--ptc-element-spacing-03) var(--ptc-element-spacing-04)}.ptc-primary.small span,.ptc-quaternary.small span,.ptc-secondary.small span,.ptc-tertiary.small span,.icon-toggle.small span{font-size:var(--ptc-font-size-xx-small)}.ptc-primary.medium,.ptc-quaternary.medium,.ptc-secondary.medium,.ptc-tertiary.medium,.icon-toggle.medium{padding:14px 20px}.ptc-primary.medium span,.ptc-quaternary.medium span,.ptc-secondary.medium span,.ptc-tertiary.medium span,.icon-toggle.medium span{font-size:var(--ptc-font-size-small)}.ptc-primary.large,.ptc-quaternary.large,.ptc-secondary.large,.ptc-tertiary.large,.icon-toggle.large{padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}.ptc-primary.large span,.ptc-quaternary.large span,.ptc-secondary.large span,.ptc-tertiary.large span,.icon-toggle.large span{font-size:var(--ptc-font-size-large)}.ptc-primary.acc-alt-style:focus-visible,.ptc-quaternary.acc-alt-style:focus-visible,.ptc-secondary.acc-alt-style:focus-visible,.ptc-tertiary.acc-alt-style:focus-visible,.icon-toggle.acc-alt-style:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.ptc-primary{background:var(--color-gray-12);border:2px solid var(--color-green-07);border-radius:var(--ptc-border-radius-standard)}.ptc-primary:hover{background-color:var(--color-gray-10)}.ptc-primary:active{background-color:var(--color-black);transition:none}.ptc-primary span{color:var(--color-white)}.ptc-primary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-secondary{background:var(--color-gray-12);border:2px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-standard)}.ptc-secondary:hover{background-color:var(--color-gray-10)}.ptc-secondary:active{background-color:var(--color-black);transition:none}.ptc-secondary span{color:var(--color-white)}.ptc-secondary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-tertiary{background:var(--color-white);border:2px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard)}.ptc-tertiary:hover{background-color:var(--color-gray-02)}.ptc-tertiary:active{background-color:var(--color-gray-03);transition:none}.ptc-tertiary span{color:var(--color-gray-10)}.ptc-tertiary ::slotted([slot=slot-after-text]){fill:var(--color-gray-10) !important}.ptc-tertiary ::slotted(a){color:var(--color-gray-10) !important;text-decoration-line:none !important}.ptc-quaternary{background:var(--color-green-07);border:2px solid var(--color-green-07);border-radius:var(--ptc-border-radius-standard);cursor:pointer}.ptc-quaternary:hover{background-color:var(--color-green-08)}.ptc-quaternary:active{background-color:var(--color-green-09);transition:none}.ptc-quaternary span{color:var(--color-white)}.ptc-quaternary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.icon-toggle{background:var(--color-white);border:1px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);padding:0;height:2.125rem;width:2.125rem;box-shadow:var(--ptc-shadow-medium)}.icon-toggle:hover{background-color:var(--color-gray-02)}.icon-toggle:active{transition:none;background-color:var(--color-gray-03)}.icon-toggle.active{background-color:var(--color-gray-04)}.icon-toggle.active:hover{background-color:var(--color-gray-05)}.icon-toggle.active:active{transition:none;background-color:var(--color-gray-03)}.icon-toggle:focus{outline:2px solid var(--color-blue-07);outline-offset:1px}.icon-toggle span{color:var(--color-gray-10);padding:0}.icon-toggle ::slotted([slot=slot-after-text]){fill:var(--color-gray-10) !important}.icon-toggle ::slotted(icon-asset){display:block;margin:auto;height:18px;width:18px}.clear-search{border:none;padding:0px;line-height:var(----ptc-line-height-densest);background-color:transparent}.clear-search:hover{text-decoration:underline;text-decoration-color:var(--color-white)}.clear-search span{color:var(--color-white);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.tracker-div{display:inline;display:inline-block}.focus-state-dark-background:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.secondary-cta-light,.secondary-cta-dark,.primary-cta{padding:0.875rem 1.25rem;font-size:var(--ptc-font-size-small);font-style:normal;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);color:var(--color-white);border:2px solid transparent;text-decoration:none}.medium.secondary-cta-light,.medium.secondary-cta-dark,.medium.primary-cta{padding:0.75rem 1rem}.medium.secondary-cta-light span,.medium.secondary-cta-dark span,.medium.primary-cta span{font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-extrabold)}.small.secondary-cta-light,.small.secondary-cta-dark,.small.primary-cta{padding:0.5rem 0.75rem}.small.secondary-cta-light span,.small.secondary-cta-dark span,.small.primary-cta span{font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-extrabold)}.disabled.secondary-cta-light,.disabled.secondary-cta-dark,.disabled.primary-cta{pointer-events:none;color:var(--color-gray-03);border-color:var(--color-gray-03);background-color:var(--color-gray-02)}.disabled.secondary-cta-light icon-asset svg,.disabled.secondary-cta-dark icon-asset svg,.disabled.primary-cta icon-asset svg{fill:var(--color-gray-03)}.disabled.secondary-cta-light:focus-visible,.disabled.secondary-cta-dark:focus-visible,.disabled.primary-cta:focus-visible{background-color:var(--color-gray-02)}.secondary-cta-light:focus-visible,.secondary-cta-dark:focus-visible,.primary-cta:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.full-width.secondary-cta-light,.full-width.secondary-cta-dark,.full-width.primary-cta{width:100%}.secondary-cta-light .cta-content-wrap,.secondary-cta-dark .cta-content-wrap,.primary-cta .cta-content-wrap{display:flex;justify-content:center;align-items:center}.secondary-cta-light .cta-content-wrap icon-asset,.secondary-cta-dark .cta-content-wrap icon-asset,.primary-cta .cta-content-wrap icon-asset{margin-right:8px;line-height:0}.secondary-cta-light .cta-content-wrap icon-asset+span,.secondary-cta-dark .cta-content-wrap icon-asset+span,.primary-cta .cta-content-wrap icon-asset+span{text-align:left}.primary-cta{background-color:var(--color-green-07);border-color:var(--color-green-07)}.primary-cta:hover{background-color:var(--color-green-08)}.primary-cta:active{background-color:var(--color-green-09)}.primary-cta:focus-visible{background-color:var(--color-green-07)}.secondary-cta-dark{background-color:var(--color-gray-12);border-color:var(--color-gray-08)}.secondary-cta-dark:hover{background-color:var(--color-gray-10)}.secondary-cta-dark:active{background-color:var(--color-black)}.secondary-cta-dark:focus-visible{background-color:var(--color-gray-12)}.secondary-cta-light{background-color:var(--color-white);border-color:var(--color-gray-10);color:var(--color-gray-10)}.secondary-cta-light:hover{background-color:var(--color-gray-02)}.secondary-cta-light:active{background-color:var(--color-gray-03)}.secondary-cta-light:focus-visible{background-color:var(--color-white)}";
@@ -213,6 +213,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcButton as P, defineCustomElement as d };
-//# sourceMappingURL=p-BTIxGOkl.js.map
+//# sourceMappingURL=p-DGb1bK-E.js.map
-//# sourceMappingURL=p-BTIxGOkl.js.map
+//# sourceMappingURL=p-DGb1bK-E.js.map

package/dist/components/{p-BTIxGOkl.js.map → p-DGb1bK-E.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-BTIxGOkl.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,yufAAyuf;;MCiBjvf,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;;;;;AAErB;;AAEG;IACsB,QAAQ,GAAa,KAAK;AACnD;;AAEG;IACsB,MAAM,GAAa,KAAK;AACjD;;AAEG;IACK,IAAI,GAA2C,QAAQ;AAC/D;;AAEG;IAEH,KAAK,GAcsB,aAAa;AACxC;;AAEG;IACK,aAAa,GAIb,EAAE;AACV;;AAEG;IACK,YAAY,GAAwC,YAAY;AAExE;;AAEG;IACK,QAAQ,GAAY,SAAS;AAErC;;AAEG;IACK,SAAS,GAAY,SAAS;AAEtC;;AAEK;IACG,MAAM,GAAY,OAAO;AACjC;;AAEK;IACG,GAAG,GAAY,SAAS;AAChC;;;;AAIG;IACK,MAAM,GAAW,CAAC;AAC1B;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,SAAS;AAEjB;;AAEG;IACK,2BAA2B,GAAY,KAAK;AAEpD;;AAEG;AAEH,IAAA,IAAI;AACJ;;AAEG;AACM,IAAA,UAAU;IACnB,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;;;AAGf,IAAA,WAAW;IACX,SAAS,GAAW,EAAE;AAC9B;;AAEG;IACK,oBAAoB,GAAY,KAAK;AAC7C;;AAEG;IACK,eAAe,GAAY,KAAK;AAChC,IAAA,SAAS;AAEjB;;AAEG;IACK,cAAc,GAAY,KAAK;IAE/B,QAAQ,GAA6B,SAAS;IAEtD,iBAAiB,GAAA;AAChB,QAAA,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;;IAGnC,aAAa,GAAA;AACZ,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,MAAM,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,QAAQ;AAC5C,QAAA,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,aAAa,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,CAAC;AACzD,QAAA,MAAM,IAAI,GAAG,UAAU,IAAI,UAAU,CAAC,SAAS;AAE/C,QAAA,IAAI,IAAI,CAAC,EAAE,IAAI,UAAU,EAAE;AAC1B,YAAA,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,EAAE;;AAGvB,QAAA,IAAI,IAAI,CAAC,eAAe,EAAE;AACzB,YAAA,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,IAAI;;AAGzB,QAAA,QACC,EAAC,IAAI,EAAA,IAAA,EACH,IAAI,CAAC,MAAM,IAAI,iBAAQ,IAAI,CAAC,MAAM,CAAS,EAC5C,CAAA,CAAA,KAAA,EAAA,EACC,EAAE,EAAE,IAAI,CAAC,SAAS,EAClB,KAAK,EAAC,uBAAuB,MACxB,IAAI,CAAC,QAAQ,KAAK;kBACpB,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;AAC/B,kBAAE,EAAE,CAAC,EAAA,EAEN,CAAA,CAAC,OAAO,EAAA,EACP,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EACtC,IAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAA,IAC/C,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,EAAA,IAC1C,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC;AAC5B,kBAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM;AACvB,kBAAE,EAAE,CAAC,EAAA,IACD,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC;AACzB,kBAAE,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG;kBACf,EAAE,CAAC,EAAA,IACD,CAAC,CAAC,IAAI,CAAC;AACX,kBAAE;oBACA,KAAK,EAAE,IAAI,CAAC;0BACT,IAAI,CAAC;0BACL,IAAI,CAAC,QAAQ;AAChB;kBACA,EAAE,CAAC,EAAA,IACD,CAAC,CAAC,IAAI,CAAC;AACX,kBAAE,EAAE,QAAQ,EAAE,EAAE;kBACd,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EACnB,KAAK,EAAE,IAAI,CAAC,WAAW,EACnB,IAAC,IAAI,CAAC,SAAS,KAAK;AACvB,kBAAE,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS;kBAC3B,EAAE,CAAC,EAGL,EAAA,CAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,kBAAkB,EAAA,EAC/C,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,kBAAkB,EAAQ,CAAA,EACrC,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,iBAAiB,EAAA,CAAQ,CAC9B,CAEC,CACL,CACA;;IAIT,cAAc,GAAA;AACb,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,MAAM,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,QAAQ;QAE5C,QACC,EAAC,IAAI,EAAA,IAAA,EACH,IAAI,CAAC,MAAM,IAAI,iBAAQ,IAAI,CAAC,MAAM,CAAS,EAC5C,CAAK,CAAA,KAAA,EAAA,EAAA,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAC,uBAAuB,EAAA,EACrD,CAAA,CAAC,GAAG,EAAA,EACH,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EACtC,IAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAA,IAC/C,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,EAAA,IAC1C,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC;AAC5B,kBAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM;AACvB,kBAAE,EAAE,CAAC,EAAA,IACD,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC;AACzB,kBAAE,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG;kBACf,EAAE,CAAC,EAAA,IACD,CAAC,CAAC,IAAI,CAAC;AACX,kBAAE;oBACA,KAAK,EAAE,IAAI,CAAC;0BACT,IAAI,CAAC;0BACL,IAAI,CAAC,QAAQ;AAChB;kBACA,EAAE,CAAC,EAAA,IACD,CAAC,CAAC,IAAI,CAAC;AACX,kBAAE,EAAE,QAAQ,EAAE,EAAE;kBACd,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EACnB,KAAK,EAAE,IAAI,CAAC,WAAW,EACnB,IAAC,IAAI,CAAC,SAAS,KAAK;AACvB,kBAAE,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS;kBAC3B,EAAE,CAAC,EAAA,EAEL,IAAI,CAAC,aAAa,IAAI,aAAa,IACnC,CAAA,CAAA,MAAA,EAAA,IAAA,EACC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACR,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACxB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EAChB,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,iBAAiB,EAAQ,CAAA,CAC/B,CACD,CACA,KAEP,CAAA,CAAA,MAAA,EAAA,IAAA,EACC,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,kBAAkB,EAAQ,CAAA,EACrC,CAAa,CAAA,MAAA,EAAA,IAAA,CAAA,EACb,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,iBAAiB,EAAQ,CAAA,CAC9B,CACP,CACI,CACD,CACA;;IAIT,MAAM,GAAA;AACL,QAAA,IAAI,IAAI,CAAC,oBAAoB,EAAE;AAC9B,YAAA,OAAO,IAAI,CAAC,aAAa,EAAE;;aACrB;AACN,YAAA,OAAO,IAAI,CAAC,cAAc,EAAE;;;IAItB,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI;AAClB,YAAA,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI;AAC1B,YAAA,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI;AACzB,YAAA,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,KAAK;AAC1C,YAAA,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,GAAG,KAAK;AACtC,YAAA,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI;AACtB,YAAA,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI;AACjB,YAAA,CAAC,eAAe,GAAG,IAAI,CAAC,2BAA2B;AACnD,YAAA,CAAC,6BAA6B,GAAG,IAAI,CAAC,cAAc;AACpD,YAAA,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI;SACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-button/ptc-button.scss?tag=ptc-button&encapsulation=shadow","src/components/atoms/ptc-button/ptc-button.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n\r\nbutton.disabled {\r\n\tpointer-events: none;\r\n\topacity: 0.6;\r\n}\r\n\r\nbutton {\r\n\tbackground-color: var(--color-gray-10);\r\n\tdisplay: inline-block;\r\n\tborder-style: solid;\r\n\tborder-width: 1px;\r\n\twhite-space: normal;\r\n\tposition: relative;\r\n\ttext-decoration: none;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\t/(For Firefox)/\r\n\t-webkit-font-smoothing: antialiased;\r\n\t/(For Chrome and Safari)/\r\n\tcursor: pointer;\r\n\tpadding: 9.4px 17.5px;\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\r\n\t&.reveal-down {\r\n\t\t.content {\r\n\t\t\ttransition: opacity var(--ptc-transition-medium) var(--ptc-ease-out);\r\n\t\t\topacity: 0;\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t}\r\n\t\t.icon-wrapper {\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-content: center;\r\n\t\t\theight: 16px;\r\n\r\n\t\t\t.icon {\r\n\t\t\t\ttransition: top var(--ptc-transition-fast) var(--ptc-ease-out);\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\ttop: -12px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover {\r\n\t\t&.reveal-down {\r\n\t\t\t.content {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t\t\t.icon-wrapper {\r\n\t\t\t\t.icon {\r\n\t\t\t\t\ttop: 4px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.animation-right,\r\n\t&.animation-down {\r\n\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover {\r\n\t\t&.animation-right {\r\n\t\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\t\ttransform: translateX(var(--ptc-element-spacing-02));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.animation-down {\r\n\t\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\t\ttransform: translateY(var(--ptc-element-spacing-02));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tspan {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: bold;\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t}\r\n\t&.left {\r\n\t\ttext-align: left;\r\n\t}\r\n\t&.right {\r\n\t\ttext-align: right;\r\n\t}\r\n\t&.center {\r\n\t\ttext-align: center;\r\n\t}\r\n}\r\n\r\n.icon-left {\r\n\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\tmargin-right: var(--ptc-element-spacing-01);\r\n\t}\r\n}\r\n\r\n.icon-right {\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tmargin-left: var(--ptc-element-spacing-01);\r\n\t}\r\n}\r\n\r\n.blackgrey {\r\n\t&:hover {\r\n\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\t}\r\n\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\tborder: solid 1px var(--color-gray-10);\r\n\tbackground-image: linear-gradient(\r\n\t\t285deg,\r\n\t\tvar(--color-gray-10) 155%,\r\n\t\tvar(--color-gray-07) 62%\r\n\t);\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n}\r\n\r\n.turtlegreen {\r\n\t&:hover {\r\n\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\t}\r\n\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\tborder: solid 1px var(--color-green-07);\r\n\tbackground-image: linear-gradient(\r\n\t\t285deg,\r\n\t\tvar(--color-green-07) 155%,\r\n\t\tvar(--color-green-07) 62%\r\n\t);\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n}\r\n\r\n.offwhite {\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\tborder: solid 1px var(--color-gray-10);\r\n\tbackground-image: linear-gradient(\r\n\t\tto right,\r\n\t\tvar(--color-white),\r\n\t\tvar(--color-gray-02),\r\n\t\tvar(--color-gray-01)\r\n\t);\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-gray-10);\r\n\t}\r\n}\r\n\r\n.legacy-green {\r\n\tmargin-left: 10px;\r\n\tpadding: 10px 20px;\r\n\tmargin-bottom: var(--ptc-element-spacing-01);\r\n\tmargin-top: var(--ptc-element-spacing-01);\r\n\r\n\t&:after {\r\n\t\tposition: absolute;\r\n\t\tcontent: \"\";\r\n\t\ttop: -1px;\r\n\t\tleft: 0;\r\n\t\tbottom: 0;\r\n\t\tright: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 103%;\r\n\t\tbackground-image: linear-gradient(\r\n\t\t\tto right,\r\n\t\t\tvar(--color-green-08),\r\n\t\t\tvar(--color-green-06)\r\n\t\t);\r\n\t\topacity: 0;\r\n\t\ttransition: opacity var(--ptc-transition-x-slow) var(--ptc-ease-inout);\r\n\t\tborder-radius: 2px;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\r\n\t\tspan {\r\n\t\t\tcolor: var(--color-white);\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover:after {\r\n\t\topacity: 1;\r\n\t}\r\n\r\n\tbox-shadow: var(--ptc-shadow-large);\r\n\tborder: solid 2.5px var(--color-green-08);\r\n\tbackground-image: linear-gradient(\r\n\t\tto right,\r\n\t\tvar(--color-green-06),\r\n\t\tvar(--color-green-08)\r\n\t);\r\n\r\n\tspan {\r\n\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\tcolor: var(--color-white);\r\n\t\tz-index: 100;\r\n\t\tposition: relative;\r\n\t\ttext-transform: uppercase;\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tletter-spacing: var(--ptc-letter-spacing-normal);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\r\n\t\t@include screen-sm {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tletter-spacing: var(--ptc-letter-spacing-loose);\r\n\t\t}\r\n\t}\r\n\r\n\ticon-asset {\r\n\t\tdisplay: inline;\r\n\t}\r\n}\r\n\r\n//Link style adjustments\r\na {\r\n\tborder-style: solid;\r\n\tborder-width: 1px;\r\n\tposition: relative;\r\n\ttext-decoration: none;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\t/(For Firefox)/\r\n\t-webkit-font-smoothing: antialiased;\r\n\t/(For Chrome and Safari)/\r\n\tpadding: 9.4px 17.5px;\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tdisplay: inline-block;\r\n\tposition: relative;\r\n\r\n\t&.animation-right,\r\n\t&.animation-down {\r\n\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\ttransition: all var(--ptc-ease-inout) var(--ptc-transition-medium);\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tmargin-left: 5px;\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover {\r\n\t\t&.animation-right {\r\n\t\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\t\ttransform: translateX(var(--ptc-element-spacing-02));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.animation-down {\r\n\t\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\t\ttransform: translateY(var(--ptc-element-spacing-02));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.left {\r\n\t\ttext-align: left;\r\n\t}\r\n\t&.right {\r\n\t\ttext-align: right;\r\n\t}\r\n\t&.center {\r\n\t\ttext-align: center;\r\n\t}\r\n}\r\n\r\n.nav {\r\n\tfont-family: var(--ptc-font-latin);\r\n\tbackground-color: var(--color-gray-10);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tborder: 1px solid var(--color-white);\r\n\tborder-bottom-style: solid;\r\n\tborder-bottom-width: 1px;\r\n\tbox-sizing: border-box;\r\n\tcolor: var(--color-white);\r\n\tdisplay: inline-block;\r\n\tfont-size: var(--ptc-font-size-xx-small);\r\n\tfont-stretch: 100%; //undefined value\r\n\tfont-weight: var(--ptc-font-weight-bold);\r\n\tline-height: var(--ptc-line-height-loose);\r\n\tlist-style: none;\r\n\tpadding: 3px var(--ptc-element-spacing-04);\r\n\tposition: relative;\r\n\ttext-align: center;\r\n\ttext-decoration: none;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\t/(For Firefox)/\r\n\t-webkit-font-smoothing: antialiased;\r\n\t/(For Chrome and Safari)/\r\n\ttransition: background-color var(--ptc-transition-medium)\r\n\t\tvar(--ptc-ease-inout);\r\n\r\n\t&:focus-visible {\r\n\t\tborder-radius: 4px !important;\r\n\t\tborder: 2px solid #fff !important;\r\n\t\toutline: 5px solid #003dd6 !important;\r\n\t\tbackground-color: transparent !important;\r\n\t\toutline-offset: 0px !important;\r\n\t}\r\n\r\n\t&:focus {\r\n\t\ttext-decoration: none;\r\n\t\tborder: solid 2px transparent;\r\n\t\toutline: none;\r\n\t}\r\n\r\n\t// &:focus {\r\n\t// outline: 3px solid var(--color-blue-07);\r\n\t// outline-offset: 2px;\r\n\t// }\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-12);\r\n\t}\r\n}\r\n\r\n.nav-store-btn {\r\n\tfont-family: var(--ptc-font-latin);\r\n\tbackground-color: var(--color-green-07);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tborder: 1px solid var(--color-green-07);\r\n\tborder-bottom-style: solid;\r\n\tborder-bottom-width: 1px;\r\n\tbox-sizing: border-box;\r\n\tcolor: var(--color-white);\r\n\tdisplay: inline-block;\r\n\tfont-size: var(--ptc-font-size-xx-small);\r\n\tfont-stretch: 100%; //undefined value\r\n\tfont-weight: var(--ptc-font-weight-bold);\r\n\tline-height: var(--ptc-line-height-loose);\r\n\tlist-style: none;\r\n\tpadding: 3px var(--ptc-element-spacing-04);\r\n\tposition: relative;\r\n\ttext-align: center;\r\n\ttext-decoration: none;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\t/(For Firefox)/\r\n\t-webkit-font-smoothing: antialiased;\r\n\t/(For Chrome and Safari)/\r\n\ttransition: background-color var(--ptc-transition-medium)\r\n\t\tvar(--ptc-ease-inout);\r\n\r\n\t&:focus-visible {\r\n\t\tborder-radius: 4px !important;\r\n\t\tborder: 2px solid #fff !important;\r\n\t\toutline: 5px solid #003dd6 !important;\r\n\t\tbackground-color: var(--color-green-07) !important;\r\n\t\toutline-offset: 0px !important;\r\n\t}\r\n\r\n\t&:focus {\r\n\t\ttext-decoration: none;\r\n\t\tborder: solid 2px transparent;\r\n\t\toutline: none;\r\n\t}\r\n\r\n\t// &:focus {\r\n\t// outline: 3px solid var(--color-blue-07);\r\n\t// outline-offset: 2px;\r\n\t// }\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-green-08);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-green-09);\r\n\t\ttransition: none;\r\n\t}\r\n}\r\n\r\n\r\n//ADA button updates\r\n.ptc-primary,\r\n.ptc-quaternary,\r\n.ptc-secondary,\r\n.ptc-tertiary,\r\n.icon-toggle {\r\n\tpadding: var(--ptc-font-size-xx-small) var(--ptc-font-size-medium);\r\n\ttransition: background-color var(--ptc-ease-inout)\r\n\t\tvar(--ptc-transition-medium);\r\n\tline-height: 20px; //undefined size\r\n\r\n\t&.disabled {\r\n\t\tpointer-events: none;\r\n\t\tborder-color: var(--color-gray-03);\r\n\t\tbackground: var(--color-gray-02);\r\n\r\n\t\tspan {\r\n\t\t\tcolor: var(--color-gray-03);\r\n\t\t}\r\n\r\n\t\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\t\tfill: var(--color-gray-03) !important;\r\n\t\t}\r\n\t}\r\n\r\n\t// &:focus {\r\n\t// outline: 3px solid var(--color-blue-07);\r\n\t// outline-offset: 2px;\r\n\t// }\r\n\r\n\t&:focus-visible {\r\n\t\t@include base-focus-state;\r\n\t}\r\n\r\n\tspan {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tletter-spacing: normal;\r\n\t}\r\n\t&.small {\r\n\t\tpadding: var(--ptc-element-spacing-03) var(--ptc-element-spacing-04);\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t}\r\n\t}\r\n\t&.medium {\r\n\t\tpadding: 14px 20px;\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t}\r\n\t}\r\n\t&.large {\r\n\t\tpadding: var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t}\r\n\t}\r\n\r\n\t&.acc-alt-style {\r\n\t\t&:focus-visible {\r\n\t\t\t@include focus-state;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.ptc-primary {\r\n\tbackground: var(--color-gray-12); //--color-primary\r\n\tborder: 2px solid var(--color-green-07); //--color-primary-green\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-10);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-black);\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-white) !important;\r\n\t}\r\n}\r\n\r\n.ptc-secondary {\r\n\tbackground: var(--color-gray-12);\r\n\tborder: 2px solid var(--color-gray-08);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-10);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-black);\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-white) !important;\r\n\t}\r\n}\r\n\r\n.ptc-tertiary {\r\n\tbackground: var(--color-white);\r\n\tborder: 2px solid var(--color-gray-10);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-gray-03);\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-gray-10);\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-gray-10) !important;\r\n\t}\r\n\r\n\t::slotted(a) {\r\n\t\tcolor: var(--color-gray-10) !important;\r\n\t\ttext-decoration-line: none !important;\r\n\t}\r\n}\r\n\r\n.ptc-quaternary {\r\n\tbackground: var(--color-green-07);\r\n\tborder: 2px solid var(--color-green-07);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tcursor: pointer;\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-green-08);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-green-09);\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-white) !important;\r\n\t}\r\n}\r\n\r\n.icon-toggle {\r\n\tbackground: var(--color-white);\r\n\tborder: 1px solid var(--color-gray-10);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tpadding: 0;\r\n\theight: 2.125rem;\r\n\twidth: 2.125rem;\r\n\tbox-shadow: var(--ptc-shadow-medium);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t\tbackground-color: var(--color-gray-03);\r\n\t}\r\n\r\n\t&.active {\r\n\t\tbackground-color: var(--color-gray-04);\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground-color: var(--color-gray-05);\r\n\t\t}\r\n\r\n\t\t&:active {\r\n\t\t\ttransition: none;\r\n\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t}\r\n\t}\r\n\r\n\t&:focus {\r\n\t\toutline: 2px solid var(--color-blue-07);\r\n\t\toutline-offset: 1px;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-gray-10);\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-gray-10) !important;\r\n\t}\r\n\r\n\t::slotted(icon-asset) {\r\n\t\tdisplay: block;\r\n\t\tmargin: auto;\r\n\t\theight: 18px;\r\n\t\twidth: 18px;\r\n\t}\r\n}\r\n\r\n.clear-search {\r\n\tborder: none;\r\n\tpadding: 0px;\r\n\tline-height: var(----ptc-line-height-densest);\r\n\tbackground-color: transparent;\r\n\r\n\t&:hover {\r\n\t\ttext-decoration: underline;\r\n\t\ttext-decoration-color: var(--color-white);\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t-moz-osx-font-smoothing: grayscale;\r\n\t\t-webkit-font-smoothing: antialiased;\r\n\t}\r\n}\r\n\r\n.tracker-div {\r\n\t@include div-tracker;\r\n\tdisplay: inline-block;\r\n}\r\n\r\n.focus-state-dark-background {\r\n\t&:focus-visible {\r\n\t\t@include focus-state;\r\n\t}\r\n}\r\n\r\n// New CTA's\r\n// Common CTA base styles\r\n%cta-base {\r\n\tpadding: 0.875rem 1.25rem;\r\n\tfont-size: var(--ptc-font-size-small);\r\n\tfont-style: normal;\r\n\tfont-weight: var(--ptc-font-weight-bold);\r\n\tline-height: var(--ptc-line-height-densest);\r\n\tcolor: var(--color-white);\r\n\tborder: 2px solid transparent;\r\n\ttext-decoration: none;\r\n\r\n\t&.medium {\r\n\t\tpadding: 0.75rem 1rem;\r\n\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t}\r\n\t}\r\n\r\n\t&.small {\r\n\t\tpadding: 0.5rem 0.75rem;\r\n\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t}\r\n\t}\r\n\r\n\t&.disabled {\r\n\t\tpointer-events: none;\r\n\t\tcolor: var(--color-gray-03);\r\n\t\tborder-color: var(--color-gray-03);\r\n\t\tbackground-color: var(--color-gray-02);\r\n\r\n\t\ticon-asset svg {\r\n\t\t\tfill: var(--color-gray-03);\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t}\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\t@include focus-state;\r\n\t}\r\n\r\n\t&.full-width {\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.cta-content-wrap {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\r\n\t\ticon-asset {\r\n\t\t\tmargin-right: 8px;\r\n\t\t\tline-height: 0;\r\n\t\t\t& + span {\r\n\t\t\t\ttext-align: left;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Primary CTA\r\n.primary-cta {\r\n\t@extend %cta-base;\r\n\tbackground-color: var(--color-green-07);\r\n\tborder-color: var(--color-green-07);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-green-08);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-green-09);\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\tbackground-color: var(--color-green-07);\r\n\t}\r\n}\r\n\r\n// Secondary CTA (dark theme)\r\n.secondary-cta-dark {\r\n\t@extend %cta-base;\r\n\tbackground-color: var(--color-gray-12);\r\n\tborder-color: var(--color-gray-08);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-10);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-black);\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\tbackground-color: var(--color-gray-12);\r\n\t}\r\n}\r\n\r\n// Secondary CTA (light theme)\r\n.secondary-cta-light {\r\n\t@extend %cta-base;\r\n\tbackground-color: var(--color-white);\r\n\tborder-color: var(--color-gray-10);\r\n\tcolor: var(--color-gray-10);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-gray-03);\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\tbackground-color: var(--color-white);\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tProp,\r\n\th,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tHost,\r\n\tElement,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\nimport { getSeoTagType, CheckDarkFocusState } from \"../../../utils/utils\";\r\n\r\n@Component({\r\n\ttag: \"ptc-button\",\r\n\tstyleUrl: \"ptc-button.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcButton {\r\n\t@Element() el: HTMLElement;\r\n\t/\r\n\t Disabled button\r\n\t /\r\n\t@Prop({ reflect: true }) disabled?: boolean = false;\r\n\t/\r\n\t Active Toggle button\r\n\t /\r\n\t@Prop({ reflect: true }) active?: boolean = false;\r\n\t/\r\n\t Button type\r\n\t /\r\n\t@Prop() type: \"button\" \| \"reset\" \| \"submit\" \| \"link\" = \"button\";\r\n\t/\r\n\t Button theme color\r\n\t /\r\n\t@Prop()\r\n\tcolor:\r\n\t\t\| \"offwhite\"\r\n\t\t\| \"blackgrey\"\r\n\t\t\| \"turtlegreen\"\r\n\t\t\| \"nav\"\r\n\t\t\| \"legacy-green\"\r\n\t\t\| \"ptc-primary\"\r\n\t\t\| \"ptc-secondary\"\r\n\t\t\| \"ptc-tertiary\"\r\n\t\t\| \"ptc-quaternary\"\r\n\t\t\| \"icon-toggle\"\r\n\t\t\| \"clear-search\"\r\n\t\t\| \"primary-cta\"\r\n\t\t\| \"secondary-cta-dark\"\r\n\t\t\| \"secondary-cta-light\" = \"ptc-primary\";\r\n\t/\r\n\t Icon Animation\r\n\t /\r\n\t@Prop() iconAnimation:\r\n\t\t\| \"animation-right\"\r\n\t\t\| \"animation-down\"\r\n\t\t\| \"reveal-down\"\r\n\t\t\| \"\" = \"\";\r\n\t/\r\n\t Icon Position\r\n\t /\r\n\t@Prop() iconPosition: \"icon-left\" \| \"icon-right\" \| \"none\" = \"icon-right\";\r\n\r\n\t/\r\n\t Link URL\r\n\t /\r\n\t@Prop() linkHref?: string = undefined;\r\n\r\n\t/\r\n\t link Title\r\n\t /\r\n\t@Prop() linkTitle?: string = undefined;\r\n\r\n\t/\r\n\t Link target\r\n\t * /\r\n\t@Prop() target?: string = \"_self\";\r\n\t/\r\n\t Link rel\r\n\t * /\r\n\t@Prop() rel?: string = undefined;\r\n\t/\r\n\t (optional) tab-nav.\r\n\t * indicates that its element can be focused, and where it participates in sequential keyboard navigation.\r\n\t * A negative value (usually tabindex=\"-1\") means that the element is not reachable via sequential keyboard navigation\r\n\t /\r\n\t@Prop() tabNav: number = 0;\r\n\t/\r\n\t (optional) Injected CSS Styles\r\n\t /\r\n\t@Prop() styles?: string;\r\n\r\n\t/\r\n\t Text Align\r\n\t /\r\n\t@Prop() textAlign?: \"left\" \| \"right\" \| \"center\";\r\n\r\n\t/\r\n\t Enable Accessibility Alternate Styling\r\n\t /\r\n\t@Prop() enableAccessibilityAltStyle: boolean = false;\r\n\r\n\t/\r\n\t Button theme color\r\n\t /\r\n\t@Prop()\r\n\tsize: \"small\" \| \"medium\" \| \"large\";\r\n\t/\r\n\t Emitted when the button has focus.\r\n\t /\r\n\t@Event() clickEvent: EventEmitter<void>;\r\n\tclickEventHandler() {\r\n\t\tthis.clickEvent.emit();\r\n\t}\r\n\t// Properties for accessibilty / aria\r\n\t@Prop() buttonTitle?: string;\r\n\t@Prop() ariaLabel: string = \"\";\r\n\t/\r\n\t (optional) enable support for seo tools that can only view source\r\n\t /\r\n\t@Prop() seoCompatibilityMode: boolean = false;\r\n\t/\r\n\t when support for seo tools is enabled will take inner element content and dublicate to slot for browser translation compatibility\r\n\t /\r\n\t@Prop() maintainContent: boolean = false;\r\n\t@Prop() trackerId?: string;\r\n\r\n\t/\r\n\t Add dark-focus-state property where button is present on dark backgrounds\r\n\t */\r\n\t@Prop() darkFocusState: boolean = false;\r\n\r\n\t@Prop() ctaWidth: \"full-width\" \| \"default\" = \"default\";\r\n\r\n\tcomponentWillLoad() {\r\n\t\tCheckDarkFocusState(this, this.el);\r\n\t}\r\n\r\n\tseoCompRender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst Tag = !!this.linkHref ? \"a\" : \"button\";\r\n\t\tconst [TagType, firstChild] = getSeoTagType(this.el, Tag);\r\n\t\tconst html = firstChild && firstChild.innerHTML;\r\n\r\n\t\tif (this.el == firstChild) {\r\n\t\t\tthis.el.innerHTML = \"\";\r\n\t\t}\r\n\r\n\t\tif (this.maintainContent) {\r\n\t\t\tthis.el.innerHTML = html;\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div\r\n\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t\tclass=\"tracker-div mf-listen\"\r\n\t\t\t\t\t{...(this.ctaWidth === \"full-width\"\r\n\t\t\t\t\t\t? { style: { display: \"block\" } }\r\n\t\t\t\t\t\t: {})}\r\n\t\t\t\t>\r\n\t\t\t\t\t<TagType\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\tonClick={this.clickEventHandler.bind(this)}\r\n\t\t\t\t\t\t{...(!!this.linkHref ? { href: this.linkHref } : {})}\r\n\t\t\t\t\t\t{...(!this.linkHref ? { type: this.type } : {})}\r\n\t\t\t\t\t\t{...(!!this.target && !!this.linkHref\r\n\t\t\t\t\t\t\t? { target: this.target }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.rel && !!this.linkHref\r\n\t\t\t\t\t\t\t? { rel: this.rel }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.linkHref\r\n\t\t\t\t\t\t\t? {\r\n\t\t\t\t\t\t\t\t\ttitle: this.linkTitle\r\n\t\t\t\t\t\t\t\t\t\t? this.linkTitle\r\n\t\t\t\t\t\t\t\t\t\t: this.linkHref,\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.tabNav\r\n\t\t\t\t\t\t\t? { tabindex: -1 }\r\n\t\t\t\t\t\t\t: { tabindex: 0 })}\r\n\t\t\t\t\t\ttitle={this.buttonTitle}\r\n\t\t\t\t\t\t{...(this.ariaLabel !== \"\"\r\n\t\t\t\t\t\t\t? { ariaLabel: this.ariaLabel }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t<span innerHTML={html} class={\"cta-content-wrap\"}>\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-before-text\"></slot>\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-after-text\"></slot>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</TagType>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tstandardRender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst Tag = !!this.linkHref ? \"a\" : \"button\";\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div id={this.trackerId} class=\"tracker-div mf-listen\">\r\n\t\t\t\t\t<Tag\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\tonClick={this.clickEventHandler.bind(this)}\r\n\t\t\t\t\t\t{...(!!this.linkHref ? { href: this.linkHref } : {})}\r\n\t\t\t\t\t\t{...(!this.linkHref ? { type: this.type } : {})}\r\n\t\t\t\t\t\t{...(!!this.target && !!this.linkHref\r\n\t\t\t\t\t\t\t? { target: this.target }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.rel && !!this.linkHref\r\n\t\t\t\t\t\t\t? { rel: this.rel }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.linkHref\r\n\t\t\t\t\t\t\t? {\r\n\t\t\t\t\t\t\t\t\ttitle: this.linkTitle\r\n\t\t\t\t\t\t\t\t\t\t? this.linkTitle\r\n\t\t\t\t\t\t\t\t\t\t: this.linkHref,\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.tabNav\r\n\t\t\t\t\t\t\t? { tabindex: -1 }\r\n\t\t\t\t\t\t\t: { tabindex: 0 })}\r\n\t\t\t\t\t\ttitle={this.buttonTitle}\r\n\t\t\t\t\t\t{...(this.ariaLabel !== \"\"\r\n\t\t\t\t\t\t\t? { ariaLabel: this.ariaLabel }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.iconAnimation == \"reveal-down\" ? (\r\n\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t<div class=\"content\">\r\n\t\t\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div class=\"icon-wrapper\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"icon\">\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"slot-after-text\"></slot>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-before-text\"></slot>\r\n\t\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-after-text\"></slot>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</Tag>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\trender() {\r\n\t\tif (this.seoCompatibilityMode) {\r\n\t\t\treturn this.seoCompRender();\r\n\t\t} else {\r\n\t\t\treturn this.standardRender();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.color]: true,\r\n\t\t\t[this.iconAnimation]: true,\r\n\t\t\t[this.iconPosition]: true,\r\n\t\t\t[\"disabled\"]: this.disabled ? true : false,\r\n\t\t\t[\"active\"]: this.active ? true : false,\r\n\t\t\t[this.textAlign]: true,\r\n\t\t\t[this.size]: true,\r\n\t\t\t[\"acc-alt-style\"]: this.enableAccessibilityAltStyle,\r\n\t\t\t[\"focus-state-dark-background\"]: this.darkFocusState,\r\n\t\t\t[this.ctaWidth]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-DGb1bK-E.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-button/ptc-button.scss?tag=ptc-button&encapsulation=shadow","src/components/atoms/ptc-button/ptc-button.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n\r\nbutton.disabled {\r\n\tpointer-events: none;\r\n\topacity: 0.6;\r\n}\r\n\r\nbutton {\r\n\tbackground-color: var(--color-gray-10);\r\n\tdisplay: inline-block;\r\n\tborder-style: solid;\r\n\tborder-width: 1px;\r\n\twhite-space: normal;\r\n\tposition: relative;\r\n\ttext-decoration: none;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\t/(For Firefox)/\r\n\t-webkit-font-smoothing: antialiased;\r\n\t/(For Chrome and Safari)/\r\n\tcursor: pointer;\r\n\tpadding: 9.4px 17.5px;\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\r\n\t&.reveal-down {\r\n\t\t.content {\r\n\t\t\ttransition: opacity var(--ptc-transition-medium) var(--ptc-ease-out);\r\n\t\t\topacity: 0;\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t}\r\n\t\t.icon-wrapper {\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-content: center;\r\n\t\t\theight: 16px;\r\n\r\n\t\t\t.icon {\r\n\t\t\t\ttransition: top var(--ptc-transition-fast) var(--ptc-ease-out);\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\ttop: -12px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover {\r\n\t\t&.reveal-down {\r\n\t\t\t.content {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t\t\t.icon-wrapper {\r\n\t\t\t\t.icon {\r\n\t\t\t\t\ttop: 4px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.animation-right,\r\n\t&.animation-down {\r\n\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover {\r\n\t\t&.animation-right {\r\n\t\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\t\ttransform: translateX(var(--ptc-element-spacing-02));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.animation-down {\r\n\t\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\t\ttransform: translateY(var(--ptc-element-spacing-02));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tspan {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: bold;\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t}\r\n\t&.left {\r\n\t\ttext-align: left;\r\n\t}\r\n\t&.right {\r\n\t\ttext-align: right;\r\n\t}\r\n\t&.center {\r\n\t\ttext-align: center;\r\n\t}\r\n}\r\n\r\n.icon-left {\r\n\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\tmargin-right: var(--ptc-element-spacing-01);\r\n\t}\r\n}\r\n\r\n.icon-right {\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tmargin-left: var(--ptc-element-spacing-01);\r\n\t}\r\n}\r\n\r\n.blackgrey {\r\n\t&:hover {\r\n\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\t}\r\n\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\tborder: solid 1px var(--color-gray-10);\r\n\tbackground-image: linear-gradient(\r\n\t\t285deg,\r\n\t\tvar(--color-gray-10) 155%,\r\n\t\tvar(--color-gray-07) 62%\r\n\t);\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n}\r\n\r\n.turtlegreen {\r\n\t&:hover {\r\n\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\t}\r\n\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\tborder: solid 1px var(--color-green-07);\r\n\tbackground-image: linear-gradient(\r\n\t\t285deg,\r\n\t\tvar(--color-green-07) 155%,\r\n\t\tvar(--color-green-07) 62%\r\n\t);\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n}\r\n\r\n.offwhite {\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\tborder: solid 1px var(--color-gray-10);\r\n\tbackground-image: linear-gradient(\r\n\t\tto right,\r\n\t\tvar(--color-white),\r\n\t\tvar(--color-gray-02),\r\n\t\tvar(--color-gray-01)\r\n\t);\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-gray-10);\r\n\t}\r\n}\r\n\r\n.legacy-green {\r\n\tmargin-left: 10px;\r\n\tpadding: 10px 20px;\r\n\tmargin-bottom: var(--ptc-element-spacing-01);\r\n\tmargin-top: var(--ptc-element-spacing-01);\r\n\r\n\t&:after {\r\n\t\tposition: absolute;\r\n\t\tcontent: \"\";\r\n\t\ttop: -1px;\r\n\t\tleft: 0;\r\n\t\tbottom: 0;\r\n\t\tright: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 103%;\r\n\t\tbackground-image: linear-gradient(\r\n\t\t\tto right,\r\n\t\t\tvar(--color-green-08),\r\n\t\t\tvar(--color-green-06)\r\n\t\t);\r\n\t\topacity: 0;\r\n\t\ttransition: opacity var(--ptc-transition-x-slow) var(--ptc-ease-inout);\r\n\t\tborder-radius: 2px;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\r\n\t\tspan {\r\n\t\t\tcolor: var(--color-white);\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover:after {\r\n\t\topacity: 1;\r\n\t}\r\n\r\n\tbox-shadow: var(--ptc-shadow-large);\r\n\tborder: solid 2.5px var(--color-green-08);\r\n\tbackground-image: linear-gradient(\r\n\t\tto right,\r\n\t\tvar(--color-green-06),\r\n\t\tvar(--color-green-08)\r\n\t);\r\n\r\n\tspan {\r\n\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\tcolor: var(--color-white);\r\n\t\tz-index: 100;\r\n\t\tposition: relative;\r\n\t\ttext-transform: uppercase;\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tletter-spacing: var(--ptc-letter-spacing-normal);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\r\n\t\t@include screen-sm {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tletter-spacing: var(--ptc-letter-spacing-loose);\r\n\t\t}\r\n\t}\r\n\r\n\ticon-asset {\r\n\t\tdisplay: inline;\r\n\t}\r\n}\r\n\r\n//Link style adjustments\r\na {\r\n\tborder-style: solid;\r\n\tborder-width: 1px;\r\n\tposition: relative;\r\n\ttext-decoration: none;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\t/(For Firefox)/\r\n\t-webkit-font-smoothing: antialiased;\r\n\t/(For Chrome and Safari)/\r\n\tpadding: 9.4px 17.5px;\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tdisplay: inline-block;\r\n\tposition: relative;\r\n\r\n\t&.animation-right,\r\n\t&.animation-down {\r\n\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\ttransition: all var(--ptc-ease-inout) var(--ptc-transition-medium);\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tmargin-left: 5px;\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover {\r\n\t\t&.animation-right {\r\n\t\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\t\ttransform: translateX(var(--ptc-element-spacing-02));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.animation-down {\r\n\t\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\t\ttransform: translateY(var(--ptc-element-spacing-02));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.left {\r\n\t\ttext-align: left;\r\n\t}\r\n\t&.right {\r\n\t\ttext-align: right;\r\n\t}\r\n\t&.center {\r\n\t\ttext-align: center;\r\n\t}\r\n}\r\n\r\n.nav {\r\n\tfont-family: var(--ptc-font-latin);\r\n\tbackground-color: var(--color-gray-10);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tborder: 1px solid var(--color-white);\r\n\tborder-bottom-style: solid;\r\n\tborder-bottom-width: 1px;\r\n\tbox-sizing: border-box;\r\n\tcolor: var(--color-white);\r\n\tdisplay: inline-block;\r\n\tfont-size: var(--ptc-font-size-xx-small);\r\n\tfont-stretch: 100%; //undefined value\r\n\tfont-weight: var(--ptc-font-weight-bold);\r\n\tline-height: var(--ptc-line-height-loose);\r\n\tlist-style: none;\r\n\tpadding: 3px var(--ptc-element-spacing-04);\r\n\tposition: relative;\r\n\ttext-align: center;\r\n\ttext-decoration: none;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\t/(For Firefox)/\r\n\t-webkit-font-smoothing: antialiased;\r\n\t/(For Chrome and Safari)/\r\n\ttransition: background-color var(--ptc-transition-medium)\r\n\t\tvar(--ptc-ease-inout);\r\n\r\n\t&:focus-visible {\r\n\t\tborder-radius: 4px !important;\r\n\t\tborder: 2px solid #fff !important;\r\n\t\toutline: 5px solid #003dd6 !important;\r\n\t\tbackground-color: transparent !important;\r\n\t\toutline-offset: 0px !important;\r\n\t}\r\n\r\n\t&:focus {\r\n\t\ttext-decoration: none;\r\n\t\tborder: solid 2px transparent;\r\n\t\toutline: none;\r\n\t}\r\n\r\n\t// &:focus {\r\n\t// outline: 3px solid var(--color-blue-07);\r\n\t// outline-offset: 2px;\r\n\t// }\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-12);\r\n\t}\r\n}\r\n\r\n.nav-store-btn {\r\n\tfont-family: var(--ptc-font-latin);\r\n\tbackground-color: var(--color-green-07);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tborder: 1px solid var(--color-green-07);\r\n\tborder-bottom-style: solid;\r\n\tborder-bottom-width: 1px;\r\n\tbox-sizing: border-box;\r\n\tcolor: var(--color-white);\r\n\tdisplay: inline-block;\r\n\tfont-size: var(--ptc-font-size-xx-small);\r\n\tfont-stretch: 100%; //undefined value\r\n\tfont-weight: var(--ptc-font-weight-bold);\r\n\tline-height: var(--ptc-line-height-loose);\r\n\tlist-style: none;\r\n\tpadding: 3px var(--ptc-element-spacing-04);\r\n\tposition: relative;\r\n\ttext-align: center;\r\n\ttext-decoration: none;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\t/(For Firefox)/\r\n\t-webkit-font-smoothing: antialiased;\r\n\t/(For Chrome and Safari)/\r\n\ttransition: background-color var(--ptc-transition-medium)\r\n\t\tvar(--ptc-ease-inout);\r\n\r\n\t&:focus-visible {\r\n\t\tborder-radius: 4px !important;\r\n\t\tborder: 2px solid #fff !important;\r\n\t\toutline: 5px solid #003dd6 !important;\r\n\t\tbackground-color: var(--color-green-07) !important;\r\n\t\toutline-offset: 0px !important;\r\n\t}\r\n\r\n\t&:focus {\r\n\t\ttext-decoration: none;\r\n\t\tborder: solid 2px transparent;\r\n\t\toutline: none;\r\n\t}\r\n\r\n\t// &:focus {\r\n\t// outline: 3px solid var(--color-blue-07);\r\n\t// outline-offset: 2px;\r\n\t// }\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-green-08);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-green-09);\r\n\t\ttransition: none;\r\n\t}\r\n}\r\n\r\n\r\n//ADA button updates\r\n.ptc-primary,\r\n.ptc-quaternary,\r\n.ptc-secondary,\r\n.ptc-tertiary,\r\n.icon-toggle {\r\n\tpadding: var(--ptc-font-size-xx-small) var(--ptc-font-size-medium);\r\n\ttransition: background-color var(--ptc-ease-inout)\r\n\t\tvar(--ptc-transition-medium);\r\n\tline-height: 20px; //undefined size\r\n\r\n\t&.disabled {\r\n\t\tpointer-events: none;\r\n\t\tborder-color: var(--color-gray-03);\r\n\t\tbackground: var(--color-gray-02);\r\n\r\n\t\tspan {\r\n\t\t\tcolor: var(--color-gray-03);\r\n\t\t}\r\n\r\n\t\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\t\tfill: var(--color-gray-03) !important;\r\n\t\t}\r\n\t}\r\n\r\n\t// &:focus {\r\n\t// outline: 3px solid var(--color-blue-07);\r\n\t// outline-offset: 2px;\r\n\t// }\r\n\r\n\t&:focus-visible {\r\n\t\t@include base-focus-state;\r\n\t}\r\n\r\n\tspan {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tletter-spacing: normal;\r\n\t}\r\n\t&.small {\r\n\t\tpadding: var(--ptc-element-spacing-03) var(--ptc-element-spacing-04);\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t}\r\n\t}\r\n\t&.medium {\r\n\t\tpadding: 14px 20px;\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t}\r\n\t}\r\n\t&.large {\r\n\t\tpadding: var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t}\r\n\t}\r\n\r\n\t&.acc-alt-style {\r\n\t\t&:focus-visible {\r\n\t\t\t@include focus-state;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.ptc-primary {\r\n\tbackground: var(--color-gray-12); //--color-primary\r\n\tborder: 2px solid var(--color-green-07); //--color-primary-green\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-10);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-black);\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-white) !important;\r\n\t}\r\n}\r\n\r\n.ptc-secondary {\r\n\tbackground: var(--color-gray-12);\r\n\tborder: 2px solid var(--color-gray-08);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-10);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-black);\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-white) !important;\r\n\t}\r\n}\r\n\r\n.ptc-tertiary {\r\n\tbackground: var(--color-white);\r\n\tborder: 2px solid var(--color-gray-10);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-gray-03);\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-gray-10);\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-gray-10) !important;\r\n\t}\r\n\r\n\t::slotted(a) {\r\n\t\tcolor: var(--color-gray-10) !important;\r\n\t\ttext-decoration-line: none !important;\r\n\t}\r\n}\r\n\r\n.ptc-quaternary {\r\n\tbackground: var(--color-green-07);\r\n\tborder: 2px solid var(--color-green-07);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tcursor: pointer;\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-green-08);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-green-09);\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-white) !important;\r\n\t}\r\n}\r\n\r\n.icon-toggle {\r\n\tbackground: var(--color-white);\r\n\tborder: 1px solid var(--color-gray-10);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tpadding: 0;\r\n\theight: 2.125rem;\r\n\twidth: 2.125rem;\r\n\tbox-shadow: var(--ptc-shadow-medium);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t\tbackground-color: var(--color-gray-03);\r\n\t}\r\n\r\n\t&.active {\r\n\t\tbackground-color: var(--color-gray-04);\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground-color: var(--color-gray-05);\r\n\t\t}\r\n\r\n\t\t&:active {\r\n\t\t\ttransition: none;\r\n\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t}\r\n\t}\r\n\r\n\t&:focus {\r\n\t\toutline: 2px solid var(--color-blue-07);\r\n\t\toutline-offset: 1px;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-gray-10);\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-gray-10) !important;\r\n\t}\r\n\r\n\t::slotted(icon-asset) {\r\n\t\tdisplay: block;\r\n\t\tmargin: auto;\r\n\t\theight: 18px;\r\n\t\twidth: 18px;\r\n\t}\r\n}\r\n\r\n.clear-search {\r\n\tborder: none;\r\n\tpadding: 0px;\r\n\tline-height: var(----ptc-line-height-densest);\r\n\tbackground-color: transparent;\r\n\r\n\t&:hover {\r\n\t\ttext-decoration: underline;\r\n\t\ttext-decoration-color: var(--color-white);\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t-moz-osx-font-smoothing: grayscale;\r\n\t\t-webkit-font-smoothing: antialiased;\r\n\t}\r\n}\r\n\r\n.tracker-div {\r\n\t@include div-tracker;\r\n\tdisplay: inline-block;\r\n}\r\n\r\n.focus-state-dark-background {\r\n\t&:focus-visible {\r\n\t\t@include focus-state;\r\n\t}\r\n}\r\n\r\n// New CTA's\r\n// Common CTA base styles\r\n%cta-base {\r\n\tpadding: 0.875rem 1.25rem;\r\n\tfont-size: var(--ptc-font-size-small);\r\n\tfont-style: normal;\r\n\tfont-weight: var(--ptc-font-weight-bold);\r\n\tline-height: var(--ptc-line-height-densest);\r\n\tcolor: var(--color-white);\r\n\tborder: 2px solid transparent;\r\n\ttext-decoration: none;\r\n\r\n\t&.medium {\r\n\t\tpadding: 0.75rem 1rem;\r\n\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t}\r\n\t}\r\n\r\n\t&.small {\r\n\t\tpadding: 0.5rem 0.75rem;\r\n\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t}\r\n\t}\r\n\r\n\t&.disabled {\r\n\t\tpointer-events: none;\r\n\t\tcolor: var(--color-gray-03);\r\n\t\tborder-color: var(--color-gray-03);\r\n\t\tbackground-color: var(--color-gray-02);\r\n\r\n\t\ticon-asset svg {\r\n\t\t\tfill: var(--color-gray-03);\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t}\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\t@include focus-state;\r\n\t}\r\n\r\n\t&.full-width {\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.cta-content-wrap {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\r\n\t\ticon-asset {\r\n\t\t\tmargin-right: 8px;\r\n\t\t\tline-height: 0;\r\n\t\t\t& + span {\r\n\t\t\t\ttext-align: left;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Primary CTA\r\n.primary-cta {\r\n\t@extend %cta-base;\r\n\tbackground-color: var(--color-green-07);\r\n\tborder-color: var(--color-green-07);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-green-08);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-green-09);\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\tbackground-color: var(--color-green-07);\r\n\t}\r\n}\r\n\r\n// Secondary CTA (dark theme)\r\n.secondary-cta-dark {\r\n\t@extend %cta-base;\r\n\tbackground-color: var(--color-gray-12);\r\n\tborder-color: var(--color-gray-08);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-10);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-black);\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\tbackground-color: var(--color-gray-12);\r\n\t}\r\n}\r\n\r\n// Secondary CTA (light theme)\r\n.secondary-cta-light {\r\n\t@extend %cta-base;\r\n\tbackground-color: var(--color-white);\r\n\tborder-color: var(--color-gray-10);\r\n\tcolor: var(--color-gray-10);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-gray-03);\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\tbackground-color: var(--color-white);\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tProp,\r\n\th,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tHost,\r\n\tElement,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\nimport { getSeoTagType, CheckDarkFocusState } from \"../../../utils/utils\";\r\n\r\n@Component({\r\n\ttag: \"ptc-button\",\r\n\tstyleUrl: \"ptc-button.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcButton {\r\n\t@Element() el: HTMLElement;\r\n\t/\r\n\t Disabled button\r\n\t /\r\n\t@Prop({ reflect: true }) disabled?: boolean = false;\r\n\t/\r\n\t Active Toggle button\r\n\t /\r\n\t@Prop({ reflect: true }) active?: boolean = false;\r\n\t/\r\n\t Button type\r\n\t /\r\n\t@Prop() type: \"button\" \| \"reset\" \| \"submit\" \| \"link\" = \"button\";\r\n\t/\r\n\t Button theme color\r\n\t /\r\n\t@Prop()\r\n\tcolor:\r\n\t\t\| \"offwhite\"\r\n\t\t\| \"blackgrey\"\r\n\t\t\| \"turtlegreen\"\r\n\t\t\| \"nav\"\r\n\t\t\| \"legacy-green\"\r\n\t\t\| \"ptc-primary\"\r\n\t\t\| \"ptc-secondary\"\r\n\t\t\| \"ptc-tertiary\"\r\n\t\t\| \"ptc-quaternary\"\r\n\t\t\| \"icon-toggle\"\r\n\t\t\| \"clear-search\"\r\n\t\t\| \"primary-cta\"\r\n\t\t\| \"secondary-cta-dark\"\r\n\t\t\| \"secondary-cta-light\" = \"ptc-primary\";\r\n\t/\r\n\t Icon Animation\r\n\t /\r\n\t@Prop() iconAnimation:\r\n\t\t\| \"animation-right\"\r\n\t\t\| \"animation-down\"\r\n\t\t\| \"reveal-down\"\r\n\t\t\| \"\" = \"\";\r\n\t/\r\n\t Icon Position\r\n\t /\r\n\t@Prop() iconPosition: \"icon-left\" \| \"icon-right\" \| \"none\" = \"icon-right\";\r\n\r\n\t/\r\n\t Link URL\r\n\t /\r\n\t@Prop() linkHref?: string = undefined;\r\n\r\n\t/\r\n\t link Title\r\n\t /\r\n\t@Prop() linkTitle?: string = undefined;\r\n\r\n\t/\r\n\t Link target\r\n\t * /\r\n\t@Prop() target?: string = \"_self\";\r\n\t/\r\n\t Link rel\r\n\t * /\r\n\t@Prop() rel?: string = undefined;\r\n\t/\r\n\t (optional) tab-nav.\r\n\t * indicates that its element can be focused, and where it participates in sequential keyboard navigation.\r\n\t * A negative value (usually tabindex=\"-1\") means that the element is not reachable via sequential keyboard navigation\r\n\t /\r\n\t@Prop() tabNav: number = 0;\r\n\t/\r\n\t (optional) Injected CSS Styles\r\n\t /\r\n\t@Prop() styles?: string;\r\n\r\n\t/\r\n\t Text Align\r\n\t /\r\n\t@Prop() textAlign?: \"left\" \| \"right\" \| \"center\";\r\n\r\n\t/\r\n\t Enable Accessibility Alternate Styling\r\n\t /\r\n\t@Prop() enableAccessibilityAltStyle: boolean = false;\r\n\r\n\t/\r\n\t Button theme color\r\n\t /\r\n\t@Prop()\r\n\tsize: \"small\" \| \"medium\" \| \"large\";\r\n\t/\r\n\t Emitted when the button has focus.\r\n\t /\r\n\t@Event() clickEvent: EventEmitter<void>;\r\n\tclickEventHandler() {\r\n\t\tthis.clickEvent.emit();\r\n\t}\r\n\t// Properties for accessibilty / aria\r\n\t@Prop() buttonTitle?: string;\r\n\t@Prop() ariaLabel: string = \"\";\r\n\t/\r\n\t (optional) enable support for seo tools that can only view source\r\n\t /\r\n\t@Prop() seoCompatibilityMode: boolean = false;\r\n\t/\r\n\t when support for seo tools is enabled will take inner element content and dublicate to slot for browser translation compatibility\r\n\t /\r\n\t@Prop() maintainContent: boolean = false;\r\n\t@Prop() trackerId?: string;\r\n\r\n\t/\r\n\t Add dark-focus-state property where button is present on dark backgrounds\r\n\t */\r\n\t@Prop() darkFocusState: boolean = false;\r\n\r\n\t@Prop() ctaWidth: \"full-width\" \| \"default\" = \"default\";\r\n\r\n\tcomponentWillLoad() {\r\n\t\tCheckDarkFocusState(this, this.el);\r\n\t}\r\n\r\n\tseoCompRender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst Tag = !!this.linkHref ? \"a\" : \"button\";\r\n\t\tconst [TagType, firstChild] = getSeoTagType(this.el, Tag);\r\n\t\tconst html = firstChild && firstChild.innerHTML;\r\n\r\n\t\tif (this.el == firstChild) {\r\n\t\t\tthis.el.innerHTML = \"\";\r\n\t\t}\r\n\r\n\t\tif (this.maintainContent) {\r\n\t\t\tthis.el.innerHTML = html;\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div\r\n\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t\tclass=\"tracker-div mf-listen\"\r\n\t\t\t\t\t{...(this.ctaWidth === \"full-width\"\r\n\t\t\t\t\t\t? { style: { display: \"block\" } }\r\n\t\t\t\t\t\t: {})}\r\n\t\t\t\t>\r\n\t\t\t\t\t<TagType\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\tonClick={this.clickEventHandler.bind(this)}\r\n\t\t\t\t\t\t{...(!!this.linkHref ? { href: this.linkHref } : {})}\r\n\t\t\t\t\t\t{...(!this.linkHref ? { type: this.type } : {})}\r\n\t\t\t\t\t\t{...(!!this.target && !!this.linkHref\r\n\t\t\t\t\t\t\t? { target: this.target }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.rel && !!this.linkHref\r\n\t\t\t\t\t\t\t? { rel: this.rel }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.linkHref\r\n\t\t\t\t\t\t\t? {\r\n\t\t\t\t\t\t\t\t\ttitle: this.linkTitle\r\n\t\t\t\t\t\t\t\t\t\t? this.linkTitle\r\n\t\t\t\t\t\t\t\t\t\t: this.linkHref,\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.tabNav\r\n\t\t\t\t\t\t\t? { tabindex: -1 }\r\n\t\t\t\t\t\t\t: { tabindex: 0 })}\r\n\t\t\t\t\t\ttitle={this.buttonTitle}\r\n\t\t\t\t\t\t{...(this.ariaLabel !== \"\"\r\n\t\t\t\t\t\t\t? { ariaLabel: this.ariaLabel }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t<span innerHTML={html} class={\"cta-content-wrap\"}>\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-before-text\"></slot>\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-after-text\"></slot>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</TagType>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tstandardRender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst Tag = !!this.linkHref ? \"a\" : \"button\";\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div id={this.trackerId} class=\"tracker-div mf-listen\">\r\n\t\t\t\t\t<Tag\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\tonClick={this.clickEventHandler.bind(this)}\r\n\t\t\t\t\t\t{...(!!this.linkHref ? { href: this.linkHref } : {})}\r\n\t\t\t\t\t\t{...(!this.linkHref ? { type: this.type } : {})}\r\n\t\t\t\t\t\t{...(!!this.target && !!this.linkHref\r\n\t\t\t\t\t\t\t? { target: this.target }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.rel && !!this.linkHref\r\n\t\t\t\t\t\t\t? { rel: this.rel }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.linkHref\r\n\t\t\t\t\t\t\t? {\r\n\t\t\t\t\t\t\t\t\ttitle: this.linkTitle\r\n\t\t\t\t\t\t\t\t\t\t? this.linkTitle\r\n\t\t\t\t\t\t\t\t\t\t: this.linkHref,\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.tabNav\r\n\t\t\t\t\t\t\t? { tabindex: -1 }\r\n\t\t\t\t\t\t\t: { tabindex: 0 })}\r\n\t\t\t\t\t\ttitle={this.buttonTitle}\r\n\t\t\t\t\t\t{...(this.ariaLabel !== \"\"\r\n\t\t\t\t\t\t\t? { ariaLabel: this.ariaLabel }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.iconAnimation == \"reveal-down\" ? (\r\n\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t<div class=\"content\">\r\n\t\t\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div class=\"icon-wrapper\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"icon\">\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"slot-after-text\"></slot>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-before-text\"></slot>\r\n\t\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-after-text\"></slot>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</Tag>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\trender() {\r\n\t\tif (this.seoCompatibilityMode) {\r\n\t\t\treturn this.seoCompRender();\r\n\t\t} else {\r\n\t\t\treturn this.standardRender();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.color]: true,\r\n\t\t\t[this.iconAnimation]: true,\r\n\t\t\t[this.iconPosition]: true,\r\n\t\t\t[\"disabled\"]: this.disabled ? true : false,\r\n\t\t\t[\"active\"]: this.active ? true : false,\r\n\t\t\t[this.textAlign]: true,\r\n\t\t\t[this.size]: true,\r\n\t\t\t[\"acc-alt-style\"]: this.enableAccessibilityAltStyle,\r\n\t\t\t[\"focus-state-dark-background\"]: this.darkFocusState,\r\n\t\t\t[this.ctaWidth]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-BKV5qCgg.js → p-DOIACVmj.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-Xva4X2q7.js';
+import { p as proxyCustomElement, H, h } from './p-pbQYKnK9.js';
 const ptcTheaterVideoPlaylistCss = ":host{display:block}:host .card-list{display:flex;overflow-x:auto}@media only screen and (min-width: 768px){:host .card-list{flex-wrap:wrap}}";
@@ -119,7 +119,7 @@ const PtcTheaterVideoPlaylist = /*@__PURE__*/ proxyCustomElement(class PtcTheate
         }
     }
     render() {
-        return (h("div", { key: 'fbee21642f840ad50cb0b3eb7ad948d28258276e', class: "card-list" }, h("slot", { key: 'c3f67115d1fb42a4097f78c68baf17884ae5442f' })));
+        return (h("div", { key: '3974f75dcc25b8ea0bd5f910862943c30e54f81b', class: "card-list" }, h("slot", { key: '3bad61821dd0e4cf42810c3d4581039e07fae71b' })));
     }
     static get style() { return ptcTheaterVideoPlaylistCss; }
 }, [257, "ptc-theater-video-playlist", {
@@ -143,6 +143,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcTheaterVideoPlaylist as P, defineCustomElement as d };
-//# sourceMappingURL=p-BKV5qCgg.js.map
+//# sourceMappingURL=p-DOIACVmj.js.map
-//# sourceMappingURL=p-BKV5qCgg.js.map
+//# sourceMappingURL=p-DOIACVmj.js.map

package/dist/components/{p-BKV5qCgg.js.map → p-DOIACVmj.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~BKV5qCgg~~.js","mappings":";;AAAA,MAAM,0BAA0B,GAAG,+IAA+I;;MCOrK,uBAAuB,iBAAAA,kBAAA,CAAA,MAAA,uBAAA,SAAAC,CAAA,CAAA;;;;;;;;IAC1B,gBAAgB,GAAW,CAAC;IAC7B,KAAK,GAAU,EAAE;;AAEhB,IAAA,eAAe;AAChB,IAAA,YAAY;IACpB,iBAAiB,GAAA;QAChB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC;;IAEpE,gBAAgB,GAAA;QACf,IAAI,CAAC,UAAU,EAAE;AACjB,QAAA,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;;AAInB,IAAA,iBAAiB,CAAC,KAAkB,EAAA;AACnC,QAAA,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM;AAC5B,QAAA,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC,cAAc,CAAC;AAC9C,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC;;;AAIrC,IAAA,uBAAuB,CAAC,KAAkB,EAAA;AACzC,QAAA,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM;AAC5B,QAAA,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC;;AAErB,IAAA,SAAS,CAAC,WAAW,EAAA;QACpB,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,WAAW,KAAI;AACzC,YAAA,IAAI,QAAa;AACjB,YAAA,IAAI,WAAW,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE;AAC1C,gBAAA,QAAQ,GAAG;qBACT,YAAY,CAAC,WAAW;qBACxB,KAAK,CAAC,GAAG;AACT,qBAAA,GAAG,CAAC,CAAC,IAAI,KAAI;AACb,oBAAA,OAAO,IAAI,CAAC,IAAI,EAAE;AACnB,iBAAC,CAAC;;AAEJ,YAAA,MAAM,eAAe,GAAG,WAAW,CAAC,IAAI,EAAE;YAC1C,IAAI,eAAe,KAAK,EAAE,IAAI,eAAe,KAAK,OAAO,EAAE;AAC1D,gBAAA,IAAI,QAAQ,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE;AACvC,oBAAA,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC;AACjC,oBAAA,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC;;qBAC9B;AACN,oBAAA,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC;AACjC,oBAAA,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC;;;iBAE/B;AACN,gBAAA,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC;AACjC,gBAAA,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC;;AAEtC,SAAC,CAAC;;IAEH,UAAU,GAAA;QACT,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,KAAK,KAAI;AAChD,YAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;AACrD,YAAA,WAAW,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAK;AAC1C,gBAAA,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,WAAW,CAAC;AACzC,aAAC,CAAC;YAEF,WAAW,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAC,KAAI;AAC7C,gBAAA,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;AACtB,oBAAA,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,WAAW,CAAC;;AAE1C,aAAC,CAAC;AACH,SAAC,CAAC;;AAEH,IAAA,cAAc,CAAC,UAAkB,EAAA;;AAEhC,QAAA,IAAI,CAAC,KAAK,GAAG,EAAE;QACf,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,KAAK,KAAI;YAChD,MAAM,QAAQ,GAAG;iBACf,YAAY,CAAC,WAAW;iBACxB,KAAK,CAAC,GAAG;AACT,iBAAA,GAAG,CAAC,CAAC,IAAI,KAAI;AACb,gBAAA,OAAO,IAAI,CAAC,IAAI,EAAE;AACnB,aAAC,CAAC;AACH,YAAA,IACC,IAAI,CAAC,eAAe,KAAK,EAAE;gBAC3B,IAAI,CAAC,eAAe,KAAK,OAAO;gBAChC,IAAI,CAAC,eAAe,KAAK,SAAS;gBAClC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,EACtC;AACD,gBAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;AACrD,gBAAA,WAAW,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAK;AAC1C,oBAAA,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC;AACjC,iBAAC,CAAC;;AACI,iBAAA,IAAI,IAAI,CAAC,eAAe,KAAK,OAAO,EAAE;AAC5C,gBAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;;AAEvD,SAAC,CAAC;;IAGH,WAAW,CAAC,WAAW,EAAE,KAAK,EAAA;AAC7B,QAAA,MAAM,QAAQ,GAAG;YAChB,KAAK,EAAE,WAAW,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,WAAW;YAC5D,eAAe,EAAE,WAAW,CAAC,eAAe;YAC5C,gBAAgB,EACf,WAAW,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,SAAS;AACpD,YAAA,OAAO,EAAE,WAAW,CAAC,YAAY,CAAC,UAAU,CAAC;AAC7C,YAAA,QAAQ,EAAE,WAAW,CAAC,YAAY,CAAC,WAAW,CAAC;AAC/C,YAAA,UAAU,EAAE,WAAW,CAAC,YAAY,CAAC,aAAa,CAAC;AACnD,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,SAAS,EAAE,WAAW,CAAC,YAAY,CAAC,YAAY,CAAC;SACjD;AACD,QAAA,OAAO,QAAQ;;IAGhB,eAAe,CAAC,KAAa,EAAE,WAAyB,EAAA;AACvD,QAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK;;QAE7B,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,yBAAyB,CAAC;QACtE,IAAI,YAAY,EAAE;AACjB,YAAA,YAAY,CAAC,UAAU,CACtB,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,gBAAgB,EACrB,WAAW,CACX;;;IAIH,MAAM,GAAA;QACL,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,WAAW,EAAA,EACrB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-theater-video-playlist/ptc-theater-video-playlist.scss?tag=ptc-theater-video-playlist&encapsulation=shadow","src/components/molecules/ptc-theater-video-playlist/ptc-theater-video-playlist.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\t.card-list {\r\n\t\tdisplay: flex;\r\n\t\toverflow-x: auto;\r\n\r\n\t\t@include screen-sm {\r\n\t\t\tflex-wrap: wrap;\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, State, h, Element, Listen, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-theater-video-playlist\",\r\n\tstyleUrl: \"ptc-theater-video-playlist.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcTheaterVideoPlaylist {\r\n\t@State() currentCardIndex: number = 0;\r\n\tprivate cards: any[] = [];\r\n\t@Element() host: HTMLElement;\r\n\t@State() filteredTagName: string;\r\n\t@Prop() cardElements: any;\r\n\tcomponentWillLoad() {\r\n\t\tthis.cardElements = this.host.querySelectorAll(\"ptc-theater-video\");\r\n\t}\r\n\tcomponentDidLoad() {\r\n\t\tthis.setupCards();\r\n\t\tthis.sortCards(\"\");\r\n\t}\r\n\r\n\t@Listen(\"filterCliked\", { target: \"document\" })\r\n\thandleFilterClick(event: CustomEvent) {\r\n\t\tconst filters = event.detail;\r\n\t\tthis.filteredTagName = filters[\"selected-tag\"];\r\n\t\tthis.sortCards(this.filteredTagName);\r\n\t\t//this.updateCardData(filters.cardNumber)\r\n\t}\r\n\t@Listen(\"vCardClicked\", { target: \"document\" })\r\n\thandleVCardClickedEvent(event: CustomEvent) {\r\n\t\tconst filters = event.detail;\r\n\t\tconsole.log(filters);\r\n\t}\r\n\tsortCards(filterVideo) {\r\n\t\tthis.cardElements.forEach((cardElement) => {\r\n\t\t\tlet tagNames: any;\r\n\t\t\tif (cardElement.getAttribute(\"vtag-name\")) {\r\n\t\t\t\ttagNames = cardElement\r\n\t\t\t\t\t.getAttribute(\"vtag-name\")\r\n\t\t\t\t\t.split(\",\")\r\n\t\t\t\t\t.map((item) => {\r\n\t\t\t\t\t\treturn item.trim();\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t\tconst trimFilterVideo = filterVideo.trim();\r\n\t\t\tif (trimFilterVideo !== \"\" && trimFilterVideo !== \"reset\") {\r\n\t\t\t\tif (tagNames.includes(trimFilterVideo)) {\r\n\t\t\t\t\tcardElement.classList.add(\"show\");\r\n\t\t\t\t\tcardElement.classList.remove(\"hide\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tcardElement.classList.add(\"hide\");\r\n\t\t\t\t\tcardElement.classList.remove(\"show\");\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tcardElement.classList.add(\"show\");\r\n\t\t\t\tcardElement.classList.remove(\"hide\");\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\tsetupCards() {\r\n\t\tthis.cardElements.forEach((cardElement, index) => {\r\n\t\t\tthis.cards.push(this.setCardData(cardElement, index));\r\n\t\t\tcardElement.addEventListener(\"click\", () => {\r\n\t\t\t\tthis.showCardDetails(index, cardElement);\r\n\t\t\t});\r\n\r\n\t\t\tcardElement.addEventListener(\"keydown\", (e) => {\r\n\t\t\t\tif (e.key === \"Enter\") {\r\n\t\t\t\t\tthis.showCardDetails(index, cardElement);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\tupdateCardData(cardNumber: number) {\r\n\t\t// debugger\r\n\t\tthis.cards = [];\r\n\t\tthis.cardElements.forEach((cardElement, index) => {\r\n\t\t\tconst tagNames = cardElement\r\n\t\t\t\t.getAttribute(\"vtag-name\")\r\n\t\t\t\t.split(\",\")\r\n\t\t\t\t.map((item) => {\r\n\t\t\t\t\treturn item.trim();\r\n\t\t\t\t});\r\n\t\t\tif (\r\n\t\t\t\tthis.filteredTagName !== \"\" &&\r\n\t\t\t\tthis.filteredTagName !== \"reset\" &&\r\n\t\t\t\tthis.filteredTagName !== undefined &&\r\n\t\t\t\ttagNames.includes(this.filteredTagName)\r\n\t\t\t) {\r\n\t\t\t\tthis.cards.push(this.setCardData(cardElement, index));\r\n\t\t\t\tcardElement.addEventListener(\"click\", () => {\r\n\t\t\t\t\tthis.showCardDetails(cardNumber);\r\n\t\t\t\t});\r\n\t\t\t} else if (this.filteredTagName === \"reset\") {\r\n\t\t\t\tthis.cards.push(this.setCardData(cardElement, index));\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tsetCardData(cardElement, index) {\r\n\t\tconst cardData = {\r\n\t\t\ttitle: cardElement.querySelector(\".vcard-title\").textContent,\r\n\t\t\tcardDescription: cardElement.cardDescription,\r\n\t\t\tdescriptionModal:\r\n\t\t\t\tcardElement.querySelector(\".description\").innerHTML,\r\n\t\t\tvideoId: cardElement.getAttribute(\"video-id\"),\r\n\t\t\tvtagName: cardElement.getAttribute(\"vtag-name\"),\r\n\t\t\tcardNumber: cardElement.getAttribute(\"card-number\"),\r\n\t\t\tindex: index,\r\n\t\t\tmodalType: cardElement.getAttribute(\"modal-type\"),\r\n\t\t};\r\n\t\treturn cardData;\r\n\t}\r\n\r\n\tshowCardDetails(index: number, cardElement?: HTMLElement) {\r\n\t\tthis.currentCardIndex = index;\r\n\t\t// this.showModal = true;\r\n\t\tconst modalElement = document.querySelector(\"ptc-theater-video-modal\");\r\n\t\tif (modalElement) {\r\n\t\t\tmodalElement.updateData(\r\n\t\t\t\tthis.cards,\r\n\t\t\t\tthis.currentCardIndex,\r\n\t\t\t\tcardElement\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<div class=\"card-list\">\r\n\t\t\t\t<slot></slot>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-DOIACVmj.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-theater-video-playlist/ptc-theater-video-playlist.scss?tag=ptc-theater-video-playlist&encapsulation=shadow","src/components/molecules/ptc-theater-video-playlist/ptc-theater-video-playlist.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\t.card-list {\r\n\t\tdisplay: flex;\r\n\t\toverflow-x: auto;\r\n\r\n\t\t@include screen-sm {\r\n\t\t\tflex-wrap: wrap;\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, State, h, Element, Listen, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-theater-video-playlist\",\r\n\tstyleUrl: \"ptc-theater-video-playlist.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcTheaterVideoPlaylist {\r\n\t@State() currentCardIndex: number = 0;\r\n\tprivate cards: any[] = [];\r\n\t@Element() host: HTMLElement;\r\n\t@State() filteredTagName: string;\r\n\t@Prop() cardElements: any;\r\n\tcomponentWillLoad() {\r\n\t\tthis.cardElements = this.host.querySelectorAll(\"ptc-theater-video\");\r\n\t}\r\n\tcomponentDidLoad() {\r\n\t\tthis.setupCards();\r\n\t\tthis.sortCards(\"\");\r\n\t}\r\n\r\n\t@Listen(\"filterCliked\", { target: \"document\" })\r\n\thandleFilterClick(event: CustomEvent) {\r\n\t\tconst filters = event.detail;\r\n\t\tthis.filteredTagName = filters[\"selected-tag\"];\r\n\t\tthis.sortCards(this.filteredTagName);\r\n\t\t//this.updateCardData(filters.cardNumber)\r\n\t}\r\n\t@Listen(\"vCardClicked\", { target: \"document\" })\r\n\thandleVCardClickedEvent(event: CustomEvent) {\r\n\t\tconst filters = event.detail;\r\n\t\tconsole.log(filters);\r\n\t}\r\n\tsortCards(filterVideo) {\r\n\t\tthis.cardElements.forEach((cardElement) => {\r\n\t\t\tlet tagNames: any;\r\n\t\t\tif (cardElement.getAttribute(\"vtag-name\")) {\r\n\t\t\t\ttagNames = cardElement\r\n\t\t\t\t\t.getAttribute(\"vtag-name\")\r\n\t\t\t\t\t.split(\",\")\r\n\t\t\t\t\t.map((item) => {\r\n\t\t\t\t\t\treturn item.trim();\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t\tconst trimFilterVideo = filterVideo.trim();\r\n\t\t\tif (trimFilterVideo !== \"\" && trimFilterVideo !== \"reset\") {\r\n\t\t\t\tif (tagNames.includes(trimFilterVideo)) {\r\n\t\t\t\t\tcardElement.classList.add(\"show\");\r\n\t\t\t\t\tcardElement.classList.remove(\"hide\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tcardElement.classList.add(\"hide\");\r\n\t\t\t\t\tcardElement.classList.remove(\"show\");\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tcardElement.classList.add(\"show\");\r\n\t\t\t\tcardElement.classList.remove(\"hide\");\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\tsetupCards() {\r\n\t\tthis.cardElements.forEach((cardElement, index) => {\r\n\t\t\tthis.cards.push(this.setCardData(cardElement, index));\r\n\t\t\tcardElement.addEventListener(\"click\", () => {\r\n\t\t\t\tthis.showCardDetails(index, cardElement);\r\n\t\t\t});\r\n\r\n\t\t\tcardElement.addEventListener(\"keydown\", (e) => {\r\n\t\t\t\tif (e.key === \"Enter\") {\r\n\t\t\t\t\tthis.showCardDetails(index, cardElement);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\tupdateCardData(cardNumber: number) {\r\n\t\t// debugger\r\n\t\tthis.cards = [];\r\n\t\tthis.cardElements.forEach((cardElement, index) => {\r\n\t\t\tconst tagNames = cardElement\r\n\t\t\t\t.getAttribute(\"vtag-name\")\r\n\t\t\t\t.split(\",\")\r\n\t\t\t\t.map((item) => {\r\n\t\t\t\t\treturn item.trim();\r\n\t\t\t\t});\r\n\t\t\tif (\r\n\t\t\t\tthis.filteredTagName !== \"\" &&\r\n\t\t\t\tthis.filteredTagName !== \"reset\" &&\r\n\t\t\t\tthis.filteredTagName !== undefined &&\r\n\t\t\t\ttagNames.includes(this.filteredTagName)\r\n\t\t\t) {\r\n\t\t\t\tthis.cards.push(this.setCardData(cardElement, index));\r\n\t\t\t\tcardElement.addEventListener(\"click\", () => {\r\n\t\t\t\t\tthis.showCardDetails(cardNumber);\r\n\t\t\t\t});\r\n\t\t\t} else if (this.filteredTagName === \"reset\") {\r\n\t\t\t\tthis.cards.push(this.setCardData(cardElement, index));\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tsetCardData(cardElement, index) {\r\n\t\tconst cardData = {\r\n\t\t\ttitle: cardElement.querySelector(\".vcard-title\").textContent,\r\n\t\t\tcardDescription: cardElement.cardDescription,\r\n\t\t\tdescriptionModal:\r\n\t\t\t\tcardElement.querySelector(\".description\").innerHTML,\r\n\t\t\tvideoId: cardElement.getAttribute(\"video-id\"),\r\n\t\t\tvtagName: cardElement.getAttribute(\"vtag-name\"),\r\n\t\t\tcardNumber: cardElement.getAttribute(\"card-number\"),\r\n\t\t\tindex: index,\r\n\t\t\tmodalType: cardElement.getAttribute(\"modal-type\"),\r\n\t\t};\r\n\t\treturn cardData;\r\n\t}\r\n\r\n\tshowCardDetails(index: number, cardElement?: HTMLElement) {\r\n\t\tthis.currentCardIndex = index;\r\n\t\t// this.showModal = true;\r\n\t\tconst modalElement = document.querySelector(\"ptc-theater-video-modal\");\r\n\t\tif (modalElement) {\r\n\t\t\tmodalElement.updateData(\r\n\t\t\t\tthis.cards,\r\n\t\t\t\tthis.currentCardIndex,\r\n\t\t\t\tcardElement\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<div class=\"card-list\">\r\n\t\t\t\t<slot></slot>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}