tween24
Version:
Tween24.js is animation library that enables fast coding using method chains.
1 lines • 111 kB
JavaScript
!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var i=e();for(var n in i)("object"==typeof exports?exports:t)[n]=i[n]}}(this,(()=>(()=>{"use strict";var t={d:(e,i)=>{for(var n in i)t.o(i,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:i[n]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};t.r(e),t.d(e,{Button24:()=>$,ButtonTween24:()=>k,Ease24:()=>r,Event24:()=>A,Sort24:()=>M,Tween24:()=>x});var i,n=function(){function t(){var e=this;this.update=function(){var i=t.getTime(),n=!0;e._fps&&(n=e._checkInterval(e._fps,e._beforeTime,i),e._beforeTime=i);for(var r=e._firstTween;r;){var s=r.__next;r.__fps?e._checkInterval(r.__fps,r.__beforeTime,i)&&(r.__update(i),r.__beforeTime=i):n&&r.__update(i),r=s}e._running&&(e._timer=window.requestAnimationFrame(e.update))},this.getLastPLayTime=function(){return e._lastPlayTime},this._fps=0,this._timer=0,this._beforeTime=0,this._lastPlayTime=0,this._running=!1,this._firstTween=null,this._lastTween=null}return t.prototype.start=function(){var t=this;this._running=!0,this._timer=window.requestAnimationFrame((function(){t.update()}))},t.prototype.stop=function(){this._running=!1,window.cancelAnimationFrame(this._timer)},t.prototype.add=function(t){this._lastTween?(t.__prev=this._lastTween,this._lastTween.__next=t):this._firstTween=t,this._lastTween=t,this._running||this.start()},t.prototype.remove=function(t){t.__prev&&(t.__prev.__next=t.__next),t.__next&&(t.__next.__prev=t.__prev),this._firstTween==t&&(this._firstTween=t.__next),this._lastTween==t&&(this._lastTween=t.__prev),t.__prev=t.__next=null,this._firstTween||this.stop()},t.prototype.setPlayTIme=function(){return this._lastPlayTime=t.getTime(),this._lastPlayTime},Object.defineProperty(t.prototype,"fps",{set:function(t){this._fps=t},enumerable:!1,configurable:!0}),t.prototype._checkInterval=function(t,e,i){return i-e>=1e3/t},t.getTime=function(){return Date.now()||(new Date).getTime()},t}(),r=function(){function t(){}return t._Linear=function(t,e,i,n){return i*t/n+e},t._1_SineIn=function(t,e,i,n){return-i*Math.cos(t/n*(Math.PI/2))+i+e},t._1_SineOut=function(t,e,i,n){return i*Math.sin(t/n*(Math.PI/2))+e},t._1_SineInOut=function(t,e,i,n){return-i/2*(Math.cos(Math.PI*t/n)-1)+e},t._1_SineOutIn=function(t,e,i,n){return t<n/2?i/2*Math.sin(2*t/n*(Math.PI/2))+e:-i/2*Math.cos((2*t-n)/n*(Math.PI/2))+i/2+(e+i/2)},t._2_QuadIn=function(t,e,i,n){return i*(t/=n)*t+e},t._2_QuadOut=function(t,e,i,n){return-i*(t/=n)*(t-2)+e},t._2_QuadInOut=function(t,e,i,n){return(t/=n/2)<1?i/2*t*t+e:-i/2*(--t*(t-2)-1)+e},t._2_QuadOutIn=function(t,e,i,n){return t<n/2?-i/2*(t=2*t/n)*(t-2)+e:i/2*(t=(2*t-n)/n)*t+(e+i/2)},t._3_CubicIn=function(t,e,i,n){return i*(t/=n)*t*t+e},t._3_CubicOut=function(t,e,i,n){return i*((t=t/n-1)*t*t+1)+e},t._3_CubicInOut=function(t,e,i,n){return(t/=n/2)<1?i/2*t*t*t+e:i/2*((t-=2)*t*t+2)+e},t._3_CubicOutIn=function(t,e,i,n){return t<n/2?i/2*((t=2*t/n-1)*t*t+1)+e:i/2*(t=(2*t-n)/n)*t*t+e+i/2},t._4_QuartIn=function(t,e,i,n){return i*(t/=n)*t*t*t+e},t._4_QuartOut=function(t,e,i,n){return-i*((t=t/n-1)*t*t*t-1)+e},t._4_QuartInOut=function(t,e,i,n){return(t/=n/2)<1?i/2*t*t*t*t+e:-i/2*((t-=2)*t*t*t-2)+e},t._4_QuartOutIn=function(t,e,i,n){return t<n/2?-i/2*((t=2*t/n-1)*t*t*t-1)+e:i/2*(t=(2*t-n)/n)*t*t*t+(e+i/2)},t._5_QuintIn=function(t,e,i,n){return i*(t/=n)*t*t*t*t+e},t._5_QuintOut=function(t,e,i,n){return i*((t=t/n-1)*t*t*t*t+1)+e},t._5_QuintInOut=function(t,e,i,n){return(t/=n/2)<1?i/2*t*t*t*t*t+e:i/2*((t-=2)*t*t*t*t+2)+e},t._5_QuintOutIn=function(t,e,i,n){return t<n/2?i/2*((t=2*t/n-1)*t*t*t*t+1)+e:i/2*(t=(2*t-n)/n)*t*t*t*t+(e+i/2)},t._6_ExpoIn=function(t,e,i,n){return 0==t?e:i*Math.pow(2,10*(t/n-1))+e},t._6_ExpoOut=function(t,e,i,n){return t==n?e+i:i*(1-Math.pow(2,-10*t/n))+e},t._6_ExpoInOut=function(t,e,i,n){return 0==t?e:t==n?e+i:(t/=n/2)<1?i/2*Math.pow(2,10*(t-1))+e:i/2*(2-Math.pow(2,-10*--t))+e},t._6_ExpoOutIn=function(t,e,i,n){return t<n/2?2*t==n?e+i/2:i/2*(1-Math.pow(2,-10*t*2/n))+e:2*t-n==0?e+i/2:i/2*Math.pow(2,10*((2*t-n)/n-1))+e+i/2},t._7_CircIn=function(t,e,i,n){return-i*(Math.sqrt(1-(t/=n)*t)-1)+e},t._7_CircOut=function(t,e,i,n){return i*Math.sqrt(1-(t=t/n-1)*t)+e},t._7_CircInOut=function(t,e,i,n){return(t/=n/2)<1?-i/2*(Math.sqrt(1-t*t)-1)+e:i/2*(Math.sqrt(1-(t-=2)*t)+1)+e},t._7_CircOutIn=function(t,e,i,n){return t<n/2?i/2*Math.sqrt(1-(t=2*t/n-1)*t)+e:-i/2*(Math.sqrt(1-(t=(2*t-n)/n)*t)-1)+(e+i/2)},t._BackInWith=function(t){return void 0===t&&(t=1.70158),function(e,i,n,r){return n*(e/=r)*e*((t+1)*e-t)+i}},t._BackOutWith=function(t){return void 0===t&&(t=1.70158),function(e,i,n,r){return n*((e=e/r-1)*e*((t+1)*e+t)+1)+i}},t._BackInOutWith=function(t){return void 0===t&&(t=1.70158),function(e,i,n,r){return(e/=r/2)<1?n/2*(e*e*((1.525*t+1)*e-1.525*t))+i:n/2*((e-=2)*e*((1.525*t+1)*e+1.525*t)+2)+i}},t._BackOutInWith=function(t){return void 0===t&&(t=1.70158),function(e,i,n,r){return e<r/2?n/2*((e=2*e/r-1)*e*((t+1)*e+t)+1)+i:n/2*(e=(2*e-r)/r)*e*((t+1)*e-t)+(i+n/2)}},t._BounceIn=function(t,e,i,n){return(t=(n-t)/n)<1/2.75?i-i*(7.5625*t*t)+e:t<2/2.75?i-i*(7.5625*(t-=1.5/2.75)*t+.75)+e:t<2.5/2.75?i-i*(7.5625*(t-=2.25/2.75)*t+.9375)+e:i-i*(7.5625*(t-=2.625/2.75)*t+.984375)+e},t._BounceOut=function(t,e,i,n){return(t/=n)<1/2.75?i*(7.5625*t*t)+e:t<2/2.75?i*(7.5625*(t-=1.5/2.75)*t+.75)+e:t<2.5/2.75?i*(7.5625*(t-=2.25/2.75)*t+.9375)+e:i*(7.5625*(t-=2.625/2.75)*t+.984375)+e},t._BounceInOut=function(t,e,i,n){return t<n/2?(t=(n-2*t)/n)<1/2.75?.5*(i-i*(7.5625*t*t))+e:t<2/2.75?.5*(i-i*(7.5625*(t-=1.5/2.75)*t+.75))+e:t<2.5/2.75?.5*(i-i*(7.5625*(t-=2.25/2.75)*t+.9375))+e:.5*(i-i*(7.5625*(t-=2.625/2.75)*t+.984375))+e:(t=(2*t-n)/n)<1/2.75?i*(7.5625*t*t)*.5+.5*i+e:t<2/2.75?i*(7.5625*(t-=1.5/2.75)*t+.75)*.5+.5*i+e:t<2.5/2.75?i*(7.5625*(t-=2.25/2.75)*t+.9375)*.5+.5*i+e:i*(7.5625*(t-=2.625/2.75)*t+.984375)*.5+.5*i+e},t._BounceOutIn=function(t,e,i,n){return t<n/2?(t=2*t/n)<1/2.75?i/2*(7.5625*t*t)+e:t<2/2.75?i/2*(7.5625*(t-=1.5/2.75)*t+.75)+e:t<2.5/2.75?i/2*(7.5625*(t-=2.25/2.75)*t+.9375)+e:i/2*(7.5625*(t-=2.625/2.75)*t+.984375)+e:(t=(n-(2*t-n))/n)<1/2.75?i/2-i/2*(7.5625*t*t)+(e+i/2):t<2/2.75?i/2-i/2*(7.5625*(t-=1.5/2.75)*t+.75)+(e+i/2):t<2.5/2.75?i/2-i/2*(7.5625*(t-=2.25/2.75)*t+.9375)+(e+i/2):i/2-i/2*(7.5625*(t-=2.625/2.75)*t+.984375)+(e+i/2)},t._ElasticInWith=function(t,e){return void 0===t&&(t=0),void 0===e&&(e=0),function(i,n,r,s){return 0==(i/=1e3)?n:1==(i/=s/=1e3)?n+r:(e||(e=.3*s),!t||t<Math.abs(r)?(t=r,a=e/4):a=e/(2*Math.PI)*Math.asin(r/t),-t*Math.pow(2,10*(i-=1))*Math.sin((i*s-a)*(2*Math.PI)/e)+n);var a}},t._ElasticOutWith=function(t,e){return void 0===t&&(t=0),void 0===e&&(e=0),function(i,n,r,s){return 0==(i/=1e3)?n:1==(i/=s/=1e3)?n+r:(e||(e=.3*s),!t||t<Math.abs(r)?(t=r,a=e/4):a=e/(2*Math.PI)*Math.asin(r/t),t*Math.pow(2,-10*i)*Math.sin((i*s-a)*(2*Math.PI)/e)+r+n);var a}},t._ElasticInOutWith=function(t,e){return void 0===t&&(t=0),void 0===e&&(e=0),function(i,n,r,s){return 0==(i/=1e3)?n:2==(i/=(s/=1e3)/2)?n+r:(e||(e=s*(.3*1.5)),!t||t<Math.abs(r)?(t=r,a=e/4):a=e/(2*Math.PI)*Math.asin(r/t),i<1?t*Math.pow(2,10*(i-=1))*Math.sin((i*s-a)*(2*Math.PI)/e)*-.5+n:t*Math.pow(2,-10*(i-=1))*Math.sin((i*s-a)*(2*Math.PI)/e)*.5+r+n);var a}},t._ElasticOutInWith=function(t,e){return void 0===t&&(t=0),void 0===e&&(e=0),function(i,n,r,s){var a;return r/=2,(i/=1e3)<(s/=1e3)/2?0==(i*=2)?n:1==(i/=s)?n+r:(e||(e=.3*s),!t||t<Math.abs(r)?(t=r,a=e/4):a=e/(2*Math.PI)*Math.asin(r/t),t*Math.pow(2,-10*i)*Math.sin((i*s-a)*(2*Math.PI)/e)+r+n):0==(i=2*i-s)?n+r:1==(i/=s)?n+r+r:(e||(e=.3*s),!t||t<Math.abs(r)?(t=r,a=e/4):a=e/(2*Math.PI)*Math.asin(r/t),-t*Math.pow(2,10*(i-=1))*Math.sin((i*s-a)*(2*Math.PI)/e)+(n+r))}},t._Blend=function(t,e,i,n,r){return void 0===n&&(n=0),void 0===r&&(r=1),function(s,a,o,_){var l=t(s,a,o,_);return l+(e(s,a,o,_)-l)*(i(s,a,o,_)*(r-n)+n)}},t.blend=function(t,e,i,n,r){return void 0===n&&(n=0),void 0===r&&(r=1),function(s,a,o,_){var l=t(s,a,o,_);return l+(e(s,a,o,_)-l)*(i(s,a,o,_)*(r-n)+n)}},t._getQuadraticRoots=function(t,e,i){var n=[];if(!t)return e?(n[0]=-i/e,n):[];var r=e*e-4*t*i,s=r>0?1:r<0?-1:0;if(s<0)return[];if(s){n[0]=n[1]=-e/(2*t);var a=Math.sqrt(r)/(2*t);n[0]-=a,n[1]+=a}else n[0]=-e/(2*t);return n},t._BackIn=t._BackInWith(),t._BackOut=t._BackOutWith(),t._BackInOut=t._BackInOutWith(),t._BackOutIn=t._BackOutInWith(),t._ElasticIn=t._ElasticInWith(),t._ElasticOut=t._ElasticOutWith(),t._ElasticInOut=t._ElasticInOutWith(),t._ElasticOutIn=t._ElasticOutInWith(),t._set=function(e,i){t._customEasingById||(t._customEasingById=new Map),t._customEasingById.set(e,i)},t.get=function(e){var i;return null===(i=t._customEasingById)||void 0===i?void 0:i.get(e)},t.clear=function(e){var i;null===(i=t._customEasingById)||void 0===i||i.delete(e)},t.create=function(e,i){var n=(i="0,0,"+i.trim()+",1,1").replace(/[CM]/g,"").replace(/ /g,",").split(","),r=[];if(n.length%3!=0)return console.log("Tween24 Warning: Incorrect parameter format for custom easing."),t._Linear;for(var s=0;s<n.length;s+=6)r.push({pre:[n[s],n[s+1]],point:[n[s+2],n[s+3]],post:[n[s+4],n[s+5]]});var a=t._custom(r);return e&&t._set(e,a),a},t._custom=function(e){return function(i,n,r,a){for(var o=0;o<e.length-1;o++)if(i/a>=e[o].point[0]&&i/a<=e[o+1].point[0])return r*t._getYForX(i/a,new s(e[o].point[0],e[o].point[1]),new s(e[o].post[0],e[o].post[1]),new s(e[o+1].pre[0],e[o+1].pre[1]),new s(e[o+1].point[0],e[o+1].point[1]))+n;return NaN}},t._getYForX=function(e,i,n,r,s){if(i.x<s.x){if(e<=i.x+1e-16)return i.y;if(e>=s.x-1e-16)return s.y}else{if(e>=i.x+1e-16)return i.y;if(e<=s.x-1e-16)return s.y}var a=t._getCubicCoefficients(i.x,n.x,r.x,s.x),o=t._getCubicRoots(a[0],a[1],a[2],a[3]-e),_=NaN;if(0==o.length)_=0;else if(1==o.length)_=o[0];else for(var l=0,u=o;l<u.length;l++){var p=u[l];if(0<=p&&p<=1){_=p;break}}return isNaN(_)?NaN:t._getSingleValue(_,i.y,n.y,r.y,s.y)},t._getCubicCoefficients=function(t,e,i,n){return[3*e-t-3*i+n,3*t-6*e+3*i,-3*t+3*e,t]},t._getCubicRoots=function(e,i,n,r){if(void 0===e&&(e=0),void 0===i&&(i=0),void 0===n&&(n=0),void 0===r&&(r=0),!e)return t._getQuadraticRoots(i,n,r);1!=e&&(i/=e,n/=e,r/=e);var s=(i*i-3*n)/9,a=s*s*s,o=(2*i*i*i-9*i*n+27*r)/54,_=a-o*o;if(_>=0){if(!s)return[0];var l=Math.acos(o/Math.sqrt(a)),u=Math.sqrt(s);return[-2*u*Math.cos(l/3)-i/3,-2*u*Math.cos((l+2*Math.PI)/3)-i/3,-2*u*Math.cos((l+4*Math.PI)/3)-i/3]}var p=Math.pow(Math.sqrt(-_)+Math.abs(o),1/3);return[-(o>0?1:o<0?-1:0)*(p+s/p)-i/3]},t._getSingleValue=function(t,e,i,n,r){return void 0===e&&(e=0),void 0===i&&(i=0),void 0===n&&(n=0),void 0===r&&(r=0),(t*t*(r-e)+3*(1-t)*(t*(n-e)+(1-t)*(i-e)))*t+e},t}(),s=function(){function t(t,e){void 0===t&&(t=0),void 0===e&&(e=0),this._x=Number(t),this._y=Number(e)}return Object.defineProperty(t.prototype,"x",{get:function(){return this._x},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"y",{get:function(){return this._y},enumerable:!1,configurable:!0}),t}(),a=function(){function t(){}return t.PLAY="play",t.MANUAL_PLAY="manual_play",t.INIT="init",t.UPDATE="update",t.COMPLATE="complate",t.PAUSE="pause",t.RESUME="resume",t.SKIP="skip",t.STOP="stop",t}(),o=function(){function t(t,e,i){var n=this;this.setUnit=function(t){n._unit=t},this.unActive=function(){n._isActive=!1},this._key=t,this._target=e,this._start=NaN,this._delta=NaN,this._value=NaN,this._unit="",this._$value=NaN,this._$$value=NaN,this._bezier=null,this._originalValue=i,this._isActive=!1}return t.prototype.init=function(t){this._isActive=!0,isNaN(this._$$value)||(this._target=t+this._$$value),this._start=t,this._delta=this._target-t+(this._$value||0),this._value=this._start},t.prototype.update=function(t){return this._bezier?this._value=this.getBezier(this._start,this._target,t,this._bezier):this._value=this._start+this._delta*t,this._value=Math.round(1e5*this._value)/1e5,this._value},t.prototype.getDelta=function(){return this._delta},t.prototype.set$value=function(t){this._$value=t},t.prototype.set$$value=function(t){this._$$value=t},t.prototype.setBezier=function(t){this._bezier||(this._bezier=[]),this._bezier.push(t)},t.prototype.clone=function(e){void 0===e&&(e=NaN);var i=new t(this._key,e||this._target,this._originalValue);return i.setUnit(this.unit),i},t.prototype.toString=function(){return isNaN(this._$value)?isNaN(this._$$value)?"".concat(this._key,":").concat(this._target).concat(this._unit):"$$".concat(this._key,":").concat(this._$$value).concat(this._unit):"$".concat(this._key,":").concat(this._$value).concat(this._unit)},t.prototype.getBezier=function(t,e,i,n){if(1==i)return e;if(1==n.length)return t+i*(2*(1-i)*(n[0]-t)+i*(e-t));var r,s,a=Math.floor(i*n.length),o=(i-a*(1/n.length))*n.length;return 0==a?(r=t,s=(n[0]+n[1])/2):a==n.length-1?(r=(n[a-1]+n[a])/2,s=e):(r=(n[a-1]+n[a])/2,s=(n[a]+n[a+1])/2),r+o*(2*(1-o)*(n[a]-r)+o*(s-r))},Object.defineProperty(t.prototype,"key",{get:function(){return this._key},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"target",{get:function(){return this._target},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"unit",{get:function(){return this._unit},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"bezier",{get:function(){return this._bezier},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"originalValue",{get:function(){return this._originalValue},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isActive",{get:function(){return this._isActive},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"param",{get:function(){return this._value+this.unit},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"targetParam",{get:function(){return this._target+this.unit},enumerable:!1,configurable:!0}),t.RELATIVE_AT_SETTING="relative_at_setting",t.RELATIVE_AT_RUNNING="relative_at_running",t}(),_=function(){return _=Object.assign||function(t){for(var e,i=1,n=arguments.length;i<n;i++)for(var r in e=arguments[i])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t},_.apply(this,arguments)},l=function(){function t(t){this._target=t,this._keys=[],this._tweenKeys=null,this._paramUpdaters={}}return t.prototype.addProp=function(t,e,i){var n;if(void 0===i&&(i=null),i)switch(n=new o(t,this._target[t],e),i){case o.RELATIVE_AT_SETTING:n.set$value(e);break;case o.RELATIVE_AT_RUNNING:n.set$$value(e)}else n=new o(t,e,e);this._paramUpdaters[t]=n,this._keys.push(t)},t.prototype.addPropStr=function(t,e){},t.prototype.setBezier=function(t,e){var i="x",n="y";this._paramUpdaters[i]||(this._paramUpdaters[i]=new o(i,this._target[i],NaN),this._keys.push(i)),this._paramUpdaters[n]||(this._paramUpdaters[n]=new o(n,this._target[n],NaN),this._keys.push(n)),this._paramUpdaters[i].setBezier(t),this._paramUpdaters[n].setBezier(e)},t.prototype.init=function(t){this._tweenKeys=this._keys.concat();for(var e=0,i=this._tweenKeys;e<i.length;e++){var n=i[e];"x"==n?this._paramUpdaters.x.init(this._target.x):"y"==n?this._paramUpdaters.y.init(this._target.y):"z"==n?this._paramUpdaters.z.init(this._target.z):this._paramUpdaters[n].init(this._target[n])}},t.prototype.update=function(t){if(this._tweenKeys)for(var e=0,i=this._tweenKeys;e<i.length;e++){var n=i[e];"x"==n?this._target.x=this._paramUpdaters.x.update(t):"y"==n?this._target.y=this._paramUpdaters.y.update(t):"z"==n?this._target.z=this._paramUpdaters.z.update(t):this._target[n]=this._paramUpdaters[n].update(t)}},t.prototype.overwrite=function(t){if(this._target==t._target){var e=t._tweenKeys;if(this._tweenKeys&&e)for(var i=0,n=e;i<n.length;i++){var r=n[i],s=this._tweenKeys.indexOf(r);s>-1&&this._tweenKeys.splice(s,1)}}},t.prototype.getMaxAbsDelta=function(){var t=[],e=0,i=0,n=0;for(var r in this._paramUpdaters)"x"==r?e=this._paramUpdaters.x.getDelta():"y"==r?i=this._paramUpdaters.y.getDelta():"z"==r?n=this._paramUpdaters.z.getDelta():t.push(Math.abs(this._paramUpdaters[r].getDelta()));return t.push(Math.sqrt(e*e+i*i+n*n)),Math.max.apply(Math,t)},t.prototype.clone=function(e){void 0===e&&(e=this._target);var i=new t(e);return i._paramUpdaters=_({},this._paramUpdaters),i._keys=function(t,e,i){if(i||2===arguments.length)for(var n,r=0,s=e.length;r<s;r++)!n&&r in e||(n||(n=Array.prototype.slice.call(e,0,r)),n[r]=e[r]);return t.concat(n||Array.prototype.slice.call(e))}([],this._keys,!0),i},t.prototype.toString=function(){for(var t,e,i="",n=0,r=this._keys;n<r.length;n++){var s=r[n];i+=this._paramUpdaters[s].toString()+" "}var a=null===(t=this._paramUpdaters.x)||void 0===t?void 0:t.bezier,o=null===(e=this._paramUpdaters.y)||void 0===e?void 0:e.bezier;if(a&&o){i+="bezier:";for(var _=0;_<a.length;_++)i+="(".concat(a[_],", ").concat(o[_],")");i+=" "}return i.trim()},t.prototype.complete=function(){},t.className="ObjectUpdater",t}(),u=function(){function t(){this._skewX=0,this._skewY=0,this._scaleX=0,this._scaleY=0,this._rotation=0,this.a=1,this.b=0,this.c=0,this.d=1,this.tx=0,this.ty=0}return t.prototype.setMatrixByCSSTransform=function(t){var e=t.match(/matrix\((.*)\)/);if(e){var i=e[1].replace(/ /g,"").split(",");this.a=parseFloat(i[0]),this.b=parseFloat(i[1]),this.c=parseFloat(i[2]),this.d=parseFloat(i[3]),this.tx=parseFloat(i[4]),this.ty=parseFloat(i[5]),this._scaleX=Math.sqrt(this.a*this.a+this.b*this.b),this._scaleY=Math.sqrt(this.d*this.d+this.c*this.c),this._rotation=this.a||this.b?Math.atan2(this.b,this.a):0,this._skewX=this.c||this.d?Math.atan2(this.c,this.d)+this._rotation:0,this._skewY=0,this._skewX&&(this._scaleY*=Math.cos(this._skewX))}},t.prototype.updateMatrix=function(){var t,e=this._skewY,i=this._skewX+e,n=this._rotation+e;this.a=Math.cos(n)*this._scaleX,this.b=Math.sin(n)*this._scaleX,this.c=Math.sin(n-i)*-this._scaleY,this.d=Math.cos(n-i)*this._scaleY,i&&(t=Math.tan(i-e),t=Math.sqrt(1+t*t),this.c*=t,this.d*=t,e&&(t=Math.tan(e),t=Math.sqrt(1+t*t),this.a*=t,this.b*=t))},t.prototype.toString=function(){return"matrix(".concat(this.a,", ").concat(this.b,", ").concat(this.c,", ").concat(this.d,", ").concat(this.tx,", ").concat(this.ty,")")},t.prototype.getProp=function(t){var e=0;switch(t){case"x":e=this.x;break;case"y":e=this.y;break;case"scaleX":e=this.scaleX;break;case"scaleY":e=this.scaleY;break;case"skewX":e=this.skewX;break;case"skewY":e=this.skewY;break;case"rotation":e=this.rotation}return e},Object.defineProperty(t.prototype,"x",{get:function(){return this.tx},set:function(t){this.tx=t},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"y",{get:function(){return this.ty},set:function(t){this.ty=t},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"skewX",{get:function(){return this._skewX*t._RAD_TO_DEG},set:function(e){this._skewX=e*t._DEG_TO_RAD},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"skewY",{get:function(){return this._skewY*t._RAD_TO_DEG},set:function(e){this._skewY=e*t._DEG_TO_RAD},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"rotation",{get:function(){return this._rotation*t._RAD_TO_DEG},set:function(e){this._rotation=e*t._DEG_TO_RAD},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"scaleX",{get:function(){return this._scaleX},set:function(t){this._scaleX=t},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"scaleY",{get:function(){return this._scaleY},set:function(t){this._scaleY=t},enumerable:!1,configurable:!0}),t.copy=function(t,e){return t._skewX=e._skewX,t._skewY=e._skewY,t._scaleX=e._scaleX,t._scaleY=e._scaleY,t._rotation=e._rotation,t.a=e.a,t.b=e.b,t.c=e.c,t.d=e.d,t.tx=e.tx,t.ty=e.ty,t},t._PI=Math.PI,t._RAD_TO_DEG=180/Math.PI,t._DEG_TO_RAD=Math.PI/180,t}(),p=function(){function t(){}return t.removeItemFromArray=function(t,e){if(t)for(var i=0;i<t.length;i++)e==t[i]&&t.splice(i,1)},t}(),h=function(){function t(){}return t.getHTMLElement=function(t){var e=[];switch(t.charAt(0)){case"#":var i=document.getElementById(t.substring(1));i&&e.push(i);break;case".":Array.prototype.forEach.call(document.getElementsByClassName(t.substring(1)),(function(t){e.push(t)}));break;default:Array.prototype.forEach.call(document.getElementsByName(t),(function(t){e.push(t)}))}return e},t.querySelectorAll=function(t){return Array.from(document.querySelectorAll(t.split("::")[0]))},t.querySelectorAllWithBase=function(t,e){return Array.from(t.querySelectorAll(e.split("::")[0]))},t.isPseudoQuery=function(t){return!!t.match(/::/)},t.getPseudoQuery=function(t){var e=t.match(/::.*/g);return e?e[0]:null},t.setStyleProp=function(t,e,i){t.style.setProperty(e,i)},t.addWillChange=function(t,e){t.willChange.length?t.willChange=t.willChange.split(",").concat(e).join(","):t.willChange=e.join(",")},t.removeWillChange=function(t,e){for(var i=t.willChange.split(","),n=0;n<i.length;n++)i[n]=i[n].trim();for(var r=0,s=e;r<s.length;r++){var a=s[r];p.removeItemFromArray(i,a)}t.willChange=i.join(",")},t.getComputedStyle=function(t,e){return void 0===e&&(e=null),window.getComputedStyle(t,e)},t.getTransformMatrix=function(e,i){var n;return void 0===i&&(i=null),"none"!=(n=i?t.getComputedStyle(e,i).transform:t.getComputedStyle(e).transform)?n:"matrix(1, 0, 0, 1, 0, 0)"},t.setTweenElementQuery=function(e,i){var n=i.split("::"),r=n[1]?"::"+n[1]:"";if(Array.isArray(e))for(var s=0,a=e;s<a.length;s++)o(a[s]);else o(e);function o(e){var i=e.getAttribute(t._ATTR);if(i||(t._numTweenElement++,e.setAttribute(t._ATTR,t._numTweenElement.toString())),!t.getAddedStyleByElement(e,r)){var n=t.getTweenElementQuery(i||t._numTweenElement,r),s=document.styleSheets[0],a=s.insertRule(n+"{}",s.cssRules.length);t._tweenStyle.set(n,s.cssRules[a].style)}}},t.getAddedStyleByElement=function(e,i){var n=e.getAttribute(t._ATTR);return n?t._tweenStyle.get(t.getTweenElementQuery(n,i)):void 0},t.getTweenElementQuery=function(e,i){var n=null;return e instanceof HTMLElement?(n=e.getAttribute(t._ATTR))?"[".concat(t._ATTR,'="').concat(n,'"]').concat(i):"":"[".concat(t._ATTR,'="').concat(e,'"]').concat(i)},t._ATTR="data-tween24",t._numTweenElement=0,t._tweenStyle=new Map,t}(),c=function(){function t(t,e){this._target=t,this._query=e,this._style=t.style,this._matrix=new u,this._x=null,this._y=null,this._scaleX=null,this._scaleY=null,this._skewX=null,this._skewY=null,this._rotation=null,this._percentX=null,this._percentY=null,this._pseudo=this._query?h.getPseudoQuery(this._query):null,this._tweenQuery=null,this._useWillChange=!1}return t.prototype.init=function(t){var e,i,n,r,s,a,_;this._useWillChange=t,this._pseudo&&this._query&&((p=h.getAddedStyleByElement(this._target,this._pseudo))&&(this._style=p,"inline"==h.getComputedStyle(this._target,this._pseudo).display&&this._style.setProperty("display","inline-block")),this._tweenQuery=h.getTweenElementQuery(this._target,this._pseudo));var l=this._getChache();if(l?this._matrix=u.copy(this._matrix,l):this._matrix.setMatrixByCSSTransform(h.getTransformMatrix(this._target,this._pseudo)),this._useWillChange&&h.addWillChange(this._style,["transform"]),this._percentX||this._percentY)if(this._pseudo){var p=h.getComputedStyle(this._target,this._pseudo);this._percentX&&(this._style.width||this._style.setProperty("width","auto"),this._x=new o("x",parseFloat(p.width)*parseFloat(this._percentX)/100,this._percentX)),this._percentY&&(this._style.height||this._style.setProperty("height","auto"),this._y=new o("y",parseFloat(p.height)*parseFloat(this._percentY)/100,this._percentY))}else this._percentX&&(this._x=new o("x",this._target.offsetWidth*parseFloat(this._percentX)/100,this._percentX)),this._percentY&&(this._y=new o("y",this._target.offsetHeight*parseFloat(this._percentY)/100,this._percentY));null===(e=this._x)||void 0===e||e.init(this._matrix.x),null===(i=this._y)||void 0===i||i.init(this._matrix.y),null===(n=this._scaleX)||void 0===n||n.init(this._matrix.scaleX),null===(r=this._scaleY)||void 0===r||r.init(this._matrix.scaleY),null===(s=this._skewX)||void 0===s||s.init(this._matrix.skewX),null===(a=this._skewY)||void 0===a||a.init(this._matrix.skewY),null===(_=this._rotation)||void 0===_||_.init(this._matrix.rotation)},t.prototype.addProp=function(t,e,i){var n;if(void 0===i&&(i=null),i)switch(this._matrix.setMatrixByCSSTransform(h.getTransformMatrix(this._target,this._pseudo)),n=new o(t,this._matrix.getProp(t),e),i){case o.RELATIVE_AT_SETTING:n.set$value(e);break;case o.RELATIVE_AT_RUNNING:n.set$$value(e)}else n=new o(t,e,e);switch(t){case"x":this._x=n;break;case"y":this._y=n;break;case"scaleX":this._scaleX=n;break;case"scaleY":this._scaleY=n;break;case"skewX":this._skewX=n;break;case"skewY":this._skewY=n;break;case"rotation":this._rotation=n}},t.prototype.addPropStr=function(t,e){switch(t){case"x":"%"==e.slice(-1)&&(this._percentX=e);break;case"y":"%"==e.slice(-1)&&(this._percentY=e)}},t.prototype.setBezier=function(t,e){this._x||(this._matrix.setMatrixByCSSTransform(h.getTransformMatrix(this._target,this._pseudo)),this._x=new o("x",this._matrix.getProp("x"),NaN)),this._y||(this._matrix.setMatrixByCSSTransform(h.getTransformMatrix(this._target,this._pseudo)),this._y=new o("y",this._matrix.getProp("y"),NaN)),this._x.setBezier(t),this._y.setBezier(e)},t.prototype.update=function(t){var e,i,n,r,s,a,o,_=this._getChache();_&&_!=this._matrix&&(this._matrix=u.copy(this._matrix,_)),(null===(e=this._x)||void 0===e?void 0:e.isActive)&&(this._matrix.x=this._x.update(t)),(null===(i=this._y)||void 0===i?void 0:i.isActive)&&(this._matrix.y=this._y.update(t)),(null===(n=this._scaleX)||void 0===n?void 0:n.isActive)&&(this._matrix.scaleX=this._scaleX.update(t)),(null===(r=this._scaleY)||void 0===r?void 0:r.isActive)&&(this._matrix.scaleY=this._scaleY.update(t)),(null===(s=this._skewX)||void 0===s?void 0:s.isActive)&&(this._matrix.skewX=this._skewX.update(t)),(null===(a=this._skewY)||void 0===a?void 0:a.isActive)&&(this._matrix.skewY=this._skewY.update(t)),(null===(o=this._rotation)||void 0===o?void 0:o.isActive)&&(this._matrix.rotation=this._rotation.update(t)),this._matrix.updateMatrix(),this._style.setProperty("transform",this._matrix.toString()),this._setChache(this._matrix),1==t&&this.complete()},t.prototype._getChache=function(){return this._pseudo?this._tweenQuery?t._pseudoChache.get(this._tweenQuery):void 0:t._chache.get(this._target)},t.prototype._setChache=function(e){this._pseudo?this._tweenQuery&&t._pseudoChache.set(this._tweenQuery,e):t._chache.set(this._target,e)},t.prototype._deleteChache=function(){this._pseudo?this._tweenQuery&&t._pseudoChache.delete(this._tweenQuery):t._chache.delete(this._target)},t.prototype.overwrite=function(t){var e,i,n,r,s,a,o;this._target==t._target&&this._pseudo==t._pseudo&&(t._x&&(null===(e=this._x)||void 0===e||e.unActive()),t._y&&(null===(i=this._y)||void 0===i||i.unActive()),t._scaleX&&(null===(n=this._scaleX)||void 0===n||n.unActive()),t._scaleY&&(null===(r=this._scaleY)||void 0===r||r.unActive()),t._skewX&&(null===(s=this._skewX)||void 0===s||s.unActive()),t._skewY&&(null===(a=this._skewY)||void 0===a||a.unActive()),t._rotation&&(null===(o=this._rotation)||void 0===o||o.unActive()))},t.prototype.complete=function(){this._deleteChache(),this._style&&this._useWillChange&&h.removeWillChange(this._style,["transform"])},t.prototype.getMaxAbsDelta=function(){var t=[],e=this._x?this._x.getDelta():0,i=this._y?this._y.getDelta():0;return t.push(Math.sqrt(e*e+i*i)),this._scaleX&&t.push(Math.abs(this._scaleX.getDelta())),this._scaleY&&t.push(Math.abs(this._scaleY.getDelta())),this._skewX&&t.push(Math.abs(this._skewX.getDelta())),this._skewY&&t.push(Math.abs(this._skewY.getDelta())),this._rotation&&t.push(Math.abs(this._rotation.getDelta())),Math.max.apply(Math,t)},t.prototype.clone=function(e,i){void 0===e&&(e=this._target),void 0===i&&(i=this._query);var n=new t(e,i);return this._percentX?n.addPropStr("x",this._percentX):this._x&&(n._x=this._x.clone()),this._percentY?n.addPropStr("y",this._percentY):this._y&&(n._y=this._y.clone()),this._scaleX&&(n._scaleX=this._scaleX.clone()),this._scaleY&&(n._scaleY=this._scaleY.clone()),this._skewX&&(n._skewX=this._skewX.clone()),this._skewY&&(n._skewY=this._skewY.clone()),this._rotation&&(n._rotation=this._rotation.clone()),n},t.prototype.toString=function(){var t,e,i="";this._x&&(i+=this._x.toString()+" "),this._y&&(i+=this._y.toString()+" ");var n=null===(t=this._x)||void 0===t?void 0:t.bezier,r=null===(e=this._y)||void 0===e?void 0:e.bezier;if(n&&r){i+="bezier:";for(var s=0;s<n.length;s++)i+="(".concat(n[s],", ").concat(r[s],")");i+=" "}return this._scaleX&&(i+=this._scaleX.toString()+" "),this._scaleY&&(i+=this._scaleY.toString()+" "),this._skewX&&(i+=this._skewX.toString()+" "),this._skewY&&(i+=this._skewY.toString()+" "),this._rotation&&(i+=this._rotation.toString()+" "),i.trim()},t.className="TransformUpdater",t._chache=new Map,t._pseudoChache=new Map,t}(),d=function(){function t(t,e,i){this._func=e,this._args=i,this._scope=t}return t.prototype.execute=function(){this._func.apply(this._scope,this._args)},t.prototype.clone=function(){return new t(this._scope,this._func,this._args)},t}(),y=function(){function t(){}return t.getRGBList=function(t){if("#"==t.substr(0,1)){3===(t=t.substring(1)).length&&(t=t.substr(0,1).repeat(2)+t.substr(1,1).repeat(2)+t.substr(2,1).repeat(2));var e=parseInt(t,16);return[e>>16&255,e>>8&255,255&e]}if("rgb("==t.substr(0,4)){var i=t.match(/\d+/g);return i&&i.length>=3?[Number(i[0]),Number(i[1]),Number(i[2])]:[0,0,0]}return[0,0,0]},t.isColorCode=function(e){return t._regColor.test(e)||t._regRGB.test(e)},t._regColor=new RegExp(/^#/),t._regRGB=new RegExp(/^rgb\(/),t}(),f=function(){function t(t,e){this._key=t,this._color=e;var i=y.getRGBList(e);this._r=new o("r",i[0],e),this._g=new o("g",i[1],e),this._b=new o("b",i[2],e),this._originalValue=e}return t.prototype.init=function(t){var e=y.getRGBList(t);this._r.init(Number(e[0])),this._g.init(Number(e[1])),this._b.init(Number(e[2]))},t.prototype.update=function(t){return"rgb(".concat(this._r.update(t),",").concat(this._g.update(t),",").concat(this._b.update(t),")")},t.prototype.getDelta=function(){var t=this._r.getDelta(),e=this._g.getDelta(),i=this._b.getDelta();return Math.max(Math.sqrt(t*t+e*e+i*i))},t.prototype.clone=function(){return new t(this._key,this._color)},t.prototype.toString=function(){return"".concat(this._key,":").concat(this._color)},Object.defineProperty(t.prototype,"originalValue",{get:function(){return this._originalValue},enumerable:!1,configurable:!0}),t}(),g=function(){function t(){}return t.isString=function(t){return"string"==typeof t},t.isNumber=function(t){return Number.isFinite(t)},t}(),v=function(){function t(){}return t.UNIT_REG=new RegExp(/[^-0-9.].*/),t.toCamel=function(t){return(t=t.charAt(0).toLowerCase()+t.slice(1)).replace(/[-_](.)/g,(function(t,e){return e.toUpperCase()}))},t.toSnake=function(e){return t.toCamel(e).replace(/[A-Z]/g,(function(t){return"_"+t.charAt(0).toLowerCase()}))},t.toKebab=function(e){return t.toCamel(e).replace(/[A-Z]/g,(function(t){return"-"+t.charAt(0).toLowerCase()}))},t.addUnit=function(t,e){return void 0===e&&(e="px"),g.isString(t)?String(t):t+e},t.getUnit=function(e){var i=e.trim().match(t.UNIT_REG);return i?i[0]:""},t}(),T=function(){function t(e,n,r,s,a,o,_){void 0===a&&(a=!1),void 0===o&&(o=null),void 0===_&&(_=NaN);var l=this;this.init=function(t){var e,i,n;l._setParams(t),null===(e=l._updater)||void 0===e||e.init(l._params),l._params2&&(null===(i=l._updater2)||void 0===i||i.init(l._params2)),l._colorParams&&(null===(n=l._colorUpdater)||void 0===n||n.init(l._colorParams))},this._setParams=function(t){if(l._useColor){var e=t.match(String.raw(i||(s=["(rgb().*?())"],a=["(rgb\\().*?(\\))"],Object.defineProperty?Object.defineProperty(s,"raw",{value:a}):s.raw=a,i=s)));if(e){var n=e[0],r=n.split("rgb(")[1].split(")")[0];l._colorParams||(l._colorParams=new m),l._colorParams.init(r.length?r:"0,0,0",3,","),t=t.replace(n,"")}}var s,a,o="",_=void 0;if(t.indexOf(l._type)>-1){var u=t.split("".concat(l._type,"("))[1].split(")")[0];if(u){var p=u;if(l._separator&&p.indexOf(l._separator)>-1){var h=p.split(l._separator);o=h[0],_=h[1]}else o=p}}l._params.init(o,l._numParams),(l._updater2||_)&&(l._params2||(l._params2=new m),l._params2.init(_||"",l._numParams2))},this.addPropStr=function(t,e){l._updater||(l._updater=new w(l._numParams)),l._updater.setUpdater(t,e),l._isUpdate=!0},this.addPropStr2=function(t,e){l._updater2||(l._updater2=new w(l._numParams2)),l._updater2.setUpdater(t,e),l._isUpdate=!0},this.addPropColor=function(t){l._colorUpdater=new w(3);var e=y.getRGBList(t);l._colorUpdater.setUpdater(0,e[0]+""),l._colorUpdater.setUpdater(1,e[1]+""),l._colorUpdater.setUpdater(2,e[2]+""),l._isUpdate=!0},this.update=function(t){var e,i=l._chache.get(l._type),n=l._chache.get(l._type+l._separator),r=l._chache.get(l._type+"rgb");!i||l._updater2&&!n||l._colorUpdater&&!r?l._setParams(getComputedStyle(l._target).getPropertyValue(l._key)):(l._params.copy(i),n&&(l._params2?l._params2.copy(n):l._params2=n.clone()),r&&(l._colorParams?l._colorParams.copy(r):l._colorParams=r.clone()));var s=l._type+"(";return null===(e=l._updater)||void 0===e||e.update(l._params,t),s+=l._params.param,1!=t?l._chache.set(l._type,l._params):l._chache.delete(l._type),l._params2&&(l._updater2&&l._updater2.update(l._params2,t),s+=" ".concat(l._separator," ").concat(l._params2.param),1!=t?l._chache.set(l._type+l._separator,l._params2):l._chache.delete(l._type+l._separator)),l._colorParams&&(l._colorUpdater&&l._colorUpdater.update(l._colorParams,t),s+=" rgb(".concat(l._colorParams.param,")"),1!=t?l._chache.set(l._type+"rgb",l._colorParams):l._chache.delete(l._type+"rgb")),s+")"},this.overwrite=function(t){var e,i,n;t._target==l._target&&t._type==l._type&&(t._updater&&(null===(e=l._updater)||void 0===e||e.overwrite(t._updater)),t._updater2&&(null===(i=l._updater2)||void 0===i||i.overwrite(t._updater2)),t._colorUpdater&&(null===(n=l._colorUpdater)||void 0===n||n.overwrite(t._colorUpdater)))},this.getDelta=function(){var t,e,i=(null===(t=l._updater)||void 0===t?void 0:t.getDelta())||1,n=(null===(e=l._updater2)||void 0===e?void 0:e.getDelta())||1;return Math.max(i,n)},this.clone=function(e){var i=new t(e,l._key,l._type,l._numParams,l._useColor,l._separator,l._numParams2);return l._updater&&(i._updater=l._updater.clone()),l._updater2&&(i._updater2=l._updater2.clone()),l._colorUpdater&&(i._colorUpdater=l._colorUpdater.clone()),i},this.toString=function(){var t,e="".concat(l._type,"(").concat((null===(t=l._updater)||void 0===t?void 0:t.toString())||"none");return l._updater2&&(e+=" ".concat(l._separator," ").concat(l._updater2.toString())),l._colorUpdater&&(e+=" rgb(".concat(l._colorUpdater.toString(),")")),e+")"},this._key=n,this._target=e,this._type=r,this._numParams=s,this._useColor=a,this._params=new m,this._updater=null,this._separator=o,this._numParams2=_,this._params2=null,this._updater2=null,this._colorParams=null,this._colorUpdater=null,this._isUpdate=!1,t._chache||(t._chache=new Map);var u=t._chache.get(this._target);u?this._chache=u:(this._chache=new Map,t._chache.set(this._target,this._chache))}return Object.defineProperty(t.prototype,"key",{get:function(){return this._key},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isUpdate",{get:function(){return this._isUpdate},enumerable:!1,configurable:!0}),t}(),m=function(){function t(){var e=this;this.value0=NaN,this.value1=NaN,this.value2=NaN,this.value3=NaN,this.unit0="",this.unit1="",this.unit2="",this.unit3="",this._spliter=" ",this.init=function(t,i,n){var r,s,a,o;void 0===n&&(n=" ");var _=t.trim().split(n);e._spliter=n,r=_[0]||"0",e.value0=parseFloat(r),e.unit0=v.getUnit(r),i>1&&(s=_[1]||r,e.value1=parseFloat(s),e.unit1=v.getUnit(s),i>2&&(a=_[2]||r,e.value2=parseFloat(a),e.unit2=v.getUnit(a),i>3&&(o=_[3]||s,e.value3=parseFloat(o),e.unit3=v.getUnit(o))))},this.toString=function(){var t="";return isNaN(e.value0)?t="none":(t+=e.value0+e.unit0+" ",t+=isNaN(e.value1)?"none ":e.value1+e.unit1+e._spliter,t+=isNaN(e.value2)?"none ":e.value2+e.unit2+e._spliter,t+=isNaN(e.value3)?"none":e.value3+e.unit3),t},this.copy=function(t){return e.value0=t.value0,e.value1=t.value1,e.value2=t.value2,e.value3=t.value3,e.unit0=t.unit0,e.unit1=t.unit1,e.unit2=t.unit2,e.unit3=t.unit3,e},this.clone=function(){return(new t).copy(e)}}return Object.defineProperty(t.prototype,"param",{get:function(){var t=this.value0+this.unit0;return isNaN(this.value1)||(t+=this._spliter+this.value1+this.unit1),isNaN(this.value2)||(t+=this._spliter+this.value2+this.unit2),isNaN(this.value3)||(t+=this._spliter+this.value3+this.unit3),t},enumerable:!1,configurable:!0}),t}(),w=function t(e){var i=this;this.setUpdater=function(t,e){var n=new o("",parseFloat(e),e);switch(n.setUnit(v.getUnit(e)),t){case 0:i._u0=n;break;case 1:i._u1=n;break;case 2:i._u2=n;break;case 3:i._u3=n}},this.init=function(t){i._init(i._u0,t.value0,t.unit0),i._init(i._u1,t.value1,t.unit1),i._init(i._u2,t.value2,t.unit2),i._init(i._u3,t.value3,t.unit3)},this._init=function(t,e,i){t&&(t.init(e),0==t.unit.length&&t.setUnit(i))},this.update=function(t,e){var n,r,s,a;(null===(n=i._u0)||void 0===n?void 0:n.isActive)&&(t.value0=i._u0.update(e),t.unit0=i._u0.unit),(null===(r=i._u1)||void 0===r?void 0:r.isActive)&&(t.value1=i._u1.update(e),t.unit1=i._u1.unit),(null===(s=i._u2)||void 0===s?void 0:s.isActive)&&(t.value2=i._u2.update(e),t.unit2=i._u2.unit),(null===(a=i._u3)||void 0===a?void 0:a.isActive)&&(t.value3=i._u3.update(e),t.unit3=i._u3.unit)},this.overwrite=function(t){var e,n,r,s;t._u0&&(null===(e=i._u0)||void 0===e||e.unActive()),t._u1&&(null===(n=i._u1)||void 0===n||n.unActive()),t._u2&&(null===(r=i._u2)||void 0===r||r.unActive()),t._u3&&(null===(s=i._u3)||void 0===s||s.unActive())},this.getDelta=function(){var t,e,n,r,s=(null===(t=i._u0)||void 0===t?void 0:t.getDelta())||1,a=(null===(e=i._u1)||void 0===e?void 0:e.getDelta())||1,o=(null===(n=i._u2)||void 0===n?void 0:n.getDelta())||1,_=(null===(r=i._u3)||void 0===r?void 0:r.getDelta())||1;return Math.max(Math.sqrt(s*s+a*a+o*o+_*_))},this.clone=function(){var e=new t(i._numParams);return i._u0&&(e._u0=i._u0.clone()),i._u1&&(e._u1=i._u1.clone()),i._u2&&(e._u2=i._u2.clone()),i._u3&&(e._u3=i._u3.clone()),e},this.toString=function(){var t=i._u0?i._u0.targetParam+" ":"none ";return i._numParams>1&&(t+=i._u1?i._u1.targetParam+" ":"none "),i._numParams>2&&(t+=i._u2?i._u2.targetParam+" ":"none "),i._numParams>3&&(t+=i._u3?i._u3.targetParam:"none"),t.trim()},this._u0=null,this._u1=null,this._u2=null,this._u3=null,this._numParams=e},E=function(){function t(e){var i=this;this.init=function(t){var e,n,r,s,a,o,_,l,u,p;!i._blur&&t.indexOf("blur")>-1&&(i._blur=i._getUpdater("blur")),!i._grayscale&&t.indexOf("grayscale")>-1&&(i._grayscale=i._getUpdater("grayscale")),!i._hue&&t.indexOf("hue")>-1&&(i._hue=i._getUpdater("hue")),!i._invert&&t.indexOf("invert")>-1&&(i._invert=i._getUpdater("invert")),!i._sepia&&t.indexOf("sepia")>-1&&(i._sepia=i._getUpdater("sepia")),!i._shadow&&t.indexOf("shadow")>-1&&(i._shadow=i._getUpdater("drop-shadow")),!i._brightness&&t.indexOf("brightness")>-1&&(i._brightness=i._getUpdater("brightness")),!i._contrast&&t.indexOf("contrast")>-1&&(i._contrast=i._getUpdater("contrast")),!i._opacity&&t.indexOf("opacity")>-1&&(i._opacity=i._getUpdater("opacity")),!i._saturate&&t.indexOf("saturate")>-1&&(i._saturate=i._getUpdater("saturate")),null===(e=i._blur)||void 0===e||e.init(t),null===(n=i._grayscale)||void 0===n||n.init(t),null===(r=i._hue)||void 0===r||r.init(t),null===(s=i._invert)||void 0===s||s.init(t),null===(a=i._sepia)||void 0===a||a.init(t),null===(o=i._shadow)||void 0===o||o.init(t.indexOf("drop-shadow")>-1?t:"drop-shadow(rgb(0,0,0) 0 0 0)"),null===(_=i._brightness)||void 0===_||_.init(t.indexOf("brightness")>-1?t:"brightness(1)"),null===(l=i._contrast)||void 0===l||l.init(t.indexOf("contrast")>-1?t:"contrast(1)"),null===(u=i._opacity)||void 0===u||u.init(t.indexOf("opacity")>-1?t:"opacity(1)"),null===(p=i._saturate)||void 0===p||p.init(t.indexOf("saturate")>-1?t:"saturate(1)")},this.addPropStr=function(t,e){if(t.indexOf("shadow")>-1)i._shadow||(i._shadow=i._getUpdater("drop-shadow")),t.indexOf("x")>-1?i._shadow.addPropStr(0,e):t.indexOf("y")>-1?i._shadow.addPropStr(1,e):t.indexOf("blur")>-1?i._shadow.addPropStr(2,e):t.indexOf("color")>-1&&i._shadow.addPropColor(e);else{var n=i._getUpdater(t);switch(n.addPropStr(0,e),t){case"blur":i._blur=n;break;case"contrast":i._contrast=n;break;case"grayscale":i._grayscale=n;break;case"hue-rotate":i._hue=n;break;case"invert":i._invert=n;break;case"opacity":i._opacity=n;break;case"saturate":i._saturate=n;break;case"sepia":i._sepia=n;break;case"brightness":i._brightness=n;break;case"shadow":i._shadow=n}}},this._getUpdater=function(t){return"drop-shadow"==t?new T(i._target,i._key,"drop-shadow",3,!0):new T(i._target,i._key,t,1)},this.update=function(t){var e="";return i._blur&&(e+=i._blur.update(t)),i._contrast&&(e+=i._contrast.update(t)),i._grayscale&&(e+=i._grayscale.update(t)),i._hue&&(e+=i._hue.update(t)),i._invert&&(e+=i._invert.update(t)),i._opacity&&(e+=i._opacity.update(t)),i._saturate&&(e+=i._saturate.update(t)),i._sepia&&(e+=i._sepia.update(t)),i._brightness&&(e+=i._brightness.update(t)),i._shadow&&(e+=i._shadow.update(t)),e},this.overwrite=function(t){var e,n,r,s,a,o,_,l,u,p;t._blur&&(null===(e=i._blur)||void 0===e||e.overwrite(t._blur)),t._contrast&&(null===(n=i._contrast)||void 0===n||n.overwrite(t._contrast)),t._grayscale&&(null===(r=i._grayscale)||void 0===r||r.overwrite(t._grayscale)),t._hue&&(null===(s=i._hue)||void 0===s||s.overwrite(t._hue)),t._invert&&(null===(a=i._invert)||void 0===a||a.overwrite(t._invert)),t._opacity&&(null===(o=i._opacity)||void 0===o||o.overwrite(t._opacity)),t._saturate&&(null===(_=i._saturate)||void 0===_||_.overwrite(t._saturate)),t._sepia&&(null===(l=i._sepia)||void 0===l||l.overwrite(t._sepia)),t._brightness&&(null===(u=i._brightness)||void 0===u||u.overwrite(t._brightness)),t._shadow&&(null===(p=i._shadow)||void 0===p||p.overwrite(t._shadow))},this.getDelta=function(){var t,e,n,r,s,a,o,_,l,u,p=[];return p.push((null===(t=i._blur)||void 0===t?void 0:t.getDelta())||1),p.push((null===(e=i._contrast)||void 0===e?void 0:e.getDelta())||1),p.push((null===(n=i._grayscale)||void 0===n?void 0:n.getDelta())||1),p.push((null===(r=i._invert)||void 0===r?void 0:r.getDelta())||1),p.push((null===(s=i._opacity)||void 0===s?void 0:s.getDelta())||1),p.push((null===(a=i._saturate)||void 0===a?void 0:a.getDelta())||1),p.push((null===(o=i._hue)||void 0===o?void 0:o.getDelta())||1),p.push((null===(_=i._sepia)||void 0===_?void 0:_.getDelta())||1),p.push((null===(l=i._brightness)||void 0===l?void 0:l.getDelta())||1),p.push((null===(u=i._shadow)||void 0===u?void 0:u.getDelta())||1),Math.max.apply(Math,p)},this.clone=function(e){var n=new t(e);return i._blur&&(n._blur=i._blur.clone(e)),i._contrast&&(n._contrast=i._contrast.clone(e)),i._grayscale&&(n._grayscale=i._grayscale.clone(e)),i._hue&&(n._hue=i._hue.clone(e)),i._invert&&(n._invert=i._invert.clone(e)),i._opacity&&(n._opacity=i._opacity.clone(e)),i._saturate&&(n._saturate=i._saturate.clone(e)),i._sepia&&(n._sepia=i._sepia.clone(e)),i._brightness&&(n._brightness=i._brightness.clone(e)),i._shadow&&(n._shadow=i._shadow.clone(e)),n},this.toString=function(){var t,e,n,r,s,a,o,_,l,u,p="";return(null===(t=i._blur)||void 0===t?void 0:t.isUpdate)&&(p+=i._blur.toString()+" "),(null===(e=i._contrast)||void 0===e?void 0:e.isUpdate)&&(p+=i._contrast.toString()+" "),(null===(n=i._grayscale)||void 0===n?void 0:n.isUpdate)&&(p+=i._grayscale.toString()+" "),(null===(r=i._hue)||void 0===r?void 0:r.isUpdate)&&(p+=i._hue.toString()+" "),(null===(s=i._invert)||void 0===s?void 0:s.isUpdate)&&(p+=i._invert.toString()+" "),(null===(a=i._opacity)||void 0===a?void 0:a.isUpdate)&&(p+=i._opacity.toString()+" "),(null===(o=i._saturate)||void 0===o?void 0:o.isUpdate)&&(p+=i._saturate.toString()+" "),(null===(_=i._sepia)||void 0===_?void 0:_.isUpdate)&&(p+=i._sepia.toString()+" "),(null===(l=i._brightness)||void 0===l?void 0:l.isUpdate)&&(p+=i._brightness.toString()+" "),(null===(u=i._shadow)||void 0===u?void 0:u.isUpdate)&&(p+=i._shadow.toString()),p.trim()},this._key="filter",this._target=e,this._blur=null,this._brightness=null,this._contrast=null,this._grayscale=null,this._hue=null,this._invert=null,this._opacity=null,this._saturate=null,this._sepia=null,this._shadow=null}return Object.defineProperty(t.prototype,"key",{get:function(){return this._key},enumerable:!1,configurable:!0}),t}(),S=function(){return S=Object.assign||function(t){for(var e,i=1,n=arguments.length;i<n;i++)for(var r in e=arguments[i])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t},S.apply(this,arguments)},P=function(){function t(t,e){this._target=t,this._query=e,this._param||(this._param={}),this._key||(this._key=[]),this._unit||(this._unit={}),this._tweenKey=null,this._clipUpdater=null,this._filterUpdater=null,this._onceParam=null,this._isUpdatedOnce=!1,this._pseudo=this._query?h.getPseudoQuery(this._query):null,this._useWillChange=!1}return t.prototype.addPropStr=function(e,i,n){var r,s,a;if(void 0===n&&(n=null),e.indexOf("clip::")>-1){e.indexOf("inset")>-1?this._clipUpdater||(this._clipUpdater=new T(this._target,"clip-path","inset",4,!1,"round",4)):e.indexOf("circle")>-1?this._clipUpdater||(this._clipUpdater=new T(this._target,"clip-path","circle",1,!1,"at",2)):e.indexOf("ellipse")>-1&&(this._clipUpdater||(this._clipUpdater=new T(this._target,"clip-path","ellipse",2,!1,"at",2)));var _=parseFloat(e.slice(-1));e.indexOf("round")>-1||e.indexOf("at")>-1?null===(r=this._clipUpdater)||void 0===r||r.addPropStr2(_,i):null===(s=this._clipUpdater)||void 0===s||s.addPropStr(_,i)}if(e.indexOf("filter::")>-1)this._filterUpdater||(this._filterUpdater=new E(this._target)),this._filterUpdater.addPropStr(e.split("::")[1],i);else{var l=String(i).match(t.PARAM_REG),u=String(i).match(t.UNIT_REG);if(y.isColorCode(i))this._param[e]=new f(e,i),this._key.push(e);else if(l&&(null===(a=l[0])||void 0===a?void 0:a.length)){var p=h.getComputedStyle(this._target).getPropertyValue(e),c=p.match(t.UNIT_REG),d=void 0,g=void 0;u&&c&&c[0].length&&u[0]!=c[0]?(this._target.style.setProperty(e,i),g=h.getComputedStyle(this._target).getPropertyValue(e),this._target.style.setProperty(e,p),d=g.match(t.UNIT_REG)):(g=i,d=i.match(t.UNIT_REG));var v=void 0;if(n)switch(v=new o(e,parseFloat(p),i),n){case o.RELATIVE_AT_SETTING:v.set$value(parseFloat(i));break;case o.RELATIVE_AT_RUNNING:v.set$$value(parseFloat(i))}else v=new o(e,parseFloat(g),i);this._param[e]=v,this._unit[e]=d?d[0]:"",this._key.push(e)}else this._onceParam||(this._onceParam={}),this._onceParam[e]=i}},t.prototype.init=function(e){var i,n;this._useWillChange=e,!this._style&&this._pseudo&&this._query&&(this._style=h.getAddedStyleByElement(this._target,this._pseudo)),this._isUpdatedOnce=!1,this._tweenKey=this._key.concat();for(var r=0,s=this._tweenKey;r<s.length;r++){var a=s[r],o=h.getComputedStyle(this._target,this._pseudo).getPropertyValue(a);if(y.isColorCode(o))this._param[a].init(o),(i=this._unit)[a]||(i[a]="");else{var _=o.match(t.PARAM_REG),l=o.match(t.UNIT_REG);(n=this._unit)[a]||(n[a]=l&&_&&_[0].length?l[0]:""),this._param[a].init(Number(_||0))}}this._useWillChange&&h.addWillChange(this._style||this._target.style,this._key),this._clipUpdater&&(this._clipUpdater.init(this._target.style.clipPath),this._useWillChange&&h.addWillChange(this._style||this._target.style,[this._clipUpdater.key])),this._filterUpdater&&(this._filterUpdater.init(getComputedStyle(this._target).filter),this._useWillChange&&h.addWillChange(this._style||this._target.style,[this._filterUpdater.key]))},t.prototype.update=function(t){if(!this._isUpdatedOnce){for(var e in this._onceParam){var i=this._onceParam[e];this._style?this._style.setProperty(e,i):h.setStyleProp(this._target,e,i)}this._isUpdatedOnce=!0}if(this._tweenKey)for(var n=0,r=this._tweenKey;n<r.length;n++)e=r[n],i=this._param[e].update(t)+this._unit[e],this._style?this._style.setProperty(e,i):h.setStyleProp(this._target,e,i);this._clipUpdater&&(i=this._clipUpdater.update(t),this._style?this._style.setProperty(this._clipUpdater.key,i):h.setStyleProp(this._target,this._clipUpdater.key,i)),this._filterUpdater&&(i=this._filterUpdater.update(t),this._style?this._style.setProperty(this._filterUpdater.key,i):h.setStyleProp(this._target,this._filterUpdater.key,i)),1==t&&this.complete()},t.prototype.overwrite=function(t){if(this._target==t._target){var e=t._tweenKey;if(this._tweenKey&&e)for(var i=0,n=e;i<n.length;i++){var r=n[i],s=this._tweenKey.indexOf(r);s>-1&&this._tweenKey.splice(s,1)}this._clipUpdater&&t._clipUpdater&&this._clipUpdater.overwrite(t._clipUpdater),this._filterUpdater&&t._filterUpdater&&this._filterUpdater.overwrite(t._filterUpdater)}},t.prototype.getMaxAbsDelta=function(){var t=[];if(this._param)for(var e in this._param)t.push(Math.abs(this._param[e].getDelta()));return this._clipUpdater&&t.push(this._clipUpdater.getDelta()),this._filterUpdater&&t.push(this._filterUpdater.getDelta()),Math.max.apply(Math,t)},t.prototype.clone=function(e,i){void 0===e&&(e=this._target),void 0===i&&(i=this._query);var n=new t(e,i);if(this._param)for(var r in n._param={},this._param){var s=this._param[r].originalValue,a=String(s).match(t.UNIT_REG),o=NaN;if(a&&"%"==a[0]){var _=e.style.getPropertyValue(r);e.style.setProperty(r,s),o=parseFloat(h.getComputedStyle(e).getPropertyValue(r)),e.style.setProperty(r,_)}n._param[r]=this._param[r].clone(o)}return this._key&&(n._key=function(t,e,i){if(i||2===arguments.length)for(var n,r=0,s=e.length;r<s;r++)!n&&r in e||(n||(n=Array.prototype.slice.call(e,0,r)),n[r]=e[r]);return t.concat(n||Array.prototype.slice.call(e))}([],this._key,!0)),this._unit&&(n._unit=S({},this._unit)),this._onceParam&&(n._onceParam=S({},this._onceParam)),this._clipUpdater&&(n._clipUpdater=this._clipUpdater.clone(e)),this._filterUpdater&&(n._filterUpdater=this._filterUpdater.clone(e)),n},t.prototype.toString=function(){var t,e,i="";if(this._param&&this._key)for(var n=0,r=th