import{f as _,h as b,y as c,E as k,r as g,o as a,l as h,b as f,w as m,c as r,G as V,a as o,q as C,i as B,J as p,n as T,j as y,P as $,T as E}from"./Cx8pZeM5.js";import{h as N}from"./DEPnEGCU.js";const q={key:0,class:"absolute -top-14 left-0 w-full flex-between z-10"},A={class:"xyz-nested",xyz:"down-5 fade"},D=o("i",{class:"i-heroicons-x-mark"},null,-1),K=[D],F=_({__name:"popup",props:{modelValue:{type:Boolean},loading:{type:Boolean}},emits:["update:modelValue"],setup(v,{emit:x}){const t=v,w=x,l=b({get(){return t.modelValue},set(s){if(t.loading){n.value=!0,setTimeout(()=>{n.value=!1},150);return}w("update:modelValue",s)}}),n=c(!1),i=c();return N(i,{initialValue:!0}),(s,e)=>{const d=k("XyzTransition"),z=g("ripple");return a(),h(E,{to:"body"},[f(d,{xyz:"fade"},{default:m(()=>[t.modelValue?(a(),r("article",{key:0,onClick:e[2]||(e[2]=V(u=>l.value=!1,["self"])),class:"fixed top-0 left-0 w-full h-screen z-100 bg-gray-600/70 flex-center"},[o("div",{class:C([{"animate-shake":B(n)},"xyz-nested relative mx-1"]),xyz:"down-5"},[f(d,{xyz:"fade down-5"},{default:m(()=>[t.loading?y("",!0):(a(),r("div",q,[o("div",A,[p(s.$slots,"subAction")]),T((a(),r("button",{onClick:e[0]||(e[0]=u=>l.value=!1),xyz:"down-5 fade",class:"xyz-nested w-12 aspect-square bg-gray-900/50 hover:bg-gray-900/80 backdrop-blur transition-background-color rounded-full flex-center text-3xl"},K)),[[z]])]))]),_:3}),o("main",{ref_key:"mainEl",ref:i,tabindex:"-1",onKeydown:e[1]||(e[1]=$(u=>l.value=!1,["esc"])),class:"relative z-20"},[p(s.$slots,"default")],544)],2)])):y("",!0)]),_:3})])}}});export{F as _};