https://db.brainofmaterials.com/build/assets/dialog-transition-DUA5R0kg.js

1import{E as e,N as t,R as n,a as r,n as i}from"./vue.runtime.esm-bundler-C9z_6Bg8.js";import{at as a,ht as o,kn as s,kt as c}from"./position-CbdkydQx.js";import{n as l,r as u}from"./forwardRefs-B7kchXv8.js";import{i as d,n as f,t as p}from"./easing-Cn1a6v1Y.js";r(),t();var m=o({target:[Object,Array]},`v-dialog-transition`),h=new WeakMap,g=a()({name:`VDialogTransition`,props:m(),setup(t,{slots:r}){let a={onBeforeEnter(e){e.style.pointerEvents=`none`,e.style.visibility=`hidden`},async onEnter(e,n){await new Promise(e=>requestAnimationFrame(e)),await new Promise(e=>requestAnimationFrame(e)),e.style.visibility=``;let r=v(t.target,e),{x:i,y:a,sx:o,sy:c,speed:u}=r;if(h.set(e,r),s())l(e,[{opacity:0},{}],{duration:125*u,easing:f}).finished.then(()=>n());else{let t=l(e,[{transform:`translate(${i}px, ${a}px) scale(${o}, ${c})`,opacity:0},{}],{duration:225*u,easing:f});_(e)?.forEach(e=>{l(e,[{opacity:0},{opacity:0,offset:.33},{}],{duration:450*u,easing:d})}),t.finished.then(()=>n())}},onAfterEnter(e){e.style.removeProperty(`pointer-events`)},onBeforeLeave(e){e.style.pointerEvents=`none`},async onLeave(e,n){await new Promise(e=>requestAnimationFrame(e));let r;r=!h.has(e)||Array.isArray(t.target)||t.target.offsetParent||t.target.getClientRects().length?v(t.target,e):h.get(e);let{x:i,y:a,sx:o,sy:c,speed:u}=r;s()?l(e,[{},{opacity:0}],{duration:85*u,easing:p}).finished.then(()=>n()):(l(e,[{},{transform:`translate(${i}px, ${a}px) scale(${o}, ${c})`,opacity:0}],{duration:125*u,easing:p}).finished.then(()=>n()),_(e)?.forEach(e=>{l(e,[{},{opacity:0,offset:.2},{opacity:0}],{duration:250*u,easing:d})}))},onAfterLeave(e){e.style.removeProperty(`pointer-events`)}};return()=>t.target?e(i,n({name:`dialog-transition`},a,{css:!1}),r):e(i,{name:`dialog-transition`},r)}});function _(e){let t=e.querySelector(`:scope > .v-card, :scope > .v-sheet, :scope > .v-list`)?.children;return t&&[...t]}function v(e,t){let n=c(e),r=u(t),[i,a]=getComputedStyle(t).transformOrigin.split(` `).map(e=>parseFloat(e)),[o,s]=getComputedStyle(t).getPropertyValue(`--v-overlay-anchor-origin`).split(` `),l=n.left+n.width/2;o===`left`||s===`left`?l-=n.width/2:(o===`right`||s===`right`)&&(l+=n.width/2);let d=n.top+n.height/2;o===`top`||s===`top`?d-=n.height/2:(o===`bottom`||s===`bottom`)&&(d+=n.height/2);let f=n.width/r.width,p=n.height/r.height,m=Math.max(1,f,p),h=f/m||0,g=p/m||0,_=r.width*r.height/(window.innerWidth*window.innerHeight),v=_>.12?Math.min(1.5,(_-.12)*10+1):1;return{x:l-(i+r.left),y:d-(a+r.top),sx:h,sy:g,speed:v}}export{g as t};