alrdy-animate
Version:
A library to handle animations on scroll with GSAP integration.
1 lines • 5.06 kB
JavaScript
;(this.webpackChunkAlrdyAnimate=this.webpackChunkAlrdyAnimate||[]).push([[478],{646:(t,e,r)=>{function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}function i(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function o(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?i(Object(r),!0).forEach((function(e){a(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function a(t,e,r){return(e=function(t){var e=function(t){if("object"!=n(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=n(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==n(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function l(t){var e={duration:.5,stagger:.1,ease:"back.out"},r=1.2,n=.3,i="circ.out",a={duration:1,stagger:.08,ease:"power2.inOut"},l={duration:.4,stagger:.02,ease:"ease-out"};function u(e,r){return function(n,i,a,l,u,c,s){var f=function(e,r,n,i,a,l,u){var c=t.timeline(),s={duration:i,stagger:a,ease:u,delay:l,onStart:function(){e.hasAttribute("aa-scrub")||t.set(e,{visibility:"visible"})}};return"lines&words"===n?{tl:c,animate:function(t){r.lines.forEach((function(e,n){var i=r.words.filter((function(t){return e.contains(t)}));c.from(i,o(o({},s),t),n*a*3)}))}}:{tl:c,animate:function(t){c.from(r[n],o(o({},s),t))}}}(n,i,a,null!=l?l:r.duration,null!=u?u:r.stagger,c,null!=s?s:r.ease),p=f.tl;return(0,f.animate)(e),p}}return{slideUp:u({y:"110%",opacity:0},e),slideDown:u({y:"-110%",opacity:0},e),tiltUp:u({y:"110%",opacity:0,rotation:10,transformOrigin:"bottom left"},e),tiltDown:u({y:"-110%",opacity:0,rotation:-10,transformOrigin:"top left"},e),fadeUp:u({y:"150%",x:"-20",opacity:0},e),fadeSoft:u({opacity:.3},a),fade:u({opacity:0},a),blur:u({opacity:0,filter:"blur(10px)",scale:1.1},l),blurLeft:u({opacity:0,filter:"blur(10px)",x:30},l),blurRight:u({opacity:0,filter:"blur(10px)",x:-30},l),blurUp:u({opacity:0,filter:"blur(10px)",y:"110%"},l),blurDown:u({opacity:0,filter:"blur(10px)",y:"-110%"},l),rotateSoft:function(e,o,a,l,u,c,s){var f=t.timeline(),p=o[a],y=5*parseFloat(window.getComputedStyle(e).fontSize);return p.forEach((function(t){var e=document.createElement("div");e.classList.add("line-perspective-wrapper"),t.parentNode.insertBefore(e,t),e.appendChild(t)})),f.set(".line-perspective-wrapper",{transformStyle:"preserve-3d",perspective:y}).set(p,{transformOrigin:"50% 0%"}),f.from(p,{autoAlpha:0,rotateX:-90,y:"100%",scaleX:.75,duration:null!=l?l:r,stagger:null!=u?u:n,ease:null!=s?s:i,delay:c,onStart:function(){e.hasAttribute("aa-scrub")||t.set(e,{visibility:"visible"})}}),f}}}r.r(e),r.d(e,{createTextAnimations:()=>l})},479:(t,e,r)=>{r.r(e),r.d(e,{splitText:()=>o});var n=r(373);function i(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function o(t,e){var r,o,a,l={"lines&words":{type:"words,lines"},chars:{type:"chars,lines"},words:{type:"words,lines"},lines:{type:"lines"}},u=(null===(r=Object.entries(l).find((function(t){var r,n,o=(r=t,n=1,function(t){if(Array.isArray(t))return t}(r)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,i,o,a,l=[],u=!0,c=!1;try{if(o=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(l.push(n.value),l.length!==e);u=!0);}catch(t){c=!0,i=t}finally{try{if(!u&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw i}}return l}}(r,n)||function(t,e){if(t){if("string"==typeof t)return i(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?i(t,e):void 0}}(r,n)||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.")}())[0];return null==e?void 0:e.startsWith(o)})))||void 0===r?void 0:r[1])||l.lines,c=new n.A(t,u);return((null===(o=t.settings)||void 0===o||null===(o=o.animationType)||void 0===o?void 0:o.includes("-clip"))||(null===(a=t.getAttribute("aa-animate"))||void 0===a?void 0:a.includes("-clip")))&&c.lines&&c.lines.forEach((function(t){var e=document.createElement("div");e.classList.add("line-clip-wrapper"),t.parentNode.insertBefore(e,t),e.appendChild(t)})),{splitElements:{lines:c.lines||[],words:c.words||[],chars:c.chars||[]},splitInstance:c}}}}]);