import{a as i,o as r,b as v,d as _,e as k,g as c,L as d,k as u,j as C,u as b,U as $,l as B}from"./index-oAtpp-VZ.js";const x={class:"dialog-container"},L={__name:"DialogComp",props:{open:Boolean},emits:["onOpen","onClose","onToggle"],setup(p,{expose:g,emit:f}){const o=i(null),l=i(),t=f;g({toggleDialog:e});const s=p;r(()=>{s.open===!0&&e(s.open)}),v(()=>{s.open===!0&&e(s.open)});function e(n){n?(o.value.showModal(),t("onOpen")):(o.value.close(),t("onClose")),l.value=n,t("onToggle")}return r(()=>{l.value=s.open,o.value.innerHTML.includes("form")&&o.value.querySelector("form").addEventListener("submit",()=>{e()})}),(n,a)=>(k(),_("div",x,[c("div",{class:"trigger",onClick:a[0]||(a[0]=m=>e(!0))},[d(n.$slots,"trigger")]),c("dialog",{ref_key:"dialog",ref:o,class:"mcrm-block block__dark"},[u(B,{class:"dialog__close p-0",variant:"ghost",size:"sm",tabindex:"-1",onClick:a[1]||(a[1]=m=>e(!1))},{default:C(()=>[u(b($))]),_:1}),d(n.$slots,"content")],512)]))}};export{L as _}; //# sourceMappingURL=DialogComp-CyRyORDj.js.map