@ionic/core
Version:
Base components for Ionic
4 lines • 1.04 kB
JavaScript
/*!
* (C) Ionic http://ionicframework.com - MIT License
*/
import{c as t}from"./p-7l6ENjIV.js";import{g as o}from"./p-Dk4Mdaru.js";import"./p-BpRUsN_W.js";import"./p-Co7eql8D.js";import"./p-Dojwmvde.js";const r=(r,i)=>{const s="40px",a="back"===i.direction,p=i.leavingEl,e=o(i.enteringEl),n=e.querySelector("ion-toolbar"),c=t();if(c.addElement(e).fill("both").beforeRemoveClass("ion-page-invisible"),a?c.duration((i.duration??0)||200).easing("cubic-bezier(0.47,0,0.745,0.715)"):c.duration((i.duration??0)||280).easing("cubic-bezier(0.36,0.66,0.04,1)").fromTo("transform",`translateY(${s})`,"translateY(0px)").fromTo("opacity",.01,1),n){const o=t();o.addElement(n),c.addAnimation(o)}if(p&&a){c.duration((i.duration??0)||200).easing("cubic-bezier(0.47,0,0.745,0.715)");const r=t();r.addElement(o(p)).onFinish((t=>{1===t&&r.elements.length>0&&r.elements[0].style.setProperty("display","none")})).fromTo("transform","translateY(0px)",`translateY(${s})`).fromTo("opacity",1,0),c.addAnimation(r)}return c};export{r as mdTransitionAnimation}