npm - @ptcwebops/ptcw-design - Versions diffs - 6.5.6-upgrade → 6.5.7-upgrade - Mend

@ptcwebops/ptcw-design 6.5.6-upgrade → 6.5.7-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 (880) hide show

package/dist/esm/ptc-close-icon.ptc-modal.entry.js.map CHANGED Viewed

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

package/dist/esm/ptc-close-icon_2.entry.js CHANGED Viewed

@@ -8,7 +8,7 @@ const PtcCloseIcon = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'ff1f2614c9fc786a419151d49bbd40c9084d2c52' }, h("div", { key: '3a433088a89f8aab2ebd7ec3689a42e4135fa183', class: "close-icon mf-listen", id: "modal-pop-up-close-icon" }, h("svg", { key: '14326a653a0b55fa35d0814e8d71062256d015dd', xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", tabindex: 0 }, h("path", { key: '582cd96f7b6001f8bdc54f64c1c325059afaca78', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.00089 8.4151L12.5876 14.0018L14.0018 12.5876L8.4151 7.00089L14.0018 1.41421L12.5876 0L7.00089 5.58667L1.41421 0L0 1.41421L5.58667 7.00089L0 12.5876L1.41421 14.0018L7.00089 8.4151Z", fill: "#20262A" })))));
+        return (h(Host, { key: '3ce0cbf8653b890275af4b7a0850cbe1bc2a9842' }, h("div", { key: '5f81a6ad910a08908a50bc919db845e1cdff5c4b', class: "close-icon mf-listen", id: "modal-pop-up-close-icon" }, h("svg", { key: '6d3f0680fd6f6d1263b15789cd2bdc266ddd64b0', xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", tabindex: 0 }, h("path", { key: 'd1e966e67b5d652dd0a94bf2efbf958266c059bc', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.00089 8.4151L12.5876 14.0018L14.0018 12.5876L8.4151 7.00089L14.0018 1.41421L12.5876 0L7.00089 5.58667L1.41421 0L0 1.41421L5.58667 7.00089L0 12.5876L1.41421 14.0018L7.00089 8.4151Z", fill: "#20262A" })))));
     }
 };
 PtcCloseIcon.style = ptcCloseIconCss;
