const e=require("./Mask.js"),t=require("./interface.js"),n=require("./MobilePopupInner.js"),r=require("./PopupInner.js");let i=require("vue");var a=(0,i.defineComponent)({compatConfig:{MODE:3},name:`Popup`,inheritAttrs:!1,props:t.popupProps,setup(t,{attrs:a,slots:o,expose:s}){let c=(0,i.shallowRef)(!1),l=(0,i.shallowRef)(!1),u=(0,i.shallowRef)(),d=(0,i.shallowRef)();return(0,i.watch)([()=>t.visible,()=>t.mobile],()=>{c.value=t.visible,t.visible&&t.mobile&&(l.value=!0)},{immediate:!0,flush:`post`}),s({forceAlign:()=>{u.value?.forceAlign()},getElement:()=>u.value?.getElement()}),()=>{let s={...t,...a,visible:c.value},f=l.value?(0,i.createVNode)(n.default,{...s,mobile:t.mobile,ref:u},{default:o.default}):(0,i.createVNode)(r.default,{...s,ref:u},{default:o.default});return(0,i.createVNode)(`div`,{ref:d},[(0,i.createVNode)(e.default,s,null),f])}}});exports.default=a;