import{n as O,av as w,H as c,a7 as b,o as k,a2 as V,t,q as a,A as d,v as o,x as i,E as r,a4 as g,a3 as E,B as S,C as $,$ as N,_ as x}from"./C-p8iwFB.js";import{E as A}from"./0J232JST.js";const D={class:"animated modal d-block"},I={class:"modal-content cut-corners-medium-both"},K={class:"modal-header pb-0"},R={class:"w-100 d-flex justify-content-end m-4"},T={key:1,class:"modal-footer d-block pt-0"},j=O({__name:"MoleculeModal",props:{useOnlyMobileVersion:{type:Boolean},defaultOpen:{type:Boolean},defaultClose:{type:Boolean}},setup(y,{emit:h}){const u=w(),m=y,C=h,v=c(null),l=c(!1),n=c(!1),f=()=>{n.value=!0,l.value=!0,N(()=>{var e;(e=v.value)==null||e.focus(),setTimeout(()=>{l.value=!1},100)})};b(()=>m.defaultOpen,()=>{f()});const s=()=>{l.value||(n.value=!1,C(A.CLOSE))};b(()=>m.defaultClose,()=>{s()});const M=k(()=>!!u.content),p=k(()=>!!u.footer);return(e,_)=>{const B=V("click-outside");return a(),t("div",{class:d({"d-sm-none":e.useOnlyMobileVersion})},[o("div",{onClick:f},[r(e.$slots,"activator",{},void 0,!0)]),n.value?(a(),t("div",{key:0,ref_key:"modalRef",ref:v,tabindex:"-1",onKeydown:g(s,["esc"])},[_[0]||(_[0]=o("div",{class:"modal-backdrop show"},null,-1)),o("div",D,[o("div",{class:d(["modal-dialog",{"modal-dialog-centered modal-dialog-scrollable":!e.useOnlyMobileVersion}]),role:"dialog"},[E((a(),t("div",I,[o("div",K,[o("section",R,[o("button",{class:"close-button","aria-label":"Close",onClick:s},[S($,{name:"close"})])])]),M.value?(a(),t("div",{key:0,class:d(["modal-body pt-0",{"pb-16":p.value}])},[r(e.$slots,"content",{close:s},void 0,!0)],2)):i("",!0),p.value?(a(),t("div",T,[r(e.$slots,"footer",{},void 0,!0)])):i("",!0)])),[[B,s]])],2)])],544)):i("",!0)],2)}}}),F=x(j,[["__scopeId","data-v-5e7f7ae6"]]);export{F as M};
//# sourceMappingURL=BG_wbgW-.js.map