@@ -309,7 +309,7 @@ const PtcModal = class {
         let content;
         let overlay;
         let type = this.iframeUrl ? "frame" : "html";
-        let closebtn = (h("div", { key: '2fe5826d46d2336460a573a64d17a6bb0c069525', class: "close", id: "modal-close" }, h("ptc-close-icon", { key: '05ee0e583bdc0d2c896d341ff99121fa32536e61', onClick: (e) => {
+        let closebtn = (h("div", { key: '3ea5e065c65bf47b09d759d4fe2fd2183f3dcc9d', class: "close", id: "modal-close" }, h("ptc-close-icon", { key: '2b6daf31a4dc8574b3b36f76a9abbd06b9ac3a1e', onClick: (e) => {
                 e.preventDefault();
                 this.close();
             }, onKeyPress: (e) => {
@@ -320,7 +320,7 @@ const PtcModal = class {
                     this.trap.deactivate();
                 }
             } })));
-        let bottomCloseBtnEle = (h("div", { key: '4bfb66399d0ba1cdca7cd8f84ff98dff54d25573', tabindex: "0", class: "bottom-close", id: "modal-bottom-close", onClick: (e) => {
+        let bottomCloseBtnEle = (h("div", { key: '19d8385b8c79c60439c57fba19dd41cc95b2227b', tabindex: "0", class: "bottom-close", id: "modal-bottom-close", onClick: (e) => {
                 e.preventDefault();
                 this.close();
             }, onKeyPress: (e) => {
@@ -330,27 +330,27 @@ const PtcModal = class {
                 if (this.trap) {
                     this.trap.deactivate();
                 }
-            } }, h("span", { key: 'f39b0d51585387b74ba635c773aab8d3ee7bce86' }, this.bottomCloseBtn)));
+            } }, h("span", { key: 'c9a5ebf924afd679c05285f38bdba17c9b72d855' }, this.bottomCloseBtn)));
         if (this.iframeUrl) {
-            content = (h("iframe", { key: '08de42df270b85d1f711885e872864625ac21639', src: this.iframeUrl, frameBorder: 0, allowFullScreen: false, height: "100%", width: "100%", scrolling: "no", onLoad: this.resizeIframe }));
+            content = (h("iframe", { key: 'e9f6b72d0723ae887817572ddcb6014be8a678d0', src: this.iframeUrl, frameBorder: 0, allowFullScreen: false, height: "100%", width: "100%", scrolling: "no", onLoad: this.resizeIframe }));
         }
         else {
             if (this.showHeaderFooter) {
-                content = h("slot", { key: 'e8207bcf3e3e5b48407085d323ec76351631a15f', name: "body" });
+                content = h("slot", { key: 'ddce4684bdfe0f73e44cfbee26c1d25e451675b8', name: "body" });
             }
             else {
-                content = h("slot", { key: '3b852d2dc3906ed47db1922bed2ad5d425eaaafd' });
+                content = h("slot", { key: 'a27aa4555100bd1f6d5140fc19b0326e1ee7b1af' });
             }
         }
         if (this.overlay) {
             if (this.closeOnBlur) {
-                overlay = (h("div", { key: 'd24337fb3b0b566f6a07059eceb525e5806c2830', class: "overlay", onClick: (_) => this.close() }));
+                overlay = (h("div", { key: '51ed7bb78c8de27ce221848d182ad33da30a88ab', class: "overlay", onClick: (_) => this.close() }));
             }
             else {
-                overlay = h("div", { key: '14a5e89df1579fe0ff4b2d568cdf388fb6ffe3d6', class: "overlay" });
+                overlay = h("div", { key: '2d92503b292c88061e116b87b41f24b1529d6cbe', class: "overlay" });
             }
         }
-        return (h(Host, { key: '0dc4b256306db321c8b413b069b48cc5a753022d', class: this.getCssClassMap() }, this.styles && h("style", { key: '5e32b5f75febaed14f65a6f1e0ede9ff870bdfc5' }, this.styles), h("div", { key: 'b64190d249b568cd7923ad3ab6c570eae51db476', class: `wrapper ${this.show ? "show" : "hide"} ${this.fixed ? "fixed" : ""} ` }, overlay, h("div", { key: 'ac739c42564f4b05db4ba0f1993d34d5a6260c10', class: `modal-popup ${this.customClass ? this.customClass : ""} ${this.size} ${type} ${this.rounded ? "rounded" : ""} ${this.showHeaderFooter ? "shadow-scroller" : ""} `, ref: (el) => (this.modalPopUpRef = el) }, this.modalType === "event-listing" && this.headerOnlyBg
+        return (h(Host, { key: '8cdb758d20c0368b0bddf2a3c8971addd8cc4b58', class: this.getCssClassMap() }, this.styles && h("style", { key: 'a133e0b93a1337299a3f796edbe087b05ec6cc03' }, this.styles), h("div", { key: '559f283b4fc46fc27b5fea0217fd707b18774717', class: `wrapper ${this.show ? "show" : "hide"} ${this.fixed ? "fixed" : ""} ` }, overlay, h("div", { key: 'aa5d369460732324b58d38a399f4cc811b0bcb97', class: `modal-popup ${this.customClass ? this.customClass : ""} ${this.size} ${type} ${this.rounded ? "rounded" : ""} ${this.showHeaderFooter ? "shadow-scroller" : ""} `, ref: (el) => (this.modalPopUpRef = el) }, this.modalType === "event-listing" && this.headerOnlyBg
             ? [
                 h("div", { class: "event-list-header" }, h("ptc-img", { "img-url": this.headerOnlyBg, "image-type": "smart-img", styles: ".ptc-img{border-radius: var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;}" }), h("div", { class: "text-wrapper" }, h("span", null, this.headerOnlyText1
                     ? this.headerOnlyText1

package/dist/esm/ptc-container.entry.js CHANGED Viewed

@@ -16,7 +16,7 @@ const PtcContainer = class {
     styles;
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: 'e8185c503157b05a27216b7119c2fdf4e267fb86', class: this.getContainerClass() }, this.styles && h("style", { key: '2a9f412ae8bf7dead9de39c364781b3240b2f0c2' }, this.styles), h("div", { key: 'b371942fd28e2eb10c4073473b5ab4a1b6559d26', class: classMap }, h("slot", { key: '6ad5e08d507db12e82b5e60c96a67f217762541a' }))));
+        return (h(Host, { key: '278ef763aab97fb8dd795462b0c91f701cec71db', class: this.getContainerClass() }, this.styles && h("style", { key: '2f3ed0fd4bb513ddfd25492a268d3e749b017e2b' }, this.styles), h("div", { key: 'd9ff56e9841fa043f799f86e6169e43f7e65b38d', class: classMap }, h("slot", { key: 'ced841deabc0b337024be34f9b722a6b0d9d0883' }))));
     }
     getContainerClass() {
         switch (this.containerType) {

package/dist/esm/ptc-countdown.entry.js CHANGED Viewed

@@ -187,7 +187,7 @@ const PtcCountdown = class {
             .utcOffset(this.getOffsetFromAbbr(this.eventTimeZone), true)
             .format("YYYY-MM-DD HH:mm");
         //const hour12 = this.shouldUse12HourFormat();
-        return (h("div", { key: '1ee2bb9e02806cb1461ec5e0c9453fdbf1edb369', class: "countdown-outer" }, this.countdownTitle && (h("div", { key: '3808821d38619bebbdf5e87ae648c31d8bd6b2d0', class: "event-name" }, this.countdownTitle)), !this.isExpired ? (h("div", { id: "CDOutput", class: "countdown" }, h("div", { class: "day" }, h("div", null, days), h("span", null, this.daysText)), h("div", { class: "hours" }, h("div", null, hours), h("span", null, this.hoursText)), h("div", { class: "minutes" }, h("div", null, minutes), h("span", null, this.minutesText)), h("div", { class: "seconds" }, h("div", null, seconds), h("span", null, this.secondsText)))) : (h("div", { class: "expired" }, `${this.expiredText} ${formattedEventTime} ${this.eventTimeZone}`)), h("div", { key: '8cbeb3c0cc31244655c68551fd6b10096fef710d', class: "cd-event-date" }, new Date(this.eventTime).toLocaleDateString(this.displayLocale, {
+        return (h("div", { key: 'a4ceb5adccd223a1124451aa6c5b211c45332474', class: "countdown-outer" }, this.countdownTitle && (h("div", { key: '496dcc2027febfe8ca5ddbf6b73de42d73bb8ca0', class: "event-name" }, this.countdownTitle)), !this.isExpired ? (h("div", { id: "CDOutput", class: "countdown" }, h("div", { class: "day" }, h("div", null, days), h("span", null, this.daysText)), h("div", { class: "hours" }, h("div", null, hours), h("span", null, this.hoursText)), h("div", { class: "minutes" }, h("div", null, minutes), h("span", null, this.minutesText)), h("div", { class: "seconds" }, h("div", null, seconds), h("span", null, this.secondsText)))) : (h("div", { class: "expired" }, `${this.expiredText} ${formattedEventTime} ${this.eventTimeZone}`)), h("div", { key: 'da1ce83724dfa906ccb9e63481da88beb6e66000', class: "cd-event-date" }, new Date(this.eventTime).toLocaleDateString(this.displayLocale, {
             month: "long",
             day: "numeric",
             year: "numeric",

package/dist/esm/ptc-data-lookup.entry.js CHANGED Viewed

@@ -670,7 +670,7 @@ const PtcDataLookup = class {
         }
     }
     render() {
-        return h("slot", { key: 'ccf5c218bda5df9859c8f3e31c282869e068ba5d' });
+        return h("slot", { key: '47cf7299581b3ec862627a8f3577e77c27dd9647' });
     }
 };
 PtcDataLookup.style = ptcDataLookupCss;

package/dist/esm/ptc-date.entry.js CHANGED Viewed

@@ -49,7 +49,7 @@ const PtcDate = class {
     render() {
         // const newDate = new Date(this.year, this.month, this.day);
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: 'f44f36607096e3347438c3d85bb709b03580f486', class: classMap }, this.dateStyles && h("style", { key: '60c1a041b8992cca04af1b754393552d00bf925d' }, this.dateStyles), h("span", { key: '3bfc459f181eae7c2dcd9e8fe4686589104d7a63', part: "part-ptc-date" }, this.getDate().toLocaleDateString(this.country, this.getOptions()))));
+        return (h(Host, { key: '056d08237afd75097e428311a14065d93e42e63b', class: classMap }, this.dateStyles && h("style", { key: 'ddcd788b88b80be7d0d723d610d4b60964260506' }, this.dateStyles), h("span", { key: 'd6264592f88b3b94e316dd94ddc94a1628ee23ae', part: "part-ptc-date" }, this.getDate().toLocaleDateString(this.country, this.getOptions()))));
     }
     getCssClassMap() {
         return {

package/dist/esm/ptc-dropdown.entry.js CHANGED Viewed

@@ -55,9 +55,9 @@ const PtcDropdown = class {
     };
     render() {
         const classMap = this.getCssClassMap();
-        return (h("div", { key: '79a34c4acedd3eb59ca2d098ec26919841fc0413', class: classMap }, h("header", { key: '0c4206f104a0ac27e10a990303246d7a01085f3b', id: this.trackerId, class: "dropdown__header mf-listen", onClick: this.toggleList, tabindex: "0", onKeyPress: this.toggleList }, h("label", { key: '2d56bfb757c1bb075b344096d646c6d6242b95a3' }, h("b", { key: '0ad919467bf77fa721b6c51c0aa6c5ca5f6f8b98' }, this.label), " ", this.selectedItem
+        return (h("div", { key: '50f76c27e3b119967dc6ba73cf9f59bdca5ded9e', class: classMap }, h("header", { key: '631ad3faa5c7c3adad7c367dc9b960bd807dd290', id: this.trackerId, class: "dropdown__header mf-listen", onClick: this.toggleList, tabindex: "0", onKeyPress: this.toggleList }, h("label", { key: 'd51a53eb0671496727a58fe703517c088e4fccb1' }, h("b", { key: '065da9ef5c513f359c9c8a0439e3169e1bfde166' }, this.label), " ", this.selectedItem
             ? this.selectedItem.label
-            : "Select Option"), h("icon-asset", { key: 'eabdc31de5659941ce3a3de83681c937db5debd0', type: "solid", size: "x-small", name: "chevron-down" })), this.toggle && (h("ul", { key: '3986a7b38af0c7437aa36e0fa45d306a2c2446db', id: this.trackerId + `ul`, tabIndex: -1, class: "dropdown__list mf-listen", onBlur: () => {
+            : "Select Option"), h("icon-asset", { key: 'f53a1f16088532ca35a5749bc509e41b48f05a17', type: "solid", size: "x-small", name: "chevron-down" })), this.toggle && (h("ul", { key: '6b9522035cbe823be470a3c694e24335001beb0c', id: this.trackerId + `ul`, tabIndex: -1, class: "dropdown__list mf-listen", onBlur: () => {
                 this.toggle = false;
             } }, this.listItems.map((item) => {
             let cssClass = "dropdown__item mf-listen";

package/dist/esm/ptc-dynamic-card.entry.js CHANGED Viewed

@@ -144,11 +144,11 @@ const PtcDynamicCard = class {
     // }
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '138a01604bbf17f929334370d5dd11961965d772', class: classMap }, this.styles && h("style", { key: 'b23eb66964d7bde61bb5dbe75a0f119615508e5f' }, this.styles), h("div", { key: 'fdd518f42639501b164d5ad7bc254f2007978b23', class: "card-wrapper mf-listen", role: "button", tabindex: "0", "aria-expanded": this.isExpanded, onClick: this.openCard, onKeyDown: this.handleKeyDown }, this.cardScreen === "mobile" ? (h("div", { class: "card card-mobile mf-listen", id: this.trackerId }, h("ptc-picture", { height: "287", "is-full-width": true, alt: this.cardImgAlt, src: this.cardImgSrc }), h("ptc-card-content", { "card-type": "card-dynamic", styles: ":host(.card-dynamic){height: auto;}" }, h("div", { class: "card-title" }, h("h3", null, this.cardTitle)), h("div", { class: "card-content" }, h("slot", null))))) : (h("div", null, h("div", { ...(!this.isExpanded && {
+        return (h(Host, { key: '9224fd9feba0edaa7fead7ece8f50ce1554917c8', class: classMap }, this.styles && h("style", { key: '8911a93d6539d14b14c39d139388e284d6a2c7f4' }, this.styles), h("div", { key: '4b7969e9d802a661d3ff609053a818fcff353219', class: "card-wrapper mf-listen", role: "button", tabindex: "0", "aria-expanded": this.isExpanded, onClick: this.openCard, onKeyDown: this.handleKeyDown }, this.cardScreen === "mobile" ? (h("div", { class: "card card-mobile mf-listen", id: this.trackerId }, h("ptc-picture", { height: "287", "is-full-width": true, alt: this.cardImgAlt, src: this.cardImgSrc }), h("ptc-card-content", { "card-type": "card-dynamic", styles: ":host(.card-dynamic){height: auto;}" }, h("div", { class: "card-title" }, h("h3", null, this.cardTitle)), h("div", { class: "card-content" }, h("slot", null))))) : (h("div", null, h("div", { ...(!this.isExpanded && {
                 hidden: "until-found",
             }),
             /* @ts-ignore */
-            onBeforeMatch: this.openCard.bind(this), class: `card mf-listen ${this.isExpanded && "card-dt-open"}`, id: this.trackerId }, h("ptc-card-content", { "card-type": "card-dynamic" }, h("div", { class: "card-title" }, h("h3", null, this.cardTitle)), h("div", { class: "card-content" }, h("slot", null))), h("ptc-picture", { alt: this.cardImgAlt, src: this.cardImgSrc, "is-full-width": "true", "is-full-height": "true", "image-alignment": "center" })), h("div", { class: `card card-dt-closed mf-listen ${this.isExpanded ? "hide" : "show"}`, id: this.trackerId }, h("ptc-picture", { alt: this.cardImgAlt, src: this.cardImgSrc, "image-position": "relative", "is-full-width": true, height: "424" }, this.overlayExists ? (h("ptc-overlay", { "filter-color": "solid-black-1" })) : (h("ptc-overlay", { "filter-color": "solid-black-2" }))), h("div", { class: "closed-content", "card-type": "card-dynamic" }, h("div", { class: "card-title" }, h("h2", null, this.cardTitle))))))), this.cardScreen === "desktop" && (h("div", { key: 'dde5d03a12c71db5e51b91cf313673b955ab0dc3', hidden: true }, h("svg", { key: '2c95f53441056c9d3dbe403537d751f4a2a2c4fb' }, h("use", { key: 'c47b914615bc607b171f1b7ccee5f49c3f963088', href: `${this.dotSvg}` }))))));
+            onBeforeMatch: this.openCard.bind(this), class: `card mf-listen ${this.isExpanded && "card-dt-open"}`, id: this.trackerId }, h("ptc-card-content", { "card-type": "card-dynamic" }, h("div", { class: "card-title" }, h("h3", null, this.cardTitle)), h("div", { class: "card-content" }, h("slot", null))), h("ptc-picture", { alt: this.cardImgAlt, src: this.cardImgSrc, "is-full-width": "true", "is-full-height": "true", "image-alignment": "center" })), h("div", { class: `card card-dt-closed mf-listen ${this.isExpanded ? "hide" : "show"}`, id: this.trackerId }, h("ptc-picture", { alt: this.cardImgAlt, src: this.cardImgSrc, "image-position": "relative", "is-full-width": true, height: "424" }, this.overlayExists ? (h("ptc-overlay", { "filter-color": "solid-black-1" })) : (h("ptc-overlay", { "filter-color": "solid-black-2" }))), h("div", { class: "closed-content", "card-type": "card-dynamic" }, h("div", { class: "card-title" }, h("h2", null, this.cardTitle))))))), this.cardScreen === "desktop" && (h("div", { key: '64ab50bf012a284ef75d14f1b13874d7ce6ecbe9', hidden: true }, h("svg", { key: 'abf66ddb20edebcad9a529231a33d282002c1980' }, h("use", { key: 'fbd8d3cf8a3a06c1c8e961b949bd2fb1976ba0e4', href: `${this.dotSvg}` }))))));
     }
     dotSvg = getAssetPath("./media/nav-active-dotslick.svg");
     static get assetsDirs() { return ["media"]; }

package/dist/esm/ptc-ellipsis-dropdown.entry.js CHANGED Viewed

@@ -170,14 +170,14 @@ const PtcEllipsisDropdown = class {
         if (activeTab) {
             isActive = true;
         }
-        return (h("div", { key: '9393467b68b1cf11c02ad3b18805346738e79c80', class: this.dropdownType == "tab-with-banner"
+        return (h("div", { key: '553645474776cd029e46e363aa77ab1ceeea424a', class: this.dropdownType == "tab-with-banner"
                 ? "ptc-ellipsis-dropdown tab-with-banner"
                 : "ptc-ellipsis-dropdown default", onClick: (e) => this.dropdownToggle(e) }, this.isMobile ||
             (this.isIPad && this.dropdownType === "tab-with-banner") ? (h("div", { class: "mob-drop" }, h("span", { class: "opt-name" }, this.dataItems.map((item) => item.isSelected ? item.text : "")), h("svg", { width: "12", height: "9", viewBox: "0 0 12 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M1 1.65723L5.94975 6.60697L10.8995 1.65723", stroke: "#00890B", "stroke-width": "2", "stroke-linecap": "round" })))) : (h("div", { class: isActive || this.isDropdownOpen
                 ? "ellipsis-icon active"
                 : "ellipsis-icon" }, h("icon-asset", { type: "ptc", size: "xxx-small", name: "ellipsis", color: isActive || this.isDropdownOpen
                 ? "white"
-                : "black" }))), h("div", { key: 'e2e1c82e2571ab9e5fe00cf62d78912e19f6663e', class: "dropdown-container", role: "menu", "aria-labelledby": "menubutton1" }, h("slot", { key: 'af3e55c882ce21336921bed9ec7f958d68dc142e', name: "dropdown" }), this.dataItems.map((dataItem) => {
+                : "black" }))), h("div", { key: '5f288b866e4d17c993b6cd9093d32c48fbb9972b', class: "dropdown-container", role: "menu", "aria-labelledby": "menubutton1" }, h("slot", { key: '4490d47ebe0bf95a0118bce630549116fdde9d54', name: "dropdown" }), this.dataItems.map((dataItem) => {
             let activeClass = dataItem.value == this.selectedTab ? "active" : "";
             let activeDropdown = dataItem.isSelected
                 ? "selected-drop"

package/dist/esm/ptc-enhanced-product-listing-card.entry.js CHANGED Viewed

@@ -51,14 +51,14 @@ const PtcEnhancedProductListingCard = class {
     };
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: 'e24020b417bf0d45fe961eaeabbcc9f566316fdd' }, h("div", { key: '2198a5daba6b5bc5162d64632050a08a5bb2cdb1', class: classMap }, this.theme == "standard" && (h("div", { key: '151cead6e5577d5cd7383ea42715af796c6b0d06', class: "ribbon" }, h("svg", { key: '86cb93d4301624d3c101ea70a0f841511d4c6a6b', class: "ribbon-wrap-around", xmlns: "http://www.w3.org/2000/svg", width: "4", height: "4", viewBox: "0 0 4 4", fill: "none" }, h("path", { key: 'd05886ed28b7b05fcd2adf50d0b50ed0ae67865c', d: "M4 3.02124L0 0.0212402H4V3.02124Z", fill: "#08283E" })), h("slot", { key: 'e6c21ab423466567978f80b6c62428c5475236fa', name: "ribbon-text" }))), h("div", { key: 'a603e839b50bcf32c663d9818f6d3bfa08a25115', class: "flex-start" }, h("ptc-title", { key: '6a30ad9b65cf8af22b9b1cec66bc2ad8390b640f', "seo-compatibility-mode": true, type: "h3", "text-align": "left", "title-size": "large", "title-color": "gray", upperline: "no-upperline", "title-display": "block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", "is-plm-hub": "false" }, h("h3", { key: '84140cd6fcede3042bfcdee935f033c79215f34b' }, h("slot", { key: 'ae771662f379bfbc3f5d15d8a3a9be9781b0bf4f', name: "heading" }))), h("ptc-para", { key: '9f71885e2795128f57f6afa6cca99a0d03965d8d', "seo-compatibility-mode": true, "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-bottom-5" }, h("p", { key: '2a499bb2f940df8249ecac1349697ba5850afb9f' }, h("slot", { key: '3f51db5b583047018d4fdfa70a0ca6ccb1de4f43', name: "description" }))), h("div", { key: 'b639f8c883b2616b239383e048436026a16ac098' }, this.featureCallouts.length > 0 &&
+        return (h(Host, { key: '78d56d9a1e3e13db38f8d52a8475693a66a40cde' }, h("div", { key: 'b421aacd8bf94de98f4f218ffa328729b6a81bb4', class: classMap }, this.theme == "standard" && (h("div", { key: '174c43070cad9e4f8ac008c52e2c5c46e57f6069', class: "ribbon" }, h("svg", { key: '3d9da9f49cbca6827ac8e3e9cd77818bba334783', class: "ribbon-wrap-around", xmlns: "http://www.w3.org/2000/svg", width: "4", height: "4", viewBox: "0 0 4 4", fill: "none" }, h("path", { key: '0de42b6b380c613890a660ae87ea274d5ba45734', d: "M4 3.02124L0 0.0212402H4V3.02124Z", fill: "#08283E" })), h("slot", { key: 'ec105f11fa150663f32eccb6ca08fc6f66d43e97', name: "ribbon-text" }))), h("div", { key: 'f5df9a9c1bcb1f1ca9037812f2d08593fd9c3ac4', class: "flex-start" }, h("ptc-title", { key: '4e0dcc4b828de07abf5624a952d6c667012143ea', "seo-compatibility-mode": true, type: "h3", "text-align": "left", "title-size": "large", "title-color": "gray", upperline: "no-upperline", "title-display": "block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", "is-plm-hub": "false" }, h("h3", { key: 'b96c19f174d9012e451112d4af0db4339f602245' }, h("slot", { key: 'c53a5b6ac362c512e7a745f8bd1a3f31000a7f06', name: "heading" }))), h("ptc-para", { key: '235c27c9df5f4d1bbed889a92f8b507744c11d21', "seo-compatibility-mode": true, "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-bottom-5" }, h("p", { key: '23d4b27ced000fcb61df34256b0aa245be3bcc69' }, h("slot", { key: 'e862caac25a62c050b702e8fff61b22299adf943', name: "description" }))), h("div", { key: 'e74e2b0fb553a0ca6a2d5fa5ce765021ca6187a8' }, this.featureCallouts.length > 0 &&
             this.featureCallouts.map((feature, idx) => (h("ptc-icon-list", { "is-last-item": idx ===
                     this.featureCallouts.length - 1
                     ? "true"
                     : "false", "no-bottom-space": idx ===
                     this.featureCallouts.length - 1
                     ? "true"
-                    : "false", "list-content": feature, "list-type": "feature-callout-list" }, h("icon-asset", { slot: "icon", type: "ptc", size: "x-small", name: "checkmark", color: "ptc-green" })))))), h("div", { key: '1178f077c2284d16a00f380ef5a1010236bc2205', class: "flex-end" }, h("div", { key: '4f53f538420b5f58545ad126ae7cf78fa074c133', class: "pricing" }, !this.disablePriceLabel && (h("span", { key: '4d3e0268608760fade33c29fe1208d36e9d7669a', class: "pricing-label" }, h("slot", { key: '919f6edf7af54794903eaed4e07d5c72dbb1f8eb', name: "pricing-label" }))), h("span", { key: '4e25e7d9ab53339411c2eb1f704eb612e110c966', class: "pricing-value" }, h("slot", { key: '371b7fd000e0661ca44fa7d11fc6236415541fc0', name: "pricing-value" }))), h("ptc-button", { key: '47272af60686d5b9d2d9d49b1f3f93563ab8f07c', color: "ptc-quaternary", "link-href": this.cta.href, "button-title": this.cta.title || this.cta.text, target: this.cta.target, type: "button", "tracker-id": `eplc${this.cardIndex}-cta` }, this.cta.text)))));
+                    : "false", "list-content": feature, "list-type": "feature-callout-list" }, h("icon-asset", { slot: "icon", type: "ptc", size: "x-small", name: "checkmark", color: "ptc-green" })))))), h("div", { key: 'b0bf005b775f773986ecee38890b23f8f3697c79', class: "flex-end" }, h("div", { key: 'f45e0bd9a60a62391dc85e62c373d6a1350977e6', class: "pricing" }, !this.disablePriceLabel && (h("span", { key: '9e24c3610a1912bd47addf0464029d8527a42e2d', class: "pricing-label" }, h("slot", { key: '40e9a3e0081e155d91f5f6fe41e0004d45bbabe9', name: "pricing-label" }))), h("span", { key: 'ed75fdb170dd71f325c302d45d0195eed8b79a8d', class: "pricing-value" }, h("slot", { key: '87acdc6f0768a4ac34d06ae2102168085a5fca38', name: "pricing-value" }))), h("ptc-button", { key: 'e6a4e22e6931608db5945f8f65870d2720c0c9a0', color: "ptc-quaternary", "link-href": this.cta.href, "button-title": this.cta.title || this.cta.text, target: this.cta.target, type: "button", "tracker-id": `eplc${this.cardIndex}-cta` }, this.cta.text)))));
     }
     getCssClassMap() {
         return {

package/dist/esm/ptc-featured-list.entry.js CHANGED Viewed

@@ -32,7 +32,7 @@ const PtcFeaturedList = class {
         });
     }
     render() {
-        return (h(Host, { key: '0d6d5a3352192466736d7b4690582a6a1fe55261' }, h("div", { key: '9a7e66aaaf1dfbc093a4a3d7f2ac2fe4516fa1bf', class: "featured-image-wrap" }, h("fl-tab-image", { key: 'b3e01a8061f7c681d4dfe302046a50c0d8c77c6c', "name-key": "tab-01", selected: this.selectedTab === "tab-01" }, h("ptc-img", { key: '1b3fff08882942e78e67e0ec47e32db4d7559263', "image-type": "smart-bg", "image-alignment": "center", "img-url": "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway" })), h("fl-tab-image", { key: '0e2bea5044b9123be1a7d707239722a218e68b04', "name-key": "tab-02", selected: this.selectedTab === "tab-02" }, h("ptc-background-video", { key: '49d58e4a37c01f07fb26ad5bca32d40f072ee373', overlay: false, "play-button-title": "Play", "pause-button-title": "Pause", "video-src": "https://www.ptc.com/en/www.ptc.com//-/media/Videos/BRAND-FILM-CAR-SECTION-short-1mb.mp4", "poster-src": "https://www.ptc.com/-/media/Images/new-org/misc/W232501-LWX23-Hero-Banner-Video-FINAL-jebyrne-110922-screenshot.jpg" })), h("fl-tab-image", { key: '9b0c0e9ca5949672ddc5a3fa7870808b5e1906f6', "name-key": "tab-03", selected: this.selectedTab === "tab-03" }, h("ptc-img", { key: '7ca3d5204f3dcfe465725e1fb1fc0f1c34591d8d', "image-type": "smart-bg", "image-alignment": "center", "img-url": "https://www.ptc.com/-/media/Images/new-org/1366x542/CIMC-1366x542.jpg?h=542&w=1366&la=en&hash=56AE14F73CFB62C24276D08E556B0949" })), h("fl-tab-image", { key: 'a9d5bbdd3d6540e00229135c507f40155cb43785', "name-key": "tab-04", selected: this.selectedTab === "tab-04" }, h("ptc-img", { key: 'e9197f69af5f4b6a9a4a4d4e469ac9fd0e0174ee', "image-type": "smart-bg", "image-alignment": "center", "img-url": "https://www.ptc.com/-/media/Images/new-org/1366x542/ThingWorx_IIOT_CaterpillarCS_Img_1366x542.jpg?h=542&w=1366&la=en&hash=627ED00C1F58E3677A06F50C0F3009D6" }))), this.isMobile ? (
+        return (h(Host, { key: 'c9debe464856c2f32fe8029465ac22db27141151' }, h("div", { key: '5be7323e848cb9d22c68dfbf0c31a8edfef32e3c', class: "featured-image-wrap" }, h("fl-tab-image", { key: '744ab8484366b96793314782273e63c436999a15', "name-key": "tab-01", selected: this.selectedTab === "tab-01" }, h("ptc-img", { key: '5f051572480e1eb4e2de720d7a0648cbf59c2b07', "image-type": "smart-bg", "image-alignment": "center", "img-url": "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway" })), h("fl-tab-image", { key: '60c1c4fb190cb8a24336cbdd091523863e89ecc9', "name-key": "tab-02", selected: this.selectedTab === "tab-02" }, h("ptc-background-video", { key: '0310b793b827b5297c02ac5ea4f2a2cd9ee90440', overlay: false, "play-button-title": "Play", "pause-button-title": "Pause", "video-src": "https://www.ptc.com/en/www.ptc.com//-/media/Videos/BRAND-FILM-CAR-SECTION-short-1mb.mp4", "poster-src": "https://www.ptc.com/-/media/Images/new-org/misc/W232501-LWX23-Hero-Banner-Video-FINAL-jebyrne-110922-screenshot.jpg" })), h("fl-tab-image", { key: '9e2768e46831b3e7cc9a06e3f39a0996a581120f', "name-key": "tab-03", selected: this.selectedTab === "tab-03" }, h("ptc-img", { key: 'b21823ffa8106f12441b9a12c375c8f473ef4318', "image-type": "smart-bg", "image-alignment": "center", "img-url": "https://www.ptc.com/-/media/Images/new-org/1366x542/CIMC-1366x542.jpg?h=542&w=1366&la=en&hash=56AE14F73CFB62C24276D08E556B0949" })), h("fl-tab-image", { key: '8b336449a7de74fd1b7a6089f842fd51e10462c4', "name-key": "tab-04", selected: this.selectedTab === "tab-04" }, h("ptc-img", { key: 'ebb2bfa855d896b005c6469a5b4f57681a060a42', "image-type": "smart-bg", "image-alignment": "center", "img-url": "https://www.ptc.com/-/media/Images/new-org/1366x542/ThingWorx_IIOT_CaterpillarCS_Img_1366x542.jpg?h=542&w=1366&la=en&hash=627ED00C1F58E3677A06F50C0F3009D6" }))), this.isMobile ? (
         // Code for mobile only
         h("div", { class: "mobile-wrapper" }, h("div", { class: "acc-item" }, h("fl-tab-header", { "value-key": 1, "name-key": "tab-01", "tab-title": "Aerospace & Defense", selected: this.selectedTab === "tab-01" }, " "), h("fl-tab-content", { "value-key": 1, "name-key": "tab-01", selected: this.selectedTab === "tab-01", onbeforematch: () => (this.selectedTab = "tab-01") }, h("ptc-para", { "para-line-h": "line-height-p", "font-size": "small", "para-margin": "margin-3" }, h("ptc-readmore", { "visible-lines-custom": "7", "more-text": "Read More", "less-text": "Read Less", "read-more-position": "left", class: "inline" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization.")), h("a", { href: "https://www.google.com", tabIndex: 0 }, "See More about Aerospace & Defense"))), h("div", { class: "acc-item" }, h("fl-tab-header", { "value-key": 2, "name-key": "tab-02", "tab-title": "Automotive", selected: this.selectedTab === "tab-02" }), h("fl-tab-content", { "value-key": 2, "name-key": "tab-02", selected: this.selectedTab === "tab-02", onbeforematch: () => (this.selectedTab = "tab-02") }, h("ptc-para", { "para-line-h": "line-height-p", "font-size": "small", "para-margin": "margin-3" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."), h("a", { href: "https://www.google.com", tabIndex: 0 }, "See More about Aerospace & Defense"))), h("div", { class: "acc-item" }, h("fl-tab-header", { "value-key": 3, "name-key": "tab-03", "tab-title": "Electronics & High-Tech", selected: this.selectedTab === "tab-03" }), h("fl-tab-content", { "value-key": 3, "name-key": "tab-03", selected: this.selectedTab === "tab-03", onbeforematch: () => (this.selectedTab = "tab-03") }, h("ptc-para", { "para-line-h": "line-height-p", "font-size": "small", "para-margin": "margin-3" }, h("ptc-readmore", { "visible-lines-custom": "7", "more-text": "Read More", "less-text": "Read Less", "read-more-position": "left", class: "inline" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization.")), h("a", { href: "https://www.google.com", tabIndex: 0 }, "See More about Aerospace & Defense"))), h("div", { class: "acc-item" }, h("fl-tab-header", { "value-key": 4, "name-key": "tab-04", "tab-title": "Retail & Consumer Products", selected: this.selectedTab === "tab-04" }), h("fl-tab-content", { "value-key": 4, "name-key": "tab-04", selected: this.selectedTab === "tab-04", onbeforematch: () => (this.selectedTab = "tab-04") }, h("ptc-para", { "para-line-h": "line-height-p", "font-size": "small", "para-margin": "margin-3" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."), h("a", { href: "https://www.google.com", tabIndex: 0 }, "See More about Aerospace & Defense"))))) : (
         // Code for Desktop only

package/dist/esm/ptc-filter-dropdown_4.entry.js CHANGED Viewed

@@ -108,13 +108,13 @@ const PtcFilterDropdown = class {
         }
     }
     render() {
-        return (h(Host, { key: 'f1cb0fa452a50b44fec6e6c3341e14dcee3c808d' }, this.styles && h("style", { key: '7a5e8a8142d0d8d986f174e7f9d7b0bef0ae5b62' }, this.styles), h("div", { key: '54ed7be750950c8dc8885c375057ef8105011394', class: "dropdown" }, h("div", { key: 'b8ce52087098dbfb1beb6d6375951a2a557226ca', class: "dropdown-toggle mf-listen", onClick: () => this.toggleDropdown(true), tabIndex: 0, onKeyDown: (e) => {
+        return (h(Host, { key: '15ae4a9d26730f0fddff993ab23156dd28556c8c' }, this.styles && h("style", { key: 'f677374168ed19d5e60951e9176415e632263b40' }, this.styles), h("div", { key: 'd97734a045c2c236af997d568940c8d9b3d019fb', class: "dropdown" }, h("div", { key: 'b1437b03654eac84f03ee9a5a9a16de7a5af36c3', class: "dropdown-toggle mf-listen", onClick: () => this.toggleDropdown(true), tabIndex: 0, onKeyDown: (e) => {
                 this.handleKeyDown(e);
-            } }, h("span", { key: '4fa9e4f0cce93145d2df4e01ff9b2300442c787e', class: "dropdown-placeholder" }, h("strong", { key: 'c131a49aaf8a9f3275a7ca47e86961f0b633d4b5' }, "Filter: "), h("span", { key: '8c1fde30490acb8a605f163d32b54b4b69998e42', class: "dropdown-filter-name" }, this.placeholder)), h("span", { key: '84fccc4ebe6d1d6e8877cc9764afa8d65608aa4e', class: "caret" }, h("svg", { key: 'f64a97c74e626ad0f5185d3e264358ee87eed4cc', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "7", viewBox: "0 0 12 7", fill: "none" }, h("path", { key: '698af128110e096ee1d926ffcf6b3a0d4cf0f0ec', d: "M10.2426 1.24264L6 5.48528L1.75736 1.24264", stroke: "#20262A", "stroke-width": "2", "stroke-linecap": "round" })))), this.isOpen && (h("div", { key: '1ca41fc03175fdb6547b875638eeb1c574b7bcd0', class: "dropdown-menu" }, h("ul", { key: 'e5f766f9a313204eeea436f35446c59505d944ed', class: "filter-list" }, this.internalOptions.map((option) => (h("li", { key: option.tabId }, h("label", { class: "radio-label", htmlFor: option.value.replace(/\s+/g, "") }, h("input", { type: "radio", id: option.value.replace(/\s+/g, ""), name: "theater-filter", value: option.value, checked: this.selectedOptions.some((item) => item.value ===
-                option.value), "tab-id": option.tabId, "tag-name": option.tagName }), option.value))))), h("div", { key: 'c0acdb41f626424da14957b5ae39543f84ad7cca', class: "filter-btns" }, h("span", { key: '939ce72e152d4dfb9f9d4277dda00369b6d24bd0', class: "clear-btn mf-listen", onClick: () => this.clearFilter(), tabIndex: 0, onKeyDown: (e) => {
+            } }, h("span", { key: '24008dcb361b54d9b3ec5a8052da4cac984a7cef', class: "dropdown-placeholder" }, h("strong", { key: '331ed5b62f137714fd2cb7e071d5337508a1106a' }, "Filter: "), h("span", { key: '03b84cd4945e247697149eaea4acad4290a0ebfa', class: "dropdown-filter-name" }, this.placeholder)), h("span", { key: '9921cae1415df6dac90ea024af124f2b22f4fe5c', class: "caret" }, h("svg", { key: 'af6adb7cb323b9faf047b4dfcaaf0b3a52826088', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "7", viewBox: "0 0 12 7", fill: "none" }, h("path", { key: '0e6ae6fd184a450c927e911e470cfa227ce6183c', d: "M10.2426 1.24264L6 5.48528L1.75736 1.24264", stroke: "#20262A", "stroke-width": "2", "stroke-linecap": "round" })))), this.isOpen && (h("div", { key: 'e1410bb494fa0716710a2541b50a6e1aaa4661ab', class: "dropdown-menu" }, h("ul", { key: '14b35a51185160de8c6726f98dd3e3372a150010', class: "filter-list" }, this.internalOptions.map((option) => (h("li", { key: option.tabId }, h("label", { class: "radio-label", htmlFor: option.value.replace(/\s+/g, "") }, h("input", { type: "radio", id: option.value.replace(/\s+/g, ""), name: "theater-filter", value: option.value, checked: this.selectedOptions.some((item) => item.value ===
+                option.value), "tab-id": option.tabId, "tag-name": option.tagName }), option.value))))), h("div", { key: '6f9aa6ec02e7a0a924f774f8435e8aed3ca808fc', class: "filter-btns" }, h("span", { key: '3273a68ee0478f76b61e1af412a9718dbb0a1251', class: "clear-btn mf-listen", onClick: () => this.clearFilter(), tabIndex: 0, onKeyDown: (e) => {
                 if (e.key === "Enter")
                     this.clearFilter();
-            } }, "Clear"), h("ptc-button", { key: '6e15227e779e1a1bd17eb6eb1bce4cc08384c6fd', "tracker-id": "filter-apply-cta", type: "link", color: "ptc-secondary", onClick: () => this.emitSelectedOptions("applyButton"), styles: " a span { font-size: 16px !important;  } a{ padding: 10px 16px !important; }" }, "Apply"))))), h("div", { key: 'ccd1bfaa1335a65a4f293dde6efb06b59ce8158b', class: "hidden" }, h("slot", { key: '6011ce93c9ff23cd3e2cdf709aa8abf35103e6de' }))));
+            } }, "Clear"), h("ptc-button", { key: '2850c9118fde739ef5208231c7f478def1212b66', "tracker-id": "filter-apply-cta", type: "link", color: "ptc-secondary", onClick: () => this.emitSelectedOptions("applyButton"), styles: " a span { font-size: 16px !important;  } a{ padding: 10px 16px !important; }" }, "Apply"))))), h("div", { key: '3440e9a4bc01585f454ba875dd58644b9fbea8af', class: "hidden" }, h("slot", { key: '260559aa82a3541cd453235f396aafc55d0c2a31' }))));
     }
 };
 PtcFilterDropdown.style = ptcFilterDropdownCss;
@@ -163,7 +163,7 @@ const PtcSocialShare = class {
     darkFocusState = false;
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '604d8fca66740410a415546dd4a4d5d6e68ee00c', class: classMap }, h("div", { key: 'af7ce5b47dc2c5068921925487d9feef640cfe02', onClick: () => this.share(), onMouseEnter: () => this.hoverToggle(), onMouseLeave: () => this.hoverToggle(), class: `focus-state mf-listen ${this.darkFocusState ? "focus-state-dark-background" : ""}`, tabindex: "0", onKeyDown: (event) => this.handleKeyDown(event), id: this.trackerId }, this.shareType == "mail" ? (h("icon-asset", { type: "ptc", size: this.iconSize, name: "plm-mail", ...(this.isHover
+        return (h(Host, { key: 'f7768192bb24a8f9bb445d31beb61ce7c6422385', class: classMap }, h("div", { key: '261f5d0e6f5a088fb50503340b5903b738d6d17f', onClick: () => this.share(), onMouseEnter: () => this.hoverToggle(), onMouseLeave: () => this.hoverToggle(), class: `focus-state mf-listen ${this.darkFocusState ? "focus-state-dark-background" : ""}`, tabindex: "0", onKeyDown: (event) => this.handleKeyDown(event), id: this.trackerId }, this.shareType == "mail" ? (h("icon-asset", { type: "ptc", size: this.iconSize, name: "plm-mail", ...(this.isHover
                 ? { color: this.iconHoverColor }
                 : { color: this.iconColor }) })) : null, this.shareType == "linkedin" ? (h("icon-asset", { type: "ptc", size: this.iconSize, name: "plm-linkedin", ...(this.isHover
                 ? { color: this.iconHoverColor }
@@ -183,7 +183,7 @@ const PtcSocialShare = class {
                 ? { color: this.iconHoverColor }
                 : { color: this.iconColor }) })) : null, this.shareType == "download" ? (h("icon-asset", { type: "ptc", size: this.iconSize, name: "download-arrow-news", color: "inherit", ...(this.isHover
                 ? { color: this.iconHoverColor }
-                : { color: this.iconColor }) })) : null), this.shareType == "download" && (h("ptc-modal", { key: '295ea776c8f456e28d7fc388d5f8209e26556173', id: "download-modal", show: false, size: "lg", fixed: true, "is-bio-modal": true }, h("ptc-title", { key: 'a5ff16c957a902b225a99b64950a3c461e0006ac', type: "h2", "text-align": "center", "title-weight": "w-5", upperline: "no-upperline" }, "Thanks For Downloading")))));
+                : { color: this.iconColor }) })) : null), this.shareType == "download" && (h("ptc-modal", { key: 'a626bdd9900e75ed1bddad202c2a0030bdee2bf4', id: "download-modal", show: false, size: "lg", fixed: true, "is-bio-modal": true }, h("ptc-title", { key: '11889eae491d0fe2eeb8cf17ffcafa198340b46a', type: "h2", "text-align": "center", "title-weight": "w-5", upperline: "no-upperline" }, "Thanks For Downloading")))));
     }
     handleKeyDown(event) {
         if (event.key === "Enter") {
@@ -268,7 +268,7 @@ const PtcTheaterVideo = class {
         });
     }
     render() {
-        return (h(Host, { key: '2404502796d5ef061fc2ac36c91547fa0c390593', "video-id": this.videoId, "vtag-name": this.vtagName, "modal-type": this.modalType }, h("div", { key: 'e82c045a7f03b94799b5630781e523e7c3c8d1a4', class: "img-wrap mf-listen", onClick: () => this.showCardDetails(), tabIndex: 0 }, h("img", { key: '904ee9b2eef52624317e1deba28fe50c7be23b69', src: this.thumbImg, alt: "" }), h("span", { key: 'c49ab0e9d9a2d8b9195a6b7628b8b42819e065bf', class: "card-number" }, this.cardNumber + 1), h("svg", { key: 'd63f458a5fcb7c43bbd739408b60a48c6b8f811f', xmlns: "http://www.w3.org/2000/svg", width: "54", height: "56", viewBox: "0 0 54 56", fill: "none" }, h("g", { key: '53744b1b4534822b875d633b339d0739ba45041e', filter: "url(#filter0_d_214_969)" }, h("path", { key: 'dfd6d86a831c5455f80fc9244f5afc70910e25b4', d: "M42 20L12 36V4L42 20Z", fill: "white" })), h("defs", { key: 'fab64f360c5e06e6c3569b9b82567d00f69fa6d0' }, h("filter", { key: 'f8d9be6f3557fe057935a08e5d05fb692ee1752e', id: "filter0_d_214_969", x: "0", y: "0", width: "54", height: "56", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '7529c93dc7c3d93df19b4a1c798f9327cd4fb3dc', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'fc58774baee85519cc50575a2440c2e03ec86a04', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: 'b2ae1237b14d439cb4dca9764044dc45106029ae', dy: "8" }), h("feGaussianBlur", { key: '1abeebc4e1666a36e8adbb647850dc0830fe932f', stdDeviation: "6" }), h("feComposite", { key: '830da368ffe924ebbe65a66e3af7dea35025f3e1', in2: "hardAlpha", operator: "out" }), h("feColorMatrix", { key: '1c158d0225400f3e419eb96ce97cd1c8cbbc7f23', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" }), h("feBlend", { key: 'fae234c118ac56699573c3be06128f8696456bf9', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_214_969" }), h("feBlend", { key: '34ce3f62463cab3bd29ba49b32edae80e2e9ffaf', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_214_969", result: "shape" }))))), h("h3", { key: 'b478477ea60c62df97f4a9cbe9d45f18a11b0727', class: "vcard-title" }, this.cardTitle), h("div", { key: '0173ae2eaefc15c5724ec031e2db5a1fdccad460', class: "hidden description" }, h("slot", { key: '41788260ddde3821d84b923fbb99efda0ddc3759' }))));
+        return (h(Host, { key: 'cb734f9e2e84763a36766203b9f928292a81caa1', "video-id": this.videoId, "vtag-name": this.vtagName, "modal-type": this.modalType }, h("div", { key: '048e53c73742645c9e0649c8da39b6826f2f1c48', class: "img-wrap mf-listen", onClick: () => this.showCardDetails(), tabIndex: 0 }, h("img", { key: '65ed2e2c5ae629bbeb724538167b9c72d78bfc94', src: this.thumbImg, alt: "" }), h("span", { key: 'fc6253460a211fedee0cce0e9b1a3116164b2fd6', class: "card-number" }, this.cardNumber + 1), h("svg", { key: 'f53f4c3c44e158d2b37ab9bf1b010489d1d0f3e1', xmlns: "http://www.w3.org/2000/svg", width: "54", height: "56", viewBox: "0 0 54 56", fill: "none" }, h("g", { key: '0efff9c9a56ad728e6a1ad1f3541c924b2bcb93f', filter: "url(#filter0_d_214_969)" }, h("path", { key: 'ecd877cac05deeccf368698e30bf9f981646ffd7', d: "M42 20L12 36V4L42 20Z", fill: "white" })), h("defs", { key: 'c04bc12fbfe106e1edc691a9c4c4f9d3e7800368' }, h("filter", { key: '1bbc11290b3cf899861e1d5f10745710cbd94acb', id: "filter0_d_214_969", x: "0", y: "0", width: "54", height: "56", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'da7989baa883cabd93e51496254bed20fbe55961', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'a159f3597ef830ac2d45b7095ad2a44b96c922be', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: 'c7872cd949a380e6c65733caf08f735648555aa3', dy: "8" }), h("feGaussianBlur", { key: '811af9329629872fef829ff63e5bfe3ac862a57f', stdDeviation: "6" }), h("feComposite", { key: '3b816202e95280c4791c3a9be59ce6061ad23f7d', in2: "hardAlpha", operator: "out" }), h("feColorMatrix", { key: '3d5871a0c23eb3560adb2cb007b0956e22232bf4', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" }), h("feBlend", { key: 'd2396c9a167b137fba9f8ec23ffc3c9f7a2534ec', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_214_969" }), h("feBlend", { key: '0d6ae4d495af553cb8e75665b95f7ffeccc74f12', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_214_969", result: "shape" }))))), h("h3", { key: 'fe39750a12762aa64f8a328ad4dab677a07b2ea2', class: "vcard-title" }, this.cardTitle), h("div", { key: '0df6d88494e43574102d02d26acc104277c3a7f7', class: "hidden description" }, h("slot", { key: '662d321096410038961b51dbe5b2c8d2c531767e' }))));
     }
 };
 PtcTheaterVideo.style = ptcTheaterVideoCss;
@@ -388,7 +388,7 @@ const PtcTheaterVideoPlaylist = class {
         }
     }
     render() {
-        return (h("div", { key: '3974f75dcc25b8ea0bd5f910862943c30e54f81b', class: "card-list" }, h("slot", { key: '3bad61821dd0e4cf42810c3d4581039e07fae71b' })));
+        return (h("div", { key: 'd91c18bc76f1629869ce768a3bec9126476f9138', class: "card-list" }, h("slot", { key: '3e59d0053899ec1e8fc226c8e216b35abfa44c3a' })));
     }
 };
 PtcTheaterVideoPlaylist.style = ptcTheaterVideoPlaylistCss;