heightTransition-B41L-kGO.js

import{c as m,ah as f,b as y,co as s,W as c}from"./index-g7E65A_q.js";import{T as u}from"./transition-D8gKUgt_.js";const h=240,x=e=>{const[l,a]=m(0),o=()=>a(n=>n+1),r=()=>a(n=>n-1);return f(()=>{e.onRunningAnimations&&e.onRunningAnimations(l())}),y(u,{onBeforeEnter:o,onAfterEnter:r,onBeforeExit:o,onAfterExit:r,onEnter:async(n,i)=>{const t=n;t.style.height="0px",t.style.opacity="0",s(()=>{const g=t.scrollHeight;t.animate([{height:"0px",opacity:0,...e.scale&&{transform:"scale(0.95)",transformOrigin:"75% center"}},{height:`${g}px`,opacity:1,...e.scale&&{transform:"scale(1)"}}],{duration:c.isAvailable("animations")?h:0,easing:"ease-in-out"}).finished.then(()=>{t.style.removeProperty("height"),t.style.removeProperty("opacity"),i()})})},onExit:async(n,i)=>{s(()=>{n.animate([{height:`${n.scrollHeight}px`,opacity:1},{height:"0px",opacity:0}],{duration:c.isAvailable("animations")?h:0,fill:"forwards",easing:"ease-in-out"}).finished.then(i)})},get children(){return e.children}})};export{x as H};
//# sourceMappingURL=heightTransition-B41L-kGO.js.map