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

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

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

Files changed (880) hide show

package/dist/cjs/ptc-bio-card.cjs.entry.js CHANGED Viewed

@@ -62,11 +62,11 @@ const PtcBioCard = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '0b1b28e41e189855ccf6f410cb5f113c1a4ad947', type: "button", class: this.isModal ? "card-with-modal" : "" }, index.h("div", { key: 'fe5ee87fdcb474e9a6e81989d13ff6148e440e37', class: "bio-card mf-listen", onClick: (e) => {
+        return (index.h(index.Host, { key: '96f629e004db539218ca86e1c4d803df0b21a1ec', type: "button", class: this.isModal ? "card-with-modal" : "" }, index.h("div", { key: '3ef650426051925caeaa3cba54285719a91e094b', class: "bio-card mf-listen", onClick: (e) => {
                 this.openModal(e);
             }, tabIndex: 0, onKeyDown: (e) => {
                 e.key === "Enter" ? this.openModal(e) : null;
-            } }, index.h("slot", { key: 'eac490493156bf9daaace4887ec8caa83a094160', name: "seo-content" }), index.h("div", { key: 'a4a2861b55407b0202194b1fec6c26460d2c687b', class: "bio-card__image" }, index.h("img", { key: 'a1d111773778b79d629d3a3f16c266465e354603', src: this.image, alt: `${this.name} profile image` })), index.h("div", { key: '060a830e3fe043deecfb7f2093bf0e1e3d543506', class: "bio-card__content" }, index.h("div", { key: '871a9058932c6407b81df055e99e1e2b86103020' }, index.h("h3", { key: '0c2666f46da382c36d3a38150f88c2f0f00ed29c', class: "bio-card__name" }, this.name), index.h("p", { key: '134ee90abe196d8fbf77f45b12e5c8070ccf5afb', class: "bio-card__job-title" }, this.jobTitle)), (this.linkedin || this.twitter) && (index.h("div", { key: 'ffd2913030e334940a9a0cecda934629424cd733', class: "bio-card__social-links" }, this.linkedin && (index.h("a", { key: '4b53ce21075f6f53b9fe883529a0f9f9e3dd2853', href: this.linkedin, target: "_blank", class: "tw social-icon mf-listen", "aria-label": "linkedin", title: "linkedin" }, index.h("style", { key: '9c83f00f4966f01bf511fe194a42ac96b98e4704' }, `.social-icon .cls-1 {  fill: url(#linear-gradient1-in);  } `), index.h("svg", { key: 'fd842fe1302dc49e61c07eecded7b0a2b870a1a6', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, index.h("defs", { key: '157f2bae1b28bfdcdc902880046d0e1d77f01479' }, index.h("linearGradient", { key: '0fd9f312c0da72fc845eca56e446b8376360955b', id: "linear-gradient1-in", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, index.h("stop", { key: 'db7b8ac8c8fb8f98dc51ff5a8ba1cf73e1e28f86', offset: "0", "stop-color": "#fff" }), index.h("stop", { key: '0be1d4749931b4905675aef141be9d3abf774e03', offset: "1", "stop-color": "#e5e5e5" }))), index.h("g", { key: 'f87e15ad7125e54d868603f07481a9d36d0d7f3c', class: "cls-1", "data-name": "Path 4255" }, index.h("path", { key: '1d537b26f0c2e989cb235cb811c10064dfb91cfb', d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), index.h("path", { key: '77c3482888e89782e64f46be1ce564f4ce2b642d', d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), index.h("path", { key: '7b61a2af305442150d3f7387060bae5445faa30a', d: "M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z", class: "cls-2", "data-name": "Path 8769", transform: "translate(429.342 -128.977)" })))), this.twitter && (index.h("a", { key: '349f13b5dacb02064c085140d3dcf598aa701bb3', href: this.twitter, target: "_blank", class: "tw social-icon mf-listen", "aria-label": "X", title: "X" }, index.h("style", { key: 'ee479b30f26d4ce95182a3fb9c7011a1fe2cf2b0' }, `.social-icon .cls-1 {  fill: url(#linear-gradient0-tw);  } `), index.h("svg", { key: '574e70ea016917cdb1c8b7ce897631c1e6c4844c', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, index.h("defs", { key: 'a83635ce61b2e4b768653b085b89a1584dc0c5e1' }, index.h("linearGradient", { key: 'c0f4e607d33418946e838ce09706d47ffdda3dc8', id: "linear-gradient0-tw", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, index.h("stop", { key: '52fd8866623d26c66f64728915ce131957a3fd1f', offset: "0", "stop-color": "#fff" }), index.h("stop", { key: '6fb847d8d67f66486656af51379fd092b3d90409', offset: "1", "stop-color": "#e5e5e5" }))), index.h("g", { key: '00ede2b8ff0e2c9cb7bc7898ad583c9db98fb559', class: "cls-1", "data-name": "Path 4255" }, index.h("path", { key: '41ca089baa50a2f8bc3cc7ea23933310816a7c7d', d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), index.h("path", { key: '7211adbe4fb0ed523c62734dad2d80fede8d4367', d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), index.h("g", { key: '5e2f723040e7266557fea3544a5909d1baa2c9b8', transform: "translate(9.205 13.034) scale(0.13)", "data-name": "Group 3004" }, index.h("path", { key: 'dc4046c22f04639ee9a5eeef1dd78f3ac744e7d4', class: "cls-x-1", d: "M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z", width: "15", height: "15" }), index.h("rect", { key: '611c2b0b3b8d826968b51cdbca112d712a5bc827', class: "cls-x-2" }))))))))), this.isModal && (index.h("ptc-modal", { key: '836dd49a69f39d1d879d6d4df4545520fb1ce691', id: "bio-modal", show: this.showModal, size: "lg", "border-radius": "large", "is-bio-modal": true, fixed: true }, index.h("div", { key: 'e3b2600b2c8747c248d4fd60ee9297fdec8584ae', class: "modal-wrap" }, index.h("div", { key: '43a85894bc498602e5048a2e0b047b90b2cdb902', class: "bio-modal-left" }, index.h("div", { key: '5de57a6505ec49bf3d7cc4c7617ce486c1fd742f', class: "bio-modal__image" }, index.h("img", { key: '76e6ca62ac3ca38d026b4ff1625856a12e998d74', src: this.image, alt: `${this.name} profile image` })), (this.linkedin || this.twitter) && (index.h("div", { key: '56c01b470eb77030ff8437ea759f5693c53ab387', class: "bio-card__social-links" }, this.linkedin && (index.h("a", { key: 'bd23bdd78ba6abf517972313b0bb25a21e031e64', href: this.linkedin, target: "_blank", class: "tw social-icon", "aria-label": "linkedin" }, index.h("style", { key: '46bec190cd24337294fe30eea9af3fc38bb1fe2b' }, `.social-icon .cls-1 {  fill: url(#linear-gradient1-in);  } `), index.h("svg", { key: '190c2822b197d5f13e35999c602f3ab0a210eba7', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, index.h("defs", { key: '8cdd4660971d4f8d775a571a5b44a7ebf7d098e2' }, index.h("linearGradient", { key: '8b95cfc86135f6fbc69fa238dfb108d91bfb08c8', id: "linear-gradient1-in", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, index.h("stop", { key: 'ba5b9942fd5ce24a35e03c8203ab94a5f747965e', offset: "0", "stop-color": "#fff" }), index.h("stop", { key: '3fba6f023872fd6c600f4a531d3632fadb368c96', offset: "1", "stop-color": "#e5e5e5" }))), index.h("g", { key: '8f48453d311cd181f0ac623d3d303e6a2d9f11a6', class: "cls-1", "data-name": "Path 4255" }, index.h("path", { key: 'd5cd0aaa937e328847445a467e6892730e84f012', d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), index.h("path", { key: 'b5915c9faf941f59d1d61b7640d60df3ad3e7709', d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), index.h("path", { key: 'c6ffc4eef7821cca3fbb4f712f8eb8d98fffe523', d: "M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z", class: "cls-2", "data-name": "Path 8769", transform: "translate(429.342 -128.977)" })))), this.twitter && (index.h("a", { key: '2555de3f292132733c6f0d9c6471b66fbcd8a732', href: this.twitter, target: "_blank", class: "tw social-icon", "aria-label": "twitter" }, index.h("style", { key: '0986ee0757886699870e6f0f77ab45bb896ec52d' }, `.social-icon .cls-1 {  fill: url(#linear-gradient0-tw);  } `), index.h("svg", { key: 'a3394bf0ce136dae55dc71b158da68a68e6c5070', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, index.h("defs", { key: '7122664c113b4eb2f4032e28b0c846e11676d82f' }, index.h("linearGradient", { key: '3cbd4f72b2ad731f3568fddeb22bb0e8bb0d834a', id: "linear-gradient0-tw", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, index.h("stop", { key: 'aeacb6fdd2b32b8e4653998c8af5afd2dfcfe468', offset: "0", "stop-color": "#fff" }), index.h("stop", { key: 'e1f8adec491960b282dd9a8d68493abc34403ae4', offset: "1", "stop-color": "#e5e5e5" }))), index.h("g", { key: '6e146fdc5733b137c81863554616882b48ae930c', class: "cls-1", "data-name": "Path 4255" }, index.h("path", { key: '662f9c86fa2ea7a285e4b9e99381768533768d0f', d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), index.h("path", { key: '9c3adc020f3039ad10c6308cd66ceb18de5ee83e', d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), index.h("g", { key: '87361042ba15a189e3b7c1d1e3badb8ad680f9bf', transform: "translate(9.205 13.034) scale(0.13)", "data-name": "Group 3004" }, index.h("path", { key: '867f8b8195e01ffd4051331ac64caabf5ad74c12', class: "cls-x-1", d: "M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z", width: "15", height: "15" }), index.h("rect", { key: '32b3f576044ac72b30cc6e0a6a4ec771af3423a1', class: "cls-x-2" })))))))), index.h("div", { key: 'fa456439e26374905ff0b387c259bb838ff249d4', class: "bio-modal-right" }, index.h("div", { key: '4d8e8b5b41b37ba8637fef7f06fead59bebde87e', class: "bio-modal-header" }, index.h("h2", { key: '5bf26c0ca2614def7c833e35c5537c0c3c0dc63f', class: "bio-card__name" }, this.name), index.h("p", { key: 'ad0cac5f49c3fae73835514c4a2581076df11434', class: "bio-card__job-title" }, this.jobTitle)), index.h("div", { key: 'f1e2b050a68909f7b00736ce6a9b5259d46c4e1b', class: "bio-modal-description" }, index.h("slot", { key: '73b7d27c4bc7be20352407042f556430682415ad' }))))))));
+            } }, index.h("slot", { key: 'd8878065519e547f2eaf0bd425abc6ff2439db25', name: "seo-content" }), index.h("div", { key: 'a7eee72ff8e72fc9e6691c39a012a2747cd3ca67', class: "bio-card__image" }, index.h("img", { key: 'c0648323c2760b63a734d9a4609fdea4cc4bd2a7', src: this.image, alt: `${this.name} profile image` })), index.h("div", { key: '22cf9a6acb3ce9443239f30001285b000e8af96d', class: "bio-card__content" }, index.h("div", { key: '1dee9dd6da8ed246885690d20d9cf2938434fc26' }, index.h("h3", { key: 'a3119351235597761bf75bf51e1b9fb1eacd3fdf', class: "bio-card__name" }, this.name), index.h("p", { key: '70c5242b1179789dec3f1d194d9ea28aaa099918', class: "bio-card__job-title" }, this.jobTitle)), (this.linkedin || this.twitter) && (index.h("div", { key: 'ec4759c45c4e691211e04f6019baf7b9e0d3e4bf', class: "bio-card__social-links" }, this.linkedin && (index.h("a", { key: 'ec7037cc2802f35055f8fbfeab795990af14a359', href: this.linkedin, target: "_blank", class: "tw social-icon mf-listen", "aria-label": "linkedin", title: "linkedin" }, index.h("style", { key: '0ca0be1a103774d59debed97f50d6e309c9457c3' }, `.social-icon .cls-1 {  fill: url(#linear-gradient1-in);  } `), index.h("svg", { key: '1e1fef281f5ff9b8619d409e051196429fda341c', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, index.h("defs", { key: '7ab0b71d65315031649e9cdee9f7155a7428e887' }, index.h("linearGradient", { key: '971b899b631ab7378f6dd8b23be9d8b45cf15c64', id: "linear-gradient1-in", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, index.h("stop", { key: '09adfc10aa1c10828a62e62f373c6e68dab3080f', offset: "0", "stop-color": "#fff" }), index.h("stop", { key: 'e83f8dbd9797b81d6a0194be882134aab868e131', offset: "1", "stop-color": "#e5e5e5" }))), index.h("g", { key: '2b277695931c39fc6d3d72c1886fdfc7b7a6b663', class: "cls-1", "data-name": "Path 4255" }, index.h("path", { key: '8b566f1ed170b67b085b7295266b797010af6c5b', d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), index.h("path", { key: 'c2f02927b5a7320c67e0b415e940f95a494100b8', d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), index.h("path", { key: '0611cd47169e13faf7e2afb195ce034fab33bc5e', d: "M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z", class: "cls-2", "data-name": "Path 8769", transform: "translate(429.342 -128.977)" })))), this.twitter && (index.h("a", { key: '9ac92ba5a3f65e05603b9cddb0588a1b2cb4d832', href: this.twitter, target: "_blank", class: "tw social-icon mf-listen", "aria-label": "X", title: "X" }, index.h("style", { key: '1c478817fd79706a114379c44e2789a8be9db1f3' }, `.social-icon .cls-1 {  fill: url(#linear-gradient0-tw);  } `), index.h("svg", { key: 'eab68e43fee8c518116a25c7988a293f268953fc', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, index.h("defs", { key: 'aa00257a6568bc3ac9127f811dece876fbae8aa7' }, index.h("linearGradient", { key: 'bf899ff0e30b0def7e4d74a8f1514939e0c8a482', id: "linear-gradient0-tw", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, index.h("stop", { key: 'a593ec07f486e7862ade9e71c883b2b528cfeb84', offset: "0", "stop-color": "#fff" }), index.h("stop", { key: 'be2f52db18a0a528c503fd45b667ed0a206e6514', offset: "1", "stop-color": "#e5e5e5" }))), index.h("g", { key: '6a65fb161a41edcb45cb0b720b3cb88c83fb6143', class: "cls-1", "data-name": "Path 4255" }, index.h("path", { key: 'fb447fb279bb66c5b276b154c36bd0cd8ea0f957', d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), index.h("path", { key: 'd9ef88ff0f9007a7154b7328a87b3d8031cff9b2', d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), index.h("g", { key: 'afd9e90062f10da3e944b2fa61a3aeafb603a8d0', transform: "translate(9.205 13.034) scale(0.13)", "data-name": "Group 3004" }, index.h("path", { key: '031af746ad458a86665c706afa88ac5639ad74c1', class: "cls-x-1", d: "M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z", width: "15", height: "15" }), index.h("rect", { key: '462018758e0f33ec2699e26cfefae17fdd566dfe', class: "cls-x-2" }))))))))), this.isModal && (index.h("ptc-modal", { key: '86e32d75b219e50443a412024e606fa6b658f7f6', id: "bio-modal", show: this.showModal, size: "lg", "border-radius": "large", "is-bio-modal": true, fixed: true }, index.h("div", { key: '62e1e70298bdcfce23a7490d6114a66ced34df43', class: "modal-wrap" }, index.h("div", { key: 'c61f3cd402572624421af91e867ca10da53c389a', class: "bio-modal-left" }, index.h("div", { key: '496cb6989808ca31211ee12276f7f279599ffbc5', class: "bio-modal__image" }, index.h("img", { key: '7537052f9d2ce6d78f22580f78ef36181a7342eb', src: this.image, alt: `${this.name} profile image` })), (this.linkedin || this.twitter) && (index.h("div", { key: 'e522d39cb6978f26c0577c88aec41e3f10a42102', class: "bio-card__social-links" }, this.linkedin && (index.h("a", { key: '882d65ef6ba30fb60e269680df644efc53e8d598', href: this.linkedin, target: "_blank", class: "tw social-icon", "aria-label": "linkedin" }, index.h("style", { key: '78753bc3c0945ac887f6efbfbac1a4bf68725b09' }, `.social-icon .cls-1 {  fill: url(#linear-gradient1-in);  } `), index.h("svg", { key: '04ef6d386d1a25bf5913273c9b6aa18a66b87edb', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, index.h("defs", { key: 'e5d7a8d4e019094719d4d0ce76bd17d88108815b' }, index.h("linearGradient", { key: '610b79514af758a6d1aecdd1b2ebddadeca1d9e8', id: "linear-gradient1-in", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, index.h("stop", { key: 'ec7e475c8f850c61d408fa858e9caa7d38aa2477', offset: "0", "stop-color": "#fff" }), index.h("stop", { key: 'a5dd73a29a569cc732cc0775cd93fdddc78809ba', offset: "1", "stop-color": "#e5e5e5" }))), index.h("g", { key: '70c30e1b5f3e0ffd3247db77ea31b46f0e066140', class: "cls-1", "data-name": "Path 4255" }, index.h("path", { key: '6693bec9ee72a6e09d3306d87f7eea856ec731f5', d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), index.h("path", { key: 'af5ebe5f6dd45d73d0b6319d0afa0f3592c84c25', d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), index.h("path", { key: 'cb45f066632c4a9d92725ccc6848a0bc4393262a', d: "M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z", class: "cls-2", "data-name": "Path 8769", transform: "translate(429.342 -128.977)" })))), this.twitter && (index.h("a", { key: '361fca48c7f71700f22935b94605f1f76c4cf7be', href: this.twitter, target: "_blank", class: "tw social-icon", "aria-label": "twitter" }, index.h("style", { key: '5a632959fe6cea98143911de780147de4665e77b' }, `.social-icon .cls-1 {  fill: url(#linear-gradient0-tw);  } `), index.h("svg", { key: 'ea2738ea0297c89a27eb67c349b88262c126dbfe', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, index.h("defs", { key: 'cfde68bfdca386b4f17c7de5e85d71632ded6176' }, index.h("linearGradient", { key: '4dee40531ebb6e3009830856c3f7674b7e089e36', id: "linear-gradient0-tw", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, index.h("stop", { key: 'cec5acae4e05b792182969786ce561ea404b9023', offset: "0", "stop-color": "#fff" }), index.h("stop", { key: '1d9955084a333cccbafd766324b57028b6abf954', offset: "1", "stop-color": "#e5e5e5" }))), index.h("g", { key: '31652408a9aabfd63031d4e5299e54dd98c82598', class: "cls-1", "data-name": "Path 4255" }, index.h("path", { key: 'e8af9a07ed9cc49b00d496db637b92075accf851', d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), index.h("path", { key: '58a0165235709acc72840b5cafe12e51ccd2dd26', d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), index.h("g", { key: '09aac1d7600b8154f6454005fdc4ccb3e6d97b5f', transform: "translate(9.205 13.034) scale(0.13)", "data-name": "Group 3004" }, index.h("path", { key: '7221d48dc2dc5edc922050e974bcaf120f77b026', class: "cls-x-1", d: "M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z", width: "15", height: "15" }), index.h("rect", { key: '685f1834d4992ee79269d62d194988ab81bc5efe', class: "cls-x-2" })))))))), index.h("div", { key: '3d6a49495231b9cb023112b486e0195674cf256c', class: "bio-modal-right" }, index.h("div", { key: 'ad128930e60278fb86cbef73fc0b19162fecc942', class: "bio-modal-header" }, index.h("h2", { key: 'c629791b5d0a051dd03c7faaa70f03bbdd74bd6c', class: "bio-card__name" }, this.name), index.h("p", { key: '43162538c20d6ecffd2ca61fee15bc41d01145a3', class: "bio-card__job-title" }, this.jobTitle)), index.h("div", { key: '86558d48ad7630fa94d427c155bb445c8ce22885', class: "bio-modal-description" }, index.h("slot", { key: '701b4c2269272d44cb945ce3c96f711a805da65a' }))))))));
     }
 };
 PtcBioCard.style = ptcBioCardCss;

package/dist/cjs/ptc-blue-pill-announcement-bar.cjs.entry.js CHANGED Viewed

@@ -10,10 +10,10 @@ const PtcBluePillAnnouncementBar = class {
     }
     isBoxShadow = false;
     render() {
-        return (index.h(index.Host, { key: '31a48402c465f22cd0e983562d438125b7951362' }, index.h("div", { key: 'cd0cf37ccbbcc23ad9f3f63ed26c7fbd3e992010', class: {
+        return (index.h(index.Host, { key: '685f5f583033c0bd00a266749a63a8bf31aae7fd' }, index.h("div", { key: '374170d58824386621d8ebf6bc94d97e2c5a5cd4', class: {
                 "blue-pill-announcement-bar-wrapper": true,
                 "has-shadow": this.isBoxShadow,
-            } }, index.h("svg", { key: 'e957b09045c8731fed287073deaf0c1ea7ce3508', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("g", { key: '8ea910249d73578771489c97d5c54e9532323e10', "clip-path": "url(#clip0_96_14879)" }, index.h("path", { key: 'db046b05b0578d3b89e7f2c19f990f12ace7ec87', d: "M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1Z", fill: "white" }), index.h("rect", { key: '347acdda1f520b9c10efb425eaf6b4218e3025e9', x: "7.5", y: "6.5", width: "1", height: "6", fill: "white", stroke: "white" }), index.h("circle", { key: '4524f725bbb3f492f1cfd410852812a7a89cf8a3', cx: "8", cy: "4", r: "0.5", fill: "white", stroke: "white" })), index.h("defs", { key: '075dbb61ff65faa9c30f3ff0bccd28f9130ad443' }, index.h("clipPath", { key: '87127bf568c15987bb6ad32e1eedd7d44fc71b54', id: "clip0_96_14879" }, index.h("rect", { key: 'a08ee376ea16402ed2b068b6307a07621fefe745', width: "16", height: "16", fill: "white" })))), index.h("div", { key: '77c1e4f263da91c5f07641d490f1115ab2db0d7b' }, index.h("slot", { key: '5c86fcb487affe2c7d3b702620f9b7ec0f1d4d22' })))));
+            } }, index.h("svg", { key: '09d6f3b44f4b5a27bc4c60fee956923a6c66f235', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("g", { key: 'c05b0c22ba8f2ae3e856e7abff3bbe6f29a4a8ce', "clip-path": "url(#clip0_96_14879)" }, index.h("path", { key: 'd4c614046962b9c05606b54fa16b0a099d3a81dd', d: "M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1Z", fill: "white" }), index.h("rect", { key: 'fa19e89a6a806c082e5780afdcaeb687ec05acd4', x: "7.5", y: "6.5", width: "1", height: "6", fill: "white", stroke: "white" }), index.h("circle", { key: 'fde2d22f7cb1275f4ec1c81423842834dd167034', cx: "8", cy: "4", r: "0.5", fill: "white", stroke: "white" })), index.h("defs", { key: 'c2cee0a412727861c330b028b9b9d17d2ff71f4b' }, index.h("clipPath", { key: '56a4f3a3e71f4719005b34236160ff6638bfe4a8', id: "clip0_96_14879" }, index.h("rect", { key: '11a38279ef29aa8fbfce5907d76fb731b6906137', width: "16", height: "16", fill: "white" })))), index.h("div", { key: '5742e2b3b80813b6bc8f9c29474d4d373b8e7a6e' }, index.h("slot", { key: '0333c87f28d38b88f0687ca1f22ec157856b28b8' })))));
     }
 };
 PtcBluePillAnnouncementBar.style = ptcBluePillAnnouncementBarCss;

package/dist/cjs/ptc-breadcrumb.cjs.entry.js CHANGED Viewed

@@ -48,7 +48,7 @@ const PtcBreadcrumb = class {
         const hasChildListItems = childListItems.length > 0;
         // Remove childListItems from listItems if any exist
         const filteredArray = hasChildListItems ? Array.from(this.listItems).filter((item) => !childListItems.includes(item)) : Array.from(this.listItems);
-        return (index.h(index.Host, { key: '26eb4215e6f918937af782e0f2387b0fca3ea90c', class: classMap }, this.styles && index.h("style", { key: 'f7ea9bb430af02bc80a4a765d6a50c53b6df7e6e' }, this.styles), index.h("nav", { key: '9f1938c36360bd50530a271c2d00131ccad5c991', "aria-label": "Breadcrumb" }, index.h("ol", { key: '59b013005ae218003f810116d24725e9d384e32b', class: "ptc-breadcrumb-ol" }, index.h("li", { key: 'ce167d9b0decc9434dea6a6f76f513a2fbe628e3', class: "home-link mf-listen", id: "homeLinkID" }, hasChildListItems ? (index.h("a", { href: childListItems[0].getAttribute("link-href"), "aria-label": "Home Link", class: {
+        return (index.h(index.Host, { key: '63df33fa0ade45b6ca0a5bee31f39dde16b3a572', class: classMap }, this.styles && index.h("style", { key: '39f6c9a7ebffa8ec4b8f7d446887abfc4efb7dc8' }, this.styles), index.h("nav", { key: '3d7053f69d3a33cafcd19a31ee4a39518d88ca15', "aria-label": "Breadcrumb" }, index.h("ol", { key: 'dac843d9496b928561766c184f2de6767d0d567d', class: "ptc-breadcrumb-ol" }, index.h("li", { key: 'be69cd1e00835377760d6120c254dbb761e866dc', class: "home-link mf-listen", id: "homeLinkID" }, hasChildListItems ? (index.h("a", { href: childListItems[0].getAttribute("link-href"), "aria-label": "Home Link", class: {
                 ["breadcrumb-item-link"]: true,
                 ["dark-mode-link"]: this.isDarkMode,
             } }, index.h("icon-asset", { type: "ptc", size: "medium", name: "icon-home", color: this.color })))

package/dist/cjs/ptc-brightcov-video.cjs.entry.js CHANGED Viewed

@@ -14,7 +14,7 @@ const PtcBrightcovVideo = class {
         //  this.loadBrightcovePlayer();
     }
     render() {
-        return (index.h("div", { key: '6b22ec8b0f626ad941287424de16c50de7fd9f8f', class: "aspect-ratio-container" }, index.h("div", { key: '2ad020e21e7cc73517aa694727176f8c9d63a95a', class: "video-container" }, index.h("video-js", { key: 'd11774c299e0aeed78effb2b580c3b545f009e89', id: "bcPlayer", "data-account": "1532789042001", "data-player": "dNyUv9zZ6", "data-embed": "default", "data-video-id": "6337173859112", controls: "", "data-application-id": "", class: "vjs-fill" }), index.h("script", { key: '6060117f2736882c4fe9198e91e7d95ae84defba', src: "https://players.brightcove.net/1532789042001/dNyUv9zZ6_default/index.min.js" }))));
+        return (index.h("div", { key: 'e0674ad57a3efc5a3e31d9fcd88e501b312cae25', class: "aspect-ratio-container" }, index.h("div", { key: 'd7c4a19428bffb877e7084259b72b2b2650fd7fa', class: "video-container" }, index.h("video-js", { key: 'dcfc3c2787f2b16da65ab264e726bcdaf641a038', id: "bcPlayer", "data-account": "1532789042001", "data-player": "dNyUv9zZ6", "data-embed": "default", "data-video-id": "6337173859112", controls: "", "data-application-id": "", class: "vjs-fill" }), index.h("script", { key: '96670d137be45d2adecc1dffdaf71806d767a0e0', src: "https://players.brightcove.net/1532789042001/dNyUv9zZ6_default/index.min.js" }))));
     }
 };
 PtcBrightcovVideo.style = ptcBrightcovVideoCss;

package/dist/cjs/ptc-card-bottom.cjs.entry.js CHANGED Viewed

@@ -62,7 +62,7 @@ const PtcCardBottom = class {
     }
     render() {
         const classMap = this.getCssClassMap();
-        return (index.h(index.Host, { key: 'c5e5f0781de3e1ae8c5c6b7a271f63fe0c7d7ddc', part: "card-bottom", class: classMap, onMouseEnter: this.hoverEventHandler.bind(this), onMouseLeave: this.leaveEventHandler.bind(this) }, this.styles && index.h("style", { key: 'af8b6b26108e688ce82b61c0c50329dc2be94349' }, this.styles), index.h("slot", { key: 'c6e7d4ea432f0901de1a0878423330b8b9f94c93', name: "slot-content" }), index.h("div", { key: 'a7ee7680af0ac6f53dcf79bb5f45b4ea1924d5ef', class: "ptc-card-bottom-wrapper" }, index.h("slot", { key: '87c4d27a83575fedf994dc99420fd97cd302ee64' }))));
+        return (index.h(index.Host, { key: 'f06f96c89ac5fd7f1fb693b8bfb2b216b65ba88f', part: "card-bottom", class: classMap, onMouseEnter: this.hoverEventHandler.bind(this), onMouseLeave: this.leaveEventHandler.bind(this) }, this.styles && index.h("style", { key: '8cf593d96b9e238309bb128f77b22c0980c85d96' }, this.styles), index.h("slot", { key: 'f911f658285ef3763bb6856e1785b6a33aaff98a', name: "slot-content" }), index.h("div", { key: 'e8cb797586f08f2b57d62037593a6052816b7fdc', class: "ptc-card-bottom-wrapper" }, index.h("slot", { key: '1050a3a2427881c5bf65614a5bc3eb096676e0ac' }))));
     }
     getCssClassMap() {
         return {

package/dist/cjs/ptc-card-content.cjs.entry.js CHANGED Viewed

@@ -71,11 +71,11 @@ const PtcCardContent = class {
     }
     render() {
         const classMap = this.getCssClassMap();
-        return (index.h(index.Host, { key: '7604fdbd54c81705cd274df39f2483db56d22e8e', part: "card-content", class: classMap, ...(!this.isLoading
+        return (index.h(index.Host, { key: '2a152c32a56c729d8538c96a6ee81e326300f6f6', part: "card-content", class: classMap, ...(!this.isLoading
                 ? { onMouseEnter: this.hoverEventHandler.bind(this) }
                 : {}), ...(!this.isLoading
                 ? { onMouseLeave: this.leaveEventHandler.bind(this) }
-                : {}) }, this.styles && index.h("style", { key: 'a7f3983013fc2f11d5fcf28e017d7046fe97ba59' }, this.styles), index.h("slot", { key: '66e2b7d59ebcb8157c3497170fc463827ff1b89b', name: "slot-content" }), index.h("div", { key: '5d8e383abb9d90c12841cbcae948eec92f382d38', class: "ptc-card-content-wrapper" }, index.h("slot", { key: '89efece7602cc4acbd508bfd260970feabd12dd1' }))));
+                : {}) }, this.styles && index.h("style", { key: 'bb4a89ab294f47bd0c616c9cf5cb3b92a07280b3' }, this.styles), index.h("slot", { key: 'c5f7d60f8981089c2e69c7fdd8797a484e04acaf', name: "slot-content" }), index.h("div", { key: '0da520d96acf62b83252b8ff239b87b103c8fb09', class: "ptc-card-content-wrapper" }, index.h("slot", { key: '4593e2b6c95511e37678260d7db08dddf15d79fe' }))));
     }
     getCssClassMap() {
         return {

package/dist/cjs/ptc-card-wrapper.cjs.entry.js CHANGED Viewed

@@ -72,11 +72,11 @@ const PtcCardPlm = class {
     render() {
         const classMap = this.getCssClassMap();
         const Tag = !!this.cardLink ? "a" : "div";
-        return (index.h(index.Host, { key: '5433957bf9543c90552227f802db99c9bf6a83c9', class: classMap, ...(!this.isLoading
+        return (index.h(index.Host, { key: 'b7c06619f2b4573cb1233273dc6fb5bb79ac3ea5', class: classMap, ...(!this.isLoading
                 ? { onMouseEnter: this.hoverEventHandler.bind(this) }
                 : {}), ...(!this.isLoading
                 ? { onMouseLeave: this.leaveEventHandler.bind(this) }
-                : {}) }, this.styles && index.h("style", { key: 'b5e1137b1e1e073f68d9e4b719e201964498bc7d' }, this.styles), index.h("div", { key: 'c7c60a5283517186f70ce29cae8a8f1970043da8', class: "tracker-div mf-listen", id: this.trackerId }, index.h(Tag, { key: '8b7f3771a83fe1aee4a94e05c8fe29f3d75fa3ed', class: `mf-listen ${this.darkFocusState ? "focus-state-dark-background" : ""}`, ...(!!this.cardLink && this.cardType !== "simple-card"
+                : {}) }, this.styles && index.h("style", { key: '4c7520994da02feb57b46625587785214460988b' }, this.styles), index.h("div", { key: 'f7af485e7c6824f1e4e1ab0ddd31fa8ea155fab4', class: "tracker-div mf-listen", id: this.trackerId }, index.h(Tag, { key: '788fc8311dba585b1a698fd48ee63ff158e8be33', class: `mf-listen ${this.darkFocusState ? "focus-state-dark-background" : ""}`, ...(!!this.cardLink && this.cardType !== "simple-card"
                 ? { tabindex: "0" }
                 : { tabindex: "-1" }), ...(!!this.cardLink && !this.isLoading
                 ? { href: this.cardLink }
@@ -92,7 +92,7 @@ const PtcCardPlm = class {
                         ? this.linkTitle
                         : this.cardLink,
                 }
-                : {}) }, index.h("slot", { key: '53aa02b1d959a7341355afe36cb5da81eddffaa4' })))));
+                : {}) }, index.h("slot", { key: '3ca2f6a0dda5d981a496ba469f4239d041b6ef1c' })))));
     }
     getCssClassMap() {
         return {

package/dist/cjs/ptc-card.cjs.entry.js CHANGED Viewed

@@ -142,12 +142,12 @@ const PtcCard = class {
         if (this.titleLineCutOff && this.titleLineCutOff > 0) {
             cutOffTitleClass = " clamp-title";
         }
-        return (index.h(index.Host, { key: '4d658092186266f396a5d156347cd51787ad1204', class: {
+        return (index.h(index.Host, { key: 'b69fa71949e289c97ea27a05c62f458101220a70', class: {
                 [this.cardType]: !!this.cardType,
                 "creo-card-wrap": this.isCreoCard, // Add the cardType class conditionally
-            } }, this.styles && index.h("style", { key: '64ab5c97b24c34f9a6d1b9cd474d40b2bf889d0a' }, this.styles), index.h("slot", { key: '04b4cf3e41912060c77132b3daa446762b7c58ca', name: "seo-content" }), index.h("div", { key: 'b0f4e937d144eaa87ed745eede112894e93801c8', id: this.cardType !== "featured-horizontal-card"
+            } }, this.styles && index.h("style", { key: 'a7f83fa5eef8967f103fc3c6f4d543f295697e92' }, this.styles), index.h("slot", { key: 'd0fdb249be61f3eb3e93b52c944ca8806f5fe723', name: "seo-content" }), index.h("div", { key: 'b6bb526bb76d5323000930a146cbf39487c28601', id: this.cardType !== "featured-horizontal-card"
                 ? this.trackerId
-                : "", class: "card-border mf-listen", part: "border-wrapper", style: { overflow: this.cardOverflow } }, index.h(Tag, { key: '04de355e5270a76ba067f6a96ed2ec0d648435a5', class: classMap, part: "card-layout", ...(!!this.cardHref ? { href: this.cardHref } : {}), ...(!!this.target && !!this.cardHref
+                : "", class: "card-border mf-listen", part: "border-wrapper", style: { overflow: this.cardOverflow } }, index.h(Tag, { key: '538741050495e06b81437bcb217b0b63d2ff53ca', class: classMap, part: "card-layout", ...(!!this.cardHref ? { href: this.cardHref } : {}), ...(!!this.target && !!this.cardHref
                 ? { target: this.target }
                 : {}), ...(!!this.rel && !!this.cardHref
                 ? { rel: this.rel }
@@ -160,11 +160,11 @@ const PtcCard = class {
             (!!this.ribbonText &&
                 this.cardType == "listing-card") ||
             (!!this.ribbonText &&
-                this.cardType == "events-card") ? (index.h("div", { class: "ribbon-text" }, `${this.ribbonText}`)) : null, index.h("div", { key: 'cc0c5258e1faf7993e03729632935eafadb24b82', id: this.cardType === "featured-horizontal-card" ||
+                this.cardType == "events-card") ? (index.h("div", { class: "ribbon-text" }, `${this.ribbonText}`)) : null, index.h("div", { key: '2b6036033c56b04d1fd5546d53965300be7d5196', id: this.cardType === "featured-horizontal-card" ||
                 this.cardType === "related-card" ||
                 this.cardType == "events-card"
                 ? this.trackerId
-                : "", class: "card-body mf-listen", part: "body-wrapper" }, index.h(BodyContainerTag, { key: '6697e2c01a32b32e2af6154a08b69fb5d7d365de', class: "link-wrapper mf-listen", ...(!!this.cardHref
+                : "", class: "card-body mf-listen", part: "body-wrapper" }, index.h(BodyContainerTag, { key: '760f20f49bab05b809f738b206656f2ed0ebba4d', class: "link-wrapper mf-listen", ...(!!this.cardHref
                 ? { href: this.cardHref }
                 : {}), ...(!!this.target && !!this.cardHref
                 ? { target: this.target }
@@ -181,7 +181,7 @@ const PtcCard = class {
             ? {
                 ...(!!this.cardLogo ? (index.h("div", { class: "card-logo-container" }, index.h("ptc-picture", { alt: "", "object-fit": "contain", src: this.cardLogo, height: "40" }))) : (index.h("div", { class: "card-logo-none" }))),
             }
-            : null, index.h("slot", { key: '8b3cb554f874d2717074760edf3d1998fc25c3f1', name: "slot-before-heading" }), !!this.heading
+            : null, index.h("slot", { key: '122dc938e07a06074cce3d865d9c3f3955de03a7', name: "slot-before-heading" }), !!this.heading
             ? [
                 this.cardType === "listing-card" ||
                     this.cardType == "events-card" ? (index.h("h3", { class: `ptc-h3 ${this.headingTransform}${cutOffTitleClass}`, part: "card-heading" }, this.heading)) : this.cardType ===
@@ -192,7 +192,7 @@ const PtcCard = class {
             : null, !!this.cardDate &&
             this.cardType == "events-card" ? (index.h("div", { class: "events-date" }, index.h("svg", { class: "calendar-icon", width: "15", height: "17", viewBox: "0 0 15 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { id: "Group" }, index.h("path", { id: "Vector", d: "M4.62109 7.11804H3.12109V8.61804H4.62109V7.11804Z", fill: "#323B42" }), index.h("path", { id: "Vector_2", d: "M7.82129 7.11804H6.32129V8.61804H7.82129V7.11804Z", fill: "#323B42" }), index.h("path", { id: "Vector_3", d: "M11.1211 7.11804H9.62109V8.61804H11.1211V7.11804Z", fill: "#323B42" }), index.h("path", { id: "Vector_4", d: "M4.62109 9.51807H3.12109V11.0181H4.62109V9.51807Z", fill: "#323B42" }), index.h("path", { id: "Vector_5", d: "M7.82129 9.51807H6.32129V11.0181H7.82129V9.51807Z", fill: "#323B42" }), index.h("path", { id: "Vector_6", d: "M11.1211 9.51807H9.62109V11.0181H11.1211V9.51807Z", fill: "#323B42" }), index.h("path", { id: "Vector_7", d: "M7.82129 11.9181H6.32129V13.4181H7.82129V11.9181Z", fill: "#323B42" }), index.h("path", { id: "Vector_8", d: "M4.62109 11.9181H3.12109V13.4181H4.62109V11.9181Z", fill: "#323B42" }), index.h("g", { id: "Group_2" }, index.h("path", { id: "Vector_9", d: "M11.6211 2.11804V3.41804V3.91804H11.1211H9.12109H8.62109V3.41804V2.11804H5.32109V3.41804V3.91804H4.82109H2.82109H2.32109V3.41804V2.11804H0.121094V16.118H14.1211V2.11804H11.6211ZM12.6211 14.618H1.62109V5.81804H12.6211V14.618Z", fill: "#323B42" }), index.h("path", { id: "Vector_10", d: "M2.82129 0.118042V2.11804V3.41804H4.82129V2.11804V0.118042H2.82129Z", fill: "#323B42" }), index.h("path", { id: "Vector_11", d: "M9.12109 0.118042V2.11804V3.41804H11.1211V2.11804V0.118042H9.12109Z", fill: "#323B42" })))), index.h("span", { class: "events-item-text event-cards-date" }, `${this.cardDate}`))) : null, !!this.eventType &&
             this.cardType == "events-card" ? (index.h("div", { class: "events-type-class" }, index.h("svg", { class: "in-person-icon", width: "17", height: "13", viewBox: "0 0 17 13", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { id: "Group" }, index.h("g", { id: "Group_2" }, index.h("path", { id: "Vector", d: "M16.0211 9.71804L15.3211 7.31804C15.3211 7.31804 15.2211 6.71804 14.4211 6.51804L12.7211 6.11804C12.5211 6.01804 12.4211 5.61804 12.4211 5.61804V5.11804C12.6211 4.91804 12.7211 4.61804 12.8211 4.41804L12.9211 4.31804C13.0211 4.21804 13.0211 4.11804 13.0211 4.11804C13.1211 4.01804 13.1211 3.81804 13.1211 3.71804L13.2211 3.31804C13.2211 3.11804 13.2211 2.91804 13.1211 2.81804L13.0211 2.71804C13.0211 2.01804 12.9211 1.41804 12.6211 1.01804C12.5211 0.518042 12.0211 0.218042 11.4211 0.118042C11.3211 0.118042 11.1211 0.118042 11.0211 0.118042C10.9211 0.118042 10.7211 0.118042 10.6211 0.118042C10.0211 0.218042 9.52109 0.518042 9.22109 1.01804C8.92109 1.41804 8.82109 2.01804 8.82109 2.71804L8.72109 2.81804C8.62109 2.91804 8.62109 3.01804 8.62109 3.31804L8.72109 3.71804C8.72109 3.81804 8.72109 4.01804 8.82109 4.11804C8.82109 4.21804 8.92109 4.31804 8.92109 4.31804C9.02109 4.31804 9.02109 4.41804 9.12109 4.41804C9.22109 4.71804 9.32109 4.91804 9.52109 5.11804V5.61804C9.52109 5.61804 9.42109 6.01804 9.22109 6.11804L8.12109 6.41804V6.51804C8.12109 6.61804 8.02109 6.91804 7.92109 7.11804C7.82109 7.21804 7.82109 7.41804 7.72109 7.51804C7.72109 7.51804 7.72109 7.61804 7.62109 7.61804C7.82109 7.61804 8.12109 7.71804 8.52109 7.81804C9.52109 7.91804 10.1211 8.81804 10.3211 9.71804H11.0211H16.0211Z", fill: "#323B42" })), index.h("path", { id: "Vector_2", d: "M9.42148 9.81807C9.42148 9.81807 9.32148 9.21807 8.52148 9.01807L6.82148 8.61807C6.62148 8.51807 6.52148 8.11807 6.52148 8.11807V7.61807C6.72148 7.41807 6.82148 7.11807 6.92148 6.91807L7.02148 6.81807C7.12148 6.71807 7.12148 6.61807 7.12148 6.61807C7.22148 6.31807 7.32148 6.21807 7.32148 6.11807L7.42148 5.71807C7.42148 5.51807 7.42148 5.31807 7.32148 5.21807L7.22148 5.11807C7.22148 4.41807 7.12148 3.81807 6.82148 3.41807C6.52148 3.01807 6.02148 2.61807 5.42148 2.51807C5.32148 2.51807 5.12148 2.51807 5.02148 2.51807C4.92148 2.51807 4.72148 2.51807 4.62148 2.51807C4.02148 2.61807 3.52148 3.01807 3.22148 3.41807C2.92148 3.91807 2.82148 4.51807 2.92148 5.11807L2.82148 5.21807C2.72148 5.31807 2.62148 5.51807 2.72148 5.71807L2.82148 6.11807C2.82148 6.21807 2.82148 6.41807 2.92148 6.51807C2.92148 6.61807 3.02148 6.71807 3.02148 6.71807C3.02148 6.81807 3.12148 6.81807 3.12148 6.81807C3.22148 7.11807 3.32148 7.41807 3.52148 7.61807V8.11807C3.52148 8.11807 3.42148 8.51807 3.22148 8.61807L1.52148 9.01807C0.721484 9.21807 0.621484 9.81807 0.621484 9.81807L0.0214844 12.2181H5.02148H10.0215L9.42148 9.81807Z", fill: "#323B42" }))), index.h("span", { class: "event-name events-item-text" }, `${this.eventType}`))) : null, !!this.language &&
-            this.cardType == "events-card" ? (index.h("div", { class: "language" }, index.h("svg", { class: "language-icon", width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { id: "Group" }, index.h("g", { id: "Group_2" }, index.h("path", { id: "Vector", d: "M15.0219 3.31799H12.5219V11.118C12.5219 11.618 12.1219 12.118 11.5219 12.118H4.42188V12.318C4.42188 12.818 4.82187 13.318 5.42188 13.318H13.9219L16.0219 16.118V4.21799C16.0219 3.71799 15.6219 3.31799 15.0219 3.31799Z", fill: "#323B42" })), index.h("path", { id: "Vector_2", d: "M9.42148 0.118042H1.12148C0.521484 0.118042 0.0214844 0.618042 0.0214844 1.21804V13.018L2.12148 10.118H9.42148C10.0215 10.118 10.5215 9.61804 10.5215 9.01804V1.21804C10.5215 0.618042 10.0215 0.118042 9.42148 0.118042ZM6.12148 6.51804H1.72148V5.61804H6.12148V6.51804ZM8.82148 4.01804H1.72148V3.01804H8.82148V4.01804Z", fill: "#323B42" }))), index.h("span", { class: "language-name events-item-text" }, `${this.language}`))) : null, index.h("slot", { key: '5bed7433e96e2533ba7704c1ba9d984b1f088da1', name: "slot-description" }), !!this.cardDate &&
+            this.cardType == "events-card" ? (index.h("div", { class: "language" }, index.h("svg", { class: "language-icon", width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { id: "Group" }, index.h("g", { id: "Group_2" }, index.h("path", { id: "Vector", d: "M15.0219 3.31799H12.5219V11.118C12.5219 11.618 12.1219 12.118 11.5219 12.118H4.42188V12.318C4.42188 12.818 4.82187 13.318 5.42188 13.318H13.9219L16.0219 16.118V4.21799C16.0219 3.71799 15.6219 3.31799 15.0219 3.31799Z", fill: "#323B42" })), index.h("path", { id: "Vector_2", d: "M9.42148 0.118042H1.12148C0.521484 0.118042 0.0214844 0.618042 0.0214844 1.21804V13.018L2.12148 10.118H9.42148C10.0215 10.118 10.5215 9.61804 10.5215 9.01804V1.21804C10.5215 0.618042 10.0215 0.118042 9.42148 0.118042ZM6.12148 6.51804H1.72148V5.61804H6.12148V6.51804ZM8.82148 4.01804H1.72148V3.01804H8.82148V4.01804Z", fill: "#323B42" }))), index.h("span", { class: "language-name events-item-text" }, `${this.language}`))) : null, index.h("slot", { key: 'f07d1953be2bd2bedbc3007424bcad5466402343', name: "slot-description" }), !!this.cardDate &&
             this.cardType !== "listing-card" &&
             this.cardType !== "listing-card-horizontal" &&
             this.cardType !== "hightlight-card" &&

package/dist/cjs/ptc-checkbox-group.cjs.entry.js CHANGED Viewed

@@ -40,7 +40,7 @@ const PtcCheckboxGroup = class {
         selectAllCheckbox.checked = !allChecked;
     }
     render() {
-        return (index.h(index.Host, { key: '3043088f596d402c65550cd121fd3ce9ffae2654', class: `pcg-${this.type}` }, index.h("slot", { key: '9ac7a83f04db2c4e558ad1430450dd1f77b46cc0', name: "title" }), index.h("slot", { key: '3a0e465951ecdaf585799f7b5bf9644e4141e7c3' })));
+        return (index.h(index.Host, { key: '6493e39ed0c8e91c8a211b52baed3513654b4b94', class: `pcg-${this.type}` }, index.h("slot", { key: '672c3ff369318f1cb37a11f680b0e4dbdc3dd14f', name: "title" }), index.h("slot", { key: '026dad5ccd55aa710ad5cabcb016ecaebe4d8cff' })));
     }
 };
 PtcCheckboxGroup.style = ptcCheckboxGroupCss;

package/dist/cjs/ptc-checkbox.cjs.entry.js ADDED Viewed

@@ -0,0 +1,73 @@
+'use strict';
+var index = require('./index-DScLO5DA.js');
+const ptcCheckboxCss = ":host{display:block}:host .ptc-checkbox{display:block;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;font-family:var(--ptc-font-latin);font-style:normal;color:var(--color-gray-12);padding-left:var(--spacing-lg);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:1.375rem}:host .ptc-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}:host .ptc-checkbox .check{position:absolute;top:0;left:0;height:1.375rem;width:1.375rem;background-color:var(--color-white);border:1px solid var(--color-gray-07);line-height:var(--ptc-line-height-densest);box-sizing:border-box;border-radius:4px}:host .ptc-checkbox .check .mark{position:absolute;transition:opacity ease-out 250ms;opacity:0;left:3px;top:2px;width:1.375rem;height:1.375rem}:host .ptc-checkbox input:checked~.check{background-color:var(--color-gray-12)}:host .ptc-checkbox input:checked~.check .mark{opacity:1}:host .ptc-checkbox:hover input~.check{background-color:var(--color-gray-02)}:host .ptc-checkbox:hover input:checked~.check{background-color:var(--color-gray-12)}:host .ptc-checkbox.disabled{cursor:not-allowed;color:var(--color-gray-04)}:host .ptc-checkbox.disabled .mark{opacity:0}:host .ptc-checkbox.disabled .check{background-color:var(--color-white);border:1px dashed var(--color-gray-04)}:host .ptc-checkbox.disabled:hover input~.check{background-color:var(--color-white)}:host .ptc-checkbox.disabled:hover input:checked~.check{background-color:var(--color-white)}:host .ptc-checkbox:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .ptc-checkbox.offset-focus-outline:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);margin:0 5px 0 5px}";
+const PtcCheckbox = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.checkedChanged = index.createEvent(this, "checkedChanged");
+    }
+    checked = "unchecked";
+    value;
+    disabled;
+    inputName;
+    trackerId = "";
+    offsetFocusOutline = false;
+    checkedChanged;
+    get host() { return index.getElement(this); }
+    componentDidLoad() {
+        let input = this.host.shadowRoot.querySelector("input");
+        input.checked = this.checked == "checked";
+    }
+    handleClick = (e) => {
+        if (this.disabled) {
+            e.preventDefault();
+        }
+    };
+    handleKeyDown = (e) => {
+        if (e.key === "Enter") {
+            const input = this.host?.shadowRoot?.querySelector('input[type="checkbox"]');
+            if (input) {
+                input.click();
+            }
+        }
+    };
+    handleChange = (e) => {
+        if (this.disabled) {
+            e.preventDefault();
+        }
+        else {
+            let input = this.host.shadowRoot.querySelector("input");
+            if (this.checked == "unchecked") {
+                this.checked = "checked";
+            }
+            else {
+                this.checked = "unchecked";
+            }
+            let parameter = {
+                event: e,
+                sender: input,
+                value: this.value,
+                checked: this.checked,
+            };
+            this.checkedChanged.emit(parameter);
+        }
+    };
+    render() {
+        return (index.h(index.Host, { key: '85a149d7678d45bd5ad6bb59d262ba86d08579af' }, index.h("label", { key: '68ca88e53268c2860321593fa6c6892ac28bbb65', id: this.trackerId, class: this.getCssClassMap(), tabIndex: 0, onKeyDown: this.handleKeyDown }, index.h("slot", { key: '2e08b171b9eef0629fc40f3caa78f839f0a19382' }), index.h("input", { key: 'aca8c1ce047ca8da9c625d8a87387bb1ba223d00', type: "checkbox", tabIndex: -1, onClick: (e) => this.handleClick(e), checked: this.checked == "checked", name: this.inputName, value: this.value, onChange: (e) => this.handleChange(e) }), index.h("span", { key: '6e922e6b6684111045274208304e6b702c23908d', class: "check" }, index.h("span", { key: '37607a51aa124aa843de52c1b393bc9d75c9e501', class: "mark" }, index.h("icon-asset", { key: '2f51b911d876d8f6f0a326dcc38036b86b3491d1', type: "ptc", color: "white", size: "xx-small", name: "checkmark" }))))));
+    }
+    getCssClassMap() {
+        return {
+            ["ptc-checkbox"]: true,
+            ["disabled"]: this.disabled,
+            ["mf-listen"]: true,
+            ["offset-focus-outline"]: this.offsetFocusOutline,
+        };
+    }
+};
+PtcCheckbox.style = ptcCheckboxCss;
+exports.ptc_checkbox = PtcCheckbox;
+//# sourceMappingURL=ptc-checkbox.entry.cjs.js.map

package/dist/cjs/ptc-checkbox.entry.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ptc-checkbox.entry.cjs.js","sources":["src/components/atoms/ptc-checkbox/ptc-checkbox.scss?tag=ptc-checkbox&encapsulation=shadow","src/components/atoms/ptc-checkbox/ptc-checkbox.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\r\n\t.ptc-checkbox {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\tuser-select: none;\r\n\t\tcursor: pointer;\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-style: normal;\r\n\t\tcolor: var(--color-gray-12);\r\n\t\tpadding-left: var(--spacing-lg);\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: 1.375rem;\r\n\r\n\t\tinput {\r\n\t\t\tposition: absolute;\r\n\t\t\topacity: 0;\r\n\t\t\tcursor: pointer;\r\n\t\t\theight: 0;\r\n\t\t\twidth: 0;\r\n\t\t}\r\n\r\n\t\t.check {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\theight: 1.375rem;\r\n\t\t\twidth: 1.375rem;\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\tborder: 1px solid var(--color-gray-07);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tborder-radius: 4px;\r\n\r\n\t\t\t.mark {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttransition: opacity ease-out 250ms;\r\n\t\t\t\topacity: 0;\r\n\t\t\t\tleft: 3px;\r\n\t\t\t\ttop: 2px;\r\n\t\t\t\twidth: 1.375rem;\r\n\t\t\t\theight: 1.375rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tinput:checked ~ .check {\r\n\t\t\tbackground-color: var(--color-gray-12);\r\n\t\t}\r\n\r\n\t\tinput:checked ~ .check {\r\n\t\t\t.mark {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tinput ~ .check {\r\n\t\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\t}\r\n\r\n\t\t\tinput:checked ~ .check {\r\n\t\t\t\tbackground-color: var(--color-gray-12);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.disabled {\r\n\t\t\tcursor: not-allowed;\r\n\t\t\tcolor: var(--color-gray-04);\r\n\r\n\t\t\t.mark {\r\n\t\t\t\topacity: 0;\r\n\t\t\t}\r\n\r\n\t\t\t.check {\r\n\t\t\t\tbackground-color: var(--color-white);\r\n\t\t\t\tborder: 1px dashed var(--color-gray-04);\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tinput ~ .check {\r\n\t\t\t\t\tbackground-color: var(--color-white);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tinput:checked ~ .check {\r\n\t\t\t\t\tbackground-color: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\r\n\t\t&.offset-focus-outline {\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t\tmargin: 0 5px 0 5px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\th,\r\n\tHost,\r\n\tProp,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tElement,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-checkbox\",\r\n\tstyleUrl: \"ptc-checkbox.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcCheckbox {\r\n\t@Prop({ mutable: true }) checked: \"checked\" | \"unchecked\" = \"unchecked\";\r\n\t@Prop({ mutable: true }) value: string;\r\n\t@Prop({ mutable: true }) disabled: boolean;\r\n\t@Prop() inputName: string;\r\n\t@Prop() trackerId: string = \"\";\r\n\t@Prop() offsetFocusOutline: boolean = false;\r\n\t@Event() checkedChanged: EventEmitter;\r\n\t@Element() host: HTMLElement;\r\n\r\n\tcomponentDidLoad() {\r\n\t\tlet input = this.host.shadowRoot.querySelector(\"input\");\r\n\t\tinput.checked = this.checked == \"checked\";\r\n\t}\r\n\r\n\thandleClick = (e: Event) => {\r\n\t\tif (this.disabled) {\r\n\t\t\te.preventDefault();\r\n\t\t}\r\n\t};\r\n\r\n\thandleKeyDown = (e: KeyboardEvent) => {\r\n\t\tif (e.key === \"Enter\") {\r\n\t\t\tconst input =\r\n\t\t\t\tthis.host?.shadowRoot?.querySelector<HTMLInputElement>(\r\n\t\t\t\t\t'input[type=\"checkbox\"]',\r\n\t\t\t\t);\r\n\t\t\tif (input) {\r\n\t\t\t\tinput.click();\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\thandleChange = (e: Event) => {\r\n\t\tif (this.disabled) {\r\n\t\t\te.preventDefault();\r\n\t\t} else {\r\n\t\t\tlet input = this.host.shadowRoot.querySelector(\"input\");\r\n\r\n\t\t\tif (this.checked == \"unchecked\") {\r\n\t\t\t\tthis.checked = \"checked\";\r\n\t\t\t} else {\r\n\t\t\t\tthis.checked = \"unchecked\";\r\n\t\t\t}\r\n\r\n\t\t\tlet parameter = {\r\n\t\t\t\tevent: e,\r\n\t\t\t\tsender: input,\r\n\t\t\t\tvalue: this.value,\r\n\t\t\t\tchecked: this.checked,\r\n\t\t\t};\r\n\r\n\t\t\tthis.checkedChanged.emit(parameter);\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<label\r\n\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t\tclass={this.getCssClassMap()}\r\n\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\tonKeyDown={this.handleKeyDown}\r\n\t\t\t\t>\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t\t\tonClick={(e) => this.handleClick(e)}\r\n\t\t\t\t\t\tchecked={this.checked == \"checked\"}\r\n\t\t\t\t\t\tname={this.inputName}\r\n\t\t\t\t\t\tvalue={this.value}\r\n\t\t\t\t\t\tonChange={(e) => this.handleChange(e)}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<span class=\"check\">\r\n\t\t\t\t\t\t<span class=\"mark\">\r\n\t\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\t\tcolor=\"white\"\r\n\t\t\t\t\t\t\t\tsize=\"xx-small\"\r\n\t\t\t\t\t\t\t\tname=\"checkmark\"\r\n\t\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</label>\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[\"ptc-checkbox\"]: true,\r\n\t\t\t[\"disabled\"]: this.disabled,\r\n\t\t\t[\"mf-listen\"]: true,\r\n\t\t\t[\"offset-focus-outline\"]: this.offsetFocusOutline,\r\n\t\t};\r\n\t}\r\n}\r\n"],"names":["h","Host"],"mappings":"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"}

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

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