https://app.joypixels.com/build/assets/PopModal-B6zqYwUx.js

1import{n as d,D as v,h,H as w,J as k,c as S,o as i,a as g,w as B,e as _,g as x,L as z,u as C,K as b,b as u,O as I,A as M,T as N,M as T,I as E}from"./app-Bd0jZ4nk.js";import{l as L,c as f}from"./PopToast-BZZuRC-I.js";const O={class:"pop-modal-scroll-wrapper"},D={__name:"PopModal",props:{popped:Boolean,width:{type:String,default:"unset"},height:{type:String,default:"unset"},unpopOn:{type:String,default:"keydown.escape, !resize"},scroll:{type:String,default:"content"},persistent:{type:Boolean,default:!1},layerGroup:{type:Number,default:2},coverWhenSmall:{type:Boolean,default:!1},fill:{type:Boolean,default:!1}},emits:["pop","unpop"],setup(m,{emit:y}){const t=y,l=d(null);let a=d(0),s=null;v("unpop",()=>{n()});const e=m,n=()=>{t("unpop"),f.destroy(s)},r=()=>{a.value=L.assign(e.layerGroup),E(()=>{l.value.addEventListener("scroll",p,{passive:!1}),s=f.add(e.unpopOn,()=>{t("unpop")},!1,null,l.value)})},p=o=>{o.preventDefault()};return h(()=>e.popped,o=>o&&r()),w(()=>{e.popped&&r()}),k(()=>{document.removeEventListener("scroll",p)}),(o,c)=>(i(),S(T,{to:"body"},[g(N,{duration:{enter:300,leave:210}},{default:B(()=>[e.popped?(i(),_("div",{key:0,class:b(["pop-modal no-scroll-bars",{["scroll:"+e.scroll]:!0,[e.class]:e.class,"cover-when-small":e.coverWhenSmall,fill:e.fill}]),style:z({zIndex:C(a),"--w":e.width,"--h":e.height}),ref_key:"$el",ref:l,onClick:n},[u("div",O,[u("section",{class:"pop-modal-container",onClick:c[0]||(c[0]=I(()=>{},["stop"]))},[M(o.$slots,"default")])])],6)):x("",!0)]),_:3})]))}};export{D as _};