https://www.bluettipower.ca/cdn/shop/t/47/assets/bluetti.modal.Bkm…?v=154556490711178190111789029742

1import{t as e}from"./bluetti.vendor.OdbWYEnF.min.js";class t{constructor({className:t={}}={}){this.el=null,this.className={content:e("bg-white rounded-lg max-w-lg w-full mx-4 shadow-lg transform overflow-hidden transition-transform duration-300 scale-90",null==t?void 0:t.content),header:e("flex justify-between px-6 py-4 items-center border-l-0 border-r-0 border-t-0 border-b border border-solid border-gray-200",null==t?void 0:t.header),body:e("text-gray-700 px-6 py-4",null==t?void 0:t.body),footer:e("px-6 py-4 border-l-0 border-r-0 border-b-0 border-t border border-solid border-gray-200",null==t?void 0:t.footer)},this.isClose=!0}setCloseOnOverlayClick(e){this.isClose=e}showModal({header:e="",content:t="",footer:s="",onClose:o=null}){this.closeModal(),this.el=document.createElement("div"),this.el.className="fixed inset-0 flex items-center justify-center bg-black/50 z-[9999999999] opacity-0 transition-opacity duration-300",this.el.addEventListener("click",e=>{e.target===this.el&&(this.closeModal(),o&&o())});const l=document.createElement("div");l.className=this.className.content;const r=document.createElement("div");r.className=this.className.header,r.innerHTML=e;const i=document.createElement("div");i.className=this.className.body,i.innerHTML=t;const d=document.createElement("div");d.className=this.className.footer,d.innerHTML=s,e&&l.appendChild(r),t&&l.appendChild(i),s&&l.appendChild(d),this.el.appendChild(l);const n=this.el.querySelectorAll('[id^="close-"], [class*="close-"]');return null==n||n.forEach(e=>{e.addEventListener("click",()=>{this.closeModal(),o&&o()})}),document.querySelector("custom-event")?document.querySelector("custom-event").appendChild(this.el):document.body.appendChild(this.el),document.body.style.overflow="hidden",window.requestAnimationFrame(()=>{this.el.classList.remove("opacity-0"),l.classList.remove("scale-90")}),this}closeModal(){if(this.isClose&&this.el){this.el.classList.add("opacity-0");const e=this.el.querySelector("div");e&&e.classList.add("scale-90"),document.body.style.overflow="auto",setTimeout(()=>{this.el&&(this.el.remove(),this.el=null)},300)}}}export{t as M};