import{b as f,a as r,e as m,h as l,t as d,l as v,j as w,i as g,H as x,T as y,y as _,z as h}from"./vue-y3KLWBaS.js";import{aS as k,bz as z,n as B}from"./app-JmgyQoR0.js";const M=f({__name:"MkUrlPreviewPopup",props:{showing:{type:Boolean},url:{},source:{}},emits:["closed"],setup(c,{emit:i}){const o=c,p=i,u=k("middle");let s=r(0),a=r(0);return m(()=>{const e=o.source.getBoundingClientRect(),t=Math.max(e.left+o.source.offsetWidth/2-300/2,6)+window.pageXOffset,n=e.top+o.source.offsetHeight+window.pageYOffset;s.value=n,a.value=t}),(e,t)=>(l(),d("div",{class:"fgmtyycl",style:_({zIndex:h(u),top:s.value+"px",left:a.value+"px"})},[v(y,{name:e.$store.state.animation?"zoom":"",onAfterLeave:t[0]||(t[0]=n=>p("closed"))},{default:w(()=>[e.showing?(l(),g(z,{key:0,class:"_popup _shadow",url:e.url},null,8,["url"])):x("",!0)]),_:1},8,["name"])],4))}}),I=B(M,[["__scopeId","data-v-a30caac4"]]);export{I as default};
