npm - @ptcwebops/ptcw-design - Versions diffs - 7.0.7-upgrade → 7.0.9-upgrade - Mend

@ptcwebops/ptcw-design 7.0.7-upgrade → 7.0.9-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 (1014) hide show

package/dist/components/{p-CnmfQSZc.js.map → p-CxIyQKOY.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~CnmfQSZc~~.js","mappings":";;AAAA,MAAM,eAAe,GAAG,EAAE;;MCOb,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;;AACxB;;AAEG;AACK,IAAA,OAAO;IACP,QAAQ,GAAY,KAAK;AACzB,IAAA,aAAa;IAErB,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,qDAAC,KAAK,EAAE,oBAAoB,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,CAAE,CAAA,EAAA,EACjE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,iBAAiB,EAAA,IAClB,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC;;AAEjD,YAAA,aAAa,EAAE,IAAI,CAAC,aAAa,EAAA,EAEjC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR,CACA;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-featured-list/fl-tab-content/fl-tab-content.scss?tag=fl-tab-content&encapsulation=shadow","src/components/molecules/ptc-featured-list/fl-tab-content/fl-tab-content.tsx"],"sourcesContent":["// :host {\r\n// display: none;\r\n\r\n// }\r\n// :host(.init-active){\r\n// display: block;\r\n// }\r\n// :host(.selected){\r\n// display: block;\r\n// }\r\n","import { Component, Host, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"fl-tab-content\",\r\n\tstyleUrl: \"fl-tab-content.scss\",\r\n\tshadow: true,\r\n})\r\nexport class FlTabContent {\r\n\t/\r\n\t Tab content name, for identification\r\n\t /\r\n\t@Prop() nameKey: string;\r\n\t@Prop() selected: boolean = false;\r\n\t@Prop() onbeforematch: () => void;\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={`featured-content ${this.selected ? \"selected\" : \"\"}`}>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"fl-content-wrap\"\r\n\t\t\t\t\t{...(!this.selected && { hidden: \"until-found\" })}\r\n\t\t\t\t\t/@ts-ignore /\r\n\t\t\t\t\tonBeforeMatch={this.onbeforematch}\r\n\t\t\t\t>\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-CxIyQKOY.js","mappings":";;AAAA,MAAM,eAAe,GAAG,EAAE;;MCOb,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;;AACxB;;AAEG;AACK,IAAA,OAAO;IACP,QAAQ,GAAY,KAAK;AACzB,IAAA,aAAa;IAErB,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,qDAAC,KAAK,EAAE,oBAAoB,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,CAAE,CAAA,EAAA,EACjE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,iBAAiB,EAAA,IAClB,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC;;AAEjD,YAAA,aAAa,EAAE,IAAI,CAAC,aAAa,EAAA,EAEjC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR,CACA;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-featured-list/fl-tab-content/fl-tab-content.scss?tag=fl-tab-content&encapsulation=shadow","src/components/molecules/ptc-featured-list/fl-tab-content/fl-tab-content.tsx"],"sourcesContent":["// :host {\r\n// display: none;\r\n\r\n// }\r\n// :host(.init-active){\r\n// display: block;\r\n// }\r\n// :host(.selected){\r\n// display: block;\r\n// }\r\n","import { Component, Host, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"fl-tab-content\",\r\n\tstyleUrl: \"fl-tab-content.scss\",\r\n\tshadow: true,\r\n})\r\nexport class FlTabContent {\r\n\t/\r\n\t Tab content name, for identification\r\n\t /\r\n\t@Prop() nameKey: string;\r\n\t@Prop() selected: boolean = false;\r\n\t@Prop() onbeforematch: () => void;\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={`featured-content ${this.selected ? \"selected\" : \"\"}`}>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"fl-content-wrap\"\r\n\t\t\t\t\t{...(!this.selected && { hidden: \"until-found\" })}\r\n\t\t\t\t\t/@ts-ignore /\r\n\t\t\t\t\tonBeforeMatch={this.onbeforematch}\r\n\t\t\t\t>\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-fJZbg314.js → p-D0flgWRD.js} RENAMED Viewed

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BYSv8uGQ.js';
+import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BvGlmU4v.js';
 import { c as createFocusTrap } from './p-D00doGut.js';
-import { d as defineCustomElement$2 } from './p-Btb5VG0O.js';
-import { d as defineCustomElement$1 } from './p-BAFQzqq2.js';
+import { d as defineCustomElement$2 } from './p-CdDs3va5.js';
+import { d as defineCustomElement$1 } from './p-DyAVOdhn.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%)}@media only screen and (min-width: 992px){.wrapper .modal-popup{max-width:29.125rem}}.wrapper .modal-popup.md{max-width:44.125rem}.wrapper .modal-popup.lg{max-width:56.25rem}.wrapper .modal-popup.xl{max-width:64.0625rem}.wrapper .modal-popup.max{width:calc(100% - 4rem);max-width:75rem;height:80vh;margin:auto;overflow:hidden}.wrapper .modal-popup.max .close{margin:var(--ptc-element-spacing-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)}@media only screen and (min-width: 992px){.wrapper .modal-popup.shadow-scroller{max-height:756px}}.wrapper .modal-popup.shadow-scroller .modal-header{transition:box-shadow ease-in-out 250ms;position:relative;min-height:57px;border-bottom:1px solid var(--color-gray-02);width:100%}.wrapper .modal-popup.shadow-scroller .modal-header .close{position:absolute;top: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}@media only screen and (min-width: 768px){:host(.bio-modal) .wrapper.show{align-items:center}}:host(.bio-modal) .modal-popup{padding:30px 15px 30px 0;max-width:1200px;margin:20px auto 0 auto;max-height:calc(100vh - 180px);width:90%;height:100%}:host(.bio-modal) .modal-popup .modal-body{height:100%}@media only screen and (min-width: 768px){:host(.bio-modal) .modal-popup .modal-body{height:auto}}@media (max-height: 450px){:host(.bio-modal) .modal-popup .modal-body{height:100%}}@media only screen and (min-width: 768px){:host(.bio-modal) .modal-popup{max-height:none;width:80%;margin-top:0px;height:auto}}@media only screen and (min-width: 1440px){:host(.bio-modal) .modal-popup{max-width:1400px}}@media (max-height: 450px){:host(.bio-modal) .modal-popup{max-height:calc(100vh - 180px);height:100%}}:host(.bio-modal) .close{position:absolute;margin:0;right: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%}@media only screen and (min-width: 480px){:host(.thank-you) .wrapper .modal-popup{max-width:640px;width:80%}}:host(.thank-you) .wrapper .modal-popup .modal-body{padding:2px 24px 48px 24px;box-sizing:border-box}@media only screen and (min-width: 992px){:host(.thank-you) .wrapper .modal-popup .modal-body{padding:2px 48px 48px 48px}}: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)}:host .wrapper .bottom-close:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}";
@@ -462,6 +462,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcModal as P, defineCustomElement as d };
-//# sourceMappingURL=p-fJZbg314.js.map
+//# sourceMappingURL=p-D0flgWRD.js.map
-//# sourceMappingURL=p-fJZbg314.js.map
+//# sourceMappingURL=p-D0flgWRD.js.map

