https://www.ruangmenyala.com/_nuxt/BDzn7dSh.js

1import{d as e,K as s,H as a,s as o,f as t,w as l,an as d,ab as n,L as i,o as c,c as m,e as u,X as p,I as r,h as f,N as v,q as y,v as b}from"./D4OPVyYU.js";import{e as h,a as w}from"./OFpt5vGN.js";const _=e({__name:"Modal",props:i({size:{default:"md"},centered:{type:Boolean,default:!1},dismissible:{type:Boolean,default:!0}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:i(["show","close"],["update:modelValue"]),setup(e,{emit:i}){const _=s(e,"modelValue"),g=i,k=h(window);a(_,e=>{k.value=e,function(e){if(e){const e=function(){const e=document.createElement("div");Object.assign(e.style,{visibility:"hidden",overflow:"scroll",msOverflowStyle:"scrollbar",width:"100px",position:"absolute",top:"-9999px"}),document.body.appendChild(e);const s=document.createElement("div");s.style.width="100%",e.appendChild(s);const a=e.offsetWidth-s.offsetWidth;return e.remove(),a}();document.body.style.paddingRight=`${e}px`}else document.body.style.paddingRight="0"}(e)},{immediate:!0});const j=b(()=>[`modal__content--${e.size}`]),x=b(()=>e.centered?"modal--centered":null);function E(){e.dismissible&&(_.value=!1)}return w("keydown",e=>{"Escape"===e.key&&_.value&&(_.value=!1)}),(e,s)=>(c(),o(n,{to:"#teleports"},[t(d,{appear:"",name:"modal-backdrop",onEnter:s[0]||(s[0]=e=>g("show")),onLeave:s[1]||(s[1]=e=>g("close"))},{default:l(()=>[_.value?(c(),m("div",{key:0,class:r(["modal",f(x)]),onClick:v(E,["self"])},[u("div",{class:r(["modal__content",f(j)])},[p(e.$slots,"default")],2)],2)):y("",!0)]),_:3})]))}}),g=Object.assign(_,{__name:"UiModal"});export{g as _};