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