@slidy/animation/dist/index.mjs

Simple animation functions for inertion scrolling

var m=({child:n,translate:t})=>({opacity:n.exp,transform:t}),$=({child:n,translate:t})=>{let e=n.i===n.active,r=Math.abs(n.track)<=n.size,a=e?0:1,s=`${n.track/.5}px, 0`;return n.index===4&&console.log(n.index,r),{transform:e?`${t} translate(${s})`:`${t}`,zIndex:`${a}`}},k=({child:n,translate:t})=>{let r=n.i===n.active?n.active:n.i>n.active?n.active-n.i:n.i-n.active;return{opacity:String(n.exp),filter:`blur(${1-n.exp}ex`,transform:t,zIndex:String(r)}},z=({child:n,translate:t})=>({transform:`${t} scale(${n.exp})`}),g=({child:n,options:t,translate:e})=>{let a=n.index===t.index?0:-1;return{transform:`${e} rotate(${n.turn}turn)`,zIndex:String(a)}},A=({child:n,translate:t})=>({transform:`${t} perspective(${-n.turn}px)`}),I=({node:n,child:t,options:e,translate:r})=>{let a=Math.sign(t.track),s=Math.abs(t.track)<t.size&&t.i===t.active,o=Math.abs(t.track)<t.size/2?-t.track:Math.abs(t.track)-t.size,i=e.vertical?`0, ${-t.track}px`:`${o}px, ${a}px`,x=t.i===t.active?t.active:t.i>t.active?t.active-t.i:-(t.i-t.active+n.children.length);return{transform:s?`${r} translate(${i})`:`${r}`,zIndex:String(x)}},b=({translate:n})=>({transform:n}),F=({node:n,child:t,options:e})=>{let r=t.index===e.index,a=t.exp,s=-t.turn,c=-t.turn,o=t.exp,i=-e.position,x=-t.turn,u=r?n.children.length-t.index:t.index<e.index?t.index-n.children.length:n.children.length-t.index-1;return{transform:`matrix(${a}, ${s}, ${c}, ${o}, ${i}, ${x})`,zIndex:String(u)}},y=({node:n,child:t,options:e,translate:r})=>{n.style.perspective=`${n.offsetWidth}px`;let a=e.snap==="deck",c=t.i===t.active?t.active:t.i>t.active?t.active-t.i:t.i-n.children.length+1,o=a?`scale(${t.exp})`:`translateZ(${-Math.abs(t.track)}px)`;return{transform:r+o,zIndex:String(c)}},M=({node:n,child:t,options:e,translate:r})=>{n.style.perspective=`${n.offsetWidth}px`;let a=e.snap==="deck",s=t.turn/(a?-2:-4),c=e.vertical?`rotateX(${s}turn)`:`rotateY(${-s}turn)`,o=Math.abs(s)<.25;return{transform:r+c,zIndex:String(o?0:-1),opacity:String(o||!a?1:0)}},S=({node:n,child:t,options:e,translate:r})=>{n.style.perspective=`${n.offsetWidth}px`;let a=t.index===e.index,s=t.size/10,c=Math.abs(t.track*2)>=t.size/2,o=a?c?t.size+t.track:-t.track*2:-t.track/s,i=e.vertical?0:o,x=e.vertical?o:0,u=-Math.abs(t.track)/(s/2),p=a?-t.track/s:-t.track/(s*2),v=a?(t.size-Math.abs(t.track/2))/t.size:1,f=a?t.active:t.i>t.active?t.active-t.i:1-n.children.length-t.i;return{transform:r+`translate3d(${i}px, ${x}px, ${u}px) rotateZ(${p}deg) scale(${v})`,zIndex:String(f)}};export{k as blur,S as deck,m as fade,M as flip,F as matrix,A as perspective,g as rotate,z as scale,$ as shade,I as shuffle,y as stairs,b as translate};