package/dist/components/{p-fJZbg314.js.map → p-D0flgWRD.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-fJZbg314.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":["@use 'mixins' as ;\r\n:host {\r\n display: block;\r\n}\r\n\r\n.wrapper {\r\n position: absolute;\r\n width: 100vw;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n z-index: 500001;\r\n display: none;\r\n\r\n &.fixed {\r\n position: fixed;\r\n }\r\n\r\n .modal-popup {\r\n margin: 7.5rem auto 1rem;\r\n background-color: var(--color-white);\r\n box-shadow: var(--ptc-shadow-large);\r\n max-width: 22.5625rem;\r\n width: 80%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n align-content: flex-end;\r\n z-index: 50020;\r\n transform: translateY(-100%);\r\n\r\n @include screen-md {\r\n max-width: 29.125rem;\r\n }\r\n\r\n &.md {\r\n max-width: 44.125rem;\r\n }\r\n\r\n &.lg {\r\n max-width: 56.25rem;\r\n }\r\n\r\n &.xl {\r\n max-width: 64.0625rem;\r\n }\r\n\r\n &.max {\r\n width: Calc(100% - 4rem);\r\n max-width: 75rem;\r\n height: 80vh;\r\n margin: auto;\r\n overflow: hidden;\r\n\r\n .close {\r\n margin: var(--ptc-element-spacing-02);\r\n }\r\n\r\n .modal-body {\r\n iframe {\r\n height: 100%;\r\n }\r\n }\r\n }\r\n\r\n &.sm-modal {\r\n width: 341px;\r\n max-width: 341px;\r\n\r\n @media only screen and (max-width: 360px) {\r\n max-width: 100%;\r\n width: 100%;\r\n }\r\n\r\n @media only screen and (min-width: 360px) and (max-width: 479.55px) {\r\n max-width: 360px;\r\n width: 360px;\r\n }\r\n\r\n // @media only screen and (min-width: 480px) and (max-width: 767.55px) {\r\n // max-width: 433px;\r\n // width: 433px;\r\n // }\r\n\r\n // @media only screen and (min-width: 768px) and (max-width: 991.55px) {\r\n // max-width: 620px;\r\n // width: 620px;\r\n // }\r\n\r\n &.modal-with-content {\r\n @media only screen and (min-width: 480px) {\r\n width: 371px;\r\n max-width: 371px;\r\n }\r\n\r\n @media only screen and (min-width: 360px) and (max-width: 479.55px) {\r\n max-width: 360px;\r\n width: 360px;\r\n }\r\n }\r\n }\r\n\r\n .modal-body {\r\n width: 100%;\r\n\r\n iframe {\r\n opacity: 0;\r\n overflow: hidden;\r\n width: 100%;\r\n border: 0;\r\n transition: opacity var(--ptc-ease-inout) var(--ptc-transition-medium);\r\n\r\n &.ready {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n &.frame {\r\n overflow: hidden;\r\n overflow-y: hidden;\r\n overflow-x: hidden;\r\n }\r\n\r\n &.html {\r\n overflow: hidden;\r\n }\r\n }\r\n\r\n .modal-body.modern-scrollbar {\r\n &::-webkit-scrollbar {\r\n width: 6px;\r\n }\r\n\r\n &::-webkit-scrollbar-track {\r\n border-radius: var(--ptc-border-radius-pill);\r\n }\r\n\r\n &::-webkit-scrollbar-thumb {\r\n //box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);\r\n background: var(--color-gray-03);\r\n border-radius: var(--ptc-border-radius-pill);\r\n }\r\n }\r\n\r\n &.frame {\r\n .modal-body {\r\n display: flex;\r\n flex: 1;\r\n height: 100%;\r\n }\r\n }\r\n\r\n .close {\r\n margin-right: 2px;\r\n margin-top: 2px;\r\n }\r\n\r\n &.shadow-scroller {\r\n max-height: calc(100vh - 220px);\r\n\r\n @include screen-md {\r\n max-height: 756px;\r\n }\r\n\r\n .modal-header {\r\n transition: box-shadow ease-in-out 250ms;\r\n position: relative;\r\n min-height: 57px;\r\n border-bottom: 1px solid var(--color-gray-02);\r\n width: 100%;\r\n\r\n .close {\r\n position: absolute;\r\n top: 8px;\r\n right: 8px;\r\n margin: 0;\r\n }\r\n }\r\n\r\n .modal-body {\r\n min-height: 200px;\r\n overflow-x: hidden;\r\n }\r\n\r\n .modal-footer {\r\n transition: box-shadow ease-in-out 250ms;\r\n width: 100%;\r\n min-height: 60px;\r\n border-top: 1px solid var(--color-gray-02);\r\n padding-top: 1rem;\r\n }\r\n\r\n &.scroll-top {\r\n .modal-header {\r\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);\r\n }\r\n }\r\n\r\n &.scroll-bottom {\r\n .modal-footer {\r\n box-shadow: 0px -8px 12px rgba(0, 0, 0, 0.12);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.show {\r\n display: flex;\r\n align-items: flex-start;\r\n\r\n .modal-popup {\r\n transform: translateY(0);\r\n\r\n &.rounded {\r\n border-radius: var(--ptc-border-radius-standard);\r\n }\r\n }\r\n }\r\n}\r\n\r\n.overlay {\r\n width: 100vw;\r\n height: 100vh;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 50010;\r\n display: block;\r\n background-color: rgba(0, 0, 0, 0.6);\r\n}\r\n\r\n:host(.standard) {\r\n .modal-popup {\r\n border-radius: var(--ptc-border-radius-standard);\r\n }\r\n}\r\n\r\n:host(.large) {\r\n .modal-popup {\r\n border-radius: var(--ptc-border-radius-large);\r\n }\r\n}\r\n\r\n:host(.pill) {\r\n .modal-popup {\r\n border-radius: var(--ptc-border-radius-pill);\r\n }\r\n}\r\n\r\n:host(.circle) {\r\n .modal-popup {\r\n border-radius: var(--ptc-border-radius-circle);\r\n }\r\n}\r\n\r\n:host(.enclose-modal) {\r\n .modal-popup {\r\n max-height: calc(100vh - 180px);\r\n\r\n &:not(.frame) .modal-body {\r\n overflow-y: auto;\r\n }\r\n }\r\n}\r\n\r\n:host(.bio-modal) {\r\n .wrapper.show {\r\n align-items: flex-start;\r\n\r\n @include screen-sm {\r\n align-items: center;\r\n }\r\n }\r\n\r\n .modal-popup {\r\n padding: 30px 15px 30px 0;\r\n max-width: 1200px;\r\n margin: 20px auto 0 auto;\r\n max-height: calc(100vh - 180px);\r\n width: 90%;\r\n height: 100%;\r\n\r\n .modal-body {\r\n height: 100%;\r\n\r\n @include screen-sm {\r\n height: auto;\r\n }\r\n\r\n @media (max-height: 450px) {\r\n height: 100%;\r\n }\r\n }\r\n\r\n @include screen-sm {\r\n max-height: none;\r\n width: 80%;\r\n margin-top: 0px;\r\n height: auto;\r\n }\r\n\r\n @include screen-xl {\r\n max-width: 1400px;\r\n }\r\n\r\n @media (max-height: 450px) {\r\n max-height: calc(100vh - 180px);\r\n height: 100%;\r\n }\r\n }\r\n\r\n .close {\r\n position: absolute;\r\n margin: 0;\r\n right: 8px;\r\n top: 8px;\r\n\r\n svg {\r\n .cls-1,\r\n .cls-2 {\r\n fill: none;\r\n stroke-width: 2px;\r\n }\r\n\r\n .cls-1 {\r\n stroke: #1c2439;\r\n stroke-linecap: square;\r\n }\r\n\r\n .cls-2 {\r\n stroke: #74c34d;\r\n }\r\n\r\n path {\r\n transition: all ease-in-out 250ms;\r\n }\r\n\r\n .cls-1 {\r\n &:nth-child(1) {\r\n transform: translate(175.5px, 135.5px);\r\n }\r\n\r\n &:nth-child(2) {\r\n transform: translate(175.5px, 174.985px);\r\n }\r\n\r\n &:nth-child(3) {\r\n transform: translate(215.5px, 141.393px);\r\n }\r\n\r\n &:nth-child(4) {\r\n transform: translate(175.5px, 135.5px);\r\n }\r\n }\r\n }\r\n\r\n &:hover {\r\n svg {\r\n .cls-1 {\r\n &:nth-child(1) {\r\n transform: translate(175.5px, 162px);\r\n }\r\n\r\n &:nth-child(2) {\r\n transform: translate(149px, 174.985px);\r\n }\r\n\r\n &:nth-child(3) {\r\n transform: translate(215.5px, 174px);\r\n }\r\n\r\n &:nth-child(4) {\r\n transform: translate(152.5px, 135.5px);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n:host(.no-container) {\r\n .wrapper .modal-popup.xl {\r\n max-width: 80rem !important;\r\n background: transparent;\r\n box-shadow: none;\r\n }\r\n\r\n .wrapper .modal-popup .close {\r\n display: none;\r\n }\r\n}\r\n\r\n:host(.video-modal) {\r\n .modal-popup {\r\n margin: auto;\r\n\r\n &.xl {\r\n @media (max-height: 768px) {\r\n max-width: 56rem;\r\n }\r\n\r\n @media (max-height: 600px) {\r\n max-width: 44rem;\r\n }\r\n\r\n @media (max-height: 500px) {\r\n max-width: 35rem;\r\n }\r\n\r\n @media (max-height: 400px) {\r\n max-width: 26rem;\r\n }\r\n }\r\n }\r\n}\r\n\r\n:host(.event-listing) {\r\n .wrapper {\r\n .modal-popup {\r\n max-width: unset;\r\n width: calc(100% - 48px);\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%) !important;\r\n margin: 0px;\r\n position: absolute;\r\n }\r\n }\r\n}\r\n\r\n:host(.vh-center) {\r\n .wrapper {\r\n .modal-popup {\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%) !important;\r\n margin: 0px auto;\r\n position: absolute;\r\n }\r\n }\r\n}\r\n\r\n:host(.thank-you) {\r\n .wrapper {\r\n .modal-popup {\r\n max-width: calc(100% - 48px);\r\n width: 100%;\r\n\r\n @include screen-xs {\r\n max-width: 640px;\r\n width: 80%;\r\n }\r\n\r\n .modal-body {\r\n padding: 2px 24px 48px 24px;\r\n box-sizing: border-box;\r\n\r\n @include screen-md {\r\n padding: 2px 48px 48px 48px;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n:host {\r\n .wrapper {\r\n .event-list-header {\r\n display: flex;\r\n position: absolute;\r\n width: 100%;\r\n height: 118px;\r\n left: 0;\r\n transform: translateY(-100%);\r\n border-radius: var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;\r\n align-items: center;\r\n padding: var(--ptc-element-spacing-06);\r\n box-sizing: border-box;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 4px 4px 0px 0px;\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);\r\n z-index: 1;\r\n }\r\n\r\n & + .close {\r\n margin-top: 0px;\r\n margin-right: 0px;\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .text-wrapper {\r\n display: flex;\r\n flex-wrap: wrap;\r\n column-gap: 0.5em;\r\n\r\n span {\r\n display: inline-block;\r\n color: var(--color-white);\r\n font-family: var(--ptc-font-latin);\r\n font-size: var(--ptc-font-size-x-large);\r\n font-weight: var(--ptc-font-weight-medium);\r\n line-height: var(--ptc-line-height-densest);\r\n position: relative;\r\n z-index: 2;\r\n\r\n &:first-of-type {\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n }\r\n }\r\n }\r\n }\r\n\r\n .event-mobile-modal {\r\n border-top-left-radius: 0px;\r\n border-top-right-radius: 0px;\r\n }\r\n\r\n .bottom-close {\r\n text-align: center;\r\n margin: 0 auto 40px auto;\r\n\r\n span {\r\n cursor: pointer;\r\n color: var(--color-hyperlink);\r\n font-size: var(--ptc-font-size-small);\r\n font-weight: var(--ptc-font-weight-bold);\r\n text-decoration-line: underline;\r\n line-height: var(--ptc-line-height-densest);\r\n &:hover {\r\n color: var(--color-blue-08);\r\n }\r\n }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n }\r\n }\r\n }\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<any>;\r\n\r\n\t/\r\n\t Event for modal popup opened\r\n\t /\r\n\t@Event() opened: EventEmitter<any>;\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}
1	+ {"file":"p-D0flgWRD.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":["@use 'mixins' as ;\r\n:host {\r\n display: block;\r\n}\r\n\r\n.wrapper {\r\n position: absolute;\r\n width: 100vw;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n z-index: 500001;\r\n display: none;\r\n\r\n &.fixed {\r\n position: fixed;\r\n }\r\n\r\n .modal-popup {\r\n margin: 7.5rem auto 1rem;\r\n background-color: var(--color-white);\r\n box-shadow: var(--ptc-shadow-large);\r\n max-width: 22.5625rem;\r\n width: 80%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n align-content: flex-end;\r\n z-index: 50020;\r\n transform: translateY(-100%);\r\n\r\n @include screen-md {\r\n max-width: 29.125rem;\r\n }\r\n\r\n &.md {\r\n max-width: 44.125rem;\r\n }\r\n\r\n &.lg {\r\n max-width: 56.25rem;\r\n }\r\n\r\n &.xl {\r\n max-width: 64.0625rem;\r\n }\r\n\r\n &.max {\r\n width: Calc(100% - 4rem);\r\n max-width: 75rem;\r\n height: 80vh;\r\n margin: auto;\r\n overflow: hidden;\r\n\r\n .close {\r\n margin: var(--ptc-element-spacing-02);\r\n }\r\n\r\n .modal-body {\r\n iframe {\r\n height: 100%;\r\n }\r\n }\r\n }\r\n\r\n &.sm-modal {\r\n width: 341px;\r\n max-width: 341px;\r\n\r\n @media only screen and (max-width: 360px) {\r\n max-width: 100%;\r\n width: 100%;\r\n }\r\n\r\n @media only screen and (min-width: 360px) and (max-width: 479.55px) {\r\n max-width: 360px;\r\n width: 360px;\r\n }\r\n\r\n // @media only screen and (min-width: 480px) and (max-width: 767.55px) {\r\n // max-width: 433px;\r\n // width: 433px;\r\n // }\r\n\r\n // @media only screen and (min-width: 768px) and (max-width: 991.55px) {\r\n // max-width: 620px;\r\n // width: 620px;\r\n // }\r\n\r\n &.modal-with-content {\r\n @media only screen and (min-width: 480px) {\r\n width: 371px;\r\n max-width: 371px;\r\n }\r\n\r\n @media only screen and (min-width: 360px) and (max-width: 479.55px) {\r\n max-width: 360px;\r\n width: 360px;\r\n }\r\n }\r\n }\r\n\r\n .modal-body {\r\n width: 100%;\r\n\r\n iframe {\r\n opacity: 0;\r\n overflow: hidden;\r\n width: 100%;\r\n border: 0;\r\n transition: opacity var(--ptc-ease-inout) var(--ptc-transition-medium);\r\n\r\n &.ready {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n &.frame {\r\n overflow: hidden;\r\n overflow-y: hidden;\r\n overflow-x: hidden;\r\n }\r\n\r\n &.html {\r\n overflow: hidden;\r\n }\r\n }\r\n\r\n .modal-body.modern-scrollbar {\r\n &::-webkit-scrollbar {\r\n width: 6px;\r\n }\r\n\r\n &::-webkit-scrollbar-track {\r\n border-radius: var(--ptc-border-radius-pill);\r\n }\r\n\r\n &::-webkit-scrollbar-thumb {\r\n //box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);\r\n background: var(--color-gray-03);\r\n border-radius: var(--ptc-border-radius-pill);\r\n }\r\n }\r\n\r\n &.frame {\r\n .modal-body {\r\n display: flex;\r\n flex: 1;\r\n height: 100%;\r\n }\r\n }\r\n\r\n .close {\r\n margin-right: 2px;\r\n margin-top: 2px;\r\n }\r\n\r\n &.shadow-scroller {\r\n max-height: calc(100vh - 220px);\r\n\r\n @include screen-md {\r\n max-height: 756px;\r\n }\r\n\r\n .modal-header {\r\n transition: box-shadow ease-in-out 250ms;\r\n position: relative;\r\n min-height: 57px;\r\n border-bottom: 1px solid var(--color-gray-02);\r\n width: 100%;\r\n\r\n .close {\r\n position: absolute;\r\n top: 8px;\r\n right: 8px;\r\n margin: 0;\r\n }\r\n }\r\n\r\n .modal-body {\r\n min-height: 200px;\r\n overflow-x: hidden;\r\n }\r\n\r\n .modal-footer {\r\n transition: box-shadow ease-in-out 250ms;\r\n width: 100%;\r\n min-height: 60px;\r\n border-top: 1px solid var(--color-gray-02);\r\n padding-top: 1rem;\r\n }\r\n\r\n &.scroll-top {\r\n .modal-header {\r\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);\r\n }\r\n }\r\n\r\n &.scroll-bottom {\r\n .modal-footer {\r\n box-shadow: 0px -8px 12px rgba(0, 0, 0, 0.12);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.show {\r\n display: flex;\r\n align-items: flex-start;\r\n\r\n .modal-popup {\r\n transform: translateY(0);\r\n\r\n &.rounded {\r\n border-radius: var(--ptc-border-radius-standard);\r\n }\r\n }\r\n }\r\n}\r\n\r\n.overlay {\r\n width: 100vw;\r\n height: 100vh;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 50010;\r\n display: block;\r\n background-color: rgba(0, 0, 0, 0.6);\r\n}\r\n\r\n:host(.standard) {\r\n .modal-popup {\r\n border-radius: var(--ptc-border-radius-standard);\r\n }\r\n}\r\n\r\n:host(.large) {\r\n .modal-popup {\r\n border-radius: var(--ptc-border-radius-large);\r\n }\r\n}\r\n\r\n:host(.pill) {\r\n .modal-popup {\r\n border-radius: var(--ptc-border-radius-pill);\r\n }\r\n}\r\n\r\n:host(.circle) {\r\n .modal-popup {\r\n border-radius: var(--ptc-border-radius-circle);\r\n }\r\n}\r\n\r\n:host(.enclose-modal) {\r\n .modal-popup {\r\n max-height: calc(100vh - 180px);\r\n\r\n &:not(.frame) .modal-body {\r\n overflow-y: auto;\r\n }\r\n }\r\n}\r\n\r\n:host(.bio-modal) {\r\n .wrapper.show {\r\n align-items: flex-start;\r\n\r\n @include screen-sm {\r\n align-items: center;\r\n }\r\n }\r\n\r\n .modal-popup {\r\n padding: 30px 15px 30px 0;\r\n max-width: 1200px;\r\n margin: 20px auto 0 auto;\r\n max-height: calc(100vh - 180px);\r\n width: 90%;\r\n height: 100%;\r\n\r\n .modal-body {\r\n height: 100%;\r\n\r\n @include screen-sm {\r\n height: auto;\r\n }\r\n\r\n @media (max-height: 450px) {\r\n height: 100%;\r\n }\r\n }\r\n\r\n @include screen-sm {\r\n max-height: none;\r\n width: 80%;\r\n margin-top: 0px;\r\n height: auto;\r\n }\r\n\r\n @include screen-xl {\r\n max-width: 1400px;\r\n }\r\n\r\n @media (max-height: 450px) {\r\n max-height: calc(100vh - 180px);\r\n height: 100%;\r\n }\r\n }\r\n\r\n .close {\r\n position: absolute;\r\n margin: 0;\r\n right: 8px;\r\n top: 8px;\r\n\r\n svg {\r\n .cls-1,\r\n .cls-2 {\r\n fill: none;\r\n stroke-width: 2px;\r\n }\r\n\r\n .cls-1 {\r\n stroke: #1c2439;\r\n stroke-linecap: square;\r\n }\r\n\r\n .cls-2 {\r\n stroke: #74c34d;\r\n }\r\n\r\n path {\r\n transition: all ease-in-out 250ms;\r\n }\r\n\r\n .cls-1 {\r\n &:nth-child(1) {\r\n transform: translate(175.5px, 135.5px);\r\n }\r\n\r\n &:nth-child(2) {\r\n transform: translate(175.5px, 174.985px);\r\n }\r\n\r\n &:nth-child(3) {\r\n transform: translate(215.5px, 141.393px);\r\n }\r\n\r\n &:nth-child(4) {\r\n transform: translate(175.5px, 135.5px);\r\n }\r\n }\r\n }\r\n\r\n &:hover {\r\n svg {\r\n .cls-1 {\r\n &:nth-child(1) {\r\n transform: translate(175.5px, 162px);\r\n }\r\n\r\n &:nth-child(2) {\r\n transform: translate(149px, 174.985px);\r\n }\r\n\r\n &:nth-child(3) {\r\n transform: translate(215.5px, 174px);\r\n }\r\n\r\n &:nth-child(4) {\r\n transform: translate(152.5px, 135.5px);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n:host(.no-container) {\r\n .wrapper .modal-popup.xl {\r\n max-width: 80rem !important;\r\n background: transparent;\r\n box-shadow: none;\r\n }\r\n\r\n .wrapper .modal-popup .close {\r\n display: none;\r\n }\r\n}\r\n\r\n:host(.video-modal) {\r\n .modal-popup {\r\n margin: auto;\r\n\r\n &.xl {\r\n @media (max-height: 768px) {\r\n max-width: 56rem;\r\n }\r\n\r\n @media (max-height: 600px) {\r\n max-width: 44rem;\r\n }\r\n\r\n @media (max-height: 500px) {\r\n max-width: 35rem;\r\n }\r\n\r\n @media (max-height: 400px) {\r\n max-width: 26rem;\r\n }\r\n }\r\n }\r\n}\r\n\r\n:host(.event-listing) {\r\n .wrapper {\r\n .modal-popup {\r\n max-width: unset;\r\n width: calc(100% - 48px);\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%) !important;\r\n margin: 0px;\r\n position: absolute;\r\n }\r\n }\r\n}\r\n\r\n:host(.vh-center) {\r\n .wrapper {\r\n .modal-popup {\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%) !important;\r\n margin: 0px auto;\r\n position: absolute;\r\n }\r\n }\r\n}\r\n\r\n:host(.thank-you) {\r\n .wrapper {\r\n .modal-popup {\r\n max-width: calc(100% - 48px);\r\n width: 100%;\r\n\r\n @include screen-xs {\r\n max-width: 640px;\r\n width: 80%;\r\n }\r\n\r\n .modal-body {\r\n padding: 2px 24px 48px 24px;\r\n box-sizing: border-box;\r\n\r\n @include screen-md {\r\n padding: 2px 48px 48px 48px;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n:host {\r\n .wrapper {\r\n .event-list-header {\r\n display: flex;\r\n position: absolute;\r\n width: 100%;\r\n height: 118px;\r\n left: 0;\r\n transform: translateY(-100%);\r\n border-radius: var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;\r\n align-items: center;\r\n padding: var(--ptc-element-spacing-06);\r\n box-sizing: border-box;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 4px 4px 0px 0px;\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);\r\n z-index: 1;\r\n }\r\n\r\n & + .close {\r\n margin-top: 0px;\r\n margin-right: 0px;\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .text-wrapper {\r\n display: flex;\r\n flex-wrap: wrap;\r\n column-gap: 0.5em;\r\n\r\n span {\r\n display: inline-block;\r\n color: var(--color-white);\r\n font-family: var(--ptc-font-latin);\r\n font-size: var(--ptc-font-size-x-large);\r\n font-weight: var(--ptc-font-weight-medium);\r\n line-height: var(--ptc-line-height-densest);\r\n position: relative;\r\n z-index: 2;\r\n\r\n &:first-of-type {\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n }\r\n }\r\n }\r\n }\r\n\r\n .event-mobile-modal {\r\n border-top-left-radius: 0px;\r\n border-top-right-radius: 0px;\r\n }\r\n\r\n .bottom-close {\r\n text-align: center;\r\n margin: 0 auto 40px auto;\r\n\r\n span {\r\n cursor: pointer;\r\n color: var(--color-hyperlink);\r\n font-size: var(--ptc-font-size-small);\r\n font-weight: var(--ptc-font-weight-bold);\r\n text-decoration-line: underline;\r\n line-height: var(--ptc-line-height-densest);\r\n &:hover {\r\n color: var(--color-blue-08);\r\n }\r\n }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n }\r\n }\r\n }\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<any>;\r\n\r\n\t/\r\n\t Event for modal popup opened\r\n\t /\r\n\t@Event() opened: EventEmitter<any>;\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-CnlTszzU.js → p-D3ejWEdn.js} RENAMED Viewed

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BYSv8uGQ.js';
-import { d as defineCustomElement$5 } from './p-B8tFe8Su.js';
-import { d as defineCustomElement$4 } from './p-Btb5VG0O.js';
-import { d as defineCustomElement$3 } from './p-BAFQzqq2.js';
-import { d as defineCustomElement$2 } from './p-fJZbg314.js';
-import { d as defineCustomElement$1 } from './p-BT44R0p2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
+import { d as defineCustomElement$5 } from './p-CL4G31qv.js';
+import { d as defineCustomElement$4 } from './p-CdDs3va5.js';
+import { d as defineCustomElement$3 } from './p-DyAVOdhn.js';
+import { d as defineCustomElement$2 } from './p-D0flgWRD.js';
+import { d as defineCustomElement$1 } from './p-CKp1G5v7.js';
 const ptcSocialShareCss = ":host(.inline-block){display:inline-block}:host(.block){display:block}:host(.inline){display:inline}:host(.flex){display:flex}:host(.ptc-social-share){cursor:pointer}:host(.ptc-social-share) .focus-state:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host(.ptc-social-share) .focus-state.focus-state-dark-background:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline);transition:none;text-decoration-line:none}@media only screen and (min-width: 1200px){:host(.ptc-social-m-left){margin-left:var(--ptc-element-spacing-04)}}";
@@ -184,6 +184,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcSocialShare as P, defineCustomElement as d };
-//# sourceMappingURL=p-CnlTszzU.js.map
+//# sourceMappingURL=p-D3ejWEdn.js.map
-//# sourceMappingURL=p-CnlTszzU.js.map
+//# sourceMappingURL=p-D3ejWEdn.js.map

package/dist/components/{p-CnlTszzU.js.map → p-D3ejWEdn.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-CnlTszzU.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-social-share/ptc-social-share.scss?tag=ptc-social-share&encapsulation=shadow","src/components/molecules/ptc-social-share/ptc-social-share.tsx"],"sourcesContent":["@use \"mixins\" as ;\t\r\n:host(.inline-block) {\r\n\tdisplay: inline-block;\r\n}\r\n:host(.block) {\r\n\tdisplay: block;\r\n}\r\n:host(.inline) {\r\n\tdisplay: inline;\r\n}\r\n:host(.flex) {\r\n\tdisplay: flex;\r\n}\r\n:host(.ptc-social-share) {\r\n\tcursor: pointer;\r\n\r\n\t.focus-state {\r\n\t\t&:focus-visible {\r\n\t\t\ttransition: none;\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\r\n\t\t&.focus-state-dark-background {\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include focus-state-with-padding;\r\n\t\t\t\ttransition: none;\r\n\t\t\t\ttext-decoration-line: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-lg {\r\n\t:host(.ptc-social-m-left) {\r\n\t\tmargin-left: var(--ptc-element-spacing-04);\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop, Element, State } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-social-share\",\r\n\tstyleUrl: \"ptc-social-share.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcSocialShare {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t@Prop() trackerId: string;\r\n\t@Prop() display?: \"inline-block\" \| \"block\" \| \"inline\" \| \"flex\" =\r\n\t\t\"inline-block\";\r\n\t@Prop() shareType?:\r\n\t\t\| \"mail\"\r\n\t\t\| \"twitter\"\r\n\t\t\| \"linkedin\"\r\n\t\t\| \"facebook\"\r\n\t\t\| \"share-api\"\r\n\t\t\| \"download\"\r\n\t\t\| \"blog-mail\"\r\n\t\t\| \"blog-twitter\"\r\n\t\t\| \"blog-linkedin\"\r\n\t\t\| \"blog-facebook\" = \"twitter\";\r\n\t@Prop() shareTitle: string;\r\n\t@Prop() text: string;\r\n\t@Prop() url: string;\r\n\t/\r\n\t Optional - source for linkedin\r\n\t /\r\n\t@Prop() source?: string = \"\";\r\n\t/\r\n\t Email recipient.\r\n\t * If you want to use mail share, you need to use this property\r\n\t /\r\n\t@Prop() recipient?: string = \"\";\r\n\t/\r\n\t Icon asset color\r\n\t /\r\n\t@Prop() iconColor?:\r\n\t\t\| \"black\"\r\n\t\t\| \"white\"\r\n\t\t\| \"ptc-green\"\r\n\t\t\| \"gray\"\r\n\t\t\| \"primary-gray\"\r\n\t\t\| \"inherit\" = \"white\";\r\n\t/\r\n\t Icon asset hover color\r\n\t /\r\n\t@Prop() iconHoverColor?:\r\n\t\t\| \"black\"\r\n\t\t\| \"white\"\r\n\t\t\| \"ptc-green\"\r\n\t\t\| \"gray\"\r\n\t\t\| \"primary-gray\"\r\n\t\t\| \"inherit\" = \"gray\";\r\n\t/\r\n\t is hover or not\r\n\t /\r\n\t@State() isHover: boolean = false;\r\n\r\n\t/\r\n\t Icon Size\r\n\t /\r\n\t@Prop() iconSize?:\r\n\t\t\| \"small\"\r\n\t\t\| \"medium\"\r\n\t\t\| \"large\"\r\n\t\t\| \"x-large\"\r\n\t\t\| \"xx-large\"\r\n\t\t\| \"xxx-large\"\r\n\t\t\| \"xxxx-large\" = \"large\";\r\n\r\n\t/\r\n\t darkFocusState for dark background\r\n\t */\r\n\r\n\t@Prop() darkFocusState: boolean = false;\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t<div\r\n\t\t\t\t\tonClick={() => this.share()}\r\n\t\t\t\t\tonMouseEnter={() => this.hoverToggle()}\r\n\t\t\t\t\tonMouseLeave={() => this.hoverToggle()}\r\n\t\t\t\t\tclass={`focus-state mf-listen ${this.darkFocusState ? \"focus-state-dark-background\" : \"\"}`}\r\n\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\tonKeyDown={(event) => this.handleKeyDown(event)}\r\n\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t>\r\n\t\t\t\t\t{this.shareType == \"mail\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"plm-mail\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"linkedin\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"plm-linkedin\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"twitter\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"twitter-x\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"facebook\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"plm-fb\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"blog-mail\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"mail-blogs-icon\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"blog-linkedin\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"linkedin-blogs-icon\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"blog-twitter\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"twitter-x-dark-circle\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"blog-facebook\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"facebook-blogs-icon\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"share-api\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"solid\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"share-square\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"download\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"download-arrow-news\"\r\n\t\t\t\t\t\t\tcolor=\"inherit\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t</div>\r\n\t\t\t\t{this.shareType == \"download\" && (\r\n\t\t\t\t\t<ptc-modal\r\n\t\t\t\t\t\tid=\"download-modal\"\r\n\t\t\t\t\t\tshow={false}\r\n\t\t\t\t\t\tsize=\"lg\"\r\n\t\t\t\t\t\tfixed={true}\r\n\t\t\t\t\t\tis-bio-modal={true}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\t\ttype=\"h2\"\r\n\t\t\t\t\t\t\ttext-align=\"center\"\r\n\t\t\t\t\t\t\ttitle-weight=\"w-5\"\r\n\t\t\t\t\t\t\tupperline=\"no-upperline\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\tThanks For Downloading\r\n\t\t\t\t\t\t</ptc-title>\r\n\t\t\t\t\t</ptc-modal>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate handleKeyDown(event: KeyboardEvent) {\r\n\t\tif (event.key === \"Enter\") {\r\n\t\t\tthis.share();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"ptc-social-share\"]: true,\r\n\t\t\t[this.display]: true,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate hoverToggle(): any {\r\n\t\tthis.isHover = !this.isHover;\r\n\t}\r\n\r\n\tprivate share(): any {\r\n\t\tif (this.shareType == \"twitter\" \|\| this.shareType == \"blog-twitter\") {\r\n\t\t\twindow.open(\r\n\t\t\t\t`https://twitter.com/share?text=${this.text}&url=${this.url}`,\r\n\t\t\t);\r\n\t\t}\r\n\t\tif (this.shareType == \"facebook\" \|\| this.shareType == \"blog-facebook\") {\r\n\t\t\twindow.open(\r\n\t\t\t\t`https://www.facebook.com/sharer/sharer.php?u=${this.url}`,\r\n\t\t\t);\r\n\t\t}\r\n\t\tif (this.shareType == \"linkedin\" \|\| this.shareType == \"blog-linkedin\") {\r\n\t\t\twindow.open(\r\n\t\t\t\t`https://www.linkedin.com/shareArticle?mini=true&url=${this.url}&title=${this.shareTitle}&summary=${this.text}&source=${this.source}`,\r\n\t\t\t);\r\n\t\t}\r\n\t\tif (this.shareType == \"mail\" \|\| this.shareType == \"blog-mail\") {\r\n\t\t\twindow.open(\r\n\t\t\t\t`mailto:${this.recipient}?subject=${this.text}&body=${this.url}`,\r\n\t\t\t);\r\n\t\t}\r\n\t\tif (this.shareType == \"share-api\") {\r\n\t\t\tif ((navigator as any).share) {\r\n\t\t\t\t(navigator as any)\r\n\t\t\t\t\t.share({\r\n\t\t\t\t\t\ttitle: this.shareTitle,\r\n\t\t\t\t\t\ttext: this.text,\r\n\t\t\t\t\t\turl: this.url,\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.then(() => console.log(\"Successful share\"))\r\n\t\t\t\t\t.catch((error) => console.log(\"Error sharing\", error));\r\n\t\t\t} else {\r\n\t\t\t\t// fallback to sharing to twitter\r\n\t\t\t\twindow.open(\r\n\t\t\t\t\t`http://twitter.com/share?text=${this.text}&url=${this.url}`,\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.shareType == \"download\") {\r\n\t\t\tlet modal = this.el.shadowRoot.querySelector(\"#download-modal\");\r\n\t\t\tmodal.setAttribute(\"show\", \"true\");\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tmodal.setAttribute(\"show\", \"false\");\r\n\t\t\t\twindow.open(`${this.url}`, \"_self\");\r\n\t\t\t}, 1000);\r\n\t\t}\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-D3ejWEdn.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-social-share/ptc-social-share.scss?tag=ptc-social-share&encapsulation=shadow","src/components/molecules/ptc-social-share/ptc-social-share.tsx"],"sourcesContent":["@use \"mixins\" as ;\t\r\n:host(.inline-block) {\r\n\tdisplay: inline-block;\r\n}\r\n:host(.block) {\r\n\tdisplay: block;\r\n}\r\n:host(.inline) {\r\n\tdisplay: inline;\r\n}\r\n:host(.flex) {\r\n\tdisplay: flex;\r\n}\r\n:host(.ptc-social-share) {\r\n\tcursor: pointer;\r\n\r\n\t.focus-state {\r\n\t\t&:focus-visible {\r\n\t\t\ttransition: none;\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\r\n\t\t&.focus-state-dark-background {\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include focus-state-with-padding;\r\n\t\t\t\ttransition: none;\r\n\t\t\t\ttext-decoration-line: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-lg {\r\n\t:host(.ptc-social-m-left) {\r\n\t\tmargin-left: var(--ptc-element-spacing-04);\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop, Element, State } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-social-share\",\r\n\tstyleUrl: \"ptc-social-share.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcSocialShare {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t@Prop() trackerId: string;\r\n\t@Prop() display?: \"inline-block\" \| \"block\" \| \"inline\" \| \"flex\" =\r\n\t\t\"inline-block\";\r\n\t@Prop() shareType?:\r\n\t\t\| \"mail\"\r\n\t\t\| \"twitter\"\r\n\t\t\| \"linkedin\"\r\n\t\t\| \"facebook\"\r\n\t\t\| \"share-api\"\r\n\t\t\| \"download\"\r\n\t\t\| \"blog-mail\"\r\n\t\t\| \"blog-twitter\"\r\n\t\t\| \"blog-linkedin\"\r\n\t\t\| \"blog-facebook\" = \"twitter\";\r\n\t@Prop() shareTitle: string;\r\n\t@Prop() text: string;\r\n\t@Prop() url: string;\r\n\t/\r\n\t Optional - source for linkedin\r\n\t /\r\n\t@Prop() source?: string = \"\";\r\n\t/\r\n\t Email recipient.\r\n\t * If you want to use mail share, you need to use this property\r\n\t /\r\n\t@Prop() recipient?: string = \"\";\r\n\t/\r\n\t Icon asset color\r\n\t /\r\n\t@Prop() iconColor?:\r\n\t\t\| \"black\"\r\n\t\t\| \"white\"\r\n\t\t\| \"ptc-green\"\r\n\t\t\| \"gray\"\r\n\t\t\| \"primary-gray\"\r\n\t\t\| \"inherit\" = \"white\";\r\n\t/\r\n\t Icon asset hover color\r\n\t /\r\n\t@Prop() iconHoverColor?:\r\n\t\t\| \"black\"\r\n\t\t\| \"white\"\r\n\t\t\| \"ptc-green\"\r\n\t\t\| \"gray\"\r\n\t\t\| \"primary-gray\"\r\n\t\t\| \"inherit\" = \"gray\";\r\n\t/\r\n\t is hover or not\r\n\t /\r\n\t@State() isHover: boolean = false;\r\n\r\n\t/\r\n\t Icon Size\r\n\t /\r\n\t@Prop() iconSize?:\r\n\t\t\| \"small\"\r\n\t\t\| \"medium\"\r\n\t\t\| \"large\"\r\n\t\t\| \"x-large\"\r\n\t\t\| \"xx-large\"\r\n\t\t\| \"xxx-large\"\r\n\t\t\| \"xxxx-large\" = \"large\";\r\n\r\n\t/\r\n\t darkFocusState for dark background\r\n\t */\r\n\r\n\t@Prop() darkFocusState: boolean = false;\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t<div\r\n\t\t\t\t\tonClick={() => this.share()}\r\n\t\t\t\t\tonMouseEnter={() => this.hoverToggle()}\r\n\t\t\t\t\tonMouseLeave={() => this.hoverToggle()}\r\n\t\t\t\t\tclass={`focus-state mf-listen ${this.darkFocusState ? \"focus-state-dark-background\" : \"\"}`}\r\n\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\tonKeyDown={(event) => this.handleKeyDown(event)}\r\n\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t>\r\n\t\t\t\t\t{this.shareType == \"mail\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"plm-mail\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"linkedin\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"plm-linkedin\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"twitter\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"twitter-x\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"facebook\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"plm-fb\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"blog-mail\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"mail-blogs-icon\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"blog-linkedin\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"linkedin-blogs-icon\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"blog-twitter\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"twitter-x-dark-circle\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"blog-facebook\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"facebook-blogs-icon\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"share-api\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"solid\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"share-square\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"download\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"download-arrow-news\"\r\n\t\t\t\t\t\t\tcolor=\"inherit\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t</div>\r\n\t\t\t\t{this.shareType == \"download\" && (\r\n\t\t\t\t\t<ptc-modal\r\n\t\t\t\t\t\tid=\"download-modal\"\r\n\t\t\t\t\t\tshow={false}\r\n\t\t\t\t\t\tsize=\"lg\"\r\n\t\t\t\t\t\tfixed={true}\r\n\t\t\t\t\t\tis-bio-modal={true}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\t\ttype=\"h2\"\r\n\t\t\t\t\t\t\ttext-align=\"center\"\r\n\t\t\t\t\t\t\ttitle-weight=\"w-5\"\r\n\t\t\t\t\t\t\tupperline=\"no-upperline\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\tThanks For Downloading\r\n\t\t\t\t\t\t</ptc-title>\r\n\t\t\t\t\t</ptc-modal>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate handleKeyDown(event: KeyboardEvent) {\r\n\t\tif (event.key === \"Enter\") {\r\n\t\t\tthis.share();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"ptc-social-share\"]: true,\r\n\t\t\t[this.display]: true,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate hoverToggle(): any {\r\n\t\tthis.isHover = !this.isHover;\r\n\t}\r\n\r\n\tprivate share(): any {\r\n\t\tif (this.shareType == \"twitter\" \|\| this.shareType == \"blog-twitter\") {\r\n\t\t\twindow.open(\r\n\t\t\t\t`https://twitter.com/share?text=${this.text}&url=${this.url}`,\r\n\t\t\t);\r\n\t\t}\r\n\t\tif (this.shareType == \"facebook\" \|\| this.shareType == \"blog-facebook\") {\r\n\t\t\twindow.open(\r\n\t\t\t\t`https://www.facebook.com/sharer/sharer.php?u=${this.url}`,\r\n\t\t\t);\r\n\t\t}\r\n\t\tif (this.shareType == \"linkedin\" \|\| this.shareType == \"blog-linkedin\") {\r\n\t\t\twindow.open(\r\n\t\t\t\t`https://www.linkedin.com/shareArticle?mini=true&url=${this.url}&title=${this.shareTitle}&summary=${this.text}&source=${this.source}`,\r\n\t\t\t);\r\n\t\t}\r\n\t\tif (this.shareType == \"mail\" \|\| this.shareType == \"blog-mail\") {\r\n\t\t\twindow.open(\r\n\t\t\t\t`mailto:${this.recipient}?subject=${this.text}&body=${this.url}`,\r\n\t\t\t);\r\n\t\t}\r\n\t\tif (this.shareType == \"share-api\") {\r\n\t\t\tif ((navigator as any).share) {\r\n\t\t\t\t(navigator as any)\r\n\t\t\t\t\t.share({\r\n\t\t\t\t\t\ttitle: this.shareTitle,\r\n\t\t\t\t\t\ttext: this.text,\r\n\t\t\t\t\t\turl: this.url,\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.then(() => console.log(\"Successful share\"))\r\n\t\t\t\t\t.catch((error) => console.log(\"Error sharing\", error));\r\n\t\t\t} else {\r\n\t\t\t\t// fallback to sharing to twitter\r\n\t\t\t\twindow.open(\r\n\t\t\t\t\t`http://twitter.com/share?text=${this.text}&url=${this.url}`,\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.shareType == \"download\") {\r\n\t\t\tlet modal = this.el.shadowRoot.querySelector(\"#download-modal\");\r\n\t\t\tmodal.setAttribute(\"show\", \"true\");\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tmodal.setAttribute(\"show\", \"false\");\r\n\t\t\t\twindow.open(`${this.url}`, \"_self\");\r\n\t\t\t}, 1000);\r\n\t\t}\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-0AxZFh4z.js → p-D79DWyHQ.js} RENAMED Viewed

@@ -1,10 +1,10 @@
-import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-BYSv8uGQ.js';
-import { d as defineCustomElement$6 } from './p-fw8Vl3vu.js';
-import { d as defineCustomElement$5 } from './p-CwOMZVTl.js';
-import { d as defineCustomElement$4 } from './p-DHa_70hE.js';
-import { d as defineCustomElement$3 } from './p-D8OlRxii.js';
-import { d as defineCustomElement$2 } from './p-BT44R0p2.js';
-import { d as defineCustomElement$1 } from './p-2vJdGhxg.js';
+import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-BvGlmU4v.js';
+import { d as defineCustomElement$6 } from './p-CDH04Z6-.js';
+import { d as defineCustomElement$5 } from './p-CCrGe6qh.js';
+import { d as defineCustomElement$4 } from './p-Hswf-bm5.js';
+import { d as defineCustomElement$3 } from './p-CffVElHk.js';
+import { d as defineCustomElement$2 } from './p-CKp1G5v7.js';
+import { d as defineCustomElement$1 } from './p-BSMbwSEA.js';
 const ptcPricingAddOnCardCss = ":host{display:block;height:99%}.add-on-card{padding:var(--ptc-element-spacing-06);border-top:var(--color-gray-10) solid var(--ptc-element-spacing-01);background-color:white;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-small);height:100%;box-sizing:border-box;word-break:break-word}";
@@ -106,6 +106,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcPricingAddOnCard as P, defineCustomElement as d };
-//# sourceMappingURL=p-0AxZFh4z.js.map
+//# sourceMappingURL=p-D79DWyHQ.js.map
-//# sourceMappingURL=p-0AxZFh4z.js.map
+//# sourceMappingURL=p-D79DWyHQ.js.map

package/dist/components/{p-0AxZFh4z.js.map → p-D79DWyHQ.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~0AxZFh4z~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-pricing-add-on-card/ptc-pricing-add-on-card.scss?tag=ptc-pricing-add-on-card&encapsulation=shadow","src/components/molecules/ptc-pricing-add-on-card/ptc-pricing-add-on-card.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n\theight: 99%;\r\n}\r\n\r\n.add-on-card {\r\n\tpadding: var(--ptc-element-spacing-06);\r\n\tborder-top: var(--color-gray-10) solid var(--ptc-element-spacing-01);\r\n\tbackground-color: white;\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\theight: 100%;\r\n\tbox-sizing: border-box;\r\n\tword-break: break-word;\r\n}\r\n","import { Component, Host, h, Prop, Fragment, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-pricing-add-on-card\",\r\n\tstyleUrl: \"ptc-pricing-add-on-card.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcPricingAddOnCard {\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 Title\r\n\t /\r\n\t@Prop() cardTitle: string;\r\n\r\n\t/\r\n\t Pricing text\r\n\t /\r\n\t@Prop() cardPricingText: string;\r\n\r\n\t/\r\n\t CTA Button href\r\n\t /\r\n\t@Prop() cardCtaHref: string = null;\r\n\r\n\t/\r\n\t CTA Button text\r\n\t /\r\n\t@Prop() cardCtaText: string = null;\r\n\r\n\t/\r\n\t CTA Button target\r\n\t /\r\n\t@Prop() cardCtaTarget: string = null;\r\n\r\n\t/\r\n\t Disclaimer text\r\n\t /\r\n\t@Prop() cardDisclaimer: string = null;\r\n\r\n\t/\r\n\t Component ID for table uniqueness\r\n\t */\r\n\t@Prop() sectionId?: string = \"\";\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"add-on-card\">\r\n\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\ttype=\"h4\"\r\n\t\t\t\t\t\ttext-align=\"left\"\r\n\t\t\t\t\t\ttitle-size=\"medium\"\r\n\t\t\t\t\t\tupperline=\"no-upperline\"\r\n\t\t\t\t\t\ttitle-height=\"densest\"\r\n\t\t\t\t\t\ttitle-margin=\"margin-flush\"\r\n\t\t\t\t\t\ttitle-weight=\"w-7\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.cardTitle}\r\n\t\t\t\t\t</ptc-title>\r\n\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\tfont-size=\"small\"\r\n\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot name=\"card-pricing\"></slot>\r\n\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t<ptc-spacer breakpoint=\"small\" size=\"medium\"></ptc-spacer>\r\n\t\t\t\t\t<ptc-spacer breakpoint=\"x-small\" size=\"large\"></ptc-spacer>\r\n\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\tfont-size=\"x-small\"\r\n\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.el\r\n\t\t\t\t\t\t\t.querySelector('[slot=\"card-body\"]')\r\n\t\t\t\t\t\t\t.innerHTML.toString().length <= 300 ? (\r\n\t\t\t\t\t\t\t<slot name=\"card-body\"></slot>\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<ptc-readmore\r\n\t\t\t\t\t\t\t\tmore-text=\"More\"\r\n\t\t\t\t\t\t\t\tless-text=\"Less\"\r\n\t\t\t\t\t\t\t\tis-content-slotted={true}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<slot name=\"card-body\"></slot>\r\n\t\t\t\t\t\t\t</ptc-readmore>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t<slot name=\"card-body\"></slot>\r\n\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t{this.cardCtaHref && this.cardCtaText && (\r\n\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"x-large\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"xx-small\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"xx-large\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"xx-small\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-button\r\n\t\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\t\ttype=\"link\"\r\n\t\t\t\t\t\t\t\tcolor=\"ptc-tertiary\"\r\n\t\t\t\t\t\t\t\tlink-href={this.cardCtaHref}\r\n\t\t\t\t\t\t\t\ttarget={this.cardCtaTarget}\r\n\t\t\t\t\t\t\t\ttracker-id={`table-card-${this.sectionId}`}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<ptc-tooltip\r\n\t\t\t\t\t\t\t\t\ttext-display=\"inline\"\r\n\t\t\t\t\t\t\t\t\tmax-length=\"30\"\r\n\t\t\t\t\t\t\t\t\tz-index=\"z-2\"\r\n\t\t\t\t\t\t\t\t\tdescription={this.cardCtaText}\r\n\t\t\t\t\t\t\t\t\tposition=\"bottom\"\r\n\t\t\t\t\t\t\t\t></ptc-tooltip>\r\n\t\t\t\t\t\t\t</ptc-button>\r\n\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{this.cardDisclaimer && (\r\n\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"large\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\tfont-size=\"xx-small\"\r\n\t\t\t\t\t\t\t\tfont-weight=\"w-6\"\r\n\t\t\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\t\t\tpara-color=\"primary-grey\"\r\n\t\t\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{this.cardDisclaimer.length <= 150 ? (\r\n\t\t\t\t\t\t\t\t\t<slot name=\"card-disclaimer\"></slot>\r\n\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t<ptc-readmore\r\n\t\t\t\t\t\t\t\t\t\tmore-text=\"More\"\r\n\t\t\t\t\t\t\t\t\t\tless-text=\"Less\"\r\n\t\t\t\t\t\t\t\t\t\tis-content-slotted={true}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"card-disclaimer\"></slot>\r\n\t\t\t\t\t\t\t\t\t</ptc-readmore>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-D79DWyHQ.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-pricing-add-on-card/ptc-pricing-add-on-card.scss?tag=ptc-pricing-add-on-card&encapsulation=shadow","src/components/molecules/ptc-pricing-add-on-card/ptc-pricing-add-on-card.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n\theight: 99%;\r\n}\r\n\r\n.add-on-card {\r\n\tpadding: var(--ptc-element-spacing-06);\r\n\tborder-top: var(--color-gray-10) solid var(--ptc-element-spacing-01);\r\n\tbackground-color: white;\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\theight: 100%;\r\n\tbox-sizing: border-box;\r\n\tword-break: break-word;\r\n}\r\n","import { Component, Host, h, Prop, Fragment, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-pricing-add-on-card\",\r\n\tstyleUrl: \"ptc-pricing-add-on-card.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcPricingAddOnCard {\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 Title\r\n\t /\r\n\t@Prop() cardTitle: string;\r\n\r\n\t/\r\n\t Pricing text\r\n\t /\r\n\t@Prop() cardPricingText: string;\r\n\r\n\t/\r\n\t CTA Button href\r\n\t /\r\n\t@Prop() cardCtaHref: string = null;\r\n\r\n\t/\r\n\t CTA Button text\r\n\t /\r\n\t@Prop() cardCtaText: string = null;\r\n\r\n\t/\r\n\t CTA Button target\r\n\t /\r\n\t@Prop() cardCtaTarget: string = null;\r\n\r\n\t/\r\n\t Disclaimer text\r\n\t /\r\n\t@Prop() cardDisclaimer: string = null;\r\n\r\n\t/\r\n\t Component ID for table uniqueness\r\n\t */\r\n\t@Prop() sectionId?: string = \"\";\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"add-on-card\">\r\n\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\ttype=\"h4\"\r\n\t\t\t\t\t\ttext-align=\"left\"\r\n\t\t\t\t\t\ttitle-size=\"medium\"\r\n\t\t\t\t\t\tupperline=\"no-upperline\"\r\n\t\t\t\t\t\ttitle-height=\"densest\"\r\n\t\t\t\t\t\ttitle-margin=\"margin-flush\"\r\n\t\t\t\t\t\ttitle-weight=\"w-7\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.cardTitle}\r\n\t\t\t\t\t</ptc-title>\r\n\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\tfont-size=\"small\"\r\n\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot name=\"card-pricing\"></slot>\r\n\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t<ptc-spacer breakpoint=\"small\" size=\"medium\"></ptc-spacer>\r\n\t\t\t\t\t<ptc-spacer breakpoint=\"x-small\" size=\"large\"></ptc-spacer>\r\n\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\tfont-size=\"x-small\"\r\n\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.el\r\n\t\t\t\t\t\t\t.querySelector('[slot=\"card-body\"]')\r\n\t\t\t\t\t\t\t.innerHTML.toString().length <= 300 ? (\r\n\t\t\t\t\t\t\t<slot name=\"card-body\"></slot>\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<ptc-readmore\r\n\t\t\t\t\t\t\t\tmore-text=\"More\"\r\n\t\t\t\t\t\t\t\tless-text=\"Less\"\r\n\t\t\t\t\t\t\t\tis-content-slotted={true}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<slot name=\"card-body\"></slot>\r\n\t\t\t\t\t\t\t</ptc-readmore>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t<slot name=\"card-body\"></slot>\r\n\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t{this.cardCtaHref && this.cardCtaText && (\r\n\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"x-large\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"xx-small\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"xx-large\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"xx-small\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-button\r\n\t\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\t\ttype=\"link\"\r\n\t\t\t\t\t\t\t\tcolor=\"ptc-tertiary\"\r\n\t\t\t\t\t\t\t\tlink-href={this.cardCtaHref}\r\n\t\t\t\t\t\t\t\ttarget={this.cardCtaTarget}\r\n\t\t\t\t\t\t\t\ttracker-id={`table-card-${this.sectionId}`}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<ptc-tooltip\r\n\t\t\t\t\t\t\t\t\ttext-display=\"inline\"\r\n\t\t\t\t\t\t\t\t\tmax-length=\"30\"\r\n\t\t\t\t\t\t\t\t\tz-index=\"z-2\"\r\n\t\t\t\t\t\t\t\t\tdescription={this.cardCtaText}\r\n\t\t\t\t\t\t\t\t\tposition=\"bottom\"\r\n\t\t\t\t\t\t\t\t></ptc-tooltip>\r\n\t\t\t\t\t\t\t</ptc-button>\r\n\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{this.cardDisclaimer && (\r\n\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"large\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\tfont-size=\"xx-small\"\r\n\t\t\t\t\t\t\t\tfont-weight=\"w-6\"\r\n\t\t\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\t\t\tpara-color=\"primary-grey\"\r\n\t\t\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{this.cardDisclaimer.length <= 150 ? (\r\n\t\t\t\t\t\t\t\t\t<slot name=\"card-disclaimer\"></slot>\r\n\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t<ptc-readmore\r\n\t\t\t\t\t\t\t\t\t\tmore-text=\"More\"\r\n\t\t\t\t\t\t\t\t\t\tless-text=\"Less\"\r\n\t\t\t\t\t\t\t\t\t\tis-content-slotted={true}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"card-disclaimer\"></slot>\r\n\t\t\t\t\t\t\t\t\t</ptc-readmore>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-CCqg7df1.js → p-D9wrQ8dk.js} RENAMED Viewed

@@ -1,11 +1,11 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BYSv8uGQ.js';
-import { d as defineCustomElement$7 } from './p-CIiOTRq1.js';
-import { d as defineCustomElement$6 } from './p-SlS-Vuu1.js';
-import { d as defineCustomElement$5 } from './p-BAFQzqq2.js';
-import { d as defineCustomElement$4 } from './p-CwOMZVTl.js';
-import { d as defineCustomElement$3 } from './p-eNu33ocq.js';
-import { d as defineCustomElement$2 } from './p-D8OlRxii.js';
-import { d as defineCustomElement$1 } from './p-2vJdGhxg.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
+import { d as defineCustomElement$7 } from './p-DXifBMax.js';
+import { d as defineCustomElement$6 } from './p-DggZIpNT.js';
+import { d as defineCustomElement$5 } from './p-DyAVOdhn.js';
+import { d as defineCustomElement$4 } from './p-CCrGe6qh.js';
+import { d as defineCustomElement$3 } from './p-CUXDowVt.js';
+import { d as defineCustomElement$2 } from './p-CffVElHk.js';
+import { d as defineCustomElement$1 } from './p-BSMbwSEA.js';
 const ptcJumbotronCss = ".ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){.ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){.ptc-container{padding-left:0;padding-right:0;max-width:1200px}}.ptc-container-lg{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-container-lg{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){.ptc-container-lg{padding-left:0;padding-right:0;max-width:1900px}}.ptc-container-fluid{width:100%}.u-para-sm{font-size:var(--ptc-font-size-small) !important}.u-para-md{font-size:var(--ptc-font-size-medium) !important}.u-para-lg{font-size:var(--ptc-font-size-large) !important}.u-para-xl{font-size:var(--ptc-font-size-x-large) !important}.u-para-xxl{font-size:var(--ptc-font-size-xx-large) !important}.u-para-xxxl{font-size:var(--ptc-font-size-xxx-large) !important}@media only screen and (min-width: 768px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.05vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.05vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.05vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.05vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.05vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.05vw) !important}}@media only screen and (min-width: 992px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.1vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.1vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.1vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.1vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.1vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.1vw) !important}}@media only screen and (min-width: 1200px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.15vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.15vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.15vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.15vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.15vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.15vw) !important}}@media only screen and (min-width: 1440px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.2vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.2vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.2vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.2vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.2vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.2vw) !important}}@media only screen and (min-width: 1600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.25vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.25vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.25vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.25vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.25vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.25vw) !important}}@media only screen and (min-width: 1980px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.3vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.3vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.3vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.3vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.3vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.3vw) !important}}@media only screen and (min-width: 2600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.35vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.35vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.35vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.35vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.35vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.35vw) !important}}.u-para-body{font-size:var(--ptc-font-size-medium) !important}.u-color-white{color:var(--color-white) !important}.u-uppercase{text-transform:uppercase !important}.u-margin-flush{margin:0 !important}.u-marginTop-flush{margin-top:0 !important}.u-marginLeft-flush{margin-left:0 !important}.u-marginRight-flush{margin-right:0 !important}.u-marginBottom-flush{margin-bottom:0 !important}.u-padding-flush{padding:0 !important}.u-paddingTop-flush{padding-top:0 !important}.u-paddingLeft-flush{padding-left:0 !important}.u-paddingRight-flush{padding-right:0 !important}.u-paddingBottom-flush{padding-bottom:0 !important}.u-margin-xs{margin:var(--ptc-element-spacing-01) !important}.u-marginTop-xs{margin-top:var(--ptc-element-spacing-01) !important}.u-marginLeft-xs{margin-left:var(--ptc-element-spacing-01) !important}.u-marginRight-xs{margin-right:var(--ptc-element-spacing-01) !important}.u-marginBottom-xs{margin-bottom:var(--ptc-element-spacing-01) !important}.u-margin-sm{margin:var(--ptc-element-spacing-02) !important}.u-marginTop-sm{margin-top:var(--ptc-element-spacing-02) !important}.u-marginLeft-sm{margin-left:var(--ptc-element-spacing-02) !important}.u-marginRight-sm{margin-right:var(--ptc-element-spacing-02) !important}.u-marginBottom-sm{margin-bottom:var(--ptc-element-spacing-02) !important}.u-margin-md{margin:var(--ptc-element-spacing-03) !important}.u-marginTop-md{margin-top:var(--ptc-element-spacing-03) !important}.u-marginLeft-md{margin-left:var(--ptc-element-spacing-03) !important}.u-marginRight-md{margin-right:var(--ptc-element-spacing-03) !important}.u-marginBottom-md{margin-bottom:var(--ptc-element-spacing-03) !important}.u-margin-lg{margin:var(--ptc-element-spacing-04) !important}.u-marginTop-lg{margin-top:var(--ptc-element-spacing-04) !important}.u-marginLeft-lg{margin-left:var(--ptc-element-spacing-04) !important}.u-marginRight-lg{margin-right:var(--ptc-element-spacing-04) !important}.u-marginBottom-lg{margin-bottom:var(--ptc-element-spacing-04) !important}.u-margin-xl{margin:var(--ptc-element-spacing-05) !important}.u-marginTop-xl{margin-top:var(--ptc-element-spacing-05) !important}.u-marginLeft-xl{margin-left:var(--ptc-element-spacing-05) !important}.u-marginRight-xl{margin-right:var(--ptc-element-spacing-05) !important}.u-marginBottom-xl{margin-bottom:var(--ptc-element-spacing-05) !important}.u-margin-xxl{margin:var(--ptc-element-spacing-06) !important}.u-marginTop-xxl{margin-top:var(--ptc-element-spacing-06) !important}.u-marginLeft-xxl{margin-left:var(--ptc-element-spacing-06) !important}.u-marginRight-xxl{margin-right:var(--ptc-element-spacing-06) !important}.u-marginBottom-xxl{margin-bottom:var(--ptc-element-spacing-06) !important}.u-margin-xxxl{margin:var(--ptc-element-spacing-07) !important}.u-marginTop-xxxl{margin-top:var(--ptc-element-spacing-07) !important}.u-marginLeft-xxxl{margin-left:var(--ptc-element-spacing-07) !important}.u-marginRight-xxxl{margin-right:var(--ptc-element-spacing-07) !important}.u-marginBottom-xxxl{margin-bottom:var(--ptc-element-spacing-07) !important}.u-margin-4xl{margin:var(--ptc-element-spacing-08) !important}.u-marginTop-4xl{margin-top:var(--ptc-element-spacing-08) !important}.u-marginLeft-4xl{margin-left:var(--ptc-element-spacing-08) !important}.u-marginRight-4xl{margin-right:var(--ptc-element-spacing-08) !important}.u-marginBottom-4xl{margin-bottom:var(--ptc-element-spacing-08) !important}.u-textAlign-ctr{text-align:center !important}.u-textAlign-right{text-align:right !important}.u-textAlign-left{text-align:left !important}.u-textWhite{color:var(--color-white) !important}.u-textGreen1{color:var(--color-green-07) !important}.u-textGreen2{color:var(--color-green-06) !important}.u-text-nowrap{white-space:nowrap}.u-text-medium{font-weight:var(--ptc-font-weight-medium)}.u-text-semibold{font-weight:var(--ptc-font-weight-semibold)}.u-text-bold{font-weight:var(--ptc-font-weight-bold)}.u-text-thin{font-weight:var(--ptc-font-weight-thin)}.u-textStyle-normal{font-style:normal !important}.u-no-scroll{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.u-background-white{background-color:var(--color-white)}.u-background-reset{background-color:transparent !important}.u-white-overylay{background:hsla(0, 0%, 94.9%, 0.9)}.u-cursor-pointer{cursor:pointer}.u-clear{clear:both}.u-border-radius-standard{border-radius:var(--ptc-border-radius-standard)}.u-border-radius-large{border-radius:var(--ptc-border-radius-large)}.u-border-radius-pill{border-radius:var(--ptc-border-radius-pill)}.u-border-radius-circle{border-radius:var(--ptc-border-radius-circle)}.u-border-none{border:none}.u-shadow-x-small{box-shadow:var(--ptc-shadow-x-small)}.u-shadow-small{box-shadow:var(--ptc-shadow-small)}.u-shadow-medium{box-shadow:var(--ptc-shadow-medium)}.u-shadow-large{box-shadow:var(--ptc-shadow-large)}.u-shadow-x-large{box-shadow:var(--ptc-shadow-x-large)}@media only screen and (min-width: 768px){.u-hero-width{width:525px}.u-margin-center{margin:0 auto}.u-justify-self-end{justify-self:flex-end}}.u-hero-pushup{transform:translateY(-120px)}@media only screen and (min-width: 768px){.u-hero-pushup{transform:translateY(-144px)}}@media only screen and (min-width: 768px){.grid-order-1-md{order:1}.grid-order-2-md{order:2}.grid-order-3-md{order:3}}@media only screen and (min-width: 992px){.grid-order-1-lg{order:1}.grid-order-2-lg{order:2}.grid-order-3-lg{order:3}}.standard-list{list-style:none;margin-left:0;margin-bottom:20px;padding:0}.is-spaced-between{justify-content:space-between}.h-100{height:100%}.w-100{width:100%}.grid-large-col-gap-md{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 992px){.grid-large-col-gap-md{-moz-column-gap:3rem;column-gap:3rem}}.grid-large-col-gap-sm{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 768px){.grid-large-col-gap-sm{-moz-column-gap:3rem;column-gap:3rem}}.grid-x-large-col-gap-md{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 992px){.grid-x-large-col-gap-md{-moz-column-gap:4rem;column-gap:4rem}}.grid-x-large-col-gap-sm{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 768px){.grid-x-large-col-gap-sm{-moz-column-gap:4rem;column-gap:4rem}}.grid-medium-col-gap-md{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 992px){.grid-medium-col-gap-md{-moz-column-gap:2rem;column-gap:2rem}}.grid-medium-col-gap-sm{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 768px){.grid-medium-col-gap-sm{-moz-column-gap:2rem;column-gap:2rem}}.is-float-left{float:left}.is-float-right{float:right}.is-mobile{display:block}.is-desktop{display:none}@media only screen and (min-width: 992px){.is-mobile{display:none}.is-desktop{display:block}}.ptc-section{padding-top:3rem;padding-bottom:3rem}.ptc-section-standard{padding-top:3rem;padding-bottom:3rem}.ptc-section-half{padding-top:1.5rem;padding-bottom:1.5rem}.ptc-section-large{padding-top:2.25rem;padding-bottom:2.25rem}@media only screen and (min-width: 992px){.ptc-section-large{padding-top:3.5rem;padding-bottom:3.5rem}}.ptc-section-hp{padding-bottom:calc(2.25rem - 32px)}@media only screen and (min-width: 992px){.ptc-section-hp{padding-bottom:calc(3.5rem - 32px)}}.u-flex{display:flex}@media only screen and (min-width: 480px){.u-flex-xs{display:flex}}@media only screen and (min-width: 768px){.u-flex-sm{display:flex}}@media only screen and (min-width: 992px){.u-flex-md{display:flex}}@media only screen and (min-width: 1200px){.u-flex-lg{display:flex}}@media only screen and (min-width: 1440px){.u-flex-xl{display:flex}}@media only screen and (min-width: 1600px){.u-flex-xxl{display:flex}}@media only screen and (min-width: 1980px){.u-flex-2k{display:flex}}@media only screen and (min-width: 2600px){.u-flex-4k{display:flex}}.u-align-center{margin:auto;align-self:center}.u-align-left{margin-right:auto;align-self:center}.u-align-right{margin-left:auto;align-self:center}.u-align-x-center{margin-right:auto;margin-left:auto}.u-align-x-left{margin-right:auto}.u-align-x-right{margin-left:auto}.u-align-y-center{align-self:center}.u-align-y-top{align-self:flex-start}.u-align-y-bottom{align-self:flex-end}.is-flex-column{flex-direction:column}.flex-align-items{align-items:flex-end}.flex-align-items-center{align-items:center}.u-flex-nowrap{flex-wrap:nowrap}.u-flex-wrap{flex-wrap:wrap}.u-align-self-start{align-self:start}.u-align-self-center{align-self:center}.u-align-self-stretch{align-self:stretch}.u-justify-self-start{justify-self:start}.u-justify-self-center{justify-self:center}.u-justify-self-stretch{justify-self:stretch}.u-flex-justify-center{justify-content:center}.u-flex-justify-flexend{justify-content:flex-end}.u-section-heading-wrapper{max-width:768px;margin-left:auto;margin-right:auto}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}@media only screen and (min-width: 768px){.is-grid.grid-large-col-gap-xs-0{row-gap:0}}.max-content{max-width:90%}@media only screen and (min-width: 480px){.max-content{max-width:80%}}.max-content{margin:auto}.u-justify-space-between{justify-content:space-between}.all-product-banner{padding:50px 0 44px 0px}@media only screen and (min-width: 992px){.all-product-banner{padding:50px 0 72px 0px;display:flex;min-height:300px;justify-content:center;align-items:center}}.all-product-gradient{background:linear-gradient(180deg, #f3f3f3 2.6%, rgba(225, 241, 226, 0.2) 40.63%, #f3f3f3 82.29%), linear-gradient(0deg, #f3f3f3, #f3f3f3)}.menu-right ptc-nav-submenu{position:relative}.media-thumb-feature{display:block}@media only screen and (min-width: 992px){.media-thumb-feature{display:flex;justify-content:space-between}}.media-thumb-feature .media-thumb{width:100%;margin-bottom:2rem}@media only screen and (min-width: 992px){.media-thumb-feature .media-thumb{width:340px;flex:0 0 340px}}.media-thumb-feature .media-thumb>ptc-picture:not(:last-of-type),.media-thumb-feature .media-thumb>img:not(:last-of-type){margin-bottom:1.5rem}.media-thumb-feature .media-feature{width:100%;margin-bottom:2rem}@media only screen and (min-width: 992px){.media-thumb-feature .media-feature{width:auto;flex:1 1 auto}}.partner-card-desc h5.description{font-family:var(--ptc-font-latin);color:var(--color-gray-10);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-medium);margin:0 0 10px 0}.partner-card-desc .tags{margin-bottom:0.75rem}.partner-card-desc .tags .tag:not(:first-child){border-left:2px solid var(--color-green-07);padding:0 8px}.partner-card-desc .tags .tag:first-child{padding:0 8px 0 0}.partner-card-desc .tags .tag{color:var(--color-gray-10);display:inline;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);letter-spacing:var(--ptc-letter-spacing-loose);margin:0 0 10px 0;padding:0 8px}.u-3-col-grid{width:100%;display:flex;flex-wrap:wrap;grid-row-gap:1rem;grid-column-gap:1rem}.u-3-col-grid .u-3-col{width:100%}@media only screen and (min-width: 768px){.u-3-col-grid .u-3-col{width:calc(50% - 10.66666666px)}}@media only screen and (min-width: 992px){.u-3-col-grid .u-3-col{width:calc(33.3333333333% - 10.66666666px)}}.u-3-col-grid.u-col-space-lg{grid-row-gap:2rem;grid-column-gap:2rem}.u-3-col-grid.u-col-space-lg .u-3-col{width:100%}@media only screen and (min-width: 768px){.u-3-col-grid.u-col-space-lg .u-3-col{width:calc(50% - 21.3333333px)}}@media only screen and (min-width: 992px){.u-3-col-grid.u-col-space-lg .u-3-col{width:calc(33.3333333333% - 21.3333333px)}}.u-display-none{display:none}ptc-preloader-section.min-height{min-height:150vh}@media only screen and (min-width: 1200px){.ms-mobile-select{display:none}}.ms-mobile-select.ms-show{position:fixed}.light-font{color:var(--color-white)}.light-font *{color:var(--color-white)}ptc-nav-submenu{margin-top:6px;border-left:2px solid transparent;border-right:2px solid transparent;border-bottom:2px solid transparent}ptc-nav-submenu:focus-visible,ptc-nav-submenu:focus{margin-top:4px;border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}ptc-nav-link{margin-top:6px;border-left:2px solid transparent;border-right:2px solid transparent;border-bottom:2px solid transparent}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003dd6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-06);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.white-links a{color:var(--color-white) !important}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block}@media only screen and (min-width: 992px){:host(:not(.png-jumbotron):not(.text-jumbotron):not(.gif-jumbotron):not(.blog-jumbotron)) .content-container{padding-top:20px;padding-bottom:16px}}.parent{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-column-gap:0px;grid-row-gap:0px;position:relative;z-index:1}.logo-frame{background-color:transparent;margin-top:24px;display:flex;width:152px;height:-moz-max-content;height:max-content}.logo-frame img{box-sizing:border-box;max-width:100%;height:100%;max-height:64.02px}.hp-adjustments{background-color:var(--color-black);height:auto;min-height:640px !important;max-height:-webkit-fill-available}@media (min-height: 640px){.hp-adjustments{min-height:72vh !important}}.hp-adjustments .div1{grid-area:1/1/3/2;min-height:300px}.hp-adjustments .div1.hidden{display:none}.hp-adjustments .div2{display:flex}.hp-adjustments .bg-overlay{background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%) !important}@media only screen and (min-width: 992px){.hp-adjustments .div1{grid-area:1/1/2/2;min-height:unset}.hp-adjustments .bg-overlay{background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(90deg, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%) !important}}.hp-adjustments .div1,.hp-adjustments .main-content-items{transition:opacity ease-out 250ms;opacity:1}.hp-adjustments.transitioning .div1,.hp-adjustments.transitioning .main-content-items{opacity:0}.div1{grid-area:1/1/2/2;min-height:300px}.div1.hidden{display:none}.mobile-media-image{display:flex;justify-content:center;align-items:center}@media only screen and (min-width: 992px){.mobile-media-image{display:none}}.gif-bg{background-color:#f3f3f3}.gif-bg img{width:100%;height:auto}@media only screen and (min-width: 768px){.gif-bg img{width:auto}}.video-ratio{position:relative;overflow:hidden;height:100%}.div2{grid-area:2/1/3/2;position:relative}.bg-overlay{position:absolute;width:100%;height:100%;top:0;left:0}.content-layout{display:flex;flex-direction:column}@media only screen and (min-width: 992px){.content-layout{flex-direction:row}}.content-layout.hp-container{width:100%;margin-top:120px;margin-bottom:120px}@media screen and (min-width: 768px) and (max-width: 992px){.content-layout.hp-container{max-width:720px;margin-left:unset;margin-top:160px;margin-bottom:160px}}@media only screen and (min-width: 1200px){.content-layout.hp-container{width:1136px}}@media only screen and (min-width: 1440px){.content-layout.hp-container{width:1200px}}.content-layout.hp-container .gap-adjustment{margin-bottom:unset}.content-layout.blog-container{padding-bottom:48px}@media only screen and (min-width: 768px){.content-layout.blog-container{padding-bottom:100px}}@media only screen and (min-width: 992px){.content-layout.blog-container{gap:43px;padding-top:75px}.content-layout.blog-container max-width-container{width:50%}.content-layout.blog-container div.desktop-media-image{width:50%}}.content-layout.blog-container .gap-adjustment{gap:var(--ptc-element-spacing-07);margin-bottom:unset}.gap-adjustment{gap:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-07)}@media only screen and (min-width: 992px){.gap-adjustment{gap:var(--ptc-element-spacing-07)}}.text-adjustment{justify-content:center}.desktop-media-image{width:40%;display:none}@media only screen and (min-width: 992px){.desktop-media-image{display:block}}.desk-gif-adjustment{z-index:3;display:none;justify-content:center;align-items:center}@media only screen and (min-width: 992px){.desk-gif-adjustment{display:flex}}.desk-gif-adjustment img{width:100%}@media only screen and (min-width: 992px){.parent{grid-template-columns:1fr;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;min-height:500px;position:relative}.div1{grid-area:1/1/2/2;min-height:unset}.div2{grid-area:1/1/2/2;align-self:center;position:unset}}:host(.text-jumbotron) .parent{min-height:120px;padding:48px 0 24px 0}:host(.text-jumbotron) .parent .text-adjustment{margin-bottom:0;margin-top:20px}:host(.text-jumbotron) .parent .logo-frame{justify-self:center;justify-content:center}:host(.png-jumbotron) .desktop-media-image,:host(.png-jumbotron) .mobile-media-image{position:relative}:host(.png-jumbotron) .desktop-media-image .media-image-wrapper,:host(.png-jumbotron) .mobile-media-image .media-image-wrapper{height:100%;width:100%;display:flex;align-items:center;justify-content:center}:host(.png-jumbotron) ::slotted(ptc-svg-btn){position:absolute;left:50% !important;top:50% !important;transform:translate(-50%, -50%) !important}@media only screen and (min-width: 992px){:host(.png-jumbotron) max-width-container{box-sizing:border-box;padding-right:2rem}}:host(.blog-jumbotron) #header-blog-author{display:flex;align-items:center;gap:12px;margin-bottom:var(--ptc-layout-spacing-04)}:host(.blog-jumbotron) #header-blog-author .image{width:48px;height:48px;border-radius:var(--ptc-border-radius-circle)}:host(.blog-jumbotron) #header-blog-author .image img{width:100%;height:100%;border-radius:var(--ptc-border-radius-circle);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}:host(.blog-jumbotron) .blog-author-name{color:inherit;text-decoration:none;font-size:inherit;font-weight:inherit;position:relative}:host(.blog-jumbotron) .blog-author-name:before{content:\"\";position:absolute;display:inline-block;width:100%;height:100%;padding:16px;margin:-16px}:host(.blog-jumbotron) .blog-author-name:hover{color:inherit;cursor:pointer;text-decoration-line:underline;text-decoration-style:solid;text-decoration-color:var(--color-green-07);text-decoration-thickness:2px;text-underline-offset:4px}:host(.blog-jumbotron) .blog-author-name:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}:host(.blog-jumbotron) .image-container{background:white}@media only screen and (min-width: 992px){:host(.blog-jumbotron) .image-container{display:none}}:host(.blog-jumbotron) .desktop-media-image,:host(.blog-jumbotron) .mobile-media-image{position:relative}:host(.blog-jumbotron) .desktop-media-image .media-image-wrapper,:host(.blog-jumbotron) .mobile-media-image .media-image-wrapper{height:100%;max-height:360px;width:100%;display:flex;align-items:center;justify-content:center}:host(.blog-jumbotron) .desktop-media-image .media-image-wrapper ptc-picture,:host(.blog-jumbotron) .mobile-media-image .media-image-wrapper ptc-picture{width:100%;border-radius:var(--ptc-border-radius-standard)}:host(.blog-jumbotron) .desktop-media-image{display:none}:host(.blog-jumbotron) .desktop-media-image ptc-picture{height:100%;max-height:360px}@media only screen and (min-width: 992px){:host(.blog-jumbotron) .desktop-media-image{display:flex;align-items:center}}:host(.blog-jumbotron) .mobile-media-image{margin:75px 24px 32px 24px;display:flex}:host(.blog-jumbotron) .mobile-media-image ptc-picture{height:360px}@media only screen and (min-width: 992px){:host(.blog-jumbotron) .mobile-media-image{display:none}}.dl-img-wrap{position:relative;width:100%;height:100%}:host(.dark-video-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.light-video-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.light-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.dark-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn){left:50% !important;top:50% !important;transform:translate(-50%, -50%) !important}ptc-info-tile:focus-visible{outline:3px solid var(--color-blue-07);outline-offset:2px}:host(.light-video-jumbotron) .bg-overlay,:host(.light-jumbotron) .bg-overlay{border-bottom:1px solid rgba(0, 0, 0, 0.06);box-sizing:border-box}";
@@ -277,6 +277,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcJumbotron as P, defineCustomElement as d };
-//# sourceMappingURL=p-CCqg7df1.js.map
+//# sourceMappingURL=p-D9wrQ8dk.js.map
-//# sourceMappingURL=p-CCqg7df1.js.map
+//# sourceMappingURL=p-D9wrQ8dk.js.map