@ptcwebops/ptcw-design 6.5.6-upgrade → 6.5.7-upgrade

package/dist/components/{p-DIQsWvTl.js.map → p-DqEp_ABX.js.map}

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

package/dist/components/{p-BtXR4IsB.js → p-DynRjvin.js}

@@ -12,7 +12,7 @@ const DropdownItem = /*@__PURE__*/ proxyCustomElement(class DropdownItem extends
     linkHref = undefined;
     linkTarget = "_self";
     render() {
-        return (h("div", { key: '9b79cb8dffc3669a9942a0e34da7006f5c5d0029', class: "dropdown-item" }, h("slot", { key: 'eb8c4ad1155d244aba2fa802808bbc1228f61ab7' })));
+        return (h("div", { key: 'a2d4d1edb8747aec7abc5a863f892ef9de86ba7d', class: "dropdown-item" }, h("slot", { key: '422df52d3b8d212e36bc87b179c4e5c3f1defe25' })));
     }
     static get style() { return dropdownItemCss; }
 }, [260, "dropdown-item", {
@@ -35,6 +35,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { DropdownItem as D, defineCustomElement as d };
-//# sourceMappingURL=p-BtXR4IsB.js.map
+//# sourceMappingURL=p-DynRjvin.js.map
 
-//# sourceMappingURL=p-BtXR4IsB.js.map
+//# sourceMappingURL=p-DynRjvin.js.map

package/dist/components/{p-BtXR4IsB.js.map → p-DynRjvin.js.map}

@@ -1 +1 @@
-{"file":"p-BtXR4IsB.js","mappings":";;AAAA,MAAM,eAAe,GAAG,w1BAAw1B;;MCOn2B,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;IAChB,QAAQ,GAAY,SAAS;IAE7B,UAAU,GAAuB,OAAO;IAEhD,MAAM,GAAA;QACL,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACzB,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/dropdown-item/dropdown-item.scss?tag=dropdown-item","src/components/molecules/dropdown-item/dropdown-item.tsx"],"sourcesContent":["@use \"mixins\" as *;\r\n.dropdown-item {\r\n\ttransition: background-color ease-out 250ms;\r\n\tmax-width: 240px;\r\n\t@include screen-xs {\r\n\t\tmax-width: 400px;\r\n\t}\r\n\t@include screen-md {\r\n\t\tmax-width: 650px;\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: background-color ease-out 0ms;\r\n\t}\r\n\r\n\t&:hover,\r\n\t&:active,\r\n\t&:focus,\r\n\t&:focus-visible {\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t}\r\n\r\n\tspan {\r\n\t\tdisplay: block;\r\n\t\tpadding: 0.75rem 1.5rem;\r\n\t\tfont-family: \"Raleway\";\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-dense);\r\n\t\tcolor: var(--color-gray-12);\r\n\t\ttext-decoration: none;\r\n\r\n\t\t&:hover,\r\n\t\t&:visited,\r\n\t\t&:active,\r\n\t\t&:focus,\r\n\t\t&:focus-visible {\r\n\t\t\tcolor: var(--color-gray-12);\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"dropdown-item\",\r\n\tstyleUrl: \"dropdown-item.scss\",\r\n\tshadow: false,\r\n})\r\nexport class DropdownItem {\r\n\t@Prop() linkHref?: string = undefined;\r\n\r\n\t@Prop() linkTarget: string | undefined = \"_self\";\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<div class=\"dropdown-item\">\r\n\t\t\t\t<slot />\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
+{"file":"p-DynRjvin.js","mappings":";;AAAA,MAAM,eAAe,GAAG,w1BAAw1B;;MCOn2B,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;IAChB,QAAQ,GAAY,SAAS;IAE7B,UAAU,GAAuB,OAAO;IAEhD,MAAM,GAAA;QACL,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACzB,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/dropdown-item/dropdown-item.scss?tag=dropdown-item","src/components/molecules/dropdown-item/dropdown-item.tsx"],"sourcesContent":["@use \"mixins\" as *;\r\n.dropdown-item {\r\n\ttransition: background-color ease-out 250ms;\r\n\tmax-width: 240px;\r\n\t@include screen-xs {\r\n\t\tmax-width: 400px;\r\n\t}\r\n\t@include screen-md {\r\n\t\tmax-width: 650px;\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: background-color ease-out 0ms;\r\n\t}\r\n\r\n\t&:hover,\r\n\t&:active,\r\n\t&:focus,\r\n\t&:focus-visible {\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t}\r\n\r\n\tspan {\r\n\t\tdisplay: block;\r\n\t\tpadding: 0.75rem 1.5rem;\r\n\t\tfont-family: \"Raleway\";\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-dense);\r\n\t\tcolor: var(--color-gray-12);\r\n\t\ttext-decoration: none;\r\n\r\n\t\t&:hover,\r\n\t\t&:visited,\r\n\t\t&:active,\r\n\t\t&:focus,\r\n\t\t&:focus-visible {\r\n\t\t\tcolor: var(--color-gray-12);\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"dropdown-item\",\r\n\tstyleUrl: \"dropdown-item.scss\",\r\n\tshadow: false,\r\n})\r\nexport class DropdownItem {\r\n\t@Prop() linkHref?: string = undefined;\r\n\r\n\t@Prop() linkTarget: string | undefined = \"_self\";\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<div class=\"dropdown-item\">\r\n\t\t\t\t<slot />\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-CtGy5Fsl.js → p-FlBKqZNv.js}

@@ -212,9 +212,9 @@ const PtcReadmore = /*@__PURE__*/ proxyCustomElement(class PtcReadmore extends H
     };
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: 'dcd38a03495ea9e51b09ae20b49fd5bd2d21c693', class: this.display }, h("div", { key: 'd6e3c728b2faec913f9edd6b36f47650a36a00d6', class: classMap }, h("input", { key: 'b2a9b2761e0fd2c644e95167b09e2c1637164d5e', type: "checkbox", id: "expanded", onClick: (e) => this.handleClick(e), tabIndex: -1 }), !!this.visibleLines || !!this.visibleLinesCustom ? (h("p", { class: `read-more-text ${this.visibleLines}`, style: {
+        return (h(Host, { key: '161eec0334969f572bf69fe10f008dc3219f0a2a', class: this.display }, h("div", { key: 'aaba10f9030802806dbaed11edbab137d507f9fb', class: classMap }, h("input", { key: 'cfbc992de40d7c5744b57a7f7f683ce767b8d8c8', type: "checkbox", id: "expanded", onClick: (e) => this.handleClick(e), tabIndex: -1 }), !!this.visibleLines || !!this.visibleLinesCustom ? (h("p", { class: `read-more-text ${this.visibleLines}`, style: {
                 WebkitLineClamp: `${this.visibleLinesCustom}`,
-            } }, h("slot", null))) : null, h("label", { key: 'eb3118687f6d78baf88dc060112528620f7d6bc4', onKeyDown: this.handleKeyDown, htmlFor: "expanded", role: "button", class: `${this.zIndex + " " + this.readMorePosition} read-more-cta-label mf-listen`, tabIndex: 0 }, h("span", { key: 'b35ef3a597c72829e2c47b1523ac509beba64581' }, this.moreText)))));
+            } }, h("slot", null))) : null, h("label", { key: '3d22f071379c1069b62b8f5e653eb8587d3d82ee', onKeyDown: this.handleKeyDown, htmlFor: "expanded", role: "button", class: `${this.zIndex + " " + this.readMorePosition} read-more-cta-label mf-listen`, tabIndex: 0 }, h("span", { key: 'd4736b71f323273fcb40b7a180d5f8de934005e7' }, this.moreText)))));
     }
     getCssClassMap() {
         return {
@@ -256,6 +256,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { PtcReadmore as P, defineCustomElement as d };
-//# sourceMappingURL=p-CtGy5Fsl.js.map
+//# sourceMappingURL=p-FlBKqZNv.js.map
 
-//# sourceMappingURL=p-CtGy5Fsl.js.map
+//# sourceMappingURL=p-FlBKqZNv.js.map

package/dist/components/{p-CtGy5Fsl.js.map → p-FlBKqZNv.js.map}

@@ -1 +1 @@
-{"file":"p-CtGy5Fsl.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-readmore/ptc-readmore.scss?tag=ptc-readmore&encapsulation=shadow","src/components/atoms/ptc-readmore/ptc-readmore.tsx"],"sourcesContent":["@use \"mixins\" as *;\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n.box {\r\n\tinput {\r\n\t\topacity: 0;\r\n\t\tposition: absolute;\r\n\t\tpointer-events: none;\r\n\t}\r\n\r\n\t.read-more-text {\r\n\t\tdisplay: -webkit-box;\r\n\t\t-webkit-box-orient: vertical;\r\n\t\tmargin: 0;\r\n\t\toverflow: hidden;\r\n\t\tword-wrap: break-word;\r\n\t}\r\n\t.line1 {\r\n\t\t-webkit-line-clamp: 1;\r\n\t}\r\n\t.line2 {\r\n\t\t-webkit-line-clamp: 2;\r\n\t}\r\n\t.line3 {\r\n\t\t-webkit-line-clamp: 3;\r\n\t}\r\n\t.line4 {\r\n\t\t-webkit-line-clamp: 4;\r\n\t}\r\n\t.line5 {\r\n\t\t-webkit-line-clamp: 5;\r\n\t}\r\n\t.line10 {\r\n\t\t-webkit-line-clamp: 10;\r\n\t}\r\n\r\n\tinput ~ label {\r\n\t\tdisplay: block;\r\n\t\tposition: relative; //for z-index\r\n\t\tcursor: pointer;\r\n\t\tright: 0;\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\ttext-decoration-line: underline;\r\n\t\tcolor: var(--color-hyperlink);\r\n\t\ttext-align: right;\r\n\t\t//transform: translateX(-36px);\r\n\t\tmargin-right: var(--ptc-element-spacing-07);\r\n\t\t&.left {\r\n\t\t\ttext-align: left;\r\n\t\t}\r\n\t\t&.right {\r\n\t\t\ttext-align: right;\r\n\t\t}\r\n\t\t&.center {\r\n\t\t\ttext-align: center;\r\n\t\t\tmargin-right: 0;\r\n\t\t}\r\n\t}\r\n\tlabel {\r\n\t\t&:focus-visible {\r\n\t\t\toutline: none;\r\n\t\t\tspan {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.z-auto {\r\n\t\tz-index: auto;\r\n\t}\r\n\t.z-1 {\r\n\t\tz-index: 1;\r\n\t}\r\n\t.z-2 {\r\n\t\tz-index: 2;\r\n\t}\r\n\t.z-3 {\r\n\t\tz-index: 3;\r\n\t}\r\n\t.z-999 {\r\n\t\tz-index: 999;\r\n\t}\r\n\r\n\tinput:checked + .read-more-text {\r\n\t\t-webkit-line-clamp: unset !important;\r\n\t}\r\n\r\n\t.read-more-text:not(.truncated) ~ label {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.show-less-cta {\r\n\t\tdisplay: block !important;\r\n\t}\r\n}\r\n\r\n:host {\r\n\t.box {\r\n\t\t&.add-icon {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tspan {\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tpadding-right: var(--ptc-element-spacing-03);\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\tbackground-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2300890B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E\");\r\n\t\t\t\t\t\twidth: 10px;\r\n\t\t\t\t\t\theight: 7px;\r\n\t\t\t\t\t\tbackground-size: cover;\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\tright: -5px;\r\n\t\t\t\t\t\tbottom: 7px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.show-less-cta {\r\n\t\t\t\t\tspan {\r\n\t\t\t\t\t\t&::after {\r\n\t\t\t\t\t\t\ttransform: rotate(180deg);\r\n\t\t\t\t\t\t}\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&.blue {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: var(--color-hyperlink);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.gray {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.green {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: var(--color-green-07);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.initial {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: initial;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.small {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.medium {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\tline-height: var(--ptc-line-height-p);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.large {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t\t\tline-height: var(--ptc-line-height-p);\r\n\t\t\t}\r\n\t\t\t&.add-icon {\r\n\t\t\t\t.read-more-cta-label span {\r\n\t\t\t\t\tpadding-right: var(--ptc-element-spacing-04);\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\twidth: 15px;\r\n\t\t\t\t\t\theight: 10px;\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","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tListen,\r\n\tElement,\r\n\tMethod,\r\n\tEvent,\r\n\tEventEmitter,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-readmore\",\r\n\tstyleUrl: \"ptc-readmore.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcReadmore {\r\n\t/**\r\n\t * the current element\r\n\t */\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/**\r\n\t * customize read more text\r\n\t */\r\n\t@Prop({ mutable: true }) moreText?: string = \"read more\";\r\n\t/**\r\n\t * customize less more text\r\n\t */\r\n\t@Prop({ mutable: true }) lessText?: string;\r\n\r\n\t/**\r\n\t * Read more text position: left or right\r\n\t */\r\n\r\n\t@Prop() readMorePosition: \"left\" | \"right\" | \"center\" = \"right\";\r\n\r\n\t/**\r\n\t *\r\n\t * @returns string\r\n\t */\r\n\t@Prop() display: \"inline\" | \"block\" = \"inline\";\r\n\t/**\r\n\t *  visible lines\r\n\t */\r\n\t@Prop() visibleLines:\r\n\t\t| \"line1\"\r\n\t\t| \"line2\"\r\n\t\t| \"line3\"\r\n\t\t| \"line4\"\r\n\t\t| \"line5\"\r\n\t\t| \"line10\" = \"line2\";\r\n\r\n\t/**\r\n\t *  visible lines custom numebr\r\n\t */\r\n\t@Prop() visibleLinesCustom: number;\r\n\r\n\t// /**\r\n\t// *  visible character custom numebr\r\n\t// */\r\n\t// @Prop() visibleCharacters: number;\r\n\r\n\t/**\r\n\t * index of hover lable\r\n\t */\r\n\t@Prop() zIndex: \"z-auto\" | \"z-1\" | \"z-2\" | \"z-3\" | \"z-999\" = \"z-auto\";\r\n\r\n\t/**\r\n\t * Input element state\r\n\t */\r\n\t@Prop({ mutable: true }) checked: boolean = false;\r\n\r\n\t/**\r\n\t * Size: Font size of the read more text. Options small=16px | medium=18px | large=24px\r\n\t */\r\n\t@Prop() size: \"small\" | \"medium\" | \"large\" = \"small\";\r\n\r\n\t/**\r\n\t * Icon: if true show up/down icon besides text\r\n\t */\r\n\t@Prop() isIcon: boolean = false;\r\n\r\n\t/**\r\n\t * color: Read more text color. Options: default is blue.  'blue' | 'gray' | 'green' | 'initial'\r\n\t */\r\n\t@Prop() color: \"blue\" | \"gray\" | \"green\" | \"initial\" = \"blue\";\r\n\r\n\t/**\r\n\t * isContentSlotted: if the readmore content is from slot,\r\n\t */\r\n\t@Prop({ mutable: true }) isContentSlotted: boolean = false;\r\n\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\r\n\t// Added method to call from other components, if read more is not working ex: tabs\r\n\t@Method()\r\n\tasync updateReadmoreStatus() {\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.addBtnTruncated();\r\n\t\t}, 100);\r\n\t}\r\n\r\n\t/**\r\n\t * more clicked Event\r\n\t */\r\n\r\n\t@Event() readmoreToggle: EventEmitter;\r\n\r\n\taddBtnTruncated() {\r\n\t\tconst appRoot = this.el.shadowRoot;\r\n\t\tconst ps = appRoot.querySelectorAll(\".read-more-text\");\r\n\r\n\t\tps.forEach((p) => {\r\n\t\t\t// if (this.visibleCharacters){\r\n\t\t\t//   const truncatedText = p.textContent.slice(0, this.visibleCharacters);\r\n\t\t\t//   p.textContent = truncatedText;\r\n\t\t\t// }\r\n\t\t\tp.classList[p.scrollHeight > p.clientHeight ? \"add\" : \"remove\"](\r\n\t\t\t\t\"truncated\",\r\n\t\t\t);\r\n\t\t});\r\n\t}\r\n\r\n\t// Created this function to initialize the truncate function on specific elements like tabs\r\n\tenableAddTruncatedClass(element) {\r\n\t\tconst allTabHeaders = document.querySelectorAll(element);\r\n\t\tfor (const element of Array.from(allTabHeaders)) {\r\n\t\t\tlet tabHeader = element;\r\n\t\t\tif (tabHeader) {\r\n\t\t\t\ttabHeader.addEventListener(\"click\", () => {\r\n\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\tthis.addBtnTruncated();\r\n\t\t\t\t\t}, 100);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.addBtnTruncated();\r\n\t\tdocument.addEventListener(\"readystatechange\", () => {\r\n\t\t\tif (document.readyState === \"complete\") {\r\n\t\t\t\tthis.addBtnTruncated();\r\n\t\t\t}\r\n\t\t});\r\n\t\tthis.enableAddTruncatedClass(\"tab-header\");\r\n\t\tthis.enableAddTruncatedClass(\"ptc-ellipsis-dropdown\");\r\n\t\tthis.enableAddTruncatedClass(\"ptc-product-card\");\r\n\r\n\t\t// added code for tabnavigation\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.setTabIndex();\r\n\t\t}, 400);\r\n\t}\r\n\r\n\tsetTabIndex() {\r\n\t\t//debugger\r\n\t\tlet links;\r\n\t\tif (!this.isContentSlotted) {\r\n\t\t\tlinks = this.el?.querySelectorAll<HTMLElement>(\r\n\t\t\t\t'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\tlet slot = this.el?.querySelector(\"slot\").assignedNodes();\r\n\t\t\tlinks =\r\n\t\t\t\tslot[0] instanceof HTMLElement\r\n\t\t\t\t\t? slot[0].querySelectorAll<HTMLElement>(\r\n\t\t\t\t\t\t\t'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t: null;\r\n\t\t}\r\n\r\n\t\tlet bottom = 999999;\r\n\t\tlet rects = this.el.shadowRoot\r\n\t\t\t.querySelector(\".read-more-text\")\r\n\t\t\t?.getClientRects();\r\n\t\tif (rects && rects.length > 0) {\r\n\t\t\tbottom = rects[0].bottom;\r\n\t\t}\r\n\r\n\t\tif (links) {\r\n\t\t\tlinks.forEach((link) => {\r\n\t\t\t\tlet linkRects = link.getClientRects();\r\n\r\n\t\t\t\tif (linkRects && linkRects.length > 0) {\r\n\t\t\t\t\tif (linkRects[0].top < bottom) {\r\n\t\t\t\t\t\tlink.setAttribute(\"tabindex\", \"0\");\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tlink.setAttribute(\"tabindex\", \"-1\");\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\t// click event handler\r\n\thandleClick(event) {\r\n\t\tlet links = this.el?.querySelectorAll<HTMLElement>(\r\n\t\t\t'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t);\r\n\r\n\t\tthis.addBtnTruncated();\r\n\t\t// check if the input box is checked\r\n\t\tthis.checked = event.target.checked;\r\n\t\t// Getting cta element\r\n\t\tconst cta = this.el.shadowRoot.querySelector(\".read-more-cta-label\");\r\n\t\t// Updating the cta text\r\n\t\tthis.checked\r\n\t\t\t? (cta.innerHTML = `<span> ${this.lessText ? this.lessText : \"\"} </span>`)\r\n\t\t\t: (cta.innerHTML = `<span> ${this.moreText ? this.moreText : \"\"}</span>`);\r\n\r\n\t\tthis.checked\r\n\t\t\t? cta.classList.add(\"show-less-cta\")\r\n\t\t\t: cta.classList.remove(\"show-less-cta\");\r\n\r\n\t\t// Emit the state change event\r\n\t\tthis.readmoreToggle.emit({\r\n\t\t\tevent: event,\r\n\t\t\tsender: this.el,\r\n\t\t\tisExpanded: this.checked,\r\n\t\t});\r\n\r\n\t\tif (links) {\r\n\t\t\tif (this.checked) {\r\n\t\t\t\tlinks.forEach((link) => {\r\n\t\t\t\t\tlink.setAttribute(\"tabindex\", \"0\");\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tthis.setTabIndex();\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Handle keyboard interactions\r\n\t */\r\n\thandleKeyDown = (event: KeyboardEvent) => {\r\n\t\tif (event.key !== \"Enter\") return;\r\n\r\n\t\tconst checkBoxEl = this.el.shadowRoot.querySelector(\r\n\t\t\t\"#expanded\",\r\n\t\t) as HTMLInputElement | null;\r\n\t\tconst cta = this.el.shadowRoot.querySelector(\r\n\t\t\t\".read-more-cta-label\",\r\n\t\t) as HTMLElement | null;\r\n\r\n\t\tif (!checkBoxEl || !cta) return;\r\n\r\n\t\tcheckBoxEl.checked = !checkBoxEl.checked;\r\n\t\tconst isExpanded = checkBoxEl.checked;\r\n\r\n\t\tcta.innerHTML = `<span>${isExpanded ? this.lessText || \"\" : this.moreText || \"\"}</span>`;\r\n\t\tcta.classList.toggle(\"show-less-cta\", isExpanded);\r\n\r\n\t\tif (isExpanded) {\r\n\t\t\t// Focus on the first element with tabindex=\"-1\" within 'ptc-readmore'\r\n\t\t\tconst firstTabIndexMinusOne = this.el.querySelector(\r\n\t\t\t\t'[tabindex=\"-1\"]',\r\n\t\t\t) as HTMLElement | null;\r\n\t\t\tfirstTabIndexMinusOne?.focus();\r\n\t\t} else {\r\n\t\t\tcta.focus();\r\n\t\t\tconst readMoreText = this.el.shadowRoot.querySelector(\r\n\t\t\t\t\".read-more-text\",\r\n\t\t\t) as HTMLElement | null;\r\n\t\t\treadMoreText?.classList.add(\"truncated\");\r\n\t\t}\r\n\t\tthis.setTabIndex();\r\n\r\n\t\t// if lessText content is not present then add tabindex=-1 to the more/less label\r\n\t\tif (cta.textContent == \"\") {\r\n\t\t\tcta.setAttribute(\"tabindex\", \"-1\");\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.display}>\r\n\t\t\t\t<div class={classMap}>\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\tid=\"expanded\"\r\n\t\t\t\t\t\tonClick={(e) => this.handleClick(e)}\r\n\t\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t{!!this.visibleLines || !!this.visibleLinesCustom ? (\r\n\t\t\t\t\t\t<p\r\n\t\t\t\t\t\t\tclass={`read-more-text ${this.visibleLines}`}\r\n\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\tWebkitLineClamp: `${this.visibleLinesCustom}`,\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t<label\r\n\t\t\t\t\t\tonKeyDown={this.handleKeyDown}\r\n\t\t\t\t\t\thtmlFor=\"expanded\"\r\n\t\t\t\t\t\trole=\"button\"\r\n\t\t\t\t\t\tclass={`${this.zIndex + \" \" + this.readMorePosition} read-more-cta-label mf-listen`}\r\n\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span>{this.moreText}</span>\r\n\t\t\t\t\t</label>\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[\"box\"]: true,\r\n\t\t\t[this.color]: true,\r\n\t\t\t[this.size]: true,\r\n\t\t\t[\"add-icon\"]: this.isIcon,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
+{"file":"p-FlBKqZNv.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-readmore/ptc-readmore.scss?tag=ptc-readmore&encapsulation=shadow","src/components/atoms/ptc-readmore/ptc-readmore.tsx"],"sourcesContent":["@use \"mixins\" as *;\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n.box {\r\n\tinput {\r\n\t\topacity: 0;\r\n\t\tposition: absolute;\r\n\t\tpointer-events: none;\r\n\t}\r\n\r\n\t.read-more-text {\r\n\t\tdisplay: -webkit-box;\r\n\t\t-webkit-box-orient: vertical;\r\n\t\tmargin: 0;\r\n\t\toverflow: hidden;\r\n\t\tword-wrap: break-word;\r\n\t}\r\n\t.line1 {\r\n\t\t-webkit-line-clamp: 1;\r\n\t}\r\n\t.line2 {\r\n\t\t-webkit-line-clamp: 2;\r\n\t}\r\n\t.line3 {\r\n\t\t-webkit-line-clamp: 3;\r\n\t}\r\n\t.line4 {\r\n\t\t-webkit-line-clamp: 4;\r\n\t}\r\n\t.line5 {\r\n\t\t-webkit-line-clamp: 5;\r\n\t}\r\n\t.line10 {\r\n\t\t-webkit-line-clamp: 10;\r\n\t}\r\n\r\n\tinput ~ label {\r\n\t\tdisplay: block;\r\n\t\tposition: relative; //for z-index\r\n\t\tcursor: pointer;\r\n\t\tright: 0;\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\ttext-decoration-line: underline;\r\n\t\tcolor: var(--color-hyperlink);\r\n\t\ttext-align: right;\r\n\t\t//transform: translateX(-36px);\r\n\t\tmargin-right: var(--ptc-element-spacing-07);\r\n\t\t&.left {\r\n\t\t\ttext-align: left;\r\n\t\t}\r\n\t\t&.right {\r\n\t\t\ttext-align: right;\r\n\t\t}\r\n\t\t&.center {\r\n\t\t\ttext-align: center;\r\n\t\t\tmargin-right: 0;\r\n\t\t}\r\n\t}\r\n\tlabel {\r\n\t\t&:focus-visible {\r\n\t\t\toutline: none;\r\n\t\t\tspan {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.z-auto {\r\n\t\tz-index: auto;\r\n\t}\r\n\t.z-1 {\r\n\t\tz-index: 1;\r\n\t}\r\n\t.z-2 {\r\n\t\tz-index: 2;\r\n\t}\r\n\t.z-3 {\r\n\t\tz-index: 3;\r\n\t}\r\n\t.z-999 {\r\n\t\tz-index: 999;\r\n\t}\r\n\r\n\tinput:checked + .read-more-text {\r\n\t\t-webkit-line-clamp: unset !important;\r\n\t}\r\n\r\n\t.read-more-text:not(.truncated) ~ label {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.show-less-cta {\r\n\t\tdisplay: block !important;\r\n\t}\r\n}\r\n\r\n:host {\r\n\t.box {\r\n\t\t&.add-icon {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tspan {\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tpadding-right: var(--ptc-element-spacing-03);\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\tbackground-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2300890B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E\");\r\n\t\t\t\t\t\twidth: 10px;\r\n\t\t\t\t\t\theight: 7px;\r\n\t\t\t\t\t\tbackground-size: cover;\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\tright: -5px;\r\n\t\t\t\t\t\tbottom: 7px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.show-less-cta {\r\n\t\t\t\t\tspan {\r\n\t\t\t\t\t\t&::after {\r\n\t\t\t\t\t\t\ttransform: rotate(180deg);\r\n\t\t\t\t\t\t}\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&.blue {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: var(--color-hyperlink);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.gray {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.green {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: var(--color-green-07);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.initial {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: initial;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.small {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.medium {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\tline-height: var(--ptc-line-height-p);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.large {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t\t\tline-height: var(--ptc-line-height-p);\r\n\t\t\t}\r\n\t\t\t&.add-icon {\r\n\t\t\t\t.read-more-cta-label span {\r\n\t\t\t\t\tpadding-right: var(--ptc-element-spacing-04);\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\twidth: 15px;\r\n\t\t\t\t\t\theight: 10px;\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","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tListen,\r\n\tElement,\r\n\tMethod,\r\n\tEvent,\r\n\tEventEmitter,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-readmore\",\r\n\tstyleUrl: \"ptc-readmore.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcReadmore {\r\n\t/**\r\n\t * the current element\r\n\t */\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/**\r\n\t * customize read more text\r\n\t */\r\n\t@Prop({ mutable: true }) moreText?: string = \"read more\";\r\n\t/**\r\n\t * customize less more text\r\n\t */\r\n\t@Prop({ mutable: true }) lessText?: string;\r\n\r\n\t/**\r\n\t * Read more text position: left or right\r\n\t */\r\n\r\n\t@Prop() readMorePosition: \"left\" | \"right\" | \"center\" = \"right\";\r\n\r\n\t/**\r\n\t *\r\n\t * @returns string\r\n\t */\r\n\t@Prop() display: \"inline\" | \"block\" = \"inline\";\r\n\t/**\r\n\t *  visible lines\r\n\t */\r\n\t@Prop() visibleLines:\r\n\t\t| \"line1\"\r\n\t\t| \"line2\"\r\n\t\t| \"line3\"\r\n\t\t| \"line4\"\r\n\t\t| \"line5\"\r\n\t\t| \"line10\" = \"line2\";\r\n\r\n\t/**\r\n\t *  visible lines custom numebr\r\n\t */\r\n\t@Prop() visibleLinesCustom: number;\r\n\r\n\t// /**\r\n\t// *  visible character custom numebr\r\n\t// */\r\n\t// @Prop() visibleCharacters: number;\r\n\r\n\t/**\r\n\t * index of hover lable\r\n\t */\r\n\t@Prop() zIndex: \"z-auto\" | \"z-1\" | \"z-2\" | \"z-3\" | \"z-999\" = \"z-auto\";\r\n\r\n\t/**\r\n\t * Input element state\r\n\t */\r\n\t@Prop({ mutable: true }) checked: boolean = false;\r\n\r\n\t/**\r\n\t * Size: Font size of the read more text. Options small=16px | medium=18px | large=24px\r\n\t */\r\n\t@Prop() size: \"small\" | \"medium\" | \"large\" = \"small\";\r\n\r\n\t/**\r\n\t * Icon: if true show up/down icon besides text\r\n\t */\r\n\t@Prop() isIcon: boolean = false;\r\n\r\n\t/**\r\n\t * color: Read more text color. Options: default is blue.  'blue' | 'gray' | 'green' | 'initial'\r\n\t */\r\n\t@Prop() color: \"blue\" | \"gray\" | \"green\" | \"initial\" = \"blue\";\r\n\r\n\t/**\r\n\t * isContentSlotted: if the readmore content is from slot,\r\n\t */\r\n\t@Prop({ mutable: true }) isContentSlotted: boolean = false;\r\n\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\r\n\t// Added method to call from other components, if read more is not working ex: tabs\r\n\t@Method()\r\n\tasync updateReadmoreStatus() {\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.addBtnTruncated();\r\n\t\t}, 100);\r\n\t}\r\n\r\n\t/**\r\n\t * more clicked Event\r\n\t */\r\n\r\n\t@Event() readmoreToggle: EventEmitter;\r\n\r\n\taddBtnTruncated() {\r\n\t\tconst appRoot = this.el.shadowRoot;\r\n\t\tconst ps = appRoot.querySelectorAll(\".read-more-text\");\r\n\r\n\t\tps.forEach((p) => {\r\n\t\t\t// if (this.visibleCharacters){\r\n\t\t\t//   const truncatedText = p.textContent.slice(0, this.visibleCharacters);\r\n\t\t\t//   p.textContent = truncatedText;\r\n\t\t\t// }\r\n\t\t\tp.classList[p.scrollHeight > p.clientHeight ? \"add\" : \"remove\"](\r\n\t\t\t\t\"truncated\",\r\n\t\t\t);\r\n\t\t});\r\n\t}\r\n\r\n\t// Created this function to initialize the truncate function on specific elements like tabs\r\n\tenableAddTruncatedClass(element) {\r\n\t\tconst allTabHeaders = document.querySelectorAll(element);\r\n\t\tfor (const element of Array.from(allTabHeaders)) {\r\n\t\t\tlet tabHeader = element;\r\n\t\t\tif (tabHeader) {\r\n\t\t\t\ttabHeader.addEventListener(\"click\", () => {\r\n\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\tthis.addBtnTruncated();\r\n\t\t\t\t\t}, 100);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.addBtnTruncated();\r\n\t\tdocument.addEventListener(\"readystatechange\", () => {\r\n\t\t\tif (document.readyState === \"complete\") {\r\n\t\t\t\tthis.addBtnTruncated();\r\n\t\t\t}\r\n\t\t});\r\n\t\tthis.enableAddTruncatedClass(\"tab-header\");\r\n\t\tthis.enableAddTruncatedClass(\"ptc-ellipsis-dropdown\");\r\n\t\tthis.enableAddTruncatedClass(\"ptc-product-card\");\r\n\r\n\t\t// added code for tabnavigation\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.setTabIndex();\r\n\t\t}, 400);\r\n\t}\r\n\r\n\tsetTabIndex() {\r\n\t\t//debugger\r\n\t\tlet links;\r\n\t\tif (!this.isContentSlotted) {\r\n\t\t\tlinks = this.el?.querySelectorAll<HTMLElement>(\r\n\t\t\t\t'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\tlet slot = this.el?.querySelector(\"slot\").assignedNodes();\r\n\t\t\tlinks =\r\n\t\t\t\tslot[0] instanceof HTMLElement\r\n\t\t\t\t\t? slot[0].querySelectorAll<HTMLElement>(\r\n\t\t\t\t\t\t\t'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t: null;\r\n\t\t}\r\n\r\n\t\tlet bottom = 999999;\r\n\t\tlet rects = this.el.shadowRoot\r\n\t\t\t.querySelector(\".read-more-text\")\r\n\t\t\t?.getClientRects();\r\n\t\tif (rects && rects.length > 0) {\r\n\t\t\tbottom = rects[0].bottom;\r\n\t\t}\r\n\r\n\t\tif (links) {\r\n\t\t\tlinks.forEach((link) => {\r\n\t\t\t\tlet linkRects = link.getClientRects();\r\n\r\n\t\t\t\tif (linkRects && linkRects.length > 0) {\r\n\t\t\t\t\tif (linkRects[0].top < bottom) {\r\n\t\t\t\t\t\tlink.setAttribute(\"tabindex\", \"0\");\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tlink.setAttribute(\"tabindex\", \"-1\");\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\t// click event handler\r\n\thandleClick(event) {\r\n\t\tlet links = this.el?.querySelectorAll<HTMLElement>(\r\n\t\t\t'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t);\r\n\r\n\t\tthis.addBtnTruncated();\r\n\t\t// check if the input box is checked\r\n\t\tthis.checked = event.target.checked;\r\n\t\t// Getting cta element\r\n\t\tconst cta = this.el.shadowRoot.querySelector(\".read-more-cta-label\");\r\n\t\t// Updating the cta text\r\n\t\tthis.checked\r\n\t\t\t? (cta.innerHTML = `<span> ${this.lessText ? this.lessText : \"\"} </span>`)\r\n\t\t\t: (cta.innerHTML = `<span> ${this.moreText ? this.moreText : \"\"}</span>`);\r\n\r\n\t\tthis.checked\r\n\t\t\t? cta.classList.add(\"show-less-cta\")\r\n\t\t\t: cta.classList.remove(\"show-less-cta\");\r\n\r\n\t\t// Emit the state change event\r\n\t\tthis.readmoreToggle.emit({\r\n\t\t\tevent: event,\r\n\t\t\tsender: this.el,\r\n\t\t\tisExpanded: this.checked,\r\n\t\t});\r\n\r\n\t\tif (links) {\r\n\t\t\tif (this.checked) {\r\n\t\t\t\tlinks.forEach((link) => {\r\n\t\t\t\t\tlink.setAttribute(\"tabindex\", \"0\");\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tthis.setTabIndex();\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Handle keyboard interactions\r\n\t */\r\n\thandleKeyDown = (event: KeyboardEvent) => {\r\n\t\tif (event.key !== \"Enter\") return;\r\n\r\n\t\tconst checkBoxEl = this.el.shadowRoot.querySelector(\r\n\t\t\t\"#expanded\",\r\n\t\t) as HTMLInputElement | null;\r\n\t\tconst cta = this.el.shadowRoot.querySelector(\r\n\t\t\t\".read-more-cta-label\",\r\n\t\t) as HTMLElement | null;\r\n\r\n\t\tif (!checkBoxEl || !cta) return;\r\n\r\n\t\tcheckBoxEl.checked = !checkBoxEl.checked;\r\n\t\tconst isExpanded = checkBoxEl.checked;\r\n\r\n\t\tcta.innerHTML = `<span>${isExpanded ? this.lessText || \"\" : this.moreText || \"\"}</span>`;\r\n\t\tcta.classList.toggle(\"show-less-cta\", isExpanded);\r\n\r\n\t\tif (isExpanded) {\r\n\t\t\t// Focus on the first element with tabindex=\"-1\" within 'ptc-readmore'\r\n\t\t\tconst firstTabIndexMinusOne = this.el.querySelector(\r\n\t\t\t\t'[tabindex=\"-1\"]',\r\n\t\t\t) as HTMLElement | null;\r\n\t\t\tfirstTabIndexMinusOne?.focus();\r\n\t\t} else {\r\n\t\t\tcta.focus();\r\n\t\t\tconst readMoreText = this.el.shadowRoot.querySelector(\r\n\t\t\t\t\".read-more-text\",\r\n\t\t\t) as HTMLElement | null;\r\n\t\t\treadMoreText?.classList.add(\"truncated\");\r\n\t\t}\r\n\t\tthis.setTabIndex();\r\n\r\n\t\t// if lessText content is not present then add tabindex=-1 to the more/less label\r\n\t\tif (cta.textContent == \"\") {\r\n\t\t\tcta.setAttribute(\"tabindex\", \"-1\");\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.display}>\r\n\t\t\t\t<div class={classMap}>\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\tid=\"expanded\"\r\n\t\t\t\t\t\tonClick={(e) => this.handleClick(e)}\r\n\t\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t{!!this.visibleLines || !!this.visibleLinesCustom ? (\r\n\t\t\t\t\t\t<p\r\n\t\t\t\t\t\t\tclass={`read-more-text ${this.visibleLines}`}\r\n\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\tWebkitLineClamp: `${this.visibleLinesCustom}`,\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t<label\r\n\t\t\t\t\t\tonKeyDown={this.handleKeyDown}\r\n\t\t\t\t\t\thtmlFor=\"expanded\"\r\n\t\t\t\t\t\trole=\"button\"\r\n\t\t\t\t\t\tclass={`${this.zIndex + \" \" + this.readMorePosition} read-more-cta-label mf-listen`}\r\n\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span>{this.moreText}</span>\r\n\t\t\t\t\t</label>\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[\"box\"]: true,\r\n\t\t\t[this.color]: true,\r\n\t\t\t[this.size]: true,\r\n\t\t\t[\"add-icon\"]: this.isIcon,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-Y8wDqrCA.js → p-Lqjb0ifQ.js}

@@ -73,11 +73,11 @@ const PtcCardContent = /*@__PURE__*/ proxyCustomElement(class PtcCardContent ext
     }
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '7604fdbd54c81705cd274df39f2483db56d22e8e', part: "card-content", class: classMap, ...(!this.isLoading
+        return (h(Host, { key: '2a152c32a56c729d8538c96a6ee81e326300f6f6', part: "card-content", class: classMap, ...(!this.isLoading
                 ? { onMouseEnter: this.hoverEventHandler.bind(this) }
                 : {}), ...(!this.isLoading
                 ? { onMouseLeave: this.leaveEventHandler.bind(this) }
-                : {}) }, this.styles && h("style", { key: 'a7f3983013fc2f11d5fcf28e017d7046fe97ba59' }, this.styles), h("slot", { key: '66e2b7d59ebcb8157c3497170fc463827ff1b89b', name: "slot-content" }), h("div", { key: '5d8e383abb9d90c12841cbcae948eec92f382d38', class: "ptc-card-content-wrapper" }, h("slot", { key: '89efece7602cc4acbd508bfd260970feabd12dd1' }))));
+                : {}) }, this.styles && h("style", { key: 'bb4a89ab294f47bd0c616c9cf5cb3b92a07280b3' }, this.styles), h("slot", { key: 'c5f7d60f8981089c2e69c7fdd8797a484e04acaf', name: "slot-content" }), h("div", { key: '0da520d96acf62b83252b8ff239b87b103c8fb09', class: "ptc-card-content-wrapper" }, h("slot", { key: '4593e2b6c95511e37678260d7db08dddf15d79fe' }))));
     }
     getCssClassMap() {
         return {
@@ -110,6 +110,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { PtcCardContent as P, defineCustomElement as d };
-//# sourceMappingURL=p-Y8wDqrCA.js.map
+//# sourceMappingURL=p-Lqjb0ifQ.js.map
 
-//# sourceMappingURL=p-Y8wDqrCA.js.map
+//# sourceMappingURL=p-Lqjb0ifQ.js.map

package/dist/components/{p-Y8wDqrCA.js.map → p-Lqjb0ifQ.js.map}

@@ -1 +1 @@
-{"file":"p-Y8wDqrCA.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-card-content/ptc-card-content.scss?tag=ptc-card-content&encapsulation=shadow","src/components/molecules/ptc-card-content/ptc-card-content.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\theight: 100%;\r\n\r\n\t::slotted([slot=\"seo-content\"]) {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n:host(.speed-bump) {\r\n\tborder: 1px solid var(--color-gray-08);\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n\tpadding: var(--ptc-element-spacing-06) 28px var(--ptc-element-spacing-06)\r\n\t\t28px;\r\n\ttext-align: center;\r\n}\r\n:host(.speed-bump-2) {\r\n\tborder: 1px solid var(--color-gray-08);\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n\tpadding: var(--ptc-element-spacing-07) var(--ptc-element-spacing-05);\r\n\ttext-align: center;\r\n}\r\n@include screen-sm {\r\n\t:host(.speed-bump) {\r\n\t\ttext-align: left;\r\n\t}\r\n}\r\n@include screen-sm {\r\n\t:host(.speed-bump-2) {\r\n\t\ttext-align: left;\r\n\t}\r\n}\r\n:host(.card-tall),\r\n:host(.card-video),\r\n:host(.card-wide),\r\n:host(.card-playlist) {\r\n\t.ptc-card-content-wrapper {\r\n\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\tposition: relative;\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tbackground: transparent;\r\n\t\t\tz-index: 1;\r\n\r\n\t\t\tbox-shadow: var(--ptc-shadow-x-small);\r\n\t\t\ttransition: background var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tcontent: url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix 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'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n\t\t\tposition: absolute;\r\n\t\t\topacity: 0;\r\n\t\t\ttop: 52.5%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\tz-index: 2;\r\n\t\t\ttransition: opacity var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.extra-tall) {\r\n\t.ptc-card-content-wrapper {\r\n\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\tposition: relative;\r\n\t\tbox-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\r\n\t}\r\n}\r\n\r\n:host(.card-2up) {\r\n\t.ptc-card-content-wrapper {\r\n\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\tposition: relative;\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tbackground: transparent;\r\n\t\t\tz-index: 1;\r\n\t\t\tbox-shadow: var(--ptc-shadow-x-small);\r\n\t\t\ttransition: background var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\topacity: 0;\r\n\t\t\ttop: 52.5%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\tz-index: 2;\r\n\t\t\ttransition: opacity var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\t}\r\n}\r\n:host(.card-playlist) {\r\n\t.ptc-card-content-wrapper {\r\n\t\twidth: 112px;\r\n\t\theight: 112px;\r\n\t\t&::before {\r\n\t\t\twidth: 112px;\r\n\t\t\theight: 112px;\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tcontent: url(\"data:image/svg+xml,%3Csvg width='46' height='48' viewBox='0 0 46 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10337)'%3E%3Cpath d='M34 16L12 28V4L34 16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10337' x='0' y='0' width='46' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix 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'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10337'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10337' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n\t\t\twidth: 40px;\r\n\t\t\theight: 30px;\r\n\t\t\ttop: 50%;\r\n\t\t}\r\n\t}\r\n}\r\n:host(.thumbnail-video-preview) {\r\n\t.ptc-card-content-wrapper {\r\n\t\tcursor: pointer;\r\n\t\tposition: relative;\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tbackground: transparent;\r\n\t\t\tz-index: 1;\r\n\t\t\tbox-shadow: var(--ptc-shadow-x-small);\r\n\t\t\ttransition: background var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tcontent: url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix 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'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n\t\t\tposition: absolute;\r\n\t\t\topacity: 1;\r\n\t\t\ttop: 60%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\tz-index: 2;\r\n\t\t\ttransition: opacity var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.card-video) {\r\n\t.ptc-card-content-wrapper {\r\n\t\t&::after {\r\n\t\t\ttop: 59.5%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.mouse-hover) {\r\n\t.ptc-card-content-wrapper {\r\n\t\t&::before {\r\n\t\t\tbackground: rgba(0, 0, 0, 0.6);\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.card-tall),\r\n:host(.card-wide),\r\n:host(.card-2up) {\r\n\t.ptc-card-content-wrapper {\r\n\t\t&::before {\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.card-playlist) {\r\n\tflex: 1 2 0%;\r\n\tmargin-right: var(--ptc-element-spacing-04);\r\n}\r\n@include screen-sm {\r\n\t:host(.card-playlist) {\r\n\t\tmargin-right: var(--ptc-element-spacing-03);\r\n\t}\r\n}\r\n\r\n@include screen-md {\r\n\t:host(.card-playlist) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\twidth: 88px;\r\n\t\t\theight: 88px;\r\n\t\t\t&::before {\r\n\t\t\t\twidth: 88px;\r\n\t\t\t\theight: 88px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-sm {\r\n\t:host(.card-playlist) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\twidth: 112px;\r\n\t\t\theight: 112px;\r\n\t\t\t&::before {\r\n\t\t\t\twidth: 112px;\r\n\t\t\t\theight: 112px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media screen and (min-width: 1981px) {\r\n\t:host(.card-playlist) {\r\n\t\tmargin-right: var(--ptc-element-spacing-04);\r\n\t}\r\n}\r\n\r\n@include screen-lg {\r\n\t:host(.card-video-intro) {\r\n\t\tflex: 80% 8 1;\r\n\t}\r\n}\r\n\r\n// Responsive Card Hight\r\n// 16x9 video card\r\n:host(.card-video) {\r\n\t.ptc-card-content-wrapper {\r\n\t\tpadding-bottom: 56.25%;\r\n\t\t::slotted(*) {\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t}\r\n\t}\r\n}\r\n:host(.card-tall) {\r\n\t.ptc-card-content-wrapper {\r\n\t\theight: 322px;\r\n\t\t::slotted(*) {\r\n\t\t\theight: 322px;\r\n\t\t}\r\n\t}\r\n}\r\n:host(.card-wide) {\r\n\t.ptc-card-content-wrapper {\r\n\t\theight: 268px;\r\n\t\t::slotted(*) {\r\n\t\t\theight: 268px;\r\n\t\t}\r\n\t}\r\n}\r\n:host(.card-2up) {\r\n\t.ptc-card-content-wrapper {\r\n\t\theight: 322px;\r\n\t\t::slotted(*) {\r\n\t\t\theight: 322px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.extra-tall) {\r\n\t.ptc-card-content-wrapper {\r\n\t\theight: auto;\r\n\t\t::slotted(*) {\r\n\t\t\theight: auto;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.color-outlined) {\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n\tbox-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\r\n\t.ptc-card-content-wrapper {\r\n\t\theight: 235px;\r\n\t\t::slotted(*) {\r\n\t\t\theight: 235px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-xs {\r\n\t:host(.extra-tall) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 435px;\r\n\t\t\t::slotted(*) {\r\n\t\t\t\theight: 435px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-sm {\r\n\t:host(.card-tall) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 325px;\r\n\t\t\t::slotted(*) {\r\n\t\t\t\theight: 325px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t:host(.card-wide) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 268px;\r\n\t\t\t::slotted(*) {\r\n\t\t\t\theight: 268px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t:host(.card-2up) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 268px;\r\n\t\t\t::slotted(*) {\r\n\t\t\t\theight: 268px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t:host(.extra-tall) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 507px;\r\n\t\t\t::slotted(*) {\r\n\t\t\t\theight: 507px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-md {\r\n\t:host(.card-tall) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 380px;\r\n\t\t\t::slotted(*) {\r\n\t\t\t\theight: 380px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n@include screen-lg {\r\n\t:host(.extra-tall) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 663px;\r\n\t\t\t::slotted(*) {\r\n\t\t\t\theight: 663px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n@include screen-2k {\r\n\t:host(.card-tall) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 546px;\r\n\t\t\t::slotted(*) {\r\n\t\t\t\theight: 546px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t:host(.card-wide) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 376px;\r\n\t\t\t::slotted(*) {\r\n\t\t\t\theight: 376px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t:host(.card-2up) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 376px;\r\n\t\t\t::slotted(*) {\r\n\t\t\t\theight: 376px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.o-red) {\r\n\tborder: 2px solid var(--color-red-07);\r\n}\r\n\r\n:host(.o-green) {\r\n\tborder: 2px solid var(--color-green-07);\r\n}\r\n\r\n:host(.o-slate-grey) {\r\n\tborder: 2px solid var(--color-gray-07);\r\n}\r\n\r\n:host(.o-orange) {\r\n\tborder: 2px solid var(--color-orange-07);\r\n}\r\n\r\n:host(.o-blue) {\r\n\tborder: 2px solid var(--color-blue-07);\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tElement,\r\n\tMethod,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-card-content\",\r\n\tstyleUrl: \"ptc-card-content.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcCardContent {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t@Prop() cardType?:\r\n\t\t| \"card-video\"\r\n\t\t| \"card-tall\"\r\n\t\t| \"card-2up\"\r\n\t\t| \"card-wide\"\r\n\t\t| \"speed-bump\"\r\n\t\t| \"card-playlist\"\r\n\t\t| \"card-video-intro\"\r\n\t\t| \"card-dynamic\"\r\n\t\t| \"extra-tall\"\r\n\t\t| \"color-outlined\"\r\n\t\t| \"thumbnail-video-preview\"\r\n\t\t| \"event-jumbotron-sub-card\"\r\n\t\t| \"event-podcast\";\r\n\r\n\t@Prop() outlineColor?:\r\n\t\t| \"o-red\"\r\n\t\t| \"o-orange\"\r\n\t\t| \"o-blue\"\r\n\t\t| \"o-slate-grey\"\r\n\t\t| \"o-green\";\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() isLoading?: boolean = false;\r\n\r\n\t@Event() hoverEvent: EventEmitter<void>;\r\n\thoverEventHandler() {\r\n\t\tif (\r\n\t\t\t!this.el.classList.contains(\"speed-bump\") &&\r\n\t\t\t!this.el.classList.contains(\"card-video-intro\") &&\r\n\t\t\t!this.el.classList.contains(\"card-dynamic\") &&\r\n\t\t\t!this.el.classList.contains(\"extra-tall\")\r\n\t\t) {\r\n\t\t\tthis.hoverEvent.emit();\r\n\t\t\tthis.el.classList.add(\"mouse-hover\");\r\n\t\t\tif (\r\n\t\t\t\t!this.el.classList.contains(\"card-video\") &&\r\n\t\t\t\t!this.el.classList.contains(\"card-playlist\") &&\r\n\t\t\t\tthis.el.nextElementSibling\r\n\t\t\t) {\r\n\t\t\t\tthis.el.nextElementSibling.classList.add(\r\n\t\t\t\t\t\"mouse-hover-card-bottom\",\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.el.classList.contains(\"event-podcast\")) {\r\n\t\t\tconst bottomComponent = this.el\r\n\t\t\t\t.nextElementSibling as HTMLPtcCardBottomElement;\r\n\t\t\tbottomComponent.addClassOnDefaultSlot();\r\n\t\t}\r\n\t}\r\n\t@Event() leaveEvent: EventEmitter<void>;\r\n\tleaveEventHandler() {\r\n\t\tif (\r\n\t\t\t!this.el.classList.contains(\"speed-bump\") &&\r\n\t\t\t!this.el.classList.contains(\"card-video-intro\") &&\r\n\t\t\t!this.el.classList.contains(\"card-dynamic\") &&\r\n\t\t\t!this.el.classList.contains(\"extra-tall\")\r\n\t\t) {\r\n\t\t\tthis.hoverEvent.emit();\r\n\t\t\tthis.el.classList.remove(\"mouse-hover\");\r\n\t\t\tif (\r\n\t\t\t\t!this.el.classList.contains(\"card-video\") &&\r\n\t\t\t\t!this.el.classList.contains(\"card-playlist\") &&\r\n\t\t\t\tthis.el.nextElementSibling\r\n\t\t\t) {\r\n\t\t\t\tthis.el.nextElementSibling.classList.remove(\r\n\t\t\t\t\t\"mouse-hover-card-bottom\",\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.el.classList.contains(\"event-podcast\")) {\r\n\t\t\tconst bottomComponent = this.el\r\n\t\t\t\t.nextElementSibling as HTMLPtcCardBottomElement;\r\n\t\t\tbottomComponent.removeClassOnDefaultSlot();\r\n\t\t}\r\n\t}\r\n\r\n\t@Method()\r\n\tasync setHeight(height: number) {\r\n\t\tthis.el.style.height = height + \"px\";\r\n\t\tconst image = this.el.querySelector(\"ptc-picture\");\r\n\t\timage.style.height = height + \"px\";\r\n\t}\r\n\r\n\t@Method()\r\n\tasync removeInlineHeight() {\r\n\t\tthis.el.style.removeProperty(\"height\");\r\n\t\tconst image = this.el.querySelector(\"ptc-picture\");\r\n\t\tif (image) image.style.removeProperty(\"height\");\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tpart=\"card-content\"\r\n\t\t\t\tclass={classMap}\r\n\t\t\t\t{...(!this.isLoading\r\n\t\t\t\t\t? { onMouseEnter: this.hoverEventHandler.bind(this) }\r\n\t\t\t\t\t: {})}\r\n\t\t\t\t{...(!this.isLoading\r\n\t\t\t\t\t? { onMouseLeave: this.leaveEventHandler.bind(this) }\r\n\t\t\t\t\t: {})}\r\n\t\t\t>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<slot name=\"slot-content\"></slot>\r\n\t\t\t\t<div class=\"ptc-card-content-wrapper\">\r\n\t\t\t\t\t<slot />\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.cardType]: !!this.cardType ? true : false,\r\n\t\t\t[this.outlineColor]: !!this.outlineColor ? true : false,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
+{"file":"p-Lqjb0ifQ.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-card-content/ptc-card-content.scss?tag=ptc-card-content&encapsulation=shadow","src/components/molecules/ptc-card-content/ptc-card-content.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\theight: 100%;\r\n\r\n\t::slotted([slot=\"seo-content\"]) {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n:host(.speed-bump) {\r\n\tborder: 1px solid var(--color-gray-08);\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n\tpadding: var(--ptc-element-spacing-06) 28px var(--ptc-element-spacing-06)\r\n\t\t28px;\r\n\ttext-align: center;\r\n}\r\n:host(.speed-bump-2) {\r\n\tborder: 1px solid var(--color-gray-08);\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n\tpadding: var(--ptc-element-spacing-07) var(--ptc-element-spacing-05);\r\n\ttext-align: center;\r\n}\r\n@include screen-sm {\r\n\t:host(.speed-bump) {\r\n\t\ttext-align: left;\r\n\t}\r\n}\r\n@include screen-sm {\r\n\t:host(.speed-bump-2) {\r\n\t\ttext-align: left;\r\n\t}\r\n}\r\n:host(.card-tall),\r\n:host(.card-video),\r\n:host(.card-wide),\r\n:host(.card-playlist) {\r\n\t.ptc-card-content-wrapper {\r\n\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\tposition: relative;\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tbackground: transparent;\r\n\t\t\tz-index: 1;\r\n\r\n\t\t\tbox-shadow: var(--ptc-shadow-x-small);\r\n\t\t\ttransition: background var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tcontent: url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix 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'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n\t\t\tposition: absolute;\r\n\t\t\topacity: 0;\r\n\t\t\ttop: 52.5%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\tz-index: 2;\r\n\t\t\ttransition: opacity var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.extra-tall) {\r\n\t.ptc-card-content-wrapper {\r\n\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\tposition: relative;\r\n\t\tbox-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\r\n\t}\r\n}\r\n\r\n:host(.card-2up) {\r\n\t.ptc-card-content-wrapper {\r\n\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\tposition: relative;\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tbackground: transparent;\r\n\t\t\tz-index: 1;\r\n\t\t\tbox-shadow: var(--ptc-shadow-x-small);\r\n\t\t\ttransition: background var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\topacity: 0;\r\n\t\t\ttop: 52.5%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\tz-index: 2;\r\n\t\t\ttransition: opacity var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\t}\r\n}\r\n:host(.card-playlist) {\r\n\t.ptc-card-content-wrapper {\r\n\t\twidth: 112px;\r\n\t\theight: 112px;\r\n\t\t&::before {\r\n\t\t\twidth: 112px;\r\n\t\t\theight: 112px;\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tcontent: url(\"data:image/svg+xml,%3Csvg width='46' height='48' viewBox='0 0 46 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10337)'%3E%3Cpath d='M34 16L12 28V4L34 16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10337' x='0' y='0' width='46' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix 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'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10337'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10337' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n\t\t\twidth: 40px;\r\n\t\t\theight: 30px;\r\n\t\t\ttop: 50%;\r\n\t\t}\r\n\t}\r\n}\r\n:host(.thumbnail-video-preview) {\r\n\t.ptc-card-content-wrapper {\r\n\t\tcursor: pointer;\r\n\t\tposition: relative;\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tbackground: transparent;\r\n\t\t\tz-index: 1;\r\n\t\t\tbox-shadow: var(--ptc-shadow-x-small);\r\n\t\t\ttransition: background var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tcontent: url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix 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'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n\t\t\tposition: absolute;\r\n\t\t\topacity: 1;\r\n\t\t\ttop: 60%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\tz-index: 2;\r\n\t\t\ttransition: opacity var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.card-video) {\r\n\t.ptc-card-content-wrapper {\r\n\t\t&::after {\r\n\t\t\ttop: 59.5%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.mouse-hover) {\r\n\t.ptc-card-content-wrapper {\r\n\t\t&::before {\r\n\t\t\tbackground: rgba(0, 0, 0, 0.6);\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.card-tall),\r\n:host(.card-wide),\r\n:host(.card-2up) {\r\n\t.ptc-card-content-wrapper {\r\n\t\t&::before {\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.card-playlist) {\r\n\tflex: 1 2 0%;\r\n\tmargin-right: var(--ptc-element-spacing-04);\r\n}\r\n@include screen-sm {\r\n\t:host(.card-playlist) {\r\n\t\tmargin-right: var(--ptc-element-spacing-03);\r\n\t}\r\n}\r\n\r\n@include screen-md {\r\n\t:host(.card-playlist) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\twidth: 88px;\r\n\t\t\theight: 88px;\r\n\t\t\t&::before {\r\n\t\t\t\twidth: 88px;\r\n\t\t\t\theight: 88px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-sm {\r\n\t:host(.card-playlist) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\twidth: 112px;\r\n\t\t\theight: 112px;\r\n\t\t\t&::before {\r\n\t\t\t\twidth: 112px;\r\n\t\t\t\theight: 112px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media screen and (min-width: 1981px) {\r\n\t:host(.card-playlist) {\r\n\t\tmargin-right: var(--ptc-element-spacing-04);\r\n\t}\r\n}\r\n\r\n@include screen-lg {\r\n\t:host(.card-video-intro) {\r\n\t\tflex: 80% 8 1;\r\n\t}\r\n}\r\n\r\n// Responsive Card Hight\r\n// 16x9 video card\r\n:host(.card-video) {\r\n\t.ptc-card-content-wrapper {\r\n\t\tpadding-bottom: 56.25%;\r\n\t\t::slotted(*) {\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t}\r\n\t}\r\n}\r\n:host(.card-tall) {\r\n\t.ptc-card-content-wrapper {\r\n\t\theight: 322px;\r\n\t\t::slotted(*) {\r\n\t\t\theight: 322px;\r\n\t\t}\r\n\t}\r\n}\r\n:host(.card-wide) {\r\n\t.ptc-card-content-wrapper {\r\n\t\theight: 268px;\r\n\t\t::slotted(*) {\r\n\t\t\theight: 268px;\r\n\t\t}\r\n\t}\r\n}\r\n:host(.card-2up) {\r\n\t.ptc-card-content-wrapper {\r\n\t\theight: 322px;\r\n\t\t::slotted(*) {\r\n\t\t\theight: 322px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.extra-tall) {\r\n\t.ptc-card-content-wrapper {\r\n\t\theight: auto;\r\n\t\t::slotted(*) {\r\n\t\t\theight: auto;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.color-outlined) {\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n\tbox-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\r\n\t.ptc-card-content-wrapper {\r\n\t\theight: 235px;\r\n\t\t::slotted(*) {\r\n\t\t\theight: 235px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-xs {\r\n\t:host(.extra-tall) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 435px;\r\n\t\t\t::slotted(*) {\r\n\t\t\t\theight: 435px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-sm {\r\n\t:host(.card-tall) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 325px;\r\n\t\t\t::slotted(*) {\r\n\t\t\t\theight: 325px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t:host(.card-wide) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 268px;\r\n\t\t\t::slotted(*) {\r\n\t\t\t\theight: 268px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t:host(.card-2up) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 268px;\r\n\t\t\t::slotted(*) {\r\n\t\t\t\theight: 268px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t:host(.extra-tall) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 507px;\r\n\t\t\t::slotted(*) {\r\n\t\t\t\theight: 507px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-md {\r\n\t:host(.card-tall) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 380px;\r\n\t\t\t::slotted(*) {\r\n\t\t\t\theight: 380px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n@include screen-lg {\r\n\t:host(.extra-tall) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 663px;\r\n\t\t\t::slotted(*) {\r\n\t\t\t\theight: 663px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n@include screen-2k {\r\n\t:host(.card-tall) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 546px;\r\n\t\t\t::slotted(*) {\r\n\t\t\t\theight: 546px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t:host(.card-wide) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 376px;\r\n\t\t\t::slotted(*) {\r\n\t\t\t\theight: 376px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t:host(.card-2up) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 376px;\r\n\t\t\t::slotted(*) {\r\n\t\t\t\theight: 376px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.o-red) {\r\n\tborder: 2px solid var(--color-red-07);\r\n}\r\n\r\n:host(.o-green) {\r\n\tborder: 2px solid var(--color-green-07);\r\n}\r\n\r\n:host(.o-slate-grey) {\r\n\tborder: 2px solid var(--color-gray-07);\r\n}\r\n\r\n:host(.o-orange) {\r\n\tborder: 2px solid var(--color-orange-07);\r\n}\r\n\r\n:host(.o-blue) {\r\n\tborder: 2px solid var(--color-blue-07);\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tElement,\r\n\tMethod,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-card-content\",\r\n\tstyleUrl: \"ptc-card-content.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcCardContent {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t@Prop() cardType?:\r\n\t\t| \"card-video\"\r\n\t\t| \"card-tall\"\r\n\t\t| \"card-2up\"\r\n\t\t| \"card-wide\"\r\n\t\t| \"speed-bump\"\r\n\t\t| \"card-playlist\"\r\n\t\t| \"card-video-intro\"\r\n\t\t| \"card-dynamic\"\r\n\t\t| \"extra-tall\"\r\n\t\t| \"color-outlined\"\r\n\t\t| \"thumbnail-video-preview\"\r\n\t\t| \"event-jumbotron-sub-card\"\r\n\t\t| \"event-podcast\";\r\n\r\n\t@Prop() outlineColor?:\r\n\t\t| \"o-red\"\r\n\t\t| \"o-orange\"\r\n\t\t| \"o-blue\"\r\n\t\t| \"o-slate-grey\"\r\n\t\t| \"o-green\";\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() isLoading?: boolean = false;\r\n\r\n\t@Event() hoverEvent: EventEmitter<void>;\r\n\thoverEventHandler() {\r\n\t\tif (\r\n\t\t\t!this.el.classList.contains(\"speed-bump\") &&\r\n\t\t\t!this.el.classList.contains(\"card-video-intro\") &&\r\n\t\t\t!this.el.classList.contains(\"card-dynamic\") &&\r\n\t\t\t!this.el.classList.contains(\"extra-tall\")\r\n\t\t) {\r\n\t\t\tthis.hoverEvent.emit();\r\n\t\t\tthis.el.classList.add(\"mouse-hover\");\r\n\t\t\tif (\r\n\t\t\t\t!this.el.classList.contains(\"card-video\") &&\r\n\t\t\t\t!this.el.classList.contains(\"card-playlist\") &&\r\n\t\t\t\tthis.el.nextElementSibling\r\n\t\t\t) {\r\n\t\t\t\tthis.el.nextElementSibling.classList.add(\r\n\t\t\t\t\t\"mouse-hover-card-bottom\",\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.el.classList.contains(\"event-podcast\")) {\r\n\t\t\tconst bottomComponent = this.el\r\n\t\t\t\t.nextElementSibling as HTMLPtcCardBottomElement;\r\n\t\t\tbottomComponent.addClassOnDefaultSlot();\r\n\t\t}\r\n\t}\r\n\t@Event() leaveEvent: EventEmitter<void>;\r\n\tleaveEventHandler() {\r\n\t\tif (\r\n\t\t\t!this.el.classList.contains(\"speed-bump\") &&\r\n\t\t\t!this.el.classList.contains(\"card-video-intro\") &&\r\n\t\t\t!this.el.classList.contains(\"card-dynamic\") &&\r\n\t\t\t!this.el.classList.contains(\"extra-tall\")\r\n\t\t) {\r\n\t\t\tthis.hoverEvent.emit();\r\n\t\t\tthis.el.classList.remove(\"mouse-hover\");\r\n\t\t\tif (\r\n\t\t\t\t!this.el.classList.contains(\"card-video\") &&\r\n\t\t\t\t!this.el.classList.contains(\"card-playlist\") &&\r\n\t\t\t\tthis.el.nextElementSibling\r\n\t\t\t) {\r\n\t\t\t\tthis.el.nextElementSibling.classList.remove(\r\n\t\t\t\t\t\"mouse-hover-card-bottom\",\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.el.classList.contains(\"event-podcast\")) {\r\n\t\t\tconst bottomComponent = this.el\r\n\t\t\t\t.nextElementSibling as HTMLPtcCardBottomElement;\r\n\t\t\tbottomComponent.removeClassOnDefaultSlot();\r\n\t\t}\r\n\t}\r\n\r\n\t@Method()\r\n\tasync setHeight(height: number) {\r\n\t\tthis.el.style.height = height + \"px\";\r\n\t\tconst image = this.el.querySelector(\"ptc-picture\");\r\n\t\timage.style.height = height + \"px\";\r\n\t}\r\n\r\n\t@Method()\r\n\tasync removeInlineHeight() {\r\n\t\tthis.el.style.removeProperty(\"height\");\r\n\t\tconst image = this.el.querySelector(\"ptc-picture\");\r\n\t\tif (image) image.style.removeProperty(\"height\");\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tpart=\"card-content\"\r\n\t\t\t\tclass={classMap}\r\n\t\t\t\t{...(!this.isLoading\r\n\t\t\t\t\t? { onMouseEnter: this.hoverEventHandler.bind(this) }\r\n\t\t\t\t\t: {})}\r\n\t\t\t\t{...(!this.isLoading\r\n\t\t\t\t\t? { onMouseLeave: this.leaveEventHandler.bind(this) }\r\n\t\t\t\t\t: {})}\r\n\t\t\t>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<slot name=\"slot-content\"></slot>\r\n\t\t\t\t<div class=\"ptc-card-content-wrapper\">\r\n\t\t\t\t\t<slot />\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.cardType]: !!this.cardType ? true : false,\r\n\t\t\t[this.outlineColor]: !!this.outlineColor ? true : false,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-ChEIBH0Z.js → p-TfhYoSUK.js}

@@ -19,7 +19,7 @@ const PtcProgressBar = /*@__PURE__*/ proxyCustomElement(class PtcProgressBar ext
         this.scrollPercentage = percentage;
     }
     render() {
-        return (h(Host, { key: '3cf531538171ef78f5b2aab676d23a0321905254' }, h("div", { key: '353ed90ed239badeda23ace7aafba8358227ce44', class: "progress-bar-container" }, h("div", { key: 'd14100f36e31af2e12b61a3d4a6f2e2b84d24d5e', class: "progress-bar", style: { width: `${this.scrollPercentage}%` } }))));
+        return (h(Host, { key: '697cad06839aabdbc819852af9a2e4063717b861' }, h("div", { key: 'f7db429ff9085b957957ec9e833d7c6c19579d31', class: "progress-bar-container" }, h("div", { key: 'a15443c38cb493acce614d4a9f3f14712556bfd6', class: "progress-bar", style: { width: `${this.scrollPercentage}%` } }))));
     }
     static get style() { return ptcProgressBarCss; }
 }, [257, "ptc-progress-bar", {
@@ -41,6 +41,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { PtcProgressBar as P, defineCustomElement as d };
-//# sourceMappingURL=p-ChEIBH0Z.js.map
+//# sourceMappingURL=p-TfhYoSUK.js.map
 
-//# sourceMappingURL=p-ChEIBH0Z.js.map
+//# sourceMappingURL=p-TfhYoSUK.js.map

package/dist/components/{p-ChEIBH0Z.js.map → p-TfhYoSUK.js.map}

@@ -1 +1 @@
-{"file":"p-ChEIBH0Z.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,kQAAkQ;;MCO/Q,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;IACjB,gBAAgB,GAAW,CAAC;IAGrC,YAAY,GAAA;AACX,QAAA,MAAM,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,SAAS;AACpD,QAAA,MAAM,YAAY,GACjB,QAAQ,CAAC,eAAe,CAAC,YAAY;AACrC,YAAA,QAAQ,CAAC,eAAe,CAAC,YAAY;QACtC,MAAM,UAAU,GAAG,CAAC,SAAS,GAAG,YAAY,IAAI,GAAG;AACnD,QAAA,IAAI,CAAC,gBAAgB,GAAG,UAAU;;IAEnC,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,wBAAwB,EAAA,EAClC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,EAAE,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,gBAAgB,CAAA,CAAA,CAAG,EAAE,GACvC,CACF,CACA;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-progress-bar/ptc-progress-bar.scss?tag=ptc-progress-bar&encapsulation=shadow","src/components/molecules/ptc-progress-bar/ptc-progress-bar.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n\r\n\t.progress-bar-container {\r\n\t\theight: 5px;\r\n\t\tbackground-color: linear-gradient(272deg, #3b4550, #1a1a1a);\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.progress-bar {\r\n\t\theight: 100%;\r\n\t\t//background-color: #333333;\r\n\t\tbackground-image: linear-gradient(270deg, #4795cd, #33a13c);\r\n\t\ttransition: width 0.3s ease-in-out;\r\n\t}\r\n}\r\n","import { Component, Host, h, State, Listen } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-progress-bar\",\r\n\tstyleUrl: \"ptc-progress-bar.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcProgressBar {\r\n\t@State() scrollPercentage: number = 0;\r\n\r\n\t@Listen(\"scroll\", { target: \"window\" })\r\n\thandleScroll() {\r\n\t\tconst scrollTop = document.documentElement.scrollTop;\r\n\t\tconst scrollHeight =\r\n\t\t\tdocument.documentElement.scrollHeight -\r\n\t\t\tdocument.documentElement.clientHeight;\r\n\t\tconst percentage = (scrollTop / scrollHeight) * 100;\r\n\t\tthis.scrollPercentage = percentage;\r\n\t}\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"progress-bar-container\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"progress-bar\"\r\n\t\t\t\t\t\tstyle={{ width: `${this.scrollPercentage}%` }}\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"],"version":3}
+{"file":"p-TfhYoSUK.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,kQAAkQ;;MCO/Q,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;IACjB,gBAAgB,GAAW,CAAC;IAGrC,YAAY,GAAA;AACX,QAAA,MAAM,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,SAAS;AACpD,QAAA,MAAM,YAAY,GACjB,QAAQ,CAAC,eAAe,CAAC,YAAY;AACrC,YAAA,QAAQ,CAAC,eAAe,CAAC,YAAY;QACtC,MAAM,UAAU,GAAG,CAAC,SAAS,GAAG,YAAY,IAAI,GAAG;AACnD,QAAA,IAAI,CAAC,gBAAgB,GAAG,UAAU;;IAEnC,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,wBAAwB,EAAA,EAClC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,EAAE,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,gBAAgB,CAAA,CAAA,CAAG,EAAE,GACvC,CACF,CACA;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-progress-bar/ptc-progress-bar.scss?tag=ptc-progress-bar&encapsulation=shadow","src/components/molecules/ptc-progress-bar/ptc-progress-bar.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n\r\n\t.progress-bar-container {\r\n\t\theight: 5px;\r\n\t\tbackground-color: linear-gradient(272deg, #3b4550, #1a1a1a);\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.progress-bar {\r\n\t\theight: 100%;\r\n\t\t//background-color: #333333;\r\n\t\tbackground-image: linear-gradient(270deg, #4795cd, #33a13c);\r\n\t\ttransition: width 0.3s ease-in-out;\r\n\t}\r\n}\r\n","import { Component, Host, h, State, Listen } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-progress-bar\",\r\n\tstyleUrl: \"ptc-progress-bar.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcProgressBar {\r\n\t@State() scrollPercentage: number = 0;\r\n\r\n\t@Listen(\"scroll\", { target: \"window\" })\r\n\thandleScroll() {\r\n\t\tconst scrollTop = document.documentElement.scrollTop;\r\n\t\tconst scrollHeight =\r\n\t\t\tdocument.documentElement.scrollHeight -\r\n\t\t\tdocument.documentElement.clientHeight;\r\n\t\tconst percentage = (scrollTop / scrollHeight) * 100;\r\n\t\tthis.scrollPercentage = percentage;\r\n\t}\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"progress-bar-container\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"progress-bar\"\r\n\t\t\t\t\t\tstyle={{ width: `${this.scrollPercentage}%` }}\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"],"version":3}

package/dist/components/{p-HVuUeTH6.js → p-YxDZIuGb.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, e as createEvent, h } from './p-I15m-uFl.js';
-import { d as defineCustomElement$2 } from './p-BtXR4IsB.js';
+import { d as defineCustomElement$2 } from './p-DynRjvin.js';
 import { d as defineCustomElement$1 } from './p-BuzuopkV.js';
 
 const ptcEllipsisDropdownCss = ".ellipsis-icon{box-sizing:border-box;border:1px solid var(--color-gray-08);border-radius:2px;vertical-align:middle;height:18px;width:18px;text-align:center;display:flex;align-items:center;justify-content:center}.ellipsis-icon:hover{background-color:var(--color-gray-04);border-color:var(--color-gray-04)}.ellipsis-icon{transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium)}.ellipsis-icon icon-asset{display:inline-block}.ellipsis-icon icon-asset svg{margin:0 auto;display:block;width:10px !important;height:10px !important}.ellipsis-icon.active{background-color:var(--color-green-07);border-color:var(--color-green-07)}.ellipsis-icon.active::after{content:\"\";width:32px;height:2px;display:inline-block;background-color:var(--color-green-07);position:absolute;bottom:-11px}@media only screen and (min-width: 1440px){.ellipsis-icon.active::after{bottom:-17px}}.ptc-ellipsis-dropdown{position:relative;display:inline-block;cursor:pointer;padding:2px 0 14px 0;border-bottom:2px solid var(--color-green-07);margin:0 1rem -1px 1rem;box-sizing:border-box}@media only screen and (min-width: 768px){.ptc-ellipsis-dropdown.default{padding:0px;border-bottom:none;margin:0;height:44px;width:44px;display:flex;justify-content:center;align-content:center;flex-wrap:wrap}}.ptc-ellipsis-dropdown.tab-with-banner{padding:0px 0 16px 0;margin:0 1rem -2.5px 1rem}@media only screen and (min-width: 992px){.ptc-ellipsis-dropdown.tab-with-banner{padding:0px 0px 1rem 0px;border-bottom:none;margin:0;height:100%;width:44px;display:flex;justify-content:center;align-content:center;flex-wrap:wrap}}.ptc-ellipsis-dropdown.tab-with-banner .ellipsis-icon.active::after{bottom:-2px}.ptc-ellipsis-dropdown.tab-with-banner .dropdown-container{display:none;margin-top:16px;box-shadow:0 6px 16px rgba(0, 0, 0, 0.24);border-radius:4px;position:absolute;z-index:1010;background:var(--color-white);padding:0.8rem 0;right:auto;left:0;min-width:-moz-max-content;min-width:max-content;width:100%}@media only screen and (min-width: 992px){.ptc-ellipsis-dropdown.tab-with-banner .dropdown-container{right:0;left:auto;top:50%;margin-top:22px}}.ptc-ellipsis-dropdown.tab-with-banner.show .dropdown-container{display:inline-block}@media only screen and (min-width: 1440px){.ptc-ellipsis-dropdown{height:34px;width:34px}}.ptc-ellipsis-dropdown .mob-drop{color:var(--color-gray-10);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);font-family:\"Raleway\";font-style:normal;display:flex;align-items:center}.ptc-ellipsis-dropdown .mob-drop svg{display:inline-block;vertical-align:middle;margin:4px 0px 0px 12px;min-width:12px}.dropdown-container{display:none;margin-top:16px;box-shadow:0 6px 16px rgba(0, 0, 0, 0.24);border-radius:4px;position:absolute;z-index:1010;background:var(--color-white);padding:0.8rem 0;right:auto;left:0;min-width:-moz-max-content;min-width:max-content;width:100%}@media only screen and (min-width: 768px){.dropdown-container{right:0;left:auto;margin-top:48px}}@media only screen and (min-width: 1440px){.dropdown-container{margin-top:45px}}.dropdown-container .selected-drop .dropdown-item span{position:relative;font-weight:var(--ptc-font-weight-bold)}.dropdown-container .selected-drop .dropdown-item span::before{content:\"\";width:2px;height:60%;background:var(--color-green-07);display:block;left:16px;position:absolute;top:20%}.show .dropdown-container{display:inline-block}dropdown-item:focus-visible{outline:none}dropdown-item:focus-visible .dropdown-item{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}";
@@ -176,14 +176,14 @@ const PtcEllipsisDropdown = /*@__PURE__*/ proxyCustomElement(class PtcEllipsisDr
         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"
@@ -234,6 +234,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { PtcEllipsisDropdown as P, defineCustomElement as d };
-//# sourceMappingURL=p-HVuUeTH6.js.map
+//# sourceMappingURL=p-YxDZIuGb.js.map
 
-//# sourceMappingURL=p-HVuUeTH6.js.map
+//# sourceMappingURL=p-YxDZIuGb.js.map