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

package/dist/components/p-RXxAc6JR.js.map

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