UNPKG

@salla.sa/twilight-components

Version:
5 lines 22.3 kB
/*! * Crafted with ❤ by Salla */ var defaultInstanceSettings={update:null,begin:null,loopBegin:null,changeBegin:null,change:null,changeComplete:null,loopComplete:null,complete:null,loop:1,direction:"normal",autoplay:true,timelineOffset:0};var defaultTweenSettings={duration:1e3,delay:0,endDelay:0,easing:"easeOutElastic(1, .5)",round:0};var validTransforms=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective","matrix","matrix3d"];var cache={CSS:{},springs:{}};function minMax(r,n,e){return Math.min(Math.max(r,n),e)}function stringContains(r,n){return r.indexOf(n)>-1}function applyArguments(r,n){return r.apply(null,n)}var is={arr:function(r){return Array.isArray(r)},obj:function(r){return stringContains(Object.prototype.toString.call(r),"Object")},pth:function(r){return is.obj(r)&&r.hasOwnProperty("totalLength")},svg:function(r){return r instanceof SVGElement},inp:function(r){return r instanceof HTMLInputElement},dom:function(r){return r.nodeType||is.svg(r)},str:function(r){return typeof r==="string"},fnc:function(r){return typeof r==="function"},und:function(r){return typeof r==="undefined"},nil:function(r){return is.und(r)||r===null},hex:function(r){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(r)},rgb:function(r){return/^rgb/.test(r)},hsl:function(r){return/^hsl/.test(r)},col:function(r){return is.hex(r)||is.rgb(r)||is.hsl(r)},key:function(r){return!defaultInstanceSettings.hasOwnProperty(r)&&!defaultTweenSettings.hasOwnProperty(r)&&r!=="targets"&&r!=="keyframes"}};function parseEasingParameters(r){var n=/\(([^)]+)\)/.exec(r);return n?n[1].split(",").map((function(r){return parseFloat(r)})):[]}function spring(r,n){var e=parseEasingParameters(r);var t=minMax(is.und(e[0])?1:e[0],.1,100);var a=minMax(is.und(e[1])?100:e[1],.1,100);var i=minMax(is.und(e[2])?10:e[2],.1,100);var u=minMax(is.und(e[3])?0:e[3],.1,100);var o=Math.sqrt(a/t);var s=i/(2*Math.sqrt(a*t));var f=s<1?o*Math.sqrt(1-s*s):0;var c=1;var v=s<1?(s*o+-u)/f:-u+o;function l(r){var e=n?n*r/1e3:r;if(s<1){e=Math.exp(-e*s*o)*(c*Math.cos(f*e)+v*Math.sin(f*e))}else{e=(c+v*e)*Math.exp(-e*o)}if(r===0||r===1){return r}return 1-e}function g(){var n=cache.springs[r];if(n){return n}var e=1/6;var t=0;var a=0;while(true){t+=e;if(l(t)===1){a++;if(a>=16){break}}else{a=0}}var i=t*e*1e3;cache.springs[r]=i;return i}return n?l:g}function steps(r){if(r===void 0)r=10;return function(n){return Math.ceil(minMax(n,1e-6,1)*r)*(1/r)}}var bezier=function(){var r=11;var n=1/(r-1);function e(r,n){return 1-3*n+3*r}function t(r,n){return 3*n-6*r}function a(r){return 3*r}function i(r,n,i){return((e(n,i)*r+t(n,i))*r+a(n))*r}function u(r,n,i){return 3*e(n,i)*r*r+2*t(n,i)*r+a(n)}function o(r,n,e,t,a){var u,o,s=0;do{o=n+(e-n)/2;u=i(o,t,a)-r;if(u>0){e=o}else{n=o}}while(Math.abs(u)>1e-7&&++s<10);return o}function s(r,n,e,t){for(var a=0;a<4;++a){var o=u(n,e,t);if(o===0){return n}var s=i(n,e,t)-r;n-=s/o}return n}function f(e,t,a,f){if(!(0<=e&&e<=1&&0<=a&&a<=1)){return}var c=new Float32Array(r);if(e!==t||a!==f){for(var v=0;v<r;++v){c[v]=i(v*n,e,a)}}function l(t){var i=0;var f=1;var v=r-1;for(;f!==v&&c[f]<=t;++f){i+=n}--f;var l=(t-c[f])/(c[f+1]-c[f]);var g=i+l*n;var m=u(g,e,a);if(m>=.001){return s(t,g,e,a)}else if(m===0){return g}else{return o(t,i,i+n,e,a)}}return function(r){if(e===t&&a===f){return r}if(r===0||r===1){return r}return i(l(r),t,f)}}return f}();var penner=function(){var r={linear:function(){return function(r){return r}}};var n={Sine:function(){return function(r){return 1-Math.cos(r*Math.PI/2)}},Expo:function(){return function(r){return r?Math.pow(2,10*r-10):0}},Circ:function(){return function(r){return 1-Math.sqrt(1-r*r)}},Back:function(){return function(r){return r*r*(3*r-2)}},Bounce:function(){return function(r){var n,e=4;while(r<((n=Math.pow(2,--e))-1)/11){}return 1/Math.pow(4,3-e)-7.5625*Math.pow((n*3-2)/22-r,2)}},Elastic:function(r,n){if(r===void 0)r=1;if(n===void 0)n=.5;var e=minMax(r,1,10);var t=minMax(n,.1,2);return function(r){return r===0||r===1?r:-e*Math.pow(2,10*(r-1))*Math.sin((r-1-t/(Math.PI*2)*Math.asin(1/e))*(Math.PI*2)/t)}}};var e=["Quad","Cubic","Quart","Quint"];e.forEach((function(r,e){n[r]=function(){return function(r){return Math.pow(r,e+2)}}}));Object.keys(n).forEach((function(e){var t=n[e];r["easeIn"+e]=t;r["easeOut"+e]=function(r,n){return function(e){return 1-t(r,n)(1-e)}};r["easeInOut"+e]=function(r,n){return function(e){return e<.5?t(r,n)(e*2)/2:1-t(r,n)(e*-2+2)/2}};r["easeOutIn"+e]=function(r,n){return function(e){return e<.5?(1-t(r,n)(1-e*2))/2:(t(r,n)(e*2-1)+1)/2}}}));return r}();function parseEasings(r,n){if(is.fnc(r)){return r}var e=r.split("(")[0];var t=penner[e];var a=parseEasingParameters(r);switch(e){case"spring":return spring(r,n);case"cubicBezier":return applyArguments(bezier,a);case"steps":return applyArguments(steps,a);default:return applyArguments(t,a)}}function selectString(r){try{var n=document.querySelectorAll(r);return n}catch(r){return}}function filterArray(r,n){var e=r.length;var t=arguments.length>=2?arguments[1]:void 0;var a=[];for(var i=0;i<e;i++){if(i in r){var u=r[i];if(n.call(t,u,i,r)){a.push(u)}}}return a}function flattenArray(r){return r.reduce((function(r,n){return r.concat(is.arr(n)?flattenArray(n):n)}),[])}function toArray(r){if(is.arr(r)){return r}if(is.str(r)){r=selectString(r)||r}if(r instanceof NodeList||r instanceof HTMLCollection){return[].slice.call(r)}return[r]}function arrayContains(r,n){return r.some((function(r){return r===n}))}function cloneObject(r){var n={};for(var e in r){n[e]=r[e]}return n}function replaceObjectProps(r,n){var e=cloneObject(r);for(var t in r){e[t]=n.hasOwnProperty(t)?n[t]:r[t]}return e}function mergeObjects(r,n){var e=cloneObject(r);for(var t in n){e[t]=is.und(r[t])?n[t]:r[t]}return e}function rgbToRgba(r){var n=/rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(r);return n?"rgba("+n[1]+",1)":r}function hexToRgba(r){var n=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;var e=r.replace(n,(function(r,n,e,t){return n+n+e+e+t+t}));var t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);var a=parseInt(t[1],16);var i=parseInt(t[2],16);var u=parseInt(t[3],16);return"rgba("+a+","+i+","+u+",1)"}function hslToRgba(r){var n=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(r)||/hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(r);var e=parseInt(n[1],10)/360;var t=parseInt(n[2],10)/100;var a=parseInt(n[3],10)/100;var i=n[4]||1;function u(r,n,e){if(e<0){e+=1}if(e>1){e-=1}if(e<1/6){return r+(n-r)*6*e}if(e<1/2){return n}if(e<2/3){return r+(n-r)*(2/3-e)*6}return r}var o,s,f;if(t==0){o=s=f=a}else{var c=a<.5?a*(1+t):a+t-a*t;var v=2*a-c;o=u(v,c,e+1/3);s=u(v,c,e);f=u(v,c,e-1/3)}return"rgba("+o*255+","+s*255+","+f*255+","+i+")"}function colorToRgb(r){if(is.rgb(r)){return rgbToRgba(r)}if(is.hex(r)){return hexToRgba(r)}if(is.hsl(r)){return hslToRgba(r)}}function getUnit(r){var n=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(r);if(n){return n[1]}}function getTransformUnit(r){if(stringContains(r,"translate")||r==="perspective"){return"px"}if(stringContains(r,"rotate")||stringContains(r,"skew")){return"deg"}}function getFunctionValue(r,n){if(!is.fnc(r)){return r}return r(n.target,n.id,n.total)}function getAttribute(r,n){return r.getAttribute(n)}function convertPxToUnit(r,n,e){var t=getUnit(n);if(arrayContains([e,"deg","rad","turn"],t)){return n}var a=cache.CSS[n+e];if(!is.und(a)){return a}var i=100;var u=document.createElement(r.tagName);var o=r.parentNode&&r.parentNode!==document?r.parentNode:document.body;o.appendChild(u);u.style.position="absolute";u.style.width=i+e;var s=i/u.offsetWidth;o.removeChild(u);var f=s*parseFloat(n);cache.CSS[n+e]=f;return f}function getCSSValue(r,n,e){if(n in r.style){var t=n.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();var a=r.style[n]||getComputedStyle(r).getPropertyValue(t)||"0";return e?convertPxToUnit(r,a,e):a}}function getAnimationType(r,n){if(is.dom(r)&&!is.inp(r)&&(!is.nil(getAttribute(r,n))||is.svg(r)&&r[n])){return"attribute"}if(is.dom(r)&&arrayContains(validTransforms,n)){return"transform"}if(is.dom(r)&&(n!=="transform"&&getCSSValue(r,n))){return"css"}if(r[n]!=null){return"object"}}function getElementTransforms(r){if(!is.dom(r)){return}var n=r.style.transform||"";var e=/(\w+)\(([^)]*)\)/g;var t=new Map;var a;while(a=e.exec(n)){t.set(a[1],a[2])}return t}function getTransformValue(r,n,e,t){var a=stringContains(n,"scale")?1:0+getTransformUnit(n);var i=getElementTransforms(r).get(n)||a;if(e){e.transforms.list.set(n,i);e.transforms["last"]=n}return t?convertPxToUnit(r,i,t):i}function getOriginalTargetValue(r,n,e,t){switch(getAnimationType(r,n)){case"transform":return getTransformValue(r,n,t,e);case"css":return getCSSValue(r,n,e);case"attribute":return getAttribute(r,n);default:return r[n]||0}}function getRelativeValue(r,n){var e=/^(\*=|\+=|-=)/.exec(r);if(!e){return r}var t=getUnit(r)||0;var a=parseFloat(n);var i=parseFloat(r.replace(e[0],""));switch(e[0][0]){case"+":return a+i+t;case"-":return a-i+t;case"*":return a*i+t}}function validateValue(r,n){if(is.col(r)){return colorToRgb(r)}if(/\s/g.test(r)){return r}var e=getUnit(r);var t=e?r.substr(0,r.length-e.length):r;if(n){return t+n}return t}function getDistance(r,n){return Math.sqrt(Math.pow(n.x-r.x,2)+Math.pow(n.y-r.y,2))}function getCircleLength(r){return Math.PI*2*getAttribute(r,"r")}function getRectLength(r){return getAttribute(r,"width")*2+getAttribute(r,"height")*2}function getLineLength(r){return getDistance({x:getAttribute(r,"x1"),y:getAttribute(r,"y1")},{x:getAttribute(r,"x2"),y:getAttribute(r,"y2")})}function getPolylineLength(r){var n=r.points;var e=0;var t;for(var a=0;a<n.numberOfItems;a++){var i=n.getItem(a);if(a>0){e+=getDistance(t,i)}t=i}return e}function getPolygonLength(r){var n=r.points;return getPolylineLength(r)+getDistance(n.getItem(n.numberOfItems-1),n.getItem(0))}function getTotalLength(r){if(r.getTotalLength){return r.getTotalLength()}switch(r.tagName.toLowerCase()){case"circle":return getCircleLength(r);case"rect":return getRectLength(r);case"line":return getLineLength(r);case"polyline":return getPolylineLength(r);case"polygon":return getPolygonLength(r)}}function setDashoffset(r){var n=getTotalLength(r);r.setAttribute("stroke-dasharray",n);return n}function getParentSvgEl(r){var n=r.parentNode;while(is.svg(n)){if(!is.svg(n.parentNode)){break}n=n.parentNode}return n}function getParentSvg(r,n){var e=n||{};var t=e.el||getParentSvgEl(r);var a=t.getBoundingClientRect();var i=getAttribute(t,"viewBox");var u=a.width;var o=a.height;var s=e.viewBox||(i?i.split(" "):[0,0,u,o]);return{el:t,viewBox:s,x:s[0]/1,y:s[1]/1,w:u,h:o,vW:s[2],vH:s[3]}}function getPath(r,n){var e=is.str(r)?selectString(r)[0]:r;var t=n||100;return function(r){return{property:r,el:e,svg:getParentSvg(e),totalLength:getTotalLength(e)*(t/100)}}}function getPathProgress(r,n,e){function t(e){if(e===void 0)e=0;var t=n+e>=1?n+e:0;return r.el.getPointAtLength(t)}var a=getParentSvg(r.el,r.svg);var i=t();var u=t(-1);var o=t(1);var s=e?1:a.w/a.vW;var f=e?1:a.h/a.vH;switch(r.property){case"x":return(i.x-a.x)*s;case"y":return(i.y-a.y)*f;case"angle":return Math.atan2(o.y-u.y,o.x-u.x)*180/Math.PI}}function decomposeValue(r,n){var e=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/g;var t=validateValue(is.pth(r)?r.totalLength:r,n)+"";return{original:t,numbers:t.match(e)?t.match(e).map(Number):[0],strings:is.str(r)||n?t.split(e):[]}}function parseTargets(r){var n=r?flattenArray(is.arr(r)?r.map(toArray):toArray(r)):[];return filterArray(n,(function(r,n,e){return e.indexOf(r)===n}))}function getAnimatables(r){var n=parseTargets(r);return n.map((function(r,e){return{target:r,id:e,total:n.length,transforms:{list:getElementTransforms(r)}}}))}function normalizePropertyTweens(r,n){var e=cloneObject(n);if(/^spring/.test(e.easing)){e.duration=spring(e.easing)}if(is.arr(r)){var t=r.length;var a=t===2&&!is.obj(r[0]);if(!a){if(!is.fnc(n.duration)){e.duration=n.duration/t}}else{r={value:r}}}var i=is.arr(r)?r:[r];return i.map((function(r,e){var t=is.obj(r)&&!is.pth(r)?r:{value:r};if(is.und(t.delay)){t.delay=!e?n.delay:0}if(is.und(t.endDelay)){t.endDelay=e===i.length-1?n.endDelay:0}return t})).map((function(r){return mergeObjects(r,e)}))}function flattenKeyframes(r){var n=filterArray(flattenArray(r.map((function(r){return Object.keys(r)}))),(function(r){return is.key(r)})).reduce((function(r,n){if(r.indexOf(n)<0){r.push(n)}return r}),[]);var e={};var t=function(t){var a=n[t];e[a]=r.map((function(r){var n={};for(var e in r){if(is.key(e)){if(e==a){n.value=r[e]}}else{n[e]=r[e]}}return n}))};for(var a=0;a<n.length;a++)t(a);return e}function getProperties(r,n){var e=[];var t=n.keyframes;if(t){n=mergeObjects(flattenKeyframes(t),n)}for(var a in n){if(is.key(a)){e.push({name:a,tweens:normalizePropertyTweens(n[a],r)})}}return e}function normalizeTweenValues(r,n){var e={};for(var t in r){var a=getFunctionValue(r[t],n);if(is.arr(a)){a=a.map((function(r){return getFunctionValue(r,n)}));if(a.length===1){a=a[0]}}e[t]=a}e.duration=parseFloat(e.duration);e.delay=parseFloat(e.delay);return e}function normalizeTweens(r,n){var e;return r.tweens.map((function(t){var a=normalizeTweenValues(t,n);var i=a.value;var u=is.arr(i)?i[1]:i;var o=getUnit(u);var s=getOriginalTargetValue(n.target,r.name,o,n);var f=e?e.to.original:s;var c=is.arr(i)?i[0]:f;var v=getUnit(c)||getUnit(s);var l=o||v;if(is.und(u)){u=f}a.from=decomposeValue(c,l);a.to=decomposeValue(getRelativeValue(u,c),l);a.start=e?e.end:0;a.end=a.start+a.delay+a.duration+a.endDelay;a.easing=parseEasings(a.easing,a.duration);a.isPath=is.pth(i);a.isPathTargetInsideSVG=a.isPath&&is.svg(n.target);a.isColor=is.col(a.from.original);if(a.isColor){a.round=1}e=a;return a}))}var setProgressValue={css:function(r,n,e){return r.style[n]=e},attribute:function(r,n,e){return r.setAttribute(n,e)},object:function(r,n,e){return r[n]=e},transform:function(r,n,e,t,a){t.list.set(n,e);if(n===t.last||a){var i="";t.list.forEach((function(r,n){i+=n+"("+r+") "}));r.style.transform=i}}};function setTargetsValue(r,n){var e=getAnimatables(r);e.forEach((function(r){for(var e in n){var t=getFunctionValue(n[e],r);var a=r.target;var i=getUnit(t);var u=getOriginalTargetValue(a,e,i,r);var o=i||getUnit(u);var s=getRelativeValue(validateValue(t,o),u);var f=getAnimationType(a,e);setProgressValue[f](a,e,s,r.transforms,true)}}))}function createAnimation(r,n){var e=getAnimationType(r.target,n.name);if(e){var t=normalizeTweens(n,r);var a=t[t.length-1];return{type:e,property:n.name,animatable:r,tweens:t,duration:a.end,delay:t[0].delay,endDelay:a.endDelay}}}function getAnimations(r,n){return filterArray(flattenArray(r.map((function(r){return n.map((function(n){return createAnimation(r,n)}))}))),(function(r){return!is.und(r)}))}function getInstanceTimings(r,n){var e=r.length;var t=function(r){return r.timelineOffset?r.timelineOffset:0};var a={};a.duration=e?Math.max.apply(Math,r.map((function(r){return t(r)+r.duration}))):n.duration;a.delay=e?Math.min.apply(Math,r.map((function(r){return t(r)+r.delay}))):n.delay;a.endDelay=e?a.duration-Math.max.apply(Math,r.map((function(r){return t(r)+r.duration-r.endDelay}))):n.endDelay;return a}var instanceID=0;function createNewInstance(r){var n=replaceObjectProps(defaultInstanceSettings,r);var e=replaceObjectProps(defaultTweenSettings,r);var t=getProperties(e,r);var a=getAnimatables(r.targets);var i=getAnimations(a,t);var u=getInstanceTimings(i,e);var o=instanceID;instanceID++;return mergeObjects(n,{id:o,children:[],animatables:a,animations:i,duration:u.duration,delay:u.delay,endDelay:u.endDelay})}var activeInstances=[];var engine=function(){var r;function n(){if(!r&&(!isDocumentHidden()||!anime.suspendWhenDocumentHidden)&&activeInstances.length>0){r=requestAnimationFrame(e)}}function e(n){var t=activeInstances.length;var a=0;while(a<t){var i=activeInstances[a];if(!i.paused){i.tick(n);a++}else{activeInstances.splice(a,1);t--}}r=a>0?requestAnimationFrame(e):undefined}function t(){if(!anime.suspendWhenDocumentHidden){return}if(isDocumentHidden()){r=cancelAnimationFrame(r)}else{activeInstances.forEach((function(r){return r._onDocumentVisibility()}));engine()}}if(typeof document!=="undefined"){document.addEventListener("visibilitychange",t)}return n}();function isDocumentHidden(){return!!document&&document.hidden}function anime(r){if(r===void 0)r={};var n=0,e=0,t=0;var a,i=0;var u=null;function o(r){var n=window.Promise&&new Promise((function(r){return u=r}));r.finished=n;return n}var s=createNewInstance(r);o(s);function f(){var r=s.direction;if(r!=="alternate"){s.direction=r!=="normal"?"normal":"reverse"}s.reversed=!s.reversed;a.forEach((function(r){return r.reversed=s.reversed}))}function c(r){return s.reversed?s.duration-r:r}function v(){n=0;e=c(s.currentTime)*(1/anime.speed)}function l(r,n){if(n){n.seek(r-n.timelineOffset)}}function g(r){if(!s.reversePlayback){for(var n=0;n<i;n++){l(r,a[n])}}else{for(var e=i;e--;){l(r,a[e])}}}function m(r){var n=0;var e=s.animations;var t=e.length;while(n<t){var a=e[n];var i=a.animatable;var u=a.tweens;var o=u.length-1;var f=u[o];if(o){f=filterArray(u,(function(n){return r<n.end}))[0]||f}var c=minMax(r-f.start-f.delay,0,f.duration)/f.duration;var v=isNaN(c)?1:f.easing(c);var l=f.to.strings;var g=f.round;var m=[];var h=f.to.numbers.length;var p=void 0;for(var d=0;d<h;d++){var b=void 0;var y=f.to.numbers[d];var T=f.from.numbers[d]||0;if(!f.isPath){b=T+v*(y-T)}else{b=getPathProgress(f.value,v*y,f.isPathTargetInsideSVG)}if(g){if(!(f.isColor&&d>2)){b=Math.round(b*g)/g}}m.push(b)}var M=l.length;if(!M){p=m[0]}else{p=l[0];for(var A=0;A<M;A++){var w=l[A+1];var I=m[A];if(!isNaN(I)){if(!w){p+=I+" "}else{p+=I+w}}}}setProgressValue[a.type](i.target,a.property,p,i.transforms);a.currentValue=p;n++}}function h(r){if(s[r]&&!s.passThrough){s[r](s)}}function p(){if(s.remaining&&s.remaining!==true){s.remaining--}}function d(r){var i=s.duration;var v=s.delay;var l=i-s.endDelay;var d=c(r);s.progress=minMax(d/i*100,0,100);s.reversePlayback=d<s.currentTime;if(a){g(d)}if(!s.began&&s.currentTime>0){s.began=true;h("begin")}if(!s.loopBegan&&s.currentTime>0){s.loopBegan=true;h("loopBegin")}if(d<=v&&s.currentTime!==0){m(0)}if(d>=l&&s.currentTime!==i||!i){m(i)}if(d>v&&d<l){if(!s.changeBegan){s.changeBegan=true;s.changeCompleted=false;h("changeBegin")}h("change");m(d)}else{if(s.changeBegan){s.changeCompleted=true;s.changeBegan=false;h("changeComplete")}}s.currentTime=minMax(d,0,i);if(s.began){h("update")}if(r>=i){e=0;p();if(!s.remaining){s.paused=true;if(!s.completed){s.completed=true;h("loopComplete");h("complete");if(!s.passThrough&&"Promise"in window){u();o(s)}}}else{n=t;h("loopComplete");s.loopBegan=false;if(s.direction==="alternate"){f()}}}}s.reset=function(){var r=s.direction;s.passThrough=false;s.currentTime=0;s.progress=0;s.paused=true;s.began=false;s.loopBegan=false;s.changeBegan=false;s.completed=false;s.changeCompleted=false;s.reversePlayback=false;s.reversed=r==="reverse";s.remaining=s.loop;a=s.children;i=a.length;for(var n=i;n--;){s.children[n].reset()}if(s.reversed&&s.loop!==true||r==="alternate"&&s.loop===1){s.remaining++}m(s.reversed?s.duration:0)};s._onDocumentVisibility=v;s.set=function(r,n){setTargetsValue(r,n);return s};s.tick=function(r){t=r;if(!n){n=t}d((t+(e-n))*anime.speed)};s.seek=function(r){d(c(r))};s.pause=function(){s.paused=true;v()};s.play=function(){if(!s.paused){return}if(s.completed){s.reset()}s.paused=false;activeInstances.push(s);v();engine()};s.reverse=function(){f();s.completed=s.reversed?false:true;v()};s.restart=function(){s.reset();s.play()};s.remove=function(r){var n=parseTargets(r);removeTargetsFromInstance(n,s)};s.reset();if(s.autoplay){s.play()}return s}function removeTargetsFromAnimations(r,n){for(var e=n.length;e--;){if(arrayContains(r,n[e].animatable.target)){n.splice(e,1)}}}function removeTargetsFromInstance(r,n){var e=n.animations;var t=n.children;removeTargetsFromAnimations(r,e);for(var a=t.length;a--;){var i=t[a];var u=i.animations;removeTargetsFromAnimations(r,u);if(!u.length&&!i.children.length){t.splice(a,1)}}if(!e.length&&!t.length){n.pause()}}function removeTargetsFromActiveInstances(r){var n=parseTargets(r);for(var e=activeInstances.length;e--;){var t=activeInstances[e];removeTargetsFromInstance(n,t)}}function stagger(r,n){if(n===void 0)n={};var e=n.direction||"normal";var t=n.easing?parseEasings(n.easing):null;var a=n.grid;var i=n.axis;var u=n.from||0;var o=u==="first";var s=u==="center";var f=u==="last";var c=is.arr(r);var v=c?parseFloat(r[0]):parseFloat(r);var l=c?parseFloat(r[1]):0;var g=getUnit(c?r[1]:r)||0;var m=n.start||0+(c?v:0);var h=[];var p=0;return function(r,n,d){if(o){u=0}if(s){u=(d-1)/2}if(f){u=d-1}if(!h.length){for(var b=0;b<d;b++){if(!a){h.push(Math.abs(u-b))}else{var y=!s?u%a[0]:(a[0]-1)/2;var T=!s?Math.floor(u/a[0]):(a[1]-1)/2;var M=b%a[0];var A=Math.floor(b/a[0]);var w=y-M;var I=T-A;var P=Math.sqrt(w*w+I*I);if(i==="x"){P=-w}if(i==="y"){P=-I}h.push(P)}p=Math.max.apply(Math,h)}if(t){h=h.map((function(r){return t(r/p)*p}))}if(e==="reverse"){h=h.map((function(r){return i?r<0?r*-1:-r:Math.abs(p-r)}))}}var x=c?(l-v)/p:v;return m+x*(Math.round(h[n]*100)/100)+g}}function timeline(r){if(r===void 0)r={};var n=anime(r);n.duration=0;n.add=function(e,t){var a=activeInstances.indexOf(n);var i=n.children;if(a>-1){activeInstances.splice(a,1)}function u(r){r.passThrough=true}for(var o=0;o<i.length;o++){u(i[o])}var s=mergeObjects(e,replaceObjectProps(defaultTweenSettings,r));s.targets=s.targets||r.targets;var f=n.duration;s.autoplay=false;s.direction=n.direction;s.timelineOffset=is.und(t)?f:getRelativeValue(t,f);u(n);n.seek(s.timelineOffset);var c=anime(s);u(c);i.push(c);var v=getInstanceTimings(i,r);n.delay=v.delay;n.endDelay=v.endDelay;n.duration=v.duration;n.seek(0);n.reset();if(n.autoplay){n.play()}return n};return n}anime.version="3.2.1";anime.speed=1;anime.suspendWhenDocumentHidden=true;anime.running=activeInstances;anime.remove=removeTargetsFromActiveInstances;anime.get=getOriginalTargetValue;anime.set=setTargetsValue;anime.convertPx=convertPxToUnit;anime.path=getPath;anime.setDashoffset=setDashoffset;anime.stagger=stagger;anime.timeline=timeline;anime.easing=parseEasings;anime.penner=penner;anime.random=function(r,n){return Math.floor(Math.random()*(n-r+1))+r};export{anime as a}; //# sourceMappingURL=anime.es-CgtvEd63.js.map