alrdy-animate
Version:
A library to handle animations on scroll with GSAP integration.
1 lines • 2.92 kB
JavaScript
;(this.webpackChunkAlrdyAnimate=this.webpackChunkAlrdyAnimate||[]).push([[336],{960:(t,e,n)=>{function r(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==e);c=!0);}catch(t){u=!0,a=t}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(t,e)||function(t,e){if(t){if("string"==typeof t)return a(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?a(t,e):void 0}}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}function i(t,e){return{appear:function(e,n,a,i,o,l){return function(t,e,n,a,i,o,l){var c=r(l.split("-"),2),u=(c[0],c[1]);e.set(t,{x:0,y:0,opacity:1,clipPath:"none"});var s={opacity:0,y:"up"===u?"".concat(3*o,"rem"):"down"===u?"".concat(-3*o,"rem"):0,x:"left"===u?"".concat(3*o,"rem"):"right"===u?"".concat(-3*o,"rem"):0},p={opacity:1,y:0,x:0,duration:n,ease:a,delay:i};return e.timeline().fromTo(t,s,p)}(e,t,n,a,i,o,l)},reveal:function(e,n,a,i,o){return function(t,e,n,a,i,o){var l,c,u=r(o.split("-"),2),s=(u[0],u[1]);e.set(t,{x:0,y:0,opacity:1,clipPath:"none"});var p={up:{start:"inset(100% 0 0 0)",end:"inset(0% 0 0 0)"},down:{start:"inset(0 0 100% 0)",end:"inset(0 0 0% 0)"},left:{start:"inset(0 100% 0 0)",end:"inset(0 0% 0 0)"},right:{start:"inset(0 0 0 100%)",end:"inset(0 0 0 0%)"},center:{start:"circle(0% at 50% 50%)",end:"circle(150% at 50% 50%)"}};return e.timeline().fromTo(t,{clipPath:(null===(l=p[s])||void 0===l?void 0:l.start)||p.up.start,opacity:"center"===s?0:1},{clipPath:(null===(c=p[s])||void 0===c?void 0:c.end)||p.up.end,opacity:1,duration:n,ease:a,delay:i})}(e,t,n,a,i,o)},counter:function(e,n,a,i,o){return function(t,e,n,a,i,o){var l=r(o.split("-"),2),c=(l[0],l[1]),u=t.textContent,s=u.replace(/[,\.]/g,""),p=parseFloat(s),d=c?parseFloat(c):0,f=u.includes(","),y=u.includes(".");return isNaN(p)?(console.warn("Counter animation target must be a number"),e.timeline()):e.timeline().fromTo(t,{textContent:d},{textContent:p,duration:n,ease:a,delay:i,snap:{textContent:1},onUpdate:function(){var t=this.targets()[0].textContent;f?this.targets()[0].textContent=Number(t).toLocaleString("en-US").replace(/,/g,","):y&&(this.targets()[0].textContent=Number(t).toLocaleString("de-DE").replace(/\./g,"."))}})}(e,t,n,a,i,o)}}}n.r(e),n.d(e,{createAppearAnimations:()=>i})}}]);