New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
gsap - npm Package Compare versions
Comparing version 3.0.0-beta.7 to 3.0.0-beta.8
47
all.js
@@ -5,12 +5,17 @@ import { gsap, Power0, Power1, Power2, Power3, Power4, Linear, Quad, Cubic, Quart, Quint, Strong, Elastic, Back, SteppedEase, Bounce, Sine, Expo, Circ, TweenMax, TweenLite, TimelineLite, TimelineMax } from "./gsap-core.js"; | ||
| import { PixiPlugin } from "./PixiPlugin.js"; | ||
| import { Draggable } from "./Draggable.js"; | ||
| import { EasePack, ExpoScaleEase, RoughEase, SlowMo } from "./EasePack.js"; | ||
| import { ScrollToPlugin } from "./ScrollToPlugin.js"; | ||
| //BONUS IMPORTS | ||
| import { CustomBounce } from "./CustomBounce.js"; | ||
| import { CustomEase } from "./CustomEase.js"; | ||
| import { CustomWiggle } from "./CustomWiggle.js"; | ||
| import { DrawSVGPlugin } from "./DrawSVGPlugin.js"; | ||
| import { MorphSVGPlugin } from "./MorphSVGPlugin.js"; | ||
| import { MotionPathHelper } from "./MotionPathHelper.js"; | ||
| import { ScrambleTextPlugin } from "./ScrambleTextPlugin.js"; | ||
| import { SplitText } from "./SplitText.js"; | ||
| //import { CustomBounce } from "./CustomBounce.js"; | ||
| //import { CustomEase } from "./CustomEase.js"; | ||
| //import { CustomWiggle } from "./CustomWiggle.js"; | ||
| //import { DrawSVGPlugin } from "./DrawSVGPlugin.js"; | ||
| //import { InertiaPlugin } from "./InertiaPlugin.js"; | ||
| //import { VelocityTracker } from "./utils/VelocityTracker.js"; | ||
| //import { MorphSVGPlugin } from "./MorphSVGPlugin.js"; | ||
| //import { MotionPathHelper } from "./MotionPathHelper.js"; | ||
| //import { ScrambleTextPlugin } from "./ScrambleTextPlugin.js"; | ||
| //import { SplitText } from "./SplitText.js"; | ||
@@ -49,16 +54,26 @@ gsap.registerPlugin(CSSPlugin); | ||
| //-- PLUGINS -- | ||
| Draggable, | ||
| MotionPathPlugin, | ||
| PixiPlugin, | ||
| ScrollToPlugin, | ||
| //-- EASE PACK -- | ||
| ExpoScaleEase, | ||
| RoughEase, | ||
| SlowMo, | ||
| EasePack | ||
| //-- BONUS -- | ||
| CustomBounce, | ||
| CustomEase, | ||
| CustomWiggle, | ||
| DrawSVGPlugin, | ||
| MorphSVGPlugin, | ||
| MotionPathHelper, | ||
| ScrambleTextPlugin, | ||
| SplitText | ||
| // CustomBounce, | ||
| // CustomEase, | ||
| // CustomWiggle, | ||
| // DrawSVGPlugin, | ||
| // InertiaPlugin, | ||
| // MorphSVGPlugin, | ||
| // MotionPathHelper, | ||
| // ScrambleTextPlugin, | ||
| // SplitText, | ||
| // VelocityTracker | ||
| }; |
| /*! | ||
| * VERSION: 3.0.0 | ||
| * DATE: 2019-09-20 | ||
| * DATE: 2019-10-02 | ||
| * http://greensock.com | ||
@@ -13,3 +13,3 @@ * | ||
| import {gsap, _getProperty, _numExp, _getUnit, _isString, _isUndefined, _renderComplexString, _relExp, _forEachName, _sortPropTweensByPriority, _colorStringFilter, _checkPlugin, _replaceRandom, _plugins, GSCache, PropTween, _config, _ticker, _round, _warn, | ||
| import {gsap, _getProperty, _numExp, _getUnit, _isString, _isUndefined, _renderComplexString, _relExp, _forEachName, _sortPropTweensByPriority, _colorStringFilter, _checkPlugin, _replaceRandom, _plugins, GSCache, PropTween, _config, _ticker, _round, _warn, _getSetter, | ||
| _setDefaults, _removeLinkedListItem //for the commented-out className feature. | ||
@@ -53,3 +53,3 @@ } from "./gsap-core.js"; | ||
| _transformProp = "transform", | ||
| _transformOriginProp = "transformOrigin", | ||
| _transformOriginProp = _transformProp + "Origin", | ||
| _supports3D, | ||
@@ -167,15 +167,17 @@ _createElement = (type, ns) => { | ||
| horizontal = _horizontalExp.test(property), | ||
| measureProperty = horizontal ? "offsetWidth" : "offsetHeight", | ||
| isRootSVG = target.tagName.toLowerCase() === "svg", | ||
| measureProperty = (isRootSVG ? "client" : "offset") + (horizontal ? "Width" : "Height"), | ||
| amount = 100, | ||
| toPixels = unit === "px", | ||
| px, parent, cache; | ||
| px, parent, cache, isSVG; | ||
| if (unit === curUnit || _nonConvertibleUnits[unit] || _nonConvertibleUnits[curUnit]) { | ||
| return curValue; | ||
| } | ||
| isSVG = target.getCTM && _isSVG(target); | ||
| if (unit === "%" && _transformProps[property]) { //transforms are relative to the size of the element itself! | ||
| return _round(toPixels ? target[measureProperty] * curValue / amount : curValue / target[measureProperty] * amount); | ||
| return _round(curValue / (isSVG ? target.getBBox()[horizontal ? "width" : "height"] : target[measureProperty]) * amount); | ||
| } | ||
| style[horizontal ? "width" : "height"] = amount + (toPixels ? curUnit : unit); | ||
| parent = (unit === "em" && target.appendChild) ? target : target.parentNode; | ||
| if (target.getCTM && _isSVG(target)) { | ||
| parent = (unit === "em" && target.appendChild && !isRootSVG) ? target : target.parentNode; | ||
| if (isSVG) { | ||
| parent = (target.ownerSVGElement || {}).parentNode; | ||
@@ -217,3 +219,6 @@ } | ||
| if (!skipStyle) { | ||
| value = target.style[property] || _getComputedProperty(target, property) || _getProperty(target, property); | ||
| value = target.style[property]; | ||
| if (!value || value === "auto" || uncache) { | ||
| value = _getComputedProperty(target, property) || _getProperty(target, property); | ||
| } | ||
| } | ||
@@ -484,3 +489,3 @@ return unit ? _convertToUnit(target, property, value, unit) + unit : value; | ||
| xOrigin = bounds.x + (~originSplit[0].indexOf("%") ? xOrigin / 100 * bounds.width : xOrigin); | ||
| yOrigin = bounds.y + (~originSplit[1].indexOf("%") ? yOrigin / 100 * bounds.height : yOrigin); | ||
| yOrigin = bounds.y + (~((originSplit[1] || originSplit[0]).indexOf("%")) ? yOrigin / 100 * bounds.height : yOrigin); | ||
| } else if (matrix !== _identity2DMatrix && (determinant = (a * d - b * c))) { //if it's zero (like if scaleX and scaleY are zero), skip it to avoid errors with dividing by zero. | ||
@@ -870,2 +875,3 @@ x = xOrigin * (d / determinant) + yOrigin * (-c / determinant) + ((c * ty - d * tx) / determinant); | ||
| transformPropTween = this._pt = new PropTween(this._pt, style, _transformProp, 0, 1, cache.renderTransform, cache); //the first time through, create the rendering PropTween so that it runs LAST (in the linked list, we keep adding to the beginning) | ||
| transformPropTween.dep = 1; //flag it as dependent so that if things get killed/overwritten and this is the only PropTween left, we can safely kill the whole tween. | ||
| } | ||
@@ -903,3 +909,3 @@ if (p === "scale") { | ||
| if ((endNum || endNum === 0) && (startNum || startNum === 0) && !_complexExp.test(endValue)) { | ||
| if (isTransformRelated || ((endNum || endNum === 0) && (startNum || startNum === 0) && !_complexExp.test(endValue) && (p in style))) { | ||
| startUnit = (startValue + "").substr((startNum + "").length); | ||
@@ -917,4 +923,3 @@ endUnit = (endValue + "").substr((endNum + "").length) || ((p in _config.units) ? _config.units[p] : startUnit); | ||
| } | ||
| } else if (_isUndefined(style[p])) { | ||
| } else if (!(p in style)) { | ||
| if (p in target) { //maybe it's not a style - it could be a property added directly to an element in which case we'll try to animate that. | ||
@@ -940,3 +945,3 @@ this.add(target, p, target[p], endValue, index, targets); | ||
| getSetter(target, property, plugin) { //returns a setter function that accepts target, property, value and applies it accordingly. Remember, properties like "x" aren't as simple as target.style.property = value because they've got to be applied to a proxy object and then merged into a transform string in a renderer. | ||
| return (property in _transformProps) ? (plugin && _recentSetterPlugin === plugin ? (property === "scale" ? _setterScale : _setterTransform) : (_recentSetterPlugin = plugin) && (property === "scale" ? _setterScaleWithRender : _setterTransformWithRender)) : _setterCSSStyle; | ||
| return (property in _transformProps && (target._gsap.x || _get(target, "x"))) ? (plugin && _recentSetterPlugin === plugin ? (property === "scale" ? _setterScale : _setterTransform) : (_recentSetterPlugin = plugin || {}) && (property === "scale" ? _setterScaleWithRender : _setterTransformWithRender)) : target.style && !_isUndefined(target.style[property]) ? _setterCSSStyle : _getSetter(target, property); | ||
| } | ||
@@ -943,0 +948,0 @@ |
| !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(e){"use strict";function _inheritsLoose(t,e){t.prototype=Object.create(e.prototype),(t.prototype.constructor=t).__proto__=e}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t} | ||
| /*! | ||
| * VERSION: 3.0.0-beta.7 | ||
| * DATE: 2019-09-21 | ||
| * VERSION: 3.0.0-beta.8 | ||
| * DATE: 2019-10-06 | ||
| * https://greensock.com | ||
@@ -11,3 +11,3 @@ * | ||
| * @author: Jack Doyle, jack@greensock.com | ||
| */function n(t){return"string"==typeof t}function o(t){return"function"==typeof t}function p(t){return"number"==typeof t}function q(t){return void 0===t}function r(t){return"object"==typeof t}function s(t){return!1!==t}function t(){return"undefined"!=typeof window}function I(t){return(h=ft(t,et))&&Vt}function J(t){return"undefined"!=typeof console&&console.warn(t)}function L(){return 0}function U(t){var e,i,n=t[0]||{};if(!r(t[0]))return[t];if(!(e=(n._gsap||{}).harness)){for(i=ut.length;i--&&!ut[i].targetTest(n););e=ut[i]}for(i=t.length;i--;)t[i]._gsap||(t[i]._gsap=new kt(t[i],e));return t}function V(t){return(t+"").substr((parseFloat(t)+"").length)}function W(t,e){var r=t[e];return o(r)?t[e]():q(r)&&t.getAttribute(e)||r}function X(t,e,r){return r<t?t:e<r?e:r}function Z(t,e){return(t=t.split(",")).forEach(e)||t}function $(t){return Math.round(1e4*t)/1e4}function aa(t,e){var r;return j(t)?t:"string"!=(r=typeof t)||e?t&&"object"==r&&"length"in t?lt.call(t,0):t?[t]:[]:lt.call(u.querySelectorAll(t),0)}function ba(t,e){for(var r=e.length,i=0;t.indexOf(e[i])<0&&++i<r;);return i<r}function ca(t,e,r){var i,n=p(t[1]),a=(n?2:1)+(e<2?0:1),o=t[a];return n&&(o.duration=t[1]),1===e?(o.runBackwards=1,o.immediateRender=s(o.immediateRender)):2===e&&(i=t[a-1],o.startAt=i,o.immediateRender=s(o.immediateRender)),o.parent=r,o}function da(t){if(o(t))return t;var p=r(t)?t:{each:t},d=n(p.ease)?xt(p.ease):p.ease,m=p.from||0,g=parseFloat(p.base)||0,v={},e=0<m&&m<1,y=isNaN(m)||e,w=p.axis,b=m,T=m;return n(m)?b=T={center:.5,end:1}[m]||0:!e&&y&&(b=m[0],T=m[1]),function(t,e,r){var i,n,a,s,o,u,h,l,f,c=(r||p).length,_=v[c];if(!_){if(!(f="auto"===p.grid?0:(p.grid||[C])[0])){for(h=-C;h<(h=r[f++].getBoundingClientRect().left)&&f<c;);f--}for(_=v[c]=[],i=y?Math.min(f,c)*b-.5:m%f,n=y?c*T/f-.5:m/f|0,l=C,u=h=0;u<c;u++)a=u%f-i,s=n-(u/f|0),_[u]=o=w?Math.abs("y"===w?s:a):z(a*a+s*s),h<o&&(h=o),o<l&&(l=o);_.max=h-l,_.min=l,_.v=c=parseFloat(p.amount)||parseFloat(p.each)*(c<f?c-1:w?"y"===w?c/f:f:Math.max(f,c/f))||0,_.b=c<0?g-c:g,_.u=V(p.amount||p.each)||0}return c=(_[t]-_.min)/_.max||0,$(_.b+(d?d(c):c)*_.v)+_.u}}function ea(){var t,e,r=it.length,i=it.slice(0);for(nt={},t=it.length=0;t<r;t++)(e=i[t])&&e._lazy&&(e.render(e._lazy[0],e._lazy[1],!0)._lazy=0)}function fa(t,e,r,i){it.length&&ea(),t.render(e,r,i),it.length&&ea()}function ga(t,e){for(var r in e)r in t||(t[r]=e[r]);return t}function ha(t,e){for(var r in e)r in t||"duration"===r||"ease"===r||(t[r]=e[r])}function ja(t,e){for(var i in e)t[i]=r(e[i])?ja(t[i],e[i]):e[i];return t}function ka(t,e){var r,i={};for(r in t)r in e||(i[r]=t[r]);return i}function oa(t,e,r,i){void 0===r&&(r="_first"),void 0===i&&(i="_last");var n=e._prev,a=e._next;n?n._next=a:t[r]===e&&(t[r]=a),a?a._prev=n:t[i]===e&&(t[i]=n),e._gc=t,e._next=e._prev=e.parent=null}function pa(t,e){!t.parent||e&&!t.parent.autoRemoveChildren||t.parent.remove(t),t._act=0}function qa(t){for(var e=t;e;)e._dirty=1,e=e.parent;return t}function sa(t){var e;return t._repeat?(e=t.duration()+t._rDelay)*~~(t._tTime/e):0}function ua(t,e,r){if(e.parent&&pa(e),e._start=r+e._delay,e._end=e._start+(e.totalDuration()/e._ts||0),function _addLinkedListItem(t,e,r,i,n){void 0===r&&(r="_first"),void 0===i&&(i="_last");var a,s=t[i];if(n)for(a=e[n];s&&s[n]>a;)s=s._prev;s?(e._next=s._next,s._next=e):(e._next=t[r],t[r]=e),e._next?e._next._prev=e:t[i]=e,e._prev=s,e.parent=t}(t,e,"_first","_last",t._sort?"_start":0),(t._recent=e)._time||!e._dur&&e._initted){var i=(t.rawTime()-e._start)*e._ts;(!e._dur||X(0,e.totalDuration(),i)-e._tTime>M)&&e.render(i,!1,!1)}if(qa(t),t._gc&&t._time>=t._dur&&t._ts&&t._dur<t.duration())for(var n=t;n._gc;)n.totalTime(n._tTime,!0),n=n._gc;return t}function xa(t){if(t instanceof Pt)return qa(t);var e=t._repeat;return t._tDur=e?e<0?1e20:$(t._dur*(e+1)+t._rDelay*e):t._dur,qa(t.parent),t}function za(t,e){var r,i,a=t.labels,s=t._recent||ct,o=t.duration()>=C?s.endTime(!1):t._dur;return n(e)&&(isNaN(e)||e in a)?"<"===(r=e.charAt(0))||">"===r?("<"===r?s._start:s.endTime(0<=s._repeat))+(parseFloat(e.substr(1))||0):(r=e.indexOf("="))<0?(e in a||(a[e]=o),a[e]):(i=+(e.charAt(r-1)+e.substr(r+1)),1<r?za(t,e.substr(0,r-1))+i:o+i):null==e?o:+e}function Aa(e){var r=e<1?Math.pow(10,(e+"").length-2):1;return function(t){return~~(Math.round(parseFloat(t)/e)*e*r)/r+(p(t)?0:V(t))}}function Ba(u,t){if(t||0===t)return Ba(u)(t);var h,l,e=j(u);return!e&&r(u)&&(h=e=u.radius||C,u=aa(u.values),(l=!p(u[0]))&&(h*=h)),e?function(t){for(var e,r,i=parseFloat(l?t.x:t),n=parseFloat(l?t.y:0),a=C,s=0,o=u.length;o--;)(e=l?(e=u[o].x-i)*e+(r=u[o].y-n)*r:Math.abs(u[o]-i))<a&&(a=e,s=o);return s=!h||a<=h?u[s]:t,l||s===t||p(t)?s:s+V(t)}:Aa(u)}function Ca(t,e,r,i){return i?function(){return Ca(t,e,r)}:j(t)?t[~~(Math.random()*t.length)]:(r=r||1e-5)&&(i=r<1?Math.pow(10,(r+"").length-2):1)&&~~(Math.round((t+Math.random()*(e-t))/r)*r*i)/i}function Ea(t){for(var e,r,i,n,a=0,s="";~(e=t.indexOf("random(",a));)i=t.indexOf(")",e),n="["===t.charAt(e+7),r=t.substr(e+7,i-e-7).match(n?tt:Y),s+=t.substr(a,e-a)+Ca(n?r:+r[0],+r[1],+r[2]||1e-5),a=i+1;return s+t.substr(a,t.length-a)}function Ha(t,e,r){var i,n,a,s=t.labels,o=C;for(i in s)(n=s[i]-e)<0==!!r&&n&&o>(n=Math.abs(n))&&(a=i,o=n);return a}function Ja(t){var e=(t=!t.name&&t.default||t).name,r=o(t),i=e&&!r?function(){this._props=[]}:t,n={init:L,render:$t,add:Mt,kill:Ut,modifier:jt,rawVars:0},a={targetTest:0,get:0,getSetter:Bt,aliases:{},register:0};if(yt(),!r){if(at[e])return;ga(i,ga(ka(t,n),a)),ft(i.prototype,ft(n,ka(t,a))),at[i.prop=e]=i,t.targetTest&&ut.push(i),e=("css"===e?"CSS":e.charAt(0).toUpperCase()+e.substr(1))+"Plugin"}!function _addGlobal(t,e){t&&(et[t]=e)&&h&&(h[t]=e)}(e,i),t.register&&t.register(Vt,i,Xt)}function Ma(t,e,r){return(6*(t=t<0?t+1:1<t?t-1:t)<1?e+(r-e)*t*6:t<.5?r:3*t<2?e+(r-e)*(2/3-t)*6:e)*pt+.5|0}function Na(t,e){var r,i,n,a,s,o,u,h,l,f,c=t?p(t)?[t>>16,t>>8&pt,t&pt]:0:dt.black;if(!c){if(","===t.substr(-1)&&(t=t.substr(0,t.length-1)),dt[t])c=dt[t];else if("#"===t.charAt(0))4===t.length&&(t="#"+(r=t.charAt(1))+r+(i=t.charAt(2))+i+(n=t.charAt(3))+n),c=[(t=parseInt(t.substr(1),16))>>16,t>>8&pt,t&pt];else if("hsl"===t.substr(0,3))if(c=f=t.match(Y),e){if(~t.indexOf("="))return t.match(G)}else a=+c[0]%360/360,s=+c[1]/100,r=2*(o=+c[2]/100)-(i=o<=.5?o*(s+1):o+s-o*s),3<c.length&&(c[3]*=1),c[0]=Ma(a+1/3,r,i),c[1]=Ma(a,r,i),c[2]=Ma(a-1/3,r,i);else c=t.match(Y)||dt.transparent;c=c.map(Number)}return e&&!f&&(r=c[0]/pt,i=c[1]/pt,n=c[2]/pt,o=((u=Math.max(r,i,n))+(h=Math.min(r,i,n)))/2,u===h?a=s=0:(l=u-h,s=.5<o?l/(2-u-h):l/(u+h),a=u===r?(i-n)/l+(i<n?6:0):u===i?(n-r)/l+2:(r-i)/l+4,a*=60),c[0]=a+.5|0,c[1]=100*s+.5|0,c[2]=100*o+.5|0),c}function Oa(t,e){var r,i,n,a=(t+"").match(mt),s=0,o="";if(!a)return t;for(r=0;r<a.length;r++)i=a[r],s+=(n=t.substr(s,t.indexOf(i,s)-s)).length+i.length,3===(i=Na(i,e)).length&&i.push(1),o+=n+(e?"hsla("+i[0]+","+i[1]+"%,"+i[2]+"%,"+i[3]:"rgba("+i.join(","))+")";return o+t.substr(s)}function Ra(t){var e,r=t.join(" ");mt.lastIndex=0,mt.test(r)&&(e=gt.test(r),t[0]=Oa(t[0],e),t[1]=Oa(t[1],e))}function Za(t){var e=(t+"").split("("),r=wt[e[0]];return r&&1<e.length&&r.config?r.config.apply(null,~t.indexOf("{")?[function _parseObjectInString(t){for(var e,r,i,n={},a=t.substr(1,t.length-3).split(":"),s=a[0],o=1,u=a.length;o<u;o++)r=a[o],e=o!==u-1?r.lastIndexOf(","):r.length,i=r.substr(0,e),n[s]=isNaN(i)?i.replace(Tt,""):+i,s=r.substr(e+1).trim();return n}(e[1])]:Q.exec(t)[1].split(",").map(parseFloat)):wt._CE&&bt.test(t)?wt._CE("",t):r}function _a(t,e){for(var r,i=t._first;i;)i instanceof Pt?_a(i,e):!i.vars.yoyoEase||i._yoyo&&i._repeat||i._yoyo===e||(i.timeline?_a(i.timeline,e):(r=i._ease,i._ease=i._yEase,i._yEase=r,i._yoyo=e)),i=i._next}function bb(t,e,r,i){void 0===r&&(r=function easeOut(t){return 1-e(1-t)}),void 0===i&&(i=function easeInOut(t){return t<.5?e(2*t)/2:1-e(2*(1-t))/2});var n,a={easeIn:e,easeOut:r,easeInOut:i};return Z(t,function(t){for(var e in wt[t]=et[t]=a,wt[n=t.toLowerCase()]=r,a)wt[n+("easeIn"===e?".in":"easeOut"===e?".out":".inOut")]=wt[t+"."+e]=a[e]}),a}function cb(e){return function(t){return t<.5?(1-e(1-2*t))/2:.5+e(2*(t-.5))/2}}function db(r,t,e){function hj(t){return 1===t?1:i*Math.pow(2,-10*t)*B((t-a)*n)+1}var i=1<=t?t:1,n=(e||(r?.3:.45))/(t<1?t:1),a=n/S*(Math.asin(1/i)||0),s="out"===r?hj:"in"===r?function(t){return 1-hj(1-t)}:cb(hj);return n=S/n,s.config=function(t,e){return db(r,t,e)},s}function eb(e,r){function pj(t){return--t*t*((r+1)*t+r)+1}void 0===r&&(r=1.70158);var t="out"===e?pj:"in"===e?function(t){return 1-pj(1-t)}:cb(pj);return t.config=function(t){return eb(e,t)},t}var E,i,a,u,h,l,f,c,_,d,m,g,v,y,w,b,T,x,k,O,P,N={autoSleep:120,force3D:"auto",units:{lineHeight:""}},R={duration:.5,overwrite:!1,delay:0},C=1e8,M=1/C,S=2*Math.PI,A=S/4,D=0,z=Math.sqrt,F=Math.cos,B=Math.sin,j=Array.isArray,Y=/(?:-?\.?\d|\.)+/gi,G=/[-+=\.]*\d+[\.e\-\+]*\d*[e\-\+]*\d*/gi,H=/[-+=\.]*\d+(?:\.|e-|e)*\d*/gi,Q=/\(([^()]+)\)/i,K=/[\+-]=-?[\.\d]+/,tt=/[#\-+\.]*\b[a-z\d-=+%.]+/gi,et={},rt={},it=[],nt={},at={},st={},ot=30,ut=[],ht="onComplete,onUpdate,onStart,onRepeat,onReverseComplete",lt=[].slice,ft=function _merge(t,e){for(var r in e)t[r]=e[r];return t},ct={_start:0,endTime:L},_t=function _callback(t,e,r){var i,n,a=t.vars,s=a[e];if(s)return i=a[e+"Params"],n=a.callbackScope||t,r&&it.length&&ea(),i?1===i.length?s.call(n,i[0]):s.apply(n,i):s.call(n,t)},pt=255,dt={aqua:[0,pt,pt],lime:[0,pt,0],silver:[192,192,192],black:[0,0,0],maroon:[128,0,0],teal:[0,128,128],blue:[0,0,pt],navy:[0,0,128],white:[pt,pt,pt],olive:[128,128,0],yellow:[pt,pt,0],orange:[pt,165,0],gray:[128,128,128],purple:[128,0,128],green:[0,128,0],red:[pt,0,0],pink:[pt,192,203],cyan:[0,pt,pt],transparent:[pt,pt,pt,0]},mt=function(){var t,e="(?:\\b(?:(?:rgb|rgba|hsl|hsla)\\(.+?\\))|\\B#(?:[0-9a-f]{3}){1,2}\\b";for(t in dt)e+="|"+t+"\\b";return new RegExp(e+")","gi")}(),gt=/hsl[a]?\(/,vt=(g=Date.now,v=500,y=33,w=g(),b=w,x=T=1/60,m={time:0,frame:0,tick:function tick(){ji(!0)},wake:function wake(){l&&(!a&&t()&&(i=a=window||global||{},u=i.document||{},et.gsap=Vt,I(h||i.GreenSockGlobals||i),d=i.requestAnimationFrame),c&&m.sleep(),_=d||function(t){return setTimeout(t,1e3*(x-m.time)+1|0)},f=1,ji(2))},sleep:function sleep(){(d?i.cancelAnimationFrame:clearTimeout)(c),f=0,_=L},lagSmoothing:function lagSmoothing(t,e){v=t||1e8,y=Math.min(e,v,0)},fps:function fps(t){T=1/(t||60),x=m.time+T},add:function add(t){k.indexOf(t)<0&&k.push(t),yt()},remove:function remove(t){var e;~(e=k.indexOf(t))&&k.splice(e,1)},_listeners:k=[]}),yt=function _wake(){return!f&&vt.wake()},wt={},bt=/^[\d.\-M][\d.\-,\s]/,Tt=/["']/g,xt=function _parseEase(t,e){return(o(t)?t:wt[t]||Za(t))||e};function ji(t){var e,r,i=g()-b,n=!0===t;v<i&&(w+=i-y),b+=i,m.time=(b-w)/1e3,(0<(e=m.time-x)||n)&&(m.frame++,x+=e+(T<=e?.004:T-e),r=1),n||(c=_(ji)),r&&k.forEach(function(t){return t(m.time,i,m.frame)})}function Gj(t){return t<P?O*t*t:t<.7272727272727273?O*Math.pow(t-1.5/2.75,2)+.75:t<.9090909090909092?O*(t-=2.25/2.75)*t+.9375:O*Math.pow(t-2.625/2.75,2)+.984375}Z("Linear,Quad,Cubic,Quart,Quint,Strong",function(t,e){var r=e<5?e+1:e;bb(t+",Power"+(r-1),e?function(t){return Math.pow(t,r)}:function(t){return t},function(t){return 1-Math.pow(1-t,r)},function(t){return t<.5?Math.pow(2*t,r)/2:1-Math.pow(2*(1-t),r)/2})}),wt.Linear.easeNone=wt.none=wt.Linear.easeIn,bb("Elastic",db("in"),db("out"),db()),O=7.5625,P=1/2.75,bb("Bounce",function(t){return 1-Gj(1-t)},Gj),bb("Expo",function(t){return t?Math.pow(2,10*(t-1)):0}),bb("Circ",function(t){return-(z(1-t*t)-1)}),bb("Sine",function(t){return 1-F(t*A)}),bb("Back",eb("in"),eb("out"),eb()),wt.SteppedEase=wt.steps=et.SteppedEase={config:function config(t,e){void 0===t&&(t=1);var r=1/t,i=t+(e?0:1),n=e?1:0;return function(t){return((i*X(0,.99999999,t)|0)+n)*r}}},R.ease=wt["quad.out"];var kt=function GSCache(t,e){this.id=D++,(t._gsap=this).target=t,this.harness=e,this.get=e?e.get:W,this.set=e?e.getSetter:Bt},Ot=function(){function Animation(t,e){var r=t.parent||E;this.vars=t,this._dur=this._tDur=+t.duration||0,this._delay=+t.delay||0,(this._repeat=t.repeat||0)&&(this._rDelay=t.repeatDelay||0,this._yoyo=!!t.yoyo||!!t.yoyoEase,xa(this)),this._ts=1,this.data=t.data,f||vt.wake(),r&&ua(r,this,e||0===e?e:r._time),t.reversed&&this.reversed(!0),t.paused&&this.paused(!0)}var t=Animation.prototype;return t.delay=function delay(t){return t||0===t?(this._delay=t,this):this._delay},t.duration=function duration(t){var e=arguments.length,r=this._repeat,i=0<r?r*((e?t:this._dur)+this._rDelay):0;return e?this.totalDuration(r<0?t:t+i):this.totalDuration()&&this._dur},t.totalDuration=function totalDuration(t){if(!arguments.length)return this._tDur;var e=this._repeat,r=(t||this._rDelay)&&e<0;return this._tDur=r?1e20:t,this._dur=r?t:(t-e*this._rDelay)/(e+1),this._dirty=0,qa(this.parent)},t.totalTime=function totalTime(t,e){if(yt(),!arguments.length)return this._tTime;var r,i=this.parent||this._gc;if(i&&i.smoothChildTiming&&this._ts){for(r=this._start,this._start=i._time-(0<this._ts?t/this._ts:((this._dirty?this.totalDuration():this._tDur)-t)/-this._ts),this._end+=this._start-r,i._dirty||qa(i);i.parent;)i.parent._time!==i._start+(0<i._ts?i._tTime/i._ts:(i.totalDuration()-i._tTime)/-i._ts)&&i.totalTime(i._tTime,!0),i=i.parent;this.parent||ua(this._gc,this,this._start-this._delay)}return this._tTime===t&&this._dur||fa(this,t,e),this},t.time=function time(t,e){return arguments.length?this.totalTime(t+sa(this),e):this._time},t.totalProgress=function totalProgress(t,e){return arguments.length?this.totalTime(this.totalDuration()*t,e):this._tTime/this.totalDuration()},t.progress=function progress(t,e){return arguments.length?this.totalTime(this.duration()*t+sa(this),e):this.duration()?this._time/this._dur:this.ratio},t.iteration=function iteration(t,e){var r=this.duration()+this._rDelay;return arguments.length?this.totalTime(this._time+(t-1)*r,e):this._repeat?1+~~(this._tTime/r):1},t.timeScale=function timeScale(t){if(!arguments.length)return this._ts||this._pauseTS;if(!t)return this.pause();var e=this._ts;return this._ts=t,this._end=this._start+(this._tDur/(t||this._pauseTS)||0),e||this.resume(),function _recacheAncestors(t){for(var e=t.parent;e&&e.parent;)e._dirty=1,e.totalDuration(),e=e.parent;return t}(this).totalTime(this._tTime,!0)},t.paused=function paused(t){var e=0===this._ts;return arguments.length?(e!==t&&(t?(this._pauseTS=this._ts,this._ts=this._act=0):(this._ts=this._pauseTS,this.totalTime(this._tTime,!0))),this):e},t.startTime=function startTime(t){return arguments.length?(this.parent&&this.parent._sort&&ua(this.parent,this,t-this._delay),this):this._start},t.endTime=function endTime(t){return this._start+(s(t)?this.totalDuration():this.duration())/this._ts},t.rawTime=function rawTime(t){var e=this.parent||this._gc;return e?t&&(!this._ts||this._repeat&&this._time&&this.totalProgress()<1)?this._tTime%(this._dur+this._rDelay):this._ts?(e.rawTime(t)-this._start)*this._ts:this._tTime:this._tTime},t.repeat=function repeat(t){return arguments.length?(this._repeat=t,xa(this)):this._repeat},t.repeatDelay=function repeatDelay(t){return arguments.length?(this._rDelay=t,xa(this)):this._rDelay},t.yoyo=function yoyo(t){return arguments.length?(this._yoyo=t,this):this._yoyo},t.seek=function seek(t,e){return this.totalTime(za(this,t),s(e))},t.restart=function restart(t,e){return this.play().totalTime(t?-this._delay:0,s(e))},t.play=function play(t,e){return null!=t&&this.seek(t,e),this.reversed(!1).paused(!1)},t.reverse=function reverse(t,e){return null!=t&&this.seek(t||this.totalDuration(),e),this.reversed(!0).paused(!1)},t.pause=function pause(t,e){return null!=t&&this.seek(t,e),this.paused(!0)},t.resume=function resume(){return this.paused(!1)},t.reversed=function reversed(t){var e=this._ts||this._pauseTS;return arguments.length?(e=Math.abs(e)*(t?-1:1),this[this._ts?"_ts":"_pauseTS"]=e,this.totalTime(this._tTime,!0)):e<0},t.invalidate=function invalidate(){return this._initted=0,this},t.isActive=function isActive(){var t,e=this.parent||this._gc,r=this._start;return!e||this._ts&&e.isActive()&&(t=e.rawTime(!0))>=r&&t<this.endTime(!0)-M},t.eventCallback=function eventCallback(t,e,r){var i=this.vars;return 1<arguments.length?(e?(i[t]=e,r&&(i[t+"Params"]=r),"onUpdate"===t&&(this._onUpdate=e)):delete i[t],this):i[t]},t.then=function then(e){var r=this;return void 0===e&&(e=L),new Promise(function(t){r._prom=function(){e(r),t(r)}})},t.kill=function kill(){pa(this)},Animation}();ga(Ot.prototype,{_time:0,_start:0,_end:0,_tTime:0,_tDur:0,_dirty:0,_repeat:0,_yoyo:!1,parent:0,_rDelay:0,_ts:1,_gc:0,ratio:0,_zTime:-M,_prom:0});var Pt=function(i){function Timeline(t,e){var r;return void 0===t&&(t={}),(r=i.call(this,t,e)||this).labels={},r.smoothChildTiming=s(t.smoothChildTiming),r.autoRemoveChildren=!!t.autoRemoveChildren,r._sort=s(t.sortChildren),r}_inheritsLoose(Timeline,i);var t=Timeline.prototype;return t.to=function to(t,e,r,i){return new Rt(t,ca(arguments,0,this),za(this,p(e)?i:r)),this},t.from=function from(t,e,r,i){return new Rt(t,ca(arguments,1,this),za(this,p(e)?i:r)),this},t.fromTo=function fromTo(t,e,r,i,n){return new Rt(t,ca(arguments,2,this),za(this,p(e)?n:i)),this},t.set=function set(t,e,r){return e.duration=0,e.parent=this,e.repeatDelay||(e.repeat=0),new Rt(t,e,za(this,r)),this},t.call=function call(t,e,r){return ua(this,Rt.delayedCall(0,t,e),za(this,r))},t.staggerTo=function staggerTo(t,e,r,i,n,a,s){return r.duration=e,r.stagger=r.stagger||i,r.onComplete=a,r.onCompleteParams=s,r.parent=this,new Rt(t,r,za(this,n)),this},t.staggerFrom=function staggerFrom(t,e,r,i,n,a,o){return r.runBackwards=1,r.immediateRender=s(r.immediateRender),this.staggerTo(t,e,r,i,n,a,o)},t.staggerFromTo=function staggerFromTo(t,e,r,i,n,a,o,u){return i.startAt=r,i.immediateRender=s(i.immediateRender),this.staggerTo(t,e,i,n,a,o,u)},t.render=function render(t,e,r){var i,n,a,s,o,u,h,l,f,c,_,p,d=this._time,m=this._dirty?this.totalDuration():this._tDur,g=this._dur,v=m-M<t&&0<=t&&this!==E?m:t<M?0:t;if(g||(r=r||this._zTime<0!=t<0)&&(d=this._zTime),v!==this._tTime||r){if(i=v,f=this._start,u=0===(l=this._ts),d!==this._time&&g&&(i+=this._time-d),this._repeat&&(_=this._yoyo,o=g+this._rDelay,(g<(i=$(v%o))||m===v)&&(i=g),(s=~~(v/o))&&s===v/o&&(i=g,s--),(c=~~(this._tTime/o))&&c===this._tTime/o&&c--,_&&1&s&&(i=g-i,p=1),s!==c&&!this._lock)){var y=_&&1&c,w=y===(_&&1&s);if(s<c&&(y=!y),d=y?0:g,this._lock=1,this.render(d,e,!g)._lock=0,!e&&this.parent&&_t(this,"onRepeat"),d!==this._time||u!=!this._ts)return this;if(w&&(this._lock=2,d=y?g+1e-4:-1e-4,this.render(d,!0)),this._lock=0,!this._ts&&!u)return this;_a(this,p)}if(this._hasPause&&!this._forcing&&this._lock<2&&(h=function _findNextPauseTween(t,e,r){var i;if(e<r)for(i=t._first;i&&i._start<=r;){if(!i._dur&&"isPause"===i.data&&i._start>e)return i;i=i._next}else for(i=t._last;i&&i._start>=r;){if(!i._dur&&"isPause"===i.data&&i._start<e)return i;i=i._prev}}(this,d,i))&&(v-=i-(i=h._start)),this._tTime=v,this._time=i,this._act=!l,this._initted||(this._onUpdate=this.vars.onUpdate,this._initted=1),d||!i||e||_t(this,"onStart"),d<=i)for(n=this._first;n;){if(a=n._next,(n._act||i>=n._start)&&n._ts&&h!==n&&(n.render(0<n._ts?(i-n._start)*n._ts:(n._dirty?n.totalDuration():n._tDur)+(i-n._start)*n._ts,e,r),i!==this._time||!this._ts&&!u)){h=0;break}n=a}else for(n=this._last;n;){if(a=n._prev,(n._act||i<=n._end)&&n._ts&&h!==n&&(n.render(0<n._ts?(i-n._start)*n._ts:(n._dirty?n.totalDuration():n._tDur)+(i-n._start)*n._ts,e,r),i!==this._time||!this._ts&&!u)){h=0;break}n=a}if(h&&!e&&(this.pause(),h.render(0)._zTime=1,this._ts))return this._start=f,this.render(t,e,r);this._onUpdate&&!e&&_t(this,"onUpdate",!0),(v===m||!v&&this._ts<0)&&(f!==this._start&&l===this._ts||(!i||m>=this.totalDuration())&&(pa(this,1),e||(_t(this,v===m?"onComplete":"onReverseComplete",!0),this._prom&&v===m&&this._prom())))}return this},t.add=function add(t,e){var r=this;if(p(e)||(e=za(this,e)),!(t instanceof Ot)){if(j(t))return t.forEach(function(t){return r.add(t,e)}),qa(this);if(n(t))return this.addLabel(t,e);if(!o(t))return this;t=Rt.delayedCall(0,t)}return ua(this,t,e)},t.getChildren=function getChildren(t,e,r,i){void 0===t&&(t=!0),void 0===e&&(e=!0),void 0===r&&(r=!0),void 0===i&&(i=-C);for(var n=[],a=this._first;a;)a._start>=i&&(a instanceof Rt?e&&n.push(a):(r&&n.push(a),t&&n.push.apply(n,a.getChildren(!0,e,r)))),a=a._next;return n},t.remove=function remove(t){return n(t)?this.removeLabel(t):o(t)?this.killTweensOf(t):(oa(this,t),t===this._recent&&(this._recent=this._last),qa(this))},t.totalTime=function totalTime(t,e){return arguments.length?(this._forcing=1,this===E&&this._ts&&(this._start=vt.time-(0<this._ts?t/this._ts:(this.totalDuration()-t)/-this._ts)),i.prototype.totalTime.call(this,t,e),this._forcing=0,this):this._tTime},t.addLabel=function addLabel(t,e){return this.labels[t]=za(this,e),this},t.removeLabel=function removeLabel(t){return delete this.labels[t],this},t.addPause=function addPause(t,e,r){var i=Rt.delayedCall(0,e||L,r);return i.data="isPause",this._hasPause=1,ua(this,i,t)},t.removePause=function removePause(t){var e=this._first;for(t=za(this,t);e;)e._start===t&&"isPause"===e.data&&pa(e),e=e._next},t.killTweensOf=function killTweensOf(t,e,r){for(var i=this.getTweensOf(t,r),n=i.length;n--;)i[n].kill(t,e);return this},t.getTweensOf=function getTweensOf(t,e){for(var r,i=[],n=aa(t),a=this._first;a;)a instanceof Rt?!ba(a._targets,n)||e&&!a.isActive()||i.push(a):(r=a.getTweensOf(n,e)).length&&i.push.apply(i,r),a=a._next;return i},t.tweenTo=function tweenTo(t,e){var r=this,i=za(r,t),n=e&&e.startAt,a=Rt.to(r,ga({ease:"none",lazy:!1,time:i,duration:Math.abs(i-(n&&"time"in n?n.time:r._time))/r.timeScale()||M,onStart:function onStart(){r.pause();var t=Math.abs(i-r._time)/r.timeScale();a._dur!==t&&(a._dur=t,a.render(a._time,!0,!0)),e&&e.onStart&&e.onStart.apply(a,e.onStartParams||[])}},e));return a},t.tweenFromTo=function tweenFromTo(t,e,r){return this.tweenTo(e,ga({startAt:{time:za(this,t)}},r))},t.recent=function recent(){return this._recent},t.nextLabel=function nextLabel(t){return void 0===t&&(t=this._time),Ha(this,za(this,t))},t.previousLabel=function previousLabel(t){return void 0===t&&(t=this._time),Ha(this,za(this,t),1)},t.currentLabel=function currentLabel(t){return arguments.length?this.seek(t,!0):this.previousLabel(this._time+M)},t.shiftChildren=function shiftChildren(t,e,r){void 0===r&&(r=0);for(var i,n=this._first,a=this.labels;n;)n._start>=r&&(n._start+=t),n=n._next;if(e)for(i in a)a[i]>=r&&(a[i]+=t);return qa(this)},t.invalidate=function invalidate(){var t=this._first;for(this._lock=0;t;)t.invalidate(),t=t._next;return i.prototype.invalidate.call(this)},t.clear=function clear(t){void 0===t&&(t=!0);for(var e,r=this._first;r;)e=r._next,this.remove(r),r=e;return this._time=this._tTime=0,t&&(this.labels={}),qa(this)},t.totalDuration=function totalDuration(t){var e,r,i=0,n=this,a=n._last,s=C,o=n._repeat,u=o*n._rDelay||0,h=o<0;if(arguments.length)return h?n:n.timeScale(n.totalDuration()/t);if(n._dirty){for(;a;)e=a._prev,a._dirty&&a.totalDuration(),a._start>s&&n._sort&&a._ts&&!n._lock?(n._lock=1,ua(n,a,a._start-a._delay),n._lock=0):s=a._start,a._start<0&&a._ts&&(i-=a._start,(n===E||n.parent&&n.parent.smoothChildTiming)&&(n._start+=a._start/n._ts,n._time-=a._start,n._tTime-=a._start),n.shiftChildren(-a._start,!1,-C),s=0),i<(r=a._end=a._start+a._tDur/Math.abs(a._ts))&&(i=$(r)),a=e;n._dur=n===E&&n._time>i?n._time:Math.min(C,i),n._tDur=h&&(n._dur||u)?1e20:Math.min(C,i*(o+1)+u),n._end=n._start+(n._tDur/Math.abs(n._ts||n._pauseTS)||0),n._dirty=0}return n._tDur},Timeline.updateRoot=function updateRoot(t){if(E._ts&&fa(E,function _parentToChildTotalTime(t,e){return 0<e._ts?(t-e._start)*e._ts:(e._dirty?e.totalDuration():e._tDur)+(t-e._start)*e._ts}(t,E)),vt.frame>=ot){ot+=N.autoSleep||120;var e=E._first;if((!e||!e._ts)&&N.autoSleep&&vt._listeners.length<2){for(;e&&!e._ts;)e=e._next;e||vt.sleep()}}},Timeline}(Ot);ga(Pt.prototype,{_lock:0,_hasPause:0,_forcing:0});function lb(t,e,i,n,a,s){var u,h,l,f;if(at[t]&&!1!==(u=new at[t]).init(a,u.rawVars?e[t]:function _processVars(t,e,i,n,a){if(o(t)&&(t=At(t,a,e,i,n)),!r(t)||t.style&&t.nodeType||j(t))return t;var s,u={};for(s in t)u[s]=At(t[s],a,e,i,n);return u}(e[t],n,a,s,i),i,n,s))for(i._pt=h=new Xt(i._pt,a,t,0,1,u.render,u,0,u.priority),l=i._ptLookup[i._targets.indexOf(a)],f=u._props.length;f--;)l[u._props[f]]=h;return u}function pb(t){return o(t)||n(t)}var Ct,Mt=function _addPropTween(t,e,r,i,a,s,u,h,l){o(i)&&(i=i(a||0,t,s));var f,c=t[e],_="get"!==r?r:o(c)?l?t[e.indexOf("set")||!o(t["get"+e.substr(3)])?e:"get"+e.substr(3)](l):t[e]():c,p=o(c)?l?Lt:Ft:zt;if(n(i)&&(~i.indexOf("random(")&&(i=Ea(i)),"="===i.charAt(1)&&(i=parseFloat(_)+parseFloat(i.substr(2))*("-"===i.charAt(0)?-1:1)+V(_))),_!==i)return isNaN(_+i)?function _addComplexStringPropTween(t,e,r,i,n,a,s){var o,u,h,l,f,c,_,p,d=new Xt(this._pt,t,e,0,1,Nt,null,n),m=0,g=0;for(d.b=r,d.e=i,r+="",(_=~(i+="").indexOf("random("))&&(i=Ea(i)),a&&(a(p=[r,i],t,e),r=p[0],i=p[1]),u=r.match(H)||[];o=H.exec(i);)l=o[0],f=i.substring(m,o.index),h?h=(h+1)%5:"rgba("===f.substr(-5)&&(h=1),l!==u[g++]&&(c=parseFloat(u[g-1]),d._pt={_next:d._pt,p:f||1===g?f:",",s:c,c:"="===l.charAt(1)?parseFloat(l.substr(2))*("-"===l.charAt(0)?-1:1):parseFloat(l)-c,m:h&&h<4?Math.round:0},m=H.lastIndex);return d.c=m<i.length?i.substring(m,i.length):"",d.fp=s,(K.test(i)||_)&&(d.e=0),this._pt=d}.call(this,t,e,_,i,p,h||N.stringFilter,l):(f=new Xt(this._pt,t,e,+_||0,i-(_||0),It,0,p),l&&(f.fp=l),u&&f.modifier(u,this,t),this._pt=f)},St=function _initTween(t,e){var r,i,n,a,o,u,h,l,f,c,_,p=t.vars,d=p.ease,m=p.startAt,g=p.immediateRender,v=p.lazy,y=p.onUpdate,w=p.onUpdateParams,b=p.callbackScope,T=p.runBackwards,x=p.yoyoEase,k=p.keyframes,O=t._dur,P=t._startAt,C=t._targets,M=t.parent,S=M&&"nested"===M.data?M.parent._targets:C,A="auto"===t._overwrite,D=t.timeline;if(!D||k&&d||(d="none"),t._ease=xt(d,R.ease),t._yEase=x?function _invertEase(e){return function(t){return 1-e(1-t)}}(xt(!0===x?d:x,R.ease)):0,x&&t._yoyo&&!t._repeat&&(x=t._yEase,t._yEase=t._ease,t._ease=x),!D){if(m){if(P&&P.render(-1,!0).kill(),pa(t._startAt=Rt.set(C,ga({data:"isStart",overwrite:!1,parent:M,immediateRender:!0,lazy:s(v),startAt:null,delay:0,onUpdate:y,onUpdateParams:w,callbackScope:b,stagger:0},m))),g)if(0<e)t._startAt=0;else if(O)return}else if(T&&O)if(P)P.render(-1,!0).kill(),t._startAt=0;else if(e&&(g=!1),pa(t._startAt=Rt.set(C,ft(ka(p,rt),{overwrite:!1,data:"isFromStart",lazy:g&&s(v),immediateRender:g,stagger:0,parent:M}))),g){if(!e)return}else _initTween(t._startAt,e),g&&(t._startAt=0);for(r=ka(p,rt),l=C[t._pt=0]?(C[0]._gsap||U(C)[0]._gsap).harness:0,i=0;i<C.length;i++){if(h=(o=C[i])._gsap||U(C)[i]._gsap,t._ptLookup[i]=c={},nt[h.id]&&ea(),_=S===C?i:S.indexOf(o),A&&(Ct=t,E.killTweensOf(o,r,!0),Ct=0),l&&!1!==(f=new l).init(o,r,t,_,S))t._pt=a=new Xt(t._pt,o,f.name,0,1,f.render,f,0,f.priority),f._props.forEach(function(t){c[t]=a}),f.priority&&(u=1);else for(n in r)at[n]&&(f=lb(n,r,t,_,o,S))?f.priority&&(u=1):c[n]=a=Mt.call(t,o,n,"get",r[n],_,S,0,p.stringFilter);t._op&&t._op[i]&&t.kill(o,t._op[i]),t._pt&&(s(v)&&O||v&&!O)&&(nt[h.id]=1)}u&&qt(t),t._onInit&&t._onInit(t)}t._from=!D&&!!p.runBackwards,t._onUpdate=y,t._initted=1},At=function _parseFuncOrString(t,e,r,i,a){return o(t)?t.call(e,r,i,a):n(t)&&~t.indexOf("random(")?Ea(t):t},Dt=ht+",repeat,repeatDelay,yoyo,yoyoEase",Et=(Dt+",id,stagger,delay,duration").split(","),Rt=function(x){function Tween(t,e,i){var n;"number"==typeof e&&(i.duration=e,e=i,i=null);var a,o,u,h,l,f,c,_,p=(n=x.call(this,function _inheritDefaults(t){var e=t.parent||E,r=t.keyframes?ha:ga;if(s(t.inherit))for(;e;)r(t,e.vars.defaults),e=e.parent;return t}(e),i)||this).vars,d=p.duration,m=p.delay,g=p.immediateRender,v=p.stagger,y=p.overwrite,w=p.keyframes,b=p.defaults,T=aa(t);if(n._targets=T.length?U(T):J("Cannot tween a null target")||[{}],n._ptLookup=[],n._overwrite=y,w||v||pb(d)||pb(m)){if(e=n.vars,(a=n.timeline=new Pt({data:"nested",defaults:b||{}})).kill(),a.parent=_assertThisInitialized(n),w)ga(a.vars.defaults,{ease:"none"}),w.forEach(function(t){return a.to(T,t,">")});else{if(h=T.length,c=v?da(v):L,r(v))for(l in v)~Dt.indexOf(l)&&((_=_||{})[l]=v[l]);for(o=0;o<h;o++){for(l in u={},e)Et.indexOf(l)<0&&(u[l]=e[l]);u.stagger=0,_&&ft(u,_),e.yoyoEase&&!e.repeat&&(u.yoyoEase=e.yoyoEase),f=T[o],u.duration=+At(e.duration,_assertThisInitialized(n),o,f,T),u.delay=+At(e.delay,_assertThisInitialized(n),o,f,T)||0,a.to(f,u,c(o,f,T)),d=0}}d||n.duration(d=a.duration())}else n.timeline=0;return!0===y&&(Ct=_assertThisInitialized(n),E.killTweensOf(T),Ct=0),(g||!d&&!w&&n._start===n.parent._time&&s(g))&&(n._tTime=-M,n.render(Math.max(0,-m))),n}_inheritsLoose(Tween,x);var t=Tween.prototype;return t.render=function render(t,e,r){var i,n,a,o,u,h,l,f,c,_=this._time,p=this._tDur,d=this._dur,m=p-M<t&&0<=t?p:t<M?0:t;if(d){if(m!==this._tTime||r){if(i=m,f=this.timeline,this._repeat){if(o=d+this._rDelay,d<(i=$(m%o))&&(i=d),(a=~~(m/o))&&a===m/o&&(i=d,a--),(h=this._yoyo&&1&a)&&(c=this._yEase,i=d-i),(u=~~(this._tTime/o))&&u===this._tTime/o&&u--,i===_&&!r)return this;a!==u&&(f&&this._yEase&&_a(f,h),this.vars.repeatRefresh&&!this._lock&&(this._lock=1,this.render(o*a,!0).invalidate()._lock=0))}if(!this._initted){if(St(this,i),!this._initted)return this;if(!r&&this._pt&&s(this.vars.lazy)&&!this.timeline)return it.push(this),this._lazy=[m,e],this}for(this._tTime=m,this._time=i,!this._act&&this._ts&&i&&(this._act=1,this._lazy&&(this._lazy=0)),this.ratio=l=(c||this._ease)(i/d),this._from&&(this.ratio=l=1-l),_||!i||e||_t(this,"onStart"),n=this._pt;n;)n.r(l,n.d),n=n._next;f&&f.render(t<0?t:f._dur*l,e,r),this._onUpdate&&!e&&(t<0&&this._startAt&&this._startAt.render(t,!0,r),_t(this,"onUpdate")),this._repeat&&a!==u&&this.vars.onRepeat&&!e&&this.parent&&_t(this,"onRepeat"),(m===p||!m&&this._ts<0)&&(t<0&&this._startAt&&!this._onUpdate&&this._startAt.render(t,!0,r),pa(this,1),e||(_t(this,m===p?"onComplete":"onReverseComplete",!0),this._prom&&m===p&&this._prom()))}}else!function _renderZeroDurationTween(t,e,r,i){var n,a,s,o=t._zTime<0?0:1,u=e<0?0:1,h=t._rDelay,l=0;if(h&&t._repeat&&((a=~~((l=X(0,t._tDur,e))/h))&&a===l/h&&a--,(s=~~(t._tTime/h))&&s===t._tTime/h&&s--,a!==s&&(o=1-u,t.vars.repeatRefresh&&t.invalidate())),!t._initted){if(St(t,e),!t._initted)return;if(!i&&t._pt&&t.vars.lazy)return it.push(t),t._lazy=[e,r]}if(u!==o||i){for(r&&!e||(t._zTime=e),t.ratio=u,t._from&&(u=1-u),t._time=0,t._tTime=l,r||_t(t,"onStart"),n=t._pt;n;)n.r(u,n.d),n=n._next;!u&&t._startAt&&!t._onUpdate&&t._start&&t._startAt.render(e,!0,i),t._onUpdate&&!r&&(e<0&&t._startAt&&t._start&&t._startAt.render(e,!0,i),_t(t,"onUpdate")),l&&t.vars.onRepeat&&!r&&t.parent&&_t(t,"onRepeat"),(e>=t._tDur||e<0)&&(pa(t,1),r||(_t(t,t.ratio?"onComplete":"onReverseComplete",!0),t._prom&&t.ratio&&t._prom()))}}(this,t,e,r);return this},t.targets=function targets(){return this._targets},t.invalidate=function invalidate(){return this._pt=this._op=this._startAt=this._onUpdate=this._act=this._lazy=0,this._ptLookup=[],this.timeline&&this.timeline.invalidate(),x.prototype.invalidate.call(this)},t.kill=function kill(t,e){if(void 0===e&&(e="all"),Ct===this)return Ct;if(!(t||e&&"all"!==e)&&this.parent)return this._lazy=0,pa(this),this;if(this.timeline)return this.timeline.killTweensOf(t,e),this;var r,i,a,s,o,u,h,l=this._targets,f=t?aa(t):l,c=this._ptLookup,_=this._pt;if((!e||"all"===e)&&function _arraysMatch(t,e){for(var r=t.length,i=r===e.length;i&&r--&&t[r]===e[r];);return r<0}(l,f))return pa(this),this;for(r=this._op=this._op||[],"all"!==e&&(n(e)&&(o={},Z(e,function(t){return o[t]=1}),e=o),e=function _addAliasesToVars(t,e){var r,i,n,a,s=t[0]?(t[0]._gsap||U(t)[0]._gsap).harness:0,o=s&&s.aliases;if(!o)return e;for(i in r=ft({},e),o)if(i in r)for(n=(a=o[i].split(",")).length;n--;)r[a[n]]=r[i];return r}(l,e)),h=l.length;h--;)if(~f.indexOf(l[h]))for(o in i=c[h],"all"===e?(r[h]=e,s=i,a={}):(a=r[h]=r[h]||{},s=e),s)(u=i&&i[o])&&("kill"in u.d?u.d.kill(o):(oa(this,u,"_pt"),delete i[o])),a[o]=1;return this._initted&&!this._pt&&_&&pa(this),this},Tween.to=function to(t,e,r){return new Tween(t,e,r)},Tween.from=function from(t,e){return new Tween(t,ca(arguments,1))},Tween.delayedCall=function delayedCall(t,e,r,i){return new Tween(e,0,{immediateRender:!1,lazy:!1,overwrite:!1,delay:t,onComplete:e,onReverseComplete:e,onCompleteParams:r,onReverseCompleteParams:r,callbackScope:i})},Tween.fromTo=function fromTo(t,e,r){return new Tween(t,ca(arguments,2))},Tween.set=function set(t,e){return e.duration=0,e.repeatDelay||(e.repeat=0),new Tween(t,e)},Tween.killTweensOf=function killTweensOf(t,e,r){return E.killTweensOf(t,e,r)},Tween}(Ot);ga(Rt.prototype,{_targets:[],_initted:0,_lazy:0,_startAt:0,_op:0,_onInit:0}),Z("staggerTo,staggerFrom,staggerFromTo",function(r){Rt[r]=function(){var t=new Pt,e=aa(arguments);return e.splice("staggerFromTo"===r?5:4,0,0),t[r].apply(t,e)}});function xb(t,e,r){return t.setAttribute(e,r)}function Eb(t,e,r,i){i.mSet(t,e,i.m.call(i.tween,r,i.mt),i)}var zt=function _setterPlain(t,e,r){return t[e]=r},Ft=function _setterFunc(t,e,r){return t[e](r)},Lt=function _setterFuncWithParam(t,e,r,i){return t[e](i.fp,r)},Bt=function _getSetter(t,e){return o(t[e])?Ft:q(t[e])?xb:zt},It=function _renderPlain(t,e){return e.set(e.t,e.p,~~(1e4*(e.s+e.c*t))/1e4,e)},Nt=function _renderComplexString(t,e){var r=e._pt,i="";if(!t&&e.b)i=e.b;else if(1===t&&e.e)i=e.e;else{for(;r;)i=r.p+(r.m?r.m(r.s+r.c*t):~~(1e4*(r.s+r.c*t))/1e4)+i,r=r._next;i+=e.c}e.set(e.t,e.p,i,e)},$t=function _renderPropTweens(t,e){for(var r=e._pt;r;)r.r(t,r.d),r=r._next},jt=function _addPluginModifier(t,e,r,i){for(var n,a=this._pt;a;)n=a._next,a.p===i&&a.modifier(t,e,r),a=n},Ut=function _killPropTweensOf(t){for(var e,r=this._pt;r;)e=r._next,r.p===t&&oa(this,r,"_pt"),r=e},qt=function _sortPropTweensByPriority(t){for(var e,r,i,n,a=t._pt;a;){for(e=a._next,r=i;r&&r.pr>a.pr;)r=r._next;(a._prev=r?r._prev:n)?a._prev._next=a:i=a,(a._next=r)?r._prev=a:n=a,a=e}t._pt=i},Xt=function(){function PropTween(t,e,r,i,n,a,s,o,u){this.t=e,this.s=i,this.c=n,this.p=r,this.r=a||It,this.d=s||this,this.set=o||zt,this.pr=u||0,(this._next=t)&&(t._prev=this)}return PropTween.prototype.modifier=function modifier(t,e,r){this.mSet=this.mSet||this.set,this.set=Eb,this.m=t,this.mt=r,this.tween=e},PropTween}();Z(ht+",parent,duration,ease,delay,timeScale,overwrite,runBackwards,startAt,yoyo,immediateRender,repeat,repeatDelay,data,paused,reversed,lazy,callbackScope,stringFilter,id,yoyoEase,stagger,inherit,repeatRefresh,keyframes",function(t){rt[t]=1,"on"===t.substr(0,2)&&(rt[t+"Params"]=1)}),et.TweenMax=et.TweenLite=Rt,et.TimelineLite=et.TimelineMax=Pt,E=new Pt({sortChildren:!1,defaults:R,autoRemoveChildren:!0,id:"root"}),N.stringFilter=Ra;var Vt={registerPlugin:function registerPlugin(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];e.forEach(function(t){return Ja(t)})},timeline:function timeline(t){return new Pt(t)},getTweensOf:function getTweensOf(t,e){return E.getTweensOf(t,e)},getProperty:function getProperty(i,t,e,r){yt(),n(i)&&(i=aa(i)[0]);var a=at[t];return t?i?a&&a.get?a.get(i):(i._gsap||U([i])[0]._gsap).get(i,t,e,r):null:function(t,e,r){return Vt.getProperty(i,t,e,r)}},isTweening:function isTweening(t){return 0<E.getTweensOf(t,!0).length},defaults:function defaults(t){return arguments.length?(ja(R,t),Vt):R},config:function config(t){return arguments.length?(ja(N,t),Vt):N},registerEffect:function registerEffect(t){var n=t.name,i=t.effect,e=t.plugins,a=t.defaults,s=t.extendTimeline;return yt(),(e||"").split(",").forEach(function(t){return t&&!(t in at)&&!(t in et)&&J(n+" effect requires "+t+" plugin.")}),st[n]=function(t,e){return i(aa(t),ga(e||{},a))},s&&(Pt.prototype[n]=function(t,e,i){return this.add(st[n](t,r(e)?e:(i=e)&&{}),i)}),Vt},registerEase:function registerEase(t,e){wt[t]=xt(e)},parseEase:function parseEase(t){return t?xt(t):wt},getById:function getById(t){for(var e=E.getChildren(1,1,1),r=e.length;r--;)if(e[r].vars.id===t)return e[r]},exportRoot:function exportRoot(t,e){void 0===t&&(t={});var r,i,n=new Pt(t);for(n.smoothChildTiming=s(t.smoothChildTiming),E.remove(n),n._time=n._totalTime=E._time,r=E._first;r;)i=r._next,!e&&!r._dur&&r instanceof Rt&&r.vars.onComplete===r._targets[0]||ua(n,r,r._start-r._delay),r=i;return ua(E,n,0),n},utils:{cycle:function _cycle(e,t){return isNaN(t)?function(t){return e[t%e.length]}:_cycle(e)(t)},distribute:da,random:Ca,snap:Ba,getUnit:V,clamp:function _clampModifier(e,r,t){return isNaN(t)?function(t){return X(e,r,t)}:X(e,r,t)},splitColor:Na,toArray:aa,mapRange:function _mapRange(e,t,r,i,n){var a=t-e,s=i-r;return isNaN(n)?function(t){return r+(t-e)/a*s}:_mapRange(e,t,r,i)(n)},pipe:function pipe(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return function(t){return e.reduce(function(t,e){return e(t)},t)}},interpolate:function _interpolate(e,r,t,i){var a=isNaN(e+r)?0:function(t){return(1-t)*e+t*r};if(!a){var s,o,u,h,l,f=n(e),c={};if(f)e={p:e},r={p:r};else if(j(e)&&!j(r)){for(u=[],h=e.length,l=h-2,o=1;o<h;o++)u.push(_interpolate(e[o-1],e[o]));h--,a=function func(t){t*=h;var e=Math.min(l,~~t);return u[e](t-e)},t=r}else i||(e=ft(j(e)?[]:{},e));if(!u){for(s in r)Mt.call(c,e,s,"get",r[s]);a=function func(t){return $t(t,c)||(f?e.p:e)}}}return p(t)?a(t):a}},install:I,effects:st,ticker:vt,updateRoot:Pt.updateRoot,plugins:at,globalTimeline:E,_:ft({PropTween:Xt,globals:et,Tween:Rt,Timeline:Pt},et)};Z("to,from,fromTo,delayedCall,set,killTweensOf",function(t){return Vt[t]=Rt[t]}),vt.add(Pt.updateRoot);function Jb(t,a){return{name:t,rawVars:1,init:function init(t,i,e){e._onInit=function(t){var e,r;if(n(i)&&(e={},Z(i,function(t){return e[t]=1}),i=e),a){for(r in e={},i)e[r]=a(i[r]);i=e}!function _addModifiers(t,e){var r,i,n,a=t._targets;for(r in e)for(i=a.length;i--;)(n=t._ptLookup[i][r])&&n.d.modifier&&n.d.modifier(e[r],t,a[i],r)}(t,i)}}}}Vt.registerPlugin({name:"attr",init:function init(t,e,r,i,n){for(var a in e)this.add(t,"setAttribute",(t.getAttribute(a)||0)+"",e[a],i,n,0,0,a),this._props.push(a)}},{name:"endArray",init:function init(t,e){for(var r=e.length;r--;)this.add(t,r,t[r],e[r])}},Jb("roundProps",Aa),Jb("modifiers"),Jb("snap",Ba)),Rt.version=Pt.version=Vt.version="3.0.0-beta.7",l=1,t()&&yt();function sc(t,e){return e.set(e.t,e.p,~~(1e4*(e.s+e.c*t))/1e4+e.u,e)}function tc(t,e){return e.set(e.t,e.p,1===t?e.e:~~(1e4*(e.s+e.c*t))/1e4+e.u,e)}function uc(t,e){return e.set(e.t,e.p,t?~~(1e4*(e.s+e.c*t))/1e4+e.u:e.b,e)}function vc(t,e){var r=e.s+e.c*t;e.set(e.t,e.p,~~(r+(r<0?-.5:.5))+e.u,e)}function wc(t,e){return e.set(e.t,e.p,t?e.e:e.b,e)}function xc(t,e){return e.set(e.t,e.p,1!==t?e.b:e.e,e)}function yc(t,e,r){return t.style[e]=r}function zc(t,e,r){return t._gsap[e]=r}function Ac(t,e,r){return t._gsap.scaleX=t._gsap.scaleY=r}function Bc(t,e,r,i,n){var a=t._gsap;a.scaleX=a.scaleY=r,a.renderTransform(n,a)}function Cc(t,e,r,i,n){var a=t._gsap;a[e]=r,a.renderTransform(n,a)}function Gc(t,e){var r=Zt.createElementNS?Zt.createElementNS((e||"http://www.w3.org/1999/xhtml").replace(/^https/,"http"),t):Zt.createElement(t);return r.style?r:Zt.createElement(t)}function Hc(t,e){var r=getComputedStyle(t);return r[e]||r.getPropertyValue(e.replace(Oe,"-$1").toLowerCase())||r.getPropertyValue(e)}function Ic(t,e){var r=(e||Ht).style,i=5,n="O,Moz,ms,Ms,Webkit".split(",");if(t in r)return t;for(t=t.charAt(0).toUpperCase()+t.substr(1);i--&&!(n[i]+t in r););return i<0?null:(3===i?"ms":0<=i?n[i]:"")+t}function Jc(){!function _windowExists(){return"undefined"!=typeof window}()||(Yt=window,Zt=Yt.document,Gt=Zt.documentElement,Ht=Gc("div")||{style:{}},Qt=Gc("div"),Ae=Ic(Ae),De=Ic(Ae),Ht.style.cssText="border-width:0;line-height:0;position:absolute;padding:0",Kt=!!Ic("perspective"),Jt=1)}function Lc(t,e){for(var r=e.length;r--;)if(t.hasAttribute(e[r]))return t.getAttribute(e[r])}function Mc(e){var r;try{r=e.getBBox()}catch(t){r=function _getBBoxHack(t){var e,r=Gc("svg",this.ownerSVGElement&&this.ownerSVGElement.getAttribute("xmlns")||"http://www.w3.org/2000/svg"),i=this.parentNode,n=this.nextSibling,a=this.style.cssText;if(Gt.appendChild(r),r.appendChild(this),this.style.display="block",t)try{e=this.getBBox(),this._gsapBBox=this.getBBox,this.getBBox=_getBBoxHack}catch(t){}else this._gsapBBox&&(e=this._gsapBBox());return n?i.insertBefore(this,n):i.appendChild(this),Gt.removeChild(r),this.style.cssText=a,e}.call(e,!0)}return!r||r.width||r.x||r.y?r:{x:+Lc(e,["x","cx","x1"]),y:+Lc(e,["y","cy","y1"]),width:0,height:0}}function Nc(t){return!(!t.getCTM||t.parentNode&&!t.ownerSVGElement||!Mc(t))}function Oc(t,e){if(e){var r=t.style;e in be&&(e=Ae),r.removeProperty?("ms"!==e.substr(0,2)&&"webkit"!==e.substr(0,6)||(e="-"+e),r.removeProperty(e.replace(Oe,"-$1").toLowerCase())):r.removeAttribute(e)}}function Pc(t,e,r,i,n,a){var s=new Xt(t._pt,e,r,0,1,a?xc:wc);return(t._pt=s).b=i,s.e=n,t._props.push(r),s}function Rc(t,e,r,i){var n,a,s,o=parseFloat(r),u=(r+"").substr((o+"").length),h=Ht.style,l=Ce.test(e),f=l?"offsetWidth":"offsetHeight",c="px"===i;return i===u||Ee[i]||Ee[u]?o:"%"===i&&be[e]?$(c?t[f]*o/100:o/t[f]*100):(h[l?"width":"height"]=100+(c?u:i),a="em"===i&&t.appendChild?t:t.parentNode,t.getCTM&&Nc(t)&&(a=(t.ownerSVGElement||{}).parentNode),a&&a!==Zt&&a.appendChild||(a=Zt.body),(s=a._gsap)&&"%"===i&&s.width&&l&&s.time===vt.time?n=s.width*o/100:(a.appendChild(Ht),n=Ht[f],a.removeChild(Ht),l&&"%"===i&&((s=a._gsap=a._gsap||{}).time=vt.time,s.width=n/o*100)),$(c?n*o/100:100/n*o))}function Sc(t,e,r,i){var n,a;return Jt||Jc(),e in Se&&~(e=Se[e]).indexOf(",")&&(e=e.split(",")[0]),be[e]&&(a=Be(t,i)[e],n="transformOrigin"!==e),n||(a=t.style[e]||Hc(t,e)||W(t,e)),r?Rc(t,e,a,r)+r:a}function Tc(t,e,r,i){var n,a,s,o,u,h,l,f,c,_,p,d,m=new Xt(this._pt,t.style,e,0,1,Nt),g=0,v=0;if(m.b=r,m.e=i,r+="","auto"===(i+="")&&(t.style[e]=i,i=Hc(t,e)||i,t.style[e]=r),Ra(n=[r,i]),i=n[1],s=(r=n[0]).match(Pe)||[],(i.match(Pe)||[]).length){for(;a=Pe.exec(i);)l=a[0],c=i.substring(g,a.index),u?u=(u+1)%5:"rgba("===c.substr(-5)&&(u=1),l!==(h=s[v++]||"")&&(o=parseFloat(h)||0,p=h.substr((o+"").length),(d="="===l.charAt(1)?+(l.charAt(0)+"1"):0)&&(l=l.substr(2)),f=parseFloat(l),_=l.substr((f+"").length),g=Pe.lastIndex-_.length,_||(_=_||N.units[e]||p,g===i.length&&(i+=_,m.e+=_)),p!==_&&(o=Rc(t,e,h,_)),m._pt={_next:m._pt,p:c||1===v?c:",",s:o,c:d?d*f:f-o,m:u&&u<4?Math.round:0});m.c=g<i.length?i.substring(g,i.length):""}else m.r="display"===e?xc:wc;return K.test(i)&&(m.e=0),this._pt=m}function Vc(t){var e=t.split(" "),r=e[0],i=e[1]||"50%";return"top"!==r&&"bottom"!==r&&"left"!==i&&"right"!==i||(e=r,r=i,i=e),(Re[r]||r)+" "+(Re[i]||i)}function Wc(t,e){if(e.tween&&e.tween._time===e.tween._dur){var r,i,n,a=e.t,s=a.style,o=e.u;if("all"===o||!0===o)s.cssText="",i=1;else for(n=(o=o.split(",")).length;-1<--n;)r=o[n],be[r]&&(i=1,r="transformOrigin"===r?De:Ae),Oc(a,r);i&&(Oc(a,Ae),(i=a._gsap)&&(i.svg&&a.removeAttribute("transform"),delete i.x))}}function $c(t){var e=Hc(t,Ae);return"matrix(1, 0, 0, 1, 0, 0)"!==e&&"none"!==e&&e?e.substr(7).match(G).map($):Fe}function _c(t,e){var r,i,n,a,s=t._gsap,o=t.style,u=$c(t);return s.svg&&t.getAttribute("transform")?"1,0,0,1,0,0"===(u=[(n=t.transform.baseVal.consolidate().matrix).a,n.b,n.c,n.d,n.e,n.f]).join(",")?Fe:u:(u!==Fe||t.offsetParent||t===Gt||s.svg||(n=o.display,o.display="block",(r=t.parentNode)&&t.offsetParent||(a=1,i=t.nextSibling,Gt.appendChild(t)),u=$c(t),n?o.display=n:Oc(t,"display"),a&&(i?r.insertBefore(t,i):r?r.appendChild(t):Gt.removeChild(t))),e&&6<u.length?[u[0],u[1],u[4],u[5],u[12],u[13]]:u)}function ad(t,e,r,i,n,a){var s,o,u,h=t._gsap,l=n||_c(t,!0),f=h.xOrigin||0,c=h.yOrigin||0,_=h.xOffset||0,p=h.yOffset||0,d=l[0],m=l[1],g=l[2],v=l[3],y=l[4],w=l[5],b=e.split(" "),T=parseFloat(b[0])||0,x=parseFloat(b[1])||0;r?l!==Fe&&(o=d*v-m*g)&&(u=T*(-m/o)+x*(d/o)-(d*w-m*y)/o,T=T*(v/o)+x*(-g/o)+(g*w-v*y)/o,x=u):(T=(s=Mc(t)).x+(~b[0].indexOf("%")?T/100*s.width:T),x=s.y+(~b[1].indexOf("%")?x/100*s.height:x)),i||!1!==i&&h.smooth?(y=T-f,w=x-c,h.xOffset+=y*d+w*g-y,h.yOffset+=y*m+w*v-w):h.xOffset=h.yOffset=0,h.xOrigin=T,h.yOrigin=x,h.smooth=!!i,h.origin=e,h.originIsAbsolute=!!r,a&&(Pc(a,h,"xOrigin",f,T),Pc(a,h,"yOrigin",c,x),Pc(a,h,"xOffset",_,h.xOffset),Pc(a,h,"yOffset",p,h.yOffset))}function fd(t,e,r,i,a,s){var o,u,h=360,l=n(a),f=parseFloat(a)*(l&&~a.indexOf("rad")?Te:1),c=s?f*s:f-i,_=i+c+"deg";return l&&("short"===(o=a.split("_")[1])&&(c%=h)!==c%180&&(c+=c<0?h:-h),"cw"===o&&c<0?c=(c+36e9)%h-~~(c/h)*h:"ccw"===o&&0<c&&(c=(c-36e9)%h-~~(c/h)*h)),t._pt=u=new Xt(t._pt,e,r,i,c,tc),u.e=_,u.u="deg",t._props.push(r),u}function gd(t,e,r){var i,n,a,s,o,u,h,l=Qt.style,f=r._gsap;for(n in l.cssText=getComputedStyle(r).cssText+";position:absolute;display:block;",l[Ae]=e,Zt.body.appendChild(Qt),i=Be(Qt,1),be)(a=f[n])!==(s=i[n])&&"perspective"!==n&&(o=V(a)!==(h=V(s))?Rc(r,n,a,h):parseFloat(a),u=parseFloat(s),t._pt=new Xt(t._pt,f,n,o,u-o,sc),t._pt.u=h,t._props.push(n));Zt.body.removeChild(Qt)}var Yt,Zt,Gt,Jt,Ht,Qt,Wt,Kt,te,ee,re,ie=wt.Power0,ne=wt.Power1,ae=wt.Power2,se=wt.Power3,oe=wt.Power4,ue=wt.Linear,he=wt.Quad,le=wt.Cubic,fe=wt.Quart,ce=wt.Quint,_e=wt.Strong,pe=wt.Elastic,de=wt.Back,me=wt.SteppedEase,ge=wt.Bounce,ve=wt.Sine,ye=wt.Expo,we=wt.Circ,be={},Te=180/Math.PI,xe=Math.PI/180,ke=Math.atan2,Oe=/([A-Z])/g,Pe=/[-+=\.]*\d+[\.e-]*\d*[a-z%]*/g,Ce=/(?:left|right|width|margin|padding|x)/i,Me=/[\s,\(]\S/,Se={autoAlpha:"opacity,visibility",scale:"scaleX,scaleY",alpha:"opacity"},Ae="transform",De="transformOrigin",Ee={deg:1,rad:1,turn:1},Re={top:"0%",bottom:"100%",left:"0%",right:"100%",center:"50%"},ze={clearProps:function clearProps(t,e,r,i,n){var a=t._pt=new Xt(t._pt,e,r,0,0,Wc);return a.u=i,a.pr=-10,a.tween=n,t._props.push(r),1}},Fe=[1,0,0,1,0,0],Le={},Be=function _parseTransform(t,e){var r=t._gsap||new kt(t);if("x"in r&&!e)return r;var i,n,a,s,o,u,h,l,f,c,_,p,d,m,g,v,y,w,b,T,x,k,O,P,C,M,S,A,D,E,R=t.style,z=r.scaleX<0,F=r.xOrigin||0,L=r.yOrigin||0,B="deg";return i=n=a=u=h=l=f=c=_=0,s=o=1,r.svg=!(!t.getCTM||!Nc(t)),p=_c(t,r.svg),r.svg&&ad(t,Hc(t,"transformOrigin")||"0",r.originIsAbsolute,!1!==r.smooth,p),p!==Fe&&(v=p[0],y=p[1],w=p[2],b=p[3],i=T=p[4],n=x=p[5],6===p.length?(s=Math.sqrt(v*v+y*y),o=Math.sqrt(b*b+w*w),u=v||y?ke(y,v)*Te:r.rotation||0,f=w||b?ke(w,b)*Te+u:r.skewX||0,r.svg&&(i-=F-(F*v+L*w),n-=L-(F*y+L*b))):(E=p[6],A=p[7],C=p[8],M=p[9],S=p[10],D=p[11],i=p[12],n=p[13],a=p[14],h=(d=ke(E,S))*Te,d&&(k=T*(m=Math.cos(-d))+C*(g=Math.sin(-d)),O=x*m+M*g,P=E*m+S*g,C=T*-g+C*m,M=x*-g+M*m,S=E*-g+S*m,D=A*-g+D*m,T=k,x=O,E=P),l=(d=ke(-w,S))*Te,d&&(m=Math.cos(-d),D=b*(g=Math.sin(-d))+D*m,v=k=v*m-C*g,y=O=y*m-M*g,w=P=w*m-S*g),u=(d=ke(y,v))*Te,d&&(k=v*(m=Math.cos(d))+y*(g=Math.sin(d)),O=T*m+x*g,y=y*m-v*g,x=x*m-T*g,v=k,T=O),h&&359.9<Math.abs(h)+Math.abs(u)&&(h=u=0,l=180-l),s=$(Math.sqrt(v*v+y*y+w*w)),o=$(Math.sqrt(x*x+E*E)),d=ke(T,x),f=2e-4<Math.abs(d)?d*Te:0,_=D?1/(D<0?-D:D):0)),90<Math.abs(f)&&Math.abs(f)<270&&(z?(s*=-1,f+=u<=0?180:-180,u+=u<=0?180:-180):(o*=-1,f+=f<=0?180:-180)),r.x=i+"px",r.y=n+"px",r.z=a+"px",r.scaleX=$(s),r.scaleY=$(o),r.rotation=$(u)+B,r.rotationX=$(h)+B,r.rotationY=$(l)+B,r.skewX=f+B,r.skewY=c+B,r.transformPerspective=_+"px",r.xPercent=r.yPercent=r.xOffset=r.yOffset=0,r.force3D=N.force3D,r.renderTransform=r.svg?$e:Kt?Ne:Ie,r.svg&&R[Ae]&&Vt.delayedCall(.001,function(){return Oc(t,Ae)}),r},Ie=function _renderNon3DTransforms(t,e){e.z="0px",e.rotationY=e.rotationX="0deg",e.force3D=0,Ne(t,e)},Ne=function _renderCSSTransforms(t,e){var r=e.xPercent,i=e.yPercent,n=e.x,a=e.y,s=e.z,o=e.rotation,u=e.rotationY,h=e.rotationX,l=e.skewX,f=e.skewY,c=e.scaleX,_=e.scaleY,p=e.transformPerspective,d="",m="0deg",g=") ",v="auto"===e.force3D&&t&&1!==t,y="0px";(r||i)&&(d="translate("+r+"%, "+i+"%) "),!v&&n===y&&a===y&&s===y||(d+=s!==y||v?"translate3d("+n+", "+a+", "+s+") ":"translate("+n+", "+a+g),p!==y&&(d+="perspective("+p+g),o!==m&&(d+="rotate("+o+g),u!==m&&(d+="rotateY("+u+g),h!==m&&(d+="rotateX("+h+g),l===m&&f===m||(d+="skew("+l+", "+f+g),1===c&&1===_||(d+="scale("+c+", "+_+g),e.target.style[Ae]=d||"translate(0, 0)"},$e=function _renderSVGTransforms(t,e){var r,i,n,a,s,o=e.xPercent,u=e.yPercent,h=e.x,l=e.y,f=e.rotation,c=e.skewX,_=e.skewY,p=e.scaleX,d=e.scaleY,m=e.target,g=e.xOrigin,v=e.yOrigin,y=e.xOffset,w=e.yOffset,b=parseFloat(h),T=parseFloat(l);f=parseFloat(f),c=parseFloat(c),(_=parseFloat(_))&&(c+=_=parseFloat(_),f+=_),f||c?(f*=xe,c*=xe,r=Math.cos(f)*p,i=Math.sin(f)*p,n=Math.sin(f-c)*-d,a=Math.cos(f-c)*d,c&&(_*=xe,s=Math.tan(c-_),n*=s=Math.sqrt(1+s*s),a*=s,_&&(s=Math.tan(_),r*=s=Math.sqrt(1+s*s),i*=s)),r=$(r),i=$(i),n=$(n),a=$(a)):(r=p,a=d,i=n=0),(b&&!~h.indexOf("px")||T&&!~l.indexOf("px"))&&(b=Rc(m,"x",h,"px"),T=Rc(m,"y",l,"px")),(g||v||y||w)&&(b=$(b+g-(g*r+v*n)+y),T=$(T+v-(g*i+v*a)+w)),(o||u)&&(s=m.getBBox(),b=$(b+o/100*s.width),T=$(T+u/100*s.height)),m.setAttribute("transform","matrix("+r+","+i+","+n+","+a+","+b+","+T+")")},je={name:"css",register:Jc,targetTest:function targetTest(t){return t.style&&t.nodeType},init:function init(t,e,r,i,n){var a,s,o,u,h,l,f,c,_,p,d,m,g,v,y,w=this._props,b=t.style;for(f in Jt||Jc(),e)if("autoRound"!==f&&(s=e[f],!at[f]||!lb(f,e,r,i,t,n)))if(l=ze[f],"function"===(h=typeof s)&&(h=typeof(s=s.call(r,i,t,n))),"string"===h&&~s.indexOf("random(")&&(s=Ea(s)),l)l(this,t,f,s,r)&&(y=1);else if("--"===f.substr(0,2))this.add(b,"setProperty",getComputedStyle(t).getPropertyValue(f)+"",s+"",i,n,0,0,f);else{if(a=Sc(t,f),u=parseFloat(a),(p="string"===h&&"="===s.charAt(1)?+(s.charAt(0)+"1"):0)&&(s=s.substr(2)),o=parseFloat(s),f in Se&&("autoAlpha"===f&&(1===u&&"hidden"===Sc(t,"visibility")&&o&&(u=0),Pc(this,b,"visibility",u?"inherit":"hidden",o?"inherit":"hidden",!o)),"scale"!==f&&~(f=Se[f]).indexOf(",")&&(f=f.split(",")[0])),d=f in be){if(m||(g=t._gsap,v=!1!==e.smoothOrigin&&g.smooth,m=this._pt=new Xt(this._pt,b,Ae,0,1,g.renderTransform,g)),"scale"===f){this._pt=new Xt(this._pt,t,"scale",u,p?p*o:o-u,0,0,Ac),w.push("scale");continue}if("transformOrigin"===f){s=Vc(s),g.svg?ad(t,s,0,v,0,this):Pc(this,b,f,a,s);continue}if("svgOrigin"===f){ad(t,s,1,v,0,this);continue}if(f in Le){fd(this,g,f,u,s,p);continue}if("smoothOrigin"===f){Pc(this,g,"smooth",g.smooth,s);continue}if("force3D"===f){g[f]=s;continue}if("transform"===f){gd(this,s,t);continue}}if(!o&&0!==o||!u&&0!==u||Me.test(s))if(q(b[f])){if(!(f in t)){J("Invalid "+f+" tween "+s+". Missing a plugin? gsap.registerPlugin()");continue}this.add(t,f,t[f],s,i,n)}else Tc.call(this,t,f,a,s);else(c=(a+"").substr((u+"").length))!==(_=(s+"").substr((o+"").length)||(f in N.units?N.units[f]:c))&&(u=Rc(t,f,a,_)),this._pt=new Xt(this._pt,d?g:b,f,u,p?p*o:o-u,"px"!==_||!1===e.autoRound||d?sc:vc),this._pt.u=_||0,c!==_&&(this._pt.b=a,this._pt.r=uc);w.push(f)}y&&qt(this)},get:Sc,aliases:Se,getSetter:function getSetter(t,e,r){return e in be?r&&Wt===r?"scale"===e?Ac:zc:(Wt=r)&&("scale"===e?Bc:Cc):yc}};Vt.utils.checkPrefix=Ic,re=Z((te="x,y,z,scale,scaleX,scaleY,xPercent,yPercent")+","+(ee="rotation,rotationX,rotationY,skewX,skewY")+",transform,transformOrigin,svgOrigin,force3D,smoothOrigin,transformPerspective",function(t){be[t]=1}),Z(ee,function(t){N.units[t]="deg",Le[t]=1}),Se[re[13]]=te+","+ee,Z("0:translateX,1:translateY,2:translateZ,8:rotate,8:rotationZ,9:rotateX,10:rotateY",function(t){var e=t.split(":");Se[e[1]]=re[e[0]]}),Z("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,perspective",function(t){N.units[t]="px"}),Vt.registerPlugin(je),Vt.registerPlugin(je),e.Back=de,e.Bounce=ge,e.CSSPlugin=je,e.Circ=we,e.Cubic=le,e.Elastic=pe,e.Expo=ye,e.Linear=ue,e.Power0=ie,e.Power1=ne,e.Power2=ae,e.Power3=se,e.Power4=oe,e.Quad=he,e.Quart=fe,e.Quint=ce,e.Sine=ve,e.SteppedEase=me,e.Strong=_e,e.TimelineLite=Pt,e.TimelineMax=Pt,e.TweenLite=Rt,e.TweenMax=Rt,e.default=Vt,e.gsap=Vt,Object.defineProperty(e,"__esModule",{value:!0})}); | ||
| */function n(t){return"string"==typeof t}function o(t){return"function"==typeof t}function p(t){return"number"==typeof t}function q(t){return void 0===t}function r(t){return"object"==typeof t}function s(t){return!1!==t}function t(){return"undefined"!=typeof window}function I(t){return(h=dt(t,it))&&Zt}function J(t){return"undefined"!=typeof console&&console.warn(t)}function K(t,e){return t&&(it[t]=e)&&h&&(h[t]=e)||it}function L(){return 0}function U(t){var e,n,i=t[0];if(!r(i)&&!o(i))return Z(t)?t:[t];if(!(e=(i._gsap||{}).harness)){for(n=ft.length;n--&&!ft[n].targetTest(i););e=ft[n]}for(n=t.length;n--;)t[n]._gsap||(t[n]._gsap=new Mt(t[n],e));return t}function V(t){return t._gsap||U(pt(t))[0]._gsap}function W(t){return(t+"").substr((parseFloat(t)+"").length)}function X(t,e){var r=t[e];return o(r)?t[e]():q(r)&&t.getAttribute(e)||r}function Y(t,e,r){return r<t?t:e<r?e:r}function $(t,e){return(t=t.split(",")).forEach(e)||t}function _(t){return Math.round(1e4*t)/1e4}function ca(t,e){for(var r=e.length,n=0;t.indexOf(e[n])<0&&++n<r;);return n<r}function da(t,e,r){var n,i=p(t[1]),a=(i?2:1)+(e<2?0:1),o=t[a];return i&&(o.duration=t[1]),1===e?(o.runBackwards=1,o.immediateRender=s(o.immediateRender)):2===e&&(n=t[a-1],o.startAt=n,o.immediateRender=s(o.immediateRender)),o.parent=r,o}function ea(t){if(o(t))return t;var d=r(t)?t:{each:t},m=n(d.ease)?Pt(d.ease):d.ease,g=d.from||0,v=parseFloat(d.base)||0,y={},e=0<g&&g<1,w=isNaN(g)||e,b=d.axis,T=g,x=g;return n(g)?T=x={center:.5,end:1}[g]||0:!e&&w&&(T=g[0],x=g[1]),function(t,e,r){var n,i,a,s,o,u,h,l,f,c=(r||d).length,p=y[c];if(!p){if(!(f="auto"===d.grid?0:(d.grid||[A])[0])){for(h=-A;h<(h=r[f++].getBoundingClientRect().left)&&f<c;);f--}for(p=y[c]=[],n=w?Math.min(f,c)*T-.5:g%f,i=w?c*x/f-.5:g/f|0,l=A,u=h=0;u<c;u++)a=u%f-n,s=i-(u/f|0),p[u]=o=b?Math.abs("y"===b?s:a):B(a*a+s*s),h<o&&(h=o),o<l&&(l=o);p.max=h-l,p.min=l,p.v=c=parseFloat(d.amount)||parseFloat(d.each)*(c<f?c-1:b?"y"===b?c/f:f:Math.max(f,c/f))||0,p.b=c<0?v-c:v,p.u=W(d.amount||d.each)||0}return c=(p[t]-p.min)/p.max||0,_(p.b+(m?m(c):c)*p.v)+p.u}}function fa(){var t,e,r=st.length,n=st.slice(0);for(ot={},t=st.length=0;t<r;t++)(e=n[t])&&e._lazy&&(e.render(e._lazy[0],e._lazy[1],!0)._lazy=0)}function ga(t,e,r,n){st.length&&fa(),t.render(e,r,n),st.length&&fa()}function ha(t){var e=parseFloat(t);return e||0===e?e:t}function ia(t){return t}function ja(t,e){for(var r in e)r in t||(t[r]=e[r]);return t}function ka(t,e){for(var r in e)r in t||"duration"===r||"ease"===r||(t[r]=e[r])}function ma(t,e){for(var n in e)t[n]=r(e[n])?ma(t[n]||(t[n]={}),e[n]):e[n];return t}function na(t,e){var r,n={};for(r in t)r in e||(n[r]=t[r]);return n}function ra(t,e,r,n){void 0===r&&(r="_first"),void 0===n&&(n="_last");var i=e._prev,a=e._next;i?i._next=a:t[r]===e&&(t[r]=a),a?a._prev=i:t[n]===e&&(t[n]=i),e._gc=t,e._next=e._prev=e.parent=null}function sa(t,e){!t.parent||e&&!t.parent.autoRemoveChildren||t.parent.remove(t),t._act=0}function ta(t){for(var e=t;e;)e._dirty=1,e=e.parent;return t}function va(t){var e;return t._repeat?(e=t.duration()+t._rDelay)*~~(t._tTime/e):0}function xa(t,e,r){if(e.parent&&sa(e),e._start=r+e._delay,e._end=e._start+(e.totalDuration()/e._ts||0),function _addLinkedListItem(t,e,r,n,i){void 0===r&&(r="_first"),void 0===n&&(n="_last");var a,s=t[n];if(i)for(a=e[i];s&&s[i]>a;)s=s._prev;s?(e._next=s._next,s._next=e):(e._next=t[r],t[r]=e),e._next?e._next._prev=e:t[n]=e,e._prev=s,e.parent=t}(t,e,"_first","_last",t._sort?"_start":0),(t._recent=e)._time||!e._dur&&e._initted){var n=(t.rawTime()-e._start)*e._ts;(!e._dur||Y(0,e.totalDuration(),n)-e._tTime>S)&&e.render(n,!1,!1)}if(ta(t),t._gc&&t._time>=t._dur&&t._ts&&t._dur<t.duration())for(var i=t;i._gc;)i.totalTime(i._tTime,!0),i=i._gc;return t}function Aa(t){if(t instanceof St)return ta(t);var e=t._repeat;return t._tDur=e?e<0?1e20:_(t._dur*(e+1)+t._rDelay*e):t._dur,ta(t.parent),t}function Ca(t,e){var r,i,a=t.labels,s=t._recent||mt,o=t.duration()>=A?s.endTime(!1):t._dur;return n(e)&&(isNaN(e)||e in a)?"<"===(r=e.charAt(0))||">"===r?("<"===r?s._start:s.endTime(0<=s._repeat))+(parseFloat(e.substr(1))||0):(r=e.indexOf("="))<0?(e in a||(a[e]=o),a[e]):(i=+(e.charAt(r-1)+e.substr(r+1)),1<r?Ca(t,e.substr(0,r-1))+i:o+i):null==e?o:+e}function Da(e){var r=e<1?Math.pow(10,(e+"").length-2):1;return function(t){return~~(Math.round(parseFloat(t)/e)*e*r)/r+(p(t)?0:W(t))}}function Ea(u,t){if(t||0===t)return Ea(u)(t);var h,l,e=Z(u);return!e&&r(u)&&(h=e=u.radius||A,u=pt(u.values),(l=!p(u[0]))&&(h*=h)),e?function(t){for(var e,r,n=parseFloat(l?t.x:t),i=parseFloat(l?t.y:0),a=A,s=0,o=u.length;o--;)(e=l?(e=u[o].x-n)*e+(r=u[o].y-i)*r:Math.abs(u[o]-n))<a&&(a=e,s=o);return s=!h||a<=h?u[s]:t,l||s===t||p(t)?s:s+W(t)}:Da(u)}function Fa(t,e,r,n){return n?function(){return Fa(t,e,r)}:Z(t)?t[~~(Math.random()*t.length)]:(r=r||1e-5)&&(n=r<1?Math.pow(10,(r+"").length-2):1)&&~~(Math.round((t+Math.random()*(e-t))/r)*r*n)/n}function Ha(e,r,t){return isNaN(t)?function(t){return e[~~r(t)]}:Ha(e,r)(t)}function Ka(t){for(var e,r,n,i,a=0,s="";~(e=t.indexOf("random(",a));)n=t.indexOf(")",e),i="["===t.charAt(e+7),r=t.substr(e+7,n-e-7).match(i?nt:G),s+=t.substr(a,e-a)+Fa(i?r:+r[0],+r[1],+r[2]||1e-5),a=n+1;return s+t.substr(a,t.length-a)}function La(e,t,r,n,i){var a=t-e,s=n-r;return isNaN(i)?function(t){return r+(t-e)/a*s}:La(e,t,r,n)(i)}function Na(t,e,r){var n,i,a,s=t.labels,o=A;for(n in s)(i=s[n]-e)<0==!!r&&i&&o>(i=Math.abs(i))&&(a=n,o=i);return a}function Pa(t){return sa(t),t.progress()<1&>(t,"onInterrupt"),t}function Ua(t,e,r){return(6*(t=t<0?t+1:1<t?t-1:t)<1?e+(r-e)*t*6:t<.5?r:3*t<2?e+(r-e)*(2/3-t)*6:e)*vt+.5|0}function Va(t,e){var r,n,i,a,s,o,u,h,l,f,c=t?p(t)?[t>>16,t>>8&vt,t&vt]:0:yt.black;if(!c){if(","===t.substr(-1)&&(t=t.substr(0,t.length-1)),yt[t])c=yt[t];else if("#"===t.charAt(0))4===t.length&&(t="#"+(r=t.charAt(1))+r+(n=t.charAt(2))+n+(i=t.charAt(3))+i),c=[(t=parseInt(t.substr(1),16))>>16,t>>8&vt,t&vt];else if("hsl"===t.substr(0,3))if(c=f=t.match(G),e){if(~t.indexOf("="))return t.match(H)}else a=+c[0]%360/360,s=+c[1]/100,r=2*(o=+c[2]/100)-(n=o<=.5?o*(s+1):o+s-o*s),3<c.length&&(c[3]*=1),c[0]=Ua(a+1/3,r,n),c[1]=Ua(a,r,n),c[2]=Ua(a-1/3,r,n);else c=t.match(G)||yt.transparent;c=c.map(Number)}return e&&!f&&(r=c[0]/vt,n=c[1]/vt,i=c[2]/vt,o=((u=Math.max(r,n,i))+(h=Math.min(r,n,i)))/2,u===h?a=s=0:(l=u-h,s=.5<o?l/(2-u-h):l/(u+h),a=u===r?(n-i)/l+(n<i?6:0):u===n?(i-r)/l+2:(r-n)/l+4,a*=60),c[0]=a+.5|0,c[1]=100*s+.5|0,c[2]=100*o+.5|0),c}function Wa(t,e){var r,n,i,a=(t+"").match(wt),s=0,o="";if(!a)return t;for(r=0;r<a.length;r++)n=a[r],s+=(i=t.substr(s,t.indexOf(n,s)-s)).length+n.length,3===(n=Va(n,e)).length&&n.push(1),o+=i+(e?"hsla("+n[0]+","+n[1]+"%,"+n[2]+"%,"+n[3]:"rgba("+n.join(","))+")";return o+t.substr(s)}function Za(t){var e,r=t.join(" ");wt.lastIndex=0,wt.test(r)&&(e=bt.test(r),t[0]=Wa(t[0],e),t[1]=Wa(t[1],e))}function fb(t){var e=(t+"").split("("),r=kt[e[0]];return r&&1<e.length&&r.config?r.config.apply(null,~t.indexOf("{")?[function _parseObjectInString(t){for(var e,r,n,i={},a=t.substr(1,t.length-3).split(":"),s=a[0],o=1,u=a.length;o<u;o++)r=a[o],e=o!==u-1?r.lastIndexOf(","):r.length,n=r.substr(0,e),i[s]=isNaN(n)?n.replace(Ot,"").trim():+n,s=r.substr(e+1).trim();return i}(e[1])]:et.exec(t)[1].split(",").map(ha)):kt._CE&&Ct.test(t)?kt._CE("",t):r}function hb(t,e){for(var r,n=t._first;n;)n instanceof St?hb(n,e):!n.vars.yoyoEase||n._yoyo&&n._repeat||n._yoyo===e||(n.timeline?hb(n.timeline,e):(r=n._ease,n._ease=n._yEase,n._yEase=r,n._yoyo=e)),n=n._next}function jb(t,e,r,n){void 0===r&&(r=function easeOut(t){return 1-e(1-t)}),void 0===n&&(n=function easeInOut(t){return t<.5?e(2*t)/2:1-e(2*(1-t))/2});var i,a={easeIn:e,easeOut:r,easeInOut:n};return $(t,function(t){for(var e in kt[t]=it[t]=a,kt[i=t.toLowerCase()]=r,a)kt[i+("easeIn"===e?".in":"easeOut"===e?".out":".inOut")]=kt[t+"."+e]=a[e]}),a}function kb(e){return function(t){return t<.5?(1-e(1-2*t))/2:.5+e(2*(t-.5))/2}}function lb(r,t,e){function Mj(t){return 1===t?1:n*Math.pow(2,-10*t)*Q((t-a)*i)+1}var n=1<=t?t:1,i=(e||(r?.3:.45))/(t<1?t:1),a=i/D*(Math.asin(1/n)||0),s="out"===r?Mj:"in"===r?function(t){return 1-Mj(1-t)}:kb(Mj);return i=D/i,s.config=function(t,e){return lb(r,t,e)},s}function mb(e,r){function Uj(t){return--t*t*((r+1)*t+r)+1}void 0===r&&(r=1.70158);var t="out"===e?Uj:"in"===e?function(t){return 1-Uj(1-t)}:kb(Uj);return t.config=function(t){return mb(e,t)},t}var F,i,a,u,h,l,c,f,d,m,g,v,y,w,b,T,x,k,C,O,P,M,N={autoSleep:120,force3D:"auto",units:{lineHeight:""}},R={duration:.5,overwrite:!1,delay:0},A=1e8,S=1/A,D=2*Math.PI,E=D/4,z=0,B=Math.sqrt,j=Math.cos,Q=Math.sin,Z=Array.isArray,G=/(?:-?\.?\d|\.)+/gi,H=/[-+=\.]*\d+[\.e\-\+]*\d*[e\-\+]*\d*/gi,tt=/[-+=\.]*\d+(?:\.|e-|e)*\d*/gi,et=/\(([^()]+)\)/i,rt=/[\+-]=-?[\.\d]+/,nt=/[#\-+\.]*\b[a-z\d-=+%.]+/gi,it={},at={},st=[],ot={},ut={},ht={},lt=30,ft=[],ct="onComplete,onUpdate,onStart,onRepeat,onReverseComplete,onInterrupt",_t=[].slice,pt=function _toArray(t,e){var r;return Z(t)?n(t[0])&&!e?_toArray(t.join(", ")):t:"string"!=(r=typeof t)||e||!a&&xt()?t&&"object"==r&&"length"in t&&t!==i?_t.call(t,0):t?[t]:[]:_t.call(u.querySelectorAll(t),0)},dt=function _merge(t,e){for(var r in e)t[r]=e[r];return t},mt={_start:0,endTime:L},gt=function _callback(t,e,r){var n,i,a=t.vars,s=a[e];if(s)return n=a[e+"Params"],i=a.callbackScope||t,r&&st.length&&fa(),n?1===n.length?s.call(i,n[0]):s.apply(i,n):s.call(i,t)},vt=255,yt={aqua:[0,vt,vt],lime:[0,vt,0],silver:[192,192,192],black:[0,0,0],maroon:[128,0,0],teal:[0,128,128],blue:[0,0,vt],navy:[0,0,128],white:[vt,vt,vt],olive:[128,128,0],yellow:[vt,vt,0],orange:[vt,165,0],gray:[128,128,128],purple:[128,0,128],green:[0,128,0],red:[vt,0,0],pink:[vt,192,203],cyan:[0,vt,vt],transparent:[vt,vt,vt,0]},wt=function(){var t,e="(?:\\b(?:(?:rgb|rgba|hsl|hsla)\\(.+?\\))|\\B#(?:[0-9a-f]{3}){1,2}\\b";for(t in yt)e+="|"+t+"\\b";return new RegExp(e+")","gi")}(),bt=/hsl[a]?\(/,Tt=(y=Date.now,w=500,b=33,T=y(),x=T,C=k=1/60,v={time:0,frame:0,tick:function tick(){Oi(!0)},wake:function wake(){l&&(!a&&t()&&(i=a=window||global||{},u=i.document||{},it.gsap=Zt,I(h||i.GreenSockGlobals||i),g=i.requestAnimationFrame),d&&v.sleep(),m=g||function(t){return setTimeout(t,1e3*(C-v.time)+1|0)},f=1,Oi(2))},sleep:function sleep(){(g?i.cancelAnimationFrame:clearTimeout)(d),f=0,m=L},lagSmoothing:function lagSmoothing(t,e){w=t||1e8,b=Math.min(e,w,0)},fps:function fps(t){k=1/(t||60),C=v.time+k},add:function add(t){O.indexOf(t)<0&&O.push(t),xt()},remove:function remove(t){var e;~(e=O.indexOf(t))&&O.splice(e,1)},_listeners:O=[]}),xt=function _wake(){return!f&&Tt.wake()},kt={},Ct=/^[\d.\-M][\d.\-,\s]/,Ot=/["']/g,Pt=function _parseEase(t,e){return t&&(o(t)?t:kt[t]||fb(t))||e};function Oi(e){var t,r,n=y()-x,i=!0===e;w<n&&(T+=n-b),x+=n,v.time=(x-T)/1e3,(0<(t=v.time-C)||i)&&(v.frame++,C+=t+(k<=t?.004:k-t),r=1),i||(d=m(Oi)),r&&O.forEach(function(t){return t(v.time,n,v.frame,e)})}function jk(t){return t<M?P*t*t:t<.7272727272727273?P*Math.pow(t-1.5/2.75,2)+.75:t<.9090909090909092?P*(t-=2.25/2.75)*t+.9375:P*Math.pow(t-2.625/2.75,2)+.984375}$("Linear,Quad,Cubic,Quart,Quint,Strong",function(t,e){var r=e<5?e+1:e;jb(t+",Power"+(r-1),e?function(t){return Math.pow(t,r)}:function(t){return t},function(t){return 1-Math.pow(1-t,r)},function(t){return t<.5?Math.pow(2*t,r)/2:1-Math.pow(2*(1-t),r)/2})}),kt.Linear.easeNone=kt.none=kt.Linear.easeIn,jb("Elastic",lb("in"),lb("out"),lb()),P=7.5625,M=1/2.75,jb("Bounce",function(t){return 1-jk(1-t)},jk),jb("Expo",function(t){return t?Math.pow(2,10*(t-1)):0}),jb("Circ",function(t){return-(B(1-t*t)-1)}),jb("Sine",function(t){return 1-j(t*E)}),jb("Back",mb("in"),mb("out"),mb()),kt.SteppedEase=kt.steps=it.SteppedEase={config:function config(t,e){void 0===t&&(t=1);var r=1/t,n=t+(e?0:1),i=e?1:0;return function(t){return((n*Y(0,.99999999,t)|0)+i)*r}}},R.ease=kt["quad.out"];var Mt=function GSCache(t,e){this.id=z++,(t._gsap=this).target=t,this.harness=e,this.get=e?e.get:X,this.set=e?e.getSetter:Nt},At=function(){function Animation(t,e){var r=t.parent||F;this.vars=t,this._dur=this._tDur=+t.duration||0,this._delay=+t.delay||0,(this._repeat=t.repeat||0)&&(this._rDelay=t.repeatDelay||0,this._yoyo=!!t.yoyo||!!t.yoyoEase,Aa(this)),this._ts=1,this.data=t.data,f||Tt.wake(),r&&xa(r,this,e||0===e?e:r._time),t.reversed&&this.reversed(!0),t.paused&&this.paused(!0)}var t=Animation.prototype;return t.delay=function delay(t){return t||0===t?(this._delay=t,this):this._delay},t.duration=function duration(t){var e=arguments.length,r=this._repeat,n=0<r?r*((e?t:this._dur)+this._rDelay):0;return e?this.totalDuration(r<0?t:t+n):this.totalDuration()&&this._dur},t.totalDuration=function totalDuration(t){if(!arguments.length)return this._tDur;var e=this._repeat,r=(t||this._rDelay)&&e<0;return this._tDur=r?1e20:t,this._dur=r?t:(t-e*this._rDelay)/(e+1),this._dirty=0,ta(this.parent)},t.totalTime=function totalTime(t,e){if(xt(),!arguments.length)return this._tTime;var r,n=this.parent||this._gc;if(n&&n.smoothChildTiming&&this._ts){for(r=this._start,this._start=n._time-(0<this._ts?t/this._ts:((this._dirty?this.totalDuration():this._tDur)-t)/-this._ts),this._end+=this._start-r,n._dirty||ta(n);n.parent;)n.parent._time!==n._start+(0<n._ts?n._tTime/n._ts:(n.totalDuration()-n._tTime)/-n._ts)&&n.totalTime(n._tTime,!0),n=n.parent;this.parent||xa(this._gc,this,this._start-this._delay)}return this._tTime===t&&this._dur||ga(this,t,e),this},t.time=function time(t,e){return arguments.length?this.totalTime(t+va(this),e):this._time},t.totalProgress=function totalProgress(t,e){return arguments.length?this.totalTime(this.totalDuration()*t,e):this._tTime/this.totalDuration()},t.progress=function progress(t,e){return arguments.length?this.totalTime(this.duration()*t+va(this),e):this.duration()?this._time/this._dur:this.ratio},t.iteration=function iteration(t,e){var r=this.duration()+this._rDelay;return arguments.length?this.totalTime(this._time+(t-1)*r,e):this._repeat?1+~~(this._tTime/r):1},t.timeScale=function timeScale(t){if(!arguments.length)return this._ts||this._pauseTS;var e=this._ts;return this._ts=t||S,t?(this._end=this._start+(this._tDur/(t||this._pauseTS)||0),e||this.resume(),function _recacheAncestors(t){for(var e=t.parent;e&&e.parent;)e._dirty=1,e.totalDuration(),e=e.parent;return t}(this).totalTime(this._tTime,!0)):this.pause()},t.paused=function paused(t){var e=0===this._ts;return arguments.length?(e!==t&&(t?(this._pauseTS=this._ts,this._ts=this._act=0):(this._ts=this._pauseTS,this.totalTime(this._tTime,!0))),this):e},t.startTime=function startTime(t){return arguments.length?(this.parent&&this.parent._sort&&xa(this.parent,this,t-this._delay),this):this._start},t.endTime=function endTime(t){return this._start+(s(t)?this.totalDuration():this.duration())/this._ts},t.rawTime=function rawTime(t){var e=this.parent||this._gc;return e?t&&(!this._ts||this._repeat&&this._time&&this.totalProgress()<1)?this._tTime%(this._dur+this._rDelay):this._ts?(e.rawTime(t)-this._start)*this._ts:this._tTime:this._tTime},t.repeat=function repeat(t){return arguments.length?(this._repeat=t,Aa(this)):this._repeat},t.repeatDelay=function repeatDelay(t){return arguments.length?(this._rDelay=t,Aa(this)):this._rDelay},t.yoyo=function yoyo(t){return arguments.length?(this._yoyo=t,this):this._yoyo},t.seek=function seek(t,e){return this.totalTime(Ca(this,t),s(e))},t.restart=function restart(t,e){return this.play().totalTime(t?-this._delay:0,s(e))},t.play=function play(t,e){return null!=t&&this.seek(t,e),this.reversed(!1).paused(!1)},t.reverse=function reverse(t,e){return null!=t&&this.seek(t||this.totalDuration(),e),this.reversed(!0).paused(!1)},t.pause=function pause(t,e){return null!=t&&this.seek(t,e),this.paused(!0)},t.resume=function resume(){return this.paused(!1)},t.reversed=function reversed(t){var e=this._ts||this._pauseTS;return arguments.length?(e=Math.abs(e)*(t?-1:1),this[this._ts?"_ts":"_pauseTS"]=e,this.totalTime(this._tTime,!0)):e<0},t.invalidate=function invalidate(){return this._initted=0,this},t.isActive=function isActive(){var t,e=this.parent||this._gc,r=this._start;return!e||this._ts&&e.isActive()&&(t=e.rawTime(!0))>=r&&t<this.endTime(!0)-S},t.eventCallback=function eventCallback(t,e,r){var n=this.vars;return 1<arguments.length?(e?(n[t]=e,r&&(n[t+"Params"]=r),"onUpdate"===t&&(this._onUpdate=e)):delete n[t],this):n[t]},t.then=function then(e){var r=this;return void 0===e&&(e=L),new Promise(function(t){r._prom=function(){e(r),t()}})},t.kill=function kill(){Pa(this)},Animation}();ja(At.prototype,{_time:0,_start:0,_end:0,_tTime:0,_tDur:0,_dirty:0,_repeat:0,_yoyo:!1,parent:0,_rDelay:0,_ts:1,_gc:0,ratio:0,_zTime:-S,_prom:0});var St=function(i){function Timeline(t,e){var r;return void 0===t&&(t={}),(r=i.call(this,t,e)||this).labels={},r.smoothChildTiming=s(t.smoothChildTiming),r.autoRemoveChildren=!!t.autoRemoveChildren,r._sort=s(t.sortChildren),r}_inheritsLoose(Timeline,i);var t=Timeline.prototype;return t.to=function to(t,e,r,n){return new Bt(t,da(arguments,0,this),Ca(this,p(e)?n:r)),this},t.from=function from(t,e,r,n){return new Bt(t,da(arguments,1,this),Ca(this,p(e)?n:r)),this},t.fromTo=function fromTo(t,e,r,n,i){return new Bt(t,da(arguments,2,this),Ca(this,p(e)?i:n)),this},t.set=function set(t,e,r){return e.duration=0,e.parent=this,e.repeatDelay||(e.repeat=0),new Bt(t,e,Ca(this,r)),this},t.call=function call(t,e,r){return xa(this,Bt.delayedCall(0,t,e),Ca(this,r))},t.staggerTo=function staggerTo(t,e,r,n,i,a,s){return r.duration=e,r.stagger=r.stagger||n,r.onComplete=a,r.onCompleteParams=s,r.parent=this,new Bt(t,r,Ca(this,i)),this},t.staggerFrom=function staggerFrom(t,e,r,n,i,a,o){return r.runBackwards=1,r.immediateRender=s(r.immediateRender),this.staggerTo(t,e,r,n,i,a,o)},t.staggerFromTo=function staggerFromTo(t,e,r,n,i,a,o,u){return n.startAt=r,n.immediateRender=s(n.immediateRender),this.staggerTo(t,e,n,i,a,o,u)},t.render=function render(t,e,r){var n,i,a,s,o,u,h,l,f,c,p,d,m=this._time,g=this._dirty?this.totalDuration():this._tDur,v=this._dur,y=g-S<t&&0<=t&&this!==F?g:t<S?0:t;if(v||(r=r||this._zTime<0!=t<0)&&(m=this._zTime),y!==this._tTime||r){if(n=y,f=this._start,u=0===(l=this._ts),m!==this._time&&v&&(n+=this._time-m),this._repeat&&(p=this._yoyo,o=v+this._rDelay,(v<(n=_(y%o))||g===y)&&(n=v),(s=~~(y/o))&&s===y/o&&(n=v,s--),(c=~~(this._tTime/o))&&c===this._tTime/o&&c--,p&&1&s&&(n=v-n,d=1),s!==c&&!this._lock)){var w=p&&1&c,b=w===(p&&1&s);if(s<c&&(w=!w),m=w?0:v,this._lock=1,this.render(m,e,!v)._lock=0,!e&&this.parent&>(this,"onRepeat"),m!==this._time||u!=!this._ts)return this;if(b&&(this._lock=2,m=w?v+1e-4:-1e-4,this.render(m,!0)),this._lock=0,!this._ts&&!u)return this;hb(this,d)}if(this._hasPause&&!this._forcing&&this._lock<2&&(h=function _findNextPauseTween(t,e,r){var n;if(e<r)for(n=t._first;n&&n._start<=r;){if(!n._dur&&"isPause"===n.data&&n._start>e)return n;n=n._next}else for(n=t._last;n&&n._start>=r;){if(!n._dur&&"isPause"===n.data&&n._start<e)return n;n=n._prev}}(this,m,n))&&(y-=n-(n=h._start)),this._tTime=y,this._time=n,this._act=!l,this._initted||(this._onUpdate=this.vars.onUpdate,this._initted=1),m||!n||e||gt(this,"onStart"),m<=n)for(i=this._first;i;){if(a=i._next,(i._act||n>=i._start)&&i._ts&&h!==i&&(i.render(0<i._ts?(n-i._start)*i._ts:(i._dirty?i.totalDuration():i._tDur)+(n-i._start)*i._ts,e,r),n!==this._time||!this._ts&&!u)){h=0;break}i=a}else for(i=this._last;i;){if(a=i._prev,(i._act||n<=i._end)&&i._ts&&h!==i&&(i.render(0<i._ts?(n-i._start)*i._ts:(i._dirty?i.totalDuration():i._tDur)+(n-i._start)*i._ts,e,r),n!==this._time||!this._ts&&!u)){h=0;break}i=a}if(h&&!e&&(this.pause(),h.render(0)._zTime=1,this._ts))return this._start=f,this.render(t,e,r);this._onUpdate&&!e&>(this,"onUpdate",!0),(y===g||!y&&this._ts<0)&&(f!==this._start&&l===this._ts||(!n||g>=this.totalDuration())&&(sa(this,1),e||(gt(this,y===g?"onComplete":"onReverseComplete",!0),this._prom&&y===g&&this._prom())))}return this},t.add=function add(t,e){var r=this;if(p(e)||(e=Ca(this,e)),!(t instanceof At)){if(Z(t))return t.forEach(function(t){return r.add(t,e)}),ta(this);if(n(t))return this.addLabel(t,e);if(!o(t))return this;t=Bt.delayedCall(0,t)}return xa(this,t,e)},t.getChildren=function getChildren(t,e,r,n){void 0===t&&(t=!0),void 0===e&&(e=!0),void 0===r&&(r=!0),void 0===n&&(n=-A);for(var i=[],a=this._first;a;)a._start>=n&&(a instanceof Bt?e&&i.push(a):(r&&i.push(a),t&&i.push.apply(i,a.getChildren(!0,e,r)))),a=a._next;return i},t.remove=function remove(t){return n(t)?this.removeLabel(t):o(t)?this.killTweensOf(t):(ra(this,t),t===this._recent&&(this._recent=this._last),ta(this))},t.totalTime=function totalTime(t,e){return arguments.length?(this._forcing=1,this===F&&this._ts&&(this._start=Tt.time-(0<this._ts?t/this._ts:(this.totalDuration()-t)/-this._ts)),i.prototype.totalTime.call(this,t,e),this._forcing=0,this):this._tTime},t.addLabel=function addLabel(t,e){return this.labels[t]=Ca(this,e),this},t.removeLabel=function removeLabel(t){return delete this.labels[t],this},t.addPause=function addPause(t,e,r){var n=Bt.delayedCall(0,e||L,r);return n.data="isPause",this._hasPause=1,xa(this,n,t)},t.removePause=function removePause(t){var e=this._first;for(t=Ca(this,t);e;)e._start===t&&"isPause"===e.data&&sa(e),e=e._next},t.killTweensOf=function killTweensOf(t,e,r){for(var n=this.getTweensOf(t,r),i=n.length;i--;)n[i].kill(t,e);return this},t.getTweensOf=function getTweensOf(t,e){for(var r,n=[],i=pt(t),a=this._first;a;)a instanceof Bt?!ca(a._targets,i)||e&&!a.isActive()||n.push(a):(r=a.getTweensOf(i,e)).length&&n.push.apply(n,r),a=a._next;return n},t.tweenTo=function tweenTo(t,e){var r=this,n=Ca(r,t),i=e&&e.startAt,a=Bt.to(r,ja({ease:"none",lazy:!1,time:n,duration:Math.abs(n-(i&&"time"in i?i.time:r._time))/r.timeScale()||S,onStart:function onStart(){r.pause();var t=Math.abs(n-r._time)/r.timeScale();a._dur!==t&&(a._dur=t,a.render(a._time,!0,!0)),e&&e.onStart&&e.onStart.apply(a,e.onStartParams||[])}},e));return a},t.tweenFromTo=function tweenFromTo(t,e,r){return this.tweenTo(e,ja({startAt:{time:Ca(this,t)}},r))},t.recent=function recent(){return this._recent},t.nextLabel=function nextLabel(t){return void 0===t&&(t=this._time),Na(this,Ca(this,t))},t.previousLabel=function previousLabel(t){return void 0===t&&(t=this._time),Na(this,Ca(this,t),1)},t.currentLabel=function currentLabel(t){return arguments.length?this.seek(t,!0):this.previousLabel(this._time+S)},t.shiftChildren=function shiftChildren(t,e,r){void 0===r&&(r=0);for(var n,i=this._first,a=this.labels;i;)i._start>=r&&(i._start+=t),i=i._next;if(e)for(n in a)a[n]>=r&&(a[n]+=t);return ta(this)},t.invalidate=function invalidate(){var t=this._first;for(this._lock=0;t;)t.invalidate(),t=t._next;return i.prototype.invalidate.call(this)},t.clear=function clear(t){void 0===t&&(t=!0);for(var e,r=this._first;r;)e=r._next,this.remove(r),r=e;return this._time=this._tTime=0,t&&(this.labels={}),ta(this)},t.totalDuration=function totalDuration(t){var e,r,n=0,i=this,a=i._last,s=A,o=i._repeat,u=o*i._rDelay||0,h=o<0;if(arguments.length)return h?i:i.timeScale(i.totalDuration()/t);if(i._dirty){for(;a;)e=a._prev,a._dirty&&a.totalDuration(),a._start>s&&i._sort&&a._ts&&!i._lock?(i._lock=1,xa(i,a,a._start-a._delay),i._lock=0):s=a._start,a._start<0&&a._ts&&(n-=a._start,(i===F||i.parent&&i.parent.smoothChildTiming)&&(i._start+=a._start/i._ts,i._time-=a._start,i._tTime-=a._start),i.shiftChildren(-a._start,!1,-A),s=0),n<(r=a._end=a._start+a._tDur/Math.abs(a._ts))&&(n=_(r)),a=e;i._dur=i===F&&i._time>n?i._time:Math.min(A,n),i._tDur=h&&(i._dur||u)?1e20:Math.min(A,n*(o+1)+u),i._end=i._start+(i._tDur/Math.abs(i._ts||i._pauseTS)||0),i._dirty=0}return i._tDur},Timeline.updateRoot=function updateRoot(t){if(F._ts&&ga(F,function _parentToChildTotalTime(t,e){return 0<e._ts?(t-e._start)*e._ts:(e._dirty?e.totalDuration():e._tDur)+(t-e._start)*e._ts}(t,F)),Tt.frame>=lt){lt+=N.autoSleep||120;var e=F._first;if((!e||!e._ts)&&N.autoSleep&&Tt._listeners.length<2){for(;e&&!e._ts;)e=e._next;e||Tt.sleep()}}},Timeline}(At);ja(St.prototype,{_lock:0,_hasPause:0,_forcing:0});function tb(t,e,n,i,a,s){var u,h,l,f;if(ut[t]&&!1!==(u=new ut[t]).init(a,u.rawVars?e[t]:function _processVars(t,e,n,i,a){if(o(t)&&(t=Rt(t,a,e,n,i)),!r(t)||t.style&&t.nodeType||Z(t))return t;var s,u={};for(s in t)u[s]=Rt(t[s],a,e,n,i);return u}(e[t],i,a,s,n),n,i,s)&&(n._pt=h=new Qt(n._pt,a,t,0,1,u.render,u,0,u.priority),n!==c))for(l=n._ptLookup[n._targets.indexOf(a)],f=u._props.length;f--;)l[u._props[f]]=h;return u}function xb(t){return o(t)||n(t)}var Dt,Et=function _addPropTween(t,e,r,i,a,s,u,h,l){o(i)&&(i=i(a||0,t,s));var f,c=t[e],_="get"!==r?r:o(c)?l?t[e.indexOf("set")||!o(t["get"+e.substr(3)])?e:"get"+e.substr(3)](l):t[e]():c,p=o(c)?l?Ut:It:jt;if(n(i)&&(~i.indexOf("random(")&&(i=Ka(i)),"="===i.charAt(1)&&(i=parseFloat(_)+parseFloat(i.substr(2))*("-"===i.charAt(0)?-1:1)+W(_))),_!==i)return isNaN(_+i)?function _addComplexStringPropTween(t,e,r,n,i,a,s){var o,u,h,l,f,c,_,p,d=new Qt(this._pt,t,e,0,1,Yt,null,i),m=0,g=0;for(d.b=r,d.e=n,r+="",(_=~(n+="").indexOf("random("))&&(n=Ka(n)),a&&(a(p=[r,n],t,e),r=p[0],n=p[1]),u=r.match(tt)||[];o=tt.exec(n);)l=o[0],f=n.substring(m,o.index),h?h=(h+1)%5:"rgba("===f.substr(-5)&&(h=1),l!==u[g++]&&(c=parseFloat(u[g-1]),d._pt={_next:d._pt,p:f||1===g?f:",",s:c,c:"="===l.charAt(1)?parseFloat(l.substr(2))*("-"===l.charAt(0)?-1:1):parseFloat(l)-c,m:h&&h<4?Math.round:0},m=tt.lastIndex);return d.c=m<n.length?n.substring(m,n.length):"",d.fp=s,(rt.test(n)||_)&&(d.e=0),this._pt=d}.call(this,t,e,_,i,p,h||N.stringFilter,l):(f=new Qt(this._pt,t,e,+_||0,i-(_||0),Xt,0,p),l&&(f.fp=l),u&&f.modifier(u,this,t),this._pt=f)},Ft=function _initTween(t,e){var r,n,i,a,o,u,h,l,f,c,_,p,d=t.vars,m=d.ease,g=d.startAt,v=d.immediateRender,y=d.lazy,w=d.onUpdate,b=d.onUpdateParams,T=d.callbackScope,x=d.runBackwards,k=d.yoyoEase,C=d.keyframes,O=t._dur,P=t._startAt,M=t._targets,A=t.parent,S=A&&"nested"===A.data?A.parent._targets:M,D="auto"===t._overwrite,E=t.timeline;if(!E||C&&m||(m="none"),t._ease=Pt(m,R.ease),t._yEase=k?function _invertEase(e){return function(t){return 1-e(1-t)}}(Pt(!0===k?m:k,R.ease)):0,k&&t._yoyo&&!t._repeat&&(k=t._yEase,t._yEase=t._ease,t._ease=k),!E){if(g){if(P&&P.render(-1,!0).kill(),sa(t._startAt=Bt.set(M,ja({data:"isStart",overwrite:!1,parent:A,immediateRender:!0,lazy:s(y),startAt:null,delay:0,onUpdate:w,onUpdateParams:b,callbackScope:T,stagger:0},g))),v)if(0<e)t._startAt=0;else if(O)return}else if(x&&O)if(P)P.render(-1,!0).kill(),t._startAt=0;else if(e&&(v=!1),sa(t._startAt=Bt.set(M,dt(na(d,at),{overwrite:!1,data:"isFromStart",lazy:v&&s(y),immediateRender:v,stagger:0,parent:A}))),v){if(!e)return}else _initTween(t._startAt,e),v&&(t._startAt=0);for(r=na(d,at),p=(l=M[t._pt=0]?V(M[0]).harness:0)&&d[l.prop],n=0;n<M.length;n++){if(h=(o=M[n])._gsap||U(M)[n]._gsap,t._ptLookup[n]=c={},ot[h.id]&&fa(),_=S===M?n:S.indexOf(o),D&&(Dt=t,F.killTweensOf(o,r,!0),Dt=0),l&&!1!==(f=new l).init(o,p||r,t,_,S)&&(t._pt=a=new Qt(t._pt,o,f.name,0,1,f.render,f,0,f.priority),f._props.forEach(function(t){c[t]=a}),f.priority&&(u=1)),!l||p)for(i in r)ut[i]&&(f=tb(i,r,t,_,o,S))?f.priority&&(u=1):c[i]=a=Et.call(t,o,i,"get",r[i],_,S,0,d.stringFilter);t._op&&t._op[n]&&t.kill(o,t._op[n]),t._pt&&(s(y)&&O||y&&!O)&&(ot[h.id]=1)}u&&qt(t),t._onInit&&t._onInit(t)}t._from=!E&&!!d.runBackwards,t._onUpdate=w,t._initted=1},Rt=function _parseFuncOrString(t,e,r,i,a){return o(t)?t.call(e,r,i,a):n(t)&&~t.indexOf("random(")?Ka(t):t},Lt=ct+",repeat,repeatDelay,yoyo,yoyoEase",zt=(Lt+",id,stagger,delay,duration").split(","),Bt=function(x){function Tween(t,e,n){var i;"number"==typeof e&&(n.duration=e,e=n,n=null);var a,o,u,h,l,f,c,_,p=(i=x.call(this,function _inheritDefaults(t){var e=t.parent||F,r=t.keyframes?ka:ja;if(s(t.inherit))for(;e;)r(t,e.vars.defaults),e=e.parent;return t}(e),n)||this).vars,d=p.duration,m=p.delay,g=p.immediateRender,v=p.stagger,y=p.overwrite,w=p.keyframes,b=p.defaults,T=pt(t);if(i._targets=T.length?U(T):J("Cannot tween a null target")||[{}],i._ptLookup=[],i._overwrite=y,w||v||xb(d)||xb(m)){if(e=i.vars,(a=i.timeline=new St({data:"nested",defaults:b||{}})).kill(),a.parent=_assertThisInitialized(i),w)ja(a.vars.defaults,{ease:"none"}),w.forEach(function(t){return a.to(T,t,">")});else{if(h=T.length,c=v?ea(v):L,r(v))for(l in v)~Lt.indexOf(l)&&((_=_||{})[l]=v[l]);for(o=0;o<h;o++){for(l in u={},e)zt.indexOf(l)<0&&(u[l]=e[l]);u.stagger=0,_&&dt(u,_),e.yoyoEase&&!e.repeat&&(u.yoyoEase=e.yoyoEase),f=T[o],u.duration=+Rt(e.duration,_assertThisInitialized(i),o,f,T),u.delay=+Rt(e.delay,_assertThisInitialized(i),o,f,T)||0,a.to(f,u,c(o,f,T)),d=0}}d||i.duration(d=a.duration())}else i.timeline=0;return!0===y&&(Dt=_assertThisInitialized(i),F.killTweensOf(T),Dt=0),(g||!d&&!w&&i._start===i.parent._time&&s(g))&&(i._tTime=-S,i.render(Math.max(0,-m))),i}_inheritsLoose(Tween,x);var t=Tween.prototype;return t.render=function render(t,e,r){var n,i,a,o,u,h,l,f,c,p=this._time,d=this._tDur,m=this._dur,g=d-S<t&&0<=t?d:t<S?0:t;if(m){if(g!==this._tTime||r){if(n=g,f=this.timeline,this._repeat){if(o=m+this._rDelay,m<(n=_(g%o))&&(n=m),(a=~~(g/o))&&a===g/o&&(n=m,a--),(h=this._yoyo&&1&a)&&(c=this._yEase,n=m-n),(u=~~(this._tTime/o))&&u===this._tTime/o&&u--,n===p&&!r)return this;a!==u&&(f&&this._yEase&&hb(f,h),this.vars.repeatRefresh&&!this._lock&&(this._lock=1,this.render(o*a,!0).invalidate()._lock=0))}if(!this._initted){if(Ft(this,n),!this._initted)return this;if(!r&&this._pt&&s(this.vars.lazy)&&!this.timeline)return st.push(this),this._lazy=[g,e],this}for(this._tTime=g,this._time=n,!this._act&&this._ts&&n&&(this._act=1,this._lazy&&(this._lazy=0)),this.ratio=l=(c||this._ease)(n/m),this._from&&(this.ratio=l=1-l),p||!n||e||gt(this,"onStart"),i=this._pt;i;)i.r(l,i.d),i=i._next;f&&f.render(t<0?t:f._dur*l,e,r),this._onUpdate&&!e&&(t<0&&this._startAt&&this._startAt.render(t,!0,r),gt(this,"onUpdate")),this._repeat&&a!==u&&this.vars.onRepeat&&!e&&this.parent&>(this,"onRepeat"),(g===d||!g&&this._ts<0)&&(t<0&&this._startAt&&!this._onUpdate&&this._startAt.render(t,!0,r),sa(this,1),e||(gt(this,g===d?"onComplete":"onReverseComplete",!0),this._prom&&g===d&&this._prom()))}}else!function _renderZeroDurationTween(t,e,r,n){var i,a,s,o=t._zTime<0?0:1,u=e<0?0:1,h=t._rDelay,l=0;if(h&&t._repeat&&((a=~~((l=Y(0,t._tDur,e))/h))&&a===l/h&&a--,(s=~~(t._tTime/h))&&s===t._tTime/h&&s--,a!==s&&(o=1-u,t.vars.repeatRefresh&&t.invalidate())),!t._initted){if(Ft(t,e),!t._initted)return;if(!n&&t._pt&&t.vars.lazy)return st.push(t),t._lazy=[e,r]}if(u!==o||n){for(r&&!e||(t._zTime=e),t.ratio=u,t._from&&(u=1-u),t._time=0,t._tTime=l,r||gt(t,"onStart"),i=t._pt;i;)i.r(u,i.d),i=i._next;!u&&t._startAt&&!t._onUpdate&&t._start&&t._startAt.render(e,!0,n),t._onUpdate&&!r&&(e<0&&t._startAt&&t._start&&t._startAt.render(e,!0,n),gt(t,"onUpdate")),l&&t.vars.onRepeat&&!r&&t.parent&>(t,"onRepeat"),(e>=t._tDur||e<0)&&(sa(t,1),r||(gt(t,t.ratio?"onComplete":"onReverseComplete",!0),t._prom&&t.ratio&&t._prom()))}}(this,t,e,r);return this},t.targets=function targets(){return this._targets},t.invalidate=function invalidate(){return this._pt=this._op=this._startAt=this._onUpdate=this._act=this._lazy=0,this._ptLookup=[],this.timeline&&this.timeline.invalidate(),x.prototype.invalidate.call(this)},t.kill=function kill(t,e){if(void 0===e&&(e="all"),Dt===this)return Dt;if(!(t||e&&"all"!==e)&&this.parent)return this._lazy=0,Pa(this);if(this.timeline)return this.timeline.killTweensOf(t,e),this;var r,i,a,s,o,u,h,l=this._targets,f=t?pt(t):l,c=this._ptLookup,_=this._pt;if((!e||"all"===e)&&function _arraysMatch(t,e){for(var r=t.length,n=r===e.length;n&&r--&&t[r]===e[r];);return r<0}(l,f))return Pa(this);for(r=this._op=this._op||[],"all"!==e&&(n(e)&&(o={},$(e,function(t){return o[t]=1}),e=o),e=function _addAliasesToVars(t,e){var r,n,i,a,s=t[0]?V(t[0]).harness:0,o=s&&s.aliases;if(!o)return e;for(n in r=dt({},e),o)if(n in r)for(i=(a=o[n].split(",")).length;i--;)r[a[i]]=r[n];return r}(l,e)),h=l.length;h--;)if(~f.indexOf(l[h]))for(o in i=c[h],"all"===e?(r[h]=e,s=i,a={}):(a=r[h]=r[h]||{},s=e),s)(u=i&&i[o])&&("kill"in u.d&&!0!==u.d.kill(o)||(ra(this,u,"_pt"),delete i[o])),"all"!==a&&(a[o]=1);return this._initted&&!this._pt&&_&&Pa(this),this},Tween.to=function to(t,e,r){return new Tween(t,e,r)},Tween.from=function from(t,e){return new Tween(t,da(arguments,1))},Tween.delayedCall=function delayedCall(t,e,r,n){return new Tween(e,0,{immediateRender:!1,lazy:!1,overwrite:!1,delay:t,onComplete:e,onReverseComplete:e,onCompleteParams:r,onReverseCompleteParams:r,callbackScope:n})},Tween.fromTo=function fromTo(t,e,r){return new Tween(t,da(arguments,2))},Tween.set=function set(t,e){return e.duration=0,e.repeatDelay||(e.repeat=0),new Tween(t,e)},Tween.killTweensOf=function killTweensOf(t,e,r){return F.killTweensOf(t,e,r)},Tween}(At);ja(Bt.prototype,{_targets:[],_initted:0,_lazy:0,_startAt:0,_op:0,_onInit:0}),$("staggerTo,staggerFrom,staggerFromTo",function(r){Bt[r]=function(){var t=new St,e=pt(arguments);return e.splice("staggerFromTo"===r?5:4,0,0),t[r].apply(t,e)}});function Fb(t,e,r){return t.setAttribute(e,r)}function Mb(t,e,r,n){n.mSet(t,e,n.m.call(n.tween,r,n.mt),n)}var jt=function _setterPlain(t,e,r){return t[e]=r},It=function _setterFunc(t,e,r){return t[e](r)},Ut=function _setterFuncWithParam(t,e,r,n){return t[e](n.fp,r)},Nt=function _getSetter(t,e){return o(t[e])?It:q(t[e])&&t.setAttribute?Fb:jt},Xt=function _renderPlain(t,e){return e.set(e.t,e.p,~~(1e4*(e.s+e.c*t))/1e4,e)},Yt=function _renderComplexString(t,e){var r=e._pt,n="";if(!t&&e.b)n=e.b;else if(1===t&&e.e)n=e.e;else{for(;r;)n=r.p+(r.m?r.m(r.s+r.c*t):~~(1e4*(r.s+r.c*t))/1e4)+n,r=r._next;n+=e.c}e.set(e.t,e.p,n,e)},Vt=function _renderPropTweens(t,e){for(var r=e._pt;r;)r.r(t,r.d),r=r._next},Wt=function _addPluginModifier(t,e,r,n){for(var i,a=this._pt;a;)i=a._next,a.p===n&&a.modifier(t,e,r),a=i},$t=function _killPropTweensOf(t){for(var e,r,n=this._pt;n;)r=n._next,n.p===t?ra(this,n,"_pt"):n.dep||(e=1),n=r;return!e},qt=function _sortPropTweensByPriority(t){for(var e,r,n,i,a=t._pt;a;){for(e=a._next,r=n;r&&r.pr>a.pr;)r=r._next;(a._prev=r?r._prev:i)?a._prev._next=a:n=a,(a._next=r)?r._prev=a:i=a,a=e}t._pt=n},Qt=function(){function PropTween(t,e,r,n,i,a,s,o,u){this.t=e,this.s=n,this.c=i,this.p=r,this.r=a||Xt,this.d=s||this,this.set=o||jt,this.pr=u||0,(this._next=t)&&(t._prev=this)}return PropTween.prototype.modifier=function modifier(t,e,r){this.mSet=this.mSet||this.set,this.set=Mb,this.m=t,this.mt=r,this.tween=e},PropTween}();$(ct+",parent,duration,ease,delay,overwrite,runBackwards,startAt,yoyo,immediateRender,repeat,repeatDelay,data,paused,reversed,lazy,callbackScope,stringFilter,id,yoyoEase,stagger,inherit,repeatRefresh,keyframes",function(t){at[t]=1,"on"===t.substr(0,2)&&(at[t+"Params"]=1)}),it.TweenMax=it.TweenLite=Bt,it.TimelineLite=it.TimelineMax=St,F=new St({sortChildren:!1,defaults:R,autoRemoveChildren:!0,id:"root"}),N.stringFilter=Za;var Zt={registerPlugin:function registerPlugin(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];e.forEach(function(t){return function _createPlugin(t){var e=(t=!t.name&&t.default||t).name,r=o(t),n=e&&!r?function(){this._props=[]}:t,i={init:L,render:Vt,add:Et,kill:$t,modifier:Wt,rawVars:0},a={targetTest:0,get:0,getSetter:Nt,aliases:{},register:0};if(xt(),!r){if(ut[e])return;ja(n,ja(na(t,i),a)),dt(n.prototype,dt(i,na(t,a))),ut[n.prop=e]=n,t.targetTest&&(ft.push(n),at[e]=1),e=("css"===e?"CSS":e.charAt(0).toUpperCase()+e.substr(1))+"Plugin"}K(e,n),t.register&&t.register(Zt,n,Qt)}(t)})},timeline:function timeline(t){return new St(t)},getTweensOf:function getTweensOf(t,e){return F.getTweensOf(t,e)},getProperty:function getProperty(i,t,e,r){n(i)&&(i=pt(i)[0]);var a=V(i||{}).get,s=e?ia:ha;return"native"===e&&(e=""),i?t?s((ut[t]&&ut[t].get||a)(i,t,e,r)):function(t,e,r){return s((ut[t]&&ut[t].get||a)(i,t,e,r))}:i},quickSetter:function quickSetter(r,e,i){n(r)&&(r=pt(r)[0]);var a=ut[e],s=V(r),o=a?function(t){var e=new a;c._pt=0,e.init(r,i?t+i:t,c,0,[r]),e.render(1,e),c._pt&&Vt(1,c)}:s.set(r,e);return a?o:function(t){return o(r,e,i?t+i:t,s,1)}},isTweening:function isTweening(t){return 0<F.getTweensOf(t,!0).length},defaults:function defaults(t){return ma(R,t||{})},config:function config(t){return ma(N,t||{})},registerEffect:function registerEffect(t){var i=t.name,n=t.effect,e=t.plugins,a=t.defaults,s=t.extendTimeline;(e||"").split(",").forEach(function(t){return t&&!ut[t]&&!it[t]&&J(i+" effect requires "+t+" plugin.")}),ht[i]=function(t,e){return n(pt(t),ja(e||{},a))},s&&(St.prototype[i]=function(t,e,n){return this.add(ht[i](t,r(e)?e:(n=e)&&{}),n)})},registerEase:function registerEase(t,e){kt[t]=Pt(e)},parseEase:function parseEase(t,e){return arguments.length?Pt(t,e):kt},getById:function getById(t){for(var e=F.getChildren(1,1,1),r=e.length;r--;)if(e[r].vars.id===t)return e[r]},exportRoot:function exportRoot(t,e){void 0===t&&(t={});var r,n,i=new St(t);for(i.smoothChildTiming=s(t.smoothChildTiming),F.remove(i),i._time=i._totalTime=F._time,r=F._first;r;)n=r._next,!e&&!r._dur&&r instanceof Bt&&r.vars.onComplete===r._targets[0]||xa(i,r,r._start-r._delay),r=n;return xa(F,i,0),i},utils:{wrap:function _wrap(e,t,r){var n=t-e;return Z(e)?Ha(e,_wrap(0,e.length),t):isNaN(r)?function(t){return(n+(t-e)%n)%n+e}:_wrap(e,t)(r)},wrapYoyo:function _wrapYoyo(e,t,r){var n=t-e,i=2*n;return Z(e)?Ha(e,_wrapYoyo(0,e.length-1),t):isNaN(r)?function(t){return e+(n<(t=(i+(t-e)%i)%i)?i-t:t)}:_wrapYoyo(e,t)(r)},distribute:ea,random:Fa,snap:Ea,normalize:function normalize(t,e,r){return La(t,e,0,1,r)},getUnit:W,clamp:function _clampModifier(e,r,t){return isNaN(t)?function(t){return Y(e,r,t)}:Y(e,r,t)},splitColor:Va,toArray:pt,mapRange:La,pipe:function _pipe(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return function(t){return e.reduce(function(t,e){return e(t)},t)}},unitize:function unitize(e,r){return function(t){return e(parseFloat(t))+(r||W(t))}},interpolate:function _interpolate(e,r,t,i){var a=isNaN(e+r)?0:function(t){return(1-t)*e+t*r};if(!a){var s,o,u,h,l,f=n(e),c={};if(f)e={p:e},r={p:r};else if(Z(e)&&!Z(r)){for(u=[],h=e.length,l=h-2,o=1;o<h;o++)u.push(_interpolate(e[o-1],e[o]));h--,a=function func(t){t*=h;var e=Math.min(l,~~t);return u[e](t-e)},t=r}else i||(e=dt(Z(e)?[]:{},e));if(!u){for(s in r)Et.call(c,e,s,"get",r[s]);a=function func(t){return Vt(t,c)||(f?e.p:e)}}}return p(t)?a(t):a}},install:I,effects:ht,ticker:Tt,updateRoot:St.updateRoot,plugins:ut,globalTimeline:F,core:{PropTween:Qt,globals:K,Tween:Bt,Timeline:St,Animation:At,getCache:V}};$("to,from,fromTo,delayedCall,set,killTweensOf",function(t){return Zt[t]=Bt[t]}),Tt.add(St.updateRoot),c=Zt.to({},{duration:0});function Rb(t,a){return{name:t,rawVars:1,init:function init(t,i,e){e._onInit=function(t){var e,r;if(n(i)&&(e={},$(i,function(t){return e[t]=1}),i=e),a){for(r in e={},i)e[r]=a(i[r]);i=e}!function _addModifiers(t,e){var r,n,i,a=t._targets;for(r in e)for(n=a.length;n--;)(i=t._ptLookup[n][r])&&i.d.modifier&&i.d.modifier(e[r],t,a[n],r)}(t,i)}}}}Zt.registerPlugin({name:"attr",init:function init(t,e,r,n,i){for(var a in e)this.add(t,"setAttribute",(t.getAttribute(a)||0)+"",e[a],n,i,0,0,a),this._props.push(a)}},{name:"endArray",init:function init(t,e){for(var r=e.length;r--;)this.add(t,r,t[r],e[r])}},Rb("roundProps",Da),Rb("modifiers"),Rb("snap",Ea)),Bt.version=St.version=Zt.version="3.0.0-beta.8",l=1,t()&&xt();function Ac(t,e){return e.set(e.t,e.p,~~(1e4*(e.s+e.c*t))/1e4+e.u,e)}function Bc(t,e){return e.set(e.t,e.p,1===t?e.e:~~(1e4*(e.s+e.c*t))/1e4+e.u,e)}function Cc(t,e){return e.set(e.t,e.p,t?~~(1e4*(e.s+e.c*t))/1e4+e.u:e.b,e)}function Dc(t,e){var r=e.s+e.c*t;e.set(e.t,e.p,~~(r+(r<0?-.5:.5))+e.u,e)}function Ec(t,e){return e.set(e.t,e.p,t?e.e:e.b,e)}function Fc(t,e){return e.set(e.t,e.p,1!==t?e.b:e.e,e)}function Gc(t,e,r){return t.style[e]=r}function Hc(t,e,r){return t._gsap[e]=r}function Ic(t,e,r){return t._gsap.scaleX=t._gsap.scaleY=r}function Jc(t,e,r,n,i){var a=t._gsap;a.scaleX=a.scaleY=r,a.renderTransform(i,a)}function Kc(t,e,r,n,i){var a=t._gsap;a[e]=r,a.renderTransform(i,a)}function Oc(t,e){var r=Ht.createElementNS?Ht.createElementNS((e||"http://www.w3.org/1999/xhtml").replace(/^https/,"http"),t):Ht.createElement(t);return r.style?r:Ht.createElement(t)}function Pc(t,e){var r=getComputedStyle(t);return r[e]||r.getPropertyValue(e.replace(Ae,"-$1").toLowerCase())||r.getPropertyValue(e)}function Qc(t,e){var r=(e||te).style,n=5,i="O,Moz,ms,Ms,Webkit".split(",");if(t in r)return t;for(t=t.charAt(0).toUpperCase()+t.substr(1);n--&&!(i[n]+t in r););return n<0?null:(3===n?"ms":0<=n?i[n]:"")+t}function Rc(){!function _windowExists(){return"undefined"!=typeof window}()||(Gt=window,Ht=Gt.document,Kt=Ht.documentElement,te=Oc("div")||{style:{}},ee=Oc("div"),Re=Qc(Re),Le=Qc(Re),te.style.cssText="border-width:0;line-height:0;position:absolute;padding:0",ne=!!Qc("perspective"),Jt=1)}function Tc(t,e){for(var r=e.length;r--;)if(t.hasAttribute(e[r]))return t.getAttribute(e[r])}function Uc(e){var r;try{r=e.getBBox()}catch(t){r=function _getBBoxHack(t){var e,r=Oc("svg",this.ownerSVGElement&&this.ownerSVGElement.getAttribute("xmlns")||"http://www.w3.org/2000/svg"),n=this.parentNode,i=this.nextSibling,a=this.style.cssText;if(Kt.appendChild(r),r.appendChild(this),this.style.display="block",t)try{e=this.getBBox(),this._gsapBBox=this.getBBox,this.getBBox=_getBBoxHack}catch(t){}else this._gsapBBox&&(e=this._gsapBBox());return i?n.insertBefore(this,i):n.appendChild(this),Kt.removeChild(r),this.style.cssText=a,e}.call(e,!0)}return!r||r.width||r.x||r.y?r:{x:+Tc(e,["x","cx","x1"]),y:+Tc(e,["y","cy","y1"]),width:0,height:0}}function Vc(t){return!(!t.getCTM||t.parentNode&&!t.ownerSVGElement||!Uc(t))}function Wc(t,e){if(e){var r=t.style;e in Ce&&(e=Re),r.removeProperty?("ms"!==e.substr(0,2)&&"webkit"!==e.substr(0,6)||(e="-"+e),r.removeProperty(e.replace(Ae,"-$1").toLowerCase())):r.removeAttribute(e)}}function Xc(t,e,r,n,i,a){var s=new Qt(t._pt,e,r,0,1,a?Fc:Ec);return(t._pt=s).b=n,s.e=i,t._props.push(r),s}function Zc(t,e,r,n){var i,a,s,o,u=parseFloat(r),h=(r+"").substr((u+"").length),l=te.style,f=De.test(e),c="svg"===t.tagName.toLowerCase(),p=(c?"client":"offset")+(f?"Width":"Height"),d="px"===n;return n===h||ze[n]||ze[h]?u:(o=t.getCTM&&Vc(t),"%"===n&&Ce[e]?_(u/(o?t.getBBox()[f?"width":"height"]:t[p])*100):(l[f?"width":"height"]=100+(d?h:n),a="em"===n&&t.appendChild&&!c?t:t.parentNode,o&&(a=(t.ownerSVGElement||{}).parentNode),a&&a!==Ht&&a.appendChild||(a=Ht.body),(s=a._gsap)&&"%"===n&&s.width&&f&&s.time===Tt.time?i=s.width*u/100:(a.appendChild(te),i=te[p],a.removeChild(te),f&&"%"===n&&((s=a._gsap=a._gsap||{}).time=Tt.time,s.width=i/u*100)),_(d?i*u/100:100/i*u)))}function $c(t,e,r,n){var i,a;return Jt||Rc(),e in Fe&&~(e=Fe[e]).indexOf(",")&&(e=e.split(",")[0]),Ce[e]&&(a=Ne(t,n)[e],i="transformOrigin"!==e),i||(a=t.style[e])&&"auto"!==a&&!n||(a=Pc(t,e)||X(t,e)),r?Zc(t,e,a,r)+r:a}function _c(t,e,r,n){var i,a,s,o,u,h,l,f,c,_,p,d,m=new Qt(this._pt,t.style,e,0,1,Yt),g=0,v=0;if(m.b=r,m.e=n,r+="","auto"===(n+="")&&(t.style[e]=n,n=Pc(t,e)||n,t.style[e]=r),Za(i=[r,n]),n=i[1],s=(r=i[0]).match(Se)||[],(n.match(Se)||[]).length){for(;a=Se.exec(n);)l=a[0],c=n.substring(g,a.index),u?u=(u+1)%5:"rgba("===c.substr(-5)&&(u=1),l!==(h=s[v++]||"")&&(o=parseFloat(h)||0,p=h.substr((o+"").length),(d="="===l.charAt(1)?+(l.charAt(0)+"1"):0)&&(l=l.substr(2)),f=parseFloat(l),_=l.substr((f+"").length),g=Se.lastIndex-_.length,_||(_=_||N.units[e]||p,g===n.length&&(n+=_,m.e+=_)),p!==_&&(o=Zc(t,e,h,_)),m._pt={_next:m._pt,p:c||1===v?c:",",s:o,c:d?d*f:f-o,m:u&&u<4?Math.round:0});m.c=g<n.length?n.substring(g,n.length):""}else m.r="display"===e?Fc:Ec;return rt.test(n)&&(m.e=0),this._pt=m}function bd(t){var e=t.split(" "),r=e[0],n=e[1]||"50%";return"top"!==r&&"bottom"!==r&&"left"!==n&&"right"!==n||(e=r,r=n,n=e),(Be[r]||r)+" "+(Be[n]||n)}function cd(t,e){if(e.tween&&e.tween._time===e.tween._dur){var r,n,i,a=e.t,s=a.style,o=e.u;if("all"===o||!0===o)s.cssText="",n=1;else for(i=(o=o.split(",")).length;-1<--i;)r=o[i],Ce[r]&&(n=1,r="transformOrigin"===r?Le:Re),Wc(a,r);n&&(Wc(a,Re),(n=a._gsap)&&(n.svg&&a.removeAttribute("transform"),delete n.x))}}function gd(t){var e=Pc(t,Re);return"matrix(1, 0, 0, 1, 0, 0)"!==e&&"none"!==e&&e?e.substr(7).match(H).map(_):Ie}function hd(t,e){var r,n,i,a,s=t._gsap,o=t.style,u=gd(t);return s.svg&&t.getAttribute("transform")?"1,0,0,1,0,0"===(u=[(i=t.transform.baseVal.consolidate().matrix).a,i.b,i.c,i.d,i.e,i.f]).join(",")?Ie:u:(u!==Ie||t.offsetParent||t===Kt||s.svg||(i=o.display,o.display="block",(r=t.parentNode)&&t.offsetParent||(a=1,n=t.nextSibling,Kt.appendChild(t)),u=gd(t),i?o.display=i:Wc(t,"display"),a&&(n?r.insertBefore(t,n):r?r.appendChild(t):Kt.removeChild(t))),e&&6<u.length?[u[0],u[1],u[4],u[5],u[12],u[13]]:u)}function id(t,e,r,n,i,a){var s,o,u,h=t._gsap,l=i||hd(t,!0),f=h.xOrigin||0,c=h.yOrigin||0,_=h.xOffset||0,p=h.yOffset||0,d=l[0],m=l[1],g=l[2],v=l[3],y=l[4],w=l[5],b=e.split(" "),T=parseFloat(b[0])||0,x=parseFloat(b[1])||0;r?l!==Ie&&(o=d*v-m*g)&&(u=T*(-m/o)+x*(d/o)-(d*w-m*y)/o,T=T*(v/o)+x*(-g/o)+(g*w-v*y)/o,x=u):(T=(s=Uc(t)).x+(~b[0].indexOf("%")?T/100*s.width:T),x=s.y+(~(b[1]||b[0]).indexOf("%")?x/100*s.height:x)),n||!1!==n&&h.smooth?(y=T-f,w=x-c,h.xOffset+=y*d+w*g-y,h.yOffset+=y*m+w*v-w):h.xOffset=h.yOffset=0,h.xOrigin=T,h.yOrigin=x,h.smooth=!!n,h.origin=e,h.originIsAbsolute=!!r,a&&(Xc(a,h,"xOrigin",f,T),Xc(a,h,"yOrigin",c,x),Xc(a,h,"xOffset",_,h.xOffset),Xc(a,h,"yOffset",p,h.yOffset))}function nd(t,e,r,i,a,s){var o,u,h=360,l=n(a),f=parseFloat(a)*(l&&~a.indexOf("rad")?Oe:1),c=s?f*s:f-i,_=i+c+"deg";return l&&("short"===(o=a.split("_")[1])&&(c%=h)!==c%180&&(c+=c<0?h:-h),"cw"===o&&c<0?c=(c+36e9)%h-~~(c/h)*h:"ccw"===o&&0<c&&(c=(c-36e9)%h-~~(c/h)*h)),t._pt=u=new Qt(t._pt,e,r,i,c,Bc),u.e=_,u.u="deg",t._props.push(r),u}function od(t,e,r){var n,i,a,s,o,u,h,l=ee.style,f=r._gsap;for(i in l.cssText=getComputedStyle(r).cssText+";position:absolute;display:block;",l[Re]=e,Ht.body.appendChild(ee),n=Ne(ee,1),Ce)(a=f[i])!==(s=n[i])&&"perspective"!==i&&(o=W(a)!==(h=W(s))?Zc(r,i,a,h):parseFloat(a),u=parseFloat(s),t._pt=new Qt(t._pt,f,i,o,u-o,Ac),t._pt.u=h,t._props.push(i));Ht.body.removeChild(ee)}var Gt,Ht,Kt,Jt,te,ee,re,ne,ie,ae,se,oe=kt.Power0,ue=kt.Power1,he=kt.Power2,le=kt.Power3,fe=kt.Power4,ce=kt.Linear,_e=kt.Quad,pe=kt.Cubic,de=kt.Quart,me=kt.Quint,ge=kt.Strong,ve=kt.Elastic,ye=kt.Back,we=kt.SteppedEase,be=kt.Bounce,Te=kt.Sine,xe=kt.Expo,ke=kt.Circ,Ce={},Oe=180/Math.PI,Pe=Math.PI/180,Me=Math.atan2,Ae=/([A-Z])/g,Se=/[-+=\.]*\d+[\.e-]*\d*[a-z%]*/g,De=/(?:left|right|width|margin|padding|x)/i,Ee=/[\s,\(]\S/,Fe={autoAlpha:"opacity,visibility",scale:"scaleX,scaleY",alpha:"opacity"},Re="transform",Le=Re+"Origin",ze={deg:1,rad:1,turn:1},Be={top:"0%",bottom:"100%",left:"0%",right:"100%",center:"50%"},je={clearProps:function clearProps(t,e,r,n,i){var a=t._pt=new Qt(t._pt,e,r,0,0,cd);return a.u=n,a.pr=-10,a.tween=i,t._props.push(r),1}},Ie=[1,0,0,1,0,0],Ue={},Ne=function _parseTransform(t,e){var r=t._gsap||new Mt(t);if("x"in r&&!e)return r;var n,i,a,s,o,u,h,l,f,c,p,d,m,g,v,y,w,b,T,x,k,C,O,P,M,A,S,D,E,F,R=t.style,L=r.scaleX<0,z=r.xOrigin||0,B=r.yOrigin||0,j="deg";return n=i=a=u=h=l=f=c=p=0,s=o=1,r.svg=!(!t.getCTM||!Vc(t)),d=hd(t,r.svg),r.svg&&id(t,Pc(t,"transformOrigin")||"0",r.originIsAbsolute,!1!==r.smooth,d),d!==Ie&&(y=d[0],w=d[1],b=d[2],T=d[3],n=x=d[4],i=k=d[5],6===d.length?(s=Math.sqrt(y*y+w*w),o=Math.sqrt(T*T+b*b),u=y||w?Me(w,y)*Oe:r.rotation||0,f=b||T?Me(b,T)*Oe+u:r.skewX||0,r.svg&&(n-=z-(z*y+B*b),i-=B-(z*w+B*T))):(F=d[6],D=d[7],M=d[8],A=d[9],S=d[10],E=d[11],n=d[12],i=d[13],a=d[14],h=(m=Me(F,S))*Oe,m&&(C=x*(g=Math.cos(-m))+M*(v=Math.sin(-m)),O=k*g+A*v,P=F*g+S*v,M=x*-v+M*g,A=k*-v+A*g,S=F*-v+S*g,E=D*-v+E*g,x=C,k=O,F=P),l=(m=Me(-b,S))*Oe,m&&(g=Math.cos(-m),E=T*(v=Math.sin(-m))+E*g,y=C=y*g-M*v,w=O=w*g-A*v,b=P=b*g-S*v),u=(m=Me(w,y))*Oe,m&&(C=y*(g=Math.cos(m))+w*(v=Math.sin(m)),O=x*g+k*v,w=w*g-y*v,k=k*g-x*v,y=C,x=O),h&&359.9<Math.abs(h)+Math.abs(u)&&(h=u=0,l=180-l),s=_(Math.sqrt(y*y+w*w+b*b)),o=_(Math.sqrt(k*k+F*F)),m=Me(x,k),f=2e-4<Math.abs(m)?m*Oe:0,p=E?1/(E<0?-E:E):0)),90<Math.abs(f)&&Math.abs(f)<270&&(L?(s*=-1,f+=u<=0?180:-180,u+=u<=0?180:-180):(o*=-1,f+=f<=0?180:-180)),r.x=n+"px",r.y=i+"px",r.z=a+"px",r.scaleX=_(s),r.scaleY=_(o),r.rotation=_(u)+j,r.rotationX=_(h)+j,r.rotationY=_(l)+j,r.skewX=f+j,r.skewY=c+j,r.transformPerspective=p+"px",r.xPercent=r.yPercent=r.xOffset=r.yOffset=0,r.force3D=N.force3D,r.renderTransform=r.svg?Ve:ne?Ye:Xe,r.svg&&R[Re]&&Zt.delayedCall(.001,function(){return Wc(t,Re)}),r},Xe=function _renderNon3DTransforms(t,e){e.z="0px",e.rotationY=e.rotationX="0deg",e.force3D=0,Ye(t,e)},Ye=function _renderCSSTransforms(t,e){var r=e.xPercent,n=e.yPercent,i=e.x,a=e.y,s=e.z,o=e.rotation,u=e.rotationY,h=e.rotationX,l=e.skewX,f=e.skewY,c=e.scaleX,_=e.scaleY,p=e.transformPerspective,d="",m="0deg",g=") ",v="auto"===e.force3D&&t&&1!==t,y="0px";(r||n)&&(d="translate("+r+"%, "+n+"%) "),!v&&i===y&&a===y&&s===y||(d+=s!==y||v?"translate3d("+i+", "+a+", "+s+") ":"translate("+i+", "+a+g),p!==y&&(d+="perspective("+p+g),o!==m&&(d+="rotate("+o+g),u!==m&&(d+="rotateY("+u+g),h!==m&&(d+="rotateX("+h+g),l===m&&f===m||(d+="skew("+l+", "+f+g),1===c&&1===_||(d+="scale("+c+", "+_+g),e.target.style[Re]=d||"translate(0, 0)"},Ve=function _renderSVGTransforms(t,e){var r,n,i,a,s,o=e.xPercent,u=e.yPercent,h=e.x,l=e.y,f=e.rotation,c=e.skewX,p=e.skewY,d=e.scaleX,m=e.scaleY,g=e.target,v=e.xOrigin,y=e.yOrigin,w=e.xOffset,b=e.yOffset,T=parseFloat(h),x=parseFloat(l);f=parseFloat(f),c=parseFloat(c),(p=parseFloat(p))&&(c+=p=parseFloat(p),f+=p),f||c?(f*=Pe,c*=Pe,r=Math.cos(f)*d,n=Math.sin(f)*d,i=Math.sin(f-c)*-m,a=Math.cos(f-c)*m,c&&(p*=Pe,s=Math.tan(c-p),i*=s=Math.sqrt(1+s*s),a*=s,p&&(s=Math.tan(p),r*=s=Math.sqrt(1+s*s),n*=s)),r=_(r),n=_(n),i=_(i),a=_(a)):(r=d,a=m,n=i=0),(T&&!~h.indexOf("px")||x&&!~l.indexOf("px"))&&(T=Zc(g,"x",h,"px"),x=Zc(g,"y",l,"px")),(v||y||w||b)&&(T=_(T+v-(v*r+y*i)+w),x=_(x+y-(v*n+y*a)+b)),(o||u)&&(s=g.getBBox(),T=_(T+o/100*s.width),x=_(x+u/100*s.height)),g.setAttribute("transform","matrix("+r+","+n+","+i+","+a+","+T+","+x+")")},We={name:"css",register:Rc,targetTest:function targetTest(t){return t.style&&t.nodeType},init:function init(t,e,r,n,i){var a,s,o,u,h,l,f,c,_,p,d,m,g,v,y,w=this._props,b=t.style;for(f in Jt||Rc(),e)if("autoRound"!==f&&(s=e[f],!ut[f]||!tb(f,e,r,n,t,i)))if(l=je[f],"function"===(h=typeof s)&&(h=typeof(s=s.call(r,n,t,i))),"string"===h&&~s.indexOf("random(")&&(s=Ka(s)),l)l(this,t,f,s,r)&&(y=1);else if("--"===f.substr(0,2))this.add(b,"setProperty",getComputedStyle(t).getPropertyValue(f)+"",s+"",n,i,0,0,f);else{if(a=$c(t,f),u=parseFloat(a),(p="string"===h&&"="===s.charAt(1)?+(s.charAt(0)+"1"):0)&&(s=s.substr(2)),o=parseFloat(s),f in Fe&&("autoAlpha"===f&&(1===u&&"hidden"===$c(t,"visibility")&&o&&(u=0),Xc(this,b,"visibility",u?"inherit":"hidden",o?"inherit":"hidden",!o)),"scale"!==f&&~(f=Fe[f]).indexOf(",")&&(f=f.split(",")[0])),d=f in Ce){if(m||(g=t._gsap,v=!1!==e.smoothOrigin&&g.smooth,(m=this._pt=new Qt(this._pt,b,Re,0,1,g.renderTransform,g)).dep=1),"scale"===f){this._pt=new Qt(this._pt,t,"scale",u,p?p*o:o-u,0,0,Ic),w.push("scale");continue}if("transformOrigin"===f){s=bd(s),g.svg?id(t,s,0,v,0,this):Xc(this,b,f,a,s);continue}if("svgOrigin"===f){id(t,s,1,v,0,this);continue}if(f in Ue){nd(this,g,f,u,s,p);continue}if("smoothOrigin"===f){Xc(this,g,"smooth",g.smooth,s);continue}if("force3D"===f){g[f]=s;continue}if("transform"===f){od(this,s,t);continue}}if(d||(o||0===o)&&(u||0===u)&&!Ee.test(s)&&f in b)(c=(a+"").substr((u+"").length))!==(_=(s+"").substr((o+"").length)||(f in N.units?N.units[f]:c))&&(u=Zc(t,f,a,_)),this._pt=new Qt(this._pt,d?g:b,f,u,p?p*o:o-u,"px"!==_||!1===e.autoRound||d?Ac:Dc),this._pt.u=_||0,c!==_&&(this._pt.b=a,this._pt.r=Cc);else if(f in b)_c.call(this,t,f,a,s);else{if(!(f in t)){J("Invalid "+f+" tween "+s+". Missing a plugin? gsap.registerPlugin()");continue}this.add(t,f,t[f],s,n,i)}w.push(f)}y&&qt(this)},get:$c,aliases:Fe,getSetter:function getSetter(t,e,r){return e in Ce&&(t._gsap.x||$c(t,"x"))?r&&re===r?"scale"===e?Ic:Hc:(re=r||{})&&("scale"===e?Jc:Kc):t.style&&!q(t.style[e])?Gc:Nt(t,e)}};Zt.utils.checkPrefix=Qc,se=$((ie="x,y,z,scale,scaleX,scaleY,xPercent,yPercent")+","+(ae="rotation,rotationX,rotationY,skewX,skewY")+",transform,transformOrigin,svgOrigin,force3D,smoothOrigin,transformPerspective",function(t){Ce[t]=1}),$(ae,function(t){N.units[t]="deg",Ue[t]=1}),Fe[se[13]]=ie+","+ae,$("0:translateX,1:translateY,2:translateZ,8:rotate,8:rotationZ,9:rotateX,10:rotateY",function(t){var e=t.split(":");Fe[e[1]]=se[e[0]]}),$("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,perspective",function(t){N.units[t]="px"}),Zt.registerPlugin(We),Zt.registerPlugin(We),e.Back=ye,e.Bounce=be,e.CSSPlugin=We,e.Circ=ke,e.Cubic=pe,e.Elastic=ve,e.Expo=xe,e.Linear=ce,e.Power0=oe,e.Power1=ue,e.Power2=he,e.Power3=le,e.Power4=fe,e.Quad=_e,e.Quart=de,e.Quint=me,e.Sine=Te,e.SteppedEase=we,e.Strong=ge,e.TimelineLite=St,e.TimelineMax=St,e.TweenLite=Bt,e.TweenMax=Bt,e.default=Zt,e.gsap=Zt,Object.defineProperty(e,"__esModule",{value:!0})}); | ||
| //# sourceMappingURL=gsap.min.js.map |
@@ -20,4 +20,4 @@ (function (global, factory) { | ||
| var _svgPathExp = /[achlmqstvz]|(-?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/ig, | ||
| //_numbersExp = /(?:(-)?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/ig, | ||
| _scientific = /[\+\-]?\d*\.?\d+e[\+\-]?\d+/ig, | ||
| _numbersExp = /(?:(-)?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/ig, | ||
| _scientific = /[\+\-]?\d*\.?\d+e[\+\-]?\d+/ig, | ||
| _selectorExp = /(^[#\.][a-z]|[a-y][a-z])/i, | ||
@@ -127,3 +127,3 @@ _DEG2RAD = Math.PI / 180, | ||
| return _isString(value) ? stringToRawPath(value) : _isNumber(value[0]) ? [value] : value; | ||
| return !value ? console.warn("Expecting a <path> element or an SVG path data string") : _isString(value) ? stringToRawPath(value) : _isNumber(value[0]) ? [value] : value; | ||
| } //copies a RawPath WITHOUT the length meta data (for speed) | ||
@@ -153,2 +153,132 @@ | ||
| segment.reversed = !segment.reversed; | ||
| } | ||
| var _createPath = function _createPath(e, ignore) { | ||
| var path = document.createElementNS("http://www.w3.org/2000/svg", "path"), | ||
| attr = [].slice.call(e.attributes), | ||
| i = attr.length, | ||
| name; | ||
| ignore = "," + ignore + ","; | ||
| while (--i > -1) { | ||
| name = attr[i].nodeName.toLowerCase(); //in Microsoft Edge, if you don't set the attribute with a lowercase name, it doesn't render correctly! Super weird. | ||
| if (ignore.indexOf("," + name + ",") < 0) { | ||
| path.setAttributeNS(null, name, attr[i].nodeValue); | ||
| } | ||
| } | ||
| return path; | ||
| }, | ||
| _typeAttrs = { | ||
| rect: "rx,ry,x,y,width,height", | ||
| circle: "r,cx,cy", | ||
| ellipse: "rx,ry,cx,cy", | ||
| line: "x1,x2,y1,y2" | ||
| }, | ||
| _attrToObj = function _attrToObj(e, attrs) { | ||
| var props = attrs ? attrs.split(",") : [], | ||
| obj = {}, | ||
| i = props.length; | ||
| while (--i > -1) { | ||
| obj[props[i]] = +e.getAttribute(props[i]) || 0; | ||
| } | ||
| return obj; | ||
| }; //converts an SVG shape like <circle>, <rect>, <polygon>, <polyline>, <ellipse>, etc. to a <path>, swapping it in and copying the attributes to match. | ||
| function convertToPath(element, swap) { | ||
| var type = element.tagName.toLowerCase(), | ||
| circ = 0.552284749831, | ||
| data, | ||
| x, | ||
| y, | ||
| r, | ||
| ry, | ||
| path, | ||
| rcirc, | ||
| rycirc, | ||
| points, | ||
| w, | ||
| h, | ||
| x2, | ||
| x3, | ||
| x4, | ||
| x5, | ||
| x6, | ||
| y2, | ||
| y3, | ||
| y4, | ||
| y5, | ||
| y6, | ||
| attr; | ||
| if (type === "path" || !element.getBBox) { | ||
| return element; | ||
| } | ||
| path = _createPath(element, "x,y,width,height,cx,cy,rx,ry,r,x1,x2,y1,y2,points"); | ||
| attr = _attrToObj(element, _typeAttrs[type]); | ||
| if (type === "rect") { | ||
| r = attr.rx; | ||
| ry = attr.ry; | ||
| x = attr.x; | ||
| y = attr.y; | ||
| w = attr.width - r * 2; | ||
| h = attr.height - ry * 2; | ||
| if (r || ry) { | ||
| //if there are rounded corners, render cubic beziers | ||
| x2 = x + r * (1 - circ); | ||
| x3 = x + r; | ||
| x4 = x3 + w; | ||
| x5 = x4 + r * circ; | ||
| x6 = x4 + r; | ||
| y2 = y + ry * (1 - circ); | ||
| y3 = y + ry; | ||
| y4 = y3 + h; | ||
| y5 = y4 + ry * circ; | ||
| y6 = y4 + ry; | ||
| data = "M" + x6 + "," + y3 + " V" + y4 + " C" + [x6, y5, x5, y6, x4, y6, x4 - (x4 - x3) / 3, y6, x3 + (x4 - x3) / 3, y6, x3, y6, x2, y6, x, y5, x, y4, x, y4 - (y4 - y3) / 3, x, y3 + (y4 - y3) / 3, x, y3, x, y2, x2, y, x3, y, x3 + (x4 - x3) / 3, y, x4 - (x4 - x3) / 3, y, x4, y, x5, y, x6, y2, x6, y3].join(",") + "z"; | ||
| } else { | ||
| data = "M" + (x + w) + "," + y + " v" + h + " h" + -w + " v" + -h + " h" + w + "z"; | ||
| } | ||
| } else if (type === "circle" || type === "ellipse") { | ||
| if (type === "circle") { | ||
| r = ry = attr.r; | ||
| rycirc = r * circ; | ||
| } else { | ||
| r = attr.rx; | ||
| ry = attr.ry; | ||
| rycirc = ry * circ; | ||
| } | ||
| x = attr.cx; | ||
| y = attr.cy; | ||
| rcirc = r * circ; | ||
| data = "M" + (x + r) + "," + y + " C" + [x + r, y + rycirc, x + rcirc, y + ry, x, y + ry, x - rcirc, y + ry, x - r, y + rycirc, x - r, y, x - r, y - rycirc, x - rcirc, y - ry, x, y - ry, x + rcirc, y - ry, x + r, y - rycirc, x + r, y].join(",") + "z"; | ||
| } else if (type === "line") { | ||
| data = "M" + attr.x1 + "," + attr.y1 + " L" + attr.x2 + "," + attr.y2; //previously, we just converted to "Mx,y Lx,y" but Safari has bugs that cause that not to render properly when using a stroke-dasharray that's not fully visible! Using a cubic bezier fixes that issue. | ||
| } else if (type === "polyline" || type === "polygon") { | ||
| points = (element.getAttribute("points") + "").match(_numbersExp) || []; | ||
| x = points.shift(); | ||
| y = points.shift(); | ||
| data = "M" + x + "," + y + " L" + points.join(","); | ||
| if (type === "polygon") { | ||
| data += "," + x + "," + y + "z"; | ||
| } | ||
| } | ||
| path.setAttribute("d", rawPathToString(path._gsRawPath = stringToRawPath(data))); | ||
| if (swap && element.parentNode) { | ||
| element.parentNode.insertBefore(path, element); | ||
| element.parentNode.removeChild(element); | ||
| } | ||
| return path; | ||
| } //returns the rotation (in degrees) at a particular progress on a rawPath (the slope of the tangent) | ||
@@ -1117,6 +1247,6 @@ | ||
| * VERSION: 3.0.0 | ||
| * DATE: 2019-09-20 | ||
| * DATE: 2019-10-03 | ||
| * http://greensock.com | ||
| * | ||
| * Copyright (c) 2008-2019, GreenSock. All rights reserved. | ||
| * @license Copyright (c) 2008-2019, GreenSock. All rights reserved. | ||
| * This work is subject to the terms at http://greensock.com/standard-license or for | ||
@@ -1129,7 +1259,17 @@ * Club GreenSock members, the agreement that was issued with that membership. | ||
| var _doc, | ||
| _win, | ||
| _transformProp = "transform", | ||
| _transformOriginProp = _transformProp + "Origin", | ||
| _setDoc = function _setDoc(element) { | ||
| var doc = element.ownerDocument || element; | ||
| if (!(_transformProp in element.style) && "msTransform" in element.style) { | ||
| //to improve compatibility with old Microsoft browsers | ||
| _transformProp = "msTransform"; | ||
| _transformOriginProp = _transformProp + "Origin"; | ||
| } | ||
| while (doc.parentNode && (doc = doc.parentNode)) {} | ||
| _win = window; | ||
| return _doc = doc; | ||
@@ -1142,12 +1282,4 @@ }, | ||
| _svgContainer, | ||
| _identityMatrix = { | ||
| a: 1, | ||
| b: 0, | ||
| c: 0, | ||
| d: 1, | ||
| e: 0, | ||
| f: 0 | ||
| }, | ||
| _svgOwner = function _svgOwner(element) { | ||
| return element.ownerSVGElement || (element.tagName.toLowerCase() === "svg" ? element : null); | ||
| return element.ownerSVGElement || ((element.tagName + "").toLowerCase() === "svg" ? element : null); | ||
| }, | ||
@@ -1198,4 +1330,10 @@ _createSibling = function _createSibling(element, i) { | ||
| m, | ||
| b; | ||
| b, | ||
| x, | ||
| y; | ||
| if (element === _win) { | ||
| return element; | ||
| } | ||
| if (!siblings.length) { | ||
@@ -1211,6 +1349,18 @@ siblings.push(_createSibling(element, 1), _createSibling(element, 2), _createSibling(element, 3)); | ||
| y: 0 | ||
| } : element.getBBox(); | ||
| } : element.getBBox(); //may need to make x/y 0,0 if the element is a <g>. | ||
| m = element.transform.baseVal; | ||
| m = m.length ? m.consolidate().matrix : _identityMatrix; | ||
| container.setAttribute("transform", "matrix(" + m.a + "," + m.b + "," + m.c + "," + m.d + "," + (m.e + b.x) + "," + (m.f + b.y) + ")"); | ||
| if (m.length) { | ||
| m = m.consolidate().matrix; | ||
| x = m.a * b.x + m.c * b.y; | ||
| y = m.b * b.x + m.d * b.y; | ||
| } else { | ||
| m = new Matrix2D(); | ||
| x = b.x; //MAY NEED TO BE 0, 0 | ||
| y = b.y; | ||
| } | ||
| container.setAttribute("transform", "matrix(" + m.a + "," + m.b + "," + m.c + "," + m.d + "," + (m.e + x) + "," + (m.f + y) + ")"); | ||
| (isRootSVG ? svg : element.parentNode).appendChild(container); | ||
@@ -1220,3 +1370,5 @@ } else { | ||
| container.style.left = element.offsetLeft + "px"; | ||
| container.style.transform = window.getComputedStyle(element).transform; | ||
| m = _win.getComputedStyle(element); | ||
| container.style[_transformProp] = m[_transformProp]; | ||
| container.style[_transformOriginProp] = m[_transformOriginProp]; | ||
| element.parentNode.appendChild(container); | ||
@@ -1226,3 +1378,103 @@ } | ||
| return container; | ||
| }; //feed in an element and it'll return a 2D matrix (optionally inverted) so that you can translate between coordinate spaces. | ||
| }, | ||
| _setMatrix = function _setMatrix(m, a, b, c, d, e, f) { | ||
| m.a = a; | ||
| m.b = b; | ||
| m.c = c; | ||
| m.d = d; | ||
| m.e = e; | ||
| m.f = f; | ||
| return m; | ||
| }; | ||
| var Matrix2D = | ||
| /*#__PURE__*/ | ||
| function () { | ||
| function Matrix2D(a, b, c, d, e, f) { | ||
| if (a === void 0) { | ||
| a = 1; | ||
| } | ||
| if (b === void 0) { | ||
| b = 0; | ||
| } | ||
| if (c === void 0) { | ||
| c = 0; | ||
| } | ||
| if (d === void 0) { | ||
| d = 1; | ||
| } | ||
| if (e === void 0) { | ||
| e = 0; | ||
| } | ||
| if (f === void 0) { | ||
| f = 0; | ||
| } | ||
| _setMatrix(this, a, b, c, d, e, f); | ||
| } | ||
| var _proto = Matrix2D.prototype; | ||
| _proto.inverse = function inverse() { | ||
| var a = this.a, | ||
| b = this.b, | ||
| c = this.c, | ||
| d = this.d, | ||
| e = this.e, | ||
| f = this.f, | ||
| determinant = a * d - b * c; | ||
| return _setMatrix(this, d / determinant, -b / determinant, -c / determinant, a / determinant, (c * f - d * e) / determinant, -(a * f - b * e) / determinant); | ||
| }; | ||
| _proto.multiply = function multiply(matrix) { | ||
| var a = this.a, | ||
| b = this.b, | ||
| c = this.c, | ||
| d = this.d, | ||
| e = this.e, | ||
| f = this.f, | ||
| a2 = matrix.a, | ||
| b2 = matrix.c, | ||
| c2 = matrix.b, | ||
| d2 = matrix.d, | ||
| e2 = matrix.e, | ||
| f2 = matrix.f; | ||
| return _setMatrix(this, a2 * a + c2 * c, a2 * b + c2 * d, b2 * a + d2 * c, b2 * b + d2 * d, e + e2 * a + f2 * c, f + e2 * b + f2 * d); | ||
| }; | ||
| _proto.equals = function equals(matrix) { | ||
| var a = this.a, | ||
| b = this.b, | ||
| c = this.c, | ||
| d = this.d, | ||
| e = this.e, | ||
| f = this.f; | ||
| return a === matrix.a && b === matrix.b && c === matrix.c && d === matrix.d && e === matrix.e && f === matrix.f; | ||
| }; | ||
| _proto.apply = function apply(point, decoratee) { | ||
| if (decoratee === void 0) { | ||
| decoratee = {}; | ||
| } | ||
| var x = point.x, | ||
| y = point.y, | ||
| a = this.a, | ||
| b = this.b, | ||
| c = this.c, | ||
| d = this.d, | ||
| e = this.e, | ||
| f = this.f; | ||
| decoratee.x = x * a + y * c + e; | ||
| decoratee.y = x * b + y * d + f; | ||
| return decoratee; | ||
| }; | ||
| return Matrix2D; | ||
| }(); //feed in an element and it'll return a 2D matrix (optionally inverted) so that you can translate between coordinate spaces. | ||
| // Inverting lets you translate a global point into a local coordinate space. No inverting lets you go the other way. | ||
@@ -1232,7 +1484,10 @@ // We needed this to work around various browser bugs, like Firefox doesn't accurately report getScreenCTM() when there | ||
| // The matrix math to convert any x/y coordinate is: | ||
| // tx = m[0] * x + m[2] * y + m[4] | ||
| // ty = m[1] * x + m[3] * y + m[5] | ||
| // tx = m.a * x + m.c * y + m.e | ||
| // ty = m.b * x + m.d * y + m.f | ||
| function getGlobalMatrix(element, inverse) { | ||
| if (!element.parentNode) { | ||
| return new Matrix2D(); | ||
| } | ||
| function getGlobalMatrix(element, invert) { | ||
| var svg = _svgOwner(element), | ||
@@ -1244,18 +1499,7 @@ temps = svg ? _svgTemps : _divTemps, | ||
| b3 = temps[2].getBoundingClientRect(), | ||
| a = (b2.left - b1.left) / 100, | ||
| b = (b2.top - b1.top) / 100, | ||
| c = (b3.left - b1.left) / 100, | ||
| d = (b3.top - b1.top) / 100, | ||
| tx = b1.left, | ||
| ty = b1.top, | ||
| determinant; | ||
| parent = container.parentNode, | ||
| m = new Matrix2D((b2.left - b1.left) / 100, (b2.top - b1.top) / 100, (b3.left - b1.left) / 100, (b3.top - b1.top) / 100, b1.left, b1.top); | ||
| container.parentNode.removeChild(container); | ||
| if (invert) { | ||
| determinant = a * d - b * c; | ||
| return [d / determinant, -b / determinant, -c / determinant, a / determinant, (c * ty - d * tx) / determinant, -(a * ty - b * tx) / determinant]; | ||
| } | ||
| return [a, b, c, d, tx, ty]; | ||
| parent.removeChild(container); | ||
| return inverse ? m.inverse() : m; | ||
| } | ||
@@ -1265,3 +1509,3 @@ | ||
| * VERSION: 3.0.0 | ||
| * DATE: 2019-09-21 | ||
| * DATE: 2019-09-27 | ||
| * http://greensock.com | ||
@@ -1298,2 +1542,5 @@ * | ||
| }, | ||
| _getPropNum = function _getPropNum(target, prop, unit) { | ||
| return parseFloat(target._gsap.get(target, prop, unit || "px")) || 0; | ||
| }, | ||
| _relativize = function _relativize(segment) { | ||
@@ -1305,4 +1552,4 @@ var x = segment[0], | ||
| for (i = 2; i < segment.length; i += 2) { | ||
| segment[i] += x; | ||
| segment[i + 1] += y; | ||
| x = segment[i] += x; | ||
| y = segment[i + 1] += y; | ||
| } | ||
@@ -1314,3 +1561,3 @@ }, | ||
| } else { | ||
| segment.unshift(parseFloat(target._gsap.get(target, x, vars.unitX)), y ? parseFloat(target._gsap.get(target, y, vars.unitY)) : 0); | ||
| segment.unshift(_getPropNum(target, x, vars.unitX), y ? _getPropNum(target, y, vars.unitY) : 0); | ||
@@ -1343,14 +1590,3 @@ if (vars.relative) { | ||
| offsetY = _ref.offsetY; | ||
| var scalePixelsX = 1, | ||
| scalePixelsY = 1, | ||
| x, | ||
| y, | ||
| tween, | ||
| bounds1, | ||
| bounds2, | ||
| alignTarget, | ||
| p, | ||
| alignPath, | ||
| svg, | ||
| m; | ||
| var x, y, tween, targetMatrix, alignTarget, alignPath, alignMatrix, invertedMatrix, tx, ty; | ||
@@ -1363,4 +1599,5 @@ if (!rawPath || !rawPath.length) { | ||
| if (align === "self" || (alignTarget = _toArray(align)[0] || target) === target) { | ||
| x = -rawPath[0][0]; | ||
| y = -rawPath[0][1]; | ||
| x = _getPropNum(target, "x") - rawPath[0][0]; | ||
| y = _getPropNum(target, "y") - rawPath[0][1]; | ||
| transformRawPath(rawPath, 1, 0, 0, 1, x, y); | ||
| } else { | ||
@@ -1374,50 +1611,30 @@ tween = gsap.to(target, { | ||
| bounds1 = target.getBoundingClientRect(); | ||
| targetMatrix = getGlobalMatrix(target); //we cannot use something like getScreenCTM() because of a major bug in Firefox that has existed for years and prevents values from being reported correctly when an ancestor element has transforms applied. Our proprietary getGlobalMatrix() works across all browsers. | ||
| tween.render(-1).kill(); | ||
| svg = alignTarget.ownerSVGElement; | ||
| if (alignTarget.getTotalLength) { | ||
| if (alignTarget.getTotalLength && alignTarget.tagName.toLowerCase() === "path") { | ||
| //path | ||
| alignPath = getRawPath(alignTarget); | ||
| m = getGlobalMatrix(alignTarget.parentNode); | ||
| alignMatrix = getGlobalMatrix(alignTarget.parentNode); | ||
| x = alignPath[0][0]; | ||
| y = alignPath[0][1]; | ||
| scalePixelsX = m[0]; | ||
| scalePixelsY = m[3]; | ||
| bounds2 = { | ||
| left: m[0] * x + m[2] * y + m[4], | ||
| top: m[1] * x + m[3] * y + m[5] | ||
| }; // p = svg.createSVGPoint(); | ||
| // p.x = alignPath[0][0]; | ||
| // p.y = alignPath[0][1]; | ||
| // p = p.matrixTransform(alignTarget.getScreenCTM()); | ||
| // bounds2 = {left:p.x, top:p.y}; | ||
| } else { | ||
| bounds2 = alignTarget.getBoundingClientRect(); | ||
| alignMatrix = getGlobalMatrix(alignTarget); | ||
| x = 0; | ||
| y = 0; | ||
| } | ||
| x = bounds2.left - bounds1.left; | ||
| y = bounds2.top - bounds1.top; | ||
| if (target.getCTM && (!svg || svg === target.ownerSVGElement)) { | ||
| p = target.getCTM(); | ||
| x /= p.a; | ||
| y /= p.d; | ||
| scalePixelsY = scalePixelsX = 1; | ||
| } else if (svg && !target.getCTM && !m) { | ||
| p = alignTarget.getCTM(); | ||
| scalePixelsX = p.a; | ||
| scalePixelsY = p.d; | ||
| } | ||
| x -= rawPath[0][0] * scalePixelsX; | ||
| y -= rawPath[0][1] * scalePixelsY; | ||
| if (alignTarget.viewBox) { | ||
| p = alignTarget.createSVGPoint().matrixTransform(alignTarget.getCTM()); | ||
| x += p.x; | ||
| y += p.y; | ||
| } | ||
| tx = alignMatrix.a * x + alignMatrix.c * y + alignMatrix.e - targetMatrix.e; | ||
| ty = alignMatrix.b * x + alignMatrix.d * y + alignMatrix.f - targetMatrix.f; | ||
| invertedMatrix = getGlobalMatrix(target.parentNode, true); | ||
| x = invertedMatrix.a * tx + invertedMatrix.c * ty; | ||
| y = invertedMatrix.b * tx + invertedMatrix.d * ty; | ||
| tx = rawPath[0][0]; | ||
| ty = rawPath[0][1]; | ||
| alignMatrix.multiply(invertedMatrix); | ||
| x -= alignMatrix.a * tx + alignMatrix.c * ty; | ||
| y -= alignMatrix.b * tx + alignMatrix.d * ty; | ||
| transformRawPath(rawPath, alignMatrix.a, alignMatrix.b, alignMatrix.c, alignMatrix.d, x, y); | ||
| } | ||
| transformRawPath(rawPath, scalePixelsX, 0, 0, scalePixelsY, x || 0, y || 0); | ||
| } | ||
@@ -1557,2 +1774,8 @@ | ||
| transformRawPath: transformRawPath, | ||
| convertToPath: function convertToPath$1(targets, swap) { | ||
| return _toArray(targets).map(function (target) { | ||
| return convertToPath(target, swap !== false); | ||
| }); | ||
| }, | ||
| getGlobalMatrix: getGlobalMatrix, | ||
| arrayToRawPath: function arrayToRawPath(value, vars) { | ||
@@ -1563,2 +1786,6 @@ vars = vars || {}; | ||
| if (vars.relative) { | ||
| _relativize(segment); | ||
| } | ||
| return [vars.type === "cubic" ? segment : pointsToSegment(segment, vars.curviness)]; | ||
@@ -1565,0 +1792,0 @@ } |
@@ -1,5 +0,5 @@ | ||
| !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(t){"use strict";function o(t){return"string"==typeof t}function p(t){return"number"==typeof t}function w(t,e,n,r){var a=t[e],o=1===r?6:subdivideSegment(a,n,r);if(o&&o+n+2<a.length)return t.splice(e,0,a.slice(0,n+o+2)),a.splice(0,n+o),1}function z(t,e){var n=t.length,r=t[n-1]||[],a=r.length;e[0]===r[a-2]&&e[1]===r[a-1]&&(e=r.concat(e.slice(2)),n--),t[n]=e}var y=/[achlmqstvz]|(-?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/gi,x=/[\+\-]?\d*\.?\d+e[\+\-]?\d+/gi,r=/(^[#\.][a-z]|[a-y][a-z])/i,F=Math.PI/180,s=180/Math.PI,j=Math.sin,q=Math.cos,Z=Math.abs,Q=Math.sqrt,L=Math.atan2,A=1e8,_={},b={},e=1e5,d=function _wrapProgress(t){return Math.round((t+A)%1*e)/e||(t<0?0:1)},T=function _round(t){return~~(t*e+(t<0?-.5:.5))/e},C=function _copyMetaData(t,e){return e.totalLength=t.totalLength,t.samples?(e.samples=t.samples.slice(0),e.lookup=t.lookup.slice(0),e.minLength=t.minLength,e.resolution=t.resolution):e.totalPoints=t.totalPoints,e};function getRawPath(t){var e,n=(t=o(t)&&r.test(t)&&document.querySelector(t)||t).getAttribute?t:0;return n&&(t=t.getAttribute("d"))?(n._gsPath||(n._gsPath={}),(e=n._gsPath[t])&&!e._dirty?e:n._gsPath[t]=stringToRawPath(t)):o(t)?stringToRawPath(t):p(t[0])?[t]:t}function reverseSegment(t){var e,n=0;for(t.reverse();n<t.length;n+=2)e=t[n],t[n]=t[n+1],t[n+1]=e;t.reversed=!t.reversed}function getRotationAtBezierT(t,e,n){var r,a=t[e],o=t[e+2],i=t[e+4];return a+=(o-a)*n,a+=((o+=(i-o)*n)-a)*n,r=o+(i+(t[e+6]-i)*n-o)*n-a,a=t[e+1],a+=((o=t[e+3])-a)*n,a+=((o+=((i=t[e+5])-o)*n)-a)*n,T(L(o+(i+(t[e+7]-i)*n-o)*n-a,r)*s)}function sliceRawPath(t,e,n){!function _isUndefined(t){return void 0===t}(n)||(n=1);var r=n<(e=e||0),a=Math.max(0,~~(Z(n-e)-1e-8));if(r&&(r=n,n=e,e=r,r=1,a-=a?1:0),e<0||n<0){var o=1+~~Math.min(e,n);e+=o,n+=o}var i,s,l,h,g,u,f,p=function copyRawPath(t){for(var e=[],n=0;n<t.length;n++)e[n]=C(t[n],t[n].slice(0));return C(t,e)}(t.totalLength?t:cacheRawPathMeasurements(t)),c=1<n,d=getProgressData(p,e,_),m=getProgressData(p,n,b),P=m.segment,v=d.segment,R=m.segIndex,y=d.segIndex,x=m.i,M=d.i,S=y===R,L=x===M&&S,T=S&&x<M||L&&d.t>m.t;if(c||a){if(w(p,y,M,d.t)&&(i=1,y++,L?T?m.t/=d.t:(m.t=(m.t-d.t)/(1-d.t),R++,x=0):y<=R+1&&!T&&(R++,S&&(x-=M))),m.t?w(p,R,x,m.t)&&(T&&i&&y++,r&&R++):(R--,r&&y--),h=[],u=1+(g=p.length)*a,f=y,r)for(u+=(g-(R=(R||g)-1)+y)%g,l=0;l<u;l++)z(h,p[f]),f=(f||g)-1;else for(u+=(g-y+R)%g,l=0;l<u;l++)z(h,p[f++%g]);p=h}else if(s=1===m.t?6:subdivideSegment(P,x,m.t),e!==n)for(i=subdivideSegment(v,M,L?d.t/m.t:d.t),S&&(s+=i),P.splice(x+s+2),i&&v.splice(0,M+i),l=p.length;l--;)(l<y||R<l)&&p.splice(l,1);else P.angle=getRotationAtBezierT(P,x+s,0),d=P[x+=s],m=P[x+1],P.length=P.totalLength=0,P.totalPoints=p.totalPoints=8,P.push(d,m,d,m,d,m,d,m);return r&&function _reverseRawPath(t,e){var n=t.length;for(e||t.reverse();n--;)t[n].reversed||reverseSegment(t[n])}(p,c||a),p.totalLength=0,p}function measureSegment(t,e,n){e=e||0,t.samples||(t.samples=[],t.lookup=[]);var r,a,o,i,s,l,h,g,u,f,p,c,d,m,P,w,v,R=~~t.resolution||12,y=1/R,x=n?e+6*n+1:t.length,M=t[e],S=t[e+1],L=e?e/6*R:0,T=t.samples,_=t.lookup,b=(e?t.minLength:A)||A,C=T[L+n*R-1],N=e?T[L-1]:0;for(T.length=_.length=0,a=e+2;a<x;a+=6){for(o=t[a+4]-M,i=t[a+2]-M,s=t[a]-M,g=t[a+5]-S,u=t[a+3]-S,f=t[a+1]-S,l=h=p=c=0,r=1;r<=R;r++)l=h-(h=((m=y*r)*m*o+3*(d=1-m)*(m*i+d*s))*m),p=c-(c=(m*m*g+3*d*(m*u+d*f))*m),(w=Q(p*p+l*l))<b&&(b=w),N+=w,T[L++]=N;M+=o,S+=g}if(C)for(C-=N;L<T.length;L++)T[L]+=C;if(T.length&&b)for(t.totalLength=v=T[T.length-1]||0,t.minLength=b,w=P=0,r=0;r<v;r+=b)_[w++]=T[P]<r?++P:P;else t.totalLength=T[0]=0;return e?N-T[e/2-1]:N}function cacheRawPathMeasurements(t,e){var n,r,a;for(a=n=r=0;a<t.length;a++)t[a].resolution=~~e||12,r+=t[a].length,n+=measureSegment(t[a]);return t.totalPoints=r,t.totalLength=n,t}function subdivideSegment(t,e,n){if(n<=0||1<=n)return 0;var r=t[e],a=t[e+1],o=t[e+2],i=t[e+3],s=t[e+4],l=t[e+5],h=r+(o-r)*n,g=o+(s-o)*n,u=a+(i-a)*n,f=i+(l-i)*n,p=h+(g-h)*n,c=u+(f-u)*n,d=s+(t[e+6]-s)*n,m=l+(t[e+7]-l)*n;return g+=(d-g)*n,f+=(m-f)*n,t.splice(e+2,4,T(h),T(u),T(p),T(c),T(p+(g-p)*n),T(c+(f-c)*n),T(g),T(f),T(d),T(m)),t.samples&&t.samples.splice(e/6*t.resolution|0,0,0,0,0,0,0,0),6}function getProgressData(t,e,n){n=n||{},t.totalLength||cacheRawPathMeasurements(t),(e<0||1<e)&&(e=d(e));var r,a,o,i,s,l,h=0,g=t[0];if(1<t.length){for(o=t.totalLength*e,s=l=0;(s+=t[l++].totalLength)<o;)h=l;e=(o-(i=s-(g=t[h]).totalLength))/(s-i)||0}return r=g.samples,a=g.resolution,o=g.totalLength*e,i=(l=g.lookup[~~(o/g.minLength)]||0)?r[l-1]:0,(s=r[l])<o&&(i=s,s=r[++l]),n.path=t,n.segment=g,n.segIndex=h,n.i=6*~~(l/a),n.t=1/a*((o-i)/(s-i)+l%a),n}function getPositionOnPath(t,e,n,r){var a,o,i,s,l,h,g,u,f,p=t[0],c=r||{};if((e<0||1<e)&&(e=d(e)),1<t.length){for(i=t.totalLength*e,l=h=0;(l+=t[h++].totalLength)<i;)p=t[h];e=(i-(s=l-p.totalLength))/(l-s)||0}return a=p.samples,o=p.resolution,i=p.totalLength*e,s=(h=p.lookup[~~(i/p.minLength)]||0)?a[h-1]:0,(l=a[h])<i&&(s=l,l=a[++h]),f=1-(g=1/o*((i-s)/(l-s)+h%o)||0),u=p[h=6*~~(h/o)],c.x=T((g*g*(p[h+6]-u)+3*f*(g*(p[h+4]-u)+f*(p[h+2]-u)))*g+u),c.y=T((g*g*(p[h+7]-(u=p[h+1]))+3*f*(g*(p[h+5]-u)+f*(p[h+3]-u)))*g+u),n&&(c.angle=p.totalLength?getRotationAtBezierT(p,h,1<=g?1-1e-9:g||1e-9):p.angle||0),c}function transformRawPath(t,e,n,r,a,o,i){for(var s,l,h,g,u,f=t.length;-1<--f;)for(l=(s=t[f]).length,h=0;h<l;h+=2)g=s[h],u=s[h+1],s[h]=g*e+u*r+o,s[h+1]=g*n+u*a+i;return t._dirty=1,t}function arcToSegment(t,e,n,r,a,o,i,s,l){if(t!==s||e!==l){n=Z(n),r=Z(r);var h=a%360*F,g=q(h),u=j(h),f=Math.PI,p=2*f,c=(t-s)/2,d=(e-l)/2,m=g*c+u*d,P=-u*c+g*d,w=m*m,v=P*P,R=w/(n*n)+v/(r*r);1<R&&(n=Q(R)*n,r=Q(R)*r);var y=n*n,x=r*r,M=(y*x-y*v-x*w)/(y*v+x*w);M<0&&(M=0);var S=(o===i?-1:1)*Q(M),L=n*P/r*S,T=-r*m/n*S,_=g*L-u*T+(t+s)/2,b=u*L+g*T+(e+l)/2,C=(m-L)/n,N=(P-T)/r,A=(-m-L)/n,I=(-P-T)/r,z=C*C+N*N,B=(N<0?-1:1)*Math.acos(C/Q(z)),k=(C*I-N*A<0?-1:1)*Math.acos((C*A+N*I)/Q(z*(A*A+I*I)));isNaN(k)&&(k=f),!i&&0<k?k-=p:i&&k<0&&(k+=p),B%=p,k%=p;var O,V=Math.ceil(Z(k)/(p/4)),D=[],E=k/V,G=4/3*j(E/2)/(1+q(E/2)),U=g*n,H=u*n,X=u*-r,Y=g*r;for(O=0;O<V;O++)m=q(a=B+O*E),P=j(a),C=q(a+=E),N=j(a),D.push(m-G*P,P+G*m,C+G*N,N-G*C,C,N);for(O=0;O<D.length;O+=2)m=D[O],P=D[O+1],D[O]=m*U+P*X+_,D[O+1]=m*H+P*Y+b;return D[O-2]=s,D[O-1]=l,D}}function stringToRawPath(t){function ie(t,e,n,r){g=(n-t)/3,u=(r-e)/3,s.push(t+g,e+u,n-g,r-u,n,r)}var e,n,r,a,o,i,s,l,h,g,u,f,p,c=(t+"").replace(x,function(t){var e=+t;return e<1e-4&&-1e-4<e?0:e}).match(y)||[],d=[],m=0,P=0,w=c.length,v=0,R="ERROR: malformed path: "+t;if(!t||!isNaN(c[0])||isNaN(c[1]))return console.log(R),d;for(e=0;e<w;e++)if(p=o,isNaN(c[e])?i=(o=c[e].toUpperCase())!==c[e]:e--,r=+c[e+1],a=+c[e+2],i&&(r+=m,a+=P),e||(l=r,h=a),"M"===o)s&&(s.length<8?d.length-=1:v+=s.length),m=l=r,P=h=a,s=[r,a],d.push(s),e+=2,o="L";else if("C"===o)i||(m=P=0),(s=s||[0,0]).push(r,a,m+1*c[e+3],P+1*c[e+4],m+=1*c[e+5],P+=1*c[e+6]),e+=6;else if("S"===o)g=m,u=P,"C"!==p&&"S"!==p||(g+=m-s[s.length-4],u+=P-s[s.length-3]),i||(m=P=0),s.push(g,u,r,a,m+=1*c[e+3],P+=1*c[e+4]),e+=4;else if("Q"===o)g=m+2/3*(r-m),u=P+2/3*(a-P),i||(m=P=0),m+=1*c[e+3],P+=1*c[e+4],s.push(g,u,m+2/3*(r-m),P+2/3*(a-P),m,P),e+=4;else if("T"===o)g=m-s[s.length-4],u=P-s[s.length-3],s.push(m+g,P+u,r+2/3*(m+1.5*g-r),a+2/3*(P+1.5*u-a),m=r,P=a),e+=2;else if("H"===o)ie(m,P,m=r,P),e+=1;else if("V"===o)ie(m,P,m,P=r+(i?P-m:0)),e+=1;else if("L"===o||"Z"===o)"Z"===o&&(r=l,a=h,s.closed=!0),("L"===o||.5<Z(m-r)||.5<Z(P-a))&&(ie(m,P,r,a),"L"===o&&(e+=2)),m=r,P=a;else if("A"===o){if(f=arcToSegment(m,P,+c[e+1],+c[e+2],+c[e+3],+c[e+4],+c[e+5],(i?m:0)+1*c[e+6],(i?P:0)+1*c[e+7]))for(n=0;n<f.length;n++)s.push(f[n]);m=s[s.length-2],P=s[s.length-1],e+=7}else console.log(R);return(e=s.length)<6?(d.pop(),e=0):s[0]===s[e-2]&&s[1]===s[e-1]&&(s.closed=!0),d.totalPoints=v+e,d}function flatPointsToSegment(t,e){void 0===e&&(e=1);for(var n=t[0],r=0,a=[n,r],o=2;o<t.length;o+=2)a.push(n,r,t[o],r=(t[o]-n)*e/2,n=t[o],-r);return a}function pointsToSegment(t,e,n){var r,a,o,i,s,l,h,g,u,f,p,c,d,m,P=t.length-2,w=+t[0],v=+t[1],R=+t[2],y=+t[3],x=[w,v,w,v],M=R-w,S=y-v;for(isNaN(n)&&(n=Math.PI/10),e=e||0===e?+e:1,s=2;s<P;s+=2)r=w,a=v,w=R,v=y,c=(l=M)*l+(g=S)*g,d=(M=(R=+t[s+2])-w)*M+(S=(y=+t[s+3])-v)*S,m=(h=R-r)*h+(u=y-a)*u,p=(o=Math.acos((c+d-m)/Q(4*c*d)))/Math.PI*e,f=Q(c)*p,p*=Q(d),w===r&&v===a||(n<o?(i=L(u,h),x.push(T(w-q(i)*f),T(v-j(i)*f),T(w),T(v),T(w+q(i)*p),T(v+j(i)*p))):(i=L(g,l),x.push(T(w-q(i)*f),T(v-j(i)*f)),i=L(S,M),x.push(T(w),T(v),T(w+q(i)*p),T(v+j(i)*p))));return x.push(T(R),T(y),T(R),T(y)),x}function H(t){return t.ownerSVGElement||("svg"===t.tagName.toLowerCase()?t:null)}function I(t,e){if(t.parentNode&&(h||function _setDoc(t){for(var e=t.ownerDocument||t;e.parentNode&&(e=e.parentNode););return h=e}(t))){var n=H(t),r=n?n.getAttribute("xmlns")||"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",a=n?e?"rect":"g":"div",o=2!==e?0:100,i=3===e?100:0,s="position:absolute;display:block;",l=h.createElementNS?h.createElementNS(r.replace(/^https/,"http"),a):h.createElement(a);return e&&(n?(m=m||I(t),l.setAttribute("width",1),l.setAttribute("height",1),l.setAttribute("transform","translate("+o+","+i+")"),m.appendChild(l)):(c||((c=I(t)).style.cssText=s),l.style.cssText=s+"width:1px;height:1px;top:"+i+"px;left:"+o+"px",c.appendChild(l))),l}throw"Need document and parent."}var h,c,m,P=[],v=[],R={a:1,b:0,c:0,d:1,e:0,f:0};function getGlobalMatrix(t,e){var n,r=H(t)?P:v,a=function _placeSiblings(t){var e,n,r,a=H(t),o=t===a,i=a?P:v;return i.length||i.push(I(t,1),I(t,2),I(t,3)),e=a?m:c,a?(r=o?{x:0,y:0}:t.getBBox(),n=(n=t.transform.baseVal).length?n.consolidate().matrix:R,e.setAttribute("transform","matrix("+n.a+","+n.b+","+n.c+","+n.d+","+(n.e+r.x)+","+(n.f+r.y)+")"),(o?a:t.parentNode).appendChild(e)):(e.style.top=t.offsetTop+"px",e.style.left=t.offsetLeft+"px",e.style.transform=window.getComputedStyle(t).transform,t.parentNode.appendChild(e)),e}(t),o=r[0].getBoundingClientRect(),i=r[1].getBoundingClientRect(),s=r[2].getBoundingClientRect(),l=(i.left-o.left)/100,h=(i.top-o.top)/100,g=(s.left-o.left)/100,u=(s.top-o.top)/100,f=o.left,p=o.top;return a.parentNode.removeChild(a),e?[u/(n=l*u-h*g),-h/n,-g/n,l/n,(g*p-u*f)/n,-(l*p-h*f)/n]:[l,h,g,u,f,p]} | ||
| !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(t){"use strict";function p(t){return"string"==typeof t}function x(t,e,n,r){var a=t[e],o=1===r?6:subdivideSegment(a,n,r);if(o&&o+n+2<a.length)return t.splice(e,0,a.slice(0,n+o+2)),a.splice(0,n+o),1}function A(t,e){var n=t.length,r=t[n-1]||[],a=r.length;e[0]===r[a-2]&&e[1]===r[a-1]&&(e=r.concat(e.slice(2)),n--),t[n]=e}var y=/[achlmqstvz]|(-?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/gi,T=/(?:(-)?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/gi,b=/[\+\-]?\d*\.?\d+e[\+\-]?\d+/gi,r=/(^[#\.][a-z]|[a-y][a-z])/i,X=Math.PI/180,s=180/Math.PI,Y=Math.sin,F=Math.cos,U=Math.abs,Z=Math.sqrt,L=Math.atan2,C=1e8,h=function _isNumber(t){return"number"==typeof t},S={},z={},e=1e5,d=function _wrapProgress(t){return Math.round((t+C)%1*e)/e||(t<0?0:1)},B=function _round(t){return~~(t*e+(t<0?-.5:.5))/e},D=function _copyMetaData(t,e){return e.totalLength=t.totalLength,t.samples?(e.samples=t.samples.slice(0),e.lookup=t.lookup.slice(0),e.minLength=t.minLength,e.resolution=t.resolution):e.totalPoints=t.totalPoints,e};function getRawPath(t){var e,n=(t=p(t)&&r.test(t)&&document.querySelector(t)||t).getAttribute?t:0;return n&&(t=t.getAttribute("d"))?(n._gsPath||(n._gsPath={}),(e=n._gsPath[t])&&!e._dirty?e:n._gsPath[t]=stringToRawPath(t)):t?p(t)?stringToRawPath(t):h(t[0])?[t]:t:console.warn("Expecting a <path> element or an SVG path data string")}function reverseSegment(t){var e,n=0;for(t.reverse();n<t.length;n+=2)e=t[n],t[n]=t[n+1],t[n+1]=e;t.reversed=!t.reversed}var G={rect:"rx,ry,x,y,width,height",circle:"r,cx,cy",ellipse:"rx,ry,cx,cy",line:"x1,x2,y1,y2"};function convertToPath(t,e){var n,r,a,o,i,s,h,l,u,g,f,c,p,d,m,v,P,w,x,y,b,M,R=t.tagName.toLowerCase(),L=.552284749831;return"path"!==R&&t.getBBox?(s=function _createPath(t,e){var n,r=document.createElementNS("http://www.w3.org/2000/svg","path"),a=[].slice.call(t.attributes),o=a.length;for(e=","+e+",";-1<--o;)n=a[o].nodeName.toLowerCase(),e.indexOf(","+n+",")<0&&r.setAttributeNS(null,n,a[o].nodeValue);return r}(t,"x,y,width,height,cx,cy,rx,ry,r,x1,x2,y1,y2,points"),M=function _attrToObj(t,e){for(var n=e?e.split(","):[],r={},a=n.length;-1<--a;)r[n[a]]=+t.getAttribute(n[a])||0;return r}(t,G[R]),"rect"===R?(o=M.rx,i=M.ry,r=M.x,a=M.y,g=M.width-2*o,f=M.height-2*i,n=o||i?"M"+(v=(d=(p=r+o)+g)+o)+","+(w=a+i)+" V"+(x=w+f)+" C"+[v,y=x+i*L,m=d+o*L,b=x+i,d,b,d-(d-p)/3,b,p+(d-p)/3,b,p,b,c=r+o*(1-L),b,r,y,r,x,r,x-(x-w)/3,r,w+(x-w)/3,r,w,r,P=a+i*(1-L),c,a,p,a,p+(d-p)/3,a,d-(d-p)/3,a,d,a,m,a,v,P,v,w].join(",")+"z":"M"+(r+g)+","+a+" v"+f+" h"+-g+" v"+-f+" h"+g+"z"):"circle"===R||"ellipse"===R?(l="circle"===R?(o=i=M.r)*L:(o=M.rx,(i=M.ry)*L),n="M"+((r=M.cx)+o)+","+(a=M.cy)+" C"+[r+o,a+l,r+(h=o*L),a+i,r,a+i,r-h,a+i,r-o,a+l,r-o,a,r-o,a-l,r-h,a-i,r,a-i,r+h,a-i,r+o,a-l,r+o,a].join(",")+"z"):"line"===R?n="M"+M.x1+","+M.y1+" L"+M.x2+","+M.y2:"polyline"!==R&&"polygon"!==R||(n="M"+(r=(u=(t.getAttribute("points")+"").match(T)||[]).shift())+","+(a=u.shift())+" L"+u.join(","),"polygon"===R&&(n+=","+r+","+a+"z")),s.setAttribute("d",rawPathToString(s._gsRawPath=stringToRawPath(n))),e&&t.parentNode&&(t.parentNode.insertBefore(s,t),t.parentNode.removeChild(t)),s):t}function getRotationAtBezierT(t,e,n){var r,a=t[e],o=t[e+2],i=t[e+4];return a+=(o-a)*n,a+=((o+=(i-o)*n)-a)*n,r=o+(i+(t[e+6]-i)*n-o)*n-a,a=t[e+1],a+=((o=t[e+3])-a)*n,a+=((o+=((i=t[e+5])-o)*n)-a)*n,B(L(o+(i+(t[e+7]-i)*n-o)*n-a,r)*s)}function sliceRawPath(t,e,n){!function _isUndefined(t){return void 0===t}(n)||(n=1);var r=n<(e=e||0),a=Math.max(0,~~(U(n-e)-1e-8));if(r&&(r=n,n=e,e=r,r=1,a-=a?1:0),e<0||n<0){var o=1+~~Math.min(e,n);e+=o,n+=o}var i,s,h,l,u,g,f,c=function copyRawPath(t){for(var e=[],n=0;n<t.length;n++)e[n]=D(t[n],t[n].slice(0));return D(t,e)}(t.totalLength?t:cacheRawPathMeasurements(t)),p=1<n,d=getProgressData(c,e,S),m=getProgressData(c,n,z),v=m.segment,P=d.segment,w=m.segIndex,y=d.segIndex,b=m.i,M=d.i,R=y===w,L=b===M&&R,T=R&&b<M||L&&d.t>m.t;if(p||a){if(x(c,y,M,d.t)&&(i=1,y++,L?T?m.t/=d.t:(m.t=(m.t-d.t)/(1-d.t),w++,b=0):y<=w+1&&!T&&(w++,R&&(b-=M))),m.t?x(c,w,b,m.t)&&(T&&i&&y++,r&&w++):(w--,r&&y--),l=[],g=1+(u=c.length)*a,f=y,r)for(g+=(u-(w=(w||u)-1)+y)%u,h=0;h<g;h++)A(l,c[f]),f=(f||u)-1;else for(g+=(u-y+w)%u,h=0;h<g;h++)A(l,c[f++%u]);c=l}else if(s=1===m.t?6:subdivideSegment(v,b,m.t),e!==n)for(i=subdivideSegment(P,M,L?d.t/m.t:d.t),R&&(s+=i),v.splice(b+s+2),i&&P.splice(0,M+i),h=c.length;h--;)(h<y||w<h)&&c.splice(h,1);else v.angle=getRotationAtBezierT(v,b+s,0),d=v[b+=s],m=v[b+1],v.length=v.totalLength=0,v.totalPoints=c.totalPoints=8,v.push(d,m,d,m,d,m,d,m);return r&&function _reverseRawPath(t,e){var n=t.length;for(e||t.reverse();n--;)t[n].reversed||reverseSegment(t[n])}(c,p||a),c.totalLength=0,c}function measureSegment(t,e,n){e=e||0,t.samples||(t.samples=[],t.lookup=[]);var r,a,o,i,s,h,l,u,g,f,c,p,d,m,v,P,w,x=~~t.resolution||12,y=1/x,b=n?e+6*n+1:t.length,M=t[e],R=t[e+1],L=e?e/6*x:0,T=t.samples,_=t.lookup,N=(e?t.minLength:C)||C,S=T[L+n*x-1],A=e?T[L-1]:0;for(T.length=_.length=0,a=e+2;a<b;a+=6){for(o=t[a+4]-M,i=t[a+2]-M,s=t[a]-M,u=t[a+5]-R,g=t[a+3]-R,f=t[a+1]-R,h=l=c=p=0,r=1;r<=x;r++)h=l-(l=((m=y*r)*m*o+3*(d=1-m)*(m*i+d*s))*m),c=p-(p=(m*m*u+3*d*(m*g+d*f))*m),(P=Z(c*c+h*h))<N&&(N=P),A+=P,T[L++]=A;M+=o,R+=u}if(S)for(S-=A;L<T.length;L++)T[L]+=S;if(T.length&&N)for(t.totalLength=w=T[T.length-1]||0,t.minLength=N,P=v=0,r=0;r<w;r+=N)_[P++]=T[v]<r?++v:v;else t.totalLength=T[0]=0;return e?A-T[e/2-1]:A}function cacheRawPathMeasurements(t,e){var n,r,a;for(a=n=r=0;a<t.length;a++)t[a].resolution=~~e||12,r+=t[a].length,n+=measureSegment(t[a]);return t.totalPoints=r,t.totalLength=n,t}function subdivideSegment(t,e,n){if(n<=0||1<=n)return 0;var r=t[e],a=t[e+1],o=t[e+2],i=t[e+3],s=t[e+4],h=t[e+5],l=r+(o-r)*n,u=o+(s-o)*n,g=a+(i-a)*n,f=i+(h-i)*n,c=l+(u-l)*n,p=g+(f-g)*n,d=s+(t[e+6]-s)*n,m=h+(t[e+7]-h)*n;return u+=(d-u)*n,f+=(m-f)*n,t.splice(e+2,4,B(l),B(g),B(c),B(p),B(c+(u-c)*n),B(p+(f-p)*n),B(u),B(f),B(d),B(m)),t.samples&&t.samples.splice(e/6*t.resolution|0,0,0,0,0,0,0,0),6}function getProgressData(t,e,n){n=n||{},t.totalLength||cacheRawPathMeasurements(t),(e<0||1<e)&&(e=d(e));var r,a,o,i,s,h,l=0,u=t[0];if(1<t.length){for(o=t.totalLength*e,s=h=0;(s+=t[h++].totalLength)<o;)l=h;e=(o-(i=s-(u=t[l]).totalLength))/(s-i)||0}return r=u.samples,a=u.resolution,o=u.totalLength*e,i=(h=u.lookup[~~(o/u.minLength)]||0)?r[h-1]:0,(s=r[h])<o&&(i=s,s=r[++h]),n.path=t,n.segment=u,n.segIndex=l,n.i=6*~~(h/a),n.t=1/a*((o-i)/(s-i)+h%a),n}function getPositionOnPath(t,e,n,r){var a,o,i,s,h,l,u,g,f,c=t[0],p=r||{};if((e<0||1<e)&&(e=d(e)),1<t.length){for(i=t.totalLength*e,h=l=0;(h+=t[l++].totalLength)<i;)c=t[l];e=(i-(s=h-c.totalLength))/(h-s)||0}return a=c.samples,o=c.resolution,i=c.totalLength*e,s=(l=c.lookup[~~(i/c.minLength)]||0)?a[l-1]:0,(h=a[l])<i&&(s=h,h=a[++l]),f=1-(u=1/o*((i-s)/(h-s)+l%o)||0),g=c[l=6*~~(l/o)],p.x=B((u*u*(c[l+6]-g)+3*f*(u*(c[l+4]-g)+f*(c[l+2]-g)))*u+g),p.y=B((u*u*(c[l+7]-(g=c[l+1]))+3*f*(u*(c[l+5]-g)+f*(c[l+3]-g)))*u+g),n&&(p.angle=c.totalLength?getRotationAtBezierT(c,l,1<=u?1-1e-9:u||1e-9):c.angle||0),p}function transformRawPath(t,e,n,r,a,o,i){for(var s,h,l,u,g,f=t.length;-1<--f;)for(h=(s=t[f]).length,l=0;l<h;l+=2)u=s[l],g=s[l+1],s[l]=u*e+g*r+o,s[l+1]=u*n+g*a+i;return t._dirty=1,t}function arcToSegment(t,e,n,r,a,o,i,s,h){if(t!==s||e!==h){n=U(n),r=U(r);var l=a%360*X,u=F(l),g=Y(l),f=Math.PI,c=2*f,p=(t-s)/2,d=(e-h)/2,m=u*p+g*d,v=-g*p+u*d,P=m*m,w=v*v,x=P/(n*n)+w/(r*r);1<x&&(n=Z(x)*n,r=Z(x)*r);var y=n*n,b=r*r,M=(y*b-y*w-b*P)/(y*w+b*P);M<0&&(M=0);var R=(o===i?-1:1)*Z(M),L=n*v/r*R,T=-r*m/n*R,_=u*L-g*T+(t+s)/2,N=g*L+u*T+(e+h)/2,S=(m-L)/n,A=(v-T)/r,C=(-m-L)/n,O=(-v-T)/r,z=S*S+A*A,B=(A<0?-1:1)*Math.acos(S/Z(z)),D=(S*O-A*C<0?-1:1)*Math.acos((S*C+A*O)/Z(z*(C*C+O*O)));isNaN(D)&&(D=f),!i&&0<D?D-=c:i&&D<0&&(D+=c),B%=c,D%=c;var G,I=Math.ceil(U(D)/(c/4)),k=[],j=D/I,E=4/3*Y(j/2)/(1+F(j/2)),$=u*n,V=g*n,q=g*-r,Q=u*r;for(G=0;G<I;G++)m=F(a=B+G*j),v=Y(a),S=F(a+=j),A=Y(a),k.push(m-E*v,v+E*m,S+E*A,A-E*S,S,A);for(G=0;G<k.length;G+=2)m=k[G],v=k[G+1],k[G]=m*$+v*q+_,k[G+1]=m*V+v*Q+N;return k[G-2]=s,k[G-1]=h,k}}function stringToRawPath(t){function af(t,e,n,r){u=(n-t)/3,g=(r-e)/3,s.push(t+u,e+g,n-u,r-g,n,r)}var e,n,r,a,o,i,s,h,l,u,g,f,c,p=(t+"").replace(b,function(t){var e=+t;return e<1e-4&&-1e-4<e?0:e}).match(y)||[],d=[],m=0,v=0,P=p.length,w=0,x="ERROR: malformed path: "+t;if(!t||!isNaN(p[0])||isNaN(p[1]))return console.log(x),d;for(e=0;e<P;e++)if(c=o,isNaN(p[e])?i=(o=p[e].toUpperCase())!==p[e]:e--,r=+p[e+1],a=+p[e+2],i&&(r+=m,a+=v),e||(h=r,l=a),"M"===o)s&&(s.length<8?d.length-=1:w+=s.length),m=h=r,v=l=a,s=[r,a],d.push(s),e+=2,o="L";else if("C"===o)i||(m=v=0),(s=s||[0,0]).push(r,a,m+1*p[e+3],v+1*p[e+4],m+=1*p[e+5],v+=1*p[e+6]),e+=6;else if("S"===o)u=m,g=v,"C"!==c&&"S"!==c||(u+=m-s[s.length-4],g+=v-s[s.length-3]),i||(m=v=0),s.push(u,g,r,a,m+=1*p[e+3],v+=1*p[e+4]),e+=4;else if("Q"===o)u=m+2/3*(r-m),g=v+2/3*(a-v),i||(m=v=0),m+=1*p[e+3],v+=1*p[e+4],s.push(u,g,m+2/3*(r-m),v+2/3*(a-v),m,v),e+=4;else if("T"===o)u=m-s[s.length-4],g=v-s[s.length-3],s.push(m+u,v+g,r+2/3*(m+1.5*u-r),a+2/3*(v+1.5*g-a),m=r,v=a),e+=2;else if("H"===o)af(m,v,m=r,v),e+=1;else if("V"===o)af(m,v,m,v=r+(i?v-m:0)),e+=1;else if("L"===o||"Z"===o)"Z"===o&&(r=h,a=l,s.closed=!0),("L"===o||.5<U(m-r)||.5<U(v-a))&&(af(m,v,r,a),"L"===o&&(e+=2)),m=r,v=a;else if("A"===o){if(f=arcToSegment(m,v,+p[e+1],+p[e+2],+p[e+3],+p[e+4],+p[e+5],(i?m:0)+1*p[e+6],(i?v:0)+1*p[e+7]))for(n=0;n<f.length;n++)s.push(f[n]);m=s[s.length-2],v=s[s.length-1],e+=7}else console.log(x);return(e=s.length)<6?(d.pop(),e=0):s[0]===s[e-2]&&s[1]===s[e-1]&&(s.closed=!0),d.totalPoints=w+e,d}function flatPointsToSegment(t,e){void 0===e&&(e=1);for(var n=t[0],r=0,a=[n,r],o=2;o<t.length;o+=2)a.push(n,r,t[o],r=(t[o]-n)*e/2,n=t[o],-r);return a}function pointsToSegment(t,e,n){var r,a,o,i,s,h,l,u,g,f,c,p,d,m,v=t.length-2,P=+t[0],w=+t[1],x=+t[2],y=+t[3],b=[P,w,P,w],M=x-P,R=y-w;for(isNaN(n)&&(n=Math.PI/10),e=e||0===e?+e:1,s=2;s<v;s+=2)r=P,a=w,P=x,w=y,p=(h=M)*h+(u=R)*u,d=(M=(x=+t[s+2])-P)*M+(R=(y=+t[s+3])-w)*R,m=(l=x-r)*l+(g=y-a)*g,c=(o=Math.acos((p+d-m)/Z(4*p*d)))/Math.PI*e,f=Z(p)*c,c*=Z(d),P===r&&w===a||(n<o?(i=L(g,l),b.push(B(P-F(i)*f),B(w-Y(i)*f),B(P),B(w),B(P+F(i)*c),B(w+Y(i)*c))):(i=L(u,h),b.push(B(P-F(i)*f),B(w-Y(i)*f)),i=L(R,M),b.push(B(P),B(w),B(P+F(i)*c),B(w+Y(i)*c))));return b.push(B(x),B(y),B(x),B(y)),b}function rawPathToString(t){h(t[0])&&(t=[t]);var e,n,r,a,o="",i=t.length;for(n=0;n<i;n++){for(a=t[n],o+="M"+B(a[0])+","+B(a[1])+" C",e=a.length,r=2;r<e;r++)o+=B(a[r++])+","+B(a[r++])+" "+B(a[r++])+","+B(a[r++])+" "+B(a[r++])+","+B(a[r])+" ";a.closed&&(o+="z")}return o} | ||
| /*! | ||
| * VERSION: 3.0.0 | ||
| * DATE: 2019-09-21 | ||
| * DATE: 2019-10-03 | ||
| * http://greensock.com | ||
@@ -11,3 +11,13 @@ * | ||
| * @author: Jack Doyle, jack@greensock.com | ||
| */function S(t,e,n,r){for(var a=e.length,o=r,i=0;i<a;i++)t[o]=parseFloat(e[i][n]),o+=2;return t}function U(t,e,n,r,a,o,i){return e="cubic"===i.type?[e]:(e.unshift(parseFloat(n._gsap.get(n,r,i.unitX)),a?parseFloat(n._gsap.get(n,a,i.unitY)):0),i.relative&&function _relativize(t){var e,n=t[0],r=t[1];for(e=2;e<t.length;e+=2)t[e]+=n,t[e+1]+=r}(e),[(a?pointsToSegment:flatPointsToSegment)(e,i.curviness)]),e=o(k(e,n,i)),O(t,n,r,e,"x",i.unitX),a&&O(t,n,a,e,"y",i.unitY),cacheRawPathMeasurements(e,i.resolution||(0===i.curviness?20:12))}function V(t){return t}var M,l,u,N,f=["x","translateX","left","marginLeft"],B=["y","translateY","top","marginTop"],i=Math.PI/180,k=function _align(t,e,n){var r,a,o,i,s,l,h,g,u,f,p=n.align,c=n.transform,d=n.offsetX,m=n.offsetY,P=1,w=1;return t&&t.length?(p&&("self"===p||(l=N(p)[0]||e)===e?(r=-t[0][0],a=-t[0][1]):(o=M.to(e,{xPercent:0,yPercent:0,x:0,y:0}).progress(1),i=e.getBoundingClientRect(),o.render(-1).kill(),u=l.ownerSVGElement,r=(s=l.getTotalLength?(g=getRawPath(l),f=getGlobalMatrix(l.parentNode),r=g[0][0],a=g[0][1],P=f[0],w=f[3],{left:f[0]*r+f[2]*a+f[4],top:f[1]*r+f[3]*a+f[5]}):l.getBoundingClientRect()).left-i.left,a=s.top-i.top,!e.getCTM||u&&u!==e.ownerSVGElement?!u||e.getCTM||f||(P=(h=l.getCTM()).a,w=h.d):(r/=(h=e.getCTM()).a,a/=h.d,w=P=1),r-=t[0][0]*P,a-=t[0][1]*w,l.viewBox&&(r+=(h=l.createSVGPoint().matrixTransform(l.getCTM())).x,a+=h.y)),transformRawPath(t,P,0,0,w,r||0,a||0)),c?transformRawPath(t,c[0],c[1],c[2],c[3],c[4],c[5]):(d||m)&&transformRawPath(t,1,0,0,1,d||0,m||0),t):getRawPath("M0,0L0,0")},O=function _addDimensionalPropTween(t,e,n,r,a,o){var i=e._gsap,s=t._pt=new l(t._pt,e,n,0,0,V,0,i.set(e,n,t));s.u=u(i.get(e,n,o))||0,s.path=r,s.pp=a,t._props.push(n)},n={version:"3.0.0",name:"motionPath",register:function register(t,e,n){u=(M=t).utils.getUnit,N=M.utils.toArray,l=n},init:function init(t,e){if(!M)return console.warn("Please gsap.registerPlugin(MotionPathPlugin)"),!1;"object"==typeof e&&!e.style&&e.path||(e={path:e});var n,r,a,o,i=[],s=e.path,l=s[0],h=e.autoRotate,g=function _sliceModifier(e,n){return function(t){return e||1!==n?sliceRawPath(t,e,n):t}}(e.start,"end"in e?e.end:1);if(this.rawPaths=i,this.target=t,(this.rotate=h||0===h)&&(this.rOffset=parseFloat(h)||0,this.radians=!!e.useRadians,this.rProp=e.rotation||"rotation",this.rSet=t._gsap.set(t,this.rProp,this),this.ru=u(t._gsap.get(t,this.rProp))||0),!Array.isArray(s)||"closed"in s||"number"==typeof l)cacheRawPathMeasurements(n=g(k(getRawPath(e.path),t,e)),e.resolution),i.push(n),O(this,t,e.x||"x",n,"x",e.unitX||"px"),O(this,t,e.y||"y",n,"y",e.unitY||"px");else{for(r in l)~f.indexOf(r)?a=r:~B.indexOf(r)&&(o=r);for(r in a&&o?i.push(U(this,S(S([],s,a,0),s,o,1),t,e.x||a,e.y||o,g,e)):a=o=0,l)r!==a&&r!==o&&i.push(U(this,S([],s,r,0),t,r,0,g,e))}},render:function render(t,e){var n=e.rawPaths,r=n.length,a=e._pt;for(1<t?t=1:t<0&&(t=0);r--;)getPositionOnPath(n[r],t,!r&&e.rotate,n[r]);for(;a;)a.set(a.t,a.p,a.path[a.pp]+a.u,a.d,t),a=a._next;e.rotate&&e.rSet(e.target,e.rProp,n[0].angle*(e.radians?i:1)+e.rOffset+e.ru,e,t)},getLength:function getLength(t){return cacheRawPathMeasurements(getRawPath(t)).totalLength},sliceRawPath:sliceRawPath,getRawPath:getRawPath,pointsToSegment:pointsToSegment,stringToRawPath:stringToRawPath,rawPathToString:function rawPathToString(t){p(t[0])&&(t=[t]);var e,n,r,a,o="",i=t.length;for(n=0;n<i;n++){for(a=t[n],o+="M"+T(a[0])+","+T(a[1])+" C",e=a.length,r=2;r<e;r++)o+=T(a[r++])+","+T(a[r++])+" "+T(a[r++])+","+T(a[r++])+" "+T(a[r++])+","+T(a[r])+" ";a.closed&&(o+="z")}return o},transformRawPath:transformRawPath,arrayToRawPath:function arrayToRawPath(t,e){var n=S(S([],t,(e=e||{}).x||"x",0),t,e.y||"y",1);return["cubic"===e.type?n:pointsToSegment(n,e.curviness)]}};!function _getGSAP(){return M||"undefined"!=typeof window&&(M=window.gsap)}()||M.registerPlugin(n),t.MotionPathPlugin=n,t.default=n,Object.defineProperty(t,"__esModule",{value:!0})}); | ||
| */function N(t){return t.ownerSVGElement||("svg"===(t.tagName+"").toLowerCase()?t:null)}function O(t,e){if(t.parentNode&&(l||function _setDoc(t){var e=t.ownerDocument||t;!(c in t.style)&&"msTransform"in t.style&&(m=(c="msTransform")+"Origin");for(;e.parentNode&&(e=e.parentNode););return u=window,l=e}(t))){var n=N(t),r=n?n.getAttribute("xmlns")||"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",a=n?e?"rect":"g":"div",o=2!==e?0:100,i=3===e?100:0,s="position:absolute;display:block;",h=l.createElementNS?l.createElementNS(r.replace(/^https/,"http"),a):l.createElement(a);return e&&(n?(f=f||O(t),h.setAttribute("width",1),h.setAttribute("height",1),h.setAttribute("transform","translate("+o+","+i+")"),f.appendChild(h)):(g||((g=O(t)).style.cssText=s),h.style.cssText=s+"width:1px;height:1px;top:"+i+"px;left:"+o+"px",g.appendChild(h))),h}throw"Need document and parent."}function Q(t,e,n,r,a,o,i){return t.a=e,t.b=n,t.c=r,t.d=a,t.e=o,t.f=i,t}var l,u,g,f,c="transform",m=c+"Origin",v=[],P=[],w=function(){function Matrix2D(t,e,n,r,a,o){void 0===t&&(t=1),void 0===e&&(e=0),void 0===n&&(n=0),void 0===r&&(r=1),void 0===a&&(a=0),void 0===o&&(o=0),Q(this,t,e,n,r,a,o)}var t=Matrix2D.prototype;return t.inverse=function inverse(){var t=this.a,e=this.b,n=this.c,r=this.d,a=this.e,o=this.f,i=t*r-e*n;return Q(this,r/i,-e/i,-n/i,t/i,(n*o-r*a)/i,-(t*o-e*a)/i)},t.multiply=function multiply(t){var e=this.a,n=this.b,r=this.c,a=this.d,o=this.e,i=this.f,s=t.a,h=t.c,l=t.b,u=t.d,g=t.e,f=t.f;return Q(this,s*e+l*r,s*n+l*a,h*e+u*r,h*n+u*a,o+g*e+f*r,i+g*n+f*a)},t.equals=function equals(t){var e=this.a,n=this.b,r=this.c,a=this.d,o=this.e,i=this.f;return e===t.a&&n===t.b&&r===t.c&&a===t.d&&o===t.e&&i===t.f},t.apply=function apply(t,e){void 0===e&&(e={});var n=t.x,r=t.y,a=this.a,o=this.b,i=this.c,s=this.d,h=this.e,l=this.f;return e.x=n*a+r*i+h,e.y=n*o+r*s+l,e},Matrix2D}();function getGlobalMatrix(t,e){if(!t.parentNode)return new w;var n=N(t)?v:P,r=function _placeSiblings(t){var e,n,r,a,o,i=N(t),s=t===i,h=i?v:P;return t===u?t:(h.length||h.push(O(t,1),O(t,2),O(t,3)),e=i?f:g,i?(r=s?{x:0,y:0}:t.getBBox(),o=(n=t.transform.baseVal).length?(a=(n=n.consolidate().matrix).a*r.x+n.c*r.y,n.b*r.x+n.d*r.y):(n=new w,a=r.x,r.y),e.setAttribute("transform","matrix("+n.a+","+n.b+","+n.c+","+n.d+","+(n.e+a)+","+(n.f+o)+")"),(s?i:t.parentNode).appendChild(e)):(e.style.top=t.offsetTop+"px",e.style.left=t.offsetLeft+"px",n=u.getComputedStyle(t),e.style[c]=n[c],e.style[m]=n[m],t.parentNode.appendChild(e)),e)}(t),a=n[0].getBoundingClientRect(),o=n[1].getBoundingClientRect(),i=n[2].getBoundingClientRect(),s=r.parentNode,h=new w((o.left-a.left)/100,(o.top-a.top)/100,(i.left-a.left)/100,(i.top-a.top)/100,a.left,a.top);return s.removeChild(r),e?h.inverse():h} | ||
| /*! | ||
| * VERSION: 3.0.0 | ||
| * DATE: 2019-09-27 | ||
| * http://greensock.com | ||
| * | ||
| * @license Copyright (c) 2008-2019, GreenSock. All rights reserved. | ||
| * This work is subject to the terms at http://greensock.com/standard-license or for | ||
| * Club GreenSock members, the agreement that was issued with that membership. | ||
| * @author: Jack Doyle, jack@greensock.com | ||
| */function $(t,e,n,r){for(var a=e.length,o=r,i=0;i<a;i++)t[o]=parseFloat(e[i][n]),o+=2;return t}function _(t,e,n){return parseFloat(t._gsap.get(t,e,n||"px"))||0}function aa(t){var e,n=t[0],r=t[1];for(e=2;e<t.length;e+=2)n=t[e]+=n,r=t[e+1]+=r}function ba(t,e,n,r,a,o,i){return e="cubic"===i.type?[e]:(e.unshift(_(n,r,i.unitX),a?_(n,a,i.unitY):0),i.relative&&aa(e),[(a?pointsToSegment:flatPointsToSegment)(e,i.curviness)]),e=o(V(e,n,i)),q(t,n,r,e,"x",i.unitX),a&&q(t,n,a,e,"y",i.unitY),cacheRawPathMeasurements(e,i.resolution||(0===i.curviness?20:12))}function ca(t){return t}var M,R,I,k,j=["x","translateX","left","marginLeft"],E=["y","translateY","top","marginTop"],o=Math.PI/180,V=function _align(t,e,n){var r,a,o,i,s,h,l,u,g,f,c=n.align,p=n.transform,d=n.offsetX,m=n.offsetY;return t&&t.length?(c&&("self"===c||(s=k(c)[0]||e)===e?transformRawPath(t,1,0,0,1,r=_(e,"x")-t[0][0],a=_(e,"y")-t[0][1]):(o=M.to(e,{xPercent:0,yPercent:0,x:0,y:0}).progress(1),i=getGlobalMatrix(e),o.render(-1).kill(),a=s.getTotalLength&&"path"===s.tagName.toLowerCase()?(h=getRawPath(s),l=getGlobalMatrix(s.parentNode),r=h[0][0],h[0][1]):(l=getGlobalMatrix(s),r=0),g=l.a*r+l.c*a+l.e-i.e,f=l.b*r+l.d*a+l.f-i.f,r=(u=getGlobalMatrix(e.parentNode,!0)).a*g+u.c*f,a=u.b*g+u.d*f,g=t[0][0],f=t[0][1],l.multiply(u),r-=l.a*g+l.c*f,a-=l.b*g+l.d*f,transformRawPath(t,l.a,l.b,l.c,l.d,r,a))),p?transformRawPath(t,p[0],p[1],p[2],p[3],p[4],p[5]):(d||m)&&transformRawPath(t,1,0,0,1,d||0,m||0),t):getRawPath("M0,0L0,0")},q=function _addDimensionalPropTween(t,e,n,r,a,o){var i=e._gsap,s=t._pt=new R(t._pt,e,n,0,0,ca,0,i.set(e,n,t));s.u=I(i.get(e,n,o))||0,s.path=r,s.pp=a,t._props.push(n)},n={version:"3.0.0",name:"motionPath",register:function register(t,e,n){I=(M=t).utils.getUnit,k=M.utils.toArray,R=n},init:function init(t,e){if(!M)return console.warn("Please gsap.registerPlugin(MotionPathPlugin)"),!1;"object"==typeof e&&!e.style&&e.path||(e={path:e});var n,r,a,o,i=[],s=e.path,h=s[0],l=e.autoRotate,u=function _sliceModifier(e,n){return function(t){return e||1!==n?sliceRawPath(t,e,n):t}}(e.start,"end"in e?e.end:1);if(this.rawPaths=i,this.target=t,(this.rotate=l||0===l)&&(this.rOffset=parseFloat(l)||0,this.radians=!!e.useRadians,this.rProp=e.rotation||"rotation",this.rSet=t._gsap.set(t,this.rProp,this),this.ru=I(t._gsap.get(t,this.rProp))||0),!Array.isArray(s)||"closed"in s||"number"==typeof h)cacheRawPathMeasurements(n=u(V(getRawPath(e.path),t,e)),e.resolution),i.push(n),q(this,t,e.x||"x",n,"x",e.unitX||"px"),q(this,t,e.y||"y",n,"y",e.unitY||"px");else{for(r in h)~j.indexOf(r)?a=r:~E.indexOf(r)&&(o=r);for(r in a&&o?i.push(ba(this,$($([],s,a,0),s,o,1),t,e.x||a,e.y||o,u,e)):a=o=0,h)r!==a&&r!==o&&i.push(ba(this,$([],s,r,0),t,r,0,u,e))}},render:function render(t,e){var n=e.rawPaths,r=n.length,a=e._pt;for(1<t?t=1:t<0&&(t=0);r--;)getPositionOnPath(n[r],t,!r&&e.rotate,n[r]);for(;a;)a.set(a.t,a.p,a.path[a.pp]+a.u,a.d,t),a=a._next;e.rotate&&e.rSet(e.target,e.rProp,n[0].angle*(e.radians?o:1)+e.rOffset+e.ru,e,t)},getLength:function getLength(t){return cacheRawPathMeasurements(getRawPath(t)).totalLength},sliceRawPath:sliceRawPath,getRawPath:getRawPath,pointsToSegment:pointsToSegment,stringToRawPath:stringToRawPath,rawPathToString:rawPathToString,transformRawPath:transformRawPath,convertToPath:function convertToPath$1(t,e){return k(t).map(function(t){return convertToPath(t,!1!==e)})},getGlobalMatrix:getGlobalMatrix,arrayToRawPath:function arrayToRawPath(t,e){var n=$($([],t,(e=e||{}).x||"x",0),t,e.y||"y",1);return e.relative&&aa(n),["cubic"===e.type?n:pointsToSegment(n,e.curviness)]}};!function _getGSAP(){return M||"undefined"!=typeof window&&(M=window.gsap)}()||M.registerPlugin(n),t.MotionPathPlugin=n,t.default=n,Object.defineProperty(t,"__esModule",{value:!0})}); | ||
| //# sourceMappingURL=MotionPathPlugin.min.js.map |
@@ -9,3 +9,3 @@ (function (global, factory) { | ||
| * VERSION: 3.0.0 | ||
| * DATE: 2019-09-07 | ||
| * DATE: 2019-10-01 | ||
| * http://greensock.com | ||
@@ -351,2 +351,6 @@ * | ||
| init: function init(target, values, tween, index, targets) { | ||
| if (!_PIXI) { | ||
| _initCore(); | ||
| } | ||
| if (!target instanceof _PIXI.DisplayObject) { | ||
@@ -369,3 +373,3 @@ return false; | ||
| context = _contexts[p]; | ||
| value = values[p]; //console.log(p, value); | ||
| value = values[p]; | ||
@@ -372,0 +376,0 @@ if (context) { |
| !function(t,i){"object"==typeof exports&&"undefined"!=typeof module?i(exports):"function"==typeof define&&define.amd?define(["exports"],i):i((t=t||self).window=t.window||{})}(this,function(i){"use strict"; | ||
| /*! | ||
| * VERSION: 3.0.0 | ||
| * DATE: 2019-09-07 | ||
| * DATE: 2019-10-01 | ||
| * http://greensock.com | ||
@@ -11,3 +11,3 @@ * | ||
| * @author: Jack Doyle, jack@greensock.com | ||
| */function k(){return"undefined"!=typeof window}function l(){return o||k()&&(o=window.gsap)}function m(t){return"function"==typeof t}function s(t,i){var r,o,e=[],n=0,s=0;for(r=0;r<4;r++){for(o=0;o<5;o++)s=4===o?t[n+4]:0,e[n+o]=t[n]*i[o]+t[n+1]*i[o+5]+t[n+2]*i[o+10]+t[n+3]*i[o+15]+s;n+=5}return e}function t(t,i){var r=1-i,o=r*p,e=r*g,n=r*b;return s([o+i,e,n,0,0,o,e+i,n,0,0,o,e,n+i,0,0,0,0,0,1,0],t)}function u(t,i,r){var o=c(i),e=o[0]/255,n=o[1]/255,l=o[2]/255,a=1-r;return s([a+r*e*p,r*e*g,r*e*b,0,0,r*n*p,a+r*n*g,r*n*b,0,0,r*l*p,r*l*g,a+r*l*b,0,0,0,0,0,1,0],t)}function v(t,i){i*=Math.PI/180;var r=Math.cos(i),o=Math.sin(i);return s([p+r*(1-p)+o*-p,g+r*-g+o*-g,b+r*-b+o*(1-b),0,0,p+r*-p+.143*o,g+r*(1-g)+.14*o,b+r*-b+-.283*o,0,0,p+r*-p+o*-(1-p),g+r*-g+o*g,b+r*(1-b)+o*b,0,0,0,0,0,1,0,0,0,0,0,1],t)}function w(t,i){return s([i,0,0,0,.5*(1-i),0,i,0,0,.5*(1-i),0,0,i,0,.5*(1-i),0,0,0,1,0],t)}function x(t,i){var r,o=h.filters[i],e=t.filters||[],n=e.length;for(o||function _warn(t){console.warn(t)}(i+" not found. PixiPlugin.registerPIXI(PIXI)");-1<--n;)if(e[n]instanceof o)return e[n];return r=new o,"BlurFilter"===i&&(r.blur=0),e.push(r),t.filters=e,r}function y(t,i,r,o){i.add(r,t,r[t],o[t]),i._props.push(t)}function z(t,i){var r=new h.filters.ColorMatrixFilter;return r.matrix=i,r.brightness(t,!0),r.matrix}function C(i,r,o){var e,n,s,l=x(i,"ColorMatrixFilter"),a=i._gsColorMatrixFilter=i._gsColorMatrixFilter||function _copy(t){var i,r={};for(i in t)r[i]=t[i];return r}(P),c=r.combineCMF&&!("colorMatrixFilter"in r&&!r.colorMatrixFilter);s=l.matrix,r.resolution&&(l.resolution=r.resolution),r.matrix&&r.matrix.length===s.length?(n=r.matrix,1!==a.contrast&&y("contrast",o,a,P),a.hue&&y("hue",o,a,P),1!==a.brightness&&y("brightness",o,a,P),a.colorizeAmount&&(y("colorize",o,a,P),y("colorizeAmount",o,a,P)),1!==a.saturation&&y("saturation",o,a,P)):(n=f.slice(),null!=r.contrast?(n=w(n,+r.contrast),y("contrast",o,a,r)):1!==a.contrast&&(c?n=w(n,a.contrast):y("contrast",o,a,P)),null!=r.hue?(n=v(n,+r.hue),y("hue",o,a,r)):a.hue&&(c?n=v(n,a.hue):y("hue",o,a,P)),null!=r.brightness?(n=z(+r.brightness,n),y("brightness",o,a,r)):1!==a.brightness&&(c?n=z(a.brightness,n):y("brightness",o,a,P)),null!=r.colorize?(r.colorizeAmount="colorizeAmount"in r?+r.colorizeAmount:1,n=u(n,r.colorize,r.colorizeAmount),y("colorize",o,a,r),y("colorizeAmount",o,a,r)):a.colorizeAmount&&(c?n=u(n,a.colorize,a.colorizeAmount):(y("colorize",o,a,P),y("colorizeAmount",o,a,P))),null!=r.saturation?(n=t(n,+r.saturation),y("saturation",o,a,r)):1!==a.saturation&&(c?n=t(n,a.saturation):y("saturation",o,a,P))),e=n.length;for(;-1<--e;)n[e]!==s[e]&&o.add(s,e,s[e],n[e],"colorMatrixFilter");o._props.push("colorMatrixFilter")}function D(t,i){var r=i.t,o=i.p,e=i.color;(0,i.set)(r,o,e[0]<<16|e[1]<<8|e[2])}function E(t,i){var r=i.g;r&&(r.dirty++,r.clearDirty++)}function F(t,i){i.t.visible=!!i.t.alpha}function G(t,i,r,o){var e=t[i],n=c(m(e)?t[i.indexOf("set")||!m(t["get"+i.substr(3)])?i:"get"+i.substr(3)]():e),s=c(r);o._pt=new d(o._pt,t,i,0,0,D,{t:t,p:i,color:n,set:a(t,i)}),o.add(n,0,n[0],s[0]),o.add(n,1,n[1],s[1]),o.add(n,2,n[2],s[2])}function M(t){return"string"==typeof t&&"="===t.charAt(1)?t.substr(0,2)+parseFloat(t.substr(2))*O:t*O}var o,e,c,h,d,a,r,n,f=[1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,1,0],p=.212671,g=.71516,b=.072169,P={contrast:1,saturation:1,colorizeAmount:0,colorize:"rgb(255,255,255)",hue:0,brightness:1},_={tint:1,lineColor:1,fillColor:1},A="position,scale,skew,pivot,anchor,tilePosition,tileScale".split(","),I={x:"position",y:"position",tileX:"tilePosition",tileY:"tilePosition"},X={colorMatrixFilter:1,saturation:1,contrast:1,hue:1,colorize:1,colorizeAmount:1,brightness:1,combineCMF:1},O=Math.PI/180;for(r=0;r<A.length;r++)n=A[r],I[n+"X"]=n,I[n+"Y"]=n;var S={version:"3.0.0",name:"pixi",register:function register(t,i,r){o=t,d=r,a=i.getSetter,function _initCore(){k()&&(e=window,o=l(),h=h||e.PIXI,c=o.utils.splitColor)}()},registerPIXI:function registerPIXI(t){h=t},init:function init(t,i){if(!t instanceof h.DisplayObject)return!1;var r,o,e,n,s,l,a,u,c,f="4"===h.VERSION.charAt(0);for(l in i){if(r=I[l],e=i[l],r)o=~l.charAt(l.length-1).toLowerCase().indexOf("x")?"x":"y",this.add(t[r],o,t[r][o],"skew"===r?M(e):e);else if("scale"===l||"anchor"===l||"pivot"===l||"tileScale"===l)this.add(t[l],"x",t[l].x,e),this.add(t[l],"y",t[l].y,e);else if("rotation"===l)this.add(t,l,t.rotation,M(e));else if(X[l])n||(C(t,i.colorMatrixFilter||i,this),n=!0);else if("blur"===l||"blurX"===l||"blurY"===l||"blurPadding"===l){if(s=x(t,"BlurFilter"),this.add(s,l,s[l],e),0!==i.blurPadding)for(a=i.blurPadding||2*Math.max(s[l],e),u=t.filters.length;-1<--u;)t.filters[u].padding=Math.max(t.filters[u].padding,a)}else if(_[l])if(("lineColor"===l||"fillColor"===l)&&t instanceof h.Graphics)for(c=(t.geometry||t).graphicsData,this._pt=new d(this._pt,t,l,0,0,E,{g:t.geometry||t}),u=c.length;-1<--u;)G(f?c[u]:c[u][l.substr(0,4)+"Style"],f?l:"color",e,this);else G(t,l,e,this);else"autoAlpha"===l?(this._pt=new d(this._pt,t,"visible",0,0,F),this.add(t,"alpha",t.alpha,e),this._props.push("alpha","visible")):this.add(t,l,"get",e);this._props.push(l)}}};l()&&o.registerPlugin(S),i.PixiPlugin=S,i.default=S,Object.defineProperty(i,"__esModule",{value:!0})}); | ||
| */function k(){return"undefined"!=typeof window}function l(){return o||k()&&(o=window.gsap)}function m(t){return"function"==typeof t}function s(t,i){var r,o,e=[],n=0,s=0;for(r=0;r<4;r++){for(o=0;o<5;o++)s=4===o?t[n+4]:0,e[n+o]=t[n]*i[o]+t[n+1]*i[o+5]+t[n+2]*i[o+10]+t[n+3]*i[o+15]+s;n+=5}return e}function t(t,i){var r=1-i,o=r*p,e=r*g,n=r*b;return s([o+i,e,n,0,0,o,e+i,n,0,0,o,e,n+i,0,0,0,0,0,1,0],t)}function u(t,i,r){var o=c(i),e=o[0]/255,n=o[1]/255,l=o[2]/255,a=1-r;return s([a+r*e*p,r*e*g,r*e*b,0,0,r*n*p,a+r*n*g,r*n*b,0,0,r*l*p,r*l*g,a+r*l*b,0,0,0,0,0,1,0],t)}function v(t,i){i*=Math.PI/180;var r=Math.cos(i),o=Math.sin(i);return s([p+r*(1-p)+o*-p,g+r*-g+o*-g,b+r*-b+o*(1-b),0,0,p+r*-p+.143*o,g+r*(1-g)+.14*o,b+r*-b+-.283*o,0,0,p+r*-p+o*-(1-p),g+r*-g+o*g,b+r*(1-b)+o*b,0,0,0,0,0,1,0,0,0,0,0,1],t)}function w(t,i){return s([i,0,0,0,.5*(1-i),0,i,0,0,.5*(1-i),0,0,i,0,.5*(1-i),0,0,0,1,0],t)}function x(t,i){var r,o=h.filters[i],e=t.filters||[],n=e.length;for(o||function _warn(t){console.warn(t)}(i+" not found. PixiPlugin.registerPIXI(PIXI)");-1<--n;)if(e[n]instanceof o)return e[n];return r=new o,"BlurFilter"===i&&(r.blur=0),e.push(r),t.filters=e,r}function y(t,i,r,o){i.add(r,t,r[t],o[t]),i._props.push(t)}function z(t,i){var r=new h.filters.ColorMatrixFilter;return r.matrix=i,r.brightness(t,!0),r.matrix}function C(i,r,o){var e,n,s,l=x(i,"ColorMatrixFilter"),a=i._gsColorMatrixFilter=i._gsColorMatrixFilter||function _copy(t){var i,r={};for(i in t)r[i]=t[i];return r}(P),c=r.combineCMF&&!("colorMatrixFilter"in r&&!r.colorMatrixFilter);s=l.matrix,r.resolution&&(l.resolution=r.resolution),r.matrix&&r.matrix.length===s.length?(n=r.matrix,1!==a.contrast&&y("contrast",o,a,P),a.hue&&y("hue",o,a,P),1!==a.brightness&&y("brightness",o,a,P),a.colorizeAmount&&(y("colorize",o,a,P),y("colorizeAmount",o,a,P)),1!==a.saturation&&y("saturation",o,a,P)):(n=f.slice(),null!=r.contrast?(n=w(n,+r.contrast),y("contrast",o,a,r)):1!==a.contrast&&(c?n=w(n,a.contrast):y("contrast",o,a,P)),null!=r.hue?(n=v(n,+r.hue),y("hue",o,a,r)):a.hue&&(c?n=v(n,a.hue):y("hue",o,a,P)),null!=r.brightness?(n=z(+r.brightness,n),y("brightness",o,a,r)):1!==a.brightness&&(c?n=z(a.brightness,n):y("brightness",o,a,P)),null!=r.colorize?(r.colorizeAmount="colorizeAmount"in r?+r.colorizeAmount:1,n=u(n,r.colorize,r.colorizeAmount),y("colorize",o,a,r),y("colorizeAmount",o,a,r)):a.colorizeAmount&&(c?n=u(n,a.colorize,a.colorizeAmount):(y("colorize",o,a,P),y("colorizeAmount",o,a,P))),null!=r.saturation?(n=t(n,+r.saturation),y("saturation",o,a,r)):1!==a.saturation&&(c?n=t(n,a.saturation):y("saturation",o,a,P))),e=n.length;for(;-1<--e;)n[e]!==s[e]&&o.add(s,e,s[e],n[e],"colorMatrixFilter");o._props.push("colorMatrixFilter")}function D(t,i){var r=i.t,o=i.p,e=i.color;(0,i.set)(r,o,e[0]<<16|e[1]<<8|e[2])}function E(t,i){var r=i.g;r&&(r.dirty++,r.clearDirty++)}function F(t,i){i.t.visible=!!i.t.alpha}function G(t,i,r,o){var e=t[i],n=c(m(e)?t[i.indexOf("set")||!m(t["get"+i.substr(3)])?i:"get"+i.substr(3)]():e),s=c(r);o._pt=new d(o._pt,t,i,0,0,D,{t:t,p:i,color:n,set:a(t,i)}),o.add(n,0,n[0],s[0]),o.add(n,1,n[1],s[1]),o.add(n,2,n[2],s[2])}function M(t){return"string"==typeof t&&"="===t.charAt(1)?t.substr(0,2)+parseFloat(t.substr(2))*O:t*O}function N(){k()&&(r=window,o=l(),h=h||r.PIXI,c=o.utils.splitColor)}var o,r,c,h,d,a,e,n,f=[1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,1,0],p=.212671,g=.71516,b=.072169,P={contrast:1,saturation:1,colorizeAmount:0,colorize:"rgb(255,255,255)",hue:0,brightness:1},A={tint:1,lineColor:1,fillColor:1},_="position,scale,skew,pivot,anchor,tilePosition,tileScale".split(","),I={x:"position",y:"position",tileX:"tilePosition",tileY:"tilePosition"},X={colorMatrixFilter:1,saturation:1,contrast:1,hue:1,colorize:1,colorizeAmount:1,brightness:1,combineCMF:1},O=Math.PI/180;for(e=0;e<_.length;e++)n=_[e],I[n+"X"]=n,I[n+"Y"]=n;var S={version:"3.0.0",name:"pixi",register:function register(t,i,r){o=t,d=r,a=i.getSetter,N()},registerPIXI:function registerPIXI(t){h=t},init:function init(t,i){if(h||N(),!t instanceof h.DisplayObject)return!1;var r,o,e,n,s,l,a,u,c,f="4"===h.VERSION.charAt(0);for(l in i){if(r=I[l],e=i[l],r)o=~l.charAt(l.length-1).toLowerCase().indexOf("x")?"x":"y",this.add(t[r],o,t[r][o],"skew"===r?M(e):e);else if("scale"===l||"anchor"===l||"pivot"===l||"tileScale"===l)this.add(t[l],"x",t[l].x,e),this.add(t[l],"y",t[l].y,e);else if("rotation"===l)this.add(t,l,t.rotation,M(e));else if(X[l])n||(C(t,i.colorMatrixFilter||i,this),n=!0);else if("blur"===l||"blurX"===l||"blurY"===l||"blurPadding"===l){if(s=x(t,"BlurFilter"),this.add(s,l,s[l],e),0!==i.blurPadding)for(a=i.blurPadding||2*Math.max(s[l],e),u=t.filters.length;-1<--u;)t.filters[u].padding=Math.max(t.filters[u].padding,a)}else if(A[l])if(("lineColor"===l||"fillColor"===l)&&t instanceof h.Graphics)for(c=(t.geometry||t).graphicsData,this._pt=new d(this._pt,t,l,0,0,E,{g:t.geometry||t}),u=c.length;-1<--u;)G(f?c[u]:c[u][l.substr(0,4)+"Style"],f?l:"color",e,this);else G(t,l,e,this);else"autoAlpha"===l?(this._pt=new d(this._pt,t,"visible",0,0,F),this.add(t,"alpha",t.alpha,e),this._props.push("alpha","visible")):this.add(t,l,"get",e);this._props.push(l)}}};l()&&o.registerPlugin(S),i.PixiPlugin=S,i.default=S,Object.defineProperty(i,"__esModule",{value:!0})}); | ||
| //# sourceMappingURL=PixiPlugin.min.js.map |
@@ -14,4 +14,4 @@ /*! | ||
| var _svgPathExp = /[achlmqstvz]|(-?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/ig, | ||
| //_numbersExp = /(?:(-)?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/ig, | ||
| _scientific = /[\+\-]?\d*\.?\d+e[\+\-]?\d+/ig, | ||
| _numbersExp = /(?:(-)?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/ig, | ||
| _scientific = /[\+\-]?\d*\.?\d+e[\+\-]?\d+/ig, | ||
| _selectorExp = /(^[#\.][a-z]|[a-y][a-z])/i, | ||
@@ -121,3 +121,3 @@ _DEG2RAD = Math.PI / 180, | ||
| return _isString(value) ? stringToRawPath(value) : _isNumber(value[0]) ? [value] : value; | ||
| return !value ? console.warn("Expecting a <path> element or an SVG path data string") : _isString(value) ? stringToRawPath(value) : _isNumber(value[0]) ? [value] : value; | ||
| } //copies a RawPath WITHOUT the length meta data (for speed) | ||
@@ -147,2 +147,132 @@ | ||
| segment.reversed = !segment.reversed; | ||
| } | ||
| var _createPath = function _createPath(e, ignore) { | ||
| var path = document.createElementNS("http://www.w3.org/2000/svg", "path"), | ||
| attr = [].slice.call(e.attributes), | ||
| i = attr.length, | ||
| name; | ||
| ignore = "," + ignore + ","; | ||
| while (--i > -1) { | ||
| name = attr[i].nodeName.toLowerCase(); //in Microsoft Edge, if you don't set the attribute with a lowercase name, it doesn't render correctly! Super weird. | ||
| if (ignore.indexOf("," + name + ",") < 0) { | ||
| path.setAttributeNS(null, name, attr[i].nodeValue); | ||
| } | ||
| } | ||
| return path; | ||
| }, | ||
| _typeAttrs = { | ||
| rect: "rx,ry,x,y,width,height", | ||
| circle: "r,cx,cy", | ||
| ellipse: "rx,ry,cx,cy", | ||
| line: "x1,x2,y1,y2" | ||
| }, | ||
| _attrToObj = function _attrToObj(e, attrs) { | ||
| var props = attrs ? attrs.split(",") : [], | ||
| obj = {}, | ||
| i = props.length; | ||
| while (--i > -1) { | ||
| obj[props[i]] = +e.getAttribute(props[i]) || 0; | ||
| } | ||
| return obj; | ||
| }; //converts an SVG shape like <circle>, <rect>, <polygon>, <polyline>, <ellipse>, etc. to a <path>, swapping it in and copying the attributes to match. | ||
| function convertToPath(element, swap) { | ||
| var type = element.tagName.toLowerCase(), | ||
| circ = 0.552284749831, | ||
| data, | ||
| x, | ||
| y, | ||
| r, | ||
| ry, | ||
| path, | ||
| rcirc, | ||
| rycirc, | ||
| points, | ||
| w, | ||
| h, | ||
| x2, | ||
| x3, | ||
| x4, | ||
| x5, | ||
| x6, | ||
| y2, | ||
| y3, | ||
| y4, | ||
| y5, | ||
| y6, | ||
| attr; | ||
| if (type === "path" || !element.getBBox) { | ||
| return element; | ||
| } | ||
| path = _createPath(element, "x,y,width,height,cx,cy,rx,ry,r,x1,x2,y1,y2,points"); | ||
| attr = _attrToObj(element, _typeAttrs[type]); | ||
| if (type === "rect") { | ||
| r = attr.rx; | ||
| ry = attr.ry; | ||
| x = attr.x; | ||
| y = attr.y; | ||
| w = attr.width - r * 2; | ||
| h = attr.height - ry * 2; | ||
| if (r || ry) { | ||
| //if there are rounded corners, render cubic beziers | ||
| x2 = x + r * (1 - circ); | ||
| x3 = x + r; | ||
| x4 = x3 + w; | ||
| x5 = x4 + r * circ; | ||
| x6 = x4 + r; | ||
| y2 = y + ry * (1 - circ); | ||
| y3 = y + ry; | ||
| y4 = y3 + h; | ||
| y5 = y4 + ry * circ; | ||
| y6 = y4 + ry; | ||
| data = "M" + x6 + "," + y3 + " V" + y4 + " C" + [x6, y5, x5, y6, x4, y6, x4 - (x4 - x3) / 3, y6, x3 + (x4 - x3) / 3, y6, x3, y6, x2, y6, x, y5, x, y4, x, y4 - (y4 - y3) / 3, x, y3 + (y4 - y3) / 3, x, y3, x, y2, x2, y, x3, y, x3 + (x4 - x3) / 3, y, x4 - (x4 - x3) / 3, y, x4, y, x5, y, x6, y2, x6, y3].join(",") + "z"; | ||
| } else { | ||
| data = "M" + (x + w) + "," + y + " v" + h + " h" + -w + " v" + -h + " h" + w + "z"; | ||
| } | ||
| } else if (type === "circle" || type === "ellipse") { | ||
| if (type === "circle") { | ||
| r = ry = attr.r; | ||
| rycirc = r * circ; | ||
| } else { | ||
| r = attr.rx; | ||
| ry = attr.ry; | ||
| rycirc = ry * circ; | ||
| } | ||
| x = attr.cx; | ||
| y = attr.cy; | ||
| rcirc = r * circ; | ||
| data = "M" + (x + r) + "," + y + " C" + [x + r, y + rycirc, x + rcirc, y + ry, x, y + ry, x - rcirc, y + ry, x - r, y + rycirc, x - r, y, x - r, y - rycirc, x - rcirc, y - ry, x, y - ry, x + rcirc, y - ry, x + r, y - rycirc, x + r, y].join(",") + "z"; | ||
| } else if (type === "line") { | ||
| data = "M" + attr.x1 + "," + attr.y1 + " L" + attr.x2 + "," + attr.y2; //previously, we just converted to "Mx,y Lx,y" but Safari has bugs that cause that not to render properly when using a stroke-dasharray that's not fully visible! Using a cubic bezier fixes that issue. | ||
| } else if (type === "polyline" || type === "polygon") { | ||
| points = (element.getAttribute("points") + "").match(_numbersExp) || []; | ||
| x = points.shift(); | ||
| y = points.shift(); | ||
| data = "M" + x + "," + y + " L" + points.join(","); | ||
| if (type === "polygon") { | ||
| data += "," + x + "," + y + "z"; | ||
| } | ||
| } | ||
| path.setAttribute("d", rawPathToString(path._gsRawPath = stringToRawPath(data))); | ||
| if (swap && element.parentNode) { | ||
| element.parentNode.insertBefore(path, element); | ||
| element.parentNode.removeChild(element); | ||
| } | ||
| return path; | ||
| } //returns the rotation (in degrees) at a particular progress on a rawPath (the slope of the tangent) | ||
@@ -1111,6 +1241,6 @@ | ||
| * VERSION: 3.0.0 | ||
| * DATE: 2019-09-20 | ||
| * DATE: 2019-10-03 | ||
| * http://greensock.com | ||
| * | ||
| * Copyright (c) 2008-2019, GreenSock. All rights reserved. | ||
| * @license Copyright (c) 2008-2019, GreenSock. All rights reserved. | ||
| * This work is subject to the terms at http://greensock.com/standard-license or for | ||
@@ -1123,7 +1253,17 @@ * Club GreenSock members, the agreement that was issued with that membership. | ||
| var _doc, | ||
| _win, | ||
| _transformProp = "transform", | ||
| _transformOriginProp = _transformProp + "Origin", | ||
| _setDoc = function _setDoc(element) { | ||
| var doc = element.ownerDocument || element; | ||
| if (!(_transformProp in element.style) && "msTransform" in element.style) { | ||
| //to improve compatibility with old Microsoft browsers | ||
| _transformProp = "msTransform"; | ||
| _transformOriginProp = _transformProp + "Origin"; | ||
| } | ||
| while (doc.parentNode && (doc = doc.parentNode)) {} | ||
| _win = window; | ||
| return _doc = doc; | ||
@@ -1136,12 +1276,4 @@ }, | ||
| _svgContainer, | ||
| _identityMatrix = { | ||
| a: 1, | ||
| b: 0, | ||
| c: 0, | ||
| d: 1, | ||
| e: 0, | ||
| f: 0 | ||
| }, | ||
| _svgOwner = function _svgOwner(element) { | ||
| return element.ownerSVGElement || (element.tagName.toLowerCase() === "svg" ? element : null); | ||
| return element.ownerSVGElement || ((element.tagName + "").toLowerCase() === "svg" ? element : null); | ||
| }, | ||
@@ -1192,4 +1324,10 @@ _createSibling = function _createSibling(element, i) { | ||
| m, | ||
| b; | ||
| b, | ||
| x, | ||
| y; | ||
| if (element === _win) { | ||
| return element; | ||
| } | ||
| if (!siblings.length) { | ||
@@ -1205,6 +1343,18 @@ siblings.push(_createSibling(element, 1), _createSibling(element, 2), _createSibling(element, 3)); | ||
| y: 0 | ||
| } : element.getBBox(); | ||
| } : element.getBBox(); //may need to make x/y 0,0 if the element is a <g>. | ||
| m = element.transform.baseVal; | ||
| m = m.length ? m.consolidate().matrix : _identityMatrix; | ||
| container.setAttribute("transform", "matrix(" + m.a + "," + m.b + "," + m.c + "," + m.d + "," + (m.e + b.x) + "," + (m.f + b.y) + ")"); | ||
| if (m.length) { | ||
| m = m.consolidate().matrix; | ||
| x = m.a * b.x + m.c * b.y; | ||
| y = m.b * b.x + m.d * b.y; | ||
| } else { | ||
| m = new Matrix2D(); | ||
| x = b.x; //MAY NEED TO BE 0, 0 | ||
| y = b.y; | ||
| } | ||
| container.setAttribute("transform", "matrix(" + m.a + "," + m.b + "," + m.c + "," + m.d + "," + (m.e + x) + "," + (m.f + y) + ")"); | ||
| (isRootSVG ? svg : element.parentNode).appendChild(container); | ||
@@ -1214,3 +1364,5 @@ } else { | ||
| container.style.left = element.offsetLeft + "px"; | ||
| container.style.transform = window.getComputedStyle(element).transform; | ||
| m = _win.getComputedStyle(element); | ||
| container.style[_transformProp] = m[_transformProp]; | ||
| container.style[_transformOriginProp] = m[_transformOriginProp]; | ||
| element.parentNode.appendChild(container); | ||
@@ -1220,3 +1372,103 @@ } | ||
| return container; | ||
| }; //feed in an element and it'll return a 2D matrix (optionally inverted) so that you can translate between coordinate spaces. | ||
| }, | ||
| _setMatrix = function _setMatrix(m, a, b, c, d, e, f) { | ||
| m.a = a; | ||
| m.b = b; | ||
| m.c = c; | ||
| m.d = d; | ||
| m.e = e; | ||
| m.f = f; | ||
| return m; | ||
| }; | ||
| var Matrix2D = | ||
| /*#__PURE__*/ | ||
| function () { | ||
| function Matrix2D(a, b, c, d, e, f) { | ||
| if (a === void 0) { | ||
| a = 1; | ||
| } | ||
| if (b === void 0) { | ||
| b = 0; | ||
| } | ||
| if (c === void 0) { | ||
| c = 0; | ||
| } | ||
| if (d === void 0) { | ||
| d = 1; | ||
| } | ||
| if (e === void 0) { | ||
| e = 0; | ||
| } | ||
| if (f === void 0) { | ||
| f = 0; | ||
| } | ||
| _setMatrix(this, a, b, c, d, e, f); | ||
| } | ||
| var _proto = Matrix2D.prototype; | ||
| _proto.inverse = function inverse() { | ||
| var a = this.a, | ||
| b = this.b, | ||
| c = this.c, | ||
| d = this.d, | ||
| e = this.e, | ||
| f = this.f, | ||
| determinant = a * d - b * c; | ||
| return _setMatrix(this, d / determinant, -b / determinant, -c / determinant, a / determinant, (c * f - d * e) / determinant, -(a * f - b * e) / determinant); | ||
| }; | ||
| _proto.multiply = function multiply(matrix) { | ||
| var a = this.a, | ||
| b = this.b, | ||
| c = this.c, | ||
| d = this.d, | ||
| e = this.e, | ||
| f = this.f, | ||
| a2 = matrix.a, | ||
| b2 = matrix.c, | ||
| c2 = matrix.b, | ||
| d2 = matrix.d, | ||
| e2 = matrix.e, | ||
| f2 = matrix.f; | ||
| return _setMatrix(this, a2 * a + c2 * c, a2 * b + c2 * d, b2 * a + d2 * c, b2 * b + d2 * d, e + e2 * a + f2 * c, f + e2 * b + f2 * d); | ||
| }; | ||
| _proto.equals = function equals(matrix) { | ||
| var a = this.a, | ||
| b = this.b, | ||
| c = this.c, | ||
| d = this.d, | ||
| e = this.e, | ||
| f = this.f; | ||
| return a === matrix.a && b === matrix.b && c === matrix.c && d === matrix.d && e === matrix.e && f === matrix.f; | ||
| }; | ||
| _proto.apply = function apply(point, decoratee) { | ||
| if (decoratee === void 0) { | ||
| decoratee = {}; | ||
| } | ||
| var x = point.x, | ||
| y = point.y, | ||
| a = this.a, | ||
| b = this.b, | ||
| c = this.c, | ||
| d = this.d, | ||
| e = this.e, | ||
| f = this.f; | ||
| decoratee.x = x * a + y * c + e; | ||
| decoratee.y = x * b + y * d + f; | ||
| return decoratee; | ||
| }; | ||
| return Matrix2D; | ||
| }(); //feed in an element and it'll return a 2D matrix (optionally inverted) so that you can translate between coordinate spaces. | ||
| // Inverting lets you translate a global point into a local coordinate space. No inverting lets you go the other way. | ||
@@ -1226,7 +1478,10 @@ // We needed this to work around various browser bugs, like Firefox doesn't accurately report getScreenCTM() when there | ||
| // The matrix math to convert any x/y coordinate is: | ||
| // tx = m[0] * x + m[2] * y + m[4] | ||
| // ty = m[1] * x + m[3] * y + m[5] | ||
| // tx = m.a * x + m.c * y + m.e | ||
| // ty = m.b * x + m.d * y + m.f | ||
| function getGlobalMatrix(element, inverse) { | ||
| if (!element.parentNode) { | ||
| return new Matrix2D(); | ||
| } | ||
| function getGlobalMatrix(element, invert) { | ||
| var svg = _svgOwner(element), | ||
@@ -1238,18 +1493,7 @@ temps = svg ? _svgTemps : _divTemps, | ||
| b3 = temps[2].getBoundingClientRect(), | ||
| a = (b2.left - b1.left) / 100, | ||
| b = (b2.top - b1.top) / 100, | ||
| c = (b3.left - b1.left) / 100, | ||
| d = (b3.top - b1.top) / 100, | ||
| tx = b1.left, | ||
| ty = b1.top, | ||
| determinant; | ||
| parent = container.parentNode, | ||
| m = new Matrix2D((b2.left - b1.left) / 100, (b2.top - b1.top) / 100, (b3.left - b1.left) / 100, (b3.top - b1.top) / 100, b1.left, b1.top); | ||
| container.parentNode.removeChild(container); | ||
| if (invert) { | ||
| determinant = a * d - b * c; | ||
| return [d / determinant, -b / determinant, -c / determinant, a / determinant, (c * ty - d * tx) / determinant, -(a * ty - b * tx) / determinant]; | ||
| } | ||
| return [a, b, c, d, tx, ty]; | ||
| parent.removeChild(container); | ||
| return inverse ? m.inverse() : m; | ||
| } | ||
@@ -1259,3 +1503,3 @@ | ||
| * VERSION: 3.0.0 | ||
| * DATE: 2019-09-21 | ||
| * DATE: 2019-09-27 | ||
| * http://greensock.com | ||
@@ -1292,2 +1536,5 @@ * | ||
| }, | ||
| _getPropNum = function _getPropNum(target, prop, unit) { | ||
| return parseFloat(target._gsap.get(target, prop, unit || "px")) || 0; | ||
| }, | ||
| _relativize = function _relativize(segment) { | ||
@@ -1299,4 +1546,4 @@ var x = segment[0], | ||
| for (i = 2; i < segment.length; i += 2) { | ||
| segment[i] += x; | ||
| segment[i + 1] += y; | ||
| x = segment[i] += x; | ||
| y = segment[i + 1] += y; | ||
| } | ||
@@ -1308,3 +1555,3 @@ }, | ||
| } else { | ||
| segment.unshift(parseFloat(target._gsap.get(target, x, vars.unitX)), y ? parseFloat(target._gsap.get(target, y, vars.unitY)) : 0); | ||
| segment.unshift(_getPropNum(target, x, vars.unitX), y ? _getPropNum(target, y, vars.unitY) : 0); | ||
@@ -1337,14 +1584,3 @@ if (vars.relative) { | ||
| offsetY = _ref.offsetY; | ||
| var scalePixelsX = 1, | ||
| scalePixelsY = 1, | ||
| x, | ||
| y, | ||
| tween, | ||
| bounds1, | ||
| bounds2, | ||
| alignTarget, | ||
| p, | ||
| alignPath, | ||
| svg, | ||
| m; | ||
| var x, y, tween, targetMatrix, alignTarget, alignPath, alignMatrix, invertedMatrix, tx, ty; | ||
@@ -1357,4 +1593,5 @@ if (!rawPath || !rawPath.length) { | ||
| if (align === "self" || (alignTarget = _toArray(align)[0] || target) === target) { | ||
| x = -rawPath[0][0]; | ||
| y = -rawPath[0][1]; | ||
| x = _getPropNum(target, "x") - rawPath[0][0]; | ||
| y = _getPropNum(target, "y") - rawPath[0][1]; | ||
| transformRawPath(rawPath, 1, 0, 0, 1, x, y); | ||
| } else { | ||
@@ -1368,50 +1605,30 @@ tween = gsap.to(target, { | ||
| bounds1 = target.getBoundingClientRect(); | ||
| targetMatrix = getGlobalMatrix(target); //we cannot use something like getScreenCTM() because of a major bug in Firefox that has existed for years and prevents values from being reported correctly when an ancestor element has transforms applied. Our proprietary getGlobalMatrix() works across all browsers. | ||
| tween.render(-1).kill(); | ||
| svg = alignTarget.ownerSVGElement; | ||
| if (alignTarget.getTotalLength) { | ||
| if (alignTarget.getTotalLength && alignTarget.tagName.toLowerCase() === "path") { | ||
| //path | ||
| alignPath = getRawPath(alignTarget); | ||
| m = getGlobalMatrix(alignTarget.parentNode); | ||
| alignMatrix = getGlobalMatrix(alignTarget.parentNode); | ||
| x = alignPath[0][0]; | ||
| y = alignPath[0][1]; | ||
| scalePixelsX = m[0]; | ||
| scalePixelsY = m[3]; | ||
| bounds2 = { | ||
| left: m[0] * x + m[2] * y + m[4], | ||
| top: m[1] * x + m[3] * y + m[5] | ||
| }; // p = svg.createSVGPoint(); | ||
| // p.x = alignPath[0][0]; | ||
| // p.y = alignPath[0][1]; | ||
| // p = p.matrixTransform(alignTarget.getScreenCTM()); | ||
| // bounds2 = {left:p.x, top:p.y}; | ||
| } else { | ||
| bounds2 = alignTarget.getBoundingClientRect(); | ||
| alignMatrix = getGlobalMatrix(alignTarget); | ||
| x = 0; | ||
| y = 0; | ||
| } | ||
| x = bounds2.left - bounds1.left; | ||
| y = bounds2.top - bounds1.top; | ||
| if (target.getCTM && (!svg || svg === target.ownerSVGElement)) { | ||
| p = target.getCTM(); | ||
| x /= p.a; | ||
| y /= p.d; | ||
| scalePixelsY = scalePixelsX = 1; | ||
| } else if (svg && !target.getCTM && !m) { | ||
| p = alignTarget.getCTM(); | ||
| scalePixelsX = p.a; | ||
| scalePixelsY = p.d; | ||
| } | ||
| x -= rawPath[0][0] * scalePixelsX; | ||
| y -= rawPath[0][1] * scalePixelsY; | ||
| if (alignTarget.viewBox) { | ||
| p = alignTarget.createSVGPoint().matrixTransform(alignTarget.getCTM()); | ||
| x += p.x; | ||
| y += p.y; | ||
| } | ||
| tx = alignMatrix.a * x + alignMatrix.c * y + alignMatrix.e - targetMatrix.e; | ||
| ty = alignMatrix.b * x + alignMatrix.d * y + alignMatrix.f - targetMatrix.f; | ||
| invertedMatrix = getGlobalMatrix(target.parentNode, true); | ||
| x = invertedMatrix.a * tx + invertedMatrix.c * ty; | ||
| y = invertedMatrix.b * tx + invertedMatrix.d * ty; | ||
| tx = rawPath[0][0]; | ||
| ty = rawPath[0][1]; | ||
| alignMatrix.multiply(invertedMatrix); | ||
| x -= alignMatrix.a * tx + alignMatrix.c * ty; | ||
| y -= alignMatrix.b * tx + alignMatrix.d * ty; | ||
| transformRawPath(rawPath, alignMatrix.a, alignMatrix.b, alignMatrix.c, alignMatrix.d, x, y); | ||
| } | ||
| transformRawPath(rawPath, scalePixelsX, 0, 0, scalePixelsY, x || 0, y || 0); | ||
| } | ||
@@ -1551,2 +1768,8 @@ | ||
| transformRawPath: transformRawPath, | ||
| convertToPath: function convertToPath$1(targets, swap) { | ||
| return _toArray(targets).map(function (target) { | ||
| return convertToPath(target, swap !== false); | ||
| }); | ||
| }, | ||
| getGlobalMatrix: getGlobalMatrix, | ||
| arrayToRawPath: function arrayToRawPath(value, vars) { | ||
@@ -1557,2 +1780,6 @@ vars = vars || {}; | ||
| if (vars.relative) { | ||
| _relativize(segment); | ||
| } | ||
| return [vars.type === "cubic" ? segment : pointsToSegment(segment, vars.curviness)]; | ||
@@ -1559,0 +1786,0 @@ } |
| /*! | ||
| * VERSION: 3.0.0 | ||
| * DATE: 2019-09-07 | ||
| * DATE: 2019-10-01 | ||
| * http://greensock.com | ||
@@ -344,2 +344,6 @@ * | ||
| init: function init(target, values, tween, index, targets) { | ||
| if (!_PIXI) { | ||
| _initCore(); | ||
| } | ||
| if (!target instanceof _PIXI.DisplayObject) { | ||
@@ -362,3 +366,3 @@ return false; | ||
| context = _contexts[p]; | ||
| value = values[p]; //console.log(p, value); | ||
| value = values[p]; | ||
@@ -365,0 +369,0 @@ if (context) { |
| /*! | ||
| * VERSION: 3.0.0 | ||
| * DATE: 2019-09-21 | ||
| * DATE: 2019-09-27 | ||
| * http://greensock.com | ||
@@ -13,3 +13,3 @@ * | ||
| import { getRawPath, cacheRawPathMeasurements, getPositionOnPath, pointsToSegment, flatPointsToSegment, sliceRawPath, stringToRawPath, rawPathToString, transformRawPath } from "./utils/paths.js"; | ||
| import { getRawPath, cacheRawPathMeasurements, getPositionOnPath, pointsToSegment, flatPointsToSegment, sliceRawPath, stringToRawPath, rawPathToString, transformRawPath, convertToPath } from "./utils/paths.js"; | ||
| import { getGlobalMatrix } from "./utils/matrix.js"; | ||
@@ -32,2 +32,3 @@ | ||
| }, | ||
| _getPropNum = (target, prop, unit) => parseFloat(target._gsap.get(target, prop, unit || "px")) || 0, | ||
| _relativize = segment => { | ||
@@ -38,4 +39,4 @@ let x = segment[0], | ||
| for (i = 2; i < segment.length; i+=2) { | ||
| segment[i] += x; | ||
| segment[i+1] += y; | ||
| x = (segment[i] += x); | ||
| y = (segment[i+1] += y); | ||
| } | ||
@@ -47,3 +48,3 @@ }, | ||
| } else { | ||
| segment.unshift(parseFloat(target._gsap.get(target, x, vars.unitX)), y ? parseFloat(target._gsap.get(target, y, vars.unitY)) : 0); | ||
| segment.unshift(_getPropNum(target, x, vars.unitX), y ? _getPropNum(target, y, vars.unitY) : 0); | ||
| if (vars.relative) { | ||
@@ -64,5 +65,3 @@ _relativize(segment); | ||
| _align = (rawPath, target, {align, transform, offsetX, offsetY}) => { | ||
| let scalePixelsX = 1, | ||
| scalePixelsY = 1, | ||
| x, y, tween, bounds1, bounds2, alignTarget, p, alignPath, svg, m; | ||
| let x, y, tween, targetMatrix, alignTarget, alignPath, alignMatrix, invertedMatrix, tx, ty; | ||
| if (!rawPath || !rawPath.length) { | ||
@@ -73,46 +72,31 @@ return getRawPath("M0,0L0,0"); | ||
| if (align === "self" || ((alignTarget = _toArray(align)[0] || target) === target)) { | ||
| x = -rawPath[0][0]; | ||
| y = -rawPath[0][1]; | ||
| x = _getPropNum(target, "x") - rawPath[0][0]; | ||
| y = _getPropNum(target, "y") - rawPath[0][1]; | ||
| transformRawPath(rawPath, 1, 0, 0, 1, x, y); | ||
| } else { | ||
| tween = gsap.to(target, {xPercent:0, yPercent:0, x:0, y:0}).progress(1); //get rid of transforms, otherwise they'll throw off the measurements. | ||
| bounds1 = target.getBoundingClientRect(); | ||
| targetMatrix = getGlobalMatrix(target); //we cannot use something like getScreenCTM() because of a major bug in Firefox that has existed for years and prevents values from being reported correctly when an ancestor element has transforms applied. Our proprietary getGlobalMatrix() works across all browsers. | ||
| tween.render(-1).kill(); | ||
| svg = alignTarget.ownerSVGElement; | ||
| if (alignTarget.getTotalLength) { | ||
| if (alignTarget.getTotalLength && alignTarget.tagName.toLowerCase() === "path") { //path | ||
| alignPath = getRawPath(alignTarget); | ||
| m = getGlobalMatrix(alignTarget.parentNode); | ||
| alignMatrix = getGlobalMatrix(alignTarget.parentNode); | ||
| x = alignPath[0][0]; | ||
| y = alignPath[0][1]; | ||
| scalePixelsX = m[0]; | ||
| scalePixelsY = m[3]; | ||
| bounds2 = {left: m[0] * x + m[2] * y + m[4], top: m[1] * x + m[3] * y + m[5]}; | ||
| // p = svg.createSVGPoint(); | ||
| // p.x = alignPath[0][0]; | ||
| // p.y = alignPath[0][1]; | ||
| // p = p.matrixTransform(alignTarget.getScreenCTM()); | ||
| // bounds2 = {left:p.x, top:p.y}; | ||
| } else { | ||
| bounds2 = alignTarget.getBoundingClientRect(); | ||
| alignMatrix = getGlobalMatrix(alignTarget); | ||
| x = 0; | ||
| y = 0; | ||
| } | ||
| x = bounds2.left - bounds1.left; | ||
| y = bounds2.top - bounds1.top; | ||
| if (target.getCTM && (!svg || svg === target.ownerSVGElement)) { | ||
| p = target.getCTM(); | ||
| x /= p.a; | ||
| y /= p.d; | ||
| scalePixelsY = scalePixelsX = 1; | ||
| } else if (svg && !target.getCTM && !m) { | ||
| p = alignTarget.getCTM(); | ||
| scalePixelsX = p.a; | ||
| scalePixelsY = p.d; | ||
| } | ||
| x -= rawPath[0][0] * scalePixelsX; | ||
| y -= rawPath[0][1] * scalePixelsY; | ||
| if (alignTarget.viewBox) { | ||
| p = alignTarget.createSVGPoint().matrixTransform(alignTarget.getCTM()); | ||
| x += p.x; | ||
| y += p.y; | ||
| } | ||
| tx = alignMatrix.a * x + alignMatrix.c * y + alignMatrix.e - targetMatrix.e; | ||
| ty = alignMatrix.b * x + alignMatrix.d * y + alignMatrix.f - targetMatrix.f; | ||
| invertedMatrix = getGlobalMatrix(target.parentNode, true); | ||
| x = invertedMatrix.a * tx + invertedMatrix.c * ty; | ||
| y = invertedMatrix.b * tx + invertedMatrix.d * ty; | ||
| tx = rawPath[0][0]; | ||
| ty = rawPath[0][1]; | ||
| alignMatrix.multiply(invertedMatrix); | ||
| x -= alignMatrix.a * tx + alignMatrix.c * ty; | ||
| y -= alignMatrix.b * tx + alignMatrix.d * ty; | ||
| transformRawPath(rawPath, alignMatrix.a, alignMatrix.b, alignMatrix.c, alignMatrix.d, x, y); | ||
| } | ||
| transformRawPath(rawPath, scalePixelsX, 0, 0, scalePixelsY, x || 0, y || 0); | ||
| } | ||
@@ -224,5 +208,10 @@ if (transform) { | ||
| transformRawPath: transformRawPath, | ||
| convertToPath: (targets, swap) => _toArray(targets).map(target => convertToPath(target, swap !== false)), | ||
| getGlobalMatrix: getGlobalMatrix, | ||
| arrayToRawPath(value, vars) { | ||
| vars = vars || {}; | ||
| let segment = _populateSegmentFromArray(_populateSegmentFromArray([], value, vars.x || "x", 0), value, vars.y || "y", 1); | ||
| if (vars.relative) { | ||
| _relativize(segment); | ||
| } | ||
| return [(vars.type === "cubic") ? segment : pointsToSegment(segment, vars.curviness)]; | ||
@@ -229,0 +218,0 @@ } |
| { | ||
| "name": "gsap", | ||
| "version": "3.0.0-beta.7", | ||
| "version": "3.0.0-beta.8", | ||
| "description": "GSAP is a JavaScript library for creating high-performance animations that work in **every** major browser (or anywhere JavaScript runs). No other library delivers such advanced sequencing, reliability, API efficiency, and tight control while solving real-world problems on over 8 million sites. GSAP works around countless browser inconsistencies. Your animations **just work**. Animate CSS, SVG, canvas, WebGL, React, Vue, custom properties of generic objects, colors, strings...pretty much anything! At its core, GSAP is a property manipulator, updating values over time very quickly with extreme accuracy. And it's up to 20x faster than jQuery! See http://greensock.com/why-gsap/ for details about what makes GSAP so special.", | ||
@@ -8,5 +8,9 @@ "homepage": "https://greensock.com", | ||
| "main": "./dist/gsap.js", | ||
| "types": "gsap.d.ts", | ||
| "browser": { | ||
| "./dist/gsap.min.js": "./gsap.js", | ||
| "./dist/Draggable.min.js": "./Draggable.js", | ||
| "./dist/EasePack.min.js": "./EasePack.js", | ||
| "./dist/MotionPathPlugin.min.js": "./MotionPathPlugin.js", | ||
| "./dist/ScrollToPlugin.min.js": "./ScrollToPlugin.js", | ||
| "./dist/PixiPlugin.min.js": "./PixiPlugin.js" | ||
@@ -13,0 +17,0 @@ }, |
| /*! | ||
| * VERSION: 3.0.0 | ||
| * DATE: 2019-09-07 | ||
| * DATE: 2019-10-01 | ||
| * http://greensock.com | ||
@@ -248,2 +248,5 @@ * | ||
| init(target, values, tween, index, targets) { | ||
| if (!_PIXI) { | ||
| _initCore(); | ||
| } | ||
| if (!target instanceof _PIXI.DisplayObject) { | ||
@@ -257,3 +260,2 @@ return false; | ||
| value = values[p]; | ||
| //console.log(p, value); | ||
| if (context) { | ||
@@ -260,0 +262,0 @@ axis = ~p.charAt(p.length-1).toLowerCase().indexOf("x") ? "x" : "y"; |
| /*! | ||
| * VERSION: 3.0.0 | ||
| * DATE: 2019-09-20 | ||
| * DATE: 2019-10-03 | ||
| * http://greensock.com | ||
| * | ||
| * Copyright (c) 2008-2019, GreenSock. All rights reserved. | ||
| * @license Copyright (c) 2008-2019, GreenSock. All rights reserved. | ||
| * This work is subject to the terms at http://greensock.com/standard-license or for | ||
@@ -13,6 +13,13 @@ * Club GreenSock members, the agreement that was issued with that membership. | ||
| let _doc, | ||
| let _doc, _win, | ||
| _transformProp = "transform", | ||
| _transformOriginProp = _transformProp + "Origin", | ||
| _setDoc = element => { | ||
| let doc = element.ownerDocument || element; | ||
| if (!(_transformProp in element.style) && "msTransform" in element.style) { //to improve compatibility with old Microsoft browsers | ||
| _transformProp = "msTransform"; | ||
| _transformOriginProp = _transformProp + "Origin"; | ||
| } | ||
| while (doc.parentNode && (doc = doc.parentNode)) { } | ||
| _win = window; | ||
| return (_doc = doc); | ||
@@ -24,4 +31,3 @@ }, | ||
| _svgContainer, | ||
| _identityMatrix = {a:1, b:0, c:0, d:1, e:0, f:0}, | ||
| _svgOwner = element => element.ownerSVGElement || (element.tagName.toLowerCase() === "svg" ? element : null), | ||
| _svgOwner = element => element.ownerSVGElement || ((element.tagName + "").toLowerCase() === "svg" ? element : null), | ||
| _createSibling = (element, i) => { | ||
@@ -63,3 +69,6 @@ if (element.parentNode && (_doc || _setDoc(element))) { | ||
| siblings = svg ? _svgTemps : _divTemps, | ||
| container, m, b; | ||
| container, m, b, x, y; | ||
| if (element === _win) { | ||
| return element; | ||
| } | ||
| if (!siblings.length) { | ||
@@ -70,6 +79,14 @@ siblings.push(_createSibling(element, 1), _createSibling(element, 2), _createSibling(element, 3)); | ||
| if (svg) { | ||
| b = isRootSVG ? {x:0, y:0} : element.getBBox(); | ||
| b = isRootSVG ? {x:0, y:0} : element.getBBox(); //may need to make x/y 0,0 if the element is a <g>. | ||
| m = element.transform.baseVal; | ||
| m = m.length ? m.consolidate().matrix : _identityMatrix; | ||
| container.setAttribute("transform", "matrix(" + m.a + "," + m.b + "," + m.c + "," + m.d + "," + (m.e + b.x) + "," + (m.f + b.y) + ")"); | ||
| if (m.length) { | ||
| m = m.consolidate().matrix; | ||
| x = m.a * b.x + m.c * b.y; | ||
| y = m.b * b.x + m.d * b.y; | ||
| } else { | ||
| m = new Matrix2D(); | ||
| x = b.x; //MAY NEED TO BE 0, 0 | ||
| y = b.y; | ||
| } | ||
| container.setAttribute("transform", "matrix(" + m.a + "," + m.b + "," + m.c + "," + m.d + "," + (m.e + x) + "," + (m.f + y) + ")"); | ||
| (isRootSVG ? svg : element.parentNode).appendChild(container); | ||
@@ -79,8 +96,70 @@ } else { | ||
| container.style.left = element.offsetLeft + "px"; | ||
| container.style.transform = window.getComputedStyle(element).transform; | ||
| m = _win.getComputedStyle(element); | ||
| container.style[_transformProp] = m[_transformProp]; | ||
| container.style[_transformOriginProp] = m[_transformOriginProp]; | ||
| element.parentNode.appendChild(container); | ||
| } | ||
| return container; | ||
| }, | ||
| _setMatrix = (m, a, b, c, d, e, f) => { | ||
| m.a = a; | ||
| m.b = b; | ||
| m.c = c; | ||
| m.d = d; | ||
| m.e = e; | ||
| m.f = f; | ||
| return m; | ||
| }; | ||
| export class Matrix2D { | ||
| constructor(a=1, b=0, c=0, d=1, e=0, f=0) { | ||
| _setMatrix(this, a, b, c, d, e, f); | ||
| } | ||
| inverse() { | ||
| let {a, b, c, d, e, f} = this, | ||
| determinant = (a * d - b * c); | ||
| return _setMatrix( | ||
| this, | ||
| d / determinant, | ||
| -b / determinant, | ||
| -c / determinant, | ||
| a / determinant, | ||
| (c * f - d * e) / determinant, | ||
| -(a * f - b * e) / determinant | ||
| ); | ||
| } | ||
| multiply(matrix) { | ||
| let {a, b, c, d, e, f} = this, | ||
| a2 = matrix.a, | ||
| b2 = matrix.c, | ||
| c2 = matrix.b, | ||
| d2 = matrix.d, | ||
| e2 = matrix.e, | ||
| f2 = matrix.f; | ||
| return _setMatrix(this, | ||
| a2 * a + c2 * c, | ||
| a2 * b + c2 * d, | ||
| b2 * a + d2 * c, | ||
| b2 * b + d2 * d, | ||
| e + e2 * a + f2 * c, | ||
| f + e2 * b + f2 * d); | ||
| } | ||
| equals(matrix) { | ||
| let {a, b, c, d, e, f} = this; | ||
| return (a === matrix.a && b === matrix.b && c === matrix.c && d === matrix.d && e === matrix.e && f === matrix.f); | ||
| } | ||
| apply(point, decoratee={}) { | ||
| let {x, y} = point, | ||
| {a, b, c, d, e, f} = this; | ||
| decoratee.x = x * a + y * c + e; | ||
| decoratee.y = x * b + y * d + f; | ||
| return decoratee; | ||
| } | ||
| } | ||
| //feed in an element and it'll return a 2D matrix (optionally inverted) so that you can translate between coordinate spaces. | ||
@@ -91,5 +170,8 @@ // Inverting lets you translate a global point into a local coordinate space. No inverting lets you go the other way. | ||
| // The matrix math to convert any x/y coordinate is: | ||
| // tx = m[0] * x + m[2] * y + m[4] | ||
| // ty = m[1] * x + m[3] * y + m[5] | ||
| export function getGlobalMatrix(element, invert) { | ||
| // tx = m.a * x + m.c * y + m.e | ||
| // ty = m.b * x + m.d * y + m.f | ||
| export function getGlobalMatrix(element, inverse) { | ||
| if (!element.parentNode) { | ||
| return new Matrix2D(); | ||
| } | ||
| let svg = _svgOwner(element), | ||
@@ -101,22 +183,13 @@ temps = svg ? _svgTemps : _divTemps, | ||
| b3 = temps[2].getBoundingClientRect(), | ||
| a = (b2.left - b1.left) / 100, | ||
| b = (b2.top - b1.top) / 100, | ||
| c = (b3.left - b1.left) / 100, | ||
| d = (b3.top - b1.top) / 100, | ||
| tx = b1.left, | ||
| ty = b1.top, | ||
| determinant; | ||
| container.parentNode.removeChild(container); | ||
| if (invert) { | ||
| determinant = (a * d - b * c); | ||
| return [ | ||
| d / determinant, | ||
| -b / determinant, | ||
| -c / determinant, | ||
| a / determinant, | ||
| (c * ty - d * tx) / determinant, | ||
| -(a * ty - b * tx) / determinant | ||
| ]; | ||
| } | ||
| return [a, b, c, d, tx, ty]; | ||
| } | ||
| parent = container.parentNode, | ||
| m = new Matrix2D( | ||
| (b2.left - b1.left) / 100, | ||
| (b2.top - b1.top) / 100, | ||
| (b3.left - b1.left) / 100, | ||
| (b3.top - b1.top) / 100, | ||
| b1.left, | ||
| b1.top | ||
| ); | ||
| parent.removeChild(container); | ||
| return inverse ? m.inverse() : m; | ||
| } |
@@ -14,3 +14,3 @@ /*! | ||
| let _svgPathExp = /[achlmqstvz]|(-?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/ig, | ||
| //_numbersExp = /(?:(-)?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/ig, | ||
| _numbersExp = /(?:(-)?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/ig, | ||
| _scientific = /[\+\-]?\d*\.?\d+e[\+\-]?\d+/ig, | ||
@@ -99,3 +99,3 @@ _selectorExp = /(^[#\.][a-z]|[a-y][a-z])/i, | ||
| } | ||
| return _isString(value) ? stringToRawPath(value) : (_isNumber(value[0])) ? [value] : value; | ||
| return !value ? console.warn("Expecting a <path> element or an SVG path data string") : _isString(value) ? stringToRawPath(value) : (_isNumber(value[0])) ? [value] : value; | ||
| } | ||
@@ -127,2 +127,99 @@ | ||
| let _createPath = (e, ignore) => { | ||
| let path = document.createElementNS("http://www.w3.org/2000/svg", "path"), | ||
| attr = [].slice.call(e.attributes), | ||
| i = attr.length, | ||
| name; | ||
| ignore = "," + ignore + ","; | ||
| while (--i > -1) { | ||
| name = attr[i].nodeName.toLowerCase(); //in Microsoft Edge, if you don't set the attribute with a lowercase name, it doesn't render correctly! Super weird. | ||
| if (ignore.indexOf("," + name + ",") < 0) { | ||
| path.setAttributeNS(null, name, attr[i].nodeValue); | ||
| } | ||
| } | ||
| return path; | ||
| }, | ||
| _typeAttrs = { | ||
| rect:"rx,ry,x,y,width,height", | ||
| circle:"r,cx,cy", | ||
| ellipse:"rx,ry,cx,cy", | ||
| line:"x1,x2,y1,y2" | ||
| }, | ||
| _attrToObj = (e, attrs) => { | ||
| let props = attrs ? attrs.split(",") : [], | ||
| obj = {}, | ||
| i = props.length; | ||
| while (--i > -1) { | ||
| obj[props[i]] = +e.getAttribute(props[i]) || 0; | ||
| } | ||
| return obj; | ||
| }; | ||
| //converts an SVG shape like <circle>, <rect>, <polygon>, <polyline>, <ellipse>, etc. to a <path>, swapping it in and copying the attributes to match. | ||
| export function convertToPath(element, swap) { | ||
| let type = element.tagName.toLowerCase(), | ||
| circ = 0.552284749831, | ||
| data, x, y, r, ry, path, rcirc, rycirc, points, w, h, x2, x3, x4, x5, x6, y2, y3, y4, y5, y6, attr; | ||
| if (type === "path" || !element.getBBox) { | ||
| return element; | ||
| } | ||
| path = _createPath(element, "x,y,width,height,cx,cy,rx,ry,r,x1,x2,y1,y2,points"); | ||
| attr = _attrToObj(element, _typeAttrs[type]); | ||
| if (type === "rect") { | ||
| r = attr.rx; | ||
| ry = attr.ry; | ||
| x = attr.x; | ||
| y = attr.y; | ||
| w = attr.width - r * 2; | ||
| h = attr.height - ry * 2; | ||
| if (r || ry) { //if there are rounded corners, render cubic beziers | ||
| x2 = x + r * (1 - circ); | ||
| x3 = x + r; | ||
| x4 = x3 + w; | ||
| x5 = x4 + r * circ; | ||
| x6 = x4 + r; | ||
| y2 = y + ry * (1 - circ); | ||
| y3 = y + ry; | ||
| y4 = y3 + h; | ||
| y5 = y4 + ry * circ; | ||
| y6 = y4 + ry; | ||
| data = "M" + x6 + "," + y3 + " V" + y4 + " C" + [x6, y5, x5, y6, x4, y6, x4 - (x4 - x3) / 3, y6, x3 + (x4 - x3) / 3, y6, x3, y6, x2, y6, x, y5, x, y4, x, y4 - (y4 - y3) / 3, x, y3 + (y4 - y3) / 3, x, y3, x, y2, x2, y, x3, y, x3 + (x4 - x3) / 3, y, x4 - (x4 - x3) / 3, y, x4, y, x5, y, x6, y2, x6, y3].join(",") + "z"; | ||
| } else { | ||
| data = "M" + (x + w) + "," + y + " v" + h + " h" + (-w) + " v" + (-h) + " h" + w + "z"; | ||
| } | ||
| } else if (type === "circle" || type === "ellipse") { | ||
| if (type === "circle") { | ||
| r = ry = attr.r; | ||
| rycirc = r * circ; | ||
| } else { | ||
| r = attr.rx; | ||
| ry = attr.ry; | ||
| rycirc = ry * circ; | ||
| } | ||
| x = attr.cx; | ||
| y = attr.cy; | ||
| rcirc = r * circ; | ||
| data = "M" + (x+r) + "," + y + " C" + [x+r, y + rycirc, x + rcirc, y + ry, x, y + ry, x - rcirc, y + ry, x - r, y + rycirc, x - r, y, x - r, y - rycirc, x - rcirc, y - ry, x, y - ry, x + rcirc, y - ry, x + r, y - rycirc, x + r, y].join(",") + "z"; | ||
| } else if (type === "line") { | ||
| data = "M" + attr.x1 + "," + attr.y1 + " L" + attr.x2 + "," + attr.y2; //previously, we just converted to "Mx,y Lx,y" but Safari has bugs that cause that not to render properly when using a stroke-dasharray that's not fully visible! Using a cubic bezier fixes that issue. | ||
| } else if (type === "polyline" || type === "polygon") { | ||
| points = (element.getAttribute("points") + "").match(_numbersExp) || []; | ||
| x = points.shift(); | ||
| y = points.shift(); | ||
| data = "M" + x + "," + y + " L" + points.join(","); | ||
| if (type === "polygon") { | ||
| data += "," + x + "," + y + "z"; | ||
| } | ||
| } | ||
| path.setAttribute("d", rawPathToString(path._gsRawPath = stringToRawPath(data))); | ||
| if (swap && element.parentNode) { | ||
| element.parentNode.insertBefore(path, element); | ||
| element.parentNode.removeChild(element); | ||
| } | ||
| return path; | ||
| } | ||
| //returns the rotation (in degrees) at a particular progress on a rawPath (the slope of the tangent) | ||
@@ -129,0 +226,0 @@ export function getRotationAtProgress(rawPath, progress) { |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Fixed alerts
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by48.03%
1610502
- Number of package files
- increased by76.19%
37
- Lines of code
- increased by45.33%
25197
- Number of medium supply chain risk alerts
- decreased by-100%
0
No dependency changes