added new players
diff --git a/build/player/lottie.js b/build/player/lottie.js
index 2d0aa15..2303f3d 100644
--- a/build/player/lottie.js
+++ b/build/player/lottie.js
Binary files differ
diff --git a/build/player/lottie.min.js b/build/player/lottie.min.js
index eedb130..af13eb8 100644
--- a/build/player/lottie.min.js
+++ b/build/player/lottie.min.js
@@ -1,8 +1 @@
-"undefined"!=typeof navigator&&function(t,e){"function"==typeof define&&define.amd?define(function(){return e(t)}):"object"==typeof module&&module.exports?module.exports=e(t):(t.lottie=e(t),t.bodymovin=t.lottie)}(window||{},function(window){"use strict";function ProjectInterface(){return{}}function roundValues(t){bm_rnd=t?Math.round:function(t){return t}}function styleDiv(t){t.style.position="absolute",t.style.top=0,t.style.left=0,t.style.display="block",t.style.transformOrigin=t.style.webkitTransformOrigin="0 0",t.style.backfaceVisibility=t.style.webkitBackfaceVisibility="visible",t.style.transformStyle=t.style.webkitTransformStyle=t.style.mozTransformStyle="preserve-3d"}function BMEnterFrameEvent(t,e,r,i){this.type=t,this.currentTime=e,this.totalTime=r,this.direction=i<0?-1:1}function BMCompleteEvent(t,e){this.type=t,this.direction=e<0?-1:1}function BMCompleteLoopEvent(t,e,r,i){this.type=t,this.currentLoop=r,this.totalLoops=e,this.direction=i<0?-1:1}function BMSegmentStartEvent(t,e,r){this.type=t,this.firstFrame=e,this.totalFrames=r}function BMDestroyEvent(t,e){this.type=t,this.target=e}function randomString(t,e){void 0===e&&(e="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890");var r,i="";for(r=t;r>0;--r)i+=e[Math.round(Math.random()*(e.length-1))];return i}function HSVtoRGB(t,e,r){var i,s,a,n,o,h,l,p;switch(n=Math.floor(6*t),o=6*t-n,h=r*(1-e),l=r*(1-o*e),p=r*(1-(1-o)*e),n%6){case 0:i=r,s=p,a=h;break;case 1:i=l,s=r,a=h;break;case 2:i=h,s=r,a=p;break;case 3:i=h,s=l,a=r;break;case 4:i=p,s=h,a=r;break;case 5:i=r,s=h,a=l}return[i,s,a]}function RGBtoHSV(t,e,r){var i,s=Math.max(t,e,r),a=Math.min(t,e,r),n=s-a,o=0===s?0:n/s,h=s/255;switch(s){case a:i=0;break;case t:i=e-r+n*(e<r?6:0),i/=6*n;break;case e:i=r-t+2*n,i/=6*n;break;case r:i=t-e+4*n,i/=6*n}return[i,o,h]}function addSaturationToRGB(t,e){var r=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return r[1]+=e,r[1]>1?r[1]=1:r[1]<=0&&(r[1]=0),HSVtoRGB(r[0],r[1],r[2])}function addBrightnessToRGB(t,e){var r=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return r[2]+=e,r[2]>1?r[2]=1:r[2]<0&&(r[2]=0),HSVtoRGB(r[0],r[1],r[2])}function addHueToRGB(t,e){var r=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return r[0]+=e/360,r[0]>1?r[0]-=1:r[0]<0&&(r[0]+=1),HSVtoRGB(r[0],r[1],r[2])}function BaseEvent(){}function createSizedArray(t){return Array.apply(null,{length:t})}function createNS(t){return document.createElementNS(svgNS,t)}function createTag(t){return document.createElement(t)}function DynamicPropertyContainer(){}function extendPrototype(t,e){var r,i,s=t.length;for(r=0;r<s;r+=1){i=t[r].prototype;for(var a in i)i.hasOwnProperty(a)&&(e.prototype[a]=i[a])}}function getDescriptor(t,e){return Object.getOwnPropertyDescriptor(t,e)}function createProxyFunction(t){function e(){}return e.prototype=t,e}function bezFunction(){function t(t,e,r,i,s,a){var n=t*i+e*s+r*a-s*i-a*t-r*e;return n>-.001&&n<.001}function e(e,r,i,s,a,n,o,h,l){if(0===i&&0===n&&0===l)return t(e,r,s,a,o,h);var p,f=Math.sqrt(Math.pow(s-e,2)+Math.pow(a-r,2)+Math.pow(n-i,2)),m=Math.sqrt(Math.pow(o-e,2)+Math.pow(h-r,2)+Math.pow(l-i,2)),c=Math.sqrt(Math.pow(o-s,2)+Math.pow(h-a,2)+Math.pow(l-n,2));return p=f>m?f>c?f-m-c:c-m-f:c>m?c-m-f:m-f-c,p>-1e-4&&p<1e-4}function r(t){var e,r=segments_length_pool.newElement(),i=t.c,s=t.v,a=t.o,n=t.i,o=t._length,l=r.lengths,p=0;for(e=0;e<o-1;e+=1)l[e]=h(s[e],s[e+1],a[e],n[e+1]),p+=l[e].addedLength;return i&&o&&(l[e]=h(s[e],s[0],a[e],n[0]),p+=l[e].addedLength),r.totalLength=p,r}function i(t){this.segmentLength=0,this.points=new Array(t)}function s(t,e){this.partialLength=t,this.point=e}function a(t,e){var r=e.percents,i=e.lengths,s=r.length,a=bm_floor((s-1)*t),n=t*e.addedLength,o=0;if(a===s-1||0===a||n===i[a])return r[a];for(var h=i[a]>n?-1:1,l=!0;l;)if(i[a]<=n&&i[a+1]>n?(o=(n-i[a])/(i[a+1]-i[a]),l=!1):a+=h,a<0||a>=s-1){if(a===s-1)return r[a];l=!1}return r[a]+(r[a+1]-r[a])*o}function n(t,e,r,i,s,n){var o=a(s,n),h=1-o,l=Math.round(1e3*(h*h*h*t[0]+(o*h*h+h*o*h+h*h*o)*r[0]+(o*o*h+h*o*o+o*h*o)*i[0]+o*o*o*e[0]))/1e3,p=Math.round(1e3*(h*h*h*t[1]+(o*h*h+h*o*h+h*h*o)*r[1]+(o*o*h+h*o*o+o*h*o)*i[1]+o*o*o*e[1]))/1e3;return[l,p]}function o(t,e,r,i,s,n,o){s=s<0?0:s>1?1:s;var h=a(s,o);n=n>1?1:n;var l,f=a(n,o),m=t.length,c=1-h,d=1-f,u=c*c*c,y=h*c*c*3,g=h*h*c*3,v=h*h*h,b=c*c*d,x=h*c*d+c*h*d+c*c*f,E=h*h*d+c*h*f+h*c*f,P=h*h*f,S=c*d*d,_=h*d*d+c*f*d+c*d*f,C=h*f*d+c*f*f+h*d*f,A=h*f*f,T=d*d*d,k=f*d*d+d*f*d+d*d*f,M=f*f*d+d*f*f+f*d*f,D=f*f*f;for(l=0;l<m;l+=1)p[4*l]=Math.round(1e3*(u*t[l]+y*r[l]+g*i[l]+v*e[l]))/1e3,p[4*l+1]=Math.round(1e3*(b*t[l]+x*r[l]+E*i[l]+P*e[l]))/1e3,p[4*l+2]=Math.round(1e3*(S*t[l]+_*r[l]+C*i[l]+A*e[l]))/1e3,p[4*l+3]=Math.round(1e3*(T*t[l]+k*r[l]+M*i[l]+D*e[l]))/1e3;return p}var h=(Math,function(){return function(t,e,r,i){var s,a,n,o,h,l,p=defaultCurveSegments,f=0,m=[],c=[],d=bezier_length_pool.newElement();for(n=r.length,s=0;s<p;s+=1){for(h=s/(p-1),l=0,a=0;a<n;a+=1)o=bm_pow(1-h,3)*t[a]+3*bm_pow(1-h,2)*h*r[a]+3*(1-h)*bm_pow(h,2)*i[a]+bm_pow(h,3)*e[a],m[a]=o,null!==c[a]&&(l+=bm_pow(m[a]-c[a],2)),c[a]=m[a];l&&(l=bm_sqrt(l),f+=l),d.percents[s]=h,d.lengths[s]=f}return d.addedLength=f,d}}()),l=function(){var e={};return function(r){var a=r.s,n=r.e,o=r.to,h=r.ti,l=(a[0]+"_"+a[1]+"_"+n[0]+"_"+n[1]+"_"+o[0]+"_"+o[1]+"_"+h[0]+"_"+h[1]).replace(/\./g,"p");if(e[l])return void(r.bezierData=e[l]);var p,f,m,c,d,u,y,g=defaultCurveSegments,v=0,b=null;2===a.length&&(a[0]!=n[0]||a[1]!=n[1])&&t(a[0],a[1],n[0],n[1],a[0]+o[0],a[1]+o[1])&&t(a[0],a[1],n[0],n[1],n[0]+h[0],n[1]+h[1])&&(g=2);var x=new i(g);for(m=o.length,p=0;p<g;p+=1){for(y=createSizedArray(m),d=p/(g-1),u=0,f=0;f<m;f+=1)c=bm_pow(1-d,3)*a[f]+3*bm_pow(1-d,2)*d*(a[f]+o[f])+3*(1-d)*bm_pow(d,2)*(n[f]+h[f])+bm_pow(d,3)*n[f],y[f]=c,null!==b&&(u+=bm_pow(y[f]-b[f],2));u=bm_sqrt(u),v+=u,x.points[p]=new s(u,y),b=y}x.segmentLength=v,r.bezierData=x,e[l]=x}}(),p=createTypedArray("float32",8);return{getSegmentsLength:r,getNewSegment:o,getPointInSegment:n,buildBezierData:l,pointOnLine2D:t,pointOnLine3D:e}}function dataFunctionManager(){function t(s,a,o){var h,l,p,f,m,c,d,u,y=s.length;for(f=0;f<y;f+=1)if(h=s[f],"ks"in h&&!h.completed){if(h.completed=!0,h.tt&&(s[f-1].td=h.tt),l=[],p=-1,h.hasMask){var g=h.masksProperties;for(c=g.length,m=0;m<c;m+=1)if(g[m].pt.k.i)i(g[m].pt.k);else for(u=g[m].pt.k.length,d=0;d<u;d+=1)g[m].pt.k[d].s&&i(g[m].pt.k[d].s[0]),g[m].pt.k[d].e&&i(g[m].pt.k[d].e[0])}0===h.ty?(h.layers=e(h.refId,a),t(h.layers,a,o)):4===h.ty?r(h.shapes):5==h.ty&&n(h,o)}}function e(t,e){for(var r=0,i=e.length;r<i;){if(e[r].id===t)return e[r].layers.__used?JSON.parse(JSON.stringify(e[r].layers)):(e[r].layers.__used=!0,e[r].layers);r+=1}}function r(t){var e,s,a,n=t.length,o=!1;for(e=n-1;e>=0;e-=1)if("sh"==t[e].ty){if(t[e].ks.k.i)i(t[e].ks.k);else for(a=t[e].ks.k.length,s=0;s<a;s+=1)t[e].ks.k[s].s&&i(t[e].ks.k[s].s[0]),t[e].ks.k[s].e&&i(t[e].ks.k[s].e[0]);o=!0}else"gr"==t[e].ty&&r(t[e].it)}function i(t){var e,r=t.i.length;for(e=0;e<r;e+=1)t.i[e][0]+=t.v[e][0],t.i[e][1]+=t.v[e][1],t.o[e][0]+=t.v[e][0],t.o[e][1]+=t.v[e][1]}function s(t,e){var r=e?e.split("."):[100,100,100];return t[0]>r[0]||!(r[0]>t[0])&&(t[1]>r[1]||!(r[1]>t[1])&&(t[2]>r[2]||!(r[2]>t[2])&&void 0))}function a(e,r){e.__complete||(l(e),o(e),h(e),p(e),t(e.layers,e.assets,r),e.__complete=!0)}function n(t,e){0!==t.t.a.length||"m"in t.t.p||(t.singleShape=!0)}var o=function(){function t(t){var e=t.t.d;t.t.d={k:[{s:e,t:0}]}}function e(e){var r,i=e.length;for(r=0;r<i;r+=1)5===e[r].ty&&t(e[r])}var r=[4,4,14];return function(t){if(s(r,t.v)&&(e(t.layers),t.assets)){var i,a=t.assets.length;for(i=0;i<a;i+=1)t.assets[i].layers&&e(t.assets[i].layers)}}}(),h=function(){var t=[4,7,99];return function(e){if(e.chars&&!s(t,e.v)){var r,a,n,o,h,l=e.chars.length;for(r=0;r<l;r+=1)if(e.chars[r].data&&e.chars[r].data.shapes)for(h=e.chars[r].data.shapes[0].it,n=h.length,a=0;a<n;a+=1)o=h[a].ks.k,o.__converted||(i(h[a].ks.k),o.__converted=!0)}}}(),l=function(){function t(e){var r,i,s,a=e.length;for(r=0;r<a;r+=1)if("gr"===e[r].ty)t(e[r].it);else if("fl"===e[r].ty||"st"===e[r].ty)if(e[r].c.k&&e[r].c.k[0].i)for(s=e[r].c.k.length,i=0;i<s;i+=1)e[r].c.k[i].s&&(e[r].c.k[i].s[0]/=255,e[r].c.k[i].s[1]/=255,e[r].c.k[i].s[2]/=255,e[r].c.k[i].s[3]/=255),e[r].c.k[i].e&&(e[r].c.k[i].e[0]/=255,e[r].c.k[i].e[1]/=255,e[r].c.k[i].e[2]/=255,e[r].c.k[i].e[3]/=255);else e[r].c.k[0]/=255,e[r].c.k[1]/=255,e[r].c.k[2]/=255,e[r].c.k[3]/=255}function e(e){var r,i=e.length;for(r=0;r<i;r+=1)4===e[r].ty&&t(e[r].shapes)}var r=[4,1,9];return function(t){if(s(r,t.v)&&(e(t.layers),t.assets)){var i,a=t.assets.length;for(i=0;i<a;i+=1)t.assets[i].layers&&e(t.assets[i].layers)}}}(),p=function(){function t(e){var r,i,s,a=e.length,n=!1;for(r=a-1;r>=0;r-=1)if("sh"==e[r].ty){if(e[r].ks.k.i)e[r].ks.k.c=e[r].closed;else for(s=e[r].ks.k.length,i=0;i<s;i+=1)e[r].ks.k[i].s&&(e[r].ks.k[i].s[0].c=e[r].closed),e[r].ks.k[i].e&&(e[r].ks.k[i].e[0].c=e[r].closed);n=!0}else"gr"==e[r].ty&&t(e[r].it)}function e(e){var r,i,s,a,n,o,h=e.length;for(i=0;i<h;i+=1){if(r=e[i],r.hasMask){var l=r.masksProperties;for(a=l.length,s=0;s<a;s+=1)if(l[s].pt.k.i)l[s].pt.k.c=l[s].cl;else for(o=l[s].pt.k.length,n=0;n<o;n+=1)l[s].pt.k[n].s&&(l[s].pt.k[n].s[0].c=l[s].cl),l[s].pt.k[n].e&&(l[s].pt.k[n].e[0].c=l[s].cl)}4===r.ty&&t(r.shapes)}}var r=[4,4,18];return function(t){if(s(r,t.v)&&(e(t.layers),t.assets)){var i,a=t.assets.length;for(i=0;i<a;i+=1)t.assets[i].layers&&e(t.assets[i].layers)}}}(),f={};return f.completeData=a,f}function ShapePath(){this.c=!1,this._length=0,this._maxLength=8,this.v=createSizedArray(this._maxLength),this.o=createSizedArray(this._maxLength),this.i=createSizedArray(this._maxLength)}function ShapeModifier(){}function TrimModifier(){}function RoundCornersModifier(){}function RepeaterModifier(){}function ShapeCollection(){this._length=0,this._maxLength=4,this.shapes=createSizedArray(this._maxLength)}function DashProperty(t,e,r,i){this.elem=t,this.frameId=-1,this.dataProps=createSizedArray(e.length),this.renderer=r,this.k=!1,this.dashStr="",this.dashArray=createTypedArray("float32",e.length?e.length-1:0),this.dashoffset=createTypedArray("float32",1),this.initDynamicPropertyContainer(i);var s,a,n=e.length||0;for(s=0;s<n;s+=1)a=PropertyFactory.getProp(t,e[s].v,0,0,this),this.k=a.k||this.k,this.dataProps[s]={n:e[s].n,p:a};this.k||this.getValue(!0),this._isAnimated=this.k}function GradientProperty(t,e,r){this.data=e,this.c=createTypedArray("uint8c",4*e.p);var i=e.k.k[0].s?e.k.k[0].s.length-4*e.p:e.k.k.length-4*e.p;this.o=createTypedArray("float32",i),this._cmdf=!1,this._omdf=!1,this._collapsable=this.checkCollapsable(),this._hasOpacity=i,this.initDynamicPropertyContainer(r),this.prop=PropertyFactory.getProp(t,e.k,1,null,this),this.k=this.prop.k,this.getValue(!0)}function TextAnimatorProperty(t,e,r){this._isFirstFrame=!0,this._hasMaskedPath=!1,this._frameId=-1,this._textData=t,this._renderType=e,this._elem=r,this._animatorsData=createSizedArray(this._textData.a.length),this._pathData={},this._moreOptions={alignment:{}},this.renderedLetters=[],this.lettersChangedFlag=!1,this.initDynamicPropertyContainer(r)}function TextAnimatorDataProperty(t,e,r){var i={propType:!1},s=PropertyFactory.getProp,a=e.a;this.a={r:a.r?s(t,a.r,0,degToRads,r):i,rx:a.rx?s(t,a.rx,0,degToRads,r):i,ry:a.ry?s(t,a.ry,0,degToRads,r):i,sk:a.sk?s(t,a.sk,0,degToRads,r):i,sa:a.sa?s(t,a.sa,0,degToRads,r):i,s:a.s?s(t,a.s,1,.01,r):i,a:a.a?s(t,a.a,1,0,r):i,o:a.o?s(t,a.o,0,.01,r):i,p:a.p?s(t,a.p,1,0,r):i,sw:a.sw?s(t,a.sw,0,0,r):i,sc:a.sc?s(t,a.sc,1,0,r):i,fc:a.fc?s(t,a.fc,1,0,r):i,fh:a.fh?s(t,a.fh,0,0,r):i,fs:a.fs?s(t,a.fs,0,.01,r):i,fb:a.fb?s(t,a.fb,0,.01,r):i,t:a.t?s(t,a.t,0,0,r):i},this.s=TextSelectorProp.getTextSelectorProp(t,e.s,r),this.s.t=e.s.t}function LetterProps(t,e,r,i,s,a){this.o=t,this.sw=e,this.sc=r,this.fc=i,this.m=s,this.p=a,this._mdf={o:!0,sw:!!e,sc:!!r,fc:!!i,m:!0,p:!0}}function TextProperty(t,e){this._frameId=initialDefaultFrame,this.pv="",this.v="",this.kf=!1,this._isFirstFrame=!0,this._mdf=!1,this.data=e,this.elem=t,this.comp=this.elem.comp,this.keysIndex=0,this.canResize=!1,this.minimumFontSize=1,this.effectsSequence=[],this.currentData={ascent:0,boxWidth:this.defaultBoxWidth,f:"",fStyle:"",fWeight:"",fc:"",j:"",justifyOffset:"",l:[],lh:0,lineWidths:[],ls:"",of:"",s:"",sc:"",sw:0,t:0,tr:0,sz:0,ps:null,fillColorAnim:!1,strokeColorAnim:!1,strokeWidthAnim:!1,yOffset:0,finalSize:0,finalText:[],finalLineHeight:0,__complete:!1},this.copyData(this.currentData,this.data.d.k[0].s),this.searchProperty()||this.completeTextData(this.currentData)}function BaseRenderer(){}function SVGRenderer(t,e){this.animationItem=t,this.layers=null,this.renderedFrame=-1,this.svgElement=createNS("svg");var r=createNS("defs");this.svgElement.appendChild(r);var i=createNS("g");this.svgElement.appendChild(i),this.layerElement=i,this.renderConfig={preserveAspectRatio:e&&e.preserveAspectRatio||"xMidYMid meet",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",progressiveLoad:e&&e.progressiveLoad||!1,hideOnTransparent:!e||e.hideOnTransparent!==!1,viewBoxOnly:e&&e.viewBoxOnly||!1,viewBoxSize:e&&e.viewBoxSize||!1,className:e&&e.className||""},this.globalData={_mdf:!1,frameNum:-1,defs:r,renderConfig:this.renderConfig},this.elements=[],this.pendingElements=[],this.destroyed=!1,this.rendererType="svg"}function MaskElement(t,e,r){this.data=t,this.element=e,this.globalData=r,this.storedData=[],this.masksProperties=this.data.masksProperties||[],this.maskElement=null;var i,s=this.globalData.defs,a=this.masksProperties?this.masksProperties.length:0;this.viewData=createSizedArray(a),this.solidPath="";var n,o,h,l,p,f,m,c=this.masksProperties,d=0,u=[],y=randomString(10),g="clipPath",v="clip-path";for(i=0;i<a;i++)if(("a"!==c[i].mode&&"n"!==c[i].mode||c[i].inv||100!==c[i].o.k)&&(g="mask",v="mask"),"s"!=c[i].mode&&"i"!=c[i].mode||0!==d?l=null:(l=createNS("rect"),l.setAttribute("fill","#ffffff"),l.setAttribute("width",this.element.comp.data.w||0),l.setAttribute("height",this.element.comp.data.h||0),u.push(l)),n=createNS("path"),"n"!=c[i].mode){d+=1,n.setAttribute("fill","s"===c[i].mode?"#000000":"#ffffff"),n.setAttribute("clip-rule","nonzero");var b;if(0!==c[i].x.k?(g="mask",v="mask",m=PropertyFactory.getProp(this.element,c[i].x,0,null,this.element),b="fi_"+randomString(10),p=createNS("filter"),p.setAttribute("id",b),f=createNS("feMorphology"),f.setAttribute("operator","dilate"),f.setAttribute("in","SourceGraphic"),f.setAttribute("radius","0"),p.appendChild(f),s.appendChild(p),n.setAttribute("stroke","s"===c[i].mode?"#000000":"#ffffff")):(f=null,m=null),this.storedData[i]={elem:n,x:m,expan:f,lastPath:"",lastOperator:"",filterId:b,lastRadius:0},"i"==c[i].mode){h=u.length;var x=createNS("g");for(o=0;o<h;o+=1)x.appendChild(u[o]);var E=createNS("mask");E.setAttribute("mask-type","alpha"),E.setAttribute("id",y+"_"+d),E.appendChild(n),s.appendChild(E),x.setAttribute("mask","url("+locationHref+"#"+y+"_"+d+")"),u.length=0,u.push(x)}else u.push(n);c[i].inv&&!this.solidPath&&(this.solidPath=this.createLayerSolidPath()),this.viewData[i]={elem:n,lastPath:"",op:PropertyFactory.getProp(this.element,c[i].o,0,.01,this.element),prop:ShapePropertyFactory.getShapeProp(this.element,c[i],3),invRect:l},this.viewData[i].prop.k||this.drawPath(c[i],this.viewData[i].prop.v,this.viewData[i])}else this.viewData[i]={op:PropertyFactory.getProp(this.element,c[i].o,0,.01,this.element),prop:ShapePropertyFactory.getShapeProp(this.element,c[i],3),elem:n,lastPath:""},s.appendChild(n);for(this.maskElement=createNS(g),a=u.length,i=0;i<a;i+=1)this.maskElement.appendChild(u[i]);d>0&&(this.maskElement.setAttribute("id",y),this.element.maskedElement.setAttribute(v,"url("+locationHref+"#"+y+")"),s.appendChild(this.maskElement)),this.viewData.length&&this.element.addRenderableComponent(this)}function HierarchyElement(){}function FrameElement(){}function TransformElement(){}function RenderableElement(){}function RenderableDOMElement(){}function ProcessedElement(t,e){this.elem=t,this.pos=e}function SVGStyleData(t,e){this.data=t,this.type=t.ty,this.d="",this.lvl=e,this._mdf=!1,this.closed=t.hd===!0,this.pElem=createNS("path"),this.msElem=null}function SVGShapeData(t,e,r){this.caches=[],this.styles=[],this.transformers=t,this.lStr="",this.sh=r,this.lvl=e,this._isAnimated=!!r.k;for(var i=0,s=t.length;i<s;){if(t[i].mProps.dynamicProperties.length){this._isAnimated=!0;break}i+=1}}function SVGTransformData(t,e,r){this.transform={mProps:t,op:e,container:r},this.elements=[],this._isAnimated=this.transform.mProps.dynamicProperties.length||this.transform.op.effectsSequence.length}function SVGStrokeStyleData(t,e,r){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.o=PropertyFactory.getProp(t,e.o,0,.01,this),this.w=PropertyFactory.getProp(t,e.w,0,null,this),this.d=new DashProperty(t,e.d||{},"svg",this),this.c=PropertyFactory.getProp(t,e.c,1,255,this),this.style=r,this._isAnimated=!!this._isAnimated}function SVGFillStyleData(t,e,r){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.o=PropertyFactory.getProp(t,e.o,0,.01,this),this.c=PropertyFactory.getProp(t,e.c,1,255,this),this.style=r}function SVGGradientFillStyleData(t,e,r){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.initGradientData(t,e,r)}function SVGGradientStrokeStyleData(t,e,r){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.w=PropertyFactory.getProp(t,e.w,0,null,this),this.d=new DashProperty(t,e.d||{},"svg",this),this.initGradientData(t,e,r),this._isAnimated=!!this._isAnimated}function ShapeGroupData(){this.it=[],this.prevViewData=[],this.gr=createNS("g")}function ShapeTransformManager(){this.sequences={},this.sequenceList=[],this.transform_key_count=0}function BaseElement(){}function NullElement(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initFrame(),this.initTransform(t,e,r),this.initHierarchy()}function SVGBaseElement(){}function IShapeElement(){}function ITextElement(){}function ICompElement(){}function IImageElement(t,e,r){this.assetData=e.getAssetData(t.refId),this.initElement(t,e,r)}function ISolidElement(t,e,r){this.initElement(t,e,r)}function SVGCompElement(t,e,r){this.layers=t.layers,this.supports3d=!0,this.completeLayers=!1,this.pendingElements=[],this.elements=this.layers?createSizedArray(this.layers.length):[],this.initElement(t,e,r),this.tm=t.tm?PropertyFactory.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function SVGTextElement(t,e,r){this.textSpans=[],this.renderType="svg",this.initElement(t,e,r)}function SVGShapeElement(t,e,r){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.shapeModifiers=[],this.itemsData=[],this.processedElements=[],this.animatedContents=[],this.initElement(t,e,r),this.prevViewData=[]}function SVGTintFilter(t,e){this.filterManager=e;var r=createNS("feColorMatrix");if(r.setAttribute("type","matrix"),r.setAttribute("color-interpolation-filters","linearRGB"),r.setAttribute("values","0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"),r.setAttribute("result","f1"),t.appendChild(r),r=createNS("feColorMatrix"),r.setAttribute("type","matrix"),r.setAttribute("color-interpolation-filters","sRGB"),r.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"),r.setAttribute("result","f2"),t.appendChild(r),this.matrixFilter=r,100!==e.effectElements[2].p.v||e.effectElements[2].p.k){var i=createNS("feMerge");t.appendChild(i);var s;s=createNS("feMergeNode"),s.setAttribute("in","SourceGraphic"),i.appendChild(s),s=createNS("feMergeNode"),s.setAttribute("in","f2"),i.appendChild(s)}}function SVGFillFilter(t,e){this.filterManager=e;var r=createNS("feColorMatrix");r.setAttribute("type","matrix"),r.setAttribute("color-interpolation-filters","sRGB"),r.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"),t.appendChild(r),this.matrixFilter=r}function SVGStrokeEffect(t,e){this.initialized=!1,this.filterManager=e,this.elem=t,this.paths=[]}function SVGTritoneFilter(t,e){this.filterManager=e;var r=createNS("feColorMatrix");r.setAttribute("type","matrix"),r.setAttribute("color-interpolation-filters","linearRGB"),r.setAttribute("values","0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"),r.setAttribute("result","f1"),t.appendChild(r);var i=createNS("feComponentTransfer");i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),this.matrixFilter=i;var s=createNS("feFuncR");s.setAttribute("type","table"),i.appendChild(s),this.feFuncR=s;var a=createNS("feFuncG");a.setAttribute("type","table"),i.appendChild(a),this.feFuncG=a;var n=createNS("feFuncB");n.setAttribute("type","table"),i.appendChild(n),this.feFuncB=n}function SVGProLevelsFilter(t,e){this.filterManager=e;var r=this.filterManager.effectElements,i=createNS("feComponentTransfer");(r[10].p.k||0!==r[10].p.v||r[11].p.k||1!==r[11].p.v||r[12].p.k||1!==r[12].p.v||r[13].p.k||0!==r[13].p.v||r[14].p.k||1!==r[14].p.v)&&(this.feFuncR=this.createFeFunc("feFuncR",i)),(r[17].p.k||0!==r[17].p.v||r[18].p.k||1!==r[18].p.v||r[19].p.k||1!==r[19].p.v||r[20].p.k||0!==r[20].p.v||r[21].p.k||1!==r[21].p.v)&&(this.feFuncG=this.createFeFunc("feFuncG",i)),(r[24].p.k||0!==r[24].p.v||r[25].p.k||1!==r[25].p.v||r[26].p.k||1!==r[26].p.v||r[27].p.k||0!==r[27].p.v||r[28].p.k||1!==r[28].p.v)&&(this.feFuncB=this.createFeFunc("feFuncB",i)),(r[31].p.k||0!==r[31].p.v||r[32].p.k||1!==r[32].p.v||r[33].p.k||1!==r[33].p.v||r[34].p.k||0!==r[34].p.v||r[35].p.k||1!==r[35].p.v)&&(this.feFuncA=this.createFeFunc("feFuncA",i)),(this.feFuncR||this.feFuncG||this.feFuncB||this.feFuncA)&&(i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),i=createNS("feComponentTransfer")),(r[3].p.k||0!==r[3].p.v||r[4].p.k||1!==r[4].p.v||r[5].p.k||1!==r[5].p.v||r[6].p.k||0!==r[6].p.v||r[7].p.k||1!==r[7].p.v)&&(i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),this.feFuncRComposed=this.createFeFunc("feFuncR",i),this.feFuncGComposed=this.createFeFunc("feFuncG",i),this.feFuncBComposed=this.createFeFunc("feFuncB",i))}function SVGDropShadowEffect(t,e){t.setAttribute("x","-100%"),t.setAttribute("y","-100%"),t.setAttribute("width","400%"),t.setAttribute("height","400%"),this.filterManager=e;var r=createNS("feGaussianBlur");r.setAttribute("in","SourceAlpha"),r.setAttribute("result","drop_shadow_1"),r.setAttribute("stdDeviation","0"),this.feGaussianBlur=r,t.appendChild(r);var i=createNS("feOffset");i.setAttribute("dx","25"),i.setAttribute("dy","0"),i.setAttribute("in","drop_shadow_1"),i.setAttribute("result","drop_shadow_2"),this.feOffset=i,t.appendChild(i);var s=createNS("feFlood");s.setAttribute("flood-color","#00ff00"),s.setAttribute("flood-opacity","1"),s.setAttribute("result","drop_shadow_3"),this.feFlood=s,t.appendChild(s);var a=createNS("feComposite");a.setAttribute("in","drop_shadow_3"),a.setAttribute("in2","drop_shadow_2"),a.setAttribute("operator","in"),a.setAttribute("result","drop_shadow_4"),t.appendChild(a);var n=createNS("feMerge");t.appendChild(n);var o;o=createNS("feMergeNode"),n.appendChild(o),o=createNS("feMergeNode"),o.setAttribute("in","SourceGraphic"),this.feMergeNode=o,this.feMerge=n,this.originalNodeAdded=!1,n.appendChild(o)}function SVGMatte3Effect(t,e,r){this.initialized=!1,this.filterManager=e,this.filterElem=t,this.elem=r,r.matteElement=createNS("g"),r.matteElement.appendChild(r.layerElement),r.matteElement.appendChild(r.transformedElement),r.baseElement=r.matteElement}function SVGEffects(t){var e,r=t.data.ef?t.data.ef.length:0,i=randomString(10),s=filtersFactory.createFilter(i),a=0;this.filters=[];var n;for(e=0;e<r;e+=1)n=null,20===t.data.ef[e].ty?(a+=1,n=new SVGTintFilter(s,t.effectsManager.effectElements[e])):21===t.data.ef[e].ty?(a+=1,n=new SVGFillFilter(s,t.effectsManager.effectElements[e])):22===t.data.ef[e].ty?n=new SVGStrokeEffect(t,t.effectsManager.effectElements[e]):23===t.data.ef[e].ty?(a+=1,n=new SVGTritoneFilter(s,t.effectsManager.effectElements[e])):24===t.data.ef[e].ty?(a+=1,n=new SVGProLevelsFilter(s,t.effectsManager.effectElements[e])):25===t.data.ef[e].ty?(a+=1,n=new SVGDropShadowEffect(s,t.effectsManager.effectElements[e])):28===t.data.ef[e].ty&&(n=new SVGMatte3Effect(s,t.effectsManager.effectElements[e],t)),n&&this.filters.push(n);a&&(t.globalData.defs.appendChild(s),t.layerElement.setAttribute("filter","url("+locationHref+"#"+i+")")),this.filters.length&&t.addRenderableComponent(this)}function EffectsManager(){}function CanvasRenderer(t,e){this.animationItem=t,this.renderConfig={clearCanvas:!e||void 0===e.clearCanvas||e.clearCanvas,context:e&&e.context||null,progressiveLoad:e&&e.progressiveLoad||!1,preserveAspectRatio:e&&e.preserveAspectRatio||"xMidYMid meet",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",className:e&&e.className||""},this.renderConfig.dpr=e&&e.dpr||1,this.animationItem.wrapper&&(this.renderConfig.dpr=e&&e.dpr||window.devicePixelRatio||1),this.renderedFrame=-1,this.globalData={frameNum:-1,_mdf:!1,renderConfig:this.renderConfig,currentGlobalAlpha:-1},this.contextData=new CVContextData,this.elements=[],this.pendingElements=[],this.transformMat=new Matrix,this.completeLayers=!1,this.rendererType="canvas"}function HybridRenderer(t,e){this.animationItem=t,this.layers=null,this.renderedFrame=-1,this.renderConfig={className:e&&e.className||"",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",hideOnTransparent:!e||e.hideOnTransparent!==!1},this.globalData={_mdf:!1,frameNum:-1,renderConfig:this.renderConfig},this.pendingElements=[],this.elements=[],this.threeDElements=[],this.destroyed=!1,this.camera=null,this.supports3d=!0,this.rendererType="html"}function CVShapeData(t,e,r,i){this.styledShapes=[],this.tr=[0,0,0,0,0,0];var s=4;"rc"==e.ty?s=5:"el"==e.ty?s=6:"sr"==e.ty&&(s=7),this.sh=ShapePropertyFactory.getShapeProp(t,e,s,t);var a,n,o=r.length;for(a=0;a<o;a+=1)r[a].closed||(n={transforms:i.addTransformSequence(r[a].transforms),trNodes:[]},this.styledShapes.push(n),r[a].elements.push(n))}function CVContextData(){this.saved=[],this.cArrPos=0,this.cTr=new Matrix,this.cO=1;var t,e=15;for(this.savedOp=createTypedArray("float32",e),t=0;t<e;t+=1)this.saved[t]=createTypedArray("float32",16);this._length=e}function CVBaseElement(){}function CVImageElement(t,e,r){this.failed=!1,this.assetData=e.getAssetData(t.refId),this.img=e.imageLoader.getImage(this.assetData),this.initElement(t,e,r)}function CVCompElement(t,e,r){this.completeLayers=!1,this.layers=t.layers,this.pendingElements=[],this.elements=createSizedArray(this.layers.length),this.initElement(t,e,r),this.tm=t.tm?PropertyFactory.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function CVMaskElement(t,e){this.data=t,this.element=e,this.masksProperties=this.data.masksProperties||[],this.viewData=createSizedArray(this.masksProperties.length);var r,i=this.masksProperties.length,s=!1;for(r=0;r<i;r++)"n"!==this.masksProperties[r].mode&&(s=!0),this.viewData[r]=ShapePropertyFactory.getShapeProp(this.element,this.masksProperties[r],3);this.hasMasks=s,s&&this.element.addRenderableComponent(this)}function CVShapeElement(t,e,r){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.itemsData=[],this.prevViewData=[],this.shapeModifiers=[],this.processedElements=[],this.transformsManager=new ShapeTransformManager,this.initElement(t,e,r)}function CVSolidElement(t,e,r){this.initElement(t,e,r)}function CVTextElement(t,e,r){this.textSpans=[],this.yOffset=0,this.fillColorAnim=!1,this.strokeColorAnim=!1,this.strokeWidthAnim=!1,this.stroke=!1,this.fill=!1,this.justifyOffset=0,this.currentRender=null,this.renderType="canvas",this.values={fill:"rgba(0,0,0,0)",stroke:"rgba(0,0,0,0)",sWidth:0,fValue:""},this.initElement(t,e,r)}function CVEffects(){}function HBaseElement(t,e,r){}function HSolidElement(t,e,r){this.initElement(t,e,r)}function HCompElement(t,e,r){this.layers=t.layers,this.supports3d=!t.hasMask,this.completeLayers=!1,this.pendingElements=[],this.elements=this.layers?createSizedArray(this.layers.length):[],this.initElement(t,e,r),this.tm=t.tm?PropertyFactory.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function HShapeElement(t,e,r){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.shapeModifiers=[],this.itemsData=[],this.processedElements=[],this.animatedContents=[],this.shapesContainer=createNS("g"),this.initElement(t,e,r),this.prevViewData=[],this.currentBBox={x:999999,y:-999999,h:0,w:0}}function HTextElement(t,e,r){this.textSpans=[],this.textPaths=[],this.currentBBox={x:999999,y:-999999,h:0,w:0},this.renderType="svg",this.isMasked=!1,this.initElement(t,e,r)}function HImageElement(t,e,r){this.assetData=e.getAssetData(t.refId),this.initElement(t,e,r)}function HCameraElement(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initHierarchy();var i=PropertyFactory.getProp;if(this.pe=i(this,t.pe,0,0,this),t.ks.p.s?(this.px=i(this,t.ks.p.x,1,0,this),this.py=i(this,t.ks.p.y,1,0,this),this.pz=i(this,t.ks.p.z,1,0,this)):this.p=i(this,t.ks.p,1,0,this),t.ks.a&&(this.a=i(this,t.ks.a,1,0,this)),t.ks.or.k.length&&t.ks.or.k[0].to){var s,a=t.ks.or.k.length;for(s=0;s<a;s+=1)t.ks.or.k[s].to=null,t.ks.or.k[s].ti=null}this.or=i(this,t.ks.or,1,degToRads,this),this.or.sh=!0,this.rx=i(this,t.ks.rx,0,degToRads,this),this.ry=i(this,t.ks.ry,0,degToRads,this),this.rz=i(this,t.ks.rz,0,degToRads,this),this.mat=new Matrix,this._prevMat=new Matrix,this._isFirstFrame=!0}function HEffects(){}function SliderEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function AngleEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function ColorEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,1,0,r)}function PointEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,1,0,r)}function LayerIndexEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function MaskIndexEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function CheckboxEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function NoValueEffect(){this.p={}}function EffectsManager(t,e){var r=t.ef||[];this.effectElements=[];var i,s,a=r.length;for(i=0;i<a;i++)s=new GroupEffect(r[i],e),this.effectElements.push(s)}function GroupEffect(t,e){this.init(t,e)}function setLocationHref(t){locationHref=t}function searchAnimations(){standalone===!0?animationManager.searchAnimations(animationData,standalone,renderer):animationManager.searchAnimations()}function setSubframeRendering(t){subframeEnabled=t}function loadAnimation(t){return standalone===!0&&(t.animationData=JSON.parse(animationData)),animationManager.loadAnimation(t)}function setQuality(t){if("string"==typeof t)switch(t){case"high":defaultCurveSegments=200;break;case"medium":defaultCurveSegments=50;break;case"low":defaultCurveSegments=10}else!isNaN(t)&&t>1&&(defaultCurveSegments=t);roundValues(!(defaultCurveSegments>=50))}function inBrowser(){return"undefined"!=typeof navigator}function installPlugin(t,e){"expressions"===t&&(expressionsPlugin=e)}function getFactory(t){switch(t){case"propertyFactory":return PropertyFactory;case"shapePropertyFactory":return ShapePropertyFactory;case"matrix":return Matrix}}function checkReady(){"complete"===document.readyState&&(clearInterval(readyStateCheckInterval),searchAnimations())}function getQueryVariable(t){for(var e=queryString.split("&"),r=0;r<e.length;r++){var i=e[r].split("=");if(decodeURIComponent(i[0])==t)return decodeURIComponent(i[1])}}var svgNS="http://www.w3.org/2000/svg",locationHref="",initialDefaultFrame=-999999,subframeEnabled=!0,expressionsPlugin,isSafari=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),cachedColors={},bm_rounder=Math.round,bm_rnd,bm_pow=Math.pow,bm_sqrt=Math.sqrt,bm_abs=Math.abs,bm_floor=Math.floor,bm_max=Math.max,bm_min=Math.min,blitter=10,BMMath={};!function(){var t,e=Object.getOwnPropertyNames(Math),r=e.length;for(t=0;t<r;t+=1)BMMath[e[t]]=Math[e[t]]}(),BMMath.random=Math.random,BMMath.abs=function(t){var e=typeof t;if("object"===e&&t.length){var r,i=createSizedArray(t.length),s=t.length;for(r=0;r<s;r+=1)i[r]=Math.abs(t[r]);return i}return Math.abs(t)};var defaultCurveSegments=150,degToRads=Math.PI/180,roundCorner=.5519;
-roundValues(!1);var rgbToHex=function(){var t,e,r=[];for(t=0;t<256;t+=1)e=t.toString(16),r[t]=1==e.length?"0"+e:e;return function(t,e,i){return t<0&&(t=0),e<0&&(e=0),i<0&&(i=0),"#"+r[t]+r[e]+r[i]}}();BaseEvent.prototype={triggerEvent:function(t,e){if(this._cbs[t])for(var r=this._cbs[t].length,i=0;i<r;i++)this._cbs[t][i](e)},addEventListener:function(t,e){return this._cbs[t]||(this._cbs[t]=[]),this._cbs[t].push(e),function(){this.removeEventListener(t,e)}.bind(this)},removeEventListener:function(t,e){if(e){if(this._cbs[t]){for(var r=0,i=this._cbs[t].length;r<i;)this._cbs[t][r]===e&&(this._cbs[t].splice(r,1),r-=1,i-=1),r+=1;this._cbs[t].length||(this._cbs[t]=null)}}else this._cbs[t]=null}};var createTypedArray=function(){function t(t,e){var r,i=0,s=[];switch(t){case"int16":case"uint8c":r=1;break;default:r=1.1}for(i=0;i<e;i+=1)s.push(r);return s}function e(t,e){return"float32"===t?new Float32Array(e):"int16"===t?new Int16Array(e):"uint8c"===t?new Uint8ClampedArray(e):void 0}return"function"==typeof Uint8ClampedArray&&"function"==typeof Float32Array?e:t}();DynamicPropertyContainer.prototype={addDynamicProperty:function(t){this.dynamicProperties.indexOf(t)===-1&&(this.dynamicProperties.push(t),this.container.addDynamicProperty(this),this._isAnimated=!0)},iterateDynamicProperties:function(){this._mdf=!1;var t,e=this.dynamicProperties.length;for(t=0;t<e;t+=1)this.dynamicProperties[t].getValue(),this.dynamicProperties[t]._mdf&&(this._mdf=!0)},initDynamicPropertyContainer:function(t){this.container=t,this.dynamicProperties=[],this._mdf=!1,this._isAnimated=!1}};var Matrix=function(){function t(){return this.props[0]=1,this.props[1]=0,this.props[2]=0,this.props[3]=0,this.props[4]=0,this.props[5]=1,this.props[6]=0,this.props[7]=0,this.props[8]=0,this.props[9]=0,this.props[10]=1,this.props[11]=0,this.props[12]=0,this.props[13]=0,this.props[14]=0,this.props[15]=1,this}function e(t){if(0===t)return this;var e=k(t),r=M(t);return this._t(e,-r,0,0,r,e,0,0,0,0,1,0,0,0,0,1)}function r(t){if(0===t)return this;var e=k(t),r=M(t);return this._t(1,0,0,0,0,e,-r,0,0,r,e,0,0,0,0,1)}function i(t){if(0===t)return this;var e=k(t),r=M(t);return this._t(e,0,r,0,0,1,0,0,-r,0,e,0,0,0,0,1)}function s(t){if(0===t)return this;var e=k(t),r=M(t);return this._t(e,-r,0,0,r,e,0,0,0,0,1,0,0,0,0,1)}function a(t,e){return this._t(1,e,t,1,0,0)}function n(t,e){return this.shear(D(t),D(e))}function o(t,e){var r=k(e),i=M(e);return this._t(r,i,0,0,-i,r,0,0,0,0,1,0,0,0,0,1)._t(1,0,0,0,D(t),1,0,0,0,0,1,0,0,0,0,1)._t(r,-i,0,0,i,r,0,0,0,0,1,0,0,0,0,1)}function h(t,e,r){return r||0===r||(r=1),1===t&&1===e&&1===r?this:this._t(t,0,0,0,0,e,0,0,0,0,r,0,0,0,0,1)}function l(t,e,r,i,s,a,n,o,h,l,p,f,m,c,d,u){return this.props[0]=t,this.props[1]=e,this.props[2]=r,this.props[3]=i,this.props[4]=s,this.props[5]=a,this.props[6]=n,this.props[7]=o,this.props[8]=h,this.props[9]=l,this.props[10]=p,this.props[11]=f,this.props[12]=m,this.props[13]=c,this.props[14]=d,this.props[15]=u,this}function p(t,e,r){return r=r||0,0!==t||0!==e||0!==r?this._t(1,0,0,0,0,1,0,0,0,0,1,0,t,e,r,1):this}function f(t,e,r,i,s,a,n,o,h,l,p,f,m,c,d,u){var y=this.props;if(1===t&&0===e&&0===r&&0===i&&0===s&&1===a&&0===n&&0===o&&0===h&&0===l&&1===p&&0===f)return y[12]=y[12]*t+y[15]*m,y[13]=y[13]*a+y[15]*c,y[14]=y[14]*p+y[15]*d,y[15]=y[15]*u,this._identityCalculated=!1,this;var g=y[0],v=y[1],b=y[2],x=y[3],E=y[4],P=y[5],S=y[6],_=y[7],C=y[8],A=y[9],T=y[10],k=y[11],M=y[12],D=y[13],w=y[14],F=y[15];return y[0]=g*t+v*s+b*h+x*m,y[1]=g*e+v*a+b*l+x*c,y[2]=g*r+v*n+b*p+x*d,y[3]=g*i+v*o+b*f+x*u,y[4]=E*t+P*s+S*h+_*m,y[5]=E*e+P*a+S*l+_*c,y[6]=E*r+P*n+S*p+_*d,y[7]=E*i+P*o+S*f+_*u,y[8]=C*t+A*s+T*h+k*m,y[9]=C*e+A*a+T*l+k*c,y[10]=C*r+A*n+T*p+k*d,y[11]=C*i+A*o+T*f+k*u,y[12]=M*t+D*s+w*h+F*m,y[13]=M*e+D*a+w*l+F*c,y[14]=M*r+D*n+w*p+F*d,y[15]=M*i+D*o+w*f+F*u,this._identityCalculated=!1,this}function m(){return this._identityCalculated||(this._identity=!(1!==this.props[0]||0!==this.props[1]||0!==this.props[2]||0!==this.props[3]||0!==this.props[4]||1!==this.props[5]||0!==this.props[6]||0!==this.props[7]||0!==this.props[8]||0!==this.props[9]||1!==this.props[10]||0!==this.props[11]||0!==this.props[12]||0!==this.props[13]||0!==this.props[14]||1!==this.props[15]),this._identityCalculated=!0),this._identity}function c(t){for(var e=0;e<16;){if(t.props[e]!==this.props[e])return!1;e+=1}return!0}function d(t){var e;for(e=0;e<16;e+=1)t.props[e]=this.props[e]}function u(t){var e;for(e=0;e<16;e+=1)this.props[e]=t[e]}function y(t,e,r){return{x:t*this.props[0]+e*this.props[4]+r*this.props[8]+this.props[12],y:t*this.props[1]+e*this.props[5]+r*this.props[9]+this.props[13],z:t*this.props[2]+e*this.props[6]+r*this.props[10]+this.props[14]}}function g(t,e,r){return t*this.props[0]+e*this.props[4]+r*this.props[8]+this.props[12]}function v(t,e,r){return t*this.props[1]+e*this.props[5]+r*this.props[9]+this.props[13]}function b(t,e,r){return t*this.props[2]+e*this.props[6]+r*this.props[10]+this.props[14]}function x(t){var e=this.props[0]*this.props[5]-this.props[1]*this.props[4],r=this.props[5]/e,i=-this.props[1]/e,s=-this.props[4]/e,a=this.props[0]/e,n=(this.props[4]*this.props[13]-this.props[5]*this.props[12])/e,o=-(this.props[0]*this.props[13]-this.props[1]*this.props[12])/e;return[t[0]*r+t[1]*s+n,t[0]*i+t[1]*a+o,0]}function E(t){var e,r=t.length,i=[];for(e=0;e<r;e+=1)i[e]=x(t[e]);return i}function P(t,e,r){var i=createTypedArray("float32",6);if(this.isIdentity())i[0]=t[0],i[1]=t[1],i[2]=e[0],i[3]=e[1],i[4]=r[0],i[5]=r[1];else{var s=this.props[0],a=this.props[1],n=this.props[4],o=this.props[5],h=this.props[12],l=this.props[13];i[0]=t[0]*s+t[1]*n+h,i[1]=t[0]*a+t[1]*o+l,i[2]=e[0]*s+e[1]*n+h,i[3]=e[0]*a+e[1]*o+l,i[4]=r[0]*s+r[1]*n+h,i[5]=r[0]*a+r[1]*o+l}return i}function S(t,e,r){var i;return i=this.isIdentity()?[t,e,r]:[t*this.props[0]+e*this.props[4]+r*this.props[8]+this.props[12],t*this.props[1]+e*this.props[5]+r*this.props[9]+this.props[13],t*this.props[2]+e*this.props[6]+r*this.props[10]+this.props[14]]}function _(t,e){if(this.isIdentity())return t+","+e;var r=this.props;return Math.round(100*(t*r[0]+e*r[4]+r[12]))/100+","+Math.round(100*(t*r[1]+e*r[5]+r[13]))/100}function C(){for(var t=0,e=this.props,r="matrix3d(",i=1e4;t<16;)r+=w(e[t]*i)/i,r+=15===t?")":",",t+=1;return r}function A(t){var e=1e4;return t<1e-6&&t>0||t>-1e-6&&t<0?w(t*e)/e:t}function T(){var t=this.props,e=A(t[0]),r=A(t[1]),i=A(t[4]),s=A(t[5]),a=A(t[12]),n=A(t[13]);return"matrix("+e+","+r+","+i+","+s+","+a+","+n+")"}var k=Math.cos,M=Math.sin,D=Math.tan,w=Math.round;return function(){this.reset=t,this.rotate=e,this.rotateX=r,this.rotateY=i,this.rotateZ=s,this.skew=n,this.skewFromAxis=o,this.shear=a,this.scale=h,this.setTransform=l,this.translate=p,this.transform=f,this.applyToPoint=y,this.applyToX=g,this.applyToY=v,this.applyToZ=b,this.applyToPointArray=S,this.applyToTriplePoints=P,this.applyToPointStringified=_,this.toCSS=C,this.to2dCSS=T,this.clone=d,this.cloneFromProps=u,this.equals=c,this.inversePoints=E,this.inversePoint=x,this._t=this.transform,this.isIdentity=m,this._identity=!0,this._identityCalculated=!1,this.props=createTypedArray("float32",16),this.reset()}}();!function(t,e){function r(r,l,p){var c=[];l=l===!0?{entropy:!0}:l||{};var v=n(a(l.entropy?[r,h(t)]:null===r?o():r,3),c),b=new i(c),x=function(){for(var t=b.g(m),e=u,r=0;t<y;)t=(t+r)*f,e*=f,r=b.g(1);for(;t>=g;)t/=2,e/=2,r>>>=1;return(t+r)/e};return x.int32=function(){return 0|b.g(4)},x.quick=function(){return b.g(4)/4294967296},x["double"]=x,n(h(b.S),t),(l.pass||p||function(t,r,i,a){return a&&(a.S&&s(a,b),t.state=function(){return s(b,{})}),i?(e[d]=t,r):t})(x,v,"global"in l?l.global:this==e,l.state)}function i(t){var e,r=t.length,i=this,s=0,a=i.i=i.j=0,n=i.S=[];for(r||(t=[r++]);s<f;)n[s]=s++;for(s=0;s<f;s++)n[s]=n[a=v&a+t[s%r]+(e=n[s])],n[a]=e;i.g=function(t){for(var e,r=0,s=i.i,a=i.j,n=i.S;t--;)e=n[s=v&s+1],r=r*f+n[v&(n[s]=n[a=v&a+e])+(n[a]=e)];return i.i=s,i.j=a,r}}function s(t,e){return e.i=t.i,e.j=t.j,e.S=t.S.slice(),e}function a(t,e){var r,i=[],s=typeof t;if(e&&"object"==s)for(r in t)try{i.push(a(t[r],e-1))}catch(n){}return i.length?i:"string"==s?t:t+"\0"}function n(t,e){for(var r,i=t+"",s=0;s<i.length;)e[v&s]=v&(r^=19*e[v&s])+i.charCodeAt(s++);return h(e)}function o(){try{if(l)return h(l.randomBytes(f));var e=new Uint8Array(f);return(p.crypto||p.msCrypto).getRandomValues(e),h(e)}catch(r){var i=p.navigator,s=i&&i.plugins;return[+new Date,p,s,p.screen,h(t)]}}function h(t){return String.fromCharCode.apply(0,t)}var l,p=this,f=256,m=6,c=52,d="random",u=e.pow(f,m),y=e.pow(2,c),g=2*y,v=f-1;e["seed"+d]=r,n(e.random(),t)}([],BMMath);var BezierFactory=function(){function t(t,e,r,i,s){var a=s||("bez_"+t+"_"+e+"_"+r+"_"+i).replace(/\./g,"p");if(p[a])return p[a];var n=new h([t,e,r,i]);return p[a]=n,n}function e(t,e){return 1-3*e+3*t}function r(t,e){return 3*e-6*t}function i(t){return 3*t}function s(t,s,a){return((e(s,a)*t+r(s,a))*t+i(s))*t}function a(t,s,a){return 3*e(s,a)*t*t+2*r(s,a)*t+i(s)}function n(t,e,r,i,a){var n,o,h=0;do o=e+(r-e)/2,n=s(o,i,a)-t,n>0?r=o:e=o;while(Math.abs(n)>c&&++h<d);return o}function o(t,e,r,i){for(var n=0;n<f;++n){var o=a(e,r,i);if(0===o)return e;var h=s(e,r,i)-t;e-=h/o}return e}function h(t){this._p=t,this._mSampleValues=g?new Float32Array(u):new Array(u),this._precomputed=!1,this.get=this.get.bind(this)}var l={};l.getBezierEasing=t;var p={},f=4,m=.001,c=1e-7,d=10,u=11,y=1/(u-1),g="function"==typeof Float32Array;return h.prototype={get:function(t){var e=this._p[0],r=this._p[1],i=this._p[2],a=this._p[3];return this._precomputed||this._precompute(),e===r&&i===a?t:0===t?0:1===t?1:s(this._getTForX(t),r,a)},_precompute:function(){var t=this._p[0],e=this._p[1],r=this._p[2],i=this._p[3];this._precomputed=!0,t===e&&r===i||this._calcSampleValues()},_calcSampleValues:function(){for(var t=this._p[0],e=this._p[2],r=0;r<u;++r)this._mSampleValues[r]=s(r*y,t,e)},_getTForX:function(t){for(var e=this._p[0],r=this._p[2],i=this._mSampleValues,s=0,h=1,l=u-1;h!==l&&i[h]<=t;++h)s+=y;--h;var p=(t-i[h])/(i[h+1]-i[h]),f=s+p*y,c=a(f,e,r);return c>=m?o(t,f,e,r):0===c?f:n(t,s,s+y,e,r)}},l}();!function(){for(var t=0,e=["ms","moz","webkit","o"],r=0;r<e.length&&!window.requestAnimationFrame;++r)window.requestAnimationFrame=window[e[r]+"RequestAnimationFrame"],window.cancelAnimationFrame=window[e[r]+"CancelAnimationFrame"]||window[e[r]+"CancelRequestAnimationFrame"];window.requestAnimationFrame||(window.requestAnimationFrame=function(e,r){var i=(new Date).getTime(),s=Math.max(0,16-(i-t)),a=setTimeout(function(){e(i+s)},s);return t=i+s,a}),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(t){clearTimeout(t)})}();var bez=bezFunction(),dataManager=dataFunctionManager(),FontManager=function(){function t(t,e){var r=createTag("span");r.style.fontFamily=e;var i=createTag("span");i.innerHTML="giItT1WQy@!-/#",r.style.position="absolute",r.style.left="-10000px",r.style.top="-10000px",r.style.fontSize="300px",r.style.fontVariant="normal",r.style.fontStyle="normal",r.style.fontWeight="normal",r.style.letterSpacing="0",r.appendChild(i),document.body.appendChild(r);var s=i.offsetWidth;return i.style.fontFamily=t+", "+e,{node:i,w:s,parent:r}}function e(){var t,e,r,i=this.fonts.length,s=i;for(t=0;t<i;t+=1)if(this.fonts[t].loaded)s-=1;else if("t"===this.fonts[t].fOrigin||2===this.fonts[t].origin){if(window.Typekit&&window.Typekit.load&&0===this.typekitLoaded){this.typekitLoaded=1;try{window.Typekit.load({async:!0,active:function(){this.typekitLoaded=2}.bind(this)})}catch(a){}}2===this.typekitLoaded&&(this.fonts[t].loaded=!0)}else"n"===this.fonts[t].fOrigin||0===this.fonts[t].origin?this.fonts[t].loaded=!0:(e=this.fonts[t].monoCase.node,r=this.fonts[t].monoCase.w,e.offsetWidth!==r?(s-=1,this.fonts[t].loaded=!0):(e=this.fonts[t].sansCase.node,r=this.fonts[t].sansCase.w,e.offsetWidth!==r&&(s-=1,this.fonts[t].loaded=!0)),this.fonts[t].loaded&&(this.fonts[t].sansCase.parent.parentNode.removeChild(this.fonts[t].sansCase.parent),this.fonts[t].monoCase.parent.parentNode.removeChild(this.fonts[t].monoCase.parent)));0!==s&&Date.now()-this.initTime<p?setTimeout(this.checkLoadedFonts.bind(this),20):setTimeout(function(){this.isLoaded=!0}.bind(this),0)}function r(t,e){var r=createNS("text");r.style.fontSize="100px",r.setAttribute("font-family",e.fFamily),r.setAttribute("font-style",e.fStyle),r.setAttribute("font-weight",e.fWeight),r.textContent="1",e.fClass?(r.style.fontFamily="inherit",r.className=e.fClass):r.style.fontFamily=e.fFamily,t.appendChild(r);var i=createTag("canvas").getContext("2d");return i.font=e.fWeight+" "+e.fStyle+" 100px "+e.fFamily,r}function i(e,i){if(!e)return void(this.isLoaded=!0);if(this.chars)return this.isLoaded=!0,void(this.fonts=e.list);var s,a=e.list,n=a.length,o=n;for(s=0;s<n;s+=1){var h,l,p=!0;if(a[s].loaded=!1,a[s].monoCase=t(a[s].fFamily,"monospace"),a[s].sansCase=t(a[s].fFamily,"sans-serif"),a[s].fPath){if("p"===a[s].fOrigin||3===a[s].origin){if(h=document.querySelectorAll('style[f-forigin="p"][f-family="'+a[s].fFamily+'"], style[f-origin="3"][f-family="'+a[s].fFamily+'"]'),h.length>0&&(p=!1),p){var f=createTag("style");f.setAttribute("f-forigin",a[s].fOrigin),f.setAttribute("f-origin",a[s].origin),f.setAttribute("f-family",a[s].fFamily),f.type="text/css",f.innerHTML="@font-face {font-family: "+a[s].fFamily+"; font-style: normal; src: url('"+a[s].fPath+"');}",i.appendChild(f)}}else if("g"===a[s].fOrigin||1===a[s].origin){for(h=document.querySelectorAll('link[f-forigin="g"], link[f-origin="1"]'),l=0;l<h.length;l++)h[l].href.indexOf(a[s].fPath)!==-1&&(p=!1);if(p){var m=createTag("link");m.setAttribute("f-forigin",a[s].fOrigin),m.setAttribute("f-origin",a[s].origin),m.type="text/css",m.rel="stylesheet",m.href=a[s].fPath,document.body.appendChild(m)}}else if("t"===a[s].fOrigin||2===a[s].origin){for(h=document.querySelectorAll('script[f-forigin="t"], script[f-origin="2"]'),l=0;l<h.length;l++)a[s].fPath===h[l].src&&(p=!1);if(p){var c=createTag("script");c.setAttribute("f-forigin",a[s].fOrigin),c.setAttribute("f-origin",a[s].origin),c.setAttribute("src",a[s].fPath),i.appendChild(c)}}}else a[s].loaded=!0,o-=1;a[s].helper=r(i,a[s]),a[s].cache={},this.fonts.push(a[s])}0===o?this.isLoaded=!0:setTimeout(this.checkLoadedFonts.bind(this),100)}function s(t){if(t){this.chars||(this.chars=[]);var e,r,i,s=t.length,a=this.chars.length;for(e=0;e<s;e+=1){for(r=0,i=!1;r<a;)this.chars[r].style===t[e].style&&this.chars[r].fFamily===t[e].fFamily&&this.chars[r].ch===t[e].ch&&(i=!0),r+=1;i||(this.chars.push(t[e]),a+=1)}}}function a(t,e,r){for(var i=0,s=this.chars.length;i<s;){if(this.chars[i].ch===t&&this.chars[i].style===e&&this.chars[i].fFamily===r)return this.chars[i];i+=1}return console&&console.warn&&console.warn("Missing character from exported characters list: ",t,e,r),f}function n(t,e,r){var i=this.getFontByName(e),s=t.charCodeAt(0);if(!i.cache[s+1]){var a=i.helper;if(" "===t){a.textContent="|"+t+"|";var n=a.getComputedTextLength();a.textContent="||";var o=a.getComputedTextLength();i.cache[s+1]=(n-o)/100}else a.textContent=t,i.cache[s+1]=a.getComputedTextLength()/100}return i.cache[s+1]*r}function o(t){for(var e=0,r=this.fonts.length;e<r;){if(this.fonts[e].fName===t)return this.fonts[e];e+=1}return this.fonts[0]}function h(){return m}function l(){return this.isLoaded}var p=5e3,f={w:0,size:0,shapes:[]},m=[];m=m.concat([2304,2305,2306,2307,2362,2363,2364,2364,2366,2367,2368,2369,2370,2371,2372,2373,2374,2375,2376,2377,2378,2379,2380,2381,2382,2383,2387,2388,2389,2390,2391,2402,2403]);var c=function(){this.fonts=[],this.chars=null,this.typekitLoaded=0,this.isLoaded=!1,this.initTime=Date.now()};return c.getCombinedCharacterCodes=h,c.prototype.addChars=s,c.prototype.addFonts=i,c.prototype.getCharData=a,c.prototype.getFontByName=o,c.prototype.measureText=n,c.prototype.checkLoadedFonts=e,c.prototype.loaded=l,c}(),PropertyFactory=function(){function t(t,s){var a,n=this.offsetTime;"multidimensional"===this.propType&&(a=createTypedArray("float32",this.pv.length));for(var o,h,l=s.lastIndex,p=l,f=this.keyframes.length-1,m=!0;m;){if(o=this.keyframes[p],h=this.keyframes[p+1],p===f-1&&t>=h.t-n){o.h&&(o=h),l=0;break}if(h.t-n>t){l=p;break}p<f-1?p+=1:(l=0,m=!1)}var c,d,u,y,g,v,b=h.t-n,x=o.t-n;if(o.to){o.bezierData||bez.buildBezierData(o);var E=o.bezierData;if(t>=b||t<x){var P=t>=b?E.points.length-1:0;for(d=E.points[P].point.length,c=0;c<d;c+=1)a[c]=E.points[P].point[c]}else{o.__fnct?v=o.__fnct:(v=BezierFactory.getBezierEasing(o.o.x,o.o.y,o.i.x,o.i.y,o.n).get,o.__fnct=v),u=v((t-x)/(b-x));var S,_=E.segmentLength*u,C=s.lastFrame<t&&s._lastBezierData===E?s._lastAddedLength:0;for(g=s.lastFrame<t&&s._lastBezierData===E?s._lastPoint:0,m=!0,y=E.points.length;m;){if(C+=E.points[g].partialLength,0===_||0===u||g===E.points.length-1){for(d=E.points[g].point.length,c=0;c<d;c+=1)a[c]=E.points[g].point[c];break}if(_>=C&&_<C+E.points[g+1].partialLength){for(S=(_-C)/E.points[g+1].partialLength,d=E.points[g].point.length,c=0;c<d;c+=1)a[c]=E.points[g].point[c]+(E.points[g+1].point[c]-E.points[g].point[c])*S;break}g<y-1?g+=1:m=!1}s._lastPoint=g,s._lastAddedLength=C-E.points[g].partialLength,s._lastBezierData=E}}else{var A,T,k,M,D;if(f=o.s.length,this.sh&&1!==o.h)if(t>=b)a[0]=o.e[0],a[1]=o.e[1],a[2]=o.e[2];else if(t<=x)a[0]=o.s[0],a[1]=o.s[1],a[2]=o.s[2];else{var w=i(o.s),F=i(o.e),I=(t-x)/(b-x);r(a,e(w,F,I))}else for(p=0;p<f;p+=1)1!==o.h&&(t>=b?u=1:t<x?u=0:(o.o.x.constructor===Array?(o.__fnct||(o.__fnct=[]),o.__fnct[p]?v=o.__fnct[p]:(A=void 0===typeof o.o.x[p]?o.o.x[0]:o.o.x[p],T=void 0===typeof o.o.y[p]?o.o.y[0]:o.o.y[p],k=void 0===typeof o.i.x[p]?o.i.x[0]:o.i.x[p],M=void 0===typeof o.i.y[p]?o.i.y[0]:o.i.y[p],v=BezierFactory.getBezierEasing(A,T,k,M).get,o.__fnct[p]=v)):o.__fnct?v=o.__fnct:(A=o.o.x,T=o.o.y,k=o.i.x,M=o.i.y,v=BezierFactory.getBezierEasing(A,T,k,M).get,o.__fnct=v),u=v((t-x)/(b-x)))),D=1===o.h?o.s[p]:o.s[p]+(o.e[p]-o.s[p])*u,1===f?a=D:a[p]=D}return s.lastIndex=l,a}function e(t,e,r){var i,s,a,n,o,h=[],l=t[0],p=t[1],f=t[2],m=t[3],c=e[0],d=e[1],u=e[2],y=e[3];return s=l*c+p*d+f*u+m*y,s<0&&(s=-s,c=-c,d=-d,u=-u,y=-y),1-s>1e-6?(i=Math.acos(s),a=Math.sin(i),n=Math.sin((1-r)*i)/a,o=Math.sin(r*i)/a):(n=1-r,o=r),h[0]=n*l+o*c,h[1]=n*p+o*d,h[2]=n*f+o*u,h[3]=n*m+o*y,h}function r(t,e){var r=e[0],i=e[1],s=e[2],a=e[3],n=Math.atan2(2*i*a-2*r*s,1-2*i*i-2*s*s),o=Math.asin(2*r*i+2*s*a),h=Math.atan2(2*r*a-2*i*s,1-2*r*r-2*s*s);t[0]=n/degToRads,t[1]=o/degToRads,t[2]=h/degToRads}function i(t){var e=t[0]*degToRads,r=t[1]*degToRads,i=t[2]*degToRads,s=Math.cos(e/2),a=Math.cos(r/2),n=Math.cos(i/2),o=Math.sin(e/2),h=Math.sin(r/2),l=Math.sin(i/2),p=s*a*n-o*h*l,f=o*h*n+s*a*l,m=o*a*n+s*h*l,c=s*h*n-o*a*l;return[f,m,c,p]}function s(){var t=this.comp.renderedFrame-this.offsetTime,e=this.keyframes[0].t-this.offsetTime,r=this.keyframes[this.keyframes.length-1].t-this.offsetTime;if(!(t===this._caching.lastFrame||this._caching.lastFrame!==c&&(this._caching.lastFrame>=r&&t>=r||this._caching.lastFrame<e&&t<e))){this._caching.lastFrame>=t&&(this._caching._lastBezierData=null,this._caching.lastIndex=0);var i=this.interpolateValue(t,this._caching);this.pv=i}return this._caching.lastFrame=t,this.pv}function a(t){var e;if("unidimensional"===this.propType)e=t*this.mult,d(this.v-e)>1e-5&&(this.v=e,this._mdf=!0);else for(var r=0,i=this.v.length;r<i;)e=t[r]*this.mult,d(this.v[r]-e)>1e-5&&(this.v[r]=e,this._mdf=!0),r+=1}function n(){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length){if(this.lock)return void this.setVValue(this.pv);this.lock=!0,this._mdf=this._isFirstFrame;var t,e=this.effectsSequence.length,r=this.kf?this.pv:this.data.k;for(t=0;t<e;t+=1)r=this.effectsSequence[t](r);this.setVValue(r),this._isFirstFrame=!1,this.lock=!1,this.frameId=this.elem.globalData.frameId}}function o(t){this.effectsSequence.push(t),this.container.addDynamicProperty(this)}function h(t,e,r,i){this.propType="unidimensional",this.mult=r||1,this.data=e,this.v=r?e.k*r:e.k,this.pv=e.k,this._mdf=!1,this.elem=t,this.container=i,this.comp=t.comp,this.k=!1,this.kf=!1,this.vel=0,this.effectsSequence=[],this._isFirstFrame=!0,this.getValue=n,this.setVValue=a,this.addEffect=o}function l(t,e,r,i){this.propType="multidimensional",this.mult=r||1,this.data=e,this._mdf=!1,this.elem=t,this.container=i,this.comp=t.comp,this.k=!1,this.kf=!1,this.frameId=-1;var s,h=e.k.length;this.v=createTypedArray("float32",h),this.pv=createTypedArray("float32",h);createTypedArray("float32",h);for(this.vel=createTypedArray("float32",h),s=0;s<h;s+=1)this.v[s]=e.k[s]*this.mult,this.pv[s]=e.k[s];this._isFirstFrame=!0,this.effectsSequence=[],this.getValue=n,this.setVValue=a,this.addEffect=o}function p(e,r,i,h){this.propType="unidimensional",this.keyframes=r.k,this.offsetTime=e.data.st,this.frameId=-1,this._caching={lastFrame:c,lastIndex:0,value:0,_lastBezierData:null},this.k=!0,this.kf=!0,this.data=r,this.mult=i||1,this.elem=e,this.container=h,this.comp=e.comp,this.v=c,this.pv=c,this._isFirstFrame=!0,this.getValue=n,this.setVValue=a,this.interpolateValue=t,this.effectsSequence=[s.bind(this)],this.addEffect=o}function f(e,r,i,h){this.propType="multidimensional";var l,p,f,m,d,u=r.k.length;for(l=0;l<u-1;l+=1)r.k[l].to&&r.k[l].s&&r.k[l].e&&(p=r.k[l].s,f=r.k[l].e,m=r.k[l].to,d=r.k[l].ti,(2===p.length&&(p[0]!==f[0]||p[1]!==f[1])&&bez.pointOnLine2D(p[0],p[1],f[0],f[1],p[0]+m[0],p[1]+m[1])&&bez.pointOnLine2D(p[0],p[1],f[0],f[1],f[0]+d[0],f[1]+d[1])||3===p.length&&(p[0]!==f[0]||p[1]!==f[1]||p[2]!==f[2])&&bez.pointOnLine3D(p[0],p[1],p[2],f[0],f[1],f[2],p[0]+m[0],p[1]+m[1],p[2]+m[2])&&bez.pointOnLine3D(p[0],p[1],p[2],f[0],f[1],f[2],f[0]+d[0],f[1]+d[1],f[2]+d[2]))&&(r.k[l].to=null,r.k[l].ti=null),p[0]===f[0]&&p[1]===f[1]&&0===m[0]&&0===m[1]&&0===d[0]&&0===d[1]&&(2===p.length||p[2]===f[2]&&0===m[2]&&0===d[2])&&(r.k[l].to=null,r.k[l].ti=null));this.effectsSequence=[s.bind(this)],this.keyframes=r.k,this.offsetTime=e.data.st,this.k=!0,this.kf=!0,this._isFirstFrame=!0,this.mult=i||1,this.elem=e,this.container=h,this.comp=e.comp,this.getValue=n,this.setVValue=a,this.interpolateValue=t,this.frameId=-1;var y=r.k[0].s.length;for(this.v=createTypedArray("float32",y),this.pv=createTypedArray("float32",y),l=0;l<y;l+=1)this.v[l]=c,this.pv[l]=c;this._caching={lastFrame:c,lastIndex:0,value:createTypedArray("float32",y)},this.addEffect=o}function m(t,e,r,i,s){var a;if(0===e.a)a=0===r?new h(t,e,i,s):new l(t,e,i,s);else if(1===e.a)a=0===r?new p(t,e,i,s):new f(t,e,i,s);else if(e.k.length)if("number"==typeof e.k[0])a=new l(t,e,i,s);else switch(r){case 0:a=new p(t,e,i,s);break;case 1:a=new f(t,e,i,s)}else a=new h(t,e,i,s);return a.effectsSequence.length&&s.addDynamicProperty(a),a}var c=initialDefaultFrame,d=Math.abs,u={getProp:m};return u}(),TransformPropertyFactory=function(){function t(t){var e=this._mdf;this.iterateDynamicProperties(),this._mdf=this._mdf||e,this.a&&t.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.s&&t.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&t.skewFromAxis(-this.sk.v,this.sa.v),this.r?t.rotate(-this.r.v):t.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.data.p.s?this.data.p.z?t.translate(this.px.v,this.py.v,-this.pz.v):t.translate(this.px.v,this.py.v,0):t.translate(this.p.v[0],this.p.v[1],-this.p.v[2])}function e(t){if(this.elem.globalData.frameId!==this.frameId){if(this._isDirty&&(this.precalculateMatrix(),this._isDirty=!1),this.iterateDynamicProperties(),this._mdf||t){if(this.v.cloneFromProps(this.pre.props),this.appliedTransformations<1&&this.v.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations<2&&this.v.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&this.appliedTransformations<3&&this.v.skewFromAxis(-this.sk.v,this.sa.v),this.r&&this.appliedTransformations<4?this.v.rotate(-this.r.v):!this.r&&this.appliedTransformations<4&&this.v.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.autoOriented){var e,r,i=this.elem.globalData.frameRate;if(this.p&&this.p.keyframes&&this.p.getValueAtTime)this.p._caching.lastFrame+this.p.offsetTime<=this.p.keyframes[0].t?(e=this.p.getValueAtTime((this.p.keyframes[0].t+.01)/i,0),r=this.p.getValueAtTime(this.p.keyframes[0].t/i,0)):this.p._caching.lastFrame+this.p.offsetTime>=this.p.keyframes[this.p.keyframes.length-1].t?(e=this.p.getValueAtTime(this.p.keyframes[this.p.keyframes.length-1].t/i,0),r=this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length-1].t-.01)/i,0)):(e=this.p.pv,r=this.p.getValueAtTime((this.p._caching.lastFrame+this.p.offsetTime-.01)/i,this.p.offsetTime));else if(this.px&&this.px.keyframes&&this.py.keyframes&&this.px.getValueAtTime&&this.py.getValueAtTime){e=[],r=[];var i,s=this.px,a=this.py;s._caching.lastFrame+s.offsetTime<=s.keyframes[0].t?(e[0]=s.getValueAtTime((s.keyframes[0].t+.01)/i,0),e[1]=a.getValueAtTime((a.keyframes[0].t+.01)/i,0),r[0]=s.getValueAtTime(s.keyframes[0].t/i,0),r[1]=a.getValueAtTime(a.keyframes[0].t/i,0)):s._caching.lastFrame+s.offsetTime>=s.keyframes[s.keyframes.length-1].t?(e[0]=s.getValueAtTime(s.keyframes[s.keyframes.length-1].t/i,0),e[1]=a.getValueAtTime(a.keyframes[a.keyframes.length-1].t/i,0),r[0]=s.getValueAtTime((s.keyframes[s.keyframes.length-1].t-.01)/i,0),r[1]=a.getValueAtTime((a.keyframes[a.keyframes.length-1].t-.01)/i,0)):(e=[s.pv,a.pv],r[0]=s.getValueAtTime((s._caching.lastFrame+s.offsetTime-.01)/i,s.offsetTime),r[1]=a.getValueAtTime((a._caching.lastFrame+a.offsetTime-.01)/i,a.offsetTime))}this.v.rotate(-Math.atan2(e[1]-r[1],e[0]-r[0]))}this.data.p.s?this.data.p.z?this.v.translate(this.px.v,this.py.v,-this.pz.v):this.v.translate(this.px.v,this.py.v,0):this.v.translate(this.p.v[0],this.p.v[1],-this.p.v[2])}this.frameId=this.elem.globalData.frameId}}function r(){if(!this.a.k&&(this.pre.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations=1,!this.s.effectsSequence.length)){if(this.pre.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.appliedTransformations=2,this.sk){if(this.sk.effectsSequence.length||this.sa.effectsSequence.length)return;this.pre.skewFromAxis(-this.sk.v,this.sa.v),this.appliedTransformations=3}if(this.r){if(this.r.effectsSequence.length)return;this.pre.rotate(-this.r.v),this.appliedTransformations=4}else this.rz.effectsSequence.length||this.ry.effectsSequence.length||this.rx.effectsSequence.length||this.or.effectsSequence.length||(this.pre.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.appliedTransformations=4)}}function i(){}function s(t){this._addDynamicProperty(t),this.elem.addDynamicProperty(t),this._isDirty=!0}function a(t,e,r){if(this.elem=t,this.frameId=-1,this.propType="transform",this.data=e,this.v=new Matrix,this.pre=new Matrix,this.appliedTransformations=0,this.initDynamicPropertyContainer(r||t),e.p.s?(this.px=PropertyFactory.getProp(t,e.p.x,0,0,this),this.py=PropertyFactory.getProp(t,e.p.y,0,0,this),e.p.z&&(this.pz=PropertyFactory.getProp(t,e.p.z,0,0,this))):this.p=PropertyFactory.getProp(t,e.p,1,0,this),e.r)this.r=PropertyFactory.getProp(t,e.r,0,degToRads,this);else if(e.rx){if(this.rx=PropertyFactory.getProp(t,e.rx,0,degToRads,this),this.ry=PropertyFactory.getProp(t,e.ry,0,degToRads,this),this.rz=PropertyFactory.getProp(t,e.rz,0,degToRads,this),e.or.k[0].ti){var i,s=e.or.k.length;for(i=0;i<s;i+=1)e.or.k[i].to=e.or.k[i].ti=null}this.or=PropertyFactory.getProp(t,e.or,1,degToRads,this),this.or.sh=!0}e.sk&&(this.sk=PropertyFactory.getProp(t,e.sk,0,degToRads,this),this.sa=PropertyFactory.getProp(t,e.sa,0,degToRads,this)),e.a&&(this.a=PropertyFactory.getProp(t,e.a,1,0,this)),e.s&&(this.s=PropertyFactory.getProp(t,e.s,1,.01,this)),e.o?this.o=PropertyFactory.getProp(t,e.o,0,.01,t):this.o={_mdf:!1,v:1},this._isDirty=!0,this.dynamicProperties.length||this.getValue(!0)}function n(t,e,r){return new a(t,e,r)}return a.prototype={applyToMatrix:t,getValue:e,precalculateMatrix:r,autoOrient:i},extendPrototype([DynamicPropertyContainer],a),a.prototype.addDynamicProperty=s,a.prototype._addDynamicProperty=DynamicPropertyContainer.prototype.addDynamicProperty,{getTransformProperty:n}}();ShapePath.prototype.setPathData=function(t,e){this.c=t,this.setLength(e);for(var r=0;r<e;)this.v[r]=point_pool.newElement(),this.o[r]=point_pool.newElement(),this.i[r]=point_pool.newElement(),r+=1},ShapePath.prototype.setLength=function(t){for(;this._maxLength<t;)this.doubleArrayLength();this._length=t},ShapePath.prototype.doubleArrayLength=function(){this.v=this.v.concat(createSizedArray(this._maxLength)),this.i=this.i.concat(createSizedArray(this._maxLength)),this.o=this.o.concat(createSizedArray(this._maxLength)),this._maxLength*=2},ShapePath.prototype.setXYAt=function(t,e,r,i,s){var a;switch(this._length=Math.max(this._length,i+1),this._length>=this._maxLength&&this.doubleArrayLength(),r){case"v":a=this.v;break;case"i":a=this.i;break;case"o":a=this.o}(!a[i]||a[i]&&!s)&&(a[i]=point_pool.newElement()),a[i][0]=t,a[i][1]=e},ShapePath.prototype.setTripleAt=function(t,e,r,i,s,a,n,o){this.setXYAt(t,e,"v",n,o),this.setXYAt(r,i,"o",n,o),this.setXYAt(s,a,"i",n,o)},ShapePath.prototype.reverse=function(){var t=new ShapePath;t.setPathData(this.c,this._length);var e=this.v,r=this.o,i=this.i,s=0;this.c&&(t.setTripleAt(e[0][0],e[0][1],i[0][0],i[0][1],r[0][0],r[0][1],0,!1),s=1);var a,n=this._length-1,o=this._length;for(a=s;a<o;a+=1)t.setTripleAt(e[n][0],e[n][1],i[n][0],i[n][1],r[n][0],r[n][1],a,!1),n-=1;return t};var ShapePropertyFactory=function(){function t(t,e,r){var i,s,a,n,o,h,l,p,f,m=r.lastIndex,c=this.keyframes;if(t<c[0].t-this.offsetTime)i=c[0].s[0],a=!0,m=0;else if(t>=c[c.length-1].t-this.offsetTime)i=1===c[c.length-2].h?c[c.length-1].s[0]:c[c.length-2].e[0],a=!0;else{for(var d,u,y=m,g=c.length-1,v=!0;v&&(d=c[y],u=c[y+1],!(u.t-this.offsetTime>t));)y<g-1?y+=1:v=!1;if(a=1===d.h,m=y,!a){if(t>=u.t-this.offsetTime)p=1;else if(t<d.t-this.offsetTime)p=0;else{var b;d.__fnct?b=d.__fnct:(b=BezierFactory.getBezierEasing(d.o.x,d.o.y,d.i.x,d.i.y).get,d.__fnct=b),p=b((t-(d.t-this.offsetTime))/(u.t-this.offsetTime-(d.t-this.offsetTime)))}s=d.e[0]}i=d.s[0]}for(h=e._length,l=i.i[0].length,r.lastIndex=m,n=0;n<h;n+=1)for(o=0;o<l;o+=1)f=a?i.i[n][o]:i.i[n][o]+(s.i[n][o]-i.i[n][o])*p,e.i[n][o]=f,f=a?i.o[n][o]:i.o[n][o]+(s.o[n][o]-i.o[n][o])*p,e.o[n][o]=f,f=a?i.v[n][o]:i.v[n][o]+(s.v[n][o]-i.v[n][o])*p,e.v[n][o]=f}function e(){var t=this.comp.renderedFrame-this.offsetTime,e=this.keyframes[0].t-this.offsetTime,r=this.keyframes[this.keyframes.length-1].t-this.offsetTime,i=this._caching.lastFrame;return i!==m&&(i<e&&t<e||i>r&&t>r)||(this._caching.lastIndex=i<t?this._caching.lastIndex:0,this.interpolateShape(t,this.pv,this._caching)),this._caching.lastFrame=t,this.pv}function r(){this.paths=this.localShapeCollection}function i(t,e){if(t._length!==e._length||t.c!==e.c)return!1;var r,i=t._length;for(r=0;r<i;r+=1)if(t.v[r][0]!==e.v[r][0]||t.v[r][1]!==e.v[r][1]||t.o[r][0]!==e.o[r][0]||t.o[r][1]!==e.o[r][1]||t.i[r][0]!==e.i[r][0]||t.i[r][1]!==e.i[r][1])return!1;return!0}function s(t){i(this.v,t)||(this.v=shape_pool.clone(t),this.localShapeCollection.releaseShapes(),this.localShapeCollection.addShape(this.v),this._mdf=!0,this.paths=this.localShapeCollection)}function a(){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length){if(this.lock)return void this.setVValue(this.pv);this.lock=!0,this._mdf=!1;var t,e=this.kf?this.pv:this.data.ks?this.data.ks.k:this.data.pt.k,r=this.effectsSequence.length;for(t=0;t<r;t+=1)e=this.effectsSequence[t](e);this.setVValue(e),this.lock=!1,this.frameId=this.elem.globalData.frameId}}function n(t,e,i){this.propType="shape",this.comp=t.comp,this.container=t,this.elem=t,this.data=e,this.k=!1,this.kf=!1,this._mdf=!1;var s=3===i?e.pt.k:e.ks.k;this.v=shape_pool.clone(s),this.pv=shape_pool.clone(this.v),this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.reset=r,this.effectsSequence=[]}function o(t){this.effectsSequence.push(t),this.container.addDynamicProperty(this);
-}function h(t,i,s){this.propType="shape",this.comp=t.comp,this.elem=t,this.container=t,this.offsetTime=t.data.st,this.keyframes=3===s?i.pt.k:i.ks.k,this.k=!0,this.kf=!0;var a=this.keyframes[0].s[0].i.length;this.keyframes[0].s[0].i[0].length;this.v=shape_pool.newElement(),this.v.setPathData(this.keyframes[0].s[0].c,a),this.pv=shape_pool.clone(this.v),this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.lastFrame=m,this.reset=r,this._caching={lastFrame:m,lastIndex:0},this.effectsSequence=[e.bind(this)]}function l(t,e,r){var i;if(3===r||4===r){var s=3===r?e.pt:e.ks,a=s.k;i=1===s.a||a.length?new h(t,e,r):new n(t,e,r)}else 5===r?i=new u(t,e):6===r?i=new c(t,e):7===r&&(i=new d(t,e));return i.k&&t.addDynamicProperty(i),i}function p(){return n}function f(){return h}var m=-999999;n.prototype.interpolateShape=t,n.prototype.getValue=a,n.prototype.setVValue=s,n.prototype.addEffect=o,h.prototype.getValue=a,h.prototype.interpolateShape=t,h.prototype.setVValue=s,h.prototype.addEffect=o;var c=function(){function t(t,e){this.v=shape_pool.newElement(),this.v.setPathData(!0,4),this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.paths=this.localShapeCollection,this.localShapeCollection.addShape(this.v),this.d=e.d,this.elem=t,this.comp=t.comp,this.frameId=-1,this.initDynamicPropertyContainer(t),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.s=PropertyFactory.getProp(t,e.s,1,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertEllToPath())}var e=roundCorner;return t.prototype={reset:r,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertEllToPath())},convertEllToPath:function(){var t=this.p.v[0],r=this.p.v[1],i=this.s.v[0]/2,s=this.s.v[1]/2,a=3!==this.d,n=this.v;n.v[0][0]=t,n.v[0][1]=r-s,n.v[1][0]=a?t+i:t-i,n.v[1][1]=r,n.v[2][0]=t,n.v[2][1]=r+s,n.v[3][0]=a?t-i:t+i,n.v[3][1]=r,n.i[0][0]=a?t-i*e:t+i*e,n.i[0][1]=r-s,n.i[1][0]=a?t+i:t-i,n.i[1][1]=r-s*e,n.i[2][0]=a?t+i*e:t-i*e,n.i[2][1]=r+s,n.i[3][0]=a?t-i:t+i,n.i[3][1]=r+s*e,n.o[0][0]=a?t+i*e:t-i*e,n.o[0][1]=r-s,n.o[1][0]=a?t+i:t-i,n.o[1][1]=r+s*e,n.o[2][0]=a?t-i*e:t+i*e,n.o[2][1]=r+s,n.o[3][0]=a?t-i:t+i,n.o[3][1]=r-s*e}},extendPrototype([DynamicPropertyContainer],t),t}(),d=function(){function t(t,e){this.v=shape_pool.newElement(),this.v.setPathData(!0,0),this.elem=t,this.comp=t.comp,this.data=e,this.frameId=-1,this.d=e.d,this.initDynamicPropertyContainer(t),1===e.sy?(this.ir=PropertyFactory.getProp(t,e.ir,0,0,this),this.is=PropertyFactory.getProp(t,e.is,0,.01,this),this.convertToPath=this.convertStarToPath):this.convertToPath=this.convertPolygonToPath,this.pt=PropertyFactory.getProp(t,e.pt,0,0,this),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.r=PropertyFactory.getProp(t,e.r,0,degToRads,this),this.or=PropertyFactory.getProp(t,e.or,0,0,this),this.os=PropertyFactory.getProp(t,e.os,0,.01,this),this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertToPath())}return t.prototype={reset:r,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertToPath())},convertStarToPath:function(){var t,e,r,i,s=2*Math.floor(this.pt.v),a=2*Math.PI/s,n=!0,o=this.or.v,h=this.ir.v,l=this.os.v,p=this.is.v,f=2*Math.PI*o/(2*s),m=2*Math.PI*h/(2*s),c=-Math.PI/2;c+=this.r.v;var d=3===this.data.d?-1:1;for(this.v._length=0,t=0;t<s;t+=1){e=n?o:h,r=n?l:p,i=n?f:m;var u=e*Math.cos(c),y=e*Math.sin(c),g=0===u&&0===y?0:y/Math.sqrt(u*u+y*y),v=0===u&&0===y?0:-u/Math.sqrt(u*u+y*y);u+=+this.p.v[0],y+=+this.p.v[1],this.v.setTripleAt(u,y,u-g*i*r*d,y-v*i*r*d,u+g*i*r*d,y+v*i*r*d,t,!0),n=!n,c+=a*d}},convertPolygonToPath:function(){var t,e=Math.floor(this.pt.v),r=2*Math.PI/e,i=this.or.v,s=this.os.v,a=2*Math.PI*i/(4*e),n=-Math.PI/2,o=3===this.data.d?-1:1;for(n+=this.r.v,this.v._length=0,t=0;t<e;t+=1){var h=i*Math.cos(n),l=i*Math.sin(n),p=0===h&&0===l?0:l/Math.sqrt(h*h+l*l),f=0===h&&0===l?0:-h/Math.sqrt(h*h+l*l);h+=+this.p.v[0],l+=+this.p.v[1],this.v.setTripleAt(h,l,h-p*a*s*o,l-f*a*s*o,h+p*a*s*o,l+f*a*s*o,t,!0),n+=r*o}this.paths.length=0,this.paths[0]=this.v}},extendPrototype([DynamicPropertyContainer],t),t}(),u=function(){function t(t,e){this.v=shape_pool.newElement(),this.v.c=!0,this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.elem=t,this.comp=t.comp,this.frameId=-1,this.d=e.d,this.initDynamicPropertyContainer(t),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.s=PropertyFactory.getProp(t,e.s,1,0,this),this.r=PropertyFactory.getProp(t,e.r,0,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertRectToPath())}return t.prototype={convertRectToPath:function(){var t=this.p.v[0],e=this.p.v[1],r=this.s.v[0]/2,i=this.s.v[1]/2,s=bm_min(r,i,this.r.v),a=s*(1-roundCorner);this.v._length=0,2===this.d||1===this.d?(this.v.setTripleAt(t+r,e-i+s,t+r,e-i+s,t+r,e-i+a,0,!0),this.v.setTripleAt(t+r,e+i-s,t+r,e+i-a,t+r,e+i-s,1,!0),0!==s?(this.v.setTripleAt(t+r-s,e+i,t+r-s,e+i,t+r-a,e+i,2,!0),this.v.setTripleAt(t-r+s,e+i,t-r+a,e+i,t-r+s,e+i,3,!0),this.v.setTripleAt(t-r,e+i-s,t-r,e+i-s,t-r,e+i-a,4,!0),this.v.setTripleAt(t-r,e-i+s,t-r,e-i+a,t-r,e-i+s,5,!0),this.v.setTripleAt(t-r+s,e-i,t-r+s,e-i,t-r+a,e-i,6,!0),this.v.setTripleAt(t+r-s,e-i,t+r-a,e-i,t+r-s,e-i,7,!0)):(this.v.setTripleAt(t-r,e+i,t-r+a,e+i,t-r,e+i,2),this.v.setTripleAt(t-r,e-i,t-r,e-i+a,t-r,e-i,3))):(this.v.setTripleAt(t+r,e-i+s,t+r,e-i+a,t+r,e-i+s,0,!0),0!==s?(this.v.setTripleAt(t+r-s,e-i,t+r-s,e-i,t+r-a,e-i,1,!0),this.v.setTripleAt(t-r+s,e-i,t-r+a,e-i,t-r+s,e-i,2,!0),this.v.setTripleAt(t-r,e-i+s,t-r,e-i+s,t-r,e-i+a,3,!0),this.v.setTripleAt(t-r,e+i-s,t-r,e+i-a,t-r,e+i-s,4,!0),this.v.setTripleAt(t-r+s,e+i,t-r+s,e+i,t-r+a,e+i,5,!0),this.v.setTripleAt(t+r-s,e+i,t+r-a,e+i,t+r-s,e+i,6,!0),this.v.setTripleAt(t+r,e+i-s,t+r,e+i-s,t+r,e+i-a,7,!0)):(this.v.setTripleAt(t-r,e-i,t-r+a,e-i,t-r,e-i,1,!0),this.v.setTripleAt(t-r,e+i,t-r,e+i-a,t-r,e+i,2,!0),this.v.setTripleAt(t+r,e+i,t+r-a,e+i,t+r,e+i,3,!0)))},getValue:function(t){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertRectToPath())},reset:r},extendPrototype([DynamicPropertyContainer],t),t}(),y={};return y.getShapeProp=l,y.getConstructorFunction=p,y.getKeyframedConstructorFunction=f,y}(),ShapeModifiers=function(){function t(t,e){i[t]||(i[t]=e)}function e(t,e,r){return new i[t](e,r)}var r={},i={};return r.registerModifier=t,r.getModifier=e,r}();ShapeModifier.prototype.initModifierProperties=function(){},ShapeModifier.prototype.addShapeToModifier=function(){},ShapeModifier.prototype.addShape=function(t){if(!this.closed){var e={shape:t.sh,data:t,localShapeCollection:shapeCollection_pool.newShapeCollection()};this.shapes.push(e),this.addShapeToModifier(e),this._isAnimated&&t.setAsAnimated()}},ShapeModifier.prototype.init=function(t,e){this.shapes=[],this.elem=t,this.initDynamicPropertyContainer(t),this.initModifierProperties(t,e),this.frameId=initialDefaultFrame,this.closed=!1,this.k=!1,this.dynamicProperties.length?this.k=!0:this.getValue(!0)},ShapeModifier.prototype.processKeys=function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties())},extendPrototype([DynamicPropertyContainer],ShapeModifier),extendPrototype([ShapeModifier],TrimModifier),TrimModifier.prototype.initModifierProperties=function(t,e){this.s=PropertyFactory.getProp(t,e.s,0,.01,this),this.e=PropertyFactory.getProp(t,e.e,0,.01,this),this.o=PropertyFactory.getProp(t,e.o,0,0,this),this.sValue=0,this.eValue=0,this.getValue=this.processKeys,this.m=e.m,this._isAnimated=!!this.s.effectsSequence.length||!!this.e.effectsSequence.length||!!this.o.effectsSequence.length},TrimModifier.prototype.addShapeToModifier=function(t){t.pathsData=[]},TrimModifier.prototype.calculateShapeEdges=function(t,e,r,i,s){var a=[];e<=1?a.push({s:t,e:e}):t>=1?a.push({s:t-1,e:e-1}):(a.push({s:t,e:1}),a.push({s:0,e:e-1}));var n,o,h=[],l=a.length;for(n=0;n<l;n+=1)if(o=a[n],o.e*s<i||o.s*s>i+r);else{var p,f;p=o.s*s<=i?0:(o.s*s-i)/r,f=o.e*s>=i+r?1:(o.e*s-i)/r,h.push([p,f])}return h.length||h.push([0,0]),h},TrimModifier.prototype.releasePathsData=function(t){var e,r=t.length;for(e=0;e<r;e+=1)segments_length_pool.release(t[e]);return t.length=0,t},TrimModifier.prototype.processShapes=function(t){var e,r;if(this._mdf||t){var i=this.o.v%360/360;if(i<0&&(i+=1),e=(this.s.v>1?1:this.s.v<0?0:this.s.v)+i,r=(this.e.v>1?1:this.e.v<0?0:this.e.v)+i,e>r){var s=e;e=r,r=s}e=1e-4*Math.round(1e4*e),r=1e-4*Math.round(1e4*r),this.sValue=e,this.eValue=r}else e=this.sValue,r=this.eValue;var a,n,o,h,l,p,f,m=this.shapes.length,c=0;if(r===e)for(n=0;n<m;n+=1)this.shapes[n].localShapeCollection.releaseShapes(),this.shapes[n].shape._mdf=!0,this.shapes[n].shape.paths=this.shapes[n].localShapeCollection;else if(1===r&&0===e||0===r&&1===e){if(this._mdf)for(n=0;n<m;n+=1)this.shapes[n].pathsData.length=0,this.shapes[n].shape._mdf=!0}else{var d,u,y=[];for(n=0;n<m;n+=1)if(d=this.shapes[n],d.shape._mdf||this._mdf||t||2===this.m){if(a=d.shape.paths,h=a._length,f=0,!d.shape._mdf&&d.pathsData.length)f=d.totalShapeLength;else{for(l=this.releasePathsData(d.pathsData),o=0;o<h;o+=1)p=bez.getSegmentsLength(a.shapes[o]),l.push(p),f+=p.totalLength;d.totalShapeLength=f,d.pathsData=l}c+=f,d.shape._mdf=!0}else d.shape.paths=d.localShapeCollection;var g,v=e,b=r,x=0;for(n=m-1;n>=0;n-=1)if(d=this.shapes[n],d.shape._mdf){for(u=d.localShapeCollection,u.releaseShapes(),2===this.m&&m>1?(g=this.calculateShapeEdges(e,r,d.totalShapeLength,x,c),x+=d.totalShapeLength):g=[[v,b]],h=g.length,o=0;o<h;o+=1){v=g[o][0],b=g[o][1],y.length=0,b<=1?y.push({s:d.totalShapeLength*v,e:d.totalShapeLength*b}):v>=1?y.push({s:d.totalShapeLength*(v-1),e:d.totalShapeLength*(b-1)}):(y.push({s:d.totalShapeLength*v,e:d.totalShapeLength}),y.push({s:0,e:d.totalShapeLength*(b-1)}));var E=this.addShapes(d,y[0]);if(y[0].s!==y[0].e){if(y.length>1){var P=d.shape.paths.shapes[d.shape.paths._length-1];if(P.c){var S=E.pop();this.addPaths(E,u),E=this.addShapes(d,y[1],S)}else this.addPaths(E,u),E=this.addShapes(d,y[1])}this.addPaths(E,u)}}d.shape.paths=u}}},TrimModifier.prototype.addPaths=function(t,e){var r,i=t.length;for(r=0;r<i;r+=1)e.addShape(t[r])},TrimModifier.prototype.addSegment=function(t,e,r,i,s,a,n){s.setXYAt(e[0],e[1],"o",a),s.setXYAt(r[0],r[1],"i",a+1),n&&s.setXYAt(t[0],t[1],"v",a),s.setXYAt(i[0],i[1],"v",a+1)},TrimModifier.prototype.addSegmentFromArray=function(t,e,r,i){e.setXYAt(t[1],t[5],"o",r),e.setXYAt(t[2],t[6],"i",r+1),i&&e.setXYAt(t[0],t[4],"v",r),e.setXYAt(t[3],t[7],"v",r+1)},TrimModifier.prototype.addShapes=function(t,e,r){var i,s,a,n,o,h,l,p,f=t.pathsData,m=t.shape.paths.shapes,c=t.shape.paths._length,d=0,u=[],y=!0;for(r?(o=r._length,p=r._length):(r=shape_pool.newElement(),o=0,p=0),u.push(r),i=0;i<c;i+=1){for(h=f[i].lengths,r.c=m[i].c,a=m[i].c?h.length:h.length+1,s=1;s<a;s+=1)if(n=h[s-1],d+n.addedLength<e.s)d+=n.addedLength,r.c=!1;else{if(d>e.e){r.c=!1;break}e.s<=d&&e.e>=d+n.addedLength?(this.addSegment(m[i].v[s-1],m[i].o[s-1],m[i].i[s],m[i].v[s],r,o,y),y=!1):(l=bez.getNewSegment(m[i].v[s-1],m[i].v[s],m[i].o[s-1],m[i].i[s],(e.s-d)/n.addedLength,(e.e-d)/n.addedLength,h[s-1]),this.addSegmentFromArray(l,r,o,y),y=!1,r.c=!1),d+=n.addedLength,o+=1}if(m[i].c&&h.length){if(n=h[s-1],d<=e.e){var g=h[s-1].addedLength;e.s<=d&&e.e>=d+g?(this.addSegment(m[i].v[s-1],m[i].o[s-1],m[i].i[0],m[i].v[0],r,o,y),y=!1):(l=bez.getNewSegment(m[i].v[s-1],m[i].v[0],m[i].o[s-1],m[i].i[0],(e.s-d)/g,(e.e-d)/g,h[s-1]),this.addSegmentFromArray(l,r,o,y),y=!1,r.c=!1)}else r.c=!1;d+=n.addedLength,o+=1}if(r._length&&(r.setXYAt(r.v[p][0],r.v[p][1],"i",p),r.setXYAt(r.v[r._length-1][0],r.v[r._length-1][1],"o",r._length-1)),d>e.e)break;i<c-1&&(r=shape_pool.newElement(),y=!0,u.push(r),o=0)}return u},ShapeModifiers.registerModifier("tm",TrimModifier),extendPrototype([ShapeModifier],RoundCornersModifier),RoundCornersModifier.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.rd=PropertyFactory.getProp(t,e.r,0,null,this),this._isAnimated=!!this.rd.effectsSequence.length},RoundCornersModifier.prototype.processPath=function(t,e){var r=shape_pool.newElement();r.c=t.c;var i,s,a,n,o,h,l,p,f,m,c,d,u,y=t._length,g=0;for(i=0;i<y;i+=1)s=t.v[i],n=t.o[i],a=t.i[i],s[0]===n[0]&&s[1]===n[1]&&s[0]===a[0]&&s[1]===a[1]?0!==i&&i!==y-1||t.c?(o=0===i?t.v[y-1]:t.v[i-1],h=Math.sqrt(Math.pow(s[0]-o[0],2)+Math.pow(s[1]-o[1],2)),l=h?Math.min(h/2,e)/h:0,p=d=s[0]+(o[0]-s[0])*l,f=u=s[1]-(s[1]-o[1])*l,m=p-(p-s[0])*roundCorner,c=f-(f-s[1])*roundCorner,r.setTripleAt(p,f,m,c,d,u,g),g+=1,o=i===y-1?t.v[0]:t.v[i+1],h=Math.sqrt(Math.pow(s[0]-o[0],2)+Math.pow(s[1]-o[1],2)),l=h?Math.min(h/2,e)/h:0,p=m=s[0]+(o[0]-s[0])*l,f=c=s[1]+(o[1]-s[1])*l,d=p-(p-s[0])*roundCorner,u=f-(f-s[1])*roundCorner,r.setTripleAt(p,f,m,c,d,u,g),g+=1):(r.setTripleAt(s[0],s[1],n[0],n[1],a[0],a[1],g),g+=1):(r.setTripleAt(t.v[i][0],t.v[i][1],t.o[i][0],t.o[i][1],t.i[i][0],t.i[i][1],g),g+=1);return r},RoundCornersModifier.prototype.processShapes=function(t){var e,r,i,s,a=this.shapes.length,n=this.rd.v;if(0!==n){var o,h,l;for(r=0;r<a;r+=1){if(o=this.shapes[r],h=o.shape.paths,l=o.localShapeCollection,o.shape._mdf||this._mdf||t)for(l.releaseShapes(),o.shape._mdf=!0,e=o.shape.paths.shapes,s=o.shape.paths._length,i=0;i<s;i+=1)l.addShape(this.processPath(e[i],n));o.shape.paths=o.localShapeCollection}}this.dynamicProperties.length||(this._mdf=!1)},ShapeModifiers.registerModifier("rd",RoundCornersModifier),extendPrototype([ShapeModifier],RepeaterModifier),RepeaterModifier.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.c=PropertyFactory.getProp(t,e.c,0,null,this),this.o=PropertyFactory.getProp(t,e.o,0,null,this),this.tr=TransformPropertyFactory.getTransformProperty(t,e.tr,this),this.so=PropertyFactory.getProp(t,e.tr.so,0,.01,this),this.eo=PropertyFactory.getProp(t,e.tr.eo,0,.01,this),this.data=e,this.dynamicProperties.length||this.getValue(!0),this._isAnimated=!!this.dynamicProperties.length,this.pMatrix=new Matrix,this.rMatrix=new Matrix,this.sMatrix=new Matrix,this.tMatrix=new Matrix,this.matrix=new Matrix},RepeaterModifier.prototype.applyTransforms=function(t,e,r,i,s,a){var n=a?-1:1,o=i.s.v[0]+(1-i.s.v[0])*(1-s),h=i.s.v[1]+(1-i.s.v[1])*(1-s);t.translate(i.p.v[0]*n*s,i.p.v[1]*n*s,i.p.v[2]),e.translate(-i.a.v[0],-i.a.v[1],i.a.v[2]),e.rotate(-i.r.v*n*s),e.translate(i.a.v[0],i.a.v[1],i.a.v[2]),r.translate(-i.a.v[0],-i.a.v[1],i.a.v[2]),r.scale(a?1/o:o,a?1/h:h),r.translate(i.a.v[0],i.a.v[1],i.a.v[2])},RepeaterModifier.prototype.init=function(t,e,r,i){this.elem=t,this.arr=e,this.pos=r,this.elemsData=i,this._currentCopies=0,this._elements=[],this._groups=[],this.frameId=-1,this.initDynamicPropertyContainer(t),this.initModifierProperties(t,e[r]);for(var s=0;r>0;)r-=1,this._elements.unshift(e[r]),s+=1;this.dynamicProperties.length?this.k=!0:this.getValue(!0)},RepeaterModifier.prototype.resetElements=function(t){var e,r=t.length;for(e=0;e<r;e+=1)t[e]._processed=!1,"gr"===t[e].ty&&this.resetElements(t[e].it)},RepeaterModifier.prototype.cloneElements=function(t){var e=(t.length,JSON.parse(JSON.stringify(t)));return this.resetElements(e),e},RepeaterModifier.prototype.changeGroupRender=function(t,e){var r,i=t.length;for(r=0;r<i;r+=1)t[r]._render=e,"gr"===t[r].ty&&this.changeGroupRender(t[r].it,e)},RepeaterModifier.prototype.processShapes=function(t){var e,r,i,s,a;if(this._mdf||t){var n=Math.ceil(this.c.v);if(this._groups.length<n){for(;this._groups.length<n;){var o={it:this.cloneElements(this._elements),ty:"gr"};o.it.push({a:{a:0,ix:1,k:[0,0]},nm:"Transform",o:{a:0,ix:7,k:100},p:{a:0,ix:2,k:[0,0]},r:{a:1,ix:6,k:[{s:0,e:0,t:0},{s:0,e:0,t:1}]},s:{a:0,ix:3,k:[100,100]},sa:{a:0,ix:5,k:0},sk:{a:0,ix:4,k:0},ty:"tr"}),this.arr.splice(0,0,o),this._groups.splice(0,0,o),this._currentCopies+=1}this.elem.reloadShapes()}a=0;var h;for(i=0;i<=this._groups.length-1;i+=1)h=a<n,this._groups[i]._render=h,this.changeGroupRender(this._groups[i].it,h),a+=1;this._currentCopies=n;var l=this.o.v,p=l%1,f=l>0?Math.floor(l):Math.ceil(l),m=(this.tr.v.props,this.pMatrix.props),c=this.rMatrix.props,d=this.sMatrix.props;this.pMatrix.reset(),this.rMatrix.reset(),this.sMatrix.reset(),this.tMatrix.reset(),this.matrix.reset();var u=0;if(l>0){for(;u<f;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),u+=1;p&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,p,!1),u+=p)}else if(l<0){for(;u>f;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!0),u-=1;p&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,-p,!0),u-=p)}i=1===this.data.m?0:this._currentCopies-1,s=1===this.data.m?1:-1,a=this._currentCopies;for(var y,g;a;){if(e=this.elemsData[i].it,r=e[e.length-1].transform.mProps.v.props,g=r.length,e[e.length-1].transform.mProps._mdf=!0,e[e.length-1].transform.op._mdf=!0,e[e.length-1].transform.op.v=this.so.v+(this.eo.v-this.so.v)*(i/(this._currentCopies-1)),0!==u){for((0!==i&&1===s||i!==this._currentCopies-1&&s===-1)&&this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),this.matrix.transform(c[0],c[1],c[2],c[3],c[4],c[5],c[6],c[7],c[8],c[9],c[10],c[11],c[12],c[13],c[14],c[15]),this.matrix.transform(d[0],d[1],d[2],d[3],d[4],d[5],d[6],d[7],d[8],d[9],d[10],d[11],d[12],d[13],d[14],d[15]),this.matrix.transform(m[0],m[1],m[2],m[3],m[4],m[5],m[6],m[7],m[8],m[9],m[10],m[11],m[12],m[13],m[14],m[15]),y=0;y<g;y+=1)r[y]=this.matrix.props[y];this.matrix.reset()}else for(this.matrix.reset(),y=0;y<g;y+=1)r[y]=this.matrix.props[y];u+=1,a-=1,i+=s}}else for(a=this._currentCopies,i=0,s=1;a;)e=this.elemsData[i].it,r=e[e.length-1].transform.mProps.v.props,e[e.length-1].transform.mProps._mdf=!1,e[e.length-1].transform.op._mdf=!1,a-=1,i+=s},RepeaterModifier.prototype.addShape=function(){},ShapeModifiers.registerModifier("rp",RepeaterModifier),ShapeCollection.prototype.addShape=function(t){this._length===this._maxLength&&(this.shapes=this.shapes.concat(createSizedArray(this._maxLength)),this._maxLength*=2),this.shapes[this._length]=t,this._length+=1},ShapeCollection.prototype.releaseShapes=function(){var t;for(t=0;t<this._length;t+=1)shape_pool.release(this.shapes[t]);this._length=0},DashProperty.prototype.getValue=function(t){if((this.elem.globalData.frameId!==this.frameId||t)&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf=this._mdf||t,this._mdf)){var e=0,r=this.dataProps.length;for("svg"===this.renderer&&(this.dashStr=""),e=0;e<r;e+=1)"o"!=this.dataProps[e].n?"svg"===this.renderer?this.dashStr+=" "+this.dataProps[e].p.v:this.dashArray[e]=this.dataProps[e].p.v:this.dashoffset[0]=this.dataProps[e].p.v}},extendPrototype([DynamicPropertyContainer],DashProperty),GradientProperty.prototype.comparePoints=function(t,e){for(var r,i=0,s=this.o.length/2;i<s;){if(r=Math.abs(t[4*i]-t[4*e+2*i]),r>.01)return!1;i+=1}return!0},GradientProperty.prototype.checkCollapsable=function(){if(this.o.length/2!==this.c.length/4)return!1;if(this.data.k.k[0].s)for(var t=0,e=this.data.k.k.length;t<e;){if(!this.comparePoints(this.data.k.k[t].s,this.data.p))return!1;t+=1}else if(!this.comparePoints(this.data.k.k,this.data.p))return!1;return!0},GradientProperty.prototype.getValue=function(t){if(this.prop.getValue(),this._mdf=!1,this._cmdf=!1,this._omdf=!1,this.prop._mdf||t){var e,r,i,s=4*this.data.p;for(e=0;e<s;e+=1)r=e%4===0?100:255,i=Math.round(this.prop.v[e]*r),this.c[e]!==i&&(this.c[e]=i,this._cmdf=!t);if(this.o.length)for(s=this.prop.v.length,e=4*this.data.p;e<s;e+=1)r=e%2===0?100:1,i=e%2===0?Math.round(100*this.prop.v[e]):this.prop.v[e],this.o[e-4*this.data.p]!==i&&(this.o[e-4*this.data.p]=i,this._omdf=!t);this._mdf=!t}},extendPrototype([DynamicPropertyContainer],GradientProperty);var buildShapeString=function(t,e,r,i){if(0===e)return"";var s,a=t.o,n=t.i,o=t.v,h=" M"+i.applyToPointStringified(o[0][0],o[0][1]);for(s=1;s<e;s+=1)h+=" C"+i.applyToPointStringified(a[s-1][0],a[s-1][1])+" "+i.applyToPointStringified(n[s][0],n[s][1])+" "+i.applyToPointStringified(o[s][0],o[s][1]);return r&&e&&(h+=" C"+i.applyToPointStringified(a[s-1][0],a[s-1][1])+" "+i.applyToPointStringified(n[0][0],n[0][1])+" "+i.applyToPointStringified(o[0][0],o[0][1]),h+="z"),h},ImagePreloader=function(){function t(){this.loadedAssets+=1,this.loadedAssets===this.totalImages&&this.imagesLoadedCb&&this.imagesLoadedCb(null)}function e(t,e,r){var i="";if(t.e)i=t.p;else if(e){var s=t.p;s.indexOf("images/")!==-1&&(s=s.split("/")[1]),i=e+s}else i=r,i+=t.u?t.u:"",i+=t.p;return i}function r(t){var r=e(t,this.assetsPath,this.path),i=createTag("img");i.crossOrigin="anonymous",i.addEventListener("load",this._imageLoaded.bind(this),!1),i.addEventListener("error",function(){s.img=l,this._imageLoaded()}.bind(this),!1),i.src=r;var s={img:i,assetData:t};return s}function i(t,e){this.imagesLoadedCb=e;var r,i=t.length;for(r=0;r<i;r+=1)t[r].layers||(this.totalImages+=1,this.images.push(this._createImageData(t[r])))}function s(t){this.path=t||""}function a(t){this.assetsPath=t||""}function n(t){for(var e=0,r=this.images.length;e<r;){if(this.images[e].assetData===t)return this.images[e].img;e+=1}}function o(){this.imagesLoadedCb=null,this.images.length=0}function h(){return this.totalImages===this.loadedAssets}var l=function(){var t=createTag("canvas");t.width=1,t.height=1;var e=t.getContext("2d");return e.fillStyle="#FF0000",e.fillRect(0,0,1,1),t}();return function(){this.loadAssets=i,this.setAssetsPath=a,this.setPath=s,this.loaded=h,this.destroy=o,this.getImage=n,this._createImageData=r,this._imageLoaded=t,this.assetsPath="",this.path="",this.totalImages=0,this.loadedAssets=0,this.imagesLoadedCb=null,this.images=[]}}(),featureSupport=function(){var t={maskType:!0};return(/MSIE 10/i.test(navigator.userAgent)||/MSIE 9/i.test(navigator.userAgent)||/rv:11.0/i.test(navigator.userAgent)||/Edge\/\d./i.test(navigator.userAgent))&&(t.maskType=!1),t}(),filtersFactory=function(){function t(t){var e=createNS("filter");return e.setAttribute("id",t),e.setAttribute("filterUnits","objectBoundingBox"),e.setAttribute("x","0%"),e.setAttribute("y","0%"),e.setAttribute("width","100%"),e.setAttribute("height","100%"),e}function e(){var t=createNS("feColorMatrix");return t.setAttribute("type","matrix"),t.setAttribute("color-interpolation-filters","sRGB"),t.setAttribute("values","0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1"),t}var r={};return r.createFilter=t,r.createAlphaToLuminanceFilter=e,r}(),assetLoader=function(){function t(t){return t.response&&"object"==typeof t.response?t.response:t.response&&"string"==typeof t.response?JSON.parse(t.response):t.responseText?JSON.parse(t.responseText):void 0}function e(e,r,i){var s,a=new XMLHttpRequest;a.open("GET",e,!0),a.responseType="json",a.send(),a.onreadystatechange=function(){if(4==a.readyState)if(200==a.status)s=t(a),r(s);else try{s=t(a),r(s)}catch(e){i&&i(e)}}}return{load:e}}();TextAnimatorProperty.prototype.searchProperties=function(){var t,e,r=this._textData.a.length,i=PropertyFactory.getProp;for(t=0;t<r;t+=1)e=this._textData.a[t],this._animatorsData[t]=new TextAnimatorDataProperty(this._elem,e,this);this._textData.p&&"m"in this._textData.p?(this._pathData={f:i(this._elem,this._textData.p.f,0,0,this),l:i(this._elem,this._textData.p.l,0,0,this),r:this._textData.p.r,m:this._elem.maskManager.getMaskProperty(this._textData.p.m)},this._hasMaskedPath=!0):this._hasMaskedPath=!1,this._moreOptions.alignment=i(this._elem,this._textData.m.a,1,0,this)},TextAnimatorProperty.prototype.getMeasures=function(t,e){if(this.lettersChangedFlag=e,this._mdf||this._isFirstFrame||e||this._hasMaskedPath&&this._pathData.m._mdf){this._isFirstFrame=!1;var r,i,s,a,n,o,h,l,p,f,m,c,d,u,y,g,v,b,x,E=this._moreOptions.alignment.v,P=this._animatorsData,S=this._textData,_=this.mHelper,C=this._renderType,A=this.renderedLetters.length,T=(this.data,t.l);if(this._hasMaskedPath){if(x=this._pathData.m,!this._pathData.n||this._pathData._mdf){var k=x.v;this._pathData.r&&(k=k.reverse()),n={tLength:0,segments:[]},a=k._length-1;var M;for(g=0,s=0;s<a;s+=1)M={s:k.v[s],e:k.v[s+1],to:[k.o[s][0]-k.v[s][0],k.o[s][1]-k.v[s][1]],ti:[k.i[s+1][0]-k.v[s+1][0],k.i[s+1][1]-k.v[s+1][1]]},bez.buildBezierData(M),n.tLength+=M.bezierData.segmentLength,n.segments.push(M),g+=M.bezierData.segmentLength;s=a,x.v.c&&(M={s:k.v[s],e:k.v[0],to:[k.o[s][0]-k.v[s][0],k.o[s][1]-k.v[s][1]],ti:[k.i[0][0]-k.v[0][0],k.i[0][1]-k.v[0][1]]},bez.buildBezierData(M),n.tLength+=M.bezierData.segmentLength,n.segments.push(M),g+=M.bezierData.segmentLength),this._pathData.pi=n}if(n=this._pathData.pi,o=this._pathData.f.v,m=0,f=1,l=0,p=!0,u=n.segments,o<0&&x.v.c)for(n.tLength<Math.abs(o)&&(o=-Math.abs(o)%n.tLength),m=u.length-1,d=u[m].bezierData.points,f=d.length-1;o<0;)o+=d[f].partialLength,f-=1,f<0&&(m-=1,d=u[m].bezierData.points,f=d.length-1);d=u[m].bezierData.points,c=d[f-1],h=d[f],y=h.partialLength}a=T.length,r=0,i=0;var D,w,F,I,V,R=1.2*t.finalSize*.714,B=!0;I=P.length;var L,G,z,N,O,H,j,q,W,Y,X,K,$,J=-1,Z=o,U=m,Q=f,tt=-1,et=0,rt="",it=this.defaultPropsArray;if(2===t.j||1===t.j){var st=0,at=0,nt=2===t.j?-.5:-1,ot=0,ht=!0;for(s=0;s<a;s+=1)if(T[s].n){for(st&&(st+=at);ot<s;)T[ot].animatorJustifyOffset=st,ot+=1;st=0,ht=!0}else{for(F=0;F<I;F+=1)D=P[F].a,D.t.propType&&(ht&&2===t.j&&(at+=D.t.v*nt),w=P[F].s,L=w.getMult(T[s].anIndexes[F],S.a[F].s.totalChars),st+=L.length?D.t.v*L[0]*nt:D.t.v*L*nt);ht=!1}for(st&&(st+=at);ot<s;)T[ot].animatorJustifyOffset=st,ot+=1}for(s=0;s<a;s+=1){if(_.reset(),O=1,T[s].n)r=0,i+=t.yOffset,i+=B?1:0,o=Z,B=!1,et=0,this._hasMaskedPath&&(m=U,f=Q,d=u[m].bezierData.points,c=d[f-1],h=d[f],y=h.partialLength,l=0),$=Y=K=rt="",it=this.defaultPropsArray;else{if(this._hasMaskedPath){if(tt!==T[s].line){switch(t.j){case 1:o+=g-t.lineWidths[T[s].line];break;case 2:o+=(g-t.lineWidths[T[s].line])/2}tt=T[s].line}J!==T[s].ind&&(T[J]&&(o+=T[J].extra),o+=T[s].an/2,J=T[s].ind),o+=E[0]*T[s].an/200;var lt=0;for(F=0;F<I;F+=1)D=P[F].a,D.p.propType&&(w=P[F].s,L=w.getMult(T[s].anIndexes[F],S.a[F].s.totalChars),lt+=L.length?D.p.v[0]*L[0]:D.p.v[0]*L),D.a.propType&&(w=P[F].s,L=w.getMult(T[s].anIndexes[F],S.a[F].s.totalChars),lt+=L.length?D.a.v[0]*L[0]:D.a.v[0]*L);for(p=!0;p;)l+y>=o+lt||!d?(v=(o+lt-l)/h.partialLength,z=c.point[0]+(h.point[0]-c.point[0])*v,N=c.point[1]+(h.point[1]-c.point[1])*v,_.translate(-E[0]*T[s].an/200,-(E[1]*R/100)),p=!1):d&&(l+=h.partialLength,f+=1,f>=d.length&&(f=0,m+=1,u[m]?d=u[m].bezierData.points:x.v.c?(f=0,m=0,d=u[m].bezierData.points):(l-=h.partialLength,d=null)),d&&(c=h,h=d[f],y=h.partialLength));G=T[s].an/2-T[s].add,_.translate(-G,0,0)}else G=T[s].an/2-T[s].add,_.translate(-G,0,0),_.translate(-E[0]*T[s].an/200,-E[1]*R/100,0);for(et+=T[s].l/2,F=0;F<I;F+=1)D=P[F].a,D.t.propType&&(w=P[F].s,L=w.getMult(T[s].anIndexes[F],S.a[F].s.totalChars),0===r&&0===t.j||(this._hasMaskedPath?o+=L.length?D.t.v*L[0]:D.t.v*L:r+=L.length?D.t.v*L[0]:D.t.v*L));for(et+=T[s].l/2,t.strokeWidthAnim&&(j=t.sw||0),t.strokeColorAnim&&(H=t.sc?[t.sc[0],t.sc[1],t.sc[2]]:[0,0,0]),t.fillColorAnim&&t.fc&&(q=[t.fc[0],t.fc[1],t.fc[2]]),F=0;F<I;F+=1)D=P[F].a,D.a.propType&&(w=P[F].s,L=w.getMult(T[s].anIndexes[F],S.a[F].s.totalChars),L.length?_.translate(-D.a.v[0]*L[0],-D.a.v[1]*L[1],D.a.v[2]*L[2]):_.translate(-D.a.v[0]*L,-D.a.v[1]*L,D.a.v[2]*L));for(F=0;F<I;F+=1)D=P[F].a,D.s.propType&&(w=P[F].s,L=w.getMult(T[s].anIndexes[F],S.a[F].s.totalChars),L.length?_.scale(1+(D.s.v[0]-1)*L[0],1+(D.s.v[1]-1)*L[1],1):_.scale(1+(D.s.v[0]-1)*L,1+(D.s.v[1]-1)*L,1));for(F=0;F<I;F+=1){if(D=P[F].a,w=P[F].s,L=w.getMult(T[s].anIndexes[F],S.a[F].s.totalChars),D.sk.propType&&(L.length?_.skewFromAxis(-D.sk.v*L[0],D.sa.v*L[1]):_.skewFromAxis(-D.sk.v*L,D.sa.v*L)),D.r.propType&&(L.length?_.rotateZ(-D.r.v*L[2]):_.rotateZ(-D.r.v*L)),D.ry.propType&&(L.length?_.rotateY(D.ry.v*L[1]):_.rotateY(D.ry.v*L)),D.rx.propType&&(L.length?_.rotateX(D.rx.v*L[0]):_.rotateX(D.rx.v*L)),D.o.propType&&(O+=L.length?(D.o.v*L[0]-O)*L[0]:(D.o.v*L-O)*L),t.strokeWidthAnim&&D.sw.propType&&(j+=L.length?D.sw.v*L[0]:D.sw.v*L),t.strokeColorAnim&&D.sc.propType)for(W=0;W<3;W+=1)L.length?H[W]=H[W]+(D.sc.v[W]-H[W])*L[0]:H[W]=H[W]+(D.sc.v[W]-H[W])*L;if(t.fillColorAnim&&t.fc){if(D.fc.propType)for(W=0;W<3;W+=1)L.length?q[W]=q[W]+(D.fc.v[W]-q[W])*L[0]:q[W]=q[W]+(D.fc.v[W]-q[W])*L;D.fh.propType&&(q=L.length?addHueToRGB(q,D.fh.v*L[0]):addHueToRGB(q,D.fh.v*L)),D.fs.propType&&(q=L.length?addSaturationToRGB(q,D.fs.v*L[0]):addSaturationToRGB(q,D.fs.v*L)),D.fb.propType&&(q=L.length?addBrightnessToRGB(q,D.fb.v*L[0]):addBrightnessToRGB(q,D.fb.v*L))}}for(F=0;F<I;F+=1)D=P[F].a,D.p.propType&&(w=P[F].s,L=w.getMult(T[s].anIndexes[F],S.a[F].s.totalChars),this._hasMaskedPath?L.length?_.translate(0,D.p.v[1]*L[0],-D.p.v[2]*L[1]):_.translate(0,D.p.v[1]*L,-D.p.v[2]*L):L.length?_.translate(D.p.v[0]*L[0],D.p.v[1]*L[1],-D.p.v[2]*L[2]):_.translate(D.p.v[0]*L,D.p.v[1]*L,-D.p.v[2]*L));if(t.strokeWidthAnim&&(Y=j<0?0:j),t.strokeColorAnim&&(X="rgb("+Math.round(255*H[0])+","+Math.round(255*H[1])+","+Math.round(255*H[2])+")"),t.fillColorAnim&&t.fc&&(K="rgb("+Math.round(255*q[0])+","+Math.round(255*q[1])+","+Math.round(255*q[2])+")"),this._hasMaskedPath){if(_.translate(0,-t.ls),_.translate(0,E[1]*R/100+i,0),S.p.p){b=(h.point[1]-c.point[1])/(h.point[0]-c.point[0]);var pt=180*Math.atan(b)/Math.PI;h.point[0]<c.point[0]&&(pt+=180),_.rotate(-pt*Math.PI/180)}_.translate(z,N,0),o-=E[0]*T[s].an/200,T[s+1]&&J!==T[s+1].ind&&(o+=T[s].an/2,o+=t.tr/1e3*t.finalSize)}else{switch(_.translate(r,i,0),t.ps&&_.translate(t.ps[0],t.ps[1]+t.ascent,0),t.j){case 1:_.translate(T[s].animatorJustifyOffset+t.justifyOffset+(t.boxWidth-t.lineWidths[T[s].line]),0,0);break;case 2:_.translate(T[s].animatorJustifyOffset+t.justifyOffset+(t.boxWidth-t.lineWidths[T[s].line])/2,0,0)}_.translate(0,-t.ls),_.translate(G,0,0),_.translate(E[0]*T[s].an/200,E[1]*R/100,0),r+=T[s].l+t.tr/1e3*t.finalSize}"html"===C?rt=_.toCSS():"svg"===C?rt=_.to2dCSS():it=[_.props[0],_.props[1],_.props[2],_.props[3],_.props[4],_.props[5],_.props[6],_.props[7],_.props[8],_.props[9],_.props[10],_.props[11],_.props[12],_.props[13],_.props[14],_.props[15]],$=O}A<=s?(V=new LetterProps($,Y,X,K,rt,it),this.renderedLetters.push(V),A+=1,this.lettersChangedFlag=!0):(V=this.renderedLetters[s],this.lettersChangedFlag=V.update($,Y,X,K,rt,it)||this.lettersChangedFlag)}}},TextAnimatorProperty.prototype.getValue=function(){this._elem.globalData.frameId!==this._frameId&&(this._frameId=this._elem.globalData.frameId,this.iterateDynamicProperties())},TextAnimatorProperty.prototype.mHelper=new Matrix,TextAnimatorProperty.prototype.defaultPropsArray=[],extendPrototype([DynamicPropertyContainer],TextAnimatorProperty),LetterProps.prototype.update=function(t,e,r,i,s,a){this._mdf.o=!1,this._mdf.sw=!1,this._mdf.sc=!1,this._mdf.fc=!1,this._mdf.m=!1,this._mdf.p=!1;var n=!1;return this.o!==t&&(this.o=t,this._mdf.o=!0,n=!0),this.sw!==e&&(this.sw=e,this._mdf.sw=!0,n=!0),this.sc!==r&&(this.sc=r,this._mdf.sc=!0,n=!0),this.fc!==i&&(this.fc=i,this._mdf.fc=!0,n=!0),this.m!==s&&(this.m=s,this._mdf.m=!0,n=!0),!a.length||this.p[0]===a[0]&&this.p[1]===a[1]&&this.p[4]===a[4]&&this.p[5]===a[5]&&this.p[12]===a[12]&&this.p[13]===a[13]||(this.p=a,this._mdf.p=!0,n=!0),n},TextProperty.prototype.defaultBoxWidth=[0,0],TextProperty.prototype.copyData=function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r]);return t},TextProperty.prototype.setCurrentData=function(t){t.__complete||this.completeTextData(t),this.currentData=t,this.currentData.boxWidth=this.currentData.boxWidth||this.defaultBoxWidth,this._mdf=!0},TextProperty.prototype.searchProperty=function(){return this.searchKeyframes()},TextProperty.prototype.searchKeyframes=function(){return this.kf=this.data.d.k.length>1,
-this.kf&&this.addEffect(this.getKeyframeValue.bind(this)),this.kf},TextProperty.prototype.addEffect=function(t){this.effectsSequence.push(t),this.elem.addDynamicProperty(this)},TextProperty.prototype.getValue=function(t){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length||t){this.currentData.t=this.data.d.k[this.keysIndex].s.t;var e=this.currentData,r=this.keysIndex;if(this.lock)return void this.setCurrentData(this.currentData);this.lock=!0,this._mdf=!1;var i,s=this.effectsSequence.length,a=t||this.data.d.k[this.keysIndex].s;for(i=0;i<s;i+=1)a=r!==this.keysIndex?this.effectsSequence[i](a,a.t):this.effectsSequence[i](this.currentData,a.t);e!==a&&this.setCurrentData(a),this.pv=this.v=this.currentData,this.lock=!1,this.frameId=this.elem.globalData.frameId}},TextProperty.prototype.getKeyframeValue=function(){for(var t,e=this.data.d.k,r=this.elem.comp.renderedFrame,i=0,s=e.length;i<=s-1&&(t=e[i].s,!(i===s-1||e[i+1].t>r));)i+=1;return this.keysIndex!==i&&(this.keysIndex=i),this.data.d.k[this.keysIndex].s},TextProperty.prototype.buildFinalText=function(t){for(var e=FontManager.getCombinedCharacterCodes(),r=[],i=0,s=t.length;i<s;)e.indexOf(t.charCodeAt(i))!==-1?r[r.length-1]+=t.charAt(i):r.push(t.charAt(i)),i+=1;return r},TextProperty.prototype.completeTextData=function(t){t.__complete=!0;var e,r,i,s,a,n,o,h=this.elem.globalData.fontManager,l=this.data,p=[],f=0,m=l.m.g,c=0,d=0,u=0,y=[],g=0,v=0,b=h.getFontByName(t.f),x=0,E=b.fStyle?b.fStyle.split(" "):[],P="normal",S="normal";r=E.length;var _;for(e=0;e<r;e+=1)switch(_=E[e].toLowerCase()){case"italic":S="italic";break;case"bold":P="700";break;case"black":P="900";break;case"medium":P="500";break;case"regular":case"normal":P="400";break;case"light":case"thin":P="200"}t.fWeight=b.fWeight||P,t.fStyle=S,r=t.t.length,t.finalSize=t.s,t.finalText=this.buildFinalText(t.t),t.finalLineHeight=t.lh;var C,A=t.tr/1e3*t.finalSize;if(t.sz)for(var T,k,M=!0,D=t.sz[0],w=t.sz[1];M;){k=this.buildFinalText(t.t),T=0,g=0,r=k.length,A=t.tr/1e3*t.finalSize;var F=-1;for(e=0;e<r;e+=1)C=k[e].charCodeAt(0),i=!1," "===k[e]?F=e:13!==C&&3!==C||(g=0,i=!0,T+=t.finalLineHeight||1.2*t.finalSize),h.chars?(o=h.getCharData(k[e],b.fStyle,b.fFamily),x=i?0:o.w*t.finalSize/100):x=h.measureText(k[e],t.f,t.finalSize),g+x>D&&" "!==k[e]?(F===-1?r+=1:e=F,T+=t.finalLineHeight||1.2*t.finalSize,k.splice(e,F===e?1:0,"\r"),F=-1,g=0):(g+=x,g+=A);T+=b.ascent*t.finalSize/100,this.canResize&&t.finalSize>this.minimumFontSize&&w<T?(t.finalSize-=1,t.finalLineHeight=t.finalSize*t.lh/t.s):(t.finalText=k,r=t.finalText.length,M=!1)}g=-A,x=0;var I,V=0;for(e=0;e<r;e+=1)if(i=!1,I=t.finalText[e],C=I.charCodeAt(0)," "===I?s="\xa0":13===C||3===C?(V=0,y.push(g),v=g>v?g:v,g=-2*A,s="",i=!0,u+=1):s=t.finalText[e],h.chars?(o=h.getCharData(I,b.fStyle,h.getFontByName(t.f).fFamily),x=i?0:o.w*t.finalSize/100):x=h.measureText(s,t.f,t.finalSize)," "===I?V+=x+A:(g+=x+A+V,V=0),p.push({l:x,an:x,add:c,n:i,anIndexes:[],val:s,line:u,animatorJustifyOffset:0}),2==m){if(c+=x,""===s||"\xa0"===s||e===r-1){for(""!==s&&"\xa0"!==s||(c-=x);d<=e;)p[d].an=c,p[d].ind=f,p[d].extra=x,d+=1;f+=1,c=0}}else if(3==m){if(c+=x,""===s||e===r-1){for(""===s&&(c-=x);d<=e;)p[d].an=c,p[d].ind=f,p[d].extra=x,d+=1;c=0,f+=1}}else p[f].ind=f,p[f].extra=0,f+=1;if(t.l=p,v=g>v?g:v,y.push(g),t.sz)t.boxWidth=t.sz[0],t.justifyOffset=0;else switch(t.boxWidth=v,t.j){case 1:t.justifyOffset=-t.boxWidth;break;case 2:t.justifyOffset=-t.boxWidth/2;break;default:t.justifyOffset=0}t.lineWidths=y;var R,B,L=l.a;n=L.length;var G,z,N=[];for(a=0;a<n;a+=1){for(R=L[a],R.a.sc&&(t.strokeColorAnim=!0),R.a.sw&&(t.strokeWidthAnim=!0),(R.a.fc||R.a.fh||R.a.fs||R.a.fb)&&(t.fillColorAnim=!0),z=0,G=R.s.b,e=0;e<r;e+=1)B=p[e],B.anIndexes[a]=z,(1==G&&""!==B.val||2==G&&""!==B.val&&"\xa0"!==B.val||3==G&&(B.n||"\xa0"==B.val||e==r-1)||4==G&&(B.n||e==r-1))&&(1===R.s.rn&&N.push(z),z+=1);l.a[a].s.totalChars=z;var O,H=-1;if(1===R.s.rn)for(e=0;e<r;e+=1)B=p[e],H!=B.anIndexes[a]&&(H=B.anIndexes[a],O=N.splice(Math.floor(Math.random()*N.length),1)[0]),B.anIndexes[a]=O}t.yOffset=t.finalLineHeight||1.2*t.finalSize,t.ls=t.ls||0,t.ascent=b.ascent*t.finalSize/100},TextProperty.prototype.updateDocumentData=function(t,e){e=void 0===e?this.keysIndex:e;var r=this.copyData({},this.data.d.k[e].s);r=this.copyData(r,t),this.data.d.k[e].s=r,this.recalculate(e),this.elem.addDynamicProperty(this)},TextProperty.prototype.recalculate=function(t){var e=this.data.d.k[t].s;e.__complete=!1,this.keysIndex=0,this._isFirstFrame=!0,this.getValue(e)},TextProperty.prototype.canResizeFont=function(t){this.canResize=t,this.recalculate(this.keysIndex),this.elem.addDynamicProperty(this)},TextProperty.prototype.setMinimumFontSize=function(t){this.minimumFontSize=Math.floor(t)||1,this.recalculate(this.keysIndex),this.elem.addDynamicProperty(this)};var TextSelectorProp=function(){function t(t,e){this._currentTextLength=-1,this.k=!1,this.data=e,this.elem=t,this.comp=t.comp,this.finalS=0,this.finalE=0,this.initDynamicPropertyContainer(t),this.s=PropertyFactory.getProp(t,e.s||{k:0},0,0,this),"e"in e?this.e=PropertyFactory.getProp(t,e.e,0,0,this):this.e={v:100},this.o=PropertyFactory.getProp(t,e.o||{k:0},0,0,this),this.xe=PropertyFactory.getProp(t,e.xe||{k:0},0,0,this),this.ne=PropertyFactory.getProp(t,e.ne||{k:0},0,0,this),this.a=PropertyFactory.getProp(t,e.a,0,.01,this),this.dynamicProperties.length||this.getValue()}function e(e,r,i){return new t(e,r,i)}var r=Math.max,i=Math.min,s=Math.floor;return t.prototype={getMult:function(t){this._currentTextLength!==this.elem.textProperty.currentData.l.length&&this.getValue();var e=BezierFactory.getBezierEasing(this.ne.v/100,0,1-this.xe.v/100,1).get,a=0,n=this.finalS,o=this.finalE,h=this.data.sh;if(2==h)a=o===n?t>=o?1:0:r(0,i(.5/(o-n)+(t-n)/(o-n),1)),a=e(a);else if(3==h)a=o===n?t>=o?0:1:1-r(0,i(.5/(o-n)+(t-n)/(o-n),1)),a=e(a);else if(4==h)o===n?a=0:(a=r(0,i(.5/(o-n)+(t-n)/(o-n),1)),a<.5?a*=2:a=1-2*(a-.5)),a=e(a);else if(5==h){if(o===n)a=0;else{var l=o-n;t=i(r(0,t+.5-n),o-n);var p=-l/2+t,f=l/2;a=Math.sqrt(1-p*p/(f*f))}a=e(a)}else 6==h?(o===n?a=0:(t=i(r(0,t+.5-n),o-n),a=(1+Math.cos(Math.PI+2*Math.PI*t/(o-n)))/2),a=e(a)):(t>=s(n)&&(a=t-n<0?1-(n-t):r(0,i(o-t,1))),a=e(a));return a*this.a.v},getValue:function(t){this.iterateDynamicProperties(),this._mdf=t||this._mdf,this._currentTextLength=this.elem.textProperty.currentData.l.length||0,t&&2===this.data.r&&(this.e.v=this._currentTextLength);var e=2===this.data.r?1:100/this.data.totalChars,r=this.o.v/e,i=this.s.v/e+r,s=this.e.v/e+r;if(i>s){var a=i;i=s,s=a}this.finalS=i,this.finalE=s}},extendPrototype([DynamicPropertyContainer],t),{getTextSelectorProp:e}}(),pool_factory=function(){return function(t,e,r,i){function s(){var t;return n?(n-=1,t=h[n]):t=e(),t}function a(t){n===o&&(h=pooling["double"](h),o=2*o),r&&r(t),h[n]=t,n+=1}var n=0,o=t,h=createSizedArray(o),l={newElement:s,release:a};return l}}(),pooling=function(){function t(t){return t.concat(createSizedArray(t.length))}return{"double":t}}(),point_pool=function(){function t(){return createTypedArray("float32",2)}return pool_factory(8,t)}(),shape_pool=function(){function t(){return new ShapePath}function e(t){var e,r=t._length;for(e=0;e<r;e+=1)point_pool.release(t.v[e]),point_pool.release(t.i[e]),point_pool.release(t.o[e]),t.v[e]=null,t.i[e]=null,t.o[e]=null;t._length=0,t.c=!1}function r(t){var e,r=i.newElement(),s=void 0===t._length?t.v.length:t._length;r.setLength(s),r.c=t.c;for(e=0;e<s;e+=1)r.setTripleAt(t.v[e][0],t.v[e][1],t.o[e][0],t.o[e][1],t.i[e][0],t.i[e][1],e);return r}var i=pool_factory(4,t,e);return i.clone=r,i}(),shapeCollection_pool=function(){function t(){var t;return i?(i-=1,t=a[i]):t=new ShapeCollection,t}function e(t){var e,r=t._length;for(e=0;e<r;e+=1)shape_pool.release(t.shapes[e]);t._length=0,i===s&&(a=pooling["double"](a),s=2*s),a[i]=t,i+=1}var r={newShapeCollection:t,release:e},i=0,s=4,a=createSizedArray(s);return r}(),segments_length_pool=function(){function t(){return{lengths:[],totalLength:0}}function e(t){var e,r=t.lengths.length;for(e=0;e<r;e+=1)bezier_length_pool.release(t.lengths[e]);t.lengths.length=0}return pool_factory(8,t,e)}(),bezier_length_pool=function(){function t(){return{addedLength:0,percents:createTypedArray("float32",defaultCurveSegments),lengths:createTypedArray("float32",defaultCurveSegments)}}return pool_factory(8,t)}();BaseRenderer.prototype.checkLayers=function(t){var e,r,i=this.layers.length;for(this.completeLayers=!0,e=i-1;e>=0;e--)this.elements[e]||(r=this.layers[e],r.ip-r.st<=t-this.layers[e].st&&r.op-r.st>t-this.layers[e].st&&this.buildItem(e)),this.completeLayers=!!this.elements[e]&&this.completeLayers;this.checkPendingElements()},BaseRenderer.prototype.createItem=function(t){switch(t.ty){case 2:return this.createImage(t);case 0:return this.createComp(t);case 1:return this.createSolid(t);case 3:return this.createNull(t);case 4:return this.createShape(t);case 5:return this.createText(t);case 13:return this.createCamera(t)}return this.createNull(t)},BaseRenderer.prototype.createCamera=function(){throw new Error("You're using a 3d camera. Try the html renderer.")},BaseRenderer.prototype.buildAllItems=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)this.buildItem(t);this.checkPendingElements()},BaseRenderer.prototype.includeLayers=function(t){this.completeLayers=!1;var e,r,i=t.length,s=this.layers.length;for(e=0;e<i;e+=1)for(r=0;r<s;){if(this.layers[r].id==t[e].id){this.layers[r]=t[e];break}r+=1}},BaseRenderer.prototype.setProjectInterface=function(t){this.globalData.projectInterface=t},BaseRenderer.prototype.initItems=function(){this.globalData.progressiveLoad||this.buildAllItems()},BaseRenderer.prototype.buildElementParenting=function(t,e,r){for(var i=this.elements,s=this.layers,a=0,n=s.length;a<n;)s[a].ind==e&&(i[a]&&i[a]!==!0?(r.push(i[a]),i[a].setAsParent(),void 0!==s[a].parent?this.buildElementParenting(t,s[a].parent,r):t.setHierarchy(r)):(this.buildItem(a),this.addPendingElement(t))),a+=1},BaseRenderer.prototype.addPendingElement=function(t){this.pendingElements.push(t)},BaseRenderer.prototype.searchExtraCompositions=function(t){var e,r=t.length;for(e=0;e<r;e+=1)if(t[e].xt){var i=this.createComp(t[e]);i.initExpressions(),this.globalData.projectInterface.registerComposition(i)}},BaseRenderer.prototype.setupGlobalData=function(t,e){this.globalData.fontManager=new FontManager,this.globalData.fontManager.addChars(t.chars),this.globalData.fontManager.addFonts(t.fonts,e),this.globalData.getAssetData=this.animationItem.getAssetData.bind(this.animationItem),this.globalData.getAssetsPath=this.animationItem.getAssetsPath.bind(this.animationItem),this.globalData.imageLoader=this.animationItem.imagePreloader,this.globalData.frameId=0,this.globalData.frameRate=t.fr,this.globalData.nm=t.nm,this.globalData.compSize={w:t.w,h:t.h}},extendPrototype([BaseRenderer],SVGRenderer),SVGRenderer.prototype.createNull=function(t){return new NullElement(t,this.globalData,this)},SVGRenderer.prototype.createShape=function(t){return new SVGShapeElement(t,this.globalData,this)},SVGRenderer.prototype.createText=function(t){return new SVGTextElement(t,this.globalData,this)},SVGRenderer.prototype.createImage=function(t){return new IImageElement(t,this.globalData,this)},SVGRenderer.prototype.createComp=function(t){return new SVGCompElement(t,this.globalData,this)},SVGRenderer.prototype.createSolid=function(t){return new ISolidElement(t,this.globalData,this)},SVGRenderer.prototype.configAnimation=function(t){this.svgElement.setAttribute("xmlns","http://www.w3.org/2000/svg"),this.renderConfig.viewBoxSize?this.svgElement.setAttribute("viewBox",this.renderConfig.viewBoxSize):this.svgElement.setAttribute("viewBox","0 0 "+t.w+" "+t.h),this.renderConfig.viewBoxOnly||(this.svgElement.setAttribute("width",t.w),this.svgElement.setAttribute("height",t.h),this.svgElement.style.width="100%",this.svgElement.style.height="100%",this.svgElement.style.transform="translate3d(0,0,0)"),this.renderConfig.className&&this.svgElement.setAttribute("class",this.renderConfig.className),this.svgElement.setAttribute("preserveAspectRatio",this.renderConfig.preserveAspectRatio),this.animationItem.wrapper.appendChild(this.svgElement);var e=this.globalData.defs;this.setupGlobalData(t,e),this.globalData.progressiveLoad=this.renderConfig.progressiveLoad,this.data=t;var r=createNS("clipPath"),i=createNS("rect");i.setAttribute("width",t.w),i.setAttribute("height",t.h),i.setAttribute("x",0),i.setAttribute("y",0);var s="animationMask_"+randomString(10);r.setAttribute("id",s),r.appendChild(i),this.layerElement.setAttribute("clip-path","url("+locationHref+"#"+s+")"),e.appendChild(r),this.layers=t.layers,this.elements=createSizedArray(t.layers.length)},SVGRenderer.prototype.destroy=function(){this.animationItem.wrapper.innerHTML="",this.layerElement=null,this.globalData.defs=null;var t,e=this.layers?this.layers.length:0;for(t=0;t<e;t++)this.elements[t]&&this.elements[t].destroy();this.elements.length=0,this.destroyed=!0,this.animationItem=null},SVGRenderer.prototype.updateContainerSize=function(){},SVGRenderer.prototype.buildItem=function(t){var e=this.elements;if(!e[t]&&99!=this.layers[t].ty){e[t]=!0;var r=this.createItem(this.layers[t]);e[t]=r,expressionsPlugin&&(0===this.layers[t].ty&&this.globalData.projectInterface.registerComposition(r),r.initExpressions()),this.appendElementInPos(r,t),this.layers[t].tt&&(this.elements[t-1]&&this.elements[t-1]!==!0?r.setMatte(e[t-1].layerId):(this.buildItem(t-1),this.addPendingElement(r)))}},SVGRenderer.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){var t=this.pendingElements.pop();if(t.checkParenting(),t.data.tt)for(var e=0,r=this.elements.length;e<r;){if(this.elements[e]===t){t.setMatte(this.elements[e-1].layerId);break}e+=1}}},SVGRenderer.prototype.renderFrame=function(t){if(this.renderedFrame!==t&&!this.destroyed){null===t?t=this.renderedFrame:this.renderedFrame=t,this.globalData.frameNum=t,this.globalData.frameId+=1,this.globalData.projectInterface.currentFrame=t,this.globalData._mdf=!1;var e,r=this.layers.length;for(this.completeLayers||this.checkLayers(t),e=r-1;e>=0;e--)(this.completeLayers||this.elements[e])&&this.elements[e].prepareFrame(t-this.layers[e].st);if(this.globalData._mdf)for(e=0;e<r;e+=1)(this.completeLayers||this.elements[e])&&this.elements[e].renderFrame()}},SVGRenderer.prototype.appendElementInPos=function(t,e){var r=t.getBaseElement();if(r){for(var i,s=0;s<e;)this.elements[s]&&this.elements[s]!==!0&&this.elements[s].getBaseElement()&&(i=this.elements[s].getBaseElement()),s+=1;i?this.layerElement.insertBefore(r,i):this.layerElement.appendChild(r)}},SVGRenderer.prototype.hide=function(){this.layerElement.style.display="none"},SVGRenderer.prototype.show=function(){this.layerElement.style.display="block"},MaskElement.prototype.getMaskProperty=function(t){return this.viewData[t].prop},MaskElement.prototype.renderFrame=function(t){var e,r=this.element.finalTransform.mat,i=this.masksProperties.length;for(e=0;e<i;e++)if((this.viewData[e].prop._mdf||t)&&this.drawPath(this.masksProperties[e],this.viewData[e].prop.v,this.viewData[e]),(this.viewData[e].op._mdf||t)&&this.viewData[e].elem.setAttribute("fill-opacity",this.viewData[e].op.v),"n"!==this.masksProperties[e].mode&&(this.viewData[e].invRect&&(this.element.finalTransform.mProp._mdf||t)&&(this.viewData[e].invRect.setAttribute("x",-r.props[12]),this.viewData[e].invRect.setAttribute("y",-r.props[13])),this.storedData[e].x&&(this.storedData[e].x._mdf||t))){var s=this.storedData[e].expan;this.storedData[e].x.v<0?("erode"!==this.storedData[e].lastOperator&&(this.storedData[e].lastOperator="erode",this.storedData[e].elem.setAttribute("filter","url("+locationHref+"#"+this.storedData[e].filterId+")")),s.setAttribute("radius",-this.storedData[e].x.v)):("dilate"!==this.storedData[e].lastOperator&&(this.storedData[e].lastOperator="dilate",this.storedData[e].elem.setAttribute("filter",null)),this.storedData[e].elem.setAttribute("stroke-width",2*this.storedData[e].x.v))}},MaskElement.prototype.getMaskelement=function(){return this.maskElement},MaskElement.prototype.createLayerSolidPath=function(){var t="M0,0 ";return t+=" h"+this.globalData.compSize.w,t+=" v"+this.globalData.compSize.h,t+=" h-"+this.globalData.compSize.w,t+=" v-"+this.globalData.compSize.h+" "},MaskElement.prototype.drawPath=function(t,e,r){var i,s,a=" M"+e.v[0][0]+","+e.v[0][1];for(s=e._length,i=1;i<s;i+=1)a+=" C"+e.o[i-1][0]+","+e.o[i-1][1]+" "+e.i[i][0]+","+e.i[i][1]+" "+e.v[i][0]+","+e.v[i][1];if(e.c&&s>1&&(a+=" C"+e.o[i-1][0]+","+e.o[i-1][1]+" "+e.i[0][0]+","+e.i[0][1]+" "+e.v[0][0]+","+e.v[0][1]),r.lastPath!==a){var n="";r.elem&&(e.c&&(n=t.inv?this.solidPath+a:a),r.elem.setAttribute("d",n)),r.lastPath=a}},MaskElement.prototype.destroy=function(){this.element=null,this.globalData=null,this.maskElement=null,this.data=null,this.masksProperties=null},HierarchyElement.prototype={initHierarchy:function(){this.hierarchy=[],this._isParent=!1,this.checkParenting()},setHierarchy:function(t){this.hierarchy=t},setAsParent:function(){this._isParent=!0},checkParenting:function(){void 0!==this.data.parent&&this.comp.buildElementParenting(this,this.data.parent,[])}},FrameElement.prototype={initFrame:function(){this._isFirstFrame=!1,this.dynamicProperties=[],this._mdf=!1},prepareProperties:function(t,e){var r,i=this.dynamicProperties.length;for(r=0;r<i;r+=1)(e||this._isParent&&"transform"===this.dynamicProperties[r].propType)&&(this.dynamicProperties[r].getValue(),this.dynamicProperties[r]._mdf&&(this.globalData._mdf=!0,this._mdf=!0))},addDynamicProperty:function(t){this.dynamicProperties.indexOf(t)===-1&&this.dynamicProperties.push(t)}},TransformElement.prototype={initTransform:function(){this.finalTransform={mProp:this.data.ks?TransformPropertyFactory.getTransformProperty(this,this.data.ks,this):{o:0},_matMdf:!1,_opMdf:!1,mat:new Matrix},this.data.ao&&(this.finalTransform.mProp.autoOriented=!0),11!==this.data.ty},renderTransform:function(){if(this.finalTransform._opMdf=this.finalTransform.mProp.o._mdf||this._isFirstFrame,this.finalTransform._matMdf=this.finalTransform.mProp._mdf||this._isFirstFrame,this.hierarchy){var t,e=this.finalTransform.mat,r=0,i=this.hierarchy.length;if(!this.finalTransform._matMdf)for(;r<i;){if(this.hierarchy[r].finalTransform.mProp._mdf){this.finalTransform._matMdf=!0;break}r+=1}if(this.finalTransform._matMdf)for(t=this.finalTransform.mProp.v.props,e.cloneFromProps(t),r=0;r<i;r+=1)t=this.hierarchy[r].finalTransform.mProp.v.props,e.transform(t[0],t[1],t[2],t[3],t[4],t[5],t[6],t[7],t[8],t[9],t[10],t[11],t[12],t[13],t[14],t[15])}},globalToLocal:function(t){var e=[];e.push(this.finalTransform);for(var r=!0,i=this.comp;r;)i.finalTransform?(i.data.hasMask&&e.splice(0,0,i.finalTransform),i=i.comp):r=!1;var s,a,n=e.length;for(s=0;s<n;s+=1)a=e[s].mat.applyToPointArray(0,0,0),t=[t[0]-a[0],t[1]-a[1],0];return t},mHelper:new Matrix},RenderableElement.prototype={initRenderable:function(){this.isInRange=!1,this.hidden=!1,this.isTransparent=!1,this.renderableComponents=[]},addRenderableComponent:function(t){this.renderableComponents.indexOf(t)===-1&&this.renderableComponents.push(t)},removeRenderableComponent:function(t){this.renderableComponents.indexOf(t)!==-1&&this.renderableComponents.splice(this.renderableComponents.indexOf(t),1)},prepareRenderableFrame:function(t){this.checkLayerLimits(t)},checkTransparency:function(){this.finalTransform.mProp.o.v<=0?!this.isTransparent&&this.globalData.renderConfig.hideOnTransparent&&(this.isTransparent=!0,this.hide()):this.isTransparent&&(this.isTransparent=!1,this.show())},checkLayerLimits:function(t){this.data.ip-this.data.st<=t&&this.data.op-this.data.st>t?this.isInRange!==!0&&(this.globalData._mdf=!0,this._mdf=!0,this.isInRange=!0,this.show()):this.isInRange!==!1&&(this.globalData._mdf=!0,this.isInRange=!1,this.hide())},renderRenderable:function(){var t,e=this.renderableComponents.length;for(t=0;t<e;t+=1)this.renderableComponents[t].renderFrame(this._isFirstFrame)},sourceRectAtTime:function(){return{top:0,left:0,width:100,height:100}},getLayerSize:function(){return 5===this.data.ty?{w:this.data.textData.width,h:this.data.textData.height}:{w:this.data.width,h:this.data.height}}},function(){var t={initElement:function(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initTransform(t,e,r),this.initHierarchy(),this.initRenderable(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),this.createContent(),this.hide()},hide:function(){if(!this.hidden&&(!this.isInRange||this.isTransparent)){var t=this.baseElement||this.layerElement;t.style.display="none",this.hidden=!0}},show:function(){if(this.isInRange&&!this.isTransparent){if(!this.data.hd){var t=this.baseElement||this.layerElement;t.style.display="block"}this.hidden=!1,this._isFirstFrame=!0}},renderFrame:function(){this.data.hd||this.hidden||(this.renderTransform(),this.renderRenderable(),this.renderElement(),this.renderInnerContent(),this._isFirstFrame&&(this._isFirstFrame=!1))},renderInnerContent:function(){},prepareFrame:function(t){this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),this.checkTransparency()},destroy:function(){this.innerElem=null,this.destroyBaseElement()}};extendPrototype([RenderableElement,createProxyFunction(t)],RenderableDOMElement)}(),SVGStyleData.prototype.reset=function(){this.d="",this._mdf=!1},SVGShapeData.prototype.setAsAnimated=function(){this._isAnimated=!0},extendPrototype([DynamicPropertyContainer],SVGStrokeStyleData),extendPrototype([DynamicPropertyContainer],SVGFillStyleData),SVGGradientFillStyleData.prototype.initGradientData=function(t,e,r){this.o=PropertyFactory.getProp(t,e.o,0,.01,this),this.s=PropertyFactory.getProp(t,e.s,1,null,this),this.e=PropertyFactory.getProp(t,e.e,1,null,this),this.h=PropertyFactory.getProp(t,e.h||{k:0},0,.01,this),this.a=PropertyFactory.getProp(t,e.a||{k:0},0,degToRads,this),this.g=new GradientProperty(t,e.g,this),this.style=r,this.stops=[],this.setGradientData(r.pElem,e),this.setGradientOpacity(e,r),this._isAnimated=!!this._isAnimated},SVGGradientFillStyleData.prototype.setGradientData=function(t,e){var r="gr_"+randomString(10),i=createNS(1===e.t?"linearGradient":"radialGradient");i.setAttribute("id",r),i.setAttribute("spreadMethod","pad"),i.setAttribute("gradientUnits","userSpaceOnUse");var s,a,n,o=[];for(n=4*e.g.p,a=0;a<n;a+=4)s=createNS("stop"),i.appendChild(s),o.push(s);t.setAttribute("gf"===e.ty?"fill":"stroke","url("+locationHref+"#"+r+")"),this.gf=i,this.cst=o},SVGGradientFillStyleData.prototype.setGradientOpacity=function(t,e){if(this.g._hasOpacity&&!this.g._collapsable){var r,i,s,a=createNS("mask"),n=createNS("path");a.appendChild(n);var o="op_"+randomString(10),h="mk_"+randomString(10);a.setAttribute("id",h);var l=createNS(1===t.t?"linearGradient":"radialGradient");l.setAttribute("id",o),l.setAttribute("spreadMethod","pad"),l.setAttribute("gradientUnits","userSpaceOnUse"),s=t.g.k.k[0].s?t.g.k.k[0].s.length:t.g.k.k.length;var p=this.stops;for(i=4*t.g.p;i<s;i+=2)r=createNS("stop"),r.setAttribute("stop-color","rgb(255,255,255)"),l.appendChild(r),p.push(r);n.setAttribute("gf"===t.ty?"fill":"stroke","url("+locationHref+"#"+o+")"),this.of=l,this.ms=a,this.ost=p,this.maskId=h,e.msElem=n}},extendPrototype([DynamicPropertyContainer],SVGGradientFillStyleData),extendPrototype([SVGGradientFillStyleData,DynamicPropertyContainer],SVGGradientStrokeStyleData);var SVGElementsRenderer=function(){function t(t){t.ty;switch(t.ty){case"fl":return i;case"gf":return a;case"gs":return s;case"st":return n;case"sh":case"el":case"rc":case"sr":return r;case"tr":return e}}function e(t,e,r){(r||e.transform.op._mdf)&&e.transform.container.setAttribute("opacity",e.transform.op.v),(r||e.transform.mProps._mdf)&&e.transform.container.setAttribute("transform",e.transform.mProps.v.to2dCSS())}function r(t,e,r){var i,s,a,n,l,p,f,m,c,d,u,y=e.styles.length,g=e.lvl;for(p=0;p<y;p+=1){if(n=e.sh._mdf||r,e.styles[p].lvl<g){for(m=h.reset(),d=g-e.styles[p].lvl,u=e.transformers.length-1;!n&&d>0;)n=e.transformers[u].mProps._mdf||n,d--,u--;if(n)for(d=g-e.styles[p].lvl,u=e.transformers.length-1;d>0;)c=e.transformers[u].mProps.v.props,m.transform(c[0],c[1],c[2],c[3],c[4],c[5],c[6],c[7],c[8],c[9],c[10],c[11],c[12],c[13],c[14],c[15]),d--,u--}else m=o;if(f=e.sh.paths,s=f._length,n){for(a="",i=0;i<s;i+=1)l=f.shapes[i],l&&l._length&&(a+=buildShapeString(l,l._length,l.c,m));e.caches[p]=a}else a=e.caches[p];e.styles[p].d+=t.hd===!0?"":a,e.styles[p]._mdf=n||e.styles[p]._mdf}}function i(t,e,r){var i=e.style;(e.c._mdf||r)&&i.pElem.setAttribute("fill","rgb("+bm_floor(e.c.v[0])+","+bm_floor(e.c.v[1])+","+bm_floor(e.c.v[2])+")"),(e.o._mdf||r)&&i.pElem.setAttribute("fill-opacity",e.o.v)}function s(t,e,r){a(t,e,r),n(t,e,r)}function a(t,e,r){var i=e.gf,s=e.g._hasOpacity,a=e.s.v,n=e.e.v;if(e.o._mdf||r){var o="gf"===t.ty?"fill-opacity":"stroke-opacity";e.style.pElem.setAttribute(o,e.o.v)}if(e.s._mdf||r){var h=1===t.t?"x1":"cx",l="x1"===h?"y1":"cy";i.setAttribute(h,a[0]),i.setAttribute(l,a[1]),s&&!e.g._collapsable&&(e.of.setAttribute(h,a[0]),e.of.setAttribute(l,a[1]))}var p,f,m,c;if(e.g._cmdf||r){p=e.cst;var d=e.g.c;for(m=p.length,f=0;f<m;f+=1)c=p[f],c.setAttribute("offset",d[4*f]+"%"),c.setAttribute("stop-color","rgb("+d[4*f+1]+","+d[4*f+2]+","+d[4*f+3]+")")}if(s&&(e.g._omdf||r)){var u=e.g.o;for(p=e.g._collapsable?e.cst:e.ost,m=p.length,f=0;f<m;f+=1)c=p[f],e.g._collapsable||c.setAttribute("offset",u[2*f]+"%"),c.setAttribute("stop-opacity",u[2*f+1])}if(1===t.t)(e.e._mdf||r)&&(i.setAttribute("x2",n[0]),i.setAttribute("y2",n[1]),s&&!e.g._collapsable&&(e.of.setAttribute("x2",n[0]),e.of.setAttribute("y2",n[1])));else{var y;if((e.s._mdf||e.e._mdf||r)&&(y=Math.sqrt(Math.pow(a[0]-n[0],2)+Math.pow(a[1]-n[1],2)),i.setAttribute("r",y),s&&!e.g._collapsable&&e.of.setAttribute("r",y)),e.e._mdf||e.h._mdf||e.a._mdf||r){y||(y=Math.sqrt(Math.pow(a[0]-n[0],2)+Math.pow(a[1]-n[1],2)));var g=Math.atan2(n[1]-a[1],n[0]-a[0]),v=e.h.v>=1?.99:e.h.v<=-1?-.99:e.h.v,b=y*v,x=Math.cos(g+e.a.v)*b+a[0],E=Math.sin(g+e.a.v)*b+a[1];i.setAttribute("fx",x),i.setAttribute("fy",E),s&&!e.g._collapsable&&(e.of.setAttribute("fx",x),e.of.setAttribute("fy",E))}}}function n(t,e,r){var i=e.style,s=e.d;s&&(s._mdf||r)&&s.dashStr&&(i.pElem.setAttribute("stroke-dasharray",s.dashStr),i.pElem.setAttribute("stroke-dashoffset",s.dashoffset[0])),e.c&&(e.c._mdf||r)&&i.pElem.setAttribute("stroke","rgb("+bm_floor(e.c.v[0])+","+bm_floor(e.c.v[1])+","+bm_floor(e.c.v[2])+")"),(e.o._mdf||r)&&i.pElem.setAttribute("stroke-opacity",e.o.v),(e.w._mdf||r)&&(i.pElem.setAttribute("stroke-width",e.w.v),i.msElem&&i.msElem.setAttribute("stroke-width",e.w.v))}var o=new Matrix,h=new Matrix,l={createRenderFunction:t};return l}();ShapeTransformManager.prototype={addTransformSequence:function(t){var e,r=t.length,i="_";for(e=0;e<r;e+=1)i+=t[e].transform.key+"_";var s=this.sequences[i];return s||(s={transforms:[].concat(t),finalTransform:new Matrix,_mdf:!1},this.sequences[i]=s,this.sequenceList.push(s)),s},processSequence:function(t,e){for(var r=0,i=t.transforms.length,s=e;r<i&&!e;){if(t.transforms[r].transform.mProps._mdf){s=!0;break}r+=1}if(s){var a;for(t.finalTransform.reset(),r=i-1;r>=0;r-=1)a=t.transforms[r].transform.mProps.v.props,t.finalTransform.transform(a[0],a[1],a[2],a[3],a[4],a[5],a[6],a[7],a[8],a[9],a[10],a[11],a[12],a[13],a[14],a[15])}t._mdf=s},processSequences:function(t){var e,r=this.sequenceList.length;for(e=0;e<r;e+=1)this.processSequence(this.sequenceList[e],t)},getNewKey:function(){return"_"+this.transform_key_count++}},BaseElement.prototype={checkMasks:function(){if(!this.data.hasMask)return!1;for(var t=0,e=this.data.masksProperties.length;t<e;){if("n"!==this.data.masksProperties[t].mode&&this.data.masksProperties[t].cl!==!1)return!0;t+=1}return!1},initExpressions:function(){this.layerInterface=LayerExpressionInterface(this),this.data.hasMask&&this.maskManager&&this.layerInterface.registerMaskInterface(this.maskManager);var t=EffectsExpressionInterface.createEffectsInterface(this,this.layerInterface);this.layerInterface.registerEffectsInterface(t),0===this.data.ty||this.data.xt?this.compInterface=CompExpressionInterface(this):4===this.data.ty?(this.layerInterface.shapeInterface=ShapeExpressionInterface(this.shapesData,this.itemsData,this.layerInterface),this.layerInterface.content=this.layerInterface.shapeInterface):5===this.data.ty&&(this.layerInterface.textInterface=TextExpressionInterface(this),this.layerInterface.text=this.layerInterface.textInterface)},blendModeEnums:{1:"multiply",2:"screen",3:"overlay",4:"darken",5:"lighten",6:"color-dodge",7:"color-burn",8:"hard-light",9:"soft-light",10:"difference",11:"exclusion",12:"hue",13:"saturation",14:"color",15:"luminosity"},getBlendMode:function(){return this.blendModeEnums[this.data.bm]||""},setBlendMode:function(){var t=this.getBlendMode(),e=this.baseElement||this.layerElement;e.style["mix-blend-mode"]=t},initBaseData:function(t,e,r){this.globalData=e,this.comp=r,this.data=t,this.layerId="ly_"+randomString(10),this.data.sr||(this.data.sr=1),this.effectsManager=new EffectsManager(this.data,this,this.dynamicProperties)},getType:function(){return this.type}},NullElement.prototype.prepareFrame=function(t){this.prepareProperties(t,!0)},NullElement.prototype.renderFrame=function(){},NullElement.prototype.getBaseElement=function(){return null},NullElement.prototype.destroy=function(){},NullElement.prototype.sourceRectAtTime=function(){},NullElement.prototype.hide=function(){},extendPrototype([BaseElement,TransformElement,HierarchyElement,FrameElement],NullElement),SVGBaseElement.prototype={initRendererElement:function(){this.layerElement=createNS("g")},createContainerElements:function(){this.matteElement=createNS("g"),this.transformedElement=this.layerElement,this.maskedElement=this.layerElement,this._sizeChanged=!1;var t,e,r,i=null;if(this.data.td){if(3==this.data.td||1==this.data.td){var s=createNS("mask");s.setAttribute("id",this.layerId),s.setAttribute("mask-type",3==this.data.td?"luminance":"alpha"),s.appendChild(this.layerElement),i=s,this.globalData.defs.appendChild(s),featureSupport.maskType||1!=this.data.td||(s.setAttribute("mask-type","luminance"),t=randomString(10),e=filtersFactory.createFilter(t),this.globalData.defs.appendChild(e),e.appendChild(filtersFactory.createAlphaToLuminanceFilter()),r=createNS("g"),r.appendChild(this.layerElement),i=r,s.appendChild(r),r.setAttribute("filter","url("+locationHref+"#"+t+")"))}else if(2==this.data.td){var a=createNS("mask");a.setAttribute("id",this.layerId),a.setAttribute("mask-type","alpha");var n=createNS("g");a.appendChild(n),t=randomString(10),e=filtersFactory.createFilter(t);var o=createNS("feColorMatrix");o.setAttribute("type","matrix"),o.setAttribute("color-interpolation-filters","sRGB"),o.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"),e.appendChild(o),this.globalData.defs.appendChild(e);var h=createNS("rect");h.setAttribute("width",this.comp.data.w),h.setAttribute("height",this.comp.data.h),h.setAttribute("x","0"),h.setAttribute("y","0"),h.setAttribute("fill","#ffffff"),h.setAttribute("opacity","0"),n.setAttribute("filter","url("+locationHref+"#"+t+")"),n.appendChild(h),n.appendChild(this.layerElement),i=n,featureSupport.maskType||(a.setAttribute("mask-type","luminance"),e.appendChild(filtersFactory.createAlphaToLuminanceFilter()),r=createNS("g"),n.appendChild(h),r.appendChild(this.layerElement),i=r,n.appendChild(r)),this.globalData.defs.appendChild(a)}}else this.data.tt?(this.matteElement.appendChild(this.layerElement),i=this.matteElement,this.baseElement=this.matteElement):this.baseElement=this.layerElement;if(this.data.ln&&this.layerElement.setAttribute("id",this.data.ln),this.data.cl&&this.layerElement.setAttribute("class",this.data.cl),0===this.data.ty&&!this.data.hd){var l=createNS("clipPath"),p=createNS("path");p.setAttribute("d","M0,0 L"+this.data.w+",0 L"+this.data.w+","+this.data.h+" L0,"+this.data.h+"z");var f="cp_"+randomString(8);if(l.setAttribute("id",f),l.appendChild(p),
-this.globalData.defs.appendChild(l),this.checkMasks()){var m=createNS("g");m.setAttribute("clip-path","url("+locationHref+"#"+f+")"),m.appendChild(this.layerElement),this.transformedElement=m,i?i.appendChild(this.transformedElement):this.baseElement=this.transformedElement}else this.layerElement.setAttribute("clip-path","url("+locationHref+"#"+f+")")}0!==this.data.bm&&this.setBlendMode()},renderElement:function(){this.finalTransform._matMdf&&this.transformedElement.setAttribute("transform",this.finalTransform.mat.to2dCSS()),this.finalTransform._opMdf&&this.transformedElement.setAttribute("opacity",this.finalTransform.mProp.o.v)},destroyBaseElement:function(){this.layerElement=null,this.matteElement=null,this.maskManager.destroy()},getBaseElement:function(){return this.data.hd?null:this.baseElement},createRenderableComponents:function(){this.maskManager=new MaskElement(this.data,this,this.globalData),this.renderableEffectsManager=new SVGEffects(this)},setMatte:function(t){this.matteElement&&this.matteElement.setAttribute("mask","url("+locationHref+"#"+t+")")}},IShapeElement.prototype={addShapeToModifiers:function(t){var e,r=this.shapeModifiers.length;for(e=0;e<r;e+=1)this.shapeModifiers[e].addShape(t)},isShapeInAnimatedModifiers:function(t){for(var e=0,r=this.shapeModifiers.length;e<r;)if(this.shapeModifiers[e].isAnimatedWithShape(t))return!0;return!1},renderModifiers:function(){if(this.shapeModifiers.length){var t,e=this.shapes.length;for(t=0;t<e;t+=1)this.shapes[t].sh.reset();for(e=this.shapeModifiers.length,t=e-1;t>=0;t-=1)this.shapeModifiers[t].processShapes(this._isFirstFrame)}},lcEnum:{1:"butt",2:"round",3:"square"},ljEnum:{1:"miter",2:"round",3:"bevel"},searchProcessedElement:function(t){for(var e=this.processedElements,r=0,i=e.length;r<i;){if(e[r].elem===t)return e[r].pos;r+=1}return 0},addProcessedElement:function(t,e){for(var r=this.processedElements,i=r.length;i;)if(i-=1,r[i].elem===t)return void(r[i].pos=e);r.push(new ProcessedElement(t,e))},prepareFrame:function(t){this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange)}},ITextElement.prototype.initElement=function(t,e,r){this.lettersChangedFlag=!0,this.initFrame(),this.initBaseData(t,e,r),this.textProperty=new TextProperty(this,t.t,this.dynamicProperties),this.textAnimator=new TextAnimatorProperty(t.t,this.renderType,this),this.initTransform(t,e,r),this.initHierarchy(),this.initRenderable(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),this.createContent(),this.hide(),this.textAnimator.searchProperties(this.dynamicProperties)},ITextElement.prototype.prepareFrame=function(t){this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),(this.textProperty._mdf||this.textProperty._isFirstFrame)&&(this.buildNewText(),this.textProperty._isFirstFrame=!1,this.textProperty._mdf=!1)},ITextElement.prototype.createPathShape=function(t,e){var r,i,s=e.length,a="";for(r=0;r<s;r+=1)i=e[r].ks.k,a+=buildShapeString(i,i.i.length,!0,t);return a},ITextElement.prototype.updateDocumentData=function(t,e){this.textProperty.updateDocumentData(t,e)},ITextElement.prototype.canResizeFont=function(t){this.textProperty.canResizeFont(t)},ITextElement.prototype.setMinimumFontSize=function(t){this.textProperty.setMinimumFontSize(t)},ITextElement.prototype.applyTextPropertiesToMatrix=function(t,e,r,i,s){switch(t.ps&&e.translate(t.ps[0],t.ps[1]+t.ascent,0),e.translate(0,-t.ls,0),t.j){case 1:e.translate(t.justifyOffset+(t.boxWidth-t.lineWidths[r]),0,0);break;case 2:e.translate(t.justifyOffset+(t.boxWidth-t.lineWidths[r])/2,0,0)}e.translate(i,s,0)},ITextElement.prototype.buildColor=function(t){return"rgb("+Math.round(255*t[0])+","+Math.round(255*t[1])+","+Math.round(255*t[2])+")"},ITextElement.prototype.emptyProp=new LetterProps,ITextElement.prototype.destroy=function(){},extendPrototype([BaseElement,TransformElement,HierarchyElement,FrameElement,RenderableDOMElement],ICompElement),ICompElement.prototype.initElement=function(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initTransform(t,e,r),this.initRenderable(),this.initHierarchy(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),!this.data.xt&&e.progressiveLoad||this.buildAllItems(),this.hide()},ICompElement.prototype.prepareFrame=function(t){if(this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),this.isInRange||this.data.xt){if(this.tm._placeholder)this.renderedFrame=t/this.data.sr;else{var e=this.tm.v;e===this.data.op&&(e=this.data.op-1),this.renderedFrame=e}var r,i=this.elements.length;for(this.completeLayers||this.checkLayers(this.renderedFrame),r=i-1;r>=0;r-=1)(this.completeLayers||this.elements[r])&&(this.elements[r].prepareFrame(this.renderedFrame-this.layers[r].st),this.elements[r]._mdf&&(this._mdf=!0))}},ICompElement.prototype.renderInnerContent=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)(this.completeLayers||this.elements[t])&&this.elements[t].renderFrame()},ICompElement.prototype.setElements=function(t){this.elements=t},ICompElement.prototype.getElements=function(){return this.elements},ICompElement.prototype.destroyElements=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)this.elements[t]&&this.elements[t].destroy()},ICompElement.prototype.destroy=function(){this.destroyElements(),this.destroyBaseElement()},extendPrototype([BaseElement,TransformElement,SVGBaseElement,HierarchyElement,FrameElement,RenderableDOMElement],IImageElement),IImageElement.prototype.createContent=function(){var t=this.globalData.getAssetsPath(this.assetData);this.innerElem=createNS("image"),this.innerElem.setAttribute("width",this.assetData.w+"px"),this.innerElem.setAttribute("height",this.assetData.h+"px"),this.innerElem.setAttribute("preserveAspectRatio",this.assetData.pr||this.globalData.renderConfig.imagePreserveAspectRatio),this.innerElem.setAttributeNS("http://www.w3.org/1999/xlink","href",t),this.layerElement.appendChild(this.innerElem)},extendPrototype([IImageElement],ISolidElement),ISolidElement.prototype.createContent=function(){var t=createNS("rect");t.setAttribute("width",this.data.sw),t.setAttribute("height",this.data.sh),t.setAttribute("fill",this.data.sc),this.layerElement.appendChild(t)},extendPrototype([SVGRenderer,ICompElement,SVGBaseElement],SVGCompElement),extendPrototype([BaseElement,TransformElement,SVGBaseElement,HierarchyElement,FrameElement,RenderableDOMElement,ITextElement],SVGTextElement),SVGTextElement.prototype.createContent=function(){this.data.singleShape&&!this.globalData.fontManager.chars&&(this.textContainer=createNS("text"))},SVGTextElement.prototype.buildTextContents=function(t){for(var e=0,r=t.length,i=[],s="";e<r;)t[e]===String.fromCharCode(13)||t[e]===String.fromCharCode(3)?(i.push(s),s=""):s+=t[e],e+=1;return i.push(s),i},SVGTextElement.prototype.buildNewText=function(){var t,e,r=this.textProperty.currentData;this.renderedLetters=createSizedArray(r?r.l.length:0),r.fc?this.layerElement.setAttribute("fill",this.buildColor(r.fc)):this.layerElement.setAttribute("fill","rgba(0,0,0,0)"),r.sc&&(this.layerElement.setAttribute("stroke",this.buildColor(r.sc)),this.layerElement.setAttribute("stroke-width",r.sw)),this.layerElement.setAttribute("font-size",r.finalSize);var i=this.globalData.fontManager.getFontByName(r.f);if(i.fClass)this.layerElement.setAttribute("class",i.fClass);else{this.layerElement.setAttribute("font-family",i.fFamily);var s=r.fWeight,a=r.fStyle;this.layerElement.setAttribute("font-style",a),this.layerElement.setAttribute("font-weight",s)}var n=r.l||[],o=!!this.globalData.fontManager.chars;e=n.length;var h,l,p=this.mHelper,f="",m=this.data.singleShape,c=0,d=0,u=!0,y=r.tr/1e3*r.finalSize;if(!m||o||r.sz){var g,v,b=this.textSpans.length;for(t=0;t<e;t+=1)o&&m&&0!==t||(h=b>t?this.textSpans[t]:createNS(o?"path":"text"),b<=t&&(h.setAttribute("stroke-linecap","butt"),h.setAttribute("stroke-linejoin","round"),h.setAttribute("stroke-miterlimit","4"),this.textSpans[t]=h,this.layerElement.appendChild(h)),h.style.display="inherit"),p.reset(),p.scale(r.finalSize/100,r.finalSize/100),m&&(n[t].n&&(c=-y,d+=r.yOffset,d+=u?1:0,u=!1),this.applyTextPropertiesToMatrix(r,p,n[t].line,c,d),c+=n[t].l||0,c+=y),o?(v=this.globalData.fontManager.getCharData(r.finalText[t],i.fStyle,this.globalData.fontManager.getFontByName(r.f).fFamily),g=v&&v.data||{},l=g.shapes?g.shapes[0].it:[],m?f+=this.createPathShape(p,l):h.setAttribute("d",this.createPathShape(p,l))):(m&&h.setAttribute("transform","translate("+p.props[12]+","+p.props[13]+")"),h.textContent=n[t].val,h.setAttributeNS("http://www.w3.org/XML/1998/namespace","xml:space","preserve"));m&&h&&h.setAttribute("d",f)}else{var x=this.textContainer,E="start";switch(r.j){case 1:E="end";break;case 2:E="middle"}x.setAttribute("text-anchor",E),x.setAttribute("letter-spacing",y);var P=this.buildTextContents(r.finalText);for(e=P.length,d=r.ps?r.ps[1]+r.ascent:0,t=0;t<e;t+=1)h=this.textSpans[t]||createNS("tspan"),h.textContent=P[t],h.setAttribute("x",0),h.setAttribute("y",d),h.style.display="inherit",x.appendChild(h),this.textSpans[t]=h,d+=r.finalLineHeight;this.layerElement.appendChild(x)}for(;t<this.textSpans.length;)this.textSpans[t].style.display="none",t+=1;this._sizeChanged=!0},SVGTextElement.prototype.sourceRectAtTime=function(t){if(this.prepareFrame(this.comp.renderedFrame-this.data.st),this.renderInnerContent(),this._sizeChanged){this._sizeChanged=!1;var e=this.layerElement.getBBox();this.bbox={top:e.y,left:e.x,width:e.width,height:e.height}}return this.bbox},SVGTextElement.prototype.renderInnerContent=function(){if(!this.data.singleShape&&(this.textAnimator.getMeasures(this.textProperty.currentData,this.lettersChangedFlag),this.lettersChangedFlag||this.textAnimator.lettersChangedFlag)){this._sizeChanged=!0;var t,e,r=this.textAnimator.renderedLetters,i=this.textProperty.currentData.l;e=i.length;var s,a;for(t=0;t<e;t+=1)i[t].n||(s=r[t],a=this.textSpans[t],s._mdf.m&&a.setAttribute("transform",s.m),s._mdf.o&&a.setAttribute("opacity",s.o),s._mdf.sw&&a.setAttribute("stroke-width",s.sw),s._mdf.sc&&a.setAttribute("stroke",s.sc),s._mdf.fc&&a.setAttribute("fill",s.fc))}},extendPrototype([BaseElement,TransformElement,SVGBaseElement,IShapeElement,HierarchyElement,FrameElement,RenderableDOMElement],SVGShapeElement),SVGShapeElement.prototype.initSecondaryElement=function(){},SVGShapeElement.prototype.identityMatrix=new Matrix,SVGShapeElement.prototype.buildExpressionInterface=function(){},SVGShapeElement.prototype.createContent=function(){this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes()},SVGShapeElement.prototype.filterUniqueShapes=function(){var t,e,r,i,s=this.shapes.length,a=this.stylesList.length,n=[],o=!1;for(r=0;r<a;r+=1){for(i=this.stylesList[r],o=!1,n.length=0,t=0;t<s;t+=1)e=this.shapes[t],e.styles.indexOf(i)!==-1&&(n.push(e),o=e._isAnimated||o);n.length>1&&o&&this.setShapesAsAnimated(n)}},SVGShapeElement.prototype.setShapesAsAnimated=function(t){var e,r=t.length;for(e=0;e<r;e+=1)t[e].setAsAnimated()},SVGShapeElement.prototype.createStyleElement=function(t,e){var r,i=new SVGStyleData(t,e),s=i.pElem;if("st"===t.ty)r=new SVGStrokeStyleData(this,t,i);else if("fl"===t.ty)r=new SVGFillStyleData(this,t,i);else if("gf"===t.ty||"gs"===t.ty){var a="gf"===t.ty?SVGGradientFillStyleData:SVGGradientStrokeStyleData;r=new a(this,t,i),this.globalData.defs.appendChild(r.gf),r.maskId&&(this.globalData.defs.appendChild(r.ms),this.globalData.defs.appendChild(r.of),s.setAttribute("mask","url("+locationHref+"#"+r.maskId+")"))}return"st"!==t.ty&&"gs"!==t.ty||(s.setAttribute("stroke-linecap",this.lcEnum[t.lc]||"round"),s.setAttribute("stroke-linejoin",this.ljEnum[t.lj]||"round"),s.setAttribute("fill-opacity","0"),1===t.lj&&s.setAttribute("stroke-miterlimit",t.ml)),2===t.r&&s.setAttribute("fill-rule","evenodd"),t.ln&&s.setAttribute("id",t.ln),t.cl&&s.setAttribute("class",t.cl),this.stylesList.push(i),this.addToAnimatedContents(t,r),r},SVGShapeElement.prototype.createGroupElement=function(t){var e=new ShapeGroupData;return t.ln&&e.gr.setAttribute("id",t.ln),t.cl&&e.gr.setAttribute("class",t.cl),e},SVGShapeElement.prototype.createTransformElement=function(t,e){var r=TransformPropertyFactory.getTransformProperty(this,t,this),i=new SVGTransformData(r,r.o,e);return this.addToAnimatedContents(t,i),i},SVGShapeElement.prototype.createShapeElement=function(t,e,r){var i=4;"rc"===t.ty?i=5:"el"===t.ty?i=6:"sr"===t.ty&&(i=7);var s=ShapePropertyFactory.getShapeProp(this,t,i,this),a=new SVGShapeData(e,r,s);return this.shapes.push(a),this.addShapeToModifiers(a),this.addToAnimatedContents(t,a),a},SVGShapeElement.prototype.addToAnimatedContents=function(t,e){for(var r=0,i=this.animatedContents.length;r<i;){if(this.animatedContents[r].element===e)return;r+=1}this.animatedContents.push({fn:SVGElementsRenderer.createRenderFunction(t),element:e,data:t})},SVGShapeElement.prototype.setElementStyles=function(t){var e,r=t.styles,i=this.stylesList.length;for(e=0;e<i;e+=1)this.stylesList[e].closed||r.push(this.stylesList[e])},SVGShapeElement.prototype.reloadShapes=function(){this._isFirstFrame=!0;var t,e=this.itemsData.length;for(t=0;t<e;t+=1)this.prevViewData[t]=this.itemsData[t];for(this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes(),e=this.dynamicProperties.length,t=0;t<e;t+=1)this.dynamicProperties[t].getValue();this.renderModifiers()},SVGShapeElement.prototype.searchShapes=function(t,e,r,i,s,a,n){var o,h,l,p,f,m,c=[].concat(a),d=t.length-1,u=[],y=[];for(o=d;o>=0;o-=1){if(m=this.searchProcessedElement(t[o]),m?e[o]=r[m-1]:t[o]._render=n,"fl"==t[o].ty||"st"==t[o].ty||"gf"==t[o].ty||"gs"==t[o].ty)m?e[o].style.closed=!1:e[o]=this.createStyleElement(t[o],s),t[o]._render&&i.appendChild(e[o].style.pElem),u.push(e[o].style);else if("gr"==t[o].ty){if(m)for(l=e[o].it.length,h=0;h<l;h+=1)e[o].prevViewData[h]=e[o].it[h];else e[o]=this.createGroupElement(t[o]);this.searchShapes(t[o].it,e[o].it,e[o].prevViewData,e[o].gr,s+1,c,n),t[o]._render&&i.appendChild(e[o].gr)}else"tr"==t[o].ty?(m||(e[o]=this.createTransformElement(t[o],i)),p=e[o].transform,c.push(p)):"sh"==t[o].ty||"rc"==t[o].ty||"el"==t[o].ty||"sr"==t[o].ty?(m||(e[o]=this.createShapeElement(t[o],c,s)),this.setElementStyles(e[o])):"tm"==t[o].ty||"rd"==t[o].ty||"ms"==t[o].ty?(m?(f=e[o],f.closed=!1):(f=ShapeModifiers.getModifier(t[o].ty),f.init(this,t[o]),e[o]=f,this.shapeModifiers.push(f)),y.push(f)):"rp"==t[o].ty&&(m?(f=e[o],f.closed=!0):(f=ShapeModifiers.getModifier(t[o].ty),e[o]=f,f.init(this,t,o,e),this.shapeModifiers.push(f),n=!1),y.push(f));this.addProcessedElement(t[o],o+1)}for(d=u.length,o=0;o<d;o+=1)u[o].closed=!0;for(d=y.length,o=0;o<d;o+=1)y[o].closed=!0},SVGShapeElement.prototype.renderInnerContent=function(){this.renderModifiers();var t,e=this.stylesList.length;for(t=0;t<e;t+=1)this.stylesList[t].reset();for(this.renderShape(),t=0;t<e;t+=1)(this.stylesList[t]._mdf||this._isFirstFrame)&&(this.stylesList[t].msElem&&(this.stylesList[t].msElem.setAttribute("d",this.stylesList[t].d),this.stylesList[t].d="M0 0"+this.stylesList[t].d),this.stylesList[t].pElem.setAttribute("d",this.stylesList[t].d||"M0 0"))},SVGShapeElement.prototype.renderShape=function(){var t,e,r=this.animatedContents.length;for(t=0;t<r;t+=1)e=this.animatedContents[t],(this._isFirstFrame||e.element._isAnimated)&&e.data!==!0&&e.fn(e.data,e.element,this._isFirstFrame)},SVGShapeElement.prototype.destroy=function(){this.destroyBaseElement(),this.shapesData=null,this.itemsData=null},SVGTintFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[0].p.v,r=this.filterManager.effectElements[1].p.v,i=this.filterManager.effectElements[2].p.v/100;this.matrixFilter.setAttribute("values",r[0]-e[0]+" 0 0 0 "+e[0]+" "+(r[1]-e[1])+" 0 0 0 "+e[1]+" "+(r[2]-e[2])+" 0 0 0 "+e[2]+" 0 0 0 "+i+" 0")}},SVGFillFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[2].p.v,r=this.filterManager.effectElements[6].p.v;this.matrixFilter.setAttribute("values","0 0 0 0 "+e[0]+" 0 0 0 0 "+e[1]+" 0 0 0 0 "+e[2]+" 0 0 0 "+r+" 0")}},SVGStrokeEffect.prototype.initialize=function(){var t,e,r,i,s=this.elem.layerElement.children||this.elem.layerElement.childNodes;for(1===this.filterManager.effectElements[1].p.v?(i=this.elem.maskManager.masksProperties.length,r=0):(r=this.filterManager.effectElements[0].p.v-1,i=r+1),e=createNS("g"),e.setAttribute("fill","none"),e.setAttribute("stroke-linecap","round"),e.setAttribute("stroke-dashoffset",1),r;r<i;r+=1)t=createNS("path"),e.appendChild(t),this.paths.push({p:t,m:r});if(3===this.filterManager.effectElements[10].p.v){var a=createNS("mask"),n="stms_"+randomString(10);a.setAttribute("id",n),a.setAttribute("mask-type","alpha"),a.appendChild(e),this.elem.globalData.defs.appendChild(a);var o=createNS("g");for(o.setAttribute("mask","url("+locationHref+"#"+n+")");s[0];)o.appendChild(s[0]);this.elem.layerElement.appendChild(o),this.masker=a,e.setAttribute("stroke","#fff")}else if(1===this.filterManager.effectElements[10].p.v||2===this.filterManager.effectElements[10].p.v){if(2===this.filterManager.effectElements[10].p.v)for(s=this.elem.layerElement.children||this.elem.layerElement.childNodes;s.length;)this.elem.layerElement.removeChild(s[0]);this.elem.layerElement.appendChild(e),this.elem.layerElement.removeAttribute("mask"),e.setAttribute("stroke","#fff")}this.initialized=!0,this.pathMasker=e},SVGStrokeEffect.prototype.renderFrame=function(t){this.initialized||this.initialize();var e,r,i,s=this.paths.length;for(e=0;e<s;e+=1)if(this.paths[e].m!==-1&&(r=this.elem.maskManager.viewData[this.paths[e].m],i=this.paths[e].p,(t||this.filterManager._mdf||r.prop._mdf)&&i.setAttribute("d",r.lastPath),t||this.filterManager.effectElements[9].p._mdf||this.filterManager.effectElements[4].p._mdf||this.filterManager.effectElements[7].p._mdf||this.filterManager.effectElements[8].p._mdf||r.prop._mdf)){var a;if(0!==this.filterManager.effectElements[7].p.v||100!==this.filterManager.effectElements[8].p.v){var n=Math.min(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v)/100,o=Math.max(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v)/100,h=i.getTotalLength();a="0 0 0 "+h*n+" ";var l,p=h*(o-n),f=1+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v/100,m=Math.floor(p/f);for(l=0;l<m;l+=1)a+="1 "+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v/100+" ";a+="0 "+10*h+" 0 0"}else a="1 "+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v/100;i.setAttribute("stroke-dasharray",a)}if((t||this.filterManager.effectElements[4].p._mdf)&&this.pathMasker.setAttribute("stroke-width",2*this.filterManager.effectElements[4].p.v),(t||this.filterManager.effectElements[6].p._mdf)&&this.pathMasker.setAttribute("opacity",this.filterManager.effectElements[6].p.v),(1===this.filterManager.effectElements[10].p.v||2===this.filterManager.effectElements[10].p.v)&&(t||this.filterManager.effectElements[3].p._mdf)){var c=this.filterManager.effectElements[3].p.v;this.pathMasker.setAttribute("stroke","rgb("+bm_floor(255*c[0])+","+bm_floor(255*c[1])+","+bm_floor(255*c[2])+")")}},SVGTritoneFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[0].p.v,r=this.filterManager.effectElements[1].p.v,i=this.filterManager.effectElements[2].p.v,s=i[0]+" "+r[0]+" "+e[0],a=i[1]+" "+r[1]+" "+e[1],n=i[2]+" "+r[2]+" "+e[2];this.feFuncR.setAttribute("tableValues",s),this.feFuncG.setAttribute("tableValues",a),this.feFuncB.setAttribute("tableValues",n)}},SVGProLevelsFilter.prototype.createFeFunc=function(t,e){var r=createNS(t);return r.setAttribute("type","table"),e.appendChild(r),r},SVGProLevelsFilter.prototype.getTableValue=function(t,e,r,i,s){for(var a,n,o=0,h=256,l=Math.min(t,e),p=Math.max(t,e),f=Array.call(null,{length:h}),m=0,c=s-i,d=e-t;o<=256;)a=o/256,n=a<=l?d<0?s:i:a>=p?d<0?i:s:i+c*Math.pow((a-t)/d,1/r),f[m++]=n,o+=256/(h-1);return f.join(" ")},SVGProLevelsFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e,r=this.filterManager.effectElements;this.feFuncRComposed&&(t||r[3].p._mdf||r[4].p._mdf||r[5].p._mdf||r[6].p._mdf||r[7].p._mdf)&&(e=this.getTableValue(r[3].p.v,r[4].p.v,r[5].p.v,r[6].p.v,r[7].p.v),this.feFuncRComposed.setAttribute("tableValues",e),this.feFuncGComposed.setAttribute("tableValues",e),this.feFuncBComposed.setAttribute("tableValues",e)),this.feFuncR&&(t||r[10].p._mdf||r[11].p._mdf||r[12].p._mdf||r[13].p._mdf||r[14].p._mdf)&&(e=this.getTableValue(r[10].p.v,r[11].p.v,r[12].p.v,r[13].p.v,r[14].p.v),this.feFuncR.setAttribute("tableValues",e)),this.feFuncG&&(t||r[17].p._mdf||r[18].p._mdf||r[19].p._mdf||r[20].p._mdf||r[21].p._mdf)&&(e=this.getTableValue(r[17].p.v,r[18].p.v,r[19].p.v,r[20].p.v,r[21].p.v),this.feFuncG.setAttribute("tableValues",e)),this.feFuncB&&(t||r[24].p._mdf||r[25].p._mdf||r[26].p._mdf||r[27].p._mdf||r[28].p._mdf)&&(e=this.getTableValue(r[24].p.v,r[25].p.v,r[26].p.v,r[27].p.v,r[28].p.v),this.feFuncB.setAttribute("tableValues",e)),this.feFuncA&&(t||r[31].p._mdf||r[32].p._mdf||r[33].p._mdf||r[34].p._mdf||r[35].p._mdf)&&(e=this.getTableValue(r[31].p.v,r[32].p.v,r[33].p.v,r[34].p.v,r[35].p.v),this.feFuncA.setAttribute("tableValues",e))}},SVGDropShadowEffect.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){if((t||this.filterManager.effectElements[4].p._mdf)&&this.feGaussianBlur.setAttribute("stdDeviation",this.filterManager.effectElements[4].p.v/4),t||this.filterManager.effectElements[0].p._mdf){var e=this.filterManager.effectElements[0].p.v;this.feFlood.setAttribute("flood-color",rgbToHex(Math.round(255*e[0]),Math.round(255*e[1]),Math.round(255*e[2])))}if((t||this.filterManager.effectElements[1].p._mdf)&&this.feFlood.setAttribute("flood-opacity",this.filterManager.effectElements[1].p.v/255),t||this.filterManager.effectElements[2].p._mdf||this.filterManager.effectElements[3].p._mdf){var r=this.filterManager.effectElements[3].p.v,i=(this.filterManager.effectElements[2].p.v-90)*degToRads,s=r*Math.cos(i),a=r*Math.sin(i);this.feOffset.setAttribute("dx",s),this.feOffset.setAttribute("dy",a)}}};var _svgMatteSymbols=[],_svgMatteMaskCounter=0;SVGMatte3Effect.prototype.findSymbol=function(t){for(var e=0,r=_svgMatteSymbols.length;e<r;){if(_svgMatteSymbols[e]===t)return _svgMatteSymbols[e];e+=1}return null},SVGMatte3Effect.prototype.replaceInParent=function(t,e){var r=t.layerElement.parentNode;if(r){for(var i=r.children,s=0,a=i.length;s<a&&i[s]!==t.layerElement;)s+=1;var n;s<=a-2&&(n=i[s+1]);var o=createNS("use");o.setAttribute("href","#"+e),n?r.insertBefore(o,n):r.appendChild(o)}},SVGMatte3Effect.prototype.setElementAsMask=function(t,e){if(!this.findSymbol(e)){var r="matte_"+randomString(5)+"_"+_svgMatteMaskCounter++,i=createNS("mask");i.setAttribute("id",e.layerId),i.setAttribute("mask-type","alpha"),_svgMatteSymbols.push(e);var s=t.globalData.defs;s.appendChild(i);var a=createNS("symbol");a.setAttribute("id",r),this.replaceInParent(e,r),a.appendChild(e.layerElement),s.appendChild(a);var n=createNS("use");n.setAttribute("href","#"+r),i.appendChild(n),e.data.hd=!1,e.show()}t.setMatte(e.layerId)},SVGMatte3Effect.prototype.initialize=function(){for(var t=this.filterManager.effectElements[0].p.v,e=this.elem.comp.elements,r=0,i=e.length;r<i;)e[r]&&e[r].data.ind===t&&this.setElementAsMask(this.elem,e[r]),r+=1;this.initialized=!0},SVGMatte3Effect.prototype.renderFrame=function(){this.initialized||this.initialize()},SVGEffects.prototype.renderFrame=function(t){var e,r=this.filters.length;for(e=0;e<r;e+=1)this.filters[e].renderFrame(t)};var animationManager=function(){function t(t){for(var e=0,r=t.target;e<C;)S[e].animation===r&&(S.splice(e,1),e-=1,C-=1,r.isPaused||s()),e+=1}function e(t,e){if(!t)return null;for(var r=0;r<C;){if(S[r].elem==t&&null!==S[r].elem)return S[r].animation;r+=1}var i=new AnimationItem;return a(i,t),i.setData(t,e),i}function r(){var t,e=S.length,r=[];for(t=0;t<e;t+=1)r.push(S[t].animation);return r}function i(){A+=1,b()}function s(){A-=1}function a(e,r){e.addEventListener("destroy",t),e.addEventListener("_active",i),e.addEventListener("_idle",s),S.push({elem:r,animation:e}),C+=1}function n(t){var e=new AnimationItem;return a(e,null),e.setParams(t),e}function o(t,e){var r;for(r=0;r<C;r+=1)S[r].animation.setSpeed(t,e)}function h(t,e){var r;for(r=0;r<C;r+=1)S[r].animation.setDirection(t,e)}function l(t){var e;for(e=0;e<C;e+=1)S[e].animation.play(t)}function p(t){var e,r=t-_;for(e=0;e<C;e+=1)S[e].animation.advanceTime(r);_=t,A&&!k?window.requestAnimationFrame(p):T=!0}function f(t){_=t,window.requestAnimationFrame(p)}function m(t){var e;for(e=0;e<C;e+=1)S[e].animation.pause(t)}function c(t,e,r){var i;for(i=0;i<C;i+=1)S[i].animation.goToAndStop(t,e,r)}function d(t){var e;for(e=0;e<C;e+=1)S[e].animation.stop(t)}function u(t){var e;for(e=0;e<C;e+=1)S[e].animation.togglePause(t)}function y(t){var e;for(e=C-1;e>=0;e-=1)S[e].animation.destroy(t)}function g(t,r,i){var s,a=[].concat([].slice.call(document.getElementsByClassName("lottie")),[].slice.call(document.getElementsByClassName("bodymovin"))),n=a.length;for(s=0;s<n;s+=1)i&&a[s].setAttribute("data-bm-type",i),e(a[s],t);if(r&&0===n){i||(i="svg");var o=document.getElementsByTagName("body")[0];o.innerHTML="";var h=createTag("div");h.style.width="100%",h.style.height="100%",h.setAttribute("data-bm-type",i),o.appendChild(h),e(h,t)}}function v(){var t;for(t=0;t<C;t+=1)S[t].animation.resize()}function b(){!k&&A&&T&&(window.requestAnimationFrame(f),T=!1)}function x(){k=!0}function E(){k=!1,b()}var P={},S=[],_=0,C=0,A=0,T=!0,k=!1;return P.registerAnimation=e,P.loadAnimation=n,P.setSpeed=o,P.setDirection=h,P.play=l,P.pause=m,P.stop=d,P.togglePause=u,P.searchAnimations=g,P.resize=v,P.goToAndStop=c,P.destroy=y,P.freeze=x,P.unfreeze=E,P.getRegisteredAnimations=r,P}(),AnimationItem=function(){this._cbs=[],this.name="",this.path="",this.isLoaded=!1,this.currentFrame=0,this.currentRawFrame=0,this.totalFrames=0,this.frameRate=0,this.frameMult=0,this.playSpeed=1,this.playDirection=1,this.playCount=0,this.animationData={},this.assets=[],this.isPaused=!0,this.autoplay=!1,this.loop=!0,this.renderer=null,this.animationID=randomString(10),this.assetsPath="",this.timeCompleted=0,this.segmentPos=0,this.subframeEnabled=subframeEnabled,this.segments=[],this._idle=!0,this._completedLoop=!1,this.projectInterface=ProjectInterface(),this.imagePreloader=new ImagePreloader};extendPrototype([BaseEvent],AnimationItem),AnimationItem.prototype.setParams=function(t){t.context&&(this.context=t.context),(t.wrapper||t.container)&&(this.wrapper=t.wrapper||t.container);var e=t.animType?t.animType:t.renderer?t.renderer:"svg";switch(e){case"canvas":this.renderer=new CanvasRenderer(this,t.rendererSettings);break;case"svg":this.renderer=new SVGRenderer(this,t.rendererSettings);break;default:this.renderer=new HybridRenderer(this,t.rendererSettings)}this.renderer.setProjectInterface(this.projectInterface),this.animType=e,""===t.loop||null===t.loop||(t.loop===!1?this.loop=!1:t.loop===!0?this.loop=!0:this.loop=parseInt(t.loop)),this.autoplay=!("autoplay"in t)||t.autoplay,this.name=t.name?t.name:"",this.autoloadSegments=!t.hasOwnProperty("autoloadSegments")||t.autoloadSegments,this.assetsPath=t.assetsPath,t.animationData?this.configAnimation(t.animationData):t.path&&("json"!=t.path.substr(-4)&&("/"!=t.path.substr(-1,1)&&(t.path+="/"),t.path+="data.json"),t.path.lastIndexOf("\\")!=-1?this.path=t.path.substr(0,t.path.lastIndexOf("\\")+1):this.path=t.path.substr(0,t.path.lastIndexOf("/")+1),this.fileName=t.path.substr(t.path.lastIndexOf("/")+1),this.fileName=this.fileName.substr(0,this.fileName.lastIndexOf(".json")),assetLoader.load(t.path,this.configAnimation.bind(this),function(){this.trigger("data_failed")}.bind(this)))},AnimationItem.prototype.setData=function(t,e){var r={wrapper:t,animationData:e?"object"==typeof e?e:JSON.parse(e):null},i=t.attributes;r.path=i.getNamedItem("data-animation-path")?i.getNamedItem("data-animation-path").value:i.getNamedItem("data-bm-path")?i.getNamedItem("data-bm-path").value:i.getNamedItem("bm-path")?i.getNamedItem("bm-path").value:"",r.animType=i.getNamedItem("data-anim-type")?i.getNamedItem("data-anim-type").value:i.getNamedItem("data-bm-type")?i.getNamedItem("data-bm-type").value:i.getNamedItem("bm-type")?i.getNamedItem("bm-type").value:i.getNamedItem("data-bm-renderer")?i.getNamedItem("data-bm-renderer").value:i.getNamedItem("bm-renderer")?i.getNamedItem("bm-renderer").value:"canvas";var s=i.getNamedItem("data-anim-loop")?i.getNamedItem("data-anim-loop").value:i.getNamedItem("data-bm-loop")?i.getNamedItem("data-bm-loop").value:i.getNamedItem("bm-loop")?i.getNamedItem("bm-loop").value:"";""===s||("false"===s?r.loop=!1:"true"===s?r.loop=!0:r.loop=parseInt(s));var a=i.getNamedItem("data-anim-autoplay")?i.getNamedItem("data-anim-autoplay").value:i.getNamedItem("data-bm-autoplay")?i.getNamedItem("data-bm-autoplay").value:!i.getNamedItem("bm-autoplay")||i.getNamedItem("bm-autoplay").value;r.autoplay="false"!==a,r.name=i.getNamedItem("data-name")?i.getNamedItem("data-name").value:i.getNamedItem("data-bm-name")?i.getNamedItem("data-bm-name").value:i.getNamedItem("bm-name")?i.getNamedItem("bm-name").value:"";var n=i.getNamedItem("data-anim-prerender")?i.getNamedItem("data-anim-prerender").value:i.getNamedItem("data-bm-prerender")?i.getNamedItem("data-bm-prerender").value:i.getNamedItem("bm-prerender")?i.getNamedItem("bm-prerender").value:"";"false"===n&&(r.prerender=!1),this.setParams(r)},AnimationItem.prototype.includeLayers=function(t){t.op>this.animationData.op&&(this.animationData.op=t.op,this.totalFrames=Math.floor(t.op-this.animationData.ip));var e,r,i=this.animationData.layers,s=i.length,a=t.layers,n=a.length;for(r=0;r<n;r+=1)for(e=0;e<s;){if(i[e].id==a[r].id){i[e]=a[r];break}e+=1}if((t.chars||t.fonts)&&(this.renderer.globalData.fontManager.addChars(t.chars),this.renderer.globalData.fontManager.addFonts(t.fonts,this.renderer.globalData.defs)),t.assets)for(s=t.assets.length,e=0;e<s;e+=1)this.animationData.assets.push(t.assets[e]);this.animationData.__complete=!1,dataManager.completeData(this.animationData,this.renderer.globalData.fontManager),this.renderer.includeLayers(t.layers),expressionsPlugin&&expressionsPlugin.initExpressions(this),this.loadNextSegment()},AnimationItem.prototype.loadNextSegment=function(){var t=this.animationData.segments;if(!t||0===t.length||!this.autoloadSegments)return this.trigger("data_ready"),void(this.timeCompleted=this.totalFrames);var e=t.shift();this.timeCompleted=e.time*this.frameRate;var r=this.path+this.fileName+"_"+this.segmentPos+".json";this.segmentPos+=1,assetLoader.load(r,this.includeLayers.bind(this),function(){this.trigger("data_failed")}.bind(this))},AnimationItem.prototype.loadSegments=function(){var t=this.animationData.segments;t||(this.timeCompleted=this.totalFrames),this.loadNextSegment()},AnimationItem.prototype.imagesLoaded=function(){this.trigger("loaded_images"),this.checkLoaded()},AnimationItem.prototype.preloadImages=function(){this.imagePreloader.setAssetsPath(this.assetsPath),this.imagePreloader.setPath(this.path),this.imagePreloader.loadAssets(this.animationData.assets,this.imagesLoaded.bind(this))},AnimationItem.prototype.configAnimation=function(t){this.renderer&&(this.animationData=t,this.totalFrames=Math.floor(this.animationData.op-this.animationData.ip),this.renderer.configAnimation(t),t.assets||(t.assets=[]),this.renderer.searchExtraCompositions(t.assets),this.assets=this.animationData.assets,this.frameRate=this.animationData.fr,this.firstFrame=Math.round(this.animationData.ip),this.frameMult=this.animationData.fr/1e3,this.trigger("config_ready"),this.preloadImages(),this.loadSegments(),this.updaFrameModifier(),this.waitForFontsLoaded())},AnimationItem.prototype.waitForFontsLoaded=function(){
-this.renderer&&(this.renderer.globalData.fontManager.loaded()?this.checkLoaded():setTimeout(this.waitForFontsLoaded.bind(this),20))},AnimationItem.prototype.checkLoaded=function(){this.isLoaded||!this.renderer.globalData.fontManager.loaded()||!this.imagePreloader.loaded()&&"canvas"===this.renderer.rendererType||(this.isLoaded=!0,dataManager.completeData(this.animationData,this.renderer.globalData.fontManager),expressionsPlugin&&expressionsPlugin.initExpressions(this),this.renderer.initItems(),setTimeout(function(){this.trigger("DOMLoaded")}.bind(this),0),this.gotoFrame(),this.autoplay&&this.play())},AnimationItem.prototype.resize=function(){this.renderer.updateContainerSize()},AnimationItem.prototype.setSubframe=function(t){this.subframeEnabled=!!t},AnimationItem.prototype.gotoFrame=function(){this.currentFrame=this.subframeEnabled?this.currentRawFrame:~~this.currentRawFrame,this.timeCompleted!==this.totalFrames&&this.currentFrame>this.timeCompleted&&(this.currentFrame=this.timeCompleted),this.trigger("enterFrame"),this.renderFrame()},AnimationItem.prototype.renderFrame=function(){this.isLoaded!==!1&&this.renderer.renderFrame(this.currentFrame+this.firstFrame)},AnimationItem.prototype.play=function(t){t&&this.name!=t||this.isPaused===!0&&(this.isPaused=!1,this._idle&&(this._idle=!1,this.trigger("_active")))},AnimationItem.prototype.pause=function(t){t&&this.name!=t||this.isPaused===!1&&(this.isPaused=!0,this._idle=!0,this.trigger("_idle"))},AnimationItem.prototype.togglePause=function(t){t&&this.name!=t||(this.isPaused===!0?this.play():this.pause())},AnimationItem.prototype.stop=function(t){t&&this.name!=t||(this.pause(),this.playCount=0,this._completedLoop=!1,this.setCurrentRawFrameValue(0))},AnimationItem.prototype.goToAndStop=function(t,e,r){r&&this.name!=r||(e?this.setCurrentRawFrameValue(t):this.setCurrentRawFrameValue(t*this.frameModifier),this.pause())},AnimationItem.prototype.goToAndPlay=function(t,e,r){this.goToAndStop(t,e,r),this.play()},AnimationItem.prototype.advanceTime=function(t){if(this.isPaused!==!0&&this.isLoaded!==!1){var e=this.currentRawFrame+t*this.frameModifier,r=!1;e>=this.totalFrames-1&&this.frameModifier>0?this.loop&&this.playCount!==this.loop?e>=this.totalFrames?(this.playCount+=1,this.checkSegments(e%this.totalFrames)||(this.setCurrentRawFrameValue(e%this.totalFrames),this._completedLoop=!0,this.trigger("loopComplete"))):this.setCurrentRawFrameValue(e):this.checkSegments(e>this.totalFrames?e%this.totalFrames:0)||(r=!0,e=this.totalFrames-1):e<0?this.checkSegments(e%this.totalFrames)||(!this.loop||this.playCount--<=0&&this.loop!==!0?(r=!0,e=0):(this.setCurrentRawFrameValue(this.totalFrames+e%this.totalFrames),this._completedLoop?this.trigger("loopComplete"):this._completedLoop=!0)):this.setCurrentRawFrameValue(e),r&&(this.setCurrentRawFrameValue(e),this.pause(),this.trigger("complete"))}},AnimationItem.prototype.adjustSegment=function(t,e){this.playCount=0,t[1]<t[0]?(this.frameModifier>0&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(-1)),this.timeCompleted=this.totalFrames=t[0]-t[1],this.firstFrame=t[1],this.setCurrentRawFrameValue(this.totalFrames-.001-e)):t[1]>t[0]&&(this.frameModifier<0&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(1)),this.timeCompleted=this.totalFrames=t[1]-t[0],this.firstFrame=t[0],this.setCurrentRawFrameValue(.001+e)),this.trigger("segmentStart")},AnimationItem.prototype.setSegment=function(t,e){var r=-1;this.isPaused&&(this.currentRawFrame+this.firstFrame<t?r=t:this.currentRawFrame+this.firstFrame>e&&(r=e-t)),this.firstFrame=t,this.timeCompleted=this.totalFrames=e-t,r!==-1&&this.goToAndStop(r,!0)},AnimationItem.prototype.playSegments=function(t,e){if(e&&(this.segments.length=0),"object"==typeof t[0]){var r,i=t.length;for(r=0;r<i;r+=1)this.segments.push(t[r])}else this.segments.push(t);this.segments.length&&this.adjustSegment(this.segments.shift(),0),this.isPaused&&this.play()},AnimationItem.prototype.resetSegments=function(t){this.segments.length=0,this.segments.push([this.animationData.ip,this.animationData.op]),t&&this.checkSegments(0)},AnimationItem.prototype.checkSegments=function(t){return!!this.segments.length&&(this.adjustSegment(this.segments.shift(),t),!0)},AnimationItem.prototype.destroy=function(t){t&&this.name!=t||!this.renderer||(this.renderer.destroy(),this.imagePreloader.destroy(),this.trigger("destroy"),this._cbs=null,this.onEnterFrame=this.onLoopComplete=this.onComplete=this.onSegmentStart=this.onDestroy=null,this.renderer=null)},AnimationItem.prototype.setCurrentRawFrameValue=function(t){this.currentRawFrame=t,this.gotoFrame()},AnimationItem.prototype.setSpeed=function(t){this.playSpeed=t,this.updaFrameModifier()},AnimationItem.prototype.setDirection=function(t){this.playDirection=t<0?-1:1,this.updaFrameModifier()},AnimationItem.prototype.updaFrameModifier=function(){this.frameModifier=this.frameMult*this.playSpeed*this.playDirection},AnimationItem.prototype.getPath=function(){return this.path},AnimationItem.prototype.getAssetsPath=function(t){var e="";if(t.e)e=t.p;else if(this.assetsPath){var r=t.p;r.indexOf("images/")!==-1&&(r=r.split("/")[1]),e=this.assetsPath+r}else e=this.path,e+=t.u?t.u:"",e+=t.p;return e},AnimationItem.prototype.getAssetData=function(t){for(var e=0,r=this.assets.length;e<r;){if(t==this.assets[e].id)return this.assets[e];e+=1}},AnimationItem.prototype.hide=function(){this.renderer.hide()},AnimationItem.prototype.show=function(){this.renderer.show()},AnimationItem.prototype.getDuration=function(t){return t?this.totalFrames:this.totalFrames/this.frameRate},AnimationItem.prototype.trigger=function(t){if(this._cbs&&this._cbs[t])switch(t){case"enterFrame":this.triggerEvent(t,new BMEnterFrameEvent(t,this.currentFrame,this.totalFrames,this.frameMult));break;case"loopComplete":this.triggerEvent(t,new BMCompleteLoopEvent(t,this.loop,this.playCount,this.frameMult));break;case"complete":this.triggerEvent(t,new BMCompleteEvent(t,this.frameMult));break;case"segmentStart":this.triggerEvent(t,new BMSegmentStartEvent(t,this.firstFrame,this.totalFrames));break;case"destroy":this.triggerEvent(t,new BMDestroyEvent(t,this));break;default:this.triggerEvent(t)}"enterFrame"===t&&this.onEnterFrame&&this.onEnterFrame.call(this,new BMEnterFrameEvent(t,this.currentFrame,this.totalFrames,this.frameMult)),"loopComplete"===t&&this.onLoopComplete&&this.onLoopComplete.call(this,new BMCompleteLoopEvent(t,this.loop,this.playCount,this.frameMult)),"complete"===t&&this.onComplete&&this.onComplete.call(this,new BMCompleteEvent(t,this.frameMult)),"segmentStart"===t&&this.onSegmentStart&&this.onSegmentStart.call(this,new BMSegmentStartEvent(t,this.firstFrame,this.totalFrames)),"destroy"===t&&this.onDestroy&&this.onDestroy.call(this,new BMDestroyEvent(t,this))},extendPrototype([BaseRenderer],CanvasRenderer),CanvasRenderer.prototype.createShape=function(t){return new CVShapeElement(t,this.globalData,this)},CanvasRenderer.prototype.createText=function(t){return new CVTextElement(t,this.globalData,this)},CanvasRenderer.prototype.createImage=function(t){return new CVImageElement(t,this.globalData,this)},CanvasRenderer.prototype.createComp=function(t){return new CVCompElement(t,this.globalData,this)},CanvasRenderer.prototype.createSolid=function(t){return new CVSolidElement(t,this.globalData,this)},CanvasRenderer.prototype.createNull=SVGRenderer.prototype.createNull,CanvasRenderer.prototype.ctxTransform=function(t){if(1!==t[0]||0!==t[1]||0!==t[4]||1!==t[5]||0!==t[12]||0!==t[13]){if(!this.renderConfig.clearCanvas)return void this.canvasContext.transform(t[0],t[1],t[4],t[5],t[12],t[13]);this.transformMat.cloneFromProps(t);var e=this.contextData.cTr.props;this.transformMat.transform(e[0],e[1],e[2],e[3],e[4],e[5],e[6],e[7],e[8],e[9],e[10],e[11],e[12],e[13],e[14],e[15]),this.contextData.cTr.cloneFromProps(this.transformMat.props);var r=this.contextData.cTr.props;this.canvasContext.setTransform(r[0],r[1],r[4],r[5],r[12],r[13])}},CanvasRenderer.prototype.ctxOpacity=function(t){return this.renderConfig.clearCanvas?(this.contextData.cO*=t<0?0:t,void(this.globalData.currentGlobalAlpha!==this.contextData.cO&&(this.canvasContext.globalAlpha=this.contextData.cO,this.globalData.currentGlobalAlpha=this.contextData.cO))):(this.canvasContext.globalAlpha*=t<0?0:t,void(this.globalData.currentGlobalAlpha=this.contextData.cO))},CanvasRenderer.prototype.reset=function(){return this.renderConfig.clearCanvas?void this.contextData.reset():void this.canvasContext.restore()},CanvasRenderer.prototype.save=function(t){if(!this.renderConfig.clearCanvas)return void this.canvasContext.save();t&&this.canvasContext.save();var e=this.contextData.cTr.props;this.contextData._length<=this.contextData.cArrPos&&this.contextData.duplicate();var r,i=this.contextData.saved[this.contextData.cArrPos];for(r=0;r<16;r+=1)i[r]=e[r];this.contextData.savedOp[this.contextData.cArrPos]=this.contextData.cO,this.contextData.cArrPos+=1},CanvasRenderer.prototype.restore=function(t){if(!this.renderConfig.clearCanvas)return void this.canvasContext.restore();t&&(this.canvasContext.restore(),this.globalData.blendMode="source-over"),this.contextData.cArrPos-=1;var e,r=this.contextData.saved[this.contextData.cArrPos],i=this.contextData.cTr.props;for(e=0;e<16;e+=1)i[e]=r[e];this.canvasContext.setTransform(r[0],r[1],r[4],r[5],r[12],r[13]),r=this.contextData.savedOp[this.contextData.cArrPos],this.contextData.cO=r,this.globalData.currentGlobalAlpha!==r&&(this.canvasContext.globalAlpha=r,this.globalData.currentGlobalAlpha=r)},CanvasRenderer.prototype.configAnimation=function(t){this.animationItem.wrapper?(this.animationItem.container=createTag("canvas"),this.animationItem.container.style.width="100%",this.animationItem.container.style.height="100%",this.animationItem.container.style.transformOrigin=this.animationItem.container.style.mozTransformOrigin=this.animationItem.container.style.webkitTransformOrigin=this.animationItem.container.style["-webkit-transform"]="0px 0px 0px",this.animationItem.wrapper.appendChild(this.animationItem.container),this.canvasContext=this.animationItem.container.getContext("2d"),this.renderConfig.className&&this.animationItem.container.setAttribute("class",this.renderConfig.className)):this.canvasContext=this.renderConfig.context,this.data=t,this.layers=t.layers,this.transformCanvas={w:t.w,h:t.h,sx:0,sy:0,tx:0,ty:0},this.setupGlobalData(t,document.body),this.globalData.canvasContext=this.canvasContext,this.globalData.renderer=this,this.globalData.isDashed=!1,this.globalData.progressiveLoad=this.renderConfig.progressiveLoad,this.globalData.transformCanvas=this.transformCanvas,this.elements=createSizedArray(t.layers.length),this.updateContainerSize()},CanvasRenderer.prototype.updateContainerSize=function(){this.reset();var t,e;this.animationItem.wrapper&&this.animationItem.container?(t=this.animationItem.wrapper.offsetWidth,e=this.animationItem.wrapper.offsetHeight,this.animationItem.container.setAttribute("width",t*this.renderConfig.dpr),this.animationItem.container.setAttribute("height",e*this.renderConfig.dpr)):(t=this.canvasContext.canvas.width*this.renderConfig.dpr,e=this.canvasContext.canvas.height*this.renderConfig.dpr);var r,i;if(this.renderConfig.preserveAspectRatio.indexOf("meet")!==-1||this.renderConfig.preserveAspectRatio.indexOf("slice")!==-1){var s=this.renderConfig.preserveAspectRatio.split(" "),a=s[1]||"meet",n=s[0]||"xMidYMid",o=n.substr(0,4),h=n.substr(4);r=t/e,i=this.transformCanvas.w/this.transformCanvas.h,i>r&&"meet"===a||i<r&&"slice"===a?(this.transformCanvas.sx=t/(this.transformCanvas.w/this.renderConfig.dpr),this.transformCanvas.sy=t/(this.transformCanvas.w/this.renderConfig.dpr)):(this.transformCanvas.sx=e/(this.transformCanvas.h/this.renderConfig.dpr),this.transformCanvas.sy=e/(this.transformCanvas.h/this.renderConfig.dpr)),"xMid"===o&&(i<r&&"meet"===a||i>r&&"slice"===a)?this.transformCanvas.tx=(t-this.transformCanvas.w*(e/this.transformCanvas.h))/2*this.renderConfig.dpr:"xMax"===o&&(i<r&&"meet"===a||i>r&&"slice"===a)?this.transformCanvas.tx=(t-this.transformCanvas.w*(e/this.transformCanvas.h))*this.renderConfig.dpr:this.transformCanvas.tx=0,"YMid"===h&&(i>r&&"meet"===a||i<r&&"slice"===a)?this.transformCanvas.ty=(e-this.transformCanvas.h*(t/this.transformCanvas.w))/2*this.renderConfig.dpr:"YMax"===h&&(i>r&&"meet"===a||i<r&&"slice"===a)?this.transformCanvas.ty=(e-this.transformCanvas.h*(t/this.transformCanvas.w))*this.renderConfig.dpr:this.transformCanvas.ty=0}else"none"==this.renderConfig.preserveAspectRatio?(this.transformCanvas.sx=t/(this.transformCanvas.w/this.renderConfig.dpr),this.transformCanvas.sy=e/(this.transformCanvas.h/this.renderConfig.dpr),this.transformCanvas.tx=0,this.transformCanvas.ty=0):(this.transformCanvas.sx=this.renderConfig.dpr,this.transformCanvas.sy=this.renderConfig.dpr,this.transformCanvas.tx=0,this.transformCanvas.ty=0);this.transformCanvas.props=[this.transformCanvas.sx,0,0,0,0,this.transformCanvas.sy,0,0,0,0,1,0,this.transformCanvas.tx,this.transformCanvas.ty,0,1],this.ctxTransform(this.transformCanvas.props),this.canvasContext.beginPath(),this.canvasContext.rect(0,0,this.transformCanvas.w,this.transformCanvas.h),this.canvasContext.closePath(),this.canvasContext.clip()},CanvasRenderer.prototype.destroy=function(){this.renderConfig.clearCanvas&&(this.animationItem.wrapper.innerHTML="");var t,e=this.layers?this.layers.length:0;for(t=e-1;t>=0;t-=1)this.elements[t]&&this.elements[t].destroy();this.elements.length=0,this.globalData.canvasContext=null,this.animationItem.container=null,this.destroyed=!0},CanvasRenderer.prototype.renderFrame=function(t){if(!(this.renderedFrame==t&&this.renderConfig.clearCanvas===!0||this.destroyed||t===-1)){this.renderedFrame=t,this.globalData.frameNum=t-this.animationItem._isFirstFrame,this.globalData.frameId+=1,this.globalData._mdf=!this.renderConfig.clearCanvas,this.globalData.projectInterface.currentFrame=t;var e,r=this.layers.length;for(this.completeLayers||this.checkLayers(t),e=0;e<r;e++)(this.completeLayers||this.elements[e])&&this.elements[e].prepareFrame(t-this.layers[e].st);if(this.globalData._mdf){for(this.renderConfig.clearCanvas===!0?this.canvasContext.clearRect(0,0,this.transformCanvas.w,this.transformCanvas.h):this.save(),e=r-1;e>=0;e-=1)(this.completeLayers||this.elements[e])&&this.elements[e].renderFrame();this.renderConfig.clearCanvas!==!0&&this.restore()}}},CanvasRenderer.prototype.buildItem=function(t){var e=this.elements;if(!e[t]&&99!=this.layers[t].ty){var r=this.createItem(this.layers[t],this,this.globalData);e[t]=r,r.initExpressions()}},CanvasRenderer.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){var t=this.pendingElements.pop();t.checkParenting()}},CanvasRenderer.prototype.hide=function(){this.animationItem.container.style.display="none"},CanvasRenderer.prototype.show=function(){this.animationItem.container.style.display="block"},extendPrototype([BaseRenderer],HybridRenderer),HybridRenderer.prototype.buildItem=SVGRenderer.prototype.buildItem,HybridRenderer.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){var t=this.pendingElements.pop();t.checkParenting()}},HybridRenderer.prototype.appendElementInPos=function(t,e){var r=t.getBaseElement();if(r){var i=this.layers[e];if(i.ddd&&this.supports3d)this.addTo3dContainer(r,e);else if(this.threeDElements)this.addTo3dContainer(r,e);else{for(var s,a,n,o=0;o<e;)this.elements[o]&&this.elements[o]!==!0&&this.elements[o].getBaseElement&&(a=this.elements[o],n=this.layers[o].ddd?this.getThreeDContainerByPos(o):a.getBaseElement(),s=n||s),o+=1;s?i.ddd&&this.supports3d||this.layerElement.insertBefore(r,s):i.ddd&&this.supports3d||this.layerElement.appendChild(r)}}},HybridRenderer.prototype.createShape=function(t){return this.supports3d?new HShapeElement(t,this.globalData,this):new SVGShapeElement(t,this.globalData,this)},HybridRenderer.prototype.createText=function(t){return this.supports3d?new HTextElement(t,this.globalData,this):new SVGTextElement(t,this.globalData,this)},HybridRenderer.prototype.createCamera=function(t){return this.camera=new HCameraElement(t,this.globalData,this),this.camera},HybridRenderer.prototype.createImage=function(t){return this.supports3d?new HImageElement(t,this.globalData,this):new IImageElement(t,this.globalData,this)},HybridRenderer.prototype.createComp=function(t){return this.supports3d?new HCompElement(t,this.globalData,this):new SVGCompElement(t,this.globalData,this)},HybridRenderer.prototype.createSolid=function(t){return this.supports3d?new HSolidElement(t,this.globalData,this):new ISolidElement(t,this.globalData,this)},HybridRenderer.prototype.createNull=SVGRenderer.prototype.createNull,HybridRenderer.prototype.getThreeDContainerByPos=function(t){for(var e=0,r=this.threeDElements.length;e<r;){if(this.threeDElements[e].startPos<=t&&this.threeDElements[e].endPos>=t)return this.threeDElements[e].perspectiveElem;e+=1}},HybridRenderer.prototype.createThreeDContainer=function(t,e){var r=createTag("div");styleDiv(r);var i=createTag("div");styleDiv(i),"3d"===e&&(r.style.width=this.globalData.compSize.w+"px",r.style.height=this.globalData.compSize.h+"px",r.style.transformOrigin=r.style.mozTransformOrigin=r.style.webkitTransformOrigin="50% 50%",i.style.transform=i.style.webkitTransform="matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)"),r.appendChild(i);var s={container:i,perspectiveElem:r,startPos:t,endPos:t,type:e};return this.threeDElements.push(s),s},HybridRenderer.prototype.build3dContainers=function(){var t,e,r=this.layers.length,i="";for(t=0;t<r;t+=1)this.layers[t].ddd&&3!==this.layers[t].ty?("3d"!==i&&(i="3d",e=this.createThreeDContainer(t,"3d")),e.endPos=Math.max(e.endPos,t)):("2d"!==i&&(i="2d",e=this.createThreeDContainer(t,"2d")),e.endPos=Math.max(e.endPos,t));for(r=this.threeDElements.length,t=r-1;t>=0;t--)this.resizerElem.appendChild(this.threeDElements[t].perspectiveElem)},HybridRenderer.prototype.addTo3dContainer=function(t,e){for(var r=0,i=this.threeDElements.length;r<i;){if(e<=this.threeDElements[r].endPos){for(var s,a=this.threeDElements[r].startPos;a<e;)this.elements[a]&&this.elements[a].getBaseElement&&(s=this.elements[a].getBaseElement()),a+=1;s?this.threeDElements[r].container.insertBefore(t,s):this.threeDElements[r].container.appendChild(t);break}r+=1}},HybridRenderer.prototype.configAnimation=function(t){var e=createTag("div"),r=this.animationItem.wrapper;e.style.width=t.w+"px",e.style.height=t.h+"px",this.resizerElem=e,styleDiv(e),e.style.transformStyle=e.style.webkitTransformStyle=e.style.mozTransformStyle="flat",this.renderConfig.className&&e.setAttribute("class",this.renderConfig.className),r.appendChild(e),e.style.overflow="hidden";var i=createNS("svg");i.setAttribute("width","1"),i.setAttribute("height","1"),styleDiv(i),this.resizerElem.appendChild(i);var s=createNS("defs");i.appendChild(s),this.data=t,this.setupGlobalData(t,i),this.globalData.defs=s,this.layers=t.layers,this.layerElement=this.resizerElem,this.build3dContainers(),this.updateContainerSize()},HybridRenderer.prototype.destroy=function(){this.animationItem.wrapper.innerHTML="",this.animationItem.container=null,this.globalData.defs=null;var t,e=this.layers?this.layers.length:0;for(t=0;t<e;t++)this.elements[t].destroy();this.elements.length=0,this.destroyed=!0,this.animationItem=null},HybridRenderer.prototype.updateContainerSize=function(){var t,e,r,i,s=this.animationItem.wrapper.offsetWidth,a=this.animationItem.wrapper.offsetHeight,n=s/a,o=this.globalData.compSize.w/this.globalData.compSize.h;o>n?(t=s/this.globalData.compSize.w,e=s/this.globalData.compSize.w,r=0,i=(a-this.globalData.compSize.h*(s/this.globalData.compSize.w))/2):(t=a/this.globalData.compSize.h,e=a/this.globalData.compSize.h,r=(s-this.globalData.compSize.w*(a/this.globalData.compSize.h))/2,i=0),this.resizerElem.style.transform=this.resizerElem.style.webkitTransform="matrix3d("+t+",0,0,0,0,"+e+",0,0,0,0,1,0,"+r+","+i+",0,1)"},HybridRenderer.prototype.renderFrame=SVGRenderer.prototype.renderFrame,HybridRenderer.prototype.hide=function(){this.resizerElem.style.display="none"},HybridRenderer.prototype.show=function(){this.resizerElem.style.display="block"},HybridRenderer.prototype.initItems=function(){if(this.buildAllItems(),this.camera)this.camera.setup();else{var t,e=this.globalData.compSize.w,r=this.globalData.compSize.h,i=this.threeDElements.length;for(t=0;t<i;t+=1)this.threeDElements[t].perspectiveElem.style.perspective=this.threeDElements[t].perspectiveElem.style.webkitPerspective=Math.sqrt(Math.pow(e,2)+Math.pow(r,2))+"px"}},HybridRenderer.prototype.searchExtraCompositions=function(t){var e,r=t.length,i=createTag("div");for(e=0;e<r;e+=1)if(t[e].xt){var s=this.createComp(t[e],i,this.globalData.comp,null);s.initExpressions(),this.globalData.projectInterface.registerComposition(s)}},CVShapeData.prototype.setAsAnimated=SVGShapeData.prototype.setAsAnimated,CVContextData.prototype.duplicate=function(){var t=2*this._length,e=this.savedOp;this.savedOp=createTypedArray("float32",t),this.savedOp.set(e);var r=0;for(r=this._length;r<t;r+=1)this.saved[r]=createTypedArray("float32",16);this._length=t},CVContextData.prototype.reset=function(){this.cArrPos=0,this.cTr.reset(),this.cO=1},CVBaseElement.prototype={createElements:function(){},initRendererElement:function(){},createContainerElements:function(){this.canvasContext=this.globalData.canvasContext,this.renderableEffectsManager=new CVEffects(this)},createContent:function(){},setBlendMode:function(){var t=this.globalData;if(t.blendMode!==this.data.bm){t.blendMode=this.data.bm;var e=this.getBlendMode();t.canvasContext.globalCompositeOperation=e}},createRenderableComponents:function(){this.maskManager=new CVMaskElement(this.data,this)},hideElement:function(){this.hidden||this.isInRange&&!this.isTransparent||(this.hidden=!0)},showElement:function(){this.isInRange&&!this.isTransparent&&(this.hidden=!1,this._isFirstFrame=!0,this.maskManager._isFirstFrame=!0)},renderFrame:function(){this.hidden||this.data.hd||(this.renderTransform(),this.renderRenderable(),this.setBlendMode(),this.globalData.renderer.save(),this.globalData.renderer.ctxTransform(this.finalTransform.mat.props),this.globalData.renderer.ctxOpacity(this.finalTransform.mProp.o.v),this.renderInnerContent(),this.globalData.renderer.restore(),this.maskManager.hasMasks&&this.globalData.renderer.restore(!0),this._isFirstFrame&&(this._isFirstFrame=!1))},destroy:function(){this.canvasContext=null,this.data=null,this.globalData=null,this.maskManager.destroy()},mHelper:new Matrix},CVBaseElement.prototype.hide=CVBaseElement.prototype.hideElement,CVBaseElement.prototype.show=CVBaseElement.prototype.showElement,extendPrototype([BaseElement,TransformElement,CVBaseElement,HierarchyElement,FrameElement,RenderableElement],CVImageElement),CVImageElement.prototype.initElement=SVGShapeElement.prototype.initElement,CVImageElement.prototype.prepareFrame=IImageElement.prototype.prepareFrame,CVImageElement.prototype.createContent=function(){if(this.img.width&&(this.assetData.w!==this.img.width||this.assetData.h!==this.img.height)){var t=createTag("canvas");t.width=this.assetData.w,t.height=this.assetData.h;var e,r,i=t.getContext("2d"),s=this.img.width,a=this.img.height,n=s/a,o=this.assetData.w/this.assetData.h,h=this.assetData.pr||this.globalData.renderConfig.imagePreserveAspectRatio;n>o&&"xMidYMid slice"===h||n<o&&"xMidYMid slice"!==h?(r=a,e=r*o):(e=s,r=e/o),i.drawImage(this.img,(s-e)/2,(a-r)/2,e,r,0,0,this.assetData.w,this.assetData.h),this.img=t}},CVImageElement.prototype.renderInnerContent=function(t){this.failed||this.canvasContext.drawImage(this.img,0,0)},CVImageElement.prototype.destroy=function(){this.img=null},extendPrototype([CanvasRenderer,ICompElement,CVBaseElement],CVCompElement),CVCompElement.prototype.renderInnerContent=function(){var t,e=this.layers.length;for(t=e-1;t>=0;t-=1)(this.completeLayers||this.elements[t])&&this.elements[t].renderFrame()},CVCompElement.prototype.destroy=function(){var t,e=this.layers.length;for(t=e-1;t>=0;t-=1)this.elements[t]&&this.elements[t].destroy();this.layers=null,this.elements=null},CVMaskElement.prototype.renderFrame=function(){if(this.hasMasks){var t,e,r,i,s=this.element.finalTransform.mat,a=this.element.canvasContext,n=this.masksProperties.length;for(a.beginPath(),t=0;t<n;t++)if("n"!==this.masksProperties[t].mode){this.masksProperties[t].inv&&(a.moveTo(0,0),a.lineTo(this.element.globalData.compSize.w,0),a.lineTo(this.element.globalData.compSize.w,this.element.globalData.compSize.h),a.lineTo(0,this.element.globalData.compSize.h),a.lineTo(0,0)),i=this.viewData[t].v,e=s.applyToPointArray(i.v[0][0],i.v[0][1],0),a.moveTo(e[0],e[1]);var o,h=i._length;for(o=1;o<h;o++)r=s.applyToTriplePoints(i.o[o-1],i.i[o],i.v[o]),a.bezierCurveTo(r[0],r[1],r[2],r[3],r[4],r[5]);r=s.applyToTriplePoints(i.o[o-1],i.i[0],i.v[0]),a.bezierCurveTo(r[0],r[1],r[2],r[3],r[4],r[5])}this.element.globalData.renderer.save(!0),a.clip()}},CVMaskElement.prototype.getMaskProperty=MaskElement.prototype.getMaskProperty,CVMaskElement.prototype.destroy=function(){this.element=null},extendPrototype([BaseElement,TransformElement,CVBaseElement,IShapeElement,HierarchyElement,FrameElement,RenderableElement],CVShapeElement),CVShapeElement.prototype.initElement=RenderableDOMElement.prototype.initElement,CVShapeElement.prototype.transformHelper={opacity:1,_opMdf:!1},CVShapeElement.prototype.dashResetter=[],CVShapeElement.prototype.createContent=function(){this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,!0,[])},CVShapeElement.prototype.createStyleElement=function(t,e){var r=this.transformsManager.addTransformSequence(e),i={data:t,type:t.ty,preTransforms:r,transforms:[],elements:[],closed:t.hd===!0},s={};if("fl"==t.ty||"st"==t.ty?(s.c=PropertyFactory.getProp(this,t.c,1,255,this),s.c.k||(i.co="rgb("+bm_floor(s.c.v[0])+","+bm_floor(s.c.v[1])+","+bm_floor(s.c.v[2])+")")):"gf"!==t.ty&&"gs"!==t.ty||(s.s=PropertyFactory.getProp(this,t.s,1,null,this),s.e=PropertyFactory.getProp(this,t.e,1,null,this),s.h=PropertyFactory.getProp(this,t.h||{k:0},0,.01,this),s.a=PropertyFactory.getProp(this,t.a||{k:0},0,degToRads,this),s.g=new GradientProperty(this,t.g,this)),s.o=PropertyFactory.getProp(this,t.o,0,.01,this),"st"==t.ty||"gs"==t.ty){if(i.lc=this.lcEnum[t.lc]||"round",i.lj=this.ljEnum[t.lj]||"round",1==t.lj&&(i.ml=t.ml),s.w=PropertyFactory.getProp(this,t.w,0,null,this),s.w.k||(i.wi=s.w.v),t.d){var a=new DashProperty(this,t.d,"canvas");s.d=a,s.d.k||(i.da=s.d.dashArray,i["do"]=s.d.dashoffset[0])}}else i.r=2===t.r?"evenodd":"nonzero";return this.stylesList.push(i),s.style=i,s},CVShapeElement.prototype.createGroupElement=function(t){var e={it:[],prevViewData:[]};return e},CVShapeElement.prototype.createTransformElement=function(t){var e={transform:{opacity:1,_opMdf:!1,key:this.transformsManager.getNewKey(),op:PropertyFactory.getProp(this,t.o,0,.01,this),mProps:TransformPropertyFactory.getTransformProperty(this,t,this)}};return e},CVShapeElement.prototype.createShapeElement=function(t){var e=new CVShapeData(this,t,this.stylesList,this.transformsManager);return this.shapes.push(e),this.addShapeToModifiers(e),e},CVShapeElement.prototype.reloadShapes=function(){this._isFirstFrame=!0;var t,e=this.itemsData.length;for(t=0;t<e;t+=1)this.prevViewData[t]=this.itemsData[t];for(this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,!0,[]),e=this.dynamicProperties.length,t=0;t<e;t+=1)this.dynamicProperties[t].getValue();this.renderModifiers(),this.transformsManager.processSequences(this._isFirstFrame)},CVShapeElement.prototype.addTransformToStyleList=function(t){var e,r=this.stylesList.length;for(e=0;e<r;e+=1)this.stylesList[e].closed||this.stylesList[e].transforms.push(t)},CVShapeElement.prototype.removeTransformFromStyleList=function(){var t,e=this.stylesList.length;for(t=0;t<e;t+=1)this.stylesList[t].closed||this.stylesList[t].transforms.pop()},CVShapeElement.prototype.closeStyles=function(t){var e,r=t.length;for(e=0;e<r;e+=1)t[e].closed=!0},CVShapeElement.prototype.searchShapes=function(t,e,r,i,s){var a,n,o,h,l,p,f=t.length-1,m=[],c=[],d=[].concat(s);for(a=f;a>=0;a-=1){if(h=this.searchProcessedElement(t[a]),h?e[a]=r[h-1]:t[a]._shouldRender=i,"fl"==t[a].ty||"st"==t[a].ty||"gf"==t[a].ty||"gs"==t[a].ty)h?e[a].style.closed=!1:e[a]=this.createStyleElement(t[a],d),m.push(e[a].style);else if("gr"==t[a].ty){if(h)for(o=e[a].it.length,n=0;n<o;n+=1)e[a].prevViewData[n]=e[a].it[n];else e[a]=this.createGroupElement(t[a]);this.searchShapes(t[a].it,e[a].it,e[a].prevViewData,i,d)}else"tr"==t[a].ty?h||(p=this.createTransformElement(t[a]),e[a]=p,d.push(p),this.addTransformToStyleList(p)):"sh"==t[a].ty||"rc"==t[a].ty||"el"==t[a].ty||"sr"==t[a].ty?h||(e[a]=this.createShapeElement(t[a])):"tm"==t[a].ty||"rd"==t[a].ty?(h?(l=e[a],l.closed=!1):(l=ShapeModifiers.getModifier(t[a].ty),l.init(this,t[a]),e[a]=l,this.shapeModifiers.push(l)),c.push(l)):"rp"==t[a].ty&&(h?(l=e[a],l.closed=!0):(l=ShapeModifiers.getModifier(t[a].ty),e[a]=l,l.init(this,t,a,e),this.shapeModifiers.push(l),i=!1),c.push(l));this.addProcessedElement(t[a],a+1)}for(this.removeTransformFromStyleList(),this.closeStyles(m),f=c.length,a=0;a<f;a+=1)c[a].closed=!0},CVShapeElement.prototype.renderInnerContent=function(){this.transformHelper.opacity=1,this.transformHelper._opMdf=!1,this.renderModifiers(),this.transformsManager.processSequences(this._isFirstFrame),this.renderShape(this.transformHelper,this.shapesData,this.itemsData,!0)},CVShapeElement.prototype.renderShapeTransform=function(t,e){(t._opMdf||e.op._mdf||this._isFirstFrame)&&(e.opacity=t.opacity,e.opacity*=e.op.v,e._opMdf=!0)},CVShapeElement.prototype.drawLayer=function(){var t,e,r,i,s,a,n,o,h,l=this.stylesList.length,p=this.globalData.renderer,f=this.globalData.canvasContext;for(t=0;t<l;t+=1)if(h=this.stylesList[t],o=h.type,("st"!==o&&"gs"!==o||0!==h.wi)&&h.data._shouldRender&&0!==h.coOp&&0!==this.globalData.currentGlobalAlpha){for(p.save(),a=h.elements,"st"===o||"gs"===o?(f.strokeStyle="st"===o?h.co:h.grd,f.lineWidth=h.wi,f.lineCap=h.lc,f.lineJoin=h.lj,f.miterLimit=h.ml||0):f.fillStyle="fl"===o?h.co:h.grd,p.ctxOpacity(h.coOp),"st"!==o&&"gs"!==o&&f.beginPath(),p.ctxTransform(h.preTransforms.finalTransform.props),r=a.length,e=0;e<r;e+=1){for("st"!==o&&"gs"!==o||(f.beginPath(),h.da&&(f.setLineDash(h.da),f.lineDashOffset=h["do"])),n=a[e].trNodes,s=n.length,i=0;i<s;i+=1)"m"==n[i].t?f.moveTo(n[i].p[0],n[i].p[1]):"c"==n[i].t?f.bezierCurveTo(n[i].pts[0],n[i].pts[1],n[i].pts[2],n[i].pts[3],n[i].pts[4],n[i].pts[5]):f.closePath();"st"!==o&&"gs"!==o||(f.stroke(),h.da&&f.setLineDash(this.dashResetter))}"st"!==o&&"gs"!==o&&f.fill(h.r),p.restore()}},CVShapeElement.prototype.renderShape=function(t,e,r,i){var s,a,n=e.length-1;for(a=t,s=n;s>=0;s-=1)"tr"==e[s].ty?(a=r[s].transform,this.renderShapeTransform(t,a)):"sh"==e[s].ty||"el"==e[s].ty||"rc"==e[s].ty||"sr"==e[s].ty?this.renderPath(e[s],r[s]):"fl"==e[s].ty?this.renderFill(e[s],r[s],a):"st"==e[s].ty?this.renderStroke(e[s],r[s],a):"gf"==e[s].ty||"gs"==e[s].ty?this.renderGradientFill(e[s],r[s],a):"gr"==e[s].ty?this.renderShape(a,e[s].it,r[s].it):"tm"==e[s].ty;i&&this.drawLayer()},CVShapeElement.prototype.renderStyledShape=function(t,e){if(this._isFirstFrame||e._mdf||t.transforms._mdf){var r,i,s,a=t.trNodes,n=e.paths,o=n._length;a.length=0;var h=t.transforms.finalTransform;for(s=0;s<o;s+=1){var l=n.shapes[s];if(l&&l.v){for(i=l._length,r=1;r<i;r+=1)1===r&&a.push({t:"m",p:h.applyToPointArray(l.v[0][0],l.v[0][1],0)}),a.push({t:"c",pts:h.applyToTriplePoints(l.o[r-1],l.i[r],l.v[r])});1===i&&a.push({t:"m",p:h.applyToPointArray(l.v[0][0],l.v[0][1],0)}),l.c&&i&&(a.push({t:"c",pts:h.applyToTriplePoints(l.o[r-1],l.i[0],l.v[0])}),a.push({t:"z"}))}}t.trNodes=a}},CVShapeElement.prototype.renderPath=function(t,e){if(t.hd!==!0&&t._shouldRender){var r,i=e.styledShapes.length;for(r=0;r<i;r+=1)this.renderStyledShape(e.styledShapes[r],e.sh)}},CVShapeElement.prototype.renderFill=function(t,e,r){var i=e.style;(e.c._mdf||this._isFirstFrame)&&(i.co="rgb("+bm_floor(e.c.v[0])+","+bm_floor(e.c.v[1])+","+bm_floor(e.c.v[2])+")"),
-(e.o._mdf||r._opMdf||this._isFirstFrame)&&(i.coOp=e.o.v*r.opacity)},CVShapeElement.prototype.renderGradientFill=function(t,e,r){var i=e.style;if(!i.grd||e.g._mdf||e.s._mdf||e.e._mdf||1!==t.t&&(e.h._mdf||e.a._mdf)){var s,a=this.globalData.canvasContext,n=e.s.v,o=e.e.v;if(1===t.t)s=a.createLinearGradient(n[0],n[1],o[0],o[1]);else var h=Math.sqrt(Math.pow(n[0]-o[0],2)+Math.pow(n[1]-o[1],2)),l=Math.atan2(o[1]-n[1],o[0]-n[0]),p=e.h.v>=1?.99:e.h.v<=-1?-.99:e.h.v,f=h*p,m=Math.cos(l+e.a.v)*f+n[0],c=Math.sin(l+e.a.v)*f+n[1],s=a.createRadialGradient(m,c,0,n[0],n[1],h);var d,u=t.g.p,y=e.g.c,g=1;for(d=0;d<u;d+=1)e.g._hasOpacity&&e.g._collapsable&&(g=e.g.o[2*d+1]),s.addColorStop(y[4*d]/100,"rgba("+y[4*d+1]+","+y[4*d+2]+","+y[4*d+3]+","+g+")");i.grd=s}i.coOp=e.o.v*r.opacity},CVShapeElement.prototype.renderStroke=function(t,e,r){var i=e.style,s=e.d;s&&(s._mdf||this._isFirstFrame)&&(i.da=s.dashArray,i["do"]=s.dashoffset[0]),(e.c._mdf||this._isFirstFrame)&&(i.co="rgb("+bm_floor(e.c.v[0])+","+bm_floor(e.c.v[1])+","+bm_floor(e.c.v[2])+")"),(e.o._mdf||r._opMdf||this._isFirstFrame)&&(i.coOp=e.o.v*r.opacity),(e.w._mdf||this._isFirstFrame)&&(i.wi=e.w.v)},CVShapeElement.prototype.destroy=function(){this.shapesData=null,this.globalData=null,this.canvasContext=null,this.stylesList.length=0,this.itemsData.length=0},extendPrototype([BaseElement,TransformElement,CVBaseElement,HierarchyElement,FrameElement,RenderableElement],CVSolidElement),CVSolidElement.prototype.initElement=SVGShapeElement.prototype.initElement,CVSolidElement.prototype.prepareFrame=IImageElement.prototype.prepareFrame,CVSolidElement.prototype.renderInnerContent=function(){var t=this.canvasContext;t.fillStyle=this.data.sc,t.fillRect(0,0,this.data.sw,this.data.sh)},extendPrototype([BaseElement,TransformElement,CVBaseElement,HierarchyElement,FrameElement,RenderableElement,ITextElement],CVTextElement),CVTextElement.prototype.tHelper=createTag("canvas").getContext("2d"),CVTextElement.prototype.buildNewText=function(){var t=this.textProperty.currentData;this.renderedLetters=createSizedArray(t.l?t.l.length:0);var e=!1;t.fc?(e=!0,this.values.fill=this.buildColor(t.fc)):this.values.fill="rgba(0,0,0,0)",this.fill=e;var r=!1;t.sc&&(r=!0,this.values.stroke=this.buildColor(t.sc),this.values.sWidth=t.sw);var i,s,a=this.globalData.fontManager.getFontByName(t.f),n=t.l,o=this.mHelper;this.stroke=r,this.values.fValue=t.finalSize+"px "+this.globalData.fontManager.getFontByName(t.f).fFamily,s=t.finalText.length;var h,l,p,f,m,c,d,u,y,g,v=this.data.singleShape,b=t.tr/1e3*t.finalSize,x=0,E=0,P=!0,S=0;for(i=0;i<s;i+=1){for(h=this.globalData.fontManager.getCharData(t.finalText[i],a.fStyle,this.globalData.fontManager.getFontByName(t.f).fFamily),l=h&&h.data||{},o.reset(),v&&n[i].n&&(x=-b,E+=t.yOffset,E+=P?1:0,P=!1),m=l.shapes?l.shapes[0].it:[],d=m.length,o.scale(t.finalSize/100,t.finalSize/100),v&&this.applyTextPropertiesToMatrix(t,o,n[i].line,x,E),y=createSizedArray(d),c=0;c<d;c+=1){for(f=m[c].ks.k.i.length,u=m[c].ks.k,g=[],p=1;p<f;p+=1)1==p&&g.push(o.applyToX(u.v[0][0],u.v[0][1],0),o.applyToY(u.v[0][0],u.v[0][1],0)),g.push(o.applyToX(u.o[p-1][0],u.o[p-1][1],0),o.applyToY(u.o[p-1][0],u.o[p-1][1],0),o.applyToX(u.i[p][0],u.i[p][1],0),o.applyToY(u.i[p][0],u.i[p][1],0),o.applyToX(u.v[p][0],u.v[p][1],0),o.applyToY(u.v[p][0],u.v[p][1],0));g.push(o.applyToX(u.o[p-1][0],u.o[p-1][1],0),o.applyToY(u.o[p-1][0],u.o[p-1][1],0),o.applyToX(u.i[0][0],u.i[0][1],0),o.applyToY(u.i[0][0],u.i[0][1],0),o.applyToX(u.v[0][0],u.v[0][1],0),o.applyToY(u.v[0][0],u.v[0][1],0)),y[c]=g}v&&(x+=n[i].l,x+=b),this.textSpans[S]?this.textSpans[S].elem=y:this.textSpans[S]={elem:y},S+=1}},CVTextElement.prototype.renderInnerContent=function(){var t=this.canvasContext;this.finalTransform.mat.props;t.font=this.values.fValue,t.lineCap="butt",t.lineJoin="miter",t.miterLimit=4,this.data.singleShape||this.textAnimator.getMeasures(this.textProperty.currentData,this.lettersChangedFlag);var e,r,i,s,a,n,o=this.textAnimator.renderedLetters,h=this.textProperty.currentData.l;r=h.length;var l,p,f,m=null,c=null,d=null;for(e=0;e<r;e+=1)if(!h[e].n){if(l=o[e],l&&(this.globalData.renderer.save(),this.globalData.renderer.ctxTransform(l.p),this.globalData.renderer.ctxOpacity(l.o)),this.fill){for(l&&l.fc?m!==l.fc&&(m=l.fc,t.fillStyle=l.fc):m!==this.values.fill&&(m=this.values.fill,t.fillStyle=this.values.fill),p=this.textSpans[e].elem,s=p.length,this.globalData.canvasContext.beginPath(),i=0;i<s;i+=1)for(f=p[i],n=f.length,this.globalData.canvasContext.moveTo(f[0],f[1]),a=2;a<n;a+=6)this.globalData.canvasContext.bezierCurveTo(f[a],f[a+1],f[a+2],f[a+3],f[a+4],f[a+5]);this.globalData.canvasContext.closePath(),this.globalData.canvasContext.fill()}if(this.stroke){for(l&&l.sw?d!==l.sw&&(d=l.sw,t.lineWidth=l.sw):d!==this.values.sWidth&&(d=this.values.sWidth,t.lineWidth=this.values.sWidth),l&&l.sc?c!==l.sc&&(c=l.sc,t.strokeStyle=l.sc):c!==this.values.stroke&&(c=this.values.stroke,t.strokeStyle=this.values.stroke),p=this.textSpans[e].elem,s=p.length,this.globalData.canvasContext.beginPath(),i=0;i<s;i+=1)for(f=p[i],n=f.length,this.globalData.canvasContext.moveTo(f[0],f[1]),a=2;a<n;a+=6)this.globalData.canvasContext.bezierCurveTo(f[a],f[a+1],f[a+2],f[a+3],f[a+4],f[a+5]);this.globalData.canvasContext.closePath(),this.globalData.canvasContext.stroke()}l&&this.globalData.renderer.restore()}},CVEffects.prototype.renderFrame=function(){},HBaseElement.prototype={checkBlendMode:function(){},initRendererElement:function(){this.baseElement=createTag(this.data.tg||"div"),this.data.hasMask?(this.svgElement=createNS("svg"),this.layerElement=createNS("g"),this.maskedElement=this.layerElement,this.svgElement.appendChild(this.layerElement),this.baseElement.appendChild(this.svgElement)):this.layerElement=this.baseElement,styleDiv(this.baseElement)},createContainerElements:function(){this.renderableEffectsManager=new CVEffects(this),this.transformedElement=this.baseElement,this.maskedElement=this.layerElement,this.data.ln&&this.layerElement.setAttribute("id",this.data.ln),this.data.cl&&this.layerElement.setAttribute("class",this.data.cl),0!==this.data.bm&&this.setBlendMode()},renderElement:function(){this.finalTransform._matMdf&&(this.transformedElement.style.transform=this.transformedElement.style.webkitTransform=this.finalTransform.mat.toCSS()),this.finalTransform._opMdf&&(this.transformedElement.style.opacity=this.finalTransform.mProp.o.v)},renderFrame:function(){this.data.hd||this.hidden||(this.renderTransform(),this.renderRenderable(),this.renderElement(),this.renderInnerContent(),this._isFirstFrame&&(this._isFirstFrame=!1))},destroy:function(){this.layerElement=null,this.transformedElement=null,this.matteElement&&(this.matteElement=null),this.maskManager&&(this.maskManager.destroy(),this.maskManager=null)},createRenderableComponents:function(){this.maskManager=new MaskElement(this.data,this,this.globalData)},addEffects:function(){},setMatte:function(){}},HBaseElement.prototype.getBaseElement=SVGBaseElement.prototype.getBaseElement,HBaseElement.prototype.destroyBaseElement=HBaseElement.prototype.destroy,HBaseElement.prototype.buildElementParenting=HybridRenderer.prototype.buildElementParenting,extendPrototype([BaseElement,TransformElement,HBaseElement,HierarchyElement,FrameElement,RenderableDOMElement],HSolidElement),HSolidElement.prototype.createContent=function(){var t;this.data.hasMask?(t=createNS("rect"),t.setAttribute("width",this.data.sw),t.setAttribute("height",this.data.sh),t.setAttribute("fill",this.data.sc),this.svgElement.setAttribute("width",this.data.sw),this.svgElement.setAttribute("height",this.data.sh)):(t=createTag("div"),t.style.width=this.data.sw+"px",t.style.height=this.data.sh+"px",t.style.backgroundColor=this.data.sc),this.layerElement.appendChild(t)},extendPrototype([HybridRenderer,ICompElement,HBaseElement],HCompElement),HCompElement.prototype._createBaseContainerElements=HCompElement.prototype.createContainerElements,HCompElement.prototype.createContainerElements=function(){this._createBaseContainerElements(),this.data.hasMask?(this.svgElement.setAttribute("width",this.data.w),this.svgElement.setAttribute("height",this.data.h),this.transformedElement=this.baseElement):this.transformedElement=this.layerElement},HCompElement.prototype.addTo3dContainer=function(t,e){for(var r,i=0;i<e;)this.elements[i]&&this.elements[i].getBaseElement&&(r=this.elements[i].getBaseElement()),i+=1;r?this.layerElement.insertBefore(t,r):this.layerElement.appendChild(t)},extendPrototype([BaseElement,TransformElement,HSolidElement,SVGShapeElement,HBaseElement,HierarchyElement,FrameElement,RenderableElement],HShapeElement),HShapeElement.prototype._renderShapeFrame=HShapeElement.prototype.renderInnerContent,HShapeElement.prototype.createContent=function(){var t;if(this.baseElement.style.fontSize=0,this.data.hasMask)this.layerElement.appendChild(this.shapesContainer),t=this.svgElement;else{t=createNS("svg");var e=this.comp.data?this.comp.data:this.globalData.compSize;t.setAttribute("width",e.w),t.setAttribute("height",e.h),t.appendChild(this.shapesContainer),this.layerElement.appendChild(t)}this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.shapesContainer,0,[],!0),this.filterUniqueShapes(),this.shapeCont=t},HShapeElement.prototype.getTransformedPoint=function(t,e){var r,i=t.length;for(r=0;r<i;r+=1)e=t[r].mProps.v.applyToPointArray(e[0],e[1],0);return e},HShapeElement.prototype.calculateShapeBoundingBox=function(t,e){var r,i,s,a,n,o=t.sh.v,h=t.transformers,l=o._length;if(!(l<=1)){for(r=0;r<l-1;r+=1)i=this.getTransformedPoint(h,o.v[r]),s=this.getTransformedPoint(h,o.o[r]),a=this.getTransformedPoint(h,o.i[r+1]),n=this.getTransformedPoint(h,o.v[r+1]),this.checkBounds(i,s,a,n,e);o.c&&(i=this.getTransformedPoint(h,o.v[r]),s=this.getTransformedPoint(h,o.o[r]),a=this.getTransformedPoint(h,o.i[0]),n=this.getTransformedPoint(h,o.v[0]),this.checkBounds(i,s,a,n,e))}},HShapeElement.prototype.checkBounds=function(t,e,r,i,s){this.getBoundsOfCurve(t,e,r,i);var a=this.shapeBoundingBox;s.x=bm_min(a.left,s.x),s.xMax=bm_max(a.right,s.xMax),s.y=bm_min(a.top,s.y),s.yMax=bm_max(a.bottom,s.yMax)},HShapeElement.prototype.shapeBoundingBox={left:0,right:0,top:0,bottom:0},HShapeElement.prototype.tempBoundingBox={x:0,xMax:0,y:0,yMax:0,width:0,height:0},HShapeElement.prototype.getBoundsOfCurve=function(t,e,r,i){for(var s,a,n,o,h,l,p,f=[[t[0],i[0]],[t[1],i[1]]],m=0;m<2;++m)if(a=6*t[m]-12*e[m]+6*r[m],s=-3*t[m]+9*e[m]-9*r[m]+3*i[m],n=3*e[m]-3*t[m],a=0|a,s=0|s,n=0|n,0!==s)h=a*a-4*n*s,h<0||(l=(-a+bm_sqrt(h))/(2*s),0<l&&l<1&&f[m].push(this.calculateF(l,t,e,r,i,m)),p=(-a-bm_sqrt(h))/(2*s),0<p&&p<1&&f[m].push(this.calculateF(p,t,e,r,i,m)));else{if(0===a)continue;o=-n/a,0<o&&o<1&&f[m].push(this.calculateF(o,t,e,r,i,m))}this.shapeBoundingBox.left=bm_min.apply(null,f[0]),this.shapeBoundingBox.top=bm_min.apply(null,f[1]),this.shapeBoundingBox.right=bm_max.apply(null,f[0]),this.shapeBoundingBox.bottom=bm_max.apply(null,f[1])},HShapeElement.prototype.calculateF=function(t,e,r,i,s,a){return bm_pow(1-t,3)*e[a]+3*bm_pow(1-t,2)*t*r[a]+3*(1-t)*bm_pow(t,2)*i[a]+bm_pow(t,3)*s[a]},HShapeElement.prototype.calculateBoundingBox=function(t,e){var r,i=t.length;for(r=0;r<i;r+=1)t[r]&&t[r].sh?this.calculateShapeBoundingBox(t[r],e):t[r]&&t[r].it&&this.calculateBoundingBox(t[r].it,e)},HShapeElement.prototype.currentBoxContains=function(t){return this.currentBBox.x<=t.x&&this.currentBBox.y<=t.y&&this.currentBBox.width+this.currentBBox.x>=t.x+t.width&&this.currentBBox.height+this.currentBBox.y>=t.y+t.height},HShapeElement.prototype.renderInnerContent=function(){if(this._renderShapeFrame(),!this.hidden&&(this._isFirstFrame||this._mdf)){var t=this.tempBoundingBox,e=999999;if(t.x=e,t.xMax=-e,t.y=e,t.yMax=-e,this.calculateBoundingBox(this.itemsData,t),t.width=t.xMax<t.x?0:t.xMax-t.x,t.height=t.yMax<t.y?0:t.yMax-t.y,this.currentBoxContains(t))return;var r=!1;this.currentBBox.w!==t.width&&(this.currentBBox.w=t.width,this.shapeCont.setAttribute("width",t.width),r=!0),this.currentBBox.h!==t.height&&(this.currentBBox.h=t.height,this.shapeCont.setAttribute("height",t.height),r=!0),(r||this.currentBBox.x!==t.x||this.currentBBox.y!==t.y)&&(this.currentBBox.w=t.width,this.currentBBox.h=t.height,this.currentBBox.x=t.x,this.currentBBox.y=t.y,this.shapeCont.setAttribute("viewBox",this.currentBBox.x+" "+this.currentBBox.y+" "+this.currentBBox.w+" "+this.currentBBox.h),this.shapeCont.style.transform=this.shapeCont.style.webkitTransform="translate("+this.currentBBox.x+"px,"+this.currentBBox.y+"px)")}},extendPrototype([BaseElement,TransformElement,HBaseElement,HierarchyElement,FrameElement,RenderableDOMElement,ITextElement],HTextElement),HTextElement.prototype.createContent=function(){if(this.isMasked=this.checkMasks(),this.isMasked){this.renderType="svg",this.compW=this.comp.data.w,this.compH=this.comp.data.h,this.svgElement.setAttribute("width",this.compW),this.svgElement.setAttribute("height",this.compH);var t=createNS("g");this.maskedElement.appendChild(t),this.innerElem=t}else this.renderType="html",this.innerElem=this.layerElement;this.checkParenting()},HTextElement.prototype.buildNewText=function(){var t=this.textProperty.currentData;this.renderedLetters=createSizedArray(t.l?t.l.length:0);var e=this.innerElem.style;e.color=e.fill=t.fc?this.buildColor(t.fc):"rgba(0,0,0,0)",t.sc&&(e.stroke=this.buildColor(t.sc),e.strokeWidth=t.sw+"px");var r=this.globalData.fontManager.getFontByName(t.f);if(!this.globalData.fontManager.chars)if(e.fontSize=t.finalSize+"px",e.lineHeight=t.finalSize+"px",r.fClass)this.innerElem.className=r.fClass;else{e.fontFamily=r.fFamily;var i=t.fWeight,s=t.fStyle;e.fontStyle=s,e.fontWeight=i}var a,n,o=t.l;n=o.length;var h,l,p,f,m=this.mHelper,c="",d=0;for(a=0;a<n;a+=1){if(this.globalData.fontManager.chars?(this.textPaths[d]?h=this.textPaths[d]:(h=createNS("path"),h.setAttribute("stroke-linecap","butt"),h.setAttribute("stroke-linejoin","round"),h.setAttribute("stroke-miterlimit","4")),this.isMasked||(this.textSpans[d]?(l=this.textSpans[d],p=l.children[0]):(l=createTag("div"),p=createNS("svg"),p.appendChild(h),styleDiv(l)))):this.isMasked?h=this.textPaths[d]?this.textPaths[d]:createNS("text"):this.textSpans[d]?(l=this.textSpans[d],h=this.textPaths[d]):(l=createTag("span"),styleDiv(l),h=createTag("span"),styleDiv(h),l.appendChild(h)),this.globalData.fontManager.chars){var u,y=this.globalData.fontManager.getCharData(t.finalText[a],r.fStyle,this.globalData.fontManager.getFontByName(t.f).fFamily);if(u=y?y.data:null,m.reset(),u&&u.shapes&&(f=u.shapes[0].it,m.scale(t.finalSize/100,t.finalSize/100),c=this.createPathShape(m,f),h.setAttribute("d",c)),this.isMasked)this.innerElem.appendChild(h);else{if(this.innerElem.appendChild(l),u&&u.shapes){document.body.appendChild(p);var g=p.getBBox();p.setAttribute("width",g.width+2),p.setAttribute("height",g.height+2),p.setAttribute("viewBox",g.x-1+" "+(g.y-1)+" "+(g.width+2)+" "+(g.height+2)),p.style.transform=p.style.webkitTransform="translate("+(g.x-1)+"px,"+(g.y-1)+"px)",o[a].yOffset=g.y-1}else p.setAttribute("width",1),p.setAttribute("height",1);l.appendChild(p)}}else h.textContent=o[a].val,h.setAttributeNS("http://www.w3.org/XML/1998/namespace","xml:space","preserve"),this.isMasked?this.innerElem.appendChild(h):(this.innerElem.appendChild(l),h.style.transform=h.style.webkitTransform="translate3d(0,"+-t.finalSize/1.2+"px,0)");this.isMasked?this.textSpans[d]=h:this.textSpans[d]=l,this.textSpans[d].style.display="block",this.textPaths[d]=h,d+=1}for(;d<this.textSpans.length;)this.textSpans[d].style.display="none",d+=1},HTextElement.prototype.renderInnerContent=function(){if(this.data.singleShape){if(!this._isFirstFrame&&!this.lettersChangedFlag)return;this.isMasked&&this.finalTransform._matMdf&&(this.svgElement.setAttribute("viewBox",-this.finalTransform.mProp.p.v[0]+" "+-this.finalTransform.mProp.p.v[1]+" "+this.compW+" "+this.compH),this.svgElement.style.transform=this.svgElement.style.webkitTransform="translate("+-this.finalTransform.mProp.p.v[0]+"px,"+-this.finalTransform.mProp.p.v[1]+"px)")}if(this.textAnimator.getMeasures(this.textProperty.currentData,this.lettersChangedFlag),this.lettersChangedFlag||this.textAnimator.lettersChangedFlag){var t,e,r=0,i=this.textAnimator.renderedLetters,s=this.textProperty.currentData.l;e=s.length;var a,n,o;for(t=0;t<e;t+=1)s[t].n?r+=1:(n=this.textSpans[t],o=this.textPaths[t],a=i[r],r+=1,a._mdf.m&&(this.isMasked?n.setAttribute("transform",a.m):n.style.transform=n.style.webkitTransform=a.m),n.style.opacity=a.o,a.sw&&a._mdf.sw&&o.setAttribute("stroke-width",a.sw),a.sc&&a._mdf.sc&&o.setAttribute("stroke",a.sc),a.fc&&a._mdf.fc&&(o.setAttribute("fill",a.fc),o.style.color=a.fc));if(this.innerElem.getBBox&&!this.hidden&&(this._isFirstFrame||this._mdf)){var h=this.innerElem.getBBox();this.currentBBox.w!==h.width&&(this.currentBBox.w=h.width,this.svgElement.setAttribute("width",h.width)),this.currentBBox.h!==h.height&&(this.currentBBox.h=h.height,this.svgElement.setAttribute("height",h.height));var l=1;this.currentBBox.w===h.width+2*l&&this.currentBBox.h===h.height+2*l&&this.currentBBox.x===h.x-l&&this.currentBBox.y===h.y-l||(this.currentBBox.w=h.width+2*l,this.currentBBox.h=h.height+2*l,this.currentBBox.x=h.x-l,this.currentBBox.y=h.y-l,this.svgElement.setAttribute("viewBox",this.currentBBox.x+" "+this.currentBBox.y+" "+this.currentBBox.w+" "+this.currentBBox.h),this.svgElement.style.transform=this.svgElement.style.webkitTransform="translate("+this.currentBBox.x+"px,"+this.currentBBox.y+"px)")}}},extendPrototype([BaseElement,TransformElement,HBaseElement,HSolidElement,HierarchyElement,FrameElement,RenderableElement],HImageElement),HImageElement.prototype.createContent=function(){var t=this.globalData.getAssetsPath(this.assetData),e=new Image;this.data.hasMask?(this.imageElem=createNS("image"),this.imageElem.setAttribute("width",this.assetData.w+"px"),this.imageElem.setAttribute("height",this.assetData.h+"px"),this.imageElem.setAttributeNS("http://www.w3.org/1999/xlink","href",t),this.layerElement.appendChild(this.imageElem),this.baseElement.setAttribute("width",this.assetData.w),this.baseElement.setAttribute("height",this.assetData.h)):this.layerElement.appendChild(e),e.src=t,this.data.ln&&this.baseElement.setAttribute("id",this.data.ln)},extendPrototype([BaseElement,FrameElement,HierarchyElement],HCameraElement),HCameraElement.prototype.setup=function(){var t,e,r=this.comp.threeDElements.length;for(t=0;t<r;t+=1)e=this.comp.threeDElements[t],"3d"===e.type&&(e.perspectiveElem.style.perspective=e.perspectiveElem.style.webkitPerspective=this.pe.v+"px",e.container.style.transformOrigin=e.container.style.mozTransformOrigin=e.container.style.webkitTransformOrigin="0px 0px 0px",e.perspectiveElem.style.transform=e.perspectiveElem.style.webkitTransform="matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)")},HCameraElement.prototype.createElements=function(){},HCameraElement.prototype.hide=function(){},HCameraElement.prototype.renderFrame=function(){var t,e,r=this._isFirstFrame;if(this.hierarchy)for(e=this.hierarchy.length,t=0;t<e;t+=1)r=this.hierarchy[t].finalTransform.mProp._mdf||r;if(r||this.pe._mdf||this.p&&this.p._mdf||this.px&&(this.px._mdf||this.py._mdf||this.pz._mdf)||this.rx._mdf||this.ry._mdf||this.rz._mdf||this.or._mdf||this.a&&this.a._mdf){if(this.mat.reset(),this.hierarchy){for(e=this.hierarchy.length-1,t=e;t>=0;t-=1){var i=this.hierarchy[t].finalTransform.mProp;this.mat.translate(-i.p.v[0],-i.p.v[1],i.p.v[2]),this.mat.rotateX(-i.or.v[0]).rotateY(-i.or.v[1]).rotateZ(i.or.v[2]),this.mat.rotateX(-i.rx.v).rotateY(-i.ry.v).rotateZ(i.rz.v),this.mat.scale(1/i.s.v[0],1/i.s.v[1],1/i.s.v[2]),this.mat.translate(i.a.v[0],i.a.v[1],i.a.v[2])}}if(this.p?this.mat.translate(-this.p.v[0],-this.p.v[1],this.p.v[2]):this.mat.translate(-this.px.v,-this.py.v,this.pz.v),this.a){var s=[this.p.v[0]-this.a.v[0],this.p.v[1]-this.a.v[1],this.p.v[2]-this.a.v[2]],a=Math.sqrt(Math.pow(s[0],2)+Math.pow(s[1],2)+Math.pow(s[2],2)),n=[s[0]/a,s[1]/a,s[2]/a],o=Math.sqrt(n[2]*n[2]+n[0]*n[0]),h=Math.atan2(n[1],o),l=Math.atan2(n[0],-n[2]);this.mat.rotateY(l).rotateX(-h)}this.mat.rotateX(-this.rx.v).rotateY(-this.ry.v).rotateZ(this.rz.v),this.mat.rotateX(-this.or.v[0]).rotateY(-this.or.v[1]).rotateZ(this.or.v[2]),this.mat.translate(this.globalData.compSize.w/2,this.globalData.compSize.h/2,0),this.mat.translate(0,0,this.pe.v);var p=!this._prevMat.equals(this.mat);if((p||this.pe._mdf)&&this.comp.threeDElements){e=this.comp.threeDElements.length;var f;for(t=0;t<e;t+=1)f=this.comp.threeDElements[t],"3d"===f.type&&(p&&(f.container.style.transform=f.container.style.webkitTransform=this.mat.toCSS()),this.pe._mdf&&(f.perspectiveElem.style.perspective=f.perspectiveElem.style.webkitPerspective=this.pe.v+"px"));this.mat.clone(this._prevMat)}}this._isFirstFrame=!1},HCameraElement.prototype.prepareFrame=function(t){this.prepareProperties(t,!0)},HCameraElement.prototype.destroy=function(){},HCameraElement.prototype.initExpressions=function(){},HCameraElement.prototype.getBaseElement=function(){return null},HEffects.prototype.renderFrame=function(){};var Expressions=function(){function t(t){function e(){a+=1}function r(){a-=1,0===a&&s()}function i(t){n.indexOf(t)===-1&&n.push(t)}function s(){var t,e=n.length;for(t=0;t<e;t+=1)n[t].release();n.length=0}var a=0,n=[];t.renderer.compInterface=CompExpressionInterface(t.renderer),t.renderer.globalData.projectInterface.registerComposition(t.renderer),t.renderer.globalData.pushExpression=e,t.renderer.globalData.popExpression=r,t.renderer.globalData.registerExpressionProperty=i}var e={};return e.initExpressions=t,e}();expressionsPlugin=Expressions;var ExpressionManager=function(){function $bm_isInstanceOfArray(t){return t.constructor===Array||t.constructor===Float32Array}function isNumerable(t,e){return"number"===t||"boolean"===t||"string"===t||e instanceof Number}function $bm_neg(t){var e=typeof t;if("number"===e||"boolean"===e||t instanceof Number)return-t;if($bm_isInstanceOfArray(t)){var r,i=t.length,s=[];for(r=0;r<i;r+=1)s[r]=-t[r];return s}}function sum(t,e){var r=typeof t,i=typeof e;if("string"===r||"string"===i)return t+e;if(isNumerable(r,t)&&isNumerable(i,e))return t+e;if($bm_isInstanceOfArray(t)&&isNumerable(i,e))return t=t.slice(0),t[0]=t[0]+e,t;if(isNumerable(r,t)&&$bm_isInstanceOfArray(e))return e=e.slice(0),e[0]=t+e[0],e;if($bm_isInstanceOfArray(t)&&$bm_isInstanceOfArray(e)){for(var s=0,a=t.length,n=e.length,o=[];s<a||s<n;)("number"==typeof t[s]||t[s]instanceof Number)&&("number"==typeof e[s]||e[s]instanceof Number)?o[s]=t[s]+e[s]:o[s]=void 0===e[s]?t[s]:t[s]||e[s],s+=1;return o}return 0}function sub(t,e){var r=typeof t,i=typeof e;if(isNumerable(r,t)&&isNumerable(i,e))return"string"===r&&(t=parseInt(t)),"string"===i&&(e=parseInt(e)),t-e;if($bm_isInstanceOfArray(t)&&isNumerable(i,e))return t=t.slice(0),t[0]=t[0]-e,t;if(isNumerable(r,t)&&$bm_isInstanceOfArray(e))return e=e.slice(0),e[0]=t-e[0],e;if($bm_isInstanceOfArray(t)&&$bm_isInstanceOfArray(e)){for(var s=0,a=t.length,n=e.length,o=[];s<a||s<n;)("number"==typeof t[s]||t[s]instanceof Number)&&("number"==typeof e[s]||e[s]instanceof Number)?o[s]=t[s]-e[s]:o[s]=void 0===e[s]?t[s]:t[s]||e[s],s+=1;return o}return 0}function mul(t,e){var r,i=typeof t,s=typeof e;if(isNumerable(i,t)&&isNumerable(s,e))return t*e;var a,n;if($bm_isInstanceOfArray(t)&&isNumerable(s,e)){for(n=t.length,r=createTypedArray("float32",n),a=0;a<n;a+=1)r[a]=t[a]*e;return r}if(isNumerable(i,t)&&$bm_isInstanceOfArray(e)){for(n=e.length,r=createTypedArray("float32",n),a=0;a<n;a+=1)r[a]=t*e[a];return r}return 0}function div(t,e){var r,i=typeof t,s=typeof e;if(isNumerable(i,t)&&isNumerable(s,e))return t/e;var a,n;if($bm_isInstanceOfArray(t)&&isNumerable(s,e)){for(n=t.length,r=createTypedArray("float32",n),a=0;a<n;a+=1)r[a]=t[a]/e;return r}if(isNumerable(i,t)&&$bm_isInstanceOfArray(e)){for(n=e.length,r=createTypedArray("float32",n),a=0;a<n;a+=1)r[a]=t/e[a];return r}return 0}function mod(t,e){return"string"==typeof t&&(t=parseInt(t)),"string"==typeof e&&(e=parseInt(e)),t%e}function clamp(t,e,r){if(e>r){var i=r;r=e,e=i}return Math.min(Math.max(t,e),r)}function radiansToDegrees(t){return t/degToRads}function degreesToRadians(t){return t*degToRads}function length(t,e){if("number"==typeof t||t instanceof Number)return e=e||0,Math.abs(t-e);e||(e=helperLengthArray);var r,i=Math.min(t.length,e.length),s=0;for(r=0;r<i;r+=1)s+=Math.pow(e[r]-t[r],2);return Math.sqrt(s)}function normalize(t){return div(t,length(t))}function rgbToHsl(t){var e,r,i=t[0],s=t[1],a=t[2],n=Math.max(i,s,a),o=Math.min(i,s,a),h=(n+o)/2;if(n==o)e=r=0;else{var l=n-o;switch(r=h>.5?l/(2-n-o):l/(n+o),n){case i:e=(s-a)/l+(s<a?6:0);break;case s:e=(a-i)/l+2;break;case a:e=(i-s)/l+4}e/=6}return[e,r,h,t[3]]}function hue2rgb(t,e,r){return r<0&&(r+=1),r>1&&(r-=1),r<1/6?t+6*(e-t)*r:r<.5?e:r<2/3?t+(e-t)*(2/3-r)*6:t}function hslToRgb(t){var e,r,i,s=t[0],a=t[1],n=t[2];if(0===a)e=r=i=n;else{var o=n<.5?n*(1+a):n+a-n*a,h=2*n-o;e=hue2rgb(h,o,s+1/3),r=hue2rgb(h,o,s),i=hue2rgb(h,o,s-1/3)}return[e,r,i,t[3]]}function linear(t,e,r,i,s){if(void 0!==i&&void 0!==s||(i=e,s=r,e=0,r=1),r<e){var a=r;r=e,e=a}if(t<=e)return i;if(t>=r)return s;var n=r===e?0:(t-e)/(r-e);if(!i.length)return i+(s-i)*n;var o,h=i.length,l=createTypedArray("float32",h);for(o=0;o<h;o+=1)l[o]=i[o]+(s[o]-i[o])*n;return l}function random(t,e){if(void 0===e&&(void 0===t?(t=0,e=1):(e=t,t=void 0)),e.length){var r,i=e.length;t||(t=createTypedArray("float32",i));var s=createTypedArray("float32",i),a=BMMath.random();for(r=0;r<i;r+=1)s[r]=t[r]+a*(e[r]-t[r]);return s}void 0===t&&(t=0);var n=BMMath.random();return t+n*(e-t)}function createPath(t,e,r,i){var s,a=t.length,n=shape_pool.newElement();n.setPathData(!!i,a);var o,h,l=[0,0];for(s=0;s<a;s+=1)o=e&&e[s]?e[s]:l,h=r&&r[s]?r[s]:l,n.setTripleAt(t[s][0],t[s][1],h[0]+t[s][0],h[1]+t[s][1],o[0]+t[s][0],o[1]+t[s][1],s,!0);return n}function initiateExpression(elem,data,property){function loopInDuration(t,e){return loopIn(t,e,!0)}function loopOutDuration(t,e){return loopOut(t,e,!0)}function lookAt(t,e){var r=[e[0]-t[0],e[1]-t[1],e[2]-t[2]],i=Math.atan2(r[0],Math.sqrt(r[1]*r[1]+r[2]*r[2]))/degToRads,s=-Math.atan2(r[1],r[2])/degToRads;return[s,i,0]}function easeOut(t,e,r,i,s){return applyEase(easeOutBez,t,e,r,i,s)}function easeIn(t,e,r,i,s){return applyEase(easeInBez,t,e,r,i,s)}function ease(t,e,r,i,s){return applyEase(easeInOutBez,t,e,r,i,s)}function applyEase(t,e,r,i,s,a){void 0===s?(s=r,a=i):e=(e-r)/(i-r),e=e>1?1:e<0?0:e;var n=t(e);if($bm_isInstanceOfArray(s)){var o,h=s.length,l=createTypedArray("float32",h);for(o=0;o<h;o+=1)l[o]=(a[o]-s[o])*n+s[o];return l}return(a-s)*n+s}function nearestKey(t){var e,r,i,s=data.k.length;if(data.k.length&&"number"!=typeof data.k[0])if(r=-1,t*=elem.comp.globalData.frameRate,t<data.k[0].t)r=1,i=data.k[0].t;else{for(e=0;e<s-1;e+=1){if(t===data.k[e].t){r=e+1,i=data.k[e].t;break}if(t>data.k[e].t&&t<data.k[e+1].t){t-data.k[e].t>data.k[e+1].t-t?(r=e+2,i=data.k[e+1].t):(r=e+1,i=data.k[e].t);break}}r===-1&&(r=e+1,i=data.k[e].t)}else r=0,i=0;var a={};return a.index=r,a.time=i/elem.comp.globalData.frameRate,a}function key(t){var e,r,i;if(!data.k.length||"number"==typeof data.k[0])throw new Error("The property has no keyframe at index "+t);t-=1,e={time:data.k[t].t/elem.comp.globalData.frameRate};var s;for(s=t!==data.k.length-1||data.k[t].h?data.k[t].s:data.k[t-1].e,i=s.length,r=0;r<i;r+=1)e[r]=s[r];return e}function framesToTime(t,e){return e||(e=elem.comp.globalData.frameRate),t/e}function timeToFrames(t,e){return t||0===t||(t=time),e||(e=elem.comp.globalData.frameRate),t*e}function seedRandom(t){BMMath.seedrandom(randSeed+t)}function sourceRectAtTime(){return elem.sourceRectAtTime()}function substring(t,e){return"string"==typeof value?void 0===e?value.substring(t):value.substring(t,e):""}function substr(t,e){return"string"==typeof value?void 0===e?value.substr(t):value.substr(t,e):""}function executeExpression(t){return value=t,_needsRandom&&seedRandom(randSeed),this.frameExpressionId===elem.globalData.frameId&&"textSelector"!==this.propType?value:("textSelector"===this.propType&&(textIndex=this.textIndex,textTotal=this.textTotal,selectorValue=this.selectorValue),thisLayer||(text=elem.layerInterface.text,thisLayer=elem.layerInterface,thisComp=elem.comp.compInterface,toWorld=thisLayer.toWorld.bind(thisLayer),fromWorld=thisLayer.fromWorld.bind(thisLayer),fromComp=thisLayer.fromComp.bind(thisLayer),toComp=thisLayer.toComp.bind(thisLayer),mask=thisLayer.mask?thisLayer.mask.bind(thisLayer):null,fromCompToSurface=fromComp),transform||(transform=elem.layerInterface("ADBE Transform Group"),$bm_transform=transform,transform&&(anchorPoint=transform.anchorPoint)),4!==elemType||content||(content=thisLayer("ADBE Root Vectors Group")),effect||(effect=thisLayer(4)),hasParent=!(!elem.hierarchy||!elem.hierarchy.length),hasParent&&!parent&&(parent=elem.hierarchy[0].layerInterface),time=this.comp.renderedFrame/this.comp.globalData.frameRate,needsVelocity&&(velocity=velocityAtTime(time)),expression_function(),this.frameExpressionId=elem.globalData.frameId,"shape"===scoped_bm_rt.propType&&(scoped_bm_rt=scoped_bm_rt.v),scoped_bm_rt)}var val=data.x,needsVelocity=/velocity(?![\w\d])/.test(val),_needsRandom=val.indexOf("random")!==-1,elemType=elem.data.ty,transform,$bm_transform,content,effect,thisProperty=property;thisProperty.valueAtTime=thisProperty.getValueAtTime,elem.comp.frameDuration=1/elem.comp.globalData.frameRate,elem.comp.displayStartTime=0;var inPoint=elem.data.ip/elem.comp.globalData.frameRate,outPoint=elem.data.op/elem.comp.globalData.frameRate,width=elem.data.sw?elem.data.sw:0,height=elem.data.sh?elem.data.sh:0,name=elem.data.nm,loopIn,loop_in,loopOut,loop_out,toWorld,fromWorld,fromComp,toComp,fromCompToSurface,position,rotation,anchorPoint,scale,thisLayer,thisComp,mask,valueAtTime,velocityAtTime,__expression_functions=[];if(data.xf){var i,len=data.xf.length;for(i=0;i<len;i+=1)__expression_functions[i]=eval("(function(){ return "+data.xf[i]+"}())")}var scoped_bm_rt,expression_function=eval("[function _expression_function(){"+val+";scoped_bm_rt=$bm_rt}]")[0],numKeys=property.kf?data.k.length:0,active=!this.data||this.data.hd!==!0,wiggle=function(t,e){var r,i,s=this.pv.length?this.pv.length:1,a=createTypedArray("float32",s);t=5;var n=Math.floor(time*t);for(r=0,i=0;r<n;){for(i=0;i<s;i+=1)a[i]+=-e+2*e*BMMath.random();r+=1}var o=time*t,h=o-Math.floor(o),l=createTypedArray("float32",s);if(s>1){for(i=0;i<s;i+=1)l[i]=this.pv[i]+a[i]+(-e+2*e*BMMath.random())*h;return l}return this.pv+a[0]+(-e+2*e*BMMath.random())*h}.bind(this);thisProperty.loopIn&&(loopIn=thisProperty.loopIn.bind(thisProperty),loop_in=loopIn),thisProperty.loopOut&&(loopOut=thisProperty.loopOut.bind(thisProperty),loop_out=loopOut),this.getValueAtTime&&(valueAtTime=this.getValueAtTime.bind(this)),this.getVelocityAtTime&&(velocityAtTime=this.getVelocityAtTime.bind(this));var comp=elem.comp.globalData.projectInterface.bind(elem.comp.globalData.projectInterface),time,velocity,value,text,textIndex,textTotal,selectorValue,index=elem.data.ind,hasParent=!(!elem.hierarchy||!elem.hierarchy.length),parent,randSeed=Math.floor(1e6*Math.random()),globalData=elem.globalData;return executeExpression}var ob={},Math=BMMath,window=null,document=null,easeInBez=BezierFactory.getBezierEasing(.333,0,.833,.833,"easeIn").get,easeOutBez=BezierFactory.getBezierEasing(.167,.167,.667,1,"easeOut").get,easeInOutBez=BezierFactory.getBezierEasing(.33,0,.667,1,"easeInOut").get,add=sum,radians_to_degrees=radiansToDegrees,degrees_to_radians=radiansToDegrees,helperLengthArray=[0,0,0,0,0,0];return ob.initiateExpression=initiateExpression,ob}();!function(){function t(){return this.pv}function e(t,e,r){if(!this.k||!this.keyframes)return this.pv;t=t?t.toLowerCase():"";var i=this.comp.renderedFrame,s=this.keyframes,a=s[s.length-1].t;if(i<=a)return this.pv;var n,o;r?(n=e?Math.abs(a-elem.comp.globalData.frameRate*e):Math.max(0,a-this.elem.data.ip),o=a-n):((!e||e>s.length-1)&&(e=s.length-1),o=s[s.length-1-e].t,n=a-o);var h,l,p;if("pingpong"===t){var f=Math.floor((i-o)/n);
-if(f%2!==0)return this.getValueAtTime((n-(i-o)%n+o)/this.comp.globalData.frameRate,0)}else{if("offset"===t){var m=this.getValueAtTime(o/this.comp.globalData.frameRate,0),c=this.getValueAtTime(a/this.comp.globalData.frameRate,0),d=this.getValueAtTime(((i-o)%n+o)/this.comp.globalData.frameRate,0),u=Math.floor((i-o)/n);if(this.pv.length){for(p=new Array(m.length),l=p.length,h=0;h<l;h+=1)p[h]=(c[h]-m[h])*u+d[h];return p}return(c-m)*u+d}if("continue"===t){var y=this.getValueAtTime(a/this.comp.globalData.frameRate,0),g=this.getValueAtTime((a-.001)/this.comp.globalData.frameRate,0);if(this.pv.length){for(p=new Array(y.length),l=p.length,h=0;h<l;h+=1)p[h]=y[h]+(y[h]-g[h])*((i-a)/this.comp.globalData.frameRate)/5e-4;return p}return y+(y-g)*((i-a)/.001)}}return this.getValueAtTime(((i-o)%n+o)/this.comp.globalData.frameRate,0)}function r(t,e,r){if(!this.k)return this.pv;t=t?t.toLowerCase():"";var i=this.comp.renderedFrame,s=this.keyframes,a=s[0].t;if(i>=a)return this.pv;var n,o;r?(n=e?Math.abs(elem.comp.globalData.frameRate*e):Math.max(0,this.elem.data.op-a),o=a+n):((!e||e>s.length-1)&&(e=s.length-1),o=s[e].t,n=o-a);var h,l,p;if("pingpong"===t){var f=Math.floor((a-i)/n);if(f%2===0)return this.getValueAtTime(((a-i)%n+a)/this.comp.globalData.frameRate,0)}else{if("offset"===t){var m=this.getValueAtTime(a/this.comp.globalData.frameRate,0),c=this.getValueAtTime(o/this.comp.globalData.frameRate,0),d=this.getValueAtTime((n-(a-i)%n+a)/this.comp.globalData.frameRate,0),u=Math.floor((a-i)/n)+1;if(this.pv.length){for(p=new Array(m.length),l=p.length,h=0;h<l;h+=1)p[h]=d[h]-(c[h]-m[h])*u;return p}return d-(c-m)*u}if("continue"===t){var y=this.getValueAtTime(a/this.comp.globalData.frameRate,0),g=this.getValueAtTime((a+.001)/this.comp.globalData.frameRate,0);if(this.pv.length){for(p=new Array(y.length),l=p.length,h=0;h<l;h+=1)p[h]=y[h]+(y[h]-g[h])*(a-i)/.001;return p}return y+(y-g)*(a-i)/.001}}return this.getValueAtTime((n-(a-i)%n+a)/this.comp.globalData.frameRate,0)}function i(t){return t*=this.elem.globalData.frameRate,t-=this.offsetTime,t!==this._cachingAtTime.lastFrame&&(this._cachingAtTime.lastIndex=this._cachingAtTime.lastFrame<t?this._cachingAtTime.lastIndex:0,this._cachingAtTime.value=this.interpolateValue(t,this._cachingAtTime),this._cachingAtTime.lastFrame=t),this._cachingAtTime.value}function s(t){var e=-.01,r=this.getValueAtTime(t),i=this.getValueAtTime(t+e),s=0;if(r.length){var a;for(a=0;a<r.length;a+=1)s+=Math.pow(i[a]-r[a],2);s=100*Math.sqrt(s)}else s=0;return s}function a(t){if(void 0!==this.vel)return this.vel;var e,r=-.001,i=this.getValueAtTime(t),s=this.getValueAtTime(t+r);if(i.length){e=createTypedArray("float32",i.length);var a;for(a=0;a<i.length;a+=1)e[a]=(s[a]-i[a])/r}else e=(s-i)/r;return e}function n(t){this.propertyGroup=t}function o(t,e,r){e.x&&(r.k=!0,r.x=!0,r.initiateExpression=ExpressionManager.initiateExpression,r.effectsSequence.push(r.initiateExpression(t,e,r).bind(r)))}function h(t){console.warn("Transform at time not supported")}function l(t){}function p(t){return this._cachingAtTime||(this._cachingAtTime={shapeValue:shape_pool.clone(this.pv),lastIndex:0,lastTime:initialDefaultFrame}),t!==this._cachingAtTime.lastTime&&(this._cachingAtTime.lastIndex=this._cachingAtTime.lastTime<t?this._caching.lastIndex:0,this._cachingAtTime.lastTime=t,t*=this.elem.globalData.frameRate,this.interpolateShape(t,this._cachingAtTime.shapeValue,this._cachingAtTime)),this._cachingAtTime.shapeValue}function f(){}var m=function(){function e(t,e){return this.textIndex=t+1,this.textTotal=e,this.getValue(),this.v}return function(r,s){this.pv=1,this.comp=r.comp,this.elem=r,this.mult=.01,this.propType="textSelector",this.textTotal=s.totalChars,this.selectorValue=100,this.lastValue=[1,1,1],o.bind(this)(r,s,this),this.getMult=e,this.getVelocityAtTime=a,this.kf?this.getValueAtTime=i.bind(this):this.getValueAtTime=t.bind(this),this.setGroupProperty=n}}(),c=TransformPropertyFactory.getTransformProperty;TransformPropertyFactory.getTransformProperty=function(t,e,r){var i=c(t,e,r);return i.dynamicProperties.length?i.getValueAtTime=h.bind(i):i.getValueAtTime=l.bind(i),i.setGroupProperty=n,i};var d=PropertyFactory.getProp;PropertyFactory.getProp=function(h,l,p,f,m){var c=d(h,l,p,f,m);c.kf?c.getValueAtTime=i.bind(c):c.getValueAtTime=t.bind(c),c.setGroupProperty=n,c.loopOut=e,c.loopIn=r,c.getVelocityAtTime=a.bind(c),c.getSpeedAtTime=s.bind(c),c.numKeys=1===l.a?l.k.length:0,c.propertyIndex=l.ix;var u=0;return 0!==p&&(u=createTypedArray("float32",1===l.a?l.k[0].s.length:l.k.length)),c._cachingAtTime={lastFrame:initialDefaultFrame,lastIndex:0,value:u},o(h,l,c),c.k&&m.addDynamicProperty(c),c};var u=ShapePropertyFactory.getConstructorFunction(),y=ShapePropertyFactory.getKeyframedConstructorFunction();f.prototype={vertices:function(t,e){this.k&&this.getValue();var r=this.v;void 0!==e&&(r=this.getValueAtTime(e,0));var i,s=r._length,a=r[t],n=r.v,o=createSizedArray(s);for(i=0;i<s;i+=1)"i"===t||"o"===t?o[i]=[a[i][0]-n[i][0],a[i][1]-n[i][1]]:o[i]=[a[i][0],a[i][1]];return o},points:function(t){return this.vertices("v",t)},inTangents:function(t){return this.vertices("i",t)},outTangents:function(t){return this.vertices("o",t)},isClosed:function(){return this.v.c},pointOnPath:function(t,e){var r=this.v;void 0!==e&&(r=this.getValueAtTime(e,0)),this._segmentsLength||(this._segmentsLength=bez.getSegmentsLength(r));for(var i,s=this._segmentsLength,a=s.lengths,n=s.totalLength*t,o=0,h=a.length,l=0;o<h;){if(l+a[o].addedLength>n){var p=o,f=r.c&&o===h-1?0:o+1,m=(n-l)/a[o].addedLength;i=bez.getPointInSegment(r.v[p],r.v[f],r.o[p],r.i[f],m,a[o]);break}l+=a[o].addedLength,o+=1}return i||(i=r.c?[r.v[0][0],r.v[0][1]]:[r.v[r._length-1][0],r.v[r._length-1][1]]),i},vectorOnPath:function(t,e,r){t=1==t?this.v.c?0:.999:t;var i=this.pointOnPath(t,e),s=this.pointOnPath(t+.001,e),a=s[0]-i[0],n=s[1]-i[1],o=Math.sqrt(Math.pow(a,2)+Math.pow(n,2)),h="tangent"===r?[a/o,n/o]:[-n/o,a/o];return h},tangentOnPath:function(t,e){return this.vectorOnPath(t,e,"tangent")},normalOnPath:function(t,e){return this.vectorOnPath(t,e,"normal")},setGroupProperty:n,getValueAtTime:t},extendPrototype([f],u),extendPrototype([f],y),y.prototype.getValueAtTime=p,y.prototype.initiateExpression=ExpressionManager.initiateExpression;var g=ShapePropertyFactory.getShapeProp;ShapePropertyFactory.getShapeProp=function(t,e,r,i,s){var a=g(t,e,r,i,s);return a.propertyIndex=e.ix,a.lock=!1,3===r?o(t,e.pt,a):4===r&&o(t,e.ks,a),a.k&&t.addDynamicProperty(a),a};var v=TextSelectorProp.getTextSelectorProp;TextSelectorProp.getTextSelectorProp=function(t,e,r){return 1===e.t?new m(t,e,r):v(t,e,r)}}(),function(){function t(){if(this.data.d.x)return this.calculateExpression=ExpressionManager.initiateExpression.bind(this)(this.elem,this.data.d,this),this.addEffect(this.getExpressionValue.bind(this)),!0}TextProperty.prototype.getExpressionValue=function(t,e){var r=this.calculateExpression(e);if(t.t!==r){var i={};return this.copyData(i,t),i.t=r.toString(),i.__complete=!1,i}return t},TextProperty.prototype.searchProperty=function(){var t=this.searchKeyframes(),e=this.searchExpressions();return this.kf=t||e,this.kf},TextProperty.prototype.searchExpressions=t}();var ShapeExpressionInterface=function(){function t(t,e,n){var c,d=[],u=t?t.length:0;for(c=0;c<u;c+=1)"gr"==t[c].ty?d.push(r(t[c],e[c],n)):"fl"==t[c].ty?d.push(i(t[c],e[c],n)):"st"==t[c].ty?d.push(s(t[c],e[c],n)):"tm"==t[c].ty?d.push(a(t[c],e[c],n)):"tr"==t[c].ty||("el"==t[c].ty?d.push(o(t[c],e[c],n)):"sr"==t[c].ty?d.push(h(t[c],e[c],n)):"sh"==t[c].ty?d.push(m(t[c],e[c],n)):"rc"==t[c].ty?d.push(l(t[c],e[c],n)):"rd"==t[c].ty?d.push(p(t[c],e[c],n)):"rp"==t[c].ty&&d.push(f(t[c],e[c],n)));return d}function e(e,r,i){var s,a=function(t){for(var e=0,r=s.length;e<r;){if(s[e]._name===t||s[e].mn===t||s[e].propertyIndex===t||s[e].ix===t||s[e].ind===t)return s[e];e+=1}if("number"==typeof t)return s[t-1]};return a.propertyGroup=function(t){return 1===t?a:i(t-1)},s=t(e.it,r.it,a.propertyGroup),a.numProperties=s.length,a.propertyIndex=e.cix,a._name=e.nm,a}function r(t,r,i){var s=function(t){switch(t){case"ADBE Vectors Group":case"Contents":case 2:return s.content;default:return s.transform}};s.propertyGroup=function(t){return 1===t?s:i(t-1)};var a=e(t,r,s.propertyGroup),o=n(t.it[t.it.length-1],r.it[r.it.length-1],s.propertyGroup);return s.content=a,s.transform=o,Object.defineProperty(s,"_name",{get:function(){return t.nm}}),s.numProperties=t.np,s.propertyIndex=t.ix,s.nm=t.nm,s.mn=t.mn,s}function i(t,e,r){function i(t){return"Color"===t||"color"===t?i.color:"Opacity"===t||"opacity"===t?i.opacity:void 0}return Object.defineProperties(i,{color:{get:ExpressionPropertyInterface(e.c)},opacity:{get:ExpressionPropertyInterface(e.o)},_name:{value:t.nm},mn:{value:t.mn}}),e.c.setGroupProperty(r),e.o.setGroupProperty(r),i}function s(t,e,r){function i(t){return 1===t?ob:r(t-1)}function s(t){return 1===t?l:i(t-1)}function a(r){Object.defineProperty(l,t.d[r].nm,{get:ExpressionPropertyInterface(e.d.dataProps[r].p)})}function n(t){return"Color"===t||"color"===t?n.color:"Opacity"===t||"opacity"===t?n.opacity:"Stroke Width"===t||"stroke width"===t?n.strokeWidth:void 0}var o,h=t.d?t.d.length:0,l={};for(o=0;o<h;o+=1)a(o),e.d.dataProps[o].p.setGroupProperty(s);return Object.defineProperties(n,{color:{get:ExpressionPropertyInterface(e.c)},opacity:{get:ExpressionPropertyInterface(e.o)},strokeWidth:{get:ExpressionPropertyInterface(e.w)},dash:{get:function(){return l}},_name:{value:t.nm},mn:{value:t.mn}}),e.c.setGroupProperty(i),e.o.setGroupProperty(i),e.w.setGroupProperty(i),n}function a(t,e,r){function i(t){return 1==t?s:r(--t)}function s(e){return e===t.e.ix||"End"===e||"end"===e?s.end:e===t.s.ix?s.start:e===t.o.ix?s.offset:void 0}return s.propertyIndex=t.ix,e.s.setGroupProperty(i),e.e.setGroupProperty(i),e.o.setGroupProperty(i),s.propertyIndex=t.ix,Object.defineProperties(s,{start:{get:ExpressionPropertyInterface(e.s)},end:{get:ExpressionPropertyInterface(e.e)},offset:{get:ExpressionPropertyInterface(e.o)},_name:{value:t.nm}}),s.mn=t.mn,s}function n(t,e,r){function i(t){return 1==t?s:r(--t)}function s(e){return t.a.ix===e||"Anchor Point"===e?s.anchorPoint:t.o.ix===e||"Opacity"===e?s.opacity:t.p.ix===e||"Position"===e?s.position:t.r.ix===e||"Rotation"===e||"ADBE Vector Rotation"===e?s.rotation:t.s.ix===e||"Scale"===e?s.scale:t.sk&&t.sk.ix===e||"Skew"===e?s.skew:t.sa&&t.sa.ix===e||"Skew Axis"===e?s.skewAxis:void 0}return e.transform.mProps.o.setGroupProperty(i),e.transform.mProps.p.setGroupProperty(i),e.transform.mProps.a.setGroupProperty(i),e.transform.mProps.s.setGroupProperty(i),e.transform.mProps.r.setGroupProperty(i),e.transform.mProps.sk&&(e.transform.mProps.sk.setGroupProperty(i),e.transform.mProps.sa.setGroupProperty(i)),e.transform.op.setGroupProperty(i),Object.defineProperties(s,{opacity:{get:ExpressionPropertyInterface(e.transform.mProps.o)},position:{get:ExpressionPropertyInterface(e.transform.mProps.p)},anchorPoint:{get:ExpressionPropertyInterface(e.transform.mProps.a)},scale:{get:ExpressionPropertyInterface(e.transform.mProps.s)},rotation:{get:ExpressionPropertyInterface(e.transform.mProps.r)},skew:{get:ExpressionPropertyInterface(e.transform.mProps.sk)},skewAxis:{get:ExpressionPropertyInterface(e.transform.mProps.sa)},_name:{value:t.nm}}),s.ty="tr",s.mn=t.mn,s}function o(t,e,r){function i(t){return 1==t?s:r(--t)}function s(e){return t.p.ix===e?s.position:t.s.ix===e?s.size:void 0}s.propertyIndex=t.ix;var a="tm"===e.sh.ty?e.sh.prop:e.sh;return a.s.setGroupProperty(i),a.p.setGroupProperty(i),Object.defineProperties(s,{size:{get:ExpressionPropertyInterface(a.s)},position:{get:ExpressionPropertyInterface(a.p)},_name:{value:t.nm}}),s.mn=t.mn,s}function h(t,e,r){function i(t){return 1==t?s:r(--t)}function s(e){return t.p.ix===e?s.position:t.r.ix===e?s.rotation:t.pt.ix===e?s.points:t.or.ix===e||"ADBE Vector Star Outer Radius"===e?s.outerRadius:t.os.ix===e?s.outerRoundness:!t.ir||t.ir.ix!==e&&"ADBE Vector Star Inner Radius"!==e?t.is&&t.is.ix===e?s.innerRoundness:void 0:s.innerRadius}var a="tm"===e.sh.ty?e.sh.prop:e.sh;return s.propertyIndex=t.ix,a.or.setGroupProperty(i),a.os.setGroupProperty(i),a.pt.setGroupProperty(i),a.p.setGroupProperty(i),a.r.setGroupProperty(i),t.ir&&(a.ir.setGroupProperty(i),a.is.setGroupProperty(i)),Object.defineProperties(s,{position:{get:ExpressionPropertyInterface(a.p)},rotation:{get:ExpressionPropertyInterface(a.r)},points:{get:ExpressionPropertyInterface(a.pt)},outerRadius:{get:ExpressionPropertyInterface(a.or)},outerRoundness:{get:ExpressionPropertyInterface(a.os)},innerRadius:{get:ExpressionPropertyInterface(a.ir)},innerRoundness:{get:ExpressionPropertyInterface(a.is)},_name:{value:t.nm}}),s.mn=t.mn,s}function l(t,e,r){function i(t){return 1==t?s:r(--t)}function s(e){return t.p.ix===e?s.position:t.r.ix===e?s.roundness:t.s.ix===e||"Size"===e||"ADBE Vector Rect Size"===e?s.size:void 0}var a="tm"===e.sh.ty?e.sh.prop:e.sh;return s.propertyIndex=t.ix,a.p.setGroupProperty(i),a.s.setGroupProperty(i),a.r.setGroupProperty(i),Object.defineProperties(s,{position:{get:ExpressionPropertyInterface(a.p)},roundness:{get:ExpressionPropertyInterface(a.r)},size:{get:ExpressionPropertyInterface(a.s)},_name:{value:t.nm}}),s.mn=t.mn,s}function p(t,e,r){function i(t){return 1==t?s:r(--t)}function s(e){if(t.r.ix===e||"Round Corners 1"===e)return s.radius}var a=e;return s.propertyIndex=t.ix,a.rd.setGroupProperty(i),Object.defineProperties(s,{radius:{get:ExpressionPropertyInterface(a.rd)},_name:{value:t.nm}}),s.mn=t.mn,s}function f(t,e,r){function i(t){return 1==t?s:r(--t)}function s(e){return t.c.ix===e||"Copies"===e?s.copies:t.o.ix===e||"Offset"===e?s.offset:void 0}var a=e;return s.propertyIndex=t.ix,a.c.setGroupProperty(i),a.o.setGroupProperty(i),Object.defineProperties(s,{copies:{get:ExpressionPropertyInterface(a.c)},offset:{get:ExpressionPropertyInterface(a.o)},_name:{value:t.nm}}),s.mn=t.mn,s}function m(t,e,r){function i(t){return 1==t?s:r(--t)}function s(t){if("Shape"===t||"shape"===t||"Path"===t||"path"===t||"ADBE Vector Shape"===t||2===t)return s.path}var a=e.sh;return a.setGroupProperty(i),Object.defineProperties(s,{path:{get:function(){return a.k&&a.getValue(),a}},shape:{get:function(){return a.k&&a.getValue(),a}},_name:{value:t.nm},ix:{value:t.ix},mn:{value:t.mn}}),s}return function(e,r,i){function s(t){if("number"==typeof t)return a[t-1];for(var e=0,r=a.length;e<r;){if(a[e]._name===t)return a[e];e+=1}}var a;return s.propertyGroup=i,a=t(e,r,s),s}}(),TextExpressionInterface=function(){return function(t){function e(){}var r,i;return Object.defineProperty(e,"sourceText",{get:function(){t.textProperty.getValue();var e=t.textProperty.currentData.t;return e!==r&&(t.textProperty.currentData.t=r,i=new String(e),i.value=e?e:new String(e)),i}}),e}}(),LayerExpressionInterface=function(){function t(t,e){var r=new Matrix;r.reset();var i;if(i=e?this._elem.finalTransform.mProp:this._elem.finalTransform.mProp,i.applyToMatrix(r),this._elem.hierarchy&&this._elem.hierarchy.length){var s,a=this._elem.hierarchy.length;for(s=0;s<a;s+=1)this._elem.hierarchy[s].finalTransform.mProp.applyToMatrix(r);return r.applyToPointArray(t[0],t[1],t[2]||0)}return r.applyToPointArray(t[0],t[1],t[2]||0)}function e(t,e){var r=new Matrix;r.reset();var i;if(i=e?this._elem.finalTransform.mProp:this._elem.finalTransform.mProp,i.applyToMatrix(r),this._elem.hierarchy&&this._elem.hierarchy.length){var s,a=this._elem.hierarchy.length;for(s=0;s<a;s+=1)this._elem.hierarchy[s].finalTransform.mProp.applyToMatrix(r);return r.inversePoint(t)}return r.inversePoint(t)}function r(t){var e=new Matrix;if(e.reset(),this._elem.finalTransform.mProp.applyToMatrix(e),this._elem.hierarchy&&this._elem.hierarchy.length){var r,i=this._elem.hierarchy.length;for(r=0;r<i;r+=1)this._elem.hierarchy[r].finalTransform.mProp.applyToMatrix(e);return e.inversePoint(t)}return e.inversePoint(t)}function i(){return[1,1,1,1]}return function(s){function a(t){o.mask=new MaskManagerInterface(t,s)}function n(t){o.effect=t}function o(t){switch(t){case"ADBE Root Vectors Group":case"Contents":case 2:return o.shapeInterface;case 1:case 6:case"Transform":case"transform":case"ADBE Transform Group":return h;case 4:case"ADBE Effect Parade":case"effects":case"Effects":return o.effect}}var h;o.toWorld=t,o.fromWorld=e,o.toComp=t,o.fromComp=r,o.sampleImage=i,o.sourceRectAtTime=s.sourceRectAtTime.bind(s),o._elem=s,h=TransformExpressionInterface(s.finalTransform.mProp);var l=getDescriptor(h,"anchorPoint");return Object.defineProperties(o,{hasParent:{get:function(){return s.hierarchy.length}},parent:{get:function(){return s.hierarchy[0].layerInterface}},rotation:getDescriptor(h,"rotation"),scale:getDescriptor(h,"scale"),position:getDescriptor(h,"position"),opacity:getDescriptor(h,"opacity"),anchorPoint:l,anchor_point:l,transform:{get:function(){return h}},active:{get:function(){return s.isInRange}}}),o.startTime=s.data.st,o.index=s.data.ind,o.source=s.data.refId,o.height=0===s.data.ty?s.data.h:100,o.width=0===s.data.ty?s.data.w:100,o.inPoint=s.data.ip/s.comp.globalData.frameRate,o.outPoint=s.data.op/s.comp.globalData.frameRate,o._name=s.data.nm,o.registerMaskInterface=a,o.registerEffectsInterface=n,o}}(),CompExpressionInterface=function(){return function(t){function e(e){for(var r=0,i=t.layers.length;r<i;){if(t.layers[r].nm===e||t.layers[r].ind===e)return t.elements[r].layerInterface;r+=1}return null}return Object.defineProperty(e,"_name",{value:t.data.nm}),e.layer=e,e.pixelAspect=1,e.height=t.data.h||t.globalData.compSize.h,e.width=t.data.w||t.globalData.compSize.w,e.pixelAspect=1,e.frameDuration=1/t.globalData.frameRate,e.displayStartTime=0,e.numLayers=t.layers.length,e}}(),TransformExpressionInterface=function(){return function(t){function e(t){switch(t){case"scale":case"Scale":case"ADBE Scale":case 6:return e.scale;case"rotation":case"Rotation":case"ADBE Rotation":case"ADBE Rotate Z":case 10:return e.rotation;case"ADBE Rotate X":return e.xRotation;case"ADBE Rotate Y":return e.yRotation;case"position":case"Position":case"ADBE Position":case 2:return e.position;case"ADBE Position_0":return e.xPosition;case"ADBE Position_1":return e.yPosition;case"ADBE Position_2":return e.zPosition;case"anchorPoint":case"AnchorPoint":case"Anchor Point":case"ADBE AnchorPoint":case 1:return e.anchorPoint;case"opacity":case"Opacity":case 11:return e.opacity}}if(Object.defineProperty(e,"rotation",{get:ExpressionPropertyInterface(t.r||t.rz)}),Object.defineProperty(e,"zRotation",{get:ExpressionPropertyInterface(t.rz||t.r)}),Object.defineProperty(e,"xRotation",{get:ExpressionPropertyInterface(t.rx)}),Object.defineProperty(e,"yRotation",{get:ExpressionPropertyInterface(t.ry)}),Object.defineProperty(e,"scale",{get:ExpressionPropertyInterface(t.s)}),t.p)var r=ExpressionPropertyInterface(t.p);return Object.defineProperty(e,"position",{get:function(){return t.p?r():[t.px.v,t.py.v,t.pz?t.pz.v:0]}}),Object.defineProperty(e,"xPosition",{get:ExpressionPropertyInterface(t.px)}),Object.defineProperty(e,"yPosition",{get:ExpressionPropertyInterface(t.py)}),Object.defineProperty(e,"zPosition",{get:ExpressionPropertyInterface(t.pz)}),Object.defineProperty(e,"anchorPoint",{get:ExpressionPropertyInterface(t.a)}),Object.defineProperty(e,"opacity",{get:ExpressionPropertyInterface(t.o)}),Object.defineProperty(e,"skew",{get:ExpressionPropertyInterface(t.sk)}),Object.defineProperty(e,"skewAxis",{get:ExpressionPropertyInterface(t.sa)}),Object.defineProperty(e,"orientation",{get:ExpressionPropertyInterface(t.or)}),e}}(),ProjectInterface=function(){function t(t){this.compositions.push(t)}return function(){function e(t){for(var e=0,r=this.compositions.length;e<r;){if(this.compositions[e].data&&this.compositions[e].data.nm===t)return this.compositions[e].prepareFrame&&this.compositions[e].data.xt&&this.compositions[e].prepareFrame(this.currentFrame),this.compositions[e].compInterface;e+=1}}return e.compositions=[],e.currentFrame=0,e.registerComposition=t,e}}(),EffectsExpressionInterface=function(){function t(t,r){if(t.effectsManager){var i,s=[],a=t.data.ef,n=t.effectsManager.effectElements.length;for(i=0;i<n;i+=1)s.push(e(a[i],t.effectsManager.effectElements[i],r,t));return function(e){for(var r=t.data.ef||[],i=0,a=r.length;i<a;){if(e===r[i].nm||e===r[i].mn||e===r[i].ix)return s[i];i+=1}}}}function e(t,i,s,a){function n(t){return 1===t?p:s(t-1)}var o,h=[],l=t.ef.length;for(o=0;o<l;o+=1)5===t.ef[o].ty?h.push(e(t.ef[o],i.effectElements[o],i.effectElements[o].propertyGroup,a)):h.push(r(i.effectElements[o],t.ef[o].ty,a,n));var p=function(e){for(var r=t.ef,i=0,s=r.length;i<s;){if(e===r[i].nm||e===r[i].mn||e===r[i].ix)return 5===r[i].ty?h[i]:h[i]();i+=1}return h[0]()};return p.propertyGroup=n,"ADBE Color Control"===t.mn&&Object.defineProperty(p,"color",{get:function(){return h[0]()}}),Object.defineProperty(p,"numProperties",{get:function(){return t.np}}),p.active=p.enabled=0!==t.en,p}function r(t,e,r,i){function s(){return 10===e?r.comp.compInterface(t.p.v):a()}var a=ExpressionPropertyInterface(t.p);return t.p.setGroupProperty&&t.p.setGroupProperty(i),s}var i={createEffectsInterface:t};return i}(),MaskManagerInterface=function(){function t(t,e){this._mask=t,this._data=e}Object.defineProperty(t.prototype,"maskPath",{get:function(){return this._mask.prop.k&&this._mask.prop.getValue(),this._mask.prop}});var e=function(e,r){var i,s=createSizedArray(e.viewData.length),a=e.viewData.length;for(i=0;i<a;i+=1)s[i]=new t(e.viewData[i],e.masksProperties[i]);var n=function(t){for(i=0;i<a;){if(e.masksProperties[i].nm===t)return s[i];i+=1}};return n};return e}(),ExpressionPropertyInterface=function(){function t(t,e,r){Object.defineProperty(t,"velocity",{get:function(){return e.getVelocityAtTime(e.comp.currentFrame)}}),t.numKeys=e.keyframes?e.keyframes.length:0,t.key=function(i){if(t.numKeys){var s="";s="s"in e.keyframes[i-1]?e.keyframes[i-1].s:"e"in e.keyframes[i-2]?e.keyframes[i-2].e:e.keyframes[i-2].s;var a="unidimensional"===r?new Number(s):Object.assign({},s);return a.time=e.keyframes[i-1].t/e.elem.comp.globalData.frameRate,a}return 0},t.valueAtTime=e.getValueAtTime,t.speedAtTime=e.getSpeedAtTime,t.velocityAtTime=e.getVelocityAtTime,t.propertyGroup=e.propertyGroup}function e(e){e&&"pv"in e||(e=s);var r=1/e.mult,i=e.pv*r,a=new Number(i);return a.value=i,t(a,e,"unidimensional"),function(){return e.k&&e.getValue(),i=e.v*r,a.value!==i&&(a=new Number(i),a.value=i,t(a,e,"unidimensional")),a}}function r(e){e&&"pv"in e||(e=a);var r=1/e.mult,i=e.pv.length,s=createTypedArray("float32",i),n=createTypedArray("float32",i);return s.value=n,t(s,e,"multidimensional"),function(){e.k&&e.getValue();for(var t=0;t<i;t+=1)s[t]=n[t]=e.v[t]*r;return s}}function i(){return s}var s={pv:0,v:0,mult:1},a={pv:[0,0,0],v:[0,0,0],mult:1};return function(t){return t?"unidimensional"===t.propType?e(t):r(t):i}}();extendPrototype([DynamicPropertyContainer],GroupEffect),GroupEffect.prototype.getValue=GroupEffect.prototype.iterateDynamicProperties,GroupEffect.prototype.init=function(t,e){this.data=t,this.effectElements=[],this.initDynamicPropertyContainer(e);var r,i,s=this.data.ef.length,a=this.data.ef;for(r=0;r<s;r+=1){switch(i=null,a[r].ty){case 0:i=new SliderEffect(a[r],e,this);break;case 1:i=new AngleEffect(a[r],e,this);break;case 2:i=new ColorEffect(a[r],e,this);break;case 3:i=new PointEffect(a[r],e,this);break;case 4:case 7:i=new CheckboxEffect(a[r],e,this);break;case 10:i=new LayerIndexEffect(a[r],e,this);break;case 11:i=new MaskIndexEffect(a[r],e,this);break;case 5:i=new EffectsManager(a[r],e,this);break;default:i=new NoValueEffect(a[r],e,this)}i&&this.effectElements.push(i)}};var lottiejs={},_isFrozen=!1;lottiejs.play=animationManager.play,lottiejs.pause=animationManager.pause,lottiejs.setLocationHref=setLocationHref,lottiejs.togglePause=animationManager.togglePause,lottiejs.setSpeed=animationManager.setSpeed,lottiejs.setDirection=animationManager.setDirection,lottiejs.stop=animationManager.stop,lottiejs.searchAnimations=searchAnimations,lottiejs.registerAnimation=animationManager.registerAnimation,lottiejs.loadAnimation=loadAnimation,lottiejs.setSubframeRendering=setSubframeRendering,lottiejs.resize=animationManager.resize,lottiejs.goToAndStop=animationManager.goToAndStop,lottiejs.destroy=animationManager.destroy,lottiejs.setQuality=setQuality,lottiejs.inBrowser=inBrowser,lottiejs.installPlugin=installPlugin,lottiejs.freeze=animationManager.freeze,lottiejs.unfreeze=animationManager.unfreeze,lottiejs.getRegisteredAnimations=animationManager.getRegisteredAnimations,lottiejs.__getFactory=getFactory,lottiejs.version="5.4.2";var standalone="__[STANDALONE]__",animationData="__[ANIMATIONDATA]__",renderer="";if(standalone){var scripts=document.getElementsByTagName("script"),index=scripts.length-1,myScript=scripts[index]||{src:""},queryString=myScript.src.replace(/^[^\?]+\??/,"");renderer=getQueryVariable("renderer")}var readyStateCheckInterval=setInterval(checkReady,100);return lottiejs});
\ No newline at end of file
+var a,b;"undefined"!=typeof navigator&&(a=window||{},b=function(window){"use strict";var svgNS="http://www.w3.org/2000/svg",locationHref="",initialDefaultFrame=-999999,subframeEnabled=!0,expressionsPlugin,isSafari=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),cachedColors={},bm_rounder=Math.round,bm_rnd,bm_pow=Math.pow,bm_sqrt=Math.sqrt,bm_abs=Math.abs,bm_floor=Math.floor,bm_max=Math.max,bm_min=Math.min,blitter=10,BMMath={};function ProjectInterface(){return{}}!function(){var t,e=Object.getOwnPropertyNames(Math),r=e.length;for(t=0;t<r;t+=1)BMMath[e[t]]=Math[e[t]]}(),BMMath.random=Math.random,BMMath.abs=function(t){if("object"===typeof t&&t.length){var e,r=createSizedArray(t.length),i=t.length;for(e=0;e<i;e+=1)r[e]=Math.abs(t[e]);return r}return Math.abs(t)};var defaultCurveSegments=150,degToRads=Math.PI/180,roundCorner=.5519;function roundValues(t){bm_rnd=t?Math.round:function(t){return t}}function styleDiv(t){t.style.position="absolute",t.style.top=0,t.style.left=0,t.style.display="block",t.style.transformOrigin=t.style.webkitTransformOrigin="0 0",t.style.backfaceVisibility=t.style.webkitBackfaceVisibility="visible",t.style.transformStyle=t.style.webkitTransformStyle=t.style.mozTransformStyle="preserve-3d"}function BMEnterFrameEvent(t,e,r,i){this.type=t,this.currentTime=e,this.totalTime=r,this.direction=i<0?-1:1}function BMCompleteEvent(t,e){this.type=t,this.direction=e<0?-1:1}function BMCompleteLoopEvent(t,e,r,i){this.type=t,this.currentLoop=r,this.totalLoops=e,this.direction=i<0?-1:1}function BMSegmentStartEvent(t,e,r){this.type=t,this.firstFrame=e,this.totalFrames=r}function BMDestroyEvent(t,e){this.type=t,this.target=e}function randomString(t,e){var r;void 0===e&&(e="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890");var i="";for(r=t;0<r;--r)i+=e[Math.round(Math.random()*(e.length-1))];return i}function HSVtoRGB(t,e,r){var i,s,a,n,o,h,l,p;switch(h=r*(1-e),l=r*(1-(o=6*t-(n=Math.floor(6*t)))*e),p=r*(1-(1-o)*e),n%6){case 0:i=r,s=p,a=h;break;case 1:i=l,s=r,a=h;break;case 2:i=h,s=r,a=p;break;case 3:i=h,s=l,a=r;break;case 4:i=p,s=h,a=r;break;case 5:i=r,s=h,a=l}return[i,s,a]}function RGBtoHSV(t,e,r){var i,s=Math.max(t,e,r),a=Math.min(t,e,r),n=s-a,o=0===s?0:n/s,h=s/255;switch(s){case a:i=0;break;case t:i=e-r+n*(e<r?6:0),i/=6*n;break;case e:i=r-t+2*n,i/=6*n;break;case r:i=t-e+4*n,i/=6*n}return[i,o,h]}function addSaturationToRGB(t,e){var r=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return r[1]+=e,1<r[1]?r[1]=1:r[1]<=0&&(r[1]=0),HSVtoRGB(r[0],r[1],r[2])}function addBrightnessToRGB(t,e){var r=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return r[2]+=e,1<r[2]?r[2]=1:r[2]<0&&(r[2]=0),HSVtoRGB(r[0],r[1],r[2])}function addHueToRGB(t,e){var r=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return r[0]+=e/360,1<r[0]?r[0]-=1:r[0]<0&&(r[0]+=1),HSVtoRGB(r[0],r[1],r[2])}roundValues(!1);var rgbToHex=function(){var t,e,i=[];for(t=0;t<256;t+=1)e=t.toString(16),i[t]=1==e.length?"0"+e:e;return function(t,e,r){return t<0&&(t=0),e<0&&(e=0),r<0&&(r=0),"#"+i[t]+i[e]+i[r]}}();function BaseEvent(){}BaseEvent.prototype={triggerEvent:function(t,e){if(this._cbs[t])for(var r=this._cbs[t].length,i=0;i<r;i++)this._cbs[t][i](e)},addEventListener:function(t,e){return this._cbs[t]||(this._cbs[t]=[]),this._cbs[t].push(e),function(){this.removeEventListener(t,e)}.bind(this)},removeEventListener:function(t,e){if(e){if(this._cbs[t]){for(var r=0,i=this._cbs[t].length;r<i;)this._cbs[t][r]===e&&(this._cbs[t].splice(r,1),r-=1,i-=1),r+=1;this._cbs[t].length||(this._cbs[t]=null)}}else this._cbs[t]=null}};var createTypedArray="function"==typeof Uint8ClampedArray&&"function"==typeof Float32Array?function(t,e){return"float32"===t?new Float32Array(e):"int16"===t?new Int16Array(e):"uint8c"===t?new Uint8ClampedArray(e):void 0}:function(t,e){var r,i=0,s=[];switch(t){case"int16":case"uint8c":r=1;break;default:r=1.1}for(i=0;i<e;i+=1)s.push(r);return s};function createSizedArray(t){return Array.apply(null,{length:t})}function createNS(t){return document.createElementNS(svgNS,t)}function createTag(t){return document.createElement(t)}function DynamicPropertyContainer(){}DynamicPropertyContainer.prototype={addDynamicProperty:function(t){-1===this.dynamicProperties.indexOf(t)&&(this.dynamicProperties.push(t),this.container.addDynamicProperty(this),this._isAnimated=!0)},iterateDynamicProperties:function(){this._mdf=!1;var t,e=this.dynamicProperties.length;for(t=0;t<e;t+=1)this.dynamicProperties[t].getValue(),this.dynamicProperties[t]._mdf&&(this._mdf=!0)},initDynamicPropertyContainer:function(t){this.container=t,this.dynamicProperties=[],this._mdf=!1,this._isAnimated=!1}};var Matrix=function(){var s=Math.cos,a=Math.sin,n=Math.tan,i=Math.round;function t(){return this.props[0]=1,this.props[1]=0,this.props[2]=0,this.props[3]=0,this.props[4]=0,this.props[5]=1,this.props[6]=0,this.props[7]=0,this.props[8]=0,this.props[9]=0,this.props[10]=1,this.props[11]=0,this.props[12]=0,this.props[13]=0,this.props[14]=0,this.props[15]=1,this}function e(t){if(0===t)return this;var e=s(t),r=a(t);return this._t(e,-r,0,0,r,e,0,0,0,0,1,0,0,0,0,1)}function r(t){if(0===t)return this;var e=s(t),r=a(t);return this._t(1,0,0,0,0,e,-r,0,0,r,e,0,0,0,0,1)}function o(t){if(0===t)return this;var e=s(t),r=a(t);return this._t(e,0,r,0,0,1,0,0,-r,0,e,0,0,0,0,1)}function h(t){if(0===t)return this;var e=s(t),r=a(t);return this._t(e,-r,0,0,r,e,0,0,0,0,1,0,0,0,0,1)}function l(t,e){return this._t(1,e,t,1,0,0)}function p(t,e){return this.shear(n(t),n(e))}function m(t,e){var r=s(e),i=a(e);return this._t(r,i,0,0,-i,r,0,0,0,0,1,0,0,0,0,1)._t(1,0,0,0,n(t),1,0,0,0,0,1,0,0,0,0,1)._t(r,-i,0,0,i,r,0,0,0,0,1,0,0,0,0,1)}function f(t,e,r){return r||0===r||(r=1),1===t&&1===e&&1===r?this:this._t(t,0,0,0,0,e,0,0,0,0,r,0,0,0,0,1)}function c(t,e,r,i,s,a,n,o,h,l,p,m,f,c,d,u){return this.props[0]=t,this.props[1]=e,this.props[2]=r,this.props[3]=i,this.props[4]=s,this.props[5]=a,this.props[6]=n,this.props[7]=o,this.props[8]=h,this.props[9]=l,this.props[10]=p,this.props[11]=m,this.props[12]=f,this.props[13]=c,this.props[14]=d,this.props[15]=u,this}function d(t,e,r){return r=r||0,0!==t||0!==e||0!==r?this._t(1,0,0,0,0,1,0,0,0,0,1,0,t,e,r,1):this}function u(t,e,r,i,s,a,n,o,h,l,p,m,f,c,d,u){var y=this.props;if(1===t&&0===e&&0===r&&0===i&&0===s&&1===a&&0===n&&0===o&&0===h&&0===l&&1===p&&0===m)return y[12]=y[12]*t+y[15]*f,y[13]=y[13]*a+y[15]*c,y[14]=y[14]*p+y[15]*d,y[15]=y[15]*u,this._identityCalculated=!1,this;var g=y[0],v=y[1],b=y[2],x=y[3],E=y[4],P=y[5],S=y[6],_=y[7],C=y[8],A=y[9],T=y[10],k=y[11],M=y[12],D=y[13],w=y[14],F=y[15];return y[0]=g*t+v*s+b*h+x*f,y[1]=g*e+v*a+b*l+x*c,y[2]=g*r+v*n+b*p+x*d,y[3]=g*i+v*o+b*m+x*u,y[4]=E*t+P*s+S*h+_*f,y[5]=E*e+P*a+S*l+_*c,y[6]=E*r+P*n+S*p+_*d,y[7]=E*i+P*o+S*m+_*u,y[8]=C*t+A*s+T*h+k*f,y[9]=C*e+A*a+T*l+k*c,y[10]=C*r+A*n+T*p+k*d,y[11]=C*i+A*o+T*m+k*u,y[12]=M*t+D*s+w*h+F*f,y[13]=M*e+D*a+w*l+F*c,y[14]=M*r+D*n+w*p+F*d,y[15]=M*i+D*o+w*m+F*u,this._identityCalculated=!1,this}function y(){return this._identityCalculated||(this._identity=!(1!==this.props[0]||0!==this.props[1]||0!==this.props[2]||0!==this.props[3]||0!==this.props[4]||1!==this.props[5]||0!==this.props[6]||0!==this.props[7]||0!==this.props[8]||0!==this.props[9]||1!==this.props[10]||0!==this.props[11]||0!==this.props[12]||0!==this.props[13]||0!==this.props[14]||1!==this.props[15]),this._identityCalculated=!0),this._identity}function g(t){for(var e=0;e<16;){if(t.props[e]!==this.props[e])return!1;e+=1}return!0}function v(t){var e;for(e=0;e<16;e+=1)t.props[e]=this.props[e]}function b(t){var e;for(e=0;e<16;e+=1)this.props[e]=t[e]}function x(t,e,r){return{x:t*this.props[0]+e*this.props[4]+r*this.props[8]+this.props[12],y:t*this.props[1]+e*this.props[5]+r*this.props[9]+this.props[13],z:t*this.props[2]+e*this.props[6]+r*this.props[10]+this.props[14]}}function E(t,e,r){return t*this.props[0]+e*this.props[4]+r*this.props[8]+this.props[12]}function P(t,e,r){return t*this.props[1]+e*this.props[5]+r*this.props[9]+this.props[13]}function S(t,e,r){return t*this.props[2]+e*this.props[6]+r*this.props[10]+this.props[14]}function _(t){var e=this.props[0]*this.props[5]-this.props[1]*this.props[4],r=this.props[5]/e,i=-this.props[1]/e,s=-this.props[4]/e,a=this.props[0]/e,n=(this.props[4]*this.props[13]-this.props[5]*this.props[12])/e,o=-(this.props[0]*this.props[13]-this.props[1]*this.props[12])/e;return[t[0]*r+t[1]*s+n,t[0]*i+t[1]*a+o,0]}function C(t){var e,r=t.length,i=[];for(e=0;e<r;e+=1)i[e]=_(t[e]);return i}function A(t,e,r){var i=createTypedArray("float32",6);if(this.isIdentity())i[0]=t[0],i[1]=t[1],i[2]=e[0],i[3]=e[1],i[4]=r[0],i[5]=r[1];else{var s=this.props[0],a=this.props[1],n=this.props[4],o=this.props[5],h=this.props[12],l=this.props[13];i[0]=t[0]*s+t[1]*n+h,i[1]=t[0]*a+t[1]*o+l,i[2]=e[0]*s+e[1]*n+h,i[3]=e[0]*a+e[1]*o+l,i[4]=r[0]*s+r[1]*n+h,i[5]=r[0]*a+r[1]*o+l}return i}function T(t,e,r){return this.isIdentity()?[t,e,r]:[t*this.props[0]+e*this.props[4]+r*this.props[8]+this.props[12],t*this.props[1]+e*this.props[5]+r*this.props[9]+this.props[13],t*this.props[2]+e*this.props[6]+r*this.props[10]+this.props[14]]}function k(t,e){if(this.isIdentity())return t+","+e;var r=this.props;return Math.round(100*(t*r[0]+e*r[4]+r[12]))/100+","+Math.round(100*(t*r[1]+e*r[5]+r[13]))/100}function M(){for(var t=0,e=this.props,r="matrix3d(";t<16;)r+=i(1e4*e[t])/1e4,r+=15===t?")":",",t+=1;return r}function D(t){return t<1e-6&&0<t||-1e-6<t&&t<0?i(1e4*t)/1e4:t}function w(){var t=this.props;return"matrix("+D(t[0])+","+D(t[1])+","+D(t[4])+","+D(t[5])+","+D(t[12])+","+D(t[13])+")"}return function(){this.reset=t,this.rotate=e,this.rotateX=r,this.rotateY=o,this.rotateZ=h,this.skew=p,this.skewFromAxis=m,this.shear=l,this.scale=f,this.setTransform=c,this.translate=d,this.transform=u,this.applyToPoint=x,this.applyToX=E,this.applyToY=P,this.applyToZ=S,this.applyToPointArray=T,this.applyToTriplePoints=A,this.applyToPointStringified=k,this.toCSS=M,this.to2dCSS=w,this.clone=v,this.cloneFromProps=b,this.equals=g,this.inversePoints=C,this.inversePoint=_,this._t=this.transform,this.isIdentity=y,this._identity=!0,this._identityCalculated=!1,this.props=createTypedArray("float32",16),this.reset()}}();!function(o,h){var l,p=this,m=256,f=6,c="random",d=h.pow(m,f),u=h.pow(2,52),y=2*u,g=m-1;function v(t){var e,r=t.length,n=this,i=0,s=n.i=n.j=0,a=n.S=[];for(r||(t=[r++]);i<m;)a[i]=i++;for(i=0;i<m;i++)a[i]=a[s=g&s+t[i%r]+(e=a[i])],a[s]=e;n.g=function(t){for(var e,r=0,i=n.i,s=n.j,a=n.S;t--;)e=a[i=g&i+1],r=r*m+a[g&(a[i]=a[s=g&s+e])+(a[s]=e)];return n.i=i,n.j=s,r}}function b(t,e){return e.i=t.i,e.j=t.j,e.S=t.S.slice(),e}function x(t,e){for(var r,i=t+"",s=0;s<i.length;)e[g&s]=g&(r^=19*e[g&s])+i.charCodeAt(s++);return E(e)}function E(t){return String.fromCharCode.apply(0,t)}h["seed"+c]=function(t,e,r){var i=[],s=x(function t(e,r){var i,s=[],a=typeof e;if(r&&"object"==a)for(i in e)try{s.push(t(e[i],r-1))}catch(t){}return s.length?s:"string"==a?e:e+"\0"}((e=!0===e?{entropy:!0}:e||{}).entropy?[t,E(o)]:null===t?function(){try{if(l)return E(l.randomBytes(m));var t=new Uint8Array(m);return(p.crypto||p.msCrypto).getRandomValues(t),E(t)}catch(t){var e=p.navigator,r=e&&e.plugins;return[+new Date,p,r,p.screen,E(o)]}}():t,3),i),a=new v(i),n=function(){for(var t=a.g(f),e=d,r=0;t<u;)t=(t+r)*m,e*=m,r=a.g(1);for(;y<=t;)t/=2,e/=2,r>>>=1;return(t+r)/e};return n.int32=function(){return 0|a.g(4)},n.quick=function(){return a.g(4)/4294967296},n.double=n,x(E(a.S),o),(e.pass||r||function(t,e,r,i){return i&&(i.S&&b(i,a),t.state=function(){return b(a,{})}),r?(h[c]=t,e):t})(n,s,"global"in e?e.global:this==h,e.state)},x(h.random(),o)}([],BMMath);var BezierFactory=function(){var t={getBezierEasing:function(t,e,r,i,s){var a=s||("bez_"+t+"_"+e+"_"+r+"_"+i).replace(/\./g,"p");if(o[a])return o[a];var n=new h([t,e,r,i]);return o[a]=n}},o={};var l=11,p=1/(l-1),e="function"==typeof Float32Array;function i(t,e){return 1-3*e+3*t}function s(t,e){return 3*e-6*t}function a(t){return 3*t}function m(t,e,r){return((i(e,r)*t+s(e,r))*t+a(e))*t}function f(t,e,r){return 3*i(e,r)*t*t+2*s(e,r)*t+a(e)}function h(t){this._p=t,this._mSampleValues=e?new Float32Array(l):new Array(l),this._precomputed=!1,this.get=this.get.bind(this)}return h.prototype={get:function(t){var e=this._p[0],r=this._p[1],i=this._p[2],s=this._p[3];return this._precomputed||this._precompute(),e===r&&i===s?t:0===t?0:1===t?1:m(this._getTForX(t),r,s)},_precompute:function(){var t=this._p[0],e=this._p[1],r=this._p[2],i=this._p[3];this._precomputed=!0,t===e&&r===i||this._calcSampleValues()},_calcSampleValues:function(){for(var t=this._p[0],e=this._p[2],r=0;r<l;++r)this._mSampleValues[r]=m(r*p,t,e)},_getTForX:function(t){for(var e=this._p[0],r=this._p[2],i=this._mSampleValues,s=0,a=1,n=l-1;a!==n&&i[a]<=t;++a)s+=p;var o=s+(t-i[--a])/(i[a+1]-i[a])*p,h=f(o,e,r);return.001<=h?function(t,e,r,i){for(var s=0;s<4;++s){var a=f(e,r,i);if(0===a)return e;e-=(m(e,r,i)-t)/a}return e}(t,o,e,r):0===h?o:function(t,e,r,i,s){for(var a,n,o=0;0<(a=m(n=e+(r-e)/2,i,s)-t)?r=n:e=n,1e-7<Math.abs(a)&&++o<10;);return n}(t,s,s+p,e,r)}},t}();function extendPrototype(t,e){var r,i,s=t.length;for(r=0;r<s;r+=1)for(var a in i=t[r].prototype)i.hasOwnProperty(a)&&(e.prototype[a]=i[a])}function getDescriptor(t,e){return Object.getOwnPropertyDescriptor(t,e)}function createProxyFunction(t){function e(){}return e.prototype=t,e}function bezFunction(){Math;function g(t,e,r,i,s,a){var n=t*i+e*s+r*a-s*i-a*t-r*e;return-.001<n&&n<.001}var p=function(t,e,r,i){var s,a,n,o,h,l,p=defaultCurveSegments,m=0,f=[],c=[],d=bezier_length_pool.newElement();for(n=r.length,s=0;s<p;s+=1){for(h=s/(p-1),a=l=0;a<n;a+=1)o=bm_pow(1-h,3)*t[a]+3*bm_pow(1-h,2)*h*r[a]+3*(1-h)*bm_pow(h,2)*i[a]+bm_pow(h,3)*e[a],f[a]=o,null!==c[a]&&(l+=bm_pow(f[a]-c[a],2)),c[a]=f[a];l&&(m+=l=bm_sqrt(l)),d.percents[s]=h,d.lengths[s]=m}return d.addedLength=m,d};function v(t){this.segmentLength=0,this.points=new Array(t)}function b(t,e){this.partialLength=t,this.point=e}var x,t=(x={},function(t){var e=t.s,r=t.e,i=t.to,s=t.ti,a=(e[0]+"_"+e[1]+"_"+r[0]+"_"+r[1]+"_"+i[0]+"_"+i[1]+"_"+s[0]+"_"+s[1]).replace(/\./g,"p");if(x[a])t.bezierData=x[a];else{var n,o,h,l,p,m,f,c=defaultCurveSegments,d=0,u=null;2===e.length&&(e[0]!=r[0]||e[1]!=r[1])&&g(e[0],e[1],r[0],r[1],e[0]+i[0],e[1]+i[1])&&g(e[0],e[1],r[0],r[1],r[0]+s[0],r[1]+s[1])&&(c=2);var y=new v(c);for(h=i.length,n=0;n<c;n+=1){for(f=createSizedArray(h),p=n/(c-1),o=m=0;o<h;o+=1)l=bm_pow(1-p,3)*e[o]+3*bm_pow(1-p,2)*p*(e[o]+i[o])+3*(1-p)*bm_pow(p,2)*(r[o]+s[o])+bm_pow(p,3)*r[o],f[o]=l,null!==u&&(m+=bm_pow(f[o]-u[o],2));d+=m=bm_sqrt(m),y.points[n]=new b(m,f),u=f}y.segmentLength=d,t.bezierData=y,x[a]=y}});function M(t,e){var r=e.percents,i=e.lengths,s=r.length,a=bm_floor((s-1)*t),n=t*e.addedLength,o=0;if(a===s-1||0===a||n===i[a])return r[a];for(var h=i[a]>n?-1:1,l=!0;l;)if(i[a]<=n&&i[a+1]>n?(o=(n-i[a])/(i[a+1]-i[a]),l=!1):a+=h,a<0||s-1<=a){if(a===s-1)return r[a];l=!1}return r[a]+(r[a+1]-r[a])*o}var D=createTypedArray("float32",8);return{getSegmentsLength:function(t){var e,r=segments_length_pool.newElement(),i=t.c,s=t.v,a=t.o,n=t.i,o=t._length,h=r.lengths,l=0;for(e=0;e<o-1;e+=1)h[e]=p(s[e],s[e+1],a[e],n[e+1]),l+=h[e].addedLength;return i&&o&&(h[e]=p(s[e],s[0],a[e],n[0]),l+=h[e].addedLength),r.totalLength=l,r},getNewSegment:function(t,e,r,i,s,a,n){var o,h=M(s=s<0?0:1<s?1:s,n),l=M(a=1<a?1:a,n),p=t.length,m=1-h,f=1-l,c=m*m*m,d=h*m*m*3,u=h*h*m*3,y=h*h*h,g=m*m*f,v=h*m*f+m*h*f+m*m*l,b=h*h*f+m*h*l+h*m*l,x=h*h*l,E=m*f*f,P=h*f*f+m*l*f+m*f*l,S=h*l*f+m*l*l+h*f*l,_=h*l*l,C=f*f*f,A=l*f*f+f*l*f+f*f*l,T=l*l*f+f*l*l+l*f*l,k=l*l*l;for(o=0;o<p;o+=1)D[4*o]=Math.round(1e3*(c*t[o]+d*r[o]+u*i[o]+y*e[o]))/1e3,D[4*o+1]=Math.round(1e3*(g*t[o]+v*r[o]+b*i[o]+x*e[o]))/1e3,D[4*o+2]=Math.round(1e3*(E*t[o]+P*r[o]+S*i[o]+_*e[o]))/1e3,D[4*o+3]=Math.round(1e3*(C*t[o]+A*r[o]+T*i[o]+k*e[o]))/1e3;return D},getPointInSegment:function(t,e,r,i,s,a){var n=M(s,a),o=1-n;return[Math.round(1e3*(o*o*o*t[0]+(n*o*o+o*n*o+o*o*n)*r[0]+(n*n*o+o*n*n+n*o*n)*i[0]+n*n*n*e[0]))/1e3,Math.round(1e3*(o*o*o*t[1]+(n*o*o+o*n*o+o*o*n)*r[1]+(n*n*o+o*n*n+n*o*n)*i[1]+n*n*n*e[1]))/1e3]},buildBezierData:t,pointOnLine2D:g,pointOnLine3D:function(t,e,r,i,s,a,n,o,h){if(0===r&&0===a&&0===h)return g(t,e,i,s,n,o);var l,p=Math.sqrt(Math.pow(i-t,2)+Math.pow(s-e,2)+Math.pow(a-r,2)),m=Math.sqrt(Math.pow(n-t,2)+Math.pow(o-e,2)+Math.pow(h-r,2)),f=Math.sqrt(Math.pow(n-i,2)+Math.pow(o-s,2)+Math.pow(h-a,2));return-1e-4<(l=m<p?f<p?p-m-f:f-m-p:m<f?f-m-p:m-p-f)&&l<1e-4}}}!function(){for(var a=0,t=["ms","moz","webkit","o"],e=0;e<t.length&&!window.requestAnimationFrame;++e)window.requestAnimationFrame=window[t[e]+"RequestAnimationFrame"],window.cancelAnimationFrame=window[t[e]+"CancelAnimationFrame"]||window[t[e]+"CancelRequestAnimationFrame"];window.requestAnimationFrame||(window.requestAnimationFrame=function(t,e){var r=(new Date).getTime(),i=Math.max(0,16-(r-a)),s=setTimeout(function(){t(r+i)},i);return a=r+i,s}),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(t){clearTimeout(t)})}();var bez=bezFunction();function dataFunctionManager(){function c(t,e){for(var r=0,i=e.length;r<i;){if(e[r].id===t)return e[r].layers.__used?JSON.parse(JSON.stringify(e[r].layers)):(e[r].layers.__used=!0,e[r].layers);r+=1}}function d(t){var e,r,i;for(e=t.length-1;0<=e;e-=1)if("sh"==t[e].ty){if(t[e].ks.k.i)u(t[e].ks.k);else for(i=t[e].ks.k.length,r=0;r<i;r+=1)t[e].ks.k[r].s&&u(t[e].ks.k[r].s[0]),t[e].ks.k[r].e&&u(t[e].ks.k[r].e[0]);!0}else"gr"==t[e].ty&&d(t[e].it)}function u(t){var e,r=t.i.length;for(e=0;e<r;e+=1)t.i[e][0]+=t.v[e][0],t.i[e][1]+=t.v[e][1],t.o[e][0]+=t.v[e][0],t.o[e][1]+=t.v[e][1]}function o(t,e){var r=e?e.split("."):[100,100,100];return t[0]>r[0]||!(r[0]>t[0])&&(t[1]>r[1]||!(r[1]>t[1])&&(t[2]>r[2]||!(r[2]>t[2])&&void 0))}var h,r=function(){var i=[4,4,14];function s(t){var e,r,i,s=t.length;for(e=0;e<s;e+=1)5===t[e].ty&&(r=t[e],void 0,i=r.t.d,r.t.d={k:[{s:i,t:0}]})}return function(t){if(o(i,t.v)&&(s(t.layers),t.assets)){var e,r=t.assets.length;for(e=0;e<r;e+=1)t.assets[e].layers&&s(t.assets[e].layers)}}}(),i=(h=[4,7,99],function(t){if(t.chars&&!o(h,t.v)){var e,r,i,s,a,n=t.chars.length;for(e=0;e<n;e+=1)if(t.chars[e].data&&t.chars[e].data.shapes)for(i=(a=t.chars[e].data.shapes[0].it).length,r=0;r<i;r+=1)(s=a[r].ks.k).__converted||(u(a[r].ks.k),s.__converted=!0)}}),s=function(){var i=[4,1,9];function a(t){var e,r,i,s=t.length;for(e=0;e<s;e+=1)if("gr"===t[e].ty)a(t[e].it);else if("fl"===t[e].ty||"st"===t[e].ty)if(t[e].c.k&&t[e].c.k[0].i)for(i=t[e].c.k.length,r=0;r<i;r+=1)t[e].c.k[r].s&&(t[e].c.k[r].s[0]/=255,t[e].c.k[r].s[1]/=255,t[e].c.k[r].s[2]/=255,t[e].c.k[r].s[3]/=255),t[e].c.k[r].e&&(t[e].c.k[r].e[0]/=255,t[e].c.k[r].e[1]/=255,t[e].c.k[r].e[2]/=255,t[e].c.k[r].e[3]/=255);else t[e].c.k[0]/=255,t[e].c.k[1]/=255,t[e].c.k[2]/=255,t[e].c.k[3]/=255}function s(t){var e,r=t.length;for(e=0;e<r;e+=1)4===t[e].ty&&a(t[e].shapes)}return function(t){if(o(i,t.v)&&(s(t.layers),t.assets)){var e,r=t.assets.length;for(e=0;e<r;e+=1)t.assets[e].layers&&s(t.assets[e].layers)}}}(),a=function(){var i=[4,4,18];function l(t){var e,r,i;for(e=t.length-1;0<=e;e-=1)if("sh"==t[e].ty){if(t[e].ks.k.i)t[e].ks.k.c=t[e].closed;else for(i=t[e].ks.k.length,r=0;r<i;r+=1)t[e].ks.k[r].s&&(t[e].ks.k[r].s[0].c=t[e].closed),t[e].ks.k[r].e&&(t[e].ks.k[r].e[0].c=t[e].closed);!0}else"gr"==t[e].ty&&l(t[e].it)}function s(t){var e,r,i,s,a,n,o=t.length;for(r=0;r<o;r+=1){if((e=t[r]).hasMask){var h=e.masksProperties;for(s=h.length,i=0;i<s;i+=1)if(h[i].pt.k.i)h[i].pt.k.c=h[i].cl;else for(n=h[i].pt.k.length,a=0;a<n;a+=1)h[i].pt.k[a].s&&(h[i].pt.k[a].s[0].c=h[i].cl),h[i].pt.k[a].e&&(h[i].pt.k[a].e[0].c=h[i].cl)}4===e.ty&&l(e.shapes)}}return function(t){if(o(i,t.v)&&(s(t.layers),t.assets)){var e,r=t.assets.length;for(e=0;e<r;e+=1)t.assets[e].layers&&s(t.assets[e].layers)}}}();var t={};return t.completeData=function(t,e){t.__complete||(s(t),r(t),i(t),a(t),function t(e,r,i){var s,a,n,o,h,l,p,m=e.length;for(a=0;a<m;a+=1)if("ks"in(s=e[a])&&!s.completed){if(s.completed=!0,s.tt&&(e[a-1].td=s.tt),s.hasMask){var f=s.masksProperties;for(o=f.length,n=0;n<o;n+=1)if(f[n].pt.k.i)u(f[n].pt.k);else for(l=f[n].pt.k.length,h=0;h<l;h+=1)f[n].pt.k[h].s&&u(f[n].pt.k[h].s[0]),f[n].pt.k[h].e&&u(f[n].pt.k[h].e[0])}0===s.ty?(s.layers=c(s.refId,r),t(s.layers,r,i)):4===s.ty?d(s.shapes):5==s.ty&&(0!==(p=s).t.a.length||"m"in p.t.p||(p.singleShape=!0))}}(t.layers,t.assets,e),t.__complete=!0)},t}var dataManager=dataFunctionManager(),FontManager=function(){var a={w:0,size:0,shapes:[]},t=[];function u(t,e){var r=createTag("span");r.style.fontFamily=e;var i=createTag("span");i.innerHTML="giItT1WQy@!-/#",r.style.position="absolute",r.style.left="-10000px",r.style.top="-10000px",r.style.fontSize="300px",r.style.fontVariant="normal",r.style.fontStyle="normal",r.style.fontWeight="normal",r.style.letterSpacing="0",r.appendChild(i),document.body.appendChild(r);var s=i.offsetWidth;return i.style.fontFamily=t+", "+e,{node:i,w:s,parent:r}}t=t.concat([2304,2305,2306,2307,2362,2363,2364,2364,2366,2367,2368,2369,2370,2371,2372,2373,2374,2375,2376,2377,2378,2379,2380,2381,2382,2383,2387,2388,2389,2390,2391,2402,2403]);var e=function(){this.fonts=[],this.chars=null,this.typekitLoaded=0,this.isLoaded=!1,this.initTime=Date.now()};return e.getCombinedCharacterCodes=function(){return t},e.prototype.addChars=function(t){if(t){this.chars||(this.chars=[]);var e,r,i,s=t.length,a=this.chars.length;for(e=0;e<s;e+=1){for(r=0,i=!1;r<a;)this.chars[r].style===t[e].style&&this.chars[r].fFamily===t[e].fFamily&&this.chars[r].ch===t[e].ch&&(i=!0),r+=1;i||(this.chars.push(t[e]),a+=1)}}},e.prototype.addFonts=function(t,e){if(t){if(this.chars)return this.isLoaded=!0,void(this.fonts=t.list);var r,i,s,a,n=t.list,o=n.length,h=o;for(r=0;r<o;r+=1){var l,p,m=!0;if(n[r].loaded=!1,n[r].monoCase=u(n[r].fFamily,"monospace"),n[r].sansCase=u(n[r].fFamily,"sans-serif"),n[r].fPath){if("p"===n[r].fOrigin||3===n[r].origin){if(0<(l=document.querySelectorAll('style[f-forigin="p"][f-family="'+n[r].fFamily+'"], style[f-origin="3"][f-family="'+n[r].fFamily+'"]')).length&&(m=!1),m){var f=createTag("style");f.setAttribute("f-forigin",n[r].fOrigin),f.setAttribute("f-origin",n[r].origin),f.setAttribute("f-family",n[r].fFamily),f.type="text/css",f.innerHTML="@font-face {font-family: "+n[r].fFamily+"; font-style: normal; src: url('"+n[r].fPath+"');}",e.appendChild(f)}}else if("g"===n[r].fOrigin||1===n[r].origin){for(l=document.querySelectorAll('link[f-forigin="g"], link[f-origin="1"]'),p=0;p<l.length;p++)-1!==l[p].href.indexOf(n[r].fPath)&&(m=!1);if(m){var c=createTag("link");c.setAttribute("f-forigin",n[r].fOrigin),c.setAttribute("f-origin",n[r].origin),c.type="text/css",c.rel="stylesheet",c.href=n[r].fPath,document.body.appendChild(c)}}else if("t"===n[r].fOrigin||2===n[r].origin){for(l=document.querySelectorAll('script[f-forigin="t"], script[f-origin="2"]'),p=0;p<l.length;p++)n[r].fPath===l[p].src&&(m=!1);if(m){var d=createTag("link");d.setAttribute("f-forigin",n[r].fOrigin),d.setAttribute("f-origin",n[r].origin),d.setAttribute("rel","stylesheet"),d.setAttribute("href",n[r].fPath),e.appendChild(d)}}}else n[r].loaded=!0,h-=1;n[r].helper=(i=e,s=n[r],a=void 0,(a=createNS("text")).style.fontSize="100px",a.setAttribute("font-family",s.fFamily),a.setAttribute("font-style",s.fStyle),a.setAttribute("font-weight",s.fWeight),a.textContent="1",s.fClass?(a.style.fontFamily="inherit",a.className=s.fClass):a.style.fontFamily=s.fFamily,i.appendChild(a),createTag("canvas").getContext("2d").font=s.fWeight+" "+s.fStyle+" 100px "+s.fFamily,a),n[r].cache={},this.fonts.push(n[r])}0===h?this.isLoaded=!0:setTimeout(this.checkLoadedFonts.bind(this),100)}else this.isLoaded=!0},e.prototype.getCharData=function(t,e,r){for(var i=0,s=this.chars.length;i<s;){if(this.chars[i].ch===t&&this.chars[i].style===e&&this.chars[i].fFamily===r)return this.chars[i];i+=1}return console&&console.warn&&console.warn("Missing character from exported characters list: ",t,e,r),a},e.prototype.getFontByName=function(t){for(var e=0,r=this.fonts.length;e<r;){if(this.fonts[e].fName===t)return this.fonts[e];e+=1}return this.fonts[0]},e.prototype.measureText=function(t,e,r){var i=this.getFontByName(e),s=t.charCodeAt(0);if(!i.cache[s+1]){var a=i.helper;if(" "===t){a.textContent="|"+t+"|";var n=a.getComputedTextLength();a.textContent="||";var o=a.getComputedTextLength();i.cache[s+1]=(n-o)/100}else a.textContent=t,i.cache[s+1]=a.getComputedTextLength()/100}return i.cache[s+1]*r},e.prototype.checkLoadedFonts=function(){var t,e,r,i=this.fonts.length,s=i;for(t=0;t<i;t+=1)this.fonts[t].loaded?s-=1:"n"===this.fonts[t].fOrigin||0===this.fonts[t].origin?this.fonts[t].loaded=!0:(e=this.fonts[t].monoCase.node,r=this.fonts[t].monoCase.w,e.offsetWidth!==r?(s-=1,this.fonts[t].loaded=!0):(e=this.fonts[t].sansCase.node,r=this.fonts[t].sansCase.w,e.offsetWidth!==r&&(s-=1,this.fonts[t].loaded=!0)),this.fonts[t].loaded&&(this.fonts[t].sansCase.parent.parentNode.removeChild(this.fonts[t].sansCase.parent),this.fonts[t].monoCase.parent.parentNode.removeChild(this.fonts[t].monoCase.parent)));0!==s&&Date.now()-this.initTime<5e3?setTimeout(this.checkLoadedFonts.bind(this),20):setTimeout(function(){this.isLoaded=!0}.bind(this),0)},e.prototype.loaded=function(){return this.isLoaded},e}(),PropertyFactory=function(){var m=initialDefaultFrame,s=Math.abs;function f(t,e){var r,i=this.offsetTime;"multidimensional"===this.propType&&(r=createTypedArray("float32",this.pv.length));for(var s,a,n,o,h,l,p,m,f=e.lastIndex,c=f,d=this.keyframes.length-1,u=!0;u;){if(s=this.keyframes[c],a=this.keyframes[c+1],c===d-1&&t>=a.t-i){s.h&&(s=a),f=0;break}if(a.t-i>t){f=c;break}c<d-1?c+=1:(f=0,u=!1)}var y,g,v,b,x,E,P,S,_,C=a.t-i,A=s.t-i;if(s.to){s.bezierData||bez.buildBezierData(s);var T=s.bezierData;if(C<=t||t<A){var k=C<=t?T.points.length-1:0;for(o=T.points[k].point.length,n=0;n<o;n+=1)r[n]=T.points[k].point[n]}else{s.__fnct?m=s.__fnct:(m=BezierFactory.getBezierEasing(s.o.x,s.o.y,s.i.x,s.i.y,s.n).get,s.__fnct=m),h=m((t-A)/(C-A));var M,D=T.segmentLength*h,w=e.lastFrame<t&&e._lastBezierData===T?e._lastAddedLength:0;for(p=e.lastFrame<t&&e._lastBezierData===T?e._lastPoint:0,u=!0,l=T.points.length;u;){if(w+=T.points[p].partialLength,0===D||0===h||p===T.points.length-1){for(o=T.points[p].point.length,n=0;n<o;n+=1)r[n]=T.points[p].point[n];break}if(w<=D&&D<w+T.points[p+1].partialLength){for(M=(D-w)/T.points[p+1].partialLength,o=T.points[p].point.length,n=0;n<o;n+=1)r[n]=T.points[p].point[n]+(T.points[p+1].point[n]-T.points[p].point[n])*M;break}p<l-1?p+=1:u=!1}e._lastPoint=p,e._lastAddedLength=w-T.points[p].partialLength,e._lastBezierData=T}}else{var F,I,V,R,B;if(d=s.s.length,this.sh&&1!==s.h)if(C<=t)r[0]=s.e[0],r[1]=s.e[1],r[2]=s.e[2];else if(t<=A)r[0]=s.s[0],r[1]=s.s[1],r[2]=s.s[2];else{var L=z(s.s),G=z(s.e);y=r,g=function(t,e,r){var i,s,a,n,o,h=[],l=t[0],p=t[1],m=t[2],f=t[3],c=e[0],d=e[1],u=e[2],y=e[3];(s=l*c+p*d+m*u+f*y)<0&&(s=-s,c=-c,d=-d,u=-u,y=-y);o=1e-6<1-s?(i=Math.acos(s),a=Math.sin(i),n=Math.sin((1-r)*i)/a,Math.sin(r*i)/a):(n=1-r,r);return h[0]=n*l+o*c,h[1]=n*p+o*d,h[2]=n*m+o*u,h[3]=n*f+o*y,h}(L,G,(t-A)/(C-A)),v=g[0],b=g[1],x=g[2],E=g[3],P=Math.atan2(2*b*E-2*v*x,1-2*b*b-2*x*x),S=Math.asin(2*v*b+2*x*E),_=Math.atan2(2*v*E-2*b*x,1-2*v*v-2*x*x),y[0]=P/degToRads,y[1]=S/degToRads,y[2]=_/degToRads}else for(c=0;c<d;c+=1)1!==s.h&&(h=C<=t?1:t<A?0:(s.o.x.constructor===Array?(s.__fnct||(s.__fnct=[]),s.__fnct[c]?m=s.__fnct[c]:(F=void 0===typeof s.o.x[c]?s.o.x[0]:s.o.x[c],I=void 0===typeof s.o.y[c]?s.o.y[0]:s.o.y[c],V=void 0===typeof s.i.x[c]?s.i.x[0]:s.i.x[c],R=void 0===typeof s.i.y[c]?s.i.y[0]:s.i.y[c],m=BezierFactory.getBezierEasing(F,I,V,R).get,s.__fnct[c]=m)):s.__fnct?m=s.__fnct:(F=s.o.x,I=s.o.y,V=s.i.x,R=s.i.y,m=BezierFactory.getBezierEasing(F,I,V,R).get,s.__fnct=m),m((t-A)/(C-A)))),B=1===s.h?s.s[c]:s.s[c]+(s.e[c]-s.s[c])*h,1===d?r=B:r[c]=B}return e.lastIndex=f,r}function z(t){var e=t[0]*degToRads,r=t[1]*degToRads,i=t[2]*degToRads,s=Math.cos(e/2),a=Math.cos(r/2),n=Math.cos(i/2),o=Math.sin(e/2),h=Math.sin(r/2),l=Math.sin(i/2);return[o*h*n+s*a*l,o*a*n+s*h*l,s*h*n-o*a*l,s*a*n-o*h*l]}function c(){var t=this.comp.renderedFrame-this.offsetTime,e=this.keyframes[0].t-this.offsetTime,r=this.keyframes[this.keyframes.length-1].t-this.offsetTime;if(!(t===this._caching.lastFrame||this._caching.lastFrame!==m&&(this._caching.lastFrame>=r&&r<=t||this._caching.lastFrame<e&&t<e))){this._caching.lastFrame>=t&&(this._caching._lastBezierData=null,this._caching.lastIndex=0);var i=this.interpolateValue(t,this._caching);this.pv=i}return this._caching.lastFrame=t,this.pv}function d(t){var e;if("unidimensional"===this.propType)e=t*this.mult,1e-5<s(this.v-e)&&(this.v=e,this._mdf=!0);else for(var r=0,i=this.v.length;r<i;)e=t[r]*this.mult,1e-5<s(this.v[r]-e)&&(this.v[r]=e,this._mdf=!0),r+=1}function u(){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length)if(this.lock)this.setVValue(this.pv);else{this.lock=!0,this._mdf=this._isFirstFrame;var t,e=this.effectsSequence.length,r=this.kf?this.pv:this.data.k;for(t=0;t<e;t+=1)r=this.effectsSequence[t](r);this.setVValue(r),this._isFirstFrame=!1,this.lock=!1,this.frameId=this.elem.globalData.frameId}}function y(t){this.effectsSequence.push(t),this.container.addDynamicProperty(this)}function n(t,e,r,i){this.propType="unidimensional",this.mult=r||1,this.data=e,this.v=r?e.k*r:e.k,this.pv=e.k,this._mdf=!1,this.elem=t,this.container=i,this.comp=t.comp,this.k=!1,this.kf=!1,this.vel=0,this.effectsSequence=[],this._isFirstFrame=!0,this.getValue=u,this.setVValue=d,this.addEffect=y}function o(t,e,r,i){this.propType="multidimensional",this.mult=r||1,this.data=e,this._mdf=!1,this.elem=t,this.container=i,this.comp=t.comp,this.k=!1,this.kf=!1,this.frameId=-1;var s,a=e.k.length;this.v=createTypedArray("float32",a),this.pv=createTypedArray("float32",a);createTypedArray("float32",a);for(this.vel=createTypedArray("float32",a),s=0;s<a;s+=1)this.v[s]=e.k[s]*this.mult,this.pv[s]=e.k[s];this._isFirstFrame=!0,this.effectsSequence=[],this.getValue=u,this.setVValue=d,this.addEffect=y}function h(t,e,r,i){this.propType="unidimensional",this.keyframes=e.k,this.offsetTime=t.data.st,this.frameId=-1,this._caching={lastFrame:m,lastIndex:0,value:0,_lastBezierData:null},this.k=!0,this.kf=!0,this.data=e,this.mult=r||1,this.elem=t,this.container=i,this.comp=t.comp,this.v=m,this.pv=m,this._isFirstFrame=!0,this.getValue=u,this.setVValue=d,this.interpolateValue=f,this.effectsSequence=[c.bind(this)],this.addEffect=y}function l(t,e,r,i){this.propType="multidimensional";var s,a,n,o,h,l=e.k.length;for(s=0;s<l-1;s+=1)e.k[s].to&&e.k[s].s&&e.k[s].e&&(a=e.k[s].s,n=e.k[s].e,o=e.k[s].to,h=e.k[s].ti,(2===a.length&&(a[0]!==n[0]||a[1]!==n[1])&&bez.pointOnLine2D(a[0],a[1],n[0],n[1],a[0]+o[0],a[1]+o[1])&&bez.pointOnLine2D(a[0],a[1],n[0],n[1],n[0]+h[0],n[1]+h[1])||3===a.length&&(a[0]!==n[0]||a[1]!==n[1]||a[2]!==n[2])&&bez.pointOnLine3D(a[0],a[1],a[2],n[0],n[1],n[2],a[0]+o[0],a[1]+o[1],a[2]+o[2])&&bez.pointOnLine3D(a[0],a[1],a[2],n[0],n[1],n[2],n[0]+h[0],n[1]+h[1],n[2]+h[2]))&&(e.k[s].to=null,e.k[s].ti=null),a[0]===n[0]&&a[1]===n[1]&&0===o[0]&&0===o[1]&&0===h[0]&&0===h[1]&&(2===a.length||a[2]===n[2]&&0===o[2]&&0===h[2])&&(e.k[s].to=null,e.k[s].ti=null));this.effectsSequence=[c.bind(this)],this.keyframes=e.k,this.offsetTime=t.data.st,this.k=!0,this.kf=!0,this._isFirstFrame=!0,this.mult=r||1,this.elem=t,this.container=i,this.comp=t.comp,this.getValue=u,this.setVValue=d,this.interpolateValue=f,this.frameId=-1;var p=e.k[0].s.length;for(this.v=createTypedArray("float32",p),this.pv=createTypedArray("float32",p),s=0;s<p;s+=1)this.v[s]=m,this.pv[s]=m;this._caching={lastFrame:m,lastIndex:0,value:createTypedArray("float32",p)},this.addEffect=y}return{getProp:function(t,e,r,i,s){var a;if(0===e.a)a=0===r?new n(t,e,i,s):new o(t,e,i,s);else if(1===e.a)a=0===r?new h(t,e,i,s):new l(t,e,i,s);else if(e.k.length)if("number"==typeof e.k[0])a=new o(t,e,i,s);else switch(r){case 0:a=new h(t,e,i,s);break;case 1:a=new l(t,e,i,s)}else a=new n(t,e,i,s);return a.effectsSequence.length&&s.addDynamicProperty(a),a}}}(),TransformPropertyFactory=function(){function i(t,e,r){if(this.elem=t,this.frameId=-1,this.propType="transform",this.data=e,this.v=new Matrix,this.pre=new Matrix,this.appliedTransformations=0,this.initDynamicPropertyContainer(r||t),e.p.s?(this.px=PropertyFactory.getProp(t,e.p.x,0,0,this),this.py=PropertyFactory.getProp(t,e.p.y,0,0,this),e.p.z&&(this.pz=PropertyFactory.getProp(t,e.p.z,0,0,this))):this.p=PropertyFactory.getProp(t,e.p,1,0,this),e.r)this.r=PropertyFactory.getProp(t,e.r,0,degToRads,this);else if(e.rx){if(this.rx=PropertyFactory.getProp(t,e.rx,0,degToRads,this),this.ry=PropertyFactory.getProp(t,e.ry,0,degToRads,this),this.rz=PropertyFactory.getProp(t,e.rz,0,degToRads,this),e.or.k[0].ti){var i,s=e.or.k.length;for(i=0;i<s;i+=1)e.or.k[i].to=e.or.k[i].ti=null}this.or=PropertyFactory.getProp(t,e.or,1,degToRads,this),this.or.sh=!0}e.sk&&(this.sk=PropertyFactory.getProp(t,e.sk,0,degToRads,this),this.sa=PropertyFactory.getProp(t,e.sa,0,degToRads,this)),e.a&&(this.a=PropertyFactory.getProp(t,e.a,1,0,this)),e.s&&(this.s=PropertyFactory.getProp(t,e.s,1,.01,this)),e.o?this.o=PropertyFactory.getProp(t,e.o,0,.01,t):this.o={_mdf:!1,v:1},this._isDirty=!0,this.dynamicProperties.length||this.getValue(!0)}return i.prototype={applyToMatrix:function(t){var e=this._mdf;this.iterateDynamicProperties(),this._mdf=this._mdf||e,this.a&&t.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.s&&t.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&t.skewFromAxis(-this.sk.v,this.sa.v),this.r?t.rotate(-this.r.v):t.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.data.p.s?this.data.p.z?t.translate(this.px.v,this.py.v,-this.pz.v):t.translate(this.px.v,this.py.v,0):t.translate(this.p.v[0],this.p.v[1],-this.p.v[2])},getValue:function(t){if(this.elem.globalData.frameId!==this.frameId){if(this._isDirty&&(this.precalculateMatrix(),this._isDirty=!1),this.iterateDynamicProperties(),this._mdf||t){if(this.v.cloneFromProps(this.pre.props),this.appliedTransformations<1&&this.v.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations<2&&this.v.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&this.appliedTransformations<3&&this.v.skewFromAxis(-this.sk.v,this.sa.v),this.r&&this.appliedTransformations<4?this.v.rotate(-this.r.v):!this.r&&this.appliedTransformations<4&&this.v.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.autoOriented){var e,r,i=this.elem.globalData.frameRate;if(this.p&&this.p.keyframes&&this.p.getValueAtTime)r=this.p._caching.lastFrame+this.p.offsetTime<=this.p.keyframes[0].t?(e=this.p.getValueAtTime((this.p.keyframes[0].t+.01)/i,0),this.p.getValueAtTime(this.p.keyframes[0].t/i,0)):this.p._caching.lastFrame+this.p.offsetTime>=this.p.keyframes[this.p.keyframes.length-1].t?(e=this.p.getValueAtTime(this.p.keyframes[this.p.keyframes.length-1].t/i,0),this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length-1].t-.01)/i,0)):(e=this.p.pv,this.p.getValueAtTime((this.p._caching.lastFrame+this.p.offsetTime-.01)/i,this.p.offsetTime));else if(this.px&&this.px.keyframes&&this.py.keyframes&&this.px.getValueAtTime&&this.py.getValueAtTime){e=[],r=[];var s=this.px,a=this.py;s._caching.lastFrame+s.offsetTime<=s.keyframes[0].t?(e[0]=s.getValueAtTime((s.keyframes[0].t+.01)/i,0),e[1]=a.getValueAtTime((a.keyframes[0].t+.01)/i,0),r[0]=s.getValueAtTime(s.keyframes[0].t/i,0),r[1]=a.getValueAtTime(a.keyframes[0].t/i,0)):s._caching.lastFrame+s.offsetTime>=s.keyframes[s.keyframes.length-1].t?(e[0]=s.getValueAtTime(s.keyframes[s.keyframes.length-1].t/i,0),e[1]=a.getValueAtTime(a.keyframes[a.keyframes.length-1].t/i,0),r[0]=s.getValueAtTime((s.keyframes[s.keyframes.length-1].t-.01)/i,0),r[1]=a.getValueAtTime((a.keyframes[a.keyframes.length-1].t-.01)/i,0)):(e=[s.pv,a.pv],r[0]=s.getValueAtTime((s._caching.lastFrame+s.offsetTime-.01)/i,s.offsetTime),r[1]=a.getValueAtTime((a._caching.lastFrame+a.offsetTime-.01)/i,a.offsetTime))}this.v.rotate(-Math.atan2(e[1]-r[1],e[0]-r[0]))}this.data.p.s?this.data.p.z?this.v.translate(this.px.v,this.py.v,-this.pz.v):this.v.translate(this.px.v,this.py.v,0):this.v.translate(this.p.v[0],this.p.v[1],-this.p.v[2])}this.frameId=this.elem.globalData.frameId}},precalculateMatrix:function(){if(!this.a.k&&(this.pre.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations=1,!this.s.effectsSequence.length)){if(this.pre.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.appliedTransformations=2,this.sk){if(this.sk.effectsSequence.length||this.sa.effectsSequence.length)return;this.pre.skewFromAxis(-this.sk.v,this.sa.v),this.appliedTransformations=3}if(this.r){if(this.r.effectsSequence.length)return;this.pre.rotate(-this.r.v),this.appliedTransformations=4}else this.rz.effectsSequence.length||this.ry.effectsSequence.length||this.rx.effectsSequence.length||this.or.effectsSequence.length||(this.pre.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.appliedTransformations=4)}},autoOrient:function(){}},extendPrototype([DynamicPropertyContainer],i),i.prototype.addDynamicProperty=function(t){this._addDynamicProperty(t),this.elem.addDynamicProperty(t),this._isDirty=!0},i.prototype._addDynamicProperty=DynamicPropertyContainer.prototype.addDynamicProperty,{getTransformProperty:function(t,e,r){return new i(t,e,r)}}}();function ShapePath(){this.c=!1,this._length=0,this._maxLength=8,this.v=createSizedArray(this._maxLength),this.o=createSizedArray(this._maxLength),this.i=createSizedArray(this._maxLength)}ShapePath.prototype.setPathData=function(t,e){this.c=t,this.setLength(e);for(var r=0;r<e;)this.v[r]=point_pool.newElement(),this.o[r]=point_pool.newElement(),this.i[r]=point_pool.newElement(),r+=1},ShapePath.prototype.setLength=function(t){for(;this._maxLength<t;)this.doubleArrayLength();this._length=t},ShapePath.prototype.doubleArrayLength=function(){this.v=this.v.concat(createSizedArray(this._maxLength)),this.i=this.i.concat(createSizedArray(this._maxLength)),this.o=this.o.concat(createSizedArray(this._maxLength)),this._maxLength*=2},ShapePath.prototype.setXYAt=function(t,e,r,i,s){var a;switch(this._length=Math.max(this._length,i+1),this._length>=this._maxLength&&this.doubleArrayLength(),r){case"v":a=this.v;break;case"i":a=this.i;break;case"o":a=this.o}(!a[i]||a[i]&&!s)&&(a[i]=point_pool.newElement()),a[i][0]=t,a[i][1]=e},ShapePath.prototype.setTripleAt=function(t,e,r,i,s,a,n,o){this.setXYAt(t,e,"v",n,o),this.setXYAt(r,i,"o",n,o),this.setXYAt(s,a,"i",n,o)},ShapePath.prototype.reverse=function(){var t=new ShapePath;t.setPathData(this.c,this._length);var e=this.v,r=this.o,i=this.i,s=0;this.c&&(t.setTripleAt(e[0][0],e[0][1],i[0][0],i[0][1],r[0][0],r[0][1],0,!1),s=1);var a,n=this._length-1,o=this._length;for(a=s;a<o;a+=1)t.setTripleAt(e[n][0],e[n][1],i[n][0],i[n][1],r[n][0],r[n][1],a,!1),n-=1;return t};var ShapePropertyFactory=function(){var s=-999999;function t(t,e,r){var i,s,a,n,o,h,l,p,m,f=r.lastIndex,c=this.keyframes;if(t<c[0].t-this.offsetTime)i=c[0].s[0],a=!0,f=0;else if(t>=c[c.length-1].t-this.offsetTime)i=1===c[c.length-2].h?c[c.length-1].s[0]:c[c.length-2].e[0],a=!0;else{for(var d,u,y=f,g=c.length-1,v=!0;v&&(d=c[y],!((u=c[y+1]).t-this.offsetTime>t));)y<g-1?y+=1:v=!1;if(f=y,!(a=1===d.h)){if(t>=u.t-this.offsetTime)p=1;else if(t<d.t-this.offsetTime)p=0;else{var b;d.__fnct?b=d.__fnct:(b=BezierFactory.getBezierEasing(d.o.x,d.o.y,d.i.x,d.i.y).get,d.__fnct=b),p=b((t-(d.t-this.offsetTime))/(u.t-this.offsetTime-(d.t-this.offsetTime)))}s=d.e[0]}i=d.s[0]}for(h=e._length,l=i.i[0].length,r.lastIndex=f,n=0;n<h;n+=1)for(o=0;o<l;o+=1)m=a?i.i[n][o]:i.i[n][o]+(s.i[n][o]-i.i[n][o])*p,e.i[n][o]=m,m=a?i.o[n][o]:i.o[n][o]+(s.o[n][o]-i.o[n][o])*p,e.o[n][o]=m,m=a?i.v[n][o]:i.v[n][o]+(s.v[n][o]-i.v[n][o])*p,e.v[n][o]=m}function a(){this.paths=this.localShapeCollection}function e(t){(function(t,e){if(t._length!==e._length||t.c!==e.c)return!1;var r,i=t._length;for(r=0;r<i;r+=1)if(t.v[r][0]!==e.v[r][0]||t.v[r][1]!==e.v[r][1]||t.o[r][0]!==e.o[r][0]||t.o[r][1]!==e.o[r][1]||t.i[r][0]!==e.i[r][0]||t.i[r][1]!==e.i[r][1])return!1;return!0})(this.v,t)||(this.v=shape_pool.clone(t),this.localShapeCollection.releaseShapes(),this.localShapeCollection.addShape(this.v),this._mdf=!0,this.paths=this.localShapeCollection)}function r(){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length)if(this.lock)this.setVValue(this.pv);else{this.lock=!0,this._mdf=!1;var t,e=this.kf?this.pv:this.data.ks?this.data.ks.k:this.data.pt.k,r=this.effectsSequence.length;for(t=0;t<r;t+=1)e=this.effectsSequence[t](e);this.setVValue(e),this.lock=!1,this.frameId=this.elem.globalData.frameId}}function n(t,e,r){this.propType="shape",this.comp=t.comp,this.container=t,this.elem=t,this.data=e,this.k=!1,this.kf=!1,this._mdf=!1;var i=3===r?e.pt.k:e.ks.k;this.v=shape_pool.clone(i),this.pv=shape_pool.clone(this.v),this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.reset=a,this.effectsSequence=[]}function i(t){this.effectsSequence.push(t),this.container.addDynamicProperty(this)}function o(t,e,r){this.propType="shape",this.comp=t.comp,this.elem=t,this.container=t,this.offsetTime=t.data.st,this.keyframes=3===r?e.pt.k:e.ks.k,this.k=!0,this.kf=!0;var i=this.keyframes[0].s[0].i.length;this.keyframes[0].s[0].i[0].length;this.v=shape_pool.newElement(),this.v.setPathData(this.keyframes[0].s[0].c,i),this.pv=shape_pool.clone(this.v),this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.lastFrame=s,this.reset=a,this._caching={lastFrame:s,lastIndex:0},this.effectsSequence=[function(){var t=this.comp.renderedFrame-this.offsetTime,e=this.keyframes[0].t-this.offsetTime,r=this.keyframes[this.keyframes.length-1].t-this.offsetTime,i=this._caching.lastFrame;return i!==s&&(i<e&&t<e||r<i&&r<t)||(this._caching.lastIndex=i<t?this._caching.lastIndex:0,this.interpolateShape(t,this.pv,this._caching)),this._caching.lastFrame=t,this.pv}.bind(this)]}n.prototype.interpolateShape=t,n.prototype.getValue=r,n.prototype.setVValue=e,n.prototype.addEffect=i,o.prototype.getValue=r,o.prototype.interpolateShape=t,o.prototype.setVValue=e,o.prototype.addEffect=i;var h=function(){var n=roundCorner;function t(t,e){this.v=shape_pool.newElement(),this.v.setPathData(!0,4),this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.paths=this.localShapeCollection,this.localShapeCollection.addShape(this.v),this.d=e.d,this.elem=t,this.comp=t.comp,this.frameId=-1,this.initDynamicPropertyContainer(t),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.s=PropertyFactory.getProp(t,e.s,1,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertEllToPath())}return t.prototype={reset:a,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertEllToPath())},convertEllToPath:function(){var t=this.p.v[0],e=this.p.v[1],r=this.s.v[0]/2,i=this.s.v[1]/2,s=3!==this.d,a=this.v;a.v[0][0]=t,a.v[0][1]=e-i,a.v[1][0]=s?t+r:t-r,a.v[1][1]=e,a.v[2][0]=t,a.v[2][1]=e+i,a.v[3][0]=s?t-r:t+r,a.v[3][1]=e,a.i[0][0]=s?t-r*n:t+r*n,a.i[0][1]=e-i,a.i[1][0]=s?t+r:t-r,a.i[1][1]=e-i*n,a.i[2][0]=s?t+r*n:t-r*n,a.i[2][1]=e+i,a.i[3][0]=s?t-r:t+r,a.i[3][1]=e+i*n,a.o[0][0]=s?t+r*n:t-r*n,a.o[0][1]=e-i,a.o[1][0]=s?t+r:t-r,a.o[1][1]=e+i*n,a.o[2][0]=s?t-r*n:t+r*n,a.o[2][1]=e+i,a.o[3][0]=s?t-r:t+r,a.o[3][1]=e-i*n}},extendPrototype([DynamicPropertyContainer],t),t}(),l=function(){function t(t,e){this.v=shape_pool.newElement(),this.v.setPathData(!0,0),this.elem=t,this.comp=t.comp,this.data=e,this.frameId=-1,this.d=e.d,this.initDynamicPropertyContainer(t),1===e.sy?(this.ir=PropertyFactory.getProp(t,e.ir,0,0,this),this.is=PropertyFactory.getProp(t,e.is,0,.01,this),this.convertToPath=this.convertStarToPath):this.convertToPath=this.convertPolygonToPath,this.pt=PropertyFactory.getProp(t,e.pt,0,0,this),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.r=PropertyFactory.getProp(t,e.r,0,degToRads,this),this.or=PropertyFactory.getProp(t,e.or,0,0,this),this.os=PropertyFactory.getProp(t,e.os,0,.01,this),this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertToPath())}return t.prototype={reset:a,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertToPath())},convertStarToPath:function(){var t,e,r,i,s=2*Math.floor(this.pt.v),a=2*Math.PI/s,n=!0,o=this.or.v,h=this.ir.v,l=this.os.v,p=this.is.v,m=2*Math.PI*o/(2*s),f=2*Math.PI*h/(2*s),c=-Math.PI/2;c+=this.r.v;var d=3===this.data.d?-1:1;for(t=this.v._length=0;t<s;t+=1){r=n?l:p,i=n?m:f;var u=(e=n?o:h)*Math.cos(c),y=e*Math.sin(c),g=0===u&&0===y?0:y/Math.sqrt(u*u+y*y),v=0===u&&0===y?0:-u/Math.sqrt(u*u+y*y);u+=+this.p.v[0],y+=+this.p.v[1],this.v.setTripleAt(u,y,u-g*i*r*d,y-v*i*r*d,u+g*i*r*d,y+v*i*r*d,t,!0),n=!n,c+=a*d}},convertPolygonToPath:function(){var t,e=Math.floor(this.pt.v),r=2*Math.PI/e,i=this.or.v,s=this.os.v,a=2*Math.PI*i/(4*e),n=-Math.PI/2,o=3===this.data.d?-1:1;for(n+=this.r.v,t=this.v._length=0;t<e;t+=1){var h=i*Math.cos(n),l=i*Math.sin(n),p=0===h&&0===l?0:l/Math.sqrt(h*h+l*l),m=0===h&&0===l?0:-h/Math.sqrt(h*h+l*l);h+=+this.p.v[0],l+=+this.p.v[1],this.v.setTripleAt(h,l,h-p*a*s*o,l-m*a*s*o,h+p*a*s*o,l+m*a*s*o,t,!0),n+=r*o}this.paths.length=0,this.paths[0]=this.v}},extendPrototype([DynamicPropertyContainer],t),t}(),p=function(){function t(t,e){this.v=shape_pool.newElement(),this.v.c=!0,this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.elem=t,this.comp=t.comp,this.frameId=-1,this.d=e.d,this.initDynamicPropertyContainer(t),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.s=PropertyFactory.getProp(t,e.s,1,0,this),this.r=PropertyFactory.getProp(t,e.r,0,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertRectToPath())}return t.prototype={convertRectToPath:function(){var t=this.p.v[0],e=this.p.v[1],r=this.s.v[0]/2,i=this.s.v[1]/2,s=bm_min(r,i,this.r.v),a=s*(1-roundCorner);this.v._length=0,2===this.d||1===this.d?(this.v.setTripleAt(t+r,e-i+s,t+r,e-i+s,t+r,e-i+a,0,!0),this.v.setTripleAt(t+r,e+i-s,t+r,e+i-a,t+r,e+i-s,1,!0),0!==s?(this.v.setTripleAt(t+r-s,e+i,t+r-s,e+i,t+r-a,e+i,2,!0),this.v.setTripleAt(t-r+s,e+i,t-r+a,e+i,t-r+s,e+i,3,!0),this.v.setTripleAt(t-r,e+i-s,t-r,e+i-s,t-r,e+i-a,4,!0),this.v.setTripleAt(t-r,e-i+s,t-r,e-i+a,t-r,e-i+s,5,!0),this.v.setTripleAt(t-r+s,e-i,t-r+s,e-i,t-r+a,e-i,6,!0),this.v.setTripleAt(t+r-s,e-i,t+r-a,e-i,t+r-s,e-i,7,!0)):(this.v.setTripleAt(t-r,e+i,t-r+a,e+i,t-r,e+i,2),this.v.setTripleAt(t-r,e-i,t-r,e-i+a,t-r,e-i,3))):(this.v.setTripleAt(t+r,e-i+s,t+r,e-i+a,t+r,e-i+s,0,!0),0!==s?(this.v.setTripleAt(t+r-s,e-i,t+r-s,e-i,t+r-a,e-i,1,!0),this.v.setTripleAt(t-r+s,e-i,t-r+a,e-i,t-r+s,e-i,2,!0),this.v.setTripleAt(t-r,e-i+s,t-r,e-i+s,t-r,e-i+a,3,!0),this.v.setTripleAt(t-r,e+i-s,t-r,e+i-a,t-r,e+i-s,4,!0),this.v.setTripleAt(t-r+s,e+i,t-r+s,e+i,t-r+a,e+i,5,!0),this.v.setTripleAt(t+r-s,e+i,t+r-a,e+i,t+r-s,e+i,6,!0),this.v.setTripleAt(t+r,e+i-s,t+r,e+i-s,t+r,e+i-a,7,!0)):(this.v.setTripleAt(t-r,e-i,t-r+a,e-i,t-r,e-i,1,!0),this.v.setTripleAt(t-r,e+i,t-r,e+i-a,t-r,e+i,2,!0),this.v.setTripleAt(t+r,e+i,t+r-a,e+i,t+r,e+i,3,!0)))},getValue:function(t){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertRectToPath())},reset:a},extendPrototype([DynamicPropertyContainer],t),t}();var m={getShapeProp:function(t,e,r){var i;if(3===r||4===r){var s=3===r?e.pt:e.ks,a=s.k;i=1===s.a||a.length?new o(t,e,r):new n(t,e,r)}else 5===r?i=new p(t,e):6===r?i=new h(t,e):7===r&&(i=new l(t,e));return i.k&&t.addDynamicProperty(i),i},getConstructorFunction:function(){return n},getKeyframedConstructorFunction:function(){return o}};return m}(),ShapeModifiers=(Tr={},Ur={},Tr.registerModifier=function(t,e){Ur[t]||(Ur[t]=e)},Tr.getModifier=function(t,e,r){return new Ur[t](e,r)},Tr),Tr,Ur;function ShapeModifier(){}function TrimModifier(){}function RoundCornersModifier(){}function RepeaterModifier(){}function ShapeCollection(){this._length=0,this._maxLength=4,this.shapes=createSizedArray(this._maxLength)}function DashProperty(t,e,r,i){this.elem=t,this.frameId=-1,this.dataProps=createSizedArray(e.length),this.renderer=r,this.k=!1,this.dashStr="",this.dashArray=createTypedArray("float32",e.length?e.length-1:0),this.dashoffset=createTypedArray("float32",1),this.initDynamicPropertyContainer(i);var s,a,n=e.length||0;for(s=0;s<n;s+=1)a=PropertyFactory.getProp(t,e[s].v,0,0,this),this.k=a.k||this.k,this.dataProps[s]={n:e[s].n,p:a};this.k||this.getValue(!0),this._isAnimated=this.k}function GradientProperty(t,e,r){this.data=e,this.c=createTypedArray("uint8c",4*e.p);var i=e.k.k[0].s?e.k.k[0].s.length-4*e.p:e.k.k.length-4*e.p;this.o=createTypedArray("float32",i),this._cmdf=!1,this._omdf=!1,this._collapsable=this.checkCollapsable(),this._hasOpacity=i,this.initDynamicPropertyContainer(r),this.prop=PropertyFactory.getProp(t,e.k,1,null,this),this.k=this.prop.k,this.getValue(!0)}ShapeModifier.prototype.initModifierProperties=function(){},ShapeModifier.prototype.addShapeToModifier=function(){},ShapeModifier.prototype.addShape=function(t){if(!this.closed){var e={shape:t.sh,data:t,localShapeCollection:shapeCollection_pool.newShapeCollection()};this.shapes.push(e),this.addShapeToModifier(e),this._isAnimated&&t.setAsAnimated()}},ShapeModifier.prototype.init=function(t,e){this.shapes=[],this.elem=t,this.initDynamicPropertyContainer(t),this.initModifierProperties(t,e),this.frameId=initialDefaultFrame,this.closed=!1,this.k=!1,this.dynamicProperties.length?this.k=!0:this.getValue(!0)},ShapeModifier.prototype.processKeys=function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties())},extendPrototype([DynamicPropertyContainer],ShapeModifier),extendPrototype([ShapeModifier],TrimModifier),TrimModifier.prototype.initModifierProperties=function(t,e){this.s=PropertyFactory.getProp(t,e.s,0,.01,this),this.e=PropertyFactory.getProp(t,e.e,0,.01,this),this.o=PropertyFactory.getProp(t,e.o,0,0,this),this.sValue=0,this.eValue=0,this.getValue=this.processKeys,this.m=e.m,this._isAnimated=!!this.s.effectsSequence.length||!!this.e.effectsSequence.length||!!this.o.effectsSequence.length},TrimModifier.prototype.addShapeToModifier=function(t){t.pathsData=[]},TrimModifier.prototype.calculateShapeEdges=function(t,e,r,i,s){var a=[];e<=1?a.push({s:t,e:e}):1<=t?a.push({s:t-1,e:e-1}):(a.push({s:t,e:1}),a.push({s:0,e:e-1}));var n,o,h=[],l=a.length;for(n=0;n<l;n+=1){var p,m;if((o=a[n]).e*s<i||o.s*s>i+r);else p=o.s*s<=i?0:(o.s*s-i)/r,m=o.e*s>=i+r?1:(o.e*s-i)/r,h.push([p,m])}return h.length||h.push([0,0]),h},TrimModifier.prototype.releasePathsData=function(t){var e,r=t.length;for(e=0;e<r;e+=1)segments_length_pool.release(t[e]);return t.length=0,t},TrimModifier.prototype.processShapes=function(t){var e,r,i;if(this._mdf||t){var s=this.o.v%360/360;if(s<0&&(s+=1),e=(1<this.s.v?1:this.s.v<0?0:this.s.v)+s,(r=(1<this.e.v?1:this.e.v<0?0:this.e.v)+s)<e){var a=e;e=r,r=a}e=1e-4*Math.round(1e4*e),r=1e-4*Math.round(1e4*r),this.sValue=e,this.eValue=r}else e=this.sValue,r=this.eValue;var n,o,h,l,p,m,f=this.shapes.length,c=0;if(r===e)for(n=0;n<f;n+=1)this.shapes[n].localShapeCollection.releaseShapes(),this.shapes[n].shape._mdf=!0,this.shapes[n].shape.paths=this.shapes[n].localShapeCollection;else if(1===r&&0===e||0===r&&1===e){if(this._mdf)for(n=0;n<f;n+=1)this.shapes[n].pathsData.length=0,this.shapes[n].shape._mdf=!0}else{var d,u,y=[];for(n=0;n<f;n+=1)if((d=this.shapes[n]).shape._mdf||this._mdf||t||2===this.m){if(h=(i=d.shape.paths)._length,m=0,!d.shape._mdf&&d.pathsData.length)m=d.totalShapeLength;else{for(l=this.releasePathsData(d.pathsData),o=0;o<h;o+=1)p=bez.getSegmentsLength(i.shapes[o]),l.push(p),m+=p.totalLength;d.totalShapeLength=m,d.pathsData=l}c+=m,d.shape._mdf=!0}else d.shape.paths=d.localShapeCollection;var g,v=e,b=r,x=0;for(n=f-1;0<=n;n-=1)if((d=this.shapes[n]).shape._mdf){for((u=d.localShapeCollection).releaseShapes(),2===this.m&&1<f?(g=this.calculateShapeEdges(e,r,d.totalShapeLength,x,c),x+=d.totalShapeLength):g=[[v,b]],h=g.length,o=0;o<h;o+=1){v=g[o][0],b=g[o][1],y.length=0,b<=1?y.push({s:d.totalShapeLength*v,e:d.totalShapeLength*b}):1<=v?y.push({s:d.totalShapeLength*(v-1),e:d.totalShapeLength*(b-1)}):(y.push({s:d.totalShapeLength*v,e:d.totalShapeLength}),y.push({s:0,e:d.totalShapeLength*(b-1)}));var E=this.addShapes(d,y[0]);if(y[0].s!==y[0].e){if(1<y.length)if(d.shape.paths.shapes[d.shape.paths._length-1].c){var P=E.pop();this.addPaths(E,u),E=this.addShapes(d,y[1],P)}else this.addPaths(E,u),E=this.addShapes(d,y[1]);this.addPaths(E,u)}}d.shape.paths=u}}},TrimModifier.prototype.addPaths=function(t,e){var r,i=t.length;for(r=0;r<i;r+=1)e.addShape(t[r])},TrimModifier.prototype.addSegment=function(t,e,r,i,s,a,n){s.setXYAt(e[0],e[1],"o",a),s.setXYAt(r[0],r[1],"i",a+1),n&&s.setXYAt(t[0],t[1],"v",a),s.setXYAt(i[0],i[1],"v",a+1)},TrimModifier.prototype.addSegmentFromArray=function(t,e,r,i){e.setXYAt(t[1],t[5],"o",r),e.setXYAt(t[2],t[6],"i",r+1),i&&e.setXYAt(t[0],t[4],"v",r),e.setXYAt(t[3],t[7],"v",r+1)},TrimModifier.prototype.addShapes=function(t,e,r){var i,s,a,n,o,h,l,p,m=t.pathsData,f=t.shape.paths.shapes,c=t.shape.paths._length,d=0,u=[],y=!0;for(p=r?(o=r._length,r._length):(r=shape_pool.newElement(),o=0),u.push(r),i=0;i<c;i+=1){for(h=m[i].lengths,r.c=f[i].c,a=f[i].c?h.length:h.length+1,s=1;s<a;s+=1)if(d+(n=h[s-1]).addedLength<e.s)d+=n.addedLength,r.c=!1;else{if(d>e.e){r.c=!1;break}e.s<=d&&e.e>=d+n.addedLength?(this.addSegment(f[i].v[s-1],f[i].o[s-1],f[i].i[s],f[i].v[s],r,o,y),y=!1):(l=bez.getNewSegment(f[i].v[s-1],f[i].v[s],f[i].o[s-1],f[i].i[s],(e.s-d)/n.addedLength,(e.e-d)/n.addedLength,h[s-1]),this.addSegmentFromArray(l,r,o,y),y=!1,r.c=!1),d+=n.addedLength,o+=1}if(f[i].c&&h.length){if(n=h[s-1],d<=e.e){var g=h[s-1].addedLength;e.s<=d&&e.e>=d+g?(this.addSegment(f[i].v[s-1],f[i].o[s-1],f[i].i[0],f[i].v[0],r,o,y),y=!1):(l=bez.getNewSegment(f[i].v[s-1],f[i].v[0],f[i].o[s-1],f[i].i[0],(e.s-d)/g,(e.e-d)/g,h[s-1]),this.addSegmentFromArray(l,r,o,y),y=!1,r.c=!1)}else r.c=!1;d+=n.addedLength,o+=1}if(r._length&&(r.setXYAt(r.v[p][0],r.v[p][1],"i",p),r.setXYAt(r.v[r._length-1][0],r.v[r._length-1][1],"o",r._length-1)),d>e.e)break;i<c-1&&(r=shape_pool.newElement(),y=!0,u.push(r),o=0)}return u},ShapeModifiers.registerModifier("tm",TrimModifier),extendPrototype([ShapeModifier],RoundCornersModifier),RoundCornersModifier.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.rd=PropertyFactory.getProp(t,e.r,0,null,this),this._isAnimated=!!this.rd.effectsSequence.length},RoundCornersModifier.prototype.processPath=function(t,e){var r=shape_pool.newElement();r.c=t.c;var i,s,a,n,o,h,l,p,m,f,c,d,u,y=t._length,g=0;for(i=0;i<y;i+=1)s=t.v[i],n=t.o[i],a=t.i[i],s[0]===n[0]&&s[1]===n[1]&&s[0]===a[0]&&s[1]===a[1]?0!==i&&i!==y-1||t.c?(o=0===i?t.v[y-1]:t.v[i-1],l=(h=Math.sqrt(Math.pow(s[0]-o[0],2)+Math.pow(s[1]-o[1],2)))?Math.min(h/2,e)/h:0,p=d=s[0]+(o[0]-s[0])*l,m=u=s[1]-(s[1]-o[1])*l,f=p-(p-s[0])*roundCorner,c=m-(m-s[1])*roundCorner,r.setTripleAt(p,m,f,c,d,u,g),g+=1,o=i===y-1?t.v[0]:t.v[i+1],l=(h=Math.sqrt(Math.pow(s[0]-o[0],2)+Math.pow(s[1]-o[1],2)))?Math.min(h/2,e)/h:0,p=f=s[0]+(o[0]-s[0])*l,m=c=s[1]+(o[1]-s[1])*l,d=p-(p-s[0])*roundCorner,u=m-(m-s[1])*roundCorner,r.setTripleAt(p,m,f,c,d,u,g)):r.setTripleAt(s[0],s[1],n[0],n[1],a[0],a[1],g):r.setTripleAt(t.v[i][0],t.v[i][1],t.o[i][0],t.o[i][1],t.i[i][0],t.i[i][1],g),g+=1;return r},RoundCornersModifier.prototype.processShapes=function(t){var e,r,i,s,a,n,o=this.shapes.length,h=this.rd.v;if(0!==h)for(r=0;r<o;r+=1){if((a=this.shapes[r]).shape.paths,n=a.localShapeCollection,a.shape._mdf||this._mdf||t)for(n.releaseShapes(),a.shape._mdf=!0,e=a.shape.paths.shapes,s=a.shape.paths._length,i=0;i<s;i+=1)n.addShape(this.processPath(e[i],h));a.shape.paths=a.localShapeCollection}this.dynamicProperties.length||(this._mdf=!1)},ShapeModifiers.registerModifier("rd",RoundCornersModifier),extendPrototype([ShapeModifier],RepeaterModifier),RepeaterModifier.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.c=PropertyFactory.getProp(t,e.c,0,null,this),this.o=PropertyFactory.getProp(t,e.o,0,null,this),this.tr=TransformPropertyFactory.getTransformProperty(t,e.tr,this),this.so=PropertyFactory.getProp(t,e.tr.so,0,.01,this),this.eo=PropertyFactory.getProp(t,e.tr.eo,0,.01,this),this.data=e,this.dynamicProperties.length||this.getValue(!0),this._isAnimated=!!this.dynamicProperties.length,this.pMatrix=new Matrix,this.rMatrix=new Matrix,this.sMatrix=new Matrix,this.tMatrix=new Matrix,this.matrix=new Matrix},RepeaterModifier.prototype.applyTransforms=function(t,e,r,i,s,a){var n=a?-1:1,o=i.s.v[0]+(1-i.s.v[0])*(1-s),h=i.s.v[1]+(1-i.s.v[1])*(1-s);t.translate(i.p.v[0]*n*s,i.p.v[1]*n*s,i.p.v[2]),e.translate(-i.a.v[0],-i.a.v[1],i.a.v[2]),e.rotate(-i.r.v*n*s),e.translate(i.a.v[0],i.a.v[1],i.a.v[2]),r.translate(-i.a.v[0],-i.a.v[1],i.a.v[2]),r.scale(a?1/o:o,a?1/h:h),r.translate(i.a.v[0],i.a.v[1],i.a.v[2])},RepeaterModifier.prototype.init=function(t,e,r,i){this.elem=t,this.arr=e,this.pos=r,this.elemsData=i,this._currentCopies=0,this._elements=[],this._groups=[],this.frameId=-1,this.initDynamicPropertyContainer(t),this.initModifierProperties(t,e[r]);for(;0<r;)r-=1,this._elements.unshift(e[r]),1;this.dynamicProperties.length?this.k=!0:this.getValue(!0)},RepeaterModifier.prototype.resetElements=function(t){var e,r=t.length;for(e=0;e<r;e+=1)t[e]._processed=!1,"gr"===t[e].ty&&this.resetElements(t[e].it)},RepeaterModifier.prototype.cloneElements=function(t){t.length;var e=JSON.parse(JSON.stringify(t));return this.resetElements(e),e},RepeaterModifier.prototype.changeGroupRender=function(t,e){var r,i=t.length;for(r=0;r<i;r+=1)t[r]._render=e,"gr"===t[r].ty&&this.changeGroupRender(t[r].it,e)},RepeaterModifier.prototype.processShapes=function(t){var e,r,i,s,a;if(this._mdf||t){var n,o=Math.ceil(this.c.v);if(this._groups.length<o){for(;this._groups.length<o;){var h={it:this.cloneElements(this._elements),ty:"gr"};h.it.push({a:{a:0,ix:1,k:[0,0]},nm:"Transform",o:{a:0,ix:7,k:100},p:{a:0,ix:2,k:[0,0]},r:{a:1,ix:6,k:[{s:0,e:0,t:0},{s:0,e:0,t:1}]},s:{a:0,ix:3,k:[100,100]},sa:{a:0,ix:5,k:0},sk:{a:0,ix:4,k:0},ty:"tr"}),this.arr.splice(0,0,h),this._groups.splice(0,0,h),this._currentCopies+=1}this.elem.reloadShapes()}for(i=a=0;i<=this._groups.length-1;i+=1)n=a<o,this._groups[i]._render=n,this.changeGroupRender(this._groups[i].it,n),a+=1;this._currentCopies=o;var l=this.o.v,p=l%1,m=0<l?Math.floor(l):Math.ceil(l),f=(this.tr.v.props,this.pMatrix.props),c=this.rMatrix.props,d=this.sMatrix.props;this.pMatrix.reset(),this.rMatrix.reset(),this.sMatrix.reset(),this.tMatrix.reset(),this.matrix.reset();var u,y,g=0;if(0<l){for(;g<m;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),g+=1;p&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,p,!1),g+=p)}else if(l<0){for(;m<g;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!0),g-=1;p&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,-p,!0),g-=p)}for(i=1===this.data.m?0:this._currentCopies-1,s=1===this.data.m?1:-1,a=this._currentCopies;a;){if(y=(r=(e=this.elemsData[i].it)[e.length-1].transform.mProps.v.props).length,e[e.length-1].transform.mProps._mdf=!0,e[e.length-1].transform.op._mdf=!0,e[e.length-1].transform.op.v=this.so.v+(this.eo.v-this.so.v)*(i/(this._currentCopies-1)),0!==g){for((0!==i&&1===s||i!==this._currentCopies-1&&-1===s)&&this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),this.matrix.transform(c[0],c[1],c[2],c[3],c[4],c[5],c[6],c[7],c[8],c[9],c[10],c[11],c[12],c[13],c[14],c[15]),this.matrix.transform(d[0],d[1],d[2],d[3],d[4],d[5],d[6],d[7],d[8],d[9],d[10],d[11],d[12],d[13],d[14],d[15]),this.matrix.transform(f[0],f[1],f[2],f[3],f[4],f[5],f[6],f[7],f[8],f[9],f[10],f[11],f[12],f[13],f[14],f[15]),u=0;u<y;u+=1)r[u]=this.matrix.props[u];this.matrix.reset()}else for(this.matrix.reset(),u=0;u<y;u+=1)r[u]=this.matrix.props[u];g+=1,a-=1,i+=s}}else for(a=this._currentCopies,i=0,s=1;a;)r=(e=this.elemsData[i].it)[e.length-1].transform.mProps.v.props,e[e.length-1].transform.mProps._mdf=!1,e[e.length-1].transform.op._mdf=!1,a-=1,i+=s},RepeaterModifier.prototype.addShape=function(){},ShapeModifiers.registerModifier("rp",RepeaterModifier),ShapeCollection.prototype.addShape=function(t){this._length===this._maxLength&&(this.shapes=this.shapes.concat(createSizedArray(this._maxLength)),this._maxLength*=2),this.shapes[this._length]=t,this._length+=1},ShapeCollection.prototype.releaseShapes=function(){var t;for(t=0;t<this._length;t+=1)shape_pool.release(this.shapes[t]);this._length=0},DashProperty.prototype.getValue=function(t){if((this.elem.globalData.frameId!==this.frameId||t)&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf=this._mdf||t,this._mdf)){var e=0,r=this.dataProps.length;for("svg"===this.renderer&&(this.dashStr=""),e=0;e<r;e+=1)"o"!=this.dataProps[e].n?"svg"===this.renderer?this.dashStr+=" "+this.dataProps[e].p.v:this.dashArray[e]=this.dataProps[e].p.v:this.dashoffset[0]=this.dataProps[e].p.v}},extendPrototype([DynamicPropertyContainer],DashProperty),GradientProperty.prototype.comparePoints=function(t,e){for(var r=0,i=this.o.length/2;r<i;){if(.01<Math.abs(t[4*r]-t[4*e+2*r]))return!1;r+=1}return!0},GradientProperty.prototype.checkCollapsable=function(){if(this.o.length/2!=this.c.length/4)return!1;if(this.data.k.k[0].s)for(var t=0,e=this.data.k.k.length;t<e;){if(!this.comparePoints(this.data.k.k[t].s,this.data.p))return!1;t+=1}else if(!this.comparePoints(this.data.k.k,this.data.p))return!1;return!0},GradientProperty.prototype.getValue=function(t){if(this.prop.getValue(),this._mdf=!1,this._cmdf=!1,this._omdf=!1,this.prop._mdf||t){var e,r,i,s=4*this.data.p;for(e=0;e<s;e+=1)r=e%4==0?100:255,i=Math.round(this.prop.v[e]*r),this.c[e]!==i&&(this.c[e]=i,this._cmdf=!t);if(this.o.length)for(s=this.prop.v.length,e=4*this.data.p;e<s;e+=1)r=e%2==0?100:1,i=e%2==0?Math.round(100*this.prop.v[e]):this.prop.v[e],this.o[e-4*this.data.p]!==i&&(this.o[e-4*this.data.p]=i,this._omdf=!t);this._mdf=!t}},extendPrototype([DynamicPropertyContainer],GradientProperty);var buildShapeString=function(t,e,r,i){if(0===e)return"";var s,a=t.o,n=t.i,o=t.v,h=" M"+i.applyToPointStringified(o[0][0],o[0][1]);for(s=1;s<e;s+=1)h+=" C"+i.applyToPointStringified(a[s-1][0],a[s-1][1])+" "+i.applyToPointStringified(n[s][0],n[s][1])+" "+i.applyToPointStringified(o[s][0],o[s][1]);return r&&e&&(h+=" C"+i.applyToPointStringified(a[s-1][0],a[s-1][1])+" "+i.applyToPointStringified(n[0][0],n[0][1])+" "+i.applyToPointStringified(o[0][0],o[0][1]),h+="z"),h},ImagePreloader=function(){var s=function(){var t=createTag("canvas");t.width=1,t.height=1;var e=t.getContext("2d");return e.fillStyle="#FF0000",e.fillRect(0,0,1,1),t}();function t(){this.loadedAssets+=1,this.loadedAssets===this.totalImages&&this.imagesLoadedCb&&this.imagesLoadedCb(null)}function e(t){var e=function(t,e,r){var i="";if(t.e)i=t.p;else if(e){var s=t.p;-1!==s.indexOf("images/")&&(s=s.split("/")[1]),i=e+s}else i=r,i+=t.u?t.u:"",i+=t.p;return i}(t,this.assetsPath,this.path),r=createTag("img");r.crossOrigin="anonymous",r.addEventListener("load",this._imageLoaded.bind(this),!1),r.addEventListener("error",function(){i.img=s,this._imageLoaded()}.bind(this),!1),r.src=e;var i={img:r,assetData:t};return i}function r(t,e){this.imagesLoadedCb=e;var r,i=t.length;for(r=0;r<i;r+=1)t[r].layers||(this.totalImages+=1,this.images.push(this._createImageData(t[r])))}function i(t){this.path=t||""}function a(t){this.assetsPath=t||""}function n(t){for(var e=0,r=this.images.length;e<r;){if(this.images[e].assetData===t)return this.images[e].img;e+=1}}function o(){this.imagesLoadedCb=null,this.images.length=0}function h(){return this.totalImages===this.loadedAssets}return function(){this.loadAssets=r,this.setAssetsPath=a,this.setPath=i,this.loaded=h,this.destroy=o,this.getImage=n,this._createImageData=e,this._imageLoaded=t,this.assetsPath="",this.path="",this.totalImages=0,this.loadedAssets=0,this.imagesLoadedCb=null,this.images=[]}}(),featureSupport=(lw={maskType:!0},(/MSIE 10/i.test(navigator.userAgent)||/MSIE 9/i.test(navigator.userAgent)||/rv:11.0/i.test(navigator.userAgent)||/Edge\/\d./i.test(navigator.userAgent))&&(lw.maskType=!1),lw),lw,filtersFactory=(mw={},mw.createFilter=function(t){var e=createNS("filter");return e.setAttribute("id",t),e.setAttribute("filterUnits","objectBoundingBox"),e.setAttribute("x","0%"),e.setAttribute("y","0%"),e.setAttribute("width","100%"),e.setAttribute("height","100%"),e},mw.createAlphaToLuminanceFilter=function(){var t=createNS("feColorMatrix");return t.setAttribute("type","matrix"),t.setAttribute("color-interpolation-filters","sRGB"),t.setAttribute("values","0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1"),t},mw),mw,assetLoader=function(){function a(t){return t.response&&"object"==typeof t.response?t.response:t.response&&"string"==typeof t.response?JSON.parse(t.response):t.responseText?JSON.parse(t.responseText):void 0}return{load:function(t,e,r){var i,s=new XMLHttpRequest;s.open("GET",t,!0),s.responseType="json",s.send(),s.onreadystatechange=function(){if(4==s.readyState)if(200==s.status)i=a(s),e(i);else try{i=a(s),e(i)}catch(t){r&&r(t)}}}}}();function TextAnimatorProperty(t,e,r){this._isFirstFrame=!0,this._hasMaskedPath=!1,this._frameId=-1,this._textData=t,this._renderType=e,this._elem=r,this._animatorsData=createSizedArray(this._textData.a.length),this._pathData={},this._moreOptions={alignment:{}},this.renderedLetters=[],this.lettersChangedFlag=!1,this.initDynamicPropertyContainer(r)}function TextAnimatorDataProperty(t,e,r){var i={propType:!1},s=PropertyFactory.getProp,a=e.a;this.a={r:a.r?s(t,a.r,0,degToRads,r):i,rx:a.rx?s(t,a.rx,0,degToRads,r):i,ry:a.ry?s(t,a.ry,0,degToRads,r):i,sk:a.sk?s(t,a.sk,0,degToRads,r):i,sa:a.sa?s(t,a.sa,0,degToRads,r):i,s:a.s?s(t,a.s,1,.01,r):i,a:a.a?s(t,a.a,1,0,r):i,o:a.o?s(t,a.o,0,.01,r):i,p:a.p?s(t,a.p,1,0,r):i,sw:a.sw?s(t,a.sw,0,0,r):i,sc:a.sc?s(t,a.sc,1,0,r):i,fc:a.fc?s(t,a.fc,1,0,r):i,fh:a.fh?s(t,a.fh,0,0,r):i,fs:a.fs?s(t,a.fs,0,.01,r):i,fb:a.fb?s(t,a.fb,0,.01,r):i,t:a.t?s(t,a.t,0,0,r):i},this.s=TextSelectorProp.getTextSelectorProp(t,e.s,r),this.s.t=e.s.t}function LetterProps(t,e,r,i,s,a){this.o=t,this.sw=e,this.sc=r,this.fc=i,this.m=s,this.p=a,this._mdf={o:!0,sw:!!e,sc:!!r,fc:!!i,m:!0,p:!0}}function TextProperty(t,e){this._frameId=initialDefaultFrame,this.pv="",this.v="",this.kf=!1,this._isFirstFrame=!0,this._mdf=!1,this.data=e,this.elem=t,this.comp=this.elem.comp,this.keysIndex=0,this.canResize=!1,this.minimumFontSize=1,this.effectsSequence=[],this.currentData={ascent:0,boxWidth:this.defaultBoxWidth,f:"",fStyle:"",fWeight:"",fc:"",j:"",justifyOffset:"",l:[],lh:0,lineWidths:[],ls:"",of:"",s:"",sc:"",sw:0,t:0,tr:0,sz:0,ps:null,fillColorAnim:!1,strokeColorAnim:!1,strokeWidthAnim:!1,yOffset:0,finalSize:0,finalText:[],finalLineHeight:0,__complete:!1},this.copyData(this.currentData,this.data.d.k[0].s),this.searchProperty()||this.completeTextData(this.currentData)}TextAnimatorProperty.prototype.searchProperties=function(){var t,e,r=this._textData.a.length,i=PropertyFactory.getProp;for(t=0;t<r;t+=1)e=this._textData.a[t],this._animatorsData[t]=new TextAnimatorDataProperty(this._elem,e,this);this._textData.p&&"m"in this._textData.p?(this._pathData={f:i(this._elem,this._textData.p.f,0,0,this),l:i(this._elem,this._textData.p.l,0,0,this),r:this._textData.p.r,m:this._elem.maskManager.getMaskProperty(this._textData.p.m)},this._hasMaskedPath=!0):this._hasMaskedPath=!1,this._moreOptions.alignment=i(this._elem,this._textData.m.a,1,0,this)},TextAnimatorProperty.prototype.getMeasures=function(t,e){if(this.lettersChangedFlag=e,this._mdf||this._isFirstFrame||e||this._hasMaskedPath&&this._pathData.m._mdf){this._isFirstFrame=!1;var r,i,s,a,n,o,h,l,p,m,f,c,d,u,y,g,v,b,x,E=this._moreOptions.alignment.v,P=this._animatorsData,S=this._textData,_=this.mHelper,C=this._renderType,A=this.renderedLetters.length,T=(this.data,t.l);if(this._hasMaskedPath){if(x=this._pathData.m,!this._pathData.n||this._pathData._mdf){var k,M=x.v;for(this._pathData.r&&(M=M.reverse()),n={tLength:0,segments:[]},a=M._length-1,s=g=0;s<a;s+=1)k={s:M.v[s],e:M.v[s+1],to:[M.o[s][0]-M.v[s][0],M.o[s][1]-M.v[s][1]],ti:[M.i[s+1][0]-M.v[s+1][0],M.i[s+1][1]-M.v[s+1][1]]},bez.buildBezierData(k),n.tLength+=k.bezierData.segmentLength,n.segments.push(k),g+=k.bezierData.segmentLength;s=a,x.v.c&&(k={s:M.v[s],e:M.v[0],to:[M.o[s][0]-M.v[s][0],M.o[s][1]-M.v[s][1]],ti:[M.i[0][0]-M.v[0][0],M.i[0][1]-M.v[0][1]]},bez.buildBezierData(k),n.tLength+=k.bezierData.segmentLength,n.segments.push(k),g+=k.bezierData.segmentLength),this._pathData.pi=n}if(n=this._pathData.pi,o=this._pathData.f.v,m=1,p=!(l=f=0),u=n.segments,o<0&&x.v.c)for(n.tLength<Math.abs(o)&&(o=-Math.abs(o)%n.tLength),m=(d=u[f=u.length-1].bezierData.points).length-1;o<0;)o+=d[m].partialLength,(m-=1)<0&&(m=(d=u[f-=1].bezierData.points).length-1);c=(d=u[f].bezierData.points)[m-1],y=(h=d[m]).partialLength}a=T.length,i=r=0;var D,w,F,I,V=1.2*t.finalSize*.714,R=!0;F=P.length;var B,L,G,z,N,O,H,j,q,W,Y,X,J,U=-1,K=o,$=f,Z=m,Q=-1,tt="",et=this.defaultPropsArray;if(2===t.j||1===t.j){var rt=0,it=0,st=2===t.j?-.5:-1,at=0,nt=!0;for(s=0;s<a;s+=1)if(T[s].n){for(rt&&(rt+=it);at<s;)T[at].animatorJustifyOffset=rt,at+=1;nt=!(rt=0)}else{for(w=0;w<F;w+=1)(D=P[w].a).t.propType&&(nt&&2===t.j&&(it+=D.t.v*st),(B=P[w].s.getMult(T[s].anIndexes[w],S.a[w].s.totalChars)).length?rt+=D.t.v*B[0]*st:rt+=D.t.v*B*st);nt=!1}for(rt&&(rt+=it);at<s;)T[at].animatorJustifyOffset=rt,at+=1}for(s=0;s<a;s+=1){if(_.reset(),N=1,T[s].n)r=0,i+=t.yOffset,i+=R?1:0,o=K,R=!1,0,this._hasMaskedPath&&(m=Z,c=(d=u[f=$].bezierData.points)[m-1],y=(h=d[m]).partialLength,l=0),J=W=X=tt="",et=this.defaultPropsArray;else{if(this._hasMaskedPath){if(Q!==T[s].line){switch(t.j){case 1:o+=g-t.lineWidths[T[s].line];break;case 2:o+=(g-t.lineWidths[T[s].line])/2}Q=T[s].line}U!==T[s].ind&&(T[U]&&(o+=T[U].extra),o+=T[s].an/2,U=T[s].ind),o+=E[0]*T[s].an/200;var ot=0;for(w=0;w<F;w+=1)(D=P[w].a).p.propType&&((B=P[w].s.getMult(T[s].anIndexes[w],S.a[w].s.totalChars)).length?ot+=D.p.v[0]*B[0]:ot+=D.p.v[0]*B),D.a.propType&&((B=P[w].s.getMult(T[s].anIndexes[w],S.a[w].s.totalChars)).length?ot+=D.a.v[0]*B[0]:ot+=D.a.v[0]*B);for(p=!0;p;)o+ot<=l+y||!d?(v=(o+ot-l)/h.partialLength,G=c.point[0]+(h.point[0]-c.point[0])*v,z=c.point[1]+(h.point[1]-c.point[1])*v,_.translate(-E[0]*T[s].an/200,-E[1]*V/100),p=!1):d&&(l+=h.partialLength,(m+=1)>=d.length&&(m=0,d=u[f+=1]?u[f].bezierData.points:x.v.c?u[f=m=0].bezierData.points:(l-=h.partialLength,null)),d&&(c=h,y=(h=d[m]).partialLength));L=T[s].an/2-T[s].add,_.translate(-L,0,0)}else L=T[s].an/2-T[s].add,_.translate(-L,0,0),_.translate(-E[0]*T[s].an/200,-E[1]*V/100,0);for(T[s].l/2,w=0;w<F;w+=1)(D=P[w].a).t.propType&&(B=P[w].s.getMult(T[s].anIndexes[w],S.a[w].s.totalChars),0===r&&0===t.j||(this._hasMaskedPath?B.length?o+=D.t.v*B[0]:o+=D.t.v*B:B.length?r+=D.t.v*B[0]:r+=D.t.v*B));for(T[s].l/2,t.strokeWidthAnim&&(H=t.sw||0),t.strokeColorAnim&&(O=t.sc?[t.sc[0],t.sc[1],t.sc[2]]:[0,0,0]),t.fillColorAnim&&t.fc&&(j=[t.fc[0],t.fc[1],t.fc[2]]),w=0;w<F;w+=1)(D=P[w].a).a.propType&&((B=P[w].s.getMult(T[s].anIndexes[w],S.a[w].s.totalChars)).length?_.translate(-D.a.v[0]*B[0],-D.a.v[1]*B[1],D.a.v[2]*B[2]):_.translate(-D.a.v[0]*B,-D.a.v[1]*B,D.a.v[2]*B));for(w=0;w<F;w+=1)(D=P[w].a).s.propType&&((B=P[w].s.getMult(T[s].anIndexes[w],S.a[w].s.totalChars)).length?_.scale(1+(D.s.v[0]-1)*B[0],1+(D.s.v[1]-1)*B[1],1):_.scale(1+(D.s.v[0]-1)*B,1+(D.s.v[1]-1)*B,1));for(w=0;w<F;w+=1){if(D=P[w].a,B=P[w].s.getMult(T[s].anIndexes[w],S.a[w].s.totalChars),D.sk.propType&&(B.length?_.skewFromAxis(-D.sk.v*B[0],D.sa.v*B[1]):_.skewFromAxis(-D.sk.v*B,D.sa.v*B)),D.r.propType&&(B.length?_.rotateZ(-D.r.v*B[2]):_.rotateZ(-D.r.v*B)),D.ry.propType&&(B.length?_.rotateY(D.ry.v*B[1]):_.rotateY(D.ry.v*B)),D.rx.propType&&(B.length?_.rotateX(D.rx.v*B[0]):_.rotateX(D.rx.v*B)),D.o.propType&&(B.length?N+=(D.o.v*B[0]-N)*B[0]:N+=(D.o.v*B-N)*B),t.strokeWidthAnim&&D.sw.propType&&(B.length?H+=D.sw.v*B[0]:H+=D.sw.v*B),t.strokeColorAnim&&D.sc.propType)for(q=0;q<3;q+=1)B.length?O[q]=O[q]+(D.sc.v[q]-O[q])*B[0]:O[q]=O[q]+(D.sc.v[q]-O[q])*B;if(t.fillColorAnim&&t.fc){if(D.fc.propType)for(q=0;q<3;q+=1)B.length?j[q]=j[q]+(D.fc.v[q]-j[q])*B[0]:j[q]=j[q]+(D.fc.v[q]-j[q])*B;D.fh.propType&&(j=B.length?addHueToRGB(j,D.fh.v*B[0]):addHueToRGB(j,D.fh.v*B)),D.fs.propType&&(j=B.length?addSaturationToRGB(j,D.fs.v*B[0]):addSaturationToRGB(j,D.fs.v*B)),D.fb.propType&&(j=B.length?addBrightnessToRGB(j,D.fb.v*B[0]):addBrightnessToRGB(j,D.fb.v*B))}}for(w=0;w<F;w+=1)(D=P[w].a).p.propType&&(B=P[w].s.getMult(T[s].anIndexes[w],S.a[w].s.totalChars),this._hasMaskedPath?B.length?_.translate(0,D.p.v[1]*B[0],-D.p.v[2]*B[1]):_.translate(0,D.p.v[1]*B,-D.p.v[2]*B):B.length?_.translate(D.p.v[0]*B[0],D.p.v[1]*B[1],-D.p.v[2]*B[2]):_.translate(D.p.v[0]*B,D.p.v[1]*B,-D.p.v[2]*B));if(t.strokeWidthAnim&&(W=H<0?0:H),t.strokeColorAnim&&(Y="rgb("+Math.round(255*O[0])+","+Math.round(255*O[1])+","+Math.round(255*O[2])+")"),t.fillColorAnim&&t.fc&&(X="rgb("+Math.round(255*j[0])+","+Math.round(255*j[1])+","+Math.round(255*j[2])+")"),this._hasMaskedPath){if(_.translate(0,-t.ls),_.translate(0,E[1]*V/100+i,0),S.p.p){b=(h.point[1]-c.point[1])/(h.point[0]-c.point[0]);var ht=180*Math.atan(b)/Math.PI;h.point[0]<c.point[0]&&(ht+=180),_.rotate(-ht*Math.PI/180)}_.translate(G,z,0),o-=E[0]*T[s].an/200,T[s+1]&&U!==T[s+1].ind&&(o+=T[s].an/2,o+=t.tr/1e3*t.finalSize)}else{switch(_.translate(r,i,0),t.ps&&_.translate(t.ps[0],t.ps[1]+t.ascent,0),t.j){case 1:_.translate(T[s].animatorJustifyOffset+t.justifyOffset+(t.boxWidth-t.lineWidths[T[s].line]),0,0);break;case 2:_.translate(T[s].animatorJustifyOffset+t.justifyOffset+(t.boxWidth-t.lineWidths[T[s].line])/2,0,0)}_.translate(0,-t.ls),_.translate(L,0,0),_.translate(E[0]*T[s].an/200,E[1]*V/100,0),r+=T[s].l+t.tr/1e3*t.finalSize}"html"===C?tt=_.toCSS():"svg"===C?tt=_.to2dCSS():et=[_.props[0],_.props[1],_.props[2],_.props[3],_.props[4],_.props[5],_.props[6],_.props[7],_.props[8],_.props[9],_.props[10],_.props[11],_.props[12],_.props[13],_.props[14],_.props[15]],J=N}this.lettersChangedFlag=A<=s?(I=new LetterProps(J,W,Y,X,tt,et),this.renderedLetters.push(I),A+=1,!0):(I=this.renderedLetters[s]).update(J,W,Y,X,tt,et)||this.lettersChangedFlag}}},TextAnimatorProperty.prototype.getValue=function(){this._elem.globalData.frameId!==this._frameId&&(this._frameId=this._elem.globalData.frameId,this.iterateDynamicProperties())},TextAnimatorProperty.prototype.mHelper=new Matrix,TextAnimatorProperty.prototype.defaultPropsArray=[],extendPrototype([DynamicPropertyContainer],TextAnimatorProperty),LetterProps.prototype.update=function(t,e,r,i,s,a){this._mdf.o=!1,this._mdf.sw=!1,this._mdf.sc=!1,this._mdf.fc=!1,this._mdf.m=!1;var n=this._mdf.p=!1;return this.o!==t&&(this.o=t,n=this._mdf.o=!0),this.sw!==e&&(this.sw=e,n=this._mdf.sw=!0),this.sc!==r&&(this.sc=r,n=this._mdf.sc=!0),this.fc!==i&&(this.fc=i,n=this._mdf.fc=!0),this.m!==s&&(this.m=s,n=this._mdf.m=!0),!a.length||this.p[0]===a[0]&&this.p[1]===a[1]&&this.p[4]===a[4]&&this.p[5]===a[5]&&this.p[12]===a[12]&&this.p[13]===a[13]||(this.p=a,n=this._mdf.p=!0),n},TextProperty.prototype.defaultBoxWidth=[0,0],TextProperty.prototype.copyData=function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r]);return t},TextProperty.prototype.setCurrentData=function(t){t.__complete||this.completeTextData(t),this.currentData=t,this.currentData.boxWidth=this.currentData.boxWidth||this.defaultBoxWidth,this._mdf=!0},TextProperty.prototype.searchProperty=function(){return this.searchKeyframes()},TextProperty.prototype.searchKeyframes=function(){return this.kf=1<this.data.d.k.length,this.kf&&this.addEffect(this.getKeyframeValue.bind(this)),this.kf},TextProperty.prototype.addEffect=function(t){this.effectsSequence.push(t),this.elem.addDynamicProperty(this)},TextProperty.prototype.getValue=function(t){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length||t){this.currentData.t=this.data.d.k[this.keysIndex].s.t;var e=this.currentData,r=this.keysIndex;if(this.lock)this.setCurrentData(this.currentData);else{this.lock=!0,this._mdf=!1;var i,s=this.effectsSequence.length,a=t||this.data.d.k[this.keysIndex].s;for(i=0;i<s;i+=1)a=r!==this.keysIndex?this.effectsSequence[i](a,a.t):this.effectsSequence[i](this.currentData,a.t);e!==a&&this.setCurrentData(a),this.pv=this.v=this.currentData,this.lock=!1,this.frameId=this.elem.globalData.frameId}}},TextProperty.prototype.getKeyframeValue=function(){for(var t=this.data.d.k,e=this.elem.comp.renderedFrame,r=0,i=t.length;r<=i-1&&(t[r].s,!(r===i-1||t[r+1].t>e));)r+=1;return this.keysIndex!==r&&(this.keysIndex=r),this.data.d.k[this.keysIndex].s},TextProperty.prototype.buildFinalText=function(t){for(var e=FontManager.getCombinedCharacterCodes(),r=[],i=0,s=t.length;i<s;)-1!==e.indexOf(t.charCodeAt(i))?r[r.length-1]+=t.charAt(i):r.push(t.charAt(i)),i+=1;return r},TextProperty.prototype.completeTextData=function(t){t.__complete=!0;var e,r,i,s,a,n,o,h=this.elem.globalData.fontManager,l=this.data,p=[],m=0,f=l.m.g,c=0,d=0,u=0,y=[],g=0,v=0,b=h.getFontByName(t.f),x=0,E=b.fStyle?b.fStyle.split(" "):[],P="normal",S="normal";for(r=E.length,e=0;e<r;e+=1)switch(E[e].toLowerCase()){case"italic":S="italic";break;case"bold":P="700";break;case"black":P="900";break;case"medium":P="500";break;case"regular":case"normal":P="400";break;case"light":case"thin":P="200"}t.fWeight=b.fWeight||P,t.fStyle=S,r=t.t.length,t.finalSize=t.s,t.finalText=this.buildFinalText(t.t),t.finalLineHeight=t.lh;var _,C=t.tr/1e3*t.finalSize;if(t.sz)for(var A,T,k=!0,M=t.sz[0],D=t.sz[1];k;){g=A=0,r=(T=this.buildFinalText(t.t)).length,C=t.tr/1e3*t.finalSize;var w=-1;for(e=0;e<r;e+=1)_=T[e].charCodeAt(0),i=!1," "===T[e]?w=e:13!==_&&3!==_||(i=!(g=0),A+=t.finalLineHeight||1.2*t.finalSize),M<g+(x=h.chars?(o=h.getCharData(T[e],b.fStyle,b.fFamily),i?0:o.w*t.finalSize/100):h.measureText(T[e],t.f,t.finalSize))&&" "!==T[e]?(-1===w?r+=1:e=w,A+=t.finalLineHeight||1.2*t.finalSize,T.splice(e,w===e?1:0,"\r"),w=-1,g=0):(g+=x,g+=C);A+=b.ascent*t.finalSize/100,this.canResize&&t.finalSize>this.minimumFontSize&&D<A?(t.finalSize-=1,t.finalLineHeight=t.finalSize*t.lh/t.s):(t.finalText=T,r=t.finalText.length,k=!1)}g=-C;var F,I=x=0;for(e=0;e<r;e+=1)if(i=!1,_=(F=t.finalText[e]).charCodeAt(0)," "===F?s="\xa0":13===_||3===_?(I=0,y.push(g),v=v<g?g:v,g=-2*C,i=!(s=""),u+=1):s=t.finalText[e],x=h.chars?(o=h.getCharData(F,b.fStyle,h.getFontByName(t.f).fFamily),i?0:o.w*t.finalSize/100):h.measureText(s,t.f,t.finalSize)," "===F?I+=x+C:(g+=x+C+I,I=0),p.push({l:x,an:x,add:c,n:i,anIndexes:[],val:s,line:u,animatorJustifyOffset:0}),2==f){if(c+=x,""===s||"\xa0"===s||e===r-1){for(""!==s&&"\xa0"!==s||(c-=x);d<=e;)p[d].an=c,p[d].ind=m,p[d].extra=x,d+=1;m+=1,c=0}}else if(3==f){if(c+=x,""===s||e===r-1){for(""===s&&(c-=x);d<=e;)p[d].an=c,p[d].ind=m,p[d].extra=x,d+=1;c=0,m+=1}}else p[m].ind=m,p[m].extra=0,m+=1;if(t.l=p,v=v<g?g:v,y.push(g),t.sz)t.boxWidth=t.sz[0],t.justifyOffset=0;else switch(t.boxWidth=v,t.j){case 1:t.justifyOffset=-t.boxWidth;break;case 2:t.justifyOffset=-t.boxWidth/2;break;default:t.justifyOffset=0}t.lineWidths=y;var V,R,B=l.a;n=B.length;var L,G,z=[];for(a=0;a<n;a+=1){for((V=B[a]).a.sc&&(t.strokeColorAnim=!0),V.a.sw&&(t.strokeWidthAnim=!0),(V.a.fc||V.a.fh||V.a.fs||V.a.fb)&&(t.fillColorAnim=!0),G=0,L=V.s.b,e=0;e<r;e+=1)(R=p[e]).anIndexes[a]=G,(1==L&&""!==R.val||2==L&&""!==R.val&&"\xa0"!==R.val||3==L&&(R.n||"\xa0"==R.val||e==r-1)||4==L&&(R.n||e==r-1))&&(1===V.s.rn&&z.push(G),G+=1);l.a[a].s.totalChars=G;var N,O=-1;if(1===V.s.rn)for(e=0;e<r;e+=1)O!=(R=p[e]).anIndexes[a]&&(O=R.anIndexes[a],N=z.splice(Math.floor(Math.random()*z.length),1)[0]),R.anIndexes[a]=N}t.yOffset=t.finalLineHeight||1.2*t.finalSize,t.ls=t.ls||0,t.ascent=b.ascent*t.finalSize/100},TextProperty.prototype.updateDocumentData=function(t,e){e=void 0===e?this.keysIndex:e;var r=this.copyData({},this.data.d.k[e].s);r=this.copyData(r,t),this.data.d.k[e].s=r,this.recalculate(e),this.elem.addDynamicProperty(this)},TextProperty.prototype.recalculate=function(t){var e=this.data.d.k[t].s;e.__complete=!1,this.keysIndex=0,this._isFirstFrame=!0,this.getValue(e)},TextProperty.prototype.canResizeFont=function(t){this.canResize=t,this.recalculate(this.keysIndex),this.elem.addDynamicProperty(this)},TextProperty.prototype.setMinimumFontSize=function(t){this.minimumFontSize=Math.floor(t)||1,this.recalculate(this.keysIndex),this.elem.addDynamicProperty(this)};var TextSelectorProp=function(){var l=Math.max,p=Math.min,m=Math.floor;function i(t,e){this._currentTextLength=-1,this.k=!1,this.data=e,this.elem=t,this.comp=t.comp,this.finalS=0,this.finalE=0,this.initDynamicPropertyContainer(t),this.s=PropertyFactory.getProp(t,e.s||{k:0},0,0,this),this.e="e"in e?PropertyFactory.getProp(t,e.e,0,0,this):{v:100},this.o=PropertyFactory.getProp(t,e.o||{k:0},0,0,this),this.xe=PropertyFactory.getProp(t,e.xe||{k:0},0,0,this),this.ne=PropertyFactory.getProp(t,e.ne||{k:0},0,0,this),this.a=PropertyFactory.getProp(t,e.a,0,.01,this),this.dynamicProperties.length||this.getValue()}return i.prototype={getMult:function(t){this._currentTextLength!==this.elem.textProperty.currentData.l.length&&this.getValue();var e=BezierFactory.getBezierEasing(this.ne.v/100,0,1-this.xe.v/100,1).get,r=0,i=this.finalS,s=this.finalE,a=this.data.sh;if(2==a)r=e(r=s===i?s<=t?1:0:l(0,p(.5/(s-i)+(t-i)/(s-i),1)));else if(3==a)r=e(r=s===i?s<=t?0:1:1-l(0,p(.5/(s-i)+(t-i)/(s-i),1)));else if(4==a)s===i?r=0:(r=l(0,p(.5/(s-i)+(t-i)/(s-i),1)))<.5?r*=2:r=1-2*(r-.5),r=e(r);else if(5==a){if(s===i)r=0;else{var n=s-i,o=-n/2+(t=p(l(0,t+.5-i),s-i)),h=n/2;r=Math.sqrt(1-o*o/(h*h))}r=e(r)}else r=6==a?e(r=s===i?0:(t=p(l(0,t+.5-i),s-i),(1+Math.cos(Math.PI+2*Math.PI*t/(s-i)))/2)):(t>=m(i)&&(r=t-i<0?1-(i-t):l(0,p(s-t,1))),e(r));return r*this.a.v},getValue:function(t){this.iterateDynamicProperties(),this._mdf=t||this._mdf,this._currentTextLength=this.elem.textProperty.currentData.l.length||0,t&&2===this.data.r&&(this.e.v=this._currentTextLength);var e=2===this.data.r?1:100/this.data.totalChars,r=this.o.v/e,i=this.s.v/e+r,s=this.e.v/e+r;if(s<i){var a=i;i=s,s=a}this.finalS=i,this.finalE=s}},extendPrototype([DynamicPropertyContainer],i),{getTextSelectorProp:function(t,e,r){return new i(t,e,r)}}}(),pool_factory=function(t,e,r,i){var s=0,a=t,n=createSizedArray(a);function o(){return s?n[s-=1]:e()}return{newElement:o,release:function(t){s===a&&(n=pooling.double(n),a*=2),r&&r(t),n[s]=t,s+=1}}},pooling={double:function(t){return t.concat(createSizedArray(t.length))}},point_pool=pool_factory(8,function(){return createTypedArray("float32",2)}),shape_pool=(xA=pool_factory(4,function(){return new ShapePath},function(t){var e,r=t._length;for(e=0;e<r;e+=1)point_pool.release(t.v[e]),point_pool.release(t.i[e]),point_pool.release(t.o[e]),t.v[e]=null,t.i[e]=null,t.o[e]=null;t._length=0,t.c=!1}),xA.clone=function(t){var e,r=xA.newElement(),i=void 0===t._length?t.v.length:t._length;for(r.setLength(i),r.c=t.c,e=0;e<i;e+=1)r.setTripleAt(t.v[e][0],t.v[e][1],t.o[e][0],t.o[e][1],t.i[e][0],t.i[e][1],e);return r},xA),xA,shapeCollection_pool=(GA={newShapeCollection:function(){var t;t=HA?JA[HA-=1]:new ShapeCollection;return t},release:function(t){var e,r=t._length;for(e=0;e<r;e+=1)shape_pool.release(t.shapes[e]);t._length=0,HA===IA&&(JA=pooling.double(JA),IA*=2);JA[HA]=t,HA+=1}},HA=0,IA=4,JA=createSizedArray(IA),GA),GA,HA,IA,JA,segments_length_pool=pool_factory(8,function(){return{lengths:[],totalLength:0}},function(t){var e,r=t.lengths.length;for(e=0;e<r;e+=1)bezier_length_pool.release(t.lengths[e]);t.lengths.length=0}),bezier_length_pool=pool_factory(8,function(){return{addedLength:0,percents:createTypedArray("float32",defaultCurveSegments),lengths:createTypedArray("float32",defaultCurveSegments)}});function BaseRenderer(){}function SVGRenderer(t,e){this.animationItem=t,this.layers=null,this.renderedFrame=-1,this.svgElement=createNS("svg");var r=createNS("defs");this.svgElement.appendChild(r);var i=createNS("g");this.svgElement.appendChild(i),this.layerElement=i,this.renderConfig={preserveAspectRatio:e&&e.preserveAspectRatio||"xMidYMid meet",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",progressiveLoad:e&&e.progressiveLoad||!1,hideOnTransparent:!e||!1!==e.hideOnTransparent,viewBoxOnly:e&&e.viewBoxOnly||!1,viewBoxSize:e&&e.viewBoxSize||!1,className:e&&e.className||""},this.globalData={_mdf:!1,frameNum:-1,defs:r,renderConfig:this.renderConfig},this.elements=[],this.pendingElements=[],this.destroyed=!1,this.rendererType="svg"}function CanvasRenderer(t,e){this.animationItem=t,this.renderConfig={clearCanvas:!e||void 0===e.clearCanvas||e.clearCanvas,context:e&&e.context||null,progressiveLoad:e&&e.progressiveLoad||!1,preserveAspectRatio:e&&e.preserveAspectRatio||"xMidYMid meet",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",className:e&&e.className||""},this.renderConfig.dpr=e&&e.dpr||1,this.animationItem.wrapper&&(this.renderConfig.dpr=e&&e.dpr||window.devicePixelRatio||1),this.renderedFrame=-1,this.globalData={frameNum:-1,_mdf:!1,renderConfig:this.renderConfig,currentGlobalAlpha:-1},this.contextData=new CVContextData,this.elements=[],this.pendingElements=[],this.transformMat=new Matrix,this.completeLayers=!1,this.rendererType="canvas"}function HybridRenderer(t,e){this.animationItem=t,this.layers=null,this.renderedFrame=-1,this.renderConfig={className:e&&e.className||"",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",hideOnTransparent:!e||!1!==e.hideOnTransparent},this.globalData={_mdf:!1,frameNum:-1,renderConfig:this.renderConfig},this.pendingElements=[],this.elements=[],this.threeDElements=[],this.destroyed=!1,this.camera=null,this.supports3d=!0,this.rendererType="html"}function MaskElement(t,e,r){this.data=t,this.element=e,this.globalData=r,this.storedData=[],this.masksProperties=this.data.masksProperties||[],this.maskElement=null;var i,s=this.globalData.defs,a=this.masksProperties?this.masksProperties.length:0;this.viewData=createSizedArray(a),this.solidPath="";var n,o,h,l,p,m,f,c=this.masksProperties,d=0,u=[],y=randomString(10),g="clipPath",v="clip-path";for(i=0;i<a;i++)if(("a"!==c[i].mode&&"n"!==c[i].mode||c[i].inv||100!==c[i].o.k)&&(v=g="mask"),"s"!=c[i].mode&&"i"!=c[i].mode||0!==d?l=null:((l=createNS("rect")).setAttribute("fill","#ffffff"),l.setAttribute("width",this.element.comp.data.w||0),l.setAttribute("height",this.element.comp.data.h||0),u.push(l)),n=createNS("path"),"n"!=c[i].mode){var b;if(d+=1,n.setAttribute("fill","s"===c[i].mode?"#000000":"#ffffff"),n.setAttribute("clip-rule","nonzero"),0!==c[i].x.k?(v=g="mask",f=PropertyFactory.getProp(this.element,c[i].x,0,null,this.element),b="fi_"+randomString(10),(p=createNS("filter")).setAttribute("id",b),(m=createNS("feMorphology")).setAttribute("operator","dilate"),m.setAttribute("in","SourceGraphic"),m.setAttribute("radius","0"),p.appendChild(m),s.appendChild(p),n.setAttribute("stroke","s"===c[i].mode?"#000000":"#ffffff")):f=m=null,this.storedData[i]={elem:n,x:f,expan:m,lastPath:"",lastOperator:"",filterId:b,lastRadius:0},"i"==c[i].mode){h=u.length;var x=createNS("g");for(o=0;o<h;o+=1)x.appendChild(u[o]);var E=createNS("mask");E.setAttribute("mask-type","alpha"),E.setAttribute("id",y+"_"+d),E.appendChild(n),s.appendChild(E),x.setAttribute("mask","url("+locationHref+"#"+y+"_"+d+")"),u.length=0,u.push(x)}else u.push(n);c[i].inv&&!this.solidPath&&(this.solidPath=this.createLayerSolidPath()),this.viewData[i]={elem:n,lastPath:"",op:PropertyFactory.getProp(this.element,c[i].o,0,.01,this.element),prop:ShapePropertyFactory.getShapeProp(this.element,c[i],3),invRect:l},this.viewData[i].prop.k||this.drawPath(c[i],this.viewData[i].prop.v,this.viewData[i])}else this.viewData[i]={op:PropertyFactory.getProp(this.element,c[i].o,0,.01,this.element),prop:ShapePropertyFactory.getShapeProp(this.element,c[i],3),elem:n,lastPath:""},s.appendChild(n);for(this.maskElement=createNS(g),a=u.length,i=0;i<a;i+=1)this.maskElement.appendChild(u[i]);0<d&&(this.maskElement.setAttribute("id",y),this.element.maskedElement.setAttribute(v,"url("+locationHref+"#"+y+")"),s.appendChild(this.maskElement)),this.viewData.length&&this.element.addRenderableComponent(this)}function HierarchyElement(){}function FrameElement(){}function TransformElement(){}function RenderableElement(){}function RenderableDOMElement(){}function ProcessedElement(t,e){this.elem=t,this.pos=e}function SVGStyleData(t,e){this.data=t,this.type=t.ty,this.d="",this.lvl=e,this._mdf=!1,this.closed=!0===t.hd,this.pElem=createNS("path"),this.msElem=null}function SVGShapeData(t,e,r){this.caches=[],this.styles=[],this.transformers=t,this.lStr="",this.sh=r,this.lvl=e,this._isAnimated=!!r.k;for(var i=0,s=t.length;i<s;){if(t[i].mProps.dynamicProperties.length){this._isAnimated=!0;break}i+=1}}function SVGTransformData(t,e,r){this.transform={mProps:t,op:e,container:r},this.elements=[],this._isAnimated=this.transform.mProps.dynamicProperties.length||this.transform.op.effectsSequence.length}function SVGStrokeStyleData(t,e,r){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.o=PropertyFactory.getProp(t,e.o,0,.01,this),this.w=PropertyFactory.getProp(t,e.w,0,null,this),this.d=new DashProperty(t,e.d||{},"svg",this),this.c=PropertyFactory.getProp(t,e.c,1,255,this),this.style=r,this._isAnimated=!!this._isAnimated}function SVGFillStyleData(t,e,r){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.o=PropertyFactory.getProp(t,e.o,0,.01,this),this.c=PropertyFactory.getProp(t,e.c,1,255,this),this.style=r}function SVGGradientFillStyleData(t,e,r){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.initGradientData(t,e,r)}function SVGGradientStrokeStyleData(t,e,r){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.w=PropertyFactory.getProp(t,e.w,0,null,this),this.d=new DashProperty(t,e.d||{},"svg",this),this.initGradientData(t,e,r),this._isAnimated=!!this._isAnimated}function ShapeGroupData(){this.it=[],this.prevViewData=[],this.gr=createNS("g")}BaseRenderer.prototype.checkLayers=function(t){var e,r,i=this.layers.length;for(this.completeLayers=!0,e=i-1;0<=e;e--)this.elements[e]||(r=this.layers[e]).ip-r.st<=t-this.layers[e].st&&r.op-r.st>t-this.layers[e].st&&this.buildItem(e),this.completeLayers=!!this.elements[e]&&this.completeLayers;this.checkPendingElements()},BaseRenderer.prototype.createItem=function(t){switch(t.ty){case 2:return this.createImage(t);case 0:return this.createComp(t);case 1:return this.createSolid(t);case 3:return this.createNull(t);case 4:return this.createShape(t);case 5:return this.createText(t);case 13:return this.createCamera(t)}return this.createNull(t)},BaseRenderer.prototype.createCamera=function(){throw new Error("You're using a 3d camera. Try the html renderer.")},BaseRenderer.prototype.buildAllItems=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)this.buildItem(t);this.checkPendingElements()},BaseRenderer.prototype.includeLayers=function(t){this.completeLayers=!1;var e,r,i=t.length,s=this.layers.length;for(e=0;e<i;e+=1)for(r=0;r<s;){if(this.layers[r].id==t[e].id){this.layers[r]=t[e];break}r+=1}},BaseRenderer.prototype.setProjectInterface=function(t){this.globalData.projectInterface=t},BaseRenderer.prototype.initItems=function(){this.globalData.progressiveLoad||this.buildAllItems()},BaseRenderer.prototype.buildElementParenting=function(t,e,r){for(var i=this.elements,s=this.layers,a=0,n=s.length;a<n;)s[a].ind==e&&(i[a]&&!0!==i[a]?(r.push(i[a]),i[a].setAsParent(),void 0!==s[a].parent?this.buildElementParenting(t,s[a].parent,r):t.setHierarchy(r)):(this.buildItem(a),this.addPendingElement(t))),a+=1},BaseRenderer.prototype.addPendingElement=function(t){this.pendingElements.push(t)},BaseRenderer.prototype.searchExtraCompositions=function(t){var e,r=t.length;for(e=0;e<r;e+=1)if(t[e].xt){var i=this.createComp(t[e]);i.initExpressions(),this.globalData.projectInterface.registerComposition(i)}},BaseRenderer.prototype.setupGlobalData=function(t,e){this.globalData.fontManager=new FontManager,this.globalData.fontManager.addChars(t.chars),this.globalData.fontManager.addFonts(t.fonts,e),this.globalData.getAssetData=this.animationItem.getAssetData.bind(this.animationItem),this.globalData.getAssetsPath=this.animationItem.getAssetsPath.bind(this.animationItem),this.globalData.imageLoader=this.animationItem.imagePreloader,this.globalData.frameId=0,this.globalData.frameRate=t.fr,this.globalData.nm=t.nm,this.globalData.compSize={w:t.w,h:t.h}},extendPrototype([BaseRenderer],SVGRenderer),SVGRenderer.prototype.createNull=function(t){return new NullElement(t,this.globalData,this)},SVGRenderer.prototype.createShape=function(t){return new SVGShapeElement(t,this.globalData,this)},SVGRenderer.prototype.createText=function(t){return new SVGTextElement(t,this.globalData,this)},SVGRenderer.prototype.createImage=function(t){return new IImageElement(t,this.globalData,this)},SVGRenderer.prototype.createComp=function(t){return new SVGCompElement(t,this.globalData,this)},SVGRenderer.prototype.createSolid=function(t){return new ISolidElement(t,this.globalData,this)},SVGRenderer.prototype.configAnimation=function(t){this.svgElement.setAttribute("xmlns","http://www.w3.org/2000/svg"),this.renderConfig.viewBoxSize?this.svgElement.setAttribute("viewBox",this.renderConfig.viewBoxSize):this.svgElement.setAttribute("viewBox","0 0 "+t.w+" "+t.h),this.renderConfig.viewBoxOnly||(this.svgElement.setAttribute("width",t.w),this.svgElement.setAttribute("height",t.h),this.svgElement.style.width="100%",this.svgElement.style.height="100%",this.svgElement.style.transform="translate3d(0,0,0)"),this.renderConfig.className&&this.svgElement.setAttribute("class",this.renderConfig.className),this.svgElement.setAttribute("preserveAspectRatio",this.renderConfig.preserveAspectRatio),this.animationItem.wrapper.appendChild(this.svgElement);var e=this.globalData.defs;this.setupGlobalData(t,e),this.globalData.progressiveLoad=this.renderConfig.progressiveLoad,this.data=t;var r=createNS("clipPath"),i=createNS("rect");i.setAttribute("width",t.w),i.setAttribute("height",t.h),i.setAttribute("x",0),i.setAttribute("y",0);var s="animationMask_"+randomString(10);r.setAttribute("id",s),r.appendChild(i),this.layerElement.setAttribute("clip-path","url("+locationHref+"#"+s+")"),e.appendChild(r),this.layers=t.layers,this.elements=createSizedArray(t.layers.length)},SVGRenderer.prototype.destroy=function(){this.animationItem.wrapper.innerHTML="",this.layerElement=null,this.globalData.defs=null;var t,e=this.layers?this.layers.length:0;for(t=0;t<e;t++)this.elements[t]&&this.elements[t].destroy();this.elements.length=0,this.destroyed=!0,this.animationItem=null},SVGRenderer.prototype.updateContainerSize=function(){},SVGRenderer.prototype.buildItem=function(t){var e=this.elements;if(!e[t]&&99!=this.layers[t].ty){e[t]=!0;var r=this.createItem(this.layers[t]);e[t]=r,expressionsPlugin&&(0===this.layers[t].ty&&this.globalData.projectInterface.registerComposition(r),r.initExpressions()),this.appendElementInPos(r,t),this.layers[t].tt&&(this.elements[t-1]&&!0!==this.elements[t-1]?r.setMatte(e[t-1].layerId):(this.buildItem(t-1),this.addPendingElement(r)))}},SVGRenderer.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){var t=this.pendingElements.pop();if(t.checkParenting(),t.data.tt)for(var e=0,r=this.elements.length;e<r;){if(this.elements[e]===t){t.setMatte(this.elements[e-1].layerId);break}e+=1}}},SVGRenderer.prototype.renderFrame=function(t){if(this.renderedFrame!==t&&!this.destroyed){null===t?t=this.renderedFrame:this.renderedFrame=t,this.globalData.frameNum=t,this.globalData.frameId+=1,this.globalData.projectInterface.currentFrame=t,this.globalData._mdf=!1;var e,r=this.layers.length;for(this.completeLayers||this.checkLayers(t),e=r-1;0<=e;e--)(this.completeLayers||this.elements[e])&&this.elements[e].prepareFrame(t-this.layers[e].st);if(this.globalData._mdf)for(e=0;e<r;e+=1)(this.completeLayers||this.elements[e])&&this.elements[e].renderFrame()}},SVGRenderer.prototype.appendElementInPos=function(t,e){var r=t.getBaseElement();if(r){for(var i,s=0;s<e;)this.elements[s]&&!0!==this.elements[s]&&this.elements[s].getBaseElement()&&(i=this.elements[s].getBaseElement()),s+=1;i?this.layerElement.insertBefore(r,i):this.layerElement.appendChild(r)}},SVGRenderer.prototype.hide=function(){this.layerElement.style.display="none"},SVGRenderer.prototype.show=function(){this.layerElement.style.display="block"},extendPrototype([BaseRenderer],CanvasRenderer),CanvasRenderer.prototype.createShape=function(t){return new CVShapeElement(t,this.globalData,this)},CanvasRenderer.prototype.createText=function(t){return new CVTextElement(t,this.globalData,this)},CanvasRenderer.prototype.createImage=function(t){return new CVImageElement(t,this.globalData,this)},CanvasRenderer.prototype.createComp=function(t){return new CVCompElement(t,this.globalData,this)},CanvasRenderer.prototype.createSolid=function(t){return new CVSolidElement(t,this.globalData,this)},CanvasRenderer.prototype.createNull=SVGRenderer.prototype.createNull,CanvasRenderer.prototype.ctxTransform=function(t){if(1!==t[0]||0!==t[1]||0!==t[4]||1!==t[5]||0!==t[12]||0!==t[13])if(this.renderConfig.clearCanvas){this.transformMat.cloneFromProps(t);var e=this.contextData.cTr.props;this.transformMat.transform(e[0],e[1],e[2],e[3],e[4],e[5],e[6],e[7],e[8],e[9],e[10],e[11],e[12],e[13],e[14],e[15]),this.contextData.cTr.cloneFromProps(this.transformMat.props);var r=this.contextData.cTr.props;this.canvasContext.setTransform(r[0],r[1],r[4],r[5],r[12],r[13])}else this.canvasContext.transform(t[0],t[1],t[4],t[5],t[12],t[13])},CanvasRenderer.prototype.ctxOpacity=function(t){if(!this.renderConfig.clearCanvas)return this.canvasContext.globalAlpha*=t<0?0:t,void(this.globalData.currentGlobalAlpha=this.contextData.cO);this.contextData.cO*=t<0?0:t,this.globalData.currentGlobalAlpha!==this.contextData.cO&&(this.canvasContext.globalAlpha=this.contextData.cO,this.globalData.currentGlobalAlpha=this.contextData.cO)},CanvasRenderer.prototype.reset=function(){this.renderConfig.clearCanvas?this.contextData.reset():this.canvasContext.restore()},CanvasRenderer.prototype.save=function(t){if(this.renderConfig.clearCanvas){t&&this.canvasContext.save();var e=this.contextData.cTr.props;this.contextData._length<=this.contextData.cArrPos&&this.contextData.duplicate();var r,i=this.contextData.saved[this.contextData.cArrPos];for(r=0;r<16;r+=1)i[r]=e[r];this.contextData.savedOp[this.contextData.cArrPos]=this.contextData.cO,this.contextData.cArrPos+=1}else this.canvasContext.save()},CanvasRenderer.prototype.restore=function(t){if(this.renderConfig.clearCanvas){t&&(this.canvasContext.restore(),this.globalData.blendMode="source-over"),this.contextData.cArrPos-=1;var e,r=this.contextData.saved[this.contextData.cArrPos],i=this.contextData.cTr.props;for(e=0;e<16;e+=1)i[e]=r[e];this.canvasContext.setTransform(r[0],r[1],r[4],r[5],r[12],r[13]),r=this.contextData.savedOp[this.contextData.cArrPos],this.contextData.cO=r,this.globalData.currentGlobalAlpha!==r&&(this.canvasContext.globalAlpha=r,this.globalData.currentGlobalAlpha=r)}else this.canvasContext.restore()},CanvasRenderer.prototype.configAnimation=function(t){this.animationItem.wrapper?(this.animationItem.container=createTag("canvas"),this.animationItem.container.style.width="100%",this.animationItem.container.style.height="100%",this.animationItem.container.style.transformOrigin=this.animationItem.container.style.mozTransformOrigin=this.animationItem.container.style.webkitTransformOrigin=this.animationItem.container.style["-webkit-transform"]="0px 0px 0px",this.animationItem.wrapper.appendChild(this.animationItem.container),this.canvasContext=this.animationItem.container.getContext("2d"),this.renderConfig.className&&this.animationItem.container.setAttribute("class",this.renderConfig.className)):this.canvasContext=this.renderConfig.context,this.data=t,this.layers=t.layers,this.transformCanvas={w:t.w,h:t.h,sx:0,sy:0,tx:0,ty:0},this.setupGlobalData(t,document.body),this.globalData.canvasContext=this.canvasContext,(this.globalData.renderer=this).globalData.isDashed=!1,this.globalData.progressiveLoad=this.renderConfig.progressiveLoad,this.globalData.transformCanvas=this.transformCanvas,this.elements=createSizedArray(t.layers.length),this.updateContainerSize()},CanvasRenderer.prototype.updateContainerSize=function(){var t,e,r,i;if(this.reset(),this.animationItem.wrapper&&this.animationItem.container?(t=this.animationItem.wrapper.offsetWidth,e=this.animationItem.wrapper.offsetHeight,this.animationItem.container.setAttribute("width",t*this.renderConfig.dpr),this.animationItem.container.setAttribute("height",e*this.renderConfig.dpr)):(t=this.canvasContext.canvas.width*this.renderConfig.dpr,e=this.canvasContext.canvas.height*this.renderConfig.dpr),-1!==this.renderConfig.preserveAspectRatio.indexOf("meet")||-1!==this.renderConfig.preserveAspectRatio.indexOf("slice")){var s=this.renderConfig.preserveAspectRatio.split(" "),a=s[1]||"meet",n=s[0]||"xMidYMid",o=n.substr(0,4),h=n.substr(4);r=t/e,i=this.transformCanvas.w/this.transformCanvas.h,this.transformCanvas.sy=r<i&&"meet"===a||i<r&&"slice"===a?(this.transformCanvas.sx=t/(this.transformCanvas.w/this.renderConfig.dpr),t/(this.transformCanvas.w/this.renderConfig.dpr)):(this.transformCanvas.sx=e/(this.transformCanvas.h/this.renderConfig.dpr),e/(this.transformCanvas.h/this.renderConfig.dpr)),this.transformCanvas.tx="xMid"===o&&(i<r&&"meet"===a||r<i&&"slice"===a)?(t-this.transformCanvas.w*(e/this.transformCanvas.h))/2*this.renderConfig.dpr:"xMax"===o&&(i<r&&"meet"===a||r<i&&"slice"===a)?(t-this.transformCanvas.w*(e/this.transformCanvas.h))*this.renderConfig.dpr:0,this.transformCanvas.ty="YMid"===h&&(r<i&&"meet"===a||i<r&&"slice"===a)?(e-this.transformCanvas.h*(t/this.transformCanvas.w))/2*this.renderConfig.dpr:"YMax"===h&&(r<i&&"meet"===a||i<r&&"slice"===a)?(e-this.transformCanvas.h*(t/this.transformCanvas.w))*this.renderConfig.dpr:0}else"none"==this.renderConfig.preserveAspectRatio?(this.transformCanvas.sx=t/(this.transformCanvas.w/this.renderConfig.dpr),this.transformCanvas.sy=e/(this.transformCanvas.h/this.renderConfig.dpr)):(this.transformCanvas.sx=this.renderConfig.dpr,this.transformCanvas.sy=this.renderConfig.dpr),this.transformCanvas.tx=0,this.transformCanvas.ty=0;this.transformCanvas.props=[this.transformCanvas.sx,0,0,0,0,this.transformCanvas.sy,0,0,0,0,1,0,this.transformCanvas.tx,this.transformCanvas.ty,0,1],this.ctxTransform(this.transformCanvas.props),this.canvasContext.beginPath(),this.canvasContext.rect(0,0,this.transformCanvas.w,this.transformCanvas.h),this.canvasContext.closePath(),this.canvasContext.clip()},CanvasRenderer.prototype.destroy=function(){var t;for(this.renderConfig.clearCanvas&&(this.animationItem.wrapper.innerHTML=""),t=(this.layers?this.layers.length:0)-1;0<=t;t-=1)this.elements[t]&&this.elements[t].destroy();this.elements.length=0,this.globalData.canvasContext=null,this.animationItem.container=null,this.destroyed=!0},CanvasRenderer.prototype.renderFrame=function(t){if(!(this.renderedFrame==t&&!0===this.renderConfig.clearCanvas||this.destroyed||-1===t)){this.renderedFrame=t,this.globalData.frameNum=t-this.animationItem._isFirstFrame,this.globalData.frameId+=1,this.globalData._mdf=!this.renderConfig.clearCanvas,this.globalData.projectInterface.currentFrame=t;var e,r=this.layers.length;for(this.completeLayers||this.checkLayers(t),e=0;e<r;e++)(this.completeLayers||this.elements[e])&&this.elements[e].prepareFrame(t-this.layers[e].st);if(this.globalData._mdf){for(!0===this.renderConfig.clearCanvas?this.canvasContext.clearRect(0,0,this.transformCanvas.w,this.transformCanvas.h):this.save(),e=r-1;0<=e;e-=1)(this.completeLayers||this.elements[e])&&this.elements[e].renderFrame();!0!==this.renderConfig.clearCanvas&&this.restore()}}},CanvasRenderer.prototype.buildItem=function(t){var e=this.elements;if(!e[t]&&99!=this.layers[t].ty){var r=this.createItem(this.layers[t],this,this.globalData);(e[t]=r).initExpressions()}},CanvasRenderer.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){this.pendingElements.pop().checkParenting()}},CanvasRenderer.prototype.hide=function(){this.animationItem.container.style.display="none"},CanvasRenderer.prototype.show=function(){this.animationItem.container.style.display="block"},extendPrototype([BaseRenderer],HybridRenderer),HybridRenderer.prototype.buildItem=SVGRenderer.prototype.buildItem,HybridRenderer.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){this.pendingElements.pop().checkParenting()}},HybridRenderer.prototype.appendElementInPos=function(t,e){var r=t.getBaseElement();if(r){var i=this.layers[e];if(i.ddd&&this.supports3d)this.addTo3dContainer(r,e);else if(this.threeDElements)this.addTo3dContainer(r,e);else{for(var s,a,n=0;n<e;)this.elements[n]&&!0!==this.elements[n]&&this.elements[n].getBaseElement&&(a=this.elements[n],s=(this.layers[n].ddd?this.getThreeDContainerByPos(n):a.getBaseElement())||s),n+=1;s?i.ddd&&this.supports3d||this.layerElement.insertBefore(r,s):i.ddd&&this.supports3d||this.layerElement.appendChild(r)}}},HybridRenderer.prototype.createShape=function(t){return this.supports3d?new HShapeElement(t,this.globalData,this):new SVGShapeElement(t,this.globalData,this)},HybridRenderer.prototype.createText=function(t){return this.supports3d?new HTextElement(t,this.globalData,this):new SVGTextElement(t,this.globalData,this)},HybridRenderer.prototype.createCamera=function(t){return this.camera=new HCameraElement(t,this.globalData,this),this.camera},HybridRenderer.prototype.createImage=function(t){return this.supports3d?new HImageElement(t,this.globalData,this):new IImageElement(t,this.globalData,this)},HybridRenderer.prototype.createComp=function(t){return this.supports3d?new HCompElement(t,this.globalData,this):new SVGCompElement(t,this.globalData,this)},HybridRenderer.prototype.createSolid=function(t){return this.supports3d?new HSolidElement(t,this.globalData,this):new ISolidElement(t,this.globalData,this)},HybridRenderer.prototype.createNull=SVGRenderer.prototype.createNull,HybridRenderer.prototype.getThreeDContainerByPos=function(t){for(var e=0,r=this.threeDElements.length;e<r;){if(this.threeDElements[e].startPos<=t&&this.threeDElements[e].endPos>=t)return this.threeDElements[e].perspectiveElem;e+=1}},HybridRenderer.prototype.createThreeDContainer=function(t,e){var r=createTag("div");styleDiv(r);var i=createTag("div");styleDiv(i),"3d"===e&&(r.style.width=this.globalData.compSize.w+"px",r.style.height=this.globalData.compSize.h+"px",r.style.transformOrigin=r.style.mozTransformOrigin=r.style.webkitTransformOrigin="50% 50%",i.style.transform=i.style.webkitTransform="matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)"),r.appendChild(i);var s={container:i,perspectiveElem:r,startPos:t,endPos:t,type:e};return this.threeDElements.push(s),s},HybridRenderer.prototype.build3dContainers=function(){var t,e,r=this.layers.length,i="";for(t=0;t<r;t+=1)this.layers[t].ddd&&3!==this.layers[t].ty?"3d"!==i&&(i="3d",e=this.createThreeDContainer(t,"3d")):"2d"!==i&&(i="2d",e=this.createThreeDContainer(t,"2d")),e.endPos=Math.max(e.endPos,t);for(t=(r=this.threeDElements.length)-1;0<=t;t--)this.resizerElem.appendChild(this.threeDElements[t].perspectiveElem)},HybridRenderer.prototype.addTo3dContainer=function(t,e){for(var r=0,i=this.threeDElements.length;r<i;){if(e<=this.threeDElements[r].endPos){for(var s,a=this.threeDElements[r].startPos;a<e;)this.elements[a]&&this.elements[a].getBaseElement&&(s=this.elements[a].getBaseElement()),a+=1;s?this.threeDElements[r].container.insertBefore(t,s):this.threeDElements[r].container.appendChild(t);break}r+=1}},HybridRenderer.prototype.configAnimation=function(t){var e=createTag("div"),r=this.animationItem.wrapper;e.style.width=t.w+"px",e.style.height=t.h+"px",styleDiv(this.resizerElem=e),e.style.transformStyle=e.style.webkitTransformStyle=e.style.mozTransformStyle="flat",this.renderConfig.className&&e.setAttribute("class",this.renderConfig.className),r.appendChild(e),e.style.overflow="hidden";var i=createNS("svg");i.setAttribute("width","1"),i.setAttribute("height","1"),styleDiv(i),this.resizerElem.appendChild(i);var s=createNS("defs");i.appendChild(s),this.data=t,this.setupGlobalData(t,i),this.globalData.defs=s,this.layers=t.layers,this.layerElement=this.resizerElem,this.build3dContainers(),this.updateContainerSize()},HybridRenderer.prototype.destroy=function(){this.animationItem.wrapper.innerHTML="",this.animationItem.container=null,this.globalData.defs=null;var t,e=this.layers?this.layers.length:0;for(t=0;t<e;t++)this.elements[t].destroy();this.elements.length=0,this.destroyed=!0,this.animationItem=null},HybridRenderer.prototype.updateContainerSize=function(){var t,e,r,i,s=this.animationItem.wrapper.offsetWidth,a=this.animationItem.wrapper.offsetHeight;i=s/a<this.globalData.compSize.w/this.globalData.compSize.h?(t=s/this.globalData.compSize.w,e=s/this.globalData.compSize.w,r=0,(a-this.globalData.compSize.h*(s/this.globalData.compSize.w))/2):(t=a/this.globalData.compSize.h,e=a/this.globalData.compSize.h,r=(s-this.globalData.compSize.w*(a/this.globalData.compSize.h))/2,0),this.resizerElem.style.transform=this.resizerElem.style.webkitTransform="matrix3d("+t+",0,0,0,0,"+e+",0,0,0,0,1,0,"+r+","+i+",0,1)"},HybridRenderer.prototype.renderFrame=SVGRenderer.prototype.renderFrame,HybridRenderer.prototype.hide=function(){this.resizerElem.style.display="none"},HybridRenderer.prototype.show=function(){this.resizerElem.style.display="block"},HybridRenderer.prototype.initItems=function(){if(this.buildAllItems(),this.camera)this.camera.setup();else{var t,e=this.globalData.compSize.w,r=this.globalData.compSize.h,i=this.threeDElements.length;for(t=0;t<i;t+=1)this.threeDElements[t].perspectiveElem.style.perspective=this.threeDElements[t].perspectiveElem.style.webkitPerspective=Math.sqrt(Math.pow(e,2)+Math.pow(r,2))+"px"}},HybridRenderer.prototype.searchExtraCompositions=function(t){var e,r=t.length,i=createTag("div");for(e=0;e<r;e+=1)if(t[e].xt){var s=this.createComp(t[e],i,this.globalData.comp,null);s.initExpressions(),this.globalData.projectInterface.registerComposition(s)}},MaskElement.prototype.getMaskProperty=function(t){return this.viewData[t].prop},MaskElement.prototype.renderFrame=function(t){var e,r=this.element.finalTransform.mat,i=this.masksProperties.length;for(e=0;e<i;e++)if((this.viewData[e].prop._mdf||t)&&this.drawPath(this.masksProperties[e],this.viewData[e].prop.v,this.viewData[e]),(this.viewData[e].op._mdf||t)&&this.viewData[e].elem.setAttribute("fill-opacity",this.viewData[e].op.v),"n"!==this.masksProperties[e].mode&&(this.viewData[e].invRect&&(this.element.finalTransform.mProp._mdf||t)&&(this.viewData[e].invRect.setAttribute("x",-r.props[12]),this.viewData[e].invRect.setAttribute("y",-r.props[13])),this.storedData[e].x&&(this.storedData[e].x._mdf||t))){var s=this.storedData[e].expan;this.storedData[e].x.v<0?("erode"!==this.storedData[e].lastOperator&&(this.storedData[e].lastOperator="erode",this.storedData[e].elem.setAttribute("filter","url("+locationHref+"#"+this.storedData[e].filterId+")")),s.setAttribute("radius",-this.storedData[e].x.v)):("dilate"!==this.storedData[e].lastOperator&&(this.storedData[e].lastOperator="dilate",this.storedData[e].elem.setAttribute("filter",null)),this.storedData[e].elem.setAttribute("stroke-width",2*this.storedData[e].x.v))}},MaskElement.prototype.getMaskelement=function(){return this.maskElement},MaskElement.prototype.createLayerSolidPath=function(){var t="M0,0 ";return t+=" h"+this.globalData.compSize.w,t+=" v"+this.globalData.compSize.h,t+=" h-"+this.globalData.compSize.w,t+=" v-"+this.globalData.compSize.h+" "},MaskElement.prototype.drawPath=function(t,e,r){var i,s,a=" M"+e.v[0][0]+","+e.v[0][1];for(s=e._length,i=1;i<s;i+=1)a+=" C"+e.o[i-1][0]+","+e.o[i-1][1]+" "+e.i[i][0]+","+e.i[i][1]+" "+e.v[i][0]+","+e.v[i][1];if(e.c&&1<s&&(a+=" C"+e.o[i-1][0]+","+e.o[i-1][1]+" "+e.i[0][0]+","+e.i[0][1]+" "+e.v[0][0]+","+e.v[0][1]),r.lastPath!==a){var n="";r.elem&&(e.c&&(n=t.inv?this.solidPath+a:a),r.elem.setAttribute("d",n)),r.lastPath=a}},MaskElement.prototype.destroy=function(){this.element=null,this.globalData=null,this.maskElement=null,this.data=null,this.masksProperties=null},HierarchyElement.prototype={initHierarchy:function(){this.hierarchy=[],this._isParent=!1,this.checkParenting()},setHierarchy:function(t){this.hierarchy=t},setAsParent:function(){this._isParent=!0},checkParenting:function(){void 0!==this.data.parent&&this.comp.buildElementParenting(this,this.data.parent,[])}},FrameElement.prototype={initFrame:function(){this._isFirstFrame=!1,this.dynamicProperties=[],this._mdf=!1},prepareProperties:function(t,e){var r,i=this.dynamicProperties.length;for(r=0;r<i;r+=1)(e||this._isParent&&"transform"===this.dynamicProperties[r].propType)&&(this.dynamicProperties[r].getValue(),this.dynamicProperties[r]._mdf&&(this.globalData._mdf=!0,this._mdf=!0))},addDynamicProperty:function(t){-1===this.dynamicProperties.indexOf(t)&&this.dynamicProperties.push(t)}},TransformElement.prototype={initTransform:function(){this.finalTransform={mProp:this.data.ks?TransformPropertyFactory.getTransformProperty(this,this.data.ks,this):{o:0},_matMdf:!1,_opMdf:!1,mat:new Matrix},this.data.ao&&(this.finalTransform.mProp.autoOriented=!0),this.data.ty},renderTransform:function(){if(this.finalTransform._opMdf=this.finalTransform.mProp.o._mdf||this._isFirstFrame,this.finalTransform._matMdf=this.finalTransform.mProp._mdf||this._isFirstFrame,this.hierarchy){var t,e=this.finalTransform.mat,r=0,i=this.hierarchy.length;if(!this.finalTransform._matMdf)for(;r<i;){if(this.hierarchy[r].finalTransform.mProp._mdf){this.finalTransform._matMdf=!0;break}r+=1}if(this.finalTransform._matMdf)for(t=this.finalTransform.mProp.v.props,e.cloneFromProps(t),r=0;r<i;r+=1)t=this.hierarchy[r].finalTransform.mProp.v.props,e.transform(t[0],t[1],t[2],t[3],t[4],t[5],t[6],t[7],t[8],t[9],t[10],t[11],t[12],t[13],t[14],t[15])}},globalToLocal:function(t){var e=[];e.push(this.finalTransform);for(var r=!0,i=this.comp;r;)i.finalTransform?(i.data.hasMask&&e.splice(0,0,i.finalTransform),i=i.comp):r=!1;var s,a,n=e.length;for(s=0;s<n;s+=1)a=e[s].mat.applyToPointArray(0,0,0),t=[t[0]-a[0],t[1]-a[1],0];return t},mHelper:new Matrix},RenderableElement.prototype={initRenderable:function(){this.isInRange=!1,this.hidden=!1,this.isTransparent=!1,this.renderableComponents=[]},addRenderableComponent:function(t){-1===this.renderableComponents.indexOf(t)&&this.renderableComponents.push(t)},removeRenderableComponent:function(t){-1!==this.renderableComponents.indexOf(t)&&this.renderableComponents.splice(this.renderableComponents.indexOf(t),1)},prepareRenderableFrame:function(t){this.checkLayerLimits(t)},checkTransparency:function(){this.finalTransform.mProp.o.v<=0?!this.isTransparent&&this.globalData.renderConfig.hideOnTransparent&&(this.isTransparent=!0,this.hide()):this.isTransparent&&(this.isTransparent=!1,this.show())},checkLayerLimits:function(t){this.data.ip-this.data.st<=t&&this.data.op-this.data.st>t?!0!==this.isInRange&&(this.globalData._mdf=!0,this._mdf=!0,this.isInRange=!0,this.show()):!1!==this.isInRange&&(this.globalData._mdf=!0,this.isInRange=!1,this.hide())},renderRenderable:function(){var t,e=this.renderableComponents.length;for(t=0;t<e;t+=1)this.renderableComponents[t].renderFrame(this._isFirstFrame)},sourceRectAtTime:function(){return{top:0,left:0,width:100,height:100}},getLayerSize:function(){return 5===this.data.ty?{w:this.data.textData.width,h:this.data.textData.height}:{w:this.data.width,h:this.data.height}}},extendPrototype([RenderableElement,createProxyFunction({initElement:function(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initTransform(t,e,r),this.initHierarchy(),this.initRenderable(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),this.createContent(),this.hide()},hide:function(){this.hidden||this.isInRange&&!this.isTransparent||((this.baseElement||this.layerElement).style.display="none",this.hidden=!0)},show:function(){this.isInRange&&!this.isTransparent&&(this.data.hd||((this.baseElement||this.layerElement).style.display="block"),this.hidden=!1,this._isFirstFrame=!0)},renderFrame:function(){this.data.hd||this.hidden||(this.renderTransform(),this.renderRenderable(),this.renderElement(),this.renderInnerContent(),this._isFirstFrame&&(this._isFirstFrame=!1))},renderInnerContent:function(){},prepareFrame:function(t){this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),this.checkTransparency()},destroy:function(){this.innerElem=null,this.destroyBaseElement()}})],RenderableDOMElement),SVGStyleData.prototype.reset=function(){this.d="",this._mdf=!1},SVGShapeData.prototype.setAsAnimated=function(){this._isAnimated=!0},extendPrototype([DynamicPropertyContainer],SVGStrokeStyleData),extendPrototype([DynamicPropertyContainer],SVGFillStyleData),SVGGradientFillStyleData.prototype.initGradientData=function(t,e,r){this.o=PropertyFactory.getProp(t,e.o,0,.01,this),this.s=PropertyFactory.getProp(t,e.s,1,null,this),this.e=PropertyFactory.getProp(t,e.e,1,null,this),this.h=PropertyFactory.getProp(t,e.h||{k:0},0,.01,this),this.a=PropertyFactory.getProp(t,e.a||{k:0},0,degToRads,this),this.g=new GradientProperty(t,e.g,this),this.style=r,this.stops=[],this.setGradientData(r.pElem,e),this.setGradientOpacity(e,r),this._isAnimated=!!this._isAnimated},SVGGradientFillStyleData.prototype.setGradientData=function(t,e){var r="gr_"+randomString(10),i=createNS(1===e.t?"linearGradient":"radialGradient");i.setAttribute("id",r),i.setAttribute("spreadMethod","pad"),i.setAttribute("gradientUnits","userSpaceOnUse");var s,a,n,o=[];for(n=4*e.g.p,a=0;a<n;a+=4)s=createNS("stop"),i.appendChild(s),o.push(s);t.setAttribute("gf"===e.ty?"fill":"stroke","url("+locationHref+"#"+r+")"),this.gf=i,this.cst=o},SVGGradientFillStyleData.prototype.setGradientOpacity=function(t,e){if(this.g._hasOpacity&&!this.g._collapsable){var r,i,s,a=createNS("mask"),n=createNS("path");a.appendChild(n);var o="op_"+randomString(10),h="mk_"+randomString(10);a.setAttribute("id",h);var l=createNS(1===t.t?"linearGradient":"radialGradient");l.setAttribute("id",o),l.setAttribute("spreadMethod","pad"),l.setAttribute("gradientUnits","userSpaceOnUse"),s=t.g.k.k[0].s?t.g.k.k[0].s.length:t.g.k.k.length;var p=this.stops;for(i=4*t.g.p;i<s;i+=2)(r=createNS("stop")).setAttribute("stop-color","rgb(255,255,255)"),l.appendChild(r),p.push(r);n.setAttribute("gf"===t.ty?"fill":"stroke","url("+locationHref+"#"+o+")"),this.of=l,this.ms=a,this.ost=p,this.maskId=h,e.msElem=n}},extendPrototype([DynamicPropertyContainer],SVGGradientFillStyleData),extendPrototype([SVGGradientFillStyleData,DynamicPropertyContainer],SVGGradientStrokeStyleData);var SVGElementsRenderer=function(){var y=new Matrix,g=new Matrix;function e(t,e,r){(r||e.transform.op._mdf)&&e.transform.container.setAttribute("opacity",e.transform.op.v),(r||e.transform.mProps._mdf)&&e.transform.container.setAttribute("transform",e.transform.mProps.v.to2dCSS())}function r(t,e,r){var i,s,a,n,o,h,l,p,m,f,c,d=e.styles.length,u=e.lvl;for(h=0;h<d;h+=1){if(n=e.sh._mdf||r,e.styles[h].lvl<u){for(p=g.reset(),f=u-e.styles[h].lvl,c=e.transformers.length-1;!n&&0<f;)n=e.transformers[c].mProps._mdf||n,f--,c--;if(n)for(f=u-e.styles[h].lvl,c=e.transformers.length-1;0<f;)m=e.transformers[c].mProps.v.props,p.transform(m[0],m[1],m[2],m[3],m[4],m[5],m[6],m[7],m[8],m[9],m[10],m[11],m[12],m[13],m[14],m[15]),f--,c--}else p=y;if(s=(l=e.sh.paths)._length,n){for(a="",i=0;i<s;i+=1)(o=l.shapes[i])&&o._length&&(a+=buildShapeString(o,o._length,o.c,p));e.caches[h]=a}else a=e.caches[h];e.styles[h].d+=!0===t.hd?"":a,e.styles[h]._mdf=n||e.styles[h]._mdf}}function i(t,e,r){var i=e.style;(e.c._mdf||r)&&i.pElem.setAttribute("fill","rgb("+bm_floor(e.c.v[0])+","+bm_floor(e.c.v[1])+","+bm_floor(e.c.v[2])+")"),(e.o._mdf||r)&&i.pElem.setAttribute("fill-opacity",e.o.v)}function s(t,e,r){a(t,e,r),n(t,e,r)}function a(t,e,r){var i,s,a,n,o,h=e.gf,l=e.g._hasOpacity,p=e.s.v,m=e.e.v;if(e.o._mdf||r){var f="gf"===t.ty?"fill-opacity":"stroke-opacity";e.style.pElem.setAttribute(f,e.o.v)}if(e.s._mdf||r){var c=1===t.t?"x1":"cx",d="x1"===c?"y1":"cy";h.setAttribute(c,p[0]),h.setAttribute(d,p[1]),l&&!e.g._collapsable&&(e.of.setAttribute(c,p[0]),e.of.setAttribute(d,p[1]))}if(e.g._cmdf||r){i=e.cst;var u=e.g.c;for(a=i.length,s=0;s<a;s+=1)(n=i[s]).setAttribute("offset",u[4*s]+"%"),n.setAttribute("stop-color","rgb("+u[4*s+1]+","+u[4*s+2]+","+u[4*s+3]+")")}if(l&&(e.g._omdf||r)){var y=e.g.o;for(a=(i=e.g._collapsable?e.cst:e.ost).length,s=0;s<a;s+=1)n=i[s],e.g._collapsable||n.setAttribute("offset",y[2*s]+"%"),n.setAttribute("stop-opacity",y[2*s+1])}if(1===t.t)(e.e._mdf||r)&&(h.setAttribute("x2",m[0]),h.setAttribute("y2",m[1]),l&&!e.g._collapsable&&(e.of.setAttribute("x2",m[0]),e.of.setAttribute("y2",m[1])));else if((e.s._mdf||e.e._mdf||r)&&(o=Math.sqrt(Math.pow(p[0]-m[0],2)+Math.pow(p[1]-m[1],2)),h.setAttribute("r",o),l&&!e.g._collapsable&&e.of.setAttribute("r",o)),e.e._mdf||e.h._mdf||e.a._mdf||r){o||(o=Math.sqrt(Math.pow(p[0]-m[0],2)+Math.pow(p[1]-m[1],2)));var g=Math.atan2(m[1]-p[1],m[0]-p[0]),v=o*(1<=e.h.v?.99:e.h.v<=-1?-.99:e.h.v),b=Math.cos(g+e.a.v)*v+p[0],x=Math.sin(g+e.a.v)*v+p[1];h.setAttribute("fx",b),h.setAttribute("fy",x),l&&!e.g._collapsable&&(e.of.setAttribute("fx",b),e.of.setAttribute("fy",x))}}function n(t,e,r){var i=e.style,s=e.d;s&&(s._mdf||r)&&s.dashStr&&(i.pElem.setAttribute("stroke-dasharray",s.dashStr),i.pElem.setAttribute("stroke-dashoffset",s.dashoffset[0])),e.c&&(e.c._mdf||r)&&i.pElem.setAttribute("stroke","rgb("+bm_floor(e.c.v[0])+","+bm_floor(e.c.v[1])+","+bm_floor(e.c.v[2])+")"),(e.o._mdf||r)&&i.pElem.setAttribute("stroke-opacity",e.o.v),(e.w._mdf||r)&&(i.pElem.setAttribute("stroke-width",e.w.v),i.msElem&&i.msElem.setAttribute("stroke-width",e.w.v))}return{createRenderFunction:function(t){t.ty;switch(t.ty){case"fl":return i;case"gf":return a;case"gs":return s;case"st":return n;case"sh":case"el":case"rc":case"sr":return r;case"tr":return e}}}}();function ShapeTransformManager(){this.sequences={},this.sequenceList=[],this.transform_key_count=0}function CVShapeData(t,e,r,i){this.styledShapes=[],this.tr=[0,0,0,0,0,0];var s=4;"rc"==e.ty?s=5:"el"==e.ty?s=6:"sr"==e.ty&&(s=7),this.sh=ShapePropertyFactory.getShapeProp(t,e,s,t);var a,n,o=r.length;for(a=0;a<o;a+=1)r[a].closed||(n={transforms:i.addTransformSequence(r[a].transforms),trNodes:[]},this.styledShapes.push(n),r[a].elements.push(n))}function BaseElement(){}function NullElement(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initFrame(),this.initTransform(t,e,r),this.initHierarchy()}function SVGBaseElement(){}function IShapeElement(){}function ITextElement(){}function ICompElement(){}function IImageElement(t,e,r){this.assetData=e.getAssetData(t.refId),this.initElement(t,e,r)}function ISolidElement(t,e,r){this.initElement(t,e,r)}function SVGCompElement(t,e,r){this.layers=t.layers,this.supports3d=!0,this.completeLayers=!1,this.pendingElements=[],this.elements=this.layers?createSizedArray(this.layers.length):[],this.initElement(t,e,r),this.tm=t.tm?PropertyFactory.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function SVGTextElement(t,e,r){this.textSpans=[],this.renderType="svg",this.initElement(t,e,r)}function SVGShapeElement(t,e,r){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.shapeModifiers=[],this.itemsData=[],this.processedElements=[],this.animatedContents=[],this.initElement(t,e,r),this.prevViewData=[]}function SVGTintFilter(t,e){this.filterManager=e;var r=createNS("feColorMatrix");if(r.setAttribute("type","matrix"),r.setAttribute("color-interpolation-filters","linearRGB"),r.setAttribute("values","0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"),r.setAttribute("result","f1"),t.appendChild(r),(r=createNS("feColorMatrix")).setAttribute("type","matrix"),r.setAttribute("color-interpolation-filters","sRGB"),r.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"),r.setAttribute("result","f2"),t.appendChild(r),this.matrixFilter=r,100!==e.effectElements[2].p.v||e.effectElements[2].p.k){var i,s=createNS("feMerge");t.appendChild(s),(i=createNS("feMergeNode")).setAttribute("in","SourceGraphic"),s.appendChild(i),(i=createNS("feMergeNode")).setAttribute("in","f2"),s.appendChild(i)}}function SVGFillFilter(t,e){this.filterManager=e;var r=createNS("feColorMatrix");r.setAttribute("type","matrix"),r.setAttribute("color-interpolation-filters","sRGB"),r.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"),t.appendChild(r),this.matrixFilter=r}function SVGStrokeEffect(t,e){this.initialized=!1,this.filterManager=e,this.elem=t,this.paths=[]}function SVGTritoneFilter(t,e){this.filterManager=e;var r=createNS("feColorMatrix");r.setAttribute("type","matrix"),r.setAttribute("color-interpolation-filters","linearRGB"),r.setAttribute("values","0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"),r.setAttribute("result","f1"),t.appendChild(r);var i=createNS("feComponentTransfer");i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),this.matrixFilter=i;var s=createNS("feFuncR");s.setAttribute("type","table"),i.appendChild(s),this.feFuncR=s;var a=createNS("feFuncG");a.setAttribute("type","table"),i.appendChild(a),this.feFuncG=a;var n=createNS("feFuncB");n.setAttribute("type","table"),i.appendChild(n),this.feFuncB=n}function SVGProLevelsFilter(t,e){this.filterManager=e;var r=this.filterManager.effectElements,i=createNS("feComponentTransfer");(r[10].p.k||0!==r[10].p.v||r[11].p.k||1!==r[11].p.v||r[12].p.k||1!==r[12].p.v||r[13].p.k||0!==r[13].p.v||r[14].p.k||1!==r[14].p.v)&&(this.feFuncR=this.createFeFunc("feFuncR",i)),(r[17].p.k||0!==r[17].p.v||r[18].p.k||1!==r[18].p.v||r[19].p.k||1!==r[19].p.v||r[20].p.k||0!==r[20].p.v||r[21].p.k||1!==r[21].p.v)&&(this.feFuncG=this.createFeFunc("feFuncG",i)),(r[24].p.k||0!==r[24].p.v||r[25].p.k||1!==r[25].p.v||r[26].p.k||1!==r[26].p.v||r[27].p.k||0!==r[27].p.v||r[28].p.k||1!==r[28].p.v)&&(this.feFuncB=this.createFeFunc("feFuncB",i)),(r[31].p.k||0!==r[31].p.v||r[32].p.k||1!==r[32].p.v||r[33].p.k||1!==r[33].p.v||r[34].p.k||0!==r[34].p.v||r[35].p.k||1!==r[35].p.v)&&(this.feFuncA=this.createFeFunc("feFuncA",i)),(this.feFuncR||this.feFuncG||this.feFuncB||this.feFuncA)&&(i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),i=createNS("feComponentTransfer")),(r[3].p.k||0!==r[3].p.v||r[4].p.k||1!==r[4].p.v||r[5].p.k||1!==r[5].p.v||r[6].p.k||0!==r[6].p.v||r[7].p.k||1!==r[7].p.v)&&(i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),this.feFuncRComposed=this.createFeFunc("feFuncR",i),this.feFuncGComposed=this.createFeFunc("feFuncG",i),this.feFuncBComposed=this.createFeFunc("feFuncB",i))}function SVGDropShadowEffect(t,e){t.setAttribute("x","-100%"),t.setAttribute("y","-100%"),t.setAttribute("width","400%"),t.setAttribute("height","400%"),this.filterManager=e;var r=createNS("feGaussianBlur");r.setAttribute("in","SourceAlpha"),r.setAttribute("result","drop_shadow_1"),r.setAttribute("stdDeviation","0"),this.feGaussianBlur=r,t.appendChild(r);var i=createNS("feOffset");i.setAttribute("dx","25"),i.setAttribute("dy","0"),i.setAttribute("in","drop_shadow_1"),i.setAttribute("result","drop_shadow_2"),this.feOffset=i,t.appendChild(i);var s=createNS("feFlood");s.setAttribute("flood-color","#00ff00"),s.setAttribute("flood-opacity","1"),s.setAttribute("result","drop_shadow_3"),this.feFlood=s,t.appendChild(s);var a=createNS("feComposite");a.setAttribute("in","drop_shadow_3"),a.setAttribute("in2","drop_shadow_2"),a.setAttribute("operator","in"),a.setAttribute("result","drop_shadow_4"),t.appendChild(a);var n,o=createNS("feMerge");t.appendChild(o),n=createNS("feMergeNode"),o.appendChild(n),(n=createNS("feMergeNode")).setAttribute("in","SourceGraphic"),this.feMergeNode=n,this.feMerge=o,this.originalNodeAdded=!1,o.appendChild(n)}ShapeTransformManager.prototype={addTransformSequence:function(t){var e,r=t.length,i="_";for(e=0;e<r;e+=1)i+=t[e].transform.key+"_";var s=this.sequences[i];return s||(s={transforms:[].concat(t),finalTransform:new Matrix,_mdf:!1},this.sequences[i]=s,this.sequenceList.push(s)),s},processSequence:function(t,e){for(var r,i=0,s=t.transforms.length,a=e;i<s&&!e;){if(t.transforms[i].transform.mProps._mdf){a=!0;break}i+=1}if(a)for(t.finalTransform.reset(),i=s-1;0<=i;i-=1)r=t.transforms[i].transform.mProps.v.props,t.finalTransform.transform(r[0],r[1],r[2],r[3],r[4],r[5],r[6],r[7],r[8],r[9],r[10],r[11],r[12],r[13],r[14],r[15]);t._mdf=a},processSequences:function(t){var e,r=this.sequenceList.length;for(e=0;e<r;e+=1)this.processSequence(this.sequenceList[e],t)},getNewKey:function(){return"_"+this.transform_key_count++}},CVShapeData.prototype.setAsAnimated=SVGShapeData.prototype.setAsAnimated,BaseElement.prototype={checkMasks:function(){if(!this.data.hasMask)return!1;for(var t=0,e=this.data.masksProperties.length;t<e;){if("n"!==this.data.masksProperties[t].mode&&!1!==this.data.masksProperties[t].cl)return!0;t+=1}return!1},initExpressions:function(){this.layerInterface=LayerExpressionInterface(this),this.data.hasMask&&this.maskManager&&this.layerInterface.registerMaskInterface(this.maskManager);var t=EffectsExpressionInterface.createEffectsInterface(this,this.layerInterface);this.layerInterface.registerEffectsInterface(t),0===this.data.ty||this.data.xt?this.compInterface=CompExpressionInterface(this):4===this.data.ty?(this.layerInterface.shapeInterface=ShapeExpressionInterface(this.shapesData,this.itemsData,this.layerInterface),this.layerInterface.content=this.layerInterface.shapeInterface):5===this.data.ty&&(this.layerInterface.textInterface=TextExpressionInterface(this),this.layerInterface.text=this.layerInterface.textInterface)},blendModeEnums:{1:"multiply",2:"screen",3:"overlay",4:"darken",5:"lighten",6:"color-dodge",7:"color-burn",8:"hard-light",9:"soft-light",10:"difference",11:"exclusion",12:"hue",13:"saturation",14:"color",15:"luminosity"},getBlendMode:function(){return this.blendModeEnums[this.data.bm]||""},setBlendMode:function(){var t=this.getBlendMode();(this.baseElement||this.layerElement).style["mix-blend-mode"]=t},initBaseData:function(t,e,r){this.globalData=e,this.comp=r,this.data=t,this.layerId="ly_"+randomString(10),this.data.sr||(this.data.sr=1),this.effectsManager=new EffectsManager(this.data,this,this.dynamicProperties)},getType:function(){return this.type}},NullElement.prototype.prepareFrame=function(t){this.prepareProperties(t,!0)},NullElement.prototype.renderFrame=function(){},NullElement.prototype.getBaseElement=function(){return null},NullElement.prototype.destroy=function(){},NullElement.prototype.sourceRectAtTime=function(){},NullElement.prototype.hide=function(){},extendPrototype([BaseElement,TransformElement,HierarchyElement,FrameElement],NullElement),SVGBaseElement.prototype={initRendererElement:function(){this.layerElement=createNS("g")},createContainerElements:function(){this.matteElement=createNS("g"),this.transformedElement=this.layerElement,this.maskedElement=this.layerElement,this._sizeChanged=!1;var t,e,r,i=null;if(this.data.td){if(3==this.data.td||1==this.data.td){var s=createNS("mask");s.setAttribute("id",this.layerId),s.setAttribute("mask-type",3==this.data.td?"luminance":"alpha"),s.appendChild(this.layerElement),i=s,this.globalData.defs.appendChild(s),featureSupport.maskType||1!=this.data.td||(s.setAttribute("mask-type","luminance"),t=randomString(10),e=filtersFactory.createFilter(t),this.globalData.defs.appendChild(e),e.appendChild(filtersFactory.createAlphaToLuminanceFilter()),(r=createNS("g")).appendChild(this.layerElement),i=r,s.appendChild(r),r.setAttribute("filter","url("+locationHref+"#"+t+")"))}else if(2==this.data.td){var a=createNS("mask");a.setAttribute("id",this.layerId),a.setAttribute("mask-type","alpha");var n=createNS("g");a.appendChild(n),t=randomString(10),e=filtersFactory.createFilter(t);var o=createNS("feColorMatrix");o.setAttribute("type","matrix"),o.setAttribute("color-interpolation-filters","sRGB"),o.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"),e.appendChild(o),this.globalData.defs.appendChild(e);var h=createNS("rect");h.setAttribute("width",this.comp.data.w),h.setAttribute("height",this.comp.data.h),h.setAttribute("x","0"),h.setAttribute("y","0"),h.setAttribute("fill","#ffffff"),h.setAttribute("opacity","0"),n.setAttribute("filter","url("+locationHref+"#"+t+")"),n.appendChild(h),n.appendChild(this.layerElement),i=n,featureSupport.maskType||(a.setAttribute("mask-type","luminance"),e.appendChild(filtersFactory.createAlphaToLuminanceFilter()),r=createNS("g"),n.appendChild(h),r.appendChild(this.layerElement),i=r,n.appendChild(r)),this.globalData.defs.appendChild(a)}}else this.data.tt?(this.matteElement.appendChild(this.layerElement),i=this.matteElement,this.baseElement=this.matteElement):this.baseElement=this.layerElement;if(this.data.ln&&this.layerElement.setAttribute("id",this.data.ln),this.data.cl&&this.layerElement.setAttribute("class",this.data.cl),0===this.data.ty&&!this.data.hd){var l=createNS("clipPath"),p=createNS("path");p.setAttribute("d","M0,0 L"+this.data.w+",0 L"+this.data.w+","+this.data.h+" L0,"+this.data.h+"z");var m="cp_"+randomString(8);if(l.setAttribute("id",m),l.appendChild(p),this.globalData.defs.appendChild(l),this.checkMasks()){var f=createNS("g");f.setAttribute("clip-path","url("+locationHref+"#"+m+")"),f.appendChild(this.layerElement),this.transformedElement=f,i?i.appendChild(this.transformedElement):this.baseElement=this.transformedElement}else this.layerElement.setAttribute("clip-path","url("+locationHref+"#"+m+")")}0!==this.data.bm&&this.setBlendMode()},renderElement:function(){this.finalTransform._matMdf&&this.transformedElement.setAttribute("transform",this.finalTransform.mat.to2dCSS()),this.finalTransform._opMdf&&this.transformedElement.setAttribute("opacity",this.finalTransform.mProp.o.v)},destroyBaseElement:function(){this.layerElement=null,this.matteElement=null,this.maskManager.destroy()},getBaseElement:function(){return this.data.hd?null:this.baseElement},createRenderableComponents:function(){this.maskManager=new MaskElement(this.data,this,this.globalData),this.renderableEffectsManager=new SVGEffects(this)},setMatte:function(t){this.matteElement&&this.matteElement.setAttribute("mask","url("+locationHref+"#"+t+")")}},IShapeElement.prototype={addShapeToModifiers:function(t){var e,r=this.shapeModifiers.length;for(e=0;e<r;e+=1)this.shapeModifiers[e].addShape(t)},isShapeInAnimatedModifiers:function(t){for(var e=this.shapeModifiers.length;0<e;)if(this.shapeModifiers[0].isAnimatedWithShape(t))return!0;return!1},renderModifiers:function(){if(this.shapeModifiers.length){var t,e=this.shapes.length;for(t=0;t<e;t+=1)this.shapes[t].sh.reset();for(t=(e=this.shapeModifiers.length)-1;0<=t;t-=1)this.shapeModifiers[t].processShapes(this._isFirstFrame)}},lcEnum:{1:"butt",2:"round",3:"square"},ljEnum:{1:"miter",2:"round",3:"bevel"},searchProcessedElement:function(t){for(var e=this.processedElements,r=0,i=e.length;r<i;){if(e[r].elem===t)return e[r].pos;r+=1}return 0},addProcessedElement:function(t,e){for(var r=this.processedElements,i=r.length;i;)if(r[i-=1].elem===t)return void(r[i].pos=e);r.push(new ProcessedElement(t,e))},prepareFrame:function(t){this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange)}},ITextElement.prototype.initElement=function(t,e,r){this.lettersChangedFlag=!0,this.initFrame(),this.initBaseData(t,e,r),this.textProperty=new TextProperty(this,t.t,this.dynamicProperties),this.textAnimator=new TextAnimatorProperty(t.t,this.renderType,this),this.initTransform(t,e,r),this.initHierarchy(),this.initRenderable(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),this.createContent(),this.hide(),this.textAnimator.searchProperties(this.dynamicProperties)},ITextElement.prototype.prepareFrame=function(t){this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),(this.textProperty._mdf||this.textProperty._isFirstFrame)&&(this.buildNewText(),this.textProperty._isFirstFrame=!1,this.textProperty._mdf=!1)},ITextElement.prototype.createPathShape=function(t,e){var r,i,s=e.length,a="";for(r=0;r<s;r+=1)i=e[r].ks.k,a+=buildShapeString(i,i.i.length,!0,t);return a},ITextElement.prototype.updateDocumentData=function(t,e){this.textProperty.updateDocumentData(t,e)},ITextElement.prototype.canResizeFont=function(t){this.textProperty.canResizeFont(t)},ITextElement.prototype.setMinimumFontSize=function(t){this.textProperty.setMinimumFontSize(t)},ITextElement.prototype.applyTextPropertiesToMatrix=function(t,e,r,i,s){switch(t.ps&&e.translate(t.ps[0],t.ps[1]+t.ascent,0),e.translate(0,-t.ls,0),t.j){case 1:e.translate(t.justifyOffset+(t.boxWidth-t.lineWidths[r]),0,0);break;case 2:e.translate(t.justifyOffset+(t.boxWidth-t.lineWidths[r])/2,0,0)}e.translate(i,s,0)},ITextElement.prototype.buildColor=function(t){return"rgb("+Math.round(255*t[0])+","+Math.round(255*t[1])+","+Math.round(255*t[2])+")"},ITextElement.prototype.emptyProp=new LetterProps,ITextElement.prototype.destroy=function(){},extendPrototype([BaseElement,TransformElement,HierarchyElement,FrameElement,RenderableDOMElement],ICompElement),ICompElement.prototype.initElement=function(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initTransform(t,e,r),this.initRenderable(),this.initHierarchy(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),!this.data.xt&&e.progressiveLoad||this.buildAllItems(),this.hide()},ICompElement.prototype.prepareFrame=function(t){if(this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),this.isInRange||this.data.xt){if(this.tm._placeholder)this.renderedFrame=t/this.data.sr;else{var e=this.tm.v;e===this.data.op&&(e=this.data.op-1),this.renderedFrame=e}var r,i=this.elements.length;for(this.completeLayers||this.checkLayers(this.renderedFrame),r=i-1;0<=r;r-=1)(this.completeLayers||this.elements[r])&&(this.elements[r].prepareFrame(this.renderedFrame-this.layers[r].st),this.elements[r]._mdf&&(this._mdf=!0))}},ICompElement.prototype.renderInnerContent=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)(this.completeLayers||this.elements[t])&&this.elements[t].renderFrame()},ICompElement.prototype.setElements=function(t){this.elements=t},ICompElement.prototype.getElements=function(){return this.elements},ICompElement.prototype.destroyElements=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)this.elements[t]&&this.elements[t].destroy()},ICompElement.prototype.destroy=function(){this.destroyElements(),this.destroyBaseElement()},extendPrototype([BaseElement,TransformElement,SVGBaseElement,HierarchyElement,FrameElement,RenderableDOMElement],IImageElement),IImageElement.prototype.createContent=function(){var t=this.globalData.getAssetsPath(this.assetData);this.innerElem=createNS("image"),this.innerElem.setAttribute("width",this.assetData.w+"px"),this.innerElem.setAttribute("height",this.assetData.h+"px"),this.innerElem.setAttribute("preserveAspectRatio",this.assetData.pr||this.globalData.renderConfig.imagePreserveAspectRatio),this.innerElem.setAttributeNS("http://www.w3.org/1999/xlink","href",t),this.layerElement.appendChild(this.innerElem)},extendPrototype([IImageElement],ISolidElement),ISolidElement.prototype.createContent=function(){var t=createNS("rect");t.setAttribute("width",this.data.sw),t.setAttribute("height",this.data.sh),t.setAttribute("fill",this.data.sc),this.layerElement.appendChild(t)},extendPrototype([SVGRenderer,ICompElement,SVGBaseElement],SVGCompElement),extendPrototype([BaseElement,TransformElement,SVGBaseElement,HierarchyElement,FrameElement,RenderableDOMElement,ITextElement],SVGTextElement),SVGTextElement.prototype.createContent=function(){this.data.singleShape&&!this.globalData.fontManager.chars&&(this.textContainer=createNS("text"))},SVGTextElement.prototype.buildTextContents=function(t){for(var e=0,r=t.length,i=[],s="";e<r;)t[e]===String.fromCharCode(13)||t[e]===String.fromCharCode(3)?(i.push(s),s=""):s+=t[e],e+=1;return i.push(s),i},SVGTextElement.prototype.buildNewText=function(){var t,e,r=this.textProperty.currentData;this.renderedLetters=createSizedArray(r?r.l.length:0),r.fc?this.layerElement.setAttribute("fill",this.buildColor(r.fc)):this.layerElement.setAttribute("fill","rgba(0,0,0,0)"),r.sc&&(this.layerElement.setAttribute("stroke",this.buildColor(r.sc)),this.layerElement.setAttribute("stroke-width",r.sw)),this.layerElement.setAttribute("font-size",r.finalSize);var i=this.globalData.fontManager.getFontByName(r.f);if(i.fClass)this.layerElement.setAttribute("class",i.fClass);else{this.layerElement.setAttribute("font-family",i.fFamily);var s=r.fWeight,a=r.fStyle;this.layerElement.setAttribute("font-style",a),this.layerElement.setAttribute("font-weight",s)}var n,o=r.l||[],h=!!this.globalData.fontManager.chars;e=o.length;var l,p=this.mHelper,m="",f=this.data.singleShape,c=0,d=0,u=!0,y=r.tr/1e3*r.finalSize;if(!f||h||r.sz){var g,v,b=this.textSpans.length;for(t=0;t<e;t+=1)h&&f&&0!==t||(n=t<b?this.textSpans[t]:createNS(h?"path":"text"),b<=t&&(n.setAttribute("stroke-linecap","butt"),n.setAttribute("stroke-linejoin","round"),n.setAttribute("stroke-miterlimit","4"),this.textSpans[t]=n,this.layerElement.appendChild(n)),n.style.display="inherit"),p.reset(),p.scale(r.finalSize/100,r.finalSize/100),f&&(o[t].n&&(c=-y,d+=r.yOffset,d+=u?1:0,u=!1),this.applyTextPropertiesToMatrix(r,p,o[t].line,c,d),c+=o[t].l||0,c+=y),h?(l=(g=(v=this.globalData.fontManager.getCharData(r.finalText[t],i.fStyle,this.globalData.fontManager.getFontByName(r.f).fFamily))&&v.data||{}).shapes?g.shapes[0].it:[],f?m+=this.createPathShape(p,l):n.setAttribute("d",this.createPathShape(p,l))):(f&&n.setAttribute("transform","translate("+p.props[12]+","+p.props[13]+")"),n.textContent=o[t].val,n.setAttributeNS("http://www.w3.org/XML/1998/namespace","xml:space","preserve"));f&&n&&n.setAttribute("d",m)}else{var x=this.textContainer,E="start";switch(r.j){case 1:E="end";break;case 2:E="middle"}x.setAttribute("text-anchor",E),x.setAttribute("letter-spacing",y);var P=this.buildTextContents(r.finalText);for(e=P.length,d=r.ps?r.ps[1]+r.ascent:0,t=0;t<e;t+=1)(n=this.textSpans[t]||createNS("tspan")).textContent=P[t],n.setAttribute("x",0),n.setAttribute("y",d),n.style.display="inherit",x.appendChild(n),this.textSpans[t]=n,d+=r.finalLineHeight;this.layerElement.appendChild(x)}for(;t<this.textSpans.length;)this.textSpans[t].style.display="none",t+=1;this._sizeChanged=!0},SVGTextElement.prototype.sourceRectAtTime=function(t){if(this.prepareFrame(this.comp.renderedFrame-this.data.st),this.renderInnerContent(),this._sizeChanged){this._sizeChanged=!1;var e=this.layerElement.getBBox();this.bbox={top:e.y,left:e.x,width:e.width,height:e.height}}return this.bbox},SVGTextElement.prototype.renderInnerContent=function(){if(!this.data.singleShape&&(this.textAnimator.getMeasures(this.textProperty.currentData,this.lettersChangedFlag),this.lettersChangedFlag||this.textAnimator.lettersChangedFlag)){var t,e;this._sizeChanged=!0;var r,i,s=this.textAnimator.renderedLetters,a=this.textProperty.currentData.l;for(e=a.length,t=0;t<e;t+=1)a[t].n||(r=s[t],i=this.textSpans[t],r._mdf.m&&i.setAttribute("transform",r.m),r._mdf.o&&i.setAttribute("opacity",r.o),r._mdf.sw&&i.setAttribute("stroke-width",r.sw),r._mdf.sc&&i.setAttribute("stroke",r.sc),r._mdf.fc&&i.setAttribute("fill",r.fc))}},extendPrototype([BaseElement,TransformElement,SVGBaseElement,IShapeElement,HierarchyElement,FrameElement,RenderableDOMElement],SVGShapeElement),SVGShapeElement.prototype.initSecondaryElement=function(){},SVGShapeElement.prototype.identityMatrix=new Matrix,SVGShapeElement.prototype.buildExpressionInterface=function(){},SVGShapeElement.prototype.createContent=function(){this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes()},SVGShapeElement.prototype.filterUniqueShapes=function(){var t,e,r,i,s=this.shapes.length,a=this.stylesList.length,n=[],o=!1;for(r=0;r<a;r+=1){for(i=this.stylesList[r],o=!1,t=n.length=0;t<s;t+=1)-1!==(e=this.shapes[t]).styles.indexOf(i)&&(n.push(e),o=e._isAnimated||o);1<n.length&&o&&this.setShapesAsAnimated(n)}},SVGShapeElement.prototype.setShapesAsAnimated=function(t){var e,r=t.length;for(e=0;e<r;e+=1)t[e].setAsAnimated()},SVGShapeElement.prototype.createStyleElement=function(t,e){var r,i=new SVGStyleData(t,e),s=i.pElem;if("st"===t.ty)r=new SVGStrokeStyleData(this,t,i);else if("fl"===t.ty)r=new SVGFillStyleData(this,t,i);else if("gf"===t.ty||"gs"===t.ty){r=new("gf"===t.ty?SVGGradientFillStyleData:SVGGradientStrokeStyleData)(this,t,i),this.globalData.defs.appendChild(r.gf),r.maskId&&(this.globalData.defs.appendChild(r.ms),this.globalData.defs.appendChild(r.of),s.setAttribute("mask","url("+locationHref+"#"+r.maskId+")"))}return"st"!==t.ty&&"gs"!==t.ty||(s.setAttribute("stroke-linecap",this.lcEnum[t.lc]||"round"),s.setAttribute("stroke-linejoin",this.ljEnum[t.lj]||"round"),s.setAttribute("fill-opacity","0"),1===t.lj&&s.setAttribute("stroke-miterlimit",t.ml)),2===t.r&&s.setAttribute("fill-rule","evenodd"),t.ln&&s.setAttribute("id",t.ln),t.cl&&s.setAttribute("class",t.cl),this.stylesList.push(i),this.addToAnimatedContents(t,r),r},SVGShapeElement.prototype.createGroupElement=function(t){var e=new ShapeGroupData;return t.ln&&e.gr.setAttribute("id",t.ln),t.cl&&e.gr.setAttribute("class",t.cl),e},SVGShapeElement.prototype.createTransformElement=function(t,e){var r=TransformPropertyFactory.getTransformProperty(this,t,this),i=new SVGTransformData(r,r.o,e);return this.addToAnimatedContents(t,i),i},SVGShapeElement.prototype.createShapeElement=function(t,e,r){var i=4;"rc"===t.ty?i=5:"el"===t.ty?i=6:"sr"===t.ty&&(i=7);var s=new SVGShapeData(e,r,ShapePropertyFactory.getShapeProp(this,t,i,this));return this.shapes.push(s),this.addShapeToModifiers(s),this.addToAnimatedContents(t,s),s},SVGShapeElement.prototype.addToAnimatedContents=function(t,e){for(var r=0,i=this.animatedContents.length;r<i;){if(this.animatedContents[r].element===e)return;r+=1}this.animatedContents.push({fn:SVGElementsRenderer.createRenderFunction(t),element:e,data:t})},SVGShapeElement.prototype.setElementStyles=function(t){var e,r=t.styles,i=this.stylesList.length;for(e=0;e<i;e+=1)this.stylesList[e].closed||r.push(this.stylesList[e])},SVGShapeElement.prototype.reloadShapes=function(){this._isFirstFrame=!0;var t,e=this.itemsData.length;for(t=0;t<e;t+=1)this.prevViewData[t]=this.itemsData[t];for(this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes(),e=this.dynamicProperties.length,t=0;t<e;t+=1)this.dynamicProperties[t].getValue();this.renderModifiers()},SVGShapeElement.prototype.searchShapes=function(t,e,r,i,s,a,n){var o,h,l,p,m,f,c=[].concat(a),d=t.length-1,u=[],y=[];for(o=d;0<=o;o-=1){if((f=this.searchProcessedElement(t[o]))?e[o]=r[f-1]:t[o]._render=n,"fl"==t[o].ty||"st"==t[o].ty||"gf"==t[o].ty||"gs"==t[o].ty)f?e[o].style.closed=!1:e[o]=this.createStyleElement(t[o],s),t[o]._render&&i.appendChild(e[o].style.pElem),u.push(e[o].style);else if("gr"==t[o].ty){if(f)for(l=e[o].it.length,h=0;h<l;h+=1)e[o].prevViewData[h]=e[o].it[h];else e[o]=this.createGroupElement(t[o]);this.searchShapes(t[o].it,e[o].it,e[o].prevViewData,e[o].gr,s+1,c,n),t[o]._render&&i.appendChild(e[o].gr)}else"tr"==t[o].ty?(f||(e[o]=this.createTransformElement(t[o],i)),p=e[o].transform,c.push(p)):"sh"==t[o].ty||"rc"==t[o].ty||"el"==t[o].ty||"sr"==t[o].ty?(f||(e[o]=this.createShapeElement(t[o],c,s)),this.setElementStyles(e[o])):"tm"==t[o].ty||"rd"==t[o].ty||"ms"==t[o].ty?(f?(m=e[o]).closed=!1:((m=ShapeModifiers.getModifier(t[o].ty)).init(this,t[o]),e[o]=m,this.shapeModifiers.push(m)),y.push(m)):"rp"==t[o].ty&&(f?(m=e[o]).closed=!0:(m=ShapeModifiers.getModifier(t[o].ty),(e[o]=m).init(this,t,o,e),this.shapeModifiers.push(m),n=!1),y.push(m));this.addProcessedElement(t[o],o+1)}for(d=u.length,o=0;o<d;o+=1)u[o].closed=!0;for(d=y.length,o=0;o<d;o+=1)y[o].closed=!0},SVGShapeElement.prototype.renderInnerContent=function(){this.renderModifiers();var t,e=this.stylesList.length;for(t=0;t<e;t+=1)this.stylesList[t].reset();for(this.renderShape(),t=0;t<e;t+=1)(this.stylesList[t]._mdf||this._isFirstFrame)&&(this.stylesList[t].msElem&&(this.stylesList[t].msElem.setAttribute("d",this.stylesList[t].d),this.stylesList[t].d="M0 0"+this.stylesList[t].d),this.stylesList[t].pElem.setAttribute("d",this.stylesList[t].d||"M0 0"))},SVGShapeElement.prototype.renderShape=function(){var t,e,r=this.animatedContents.length;for(t=0;t<r;t+=1)e=this.animatedContents[t],(this._isFirstFrame||e.element._isAnimated)&&!0!==e.data&&e.fn(e.data,e.element,this._isFirstFrame)},SVGShapeElement.prototype.destroy=function(){this.destroyBaseElement(),this.shapesData=null,this.itemsData=null},SVGTintFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[0].p.v,r=this.filterManager.effectElements[1].p.v,i=this.filterManager.effectElements[2].p.v/100;this.matrixFilter.setAttribute("values",r[0]-e[0]+" 0 0 0 "+e[0]+" "+(r[1]-e[1])+" 0 0 0 "+e[1]+" "+(r[2]-e[2])+" 0 0 0 "+e[2]+" 0 0 0 "+i+" 0")}},SVGFillFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[2].p.v,r=this.filterManager.effectElements[6].p.v;this.matrixFilter.setAttribute("values","0 0 0 0 "+e[0]+" 0 0 0 0 "+e[1]+" 0 0 0 0 "+e[2]+" 0 0 0 "+r+" 0")}},SVGStrokeEffect.prototype.initialize=function(){var t,e,r,i,s=this.elem.layerElement.children||this.elem.layerElement.childNodes;for(1===this.filterManager.effectElements[1].p.v?(i=this.elem.maskManager.masksProperties.length,r=0):i=(r=this.filterManager.effectElements[0].p.v-1)+1,(e=createNS("g")).setAttribute("fill","none"),e.setAttribute("stroke-linecap","round"),e.setAttribute("stroke-dashoffset",1);r<i;r+=1)t=createNS("path"),e.appendChild(t),this.paths.push({p:t,m:r});if(3===this.filterManager.effectElements[10].p.v){var a=createNS("mask"),n="stms_"+randomString(10);a.setAttribute("id",n),a.setAttribute("mask-type","alpha"),a.appendChild(e),this.elem.globalData.defs.appendChild(a);var o=createNS("g");for(o.setAttribute("mask","url("+locationHref+"#"+n+")");s[0];)o.appendChild(s[0]);this.elem.layerElement.appendChild(o),this.masker=a,e.setAttribute("stroke","#fff")}else if(1===this.filterManager.effectElements[10].p.v||2===this.filterManager.effectElements[10].p.v){if(2===this.filterManager.effectElements[10].p.v)for(s=this.elem.layerElement.children||this.elem.layerElement.childNodes;s.length;)this.elem.layerElement.removeChild(s[0]);this.elem.layerElement.appendChild(e),this.elem.layerElement.removeAttribute("mask"),e.setAttribute("stroke","#fff")}this.initialized=!0,this.pathMasker=e},SVGStrokeEffect.prototype.renderFrame=function(t){this.initialized||this.initialize();var e,r,i,s=this.paths.length;for(e=0;e<s;e+=1)if(-1!==this.paths[e].m&&(r=this.elem.maskManager.viewData[this.paths[e].m],i=this.paths[e].p,(t||this.filterManager._mdf||r.prop._mdf)&&i.setAttribute("d",r.lastPath),t||this.filterManager.effectElements[9].p._mdf||this.filterManager.effectElements[4].p._mdf||this.filterManager.effectElements[7].p._mdf||this.filterManager.effectElements[8].p._mdf||r.prop._mdf)){var a;if(0!==this.filterManager.effectElements[7].p.v||100!==this.filterManager.effectElements[8].p.v){var n=Math.min(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v)/100,o=Math.max(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v)/100,h=i.getTotalLength();a="0 0 0 "+h*n+" ";var l,p=h*(o-n),m=1+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v/100,f=Math.floor(p/m);for(l=0;l<f;l+=1)a+="1 "+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v/100+" ";a+="0 "+10*h+" 0 0"}else a="1 "+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v/100;i.setAttribute("stroke-dasharray",a)}if((t||this.filterManager.effectElements[4].p._mdf)&&this.pathMasker.setAttribute("stroke-width",2*this.filterManager.effectElements[4].p.v),(t||this.filterManager.effectElements[6].p._mdf)&&this.pathMasker.setAttribute("opacity",this.filterManager.effectElements[6].p.v),(1===this.filterManager.effectElements[10].p.v||2===this.filterManager.effectElements[10].p.v)&&(t||this.filterManager.effectElements[3].p._mdf)){var c=this.filterManager.effectElements[3].p.v;this.pathMasker.setAttribute("stroke","rgb("+bm_floor(255*c[0])+","+bm_floor(255*c[1])+","+bm_floor(255*c[2])+")")}},SVGTritoneFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[0].p.v,r=this.filterManager.effectElements[1].p.v,i=this.filterManager.effectElements[2].p.v,s=i[0]+" "+r[0]+" "+e[0],a=i[1]+" "+r[1]+" "+e[1],n=i[2]+" "+r[2]+" "+e[2];this.feFuncR.setAttribute("tableValues",s),this.feFuncG.setAttribute("tableValues",a),this.feFuncB.setAttribute("tableValues",n)}},SVGProLevelsFilter.prototype.createFeFunc=function(t,e){var r=createNS(t);return r.setAttribute("type","table"),e.appendChild(r),r},SVGProLevelsFilter.prototype.getTableValue=function(t,e,r,i,s){for(var a,n,o=0,h=Math.min(t,e),l=Math.max(t,e),p=Array.call(null,{length:256}),m=0,f=s-i,c=e-t;o<=256;)n=(a=o/256)<=h?c<0?s:i:l<=a?c<0?i:s:i+f*Math.pow((a-t)/c,1/r),p[m++]=n,o+=256/255;return p.join(" ")},SVGProLevelsFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e,r=this.filterManager.effectElements;this.feFuncRComposed&&(t||r[3].p._mdf||r[4].p._mdf||r[5].p._mdf||r[6].p._mdf||r[7].p._mdf)&&(e=this.getTableValue(r[3].p.v,r[4].p.v,r[5].p.v,r[6].p.v,r[7].p.v),this.feFuncRComposed.setAttribute("tableValues",e),this.feFuncGComposed.setAttribute("tableValues",e),this.feFuncBComposed.setAttribute("tableValues",e)),this.feFuncR&&(t||r[10].p._mdf||r[11].p._mdf||r[12].p._mdf||r[13].p._mdf||r[14].p._mdf)&&(e=this.getTableValue(r[10].p.v,r[11].p.v,r[12].p.v,r[13].p.v,r[14].p.v),this.feFuncR.setAttribute("tableValues",e)),this.feFuncG&&(t||r[17].p._mdf||r[18].p._mdf||r[19].p._mdf||r[20].p._mdf||r[21].p._mdf)&&(e=this.getTableValue(r[17].p.v,r[18].p.v,r[19].p.v,r[20].p.v,r[21].p.v),this.feFuncG.setAttribute("tableValues",e)),this.feFuncB&&(t||r[24].p._mdf||r[25].p._mdf||r[26].p._mdf||r[27].p._mdf||r[28].p._mdf)&&(e=this.getTableValue(r[24].p.v,r[25].p.v,r[26].p.v,r[27].p.v,r[28].p.v),this.feFuncB.setAttribute("tableValues",e)),this.feFuncA&&(t||r[31].p._mdf||r[32].p._mdf||r[33].p._mdf||r[34].p._mdf||r[35].p._mdf)&&(e=this.getTableValue(r[31].p.v,r[32].p.v,r[33].p.v,r[34].p.v,r[35].p.v),this.feFuncA.setAttribute("tableValues",e))}},SVGDropShadowEffect.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){if((t||this.filterManager.effectElements[4].p._mdf)&&this.feGaussianBlur.setAttribute("stdDeviation",this.filterManager.effectElements[4].p.v/4),t||this.filterManager.effectElements[0].p._mdf){var e=this.filterManager.effectElements[0].p.v;this.feFlood.setAttribute("flood-color",rgbToHex(Math.round(255*e[0]),Math.round(255*e[1]),Math.round(255*e[2])))}if((t||this.filterManager.effectElements[1].p._mdf)&&this.feFlood.setAttribute("flood-opacity",this.filterManager.effectElements[1].p.v/255),t||this.filterManager.effectElements[2].p._mdf||this.filterManager.effectElements[3].p._mdf){var r=this.filterManager.effectElements[3].p.v,i=(this.filterManager.effectElements[2].p.v-90)*degToRads,s=r*Math.cos(i),a=r*Math.sin(i);this.feOffset.setAttribute("dx",s),this.feOffset.setAttribute("dy",a)}}};var _svgMatteSymbols=[],_svgMatteMaskCounter=0;function SVGMatte3Effect(t,e,r){this.initialized=!1,this.filterManager=e,this.filterElem=t,(this.elem=r).matteElement=createNS("g"),r.matteElement.appendChild(r.layerElement),r.matteElement.appendChild(r.transformedElement),r.baseElement=r.matteElement}function SVGEffects(t){var e,r,i=t.data.ef?t.data.ef.length:0,s=randomString(10),a=filtersFactory.createFilter(s),n=0;for(this.filters=[],e=0;e<i;e+=1)r=null,20===t.data.ef[e].ty?(n+=1,r=new SVGTintFilter(a,t.effectsManager.effectElements[e])):21===t.data.ef[e].ty?(n+=1,r=new SVGFillFilter(a,t.effectsManager.effectElements[e])):22===t.data.ef[e].ty?r=new SVGStrokeEffect(t,t.effectsManager.effectElements[e]):23===t.data.ef[e].ty?(n+=1,r=new SVGTritoneFilter(a,t.effectsManager.effectElements[e])):24===t.data.ef[e].ty?(n+=1,r=new SVGProLevelsFilter(a,t.effectsManager.effectElements[e])):25===t.data.ef[e].ty?(n+=1,r=new SVGDropShadowEffect(a,t.effectsManager.effectElements[e])):28===t.data.ef[e].ty&&(r=new SVGMatte3Effect(a,t.effectsManager.effectElements[e],t)),r&&this.filters.push(r);n&&(t.globalData.defs.appendChild(a),t.layerElement.setAttribute("filter","url("+locationHref+"#"+s+")")),this.filters.length&&t.addRenderableComponent(this)}function CVContextData(){this.saved=[],this.cArrPos=0,this.cTr=new Matrix,this.cO=1;var t;for(this.savedOp=createTypedArray("float32",15),t=0;t<15;t+=1)this.saved[t]=createTypedArray("float32",16);this._length=15}function CVBaseElement(){}function CVImageElement(t,e,r){this.failed=!1,this.assetData=e.getAssetData(t.refId),this.img=e.imageLoader.getImage(this.assetData),this.initElement(t,e,r)}function CVCompElement(t,e,r){this.completeLayers=!1,this.layers=t.layers,this.pendingElements=[],this.elements=createSizedArray(this.layers.length),this.initElement(t,e,r),this.tm=t.tm?PropertyFactory.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function CVMaskElement(t,e){this.data=t,this.element=e,this.masksProperties=this.data.masksProperties||[],this.viewData=createSizedArray(this.masksProperties.length);var r,i=this.masksProperties.length,s=!1;for(r=0;r<i;r++)"n"!==this.masksProperties[r].mode&&(s=!0),this.viewData[r]=ShapePropertyFactory.getShapeProp(this.element,this.masksProperties[r],3);(this.hasMasks=s)&&this.element.addRenderableComponent(this)}function CVShapeElement(t,e,r){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.itemsData=[],this.prevViewData=[],this.shapeModifiers=[],this.processedElements=[],this.transformsManager=new ShapeTransformManager,this.initElement(t,e,r)}function CVSolidElement(t,e,r){this.initElement(t,e,r)}function CVTextElement(t,e,r){this.textSpans=[],this.yOffset=0,this.fillColorAnim=!1,this.strokeColorAnim=!1,this.strokeWidthAnim=!1,this.stroke=!1,this.fill=!1,this.justifyOffset=0,this.currentRender=null,this.renderType="canvas",this.values={fill:"rgba(0,0,0,0)",stroke:"rgba(0,0,0,0)",sWidth:0,fValue:""},this.initElement(t,e,r)}function CVEffects(){}function HBaseElement(t,e,r){}function HSolidElement(t,e,r){this.initElement(t,e,r)}function HCompElement(t,e,r){this.layers=t.layers,this.supports3d=!t.hasMask,this.completeLayers=!1,this.pendingElements=[],this.elements=this.layers?createSizedArray(this.layers.length):[],this.initElement(t,e,r),this.tm=t.tm?PropertyFactory.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function HShapeElement(t,e,r){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.shapeModifiers=[],this.itemsData=[],this.processedElements=[],this.animatedContents=[],this.shapesContainer=createNS("g"),this.initElement(t,e,r),this.prevViewData=[],this.currentBBox={x:999999,y:-999999,h:0,w:0}}function HTextElement(t,e,r){this.textSpans=[],this.textPaths=[],this.currentBBox={x:999999,y:-999999,h:0,w:0},this.renderType="svg",this.isMasked=!1,this.initElement(t,e,r)}function HImageElement(t,e,r){this.assetData=e.getAssetData(t.refId),this.initElement(t,e,r)}function HCameraElement(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initHierarchy();var i=PropertyFactory.getProp;if(this.pe=i(this,t.pe,0,0,this),t.ks.p.s?(this.px=i(this,t.ks.p.x,1,0,this),this.py=i(this,t.ks.p.y,1,0,this),this.pz=i(this,t.ks.p.z,1,0,this)):this.p=i(this,t.ks.p,1,0,this),t.ks.a&&(this.a=i(this,t.ks.a,1,0,this)),t.ks.or.k.length&&t.ks.or.k[0].to){var s,a=t.ks.or.k.length;for(s=0;s<a;s+=1)t.ks.or.k[s].to=null,t.ks.or.k[s].ti=null}this.or=i(this,t.ks.or,1,degToRads,this),this.or.sh=!0,this.rx=i(this,t.ks.rx,0,degToRads,this),this.ry=i(this,t.ks.ry,0,degToRads,this),this.rz=i(this,t.ks.rz,0,degToRads,this),this.mat=new Matrix,this._prevMat=new Matrix,this._isFirstFrame=!0}function HEffects(){}SVGMatte3Effect.prototype.findSymbol=function(t){for(var e=0,r=_svgMatteSymbols.length;e<r;){if(_svgMatteSymbols[e]===t)return _svgMatteSymbols[e];e+=1}return null},SVGMatte3Effect.prototype.replaceInParent=function(t,e){var r=t.layerElement.parentNode;if(r){for(var i,s=r.children,a=0,n=s.length;a<n&&s[a]!==t.layerElement;)a+=1;a<=n-2&&(i=s[a+1]);var o=createNS("use");o.setAttribute("href","#"+e),i?r.insertBefore(o,i):r.appendChild(o)}},SVGMatte3Effect.prototype.setElementAsMask=function(t,e){if(!this.findSymbol(e)){var r="matte_"+randomString(5)+"_"+_svgMatteMaskCounter++,i=createNS("mask");i.setAttribute("id",e.layerId),i.setAttribute("mask-type","alpha"),_svgMatteSymbols.push(e);var s=t.globalData.defs;s.appendChild(i);var a=createNS("symbol");a.setAttribute("id",r),this.replaceInParent(e,r),a.appendChild(e.layerElement),s.appendChild(a);var n=createNS("use");n.setAttribute("href","#"+r),i.appendChild(n),e.data.hd=!1,e.show()}t.setMatte(e.layerId)},SVGMatte3Effect.prototype.initialize=function(){for(var t=this.filterManager.effectElements[0].p.v,e=this.elem.comp.elements,r=0,i=e.length;r<i;)e[r]&&e[r].data.ind===t&&this.setElementAsMask(this.elem,e[r]),r+=1;this.initialized=!0},SVGMatte3Effect.prototype.renderFrame=function(){this.initialized||this.initialize()},SVGEffects.prototype.renderFrame=function(t){var e,r=this.filters.length;for(e=0;e<r;e+=1)this.filters[e].renderFrame(t)},CVContextData.prototype.duplicate=function(){var t=2*this._length,e=this.savedOp;this.savedOp=createTypedArray("float32",t),this.savedOp.set(e);var r=0;for(r=this._length;r<t;r+=1)this.saved[r]=createTypedArray("float32",16);this._length=t},CVContextData.prototype.reset=function(){this.cArrPos=0,this.cTr.reset(),this.cO=1},CVBaseElement.prototype={createElements:function(){},initRendererElement:function(){},createContainerElements:function(){this.canvasContext=this.globalData.canvasContext,this.renderableEffectsManager=new CVEffects(this)},createContent:function(){},setBlendMode:function(){var t=this.globalData;if(t.blendMode!==this.data.bm){t.blendMode=this.data.bm;var e=this.getBlendMode();t.canvasContext.globalCompositeOperation=e}},createRenderableComponents:function(){this.maskManager=new CVMaskElement(this.data,this)},hideElement:function(){this.hidden||this.isInRange&&!this.isTransparent||(this.hidden=!0)},showElement:function(){this.isInRange&&!this.isTransparent&&(this.hidden=!1,this._isFirstFrame=!0,this.maskManager._isFirstFrame=!0)},renderFrame:function(){this.hidden||this.data.hd||(this.renderTransform(),this.renderRenderable(),this.setBlendMode(),this.globalData.renderer.save(),this.globalData.renderer.ctxTransform(this.finalTransform.mat.props),this.globalData.renderer.ctxOpacity(this.finalTransform.mProp.o.v),this.renderInnerContent(),this.globalData.renderer.restore(),this.maskManager.hasMasks&&this.globalData.renderer.restore(!0),this._isFirstFrame&&(this._isFirstFrame=!1))},destroy:function(){this.canvasContext=null,this.data=null,this.globalData=null,this.maskManager.destroy()},mHelper:new Matrix},CVBaseElement.prototype.hide=CVBaseElement.prototype.hideElement,CVBaseElement.prototype.show=CVBaseElement.prototype.showElement,extendPrototype([BaseElement,TransformElement,CVBaseElement,HierarchyElement,FrameElement,RenderableElement],CVImageElement),CVImageElement.prototype.initElement=SVGShapeElement.prototype.initElement,CVImageElement.prototype.prepareFrame=IImageElement.prototype.prepareFrame,CVImageElement.prototype.createContent=function(){if(this.img.width&&(this.assetData.w!==this.img.width||this.assetData.h!==this.img.height)){var t=createTag("canvas");t.width=this.assetData.w,t.height=this.assetData.h;var e,r,i=t.getContext("2d"),s=this.img.width,a=this.img.height,n=s/a,o=this.assetData.w/this.assetData.h,h=this.assetData.pr||this.globalData.renderConfig.imagePreserveAspectRatio;o<n&&"xMidYMid slice"===h||n<o&&"xMidYMid slice"!==h?e=(r=a)*o:r=(e=s)/o,i.drawImage(this.img,(s-e)/2,(a-r)/2,e,r,0,0,this.assetData.w,this.assetData.h),this.img=t}},CVImageElement.prototype.renderInnerContent=function(t){this.failed||this.canvasContext.drawImage(this.img,0,0)},CVImageElement.prototype.destroy=function(){this.img=null},extendPrototype([CanvasRenderer,ICompElement,CVBaseElement],CVCompElement),CVCompElement.prototype.renderInnerContent=function(){var t;for(t=this.layers.length-1;0<=t;t-=1)(this.completeLayers||this.elements[t])&&this.elements[t].renderFrame()},CVCompElement.prototype.destroy=function(){var t;for(t=this.layers.length-1;0<=t;t-=1)this.elements[t]&&this.elements[t].destroy();this.layers=null,this.elements=null},CVMaskElement.prototype.renderFrame=function(){if(this.hasMasks){var t,e,r,i,s=this.element.finalTransform.mat,a=this.element.canvasContext,n=this.masksProperties.length;for(a.beginPath(),t=0;t<n;t++)if("n"!==this.masksProperties[t].mode){this.masksProperties[t].inv&&(a.moveTo(0,0),a.lineTo(this.element.globalData.compSize.w,0),a.lineTo(this.element.globalData.compSize.w,this.element.globalData.compSize.h),a.lineTo(0,this.element.globalData.compSize.h),a.lineTo(0,0)),i=this.viewData[t].v,e=s.applyToPointArray(i.v[0][0],i.v[0][1],0),a.moveTo(e[0],e[1]);var o,h=i._length;for(o=1;o<h;o++)r=s.applyToTriplePoints(i.o[o-1],i.i[o],i.v[o]),a.bezierCurveTo(r[0],r[1],r[2],r[3],r[4],r[5]);r=s.applyToTriplePoints(i.o[o-1],i.i[0],i.v[0]),a.bezierCurveTo(r[0],r[1],r[2],r[3],r[4],r[5])}this.element.globalData.renderer.save(!0),a.clip()}},CVMaskElement.prototype.getMaskProperty=MaskElement.prototype.getMaskProperty,CVMaskElement.prototype.destroy=function(){this.element=null},extendPrototype([BaseElement,TransformElement,CVBaseElement,IShapeElement,HierarchyElement,FrameElement,RenderableElement],CVShapeElement),CVShapeElement.prototype.initElement=RenderableDOMElement.prototype.initElement,CVShapeElement.prototype.transformHelper={opacity:1,_opMdf:!1},CVShapeElement.prototype.dashResetter=[],CVShapeElement.prototype.createContent=function(){this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,!0,[])},CVShapeElement.prototype.createStyleElement=function(t,e){var r={data:t,type:t.ty,preTransforms:this.transformsManager.addTransformSequence(e),transforms:[],elements:[],closed:!0===t.hd},i={};if("fl"==t.ty||"st"==t.ty?(i.c=PropertyFactory.getProp(this,t.c,1,255,this),i.c.k||(r.co="rgb("+bm_floor(i.c.v[0])+","+bm_floor(i.c.v[1])+","+bm_floor(i.c.v[2])+")")):"gf"!==t.ty&&"gs"!==t.ty||(i.s=PropertyFactory.getProp(this,t.s,1,null,this),i.e=PropertyFactory.getProp(this,t.e,1,null,this),i.h=PropertyFactory.getProp(this,t.h||{k:0},0,.01,this),i.a=PropertyFactory.getProp(this,t.a||{k:0},0,degToRads,this),i.g=new GradientProperty(this,t.g,this)),i.o=PropertyFactory.getProp(this,t.o,0,.01,this),"st"==t.ty||"gs"==t.ty){if(r.lc=this.lcEnum[t.lc]||"round",r.lj=this.ljEnum[t.lj]||"round",1==t.lj&&(r.ml=t.ml),i.w=PropertyFactory.getProp(this,t.w,0,null,this),i.w.k||(r.wi=i.w.v),t.d){var s=new DashProperty(this,t.d,"canvas");i.d=s,i.d.k||(r.da=i.d.dashArray,r.do=i.d.dashoffset[0])}}else r.r=2===t.r?"evenodd":"nonzero";return this.stylesList.push(r),i.style=r,i},CVShapeElement.prototype.createGroupElement=function(t){return{it:[],prevViewData:[]}},CVShapeElement.prototype.createTransformElement=function(t){return{transform:{opacity:1,_opMdf:!1,key:this.transformsManager.getNewKey(),op:PropertyFactory.getProp(this,t.o,0,.01,this),mProps:TransformPropertyFactory.getTransformProperty(this,t,this)}}},CVShapeElement.prototype.createShapeElement=function(t){var e=new CVShapeData(this,t,this.stylesList,this.transformsManager);return this.shapes.push(e),this.addShapeToModifiers(e),e},CVShapeElement.prototype.reloadShapes=function(){this._isFirstFrame=!0;var t,e=this.itemsData.length;for(t=0;t<e;t+=1)this.prevViewData[t]=this.itemsData[t];for(this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,!0,[]),e=this.dynamicProperties.length,t=0;t<e;t+=1)this.dynamicProperties[t].getValue();this.renderModifiers(),this.transformsManager.processSequences(this._isFirstFrame)},CVShapeElement.prototype.addTransformToStyleList=function(t){var e,r=this.stylesList.length;for(e=0;e<r;e+=1)this.stylesList[e].closed||this.stylesList[e].transforms.push(t)},CVShapeElement.prototype.removeTransformFromStyleList=function(){var t,e=this.stylesList.length;for(t=0;t<e;t+=1)this.stylesList[t].closed||this.stylesList[t].transforms.pop()},CVShapeElement.prototype.closeStyles=function(t){var e,r=t.length;for(e=0;e<r;e+=1)t[e].closed=!0},CVShapeElement.prototype.searchShapes=function(t,e,r,i,s){var a,n,o,h,l,p,m=t.length-1,f=[],c=[],d=[].concat(s);for(a=m;0<=a;a-=1){if((h=this.searchProcessedElement(t[a]))?e[a]=r[h-1]:t[a]._shouldRender=i,"fl"==t[a].ty||"st"==t[a].ty||"gf"==t[a].ty||"gs"==t[a].ty)h?e[a].style.closed=!1:e[a]=this.createStyleElement(t[a],d),f.push(e[a].style);else if("gr"==t[a].ty){if(h)for(o=e[a].it.length,n=0;n<o;n+=1)e[a].prevViewData[n]=e[a].it[n];else e[a]=this.createGroupElement(t[a]);this.searchShapes(t[a].it,e[a].it,e[a].prevViewData,i,d)}else"tr"==t[a].ty?(h||(p=this.createTransformElement(t[a]),e[a]=p),d.push(e[a]),this.addTransformToStyleList(e[a])):"sh"==t[a].ty||"rc"==t[a].ty||"el"==t[a].ty||"sr"==t[a].ty?h||(e[a]=this.createShapeElement(t[a])):"tm"==t[a].ty||"rd"==t[a].ty?(h?(l=e[a]).closed=!1:((l=ShapeModifiers.getModifier(t[a].ty)).init(this,t[a]),e[a]=l,this.shapeModifiers.push(l)),c.push(l)):"rp"==t[a].ty&&(h?(l=e[a]).closed=!0:(l=ShapeModifiers.getModifier(t[a].ty),(e[a]=l).init(this,t,a,e),this.shapeModifiers.push(l),i=!1),c.push(l));this.addProcessedElement(t[a],a+1)}for(this.removeTransformFromStyleList(),this.closeStyles(f),m=c.length,a=0;a<m;a+=1)c[a].closed=!0},CVShapeElement.prototype.renderInnerContent=function(){this.transformHelper.opacity=1,this.transformHelper._opMdf=!1,this.renderModifiers(),this.transformsManager.processSequences(this._isFirstFrame),this.renderShape(this.transformHelper,this.shapesData,this.itemsData,!0)},CVShapeElement.prototype.renderShapeTransform=function(t,e){(t._opMdf||e.op._mdf||this._isFirstFrame)&&(e.opacity=t.opacity,e.opacity*=e.op.v,e._opMdf=!0)},CVShapeElement.prototype.drawLayer=function(){var t,e,r,i,s,a,n,o,h,l=this.stylesList.length,p=this.globalData.renderer,m=this.globalData.canvasContext;for(t=0;t<l;t+=1)if(("st"!==(o=(h=this.stylesList[t]).type)&&"gs"!==o||0!==h.wi)&&h.data._shouldRender&&0!==h.coOp&&0!==this.globalData.currentGlobalAlpha){for(p.save(),a=h.elements,"st"===o||"gs"===o?(m.strokeStyle="st"===o?h.co:h.grd,m.lineWidth=h.wi,m.lineCap=h.lc,m.lineJoin=h.lj,m.miterLimit=h.ml||0):m.fillStyle="fl"===o?h.co:h.grd,p.ctxOpacity(h.coOp),"st"!==o&&"gs"!==o&&m.beginPath(),p.ctxTransform(h.preTransforms.finalTransform.props),r=a.length,e=0;e<r;e+=1){for("st"!==o&&"gs"!==o||(m.beginPath(),h.da&&(m.setLineDash(h.da),m.lineDashOffset=h.do)),s=(n=a[e].trNodes).length,i=0;i<s;i+=1)"m"==n[i].t?m.moveTo(n[i].p[0],n[i].p[1]):"c"==n[i].t?m.bezierCurveTo(n[i].pts[0],n[i].pts[1],n[i].pts[2],n[i].pts[3],n[i].pts[4],n[i].pts[5]):m.closePath();"st"!==o&&"gs"!==o||(m.stroke(),h.da&&m.setLineDash(this.dashResetter))}"st"!==o&&"gs"!==o&&m.fill(h.r),p.restore()}},CVShapeElement.prototype.renderShape=function(t,e,r,i){var s,a;for(a=t,s=e.length-1;0<=s;s-=1)"tr"==e[s].ty?(a=r[s].transform,this.renderShapeTransform(t,a)):"sh"==e[s].ty||"el"==e[s].ty||"rc"==e[s].ty||"sr"==e[s].ty?this.renderPath(e[s],r[s]):"fl"==e[s].ty?this.renderFill(e[s],r[s],a):"st"==e[s].ty?this.renderStroke(e[s],r[s],a):"gf"==e[s].ty||"gs"==e[s].ty?this.renderGradientFill(e[s],r[s],a):"gr"==e[s].ty?this.renderShape(a,e[s].it,r[s].it):e[s].ty;i&&this.drawLayer()},CVShapeElement.prototype.renderStyledShape=function(t,e){if(this._isFirstFrame||e._mdf||t.transforms._mdf){var r,i,s,a=t.trNodes,n=e.paths,o=n._length;a.length=0;var h=t.transforms.finalTransform;for(s=0;s<o;s+=1){var l=n.shapes[s];if(l&&l.v){for(i=l._length,r=1;r<i;r+=1)1===r&&a.push({t:"m",p:h.applyToPointArray(l.v[0][0],l.v[0][1],0)}),a.push({t:"c",pts:h.applyToTriplePoints(l.o[r-1],l.i[r],l.v[r])});1===i&&a.push({t:"m",p:h.applyToPointArray(l.v[0][0],l.v[0][1],0)}),l.c&&i&&(a.push({t:"c",pts:h.applyToTriplePoints(l.o[r-1],l.i[0],l.v[0])}),a.push({t:"z"}))}}t.trNodes=a}},CVShapeElement.prototype.renderPath=function(t,e){if(!0!==t.hd&&t._shouldRender){var r,i=e.styledShapes.length;for(r=0;r<i;r+=1)this.renderStyledShape(e.styledShapes[r],e.sh)}},CVShapeElement.prototype.renderFill=function(t,e,r){var i=e.style;(e.c._mdf||this._isFirstFrame)&&(i.co="rgb("+bm_floor(e.c.v[0])+","+bm_floor(e.c.v[1])+","+bm_floor(e.c.v[2])+")"),(e.o._mdf||r._opMdf||this._isFirstFrame)&&(i.coOp=e.o.v*r.opacity)},CVShapeElement.prototype.renderGradientFill=function(t,e,r){var i=e.style;if(!i.grd||e.g._mdf||e.s._mdf||e.e._mdf||1!==t.t&&(e.h._mdf||e.a._mdf)){var s=this.globalData.canvasContext,a=e.s.v,n=e.e.v;if(1===t.t)f=s.createLinearGradient(a[0],a[1],n[0],n[1]);else var o=Math.sqrt(Math.pow(a[0]-n[0],2)+Math.pow(a[1]-n[1],2)),h=Math.atan2(n[1]-a[1],n[0]-a[0]),l=o*(1<=e.h.v?.99:e.h.v<=-1?-.99:e.h.v),p=Math.cos(h+e.a.v)*l+a[0],m=Math.sin(h+e.a.v)*l+a[1],f=s.createRadialGradient(p,m,0,a[0],a[1],o);var c,d=t.g.p,u=e.g.c,y=1;for(c=0;c<d;c+=1)e.g._hasOpacity&&e.g._collapsable&&(y=e.g.o[2*c+1]),f.addColorStop(u[4*c]/100,"rgba("+u[4*c+1]+","+u[4*c+2]+","+u[4*c+3]+","+y+")");i.grd=f}i.coOp=e.o.v*r.opacity},CVShapeElement.prototype.renderStroke=function(t,e,r){var i=e.style,s=e.d;s&&(s._mdf||this._isFirstFrame)&&(i.da=s.dashArray,i.do=s.dashoffset[0]),(e.c._mdf||this._isFirstFrame)&&(i.co="rgb("+bm_floor(e.c.v[0])+","+bm_floor(e.c.v[1])+","+bm_floor(e.c.v[2])+")"),(e.o._mdf||r._opMdf||this._isFirstFrame)&&(i.coOp=e.o.v*r.opacity),(e.w._mdf||this._isFirstFrame)&&(i.wi=e.w.v)},CVShapeElement.prototype.destroy=function(){this.shapesData=null,this.globalData=null,this.canvasContext=null,this.stylesList.length=0,this.itemsData.length=0},extendPrototype([BaseElement,TransformElement,CVBaseElement,HierarchyElement,FrameElement,RenderableElement],CVSolidElement),CVSolidElement.prototype.initElement=SVGShapeElement.prototype.initElement,CVSolidElement.prototype.prepareFrame=IImageElement.prototype.prepareFrame,CVSolidElement.prototype.renderInnerContent=function(){var t=this.canvasContext;t.fillStyle=this.data.sc,t.fillRect(0,0,this.data.sw,this.data.sh)},extendPrototype([BaseElement,TransformElement,CVBaseElement,HierarchyElement,FrameElement,RenderableElement,ITextElement],CVTextElement),CVTextElement.prototype.tHelper=createTag("canvas").getContext("2d"),CVTextElement.prototype.buildNewText=function(){var t=this.textProperty.currentData;this.renderedLetters=createSizedArray(t.l?t.l.length:0);var e=!1;t.fc?(e=!0,this.values.fill=this.buildColor(t.fc)):this.values.fill="rgba(0,0,0,0)",this.fill=e;var r=!1;t.sc&&(r=!0,this.values.stroke=this.buildColor(t.sc),this.values.sWidth=t.sw);var i,s,a=this.globalData.fontManager.getFontByName(t.f),n=t.l,o=this.mHelper;this.stroke=r,this.values.fValue=t.finalSize+"px "+this.globalData.fontManager.getFontByName(t.f).fFamily,s=t.finalText.length;var h,l,p,m,f,c,d,u,y,g,v=this.data.singleShape,b=t.tr/1e3*t.finalSize,x=0,E=0,P=!0,S=0;for(i=0;i<s;i+=1){for(l=(h=this.globalData.fontManager.getCharData(t.finalText[i],a.fStyle,this.globalData.fontManager.getFontByName(t.f).fFamily))&&h.data||{},o.reset(),v&&n[i].n&&(x=-b,E+=t.yOffset,E+=P?1:0,P=!1),d=(f=l.shapes?l.shapes[0].it:[]).length,o.scale(t.finalSize/100,t.finalSize/100),v&&this.applyTextPropertiesToMatrix(t,o,n[i].line,x,E),y=createSizedArray(d),c=0;c<d;c+=1){for(m=f[c].ks.k.i.length,u=f[c].ks.k,g=[],p=1;p<m;p+=1)1==p&&g.push(o.applyToX(u.v[0][0],u.v[0][1],0),o.applyToY(u.v[0][0],u.v[0][1],0)),g.push(o.applyToX(u.o[p-1][0],u.o[p-1][1],0),o.applyToY(u.o[p-1][0],u.o[p-1][1],0),o.applyToX(u.i[p][0],u.i[p][1],0),o.applyToY(u.i[p][0],u.i[p][1],0),o.applyToX(u.v[p][0],u.v[p][1],0),o.applyToY(u.v[p][0],u.v[p][1],0));g.push(o.applyToX(u.o[p-1][0],u.o[p-1][1],0),o.applyToY(u.o[p-1][0],u.o[p-1][1],0),o.applyToX(u.i[0][0],u.i[0][1],0),o.applyToY(u.i[0][0],u.i[0][1],0),o.applyToX(u.v[0][0],u.v[0][1],0),o.applyToY(u.v[0][0],u.v[0][1],0)),y[c]=g}v&&(x+=n[i].l,x+=b),this.textSpans[S]?this.textSpans[S].elem=y:this.textSpans[S]={elem:y},S+=1}},CVTextElement.prototype.renderInnerContent=function(){var t,e,r,i,s,a,n=this.canvasContext;this.finalTransform.mat.props;n.font=this.values.fValue,n.lineCap="butt",n.lineJoin="miter",n.miterLimit=4,this.data.singleShape||this.textAnimator.getMeasures(this.textProperty.currentData,this.lettersChangedFlag);var o,h=this.textAnimator.renderedLetters,l=this.textProperty.currentData.l;e=l.length;var p,m,f=null,c=null,d=null;for(t=0;t<e;t+=1)if(!l[t].n){if((o=h[t])&&(this.globalData.renderer.save(),this.globalData.renderer.ctxTransform(o.p),this.globalData.renderer.ctxOpacity(o.o)),this.fill){for(o&&o.fc?f!==o.fc&&(f=o.fc,n.fillStyle=o.fc):f!==this.values.fill&&(f=this.values.fill,n.fillStyle=this.values.fill),i=(p=this.textSpans[t].elem).length,this.globalData.canvasContext.beginPath(),r=0;r<i;r+=1)for(a=(m=p[r]).length,this.globalData.canvasContext.moveTo(m[0],m[1]),s=2;s<a;s+=6)this.globalData.canvasContext.bezierCurveTo(m[s],m[s+1],m[s+2],m[s+3],m[s+4],m[s+5]);this.globalData.canvasContext.closePath(),this.globalData.canvasContext.fill()}if(this.stroke){for(o&&o.sw?d!==o.sw&&(d=o.sw,n.lineWidth=o.sw):d!==this.values.sWidth&&(d=this.values.sWidth,n.lineWidth=this.values.sWidth),o&&o.sc?c!==o.sc&&(c=o.sc,n.strokeStyle=o.sc):c!==this.values.stroke&&(c=this.values.stroke,n.strokeStyle=this.values.stroke),i=(p=this.textSpans[t].elem).length,this.globalData.canvasContext.beginPath(),r=0;r<i;r+=1)for(a=(m=p[r]).length,this.globalData.canvasContext.moveTo(m[0],m[1]),s=2;s<a;s+=6)this.globalData.canvasContext.bezierCurveTo(m[s],m[s+1],m[s+2],m[s+3],m[s+4],m[s+5]);this.globalData.canvasContext.closePath(),this.globalData.canvasContext.stroke()}o&&this.globalData.renderer.restore()}},CVEffects.prototype.renderFrame=function(){},HBaseElement.prototype={checkBlendMode:function(){},initRendererElement:function(){this.baseElement=createTag(this.data.tg||"div"),this.data.hasMask?(this.svgElement=createNS("svg"),this.layerElement=createNS("g"),this.maskedElement=this.layerElement,this.svgElement.appendChild(this.layerElement),this.baseElement.appendChild(this.svgElement)):this.layerElement=this.baseElement,styleDiv(this.baseElement)},createContainerElements:function(){this.renderableEffectsManager=new CVEffects(this),this.transformedElement=this.baseElement,this.maskedElement=this.layerElement,this.data.ln&&this.layerElement.setAttribute("id",this.data.ln),this.data.cl&&this.layerElement.setAttribute("class",this.data.cl),0!==this.data.bm&&this.setBlendMode()},renderElement:function(){this.finalTransform._matMdf&&(this.transformedElement.style.transform=this.transformedElement.style.webkitTransform=this.finalTransform.mat.toCSS()),this.finalTransform._opMdf&&(this.transformedElement.style.opacity=this.finalTransform.mProp.o.v)},renderFrame:function(){this.data.hd||this.hidden||(this.renderTransform(),this.renderRenderable(),this.renderElement(),this.renderInnerContent(),this._isFirstFrame&&(this._isFirstFrame=!1))},destroy:function(){this.layerElement=null,this.transformedElement=null,this.matteElement&&(this.matteElement=null),this.maskManager&&(this.maskManager.destroy(),this.maskManager=null)},createRenderableComponents:function(){this.maskManager=new MaskElement(this.data,this,this.globalData)},addEffects:function(){},setMatte:function(){}},HBaseElement.prototype.getBaseElement=SVGBaseElement.prototype.getBaseElement,HBaseElement.prototype.destroyBaseElement=HBaseElement.prototype.destroy,HBaseElement.prototype.buildElementParenting=HybridRenderer.prototype.buildElementParenting,extendPrototype([BaseElement,TransformElement,HBaseElement,HierarchyElement,FrameElement,RenderableDOMElement],HSolidElement),HSolidElement.prototype.createContent=function(){var t;this.data.hasMask?((t=createNS("rect")).setAttribute("width",this.data.sw),t.setAttribute("height",this.data.sh),t.setAttribute("fill",this.data.sc),this.svgElement.setAttribute("width",this.data.sw),this.svgElement.setAttribute("height",this.data.sh)):((t=createTag("div")).style.width=this.data.sw+"px",t.style.height=this.data.sh+"px",t.style.backgroundColor=this.data.sc),this.layerElement.appendChild(t)},extendPrototype([HybridRenderer,ICompElement,HBaseElement],HCompElement),HCompElement.prototype._createBaseContainerElements=HCompElement.prototype.createContainerElements,HCompElement.prototype.createContainerElements=function(){this._createBaseContainerElements(),this.data.hasMask?(this.svgElement.setAttribute("width",this.data.w),this.svgElement.setAttribute("height",this.data.h),this.transformedElement=this.baseElement):this.transformedElement=this.layerElement},HCompElement.prototype.addTo3dContainer=function(t,e){for(var r,i=0;i<e;)this.elements[i]&&this.elements[i].getBaseElement&&(r=this.elements[i].getBaseElement()),i+=1;r?this.layerElement.insertBefore(t,r):this.layerElement.appendChild(t)},extendPrototype([BaseElement,TransformElement,HSolidElement,SVGShapeElement,HBaseElement,HierarchyElement,FrameElement,RenderableElement],HShapeElement),HShapeElement.prototype._renderShapeFrame=HShapeElement.prototype.renderInnerContent,HShapeElement.prototype.createContent=function(){var t;if(this.baseElement.style.fontSize=0,this.data.hasMask)this.layerElement.appendChild(this.shapesContainer),t=this.svgElement;else{t=createNS("svg");var e=this.comp.data?this.comp.data:this.globalData.compSize;t.setAttribute("width",e.w),t.setAttribute("height",e.h),t.appendChild(this.shapesContainer),this.layerElement.appendChild(t)}this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.shapesContainer,0,[],!0),this.filterUniqueShapes(),this.shapeCont=t},HShapeElement.prototype.getTransformedPoint=function(t,e){var r,i=t.length;for(r=0;r<i;r+=1)e=t[r].mProps.v.applyToPointArray(e[0],e[1],0);return e},HShapeElement.prototype.calculateShapeBoundingBox=function(t,e){var r,i,s,a,n,o=t.sh.v,h=t.transformers,l=o._length;if(!(l<=1)){for(r=0;r<l-1;r+=1)i=this.getTransformedPoint(h,o.v[r]),s=this.getTransformedPoint(h,o.o[r]),a=this.getTransformedPoint(h,o.i[r+1]),n=this.getTransformedPoint(h,o.v[r+1]),this.checkBounds(i,s,a,n,e);o.c&&(i=this.getTransformedPoint(h,o.v[r]),s=this.getTransformedPoint(h,o.o[r]),a=this.getTransformedPoint(h,o.i[0]),n=this.getTransformedPoint(h,o.v[0]),this.checkBounds(i,s,a,n,e))}},HShapeElement.prototype.checkBounds=function(t,e,r,i,s){this.getBoundsOfCurve(t,e,r,i);var a=this.shapeBoundingBox;s.x=bm_min(a.left,s.x),s.xMax=bm_max(a.right,s.xMax),s.y=bm_min(a.top,s.y),s.yMax=bm_max(a.bottom,s.yMax)},HShapeElement.prototype.shapeBoundingBox={left:0,right:0,top:0,bottom:0},HShapeElement.prototype.tempBoundingBox={x:0,xMax:0,y:0,yMax:0,width:0,height:0},HShapeElement.prototype.getBoundsOfCurve=function(t,e,r,i){for(var s,a,n,o,h,l,p,m=[[t[0],i[0]],[t[1],i[1]]],f=0;f<2;++f)if(a=6*t[f]-12*e[f]+6*r[f],s=-3*t[f]+9*e[f]-9*r[f]+3*i[f],n=3*e[f]-3*t[f],a|=0,n|=0,0!==(s|=0))(h=a*a-4*n*s)<0||(0<(l=(-a+bm_sqrt(h))/(2*s))&&l<1&&m[f].push(this.calculateF(l,t,e,r,i,f)),0<(p=(-a-bm_sqrt(h))/(2*s))&&p<1&&m[f].push(this.calculateF(p,t,e,r,i,f)));else{if(0===a)continue;0<(o=-n/a)&&o<1&&m[f].push(this.calculateF(o,t,e,r,i,f))}this.shapeBoundingBox.left=bm_min.apply(null,m[0]),this.shapeBoundingBox.top=bm_min.apply(null,m[1]),this.shapeBoundingBox.right=bm_max.apply(null,m[0]),this.shapeBoundingBox.bottom=bm_max.apply(null,m[1])},HShapeElement.prototype.calculateF=function(t,e,r,i,s,a){return bm_pow(1-t,3)*e[a]+3*bm_pow(1-t,2)*t*r[a]+3*(1-t)*bm_pow(t,2)*i[a]+bm_pow(t,3)*s[a]},HShapeElement.prototype.calculateBoundingBox=function(t,e){var r,i=t.length;for(r=0;r<i;r+=1)t[r]&&t[r].sh?this.calculateShapeBoundingBox(t[r],e):t[r]&&t[r].it&&this.calculateBoundingBox(t[r].it,e)},HShapeElement.prototype.currentBoxContains=function(t){return this.currentBBox.x<=t.x&&this.currentBBox.y<=t.y&&this.currentBBox.width+this.currentBBox.x>=t.x+t.width&&this.currentBBox.height+this.currentBBox.y>=t.y+t.height},HShapeElement.prototype.renderInnerContent=function(){if(this._renderShapeFrame(),!this.hidden&&(this._isFirstFrame||this._mdf)){var t=this.tempBoundingBox,e=999999;if(t.x=e,t.xMax=-e,t.y=e,t.yMax=-e,this.calculateBoundingBox(this.itemsData,t),t.width=t.xMax<t.x?0:t.xMax-t.x,t.height=t.yMax<t.y?0:t.yMax-t.y,this.currentBoxContains(t))return;var r=!1;this.currentBBox.w!==t.width&&(this.currentBBox.w=t.width,this.shapeCont.setAttribute("width",t.width),r=!0),this.currentBBox.h!==t.height&&(this.currentBBox.h=t.height,this.shapeCont.setAttribute("height",t.height),r=!0),(r||this.currentBBox.x!==t.x||this.currentBBox.y!==t.y)&&(this.currentBBox.w=t.width,this.currentBBox.h=t.height,this.currentBBox.x=t.x,this.currentBBox.y=t.y,this.shapeCont.setAttribute("viewBox",this.currentBBox.x+" "+this.currentBBox.y+" "+this.currentBBox.w+" "+this.currentBBox.h),this.shapeCont.style.transform=this.shapeCont.style.webkitTransform="translate("+this.currentBBox.x+"px,"+this.currentBBox.y+"px)")}},extendPrototype([BaseElement,TransformElement,HBaseElement,HierarchyElement,FrameElement,RenderableDOMElement,ITextElement],HTextElement),HTextElement.prototype.createContent=function(){if(this.isMasked=this.checkMasks(),this.isMasked){this.renderType="svg",this.compW=this.comp.data.w,this.compH=this.comp.data.h,this.svgElement.setAttribute("width",this.compW),this.svgElement.setAttribute("height",this.compH);var t=createNS("g");this.maskedElement.appendChild(t),this.innerElem=t}else this.renderType="html",this.innerElem=this.layerElement;this.checkParenting()},HTextElement.prototype.buildNewText=function(){var t=this.textProperty.currentData;this.renderedLetters=createSizedArray(t.l?t.l.length:0);var e=this.innerElem.style;e.color=e.fill=t.fc?this.buildColor(t.fc):"rgba(0,0,0,0)",t.sc&&(e.stroke=this.buildColor(t.sc),e.strokeWidth=t.sw+"px");var r,i,s=this.globalData.fontManager.getFontByName(t.f);if(!this.globalData.fontManager.chars)if(e.fontSize=t.finalSize+"px",e.lineHeight=t.finalSize+"px",s.fClass)this.innerElem.className=s.fClass;else{e.fontFamily=s.fFamily;var a=t.fWeight,n=t.fStyle;e.fontStyle=n,e.fontWeight=a}var o,h,l,p=t.l;i=p.length;var m,f=this.mHelper,c="",d=0;for(r=0;r<i;r+=1){if(this.globalData.fontManager.chars?(this.textPaths[d]?o=this.textPaths[d]:((o=createNS("path")).setAttribute("stroke-linecap","butt"),o.setAttribute("stroke-linejoin","round"),o.setAttribute("stroke-miterlimit","4")),this.isMasked||(this.textSpans[d]?l=(h=this.textSpans[d]).children[0]:(h=createTag("div"),(l=createNS("svg")).appendChild(o),styleDiv(h)))):this.isMasked?o=this.textPaths[d]?this.textPaths[d]:createNS("text"):this.textSpans[d]?(h=this.textSpans[d],o=this.textPaths[d]):(styleDiv(h=createTag("span")),styleDiv(o=createTag("span")),h.appendChild(o)),this.globalData.fontManager.chars){var u,y=this.globalData.fontManager.getCharData(t.finalText[r],s.fStyle,this.globalData.fontManager.getFontByName(t.f).fFamily);if(u=y?y.data:null,f.reset(),u&&u.shapes&&(m=u.shapes[0].it,f.scale(t.finalSize/100,t.finalSize/100),c=this.createPathShape(f,m),o.setAttribute("d",c)),this.isMasked)this.innerElem.appendChild(o);else{if(this.innerElem.appendChild(h),u&&u.shapes){document.body.appendChild(l);var g=l.getBBox();l.setAttribute("width",g.width+2),l.setAttribute("height",g.height+2),l.setAttribute("viewBox",g.x-1+" "+(g.y-1)+" "+(g.width+2)+" "+(g.height+2)),l.style.transform=l.style.webkitTransform="translate("+(g.x-1)+"px,"+(g.y-1)+"px)",p[r].yOffset=g.y-1}else l.setAttribute("width",1),l.setAttribute("height",1);h.appendChild(l)}}else o.textContent=p[r].val,o.setAttributeNS("http://www.w3.org/XML/1998/namespace","xml:space","preserve"),this.isMasked?this.innerElem.appendChild(o):(this.innerElem.appendChild(h),o.style.transform=o.style.webkitTransform="translate3d(0,"+-t.finalSize/1.2+"px,0)");this.isMasked?this.textSpans[d]=o:this.textSpans[d]=h,this.textSpans[d].style.display="block",this.textPaths[d]=o,d+=1}for(;d<this.textSpans.length;)this.textSpans[d].style.display="none",d+=1},HTextElement.prototype.renderInnerContent=function(){if(this.data.singleShape){if(!this._isFirstFrame&&!this.lettersChangedFlag)return;this.isMasked&&this.finalTransform._matMdf&&(this.svgElement.setAttribute("viewBox",-this.finalTransform.mProp.p.v[0]+" "+-this.finalTransform.mProp.p.v[1]+" "+this.compW+" "+this.compH),this.svgElement.style.transform=this.svgElement.style.webkitTransform="translate("+-this.finalTransform.mProp.p.v[0]+"px,"+-this.finalTransform.mProp.p.v[1]+"px)")}if(this.textAnimator.getMeasures(this.textProperty.currentData,this.lettersChangedFlag),this.lettersChangedFlag||this.textAnimator.lettersChangedFlag){var t,e,r,i,s,a=0,n=this.textAnimator.renderedLetters,o=this.textProperty.currentData.l;for(e=o.length,t=0;t<e;t+=1)o[t].n?a+=1:(i=this.textSpans[t],s=this.textPaths[t],r=n[a],a+=1,r._mdf.m&&(this.isMasked?i.setAttribute("transform",r.m):i.style.transform=i.style.webkitTransform=r.m),i.style.opacity=r.o,r.sw&&r._mdf.sw&&s.setAttribute("stroke-width",r.sw),r.sc&&r._mdf.sc&&s.setAttribute("stroke",r.sc),r.fc&&r._mdf.fc&&(s.setAttribute("fill",r.fc),s.style.color=r.fc));if(this.innerElem.getBBox&&!this.hidden&&(this._isFirstFrame||this._mdf)){var h=this.innerElem.getBBox();this.currentBBox.w!==h.width&&(this.currentBBox.w=h.width,this.svgElement.setAttribute("width",h.width)),this.currentBBox.h!==h.height&&(this.currentBBox.h=h.height,this.svgElement.setAttribute("height",h.height));this.currentBBox.w===h.width+2&&this.currentBBox.h===h.height+2&&this.currentBBox.x===h.x-1&&this.currentBBox.y===h.y-1||(this.currentBBox.w=h.width+2,this.currentBBox.h=h.height+2,this.currentBBox.x=h.x-1,this.currentBBox.y=h.y-1,this.svgElement.setAttribute("viewBox",this.currentBBox.x+" "+this.currentBBox.y+" "+this.currentBBox.w+" "+this.currentBBox.h),this.svgElement.style.transform=this.svgElement.style.webkitTransform="translate("+this.currentBBox.x+"px,"+this.currentBBox.y+"px)")}}},extendPrototype([BaseElement,TransformElement,HBaseElement,HSolidElement,HierarchyElement,FrameElement,RenderableElement],HImageElement),HImageElement.prototype.createContent=function(){var t=this.globalData.getAssetsPath(this.assetData),e=new Image;this.data.hasMask?(this.imageElem=createNS("image"),this.imageElem.setAttribute("width",this.assetData.w+"px"),this.imageElem.setAttribute("height",this.assetData.h+"px"),this.imageElem.setAttributeNS("http://www.w3.org/1999/xlink","href",t),this.layerElement.appendChild(this.imageElem),this.baseElement.setAttribute("width",this.assetData.w),this.baseElement.setAttribute("height",this.assetData.h)):this.layerElement.appendChild(e),e.src=t,this.data.ln&&this.baseElement.setAttribute("id",this.data.ln)},extendPrototype([BaseElement,FrameElement,HierarchyElement],HCameraElement),HCameraElement.prototype.setup=function(){var t,e,r=this.comp.threeDElements.length;for(t=0;t<r;t+=1)"3d"===(e=this.comp.threeDElements[t]).type&&(e.perspectiveElem.style.perspective=e.perspectiveElem.style.webkitPerspective=this.pe.v+"px",e.container.style.transformOrigin=e.container.style.mozTransformOrigin=e.container.style.webkitTransformOrigin="0px 0px 0px",e.perspectiveElem.style.transform=e.perspectiveElem.style.webkitTransform="matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)")},HCameraElement.prototype.createElements=function(){},HCameraElement.prototype.hide=function(){},HCameraElement.prototype.renderFrame=function(){var t,e,r=this._isFirstFrame;if(this.hierarchy)for(e=this.hierarchy.length,t=0;t<e;t+=1)r=this.hierarchy[t].finalTransform.mProp._mdf||r;if(r||this.pe._mdf||this.p&&this.p._mdf||this.px&&(this.px._mdf||this.py._mdf||this.pz._mdf)||this.rx._mdf||this.ry._mdf||this.rz._mdf||this.or._mdf||this.a&&this.a._mdf){if(this.mat.reset(),this.hierarchy)for(t=e=this.hierarchy.length-1;0<=t;t-=1){var i=this.hierarchy[t].finalTransform.mProp;this.mat.translate(-i.p.v[0],-i.p.v[1],i.p.v[2]),this.mat.rotateX(-i.or.v[0]).rotateY(-i.or.v[1]).rotateZ(i.or.v[2]),this.mat.rotateX(-i.rx.v).rotateY(-i.ry.v).rotateZ(i.rz.v),this.mat.scale(1/i.s.v[0],1/i.s.v[1],1/i.s.v[2]),this.mat.translate(i.a.v[0],i.a.v[1],i.a.v[2])}if(this.p?this.mat.translate(-this.p.v[0],-this.p.v[1],this.p.v[2]):this.mat.translate(-this.px.v,-this.py.v,this.pz.v),this.a){var s=[this.p.v[0]-this.a.v[0],this.p.v[1]-this.a.v[1],this.p.v[2]-this.a.v[2]],a=Math.sqrt(Math.pow(s[0],2)+Math.pow(s[1],2)+Math.pow(s[2],2)),n=[s[0]/a,s[1]/a,s[2]/a],o=Math.sqrt(n[2]*n[2]+n[0]*n[0]),h=Math.atan2(n[1],o),l=Math.atan2(n[0],-n[2]);this.mat.rotateY(l).rotateX(-h)}this.mat.rotateX(-this.rx.v).rotateY(-this.ry.v).rotateZ(this.rz.v),this.mat.rotateX(-this.or.v[0]).rotateY(-this.or.v[1]).rotateZ(this.or.v[2]),this.mat.translate(this.globalData.compSize.w/2,this.globalData.compSize.h/2,0),this.mat.translate(0,0,this.pe.v);var p=!this._prevMat.equals(this.mat);if((p||this.pe._mdf)&&this.comp.threeDElements){var m;for(e=this.comp.threeDElements.length,t=0;t<e;t+=1)"3d"===(m=this.comp.threeDElements[t]).type&&(p&&(m.container.style.transform=m.container.style.webkitTransform=this.mat.toCSS()),this.pe._mdf&&(m.perspectiveElem.style.perspective=m.perspectiveElem.style.webkitPerspective=this.pe.v+"px"));this.mat.clone(this._prevMat)}}this._isFirstFrame=!1},HCameraElement.prototype.prepareFrame=function(t){this.prepareProperties(t,!0)},HCameraElement.prototype.destroy=function(){},HCameraElement.prototype.initExpressions=function(){},HCameraElement.prototype.getBaseElement=function(){return null},HEffects.prototype.renderFrame=function(){};var animationManager=function(){var t={},s=[],i=0,a=0,n=0,o=!0,h=!1;function r(t){for(var e=0,r=t.target;e<a;)s[e].animation===r&&(s.splice(e,1),e-=1,a-=1,r.isPaused||m()),e+=1}function l(t,e){if(!t)return null;for(var r=0;r<a;){if(s[r].elem==t&&null!==s[r].elem)return s[r].animation;r+=1}var i=new AnimationItem;return f(i,t),i.setData(t,e),i}function p(){n+=1,d()}function m(){n-=1}function f(t,e){t.addEventListener("destroy",r),t.addEventListener("_active",p),t.addEventListener("_idle",m),s.push({elem:e,animation:t}),a+=1}function c(t){var e,r=t-i;for(e=0;e<a;e+=1)s[e].animation.advanceTime(r);i=t,n&&!h?window.requestAnimationFrame(c):o=!0}function e(t){i=t,window.requestAnimationFrame(c)}function d(){!h&&n&&o&&(window.requestAnimationFrame(e),o=!1)}return t.registerAnimation=l,t.loadAnimation=function(t){var e=new AnimationItem;return f(e,null),e.setParams(t),e},t.setSpeed=function(t,e){var r;for(r=0;r<a;r+=1)s[r].animation.setSpeed(t,e)},t.setDirection=function(t,e){var r;for(r=0;r<a;r+=1)s[r].animation.setDirection(t,e)},t.play=function(t){var e;for(e=0;e<a;e+=1)s[e].animation.play(t)},t.pause=function(t){var e;for(e=0;e<a;e+=1)s[e].animation.pause(t)},t.stop=function(t){var e;for(e=0;e<a;e+=1)s[e].animation.stop(t)},t.togglePause=function(t){var e;for(e=0;e<a;e+=1)s[e].animation.togglePause(t)},t.searchAnimations=function(t,e,r){var i,s=[].concat([].slice.call(document.getElementsByClassName("lottie")),[].slice.call(document.getElementsByClassName("bodymovin"))),a=s.length;for(i=0;i<a;i+=1)r&&s[i].setAttribute("data-bm-type",r),l(s[i],t);if(e&&0===a){r||(r="svg");var n=document.getElementsByTagName("body")[0];n.innerHTML="";var o=createTag("div");o.style.width="100%",o.style.height="100%",o.setAttribute("data-bm-type",r),n.appendChild(o),l(o,t)}},t.resize=function(){var t;for(t=0;t<a;t+=1)s[t].animation.resize()},t.goToAndStop=function(t,e,r){var i;for(i=0;i<a;i+=1)s[i].animation.goToAndStop(t,e,r)},t.destroy=function(t){var e;for(e=a-1;0<=e;e-=1)s[e].animation.destroy(t)},t.freeze=function(){h=!0},t.unfreeze=function(){h=!1,d()},t.getRegisteredAnimations=function(){var t,e=s.length,r=[];for(t=0;t<e;t+=1)r.push(s[t].animation);return r},t}(),AnimationItem=function(){this._cbs=[],this.name="",this.path="",this.isLoaded=!1,this.currentFrame=0,this.currentRawFrame=0,this.totalFrames=0,this.frameRate=0,this.frameMult=0,this.playSpeed=1,this.playDirection=1,this.playCount=0,this.animationData={},this.assets=[],this.isPaused=!0,this.autoplay=!1,this.loop=!0,this.renderer=null,this.animationID=randomString(10),this.assetsPath="",this.timeCompleted=0,this.segmentPos=0,this.subframeEnabled=subframeEnabled,this.segments=[],this._idle=!0,this._completedLoop=!1,this.projectInterface=ProjectInterface(),this.imagePreloader=new ImagePreloader};extendPrototype([BaseEvent],AnimationItem),AnimationItem.prototype.setParams=function(t){t.context&&(this.context=t.context),(t.wrapper||t.container)&&(this.wrapper=t.wrapper||t.container);var e=t.animType?t.animType:t.renderer?t.renderer:"svg";switch(e){case"canvas":this.renderer=new CanvasRenderer(this,t.rendererSettings);break;case"svg":this.renderer=new SVGRenderer(this,t.rendererSettings);break;default:this.renderer=new HybridRenderer(this,t.rendererSettings)}this.renderer.setProjectInterface(this.projectInterface),this.animType=e,""===t.loop||null===t.loop||(!1===t.loop?this.loop=!1:!0===t.loop?this.loop=!0:this.loop=parseInt(t.loop)),this.autoplay=!("autoplay"in t)||t.autoplay,this.name=t.name?t.name:"",this.autoloadSegments=!t.hasOwnProperty("autoloadSegments")||t.autoloadSegments,this.assetsPath=t.assetsPath,t.animationData?this.configAnimation(t.animationData):t.path&&("json"!=t.path.substr(-4)&&("/"!=t.path.substr(-1,1)&&(t.path+="/"),t.path+="data.json"),-1!=t.path.lastIndexOf("\\")?this.path=t.path.substr(0,t.path.lastIndexOf("\\")+1):this.path=t.path.substr(0,t.path.lastIndexOf("/")+1),this.fileName=t.path.substr(t.path.lastIndexOf("/")+1),this.fileName=this.fileName.substr(0,this.fileName.lastIndexOf(".json")),assetLoader.load(t.path,this.configAnimation.bind(this),function(){this.trigger("data_failed")}.bind(this)))},AnimationItem.prototype.setData=function(t,e){var r={wrapper:t,animationData:e?"object"==typeof e?e:JSON.parse(e):null},i=t.attributes;r.path=i.getNamedItem("data-animation-path")?i.getNamedItem("data-animation-path").value:i.getNamedItem("data-bm-path")?i.getNamedItem("data-bm-path").value:i.getNamedItem("bm-path")?i.getNamedItem("bm-path").value:"",r.animType=i.getNamedItem("data-anim-type")?i.getNamedItem("data-anim-type").value:i.getNamedItem("data-bm-type")?i.getNamedItem("data-bm-type").value:i.getNamedItem("bm-type")?i.getNamedItem("bm-type").value:i.getNamedItem("data-bm-renderer")?i.getNamedItem("data-bm-renderer").value:i.getNamedItem("bm-renderer")?i.getNamedItem("bm-renderer").value:"canvas";var s=i.getNamedItem("data-anim-loop")?i.getNamedItem("data-anim-loop").value:i.getNamedItem("data-bm-loop")?i.getNamedItem("data-bm-loop").value:i.getNamedItem("bm-loop")?i.getNamedItem("bm-loop").value:"";""===s||(r.loop="false"!==s&&("true"===s||parseInt(s)));var a=i.getNamedItem("data-anim-autoplay")?i.getNamedItem("data-anim-autoplay").value:i.getNamedItem("data-bm-autoplay")?i.getNamedItem("data-bm-autoplay").value:!i.getNamedItem("bm-autoplay")||i.getNamedItem("bm-autoplay").value;r.autoplay="false"!==a,r.name=i.getNamedItem("data-name")?i.getNamedItem("data-name").value:i.getNamedItem("data-bm-name")?i.getNamedItem("data-bm-name").value:i.getNamedItem("bm-name")?i.getNamedItem("bm-name").value:"","false"===(i.getNamedItem("data-anim-prerender")?i.getNamedItem("data-anim-prerender").value:i.getNamedItem("data-bm-prerender")?i.getNamedItem("data-bm-prerender").value:i.getNamedItem("bm-prerender")?i.getNamedItem("bm-prerender").value:"")&&(r.prerender=!1),this.setParams(r)},AnimationItem.prototype.includeLayers=function(t){t.op>this.animationData.op&&(this.animationData.op=t.op,this.totalFrames=Math.floor(t.op-this.animationData.ip));var e,r,i=this.animationData.layers,s=i.length,a=t.layers,n=a.length;for(r=0;r<n;r+=1)for(e=0;e<s;){if(i[e].id==a[r].id){i[e]=a[r];break}e+=1}if((t.chars||t.fonts)&&(this.renderer.globalData.fontManager.addChars(t.chars),this.renderer.globalData.fontManager.addFonts(t.fonts,this.renderer.globalData.defs)),t.assets)for(s=t.assets.length,e=0;e<s;e+=1)this.animationData.assets.push(t.assets[e]);this.animationData.__complete=!1,dataManager.completeData(this.animationData,this.renderer.globalData.fontManager),this.renderer.includeLayers(t.layers),expressionsPlugin&&expressionsPlugin.initExpressions(this),this.loadNextSegment()},AnimationItem.prototype.loadNextSegment=function(){var t=this.animationData.segments;if(!t||0===t.length||!this.autoloadSegments)return this.trigger("data_ready"),void(this.timeCompleted=this.totalFrames);var e=t.shift();this.timeCompleted=e.time*this.frameRate;var r=this.path+this.fileName+"_"+this.segmentPos+".json";this.segmentPos+=1,assetLoader.load(r,this.includeLayers.bind(this),function(){this.trigger("data_failed")}.bind(this))},AnimationItem.prototype.loadSegments=function(){this.animationData.segments||(this.timeCompleted=this.totalFrames),this.loadNextSegment()},AnimationItem.prototype.imagesLoaded=function(){this.trigger("loaded_images"),this.checkLoaded()},AnimationItem.prototype.preloadImages=function(){this.imagePreloader.setAssetsPath(this.assetsPath),this.imagePreloader.setPath(this.path),this.imagePreloader.loadAssets(this.animationData.assets,this.imagesLoaded.bind(this))},AnimationItem.prototype.configAnimation=function(t){this.renderer&&(this.animationData=t,this.totalFrames=Math.floor(this.animationData.op-this.animationData.ip),this.renderer.configAnimation(t),t.assets||(t.assets=[]),this.renderer.searchExtraCompositions(t.assets),this.assets=this.animationData.assets,this.frameRate=this.animationData.fr,this.firstFrame=Math.round(this.animationData.ip),this.frameMult=this.animationData.fr/1e3,this.trigger("config_ready"),this.preloadImages(),this.loadSegments(),this.updaFrameModifier(),this.waitForFontsLoaded())},AnimationItem.prototype.waitForFontsLoaded=function(){this.renderer&&(this.renderer.globalData.fontManager.loaded()?this.checkLoaded():setTimeout(this.waitForFontsLoaded.bind(this),20))},AnimationItem.prototype.checkLoaded=function(){this.isLoaded||!this.renderer.globalData.fontManager.loaded()||!this.imagePreloader.loaded()&&"canvas"===this.renderer.rendererType||(this.isLoaded=!0,dataManager.completeData(this.animationData,this.renderer.globalData.fontManager),expressionsPlugin&&expressionsPlugin.initExpressions(this),this.renderer.initItems(),setTimeout(function(){this.trigger("DOMLoaded")}.bind(this),0),this.gotoFrame(),this.autoplay&&this.play())},AnimationItem.prototype.resize=function(){this.renderer.updateContainerSize()},AnimationItem.prototype.setSubframe=function(t){this.subframeEnabled=!!t},AnimationItem.prototype.gotoFrame=function(){this.currentFrame=this.subframeEnabled?this.currentRawFrame:~~this.currentRawFrame,this.timeCompleted!==this.totalFrames&&this.currentFrame>this.timeCompleted&&(this.currentFrame=this.timeCompleted),this.trigger("enterFrame"),this.renderFrame()},AnimationItem.prototype.renderFrame=function(){!1!==this.isLoaded&&this.renderer.renderFrame(this.currentFrame+this.firstFrame)},AnimationItem.prototype.play=function(t){t&&this.name!=t||!0===this.isPaused&&(this.isPaused=!1,this._idle&&(this._idle=!1,this.trigger("_active")))},AnimationItem.prototype.pause=function(t){t&&this.name!=t||!1===this.isPaused&&(this.isPaused=!0,this._idle=!0,this.trigger("_idle"))},AnimationItem.prototype.togglePause=function(t){t&&this.name!=t||(!0===this.isPaused?this.play():this.pause())},AnimationItem.prototype.stop=function(t){t&&this.name!=t||(this.pause(),this.playCount=0,this._completedLoop=!1,this.setCurrentRawFrameValue(0))},AnimationItem.prototype.goToAndStop=function(t,e,r){r&&this.name!=r||(e?this.setCurrentRawFrameValue(t):this.setCurrentRawFrameValue(t*this.frameModifier),this.pause())},AnimationItem.prototype.goToAndPlay=function(t,e,r){this.goToAndStop(t,e,r),this.play()},AnimationItem.prototype.advanceTime=function(t){if(!0!==this.isPaused&&!1!==this.isLoaded){var e=this.currentRawFrame+t*this.frameModifier,r=!1;e>=this.totalFrames-1&&0<this.frameModifier?this.loop&&this.playCount!==this.loop?e>=this.totalFrames?(this.playCount+=1,this.checkSegments(e%this.totalFrames)||(this.setCurrentRawFrameValue(e%this.totalFrames),this._completedLoop=!0,this.trigger("loopComplete"))):this.setCurrentRawFrameValue(e):this.checkSegments(e>this.totalFrames?e%this.totalFrames:0)||(r=!0,e=this.totalFrames-1):e<0?this.checkSegments(e%this.totalFrames)||(!this.loop||this.playCount--<=0&&!0!==this.loop?(r=!0,e=0):(this.setCurrentRawFrameValue(this.totalFrames+e%this.totalFrames),this._completedLoop?this.trigger("loopComplete"):this._completedLoop=!0)):this.setCurrentRawFrameValue(e),r&&(this.setCurrentRawFrameValue(e),this.pause(),this.trigger("complete"))}},AnimationItem.prototype.adjustSegment=function(t,e){this.playCount=0,t[1]<t[0]?(0<this.frameModifier&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(-1)),this.timeCompleted=this.totalFrames=t[0]-t[1],this.firstFrame=t[1],this.setCurrentRawFrameValue(this.totalFrames-.001-e)):t[1]>t[0]&&(this.frameModifier<0&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(1)),this.timeCompleted=this.totalFrames=t[1]-t[0],this.firstFrame=t[0],this.setCurrentRawFrameValue(.001+e)),this.trigger("segmentStart")},AnimationItem.prototype.setSegment=function(t,e){var r=-1;this.isPaused&&(this.currentRawFrame+this.firstFrame<t?r=t:this.currentRawFrame+this.firstFrame>e&&(r=e-t)),this.firstFrame=t,this.timeCompleted=this.totalFrames=e-t,-1!==r&&this.goToAndStop(r,!0)},AnimationItem.prototype.playSegments=function(t,e){if(e&&(this.segments.length=0),"object"==typeof t[0]){var r,i=t.length;for(r=0;r<i;r+=1)this.segments.push(t[r])}else this.segments.push(t);this.segments.length&&this.adjustSegment(this.segments.shift(),0),this.isPaused&&this.play()},AnimationItem.prototype.resetSegments=function(t){this.segments.length=0,this.segments.push([this.animationData.ip,this.animationData.op]),t&&this.checkSegments(0)},AnimationItem.prototype.checkSegments=function(t){return!!this.segments.length&&(this.adjustSegment(this.segments.shift(),t),!0)},AnimationItem.prototype.destroy=function(t){t&&this.name!=t||!this.renderer||(this.renderer.destroy(),this.imagePreloader.destroy(),this.trigger("destroy"),this._cbs=null,this.onEnterFrame=this.onLoopComplete=this.onComplete=this.onSegmentStart=this.onDestroy=null,this.renderer=null)},AnimationItem.prototype.setCurrentRawFrameValue=function(t){this.currentRawFrame=t,this.gotoFrame()},AnimationItem.prototype.setSpeed=function(t){this.playSpeed=t,this.updaFrameModifier()},AnimationItem.prototype.setDirection=function(t){this.playDirection=t<0?-1:1,this.updaFrameModifier()},AnimationItem.prototype.updaFrameModifier=function(){this.frameModifier=this.frameMult*this.playSpeed*this.playDirection},AnimationItem.prototype.getPath=function(){return this.path},AnimationItem.prototype.getAssetsPath=function(t){var e="";if(t.e)e=t.p;else if(this.assetsPath){var r=t.p;-1!==r.indexOf("images/")&&(r=r.split("/")[1]),e=this.assetsPath+r}else e=this.path,e+=t.u?t.u:"",e+=t.p;return e},AnimationItem.prototype.getAssetData=function(t){for(var e=0,r=this.assets.length;e<r;){if(t==this.assets[e].id)return this.assets[e];e+=1}},AnimationItem.prototype.hide=function(){this.renderer.hide()},AnimationItem.prototype.show=function(){this.renderer.show()},AnimationItem.prototype.getDuration=function(t){return t?this.totalFrames:this.totalFrames/this.frameRate},AnimationItem.prototype.trigger=function(t){if(this._cbs&&this._cbs[t])switch(t){case"enterFrame":this.triggerEvent(t,new BMEnterFrameEvent(t,this.currentFrame,this.totalFrames,this.frameMult));break;case"loopComplete":this.triggerEvent(t,new BMCompleteLoopEvent(t,this.loop,this.playCount,this.frameMult));break;case"complete":this.triggerEvent(t,new BMCompleteEvent(t,this.frameMult));break;case"segmentStart":this.triggerEvent(t,new BMSegmentStartEvent(t,this.firstFrame,this.totalFrames));break;case"destroy":this.triggerEvent(t,new BMDestroyEvent(t,this));break;default:this.triggerEvent(t)}"enterFrame"===t&&this.onEnterFrame&&this.onEnterFrame.call(this,new BMEnterFrameEvent(t,this.currentFrame,this.totalFrames,this.frameMult)),"loopComplete"===t&&this.onLoopComplete&&this.onLoopComplete.call(this,new BMCompleteLoopEvent(t,this.loop,this.playCount,this.frameMult)),"complete"===t&&this.onComplete&&this.onComplete.call(this,new BMCompleteEvent(t,this.frameMult)),"segmentStart"===t&&this.onSegmentStart&&this.onSegmentStart.call(this,new BMSegmentStartEvent(t,this.firstFrame,this.totalFrames)),"destroy"===t&&this.onDestroy&&this.onDestroy.call(this,new BMDestroyEvent(t,this))};var Expressions=(XV={},XV.initExpressions=function(t){var e=0,r=[];function i(){var t,e=r.length;for(t=0;t<e;t+=1)r[t].release();r.length=0}t.renderer.compInterface=CompExpressionInterface(t.renderer),t.renderer.globalData.projectInterface.registerComposition(t.renderer),t.renderer.globalData.pushExpression=function(){e+=1},t.renderer.globalData.popExpression=function(){0==(e-=1)&&i()},t.renderer.globalData.registerExpressionProperty=function(t){-1===r.indexOf(t)&&r.push(t)}},XV),XV;expressionsPlugin=Expressions;var ExpressionManager=function(){var ob={},Math=BMMath,window=null,document=null;function $bm_isInstanceOfArray(t){return t.constructor===Array||t.constructor===Float32Array}function isNumerable(t,e){return"number"===t||"boolean"===t||"string"===t||e instanceof Number}function $bm_neg(t){var e=typeof t;if("number"===e||"boolean"===e||t instanceof Number)return-t;if($bm_isInstanceOfArray(t)){var r,i=t.length,s=[];for(r=0;r<i;r+=1)s[r]=-t[r];return s}}var easeInBez=BezierFactory.getBezierEasing(.333,0,.833,.833,"easeIn").get,easeOutBez=BezierFactory.getBezierEasing(.167,.167,.667,1,"easeOut").get,easeInOutBez=BezierFactory.getBezierEasing(.33,0,.667,1,"easeInOut").get;function sum(t,e){var r=typeof t,i=typeof e;if("string"===r||"string"===i)return t+e;if(isNumerable(r,t)&&isNumerable(i,e))return t+e;if($bm_isInstanceOfArray(t)&&isNumerable(i,e))return(t=t.slice(0))[0]=t[0]+e,t;if(isNumerable(r,t)&&$bm_isInstanceOfArray(e))return(e=e.slice(0))[0]=t+e[0],e;if($bm_isInstanceOfArray(t)&&$bm_isInstanceOfArray(e)){for(var s=0,a=t.length,n=e.length,o=[];s<a||s<n;)("number"==typeof t[s]||t[s]instanceof Number)&&("number"==typeof e[s]||e[s]instanceof Number)?o[s]=t[s]+e[s]:o[s]=void 0===e[s]?t[s]:t[s]||e[s],s+=1;return o}return 0}var add=sum;function sub(t,e){var r=typeof t,i=typeof e;if(isNumerable(r,t)&&isNumerable(i,e))return"string"===r&&(t=parseInt(t)),"string"===i&&(e=parseInt(e)),t-e;if($bm_isInstanceOfArray(t)&&isNumerable(i,e))return(t=t.slice(0))[0]=t[0]-e,t;if(isNumerable(r,t)&&$bm_isInstanceOfArray(e))return(e=e.slice(0))[0]=t-e[0],e;if($bm_isInstanceOfArray(t)&&$bm_isInstanceOfArray(e)){for(var s=0,a=t.length,n=e.length,o=[];s<a||s<n;)("number"==typeof t[s]||t[s]instanceof Number)&&("number"==typeof e[s]||e[s]instanceof Number)?o[s]=t[s]-e[s]:o[s]=void 0===e[s]?t[s]:t[s]||e[s],s+=1;return o}return 0}function mul(t,e){var r,i,s,a=typeof t,n=typeof e;if(isNumerable(a,t)&&isNumerable(n,e))return t*e;if($bm_isInstanceOfArray(t)&&isNumerable(n,e)){for(s=t.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t[i]*e;return r}if(isNumerable(a,t)&&$bm_isInstanceOfArray(e)){for(s=e.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t*e[i];return r}return 0}function div(t,e){var r,i,s,a=typeof t,n=typeof e;if(isNumerable(a,t)&&isNumerable(n,e))return t/e;if($bm_isInstanceOfArray(t)&&isNumerable(n,e)){for(s=t.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t[i]/e;return r}if(isNumerable(a,t)&&$bm_isInstanceOfArray(e)){for(s=e.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t/e[i];return r}return 0}function mod(t,e){return"string"==typeof t&&(t=parseInt(t)),"string"==typeof e&&(e=parseInt(e)),t%e}function clamp(t,e,r){if(r<e){var i=r;r=e,e=i}return Math.min(Math.max(t,e),r)}function radiansToDegrees(t){return t/degToRads}var radians_to_degrees=radiansToDegrees;function degreesToRadians(t){return t*degToRads}var degrees_to_radians=radiansToDegrees,helperLengthArray=[0,0,0,0,0,0];function length(t,e){if("number"==typeof t||t instanceof Number)return e=e||0,Math.abs(t-e);e||(e=helperLengthArray);var r,i=Math.min(t.length,e.length),s=0;for(r=0;r<i;r+=1)s+=Math.pow(e[r]-t[r],2);return Math.sqrt(s)}function normalize(t){return div(t,length(t))}function rgbToHsl(t){var e,r,i=t[0],s=t[1],a=t[2],n=Math.max(i,s,a),o=Math.min(i,s,a),h=(n+o)/2;if(n==o)e=r=0;else{var l=n-o;switch(r=.5<h?l/(2-n-o):l/(n+o),n){case i:e=(s-a)/l+(s<a?6:0);break;case s:e=(a-i)/l+2;break;case a:e=(i-s)/l+4}e/=6}return[e,r,h,t[3]]}function hue2rgb(t,e,r){return r<0&&(r+=1),1<r&&(r-=1),r<1/6?t+6*(e-t)*r:r<.5?e:r<2/3?t+(e-t)*(2/3-r)*6:t}function hslToRgb(t){var e,r,i,s=t[0],a=t[1],n=t[2];if(0===a)e=r=i=n;else{var o=n<.5?n*(1+a):n+a-n*a,h=2*n-o;e=hue2rgb(h,o,s+1/3),r=hue2rgb(h,o,s),i=hue2rgb(h,o,s-1/3)}return[e,r,i,t[3]]}function linear(t,e,r,i,s){if(void 0!==i&&void 0!==s||(i=e,s=r,e=0,r=1),r<e){var a=r;r=e,e=a}if(t<=e)return i;if(r<=t)return s;var n=r===e?0:(t-e)/(r-e);if(!i.length)return i+(s-i)*n;var o,h=i.length,l=createTypedArray("float32",h);for(o=0;o<h;o+=1)l[o]=i[o]+(s[o]-i[o])*n;return l}function random(t,e){if(void 0===e&&(void 0===t?(t=0,e=1):(e=t,t=void 0)),e.length){var r,i=e.length;t||(t=createTypedArray("float32",i));var s=createTypedArray("float32",i),a=BMMath.random();for(r=0;r<i;r+=1)s[r]=t[r]+a*(e[r]-t[r]);return s}return void 0===t&&(t=0),t+BMMath.random()*(e-t)}function createPath(t,e,r,i){var s,a=t.length,n=shape_pool.newElement();n.setPathData(!!i,a);var o,h,l=[0,0];for(s=0;s<a;s+=1)o=e&&e[s]?e[s]:l,h=r&&r[s]?r[s]:l,n.setTripleAt(t[s][0],t[s][1],h[0]+t[s][0],h[1]+t[s][1],o[0]+t[s][0],o[1]+t[s][1],s,!0);return n}function initiateExpression(elem,data,property){var val=data.x,needsVelocity=/velocity(?![\w\d])/.test(val),_needsRandom=-1!==val.indexOf("random"),elemType=elem.data.ty,transform,$bm_transform,content,effect,thisProperty=property;thisProperty.valueAtTime=thisProperty.getValueAtTime,elem.comp.frameDuration=1/elem.comp.globalData.frameRate,elem.comp.displayStartTime=0;var inPoint=elem.data.ip/elem.comp.globalData.frameRate,outPoint=elem.data.op/elem.comp.globalData.frameRate,width=elem.data.sw?elem.data.sw:0,height=elem.data.sh?elem.data.sh:0,name=elem.data.nm,loopIn,loop_in,loopOut,loop_out,toWorld,fromWorld,fromComp,toComp,fromCompToSurface,position,rotation,anchorPoint,scale,thisLayer,thisComp,mask,valueAtTime,velocityAtTime,__expression_functions=[],scoped_bm_rt;if(data.xf){var i,len=data.xf.length;for(i=0;i<len;i+=1)__expression_functions[i]=eval("(function(){ return "+data.xf[i]+"}())")}var expression_function=eval("[function _expression_function(){"+val+";scoped_bm_rt=$bm_rt}]")[0],numKeys=property.kf?data.k.length:0,active=!this.data||!0!==this.data.hd,wiggle=function(t,e){var r,i,s=this.pv.length?this.pv.length:1,a=createTypedArray("float32",s);var n=Math.floor(5*time);for(i=r=0;r<n;){for(i=0;i<s;i+=1)a[i]+=-e+2*e*BMMath.random();r+=1}var o=5*time,h=o-Math.floor(o),l=createTypedArray("float32",s);if(1<s){for(i=0;i<s;i+=1)l[i]=this.pv[i]+a[i]+(-e+2*e*BMMath.random())*h;return l}return this.pv+a[0]+(-e+2*e*BMMath.random())*h}.bind(this);function loopInDuration(t,e){return loopIn(t,e,!0)}function loopOutDuration(t,e){return loopOut(t,e,!0)}thisProperty.loopIn&&(loopIn=thisProperty.loopIn.bind(thisProperty),loop_in=loopIn),thisProperty.loopOut&&(loopOut=thisProperty.loopOut.bind(thisProperty),loop_out=loopOut),this.getValueAtTime&&(valueAtTime=this.getValueAtTime.bind(this)),this.getVelocityAtTime&&(velocityAtTime=this.getVelocityAtTime.bind(this));var comp=elem.comp.globalData.projectInterface.bind(elem.comp.globalData.projectInterface),time,velocity,value,text,textIndex,textTotal,selectorValue;function lookAt(t,e){var r=[e[0]-t[0],e[1]-t[1],e[2]-t[2]],i=Math.atan2(r[0],Math.sqrt(r[1]*r[1]+r[2]*r[2]))/degToRads;return[-Math.atan2(r[1],r[2])/degToRads,i,0]}function easeOut(t,e,r,i,s){return applyEase(easeOutBez,t,e,r,i,s)}function easeIn(t,e,r,i,s){return applyEase(easeInBez,t,e,r,i,s)}function ease(t,e,r,i,s){return applyEase(easeInOutBez,t,e,r,i,s)}function applyEase(t,e,r,i,s,a){void 0===s?(s=r,a=i):e=(e-r)/(i-r);var n=t(e=1<e?1:e<0?0:e);if($bm_isInstanceOfArray(s)){var o,h=s.length,l=createTypedArray("float32",h);for(o=0;o<h;o+=1)l[o]=(a[o]-s[o])*n+s[o];return l}return(a-s)*n+s}function nearestKey(t){var e,r,i,s=data.k.length;if(data.k.length&&"number"!=typeof data.k[0])if(r=-1,(t*=elem.comp.globalData.frameRate)<data.k[0].t)r=1,i=data.k[0].t;else{for(e=0;e<s-1;e+=1){if(t===data.k[e].t){r=e+1,i=data.k[e].t;break}if(t>data.k[e].t&&t<data.k[e+1].t){i=t-data.k[e].t>data.k[e+1].t-t?(r=e+2,data.k[e+1].t):(r=e+1,data.k[e].t);break}}-1===r&&(r=e+1,i=data.k[e].t)}else i=r=0;var a={};return a.index=r,a.time=i/elem.comp.globalData.frameRate,a}function key(t){var e,r,i,s;if(!data.k.length||"number"==typeof data.k[0])throw new Error("The property has no keyframe at index "+t);for(t-=1,e={time:data.k[t].t/elem.comp.globalData.frameRate},i=(s=t!==data.k.length-1||data.k[t].h?data.k[t].s:data.k[t-1].e).length,r=0;r<i;r+=1)e[r]=s[r];return e}function framesToTime(t,e){return e||(e=elem.comp.globalData.frameRate),t/e}function timeToFrames(t,e){return t||0===t||(t=time),e||(e=elem.comp.globalData.frameRate),t*e}function seedRandom(t){BMMath.seedrandom(randSeed+t)}function sourceRectAtTime(){return elem.sourceRectAtTime()}function substring(t,e){return"string"==typeof value?void 0===e?value.substring(t):value.substring(t,e):""}function substr(t,e){return"string"==typeof value?void 0===e?value.substr(t):value.substr(t,e):""}var index=elem.data.ind,hasParent=!(!elem.hierarchy||!elem.hierarchy.length),parent,randSeed=Math.floor(1e6*Math.random()),globalData=elem.globalData;function executeExpression(t){return value=t,_needsRandom&&seedRandom(randSeed),this.frameExpressionId===elem.globalData.frameId&&"textSelector"!==this.propType?value:("textSelector"===this.propType&&(textIndex=this.textIndex,textTotal=this.textTotal,selectorValue=this.selectorValue),thisLayer||(text=elem.layerInterface.text,thisLayer=elem.layerInterface,thisComp=elem.comp.compInterface,toWorld=thisLayer.toWorld.bind(thisLayer),fromWorld=thisLayer.fromWorld.bind(thisLayer),fromComp=thisLayer.fromComp.bind(thisLayer),toComp=thisLayer.toComp.bind(thisLayer),mask=thisLayer.mask?thisLayer.mask.bind(thisLayer):null,fromCompToSurface=fromComp),transform||(transform=elem.layerInterface("ADBE Transform Group"),($bm_transform=transform)&&(anchorPoint=transform.anchorPoint)),4!==elemType||content||(content=thisLayer("ADBE Root Vectors Group")),effect||(effect=thisLayer(4)),(hasParent=!(!elem.hierarchy||!elem.hierarchy.length))&&!parent&&(parent=elem.hierarchy[0].layerInterface),time=this.comp.renderedFrame/this.comp.globalData.frameRate,needsVelocity&&(velocity=velocityAtTime(time)),expression_function(),this.frameExpressionId=elem.globalData.frameId,"shape"===scoped_bm_rt.propType&&(scoped_bm_rt=scoped_bm_rt.v),scoped_bm_rt)}return executeExpression}return ob.initiateExpression=initiateExpression,ob}();!function(){function o(){return this.pv}function h(t,e,r){if(!this.k||!this.keyframes)return this.pv;t=t?t.toLowerCase():"";var i,s,a,n,o,h=this.comp.renderedFrame,l=this.keyframes,p=l[l.length-1].t;if(h<=p)return this.pv;if(r?s=p-(i=e?Math.abs(p-elem.comp.globalData.frameRate*e):Math.max(0,p-this.elem.data.ip)):((!e||e>l.length-1)&&(e=l.length-1),i=p-(s=l[l.length-1-e].t)),"pingpong"===t){if(Math.floor((h-s)/i)%2!=0)return this.getValueAtTime((i-(h-s)%i+s)/this.comp.globalData.frameRate,0)}else{if("offset"===t){var m=this.getValueAtTime(s/this.comp.globalData.frameRate,0),f=this.getValueAtTime(p/this.comp.globalData.frameRate,0),c=this.getValueAtTime(((h-s)%i+s)/this.comp.globalData.frameRate,0),d=Math.floor((h-s)/i);if(this.pv.length){for(n=(o=new Array(m.length)).length,a=0;a<n;a+=1)o[a]=(f[a]-m[a])*d+c[a];return o}return(f-m)*d+c}if("continue"===t){var u=this.getValueAtTime(p/this.comp.globalData.frameRate,0),y=this.getValueAtTime((p-.001)/this.comp.globalData.frameRate,0);if(this.pv.length){for(n=(o=new Array(u.length)).length,a=0;a<n;a+=1)o[a]=u[a]+(u[a]-y[a])*((h-p)/this.comp.globalData.frameRate)/5e-4;return o}return u+(h-p)/.001*(u-y)}}return this.getValueAtTime(((h-s)%i+s)/this.comp.globalData.frameRate,0)}function l(t,e,r){if(!this.k)return this.pv;t=t?t.toLowerCase():"";var i,s,a,n,o,h=this.comp.renderedFrame,l=this.keyframes,p=l[0].t;if(p<=h)return this.pv;if(r?s=p+(i=e?Math.abs(elem.comp.globalData.frameRate*e):Math.max(0,this.elem.data.op-p)):((!e||e>l.length-1)&&(e=l.length-1),i=(s=l[e].t)-p),"pingpong"===t){if(Math.floor((p-h)/i)%2==0)return this.getValueAtTime(((p-h)%i+p)/this.comp.globalData.frameRate,0)}else{if("offset"===t){var m=this.getValueAtTime(p/this.comp.globalData.frameRate,0),f=this.getValueAtTime(s/this.comp.globalData.frameRate,0),c=this.getValueAtTime((i-(p-h)%i+p)/this.comp.globalData.frameRate,0),d=Math.floor((p-h)/i)+1;if(this.pv.length){for(n=(o=new Array(m.length)).length,a=0;a<n;a+=1)o[a]=c[a]-(f[a]-m[a])*d;return o}return c-(f-m)*d}if("continue"===t){var u=this.getValueAtTime(p/this.comp.globalData.frameRate,0),y=this.getValueAtTime((p+.001)/this.comp.globalData.frameRate,0);if(this.pv.length){for(n=(o=new Array(u.length)).length,a=0;a<n;a+=1)o[a]=u[a]+(u[a]-y[a])*(p-h)/.001;return o}return u+(u-y)*(p-h)/.001}}return this.getValueAtTime((i-(p-h)%i+p)/this.comp.globalData.frameRate,0)}function p(t){return t*=this.elem.globalData.frameRate,(t-=this.offsetTime)!==this._cachingAtTime.lastFrame&&(this._cachingAtTime.lastIndex=this._cachingAtTime.lastFrame<t?this._cachingAtTime.lastIndex:0,this._cachingAtTime.value=this.interpolateValue(t,this._cachingAtTime),this._cachingAtTime.lastFrame=t),this._cachingAtTime.value}function m(t){if(void 0!==this.vel)return this.vel;var e,r,i=this.getValueAtTime(t),s=this.getValueAtTime(t+-.001);if(i.length)for(e=createTypedArray("float32",i.length),r=0;r<i.length;r+=1)e[r]=(s[r]-i[r])/-.001;else e=(s-i)/-.001;return e}function f(t){this.propertyGroup=t}function c(t,e,r){e.x&&(r.k=!0,r.x=!0,r.initiateExpression=ExpressionManager.initiateExpression,r.effectsSequence.push(r.initiateExpression(t,e,r).bind(r)))}var i=function(){function r(t,e){return this.textIndex=t+1,this.textTotal=e,this.getValue(),this.v}return function(t,e){this.pv=1,this.comp=t.comp,this.elem=t,this.mult=.01,this.propType="textSelector",this.textTotal=e.totalChars,this.selectorValue=100,this.lastValue=[1,1,1],c.bind(this)(t,e,this),this.getMult=r,this.getVelocityAtTime=m,this.kf?this.getValueAtTime=p.bind(this):this.getValueAtTime=o.bind(this),this.setGroupProperty=f}}(),s=TransformPropertyFactory.getTransformProperty;TransformPropertyFactory.getTransformProperty=function(t,e,r){var i=s(t,e,r);return i.dynamicProperties.length?i.getValueAtTime=function(t){console.warn("Transform at time not supported")}.bind(i):i.getValueAtTime=function(t){}.bind(i),i.setGroupProperty=f,i};var d=PropertyFactory.getProp;PropertyFactory.getProp=function(t,e,r,i,s){var a=d(t,e,r,i,s);a.kf?a.getValueAtTime=p.bind(a):a.getValueAtTime=o.bind(a),a.setGroupProperty=f,a.loopOut=h,a.loopIn=l,a.getVelocityAtTime=m.bind(a),a.getSpeedAtTime=function(t){var e=this.getValueAtTime(t),r=this.getValueAtTime(t+-.01),i=0;if(e.length){var s;for(s=0;s<e.length;s+=1)i+=Math.pow(r[s]-e[s],2);i=100*Math.sqrt(i)}else i=0;return i}.bind(a),a.numKeys=1===e.a?e.k.length:0,a.propertyIndex=e.ix;var n=0;return 0!==r&&(n=createTypedArray("float32",1===e.a?e.k[0].s.length:e.k.length)),a._cachingAtTime={lastFrame:initialDefaultFrame,lastIndex:0,value:n},c(t,e,a),a.k&&s.addDynamicProperty(a),a};var t=ShapePropertyFactory.getConstructorFunction(),e=ShapePropertyFactory.getKeyframedConstructorFunction();function r(){}r.prototype={vertices:function(t,e){this.k&&this.getValue();var r=this.v;void 0!==e&&(r=this.getValueAtTime(e,0));var i,s=r._length,a=r[t],n=r.v,o=createSizedArray(s);for(i=0;i<s;i+=1)o[i]="i"===t||"o"===t?[a[i][0]-n[i][0],a[i][1]-n[i][1]]:[a[i][0],a[i][1]];return o},points:function(t){return this.vertices("v",t)},inTangents:function(t){return this.vertices("i",t)},outTangents:function(t){return this.vertices("o",t)},isClosed:function(){return this.v.c},pointOnPath:function(t,e){var r=this.v;void 0!==e&&(r=this.getValueAtTime(e,0)),this._segmentsLength||(this._segmentsLength=bez.getSegmentsLength(r));for(var i,s=this._segmentsLength,a=s.lengths,n=s.totalLength*t,o=0,h=a.length,l=0;o<h;){if(l+a[o].addedLength>n){var p=o,m=r.c&&o===h-1?0:o+1,f=(n-l)/a[o].addedLength;i=bez.getPointInSegment(r.v[p],r.v[m],r.o[p],r.i[m],f,a[o]);break}l+=a[o].addedLength,o+=1}return i||(i=r.c?[r.v[0][0],r.v[0][1]]:[r.v[r._length-1][0],r.v[r._length-1][1]]),i},vectorOnPath:function(t,e,r){t=1==t?this.v.c?0:.999:t;var i=this.pointOnPath(t,e),s=this.pointOnPath(t+.001,e),a=s[0]-i[0],n=s[1]-i[1],o=Math.sqrt(Math.pow(a,2)+Math.pow(n,2));return"tangent"===r?[a/o,n/o]:[-n/o,a/o]},tangentOnPath:function(t,e){return this.vectorOnPath(t,e,"tangent")},normalOnPath:function(t,e){return this.vectorOnPath(t,e,"normal")},setGroupProperty:f,getValueAtTime:o},extendPrototype([r],t),extendPrototype([r],e),e.prototype.getValueAtTime=function(t){return this._cachingAtTime||(this._cachingAtTime={shapeValue:shape_pool.clone(this.pv),lastIndex:0,lastTime:initialDefaultFrame}),t!==this._cachingAtTime.lastTime&&(this._cachingAtTime.lastIndex=this._cachingAtTime.lastTime<t?this._caching.lastIndex:0,this._cachingAtTime.lastTime=t,t*=this.elem.globalData.frameRate,this.interpolateShape(t,this._cachingAtTime.shapeValue,this._cachingAtTime)),this._cachingAtTime.shapeValue},e.prototype.initiateExpression=ExpressionManager.initiateExpression;var n=ShapePropertyFactory.getShapeProp;ShapePropertyFactory.getShapeProp=function(t,e,r,i,s){var a=n(t,e,r,i,s);return a.propertyIndex=e.ix,a.lock=!1,3===r?c(t,e.pt,a):4===r&&c(t,e.ks,a),a.k&&t.addDynamicProperty(a),a};var a=TextSelectorProp.getTextSelectorProp;TextSelectorProp.getTextSelectorProp=function(t,e,r){return 1===e.t?new i(t,e,r):a(t,e,r)}}(),TextProperty.prototype.getExpressionValue=function(t,e){var r=this.calculateExpression(e);if(t.t===r)return t;var i={};return this.copyData(i,t),i.t=r.toString(),i.__complete=!1,i},TextProperty.prototype.searchProperty=function(){var t=this.searchKeyframes(),e=this.searchExpressions();return this.kf=t||e,this.kf},TextProperty.prototype.searchExpressions=function(){if(this.data.d.x)return this.calculateExpression=ExpressionManager.initiateExpression.bind(this)(this.elem,this.data.d,this),this.addEffect(this.getExpressionValue.bind(this)),!0};var ShapeExpressionInterface=function(){function m(t,e,r){var i,s=[],a=t?t.length:0;for(i=0;i<a;i+=1)"gr"==t[i].ty?s.push(n(t[i],e[i],r)):"fl"==t[i].ty?s.push(o(t[i],e[i],r)):"st"==t[i].ty?s.push(h(t[i],e[i],r)):"tm"==t[i].ty?s.push(l(t[i],e[i],r)):"tr"==t[i].ty||("el"==t[i].ty?s.push(p(t[i],e[i],r)):"sr"==t[i].ty?s.push(f(t[i],e[i],r)):"sh"==t[i].ty?s.push(y(t[i],e[i],r)):"rc"==t[i].ty?s.push(c(t[i],e[i],r)):"rd"==t[i].ty?s.push(d(t[i],e[i],r)):"rp"==t[i].ty&&s.push(u(t[i],e[i],r)));return s}function n(t,e,r){var i=function(t){switch(t){case"ADBE Vectors Group":case"Contents":case 2:return i.content;default:return i.transform}};i.propertyGroup=function(t){return 1===t?i:r(t-1)};var s,a,n,o,h,l=(s=t,a=e,n=i.propertyGroup,(h=function(t){for(var e=0,r=o.length;e<r;){if(o[e]._name===t||o[e].mn===t||o[e].propertyIndex===t||o[e].ix===t||o[e].ind===t)return o[e];e+=1}if("number"==typeof t)return o[t-1]}).propertyGroup=function(t){return 1===t?h:n(t-1)},o=m(s.it,a.it,h.propertyGroup),h.numProperties=o.length,h.propertyIndex=s.cix,h._name=s.nm,h),p=function(e,t,r){function i(t){return 1==t?s:r(--t)}t.transform.mProps.o.setGroupProperty(i),t.transform.mProps.p.setGroupProperty(i),t.transform.mProps.a.setGroupProperty(i),t.transform.mProps.s.setGroupProperty(i),t.transform.mProps.r.setGroupProperty(i),t.transform.mProps.sk&&(t.transform.mProps.sk.setGroupProperty(i),t.transform.mProps.sa.setGroupProperty(i));function s(t){return e.a.ix===t||"Anchor Point"===t?s.anchorPoint:e.o.ix===t||"Opacity"===t?s.opacity:e.p.ix===t||"Position"===t?s.position:e.r.ix===t||"Rotation"===t||"ADBE Vector Rotation"===t?s.rotation:e.s.ix===t||"Scale"===t?s.scale:e.sk&&e.sk.ix===t||"Skew"===t?s.skew:e.sa&&e.sa.ix===t||"Skew Axis"===t?s.skewAxis:void 0}return t.transform.op.setGroupProperty(i),Object.defineProperties(s,{opacity:{get:ExpressionPropertyInterface(t.transform.mProps.o)},position:{get:ExpressionPropertyInterface(t.transform.mProps.p)},anchorPoint:{get:ExpressionPropertyInterface(t.transform.mProps.a)},scale:{get:ExpressionPropertyInterface(t.transform.mProps.s)},rotation:{get:ExpressionPropertyInterface(t.transform.mProps.r)},skew:{get:ExpressionPropertyInterface(t.transform.mProps.sk)},skewAxis:{get:ExpressionPropertyInterface(t.transform.mProps.sa)},_name:{value:e.nm}}),s.ty="tr",s.mn=e.mn,s}(t.it[t.it.length-1],e.it[e.it.length-1],i.propertyGroup);return i.content=l,i.transform=p,Object.defineProperty(i,"_name",{get:function(){return t.nm}}),i.numProperties=t.np,i.propertyIndex=t.ix,i.nm=t.nm,i.mn=t.mn,i}function o(t,e,r){function i(t){return"Color"===t||"color"===t?i.color:"Opacity"===t||"opacity"===t?i.opacity:void 0}return Object.defineProperties(i,{color:{get:ExpressionPropertyInterface(e.c)},opacity:{get:ExpressionPropertyInterface(e.o)},_name:{value:t.nm},mn:{value:t.mn}}),e.c.setGroupProperty(r),e.o.setGroupProperty(r),i}function h(t,e,r){function i(t){return 1===t?ob:r(t-1)}function s(t){return 1===t?h:i(t-1)}var a,n,o=t.d?t.d.length:0,h={};for(a=0;a<o;a+=1)n=a,Object.defineProperty(h,t.d[n].nm,{get:ExpressionPropertyInterface(e.d.dataProps[n].p)}),e.d.dataProps[a].p.setGroupProperty(s);function l(t){return"Color"===t||"color"===t?l.color:"Opacity"===t||"opacity"===t?l.opacity:"Stroke Width"===t||"stroke width"===t?l.strokeWidth:void 0}return Object.defineProperties(l,{color:{get:ExpressionPropertyInterface(e.c)},opacity:{get:ExpressionPropertyInterface(e.o)},strokeWidth:{get:ExpressionPropertyInterface(e.w)},dash:{get:function(){return h}},_name:{value:t.nm},mn:{value:t.mn}}),e.c.setGroupProperty(i),e.o.setGroupProperty(i),e.w.setGroupProperty(i),l}function l(e,t,r){function i(t){return 1==t?s:r(--t)}function s(t){return t===e.e.ix||"End"===t||"end"===t?s.end:t===e.s.ix?s.start:t===e.o.ix?s.offset:void 0}return s.propertyIndex=e.ix,t.s.setGroupProperty(i),t.e.setGroupProperty(i),t.o.setGroupProperty(i),s.propertyIndex=e.ix,Object.defineProperties(s,{start:{get:ExpressionPropertyInterface(t.s)},end:{get:ExpressionPropertyInterface(t.e)},offset:{get:ExpressionPropertyInterface(t.o)},_name:{value:e.nm}}),s.mn=e.mn,s}function p(e,t,r){function i(t){return 1==t?a:r(--t)}a.propertyIndex=e.ix;var s="tm"===t.sh.ty?t.sh.prop:t.sh;function a(t){return e.p.ix===t?a.position:e.s.ix===t?a.size:void 0}return s.s.setGroupProperty(i),s.p.setGroupProperty(i),Object.defineProperties(a,{size:{get:ExpressionPropertyInterface(s.s)},position:{get:ExpressionPropertyInterface(s.p)},_name:{value:e.nm}}),a.mn=e.mn,a}function f(e,t,r){function i(t){return 1==t?a:r(--t)}var s="tm"===t.sh.ty?t.sh.prop:t.sh;function a(t){return e.p.ix===t?a.position:e.r.ix===t?a.rotation:e.pt.ix===t?a.points:e.or.ix===t||"ADBE Vector Star Outer Radius"===t?a.outerRadius:e.os.ix===t?a.outerRoundness:!e.ir||e.ir.ix!==t&&"ADBE Vector Star Inner Radius"!==t?e.is&&e.is.ix===t?a.innerRoundness:void 0:a.innerRadius}return a.propertyIndex=e.ix,s.or.setGroupProperty(i),s.os.setGroupProperty(i),s.pt.setGroupProperty(i),s.p.setGroupProperty(i),s.r.setGroupProperty(i),e.ir&&(s.ir.setGroupProperty(i),s.is.setGroupProperty(i)),Object.defineProperties(a,{position:{get:ExpressionPropertyInterface(s.p)},rotation:{get:ExpressionPropertyInterface(s.r)},points:{get:ExpressionPropertyInterface(s.pt)},outerRadius:{get:ExpressionPropertyInterface(s.or)},outerRoundness:{get:ExpressionPropertyInterface(s.os)},innerRadius:{get:ExpressionPropertyInterface(s.ir)},innerRoundness:{get:ExpressionPropertyInterface(s.is)},_name:{value:e.nm}}),a.mn=e.mn,a}function c(e,t,r){function i(t){return 1==t?a:r(--t)}var s="tm"===t.sh.ty?t.sh.prop:t.sh;function a(t){return e.p.ix===t?a.position:e.r.ix===t?a.roundness:e.s.ix===t||"Size"===t||"ADBE Vector Rect Size"===t?a.size:void 0}return a.propertyIndex=e.ix,s.p.setGroupProperty(i),s.s.setGroupProperty(i),s.r.setGroupProperty(i),Object.defineProperties(a,{position:{get:ExpressionPropertyInterface(s.p)},roundness:{get:ExpressionPropertyInterface(s.r)},size:{get:ExpressionPropertyInterface(s.s)},_name:{value:e.nm}}),a.mn=e.mn,a}function d(e,t,r){var i=t;function s(t){if(e.r.ix===t||"Round Corners 1"===t)return s.radius}return s.propertyIndex=e.ix,i.rd.setGroupProperty(function(t){return 1==t?s:r(--t)}),Object.defineProperties(s,{radius:{get:ExpressionPropertyInterface(i.rd)},_name:{value:e.nm}}),s.mn=e.mn,s}function u(e,t,r){function i(t){return 1==t?a:r(--t)}var s=t;function a(t){return e.c.ix===t||"Copies"===t?a.copies:e.o.ix===t||"Offset"===t?a.offset:void 0}return a.propertyIndex=e.ix,s.c.setGroupProperty(i),s.o.setGroupProperty(i),Object.defineProperties(a,{copies:{get:ExpressionPropertyInterface(s.c)},offset:{get:ExpressionPropertyInterface(s.o)},_name:{value:e.nm}}),a.mn=e.mn,a}function y(t,e,r){var i=e.sh;function s(t){if("Shape"===t||"shape"===t||"Path"===t||"path"===t||"ADBE Vector Shape"===t||2===t)return s.path}return i.setGroupProperty(function(t){return 1==t?s:r(--t)}),Object.defineProperties(s,{path:{get:function(){return i.k&&i.getValue(),i}},shape:{get:function(){return i.k&&i.getValue(),i}},_name:{value:t.nm},ix:{value:t.ix},mn:{value:t.mn}}),s}return function(t,e,r){var i;function s(t){if("number"==typeof t)return i[t-1];for(var e=0,r=i.length;e<r;){if(i[e]._name===t)return i[e];e+=1}}return s.propertyGroup=r,i=m(t,e,s),s}}(),TextExpressionInterface=function(e){var r;function t(){}return Object.defineProperty(t,"sourceText",{get:function(){e.textProperty.getValue();var t=e.textProperty.currentData.t;return void 0!==t&&(e.textProperty.currentData.t=void 0,(r=new String(t)).value=t||new String(t)),r}}),t},LayerExpressionInterface=function(){function s(t,e){var r=new Matrix;if(r.reset(),this._elem.finalTransform.mProp.applyToMatrix(r),this._elem.hierarchy&&this._elem.hierarchy.length){var i,s=this._elem.hierarchy.length;for(i=0;i<s;i+=1)this._elem.hierarchy[i].finalTransform.mProp.applyToMatrix(r);return r.applyToPointArray(t[0],t[1],t[2]||0)}return r.applyToPointArray(t[0],t[1],t[2]||0)}function a(t,e){var r=new Matrix;if(r.reset(),this._elem.finalTransform.mProp.applyToMatrix(r),this._elem.hierarchy&&this._elem.hierarchy.length){var i,s=this._elem.hierarchy.length;for(i=0;i<s;i+=1)this._elem.hierarchy[i].finalTransform.mProp.applyToMatrix(r);return r.inversePoint(t)}return r.inversePoint(t)}function n(t){var e=new Matrix;if(e.reset(),this._elem.finalTransform.mProp.applyToMatrix(e),this._elem.hierarchy&&this._elem.hierarchy.length){var r,i=this._elem.hierarchy.length;for(r=0;r<i;r+=1)this._elem.hierarchy[r].finalTransform.mProp.applyToMatrix(e);return e.inversePoint(t)}return e.inversePoint(t)}function o(){return[1,1,1,1]}return function(e){var r;function i(t){switch(t){case"ADBE Root Vectors Group":case"Contents":case 2:return i.shapeInterface;case 1:case 6:case"Transform":case"transform":case"ADBE Transform Group":return r;case 4:case"ADBE Effect Parade":case"effects":case"Effects":return i.effect}}i.toWorld=s,i.fromWorld=a,i.toComp=s,i.fromComp=n,i.sampleImage=o,i.sourceRectAtTime=e.sourceRectAtTime.bind(e);var t=getDescriptor(r=TransformExpressionInterface((i._elem=e).finalTransform.mProp),"anchorPoint");return Object.defineProperties(i,{hasParent:{get:function(){return e.hierarchy.length}},parent:{get:function(){return e.hierarchy[0].layerInterface}},rotation:getDescriptor(r,"rotation"),scale:getDescriptor(r,"scale"),position:getDescriptor(r,"position"),opacity:getDescriptor(r,"opacity"),anchorPoint:t,anchor_point:t,transform:{get:function(){return r}},active:{get:function(){return e.isInRange}}}),i.startTime=e.data.st,i.index=e.data.ind,i.source=e.data.refId,i.height=0===e.data.ty?e.data.h:100,i.width=0===e.data.ty?e.data.w:100,i.inPoint=e.data.ip/e.comp.globalData.frameRate,i.outPoint=e.data.op/e.comp.globalData.frameRate,i._name=e.data.nm,i.registerMaskInterface=function(t){i.mask=new MaskManagerInterface(t,e)},i.registerEffectsInterface=function(t){i.effect=t},i}}(),CompExpressionInterface=function(i){function t(t){for(var e=0,r=i.layers.length;e<r;){if(i.layers[e].nm===t||i.layers[e].ind===t)return i.elements[e].layerInterface;e+=1}return null}return Object.defineProperty(t,"_name",{value:i.data.nm}),(t.layer=t).pixelAspect=1,t.height=i.data.h||i.globalData.compSize.h,t.width=i.data.w||i.globalData.compSize.w,t.pixelAspect=1,t.frameDuration=1/i.globalData.frameRate,t.displayStartTime=0,t.numLayers=i.layers.length,t},TransformExpressionInterface=function(t){function e(t){switch(t){case"scale":case"Scale":case"ADBE Scale":case 6:return e.scale;case"rotation":case"Rotation":case"ADBE Rotation":case"ADBE Rotate Z":case 10:return e.rotation;case"ADBE Rotate X":return e.xRotation;case"ADBE Rotate Y":return e.yRotation;case"position":case"Position":case"ADBE Position":case 2:return e.position;case"ADBE Position_0":return e.xPosition;case"ADBE Position_1":return e.yPosition;case"ADBE Position_2":return e.zPosition;case"anchorPoint":case"AnchorPoint":case"Anchor Point":case"ADBE AnchorPoint":case 1:return e.anchorPoint;case"opacity":case"Opacity":case 11:return e.opacity}}if(Object.defineProperty(e,"rotation",{get:ExpressionPropertyInterface(t.r||t.rz)}),Object.defineProperty(e,"zRotation",{get:ExpressionPropertyInterface(t.rz||t.r)}),Object.defineProperty(e,"xRotation",{get:ExpressionPropertyInterface(t.rx)}),Object.defineProperty(e,"yRotation",{get:ExpressionPropertyInterface(t.ry)}),Object.defineProperty(e,"scale",{get:ExpressionPropertyInterface(t.s)}),t.p)var r=ExpressionPropertyInterface(t.p);return Object.defineProperty(e,"position",{get:function(){return t.p?r():[t.px.v,t.py.v,t.pz?t.pz.v:0]}}),Object.defineProperty(e,"xPosition",{get:ExpressionPropertyInterface(t.px)}),Object.defineProperty(e,"yPosition",{get:ExpressionPropertyInterface(t.py)}),Object.defineProperty(e,"zPosition",{get:ExpressionPropertyInterface(t.pz)}),Object.defineProperty(e,"anchorPoint",{get:ExpressionPropertyInterface(t.a)}),Object.defineProperty(e,"opacity",{get:ExpressionPropertyInterface(t.o)}),Object.defineProperty(e,"skew",{get:ExpressionPropertyInterface(t.sk)}),Object.defineProperty(e,"skewAxis",{get:ExpressionPropertyInterface(t.sa)}),Object.defineProperty(e,"orientation",{get:ExpressionPropertyInterface(t.or)}),e},ProjectInterface=function(){function e(t){this.compositions.push(t)}return function(){function t(t){for(var e=0,r=this.compositions.length;e<r;){if(this.compositions[e].data&&this.compositions[e].data.nm===t)return this.compositions[e].prepareFrame&&this.compositions[e].data.xt&&this.compositions[e].prepareFrame(this.currentFrame),this.compositions[e].compInterface;e+=1}}return t.compositions=[],t.currentFrame=0,t.registerComposition=e,t}}(),EffectsExpressionInterface=function(){function l(s,t,e,r){var i,a=[],n=s.ef.length;for(i=0;i<n;i+=1)5===s.ef[i].ty?a.push(l(s.ef[i],t.effectElements[i],t.effectElements[i].propertyGroup,r)):a.push(p(t.effectElements[i],s.ef[i].ty,r,o));function o(t){return 1===t?h:e(t-1)}var h=function(t){for(var e=s.ef,r=0,i=e.length;r<i;){if(t===e[r].nm||t===e[r].mn||t===e[r].ix)return 5===e[r].ty?a[r]:a[r]();r+=1}return a[0]()};return h.propertyGroup=o,"ADBE Color Control"===s.mn&&Object.defineProperty(h,"color",{get:function(){return a[0]()}}),Object.defineProperty(h,"numProperties",{get:function(){return s.np}}),h.active=h.enabled=0!==s.en,h}function p(t,e,r,i){var s=ExpressionPropertyInterface(t.p);return t.p.setGroupProperty&&t.p.setGroupProperty(i),function(){return 10===e?r.comp.compInterface(t.p.v):s()}}return{createEffectsInterface:function(s,t){if(s.effectsManager){var e,a=[],r=s.data.ef,i=s.effectsManager.effectElements.length;for(e=0;e<i;e+=1)a.push(l(r[e],s.effectsManager.effectElements[e],t,s));return function(t){for(var e=s.data.ef||[],r=0,i=e.length;r<i;){if(t===e[r].nm||t===e[r].mn||t===e[r].ix)return a[r];r+=1}}}}}}(),MaskManagerInterface=function(){function a(t,e){this._mask=t,this._data=e}Object.defineProperty(a.prototype,"maskPath",{get:function(){return this._mask.prop.k&&this._mask.prop.getValue(),this._mask.prop}});return function(e,t){var r,i=createSizedArray(e.viewData.length),s=e.viewData.length;for(r=0;r<s;r+=1)i[r]=new a(e.viewData[r],e.masksProperties[r]);return function(t){for(r=0;r<s;){if(e.masksProperties[r].nm===t)return i[r];r+=1}}}}(),ExpressionPropertyInterface=function(){var s={pv:0,v:0,mult:1},n={pv:[0,0,0],v:[0,0,0],mult:1};function o(i,s,a){Object.defineProperty(i,"velocity",{get:function(){return s.getVelocityAtTime(s.comp.currentFrame)}}),i.numKeys=s.keyframes?s.keyframes.length:0,i.key=function(t){if(i.numKeys){var e="";e="s"in s.keyframes[t-1]?s.keyframes[t-1].s:"e"in s.keyframes[t-2]?s.keyframes[t-2].e:s.keyframes[t-2].s;var r="unidimensional"===a?new Number(e):Object.assign({},e);return r.time=s.keyframes[t-1].t/s.elem.comp.globalData.frameRate,r}return 0},i.valueAtTime=s.getValueAtTime,i.speedAtTime=s.getSpeedAtTime,i.velocityAtTime=s.getVelocityAtTime,i.propertyGroup=s.propertyGroup}function e(){return s}return function(t){return t?"unidimensional"===t.propType?function(t){t&&"pv"in t||(t=s);var e=1/t.mult,r=t.pv*e,i=new Number(r);return i.value=r,o(i,t,"unidimensional"),function(){return t.k&&t.getValue(),r=t.v*e,i.value!==r&&((i=new Number(r)).value=r,o(i,t,"unidimensional")),i}}(t):function(e){e&&"pv"in e||(e=n);var r=1/e.mult,i=e.pv.length,s=createTypedArray("float32",i),a=createTypedArray("float32",i);return s.value=a,o(s,e,"multidimensional"),function(){e.k&&e.getValue();for(var t=0;t<i;t+=1)s[t]=a[t]=e.v[t]*r;return s}}(t):e}}();function SliderEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function AngleEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function ColorEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,1,0,r)}function PointEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,1,0,r)}function LayerIndexEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function MaskIndexEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function CheckboxEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function NoValueEffect(){this.p={}}function EffectsManager(){}function EffectsManager(t,e){var r=t.ef||[];this.effectElements=[];var i,s,a=r.length;for(i=0;i<a;i++)s=new GroupEffect(r[i],e),this.effectElements.push(s)}function GroupEffect(t,e){this.init(t,e)}extendPrototype([DynamicPropertyContainer],GroupEffect),GroupEffect.prototype.getValue=GroupEffect.prototype.iterateDynamicProperties,GroupEffect.prototype.init=function(t,e){this.data=t,this.effectElements=[],this.initDynamicPropertyContainer(e);var r,i,s=this.data.ef.length,a=this.data.ef;for(r=0;r<s;r+=1){switch(i=null,a[r].ty){case 0:i=new SliderEffect(a[r],e,this);break;case 1:i=new AngleEffect(a[r],e,this);break;case 2:i=new ColorEffect(a[r],e,this);break;case 3:i=new PointEffect(a[r],e,this);break;case 4:case 7:i=new CheckboxEffect(a[r],e,this);break;case 10:i=new LayerIndexEffect(a[r],e,this);break;case 11:i=new MaskIndexEffect(a[r],e,this);break;case 5:i=new EffectsManager(a[r],e,this);break;default:i=new NoValueEffect(a[r],e,this)}i&&this.effectElements.push(i)}};var lottiejs={},_isFrozen=!1;function setLocationHref(t){locationHref=t}function searchAnimations(){!0===standalone?animationManager.searchAnimations(animationData,standalone,renderer):animationManager.searchAnimations()}function setSubframeRendering(t){subframeEnabled=t}function loadAnimation(t){return!0===standalone&&(t.animationData=JSON.parse(animationData)),animationManager.loadAnimation(t)}function setQuality(t){if("string"==typeof t)switch(t){case"high":defaultCurveSegments=200;break;case"medium":defaultCurveSegments=50;break;case"low":defaultCurveSegments=10}else!isNaN(t)&&1<t&&(defaultCurveSegments=t);roundValues(!(50<=defaultCurveSegments))}function inBrowser(){return"undefined"!=typeof navigator}function installPlugin(t,e){"expressions"===t&&(expressionsPlugin=e)}function getFactory(t){switch(t){case"propertyFactory":return PropertyFactory;case"shapePropertyFactory":return ShapePropertyFactory;case"matrix":return Matrix}}function checkReady(){"complete"===document.readyState&&(clearInterval(readyStateCheckInterval),searchAnimations())}function getQueryVariable(t){for(var e=queryString.split("&"),r=0;r<e.length;r++){var i=e[r].split("=");if(decodeURIComponent(i[0])==t)return decodeURIComponent(i[1])}}lottiejs.play=animationManager.play,lottiejs.pause=animationManager.pause,lottiejs.setLocationHref=setLocationHref,lottiejs.togglePause=animationManager.togglePause,lottiejs.setSpeed=animationManager.setSpeed,lottiejs.setDirection=animationManager.setDirection,lottiejs.stop=animationManager.stop,lottiejs.searchAnimations=searchAnimations,lottiejs.registerAnimation=animationManager.registerAnimation,lottiejs.loadAnimation=loadAnimation,lottiejs.setSubframeRendering=setSubframeRendering,lottiejs.resize=animationManager.resize,lottiejs.goToAndStop=animationManager.goToAndStop,lottiejs.destroy=animationManager.destroy,lottiejs.setQuality=setQuality,lottiejs.inBrowser=inBrowser,lottiejs.installPlugin=installPlugin,lottiejs.freeze=animationManager.freeze,lottiejs.unfreeze=animationManager.unfreeze,lottiejs.getRegisteredAnimations=animationManager.getRegisteredAnimations,lottiejs.__getFactory=getFactory,lottiejs.version="5.4.2";var standalone="__[STANDALONE]__",animationData="__[ANIMATIONDATA]__",renderer="";if(standalone){var scripts=document.getElementsByTagName("script"),index=scripts.length-1,myScript=scripts[index]||{src:""},queryString=myScript.src.replace(/^[^\?]+\??/,"");renderer=getQueryVariable("renderer")}var readyStateCheckInterval=setInterval(checkReady,100);return lottiejs},"function"==typeof define&&define.amd?define(function(){return b(a)}):"object"==typeof module&&module.exports?module.exports=b(a):(a.lottie=b(a),a.bodymovin=a.lottie));
\ No newline at end of file
diff --git a/build/player/lottie_canvas.js b/build/player/lottie_canvas.js
new file mode 100644
index 0000000..a787000
--- /dev/null
+++ b/build/player/lottie_canvas.js
@@ -0,0 +1,12110 @@
+(typeof navigator !== "undefined") && (function(root, factory) {
+ if (typeof define === "function" && define.amd) {
+ define(function() {
+ return factory(root);
+ });
+ } else if (typeof module === "object" && module.exports) {
+ module.exports = factory(root);
+ } else {
+ root.lottie = factory(root);
+ root.bodymovin = root.lottie;
+ }
+}((window || {}), function(window) {
+ "use strict";
+ var svgNS = "http://www.w3.org/2000/svg";
+
+var locationHref = '';
+
+var initialDefaultFrame = -999999;
+
+var subframeEnabled = true;
+var expressionsPlugin;
+var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+var cachedColors = {};
+var bm_rounder = Math.round;
+var bm_rnd;
+var bm_pow = Math.pow;
+var bm_sqrt = Math.sqrt;
+var bm_abs = Math.abs;
+var bm_floor = Math.floor;
+var bm_max = Math.max;
+var bm_min = Math.min;
+var blitter = 10;
+
+var BMMath = {};
+(function(){
+ var propertyNames = Object.getOwnPropertyNames(Math);
+ var i, len = propertyNames.length;
+ for(i=0;i<len;i+=1){
+ BMMath[propertyNames[i]] = Math[propertyNames[i]];
+ }
+}());
+
+function ProjectInterface(){return {};}
+
+BMMath.random = Math.random;
+BMMath.abs = function(val){
+ var tOfVal = typeof val;
+ if(tOfVal === 'object' && val.length){
+ var absArr = createSizedArray(val.length);
+ var i, len = val.length;
+ for(i=0;i<len;i+=1){
+ absArr[i] = Math.abs(val[i]);
+ }
+ return absArr;
+ }
+ return Math.abs(val);
+
+};
+var defaultCurveSegments = 150;
+var degToRads = Math.PI/180;
+var roundCorner = 0.5519;
+
+function roundValues(flag){
+ if(flag){
+ bm_rnd = Math.round;
+ }else{
+ bm_rnd = function(val){
+ return val;
+ };
+ }
+}
+roundValues(false);
+
+function styleDiv(element){
+ element.style.position = 'absolute';
+ element.style.top = 0;
+ element.style.left = 0;
+ element.style.display = 'block';
+ element.style.transformOrigin = element.style.webkitTransformOrigin = '0 0';
+ element.style.backfaceVisibility = element.style.webkitBackfaceVisibility = 'visible';
+ element.style.transformStyle = element.style.webkitTransformStyle = element.style.mozTransformStyle = "preserve-3d";
+}
+
+function BMEnterFrameEvent(n,c,t,d){
+ this.type = n;
+ this.currentTime = c;
+ this.totalTime = t;
+ this.direction = d < 0 ? -1:1;
+}
+
+function BMCompleteEvent(n,d){
+ this.type = n;
+ this.direction = d < 0 ? -1:1;
+}
+
+function BMCompleteLoopEvent(n,c,t,d){
+ this.type = n;
+ this.currentLoop = t;
+ this.totalLoops = c;
+ this.direction = d < 0 ? -1:1;
+}
+
+function BMSegmentStartEvent(n,f,t){
+ this.type = n;
+ this.firstFrame = f;
+ this.totalFrames = t;
+}
+
+function BMDestroyEvent(n,t){
+ this.type = n;
+ this.target = t;
+}
+
+function randomString(length, chars){
+ if(chars === undefined){
+ chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890';
+ }
+ var i;
+ var result = '';
+ for (i = length; i > 0; --i) result += chars[Math.round(Math.random() * (chars.length - 1))];
+ return result;
+}
+
+function HSVtoRGB(h, s, v) {
+ var r, g, b, i, f, p, q, t;
+ i = Math.floor(h * 6);
+ f = h * 6 - i;
+ p = v * (1 - s);
+ q = v * (1 - f * s);
+ t = v * (1 - (1 - f) * s);
+ switch (i % 6) {
+ case 0: r = v; g = t; b = p; break;
+ case 1: r = q; g = v; b = p; break;
+ case 2: r = p; g = v; b = t; break;
+ case 3: r = p; g = q; b = v; break;
+ case 4: r = t; g = p; b = v; break;
+ case 5: r = v; g = p; b = q; break;
+ }
+ return [ r,
+ g,
+ b ];
+}
+
+function RGBtoHSV(r, g, b) {
+ var max = Math.max(r, g, b), min = Math.min(r, g, b),
+ d = max - min,
+ h,
+ s = (max === 0 ? 0 : d / max),
+ v = max / 255;
+
+ switch (max) {
+ case min: h = 0; break;
+ case r: h = (g - b) + d * (g < b ? 6: 0); h /= 6 * d; break;
+ case g: h = (b - r) + d * 2; h /= 6 * d; break;
+ case b: h = (r - g) + d * 4; h /= 6 * d; break;
+ }
+
+ return [
+ h,
+ s,
+ v
+ ];
+}
+
+function addSaturationToRGB(color,offset){
+ var hsv = RGBtoHSV(color[0]*255,color[1]*255,color[2]*255);
+ hsv[1] += offset;
+ if (hsv[1] > 1) {
+ hsv[1] = 1;
+ }
+ else if (hsv[1] <= 0) {
+ hsv[1] = 0;
+ }
+ return HSVtoRGB(hsv[0],hsv[1],hsv[2]);
+}
+
+function addBrightnessToRGB(color,offset){
+ var hsv = RGBtoHSV(color[0]*255,color[1]*255,color[2]*255);
+ hsv[2] += offset;
+ if (hsv[2] > 1) {
+ hsv[2] = 1;
+ }
+ else if (hsv[2] < 0) {
+ hsv[2] = 0;
+ }
+ return HSVtoRGB(hsv[0],hsv[1],hsv[2]);
+}
+
+function addHueToRGB(color,offset) {
+ var hsv = RGBtoHSV(color[0]*255,color[1]*255,color[2]*255);
+ hsv[0] += offset/360;
+ if (hsv[0] > 1) {
+ hsv[0] -= 1;
+ }
+ else if (hsv[0] < 0) {
+ hsv[0] += 1;
+ }
+ return HSVtoRGB(hsv[0],hsv[1],hsv[2]);
+}
+
+var rgbToHex = (function(){
+ var colorMap = [];
+ var i;
+ var hex;
+ for(i=0;i<256;i+=1){
+ hex = i.toString(16);
+ colorMap[i] = hex.length == 1 ? '0' + hex : hex;
+ }
+
+ return function(r, g, b) {
+ if(r<0){
+ r = 0;
+ }
+ if(g<0){
+ g = 0;
+ }
+ if(b<0){
+ b = 0;
+ }
+ return '#' + colorMap[r] + colorMap[g] + colorMap[b];
+ };
+}());
+function BaseEvent(){}
+BaseEvent.prototype = {
+ triggerEvent: function (eventName, args) {
+ if (this._cbs[eventName]) {
+ var len = this._cbs[eventName].length;
+ for (var i = 0; i < len; i++){
+ this._cbs[eventName][i](args);
+ }
+ }
+ },
+ addEventListener: function (eventName, callback) {
+ if (!this._cbs[eventName]){
+ this._cbs[eventName] = [];
+ }
+ this._cbs[eventName].push(callback);
+
+ return function() {
+ this.removeEventListener(eventName, callback);
+ }.bind(this);
+ },
+ removeEventListener: function (eventName,callback){
+ if (!callback){
+ this._cbs[eventName] = null;
+ }else if(this._cbs[eventName]){
+ var i = 0, len = this._cbs[eventName].length;
+ while(i<len){
+ if(this._cbs[eventName][i] === callback){
+ this._cbs[eventName].splice(i,1);
+ i -=1;
+ len -= 1;
+ }
+ i += 1;
+ }
+ if(!this._cbs[eventName].length){
+ this._cbs[eventName] = null;
+ }
+ }
+ }
+};
+var createTypedArray = (function(){
+ function createRegularArray(type, len){
+ var i = 0, arr = [], value;
+ switch(type) {
+ case 'int16':
+ case 'uint8c':
+ value = 1;
+ break;
+ default:
+ value = 1.1;
+ break;
+ }
+ for(i = 0; i < len; i += 1) {
+ arr.push(value);
+ }
+ return arr;
+ }
+ function createTypedArray(type, len){
+ if(type === 'float32') {
+ return new Float32Array(len);
+ } else if(type === 'int16') {
+ return new Int16Array(len);
+ } else if(type === 'uint8c') {
+ return new Uint8ClampedArray(len);
+ }
+ }
+ if(typeof Uint8ClampedArray === 'function' && typeof Float32Array === 'function') {
+ return createTypedArray;
+ } else {
+ return createRegularArray;
+ }
+}());
+
+function createSizedArray(len) {
+ return Array.apply(null,{length:len});
+}
+function createTag(type) {
+ //return {appendChild:function(){},setAttribute:function(){},style:{}}
+ return document.createElement(type);
+}
+function DynamicPropertyContainer(){};
+DynamicPropertyContainer.prototype = {
+ addDynamicProperty: function(prop) {
+ if(this.dynamicProperties.indexOf(prop) === -1) {
+ this.dynamicProperties.push(prop);
+ this.container.addDynamicProperty(this);
+ this._isAnimated = true;
+ }
+ },
+ iterateDynamicProperties: function(){
+ this._mdf = false;
+ var i, len = this.dynamicProperties.length;
+ for(i=0;i<len;i+=1){
+ this.dynamicProperties[i].getValue();
+ if(this.dynamicProperties[i]._mdf) {
+ this._mdf = true;
+ }
+ }
+ },
+ initDynamicPropertyContainer: function(container){
+ this.container = container;
+ this.dynamicProperties = [];
+ this._mdf = false;
+ this._isAnimated = false;
+ }
+}
+/*!
+ Transformation Matrix v2.0
+ (c) Epistemex 2014-2015
+ www.epistemex.com
+ By Ken Fyrstenberg
+ Contributions by leeoniya.
+ License: MIT, header required.
+ */
+
+/**
+ * 2D transformation matrix object initialized with identity matrix.
+ *
+ * The matrix can synchronize a canvas context by supplying the context
+ * as an argument, or later apply current absolute transform to an
+ * existing context.
+ *
+ * All values are handled as floating point values.
+ *
+ * @param {CanvasRenderingContext2D} [context] - Optional context to sync with Matrix
+ * @prop {number} a - scale x
+ * @prop {number} b - shear y
+ * @prop {number} c - shear x
+ * @prop {number} d - scale y
+ * @prop {number} e - translate x
+ * @prop {number} f - translate y
+ * @prop {CanvasRenderingContext2D|null} [context=null] - set or get current canvas context
+ * @constructor
+ */
+
+var Matrix = (function(){
+
+ var _cos = Math.cos;
+ var _sin = Math.sin;
+ var _tan = Math.tan;
+ var _rnd = Math.round;
+
+ function reset(){
+ this.props[0] = 1;
+ this.props[1] = 0;
+ this.props[2] = 0;
+ this.props[3] = 0;
+ this.props[4] = 0;
+ this.props[5] = 1;
+ this.props[6] = 0;
+ this.props[7] = 0;
+ this.props[8] = 0;
+ this.props[9] = 0;
+ this.props[10] = 1;
+ this.props[11] = 0;
+ this.props[12] = 0;
+ this.props[13] = 0;
+ this.props[14] = 0;
+ this.props[15] = 1;
+ return this;
+ }
+
+ function rotate(angle) {
+ if(angle === 0){
+ return this;
+ }
+ var mCos = _cos(angle);
+ var mSin = _sin(angle);
+ return this._t(mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+ }
+
+ function rotateX(angle){
+ if(angle === 0){
+ return this;
+ }
+ var mCos = _cos(angle);
+ var mSin = _sin(angle);
+ return this._t(1, 0, 0, 0, 0, mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1);
+ }
+
+ function rotateY(angle){
+ if(angle === 0){
+ return this;
+ }
+ var mCos = _cos(angle);
+ var mSin = _sin(angle);
+ return this._t(mCos, 0, mSin, 0, 0, 1, 0, 0, -mSin, 0, mCos, 0, 0, 0, 0, 1);
+ }
+
+ function rotateZ(angle){
+ if(angle === 0){
+ return this;
+ }
+ var mCos = _cos(angle);
+ var mSin = _sin(angle);
+ return this._t(mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+ }
+
+ function shear(sx,sy){
+ return this._t(1, sy, sx, 1, 0, 0);
+ }
+
+ function skew(ax, ay){
+ return this.shear(_tan(ax), _tan(ay));
+ }
+
+ function skewFromAxis(ax, angle){
+ var mCos = _cos(angle);
+ var mSin = _sin(angle);
+ return this._t(mCos, mSin, 0, 0, -mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+ ._t(1, 0, 0, 0, _tan(ax), 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+ ._t(mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+ //return this._t(mCos, mSin, -mSin, mCos, 0, 0)._t(1, 0, _tan(ax), 1, 0, 0)._t(mCos, -mSin, mSin, mCos, 0, 0);
+ }
+
+ function scale(sx, sy, sz) {
+ if(!sz && sz !== 0) {
+ sz = 1;
+ }
+ if(sx === 1 && sy === 1 && sz === 1){
+ return this;
+ }
+ return this._t(sx, 0, 0, 0, 0, sy, 0, 0, 0, 0, sz, 0, 0, 0, 0, 1);
+ }
+
+ function setTransform(a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p) {
+ this.props[0] = a;
+ this.props[1] = b;
+ this.props[2] = c;
+ this.props[3] = d;
+ this.props[4] = e;
+ this.props[5] = f;
+ this.props[6] = g;
+ this.props[7] = h;
+ this.props[8] = i;
+ this.props[9] = j;
+ this.props[10] = k;
+ this.props[11] = l;
+ this.props[12] = m;
+ this.props[13] = n;
+ this.props[14] = o;
+ this.props[15] = p;
+ return this;
+ }
+
+ function translate(tx, ty, tz) {
+ tz = tz || 0;
+ if(tx !== 0 || ty !== 0 || tz !== 0){
+ return this._t(1,0,0,0,0,1,0,0,0,0,1,0,tx,ty,tz,1);
+ }
+ return this;
+ }
+
+ function transform(a2, b2, c2, d2, e2, f2, g2, h2, i2, j2, k2, l2, m2, n2, o2, p2) {
+
+ var _p = this.props;
+
+ if(a2 === 1 && b2 === 0 && c2 === 0 && d2 === 0 && e2 === 0 && f2 === 1 && g2 === 0 && h2 === 0 && i2 === 0 && j2 === 0 && k2 === 1 && l2 === 0){
+ //NOTE: commenting this condition because TurboFan deoptimizes code when present
+ //if(m2 !== 0 || n2 !== 0 || o2 !== 0){
+ _p[12] = _p[12] * a2 + _p[15] * m2;
+ _p[13] = _p[13] * f2 + _p[15] * n2;
+ _p[14] = _p[14] * k2 + _p[15] * o2;
+ _p[15] = _p[15] * p2;
+ //}
+ this._identityCalculated = false;
+ return this;
+ }
+
+ var a1 = _p[0];
+ var b1 = _p[1];
+ var c1 = _p[2];
+ var d1 = _p[3];
+ var e1 = _p[4];
+ var f1 = _p[5];
+ var g1 = _p[6];
+ var h1 = _p[7];
+ var i1 = _p[8];
+ var j1 = _p[9];
+ var k1 = _p[10];
+ var l1 = _p[11];
+ var m1 = _p[12];
+ var n1 = _p[13];
+ var o1 = _p[14];
+ var p1 = _p[15];
+
+ /* matrix order (canvas compatible):
+ * ace
+ * bdf
+ * 001
+ */
+ _p[0] = a1 * a2 + b1 * e2 + c1 * i2 + d1 * m2;
+ _p[1] = a1 * b2 + b1 * f2 + c1 * j2 + d1 * n2 ;
+ _p[2] = a1 * c2 + b1 * g2 + c1 * k2 + d1 * o2 ;
+ _p[3] = a1 * d2 + b1 * h2 + c1 * l2 + d1 * p2 ;
+
+ _p[4] = e1 * a2 + f1 * e2 + g1 * i2 + h1 * m2 ;
+ _p[5] = e1 * b2 + f1 * f2 + g1 * j2 + h1 * n2 ;
+ _p[6] = e1 * c2 + f1 * g2 + g1 * k2 + h1 * o2 ;
+ _p[7] = e1 * d2 + f1 * h2 + g1 * l2 + h1 * p2 ;
+
+ _p[8] = i1 * a2 + j1 * e2 + k1 * i2 + l1 * m2 ;
+ _p[9] = i1 * b2 + j1 * f2 + k1 * j2 + l1 * n2 ;
+ _p[10] = i1 * c2 + j1 * g2 + k1 * k2 + l1 * o2 ;
+ _p[11] = i1 * d2 + j1 * h2 + k1 * l2 + l1 * p2 ;
+
+ _p[12] = m1 * a2 + n1 * e2 + o1 * i2 + p1 * m2 ;
+ _p[13] = m1 * b2 + n1 * f2 + o1 * j2 + p1 * n2 ;
+ _p[14] = m1 * c2 + n1 * g2 + o1 * k2 + p1 * o2 ;
+ _p[15] = m1 * d2 + n1 * h2 + o1 * l2 + p1 * p2 ;
+
+ this._identityCalculated = false;
+ return this;
+ }
+
+ function isIdentity() {
+ if(!this._identityCalculated){
+ this._identity = !(this.props[0] !== 1 || this.props[1] !== 0 || this.props[2] !== 0 || this.props[3] !== 0 || this.props[4] !== 0 || this.props[5] !== 1 || this.props[6] !== 0 || this.props[7] !== 0 || this.props[8] !== 0 || this.props[9] !== 0 || this.props[10] !== 1 || this.props[11] !== 0 || this.props[12] !== 0 || this.props[13] !== 0 || this.props[14] !== 0 || this.props[15] !== 1);
+ this._identityCalculated = true;
+ }
+ return this._identity;
+ }
+
+ function equals(matr){
+ var i = 0;
+ while (i < 16) {
+ if(matr.props[i] !== this.props[i]) {
+ return false;
+ }
+ i+=1;
+ }
+ return true;
+ }
+
+ function clone(matr){
+ var i;
+ for(i=0;i<16;i+=1){
+ matr.props[i] = this.props[i];
+ }
+ }
+
+ function cloneFromProps(props){
+ var i;
+ for(i=0;i<16;i+=1){
+ this.props[i] = props[i];
+ }
+ }
+
+ function applyToPoint(x, y, z) {
+
+ return {
+ x: x * this.props[0] + y * this.props[4] + z * this.props[8] + this.props[12],
+ y: x * this.props[1] + y * this.props[5] + z * this.props[9] + this.props[13],
+ z: x * this.props[2] + y * this.props[6] + z * this.props[10] + this.props[14]
+ };
+ /*return {
+ x: x * me.a + y * me.c + me.e,
+ y: x * me.b + y * me.d + me.f
+ };*/
+ }
+ function applyToX(x, y, z) {
+ return x * this.props[0] + y * this.props[4] + z * this.props[8] + this.props[12];
+ }
+ function applyToY(x, y, z) {
+ return x * this.props[1] + y * this.props[5] + z * this.props[9] + this.props[13];
+ }
+ function applyToZ(x, y, z) {
+ return x * this.props[2] + y * this.props[6] + z * this.props[10] + this.props[14];
+ }
+
+ function inversePoint(pt) {
+ var determinant = this.props[0] * this.props[5] - this.props[1] * this.props[4];
+ var a = this.props[5]/determinant;
+ var b = - this.props[1]/determinant;
+ var c = - this.props[4]/determinant;
+ var d = this.props[0]/determinant;
+ var e = (this.props[4] * this.props[13] - this.props[5] * this.props[12])/determinant;
+ var f = - (this.props[0] * this.props[13] - this.props[1] * this.props[12])/determinant;
+ return [pt[0] * a + pt[1] * c + e, pt[0] * b + pt[1] * d + f, 0];
+ }
+
+ function inversePoints(pts){
+ var i, len = pts.length, retPts = [];
+ for(i=0;i<len;i+=1){
+ retPts[i] = inversePoint(pts[i]);
+ }
+ return retPts;
+ }
+
+ function applyToTriplePoints(pt1, pt2, pt3) {
+ var arr = createTypedArray('float32', 6);
+ if(this.isIdentity()) {
+ arr[0] = pt1[0];
+ arr[1] = pt1[1];
+ arr[2] = pt2[0];
+ arr[3] = pt2[1];
+ arr[4] = pt3[0];
+ arr[5] = pt3[1];
+ } else {
+ var p0 = this.props[0], p1 = this.props[1], p4 = this.props[4], p5 = this.props[5], p12 = this.props[12], p13 = this.props[13];
+ arr[0] = pt1[0] * p0 + pt1[1] * p4 + p12;
+ arr[1] = pt1[0] * p1 + pt1[1] * p5 + p13;
+ arr[2] = pt2[0] * p0 + pt2[1] * p4 + p12;
+ arr[3] = pt2[0] * p1 + pt2[1] * p5 + p13;
+ arr[4] = pt3[0] * p0 + pt3[1] * p4 + p12;
+ arr[5] = pt3[0] * p1 + pt3[1] * p5 + p13;
+ }
+ return arr;
+ }
+
+ function applyToPointArray(x,y,z){
+ var arr;
+ if(this.isIdentity()) {
+ arr = [x,y,z];
+ } else {
+ arr = [x * this.props[0] + y * this.props[4] + z * this.props[8] + this.props[12],x * this.props[1] + y * this.props[5] + z * this.props[9] + this.props[13],x * this.props[2] + y * this.props[6] + z * this.props[10] + this.props[14]];
+ }
+ return arr;
+ }
+
+ function applyToPointStringified(x, y) {
+ if(this.isIdentity()) {
+ return x + ',' + y;
+ }
+ var _p = this.props;
+ return Math.round((x * _p[0] + y * _p[4] + _p[12]) * 100) / 100+','+ Math.round((x * _p[1] + y * _p[5] + _p[13]) * 100) / 100;
+ }
+
+ function toCSS() {
+ //Doesn't make much sense to add this optimization. If it is an identity matrix, it's very likely this will get called only once since it won't be keyframed.
+ /*if(this.isIdentity()) {
+ return '';
+ }*/
+ var i = 0;
+ var props = this.props;
+ var cssValue = 'matrix3d(';
+ var v = 10000;
+ while(i<16){
+ cssValue += _rnd(props[i]*v)/v;
+ cssValue += i === 15 ? ')':',';
+ i += 1;
+ }
+ return cssValue;
+ }
+
+ function roundMatrixProperty(val) {
+ var v = 10000;
+ if((val < 0.000001 && val > 0) || (val > -0.000001 && val < 0)) {
+ return _rnd(val * v) / v;
+ }
+ return val;
+ }
+
+ function to2dCSS() {
+ //Doesn't make much sense to add this optimization. If it is an identity matrix, it's very likely this will get called only once since it won't be keyframed.
+ /*if(this.isIdentity()) {
+ return '';
+ }*/
+ var props = this.props;
+ var _a = roundMatrixProperty(props[0]);
+ var _b = roundMatrixProperty(props[1]);
+ var _c = roundMatrixProperty(props[4]);
+ var _d = roundMatrixProperty(props[5]);
+ var _e = roundMatrixProperty(props[12]);
+ var _f = roundMatrixProperty(props[13]);
+ return "matrix(" + _a + ',' + _b + ',' + _c + ',' + _d + ',' + _e + ',' + _f + ")";
+ }
+
+ return function(){
+ this.reset = reset;
+ this.rotate = rotate;
+ this.rotateX = rotateX;
+ this.rotateY = rotateY;
+ this.rotateZ = rotateZ;
+ this.skew = skew;
+ this.skewFromAxis = skewFromAxis;
+ this.shear = shear;
+ this.scale = scale;
+ this.setTransform = setTransform;
+ this.translate = translate;
+ this.transform = transform;
+ this.applyToPoint = applyToPoint;
+ this.applyToX = applyToX;
+ this.applyToY = applyToY;
+ this.applyToZ = applyToZ;
+ this.applyToPointArray = applyToPointArray;
+ this.applyToTriplePoints = applyToTriplePoints;
+ this.applyToPointStringified = applyToPointStringified;
+ this.toCSS = toCSS;
+ this.to2dCSS = to2dCSS;
+ this.clone = clone;
+ this.cloneFromProps = cloneFromProps;
+ this.equals = equals;
+ this.inversePoints = inversePoints;
+ this.inversePoint = inversePoint;
+ this._t = this.transform;
+ this.isIdentity = isIdentity;
+ this._identity = true;
+ this._identityCalculated = false;
+
+ this.props = createTypedArray('float32', 16);
+ this.reset();
+ };
+}());
+
+/*
+ Copyright 2014 David Bau.
+
+ Permission is hereby granted, free of charge, to any person obtaining
+ a copy of this software and associated documentation files (the
+ "Software"), to deal in the Software without restriction, including
+ without limitation the rights to use, copy, modify, merge, publish,
+ distribute, sublicense, and/or sell copies of the Software, and to
+ permit persons to whom the Software is furnished to do so, subject to
+ the following conditions:
+
+ The above copyright notice and this permission notice shall be
+ included in all copies or substantial portions of the Software.
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+ IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+ CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+ TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+ SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+ */
+
+(function (pool, math) {
+//
+// The following constants are related to IEEE 754 limits.
+//
+ var global = this,
+ width = 256, // each RC4 output is 0 <= x < 256
+ chunks = 6, // at least six RC4 outputs for each double
+ digits = 52, // there are 52 significant digits in a double
+ rngname = 'random', // rngname: name for Math.random and Math.seedrandom
+ startdenom = math.pow(width, chunks),
+ significance = math.pow(2, digits),
+ overflow = significance * 2,
+ mask = width - 1,
+ nodecrypto; // node.js crypto module, initialized at the bottom.
+
+//
+// seedrandom()
+// This is the seedrandom function described above.
+//
+ function seedrandom(seed, options, callback) {
+ var key = [];
+ options = (options === true) ? { entropy: true } : (options || {});
+
+ // Flatten the seed string or build one from local entropy if needed.
+ var shortseed = mixkey(flatten(
+ options.entropy ? [seed, tostring(pool)] :
+ (seed === null) ? autoseed() : seed, 3), key);
+
+ // Use the seed to initialize an ARC4 generator.
+ var arc4 = new ARC4(key);
+
+ // This function returns a random double in [0, 1) that contains
+ // randomness in every bit of the mantissa of the IEEE 754 value.
+ var prng = function() {
+ var n = arc4.g(chunks), // Start with a numerator n < 2 ^ 48
+ d = startdenom, // and denominator d = 2 ^ 48.
+ x = 0; // and no 'extra last byte'.
+ while (n < significance) { // Fill up all significant digits by
+ n = (n + x) * width; // shifting numerator and
+ d *= width; // denominator and generating a
+ x = arc4.g(1); // new least-significant-byte.
+ }
+ while (n >= overflow) { // To avoid rounding up, before adding
+ n /= 2; // last byte, shift everything
+ d /= 2; // right using integer math until
+ x >>>= 1; // we have exactly the desired bits.
+ }
+ return (n + x) / d; // Form the number within [0, 1).
+ };
+
+ prng.int32 = function() { return arc4.g(4) | 0; };
+ prng.quick = function() { return arc4.g(4) / 0x100000000; };
+ prng.double = prng;
+
+ // Mix the randomness into accumulated entropy.
+ mixkey(tostring(arc4.S), pool);
+
+ // Calling convention: what to return as a function of prng, seed, is_math.
+ return (options.pass || callback ||
+ function(prng, seed, is_math_call, state) {
+ if (state) {
+ // Load the arc4 state from the given state if it has an S array.
+ if (state.S) { copy(state, arc4); }
+ // Only provide the .state method if requested via options.state.
+ prng.state = function() { return copy(arc4, {}); };
+ }
+
+ // If called as a method of Math (Math.seedrandom()), mutate
+ // Math.random because that is how seedrandom.js has worked since v1.0.
+ if (is_math_call) { math[rngname] = prng; return seed; }
+
+ // Otherwise, it is a newer calling convention, so return the
+ // prng directly.
+ else return prng;
+ })(
+ prng,
+ shortseed,
+ 'global' in options ? options.global : (this == math),
+ options.state);
+ }
+ math['seed' + rngname] = seedrandom;
+
+//
+// ARC4
+//
+// An ARC4 implementation. The constructor takes a key in the form of
+// an array of at most (width) integers that should be 0 <= x < (width).
+//
+// The g(count) method returns a pseudorandom integer that concatenates
+// the next (count) outputs from ARC4. Its return value is a number x
+// that is in the range 0 <= x < (width ^ count).
+//
+ function ARC4(key) {
+ var t, keylen = key.length,
+ me = this, i = 0, j = me.i = me.j = 0, s = me.S = [];
+
+ // The empty key [] is treated as [0].
+ if (!keylen) { key = [keylen++]; }
+
+ // Set up S using the standard key scheduling algorithm.
+ while (i < width) {
+ s[i] = i++;
+ }
+ for (i = 0; i < width; i++) {
+ s[i] = s[j = mask & (j + key[i % keylen] + (t = s[i]))];
+ s[j] = t;
+ }
+
+ // The "g" method returns the next (count) outputs as one number.
+ me.g = function(count) {
+ // Using instance members instead of closure state nearly doubles speed.
+ var t, r = 0,
+ i = me.i, j = me.j, s = me.S;
+ while (count--) {
+ t = s[i = mask & (i + 1)];
+ r = r * width + s[mask & ((s[i] = s[j = mask & (j + t)]) + (s[j] = t))];
+ }
+ me.i = i; me.j = j;
+ return r;
+ // For robust unpredictability, the function call below automatically
+ // discards an initial batch of values. This is called RC4-drop[256].
+ // See http://google.com/search?q=rsa+fluhrer+response&btnI
+ };
+ }
+
+//
+// copy()
+// Copies internal state of ARC4 to or from a plain object.
+//
+ function copy(f, t) {
+ t.i = f.i;
+ t.j = f.j;
+ t.S = f.S.slice();
+ return t;
+ }
+
+//
+// flatten()
+// Converts an object tree to nested arrays of strings.
+//
+ function flatten(obj, depth) {
+ var result = [], typ = (typeof obj), prop;
+ if (depth && typ == 'object') {
+ for (prop in obj) {
+ try { result.push(flatten(obj[prop], depth - 1)); } catch (e) {}
+ }
+ }
+ return (result.length ? result : typ == 'string' ? obj : obj + '\0');
+ }
+
+//
+// mixkey()
+// Mixes a string seed into a key that is an array of integers, and
+// returns a shortened string seed that is equivalent to the result key.
+//
+ function mixkey(seed, key) {
+ var stringseed = seed + '', smear, j = 0;
+ while (j < stringseed.length) {
+ key[mask & j] =
+ mask & ((smear ^= key[mask & j] * 19) + stringseed.charCodeAt(j++));
+ }
+ return tostring(key);
+ }
+
+//
+// autoseed()
+// Returns an object for autoseeding, using window.crypto and Node crypto
+// module if available.
+//
+ function autoseed() {
+ try {
+ if (nodecrypto) { return tostring(nodecrypto.randomBytes(width)); }
+ var out = new Uint8Array(width);
+ (global.crypto || global.msCrypto).getRandomValues(out);
+ return tostring(out);
+ } catch (e) {
+ var browser = global.navigator,
+ plugins = browser && browser.plugins;
+ return [+new Date(), global, plugins, global.screen, tostring(pool)];
+ }
+ }
+
+//
+// tostring()
+// Converts an array of charcodes to a string
+//
+ function tostring(a) {
+ return String.fromCharCode.apply(0, a);
+ }
+
+//
+// When seedrandom.js is loaded, we immediately mix a few bits
+// from the built-in RNG into the entropy pool. Because we do
+// not want to interfere with deterministic PRNG state later,
+// seedrandom will not call math.random on its own again after
+// initialization.
+//
+ mixkey(math.random(), pool);
+
+//
+// Nodejs and AMD support: export the implementation as a module using
+// either convention.
+//
+
+// End anonymous scope, and pass initial values.
+})(
+ [], // pool: entropy pool starts empty
+ BMMath // math: package containing random, pow, and seedrandom
+);
+var BezierFactory = (function(){
+ /**
+ * BezierEasing - use bezier curve for transition easing function
+ * by Gaëtan Renaudeau 2014 - 2015 – MIT License
+ *
+ * Credits: is based on Firefox's nsSMILKeySpline.cpp
+ * Usage:
+ * var spline = BezierEasing([ 0.25, 0.1, 0.25, 1.0 ])
+ * spline.get(x) => returns the easing value | x must be in [0, 1] range
+ *
+ */
+
+ var ob = {};
+ ob.getBezierEasing = getBezierEasing;
+ var beziers = {};
+
+ function getBezierEasing(a,b,c,d,nm){
+ var str = nm || ('bez_' + a+'_'+b+'_'+c+'_'+d).replace(/\./g, 'p');
+ if(beziers[str]){
+ return beziers[str];
+ }
+ var bezEasing = new BezierEasing([a,b,c,d]);
+ beziers[str] = bezEasing;
+ return bezEasing;
+ }
+
+// These values are established by empiricism with tests (tradeoff: performance VS precision)
+ var NEWTON_ITERATIONS = 4;
+ var NEWTON_MIN_SLOPE = 0.001;
+ var SUBDIVISION_PRECISION = 0.0000001;
+ var SUBDIVISION_MAX_ITERATIONS = 10;
+
+ var kSplineTableSize = 11;
+ var kSampleStepSize = 1.0 / (kSplineTableSize - 1.0);
+
+ var float32ArraySupported = typeof Float32Array === "function";
+
+ function A (aA1, aA2) { return 1.0 - 3.0 * aA2 + 3.0 * aA1; }
+ function B (aA1, aA2) { return 3.0 * aA2 - 6.0 * aA1; }
+ function C (aA1) { return 3.0 * aA1; }
+
+// Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2.
+ function calcBezier (aT, aA1, aA2) {
+ return ((A(aA1, aA2)*aT + B(aA1, aA2))*aT + C(aA1))*aT;
+ }
+
+// Returns dx/dt given t, x1, and x2, or dy/dt given t, y1, and y2.
+ function getSlope (aT, aA1, aA2) {
+ return 3.0 * A(aA1, aA2)*aT*aT + 2.0 * B(aA1, aA2) * aT + C(aA1);
+ }
+
+ function binarySubdivide (aX, aA, aB, mX1, mX2) {
+ var currentX, currentT, i = 0;
+ do {
+ currentT = aA + (aB - aA) / 2.0;
+ currentX = calcBezier(currentT, mX1, mX2) - aX;
+ if (currentX > 0.0) {
+ aB = currentT;
+ } else {
+ aA = currentT;
+ }
+ } while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS);
+ return currentT;
+ }
+
+ function newtonRaphsonIterate (aX, aGuessT, mX1, mX2) {
+ for (var i = 0; i < NEWTON_ITERATIONS; ++i) {
+ var currentSlope = getSlope(aGuessT, mX1, mX2);
+ if (currentSlope === 0.0) return aGuessT;
+ var currentX = calcBezier(aGuessT, mX1, mX2) - aX;
+ aGuessT -= currentX / currentSlope;
+ }
+ return aGuessT;
+ }
+
+ /**
+ * points is an array of [ mX1, mY1, mX2, mY2 ]
+ */
+ function BezierEasing (points) {
+ this._p = points;
+ this._mSampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize);
+ this._precomputed = false;
+
+ this.get = this.get.bind(this);
+ }
+
+ BezierEasing.prototype = {
+
+ get: function (x) {
+ var mX1 = this._p[0],
+ mY1 = this._p[1],
+ mX2 = this._p[2],
+ mY2 = this._p[3];
+ if (!this._precomputed) this._precompute();
+ if (mX1 === mY1 && mX2 === mY2) return x; // linear
+ // Because JavaScript number are imprecise, we should guarantee the extremes are right.
+ if (x === 0) return 0;
+ if (x === 1) return 1;
+ return calcBezier(this._getTForX(x), mY1, mY2);
+ },
+
+ // Private part
+
+ _precompute: function () {
+ var mX1 = this._p[0],
+ mY1 = this._p[1],
+ mX2 = this._p[2],
+ mY2 = this._p[3];
+ this._precomputed = true;
+ if (mX1 !== mY1 || mX2 !== mY2)
+ this._calcSampleValues();
+ },
+
+ _calcSampleValues: function () {
+ var mX1 = this._p[0],
+ mX2 = this._p[2];
+ for (var i = 0; i < kSplineTableSize; ++i) {
+ this._mSampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);
+ }
+ },
+
+ /**
+ * getTForX chose the fastest heuristic to determine the percentage value precisely from a given X projection.
+ */
+ _getTForX: function (aX) {
+ var mX1 = this._p[0],
+ mX2 = this._p[2],
+ mSampleValues = this._mSampleValues;
+
+ var intervalStart = 0.0;
+ var currentSample = 1;
+ var lastSample = kSplineTableSize - 1;
+
+ for (; currentSample !== lastSample && mSampleValues[currentSample] <= aX; ++currentSample) {
+ intervalStart += kSampleStepSize;
+ }
+ --currentSample;
+
+ // Interpolate to provide an initial guess for t
+ var dist = (aX - mSampleValues[currentSample]) / (mSampleValues[currentSample+1] - mSampleValues[currentSample]);
+ var guessForT = intervalStart + dist * kSampleStepSize;
+
+ var initialSlope = getSlope(guessForT, mX1, mX2);
+ if (initialSlope >= NEWTON_MIN_SLOPE) {
+ return newtonRaphsonIterate(aX, guessForT, mX1, mX2);
+ } else if (initialSlope === 0.0) {
+ return guessForT;
+ } else {
+ return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2);
+ }
+ }
+ };
+
+ return ob;
+
+}());
+(function () {
+ var lastTime = 0;
+ var vendors = ['ms', 'moz', 'webkit', 'o'];
+ for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
+ window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];
+ window.cancelAnimationFrame = window[vendors[x] + 'CancelAnimationFrame'] || window[vendors[x] + 'CancelRequestAnimationFrame'];
+ }
+ if(!window.requestAnimationFrame)
+ window.requestAnimationFrame = function (callback, element) {
+ var currTime = new Date().getTime();
+ var timeToCall = Math.max(0, 16 - (currTime - lastTime));
+ var id = setTimeout(function () {
+ callback(currTime + timeToCall);
+ },
+ timeToCall);
+ lastTime = currTime + timeToCall;
+ return id;
+ };
+ if(!window.cancelAnimationFrame)
+ window.cancelAnimationFrame = function (id) {
+ clearTimeout(id);
+ };
+}());
+
+function extendPrototype(sources,destination){
+ var i, len = sources.length, sourcePrototype;
+ for (i = 0;i < len;i += 1) {
+ sourcePrototype = sources[i].prototype;
+ for (var attr in sourcePrototype) {
+ if (sourcePrototype.hasOwnProperty(attr)) destination.prototype[attr] = sourcePrototype[attr];
+ }
+ }
+}
+
+function getDescriptor(object, prop) {
+ return Object.getOwnPropertyDescriptor(object, prop);
+}
+
+function createProxyFunction(prototype) {
+ function ProxyFunction(){}
+ ProxyFunction.prototype = prototype;
+ return ProxyFunction;
+}
+function bezFunction(){
+
+ var easingFunctions = [];
+ var math = Math;
+
+ function pointOnLine2D(x1,y1, x2,y2, x3,y3){
+ var det1 = (x1*y2) + (y1*x3) + (x2*y3) - (x3*y2) - (y3*x1) - (x2*y1);
+ return det1 > -0.001 && det1 < 0.001;
+ }
+
+ function pointOnLine3D(x1,y1,z1, x2,y2,z2, x3,y3,z3){
+ if(z1 === 0 && z2 === 0 && z3 === 0) {
+ return pointOnLine2D(x1,y1, x2,y2, x3,y3);
+ }
+ var dist1 = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2) + Math.pow(z2 - z1, 2));
+ var dist2 = Math.sqrt(Math.pow(x3 - x1, 2) + Math.pow(y3 - y1, 2) + Math.pow(z3 - z1, 2));
+ var dist3 = Math.sqrt(Math.pow(x3 - x2, 2) + Math.pow(y3 - y2, 2) + Math.pow(z3 - z2, 2));
+ var diffDist;
+ if(dist1 > dist2){
+ if(dist1 > dist3){
+ diffDist = dist1 - dist2 - dist3;
+ } else {
+ diffDist = dist3 - dist2 - dist1;
+ }
+ } else if(dist3 > dist2){
+ diffDist = dist3 - dist2 - dist1;
+ } else {
+ diffDist = dist2 - dist1 - dist3;
+ }
+ return diffDist > -0.0001 && diffDist < 0.0001;
+ }
+
+ var getBezierLength = (function(){
+
+ return function(pt1,pt2,pt3,pt4){
+ var curveSegments = defaultCurveSegments;
+ var k;
+ var i, len;
+ var ptCoord,perc,addedLength = 0;
+ var ptDistance;
+ var point = [],lastPoint = [];
+ var lengthData = bezier_length_pool.newElement();
+ len = pt3.length;
+ for(k=0;k<curveSegments;k+=1){
+ perc = k/(curveSegments-1);
+ ptDistance = 0;
+ for(i=0;i<len;i+=1){
+ ptCoord = bm_pow(1-perc,3)*pt1[i]+3*bm_pow(1-perc,2)*perc*pt3[i]+3*(1-perc)*bm_pow(perc,2)*pt4[i]+bm_pow(perc,3)*pt2[i];
+ point[i] = ptCoord;
+ if(lastPoint[i] !== null){
+ ptDistance += bm_pow(point[i] - lastPoint[i],2);
+ }
+ lastPoint[i] = point[i];
+ }
+ if(ptDistance){
+ ptDistance = bm_sqrt(ptDistance);
+ addedLength += ptDistance;
+ }
+ lengthData.percents[k] = perc;
+ lengthData.lengths[k] = addedLength;
+ }
+ lengthData.addedLength = addedLength;
+ return lengthData;
+ };
+ }());
+
+ function getSegmentsLength(shapeData) {
+ var segmentsLength = segments_length_pool.newElement();
+ var closed = shapeData.c;
+ var pathV = shapeData.v;
+ var pathO = shapeData.o;
+ var pathI = shapeData.i;
+ var i, len = shapeData._length;
+ var lengths = segmentsLength.lengths;
+ var totalLength = 0;
+ for(i=0;i<len-1;i+=1){
+ lengths[i] = getBezierLength(pathV[i],pathV[i+1],pathO[i],pathI[i+1]);
+ totalLength += lengths[i].addedLength;
+ }
+ if(closed && len){
+ lengths[i] = getBezierLength(pathV[i],pathV[0],pathO[i],pathI[0]);
+ totalLength += lengths[i].addedLength;
+ }
+ segmentsLength.totalLength = totalLength;
+ return segmentsLength;
+ }
+
+ function BezierData(length){
+ this.segmentLength = 0;
+ this.points = new Array(length);
+ }
+
+ function PointData(partial,point){
+ this.partialLength = partial;
+ this.point = point;
+ }
+
+ var buildBezierData = (function(){
+
+ var storedData = {};
+
+ return function (keyData){
+ var pt1 = keyData.s;
+ var pt2 = keyData.e;
+ var pt3 = keyData.to;
+ var pt4 = keyData.ti;
+ var bezierName = (pt1[0]+'_'+pt1[1]+'_'+pt2[0]+'_'+pt2[1]+'_'+pt3[0]+'_'+pt3[1]+'_'+pt4[0]+'_'+pt4[1]).replace(/\./g, 'p');
+ if(storedData[bezierName]){
+ keyData.bezierData = storedData[bezierName];
+ return;
+ }
+ var curveSegments = defaultCurveSegments;
+ var k, i, len;
+ var ptCoord,perc,addedLength = 0;
+ var ptDistance;
+ var point,lastPoint = null;
+ if (pt1.length === 2 && (pt1[0] != pt2[0] || pt1[1] != pt2[1]) && pointOnLine2D(pt1[0],pt1[1],pt2[0],pt2[1],pt1[0]+pt3[0],pt1[1]+pt3[1]) && pointOnLine2D(pt1[0],pt1[1],pt2[0],pt2[1],pt2[0]+pt4[0],pt2[1]+pt4[1])){
+ curveSegments = 2;
+ }
+ var bezierData = new BezierData(curveSegments);
+ len = pt3.length;
+ for (k = 0; k < curveSegments; k += 1) {
+ point = createSizedArray(len);
+ perc = k / (curveSegments - 1);
+ ptDistance = 0;
+ for (i = 0; i < len; i += 1){
+ ptCoord = bm_pow(1-perc,3)*pt1[i]+3*bm_pow(1-perc,2)*perc*(pt1[i] + pt3[i])+3*(1-perc)*bm_pow(perc,2)*(pt2[i] + pt4[i])+bm_pow(perc,3)*pt2[i];
+ point[i] = ptCoord;
+ if(lastPoint !== null){
+ ptDistance += bm_pow(point[i] - lastPoint[i],2);
+ }
+ }
+ ptDistance = bm_sqrt(ptDistance);
+ addedLength += ptDistance;
+ bezierData.points[k] = new PointData(ptDistance, point);
+ lastPoint = point;
+ }
+ bezierData.segmentLength = addedLength;
+ keyData.bezierData = bezierData;
+ storedData[bezierName] = bezierData;
+ };
+ }());
+
+ function getDistancePerc(perc,bezierData){
+ var percents = bezierData.percents;
+ var lengths = bezierData.lengths;
+ var len = percents.length;
+ var initPos = bm_floor((len-1)*perc);
+ var lengthPos = perc*bezierData.addedLength;
+ var lPerc = 0;
+ if(initPos === len - 1 || initPos === 0 || lengthPos === lengths[initPos]){
+ return percents[initPos];
+ }else{
+ var dir = lengths[initPos] > lengthPos ? -1 : 1;
+ var flag = true;
+ while(flag){
+ if(lengths[initPos] <= lengthPos && lengths[initPos+1] > lengthPos){
+ lPerc = (lengthPos - lengths[initPos]) / (lengths[initPos+1] - lengths[initPos]);
+ flag = false;
+ }else{
+ initPos += dir;
+ }
+ if(initPos < 0 || initPos >= len - 1){
+ //FIX for TypedArrays that don't store floating point values with enough accuracy
+ if(initPos === len - 1) {
+ return percents[initPos];
+ }
+ flag = false;
+ }
+ }
+ return percents[initPos] + (percents[initPos+1] - percents[initPos])*lPerc;
+ }
+ }
+
+ function getPointInSegment(pt1, pt2, pt3, pt4, percent, bezierData) {
+ var t1 = getDistancePerc(percent,bezierData);
+ var u0 = 1;
+ var u1 = 1 - t1;
+ var ptX = Math.round((u1*u1*u1* pt1[0] + (t1*u1*u1 + u1*t1*u1 + u1*u1*t1)* pt3[0] + (t1*t1*u1 + u1*t1*t1 + t1*u1*t1)*pt4[0] + t1*t1*t1* pt2[0])* 1000) / 1000;
+ var ptY = Math.round((u1*u1*u1* pt1[1] + (t1*u1*u1 + u1*t1*u1 + u1*u1*t1)* pt3[1] + (t1*t1*u1 + u1*t1*t1 + t1*u1*t1)*pt4[1] + t1*t1*t1* pt2[1])* 1000) / 1000;
+ return [ptX, ptY];
+ }
+
+ function getSegmentArray() {
+
+ }
+
+ var bezier_segment_points = createTypedArray('float32', 8);
+
+ function getNewSegment(pt1,pt2,pt3,pt4,startPerc,endPerc, bezierData){
+
+ startPerc = startPerc < 0 ? 0 : startPerc > 1 ? 1 : startPerc;
+ var t0 = getDistancePerc(startPerc,bezierData);
+ endPerc = endPerc > 1 ? 1 : endPerc;
+ var t1 = getDistancePerc(endPerc,bezierData);
+ var i, len = pt1.length;
+ var u0 = 1 - t0;
+ var u1 = 1 - t1;
+ var u0u0u0 = u0*u0*u0;
+ var t0u0u0_3 = t0*u0*u0*3;
+ var t0t0u0_3 = t0*t0*u0*3;
+ var t0t0t0 = t0*t0*t0;
+ //
+ var u0u0u1 = u0*u0*u1;
+ var t0u0u1_3 = t0*u0*u1 + u0*t0*u1 + u0*u0*t1;
+ var t0t0u1_3 = t0*t0*u1 + u0*t0*t1 + t0*u0*t1;
+ var t0t0t1 = t0*t0*t1;
+ //
+ var u0u1u1 = u0*u1*u1;
+ var t0u1u1_3 = t0*u1*u1 + u0*t1*u1 + u0*u1*t1;
+ var t0t1u1_3 = t0*t1*u1 + u0*t1*t1 + t0*u1*t1;
+ var t0t1t1 = t0*t1*t1;
+ //
+ var u1u1u1 = u1*u1*u1;
+ var t1u1u1_3 = t1*u1*u1 + u1*t1*u1 + u1*u1*t1;
+ var t1t1u1_3 = t1*t1*u1 + u1*t1*t1 + t1*u1*t1;
+ var t1t1t1 = t1*t1*t1;
+ for(i=0;i<len;i+=1){
+ bezier_segment_points[i * 4] = Math.round((u0u0u0 * pt1[i] + t0u0u0_3 * pt3[i] + t0t0u0_3 * pt4[i] + t0t0t0 * pt2[i]) * 1000) / 1000;
+ bezier_segment_points[i * 4 + 1] = Math.round((u0u0u1 * pt1[i] + t0u0u1_3 * pt3[i] + t0t0u1_3 * pt4[i] + t0t0t1 * pt2[i]) * 1000) / 1000;
+ bezier_segment_points[i * 4 + 2] = Math.round((u0u1u1 * pt1[i] + t0u1u1_3 * pt3[i] + t0t1u1_3 * pt4[i] + t0t1t1 * pt2[i]) * 1000) / 1000;
+ bezier_segment_points[i * 4 + 3] = Math.round((u1u1u1 * pt1[i] + t1u1u1_3 * pt3[i] + t1t1u1_3 * pt4[i] + t1t1t1 * pt2[i]) * 1000) / 1000;
+ }
+
+ return bezier_segment_points;
+ }
+
+ return {
+ getSegmentsLength : getSegmentsLength,
+ getNewSegment : getNewSegment,
+ getPointInSegment : getPointInSegment,
+ buildBezierData : buildBezierData,
+ pointOnLine2D : pointOnLine2D,
+ pointOnLine3D : pointOnLine3D
+ };
+}
+
+var bez = bezFunction();
+function dataFunctionManager(){
+
+ //var tCanvasHelper = createTag('canvas').getContext('2d');
+
+ function completeLayers(layers, comps, fontManager){
+ var layerData;
+ var animArray, lastFrame;
+ var i, len = layers.length;
+ var j, jLen, k, kLen;
+ for(i=0;i<len;i+=1){
+ layerData = layers[i];
+ if(!('ks' in layerData) || layerData.completed){
+ continue;
+ }
+ layerData.completed = true;
+ if(layerData.tt){
+ layers[i-1].td = layerData.tt;
+ }
+ animArray = [];
+ lastFrame = -1;
+ if(layerData.hasMask){
+ var maskProps = layerData.masksProperties;
+ jLen = maskProps.length;
+ for(j=0;j<jLen;j+=1){
+ if(maskProps[j].pt.k.i){
+ convertPathsToAbsoluteValues(maskProps[j].pt.k);
+ }else{
+ kLen = maskProps[j].pt.k.length;
+ for(k=0;k<kLen;k+=1){
+ if(maskProps[j].pt.k[k].s){
+ convertPathsToAbsoluteValues(maskProps[j].pt.k[k].s[0]);
+ }
+ if(maskProps[j].pt.k[k].e){
+ convertPathsToAbsoluteValues(maskProps[j].pt.k[k].e[0]);
+ }
+ }
+ }
+ }
+ }
+ if(layerData.ty===0){
+ layerData.layers = findCompLayers(layerData.refId, comps);
+ completeLayers(layerData.layers,comps, fontManager);
+ }else if(layerData.ty === 4){
+ completeShapes(layerData.shapes);
+ }else if(layerData.ty == 5){
+ completeText(layerData, fontManager);
+ }
+ }
+ }
+
+ function findCompLayers(id,comps){
+ var i = 0, len = comps.length;
+ while(i<len){
+ if(comps[i].id === id){
+ if(!comps[i].layers.__used) {
+ comps[i].layers.__used = true;
+ return comps[i].layers;
+ }
+ return JSON.parse(JSON.stringify(comps[i].layers));
+ }
+ i += 1;
+ }
+ }
+
+ function completeShapes(arr){
+ var i, len = arr.length;
+ var j, jLen;
+ var hasPaths = false;
+ for(i=len-1;i>=0;i-=1){
+ if(arr[i].ty == 'sh'){
+ if(arr[i].ks.k.i){
+ convertPathsToAbsoluteValues(arr[i].ks.k);
+ }else{
+ jLen = arr[i].ks.k.length;
+ for(j=0;j<jLen;j+=1){
+ if(arr[i].ks.k[j].s){
+ convertPathsToAbsoluteValues(arr[i].ks.k[j].s[0]);
+ }
+ if(arr[i].ks.k[j].e){
+ convertPathsToAbsoluteValues(arr[i].ks.k[j].e[0]);
+ }
+ }
+ }
+ hasPaths = true;
+ }else if(arr[i].ty == 'gr'){
+ completeShapes(arr[i].it);
+ }
+ }
+ /*if(hasPaths){
+ //mx: distance
+ //ss: sensitivity
+ //dc: decay
+ arr.splice(arr.length-1,0,{
+ "ty": "ms",
+ "mx":20,
+ "ss":10,
+ "dc":0.001,
+ "maxDist":200
+ });
+ }*/
+ }
+
+ function convertPathsToAbsoluteValues(path){
+ var i, len = path.i.length;
+ for(i=0;i<len;i+=1){
+ path.i[i][0] += path.v[i][0];
+ path.i[i][1] += path.v[i][1];
+ path.o[i][0] += path.v[i][0];
+ path.o[i][1] += path.v[i][1];
+ }
+ }
+
+ function checkVersion(minimum,animVersionString){
+ var animVersion = animVersionString ? animVersionString.split('.') : [100,100,100];
+ if(minimum[0]>animVersion[0]){
+ return true;
+ } else if(animVersion[0] > minimum[0]){
+ return false;
+ }
+ if(minimum[1]>animVersion[1]){
+ return true;
+ } else if(animVersion[1] > minimum[1]){
+ return false;
+ }
+ if(minimum[2]>animVersion[2]){
+ return true;
+ } else if(animVersion[2] > minimum[2]){
+ return false;
+ }
+ }
+
+ var checkText = (function(){
+ var minimumVersion = [4,4,14];
+
+ function updateTextLayer(textLayer){
+ var documentData = textLayer.t.d;
+ textLayer.t.d = {
+ k: [
+ {
+ s:documentData,
+ t:0
+ }
+ ]
+ };
+ }
+
+ function iterateLayers(layers){
+ var i, len = layers.length;
+ for(i=0;i<len;i+=1){
+ if(layers[i].ty === 5){
+ updateTextLayer(layers[i]);
+ }
+ }
+ }
+
+ return function (animationData){
+ if(checkVersion(minimumVersion,animationData.v)){
+ iterateLayers(animationData.layers);
+ if(animationData.assets){
+ var i, len = animationData.assets.length;
+ for(i=0;i<len;i+=1){
+ if(animationData.assets[i].layers){
+ iterateLayers(animationData.assets[i].layers);
+
+ }
+ }
+ }
+ }
+ };
+ }());
+
+ var checkChars = (function() {
+ var minimumVersion = [4,7,99];
+ return function (animationData){
+ if(animationData.chars && !checkVersion(minimumVersion,animationData.v)){
+ var i, len = animationData.chars.length, j, jLen, k, kLen;
+ var pathData, paths;
+ for(i = 0; i < len; i += 1) {
+ if(animationData.chars[i].data && animationData.chars[i].data.shapes) {
+ paths = animationData.chars[i].data.shapes[0].it;
+ jLen = paths.length;
+
+ for(j = 0; j < jLen; j += 1) {
+ pathData = paths[j].ks.k;
+ if(!pathData.__converted) {
+ convertPathsToAbsoluteValues(paths[j].ks.k);
+ pathData.__converted = true;
+ }
+ }
+ }
+ }
+ }
+ };
+ }());
+
+ var checkColors = (function(){
+ var minimumVersion = [4,1,9];
+
+ function iterateShapes(shapes){
+ var i, len = shapes.length;
+ var j, jLen;
+ for(i=0;i<len;i+=1){
+ if(shapes[i].ty === 'gr'){
+ iterateShapes(shapes[i].it);
+ }else if(shapes[i].ty === 'fl' || shapes[i].ty === 'st'){
+ if(shapes[i].c.k && shapes[i].c.k[0].i){
+ jLen = shapes[i].c.k.length;
+ for(j=0;j<jLen;j+=1){
+ if(shapes[i].c.k[j].s){
+ shapes[i].c.k[j].s[0] /= 255;
+ shapes[i].c.k[j].s[1] /= 255;
+ shapes[i].c.k[j].s[2] /= 255;
+ shapes[i].c.k[j].s[3] /= 255;
+ }
+ if(shapes[i].c.k[j].e){
+ shapes[i].c.k[j].e[0] /= 255;
+ shapes[i].c.k[j].e[1] /= 255;
+ shapes[i].c.k[j].e[2] /= 255;
+ shapes[i].c.k[j].e[3] /= 255;
+ }
+ }
+ } else {
+ shapes[i].c.k[0] /= 255;
+ shapes[i].c.k[1] /= 255;
+ shapes[i].c.k[2] /= 255;
+ shapes[i].c.k[3] /= 255;
+ }
+ }
+ }
+ }
+
+ function iterateLayers(layers){
+ var i, len = layers.length;
+ for(i=0;i<len;i+=1){
+ if(layers[i].ty === 4){
+ iterateShapes(layers[i].shapes);
+ }
+ }
+ }
+
+ return function (animationData){
+ if(checkVersion(minimumVersion,animationData.v)){
+ iterateLayers(animationData.layers);
+ if(animationData.assets){
+ var i, len = animationData.assets.length;
+ for(i=0;i<len;i+=1){
+ if(animationData.assets[i].layers){
+ iterateLayers(animationData.assets[i].layers);
+
+ }
+ }
+ }
+ }
+ };
+ }());
+
+ var checkShapes = (function(){
+ var minimumVersion = [4,4,18];
+
+
+
+ function completeShapes(arr){
+ var i, len = arr.length;
+ var j, jLen;
+ var hasPaths = false;
+ for(i=len-1;i>=0;i-=1){
+ if(arr[i].ty == 'sh'){
+ if(arr[i].ks.k.i){
+ arr[i].ks.k.c = arr[i].closed;
+ }else{
+ jLen = arr[i].ks.k.length;
+ for(j=0;j<jLen;j+=1){
+ if(arr[i].ks.k[j].s){
+ arr[i].ks.k[j].s[0].c = arr[i].closed;
+ }
+ if(arr[i].ks.k[j].e){
+ arr[i].ks.k[j].e[0].c = arr[i].closed;
+ }
+ }
+ }
+ hasPaths = true;
+ }else if(arr[i].ty == 'gr'){
+ completeShapes(arr[i].it);
+ }
+ }
+ }
+
+ function iterateLayers(layers){
+ var layerData;
+ var i, len = layers.length;
+ var j, jLen, k, kLen;
+ for(i=0;i<len;i+=1){
+ layerData = layers[i];
+ if(layerData.hasMask){
+ var maskProps = layerData.masksProperties;
+ jLen = maskProps.length;
+ for(j=0;j<jLen;j+=1){
+ if(maskProps[j].pt.k.i){
+ maskProps[j].pt.k.c = maskProps[j].cl;
+ }else{
+ kLen = maskProps[j].pt.k.length;
+ for(k=0;k<kLen;k+=1){
+ if(maskProps[j].pt.k[k].s){
+ maskProps[j].pt.k[k].s[0].c = maskProps[j].cl;
+ }
+ if(maskProps[j].pt.k[k].e){
+ maskProps[j].pt.k[k].e[0].c = maskProps[j].cl;
+ }
+ }
+ }
+ }
+ }
+ if(layerData.ty === 4){
+ completeShapes(layerData.shapes);
+ }
+ }
+ }
+
+ return function (animationData){
+ if(checkVersion(minimumVersion,animationData.v)){
+ iterateLayers(animationData.layers);
+ if(animationData.assets){
+ var i, len = animationData.assets.length;
+ for(i=0;i<len;i+=1){
+ if(animationData.assets[i].layers){
+ iterateLayers(animationData.assets[i].layers);
+
+ }
+ }
+ }
+ }
+ };
+ }());
+
+ function completeData(animationData, fontManager){
+ if(animationData.__complete){
+ return;
+ }
+ checkColors(animationData);
+ checkText(animationData);
+ checkChars(animationData);
+ checkShapes(animationData);
+ completeLayers(animationData.layers, animationData.assets, fontManager);
+ animationData.__complete = true;
+ //blitAnimation(animationData, animationData.assets, fontManager);
+ }
+
+ function completeText(data, fontManager){
+ if(data.t.a.length === 0 && !('m' in data.t.p)){
+ data.singleShape = true;
+ }
+ }
+
+ var moduleOb = {};
+ moduleOb.completeData = completeData;
+
+ return moduleOb;
+}
+
+var dataManager = dataFunctionManager();
+var FontManager = (function(){
+
+ var maxWaitingTime = 5000;
+ var emptyChar = {
+ w: 0,
+ size:0,
+ shapes:[]
+ };
+ var combinedCharacters = [];
+ //Hindi characters
+ combinedCharacters = combinedCharacters.concat([2304, 2305, 2306, 2307, 2362, 2363, 2364, 2364, 2366
+ , 2367, 2368, 2369, 2370, 2371, 2372, 2373, 2374, 2375, 2376, 2377, 2378, 2379
+ , 2380, 2381, 2382, 2383, 2387, 2388, 2389, 2390, 2391, 2402, 2403]);
+
+ function setUpNode(font, family){
+ var parentNode = createTag('span');
+ parentNode.style.fontFamily = family;
+ var node = createTag('span');
+ // Characters that vary significantly among different fonts
+ node.innerHTML = 'giItT1WQy@!-/#';
+ // Visible - so we can measure it - but not on the screen
+ parentNode.style.position = 'absolute';
+ parentNode.style.left = '-10000px';
+ parentNode.style.top = '-10000px';
+ // Large font size makes even subtle changes obvious
+ parentNode.style.fontSize = '300px';
+ // Reset any font properties
+ parentNode.style.fontVariant = 'normal';
+ parentNode.style.fontStyle = 'normal';
+ parentNode.style.fontWeight = 'normal';
+ parentNode.style.letterSpacing = '0';
+ parentNode.appendChild(node);
+ document.body.appendChild(parentNode);
+
+ // Remember width with no applied web font
+ var width = node.offsetWidth;
+ node.style.fontFamily = font + ', '+family;
+ return {node:node, w:width, parent:parentNode};
+ }
+
+ function checkLoadedFonts() {
+ var i, len = this.fonts.length;
+ var node, w;
+ var loadedCount = len;
+ for(i=0;i<len; i+= 1){
+ if(this.fonts[i].loaded){
+ loadedCount -= 1;
+ continue;
+ }
+ if(this.fonts[i].fOrigin === 'n' || this.fonts[i].origin === 0){
+ this.fonts[i].loaded = true;
+ } else{
+ node = this.fonts[i].monoCase.node;
+ w = this.fonts[i].monoCase.w;
+ if(node.offsetWidth !== w){
+ loadedCount -= 1;
+ this.fonts[i].loaded = true;
+ }else{
+ node = this.fonts[i].sansCase.node;
+ w = this.fonts[i].sansCase.w;
+ if(node.offsetWidth !== w){
+ loadedCount -= 1;
+ this.fonts[i].loaded = true;
+ }
+ }
+ if(this.fonts[i].loaded){
+ this.fonts[i].sansCase.parent.parentNode.removeChild(this.fonts[i].sansCase.parent);
+ this.fonts[i].monoCase.parent.parentNode.removeChild(this.fonts[i].monoCase.parent);
+ }
+ }
+ }
+
+ if(loadedCount !== 0 && Date.now() - this.initTime < maxWaitingTime){
+ setTimeout(this.checkLoadedFonts.bind(this),20);
+ }else{
+ setTimeout(function(){this.isLoaded = true;}.bind(this),0);
+
+ }
+ }
+
+ function createHelper(def, fontData){
+ var tHelper = createNS('text');
+ tHelper.style.fontSize = '100px';
+ //tHelper.style.fontFamily = fontData.fFamily;
+ tHelper.setAttribute('font-family', fontData.fFamily);
+ tHelper.setAttribute('font-style', fontData.fStyle);
+ tHelper.setAttribute('font-weight', fontData.fWeight);
+ tHelper.textContent = '1';
+ if(fontData.fClass){
+ tHelper.style.fontFamily = 'inherit';
+ tHelper.className = fontData.fClass;
+ } else {
+ tHelper.style.fontFamily = fontData.fFamily;
+ }
+ def.appendChild(tHelper);
+ var tCanvasHelper = createTag('canvas').getContext('2d');
+ tCanvasHelper.font = fontData.fWeight + ' ' + fontData.fStyle + ' 100px '+ fontData.fFamily;
+ //tCanvasHelper.font = ' 100px '+ fontData.fFamily;
+ return tHelper;
+ }
+
+ function addFonts(fontData, defs){
+ if(!fontData){
+ this.isLoaded = true;
+ return;
+ }
+ if(this.chars){
+ this.isLoaded = true;
+ this.fonts = fontData.list;
+ return;
+ }
+
+
+ var fontArr = fontData.list;
+ var i, len = fontArr.length;
+ var _pendingFonts = len;
+ for(i=0; i<len; i+= 1){
+ var shouldLoadFont = true;
+ var loadedSelector;
+ var j;
+ fontArr[i].loaded = false;
+ fontArr[i].monoCase = setUpNode(fontArr[i].fFamily,'monospace');
+ fontArr[i].sansCase = setUpNode(fontArr[i].fFamily,'sans-serif');
+ if(!fontArr[i].fPath) {
+ fontArr[i].loaded = true;
+ _pendingFonts -= 1;
+ }else if(fontArr[i].fOrigin === 'p' || fontArr[i].origin === 3){
+ loadedSelector = document.querySelectorAll('style[f-forigin="p"][f-family="'+ fontArr[i].fFamily +'"], style[f-origin="3"][f-family="'+ fontArr[i].fFamily +'"]');
+
+ if (loadedSelector.length > 0) {
+ shouldLoadFont = false;
+ }
+
+ if (shouldLoadFont) {
+ var s = createTag('style');
+ s.setAttribute('f-forigin', fontArr[i].fOrigin);
+ s.setAttribute('f-origin', fontArr[i].origin);
+ s.setAttribute('f-family', fontArr[i].fFamily);
+ s.type = "text/css";
+ s.innerHTML = "@font-face {" + "font-family: "+fontArr[i].fFamily+"; font-style: normal; src: url('"+fontArr[i].fPath+"');}";
+ defs.appendChild(s);
+ }
+ } else if(fontArr[i].fOrigin === 'g' || fontArr[i].origin === 1){
+ loadedSelector = document.querySelectorAll('link[f-forigin="g"], link[f-origin="1"]');
+
+ for (j = 0; j < loadedSelector.length; j++) {
+ if (loadedSelector[j].href.indexOf(fontArr[i].fPath) !== -1) {
+ // Font is already loaded
+ shouldLoadFont = false;
+ }
+ }
+
+ if (shouldLoadFont) {
+ var l = createTag('link');
+ l.setAttribute('f-forigin', fontArr[i].fOrigin);
+ l.setAttribute('f-origin', fontArr[i].origin);
+ l.type = "text/css";
+ l.rel = "stylesheet";
+ l.href = fontArr[i].fPath;
+ document.body.appendChild(l);
+ }
+ } else if(fontArr[i].fOrigin === 't' || fontArr[i].origin === 2){
+ loadedSelector = document.querySelectorAll('script[f-forigin="t"], script[f-origin="2"]');
+
+ for (j = 0; j < loadedSelector.length; j++) {
+ if (fontArr[i].fPath === loadedSelector[j].src) {
+ // Font is already loaded
+ shouldLoadFont = false;
+ }
+ }
+
+ if (shouldLoadFont) {
+ var sc = createTag('link');
+ sc.setAttribute('f-forigin', fontArr[i].fOrigin);
+ sc.setAttribute('f-origin', fontArr[i].origin);
+ sc.setAttribute('rel','stylesheet');
+ sc.setAttribute('href',fontArr[i].fPath);
+ defs.appendChild(sc);
+ }
+ }
+ fontArr[i].helper = createHelper(defs,fontArr[i]);
+ fontArr[i].cache = {};
+ this.fonts.push(fontArr[i]);
+ }
+ if (_pendingFonts === 0) {
+ this.isLoaded = true;
+ } else {
+ //On some cases even if the font is loaded, it won't load correctly when measuring text on canvas.
+ //Adding this timeout seems to fix it
+ setTimeout(this.checkLoadedFonts.bind(this), 100);
+ }
+ }
+
+ function addChars(chars){
+ if(!chars){
+ return;
+ }
+ if(!this.chars){
+ this.chars = [];
+ }
+ var i, len = chars.length;
+ var j, jLen = this.chars.length, found;
+ for(i=0;i<len;i+=1){
+ j = 0;
+ found = false;
+ while(j<jLen){
+ if(this.chars[j].style === chars[i].style && this.chars[j].fFamily === chars[i].fFamily && this.chars[j].ch === chars[i].ch){
+ found = true;
+ }
+ j += 1;
+ }
+ if(!found){
+ this.chars.push(chars[i]);
+ jLen += 1;
+ }
+ }
+ }
+
+ function getCharData(char, style, font){
+ var i = 0, len = this.chars.length;
+ while( i < len) {
+ if(this.chars[i].ch === char && this.chars[i].style === style && this.chars[i].fFamily === font){
+ return this.chars[i];
+ }
+ i+= 1;
+ }
+ if(console && console.warn) {
+ console.warn('Missing character from exported characters list: ', char, style, font);
+ }
+ return emptyChar;
+ }
+
+ function measureText(char, fontName, size) {
+ var fontData = this.getFontByName(fontName);
+ var index = char.charCodeAt(0);
+ if(!fontData.cache[index + 1]) {
+ var tHelper = fontData.helper;
+ //Canvas version
+ //fontData.cache[index] = tHelper.measureText(char).width / 100;
+ //SVG version
+ //console.log(tHelper.getBBox().width)
+ if (char === ' ') {
+ tHelper.textContent = '|' + char + '|';
+ var doubleSize = tHelper.getComputedTextLength();
+ tHelper.textContent = '||';
+ var singleSize = tHelper.getComputedTextLength();
+ fontData.cache[index + 1] = (doubleSize - singleSize)/100;
+ } else {
+ tHelper.textContent = char;
+ fontData.cache[index + 1] = (tHelper.getComputedTextLength())/100;
+ }
+ }
+ return fontData.cache[index + 1] * size;
+ }
+
+ function getFontByName(name){
+ var i = 0, len = this.fonts.length;
+ while(i<len){
+ if(this.fonts[i].fName === name) {
+ return this.fonts[i];
+ }
+ i += 1;
+ }
+ return this.fonts[0];
+ }
+
+ function getCombinedCharacterCodes() {
+ return combinedCharacters;
+ }
+
+ function loaded() {
+ return this.isLoaded;
+ }
+
+ var Font = function(){
+ this.fonts = [];
+ this.chars = null;
+ this.typekitLoaded = 0;
+ this.isLoaded = false;
+ this.initTime = Date.now();
+ };
+ //TODO: for now I'm adding these methods to the Class and not the prototype. Think of a better way to implement it.
+ Font.getCombinedCharacterCodes = getCombinedCharacterCodes;
+
+ Font.prototype.addChars = addChars;
+ Font.prototype.addFonts = addFonts;
+ Font.prototype.getCharData = getCharData;
+ Font.prototype.getFontByName = getFontByName;
+ Font.prototype.measureText = measureText;
+ Font.prototype.checkLoadedFonts = checkLoadedFonts;
+ Font.prototype.loaded = loaded;
+
+ return Font;
+
+}());
+var PropertyFactory = (function(){
+
+ var initFrame = initialDefaultFrame;
+ var math_abs = Math.abs;
+
+ function interpolateValue(frameNum, caching) {
+ var offsetTime = this.offsetTime;
+ var newValue;
+ if (this.propType === 'multidimensional') {
+ newValue = createTypedArray('float32', this.pv.length);
+ }
+ var iterationIndex = caching.lastIndex;
+ var i = iterationIndex;
+ var len = this.keyframes.length - 1, flag = true;
+ var keyData, nextKeyData;
+
+ while (flag) {
+ keyData = this.keyframes[i];
+ nextKeyData = this.keyframes[i + 1];
+ if (i === len - 1 && frameNum >= nextKeyData.t - offsetTime){
+ if(keyData.h){
+ keyData = nextKeyData;
+ }
+ iterationIndex = 0;
+ break;
+ }
+ if ((nextKeyData.t - offsetTime) > frameNum){
+ iterationIndex = i;
+ break;
+ }
+ if (i < len - 1){
+ i += 1;
+ } else {
+ iterationIndex = 0;
+ flag = false;
+ }
+ }
+
+ var k, kLen, perc, jLen, j, fnc;
+ var nextKeyTime = nextKeyData.t - offsetTime;
+ var keyTime = keyData.t - offsetTime;
+ if (keyData.to) {
+ if (!keyData.bezierData) {
+ bez.buildBezierData(keyData);
+ }
+ var bezierData = keyData.bezierData;
+ if (frameNum >= nextKeyTime || frameNum < keyTime) {
+ var ind = frameNum >= nextKeyTime ? bezierData.points.length - 1 : 0;
+ kLen = bezierData.points[ind].point.length;
+ for (k = 0; k < kLen; k += 1) {
+ newValue[k] = bezierData.points[ind].point[k];
+ }
+ // caching._lastBezierData = null;
+ } else {
+ if (keyData.__fnct) {
+ fnc = keyData.__fnct;
+ } else {
+ fnc = BezierFactory.getBezierEasing(keyData.o.x, keyData.o.y, keyData.i.x, keyData.i.y, keyData.n).get;
+ keyData.__fnct = fnc;
+ }
+ perc = fnc((frameNum - keyTime) / (nextKeyTime - keyTime));
+ var distanceInLine = bezierData.segmentLength*perc;
+
+ var segmentPerc;
+ var addedLength = (caching.lastFrame < frameNum && caching._lastBezierData === bezierData) ? caching._lastAddedLength : 0;
+ j = (caching.lastFrame < frameNum && caching._lastBezierData === bezierData) ? caching._lastPoint : 0;
+ flag = true;
+ jLen = bezierData.points.length;
+ while (flag) {
+ addedLength += bezierData.points[j].partialLength;
+ if (distanceInLine === 0 || perc === 0 || j === bezierData.points.length - 1) {
+ kLen = bezierData.points[j].point.length;
+ for (k = 0; k < kLen; k += 1) {
+ newValue[k] = bezierData.points[j].point[k];
+ }
+ break;
+ } else if (distanceInLine >= addedLength && distanceInLine < addedLength + bezierData.points[j + 1].partialLength) {
+ segmentPerc = (distanceInLine - addedLength) / bezierData.points[j + 1].partialLength;
+ kLen = bezierData.points[j].point.length;
+ for (k = 0; k < kLen; k += 1) {
+ newValue[k] = bezierData.points[j].point[k] + (bezierData.points[j + 1].point[k] - bezierData.points[j].point[k]) * segmentPerc;
+ }
+ break;
+ }
+ if (j < jLen - 1){
+ j += 1;
+ } else {
+ flag = false;
+ }
+ }
+ caching._lastPoint = j;
+ caching._lastAddedLength = addedLength - bezierData.points[j].partialLength;
+ caching._lastBezierData = bezierData;
+ }
+ } else {
+ var outX, outY, inX, inY, keyValue;
+ len = keyData.s.length;
+ if (this.sh && keyData.h !== 1) {
+ if (frameNum >= nextKeyTime) {
+ newValue[0] = keyData.e[0];
+ newValue[1] = keyData.e[1];
+ newValue[2] = keyData.e[2];
+ } else if (frameNum <= keyTime) {
+ newValue[0] = keyData.s[0];
+ newValue[1] = keyData.s[1];
+ newValue[2] = keyData.s[2];
+ } else {
+ var quatStart = createQuaternion(keyData.s);
+ var quatEnd = createQuaternion(keyData.e);
+ var time = (frameNum - keyTime) / (nextKeyTime - keyTime);
+ quaternionToEuler(newValue, slerp(quatStart, quatEnd, time));
+ }
+
+ } else {
+ for(i = 0; i < len; i += 1) {
+ if (keyData.h !== 1) {
+ if (frameNum >= nextKeyTime) {
+ perc = 1;
+ } else if(frameNum < keyTime) {
+ perc = 0;
+ } else {
+ if(keyData.o.x.constructor === Array) {
+ if (!keyData.__fnct) {
+ keyData.__fnct = [];
+ }
+ if (!keyData.__fnct[i]) {
+ outX = (typeof keyData.o.x[i] === undefined) ? keyData.o.x[0] : keyData.o.x[i];
+ outY = (typeof keyData.o.y[i] === undefined) ? keyData.o.y[0] : keyData.o.y[i];
+ inX = (typeof keyData.i.x[i] === undefined) ? keyData.i.x[0] : keyData.i.x[i];
+ inY = (typeof keyData.i.y[i] === undefined) ? keyData.i.y[0] : keyData.i.y[i];
+
+ fnc = BezierFactory.getBezierEasing(outX, outY, inX, inY).get;
+ keyData.__fnct[i] = fnc;
+ } else {
+ fnc = keyData.__fnct[i];
+ }
+ } else {
+ if (!keyData.__fnct) {
+ outX = keyData.o.x;
+ outY = keyData.o.y;
+ inX = keyData.i.x;
+ inY = keyData.i.y;
+ fnc = BezierFactory.getBezierEasing(outX, outY, inX, inY).get;
+ keyData.__fnct = fnc;
+ } else {
+ fnc = keyData.__fnct;
+ }
+ }
+ perc = fnc((frameNum - keyTime) / (nextKeyTime - keyTime ));
+ }
+ }
+
+ keyValue = keyData.h === 1 ? keyData.s[i] : keyData.s[i] + (keyData.e[i] - keyData.s[i]) * perc;
+
+ if (len === 1) {
+ newValue = keyValue;
+ } else {
+ newValue[i] = keyValue;
+ }
+ }
+ }
+ }
+ caching.lastIndex = iterationIndex;
+ return newValue;
+ }
+
+ //based on @Toji's https://github.com/toji/gl-matrix/
+ function slerp(a, b, t) {
+ var out = [];
+ var ax = a[0], ay = a[1], az = a[2], aw = a[3],
+ bx = b[0], by = b[1], bz = b[2], bw = b[3]
+
+ var omega, cosom, sinom, scale0, scale1;
+
+ cosom = ax * bx + ay * by + az * bz + aw * bw;
+ if (cosom < 0.0) {
+ cosom = -cosom;
+ bx = -bx;
+ by = -by;
+ bz = -bz;
+ bw = -bw;
+ }
+ if ((1.0 - cosom) > 0.000001) {
+ omega = Math.acos(cosom);
+ sinom = Math.sin(omega);
+ scale0 = Math.sin((1.0 - t) * omega) / sinom;
+ scale1 = Math.sin(t * omega) / sinom;
+ } else {
+ scale0 = 1.0 - t;
+ scale1 = t;
+ }
+ out[0] = scale0 * ax + scale1 * bx;
+ out[1] = scale0 * ay + scale1 * by;
+ out[2] = scale0 * az + scale1 * bz;
+ out[3] = scale0 * aw + scale1 * bw;
+
+ return out;
+ }
+
+ function quaternionToEuler(out, quat) {
+ var qx = quat[0];
+ var qy = quat[1];
+ var qz = quat[2];
+ var qw = quat[3];
+ var heading = Math.atan2(2*qy*qw-2*qx*qz , 1 - 2*qy*qy - 2*qz*qz)
+ var attitude = Math.asin(2*qx*qy + 2*qz*qw)
+ var bank = Math.atan2(2*qx*qw-2*qy*qz , 1 - 2*qx*qx - 2*qz*qz);
+ out[0] = heading/degToRads;
+ out[1] = attitude/degToRads;
+ out[2] = bank/degToRads;
+ }
+
+ function createQuaternion(values) {
+ var heading = values[0] * degToRads;
+ var attitude = values[1] * degToRads;
+ var bank = values[2] * degToRads;
+ var c1 = Math.cos(heading / 2);
+ var c2 = Math.cos(attitude / 2);
+ var c3 = Math.cos(bank / 2);
+ var s1 = Math.sin(heading / 2);
+ var s2 = Math.sin(attitude / 2);
+ var s3 = Math.sin(bank / 2);
+ var w = c1 * c2 * c3 - s1 * s2 * s3;
+ var x = s1 * s2 * c3 + c1 * c2 * s3;
+ var y = s1 * c2 * c3 + c1 * s2 * s3;
+ var z = c1 * s2 * c3 - s1 * c2 * s3;
+
+ return [x,y,z,w];
+ }
+
+ function getValueAtCurrentTime(){
+ var frameNum = this.comp.renderedFrame - this.offsetTime;
+ var initTime = this.keyframes[0].t - this.offsetTime;
+ var endTime = this.keyframes[this.keyframes.length- 1].t-this.offsetTime;
+ if(!(frameNum === this._caching.lastFrame || (this._caching.lastFrame !== initFrame && ((this._caching.lastFrame >= endTime && frameNum >= endTime) || (this._caching.lastFrame < initTime && frameNum < initTime))))){
+ if(this._caching.lastFrame >= frameNum) {
+ this._caching._lastBezierData = null;
+ this._caching.lastIndex = 0;
+ }
+
+ var renderResult = this.interpolateValue(frameNum, this._caching);
+ this.pv = renderResult;
+ }
+ this._caching.lastFrame = frameNum;
+ return this.pv;
+ }
+
+ function setVValue(val) {
+ var multipliedValue;
+ if(this.propType === 'unidimensional') {
+ multipliedValue = val * this.mult;
+ if(math_abs(this.v - multipliedValue) > 0.00001) {
+ this.v = multipliedValue;
+ this._mdf = true;
+ }
+ } else {
+ var i = 0, len = this.v.length;
+ while (i < len) {
+ multipliedValue = val[i] * this.mult;
+ if (math_abs(this.v[i] - multipliedValue) > 0.00001) {
+ this.v[i] = multipliedValue;
+ this._mdf = true;
+ }
+ i += 1;
+ }
+ }
+ }
+
+ function processEffectsSequence() {
+ if(this.elem.globalData.frameId === this.frameId || !this.effectsSequence.length) {
+ return;
+ }
+ if(this.lock) {
+ this.setVValue(this.pv);
+ return;
+ }
+ this.lock = true;
+ this._mdf = this._isFirstFrame;
+ var multipliedValue;
+ var i, len = this.effectsSequence.length;
+ var finalValue = this.kf ? this.pv : this.data.k;
+ for(i = 0; i < len; i += 1) {
+ finalValue = this.effectsSequence[i](finalValue);
+ }
+ this.setVValue(finalValue);
+ this._isFirstFrame = false;
+ this.lock = false;
+ this.frameId = this.elem.globalData.frameId;
+ }
+
+ function addEffect(effectFunction) {
+ this.effectsSequence.push(effectFunction);
+ this.container.addDynamicProperty(this);
+ }
+
+ function ValueProperty(elem, data, mult, container){
+ this.propType = 'unidimensional';
+ this.mult = mult || 1;
+ this.data = data;
+ this.v = mult ? data.k * mult : data.k;
+ this.pv = data.k;
+ this._mdf = false;
+ this.elem = elem;
+ this.container = container;
+ this.comp = elem.comp;
+ this.k = false;
+ this.kf = false;
+ this.vel = 0;
+ this.effectsSequence = [];
+ this._isFirstFrame = true;
+ this.getValue = processEffectsSequence;
+ this.setVValue = setVValue;
+ this.addEffect = addEffect;
+ }
+
+ function MultiDimensionalProperty(elem, data, mult, container) {
+ this.propType = 'multidimensional';
+ this.mult = mult || 1;
+ this.data = data;
+ this._mdf = false;
+ this.elem = elem;
+ this.container = container;
+ this.comp = elem.comp;
+ this.k = false;
+ this.kf = false;
+ this.frameId = -1;
+ var i, len = data.k.length;
+ this.v = createTypedArray('float32', len);
+ this.pv = createTypedArray('float32', len);
+ var arr = createTypedArray('float32', len);
+ this.vel = createTypedArray('float32', len);
+ for (i = 0; i < len; i += 1) {
+ this.v[i] = data.k[i] * this.mult;
+ this.pv[i] = data.k[i];
+ }
+ this._isFirstFrame = true;
+ this.effectsSequence = [];
+ this.getValue = processEffectsSequence;
+ this.setVValue = setVValue;
+ this.addEffect = addEffect;
+ }
+
+ function KeyframedValueProperty(elem, data, mult, container) {
+ this.propType = 'unidimensional';
+ this.keyframes = data.k;
+ this.offsetTime = elem.data.st;
+ this.frameId = -1;
+ this._caching = {lastFrame: initFrame, lastIndex: 0, value: 0, _lastBezierData: null};
+ this.k = true;
+ this.kf = true;
+ this.data = data;
+ this.mult = mult || 1;
+ this.elem = elem;
+ this.container = container;
+ this.comp = elem.comp;
+ this.v = initFrame;
+ this.pv = initFrame;
+ this._isFirstFrame = true;
+ this.getValue = processEffectsSequence;
+ this.setVValue = setVValue;
+ this.interpolateValue = interpolateValue;
+ this.effectsSequence = [getValueAtCurrentTime.bind(this)];
+ this.addEffect = addEffect;
+ }
+
+ function KeyframedMultidimensionalProperty(elem, data, mult, container){
+ this.propType = 'multidimensional';
+ var i, len = data.k.length;
+ var s, e,to,ti;
+ for (i = 0; i < len - 1; i += 1) {
+ if (data.k[i].to && data.k[i].s && data.k[i].e) {
+ s = data.k[i].s;
+ e = data.k[i].e;
+ to = data.k[i].to;
+ ti = data.k[i].ti;
+ if((s.length === 2 && !(s[0] === e[0] && s[1] === e[1]) && bez.pointOnLine2D(s[0],s[1],e[0],e[1],s[0] + to[0],s[1] + to[1]) && bez.pointOnLine2D(s[0],s[1],e[0],e[1],e[0] + ti[0],e[1] + ti[1])) || (s.length === 3 && !(s[0] === e[0] && s[1] === e[1] && s[2] === e[2]) && bez.pointOnLine3D(s[0],s[1],s[2],e[0],e[1],e[2],s[0] + to[0],s[1] + to[1],s[2] + to[2]) && bez.pointOnLine3D(s[0],s[1],s[2],e[0],e[1],e[2],e[0] + ti[0],e[1] + ti[1],e[2] + ti[2]))){
+ data.k[i].to = null;
+ data.k[i].ti = null;
+ }
+ if(s[0] === e[0] && s[1] === e[1] && to[0] === 0 && to[1] === 0 && ti[0] === 0 && ti[1] === 0) {
+ if(s.length === 2 || (s[2] === e[2] && to[2] === 0 && ti[2] === 0)) {
+ data.k[i].to = null;
+ data.k[i].ti = null;
+ }
+ }
+ }
+ }
+ this.effectsSequence = [getValueAtCurrentTime.bind(this)];
+ this.keyframes = data.k;
+ this.offsetTime = elem.data.st;
+ this.k = true;
+ this.kf = true;
+ this._isFirstFrame = true;
+ this.mult = mult || 1;
+ this.elem = elem;
+ this.container = container;
+ this.comp = elem.comp;
+ this.getValue = processEffectsSequence;
+ this.setVValue = setVValue;
+ this.interpolateValue = interpolateValue;
+ this.frameId = -1;
+ var arrLen = data.k[0].s.length;
+ this.v = createTypedArray('float32', arrLen);
+ this.pv = createTypedArray('float32', arrLen);
+ for (i = 0; i < arrLen; i += 1) {
+ this.v[i] = initFrame;
+ this.pv[i] = initFrame;
+ }
+ this._caching={lastFrame:initFrame,lastIndex:0,value:createTypedArray('float32', arrLen)};
+ this.addEffect = addEffect;
+ }
+
+ function getProp(elem,data,type, mult, container) {
+ var p;
+ if(data.a === 0){
+ if(type === 0) {
+ p = new ValueProperty(elem,data,mult, container);
+ } else {
+ p = new MultiDimensionalProperty(elem,data, mult, container);
+ }
+ } else if(data.a === 1){
+ if(type === 0) {
+ p = new KeyframedValueProperty(elem,data,mult, container);
+ } else {
+ p = new KeyframedMultidimensionalProperty(elem,data, mult, container);
+ }
+ } else if(!data.k.length){
+ p = new ValueProperty(elem,data, mult, container);
+ }else if(typeof(data.k[0]) === 'number'){
+ p = new MultiDimensionalProperty(elem,data, mult, container);
+ }else{
+ switch(type){
+ case 0:
+ p = new KeyframedValueProperty(elem,data,mult, container);
+ break;
+ case 1:
+ p = new KeyframedMultidimensionalProperty(elem,data,mult, container);
+ break;
+ }
+ }
+ if(p.effectsSequence.length){
+ container.addDynamicProperty(p);
+ }
+ return p;
+ }
+
+ var ob = {
+ getProp: getProp
+ };
+ return ob;
+}());
+var TransformPropertyFactory = (function() {
+
+ function applyToMatrix(mat) {
+ var _mdf = this._mdf;
+ this.iterateDynamicProperties();
+ this._mdf = this._mdf || _mdf;
+ if (this.a) {
+ mat.translate(-this.a.v[0], -this.a.v[1], this.a.v[2]);
+ }
+ if (this.s) {
+ mat.scale(this.s.v[0], this.s.v[1], this.s.v[2]);
+ }
+ if (this.sk) {
+ mat.skewFromAxis(-this.sk.v, this.sa.v);
+ }
+ if (this.r) {
+ mat.rotate(-this.r.v);
+ } else {
+ mat.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]);
+ }
+ if (this.data.p.s) {
+ if (this.data.p.z) {
+ mat.translate(this.px.v, this.py.v, -this.pz.v);
+ } else {
+ mat.translate(this.px.v, this.py.v, 0);
+ }
+ } else {
+ mat.translate(this.p.v[0], this.p.v[1], -this.p.v[2]);
+ }
+ }
+ function processKeys(forceRender){
+ if (this.elem.globalData.frameId === this.frameId) {
+ return;
+ }
+ if(this._isDirty) {
+ this.precalculateMatrix();
+ this._isDirty = false;
+ }
+
+ this.iterateDynamicProperties();
+
+ if (this._mdf || forceRender) {
+ this.v.cloneFromProps(this.pre.props);
+ if (this.appliedTransformations < 1) {
+ this.v.translate(-this.a.v[0], -this.a.v[1], this.a.v[2]);
+ }
+ if(this.appliedTransformations < 2) {
+ this.v.scale(this.s.v[0], this.s.v[1], this.s.v[2]);
+ }
+ if (this.sk && this.appliedTransformations < 3) {
+ this.v.skewFromAxis(-this.sk.v, this.sa.v);
+ }
+ if (this.r && this.appliedTransformations < 4) {
+ this.v.rotate(-this.r.v);
+ } else if (!this.r && this.appliedTransformations < 4){
+ this.v.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]);
+ }
+ if (this.autoOriented) {
+ var v1,v2, frameRate = this.elem.globalData.frameRate;
+ if(this.p && this.p.keyframes && this.p.getValueAtTime) {
+ if (this.p._caching.lastFrame+this.p.offsetTime <= this.p.keyframes[0].t) {
+ v1 = this.p.getValueAtTime((this.p.keyframes[0].t + 0.01) / frameRate,0);
+ v2 = this.p.getValueAtTime(this.p.keyframes[0].t / frameRate, 0);
+ } else if(this.p._caching.lastFrame+this.p.offsetTime >= this.p.keyframes[this.p.keyframes.length - 1].t) {
+ v1 = this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length - 1].t / frameRate), 0);
+ v2 = this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length - 1].t - 0.01) / frameRate, 0);
+ } else {
+ v1 = this.p.pv;
+ v2 = this.p.getValueAtTime((this.p._caching.lastFrame+this.p.offsetTime - 0.01) / frameRate, this.p.offsetTime);
+ }
+ } else if(this.px && this.px.keyframes && this.py.keyframes && this.px.getValueAtTime && this.py.getValueAtTime) {
+ v1 = [];
+ v2 = [];
+ var px = this.px, py = this.py, frameRate;
+ if (px._caching.lastFrame+px.offsetTime <= px.keyframes[0].t) {
+ v1[0] = px.getValueAtTime((px.keyframes[0].t + 0.01) / frameRate,0);
+ v1[1] = py.getValueAtTime((py.keyframes[0].t + 0.01) / frameRate,0);
+ v2[0] = px.getValueAtTime((px.keyframes[0].t) / frameRate,0);
+ v2[1] = py.getValueAtTime((py.keyframes[0].t) / frameRate,0);
+ } else if(px._caching.lastFrame+px.offsetTime >= px.keyframes[px.keyframes.length - 1].t) {
+ v1[0] = px.getValueAtTime((px.keyframes[px.keyframes.length - 1].t / frameRate),0);
+ v1[1] = py.getValueAtTime((py.keyframes[py.keyframes.length - 1].t / frameRate),0);
+ v2[0] = px.getValueAtTime((px.keyframes[px.keyframes.length - 1].t - 0.01) / frameRate,0);
+ v2[1] = py.getValueAtTime((py.keyframes[py.keyframes.length - 1].t - 0.01) / frameRate,0);
+ } else {
+ v1 = [px.pv, py.pv];
+ v2[0] = px.getValueAtTime((px._caching.lastFrame+px.offsetTime - 0.01) / frameRate,px.offsetTime);
+ v2[1] = py.getValueAtTime((py._caching.lastFrame+py.offsetTime - 0.01) / frameRate,py.offsetTime);
+ }
+ }
+ this.v.rotate(-Math.atan2(v1[1] - v2[1], v1[0] - v2[0]));
+ }
+ if(this.data.p.s){
+ if(this.data.p.z) {
+ this.v.translate(this.px.v, this.py.v, -this.pz.v);
+ } else {
+ this.v.translate(this.px.v, this.py.v, 0);
+ }
+ }else{
+ this.v.translate(this.p.v[0],this.p.v[1],-this.p.v[2]);
+ }
+ }
+ this.frameId = this.elem.globalData.frameId;
+ }
+
+ function precalculateMatrix() {
+ if(!this.a.k) {
+ this.pre.translate(-this.a.v[0], -this.a.v[1], this.a.v[2]);
+ this.appliedTransformations = 1;
+ } else {
+ return;
+ }
+ if(!this.s.effectsSequence.length) {
+ this.pre.scale(this.s.v[0], this.s.v[1], this.s.v[2]);
+ this.appliedTransformations = 2;
+ } else {
+ return;
+ }
+ if(this.sk) {
+ if(!this.sk.effectsSequence.length && !this.sa.effectsSequence.length) {
+ this.pre.skewFromAxis(-this.sk.v, this.sa.v);
+ this.appliedTransformations = 3;
+ } else {
+ return;
+ }
+ }
+ if (this.r) {
+ if(!this.r.effectsSequence.length) {
+ this.pre.rotate(-this.r.v);
+ this.appliedTransformations = 4;
+ } else {
+ return;
+ }
+ } else if(!this.rz.effectsSequence.length && !this.ry.effectsSequence.length && !this.rx.effectsSequence.length && !this.or.effectsSequence.length) {
+ this.pre.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]);
+ this.appliedTransformations = 4;
+ }
+ }
+
+ function autoOrient(){
+ //
+ //var prevP = this.getValueAtTime();
+ }
+
+ function addDynamicProperty(prop) {
+ this._addDynamicProperty(prop);
+ this.elem.addDynamicProperty(prop);
+ this._isDirty = true;
+ }
+
+ function TransformProperty(elem,data,container){
+ this.elem = elem;
+ this.frameId = -1;
+ this.propType = 'transform';
+ this.data = data;
+ this.v = new Matrix();
+ //Precalculated matrix with non animated properties
+ this.pre = new Matrix();
+ this.appliedTransformations = 0;
+ this.initDynamicPropertyContainer(container || elem);
+ if(data.p.s){
+ this.px = PropertyFactory.getProp(elem,data.p.x,0,0,this);
+ this.py = PropertyFactory.getProp(elem,data.p.y,0,0,this);
+ if(data.p.z){
+ this.pz = PropertyFactory.getProp(elem,data.p.z,0,0,this);
+ }
+ }else{
+ this.p = PropertyFactory.getProp(elem,data.p,1,0,this);
+ }
+ if(data.r) {
+ this.r = PropertyFactory.getProp(elem, data.r, 0, degToRads, this);
+ } else if(data.rx) {
+ this.rx = PropertyFactory.getProp(elem, data.rx, 0, degToRads, this);
+ this.ry = PropertyFactory.getProp(elem, data.ry, 0, degToRads, this);
+ this.rz = PropertyFactory.getProp(elem, data.rz, 0, degToRads, this);
+ if(data.or.k[0].ti) {
+ var i, len = data.or.k.length;
+ for(i=0;i<len;i+=1) {
+ data.or.k[i].to = data.or.k[i].ti = null;
+ }
+ }
+ this.or = PropertyFactory.getProp(elem, data.or, 1, degToRads, this);
+ //sh Indicates it needs to be capped between -180 and 180
+ this.or.sh = true;
+ }
+ if(data.sk){
+ this.sk = PropertyFactory.getProp(elem, data.sk, 0, degToRads, this);
+ this.sa = PropertyFactory.getProp(elem, data.sa, 0, degToRads, this);
+ }
+ if(data.a) {
+ this.a = PropertyFactory.getProp(elem,data.a,1,0,this);
+ }
+ if(data.s) {
+ this.s = PropertyFactory.getProp(elem,data.s,1,0.01,this);
+ }
+ // Opacity is not part of the transform properties, that's why it won't use this.dynamicProperties. That way transforms won't get updated if opacity changes.
+ if(data.o){
+ this.o = PropertyFactory.getProp(elem,data.o,0,0.01,elem);
+ } else {
+ this.o = {_mdf:false,v:1};
+ }
+ this._isDirty = true;
+ if(!this.dynamicProperties.length){
+ this.getValue(true);
+ }
+ }
+
+ TransformProperty.prototype = {
+ applyToMatrix: applyToMatrix,
+ getValue: processKeys,
+ precalculateMatrix: precalculateMatrix,
+ autoOrient: autoOrient
+ }
+
+ extendPrototype([DynamicPropertyContainer], TransformProperty);
+ TransformProperty.prototype.addDynamicProperty = addDynamicProperty;
+ TransformProperty.prototype._addDynamicProperty = DynamicPropertyContainer.prototype.addDynamicProperty;
+
+ function getTransformProperty(elem,data,container){
+ return new TransformProperty(elem,data,container);
+ }
+
+ return {
+ getTransformProperty: getTransformProperty
+ };
+
+}());
+function ShapePath(){
+ this.c = false;
+ this._length = 0;
+ this._maxLength = 8;
+ this.v = createSizedArray(this._maxLength);
+ this.o = createSizedArray(this._maxLength);
+ this.i = createSizedArray(this._maxLength);
+}
+
+ShapePath.prototype.setPathData = function(closed, len) {
+ this.c = closed;
+ this.setLength(len);
+ var i = 0;
+ while(i < len){
+ this.v[i] = point_pool.newElement();
+ this.o[i] = point_pool.newElement();
+ this.i[i] = point_pool.newElement();
+ i += 1;
+ }
+};
+
+ShapePath.prototype.setLength = function(len) {
+ while(this._maxLength < len) {
+ this.doubleArrayLength();
+ }
+ this._length = len;
+};
+
+ShapePath.prototype.doubleArrayLength = function() {
+ this.v = this.v.concat(createSizedArray(this._maxLength));
+ this.i = this.i.concat(createSizedArray(this._maxLength));
+ this.o = this.o.concat(createSizedArray(this._maxLength));
+ this._maxLength *= 2;
+};
+
+ShapePath.prototype.setXYAt = function(x, y, type, pos, replace) {
+ var arr;
+ this._length = Math.max(this._length, pos + 1);
+ if(this._length >= this._maxLength) {
+ this.doubleArrayLength();
+ }
+ switch(type){
+ case 'v':
+ arr = this.v;
+ break;
+ case 'i':
+ arr = this.i;
+ break;
+ case 'o':
+ arr = this.o;
+ break;
+ }
+ if(!arr[pos] || (arr[pos] && !replace)){
+ arr[pos] = point_pool.newElement();
+ }
+ arr[pos][0] = x;
+ arr[pos][1] = y;
+};
+
+ShapePath.prototype.setTripleAt = function(vX,vY,oX,oY,iX,iY,pos, replace) {
+ this.setXYAt(vX,vY,'v',pos, replace);
+ this.setXYAt(oX,oY,'o',pos, replace);
+ this.setXYAt(iX,iY,'i',pos, replace);
+};
+
+ShapePath.prototype.reverse = function() {
+ var newPath = new ShapePath();
+ newPath.setPathData(this.c, this._length);
+ var vertices = this.v, outPoints = this.o, inPoints = this.i;
+ var init = 0;
+ if (this.c) {
+ newPath.setTripleAt(vertices[0][0], vertices[0][1], inPoints[0][0], inPoints[0][1], outPoints[0][0], outPoints[0][1], 0, false);
+ init = 1;
+ }
+ var cnt = this._length - 1;
+ var len = this._length;
+
+ var i;
+ for (i = init; i < len; i += 1) {
+ newPath.setTripleAt(vertices[cnt][0], vertices[cnt][1], inPoints[cnt][0], inPoints[cnt][1], outPoints[cnt][0], outPoints[cnt][1], i, false);
+ cnt -= 1;
+ }
+ return newPath;
+};
+var ShapePropertyFactory = (function(){
+
+ var initFrame = -999999;
+
+ function interpolateShape(frameNum, previousValue, caching) {
+ var iterationIndex = caching.lastIndex;
+ var keyPropS,keyPropE,isHold, j, k, jLen, kLen, perc, vertexValue;
+ var kf = this.keyframes;
+ if(frameNum < kf[0].t-this.offsetTime){
+ keyPropS = kf[0].s[0];
+ isHold = true;
+ iterationIndex = 0;
+ }else if(frameNum >= kf[kf.length - 1].t-this.offsetTime){
+ if(kf[kf.length - 2].h === 1){
+ keyPropS = kf[kf.length - 1].s[0];
+ }else{
+ keyPropS = kf[kf.length - 2].e[0];
+ }
+ isHold = true;
+ }else{
+ var i = iterationIndex;
+ var len = kf.length- 1,flag = true,keyData,nextKeyData;
+ while(flag){
+ keyData = kf[i];
+ nextKeyData = kf[i+1];
+ if((nextKeyData.t - this.offsetTime) > frameNum){
+ break;
+ }
+ if(i < len - 1){
+ i += 1;
+ }else{
+ flag = false;
+ }
+ }
+ isHold = keyData.h === 1;
+ iterationIndex = i;
+ if(!isHold){
+ if(frameNum >= nextKeyData.t-this.offsetTime){
+ perc = 1;
+ }else if(frameNum < keyData.t-this.offsetTime){
+ perc = 0;
+ }else{
+ var fnc;
+ if(keyData.__fnct){
+ fnc = keyData.__fnct;
+ }else{
+ fnc = BezierFactory.getBezierEasing(keyData.o.x,keyData.o.y,keyData.i.x,keyData.i.y).get;
+ keyData.__fnct = fnc;
+ }
+ perc = fnc((frameNum-(keyData.t-this.offsetTime))/((nextKeyData.t-this.offsetTime)-(keyData.t-this.offsetTime)));
+ }
+ keyPropE = keyData.e[0];
+ }
+ keyPropS = keyData.s[0];
+ }
+ jLen = previousValue._length;
+ kLen = keyPropS.i[0].length;
+ caching.lastIndex = iterationIndex;
+
+ for(j=0;j<jLen;j+=1){
+ for(k=0;k<kLen;k+=1){
+ vertexValue = isHold ? keyPropS.i[j][k] : keyPropS.i[j][k]+(keyPropE.i[j][k]-keyPropS.i[j][k])*perc;
+ previousValue.i[j][k] = vertexValue;
+ vertexValue = isHold ? keyPropS.o[j][k] : keyPropS.o[j][k]+(keyPropE.o[j][k]-keyPropS.o[j][k])*perc;
+ previousValue.o[j][k] = vertexValue;
+ vertexValue = isHold ? keyPropS.v[j][k] : keyPropS.v[j][k]+(keyPropE.v[j][k]-keyPropS.v[j][k])*perc;
+ previousValue.v[j][k] = vertexValue;
+ }
+ }
+ }
+
+ function interpolateShapeCurrentTime(){
+ var frameNum = this.comp.renderedFrame - this.offsetTime;
+ var initTime = this.keyframes[0].t - this.offsetTime;
+ var endTime = this.keyframes[this.keyframes.length - 1].t - this.offsetTime;
+ var lastFrame = this._caching.lastFrame;
+ if(!(lastFrame !== initFrame && ((lastFrame < initTime && frameNum < initTime) || (lastFrame > endTime && frameNum > endTime)))){
+ ////
+ this._caching.lastIndex = lastFrame < frameNum ? this._caching.lastIndex : 0;
+ this.interpolateShape(frameNum, this.pv, this._caching);
+ ////
+ }
+ this._caching.lastFrame = frameNum;
+ return this.pv;
+ }
+
+ function resetShape(){
+ this.paths = this.localShapeCollection;
+ }
+
+ function shapesEqual(shape1, shape2) {
+ if(shape1._length !== shape2._length || shape1.c !== shape2.c){
+ return false;
+ }
+ var i, len = shape1._length;
+ for(i = 0; i < len; i += 1) {
+ if(shape1.v[i][0] !== shape2.v[i][0]
+ || shape1.v[i][1] !== shape2.v[i][1]
+ || shape1.o[i][0] !== shape2.o[i][0]
+ || shape1.o[i][1] !== shape2.o[i][1]
+ || shape1.i[i][0] !== shape2.i[i][0]
+ || shape1.i[i][1] !== shape2.i[i][1]) {
+ return false;
+ }
+ }
+ return true;
+ }
+
+ function setVValue(newPath) {
+ if(!shapesEqual(this.v, newPath)) {
+ this.v = shape_pool.clone(newPath);
+ this.localShapeCollection.releaseShapes();
+ this.localShapeCollection.addShape(this.v);
+ this._mdf = true;
+ this.paths = this.localShapeCollection;
+ }
+ }
+
+ function processEffectsSequence() {
+ if(this.elem.globalData.frameId === this.frameId || !this.effectsSequence.length) {
+ return;
+ }
+ if(this.lock) {
+ this.setVValue(this.pv);
+ return;
+ }
+ this.lock = true;
+ this._mdf = false;
+ var finalValue = this.kf ? this.pv : this.data.ks ? this.data.ks.k : this.data.pt.k;
+ var i, len = this.effectsSequence.length;
+ for(i = 0; i < len; i += 1) {
+ finalValue = this.effectsSequence[i](finalValue);
+ }
+ this.setVValue(finalValue);
+ this.lock = false;
+ this.frameId = this.elem.globalData.frameId;
+ };
+
+ function ShapeProperty(elem, data, type){
+ this.propType = 'shape';
+ this.comp = elem.comp;
+ this.container = elem;
+ this.elem = elem;
+ this.data = data;
+ this.k = false;
+ this.kf = false;
+ this._mdf = false;
+ var pathData = type === 3 ? data.pt.k : data.ks.k;
+ this.v = shape_pool.clone(pathData);
+ this.pv = shape_pool.clone(this.v);
+ this.localShapeCollection = shapeCollection_pool.newShapeCollection();
+ this.paths = this.localShapeCollection;
+ this.paths.addShape(this.v);
+ this.reset = resetShape;
+ this.effectsSequence = [];
+ }
+
+ function addEffect(effectFunction) {
+ this.effectsSequence.push(effectFunction);
+ this.container.addDynamicProperty(this);
+ }
+
+ ShapeProperty.prototype.interpolateShape = interpolateShape;
+ ShapeProperty.prototype.getValue = processEffectsSequence;
+ ShapeProperty.prototype.setVValue = setVValue;
+ ShapeProperty.prototype.addEffect = addEffect;
+
+ function KeyframedShapeProperty(elem,data,type){
+ this.propType = 'shape';
+ this.comp = elem.comp;
+ this.elem = elem;
+ this.container = elem;
+ this.offsetTime = elem.data.st;
+ this.keyframes = type === 3 ? data.pt.k : data.ks.k;
+ this.k = true;
+ this.kf = true;
+ var i, len = this.keyframes[0].s[0].i.length;
+ var jLen = this.keyframes[0].s[0].i[0].length;
+ this.v = shape_pool.newElement();
+ this.v.setPathData(this.keyframes[0].s[0].c, len);
+ this.pv = shape_pool.clone(this.v);
+ this.localShapeCollection = shapeCollection_pool.newShapeCollection();
+ this.paths = this.localShapeCollection;
+ this.paths.addShape(this.v);
+ this.lastFrame = initFrame;
+ this.reset = resetShape;
+ this._caching = {lastFrame: initFrame, lastIndex: 0};
+ this.effectsSequence = [interpolateShapeCurrentTime.bind(this)];
+ }
+ KeyframedShapeProperty.prototype.getValue = processEffectsSequence;
+ KeyframedShapeProperty.prototype.interpolateShape = interpolateShape;
+ KeyframedShapeProperty.prototype.setVValue = setVValue;
+ KeyframedShapeProperty.prototype.addEffect = addEffect;
+
+ var EllShapeProperty = (function(){
+
+ var cPoint = roundCorner;
+
+ function EllShapeProperty(elem,data) {
+ /*this.v = {
+ v: createSizedArray(4),
+ i: createSizedArray(4),
+ o: createSizedArray(4),
+ c: true
+ };*/
+ this.v = shape_pool.newElement();
+ this.v.setPathData(true, 4);
+ this.localShapeCollection = shapeCollection_pool.newShapeCollection();
+ this.paths = this.localShapeCollection;
+ this.localShapeCollection.addShape(this.v);
+ this.d = data.d;
+ this.elem = elem;
+ this.comp = elem.comp;
+ this.frameId = -1;
+ this.initDynamicPropertyContainer(elem);
+ this.p = PropertyFactory.getProp(elem,data.p,1,0,this);
+ this.s = PropertyFactory.getProp(elem,data.s,1,0,this);
+ if(this.dynamicProperties.length){
+ this.k = true;
+ }else{
+ this.k = false;
+ this.convertEllToPath();
+ }
+ };
+
+ EllShapeProperty.prototype = {
+ reset: resetShape,
+ getValue: function (){
+ if(this.elem.globalData.frameId === this.frameId){
+ return;
+ }
+ this.frameId = this.elem.globalData.frameId;
+ this.iterateDynamicProperties();
+
+ if(this._mdf){
+ this.convertEllToPath();
+ }
+ },
+ convertEllToPath: function() {
+ var p0 = this.p.v[0], p1 = this.p.v[1], s0 = this.s.v[0]/2, s1 = this.s.v[1]/2;
+ var _cw = this.d !== 3;
+ var _v = this.v;
+ _v.v[0][0] = p0;
+ _v.v[0][1] = p1 - s1;
+ _v.v[1][0] = _cw ? p0 + s0 : p0 - s0;
+ _v.v[1][1] = p1;
+ _v.v[2][0] = p0;
+ _v.v[2][1] = p1 + s1;
+ _v.v[3][0] = _cw ? p0 - s0 : p0 + s0;
+ _v.v[3][1] = p1;
+ _v.i[0][0] = _cw ? p0 - s0 * cPoint : p0 + s0 * cPoint;
+ _v.i[0][1] = p1 - s1;
+ _v.i[1][0] = _cw ? p0 + s0 : p0 - s0;
+ _v.i[1][1] = p1 - s1 * cPoint;
+ _v.i[2][0] = _cw ? p0 + s0 * cPoint : p0 - s0 * cPoint;
+ _v.i[2][1] = p1 + s1;
+ _v.i[3][0] = _cw ? p0 - s0 : p0 + s0;
+ _v.i[3][1] = p1 + s1 * cPoint;
+ _v.o[0][0] = _cw ? p0 + s0 * cPoint : p0 - s0 * cPoint;
+ _v.o[0][1] = p1 - s1;
+ _v.o[1][0] = _cw ? p0 + s0 : p0 - s0;
+ _v.o[1][1] = p1 + s1 * cPoint;
+ _v.o[2][0] = _cw ? p0 - s0 * cPoint : p0 + s0 * cPoint;
+ _v.o[2][1] = p1 + s1;
+ _v.o[3][0] = _cw ? p0 - s0 : p0 + s0;
+ _v.o[3][1] = p1 - s1 * cPoint;
+ }
+ }
+
+ extendPrototype([DynamicPropertyContainer], EllShapeProperty);
+
+ return EllShapeProperty;
+ }());
+
+ var StarShapeProperty = (function() {
+
+ function StarShapeProperty(elem,data) {
+ this.v = shape_pool.newElement();
+ this.v.setPathData(true, 0);
+ this.elem = elem;
+ this.comp = elem.comp;
+ this.data = data;
+ this.frameId = -1;
+ this.d = data.d;
+ this.initDynamicPropertyContainer(elem);
+ if(data.sy === 1){
+ this.ir = PropertyFactory.getProp(elem,data.ir,0,0,this);
+ this.is = PropertyFactory.getProp(elem,data.is,0,0.01,this);
+ this.convertToPath = this.convertStarToPath;
+ } else {
+ this.convertToPath = this.convertPolygonToPath;
+ }
+ this.pt = PropertyFactory.getProp(elem,data.pt,0,0,this);
+ this.p = PropertyFactory.getProp(elem,data.p,1,0,this);
+ this.r = PropertyFactory.getProp(elem,data.r,0,degToRads,this);
+ this.or = PropertyFactory.getProp(elem,data.or,0,0,this);
+ this.os = PropertyFactory.getProp(elem,data.os,0,0.01,this);
+ this.localShapeCollection = shapeCollection_pool.newShapeCollection();
+ this.localShapeCollection.addShape(this.v);
+ this.paths = this.localShapeCollection;
+ if(this.dynamicProperties.length){
+ this.k = true;
+ }else{
+ this.k = false;
+ this.convertToPath();
+ }
+ };
+
+ StarShapeProperty.prototype = {
+ reset: resetShape,
+ getValue: function() {
+ if(this.elem.globalData.frameId === this.frameId){
+ return;
+ }
+ this.frameId = this.elem.globalData.frameId;
+ this.iterateDynamicProperties();
+ if(this._mdf){
+ this.convertToPath();
+ }
+ },
+ convertStarToPath: function() {
+ var numPts = Math.floor(this.pt.v)*2;
+ var angle = Math.PI*2/numPts;
+ /*this.v.v.length = numPts;
+ this.v.i.length = numPts;
+ this.v.o.length = numPts;*/
+ var longFlag = true;
+ var longRad = this.or.v;
+ var shortRad = this.ir.v;
+ var longRound = this.os.v;
+ var shortRound = this.is.v;
+ var longPerimSegment = 2*Math.PI*longRad/(numPts*2);
+ var shortPerimSegment = 2*Math.PI*shortRad/(numPts*2);
+ var i, rad,roundness,perimSegment, currentAng = -Math.PI/ 2;
+ currentAng += this.r.v;
+ var dir = this.data.d === 3 ? -1 : 1;
+ this.v._length = 0;
+ for(i=0;i<numPts;i+=1){
+ rad = longFlag ? longRad : shortRad;
+ roundness = longFlag ? longRound : shortRound;
+ perimSegment = longFlag ? longPerimSegment : shortPerimSegment;
+ var x = rad * Math.cos(currentAng);
+ var y = rad * Math.sin(currentAng);
+ var ox = x === 0 && y === 0 ? 0 : y/Math.sqrt(x*x + y*y);
+ var oy = x === 0 && y === 0 ? 0 : -x/Math.sqrt(x*x + y*y);
+ x += + this.p.v[0];
+ y += + this.p.v[1];
+ this.v.setTripleAt(x,y,x-ox*perimSegment*roundness*dir,y-oy*perimSegment*roundness*dir,x+ox*perimSegment*roundness*dir,y+oy*perimSegment*roundness*dir, i, true);
+
+ /*this.v.v[i] = [x,y];
+ this.v.i[i] = [x+ox*perimSegment*roundness*dir,y+oy*perimSegment*roundness*dir];
+ this.v.o[i] = [x-ox*perimSegment*roundness*dir,y-oy*perimSegment*roundness*dir];
+ this.v._length = numPts;*/
+ longFlag = !longFlag;
+ currentAng += angle*dir;
+ }
+ },
+ convertPolygonToPath: function() {
+ var numPts = Math.floor(this.pt.v);
+ var angle = Math.PI*2/numPts;
+ var rad = this.or.v;
+ var roundness = this.os.v;
+ var perimSegment = 2*Math.PI*rad/(numPts*4);
+ var i, currentAng = -Math.PI/ 2;
+ var dir = this.data.d === 3 ? -1 : 1;
+ currentAng += this.r.v;
+ this.v._length = 0;
+ for(i=0;i<numPts;i+=1){
+ var x = rad * Math.cos(currentAng);
+ var y = rad * Math.sin(currentAng);
+ var ox = x === 0 && y === 0 ? 0 : y/Math.sqrt(x*x + y*y);
+ var oy = x === 0 && y === 0 ? 0 : -x/Math.sqrt(x*x + y*y);
+ x += + this.p.v[0];
+ y += + this.p.v[1];
+ this.v.setTripleAt(x,y,x-ox*perimSegment*roundness*dir,y-oy*perimSegment*roundness*dir,x+ox*perimSegment*roundness*dir,y+oy*perimSegment*roundness*dir, i, true);
+ currentAng += angle*dir;
+ }
+ this.paths.length = 0;
+ this.paths[0] = this.v;
+ }
+
+ }
+ extendPrototype([DynamicPropertyContainer], StarShapeProperty);
+
+ return StarShapeProperty;
+ }());
+
+ var RectShapeProperty = (function() {
+
+ function RectShapeProperty(elem,data) {
+ this.v = shape_pool.newElement();
+ this.v.c = true;
+ this.localShapeCollection = shapeCollection_pool.newShapeCollection();
+ this.localShapeCollection.addShape(this.v);
+ this.paths = this.localShapeCollection;
+ this.elem = elem;
+ this.comp = elem.comp;
+ this.frameId = -1;
+ this.d = data.d;
+ this.initDynamicPropertyContainer(elem);
+ this.p = PropertyFactory.getProp(elem,data.p,1,0,this);
+ this.s = PropertyFactory.getProp(elem,data.s,1,0,this);
+ this.r = PropertyFactory.getProp(elem,data.r,0,0,this);
+ if(this.dynamicProperties.length){
+ this.k = true;
+ }else{
+ this.k = false;
+ this.convertRectToPath();
+ }
+ };
+
+ RectShapeProperty.prototype = {
+ convertRectToPath: function (){
+ var p0 = this.p.v[0], p1 = this.p.v[1], v0 = this.s.v[0]/2, v1 = this.s.v[1]/2;
+ var round = bm_min(v0,v1,this.r.v);
+ var cPoint = round*(1-roundCorner);
+ this.v._length = 0;
+
+ if(this.d === 2 || this.d === 1) {
+ this.v.setTripleAt(p0+v0, p1-v1+round,p0+v0, p1-v1+round,p0+v0,p1-v1+cPoint,0, true);
+ this.v.setTripleAt(p0+v0, p1+v1-round,p0+v0, p1+v1-cPoint,p0+v0, p1+v1-round,1, true);
+ if(round!== 0){
+ this.v.setTripleAt(p0+v0-round, p1+v1,p0+v0-round,p1+v1,p0+v0-cPoint,p1+v1,2, true);
+ this.v.setTripleAt(p0-v0+round,p1+v1,p0-v0+cPoint,p1+v1,p0-v0+round,p1+v1,3, true);
+ this.v.setTripleAt(p0-v0,p1+v1-round,p0-v0,p1+v1-round,p0-v0,p1+v1-cPoint,4, true);
+ this.v.setTripleAt(p0-v0,p1-v1+round,p0-v0,p1-v1+cPoint,p0-v0,p1-v1+round,5, true);
+ this.v.setTripleAt(p0-v0+round,p1-v1,p0-v0+round,p1-v1,p0-v0+cPoint,p1-v1,6, true);
+ this.v.setTripleAt(p0+v0-round,p1-v1,p0+v0-cPoint,p1-v1,p0+v0-round,p1-v1,7, true);
+ } else {
+ this.v.setTripleAt(p0-v0,p1+v1,p0-v0+cPoint,p1+v1,p0-v0,p1+v1,2);
+ this.v.setTripleAt(p0-v0,p1-v1,p0-v0,p1-v1+cPoint,p0-v0,p1-v1,3);
+ }
+ }else{
+ this.v.setTripleAt(p0+v0,p1-v1+round,p0+v0,p1-v1+cPoint,p0+v0,p1-v1+round,0, true);
+ if(round!== 0){
+ this.v.setTripleAt(p0+v0-round,p1-v1,p0+v0-round,p1-v1,p0+v0-cPoint,p1-v1,1, true);
+ this.v.setTripleAt(p0-v0+round,p1-v1,p0-v0+cPoint,p1-v1,p0-v0+round,p1-v1,2, true);
+ this.v.setTripleAt(p0-v0,p1-v1+round,p0-v0,p1-v1+round,p0-v0,p1-v1+cPoint,3, true);
+ this.v.setTripleAt(p0-v0,p1+v1-round,p0-v0,p1+v1-cPoint,p0-v0,p1+v1-round,4, true);
+ this.v.setTripleAt(p0-v0+round,p1+v1,p0-v0+round,p1+v1,p0-v0+cPoint,p1+v1,5, true);
+ this.v.setTripleAt(p0+v0-round,p1+v1,p0+v0-cPoint,p1+v1,p0+v0-round,p1+v1,6, true);
+ this.v.setTripleAt(p0+v0,p1+v1-round,p0+v0,p1+v1-round,p0+v0,p1+v1-cPoint,7, true);
+ } else {
+ this.v.setTripleAt(p0-v0,p1-v1,p0-v0+cPoint,p1-v1,p0-v0,p1-v1,1, true);
+ this.v.setTripleAt(p0-v0,p1+v1,p0-v0,p1+v1-cPoint,p0-v0,p1+v1,2, true);
+ this.v.setTripleAt(p0+v0,p1+v1,p0+v0-cPoint,p1+v1,p0+v0,p1+v1,3, true);
+
+ }
+ }
+ },
+ getValue: function(frameNum){
+ if(this.elem.globalData.frameId === this.frameId){
+ return;
+ }
+ this.frameId = this.elem.globalData.frameId;
+ this.iterateDynamicProperties();
+ if(this._mdf){
+ this.convertRectToPath();
+ }
+
+ },
+ reset: resetShape
+ }
+ extendPrototype([DynamicPropertyContainer], RectShapeProperty);
+
+ return RectShapeProperty;
+ }());
+
+ function getShapeProp(elem,data,type){
+ var prop;
+ if(type === 3 || type === 4){
+ var dataProp = type === 3 ? data.pt : data.ks;
+ var keys = dataProp.k;
+ if(dataProp.a === 1 || keys.length){
+ prop = new KeyframedShapeProperty(elem, data, type);
+ }else{
+ prop = new ShapeProperty(elem, data, type);
+ }
+ }else if(type === 5){
+ prop = new RectShapeProperty(elem, data);
+ }else if(type === 6){
+ prop = new EllShapeProperty(elem, data);
+ }else if(type === 7){
+ prop = new StarShapeProperty(elem, data);
+ }
+ if(prop.k){
+ elem.addDynamicProperty(prop);
+ }
+ return prop;
+ }
+
+ function getConstructorFunction() {
+ return ShapeProperty;
+ }
+
+ function getKeyframedConstructorFunction() {
+ return KeyframedShapeProperty;
+ }
+
+ var ob = {};
+ ob.getShapeProp = getShapeProp;
+ ob.getConstructorFunction = getConstructorFunction;
+ ob.getKeyframedConstructorFunction = getKeyframedConstructorFunction;
+ return ob;
+}());
+var ShapeModifiers = (function(){
+ var ob = {};
+ var modifiers = {};
+ ob.registerModifier = registerModifier;
+ ob.getModifier = getModifier;
+
+ function registerModifier(nm,factory){
+ if(!modifiers[nm]){
+ modifiers[nm] = factory;
+ }
+ }
+
+ function getModifier(nm,elem, data){
+ return new modifiers[nm](elem, data);
+ }
+
+ return ob;
+}());
+
+function ShapeModifier(){}
+ShapeModifier.prototype.initModifierProperties = function(){};
+ShapeModifier.prototype.addShapeToModifier = function(){};
+ShapeModifier.prototype.addShape = function(data){
+ if(!this.closed){
+ var shapeData = {shape:data.sh, data: data, localShapeCollection:shapeCollection_pool.newShapeCollection()};
+ this.shapes.push(shapeData);
+ this.addShapeToModifier(shapeData);
+ if(this._isAnimated) {
+ data.setAsAnimated();
+ }
+ }
+};
+ShapeModifier.prototype.init = function(elem,data){
+ this.shapes = [];
+ this.elem = elem;
+ this.initDynamicPropertyContainer(elem);
+ this.initModifierProperties(elem,data);
+ this.frameId = initialDefaultFrame;
+ this.closed = false;
+ this.k = false;
+ if(this.dynamicProperties.length){
+ this.k = true;
+ }else{
+ this.getValue(true);
+ }
+};
+ShapeModifier.prototype.processKeys = function(){
+ if(this.elem.globalData.frameId === this.frameId){
+ return;
+ }
+ this.frameId = this.elem.globalData.frameId;
+ this.iterateDynamicProperties();
+};
+
+extendPrototype([DynamicPropertyContainer], ShapeModifier);
+function TrimModifier(){
+}
+extendPrototype([ShapeModifier], TrimModifier);
+TrimModifier.prototype.initModifierProperties = function(elem, data) {
+ this.s = PropertyFactory.getProp(elem, data.s, 0, 0.01, this);
+ this.e = PropertyFactory.getProp(elem, data.e, 0, 0.01, this);
+ this.o = PropertyFactory.getProp(elem, data.o, 0, 0, this);
+ this.sValue = 0;
+ this.eValue = 0;
+ this.getValue = this.processKeys;
+ this.m = data.m;
+ this._isAnimated = !!this.s.effectsSequence.length || !!this.e.effectsSequence.length || !!this.o.effectsSequence.length;
+};
+
+TrimModifier.prototype.addShapeToModifier = function(shapeData){
+ shapeData.pathsData = [];
+};
+
+TrimModifier.prototype.calculateShapeEdges = function(s, e, shapeLength, addedLength, totalModifierLength) {
+ var segments = [];
+ if (e <= 1) {
+ segments.push({
+ s: s,
+ e: e
+ });
+ } else if (s >= 1) {
+ segments.push({
+ s: s - 1,
+ e: e - 1
+ });
+ } else {
+ segments.push({
+ s: s,
+ e: 1
+ });
+ segments.push({
+ s: 0,
+ e: e - 1
+ });
+ }
+ var shapeSegments = [];
+ var i, len = segments.length, segmentOb;
+ for (i = 0; i < len; i += 1) {
+ segmentOb = segments[i];
+ if (segmentOb.e * totalModifierLength < addedLength || segmentOb.s * totalModifierLength > addedLength + shapeLength) {
+
+ } else {
+ var shapeS, shapeE;
+ if (segmentOb.s * totalModifierLength <= addedLength) {
+ shapeS = 0;
+ } else {
+ shapeS = (segmentOb.s * totalModifierLength - addedLength) / shapeLength;
+ }
+ if(segmentOb.e * totalModifierLength >= addedLength + shapeLength) {
+ shapeE = 1;
+ } else {
+ shapeE = ((segmentOb.e * totalModifierLength - addedLength) / shapeLength);
+ }
+ shapeSegments.push([shapeS, shapeE]);
+ }
+ }
+ if (!shapeSegments.length) {
+ shapeSegments.push([0, 0]);
+ }
+ return shapeSegments;
+};
+
+TrimModifier.prototype.releasePathsData = function(pathsData) {
+ var i, len = pathsData.length;
+ for (i = 0; i < len; i += 1) {
+ segments_length_pool.release(pathsData[i]);
+ }
+ pathsData.length = 0;
+ return pathsData;
+};
+
+TrimModifier.prototype.processShapes = function(_isFirstFrame) {
+ var s, e;
+ if (this._mdf || _isFirstFrame) {
+ var o = (this.o.v % 360) / 360;
+ if (o < 0) {
+ o += 1;
+ }
+ s = (this.s.v > 1 ? 1 : this.s.v < 0 ? 0 : this.s.v) + o;
+ e = (this.e.v > 1 ? 1 : this.e.v < 0 ? 0 : this.e.v) + o;
+ if (s === e) {
+
+ }
+ if (s > e) {
+ var _s = s;
+ s = e;
+ e = _s;
+ }
+ s = Math.round(s * 10000) * 0.0001;
+ e = Math.round(e * 10000) * 0.0001;
+ this.sValue = s;
+ this.eValue = e;
+ } else {
+ s = this.sValue;
+ e = this.eValue;
+ }
+ var shapePaths;
+ var i, len = this.shapes.length, j, jLen;
+ var pathsData, pathData, totalShapeLength, totalModifierLength = 0;
+
+ if (e === s) {
+ for (i = 0; i < len; i += 1) {
+ this.shapes[i].localShapeCollection.releaseShapes();
+ this.shapes[i].shape._mdf = true;
+ this.shapes[i].shape.paths = this.shapes[i].localShapeCollection;
+ }
+ } else if (!((e === 1 && s === 0) || (e===0 && s === 1))){
+ var segments = [], shapeData, localShapeCollection;
+ for (i = 0; i < len; i += 1) {
+ shapeData = this.shapes[i];
+ // if shape hasn't changed and trim properties haven't changed, cached previous path can be used
+ if (!shapeData.shape._mdf && !this._mdf && !_isFirstFrame && this.m !== 2) {
+ shapeData.shape.paths = shapeData.localShapeCollection;
+ } else {
+ shapePaths = shapeData.shape.paths;
+ jLen = shapePaths._length;
+ totalShapeLength = 0;
+ if (!shapeData.shape._mdf && shapeData.pathsData.length) {
+ totalShapeLength = shapeData.totalShapeLength;
+ } else {
+ pathsData = this.releasePathsData(shapeData.pathsData);
+ for (j = 0; j < jLen; j += 1) {
+ pathData = bez.getSegmentsLength(shapePaths.shapes[j]);
+ pathsData.push(pathData);
+ totalShapeLength += pathData.totalLength;
+ }
+ shapeData.totalShapeLength = totalShapeLength;
+ shapeData.pathsData = pathsData;
+ }
+
+ totalModifierLength += totalShapeLength;
+ shapeData.shape._mdf = true;
+ }
+ }
+ var shapeS = s, shapeE = e, addedLength = 0, edges;
+ for (i = len - 1; i >= 0; i -= 1) {
+ shapeData = this.shapes[i];
+ if (shapeData.shape._mdf) {
+ localShapeCollection = shapeData.localShapeCollection;
+ localShapeCollection.releaseShapes();
+ //if m === 2 means paths are trimmed individually so edges need to be found for this specific shape relative to whoel group
+ if (this.m === 2 && len > 1) {
+ edges = this.calculateShapeEdges(s, e, shapeData.totalShapeLength, addedLength, totalModifierLength);
+ addedLength += shapeData.totalShapeLength;
+ } else {
+ edges = [[shapeS, shapeE]];
+ }
+ jLen = edges.length;
+ for (j = 0; j < jLen; j += 1) {
+ shapeS = edges[j][0];
+ shapeE = edges[j][1];
+ segments.length = 0;
+ if (shapeE <= 1) {
+ segments.push({
+ s:shapeData.totalShapeLength * shapeS,
+ e:shapeData.totalShapeLength * shapeE
+ });
+ } else if (shapeS >= 1) {
+ segments.push({
+ s:shapeData.totalShapeLength * (shapeS - 1),
+ e:shapeData.totalShapeLength * (shapeE - 1)
+ });
+ } else {
+ segments.push({
+ s:shapeData.totalShapeLength * shapeS,
+ e:shapeData.totalShapeLength
+ });
+ segments.push({
+ s:0,
+ e:shapeData.totalShapeLength * (shapeE - 1)
+ });
+ }
+ var newShapesData = this.addShapes(shapeData,segments[0]);
+ if (segments[0].s !== segments[0].e) {
+ if (segments.length > 1) {
+ var lastShapeInCollection = shapeData.shape.paths.shapes[shapeData.shape.paths._length - 1];
+ if (lastShapeInCollection.c) {
+ var lastShape = newShapesData.pop();
+ this.addPaths(newShapesData, localShapeCollection);
+ newShapesData = this.addShapes(shapeData, segments[1], lastShape);
+ } else {
+ this.addPaths(newShapesData, localShapeCollection);
+ newShapesData = this.addShapes(shapeData, segments[1]);
+ }
+ }
+ this.addPaths(newShapesData, localShapeCollection);
+ }
+
+ }
+ shapeData.shape.paths = localShapeCollection;
+ }
+ }
+ } else if (this._mdf) {
+ for (i = 0; i < len; i += 1) {
+ //Releasign Trim Cached paths data when no trim applied in case shapes are modified inbetween.
+ //Don't remove this even if it's losing cached info.
+ this.shapes[i].pathsData.length = 0;
+ this.shapes[i].shape._mdf = true;
+ }
+ }
+};
+
+TrimModifier.prototype.addPaths = function(newPaths, localShapeCollection) {
+ var i, len = newPaths.length;
+ for (i = 0; i < len; i += 1) {
+ localShapeCollection.addShape(newPaths[i]);
+ }
+};
+
+TrimModifier.prototype.addSegment = function(pt1, pt2, pt3, pt4, shapePath, pos, newShape) {
+ shapePath.setXYAt(pt2[0], pt2[1], 'o', pos);
+ shapePath.setXYAt(pt3[0], pt3[1], 'i', pos + 1);
+ if(newShape){
+ shapePath.setXYAt(pt1[0], pt1[1], 'v', pos);
+ }
+ shapePath.setXYAt(pt4[0], pt4[1], 'v', pos + 1);
+};
+
+TrimModifier.prototype.addSegmentFromArray = function(points, shapePath, pos, newShape) {
+ shapePath.setXYAt(points[1], points[5], 'o', pos);
+ shapePath.setXYAt(points[2], points[6], 'i', pos + 1);
+ if(newShape){
+ shapePath.setXYAt(points[0], points[4], 'v', pos);
+ }
+ shapePath.setXYAt(points[3], points[7], 'v', pos + 1);
+};
+
+TrimModifier.prototype.addShapes = function(shapeData, shapeSegment, shapePath) {
+ var pathsData = shapeData.pathsData;
+ var shapePaths = shapeData.shape.paths.shapes;
+ var i, len = shapeData.shape.paths._length, j, jLen;
+ var addedLength = 0;
+ var currentLengthData,segmentCount;
+ var lengths;
+ var segment;
+ var shapes = [];
+ var initPos;
+ var newShape = true;
+ if (!shapePath) {
+ shapePath = shape_pool.newElement();
+ segmentCount = 0;
+ initPos = 0;
+ } else {
+ segmentCount = shapePath._length;
+ initPos = shapePath._length;
+ }
+ shapes.push(shapePath);
+ for (i = 0; i < len; i += 1) {
+ lengths = pathsData[i].lengths;
+ shapePath.c = shapePaths[i].c;
+ jLen = shapePaths[i].c ? lengths.length : lengths.length + 1;
+ for (j = 1; j < jLen; j +=1) {
+ currentLengthData = lengths[j-1];
+ if (addedLength + currentLengthData.addedLength < shapeSegment.s) {
+ addedLength += currentLengthData.addedLength;
+ shapePath.c = false;
+ } else if(addedLength > shapeSegment.e) {
+ shapePath.c = false;
+ break;
+ } else {
+ if (shapeSegment.s <= addedLength && shapeSegment.e >= addedLength + currentLengthData.addedLength) {
+ this.addSegment(shapePaths[i].v[j - 1], shapePaths[i].o[j - 1], shapePaths[i].i[j], shapePaths[i].v[j], shapePath, segmentCount, newShape);
+ newShape = false;
+ } else {
+ segment = bez.getNewSegment(shapePaths[i].v[j - 1], shapePaths[i].v[j], shapePaths[i].o[j - 1], shapePaths[i].i[j], (shapeSegment.s - addedLength)/currentLengthData.addedLength,(shapeSegment.e - addedLength)/currentLengthData.addedLength, lengths[j-1]);
+ this.addSegmentFromArray(segment, shapePath, segmentCount, newShape);
+ // this.addSegment(segment.pt1, segment.pt3, segment.pt4, segment.pt2, shapePath, segmentCount, newShape);
+ newShape = false;
+ shapePath.c = false;
+ }
+ addedLength += currentLengthData.addedLength;
+ segmentCount += 1;
+ }
+ }
+ if (shapePaths[i].c && lengths.length) {
+ currentLengthData = lengths[j - 1];
+ if (addedLength <= shapeSegment.e) {
+ var segmentLength = lengths[j - 1].addedLength;
+ if (shapeSegment.s <= addedLength && shapeSegment.e >= addedLength + segmentLength) {
+ this.addSegment(shapePaths[i].v[j - 1], shapePaths[i].o[j - 1], shapePaths[i].i[0], shapePaths[i].v[0], shapePath, segmentCount, newShape);
+ newShape = false;
+ } else {
+ segment = bez.getNewSegment(shapePaths[i].v[j - 1], shapePaths[i].v[0], shapePaths[i].o[j - 1], shapePaths[i].i[0], (shapeSegment.s - addedLength) / segmentLength, (shapeSegment.e - addedLength) / segmentLength, lengths[j - 1]);
+ this.addSegmentFromArray(segment, shapePath, segmentCount, newShape);
+ // this.addSegment(segment.pt1, segment.pt3, segment.pt4, segment.pt2, shapePath, segmentCount, newShape);
+ newShape = false;
+ shapePath.c = false;
+ }
+ } else {
+ shapePath.c = false;
+ }
+ addedLength += currentLengthData.addedLength;
+ segmentCount += 1;
+ }
+ if (shapePath._length) {
+ shapePath.setXYAt(shapePath.v[initPos][0], shapePath.v[initPos][1], 'i', initPos);
+ shapePath.setXYAt(shapePath.v[shapePath._length - 1][0], shapePath.v[shapePath._length - 1][1],'o', shapePath._length - 1);
+ }
+ if (addedLength > shapeSegment.e) {
+ break;
+ }
+ if (i < len - 1) {
+ shapePath = shape_pool.newElement();
+ newShape = true;
+ shapes.push(shapePath);
+ segmentCount = 0;
+ }
+ }
+ return shapes;
+};
+
+
+ShapeModifiers.registerModifier('tm', TrimModifier);
+function RoundCornersModifier(){}
+extendPrototype([ShapeModifier],RoundCornersModifier);
+RoundCornersModifier.prototype.initModifierProperties = function(elem,data){
+ this.getValue = this.processKeys;
+ this.rd = PropertyFactory.getProp(elem,data.r,0,null,this);
+ this._isAnimated = !!this.rd.effectsSequence.length;
+};
+
+RoundCornersModifier.prototype.processPath = function(path, round){
+ var cloned_path = shape_pool.newElement();
+ cloned_path.c = path.c;
+ var i, len = path._length;
+ var currentV,currentI,currentO,closerV, newV,newO,newI,distance,newPosPerc,index = 0;
+ var vX,vY,oX,oY,iX,iY;
+ for(i=0;i<len;i+=1){
+ currentV = path.v[i];
+ currentO = path.o[i];
+ currentI = path.i[i];
+ if(currentV[0]===currentO[0] && currentV[1]===currentO[1] && currentV[0]===currentI[0] && currentV[1]===currentI[1]){
+ if((i===0 || i === len - 1) && !path.c){
+ cloned_path.setTripleAt(currentV[0],currentV[1],currentO[0],currentO[1],currentI[0],currentI[1],index);
+ /*cloned_path.v[index] = currentV;
+ cloned_path.o[index] = currentO;
+ cloned_path.i[index] = currentI;*/
+ index += 1;
+ } else {
+ if(i===0){
+ closerV = path.v[len-1];
+ } else {
+ closerV = path.v[i-1];
+ }
+ distance = Math.sqrt(Math.pow(currentV[0]-closerV[0],2)+Math.pow(currentV[1]-closerV[1],2));
+ newPosPerc = distance ? Math.min(distance/2,round)/distance : 0;
+ vX = iX = currentV[0]+(closerV[0]-currentV[0])*newPosPerc;
+ vY = iY = currentV[1]-(currentV[1]-closerV[1])*newPosPerc;
+ oX = vX-(vX-currentV[0])*roundCorner;
+ oY = vY-(vY-currentV[1])*roundCorner;
+ cloned_path.setTripleAt(vX,vY,oX,oY,iX,iY,index);
+ index += 1;
+
+ if(i === len - 1){
+ closerV = path.v[0];
+ } else {
+ closerV = path.v[i+1];
+ }
+ distance = Math.sqrt(Math.pow(currentV[0]-closerV[0],2)+Math.pow(currentV[1]-closerV[1],2));
+ newPosPerc = distance ? Math.min(distance/2,round)/distance : 0;
+ vX = oX = currentV[0]+(closerV[0]-currentV[0])*newPosPerc;
+ vY = oY = currentV[1]+(closerV[1]-currentV[1])*newPosPerc;
+ iX = vX-(vX-currentV[0])*roundCorner;
+ iY = vY-(vY-currentV[1])*roundCorner;
+ cloned_path.setTripleAt(vX,vY,oX,oY,iX,iY,index);
+ index += 1;
+ }
+ } else {
+ cloned_path.setTripleAt(path.v[i][0],path.v[i][1],path.o[i][0],path.o[i][1],path.i[i][0],path.i[i][1],index);
+ index += 1;
+ }
+ }
+ return cloned_path;
+};
+
+RoundCornersModifier.prototype.processShapes = function(_isFirstFrame){
+ var shapePaths;
+ var i, len = this.shapes.length;
+ var j, jLen;
+ var rd = this.rd.v;
+
+ if(rd !== 0){
+ var shapeData, newPaths, localShapeCollection;
+ for(i=0;i<len;i+=1){
+ shapeData = this.shapes[i];
+ newPaths = shapeData.shape.paths;
+ localShapeCollection = shapeData.localShapeCollection;
+ if(!(!shapeData.shape._mdf && !this._mdf && !_isFirstFrame)){
+ localShapeCollection.releaseShapes();
+ shapeData.shape._mdf = true;
+ shapePaths = shapeData.shape.paths.shapes;
+ jLen = shapeData.shape.paths._length;
+ for(j=0;j<jLen;j+=1){
+ localShapeCollection.addShape(this.processPath(shapePaths[j],rd));
+ }
+ }
+ shapeData.shape.paths = shapeData.localShapeCollection;
+ }
+
+ }
+ if(!this.dynamicProperties.length){
+ this._mdf = false;
+ }
+};
+
+ShapeModifiers.registerModifier('rd',RoundCornersModifier);
+function RepeaterModifier(){}
+extendPrototype([ShapeModifier], RepeaterModifier);
+
+RepeaterModifier.prototype.initModifierProperties = function(elem,data){
+ this.getValue = this.processKeys;
+ this.c = PropertyFactory.getProp(elem,data.c,0,null,this);
+ this.o = PropertyFactory.getProp(elem,data.o,0,null,this);
+ this.tr = TransformPropertyFactory.getTransformProperty(elem,data.tr,this);
+ this.so = PropertyFactory.getProp(elem,data.tr.so,0,0.01,this);
+ this.eo = PropertyFactory.getProp(elem,data.tr.eo,0,0.01,this);
+ this.data = data;
+ if(!this.dynamicProperties.length){
+ this.getValue(true);
+ }
+ this._isAnimated = !!this.dynamicProperties.length;
+ this.pMatrix = new Matrix();
+ this.rMatrix = new Matrix();
+ this.sMatrix = new Matrix();
+ this.tMatrix = new Matrix();
+ this.matrix = new Matrix();
+};
+
+RepeaterModifier.prototype.applyTransforms = function(pMatrix, rMatrix, sMatrix, transform, perc, inv){
+ var dir = inv ? -1 : 1;
+ var scaleX = transform.s.v[0] + (1 - transform.s.v[0]) * (1 - perc);
+ var scaleY = transform.s.v[1] + (1 - transform.s.v[1]) * (1 - perc);
+ pMatrix.translate(transform.p.v[0] * dir * perc, transform.p.v[1] * dir * perc, transform.p.v[2]);
+ rMatrix.translate(-transform.a.v[0], -transform.a.v[1], transform.a.v[2]);
+ rMatrix.rotate(-transform.r.v * dir * perc);
+ rMatrix.translate(transform.a.v[0], transform.a.v[1], transform.a.v[2]);
+ sMatrix.translate(-transform.a.v[0], -transform.a.v[1], transform.a.v[2]);
+ sMatrix.scale(inv ? 1/scaleX : scaleX, inv ? 1/scaleY : scaleY);
+ sMatrix.translate(transform.a.v[0], transform.a.v[1], transform.a.v[2]);
+};
+
+RepeaterModifier.prototype.init = function(elem, arr, pos, elemsData) {
+ this.elem = elem;
+ this.arr = arr;
+ this.pos = pos;
+ this.elemsData = elemsData;
+ this._currentCopies = 0;
+ this._elements = [];
+ this._groups = [];
+ this.frameId = -1;
+ this.initDynamicPropertyContainer(elem);
+ this.initModifierProperties(elem,arr[pos]);
+ var cont = 0;
+ while(pos>0){
+ pos -= 1;
+ //this._elements.unshift(arr.splice(pos,1)[0]);
+ this._elements.unshift(arr[pos]);
+ cont += 1;
+ }
+ if(this.dynamicProperties.length){
+ this.k = true;
+ }else{
+ this.getValue(true);
+ }
+};
+
+RepeaterModifier.prototype.resetElements = function(elements){
+ var i, len = elements.length;
+ for(i = 0; i < len; i += 1) {
+ elements[i]._processed = false;
+ if(elements[i].ty === 'gr'){
+ this.resetElements(elements[i].it);
+ }
+ }
+};
+
+RepeaterModifier.prototype.cloneElements = function(elements){
+ var i, len = elements.length;
+ var newElements = JSON.parse(JSON.stringify(elements));
+ this.resetElements(newElements);
+ return newElements;
+};
+
+RepeaterModifier.prototype.changeGroupRender = function(elements, renderFlag) {
+ var i, len = elements.length;
+ for(i = 0; i < len; i += 1) {
+ elements[i]._render = renderFlag;
+ if(elements[i].ty === 'gr') {
+ this.changeGroupRender(elements[i].it, renderFlag);
+ }
+ }
+};
+
+RepeaterModifier.prototype.processShapes = function(_isFirstFrame) {
+ var items, itemsTransform, i, dir, cont;
+ if(this._mdf || _isFirstFrame){
+ var copies = Math.ceil(this.c.v);
+ if(this._groups.length < copies){
+ while(this._groups.length < copies){
+ var group = {
+ it:this.cloneElements(this._elements),
+ ty:'gr'
+ };
+ group.it.push({"a":{"a":0,"ix":1,"k":[0,0]},"nm":"Transform","o":{"a":0,"ix":7,"k":100},"p":{"a":0,"ix":2,"k":[0,0]},"r":{"a":1,"ix":6,"k":[{s:0,e:0,t:0},{s:0,e:0,t:1}]},"s":{"a":0,"ix":3,"k":[100,100]},"sa":{"a":0,"ix":5,"k":0},"sk":{"a":0,"ix":4,"k":0},"ty":"tr"});
+
+ this.arr.splice(0,0,group);
+ this._groups.splice(0,0,group);
+ this._currentCopies += 1;
+ }
+ this.elem.reloadShapes();
+ }
+ cont = 0;
+ var renderFlag;
+ for(i = 0; i <= this._groups.length - 1; i += 1){
+ renderFlag = cont < copies;
+ this._groups[i]._render = renderFlag;
+ this.changeGroupRender(this._groups[i].it, renderFlag);
+ cont += 1;
+ }
+
+ this._currentCopies = copies;
+ ////
+
+ var offset = this.o.v;
+ var offsetModulo = offset%1;
+ var roundOffset = offset > 0 ? Math.floor(offset) : Math.ceil(offset);
+ var k;
+ var tMat = this.tr.v.props;
+ var pProps = this.pMatrix.props;
+ var rProps = this.rMatrix.props;
+ var sProps = this.sMatrix.props;
+ this.pMatrix.reset();
+ this.rMatrix.reset();
+ this.sMatrix.reset();
+ this.tMatrix.reset();
+ this.matrix.reset();
+ var iteration = 0;
+
+ if(offset > 0) {
+ while(iteration<roundOffset){
+ this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, 1, false);
+ iteration += 1;
+ }
+ if(offsetModulo){
+ this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, offsetModulo, false);
+ iteration += offsetModulo;
+ }
+ } else if(offset < 0) {
+ while(iteration>roundOffset){
+ this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, 1, true);
+ iteration -= 1;
+ }
+ if(offsetModulo){
+ this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, - offsetModulo, true);
+ iteration -= offsetModulo;
+ }
+ }
+ i = this.data.m === 1 ? 0 : this._currentCopies - 1;
+ dir = this.data.m === 1 ? 1 : -1;
+ cont = this._currentCopies;
+ var j, jLen;
+ while(cont){
+ items = this.elemsData[i].it;
+ itemsTransform = items[items.length - 1].transform.mProps.v.props;
+ jLen = itemsTransform.length;
+ items[items.length - 1].transform.mProps._mdf = true;
+ items[items.length - 1].transform.op._mdf = true;
+ items[items.length - 1].transform.op.v = this.so.v + (this.eo.v - this.so.v) * (i / (this._currentCopies - 1));
+ if(iteration !== 0){
+ if((i !== 0 && dir === 1) || (i !== this._currentCopies - 1 && dir === -1)){
+ this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, 1, false);
+ }
+ this.matrix.transform(rProps[0],rProps[1],rProps[2],rProps[3],rProps[4],rProps[5],rProps[6],rProps[7],rProps[8],rProps[9],rProps[10],rProps[11],rProps[12],rProps[13],rProps[14],rProps[15]);
+ this.matrix.transform(sProps[0],sProps[1],sProps[2],sProps[3],sProps[4],sProps[5],sProps[6],sProps[7],sProps[8],sProps[9],sProps[10],sProps[11],sProps[12],sProps[13],sProps[14],sProps[15]);
+ this.matrix.transform(pProps[0],pProps[1],pProps[2],pProps[3],pProps[4],pProps[5],pProps[6],pProps[7],pProps[8],pProps[9],pProps[10],pProps[11],pProps[12],pProps[13],pProps[14],pProps[15]);
+
+ for(j=0;j<jLen;j+=1) {
+ itemsTransform[j] = this.matrix.props[j];
+ }
+ this.matrix.reset();
+ } else {
+ this.matrix.reset();
+ for(j=0;j<jLen;j+=1) {
+ itemsTransform[j] = this.matrix.props[j];
+ }
+ }
+ iteration += 1;
+ cont -= 1;
+ i += dir;
+ }
+ } else {
+ cont = this._currentCopies;
+ i = 0;
+ dir = 1;
+ while(cont){
+ items = this.elemsData[i].it;
+ itemsTransform = items[items.length - 1].transform.mProps.v.props;
+ items[items.length - 1].transform.mProps._mdf = false;
+ items[items.length - 1].transform.op._mdf = false;
+ cont -= 1;
+ i += dir;
+ }
+ }
+};
+
+RepeaterModifier.prototype.addShape = function(){};
+
+ShapeModifiers.registerModifier('rp',RepeaterModifier);
+function ShapeCollection(){
+ this._length = 0;
+ this._maxLength = 4;
+ this.shapes = createSizedArray(this._maxLength);
+}
+
+ShapeCollection.prototype.addShape = function(shapeData){
+ if(this._length === this._maxLength){
+ this.shapes = this.shapes.concat(createSizedArray(this._maxLength));
+ this._maxLength *= 2;
+ }
+ this.shapes[this._length] = shapeData;
+ this._length += 1;
+};
+
+ShapeCollection.prototype.releaseShapes = function(){
+ var i;
+ for(i = 0; i < this._length; i += 1) {
+ shape_pool.release(this.shapes[i]);
+ }
+ this._length = 0;
+};
+function DashProperty(elem, data, renderer, container) {
+ this.elem = elem;
+ this.frameId = -1;
+ this.dataProps = createSizedArray(data.length);
+ this.renderer = renderer;
+ this.k = false;
+ this.dashStr = '';
+ this.dashArray = createTypedArray('float32', data.length ? data.length - 1 : 0);
+ this.dashoffset = createTypedArray('float32', 1);
+ this.initDynamicPropertyContainer(container);
+ var i, len = data.length || 0, prop;
+ for(i = 0; i < len; i += 1) {
+ prop = PropertyFactory.getProp(elem,data[i].v,0, 0, this);
+ this.k = prop.k || this.k;
+ this.dataProps[i] = {n:data[i].n,p:prop};
+ }
+ if(!this.k){
+ this.getValue(true);
+ }
+ this._isAnimated = this.k;
+}
+
+DashProperty.prototype.getValue = function(forceRender) {
+ if(this.elem.globalData.frameId === this.frameId && !forceRender){
+ return;
+ }
+ this.frameId = this.elem.globalData.frameId;
+ this.iterateDynamicProperties();
+ this._mdf = this._mdf || forceRender;
+ if (this._mdf) {
+ var i = 0, len = this.dataProps.length;
+ if(this.renderer === 'svg') {
+ this.dashStr = '';
+ }
+ for(i=0;i<len;i+=1){
+ if(this.dataProps[i].n != 'o'){
+ if(this.renderer === 'svg') {
+ this.dashStr += ' ' + this.dataProps[i].p.v;
+ }else{
+ this.dashArray[i] = this.dataProps[i].p.v;
+ }
+ }else{
+ this.dashoffset[0] = this.dataProps[i].p.v;
+ }
+ }
+ }
+};
+extendPrototype([DynamicPropertyContainer], DashProperty);
+function GradientProperty(elem,data,container){
+ this.data = data;
+ this.c = createTypedArray('uint8c', data.p*4);
+ var cLength = data.k.k[0].s ? (data.k.k[0].s.length - data.p*4) : data.k.k.length - data.p*4;
+ this.o = createTypedArray('float32', cLength);
+ this._cmdf = false;
+ this._omdf = false;
+ this._collapsable = this.checkCollapsable();
+ this._hasOpacity = cLength;
+ this.initDynamicPropertyContainer(container);
+ this.prop = PropertyFactory.getProp(elem,data.k,1,null,this);
+ this.k = this.prop.k;
+ this.getValue(true);
+}
+
+GradientProperty.prototype.comparePoints = function(values, points) {
+ var i = 0, len = this.o.length/2, diff;
+ while(i < len) {
+ diff = Math.abs(values[i*4] - values[points*4 + i*2]);
+ if(diff > 0.01){
+ return false;
+ }
+ i += 1;
+ }
+ return true;
+};
+
+GradientProperty.prototype.checkCollapsable = function() {
+ if (this.o.length/2 !== this.c.length/4) {
+ return false;
+ }
+ if (this.data.k.k[0].s) {
+ var i = 0, len = this.data.k.k.length;
+ while (i < len) {
+ if (!this.comparePoints(this.data.k.k[i].s, this.data.p)) {
+ return false;
+ }
+ i += 1;
+ }
+ } else if(!this.comparePoints(this.data.k.k, this.data.p)) {
+ return false;
+ }
+ return true;
+};
+
+GradientProperty.prototype.getValue = function(forceRender){
+ this.prop.getValue();
+ this._mdf = false;
+ this._cmdf = false;
+ this._omdf = false;
+ if(this.prop._mdf || forceRender){
+ var i, len = this.data.p*4;
+ var mult, val;
+ for(i=0;i<len;i+=1){
+ mult = i%4 === 0 ? 100 : 255;
+ val = Math.round(this.prop.v[i]*mult);
+ if(this.c[i] !== val){
+ this.c[i] = val;
+ this._cmdf = !forceRender;
+ }
+ }
+ if(this.o.length){
+ len = this.prop.v.length;
+ for(i=this.data.p*4;i<len;i+=1){
+ mult = i%2 === 0 ? 100 : 1;
+ val = i%2 === 0 ? Math.round(this.prop.v[i]*100):this.prop.v[i];
+ if(this.o[i-this.data.p*4] !== val){
+ this.o[i-this.data.p*4] = val;
+ this._omdf = !forceRender;
+ }
+ }
+ }
+ this._mdf = !forceRender;
+ }
+};
+
+extendPrototype([DynamicPropertyContainer], GradientProperty);
+var buildShapeString = function(pathNodes, length, closed, mat) {
+ if(length === 0) {
+ return '';
+ }
+ var _o = pathNodes.o;
+ var _i = pathNodes.i;
+ var _v = pathNodes.v;
+ var i, shapeString = " M" + mat.applyToPointStringified(_v[0][0], _v[0][1]);
+ for(i = 1; i < length; i += 1) {
+ shapeString += " C" + mat.applyToPointStringified(_o[i - 1][0], _o[i - 1][1]) + " " + mat.applyToPointStringified(_i[i][0], _i[i][1]) + " " + mat.applyToPointStringified(_v[i][0], _v[i][1]);
+ }
+ if (closed && length) {
+ shapeString += " C" + mat.applyToPointStringified(_o[i - 1][0], _o[i - 1][1]) + " " + mat.applyToPointStringified(_i[0][0], _i[0][1]) + " " + mat.applyToPointStringified(_v[0][0], _v[0][1]);
+ shapeString += 'z';
+ }
+ return shapeString;
+}
+var ImagePreloader = (function(){
+
+ var proxyImage = (function(){
+ var canvas = createTag('canvas');
+ canvas.width = 1;
+ canvas.height = 1;
+ var ctx = canvas.getContext('2d');
+ ctx.fillStyle = '#FF0000';
+ ctx.fillRect(0, 0, 1, 1);
+ return canvas;
+ }())
+
+ function imageLoaded(){
+ this.loadedAssets += 1;
+ if(this.loadedAssets === this.totalImages){
+ if(this.imagesLoadedCb) {
+ this.imagesLoadedCb(null);
+ }
+ }
+ }
+
+ function getAssetsPath(assetData, assetsPath, original_path) {
+ var path = '';
+ if (assetData.e) {
+ path = assetData.p;
+ } else if(assetsPath) {
+ var imagePath = assetData.p;
+ if (imagePath.indexOf('images/') !== -1) {
+ imagePath = imagePath.split('/')[1];
+ }
+ path = assetsPath + imagePath;
+ } else {
+ path = original_path;
+ path += assetData.u ? assetData.u : '';
+ path += assetData.p;
+ }
+ return path;
+ }
+
+ function createImageData(assetData) {
+ var path = getAssetsPath(assetData, this.assetsPath, this.path);
+ var img = createTag('img');
+ img.crossOrigin = 'anonymous';
+ img.addEventListener('load', this._imageLoaded.bind(this), false);
+ img.addEventListener('error', function() {
+ ob.img = proxyImage;
+ this._imageLoaded();
+ }.bind(this), false);
+ img.src = path;
+ var ob = {
+ img: img,
+ assetData: assetData
+ }
+ return ob;
+ }
+
+ function loadAssets(assets, cb){
+ this.imagesLoadedCb = cb;
+ var i, len = assets.length;
+ for (i = 0; i < len; i += 1) {
+ if(!assets[i].layers){
+ this.totalImages += 1;
+ this.images.push(this._createImageData(assets[i]));
+ }
+ }
+ }
+
+ function setPath(path){
+ this.path = path || '';
+ }
+
+ function setAssetsPath(path){
+ this.assetsPath = path || '';
+ }
+
+ function getImage(assetData) {
+ var i = 0, len = this.images.length;
+ while (i < len) {
+ if (this.images[i].assetData === assetData) {
+ return this.images[i].img;
+ }
+ i += 1;
+ }
+ }
+
+ function destroy() {
+ this.imagesLoadedCb = null;
+ this.images.length = 0;
+ }
+
+ function loaded() {
+ return this.totalImages === this.loadedAssets;
+ }
+
+ return function ImagePreloader(){
+ this.loadAssets = loadAssets;
+ this.setAssetsPath = setAssetsPath;
+ this.setPath = setPath;
+ this.loaded = loaded;
+ this.destroy = destroy;
+ this.getImage = getImage;
+ this._createImageData = createImageData;
+ this._imageLoaded = imageLoaded;
+ this.assetsPath = '';
+ this.path = '';
+ this.totalImages = 0;
+ this.loadedAssets = 0;
+ this.imagesLoadedCb = null;
+ this.images = [];
+ };
+}());
+var featureSupport = (function(){
+ var ob = {
+ maskType: true
+ };
+ if (/MSIE 10/i.test(navigator.userAgent) || /MSIE 9/i.test(navigator.userAgent) || /rv:11.0/i.test(navigator.userAgent) || /Edge\/\d./i.test(navigator.userAgent)) {
+ ob.maskType = false;
+ }
+ return ob;
+}());
+var filtersFactory = (function(){
+ var ob = {};
+ ob.createFilter = createFilter;
+ ob.createAlphaToLuminanceFilter = createAlphaToLuminanceFilter;
+
+ function createFilter(filId){
+ var fil = createNS('filter');
+ fil.setAttribute('id',filId);
+ fil.setAttribute('filterUnits','objectBoundingBox');
+ fil.setAttribute('x','0%');
+ fil.setAttribute('y','0%');
+ fil.setAttribute('width','100%');
+ fil.setAttribute('height','100%');
+ return fil;
+ }
+
+ function createAlphaToLuminanceFilter(){
+ var feColorMatrix = createNS('feColorMatrix');
+ feColorMatrix.setAttribute('type','matrix');
+ feColorMatrix.setAttribute('color-interpolation-filters','sRGB');
+ feColorMatrix.setAttribute('values','0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1');
+ return feColorMatrix;
+ }
+
+ return ob;
+}());
+var assetLoader = (function(){
+
+ function formatResponse(xhr) {
+ if(xhr.response && typeof xhr.response === 'object') {
+ return xhr.response;
+ } else if(xhr.response && typeof xhr.response === 'string') {
+ return JSON.parse(xhr.response);
+ } else if(xhr.responseText) {
+ return JSON.parse(xhr.responseText);
+ }
+ }
+
+ function loadAsset(path, callback, errorCallback) {
+ var response;
+ var xhr = new XMLHttpRequest();
+ xhr.open('GET', path, true);
+ // set responseType after calling open or IE will break.
+ xhr.responseType = "json";
+ xhr.send();
+ xhr.onreadystatechange = function () {
+ if (xhr.readyState == 4) {
+ if(xhr.status == 200){
+ response = formatResponse(xhr);
+ callback(response);
+ }else{
+ try{
+ response = formatResponse(xhr);
+ callback(response);
+ }catch(err){
+ if(errorCallback) {
+ errorCallback(err);
+ }
+ }
+ }
+ }
+ };
+ }
+ return {
+ load: loadAsset
+ }
+}())
+
+function TextAnimatorProperty(textData, renderType, elem){
+ this._isFirstFrame = true;
+ this._hasMaskedPath = false;
+ this._frameId = -1;
+ this._textData = textData;
+ this._renderType = renderType;
+ this._elem = elem;
+ this._animatorsData = createSizedArray(this._textData.a.length);
+ this._pathData = {};
+ this._moreOptions = {
+ alignment: {}
+ };
+ this.renderedLetters = [];
+ this.lettersChangedFlag = false;
+ this.initDynamicPropertyContainer(elem);
+
+}
+
+TextAnimatorProperty.prototype.searchProperties = function(){
+ var i, len = this._textData.a.length, animatorProps;
+ var getProp = PropertyFactory.getProp;
+ for(i=0;i<len;i+=1){
+ animatorProps = this._textData.a[i];
+ this._animatorsData[i] = new TextAnimatorDataProperty(this._elem, animatorProps, this);
+ }
+ if(this._textData.p && 'm' in this._textData.p){
+ this._pathData = {
+ f: getProp(this._elem,this._textData.p.f,0,0,this),
+ l: getProp(this._elem,this._textData.p.l,0,0,this),
+ r: this._textData.p.r,
+ m: this._elem.maskManager.getMaskProperty(this._textData.p.m)
+ };
+ this._hasMaskedPath = true;
+ } else {
+ this._hasMaskedPath = false;
+ }
+ this._moreOptions.alignment = getProp(this._elem,this._textData.m.a,1,0,this);
+};
+
+TextAnimatorProperty.prototype.getMeasures = function(documentData, lettersChangedFlag){
+ this.lettersChangedFlag = lettersChangedFlag;
+ if(!this._mdf && !this._isFirstFrame && !lettersChangedFlag && (!this._hasMaskedPath || !this._pathData.m._mdf)) {
+ return;
+ }
+ this._isFirstFrame = false;
+ var alignment = this._moreOptions.alignment.v;
+ var animators = this._animatorsData;
+ var textData = this._textData;
+ var matrixHelper = this.mHelper;
+ var renderType = this._renderType;
+ var renderedLettersCount = this.renderedLetters.length;
+ var data = this.data;
+ var xPos,yPos;
+ var i, len;
+ var letters = documentData.l, pathInfo, currentLength, currentPoint, segmentLength, flag, pointInd, segmentInd, prevPoint, points, segments, partialLength, totalLength, perc, tanAngle, mask;
+ if(this._hasMaskedPath) {
+ mask = this._pathData.m;
+ if(!this._pathData.n || this._pathData._mdf){
+ var paths = mask.v;
+ if(this._pathData.r){
+ paths = paths.reverse();
+ }
+ // TODO: release bezier data cached from previous pathInfo: this._pathData.pi
+ pathInfo = {
+ tLength: 0,
+ segments: []
+ };
+ len = paths._length - 1;
+ var pathData;
+ totalLength = 0;
+ for (i = 0; i < len; i += 1) {
+ pathData = {
+ s: paths.v[i],
+ e: paths.v[i + 1],
+ to: [paths.o[i][0] - paths.v[i][0], paths.o[i][1] - paths.v[i][1]],
+ ti: [paths.i[i + 1][0] - paths.v[i + 1][0], paths.i[i + 1][1] - paths.v[i + 1][1]]
+ };
+ bez.buildBezierData(pathData);
+ pathInfo.tLength += pathData.bezierData.segmentLength;
+ pathInfo.segments.push(pathData);
+ totalLength += pathData.bezierData.segmentLength;
+ }
+ i = len;
+ if (mask.v.c) {
+ pathData = {
+ s: paths.v[i],
+ e: paths.v[0],
+ to: [paths.o[i][0] - paths.v[i][0], paths.o[i][1] - paths.v[i][1]],
+ ti: [paths.i[0][0] - paths.v[0][0], paths.i[0][1] - paths.v[0][1]]
+ };
+ bez.buildBezierData(pathData);
+ pathInfo.tLength += pathData.bezierData.segmentLength;
+ pathInfo.segments.push(pathData);
+ totalLength += pathData.bezierData.segmentLength;
+ }
+ this._pathData.pi = pathInfo;
+ }
+ pathInfo = this._pathData.pi;
+
+ currentLength = this._pathData.f.v;
+ segmentInd = 0;
+ pointInd = 1;
+ segmentLength = 0;
+ flag = true;
+ segments = pathInfo.segments;
+ if (currentLength < 0 && mask.v.c) {
+ if (pathInfo.tLength < Math.abs(currentLength)) {
+ currentLength = -Math.abs(currentLength) % pathInfo.tLength;
+ }
+ segmentInd = segments.length - 1;
+ points = segments[segmentInd].bezierData.points;
+ pointInd = points.length - 1;
+ while (currentLength < 0) {
+ currentLength += points[pointInd].partialLength;
+ pointInd -= 1;
+ if (pointInd < 0) {
+ segmentInd -= 1;
+ points = segments[segmentInd].bezierData.points;
+ pointInd = points.length - 1;
+ }
+ }
+
+ }
+ points = segments[segmentInd].bezierData.points;
+ prevPoint = points[pointInd - 1];
+ currentPoint = points[pointInd];
+ partialLength = currentPoint.partialLength;
+ }
+
+
+ len = letters.length;
+ xPos = 0;
+ yPos = 0;
+ var yOff = documentData.finalSize * 1.2 * 0.714;
+ var firstLine = true;
+ var animatorProps, animatorSelector;
+ var j, jLen;
+ var letterValue;
+
+ jLen = animators.length;
+ var lastLetter;
+
+ var mult, ind = -1, offf, xPathPos, yPathPos;
+ var initPathPos = currentLength,initSegmentInd = segmentInd, initPointInd = pointInd, currentLine = -1;
+ var elemOpacity;
+ var sc,sw,fc,k;
+ var lineLength = 0;
+ var letterSw, letterSc, letterFc, letterM = '', letterP = this.defaultPropsArray, letterO;
+
+ //
+ if(documentData.j === 2 || documentData.j === 1) {
+ var animatorJustifyOffset = 0;
+ var animatorFirstCharOffset = 0;
+ var justifyOffsetMult = documentData.j === 2 ? -0.5 : -1;
+ var lastIndex = 0;
+ var isNewLine = true;
+
+ for (i = 0; i < len; i += 1) {
+ if (letters[i].n) {
+ if(animatorJustifyOffset) {
+ animatorJustifyOffset += animatorFirstCharOffset;
+ }
+ while (lastIndex < i) {
+ letters[lastIndex].animatorJustifyOffset = animatorJustifyOffset;
+ lastIndex += 1;
+ }
+ animatorJustifyOffset = 0;
+ isNewLine = true;
+ } else {
+ for (j = 0; j < jLen; j += 1) {
+ animatorProps = animators[j].a;
+ if (animatorProps.t.propType) {
+ if (isNewLine && documentData.j === 2) {
+ animatorFirstCharOffset += animatorProps.t.v * justifyOffsetMult;
+ }
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j], textData.a[j].s.totalChars);
+ if (mult.length) {
+ animatorJustifyOffset += animatorProps.t.v*mult[0] * justifyOffsetMult;
+ } else {
+ animatorJustifyOffset += animatorProps.t.v*mult * justifyOffsetMult;
+ }
+ }
+ }
+ isNewLine = false;
+ }
+ }
+ if(animatorJustifyOffset) {
+ animatorJustifyOffset += animatorFirstCharOffset;
+ }
+ while(lastIndex < i) {
+ letters[lastIndex].animatorJustifyOffset = animatorJustifyOffset;
+ lastIndex += 1;
+ }
+ }
+ //
+
+ for( i = 0; i < len; i += 1) {
+
+ matrixHelper.reset();
+ elemOpacity = 1;
+ if(letters[i].n) {
+ xPos = 0;
+ yPos += documentData.yOffset;
+ yPos += firstLine ? 1 : 0;
+ currentLength = initPathPos ;
+ firstLine = false;
+ lineLength = 0;
+ if(this._hasMaskedPath) {
+ segmentInd = initSegmentInd;
+ pointInd = initPointInd;
+ points = segments[segmentInd].bezierData.points;
+ prevPoint = points[pointInd - 1];
+ currentPoint = points[pointInd];
+ partialLength = currentPoint.partialLength;
+ segmentLength = 0;
+ }
+ letterO = letterSw = letterFc = letterM = '';
+ letterP = this.defaultPropsArray;
+ }else{
+ if(this._hasMaskedPath) {
+ if(currentLine !== letters[i].line){
+ switch(documentData.j){
+ case 1:
+ currentLength += totalLength - documentData.lineWidths[letters[i].line];
+ break;
+ case 2:
+ currentLength += (totalLength - documentData.lineWidths[letters[i].line])/2;
+ break;
+ }
+ currentLine = letters[i].line;
+ }
+ if (ind !== letters[i].ind) {
+ if (letters[ind]) {
+ currentLength += letters[ind].extra;
+ }
+ currentLength += letters[i].an / 2;
+ ind = letters[i].ind;
+ }
+ currentLength += alignment[0] * letters[i].an / 200;
+ var animatorOffset = 0;
+ for (j = 0; j < jLen; j += 1) {
+ animatorProps = animators[j].a;
+ if (animatorProps.p.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ if(mult.length){
+ animatorOffset += animatorProps.p.v[0] * mult[0];
+ } else{
+ animatorOffset += animatorProps.p.v[0] * mult;
+ }
+
+ }
+ if (animatorProps.a.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ if(mult.length){
+ animatorOffset += animatorProps.a.v[0] * mult[0];
+ } else{
+ animatorOffset += animatorProps.a.v[0] * mult;
+ }
+
+ }
+ }
+ flag = true;
+ while (flag) {
+ if (segmentLength + partialLength >= currentLength + animatorOffset || !points) {
+ perc = (currentLength + animatorOffset - segmentLength) / currentPoint.partialLength;
+ xPathPos = prevPoint.point[0] + (currentPoint.point[0] - prevPoint.point[0]) * perc;
+ yPathPos = prevPoint.point[1] + (currentPoint.point[1] - prevPoint.point[1]) * perc;
+ matrixHelper.translate(-alignment[0]*letters[i].an/200, -(alignment[1] * yOff / 100));
+ flag = false;
+ } else if (points) {
+ segmentLength += currentPoint.partialLength;
+ pointInd += 1;
+ if (pointInd >= points.length) {
+ pointInd = 0;
+ segmentInd += 1;
+ if (!segments[segmentInd]) {
+ if (mask.v.c) {
+ pointInd = 0;
+ segmentInd = 0;
+ points = segments[segmentInd].bezierData.points;
+ } else {
+ segmentLength -= currentPoint.partialLength;
+ points = null;
+ }
+ } else {
+ points = segments[segmentInd].bezierData.points;
+ }
+ }
+ if (points) {
+ prevPoint = currentPoint;
+ currentPoint = points[pointInd];
+ partialLength = currentPoint.partialLength;
+ }
+ }
+ }
+ offf = letters[i].an / 2 - letters[i].add;
+ matrixHelper.translate(-offf, 0, 0);
+ } else {
+ offf = letters[i].an/2 - letters[i].add;
+ matrixHelper.translate(-offf,0,0);
+
+ // Grouping alignment
+ matrixHelper.translate(-alignment[0]*letters[i].an/200, -alignment[1]*yOff/100, 0);
+ }
+
+ lineLength += letters[i].l/2;
+ for(j=0;j<jLen;j+=1){
+ animatorProps = animators[j].a;
+ if (animatorProps.t.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ //This condition is to prevent applying tracking to first character in each line. Might be better to use a boolean "isNewLine"
+ if(xPos !== 0 || documentData.j !== 0) {
+ if(this._hasMaskedPath) {
+ if(mult.length) {
+ currentLength += animatorProps.t.v*mult[0];
+ } else {
+ currentLength += animatorProps.t.v*mult;
+ }
+ }else{
+ if(mult.length) {
+ xPos += animatorProps.t.v*mult[0];
+ } else {
+ xPos += animatorProps.t.v*mult;
+ }
+ }
+ }
+ }
+ }
+ lineLength += letters[i].l/2;
+ if(documentData.strokeWidthAnim) {
+ sw = documentData.sw || 0;
+ }
+ if(documentData.strokeColorAnim) {
+ if(documentData.sc){
+ sc = [documentData.sc[0], documentData.sc[1], documentData.sc[2]];
+ }else{
+ sc = [0,0,0];
+ }
+ }
+ if(documentData.fillColorAnim && documentData.fc) {
+ fc = [documentData.fc[0], documentData.fc[1], documentData.fc[2]];
+ }
+ for(j=0;j<jLen;j+=1){
+ animatorProps = animators[j].a;
+ if (animatorProps.a.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+
+ if(mult.length){
+ matrixHelper.translate(-animatorProps.a.v[0]*mult[0], -animatorProps.a.v[1]*mult[1], animatorProps.a.v[2]*mult[2]);
+ } else {
+ matrixHelper.translate(-animatorProps.a.v[0]*mult, -animatorProps.a.v[1]*mult, animatorProps.a.v[2]*mult);
+ }
+ }
+ }
+ for(j=0;j<jLen;j+=1){
+ animatorProps = animators[j].a;
+ if (animatorProps.s.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ if(mult.length){
+ matrixHelper.scale(1+((animatorProps.s.v[0]-1)*mult[0]),1+((animatorProps.s.v[1]-1)*mult[1]),1);
+ } else {
+ matrixHelper.scale(1+((animatorProps.s.v[0]-1)*mult),1+((animatorProps.s.v[1]-1)*mult),1);
+ }
+ }
+ }
+ for(j=0;j<jLen;j+=1) {
+ animatorProps = animators[j].a;
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ if (animatorProps.sk.propType) {
+ if(mult.length) {
+ matrixHelper.skewFromAxis(-animatorProps.sk.v * mult[0], animatorProps.sa.v * mult[1]);
+ } else {
+ matrixHelper.skewFromAxis(-animatorProps.sk.v * mult, animatorProps.sa.v * mult);
+ }
+ }
+ if (animatorProps.r.propType) {
+ if(mult.length) {
+ matrixHelper.rotateZ(-animatorProps.r.v * mult[2]);
+ } else {
+ matrixHelper.rotateZ(-animatorProps.r.v * mult);
+ }
+ }
+ if (animatorProps.ry.propType) {
+
+ if(mult.length) {
+ matrixHelper.rotateY(animatorProps.ry.v*mult[1]);
+ }else{
+ matrixHelper.rotateY(animatorProps.ry.v*mult);
+ }
+ }
+ if (animatorProps.rx.propType) {
+ if(mult.length) {
+ matrixHelper.rotateX(animatorProps.rx.v*mult[0]);
+ } else {
+ matrixHelper.rotateX(animatorProps.rx.v*mult);
+ }
+ }
+ if (animatorProps.o.propType) {
+ if(mult.length) {
+ elemOpacity += ((animatorProps.o.v)*mult[0] - elemOpacity)*mult[0];
+ } else {
+ elemOpacity += ((animatorProps.o.v)*mult - elemOpacity)*mult;
+ }
+ }
+ if (documentData.strokeWidthAnim && animatorProps.sw.propType) {
+ if(mult.length) {
+ sw += animatorProps.sw.v*mult[0];
+ } else {
+ sw += animatorProps.sw.v*mult;
+ }
+ }
+ if (documentData.strokeColorAnim && animatorProps.sc.propType) {
+ for(k=0;k<3;k+=1){
+ if(mult.length) {
+ sc[k] = sc[k] + (animatorProps.sc.v[k] - sc[k])*mult[0];
+ } else {
+ sc[k] = sc[k] + (animatorProps.sc.v[k] - sc[k])*mult;
+ }
+ }
+ }
+ if (documentData.fillColorAnim && documentData.fc) {
+ if(animatorProps.fc.propType){
+ for(k=0;k<3;k+=1){
+ if(mult.length) {
+ fc[k] = fc[k] + (animatorProps.fc.v[k] - fc[k])*mult[0];
+ } else {
+ fc[k] = fc[k] + (animatorProps.fc.v[k] - fc[k])*mult;
+ }
+ }
+ }
+ if(animatorProps.fh.propType){
+ if(mult.length) {
+ fc = addHueToRGB(fc,animatorProps.fh.v*mult[0]);
+ } else {
+ fc = addHueToRGB(fc,animatorProps.fh.v*mult);
+ }
+ }
+ if(animatorProps.fs.propType){
+ if(mult.length) {
+ fc = addSaturationToRGB(fc,animatorProps.fs.v*mult[0]);
+ } else {
+ fc = addSaturationToRGB(fc,animatorProps.fs.v*mult);
+ }
+ }
+ if(animatorProps.fb.propType){
+ if(mult.length) {
+ fc = addBrightnessToRGB(fc,animatorProps.fb.v*mult[0]);
+ } else {
+ fc = addBrightnessToRGB(fc,animatorProps.fb.v*mult);
+ }
+ }
+ }
+ }
+
+ for(j=0;j<jLen;j+=1){
+ animatorProps = animators[j].a;
+
+ if (animatorProps.p.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ if(this._hasMaskedPath) {
+ if(mult.length) {
+ matrixHelper.translate(0, animatorProps.p.v[1] * mult[0], -animatorProps.p.v[2] * mult[1]);
+ } else {
+ matrixHelper.translate(0, animatorProps.p.v[1] * mult, -animatorProps.p.v[2] * mult);
+ }
+ }else{
+ if(mult.length) {
+ matrixHelper.translate(animatorProps.p.v[0] * mult[0], animatorProps.p.v[1] * mult[1], -animatorProps.p.v[2] * mult[2]);
+ } else {
+ matrixHelper.translate(animatorProps.p.v[0] * mult, animatorProps.p.v[1] * mult, -animatorProps.p.v[2] * mult);
+
+ }
+ }
+ }
+ }
+ if(documentData.strokeWidthAnim){
+ letterSw = sw < 0 ? 0 : sw;
+ }
+ if(documentData.strokeColorAnim){
+ letterSc = 'rgb('+Math.round(sc[0]*255)+','+Math.round(sc[1]*255)+','+Math.round(sc[2]*255)+')';
+ }
+ if(documentData.fillColorAnim && documentData.fc){
+ letterFc = 'rgb('+Math.round(fc[0]*255)+','+Math.round(fc[1]*255)+','+Math.round(fc[2]*255)+')';
+ }
+
+ if(this._hasMaskedPath) {
+ matrixHelper.translate(0,-documentData.ls);
+
+ matrixHelper.translate(0, alignment[1]*yOff/100 + yPos,0);
+ if (textData.p.p) {
+ tanAngle = (currentPoint.point[1] - prevPoint.point[1]) / (currentPoint.point[0] - prevPoint.point[0]);
+ var rot = Math.atan(tanAngle) * 180 / Math.PI;
+ if (currentPoint.point[0] < prevPoint.point[0]) {
+ rot += 180;
+ }
+ matrixHelper.rotate(-rot * Math.PI / 180);
+ }
+ matrixHelper.translate(xPathPos, yPathPos, 0);
+ currentLength -= alignment[0]*letters[i].an/200;
+ if(letters[i+1] && ind !== letters[i+1].ind){
+ currentLength += letters[i].an / 2;
+ currentLength += documentData.tr/1000*documentData.finalSize;
+ }
+ }else{
+
+ matrixHelper.translate(xPos,yPos,0);
+
+ if(documentData.ps){
+ //matrixHelper.translate(documentData.ps[0],documentData.ps[1],0);
+ matrixHelper.translate(documentData.ps[0],documentData.ps[1] + documentData.ascent,0);
+ }
+ switch(documentData.j){
+ case 1:
+ matrixHelper.translate(letters[i].animatorJustifyOffset + documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[letters[i].line]),0,0);
+ break;
+ case 2:
+ matrixHelper.translate(letters[i].animatorJustifyOffset + documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[letters[i].line])/2,0,0);
+ break;
+ }
+ matrixHelper.translate(0,-documentData.ls);
+ matrixHelper.translate(offf,0,0);
+ matrixHelper.translate(alignment[0]*letters[i].an/200,alignment[1]*yOff/100,0);
+ xPos += letters[i].l + documentData.tr/1000*documentData.finalSize;
+ }
+ if(renderType === 'html'){
+ letterM = matrixHelper.toCSS();
+ }else if(renderType === 'svg'){
+ letterM = matrixHelper.to2dCSS();
+ }else{
+ letterP = [matrixHelper.props[0],matrixHelper.props[1],matrixHelper.props[2],matrixHelper.props[3],matrixHelper.props[4],matrixHelper.props[5],matrixHelper.props[6],matrixHelper.props[7],matrixHelper.props[8],matrixHelper.props[9],matrixHelper.props[10],matrixHelper.props[11],matrixHelper.props[12],matrixHelper.props[13],matrixHelper.props[14],matrixHelper.props[15]];
+ }
+ letterO = elemOpacity;
+ }
+
+ if(renderedLettersCount <= i) {
+ letterValue = new LetterProps(letterO,letterSw,letterSc,letterFc,letterM,letterP);
+ this.renderedLetters.push(letterValue);
+ renderedLettersCount += 1;
+ this.lettersChangedFlag = true;
+ } else {
+ letterValue = this.renderedLetters[i];
+ this.lettersChangedFlag = letterValue.update(letterO, letterSw, letterSc, letterFc, letterM, letterP) || this.lettersChangedFlag;
+ }
+ }
+};
+
+TextAnimatorProperty.prototype.getValue = function(){
+ if(this._elem.globalData.frameId === this._frameId){
+ return;
+ }
+ this._frameId = this._elem.globalData.frameId;
+ this.iterateDynamicProperties();
+};
+
+TextAnimatorProperty.prototype.mHelper = new Matrix();
+TextAnimatorProperty.prototype.defaultPropsArray = [];
+extendPrototype([DynamicPropertyContainer], TextAnimatorProperty);
+function TextAnimatorDataProperty(elem, animatorProps, container) {
+ var defaultData = {propType:false};
+ var getProp = PropertyFactory.getProp;
+ var textAnimator_animatables = animatorProps.a;
+ this.a = {
+ r: textAnimator_animatables.r ? getProp(elem, textAnimator_animatables.r, 0, degToRads, container) : defaultData,
+ rx: textAnimator_animatables.rx ? getProp(elem, textAnimator_animatables.rx, 0, degToRads, container) : defaultData,
+ ry: textAnimator_animatables.ry ? getProp(elem, textAnimator_animatables.ry, 0, degToRads, container) : defaultData,
+ sk: textAnimator_animatables.sk ? getProp(elem, textAnimator_animatables.sk, 0, degToRads, container) : defaultData,
+ sa: textAnimator_animatables.sa ? getProp(elem, textAnimator_animatables.sa, 0, degToRads, container) : defaultData,
+ s: textAnimator_animatables.s ? getProp(elem, textAnimator_animatables.s, 1, 0.01, container) : defaultData,
+ a: textAnimator_animatables.a ? getProp(elem, textAnimator_animatables.a, 1, 0, container) : defaultData,
+ o: textAnimator_animatables.o ? getProp(elem, textAnimator_animatables.o, 0, 0.01, container) : defaultData,
+ p: textAnimator_animatables.p ? getProp(elem,textAnimator_animatables.p, 1, 0, container) : defaultData,
+ sw: textAnimator_animatables.sw ? getProp(elem, textAnimator_animatables.sw, 0, 0, container) : defaultData,
+ sc: textAnimator_animatables.sc ? getProp(elem, textAnimator_animatables.sc, 1, 0, container) : defaultData,
+ fc: textAnimator_animatables.fc ? getProp(elem, textAnimator_animatables.fc, 1, 0, container) : defaultData,
+ fh: textAnimator_animatables.fh ? getProp(elem, textAnimator_animatables.fh, 0, 0, container) : defaultData,
+ fs: textAnimator_animatables.fs ? getProp(elem, textAnimator_animatables.fs, 0, 0.01, container) : defaultData,
+ fb: textAnimator_animatables.fb ? getProp(elem, textAnimator_animatables.fb, 0, 0.01, container) : defaultData,
+ t: textAnimator_animatables.t ? getProp(elem, textAnimator_animatables.t, 0, 0, container) : defaultData
+ };
+
+ this.s = TextSelectorProp.getTextSelectorProp(elem,animatorProps.s, container);
+ this.s.t = animatorProps.s.t;
+}
+function LetterProps(o, sw, sc, fc, m, p){
+ this.o = o;
+ this.sw = sw;
+ this.sc = sc;
+ this.fc = fc;
+ this.m = m;
+ this.p = p;
+ this._mdf = {
+ o: true,
+ sw: !!sw,
+ sc: !!sc,
+ fc: !!fc,
+ m: true,
+ p: true
+ };
+}
+
+LetterProps.prototype.update = function(o, sw, sc, fc, m, p) {
+ this._mdf.o = false;
+ this._mdf.sw = false;
+ this._mdf.sc = false;
+ this._mdf.fc = false;
+ this._mdf.m = false;
+ this._mdf.p = false;
+ var updated = false;
+
+ if(this.o !== o) {
+ this.o = o;
+ this._mdf.o = true;
+ updated = true;
+ }
+ if(this.sw !== sw) {
+ this.sw = sw;
+ this._mdf.sw = true;
+ updated = true;
+ }
+ if(this.sc !== sc) {
+ this.sc = sc;
+ this._mdf.sc = true;
+ updated = true;
+ }
+ if(this.fc !== fc) {
+ this.fc = fc;
+ this._mdf.fc = true;
+ updated = true;
+ }
+ if(this.m !== m) {
+ this.m = m;
+ this._mdf.m = true;
+ updated = true;
+ }
+ if(p.length && (this.p[0] !== p[0] || this.p[1] !== p[1] || this.p[4] !== p[4] || this.p[5] !== p[5] || this.p[12] !== p[12] || this.p[13] !== p[13])) {
+ this.p = p;
+ this._mdf.p = true;
+ updated = true;
+ }
+ return updated;
+};
+function TextProperty(elem, data){
+ this._frameId = initialDefaultFrame;
+ this.pv = '';
+ this.v = '';
+ this.kf = false;
+ this._isFirstFrame = true;
+ this._mdf = false;
+ this.data = data;
+ this.elem = elem;
+ this.comp = this.elem.comp;
+ this.keysIndex = 0;
+ this.canResize = false;
+ this.minimumFontSize = 1;
+ this.effectsSequence = [];
+ this.currentData = {
+ ascent: 0,
+ boxWidth: this.defaultBoxWidth,
+ f: '',
+ fStyle: '',
+ fWeight: '',
+ fc: '',
+ j: '',
+ justifyOffset: '',
+ l: [],
+ lh: 0,
+ lineWidths: [],
+ ls: '',
+ of: '',
+ s: '',
+ sc: '',
+ sw: 0,
+ t: 0,
+ tr: 0,
+ sz:0,
+ ps:null,
+ fillColorAnim: false,
+ strokeColorAnim: false,
+ strokeWidthAnim: false,
+ yOffset: 0,
+ finalSize:0,
+ finalText:[],
+ finalLineHeight: 0,
+ __complete: false
+
+ };
+ this.copyData(this.currentData, this.data.d.k[0].s);
+
+ if(!this.searchProperty()) {
+ this.completeTextData(this.currentData);
+ }
+}
+
+TextProperty.prototype.defaultBoxWidth = [0,0];
+
+TextProperty.prototype.copyData = function(obj, data) {
+ for(var s in data) {
+ if(data.hasOwnProperty(s)) {
+ obj[s] = data[s];
+ }
+ }
+ return obj;
+}
+
+TextProperty.prototype.setCurrentData = function(data){
+ if(!data.__complete) {
+ this.completeTextData(data);
+ }
+ this.currentData = data;
+ this.currentData.boxWidth = this.currentData.boxWidth || this.defaultBoxWidth;
+ this._mdf = true;
+};
+
+TextProperty.prototype.searchProperty = function() {
+ return this.searchKeyframes();
+};
+
+TextProperty.prototype.searchKeyframes = function() {
+ this.kf = this.data.d.k.length > 1;
+ if(this.kf) {
+ this.addEffect(this.getKeyframeValue.bind(this));
+ }
+ return this.kf;
+}
+
+TextProperty.prototype.addEffect = function(effectFunction) {
+ this.effectsSequence.push(effectFunction);
+ this.elem.addDynamicProperty(this);
+};
+
+TextProperty.prototype.getValue = function(_finalValue) {
+ if((this.elem.globalData.frameId === this.frameId || !this.effectsSequence.length) && !_finalValue) {
+ return;
+ }
+ this.currentData.t = this.data.d.k[this.keysIndex].s.t;
+ var currentValue = this.currentData;
+ var currentIndex = this.keysIndex;
+ if(this.lock) {
+ this.setCurrentData(this.currentData);
+ return;
+ }
+ this.lock = true;
+ this._mdf = false;
+ var multipliedValue;
+ var i, len = this.effectsSequence.length;
+ var finalValue = _finalValue || this.data.d.k[this.keysIndex].s;
+ for(i = 0; i < len; i += 1) {
+ //Checking if index changed to prevent creating a new object every time the expression updates.
+ if(currentIndex !== this.keysIndex) {
+ finalValue = this.effectsSequence[i](finalValue, finalValue.t);
+ } else {
+ finalValue = this.effectsSequence[i](this.currentData, finalValue.t);
+ }
+ }
+ if(currentValue !== finalValue) {
+ this.setCurrentData(finalValue);
+ }
+ this.pv = this.v = this.currentData;
+ this.lock = false;
+ this.frameId = this.elem.globalData.frameId;
+}
+
+TextProperty.prototype.getKeyframeValue = function() {
+ var textKeys = this.data.d.k, textDocumentData;
+ var frameNum = this.elem.comp.renderedFrame;
+ var i = 0, len = textKeys.length;
+ while(i <= len - 1) {
+ textDocumentData = textKeys[i].s;
+ if(i === len - 1 || textKeys[i+1].t > frameNum){
+ break;
+ }
+ i += 1;
+ }
+ if(this.keysIndex !== i) {
+ this.keysIndex = i;
+ }
+ return this.data.d.k[this.keysIndex].s;
+};
+
+TextProperty.prototype.buildFinalText = function(text) {
+ var combinedCharacters = FontManager.getCombinedCharacterCodes();
+ var charactersArray = [];
+ var i = 0, len = text.length;
+ while (i < len) {
+ if (combinedCharacters.indexOf(text.charCodeAt(i)) !== -1) {
+ charactersArray[charactersArray.length - 1] += text.charAt(i);
+ } else {
+ charactersArray.push(text.charAt(i));
+ }
+ i += 1;
+ }
+ return charactersArray;
+}
+
+TextProperty.prototype.completeTextData = function(documentData) {
+ documentData.__complete = true;
+ var fontManager = this.elem.globalData.fontManager;
+ var data = this.data;
+ var letters = [];
+ var i, len;
+ var newLineFlag, index = 0, val;
+ var anchorGrouping = data.m.g;
+ var currentSize = 0, currentPos = 0, currentLine = 0, lineWidths = [];
+ var lineWidth = 0;
+ var maxLineWidth = 0;
+ var j, jLen;
+ var fontData = fontManager.getFontByName(documentData.f);
+ var charData, cLength = 0;
+ var styles = fontData.fStyle ? fontData.fStyle.split(' ') : [];
+
+ var fWeight = 'normal', fStyle = 'normal';
+ len = styles.length;
+ var styleName;
+ for(i=0;i<len;i+=1){
+ styleName = styles[i].toLowerCase();
+ switch(styleName) {
+ case 'italic':
+ fStyle = 'italic';
+ break;
+ case 'bold':
+ fWeight = '700';
+ break;
+ case 'black':
+ fWeight = '900';
+ break;
+ case 'medium':
+ fWeight = '500';
+ break;
+ case 'regular':
+ case 'normal':
+ fWeight = '400';
+ break;
+ case 'light':
+ case 'thin':
+ fWeight = '200';
+ break;
+ }
+ }
+ documentData.fWeight = fontData.fWeight || fWeight;
+ documentData.fStyle = fStyle;
+ len = documentData.t.length;
+ documentData.finalSize = documentData.s;
+ documentData.finalText = this.buildFinalText(documentData.t);
+ documentData.finalLineHeight = documentData.lh;
+ var trackingOffset = documentData.tr/1000*documentData.finalSize;
+ var charCode;
+ if(documentData.sz){
+ var flag = true;
+ var boxWidth = documentData.sz[0];
+ var boxHeight = documentData.sz[1];
+ var currentHeight, finalText;
+ while(flag) {
+ finalText = this.buildFinalText(documentData.t);
+ currentHeight = 0;
+ lineWidth = 0;
+ len = finalText.length;
+ trackingOffset = documentData.tr/1000*documentData.finalSize;
+ var lastSpaceIndex = -1;
+ for(i=0;i<len;i+=1){
+ charCode = finalText[i].charCodeAt(0);
+ newLineFlag = false;
+ if(finalText[i] === ' '){
+ lastSpaceIndex = i;
+ }else if(charCode === 13 || charCode === 3){
+ lineWidth = 0;
+ newLineFlag = true;
+ currentHeight += documentData.finalLineHeight || documentData.finalSize*1.2;
+ }
+ if(fontManager.chars){
+ charData = fontManager.getCharData(finalText[i], fontData.fStyle, fontData.fFamily);
+ cLength = newLineFlag ? 0 : charData.w*documentData.finalSize/100;
+ }else{
+ //tCanvasHelper.font = documentData.s + 'px '+ fontData.fFamily;
+ cLength = fontManager.measureText(finalText[i], documentData.f, documentData.finalSize);
+ }
+ if(lineWidth + cLength > boxWidth && finalText[i] !== ' '){
+ if(lastSpaceIndex === -1){
+ len += 1;
+ } else {
+ i = lastSpaceIndex;
+ }
+ currentHeight += documentData.finalLineHeight || documentData.finalSize*1.2;
+ finalText.splice(i, lastSpaceIndex === i ? 1 : 0,"\r");
+ //finalText = finalText.substr(0,i) + "\r" + finalText.substr(i === lastSpaceIndex ? i + 1 : i);
+ lastSpaceIndex = -1;
+ lineWidth = 0;
+ }else {
+ lineWidth += cLength;
+ lineWidth += trackingOffset;
+ }
+ }
+ currentHeight += fontData.ascent*documentData.finalSize/100;
+ if(this.canResize && documentData.finalSize > this.minimumFontSize && boxHeight < currentHeight) {
+ documentData.finalSize -= 1;
+ documentData.finalLineHeight = documentData.finalSize * documentData.lh / documentData.s;
+ } else {
+ documentData.finalText = finalText;
+ len = documentData.finalText.length;
+ flag = false;
+ }
+ }
+
+ }
+ lineWidth = - trackingOffset;
+ cLength = 0;
+ var uncollapsedSpaces = 0;
+ var currentChar;
+ for (i = 0;i < len ;i += 1) {
+ newLineFlag = false;
+ currentChar = documentData.finalText[i];
+ charCode = currentChar.charCodeAt(0);
+ if (currentChar === ' '){
+ val = '\u00A0';
+ } else if (charCode === 13 || charCode === 3) {
+ uncollapsedSpaces = 0;
+ lineWidths.push(lineWidth);
+ maxLineWidth = lineWidth > maxLineWidth ? lineWidth : maxLineWidth;
+ lineWidth = - 2 * trackingOffset;
+ val = '';
+ newLineFlag = true;
+ currentLine += 1;
+ }else{
+ val = documentData.finalText[i];
+ }
+ if(fontManager.chars){
+ charData = fontManager.getCharData(currentChar, fontData.fStyle, fontManager.getFontByName(documentData.f).fFamily);
+ cLength = newLineFlag ? 0 : charData.w*documentData.finalSize/100;
+ }else{
+ //var charWidth = fontManager.measureText(val, documentData.f, documentData.finalSize);
+ //tCanvasHelper.font = documentData.finalSize + 'px '+ fontManager.getFontByName(documentData.f).fFamily;
+ cLength = fontManager.measureText(val, documentData.f, documentData.finalSize);
+ }
+
+ //
+ if(currentChar === ' '){
+ uncollapsedSpaces += cLength + trackingOffset;
+ } else {
+ lineWidth += cLength + trackingOffset + uncollapsedSpaces;
+ uncollapsedSpaces = 0;
+ }
+ letters.push({l:cLength,an:cLength,add:currentSize,n:newLineFlag, anIndexes:[], val: val, line: currentLine, animatorJustifyOffset: 0});
+ if(anchorGrouping == 2){
+ currentSize += cLength;
+ if(val === '' || val === '\u00A0' || i === len - 1){
+ if(val === '' || val === '\u00A0'){
+ currentSize -= cLength;
+ }
+ while(currentPos<=i){
+ letters[currentPos].an = currentSize;
+ letters[currentPos].ind = index;
+ letters[currentPos].extra = cLength;
+ currentPos += 1;
+ }
+ index += 1;
+ currentSize = 0;
+ }
+ }else if(anchorGrouping == 3){
+ currentSize += cLength;
+ if(val === '' || i === len - 1){
+ if(val === ''){
+ currentSize -= cLength;
+ }
+ while(currentPos<=i){
+ letters[currentPos].an = currentSize;
+ letters[currentPos].ind = index;
+ letters[currentPos].extra = cLength;
+ currentPos += 1;
+ }
+ currentSize = 0;
+ index += 1;
+ }
+ }else{
+ letters[index].ind = index;
+ letters[index].extra = 0;
+ index += 1;
+ }
+ }
+ documentData.l = letters;
+ maxLineWidth = lineWidth > maxLineWidth ? lineWidth : maxLineWidth;
+ lineWidths.push(lineWidth);
+ if(documentData.sz){
+ documentData.boxWidth = documentData.sz[0];
+ documentData.justifyOffset = 0;
+ }else{
+ documentData.boxWidth = maxLineWidth;
+ switch(documentData.j){
+ case 1:
+ documentData.justifyOffset = - documentData.boxWidth;
+ break;
+ case 2:
+ documentData.justifyOffset = - documentData.boxWidth/2;
+ break;
+ default:
+ documentData.justifyOffset = 0;
+ }
+ }
+ documentData.lineWidths = lineWidths;
+
+ var animators = data.a, animatorData, letterData;
+ jLen = animators.length;
+ var based, ind, indexes = [];
+ for(j=0;j<jLen;j+=1){
+ animatorData = animators[j];
+ if(animatorData.a.sc){
+ documentData.strokeColorAnim = true;
+ }
+ if(animatorData.a.sw){
+ documentData.strokeWidthAnim = true;
+ }
+ if(animatorData.a.fc || animatorData.a.fh || animatorData.a.fs || animatorData.a.fb){
+ documentData.fillColorAnim = true;
+ }
+ ind = 0;
+ based = animatorData.s.b;
+ for(i=0;i<len;i+=1){
+ letterData = letters[i];
+ letterData.anIndexes[j] = ind;
+ if((based == 1 && letterData.val !== '') || (based == 2 && letterData.val !== '' && letterData.val !== '\u00A0') || (based == 3 && (letterData.n || letterData.val == '\u00A0' || i == len - 1)) || (based == 4 && (letterData.n || i == len - 1))){
+ if(animatorData.s.rn === 1){
+ indexes.push(ind);
+ }
+ ind += 1;
+ }
+ }
+ data.a[j].s.totalChars = ind;
+ var currentInd = -1, newInd;
+ if(animatorData.s.rn === 1){
+ for(i = 0; i < len; i += 1){
+ letterData = letters[i];
+ if(currentInd != letterData.anIndexes[j]){
+ currentInd = letterData.anIndexes[j];
+ newInd = indexes.splice(Math.floor(Math.random()*indexes.length),1)[0];
+ }
+ letterData.anIndexes[j] = newInd;
+ }
+ }
+ }
+ documentData.yOffset = documentData.finalLineHeight || documentData.finalSize*1.2;
+ documentData.ls = documentData.ls || 0;
+ documentData.ascent = fontData.ascent*documentData.finalSize/100;
+};
+
+TextProperty.prototype.updateDocumentData = function(newData, index) {
+ index = index === undefined ? this.keysIndex : index;
+ var dData = this.copyData({}, this.data.d.k[index].s);
+ dData = this.copyData(dData, newData);
+ this.data.d.k[index].s = dData;
+ this.recalculate(index);
+ this.elem.addDynamicProperty(this);
+};
+
+TextProperty.prototype.recalculate = function(index) {
+ var dData = this.data.d.k[index].s;
+ dData.__complete = false;
+ this.keysIndex = 0;
+ this._isFirstFrame = true;
+ this.getValue(dData);
+}
+
+TextProperty.prototype.canResizeFont = function(_canResize) {
+ this.canResize = _canResize;
+ this.recalculate(this.keysIndex);
+ this.elem.addDynamicProperty(this);
+};
+
+TextProperty.prototype.setMinimumFontSize = function(_fontValue) {
+ this.minimumFontSize = Math.floor(_fontValue) || 1;
+ this.recalculate(this.keysIndex);
+ this.elem.addDynamicProperty(this);
+};
+
+var TextSelectorProp = (function(){
+ var max = Math.max;
+ var min = Math.min;
+ var floor = Math.floor;
+
+ function TextSelectorProp(elem,data){
+ this._currentTextLength = -1;
+ this.k = false;
+ this.data = data;
+ this.elem = elem;
+ this.comp = elem.comp;
+ this.finalS = 0;
+ this.finalE = 0;
+ this.initDynamicPropertyContainer(elem);
+ this.s = PropertyFactory.getProp(elem,data.s || {k:0},0,0,this);
+ if('e' in data){
+ this.e = PropertyFactory.getProp(elem,data.e,0,0,this);
+ }else{
+ this.e = {v:100};
+ }
+ this.o = PropertyFactory.getProp(elem,data.o || {k:0},0,0,this);
+ this.xe = PropertyFactory.getProp(elem,data.xe || {k:0},0,0,this);
+ this.ne = PropertyFactory.getProp(elem,data.ne || {k:0},0,0,this);
+ this.a = PropertyFactory.getProp(elem,data.a,0,0.01,this);
+ if(!this.dynamicProperties.length){
+ this.getValue();
+ }
+ }
+
+ TextSelectorProp.prototype = {
+ getMult: function(ind) {
+ if(this._currentTextLength !== this.elem.textProperty.currentData.l.length) {
+ this.getValue();
+ }
+ //var easer = bez.getEasingCurve(this.ne.v/100,0,1-this.xe.v/100,1);
+ var easer = BezierFactory.getBezierEasing(this.ne.v/100,0,1-this.xe.v/100,1).get;
+ var mult = 0;
+ var s = this.finalS;
+ var e = this.finalE;
+ var type = this.data.sh;
+ if(type == 2){
+ if(e === s){
+ mult = ind >= e ? 1 : 0;
+ }else{
+ mult = max(0,min(0.5/(e-s) + (ind-s)/(e-s),1));
+ }
+ mult = easer(mult);
+ }else if(type == 3){
+ if(e === s){
+ mult = ind >= e ? 0 : 1;
+ }else{
+ mult = 1 - max(0,min(0.5/(e-s) + (ind-s)/(e-s),1));
+ }
+
+ mult = easer(mult);
+ }else if(type == 4){
+ if(e === s){
+ mult = 0;
+ }else{
+ mult = max(0,min(0.5/(e-s) + (ind-s)/(e-s),1));
+ if(mult<0.5){
+ mult *= 2;
+ }else{
+ mult = 1 - 2*(mult-0.5);
+ }
+ }
+ mult = easer(mult);
+ }else if(type == 5){
+ if(e === s){
+ mult = 0;
+ }else{
+ var tot = e - s;
+ /*ind += 0.5;
+ mult = -4/(tot*tot)*(ind*ind)+(4/tot)*ind;*/
+ ind = min(max(0,ind+0.5-s),e-s);
+ var x = -tot/2+ind;
+ var a = tot/2;
+ mult = Math.sqrt(1 - (x*x)/(a*a));
+ }
+ mult = easer(mult);
+ }else if(type == 6){
+ if(e === s){
+ mult = 0;
+ }else{
+ ind = min(max(0,ind+0.5-s),e-s);
+ mult = (1+(Math.cos((Math.PI+Math.PI*2*(ind)/(e-s)))))/2;
+ /*
+ ind = Math.min(Math.max(s,ind),e-1);
+ mult = (1+(Math.cos((Math.PI+Math.PI*2*(ind-s)/(e-1-s)))))/2;
+ mult = Math.max(mult,(1/(e-1-s))/(e-1-s));*/
+ }
+ mult = easer(mult);
+ }else {
+ if(ind >= floor(s)){
+ if(ind-s < 0){
+ mult = 1 - (s - ind);
+ }else{
+ mult = max(0,min(e-ind,1));
+ }
+ }
+ mult = easer(mult);
+ }
+ return mult*this.a.v;
+ },
+ getValue: function(newCharsFlag) {
+ this.iterateDynamicProperties();
+ this._mdf = newCharsFlag || this._mdf;
+ this._currentTextLength = this.elem.textProperty.currentData.l.length || 0;
+ if(newCharsFlag && this.data.r === 2) {
+ this.e.v = this._currentTextLength;
+ }
+ var divisor = this.data.r === 2 ? 1 : 100 / this.data.totalChars;
+ var o = this.o.v/divisor;
+ var s = this.s.v/divisor + o;
+ var e = (this.e.v/divisor) + o;
+ if(s>e){
+ var _s = s;
+ s = e;
+ e = _s;
+ }
+ this.finalS = s;
+ this.finalE = e;
+ }
+ }
+ extendPrototype([DynamicPropertyContainer], TextSelectorProp);
+
+ function getTextSelectorProp(elem, data,arr) {
+ return new TextSelectorProp(elem, data, arr);
+ }
+
+ return {
+ getTextSelectorProp: getTextSelectorProp
+ };
+}());
+
+
+var pool_factory = (function() {
+ return function(initialLength, _create, _release, _clone) {
+
+ var _length = 0;
+ var _maxLength = initialLength;
+ var pool = createSizedArray(_maxLength);
+
+ var ob = {
+ newElement: newElement,
+ release: release
+ };
+
+ function newElement(){
+ var element;
+ if(_length){
+ _length -= 1;
+ element = pool[_length];
+ } else {
+ element = _create();
+ }
+ return element;
+ }
+
+ function release(element) {
+ if(_length === _maxLength) {
+ pool = pooling.double(pool);
+ _maxLength = _maxLength*2;
+ }
+ if (_release) {
+ _release(element);
+ }
+ pool[_length] = element;
+ _length += 1;
+ }
+
+ function clone() {
+ var clonedElement = newElement();
+ return _clone(clonedElement);
+ }
+
+ return ob;
+ };
+}());
+
+var pooling = (function(){
+
+ function double(arr){
+ return arr.concat(createSizedArray(arr.length));
+ }
+
+ return {
+ double: double
+ };
+}());
+var point_pool = (function(){
+
+ function create() {
+ return createTypedArray('float32', 2);
+ }
+ return pool_factory(8, create);
+}());
+var shape_pool = (function(){
+
+ function create() {
+ return new ShapePath();
+ }
+
+ function release(shapePath) {
+ var len = shapePath._length, i;
+ for(i = 0; i < len; i += 1) {
+ point_pool.release(shapePath.v[i]);
+ point_pool.release(shapePath.i[i]);
+ point_pool.release(shapePath.o[i]);
+ shapePath.v[i] = null;
+ shapePath.i[i] = null;
+ shapePath.o[i] = null;
+ }
+ shapePath._length = 0;
+ shapePath.c = false;
+ }
+
+ function clone(shape) {
+ var cloned = factory.newElement();
+ var i, len = shape._length === undefined ? shape.v.length : shape._length;
+ cloned.setLength(len);
+ cloned.c = shape.c;
+ var pt;
+
+ for(i = 0; i < len; i += 1) {
+ cloned.setTripleAt(shape.v[i][0],shape.v[i][1],shape.o[i][0],shape.o[i][1],shape.i[i][0],shape.i[i][1], i);
+ }
+ return cloned;
+ }
+
+ var factory = pool_factory(4, create, release);
+ factory.clone = clone;
+
+ return factory;
+}());
+var shapeCollection_pool = (function(){
+ var ob = {
+ newShapeCollection: newShapeCollection,
+ release: release
+ };
+
+ var _length = 0;
+ var _maxLength = 4;
+ var pool = createSizedArray(_maxLength);
+
+ function newShapeCollection(){
+ var shapeCollection;
+ if(_length){
+ _length -= 1;
+ shapeCollection = pool[_length];
+ } else {
+ shapeCollection = new ShapeCollection();
+ }
+ return shapeCollection;
+ }
+
+ function release(shapeCollection) {
+ var i, len = shapeCollection._length;
+ for(i = 0; i < len; i += 1) {
+ shape_pool.release(shapeCollection.shapes[i]);
+ }
+ shapeCollection._length = 0;
+
+ if(_length === _maxLength) {
+ pool = pooling.double(pool);
+ _maxLength = _maxLength*2;
+ }
+ pool[_length] = shapeCollection;
+ _length += 1;
+ }
+
+ return ob;
+}());
+var segments_length_pool = (function(){
+
+ function create() {
+ return {
+ lengths: [],
+ totalLength: 0
+ };
+ }
+
+ function release(element) {
+ var i, len = element.lengths.length;
+ for(i=0;i<len;i+=1) {
+ bezier_length_pool.release(element.lengths[i]);
+ }
+ element.lengths.length = 0;
+ }
+
+ return pool_factory(8, create, release);
+}());
+var bezier_length_pool = (function(){
+
+ function create() {
+ return {
+ addedLength: 0,
+ percents: createTypedArray('float32', defaultCurveSegments),
+ lengths: createTypedArray('float32', defaultCurveSegments),
+ };
+ }
+ return pool_factory(8, create);
+}());
+function BaseRenderer(){}
+BaseRenderer.prototype.checkLayers = function(num){
+ var i, len = this.layers.length, data;
+ this.completeLayers = true;
+ for (i = len - 1; i >= 0; i--) {
+ if (!this.elements[i]) {
+ data = this.layers[i];
+ if(data.ip - data.st <= (num - this.layers[i].st) && data.op - data.st > (num - this.layers[i].st))
+ {
+ this.buildItem(i);
+ }
+ }
+ this.completeLayers = this.elements[i] ? this.completeLayers:false;
+ }
+ this.checkPendingElements();
+};
+
+BaseRenderer.prototype.createItem = function(layer){
+ switch(layer.ty){
+ case 2:
+ return this.createImage(layer);
+ case 0:
+ return this.createComp(layer);
+ case 1:
+ return this.createSolid(layer);
+ case 3:
+ return this.createNull(layer);
+ case 4:
+ return this.createShape(layer);
+ case 5:
+ return this.createText(layer);
+ case 13:
+ return this.createCamera(layer);
+ }
+ return this.createNull(layer);
+};
+
+BaseRenderer.prototype.createCamera = function(){
+ throw new Error('You\'re using a 3d camera. Try the html renderer.');
+};
+
+BaseRenderer.prototype.buildAllItems = function(){
+ var i, len = this.layers.length;
+ for(i=0;i<len;i+=1){
+ this.buildItem(i);
+ }
+ this.checkPendingElements();
+};
+
+BaseRenderer.prototype.includeLayers = function(newLayers){
+ this.completeLayers = false;
+ var i, len = newLayers.length;
+ var j, jLen = this.layers.length;
+ for(i=0;i<len;i+=1){
+ j = 0;
+ while(j<jLen){
+ if(this.layers[j].id == newLayers[i].id){
+ this.layers[j] = newLayers[i];
+ break;
+ }
+ j += 1;
+ }
+ }
+};
+
+BaseRenderer.prototype.setProjectInterface = function(pInterface){
+ this.globalData.projectInterface = pInterface;
+};
+
+BaseRenderer.prototype.initItems = function(){
+ if(!this.globalData.progressiveLoad){
+ this.buildAllItems();
+ }
+};
+BaseRenderer.prototype.buildElementParenting = function(element, parentName, hierarchy) {
+ var elements = this.elements;
+ var layers = this.layers;
+ var i=0, len = layers.length;
+ while (i < len) {
+ if (layers[i].ind == parentName) {
+ if (!elements[i] || elements[i] === true) {
+ this.buildItem(i);
+ this.addPendingElement(element);
+ } else {
+ hierarchy.push(elements[i]);
+ elements[i].setAsParent();
+ if(layers[i].parent !== undefined) {
+ this.buildElementParenting(element, layers[i].parent, hierarchy);
+ } else {
+ element.setHierarchy(hierarchy);
+ }
+ }
+ }
+ i += 1;
+ }
+};
+
+BaseRenderer.prototype.addPendingElement = function(element){
+ this.pendingElements.push(element);
+};
+
+BaseRenderer.prototype.searchExtraCompositions = function(assets){
+ var i, len = assets.length;
+ for(i=0;i<len;i+=1){
+ if(assets[i].xt){
+ var comp = this.createComp(assets[i]);
+ comp.initExpressions();
+ this.globalData.projectInterface.registerComposition(comp);
+ }
+ }
+};
+
+BaseRenderer.prototype.setupGlobalData = function(animData, fontsContainer) {
+ this.globalData.fontManager = new FontManager();
+ this.globalData.fontManager.addChars(animData.chars);
+ this.globalData.fontManager.addFonts(animData.fonts, fontsContainer);
+ this.globalData.getAssetData = this.animationItem.getAssetData.bind(this.animationItem);
+ this.globalData.getAssetsPath = this.animationItem.getAssetsPath.bind(this.animationItem);
+ this.globalData.imageLoader = this.animationItem.imagePreloader;
+ this.globalData.frameId = 0;
+ this.globalData.frameRate = animData.fr;
+ this.globalData.nm = animData.nm;
+ this.globalData.compSize = {
+ w: animData.w,
+ h: animData.h
+ }
+}
+function SVGRenderer(animationItem, config){
+ this.animationItem = animationItem;
+ this.layers = null;
+ this.renderedFrame = -1;
+ this.svgElement = createNS('svg');
+ var defs = createNS( 'defs');
+ this.svgElement.appendChild(defs);
+ var maskElement = createNS('g');
+ this.svgElement.appendChild(maskElement);
+ this.layerElement = maskElement;
+ this.renderConfig = {
+ preserveAspectRatio: (config && config.preserveAspectRatio) || 'xMidYMid meet',
+ imagePreserveAspectRatio: (config && config.imagePreserveAspectRatio) || 'xMidYMid slice',
+ progressiveLoad: (config && config.progressiveLoad) || false,
+ hideOnTransparent: (config && config.hideOnTransparent === false) ? false : true,
+ viewBoxOnly: (config && config.viewBoxOnly) || false,
+ viewBoxSize: (config && config.viewBoxSize) || false,
+ className: (config && config.className) || ''
+ };
+ this.globalData = {
+ _mdf: false,
+ frameNum: -1,
+ defs: defs,
+ renderConfig: this.renderConfig
+ };
+ this.elements = [];
+ this.pendingElements = [];
+ this.destroyed = false;
+ this.rendererType = 'svg';
+
+}
+
+extendPrototype([BaseRenderer],SVGRenderer);
+
+SVGRenderer.prototype.createNull = function (data) {
+ return new NullElement(data,this.globalData,this);
+};
+
+SVGRenderer.prototype.createShape = function (data) {
+ return new SVGShapeElement(data,this.globalData,this);
+};
+
+SVGRenderer.prototype.createText = function (data) {
+ return new SVGTextElement(data,this.globalData,this);
+
+};
+
+SVGRenderer.prototype.createImage = function (data) {
+ return new IImageElement(data,this.globalData,this);
+};
+
+SVGRenderer.prototype.createComp = function (data) {
+ return new SVGCompElement(data,this.globalData,this);
+
+};
+
+SVGRenderer.prototype.createSolid = function (data) {
+ return new ISolidElement(data,this.globalData,this);
+};
+
+SVGRenderer.prototype.configAnimation = function(animData){
+ this.svgElement.setAttribute('xmlns','http://www.w3.org/2000/svg');
+ if(this.renderConfig.viewBoxSize) {
+ this.svgElement.setAttribute('viewBox',this.renderConfig.viewBoxSize);
+ } else {
+ this.svgElement.setAttribute('viewBox','0 0 '+animData.w+' '+animData.h);
+ }
+
+ if(!this.renderConfig.viewBoxOnly) {
+ this.svgElement.setAttribute('width',animData.w);
+ this.svgElement.setAttribute('height',animData.h);
+ this.svgElement.style.width = '100%';
+ this.svgElement.style.height = '100%';
+ this.svgElement.style.transform = 'translate3d(0,0,0)';
+ }
+ if(this.renderConfig.className) {
+ this.svgElement.setAttribute('class', this.renderConfig.className);
+ }
+ this.svgElement.setAttribute('preserveAspectRatio',this.renderConfig.preserveAspectRatio);
+ //this.layerElement.style.transform = 'translate3d(0,0,0)';
+ //this.layerElement.style.transformOrigin = this.layerElement.style.mozTransformOrigin = this.layerElement.style.webkitTransformOrigin = this.layerElement.style['-webkit-transform'] = "0px 0px 0px";
+ this.animationItem.wrapper.appendChild(this.svgElement);
+ //Mask animation
+ var defs = this.globalData.defs;
+
+ this.setupGlobalData(animData, defs);
+ this.globalData.progressiveLoad = this.renderConfig.progressiveLoad;
+ this.data = animData;
+
+ var maskElement = createNS( 'clipPath');
+ var rect = createNS('rect');
+ rect.setAttribute('width',animData.w);
+ rect.setAttribute('height',animData.h);
+ rect.setAttribute('x',0);
+ rect.setAttribute('y',0);
+ var maskId = 'animationMask_'+randomString(10);
+ maskElement.setAttribute('id', maskId);
+ maskElement.appendChild(rect);
+ this.layerElement.setAttribute("clip-path", "url(" + locationHref + "#"+maskId+")");
+
+ defs.appendChild(maskElement);
+ this.layers = animData.layers;
+ this.elements = createSizedArray(animData.layers.length);
+};
+
+
+SVGRenderer.prototype.destroy = function () {
+ this.animationItem.wrapper.innerHTML = '';
+ this.layerElement = null;
+ this.globalData.defs = null;
+ var i, len = this.layers ? this.layers.length : 0;
+ for (i = 0; i < len; i++) {
+ if(this.elements[i]){
+ this.elements[i].destroy();
+ }
+ }
+ this.elements.length = 0;
+ this.destroyed = true;
+ this.animationItem = null;
+};
+
+SVGRenderer.prototype.updateContainerSize = function () {
+};
+
+SVGRenderer.prototype.buildItem = function(pos){
+ var elements = this.elements;
+ if(elements[pos] || this.layers[pos].ty == 99){
+ return;
+ }
+ elements[pos] = true;
+ var element = this.createItem(this.layers[pos]);
+
+ elements[pos] = element;
+ if(expressionsPlugin){
+ if(this.layers[pos].ty === 0){
+ this.globalData.projectInterface.registerComposition(element);
+ }
+ element.initExpressions();
+ }
+ this.appendElementInPos(element,pos);
+ if(this.layers[pos].tt){
+ if(!this.elements[pos - 1] || this.elements[pos - 1] === true){
+ this.buildItem(pos - 1);
+ this.addPendingElement(element);
+ } else {
+ element.setMatte(elements[pos - 1].layerId);
+ }
+ }
+};
+
+SVGRenderer.prototype.checkPendingElements = function(){
+ while(this.pendingElements.length){
+ var element = this.pendingElements.pop();
+ element.checkParenting();
+ if(element.data.tt){
+ var i = 0, len = this.elements.length;
+ while(i<len){
+ if(this.elements[i] === element){
+ element.setMatte(this.elements[i - 1].layerId);
+ break;
+ }
+ i += 1;
+ }
+ }
+ }
+};
+
+SVGRenderer.prototype.renderFrame = function(num){
+ if(this.renderedFrame === num || this.destroyed){
+ return;
+ }
+ if(num === null){
+ num = this.renderedFrame;
+ }else{
+ this.renderedFrame = num;
+ }
+ // console.log('-------');
+ // console.log('FRAME ',num);
+ this.globalData.frameNum = num;
+ this.globalData.frameId += 1;
+ this.globalData.projectInterface.currentFrame = num;
+ this.globalData._mdf = false;
+ var i, len = this.layers.length;
+ if(!this.completeLayers){
+ this.checkLayers(num);
+ }
+ for (i = len - 1; i >= 0; i--) {
+ if(this.completeLayers || this.elements[i]){
+ this.elements[i].prepareFrame(num - this.layers[i].st);
+ }
+ }
+ if(this.globalData._mdf) {
+ for (i = 0; i < len; i += 1) {
+ if(this.completeLayers || this.elements[i]){
+ this.elements[i].renderFrame();
+ }
+ }
+ }
+};
+
+SVGRenderer.prototype.appendElementInPos = function(element, pos){
+ var newElement = element.getBaseElement();
+ if(!newElement){
+ return;
+ }
+ var i = 0;
+ var nextElement;
+ while(i<pos){
+ if(this.elements[i] && this.elements[i]!== true && this.elements[i].getBaseElement()){
+ nextElement = this.elements[i].getBaseElement();
+ }
+ i += 1;
+ }
+ if(nextElement){
+ this.layerElement.insertBefore(newElement, nextElement);
+ } else {
+ this.layerElement.appendChild(newElement);
+ }
+};
+
+SVGRenderer.prototype.hide = function(){
+ this.layerElement.style.display = 'none';
+};
+
+SVGRenderer.prototype.show = function(){
+ this.layerElement.style.display = 'block';
+};
+
+function CanvasRenderer(animationItem, config){
+ this.animationItem = animationItem;
+ this.renderConfig = {
+ clearCanvas: (config && config.clearCanvas !== undefined) ? config.clearCanvas : true,
+ context: (config && config.context) || null,
+ progressiveLoad: (config && config.progressiveLoad) || false,
+ preserveAspectRatio: (config && config.preserveAspectRatio) || 'xMidYMid meet',
+ imagePreserveAspectRatio: (config && config.imagePreserveAspectRatio) || 'xMidYMid slice',
+ className: (config && config.className) || ''
+ };
+ this.renderConfig.dpr = (config && config.dpr) || 1;
+ if (this.animationItem.wrapper) {
+ this.renderConfig.dpr = (config && config.dpr) || window.devicePixelRatio || 1;
+ }
+ this.renderedFrame = -1;
+ this.globalData = {
+ frameNum: -1,
+ _mdf: false,
+ renderConfig: this.renderConfig,
+ currentGlobalAlpha: -1
+ };
+ this.contextData = new CVContextData();
+ this.elements = [];
+ this.pendingElements = [];
+ this.transformMat = new Matrix();
+ this.completeLayers = false;
+ this.rendererType = 'canvas';
+}
+extendPrototype([BaseRenderer],CanvasRenderer);
+
+CanvasRenderer.prototype.createShape = function (data) {
+ return new CVShapeElement(data, this.globalData, this);
+};
+
+CanvasRenderer.prototype.createText = function (data) {
+ return new CVTextElement(data, this.globalData, this);
+};
+
+CanvasRenderer.prototype.createImage = function (data) {
+ return new CVImageElement(data, this.globalData, this);
+};
+
+CanvasRenderer.prototype.createComp = function (data) {
+ return new CVCompElement(data, this.globalData, this);
+};
+
+CanvasRenderer.prototype.createSolid = function (data) {
+ return new CVSolidElement(data, this.globalData, this);
+};
+
+CanvasRenderer.prototype.createNull = SVGRenderer.prototype.createNull;
+
+CanvasRenderer.prototype.ctxTransform = function(props){
+ if(props[0] === 1 && props[1] === 0 && props[4] === 0 && props[5] === 1 && props[12] === 0 && props[13] === 0){
+ return;
+ }
+ if(!this.renderConfig.clearCanvas){
+ this.canvasContext.transform(props[0],props[1],props[4],props[5],props[12],props[13]);
+ return;
+ }
+ this.transformMat.cloneFromProps(props);
+ var cProps = this.contextData.cTr.props;
+ this.transformMat.transform(cProps[0],cProps[1],cProps[2],cProps[3],cProps[4],cProps[5],cProps[6],cProps[7],cProps[8],cProps[9],cProps[10],cProps[11],cProps[12],cProps[13],cProps[14],cProps[15]);
+ //this.contextData.cTr.transform(props[0],props[1],props[2],props[3],props[4],props[5],props[6],props[7],props[8],props[9],props[10],props[11],props[12],props[13],props[14],props[15]);
+ this.contextData.cTr.cloneFromProps(this.transformMat.props);
+ var trProps = this.contextData.cTr.props;
+ this.canvasContext.setTransform(trProps[0],trProps[1],trProps[4],trProps[5],trProps[12],trProps[13]);
+};
+
+CanvasRenderer.prototype.ctxOpacity = function(op){
+ /*if(op === 1){
+ return;
+ }*/
+ if(!this.renderConfig.clearCanvas){
+ this.canvasContext.globalAlpha *= op < 0 ? 0 : op;
+ this.globalData.currentGlobalAlpha = this.contextData.cO;
+ return;
+ }
+ this.contextData.cO *= op < 0 ? 0 : op;
+ if(this.globalData.currentGlobalAlpha !== this.contextData.cO) {
+ this.canvasContext.globalAlpha = this.contextData.cO;
+ this.globalData.currentGlobalAlpha = this.contextData.cO;
+ }
+};
+
+CanvasRenderer.prototype.reset = function(){
+ if(!this.renderConfig.clearCanvas){
+ this.canvasContext.restore();
+ return;
+ }
+ this.contextData.reset();
+};
+
+CanvasRenderer.prototype.save = function(actionFlag){
+ if(!this.renderConfig.clearCanvas){
+ this.canvasContext.save();
+ return;
+ }
+ if(actionFlag){
+ this.canvasContext.save();
+ }
+ var props = this.contextData.cTr.props;
+ if(this.contextData._length <= this.contextData.cArrPos) {
+ this.contextData.duplicate();
+ }
+ var i, arr = this.contextData.saved[this.contextData.cArrPos];
+ for (i = 0; i < 16; i += 1) {
+ arr[i] = props[i];
+ }
+ this.contextData.savedOp[this.contextData.cArrPos] = this.contextData.cO;
+ this.contextData.cArrPos += 1;
+};
+
+CanvasRenderer.prototype.restore = function(actionFlag){
+ if(!this.renderConfig.clearCanvas){
+ this.canvasContext.restore();
+ return;
+ }
+ if(actionFlag){
+ this.canvasContext.restore();
+ this.globalData.blendMode = 'source-over';
+ }
+ this.contextData.cArrPos -= 1;
+ var popped = this.contextData.saved[this.contextData.cArrPos];
+ var i,arr = this.contextData.cTr.props;
+ for(i=0;i<16;i+=1){
+ arr[i] = popped[i];
+ }
+ this.canvasContext.setTransform(popped[0],popped[1],popped[4],popped[5],popped[12],popped[13]);
+ popped = this.contextData.savedOp[this.contextData.cArrPos];
+ this.contextData.cO = popped;
+ if(this.globalData.currentGlobalAlpha !== popped) {
+ this.canvasContext.globalAlpha = popped;
+ this.globalData.currentGlobalAlpha = popped;
+ }
+};
+
+CanvasRenderer.prototype.configAnimation = function(animData){
+ if(this.animationItem.wrapper){
+ this.animationItem.container = createTag('canvas');
+ this.animationItem.container.style.width = '100%';
+ this.animationItem.container.style.height = '100%';
+ //this.animationItem.container.style.transform = 'translate3d(0,0,0)';
+ //this.animationItem.container.style.webkitTransform = 'translate3d(0,0,0)';
+ this.animationItem.container.style.transformOrigin = this.animationItem.container.style.mozTransformOrigin = this.animationItem.container.style.webkitTransformOrigin = this.animationItem.container.style['-webkit-transform'] = "0px 0px 0px";
+ this.animationItem.wrapper.appendChild(this.animationItem.container);
+ this.canvasContext = this.animationItem.container.getContext('2d');
+ if(this.renderConfig.className) {
+ this.animationItem.container.setAttribute('class', this.renderConfig.className);
+ }
+ }else{
+ this.canvasContext = this.renderConfig.context;
+ }
+ this.data = animData;
+ this.layers = animData.layers;
+ this.transformCanvas = {
+ w: animData.w,
+ h:animData.h,
+ sx:0,
+ sy:0,
+ tx:0,
+ ty:0
+ };
+ this.setupGlobalData(animData, document.body);
+ this.globalData.canvasContext = this.canvasContext;
+ this.globalData.renderer = this;
+ this.globalData.isDashed = false;
+ this.globalData.progressiveLoad = this.renderConfig.progressiveLoad;
+ this.globalData.transformCanvas = this.transformCanvas;
+ this.elements = createSizedArray(animData.layers.length);
+
+ this.updateContainerSize();
+};
+
+CanvasRenderer.prototype.updateContainerSize = function () {
+ this.reset();
+ var elementWidth,elementHeight;
+ if(this.animationItem.wrapper && this.animationItem.container){
+ elementWidth = this.animationItem.wrapper.offsetWidth;
+ elementHeight = this.animationItem.wrapper.offsetHeight;
+ this.animationItem.container.setAttribute('width',elementWidth * this.renderConfig.dpr );
+ this.animationItem.container.setAttribute('height',elementHeight * this.renderConfig.dpr);
+ }else{
+ elementWidth = this.canvasContext.canvas.width * this.renderConfig.dpr;
+ elementHeight = this.canvasContext.canvas.height * this.renderConfig.dpr;
+ }
+ var elementRel,animationRel;
+ if(this.renderConfig.preserveAspectRatio.indexOf('meet') !== -1 || this.renderConfig.preserveAspectRatio.indexOf('slice') !== -1){
+ var par = this.renderConfig.preserveAspectRatio.split(' ');
+ var fillType = par[1] || 'meet';
+ var pos = par[0] || 'xMidYMid';
+ var xPos = pos.substr(0,4);
+ var yPos = pos.substr(4);
+ elementRel = elementWidth/elementHeight;
+ animationRel = this.transformCanvas.w/this.transformCanvas.h;
+ if(animationRel>elementRel && fillType === 'meet' || animationRel<elementRel && fillType === 'slice'){
+ this.transformCanvas.sx = elementWidth/(this.transformCanvas.w/this.renderConfig.dpr);
+ this.transformCanvas.sy = elementWidth/(this.transformCanvas.w/this.renderConfig.dpr);
+ }else{
+ this.transformCanvas.sx = elementHeight/(this.transformCanvas.h / this.renderConfig.dpr);
+ this.transformCanvas.sy = elementHeight/(this.transformCanvas.h / this.renderConfig.dpr);
+ }
+
+ if(xPos === 'xMid' && ((animationRel<elementRel && fillType==='meet') || (animationRel>elementRel && fillType === 'slice'))){
+ this.transformCanvas.tx = (elementWidth-this.transformCanvas.w*(elementHeight/this.transformCanvas.h))/2*this.renderConfig.dpr;
+ } else if(xPos === 'xMax' && ((animationRel<elementRel && fillType==='meet') || (animationRel>elementRel && fillType === 'slice'))){
+ this.transformCanvas.tx = (elementWidth-this.transformCanvas.w*(elementHeight/this.transformCanvas.h))*this.renderConfig.dpr;
+ } else {
+ this.transformCanvas.tx = 0;
+ }
+ if(yPos === 'YMid' && ((animationRel>elementRel && fillType==='meet') || (animationRel<elementRel && fillType === 'slice'))){
+ this.transformCanvas.ty = ((elementHeight-this.transformCanvas.h*(elementWidth/this.transformCanvas.w))/2)*this.renderConfig.dpr;
+ } else if(yPos === 'YMax' && ((animationRel>elementRel && fillType==='meet') || (animationRel<elementRel && fillType === 'slice'))){
+ this.transformCanvas.ty = ((elementHeight-this.transformCanvas.h*(elementWidth/this.transformCanvas.w)))*this.renderConfig.dpr;
+ } else {
+ this.transformCanvas.ty = 0;
+ }
+
+ }else if(this.renderConfig.preserveAspectRatio == 'none'){
+ this.transformCanvas.sx = elementWidth/(this.transformCanvas.w/this.renderConfig.dpr);
+ this.transformCanvas.sy = elementHeight/(this.transformCanvas.h/this.renderConfig.dpr);
+ this.transformCanvas.tx = 0;
+ this.transformCanvas.ty = 0;
+ }else{
+ this.transformCanvas.sx = this.renderConfig.dpr;
+ this.transformCanvas.sy = this.renderConfig.dpr;
+ this.transformCanvas.tx = 0;
+ this.transformCanvas.ty = 0;
+ }
+ this.transformCanvas.props = [this.transformCanvas.sx,0,0,0,0,this.transformCanvas.sy,0,0,0,0,1,0,this.transformCanvas.tx,this.transformCanvas.ty,0,1];
+ /*var i, len = this.elements.length;
+ for(i=0;i<len;i+=1){
+ if(this.elements[i] && this.elements[i].data.ty === 0){
+ this.elements[i].resize(this.globalData.transformCanvas);
+ }
+ }*/
+ this.ctxTransform(this.transformCanvas.props);
+ this.canvasContext.beginPath();
+ this.canvasContext.rect(0,0,this.transformCanvas.w,this.transformCanvas.h);
+ this.canvasContext.closePath();
+ this.canvasContext.clip();
+};
+
+CanvasRenderer.prototype.destroy = function () {
+ if(this.renderConfig.clearCanvas) {
+ this.animationItem.wrapper.innerHTML = '';
+ }
+ var i, len = this.layers ? this.layers.length : 0;
+ for (i = len - 1; i >= 0; i-=1) {
+ if(this.elements[i]) {
+ this.elements[i].destroy();
+ }
+ }
+ this.elements.length = 0;
+ this.globalData.canvasContext = null;
+ this.animationItem.container = null;
+ this.destroyed = true;
+};
+
+CanvasRenderer.prototype.renderFrame = function(num){
+ if((this.renderedFrame == num && this.renderConfig.clearCanvas === true) || this.destroyed || num === -1){
+ return;
+ }
+ this.renderedFrame = num;
+ this.globalData.frameNum = num - this.animationItem._isFirstFrame;
+ this.globalData.frameId += 1;
+ this.globalData._mdf = !this.renderConfig.clearCanvas;
+ this.globalData.projectInterface.currentFrame = num;
+
+ // console.log('--------');
+ // console.log('NEW: ',num);
+ var i, len = this.layers.length;
+ if(!this.completeLayers){
+ this.checkLayers(num);
+ }
+
+ for (i = 0; i < len; i++) {
+ if(this.completeLayers || this.elements[i]){
+ this.elements[i].prepareFrame(num - this.layers[i].st);
+ }
+ }
+ if(this.globalData._mdf) {
+ if(this.renderConfig.clearCanvas === true){
+ this.canvasContext.clearRect(0, 0, this.transformCanvas.w, this.transformCanvas.h);
+ }else{
+ this.save();
+ }
+ for (i = len - 1; i >= 0; i-=1) {
+ if(this.completeLayers || this.elements[i]){
+ this.elements[i].renderFrame();
+ }
+ }
+ if(this.renderConfig.clearCanvas !== true){
+ this.restore();
+ }
+ }
+};
+
+CanvasRenderer.prototype.buildItem = function(pos){
+ var elements = this.elements;
+ if(elements[pos] || this.layers[pos].ty == 99){
+ return;
+ }
+ var element = this.createItem(this.layers[pos], this,this.globalData);
+ elements[pos] = element;
+ element.initExpressions();
+ /*if(this.layers[pos].ty === 0){
+ element.resize(this.globalData.transformCanvas);
+ }*/
+};
+
+CanvasRenderer.prototype.checkPendingElements = function(){
+ while(this.pendingElements.length){
+ var element = this.pendingElements.pop();
+ element.checkParenting();
+ }
+};
+
+CanvasRenderer.prototype.hide = function(){
+ this.animationItem.container.style.display = 'none';
+};
+
+CanvasRenderer.prototype.show = function(){
+ this.animationItem.container.style.display = 'block';
+};
+
+function MaskElement(data,element,globalData) {
+ this.data = data;
+ this.element = element;
+ this.globalData = globalData;
+ this.storedData = [];
+ this.masksProperties = this.data.masksProperties || [];
+ this.maskElement = null;
+ var defs = this.globalData.defs;
+ var i, len = this.masksProperties ? this.masksProperties.length : 0;
+ this.viewData = createSizedArray(len);
+ this.solidPath = '';
+
+
+ var path, properties = this.masksProperties;
+ var count = 0;
+ var currentMasks = [];
+ var j, jLen;
+ var layerId = randomString(10);
+ var rect, expansor, feMorph,x;
+ var maskType = 'clipPath', maskRef = 'clip-path';
+ for (i = 0; i < len; i++) {
+
+ if((properties[i].mode !== 'a' && properties[i].mode !== 'n')|| properties[i].inv || properties[i].o.k !== 100){
+ maskType = 'mask';
+ maskRef = 'mask';
+ }
+
+ if((properties[i].mode == 's' || properties[i].mode == 'i') && count === 0){
+ rect = createNS( 'rect');
+ rect.setAttribute('fill', '#ffffff');
+ rect.setAttribute('width', this.element.comp.data.w || 0);
+ rect.setAttribute('height', this.element.comp.data.h || 0);
+ currentMasks.push(rect);
+ } else {
+ rect = null;
+ }
+
+ path = createNS( 'path');
+ if(properties[i].mode == 'n') {
+ // TODO move this to a factory or to a constructor
+ this.viewData[i] = {
+ op: PropertyFactory.getProp(this.element,properties[i].o,0,0.01,this.element),
+ prop: ShapePropertyFactory.getShapeProp(this.element,properties[i],3),
+ elem: path,
+ lastPath: ''
+ };
+ defs.appendChild(path);
+ continue;
+ }
+ count += 1;
+
+ path.setAttribute('fill', properties[i].mode === 's' ? '#000000':'#ffffff');
+ path.setAttribute('clip-rule','nonzero');
+ var filterID;
+
+ if (properties[i].x.k !== 0) {
+ maskType = 'mask';
+ maskRef = 'mask';
+ x = PropertyFactory.getProp(this.element,properties[i].x,0,null,this.element);
+ filterID = 'fi_'+randomString(10);
+ expansor = createNS('filter');
+ expansor.setAttribute('id',filterID);
+ feMorph = createNS('feMorphology');
+ feMorph.setAttribute('operator','dilate');
+ feMorph.setAttribute('in','SourceGraphic');
+ feMorph.setAttribute('radius','0');
+ expansor.appendChild(feMorph);
+ defs.appendChild(expansor);
+ path.setAttribute('stroke', properties[i].mode === 's' ? '#000000':'#ffffff');
+ } else {
+ feMorph = null;
+ x = null;
+ }
+
+ // TODO move this to a factory or to a constructor
+ this.storedData[i] = {
+ elem: path,
+ x: x,
+ expan: feMorph,
+ lastPath: '',
+ lastOperator:'',
+ filterId:filterID,
+ lastRadius:0
+ };
+ if(properties[i].mode == 'i'){
+ jLen = currentMasks.length;
+ var g = createNS('g');
+ for(j=0;j<jLen;j+=1){
+ g.appendChild(currentMasks[j]);
+ }
+ var mask = createNS('mask');
+ mask.setAttribute('mask-type','alpha');
+ mask.setAttribute('id',layerId+'_'+count);
+ mask.appendChild(path);
+ defs.appendChild(mask);
+ g.setAttribute('mask','url(' + locationHref + '#'+layerId+'_'+count+')');
+
+ currentMasks.length = 0;
+ currentMasks.push(g);
+ }else{
+ currentMasks.push(path);
+ }
+ if(properties[i].inv && !this.solidPath){
+ this.solidPath = this.createLayerSolidPath();
+ }
+ // TODO move this to a factory or to a constructor
+ this.viewData[i] = {
+ elem: path,
+ lastPath: '',
+ op: PropertyFactory.getProp(this.element,properties[i].o,0,0.01,this.element),
+ prop:ShapePropertyFactory.getShapeProp(this.element,properties[i],3),
+ invRect: rect
+ };
+ if(!this.viewData[i].prop.k){
+ this.drawPath(properties[i],this.viewData[i].prop.v,this.viewData[i]);
+ }
+ }
+
+ this.maskElement = createNS( maskType);
+
+ len = currentMasks.length;
+ for(i=0;i<len;i+=1){
+ this.maskElement.appendChild(currentMasks[i]);
+ }
+
+ if(count > 0){
+ this.maskElement.setAttribute('id', layerId);
+ this.element.maskedElement.setAttribute(maskRef, "url(" + locationHref + "#" + layerId + ")");
+ defs.appendChild(this.maskElement);
+ }
+ if (this.viewData.length) {
+ this.element.addRenderableComponent(this);
+ }
+
+}
+
+MaskElement.prototype.getMaskProperty = function(pos){
+ return this.viewData[pos].prop;
+};
+
+MaskElement.prototype.renderFrame = function (isFirstFrame) {
+ var finalMat = this.element.finalTransform.mat;
+ var i, len = this.masksProperties.length;
+ for (i = 0; i < len; i++) {
+ if(this.viewData[i].prop._mdf || isFirstFrame){
+ this.drawPath(this.masksProperties[i],this.viewData[i].prop.v,this.viewData[i]);
+ }
+ if(this.viewData[i].op._mdf || isFirstFrame){
+ this.viewData[i].elem.setAttribute('fill-opacity',this.viewData[i].op.v);
+ }
+ if(this.masksProperties[i].mode !== 'n'){
+ if(this.viewData[i].invRect && (this.element.finalTransform.mProp._mdf || isFirstFrame)){
+ this.viewData[i].invRect.setAttribute('x', -finalMat.props[12]);
+ this.viewData[i].invRect.setAttribute('y', -finalMat.props[13]);
+ }
+ if(this.storedData[i].x && (this.storedData[i].x._mdf || isFirstFrame)){
+ var feMorph = this.storedData[i].expan;
+ if(this.storedData[i].x.v < 0){
+ if(this.storedData[i].lastOperator !== 'erode'){
+ this.storedData[i].lastOperator = 'erode';
+ this.storedData[i].elem.setAttribute('filter','url(' + locationHref + '#'+this.storedData[i].filterId+')');
+ }
+ feMorph.setAttribute('radius',-this.storedData[i].x.v);
+ }else{
+ if(this.storedData[i].lastOperator !== 'dilate'){
+ this.storedData[i].lastOperator = 'dilate';
+ this.storedData[i].elem.setAttribute('filter',null);
+ }
+ this.storedData[i].elem.setAttribute('stroke-width', this.storedData[i].x.v*2);
+
+ }
+ }
+ }
+ }
+};
+
+MaskElement.prototype.getMaskelement = function () {
+ return this.maskElement;
+};
+
+MaskElement.prototype.createLayerSolidPath = function(){
+ var path = 'M0,0 ';
+ path += ' h' + this.globalData.compSize.w ;
+ path += ' v' + this.globalData.compSize.h ;
+ path += ' h-' + this.globalData.compSize.w ;
+ path += ' v-' + this.globalData.compSize.h + ' ';
+ return path;
+};
+
+MaskElement.prototype.drawPath = function(pathData,pathNodes,viewData){
+ var pathString = " M"+pathNodes.v[0][0]+','+pathNodes.v[0][1];
+ var i, len;
+ len = pathNodes._length;
+ for(i=1;i<len;i+=1){
+ //pathString += " C"+pathNodes.o[i-1][0]+','+pathNodes.o[i-1][1] + " "+pathNodes.i[i][0]+','+pathNodes.i[i][1] + " "+pathNodes.v[i][0]+','+pathNodes.v[i][1];
+ pathString += " C"+pathNodes.o[i-1][0]+','+pathNodes.o[i-1][1] + " "+pathNodes.i[i][0]+','+pathNodes.i[i][1] + " "+pathNodes.v[i][0]+','+pathNodes.v[i][1];
+ }
+ //pathString += " C"+pathNodes.o[i-1][0]+','+pathNodes.o[i-1][1] + " "+pathNodes.i[0][0]+','+pathNodes.i[0][1] + " "+pathNodes.v[0][0]+','+pathNodes.v[0][1];
+ if(pathNodes.c && len > 1){
+ pathString += " C"+pathNodes.o[i-1][0]+','+pathNodes.o[i-1][1] + " "+pathNodes.i[0][0]+','+pathNodes.i[0][1] + " "+pathNodes.v[0][0]+','+pathNodes.v[0][1];
+ }
+ //pathNodes.__renderedString = pathString;
+
+ if(viewData.lastPath !== pathString){
+ var pathShapeValue = '';
+ if(viewData.elem){
+ if(pathNodes.c){
+ pathShapeValue = pathData.inv ? this.solidPath + pathString : pathString;
+ }
+ viewData.elem.setAttribute('d',pathShapeValue);
+ }
+ viewData.lastPath = pathString;
+ }
+};
+
+MaskElement.prototype.destroy = function(){
+ this.element = null;
+ this.globalData = null;
+ this.maskElement = null;
+ this.data = null;
+ this.masksProperties = null;
+};
+
+/**
+ * @file
+ * Handles AE's layer parenting property.
+ *
+ */
+
+function HierarchyElement(){}
+
+HierarchyElement.prototype = {
+ /**
+ * @function
+ * Initializes hierarchy properties
+ *
+ */
+ initHierarchy: function() {
+ //element's parent list
+ this.hierarchy = [];
+ //if element is parent of another layer _isParent will be true
+ this._isParent = false;
+ this.checkParenting();
+ },
+ /**
+ * @function
+ * Sets layer's hierarchy.
+ * @param {array} hierarch
+ * layer's parent list
+ *
+ */
+ setHierarchy: function(hierarchy){
+ this.hierarchy = hierarchy;
+ },
+ /**
+ * @function
+ * Sets layer as parent.
+ *
+ */
+ setAsParent: function() {
+ this._isParent = true;
+ },
+ /**
+ * @function
+ * Searches layer's parenting chain
+ *
+ */
+ checkParenting: function(){
+ if (this.data.parent !== undefined){
+ this.comp.buildElementParenting(this, this.data.parent, []);
+ }
+ }
+};
+/**
+ * @file
+ * Handles element's layer frame update.
+ * Checks layer in point and out point
+ *
+ */
+
+function FrameElement(){}
+
+FrameElement.prototype = {
+ /**
+ * @function
+ * Initializes frame related properties.
+ *
+ */
+ initFrame: function(){
+ //set to true when inpoint is rendered
+ this._isFirstFrame = false;
+ //list of animated properties
+ this.dynamicProperties = [];
+ // If layer has been modified in current tick this will be true
+ this._mdf = false;
+ },
+ /**
+ * @function
+ * Calculates all dynamic values
+ *
+ * @param {number} num
+ * current frame number in Layer's time
+ * @param {boolean} isVisible
+ * if layers is currently in range
+ *
+ */
+ prepareProperties: function(num, isVisible) {
+ var i, len = this.dynamicProperties.length;
+ for (i = 0;i < len; i += 1) {
+ if (isVisible || (this._isParent && this.dynamicProperties[i].propType === 'transform')) {
+ this.dynamicProperties[i].getValue();
+ if (this.dynamicProperties[i]._mdf) {
+ this.globalData._mdf = true;
+ this._mdf = true;
+ }
+ }
+ }
+ },
+ addDynamicProperty: function(prop) {
+ if(this.dynamicProperties.indexOf(prop) === -1) {
+ this.dynamicProperties.push(prop);
+ }
+ }
+};
+function TransformElement(){}
+
+TransformElement.prototype = {
+ initTransform: function() {
+ this.finalTransform = {
+ mProp: this.data.ks ? TransformPropertyFactory.getTransformProperty(this, this.data.ks, this) : {o:0},
+ _matMdf: false,
+ _opMdf: false,
+ mat: new Matrix()
+ };
+ if (this.data.ao) {
+ this.finalTransform.mProp.autoOriented = true;
+ }
+
+ //TODO: check TYPE 11: Guided elements
+ if (this.data.ty !== 11) {
+ //this.createElements();
+ }
+ },
+ renderTransform: function() {
+
+ this.finalTransform._opMdf = this.finalTransform.mProp.o._mdf || this._isFirstFrame;
+ this.finalTransform._matMdf = this.finalTransform.mProp._mdf || this._isFirstFrame;
+
+ if (this.hierarchy) {
+ var mat;
+ var finalMat = this.finalTransform.mat;
+ var i = 0, len = this.hierarchy.length;
+ //Checking if any of the transformation matrices in the hierarchy chain has changed.
+ if (!this.finalTransform._matMdf) {
+ while (i < len) {
+ if (this.hierarchy[i].finalTransform.mProp._mdf) {
+ this.finalTransform._matMdf = true;
+ break;
+ }
+ i += 1;
+ }
+ }
+
+ if (this.finalTransform._matMdf) {
+ mat = this.finalTransform.mProp.v.props;
+ finalMat.cloneFromProps(mat);
+ for (i = 0; i < len; i += 1) {
+ mat = this.hierarchy[i].finalTransform.mProp.v.props;
+ finalMat.transform(mat[0], mat[1], mat[2], mat[3], mat[4], mat[5], mat[6], mat[7], mat[8], mat[9], mat[10], mat[11], mat[12], mat[13], mat[14], mat[15]);
+ }
+ }
+ }
+ },
+ globalToLocal: function(pt) {
+ var transforms = [];
+ transforms.push(this.finalTransform);
+ var flag = true;
+ var comp = this.comp;
+ while (flag) {
+ if (comp.finalTransform) {
+ if (comp.data.hasMask) {
+ transforms.splice(0, 0, comp.finalTransform);
+ }
+ comp = comp.comp;
+ } else {
+ flag = false;
+ }
+ }
+ var i, len = transforms.length,ptNew;
+ for (i = 0; i < len; i += 1) {
+ ptNew = transforms[i].mat.applyToPointArray(0, 0, 0);
+ //ptNew = transforms[i].mat.applyToPointArray(pt[0],pt[1],pt[2]);
+ pt = [pt[0] - ptNew[0], pt[1] - ptNew[1], 0];
+ }
+ return pt;
+ },
+ mHelper: new Matrix()
+};
+function RenderableElement(){
+
+}
+
+RenderableElement.prototype = {
+ initRenderable: function() {
+ //layer's visibility related to inpoint and outpoint. Rename isVisible to isInRange
+ this.isInRange = false;
+ //layer's display state
+ this.hidden = false;
+ // If layer's transparency equals 0, it can be hidden
+ this.isTransparent = false;
+ //list of animated components
+ this.renderableComponents = [];
+ },
+ addRenderableComponent: function(component) {
+ if(this.renderableComponents.indexOf(component) === -1) {
+ this.renderableComponents.push(component);
+ }
+ },
+ removeRenderableComponent: function(component) {
+ if(this.renderableComponents.indexOf(component) !== -1) {
+ this.renderableComponents.splice(this.renderableComponents.indexOf(component), 1);
+ }
+ },
+ prepareRenderableFrame: function(num) {
+ this.checkLayerLimits(num);
+ },
+ checkTransparency: function(){
+ if(this.finalTransform.mProp.o.v <= 0) {
+ if(!this.isTransparent && this.globalData.renderConfig.hideOnTransparent){
+ this.isTransparent = true;
+ this.hide();
+ }
+ } else if(this.isTransparent) {
+ this.isTransparent = false;
+ this.show();
+ }
+ },
+ /**
+ * @function
+ * Initializes frame related properties.
+ *
+ * @param {number} num
+ * current frame number in Layer's time
+ *
+ */
+ checkLayerLimits: function(num) {
+ if(this.data.ip - this.data.st <= num && this.data.op - this.data.st > num)
+ {
+ if(this.isInRange !== true){
+ this.globalData._mdf = true;
+ this._mdf = true;
+ this.isInRange = true;
+ this.show();
+ }
+ } else {
+ if(this.isInRange !== false){
+ this.globalData._mdf = true;
+ this.isInRange = false;
+ this.hide();
+ }
+ }
+ },
+ renderRenderable: function() {
+ var i, len = this.renderableComponents.length;
+ for(i = 0; i < len; i += 1) {
+ this.renderableComponents[i].renderFrame(this._isFirstFrame);
+ }
+ /*this.maskManager.renderFrame(this.finalTransform.mat);
+ this.renderableEffectsManager.renderFrame(this._isFirstFrame);*/
+ },
+ sourceRectAtTime: function(){
+ return {
+ top:0,
+ left:0,
+ width:100,
+ height:100
+ };
+ },
+ getLayerSize: function(){
+ if(this.data.ty === 5){
+ return {w:this.data.textData.width,h:this.data.textData.height};
+ }else{
+ return {w:this.data.width,h:this.data.height};
+ }
+ }
+};
+function RenderableDOMElement() {}
+
+(function(){
+ var _prototype = {
+ initElement: function(data,globalData,comp) {
+ this.initFrame();
+ this.initBaseData(data, globalData, comp);
+ this.initTransform(data, globalData, comp);
+ this.initHierarchy();
+ this.initRenderable();
+ this.initRendererElement();
+ this.createContainerElements();
+ this.createRenderableComponents();
+ this.createContent();
+ this.hide();
+ },
+ hide: function(){
+ if (!this.hidden && (!this.isInRange || this.isTransparent)) {
+ var elem = this.baseElement || this.layerElement;
+ elem.style.display = 'none';
+ this.hidden = true;
+ }
+ },
+ show: function(){
+ if (this.isInRange && !this.isTransparent){
+ if (!this.data.hd) {
+ var elem = this.baseElement || this.layerElement;
+ elem.style.display = 'block';
+ }
+ this.hidden = false;
+ this._isFirstFrame = true;
+ }
+ },
+ renderFrame: function() {
+ //If it is exported as hidden (data.hd === true) no need to render
+ //If it is not visible no need to render
+ if (this.data.hd || this.hidden) {
+ return;
+ }
+ this.renderTransform();
+ this.renderRenderable();
+ this.renderElement();
+ this.renderInnerContent();
+ if (this._isFirstFrame) {
+ this._isFirstFrame = false;
+ }
+ },
+ renderInnerContent: function() {},
+ prepareFrame: function(num) {
+ this._mdf = false;
+ this.prepareRenderableFrame(num);
+ this.prepareProperties(num, this.isInRange);
+ this.checkTransparency();
+ },
+ destroy: function(){
+ this.innerElem = null;
+ this.destroyBaseElement();
+ }
+ };
+ extendPrototype([RenderableElement, createProxyFunction(_prototype)], RenderableDOMElement);
+}());
+function ProcessedElement(element, position) {
+ this.elem = element;
+ this.pos = position;
+}
+function SVGShapeData(transformers, level, shape) {
+ this.caches = [];
+ this.styles = [];
+ this.transformers = transformers;
+ this.lStr = '';
+ this.sh = shape;
+ this.lvl = level;
+ //TODO find if there are some cases where _isAnimated can be false.
+ // For now, since shapes add up with other shapes. They have to be calculated every time.
+ // One way of finding out is checking if all styles associated to this shape depend only of this shape
+ this._isAnimated = !!shape.k;
+ // TODO: commenting this for now since all shapes are animated
+ var i = 0, len = transformers.length;
+ while(i < len) {
+ if(transformers[i].mProps.dynamicProperties.length) {
+ this._isAnimated = true;
+ break;
+ }
+ i += 1;
+ }
+}
+
+SVGShapeData.prototype.setAsAnimated = function() {
+ this._isAnimated = true;
+}
+function ShapeGroupData() {
+ this.it = [];
+ this.prevViewData = [];
+ this.gr = createNS('g');
+}
+function ShapeTransformManager() {
+ this.sequences = {};
+ this.sequenceList = [];
+ this.transform_key_count = 0;
+}
+
+ShapeTransformManager.prototype = {
+ addTransformSequence: function(transforms) {
+ var i, len = transforms.length;
+ var key = '_';
+ for(i = 0; i < len; i += 1) {
+ key += transforms[i].transform.key + '_';
+ }
+ var sequence = this.sequences[key];
+ if(!sequence) {
+ sequence = {
+ transforms: [].concat(transforms),
+ finalTransform: new Matrix(),
+ _mdf: false
+ };
+ this.sequences[key] = sequence;
+ this.sequenceList.push(sequence);
+ }
+ return sequence;
+ },
+ processSequence: function(sequence, isFirstFrame) {
+ var i = 0, len = sequence.transforms.length, _mdf = isFirstFrame;
+ while (i < len && !isFirstFrame) {
+ if (sequence.transforms[i].transform.mProps._mdf) {
+ _mdf = true;
+ break;
+ }
+ i += 1
+ }
+ if (_mdf) {
+ var props;
+ sequence.finalTransform.reset();
+ for (i = len - 1; i >= 0; i -= 1) {
+ props = sequence.transforms[i].transform.mProps.v.props;
+ sequence.finalTransform.transform(props[0],props[1],props[2],props[3],props[4],props[5],props[6],props[7],props[8],props[9],props[10],props[11],props[12],props[13],props[14],props[15]);
+ }
+ }
+ sequence._mdf = _mdf;
+
+ },
+ processSequences: function(isFirstFrame) {
+ var i, len = this.sequenceList.length;
+ for (i = 0; i < len; i += 1) {
+ this.processSequence(this.sequenceList[i], isFirstFrame);
+ }
+
+ },
+ getNewKey: function() {
+ return '_' + this.transform_key_count++;
+ }
+}
+function CVShapeData(element, data, styles, transformsManager) {
+ this.styledShapes = [];
+ this.tr = [0,0,0,0,0,0];
+ var ty = 4;
+ if(data.ty == 'rc'){
+ ty = 5;
+ }else if(data.ty == 'el'){
+ ty = 6;
+ }else if(data.ty == 'sr'){
+ ty = 7;
+ }
+ this.sh = ShapePropertyFactory.getShapeProp(element,data,ty,element);
+ var i , len = styles.length,styledShape;
+ for (i = 0; i < len; i += 1) {
+ if (!styles[i].closed) {
+ styledShape = {
+ transforms: transformsManager.addTransformSequence(styles[i].transforms),
+ trNodes: []
+ }
+ this.styledShapes.push(styledShape);
+ styles[i].elements.push(styledShape);
+ }
+ }
+}
+
+CVShapeData.prototype.setAsAnimated = SVGShapeData.prototype.setAsAnimated;
+function BaseElement(){
+}
+
+BaseElement.prototype = {
+ checkMasks: function(){
+ if(!this.data.hasMask){
+ return false;
+ }
+ var i = 0, len = this.data.masksProperties.length;
+ while(i<len) {
+ if((this.data.masksProperties[i].mode !== 'n' && this.data.masksProperties[i].cl !== false)) {
+ return true;
+ }
+ i += 1;
+ }
+ return false;
+ },
+ initExpressions: function(){
+ this.layerInterface = LayerExpressionInterface(this);
+ if(this.data.hasMask && this.maskManager) {
+ this.layerInterface.registerMaskInterface(this.maskManager);
+ }
+ var effectsInterface = EffectsExpressionInterface.createEffectsInterface(this,this.layerInterface);
+ this.layerInterface.registerEffectsInterface(effectsInterface);
+
+ if(this.data.ty === 0 || this.data.xt){
+ this.compInterface = CompExpressionInterface(this);
+ } else if(this.data.ty === 4){
+ this.layerInterface.shapeInterface = ShapeExpressionInterface(this.shapesData,this.itemsData,this.layerInterface);
+ this.layerInterface.content = this.layerInterface.shapeInterface;
+ } else if(this.data.ty === 5){
+ this.layerInterface.textInterface = TextExpressionInterface(this);
+ this.layerInterface.text = this.layerInterface.textInterface;
+ }
+ },
+ blendModeEnums: {
+ 1:'multiply',
+ 2:'screen',
+ 3:'overlay',
+ 4:'darken',
+ 5:'lighten',
+ 6:'color-dodge',
+ 7:'color-burn',
+ 8:'hard-light',
+ 9:'soft-light',
+ 10:'difference',
+ 11:'exclusion',
+ 12:'hue',
+ 13:'saturation',
+ 14:'color',
+ 15:'luminosity'
+ },
+ getBlendMode: function(){
+ return this.blendModeEnums[this.data.bm] || '';
+ },
+ setBlendMode: function(){
+ var blendModeValue = this.getBlendMode();
+ var elem = this.baseElement || this.layerElement;
+
+ elem.style['mix-blend-mode'] = blendModeValue;
+ },
+ initBaseData: function(data, globalData, comp){
+ this.globalData = globalData;
+ this.comp = comp;
+ this.data = data;
+ this.layerId = 'ly_'+randomString(10);
+
+ //Stretch factor for old animations missing this property.
+ if(!this.data.sr){
+ this.data.sr = 1;
+ }
+ // effects manager
+ this.effectsManager = new EffectsManager(this.data,this,this.dynamicProperties);
+
+ },
+ getType: function(){
+ return this.type;
+ }
+}
+function NullElement(data,globalData,comp){
+ this.initFrame();
+ this.initBaseData(data, globalData, comp);
+ this.initFrame();
+ this.initTransform(data, globalData, comp);
+ this.initHierarchy();
+}
+
+NullElement.prototype.prepareFrame = function(num) {
+ this.prepareProperties(num, true);
+};
+
+NullElement.prototype.renderFrame = function() {
+};
+
+NullElement.prototype.getBaseElement = function() {
+ return null;
+};
+
+NullElement.prototype.destroy = function() {
+};
+
+NullElement.prototype.sourceRectAtTime = function() {
+};
+
+NullElement.prototype.hide = function() {
+};
+
+extendPrototype([BaseElement,TransformElement,HierarchyElement,FrameElement], NullElement);
+
+function SVGBaseElement(){
+}
+
+SVGBaseElement.prototype = {
+ initRendererElement: function() {
+ this.layerElement = createNS('g');
+ },
+ createContainerElements: function(){
+ this.matteElement = createNS('g');
+ this.transformedElement = this.layerElement;
+ this.maskedElement = this.layerElement;
+ this._sizeChanged = false;
+ var layerElementParent = null;
+ //If this layer acts as a mask for the following layer
+ var filId, fil, gg;
+ if (this.data.td) {
+ if (this.data.td == 3 || this.data.td == 1) {
+ var masker = createNS('mask');
+ masker.setAttribute('id', this.layerId);
+ masker.setAttribute('mask-type', this.data.td == 3 ? 'luminance' : 'alpha');
+ masker.appendChild(this.layerElement);
+ layerElementParent = masker;
+ this.globalData.defs.appendChild(masker);
+ // This is only for IE and Edge when mask if of type alpha
+ if (!featureSupport.maskType && this.data.td == 1) {
+ masker.setAttribute('mask-type', 'luminance');
+ filId = randomString(10);
+ fil = filtersFactory.createFilter(filId);
+ this.globalData.defs.appendChild(fil);
+ fil.appendChild(filtersFactory.createAlphaToLuminanceFilter());
+ gg = createNS('g');
+ gg.appendChild(this.layerElement);
+ layerElementParent = gg;
+ masker.appendChild(gg);
+ gg.setAttribute('filter','url(' + locationHref + '#' + filId + ')');
+ }
+ } else if(this.data.td == 2) {
+ var maskGroup = createNS('mask');
+ maskGroup.setAttribute('id', this.layerId);
+ maskGroup.setAttribute('mask-type','alpha');
+ var maskGrouper = createNS('g');
+ maskGroup.appendChild(maskGrouper);
+ filId = randomString(10);
+ fil = filtersFactory.createFilter(filId);
+ ////
+
+ var feColorMatrix = createNS('feColorMatrix');
+ feColorMatrix.setAttribute('type', 'matrix');
+ feColorMatrix.setAttribute('color-interpolation-filters', 'sRGB');
+ feColorMatrix.setAttribute('values','1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1');
+ fil.appendChild(feColorMatrix);
+
+ ////
+ /*var feCTr = createNS('feComponentTransfer');
+ feCTr.setAttribute('in','SourceGraphic');
+ fil.appendChild(feCTr);
+ var feFunc = createNS('feFuncA');
+ feFunc.setAttribute('type','table');
+ feFunc.setAttribute('tableValues','1.0 0.0');
+ feCTr.appendChild(feFunc);*/
+ this.globalData.defs.appendChild(fil);
+ var alphaRect = createNS('rect');
+ alphaRect.setAttribute('width', this.comp.data.w);
+ alphaRect.setAttribute('height', this.comp.data.h);
+ alphaRect.setAttribute('x','0');
+ alphaRect.setAttribute('y','0');
+ alphaRect.setAttribute('fill','#ffffff');
+ alphaRect.setAttribute('opacity','0');
+ maskGrouper.setAttribute('filter', 'url(' + locationHref + '#'+filId+')');
+ maskGrouper.appendChild(alphaRect);
+ maskGrouper.appendChild(this.layerElement);
+ layerElementParent = maskGrouper;
+ if (!featureSupport.maskType) {
+ maskGroup.setAttribute('mask-type', 'luminance');
+ fil.appendChild(filtersFactory.createAlphaToLuminanceFilter());
+ gg = createNS('g');
+ maskGrouper.appendChild(alphaRect);
+ gg.appendChild(this.layerElement);
+ layerElementParent = gg;
+ maskGrouper.appendChild(gg);
+ }
+ this.globalData.defs.appendChild(maskGroup);
+ }
+ } else if (this.data.tt) {
+ this.matteElement.appendChild(this.layerElement);
+ layerElementParent = this.matteElement;
+ this.baseElement = this.matteElement;
+ } else {
+ this.baseElement = this.layerElement;
+ }
+ if (this.data.ln) {
+ this.layerElement.setAttribute('id', this.data.ln);
+ }
+ if (this.data.cl) {
+ this.layerElement.setAttribute('class', this.data.cl);
+ }
+ //Clipping compositions to hide content that exceeds boundaries. If collapsed transformations is on, component should not be clipped
+ if (this.data.ty === 0 && !this.data.hd) {
+ var cp = createNS( 'clipPath');
+ var pt = createNS('path');
+ pt.setAttribute('d','M0,0 L' + this.data.w + ',0' + ' L' + this.data.w + ',' + this.data.h + ' L0,' + this.data.h + 'z');
+ var clipId = 'cp_'+randomString(8);
+ cp.setAttribute('id',clipId);
+ cp.appendChild(pt);
+ this.globalData.defs.appendChild(cp);
+
+ if (this.checkMasks()) {
+ var cpGroup = createNS('g');
+ cpGroup.setAttribute('clip-path','url(' + locationHref + '#'+clipId + ')');
+ cpGroup.appendChild(this.layerElement);
+ this.transformedElement = cpGroup;
+ if (layerElementParent) {
+ layerElementParent.appendChild(this.transformedElement);
+ } else {
+ this.baseElement = this.transformedElement;
+ }
+ } else {
+ this.layerElement.setAttribute('clip-path','url(' + locationHref + '#'+clipId+')');
+ }
+
+ }
+ if (this.data.bm !== 0) {
+ this.setBlendMode();
+ }
+
+ },
+ renderElement: function() {
+ if (this.finalTransform._matMdf) {
+ this.transformedElement.setAttribute('transform', this.finalTransform.mat.to2dCSS());
+ }
+ if (this.finalTransform._opMdf) {
+ this.transformedElement.setAttribute('opacity', this.finalTransform.mProp.o.v);
+ }
+ },
+ destroyBaseElement: function() {
+ this.layerElement = null;
+ this.matteElement = null;
+ this.maskManager.destroy();
+ },
+ getBaseElement: function() {
+ if (this.data.hd) {
+ return null;
+ }
+ return this.baseElement;
+ },
+ createRenderableComponents: function() {
+ this.maskManager = new MaskElement(this.data, this, this.globalData);
+ this.renderableEffectsManager = new SVGEffects(this);
+ },
+ setMatte: function(id) {
+ if (!this.matteElement) {
+ return;
+ }
+ this.matteElement.setAttribute("mask", "url(" + locationHref + "#" + id + ")");
+ }
+};
+function IShapeElement(){
+}
+
+IShapeElement.prototype = {
+ addShapeToModifiers: function(data) {
+ var i, len = this.shapeModifiers.length;
+ for(i=0;i<len;i+=1){
+ this.shapeModifiers[i].addShape(data);
+ }
+ },
+ isShapeInAnimatedModifiers: function(data) {
+ var i = 0, len = this.shapeModifiers.length;
+ while(i < len) {
+ if(this.shapeModifiers[i].isAnimatedWithShape(data)) {
+ return true;
+ }
+ }
+ return false;
+ },
+ renderModifiers: function() {
+ if(!this.shapeModifiers.length){
+ return;
+ }
+ var i, len = this.shapes.length;
+ for(i=0;i<len;i+=1){
+ this.shapes[i].sh.reset();
+ }
+
+ len = this.shapeModifiers.length;
+ for(i=len-1;i>=0;i-=1){
+ this.shapeModifiers[i].processShapes(this._isFirstFrame);
+ }
+ },
+ lcEnum: {
+ '1': 'butt',
+ '2': 'round',
+ '3': 'square'
+ },
+ ljEnum: {
+ '1': 'miter',
+ '2': 'round',
+ '3': 'bevel'
+ },
+ searchProcessedElement: function(elem){
+ var elements = this.processedElements;
+ var i = 0, len = elements.length;
+ while (i < len) {
+ if (elements[i].elem === elem) {
+ return elements[i].pos;
+ }
+ i += 1;
+ }
+ return 0;
+ },
+ addProcessedElement: function(elem, pos){
+ var elements = this.processedElements;
+ var i = elements.length;
+ while(i) {
+ i -= 1;
+ if (elements[i].elem === elem) {
+ elements[i].pos = pos;
+ return;
+ }
+ }
+ elements.push(new ProcessedElement(elem, pos));
+ },
+ prepareFrame: function(num) {
+ this.prepareRenderableFrame(num);
+ this.prepareProperties(num, this.isInRange);
+ }
+};
+function ITextElement(){
+}
+
+ITextElement.prototype.initElement = function(data,globalData,comp){
+ this.lettersChangedFlag = true;
+ this.initFrame();
+ this.initBaseData(data, globalData, comp);
+ this.textProperty = new TextProperty(this, data.t, this.dynamicProperties);
+ this.textAnimator = new TextAnimatorProperty(data.t, this.renderType, this);
+ this.initTransform(data, globalData, comp);
+ this.initHierarchy();
+ this.initRenderable();
+ this.initRendererElement();
+ this.createContainerElements();
+ this.createRenderableComponents();
+ this.createContent();
+ this.hide();
+ this.textAnimator.searchProperties(this.dynamicProperties);
+};
+
+ITextElement.prototype.prepareFrame = function(num) {
+ this._mdf = false;
+ this.prepareRenderableFrame(num);
+ this.prepareProperties(num, this.isInRange);
+ if(this.textProperty._mdf || this.textProperty._isFirstFrame) {
+ this.buildNewText();
+ this.textProperty._isFirstFrame = false;
+ this.textProperty._mdf = false;
+ }
+};
+
+ITextElement.prototype.createPathShape = function(matrixHelper, shapes) {
+ var j,jLen = shapes.length;
+ var k, kLen, pathNodes;
+ var shapeStr = '';
+ for(j=0;j<jLen;j+=1){
+ pathNodes = shapes[j].ks.k;
+ shapeStr += buildShapeString(pathNodes, pathNodes.i.length, true, matrixHelper);
+ }
+ return shapeStr;
+};
+
+ITextElement.prototype.updateDocumentData = function(newData, index) {
+ this.textProperty.updateDocumentData(newData, index);
+};
+
+ITextElement.prototype.canResizeFont = function(_canResize) {
+ this.textProperty.canResizeFont(_canResize);
+};
+
+ITextElement.prototype.setMinimumFontSize = function(_fontSize) {
+ this.textProperty.setMinimumFontSize(_fontSize);
+};
+
+ITextElement.prototype.applyTextPropertiesToMatrix = function(documentData, matrixHelper, lineNumber, xPos, yPos) {
+ if(documentData.ps){
+ matrixHelper.translate(documentData.ps[0],documentData.ps[1] + documentData.ascent,0);
+ }
+ matrixHelper.translate(0,-documentData.ls,0);
+ switch(documentData.j){
+ case 1:
+ matrixHelper.translate(documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[lineNumber]),0,0);
+ break;
+ case 2:
+ matrixHelper.translate(documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[lineNumber] )/2,0,0);
+ break;
+ }
+ matrixHelper.translate(xPos, yPos, 0);
+};
+
+
+ITextElement.prototype.buildColor = function(colorData) {
+ return 'rgb(' + Math.round(colorData[0]*255) + ',' + Math.round(colorData[1]*255) + ',' + Math.round(colorData[2]*255) + ')';
+};
+
+ITextElement.prototype.emptyProp = new LetterProps();
+
+ITextElement.prototype.destroy = function(){
+
+};
+function ICompElement(){}
+
+extendPrototype([BaseElement, TransformElement, HierarchyElement, FrameElement, RenderableDOMElement], ICompElement);
+
+ICompElement.prototype.initElement = function(data,globalData,comp) {
+ this.initFrame();
+ this.initBaseData(data, globalData, comp);
+ this.initTransform(data, globalData, comp);
+ this.initRenderable();
+ this.initHierarchy();
+ this.initRendererElement();
+ this.createContainerElements();
+ this.createRenderableComponents();
+ if(this.data.xt || !globalData.progressiveLoad){
+ this.buildAllItems();
+ }
+ this.hide();
+};
+
+/*ICompElement.prototype.hide = function(){
+ if(!this.hidden){
+ this.hideElement();
+ var i,len = this.elements.length;
+ for( i = 0; i < len; i+=1 ){
+ if(this.elements[i]){
+ this.elements[i].hide();
+ }
+ }
+ }
+};*/
+
+ICompElement.prototype.prepareFrame = function(num){
+ this._mdf = false;
+ this.prepareRenderableFrame(num);
+ this.prepareProperties(num, this.isInRange);
+ if(!this.isInRange && !this.data.xt){
+ return;
+ }
+
+ if (!this.tm._placeholder) {
+ var timeRemapped = this.tm.v;
+ if(timeRemapped === this.data.op){
+ timeRemapped = this.data.op - 1;
+ }
+ this.renderedFrame = timeRemapped;
+ } else {
+ this.renderedFrame = num/this.data.sr;
+ }
+ var i,len = this.elements.length;
+ if(!this.completeLayers){
+ this.checkLayers(this.renderedFrame);
+ }
+ //This iteration needs to be backwards because of how expressions connect between each other
+ for( i = len - 1; i >= 0; i -= 1 ){
+ if(this.completeLayers || this.elements[i]){
+ this.elements[i].prepareFrame(this.renderedFrame - this.layers[i].st);
+ if(this.elements[i]._mdf) {
+ this._mdf = true;
+ }
+ }
+ }
+};
+
+ICompElement.prototype.renderInnerContent = function() {
+ var i,len = this.layers.length;
+ for( i = 0; i < len; i += 1 ){
+ if(this.completeLayers || this.elements[i]){
+ this.elements[i].renderFrame();
+ }
+ }
+};
+
+ICompElement.prototype.setElements = function(elems){
+ this.elements = elems;
+};
+
+ICompElement.prototype.getElements = function(){
+ return this.elements;
+};
+
+ICompElement.prototype.destroyElements = function(){
+ var i,len = this.layers.length;
+ for( i = 0; i < len; i+=1 ){
+ if(this.elements[i]){
+ this.elements[i].destroy();
+ }
+ }
+};
+
+ICompElement.prototype.destroy = function(){
+ this.destroyElements();
+ this.destroyBaseElement();
+};
+
+function IImageElement(data,globalData,comp){
+ this.assetData = globalData.getAssetData(data.refId);
+ this.initElement(data,globalData,comp);
+}
+
+extendPrototype([BaseElement,TransformElement,SVGBaseElement,HierarchyElement,FrameElement,RenderableDOMElement], IImageElement);
+
+IImageElement.prototype.createContent = function(){
+
+ var assetPath = this.globalData.getAssetsPath(this.assetData);
+
+ this.innerElem = createNS('image');
+ this.innerElem.setAttribute('width',this.assetData.w+"px");
+ this.innerElem.setAttribute('height',this.assetData.h+"px");
+ this.innerElem.setAttribute('preserveAspectRatio',this.assetData.pr || this.globalData.renderConfig.imagePreserveAspectRatio);
+ this.innerElem.setAttributeNS('http://www.w3.org/1999/xlink','href',assetPath);
+
+ this.layerElement.appendChild(this.innerElem);
+};
+
+function ISolidElement(data,globalData,comp){
+ this.initElement(data,globalData,comp);
+}
+extendPrototype([IImageElement], ISolidElement);
+
+ISolidElement.prototype.createContent = function(){
+
+ var rect = createNS('rect');
+ ////rect.style.width = this.data.sw;
+ ////rect.style.height = this.data.sh;
+ ////rect.style.fill = this.data.sc;
+ rect.setAttribute('width',this.data.sw);
+ rect.setAttribute('height',this.data.sh);
+ rect.setAttribute('fill',this.data.sc);
+ this.layerElement.appendChild(rect);
+};
+function SVGShapeElement(data,globalData,comp){
+ //List of drawable elements
+ this.shapes = [];
+ // Full shape data
+ this.shapesData = data.shapes;
+ //List of styles that will be applied to shapes
+ this.stylesList = [];
+ //List of modifiers that will be applied to shapes
+ this.shapeModifiers = [];
+ //List of items in shape tree
+ this.itemsData = [];
+ //List of items in previous shape tree
+ this.processedElements = [];
+ // List of animated components
+ this.animatedContents = [];
+ this.initElement(data,globalData,comp);
+ //Moving any property that doesn't get too much access after initialization because of v8 way of handling more than 10 properties.
+ // List of elements that have been created
+ this.prevViewData = [];
+ //Moving any property that doesn't get too much access after initialization because of v8 way of handling more than 10 properties.
+}
+
+extendPrototype([BaseElement,TransformElement,SVGBaseElement,IShapeElement,HierarchyElement,FrameElement,RenderableDOMElement], SVGShapeElement);
+
+SVGShapeElement.prototype.initSecondaryElement = function() {
+};
+
+SVGShapeElement.prototype.identityMatrix = new Matrix();
+
+SVGShapeElement.prototype.buildExpressionInterface = function(){};
+
+SVGShapeElement.prototype.createContent = function(){
+ this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement, 0, [], true);
+ this.filterUniqueShapes();
+};
+
+/*
+This method searches for multiple shapes that affect a single element and one of them is animated
+*/
+SVGShapeElement.prototype.filterUniqueShapes = function(){
+ var i, len = this.shapes.length, shape;
+ var j, jLen = this.stylesList.length;
+ var style, count = 0;
+ var tempShapes = [];
+ var areAnimated = false;
+ for(j = 0; j < jLen; j += 1) {
+ style = this.stylesList[j];
+ areAnimated = false;
+ tempShapes.length = 0;
+ for(i = 0; i < len; i += 1) {
+ shape = this.shapes[i];
+ if(shape.styles.indexOf(style) !== -1) {
+ tempShapes.push(shape);
+ areAnimated = shape._isAnimated || areAnimated;
+ }
+ }
+ if(tempShapes.length > 1 && areAnimated) {
+ this.setShapesAsAnimated(tempShapes);
+ }
+ }
+}
+
+SVGShapeElement.prototype.setShapesAsAnimated = function(shapes){
+ var i, len = shapes.length;
+ for(i = 0; i < len; i += 1) {
+ shapes[i].setAsAnimated();
+ }
+}
+
+SVGShapeElement.prototype.createStyleElement = function(data, level){
+ //TODO: prevent drawing of hidden styles
+ var elementData;
+ var styleOb = new SVGStyleData(data, level);
+
+ var pathElement = styleOb.pElem;
+ if(data.ty === 'st') {
+ elementData = new SVGStrokeStyleData(this, data, styleOb);
+ } else if(data.ty === 'fl') {
+ elementData = new SVGFillStyleData(this, data, styleOb);
+ } else if(data.ty === 'gf' || data.ty === 'gs') {
+ var gradientConstructor = data.ty === 'gf' ? SVGGradientFillStyleData : SVGGradientStrokeStyleData;
+ elementData = new gradientConstructor(this, data, styleOb);
+ this.globalData.defs.appendChild(elementData.gf);
+ if (elementData.maskId) {
+ this.globalData.defs.appendChild(elementData.ms);
+ this.globalData.defs.appendChild(elementData.of);
+ pathElement.setAttribute('mask','url(' + locationHref + '#' + elementData.maskId + ')');
+ }
+ }
+
+ if(data.ty === 'st' || data.ty === 'gs') {
+ pathElement.setAttribute('stroke-linecap', this.lcEnum[data.lc] || 'round');
+ pathElement.setAttribute('stroke-linejoin',this.ljEnum[data.lj] || 'round');
+ pathElement.setAttribute('fill-opacity','0');
+ if(data.lj === 1) {
+ pathElement.setAttribute('stroke-miterlimit',data.ml);
+ }
+ }
+
+ if(data.r === 2) {
+ pathElement.setAttribute('fill-rule', 'evenodd');
+ }
+
+ if(data.ln){
+ pathElement.setAttribute('id',data.ln);
+ }
+ if(data.cl){
+ pathElement.setAttribute('class',data.cl);
+ }
+ this.stylesList.push(styleOb);
+ this.addToAnimatedContents(data, elementData);
+ return elementData;
+};
+
+SVGShapeElement.prototype.createGroupElement = function(data) {
+ var elementData = new ShapeGroupData();
+ if(data.ln){
+ elementData.gr.setAttribute('id',data.ln);
+ }
+ if(data.cl){
+ elementData.gr.setAttribute('class',data.cl);
+ }
+ return elementData;
+};
+
+SVGShapeElement.prototype.createTransformElement = function(data, container) {
+ var transformProperty = TransformPropertyFactory.getTransformProperty(this,data,this);
+ var elementData = new SVGTransformData(transformProperty, transformProperty.o, container);
+ this.addToAnimatedContents(data, elementData);
+ return elementData;
+};
+
+SVGShapeElement.prototype.createShapeElement = function(data, ownTransformers, level) {
+ var ty = 4;
+ if(data.ty === 'rc'){
+ ty = 5;
+ }else if(data.ty === 'el'){
+ ty = 6;
+ }else if(data.ty === 'sr'){
+ ty = 7;
+ }
+ var shapeProperty = ShapePropertyFactory.getShapeProp(this,data,ty,this);
+ var elementData = new SVGShapeData(ownTransformers, level, shapeProperty);
+ this.shapes.push(elementData);
+ this.addShapeToModifiers(elementData);
+ this.addToAnimatedContents(data, elementData);
+ return elementData;
+};
+
+SVGShapeElement.prototype.addToAnimatedContents = function(data, element) {
+ var i = 0, len = this.animatedContents.length;
+ while(i < len) {
+ if(this.animatedContents[i].element === element) {
+ return;
+ }
+ i += 1;
+ }
+ this.animatedContents.push({
+ fn: SVGElementsRenderer.createRenderFunction(data),
+ element: element,
+ data: data
+ });
+};
+
+SVGShapeElement.prototype.setElementStyles = function(elementData){
+ var arr = elementData.styles;
+ var j, jLen = this.stylesList.length;
+ for (j = 0; j < jLen; j += 1) {
+ if (!this.stylesList[j].closed) {
+ arr.push(this.stylesList[j]);
+ }
+ }
+};
+
+SVGShapeElement.prototype.reloadShapes = function(){
+ this._isFirstFrame = true;
+ var i, len = this.itemsData.length;
+ for( i = 0; i < len; i += 1) {
+ this.prevViewData[i] = this.itemsData[i];
+ }
+ this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement, 0, [], true);
+ this.filterUniqueShapes();
+ len = this.dynamicProperties.length;
+ for(i = 0; i < len; i += 1) {
+ this.dynamicProperties[i].getValue();
+ }
+ this.renderModifiers();
+};
+
+SVGShapeElement.prototype.searchShapes = function(arr,itemsData,prevViewData,container, level, transformers, render){
+ var ownTransformers = [].concat(transformers);
+ var i, len = arr.length - 1;
+ var j, jLen;
+ var ownStyles = [], ownModifiers = [], styleOb, currentTransform, modifier, processedPos;
+ for(i=len;i>=0;i-=1){
+ processedPos = this.searchProcessedElement(arr[i]);
+ if(!processedPos){
+ arr[i]._render = render;
+ } else {
+ itemsData[i] = prevViewData[processedPos - 1];
+ }
+ if(arr[i].ty == 'fl' || arr[i].ty == 'st' || arr[i].ty == 'gf' || arr[i].ty == 'gs'){
+ if(!processedPos){
+ itemsData[i] = this.createStyleElement(arr[i], level);
+ } else {
+ itemsData[i].style.closed = false;
+ }
+ if(arr[i]._render){
+ container.appendChild(itemsData[i].style.pElem);
+ }
+ ownStyles.push(itemsData[i].style);
+ }else if(arr[i].ty == 'gr'){
+ if(!processedPos){
+ itemsData[i] = this.createGroupElement(arr[i]);
+ } else {
+ jLen = itemsData[i].it.length;
+ for(j=0;j<jLen;j+=1){
+ itemsData[i].prevViewData[j] = itemsData[i].it[j];
+ }
+ }
+ this.searchShapes(arr[i].it,itemsData[i].it,itemsData[i].prevViewData,itemsData[i].gr, level + 1, ownTransformers, render);
+ if(arr[i]._render){
+ container.appendChild(itemsData[i].gr);
+ }
+ }else if(arr[i].ty == 'tr'){
+ if(!processedPos){
+ itemsData[i] = this.createTransformElement(arr[i], container);
+ }
+ currentTransform = itemsData[i].transform;
+ ownTransformers.push(currentTransform);
+ }else if(arr[i].ty == 'sh' || arr[i].ty == 'rc' || arr[i].ty == 'el' || arr[i].ty == 'sr'){
+ if(!processedPos){
+ itemsData[i] = this.createShapeElement(arr[i], ownTransformers, level);
+ }
+ this.setElementStyles(itemsData[i]);
+
+ }else if(arr[i].ty == 'tm' || arr[i].ty == 'rd' || arr[i].ty == 'ms'){
+ if(!processedPos){
+ modifier = ShapeModifiers.getModifier(arr[i].ty);
+ modifier.init(this,arr[i]);
+ itemsData[i] = modifier;
+ this.shapeModifiers.push(modifier);
+ } else {
+ modifier = itemsData[i];
+ modifier.closed = false;
+ }
+ ownModifiers.push(modifier);
+ }else if(arr[i].ty == 'rp'){
+ if(!processedPos){
+ modifier = ShapeModifiers.getModifier(arr[i].ty);
+ itemsData[i] = modifier;
+ modifier.init(this,arr,i,itemsData);
+ this.shapeModifiers.push(modifier);
+ render = false;
+ }else{
+ modifier = itemsData[i];
+ modifier.closed = true;
+ }
+ ownModifiers.push(modifier);
+ }
+ this.addProcessedElement(arr[i], i + 1);
+ }
+ len = ownStyles.length;
+ for(i=0;i<len;i+=1){
+ ownStyles[i].closed = true;
+ }
+ len = ownModifiers.length;
+ for(i=0;i<len;i+=1){
+ ownModifiers[i].closed = true;
+ }
+};
+
+SVGShapeElement.prototype.renderInnerContent = function() {
+ this.renderModifiers();
+ var i, len = this.stylesList.length;
+ for(i=0;i<len;i+=1){
+ this.stylesList[i].reset();
+ }
+ this.renderShape();
+
+ for (i = 0; i < len; i += 1) {
+ if (this.stylesList[i]._mdf || this._isFirstFrame) {
+ if(this.stylesList[i].msElem){
+ this.stylesList[i].msElem.setAttribute('d', this.stylesList[i].d);
+ //Adding M0 0 fixes same mask bug on all browsers
+ this.stylesList[i].d = 'M0 0' + this.stylesList[i].d;
+ }
+ this.stylesList[i].pElem.setAttribute('d', this.stylesList[i].d || 'M0 0');
+ }
+ }
+};
+
+SVGShapeElement.prototype.renderShape = function() {
+ var i, len = this.animatedContents.length;
+ var animatedContent;
+ for(i = 0; i < len; i += 1) {
+ animatedContent = this.animatedContents[i];
+ if((this._isFirstFrame || animatedContent.element._isAnimated) && animatedContent.data !== true) {
+ animatedContent.fn(animatedContent.data, animatedContent.element, this._isFirstFrame);
+ }
+ }
+}
+
+SVGShapeElement.prototype.destroy = function(){
+ this.destroyBaseElement();
+ this.shapesData = null;
+ this.itemsData = null;
+};
+
+function CVContextData() {
+ this.saved = [];
+ this.cArrPos = 0;
+ this.cTr = new Matrix();
+ this.cO = 1;
+ var i, len = 15;
+ this.savedOp = createTypedArray('float32', len);
+ for(i=0;i<len;i+=1){
+ this.saved[i] = createTypedArray('float32', 16);
+ }
+ this._length = len;
+}
+
+CVContextData.prototype.duplicate = function() {
+ var newLength = this._length * 2;
+ var currentSavedOp = this.savedOp;
+ this.savedOp = createTypedArray('float32', newLength);
+ this.savedOp.set(currentSavedOp);
+ var i = 0;
+ for(i = this._length; i < newLength; i += 1) {
+ this.saved[i] = createTypedArray('float32', 16);
+ }
+ this._length = newLength;
+};
+
+CVContextData.prototype.reset = function() {
+ this.cArrPos = 0;
+ this.cTr.reset();
+ this.cO = 1;
+};
+function CVBaseElement(){
+}
+
+CVBaseElement.prototype = {
+ createElements: function(){},
+ initRendererElement: function(){},
+ createContainerElements: function(){
+ this.canvasContext = this.globalData.canvasContext;
+ this.renderableEffectsManager = new CVEffects(this);
+ },
+ createContent: function(){},
+ setBlendMode: function(){
+ var globalData = this.globalData;
+ if(globalData.blendMode !== this.data.bm) {
+ globalData.blendMode = this.data.bm;
+ var blendModeValue = this.getBlendMode();
+ globalData.canvasContext.globalCompositeOperation = blendModeValue;
+ }
+ },
+ createRenderableComponents: function(){
+ this.maskManager = new CVMaskElement(this.data, this);
+ },
+ hideElement: function(){
+ if (!this.hidden && (!this.isInRange || this.isTransparent)) {
+ this.hidden = true;
+ }
+ },
+ showElement: function(){
+ if (this.isInRange && !this.isTransparent){
+ this.hidden = false;
+ this._isFirstFrame = true;
+ this.maskManager._isFirstFrame = true;
+ }
+ },
+ renderFrame: function() {
+ if (this.hidden || this.data.hd) {
+ return;
+ }
+ this.renderTransform();
+ this.renderRenderable();
+ this.setBlendMode();
+ this.globalData.renderer.save();
+ this.globalData.renderer.ctxTransform(this.finalTransform.mat.props);
+ this.globalData.renderer.ctxOpacity(this.finalTransform.mProp.o.v);
+ this.renderInnerContent();
+ this.globalData.renderer.restore();
+ if(this.maskManager.hasMasks) {
+ this.globalData.renderer.restore(true);
+ }
+ if (this._isFirstFrame) {
+ this._isFirstFrame = false;
+ }
+ },
+ destroy: function(){
+ this.canvasContext = null;
+ this.data = null;
+ this.globalData = null;
+ this.maskManager.destroy();
+ },
+ mHelper: new Matrix()
+};
+CVBaseElement.prototype.hide = CVBaseElement.prototype.hideElement;
+CVBaseElement.prototype.show = CVBaseElement.prototype.showElement;
+
+function CVImageElement(data, globalData, comp){
+ this.failed = false;
+ this.assetData = globalData.getAssetData(data.refId);
+ this.img = globalData.imageLoader.getImage(this.assetData);
+ this.initElement(data,globalData,comp);
+}
+extendPrototype([BaseElement, TransformElement, CVBaseElement, HierarchyElement, FrameElement, RenderableElement], CVImageElement);
+
+CVImageElement.prototype.initElement = SVGShapeElement.prototype.initElement;
+CVImageElement.prototype.prepareFrame = IImageElement.prototype.prepareFrame;
+
+CVImageElement.prototype.createContent = function(){
+
+ if (this.img.width && (this.assetData.w !== this.img.width || this.assetData.h !== this.img.height)) {
+ var canvas = createTag('canvas');
+ canvas.width = this.assetData.w;
+ canvas.height = this.assetData.h;
+ var ctx = canvas.getContext('2d');
+
+ var imgW = this.img.width;
+ var imgH = this.img.height;
+ var imgRel = imgW / imgH;
+ var canvasRel = this.assetData.w/this.assetData.h;
+ var widthCrop, heightCrop;
+ var par = this.assetData.pr || this.globalData.renderConfig.imagePreserveAspectRatio;
+ if((imgRel > canvasRel && par === 'xMidYMid slice') || (imgRel < canvasRel && par !== 'xMidYMid slice')) {
+ heightCrop = imgH;
+ widthCrop = heightCrop*canvasRel;
+ } else {
+ widthCrop = imgW;
+ heightCrop = widthCrop/canvasRel;
+ }
+ ctx.drawImage(this.img,(imgW-widthCrop)/2,(imgH-heightCrop)/2,widthCrop,heightCrop,0,0,this.assetData.w,this.assetData.h);
+ this.img = canvas;
+ }
+
+};
+
+CVImageElement.prototype.renderInnerContent = function(parentMatrix){
+ if (this.failed) {
+ return;
+ }
+ this.canvasContext.drawImage(this.img, 0, 0);
+};
+
+CVImageElement.prototype.destroy = function(){
+ this.img = null;
+};
+function CVCompElement(data, globalData, comp) {
+ this.completeLayers = false;
+ this.layers = data.layers;
+ this.pendingElements = [];
+ this.elements = createSizedArray(this.layers.length);
+ this.initElement(data, globalData, comp);
+ this.tm = data.tm ? PropertyFactory.getProp(this,data.tm,0,globalData.frameRate, this) : {_placeholder:true};
+}
+
+extendPrototype([CanvasRenderer, ICompElement, CVBaseElement], CVCompElement);
+
+CVCompElement.prototype.renderInnerContent = function() {
+ var i,len = this.layers.length;
+ for( i = len - 1; i >= 0; i -= 1 ){
+ if(this.completeLayers || this.elements[i]){
+ this.elements[i].renderFrame();
+ }
+ }
+};
+
+CVCompElement.prototype.destroy = function(){
+ var i,len = this.layers.length;
+ for( i = len - 1; i >= 0; i -= 1 ){
+ if(this.elements[i]) {
+ this.elements[i].destroy();
+ }
+ }
+ this.layers = null;
+ this.elements = null;
+};
+
+function CVMaskElement(data,element){
+ this.data = data;
+ this.element = element;
+ this.masksProperties = this.data.masksProperties || [];
+ this.viewData = createSizedArray(this.masksProperties.length);
+ var i, len = this.masksProperties.length, hasMasks = false;
+ for (i = 0; i < len; i++) {
+ if(this.masksProperties[i].mode !== 'n'){
+ hasMasks = true;
+ }
+ this.viewData[i] = ShapePropertyFactory.getShapeProp(this.element,this.masksProperties[i],3);
+ }
+ this.hasMasks = hasMasks;
+ if(hasMasks) {
+ this.element.addRenderableComponent(this);
+ }
+}
+
+CVMaskElement.prototype.renderFrame = function () {
+ if(!this.hasMasks){
+ return;
+ }
+ var transform = this.element.finalTransform.mat;
+ var ctx = this.element.canvasContext;
+ var i, len = this.masksProperties.length;
+ var pt,pts,data;
+ ctx.beginPath();
+ for (i = 0; i < len; i++) {
+ if(this.masksProperties[i].mode !== 'n'){
+ if (this.masksProperties[i].inv) {
+ ctx.moveTo(0, 0);
+ ctx.lineTo(this.element.globalData.compSize.w, 0);
+ ctx.lineTo(this.element.globalData.compSize.w, this.element.globalData.compSize.h);
+ ctx.lineTo(0, this.element.globalData.compSize.h);
+ ctx.lineTo(0, 0);
+ }
+ data = this.viewData[i].v;
+ pt = transform.applyToPointArray(data.v[0][0],data.v[0][1],0);
+ ctx.moveTo(pt[0], pt[1]);
+ var j, jLen = data._length;
+ for (j = 1; j < jLen; j++) {
+ pts = transform.applyToTriplePoints(data.o[j - 1], data.i[j], data.v[j]);
+ ctx.bezierCurveTo(pts[0], pts[1], pts[2], pts[3], pts[4], pts[5]);
+ }
+ pts = transform.applyToTriplePoints(data.o[j - 1], data.i[0], data.v[0]);
+ ctx.bezierCurveTo(pts[0], pts[1], pts[2], pts[3], pts[4], pts[5]);
+ }
+ }
+ this.element.globalData.renderer.save(true);
+ ctx.clip();
+};
+
+CVMaskElement.prototype.getMaskProperty = MaskElement.prototype.getMaskProperty;
+
+CVMaskElement.prototype.destroy = function(){
+ this.element = null;
+};
+function CVShapeElement(data, globalData, comp) {
+ this.shapes = [];
+ this.shapesData = data.shapes;
+ this.stylesList = [];
+ this.itemsData = [];
+ this.prevViewData = [];
+ this.shapeModifiers = [];
+ this.processedElements = [];
+ this.transformsManager = new ShapeTransformManager();
+ this.initElement(data, globalData, comp);
+}
+
+extendPrototype([BaseElement,TransformElement,CVBaseElement,IShapeElement,HierarchyElement,FrameElement,RenderableElement], CVShapeElement);
+
+CVShapeElement.prototype.initElement = RenderableDOMElement.prototype.initElement;
+
+CVShapeElement.prototype.transformHelper = {opacity:1,_opMdf:false};
+
+CVShapeElement.prototype.dashResetter = [];
+
+CVShapeElement.prototype.createContent = function(){
+ this.searchShapes(this.shapesData,this.itemsData,this.prevViewData, true, []);
+};
+
+CVShapeElement.prototype.createStyleElement = function(data, transforms) {
+ var styleElem = {
+ data: data,
+ type: data.ty,
+ preTransforms: this.transformsManager.addTransformSequence(transforms),
+ transforms: [],
+ elements: [],
+ closed: data.hd === true
+ };
+ var elementData = {};
+ if(data.ty == 'fl' || data.ty == 'st'){
+ elementData.c = PropertyFactory.getProp(this,data.c,1,255,this);
+ if(!elementData.c.k){
+ styleElem.co = 'rgb('+bm_floor(elementData.c.v[0])+','+bm_floor(elementData.c.v[1])+','+bm_floor(elementData.c.v[2])+')';
+ }
+ } else if (data.ty === 'gf' || data.ty === 'gs') {
+ elementData.s = PropertyFactory.getProp(this,data.s,1,null,this);
+ elementData.e = PropertyFactory.getProp(this,data.e,1,null,this);
+ elementData.h = PropertyFactory.getProp(this,data.h||{k:0},0,0.01,this);
+ elementData.a = PropertyFactory.getProp(this,data.a||{k:0},0,degToRads,this);
+ elementData.g = new GradientProperty(this,data.g,this);
+ }
+ elementData.o = PropertyFactory.getProp(this,data.o,0,0.01,this);
+ if(data.ty == 'st' || data.ty == 'gs') {
+ styleElem.lc = this.lcEnum[data.lc] || 'round';
+ styleElem.lj = this.ljEnum[data.lj] || 'round';
+ if(data.lj == 1) {
+ styleElem.ml = data.ml;
+ }
+ elementData.w = PropertyFactory.getProp(this,data.w,0,null,this);
+ if(!elementData.w.k){
+ styleElem.wi = elementData.w.v;
+ }
+ if(data.d){
+ var d = new DashProperty(this,data.d,'canvas');
+ elementData.d = d;
+ if(!elementData.d.k){
+ styleElem.da = elementData.d.dashArray;
+ styleElem.do = elementData.d.dashoffset[0];
+ }
+ }
+ } else {
+ styleElem.r = data.r === 2 ? 'evenodd' : 'nonzero';
+ }
+ this.stylesList.push(styleElem);
+ elementData.style = styleElem;
+ return elementData;
+};
+
+CVShapeElement.prototype.createGroupElement = function(data) {
+ var elementData = {
+ it: [],
+ prevViewData: []
+ };
+ return elementData;
+};
+
+CVShapeElement.prototype.createTransformElement = function(data) {
+ var elementData = {
+ transform : {
+ opacity: 1,
+ _opMdf:false,
+ key: this.transformsManager.getNewKey(),
+ op: PropertyFactory.getProp(this,data.o,0,0.01,this),
+ mProps: TransformPropertyFactory.getTransformProperty(this,data,this)
+ }
+ };
+ return elementData;
+};
+
+CVShapeElement.prototype.createShapeElement = function(data) {
+ var elementData = new CVShapeData(this, data, this.stylesList, this.transformsManager);
+
+ this.shapes.push(elementData);
+ this.addShapeToModifiers(elementData);
+ return elementData;
+};
+
+CVShapeElement.prototype.reloadShapes = function() {
+ this._isFirstFrame = true;
+ var i, len = this.itemsData.length;
+ for (i = 0; i < len; i += 1) {
+ this.prevViewData[i] = this.itemsData[i];
+ }
+ this.searchShapes(this.shapesData,this.itemsData,this.prevViewData, true, []);
+ len = this.dynamicProperties.length;
+ for (i = 0; i < len; i += 1) {
+ this.dynamicProperties[i].getValue();
+ }
+ this.renderModifiers();
+ this.transformsManager.processSequences(this._isFirstFrame);
+};
+
+CVShapeElement.prototype.addTransformToStyleList = function(transform) {
+ var i, len = this.stylesList.length;
+ for (i = 0; i < len; i += 1) {
+ if(!this.stylesList[i].closed) {
+ this.stylesList[i].transforms.push(transform);
+ }
+ }
+}
+
+CVShapeElement.prototype.removeTransformFromStyleList = function() {
+ var i, len = this.stylesList.length;
+ for (i = 0; i < len; i += 1) {
+ if(!this.stylesList[i].closed) {
+ this.stylesList[i].transforms.pop();
+ }
+ }
+}
+
+CVShapeElement.prototype.closeStyles = function(styles) {
+ var i, len = styles.length, j, jLen;
+ for (i = 0; i < len; i += 1) {
+ styles[i].closed = true;
+ }
+}
+
+CVShapeElement.prototype.searchShapes = function(arr,itemsData, prevViewData, shouldRender, transforms){
+ var i, len = arr.length - 1;
+ var j, jLen;
+ var ownStyles = [], ownModifiers = [], processedPos, modifier, currentTransform;
+ var ownTransforms = [].concat(transforms);
+ for(i=len;i>=0;i-=1){
+ processedPos = this.searchProcessedElement(arr[i]);
+ if(!processedPos){
+ arr[i]._shouldRender = shouldRender;
+ } else {
+ itemsData[i] = prevViewData[processedPos - 1];
+ }
+ if(arr[i].ty == 'fl' || arr[i].ty == 'st'|| arr[i].ty == 'gf'|| arr[i].ty == 'gs'){
+ if(!processedPos){
+ itemsData[i] = this.createStyleElement(arr[i], ownTransforms);
+ } else {
+ itemsData[i].style.closed = false;
+ }
+
+ ownStyles.push(itemsData[i].style);
+ }else if(arr[i].ty == 'gr'){
+ if(!processedPos){
+ itemsData[i] = this.createGroupElement(arr[i]);
+ } else {
+ jLen = itemsData[i].it.length;
+ for(j=0;j<jLen;j+=1){
+ itemsData[i].prevViewData[j] = itemsData[i].it[j];
+ }
+ }
+ this.searchShapes(arr[i].it,itemsData[i].it,itemsData[i].prevViewData, shouldRender, ownTransforms);
+ }else if(arr[i].ty == 'tr'){
+ if(!processedPos){
+ currentTransform = this.createTransformElement(arr[i]);
+ itemsData[i] = currentTransform;
+ }
+ ownTransforms.push(itemsData[i]);
+ this.addTransformToStyleList(itemsData[i]);
+ }else if(arr[i].ty == 'sh' || arr[i].ty == 'rc' || arr[i].ty == 'el' || arr[i].ty == 'sr'){
+ if(!processedPos){
+ itemsData[i] = this.createShapeElement(arr[i]);
+ }
+
+ }else if(arr[i].ty == 'tm' || arr[i].ty == 'rd'){
+ if(!processedPos){
+ modifier = ShapeModifiers.getModifier(arr[i].ty);
+ modifier.init(this,arr[i]);
+ itemsData[i] = modifier;
+ this.shapeModifiers.push(modifier);
+ } else {
+ modifier = itemsData[i];
+ modifier.closed = false;
+ }
+ ownModifiers.push(modifier);
+ } else if(arr[i].ty == 'rp'){
+ if(!processedPos){
+ modifier = ShapeModifiers.getModifier(arr[i].ty);
+ itemsData[i] = modifier;
+ modifier.init(this,arr,i,itemsData);
+ this.shapeModifiers.push(modifier);
+ shouldRender = false;
+ }else{
+ modifier = itemsData[i];
+ modifier.closed = true;
+ }
+ ownModifiers.push(modifier);
+ }
+ this.addProcessedElement(arr[i], i + 1);
+ }
+ this.removeTransformFromStyleList();
+ this.closeStyles(ownStyles);
+ len = ownModifiers.length;
+ for(i=0;i<len;i+=1){
+ ownModifiers[i].closed = true;
+ }
+};
+
+CVShapeElement.prototype.renderInnerContent = function() {
+ this.transformHelper.opacity = 1;
+ this.transformHelper._opMdf = false;
+ this.renderModifiers();
+ this.transformsManager.processSequences(this._isFirstFrame);
+ this.renderShape(this.transformHelper,this.shapesData,this.itemsData,true);
+};
+
+CVShapeElement.prototype.renderShapeTransform = function(parentTransform, groupTransform) {
+ var props, groupMatrix;
+ if(parentTransform._opMdf || groupTransform.op._mdf || this._isFirstFrame) {
+ groupTransform.opacity = parentTransform.opacity;
+ groupTransform.opacity *= groupTransform.op.v;
+ groupTransform._opMdf = true;
+ }
+};
+
+CVShapeElement.prototype.drawLayer = function() {
+ var i, len = this.stylesList.length;
+ var j, jLen, k, kLen,elems,nodes, renderer = this.globalData.renderer, ctx = this.globalData.canvasContext, type, currentStyle;
+ for(i=0;i<len;i+=1){
+ currentStyle = this.stylesList[i];
+ type = currentStyle.type;
+
+ //Skipping style when
+ //Stroke width equals 0
+ //style should not be rendered (extra unused repeaters)
+ //current opacity equals 0
+ //global opacity equals 0
+ if(((type === 'st' || type === 'gs') && currentStyle.wi === 0) || !currentStyle.data._shouldRender || currentStyle.coOp === 0 || this.globalData.currentGlobalAlpha === 0){
+ continue;
+ }
+ renderer.save();
+ elems = currentStyle.elements;
+ if(type === 'st' || type === 'gs'){
+ ctx.strokeStyle = type === 'st' ? currentStyle.co : currentStyle.grd;
+ ctx.lineWidth = currentStyle.wi;
+ ctx.lineCap = currentStyle.lc;
+ ctx.lineJoin = currentStyle.lj;
+ ctx.miterLimit = currentStyle.ml || 0;
+ } else {
+ ctx.fillStyle = type === 'fl' ? currentStyle.co : currentStyle.grd;
+ }
+ renderer.ctxOpacity(currentStyle.coOp);
+ if(type !== 'st' && type !== 'gs'){
+ ctx.beginPath();
+ }
+ renderer.ctxTransform(currentStyle.preTransforms.finalTransform.props);
+ jLen = elems.length;
+ for(j=0;j<jLen;j+=1){
+ if(type === 'st' || type === 'gs'){
+ ctx.beginPath();
+ if(currentStyle.da){
+ ctx.setLineDash(currentStyle.da);
+ ctx.lineDashOffset = currentStyle.do;
+ }
+ }
+ nodes = elems[j].trNodes;
+ kLen = nodes.length;
+
+ for(k=0;k<kLen;k+=1){
+ if(nodes[k].t == 'm'){
+ ctx.moveTo(nodes[k].p[0],nodes[k].p[1]);
+ }else if(nodes[k].t == 'c'){
+ ctx.bezierCurveTo(nodes[k].pts[0],nodes[k].pts[1],nodes[k].pts[2],nodes[k].pts[3],nodes[k].pts[4],nodes[k].pts[5]);
+ }else{
+ ctx.closePath();
+ }
+ }
+ if(type === 'st' || type === 'gs'){
+ ctx.stroke();
+ if(currentStyle.da){
+ ctx.setLineDash(this.dashResetter);
+ }
+ }
+ }
+ if(type !== 'st' && type !== 'gs'){
+ ctx.fill(currentStyle.r);
+ }
+ renderer.restore();
+ }
+};
+
+CVShapeElement.prototype.renderShape = function(parentTransform,items,data,isMain){
+ var i, len = items.length - 1;
+ var groupTransform;
+ groupTransform = parentTransform;
+ for(i=len;i>=0;i-=1){
+ if(items[i].ty == 'tr'){
+ groupTransform = data[i].transform;
+ this.renderShapeTransform(parentTransform, groupTransform);
+ }else if(items[i].ty == 'sh' || items[i].ty == 'el' || items[i].ty == 'rc' || items[i].ty == 'sr'){
+ this.renderPath(items[i],data[i]);
+ }else if(items[i].ty == 'fl'){
+ this.renderFill(items[i],data[i],groupTransform);
+ }else if(items[i].ty == 'st'){
+ this.renderStroke(items[i],data[i],groupTransform);
+ }else if(items[i].ty == 'gf' || items[i].ty == 'gs'){
+ this.renderGradientFill(items[i],data[i],groupTransform);
+ }else if(items[i].ty == 'gr'){
+ this.renderShape(groupTransform,items[i].it,data[i].it);
+ }else if(items[i].ty == 'tm'){
+ //
+ }
+ }
+ if(isMain){
+ this.drawLayer();
+ }
+
+};
+
+CVShapeElement.prototype.renderStyledShape = function(styledShape, shape){
+ if(this._isFirstFrame || shape._mdf || styledShape.transforms._mdf) {
+ var shapeNodes = styledShape.trNodes;
+ var paths = shape.paths;
+ var i, len, j, jLen = paths._length;
+ shapeNodes.length = 0;
+ var groupTransformMat = styledShape.transforms.finalTransform;
+ for (j = 0; j < jLen; j += 1) {
+ var pathNodes = paths.shapes[j];
+ if(pathNodes && pathNodes.v){
+ len = pathNodes._length;
+ for (i = 1; i < len; i += 1) {
+ if (i === 1) {
+ shapeNodes.push({
+ t: 'm',
+ p: groupTransformMat.applyToPointArray(pathNodes.v[0][0], pathNodes.v[0][1], 0)
+ });
+ }
+ shapeNodes.push({
+ t: 'c',
+ pts: groupTransformMat.applyToTriplePoints(pathNodes.o[i - 1], pathNodes.i[i], pathNodes.v[i])
+ });
+ }
+ if (len === 1) {
+ shapeNodes.push({
+ t: 'm',
+ p: groupTransformMat.applyToPointArray(pathNodes.v[0][0], pathNodes.v[0][1], 0)
+ });
+ }
+ if (pathNodes.c && len) {
+ shapeNodes.push({
+ t: 'c',
+ pts: groupTransformMat.applyToTriplePoints(pathNodes.o[i - 1], pathNodes.i[0], pathNodes.v[0])
+ });
+ shapeNodes.push({
+ t: 'z'
+ });
+ }
+ }
+ }
+ styledShape.trNodes = shapeNodes;
+ }
+}
+
+CVShapeElement.prototype.renderPath = function(pathData,itemData){
+ if(pathData.hd !== true && pathData._shouldRender) {
+ var i, len = itemData.styledShapes.length;
+ for (i = 0; i < len; i += 1) {
+ this.renderStyledShape(itemData.styledShapes[i], itemData.sh);
+ }
+ }
+};
+
+CVShapeElement.prototype.renderFill = function(styleData,itemData, groupTransform){
+ var styleElem = itemData.style;
+
+ if (itemData.c._mdf || this._isFirstFrame) {
+ styleElem.co = 'rgb('
+ + bm_floor(itemData.c.v[0]) + ','
+ + bm_floor(itemData.c.v[1]) + ','
+ + bm_floor(itemData.c.v[2]) + ')';
+ }
+ if (itemData.o._mdf || groupTransform._opMdf || this._isFirstFrame) {
+ styleElem.coOp = itemData.o.v * groupTransform.opacity;
+ }
+};
+
+CVShapeElement.prototype.renderGradientFill = function(styleData,itemData, groupTransform){
+ var styleElem = itemData.style;
+ if(!styleElem.grd || itemData.g._mdf || itemData.s._mdf || itemData.e._mdf || (styleData.t !== 1 && (itemData.h._mdf || itemData.a._mdf))) {
+ var ctx = this.globalData.canvasContext;
+ var grd;
+ var pt1 = itemData.s.v, pt2 = itemData.e.v;
+ if (styleData.t === 1) {
+ grd = ctx.createLinearGradient(pt1[0], pt1[1], pt2[0], pt2[1]);
+ } else {
+ var rad = Math.sqrt(Math.pow(pt1[0] - pt2[0], 2) + Math.pow(pt1[1] - pt2[1], 2));
+ var ang = Math.atan2(pt2[1] - pt1[1], pt2[0] - pt1[0]);
+
+ var percent = itemData.h.v >= 1 ? 0.99 : itemData.h.v <= -1 ? -0.99: itemData.h.v;
+ var dist = rad * percent;
+ var x = Math.cos(ang + itemData.a.v) * dist + pt1[0];
+ var y = Math.sin(ang + itemData.a.v) * dist + pt1[1];
+ var grd = ctx.createRadialGradient(x, y, 0, pt1[0], pt1[1], rad);
+ }
+
+ var i, len = styleData.g.p;
+ var cValues = itemData.g.c;
+ var opacity = 1;
+
+ for (i = 0; i < len; i += 1){
+ if(itemData.g._hasOpacity && itemData.g._collapsable) {
+ opacity = itemData.g.o[i*2 + 1];
+ }
+ grd.addColorStop(cValues[i * 4] / 100,'rgba('+ cValues[i * 4 + 1] + ',' + cValues[i * 4 + 2] + ','+cValues[i * 4 + 3] + ',' + opacity + ')');
+ }
+ styleElem.grd = grd;
+ }
+ styleElem.coOp = itemData.o.v*groupTransform.opacity;
+
+};
+
+CVShapeElement.prototype.renderStroke = function(styleData,itemData, groupTransform){
+ var styleElem = itemData.style;
+ var d = itemData.d;
+ if(d && (d._mdf || this._isFirstFrame)){
+ styleElem.da = d.dashArray;
+ styleElem.do = d.dashoffset[0];
+ }
+ if(itemData.c._mdf || this._isFirstFrame){
+ styleElem.co = 'rgb('+bm_floor(itemData.c.v[0])+','+bm_floor(itemData.c.v[1])+','+bm_floor(itemData.c.v[2])+')';
+ }
+ if(itemData.o._mdf || groupTransform._opMdf || this._isFirstFrame){
+ styleElem.coOp = itemData.o.v*groupTransform.opacity;
+ }
+ if(itemData.w._mdf || this._isFirstFrame){
+ styleElem.wi = itemData.w.v;
+ }
+};
+
+
+CVShapeElement.prototype.destroy = function(){
+ this.shapesData = null;
+ this.globalData = null;
+ this.canvasContext = null;
+ this.stylesList.length = 0;
+ this.itemsData.length = 0;
+};
+
+
+function CVSolidElement(data, globalData, comp) {
+ this.initElement(data,globalData,comp);
+}
+extendPrototype([BaseElement, TransformElement, CVBaseElement, HierarchyElement, FrameElement, RenderableElement], CVSolidElement);
+
+CVSolidElement.prototype.initElement = SVGShapeElement.prototype.initElement;
+CVSolidElement.prototype.prepareFrame = IImageElement.prototype.prepareFrame;
+
+CVSolidElement.prototype.renderInnerContent = function() {
+ var ctx = this.canvasContext;
+ ctx.fillStyle = this.data.sc;
+ ctx.fillRect(0, 0, this.data.sw, this.data.sh);
+ //
+};
+function CVTextElement(data, globalData, comp){
+ this.textSpans = [];
+ this.yOffset = 0;
+ this.fillColorAnim = false;
+ this.strokeColorAnim = false;
+ this.strokeWidthAnim = false;
+ this.stroke = false;
+ this.fill = false;
+ this.justifyOffset = 0;
+ this.currentRender = null;
+ this.renderType = 'canvas';
+ this.values = {
+ fill: 'rgba(0,0,0,0)',
+ stroke: 'rgba(0,0,0,0)',
+ sWidth: 0,
+ fValue: ''
+ };
+ this.initElement(data,globalData,comp);
+}
+extendPrototype([BaseElement,TransformElement,CVBaseElement,HierarchyElement,FrameElement,RenderableElement,ITextElement], CVTextElement);
+
+CVTextElement.prototype.tHelper = createTag('canvas').getContext('2d');
+
+CVTextElement.prototype.buildNewText = function(){
+ var documentData = this.textProperty.currentData;
+ this.renderedLetters = createSizedArray(documentData.l ? documentData.l.length : 0);
+
+ var hasFill = false;
+ if(documentData.fc) {
+ hasFill = true;
+ this.values.fill = this.buildColor(documentData.fc);
+ }else{
+ this.values.fill = 'rgba(0,0,0,0)';
+ }
+ this.fill = hasFill;
+ var hasStroke = false;
+ if(documentData.sc){
+ hasStroke = true;
+ this.values.stroke = this.buildColor(documentData.sc);
+ this.values.sWidth = documentData.sw;
+ }
+ var fontData = this.globalData.fontManager.getFontByName(documentData.f);
+ var i, len;
+ var letters = documentData.l;
+ var matrixHelper = this.mHelper;
+ this.stroke = hasStroke;
+ this.values.fValue = documentData.finalSize + 'px '+ this.globalData.fontManager.getFontByName(documentData.f).fFamily;
+ len = documentData.finalText.length;
+ //this.tHelper.font = this.values.fValue;
+ var charData, shapeData, k, kLen, shapes, j, jLen, pathNodes, commands, pathArr, singleShape = this.data.singleShape;
+ var trackingOffset = documentData.tr/1000*documentData.finalSize;
+ var xPos = 0, yPos = 0, firstLine = true;
+ var cnt = 0;
+ for (i = 0; i < len; i += 1) {
+ charData = this.globalData.fontManager.getCharData(documentData.finalText[i], fontData.fStyle, this.globalData.fontManager.getFontByName(documentData.f).fFamily);
+ shapeData = charData && charData.data || {};
+ matrixHelper.reset();
+ if(singleShape && letters[i].n) {
+ xPos = -trackingOffset;
+ yPos += documentData.yOffset;
+ yPos += firstLine ? 1 : 0;
+ firstLine = false;
+ }
+
+ shapes = shapeData.shapes ? shapeData.shapes[0].it : [];
+ jLen = shapes.length;
+ matrixHelper.scale(documentData.finalSize/100,documentData.finalSize/100);
+ if(singleShape){
+ this.applyTextPropertiesToMatrix(documentData, matrixHelper, letters[i].line, xPos, yPos);
+ }
+ commands = createSizedArray(jLen);
+ for(j=0;j<jLen;j+=1){
+ kLen = shapes[j].ks.k.i.length;
+ pathNodes = shapes[j].ks.k;
+ pathArr = [];
+ for(k=1;k<kLen;k+=1){
+ if(k==1){
+ pathArr.push(matrixHelper.applyToX(pathNodes.v[0][0],pathNodes.v[0][1],0),matrixHelper.applyToY(pathNodes.v[0][0],pathNodes.v[0][1],0));
+ }
+ pathArr.push(matrixHelper.applyToX(pathNodes.o[k-1][0],pathNodes.o[k-1][1],0),matrixHelper.applyToY(pathNodes.o[k-1][0],pathNodes.o[k-1][1],0),matrixHelper.applyToX(pathNodes.i[k][0],pathNodes.i[k][1],0),matrixHelper.applyToY(pathNodes.i[k][0],pathNodes.i[k][1],0),matrixHelper.applyToX(pathNodes.v[k][0],pathNodes.v[k][1],0),matrixHelper.applyToY(pathNodes.v[k][0],pathNodes.v[k][1],0));
+ }
+ pathArr.push(matrixHelper.applyToX(pathNodes.o[k-1][0],pathNodes.o[k-1][1],0),matrixHelper.applyToY(pathNodes.o[k-1][0],pathNodes.o[k-1][1],0),matrixHelper.applyToX(pathNodes.i[0][0],pathNodes.i[0][1],0),matrixHelper.applyToY(pathNodes.i[0][0],pathNodes.i[0][1],0),matrixHelper.applyToX(pathNodes.v[0][0],pathNodes.v[0][1],0),matrixHelper.applyToY(pathNodes.v[0][0],pathNodes.v[0][1],0));
+ commands[j] = pathArr;
+ }
+ if(singleShape){
+ xPos += letters[i].l;
+ xPos += trackingOffset;
+ }
+ if(this.textSpans[cnt]){
+ this.textSpans[cnt].elem = commands;
+ } else {
+ this.textSpans[cnt] = {elem: commands};
+ }
+ cnt +=1;
+ }
+};
+
+CVTextElement.prototype.renderInnerContent = function(){
+ var ctx = this.canvasContext;
+ var finalMat = this.finalTransform.mat.props;
+ ctx.font = this.values.fValue;
+ ctx.lineCap = 'butt';
+ ctx.lineJoin = 'miter';
+ ctx.miterLimit = 4;
+
+ if(!this.data.singleShape){
+ this.textAnimator.getMeasures(this.textProperty.currentData, this.lettersChangedFlag);
+ }
+
+ var i,len, j, jLen, k, kLen;
+ var renderedLetters = this.textAnimator.renderedLetters;
+
+ var letters = this.textProperty.currentData.l;
+
+ len = letters.length;
+ var renderedLetter;
+ var lastFill = null, lastStroke = null, lastStrokeW = null, commands, pathArr;
+ for(i=0;i<len;i+=1){
+ if(letters[i].n){
+ continue;
+ }
+ renderedLetter = renderedLetters[i];
+ if(renderedLetter){
+ this.globalData.renderer.save();
+ this.globalData.renderer.ctxTransform(renderedLetter.p);
+ this.globalData.renderer.ctxOpacity(renderedLetter.o);
+ }
+ if(this.fill){
+ if(renderedLetter && renderedLetter.fc){
+ if(lastFill !== renderedLetter.fc){
+ lastFill = renderedLetter.fc;
+ ctx.fillStyle = renderedLetter.fc;
+ }
+ }else if(lastFill !== this.values.fill){
+ lastFill = this.values.fill;
+ ctx.fillStyle = this.values.fill;
+ }
+ commands = this.textSpans[i].elem;
+ jLen = commands.length;
+ this.globalData.canvasContext.beginPath();
+ for(j=0;j<jLen;j+=1) {
+ pathArr = commands[j];
+ kLen = pathArr.length;
+ this.globalData.canvasContext.moveTo(pathArr[0], pathArr[1]);
+ for (k = 2; k < kLen; k += 6) {
+ this.globalData.canvasContext.bezierCurveTo(pathArr[k], pathArr[k + 1], pathArr[k + 2], pathArr[k + 3], pathArr[k + 4], pathArr[k + 5]);
+ }
+ }
+ this.globalData.canvasContext.closePath();
+ this.globalData.canvasContext.fill();
+ ///ctx.fillText(this.textSpans[i].val,0,0);
+ }
+ if(this.stroke){
+ if(renderedLetter && renderedLetter.sw){
+ if(lastStrokeW !== renderedLetter.sw){
+ lastStrokeW = renderedLetter.sw;
+ ctx.lineWidth = renderedLetter.sw;
+ }
+ }else if(lastStrokeW !== this.values.sWidth){
+ lastStrokeW = this.values.sWidth;
+ ctx.lineWidth = this.values.sWidth;
+ }
+ if(renderedLetter && renderedLetter.sc){
+ if(lastStroke !== renderedLetter.sc){
+ lastStroke = renderedLetter.sc;
+ ctx.strokeStyle = renderedLetter.sc;
+ }
+ }else if(lastStroke !== this.values.stroke){
+ lastStroke = this.values.stroke;
+ ctx.strokeStyle = this.values.stroke;
+ }
+ commands = this.textSpans[i].elem;
+ jLen = commands.length;
+ this.globalData.canvasContext.beginPath();
+ for(j=0;j<jLen;j+=1) {
+ pathArr = commands[j];
+ kLen = pathArr.length;
+ this.globalData.canvasContext.moveTo(pathArr[0], pathArr[1]);
+ for (k = 2; k < kLen; k += 6) {
+ this.globalData.canvasContext.bezierCurveTo(pathArr[k], pathArr[k + 1], pathArr[k + 2], pathArr[k + 3], pathArr[k + 4], pathArr[k + 5]);
+ }
+ }
+ this.globalData.canvasContext.closePath();
+ this.globalData.canvasContext.stroke();
+ ///ctx.strokeText(letters[i].val,0,0);
+ }
+ if(renderedLetter) {
+ this.globalData.renderer.restore();
+ }
+ }
+};
+function CVEffects() {
+
+}
+CVEffects.prototype.renderFrame = function(){};
+var animationManager = (function(){
+ var moduleOb = {};
+ var registeredAnimations = [];
+ var initTime = 0;
+ var len = 0;
+ var playingAnimationsNum = 0;
+ var _stopped = true;
+ var _isFrozen = false;
+
+ function removeElement(ev){
+ var i = 0;
+ var animItem = ev.target;
+ while(i<len) {
+ if (registeredAnimations[i].animation === animItem) {
+ registeredAnimations.splice(i, 1);
+ i -= 1;
+ len -= 1;
+ if(!animItem.isPaused){
+ subtractPlayingCount();
+ }
+ }
+ i += 1;
+ }
+ }
+
+ function registerAnimation(element, animationData){
+ if(!element){
+ return null;
+ }
+ var i=0;
+ while(i<len){
+ if(registeredAnimations[i].elem == element && registeredAnimations[i].elem !== null ){
+ return registeredAnimations[i].animation;
+ }
+ i+=1;
+ }
+ var animItem = new AnimationItem();
+ setupAnimation(animItem, element);
+ animItem.setData(element, animationData);
+ return animItem;
+ }
+
+ function getRegisteredAnimations() {
+ var i, len = registeredAnimations.length;
+ var animations = [];
+ for(i = 0; i < len; i += 1) {
+ animations.push(registeredAnimations[i].animation);
+ }
+ return animations;
+ }
+
+ function addPlayingCount(){
+ playingAnimationsNum += 1;
+ activate();
+ }
+
+ function subtractPlayingCount(){
+ playingAnimationsNum -= 1;
+ }
+
+ function setupAnimation(animItem, element){
+ animItem.addEventListener('destroy',removeElement);
+ animItem.addEventListener('_active',addPlayingCount);
+ animItem.addEventListener('_idle',subtractPlayingCount);
+ registeredAnimations.push({elem: element,animation:animItem});
+ len += 1;
+ }
+
+ function loadAnimation(params){
+ var animItem = new AnimationItem();
+ setupAnimation(animItem, null);
+ animItem.setParams(params);
+ return animItem;
+ }
+
+
+ function setSpeed(val,animation){
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.setSpeed(val, animation);
+ }
+ }
+
+ function setDirection(val, animation){
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.setDirection(val, animation);
+ }
+ }
+
+ function play(animation){
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.play(animation);
+ }
+ }
+ function resume(nowTime) {
+ var elapsedTime = nowTime - initTime;
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.advanceTime(elapsedTime);
+ }
+ initTime = nowTime;
+ if(playingAnimationsNum && !_isFrozen) {
+ window.requestAnimationFrame(resume);
+ } else {
+ _stopped = true;
+ }
+ }
+
+ function first(nowTime){
+ initTime = nowTime;
+ window.requestAnimationFrame(resume);
+ }
+
+ function pause(animation) {
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.pause(animation);
+ }
+ }
+
+ function goToAndStop(value,isFrame,animation) {
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.goToAndStop(value,isFrame,animation);
+ }
+ }
+
+ function stop(animation) {
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.stop(animation);
+ }
+ }
+
+ function togglePause(animation) {
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.togglePause(animation);
+ }
+ }
+
+ function destroy(animation) {
+ var i;
+ for(i=(len-1);i>=0;i-=1){
+ registeredAnimations[i].animation.destroy(animation);
+ }
+ }
+
+ function searchAnimations(animationData, standalone, renderer){
+ var animElements = [].concat([].slice.call(document.getElementsByClassName('lottie')),
+ [].slice.call(document.getElementsByClassName('bodymovin')));
+ var i, len = animElements.length;
+ for(i=0;i<len;i+=1){
+ if(renderer){
+ animElements[i].setAttribute('data-bm-type',renderer);
+ }
+ registerAnimation(animElements[i], animationData);
+ }
+ if(standalone && len === 0){
+ if(!renderer){
+ renderer = 'svg';
+ }
+ var body = document.getElementsByTagName('body')[0];
+ body.innerHTML = '';
+ var div = createTag('div');
+ div.style.width = '100%';
+ div.style.height = '100%';
+ div.setAttribute('data-bm-type',renderer);
+ body.appendChild(div);
+ registerAnimation(div, animationData);
+ }
+ }
+
+ function resize(){
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.resize();
+ }
+ }
+
+ function activate(){
+ if(!_isFrozen && playingAnimationsNum){
+ if(_stopped) {
+ window.requestAnimationFrame(first);
+ _stopped = false;
+ }
+ }
+ }
+
+ function freeze() {
+ _isFrozen = true;
+ }
+
+ function unfreeze() {
+ _isFrozen = false;
+ activate();
+ }
+
+ moduleOb.registerAnimation = registerAnimation;
+ moduleOb.loadAnimation = loadAnimation;
+ moduleOb.setSpeed = setSpeed;
+ moduleOb.setDirection = setDirection;
+ moduleOb.play = play;
+ moduleOb.pause = pause;
+ moduleOb.stop = stop;
+ moduleOb.togglePause = togglePause;
+ moduleOb.searchAnimations = searchAnimations;
+ moduleOb.resize = resize;
+ //moduleOb.start = start;
+ moduleOb.goToAndStop = goToAndStop;
+ moduleOb.destroy = destroy;
+ moduleOb.freeze = freeze;
+ moduleOb.unfreeze = unfreeze;
+ moduleOb.getRegisteredAnimations = getRegisteredAnimations;
+ return moduleOb;
+}());
+
+var AnimationItem = function () {
+ this._cbs = [];
+ this.name = '';
+ this.path = '';
+ this.isLoaded = false;
+ this.currentFrame = 0;
+ this.currentRawFrame = 0;
+ this.totalFrames = 0;
+ this.frameRate = 0;
+ this.frameMult = 0;
+ this.playSpeed = 1;
+ this.playDirection = 1;
+ this.playCount = 0;
+ this.animationData = {};
+ this.assets = [];
+ this.isPaused = true;
+ this.autoplay = false;
+ this.loop = true;
+ this.renderer = null;
+ this.animationID = randomString(10);
+ this.assetsPath = '';
+ this.timeCompleted = 0;
+ this.segmentPos = 0;
+ this.subframeEnabled = subframeEnabled;
+ this.segments = [];
+ this._idle = true;
+ this._completedLoop = false;
+ this.projectInterface = ProjectInterface();
+ this.imagePreloader = new ImagePreloader();
+};
+
+extendPrototype([BaseEvent], AnimationItem);
+
+AnimationItem.prototype.setParams = function(params) {
+ if(params.context){
+ this.context = params.context;
+ }
+ if(params.wrapper || params.container){
+ this.wrapper = params.wrapper || params.container;
+ }
+ var animType = params.animType ? params.animType : params.renderer ? params.renderer : 'svg';
+ switch(animType){
+ case 'canvas':
+ this.renderer = new CanvasRenderer(this, params.rendererSettings);
+ break;
+ case 'svg':
+ this.renderer = new SVGRenderer(this, params.rendererSettings);
+ break;
+ default:
+ this.renderer = new HybridRenderer(this, params.rendererSettings);
+ break;
+ }
+ this.renderer.setProjectInterface(this.projectInterface);
+ this.animType = animType;
+
+ if(params.loop === '' || params.loop === null){
+ }else if(params.loop === false){
+ this.loop = false;
+ }else if(params.loop === true){
+ this.loop = true;
+ }else{
+ this.loop = parseInt(params.loop);
+ }
+ this.autoplay = 'autoplay' in params ? params.autoplay : true;
+ this.name = params.name ? params.name : '';
+ this.autoloadSegments = params.hasOwnProperty('autoloadSegments') ? params.autoloadSegments : true;
+ this.assetsPath = params.assetsPath;
+ if(params.animationData){
+ this.configAnimation(params.animationData);
+ }else if(params.path){
+ if(params.path.substr(-4) != 'json'){
+ if (params.path.substr(-1, 1) != '/') {
+ params.path += '/';
+ }
+ params.path += 'data.json';
+ }
+
+ if(params.path.lastIndexOf('\\') != -1){
+ this.path = params.path.substr(0,params.path.lastIndexOf('\\')+1);
+ }else{
+ this.path = params.path.substr(0,params.path.lastIndexOf('/')+1);
+ }
+ this.fileName = params.path.substr(params.path.lastIndexOf('/')+1);
+ this.fileName = this.fileName.substr(0,this.fileName.lastIndexOf('.json'));
+
+ assetLoader.load(params.path, this.configAnimation.bind(this), function() {
+ this.trigger('data_failed');
+ }.bind(this));
+ }
+};
+
+AnimationItem.prototype.setData = function (wrapper, animationData) {
+ var params = {
+ wrapper: wrapper,
+ animationData: animationData ? (typeof animationData === "object") ? animationData : JSON.parse(animationData) : null
+ };
+ var wrapperAttributes = wrapper.attributes;
+
+ params.path = wrapperAttributes.getNamedItem('data-animation-path') ? wrapperAttributes.getNamedItem('data-animation-path').value : wrapperAttributes.getNamedItem('data-bm-path') ? wrapperAttributes.getNamedItem('data-bm-path').value : wrapperAttributes.getNamedItem('bm-path') ? wrapperAttributes.getNamedItem('bm-path').value : '';
+ params.animType = wrapperAttributes.getNamedItem('data-anim-type') ? wrapperAttributes.getNamedItem('data-anim-type').value : wrapperAttributes.getNamedItem('data-bm-type') ? wrapperAttributes.getNamedItem('data-bm-type').value : wrapperAttributes.getNamedItem('bm-type') ? wrapperAttributes.getNamedItem('bm-type').value : wrapperAttributes.getNamedItem('data-bm-renderer') ? wrapperAttributes.getNamedItem('data-bm-renderer').value : wrapperAttributes.getNamedItem('bm-renderer') ? wrapperAttributes.getNamedItem('bm-renderer').value : 'canvas';
+
+ var loop = wrapperAttributes.getNamedItem('data-anim-loop') ? wrapperAttributes.getNamedItem('data-anim-loop').value : wrapperAttributes.getNamedItem('data-bm-loop') ? wrapperAttributes.getNamedItem('data-bm-loop').value : wrapperAttributes.getNamedItem('bm-loop') ? wrapperAttributes.getNamedItem('bm-loop').value : '';
+ if(loop === ''){
+ }else if(loop === 'false'){
+ params.loop = false;
+ }else if(loop === 'true'){
+ params.loop = true;
+ }else{
+ params.loop = parseInt(loop);
+ }
+ var autoplay = wrapperAttributes.getNamedItem('data-anim-autoplay') ? wrapperAttributes.getNamedItem('data-anim-autoplay').value : wrapperAttributes.getNamedItem('data-bm-autoplay') ? wrapperAttributes.getNamedItem('data-bm-autoplay').value : wrapperAttributes.getNamedItem('bm-autoplay') ? wrapperAttributes.getNamedItem('bm-autoplay').value : true;
+ params.autoplay = autoplay !== "false";
+
+ params.name = wrapperAttributes.getNamedItem('data-name') ? wrapperAttributes.getNamedItem('data-name').value : wrapperAttributes.getNamedItem('data-bm-name') ? wrapperAttributes.getNamedItem('data-bm-name').value : wrapperAttributes.getNamedItem('bm-name') ? wrapperAttributes.getNamedItem('bm-name').value : '';
+ var prerender = wrapperAttributes.getNamedItem('data-anim-prerender') ? wrapperAttributes.getNamedItem('data-anim-prerender').value : wrapperAttributes.getNamedItem('data-bm-prerender') ? wrapperAttributes.getNamedItem('data-bm-prerender').value : wrapperAttributes.getNamedItem('bm-prerender') ? wrapperAttributes.getNamedItem('bm-prerender').value : '';
+
+ if(prerender === 'false'){
+ params.prerender = false;
+ }
+ this.setParams(params);
+};
+
+AnimationItem.prototype.includeLayers = function(data) {
+ if(data.op > this.animationData.op){
+ this.animationData.op = data.op;
+ this.totalFrames = Math.floor(data.op - this.animationData.ip);
+ }
+ var layers = this.animationData.layers;
+ var i, len = layers.length;
+ var newLayers = data.layers;
+ var j, jLen = newLayers.length;
+ for(j=0;j<jLen;j+=1){
+ i = 0;
+ while(i<len){
+ if(layers[i].id == newLayers[j].id){
+ layers[i] = newLayers[j];
+ break;
+ }
+ i += 1;
+ }
+ }
+ if(data.chars || data.fonts){
+ this.renderer.globalData.fontManager.addChars(data.chars);
+ this.renderer.globalData.fontManager.addFonts(data.fonts, this.renderer.globalData.defs);
+ }
+ if(data.assets){
+ len = data.assets.length;
+ for(i = 0; i < len; i += 1){
+ this.animationData.assets.push(data.assets[i]);
+ }
+ }
+ this.animationData.__complete = false;
+ dataManager.completeData(this.animationData,this.renderer.globalData.fontManager);
+ this.renderer.includeLayers(data.layers);
+ if(expressionsPlugin){
+ expressionsPlugin.initExpressions(this);
+ }
+ this.loadNextSegment();
+};
+
+AnimationItem.prototype.loadNextSegment = function() {
+ var segments = this.animationData.segments;
+ if(!segments || segments.length === 0 || !this.autoloadSegments){
+ this.trigger('data_ready');
+ this.timeCompleted = this.totalFrames;
+ return;
+ }
+ var segment = segments.shift();
+ this.timeCompleted = segment.time * this.frameRate;
+ var segmentPath = this.path+this.fileName+'_' + this.segmentPos + '.json';
+ this.segmentPos += 1;
+ assetLoader.load(segmentPath, this.includeLayers.bind(this), function() {
+ this.trigger('data_failed');
+ }.bind(this));
+};
+
+AnimationItem.prototype.loadSegments = function() {
+ var segments = this.animationData.segments;
+ if(!segments) {
+ this.timeCompleted = this.totalFrames;
+ }
+ this.loadNextSegment();
+};
+
+AnimationItem.prototype.imagesLoaded = function() {
+ this.trigger('loaded_images');
+ this.checkLoaded()
+}
+
+AnimationItem.prototype.preloadImages = function() {
+ this.imagePreloader.setAssetsPath(this.assetsPath);
+ this.imagePreloader.setPath(this.path);
+ this.imagePreloader.loadAssets(this.animationData.assets, this.imagesLoaded.bind(this));
+}
+
+AnimationItem.prototype.configAnimation = function (animData) {
+ if(!this.renderer){
+ return;
+ }
+ this.animationData = animData;
+ this.totalFrames = Math.floor(this.animationData.op - this.animationData.ip);
+ this.renderer.configAnimation(animData);
+ if(!animData.assets){
+ animData.assets = [];
+ }
+ this.renderer.searchExtraCompositions(animData.assets);
+
+ this.assets = this.animationData.assets;
+ this.frameRate = this.animationData.fr;
+ this.firstFrame = Math.round(this.animationData.ip);
+ this.frameMult = this.animationData.fr / 1000;
+ this.trigger('config_ready');
+ this.preloadImages();
+ this.loadSegments();
+ this.updaFrameModifier();
+ this.waitForFontsLoaded();
+};
+
+AnimationItem.prototype.waitForFontsLoaded = function(){
+ if(!this.renderer) {
+ return;
+ }
+ if(this.renderer.globalData.fontManager.loaded()){
+ this.checkLoaded();
+ }else{
+ setTimeout(this.waitForFontsLoaded.bind(this),20);
+ }
+}
+
+AnimationItem.prototype.checkLoaded = function () {
+ if (!this.isLoaded && this.renderer.globalData.fontManager.loaded() && (this.imagePreloader.loaded() || this.renderer.rendererType !== 'canvas')) {
+ this.isLoaded = true;
+ dataManager.completeData(this.animationData, this.renderer.globalData.fontManager);
+ if(expressionsPlugin){
+ expressionsPlugin.initExpressions(this);
+ }
+ this.renderer.initItems();
+ setTimeout(function() {
+ this.trigger('DOMLoaded');
+ }.bind(this), 0);
+ this.gotoFrame();
+ if(this.autoplay){
+ this.play();
+ }
+ }
+};
+
+AnimationItem.prototype.resize = function () {
+ this.renderer.updateContainerSize();
+};
+
+AnimationItem.prototype.setSubframe = function(flag){
+ this.subframeEnabled = flag ? true : false;
+};
+
+AnimationItem.prototype.gotoFrame = function () {
+ this.currentFrame = this.subframeEnabled ? this.currentRawFrame : ~~this.currentRawFrame;
+
+ if(this.timeCompleted !== this.totalFrames && this.currentFrame > this.timeCompleted){
+ this.currentFrame = this.timeCompleted;
+ }
+ this.trigger('enterFrame');
+ this.renderFrame();
+};
+
+AnimationItem.prototype.renderFrame = function () {
+ if(this.isLoaded === false){
+ return;
+ }
+ this.renderer.renderFrame(this.currentFrame + this.firstFrame);
+};
+
+AnimationItem.prototype.play = function (name) {
+ if(name && this.name != name){
+ return;
+ }
+ if(this.isPaused === true){
+ this.isPaused = false;
+ if(this._idle){
+ this._idle = false;
+ this.trigger('_active');
+ }
+ }
+};
+
+AnimationItem.prototype.pause = function (name) {
+ if(name && this.name != name){
+ return;
+ }
+ if(this.isPaused === false){
+ this.isPaused = true;
+ this._idle = true;
+ this.trigger('_idle');
+ }
+};
+
+AnimationItem.prototype.togglePause = function (name) {
+ if(name && this.name != name){
+ return;
+ }
+ if(this.isPaused === true){
+ this.play();
+ }else{
+ this.pause();
+ }
+};
+
+AnimationItem.prototype.stop = function (name) {
+ if(name && this.name != name){
+ return;
+ }
+ this.pause();
+ this.playCount = 0;
+ this._completedLoop = false;
+ this.setCurrentRawFrameValue(0);
+};
+
+AnimationItem.prototype.goToAndStop = function (value, isFrame, name) {
+ if(name && this.name != name){
+ return;
+ }
+ if(isFrame){
+ this.setCurrentRawFrameValue(value);
+ }else{
+ this.setCurrentRawFrameValue(value * this.frameModifier);
+ }
+ this.pause();
+};
+
+AnimationItem.prototype.goToAndPlay = function (value, isFrame, name) {
+ this.goToAndStop(value, isFrame, name);
+ this.play();
+};
+
+AnimationItem.prototype.advanceTime = function (value) {
+ if (this.isPaused === true || this.isLoaded === false) {
+ return;
+ }
+ var nextValue = this.currentRawFrame + value * this.frameModifier;
+ var _isComplete = false;
+ // Checking if nextValue > totalFrames - 1 for addressing non looping and looping animations.
+ // If animation won't loop, it should stop at totalFrames - 1. If it will loop it should complete the last frame and then loop.
+ if (nextValue >= this.totalFrames - 1 && this.frameModifier > 0) {
+ if (!this.loop || this.playCount === this.loop) {
+ if (!this.checkSegments(nextValue > this.totalFrames ? nextValue % this.totalFrames : 0)) {
+ _isComplete = true;
+ nextValue = this.totalFrames - 1;
+ }
+ } else if (nextValue >= this.totalFrames) {
+ this.playCount += 1;
+ if (!this.checkSegments(nextValue % this.totalFrames)) {
+ this.setCurrentRawFrameValue(nextValue % this.totalFrames);
+ this._completedLoop = true;
+ this.trigger('loopComplete');
+ }
+ } else {
+ this.setCurrentRawFrameValue(nextValue);
+ }
+ } else if(nextValue < 0) {
+ if (!this.checkSegments(nextValue % this.totalFrames)) {
+ if (this.loop && !(this.playCount-- <= 0 && this.loop !== true)) {
+ this.setCurrentRawFrameValue(this.totalFrames + (nextValue % this.totalFrames));
+ if(!this._completedLoop) {
+ this._completedLoop = true;
+ } else {
+ this.trigger('loopComplete');
+ }
+ } else {
+ _isComplete = true;
+ nextValue = 0;
+ }
+ }
+ } else {
+ this.setCurrentRawFrameValue(nextValue);
+ }
+ if (_isComplete) {
+ this.setCurrentRawFrameValue(nextValue);
+ this.pause();
+ this.trigger('complete');
+ }
+};
+
+AnimationItem.prototype.adjustSegment = function(arr, offset){
+ this.playCount = 0;
+ if(arr[1] < arr[0]){
+ if(this.frameModifier > 0){
+ if(this.playSpeed < 0){
+ this.setSpeed(-this.playSpeed);
+ } else {
+ this.setDirection(-1);
+ }
+ }
+ this.timeCompleted = this.totalFrames = arr[0] - arr[1];
+ this.firstFrame = arr[1];
+ this.setCurrentRawFrameValue(this.totalFrames - 0.001 - offset);
+ } else if(arr[1] > arr[0]){
+ if(this.frameModifier < 0){
+ if(this.playSpeed < 0){
+ this.setSpeed(-this.playSpeed);
+ } else {
+ this.setDirection(1);
+ }
+ }
+ this.timeCompleted = this.totalFrames = arr[1] - arr[0];
+ this.firstFrame = arr[0];
+ this.setCurrentRawFrameValue(0.001 + offset);
+ }
+ this.trigger('segmentStart');
+};
+AnimationItem.prototype.setSegment = function (init,end) {
+ var pendingFrame = -1;
+ if(this.isPaused) {
+ if (this.currentRawFrame + this.firstFrame < init) {
+ pendingFrame = init;
+ } else if (this.currentRawFrame + this.firstFrame > end) {
+ pendingFrame = end - init;
+ }
+ }
+
+ this.firstFrame = init;
+ this.timeCompleted = this.totalFrames = end - init;
+ if(pendingFrame !== -1) {
+ this.goToAndStop(pendingFrame,true);
+ }
+};
+
+AnimationItem.prototype.playSegments = function (arr, forceFlag) {
+ if (forceFlag) {
+ this.segments.length = 0;
+ }
+ if (typeof arr[0] === 'object') {
+ var i, len = arr.length;
+ for (i = 0; i < len; i += 1) {
+ this.segments.push(arr[i]);
+ }
+ } else {
+ this.segments.push(arr);
+ }
+ if (this.segments.length) {
+ this.adjustSegment(this.segments.shift(), 0);
+ }
+ if (this.isPaused) {
+ this.play();
+ }
+};
+
+AnimationItem.prototype.resetSegments = function (forceFlag) {
+ this.segments.length = 0;
+ this.segments.push([this.animationData.ip,this.animationData.op]);
+ //this.segments.push([this.animationData.ip*this.frameRate,Math.floor(this.animationData.op - this.animationData.ip+this.animationData.ip*this.frameRate)]);
+ if (forceFlag) {
+ this.checkSegments(0);
+ }
+};
+AnimationItem.prototype.checkSegments = function(offset) {
+ if (this.segments.length) {
+ this.adjustSegment(this.segments.shift(), offset);
+ return true;
+ }
+ return false;
+};
+
+AnimationItem.prototype.destroy = function (name) {
+ if ((name && this.name != name) || !this.renderer) {
+ return;
+ }
+ this.renderer.destroy();
+ this.imagePreloader.destroy();
+ this.trigger('destroy');
+ this._cbs = null;
+ this.onEnterFrame = this.onLoopComplete = this.onComplete = this.onSegmentStart = this.onDestroy = null;
+ this.renderer = null;
+};
+
+AnimationItem.prototype.setCurrentRawFrameValue = function(value){
+ this.currentRawFrame = value;
+ this.gotoFrame();
+};
+
+AnimationItem.prototype.setSpeed = function (val) {
+ this.playSpeed = val;
+ this.updaFrameModifier();
+};
+
+AnimationItem.prototype.setDirection = function (val) {
+ this.playDirection = val < 0 ? -1 : 1;
+ this.updaFrameModifier();
+};
+
+AnimationItem.prototype.updaFrameModifier = function () {
+ this.frameModifier = this.frameMult * this.playSpeed * this.playDirection;
+};
+
+AnimationItem.prototype.getPath = function () {
+ return this.path;
+};
+
+AnimationItem.prototype.getAssetsPath = function (assetData) {
+ var path = '';
+ if(assetData.e) {
+ path = assetData.p;
+ } else if(this.assetsPath){
+ var imagePath = assetData.p;
+ if(imagePath.indexOf('images/') !== -1){
+ imagePath = imagePath.split('/')[1];
+ }
+ path = this.assetsPath + imagePath;
+ } else {
+ path = this.path;
+ path += assetData.u ? assetData.u : '';
+ path += assetData.p;
+ }
+ return path;
+};
+
+AnimationItem.prototype.getAssetData = function (id) {
+ var i = 0, len = this.assets.length;
+ while (i < len) {
+ if(id == this.assets[i].id){
+ return this.assets[i];
+ }
+ i += 1;
+ }
+};
+
+AnimationItem.prototype.hide = function () {
+ this.renderer.hide();
+};
+
+AnimationItem.prototype.show = function () {
+ this.renderer.show();
+};
+
+AnimationItem.prototype.getDuration = function (isFrame) {
+ return isFrame ? this.totalFrames : this.totalFrames / this.frameRate;
+};
+
+AnimationItem.prototype.trigger = function(name){
+ if(this._cbs && this._cbs[name]){
+ switch(name){
+ case 'enterFrame':
+ this.triggerEvent(name,new BMEnterFrameEvent(name,this.currentFrame,this.totalFrames,this.frameMult));
+ break;
+ case 'loopComplete':
+ this.triggerEvent(name,new BMCompleteLoopEvent(name,this.loop,this.playCount,this.frameMult));
+ break;
+ case 'complete':
+ this.triggerEvent(name,new BMCompleteEvent(name,this.frameMult));
+ break;
+ case 'segmentStart':
+ this.triggerEvent(name,new BMSegmentStartEvent(name,this.firstFrame,this.totalFrames));
+ break;
+ case 'destroy':
+ this.triggerEvent(name,new BMDestroyEvent(name,this));
+ break;
+ default:
+ this.triggerEvent(name);
+ }
+ }
+ if(name === 'enterFrame' && this.onEnterFrame){
+ this.onEnterFrame.call(this,new BMEnterFrameEvent(name,this.currentFrame,this.totalFrames,this.frameMult));
+ }
+ if(name === 'loopComplete' && this.onLoopComplete){
+ this.onLoopComplete.call(this,new BMCompleteLoopEvent(name,this.loop,this.playCount,this.frameMult));
+ }
+ if(name === 'complete' && this.onComplete){
+ this.onComplete.call(this,new BMCompleteEvent(name,this.frameMult));
+ }
+ if(name === 'segmentStart' && this.onSegmentStart){
+ this.onSegmentStart.call(this,new BMSegmentStartEvent(name,this.firstFrame,this.totalFrames));
+ }
+ if(name === 'destroy' && this.onDestroy){
+ this.onDestroy.call(this,new BMDestroyEvent(name,this));
+ }
+};
+
+var Expressions = (function(){
+ var ob = {};
+ ob.initExpressions = initExpressions;
+
+
+ function initExpressions(animation){
+
+ var stackCount = 0;
+ var registers = [];
+
+ function pushExpression() {
+ stackCount += 1;
+ }
+
+ function popExpression() {
+ stackCount -= 1;
+ if (stackCount === 0) {
+ releaseInstances();
+ }
+ }
+
+ function registerExpressionProperty(expression) {
+ if (registers.indexOf(expression) === -1) {
+ registers.push(expression)
+ }
+ }
+
+ function releaseInstances() {
+ var i, len = registers.length;
+ for (i = 0; i < len; i += 1) {
+ registers[i].release();
+ }
+ registers.length = 0;
+ }
+
+ animation.renderer.compInterface = CompExpressionInterface(animation.renderer);
+ animation.renderer.globalData.projectInterface.registerComposition(animation.renderer);
+ animation.renderer.globalData.pushExpression = pushExpression;
+ animation.renderer.globalData.popExpression = popExpression;
+ animation.renderer.globalData.registerExpressionProperty = registerExpressionProperty;
+ }
+ return ob;
+}());
+
+expressionsPlugin = Expressions;
+
+var ExpressionManager = (function(){
+ 'use strict';
+ var ob = {};
+ var Math = BMMath;
+ var window = null;
+ var document = null;
+
+ function $bm_isInstanceOfArray(arr) {
+ return arr.constructor === Array || arr.constructor === Float32Array;
+ }
+
+ function isNumerable(tOfV, v) {
+ return tOfV === 'number' || tOfV === 'boolean' || tOfV === 'string' || v instanceof Number;
+ }
+
+ function $bm_neg(a){
+ var tOfA = typeof a;
+ if(tOfA === 'number' || tOfA === 'boolean' || a instanceof Number ){
+ return -a;
+ }
+ if($bm_isInstanceOfArray(a)){
+ var i, lenA = a.length;
+ var retArr = [];
+ for(i=0;i<lenA;i+=1){
+ retArr[i] = -a[i];
+ }
+ return retArr;
+ }
+ }
+
+ var easeInBez = BezierFactory.getBezierEasing(0.333,0,.833,.833, 'easeIn').get;
+ var easeOutBez = BezierFactory.getBezierEasing(0.167,0.167,.667,1, 'easeOut').get;
+ var easeInOutBez = BezierFactory.getBezierEasing(.33,0,.667,1, 'easeInOut').get;
+
+ function sum(a,b) {
+ var tOfA = typeof a;
+ var tOfB = typeof b;
+ if(tOfA === 'string' || tOfB === 'string'){
+ return a + b;
+ }
+ if(isNumerable(tOfA, a) && isNumerable(tOfB, b)) {
+ return a + b;
+ }
+ if($bm_isInstanceOfArray(a) && isNumerable(tOfB, b)){
+ a = a.slice(0);
+ a[0] = a[0] + b;
+ return a;
+ }
+ if(isNumerable(tOfA, a) && $bm_isInstanceOfArray(b)){
+ b = b.slice(0);
+ b[0] = a + b[0];
+ return b;
+ }
+ if($bm_isInstanceOfArray(a) && $bm_isInstanceOfArray(b)){
+
+ var i = 0, lenA = a.length, lenB = b.length;
+ var retArr = [];
+ while(i<lenA || i < lenB){
+ if((typeof a[i] === 'number' || a[i] instanceof Number) && (typeof b[i] === 'number' || b[i] instanceof Number)){
+ retArr[i] = a[i] + b[i];
+ }else{
+ retArr[i] = b[i] === undefined ? a[i] : a[i] || b[i];
+ }
+ i += 1;
+ }
+ return retArr;
+ }
+ return 0;
+ }
+ var add = sum;
+
+ function sub(a,b) {
+ var tOfA = typeof a;
+ var tOfB = typeof b;
+ if(isNumerable(tOfA, a) && isNumerable(tOfB, b)) {
+ if(tOfA === 'string') {
+ a = parseInt(a);
+ }
+ if(tOfB === 'string') {
+ b = parseInt(b);
+ }
+ return a - b;
+ }
+ if( $bm_isInstanceOfArray(a) && isNumerable(tOfB, b)){
+ a = a.slice(0);
+ a[0] = a[0] - b;
+ return a;
+ }
+ if(isNumerable(tOfA, a) && $bm_isInstanceOfArray(b)){
+ b = b.slice(0);
+ b[0] = a - b[0];
+ return b;
+ }
+ if($bm_isInstanceOfArray(a) && $bm_isInstanceOfArray(b)){
+ var i = 0, lenA = a.length, lenB = b.length;
+ var retArr = [];
+ while(i<lenA || i < lenB){
+ if((typeof a[i] === 'number' || a[i] instanceof Number) && (typeof b[i] === 'number' || b[i] instanceof Number)){
+ retArr[i] = a[i] - b[i];
+ }else{
+ retArr[i] = b[i] === undefined ? a[i] : a[i] || b[i];
+ }
+ i += 1;
+ }
+ return retArr;
+ }
+ return 0;
+ }
+
+ function mul(a,b) {
+ var tOfA = typeof a;
+ var tOfB = typeof b;
+ var arr;
+ if(isNumerable(tOfA, a) && isNumerable(tOfB, b)) {
+ return a * b;
+ }
+
+ var i, len;
+ if($bm_isInstanceOfArray(a) && isNumerable(tOfB, b)){
+ len = a.length;
+ arr = createTypedArray('float32', len);
+ for(i=0;i<len;i+=1){
+ arr[i] = a[i] * b;
+ }
+ return arr;
+ }
+ if(isNumerable(tOfA, a) && $bm_isInstanceOfArray(b)){
+ len = b.length;
+ arr = createTypedArray('float32', len);
+ for(i=0;i<len;i+=1){
+ arr[i] = a * b[i];
+ }
+ return arr;
+ }
+ return 0;
+ }
+
+ function div(a,b) {
+ var tOfA = typeof a;
+ var tOfB = typeof b;
+ var arr;
+ if(isNumerable(tOfA, a) && isNumerable(tOfB, b)) {
+ return a / b;
+ }
+ var i, len;
+ if($bm_isInstanceOfArray(a) && isNumerable(tOfB, b)){
+ len = a.length;
+ arr = createTypedArray('float32', len);
+ for(i=0;i<len;i+=1){
+ arr[i] = a[i] / b;
+ }
+ return arr;
+ }
+ if(isNumerable(tOfA, a) && $bm_isInstanceOfArray(b)){
+ len = b.length;
+ arr = createTypedArray('float32', len);
+ for(i=0;i<len;i+=1){
+ arr[i] = a / b[i];
+ }
+ return arr;
+ }
+ return 0;
+ }
+ function mod(a,b) {
+ if(typeof a === 'string') {
+ a = parseInt(a);
+ }
+ if(typeof b === 'string') {
+ b = parseInt(b);
+ }
+ return a % b;
+ }
+
+ function clamp(num, min, max) {
+ if(min > max){
+ var mm = max;
+ max = min;
+ min = mm;
+ }
+ return Math.min(Math.max(num, min), max);
+ }
+
+ function radiansToDegrees(val) {
+ return val/degToRads;
+ }
+ var radians_to_degrees = radiansToDegrees;
+
+ function degreesToRadians(val) {
+ return val*degToRads;
+ }
+ var degrees_to_radians = radiansToDegrees;
+
+ var helperLengthArray = [0,0,0,0,0,0];
+
+ function length(arr1, arr2) {
+ if (typeof arr1 === 'number' || arr1 instanceof Number) {
+ arr2 = arr2 || 0;
+ return Math.abs(arr1 - arr2);
+ }
+ if(!arr2) {
+ arr2 = helperLengthArray;
+ }
+ var i, len = Math.min(arr1.length, arr2.length);
+ var addedLength = 0;
+ for (i = 0; i < len; i += 1) {
+ addedLength += Math.pow(arr2[i] - arr1[i], 2);
+ }
+ return Math.sqrt(addedLength);
+ }
+
+ function normalize(vec) {
+ return div(vec, length(vec));
+ }
+
+ function rgbToHsl(val) {
+ var r = val[0]; var g = val[1]; var b = val[2];
+ var max = Math.max(r, g, b), min = Math.min(r, g, b);
+ var h, s, l = (max + min) / 2;
+
+ if(max == min){
+ h = s = 0; // achromatic
+ }else{
+ var d = max - min;
+ s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+ switch(max){
+ case r: h = (g - b) / d + (g < b ? 6 : 0); break;
+ case g: h = (b - r) / d + 2; break;
+ case b: h = (r - g) / d + 4; break;
+ }
+ h /= 6;
+ }
+
+ return [h, s, l,val[3]];
+ }
+
+ function hue2rgb(p, q, t){
+ if(t < 0) t += 1;
+ if(t > 1) t -= 1;
+ if(t < 1/6) return p + (q - p) * 6 * t;
+ if(t < 1/2) return q;
+ if(t < 2/3) return p + (q - p) * (2/3 - t) * 6;
+ return p;
+ }
+
+ function hslToRgb(val){
+ var h = val[0];
+ var s = val[1];
+ var l = val[2];
+
+ var r, g, b;
+
+ if(s === 0){
+ r = g = b = l; // achromatic
+ }else{
+
+ var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+ var p = 2 * l - q;
+ r = hue2rgb(p, q, h + 1/3);
+ g = hue2rgb(p, q, h);
+ b = hue2rgb(p, q, h - 1/3);
+ }
+
+ return [r, g , b, val[3]];
+ }
+
+ function linear(t, tMin, tMax, value1, value2){
+ if(value1 === undefined || value2 === undefined){
+ value1 = tMin;
+ value2 = tMax;
+ tMin = 0;
+ tMax = 1;
+ }
+ if(tMax < tMin) {
+ var _tMin = tMax;
+ tMax = tMin;
+ tMin = _tMin;
+ }
+ if(t <= tMin) {
+ return value1;
+ }else if(t >= tMax){
+ return value2;
+ }
+ var perc = tMax === tMin ? 0 : (t-tMin)/(tMax-tMin);
+ if(!value1.length){
+ return value1 + (value2-value1)*perc;
+ }
+ var i, len = value1.length;
+ var arr = createTypedArray('float32', len);
+ for(i=0;i<len;i+=1){
+ arr[i] = value1[i] + (value2[i]-value1[i])*perc;
+ }
+ return arr;
+ }
+ function random(min,max){
+ if(max === undefined){
+ if(min === undefined){
+ min = 0;
+ max = 1;
+ } else {
+ max = min;
+ min = undefined;
+ }
+ }
+ if(max.length){
+ var i, len = max.length;
+ if(!min){
+ min = createTypedArray('float32', len);
+ }
+ var arr = createTypedArray('float32', len);
+ var rnd = BMMath.random();
+ for(i=0;i<len;i+=1){
+ arr[i] = min[i] + rnd*(max[i]-min[i]);
+ }
+ return arr;
+ }
+ if(min === undefined){
+ min = 0;
+ }
+ var rndm = BMMath.random();
+ return min + rndm*(max-min);
+ }
+
+ function createPath(points, inTangents, outTangents, closed) {
+ var i, len = points.length;
+ var path = shape_pool.newElement();
+ path.setPathData(!!closed, len);
+ var arrPlaceholder = [0,0], inVertexPoint, outVertexPoint;
+ for(i = 0; i < len; i += 1) {
+ inVertexPoint = (inTangents && inTangents[i]) ? inTangents[i] : arrPlaceholder;
+ outVertexPoint = (outTangents && outTangents[i]) ? outTangents[i] : arrPlaceholder;
+ path.setTripleAt(points[i][0],points[i][1],outVertexPoint[0] + points[i][0],outVertexPoint[1] + points[i][1],inVertexPoint[0] + points[i][0],inVertexPoint[1] + points[i][1],i,true);
+ }
+ return path;
+ }
+
+ function initiateExpression(elem,data,property){
+ var val = data.x;
+ var needsVelocity = /velocity(?![\w\d])/.test(val);
+ var _needsRandom = val.indexOf('random') !== -1;
+ var elemType = elem.data.ty;
+ var transform,$bm_transform,content,effect;
+ var thisProperty = property;
+ thisProperty.valueAtTime = thisProperty.getValueAtTime;
+ elem.comp.frameDuration = 1/elem.comp.globalData.frameRate;
+ elem.comp.displayStartTime = 0;
+ var inPoint = elem.data.ip/elem.comp.globalData.frameRate;
+ var outPoint = elem.data.op/elem.comp.globalData.frameRate;
+ var width = elem.data.sw ? elem.data.sw : 0;
+ var height = elem.data.sh ? elem.data.sh : 0;
+ var name = elem.data.nm;
+ var loopIn, loop_in, loopOut, loop_out;
+ var toWorld,fromWorld,fromComp,toComp,fromCompToSurface, position, rotation, anchorPoint, scale, thisLayer,thisComp,mask,valueAtTime,velocityAtTime;
+ var __expression_functions = [];
+ if(data.xf) {
+ var i, len = data.xf.length;
+ for(i = 0; i < len; i += 1) {
+ __expression_functions[i] = eval('(function(){ return ' + data.xf[i] + '}())');
+ }
+ }
+
+ var scoped_bm_rt;
+ var expression_function = eval('[function _expression_function(){' + val+';scoped_bm_rt=$bm_rt}' + ']')[0];
+ var numKeys = property.kf ? data.k.length : 0;
+
+ var active = !this.data || this.data.hd !== true;
+
+ var wiggle = function wiggle(freq,amp){
+ var i,j, len = this.pv.length ? this.pv.length : 1;
+ var addedAmps = createTypedArray('float32', len);
+ freq = 5;
+ var iterations = Math.floor(time*freq);
+ i = 0;
+ j = 0;
+ while(i<iterations){
+ //var rnd = BMMath.random();
+ for(j=0;j<len;j+=1){
+ addedAmps[j] += -amp + amp*2*BMMath.random();
+ //addedAmps[j] += -amp + amp*2*rnd;
+ }
+ i += 1;
+ }
+ //var rnd2 = BMMath.random();
+ var periods = time*freq;
+ var perc = periods - Math.floor(periods);
+ var arr = createTypedArray('float32', len);
+ if(len>1){
+ for(j=0;j<len;j+=1){
+ arr[j] = this.pv[j] + addedAmps[j] + (-amp + amp*2*BMMath.random())*perc;
+ //arr[j] = this.pv[j] + addedAmps[j] + (-amp + amp*2*rnd)*perc;
+ //arr[i] = this.pv[i] + addedAmp + amp1*perc + amp2*(1-perc);
+ }
+ return arr;
+ } else {
+ return this.pv + addedAmps[0] + (-amp + amp*2*BMMath.random())*perc;
+ }
+ }.bind(this);
+
+ if(thisProperty.loopIn) {
+ loopIn = thisProperty.loopIn.bind(thisProperty);
+ loop_in = loopIn;
+ }
+
+ if(thisProperty.loopOut) {
+ loopOut = thisProperty.loopOut.bind(thisProperty);
+ loop_out = loopOut;
+ }
+
+ function loopInDuration(type,duration){
+ return loopIn(type,duration,true);
+ }
+
+ function loopOutDuration(type,duration){
+ return loopOut(type,duration,true);
+ }
+
+ if(this.getValueAtTime) {
+ valueAtTime = this.getValueAtTime.bind(this);
+ }
+
+ if(this.getVelocityAtTime) {
+ velocityAtTime = this.getVelocityAtTime.bind(this);
+ }
+
+ var comp = elem.comp.globalData.projectInterface.bind(elem.comp.globalData.projectInterface);
+
+ function lookAt(elem1,elem2){
+ var fVec = [elem2[0]-elem1[0],elem2[1]-elem1[1],elem2[2]-elem1[2]];
+ var pitch = Math.atan2(fVec[0],Math.sqrt(fVec[1]*fVec[1]+fVec[2]*fVec[2]))/degToRads;
+ var yaw = -Math.atan2(fVec[1],fVec[2])/degToRads;
+ return [yaw,pitch,0];
+ }
+
+ function easeOut(t, tMin, tMax, val1, val2){
+ return applyEase(easeOutBez, t, tMin, tMax, val1, val2);
+ }
+
+ function easeIn(t, tMin, tMax, val1, val2){
+ return applyEase(easeInBez, t, tMin, tMax, val1, val2);
+ }
+
+ function ease(t, tMin, tMax, val1, val2){
+ return applyEase(easeInOutBez, t, tMin, tMax, val1, val2);
+ }
+
+ function applyEase(fn, t, tMin, tMax, val1, val2) {
+ if(val1 === undefined){
+ val1 = tMin;
+ val2 = tMax;
+ } else {
+ t = (t - tMin) / (tMax - tMin);
+ }
+ t = t > 1 ? 1 : t < 0 ? 0 : t;
+ var mult = fn(t);
+ if($bm_isInstanceOfArray(val1)) {
+ var i, len = val1.length;
+ var arr = createTypedArray('float32', len);
+ for (i = 0; i < len; i += 1) {
+ arr[i] = (val2[i] - val1[i]) * mult + val1[i];
+ }
+ return arr;
+ } else {
+ return (val2 - val1) * mult + val1;
+ }
+ }
+
+ function nearestKey(time){
+ var i, len = data.k.length,index,keyTime;
+ if(!data.k.length || typeof(data.k[0]) === 'number'){
+ index = 0;
+ keyTime = 0;
+ } else {
+ index = -1;
+ time *= elem.comp.globalData.frameRate;
+ if (time < data.k[0].t) {
+ index = 1;
+ keyTime = data.k[0].t;
+ } else {
+ for(i=0;i<len-1;i+=1){
+ if(time === data.k[i].t){
+ index = i + 1;
+ keyTime = data.k[i].t;
+ break;
+ }else if(time>data.k[i].t && time<data.k[i+1].t){
+ if(time-data.k[i].t > data.k[i+1].t - time){
+ index = i + 2;
+ keyTime = data.k[i+1].t;
+ } else {
+ index = i + 1;
+ keyTime = data.k[i].t;
+ }
+ break;
+ }
+ }
+ if(index === -1){
+ index = i + 1;
+ keyTime = data.k[i].t;
+ }
+ }
+
+ }
+ var ob = {};
+ ob.index = index;
+ ob.time = keyTime/elem.comp.globalData.frameRate;
+ return ob;
+ }
+
+ function key(ind){
+ var ob, i, len;
+ if(!data.k.length || typeof(data.k[0]) === 'number'){
+ throw new Error('The property has no keyframe at index ' + ind);
+ }
+ ind -= 1;
+ ob = {
+ time: data.k[ind].t/elem.comp.globalData.frameRate
+ };
+ var arr;
+ if(ind === data.k.length - 1 && !data.k[ind].h){
+ arr = data.k[ind-1].e;
+ }else{
+ arr = data.k[ind].s;
+ }
+ len = arr.length;
+ for(i=0;i<len;i+=1){
+ ob[i] = arr[i];
+ }
+ return ob;
+ }
+
+ function framesToTime(frames, fps) {
+ if (!fps) {
+ fps = elem.comp.globalData.frameRate;
+ }
+ return frames / fps;
+ }
+
+ function timeToFrames(t, fps) {
+ if (!t && t !== 0) {
+ t = time;
+ }
+ if (!fps) {
+ fps = elem.comp.globalData.frameRate;
+ }
+ return t * fps;
+ }
+
+ function seedRandom(seed){
+ BMMath.seedrandom(randSeed + seed);
+ }
+
+ function sourceRectAtTime() {
+ return elem.sourceRectAtTime();
+ }
+
+ function substring(init, end) {
+ if(typeof value === 'string') {
+ if(end === undefined) {
+ return value.substring(init)
+ }
+ return value.substring(init, end)
+ }
+ return '';
+ }
+
+ function substr(init, end) {
+ if(typeof value === 'string') {
+ if(end === undefined) {
+ return value.substr(init)
+ }
+ return value.substr(init, end)
+ }
+ return '';
+ }
+
+ var time, velocity, value, text, textIndex, textTotal, selectorValue;
+ var index = elem.data.ind;
+ var hasParent = !!(elem.hierarchy && elem.hierarchy.length);
+ var parent;
+ var randSeed = Math.floor(Math.random()*1000000);
+ var globalData = elem.globalData;
+ function executeExpression(_value) {
+ // globalData.pushExpression();
+ value = _value;
+ if (_needsRandom) {
+ seedRandom(randSeed);
+ }
+ if (this.frameExpressionId === elem.globalData.frameId && this.propType !== 'textSelector') {
+ return value;
+ }
+ if(this.propType === 'textSelector'){
+ textIndex = this.textIndex;
+ textTotal = this.textTotal;
+ selectorValue = this.selectorValue;
+ }
+ if (!thisLayer) {
+ text = elem.layerInterface.text;
+ thisLayer = elem.layerInterface;
+ thisComp = elem.comp.compInterface;
+ toWorld = thisLayer.toWorld.bind(thisLayer);
+ fromWorld = thisLayer.fromWorld.bind(thisLayer);
+ fromComp = thisLayer.fromComp.bind(thisLayer);
+ toComp = thisLayer.toComp.bind(thisLayer);
+ mask = thisLayer.mask ? thisLayer.mask.bind(thisLayer) : null;
+ fromCompToSurface = fromComp;
+ }
+ if (!transform) {
+ transform = elem.layerInterface("ADBE Transform Group");
+ $bm_transform = transform;
+ if(transform) {
+ anchorPoint = transform.anchorPoint;
+ /*position = transform.position;
+ rotation = transform.rotation;
+ scale = transform.scale;*/
+ }
+ }
+
+ if (elemType === 4 && !content) {
+ content = thisLayer("ADBE Root Vectors Group");
+ }
+ if (!effect) {
+ effect = thisLayer(4);
+ }
+ hasParent = !!(elem.hierarchy && elem.hierarchy.length);
+ if (hasParent && !parent) {
+ parent = elem.hierarchy[0].layerInterface;
+ }
+ time = this.comp.renderedFrame/this.comp.globalData.frameRate;
+ if (needsVelocity) {
+ velocity = velocityAtTime(time);
+ }
+ expression_function();
+ this.frameExpressionId = elem.globalData.frameId;
+
+
+ //TODO: Check if it's possible to return on ShapeInterface the .v value
+ if (scoped_bm_rt.propType === "shape") {
+ scoped_bm_rt = scoped_bm_rt.v;
+ }
+ // globalData.popExpression();
+ return scoped_bm_rt;
+ }
+ return executeExpression;
+ }
+
+ ob.initiateExpression = initiateExpression;
+ return ob;
+}());
+(function addPropertyDecorator() {
+
+ function getStaticValueAtTime() {
+ return this.pv;
+ }
+
+ function loopOut(type,duration,durationFlag){
+ if(!this.k || !this.keyframes){
+ return this.pv;
+ }
+ type = type ? type.toLowerCase() : '';
+ var currentFrame = this.comp.renderedFrame;
+ var keyframes = this.keyframes;
+ var lastKeyFrame = keyframes[keyframes.length - 1].t;
+ if(currentFrame<=lastKeyFrame){
+ return this.pv;
+ }else{
+ var cycleDuration, firstKeyFrame;
+ if(!durationFlag){
+ if(!duration || duration > keyframes.length - 1){
+ duration = keyframes.length - 1;
+ }
+ firstKeyFrame = keyframes[keyframes.length - 1 - duration].t;
+ cycleDuration = lastKeyFrame - firstKeyFrame;
+ } else {
+ if(!duration){
+ cycleDuration = Math.max(0,lastKeyFrame - this.elem.data.ip);
+ } else {
+ cycleDuration = Math.abs(lastKeyFrame - elem.comp.globalData.frameRate*duration);
+ }
+ firstKeyFrame = lastKeyFrame - cycleDuration;
+ }
+ var i, len, ret;
+ if(type === 'pingpong') {
+ var iterations = Math.floor((currentFrame - firstKeyFrame)/cycleDuration);
+ if(iterations % 2 !== 0){
+ return this.getValueAtTime(((cycleDuration - (currentFrame - firstKeyFrame) % cycleDuration + firstKeyFrame)) / this.comp.globalData.frameRate, 0);
+ }
+ } else if(type === 'offset'){
+ var initV = this.getValueAtTime(firstKeyFrame / this.comp.globalData.frameRate, 0);
+ var endV = this.getValueAtTime(lastKeyFrame / this.comp.globalData.frameRate, 0);
+ var current = this.getValueAtTime(((currentFrame - firstKeyFrame) % cycleDuration + firstKeyFrame) / this.comp.globalData.frameRate, 0);
+ var repeats = Math.floor((currentFrame - firstKeyFrame)/cycleDuration);
+ if(this.pv.length){
+ ret = new Array(initV.length);
+ len = ret.length;
+ for(i=0;i<len;i+=1){
+ ret[i] = (endV[i]-initV[i])*repeats + current[i];
+ }
+ return ret;
+ }
+ return (endV-initV)*repeats + current;
+ } else if(type === 'continue'){
+ var lastValue = this.getValueAtTime(lastKeyFrame / this.comp.globalData.frameRate, 0);
+ var nextLastValue = this.getValueAtTime((lastKeyFrame - 0.001) / this.comp.globalData.frameRate, 0);
+ if(this.pv.length){
+ ret = new Array(lastValue.length);
+ len = ret.length;
+ for(i=0;i<len;i+=1){
+ ret[i] = lastValue[i] + (lastValue[i]-nextLastValue[i])*((currentFrame - lastKeyFrame)/ this.comp.globalData.frameRate)/0.0005;
+ }
+ return ret;
+ }
+ return lastValue + (lastValue-nextLastValue)*(((currentFrame - lastKeyFrame))/0.001);
+ }
+ return this.getValueAtTime((((currentFrame - firstKeyFrame) % cycleDuration + firstKeyFrame)) / this.comp.globalData.frameRate, 0);
+ }
+ }
+
+ function loopIn(type,duration, durationFlag) {
+ if(!this.k){
+ return this.pv;
+ }
+ type = type ? type.toLowerCase() : '';
+ var currentFrame = this.comp.renderedFrame;
+ var keyframes = this.keyframes;
+ var firstKeyFrame = keyframes[0].t;
+ if(currentFrame>=firstKeyFrame){
+ return this.pv;
+ }else{
+ var cycleDuration, lastKeyFrame;
+ if(!durationFlag){
+ if(!duration || duration > keyframes.length - 1){
+ duration = keyframes.length - 1;
+ }
+ lastKeyFrame = keyframes[duration].t;
+ cycleDuration = lastKeyFrame - firstKeyFrame;
+ } else {
+ if(!duration){
+ cycleDuration = Math.max(0,this.elem.data.op - firstKeyFrame);
+ } else {
+ cycleDuration = Math.abs(elem.comp.globalData.frameRate*duration);
+ }
+ lastKeyFrame = firstKeyFrame + cycleDuration;
+ }
+ var i, len, ret;
+ if(type === 'pingpong') {
+ var iterations = Math.floor((firstKeyFrame - currentFrame)/cycleDuration);
+ if(iterations % 2 === 0){
+ return this.getValueAtTime((((firstKeyFrame - currentFrame)%cycleDuration + firstKeyFrame)) / this.comp.globalData.frameRate, 0);
+ }
+ } else if(type === 'offset'){
+ var initV = this.getValueAtTime(firstKeyFrame / this.comp.globalData.frameRate, 0);
+ var endV = this.getValueAtTime(lastKeyFrame / this.comp.globalData.frameRate, 0);
+ var current = this.getValueAtTime((cycleDuration - (firstKeyFrame - currentFrame)%cycleDuration + firstKeyFrame) / this.comp.globalData.frameRate, 0);
+ var repeats = Math.floor((firstKeyFrame - currentFrame)/cycleDuration)+1;
+ if(this.pv.length){
+ ret = new Array(initV.length);
+ len = ret.length;
+ for(i=0;i<len;i+=1){
+ ret[i] = current[i]-(endV[i]-initV[i])*repeats;
+ }
+ return ret;
+ }
+ return current-(endV-initV)*repeats;
+ } else if(type === 'continue'){
+ var firstValue = this.getValueAtTime(firstKeyFrame / this.comp.globalData.frameRate, 0);
+ var nextFirstValue = this.getValueAtTime((firstKeyFrame + 0.001) / this.comp.globalData.frameRate, 0);
+ if(this.pv.length){
+ ret = new Array(firstValue.length);
+ len = ret.length;
+ for(i=0;i<len;i+=1){
+ ret[i] = firstValue[i] + (firstValue[i]-nextFirstValue[i])*(firstKeyFrame - currentFrame)/0.001;
+ }
+ return ret;
+ }
+ return firstValue + (firstValue-nextFirstValue)*(firstKeyFrame - currentFrame)/0.001;
+ }
+ return this.getValueAtTime(((cycleDuration - (firstKeyFrame - currentFrame) % cycleDuration + firstKeyFrame)) / this.comp.globalData.frameRate, 0);
+ }
+ }
+
+ function getValueAtTime(frameNum) {
+ frameNum *= this.elem.globalData.frameRate;
+ frameNum -= this.offsetTime;
+ if(frameNum !== this._cachingAtTime.lastFrame) {
+ this._cachingAtTime.lastIndex = this._cachingAtTime.lastFrame < frameNum ? this._cachingAtTime.lastIndex : 0;
+ this._cachingAtTime.value = this.interpolateValue(frameNum, this._cachingAtTime);
+ this._cachingAtTime.lastFrame = frameNum;
+ }
+ return this._cachingAtTime.value;
+
+ }
+
+ function getSpeedAtTime(frameNum) {
+ var delta = -0.01;
+ var v1 = this.getValueAtTime(frameNum);
+ var v2 = this.getValueAtTime(frameNum + delta);
+ var speed = 0;
+ if(v1.length){
+ var i;
+ for(i=0;i<v1.length;i+=1){
+ speed += Math.pow(v2[i] - v1[i], 2);
+ }
+ speed = Math.sqrt(speed) * 100;
+ } else {
+ speed = 0;
+ }
+ return speed;
+ }
+
+ function getVelocityAtTime(frameNum) {
+ if(this.vel !== undefined){
+ return this.vel;
+ }
+ var delta = -0.001;
+ //frameNum += this.elem.data.st;
+ var v1 = this.getValueAtTime(frameNum);
+ var v2 = this.getValueAtTime(frameNum + delta);
+ var velocity;
+ if(v1.length){
+ velocity = createTypedArray('float32', v1.length);
+ var i;
+ for(i=0;i<v1.length;i+=1){
+ //removing frameRate
+ //if needed, don't add it here
+ //velocity[i] = this.elem.globalData.frameRate*((v2[i] - v1[i])/delta);
+ velocity[i] = (v2[i] - v1[i])/delta;
+ }
+ } else {
+ velocity = (v2 - v1)/delta;
+ }
+ return velocity;
+ }
+
+ function setGroupProperty(propertyGroup){
+ this.propertyGroup = propertyGroup;
+ }
+
+ function searchExpressions(elem,data,prop){
+ if(data.x){
+ prop.k = true;
+ prop.x = true;
+ prop.initiateExpression = ExpressionManager.initiateExpression;
+ prop.effectsSequence.push(prop.initiateExpression(elem,data,prop).bind(prop));
+ }
+ }
+
+ function getTransformValueAtTime(time) {
+ console.warn('Transform at time not supported');
+ }
+
+ function getTransformStaticValueAtTime(time) {
+
+ }
+
+ var TextExpressionSelectorProp = (function(){
+
+ function getValueProxy(index,total){
+ this.textIndex = index+1;
+ this.textTotal = total;
+ this.getValue();
+ return this.v;
+ }
+
+ return function TextExpressionSelectorProp(elem,data){
+ this.pv = 1;
+ this.comp = elem.comp;
+ this.elem = elem;
+ this.mult = 0.01;
+ this.propType = 'textSelector';
+ this.textTotal = data.totalChars;
+ this.selectorValue = 100;
+ this.lastValue = [1,1,1];
+ searchExpressions.bind(this)(elem,data,this);
+ this.getMult = getValueProxy;
+ this.getVelocityAtTime = getVelocityAtTime;
+ if(this.kf){
+ this.getValueAtTime = getValueAtTime.bind(this);
+ } else {
+ this.getValueAtTime = getStaticValueAtTime.bind(this);
+ }
+ this.setGroupProperty = setGroupProperty;
+ };
+ }());
+
+ var getTransformProperty = TransformPropertyFactory.getTransformProperty;
+ TransformPropertyFactory.getTransformProperty = function(elem, data, container) {
+ var prop = getTransformProperty(elem, data, container);
+ if(prop.dynamicProperties.length) {
+ prop.getValueAtTime = getTransformValueAtTime.bind(prop);
+ } else {
+ prop.getValueAtTime = getTransformStaticValueAtTime.bind(prop);
+ }
+ prop.setGroupProperty = setGroupProperty;
+ return prop;
+ };
+
+ var propertyGetProp = PropertyFactory.getProp;
+ PropertyFactory.getProp = function(elem,data,type, mult, container){
+ var prop = propertyGetProp(elem,data,type, mult, container);
+ //prop.getVelocityAtTime = getVelocityAtTime;
+ //prop.loopOut = loopOut;
+ //prop.loopIn = loopIn;
+ if(prop.kf){
+ prop.getValueAtTime = getValueAtTime.bind(prop);
+ } else {
+ prop.getValueAtTime = getStaticValueAtTime.bind(prop);
+ }
+ prop.setGroupProperty = setGroupProperty;
+ prop.loopOut = loopOut;
+ prop.loopIn = loopIn;
+ prop.getVelocityAtTime = getVelocityAtTime.bind(prop);
+ prop.getSpeedAtTime = getSpeedAtTime.bind(prop);
+ prop.numKeys = data.a === 1 ? data.k.length : 0;
+ prop.propertyIndex = data.ix;
+ var value = 0;
+ if(type !== 0) {
+ value = createTypedArray('float32', data.a === 1 ? data.k[0].s.length : data.k.length);
+ }
+ prop._cachingAtTime = {
+ lastFrame: initialDefaultFrame,
+ lastIndex: 0,
+ value: value
+ };
+ searchExpressions(elem,data,prop);
+ if(prop.k){
+ container.addDynamicProperty(prop);
+ }
+
+ return prop;
+ };
+
+ function getShapeValueAtTime(frameNum) {
+ //For now this caching object is created only when needed instead of creating it when the shape is initialized.
+ if (!this._cachingAtTime) {
+ this._cachingAtTime = {
+ shapeValue: shape_pool.clone(this.pv),
+ lastIndex: 0,
+ lastTime: initialDefaultFrame
+ };
+ }
+ if(frameNum !== this._cachingAtTime.lastTime) {
+ this._cachingAtTime.lastIndex = this._cachingAtTime.lastTime < frameNum ? this._caching.lastIndex : 0;
+ this._cachingAtTime.lastTime = frameNum;
+ frameNum *= this.elem.globalData.frameRate;
+ this.interpolateShape(frameNum, this._cachingAtTime.shapeValue, this._cachingAtTime);
+ }
+ return this._cachingAtTime.shapeValue;
+ }
+
+ var ShapePropertyConstructorFunction = ShapePropertyFactory.getConstructorFunction();
+ var KeyframedShapePropertyConstructorFunction = ShapePropertyFactory.getKeyframedConstructorFunction();
+
+ function ShapeExpressions(){}
+ ShapeExpressions.prototype = {
+ vertices: function(prop, time){
+ if (this.k) {
+ this.getValue();
+ }
+ var shapePath = this.v;
+ if(time !== undefined) {
+ shapePath = this.getValueAtTime(time, 0);
+ }
+ var i, len = shapePath._length;
+ var vertices = shapePath[prop];
+ var points = shapePath.v;
+ var arr = createSizedArray(len);
+ for(i = 0; i < len; i += 1) {
+ if(prop === 'i' || prop === 'o') {
+ arr[i] = [vertices[i][0] - points[i][0], vertices[i][1] - points[i][1]];
+ } else {
+ arr[i] = [vertices[i][0], vertices[i][1]];
+ }
+
+ }
+ return arr;
+ },
+ points: function(time){
+ return this.vertices('v', time);
+ },
+ inTangents: function(time){
+ return this.vertices('i', time);
+ },
+ outTangents: function(time){
+ return this.vertices('o', time);
+ },
+ isClosed: function(){
+ return this.v.c;
+ },
+ pointOnPath: function(perc, time){
+ var shapePath = this.v;
+ if(time !== undefined) {
+ shapePath = this.getValueAtTime(time, 0);
+ }
+ if(!this._segmentsLength) {
+ this._segmentsLength = bez.getSegmentsLength(shapePath);
+ }
+
+ var segmentsLength = this._segmentsLength;
+ var lengths = segmentsLength.lengths;
+ var lengthPos = segmentsLength.totalLength * perc;
+ var i = 0, len = lengths.length;
+ var j = 0, jLen;
+ var accumulatedLength = 0, pt;
+ while(i < len) {
+ if(accumulatedLength + lengths[i].addedLength > lengthPos) {
+ var initIndex = i;
+ var endIndex = (shapePath.c && i === len - 1) ? 0 : i + 1;
+ var segmentPerc = (lengthPos - accumulatedLength)/lengths[i].addedLength;
+ pt = bez.getPointInSegment(shapePath.v[initIndex], shapePath.v[endIndex], shapePath.o[initIndex], shapePath.i[endIndex], segmentPerc, lengths[i]);
+ break;
+ } else {
+ accumulatedLength += lengths[i].addedLength;
+ }
+ i += 1;
+ }
+ if(!pt){
+ pt = shapePath.c ? [shapePath.v[0][0],shapePath.v[0][1]]:[shapePath.v[shapePath._length-1][0],shapePath.v[shapePath._length-1][1]];
+ }
+ return pt;
+ },
+ vectorOnPath: function(perc, time, vectorType){
+ //perc doesn't use triple equality because it can be a Number object as well as a primitive.
+ perc = perc == 1 ? this.v.c ? 0 : 0.999 : perc;
+ var pt1 = this.pointOnPath(perc, time);
+ var pt2 = this.pointOnPath(perc + 0.001, time);
+ var xLength = pt2[0] - pt1[0];
+ var yLength = pt2[1] - pt1[1];
+ var magnitude = Math.sqrt(Math.pow(xLength,2) + Math.pow(yLength,2));
+ var unitVector = vectorType === 'tangent' ? [xLength/magnitude, yLength/magnitude] : [-yLength/magnitude, xLength/magnitude];
+ return unitVector;
+ },
+ tangentOnPath: function(perc, time){
+ return this.vectorOnPath(perc, time, 'tangent');
+ },
+ normalOnPath: function(perc, time){
+ return this.vectorOnPath(perc, time, 'normal');
+ },
+ setGroupProperty: setGroupProperty,
+ getValueAtTime: getStaticValueAtTime
+ };
+ extendPrototype([ShapeExpressions], ShapePropertyConstructorFunction);
+ extendPrototype([ShapeExpressions], KeyframedShapePropertyConstructorFunction);
+ KeyframedShapePropertyConstructorFunction.prototype.getValueAtTime = getShapeValueAtTime;
+ KeyframedShapePropertyConstructorFunction.prototype.initiateExpression = ExpressionManager.initiateExpression;
+
+ var propertyGetShapeProp = ShapePropertyFactory.getShapeProp;
+ ShapePropertyFactory.getShapeProp = function(elem,data,type, arr, trims){
+ var prop = propertyGetShapeProp(elem,data,type, arr, trims);
+ prop.propertyIndex = data.ix;
+ prop.lock = false;
+ if(type === 3){
+ searchExpressions(elem,data.pt,prop);
+ } else if(type === 4){
+ searchExpressions(elem,data.ks,prop);
+ }
+ if(prop.k){
+ elem.addDynamicProperty(prop);
+ }
+ return prop;
+ };
+
+ var propertyGetTextProp = TextSelectorProp.getTextSelectorProp;
+ TextSelectorProp.getTextSelectorProp = function(elem, data,arr){
+ if(data.t === 1){
+ return new TextExpressionSelectorProp(elem, data,arr);
+ } else {
+ return propertyGetTextProp(elem,data,arr);
+ }
+ };
+}());
+(function addDecorator() {
+
+ function searchExpressions(){
+ if(this.data.d.x){
+ this.calculateExpression = ExpressionManager.initiateExpression.bind(this)(this.elem,this.data.d,this);
+ this.addEffect(this.getExpressionValue.bind(this));
+ return true;
+ }
+ }
+
+ TextProperty.prototype.getExpressionValue = function(currentValue, text) {
+ var newValue = this.calculateExpression(text);
+ if(currentValue.t !== newValue) {
+ var newData = {};
+ this.copyData(newData, currentValue);
+ newData.t = newValue.toString();
+ newData.__complete = false;
+ return newData;
+ }
+ return currentValue;
+ }
+
+ TextProperty.prototype.searchProperty = function(){
+
+ var isKeyframed = this.searchKeyframes();
+ var hasExpressions = this.searchExpressions();
+ this.kf = isKeyframed || hasExpressions;
+ return this.kf;
+ };
+
+ TextProperty.prototype.searchExpressions = searchExpressions;
+
+}());
+var ShapeExpressionInterface = (function(){
+
+ function iterateElements(shapes,view, propertyGroup){
+ var arr = [];
+ var i, len = shapes ? shapes.length : 0;
+ for(i=0;i<len;i+=1){
+ if(shapes[i].ty == 'gr'){
+ arr.push(groupInterfaceFactory(shapes[i],view[i],propertyGroup));
+ }else if(shapes[i].ty == 'fl'){
+ arr.push(fillInterfaceFactory(shapes[i],view[i],propertyGroup));
+ }else if(shapes[i].ty == 'st'){
+ arr.push(strokeInterfaceFactory(shapes[i],view[i],propertyGroup));
+ }else if(shapes[i].ty == 'tm'){
+ arr.push(trimInterfaceFactory(shapes[i],view[i],propertyGroup));
+ }else if(shapes[i].ty == 'tr'){
+ //arr.push(transformInterfaceFactory(shapes[i],view[i],propertyGroup));
+ }else if(shapes[i].ty == 'el'){
+ arr.push(ellipseInterfaceFactory(shapes[i],view[i],propertyGroup));
+ }else if(shapes[i].ty == 'sr'){
+ arr.push(starInterfaceFactory(shapes[i],view[i],propertyGroup));
+ } else if(shapes[i].ty == 'sh'){
+ arr.push(pathInterfaceFactory(shapes[i],view[i],propertyGroup));
+ } else if(shapes[i].ty == 'rc'){
+ arr.push(rectInterfaceFactory(shapes[i],view[i],propertyGroup));
+ } else if(shapes[i].ty == 'rd'){
+ arr.push(roundedInterfaceFactory(shapes[i],view[i],propertyGroup));
+ } else if(shapes[i].ty == 'rp'){
+ arr.push(repeaterInterfaceFactory(shapes[i],view[i],propertyGroup));
+ }
+ }
+ return arr;
+ }
+
+ function contentsInterfaceFactory(shape,view, propertyGroup){
+ var interfaces;
+ var interfaceFunction = function _interfaceFunction(value){
+ var i = 0, len = interfaces.length;
+ while(i<len){
+ if(interfaces[i]._name === value || interfaces[i].mn === value || interfaces[i].propertyIndex === value || interfaces[i].ix === value || interfaces[i].ind === value){
+ return interfaces[i];
+ }
+ i+=1;
+ }
+ if(typeof value === 'number'){
+ return interfaces[value-1];
+ }
+ };
+ interfaceFunction.propertyGroup = function(val){
+ if(val === 1){
+ return interfaceFunction;
+ } else{
+ return propertyGroup(val-1);
+ }
+ };
+ interfaces = iterateElements(shape.it, view.it, interfaceFunction.propertyGroup);
+ interfaceFunction.numProperties = interfaces.length;
+ interfaceFunction.propertyIndex = shape.cix;
+ interfaceFunction._name = shape.nm;
+
+ return interfaceFunction;
+ }
+
+ function groupInterfaceFactory(shape,view, propertyGroup){
+ var interfaceFunction = function _interfaceFunction(value){
+ switch(value){
+ case 'ADBE Vectors Group':
+ case 'Contents':
+ case 2:
+ return interfaceFunction.content;
+ //Not necessary for now. Keeping them here in case a new case appears
+ //case 'ADBE Vector Transform Group':
+ //case 3:
+ default:
+ return interfaceFunction.transform;
+ }
+ };
+ interfaceFunction.propertyGroup = function(val){
+ if(val === 1){
+ return interfaceFunction;
+ } else{
+ return propertyGroup(val-1);
+ }
+ };
+ var content = contentsInterfaceFactory(shape,view,interfaceFunction.propertyGroup);
+ var transformInterface = transformInterfaceFactory(shape.it[shape.it.length - 1],view.it[view.it.length - 1],interfaceFunction.propertyGroup);
+ interfaceFunction.content = content;
+ interfaceFunction.transform = transformInterface;
+ Object.defineProperty(interfaceFunction, '_name', {
+ get: function(){
+ return shape.nm;
+ }
+ });
+ //interfaceFunction.content = interfaceFunction;
+ interfaceFunction.numProperties = shape.np;
+ interfaceFunction.propertyIndex = shape.ix;
+ interfaceFunction.nm = shape.nm;
+ interfaceFunction.mn = shape.mn;
+ return interfaceFunction;
+ }
+
+ function fillInterfaceFactory(shape,view,propertyGroup){
+ function interfaceFunction(val){
+ if(val === 'Color' || val === 'color'){
+ return interfaceFunction.color;
+ } else if(val === 'Opacity' || val === 'opacity'){
+ return interfaceFunction.opacity;
+ }
+ }
+ Object.defineProperties(interfaceFunction, {
+ 'color': {
+ get: ExpressionPropertyInterface(view.c)
+ },
+ 'opacity': {
+ get: ExpressionPropertyInterface(view.o)
+ },
+ '_name': { value: shape.nm },
+ 'mn': { value: shape.mn }
+ });
+
+ view.c.setGroupProperty(propertyGroup);
+ view.o.setGroupProperty(propertyGroup);
+ return interfaceFunction;
+ }
+
+ function strokeInterfaceFactory(shape,view,propertyGroup){
+ function _propertyGroup(val){
+ if(val === 1){
+ return ob;
+ } else{
+ return propertyGroup(val-1);
+ }
+ }
+ function _dashPropertyGroup(val){
+ if(val === 1){
+ return dashOb;
+ } else{
+ return _propertyGroup(val-1);
+ }
+ }
+ function addPropertyToDashOb(i) {
+ Object.defineProperty(dashOb, shape.d[i].nm, {
+ get: ExpressionPropertyInterface(view.d.dataProps[i].p)
+ });
+ }
+ var i, len = shape.d ? shape.d.length : 0;
+ var dashOb = {};
+ for (i = 0; i < len; i += 1) {
+ addPropertyToDashOb(i);
+ view.d.dataProps[i].p.setGroupProperty(_dashPropertyGroup);
+ }
+
+ function interfaceFunction(val){
+ if(val === 'Color' || val === 'color'){
+ return interfaceFunction.color;
+ } else if(val === 'Opacity' || val === 'opacity'){
+ return interfaceFunction.opacity;
+ } else if(val === 'Stroke Width' || val === 'stroke width'){
+ return interfaceFunction.strokeWidth;
+ }
+ }
+ Object.defineProperties(interfaceFunction, {
+ 'color': {
+ get: ExpressionPropertyInterface(view.c)
+ },
+ 'opacity': {
+ get: ExpressionPropertyInterface(view.o)
+ },
+ 'strokeWidth': {
+ get: ExpressionPropertyInterface(view.w)
+ },
+ 'dash': {
+ get: function() {
+ return dashOb;
+ }
+ },
+ '_name': { value: shape.nm },
+ 'mn': { value: shape.mn }
+ });
+
+ view.c.setGroupProperty(_propertyGroup);
+ view.o.setGroupProperty(_propertyGroup);
+ view.w.setGroupProperty(_propertyGroup);
+ return interfaceFunction;
+ }
+
+ function trimInterfaceFactory(shape,view,propertyGroup){
+ function _propertyGroup(val){
+ if(val == 1){
+ return interfaceFunction;
+ } else {
+ return propertyGroup(--val);
+ }
+ }
+ interfaceFunction.propertyIndex = shape.ix;
+
+ view.s.setGroupProperty(_propertyGroup);
+ view.e.setGroupProperty(_propertyGroup);
+ view.o.setGroupProperty(_propertyGroup);
+
+ function interfaceFunction(val){
+ if(val === shape.e.ix || val === 'End' || val === 'end'){
+ return interfaceFunction.end;
+ }
+ if(val === shape.s.ix){
+ return interfaceFunction.start;
+ }
+ if(val === shape.o.ix){
+ return interfaceFunction.offset;
+ }
+ }
+ interfaceFunction.propertyIndex = shape.ix;
+
+ Object.defineProperties(interfaceFunction, {
+ 'start': {
+ get: ExpressionPropertyInterface(view.s)
+ },
+ 'end': {
+ get: ExpressionPropertyInterface(view.e)
+ },
+ 'offset': {
+ get: ExpressionPropertyInterface(view.o)
+ },
+ '_name': { value: shape.nm }
+ });
+ interfaceFunction.mn = shape.mn;
+ return interfaceFunction;
+ }
+
+ function transformInterfaceFactory(shape,view,propertyGroup){
+ function _propertyGroup(val){
+ if(val == 1){
+ return interfaceFunction;
+ } else {
+ return propertyGroup(--val);
+ }
+ }
+ view.transform.mProps.o.setGroupProperty(_propertyGroup);
+ view.transform.mProps.p.setGroupProperty(_propertyGroup);
+ view.transform.mProps.a.setGroupProperty(_propertyGroup);
+ view.transform.mProps.s.setGroupProperty(_propertyGroup);
+ view.transform.mProps.r.setGroupProperty(_propertyGroup);
+ if(view.transform.mProps.sk){
+ view.transform.mProps.sk.setGroupProperty(_propertyGroup);
+ view.transform.mProps.sa.setGroupProperty(_propertyGroup);
+ }
+ view.transform.op.setGroupProperty(_propertyGroup);
+
+ function interfaceFunction(value){
+ if(shape.a.ix === value || value === 'Anchor Point'){
+ return interfaceFunction.anchorPoint;
+ }
+ if(shape.o.ix === value || value === 'Opacity'){
+ return interfaceFunction.opacity;
+ }
+ if(shape.p.ix === value || value === 'Position'){
+ return interfaceFunction.position;
+ }
+ if(shape.r.ix === value || value === 'Rotation' || value === 'ADBE Vector Rotation'){
+ return interfaceFunction.rotation;
+ }
+ if(shape.s.ix === value || value === 'Scale'){
+ return interfaceFunction.scale;
+ }
+ if(shape.sk && shape.sk.ix === value || value === 'Skew'){
+ return interfaceFunction.skew;
+ }
+ if(shape.sa && shape.sa.ix === value || value === 'Skew Axis'){
+ return interfaceFunction.skewAxis;
+ }
+
+ }
+ Object.defineProperties(interfaceFunction, {
+ 'opacity': {
+ get: ExpressionPropertyInterface(view.transform.mProps.o)
+ },
+ 'position': {
+ get: ExpressionPropertyInterface(view.transform.mProps.p)
+ },
+ 'anchorPoint': {
+ get: ExpressionPropertyInterface(view.transform.mProps.a)
+ },
+ 'scale': {
+ get: ExpressionPropertyInterface(view.transform.mProps.s)
+ },
+ 'rotation': {
+ get: ExpressionPropertyInterface(view.transform.mProps.r)
+ },
+ 'skew': {
+ get: ExpressionPropertyInterface(view.transform.mProps.sk)
+ },
+ 'skewAxis': {
+ get: ExpressionPropertyInterface(view.transform.mProps.sa)
+ },
+ '_name': { value: shape.nm }
+ });
+ interfaceFunction.ty = 'tr';
+ interfaceFunction.mn = shape.mn;
+ return interfaceFunction;
+ }
+
+ function ellipseInterfaceFactory(shape,view,propertyGroup){
+ function _propertyGroup(val){
+ if(val == 1){
+ return interfaceFunction;
+ } else {
+ return propertyGroup(--val);
+ }
+ }
+ interfaceFunction.propertyIndex = shape.ix;
+ var prop = view.sh.ty === 'tm' ? view.sh.prop : view.sh;
+ prop.s.setGroupProperty(_propertyGroup);
+ prop.p.setGroupProperty(_propertyGroup);
+ function interfaceFunction(value){
+ if(shape.p.ix === value){
+ return interfaceFunction.position;
+ }
+ if(shape.s.ix === value){
+ return interfaceFunction.size;
+ }
+ }
+
+ Object.defineProperties(interfaceFunction, {
+ 'size': {
+ get: ExpressionPropertyInterface(prop.s)
+ },
+ 'position': {
+ get: ExpressionPropertyInterface(prop.p)
+ },
+ '_name': { value: shape.nm }
+ });
+ interfaceFunction.mn = shape.mn;
+ return interfaceFunction;
+ }
+
+ function starInterfaceFactory(shape,view,propertyGroup){
+ function _propertyGroup(val){
+ if(val == 1){
+ return interfaceFunction;
+ } else {
+ return propertyGroup(--val);
+ }
+ }
+ var prop = view.sh.ty === 'tm' ? view.sh.prop : view.sh;
+ interfaceFunction.propertyIndex = shape.ix;
+ prop.or.setGroupProperty(_propertyGroup);
+ prop.os.setGroupProperty(_propertyGroup);
+ prop.pt.setGroupProperty(_propertyGroup);
+ prop.p.setGroupProperty(_propertyGroup);
+ prop.r.setGroupProperty(_propertyGroup);
+ if(shape.ir){
+ prop.ir.setGroupProperty(_propertyGroup);
+ prop.is.setGroupProperty(_propertyGroup);
+ }
+
+ function interfaceFunction(value){
+ if(shape.p.ix === value){
+ return interfaceFunction.position;
+ }
+ if(shape.r.ix === value){
+ return interfaceFunction.rotation;
+ }
+ if(shape.pt.ix === value){
+ return interfaceFunction.points;
+ }
+ if(shape.or.ix === value || 'ADBE Vector Star Outer Radius' === value){
+ return interfaceFunction.outerRadius;
+ }
+ if(shape.os.ix === value){
+ return interfaceFunction.outerRoundness;
+ }
+ if(shape.ir && (shape.ir.ix === value || 'ADBE Vector Star Inner Radius' === value)){
+ return interfaceFunction.innerRadius;
+ }
+ if(shape.is && shape.is.ix === value){
+ return interfaceFunction.innerRoundness;
+ }
+
+ }
+
+ Object.defineProperties(interfaceFunction, {
+ 'position': {
+ get: ExpressionPropertyInterface(prop.p)
+ },
+ 'rotation': {
+ get: ExpressionPropertyInterface(prop.r)
+ },
+ 'points': {
+ get: ExpressionPropertyInterface(prop.pt)
+ },
+ 'outerRadius': {
+ get: ExpressionPropertyInterface(prop.or)
+ },
+ 'outerRoundness': {
+ get: ExpressionPropertyInterface(prop.os)
+ },
+ 'innerRadius': {
+ get: ExpressionPropertyInterface(prop.ir)
+ },
+ 'innerRoundness': {
+ get: ExpressionPropertyInterface(prop.is)
+ },
+ '_name': { value: shape.nm }
+ });
+ interfaceFunction.mn = shape.mn;
+ return interfaceFunction;
+ }
+
+ function rectInterfaceFactory(shape,view,propertyGroup){
+ function _propertyGroup(val){
+ if(val == 1){
+ return interfaceFunction;
+ } else {
+ return propertyGroup(--val);
+ }
+ }
+ var prop = view.sh.ty === 'tm' ? view.sh.prop : view.sh;
+ interfaceFunction.propertyIndex = shape.ix;
+ prop.p.setGroupProperty(_propertyGroup);
+ prop.s.setGroupProperty(_propertyGroup);
+ prop.r.setGroupProperty(_propertyGroup);
+
+ function interfaceFunction(value){
+ if(shape.p.ix === value){
+ return interfaceFunction.position;
+ }
+ if(shape.r.ix === value){
+ return interfaceFunction.roundness;
+ }
+ if(shape.s.ix === value || value === 'Size' || value === 'ADBE Vector Rect Size'){
+ return interfaceFunction.size;
+ }
+
+ }
+ Object.defineProperties(interfaceFunction, {
+ 'position': {
+ get: ExpressionPropertyInterface(prop.p)
+ },
+ 'roundness': {
+ get: ExpressionPropertyInterface(prop.r)
+ },
+ 'size': {
+ get: ExpressionPropertyInterface(prop.s)
+ },
+ '_name': { value: shape.nm }
+ });
+ interfaceFunction.mn = shape.mn;
+ return interfaceFunction;
+ }
+
+ function roundedInterfaceFactory(shape,view,propertyGroup){
+ function _propertyGroup(val){
+ if(val == 1){
+ return interfaceFunction;
+ } else {
+ return propertyGroup(--val);
+ }
+ }
+ var prop = view;
+ interfaceFunction.propertyIndex = shape.ix;
+ prop.rd.setGroupProperty(_propertyGroup);
+
+ function interfaceFunction(value){
+ if(shape.r.ix === value || 'Round Corners 1' === value){
+ return interfaceFunction.radius;
+ }
+
+ }
+ Object.defineProperties(interfaceFunction, {
+ 'radius': {
+ get: ExpressionPropertyInterface(prop.rd)
+ },
+ '_name': { value: shape.nm }
+ });
+ interfaceFunction.mn = shape.mn;
+ return interfaceFunction;
+ }
+
+ function repeaterInterfaceFactory(shape,view,propertyGroup){
+ function _propertyGroup(val){
+ if(val == 1){
+ return interfaceFunction;
+ } else {
+ return propertyGroup(--val);
+ }
+ }
+ var prop = view;
+ interfaceFunction.propertyIndex = shape.ix;
+ prop.c.setGroupProperty(_propertyGroup);
+ prop.o.setGroupProperty(_propertyGroup);
+
+ function interfaceFunction(value){
+ if(shape.c.ix === value || 'Copies' === value){
+ return interfaceFunction.copies;
+ } else if(shape.o.ix === value || 'Offset' === value){
+ return interfaceFunction.offset;
+ }
+
+ }
+ Object.defineProperties(interfaceFunction, {
+ 'copies': {
+ get: ExpressionPropertyInterface(prop.c)
+ },
+ 'offset': {
+ get: ExpressionPropertyInterface(prop.o)
+ },
+ '_name': { value: shape.nm }
+ });
+ interfaceFunction.mn = shape.mn;
+ return interfaceFunction;
+ }
+
+ function pathInterfaceFactory(shape,view,propertyGroup){
+ var prop = view.sh;
+ function _propertyGroup(val){
+ if(val == 1){
+ return interfaceFunction;
+ } else {
+ return propertyGroup(--val);
+ }
+ }
+ prop.setGroupProperty(_propertyGroup);
+
+ function interfaceFunction(val){
+ if(val === 'Shape' || val === 'shape' || val === 'Path' || val === 'path' || val === 'ADBE Vector Shape' || val === 2){
+ return interfaceFunction.path;
+ }
+ }
+ Object.defineProperties(interfaceFunction, {
+ 'path': {
+ get: function(){
+ if(prop.k){
+ prop.getValue();
+ }
+ return prop;
+ }
+ },
+ 'shape': {
+ get: function(){
+ if(prop.k){
+ prop.getValue();
+ }
+ return prop;
+ }
+ },
+ '_name': { value: shape.nm },
+ 'ix': { value: shape.ix },
+ 'mn': { value: shape.mn }
+ });
+ return interfaceFunction;
+ }
+
+ return function(shapes,view,propertyGroup) {
+ var interfaces;
+ function _interfaceFunction(value){
+ if(typeof value === 'number'){
+ return interfaces[value-1];
+ } else {
+ var i = 0, len = interfaces.length;
+ while(i<len){
+ if(interfaces[i]._name === value){
+ return interfaces[i];
+ }
+ i+=1;
+ }
+ }
+ }
+ _interfaceFunction.propertyGroup = propertyGroup;
+ interfaces = iterateElements(shapes, view, _interfaceFunction);
+ return _interfaceFunction;
+ };
+}());
+
+var TextExpressionInterface = (function(){
+ return function(elem){
+ var _prevValue, _sourceText;
+ function _thisLayerFunction(){
+ }
+ Object.defineProperty(_thisLayerFunction, "sourceText", {
+ get: function(){
+ elem.textProperty.getValue()
+ var stringValue = elem.textProperty.currentData.t;
+ if(stringValue !== _prevValue) {
+ elem.textProperty.currentData.t = _prevValue;
+ _sourceText = new String(stringValue);
+ //If stringValue is an empty string, eval returns undefined, so it has to be returned as a String primitive
+ _sourceText.value = stringValue ? stringValue : new String(stringValue);
+ }
+ return _sourceText;
+ }
+ });
+ return _thisLayerFunction;
+ };
+}());
+var LayerExpressionInterface = (function (){
+ function toWorld(arr, time){
+ var toWorldMat = new Matrix();
+ toWorldMat.reset();
+ var transformMat;
+ if(time) {
+ //Todo implement value at time on transform properties
+ //transformMat = this._elem.finalTransform.mProp.getValueAtTime(time);
+ transformMat = this._elem.finalTransform.mProp;
+ } else {
+ transformMat = this._elem.finalTransform.mProp;
+ }
+ transformMat.applyToMatrix(toWorldMat);
+ if(this._elem.hierarchy && this._elem.hierarchy.length){
+ var i, len = this._elem.hierarchy.length;
+ for(i=0;i<len;i+=1){
+ this._elem.hierarchy[i].finalTransform.mProp.applyToMatrix(toWorldMat);
+ }
+ return toWorldMat.applyToPointArray(arr[0],arr[1],arr[2]||0);
+ }
+ return toWorldMat.applyToPointArray(arr[0],arr[1],arr[2]||0);
+ }
+ function fromWorld(arr, time){
+ var toWorldMat = new Matrix();
+ toWorldMat.reset();
+ var transformMat;
+ if(time) {
+ //Todo implement value at time on transform properties
+ //transformMat = this._elem.finalTransform.mProp.getValueAtTime(time);
+ transformMat = this._elem.finalTransform.mProp;
+ } else {
+ transformMat = this._elem.finalTransform.mProp;
+ }
+ transformMat.applyToMatrix(toWorldMat);
+ if(this._elem.hierarchy && this._elem.hierarchy.length){
+ var i, len = this._elem.hierarchy.length;
+ for(i=0;i<len;i+=1){
+ this._elem.hierarchy[i].finalTransform.mProp.applyToMatrix(toWorldMat);
+ }
+ return toWorldMat.inversePoint(arr);
+ }
+ return toWorldMat.inversePoint(arr);
+ }
+ function fromComp(arr){
+ var toWorldMat = new Matrix();
+ toWorldMat.reset();
+ this._elem.finalTransform.mProp.applyToMatrix(toWorldMat);
+ if(this._elem.hierarchy && this._elem.hierarchy.length){
+ var i, len = this._elem.hierarchy.length;
+ for(i=0;i<len;i+=1){
+ this._elem.hierarchy[i].finalTransform.mProp.applyToMatrix(toWorldMat);
+ }
+ return toWorldMat.inversePoint(arr);
+ }
+ return toWorldMat.inversePoint(arr);
+ }
+
+ function sampleImage() {
+ return [1,1,1,1];
+ }
+
+
+ return function(elem){
+
+ var transformInterface;
+
+ function _registerMaskInterface(maskManager){
+ _thisLayerFunction.mask = new MaskManagerInterface(maskManager, elem);
+ }
+ function _registerEffectsInterface(effects){
+ _thisLayerFunction.effect = effects;
+ }
+
+ function _thisLayerFunction(name){
+ switch(name){
+ case "ADBE Root Vectors Group":
+ case "Contents":
+ case 2:
+ return _thisLayerFunction.shapeInterface;
+ case 1:
+ case 6:
+ case "Transform":
+ case "transform":
+ case "ADBE Transform Group":
+ return transformInterface;
+ case 4:
+ case "ADBE Effect Parade":
+ case "effects":
+ case "Effects":
+ return _thisLayerFunction.effect;
+ }
+ }
+ _thisLayerFunction.toWorld = toWorld;
+ _thisLayerFunction.fromWorld = fromWorld;
+ _thisLayerFunction.toComp = toWorld;
+ _thisLayerFunction.fromComp = fromComp;
+ _thisLayerFunction.sampleImage = sampleImage;
+ _thisLayerFunction.sourceRectAtTime = elem.sourceRectAtTime.bind(elem);
+ _thisLayerFunction._elem = elem;
+ transformInterface = TransformExpressionInterface(elem.finalTransform.mProp);
+ var anchorPointDescriptor = getDescriptor(transformInterface, 'anchorPoint');
+ Object.defineProperties(_thisLayerFunction,{
+ hasParent: {
+ get: function(){
+ return elem.hierarchy.length;
+ }
+ },
+ parent: {
+ get: function(){
+ return elem.hierarchy[0].layerInterface;
+ }
+ },
+ rotation: getDescriptor(transformInterface, 'rotation'),
+ scale: getDescriptor(transformInterface, 'scale'),
+ position: getDescriptor(transformInterface, 'position'),
+ opacity: getDescriptor(transformInterface, 'opacity'),
+ anchorPoint: anchorPointDescriptor,
+ anchor_point: anchorPointDescriptor,
+ transform: {
+ get: function () {
+ return transformInterface;
+ }
+ },
+ active: {
+ get: function(){
+ return elem.isInRange;
+ }
+ }
+ });
+
+ _thisLayerFunction.startTime = elem.data.st;
+ _thisLayerFunction.index = elem.data.ind;
+ _thisLayerFunction.source = elem.data.refId;
+ _thisLayerFunction.height = elem.data.ty === 0 ? elem.data.h : 100;
+ _thisLayerFunction.width = elem.data.ty === 0 ? elem.data.w : 100;
+ _thisLayerFunction.inPoint = elem.data.ip/elem.comp.globalData.frameRate;
+ _thisLayerFunction.outPoint = elem.data.op/elem.comp.globalData.frameRate;
+ _thisLayerFunction._name = elem.data.nm;
+
+ _thisLayerFunction.registerMaskInterface = _registerMaskInterface;
+ _thisLayerFunction.registerEffectsInterface = _registerEffectsInterface;
+ return _thisLayerFunction;
+ };
+}());
+
+var CompExpressionInterface = (function (){
+ return function(comp){
+ function _thisLayerFunction(name){
+ var i=0, len = comp.layers.length;
+ while(i<len){
+ if(comp.layers[i].nm === name || comp.layers[i].ind === name){
+ return comp.elements[i].layerInterface;
+ }
+ i += 1;
+ }
+ return null;
+ //return {active:false};
+ }
+ Object.defineProperty(_thisLayerFunction, "_name", { value:comp.data.nm });
+ _thisLayerFunction.layer = _thisLayerFunction;
+ _thisLayerFunction.pixelAspect = 1;
+ _thisLayerFunction.height = comp.data.h || comp.globalData.compSize.h;
+ _thisLayerFunction.width = comp.data.w || comp.globalData.compSize.w;
+ _thisLayerFunction.pixelAspect = 1;
+ _thisLayerFunction.frameDuration = 1/comp.globalData.frameRate;
+ _thisLayerFunction.displayStartTime = 0;
+ _thisLayerFunction.numLayers = comp.layers.length;
+ return _thisLayerFunction;
+ };
+}());
+var TransformExpressionInterface = (function (){
+ return function(transform){
+ function _thisFunction(name){
+ switch(name){
+ case "scale":
+ case "Scale":
+ case "ADBE Scale":
+ case 6:
+ return _thisFunction.scale;
+ case "rotation":
+ case "Rotation":
+ case "ADBE Rotation":
+ case "ADBE Rotate Z":
+ case 10:
+ return _thisFunction.rotation;
+ case "ADBE Rotate X":
+ return _thisFunction.xRotation;
+ case "ADBE Rotate Y":
+ return _thisFunction.yRotation;
+ case "position":
+ case "Position":
+ case "ADBE Position":
+ case 2:
+ return _thisFunction.position;
+ case 'ADBE Position_0':
+ return _thisFunction.xPosition;
+ case 'ADBE Position_1':
+ return _thisFunction.yPosition;
+ case 'ADBE Position_2':
+ return _thisFunction.zPosition;
+ case "anchorPoint":
+ case "AnchorPoint":
+ case "Anchor Point":
+ case "ADBE AnchorPoint":
+ case 1:
+ return _thisFunction.anchorPoint;
+ case "opacity":
+ case "Opacity":
+ case 11:
+ return _thisFunction.opacity;
+ }
+ }
+
+ Object.defineProperty(_thisFunction, "rotation", {
+ get: ExpressionPropertyInterface(transform.r || transform.rz)
+ });
+
+ Object.defineProperty(_thisFunction, "zRotation", {
+ get: ExpressionPropertyInterface(transform.rz || transform.r)
+ });
+
+ Object.defineProperty(_thisFunction, "xRotation", {
+ get: ExpressionPropertyInterface(transform.rx)
+ });
+
+ Object.defineProperty(_thisFunction, "yRotation", {
+ get: ExpressionPropertyInterface(transform.ry)
+ });
+ Object.defineProperty(_thisFunction, "scale", {
+ get: ExpressionPropertyInterface(transform.s)
+ });
+
+ if(transform.p) {
+ var _transformFactory = ExpressionPropertyInterface(transform.p);
+ }
+ Object.defineProperty(_thisFunction, "position", {
+ get: function () {
+ if(transform.p) {
+ return _transformFactory();
+ } else {
+ return [transform.px.v, transform.py.v, transform.pz ? transform.pz.v : 0];
+ }
+ }
+ });
+
+ Object.defineProperty(_thisFunction, "xPosition", {
+ get: ExpressionPropertyInterface(transform.px)
+ });
+
+ Object.defineProperty(_thisFunction, "yPosition", {
+ get: ExpressionPropertyInterface(transform.py)
+ });
+
+ Object.defineProperty(_thisFunction, "zPosition", {
+ get: ExpressionPropertyInterface(transform.pz)
+ });
+
+ Object.defineProperty(_thisFunction, "anchorPoint", {
+ get: ExpressionPropertyInterface(transform.a)
+ });
+
+ Object.defineProperty(_thisFunction, "opacity", {
+ get: ExpressionPropertyInterface(transform.o)
+ });
+
+ Object.defineProperty(_thisFunction, "skew", {
+ get: ExpressionPropertyInterface(transform.sk)
+ });
+
+ Object.defineProperty(_thisFunction, "skewAxis", {
+ get: ExpressionPropertyInterface(transform.sa)
+ });
+
+ Object.defineProperty(_thisFunction, "orientation", {
+ get: ExpressionPropertyInterface(transform.or)
+ });
+
+ return _thisFunction;
+ };
+}());
+var ProjectInterface = (function (){
+
+ function registerComposition(comp){
+ this.compositions.push(comp);
+ }
+
+ return function(){
+ function _thisProjectFunction(name){
+ var i = 0, len = this.compositions.length;
+ while(i<len){
+ if(this.compositions[i].data && this.compositions[i].data.nm === name){
+ if(this.compositions[i].prepareFrame && this.compositions[i].data.xt) {
+ this.compositions[i].prepareFrame(this.currentFrame);
+ }
+ return this.compositions[i].compInterface;
+ }
+ i+=1;
+ }
+ }
+
+ _thisProjectFunction.compositions = [];
+ _thisProjectFunction.currentFrame = 0;
+
+ _thisProjectFunction.registerComposition = registerComposition;
+
+
+
+ return _thisProjectFunction;
+ };
+}());
+var EffectsExpressionInterface = (function (){
+ var ob = {
+ createEffectsInterface: createEffectsInterface
+ };
+
+ function createEffectsInterface(elem, propertyGroup){
+ if(elem.effectsManager){
+
+ var effectElements = [];
+ var effectsData = elem.data.ef;
+ var i, len = elem.effectsManager.effectElements.length;
+ for(i=0;i<len;i+=1){
+ effectElements.push(createGroupInterface(effectsData[i],elem.effectsManager.effectElements[i],propertyGroup,elem));
+ }
+
+ return function(name){
+ var effects = elem.data.ef || [], i = 0, len = effects.length;
+ while(i<len) {
+ if(name === effects[i].nm || name === effects[i].mn || name === effects[i].ix){
+ return effectElements[i];
+ }
+ i += 1;
+ }
+ };
+ }
+ }
+
+ function createGroupInterface(data,elements, propertyGroup, elem){
+ var effectElements = [];
+ var i, len = data.ef.length;
+ for(i=0;i<len;i+=1){
+ if(data.ef[i].ty === 5){
+ effectElements.push(createGroupInterface(data.ef[i],elements.effectElements[i],elements.effectElements[i].propertyGroup, elem));
+ } else {
+ effectElements.push(createValueInterface(elements.effectElements[i],data.ef[i].ty, elem, _propertyGroup));
+ }
+ }
+
+ function _propertyGroup(val) {
+ if(val === 1){
+ return groupInterface;
+ } else{
+ return propertyGroup(val-1);
+ }
+ }
+
+ var groupInterface = function(name){
+ var effects = data.ef, i = 0, len = effects.length;
+ while(i<len) {
+ if(name === effects[i].nm || name === effects[i].mn || name === effects[i].ix){
+ if(effects[i].ty === 5){
+ return effectElements[i];
+ } else {
+ return effectElements[i]();
+ }
+ }
+ i += 1;
+ }
+ return effectElements[0]();
+ };
+
+ groupInterface.propertyGroup = _propertyGroup;
+
+ if(data.mn === 'ADBE Color Control'){
+ Object.defineProperty(groupInterface, 'color', {
+ get: function(){
+ return effectElements[0]();
+ }
+ });
+ }
+ Object.defineProperty(groupInterface, 'numProperties', {
+ get: function(){
+ return data.np;
+ }
+ });
+ groupInterface.active = groupInterface.enabled = data.en !== 0;
+ return groupInterface;
+ }
+
+ function createValueInterface(element, type, elem, propertyGroup){
+ var expressionProperty = ExpressionPropertyInterface(element.p);
+ function interfaceFunction(){
+ if(type === 10){
+ return elem.comp.compInterface(element.p.v);
+ }
+ return expressionProperty();
+ }
+
+ if(element.p.setGroupProperty) {
+ element.p.setGroupProperty(propertyGroup);
+ }
+
+ return interfaceFunction;
+ }
+
+ return ob;
+
+}());
+var MaskManagerInterface = (function(){
+
+ function MaskInterface(mask, data){
+ this._mask = mask;
+ this._data = data;
+ }
+ Object.defineProperty(MaskInterface.prototype, 'maskPath', {
+ get: function(){
+ if(this._mask.prop.k){
+ this._mask.prop.getValue();
+ }
+ return this._mask.prop;
+ }
+ });
+
+ var MaskManager = function(maskManager, elem){
+ var _maskManager = maskManager;
+ var _elem = elem;
+ var _masksInterfaces = createSizedArray(maskManager.viewData.length);
+ var i, len = maskManager.viewData.length;
+ for(i = 0; i < len; i += 1) {
+ _masksInterfaces[i] = new MaskInterface(maskManager.viewData[i], maskManager.masksProperties[i]);
+ }
+
+ var maskFunction = function(name){
+ i = 0;
+ while(i<len){
+ if(maskManager.masksProperties[i].nm === name){
+ return _masksInterfaces[i];
+ }
+ i += 1;
+ }
+ };
+ return maskFunction;
+ };
+ return MaskManager;
+}());
+
+var ExpressionPropertyInterface = (function() {
+
+ var defaultUnidimensionalValue = {pv:0, v:0, mult: 1}
+ var defaultMultidimensionalValue = {pv:[0,0,0], v:[0,0,0], mult: 1}
+
+ function completeProperty(expressionValue, property, type) {
+ Object.defineProperty(expressionValue, 'velocity', {
+ get: function(){
+ return property.getVelocityAtTime(property.comp.currentFrame);
+ }
+ });
+ expressionValue.numKeys = property.keyframes ? property.keyframes.length : 0;
+ expressionValue.key = function(pos) {
+ if (!expressionValue.numKeys) {
+ return 0;
+ } else {
+ var value = '';
+ if ('s' in property.keyframes[pos-1]) {
+ value = property.keyframes[pos-1].s;
+ } else if ('e' in property.keyframes[pos-2]) {
+ value = property.keyframes[pos-2].e;
+ } else {
+ value = property.keyframes[pos-2].s;
+ }
+ var valueProp = type === 'unidimensional' ? new Number(value) : Object.assign({}, value);
+ valueProp.time = property.keyframes[pos-1].t / property.elem.comp.globalData.frameRate;
+ return valueProp;
+ }
+ };
+ expressionValue.valueAtTime = property.getValueAtTime;
+ expressionValue.speedAtTime = property.getSpeedAtTime;
+ expressionValue.velocityAtTime = property.getVelocityAtTime;
+ expressionValue.propertyGroup = property.propertyGroup;
+ }
+
+ function UnidimensionalPropertyInterface(property) {
+ if(!property || !('pv' in property)) {
+ property = defaultUnidimensionalValue;
+ }
+ var mult = 1 / property.mult;
+ var val = property.pv * mult;
+ var expressionValue = new Number(val);
+ expressionValue.value = val;
+ completeProperty(expressionValue, property, 'unidimensional');
+
+ return function() {
+ if (property.k) {
+ property.getValue();
+ }
+ val = property.v * mult;
+ if(expressionValue.value !== val) {
+ expressionValue = new Number(val);
+ expressionValue.value = val;
+ completeProperty(expressionValue, property, 'unidimensional');
+ }
+ return expressionValue;
+ }
+ }
+
+ function MultidimensionalPropertyInterface(property) {
+ if(!property || !('pv' in property)) {
+ property = defaultMultidimensionalValue;
+ }
+ var mult = 1 / property.mult;
+ var len = property.pv.length;
+ var expressionValue = createTypedArray('float32', len);
+ var arrValue = createTypedArray('float32', len);
+ expressionValue.value = arrValue;
+ completeProperty(expressionValue, property, 'multidimensional');
+
+ return function() {
+ if (property.k) {
+ property.getValue();
+ }
+ for (var i = 0; i < len; i += 1) {
+ expressionValue[i] = arrValue[i] = property.v[i] * mult;
+ }
+ return expressionValue;
+ }
+ }
+
+ //TODO: try to avoid using this getter
+ function defaultGetter() {
+ return defaultUnidimensionalValue;
+ }
+
+ return function(property) {
+ if(!property) {
+ return defaultGetter;
+ } else if (property.propType === 'unidimensional') {
+ return UnidimensionalPropertyInterface(property);
+ } else {
+ return MultidimensionalPropertyInterface(property);
+ }
+ }
+}())
+
+function SliderEffect(data,elem, container){
+ this.p = PropertyFactory.getProp(elem,data.v,0,0,container);
+}
+function AngleEffect(data,elem, container){
+ this.p = PropertyFactory.getProp(elem,data.v,0,0,container);
+}
+function ColorEffect(data,elem, container){
+ this.p = PropertyFactory.getProp(elem,data.v,1,0,container);
+}
+function PointEffect(data,elem, container){
+ this.p = PropertyFactory.getProp(elem,data.v,1,0,container);
+}
+function LayerIndexEffect(data,elem, container){
+ this.p = PropertyFactory.getProp(elem,data.v,0,0,container);
+}
+function MaskIndexEffect(data,elem, container){
+ this.p = PropertyFactory.getProp(elem,data.v,0,0,container);
+}
+function CheckboxEffect(data,elem, container){
+ this.p = PropertyFactory.getProp(elem,data.v,0,0,container);
+}
+function NoValueEffect(){
+ this.p = {};
+}
+function EffectsManager(){}
+function EffectsManager(data,element){
+ var effects = data.ef || [];
+ this.effectElements = [];
+ var i,len = effects.length;
+ var effectItem;
+ for(i=0;i<len;i++) {
+ effectItem = new GroupEffect(effects[i],element);
+ this.effectElements.push(effectItem);
+ }
+}
+
+function GroupEffect(data,element){
+ this.init(data,element);
+}
+
+extendPrototype([DynamicPropertyContainer], GroupEffect);
+
+GroupEffect.prototype.getValue = GroupEffect.prototype.iterateDynamicProperties;
+
+GroupEffect.prototype.init = function(data,element){
+ this.data = data;
+ this.effectElements = [];
+ this.initDynamicPropertyContainer(element);
+ var i, len = this.data.ef.length;
+ var eff, effects = this.data.ef;
+ for(i=0;i<len;i+=1){
+ eff = null;
+ switch(effects[i].ty){
+ case 0:
+ eff = new SliderEffect(effects[i],element,this);
+ break;
+ case 1:
+ eff = new AngleEffect(effects[i],element,this);
+ break;
+ case 2:
+ eff = new ColorEffect(effects[i],element,this);
+ break;
+ case 3:
+ eff = new PointEffect(effects[i],element,this);
+ break;
+ case 4:
+ case 7:
+ eff = new CheckboxEffect(effects[i],element,this);
+ break;
+ case 10:
+ eff = new LayerIndexEffect(effects[i],element,this);
+ break;
+ case 11:
+ eff = new MaskIndexEffect(effects[i],element,this);
+ break;
+ case 5:
+ eff = new EffectsManager(effects[i],element,this);
+ break;
+ //case 6:
+ default:
+ eff = new NoValueEffect(effects[i],element,this);
+ break;
+ }
+ if(eff) {
+ this.effectElements.push(eff);
+ }
+ }
+};
+
+ var lottiejs = {};
+
+ var _isFrozen = false;
+
+ function setLocationHref (href) {
+ locationHref = href;
+ }
+
+ function searchAnimations() {
+ if (standalone === true) {
+ animationManager.searchAnimations(animationData, standalone, renderer);
+ } else {
+ animationManager.searchAnimations();
+ }
+ }
+
+ function setSubframeRendering(flag) {
+ subframeEnabled = flag;
+ }
+
+ function loadAnimation(params) {
+ if (standalone === true) {
+ params.animationData = JSON.parse(animationData);
+ }
+ return animationManager.loadAnimation(params);
+ }
+
+ function setQuality(value) {
+ if (typeof value === 'string') {
+ switch (value) {
+ case 'high':
+ defaultCurveSegments = 200;
+ break;
+ case 'medium':
+ defaultCurveSegments = 50;
+ break;
+ case 'low':
+ defaultCurveSegments = 10;
+ break;
+ }
+ } else if (!isNaN(value) && value > 1) {
+ defaultCurveSegments = value;
+ }
+ if (defaultCurveSegments >= 50) {
+ roundValues(false);
+ } else {
+ roundValues(true);
+ }
+ }
+
+ function inBrowser() {
+ return typeof navigator !== 'undefined';
+ }
+
+ function installPlugin(type, plugin) {
+ if (type === 'expressions') {
+ expressionsPlugin = plugin;
+ }
+ }
+
+ function getFactory(name) {
+ switch (name) {
+ case "propertyFactory":
+ return PropertyFactory;
+ case "shapePropertyFactory":
+ return ShapePropertyFactory;
+ case "matrix":
+ return Matrix;
+ }
+ }
+
+ lottiejs.play = animationManager.play;
+ lottiejs.pause = animationManager.pause;
+ lottiejs.setLocationHref = setLocationHref;
+ lottiejs.togglePause = animationManager.togglePause;
+ lottiejs.setSpeed = animationManager.setSpeed;
+ lottiejs.setDirection = animationManager.setDirection;
+ lottiejs.stop = animationManager.stop;
+ lottiejs.searchAnimations = searchAnimations;
+ lottiejs.registerAnimation = animationManager.registerAnimation;
+ lottiejs.loadAnimation = loadAnimation;
+ lottiejs.setSubframeRendering = setSubframeRendering;
+ lottiejs.resize = animationManager.resize;
+ //lottiejs.start = start;
+ lottiejs.goToAndStop = animationManager.goToAndStop;
+ lottiejs.destroy = animationManager.destroy;
+ lottiejs.setQuality = setQuality;
+ lottiejs.inBrowser = inBrowser;
+ lottiejs.installPlugin = installPlugin;
+ lottiejs.freeze = animationManager.freeze;
+ lottiejs.unfreeze = animationManager.unfreeze;
+ lottiejs.getRegisteredAnimations = animationManager.getRegisteredAnimations;
+ lottiejs.__getFactory = getFactory;
+ lottiejs.version = '5.4.2';
+
+ function checkReady() {
+ if (document.readyState === "complete") {
+ clearInterval(readyStateCheckInterval);
+ searchAnimations();
+ }
+ }
+
+ function getQueryVariable(variable) {
+ var vars = queryString.split('&');
+ for (var i = 0; i < vars.length; i++) {
+ var pair = vars[i].split('=');
+ if (decodeURIComponent(pair[0]) == variable) {
+ return decodeURIComponent(pair[1]);
+ }
+ }
+ }
+ var standalone = '__[STANDALONE]__';
+ var animationData = '__[ANIMATIONDATA]__';
+ var renderer = '';
+ if (standalone) {
+ var scripts = document.getElementsByTagName('script');
+ var index = scripts.length - 1;
+ var myScript = scripts[index] || {
+ src: ''
+ };
+ var queryString = myScript.src.replace(/^[^\?]+\??/, '');
+ renderer = getQueryVariable('renderer');
+ }
+ var readyStateCheckInterval = setInterval(checkReady, 100);
+ return lottiejs;
+}));
diff --git a/build/player/lottie_canvas.min.js b/build/player/lottie_canvas.min.js
new file mode 100644
index 0000000..6fcd911
--- /dev/null
+++ b/build/player/lottie_canvas.min.js
@@ -0,0 +1 @@
+var a,b;"undefined"!=typeof navigator&&(a=window||{},b=function(window){"use strict";var svgNS="http://www.w3.org/2000/svg",locationHref="",initialDefaultFrame=-999999,subframeEnabled=!0,expressionsPlugin,isSafari=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),cachedColors={},bm_rounder=Math.round,bm_rnd,bm_pow=Math.pow,bm_sqrt=Math.sqrt,bm_abs=Math.abs,bm_floor=Math.floor,bm_max=Math.max,bm_min=Math.min,blitter=10,BMMath={};function ProjectInterface(){return{}}!function(){var t,e=Object.getOwnPropertyNames(Math),r=e.length;for(t=0;t<r;t+=1)BMMath[e[t]]=Math[e[t]]}(),BMMath.random=Math.random,BMMath.abs=function(t){if("object"===typeof t&&t.length){var e,r=createSizedArray(t.length),i=t.length;for(e=0;e<i;e+=1)r[e]=Math.abs(t[e]);return r}return Math.abs(t)};var defaultCurveSegments=150,degToRads=Math.PI/180,roundCorner=.5519;function roundValues(t){bm_rnd=t?Math.round:function(t){return t}}function styleDiv(t){t.style.position="absolute",t.style.top=0,t.style.left=0,t.style.display="block",t.style.transformOrigin=t.style.webkitTransformOrigin="0 0",t.style.backfaceVisibility=t.style.webkitBackfaceVisibility="visible",t.style.transformStyle=t.style.webkitTransformStyle=t.style.mozTransformStyle="preserve-3d"}function BMEnterFrameEvent(t,e,r,i){this.type=t,this.currentTime=e,this.totalTime=r,this.direction=i<0?-1:1}function BMCompleteEvent(t,e){this.type=t,this.direction=e<0?-1:1}function BMCompleteLoopEvent(t,e,r,i){this.type=t,this.currentLoop=r,this.totalLoops=e,this.direction=i<0?-1:1}function BMSegmentStartEvent(t,e,r){this.type=t,this.firstFrame=e,this.totalFrames=r}function BMDestroyEvent(t,e){this.type=t,this.target=e}function randomString(t,e){var r;void 0===e&&(e="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890");var i="";for(r=t;0<r;--r)i+=e[Math.round(Math.random()*(e.length-1))];return i}function HSVtoRGB(t,e,r){var i,s,a,n,o,h,p,l;switch(h=r*(1-e),p=r*(1-(o=6*t-(n=Math.floor(6*t)))*e),l=r*(1-(1-o)*e),n%6){case 0:i=r,s=l,a=h;break;case 1:i=p,s=r,a=h;break;case 2:i=h,s=r,a=l;break;case 3:i=h,s=p,a=r;break;case 4:i=l,s=h,a=r;break;case 5:i=r,s=h,a=p}return[i,s,a]}function RGBtoHSV(t,e,r){var i,s=Math.max(t,e,r),a=Math.min(t,e,r),n=s-a,o=0===s?0:n/s,h=s/255;switch(s){case a:i=0;break;case t:i=e-r+n*(e<r?6:0),i/=6*n;break;case e:i=r-t+2*n,i/=6*n;break;case r:i=t-e+4*n,i/=6*n}return[i,o,h]}function addSaturationToRGB(t,e){var r=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return r[1]+=e,1<r[1]?r[1]=1:r[1]<=0&&(r[1]=0),HSVtoRGB(r[0],r[1],r[2])}function addBrightnessToRGB(t,e){var r=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return r[2]+=e,1<r[2]?r[2]=1:r[2]<0&&(r[2]=0),HSVtoRGB(r[0],r[1],r[2])}function addHueToRGB(t,e){var r=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return r[0]+=e/360,1<r[0]?r[0]-=1:r[0]<0&&(r[0]+=1),HSVtoRGB(r[0],r[1],r[2])}roundValues(!1);var rgbToHex=function(){var t,e,i=[];for(t=0;t<256;t+=1)e=t.toString(16),i[t]=1==e.length?"0"+e:e;return function(t,e,r){return t<0&&(t=0),e<0&&(e=0),r<0&&(r=0),"#"+i[t]+i[e]+i[r]}}();function BaseEvent(){}BaseEvent.prototype={triggerEvent:function(t,e){if(this._cbs[t])for(var r=this._cbs[t].length,i=0;i<r;i++)this._cbs[t][i](e)},addEventListener:function(t,e){return this._cbs[t]||(this._cbs[t]=[]),this._cbs[t].push(e),function(){this.removeEventListener(t,e)}.bind(this)},removeEventListener:function(t,e){if(e){if(this._cbs[t]){for(var r=0,i=this._cbs[t].length;r<i;)this._cbs[t][r]===e&&(this._cbs[t].splice(r,1),r-=1,i-=1),r+=1;this._cbs[t].length||(this._cbs[t]=null)}}else this._cbs[t]=null}};var createTypedArray="function"==typeof Uint8ClampedArray&&"function"==typeof Float32Array?function(t,e){return"float32"===t?new Float32Array(e):"int16"===t?new Int16Array(e):"uint8c"===t?new Uint8ClampedArray(e):void 0}:function(t,e){var r,i=0,s=[];switch(t){case"int16":case"uint8c":r=1;break;default:r=1.1}for(i=0;i<e;i+=1)s.push(r);return s};function createSizedArray(t){return Array.apply(null,{length:t})}function createTag(t){return document.createElement(t)}function DynamicPropertyContainer(){}DynamicPropertyContainer.prototype={addDynamicProperty:function(t){-1===this.dynamicProperties.indexOf(t)&&(this.dynamicProperties.push(t),this.container.addDynamicProperty(this),this._isAnimated=!0)},iterateDynamicProperties:function(){this._mdf=!1;var t,e=this.dynamicProperties.length;for(t=0;t<e;t+=1)this.dynamicProperties[t].getValue(),this.dynamicProperties[t]._mdf&&(this._mdf=!0)},initDynamicPropertyContainer:function(t){this.container=t,this.dynamicProperties=[],this._mdf=!1,this._isAnimated=!1}};var Matrix=function(){var s=Math.cos,a=Math.sin,n=Math.tan,i=Math.round;function t(){return this.props[0]=1,this.props[1]=0,this.props[2]=0,this.props[3]=0,this.props[4]=0,this.props[5]=1,this.props[6]=0,this.props[7]=0,this.props[8]=0,this.props[9]=0,this.props[10]=1,this.props[11]=0,this.props[12]=0,this.props[13]=0,this.props[14]=0,this.props[15]=1,this}function e(t){if(0===t)return this;var e=s(t),r=a(t);return this._t(e,-r,0,0,r,e,0,0,0,0,1,0,0,0,0,1)}function r(t){if(0===t)return this;var e=s(t),r=a(t);return this._t(1,0,0,0,0,e,-r,0,0,r,e,0,0,0,0,1)}function o(t){if(0===t)return this;var e=s(t),r=a(t);return this._t(e,0,r,0,0,1,0,0,-r,0,e,0,0,0,0,1)}function h(t){if(0===t)return this;var e=s(t),r=a(t);return this._t(e,-r,0,0,r,e,0,0,0,0,1,0,0,0,0,1)}function p(t,e){return this._t(1,e,t,1,0,0)}function l(t,e){return this.shear(n(t),n(e))}function f(t,e){var r=s(e),i=a(e);return this._t(r,i,0,0,-i,r,0,0,0,0,1,0,0,0,0,1)._t(1,0,0,0,n(t),1,0,0,0,0,1,0,0,0,0,1)._t(r,-i,0,0,i,r,0,0,0,0,1,0,0,0,0,1)}function m(t,e,r){return r||0===r||(r=1),1===t&&1===e&&1===r?this:this._t(t,0,0,0,0,e,0,0,0,0,r,0,0,0,0,1)}function c(t,e,r,i,s,a,n,o,h,p,l,f,m,c,d,u){return this.props[0]=t,this.props[1]=e,this.props[2]=r,this.props[3]=i,this.props[4]=s,this.props[5]=a,this.props[6]=n,this.props[7]=o,this.props[8]=h,this.props[9]=p,this.props[10]=l,this.props[11]=f,this.props[12]=m,this.props[13]=c,this.props[14]=d,this.props[15]=u,this}function d(t,e,r){return r=r||0,0!==t||0!==e||0!==r?this._t(1,0,0,0,0,1,0,0,0,0,1,0,t,e,r,1):this}function u(t,e,r,i,s,a,n,o,h,p,l,f,m,c,d,u){var y=this.props;if(1===t&&0===e&&0===r&&0===i&&0===s&&1===a&&0===n&&0===o&&0===h&&0===p&&1===l&&0===f)return y[12]=y[12]*t+y[15]*m,y[13]=y[13]*a+y[15]*c,y[14]=y[14]*l+y[15]*d,y[15]=y[15]*u,this._identityCalculated=!1,this;var g=y[0],v=y[1],P=y[2],b=y[3],x=y[4],_=y[5],S=y[6],T=y[7],C=y[8],E=y[9],A=y[10],k=y[11],D=y[12],M=y[13],I=y[14],w=y[15];return y[0]=g*t+v*s+P*h+b*m,y[1]=g*e+v*a+P*p+b*c,y[2]=g*r+v*n+P*l+b*d,y[3]=g*i+v*o+P*f+b*u,y[4]=x*t+_*s+S*h+T*m,y[5]=x*e+_*a+S*p+T*c,y[6]=x*r+_*n+S*l+T*d,y[7]=x*i+_*o+S*f+T*u,y[8]=C*t+E*s+A*h+k*m,y[9]=C*e+E*a+A*p+k*c,y[10]=C*r+E*n+A*l+k*d,y[11]=C*i+E*o+A*f+k*u,y[12]=D*t+M*s+I*h+w*m,y[13]=D*e+M*a+I*p+w*c,y[14]=D*r+M*n+I*l+w*d,y[15]=D*i+M*o+I*f+w*u,this._identityCalculated=!1,this}function y(){return this._identityCalculated||(this._identity=!(1!==this.props[0]||0!==this.props[1]||0!==this.props[2]||0!==this.props[3]||0!==this.props[4]||1!==this.props[5]||0!==this.props[6]||0!==this.props[7]||0!==this.props[8]||0!==this.props[9]||1!==this.props[10]||0!==this.props[11]||0!==this.props[12]||0!==this.props[13]||0!==this.props[14]||1!==this.props[15]),this._identityCalculated=!0),this._identity}function g(t){for(var e=0;e<16;){if(t.props[e]!==this.props[e])return!1;e+=1}return!0}function v(t){var e;for(e=0;e<16;e+=1)t.props[e]=this.props[e]}function P(t){var e;for(e=0;e<16;e+=1)this.props[e]=t[e]}function b(t,e,r){return{x:t*this.props[0]+e*this.props[4]+r*this.props[8]+this.props[12],y:t*this.props[1]+e*this.props[5]+r*this.props[9]+this.props[13],z:t*this.props[2]+e*this.props[6]+r*this.props[10]+this.props[14]}}function x(t,e,r){return t*this.props[0]+e*this.props[4]+r*this.props[8]+this.props[12]}function _(t,e,r){return t*this.props[1]+e*this.props[5]+r*this.props[9]+this.props[13]}function S(t,e,r){return t*this.props[2]+e*this.props[6]+r*this.props[10]+this.props[14]}function T(t){var e=this.props[0]*this.props[5]-this.props[1]*this.props[4],r=this.props[5]/e,i=-this.props[1]/e,s=-this.props[4]/e,a=this.props[0]/e,n=(this.props[4]*this.props[13]-this.props[5]*this.props[12])/e,o=-(this.props[0]*this.props[13]-this.props[1]*this.props[12])/e;return[t[0]*r+t[1]*s+n,t[0]*i+t[1]*a+o,0]}function C(t){var e,r=t.length,i=[];for(e=0;e<r;e+=1)i[e]=T(t[e]);return i}function E(t,e,r){var i=createTypedArray("float32",6);if(this.isIdentity())i[0]=t[0],i[1]=t[1],i[2]=e[0],i[3]=e[1],i[4]=r[0],i[5]=r[1];else{var s=this.props[0],a=this.props[1],n=this.props[4],o=this.props[5],h=this.props[12],p=this.props[13];i[0]=t[0]*s+t[1]*n+h,i[1]=t[0]*a+t[1]*o+p,i[2]=e[0]*s+e[1]*n+h,i[3]=e[0]*a+e[1]*o+p,i[4]=r[0]*s+r[1]*n+h,i[5]=r[0]*a+r[1]*o+p}return i}function A(t,e,r){return this.isIdentity()?[t,e,r]:[t*this.props[0]+e*this.props[4]+r*this.props[8]+this.props[12],t*this.props[1]+e*this.props[5]+r*this.props[9]+this.props[13],t*this.props[2]+e*this.props[6]+r*this.props[10]+this.props[14]]}function k(t,e){if(this.isIdentity())return t+","+e;var r=this.props;return Math.round(100*(t*r[0]+e*r[4]+r[12]))/100+","+Math.round(100*(t*r[1]+e*r[5]+r[13]))/100}function D(){for(var t=0,e=this.props,r="matrix3d(";t<16;)r+=i(1e4*e[t])/1e4,r+=15===t?")":",",t+=1;return r}function M(t){return t<1e-6&&0<t||-1e-6<t&&t<0?i(1e4*t)/1e4:t}function I(){var t=this.props;return"matrix("+M(t[0])+","+M(t[1])+","+M(t[4])+","+M(t[5])+","+M(t[12])+","+M(t[13])+")"}return function(){this.reset=t,this.rotate=e,this.rotateX=r,this.rotateY=o,this.rotateZ=h,this.skew=l,this.skewFromAxis=f,this.shear=p,this.scale=m,this.setTransform=c,this.translate=d,this.transform=u,this.applyToPoint=b,this.applyToX=x,this.applyToY=_,this.applyToZ=S,this.applyToPointArray=A,this.applyToTriplePoints=E,this.applyToPointStringified=k,this.toCSS=D,this.to2dCSS=I,this.clone=v,this.cloneFromProps=P,this.equals=g,this.inversePoints=C,this.inversePoint=T,this._t=this.transform,this.isIdentity=y,this._identity=!0,this._identityCalculated=!1,this.props=createTypedArray("float32",16),this.reset()}}();!function(o,h){var p,l=this,f=256,m=6,c="random",d=h.pow(f,m),u=h.pow(2,52),y=2*u,g=f-1;function v(t){var e,r=t.length,n=this,i=0,s=n.i=n.j=0,a=n.S=[];for(r||(t=[r++]);i<f;)a[i]=i++;for(i=0;i<f;i++)a[i]=a[s=g&s+t[i%r]+(e=a[i])],a[s]=e;n.g=function(t){for(var e,r=0,i=n.i,s=n.j,a=n.S;t--;)e=a[i=g&i+1],r=r*f+a[g&(a[i]=a[s=g&s+e])+(a[s]=e)];return n.i=i,n.j=s,r}}function P(t,e){return e.i=t.i,e.j=t.j,e.S=t.S.slice(),e}function b(t,e){for(var r,i=t+"",s=0;s<i.length;)e[g&s]=g&(r^=19*e[g&s])+i.charCodeAt(s++);return x(e)}function x(t){return String.fromCharCode.apply(0,t)}h["seed"+c]=function(t,e,r){var i=[],s=b(function t(e,r){var i,s=[],a=typeof e;if(r&&"object"==a)for(i in e)try{s.push(t(e[i],r-1))}catch(t){}return s.length?s:"string"==a?e:e+"\0"}((e=!0===e?{entropy:!0}:e||{}).entropy?[t,x(o)]:null===t?function(){try{if(p)return x(p.randomBytes(f));var t=new Uint8Array(f);return(l.crypto||l.msCrypto).getRandomValues(t),x(t)}catch(t){var e=l.navigator,r=e&&e.plugins;return[+new Date,l,r,l.screen,x(o)]}}():t,3),i),a=new v(i),n=function(){for(var t=a.g(m),e=d,r=0;t<u;)t=(t+r)*f,e*=f,r=a.g(1);for(;y<=t;)t/=2,e/=2,r>>>=1;return(t+r)/e};return n.int32=function(){return 0|a.g(4)},n.quick=function(){return a.g(4)/4294967296},n.double=n,b(x(a.S),o),(e.pass||r||function(t,e,r,i){return i&&(i.S&&P(i,a),t.state=function(){return P(a,{})}),r?(h[c]=t,e):t})(n,s,"global"in e?e.global:this==h,e.state)},b(h.random(),o)}([],BMMath);var BezierFactory=function(){var t={getBezierEasing:function(t,e,r,i,s){var a=s||("bez_"+t+"_"+e+"_"+r+"_"+i).replace(/\./g,"p");if(o[a])return o[a];var n=new h([t,e,r,i]);return o[a]=n}},o={};var p=11,l=1/(p-1),e="function"==typeof Float32Array;function i(t,e){return 1-3*e+3*t}function s(t,e){return 3*e-6*t}function a(t){return 3*t}function f(t,e,r){return((i(e,r)*t+s(e,r))*t+a(e))*t}function m(t,e,r){return 3*i(e,r)*t*t+2*s(e,r)*t+a(e)}function h(t){this._p=t,this._mSampleValues=e?new Float32Array(p):new Array(p),this._precomputed=!1,this.get=this.get.bind(this)}return h.prototype={get:function(t){var e=this._p[0],r=this._p[1],i=this._p[2],s=this._p[3];return this._precomputed||this._precompute(),e===r&&i===s?t:0===t?0:1===t?1:f(this._getTForX(t),r,s)},_precompute:function(){var t=this._p[0],e=this._p[1],r=this._p[2],i=this._p[3];this._precomputed=!0,t===e&&r===i||this._calcSampleValues()},_calcSampleValues:function(){for(var t=this._p[0],e=this._p[2],r=0;r<p;++r)this._mSampleValues[r]=f(r*l,t,e)},_getTForX:function(t){for(var e=this._p[0],r=this._p[2],i=this._mSampleValues,s=0,a=1,n=p-1;a!==n&&i[a]<=t;++a)s+=l;var o=s+(t-i[--a])/(i[a+1]-i[a])*l,h=m(o,e,r);return.001<=h?function(t,e,r,i){for(var s=0;s<4;++s){var a=m(e,r,i);if(0===a)return e;e-=(f(e,r,i)-t)/a}return e}(t,o,e,r):0===h?o:function(t,e,r,i,s){for(var a,n,o=0;0<(a=f(n=e+(r-e)/2,i,s)-t)?r=n:e=n,1e-7<Math.abs(a)&&++o<10;);return n}(t,s,s+l,e,r)}},t}();function extendPrototype(t,e){var r,i,s=t.length;for(r=0;r<s;r+=1)for(var a in i=t[r].prototype)i.hasOwnProperty(a)&&(e.prototype[a]=i[a])}function getDescriptor(t,e){return Object.getOwnPropertyDescriptor(t,e)}function createProxyFunction(t){function e(){}return e.prototype=t,e}function bezFunction(){Math;function g(t,e,r,i,s,a){var n=t*i+e*s+r*a-s*i-a*t-r*e;return-.001<n&&n<.001}var l=function(t,e,r,i){var s,a,n,o,h,p,l=defaultCurveSegments,f=0,m=[],c=[],d=bezier_length_pool.newElement();for(n=r.length,s=0;s<l;s+=1){for(h=s/(l-1),a=p=0;a<n;a+=1)o=bm_pow(1-h,3)*t[a]+3*bm_pow(1-h,2)*h*r[a]+3*(1-h)*bm_pow(h,2)*i[a]+bm_pow(h,3)*e[a],m[a]=o,null!==c[a]&&(p+=bm_pow(m[a]-c[a],2)),c[a]=m[a];p&&(f+=p=bm_sqrt(p)),d.percents[s]=h,d.lengths[s]=f}return d.addedLength=f,d};function v(t){this.segmentLength=0,this.points=new Array(t)}function P(t,e){this.partialLength=t,this.point=e}var b,t=(b={},function(t){var e=t.s,r=t.e,i=t.to,s=t.ti,a=(e[0]+"_"+e[1]+"_"+r[0]+"_"+r[1]+"_"+i[0]+"_"+i[1]+"_"+s[0]+"_"+s[1]).replace(/\./g,"p");if(b[a])t.bezierData=b[a];else{var n,o,h,p,l,f,m,c=defaultCurveSegments,d=0,u=null;2===e.length&&(e[0]!=r[0]||e[1]!=r[1])&&g(e[0],e[1],r[0],r[1],e[0]+i[0],e[1]+i[1])&&g(e[0],e[1],r[0],r[1],r[0]+s[0],r[1]+s[1])&&(c=2);var y=new v(c);for(h=i.length,n=0;n<c;n+=1){for(m=createSizedArray(h),l=n/(c-1),o=f=0;o<h;o+=1)p=bm_pow(1-l,3)*e[o]+3*bm_pow(1-l,2)*l*(e[o]+i[o])+3*(1-l)*bm_pow(l,2)*(r[o]+s[o])+bm_pow(l,3)*r[o],m[o]=p,null!==u&&(f+=bm_pow(m[o]-u[o],2));d+=f=bm_sqrt(f),y.points[n]=new P(f,m),u=m}y.segmentLength=d,t.bezierData=y,b[a]=y}});function D(t,e){var r=e.percents,i=e.lengths,s=r.length,a=bm_floor((s-1)*t),n=t*e.addedLength,o=0;if(a===s-1||0===a||n===i[a])return r[a];for(var h=i[a]>n?-1:1,p=!0;p;)if(i[a]<=n&&i[a+1]>n?(o=(n-i[a])/(i[a+1]-i[a]),p=!1):a+=h,a<0||s-1<=a){if(a===s-1)return r[a];p=!1}return r[a]+(r[a+1]-r[a])*o}var M=createTypedArray("float32",8);return{getSegmentsLength:function(t){var e,r=segments_length_pool.newElement(),i=t.c,s=t.v,a=t.o,n=t.i,o=t._length,h=r.lengths,p=0;for(e=0;e<o-1;e+=1)h[e]=l(s[e],s[e+1],a[e],n[e+1]),p+=h[e].addedLength;return i&&o&&(h[e]=l(s[e],s[0],a[e],n[0]),p+=h[e].addedLength),r.totalLength=p,r},getNewSegment:function(t,e,r,i,s,a,n){var o,h=D(s=s<0?0:1<s?1:s,n),p=D(a=1<a?1:a,n),l=t.length,f=1-h,m=1-p,c=f*f*f,d=h*f*f*3,u=h*h*f*3,y=h*h*h,g=f*f*m,v=h*f*m+f*h*m+f*f*p,P=h*h*m+f*h*p+h*f*p,b=h*h*p,x=f*m*m,_=h*m*m+f*p*m+f*m*p,S=h*p*m+f*p*p+h*m*p,T=h*p*p,C=m*m*m,E=p*m*m+m*p*m+m*m*p,A=p*p*m+m*p*p+p*m*p,k=p*p*p;for(o=0;o<l;o+=1)M[4*o]=Math.round(1e3*(c*t[o]+d*r[o]+u*i[o]+y*e[o]))/1e3,M[4*o+1]=Math.round(1e3*(g*t[o]+v*r[o]+P*i[o]+b*e[o]))/1e3,M[4*o+2]=Math.round(1e3*(x*t[o]+_*r[o]+S*i[o]+T*e[o]))/1e3,M[4*o+3]=Math.round(1e3*(C*t[o]+E*r[o]+A*i[o]+k*e[o]))/1e3;return M},getPointInSegment:function(t,e,r,i,s,a){var n=D(s,a),o=1-n;return[Math.round(1e3*(o*o*o*t[0]+(n*o*o+o*n*o+o*o*n)*r[0]+(n*n*o+o*n*n+n*o*n)*i[0]+n*n*n*e[0]))/1e3,Math.round(1e3*(o*o*o*t[1]+(n*o*o+o*n*o+o*o*n)*r[1]+(n*n*o+o*n*n+n*o*n)*i[1]+n*n*n*e[1]))/1e3]},buildBezierData:t,pointOnLine2D:g,pointOnLine3D:function(t,e,r,i,s,a,n,o,h){if(0===r&&0===a&&0===h)return g(t,e,i,s,n,o);var p,l=Math.sqrt(Math.pow(i-t,2)+Math.pow(s-e,2)+Math.pow(a-r,2)),f=Math.sqrt(Math.pow(n-t,2)+Math.pow(o-e,2)+Math.pow(h-r,2)),m=Math.sqrt(Math.pow(n-i,2)+Math.pow(o-s,2)+Math.pow(h-a,2));return-1e-4<(p=f<l?m<l?l-f-m:m-f-l:f<m?m-f-l:f-l-m)&&p<1e-4}}}!function(){for(var a=0,t=["ms","moz","webkit","o"],e=0;e<t.length&&!window.requestAnimationFrame;++e)window.requestAnimationFrame=window[t[e]+"RequestAnimationFrame"],window.cancelAnimationFrame=window[t[e]+"CancelAnimationFrame"]||window[t[e]+"CancelRequestAnimationFrame"];window.requestAnimationFrame||(window.requestAnimationFrame=function(t,e){var r=(new Date).getTime(),i=Math.max(0,16-(r-a)),s=setTimeout(function(){t(r+i)},i);return a=r+i,s}),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(t){clearTimeout(t)})}();var bez=bezFunction();function dataFunctionManager(){function c(t,e){for(var r=0,i=e.length;r<i;){if(e[r].id===t)return e[r].layers.__used?JSON.parse(JSON.stringify(e[r].layers)):(e[r].layers.__used=!0,e[r].layers);r+=1}}function d(t){var e,r,i;for(e=t.length-1;0<=e;e-=1)if("sh"==t[e].ty){if(t[e].ks.k.i)u(t[e].ks.k);else for(i=t[e].ks.k.length,r=0;r<i;r+=1)t[e].ks.k[r].s&&u(t[e].ks.k[r].s[0]),t[e].ks.k[r].e&&u(t[e].ks.k[r].e[0]);!0}else"gr"==t[e].ty&&d(t[e].it)}function u(t){var e,r=t.i.length;for(e=0;e<r;e+=1)t.i[e][0]+=t.v[e][0],t.i[e][1]+=t.v[e][1],t.o[e][0]+=t.v[e][0],t.o[e][1]+=t.v[e][1]}function o(t,e){var r=e?e.split("."):[100,100,100];return t[0]>r[0]||!(r[0]>t[0])&&(t[1]>r[1]||!(r[1]>t[1])&&(t[2]>r[2]||!(r[2]>t[2])&&void 0))}var h,r=function(){var i=[4,4,14];function s(t){var e,r,i,s=t.length;for(e=0;e<s;e+=1)5===t[e].ty&&(r=t[e],void 0,i=r.t.d,r.t.d={k:[{s:i,t:0}]})}return function(t){if(o(i,t.v)&&(s(t.layers),t.assets)){var e,r=t.assets.length;for(e=0;e<r;e+=1)t.assets[e].layers&&s(t.assets[e].layers)}}}(),i=(h=[4,7,99],function(t){if(t.chars&&!o(h,t.v)){var e,r,i,s,a,n=t.chars.length;for(e=0;e<n;e+=1)if(t.chars[e].data&&t.chars[e].data.shapes)for(i=(a=t.chars[e].data.shapes[0].it).length,r=0;r<i;r+=1)(s=a[r].ks.k).__converted||(u(a[r].ks.k),s.__converted=!0)}}),s=function(){var i=[4,1,9];function a(t){var e,r,i,s=t.length;for(e=0;e<s;e+=1)if("gr"===t[e].ty)a(t[e].it);else if("fl"===t[e].ty||"st"===t[e].ty)if(t[e].c.k&&t[e].c.k[0].i)for(i=t[e].c.k.length,r=0;r<i;r+=1)t[e].c.k[r].s&&(t[e].c.k[r].s[0]/=255,t[e].c.k[r].s[1]/=255,t[e].c.k[r].s[2]/=255,t[e].c.k[r].s[3]/=255),t[e].c.k[r].e&&(t[e].c.k[r].e[0]/=255,t[e].c.k[r].e[1]/=255,t[e].c.k[r].e[2]/=255,t[e].c.k[r].e[3]/=255);else t[e].c.k[0]/=255,t[e].c.k[1]/=255,t[e].c.k[2]/=255,t[e].c.k[3]/=255}function s(t){var e,r=t.length;for(e=0;e<r;e+=1)4===t[e].ty&&a(t[e].shapes)}return function(t){if(o(i,t.v)&&(s(t.layers),t.assets)){var e,r=t.assets.length;for(e=0;e<r;e+=1)t.assets[e].layers&&s(t.assets[e].layers)}}}(),a=function(){var i=[4,4,18];function p(t){var e,r,i;for(e=t.length-1;0<=e;e-=1)if("sh"==t[e].ty){if(t[e].ks.k.i)t[e].ks.k.c=t[e].closed;else for(i=t[e].ks.k.length,r=0;r<i;r+=1)t[e].ks.k[r].s&&(t[e].ks.k[r].s[0].c=t[e].closed),t[e].ks.k[r].e&&(t[e].ks.k[r].e[0].c=t[e].closed);!0}else"gr"==t[e].ty&&p(t[e].it)}function s(t){var e,r,i,s,a,n,o=t.length;for(r=0;r<o;r+=1){if((e=t[r]).hasMask){var h=e.masksProperties;for(s=h.length,i=0;i<s;i+=1)if(h[i].pt.k.i)h[i].pt.k.c=h[i].cl;else for(n=h[i].pt.k.length,a=0;a<n;a+=1)h[i].pt.k[a].s&&(h[i].pt.k[a].s[0].c=h[i].cl),h[i].pt.k[a].e&&(h[i].pt.k[a].e[0].c=h[i].cl)}4===e.ty&&p(e.shapes)}}return function(t){if(o(i,t.v)&&(s(t.layers),t.assets)){var e,r=t.assets.length;for(e=0;e<r;e+=1)t.assets[e].layers&&s(t.assets[e].layers)}}}();var t={};return t.completeData=function(t,e){t.__complete||(s(t),r(t),i(t),a(t),function t(e,r,i){var s,a,n,o,h,p,l,f=e.length;for(a=0;a<f;a+=1)if("ks"in(s=e[a])&&!s.completed){if(s.completed=!0,s.tt&&(e[a-1].td=s.tt),s.hasMask){var m=s.masksProperties;for(o=m.length,n=0;n<o;n+=1)if(m[n].pt.k.i)u(m[n].pt.k);else for(p=m[n].pt.k.length,h=0;h<p;h+=1)m[n].pt.k[h].s&&u(m[n].pt.k[h].s[0]),m[n].pt.k[h].e&&u(m[n].pt.k[h].e[0])}0===s.ty?(s.layers=c(s.refId,r),t(s.layers,r,i)):4===s.ty?d(s.shapes):5==s.ty&&(0!==(l=s).t.a.length||"m"in l.t.p||(l.singleShape=!0))}}(t.layers,t.assets,e),t.__complete=!0)},t}var dataManager=dataFunctionManager(),FontManager=function(){var a={w:0,size:0,shapes:[]},t=[];function u(t,e){var r=createTag("span");r.style.fontFamily=e;var i=createTag("span");i.innerHTML="giItT1WQy@!-/#",r.style.position="absolute",r.style.left="-10000px",r.style.top="-10000px",r.style.fontSize="300px",r.style.fontVariant="normal",r.style.fontStyle="normal",r.style.fontWeight="normal",r.style.letterSpacing="0",r.appendChild(i),document.body.appendChild(r);var s=i.offsetWidth;return i.style.fontFamily=t+", "+e,{node:i,w:s,parent:r}}t=t.concat([2304,2305,2306,2307,2362,2363,2364,2364,2366,2367,2368,2369,2370,2371,2372,2373,2374,2375,2376,2377,2378,2379,2380,2381,2382,2383,2387,2388,2389,2390,2391,2402,2403]);var e=function(){this.fonts=[],this.chars=null,this.typekitLoaded=0,this.isLoaded=!1,this.initTime=Date.now()};return e.getCombinedCharacterCodes=function(){return t},e.prototype.addChars=function(t){if(t){this.chars||(this.chars=[]);var e,r,i,s=t.length,a=this.chars.length;for(e=0;e<s;e+=1){for(r=0,i=!1;r<a;)this.chars[r].style===t[e].style&&this.chars[r].fFamily===t[e].fFamily&&this.chars[r].ch===t[e].ch&&(i=!0),r+=1;i||(this.chars.push(t[e]),a+=1)}}},e.prototype.addFonts=function(t,e){if(t){if(this.chars)return this.isLoaded=!0,void(this.fonts=t.list);var r,i,s,a,n=t.list,o=n.length,h=o;for(r=0;r<o;r+=1){var p,l,f=!0;if(n[r].loaded=!1,n[r].monoCase=u(n[r].fFamily,"monospace"),n[r].sansCase=u(n[r].fFamily,"sans-serif"),n[r].fPath){if("p"===n[r].fOrigin||3===n[r].origin){if(0<(p=document.querySelectorAll('style[f-forigin="p"][f-family="'+n[r].fFamily+'"], style[f-origin="3"][f-family="'+n[r].fFamily+'"]')).length&&(f=!1),f){var m=createTag("style");m.setAttribute("f-forigin",n[r].fOrigin),m.setAttribute("f-origin",n[r].origin),m.setAttribute("f-family",n[r].fFamily),m.type="text/css",m.innerHTML="@font-face {font-family: "+n[r].fFamily+"; font-style: normal; src: url('"+n[r].fPath+"');}",e.appendChild(m)}}else if("g"===n[r].fOrigin||1===n[r].origin){for(p=document.querySelectorAll('link[f-forigin="g"], link[f-origin="1"]'),l=0;l<p.length;l++)-1!==p[l].href.indexOf(n[r].fPath)&&(f=!1);if(f){var c=createTag("link");c.setAttribute("f-forigin",n[r].fOrigin),c.setAttribute("f-origin",n[r].origin),c.type="text/css",c.rel="stylesheet",c.href=n[r].fPath,document.body.appendChild(c)}}else if("t"===n[r].fOrigin||2===n[r].origin){for(p=document.querySelectorAll('script[f-forigin="t"], script[f-origin="2"]'),l=0;l<p.length;l++)n[r].fPath===p[l].src&&(f=!1);if(f){var d=createTag("link");d.setAttribute("f-forigin",n[r].fOrigin),d.setAttribute("f-origin",n[r].origin),d.setAttribute("rel","stylesheet"),d.setAttribute("href",n[r].fPath),e.appendChild(d)}}}else n[r].loaded=!0,h-=1;n[r].helper=(i=e,s=n[r],a=void 0,(a=createNS("text")).style.fontSize="100px",a.setAttribute("font-family",s.fFamily),a.setAttribute("font-style",s.fStyle),a.setAttribute("font-weight",s.fWeight),a.textContent="1",s.fClass?(a.style.fontFamily="inherit",a.className=s.fClass):a.style.fontFamily=s.fFamily,i.appendChild(a),createTag("canvas").getContext("2d").font=s.fWeight+" "+s.fStyle+" 100px "+s.fFamily,a),n[r].cache={},this.fonts.push(n[r])}0===h?this.isLoaded=!0:setTimeout(this.checkLoadedFonts.bind(this),100)}else this.isLoaded=!0},e.prototype.getCharData=function(t,e,r){for(var i=0,s=this.chars.length;i<s;){if(this.chars[i].ch===t&&this.chars[i].style===e&&this.chars[i].fFamily===r)return this.chars[i];i+=1}return console&&console.warn&&console.warn("Missing character from exported characters list: ",t,e,r),a},e.prototype.getFontByName=function(t){for(var e=0,r=this.fonts.length;e<r;){if(this.fonts[e].fName===t)return this.fonts[e];e+=1}return this.fonts[0]},e.prototype.measureText=function(t,e,r){var i=this.getFontByName(e),s=t.charCodeAt(0);if(!i.cache[s+1]){var a=i.helper;if(" "===t){a.textContent="|"+t+"|";var n=a.getComputedTextLength();a.textContent="||";var o=a.getComputedTextLength();i.cache[s+1]=(n-o)/100}else a.textContent=t,i.cache[s+1]=a.getComputedTextLength()/100}return i.cache[s+1]*r},e.prototype.checkLoadedFonts=function(){var t,e,r,i=this.fonts.length,s=i;for(t=0;t<i;t+=1)this.fonts[t].loaded?s-=1:"n"===this.fonts[t].fOrigin||0===this.fonts[t].origin?this.fonts[t].loaded=!0:(e=this.fonts[t].monoCase.node,r=this.fonts[t].monoCase.w,e.offsetWidth!==r?(s-=1,this.fonts[t].loaded=!0):(e=this.fonts[t].sansCase.node,r=this.fonts[t].sansCase.w,e.offsetWidth!==r&&(s-=1,this.fonts[t].loaded=!0)),this.fonts[t].loaded&&(this.fonts[t].sansCase.parent.parentNode.removeChild(this.fonts[t].sansCase.parent),this.fonts[t].monoCase.parent.parentNode.removeChild(this.fonts[t].monoCase.parent)));0!==s&&Date.now()-this.initTime<5e3?setTimeout(this.checkLoadedFonts.bind(this),20):setTimeout(function(){this.isLoaded=!0}.bind(this),0)},e.prototype.loaded=function(){return this.isLoaded},e}(),PropertyFactory=function(){var f=initialDefaultFrame,s=Math.abs;function m(t,e){var r,i=this.offsetTime;"multidimensional"===this.propType&&(r=createTypedArray("float32",this.pv.length));for(var s,a,n,o,h,p,l,f,m=e.lastIndex,c=m,d=this.keyframes.length-1,u=!0;u;){if(s=this.keyframes[c],a=this.keyframes[c+1],c===d-1&&t>=a.t-i){s.h&&(s=a),m=0;break}if(a.t-i>t){m=c;break}c<d-1?c+=1:(m=0,u=!1)}var y,g,v,P,b,x,_,S,T,C=a.t-i,E=s.t-i;if(s.to){s.bezierData||bez.buildBezierData(s);var A=s.bezierData;if(C<=t||t<E){var k=C<=t?A.points.length-1:0;for(o=A.points[k].point.length,n=0;n<o;n+=1)r[n]=A.points[k].point[n]}else{s.__fnct?f=s.__fnct:(f=BezierFactory.getBezierEasing(s.o.x,s.o.y,s.i.x,s.i.y,s.n).get,s.__fnct=f),h=f((t-E)/(C-E));var D,M=A.segmentLength*h,I=e.lastFrame<t&&e._lastBezierData===A?e._lastAddedLength:0;for(l=e.lastFrame<t&&e._lastBezierData===A?e._lastPoint:0,u=!0,p=A.points.length;u;){if(I+=A.points[l].partialLength,0===M||0===h||l===A.points.length-1){for(o=A.points[l].point.length,n=0;n<o;n+=1)r[n]=A.points[l].point[n];break}if(I<=M&&M<I+A.points[l+1].partialLength){for(D=(M-I)/A.points[l+1].partialLength,o=A.points[l].point.length,n=0;n<o;n+=1)r[n]=A.points[l].point[n]+(A.points[l+1].point[n]-A.points[l].point[n])*D;break}l<p-1?l+=1:u=!1}e._lastPoint=l,e._lastAddedLength=I-A.points[l].partialLength,e._lastBezierData=A}}else{var w,F,V,R,L;if(d=s.s.length,this.sh&&1!==s.h)if(C<=t)r[0]=s.e[0],r[1]=s.e[1],r[2]=s.e[2];else if(t<=E)r[0]=s.s[0],r[1]=s.s[1],r[2]=s.s[2];else{var z=B(s.s),O=B(s.e);y=r,g=function(t,e,r){var i,s,a,n,o,h=[],p=t[0],l=t[1],f=t[2],m=t[3],c=e[0],d=e[1],u=e[2],y=e[3];(s=p*c+l*d+f*u+m*y)<0&&(s=-s,c=-c,d=-d,u=-u,y=-y);o=1e-6<1-s?(i=Math.acos(s),a=Math.sin(i),n=Math.sin((1-r)*i)/a,Math.sin(r*i)/a):(n=1-r,r);return h[0]=n*p+o*c,h[1]=n*l+o*d,h[2]=n*f+o*u,h[3]=n*m+o*y,h}(z,O,(t-E)/(C-E)),v=g[0],P=g[1],b=g[2],x=g[3],_=Math.atan2(2*P*x-2*v*b,1-2*P*P-2*b*b),S=Math.asin(2*v*P+2*b*x),T=Math.atan2(2*v*x-2*P*b,1-2*v*v-2*b*b),y[0]=_/degToRads,y[1]=S/degToRads,y[2]=T/degToRads}else for(c=0;c<d;c+=1)1!==s.h&&(h=C<=t?1:t<E?0:(s.o.x.constructor===Array?(s.__fnct||(s.__fnct=[]),s.__fnct[c]?f=s.__fnct[c]:(w=void 0===typeof s.o.x[c]?s.o.x[0]:s.o.x[c],F=void 0===typeof s.o.y[c]?s.o.y[0]:s.o.y[c],V=void 0===typeof s.i.x[c]?s.i.x[0]:s.i.x[c],R=void 0===typeof s.i.y[c]?s.i.y[0]:s.i.y[c],f=BezierFactory.getBezierEasing(w,F,V,R).get,s.__fnct[c]=f)):s.__fnct?f=s.__fnct:(w=s.o.x,F=s.o.y,V=s.i.x,R=s.i.y,f=BezierFactory.getBezierEasing(w,F,V,R).get,s.__fnct=f),f((t-E)/(C-E)))),L=1===s.h?s.s[c]:s.s[c]+(s.e[c]-s.s[c])*h,1===d?r=L:r[c]=L}return e.lastIndex=m,r}function B(t){var e=t[0]*degToRads,r=t[1]*degToRads,i=t[2]*degToRads,s=Math.cos(e/2),a=Math.cos(r/2),n=Math.cos(i/2),o=Math.sin(e/2),h=Math.sin(r/2),p=Math.sin(i/2);return[o*h*n+s*a*p,o*a*n+s*h*p,s*h*n-o*a*p,s*a*n-o*h*p]}function c(){var t=this.comp.renderedFrame-this.offsetTime,e=this.keyframes[0].t-this.offsetTime,r=this.keyframes[this.keyframes.length-1].t-this.offsetTime;if(!(t===this._caching.lastFrame||this._caching.lastFrame!==f&&(this._caching.lastFrame>=r&&r<=t||this._caching.lastFrame<e&&t<e))){this._caching.lastFrame>=t&&(this._caching._lastBezierData=null,this._caching.lastIndex=0);var i=this.interpolateValue(t,this._caching);this.pv=i}return this._caching.lastFrame=t,this.pv}function d(t){var e;if("unidimensional"===this.propType)e=t*this.mult,1e-5<s(this.v-e)&&(this.v=e,this._mdf=!0);else for(var r=0,i=this.v.length;r<i;)e=t[r]*this.mult,1e-5<s(this.v[r]-e)&&(this.v[r]=e,this._mdf=!0),r+=1}function u(){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length)if(this.lock)this.setVValue(this.pv);else{this.lock=!0,this._mdf=this._isFirstFrame;var t,e=this.effectsSequence.length,r=this.kf?this.pv:this.data.k;for(t=0;t<e;t+=1)r=this.effectsSequence[t](r);this.setVValue(r),this._isFirstFrame=!1,this.lock=!1,this.frameId=this.elem.globalData.frameId}}function y(t){this.effectsSequence.push(t),this.container.addDynamicProperty(this)}function n(t,e,r,i){this.propType="unidimensional",this.mult=r||1,this.data=e,this.v=r?e.k*r:e.k,this.pv=e.k,this._mdf=!1,this.elem=t,this.container=i,this.comp=t.comp,this.k=!1,this.kf=!1,this.vel=0,this.effectsSequence=[],this._isFirstFrame=!0,this.getValue=u,this.setVValue=d,this.addEffect=y}function o(t,e,r,i){this.propType="multidimensional",this.mult=r||1,this.data=e,this._mdf=!1,this.elem=t,this.container=i,this.comp=t.comp,this.k=!1,this.kf=!1,this.frameId=-1;var s,a=e.k.length;this.v=createTypedArray("float32",a),this.pv=createTypedArray("float32",a);createTypedArray("float32",a);for(this.vel=createTypedArray("float32",a),s=0;s<a;s+=1)this.v[s]=e.k[s]*this.mult,this.pv[s]=e.k[s];this._isFirstFrame=!0,this.effectsSequence=[],this.getValue=u,this.setVValue=d,this.addEffect=y}function h(t,e,r,i){this.propType="unidimensional",this.keyframes=e.k,this.offsetTime=t.data.st,this.frameId=-1,this._caching={lastFrame:f,lastIndex:0,value:0,_lastBezierData:null},this.k=!0,this.kf=!0,this.data=e,this.mult=r||1,this.elem=t,this.container=i,this.comp=t.comp,this.v=f,this.pv=f,this._isFirstFrame=!0,this.getValue=u,this.setVValue=d,this.interpolateValue=m,this.effectsSequence=[c.bind(this)],this.addEffect=y}function p(t,e,r,i){this.propType="multidimensional";var s,a,n,o,h,p=e.k.length;for(s=0;s<p-1;s+=1)e.k[s].to&&e.k[s].s&&e.k[s].e&&(a=e.k[s].s,n=e.k[s].e,o=e.k[s].to,h=e.k[s].ti,(2===a.length&&(a[0]!==n[0]||a[1]!==n[1])&&bez.pointOnLine2D(a[0],a[1],n[0],n[1],a[0]+o[0],a[1]+o[1])&&bez.pointOnLine2D(a[0],a[1],n[0],n[1],n[0]+h[0],n[1]+h[1])||3===a.length&&(a[0]!==n[0]||a[1]!==n[1]||a[2]!==n[2])&&bez.pointOnLine3D(a[0],a[1],a[2],n[0],n[1],n[2],a[0]+o[0],a[1]+o[1],a[2]+o[2])&&bez.pointOnLine3D(a[0],a[1],a[2],n[0],n[1],n[2],n[0]+h[0],n[1]+h[1],n[2]+h[2]))&&(e.k[s].to=null,e.k[s].ti=null),a[0]===n[0]&&a[1]===n[1]&&0===o[0]&&0===o[1]&&0===h[0]&&0===h[1]&&(2===a.length||a[2]===n[2]&&0===o[2]&&0===h[2])&&(e.k[s].to=null,e.k[s].ti=null));this.effectsSequence=[c.bind(this)],this.keyframes=e.k,this.offsetTime=t.data.st,this.k=!0,this.kf=!0,this._isFirstFrame=!0,this.mult=r||1,this.elem=t,this.container=i,this.comp=t.comp,this.getValue=u,this.setVValue=d,this.interpolateValue=m,this.frameId=-1;var l=e.k[0].s.length;for(this.v=createTypedArray("float32",l),this.pv=createTypedArray("float32",l),s=0;s<l;s+=1)this.v[s]=f,this.pv[s]=f;this._caching={lastFrame:f,lastIndex:0,value:createTypedArray("float32",l)},this.addEffect=y}return{getProp:function(t,e,r,i,s){var a;if(0===e.a)a=0===r?new n(t,e,i,s):new o(t,e,i,s);else if(1===e.a)a=0===r?new h(t,e,i,s):new p(t,e,i,s);else if(e.k.length)if("number"==typeof e.k[0])a=new o(t,e,i,s);else switch(r){case 0:a=new h(t,e,i,s);break;case 1:a=new p(t,e,i,s)}else a=new n(t,e,i,s);return a.effectsSequence.length&&s.addDynamicProperty(a),a}}}(),TransformPropertyFactory=function(){function i(t,e,r){if(this.elem=t,this.frameId=-1,this.propType="transform",this.data=e,this.v=new Matrix,this.pre=new Matrix,this.appliedTransformations=0,this.initDynamicPropertyContainer(r||t),e.p.s?(this.px=PropertyFactory.getProp(t,e.p.x,0,0,this),this.py=PropertyFactory.getProp(t,e.p.y,0,0,this),e.p.z&&(this.pz=PropertyFactory.getProp(t,e.p.z,0,0,this))):this.p=PropertyFactory.getProp(t,e.p,1,0,this),e.r)this.r=PropertyFactory.getProp(t,e.r,0,degToRads,this);else if(e.rx){if(this.rx=PropertyFactory.getProp(t,e.rx,0,degToRads,this),this.ry=PropertyFactory.getProp(t,e.ry,0,degToRads,this),this.rz=PropertyFactory.getProp(t,e.rz,0,degToRads,this),e.or.k[0].ti){var i,s=e.or.k.length;for(i=0;i<s;i+=1)e.or.k[i].to=e.or.k[i].ti=null}this.or=PropertyFactory.getProp(t,e.or,1,degToRads,this),this.or.sh=!0}e.sk&&(this.sk=PropertyFactory.getProp(t,e.sk,0,degToRads,this),this.sa=PropertyFactory.getProp(t,e.sa,0,degToRads,this)),e.a&&(this.a=PropertyFactory.getProp(t,e.a,1,0,this)),e.s&&(this.s=PropertyFactory.getProp(t,e.s,1,.01,this)),e.o?this.o=PropertyFactory.getProp(t,e.o,0,.01,t):this.o={_mdf:!1,v:1},this._isDirty=!0,this.dynamicProperties.length||this.getValue(!0)}return i.prototype={applyToMatrix:function(t){var e=this._mdf;this.iterateDynamicProperties(),this._mdf=this._mdf||e,this.a&&t.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.s&&t.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&t.skewFromAxis(-this.sk.v,this.sa.v),this.r?t.rotate(-this.r.v):t.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.data.p.s?this.data.p.z?t.translate(this.px.v,this.py.v,-this.pz.v):t.translate(this.px.v,this.py.v,0):t.translate(this.p.v[0],this.p.v[1],-this.p.v[2])},getValue:function(t){if(this.elem.globalData.frameId!==this.frameId){if(this._isDirty&&(this.precalculateMatrix(),this._isDirty=!1),this.iterateDynamicProperties(),this._mdf||t){if(this.v.cloneFromProps(this.pre.props),this.appliedTransformations<1&&this.v.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations<2&&this.v.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&this.appliedTransformations<3&&this.v.skewFromAxis(-this.sk.v,this.sa.v),this.r&&this.appliedTransformations<4?this.v.rotate(-this.r.v):!this.r&&this.appliedTransformations<4&&this.v.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.autoOriented){var e,r,i=this.elem.globalData.frameRate;if(this.p&&this.p.keyframes&&this.p.getValueAtTime)r=this.p._caching.lastFrame+this.p.offsetTime<=this.p.keyframes[0].t?(e=this.p.getValueAtTime((this.p.keyframes[0].t+.01)/i,0),this.p.getValueAtTime(this.p.keyframes[0].t/i,0)):this.p._caching.lastFrame+this.p.offsetTime>=this.p.keyframes[this.p.keyframes.length-1].t?(e=this.p.getValueAtTime(this.p.keyframes[this.p.keyframes.length-1].t/i,0),this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length-1].t-.01)/i,0)):(e=this.p.pv,this.p.getValueAtTime((this.p._caching.lastFrame+this.p.offsetTime-.01)/i,this.p.offsetTime));else if(this.px&&this.px.keyframes&&this.py.keyframes&&this.px.getValueAtTime&&this.py.getValueAtTime){e=[],r=[];var s=this.px,a=this.py;s._caching.lastFrame+s.offsetTime<=s.keyframes[0].t?(e[0]=s.getValueAtTime((s.keyframes[0].t+.01)/i,0),e[1]=a.getValueAtTime((a.keyframes[0].t+.01)/i,0),r[0]=s.getValueAtTime(s.keyframes[0].t/i,0),r[1]=a.getValueAtTime(a.keyframes[0].t/i,0)):s._caching.lastFrame+s.offsetTime>=s.keyframes[s.keyframes.length-1].t?(e[0]=s.getValueAtTime(s.keyframes[s.keyframes.length-1].t/i,0),e[1]=a.getValueAtTime(a.keyframes[a.keyframes.length-1].t/i,0),r[0]=s.getValueAtTime((s.keyframes[s.keyframes.length-1].t-.01)/i,0),r[1]=a.getValueAtTime((a.keyframes[a.keyframes.length-1].t-.01)/i,0)):(e=[s.pv,a.pv],r[0]=s.getValueAtTime((s._caching.lastFrame+s.offsetTime-.01)/i,s.offsetTime),r[1]=a.getValueAtTime((a._caching.lastFrame+a.offsetTime-.01)/i,a.offsetTime))}this.v.rotate(-Math.atan2(e[1]-r[1],e[0]-r[0]))}this.data.p.s?this.data.p.z?this.v.translate(this.px.v,this.py.v,-this.pz.v):this.v.translate(this.px.v,this.py.v,0):this.v.translate(this.p.v[0],this.p.v[1],-this.p.v[2])}this.frameId=this.elem.globalData.frameId}},precalculateMatrix:function(){if(!this.a.k&&(this.pre.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations=1,!this.s.effectsSequence.length)){if(this.pre.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.appliedTransformations=2,this.sk){if(this.sk.effectsSequence.length||this.sa.effectsSequence.length)return;this.pre.skewFromAxis(-this.sk.v,this.sa.v),this.appliedTransformations=3}if(this.r){if(this.r.effectsSequence.length)return;this.pre.rotate(-this.r.v),this.appliedTransformations=4}else this.rz.effectsSequence.length||this.ry.effectsSequence.length||this.rx.effectsSequence.length||this.or.effectsSequence.length||(this.pre.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.appliedTransformations=4)}},autoOrient:function(){}},extendPrototype([DynamicPropertyContainer],i),i.prototype.addDynamicProperty=function(t){this._addDynamicProperty(t),this.elem.addDynamicProperty(t),this._isDirty=!0},i.prototype._addDynamicProperty=DynamicPropertyContainer.prototype.addDynamicProperty,{getTransformProperty:function(t,e,r){return new i(t,e,r)}}}();function ShapePath(){this.c=!1,this._length=0,this._maxLength=8,this.v=createSizedArray(this._maxLength),this.o=createSizedArray(this._maxLength),this.i=createSizedArray(this._maxLength)}ShapePath.prototype.setPathData=function(t,e){this.c=t,this.setLength(e);for(var r=0;r<e;)this.v[r]=point_pool.newElement(),this.o[r]=point_pool.newElement(),this.i[r]=point_pool.newElement(),r+=1},ShapePath.prototype.setLength=function(t){for(;this._maxLength<t;)this.doubleArrayLength();this._length=t},ShapePath.prototype.doubleArrayLength=function(){this.v=this.v.concat(createSizedArray(this._maxLength)),this.i=this.i.concat(createSizedArray(this._maxLength)),this.o=this.o.concat(createSizedArray(this._maxLength)),this._maxLength*=2},ShapePath.prototype.setXYAt=function(t,e,r,i,s){var a;switch(this._length=Math.max(this._length,i+1),this._length>=this._maxLength&&this.doubleArrayLength(),r){case"v":a=this.v;break;case"i":a=this.i;break;case"o":a=this.o}(!a[i]||a[i]&&!s)&&(a[i]=point_pool.newElement()),a[i][0]=t,a[i][1]=e},ShapePath.prototype.setTripleAt=function(t,e,r,i,s,a,n,o){this.setXYAt(t,e,"v",n,o),this.setXYAt(r,i,"o",n,o),this.setXYAt(s,a,"i",n,o)},ShapePath.prototype.reverse=function(){var t=new ShapePath;t.setPathData(this.c,this._length);var e=this.v,r=this.o,i=this.i,s=0;this.c&&(t.setTripleAt(e[0][0],e[0][1],i[0][0],i[0][1],r[0][0],r[0][1],0,!1),s=1);var a,n=this._length-1,o=this._length;for(a=s;a<o;a+=1)t.setTripleAt(e[n][0],e[n][1],i[n][0],i[n][1],r[n][0],r[n][1],a,!1),n-=1;return t};var ShapePropertyFactory=function(){var s=-999999;function t(t,e,r){var i,s,a,n,o,h,p,l,f,m=r.lastIndex,c=this.keyframes;if(t<c[0].t-this.offsetTime)i=c[0].s[0],a=!0,m=0;else if(t>=c[c.length-1].t-this.offsetTime)i=1===c[c.length-2].h?c[c.length-1].s[0]:c[c.length-2].e[0],a=!0;else{for(var d,u,y=m,g=c.length-1,v=!0;v&&(d=c[y],!((u=c[y+1]).t-this.offsetTime>t));)y<g-1?y+=1:v=!1;if(m=y,!(a=1===d.h)){if(t>=u.t-this.offsetTime)l=1;else if(t<d.t-this.offsetTime)l=0;else{var P;d.__fnct?P=d.__fnct:(P=BezierFactory.getBezierEasing(d.o.x,d.o.y,d.i.x,d.i.y).get,d.__fnct=P),l=P((t-(d.t-this.offsetTime))/(u.t-this.offsetTime-(d.t-this.offsetTime)))}s=d.e[0]}i=d.s[0]}for(h=e._length,p=i.i[0].length,r.lastIndex=m,n=0;n<h;n+=1)for(o=0;o<p;o+=1)f=a?i.i[n][o]:i.i[n][o]+(s.i[n][o]-i.i[n][o])*l,e.i[n][o]=f,f=a?i.o[n][o]:i.o[n][o]+(s.o[n][o]-i.o[n][o])*l,e.o[n][o]=f,f=a?i.v[n][o]:i.v[n][o]+(s.v[n][o]-i.v[n][o])*l,e.v[n][o]=f}function a(){this.paths=this.localShapeCollection}function e(t){(function(t,e){if(t._length!==e._length||t.c!==e.c)return!1;var r,i=t._length;for(r=0;r<i;r+=1)if(t.v[r][0]!==e.v[r][0]||t.v[r][1]!==e.v[r][1]||t.o[r][0]!==e.o[r][0]||t.o[r][1]!==e.o[r][1]||t.i[r][0]!==e.i[r][0]||t.i[r][1]!==e.i[r][1])return!1;return!0})(this.v,t)||(this.v=shape_pool.clone(t),this.localShapeCollection.releaseShapes(),this.localShapeCollection.addShape(this.v),this._mdf=!0,this.paths=this.localShapeCollection)}function r(){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length)if(this.lock)this.setVValue(this.pv);else{this.lock=!0,this._mdf=!1;var t,e=this.kf?this.pv:this.data.ks?this.data.ks.k:this.data.pt.k,r=this.effectsSequence.length;for(t=0;t<r;t+=1)e=this.effectsSequence[t](e);this.setVValue(e),this.lock=!1,this.frameId=this.elem.globalData.frameId}}function n(t,e,r){this.propType="shape",this.comp=t.comp,this.container=t,this.elem=t,this.data=e,this.k=!1,this.kf=!1,this._mdf=!1;var i=3===r?e.pt.k:e.ks.k;this.v=shape_pool.clone(i),this.pv=shape_pool.clone(this.v),this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.reset=a,this.effectsSequence=[]}function i(t){this.effectsSequence.push(t),this.container.addDynamicProperty(this)}function o(t,e,r){this.propType="shape",this.comp=t.comp,this.elem=t,this.container=t,this.offsetTime=t.data.st,this.keyframes=3===r?e.pt.k:e.ks.k,this.k=!0,this.kf=!0;var i=this.keyframes[0].s[0].i.length;this.keyframes[0].s[0].i[0].length;this.v=shape_pool.newElement(),this.v.setPathData(this.keyframes[0].s[0].c,i),this.pv=shape_pool.clone(this.v),this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.lastFrame=s,this.reset=a,this._caching={lastFrame:s,lastIndex:0},this.effectsSequence=[function(){var t=this.comp.renderedFrame-this.offsetTime,e=this.keyframes[0].t-this.offsetTime,r=this.keyframes[this.keyframes.length-1].t-this.offsetTime,i=this._caching.lastFrame;return i!==s&&(i<e&&t<e||r<i&&r<t)||(this._caching.lastIndex=i<t?this._caching.lastIndex:0,this.interpolateShape(t,this.pv,this._caching)),this._caching.lastFrame=t,this.pv}.bind(this)]}n.prototype.interpolateShape=t,n.prototype.getValue=r,n.prototype.setVValue=e,n.prototype.addEffect=i,o.prototype.getValue=r,o.prototype.interpolateShape=t,o.prototype.setVValue=e,o.prototype.addEffect=i;var h=function(){var n=roundCorner;function t(t,e){this.v=shape_pool.newElement(),this.v.setPathData(!0,4),this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.paths=this.localShapeCollection,this.localShapeCollection.addShape(this.v),this.d=e.d,this.elem=t,this.comp=t.comp,this.frameId=-1,this.initDynamicPropertyContainer(t),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.s=PropertyFactory.getProp(t,e.s,1,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertEllToPath())}return t.prototype={reset:a,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertEllToPath())},convertEllToPath:function(){var t=this.p.v[0],e=this.p.v[1],r=this.s.v[0]/2,i=this.s.v[1]/2,s=3!==this.d,a=this.v;a.v[0][0]=t,a.v[0][1]=e-i,a.v[1][0]=s?t+r:t-r,a.v[1][1]=e,a.v[2][0]=t,a.v[2][1]=e+i,a.v[3][0]=s?t-r:t+r,a.v[3][1]=e,a.i[0][0]=s?t-r*n:t+r*n,a.i[0][1]=e-i,a.i[1][0]=s?t+r:t-r,a.i[1][1]=e-i*n,a.i[2][0]=s?t+r*n:t-r*n,a.i[2][1]=e+i,a.i[3][0]=s?t-r:t+r,a.i[3][1]=e+i*n,a.o[0][0]=s?t+r*n:t-r*n,a.o[0][1]=e-i,a.o[1][0]=s?t+r:t-r,a.o[1][1]=e+i*n,a.o[2][0]=s?t-r*n:t+r*n,a.o[2][1]=e+i,a.o[3][0]=s?t-r:t+r,a.o[3][1]=e-i*n}},extendPrototype([DynamicPropertyContainer],t),t}(),p=function(){function t(t,e){this.v=shape_pool.newElement(),this.v.setPathData(!0,0),this.elem=t,this.comp=t.comp,this.data=e,this.frameId=-1,this.d=e.d,this.initDynamicPropertyContainer(t),1===e.sy?(this.ir=PropertyFactory.getProp(t,e.ir,0,0,this),this.is=PropertyFactory.getProp(t,e.is,0,.01,this),this.convertToPath=this.convertStarToPath):this.convertToPath=this.convertPolygonToPath,this.pt=PropertyFactory.getProp(t,e.pt,0,0,this),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.r=PropertyFactory.getProp(t,e.r,0,degToRads,this),this.or=PropertyFactory.getProp(t,e.or,0,0,this),this.os=PropertyFactory.getProp(t,e.os,0,.01,this),this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertToPath())}return t.prototype={reset:a,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertToPath())},convertStarToPath:function(){var t,e,r,i,s=2*Math.floor(this.pt.v),a=2*Math.PI/s,n=!0,o=this.or.v,h=this.ir.v,p=this.os.v,l=this.is.v,f=2*Math.PI*o/(2*s),m=2*Math.PI*h/(2*s),c=-Math.PI/2;c+=this.r.v;var d=3===this.data.d?-1:1;for(t=this.v._length=0;t<s;t+=1){r=n?p:l,i=n?f:m;var u=(e=n?o:h)*Math.cos(c),y=e*Math.sin(c),g=0===u&&0===y?0:y/Math.sqrt(u*u+y*y),v=0===u&&0===y?0:-u/Math.sqrt(u*u+y*y);u+=+this.p.v[0],y+=+this.p.v[1],this.v.setTripleAt(u,y,u-g*i*r*d,y-v*i*r*d,u+g*i*r*d,y+v*i*r*d,t,!0),n=!n,c+=a*d}},convertPolygonToPath:function(){var t,e=Math.floor(this.pt.v),r=2*Math.PI/e,i=this.or.v,s=this.os.v,a=2*Math.PI*i/(4*e),n=-Math.PI/2,o=3===this.data.d?-1:1;for(n+=this.r.v,t=this.v._length=0;t<e;t+=1){var h=i*Math.cos(n),p=i*Math.sin(n),l=0===h&&0===p?0:p/Math.sqrt(h*h+p*p),f=0===h&&0===p?0:-h/Math.sqrt(h*h+p*p);h+=+this.p.v[0],p+=+this.p.v[1],this.v.setTripleAt(h,p,h-l*a*s*o,p-f*a*s*o,h+l*a*s*o,p+f*a*s*o,t,!0),n+=r*o}this.paths.length=0,this.paths[0]=this.v}},extendPrototype([DynamicPropertyContainer],t),t}(),l=function(){function t(t,e){this.v=shape_pool.newElement(),this.v.c=!0,this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.elem=t,this.comp=t.comp,this.frameId=-1,this.d=e.d,this.initDynamicPropertyContainer(t),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.s=PropertyFactory.getProp(t,e.s,1,0,this),this.r=PropertyFactory.getProp(t,e.r,0,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertRectToPath())}return t.prototype={convertRectToPath:function(){var t=this.p.v[0],e=this.p.v[1],r=this.s.v[0]/2,i=this.s.v[1]/2,s=bm_min(r,i,this.r.v),a=s*(1-roundCorner);this.v._length=0,2===this.d||1===this.d?(this.v.setTripleAt(t+r,e-i+s,t+r,e-i+s,t+r,e-i+a,0,!0),this.v.setTripleAt(t+r,e+i-s,t+r,e+i-a,t+r,e+i-s,1,!0),0!==s?(this.v.setTripleAt(t+r-s,e+i,t+r-s,e+i,t+r-a,e+i,2,!0),this.v.setTripleAt(t-r+s,e+i,t-r+a,e+i,t-r+s,e+i,3,!0),this.v.setTripleAt(t-r,e+i-s,t-r,e+i-s,t-r,e+i-a,4,!0),this.v.setTripleAt(t-r,e-i+s,t-r,e-i+a,t-r,e-i+s,5,!0),this.v.setTripleAt(t-r+s,e-i,t-r+s,e-i,t-r+a,e-i,6,!0),this.v.setTripleAt(t+r-s,e-i,t+r-a,e-i,t+r-s,e-i,7,!0)):(this.v.setTripleAt(t-r,e+i,t-r+a,e+i,t-r,e+i,2),this.v.setTripleAt(t-r,e-i,t-r,e-i+a,t-r,e-i,3))):(this.v.setTripleAt(t+r,e-i+s,t+r,e-i+a,t+r,e-i+s,0,!0),0!==s?(this.v.setTripleAt(t+r-s,e-i,t+r-s,e-i,t+r-a,e-i,1,!0),this.v.setTripleAt(t-r+s,e-i,t-r+a,e-i,t-r+s,e-i,2,!0),this.v.setTripleAt(t-r,e-i+s,t-r,e-i+s,t-r,e-i+a,3,!0),this.v.setTripleAt(t-r,e+i-s,t-r,e+i-a,t-r,e+i-s,4,!0),this.v.setTripleAt(t-r+s,e+i,t-r+s,e+i,t-r+a,e+i,5,!0),this.v.setTripleAt(t+r-s,e+i,t+r-a,e+i,t+r-s,e+i,6,!0),this.v.setTripleAt(t+r,e+i-s,t+r,e+i-s,t+r,e+i-a,7,!0)):(this.v.setTripleAt(t-r,e-i,t-r+a,e-i,t-r,e-i,1,!0),this.v.setTripleAt(t-r,e+i,t-r,e+i-a,t-r,e+i,2,!0),this.v.setTripleAt(t+r,e+i,t+r-a,e+i,t+r,e+i,3,!0)))},getValue:function(t){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertRectToPath())},reset:a},extendPrototype([DynamicPropertyContainer],t),t}();var f={getShapeProp:function(t,e,r){var i;if(3===r||4===r){var s=3===r?e.pt:e.ks,a=s.k;i=1===s.a||a.length?new o(t,e,r):new n(t,e,r)}else 5===r?i=new l(t,e):6===r?i=new h(t,e):7===r&&(i=new p(t,e));return i.k&&t.addDynamicProperty(i),i},getConstructorFunction:function(){return n},getKeyframedConstructorFunction:function(){return o}};return f}(),ShapeModifiers=(Sr={},Tr={},Sr.registerModifier=function(t,e){Tr[t]||(Tr[t]=e)},Sr.getModifier=function(t,e,r){return new Tr[t](e,r)},Sr),Sr,Tr;function ShapeModifier(){}function TrimModifier(){}function RoundCornersModifier(){}function RepeaterModifier(){}function ShapeCollection(){this._length=0,this._maxLength=4,this.shapes=createSizedArray(this._maxLength)}function DashProperty(t,e,r,i){this.elem=t,this.frameId=-1,this.dataProps=createSizedArray(e.length),this.renderer=r,this.k=!1,this.dashStr="",this.dashArray=createTypedArray("float32",e.length?e.length-1:0),this.dashoffset=createTypedArray("float32",1),this.initDynamicPropertyContainer(i);var s,a,n=e.length||0;for(s=0;s<n;s+=1)a=PropertyFactory.getProp(t,e[s].v,0,0,this),this.k=a.k||this.k,this.dataProps[s]={n:e[s].n,p:a};this.k||this.getValue(!0),this._isAnimated=this.k}function GradientProperty(t,e,r){this.data=e,this.c=createTypedArray("uint8c",4*e.p);var i=e.k.k[0].s?e.k.k[0].s.length-4*e.p:e.k.k.length-4*e.p;this.o=createTypedArray("float32",i),this._cmdf=!1,this._omdf=!1,this._collapsable=this.checkCollapsable(),this._hasOpacity=i,this.initDynamicPropertyContainer(r),this.prop=PropertyFactory.getProp(t,e.k,1,null,this),this.k=this.prop.k,this.getValue(!0)}ShapeModifier.prototype.initModifierProperties=function(){},ShapeModifier.prototype.addShapeToModifier=function(){},ShapeModifier.prototype.addShape=function(t){if(!this.closed){var e={shape:t.sh,data:t,localShapeCollection:shapeCollection_pool.newShapeCollection()};this.shapes.push(e),this.addShapeToModifier(e),this._isAnimated&&t.setAsAnimated()}},ShapeModifier.prototype.init=function(t,e){this.shapes=[],this.elem=t,this.initDynamicPropertyContainer(t),this.initModifierProperties(t,e),this.frameId=initialDefaultFrame,this.closed=!1,this.k=!1,this.dynamicProperties.length?this.k=!0:this.getValue(!0)},ShapeModifier.prototype.processKeys=function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties())},extendPrototype([DynamicPropertyContainer],ShapeModifier),extendPrototype([ShapeModifier],TrimModifier),TrimModifier.prototype.initModifierProperties=function(t,e){this.s=PropertyFactory.getProp(t,e.s,0,.01,this),this.e=PropertyFactory.getProp(t,e.e,0,.01,this),this.o=PropertyFactory.getProp(t,e.o,0,0,this),this.sValue=0,this.eValue=0,this.getValue=this.processKeys,this.m=e.m,this._isAnimated=!!this.s.effectsSequence.length||!!this.e.effectsSequence.length||!!this.o.effectsSequence.length},TrimModifier.prototype.addShapeToModifier=function(t){t.pathsData=[]},TrimModifier.prototype.calculateShapeEdges=function(t,e,r,i,s){var a=[];e<=1?a.push({s:t,e:e}):1<=t?a.push({s:t-1,e:e-1}):(a.push({s:t,e:1}),a.push({s:0,e:e-1}));var n,o,h=[],p=a.length;for(n=0;n<p;n+=1){var l,f;if((o=a[n]).e*s<i||o.s*s>i+r);else l=o.s*s<=i?0:(o.s*s-i)/r,f=o.e*s>=i+r?1:(o.e*s-i)/r,h.push([l,f])}return h.length||h.push([0,0]),h},TrimModifier.prototype.releasePathsData=function(t){var e,r=t.length;for(e=0;e<r;e+=1)segments_length_pool.release(t[e]);return t.length=0,t},TrimModifier.prototype.processShapes=function(t){var e,r,i;if(this._mdf||t){var s=this.o.v%360/360;if(s<0&&(s+=1),e=(1<this.s.v?1:this.s.v<0?0:this.s.v)+s,(r=(1<this.e.v?1:this.e.v<0?0:this.e.v)+s)<e){var a=e;e=r,r=a}e=1e-4*Math.round(1e4*e),r=1e-4*Math.round(1e4*r),this.sValue=e,this.eValue=r}else e=this.sValue,r=this.eValue;var n,o,h,p,l,f,m=this.shapes.length,c=0;if(r===e)for(n=0;n<m;n+=1)this.shapes[n].localShapeCollection.releaseShapes(),this.shapes[n].shape._mdf=!0,this.shapes[n].shape.paths=this.shapes[n].localShapeCollection;else if(1===r&&0===e||0===r&&1===e){if(this._mdf)for(n=0;n<m;n+=1)this.shapes[n].pathsData.length=0,this.shapes[n].shape._mdf=!0}else{var d,u,y=[];for(n=0;n<m;n+=1)if((d=this.shapes[n]).shape._mdf||this._mdf||t||2===this.m){if(h=(i=d.shape.paths)._length,f=0,!d.shape._mdf&&d.pathsData.length)f=d.totalShapeLength;else{for(p=this.releasePathsData(d.pathsData),o=0;o<h;o+=1)l=bez.getSegmentsLength(i.shapes[o]),p.push(l),f+=l.totalLength;d.totalShapeLength=f,d.pathsData=p}c+=f,d.shape._mdf=!0}else d.shape.paths=d.localShapeCollection;var g,v=e,P=r,b=0;for(n=m-1;0<=n;n-=1)if((d=this.shapes[n]).shape._mdf){for((u=d.localShapeCollection).releaseShapes(),2===this.m&&1<m?(g=this.calculateShapeEdges(e,r,d.totalShapeLength,b,c),b+=d.totalShapeLength):g=[[v,P]],h=g.length,o=0;o<h;o+=1){v=g[o][0],P=g[o][1],y.length=0,P<=1?y.push({s:d.totalShapeLength*v,e:d.totalShapeLength*P}):1<=v?y.push({s:d.totalShapeLength*(v-1),e:d.totalShapeLength*(P-1)}):(y.push({s:d.totalShapeLength*v,e:d.totalShapeLength}),y.push({s:0,e:d.totalShapeLength*(P-1)}));var x=this.addShapes(d,y[0]);if(y[0].s!==y[0].e){if(1<y.length)if(d.shape.paths.shapes[d.shape.paths._length-1].c){var _=x.pop();this.addPaths(x,u),x=this.addShapes(d,y[1],_)}else this.addPaths(x,u),x=this.addShapes(d,y[1]);this.addPaths(x,u)}}d.shape.paths=u}}},TrimModifier.prototype.addPaths=function(t,e){var r,i=t.length;for(r=0;r<i;r+=1)e.addShape(t[r])},TrimModifier.prototype.addSegment=function(t,e,r,i,s,a,n){s.setXYAt(e[0],e[1],"o",a),s.setXYAt(r[0],r[1],"i",a+1),n&&s.setXYAt(t[0],t[1],"v",a),s.setXYAt(i[0],i[1],"v",a+1)},TrimModifier.prototype.addSegmentFromArray=function(t,e,r,i){e.setXYAt(t[1],t[5],"o",r),e.setXYAt(t[2],t[6],"i",r+1),i&&e.setXYAt(t[0],t[4],"v",r),e.setXYAt(t[3],t[7],"v",r+1)},TrimModifier.prototype.addShapes=function(t,e,r){var i,s,a,n,o,h,p,l,f=t.pathsData,m=t.shape.paths.shapes,c=t.shape.paths._length,d=0,u=[],y=!0;for(l=r?(o=r._length,r._length):(r=shape_pool.newElement(),o=0),u.push(r),i=0;i<c;i+=1){for(h=f[i].lengths,r.c=m[i].c,a=m[i].c?h.length:h.length+1,s=1;s<a;s+=1)if(d+(n=h[s-1]).addedLength<e.s)d+=n.addedLength,r.c=!1;else{if(d>e.e){r.c=!1;break}e.s<=d&&e.e>=d+n.addedLength?(this.addSegment(m[i].v[s-1],m[i].o[s-1],m[i].i[s],m[i].v[s],r,o,y),y=!1):(p=bez.getNewSegment(m[i].v[s-1],m[i].v[s],m[i].o[s-1],m[i].i[s],(e.s-d)/n.addedLength,(e.e-d)/n.addedLength,h[s-1]),this.addSegmentFromArray(p,r,o,y),y=!1,r.c=!1),d+=n.addedLength,o+=1}if(m[i].c&&h.length){if(n=h[s-1],d<=e.e){var g=h[s-1].addedLength;e.s<=d&&e.e>=d+g?(this.addSegment(m[i].v[s-1],m[i].o[s-1],m[i].i[0],m[i].v[0],r,o,y),y=!1):(p=bez.getNewSegment(m[i].v[s-1],m[i].v[0],m[i].o[s-1],m[i].i[0],(e.s-d)/g,(e.e-d)/g,h[s-1]),this.addSegmentFromArray(p,r,o,y),y=!1,r.c=!1)}else r.c=!1;d+=n.addedLength,o+=1}if(r._length&&(r.setXYAt(r.v[l][0],r.v[l][1],"i",l),r.setXYAt(r.v[r._length-1][0],r.v[r._length-1][1],"o",r._length-1)),d>e.e)break;i<c-1&&(r=shape_pool.newElement(),y=!0,u.push(r),o=0)}return u},ShapeModifiers.registerModifier("tm",TrimModifier),extendPrototype([ShapeModifier],RoundCornersModifier),RoundCornersModifier.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.rd=PropertyFactory.getProp(t,e.r,0,null,this),this._isAnimated=!!this.rd.effectsSequence.length},RoundCornersModifier.prototype.processPath=function(t,e){var r=shape_pool.newElement();r.c=t.c;var i,s,a,n,o,h,p,l,f,m,c,d,u,y=t._length,g=0;for(i=0;i<y;i+=1)s=t.v[i],n=t.o[i],a=t.i[i],s[0]===n[0]&&s[1]===n[1]&&s[0]===a[0]&&s[1]===a[1]?0!==i&&i!==y-1||t.c?(o=0===i?t.v[y-1]:t.v[i-1],p=(h=Math.sqrt(Math.pow(s[0]-o[0],2)+Math.pow(s[1]-o[1],2)))?Math.min(h/2,e)/h:0,l=d=s[0]+(o[0]-s[0])*p,f=u=s[1]-(s[1]-o[1])*p,m=l-(l-s[0])*roundCorner,c=f-(f-s[1])*roundCorner,r.setTripleAt(l,f,m,c,d,u,g),g+=1,o=i===y-1?t.v[0]:t.v[i+1],p=(h=Math.sqrt(Math.pow(s[0]-o[0],2)+Math.pow(s[1]-o[1],2)))?Math.min(h/2,e)/h:0,l=m=s[0]+(o[0]-s[0])*p,f=c=s[1]+(o[1]-s[1])*p,d=l-(l-s[0])*roundCorner,u=f-(f-s[1])*roundCorner,r.setTripleAt(l,f,m,c,d,u,g)):r.setTripleAt(s[0],s[1],n[0],n[1],a[0],a[1],g):r.setTripleAt(t.v[i][0],t.v[i][1],t.o[i][0],t.o[i][1],t.i[i][0],t.i[i][1],g),g+=1;return r},RoundCornersModifier.prototype.processShapes=function(t){var e,r,i,s,a,n,o=this.shapes.length,h=this.rd.v;if(0!==h)for(r=0;r<o;r+=1){if((a=this.shapes[r]).shape.paths,n=a.localShapeCollection,a.shape._mdf||this._mdf||t)for(n.releaseShapes(),a.shape._mdf=!0,e=a.shape.paths.shapes,s=a.shape.paths._length,i=0;i<s;i+=1)n.addShape(this.processPath(e[i],h));a.shape.paths=a.localShapeCollection}this.dynamicProperties.length||(this._mdf=!1)},ShapeModifiers.registerModifier("rd",RoundCornersModifier),extendPrototype([ShapeModifier],RepeaterModifier),RepeaterModifier.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.c=PropertyFactory.getProp(t,e.c,0,null,this),this.o=PropertyFactory.getProp(t,e.o,0,null,this),this.tr=TransformPropertyFactory.getTransformProperty(t,e.tr,this),this.so=PropertyFactory.getProp(t,e.tr.so,0,.01,this),this.eo=PropertyFactory.getProp(t,e.tr.eo,0,.01,this),this.data=e,this.dynamicProperties.length||this.getValue(!0),this._isAnimated=!!this.dynamicProperties.length,this.pMatrix=new Matrix,this.rMatrix=new Matrix,this.sMatrix=new Matrix,this.tMatrix=new Matrix,this.matrix=new Matrix},RepeaterModifier.prototype.applyTransforms=function(t,e,r,i,s,a){var n=a?-1:1,o=i.s.v[0]+(1-i.s.v[0])*(1-s),h=i.s.v[1]+(1-i.s.v[1])*(1-s);t.translate(i.p.v[0]*n*s,i.p.v[1]*n*s,i.p.v[2]),e.translate(-i.a.v[0],-i.a.v[1],i.a.v[2]),e.rotate(-i.r.v*n*s),e.translate(i.a.v[0],i.a.v[1],i.a.v[2]),r.translate(-i.a.v[0],-i.a.v[1],i.a.v[2]),r.scale(a?1/o:o,a?1/h:h),r.translate(i.a.v[0],i.a.v[1],i.a.v[2])},RepeaterModifier.prototype.init=function(t,e,r,i){this.elem=t,this.arr=e,this.pos=r,this.elemsData=i,this._currentCopies=0,this._elements=[],this._groups=[],this.frameId=-1,this.initDynamicPropertyContainer(t),this.initModifierProperties(t,e[r]);for(;0<r;)r-=1,this._elements.unshift(e[r]),1;this.dynamicProperties.length?this.k=!0:this.getValue(!0)},RepeaterModifier.prototype.resetElements=function(t){var e,r=t.length;for(e=0;e<r;e+=1)t[e]._processed=!1,"gr"===t[e].ty&&this.resetElements(t[e].it)},RepeaterModifier.prototype.cloneElements=function(t){t.length;var e=JSON.parse(JSON.stringify(t));return this.resetElements(e),e},RepeaterModifier.prototype.changeGroupRender=function(t,e){var r,i=t.length;for(r=0;r<i;r+=1)t[r]._render=e,"gr"===t[r].ty&&this.changeGroupRender(t[r].it,e)},RepeaterModifier.prototype.processShapes=function(t){var e,r,i,s,a;if(this._mdf||t){var n,o=Math.ceil(this.c.v);if(this._groups.length<o){for(;this._groups.length<o;){var h={it:this.cloneElements(this._elements),ty:"gr"};h.it.push({a:{a:0,ix:1,k:[0,0]},nm:"Transform",o:{a:0,ix:7,k:100},p:{a:0,ix:2,k:[0,0]},r:{a:1,ix:6,k:[{s:0,e:0,t:0},{s:0,e:0,t:1}]},s:{a:0,ix:3,k:[100,100]},sa:{a:0,ix:5,k:0},sk:{a:0,ix:4,k:0},ty:"tr"}),this.arr.splice(0,0,h),this._groups.splice(0,0,h),this._currentCopies+=1}this.elem.reloadShapes()}for(i=a=0;i<=this._groups.length-1;i+=1)n=a<o,this._groups[i]._render=n,this.changeGroupRender(this._groups[i].it,n),a+=1;this._currentCopies=o;var p=this.o.v,l=p%1,f=0<p?Math.floor(p):Math.ceil(p),m=(this.tr.v.props,this.pMatrix.props),c=this.rMatrix.props,d=this.sMatrix.props;this.pMatrix.reset(),this.rMatrix.reset(),this.sMatrix.reset(),this.tMatrix.reset(),this.matrix.reset();var u,y,g=0;if(0<p){for(;g<f;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),g+=1;l&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,l,!1),g+=l)}else if(p<0){for(;f<g;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!0),g-=1;l&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,-l,!0),g-=l)}for(i=1===this.data.m?0:this._currentCopies-1,s=1===this.data.m?1:-1,a=this._currentCopies;a;){if(y=(r=(e=this.elemsData[i].it)[e.length-1].transform.mProps.v.props).length,e[e.length-1].transform.mProps._mdf=!0,e[e.length-1].transform.op._mdf=!0,e[e.length-1].transform.op.v=this.so.v+(this.eo.v-this.so.v)*(i/(this._currentCopies-1)),0!==g){for((0!==i&&1===s||i!==this._currentCopies-1&&-1===s)&&this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),this.matrix.transform(c[0],c[1],c[2],c[3],c[4],c[5],c[6],c[7],c[8],c[9],c[10],c[11],c[12],c[13],c[14],c[15]),this.matrix.transform(d[0],d[1],d[2],d[3],d[4],d[5],d[6],d[7],d[8],d[9],d[10],d[11],d[12],d[13],d[14],d[15]),this.matrix.transform(m[0],m[1],m[2],m[3],m[4],m[5],m[6],m[7],m[8],m[9],m[10],m[11],m[12],m[13],m[14],m[15]),u=0;u<y;u+=1)r[u]=this.matrix.props[u];this.matrix.reset()}else for(this.matrix.reset(),u=0;u<y;u+=1)r[u]=this.matrix.props[u];g+=1,a-=1,i+=s}}else for(a=this._currentCopies,i=0,s=1;a;)r=(e=this.elemsData[i].it)[e.length-1].transform.mProps.v.props,e[e.length-1].transform.mProps._mdf=!1,e[e.length-1].transform.op._mdf=!1,a-=1,i+=s},RepeaterModifier.prototype.addShape=function(){},ShapeModifiers.registerModifier("rp",RepeaterModifier),ShapeCollection.prototype.addShape=function(t){this._length===this._maxLength&&(this.shapes=this.shapes.concat(createSizedArray(this._maxLength)),this._maxLength*=2),this.shapes[this._length]=t,this._length+=1},ShapeCollection.prototype.releaseShapes=function(){var t;for(t=0;t<this._length;t+=1)shape_pool.release(this.shapes[t]);this._length=0},DashProperty.prototype.getValue=function(t){if((this.elem.globalData.frameId!==this.frameId||t)&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf=this._mdf||t,this._mdf)){var e=0,r=this.dataProps.length;for("svg"===this.renderer&&(this.dashStr=""),e=0;e<r;e+=1)"o"!=this.dataProps[e].n?"svg"===this.renderer?this.dashStr+=" "+this.dataProps[e].p.v:this.dashArray[e]=this.dataProps[e].p.v:this.dashoffset[0]=this.dataProps[e].p.v}},extendPrototype([DynamicPropertyContainer],DashProperty),GradientProperty.prototype.comparePoints=function(t,e){for(var r=0,i=this.o.length/2;r<i;){if(.01<Math.abs(t[4*r]-t[4*e+2*r]))return!1;r+=1}return!0},GradientProperty.prototype.checkCollapsable=function(){if(this.o.length/2!=this.c.length/4)return!1;if(this.data.k.k[0].s)for(var t=0,e=this.data.k.k.length;t<e;){if(!this.comparePoints(this.data.k.k[t].s,this.data.p))return!1;t+=1}else if(!this.comparePoints(this.data.k.k,this.data.p))return!1;return!0},GradientProperty.prototype.getValue=function(t){if(this.prop.getValue(),this._mdf=!1,this._cmdf=!1,this._omdf=!1,this.prop._mdf||t){var e,r,i,s=4*this.data.p;for(e=0;e<s;e+=1)r=e%4==0?100:255,i=Math.round(this.prop.v[e]*r),this.c[e]!==i&&(this.c[e]=i,this._cmdf=!t);if(this.o.length)for(s=this.prop.v.length,e=4*this.data.p;e<s;e+=1)r=e%2==0?100:1,i=e%2==0?Math.round(100*this.prop.v[e]):this.prop.v[e],this.o[e-4*this.data.p]!==i&&(this.o[e-4*this.data.p]=i,this._omdf=!t);this._mdf=!t}},extendPrototype([DynamicPropertyContainer],GradientProperty);var buildShapeString=function(t,e,r,i){if(0===e)return"";var s,a=t.o,n=t.i,o=t.v,h=" M"+i.applyToPointStringified(o[0][0],o[0][1]);for(s=1;s<e;s+=1)h+=" C"+i.applyToPointStringified(a[s-1][0],a[s-1][1])+" "+i.applyToPointStringified(n[s][0],n[s][1])+" "+i.applyToPointStringified(o[s][0],o[s][1]);return r&&e&&(h+=" C"+i.applyToPointStringified(a[s-1][0],a[s-1][1])+" "+i.applyToPointStringified(n[0][0],n[0][1])+" "+i.applyToPointStringified(o[0][0],o[0][1]),h+="z"),h},ImagePreloader=function(){var s=function(){var t=createTag("canvas");t.width=1,t.height=1;var e=t.getContext("2d");return e.fillStyle="#FF0000",e.fillRect(0,0,1,1),t}();function t(){this.loadedAssets+=1,this.loadedAssets===this.totalImages&&this.imagesLoadedCb&&this.imagesLoadedCb(null)}function e(t){var e=function(t,e,r){var i="";if(t.e)i=t.p;else if(e){var s=t.p;-1!==s.indexOf("images/")&&(s=s.split("/")[1]),i=e+s}else i=r,i+=t.u?t.u:"",i+=t.p;return i}(t,this.assetsPath,this.path),r=createTag("img");r.crossOrigin="anonymous",r.addEventListener("load",this._imageLoaded.bind(this),!1),r.addEventListener("error",function(){i.img=s,this._imageLoaded()}.bind(this),!1),r.src=e;var i={img:r,assetData:t};return i}function r(t,e){this.imagesLoadedCb=e;var r,i=t.length;for(r=0;r<i;r+=1)t[r].layers||(this.totalImages+=1,this.images.push(this._createImageData(t[r])))}function i(t){this.path=t||""}function a(t){this.assetsPath=t||""}function n(t){for(var e=0,r=this.images.length;e<r;){if(this.images[e].assetData===t)return this.images[e].img;e+=1}}function o(){this.imagesLoadedCb=null,this.images.length=0}function h(){return this.totalImages===this.loadedAssets}return function(){this.loadAssets=r,this.setAssetsPath=a,this.setPath=i,this.loaded=h,this.destroy=o,this.getImage=n,this._createImageData=e,this._imageLoaded=t,this.assetsPath="",this.path="",this.totalImages=0,this.loadedAssets=0,this.imagesLoadedCb=null,this.images=[]}}(),featureSupport=(kw={maskType:!0},(/MSIE 10/i.test(navigator.userAgent)||/MSIE 9/i.test(navigator.userAgent)||/rv:11.0/i.test(navigator.userAgent)||/Edge\/\d./i.test(navigator.userAgent))&&(kw.maskType=!1),kw),kw,filtersFactory=(lw={},lw.createFilter=function(t){var e=createNS("filter");return e.setAttribute("id",t),e.setAttribute("filterUnits","objectBoundingBox"),e.setAttribute("x","0%"),e.setAttribute("y","0%"),e.setAttribute("width","100%"),e.setAttribute("height","100%"),e},lw.createAlphaToLuminanceFilter=function(){var t=createNS("feColorMatrix");return t.setAttribute("type","matrix"),t.setAttribute("color-interpolation-filters","sRGB"),t.setAttribute("values","0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1"),t},lw),lw,assetLoader=function(){function a(t){return t.response&&"object"==typeof t.response?t.response:t.response&&"string"==typeof t.response?JSON.parse(t.response):t.responseText?JSON.parse(t.responseText):void 0}return{load:function(t,e,r){var i,s=new XMLHttpRequest;s.open("GET",t,!0),s.responseType="json",s.send(),s.onreadystatechange=function(){if(4==s.readyState)if(200==s.status)i=a(s),e(i);else try{i=a(s),e(i)}catch(t){r&&r(t)}}}}}();function TextAnimatorProperty(t,e,r){this._isFirstFrame=!0,this._hasMaskedPath=!1,this._frameId=-1,this._textData=t,this._renderType=e,this._elem=r,this._animatorsData=createSizedArray(this._textData.a.length),this._pathData={},this._moreOptions={alignment:{}},this.renderedLetters=[],this.lettersChangedFlag=!1,this.initDynamicPropertyContainer(r)}function TextAnimatorDataProperty(t,e,r){var i={propType:!1},s=PropertyFactory.getProp,a=e.a;this.a={r:a.r?s(t,a.r,0,degToRads,r):i,rx:a.rx?s(t,a.rx,0,degToRads,r):i,ry:a.ry?s(t,a.ry,0,degToRads,r):i,sk:a.sk?s(t,a.sk,0,degToRads,r):i,sa:a.sa?s(t,a.sa,0,degToRads,r):i,s:a.s?s(t,a.s,1,.01,r):i,a:a.a?s(t,a.a,1,0,r):i,o:a.o?s(t,a.o,0,.01,r):i,p:a.p?s(t,a.p,1,0,r):i,sw:a.sw?s(t,a.sw,0,0,r):i,sc:a.sc?s(t,a.sc,1,0,r):i,fc:a.fc?s(t,a.fc,1,0,r):i,fh:a.fh?s(t,a.fh,0,0,r):i,fs:a.fs?s(t,a.fs,0,.01,r):i,fb:a.fb?s(t,a.fb,0,.01,r):i,t:a.t?s(t,a.t,0,0,r):i},this.s=TextSelectorProp.getTextSelectorProp(t,e.s,r),this.s.t=e.s.t}function LetterProps(t,e,r,i,s,a){this.o=t,this.sw=e,this.sc=r,this.fc=i,this.m=s,this.p=a,this._mdf={o:!0,sw:!!e,sc:!!r,fc:!!i,m:!0,p:!0}}function TextProperty(t,e){this._frameId=initialDefaultFrame,this.pv="",this.v="",this.kf=!1,this._isFirstFrame=!0,this._mdf=!1,this.data=e,this.elem=t,this.comp=this.elem.comp,this.keysIndex=0,this.canResize=!1,this.minimumFontSize=1,this.effectsSequence=[],this.currentData={ascent:0,boxWidth:this.defaultBoxWidth,f:"",fStyle:"",fWeight:"",fc:"",j:"",justifyOffset:"",l:[],lh:0,lineWidths:[],ls:"",of:"",s:"",sc:"",sw:0,t:0,tr:0,sz:0,ps:null,fillColorAnim:!1,strokeColorAnim:!1,strokeWidthAnim:!1,yOffset:0,finalSize:0,finalText:[],finalLineHeight:0,__complete:!1},this.copyData(this.currentData,this.data.d.k[0].s),this.searchProperty()||this.completeTextData(this.currentData)}TextAnimatorProperty.prototype.searchProperties=function(){var t,e,r=this._textData.a.length,i=PropertyFactory.getProp;for(t=0;t<r;t+=1)e=this._textData.a[t],this._animatorsData[t]=new TextAnimatorDataProperty(this._elem,e,this);this._textData.p&&"m"in this._textData.p?(this._pathData={f:i(this._elem,this._textData.p.f,0,0,this),l:i(this._elem,this._textData.p.l,0,0,this),r:this._textData.p.r,m:this._elem.maskManager.getMaskProperty(this._textData.p.m)},this._hasMaskedPath=!0):this._hasMaskedPath=!1,this._moreOptions.alignment=i(this._elem,this._textData.m.a,1,0,this)},TextAnimatorProperty.prototype.getMeasures=function(t,e){if(this.lettersChangedFlag=e,this._mdf||this._isFirstFrame||e||this._hasMaskedPath&&this._pathData.m._mdf){this._isFirstFrame=!1;var r,i,s,a,n,o,h,p,l,f,m,c,d,u,y,g,v,P,b,x=this._moreOptions.alignment.v,_=this._animatorsData,S=this._textData,T=this.mHelper,C=this._renderType,E=this.renderedLetters.length,A=(this.data,t.l);if(this._hasMaskedPath){if(b=this._pathData.m,!this._pathData.n||this._pathData._mdf){var k,D=b.v;for(this._pathData.r&&(D=D.reverse()),n={tLength:0,segments:[]},a=D._length-1,s=g=0;s<a;s+=1)k={s:D.v[s],e:D.v[s+1],to:[D.o[s][0]-D.v[s][0],D.o[s][1]-D.v[s][1]],ti:[D.i[s+1][0]-D.v[s+1][0],D.i[s+1][1]-D.v[s+1][1]]},bez.buildBezierData(k),n.tLength+=k.bezierData.segmentLength,n.segments.push(k),g+=k.bezierData.segmentLength;s=a,b.v.c&&(k={s:D.v[s],e:D.v[0],to:[D.o[s][0]-D.v[s][0],D.o[s][1]-D.v[s][1]],ti:[D.i[0][0]-D.v[0][0],D.i[0][1]-D.v[0][1]]},bez.buildBezierData(k),n.tLength+=k.bezierData.segmentLength,n.segments.push(k),g+=k.bezierData.segmentLength),this._pathData.pi=n}if(n=this._pathData.pi,o=this._pathData.f.v,f=1,l=!(p=m=0),u=n.segments,o<0&&b.v.c)for(n.tLength<Math.abs(o)&&(o=-Math.abs(o)%n.tLength),f=(d=u[m=u.length-1].bezierData.points).length-1;o<0;)o+=d[f].partialLength,(f-=1)<0&&(f=(d=u[m-=1].bezierData.points).length-1);c=(d=u[m].bezierData.points)[f-1],y=(h=d[f]).partialLength}a=A.length,i=r=0;var M,I,w,F,V=1.2*t.finalSize*.714,R=!0;w=_.length;var L,z,O,B,N,G,j,q,H,W,Y,X,K,$=-1,J=o,Z=m,U=f,Q=-1,tt="",et=this.defaultPropsArray;if(2===t.j||1===t.j){var rt=0,it=0,st=2===t.j?-.5:-1,at=0,nt=!0;for(s=0;s<a;s+=1)if(A[s].n){for(rt&&(rt+=it);at<s;)A[at].animatorJustifyOffset=rt,at+=1;nt=!(rt=0)}else{for(I=0;I<w;I+=1)(M=_[I].a).t.propType&&(nt&&2===t.j&&(it+=M.t.v*st),(L=_[I].s.getMult(A[s].anIndexes[I],S.a[I].s.totalChars)).length?rt+=M.t.v*L[0]*st:rt+=M.t.v*L*st);nt=!1}for(rt&&(rt+=it);at<s;)A[at].animatorJustifyOffset=rt,at+=1}for(s=0;s<a;s+=1){if(T.reset(),N=1,A[s].n)r=0,i+=t.yOffset,i+=R?1:0,o=J,R=!1,0,this._hasMaskedPath&&(f=U,c=(d=u[m=Z].bezierData.points)[f-1],y=(h=d[f]).partialLength,p=0),K=W=X=tt="",et=this.defaultPropsArray;else{if(this._hasMaskedPath){if(Q!==A[s].line){switch(t.j){case 1:o+=g-t.lineWidths[A[s].line];break;case 2:o+=(g-t.lineWidths[A[s].line])/2}Q=A[s].line}$!==A[s].ind&&(A[$]&&(o+=A[$].extra),o+=A[s].an/2,$=A[s].ind),o+=x[0]*A[s].an/200;var ot=0;for(I=0;I<w;I+=1)(M=_[I].a).p.propType&&((L=_[I].s.getMult(A[s].anIndexes[I],S.a[I].s.totalChars)).length?ot+=M.p.v[0]*L[0]:ot+=M.p.v[0]*L),M.a.propType&&((L=_[I].s.getMult(A[s].anIndexes[I],S.a[I].s.totalChars)).length?ot+=M.a.v[0]*L[0]:ot+=M.a.v[0]*L);for(l=!0;l;)o+ot<=p+y||!d?(v=(o+ot-p)/h.partialLength,O=c.point[0]+(h.point[0]-c.point[0])*v,B=c.point[1]+(h.point[1]-c.point[1])*v,T.translate(-x[0]*A[s].an/200,-x[1]*V/100),l=!1):d&&(p+=h.partialLength,(f+=1)>=d.length&&(f=0,d=u[m+=1]?u[m].bezierData.points:b.v.c?u[m=f=0].bezierData.points:(p-=h.partialLength,null)),d&&(c=h,y=(h=d[f]).partialLength));z=A[s].an/2-A[s].add,T.translate(-z,0,0)}else z=A[s].an/2-A[s].add,T.translate(-z,0,0),T.translate(-x[0]*A[s].an/200,-x[1]*V/100,0);for(A[s].l/2,I=0;I<w;I+=1)(M=_[I].a).t.propType&&(L=_[I].s.getMult(A[s].anIndexes[I],S.a[I].s.totalChars),0===r&&0===t.j||(this._hasMaskedPath?L.length?o+=M.t.v*L[0]:o+=M.t.v*L:L.length?r+=M.t.v*L[0]:r+=M.t.v*L));for(A[s].l/2,t.strokeWidthAnim&&(j=t.sw||0),t.strokeColorAnim&&(G=t.sc?[t.sc[0],t.sc[1],t.sc[2]]:[0,0,0]),t.fillColorAnim&&t.fc&&(q=[t.fc[0],t.fc[1],t.fc[2]]),I=0;I<w;I+=1)(M=_[I].a).a.propType&&((L=_[I].s.getMult(A[s].anIndexes[I],S.a[I].s.totalChars)).length?T.translate(-M.a.v[0]*L[0],-M.a.v[1]*L[1],M.a.v[2]*L[2]):T.translate(-M.a.v[0]*L,-M.a.v[1]*L,M.a.v[2]*L));for(I=0;I<w;I+=1)(M=_[I].a).s.propType&&((L=_[I].s.getMult(A[s].anIndexes[I],S.a[I].s.totalChars)).length?T.scale(1+(M.s.v[0]-1)*L[0],1+(M.s.v[1]-1)*L[1],1):T.scale(1+(M.s.v[0]-1)*L,1+(M.s.v[1]-1)*L,1));for(I=0;I<w;I+=1){if(M=_[I].a,L=_[I].s.getMult(A[s].anIndexes[I],S.a[I].s.totalChars),M.sk.propType&&(L.length?T.skewFromAxis(-M.sk.v*L[0],M.sa.v*L[1]):T.skewFromAxis(-M.sk.v*L,M.sa.v*L)),M.r.propType&&(L.length?T.rotateZ(-M.r.v*L[2]):T.rotateZ(-M.r.v*L)),M.ry.propType&&(L.length?T.rotateY(M.ry.v*L[1]):T.rotateY(M.ry.v*L)),M.rx.propType&&(L.length?T.rotateX(M.rx.v*L[0]):T.rotateX(M.rx.v*L)),M.o.propType&&(L.length?N+=(M.o.v*L[0]-N)*L[0]:N+=(M.o.v*L-N)*L),t.strokeWidthAnim&&M.sw.propType&&(L.length?j+=M.sw.v*L[0]:j+=M.sw.v*L),t.strokeColorAnim&&M.sc.propType)for(H=0;H<3;H+=1)L.length?G[H]=G[H]+(M.sc.v[H]-G[H])*L[0]:G[H]=G[H]+(M.sc.v[H]-G[H])*L;if(t.fillColorAnim&&t.fc){if(M.fc.propType)for(H=0;H<3;H+=1)L.length?q[H]=q[H]+(M.fc.v[H]-q[H])*L[0]:q[H]=q[H]+(M.fc.v[H]-q[H])*L;M.fh.propType&&(q=L.length?addHueToRGB(q,M.fh.v*L[0]):addHueToRGB(q,M.fh.v*L)),M.fs.propType&&(q=L.length?addSaturationToRGB(q,M.fs.v*L[0]):addSaturationToRGB(q,M.fs.v*L)),M.fb.propType&&(q=L.length?addBrightnessToRGB(q,M.fb.v*L[0]):addBrightnessToRGB(q,M.fb.v*L))}}for(I=0;I<w;I+=1)(M=_[I].a).p.propType&&(L=_[I].s.getMult(A[s].anIndexes[I],S.a[I].s.totalChars),this._hasMaskedPath?L.length?T.translate(0,M.p.v[1]*L[0],-M.p.v[2]*L[1]):T.translate(0,M.p.v[1]*L,-M.p.v[2]*L):L.length?T.translate(M.p.v[0]*L[0],M.p.v[1]*L[1],-M.p.v[2]*L[2]):T.translate(M.p.v[0]*L,M.p.v[1]*L,-M.p.v[2]*L));if(t.strokeWidthAnim&&(W=j<0?0:j),t.strokeColorAnim&&(Y="rgb("+Math.round(255*G[0])+","+Math.round(255*G[1])+","+Math.round(255*G[2])+")"),t.fillColorAnim&&t.fc&&(X="rgb("+Math.round(255*q[0])+","+Math.round(255*q[1])+","+Math.round(255*q[2])+")"),this._hasMaskedPath){if(T.translate(0,-t.ls),T.translate(0,x[1]*V/100+i,0),S.p.p){P=(h.point[1]-c.point[1])/(h.point[0]-c.point[0]);var ht=180*Math.atan(P)/Math.PI;h.point[0]<c.point[0]&&(ht+=180),T.rotate(-ht*Math.PI/180)}T.translate(O,B,0),o-=x[0]*A[s].an/200,A[s+1]&&$!==A[s+1].ind&&(o+=A[s].an/2,o+=t.tr/1e3*t.finalSize)}else{switch(T.translate(r,i,0),t.ps&&T.translate(t.ps[0],t.ps[1]+t.ascent,0),t.j){case 1:T.translate(A[s].animatorJustifyOffset+t.justifyOffset+(t.boxWidth-t.lineWidths[A[s].line]),0,0);break;case 2:T.translate(A[s].animatorJustifyOffset+t.justifyOffset+(t.boxWidth-t.lineWidths[A[s].line])/2,0,0)}T.translate(0,-t.ls),T.translate(z,0,0),T.translate(x[0]*A[s].an/200,x[1]*V/100,0),r+=A[s].l+t.tr/1e3*t.finalSize}"html"===C?tt=T.toCSS():"svg"===C?tt=T.to2dCSS():et=[T.props[0],T.props[1],T.props[2],T.props[3],T.props[4],T.props[5],T.props[6],T.props[7],T.props[8],T.props[9],T.props[10],T.props[11],T.props[12],T.props[13],T.props[14],T.props[15]],K=N}this.lettersChangedFlag=E<=s?(F=new LetterProps(K,W,Y,X,tt,et),this.renderedLetters.push(F),E+=1,!0):(F=this.renderedLetters[s]).update(K,W,Y,X,tt,et)||this.lettersChangedFlag}}},TextAnimatorProperty.prototype.getValue=function(){this._elem.globalData.frameId!==this._frameId&&(this._frameId=this._elem.globalData.frameId,this.iterateDynamicProperties())},TextAnimatorProperty.prototype.mHelper=new Matrix,TextAnimatorProperty.prototype.defaultPropsArray=[],extendPrototype([DynamicPropertyContainer],TextAnimatorProperty),LetterProps.prototype.update=function(t,e,r,i,s,a){this._mdf.o=!1,this._mdf.sw=!1,this._mdf.sc=!1,this._mdf.fc=!1,this._mdf.m=!1;var n=this._mdf.p=!1;return this.o!==t&&(this.o=t,n=this._mdf.o=!0),this.sw!==e&&(this.sw=e,n=this._mdf.sw=!0),this.sc!==r&&(this.sc=r,n=this._mdf.sc=!0),this.fc!==i&&(this.fc=i,n=this._mdf.fc=!0),this.m!==s&&(this.m=s,n=this._mdf.m=!0),!a.length||this.p[0]===a[0]&&this.p[1]===a[1]&&this.p[4]===a[4]&&this.p[5]===a[5]&&this.p[12]===a[12]&&this.p[13]===a[13]||(this.p=a,n=this._mdf.p=!0),n},TextProperty.prototype.defaultBoxWidth=[0,0],TextProperty.prototype.copyData=function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r]);return t},TextProperty.prototype.setCurrentData=function(t){t.__complete||this.completeTextData(t),this.currentData=t,this.currentData.boxWidth=this.currentData.boxWidth||this.defaultBoxWidth,this._mdf=!0},TextProperty.prototype.searchProperty=function(){return this.searchKeyframes()},TextProperty.prototype.searchKeyframes=function(){return this.kf=1<this.data.d.k.length,this.kf&&this.addEffect(this.getKeyframeValue.bind(this)),this.kf},TextProperty.prototype.addEffect=function(t){this.effectsSequence.push(t),this.elem.addDynamicProperty(this)},TextProperty.prototype.getValue=function(t){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length||t){this.currentData.t=this.data.d.k[this.keysIndex].s.t;var e=this.currentData,r=this.keysIndex;if(this.lock)this.setCurrentData(this.currentData);else{this.lock=!0,this._mdf=!1;var i,s=this.effectsSequence.length,a=t||this.data.d.k[this.keysIndex].s;for(i=0;i<s;i+=1)a=r!==this.keysIndex?this.effectsSequence[i](a,a.t):this.effectsSequence[i](this.currentData,a.t);e!==a&&this.setCurrentData(a),this.pv=this.v=this.currentData,this.lock=!1,this.frameId=this.elem.globalData.frameId}}},TextProperty.prototype.getKeyframeValue=function(){for(var t=this.data.d.k,e=this.elem.comp.renderedFrame,r=0,i=t.length;r<=i-1&&(t[r].s,!(r===i-1||t[r+1].t>e));)r+=1;return this.keysIndex!==r&&(this.keysIndex=r),this.data.d.k[this.keysIndex].s},TextProperty.prototype.buildFinalText=function(t){for(var e=FontManager.getCombinedCharacterCodes(),r=[],i=0,s=t.length;i<s;)-1!==e.indexOf(t.charCodeAt(i))?r[r.length-1]+=t.charAt(i):r.push(t.charAt(i)),i+=1;return r},TextProperty.prototype.completeTextData=function(t){t.__complete=!0;var e,r,i,s,a,n,o,h=this.elem.globalData.fontManager,p=this.data,l=[],f=0,m=p.m.g,c=0,d=0,u=0,y=[],g=0,v=0,P=h.getFontByName(t.f),b=0,x=P.fStyle?P.fStyle.split(" "):[],_="normal",S="normal";for(r=x.length,e=0;e<r;e+=1)switch(x[e].toLowerCase()){case"italic":S="italic";break;case"bold":_="700";break;case"black":_="900";break;case"medium":_="500";break;case"regular":case"normal":_="400";break;case"light":case"thin":_="200"}t.fWeight=P.fWeight||_,t.fStyle=S,r=t.t.length,t.finalSize=t.s,t.finalText=this.buildFinalText(t.t),t.finalLineHeight=t.lh;var T,C=t.tr/1e3*t.finalSize;if(t.sz)for(var E,A,k=!0,D=t.sz[0],M=t.sz[1];k;){g=E=0,r=(A=this.buildFinalText(t.t)).length,C=t.tr/1e3*t.finalSize;var I=-1;for(e=0;e<r;e+=1)T=A[e].charCodeAt(0),i=!1," "===A[e]?I=e:13!==T&&3!==T||(i=!(g=0),E+=t.finalLineHeight||1.2*t.finalSize),D<g+(b=h.chars?(o=h.getCharData(A[e],P.fStyle,P.fFamily),i?0:o.w*t.finalSize/100):h.measureText(A[e],t.f,t.finalSize))&&" "!==A[e]?(-1===I?r+=1:e=I,E+=t.finalLineHeight||1.2*t.finalSize,A.splice(e,I===e?1:0,"\r"),I=-1,g=0):(g+=b,g+=C);E+=P.ascent*t.finalSize/100,this.canResize&&t.finalSize>this.minimumFontSize&&M<E?(t.finalSize-=1,t.finalLineHeight=t.finalSize*t.lh/t.s):(t.finalText=A,r=t.finalText.length,k=!1)}g=-C;var w,F=b=0;for(e=0;e<r;e+=1)if(i=!1,T=(w=t.finalText[e]).charCodeAt(0)," "===w?s="\xa0":13===T||3===T?(F=0,y.push(g),v=v<g?g:v,g=-2*C,i=!(s=""),u+=1):s=t.finalText[e],b=h.chars?(o=h.getCharData(w,P.fStyle,h.getFontByName(t.f).fFamily),i?0:o.w*t.finalSize/100):h.measureText(s,t.f,t.finalSize)," "===w?F+=b+C:(g+=b+C+F,F=0),l.push({l:b,an:b,add:c,n:i,anIndexes:[],val:s,line:u,animatorJustifyOffset:0}),2==m){if(c+=b,""===s||"\xa0"===s||e===r-1){for(""!==s&&"\xa0"!==s||(c-=b);d<=e;)l[d].an=c,l[d].ind=f,l[d].extra=b,d+=1;f+=1,c=0}}else if(3==m){if(c+=b,""===s||e===r-1){for(""===s&&(c-=b);d<=e;)l[d].an=c,l[d].ind=f,l[d].extra=b,d+=1;c=0,f+=1}}else l[f].ind=f,l[f].extra=0,f+=1;if(t.l=l,v=v<g?g:v,y.push(g),t.sz)t.boxWidth=t.sz[0],t.justifyOffset=0;else switch(t.boxWidth=v,t.j){case 1:t.justifyOffset=-t.boxWidth;break;case 2:t.justifyOffset=-t.boxWidth/2;break;default:t.justifyOffset=0}t.lineWidths=y;var V,R,L=p.a;n=L.length;var z,O,B=[];for(a=0;a<n;a+=1){for((V=L[a]).a.sc&&(t.strokeColorAnim=!0),V.a.sw&&(t.strokeWidthAnim=!0),(V.a.fc||V.a.fh||V.a.fs||V.a.fb)&&(t.fillColorAnim=!0),O=0,z=V.s.b,e=0;e<r;e+=1)(R=l[e]).anIndexes[a]=O,(1==z&&""!==R.val||2==z&&""!==R.val&&"\xa0"!==R.val||3==z&&(R.n||"\xa0"==R.val||e==r-1)||4==z&&(R.n||e==r-1))&&(1===V.s.rn&&B.push(O),O+=1);p.a[a].s.totalChars=O;var N,G=-1;if(1===V.s.rn)for(e=0;e<r;e+=1)G!=(R=l[e]).anIndexes[a]&&(G=R.anIndexes[a],N=B.splice(Math.floor(Math.random()*B.length),1)[0]),R.anIndexes[a]=N}t.yOffset=t.finalLineHeight||1.2*t.finalSize,t.ls=t.ls||0,t.ascent=P.ascent*t.finalSize/100},TextProperty.prototype.updateDocumentData=function(t,e){e=void 0===e?this.keysIndex:e;var r=this.copyData({},this.data.d.k[e].s);r=this.copyData(r,t),this.data.d.k[e].s=r,this.recalculate(e),this.elem.addDynamicProperty(this)},TextProperty.prototype.recalculate=function(t){var e=this.data.d.k[t].s;e.__complete=!1,this.keysIndex=0,this._isFirstFrame=!0,this.getValue(e)},TextProperty.prototype.canResizeFont=function(t){this.canResize=t,this.recalculate(this.keysIndex),this.elem.addDynamicProperty(this)},TextProperty.prototype.setMinimumFontSize=function(t){this.minimumFontSize=Math.floor(t)||1,this.recalculate(this.keysIndex),this.elem.addDynamicProperty(this)};var TextSelectorProp=function(){var p=Math.max,l=Math.min,f=Math.floor;function i(t,e){this._currentTextLength=-1,this.k=!1,this.data=e,this.elem=t,this.comp=t.comp,this.finalS=0,this.finalE=0,this.initDynamicPropertyContainer(t),this.s=PropertyFactory.getProp(t,e.s||{k:0},0,0,this),this.e="e"in e?PropertyFactory.getProp(t,e.e,0,0,this):{v:100},this.o=PropertyFactory.getProp(t,e.o||{k:0},0,0,this),this.xe=PropertyFactory.getProp(t,e.xe||{k:0},0,0,this),this.ne=PropertyFactory.getProp(t,e.ne||{k:0},0,0,this),this.a=PropertyFactory.getProp(t,e.a,0,.01,this),this.dynamicProperties.length||this.getValue()}return i.prototype={getMult:function(t){this._currentTextLength!==this.elem.textProperty.currentData.l.length&&this.getValue();var e=BezierFactory.getBezierEasing(this.ne.v/100,0,1-this.xe.v/100,1).get,r=0,i=this.finalS,s=this.finalE,a=this.data.sh;if(2==a)r=e(r=s===i?s<=t?1:0:p(0,l(.5/(s-i)+(t-i)/(s-i),1)));else if(3==a)r=e(r=s===i?s<=t?0:1:1-p(0,l(.5/(s-i)+(t-i)/(s-i),1)));else if(4==a)s===i?r=0:(r=p(0,l(.5/(s-i)+(t-i)/(s-i),1)))<.5?r*=2:r=1-2*(r-.5),r=e(r);else if(5==a){if(s===i)r=0;else{var n=s-i,o=-n/2+(t=l(p(0,t+.5-i),s-i)),h=n/2;r=Math.sqrt(1-o*o/(h*h))}r=e(r)}else r=6==a?e(r=s===i?0:(t=l(p(0,t+.5-i),s-i),(1+Math.cos(Math.PI+2*Math.PI*t/(s-i)))/2)):(t>=f(i)&&(r=t-i<0?1-(i-t):p(0,l(s-t,1))),e(r));return r*this.a.v},getValue:function(t){this.iterateDynamicProperties(),this._mdf=t||this._mdf,this._currentTextLength=this.elem.textProperty.currentData.l.length||0,t&&2===this.data.r&&(this.e.v=this._currentTextLength);var e=2===this.data.r?1:100/this.data.totalChars,r=this.o.v/e,i=this.s.v/e+r,s=this.e.v/e+r;if(s<i){var a=i;i=s,s=a}this.finalS=i,this.finalE=s}},extendPrototype([DynamicPropertyContainer],i),{getTextSelectorProp:function(t,e,r){return new i(t,e,r)}}}(),pool_factory=function(t,e,r,i){var s=0,a=t,n=createSizedArray(a);function o(){return s?n[s-=1]:e()}return{newElement:o,release:function(t){s===a&&(n=pooling.double(n),a*=2),r&&r(t),n[s]=t,s+=1}}},pooling={double:function(t){return t.concat(createSizedArray(t.length))}},point_pool=pool_factory(8,function(){return createTypedArray("float32",2)}),shape_pool=(wA=pool_factory(4,function(){return new ShapePath},function(t){var e,r=t._length;for(e=0;e<r;e+=1)point_pool.release(t.v[e]),point_pool.release(t.i[e]),point_pool.release(t.o[e]),t.v[e]=null,t.i[e]=null,t.o[e]=null;t._length=0,t.c=!1}),wA.clone=function(t){var e,r=wA.newElement(),i=void 0===t._length?t.v.length:t._length;for(r.setLength(i),r.c=t.c,e=0;e<i;e+=1)r.setTripleAt(t.v[e][0],t.v[e][1],t.o[e][0],t.o[e][1],t.i[e][0],t.i[e][1],e);return r},wA),wA,shapeCollection_pool=(FA={newShapeCollection:function(){var t;t=GA?IA[GA-=1]:new ShapeCollection;return t},release:function(t){var e,r=t._length;for(e=0;e<r;e+=1)shape_pool.release(t.shapes[e]);t._length=0,GA===HA&&(IA=pooling.double(IA),HA*=2);IA[GA]=t,GA+=1}},GA=0,HA=4,IA=createSizedArray(HA),FA),FA,GA,HA,IA,segments_length_pool=pool_factory(8,function(){return{lengths:[],totalLength:0}},function(t){var e,r=t.lengths.length;for(e=0;e<r;e+=1)bezier_length_pool.release(t.lengths[e]);t.lengths.length=0}),bezier_length_pool=pool_factory(8,function(){return{addedLength:0,percents:createTypedArray("float32",defaultCurveSegments),lengths:createTypedArray("float32",defaultCurveSegments)}});function BaseRenderer(){}function SVGRenderer(t,e){this.animationItem=t,this.layers=null,this.renderedFrame=-1,this.svgElement=createNS("svg");var r=createNS("defs");this.svgElement.appendChild(r);var i=createNS("g");this.svgElement.appendChild(i),this.layerElement=i,this.renderConfig={preserveAspectRatio:e&&e.preserveAspectRatio||"xMidYMid meet",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",progressiveLoad:e&&e.progressiveLoad||!1,hideOnTransparent:!e||!1!==e.hideOnTransparent,viewBoxOnly:e&&e.viewBoxOnly||!1,viewBoxSize:e&&e.viewBoxSize||!1,className:e&&e.className||""},this.globalData={_mdf:!1,frameNum:-1,defs:r,renderConfig:this.renderConfig},this.elements=[],this.pendingElements=[],this.destroyed=!1,this.rendererType="svg"}function CanvasRenderer(t,e){this.animationItem=t,this.renderConfig={clearCanvas:!e||void 0===e.clearCanvas||e.clearCanvas,context:e&&e.context||null,progressiveLoad:e&&e.progressiveLoad||!1,preserveAspectRatio:e&&e.preserveAspectRatio||"xMidYMid meet",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",className:e&&e.className||""},this.renderConfig.dpr=e&&e.dpr||1,this.animationItem.wrapper&&(this.renderConfig.dpr=e&&e.dpr||window.devicePixelRatio||1),this.renderedFrame=-1,this.globalData={frameNum:-1,_mdf:!1,renderConfig:this.renderConfig,currentGlobalAlpha:-1},this.contextData=new CVContextData,this.elements=[],this.pendingElements=[],this.transformMat=new Matrix,this.completeLayers=!1,this.rendererType="canvas"}function MaskElement(t,e,r){this.data=t,this.element=e,this.globalData=r,this.storedData=[],this.masksProperties=this.data.masksProperties||[],this.maskElement=null;var i,s=this.globalData.defs,a=this.masksProperties?this.masksProperties.length:0;this.viewData=createSizedArray(a),this.solidPath="";var n,o,h,p,l,f,m,c=this.masksProperties,d=0,u=[],y=randomString(10),g="clipPath",v="clip-path";for(i=0;i<a;i++)if(("a"!==c[i].mode&&"n"!==c[i].mode||c[i].inv||100!==c[i].o.k)&&(v=g="mask"),"s"!=c[i].mode&&"i"!=c[i].mode||0!==d?p=null:((p=createNS("rect")).setAttribute("fill","#ffffff"),p.setAttribute("width",this.element.comp.data.w||0),p.setAttribute("height",this.element.comp.data.h||0),u.push(p)),n=createNS("path"),"n"!=c[i].mode){var P;if(d+=1,n.setAttribute("fill","s"===c[i].mode?"#000000":"#ffffff"),n.setAttribute("clip-rule","nonzero"),0!==c[i].x.k?(v=g="mask",m=PropertyFactory.getProp(this.element,c[i].x,0,null,this.element),P="fi_"+randomString(10),(l=createNS("filter")).setAttribute("id",P),(f=createNS("feMorphology")).setAttribute("operator","dilate"),f.setAttribute("in","SourceGraphic"),f.setAttribute("radius","0"),l.appendChild(f),s.appendChild(l),n.setAttribute("stroke","s"===c[i].mode?"#000000":"#ffffff")):m=f=null,this.storedData[i]={elem:n,x:m,expan:f,lastPath:"",lastOperator:"",filterId:P,lastRadius:0},"i"==c[i].mode){h=u.length;var b=createNS("g");for(o=0;o<h;o+=1)b.appendChild(u[o]);var x=createNS("mask");x.setAttribute("mask-type","alpha"),x.setAttribute("id",y+"_"+d),x.appendChild(n),s.appendChild(x),b.setAttribute("mask","url("+locationHref+"#"+y+"_"+d+")"),u.length=0,u.push(b)}else u.push(n);c[i].inv&&!this.solidPath&&(this.solidPath=this.createLayerSolidPath()),this.viewData[i]={elem:n,lastPath:"",op:PropertyFactory.getProp(this.element,c[i].o,0,.01,this.element),prop:ShapePropertyFactory.getShapeProp(this.element,c[i],3),invRect:p},this.viewData[i].prop.k||this.drawPath(c[i],this.viewData[i].prop.v,this.viewData[i])}else this.viewData[i]={op:PropertyFactory.getProp(this.element,c[i].o,0,.01,this.element),prop:ShapePropertyFactory.getShapeProp(this.element,c[i],3),elem:n,lastPath:""},s.appendChild(n);for(this.maskElement=createNS(g),a=u.length,i=0;i<a;i+=1)this.maskElement.appendChild(u[i]);0<d&&(this.maskElement.setAttribute("id",y),this.element.maskedElement.setAttribute(v,"url("+locationHref+"#"+y+")"),s.appendChild(this.maskElement)),this.viewData.length&&this.element.addRenderableComponent(this)}function HierarchyElement(){}function FrameElement(){}function TransformElement(){}function RenderableElement(){}function RenderableDOMElement(){}function ProcessedElement(t,e){this.elem=t,this.pos=e}function SVGShapeData(t,e,r){this.caches=[],this.styles=[],this.transformers=t,this.lStr="",this.sh=r,this.lvl=e,this._isAnimated=!!r.k;for(var i=0,s=t.length;i<s;){if(t[i].mProps.dynamicProperties.length){this._isAnimated=!0;break}i+=1}}function ShapeGroupData(){this.it=[],this.prevViewData=[],this.gr=createNS("g")}function ShapeTransformManager(){this.sequences={},this.sequenceList=[],this.transform_key_count=0}function CVShapeData(t,e,r,i){this.styledShapes=[],this.tr=[0,0,0,0,0,0];var s=4;"rc"==e.ty?s=5:"el"==e.ty?s=6:"sr"==e.ty&&(s=7),this.sh=ShapePropertyFactory.getShapeProp(t,e,s,t);var a,n,o=r.length;for(a=0;a<o;a+=1)r[a].closed||(n={transforms:i.addTransformSequence(r[a].transforms),trNodes:[]},this.styledShapes.push(n),r[a].elements.push(n))}function BaseElement(){}function NullElement(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initFrame(),this.initTransform(t,e,r),this.initHierarchy()}function SVGBaseElement(){}function IShapeElement(){}function ITextElement(){}function ICompElement(){}function IImageElement(t,e,r){this.assetData=e.getAssetData(t.refId),this.initElement(t,e,r)}function ISolidElement(t,e,r){this.initElement(t,e,r)}function SVGShapeElement(t,e,r){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.shapeModifiers=[],this.itemsData=[],this.processedElements=[],this.animatedContents=[],this.initElement(t,e,r),this.prevViewData=[]}function CVContextData(){this.saved=[],this.cArrPos=0,this.cTr=new Matrix,this.cO=1;var t;for(this.savedOp=createTypedArray("float32",15),t=0;t<15;t+=1)this.saved[t]=createTypedArray("float32",16);this._length=15}function CVBaseElement(){}function CVImageElement(t,e,r){this.failed=!1,this.assetData=e.getAssetData(t.refId),this.img=e.imageLoader.getImage(this.assetData),this.initElement(t,e,r)}function CVCompElement(t,e,r){this.completeLayers=!1,this.layers=t.layers,this.pendingElements=[],this.elements=createSizedArray(this.layers.length),this.initElement(t,e,r),this.tm=t.tm?PropertyFactory.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function CVMaskElement(t,e){this.data=t,this.element=e,this.masksProperties=this.data.masksProperties||[],this.viewData=createSizedArray(this.masksProperties.length);var r,i=this.masksProperties.length,s=!1;for(r=0;r<i;r++)"n"!==this.masksProperties[r].mode&&(s=!0),this.viewData[r]=ShapePropertyFactory.getShapeProp(this.element,this.masksProperties[r],3);(this.hasMasks=s)&&this.element.addRenderableComponent(this)}function CVShapeElement(t,e,r){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.itemsData=[],this.prevViewData=[],this.shapeModifiers=[],this.processedElements=[],this.transformsManager=new ShapeTransformManager,this.initElement(t,e,r)}function CVSolidElement(t,e,r){this.initElement(t,e,r)}function CVTextElement(t,e,r){this.textSpans=[],this.yOffset=0,this.fillColorAnim=!1,this.strokeColorAnim=!1,this.strokeWidthAnim=!1,this.stroke=!1,this.fill=!1,this.justifyOffset=0,this.currentRender=null,this.renderType="canvas",this.values={fill:"rgba(0,0,0,0)",stroke:"rgba(0,0,0,0)",sWidth:0,fValue:""},this.initElement(t,e,r)}function CVEffects(){}BaseRenderer.prototype.checkLayers=function(t){var e,r,i=this.layers.length;for(this.completeLayers=!0,e=i-1;0<=e;e--)this.elements[e]||(r=this.layers[e]).ip-r.st<=t-this.layers[e].st&&r.op-r.st>t-this.layers[e].st&&this.buildItem(e),this.completeLayers=!!this.elements[e]&&this.completeLayers;this.checkPendingElements()},BaseRenderer.prototype.createItem=function(t){switch(t.ty){case 2:return this.createImage(t);case 0:return this.createComp(t);case 1:return this.createSolid(t);case 3:return this.createNull(t);case 4:return this.createShape(t);case 5:return this.createText(t);case 13:return this.createCamera(t)}return this.createNull(t)},BaseRenderer.prototype.createCamera=function(){throw new Error("You're using a 3d camera. Try the html renderer.")},BaseRenderer.prototype.buildAllItems=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)this.buildItem(t);this.checkPendingElements()},BaseRenderer.prototype.includeLayers=function(t){this.completeLayers=!1;var e,r,i=t.length,s=this.layers.length;for(e=0;e<i;e+=1)for(r=0;r<s;){if(this.layers[r].id==t[e].id){this.layers[r]=t[e];break}r+=1}},BaseRenderer.prototype.setProjectInterface=function(t){this.globalData.projectInterface=t},BaseRenderer.prototype.initItems=function(){this.globalData.progressiveLoad||this.buildAllItems()},BaseRenderer.prototype.buildElementParenting=function(t,e,r){for(var i=this.elements,s=this.layers,a=0,n=s.length;a<n;)s[a].ind==e&&(i[a]&&!0!==i[a]?(r.push(i[a]),i[a].setAsParent(),void 0!==s[a].parent?this.buildElementParenting(t,s[a].parent,r):t.setHierarchy(r)):(this.buildItem(a),this.addPendingElement(t))),a+=1},BaseRenderer.prototype.addPendingElement=function(t){this.pendingElements.push(t)},BaseRenderer.prototype.searchExtraCompositions=function(t){var e,r=t.length;for(e=0;e<r;e+=1)if(t[e].xt){var i=this.createComp(t[e]);i.initExpressions(),this.globalData.projectInterface.registerComposition(i)}},BaseRenderer.prototype.setupGlobalData=function(t,e){this.globalData.fontManager=new FontManager,this.globalData.fontManager.addChars(t.chars),this.globalData.fontManager.addFonts(t.fonts,e),this.globalData.getAssetData=this.animationItem.getAssetData.bind(this.animationItem),this.globalData.getAssetsPath=this.animationItem.getAssetsPath.bind(this.animationItem),this.globalData.imageLoader=this.animationItem.imagePreloader,this.globalData.frameId=0,this.globalData.frameRate=t.fr,this.globalData.nm=t.nm,this.globalData.compSize={w:t.w,h:t.h}},extendPrototype([BaseRenderer],SVGRenderer),SVGRenderer.prototype.createNull=function(t){return new NullElement(t,this.globalData,this)},SVGRenderer.prototype.createShape=function(t){return new SVGShapeElement(t,this.globalData,this)},SVGRenderer.prototype.createText=function(t){return new SVGTextElement(t,this.globalData,this)},SVGRenderer.prototype.createImage=function(t){return new IImageElement(t,this.globalData,this)},SVGRenderer.prototype.createComp=function(t){return new SVGCompElement(t,this.globalData,this)},SVGRenderer.prototype.createSolid=function(t){return new ISolidElement(t,this.globalData,this)},SVGRenderer.prototype.configAnimation=function(t){this.svgElement.setAttribute("xmlns","http://www.w3.org/2000/svg"),this.renderConfig.viewBoxSize?this.svgElement.setAttribute("viewBox",this.renderConfig.viewBoxSize):this.svgElement.setAttribute("viewBox","0 0 "+t.w+" "+t.h),this.renderConfig.viewBoxOnly||(this.svgElement.setAttribute("width",t.w),this.svgElement.setAttribute("height",t.h),this.svgElement.style.width="100%",this.svgElement.style.height="100%",this.svgElement.style.transform="translate3d(0,0,0)"),this.renderConfig.className&&this.svgElement.setAttribute("class",this.renderConfig.className),this.svgElement.setAttribute("preserveAspectRatio",this.renderConfig.preserveAspectRatio),this.animationItem.wrapper.appendChild(this.svgElement);var e=this.globalData.defs;this.setupGlobalData(t,e),this.globalData.progressiveLoad=this.renderConfig.progressiveLoad,this.data=t;var r=createNS("clipPath"),i=createNS("rect");i.setAttribute("width",t.w),i.setAttribute("height",t.h),i.setAttribute("x",0),i.setAttribute("y",0);var s="animationMask_"+randomString(10);r.setAttribute("id",s),r.appendChild(i),this.layerElement.setAttribute("clip-path","url("+locationHref+"#"+s+")"),e.appendChild(r),this.layers=t.layers,this.elements=createSizedArray(t.layers.length)},SVGRenderer.prototype.destroy=function(){this.animationItem.wrapper.innerHTML="",this.layerElement=null,this.globalData.defs=null;var t,e=this.layers?this.layers.length:0;for(t=0;t<e;t++)this.elements[t]&&this.elements[t].destroy();this.elements.length=0,this.destroyed=!0,this.animationItem=null},SVGRenderer.prototype.updateContainerSize=function(){},SVGRenderer.prototype.buildItem=function(t){var e=this.elements;if(!e[t]&&99!=this.layers[t].ty){e[t]=!0;var r=this.createItem(this.layers[t]);e[t]=r,expressionsPlugin&&(0===this.layers[t].ty&&this.globalData.projectInterface.registerComposition(r),r.initExpressions()),this.appendElementInPos(r,t),this.layers[t].tt&&(this.elements[t-1]&&!0!==this.elements[t-1]?r.setMatte(e[t-1].layerId):(this.buildItem(t-1),this.addPendingElement(r)))}},SVGRenderer.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){var t=this.pendingElements.pop();if(t.checkParenting(),t.data.tt)for(var e=0,r=this.elements.length;e<r;){if(this.elements[e]===t){t.setMatte(this.elements[e-1].layerId);break}e+=1}}},SVGRenderer.prototype.renderFrame=function(t){if(this.renderedFrame!==t&&!this.destroyed){null===t?t=this.renderedFrame:this.renderedFrame=t,this.globalData.frameNum=t,this.globalData.frameId+=1,this.globalData.projectInterface.currentFrame=t,this.globalData._mdf=!1;var e,r=this.layers.length;for(this.completeLayers||this.checkLayers(t),e=r-1;0<=e;e--)(this.completeLayers||this.elements[e])&&this.elements[e].prepareFrame(t-this.layers[e].st);if(this.globalData._mdf)for(e=0;e<r;e+=1)(this.completeLayers||this.elements[e])&&this.elements[e].renderFrame()}},SVGRenderer.prototype.appendElementInPos=function(t,e){var r=t.getBaseElement();if(r){for(var i,s=0;s<e;)this.elements[s]&&!0!==this.elements[s]&&this.elements[s].getBaseElement()&&(i=this.elements[s].getBaseElement()),s+=1;i?this.layerElement.insertBefore(r,i):this.layerElement.appendChild(r)}},SVGRenderer.prototype.hide=function(){this.layerElement.style.display="none"},SVGRenderer.prototype.show=function(){this.layerElement.style.display="block"},extendPrototype([BaseRenderer],CanvasRenderer),CanvasRenderer.prototype.createShape=function(t){return new CVShapeElement(t,this.globalData,this)},CanvasRenderer.prototype.createText=function(t){return new CVTextElement(t,this.globalData,this)},CanvasRenderer.prototype.createImage=function(t){return new CVImageElement(t,this.globalData,this)},CanvasRenderer.prototype.createComp=function(t){return new CVCompElement(t,this.globalData,this)},CanvasRenderer.prototype.createSolid=function(t){return new CVSolidElement(t,this.globalData,this)},CanvasRenderer.prototype.createNull=SVGRenderer.prototype.createNull,CanvasRenderer.prototype.ctxTransform=function(t){if(1!==t[0]||0!==t[1]||0!==t[4]||1!==t[5]||0!==t[12]||0!==t[13])if(this.renderConfig.clearCanvas){this.transformMat.cloneFromProps(t);var e=this.contextData.cTr.props;this.transformMat.transform(e[0],e[1],e[2],e[3],e[4],e[5],e[6],e[7],e[8],e[9],e[10],e[11],e[12],e[13],e[14],e[15]),this.contextData.cTr.cloneFromProps(this.transformMat.props);var r=this.contextData.cTr.props;this.canvasContext.setTransform(r[0],r[1],r[4],r[5],r[12],r[13])}else this.canvasContext.transform(t[0],t[1],t[4],t[5],t[12],t[13])},CanvasRenderer.prototype.ctxOpacity=function(t){if(!this.renderConfig.clearCanvas)return this.canvasContext.globalAlpha*=t<0?0:t,void(this.globalData.currentGlobalAlpha=this.contextData.cO);this.contextData.cO*=t<0?0:t,this.globalData.currentGlobalAlpha!==this.contextData.cO&&(this.canvasContext.globalAlpha=this.contextData.cO,this.globalData.currentGlobalAlpha=this.contextData.cO)},CanvasRenderer.prototype.reset=function(){this.renderConfig.clearCanvas?this.contextData.reset():this.canvasContext.restore()},CanvasRenderer.prototype.save=function(t){if(this.renderConfig.clearCanvas){t&&this.canvasContext.save();var e=this.contextData.cTr.props;this.contextData._length<=this.contextData.cArrPos&&this.contextData.duplicate();var r,i=this.contextData.saved[this.contextData.cArrPos];for(r=0;r<16;r+=1)i[r]=e[r];this.contextData.savedOp[this.contextData.cArrPos]=this.contextData.cO,this.contextData.cArrPos+=1}else this.canvasContext.save()},CanvasRenderer.prototype.restore=function(t){if(this.renderConfig.clearCanvas){t&&(this.canvasContext.restore(),this.globalData.blendMode="source-over"),this.contextData.cArrPos-=1;var e,r=this.contextData.saved[this.contextData.cArrPos],i=this.contextData.cTr.props;for(e=0;e<16;e+=1)i[e]=r[e];this.canvasContext.setTransform(r[0],r[1],r[4],r[5],r[12],r[13]),r=this.contextData.savedOp[this.contextData.cArrPos],this.contextData.cO=r,this.globalData.currentGlobalAlpha!==r&&(this.canvasContext.globalAlpha=r,this.globalData.currentGlobalAlpha=r)}else this.canvasContext.restore()},CanvasRenderer.prototype.configAnimation=function(t){this.animationItem.wrapper?(this.animationItem.container=createTag("canvas"),this.animationItem.container.style.width="100%",this.animationItem.container.style.height="100%",this.animationItem.container.style.transformOrigin=this.animationItem.container.style.mozTransformOrigin=this.animationItem.container.style.webkitTransformOrigin=this.animationItem.container.style["-webkit-transform"]="0px 0px 0px",this.animationItem.wrapper.appendChild(this.animationItem.container),this.canvasContext=this.animationItem.container.getContext("2d"),this.renderConfig.className&&this.animationItem.container.setAttribute("class",this.renderConfig.className)):this.canvasContext=this.renderConfig.context,this.data=t,this.layers=t.layers,this.transformCanvas={w:t.w,h:t.h,sx:0,sy:0,tx:0,ty:0},this.setupGlobalData(t,document.body),this.globalData.canvasContext=this.canvasContext,(this.globalData.renderer=this).globalData.isDashed=!1,this.globalData.progressiveLoad=this.renderConfig.progressiveLoad,this.globalData.transformCanvas=this.transformCanvas,this.elements=createSizedArray(t.layers.length),this.updateContainerSize()},CanvasRenderer.prototype.updateContainerSize=function(){var t,e,r,i;if(this.reset(),this.animationItem.wrapper&&this.animationItem.container?(t=this.animationItem.wrapper.offsetWidth,e=this.animationItem.wrapper.offsetHeight,this.animationItem.container.setAttribute("width",t*this.renderConfig.dpr),this.animationItem.container.setAttribute("height",e*this.renderConfig.dpr)):(t=this.canvasContext.canvas.width*this.renderConfig.dpr,e=this.canvasContext.canvas.height*this.renderConfig.dpr),-1!==this.renderConfig.preserveAspectRatio.indexOf("meet")||-1!==this.renderConfig.preserveAspectRatio.indexOf("slice")){var s=this.renderConfig.preserveAspectRatio.split(" "),a=s[1]||"meet",n=s[0]||"xMidYMid",o=n.substr(0,4),h=n.substr(4);r=t/e,i=this.transformCanvas.w/this.transformCanvas.h,this.transformCanvas.sy=r<i&&"meet"===a||i<r&&"slice"===a?(this.transformCanvas.sx=t/(this.transformCanvas.w/this.renderConfig.dpr),t/(this.transformCanvas.w/this.renderConfig.dpr)):(this.transformCanvas.sx=e/(this.transformCanvas.h/this.renderConfig.dpr),e/(this.transformCanvas.h/this.renderConfig.dpr)),this.transformCanvas.tx="xMid"===o&&(i<r&&"meet"===a||r<i&&"slice"===a)?(t-this.transformCanvas.w*(e/this.transformCanvas.h))/2*this.renderConfig.dpr:"xMax"===o&&(i<r&&"meet"===a||r<i&&"slice"===a)?(t-this.transformCanvas.w*(e/this.transformCanvas.h))*this.renderConfig.dpr:0,this.transformCanvas.ty="YMid"===h&&(r<i&&"meet"===a||i<r&&"slice"===a)?(e-this.transformCanvas.h*(t/this.transformCanvas.w))/2*this.renderConfig.dpr:"YMax"===h&&(r<i&&"meet"===a||i<r&&"slice"===a)?(e-this.transformCanvas.h*(t/this.transformCanvas.w))*this.renderConfig.dpr:0}else"none"==this.renderConfig.preserveAspectRatio?(this.transformCanvas.sx=t/(this.transformCanvas.w/this.renderConfig.dpr),this.transformCanvas.sy=e/(this.transformCanvas.h/this.renderConfig.dpr)):(this.transformCanvas.sx=this.renderConfig.dpr,this.transformCanvas.sy=this.renderConfig.dpr),this.transformCanvas.tx=0,this.transformCanvas.ty=0;this.transformCanvas.props=[this.transformCanvas.sx,0,0,0,0,this.transformCanvas.sy,0,0,0,0,1,0,this.transformCanvas.tx,this.transformCanvas.ty,0,1],this.ctxTransform(this.transformCanvas.props),this.canvasContext.beginPath(),this.canvasContext.rect(0,0,this.transformCanvas.w,this.transformCanvas.h),this.canvasContext.closePath(),this.canvasContext.clip()},CanvasRenderer.prototype.destroy=function(){var t;for(this.renderConfig.clearCanvas&&(this.animationItem.wrapper.innerHTML=""),t=(this.layers?this.layers.length:0)-1;0<=t;t-=1)this.elements[t]&&this.elements[t].destroy();this.elements.length=0,this.globalData.canvasContext=null,this.animationItem.container=null,this.destroyed=!0},CanvasRenderer.prototype.renderFrame=function(t){if(!(this.renderedFrame==t&&!0===this.renderConfig.clearCanvas||this.destroyed||-1===t)){this.renderedFrame=t,this.globalData.frameNum=t-this.animationItem._isFirstFrame,this.globalData.frameId+=1,this.globalData._mdf=!this.renderConfig.clearCanvas,this.globalData.projectInterface.currentFrame=t;var e,r=this.layers.length;for(this.completeLayers||this.checkLayers(t),e=0;e<r;e++)(this.completeLayers||this.elements[e])&&this.elements[e].prepareFrame(t-this.layers[e].st);if(this.globalData._mdf){for(!0===this.renderConfig.clearCanvas?this.canvasContext.clearRect(0,0,this.transformCanvas.w,this.transformCanvas.h):this.save(),e=r-1;0<=e;e-=1)(this.completeLayers||this.elements[e])&&this.elements[e].renderFrame();!0!==this.renderConfig.clearCanvas&&this.restore()}}},CanvasRenderer.prototype.buildItem=function(t){var e=this.elements;if(!e[t]&&99!=this.layers[t].ty){var r=this.createItem(this.layers[t],this,this.globalData);(e[t]=r).initExpressions()}},CanvasRenderer.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){this.pendingElements.pop().checkParenting()}},CanvasRenderer.prototype.hide=function(){this.animationItem.container.style.display="none"},CanvasRenderer.prototype.show=function(){this.animationItem.container.style.display="block"},MaskElement.prototype.getMaskProperty=function(t){return this.viewData[t].prop},MaskElement.prototype.renderFrame=function(t){var e,r=this.element.finalTransform.mat,i=this.masksProperties.length;for(e=0;e<i;e++)if((this.viewData[e].prop._mdf||t)&&this.drawPath(this.masksProperties[e],this.viewData[e].prop.v,this.viewData[e]),(this.viewData[e].op._mdf||t)&&this.viewData[e].elem.setAttribute("fill-opacity",this.viewData[e].op.v),"n"!==this.masksProperties[e].mode&&(this.viewData[e].invRect&&(this.element.finalTransform.mProp._mdf||t)&&(this.viewData[e].invRect.setAttribute("x",-r.props[12]),this.viewData[e].invRect.setAttribute("y",-r.props[13])),this.storedData[e].x&&(this.storedData[e].x._mdf||t))){var s=this.storedData[e].expan;this.storedData[e].x.v<0?("erode"!==this.storedData[e].lastOperator&&(this.storedData[e].lastOperator="erode",this.storedData[e].elem.setAttribute("filter","url("+locationHref+"#"+this.storedData[e].filterId+")")),s.setAttribute("radius",-this.storedData[e].x.v)):("dilate"!==this.storedData[e].lastOperator&&(this.storedData[e].lastOperator="dilate",this.storedData[e].elem.setAttribute("filter",null)),this.storedData[e].elem.setAttribute("stroke-width",2*this.storedData[e].x.v))}},MaskElement.prototype.getMaskelement=function(){return this.maskElement},MaskElement.prototype.createLayerSolidPath=function(){var t="M0,0 ";return t+=" h"+this.globalData.compSize.w,t+=" v"+this.globalData.compSize.h,t+=" h-"+this.globalData.compSize.w,t+=" v-"+this.globalData.compSize.h+" "},MaskElement.prototype.drawPath=function(t,e,r){var i,s,a=" M"+e.v[0][0]+","+e.v[0][1];for(s=e._length,i=1;i<s;i+=1)a+=" C"+e.o[i-1][0]+","+e.o[i-1][1]+" "+e.i[i][0]+","+e.i[i][1]+" "+e.v[i][0]+","+e.v[i][1];if(e.c&&1<s&&(a+=" C"+e.o[i-1][0]+","+e.o[i-1][1]+" "+e.i[0][0]+","+e.i[0][1]+" "+e.v[0][0]+","+e.v[0][1]),r.lastPath!==a){var n="";r.elem&&(e.c&&(n=t.inv?this.solidPath+a:a),r.elem.setAttribute("d",n)),r.lastPath=a}},MaskElement.prototype.destroy=function(){this.element=null,this.globalData=null,this.maskElement=null,this.data=null,this.masksProperties=null},HierarchyElement.prototype={initHierarchy:function(){this.hierarchy=[],this._isParent=!1,this.checkParenting()},setHierarchy:function(t){this.hierarchy=t},setAsParent:function(){this._isParent=!0},checkParenting:function(){void 0!==this.data.parent&&this.comp.buildElementParenting(this,this.data.parent,[])}},FrameElement.prototype={initFrame:function(){this._isFirstFrame=!1,this.dynamicProperties=[],this._mdf=!1},prepareProperties:function(t,e){var r,i=this.dynamicProperties.length;for(r=0;r<i;r+=1)(e||this._isParent&&"transform"===this.dynamicProperties[r].propType)&&(this.dynamicProperties[r].getValue(),this.dynamicProperties[r]._mdf&&(this.globalData._mdf=!0,this._mdf=!0))},addDynamicProperty:function(t){-1===this.dynamicProperties.indexOf(t)&&this.dynamicProperties.push(t)}},TransformElement.prototype={initTransform:function(){this.finalTransform={mProp:this.data.ks?TransformPropertyFactory.getTransformProperty(this,this.data.ks,this):{o:0},_matMdf:!1,_opMdf:!1,mat:new Matrix},this.data.ao&&(this.finalTransform.mProp.autoOriented=!0),this.data.ty},renderTransform:function(){if(this.finalTransform._opMdf=this.finalTransform.mProp.o._mdf||this._isFirstFrame,this.finalTransform._matMdf=this.finalTransform.mProp._mdf||this._isFirstFrame,this.hierarchy){var t,e=this.finalTransform.mat,r=0,i=this.hierarchy.length;if(!this.finalTransform._matMdf)for(;r<i;){if(this.hierarchy[r].finalTransform.mProp._mdf){this.finalTransform._matMdf=!0;break}r+=1}if(this.finalTransform._matMdf)for(t=this.finalTransform.mProp.v.props,e.cloneFromProps(t),r=0;r<i;r+=1)t=this.hierarchy[r].finalTransform.mProp.v.props,e.transform(t[0],t[1],t[2],t[3],t[4],t[5],t[6],t[7],t[8],t[9],t[10],t[11],t[12],t[13],t[14],t[15])}},globalToLocal:function(t){var e=[];e.push(this.finalTransform);for(var r=!0,i=this.comp;r;)i.finalTransform?(i.data.hasMask&&e.splice(0,0,i.finalTransform),i=i.comp):r=!1;var s,a,n=e.length;for(s=0;s<n;s+=1)a=e[s].mat.applyToPointArray(0,0,0),t=[t[0]-a[0],t[1]-a[1],0];return t},mHelper:new Matrix},RenderableElement.prototype={initRenderable:function(){this.isInRange=!1,this.hidden=!1,this.isTransparent=!1,this.renderableComponents=[]},addRenderableComponent:function(t){-1===this.renderableComponents.indexOf(t)&&this.renderableComponents.push(t)},removeRenderableComponent:function(t){-1!==this.renderableComponents.indexOf(t)&&this.renderableComponents.splice(this.renderableComponents.indexOf(t),1)},prepareRenderableFrame:function(t){this.checkLayerLimits(t)},checkTransparency:function(){this.finalTransform.mProp.o.v<=0?!this.isTransparent&&this.globalData.renderConfig.hideOnTransparent&&(this.isTransparent=!0,this.hide()):this.isTransparent&&(this.isTransparent=!1,this.show())},checkLayerLimits:function(t){this.data.ip-this.data.st<=t&&this.data.op-this.data.st>t?!0!==this.isInRange&&(this.globalData._mdf=!0,this._mdf=!0,this.isInRange=!0,this.show()):!1!==this.isInRange&&(this.globalData._mdf=!0,this.isInRange=!1,this.hide())},renderRenderable:function(){var t,e=this.renderableComponents.length;for(t=0;t<e;t+=1)this.renderableComponents[t].renderFrame(this._isFirstFrame)},sourceRectAtTime:function(){return{top:0,left:0,width:100,height:100}},getLayerSize:function(){return 5===this.data.ty?{w:this.data.textData.width,h:this.data.textData.height}:{w:this.data.width,h:this.data.height}}},extendPrototype([RenderableElement,createProxyFunction({initElement:function(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initTransform(t,e,r),this.initHierarchy(),this.initRenderable(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),this.createContent(),this.hide()},hide:function(){this.hidden||this.isInRange&&!this.isTransparent||((this.baseElement||this.layerElement).style.display="none",this.hidden=!0)},show:function(){this.isInRange&&!this.isTransparent&&(this.data.hd||((this.baseElement||this.layerElement).style.display="block"),this.hidden=!1,this._isFirstFrame=!0)},renderFrame:function(){this.data.hd||this.hidden||(this.renderTransform(),this.renderRenderable(),this.renderElement(),this.renderInnerContent(),this._isFirstFrame&&(this._isFirstFrame=!1))},renderInnerContent:function(){},prepareFrame:function(t){this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),this.checkTransparency()},destroy:function(){this.innerElem=null,this.destroyBaseElement()}})],RenderableDOMElement),SVGShapeData.prototype.setAsAnimated=function(){this._isAnimated=!0},ShapeTransformManager.prototype={addTransformSequence:function(t){var e,r=t.length,i="_";for(e=0;e<r;e+=1)i+=t[e].transform.key+"_";var s=this.sequences[i];return s||(s={transforms:[].concat(t),finalTransform:new Matrix,_mdf:!1},this.sequences[i]=s,this.sequenceList.push(s)),s},processSequence:function(t,e){for(var r,i=0,s=t.transforms.length,a=e;i<s&&!e;){if(t.transforms[i].transform.mProps._mdf){a=!0;break}i+=1}if(a)for(t.finalTransform.reset(),i=s-1;0<=i;i-=1)r=t.transforms[i].transform.mProps.v.props,t.finalTransform.transform(r[0],r[1],r[2],r[3],r[4],r[5],r[6],r[7],r[8],r[9],r[10],r[11],r[12],r[13],r[14],r[15]);t._mdf=a},processSequences:function(t){var e,r=this.sequenceList.length;for(e=0;e<r;e+=1)this.processSequence(this.sequenceList[e],t)},getNewKey:function(){return"_"+this.transform_key_count++}},CVShapeData.prototype.setAsAnimated=SVGShapeData.prototype.setAsAnimated,BaseElement.prototype={checkMasks:function(){if(!this.data.hasMask)return!1;for(var t=0,e=this.data.masksProperties.length;t<e;){if("n"!==this.data.masksProperties[t].mode&&!1!==this.data.masksProperties[t].cl)return!0;t+=1}return!1},initExpressions:function(){this.layerInterface=LayerExpressionInterface(this),this.data.hasMask&&this.maskManager&&this.layerInterface.registerMaskInterface(this.maskManager);var t=EffectsExpressionInterface.createEffectsInterface(this,this.layerInterface);this.layerInterface.registerEffectsInterface(t),0===this.data.ty||this.data.xt?this.compInterface=CompExpressionInterface(this):4===this.data.ty?(this.layerInterface.shapeInterface=ShapeExpressionInterface(this.shapesData,this.itemsData,this.layerInterface),this.layerInterface.content=this.layerInterface.shapeInterface):5===this.data.ty&&(this.layerInterface.textInterface=TextExpressionInterface(this),this.layerInterface.text=this.layerInterface.textInterface)},blendModeEnums:{1:"multiply",2:"screen",3:"overlay",4:"darken",5:"lighten",6:"color-dodge",7:"color-burn",8:"hard-light",9:"soft-light",10:"difference",11:"exclusion",12:"hue",13:"saturation",14:"color",15:"luminosity"},getBlendMode:function(){return this.blendModeEnums[this.data.bm]||""},setBlendMode:function(){var t=this.getBlendMode();(this.baseElement||this.layerElement).style["mix-blend-mode"]=t},initBaseData:function(t,e,r){this.globalData=e,this.comp=r,this.data=t,this.layerId="ly_"+randomString(10),this.data.sr||(this.data.sr=1),this.effectsManager=new EffectsManager(this.data,this,this.dynamicProperties)},getType:function(){return this.type}},NullElement.prototype.prepareFrame=function(t){this.prepareProperties(t,!0)},NullElement.prototype.renderFrame=function(){},NullElement.prototype.getBaseElement=function(){return null},NullElement.prototype.destroy=function(){},NullElement.prototype.sourceRectAtTime=function(){},NullElement.prototype.hide=function(){},extendPrototype([BaseElement,TransformElement,HierarchyElement,FrameElement],NullElement),SVGBaseElement.prototype={initRendererElement:function(){this.layerElement=createNS("g")},createContainerElements:function(){this.matteElement=createNS("g"),this.transformedElement=this.layerElement,this.maskedElement=this.layerElement,this._sizeChanged=!1;var t,e,r,i=null;if(this.data.td){if(3==this.data.td||1==this.data.td){var s=createNS("mask");s.setAttribute("id",this.layerId),s.setAttribute("mask-type",3==this.data.td?"luminance":"alpha"),s.appendChild(this.layerElement),i=s,this.globalData.defs.appendChild(s),featureSupport.maskType||1!=this.data.td||(s.setAttribute("mask-type","luminance"),t=randomString(10),e=filtersFactory.createFilter(t),this.globalData.defs.appendChild(e),e.appendChild(filtersFactory.createAlphaToLuminanceFilter()),(r=createNS("g")).appendChild(this.layerElement),i=r,s.appendChild(r),r.setAttribute("filter","url("+locationHref+"#"+t+")"))}else if(2==this.data.td){var a=createNS("mask");a.setAttribute("id",this.layerId),a.setAttribute("mask-type","alpha");var n=createNS("g");a.appendChild(n),t=randomString(10),e=filtersFactory.createFilter(t);var o=createNS("feColorMatrix");o.setAttribute("type","matrix"),o.setAttribute("color-interpolation-filters","sRGB"),o.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"),e.appendChild(o),this.globalData.defs.appendChild(e);var h=createNS("rect");h.setAttribute("width",this.comp.data.w),h.setAttribute("height",this.comp.data.h),h.setAttribute("x","0"),h.setAttribute("y","0"),h.setAttribute("fill","#ffffff"),h.setAttribute("opacity","0"),n.setAttribute("filter","url("+locationHref+"#"+t+")"),n.appendChild(h),n.appendChild(this.layerElement),i=n,featureSupport.maskType||(a.setAttribute("mask-type","luminance"),e.appendChild(filtersFactory.createAlphaToLuminanceFilter()),r=createNS("g"),n.appendChild(h),r.appendChild(this.layerElement),i=r,n.appendChild(r)),this.globalData.defs.appendChild(a)}}else this.data.tt?(this.matteElement.appendChild(this.layerElement),i=this.matteElement,this.baseElement=this.matteElement):this.baseElement=this.layerElement;if(this.data.ln&&this.layerElement.setAttribute("id",this.data.ln),this.data.cl&&this.layerElement.setAttribute("class",this.data.cl),0===this.data.ty&&!this.data.hd){var p=createNS("clipPath"),l=createNS("path");l.setAttribute("d","M0,0 L"+this.data.w+",0 L"+this.data.w+","+this.data.h+" L0,"+this.data.h+"z");var f="cp_"+randomString(8);if(p.setAttribute("id",f),p.appendChild(l),this.globalData.defs.appendChild(p),this.checkMasks()){var m=createNS("g");m.setAttribute("clip-path","url("+locationHref+"#"+f+")"),m.appendChild(this.layerElement),this.transformedElement=m,i?i.appendChild(this.transformedElement):this.baseElement=this.transformedElement}else this.layerElement.setAttribute("clip-path","url("+locationHref+"#"+f+")")}0!==this.data.bm&&this.setBlendMode()},renderElement:function(){this.finalTransform._matMdf&&this.transformedElement.setAttribute("transform",this.finalTransform.mat.to2dCSS()),this.finalTransform._opMdf&&this.transformedElement.setAttribute("opacity",this.finalTransform.mProp.o.v)},destroyBaseElement:function(){this.layerElement=null,this.matteElement=null,this.maskManager.destroy()},getBaseElement:function(){return this.data.hd?null:this.baseElement},createRenderableComponents:function(){this.maskManager=new MaskElement(this.data,this,this.globalData),this.renderableEffectsManager=new SVGEffects(this)},setMatte:function(t){this.matteElement&&this.matteElement.setAttribute("mask","url("+locationHref+"#"+t+")")}},IShapeElement.prototype={addShapeToModifiers:function(t){var e,r=this.shapeModifiers.length;for(e=0;e<r;e+=1)this.shapeModifiers[e].addShape(t)},isShapeInAnimatedModifiers:function(t){for(var e=this.shapeModifiers.length;0<e;)if(this.shapeModifiers[0].isAnimatedWithShape(t))return!0;return!1},renderModifiers:function(){if(this.shapeModifiers.length){var t,e=this.shapes.length;for(t=0;t<e;t+=1)this.shapes[t].sh.reset();for(t=(e=this.shapeModifiers.length)-1;0<=t;t-=1)this.shapeModifiers[t].processShapes(this._isFirstFrame)}},lcEnum:{1:"butt",2:"round",3:"square"},ljEnum:{1:"miter",2:"round",3:"bevel"},searchProcessedElement:function(t){for(var e=this.processedElements,r=0,i=e.length;r<i;){if(e[r].elem===t)return e[r].pos;r+=1}return 0},addProcessedElement:function(t,e){for(var r=this.processedElements,i=r.length;i;)if(r[i-=1].elem===t)return void(r[i].pos=e);r.push(new ProcessedElement(t,e))},prepareFrame:function(t){this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange)}},ITextElement.prototype.initElement=function(t,e,r){this.lettersChangedFlag=!0,this.initFrame(),this.initBaseData(t,e,r),this.textProperty=new TextProperty(this,t.t,this.dynamicProperties),this.textAnimator=new TextAnimatorProperty(t.t,this.renderType,this),this.initTransform(t,e,r),this.initHierarchy(),this.initRenderable(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),this.createContent(),this.hide(),this.textAnimator.searchProperties(this.dynamicProperties)},ITextElement.prototype.prepareFrame=function(t){this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),(this.textProperty._mdf||this.textProperty._isFirstFrame)&&(this.buildNewText(),this.textProperty._isFirstFrame=!1,this.textProperty._mdf=!1)},ITextElement.prototype.createPathShape=function(t,e){var r,i,s=e.length,a="";for(r=0;r<s;r+=1)i=e[r].ks.k,a+=buildShapeString(i,i.i.length,!0,t);return a},ITextElement.prototype.updateDocumentData=function(t,e){this.textProperty.updateDocumentData(t,e)},ITextElement.prototype.canResizeFont=function(t){this.textProperty.canResizeFont(t)},ITextElement.prototype.setMinimumFontSize=function(t){this.textProperty.setMinimumFontSize(t)},ITextElement.prototype.applyTextPropertiesToMatrix=function(t,e,r,i,s){switch(t.ps&&e.translate(t.ps[0],t.ps[1]+t.ascent,0),e.translate(0,-t.ls,0),t.j){case 1:e.translate(t.justifyOffset+(t.boxWidth-t.lineWidths[r]),0,0);break;case 2:e.translate(t.justifyOffset+(t.boxWidth-t.lineWidths[r])/2,0,0)}e.translate(i,s,0)},ITextElement.prototype.buildColor=function(t){return"rgb("+Math.round(255*t[0])+","+Math.round(255*t[1])+","+Math.round(255*t[2])+")"},ITextElement.prototype.emptyProp=new LetterProps,ITextElement.prototype.destroy=function(){},extendPrototype([BaseElement,TransformElement,HierarchyElement,FrameElement,RenderableDOMElement],ICompElement),ICompElement.prototype.initElement=function(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initTransform(t,e,r),this.initRenderable(),this.initHierarchy(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),!this.data.xt&&e.progressiveLoad||this.buildAllItems(),this.hide()},ICompElement.prototype.prepareFrame=function(t){if(this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),this.isInRange||this.data.xt){if(this.tm._placeholder)this.renderedFrame=t/this.data.sr;else{var e=this.tm.v;e===this.data.op&&(e=this.data.op-1),this.renderedFrame=e}var r,i=this.elements.length;for(this.completeLayers||this.checkLayers(this.renderedFrame),r=i-1;0<=r;r-=1)(this.completeLayers||this.elements[r])&&(this.elements[r].prepareFrame(this.renderedFrame-this.layers[r].st),this.elements[r]._mdf&&(this._mdf=!0))}},ICompElement.prototype.renderInnerContent=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)(this.completeLayers||this.elements[t])&&this.elements[t].renderFrame()},ICompElement.prototype.setElements=function(t){this.elements=t},ICompElement.prototype.getElements=function(){return this.elements},ICompElement.prototype.destroyElements=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)this.elements[t]&&this.elements[t].destroy()},ICompElement.prototype.destroy=function(){this.destroyElements(),this.destroyBaseElement()},extendPrototype([BaseElement,TransformElement,SVGBaseElement,HierarchyElement,FrameElement,RenderableDOMElement],IImageElement),IImageElement.prototype.createContent=function(){var t=this.globalData.getAssetsPath(this.assetData);this.innerElem=createNS("image"),this.innerElem.setAttribute("width",this.assetData.w+"px"),this.innerElem.setAttribute("height",this.assetData.h+"px"),this.innerElem.setAttribute("preserveAspectRatio",this.assetData.pr||this.globalData.renderConfig.imagePreserveAspectRatio),this.innerElem.setAttributeNS("http://www.w3.org/1999/xlink","href",t),this.layerElement.appendChild(this.innerElem)},extendPrototype([IImageElement],ISolidElement),ISolidElement.prototype.createContent=function(){var t=createNS("rect");t.setAttribute("width",this.data.sw),t.setAttribute("height",this.data.sh),t.setAttribute("fill",this.data.sc),this.layerElement.appendChild(t)},extendPrototype([BaseElement,TransformElement,SVGBaseElement,IShapeElement,HierarchyElement,FrameElement,RenderableDOMElement],SVGShapeElement),SVGShapeElement.prototype.initSecondaryElement=function(){},SVGShapeElement.prototype.identityMatrix=new Matrix,SVGShapeElement.prototype.buildExpressionInterface=function(){},SVGShapeElement.prototype.createContent=function(){this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes()},SVGShapeElement.prototype.filterUniqueShapes=function(){var t,e,r,i,s=this.shapes.length,a=this.stylesList.length,n=[],o=!1;for(r=0;r<a;r+=1){for(i=this.stylesList[r],o=!1,t=n.length=0;t<s;t+=1)-1!==(e=this.shapes[t]).styles.indexOf(i)&&(n.push(e),o=e._isAnimated||o);1<n.length&&o&&this.setShapesAsAnimated(n)}},SVGShapeElement.prototype.setShapesAsAnimated=function(t){var e,r=t.length;for(e=0;e<r;e+=1)t[e].setAsAnimated()},SVGShapeElement.prototype.createStyleElement=function(t,e){var r,i=new SVGStyleData(t,e),s=i.pElem;if("st"===t.ty)r=new SVGStrokeStyleData(this,t,i);else if("fl"===t.ty)r=new SVGFillStyleData(this,t,i);else if("gf"===t.ty||"gs"===t.ty){r=new("gf"===t.ty?SVGGradientFillStyleData:SVGGradientStrokeStyleData)(this,t,i),this.globalData.defs.appendChild(r.gf),r.maskId&&(this.globalData.defs.appendChild(r.ms),this.globalData.defs.appendChild(r.of),s.setAttribute("mask","url("+locationHref+"#"+r.maskId+")"))}return"st"!==t.ty&&"gs"!==t.ty||(s.setAttribute("stroke-linecap",this.lcEnum[t.lc]||"round"),s.setAttribute("stroke-linejoin",this.ljEnum[t.lj]||"round"),s.setAttribute("fill-opacity","0"),1===t.lj&&s.setAttribute("stroke-miterlimit",t.ml)),2===t.r&&s.setAttribute("fill-rule","evenodd"),t.ln&&s.setAttribute("id",t.ln),t.cl&&s.setAttribute("class",t.cl),this.stylesList.push(i),this.addToAnimatedContents(t,r),r},SVGShapeElement.prototype.createGroupElement=function(t){var e=new ShapeGroupData;return t.ln&&e.gr.setAttribute("id",t.ln),t.cl&&e.gr.setAttribute("class",t.cl),e},SVGShapeElement.prototype.createTransformElement=function(t,e){var r=TransformPropertyFactory.getTransformProperty(this,t,this),i=new SVGTransformData(r,r.o,e);return this.addToAnimatedContents(t,i),i},SVGShapeElement.prototype.createShapeElement=function(t,e,r){var i=4;"rc"===t.ty?i=5:"el"===t.ty?i=6:"sr"===t.ty&&(i=7);var s=new SVGShapeData(e,r,ShapePropertyFactory.getShapeProp(this,t,i,this));return this.shapes.push(s),this.addShapeToModifiers(s),this.addToAnimatedContents(t,s),s},SVGShapeElement.prototype.addToAnimatedContents=function(t,e){for(var r=0,i=this.animatedContents.length;r<i;){if(this.animatedContents[r].element===e)return;r+=1}this.animatedContents.push({fn:SVGElementsRenderer.createRenderFunction(t),element:e,data:t})},SVGShapeElement.prototype.setElementStyles=function(t){var e,r=t.styles,i=this.stylesList.length;for(e=0;e<i;e+=1)this.stylesList[e].closed||r.push(this.stylesList[e])},SVGShapeElement.prototype.reloadShapes=function(){this._isFirstFrame=!0;var t,e=this.itemsData.length;for(t=0;t<e;t+=1)this.prevViewData[t]=this.itemsData[t];for(this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes(),e=this.dynamicProperties.length,t=0;t<e;t+=1)this.dynamicProperties[t].getValue();this.renderModifiers()},SVGShapeElement.prototype.searchShapes=function(t,e,r,i,s,a,n){var o,h,p,l,f,m,c=[].concat(a),d=t.length-1,u=[],y=[];for(o=d;0<=o;o-=1){if((m=this.searchProcessedElement(t[o]))?e[o]=r[m-1]:t[o]._render=n,"fl"==t[o].ty||"st"==t[o].ty||"gf"==t[o].ty||"gs"==t[o].ty)m?e[o].style.closed=!1:e[o]=this.createStyleElement(t[o],s),t[o]._render&&i.appendChild(e[o].style.pElem),u.push(e[o].style);else if("gr"==t[o].ty){if(m)for(p=e[o].it.length,h=0;h<p;h+=1)e[o].prevViewData[h]=e[o].it[h];else e[o]=this.createGroupElement(t[o]);this.searchShapes(t[o].it,e[o].it,e[o].prevViewData,e[o].gr,s+1,c,n),t[o]._render&&i.appendChild(e[o].gr)}else"tr"==t[o].ty?(m||(e[o]=this.createTransformElement(t[o],i)),l=e[o].transform,c.push(l)):"sh"==t[o].ty||"rc"==t[o].ty||"el"==t[o].ty||"sr"==t[o].ty?(m||(e[o]=this.createShapeElement(t[o],c,s)),this.setElementStyles(e[o])):"tm"==t[o].ty||"rd"==t[o].ty||"ms"==t[o].ty?(m?(f=e[o]).closed=!1:((f=ShapeModifiers.getModifier(t[o].ty)).init(this,t[o]),e[o]=f,this.shapeModifiers.push(f)),y.push(f)):"rp"==t[o].ty&&(m?(f=e[o]).closed=!0:(f=ShapeModifiers.getModifier(t[o].ty),(e[o]=f).init(this,t,o,e),this.shapeModifiers.push(f),n=!1),y.push(f));this.addProcessedElement(t[o],o+1)}for(d=u.length,o=0;o<d;o+=1)u[o].closed=!0;for(d=y.length,o=0;o<d;o+=1)y[o].closed=!0},SVGShapeElement.prototype.renderInnerContent=function(){this.renderModifiers();var t,e=this.stylesList.length;for(t=0;t<e;t+=1)this.stylesList[t].reset();for(this.renderShape(),t=0;t<e;t+=1)(this.stylesList[t]._mdf||this._isFirstFrame)&&(this.stylesList[t].msElem&&(this.stylesList[t].msElem.setAttribute("d",this.stylesList[t].d),this.stylesList[t].d="M0 0"+this.stylesList[t].d),this.stylesList[t].pElem.setAttribute("d",this.stylesList[t].d||"M0 0"))},SVGShapeElement.prototype.renderShape=function(){var t,e,r=this.animatedContents.length;for(t=0;t<r;t+=1)e=this.animatedContents[t],(this._isFirstFrame||e.element._isAnimated)&&!0!==e.data&&e.fn(e.data,e.element,this._isFirstFrame)},SVGShapeElement.prototype.destroy=function(){this.destroyBaseElement(),this.shapesData=null,this.itemsData=null},CVContextData.prototype.duplicate=function(){var t=2*this._length,e=this.savedOp;this.savedOp=createTypedArray("float32",t),this.savedOp.set(e);var r=0;for(r=this._length;r<t;r+=1)this.saved[r]=createTypedArray("float32",16);this._length=t},CVContextData.prototype.reset=function(){this.cArrPos=0,this.cTr.reset(),this.cO=1},CVBaseElement.prototype={createElements:function(){},initRendererElement:function(){},createContainerElements:function(){this.canvasContext=this.globalData.canvasContext,this.renderableEffectsManager=new CVEffects(this)},createContent:function(){},setBlendMode:function(){var t=this.globalData;if(t.blendMode!==this.data.bm){t.blendMode=this.data.bm;var e=this.getBlendMode();t.canvasContext.globalCompositeOperation=e}},createRenderableComponents:function(){this.maskManager=new CVMaskElement(this.data,this)},hideElement:function(){this.hidden||this.isInRange&&!this.isTransparent||(this.hidden=!0)},showElement:function(){this.isInRange&&!this.isTransparent&&(this.hidden=!1,this._isFirstFrame=!0,this.maskManager._isFirstFrame=!0)},renderFrame:function(){this.hidden||this.data.hd||(this.renderTransform(),this.renderRenderable(),this.setBlendMode(),this.globalData.renderer.save(),this.globalData.renderer.ctxTransform(this.finalTransform.mat.props),this.globalData.renderer.ctxOpacity(this.finalTransform.mProp.o.v),this.renderInnerContent(),this.globalData.renderer.restore(),this.maskManager.hasMasks&&this.globalData.renderer.restore(!0),this._isFirstFrame&&(this._isFirstFrame=!1))},destroy:function(){this.canvasContext=null,this.data=null,this.globalData=null,this.maskManager.destroy()},mHelper:new Matrix},CVBaseElement.prototype.hide=CVBaseElement.prototype.hideElement,CVBaseElement.prototype.show=CVBaseElement.prototype.showElement,extendPrototype([BaseElement,TransformElement,CVBaseElement,HierarchyElement,FrameElement,RenderableElement],CVImageElement),CVImageElement.prototype.initElement=SVGShapeElement.prototype.initElement,CVImageElement.prototype.prepareFrame=IImageElement.prototype.prepareFrame,CVImageElement.prototype.createContent=function(){if(this.img.width&&(this.assetData.w!==this.img.width||this.assetData.h!==this.img.height)){var t=createTag("canvas");t.width=this.assetData.w,t.height=this.assetData.h;var e,r,i=t.getContext("2d"),s=this.img.width,a=this.img.height,n=s/a,o=this.assetData.w/this.assetData.h,h=this.assetData.pr||this.globalData.renderConfig.imagePreserveAspectRatio;o<n&&"xMidYMid slice"===h||n<o&&"xMidYMid slice"!==h?e=(r=a)*o:r=(e=s)/o,i.drawImage(this.img,(s-e)/2,(a-r)/2,e,r,0,0,this.assetData.w,this.assetData.h),this.img=t}},CVImageElement.prototype.renderInnerContent=function(t){this.failed||this.canvasContext.drawImage(this.img,0,0)},CVImageElement.prototype.destroy=function(){this.img=null},extendPrototype([CanvasRenderer,ICompElement,CVBaseElement],CVCompElement),CVCompElement.prototype.renderInnerContent=function(){var t;for(t=this.layers.length-1;0<=t;t-=1)(this.completeLayers||this.elements[t])&&this.elements[t].renderFrame()},CVCompElement.prototype.destroy=function(){var t;for(t=this.layers.length-1;0<=t;t-=1)this.elements[t]&&this.elements[t].destroy();this.layers=null,this.elements=null},CVMaskElement.prototype.renderFrame=function(){if(this.hasMasks){var t,e,r,i,s=this.element.finalTransform.mat,a=this.element.canvasContext,n=this.masksProperties.length;for(a.beginPath(),t=0;t<n;t++)if("n"!==this.masksProperties[t].mode){this.masksProperties[t].inv&&(a.moveTo(0,0),a.lineTo(this.element.globalData.compSize.w,0),a.lineTo(this.element.globalData.compSize.w,this.element.globalData.compSize.h),a.lineTo(0,this.element.globalData.compSize.h),a.lineTo(0,0)),i=this.viewData[t].v,e=s.applyToPointArray(i.v[0][0],i.v[0][1],0),a.moveTo(e[0],e[1]);var o,h=i._length;for(o=1;o<h;o++)r=s.applyToTriplePoints(i.o[o-1],i.i[o],i.v[o]),a.bezierCurveTo(r[0],r[1],r[2],r[3],r[4],r[5]);r=s.applyToTriplePoints(i.o[o-1],i.i[0],i.v[0]),a.bezierCurveTo(r[0],r[1],r[2],r[3],r[4],r[5])}this.element.globalData.renderer.save(!0),a.clip()}},CVMaskElement.prototype.getMaskProperty=MaskElement.prototype.getMaskProperty,CVMaskElement.prototype.destroy=function(){this.element=null},extendPrototype([BaseElement,TransformElement,CVBaseElement,IShapeElement,HierarchyElement,FrameElement,RenderableElement],CVShapeElement),CVShapeElement.prototype.initElement=RenderableDOMElement.prototype.initElement,CVShapeElement.prototype.transformHelper={opacity:1,_opMdf:!1},CVShapeElement.prototype.dashResetter=[],CVShapeElement.prototype.createContent=function(){this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,!0,[])},CVShapeElement.prototype.createStyleElement=function(t,e){var r={data:t,type:t.ty,preTransforms:this.transformsManager.addTransformSequence(e),transforms:[],elements:[],closed:!0===t.hd},i={};if("fl"==t.ty||"st"==t.ty?(i.c=PropertyFactory.getProp(this,t.c,1,255,this),i.c.k||(r.co="rgb("+bm_floor(i.c.v[0])+","+bm_floor(i.c.v[1])+","+bm_floor(i.c.v[2])+")")):"gf"!==t.ty&&"gs"!==t.ty||(i.s=PropertyFactory.getProp(this,t.s,1,null,this),i.e=PropertyFactory.getProp(this,t.e,1,null,this),i.h=PropertyFactory.getProp(this,t.h||{k:0},0,.01,this),i.a=PropertyFactory.getProp(this,t.a||{k:0},0,degToRads,this),i.g=new GradientProperty(this,t.g,this)),i.o=PropertyFactory.getProp(this,t.o,0,.01,this),"st"==t.ty||"gs"==t.ty){if(r.lc=this.lcEnum[t.lc]||"round",r.lj=this.ljEnum[t.lj]||"round",1==t.lj&&(r.ml=t.ml),i.w=PropertyFactory.getProp(this,t.w,0,null,this),i.w.k||(r.wi=i.w.v),t.d){var s=new DashProperty(this,t.d,"canvas");i.d=s,i.d.k||(r.da=i.d.dashArray,r.do=i.d.dashoffset[0])}}else r.r=2===t.r?"evenodd":"nonzero";return this.stylesList.push(r),i.style=r,i},CVShapeElement.prototype.createGroupElement=function(t){return{it:[],prevViewData:[]}},CVShapeElement.prototype.createTransformElement=function(t){return{transform:{opacity:1,_opMdf:!1,key:this.transformsManager.getNewKey(),op:PropertyFactory.getProp(this,t.o,0,.01,this),mProps:TransformPropertyFactory.getTransformProperty(this,t,this)}}},CVShapeElement.prototype.createShapeElement=function(t){var e=new CVShapeData(this,t,this.stylesList,this.transformsManager);return this.shapes.push(e),this.addShapeToModifiers(e),e},CVShapeElement.prototype.reloadShapes=function(){this._isFirstFrame=!0;var t,e=this.itemsData.length;for(t=0;t<e;t+=1)this.prevViewData[t]=this.itemsData[t];for(this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,!0,[]),e=this.dynamicProperties.length,t=0;t<e;t+=1)this.dynamicProperties[t].getValue();this.renderModifiers(),this.transformsManager.processSequences(this._isFirstFrame)},CVShapeElement.prototype.addTransformToStyleList=function(t){var e,r=this.stylesList.length;for(e=0;e<r;e+=1)this.stylesList[e].closed||this.stylesList[e].transforms.push(t)},CVShapeElement.prototype.removeTransformFromStyleList=function(){var t,e=this.stylesList.length;for(t=0;t<e;t+=1)this.stylesList[t].closed||this.stylesList[t].transforms.pop()},CVShapeElement.prototype.closeStyles=function(t){var e,r=t.length;for(e=0;e<r;e+=1)t[e].closed=!0},CVShapeElement.prototype.searchShapes=function(t,e,r,i,s){var a,n,o,h,p,l,f=t.length-1,m=[],c=[],d=[].concat(s);for(a=f;0<=a;a-=1){if((h=this.searchProcessedElement(t[a]))?e[a]=r[h-1]:t[a]._shouldRender=i,"fl"==t[a].ty||"st"==t[a].ty||"gf"==t[a].ty||"gs"==t[a].ty)h?e[a].style.closed=!1:e[a]=this.createStyleElement(t[a],d),m.push(e[a].style);else if("gr"==t[a].ty){if(h)for(o=e[a].it.length,n=0;n<o;n+=1)e[a].prevViewData[n]=e[a].it[n];else e[a]=this.createGroupElement(t[a]);this.searchShapes(t[a].it,e[a].it,e[a].prevViewData,i,d)}else"tr"==t[a].ty?(h||(l=this.createTransformElement(t[a]),e[a]=l),d.push(e[a]),this.addTransformToStyleList(e[a])):"sh"==t[a].ty||"rc"==t[a].ty||"el"==t[a].ty||"sr"==t[a].ty?h||(e[a]=this.createShapeElement(t[a])):"tm"==t[a].ty||"rd"==t[a].ty?(h?(p=e[a]).closed=!1:((p=ShapeModifiers.getModifier(t[a].ty)).init(this,t[a]),e[a]=p,this.shapeModifiers.push(p)),c.push(p)):"rp"==t[a].ty&&(h?(p=e[a]).closed=!0:(p=ShapeModifiers.getModifier(t[a].ty),(e[a]=p).init(this,t,a,e),this.shapeModifiers.push(p),i=!1),c.push(p));this.addProcessedElement(t[a],a+1)}for(this.removeTransformFromStyleList(),this.closeStyles(m),f=c.length,a=0;a<f;a+=1)c[a].closed=!0},CVShapeElement.prototype.renderInnerContent=function(){this.transformHelper.opacity=1,this.transformHelper._opMdf=!1,this.renderModifiers(),this.transformsManager.processSequences(this._isFirstFrame),this.renderShape(this.transformHelper,this.shapesData,this.itemsData,!0)},CVShapeElement.prototype.renderShapeTransform=function(t,e){(t._opMdf||e.op._mdf||this._isFirstFrame)&&(e.opacity=t.opacity,e.opacity*=e.op.v,e._opMdf=!0)},CVShapeElement.prototype.drawLayer=function(){var t,e,r,i,s,a,n,o,h,p=this.stylesList.length,l=this.globalData.renderer,f=this.globalData.canvasContext;for(t=0;t<p;t+=1)if(("st"!==(o=(h=this.stylesList[t]).type)&&"gs"!==o||0!==h.wi)&&h.data._shouldRender&&0!==h.coOp&&0!==this.globalData.currentGlobalAlpha){for(l.save(),a=h.elements,"st"===o||"gs"===o?(f.strokeStyle="st"===o?h.co:h.grd,f.lineWidth=h.wi,f.lineCap=h.lc,f.lineJoin=h.lj,f.miterLimit=h.ml||0):f.fillStyle="fl"===o?h.co:h.grd,l.ctxOpacity(h.coOp),"st"!==o&&"gs"!==o&&f.beginPath(),l.ctxTransform(h.preTransforms.finalTransform.props),r=a.length,e=0;e<r;e+=1){for("st"!==o&&"gs"!==o||(f.beginPath(),h.da&&(f.setLineDash(h.da),f.lineDashOffset=h.do)),s=(n=a[e].trNodes).length,i=0;i<s;i+=1)"m"==n[i].t?f.moveTo(n[i].p[0],n[i].p[1]):"c"==n[i].t?f.bezierCurveTo(n[i].pts[0],n[i].pts[1],n[i].pts[2],n[i].pts[3],n[i].pts[4],n[i].pts[5]):f.closePath();"st"!==o&&"gs"!==o||(f.stroke(),h.da&&f.setLineDash(this.dashResetter))}"st"!==o&&"gs"!==o&&f.fill(h.r),l.restore()}},CVShapeElement.prototype.renderShape=function(t,e,r,i){var s,a;for(a=t,s=e.length-1;0<=s;s-=1)"tr"==e[s].ty?(a=r[s].transform,this.renderShapeTransform(t,a)):"sh"==e[s].ty||"el"==e[s].ty||"rc"==e[s].ty||"sr"==e[s].ty?this.renderPath(e[s],r[s]):"fl"==e[s].ty?this.renderFill(e[s],r[s],a):"st"==e[s].ty?this.renderStroke(e[s],r[s],a):"gf"==e[s].ty||"gs"==e[s].ty?this.renderGradientFill(e[s],r[s],a):"gr"==e[s].ty?this.renderShape(a,e[s].it,r[s].it):e[s].ty;i&&this.drawLayer()},CVShapeElement.prototype.renderStyledShape=function(t,e){if(this._isFirstFrame||e._mdf||t.transforms._mdf){var r,i,s,a=t.trNodes,n=e.paths,o=n._length;a.length=0;var h=t.transforms.finalTransform;for(s=0;s<o;s+=1){var p=n.shapes[s];if(p&&p.v){for(i=p._length,r=1;r<i;r+=1)1===r&&a.push({t:"m",p:h.applyToPointArray(p.v[0][0],p.v[0][1],0)}),a.push({t:"c",pts:h.applyToTriplePoints(p.o[r-1],p.i[r],p.v[r])});1===i&&a.push({t:"m",p:h.applyToPointArray(p.v[0][0],p.v[0][1],0)}),p.c&&i&&(a.push({t:"c",pts:h.applyToTriplePoints(p.o[r-1],p.i[0],p.v[0])}),a.push({t:"z"}))}}t.trNodes=a}},CVShapeElement.prototype.renderPath=function(t,e){if(!0!==t.hd&&t._shouldRender){var r,i=e.styledShapes.length;for(r=0;r<i;r+=1)this.renderStyledShape(e.styledShapes[r],e.sh)}},CVShapeElement.prototype.renderFill=function(t,e,r){var i=e.style;(e.c._mdf||this._isFirstFrame)&&(i.co="rgb("+bm_floor(e.c.v[0])+","+bm_floor(e.c.v[1])+","+bm_floor(e.c.v[2])+")"),(e.o._mdf||r._opMdf||this._isFirstFrame)&&(i.coOp=e.o.v*r.opacity)},CVShapeElement.prototype.renderGradientFill=function(t,e,r){var i=e.style;if(!i.grd||e.g._mdf||e.s._mdf||e.e._mdf||1!==t.t&&(e.h._mdf||e.a._mdf)){var s=this.globalData.canvasContext,a=e.s.v,n=e.e.v;if(1===t.t)m=s.createLinearGradient(a[0],a[1],n[0],n[1]);else var o=Math.sqrt(Math.pow(a[0]-n[0],2)+Math.pow(a[1]-n[1],2)),h=Math.atan2(n[1]-a[1],n[0]-a[0]),p=o*(1<=e.h.v?.99:e.h.v<=-1?-.99:e.h.v),l=Math.cos(h+e.a.v)*p+a[0],f=Math.sin(h+e.a.v)*p+a[1],m=s.createRadialGradient(l,f,0,a[0],a[1],o);var c,d=t.g.p,u=e.g.c,y=1;for(c=0;c<d;c+=1)e.g._hasOpacity&&e.g._collapsable&&(y=e.g.o[2*c+1]),m.addColorStop(u[4*c]/100,"rgba("+u[4*c+1]+","+u[4*c+2]+","+u[4*c+3]+","+y+")");i.grd=m}i.coOp=e.o.v*r.opacity},CVShapeElement.prototype.renderStroke=function(t,e,r){var i=e.style,s=e.d;s&&(s._mdf||this._isFirstFrame)&&(i.da=s.dashArray,i.do=s.dashoffset[0]),(e.c._mdf||this._isFirstFrame)&&(i.co="rgb("+bm_floor(e.c.v[0])+","+bm_floor(e.c.v[1])+","+bm_floor(e.c.v[2])+")"),(e.o._mdf||r._opMdf||this._isFirstFrame)&&(i.coOp=e.o.v*r.opacity),(e.w._mdf||this._isFirstFrame)&&(i.wi=e.w.v)},CVShapeElement.prototype.destroy=function(){this.shapesData=null,this.globalData=null,this.canvasContext=null,this.stylesList.length=0,this.itemsData.length=0},extendPrototype([BaseElement,TransformElement,CVBaseElement,HierarchyElement,FrameElement,RenderableElement],CVSolidElement),CVSolidElement.prototype.initElement=SVGShapeElement.prototype.initElement,CVSolidElement.prototype.prepareFrame=IImageElement.prototype.prepareFrame,CVSolidElement.prototype.renderInnerContent=function(){var t=this.canvasContext;t.fillStyle=this.data.sc,t.fillRect(0,0,this.data.sw,this.data.sh)},extendPrototype([BaseElement,TransformElement,CVBaseElement,HierarchyElement,FrameElement,RenderableElement,ITextElement],CVTextElement),CVTextElement.prototype.tHelper=createTag("canvas").getContext("2d"),CVTextElement.prototype.buildNewText=function(){var t=this.textProperty.currentData;this.renderedLetters=createSizedArray(t.l?t.l.length:0);var e=!1;t.fc?(e=!0,this.values.fill=this.buildColor(t.fc)):this.values.fill="rgba(0,0,0,0)",this.fill=e;var r=!1;t.sc&&(r=!0,this.values.stroke=this.buildColor(t.sc),this.values.sWidth=t.sw);var i,s,a=this.globalData.fontManager.getFontByName(t.f),n=t.l,o=this.mHelper;this.stroke=r,this.values.fValue=t.finalSize+"px "+this.globalData.fontManager.getFontByName(t.f).fFamily,s=t.finalText.length;var h,p,l,f,m,c,d,u,y,g,v=this.data.singleShape,P=t.tr/1e3*t.finalSize,b=0,x=0,_=!0,S=0;for(i=0;i<s;i+=1){for(p=(h=this.globalData.fontManager.getCharData(t.finalText[i],a.fStyle,this.globalData.fontManager.getFontByName(t.f).fFamily))&&h.data||{},o.reset(),v&&n[i].n&&(b=-P,x+=t.yOffset,x+=_?1:0,_=!1),d=(m=p.shapes?p.shapes[0].it:[]).length,o.scale(t.finalSize/100,t.finalSize/100),v&&this.applyTextPropertiesToMatrix(t,o,n[i].line,b,x),y=createSizedArray(d),c=0;c<d;c+=1){for(f=m[c].ks.k.i.length,u=m[c].ks.k,g=[],l=1;l<f;l+=1)1==l&&g.push(o.applyToX(u.v[0][0],u.v[0][1],0),o.applyToY(u.v[0][0],u.v[0][1],0)),g.push(o.applyToX(u.o[l-1][0],u.o[l-1][1],0),o.applyToY(u.o[l-1][0],u.o[l-1][1],0),o.applyToX(u.i[l][0],u.i[l][1],0),o.applyToY(u.i[l][0],u.i[l][1],0),o.applyToX(u.v[l][0],u.v[l][1],0),o.applyToY(u.v[l][0],u.v[l][1],0));g.push(o.applyToX(u.o[l-1][0],u.o[l-1][1],0),o.applyToY(u.o[l-1][0],u.o[l-1][1],0),o.applyToX(u.i[0][0],u.i[0][1],0),o.applyToY(u.i[0][0],u.i[0][1],0),o.applyToX(u.v[0][0],u.v[0][1],0),o.applyToY(u.v[0][0],u.v[0][1],0)),y[c]=g}v&&(b+=n[i].l,b+=P),this.textSpans[S]?this.textSpans[S].elem=y:this.textSpans[S]={elem:y},S+=1}},CVTextElement.prototype.renderInnerContent=function(){var t,e,r,i,s,a,n=this.canvasContext;this.finalTransform.mat.props;n.font=this.values.fValue,n.lineCap="butt",n.lineJoin="miter",n.miterLimit=4,this.data.singleShape||this.textAnimator.getMeasures(this.textProperty.currentData,this.lettersChangedFlag);var o,h=this.textAnimator.renderedLetters,p=this.textProperty.currentData.l;e=p.length;var l,f,m=null,c=null,d=null;for(t=0;t<e;t+=1)if(!p[t].n){if((o=h[t])&&(this.globalData.renderer.save(),this.globalData.renderer.ctxTransform(o.p),this.globalData.renderer.ctxOpacity(o.o)),this.fill){for(o&&o.fc?m!==o.fc&&(m=o.fc,n.fillStyle=o.fc):m!==this.values.fill&&(m=this.values.fill,n.fillStyle=this.values.fill),i=(l=this.textSpans[t].elem).length,this.globalData.canvasContext.beginPath(),r=0;r<i;r+=1)for(a=(f=l[r]).length,this.globalData.canvasContext.moveTo(f[0],f[1]),s=2;s<a;s+=6)this.globalData.canvasContext.bezierCurveTo(f[s],f[s+1],f[s+2],f[s+3],f[s+4],f[s+5]);this.globalData.canvasContext.closePath(),this.globalData.canvasContext.fill()}if(this.stroke){for(o&&o.sw?d!==o.sw&&(d=o.sw,n.lineWidth=o.sw):d!==this.values.sWidth&&(d=this.values.sWidth,n.lineWidth=this.values.sWidth),o&&o.sc?c!==o.sc&&(c=o.sc,n.strokeStyle=o.sc):c!==this.values.stroke&&(c=this.values.stroke,n.strokeStyle=this.values.stroke),i=(l=this.textSpans[t].elem).length,this.globalData.canvasContext.beginPath(),r=0;r<i;r+=1)for(a=(f=l[r]).length,this.globalData.canvasContext.moveTo(f[0],f[1]),s=2;s<a;s+=6)this.globalData.canvasContext.bezierCurveTo(f[s],f[s+1],f[s+2],f[s+3],f[s+4],f[s+5]);this.globalData.canvasContext.closePath(),this.globalData.canvasContext.stroke()}o&&this.globalData.renderer.restore()}},CVEffects.prototype.renderFrame=function(){};var animationManager=function(){var t={},s=[],i=0,a=0,n=0,o=!0,h=!1;function r(t){for(var e=0,r=t.target;e<a;)s[e].animation===r&&(s.splice(e,1),e-=1,a-=1,r.isPaused||f()),e+=1}function p(t,e){if(!t)return null;for(var r=0;r<a;){if(s[r].elem==t&&null!==s[r].elem)return s[r].animation;r+=1}var i=new AnimationItem;return m(i,t),i.setData(t,e),i}function l(){n+=1,d()}function f(){n-=1}function m(t,e){t.addEventListener("destroy",r),t.addEventListener("_active",l),t.addEventListener("_idle",f),s.push({elem:e,animation:t}),a+=1}function c(t){var e,r=t-i;for(e=0;e<a;e+=1)s[e].animation.advanceTime(r);i=t,n&&!h?window.requestAnimationFrame(c):o=!0}function e(t){i=t,window.requestAnimationFrame(c)}function d(){!h&&n&&o&&(window.requestAnimationFrame(e),o=!1)}return t.registerAnimation=p,t.loadAnimation=function(t){var e=new AnimationItem;return m(e,null),e.setParams(t),e},t.setSpeed=function(t,e){var r;for(r=0;r<a;r+=1)s[r].animation.setSpeed(t,e)},t.setDirection=function(t,e){var r;for(r=0;r<a;r+=1)s[r].animation.setDirection(t,e)},t.play=function(t){var e;for(e=0;e<a;e+=1)s[e].animation.play(t)},t.pause=function(t){var e;for(e=0;e<a;e+=1)s[e].animation.pause(t)},t.stop=function(t){var e;for(e=0;e<a;e+=1)s[e].animation.stop(t)},t.togglePause=function(t){var e;for(e=0;e<a;e+=1)s[e].animation.togglePause(t)},t.searchAnimations=function(t,e,r){var i,s=[].concat([].slice.call(document.getElementsByClassName("lottie")),[].slice.call(document.getElementsByClassName("bodymovin"))),a=s.length;for(i=0;i<a;i+=1)r&&s[i].setAttribute("data-bm-type",r),p(s[i],t);if(e&&0===a){r||(r="svg");var n=document.getElementsByTagName("body")[0];n.innerHTML="";var o=createTag("div");o.style.width="100%",o.style.height="100%",o.setAttribute("data-bm-type",r),n.appendChild(o),p(o,t)}},t.resize=function(){var t;for(t=0;t<a;t+=1)s[t].animation.resize()},t.goToAndStop=function(t,e,r){var i;for(i=0;i<a;i+=1)s[i].animation.goToAndStop(t,e,r)},t.destroy=function(t){var e;for(e=a-1;0<=e;e-=1)s[e].animation.destroy(t)},t.freeze=function(){h=!0},t.unfreeze=function(){h=!1,d()},t.getRegisteredAnimations=function(){var t,e=s.length,r=[];for(t=0;t<e;t+=1)r.push(s[t].animation);return r},t}(),AnimationItem=function(){this._cbs=[],this.name="",this.path="",this.isLoaded=!1,this.currentFrame=0,this.currentRawFrame=0,this.totalFrames=0,this.frameRate=0,this.frameMult=0,this.playSpeed=1,this.playDirection=1,this.playCount=0,this.animationData={},this.assets=[],this.isPaused=!0,this.autoplay=!1,this.loop=!0,this.renderer=null,this.animationID=randomString(10),this.assetsPath="",this.timeCompleted=0,this.segmentPos=0,this.subframeEnabled=subframeEnabled,this.segments=[],this._idle=!0,this._completedLoop=!1,this.projectInterface=ProjectInterface(),this.imagePreloader=new ImagePreloader};extendPrototype([BaseEvent],AnimationItem),AnimationItem.prototype.setParams=function(t){t.context&&(this.context=t.context),(t.wrapper||t.container)&&(this.wrapper=t.wrapper||t.container);var e=t.animType?t.animType:t.renderer?t.renderer:"svg";switch(e){case"canvas":this.renderer=new CanvasRenderer(this,t.rendererSettings);break;case"svg":this.renderer=new SVGRenderer(this,t.rendererSettings);break;default:this.renderer=new HybridRenderer(this,t.rendererSettings)}this.renderer.setProjectInterface(this.projectInterface),this.animType=e,""===t.loop||null===t.loop||(!1===t.loop?this.loop=!1:!0===t.loop?this.loop=!0:this.loop=parseInt(t.loop)),this.autoplay=!("autoplay"in t)||t.autoplay,this.name=t.name?t.name:"",this.autoloadSegments=!t.hasOwnProperty("autoloadSegments")||t.autoloadSegments,this.assetsPath=t.assetsPath,t.animationData?this.configAnimation(t.animationData):t.path&&("json"!=t.path.substr(-4)&&("/"!=t.path.substr(-1,1)&&(t.path+="/"),t.path+="data.json"),-1!=t.path.lastIndexOf("\\")?this.path=t.path.substr(0,t.path.lastIndexOf("\\")+1):this.path=t.path.substr(0,t.path.lastIndexOf("/")+1),this.fileName=t.path.substr(t.path.lastIndexOf("/")+1),this.fileName=this.fileName.substr(0,this.fileName.lastIndexOf(".json")),assetLoader.load(t.path,this.configAnimation.bind(this),function(){this.trigger("data_failed")}.bind(this)))},AnimationItem.prototype.setData=function(t,e){var r={wrapper:t,animationData:e?"object"==typeof e?e:JSON.parse(e):null},i=t.attributes;r.path=i.getNamedItem("data-animation-path")?i.getNamedItem("data-animation-path").value:i.getNamedItem("data-bm-path")?i.getNamedItem("data-bm-path").value:i.getNamedItem("bm-path")?i.getNamedItem("bm-path").value:"",r.animType=i.getNamedItem("data-anim-type")?i.getNamedItem("data-anim-type").value:i.getNamedItem("data-bm-type")?i.getNamedItem("data-bm-type").value:i.getNamedItem("bm-type")?i.getNamedItem("bm-type").value:i.getNamedItem("data-bm-renderer")?i.getNamedItem("data-bm-renderer").value:i.getNamedItem("bm-renderer")?i.getNamedItem("bm-renderer").value:"canvas";var s=i.getNamedItem("data-anim-loop")?i.getNamedItem("data-anim-loop").value:i.getNamedItem("data-bm-loop")?i.getNamedItem("data-bm-loop").value:i.getNamedItem("bm-loop")?i.getNamedItem("bm-loop").value:"";""===s||(r.loop="false"!==s&&("true"===s||parseInt(s)));var a=i.getNamedItem("data-anim-autoplay")?i.getNamedItem("data-anim-autoplay").value:i.getNamedItem("data-bm-autoplay")?i.getNamedItem("data-bm-autoplay").value:!i.getNamedItem("bm-autoplay")||i.getNamedItem("bm-autoplay").value;r.autoplay="false"!==a,r.name=i.getNamedItem("data-name")?i.getNamedItem("data-name").value:i.getNamedItem("data-bm-name")?i.getNamedItem("data-bm-name").value:i.getNamedItem("bm-name")?i.getNamedItem("bm-name").value:"","false"===(i.getNamedItem("data-anim-prerender")?i.getNamedItem("data-anim-prerender").value:i.getNamedItem("data-bm-prerender")?i.getNamedItem("data-bm-prerender").value:i.getNamedItem("bm-prerender")?i.getNamedItem("bm-prerender").value:"")&&(r.prerender=!1),this.setParams(r)},AnimationItem.prototype.includeLayers=function(t){t.op>this.animationData.op&&(this.animationData.op=t.op,this.totalFrames=Math.floor(t.op-this.animationData.ip));var e,r,i=this.animationData.layers,s=i.length,a=t.layers,n=a.length;for(r=0;r<n;r+=1)for(e=0;e<s;){if(i[e].id==a[r].id){i[e]=a[r];break}e+=1}if((t.chars||t.fonts)&&(this.renderer.globalData.fontManager.addChars(t.chars),this.renderer.globalData.fontManager.addFonts(t.fonts,this.renderer.globalData.defs)),t.assets)for(s=t.assets.length,e=0;e<s;e+=1)this.animationData.assets.push(t.assets[e]);this.animationData.__complete=!1,dataManager.completeData(this.animationData,this.renderer.globalData.fontManager),this.renderer.includeLayers(t.layers),expressionsPlugin&&expressionsPlugin.initExpressions(this),this.loadNextSegment()},AnimationItem.prototype.loadNextSegment=function(){var t=this.animationData.segments;if(!t||0===t.length||!this.autoloadSegments)return this.trigger("data_ready"),void(this.timeCompleted=this.totalFrames);var e=t.shift();this.timeCompleted=e.time*this.frameRate;var r=this.path+this.fileName+"_"+this.segmentPos+".json";this.segmentPos+=1,assetLoader.load(r,this.includeLayers.bind(this),function(){this.trigger("data_failed")}.bind(this))},AnimationItem.prototype.loadSegments=function(){this.animationData.segments||(this.timeCompleted=this.totalFrames),this.loadNextSegment()},AnimationItem.prototype.imagesLoaded=function(){this.trigger("loaded_images"),this.checkLoaded()},AnimationItem.prototype.preloadImages=function(){this.imagePreloader.setAssetsPath(this.assetsPath),this.imagePreloader.setPath(this.path),this.imagePreloader.loadAssets(this.animationData.assets,this.imagesLoaded.bind(this))},AnimationItem.prototype.configAnimation=function(t){this.renderer&&(this.animationData=t,this.totalFrames=Math.floor(this.animationData.op-this.animationData.ip),this.renderer.configAnimation(t),t.assets||(t.assets=[]),this.renderer.searchExtraCompositions(t.assets),this.assets=this.animationData.assets,this.frameRate=this.animationData.fr,this.firstFrame=Math.round(this.animationData.ip),this.frameMult=this.animationData.fr/1e3,this.trigger("config_ready"),this.preloadImages(),this.loadSegments(),this.updaFrameModifier(),this.waitForFontsLoaded())},AnimationItem.prototype.waitForFontsLoaded=function(){this.renderer&&(this.renderer.globalData.fontManager.loaded()?this.checkLoaded():setTimeout(this.waitForFontsLoaded.bind(this),20))},AnimationItem.prototype.checkLoaded=function(){this.isLoaded||!this.renderer.globalData.fontManager.loaded()||!this.imagePreloader.loaded()&&"canvas"===this.renderer.rendererType||(this.isLoaded=!0,dataManager.completeData(this.animationData,this.renderer.globalData.fontManager),expressionsPlugin&&expressionsPlugin.initExpressions(this),this.renderer.initItems(),setTimeout(function(){this.trigger("DOMLoaded")}.bind(this),0),this.gotoFrame(),this.autoplay&&this.play())},AnimationItem.prototype.resize=function(){this.renderer.updateContainerSize()},AnimationItem.prototype.setSubframe=function(t){this.subframeEnabled=!!t},AnimationItem.prototype.gotoFrame=function(){this.currentFrame=this.subframeEnabled?this.currentRawFrame:~~this.currentRawFrame,this.timeCompleted!==this.totalFrames&&this.currentFrame>this.timeCompleted&&(this.currentFrame=this.timeCompleted),this.trigger("enterFrame"),this.renderFrame()},AnimationItem.prototype.renderFrame=function(){!1!==this.isLoaded&&this.renderer.renderFrame(this.currentFrame+this.firstFrame)},AnimationItem.prototype.play=function(t){t&&this.name!=t||!0===this.isPaused&&(this.isPaused=!1,this._idle&&(this._idle=!1,this.trigger("_active")))},AnimationItem.prototype.pause=function(t){t&&this.name!=t||!1===this.isPaused&&(this.isPaused=!0,this._idle=!0,this.trigger("_idle"))},AnimationItem.prototype.togglePause=function(t){t&&this.name!=t||(!0===this.isPaused?this.play():this.pause())},AnimationItem.prototype.stop=function(t){t&&this.name!=t||(this.pause(),this.playCount=0,this._completedLoop=!1,this.setCurrentRawFrameValue(0))},AnimationItem.prototype.goToAndStop=function(t,e,r){r&&this.name!=r||(e?this.setCurrentRawFrameValue(t):this.setCurrentRawFrameValue(t*this.frameModifier),this.pause())},AnimationItem.prototype.goToAndPlay=function(t,e,r){this.goToAndStop(t,e,r),this.play()},AnimationItem.prototype.advanceTime=function(t){if(!0!==this.isPaused&&!1!==this.isLoaded){var e=this.currentRawFrame+t*this.frameModifier,r=!1;e>=this.totalFrames-1&&0<this.frameModifier?this.loop&&this.playCount!==this.loop?e>=this.totalFrames?(this.playCount+=1,this.checkSegments(e%this.totalFrames)||(this.setCurrentRawFrameValue(e%this.totalFrames),this._completedLoop=!0,this.trigger("loopComplete"))):this.setCurrentRawFrameValue(e):this.checkSegments(e>this.totalFrames?e%this.totalFrames:0)||(r=!0,e=this.totalFrames-1):e<0?this.checkSegments(e%this.totalFrames)||(!this.loop||this.playCount--<=0&&!0!==this.loop?(r=!0,e=0):(this.setCurrentRawFrameValue(this.totalFrames+e%this.totalFrames),this._completedLoop?this.trigger("loopComplete"):this._completedLoop=!0)):this.setCurrentRawFrameValue(e),r&&(this.setCurrentRawFrameValue(e),this.pause(),this.trigger("complete"))}},AnimationItem.prototype.adjustSegment=function(t,e){this.playCount=0,t[1]<t[0]?(0<this.frameModifier&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(-1)),this.timeCompleted=this.totalFrames=t[0]-t[1],this.firstFrame=t[1],this.setCurrentRawFrameValue(this.totalFrames-.001-e)):t[1]>t[0]&&(this.frameModifier<0&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(1)),this.timeCompleted=this.totalFrames=t[1]-t[0],this.firstFrame=t[0],this.setCurrentRawFrameValue(.001+e)),this.trigger("segmentStart")},AnimationItem.prototype.setSegment=function(t,e){var r=-1;this.isPaused&&(this.currentRawFrame+this.firstFrame<t?r=t:this.currentRawFrame+this.firstFrame>e&&(r=e-t)),this.firstFrame=t,this.timeCompleted=this.totalFrames=e-t,-1!==r&&this.goToAndStop(r,!0)},AnimationItem.prototype.playSegments=function(t,e){if(e&&(this.segments.length=0),"object"==typeof t[0]){var r,i=t.length;for(r=0;r<i;r+=1)this.segments.push(t[r])}else this.segments.push(t);this.segments.length&&this.adjustSegment(this.segments.shift(),0),this.isPaused&&this.play()},AnimationItem.prototype.resetSegments=function(t){this.segments.length=0,this.segments.push([this.animationData.ip,this.animationData.op]),t&&this.checkSegments(0)},AnimationItem.prototype.checkSegments=function(t){return!!this.segments.length&&(this.adjustSegment(this.segments.shift(),t),!0)},AnimationItem.prototype.destroy=function(t){t&&this.name!=t||!this.renderer||(this.renderer.destroy(),this.imagePreloader.destroy(),this.trigger("destroy"),this._cbs=null,this.onEnterFrame=this.onLoopComplete=this.onComplete=this.onSegmentStart=this.onDestroy=null,this.renderer=null)},AnimationItem.prototype.setCurrentRawFrameValue=function(t){this.currentRawFrame=t,this.gotoFrame()},AnimationItem.prototype.setSpeed=function(t){this.playSpeed=t,this.updaFrameModifier()},AnimationItem.prototype.setDirection=function(t){this.playDirection=t<0?-1:1,this.updaFrameModifier()},AnimationItem.prototype.updaFrameModifier=function(){this.frameModifier=this.frameMult*this.playSpeed*this.playDirection},AnimationItem.prototype.getPath=function(){return this.path},AnimationItem.prototype.getAssetsPath=function(t){var e="";if(t.e)e=t.p;else if(this.assetsPath){var r=t.p;-1!==r.indexOf("images/")&&(r=r.split("/")[1]),e=this.assetsPath+r}else e=this.path,e+=t.u?t.u:"",e+=t.p;return e},AnimationItem.prototype.getAssetData=function(t){for(var e=0,r=this.assets.length;e<r;){if(t==this.assets[e].id)return this.assets[e];e+=1}},AnimationItem.prototype.hide=function(){this.renderer.hide()},AnimationItem.prototype.show=function(){this.renderer.show()},AnimationItem.prototype.getDuration=function(t){return t?this.totalFrames:this.totalFrames/this.frameRate},AnimationItem.prototype.trigger=function(t){if(this._cbs&&this._cbs[t])switch(t){case"enterFrame":this.triggerEvent(t,new BMEnterFrameEvent(t,this.currentFrame,this.totalFrames,this.frameMult));break;case"loopComplete":this.triggerEvent(t,new BMCompleteLoopEvent(t,this.loop,this.playCount,this.frameMult));break;case"complete":this.triggerEvent(t,new BMCompleteEvent(t,this.frameMult));break;case"segmentStart":this.triggerEvent(t,new BMSegmentStartEvent(t,this.firstFrame,this.totalFrames));break;case"destroy":this.triggerEvent(t,new BMDestroyEvent(t,this));break;default:this.triggerEvent(t)}"enterFrame"===t&&this.onEnterFrame&&this.onEnterFrame.call(this,new BMEnterFrameEvent(t,this.currentFrame,this.totalFrames,this.frameMult)),"loopComplete"===t&&this.onLoopComplete&&this.onLoopComplete.call(this,new BMCompleteLoopEvent(t,this.loop,this.playCount,this.frameMult)),"complete"===t&&this.onComplete&&this.onComplete.call(this,new BMCompleteEvent(t,this.frameMult)),"segmentStart"===t&&this.onSegmentStart&&this.onSegmentStart.call(this,new BMSegmentStartEvent(t,this.firstFrame,this.totalFrames)),"destroy"===t&&this.onDestroy&&this.onDestroy.call(this,new BMDestroyEvent(t,this))};var Expressions=(oN={},oN.initExpressions=function(t){var e=0,r=[];function i(){var t,e=r.length;for(t=0;t<e;t+=1)r[t].release();r.length=0}t.renderer.compInterface=CompExpressionInterface(t.renderer),t.renderer.globalData.projectInterface.registerComposition(t.renderer),t.renderer.globalData.pushExpression=function(){e+=1},t.renderer.globalData.popExpression=function(){0==(e-=1)&&i()},t.renderer.globalData.registerExpressionProperty=function(t){-1===r.indexOf(t)&&r.push(t)}},oN),oN;expressionsPlugin=Expressions;var ExpressionManager=function(){var ob={},Math=BMMath,window=null,document=null;function $bm_isInstanceOfArray(t){return t.constructor===Array||t.constructor===Float32Array}function isNumerable(t,e){return"number"===t||"boolean"===t||"string"===t||e instanceof Number}function $bm_neg(t){var e=typeof t;if("number"===e||"boolean"===e||t instanceof Number)return-t;if($bm_isInstanceOfArray(t)){var r,i=t.length,s=[];for(r=0;r<i;r+=1)s[r]=-t[r];return s}}var easeInBez=BezierFactory.getBezierEasing(.333,0,.833,.833,"easeIn").get,easeOutBez=BezierFactory.getBezierEasing(.167,.167,.667,1,"easeOut").get,easeInOutBez=BezierFactory.getBezierEasing(.33,0,.667,1,"easeInOut").get;function sum(t,e){var r=typeof t,i=typeof e;if("string"===r||"string"===i)return t+e;if(isNumerable(r,t)&&isNumerable(i,e))return t+e;if($bm_isInstanceOfArray(t)&&isNumerable(i,e))return(t=t.slice(0))[0]=t[0]+e,t;if(isNumerable(r,t)&&$bm_isInstanceOfArray(e))return(e=e.slice(0))[0]=t+e[0],e;if($bm_isInstanceOfArray(t)&&$bm_isInstanceOfArray(e)){for(var s=0,a=t.length,n=e.length,o=[];s<a||s<n;)("number"==typeof t[s]||t[s]instanceof Number)&&("number"==typeof e[s]||e[s]instanceof Number)?o[s]=t[s]+e[s]:o[s]=void 0===e[s]?t[s]:t[s]||e[s],s+=1;return o}return 0}var add=sum;function sub(t,e){var r=typeof t,i=typeof e;if(isNumerable(r,t)&&isNumerable(i,e))return"string"===r&&(t=parseInt(t)),"string"===i&&(e=parseInt(e)),t-e;if($bm_isInstanceOfArray(t)&&isNumerable(i,e))return(t=t.slice(0))[0]=t[0]-e,t;if(isNumerable(r,t)&&$bm_isInstanceOfArray(e))return(e=e.slice(0))[0]=t-e[0],e;if($bm_isInstanceOfArray(t)&&$bm_isInstanceOfArray(e)){for(var s=0,a=t.length,n=e.length,o=[];s<a||s<n;)("number"==typeof t[s]||t[s]instanceof Number)&&("number"==typeof e[s]||e[s]instanceof Number)?o[s]=t[s]-e[s]:o[s]=void 0===e[s]?t[s]:t[s]||e[s],s+=1;return o}return 0}function mul(t,e){var r,i,s,a=typeof t,n=typeof e;if(isNumerable(a,t)&&isNumerable(n,e))return t*e;if($bm_isInstanceOfArray(t)&&isNumerable(n,e)){for(s=t.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t[i]*e;return r}if(isNumerable(a,t)&&$bm_isInstanceOfArray(e)){for(s=e.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t*e[i];return r}return 0}function div(t,e){var r,i,s,a=typeof t,n=typeof e;if(isNumerable(a,t)&&isNumerable(n,e))return t/e;if($bm_isInstanceOfArray(t)&&isNumerable(n,e)){for(s=t.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t[i]/e;return r}if(isNumerable(a,t)&&$bm_isInstanceOfArray(e)){for(s=e.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t/e[i];return r}return 0}function mod(t,e){return"string"==typeof t&&(t=parseInt(t)),"string"==typeof e&&(e=parseInt(e)),t%e}function clamp(t,e,r){if(r<e){var i=r;r=e,e=i}return Math.min(Math.max(t,e),r)}function radiansToDegrees(t){return t/degToRads}var radians_to_degrees=radiansToDegrees;function degreesToRadians(t){return t*degToRads}var degrees_to_radians=radiansToDegrees,helperLengthArray=[0,0,0,0,0,0];function length(t,e){if("number"==typeof t||t instanceof Number)return e=e||0,Math.abs(t-e);e||(e=helperLengthArray);var r,i=Math.min(t.length,e.length),s=0;for(r=0;r<i;r+=1)s+=Math.pow(e[r]-t[r],2);return Math.sqrt(s)}function normalize(t){return div(t,length(t))}function rgbToHsl(t){var e,r,i=t[0],s=t[1],a=t[2],n=Math.max(i,s,a),o=Math.min(i,s,a),h=(n+o)/2;if(n==o)e=r=0;else{var p=n-o;switch(r=.5<h?p/(2-n-o):p/(n+o),n){case i:e=(s-a)/p+(s<a?6:0);break;case s:e=(a-i)/p+2;break;case a:e=(i-s)/p+4}e/=6}return[e,r,h,t[3]]}function hue2rgb(t,e,r){return r<0&&(r+=1),1<r&&(r-=1),r<1/6?t+6*(e-t)*r:r<.5?e:r<2/3?t+(e-t)*(2/3-r)*6:t}function hslToRgb(t){var e,r,i,s=t[0],a=t[1],n=t[2];if(0===a)e=r=i=n;else{var o=n<.5?n*(1+a):n+a-n*a,h=2*n-o;e=hue2rgb(h,o,s+1/3),r=hue2rgb(h,o,s),i=hue2rgb(h,o,s-1/3)}return[e,r,i,t[3]]}function linear(t,e,r,i,s){if(void 0!==i&&void 0!==s||(i=e,s=r,e=0,r=1),r<e){var a=r;r=e,e=a}if(t<=e)return i;if(r<=t)return s;var n=r===e?0:(t-e)/(r-e);if(!i.length)return i+(s-i)*n;var o,h=i.length,p=createTypedArray("float32",h);for(o=0;o<h;o+=1)p[o]=i[o]+(s[o]-i[o])*n;return p}function random(t,e){if(void 0===e&&(void 0===t?(t=0,e=1):(e=t,t=void 0)),e.length){var r,i=e.length;t||(t=createTypedArray("float32",i));var s=createTypedArray("float32",i),a=BMMath.random();for(r=0;r<i;r+=1)s[r]=t[r]+a*(e[r]-t[r]);return s}return void 0===t&&(t=0),t+BMMath.random()*(e-t)}function createPath(t,e,r,i){var s,a=t.length,n=shape_pool.newElement();n.setPathData(!!i,a);var o,h,p=[0,0];for(s=0;s<a;s+=1)o=e&&e[s]?e[s]:p,h=r&&r[s]?r[s]:p,n.setTripleAt(t[s][0],t[s][1],h[0]+t[s][0],h[1]+t[s][1],o[0]+t[s][0],o[1]+t[s][1],s,!0);return n}function initiateExpression(elem,data,property){var val=data.x,needsVelocity=/velocity(?![\w\d])/.test(val),_needsRandom=-1!==val.indexOf("random"),elemType=elem.data.ty,transform,$bm_transform,content,effect,thisProperty=property;thisProperty.valueAtTime=thisProperty.getValueAtTime,elem.comp.frameDuration=1/elem.comp.globalData.frameRate,elem.comp.displayStartTime=0;var inPoint=elem.data.ip/elem.comp.globalData.frameRate,outPoint=elem.data.op/elem.comp.globalData.frameRate,width=elem.data.sw?elem.data.sw:0,height=elem.data.sh?elem.data.sh:0,name=elem.data.nm,loopIn,loop_in,loopOut,loop_out,toWorld,fromWorld,fromComp,toComp,fromCompToSurface,position,rotation,anchorPoint,scale,thisLayer,thisComp,mask,valueAtTime,velocityAtTime,__expression_functions=[],scoped_bm_rt;if(data.xf){var i,len=data.xf.length;for(i=0;i<len;i+=1)__expression_functions[i]=eval("(function(){ return "+data.xf[i]+"}())")}var expression_function=eval("[function _expression_function(){"+val+";scoped_bm_rt=$bm_rt}]")[0],numKeys=property.kf?data.k.length:0,active=!this.data||!0!==this.data.hd,wiggle=function(t,e){var r,i,s=this.pv.length?this.pv.length:1,a=createTypedArray("float32",s);var n=Math.floor(5*time);for(i=r=0;r<n;){for(i=0;i<s;i+=1)a[i]+=-e+2*e*BMMath.random();r+=1}var o=5*time,h=o-Math.floor(o),p=createTypedArray("float32",s);if(1<s){for(i=0;i<s;i+=1)p[i]=this.pv[i]+a[i]+(-e+2*e*BMMath.random())*h;return p}return this.pv+a[0]+(-e+2*e*BMMath.random())*h}.bind(this);function loopInDuration(t,e){return loopIn(t,e,!0)}function loopOutDuration(t,e){return loopOut(t,e,!0)}thisProperty.loopIn&&(loopIn=thisProperty.loopIn.bind(thisProperty),loop_in=loopIn),thisProperty.loopOut&&(loopOut=thisProperty.loopOut.bind(thisProperty),loop_out=loopOut),this.getValueAtTime&&(valueAtTime=this.getValueAtTime.bind(this)),this.getVelocityAtTime&&(velocityAtTime=this.getVelocityAtTime.bind(this));var comp=elem.comp.globalData.projectInterface.bind(elem.comp.globalData.projectInterface),time,velocity,value,text,textIndex,textTotal,selectorValue;function lookAt(t,e){var r=[e[0]-t[0],e[1]-t[1],e[2]-t[2]],i=Math.atan2(r[0],Math.sqrt(r[1]*r[1]+r[2]*r[2]))/degToRads;return[-Math.atan2(r[1],r[2])/degToRads,i,0]}function easeOut(t,e,r,i,s){return applyEase(easeOutBez,t,e,r,i,s)}function easeIn(t,e,r,i,s){return applyEase(easeInBez,t,e,r,i,s)}function ease(t,e,r,i,s){return applyEase(easeInOutBez,t,e,r,i,s)}function applyEase(t,e,r,i,s,a){void 0===s?(s=r,a=i):e=(e-r)/(i-r);var n=t(e=1<e?1:e<0?0:e);if($bm_isInstanceOfArray(s)){var o,h=s.length,p=createTypedArray("float32",h);for(o=0;o<h;o+=1)p[o]=(a[o]-s[o])*n+s[o];return p}return(a-s)*n+s}function nearestKey(t){var e,r,i,s=data.k.length;if(data.k.length&&"number"!=typeof data.k[0])if(r=-1,(t*=elem.comp.globalData.frameRate)<data.k[0].t)r=1,i=data.k[0].t;else{for(e=0;e<s-1;e+=1){if(t===data.k[e].t){r=e+1,i=data.k[e].t;break}if(t>data.k[e].t&&t<data.k[e+1].t){i=t-data.k[e].t>data.k[e+1].t-t?(r=e+2,data.k[e+1].t):(r=e+1,data.k[e].t);break}}-1===r&&(r=e+1,i=data.k[e].t)}else i=r=0;var a={};return a.index=r,a.time=i/elem.comp.globalData.frameRate,a}function key(t){var e,r,i,s;if(!data.k.length||"number"==typeof data.k[0])throw new Error("The property has no keyframe at index "+t);for(t-=1,e={time:data.k[t].t/elem.comp.globalData.frameRate},i=(s=t!==data.k.length-1||data.k[t].h?data.k[t].s:data.k[t-1].e).length,r=0;r<i;r+=1)e[r]=s[r];return e}function framesToTime(t,e){return e||(e=elem.comp.globalData.frameRate),t/e}function timeToFrames(t,e){return t||0===t||(t=time),e||(e=elem.comp.globalData.frameRate),t*e}function seedRandom(t){BMMath.seedrandom(randSeed+t)}function sourceRectAtTime(){return elem.sourceRectAtTime()}function substring(t,e){return"string"==typeof value?void 0===e?value.substring(t):value.substring(t,e):""}function substr(t,e){return"string"==typeof value?void 0===e?value.substr(t):value.substr(t,e):""}var index=elem.data.ind,hasParent=!(!elem.hierarchy||!elem.hierarchy.length),parent,randSeed=Math.floor(1e6*Math.random()),globalData=elem.globalData;function executeExpression(t){return value=t,_needsRandom&&seedRandom(randSeed),this.frameExpressionId===elem.globalData.frameId&&"textSelector"!==this.propType?value:("textSelector"===this.propType&&(textIndex=this.textIndex,textTotal=this.textTotal,selectorValue=this.selectorValue),thisLayer||(text=elem.layerInterface.text,thisLayer=elem.layerInterface,thisComp=elem.comp.compInterface,toWorld=thisLayer.toWorld.bind(thisLayer),fromWorld=thisLayer.fromWorld.bind(thisLayer),fromComp=thisLayer.fromComp.bind(thisLayer),toComp=thisLayer.toComp.bind(thisLayer),mask=thisLayer.mask?thisLayer.mask.bind(thisLayer):null,fromCompToSurface=fromComp),transform||(transform=elem.layerInterface("ADBE Transform Group"),($bm_transform=transform)&&(anchorPoint=transform.anchorPoint)),4!==elemType||content||(content=thisLayer("ADBE Root Vectors Group")),effect||(effect=thisLayer(4)),(hasParent=!(!elem.hierarchy||!elem.hierarchy.length))&&!parent&&(parent=elem.hierarchy[0].layerInterface),time=this.comp.renderedFrame/this.comp.globalData.frameRate,needsVelocity&&(velocity=velocityAtTime(time)),expression_function(),this.frameExpressionId=elem.globalData.frameId,"shape"===scoped_bm_rt.propType&&(scoped_bm_rt=scoped_bm_rt.v),scoped_bm_rt)}return executeExpression}return ob.initiateExpression=initiateExpression,ob}();!function(){function o(){return this.pv}function h(t,e,r){if(!this.k||!this.keyframes)return this.pv;t=t?t.toLowerCase():"";var i,s,a,n,o,h=this.comp.renderedFrame,p=this.keyframes,l=p[p.length-1].t;if(h<=l)return this.pv;if(r?s=l-(i=e?Math.abs(l-elem.comp.globalData.frameRate*e):Math.max(0,l-this.elem.data.ip)):((!e||e>p.length-1)&&(e=p.length-1),i=l-(s=p[p.length-1-e].t)),"pingpong"===t){if(Math.floor((h-s)/i)%2!=0)return this.getValueAtTime((i-(h-s)%i+s)/this.comp.globalData.frameRate,0)}else{if("offset"===t){var f=this.getValueAtTime(s/this.comp.globalData.frameRate,0),m=this.getValueAtTime(l/this.comp.globalData.frameRate,0),c=this.getValueAtTime(((h-s)%i+s)/this.comp.globalData.frameRate,0),d=Math.floor((h-s)/i);if(this.pv.length){for(n=(o=new Array(f.length)).length,a=0;a<n;a+=1)o[a]=(m[a]-f[a])*d+c[a];return o}return(m-f)*d+c}if("continue"===t){var u=this.getValueAtTime(l/this.comp.globalData.frameRate,0),y=this.getValueAtTime((l-.001)/this.comp.globalData.frameRate,0);if(this.pv.length){for(n=(o=new Array(u.length)).length,a=0;a<n;a+=1)o[a]=u[a]+(u[a]-y[a])*((h-l)/this.comp.globalData.frameRate)/5e-4;return o}return u+(h-l)/.001*(u-y)}}return this.getValueAtTime(((h-s)%i+s)/this.comp.globalData.frameRate,0)}function p(t,e,r){if(!this.k)return this.pv;t=t?t.toLowerCase():"";var i,s,a,n,o,h=this.comp.renderedFrame,p=this.keyframes,l=p[0].t;if(l<=h)return this.pv;if(r?s=l+(i=e?Math.abs(elem.comp.globalData.frameRate*e):Math.max(0,this.elem.data.op-l)):((!e||e>p.length-1)&&(e=p.length-1),i=(s=p[e].t)-l),"pingpong"===t){if(Math.floor((l-h)/i)%2==0)return this.getValueAtTime(((l-h)%i+l)/this.comp.globalData.frameRate,0)}else{if("offset"===t){var f=this.getValueAtTime(l/this.comp.globalData.frameRate,0),m=this.getValueAtTime(s/this.comp.globalData.frameRate,0),c=this.getValueAtTime((i-(l-h)%i+l)/this.comp.globalData.frameRate,0),d=Math.floor((l-h)/i)+1;if(this.pv.length){for(n=(o=new Array(f.length)).length,a=0;a<n;a+=1)o[a]=c[a]-(m[a]-f[a])*d;return o}return c-(m-f)*d}if("continue"===t){var u=this.getValueAtTime(l/this.comp.globalData.frameRate,0),y=this.getValueAtTime((l+.001)/this.comp.globalData.frameRate,0);if(this.pv.length){for(n=(o=new Array(u.length)).length,a=0;a<n;a+=1)o[a]=u[a]+(u[a]-y[a])*(l-h)/.001;return o}return u+(u-y)*(l-h)/.001}}return this.getValueAtTime((i-(l-h)%i+l)/this.comp.globalData.frameRate,0)}function l(t){return t*=this.elem.globalData.frameRate,(t-=this.offsetTime)!==this._cachingAtTime.lastFrame&&(this._cachingAtTime.lastIndex=this._cachingAtTime.lastFrame<t?this._cachingAtTime.lastIndex:0,this._cachingAtTime.value=this.interpolateValue(t,this._cachingAtTime),this._cachingAtTime.lastFrame=t),this._cachingAtTime.value}function f(t){if(void 0!==this.vel)return this.vel;var e,r,i=this.getValueAtTime(t),s=this.getValueAtTime(t+-.001);if(i.length)for(e=createTypedArray("float32",i.length),r=0;r<i.length;r+=1)e[r]=(s[r]-i[r])/-.001;else e=(s-i)/-.001;return e}function m(t){this.propertyGroup=t}function c(t,e,r){e.x&&(r.k=!0,r.x=!0,r.initiateExpression=ExpressionManager.initiateExpression,r.effectsSequence.push(r.initiateExpression(t,e,r).bind(r)))}var i=function(){function r(t,e){return this.textIndex=t+1,this.textTotal=e,this.getValue(),this.v}return function(t,e){this.pv=1,this.comp=t.comp,this.elem=t,this.mult=.01,this.propType="textSelector",this.textTotal=e.totalChars,this.selectorValue=100,this.lastValue=[1,1,1],c.bind(this)(t,e,this),this.getMult=r,this.getVelocityAtTime=f,this.kf?this.getValueAtTime=l.bind(this):this.getValueAtTime=o.bind(this),this.setGroupProperty=m}}(),s=TransformPropertyFactory.getTransformProperty;TransformPropertyFactory.getTransformProperty=function(t,e,r){var i=s(t,e,r);return i.dynamicProperties.length?i.getValueAtTime=function(t){console.warn("Transform at time not supported")}.bind(i):i.getValueAtTime=function(t){}.bind(i),i.setGroupProperty=m,i};var d=PropertyFactory.getProp;PropertyFactory.getProp=function(t,e,r,i,s){var a=d(t,e,r,i,s);a.kf?a.getValueAtTime=l.bind(a):a.getValueAtTime=o.bind(a),a.setGroupProperty=m,a.loopOut=h,a.loopIn=p,a.getVelocityAtTime=f.bind(a),a.getSpeedAtTime=function(t){var e=this.getValueAtTime(t),r=this.getValueAtTime(t+-.01),i=0;if(e.length){var s;for(s=0;s<e.length;s+=1)i+=Math.pow(r[s]-e[s],2);i=100*Math.sqrt(i)}else i=0;return i}.bind(a),a.numKeys=1===e.a?e.k.length:0,a.propertyIndex=e.ix;var n=0;return 0!==r&&(n=createTypedArray("float32",1===e.a?e.k[0].s.length:e.k.length)),a._cachingAtTime={lastFrame:initialDefaultFrame,lastIndex:0,value:n},c(t,e,a),a.k&&s.addDynamicProperty(a),a};var t=ShapePropertyFactory.getConstructorFunction(),e=ShapePropertyFactory.getKeyframedConstructorFunction();function r(){}r.prototype={vertices:function(t,e){this.k&&this.getValue();var r=this.v;void 0!==e&&(r=this.getValueAtTime(e,0));var i,s=r._length,a=r[t],n=r.v,o=createSizedArray(s);for(i=0;i<s;i+=1)o[i]="i"===t||"o"===t?[a[i][0]-n[i][0],a[i][1]-n[i][1]]:[a[i][0],a[i][1]];return o},points:function(t){return this.vertices("v",t)},inTangents:function(t){return this.vertices("i",t)},outTangents:function(t){return this.vertices("o",t)},isClosed:function(){return this.v.c},pointOnPath:function(t,e){var r=this.v;void 0!==e&&(r=this.getValueAtTime(e,0)),this._segmentsLength||(this._segmentsLength=bez.getSegmentsLength(r));for(var i,s=this._segmentsLength,a=s.lengths,n=s.totalLength*t,o=0,h=a.length,p=0;o<h;){if(p+a[o].addedLength>n){var l=o,f=r.c&&o===h-1?0:o+1,m=(n-p)/a[o].addedLength;i=bez.getPointInSegment(r.v[l],r.v[f],r.o[l],r.i[f],m,a[o]);break}p+=a[o].addedLength,o+=1}return i||(i=r.c?[r.v[0][0],r.v[0][1]]:[r.v[r._length-1][0],r.v[r._length-1][1]]),i},vectorOnPath:function(t,e,r){t=1==t?this.v.c?0:.999:t;var i=this.pointOnPath(t,e),s=this.pointOnPath(t+.001,e),a=s[0]-i[0],n=s[1]-i[1],o=Math.sqrt(Math.pow(a,2)+Math.pow(n,2));return"tangent"===r?[a/o,n/o]:[-n/o,a/o]},tangentOnPath:function(t,e){return this.vectorOnPath(t,e,"tangent")},normalOnPath:function(t,e){return this.vectorOnPath(t,e,"normal")},setGroupProperty:m,getValueAtTime:o},extendPrototype([r],t),extendPrototype([r],e),e.prototype.getValueAtTime=function(t){return this._cachingAtTime||(this._cachingAtTime={shapeValue:shape_pool.clone(this.pv),lastIndex:0,lastTime:initialDefaultFrame}),t!==this._cachingAtTime.lastTime&&(this._cachingAtTime.lastIndex=this._cachingAtTime.lastTime<t?this._caching.lastIndex:0,this._cachingAtTime.lastTime=t,t*=this.elem.globalData.frameRate,this.interpolateShape(t,this._cachingAtTime.shapeValue,this._cachingAtTime)),this._cachingAtTime.shapeValue},e.prototype.initiateExpression=ExpressionManager.initiateExpression;var n=ShapePropertyFactory.getShapeProp;ShapePropertyFactory.getShapeProp=function(t,e,r,i,s){var a=n(t,e,r,i,s);return a.propertyIndex=e.ix,a.lock=!1,3===r?c(t,e.pt,a):4===r&&c(t,e.ks,a),a.k&&t.addDynamicProperty(a),a};var a=TextSelectorProp.getTextSelectorProp;TextSelectorProp.getTextSelectorProp=function(t,e,r){return 1===e.t?new i(t,e,r):a(t,e,r)}}(),TextProperty.prototype.getExpressionValue=function(t,e){var r=this.calculateExpression(e);if(t.t===r)return t;var i={};return this.copyData(i,t),i.t=r.toString(),i.__complete=!1,i},TextProperty.prototype.searchProperty=function(){var t=this.searchKeyframes(),e=this.searchExpressions();return this.kf=t||e,this.kf},TextProperty.prototype.searchExpressions=function(){if(this.data.d.x)return this.calculateExpression=ExpressionManager.initiateExpression.bind(this)(this.elem,this.data.d,this),this.addEffect(this.getExpressionValue.bind(this)),!0};var ShapeExpressionInterface=function(){function f(t,e,r){var i,s=[],a=t?t.length:0;for(i=0;i<a;i+=1)"gr"==t[i].ty?s.push(n(t[i],e[i],r)):"fl"==t[i].ty?s.push(o(t[i],e[i],r)):"st"==t[i].ty?s.push(h(t[i],e[i],r)):"tm"==t[i].ty?s.push(p(t[i],e[i],r)):"tr"==t[i].ty||("el"==t[i].ty?s.push(l(t[i],e[i],r)):"sr"==t[i].ty?s.push(m(t[i],e[i],r)):"sh"==t[i].ty?s.push(y(t[i],e[i],r)):"rc"==t[i].ty?s.push(c(t[i],e[i],r)):"rd"==t[i].ty?s.push(d(t[i],e[i],r)):"rp"==t[i].ty&&s.push(u(t[i],e[i],r)));return s}function n(t,e,r){var i=function(t){switch(t){case"ADBE Vectors Group":case"Contents":case 2:return i.content;default:return i.transform}};i.propertyGroup=function(t){return 1===t?i:r(t-1)};var s,a,n,o,h,p=(s=t,a=e,n=i.propertyGroup,(h=function(t){for(var e=0,r=o.length;e<r;){if(o[e]._name===t||o[e].mn===t||o[e].propertyIndex===t||o[e].ix===t||o[e].ind===t)return o[e];e+=1}if("number"==typeof t)return o[t-1]}).propertyGroup=function(t){return 1===t?h:n(t-1)},o=f(s.it,a.it,h.propertyGroup),h.numProperties=o.length,h.propertyIndex=s.cix,h._name=s.nm,h),l=function(e,t,r){function i(t){return 1==t?s:r(--t)}t.transform.mProps.o.setGroupProperty(i),t.transform.mProps.p.setGroupProperty(i),t.transform.mProps.a.setGroupProperty(i),t.transform.mProps.s.setGroupProperty(i),t.transform.mProps.r.setGroupProperty(i),t.transform.mProps.sk&&(t.transform.mProps.sk.setGroupProperty(i),t.transform.mProps.sa.setGroupProperty(i));function s(t){return e.a.ix===t||"Anchor Point"===t?s.anchorPoint:e.o.ix===t||"Opacity"===t?s.opacity:e.p.ix===t||"Position"===t?s.position:e.r.ix===t||"Rotation"===t||"ADBE Vector Rotation"===t?s.rotation:e.s.ix===t||"Scale"===t?s.scale:e.sk&&e.sk.ix===t||"Skew"===t?s.skew:e.sa&&e.sa.ix===t||"Skew Axis"===t?s.skewAxis:void 0}return t.transform.op.setGroupProperty(i),Object.defineProperties(s,{opacity:{get:ExpressionPropertyInterface(t.transform.mProps.o)},position:{get:ExpressionPropertyInterface(t.transform.mProps.p)},anchorPoint:{get:ExpressionPropertyInterface(t.transform.mProps.a)},scale:{get:ExpressionPropertyInterface(t.transform.mProps.s)},rotation:{get:ExpressionPropertyInterface(t.transform.mProps.r)},skew:{get:ExpressionPropertyInterface(t.transform.mProps.sk)},skewAxis:{get:ExpressionPropertyInterface(t.transform.mProps.sa)},_name:{value:e.nm}}),s.ty="tr",s.mn=e.mn,s}(t.it[t.it.length-1],e.it[e.it.length-1],i.propertyGroup);return i.content=p,i.transform=l,Object.defineProperty(i,"_name",{get:function(){return t.nm}}),i.numProperties=t.np,i.propertyIndex=t.ix,i.nm=t.nm,i.mn=t.mn,i}function o(t,e,r){function i(t){return"Color"===t||"color"===t?i.color:"Opacity"===t||"opacity"===t?i.opacity:void 0}return Object.defineProperties(i,{color:{get:ExpressionPropertyInterface(e.c)},opacity:{get:ExpressionPropertyInterface(e.o)},_name:{value:t.nm},mn:{value:t.mn}}),e.c.setGroupProperty(r),e.o.setGroupProperty(r),i}function h(t,e,r){function i(t){return 1===t?ob:r(t-1)}function s(t){return 1===t?h:i(t-1)}var a,n,o=t.d?t.d.length:0,h={};for(a=0;a<o;a+=1)n=a,Object.defineProperty(h,t.d[n].nm,{get:ExpressionPropertyInterface(e.d.dataProps[n].p)}),e.d.dataProps[a].p.setGroupProperty(s);function p(t){return"Color"===t||"color"===t?p.color:"Opacity"===t||"opacity"===t?p.opacity:"Stroke Width"===t||"stroke width"===t?p.strokeWidth:void 0}return Object.defineProperties(p,{color:{get:ExpressionPropertyInterface(e.c)},opacity:{get:ExpressionPropertyInterface(e.o)},strokeWidth:{get:ExpressionPropertyInterface(e.w)},dash:{get:function(){return h}},_name:{value:t.nm},mn:{value:t.mn}}),e.c.setGroupProperty(i),e.o.setGroupProperty(i),e.w.setGroupProperty(i),p}function p(e,t,r){function i(t){return 1==t?s:r(--t)}function s(t){return t===e.e.ix||"End"===t||"end"===t?s.end:t===e.s.ix?s.start:t===e.o.ix?s.offset:void 0}return s.propertyIndex=e.ix,t.s.setGroupProperty(i),t.e.setGroupProperty(i),t.o.setGroupProperty(i),s.propertyIndex=e.ix,Object.defineProperties(s,{start:{get:ExpressionPropertyInterface(t.s)},end:{get:ExpressionPropertyInterface(t.e)},offset:{get:ExpressionPropertyInterface(t.o)},_name:{value:e.nm}}),s.mn=e.mn,s}function l(e,t,r){function i(t){return 1==t?a:r(--t)}a.propertyIndex=e.ix;var s="tm"===t.sh.ty?t.sh.prop:t.sh;function a(t){return e.p.ix===t?a.position:e.s.ix===t?a.size:void 0}return s.s.setGroupProperty(i),s.p.setGroupProperty(i),Object.defineProperties(a,{size:{get:ExpressionPropertyInterface(s.s)},position:{get:ExpressionPropertyInterface(s.p)},_name:{value:e.nm}}),a.mn=e.mn,a}function m(e,t,r){function i(t){return 1==t?a:r(--t)}var s="tm"===t.sh.ty?t.sh.prop:t.sh;function a(t){return e.p.ix===t?a.position:e.r.ix===t?a.rotation:e.pt.ix===t?a.points:e.or.ix===t||"ADBE Vector Star Outer Radius"===t?a.outerRadius:e.os.ix===t?a.outerRoundness:!e.ir||e.ir.ix!==t&&"ADBE Vector Star Inner Radius"!==t?e.is&&e.is.ix===t?a.innerRoundness:void 0:a.innerRadius}return a.propertyIndex=e.ix,s.or.setGroupProperty(i),s.os.setGroupProperty(i),s.pt.setGroupProperty(i),s.p.setGroupProperty(i),s.r.setGroupProperty(i),e.ir&&(s.ir.setGroupProperty(i),s.is.setGroupProperty(i)),Object.defineProperties(a,{position:{get:ExpressionPropertyInterface(s.p)},rotation:{get:ExpressionPropertyInterface(s.r)},points:{get:ExpressionPropertyInterface(s.pt)},outerRadius:{get:ExpressionPropertyInterface(s.or)},outerRoundness:{get:ExpressionPropertyInterface(s.os)},innerRadius:{get:ExpressionPropertyInterface(s.ir)},innerRoundness:{get:ExpressionPropertyInterface(s.is)},_name:{value:e.nm}}),a.mn=e.mn,a}function c(e,t,r){function i(t){return 1==t?a:r(--t)}var s="tm"===t.sh.ty?t.sh.prop:t.sh;function a(t){return e.p.ix===t?a.position:e.r.ix===t?a.roundness:e.s.ix===t||"Size"===t||"ADBE Vector Rect Size"===t?a.size:void 0}return a.propertyIndex=e.ix,s.p.setGroupProperty(i),s.s.setGroupProperty(i),s.r.setGroupProperty(i),Object.defineProperties(a,{position:{get:ExpressionPropertyInterface(s.p)},roundness:{get:ExpressionPropertyInterface(s.r)},size:{get:ExpressionPropertyInterface(s.s)},_name:{value:e.nm}}),a.mn=e.mn,a}function d(e,t,r){var i=t;function s(t){if(e.r.ix===t||"Round Corners 1"===t)return s.radius}return s.propertyIndex=e.ix,i.rd.setGroupProperty(function(t){return 1==t?s:r(--t)}),Object.defineProperties(s,{radius:{get:ExpressionPropertyInterface(i.rd)},_name:{value:e.nm}}),s.mn=e.mn,s}function u(e,t,r){function i(t){return 1==t?a:r(--t)}var s=t;function a(t){return e.c.ix===t||"Copies"===t?a.copies:e.o.ix===t||"Offset"===t?a.offset:void 0}return a.propertyIndex=e.ix,s.c.setGroupProperty(i),s.o.setGroupProperty(i),Object.defineProperties(a,{copies:{get:ExpressionPropertyInterface(s.c)},offset:{get:ExpressionPropertyInterface(s.o)},_name:{value:e.nm}}),a.mn=e.mn,a}function y(t,e,r){var i=e.sh;function s(t){if("Shape"===t||"shape"===t||"Path"===t||"path"===t||"ADBE Vector Shape"===t||2===t)return s.path}return i.setGroupProperty(function(t){return 1==t?s:r(--t)}),Object.defineProperties(s,{path:{get:function(){return i.k&&i.getValue(),i}},shape:{get:function(){return i.k&&i.getValue(),i}},_name:{value:t.nm},ix:{value:t.ix},mn:{value:t.mn}}),s}return function(t,e,r){var i;function s(t){if("number"==typeof t)return i[t-1];for(var e=0,r=i.length;e<r;){if(i[e]._name===t)return i[e];e+=1}}return s.propertyGroup=r,i=f(t,e,s),s}}(),TextExpressionInterface=function(e){var r;function t(){}return Object.defineProperty(t,"sourceText",{get:function(){e.textProperty.getValue();var t=e.textProperty.currentData.t;return void 0!==t&&(e.textProperty.currentData.t=void 0,(r=new String(t)).value=t||new String(t)),r}}),t},LayerExpressionInterface=function(){function s(t,e){var r=new Matrix;if(r.reset(),this._elem.finalTransform.mProp.applyToMatrix(r),this._elem.hierarchy&&this._elem.hierarchy.length){var i,s=this._elem.hierarchy.length;for(i=0;i<s;i+=1)this._elem.hierarchy[i].finalTransform.mProp.applyToMatrix(r);return r.applyToPointArray(t[0],t[1],t[2]||0)}return r.applyToPointArray(t[0],t[1],t[2]||0)}function a(t,e){var r=new Matrix;if(r.reset(),this._elem.finalTransform.mProp.applyToMatrix(r),this._elem.hierarchy&&this._elem.hierarchy.length){var i,s=this._elem.hierarchy.length;for(i=0;i<s;i+=1)this._elem.hierarchy[i].finalTransform.mProp.applyToMatrix(r);return r.inversePoint(t)}return r.inversePoint(t)}function n(t){var e=new Matrix;if(e.reset(),this._elem.finalTransform.mProp.applyToMatrix(e),this._elem.hierarchy&&this._elem.hierarchy.length){var r,i=this._elem.hierarchy.length;for(r=0;r<i;r+=1)this._elem.hierarchy[r].finalTransform.mProp.applyToMatrix(e);return e.inversePoint(t)}return e.inversePoint(t)}function o(){return[1,1,1,1]}return function(e){var r;function i(t){switch(t){case"ADBE Root Vectors Group":case"Contents":case 2:return i.shapeInterface;case 1:case 6:case"Transform":case"transform":case"ADBE Transform Group":return r;case 4:case"ADBE Effect Parade":case"effects":case"Effects":return i.effect}}i.toWorld=s,i.fromWorld=a,i.toComp=s,i.fromComp=n,i.sampleImage=o,i.sourceRectAtTime=e.sourceRectAtTime.bind(e);var t=getDescriptor(r=TransformExpressionInterface((i._elem=e).finalTransform.mProp),"anchorPoint");return Object.defineProperties(i,{hasParent:{get:function(){return e.hierarchy.length}},parent:{get:function(){return e.hierarchy[0].layerInterface}},rotation:getDescriptor(r,"rotation"),scale:getDescriptor(r,"scale"),position:getDescriptor(r,"position"),opacity:getDescriptor(r,"opacity"),anchorPoint:t,anchor_point:t,transform:{get:function(){return r}},active:{get:function(){return e.isInRange}}}),i.startTime=e.data.st,i.index=e.data.ind,i.source=e.data.refId,i.height=0===e.data.ty?e.data.h:100,i.width=0===e.data.ty?e.data.w:100,i.inPoint=e.data.ip/e.comp.globalData.frameRate,i.outPoint=e.data.op/e.comp.globalData.frameRate,i._name=e.data.nm,i.registerMaskInterface=function(t){i.mask=new MaskManagerInterface(t,e)},i.registerEffectsInterface=function(t){i.effect=t},i}}(),CompExpressionInterface=function(i){function t(t){for(var e=0,r=i.layers.length;e<r;){if(i.layers[e].nm===t||i.layers[e].ind===t)return i.elements[e].layerInterface;e+=1}return null}return Object.defineProperty(t,"_name",{value:i.data.nm}),(t.layer=t).pixelAspect=1,t.height=i.data.h||i.globalData.compSize.h,t.width=i.data.w||i.globalData.compSize.w,t.pixelAspect=1,t.frameDuration=1/i.globalData.frameRate,t.displayStartTime=0,t.numLayers=i.layers.length,t},TransformExpressionInterface=function(t){function e(t){switch(t){case"scale":case"Scale":case"ADBE Scale":case 6:return e.scale;case"rotation":case"Rotation":case"ADBE Rotation":case"ADBE Rotate Z":case 10:return e.rotation;case"ADBE Rotate X":return e.xRotation;case"ADBE Rotate Y":return e.yRotation;case"position":case"Position":case"ADBE Position":case 2:return e.position;case"ADBE Position_0":return e.xPosition;case"ADBE Position_1":return e.yPosition;case"ADBE Position_2":return e.zPosition;case"anchorPoint":case"AnchorPoint":case"Anchor Point":case"ADBE AnchorPoint":case 1:return e.anchorPoint;case"opacity":case"Opacity":case 11:return e.opacity}}if(Object.defineProperty(e,"rotation",{get:ExpressionPropertyInterface(t.r||t.rz)}),Object.defineProperty(e,"zRotation",{get:ExpressionPropertyInterface(t.rz||t.r)}),Object.defineProperty(e,"xRotation",{get:ExpressionPropertyInterface(t.rx)}),Object.defineProperty(e,"yRotation",{get:ExpressionPropertyInterface(t.ry)}),Object.defineProperty(e,"scale",{get:ExpressionPropertyInterface(t.s)}),t.p)var r=ExpressionPropertyInterface(t.p);return Object.defineProperty(e,"position",{get:function(){return t.p?r():[t.px.v,t.py.v,t.pz?t.pz.v:0]}}),Object.defineProperty(e,"xPosition",{get:ExpressionPropertyInterface(t.px)}),Object.defineProperty(e,"yPosition",{get:ExpressionPropertyInterface(t.py)}),Object.defineProperty(e,"zPosition",{get:ExpressionPropertyInterface(t.pz)}),Object.defineProperty(e,"anchorPoint",{get:ExpressionPropertyInterface(t.a)}),Object.defineProperty(e,"opacity",{get:ExpressionPropertyInterface(t.o)}),Object.defineProperty(e,"skew",{get:ExpressionPropertyInterface(t.sk)}),Object.defineProperty(e,"skewAxis",{get:ExpressionPropertyInterface(t.sa)}),Object.defineProperty(e,"orientation",{get:ExpressionPropertyInterface(t.or)}),e},ProjectInterface=function(){function e(t){this.compositions.push(t)}return function(){function t(t){for(var e=0,r=this.compositions.length;e<r;){if(this.compositions[e].data&&this.compositions[e].data.nm===t)return this.compositions[e].prepareFrame&&this.compositions[e].data.xt&&this.compositions[e].prepareFrame(this.currentFrame),this.compositions[e].compInterface;e+=1}}return t.compositions=[],t.currentFrame=0,t.registerComposition=e,t}}(),EffectsExpressionInterface=function(){function p(s,t,e,r){var i,a=[],n=s.ef.length;for(i=0;i<n;i+=1)5===s.ef[i].ty?a.push(p(s.ef[i],t.effectElements[i],t.effectElements[i].propertyGroup,r)):a.push(l(t.effectElements[i],s.ef[i].ty,r,o));function o(t){return 1===t?h:e(t-1)}var h=function(t){for(var e=s.ef,r=0,i=e.length;r<i;){if(t===e[r].nm||t===e[r].mn||t===e[r].ix)return 5===e[r].ty?a[r]:a[r]();r+=1}return a[0]()};return h.propertyGroup=o,"ADBE Color Control"===s.mn&&Object.defineProperty(h,"color",{get:function(){return a[0]()}}),Object.defineProperty(h,"numProperties",{get:function(){return s.np}}),h.active=h.enabled=0!==s.en,h}function l(t,e,r,i){var s=ExpressionPropertyInterface(t.p);return t.p.setGroupProperty&&t.p.setGroupProperty(i),function(){return 10===e?r.comp.compInterface(t.p.v):s()}}return{createEffectsInterface:function(s,t){if(s.effectsManager){var e,a=[],r=s.data.ef,i=s.effectsManager.effectElements.length;for(e=0;e<i;e+=1)a.push(p(r[e],s.effectsManager.effectElements[e],t,s));return function(t){for(var e=s.data.ef||[],r=0,i=e.length;r<i;){if(t===e[r].nm||t===e[r].mn||t===e[r].ix)return a[r];r+=1}}}}}}(),MaskManagerInterface=function(){function a(t,e){this._mask=t,this._data=e}Object.defineProperty(a.prototype,"maskPath",{get:function(){return this._mask.prop.k&&this._mask.prop.getValue(),this._mask.prop}});return function(e,t){var r,i=createSizedArray(e.viewData.length),s=e.viewData.length;for(r=0;r<s;r+=1)i[r]=new a(e.viewData[r],e.masksProperties[r]);return function(t){for(r=0;r<s;){if(e.masksProperties[r].nm===t)return i[r];r+=1}}}}(),ExpressionPropertyInterface=function(){var s={pv:0,v:0,mult:1},n={pv:[0,0,0],v:[0,0,0],mult:1};function o(i,s,a){Object.defineProperty(i,"velocity",{get:function(){return s.getVelocityAtTime(s.comp.currentFrame)}}),i.numKeys=s.keyframes?s.keyframes.length:0,i.key=function(t){if(i.numKeys){var e="";e="s"in s.keyframes[t-1]?s.keyframes[t-1].s:"e"in s.keyframes[t-2]?s.keyframes[t-2].e:s.keyframes[t-2].s;var r="unidimensional"===a?new Number(e):Object.assign({},e);return r.time=s.keyframes[t-1].t/s.elem.comp.globalData.frameRate,r}return 0},i.valueAtTime=s.getValueAtTime,i.speedAtTime=s.getSpeedAtTime,i.velocityAtTime=s.getVelocityAtTime,i.propertyGroup=s.propertyGroup}function e(){return s}return function(t){return t?"unidimensional"===t.propType?function(t){t&&"pv"in t||(t=s);var e=1/t.mult,r=t.pv*e,i=new Number(r);return i.value=r,o(i,t,"unidimensional"),function(){return t.k&&t.getValue(),r=t.v*e,i.value!==r&&((i=new Number(r)).value=r,o(i,t,"unidimensional")),i}}(t):function(e){e&&"pv"in e||(e=n);var r=1/e.mult,i=e.pv.length,s=createTypedArray("float32",i),a=createTypedArray("float32",i);return s.value=a,o(s,e,"multidimensional"),function(){e.k&&e.getValue();for(var t=0;t<i;t+=1)s[t]=a[t]=e.v[t]*r;return s}}(t):e}}();function SliderEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function AngleEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function ColorEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,1,0,r)}function PointEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,1,0,r)}function LayerIndexEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function MaskIndexEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function CheckboxEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function NoValueEffect(){this.p={}}function EffectsManager(){}function EffectsManager(t,e){var r=t.ef||[];this.effectElements=[];var i,s,a=r.length;for(i=0;i<a;i++)s=new GroupEffect(r[i],e),this.effectElements.push(s)}function GroupEffect(t,e){this.init(t,e)}extendPrototype([DynamicPropertyContainer],GroupEffect),GroupEffect.prototype.getValue=GroupEffect.prototype.iterateDynamicProperties,GroupEffect.prototype.init=function(t,e){this.data=t,this.effectElements=[],this.initDynamicPropertyContainer(e);var r,i,s=this.data.ef.length,a=this.data.ef;for(r=0;r<s;r+=1){switch(i=null,a[r].ty){case 0:i=new SliderEffect(a[r],e,this);break;case 1:i=new AngleEffect(a[r],e,this);break;case 2:i=new ColorEffect(a[r],e,this);break;case 3:i=new PointEffect(a[r],e,this);break;case 4:case 7:i=new CheckboxEffect(a[r],e,this);break;case 10:i=new LayerIndexEffect(a[r],e,this);break;case 11:i=new MaskIndexEffect(a[r],e,this);break;case 5:i=new EffectsManager(a[r],e,this);break;default:i=new NoValueEffect(a[r],e,this)}i&&this.effectElements.push(i)}};var lottiejs={},_isFrozen=!1;function setLocationHref(t){locationHref=t}function searchAnimations(){!0===standalone?animationManager.searchAnimations(animationData,standalone,renderer):animationManager.searchAnimations()}function setSubframeRendering(t){subframeEnabled=t}function loadAnimation(t){return!0===standalone&&(t.animationData=JSON.parse(animationData)),animationManager.loadAnimation(t)}function setQuality(t){if("string"==typeof t)switch(t){case"high":defaultCurveSegments=200;break;case"medium":defaultCurveSegments=50;break;case"low":defaultCurveSegments=10}else!isNaN(t)&&1<t&&(defaultCurveSegments=t);roundValues(!(50<=defaultCurveSegments))}function inBrowser(){return"undefined"!=typeof navigator}function installPlugin(t,e){"expressions"===t&&(expressionsPlugin=e)}function getFactory(t){switch(t){case"propertyFactory":return PropertyFactory;case"shapePropertyFactory":return ShapePropertyFactory;case"matrix":return Matrix}}function checkReady(){"complete"===document.readyState&&(clearInterval(readyStateCheckInterval),searchAnimations())}function getQueryVariable(t){for(var e=queryString.split("&"),r=0;r<e.length;r++){var i=e[r].split("=");if(decodeURIComponent(i[0])==t)return decodeURIComponent(i[1])}}lottiejs.play=animationManager.play,lottiejs.pause=animationManager.pause,lottiejs.setLocationHref=setLocationHref,lottiejs.togglePause=animationManager.togglePause,lottiejs.setSpeed=animationManager.setSpeed,lottiejs.setDirection=animationManager.setDirection,lottiejs.stop=animationManager.stop,lottiejs.searchAnimations=searchAnimations,lottiejs.registerAnimation=animationManager.registerAnimation,lottiejs.loadAnimation=loadAnimation,lottiejs.setSubframeRendering=setSubframeRendering,lottiejs.resize=animationManager.resize,lottiejs.goToAndStop=animationManager.goToAndStop,lottiejs.destroy=animationManager.destroy,lottiejs.setQuality=setQuality,lottiejs.inBrowser=inBrowser,lottiejs.installPlugin=installPlugin,lottiejs.freeze=animationManager.freeze,lottiejs.unfreeze=animationManager.unfreeze,lottiejs.getRegisteredAnimations=animationManager.getRegisteredAnimations,lottiejs.__getFactory=getFactory,lottiejs.version="5.4.2";var standalone="__[STANDALONE]__",animationData="__[ANIMATIONDATA]__",renderer="";if(standalone){var scripts=document.getElementsByTagName("script"),index=scripts.length-1,myScript=scripts[index]||{src:""},queryString=myScript.src.replace(/^[^\?]+\??/,"");renderer=getQueryVariable("renderer")}var readyStateCheckInterval=setInterval(checkReady,100);return lottiejs},"function"==typeof define&&define.amd?define(function(){return b(a)}):"object"==typeof module&&module.exports?module.exports=b(a):(a.lottie=b(a),a.bodymovin=a.lottie));
\ No newline at end of file
diff --git a/build/player/lottie_html.js b/build/player/lottie_html.js
new file mode 100644
index 0000000..9ddb898
--- /dev/null
+++ b/build/player/lottie_html.js
@@ -0,0 +1,13014 @@
+(typeof navigator !== "undefined") && (function(root, factory) {
+ if (typeof define === "function" && define.amd) {
+ define(function() {
+ return factory(root);
+ });
+ } else if (typeof module === "object" && module.exports) {
+ module.exports = factory(root);
+ } else {
+ root.lottie = factory(root);
+ root.bodymovin = root.lottie;
+ }
+}((window || {}), function(window) {
+ "use strict";
+ var svgNS = "http://www.w3.org/2000/svg";
+
+var locationHref = '';
+
+var initialDefaultFrame = -999999;
+
+var subframeEnabled = true;
+var expressionsPlugin;
+var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+var cachedColors = {};
+var bm_rounder = Math.round;
+var bm_rnd;
+var bm_pow = Math.pow;
+var bm_sqrt = Math.sqrt;
+var bm_abs = Math.abs;
+var bm_floor = Math.floor;
+var bm_max = Math.max;
+var bm_min = Math.min;
+var blitter = 10;
+
+var BMMath = {};
+(function(){
+ var propertyNames = Object.getOwnPropertyNames(Math);
+ var i, len = propertyNames.length;
+ for(i=0;i<len;i+=1){
+ BMMath[propertyNames[i]] = Math[propertyNames[i]];
+ }
+}());
+
+function ProjectInterface(){return {};}
+
+BMMath.random = Math.random;
+BMMath.abs = function(val){
+ var tOfVal = typeof val;
+ if(tOfVal === 'object' && val.length){
+ var absArr = createSizedArray(val.length);
+ var i, len = val.length;
+ for(i=0;i<len;i+=1){
+ absArr[i] = Math.abs(val[i]);
+ }
+ return absArr;
+ }
+ return Math.abs(val);
+
+};
+var defaultCurveSegments = 150;
+var degToRads = Math.PI/180;
+var roundCorner = 0.5519;
+
+function roundValues(flag){
+ if(flag){
+ bm_rnd = Math.round;
+ }else{
+ bm_rnd = function(val){
+ return val;
+ };
+ }
+}
+roundValues(false);
+
+function styleDiv(element){
+ element.style.position = 'absolute';
+ element.style.top = 0;
+ element.style.left = 0;
+ element.style.display = 'block';
+ element.style.transformOrigin = element.style.webkitTransformOrigin = '0 0';
+ element.style.backfaceVisibility = element.style.webkitBackfaceVisibility = 'visible';
+ element.style.transformStyle = element.style.webkitTransformStyle = element.style.mozTransformStyle = "preserve-3d";
+}
+
+function BMEnterFrameEvent(n,c,t,d){
+ this.type = n;
+ this.currentTime = c;
+ this.totalTime = t;
+ this.direction = d < 0 ? -1:1;
+}
+
+function BMCompleteEvent(n,d){
+ this.type = n;
+ this.direction = d < 0 ? -1:1;
+}
+
+function BMCompleteLoopEvent(n,c,t,d){
+ this.type = n;
+ this.currentLoop = t;
+ this.totalLoops = c;
+ this.direction = d < 0 ? -1:1;
+}
+
+function BMSegmentStartEvent(n,f,t){
+ this.type = n;
+ this.firstFrame = f;
+ this.totalFrames = t;
+}
+
+function BMDestroyEvent(n,t){
+ this.type = n;
+ this.target = t;
+}
+
+function randomString(length, chars){
+ if(chars === undefined){
+ chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890';
+ }
+ var i;
+ var result = '';
+ for (i = length; i > 0; --i) result += chars[Math.round(Math.random() * (chars.length - 1))];
+ return result;
+}
+
+function HSVtoRGB(h, s, v) {
+ var r, g, b, i, f, p, q, t;
+ i = Math.floor(h * 6);
+ f = h * 6 - i;
+ p = v * (1 - s);
+ q = v * (1 - f * s);
+ t = v * (1 - (1 - f) * s);
+ switch (i % 6) {
+ case 0: r = v; g = t; b = p; break;
+ case 1: r = q; g = v; b = p; break;
+ case 2: r = p; g = v; b = t; break;
+ case 3: r = p; g = q; b = v; break;
+ case 4: r = t; g = p; b = v; break;
+ case 5: r = v; g = p; b = q; break;
+ }
+ return [ r,
+ g,
+ b ];
+}
+
+function RGBtoHSV(r, g, b) {
+ var max = Math.max(r, g, b), min = Math.min(r, g, b),
+ d = max - min,
+ h,
+ s = (max === 0 ? 0 : d / max),
+ v = max / 255;
+
+ switch (max) {
+ case min: h = 0; break;
+ case r: h = (g - b) + d * (g < b ? 6: 0); h /= 6 * d; break;
+ case g: h = (b - r) + d * 2; h /= 6 * d; break;
+ case b: h = (r - g) + d * 4; h /= 6 * d; break;
+ }
+
+ return [
+ h,
+ s,
+ v
+ ];
+}
+
+function addSaturationToRGB(color,offset){
+ var hsv = RGBtoHSV(color[0]*255,color[1]*255,color[2]*255);
+ hsv[1] += offset;
+ if (hsv[1] > 1) {
+ hsv[1] = 1;
+ }
+ else if (hsv[1] <= 0) {
+ hsv[1] = 0;
+ }
+ return HSVtoRGB(hsv[0],hsv[1],hsv[2]);
+}
+
+function addBrightnessToRGB(color,offset){
+ var hsv = RGBtoHSV(color[0]*255,color[1]*255,color[2]*255);
+ hsv[2] += offset;
+ if (hsv[2] > 1) {
+ hsv[2] = 1;
+ }
+ else if (hsv[2] < 0) {
+ hsv[2] = 0;
+ }
+ return HSVtoRGB(hsv[0],hsv[1],hsv[2]);
+}
+
+function addHueToRGB(color,offset) {
+ var hsv = RGBtoHSV(color[0]*255,color[1]*255,color[2]*255);
+ hsv[0] += offset/360;
+ if (hsv[0] > 1) {
+ hsv[0] -= 1;
+ }
+ else if (hsv[0] < 0) {
+ hsv[0] += 1;
+ }
+ return HSVtoRGB(hsv[0],hsv[1],hsv[2]);
+}
+
+var rgbToHex = (function(){
+ var colorMap = [];
+ var i;
+ var hex;
+ for(i=0;i<256;i+=1){
+ hex = i.toString(16);
+ colorMap[i] = hex.length == 1 ? '0' + hex : hex;
+ }
+
+ return function(r, g, b) {
+ if(r<0){
+ r = 0;
+ }
+ if(g<0){
+ g = 0;
+ }
+ if(b<0){
+ b = 0;
+ }
+ return '#' + colorMap[r] + colorMap[g] + colorMap[b];
+ };
+}());
+function BaseEvent(){}
+BaseEvent.prototype = {
+ triggerEvent: function (eventName, args) {
+ if (this._cbs[eventName]) {
+ var len = this._cbs[eventName].length;
+ for (var i = 0; i < len; i++){
+ this._cbs[eventName][i](args);
+ }
+ }
+ },
+ addEventListener: function (eventName, callback) {
+ if (!this._cbs[eventName]){
+ this._cbs[eventName] = [];
+ }
+ this._cbs[eventName].push(callback);
+
+ return function() {
+ this.removeEventListener(eventName, callback);
+ }.bind(this);
+ },
+ removeEventListener: function (eventName,callback){
+ if (!callback){
+ this._cbs[eventName] = null;
+ }else if(this._cbs[eventName]){
+ var i = 0, len = this._cbs[eventName].length;
+ while(i<len){
+ if(this._cbs[eventName][i] === callback){
+ this._cbs[eventName].splice(i,1);
+ i -=1;
+ len -= 1;
+ }
+ i += 1;
+ }
+ if(!this._cbs[eventName].length){
+ this._cbs[eventName] = null;
+ }
+ }
+ }
+};
+var createTypedArray = (function(){
+ function createRegularArray(type, len){
+ var i = 0, arr = [], value;
+ switch(type) {
+ case 'int16':
+ case 'uint8c':
+ value = 1;
+ break;
+ default:
+ value = 1.1;
+ break;
+ }
+ for(i = 0; i < len; i += 1) {
+ arr.push(value);
+ }
+ return arr;
+ }
+ function createTypedArray(type, len){
+ if(type === 'float32') {
+ return new Float32Array(len);
+ } else if(type === 'int16') {
+ return new Int16Array(len);
+ } else if(type === 'uint8c') {
+ return new Uint8ClampedArray(len);
+ }
+ }
+ if(typeof Uint8ClampedArray === 'function' && typeof Float32Array === 'function') {
+ return createTypedArray;
+ } else {
+ return createRegularArray;
+ }
+}());
+
+function createSizedArray(len) {
+ return Array.apply(null,{length:len});
+}
+function createNS(type) {
+ //return {appendChild:function(){},setAttribute:function(){},style:{}}
+ return document.createElementNS(svgNS, type);
+}
+function createTag(type) {
+ //return {appendChild:function(){},setAttribute:function(){},style:{}}
+ return document.createElement(type);
+}
+function DynamicPropertyContainer(){};
+DynamicPropertyContainer.prototype = {
+ addDynamicProperty: function(prop) {
+ if(this.dynamicProperties.indexOf(prop) === -1) {
+ this.dynamicProperties.push(prop);
+ this.container.addDynamicProperty(this);
+ this._isAnimated = true;
+ }
+ },
+ iterateDynamicProperties: function(){
+ this._mdf = false;
+ var i, len = this.dynamicProperties.length;
+ for(i=0;i<len;i+=1){
+ this.dynamicProperties[i].getValue();
+ if(this.dynamicProperties[i]._mdf) {
+ this._mdf = true;
+ }
+ }
+ },
+ initDynamicPropertyContainer: function(container){
+ this.container = container;
+ this.dynamicProperties = [];
+ this._mdf = false;
+ this._isAnimated = false;
+ }
+}
+/*!
+ Transformation Matrix v2.0
+ (c) Epistemex 2014-2015
+ www.epistemex.com
+ By Ken Fyrstenberg
+ Contributions by leeoniya.
+ License: MIT, header required.
+ */
+
+/**
+ * 2D transformation matrix object initialized with identity matrix.
+ *
+ * The matrix can synchronize a canvas context by supplying the context
+ * as an argument, or later apply current absolute transform to an
+ * existing context.
+ *
+ * All values are handled as floating point values.
+ *
+ * @param {CanvasRenderingContext2D} [context] - Optional context to sync with Matrix
+ * @prop {number} a - scale x
+ * @prop {number} b - shear y
+ * @prop {number} c - shear x
+ * @prop {number} d - scale y
+ * @prop {number} e - translate x
+ * @prop {number} f - translate y
+ * @prop {CanvasRenderingContext2D|null} [context=null] - set or get current canvas context
+ * @constructor
+ */
+
+var Matrix = (function(){
+
+ var _cos = Math.cos;
+ var _sin = Math.sin;
+ var _tan = Math.tan;
+ var _rnd = Math.round;
+
+ function reset(){
+ this.props[0] = 1;
+ this.props[1] = 0;
+ this.props[2] = 0;
+ this.props[3] = 0;
+ this.props[4] = 0;
+ this.props[5] = 1;
+ this.props[6] = 0;
+ this.props[7] = 0;
+ this.props[8] = 0;
+ this.props[9] = 0;
+ this.props[10] = 1;
+ this.props[11] = 0;
+ this.props[12] = 0;
+ this.props[13] = 0;
+ this.props[14] = 0;
+ this.props[15] = 1;
+ return this;
+ }
+
+ function rotate(angle) {
+ if(angle === 0){
+ return this;
+ }
+ var mCos = _cos(angle);
+ var mSin = _sin(angle);
+ return this._t(mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+ }
+
+ function rotateX(angle){
+ if(angle === 0){
+ return this;
+ }
+ var mCos = _cos(angle);
+ var mSin = _sin(angle);
+ return this._t(1, 0, 0, 0, 0, mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1);
+ }
+
+ function rotateY(angle){
+ if(angle === 0){
+ return this;
+ }
+ var mCos = _cos(angle);
+ var mSin = _sin(angle);
+ return this._t(mCos, 0, mSin, 0, 0, 1, 0, 0, -mSin, 0, mCos, 0, 0, 0, 0, 1);
+ }
+
+ function rotateZ(angle){
+ if(angle === 0){
+ return this;
+ }
+ var mCos = _cos(angle);
+ var mSin = _sin(angle);
+ return this._t(mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+ }
+
+ function shear(sx,sy){
+ return this._t(1, sy, sx, 1, 0, 0);
+ }
+
+ function skew(ax, ay){
+ return this.shear(_tan(ax), _tan(ay));
+ }
+
+ function skewFromAxis(ax, angle){
+ var mCos = _cos(angle);
+ var mSin = _sin(angle);
+ return this._t(mCos, mSin, 0, 0, -mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+ ._t(1, 0, 0, 0, _tan(ax), 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+ ._t(mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+ //return this._t(mCos, mSin, -mSin, mCos, 0, 0)._t(1, 0, _tan(ax), 1, 0, 0)._t(mCos, -mSin, mSin, mCos, 0, 0);
+ }
+
+ function scale(sx, sy, sz) {
+ if(!sz && sz !== 0) {
+ sz = 1;
+ }
+ if(sx === 1 && sy === 1 && sz === 1){
+ return this;
+ }
+ return this._t(sx, 0, 0, 0, 0, sy, 0, 0, 0, 0, sz, 0, 0, 0, 0, 1);
+ }
+
+ function setTransform(a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p) {
+ this.props[0] = a;
+ this.props[1] = b;
+ this.props[2] = c;
+ this.props[3] = d;
+ this.props[4] = e;
+ this.props[5] = f;
+ this.props[6] = g;
+ this.props[7] = h;
+ this.props[8] = i;
+ this.props[9] = j;
+ this.props[10] = k;
+ this.props[11] = l;
+ this.props[12] = m;
+ this.props[13] = n;
+ this.props[14] = o;
+ this.props[15] = p;
+ return this;
+ }
+
+ function translate(tx, ty, tz) {
+ tz = tz || 0;
+ if(tx !== 0 || ty !== 0 || tz !== 0){
+ return this._t(1,0,0,0,0,1,0,0,0,0,1,0,tx,ty,tz,1);
+ }
+ return this;
+ }
+
+ function transform(a2, b2, c2, d2, e2, f2, g2, h2, i2, j2, k2, l2, m2, n2, o2, p2) {
+
+ var _p = this.props;
+
+ if(a2 === 1 && b2 === 0 && c2 === 0 && d2 === 0 && e2 === 0 && f2 === 1 && g2 === 0 && h2 === 0 && i2 === 0 && j2 === 0 && k2 === 1 && l2 === 0){
+ //NOTE: commenting this condition because TurboFan deoptimizes code when present
+ //if(m2 !== 0 || n2 !== 0 || o2 !== 0){
+ _p[12] = _p[12] * a2 + _p[15] * m2;
+ _p[13] = _p[13] * f2 + _p[15] * n2;
+ _p[14] = _p[14] * k2 + _p[15] * o2;
+ _p[15] = _p[15] * p2;
+ //}
+ this._identityCalculated = false;
+ return this;
+ }
+
+ var a1 = _p[0];
+ var b1 = _p[1];
+ var c1 = _p[2];
+ var d1 = _p[3];
+ var e1 = _p[4];
+ var f1 = _p[5];
+ var g1 = _p[6];
+ var h1 = _p[7];
+ var i1 = _p[8];
+ var j1 = _p[9];
+ var k1 = _p[10];
+ var l1 = _p[11];
+ var m1 = _p[12];
+ var n1 = _p[13];
+ var o1 = _p[14];
+ var p1 = _p[15];
+
+ /* matrix order (canvas compatible):
+ * ace
+ * bdf
+ * 001
+ */
+ _p[0] = a1 * a2 + b1 * e2 + c1 * i2 + d1 * m2;
+ _p[1] = a1 * b2 + b1 * f2 + c1 * j2 + d1 * n2 ;
+ _p[2] = a1 * c2 + b1 * g2 + c1 * k2 + d1 * o2 ;
+ _p[3] = a1 * d2 + b1 * h2 + c1 * l2 + d1 * p2 ;
+
+ _p[4] = e1 * a2 + f1 * e2 + g1 * i2 + h1 * m2 ;
+ _p[5] = e1 * b2 + f1 * f2 + g1 * j2 + h1 * n2 ;
+ _p[6] = e1 * c2 + f1 * g2 + g1 * k2 + h1 * o2 ;
+ _p[7] = e1 * d2 + f1 * h2 + g1 * l2 + h1 * p2 ;
+
+ _p[8] = i1 * a2 + j1 * e2 + k1 * i2 + l1 * m2 ;
+ _p[9] = i1 * b2 + j1 * f2 + k1 * j2 + l1 * n2 ;
+ _p[10] = i1 * c2 + j1 * g2 + k1 * k2 + l1 * o2 ;
+ _p[11] = i1 * d2 + j1 * h2 + k1 * l2 + l1 * p2 ;
+
+ _p[12] = m1 * a2 + n1 * e2 + o1 * i2 + p1 * m2 ;
+ _p[13] = m1 * b2 + n1 * f2 + o1 * j2 + p1 * n2 ;
+ _p[14] = m1 * c2 + n1 * g2 + o1 * k2 + p1 * o2 ;
+ _p[15] = m1 * d2 + n1 * h2 + o1 * l2 + p1 * p2 ;
+
+ this._identityCalculated = false;
+ return this;
+ }
+
+ function isIdentity() {
+ if(!this._identityCalculated){
+ this._identity = !(this.props[0] !== 1 || this.props[1] !== 0 || this.props[2] !== 0 || this.props[3] !== 0 || this.props[4] !== 0 || this.props[5] !== 1 || this.props[6] !== 0 || this.props[7] !== 0 || this.props[8] !== 0 || this.props[9] !== 0 || this.props[10] !== 1 || this.props[11] !== 0 || this.props[12] !== 0 || this.props[13] !== 0 || this.props[14] !== 0 || this.props[15] !== 1);
+ this._identityCalculated = true;
+ }
+ return this._identity;
+ }
+
+ function equals(matr){
+ var i = 0;
+ while (i < 16) {
+ if(matr.props[i] !== this.props[i]) {
+ return false;
+ }
+ i+=1;
+ }
+ return true;
+ }
+
+ function clone(matr){
+ var i;
+ for(i=0;i<16;i+=1){
+ matr.props[i] = this.props[i];
+ }
+ }
+
+ function cloneFromProps(props){
+ var i;
+ for(i=0;i<16;i+=1){
+ this.props[i] = props[i];
+ }
+ }
+
+ function applyToPoint(x, y, z) {
+
+ return {
+ x: x * this.props[0] + y * this.props[4] + z * this.props[8] + this.props[12],
+ y: x * this.props[1] + y * this.props[5] + z * this.props[9] + this.props[13],
+ z: x * this.props[2] + y * this.props[6] + z * this.props[10] + this.props[14]
+ };
+ /*return {
+ x: x * me.a + y * me.c + me.e,
+ y: x * me.b + y * me.d + me.f
+ };*/
+ }
+ function applyToX(x, y, z) {
+ return x * this.props[0] + y * this.props[4] + z * this.props[8] + this.props[12];
+ }
+ function applyToY(x, y, z) {
+ return x * this.props[1] + y * this.props[5] + z * this.props[9] + this.props[13];
+ }
+ function applyToZ(x, y, z) {
+ return x * this.props[2] + y * this.props[6] + z * this.props[10] + this.props[14];
+ }
+
+ function inversePoint(pt) {
+ var determinant = this.props[0] * this.props[5] - this.props[1] * this.props[4];
+ var a = this.props[5]/determinant;
+ var b = - this.props[1]/determinant;
+ var c = - this.props[4]/determinant;
+ var d = this.props[0]/determinant;
+ var e = (this.props[4] * this.props[13] - this.props[5] * this.props[12])/determinant;
+ var f = - (this.props[0] * this.props[13] - this.props[1] * this.props[12])/determinant;
+ return [pt[0] * a + pt[1] * c + e, pt[0] * b + pt[1] * d + f, 0];
+ }
+
+ function inversePoints(pts){
+ var i, len = pts.length, retPts = [];
+ for(i=0;i<len;i+=1){
+ retPts[i] = inversePoint(pts[i]);
+ }
+ return retPts;
+ }
+
+ function applyToTriplePoints(pt1, pt2, pt3) {
+ var arr = createTypedArray('float32', 6);
+ if(this.isIdentity()) {
+ arr[0] = pt1[0];
+ arr[1] = pt1[1];
+ arr[2] = pt2[0];
+ arr[3] = pt2[1];
+ arr[4] = pt3[0];
+ arr[5] = pt3[1];
+ } else {
+ var p0 = this.props[0], p1 = this.props[1], p4 = this.props[4], p5 = this.props[5], p12 = this.props[12], p13 = this.props[13];
+ arr[0] = pt1[0] * p0 + pt1[1] * p4 + p12;
+ arr[1] = pt1[0] * p1 + pt1[1] * p5 + p13;
+ arr[2] = pt2[0] * p0 + pt2[1] * p4 + p12;
+ arr[3] = pt2[0] * p1 + pt2[1] * p5 + p13;
+ arr[4] = pt3[0] * p0 + pt3[1] * p4 + p12;
+ arr[5] = pt3[0] * p1 + pt3[1] * p5 + p13;
+ }
+ return arr;
+ }
+
+ function applyToPointArray(x,y,z){
+ var arr;
+ if(this.isIdentity()) {
+ arr = [x,y,z];
+ } else {
+ arr = [x * this.props[0] + y * this.props[4] + z * this.props[8] + this.props[12],x * this.props[1] + y * this.props[5] + z * this.props[9] + this.props[13],x * this.props[2] + y * this.props[6] + z * this.props[10] + this.props[14]];
+ }
+ return arr;
+ }
+
+ function applyToPointStringified(x, y) {
+ if(this.isIdentity()) {
+ return x + ',' + y;
+ }
+ var _p = this.props;
+ return Math.round((x * _p[0] + y * _p[4] + _p[12]) * 100) / 100+','+ Math.round((x * _p[1] + y * _p[5] + _p[13]) * 100) / 100;
+ }
+
+ function toCSS() {
+ //Doesn't make much sense to add this optimization. If it is an identity matrix, it's very likely this will get called only once since it won't be keyframed.
+ /*if(this.isIdentity()) {
+ return '';
+ }*/
+ var i = 0;
+ var props = this.props;
+ var cssValue = 'matrix3d(';
+ var v = 10000;
+ while(i<16){
+ cssValue += _rnd(props[i]*v)/v;
+ cssValue += i === 15 ? ')':',';
+ i += 1;
+ }
+ return cssValue;
+ }
+
+ function roundMatrixProperty(val) {
+ var v = 10000;
+ if((val < 0.000001 && val > 0) || (val > -0.000001 && val < 0)) {
+ return _rnd(val * v) / v;
+ }
+ return val;
+ }
+
+ function to2dCSS() {
+ //Doesn't make much sense to add this optimization. If it is an identity matrix, it's very likely this will get called only once since it won't be keyframed.
+ /*if(this.isIdentity()) {
+ return '';
+ }*/
+ var props = this.props;
+ var _a = roundMatrixProperty(props[0]);
+ var _b = roundMatrixProperty(props[1]);
+ var _c = roundMatrixProperty(props[4]);
+ var _d = roundMatrixProperty(props[5]);
+ var _e = roundMatrixProperty(props[12]);
+ var _f = roundMatrixProperty(props[13]);
+ return "matrix(" + _a + ',' + _b + ',' + _c + ',' + _d + ',' + _e + ',' + _f + ")";
+ }
+
+ return function(){
+ this.reset = reset;
+ this.rotate = rotate;
+ this.rotateX = rotateX;
+ this.rotateY = rotateY;
+ this.rotateZ = rotateZ;
+ this.skew = skew;
+ this.skewFromAxis = skewFromAxis;
+ this.shear = shear;
+ this.scale = scale;
+ this.setTransform = setTransform;
+ this.translate = translate;
+ this.transform = transform;
+ this.applyToPoint = applyToPoint;
+ this.applyToX = applyToX;
+ this.applyToY = applyToY;
+ this.applyToZ = applyToZ;
+ this.applyToPointArray = applyToPointArray;
+ this.applyToTriplePoints = applyToTriplePoints;
+ this.applyToPointStringified = applyToPointStringified;
+ this.toCSS = toCSS;
+ this.to2dCSS = to2dCSS;
+ this.clone = clone;
+ this.cloneFromProps = cloneFromProps;
+ this.equals = equals;
+ this.inversePoints = inversePoints;
+ this.inversePoint = inversePoint;
+ this._t = this.transform;
+ this.isIdentity = isIdentity;
+ this._identity = true;
+ this._identityCalculated = false;
+
+ this.props = createTypedArray('float32', 16);
+ this.reset();
+ };
+}());
+
+/*
+ Copyright 2014 David Bau.
+
+ Permission is hereby granted, free of charge, to any person obtaining
+ a copy of this software and associated documentation files (the
+ "Software"), to deal in the Software without restriction, including
+ without limitation the rights to use, copy, modify, merge, publish,
+ distribute, sublicense, and/or sell copies of the Software, and to
+ permit persons to whom the Software is furnished to do so, subject to
+ the following conditions:
+
+ The above copyright notice and this permission notice shall be
+ included in all copies or substantial portions of the Software.
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+ IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+ CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+ TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+ SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+ */
+
+(function (pool, math) {
+//
+// The following constants are related to IEEE 754 limits.
+//
+ var global = this,
+ width = 256, // each RC4 output is 0 <= x < 256
+ chunks = 6, // at least six RC4 outputs for each double
+ digits = 52, // there are 52 significant digits in a double
+ rngname = 'random', // rngname: name for Math.random and Math.seedrandom
+ startdenom = math.pow(width, chunks),
+ significance = math.pow(2, digits),
+ overflow = significance * 2,
+ mask = width - 1,
+ nodecrypto; // node.js crypto module, initialized at the bottom.
+
+//
+// seedrandom()
+// This is the seedrandom function described above.
+//
+ function seedrandom(seed, options, callback) {
+ var key = [];
+ options = (options === true) ? { entropy: true } : (options || {});
+
+ // Flatten the seed string or build one from local entropy if needed.
+ var shortseed = mixkey(flatten(
+ options.entropy ? [seed, tostring(pool)] :
+ (seed === null) ? autoseed() : seed, 3), key);
+
+ // Use the seed to initialize an ARC4 generator.
+ var arc4 = new ARC4(key);
+
+ // This function returns a random double in [0, 1) that contains
+ // randomness in every bit of the mantissa of the IEEE 754 value.
+ var prng = function() {
+ var n = arc4.g(chunks), // Start with a numerator n < 2 ^ 48
+ d = startdenom, // and denominator d = 2 ^ 48.
+ x = 0; // and no 'extra last byte'.
+ while (n < significance) { // Fill up all significant digits by
+ n = (n + x) * width; // shifting numerator and
+ d *= width; // denominator and generating a
+ x = arc4.g(1); // new least-significant-byte.
+ }
+ while (n >= overflow) { // To avoid rounding up, before adding
+ n /= 2; // last byte, shift everything
+ d /= 2; // right using integer math until
+ x >>>= 1; // we have exactly the desired bits.
+ }
+ return (n + x) / d; // Form the number within [0, 1).
+ };
+
+ prng.int32 = function() { return arc4.g(4) | 0; };
+ prng.quick = function() { return arc4.g(4) / 0x100000000; };
+ prng.double = prng;
+
+ // Mix the randomness into accumulated entropy.
+ mixkey(tostring(arc4.S), pool);
+
+ // Calling convention: what to return as a function of prng, seed, is_math.
+ return (options.pass || callback ||
+ function(prng, seed, is_math_call, state) {
+ if (state) {
+ // Load the arc4 state from the given state if it has an S array.
+ if (state.S) { copy(state, arc4); }
+ // Only provide the .state method if requested via options.state.
+ prng.state = function() { return copy(arc4, {}); };
+ }
+
+ // If called as a method of Math (Math.seedrandom()), mutate
+ // Math.random because that is how seedrandom.js has worked since v1.0.
+ if (is_math_call) { math[rngname] = prng; return seed; }
+
+ // Otherwise, it is a newer calling convention, so return the
+ // prng directly.
+ else return prng;
+ })(
+ prng,
+ shortseed,
+ 'global' in options ? options.global : (this == math),
+ options.state);
+ }
+ math['seed' + rngname] = seedrandom;
+
+//
+// ARC4
+//
+// An ARC4 implementation. The constructor takes a key in the form of
+// an array of at most (width) integers that should be 0 <= x < (width).
+//
+// The g(count) method returns a pseudorandom integer that concatenates
+// the next (count) outputs from ARC4. Its return value is a number x
+// that is in the range 0 <= x < (width ^ count).
+//
+ function ARC4(key) {
+ var t, keylen = key.length,
+ me = this, i = 0, j = me.i = me.j = 0, s = me.S = [];
+
+ // The empty key [] is treated as [0].
+ if (!keylen) { key = [keylen++]; }
+
+ // Set up S using the standard key scheduling algorithm.
+ while (i < width) {
+ s[i] = i++;
+ }
+ for (i = 0; i < width; i++) {
+ s[i] = s[j = mask & (j + key[i % keylen] + (t = s[i]))];
+ s[j] = t;
+ }
+
+ // The "g" method returns the next (count) outputs as one number.
+ me.g = function(count) {
+ // Using instance members instead of closure state nearly doubles speed.
+ var t, r = 0,
+ i = me.i, j = me.j, s = me.S;
+ while (count--) {
+ t = s[i = mask & (i + 1)];
+ r = r * width + s[mask & ((s[i] = s[j = mask & (j + t)]) + (s[j] = t))];
+ }
+ me.i = i; me.j = j;
+ return r;
+ // For robust unpredictability, the function call below automatically
+ // discards an initial batch of values. This is called RC4-drop[256].
+ // See http://google.com/search?q=rsa+fluhrer+response&btnI
+ };
+ }
+
+//
+// copy()
+// Copies internal state of ARC4 to or from a plain object.
+//
+ function copy(f, t) {
+ t.i = f.i;
+ t.j = f.j;
+ t.S = f.S.slice();
+ return t;
+ }
+
+//
+// flatten()
+// Converts an object tree to nested arrays of strings.
+//
+ function flatten(obj, depth) {
+ var result = [], typ = (typeof obj), prop;
+ if (depth && typ == 'object') {
+ for (prop in obj) {
+ try { result.push(flatten(obj[prop], depth - 1)); } catch (e) {}
+ }
+ }
+ return (result.length ? result : typ == 'string' ? obj : obj + '\0');
+ }
+
+//
+// mixkey()
+// Mixes a string seed into a key that is an array of integers, and
+// returns a shortened string seed that is equivalent to the result key.
+//
+ function mixkey(seed, key) {
+ var stringseed = seed + '', smear, j = 0;
+ while (j < stringseed.length) {
+ key[mask & j] =
+ mask & ((smear ^= key[mask & j] * 19) + stringseed.charCodeAt(j++));
+ }
+ return tostring(key);
+ }
+
+//
+// autoseed()
+// Returns an object for autoseeding, using window.crypto and Node crypto
+// module if available.
+//
+ function autoseed() {
+ try {
+ if (nodecrypto) { return tostring(nodecrypto.randomBytes(width)); }
+ var out = new Uint8Array(width);
+ (global.crypto || global.msCrypto).getRandomValues(out);
+ return tostring(out);
+ } catch (e) {
+ var browser = global.navigator,
+ plugins = browser && browser.plugins;
+ return [+new Date(), global, plugins, global.screen, tostring(pool)];
+ }
+ }
+
+//
+// tostring()
+// Converts an array of charcodes to a string
+//
+ function tostring(a) {
+ return String.fromCharCode.apply(0, a);
+ }
+
+//
+// When seedrandom.js is loaded, we immediately mix a few bits
+// from the built-in RNG into the entropy pool. Because we do
+// not want to interfere with deterministic PRNG state later,
+// seedrandom will not call math.random on its own again after
+// initialization.
+//
+ mixkey(math.random(), pool);
+
+//
+// Nodejs and AMD support: export the implementation as a module using
+// either convention.
+//
+
+// End anonymous scope, and pass initial values.
+})(
+ [], // pool: entropy pool starts empty
+ BMMath // math: package containing random, pow, and seedrandom
+);
+var BezierFactory = (function(){
+ /**
+ * BezierEasing - use bezier curve for transition easing function
+ * by Gaëtan Renaudeau 2014 - 2015 – MIT License
+ *
+ * Credits: is based on Firefox's nsSMILKeySpline.cpp
+ * Usage:
+ * var spline = BezierEasing([ 0.25, 0.1, 0.25, 1.0 ])
+ * spline.get(x) => returns the easing value | x must be in [0, 1] range
+ *
+ */
+
+ var ob = {};
+ ob.getBezierEasing = getBezierEasing;
+ var beziers = {};
+
+ function getBezierEasing(a,b,c,d,nm){
+ var str = nm || ('bez_' + a+'_'+b+'_'+c+'_'+d).replace(/\./g, 'p');
+ if(beziers[str]){
+ return beziers[str];
+ }
+ var bezEasing = new BezierEasing([a,b,c,d]);
+ beziers[str] = bezEasing;
+ return bezEasing;
+ }
+
+// These values are established by empiricism with tests (tradeoff: performance VS precision)
+ var NEWTON_ITERATIONS = 4;
+ var NEWTON_MIN_SLOPE = 0.001;
+ var SUBDIVISION_PRECISION = 0.0000001;
+ var SUBDIVISION_MAX_ITERATIONS = 10;
+
+ var kSplineTableSize = 11;
+ var kSampleStepSize = 1.0 / (kSplineTableSize - 1.0);
+
+ var float32ArraySupported = typeof Float32Array === "function";
+
+ function A (aA1, aA2) { return 1.0 - 3.0 * aA2 + 3.0 * aA1; }
+ function B (aA1, aA2) { return 3.0 * aA2 - 6.0 * aA1; }
+ function C (aA1) { return 3.0 * aA1; }
+
+// Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2.
+ function calcBezier (aT, aA1, aA2) {
+ return ((A(aA1, aA2)*aT + B(aA1, aA2))*aT + C(aA1))*aT;
+ }
+
+// Returns dx/dt given t, x1, and x2, or dy/dt given t, y1, and y2.
+ function getSlope (aT, aA1, aA2) {
+ return 3.0 * A(aA1, aA2)*aT*aT + 2.0 * B(aA1, aA2) * aT + C(aA1);
+ }
+
+ function binarySubdivide (aX, aA, aB, mX1, mX2) {
+ var currentX, currentT, i = 0;
+ do {
+ currentT = aA + (aB - aA) / 2.0;
+ currentX = calcBezier(currentT, mX1, mX2) - aX;
+ if (currentX > 0.0) {
+ aB = currentT;
+ } else {
+ aA = currentT;
+ }
+ } while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS);
+ return currentT;
+ }
+
+ function newtonRaphsonIterate (aX, aGuessT, mX1, mX2) {
+ for (var i = 0; i < NEWTON_ITERATIONS; ++i) {
+ var currentSlope = getSlope(aGuessT, mX1, mX2);
+ if (currentSlope === 0.0) return aGuessT;
+ var currentX = calcBezier(aGuessT, mX1, mX2) - aX;
+ aGuessT -= currentX / currentSlope;
+ }
+ return aGuessT;
+ }
+
+ /**
+ * points is an array of [ mX1, mY1, mX2, mY2 ]
+ */
+ function BezierEasing (points) {
+ this._p = points;
+ this._mSampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize);
+ this._precomputed = false;
+
+ this.get = this.get.bind(this);
+ }
+
+ BezierEasing.prototype = {
+
+ get: function (x) {
+ var mX1 = this._p[0],
+ mY1 = this._p[1],
+ mX2 = this._p[2],
+ mY2 = this._p[3];
+ if (!this._precomputed) this._precompute();
+ if (mX1 === mY1 && mX2 === mY2) return x; // linear
+ // Because JavaScript number are imprecise, we should guarantee the extremes are right.
+ if (x === 0) return 0;
+ if (x === 1) return 1;
+ return calcBezier(this._getTForX(x), mY1, mY2);
+ },
+
+ // Private part
+
+ _precompute: function () {
+ var mX1 = this._p[0],
+ mY1 = this._p[1],
+ mX2 = this._p[2],
+ mY2 = this._p[3];
+ this._precomputed = true;
+ if (mX1 !== mY1 || mX2 !== mY2)
+ this._calcSampleValues();
+ },
+
+ _calcSampleValues: function () {
+ var mX1 = this._p[0],
+ mX2 = this._p[2];
+ for (var i = 0; i < kSplineTableSize; ++i) {
+ this._mSampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);
+ }
+ },
+
+ /**
+ * getTForX chose the fastest heuristic to determine the percentage value precisely from a given X projection.
+ */
+ _getTForX: function (aX) {
+ var mX1 = this._p[0],
+ mX2 = this._p[2],
+ mSampleValues = this._mSampleValues;
+
+ var intervalStart = 0.0;
+ var currentSample = 1;
+ var lastSample = kSplineTableSize - 1;
+
+ for (; currentSample !== lastSample && mSampleValues[currentSample] <= aX; ++currentSample) {
+ intervalStart += kSampleStepSize;
+ }
+ --currentSample;
+
+ // Interpolate to provide an initial guess for t
+ var dist = (aX - mSampleValues[currentSample]) / (mSampleValues[currentSample+1] - mSampleValues[currentSample]);
+ var guessForT = intervalStart + dist * kSampleStepSize;
+
+ var initialSlope = getSlope(guessForT, mX1, mX2);
+ if (initialSlope >= NEWTON_MIN_SLOPE) {
+ return newtonRaphsonIterate(aX, guessForT, mX1, mX2);
+ } else if (initialSlope === 0.0) {
+ return guessForT;
+ } else {
+ return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2);
+ }
+ }
+ };
+
+ return ob;
+
+}());
+(function () {
+ var lastTime = 0;
+ var vendors = ['ms', 'moz', 'webkit', 'o'];
+ for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
+ window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];
+ window.cancelAnimationFrame = window[vendors[x] + 'CancelAnimationFrame'] || window[vendors[x] + 'CancelRequestAnimationFrame'];
+ }
+ if(!window.requestAnimationFrame)
+ window.requestAnimationFrame = function (callback, element) {
+ var currTime = new Date().getTime();
+ var timeToCall = Math.max(0, 16 - (currTime - lastTime));
+ var id = setTimeout(function () {
+ callback(currTime + timeToCall);
+ },
+ timeToCall);
+ lastTime = currTime + timeToCall;
+ return id;
+ };
+ if(!window.cancelAnimationFrame)
+ window.cancelAnimationFrame = function (id) {
+ clearTimeout(id);
+ };
+}());
+
+function extendPrototype(sources,destination){
+ var i, len = sources.length, sourcePrototype;
+ for (i = 0;i < len;i += 1) {
+ sourcePrototype = sources[i].prototype;
+ for (var attr in sourcePrototype) {
+ if (sourcePrototype.hasOwnProperty(attr)) destination.prototype[attr] = sourcePrototype[attr];
+ }
+ }
+}
+
+function getDescriptor(object, prop) {
+ return Object.getOwnPropertyDescriptor(object, prop);
+}
+
+function createProxyFunction(prototype) {
+ function ProxyFunction(){}
+ ProxyFunction.prototype = prototype;
+ return ProxyFunction;
+}
+function bezFunction(){
+
+ var easingFunctions = [];
+ var math = Math;
+
+ function pointOnLine2D(x1,y1, x2,y2, x3,y3){
+ var det1 = (x1*y2) + (y1*x3) + (x2*y3) - (x3*y2) - (y3*x1) - (x2*y1);
+ return det1 > -0.001 && det1 < 0.001;
+ }
+
+ function pointOnLine3D(x1,y1,z1, x2,y2,z2, x3,y3,z3){
+ if(z1 === 0 && z2 === 0 && z3 === 0) {
+ return pointOnLine2D(x1,y1, x2,y2, x3,y3);
+ }
+ var dist1 = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2) + Math.pow(z2 - z1, 2));
+ var dist2 = Math.sqrt(Math.pow(x3 - x1, 2) + Math.pow(y3 - y1, 2) + Math.pow(z3 - z1, 2));
+ var dist3 = Math.sqrt(Math.pow(x3 - x2, 2) + Math.pow(y3 - y2, 2) + Math.pow(z3 - z2, 2));
+ var diffDist;
+ if(dist1 > dist2){
+ if(dist1 > dist3){
+ diffDist = dist1 - dist2 - dist3;
+ } else {
+ diffDist = dist3 - dist2 - dist1;
+ }
+ } else if(dist3 > dist2){
+ diffDist = dist3 - dist2 - dist1;
+ } else {
+ diffDist = dist2 - dist1 - dist3;
+ }
+ return diffDist > -0.0001 && diffDist < 0.0001;
+ }
+
+ var getBezierLength = (function(){
+
+ return function(pt1,pt2,pt3,pt4){
+ var curveSegments = defaultCurveSegments;
+ var k;
+ var i, len;
+ var ptCoord,perc,addedLength = 0;
+ var ptDistance;
+ var point = [],lastPoint = [];
+ var lengthData = bezier_length_pool.newElement();
+ len = pt3.length;
+ for(k=0;k<curveSegments;k+=1){
+ perc = k/(curveSegments-1);
+ ptDistance = 0;
+ for(i=0;i<len;i+=1){
+ ptCoord = bm_pow(1-perc,3)*pt1[i]+3*bm_pow(1-perc,2)*perc*pt3[i]+3*(1-perc)*bm_pow(perc,2)*pt4[i]+bm_pow(perc,3)*pt2[i];
+ point[i] = ptCoord;
+ if(lastPoint[i] !== null){
+ ptDistance += bm_pow(point[i] - lastPoint[i],2);
+ }
+ lastPoint[i] = point[i];
+ }
+ if(ptDistance){
+ ptDistance = bm_sqrt(ptDistance);
+ addedLength += ptDistance;
+ }
+ lengthData.percents[k] = perc;
+ lengthData.lengths[k] = addedLength;
+ }
+ lengthData.addedLength = addedLength;
+ return lengthData;
+ };
+ }());
+
+ function getSegmentsLength(shapeData) {
+ var segmentsLength = segments_length_pool.newElement();
+ var closed = shapeData.c;
+ var pathV = shapeData.v;
+ var pathO = shapeData.o;
+ var pathI = shapeData.i;
+ var i, len = shapeData._length;
+ var lengths = segmentsLength.lengths;
+ var totalLength = 0;
+ for(i=0;i<len-1;i+=1){
+ lengths[i] = getBezierLength(pathV[i],pathV[i+1],pathO[i],pathI[i+1]);
+ totalLength += lengths[i].addedLength;
+ }
+ if(closed && len){
+ lengths[i] = getBezierLength(pathV[i],pathV[0],pathO[i],pathI[0]);
+ totalLength += lengths[i].addedLength;
+ }
+ segmentsLength.totalLength = totalLength;
+ return segmentsLength;
+ }
+
+ function BezierData(length){
+ this.segmentLength = 0;
+ this.points = new Array(length);
+ }
+
+ function PointData(partial,point){
+ this.partialLength = partial;
+ this.point = point;
+ }
+
+ var buildBezierData = (function(){
+
+ var storedData = {};
+
+ return function (keyData){
+ var pt1 = keyData.s;
+ var pt2 = keyData.e;
+ var pt3 = keyData.to;
+ var pt4 = keyData.ti;
+ var bezierName = (pt1[0]+'_'+pt1[1]+'_'+pt2[0]+'_'+pt2[1]+'_'+pt3[0]+'_'+pt3[1]+'_'+pt4[0]+'_'+pt4[1]).replace(/\./g, 'p');
+ if(storedData[bezierName]){
+ keyData.bezierData = storedData[bezierName];
+ return;
+ }
+ var curveSegments = defaultCurveSegments;
+ var k, i, len;
+ var ptCoord,perc,addedLength = 0;
+ var ptDistance;
+ var point,lastPoint = null;
+ if (pt1.length === 2 && (pt1[0] != pt2[0] || pt1[1] != pt2[1]) && pointOnLine2D(pt1[0],pt1[1],pt2[0],pt2[1],pt1[0]+pt3[0],pt1[1]+pt3[1]) && pointOnLine2D(pt1[0],pt1[1],pt2[0],pt2[1],pt2[0]+pt4[0],pt2[1]+pt4[1])){
+ curveSegments = 2;
+ }
+ var bezierData = new BezierData(curveSegments);
+ len = pt3.length;
+ for (k = 0; k < curveSegments; k += 1) {
+ point = createSizedArray(len);
+ perc = k / (curveSegments - 1);
+ ptDistance = 0;
+ for (i = 0; i < len; i += 1){
+ ptCoord = bm_pow(1-perc,3)*pt1[i]+3*bm_pow(1-perc,2)*perc*(pt1[i] + pt3[i])+3*(1-perc)*bm_pow(perc,2)*(pt2[i] + pt4[i])+bm_pow(perc,3)*pt2[i];
+ point[i] = ptCoord;
+ if(lastPoint !== null){
+ ptDistance += bm_pow(point[i] - lastPoint[i],2);
+ }
+ }
+ ptDistance = bm_sqrt(ptDistance);
+ addedLength += ptDistance;
+ bezierData.points[k] = new PointData(ptDistance, point);
+ lastPoint = point;
+ }
+ bezierData.segmentLength = addedLength;
+ keyData.bezierData = bezierData;
+ storedData[bezierName] = bezierData;
+ };
+ }());
+
+ function getDistancePerc(perc,bezierData){
+ var percents = bezierData.percents;
+ var lengths = bezierData.lengths;
+ var len = percents.length;
+ var initPos = bm_floor((len-1)*perc);
+ var lengthPos = perc*bezierData.addedLength;
+ var lPerc = 0;
+ if(initPos === len - 1 || initPos === 0 || lengthPos === lengths[initPos]){
+ return percents[initPos];
+ }else{
+ var dir = lengths[initPos] > lengthPos ? -1 : 1;
+ var flag = true;
+ while(flag){
+ if(lengths[initPos] <= lengthPos && lengths[initPos+1] > lengthPos){
+ lPerc = (lengthPos - lengths[initPos]) / (lengths[initPos+1] - lengths[initPos]);
+ flag = false;
+ }else{
+ initPos += dir;
+ }
+ if(initPos < 0 || initPos >= len - 1){
+ //FIX for TypedArrays that don't store floating point values with enough accuracy
+ if(initPos === len - 1) {
+ return percents[initPos];
+ }
+ flag = false;
+ }
+ }
+ return percents[initPos] + (percents[initPos+1] - percents[initPos])*lPerc;
+ }
+ }
+
+ function getPointInSegment(pt1, pt2, pt3, pt4, percent, bezierData) {
+ var t1 = getDistancePerc(percent,bezierData);
+ var u0 = 1;
+ var u1 = 1 - t1;
+ var ptX = Math.round((u1*u1*u1* pt1[0] + (t1*u1*u1 + u1*t1*u1 + u1*u1*t1)* pt3[0] + (t1*t1*u1 + u1*t1*t1 + t1*u1*t1)*pt4[0] + t1*t1*t1* pt2[0])* 1000) / 1000;
+ var ptY = Math.round((u1*u1*u1* pt1[1] + (t1*u1*u1 + u1*t1*u1 + u1*u1*t1)* pt3[1] + (t1*t1*u1 + u1*t1*t1 + t1*u1*t1)*pt4[1] + t1*t1*t1* pt2[1])* 1000) / 1000;
+ return [ptX, ptY];
+ }
+
+ function getSegmentArray() {
+
+ }
+
+ var bezier_segment_points = createTypedArray('float32', 8);
+
+ function getNewSegment(pt1,pt2,pt3,pt4,startPerc,endPerc, bezierData){
+
+ startPerc = startPerc < 0 ? 0 : startPerc > 1 ? 1 : startPerc;
+ var t0 = getDistancePerc(startPerc,bezierData);
+ endPerc = endPerc > 1 ? 1 : endPerc;
+ var t1 = getDistancePerc(endPerc,bezierData);
+ var i, len = pt1.length;
+ var u0 = 1 - t0;
+ var u1 = 1 - t1;
+ var u0u0u0 = u0*u0*u0;
+ var t0u0u0_3 = t0*u0*u0*3;
+ var t0t0u0_3 = t0*t0*u0*3;
+ var t0t0t0 = t0*t0*t0;
+ //
+ var u0u0u1 = u0*u0*u1;
+ var t0u0u1_3 = t0*u0*u1 + u0*t0*u1 + u0*u0*t1;
+ var t0t0u1_3 = t0*t0*u1 + u0*t0*t1 + t0*u0*t1;
+ var t0t0t1 = t0*t0*t1;
+ //
+ var u0u1u1 = u0*u1*u1;
+ var t0u1u1_3 = t0*u1*u1 + u0*t1*u1 + u0*u1*t1;
+ var t0t1u1_3 = t0*t1*u1 + u0*t1*t1 + t0*u1*t1;
+ var t0t1t1 = t0*t1*t1;
+ //
+ var u1u1u1 = u1*u1*u1;
+ var t1u1u1_3 = t1*u1*u1 + u1*t1*u1 + u1*u1*t1;
+ var t1t1u1_3 = t1*t1*u1 + u1*t1*t1 + t1*u1*t1;
+ var t1t1t1 = t1*t1*t1;
+ for(i=0;i<len;i+=1){
+ bezier_segment_points[i * 4] = Math.round((u0u0u0 * pt1[i] + t0u0u0_3 * pt3[i] + t0t0u0_3 * pt4[i] + t0t0t0 * pt2[i]) * 1000) / 1000;
+ bezier_segment_points[i * 4 + 1] = Math.round((u0u0u1 * pt1[i] + t0u0u1_3 * pt3[i] + t0t0u1_3 * pt4[i] + t0t0t1 * pt2[i]) * 1000) / 1000;
+ bezier_segment_points[i * 4 + 2] = Math.round((u0u1u1 * pt1[i] + t0u1u1_3 * pt3[i] + t0t1u1_3 * pt4[i] + t0t1t1 * pt2[i]) * 1000) / 1000;
+ bezier_segment_points[i * 4 + 3] = Math.round((u1u1u1 * pt1[i] + t1u1u1_3 * pt3[i] + t1t1u1_3 * pt4[i] + t1t1t1 * pt2[i]) * 1000) / 1000;
+ }
+
+ return bezier_segment_points;
+ }
+
+ return {
+ getSegmentsLength : getSegmentsLength,
+ getNewSegment : getNewSegment,
+ getPointInSegment : getPointInSegment,
+ buildBezierData : buildBezierData,
+ pointOnLine2D : pointOnLine2D,
+ pointOnLine3D : pointOnLine3D
+ };
+}
+
+var bez = bezFunction();
+function dataFunctionManager(){
+
+ //var tCanvasHelper = createTag('canvas').getContext('2d');
+
+ function completeLayers(layers, comps, fontManager){
+ var layerData;
+ var animArray, lastFrame;
+ var i, len = layers.length;
+ var j, jLen, k, kLen;
+ for(i=0;i<len;i+=1){
+ layerData = layers[i];
+ if(!('ks' in layerData) || layerData.completed){
+ continue;
+ }
+ layerData.completed = true;
+ if(layerData.tt){
+ layers[i-1].td = layerData.tt;
+ }
+ animArray = [];
+ lastFrame = -1;
+ if(layerData.hasMask){
+ var maskProps = layerData.masksProperties;
+ jLen = maskProps.length;
+ for(j=0;j<jLen;j+=1){
+ if(maskProps[j].pt.k.i){
+ convertPathsToAbsoluteValues(maskProps[j].pt.k);
+ }else{
+ kLen = maskProps[j].pt.k.length;
+ for(k=0;k<kLen;k+=1){
+ if(maskProps[j].pt.k[k].s){
+ convertPathsToAbsoluteValues(maskProps[j].pt.k[k].s[0]);
+ }
+ if(maskProps[j].pt.k[k].e){
+ convertPathsToAbsoluteValues(maskProps[j].pt.k[k].e[0]);
+ }
+ }
+ }
+ }
+ }
+ if(layerData.ty===0){
+ layerData.layers = findCompLayers(layerData.refId, comps);
+ completeLayers(layerData.layers,comps, fontManager);
+ }else if(layerData.ty === 4){
+ completeShapes(layerData.shapes);
+ }else if(layerData.ty == 5){
+ completeText(layerData, fontManager);
+ }
+ }
+ }
+
+ function findCompLayers(id,comps){
+ var i = 0, len = comps.length;
+ while(i<len){
+ if(comps[i].id === id){
+ if(!comps[i].layers.__used) {
+ comps[i].layers.__used = true;
+ return comps[i].layers;
+ }
+ return JSON.parse(JSON.stringify(comps[i].layers));
+ }
+ i += 1;
+ }
+ }
+
+ function completeShapes(arr){
+ var i, len = arr.length;
+ var j, jLen;
+ var hasPaths = false;
+ for(i=len-1;i>=0;i-=1){
+ if(arr[i].ty == 'sh'){
+ if(arr[i].ks.k.i){
+ convertPathsToAbsoluteValues(arr[i].ks.k);
+ }else{
+ jLen = arr[i].ks.k.length;
+ for(j=0;j<jLen;j+=1){
+ if(arr[i].ks.k[j].s){
+ convertPathsToAbsoluteValues(arr[i].ks.k[j].s[0]);
+ }
+ if(arr[i].ks.k[j].e){
+ convertPathsToAbsoluteValues(arr[i].ks.k[j].e[0]);
+ }
+ }
+ }
+ hasPaths = true;
+ }else if(arr[i].ty == 'gr'){
+ completeShapes(arr[i].it);
+ }
+ }
+ /*if(hasPaths){
+ //mx: distance
+ //ss: sensitivity
+ //dc: decay
+ arr.splice(arr.length-1,0,{
+ "ty": "ms",
+ "mx":20,
+ "ss":10,
+ "dc":0.001,
+ "maxDist":200
+ });
+ }*/
+ }
+
+ function convertPathsToAbsoluteValues(path){
+ var i, len = path.i.length;
+ for(i=0;i<len;i+=1){
+ path.i[i][0] += path.v[i][0];
+ path.i[i][1] += path.v[i][1];
+ path.o[i][0] += path.v[i][0];
+ path.o[i][1] += path.v[i][1];
+ }
+ }
+
+ function checkVersion(minimum,animVersionString){
+ var animVersion = animVersionString ? animVersionString.split('.') : [100,100,100];
+ if(minimum[0]>animVersion[0]){
+ return true;
+ } else if(animVersion[0] > minimum[0]){
+ return false;
+ }
+ if(minimum[1]>animVersion[1]){
+ return true;
+ } else if(animVersion[1] > minimum[1]){
+ return false;
+ }
+ if(minimum[2]>animVersion[2]){
+ return true;
+ } else if(animVersion[2] > minimum[2]){
+ return false;
+ }
+ }
+
+ var checkText = (function(){
+ var minimumVersion = [4,4,14];
+
+ function updateTextLayer(textLayer){
+ var documentData = textLayer.t.d;
+ textLayer.t.d = {
+ k: [
+ {
+ s:documentData,
+ t:0
+ }
+ ]
+ };
+ }
+
+ function iterateLayers(layers){
+ var i, len = layers.length;
+ for(i=0;i<len;i+=1){
+ if(layers[i].ty === 5){
+ updateTextLayer(layers[i]);
+ }
+ }
+ }
+
+ return function (animationData){
+ if(checkVersion(minimumVersion,animationData.v)){
+ iterateLayers(animationData.layers);
+ if(animationData.assets){
+ var i, len = animationData.assets.length;
+ for(i=0;i<len;i+=1){
+ if(animationData.assets[i].layers){
+ iterateLayers(animationData.assets[i].layers);
+
+ }
+ }
+ }
+ }
+ };
+ }());
+
+ var checkChars = (function() {
+ var minimumVersion = [4,7,99];
+ return function (animationData){
+ if(animationData.chars && !checkVersion(minimumVersion,animationData.v)){
+ var i, len = animationData.chars.length, j, jLen, k, kLen;
+ var pathData, paths;
+ for(i = 0; i < len; i += 1) {
+ if(animationData.chars[i].data && animationData.chars[i].data.shapes) {
+ paths = animationData.chars[i].data.shapes[0].it;
+ jLen = paths.length;
+
+ for(j = 0; j < jLen; j += 1) {
+ pathData = paths[j].ks.k;
+ if(!pathData.__converted) {
+ convertPathsToAbsoluteValues(paths[j].ks.k);
+ pathData.__converted = true;
+ }
+ }
+ }
+ }
+ }
+ };
+ }());
+
+ var checkColors = (function(){
+ var minimumVersion = [4,1,9];
+
+ function iterateShapes(shapes){
+ var i, len = shapes.length;
+ var j, jLen;
+ for(i=0;i<len;i+=1){
+ if(shapes[i].ty === 'gr'){
+ iterateShapes(shapes[i].it);
+ }else if(shapes[i].ty === 'fl' || shapes[i].ty === 'st'){
+ if(shapes[i].c.k && shapes[i].c.k[0].i){
+ jLen = shapes[i].c.k.length;
+ for(j=0;j<jLen;j+=1){
+ if(shapes[i].c.k[j].s){
+ shapes[i].c.k[j].s[0] /= 255;
+ shapes[i].c.k[j].s[1] /= 255;
+ shapes[i].c.k[j].s[2] /= 255;
+ shapes[i].c.k[j].s[3] /= 255;
+ }
+ if(shapes[i].c.k[j].e){
+ shapes[i].c.k[j].e[0] /= 255;
+ shapes[i].c.k[j].e[1] /= 255;
+ shapes[i].c.k[j].e[2] /= 255;
+ shapes[i].c.k[j].e[3] /= 255;
+ }
+ }
+ } else {
+ shapes[i].c.k[0] /= 255;
+ shapes[i].c.k[1] /= 255;
+ shapes[i].c.k[2] /= 255;
+ shapes[i].c.k[3] /= 255;
+ }
+ }
+ }
+ }
+
+ function iterateLayers(layers){
+ var i, len = layers.length;
+ for(i=0;i<len;i+=1){
+ if(layers[i].ty === 4){
+ iterateShapes(layers[i].shapes);
+ }
+ }
+ }
+
+ return function (animationData){
+ if(checkVersion(minimumVersion,animationData.v)){
+ iterateLayers(animationData.layers);
+ if(animationData.assets){
+ var i, len = animationData.assets.length;
+ for(i=0;i<len;i+=1){
+ if(animationData.assets[i].layers){
+ iterateLayers(animationData.assets[i].layers);
+
+ }
+ }
+ }
+ }
+ };
+ }());
+
+ var checkShapes = (function(){
+ var minimumVersion = [4,4,18];
+
+
+
+ function completeShapes(arr){
+ var i, len = arr.length;
+ var j, jLen;
+ var hasPaths = false;
+ for(i=len-1;i>=0;i-=1){
+ if(arr[i].ty == 'sh'){
+ if(arr[i].ks.k.i){
+ arr[i].ks.k.c = arr[i].closed;
+ }else{
+ jLen = arr[i].ks.k.length;
+ for(j=0;j<jLen;j+=1){
+ if(arr[i].ks.k[j].s){
+ arr[i].ks.k[j].s[0].c = arr[i].closed;
+ }
+ if(arr[i].ks.k[j].e){
+ arr[i].ks.k[j].e[0].c = arr[i].closed;
+ }
+ }
+ }
+ hasPaths = true;
+ }else if(arr[i].ty == 'gr'){
+ completeShapes(arr[i].it);
+ }
+ }
+ }
+
+ function iterateLayers(layers){
+ var layerData;
+ var i, len = layers.length;
+ var j, jLen, k, kLen;
+ for(i=0;i<len;i+=1){
+ layerData = layers[i];
+ if(layerData.hasMask){
+ var maskProps = layerData.masksProperties;
+ jLen = maskProps.length;
+ for(j=0;j<jLen;j+=1){
+ if(maskProps[j].pt.k.i){
+ maskProps[j].pt.k.c = maskProps[j].cl;
+ }else{
+ kLen = maskProps[j].pt.k.length;
+ for(k=0;k<kLen;k+=1){
+ if(maskProps[j].pt.k[k].s){
+ maskProps[j].pt.k[k].s[0].c = maskProps[j].cl;
+ }
+ if(maskProps[j].pt.k[k].e){
+ maskProps[j].pt.k[k].e[0].c = maskProps[j].cl;
+ }
+ }
+ }
+ }
+ }
+ if(layerData.ty === 4){
+ completeShapes(layerData.shapes);
+ }
+ }
+ }
+
+ return function (animationData){
+ if(checkVersion(minimumVersion,animationData.v)){
+ iterateLayers(animationData.layers);
+ if(animationData.assets){
+ var i, len = animationData.assets.length;
+ for(i=0;i<len;i+=1){
+ if(animationData.assets[i].layers){
+ iterateLayers(animationData.assets[i].layers);
+
+ }
+ }
+ }
+ }
+ };
+ }());
+
+ function completeData(animationData, fontManager){
+ if(animationData.__complete){
+ return;
+ }
+ checkColors(animationData);
+ checkText(animationData);
+ checkChars(animationData);
+ checkShapes(animationData);
+ completeLayers(animationData.layers, animationData.assets, fontManager);
+ animationData.__complete = true;
+ //blitAnimation(animationData, animationData.assets, fontManager);
+ }
+
+ function completeText(data, fontManager){
+ if(data.t.a.length === 0 && !('m' in data.t.p)){
+ data.singleShape = true;
+ }
+ }
+
+ var moduleOb = {};
+ moduleOb.completeData = completeData;
+
+ return moduleOb;
+}
+
+var dataManager = dataFunctionManager();
+var FontManager = (function(){
+
+ var maxWaitingTime = 5000;
+ var emptyChar = {
+ w: 0,
+ size:0,
+ shapes:[]
+ };
+ var combinedCharacters = [];
+ //Hindi characters
+ combinedCharacters = combinedCharacters.concat([2304, 2305, 2306, 2307, 2362, 2363, 2364, 2364, 2366
+ , 2367, 2368, 2369, 2370, 2371, 2372, 2373, 2374, 2375, 2376, 2377, 2378, 2379
+ , 2380, 2381, 2382, 2383, 2387, 2388, 2389, 2390, 2391, 2402, 2403]);
+
+ function setUpNode(font, family){
+ var parentNode = createTag('span');
+ parentNode.style.fontFamily = family;
+ var node = createTag('span');
+ // Characters that vary significantly among different fonts
+ node.innerHTML = 'giItT1WQy@!-/#';
+ // Visible - so we can measure it - but not on the screen
+ parentNode.style.position = 'absolute';
+ parentNode.style.left = '-10000px';
+ parentNode.style.top = '-10000px';
+ // Large font size makes even subtle changes obvious
+ parentNode.style.fontSize = '300px';
+ // Reset any font properties
+ parentNode.style.fontVariant = 'normal';
+ parentNode.style.fontStyle = 'normal';
+ parentNode.style.fontWeight = 'normal';
+ parentNode.style.letterSpacing = '0';
+ parentNode.appendChild(node);
+ document.body.appendChild(parentNode);
+
+ // Remember width with no applied web font
+ var width = node.offsetWidth;
+ node.style.fontFamily = font + ', '+family;
+ return {node:node, w:width, parent:parentNode};
+ }
+
+ function checkLoadedFonts() {
+ var i, len = this.fonts.length;
+ var node, w;
+ var loadedCount = len;
+ for(i=0;i<len; i+= 1){
+ if(this.fonts[i].loaded){
+ loadedCount -= 1;
+ continue;
+ }
+ if(this.fonts[i].fOrigin === 'n' || this.fonts[i].origin === 0){
+ this.fonts[i].loaded = true;
+ } else{
+ node = this.fonts[i].monoCase.node;
+ w = this.fonts[i].monoCase.w;
+ if(node.offsetWidth !== w){
+ loadedCount -= 1;
+ this.fonts[i].loaded = true;
+ }else{
+ node = this.fonts[i].sansCase.node;
+ w = this.fonts[i].sansCase.w;
+ if(node.offsetWidth !== w){
+ loadedCount -= 1;
+ this.fonts[i].loaded = true;
+ }
+ }
+ if(this.fonts[i].loaded){
+ this.fonts[i].sansCase.parent.parentNode.removeChild(this.fonts[i].sansCase.parent);
+ this.fonts[i].monoCase.parent.parentNode.removeChild(this.fonts[i].monoCase.parent);
+ }
+ }
+ }
+
+ if(loadedCount !== 0 && Date.now() - this.initTime < maxWaitingTime){
+ setTimeout(this.checkLoadedFonts.bind(this),20);
+ }else{
+ setTimeout(function(){this.isLoaded = true;}.bind(this),0);
+
+ }
+ }
+
+ function createHelper(def, fontData){
+ var tHelper = createNS('text');
+ tHelper.style.fontSize = '100px';
+ //tHelper.style.fontFamily = fontData.fFamily;
+ tHelper.setAttribute('font-family', fontData.fFamily);
+ tHelper.setAttribute('font-style', fontData.fStyle);
+ tHelper.setAttribute('font-weight', fontData.fWeight);
+ tHelper.textContent = '1';
+ if(fontData.fClass){
+ tHelper.style.fontFamily = 'inherit';
+ tHelper.className = fontData.fClass;
+ } else {
+ tHelper.style.fontFamily = fontData.fFamily;
+ }
+ def.appendChild(tHelper);
+ var tCanvasHelper = createTag('canvas').getContext('2d');
+ tCanvasHelper.font = fontData.fWeight + ' ' + fontData.fStyle + ' 100px '+ fontData.fFamily;
+ //tCanvasHelper.font = ' 100px '+ fontData.fFamily;
+ return tHelper;
+ }
+
+ function addFonts(fontData, defs){
+ if(!fontData){
+ this.isLoaded = true;
+ return;
+ }
+ if(this.chars){
+ this.isLoaded = true;
+ this.fonts = fontData.list;
+ return;
+ }
+
+
+ var fontArr = fontData.list;
+ var i, len = fontArr.length;
+ var _pendingFonts = len;
+ for(i=0; i<len; i+= 1){
+ var shouldLoadFont = true;
+ var loadedSelector;
+ var j;
+ fontArr[i].loaded = false;
+ fontArr[i].monoCase = setUpNode(fontArr[i].fFamily,'monospace');
+ fontArr[i].sansCase = setUpNode(fontArr[i].fFamily,'sans-serif');
+ if(!fontArr[i].fPath) {
+ fontArr[i].loaded = true;
+ _pendingFonts -= 1;
+ }else if(fontArr[i].fOrigin === 'p' || fontArr[i].origin === 3){
+ loadedSelector = document.querySelectorAll('style[f-forigin="p"][f-family="'+ fontArr[i].fFamily +'"], style[f-origin="3"][f-family="'+ fontArr[i].fFamily +'"]');
+
+ if (loadedSelector.length > 0) {
+ shouldLoadFont = false;
+ }
+
+ if (shouldLoadFont) {
+ var s = createTag('style');
+ s.setAttribute('f-forigin', fontArr[i].fOrigin);
+ s.setAttribute('f-origin', fontArr[i].origin);
+ s.setAttribute('f-family', fontArr[i].fFamily);
+ s.type = "text/css";
+ s.innerHTML = "@font-face {" + "font-family: "+fontArr[i].fFamily+"; font-style: normal; src: url('"+fontArr[i].fPath+"');}";
+ defs.appendChild(s);
+ }
+ } else if(fontArr[i].fOrigin === 'g' || fontArr[i].origin === 1){
+ loadedSelector = document.querySelectorAll('link[f-forigin="g"], link[f-origin="1"]');
+
+ for (j = 0; j < loadedSelector.length; j++) {
+ if (loadedSelector[j].href.indexOf(fontArr[i].fPath) !== -1) {
+ // Font is already loaded
+ shouldLoadFont = false;
+ }
+ }
+
+ if (shouldLoadFont) {
+ var l = createTag('link');
+ l.setAttribute('f-forigin', fontArr[i].fOrigin);
+ l.setAttribute('f-origin', fontArr[i].origin);
+ l.type = "text/css";
+ l.rel = "stylesheet";
+ l.href = fontArr[i].fPath;
+ document.body.appendChild(l);
+ }
+ } else if(fontArr[i].fOrigin === 't' || fontArr[i].origin === 2){
+ loadedSelector = document.querySelectorAll('script[f-forigin="t"], script[f-origin="2"]');
+
+ for (j = 0; j < loadedSelector.length; j++) {
+ if (fontArr[i].fPath === loadedSelector[j].src) {
+ // Font is already loaded
+ shouldLoadFont = false;
+ }
+ }
+
+ if (shouldLoadFont) {
+ var sc = createTag('link');
+ sc.setAttribute('f-forigin', fontArr[i].fOrigin);
+ sc.setAttribute('f-origin', fontArr[i].origin);
+ sc.setAttribute('rel','stylesheet');
+ sc.setAttribute('href',fontArr[i].fPath);
+ defs.appendChild(sc);
+ }
+ }
+ fontArr[i].helper = createHelper(defs,fontArr[i]);
+ fontArr[i].cache = {};
+ this.fonts.push(fontArr[i]);
+ }
+ if (_pendingFonts === 0) {
+ this.isLoaded = true;
+ } else {
+ //On some cases even if the font is loaded, it won't load correctly when measuring text on canvas.
+ //Adding this timeout seems to fix it
+ setTimeout(this.checkLoadedFonts.bind(this), 100);
+ }
+ }
+
+ function addChars(chars){
+ if(!chars){
+ return;
+ }
+ if(!this.chars){
+ this.chars = [];
+ }
+ var i, len = chars.length;
+ var j, jLen = this.chars.length, found;
+ for(i=0;i<len;i+=1){
+ j = 0;
+ found = false;
+ while(j<jLen){
+ if(this.chars[j].style === chars[i].style && this.chars[j].fFamily === chars[i].fFamily && this.chars[j].ch === chars[i].ch){
+ found = true;
+ }
+ j += 1;
+ }
+ if(!found){
+ this.chars.push(chars[i]);
+ jLen += 1;
+ }
+ }
+ }
+
+ function getCharData(char, style, font){
+ var i = 0, len = this.chars.length;
+ while( i < len) {
+ if(this.chars[i].ch === char && this.chars[i].style === style && this.chars[i].fFamily === font){
+ return this.chars[i];
+ }
+ i+= 1;
+ }
+ if(console && console.warn) {
+ console.warn('Missing character from exported characters list: ', char, style, font);
+ }
+ return emptyChar;
+ }
+
+ function measureText(char, fontName, size) {
+ var fontData = this.getFontByName(fontName);
+ var index = char.charCodeAt(0);
+ if(!fontData.cache[index + 1]) {
+ var tHelper = fontData.helper;
+ //Canvas version
+ //fontData.cache[index] = tHelper.measureText(char).width / 100;
+ //SVG version
+ //console.log(tHelper.getBBox().width)
+ if (char === ' ') {
+ tHelper.textContent = '|' + char + '|';
+ var doubleSize = tHelper.getComputedTextLength();
+ tHelper.textContent = '||';
+ var singleSize = tHelper.getComputedTextLength();
+ fontData.cache[index + 1] = (doubleSize - singleSize)/100;
+ } else {
+ tHelper.textContent = char;
+ fontData.cache[index + 1] = (tHelper.getComputedTextLength())/100;
+ }
+ }
+ return fontData.cache[index + 1] * size;
+ }
+
+ function getFontByName(name){
+ var i = 0, len = this.fonts.length;
+ while(i<len){
+ if(this.fonts[i].fName === name) {
+ return this.fonts[i];
+ }
+ i += 1;
+ }
+ return this.fonts[0];
+ }
+
+ function getCombinedCharacterCodes() {
+ return combinedCharacters;
+ }
+
+ function loaded() {
+ return this.isLoaded;
+ }
+
+ var Font = function(){
+ this.fonts = [];
+ this.chars = null;
+ this.typekitLoaded = 0;
+ this.isLoaded = false;
+ this.initTime = Date.now();
+ };
+ //TODO: for now I'm adding these methods to the Class and not the prototype. Think of a better way to implement it.
+ Font.getCombinedCharacterCodes = getCombinedCharacterCodes;
+
+ Font.prototype.addChars = addChars;
+ Font.prototype.addFonts = addFonts;
+ Font.prototype.getCharData = getCharData;
+ Font.prototype.getFontByName = getFontByName;
+ Font.prototype.measureText = measureText;
+ Font.prototype.checkLoadedFonts = checkLoadedFonts;
+ Font.prototype.loaded = loaded;
+
+ return Font;
+
+}());
+var PropertyFactory = (function(){
+
+ var initFrame = initialDefaultFrame;
+ var math_abs = Math.abs;
+
+ function interpolateValue(frameNum, caching) {
+ var offsetTime = this.offsetTime;
+ var newValue;
+ if (this.propType === 'multidimensional') {
+ newValue = createTypedArray('float32', this.pv.length);
+ }
+ var iterationIndex = caching.lastIndex;
+ var i = iterationIndex;
+ var len = this.keyframes.length - 1, flag = true;
+ var keyData, nextKeyData;
+
+ while (flag) {
+ keyData = this.keyframes[i];
+ nextKeyData = this.keyframes[i + 1];
+ if (i === len - 1 && frameNum >= nextKeyData.t - offsetTime){
+ if(keyData.h){
+ keyData = nextKeyData;
+ }
+ iterationIndex = 0;
+ break;
+ }
+ if ((nextKeyData.t - offsetTime) > frameNum){
+ iterationIndex = i;
+ break;
+ }
+ if (i < len - 1){
+ i += 1;
+ } else {
+ iterationIndex = 0;
+ flag = false;
+ }
+ }
+
+ var k, kLen, perc, jLen, j, fnc;
+ var nextKeyTime = nextKeyData.t - offsetTime;
+ var keyTime = keyData.t - offsetTime;
+ if (keyData.to) {
+ if (!keyData.bezierData) {
+ bez.buildBezierData(keyData);
+ }
+ var bezierData = keyData.bezierData;
+ if (frameNum >= nextKeyTime || frameNum < keyTime) {
+ var ind = frameNum >= nextKeyTime ? bezierData.points.length - 1 : 0;
+ kLen = bezierData.points[ind].point.length;
+ for (k = 0; k < kLen; k += 1) {
+ newValue[k] = bezierData.points[ind].point[k];
+ }
+ // caching._lastBezierData = null;
+ } else {
+ if (keyData.__fnct) {
+ fnc = keyData.__fnct;
+ } else {
+ fnc = BezierFactory.getBezierEasing(keyData.o.x, keyData.o.y, keyData.i.x, keyData.i.y, keyData.n).get;
+ keyData.__fnct = fnc;
+ }
+ perc = fnc((frameNum - keyTime) / (nextKeyTime - keyTime));
+ var distanceInLine = bezierData.segmentLength*perc;
+
+ var segmentPerc;
+ var addedLength = (caching.lastFrame < frameNum && caching._lastBezierData === bezierData) ? caching._lastAddedLength : 0;
+ j = (caching.lastFrame < frameNum && caching._lastBezierData === bezierData) ? caching._lastPoint : 0;
+ flag = true;
+ jLen = bezierData.points.length;
+ while (flag) {
+ addedLength += bezierData.points[j].partialLength;
+ if (distanceInLine === 0 || perc === 0 || j === bezierData.points.length - 1) {
+ kLen = bezierData.points[j].point.length;
+ for (k = 0; k < kLen; k += 1) {
+ newValue[k] = bezierData.points[j].point[k];
+ }
+ break;
+ } else if (distanceInLine >= addedLength && distanceInLine < addedLength + bezierData.points[j + 1].partialLength) {
+ segmentPerc = (distanceInLine - addedLength) / bezierData.points[j + 1].partialLength;
+ kLen = bezierData.points[j].point.length;
+ for (k = 0; k < kLen; k += 1) {
+ newValue[k] = bezierData.points[j].point[k] + (bezierData.points[j + 1].point[k] - bezierData.points[j].point[k]) * segmentPerc;
+ }
+ break;
+ }
+ if (j < jLen - 1){
+ j += 1;
+ } else {
+ flag = false;
+ }
+ }
+ caching._lastPoint = j;
+ caching._lastAddedLength = addedLength - bezierData.points[j].partialLength;
+ caching._lastBezierData = bezierData;
+ }
+ } else {
+ var outX, outY, inX, inY, keyValue;
+ len = keyData.s.length;
+ if (this.sh && keyData.h !== 1) {
+ if (frameNum >= nextKeyTime) {
+ newValue[0] = keyData.e[0];
+ newValue[1] = keyData.e[1];
+ newValue[2] = keyData.e[2];
+ } else if (frameNum <= keyTime) {
+ newValue[0] = keyData.s[0];
+ newValue[1] = keyData.s[1];
+ newValue[2] = keyData.s[2];
+ } else {
+ var quatStart = createQuaternion(keyData.s);
+ var quatEnd = createQuaternion(keyData.e);
+ var time = (frameNum - keyTime) / (nextKeyTime - keyTime);
+ quaternionToEuler(newValue, slerp(quatStart, quatEnd, time));
+ }
+
+ } else {
+ for(i = 0; i < len; i += 1) {
+ if (keyData.h !== 1) {
+ if (frameNum >= nextKeyTime) {
+ perc = 1;
+ } else if(frameNum < keyTime) {
+ perc = 0;
+ } else {
+ if(keyData.o.x.constructor === Array) {
+ if (!keyData.__fnct) {
+ keyData.__fnct = [];
+ }
+ if (!keyData.__fnct[i]) {
+ outX = (typeof keyData.o.x[i] === undefined) ? keyData.o.x[0] : keyData.o.x[i];
+ outY = (typeof keyData.o.y[i] === undefined) ? keyData.o.y[0] : keyData.o.y[i];
+ inX = (typeof keyData.i.x[i] === undefined) ? keyData.i.x[0] : keyData.i.x[i];
+ inY = (typeof keyData.i.y[i] === undefined) ? keyData.i.y[0] : keyData.i.y[i];
+
+ fnc = BezierFactory.getBezierEasing(outX, outY, inX, inY).get;
+ keyData.__fnct[i] = fnc;
+ } else {
+ fnc = keyData.__fnct[i];
+ }
+ } else {
+ if (!keyData.__fnct) {
+ outX = keyData.o.x;
+ outY = keyData.o.y;
+ inX = keyData.i.x;
+ inY = keyData.i.y;
+ fnc = BezierFactory.getBezierEasing(outX, outY, inX, inY).get;
+ keyData.__fnct = fnc;
+ } else {
+ fnc = keyData.__fnct;
+ }
+ }
+ perc = fnc((frameNum - keyTime) / (nextKeyTime - keyTime ));
+ }
+ }
+
+ keyValue = keyData.h === 1 ? keyData.s[i] : keyData.s[i] + (keyData.e[i] - keyData.s[i]) * perc;
+
+ if (len === 1) {
+ newValue = keyValue;
+ } else {
+ newValue[i] = keyValue;
+ }
+ }
+ }
+ }
+ caching.lastIndex = iterationIndex;
+ return newValue;
+ }
+
+ //based on @Toji's https://github.com/toji/gl-matrix/
+ function slerp(a, b, t) {
+ var out = [];
+ var ax = a[0], ay = a[1], az = a[2], aw = a[3],
+ bx = b[0], by = b[1], bz = b[2], bw = b[3]
+
+ var omega, cosom, sinom, scale0, scale1;
+
+ cosom = ax * bx + ay * by + az * bz + aw * bw;
+ if (cosom < 0.0) {
+ cosom = -cosom;
+ bx = -bx;
+ by = -by;
+ bz = -bz;
+ bw = -bw;
+ }
+ if ((1.0 - cosom) > 0.000001) {
+ omega = Math.acos(cosom);
+ sinom = Math.sin(omega);
+ scale0 = Math.sin((1.0 - t) * omega) / sinom;
+ scale1 = Math.sin(t * omega) / sinom;
+ } else {
+ scale0 = 1.0 - t;
+ scale1 = t;
+ }
+ out[0] = scale0 * ax + scale1 * bx;
+ out[1] = scale0 * ay + scale1 * by;
+ out[2] = scale0 * az + scale1 * bz;
+ out[3] = scale0 * aw + scale1 * bw;
+
+ return out;
+ }
+
+ function quaternionToEuler(out, quat) {
+ var qx = quat[0];
+ var qy = quat[1];
+ var qz = quat[2];
+ var qw = quat[3];
+ var heading = Math.atan2(2*qy*qw-2*qx*qz , 1 - 2*qy*qy - 2*qz*qz)
+ var attitude = Math.asin(2*qx*qy + 2*qz*qw)
+ var bank = Math.atan2(2*qx*qw-2*qy*qz , 1 - 2*qx*qx - 2*qz*qz);
+ out[0] = heading/degToRads;
+ out[1] = attitude/degToRads;
+ out[2] = bank/degToRads;
+ }
+
+ function createQuaternion(values) {
+ var heading = values[0] * degToRads;
+ var attitude = values[1] * degToRads;
+ var bank = values[2] * degToRads;
+ var c1 = Math.cos(heading / 2);
+ var c2 = Math.cos(attitude / 2);
+ var c3 = Math.cos(bank / 2);
+ var s1 = Math.sin(heading / 2);
+ var s2 = Math.sin(attitude / 2);
+ var s3 = Math.sin(bank / 2);
+ var w = c1 * c2 * c3 - s1 * s2 * s3;
+ var x = s1 * s2 * c3 + c1 * c2 * s3;
+ var y = s1 * c2 * c3 + c1 * s2 * s3;
+ var z = c1 * s2 * c3 - s1 * c2 * s3;
+
+ return [x,y,z,w];
+ }
+
+ function getValueAtCurrentTime(){
+ var frameNum = this.comp.renderedFrame - this.offsetTime;
+ var initTime = this.keyframes[0].t - this.offsetTime;
+ var endTime = this.keyframes[this.keyframes.length- 1].t-this.offsetTime;
+ if(!(frameNum === this._caching.lastFrame || (this._caching.lastFrame !== initFrame && ((this._caching.lastFrame >= endTime && frameNum >= endTime) || (this._caching.lastFrame < initTime && frameNum < initTime))))){
+ if(this._caching.lastFrame >= frameNum) {
+ this._caching._lastBezierData = null;
+ this._caching.lastIndex = 0;
+ }
+
+ var renderResult = this.interpolateValue(frameNum, this._caching);
+ this.pv = renderResult;
+ }
+ this._caching.lastFrame = frameNum;
+ return this.pv;
+ }
+
+ function setVValue(val) {
+ var multipliedValue;
+ if(this.propType === 'unidimensional') {
+ multipliedValue = val * this.mult;
+ if(math_abs(this.v - multipliedValue) > 0.00001) {
+ this.v = multipliedValue;
+ this._mdf = true;
+ }
+ } else {
+ var i = 0, len = this.v.length;
+ while (i < len) {
+ multipliedValue = val[i] * this.mult;
+ if (math_abs(this.v[i] - multipliedValue) > 0.00001) {
+ this.v[i] = multipliedValue;
+ this._mdf = true;
+ }
+ i += 1;
+ }
+ }
+ }
+
+ function processEffectsSequence() {
+ if(this.elem.globalData.frameId === this.frameId || !this.effectsSequence.length) {
+ return;
+ }
+ if(this.lock) {
+ this.setVValue(this.pv);
+ return;
+ }
+ this.lock = true;
+ this._mdf = this._isFirstFrame;
+ var multipliedValue;
+ var i, len = this.effectsSequence.length;
+ var finalValue = this.kf ? this.pv : this.data.k;
+ for(i = 0; i < len; i += 1) {
+ finalValue = this.effectsSequence[i](finalValue);
+ }
+ this.setVValue(finalValue);
+ this._isFirstFrame = false;
+ this.lock = false;
+ this.frameId = this.elem.globalData.frameId;
+ }
+
+ function addEffect(effectFunction) {
+ this.effectsSequence.push(effectFunction);
+ this.container.addDynamicProperty(this);
+ }
+
+ function ValueProperty(elem, data, mult, container){
+ this.propType = 'unidimensional';
+ this.mult = mult || 1;
+ this.data = data;
+ this.v = mult ? data.k * mult : data.k;
+ this.pv = data.k;
+ this._mdf = false;
+ this.elem = elem;
+ this.container = container;
+ this.comp = elem.comp;
+ this.k = false;
+ this.kf = false;
+ this.vel = 0;
+ this.effectsSequence = [];
+ this._isFirstFrame = true;
+ this.getValue = processEffectsSequence;
+ this.setVValue = setVValue;
+ this.addEffect = addEffect;
+ }
+
+ function MultiDimensionalProperty(elem, data, mult, container) {
+ this.propType = 'multidimensional';
+ this.mult = mult || 1;
+ this.data = data;
+ this._mdf = false;
+ this.elem = elem;
+ this.container = container;
+ this.comp = elem.comp;
+ this.k = false;
+ this.kf = false;
+ this.frameId = -1;
+ var i, len = data.k.length;
+ this.v = createTypedArray('float32', len);
+ this.pv = createTypedArray('float32', len);
+ var arr = createTypedArray('float32', len);
+ this.vel = createTypedArray('float32', len);
+ for (i = 0; i < len; i += 1) {
+ this.v[i] = data.k[i] * this.mult;
+ this.pv[i] = data.k[i];
+ }
+ this._isFirstFrame = true;
+ this.effectsSequence = [];
+ this.getValue = processEffectsSequence;
+ this.setVValue = setVValue;
+ this.addEffect = addEffect;
+ }
+
+ function KeyframedValueProperty(elem, data, mult, container) {
+ this.propType = 'unidimensional';
+ this.keyframes = data.k;
+ this.offsetTime = elem.data.st;
+ this.frameId = -1;
+ this._caching = {lastFrame: initFrame, lastIndex: 0, value: 0, _lastBezierData: null};
+ this.k = true;
+ this.kf = true;
+ this.data = data;
+ this.mult = mult || 1;
+ this.elem = elem;
+ this.container = container;
+ this.comp = elem.comp;
+ this.v = initFrame;
+ this.pv = initFrame;
+ this._isFirstFrame = true;
+ this.getValue = processEffectsSequence;
+ this.setVValue = setVValue;
+ this.interpolateValue = interpolateValue;
+ this.effectsSequence = [getValueAtCurrentTime.bind(this)];
+ this.addEffect = addEffect;
+ }
+
+ function KeyframedMultidimensionalProperty(elem, data, mult, container){
+ this.propType = 'multidimensional';
+ var i, len = data.k.length;
+ var s, e,to,ti;
+ for (i = 0; i < len - 1; i += 1) {
+ if (data.k[i].to && data.k[i].s && data.k[i].e) {
+ s = data.k[i].s;
+ e = data.k[i].e;
+ to = data.k[i].to;
+ ti = data.k[i].ti;
+ if((s.length === 2 && !(s[0] === e[0] && s[1] === e[1]) && bez.pointOnLine2D(s[0],s[1],e[0],e[1],s[0] + to[0],s[1] + to[1]) && bez.pointOnLine2D(s[0],s[1],e[0],e[1],e[0] + ti[0],e[1] + ti[1])) || (s.length === 3 && !(s[0] === e[0] && s[1] === e[1] && s[2] === e[2]) && bez.pointOnLine3D(s[0],s[1],s[2],e[0],e[1],e[2],s[0] + to[0],s[1] + to[1],s[2] + to[2]) && bez.pointOnLine3D(s[0],s[1],s[2],e[0],e[1],e[2],e[0] + ti[0],e[1] + ti[1],e[2] + ti[2]))){
+ data.k[i].to = null;
+ data.k[i].ti = null;
+ }
+ if(s[0] === e[0] && s[1] === e[1] && to[0] === 0 && to[1] === 0 && ti[0] === 0 && ti[1] === 0) {
+ if(s.length === 2 || (s[2] === e[2] && to[2] === 0 && ti[2] === 0)) {
+ data.k[i].to = null;
+ data.k[i].ti = null;
+ }
+ }
+ }
+ }
+ this.effectsSequence = [getValueAtCurrentTime.bind(this)];
+ this.keyframes = data.k;
+ this.offsetTime = elem.data.st;
+ this.k = true;
+ this.kf = true;
+ this._isFirstFrame = true;
+ this.mult = mult || 1;
+ this.elem = elem;
+ this.container = container;
+ this.comp = elem.comp;
+ this.getValue = processEffectsSequence;
+ this.setVValue = setVValue;
+ this.interpolateValue = interpolateValue;
+ this.frameId = -1;
+ var arrLen = data.k[0].s.length;
+ this.v = createTypedArray('float32', arrLen);
+ this.pv = createTypedArray('float32', arrLen);
+ for (i = 0; i < arrLen; i += 1) {
+ this.v[i] = initFrame;
+ this.pv[i] = initFrame;
+ }
+ this._caching={lastFrame:initFrame,lastIndex:0,value:createTypedArray('float32', arrLen)};
+ this.addEffect = addEffect;
+ }
+
+ function getProp(elem,data,type, mult, container) {
+ var p;
+ if(data.a === 0){
+ if(type === 0) {
+ p = new ValueProperty(elem,data,mult, container);
+ } else {
+ p = new MultiDimensionalProperty(elem,data, mult, container);
+ }
+ } else if(data.a === 1){
+ if(type === 0) {
+ p = new KeyframedValueProperty(elem,data,mult, container);
+ } else {
+ p = new KeyframedMultidimensionalProperty(elem,data, mult, container);
+ }
+ } else if(!data.k.length){
+ p = new ValueProperty(elem,data, mult, container);
+ }else if(typeof(data.k[0]) === 'number'){
+ p = new MultiDimensionalProperty(elem,data, mult, container);
+ }else{
+ switch(type){
+ case 0:
+ p = new KeyframedValueProperty(elem,data,mult, container);
+ break;
+ case 1:
+ p = new KeyframedMultidimensionalProperty(elem,data,mult, container);
+ break;
+ }
+ }
+ if(p.effectsSequence.length){
+ container.addDynamicProperty(p);
+ }
+ return p;
+ }
+
+ var ob = {
+ getProp: getProp
+ };
+ return ob;
+}());
+var TransformPropertyFactory = (function() {
+
+ function applyToMatrix(mat) {
+ var _mdf = this._mdf;
+ this.iterateDynamicProperties();
+ this._mdf = this._mdf || _mdf;
+ if (this.a) {
+ mat.translate(-this.a.v[0], -this.a.v[1], this.a.v[2]);
+ }
+ if (this.s) {
+ mat.scale(this.s.v[0], this.s.v[1], this.s.v[2]);
+ }
+ if (this.sk) {
+ mat.skewFromAxis(-this.sk.v, this.sa.v);
+ }
+ if (this.r) {
+ mat.rotate(-this.r.v);
+ } else {
+ mat.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]);
+ }
+ if (this.data.p.s) {
+ if (this.data.p.z) {
+ mat.translate(this.px.v, this.py.v, -this.pz.v);
+ } else {
+ mat.translate(this.px.v, this.py.v, 0);
+ }
+ } else {
+ mat.translate(this.p.v[0], this.p.v[1], -this.p.v[2]);
+ }
+ }
+ function processKeys(forceRender){
+ if (this.elem.globalData.frameId === this.frameId) {
+ return;
+ }
+ if(this._isDirty) {
+ this.precalculateMatrix();
+ this._isDirty = false;
+ }
+
+ this.iterateDynamicProperties();
+
+ if (this._mdf || forceRender) {
+ this.v.cloneFromProps(this.pre.props);
+ if (this.appliedTransformations < 1) {
+ this.v.translate(-this.a.v[0], -this.a.v[1], this.a.v[2]);
+ }
+ if(this.appliedTransformations < 2) {
+ this.v.scale(this.s.v[0], this.s.v[1], this.s.v[2]);
+ }
+ if (this.sk && this.appliedTransformations < 3) {
+ this.v.skewFromAxis(-this.sk.v, this.sa.v);
+ }
+ if (this.r && this.appliedTransformations < 4) {
+ this.v.rotate(-this.r.v);
+ } else if (!this.r && this.appliedTransformations < 4){
+ this.v.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]);
+ }
+ if (this.autoOriented) {
+ var v1,v2, frameRate = this.elem.globalData.frameRate;
+ if(this.p && this.p.keyframes && this.p.getValueAtTime) {
+ if (this.p._caching.lastFrame+this.p.offsetTime <= this.p.keyframes[0].t) {
+ v1 = this.p.getValueAtTime((this.p.keyframes[0].t + 0.01) / frameRate,0);
+ v2 = this.p.getValueAtTime(this.p.keyframes[0].t / frameRate, 0);
+ } else if(this.p._caching.lastFrame+this.p.offsetTime >= this.p.keyframes[this.p.keyframes.length - 1].t) {
+ v1 = this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length - 1].t / frameRate), 0);
+ v2 = this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length - 1].t - 0.01) / frameRate, 0);
+ } else {
+ v1 = this.p.pv;
+ v2 = this.p.getValueAtTime((this.p._caching.lastFrame+this.p.offsetTime - 0.01) / frameRate, this.p.offsetTime);
+ }
+ } else if(this.px && this.px.keyframes && this.py.keyframes && this.px.getValueAtTime && this.py.getValueAtTime) {
+ v1 = [];
+ v2 = [];
+ var px = this.px, py = this.py, frameRate;
+ if (px._caching.lastFrame+px.offsetTime <= px.keyframes[0].t) {
+ v1[0] = px.getValueAtTime((px.keyframes[0].t + 0.01) / frameRate,0);
+ v1[1] = py.getValueAtTime((py.keyframes[0].t + 0.01) / frameRate,0);
+ v2[0] = px.getValueAtTime((px.keyframes[0].t) / frameRate,0);
+ v2[1] = py.getValueAtTime((py.keyframes[0].t) / frameRate,0);
+ } else if(px._caching.lastFrame+px.offsetTime >= px.keyframes[px.keyframes.length - 1].t) {
+ v1[0] = px.getValueAtTime((px.keyframes[px.keyframes.length - 1].t / frameRate),0);
+ v1[1] = py.getValueAtTime((py.keyframes[py.keyframes.length - 1].t / frameRate),0);
+ v2[0] = px.getValueAtTime((px.keyframes[px.keyframes.length - 1].t - 0.01) / frameRate,0);
+ v2[1] = py.getValueAtTime((py.keyframes[py.keyframes.length - 1].t - 0.01) / frameRate,0);
+ } else {
+ v1 = [px.pv, py.pv];
+ v2[0] = px.getValueAtTime((px._caching.lastFrame+px.offsetTime - 0.01) / frameRate,px.offsetTime);
+ v2[1] = py.getValueAtTime((py._caching.lastFrame+py.offsetTime - 0.01) / frameRate,py.offsetTime);
+ }
+ }
+ this.v.rotate(-Math.atan2(v1[1] - v2[1], v1[0] - v2[0]));
+ }
+ if(this.data.p.s){
+ if(this.data.p.z) {
+ this.v.translate(this.px.v, this.py.v, -this.pz.v);
+ } else {
+ this.v.translate(this.px.v, this.py.v, 0);
+ }
+ }else{
+ this.v.translate(this.p.v[0],this.p.v[1],-this.p.v[2]);
+ }
+ }
+ this.frameId = this.elem.globalData.frameId;
+ }
+
+ function precalculateMatrix() {
+ if(!this.a.k) {
+ this.pre.translate(-this.a.v[0], -this.a.v[1], this.a.v[2]);
+ this.appliedTransformations = 1;
+ } else {
+ return;
+ }
+ if(!this.s.effectsSequence.length) {
+ this.pre.scale(this.s.v[0], this.s.v[1], this.s.v[2]);
+ this.appliedTransformations = 2;
+ } else {
+ return;
+ }
+ if(this.sk) {
+ if(!this.sk.effectsSequence.length && !this.sa.effectsSequence.length) {
+ this.pre.skewFromAxis(-this.sk.v, this.sa.v);
+ this.appliedTransformations = 3;
+ } else {
+ return;
+ }
+ }
+ if (this.r) {
+ if(!this.r.effectsSequence.length) {
+ this.pre.rotate(-this.r.v);
+ this.appliedTransformations = 4;
+ } else {
+ return;
+ }
+ } else if(!this.rz.effectsSequence.length && !this.ry.effectsSequence.length && !this.rx.effectsSequence.length && !this.or.effectsSequence.length) {
+ this.pre.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]);
+ this.appliedTransformations = 4;
+ }
+ }
+
+ function autoOrient(){
+ //
+ //var prevP = this.getValueAtTime();
+ }
+
+ function addDynamicProperty(prop) {
+ this._addDynamicProperty(prop);
+ this.elem.addDynamicProperty(prop);
+ this._isDirty = true;
+ }
+
+ function TransformProperty(elem,data,container){
+ this.elem = elem;
+ this.frameId = -1;
+ this.propType = 'transform';
+ this.data = data;
+ this.v = new Matrix();
+ //Precalculated matrix with non animated properties
+ this.pre = new Matrix();
+ this.appliedTransformations = 0;
+ this.initDynamicPropertyContainer(container || elem);
+ if(data.p.s){
+ this.px = PropertyFactory.getProp(elem,data.p.x,0,0,this);
+ this.py = PropertyFactory.getProp(elem,data.p.y,0,0,this);
+ if(data.p.z){
+ this.pz = PropertyFactory.getProp(elem,data.p.z,0,0,this);
+ }
+ }else{
+ this.p = PropertyFactory.getProp(elem,data.p,1,0,this);
+ }
+ if(data.r) {
+ this.r = PropertyFactory.getProp(elem, data.r, 0, degToRads, this);
+ } else if(data.rx) {
+ this.rx = PropertyFactory.getProp(elem, data.rx, 0, degToRads, this);
+ this.ry = PropertyFactory.getProp(elem, data.ry, 0, degToRads, this);
+ this.rz = PropertyFactory.getProp(elem, data.rz, 0, degToRads, this);
+ if(data.or.k[0].ti) {
+ var i, len = data.or.k.length;
+ for(i=0;i<len;i+=1) {
+ data.or.k[i].to = data.or.k[i].ti = null;
+ }
+ }
+ this.or = PropertyFactory.getProp(elem, data.or, 1, degToRads, this);
+ //sh Indicates it needs to be capped between -180 and 180
+ this.or.sh = true;
+ }
+ if(data.sk){
+ this.sk = PropertyFactory.getProp(elem, data.sk, 0, degToRads, this);
+ this.sa = PropertyFactory.getProp(elem, data.sa, 0, degToRads, this);
+ }
+ if(data.a) {
+ this.a = PropertyFactory.getProp(elem,data.a,1,0,this);
+ }
+ if(data.s) {
+ this.s = PropertyFactory.getProp(elem,data.s,1,0.01,this);
+ }
+ // Opacity is not part of the transform properties, that's why it won't use this.dynamicProperties. That way transforms won't get updated if opacity changes.
+ if(data.o){
+ this.o = PropertyFactory.getProp(elem,data.o,0,0.01,elem);
+ } else {
+ this.o = {_mdf:false,v:1};
+ }
+ this._isDirty = true;
+ if(!this.dynamicProperties.length){
+ this.getValue(true);
+ }
+ }
+
+ TransformProperty.prototype = {
+ applyToMatrix: applyToMatrix,
+ getValue: processKeys,
+ precalculateMatrix: precalculateMatrix,
+ autoOrient: autoOrient
+ }
+
+ extendPrototype([DynamicPropertyContainer], TransformProperty);
+ TransformProperty.prototype.addDynamicProperty = addDynamicProperty;
+ TransformProperty.prototype._addDynamicProperty = DynamicPropertyContainer.prototype.addDynamicProperty;
+
+ function getTransformProperty(elem,data,container){
+ return new TransformProperty(elem,data,container);
+ }
+
+ return {
+ getTransformProperty: getTransformProperty
+ };
+
+}());
+function ShapePath(){
+ this.c = false;
+ this._length = 0;
+ this._maxLength = 8;
+ this.v = createSizedArray(this._maxLength);
+ this.o = createSizedArray(this._maxLength);
+ this.i = createSizedArray(this._maxLength);
+}
+
+ShapePath.prototype.setPathData = function(closed, len) {
+ this.c = closed;
+ this.setLength(len);
+ var i = 0;
+ while(i < len){
+ this.v[i] = point_pool.newElement();
+ this.o[i] = point_pool.newElement();
+ this.i[i] = point_pool.newElement();
+ i += 1;
+ }
+};
+
+ShapePath.prototype.setLength = function(len) {
+ while(this._maxLength < len) {
+ this.doubleArrayLength();
+ }
+ this._length = len;
+};
+
+ShapePath.prototype.doubleArrayLength = function() {
+ this.v = this.v.concat(createSizedArray(this._maxLength));
+ this.i = this.i.concat(createSizedArray(this._maxLength));
+ this.o = this.o.concat(createSizedArray(this._maxLength));
+ this._maxLength *= 2;
+};
+
+ShapePath.prototype.setXYAt = function(x, y, type, pos, replace) {
+ var arr;
+ this._length = Math.max(this._length, pos + 1);
+ if(this._length >= this._maxLength) {
+ this.doubleArrayLength();
+ }
+ switch(type){
+ case 'v':
+ arr = this.v;
+ break;
+ case 'i':
+ arr = this.i;
+ break;
+ case 'o':
+ arr = this.o;
+ break;
+ }
+ if(!arr[pos] || (arr[pos] && !replace)){
+ arr[pos] = point_pool.newElement();
+ }
+ arr[pos][0] = x;
+ arr[pos][1] = y;
+};
+
+ShapePath.prototype.setTripleAt = function(vX,vY,oX,oY,iX,iY,pos, replace) {
+ this.setXYAt(vX,vY,'v',pos, replace);
+ this.setXYAt(oX,oY,'o',pos, replace);
+ this.setXYAt(iX,iY,'i',pos, replace);
+};
+
+ShapePath.prototype.reverse = function() {
+ var newPath = new ShapePath();
+ newPath.setPathData(this.c, this._length);
+ var vertices = this.v, outPoints = this.o, inPoints = this.i;
+ var init = 0;
+ if (this.c) {
+ newPath.setTripleAt(vertices[0][0], vertices[0][1], inPoints[0][0], inPoints[0][1], outPoints[0][0], outPoints[0][1], 0, false);
+ init = 1;
+ }
+ var cnt = this._length - 1;
+ var len = this._length;
+
+ var i;
+ for (i = init; i < len; i += 1) {
+ newPath.setTripleAt(vertices[cnt][0], vertices[cnt][1], inPoints[cnt][0], inPoints[cnt][1], outPoints[cnt][0], outPoints[cnt][1], i, false);
+ cnt -= 1;
+ }
+ return newPath;
+};
+var ShapePropertyFactory = (function(){
+
+ var initFrame = -999999;
+
+ function interpolateShape(frameNum, previousValue, caching) {
+ var iterationIndex = caching.lastIndex;
+ var keyPropS,keyPropE,isHold, j, k, jLen, kLen, perc, vertexValue;
+ var kf = this.keyframes;
+ if(frameNum < kf[0].t-this.offsetTime){
+ keyPropS = kf[0].s[0];
+ isHold = true;
+ iterationIndex = 0;
+ }else if(frameNum >= kf[kf.length - 1].t-this.offsetTime){
+ if(kf[kf.length - 2].h === 1){
+ keyPropS = kf[kf.length - 1].s[0];
+ }else{
+ keyPropS = kf[kf.length - 2].e[0];
+ }
+ isHold = true;
+ }else{
+ var i = iterationIndex;
+ var len = kf.length- 1,flag = true,keyData,nextKeyData;
+ while(flag){
+ keyData = kf[i];
+ nextKeyData = kf[i+1];
+ if((nextKeyData.t - this.offsetTime) > frameNum){
+ break;
+ }
+ if(i < len - 1){
+ i += 1;
+ }else{
+ flag = false;
+ }
+ }
+ isHold = keyData.h === 1;
+ iterationIndex = i;
+ if(!isHold){
+ if(frameNum >= nextKeyData.t-this.offsetTime){
+ perc = 1;
+ }else if(frameNum < keyData.t-this.offsetTime){
+ perc = 0;
+ }else{
+ var fnc;
+ if(keyData.__fnct){
+ fnc = keyData.__fnct;
+ }else{
+ fnc = BezierFactory.getBezierEasing(keyData.o.x,keyData.o.y,keyData.i.x,keyData.i.y).get;
+ keyData.__fnct = fnc;
+ }
+ perc = fnc((frameNum-(keyData.t-this.offsetTime))/((nextKeyData.t-this.offsetTime)-(keyData.t-this.offsetTime)));
+ }
+ keyPropE = keyData.e[0];
+ }
+ keyPropS = keyData.s[0];
+ }
+ jLen = previousValue._length;
+ kLen = keyPropS.i[0].length;
+ caching.lastIndex = iterationIndex;
+
+ for(j=0;j<jLen;j+=1){
+ for(k=0;k<kLen;k+=1){
+ vertexValue = isHold ? keyPropS.i[j][k] : keyPropS.i[j][k]+(keyPropE.i[j][k]-keyPropS.i[j][k])*perc;
+ previousValue.i[j][k] = vertexValue;
+ vertexValue = isHold ? keyPropS.o[j][k] : keyPropS.o[j][k]+(keyPropE.o[j][k]-keyPropS.o[j][k])*perc;
+ previousValue.o[j][k] = vertexValue;
+ vertexValue = isHold ? keyPropS.v[j][k] : keyPropS.v[j][k]+(keyPropE.v[j][k]-keyPropS.v[j][k])*perc;
+ previousValue.v[j][k] = vertexValue;
+ }
+ }
+ }
+
+ function interpolateShapeCurrentTime(){
+ var frameNum = this.comp.renderedFrame - this.offsetTime;
+ var initTime = this.keyframes[0].t - this.offsetTime;
+ var endTime = this.keyframes[this.keyframes.length - 1].t - this.offsetTime;
+ var lastFrame = this._caching.lastFrame;
+ if(!(lastFrame !== initFrame && ((lastFrame < initTime && frameNum < initTime) || (lastFrame > endTime && frameNum > endTime)))){
+ ////
+ this._caching.lastIndex = lastFrame < frameNum ? this._caching.lastIndex : 0;
+ this.interpolateShape(frameNum, this.pv, this._caching);
+ ////
+ }
+ this._caching.lastFrame = frameNum;
+ return this.pv;
+ }
+
+ function resetShape(){
+ this.paths = this.localShapeCollection;
+ }
+
+ function shapesEqual(shape1, shape2) {
+ if(shape1._length !== shape2._length || shape1.c !== shape2.c){
+ return false;
+ }
+ var i, len = shape1._length;
+ for(i = 0; i < len; i += 1) {
+ if(shape1.v[i][0] !== shape2.v[i][0]
+ || shape1.v[i][1] !== shape2.v[i][1]
+ || shape1.o[i][0] !== shape2.o[i][0]
+ || shape1.o[i][1] !== shape2.o[i][1]
+ || shape1.i[i][0] !== shape2.i[i][0]
+ || shape1.i[i][1] !== shape2.i[i][1]) {
+ return false;
+ }
+ }
+ return true;
+ }
+
+ function setVValue(newPath) {
+ if(!shapesEqual(this.v, newPath)) {
+ this.v = shape_pool.clone(newPath);
+ this.localShapeCollection.releaseShapes();
+ this.localShapeCollection.addShape(this.v);
+ this._mdf = true;
+ this.paths = this.localShapeCollection;
+ }
+ }
+
+ function processEffectsSequence() {
+ if(this.elem.globalData.frameId === this.frameId || !this.effectsSequence.length) {
+ return;
+ }
+ if(this.lock) {
+ this.setVValue(this.pv);
+ return;
+ }
+ this.lock = true;
+ this._mdf = false;
+ var finalValue = this.kf ? this.pv : this.data.ks ? this.data.ks.k : this.data.pt.k;
+ var i, len = this.effectsSequence.length;
+ for(i = 0; i < len; i += 1) {
+ finalValue = this.effectsSequence[i](finalValue);
+ }
+ this.setVValue(finalValue);
+ this.lock = false;
+ this.frameId = this.elem.globalData.frameId;
+ };
+
+ function ShapeProperty(elem, data, type){
+ this.propType = 'shape';
+ this.comp = elem.comp;
+ this.container = elem;
+ this.elem = elem;
+ this.data = data;
+ this.k = false;
+ this.kf = false;
+ this._mdf = false;
+ var pathData = type === 3 ? data.pt.k : data.ks.k;
+ this.v = shape_pool.clone(pathData);
+ this.pv = shape_pool.clone(this.v);
+ this.localShapeCollection = shapeCollection_pool.newShapeCollection();
+ this.paths = this.localShapeCollection;
+ this.paths.addShape(this.v);
+ this.reset = resetShape;
+ this.effectsSequence = [];
+ }
+
+ function addEffect(effectFunction) {
+ this.effectsSequence.push(effectFunction);
+ this.container.addDynamicProperty(this);
+ }
+
+ ShapeProperty.prototype.interpolateShape = interpolateShape;
+ ShapeProperty.prototype.getValue = processEffectsSequence;
+ ShapeProperty.prototype.setVValue = setVValue;
+ ShapeProperty.prototype.addEffect = addEffect;
+
+ function KeyframedShapeProperty(elem,data,type){
+ this.propType = 'shape';
+ this.comp = elem.comp;
+ this.elem = elem;
+ this.container = elem;
+ this.offsetTime = elem.data.st;
+ this.keyframes = type === 3 ? data.pt.k : data.ks.k;
+ this.k = true;
+ this.kf = true;
+ var i, len = this.keyframes[0].s[0].i.length;
+ var jLen = this.keyframes[0].s[0].i[0].length;
+ this.v = shape_pool.newElement();
+ this.v.setPathData(this.keyframes[0].s[0].c, len);
+ this.pv = shape_pool.clone(this.v);
+ this.localShapeCollection = shapeCollection_pool.newShapeCollection();
+ this.paths = this.localShapeCollection;
+ this.paths.addShape(this.v);
+ this.lastFrame = initFrame;
+ this.reset = resetShape;
+ this._caching = {lastFrame: initFrame, lastIndex: 0};
+ this.effectsSequence = [interpolateShapeCurrentTime.bind(this)];
+ }
+ KeyframedShapeProperty.prototype.getValue = processEffectsSequence;
+ KeyframedShapeProperty.prototype.interpolateShape = interpolateShape;
+ KeyframedShapeProperty.prototype.setVValue = setVValue;
+ KeyframedShapeProperty.prototype.addEffect = addEffect;
+
+ var EllShapeProperty = (function(){
+
+ var cPoint = roundCorner;
+
+ function EllShapeProperty(elem,data) {
+ /*this.v = {
+ v: createSizedArray(4),
+ i: createSizedArray(4),
+ o: createSizedArray(4),
+ c: true
+ };*/
+ this.v = shape_pool.newElement();
+ this.v.setPathData(true, 4);
+ this.localShapeCollection = shapeCollection_pool.newShapeCollection();
+ this.paths = this.localShapeCollection;
+ this.localShapeCollection.addShape(this.v);
+ this.d = data.d;
+ this.elem = elem;
+ this.comp = elem.comp;
+ this.frameId = -1;
+ this.initDynamicPropertyContainer(elem);
+ this.p = PropertyFactory.getProp(elem,data.p,1,0,this);
+ this.s = PropertyFactory.getProp(elem,data.s,1,0,this);
+ if(this.dynamicProperties.length){
+ this.k = true;
+ }else{
+ this.k = false;
+ this.convertEllToPath();
+ }
+ };
+
+ EllShapeProperty.prototype = {
+ reset: resetShape,
+ getValue: function (){
+ if(this.elem.globalData.frameId === this.frameId){
+ return;
+ }
+ this.frameId = this.elem.globalData.frameId;
+ this.iterateDynamicProperties();
+
+ if(this._mdf){
+ this.convertEllToPath();
+ }
+ },
+ convertEllToPath: function() {
+ var p0 = this.p.v[0], p1 = this.p.v[1], s0 = this.s.v[0]/2, s1 = this.s.v[1]/2;
+ var _cw = this.d !== 3;
+ var _v = this.v;
+ _v.v[0][0] = p0;
+ _v.v[0][1] = p1 - s1;
+ _v.v[1][0] = _cw ? p0 + s0 : p0 - s0;
+ _v.v[1][1] = p1;
+ _v.v[2][0] = p0;
+ _v.v[2][1] = p1 + s1;
+ _v.v[3][0] = _cw ? p0 - s0 : p0 + s0;
+ _v.v[3][1] = p1;
+ _v.i[0][0] = _cw ? p0 - s0 * cPoint : p0 + s0 * cPoint;
+ _v.i[0][1] = p1 - s1;
+ _v.i[1][0] = _cw ? p0 + s0 : p0 - s0;
+ _v.i[1][1] = p1 - s1 * cPoint;
+ _v.i[2][0] = _cw ? p0 + s0 * cPoint : p0 - s0 * cPoint;
+ _v.i[2][1] = p1 + s1;
+ _v.i[3][0] = _cw ? p0 - s0 : p0 + s0;
+ _v.i[3][1] = p1 + s1 * cPoint;
+ _v.o[0][0] = _cw ? p0 + s0 * cPoint : p0 - s0 * cPoint;
+ _v.o[0][1] = p1 - s1;
+ _v.o[1][0] = _cw ? p0 + s0 : p0 - s0;
+ _v.o[1][1] = p1 + s1 * cPoint;
+ _v.o[2][0] = _cw ? p0 - s0 * cPoint : p0 + s0 * cPoint;
+ _v.o[2][1] = p1 + s1;
+ _v.o[3][0] = _cw ? p0 - s0 : p0 + s0;
+ _v.o[3][1] = p1 - s1 * cPoint;
+ }
+ }
+
+ extendPrototype([DynamicPropertyContainer], EllShapeProperty);
+
+ return EllShapeProperty;
+ }());
+
+ var StarShapeProperty = (function() {
+
+ function StarShapeProperty(elem,data) {
+ this.v = shape_pool.newElement();
+ this.v.setPathData(true, 0);
+ this.elem = elem;
+ this.comp = elem.comp;
+ this.data = data;
+ this.frameId = -1;
+ this.d = data.d;
+ this.initDynamicPropertyContainer(elem);
+ if(data.sy === 1){
+ this.ir = PropertyFactory.getProp(elem,data.ir,0,0,this);
+ this.is = PropertyFactory.getProp(elem,data.is,0,0.01,this);
+ this.convertToPath = this.convertStarToPath;
+ } else {
+ this.convertToPath = this.convertPolygonToPath;
+ }
+ this.pt = PropertyFactory.getProp(elem,data.pt,0,0,this);
+ this.p = PropertyFactory.getProp(elem,data.p,1,0,this);
+ this.r = PropertyFactory.getProp(elem,data.r,0,degToRads,this);
+ this.or = PropertyFactory.getProp(elem,data.or,0,0,this);
+ this.os = PropertyFactory.getProp(elem,data.os,0,0.01,this);
+ this.localShapeCollection = shapeCollection_pool.newShapeCollection();
+ this.localShapeCollection.addShape(this.v);
+ this.paths = this.localShapeCollection;
+ if(this.dynamicProperties.length){
+ this.k = true;
+ }else{
+ this.k = false;
+ this.convertToPath();
+ }
+ };
+
+ StarShapeProperty.prototype = {
+ reset: resetShape,
+ getValue: function() {
+ if(this.elem.globalData.frameId === this.frameId){
+ return;
+ }
+ this.frameId = this.elem.globalData.frameId;
+ this.iterateDynamicProperties();
+ if(this._mdf){
+ this.convertToPath();
+ }
+ },
+ convertStarToPath: function() {
+ var numPts = Math.floor(this.pt.v)*2;
+ var angle = Math.PI*2/numPts;
+ /*this.v.v.length = numPts;
+ this.v.i.length = numPts;
+ this.v.o.length = numPts;*/
+ var longFlag = true;
+ var longRad = this.or.v;
+ var shortRad = this.ir.v;
+ var longRound = this.os.v;
+ var shortRound = this.is.v;
+ var longPerimSegment = 2*Math.PI*longRad/(numPts*2);
+ var shortPerimSegment = 2*Math.PI*shortRad/(numPts*2);
+ var i, rad,roundness,perimSegment, currentAng = -Math.PI/ 2;
+ currentAng += this.r.v;
+ var dir = this.data.d === 3 ? -1 : 1;
+ this.v._length = 0;
+ for(i=0;i<numPts;i+=1){
+ rad = longFlag ? longRad : shortRad;
+ roundness = longFlag ? longRound : shortRound;
+ perimSegment = longFlag ? longPerimSegment : shortPerimSegment;
+ var x = rad * Math.cos(currentAng);
+ var y = rad * Math.sin(currentAng);
+ var ox = x === 0 && y === 0 ? 0 : y/Math.sqrt(x*x + y*y);
+ var oy = x === 0 && y === 0 ? 0 : -x/Math.sqrt(x*x + y*y);
+ x += + this.p.v[0];
+ y += + this.p.v[1];
+ this.v.setTripleAt(x,y,x-ox*perimSegment*roundness*dir,y-oy*perimSegment*roundness*dir,x+ox*perimSegment*roundness*dir,y+oy*perimSegment*roundness*dir, i, true);
+
+ /*this.v.v[i] = [x,y];
+ this.v.i[i] = [x+ox*perimSegment*roundness*dir,y+oy*perimSegment*roundness*dir];
+ this.v.o[i] = [x-ox*perimSegment*roundness*dir,y-oy*perimSegment*roundness*dir];
+ this.v._length = numPts;*/
+ longFlag = !longFlag;
+ currentAng += angle*dir;
+ }
+ },
+ convertPolygonToPath: function() {
+ var numPts = Math.floor(this.pt.v);
+ var angle = Math.PI*2/numPts;
+ var rad = this.or.v;
+ var roundness = this.os.v;
+ var perimSegment = 2*Math.PI*rad/(numPts*4);
+ var i, currentAng = -Math.PI/ 2;
+ var dir = this.data.d === 3 ? -1 : 1;
+ currentAng += this.r.v;
+ this.v._length = 0;
+ for(i=0;i<numPts;i+=1){
+ var x = rad * Math.cos(currentAng);
+ var y = rad * Math.sin(currentAng);
+ var ox = x === 0 && y === 0 ? 0 : y/Math.sqrt(x*x + y*y);
+ var oy = x === 0 && y === 0 ? 0 : -x/Math.sqrt(x*x + y*y);
+ x += + this.p.v[0];
+ y += + this.p.v[1];
+ this.v.setTripleAt(x,y,x-ox*perimSegment*roundness*dir,y-oy*perimSegment*roundness*dir,x+ox*perimSegment*roundness*dir,y+oy*perimSegment*roundness*dir, i, true);
+ currentAng += angle*dir;
+ }
+ this.paths.length = 0;
+ this.paths[0] = this.v;
+ }
+
+ }
+ extendPrototype([DynamicPropertyContainer], StarShapeProperty);
+
+ return StarShapeProperty;
+ }());
+
+ var RectShapeProperty = (function() {
+
+ function RectShapeProperty(elem,data) {
+ this.v = shape_pool.newElement();
+ this.v.c = true;
+ this.localShapeCollection = shapeCollection_pool.newShapeCollection();
+ this.localShapeCollection.addShape(this.v);
+ this.paths = this.localShapeCollection;
+ this.elem = elem;
+ this.comp = elem.comp;
+ this.frameId = -1;
+ this.d = data.d;
+ this.initDynamicPropertyContainer(elem);
+ this.p = PropertyFactory.getProp(elem,data.p,1,0,this);
+ this.s = PropertyFactory.getProp(elem,data.s,1,0,this);
+ this.r = PropertyFactory.getProp(elem,data.r,0,0,this);
+ if(this.dynamicProperties.length){
+ this.k = true;
+ }else{
+ this.k = false;
+ this.convertRectToPath();
+ }
+ };
+
+ RectShapeProperty.prototype = {
+ convertRectToPath: function (){
+ var p0 = this.p.v[0], p1 = this.p.v[1], v0 = this.s.v[0]/2, v1 = this.s.v[1]/2;
+ var round = bm_min(v0,v1,this.r.v);
+ var cPoint = round*(1-roundCorner);
+ this.v._length = 0;
+
+ if(this.d === 2 || this.d === 1) {
+ this.v.setTripleAt(p0+v0, p1-v1+round,p0+v0, p1-v1+round,p0+v0,p1-v1+cPoint,0, true);
+ this.v.setTripleAt(p0+v0, p1+v1-round,p0+v0, p1+v1-cPoint,p0+v0, p1+v1-round,1, true);
+ if(round!== 0){
+ this.v.setTripleAt(p0+v0-round, p1+v1,p0+v0-round,p1+v1,p0+v0-cPoint,p1+v1,2, true);
+ this.v.setTripleAt(p0-v0+round,p1+v1,p0-v0+cPoint,p1+v1,p0-v0+round,p1+v1,3, true);
+ this.v.setTripleAt(p0-v0,p1+v1-round,p0-v0,p1+v1-round,p0-v0,p1+v1-cPoint,4, true);
+ this.v.setTripleAt(p0-v0,p1-v1+round,p0-v0,p1-v1+cPoint,p0-v0,p1-v1+round,5, true);
+ this.v.setTripleAt(p0-v0+round,p1-v1,p0-v0+round,p1-v1,p0-v0+cPoint,p1-v1,6, true);
+ this.v.setTripleAt(p0+v0-round,p1-v1,p0+v0-cPoint,p1-v1,p0+v0-round,p1-v1,7, true);
+ } else {
+ this.v.setTripleAt(p0-v0,p1+v1,p0-v0+cPoint,p1+v1,p0-v0,p1+v1,2);
+ this.v.setTripleAt(p0-v0,p1-v1,p0-v0,p1-v1+cPoint,p0-v0,p1-v1,3);
+ }
+ }else{
+ this.v.setTripleAt(p0+v0,p1-v1+round,p0+v0,p1-v1+cPoint,p0+v0,p1-v1+round,0, true);
+ if(round!== 0){
+ this.v.setTripleAt(p0+v0-round,p1-v1,p0+v0-round,p1-v1,p0+v0-cPoint,p1-v1,1, true);
+ this.v.setTripleAt(p0-v0+round,p1-v1,p0-v0+cPoint,p1-v1,p0-v0+round,p1-v1,2, true);
+ this.v.setTripleAt(p0-v0,p1-v1+round,p0-v0,p1-v1+round,p0-v0,p1-v1+cPoint,3, true);
+ this.v.setTripleAt(p0-v0,p1+v1-round,p0-v0,p1+v1-cPoint,p0-v0,p1+v1-round,4, true);
+ this.v.setTripleAt(p0-v0+round,p1+v1,p0-v0+round,p1+v1,p0-v0+cPoint,p1+v1,5, true);
+ this.v.setTripleAt(p0+v0-round,p1+v1,p0+v0-cPoint,p1+v1,p0+v0-round,p1+v1,6, true);
+ this.v.setTripleAt(p0+v0,p1+v1-round,p0+v0,p1+v1-round,p0+v0,p1+v1-cPoint,7, true);
+ } else {
+ this.v.setTripleAt(p0-v0,p1-v1,p0-v0+cPoint,p1-v1,p0-v0,p1-v1,1, true);
+ this.v.setTripleAt(p0-v0,p1+v1,p0-v0,p1+v1-cPoint,p0-v0,p1+v1,2, true);
+ this.v.setTripleAt(p0+v0,p1+v1,p0+v0-cPoint,p1+v1,p0+v0,p1+v1,3, true);
+
+ }
+ }
+ },
+ getValue: function(frameNum){
+ if(this.elem.globalData.frameId === this.frameId){
+ return;
+ }
+ this.frameId = this.elem.globalData.frameId;
+ this.iterateDynamicProperties();
+ if(this._mdf){
+ this.convertRectToPath();
+ }
+
+ },
+ reset: resetShape
+ }
+ extendPrototype([DynamicPropertyContainer], RectShapeProperty);
+
+ return RectShapeProperty;
+ }());
+
+ function getShapeProp(elem,data,type){
+ var prop;
+ if(type === 3 || type === 4){
+ var dataProp = type === 3 ? data.pt : data.ks;
+ var keys = dataProp.k;
+ if(dataProp.a === 1 || keys.length){
+ prop = new KeyframedShapeProperty(elem, data, type);
+ }else{
+ prop = new ShapeProperty(elem, data, type);
+ }
+ }else if(type === 5){
+ prop = new RectShapeProperty(elem, data);
+ }else if(type === 6){
+ prop = new EllShapeProperty(elem, data);
+ }else if(type === 7){
+ prop = new StarShapeProperty(elem, data);
+ }
+ if(prop.k){
+ elem.addDynamicProperty(prop);
+ }
+ return prop;
+ }
+
+ function getConstructorFunction() {
+ return ShapeProperty;
+ }
+
+ function getKeyframedConstructorFunction() {
+ return KeyframedShapeProperty;
+ }
+
+ var ob = {};
+ ob.getShapeProp = getShapeProp;
+ ob.getConstructorFunction = getConstructorFunction;
+ ob.getKeyframedConstructorFunction = getKeyframedConstructorFunction;
+ return ob;
+}());
+var ShapeModifiers = (function(){
+ var ob = {};
+ var modifiers = {};
+ ob.registerModifier = registerModifier;
+ ob.getModifier = getModifier;
+
+ function registerModifier(nm,factory){
+ if(!modifiers[nm]){
+ modifiers[nm] = factory;
+ }
+ }
+
+ function getModifier(nm,elem, data){
+ return new modifiers[nm](elem, data);
+ }
+
+ return ob;
+}());
+
+function ShapeModifier(){}
+ShapeModifier.prototype.initModifierProperties = function(){};
+ShapeModifier.prototype.addShapeToModifier = function(){};
+ShapeModifier.prototype.addShape = function(data){
+ if(!this.closed){
+ var shapeData = {shape:data.sh, data: data, localShapeCollection:shapeCollection_pool.newShapeCollection()};
+ this.shapes.push(shapeData);
+ this.addShapeToModifier(shapeData);
+ if(this._isAnimated) {
+ data.setAsAnimated();
+ }
+ }
+};
+ShapeModifier.prototype.init = function(elem,data){
+ this.shapes = [];
+ this.elem = elem;
+ this.initDynamicPropertyContainer(elem);
+ this.initModifierProperties(elem,data);
+ this.frameId = initialDefaultFrame;
+ this.closed = false;
+ this.k = false;
+ if(this.dynamicProperties.length){
+ this.k = true;
+ }else{
+ this.getValue(true);
+ }
+};
+ShapeModifier.prototype.processKeys = function(){
+ if(this.elem.globalData.frameId === this.frameId){
+ return;
+ }
+ this.frameId = this.elem.globalData.frameId;
+ this.iterateDynamicProperties();
+};
+
+extendPrototype([DynamicPropertyContainer], ShapeModifier);
+function TrimModifier(){
+}
+extendPrototype([ShapeModifier], TrimModifier);
+TrimModifier.prototype.initModifierProperties = function(elem, data) {
+ this.s = PropertyFactory.getProp(elem, data.s, 0, 0.01, this);
+ this.e = PropertyFactory.getProp(elem, data.e, 0, 0.01, this);
+ this.o = PropertyFactory.getProp(elem, data.o, 0, 0, this);
+ this.sValue = 0;
+ this.eValue = 0;
+ this.getValue = this.processKeys;
+ this.m = data.m;
+ this._isAnimated = !!this.s.effectsSequence.length || !!this.e.effectsSequence.length || !!this.o.effectsSequence.length;
+};
+
+TrimModifier.prototype.addShapeToModifier = function(shapeData){
+ shapeData.pathsData = [];
+};
+
+TrimModifier.prototype.calculateShapeEdges = function(s, e, shapeLength, addedLength, totalModifierLength) {
+ var segments = [];
+ if (e <= 1) {
+ segments.push({
+ s: s,
+ e: e
+ });
+ } else if (s >= 1) {
+ segments.push({
+ s: s - 1,
+ e: e - 1
+ });
+ } else {
+ segments.push({
+ s: s,
+ e: 1
+ });
+ segments.push({
+ s: 0,
+ e: e - 1
+ });
+ }
+ var shapeSegments = [];
+ var i, len = segments.length, segmentOb;
+ for (i = 0; i < len; i += 1) {
+ segmentOb = segments[i];
+ if (segmentOb.e * totalModifierLength < addedLength || segmentOb.s * totalModifierLength > addedLength + shapeLength) {
+
+ } else {
+ var shapeS, shapeE;
+ if (segmentOb.s * totalModifierLength <= addedLength) {
+ shapeS = 0;
+ } else {
+ shapeS = (segmentOb.s * totalModifierLength - addedLength) / shapeLength;
+ }
+ if(segmentOb.e * totalModifierLength >= addedLength + shapeLength) {
+ shapeE = 1;
+ } else {
+ shapeE = ((segmentOb.e * totalModifierLength - addedLength) / shapeLength);
+ }
+ shapeSegments.push([shapeS, shapeE]);
+ }
+ }
+ if (!shapeSegments.length) {
+ shapeSegments.push([0, 0]);
+ }
+ return shapeSegments;
+};
+
+TrimModifier.prototype.releasePathsData = function(pathsData) {
+ var i, len = pathsData.length;
+ for (i = 0; i < len; i += 1) {
+ segments_length_pool.release(pathsData[i]);
+ }
+ pathsData.length = 0;
+ return pathsData;
+};
+
+TrimModifier.prototype.processShapes = function(_isFirstFrame) {
+ var s, e;
+ if (this._mdf || _isFirstFrame) {
+ var o = (this.o.v % 360) / 360;
+ if (o < 0) {
+ o += 1;
+ }
+ s = (this.s.v > 1 ? 1 : this.s.v < 0 ? 0 : this.s.v) + o;
+ e = (this.e.v > 1 ? 1 : this.e.v < 0 ? 0 : this.e.v) + o;
+ if (s === e) {
+
+ }
+ if (s > e) {
+ var _s = s;
+ s = e;
+ e = _s;
+ }
+ s = Math.round(s * 10000) * 0.0001;
+ e = Math.round(e * 10000) * 0.0001;
+ this.sValue = s;
+ this.eValue = e;
+ } else {
+ s = this.sValue;
+ e = this.eValue;
+ }
+ var shapePaths;
+ var i, len = this.shapes.length, j, jLen;
+ var pathsData, pathData, totalShapeLength, totalModifierLength = 0;
+
+ if (e === s) {
+ for (i = 0; i < len; i += 1) {
+ this.shapes[i].localShapeCollection.releaseShapes();
+ this.shapes[i].shape._mdf = true;
+ this.shapes[i].shape.paths = this.shapes[i].localShapeCollection;
+ }
+ } else if (!((e === 1 && s === 0) || (e===0 && s === 1))){
+ var segments = [], shapeData, localShapeCollection;
+ for (i = 0; i < len; i += 1) {
+ shapeData = this.shapes[i];
+ // if shape hasn't changed and trim properties haven't changed, cached previous path can be used
+ if (!shapeData.shape._mdf && !this._mdf && !_isFirstFrame && this.m !== 2) {
+ shapeData.shape.paths = shapeData.localShapeCollection;
+ } else {
+ shapePaths = shapeData.shape.paths;
+ jLen = shapePaths._length;
+ totalShapeLength = 0;
+ if (!shapeData.shape._mdf && shapeData.pathsData.length) {
+ totalShapeLength = shapeData.totalShapeLength;
+ } else {
+ pathsData = this.releasePathsData(shapeData.pathsData);
+ for (j = 0; j < jLen; j += 1) {
+ pathData = bez.getSegmentsLength(shapePaths.shapes[j]);
+ pathsData.push(pathData);
+ totalShapeLength += pathData.totalLength;
+ }
+ shapeData.totalShapeLength = totalShapeLength;
+ shapeData.pathsData = pathsData;
+ }
+
+ totalModifierLength += totalShapeLength;
+ shapeData.shape._mdf = true;
+ }
+ }
+ var shapeS = s, shapeE = e, addedLength = 0, edges;
+ for (i = len - 1; i >= 0; i -= 1) {
+ shapeData = this.shapes[i];
+ if (shapeData.shape._mdf) {
+ localShapeCollection = shapeData.localShapeCollection;
+ localShapeCollection.releaseShapes();
+ //if m === 2 means paths are trimmed individually so edges need to be found for this specific shape relative to whoel group
+ if (this.m === 2 && len > 1) {
+ edges = this.calculateShapeEdges(s, e, shapeData.totalShapeLength, addedLength, totalModifierLength);
+ addedLength += shapeData.totalShapeLength;
+ } else {
+ edges = [[shapeS, shapeE]];
+ }
+ jLen = edges.length;
+ for (j = 0; j < jLen; j += 1) {
+ shapeS = edges[j][0];
+ shapeE = edges[j][1];
+ segments.length = 0;
+ if (shapeE <= 1) {
+ segments.push({
+ s:shapeData.totalShapeLength * shapeS,
+ e:shapeData.totalShapeLength * shapeE
+ });
+ } else if (shapeS >= 1) {
+ segments.push({
+ s:shapeData.totalShapeLength * (shapeS - 1),
+ e:shapeData.totalShapeLength * (shapeE - 1)
+ });
+ } else {
+ segments.push({
+ s:shapeData.totalShapeLength * shapeS,
+ e:shapeData.totalShapeLength
+ });
+ segments.push({
+ s:0,
+ e:shapeData.totalShapeLength * (shapeE - 1)
+ });
+ }
+ var newShapesData = this.addShapes(shapeData,segments[0]);
+ if (segments[0].s !== segments[0].e) {
+ if (segments.length > 1) {
+ var lastShapeInCollection = shapeData.shape.paths.shapes[shapeData.shape.paths._length - 1];
+ if (lastShapeInCollection.c) {
+ var lastShape = newShapesData.pop();
+ this.addPaths(newShapesData, localShapeCollection);
+ newShapesData = this.addShapes(shapeData, segments[1], lastShape);
+ } else {
+ this.addPaths(newShapesData, localShapeCollection);
+ newShapesData = this.addShapes(shapeData, segments[1]);
+ }
+ }
+ this.addPaths(newShapesData, localShapeCollection);
+ }
+
+ }
+ shapeData.shape.paths = localShapeCollection;
+ }
+ }
+ } else if (this._mdf) {
+ for (i = 0; i < len; i += 1) {
+ //Releasign Trim Cached paths data when no trim applied in case shapes are modified inbetween.
+ //Don't remove this even if it's losing cached info.
+ this.shapes[i].pathsData.length = 0;
+ this.shapes[i].shape._mdf = true;
+ }
+ }
+};
+
+TrimModifier.prototype.addPaths = function(newPaths, localShapeCollection) {
+ var i, len = newPaths.length;
+ for (i = 0; i < len; i += 1) {
+ localShapeCollection.addShape(newPaths[i]);
+ }
+};
+
+TrimModifier.prototype.addSegment = function(pt1, pt2, pt3, pt4, shapePath, pos, newShape) {
+ shapePath.setXYAt(pt2[0], pt2[1], 'o', pos);
+ shapePath.setXYAt(pt3[0], pt3[1], 'i', pos + 1);
+ if(newShape){
+ shapePath.setXYAt(pt1[0], pt1[1], 'v', pos);
+ }
+ shapePath.setXYAt(pt4[0], pt4[1], 'v', pos + 1);
+};
+
+TrimModifier.prototype.addSegmentFromArray = function(points, shapePath, pos, newShape) {
+ shapePath.setXYAt(points[1], points[5], 'o', pos);
+ shapePath.setXYAt(points[2], points[6], 'i', pos + 1);
+ if(newShape){
+ shapePath.setXYAt(points[0], points[4], 'v', pos);
+ }
+ shapePath.setXYAt(points[3], points[7], 'v', pos + 1);
+};
+
+TrimModifier.prototype.addShapes = function(shapeData, shapeSegment, shapePath) {
+ var pathsData = shapeData.pathsData;
+ var shapePaths = shapeData.shape.paths.shapes;
+ var i, len = shapeData.shape.paths._length, j, jLen;
+ var addedLength = 0;
+ var currentLengthData,segmentCount;
+ var lengths;
+ var segment;
+ var shapes = [];
+ var initPos;
+ var newShape = true;
+ if (!shapePath) {
+ shapePath = shape_pool.newElement();
+ segmentCount = 0;
+ initPos = 0;
+ } else {
+ segmentCount = shapePath._length;
+ initPos = shapePath._length;
+ }
+ shapes.push(shapePath);
+ for (i = 0; i < len; i += 1) {
+ lengths = pathsData[i].lengths;
+ shapePath.c = shapePaths[i].c;
+ jLen = shapePaths[i].c ? lengths.length : lengths.length + 1;
+ for (j = 1; j < jLen; j +=1) {
+ currentLengthData = lengths[j-1];
+ if (addedLength + currentLengthData.addedLength < shapeSegment.s) {
+ addedLength += currentLengthData.addedLength;
+ shapePath.c = false;
+ } else if(addedLength > shapeSegment.e) {
+ shapePath.c = false;
+ break;
+ } else {
+ if (shapeSegment.s <= addedLength && shapeSegment.e >= addedLength + currentLengthData.addedLength) {
+ this.addSegment(shapePaths[i].v[j - 1], shapePaths[i].o[j - 1], shapePaths[i].i[j], shapePaths[i].v[j], shapePath, segmentCount, newShape);
+ newShape = false;
+ } else {
+ segment = bez.getNewSegment(shapePaths[i].v[j - 1], shapePaths[i].v[j], shapePaths[i].o[j - 1], shapePaths[i].i[j], (shapeSegment.s - addedLength)/currentLengthData.addedLength,(shapeSegment.e - addedLength)/currentLengthData.addedLength, lengths[j-1]);
+ this.addSegmentFromArray(segment, shapePath, segmentCount, newShape);
+ // this.addSegment(segment.pt1, segment.pt3, segment.pt4, segment.pt2, shapePath, segmentCount, newShape);
+ newShape = false;
+ shapePath.c = false;
+ }
+ addedLength += currentLengthData.addedLength;
+ segmentCount += 1;
+ }
+ }
+ if (shapePaths[i].c && lengths.length) {
+ currentLengthData = lengths[j - 1];
+ if (addedLength <= shapeSegment.e) {
+ var segmentLength = lengths[j - 1].addedLength;
+ if (shapeSegment.s <= addedLength && shapeSegment.e >= addedLength + segmentLength) {
+ this.addSegment(shapePaths[i].v[j - 1], shapePaths[i].o[j - 1], shapePaths[i].i[0], shapePaths[i].v[0], shapePath, segmentCount, newShape);
+ newShape = false;
+ } else {
+ segment = bez.getNewSegment(shapePaths[i].v[j - 1], shapePaths[i].v[0], shapePaths[i].o[j - 1], shapePaths[i].i[0], (shapeSegment.s - addedLength) / segmentLength, (shapeSegment.e - addedLength) / segmentLength, lengths[j - 1]);
+ this.addSegmentFromArray(segment, shapePath, segmentCount, newShape);
+ // this.addSegment(segment.pt1, segment.pt3, segment.pt4, segment.pt2, shapePath, segmentCount, newShape);
+ newShape = false;
+ shapePath.c = false;
+ }
+ } else {
+ shapePath.c = false;
+ }
+ addedLength += currentLengthData.addedLength;
+ segmentCount += 1;
+ }
+ if (shapePath._length) {
+ shapePath.setXYAt(shapePath.v[initPos][0], shapePath.v[initPos][1], 'i', initPos);
+ shapePath.setXYAt(shapePath.v[shapePath._length - 1][0], shapePath.v[shapePath._length - 1][1],'o', shapePath._length - 1);
+ }
+ if (addedLength > shapeSegment.e) {
+ break;
+ }
+ if (i < len - 1) {
+ shapePath = shape_pool.newElement();
+ newShape = true;
+ shapes.push(shapePath);
+ segmentCount = 0;
+ }
+ }
+ return shapes;
+};
+
+
+ShapeModifiers.registerModifier('tm', TrimModifier);
+function RoundCornersModifier(){}
+extendPrototype([ShapeModifier],RoundCornersModifier);
+RoundCornersModifier.prototype.initModifierProperties = function(elem,data){
+ this.getValue = this.processKeys;
+ this.rd = PropertyFactory.getProp(elem,data.r,0,null,this);
+ this._isAnimated = !!this.rd.effectsSequence.length;
+};
+
+RoundCornersModifier.prototype.processPath = function(path, round){
+ var cloned_path = shape_pool.newElement();
+ cloned_path.c = path.c;
+ var i, len = path._length;
+ var currentV,currentI,currentO,closerV, newV,newO,newI,distance,newPosPerc,index = 0;
+ var vX,vY,oX,oY,iX,iY;
+ for(i=0;i<len;i+=1){
+ currentV = path.v[i];
+ currentO = path.o[i];
+ currentI = path.i[i];
+ if(currentV[0]===currentO[0] && currentV[1]===currentO[1] && currentV[0]===currentI[0] && currentV[1]===currentI[1]){
+ if((i===0 || i === len - 1) && !path.c){
+ cloned_path.setTripleAt(currentV[0],currentV[1],currentO[0],currentO[1],currentI[0],currentI[1],index);
+ /*cloned_path.v[index] = currentV;
+ cloned_path.o[index] = currentO;
+ cloned_path.i[index] = currentI;*/
+ index += 1;
+ } else {
+ if(i===0){
+ closerV = path.v[len-1];
+ } else {
+ closerV = path.v[i-1];
+ }
+ distance = Math.sqrt(Math.pow(currentV[0]-closerV[0],2)+Math.pow(currentV[1]-closerV[1],2));
+ newPosPerc = distance ? Math.min(distance/2,round)/distance : 0;
+ vX = iX = currentV[0]+(closerV[0]-currentV[0])*newPosPerc;
+ vY = iY = currentV[1]-(currentV[1]-closerV[1])*newPosPerc;
+ oX = vX-(vX-currentV[0])*roundCorner;
+ oY = vY-(vY-currentV[1])*roundCorner;
+ cloned_path.setTripleAt(vX,vY,oX,oY,iX,iY,index);
+ index += 1;
+
+ if(i === len - 1){
+ closerV = path.v[0];
+ } else {
+ closerV = path.v[i+1];
+ }
+ distance = Math.sqrt(Math.pow(currentV[0]-closerV[0],2)+Math.pow(currentV[1]-closerV[1],2));
+ newPosPerc = distance ? Math.min(distance/2,round)/distance : 0;
+ vX = oX = currentV[0]+(closerV[0]-currentV[0])*newPosPerc;
+ vY = oY = currentV[1]+(closerV[1]-currentV[1])*newPosPerc;
+ iX = vX-(vX-currentV[0])*roundCorner;
+ iY = vY-(vY-currentV[1])*roundCorner;
+ cloned_path.setTripleAt(vX,vY,oX,oY,iX,iY,index);
+ index += 1;
+ }
+ } else {
+ cloned_path.setTripleAt(path.v[i][0],path.v[i][1],path.o[i][0],path.o[i][1],path.i[i][0],path.i[i][1],index);
+ index += 1;
+ }
+ }
+ return cloned_path;
+};
+
+RoundCornersModifier.prototype.processShapes = function(_isFirstFrame){
+ var shapePaths;
+ var i, len = this.shapes.length;
+ var j, jLen;
+ var rd = this.rd.v;
+
+ if(rd !== 0){
+ var shapeData, newPaths, localShapeCollection;
+ for(i=0;i<len;i+=1){
+ shapeData = this.shapes[i];
+ newPaths = shapeData.shape.paths;
+ localShapeCollection = shapeData.localShapeCollection;
+ if(!(!shapeData.shape._mdf && !this._mdf && !_isFirstFrame)){
+ localShapeCollection.releaseShapes();
+ shapeData.shape._mdf = true;
+ shapePaths = shapeData.shape.paths.shapes;
+ jLen = shapeData.shape.paths._length;
+ for(j=0;j<jLen;j+=1){
+ localShapeCollection.addShape(this.processPath(shapePaths[j],rd));
+ }
+ }
+ shapeData.shape.paths = shapeData.localShapeCollection;
+ }
+
+ }
+ if(!this.dynamicProperties.length){
+ this._mdf = false;
+ }
+};
+
+ShapeModifiers.registerModifier('rd',RoundCornersModifier);
+function RepeaterModifier(){}
+extendPrototype([ShapeModifier], RepeaterModifier);
+
+RepeaterModifier.prototype.initModifierProperties = function(elem,data){
+ this.getValue = this.processKeys;
+ this.c = PropertyFactory.getProp(elem,data.c,0,null,this);
+ this.o = PropertyFactory.getProp(elem,data.o,0,null,this);
+ this.tr = TransformPropertyFactory.getTransformProperty(elem,data.tr,this);
+ this.so = PropertyFactory.getProp(elem,data.tr.so,0,0.01,this);
+ this.eo = PropertyFactory.getProp(elem,data.tr.eo,0,0.01,this);
+ this.data = data;
+ if(!this.dynamicProperties.length){
+ this.getValue(true);
+ }
+ this._isAnimated = !!this.dynamicProperties.length;
+ this.pMatrix = new Matrix();
+ this.rMatrix = new Matrix();
+ this.sMatrix = new Matrix();
+ this.tMatrix = new Matrix();
+ this.matrix = new Matrix();
+};
+
+RepeaterModifier.prototype.applyTransforms = function(pMatrix, rMatrix, sMatrix, transform, perc, inv){
+ var dir = inv ? -1 : 1;
+ var scaleX = transform.s.v[0] + (1 - transform.s.v[0]) * (1 - perc);
+ var scaleY = transform.s.v[1] + (1 - transform.s.v[1]) * (1 - perc);
+ pMatrix.translate(transform.p.v[0] * dir * perc, transform.p.v[1] * dir * perc, transform.p.v[2]);
+ rMatrix.translate(-transform.a.v[0], -transform.a.v[1], transform.a.v[2]);
+ rMatrix.rotate(-transform.r.v * dir * perc);
+ rMatrix.translate(transform.a.v[0], transform.a.v[1], transform.a.v[2]);
+ sMatrix.translate(-transform.a.v[0], -transform.a.v[1], transform.a.v[2]);
+ sMatrix.scale(inv ? 1/scaleX : scaleX, inv ? 1/scaleY : scaleY);
+ sMatrix.translate(transform.a.v[0], transform.a.v[1], transform.a.v[2]);
+};
+
+RepeaterModifier.prototype.init = function(elem, arr, pos, elemsData) {
+ this.elem = elem;
+ this.arr = arr;
+ this.pos = pos;
+ this.elemsData = elemsData;
+ this._currentCopies = 0;
+ this._elements = [];
+ this._groups = [];
+ this.frameId = -1;
+ this.initDynamicPropertyContainer(elem);
+ this.initModifierProperties(elem,arr[pos]);
+ var cont = 0;
+ while(pos>0){
+ pos -= 1;
+ //this._elements.unshift(arr.splice(pos,1)[0]);
+ this._elements.unshift(arr[pos]);
+ cont += 1;
+ }
+ if(this.dynamicProperties.length){
+ this.k = true;
+ }else{
+ this.getValue(true);
+ }
+};
+
+RepeaterModifier.prototype.resetElements = function(elements){
+ var i, len = elements.length;
+ for(i = 0; i < len; i += 1) {
+ elements[i]._processed = false;
+ if(elements[i].ty === 'gr'){
+ this.resetElements(elements[i].it);
+ }
+ }
+};
+
+RepeaterModifier.prototype.cloneElements = function(elements){
+ var i, len = elements.length;
+ var newElements = JSON.parse(JSON.stringify(elements));
+ this.resetElements(newElements);
+ return newElements;
+};
+
+RepeaterModifier.prototype.changeGroupRender = function(elements, renderFlag) {
+ var i, len = elements.length;
+ for(i = 0; i < len; i += 1) {
+ elements[i]._render = renderFlag;
+ if(elements[i].ty === 'gr') {
+ this.changeGroupRender(elements[i].it, renderFlag);
+ }
+ }
+};
+
+RepeaterModifier.prototype.processShapes = function(_isFirstFrame) {
+ var items, itemsTransform, i, dir, cont;
+ if(this._mdf || _isFirstFrame){
+ var copies = Math.ceil(this.c.v);
+ if(this._groups.length < copies){
+ while(this._groups.length < copies){
+ var group = {
+ it:this.cloneElements(this._elements),
+ ty:'gr'
+ };
+ group.it.push({"a":{"a":0,"ix":1,"k":[0,0]},"nm":"Transform","o":{"a":0,"ix":7,"k":100},"p":{"a":0,"ix":2,"k":[0,0]},"r":{"a":1,"ix":6,"k":[{s:0,e:0,t:0},{s:0,e:0,t:1}]},"s":{"a":0,"ix":3,"k":[100,100]},"sa":{"a":0,"ix":5,"k":0},"sk":{"a":0,"ix":4,"k":0},"ty":"tr"});
+
+ this.arr.splice(0,0,group);
+ this._groups.splice(0,0,group);
+ this._currentCopies += 1;
+ }
+ this.elem.reloadShapes();
+ }
+ cont = 0;
+ var renderFlag;
+ for(i = 0; i <= this._groups.length - 1; i += 1){
+ renderFlag = cont < copies;
+ this._groups[i]._render = renderFlag;
+ this.changeGroupRender(this._groups[i].it, renderFlag);
+ cont += 1;
+ }
+
+ this._currentCopies = copies;
+ ////
+
+ var offset = this.o.v;
+ var offsetModulo = offset%1;
+ var roundOffset = offset > 0 ? Math.floor(offset) : Math.ceil(offset);
+ var k;
+ var tMat = this.tr.v.props;
+ var pProps = this.pMatrix.props;
+ var rProps = this.rMatrix.props;
+ var sProps = this.sMatrix.props;
+ this.pMatrix.reset();
+ this.rMatrix.reset();
+ this.sMatrix.reset();
+ this.tMatrix.reset();
+ this.matrix.reset();
+ var iteration = 0;
+
+ if(offset > 0) {
+ while(iteration<roundOffset){
+ this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, 1, false);
+ iteration += 1;
+ }
+ if(offsetModulo){
+ this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, offsetModulo, false);
+ iteration += offsetModulo;
+ }
+ } else if(offset < 0) {
+ while(iteration>roundOffset){
+ this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, 1, true);
+ iteration -= 1;
+ }
+ if(offsetModulo){
+ this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, - offsetModulo, true);
+ iteration -= offsetModulo;
+ }
+ }
+ i = this.data.m === 1 ? 0 : this._currentCopies - 1;
+ dir = this.data.m === 1 ? 1 : -1;
+ cont = this._currentCopies;
+ var j, jLen;
+ while(cont){
+ items = this.elemsData[i].it;
+ itemsTransform = items[items.length - 1].transform.mProps.v.props;
+ jLen = itemsTransform.length;
+ items[items.length - 1].transform.mProps._mdf = true;
+ items[items.length - 1].transform.op._mdf = true;
+ items[items.length - 1].transform.op.v = this.so.v + (this.eo.v - this.so.v) * (i / (this._currentCopies - 1));
+ if(iteration !== 0){
+ if((i !== 0 && dir === 1) || (i !== this._currentCopies - 1 && dir === -1)){
+ this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, 1, false);
+ }
+ this.matrix.transform(rProps[0],rProps[1],rProps[2],rProps[3],rProps[4],rProps[5],rProps[6],rProps[7],rProps[8],rProps[9],rProps[10],rProps[11],rProps[12],rProps[13],rProps[14],rProps[15]);
+ this.matrix.transform(sProps[0],sProps[1],sProps[2],sProps[3],sProps[4],sProps[5],sProps[6],sProps[7],sProps[8],sProps[9],sProps[10],sProps[11],sProps[12],sProps[13],sProps[14],sProps[15]);
+ this.matrix.transform(pProps[0],pProps[1],pProps[2],pProps[3],pProps[4],pProps[5],pProps[6],pProps[7],pProps[8],pProps[9],pProps[10],pProps[11],pProps[12],pProps[13],pProps[14],pProps[15]);
+
+ for(j=0;j<jLen;j+=1) {
+ itemsTransform[j] = this.matrix.props[j];
+ }
+ this.matrix.reset();
+ } else {
+ this.matrix.reset();
+ for(j=0;j<jLen;j+=1) {
+ itemsTransform[j] = this.matrix.props[j];
+ }
+ }
+ iteration += 1;
+ cont -= 1;
+ i += dir;
+ }
+ } else {
+ cont = this._currentCopies;
+ i = 0;
+ dir = 1;
+ while(cont){
+ items = this.elemsData[i].it;
+ itemsTransform = items[items.length - 1].transform.mProps.v.props;
+ items[items.length - 1].transform.mProps._mdf = false;
+ items[items.length - 1].transform.op._mdf = false;
+ cont -= 1;
+ i += dir;
+ }
+ }
+};
+
+RepeaterModifier.prototype.addShape = function(){};
+
+ShapeModifiers.registerModifier('rp',RepeaterModifier);
+function ShapeCollection(){
+ this._length = 0;
+ this._maxLength = 4;
+ this.shapes = createSizedArray(this._maxLength);
+}
+
+ShapeCollection.prototype.addShape = function(shapeData){
+ if(this._length === this._maxLength){
+ this.shapes = this.shapes.concat(createSizedArray(this._maxLength));
+ this._maxLength *= 2;
+ }
+ this.shapes[this._length] = shapeData;
+ this._length += 1;
+};
+
+ShapeCollection.prototype.releaseShapes = function(){
+ var i;
+ for(i = 0; i < this._length; i += 1) {
+ shape_pool.release(this.shapes[i]);
+ }
+ this._length = 0;
+};
+function DashProperty(elem, data, renderer, container) {
+ this.elem = elem;
+ this.frameId = -1;
+ this.dataProps = createSizedArray(data.length);
+ this.renderer = renderer;
+ this.k = false;
+ this.dashStr = '';
+ this.dashArray = createTypedArray('float32', data.length ? data.length - 1 : 0);
+ this.dashoffset = createTypedArray('float32', 1);
+ this.initDynamicPropertyContainer(container);
+ var i, len = data.length || 0, prop;
+ for(i = 0; i < len; i += 1) {
+ prop = PropertyFactory.getProp(elem,data[i].v,0, 0, this);
+ this.k = prop.k || this.k;
+ this.dataProps[i] = {n:data[i].n,p:prop};
+ }
+ if(!this.k){
+ this.getValue(true);
+ }
+ this._isAnimated = this.k;
+}
+
+DashProperty.prototype.getValue = function(forceRender) {
+ if(this.elem.globalData.frameId === this.frameId && !forceRender){
+ return;
+ }
+ this.frameId = this.elem.globalData.frameId;
+ this.iterateDynamicProperties();
+ this._mdf = this._mdf || forceRender;
+ if (this._mdf) {
+ var i = 0, len = this.dataProps.length;
+ if(this.renderer === 'svg') {
+ this.dashStr = '';
+ }
+ for(i=0;i<len;i+=1){
+ if(this.dataProps[i].n != 'o'){
+ if(this.renderer === 'svg') {
+ this.dashStr += ' ' + this.dataProps[i].p.v;
+ }else{
+ this.dashArray[i] = this.dataProps[i].p.v;
+ }
+ }else{
+ this.dashoffset[0] = this.dataProps[i].p.v;
+ }
+ }
+ }
+};
+extendPrototype([DynamicPropertyContainer], DashProperty);
+function GradientProperty(elem,data,container){
+ this.data = data;
+ this.c = createTypedArray('uint8c', data.p*4);
+ var cLength = data.k.k[0].s ? (data.k.k[0].s.length - data.p*4) : data.k.k.length - data.p*4;
+ this.o = createTypedArray('float32', cLength);
+ this._cmdf = false;
+ this._omdf = false;
+ this._collapsable = this.checkCollapsable();
+ this._hasOpacity = cLength;
+ this.initDynamicPropertyContainer(container);
+ this.prop = PropertyFactory.getProp(elem,data.k,1,null,this);
+ this.k = this.prop.k;
+ this.getValue(true);
+}
+
+GradientProperty.prototype.comparePoints = function(values, points) {
+ var i = 0, len = this.o.length/2, diff;
+ while(i < len) {
+ diff = Math.abs(values[i*4] - values[points*4 + i*2]);
+ if(diff > 0.01){
+ return false;
+ }
+ i += 1;
+ }
+ return true;
+};
+
+GradientProperty.prototype.checkCollapsable = function() {
+ if (this.o.length/2 !== this.c.length/4) {
+ return false;
+ }
+ if (this.data.k.k[0].s) {
+ var i = 0, len = this.data.k.k.length;
+ while (i < len) {
+ if (!this.comparePoints(this.data.k.k[i].s, this.data.p)) {
+ return false;
+ }
+ i += 1;
+ }
+ } else if(!this.comparePoints(this.data.k.k, this.data.p)) {
+ return false;
+ }
+ return true;
+};
+
+GradientProperty.prototype.getValue = function(forceRender){
+ this.prop.getValue();
+ this._mdf = false;
+ this._cmdf = false;
+ this._omdf = false;
+ if(this.prop._mdf || forceRender){
+ var i, len = this.data.p*4;
+ var mult, val;
+ for(i=0;i<len;i+=1){
+ mult = i%4 === 0 ? 100 : 255;
+ val = Math.round(this.prop.v[i]*mult);
+ if(this.c[i] !== val){
+ this.c[i] = val;
+ this._cmdf = !forceRender;
+ }
+ }
+ if(this.o.length){
+ len = this.prop.v.length;
+ for(i=this.data.p*4;i<len;i+=1){
+ mult = i%2 === 0 ? 100 : 1;
+ val = i%2 === 0 ? Math.round(this.prop.v[i]*100):this.prop.v[i];
+ if(this.o[i-this.data.p*4] !== val){
+ this.o[i-this.data.p*4] = val;
+ this._omdf = !forceRender;
+ }
+ }
+ }
+ this._mdf = !forceRender;
+ }
+};
+
+extendPrototype([DynamicPropertyContainer], GradientProperty);
+var buildShapeString = function(pathNodes, length, closed, mat) {
+ if(length === 0) {
+ return '';
+ }
+ var _o = pathNodes.o;
+ var _i = pathNodes.i;
+ var _v = pathNodes.v;
+ var i, shapeString = " M" + mat.applyToPointStringified(_v[0][0], _v[0][1]);
+ for(i = 1; i < length; i += 1) {
+ shapeString += " C" + mat.applyToPointStringified(_o[i - 1][0], _o[i - 1][1]) + " " + mat.applyToPointStringified(_i[i][0], _i[i][1]) + " " + mat.applyToPointStringified(_v[i][0], _v[i][1]);
+ }
+ if (closed && length) {
+ shapeString += " C" + mat.applyToPointStringified(_o[i - 1][0], _o[i - 1][1]) + " " + mat.applyToPointStringified(_i[0][0], _i[0][1]) + " " + mat.applyToPointStringified(_v[0][0], _v[0][1]);
+ shapeString += 'z';
+ }
+ return shapeString;
+}
+var ImagePreloader = (function(){
+
+ var proxyImage = (function(){
+ var canvas = createTag('canvas');
+ canvas.width = 1;
+ canvas.height = 1;
+ var ctx = canvas.getContext('2d');
+ ctx.fillStyle = '#FF0000';
+ ctx.fillRect(0, 0, 1, 1);
+ return canvas;
+ }())
+
+ function imageLoaded(){
+ this.loadedAssets += 1;
+ if(this.loadedAssets === this.totalImages){
+ if(this.imagesLoadedCb) {
+ this.imagesLoadedCb(null);
+ }
+ }
+ }
+
+ function getAssetsPath(assetData, assetsPath, original_path) {
+ var path = '';
+ if (assetData.e) {
+ path = assetData.p;
+ } else if(assetsPath) {
+ var imagePath = assetData.p;
+ if (imagePath.indexOf('images/') !== -1) {
+ imagePath = imagePath.split('/')[1];
+ }
+ path = assetsPath + imagePath;
+ } else {
+ path = original_path;
+ path += assetData.u ? assetData.u : '';
+ path += assetData.p;
+ }
+ return path;
+ }
+
+ function createImageData(assetData) {
+ var path = getAssetsPath(assetData, this.assetsPath, this.path);
+ var img = createTag('img');
+ img.crossOrigin = 'anonymous';
+ img.addEventListener('load', this._imageLoaded.bind(this), false);
+ img.addEventListener('error', function() {
+ ob.img = proxyImage;
+ this._imageLoaded();
+ }.bind(this), false);
+ img.src = path;
+ var ob = {
+ img: img,
+ assetData: assetData
+ }
+ return ob;
+ }
+
+ function loadAssets(assets, cb){
+ this.imagesLoadedCb = cb;
+ var i, len = assets.length;
+ for (i = 0; i < len; i += 1) {
+ if(!assets[i].layers){
+ this.totalImages += 1;
+ this.images.push(this._createImageData(assets[i]));
+ }
+ }
+ }
+
+ function setPath(path){
+ this.path = path || '';
+ }
+
+ function setAssetsPath(path){
+ this.assetsPath = path || '';
+ }
+
+ function getImage(assetData) {
+ var i = 0, len = this.images.length;
+ while (i < len) {
+ if (this.images[i].assetData === assetData) {
+ return this.images[i].img;
+ }
+ i += 1;
+ }
+ }
+
+ function destroy() {
+ this.imagesLoadedCb = null;
+ this.images.length = 0;
+ }
+
+ function loaded() {
+ return this.totalImages === this.loadedAssets;
+ }
+
+ return function ImagePreloader(){
+ this.loadAssets = loadAssets;
+ this.setAssetsPath = setAssetsPath;
+ this.setPath = setPath;
+ this.loaded = loaded;
+ this.destroy = destroy;
+ this.getImage = getImage;
+ this._createImageData = createImageData;
+ this._imageLoaded = imageLoaded;
+ this.assetsPath = '';
+ this.path = '';
+ this.totalImages = 0;
+ this.loadedAssets = 0;
+ this.imagesLoadedCb = null;
+ this.images = [];
+ };
+}());
+var featureSupport = (function(){
+ var ob = {
+ maskType: true
+ };
+ if (/MSIE 10/i.test(navigator.userAgent) || /MSIE 9/i.test(navigator.userAgent) || /rv:11.0/i.test(navigator.userAgent) || /Edge\/\d./i.test(navigator.userAgent)) {
+ ob.maskType = false;
+ }
+ return ob;
+}());
+var filtersFactory = (function(){
+ var ob = {};
+ ob.createFilter = createFilter;
+ ob.createAlphaToLuminanceFilter = createAlphaToLuminanceFilter;
+
+ function createFilter(filId){
+ var fil = createNS('filter');
+ fil.setAttribute('id',filId);
+ fil.setAttribute('filterUnits','objectBoundingBox');
+ fil.setAttribute('x','0%');
+ fil.setAttribute('y','0%');
+ fil.setAttribute('width','100%');
+ fil.setAttribute('height','100%');
+ return fil;
+ }
+
+ function createAlphaToLuminanceFilter(){
+ var feColorMatrix = createNS('feColorMatrix');
+ feColorMatrix.setAttribute('type','matrix');
+ feColorMatrix.setAttribute('color-interpolation-filters','sRGB');
+ feColorMatrix.setAttribute('values','0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1');
+ return feColorMatrix;
+ }
+
+ return ob;
+}());
+var assetLoader = (function(){
+
+ function formatResponse(xhr) {
+ if(xhr.response && typeof xhr.response === 'object') {
+ return xhr.response;
+ } else if(xhr.response && typeof xhr.response === 'string') {
+ return JSON.parse(xhr.response);
+ } else if(xhr.responseText) {
+ return JSON.parse(xhr.responseText);
+ }
+ }
+
+ function loadAsset(path, callback, errorCallback) {
+ var response;
+ var xhr = new XMLHttpRequest();
+ xhr.open('GET', path, true);
+ // set responseType after calling open or IE will break.
+ xhr.responseType = "json";
+ xhr.send();
+ xhr.onreadystatechange = function () {
+ if (xhr.readyState == 4) {
+ if(xhr.status == 200){
+ response = formatResponse(xhr);
+ callback(response);
+ }else{
+ try{
+ response = formatResponse(xhr);
+ callback(response);
+ }catch(err){
+ if(errorCallback) {
+ errorCallback(err);
+ }
+ }
+ }
+ }
+ };
+ }
+ return {
+ load: loadAsset
+ }
+}())
+
+function TextAnimatorProperty(textData, renderType, elem){
+ this._isFirstFrame = true;
+ this._hasMaskedPath = false;
+ this._frameId = -1;
+ this._textData = textData;
+ this._renderType = renderType;
+ this._elem = elem;
+ this._animatorsData = createSizedArray(this._textData.a.length);
+ this._pathData = {};
+ this._moreOptions = {
+ alignment: {}
+ };
+ this.renderedLetters = [];
+ this.lettersChangedFlag = false;
+ this.initDynamicPropertyContainer(elem);
+
+}
+
+TextAnimatorProperty.prototype.searchProperties = function(){
+ var i, len = this._textData.a.length, animatorProps;
+ var getProp = PropertyFactory.getProp;
+ for(i=0;i<len;i+=1){
+ animatorProps = this._textData.a[i];
+ this._animatorsData[i] = new TextAnimatorDataProperty(this._elem, animatorProps, this);
+ }
+ if(this._textData.p && 'm' in this._textData.p){
+ this._pathData = {
+ f: getProp(this._elem,this._textData.p.f,0,0,this),
+ l: getProp(this._elem,this._textData.p.l,0,0,this),
+ r: this._textData.p.r,
+ m: this._elem.maskManager.getMaskProperty(this._textData.p.m)
+ };
+ this._hasMaskedPath = true;
+ } else {
+ this._hasMaskedPath = false;
+ }
+ this._moreOptions.alignment = getProp(this._elem,this._textData.m.a,1,0,this);
+};
+
+TextAnimatorProperty.prototype.getMeasures = function(documentData, lettersChangedFlag){
+ this.lettersChangedFlag = lettersChangedFlag;
+ if(!this._mdf && !this._isFirstFrame && !lettersChangedFlag && (!this._hasMaskedPath || !this._pathData.m._mdf)) {
+ return;
+ }
+ this._isFirstFrame = false;
+ var alignment = this._moreOptions.alignment.v;
+ var animators = this._animatorsData;
+ var textData = this._textData;
+ var matrixHelper = this.mHelper;
+ var renderType = this._renderType;
+ var renderedLettersCount = this.renderedLetters.length;
+ var data = this.data;
+ var xPos,yPos;
+ var i, len;
+ var letters = documentData.l, pathInfo, currentLength, currentPoint, segmentLength, flag, pointInd, segmentInd, prevPoint, points, segments, partialLength, totalLength, perc, tanAngle, mask;
+ if(this._hasMaskedPath) {
+ mask = this._pathData.m;
+ if(!this._pathData.n || this._pathData._mdf){
+ var paths = mask.v;
+ if(this._pathData.r){
+ paths = paths.reverse();
+ }
+ // TODO: release bezier data cached from previous pathInfo: this._pathData.pi
+ pathInfo = {
+ tLength: 0,
+ segments: []
+ };
+ len = paths._length - 1;
+ var pathData;
+ totalLength = 0;
+ for (i = 0; i < len; i += 1) {
+ pathData = {
+ s: paths.v[i],
+ e: paths.v[i + 1],
+ to: [paths.o[i][0] - paths.v[i][0], paths.o[i][1] - paths.v[i][1]],
+ ti: [paths.i[i + 1][0] - paths.v[i + 1][0], paths.i[i + 1][1] - paths.v[i + 1][1]]
+ };
+ bez.buildBezierData(pathData);
+ pathInfo.tLength += pathData.bezierData.segmentLength;
+ pathInfo.segments.push(pathData);
+ totalLength += pathData.bezierData.segmentLength;
+ }
+ i = len;
+ if (mask.v.c) {
+ pathData = {
+ s: paths.v[i],
+ e: paths.v[0],
+ to: [paths.o[i][0] - paths.v[i][0], paths.o[i][1] - paths.v[i][1]],
+ ti: [paths.i[0][0] - paths.v[0][0], paths.i[0][1] - paths.v[0][1]]
+ };
+ bez.buildBezierData(pathData);
+ pathInfo.tLength += pathData.bezierData.segmentLength;
+ pathInfo.segments.push(pathData);
+ totalLength += pathData.bezierData.segmentLength;
+ }
+ this._pathData.pi = pathInfo;
+ }
+ pathInfo = this._pathData.pi;
+
+ currentLength = this._pathData.f.v;
+ segmentInd = 0;
+ pointInd = 1;
+ segmentLength = 0;
+ flag = true;
+ segments = pathInfo.segments;
+ if (currentLength < 0 && mask.v.c) {
+ if (pathInfo.tLength < Math.abs(currentLength)) {
+ currentLength = -Math.abs(currentLength) % pathInfo.tLength;
+ }
+ segmentInd = segments.length - 1;
+ points = segments[segmentInd].bezierData.points;
+ pointInd = points.length - 1;
+ while (currentLength < 0) {
+ currentLength += points[pointInd].partialLength;
+ pointInd -= 1;
+ if (pointInd < 0) {
+ segmentInd -= 1;
+ points = segments[segmentInd].bezierData.points;
+ pointInd = points.length - 1;
+ }
+ }
+
+ }
+ points = segments[segmentInd].bezierData.points;
+ prevPoint = points[pointInd - 1];
+ currentPoint = points[pointInd];
+ partialLength = currentPoint.partialLength;
+ }
+
+
+ len = letters.length;
+ xPos = 0;
+ yPos = 0;
+ var yOff = documentData.finalSize * 1.2 * 0.714;
+ var firstLine = true;
+ var animatorProps, animatorSelector;
+ var j, jLen;
+ var letterValue;
+
+ jLen = animators.length;
+ var lastLetter;
+
+ var mult, ind = -1, offf, xPathPos, yPathPos;
+ var initPathPos = currentLength,initSegmentInd = segmentInd, initPointInd = pointInd, currentLine = -1;
+ var elemOpacity;
+ var sc,sw,fc,k;
+ var lineLength = 0;
+ var letterSw, letterSc, letterFc, letterM = '', letterP = this.defaultPropsArray, letterO;
+
+ //
+ if(documentData.j === 2 || documentData.j === 1) {
+ var animatorJustifyOffset = 0;
+ var animatorFirstCharOffset = 0;
+ var justifyOffsetMult = documentData.j === 2 ? -0.5 : -1;
+ var lastIndex = 0;
+ var isNewLine = true;
+
+ for (i = 0; i < len; i += 1) {
+ if (letters[i].n) {
+ if(animatorJustifyOffset) {
+ animatorJustifyOffset += animatorFirstCharOffset;
+ }
+ while (lastIndex < i) {
+ letters[lastIndex].animatorJustifyOffset = animatorJustifyOffset;
+ lastIndex += 1;
+ }
+ animatorJustifyOffset = 0;
+ isNewLine = true;
+ } else {
+ for (j = 0; j < jLen; j += 1) {
+ animatorProps = animators[j].a;
+ if (animatorProps.t.propType) {
+ if (isNewLine && documentData.j === 2) {
+ animatorFirstCharOffset += animatorProps.t.v * justifyOffsetMult;
+ }
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j], textData.a[j].s.totalChars);
+ if (mult.length) {
+ animatorJustifyOffset += animatorProps.t.v*mult[0] * justifyOffsetMult;
+ } else {
+ animatorJustifyOffset += animatorProps.t.v*mult * justifyOffsetMult;
+ }
+ }
+ }
+ isNewLine = false;
+ }
+ }
+ if(animatorJustifyOffset) {
+ animatorJustifyOffset += animatorFirstCharOffset;
+ }
+ while(lastIndex < i) {
+ letters[lastIndex].animatorJustifyOffset = animatorJustifyOffset;
+ lastIndex += 1;
+ }
+ }
+ //
+
+ for( i = 0; i < len; i += 1) {
+
+ matrixHelper.reset();
+ elemOpacity = 1;
+ if(letters[i].n) {
+ xPos = 0;
+ yPos += documentData.yOffset;
+ yPos += firstLine ? 1 : 0;
+ currentLength = initPathPos ;
+ firstLine = false;
+ lineLength = 0;
+ if(this._hasMaskedPath) {
+ segmentInd = initSegmentInd;
+ pointInd = initPointInd;
+ points = segments[segmentInd].bezierData.points;
+ prevPoint = points[pointInd - 1];
+ currentPoint = points[pointInd];
+ partialLength = currentPoint.partialLength;
+ segmentLength = 0;
+ }
+ letterO = letterSw = letterFc = letterM = '';
+ letterP = this.defaultPropsArray;
+ }else{
+ if(this._hasMaskedPath) {
+ if(currentLine !== letters[i].line){
+ switch(documentData.j){
+ case 1:
+ currentLength += totalLength - documentData.lineWidths[letters[i].line];
+ break;
+ case 2:
+ currentLength += (totalLength - documentData.lineWidths[letters[i].line])/2;
+ break;
+ }
+ currentLine = letters[i].line;
+ }
+ if (ind !== letters[i].ind) {
+ if (letters[ind]) {
+ currentLength += letters[ind].extra;
+ }
+ currentLength += letters[i].an / 2;
+ ind = letters[i].ind;
+ }
+ currentLength += alignment[0] * letters[i].an / 200;
+ var animatorOffset = 0;
+ for (j = 0; j < jLen; j += 1) {
+ animatorProps = animators[j].a;
+ if (animatorProps.p.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ if(mult.length){
+ animatorOffset += animatorProps.p.v[0] * mult[0];
+ } else{
+ animatorOffset += animatorProps.p.v[0] * mult;
+ }
+
+ }
+ if (animatorProps.a.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ if(mult.length){
+ animatorOffset += animatorProps.a.v[0] * mult[0];
+ } else{
+ animatorOffset += animatorProps.a.v[0] * mult;
+ }
+
+ }
+ }
+ flag = true;
+ while (flag) {
+ if (segmentLength + partialLength >= currentLength + animatorOffset || !points) {
+ perc = (currentLength + animatorOffset - segmentLength) / currentPoint.partialLength;
+ xPathPos = prevPoint.point[0] + (currentPoint.point[0] - prevPoint.point[0]) * perc;
+ yPathPos = prevPoint.point[1] + (currentPoint.point[1] - prevPoint.point[1]) * perc;
+ matrixHelper.translate(-alignment[0]*letters[i].an/200, -(alignment[1] * yOff / 100));
+ flag = false;
+ } else if (points) {
+ segmentLength += currentPoint.partialLength;
+ pointInd += 1;
+ if (pointInd >= points.length) {
+ pointInd = 0;
+ segmentInd += 1;
+ if (!segments[segmentInd]) {
+ if (mask.v.c) {
+ pointInd = 0;
+ segmentInd = 0;
+ points = segments[segmentInd].bezierData.points;
+ } else {
+ segmentLength -= currentPoint.partialLength;
+ points = null;
+ }
+ } else {
+ points = segments[segmentInd].bezierData.points;
+ }
+ }
+ if (points) {
+ prevPoint = currentPoint;
+ currentPoint = points[pointInd];
+ partialLength = currentPoint.partialLength;
+ }
+ }
+ }
+ offf = letters[i].an / 2 - letters[i].add;
+ matrixHelper.translate(-offf, 0, 0);
+ } else {
+ offf = letters[i].an/2 - letters[i].add;
+ matrixHelper.translate(-offf,0,0);
+
+ // Grouping alignment
+ matrixHelper.translate(-alignment[0]*letters[i].an/200, -alignment[1]*yOff/100, 0);
+ }
+
+ lineLength += letters[i].l/2;
+ for(j=0;j<jLen;j+=1){
+ animatorProps = animators[j].a;
+ if (animatorProps.t.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ //This condition is to prevent applying tracking to first character in each line. Might be better to use a boolean "isNewLine"
+ if(xPos !== 0 || documentData.j !== 0) {
+ if(this._hasMaskedPath) {
+ if(mult.length) {
+ currentLength += animatorProps.t.v*mult[0];
+ } else {
+ currentLength += animatorProps.t.v*mult;
+ }
+ }else{
+ if(mult.length) {
+ xPos += animatorProps.t.v*mult[0];
+ } else {
+ xPos += animatorProps.t.v*mult;
+ }
+ }
+ }
+ }
+ }
+ lineLength += letters[i].l/2;
+ if(documentData.strokeWidthAnim) {
+ sw = documentData.sw || 0;
+ }
+ if(documentData.strokeColorAnim) {
+ if(documentData.sc){
+ sc = [documentData.sc[0], documentData.sc[1], documentData.sc[2]];
+ }else{
+ sc = [0,0,0];
+ }
+ }
+ if(documentData.fillColorAnim && documentData.fc) {
+ fc = [documentData.fc[0], documentData.fc[1], documentData.fc[2]];
+ }
+ for(j=0;j<jLen;j+=1){
+ animatorProps = animators[j].a;
+ if (animatorProps.a.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+
+ if(mult.length){
+ matrixHelper.translate(-animatorProps.a.v[0]*mult[0], -animatorProps.a.v[1]*mult[1], animatorProps.a.v[2]*mult[2]);
+ } else {
+ matrixHelper.translate(-animatorProps.a.v[0]*mult, -animatorProps.a.v[1]*mult, animatorProps.a.v[2]*mult);
+ }
+ }
+ }
+ for(j=0;j<jLen;j+=1){
+ animatorProps = animators[j].a;
+ if (animatorProps.s.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ if(mult.length){
+ matrixHelper.scale(1+((animatorProps.s.v[0]-1)*mult[0]),1+((animatorProps.s.v[1]-1)*mult[1]),1);
+ } else {
+ matrixHelper.scale(1+((animatorProps.s.v[0]-1)*mult),1+((animatorProps.s.v[1]-1)*mult),1);
+ }
+ }
+ }
+ for(j=0;j<jLen;j+=1) {
+ animatorProps = animators[j].a;
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ if (animatorProps.sk.propType) {
+ if(mult.length) {
+ matrixHelper.skewFromAxis(-animatorProps.sk.v * mult[0], animatorProps.sa.v * mult[1]);
+ } else {
+ matrixHelper.skewFromAxis(-animatorProps.sk.v * mult, animatorProps.sa.v * mult);
+ }
+ }
+ if (animatorProps.r.propType) {
+ if(mult.length) {
+ matrixHelper.rotateZ(-animatorProps.r.v * mult[2]);
+ } else {
+ matrixHelper.rotateZ(-animatorProps.r.v * mult);
+ }
+ }
+ if (animatorProps.ry.propType) {
+
+ if(mult.length) {
+ matrixHelper.rotateY(animatorProps.ry.v*mult[1]);
+ }else{
+ matrixHelper.rotateY(animatorProps.ry.v*mult);
+ }
+ }
+ if (animatorProps.rx.propType) {
+ if(mult.length) {
+ matrixHelper.rotateX(animatorProps.rx.v*mult[0]);
+ } else {
+ matrixHelper.rotateX(animatorProps.rx.v*mult);
+ }
+ }
+ if (animatorProps.o.propType) {
+ if(mult.length) {
+ elemOpacity += ((animatorProps.o.v)*mult[0] - elemOpacity)*mult[0];
+ } else {
+ elemOpacity += ((animatorProps.o.v)*mult - elemOpacity)*mult;
+ }
+ }
+ if (documentData.strokeWidthAnim && animatorProps.sw.propType) {
+ if(mult.length) {
+ sw += animatorProps.sw.v*mult[0];
+ } else {
+ sw += animatorProps.sw.v*mult;
+ }
+ }
+ if (documentData.strokeColorAnim && animatorProps.sc.propType) {
+ for(k=0;k<3;k+=1){
+ if(mult.length) {
+ sc[k] = sc[k] + (animatorProps.sc.v[k] - sc[k])*mult[0];
+ } else {
+ sc[k] = sc[k] + (animatorProps.sc.v[k] - sc[k])*mult;
+ }
+ }
+ }
+ if (documentData.fillColorAnim && documentData.fc) {
+ if(animatorProps.fc.propType){
+ for(k=0;k<3;k+=1){
+ if(mult.length) {
+ fc[k] = fc[k] + (animatorProps.fc.v[k] - fc[k])*mult[0];
+ } else {
+ fc[k] = fc[k] + (animatorProps.fc.v[k] - fc[k])*mult;
+ }
+ }
+ }
+ if(animatorProps.fh.propType){
+ if(mult.length) {
+ fc = addHueToRGB(fc,animatorProps.fh.v*mult[0]);
+ } else {
+ fc = addHueToRGB(fc,animatorProps.fh.v*mult);
+ }
+ }
+ if(animatorProps.fs.propType){
+ if(mult.length) {
+ fc = addSaturationToRGB(fc,animatorProps.fs.v*mult[0]);
+ } else {
+ fc = addSaturationToRGB(fc,animatorProps.fs.v*mult);
+ }
+ }
+ if(animatorProps.fb.propType){
+ if(mult.length) {
+ fc = addBrightnessToRGB(fc,animatorProps.fb.v*mult[0]);
+ } else {
+ fc = addBrightnessToRGB(fc,animatorProps.fb.v*mult);
+ }
+ }
+ }
+ }
+
+ for(j=0;j<jLen;j+=1){
+ animatorProps = animators[j].a;
+
+ if (animatorProps.p.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ if(this._hasMaskedPath) {
+ if(mult.length) {
+ matrixHelper.translate(0, animatorProps.p.v[1] * mult[0], -animatorProps.p.v[2] * mult[1]);
+ } else {
+ matrixHelper.translate(0, animatorProps.p.v[1] * mult, -animatorProps.p.v[2] * mult);
+ }
+ }else{
+ if(mult.length) {
+ matrixHelper.translate(animatorProps.p.v[0] * mult[0], animatorProps.p.v[1] * mult[1], -animatorProps.p.v[2] * mult[2]);
+ } else {
+ matrixHelper.translate(animatorProps.p.v[0] * mult, animatorProps.p.v[1] * mult, -animatorProps.p.v[2] * mult);
+
+ }
+ }
+ }
+ }
+ if(documentData.strokeWidthAnim){
+ letterSw = sw < 0 ? 0 : sw;
+ }
+ if(documentData.strokeColorAnim){
+ letterSc = 'rgb('+Math.round(sc[0]*255)+','+Math.round(sc[1]*255)+','+Math.round(sc[2]*255)+')';
+ }
+ if(documentData.fillColorAnim && documentData.fc){
+ letterFc = 'rgb('+Math.round(fc[0]*255)+','+Math.round(fc[1]*255)+','+Math.round(fc[2]*255)+')';
+ }
+
+ if(this._hasMaskedPath) {
+ matrixHelper.translate(0,-documentData.ls);
+
+ matrixHelper.translate(0, alignment[1]*yOff/100 + yPos,0);
+ if (textData.p.p) {
+ tanAngle = (currentPoint.point[1] - prevPoint.point[1]) / (currentPoint.point[0] - prevPoint.point[0]);
+ var rot = Math.atan(tanAngle) * 180 / Math.PI;
+ if (currentPoint.point[0] < prevPoint.point[0]) {
+ rot += 180;
+ }
+ matrixHelper.rotate(-rot * Math.PI / 180);
+ }
+ matrixHelper.translate(xPathPos, yPathPos, 0);
+ currentLength -= alignment[0]*letters[i].an/200;
+ if(letters[i+1] && ind !== letters[i+1].ind){
+ currentLength += letters[i].an / 2;
+ currentLength += documentData.tr/1000*documentData.finalSize;
+ }
+ }else{
+
+ matrixHelper.translate(xPos,yPos,0);
+
+ if(documentData.ps){
+ //matrixHelper.translate(documentData.ps[0],documentData.ps[1],0);
+ matrixHelper.translate(documentData.ps[0],documentData.ps[1] + documentData.ascent,0);
+ }
+ switch(documentData.j){
+ case 1:
+ matrixHelper.translate(letters[i].animatorJustifyOffset + documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[letters[i].line]),0,0);
+ break;
+ case 2:
+ matrixHelper.translate(letters[i].animatorJustifyOffset + documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[letters[i].line])/2,0,0);
+ break;
+ }
+ matrixHelper.translate(0,-documentData.ls);
+ matrixHelper.translate(offf,0,0);
+ matrixHelper.translate(alignment[0]*letters[i].an/200,alignment[1]*yOff/100,0);
+ xPos += letters[i].l + documentData.tr/1000*documentData.finalSize;
+ }
+ if(renderType === 'html'){
+ letterM = matrixHelper.toCSS();
+ }else if(renderType === 'svg'){
+ letterM = matrixHelper.to2dCSS();
+ }else{
+ letterP = [matrixHelper.props[0],matrixHelper.props[1],matrixHelper.props[2],matrixHelper.props[3],matrixHelper.props[4],matrixHelper.props[5],matrixHelper.props[6],matrixHelper.props[7],matrixHelper.props[8],matrixHelper.props[9],matrixHelper.props[10],matrixHelper.props[11],matrixHelper.props[12],matrixHelper.props[13],matrixHelper.props[14],matrixHelper.props[15]];
+ }
+ letterO = elemOpacity;
+ }
+
+ if(renderedLettersCount <= i) {
+ letterValue = new LetterProps(letterO,letterSw,letterSc,letterFc,letterM,letterP);
+ this.renderedLetters.push(letterValue);
+ renderedLettersCount += 1;
+ this.lettersChangedFlag = true;
+ } else {
+ letterValue = this.renderedLetters[i];
+ this.lettersChangedFlag = letterValue.update(letterO, letterSw, letterSc, letterFc, letterM, letterP) || this.lettersChangedFlag;
+ }
+ }
+};
+
+TextAnimatorProperty.prototype.getValue = function(){
+ if(this._elem.globalData.frameId === this._frameId){
+ return;
+ }
+ this._frameId = this._elem.globalData.frameId;
+ this.iterateDynamicProperties();
+};
+
+TextAnimatorProperty.prototype.mHelper = new Matrix();
+TextAnimatorProperty.prototype.defaultPropsArray = [];
+extendPrototype([DynamicPropertyContainer], TextAnimatorProperty);
+function TextAnimatorDataProperty(elem, animatorProps, container) {
+ var defaultData = {propType:false};
+ var getProp = PropertyFactory.getProp;
+ var textAnimator_animatables = animatorProps.a;
+ this.a = {
+ r: textAnimator_animatables.r ? getProp(elem, textAnimator_animatables.r, 0, degToRads, container) : defaultData,
+ rx: textAnimator_animatables.rx ? getProp(elem, textAnimator_animatables.rx, 0, degToRads, container) : defaultData,
+ ry: textAnimator_animatables.ry ? getProp(elem, textAnimator_animatables.ry, 0, degToRads, container) : defaultData,
+ sk: textAnimator_animatables.sk ? getProp(elem, textAnimator_animatables.sk, 0, degToRads, container) : defaultData,
+ sa: textAnimator_animatables.sa ? getProp(elem, textAnimator_animatables.sa, 0, degToRads, container) : defaultData,
+ s: textAnimator_animatables.s ? getProp(elem, textAnimator_animatables.s, 1, 0.01, container) : defaultData,
+ a: textAnimator_animatables.a ? getProp(elem, textAnimator_animatables.a, 1, 0, container) : defaultData,
+ o: textAnimator_animatables.o ? getProp(elem, textAnimator_animatables.o, 0, 0.01, container) : defaultData,
+ p: textAnimator_animatables.p ? getProp(elem,textAnimator_animatables.p, 1, 0, container) : defaultData,
+ sw: textAnimator_animatables.sw ? getProp(elem, textAnimator_animatables.sw, 0, 0, container) : defaultData,
+ sc: textAnimator_animatables.sc ? getProp(elem, textAnimator_animatables.sc, 1, 0, container) : defaultData,
+ fc: textAnimator_animatables.fc ? getProp(elem, textAnimator_animatables.fc, 1, 0, container) : defaultData,
+ fh: textAnimator_animatables.fh ? getProp(elem, textAnimator_animatables.fh, 0, 0, container) : defaultData,
+ fs: textAnimator_animatables.fs ? getProp(elem, textAnimator_animatables.fs, 0, 0.01, container) : defaultData,
+ fb: textAnimator_animatables.fb ? getProp(elem, textAnimator_animatables.fb, 0, 0.01, container) : defaultData,
+ t: textAnimator_animatables.t ? getProp(elem, textAnimator_animatables.t, 0, 0, container) : defaultData
+ };
+
+ this.s = TextSelectorProp.getTextSelectorProp(elem,animatorProps.s, container);
+ this.s.t = animatorProps.s.t;
+}
+function LetterProps(o, sw, sc, fc, m, p){
+ this.o = o;
+ this.sw = sw;
+ this.sc = sc;
+ this.fc = fc;
+ this.m = m;
+ this.p = p;
+ this._mdf = {
+ o: true,
+ sw: !!sw,
+ sc: !!sc,
+ fc: !!fc,
+ m: true,
+ p: true
+ };
+}
+
+LetterProps.prototype.update = function(o, sw, sc, fc, m, p) {
+ this._mdf.o = false;
+ this._mdf.sw = false;
+ this._mdf.sc = false;
+ this._mdf.fc = false;
+ this._mdf.m = false;
+ this._mdf.p = false;
+ var updated = false;
+
+ if(this.o !== o) {
+ this.o = o;
+ this._mdf.o = true;
+ updated = true;
+ }
+ if(this.sw !== sw) {
+ this.sw = sw;
+ this._mdf.sw = true;
+ updated = true;
+ }
+ if(this.sc !== sc) {
+ this.sc = sc;
+ this._mdf.sc = true;
+ updated = true;
+ }
+ if(this.fc !== fc) {
+ this.fc = fc;
+ this._mdf.fc = true;
+ updated = true;
+ }
+ if(this.m !== m) {
+ this.m = m;
+ this._mdf.m = true;
+ updated = true;
+ }
+ if(p.length && (this.p[0] !== p[0] || this.p[1] !== p[1] || this.p[4] !== p[4] || this.p[5] !== p[5] || this.p[12] !== p[12] || this.p[13] !== p[13])) {
+ this.p = p;
+ this._mdf.p = true;
+ updated = true;
+ }
+ return updated;
+};
+function TextProperty(elem, data){
+ this._frameId = initialDefaultFrame;
+ this.pv = '';
+ this.v = '';
+ this.kf = false;
+ this._isFirstFrame = true;
+ this._mdf = false;
+ this.data = data;
+ this.elem = elem;
+ this.comp = this.elem.comp;
+ this.keysIndex = 0;
+ this.canResize = false;
+ this.minimumFontSize = 1;
+ this.effectsSequence = [];
+ this.currentData = {
+ ascent: 0,
+ boxWidth: this.defaultBoxWidth,
+ f: '',
+ fStyle: '',
+ fWeight: '',
+ fc: '',
+ j: '',
+ justifyOffset: '',
+ l: [],
+ lh: 0,
+ lineWidths: [],
+ ls: '',
+ of: '',
+ s: '',
+ sc: '',
+ sw: 0,
+ t: 0,
+ tr: 0,
+ sz:0,
+ ps:null,
+ fillColorAnim: false,
+ strokeColorAnim: false,
+ strokeWidthAnim: false,
+ yOffset: 0,
+ finalSize:0,
+ finalText:[],
+ finalLineHeight: 0,
+ __complete: false
+
+ };
+ this.copyData(this.currentData, this.data.d.k[0].s);
+
+ if(!this.searchProperty()) {
+ this.completeTextData(this.currentData);
+ }
+}
+
+TextProperty.prototype.defaultBoxWidth = [0,0];
+
+TextProperty.prototype.copyData = function(obj, data) {
+ for(var s in data) {
+ if(data.hasOwnProperty(s)) {
+ obj[s] = data[s];
+ }
+ }
+ return obj;
+}
+
+TextProperty.prototype.setCurrentData = function(data){
+ if(!data.__complete) {
+ this.completeTextData(data);
+ }
+ this.currentData = data;
+ this.currentData.boxWidth = this.currentData.boxWidth || this.defaultBoxWidth;
+ this._mdf = true;
+};
+
+TextProperty.prototype.searchProperty = function() {
+ return this.searchKeyframes();
+};
+
+TextProperty.prototype.searchKeyframes = function() {
+ this.kf = this.data.d.k.length > 1;
+ if(this.kf) {
+ this.addEffect(this.getKeyframeValue.bind(this));
+ }
+ return this.kf;
+}
+
+TextProperty.prototype.addEffect = function(effectFunction) {
+ this.effectsSequence.push(effectFunction);
+ this.elem.addDynamicProperty(this);
+};
+
+TextProperty.prototype.getValue = function(_finalValue) {
+ if((this.elem.globalData.frameId === this.frameId || !this.effectsSequence.length) && !_finalValue) {
+ return;
+ }
+ this.currentData.t = this.data.d.k[this.keysIndex].s.t;
+ var currentValue = this.currentData;
+ var currentIndex = this.keysIndex;
+ if(this.lock) {
+ this.setCurrentData(this.currentData);
+ return;
+ }
+ this.lock = true;
+ this._mdf = false;
+ var multipliedValue;
+ var i, len = this.effectsSequence.length;
+ var finalValue = _finalValue || this.data.d.k[this.keysIndex].s;
+ for(i = 0; i < len; i += 1) {
+ //Checking if index changed to prevent creating a new object every time the expression updates.
+ if(currentIndex !== this.keysIndex) {
+ finalValue = this.effectsSequence[i](finalValue, finalValue.t);
+ } else {
+ finalValue = this.effectsSequence[i](this.currentData, finalValue.t);
+ }
+ }
+ if(currentValue !== finalValue) {
+ this.setCurrentData(finalValue);
+ }
+ this.pv = this.v = this.currentData;
+ this.lock = false;
+ this.frameId = this.elem.globalData.frameId;
+}
+
+TextProperty.prototype.getKeyframeValue = function() {
+ var textKeys = this.data.d.k, textDocumentData;
+ var frameNum = this.elem.comp.renderedFrame;
+ var i = 0, len = textKeys.length;
+ while(i <= len - 1) {
+ textDocumentData = textKeys[i].s;
+ if(i === len - 1 || textKeys[i+1].t > frameNum){
+ break;
+ }
+ i += 1;
+ }
+ if(this.keysIndex !== i) {
+ this.keysIndex = i;
+ }
+ return this.data.d.k[this.keysIndex].s;
+};
+
+TextProperty.prototype.buildFinalText = function(text) {
+ var combinedCharacters = FontManager.getCombinedCharacterCodes();
+ var charactersArray = [];
+ var i = 0, len = text.length;
+ while (i < len) {
+ if (combinedCharacters.indexOf(text.charCodeAt(i)) !== -1) {
+ charactersArray[charactersArray.length - 1] += text.charAt(i);
+ } else {
+ charactersArray.push(text.charAt(i));
+ }
+ i += 1;
+ }
+ return charactersArray;
+}
+
+TextProperty.prototype.completeTextData = function(documentData) {
+ documentData.__complete = true;
+ var fontManager = this.elem.globalData.fontManager;
+ var data = this.data;
+ var letters = [];
+ var i, len;
+ var newLineFlag, index = 0, val;
+ var anchorGrouping = data.m.g;
+ var currentSize = 0, currentPos = 0, currentLine = 0, lineWidths = [];
+ var lineWidth = 0;
+ var maxLineWidth = 0;
+ var j, jLen;
+ var fontData = fontManager.getFontByName(documentData.f);
+ var charData, cLength = 0;
+ var styles = fontData.fStyle ? fontData.fStyle.split(' ') : [];
+
+ var fWeight = 'normal', fStyle = 'normal';
+ len = styles.length;
+ var styleName;
+ for(i=0;i<len;i+=1){
+ styleName = styles[i].toLowerCase();
+ switch(styleName) {
+ case 'italic':
+ fStyle = 'italic';
+ break;
+ case 'bold':
+ fWeight = '700';
+ break;
+ case 'black':
+ fWeight = '900';
+ break;
+ case 'medium':
+ fWeight = '500';
+ break;
+ case 'regular':
+ case 'normal':
+ fWeight = '400';
+ break;
+ case 'light':
+ case 'thin':
+ fWeight = '200';
+ break;
+ }
+ }
+ documentData.fWeight = fontData.fWeight || fWeight;
+ documentData.fStyle = fStyle;
+ len = documentData.t.length;
+ documentData.finalSize = documentData.s;
+ documentData.finalText = this.buildFinalText(documentData.t);
+ documentData.finalLineHeight = documentData.lh;
+ var trackingOffset = documentData.tr/1000*documentData.finalSize;
+ var charCode;
+ if(documentData.sz){
+ var flag = true;
+ var boxWidth = documentData.sz[0];
+ var boxHeight = documentData.sz[1];
+ var currentHeight, finalText;
+ while(flag) {
+ finalText = this.buildFinalText(documentData.t);
+ currentHeight = 0;
+ lineWidth = 0;
+ len = finalText.length;
+ trackingOffset = documentData.tr/1000*documentData.finalSize;
+ var lastSpaceIndex = -1;
+ for(i=0;i<len;i+=1){
+ charCode = finalText[i].charCodeAt(0);
+ newLineFlag = false;
+ if(finalText[i] === ' '){
+ lastSpaceIndex = i;
+ }else if(charCode === 13 || charCode === 3){
+ lineWidth = 0;
+ newLineFlag = true;
+ currentHeight += documentData.finalLineHeight || documentData.finalSize*1.2;
+ }
+ if(fontManager.chars){
+ charData = fontManager.getCharData(finalText[i], fontData.fStyle, fontData.fFamily);
+ cLength = newLineFlag ? 0 : charData.w*documentData.finalSize/100;
+ }else{
+ //tCanvasHelper.font = documentData.s + 'px '+ fontData.fFamily;
+ cLength = fontManager.measureText(finalText[i], documentData.f, documentData.finalSize);
+ }
+ if(lineWidth + cLength > boxWidth && finalText[i] !== ' '){
+ if(lastSpaceIndex === -1){
+ len += 1;
+ } else {
+ i = lastSpaceIndex;
+ }
+ currentHeight += documentData.finalLineHeight || documentData.finalSize*1.2;
+ finalText.splice(i, lastSpaceIndex === i ? 1 : 0,"\r");
+ //finalText = finalText.substr(0,i) + "\r" + finalText.substr(i === lastSpaceIndex ? i + 1 : i);
+ lastSpaceIndex = -1;
+ lineWidth = 0;
+ }else {
+ lineWidth += cLength;
+ lineWidth += trackingOffset;
+ }
+ }
+ currentHeight += fontData.ascent*documentData.finalSize/100;
+ if(this.canResize && documentData.finalSize > this.minimumFontSize && boxHeight < currentHeight) {
+ documentData.finalSize -= 1;
+ documentData.finalLineHeight = documentData.finalSize * documentData.lh / documentData.s;
+ } else {
+ documentData.finalText = finalText;
+ len = documentData.finalText.length;
+ flag = false;
+ }
+ }
+
+ }
+ lineWidth = - trackingOffset;
+ cLength = 0;
+ var uncollapsedSpaces = 0;
+ var currentChar;
+ for (i = 0;i < len ;i += 1) {
+ newLineFlag = false;
+ currentChar = documentData.finalText[i];
+ charCode = currentChar.charCodeAt(0);
+ if (currentChar === ' '){
+ val = '\u00A0';
+ } else if (charCode === 13 || charCode === 3) {
+ uncollapsedSpaces = 0;
+ lineWidths.push(lineWidth);
+ maxLineWidth = lineWidth > maxLineWidth ? lineWidth : maxLineWidth;
+ lineWidth = - 2 * trackingOffset;
+ val = '';
+ newLineFlag = true;
+ currentLine += 1;
+ }else{
+ val = documentData.finalText[i];
+ }
+ if(fontManager.chars){
+ charData = fontManager.getCharData(currentChar, fontData.fStyle, fontManager.getFontByName(documentData.f).fFamily);
+ cLength = newLineFlag ? 0 : charData.w*documentData.finalSize/100;
+ }else{
+ //var charWidth = fontManager.measureText(val, documentData.f, documentData.finalSize);
+ //tCanvasHelper.font = documentData.finalSize + 'px '+ fontManager.getFontByName(documentData.f).fFamily;
+ cLength = fontManager.measureText(val, documentData.f, documentData.finalSize);
+ }
+
+ //
+ if(currentChar === ' '){
+ uncollapsedSpaces += cLength + trackingOffset;
+ } else {
+ lineWidth += cLength + trackingOffset + uncollapsedSpaces;
+ uncollapsedSpaces = 0;
+ }
+ letters.push({l:cLength,an:cLength,add:currentSize,n:newLineFlag, anIndexes:[], val: val, line: currentLine, animatorJustifyOffset: 0});
+ if(anchorGrouping == 2){
+ currentSize += cLength;
+ if(val === '' || val === '\u00A0' || i === len - 1){
+ if(val === '' || val === '\u00A0'){
+ currentSize -= cLength;
+ }
+ while(currentPos<=i){
+ letters[currentPos].an = currentSize;
+ letters[currentPos].ind = index;
+ letters[currentPos].extra = cLength;
+ currentPos += 1;
+ }
+ index += 1;
+ currentSize = 0;
+ }
+ }else if(anchorGrouping == 3){
+ currentSize += cLength;
+ if(val === '' || i === len - 1){
+ if(val === ''){
+ currentSize -= cLength;
+ }
+ while(currentPos<=i){
+ letters[currentPos].an = currentSize;
+ letters[currentPos].ind = index;
+ letters[currentPos].extra = cLength;
+ currentPos += 1;
+ }
+ currentSize = 0;
+ index += 1;
+ }
+ }else{
+ letters[index].ind = index;
+ letters[index].extra = 0;
+ index += 1;
+ }
+ }
+ documentData.l = letters;
+ maxLineWidth = lineWidth > maxLineWidth ? lineWidth : maxLineWidth;
+ lineWidths.push(lineWidth);
+ if(documentData.sz){
+ documentData.boxWidth = documentData.sz[0];
+ documentData.justifyOffset = 0;
+ }else{
+ documentData.boxWidth = maxLineWidth;
+ switch(documentData.j){
+ case 1:
+ documentData.justifyOffset = - documentData.boxWidth;
+ break;
+ case 2:
+ documentData.justifyOffset = - documentData.boxWidth/2;
+ break;
+ default:
+ documentData.justifyOffset = 0;
+ }
+ }
+ documentData.lineWidths = lineWidths;
+
+ var animators = data.a, animatorData, letterData;
+ jLen = animators.length;
+ var based, ind, indexes = [];
+ for(j=0;j<jLen;j+=1){
+ animatorData = animators[j];
+ if(animatorData.a.sc){
+ documentData.strokeColorAnim = true;
+ }
+ if(animatorData.a.sw){
+ documentData.strokeWidthAnim = true;
+ }
+ if(animatorData.a.fc || animatorData.a.fh || animatorData.a.fs || animatorData.a.fb){
+ documentData.fillColorAnim = true;
+ }
+ ind = 0;
+ based = animatorData.s.b;
+ for(i=0;i<len;i+=1){
+ letterData = letters[i];
+ letterData.anIndexes[j] = ind;
+ if((based == 1 && letterData.val !== '') || (based == 2 && letterData.val !== '' && letterData.val !== '\u00A0') || (based == 3 && (letterData.n || letterData.val == '\u00A0' || i == len - 1)) || (based == 4 && (letterData.n || i == len - 1))){
+ if(animatorData.s.rn === 1){
+ indexes.push(ind);
+ }
+ ind += 1;
+ }
+ }
+ data.a[j].s.totalChars = ind;
+ var currentInd = -1, newInd;
+ if(animatorData.s.rn === 1){
+ for(i = 0; i < len; i += 1){
+ letterData = letters[i];
+ if(currentInd != letterData.anIndexes[j]){
+ currentInd = letterData.anIndexes[j];
+ newInd = indexes.splice(Math.floor(Math.random()*indexes.length),1)[0];
+ }
+ letterData.anIndexes[j] = newInd;
+ }
+ }
+ }
+ documentData.yOffset = documentData.finalLineHeight || documentData.finalSize*1.2;
+ documentData.ls = documentData.ls || 0;
+ documentData.ascent = fontData.ascent*documentData.finalSize/100;
+};
+
+TextProperty.prototype.updateDocumentData = function(newData, index) {
+ index = index === undefined ? this.keysIndex : index;
+ var dData = this.copyData({}, this.data.d.k[index].s);
+ dData = this.copyData(dData, newData);
+ this.data.d.k[index].s = dData;
+ this.recalculate(index);
+ this.elem.addDynamicProperty(this);
+};
+
+TextProperty.prototype.recalculate = function(index) {
+ var dData = this.data.d.k[index].s;
+ dData.__complete = false;
+ this.keysIndex = 0;
+ this._isFirstFrame = true;
+ this.getValue(dData);
+}
+
+TextProperty.prototype.canResizeFont = function(_canResize) {
+ this.canResize = _canResize;
+ this.recalculate(this.keysIndex);
+ this.elem.addDynamicProperty(this);
+};
+
+TextProperty.prototype.setMinimumFontSize = function(_fontValue) {
+ this.minimumFontSize = Math.floor(_fontValue) || 1;
+ this.recalculate(this.keysIndex);
+ this.elem.addDynamicProperty(this);
+};
+
+var TextSelectorProp = (function(){
+ var max = Math.max;
+ var min = Math.min;
+ var floor = Math.floor;
+
+ function TextSelectorProp(elem,data){
+ this._currentTextLength = -1;
+ this.k = false;
+ this.data = data;
+ this.elem = elem;
+ this.comp = elem.comp;
+ this.finalS = 0;
+ this.finalE = 0;
+ this.initDynamicPropertyContainer(elem);
+ this.s = PropertyFactory.getProp(elem,data.s || {k:0},0,0,this);
+ if('e' in data){
+ this.e = PropertyFactory.getProp(elem,data.e,0,0,this);
+ }else{
+ this.e = {v:100};
+ }
+ this.o = PropertyFactory.getProp(elem,data.o || {k:0},0,0,this);
+ this.xe = PropertyFactory.getProp(elem,data.xe || {k:0},0,0,this);
+ this.ne = PropertyFactory.getProp(elem,data.ne || {k:0},0,0,this);
+ this.a = PropertyFactory.getProp(elem,data.a,0,0.01,this);
+ if(!this.dynamicProperties.length){
+ this.getValue();
+ }
+ }
+
+ TextSelectorProp.prototype = {
+ getMult: function(ind) {
+ if(this._currentTextLength !== this.elem.textProperty.currentData.l.length) {
+ this.getValue();
+ }
+ //var easer = bez.getEasingCurve(this.ne.v/100,0,1-this.xe.v/100,1);
+ var easer = BezierFactory.getBezierEasing(this.ne.v/100,0,1-this.xe.v/100,1).get;
+ var mult = 0;
+ var s = this.finalS;
+ var e = this.finalE;
+ var type = this.data.sh;
+ if(type == 2){
+ if(e === s){
+ mult = ind >= e ? 1 : 0;
+ }else{
+ mult = max(0,min(0.5/(e-s) + (ind-s)/(e-s),1));
+ }
+ mult = easer(mult);
+ }else if(type == 3){
+ if(e === s){
+ mult = ind >= e ? 0 : 1;
+ }else{
+ mult = 1 - max(0,min(0.5/(e-s) + (ind-s)/(e-s),1));
+ }
+
+ mult = easer(mult);
+ }else if(type == 4){
+ if(e === s){
+ mult = 0;
+ }else{
+ mult = max(0,min(0.5/(e-s) + (ind-s)/(e-s),1));
+ if(mult<0.5){
+ mult *= 2;
+ }else{
+ mult = 1 - 2*(mult-0.5);
+ }
+ }
+ mult = easer(mult);
+ }else if(type == 5){
+ if(e === s){
+ mult = 0;
+ }else{
+ var tot = e - s;
+ /*ind += 0.5;
+ mult = -4/(tot*tot)*(ind*ind)+(4/tot)*ind;*/
+ ind = min(max(0,ind+0.5-s),e-s);
+ var x = -tot/2+ind;
+ var a = tot/2;
+ mult = Math.sqrt(1 - (x*x)/(a*a));
+ }
+ mult = easer(mult);
+ }else if(type == 6){
+ if(e === s){
+ mult = 0;
+ }else{
+ ind = min(max(0,ind+0.5-s),e-s);
+ mult = (1+(Math.cos((Math.PI+Math.PI*2*(ind)/(e-s)))))/2;
+ /*
+ ind = Math.min(Math.max(s,ind),e-1);
+ mult = (1+(Math.cos((Math.PI+Math.PI*2*(ind-s)/(e-1-s)))))/2;
+ mult = Math.max(mult,(1/(e-1-s))/(e-1-s));*/
+ }
+ mult = easer(mult);
+ }else {
+ if(ind >= floor(s)){
+ if(ind-s < 0){
+ mult = 1 - (s - ind);
+ }else{
+ mult = max(0,min(e-ind,1));
+ }
+ }
+ mult = easer(mult);
+ }
+ return mult*this.a.v;
+ },
+ getValue: function(newCharsFlag) {
+ this.iterateDynamicProperties();
+ this._mdf = newCharsFlag || this._mdf;
+ this._currentTextLength = this.elem.textProperty.currentData.l.length || 0;
+ if(newCharsFlag && this.data.r === 2) {
+ this.e.v = this._currentTextLength;
+ }
+ var divisor = this.data.r === 2 ? 1 : 100 / this.data.totalChars;
+ var o = this.o.v/divisor;
+ var s = this.s.v/divisor + o;
+ var e = (this.e.v/divisor) + o;
+ if(s>e){
+ var _s = s;
+ s = e;
+ e = _s;
+ }
+ this.finalS = s;
+ this.finalE = e;
+ }
+ }
+ extendPrototype([DynamicPropertyContainer], TextSelectorProp);
+
+ function getTextSelectorProp(elem, data,arr) {
+ return new TextSelectorProp(elem, data, arr);
+ }
+
+ return {
+ getTextSelectorProp: getTextSelectorProp
+ };
+}());
+
+
+var pool_factory = (function() {
+ return function(initialLength, _create, _release, _clone) {
+
+ var _length = 0;
+ var _maxLength = initialLength;
+ var pool = createSizedArray(_maxLength);
+
+ var ob = {
+ newElement: newElement,
+ release: release
+ };
+
+ function newElement(){
+ var element;
+ if(_length){
+ _length -= 1;
+ element = pool[_length];
+ } else {
+ element = _create();
+ }
+ return element;
+ }
+
+ function release(element) {
+ if(_length === _maxLength) {
+ pool = pooling.double(pool);
+ _maxLength = _maxLength*2;
+ }
+ if (_release) {
+ _release(element);
+ }
+ pool[_length] = element;
+ _length += 1;
+ }
+
+ function clone() {
+ var clonedElement = newElement();
+ return _clone(clonedElement);
+ }
+
+ return ob;
+ };
+}());
+
+var pooling = (function(){
+
+ function double(arr){
+ return arr.concat(createSizedArray(arr.length));
+ }
+
+ return {
+ double: double
+ };
+}());
+var point_pool = (function(){
+
+ function create() {
+ return createTypedArray('float32', 2);
+ }
+ return pool_factory(8, create);
+}());
+var shape_pool = (function(){
+
+ function create() {
+ return new ShapePath();
+ }
+
+ function release(shapePath) {
+ var len = shapePath._length, i;
+ for(i = 0; i < len; i += 1) {
+ point_pool.release(shapePath.v[i]);
+ point_pool.release(shapePath.i[i]);
+ point_pool.release(shapePath.o[i]);
+ shapePath.v[i] = null;
+ shapePath.i[i] = null;
+ shapePath.o[i] = null;
+ }
+ shapePath._length = 0;
+ shapePath.c = false;
+ }
+
+ function clone(shape) {
+ var cloned = factory.newElement();
+ var i, len = shape._length === undefined ? shape.v.length : shape._length;
+ cloned.setLength(len);
+ cloned.c = shape.c;
+ var pt;
+
+ for(i = 0; i < len; i += 1) {
+ cloned.setTripleAt(shape.v[i][0],shape.v[i][1],shape.o[i][0],shape.o[i][1],shape.i[i][0],shape.i[i][1], i);
+ }
+ return cloned;
+ }
+
+ var factory = pool_factory(4, create, release);
+ factory.clone = clone;
+
+ return factory;
+}());
+var shapeCollection_pool = (function(){
+ var ob = {
+ newShapeCollection: newShapeCollection,
+ release: release
+ };
+
+ var _length = 0;
+ var _maxLength = 4;
+ var pool = createSizedArray(_maxLength);
+
+ function newShapeCollection(){
+ var shapeCollection;
+ if(_length){
+ _length -= 1;
+ shapeCollection = pool[_length];
+ } else {
+ shapeCollection = new ShapeCollection();
+ }
+ return shapeCollection;
+ }
+
+ function release(shapeCollection) {
+ var i, len = shapeCollection._length;
+ for(i = 0; i < len; i += 1) {
+ shape_pool.release(shapeCollection.shapes[i]);
+ }
+ shapeCollection._length = 0;
+
+ if(_length === _maxLength) {
+ pool = pooling.double(pool);
+ _maxLength = _maxLength*2;
+ }
+ pool[_length] = shapeCollection;
+ _length += 1;
+ }
+
+ return ob;
+}());
+var segments_length_pool = (function(){
+
+ function create() {
+ return {
+ lengths: [],
+ totalLength: 0
+ };
+ }
+
+ function release(element) {
+ var i, len = element.lengths.length;
+ for(i=0;i<len;i+=1) {
+ bezier_length_pool.release(element.lengths[i]);
+ }
+ element.lengths.length = 0;
+ }
+
+ return pool_factory(8, create, release);
+}());
+var bezier_length_pool = (function(){
+
+ function create() {
+ return {
+ addedLength: 0,
+ percents: createTypedArray('float32', defaultCurveSegments),
+ lengths: createTypedArray('float32', defaultCurveSegments),
+ };
+ }
+ return pool_factory(8, create);
+}());
+function BaseRenderer(){}
+BaseRenderer.prototype.checkLayers = function(num){
+ var i, len = this.layers.length, data;
+ this.completeLayers = true;
+ for (i = len - 1; i >= 0; i--) {
+ if (!this.elements[i]) {
+ data = this.layers[i];
+ if(data.ip - data.st <= (num - this.layers[i].st) && data.op - data.st > (num - this.layers[i].st))
+ {
+ this.buildItem(i);
+ }
+ }
+ this.completeLayers = this.elements[i] ? this.completeLayers:false;
+ }
+ this.checkPendingElements();
+};
+
+BaseRenderer.prototype.createItem = function(layer){
+ switch(layer.ty){
+ case 2:
+ return this.createImage(layer);
+ case 0:
+ return this.createComp(layer);
+ case 1:
+ return this.createSolid(layer);
+ case 3:
+ return this.createNull(layer);
+ case 4:
+ return this.createShape(layer);
+ case 5:
+ return this.createText(layer);
+ case 13:
+ return this.createCamera(layer);
+ }
+ return this.createNull(layer);
+};
+
+BaseRenderer.prototype.createCamera = function(){
+ throw new Error('You\'re using a 3d camera. Try the html renderer.');
+};
+
+BaseRenderer.prototype.buildAllItems = function(){
+ var i, len = this.layers.length;
+ for(i=0;i<len;i+=1){
+ this.buildItem(i);
+ }
+ this.checkPendingElements();
+};
+
+BaseRenderer.prototype.includeLayers = function(newLayers){
+ this.completeLayers = false;
+ var i, len = newLayers.length;
+ var j, jLen = this.layers.length;
+ for(i=0;i<len;i+=1){
+ j = 0;
+ while(j<jLen){
+ if(this.layers[j].id == newLayers[i].id){
+ this.layers[j] = newLayers[i];
+ break;
+ }
+ j += 1;
+ }
+ }
+};
+
+BaseRenderer.prototype.setProjectInterface = function(pInterface){
+ this.globalData.projectInterface = pInterface;
+};
+
+BaseRenderer.prototype.initItems = function(){
+ if(!this.globalData.progressiveLoad){
+ this.buildAllItems();
+ }
+};
+BaseRenderer.prototype.buildElementParenting = function(element, parentName, hierarchy) {
+ var elements = this.elements;
+ var layers = this.layers;
+ var i=0, len = layers.length;
+ while (i < len) {
+ if (layers[i].ind == parentName) {
+ if (!elements[i] || elements[i] === true) {
+ this.buildItem(i);
+ this.addPendingElement(element);
+ } else {
+ hierarchy.push(elements[i]);
+ elements[i].setAsParent();
+ if(layers[i].parent !== undefined) {
+ this.buildElementParenting(element, layers[i].parent, hierarchy);
+ } else {
+ element.setHierarchy(hierarchy);
+ }
+ }
+ }
+ i += 1;
+ }
+};
+
+BaseRenderer.prototype.addPendingElement = function(element){
+ this.pendingElements.push(element);
+};
+
+BaseRenderer.prototype.searchExtraCompositions = function(assets){
+ var i, len = assets.length;
+ for(i=0;i<len;i+=1){
+ if(assets[i].xt){
+ var comp = this.createComp(assets[i]);
+ comp.initExpressions();
+ this.globalData.projectInterface.registerComposition(comp);
+ }
+ }
+};
+
+BaseRenderer.prototype.setupGlobalData = function(animData, fontsContainer) {
+ this.globalData.fontManager = new FontManager();
+ this.globalData.fontManager.addChars(animData.chars);
+ this.globalData.fontManager.addFonts(animData.fonts, fontsContainer);
+ this.globalData.getAssetData = this.animationItem.getAssetData.bind(this.animationItem);
+ this.globalData.getAssetsPath = this.animationItem.getAssetsPath.bind(this.animationItem);
+ this.globalData.imageLoader = this.animationItem.imagePreloader;
+ this.globalData.frameId = 0;
+ this.globalData.frameRate = animData.fr;
+ this.globalData.nm = animData.nm;
+ this.globalData.compSize = {
+ w: animData.w,
+ h: animData.h
+ }
+}
+function SVGRenderer(animationItem, config){
+ this.animationItem = animationItem;
+ this.layers = null;
+ this.renderedFrame = -1;
+ this.svgElement = createNS('svg');
+ var defs = createNS( 'defs');
+ this.svgElement.appendChild(defs);
+ var maskElement = createNS('g');
+ this.svgElement.appendChild(maskElement);
+ this.layerElement = maskElement;
+ this.renderConfig = {
+ preserveAspectRatio: (config && config.preserveAspectRatio) || 'xMidYMid meet',
+ imagePreserveAspectRatio: (config && config.imagePreserveAspectRatio) || 'xMidYMid slice',
+ progressiveLoad: (config && config.progressiveLoad) || false,
+ hideOnTransparent: (config && config.hideOnTransparent === false) ? false : true,
+ viewBoxOnly: (config && config.viewBoxOnly) || false,
+ viewBoxSize: (config && config.viewBoxSize) || false,
+ className: (config && config.className) || ''
+ };
+ this.globalData = {
+ _mdf: false,
+ frameNum: -1,
+ defs: defs,
+ renderConfig: this.renderConfig
+ };
+ this.elements = [];
+ this.pendingElements = [];
+ this.destroyed = false;
+ this.rendererType = 'svg';
+
+}
+
+extendPrototype([BaseRenderer],SVGRenderer);
+
+SVGRenderer.prototype.createNull = function (data) {
+ return new NullElement(data,this.globalData,this);
+};
+
+SVGRenderer.prototype.createShape = function (data) {
+ return new SVGShapeElement(data,this.globalData,this);
+};
+
+SVGRenderer.prototype.createText = function (data) {
+ return new SVGTextElement(data,this.globalData,this);
+
+};
+
+SVGRenderer.prototype.createImage = function (data) {
+ return new IImageElement(data,this.globalData,this);
+};
+
+SVGRenderer.prototype.createComp = function (data) {
+ return new SVGCompElement(data,this.globalData,this);
+
+};
+
+SVGRenderer.prototype.createSolid = function (data) {
+ return new ISolidElement(data,this.globalData,this);
+};
+
+SVGRenderer.prototype.configAnimation = function(animData){
+ this.svgElement.setAttribute('xmlns','http://www.w3.org/2000/svg');
+ if(this.renderConfig.viewBoxSize) {
+ this.svgElement.setAttribute('viewBox',this.renderConfig.viewBoxSize);
+ } else {
+ this.svgElement.setAttribute('viewBox','0 0 '+animData.w+' '+animData.h);
+ }
+
+ if(!this.renderConfig.viewBoxOnly) {
+ this.svgElement.setAttribute('width',animData.w);
+ this.svgElement.setAttribute('height',animData.h);
+ this.svgElement.style.width = '100%';
+ this.svgElement.style.height = '100%';
+ this.svgElement.style.transform = 'translate3d(0,0,0)';
+ }
+ if(this.renderConfig.className) {
+ this.svgElement.setAttribute('class', this.renderConfig.className);
+ }
+ this.svgElement.setAttribute('preserveAspectRatio',this.renderConfig.preserveAspectRatio);
+ //this.layerElement.style.transform = 'translate3d(0,0,0)';
+ //this.layerElement.style.transformOrigin = this.layerElement.style.mozTransformOrigin = this.layerElement.style.webkitTransformOrigin = this.layerElement.style['-webkit-transform'] = "0px 0px 0px";
+ this.animationItem.wrapper.appendChild(this.svgElement);
+ //Mask animation
+ var defs = this.globalData.defs;
+
+ this.setupGlobalData(animData, defs);
+ this.globalData.progressiveLoad = this.renderConfig.progressiveLoad;
+ this.data = animData;
+
+ var maskElement = createNS( 'clipPath');
+ var rect = createNS('rect');
+ rect.setAttribute('width',animData.w);
+ rect.setAttribute('height',animData.h);
+ rect.setAttribute('x',0);
+ rect.setAttribute('y',0);
+ var maskId = 'animationMask_'+randomString(10);
+ maskElement.setAttribute('id', maskId);
+ maskElement.appendChild(rect);
+ this.layerElement.setAttribute("clip-path", "url(" + locationHref + "#"+maskId+")");
+
+ defs.appendChild(maskElement);
+ this.layers = animData.layers;
+ this.elements = createSizedArray(animData.layers.length);
+};
+
+
+SVGRenderer.prototype.destroy = function () {
+ this.animationItem.wrapper.innerHTML = '';
+ this.layerElement = null;
+ this.globalData.defs = null;
+ var i, len = this.layers ? this.layers.length : 0;
+ for (i = 0; i < len; i++) {
+ if(this.elements[i]){
+ this.elements[i].destroy();
+ }
+ }
+ this.elements.length = 0;
+ this.destroyed = true;
+ this.animationItem = null;
+};
+
+SVGRenderer.prototype.updateContainerSize = function () {
+};
+
+SVGRenderer.prototype.buildItem = function(pos){
+ var elements = this.elements;
+ if(elements[pos] || this.layers[pos].ty == 99){
+ return;
+ }
+ elements[pos] = true;
+ var element = this.createItem(this.layers[pos]);
+
+ elements[pos] = element;
+ if(expressionsPlugin){
+ if(this.layers[pos].ty === 0){
+ this.globalData.projectInterface.registerComposition(element);
+ }
+ element.initExpressions();
+ }
+ this.appendElementInPos(element,pos);
+ if(this.layers[pos].tt){
+ if(!this.elements[pos - 1] || this.elements[pos - 1] === true){
+ this.buildItem(pos - 1);
+ this.addPendingElement(element);
+ } else {
+ element.setMatte(elements[pos - 1].layerId);
+ }
+ }
+};
+
+SVGRenderer.prototype.checkPendingElements = function(){
+ while(this.pendingElements.length){
+ var element = this.pendingElements.pop();
+ element.checkParenting();
+ if(element.data.tt){
+ var i = 0, len = this.elements.length;
+ while(i<len){
+ if(this.elements[i] === element){
+ element.setMatte(this.elements[i - 1].layerId);
+ break;
+ }
+ i += 1;
+ }
+ }
+ }
+};
+
+SVGRenderer.prototype.renderFrame = function(num){
+ if(this.renderedFrame === num || this.destroyed){
+ return;
+ }
+ if(num === null){
+ num = this.renderedFrame;
+ }else{
+ this.renderedFrame = num;
+ }
+ // console.log('-------');
+ // console.log('FRAME ',num);
+ this.globalData.frameNum = num;
+ this.globalData.frameId += 1;
+ this.globalData.projectInterface.currentFrame = num;
+ this.globalData._mdf = false;
+ var i, len = this.layers.length;
+ if(!this.completeLayers){
+ this.checkLayers(num);
+ }
+ for (i = len - 1; i >= 0; i--) {
+ if(this.completeLayers || this.elements[i]){
+ this.elements[i].prepareFrame(num - this.layers[i].st);
+ }
+ }
+ if(this.globalData._mdf) {
+ for (i = 0; i < len; i += 1) {
+ if(this.completeLayers || this.elements[i]){
+ this.elements[i].renderFrame();
+ }
+ }
+ }
+};
+
+SVGRenderer.prototype.appendElementInPos = function(element, pos){
+ var newElement = element.getBaseElement();
+ if(!newElement){
+ return;
+ }
+ var i = 0;
+ var nextElement;
+ while(i<pos){
+ if(this.elements[i] && this.elements[i]!== true && this.elements[i].getBaseElement()){
+ nextElement = this.elements[i].getBaseElement();
+ }
+ i += 1;
+ }
+ if(nextElement){
+ this.layerElement.insertBefore(newElement, nextElement);
+ } else {
+ this.layerElement.appendChild(newElement);
+ }
+};
+
+SVGRenderer.prototype.hide = function(){
+ this.layerElement.style.display = 'none';
+};
+
+SVGRenderer.prototype.show = function(){
+ this.layerElement.style.display = 'block';
+};
+
+function HybridRenderer(animationItem, config){
+ this.animationItem = animationItem;
+ this.layers = null;
+ this.renderedFrame = -1;
+ this.renderConfig = {
+ className: (config && config.className) || '',
+ imagePreserveAspectRatio: (config && config.imagePreserveAspectRatio) || 'xMidYMid slice',
+ hideOnTransparent: (config && config.hideOnTransparent === false) ? false : true
+ };
+ this.globalData = {
+ _mdf: false,
+ frameNum: -1,
+ renderConfig: this.renderConfig
+ };
+ this.pendingElements = [];
+ this.elements = [];
+ this.threeDElements = [];
+ this.destroyed = false;
+ this.camera = null;
+ this.supports3d = true;
+ this.rendererType = 'html';
+
+}
+
+extendPrototype([BaseRenderer],HybridRenderer);
+
+HybridRenderer.prototype.buildItem = SVGRenderer.prototype.buildItem;
+
+HybridRenderer.prototype.checkPendingElements = function(){
+ while(this.pendingElements.length){
+ var element = this.pendingElements.pop();
+ element.checkParenting();
+ }
+};
+
+HybridRenderer.prototype.appendElementInPos = function(element, pos){
+ var newDOMElement = element.getBaseElement();
+ if(!newDOMElement){
+ return;
+ }
+ var layer = this.layers[pos];
+ if(!layer.ddd || !this.supports3d){
+ if(this.threeDElements) {
+ this.addTo3dContainer(newDOMElement,pos);
+ } else {
+ var i = 0;
+ var nextDOMElement, nextLayer, tmpDOMElement;
+ while(i<pos){
+ if(this.elements[i] && this.elements[i]!== true && this.elements[i].getBaseElement){
+ nextLayer = this.elements[i];
+ tmpDOMElement = this.layers[i].ddd ? this.getThreeDContainerByPos(i) : nextLayer.getBaseElement();
+ nextDOMElement = tmpDOMElement || nextDOMElement;
+ }
+ i += 1;
+ }
+ if(nextDOMElement){
+ if(!layer.ddd || !this.supports3d){
+ this.layerElement.insertBefore(newDOMElement, nextDOMElement);
+ }
+ } else {
+ if(!layer.ddd || !this.supports3d){
+ this.layerElement.appendChild(newDOMElement);
+ }
+ }
+ }
+
+ } else {
+ this.addTo3dContainer(newDOMElement,pos);
+ }
+};
+
+HybridRenderer.prototype.createShape = function (data) {
+ if(!this.supports3d){
+ return new SVGShapeElement(data, this.globalData, this);
+ }
+ return new HShapeElement(data, this.globalData, this);
+};
+
+HybridRenderer.prototype.createText = function (data) {
+ if(!this.supports3d){
+ return new SVGTextElement(data, this.globalData, this);
+ }
+ return new HTextElement(data, this.globalData, this);
+};
+
+HybridRenderer.prototype.createCamera = function (data) {
+ this.camera = new HCameraElement(data, this.globalData, this);
+ return this.camera;
+};
+
+HybridRenderer.prototype.createImage = function (data) {
+ if(!this.supports3d){
+ return new IImageElement(data, this.globalData, this);
+ }
+ return new HImageElement(data, this.globalData, this);
+};
+
+HybridRenderer.prototype.createComp = function (data) {
+ if(!this.supports3d){
+ return new SVGCompElement(data, this.globalData, this);
+ }
+ return new HCompElement(data, this.globalData, this);
+
+};
+
+HybridRenderer.prototype.createSolid = function (data) {
+ if(!this.supports3d){
+ return new ISolidElement(data, this.globalData, this);
+ }
+ return new HSolidElement(data, this.globalData, this);
+};
+
+HybridRenderer.prototype.createNull = SVGRenderer.prototype.createNull;
+
+HybridRenderer.prototype.getThreeDContainerByPos = function(pos){
+ var i = 0, len = this.threeDElements.length;
+ while(i<len) {
+ if(this.threeDElements[i].startPos <= pos && this.threeDElements[i].endPos >= pos) {
+ return this.threeDElements[i].perspectiveElem;
+ }
+ i += 1;
+ }
+};
+
+HybridRenderer.prototype.createThreeDContainer = function(pos, type){
+ var perspectiveElem = createTag('div');
+ styleDiv(perspectiveElem);
+ var container = createTag('div');
+ styleDiv(container);
+ if(type === '3d') {
+ perspectiveElem.style.width = this.globalData.compSize.w+'px';
+ perspectiveElem.style.height = this.globalData.compSize.h+'px';
+ perspectiveElem.style.transformOrigin = perspectiveElem.style.mozTransformOrigin = perspectiveElem.style.webkitTransformOrigin = "50% 50%";
+ container.style.transform = container.style.webkitTransform = 'matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)';
+ }
+
+ perspectiveElem.appendChild(container);
+ //this.resizerElem.appendChild(perspectiveElem);
+ var threeDContainerData = {
+ container:container,
+ perspectiveElem:perspectiveElem,
+ startPos: pos,
+ endPos: pos,
+ type: type
+ };
+ this.threeDElements.push(threeDContainerData);
+ return threeDContainerData;
+};
+
+HybridRenderer.prototype.build3dContainers = function(){
+ var i, len = this.layers.length;
+ var lastThreeDContainerData;
+ var currentContainer = '';
+ for(i=0;i<len;i+=1){
+ if(this.layers[i].ddd && this.layers[i].ty !== 3){
+ if(currentContainer !== '3d'){
+ currentContainer = '3d';
+ lastThreeDContainerData = this.createThreeDContainer(i,'3d');
+ }
+ lastThreeDContainerData.endPos = Math.max(lastThreeDContainerData.endPos,i);
+ } else {
+ if(currentContainer !== '2d'){
+ currentContainer = '2d';
+ lastThreeDContainerData = this.createThreeDContainer(i,'2d');
+ }
+ lastThreeDContainerData.endPos = Math.max(lastThreeDContainerData.endPos,i);
+ }
+ }
+ len = this.threeDElements.length;
+ for(i = len - 1; i >= 0; i --) {
+ this.resizerElem.appendChild(this.threeDElements[i].perspectiveElem);
+ }
+};
+
+HybridRenderer.prototype.addTo3dContainer = function(elem,pos){
+ var i = 0, len = this.threeDElements.length;
+ while(i<len){
+ if(pos <= this.threeDElements[i].endPos){
+ var j = this.threeDElements[i].startPos;
+ var nextElement;
+ while(j<pos){
+ if(this.elements[j] && this.elements[j].getBaseElement){
+ nextElement = this.elements[j].getBaseElement();
+ }
+ j += 1;
+ }
+ if(nextElement){
+ this.threeDElements[i].container.insertBefore(elem, nextElement);
+ } else {
+ this.threeDElements[i].container.appendChild(elem);
+ }
+ break;
+ }
+ i += 1;
+ }
+};
+
+HybridRenderer.prototype.configAnimation = function(animData){
+ var resizerElem = createTag('div');
+ var wrapper = this.animationItem.wrapper;
+ resizerElem.style.width = animData.w+'px';
+ resizerElem.style.height = animData.h+'px';
+ this.resizerElem = resizerElem;
+ styleDiv(resizerElem);
+ resizerElem.style.transformStyle = resizerElem.style.webkitTransformStyle = resizerElem.style.mozTransformStyle = "flat";
+ if(this.renderConfig.className) {
+ resizerElem.setAttribute('class', this.renderConfig.className);
+ }
+ wrapper.appendChild(resizerElem);
+
+ resizerElem.style.overflow = 'hidden';
+ var svg = createNS('svg');
+ svg.setAttribute('width','1');
+ svg.setAttribute('height','1');
+ styleDiv(svg);
+ this.resizerElem.appendChild(svg);
+ var defs = createNS('defs');
+ svg.appendChild(defs);
+ this.data = animData;
+ //Mask animation
+ this.setupGlobalData(animData, svg);
+ this.globalData.defs = defs;
+ this.layers = animData.layers;
+ this.layerElement = this.resizerElem;
+ this.build3dContainers();
+ this.updateContainerSize();
+};
+
+HybridRenderer.prototype.destroy = function () {
+ this.animationItem.wrapper.innerHTML = '';
+ this.animationItem.container = null;
+ this.globalData.defs = null;
+ var i, len = this.layers ? this.layers.length : 0;
+ for (i = 0; i < len; i++) {
+ this.elements[i].destroy();
+ }
+ this.elements.length = 0;
+ this.destroyed = true;
+ this.animationItem = null;
+};
+
+HybridRenderer.prototype.updateContainerSize = function () {
+ var elementWidth = this.animationItem.wrapper.offsetWidth;
+ var elementHeight = this.animationItem.wrapper.offsetHeight;
+ var elementRel = elementWidth/elementHeight;
+ var animationRel = this.globalData.compSize.w/this.globalData.compSize.h;
+ var sx,sy,tx,ty;
+ if(animationRel>elementRel){
+ sx = elementWidth/(this.globalData.compSize.w);
+ sy = elementWidth/(this.globalData.compSize.w);
+ tx = 0;
+ ty = ((elementHeight-this.globalData.compSize.h*(elementWidth/this.globalData.compSize.w))/2);
+ }else{
+ sx = elementHeight/(this.globalData.compSize.h);
+ sy = elementHeight/(this.globalData.compSize.h);
+ tx = (elementWidth-this.globalData.compSize.w*(elementHeight/this.globalData.compSize.h))/2;
+ ty = 0;
+ }
+ this.resizerElem.style.transform = this.resizerElem.style.webkitTransform = 'matrix3d(' + sx + ',0,0,0,0,'+sy+',0,0,0,0,1,0,'+tx+','+ty+',0,1)';
+};
+
+HybridRenderer.prototype.renderFrame = SVGRenderer.prototype.renderFrame;
+
+HybridRenderer.prototype.hide = function(){
+ this.resizerElem.style.display = 'none';
+};
+
+HybridRenderer.prototype.show = function(){
+ this.resizerElem.style.display = 'block';
+};
+
+HybridRenderer.prototype.initItems = function(){
+ this.buildAllItems();
+ if(this.camera){
+ this.camera.setup();
+ } else {
+ var cWidth = this.globalData.compSize.w;
+ var cHeight = this.globalData.compSize.h;
+ var i, len = this.threeDElements.length;
+ for(i=0;i<len;i+=1){
+ this.threeDElements[i].perspectiveElem.style.perspective = this.threeDElements[i].perspectiveElem.style.webkitPerspective = Math.sqrt(Math.pow(cWidth,2) + Math.pow(cHeight,2)) + 'px';
+ }
+ }
+};
+
+HybridRenderer.prototype.searchExtraCompositions = function(assets){
+ var i, len = assets.length;
+ var floatingContainer = createTag('div');
+ for(i=0;i<len;i+=1){
+ if(assets[i].xt){
+ var comp = this.createComp(assets[i],floatingContainer,this.globalData.comp,null);
+ comp.initExpressions();
+ this.globalData.projectInterface.registerComposition(comp);
+ }
+ }
+};
+
+function MaskElement(data,element,globalData) {
+ this.data = data;
+ this.element = element;
+ this.globalData = globalData;
+ this.storedData = [];
+ this.masksProperties = this.data.masksProperties || [];
+ this.maskElement = null;
+ var defs = this.globalData.defs;
+ var i, len = this.masksProperties ? this.masksProperties.length : 0;
+ this.viewData = createSizedArray(len);
+ this.solidPath = '';
+
+
+ var path, properties = this.masksProperties;
+ var count = 0;
+ var currentMasks = [];
+ var j, jLen;
+ var layerId = randomString(10);
+ var rect, expansor, feMorph,x;
+ var maskType = 'clipPath', maskRef = 'clip-path';
+ for (i = 0; i < len; i++) {
+
+ if((properties[i].mode !== 'a' && properties[i].mode !== 'n')|| properties[i].inv || properties[i].o.k !== 100){
+ maskType = 'mask';
+ maskRef = 'mask';
+ }
+
+ if((properties[i].mode == 's' || properties[i].mode == 'i') && count === 0){
+ rect = createNS( 'rect');
+ rect.setAttribute('fill', '#ffffff');
+ rect.setAttribute('width', this.element.comp.data.w || 0);
+ rect.setAttribute('height', this.element.comp.data.h || 0);
+ currentMasks.push(rect);
+ } else {
+ rect = null;
+ }
+
+ path = createNS( 'path');
+ if(properties[i].mode == 'n') {
+ // TODO move this to a factory or to a constructor
+ this.viewData[i] = {
+ op: PropertyFactory.getProp(this.element,properties[i].o,0,0.01,this.element),
+ prop: ShapePropertyFactory.getShapeProp(this.element,properties[i],3),
+ elem: path,
+ lastPath: ''
+ };
+ defs.appendChild(path);
+ continue;
+ }
+ count += 1;
+
+ path.setAttribute('fill', properties[i].mode === 's' ? '#000000':'#ffffff');
+ path.setAttribute('clip-rule','nonzero');
+ var filterID;
+
+ if (properties[i].x.k !== 0) {
+ maskType = 'mask';
+ maskRef = 'mask';
+ x = PropertyFactory.getProp(this.element,properties[i].x,0,null,this.element);
+ filterID = 'fi_'+randomString(10);
+ expansor = createNS('filter');
+ expansor.setAttribute('id',filterID);
+ feMorph = createNS('feMorphology');
+ feMorph.setAttribute('operator','dilate');
+ feMorph.setAttribute('in','SourceGraphic');
+ feMorph.setAttribute('radius','0');
+ expansor.appendChild(feMorph);
+ defs.appendChild(expansor);
+ path.setAttribute('stroke', properties[i].mode === 's' ? '#000000':'#ffffff');
+ } else {
+ feMorph = null;
+ x = null;
+ }
+
+ // TODO move this to a factory or to a constructor
+ this.storedData[i] = {
+ elem: path,
+ x: x,
+ expan: feMorph,
+ lastPath: '',
+ lastOperator:'',
+ filterId:filterID,
+ lastRadius:0
+ };
+ if(properties[i].mode == 'i'){
+ jLen = currentMasks.length;
+ var g = createNS('g');
+ for(j=0;j<jLen;j+=1){
+ g.appendChild(currentMasks[j]);
+ }
+ var mask = createNS('mask');
+ mask.setAttribute('mask-type','alpha');
+ mask.setAttribute('id',layerId+'_'+count);
+ mask.appendChild(path);
+ defs.appendChild(mask);
+ g.setAttribute('mask','url(' + locationHref + '#'+layerId+'_'+count+')');
+
+ currentMasks.length = 0;
+ currentMasks.push(g);
+ }else{
+ currentMasks.push(path);
+ }
+ if(properties[i].inv && !this.solidPath){
+ this.solidPath = this.createLayerSolidPath();
+ }
+ // TODO move this to a factory or to a constructor
+ this.viewData[i] = {
+ elem: path,
+ lastPath: '',
+ op: PropertyFactory.getProp(this.element,properties[i].o,0,0.01,this.element),
+ prop:ShapePropertyFactory.getShapeProp(this.element,properties[i],3),
+ invRect: rect
+ };
+ if(!this.viewData[i].prop.k){
+ this.drawPath(properties[i],this.viewData[i].prop.v,this.viewData[i]);
+ }
+ }
+
+ this.maskElement = createNS( maskType);
+
+ len = currentMasks.length;
+ for(i=0;i<len;i+=1){
+ this.maskElement.appendChild(currentMasks[i]);
+ }
+
+ if(count > 0){
+ this.maskElement.setAttribute('id', layerId);
+ this.element.maskedElement.setAttribute(maskRef, "url(" + locationHref + "#" + layerId + ")");
+ defs.appendChild(this.maskElement);
+ }
+ if (this.viewData.length) {
+ this.element.addRenderableComponent(this);
+ }
+
+}
+
+MaskElement.prototype.getMaskProperty = function(pos){
+ return this.viewData[pos].prop;
+};
+
+MaskElement.prototype.renderFrame = function (isFirstFrame) {
+ var finalMat = this.element.finalTransform.mat;
+ var i, len = this.masksProperties.length;
+ for (i = 0; i < len; i++) {
+ if(this.viewData[i].prop._mdf || isFirstFrame){
+ this.drawPath(this.masksProperties[i],this.viewData[i].prop.v,this.viewData[i]);
+ }
+ if(this.viewData[i].op._mdf || isFirstFrame){
+ this.viewData[i].elem.setAttribute('fill-opacity',this.viewData[i].op.v);
+ }
+ if(this.masksProperties[i].mode !== 'n'){
+ if(this.viewData[i].invRect && (this.element.finalTransform.mProp._mdf || isFirstFrame)){
+ this.viewData[i].invRect.setAttribute('x', -finalMat.props[12]);
+ this.viewData[i].invRect.setAttribute('y', -finalMat.props[13]);
+ }
+ if(this.storedData[i].x && (this.storedData[i].x._mdf || isFirstFrame)){
+ var feMorph = this.storedData[i].expan;
+ if(this.storedData[i].x.v < 0){
+ if(this.storedData[i].lastOperator !== 'erode'){
+ this.storedData[i].lastOperator = 'erode';
+ this.storedData[i].elem.setAttribute('filter','url(' + locationHref + '#'+this.storedData[i].filterId+')');
+ }
+ feMorph.setAttribute('radius',-this.storedData[i].x.v);
+ }else{
+ if(this.storedData[i].lastOperator !== 'dilate'){
+ this.storedData[i].lastOperator = 'dilate';
+ this.storedData[i].elem.setAttribute('filter',null);
+ }
+ this.storedData[i].elem.setAttribute('stroke-width', this.storedData[i].x.v*2);
+
+ }
+ }
+ }
+ }
+};
+
+MaskElement.prototype.getMaskelement = function () {
+ return this.maskElement;
+};
+
+MaskElement.prototype.createLayerSolidPath = function(){
+ var path = 'M0,0 ';
+ path += ' h' + this.globalData.compSize.w ;
+ path += ' v' + this.globalData.compSize.h ;
+ path += ' h-' + this.globalData.compSize.w ;
+ path += ' v-' + this.globalData.compSize.h + ' ';
+ return path;
+};
+
+MaskElement.prototype.drawPath = function(pathData,pathNodes,viewData){
+ var pathString = " M"+pathNodes.v[0][0]+','+pathNodes.v[0][1];
+ var i, len;
+ len = pathNodes._length;
+ for(i=1;i<len;i+=1){
+ //pathString += " C"+pathNodes.o[i-1][0]+','+pathNodes.o[i-1][1] + " "+pathNodes.i[i][0]+','+pathNodes.i[i][1] + " "+pathNodes.v[i][0]+','+pathNodes.v[i][1];
+ pathString += " C"+pathNodes.o[i-1][0]+','+pathNodes.o[i-1][1] + " "+pathNodes.i[i][0]+','+pathNodes.i[i][1] + " "+pathNodes.v[i][0]+','+pathNodes.v[i][1];
+ }
+ //pathString += " C"+pathNodes.o[i-1][0]+','+pathNodes.o[i-1][1] + " "+pathNodes.i[0][0]+','+pathNodes.i[0][1] + " "+pathNodes.v[0][0]+','+pathNodes.v[0][1];
+ if(pathNodes.c && len > 1){
+ pathString += " C"+pathNodes.o[i-1][0]+','+pathNodes.o[i-1][1] + " "+pathNodes.i[0][0]+','+pathNodes.i[0][1] + " "+pathNodes.v[0][0]+','+pathNodes.v[0][1];
+ }
+ //pathNodes.__renderedString = pathString;
+
+ if(viewData.lastPath !== pathString){
+ var pathShapeValue = '';
+ if(viewData.elem){
+ if(pathNodes.c){
+ pathShapeValue = pathData.inv ? this.solidPath + pathString : pathString;
+ }
+ viewData.elem.setAttribute('d',pathShapeValue);
+ }
+ viewData.lastPath = pathString;
+ }
+};
+
+MaskElement.prototype.destroy = function(){
+ this.element = null;
+ this.globalData = null;
+ this.maskElement = null;
+ this.data = null;
+ this.masksProperties = null;
+};
+
+/**
+ * @file
+ * Handles AE's layer parenting property.
+ *
+ */
+
+function HierarchyElement(){}
+
+HierarchyElement.prototype = {
+ /**
+ * @function
+ * Initializes hierarchy properties
+ *
+ */
+ initHierarchy: function() {
+ //element's parent list
+ this.hierarchy = [];
+ //if element is parent of another layer _isParent will be true
+ this._isParent = false;
+ this.checkParenting();
+ },
+ /**
+ * @function
+ * Sets layer's hierarchy.
+ * @param {array} hierarch
+ * layer's parent list
+ *
+ */
+ setHierarchy: function(hierarchy){
+ this.hierarchy = hierarchy;
+ },
+ /**
+ * @function
+ * Sets layer as parent.
+ *
+ */
+ setAsParent: function() {
+ this._isParent = true;
+ },
+ /**
+ * @function
+ * Searches layer's parenting chain
+ *
+ */
+ checkParenting: function(){
+ if (this.data.parent !== undefined){
+ this.comp.buildElementParenting(this, this.data.parent, []);
+ }
+ }
+};
+/**
+ * @file
+ * Handles element's layer frame update.
+ * Checks layer in point and out point
+ *
+ */
+
+function FrameElement(){}
+
+FrameElement.prototype = {
+ /**
+ * @function
+ * Initializes frame related properties.
+ *
+ */
+ initFrame: function(){
+ //set to true when inpoint is rendered
+ this._isFirstFrame = false;
+ //list of animated properties
+ this.dynamicProperties = [];
+ // If layer has been modified in current tick this will be true
+ this._mdf = false;
+ },
+ /**
+ * @function
+ * Calculates all dynamic values
+ *
+ * @param {number} num
+ * current frame number in Layer's time
+ * @param {boolean} isVisible
+ * if layers is currently in range
+ *
+ */
+ prepareProperties: function(num, isVisible) {
+ var i, len = this.dynamicProperties.length;
+ for (i = 0;i < len; i += 1) {
+ if (isVisible || (this._isParent && this.dynamicProperties[i].propType === 'transform')) {
+ this.dynamicProperties[i].getValue();
+ if (this.dynamicProperties[i]._mdf) {
+ this.globalData._mdf = true;
+ this._mdf = true;
+ }
+ }
+ }
+ },
+ addDynamicProperty: function(prop) {
+ if(this.dynamicProperties.indexOf(prop) === -1) {
+ this.dynamicProperties.push(prop);
+ }
+ }
+};
+function TransformElement(){}
+
+TransformElement.prototype = {
+ initTransform: function() {
+ this.finalTransform = {
+ mProp: this.data.ks ? TransformPropertyFactory.getTransformProperty(this, this.data.ks, this) : {o:0},
+ _matMdf: false,
+ _opMdf: false,
+ mat: new Matrix()
+ };
+ if (this.data.ao) {
+ this.finalTransform.mProp.autoOriented = true;
+ }
+
+ //TODO: check TYPE 11: Guided elements
+ if (this.data.ty !== 11) {
+ //this.createElements();
+ }
+ },
+ renderTransform: function() {
+
+ this.finalTransform._opMdf = this.finalTransform.mProp.o._mdf || this._isFirstFrame;
+ this.finalTransform._matMdf = this.finalTransform.mProp._mdf || this._isFirstFrame;
+
+ if (this.hierarchy) {
+ var mat;
+ var finalMat = this.finalTransform.mat;
+ var i = 0, len = this.hierarchy.length;
+ //Checking if any of the transformation matrices in the hierarchy chain has changed.
+ if (!this.finalTransform._matMdf) {
+ while (i < len) {
+ if (this.hierarchy[i].finalTransform.mProp._mdf) {
+ this.finalTransform._matMdf = true;
+ break;
+ }
+ i += 1;
+ }
+ }
+
+ if (this.finalTransform._matMdf) {
+ mat = this.finalTransform.mProp.v.props;
+ finalMat.cloneFromProps(mat);
+ for (i = 0; i < len; i += 1) {
+ mat = this.hierarchy[i].finalTransform.mProp.v.props;
+ finalMat.transform(mat[0], mat[1], mat[2], mat[3], mat[4], mat[5], mat[6], mat[7], mat[8], mat[9], mat[10], mat[11], mat[12], mat[13], mat[14], mat[15]);
+ }
+ }
+ }
+ },
+ globalToLocal: function(pt) {
+ var transforms = [];
+ transforms.push(this.finalTransform);
+ var flag = true;
+ var comp = this.comp;
+ while (flag) {
+ if (comp.finalTransform) {
+ if (comp.data.hasMask) {
+ transforms.splice(0, 0, comp.finalTransform);
+ }
+ comp = comp.comp;
+ } else {
+ flag = false;
+ }
+ }
+ var i, len = transforms.length,ptNew;
+ for (i = 0; i < len; i += 1) {
+ ptNew = transforms[i].mat.applyToPointArray(0, 0, 0);
+ //ptNew = transforms[i].mat.applyToPointArray(pt[0],pt[1],pt[2]);
+ pt = [pt[0] - ptNew[0], pt[1] - ptNew[1], 0];
+ }
+ return pt;
+ },
+ mHelper: new Matrix()
+};
+function RenderableElement(){
+
+}
+
+RenderableElement.prototype = {
+ initRenderable: function() {
+ //layer's visibility related to inpoint and outpoint. Rename isVisible to isInRange
+ this.isInRange = false;
+ //layer's display state
+ this.hidden = false;
+ // If layer's transparency equals 0, it can be hidden
+ this.isTransparent = false;
+ //list of animated components
+ this.renderableComponents = [];
+ },
+ addRenderableComponent: function(component) {
+ if(this.renderableComponents.indexOf(component) === -1) {
+ this.renderableComponents.push(component);
+ }
+ },
+ removeRenderableComponent: function(component) {
+ if(this.renderableComponents.indexOf(component) !== -1) {
+ this.renderableComponents.splice(this.renderableComponents.indexOf(component), 1);
+ }
+ },
+ prepareRenderableFrame: function(num) {
+ this.checkLayerLimits(num);
+ },
+ checkTransparency: function(){
+ if(this.finalTransform.mProp.o.v <= 0) {
+ if(!this.isTransparent && this.globalData.renderConfig.hideOnTransparent){
+ this.isTransparent = true;
+ this.hide();
+ }
+ } else if(this.isTransparent) {
+ this.isTransparent = false;
+ this.show();
+ }
+ },
+ /**
+ * @function
+ * Initializes frame related properties.
+ *
+ * @param {number} num
+ * current frame number in Layer's time
+ *
+ */
+ checkLayerLimits: function(num) {
+ if(this.data.ip - this.data.st <= num && this.data.op - this.data.st > num)
+ {
+ if(this.isInRange !== true){
+ this.globalData._mdf = true;
+ this._mdf = true;
+ this.isInRange = true;
+ this.show();
+ }
+ } else {
+ if(this.isInRange !== false){
+ this.globalData._mdf = true;
+ this.isInRange = false;
+ this.hide();
+ }
+ }
+ },
+ renderRenderable: function() {
+ var i, len = this.renderableComponents.length;
+ for(i = 0; i < len; i += 1) {
+ this.renderableComponents[i].renderFrame(this._isFirstFrame);
+ }
+ /*this.maskManager.renderFrame(this.finalTransform.mat);
+ this.renderableEffectsManager.renderFrame(this._isFirstFrame);*/
+ },
+ sourceRectAtTime: function(){
+ return {
+ top:0,
+ left:0,
+ width:100,
+ height:100
+ };
+ },
+ getLayerSize: function(){
+ if(this.data.ty === 5){
+ return {w:this.data.textData.width,h:this.data.textData.height};
+ }else{
+ return {w:this.data.width,h:this.data.height};
+ }
+ }
+};
+function RenderableDOMElement() {}
+
+(function(){
+ var _prototype = {
+ initElement: function(data,globalData,comp) {
+ this.initFrame();
+ this.initBaseData(data, globalData, comp);
+ this.initTransform(data, globalData, comp);
+ this.initHierarchy();
+ this.initRenderable();
+ this.initRendererElement();
+ this.createContainerElements();
+ this.createRenderableComponents();
+ this.createContent();
+ this.hide();
+ },
+ hide: function(){
+ if (!this.hidden && (!this.isInRange || this.isTransparent)) {
+ var elem = this.baseElement || this.layerElement;
+ elem.style.display = 'none';
+ this.hidden = true;
+ }
+ },
+ show: function(){
+ if (this.isInRange && !this.isTransparent){
+ if (!this.data.hd) {
+ var elem = this.baseElement || this.layerElement;
+ elem.style.display = 'block';
+ }
+ this.hidden = false;
+ this._isFirstFrame = true;
+ }
+ },
+ renderFrame: function() {
+ //If it is exported as hidden (data.hd === true) no need to render
+ //If it is not visible no need to render
+ if (this.data.hd || this.hidden) {
+ return;
+ }
+ this.renderTransform();
+ this.renderRenderable();
+ this.renderElement();
+ this.renderInnerContent();
+ if (this._isFirstFrame) {
+ this._isFirstFrame = false;
+ }
+ },
+ renderInnerContent: function() {},
+ prepareFrame: function(num) {
+ this._mdf = false;
+ this.prepareRenderableFrame(num);
+ this.prepareProperties(num, this.isInRange);
+ this.checkTransparency();
+ },
+ destroy: function(){
+ this.innerElem = null;
+ this.destroyBaseElement();
+ }
+ };
+ extendPrototype([RenderableElement, createProxyFunction(_prototype)], RenderableDOMElement);
+}());
+function ProcessedElement(element, position) {
+ this.elem = element;
+ this.pos = position;
+}
+function SVGStyleData(data, level) {
+ this.data = data;
+ this.type = data.ty;
+ this.d = '';
+ this.lvl = level;
+ this._mdf = false;
+ this.closed = data.hd === true;
+ this.pElem = createNS('path');
+ this.msElem = null;
+}
+
+SVGStyleData.prototype.reset = function() {
+ this.d = '';
+ this._mdf = false;
+};
+function SVGShapeData(transformers, level, shape) {
+ this.caches = [];
+ this.styles = [];
+ this.transformers = transformers;
+ this.lStr = '';
+ this.sh = shape;
+ this.lvl = level;
+ //TODO find if there are some cases where _isAnimated can be false.
+ // For now, since shapes add up with other shapes. They have to be calculated every time.
+ // One way of finding out is checking if all styles associated to this shape depend only of this shape
+ this._isAnimated = !!shape.k;
+ // TODO: commenting this for now since all shapes are animated
+ var i = 0, len = transformers.length;
+ while(i < len) {
+ if(transformers[i].mProps.dynamicProperties.length) {
+ this._isAnimated = true;
+ break;
+ }
+ i += 1;
+ }
+}
+
+SVGShapeData.prototype.setAsAnimated = function() {
+ this._isAnimated = true;
+}
+function SVGTransformData(mProps, op, container) {
+ this.transform = {
+ mProps: mProps,
+ op: op,
+ container: container
+ };
+ this.elements = [];
+ this._isAnimated = this.transform.mProps.dynamicProperties.length || this.transform.op.effectsSequence.length;
+}
+function SVGStrokeStyleData(elem, data, styleOb){
+ this.initDynamicPropertyContainer(elem);
+ this.getValue = this.iterateDynamicProperties;
+ this.o = PropertyFactory.getProp(elem,data.o,0,0.01,this);
+ this.w = PropertyFactory.getProp(elem,data.w,0,null,this);
+ this.d = new DashProperty(elem,data.d||{},'svg',this);
+ this.c = PropertyFactory.getProp(elem,data.c,1,255,this);
+ this.style = styleOb;
+ this._isAnimated = !!this._isAnimated;
+}
+
+extendPrototype([DynamicPropertyContainer], SVGStrokeStyleData);
+function SVGFillStyleData(elem, data, styleOb){
+ this.initDynamicPropertyContainer(elem);
+ this.getValue = this.iterateDynamicProperties;
+ this.o = PropertyFactory.getProp(elem,data.o,0,0.01,this);
+ this.c = PropertyFactory.getProp(elem,data.c,1,255,this);
+ this.style = styleOb;
+}
+
+extendPrototype([DynamicPropertyContainer], SVGFillStyleData);
+function SVGGradientFillStyleData(elem, data, styleOb){
+ this.initDynamicPropertyContainer(elem);
+ this.getValue = this.iterateDynamicProperties;
+ this.initGradientData(elem, data, styleOb);
+}
+
+SVGGradientFillStyleData.prototype.initGradientData = function(elem, data, styleOb){
+ this.o = PropertyFactory.getProp(elem,data.o,0,0.01,this);
+ this.s = PropertyFactory.getProp(elem,data.s,1,null,this);
+ this.e = PropertyFactory.getProp(elem,data.e,1,null,this);
+ this.h = PropertyFactory.getProp(elem,data.h||{k:0},0,0.01,this);
+ this.a = PropertyFactory.getProp(elem,data.a||{k:0},0,degToRads,this);
+ this.g = new GradientProperty(elem,data.g,this);
+ this.style = styleOb;
+ this.stops = [];
+ this.setGradientData(styleOb.pElem, data);
+ this.setGradientOpacity(data, styleOb);
+ this._isAnimated = !!this._isAnimated;
+
+};
+
+SVGGradientFillStyleData.prototype.setGradientData = function(pathElement,data){
+
+ var gradientId = 'gr_'+randomString(10);
+ var gfill = createNS(data.t === 1 ? 'linearGradient' : 'radialGradient');
+ gfill.setAttribute('id',gradientId);
+ gfill.setAttribute('spreadMethod','pad');
+ gfill.setAttribute('gradientUnits','userSpaceOnUse');
+ var stops = [];
+ var stop, j, jLen;
+ jLen = data.g.p*4;
+ for(j=0;j<jLen;j+=4){
+ stop = createNS('stop');
+ gfill.appendChild(stop);
+ stops.push(stop);
+ }
+ pathElement.setAttribute( data.ty === 'gf' ? 'fill':'stroke','url(' + locationHref + '#'+gradientId+')');
+
+ this.gf = gfill;
+ this.cst = stops;
+};
+
+SVGGradientFillStyleData.prototype.setGradientOpacity = function(data, styleOb){
+ if(this.g._hasOpacity && !this.g._collapsable){
+ var stop, j, jLen;
+ var mask = createNS("mask");
+ var maskElement = createNS( 'path');
+ mask.appendChild(maskElement);
+ var opacityId = 'op_'+randomString(10);
+ var maskId = 'mk_'+randomString(10);
+ mask.setAttribute('id',maskId);
+ var opFill = createNS(data.t === 1 ? 'linearGradient' : 'radialGradient');
+ opFill.setAttribute('id',opacityId);
+ opFill.setAttribute('spreadMethod','pad');
+ opFill.setAttribute('gradientUnits','userSpaceOnUse');
+ jLen = data.g.k.k[0].s ? data.g.k.k[0].s.length : data.g.k.k.length;
+ var stops = this.stops;
+ for(j=data.g.p*4;j<jLen;j+=2){
+ stop = createNS('stop');
+ stop.setAttribute('stop-color','rgb(255,255,255)');
+ opFill.appendChild(stop);
+ stops.push(stop);
+ }
+ maskElement.setAttribute( data.ty === 'gf' ? 'fill':'stroke','url(' + locationHref + '#'+opacityId+')');
+ this.of = opFill;
+ this.ms = mask;
+ this.ost = stops;
+ this.maskId = maskId;
+ styleOb.msElem = maskElement;
+ }
+};
+
+extendPrototype([DynamicPropertyContainer], SVGGradientFillStyleData);
+function SVGGradientStrokeStyleData(elem, data, styleOb){
+ this.initDynamicPropertyContainer(elem);
+ this.getValue = this.iterateDynamicProperties;
+ this.w = PropertyFactory.getProp(elem,data.w,0,null,this);
+ this.d = new DashProperty(elem,data.d||{},'svg',this);
+ this.initGradientData(elem, data, styleOb);
+ this._isAnimated = !!this._isAnimated;
+}
+
+extendPrototype([SVGGradientFillStyleData, DynamicPropertyContainer], SVGGradientStrokeStyleData);
+function ShapeGroupData() {
+ this.it = [];
+ this.prevViewData = [];
+ this.gr = createNS('g');
+}
+var SVGElementsRenderer = (function() {
+ var _identityMatrix = new Matrix();
+ var _matrixHelper = new Matrix();
+
+ var ob = {
+ createRenderFunction: createRenderFunction
+ }
+
+ function createRenderFunction(data) {
+ var ty = data.ty;
+ switch(data.ty) {
+ case 'fl':
+ return renderFill;
+ case 'gf':
+ return renderGradient;
+ case 'gs':
+ return renderGradientStroke;
+ case 'st':
+ return renderStroke;
+ case 'sh':
+ case 'el':
+ case 'rc':
+ case 'sr':
+ return renderPath;
+ case 'tr':
+ return renderContentTransform;
+ }
+ }
+
+ function renderContentTransform(styleData, itemData, isFirstFrame) {
+ if(isFirstFrame || itemData.transform.op._mdf){
+ itemData.transform.container.setAttribute('opacity',itemData.transform.op.v);
+ }
+ if(isFirstFrame || itemData.transform.mProps._mdf){
+ itemData.transform.container.setAttribute('transform',itemData.transform.mProps.v.to2dCSS());
+ }
+ }
+
+ function renderPath(styleData, itemData, isFirstFrame) {
+ var j, jLen,pathStringTransformed,redraw,pathNodes,l, lLen = itemData.styles.length;
+ var lvl = itemData.lvl;
+ var paths, mat, props, iterations, k;
+ for(l=0;l<lLen;l+=1){
+ redraw = itemData.sh._mdf || isFirstFrame;
+ if(itemData.styles[l].lvl < lvl){
+ mat = _matrixHelper.reset();
+ iterations = lvl - itemData.styles[l].lvl;
+ k = itemData.transformers.length-1;
+ while(!redraw && iterations > 0) {
+ redraw = itemData.transformers[k].mProps._mdf || redraw;
+ iterations --;
+ k --;
+ }
+ if(redraw) {
+ iterations = lvl - itemData.styles[l].lvl;
+ k = itemData.transformers.length-1;
+ while(iterations > 0) {
+ props = itemData.transformers[k].mProps.v.props;
+ mat.transform(props[0],props[1],props[2],props[3],props[4],props[5],props[6],props[7],props[8],props[9],props[10],props[11],props[12],props[13],props[14],props[15]);
+ iterations --;
+ k --;
+ }
+ }
+ } else {
+ mat = _identityMatrix;
+ }
+ paths = itemData.sh.paths;
+ jLen = paths._length;
+ if(redraw){
+ pathStringTransformed = '';
+ for(j=0;j<jLen;j+=1){
+ pathNodes = paths.shapes[j];
+ if(pathNodes && pathNodes._length){
+ pathStringTransformed += buildShapeString(pathNodes, pathNodes._length, pathNodes.c, mat);
+ }
+ }
+ itemData.caches[l] = pathStringTransformed;
+ } else {
+ pathStringTransformed = itemData.caches[l];
+ }
+ itemData.styles[l].d += styleData.hd === true ? '' : pathStringTransformed;
+ itemData.styles[l]._mdf = redraw || itemData.styles[l]._mdf;
+ }
+ }
+
+ function renderFill (styleData,itemData, isFirstFrame){
+ var styleElem = itemData.style;
+
+ if(itemData.c._mdf || isFirstFrame){
+ styleElem.pElem.setAttribute('fill','rgb('+bm_floor(itemData.c.v[0])+','+bm_floor(itemData.c.v[1])+','+bm_floor(itemData.c.v[2])+')');
+ }
+ if(itemData.o._mdf || isFirstFrame){
+ styleElem.pElem.setAttribute('fill-opacity',itemData.o.v);
+ }
+ };
+
+ function renderGradientStroke (styleData, itemData, isFirstFrame) {
+ renderGradient(styleData, itemData, isFirstFrame);
+ renderStroke(styleData, itemData, isFirstFrame);
+ }
+
+ function renderGradient(styleData, itemData, isFirstFrame) {
+ var gfill = itemData.gf;
+ var hasOpacity = itemData.g._hasOpacity;
+ var pt1 = itemData.s.v, pt2 = itemData.e.v;
+
+ if (itemData.o._mdf || isFirstFrame) {
+ var attr = styleData.ty === 'gf' ? 'fill-opacity' : 'stroke-opacity';
+ itemData.style.pElem.setAttribute(attr, itemData.o.v);
+ }
+ if (itemData.s._mdf || isFirstFrame) {
+ var attr1 = styleData.t === 1 ? 'x1' : 'cx';
+ var attr2 = attr1 === 'x1' ? 'y1' : 'cy';
+ gfill.setAttribute(attr1, pt1[0]);
+ gfill.setAttribute(attr2, pt1[1]);
+ if (hasOpacity && !itemData.g._collapsable) {
+ itemData.of.setAttribute(attr1, pt1[0]);
+ itemData.of.setAttribute(attr2, pt1[1]);
+ }
+ }
+ var stops, i, len, stop;
+ if (itemData.g._cmdf || isFirstFrame) {
+ stops = itemData.cst;
+ var cValues = itemData.g.c;
+ len = stops.length;
+ for (i = 0; i < len; i += 1){
+ stop = stops[i];
+ stop.setAttribute('offset', cValues[i * 4] + '%');
+ stop.setAttribute('stop-color','rgb('+ cValues[i * 4 + 1] + ',' + cValues[i * 4 + 2] + ','+cValues[i * 4 + 3] + ')');
+ }
+ }
+ if (hasOpacity && (itemData.g._omdf || isFirstFrame)) {
+ var oValues = itemData.g.o;
+ if(itemData.g._collapsable) {
+ stops = itemData.cst;
+ } else {
+ stops = itemData.ost;
+ }
+ len = stops.length;
+ for (i = 0; i < len; i += 1) {
+ stop = stops[i];
+ if(!itemData.g._collapsable) {
+ stop.setAttribute('offset', oValues[i * 2] + '%');
+ }
+ stop.setAttribute('stop-opacity', oValues[i * 2 + 1]);
+ }
+ }
+ if (styleData.t === 1) {
+ if (itemData.e._mdf || isFirstFrame) {
+ gfill.setAttribute('x2', pt2[0]);
+ gfill.setAttribute('y2', pt2[1]);
+ if (hasOpacity && !itemData.g._collapsable) {
+ itemData.of.setAttribute('x2', pt2[0]);
+ itemData.of.setAttribute('y2', pt2[1]);
+ }
+ }
+ } else {
+ var rad;
+ if (itemData.s._mdf || itemData.e._mdf || isFirstFrame) {
+ rad = Math.sqrt(Math.pow(pt1[0] - pt2[0], 2) + Math.pow(pt1[1] - pt2[1], 2));
+ gfill.setAttribute('r', rad);
+ if(hasOpacity && !itemData.g._collapsable){
+ itemData.of.setAttribute('r', rad);
+ }
+ }
+ if (itemData.e._mdf || itemData.h._mdf || itemData.a._mdf || isFirstFrame) {
+ if (!rad) {
+ rad = Math.sqrt(Math.pow(pt1[0] - pt2[0], 2) + Math.pow(pt1[1] - pt2[1], 2));
+ }
+ var ang = Math.atan2(pt2[1] - pt1[1], pt2[0] - pt1[0]);
+
+ var percent = itemData.h.v >= 1 ? 0.99 : itemData.h.v <= -1 ? -0.99: itemData.h.v;
+ var dist = rad * percent;
+ var x = Math.cos(ang + itemData.a.v) * dist + pt1[0];
+ var y = Math.sin(ang + itemData.a.v) * dist + pt1[1];
+ gfill.setAttribute('fx', x);
+ gfill.setAttribute('fy', y);
+ if (hasOpacity && !itemData.g._collapsable) {
+ itemData.of.setAttribute('fx', x);
+ itemData.of.setAttribute('fy', y);
+ }
+ }
+ //gfill.setAttribute('fy','200');
+ }
+ };
+
+ function renderStroke(styleData, itemData, isFirstFrame) {
+ var styleElem = itemData.style;
+ var d = itemData.d;
+ if (d && (d._mdf || isFirstFrame) && d.dashStr) {
+ styleElem.pElem.setAttribute('stroke-dasharray', d.dashStr);
+ styleElem.pElem.setAttribute('stroke-dashoffset', d.dashoffset[0]);
+ }
+ if(itemData.c && (itemData.c._mdf || isFirstFrame)){
+ styleElem.pElem.setAttribute('stroke','rgb(' + bm_floor(itemData.c.v[0]) + ',' + bm_floor(itemData.c.v[1]) + ',' + bm_floor(itemData.c.v[2]) + ')');
+ }
+ if(itemData.o._mdf || isFirstFrame){
+ styleElem.pElem.setAttribute('stroke-opacity', itemData.o.v);
+ }
+ if(itemData.w._mdf || isFirstFrame){
+ styleElem.pElem.setAttribute('stroke-width', itemData.w.v);
+ if(styleElem.msElem){
+ styleElem.msElem.setAttribute('stroke-width', itemData.w.v);
+ }
+ }
+ };
+
+ return ob;
+}())
+function ShapeTransformManager() {
+ this.sequences = {};
+ this.sequenceList = [];
+ this.transform_key_count = 0;
+}
+
+ShapeTransformManager.prototype = {
+ addTransformSequence: function(transforms) {
+ var i, len = transforms.length;
+ var key = '_';
+ for(i = 0; i < len; i += 1) {
+ key += transforms[i].transform.key + '_';
+ }
+ var sequence = this.sequences[key];
+ if(!sequence) {
+ sequence = {
+ transforms: [].concat(transforms),
+ finalTransform: new Matrix(),
+ _mdf: false
+ };
+ this.sequences[key] = sequence;
+ this.sequenceList.push(sequence);
+ }
+ return sequence;
+ },
+ processSequence: function(sequence, isFirstFrame) {
+ var i = 0, len = sequence.transforms.length, _mdf = isFirstFrame;
+ while (i < len && !isFirstFrame) {
+ if (sequence.transforms[i].transform.mProps._mdf) {
+ _mdf = true;
+ break;
+ }
+ i += 1
+ }
+ if (_mdf) {
+ var props;
+ sequence.finalTransform.reset();
+ for (i = len - 1; i >= 0; i -= 1) {
+ props = sequence.transforms[i].transform.mProps.v.props;
+ sequence.finalTransform.transform(props[0],props[1],props[2],props[3],props[4],props[5],props[6],props[7],props[8],props[9],props[10],props[11],props[12],props[13],props[14],props[15]);
+ }
+ }
+ sequence._mdf = _mdf;
+
+ },
+ processSequences: function(isFirstFrame) {
+ var i, len = this.sequenceList.length;
+ for (i = 0; i < len; i += 1) {
+ this.processSequence(this.sequenceList[i], isFirstFrame);
+ }
+
+ },
+ getNewKey: function() {
+ return '_' + this.transform_key_count++;
+ }
+}
+function BaseElement(){
+}
+
+BaseElement.prototype = {
+ checkMasks: function(){
+ if(!this.data.hasMask){
+ return false;
+ }
+ var i = 0, len = this.data.masksProperties.length;
+ while(i<len) {
+ if((this.data.masksProperties[i].mode !== 'n' && this.data.masksProperties[i].cl !== false)) {
+ return true;
+ }
+ i += 1;
+ }
+ return false;
+ },
+ initExpressions: function(){
+ this.layerInterface = LayerExpressionInterface(this);
+ if(this.data.hasMask && this.maskManager) {
+ this.layerInterface.registerMaskInterface(this.maskManager);
+ }
+ var effectsInterface = EffectsExpressionInterface.createEffectsInterface(this,this.layerInterface);
+ this.layerInterface.registerEffectsInterface(effectsInterface);
+
+ if(this.data.ty === 0 || this.data.xt){
+ this.compInterface = CompExpressionInterface(this);
+ } else if(this.data.ty === 4){
+ this.layerInterface.shapeInterface = ShapeExpressionInterface(this.shapesData,this.itemsData,this.layerInterface);
+ this.layerInterface.content = this.layerInterface.shapeInterface;
+ } else if(this.data.ty === 5){
+ this.layerInterface.textInterface = TextExpressionInterface(this);
+ this.layerInterface.text = this.layerInterface.textInterface;
+ }
+ },
+ blendModeEnums: {
+ 1:'multiply',
+ 2:'screen',
+ 3:'overlay',
+ 4:'darken',
+ 5:'lighten',
+ 6:'color-dodge',
+ 7:'color-burn',
+ 8:'hard-light',
+ 9:'soft-light',
+ 10:'difference',
+ 11:'exclusion',
+ 12:'hue',
+ 13:'saturation',
+ 14:'color',
+ 15:'luminosity'
+ },
+ getBlendMode: function(){
+ return this.blendModeEnums[this.data.bm] || '';
+ },
+ setBlendMode: function(){
+ var blendModeValue = this.getBlendMode();
+ var elem = this.baseElement || this.layerElement;
+
+ elem.style['mix-blend-mode'] = blendModeValue;
+ },
+ initBaseData: function(data, globalData, comp){
+ this.globalData = globalData;
+ this.comp = comp;
+ this.data = data;
+ this.layerId = 'ly_'+randomString(10);
+
+ //Stretch factor for old animations missing this property.
+ if(!this.data.sr){
+ this.data.sr = 1;
+ }
+ // effects manager
+ this.effectsManager = new EffectsManager(this.data,this,this.dynamicProperties);
+
+ },
+ getType: function(){
+ return this.type;
+ }
+}
+function NullElement(data,globalData,comp){
+ this.initFrame();
+ this.initBaseData(data, globalData, comp);
+ this.initFrame();
+ this.initTransform(data, globalData, comp);
+ this.initHierarchy();
+}
+
+NullElement.prototype.prepareFrame = function(num) {
+ this.prepareProperties(num, true);
+};
+
+NullElement.prototype.renderFrame = function() {
+};
+
+NullElement.prototype.getBaseElement = function() {
+ return null;
+};
+
+NullElement.prototype.destroy = function() {
+};
+
+NullElement.prototype.sourceRectAtTime = function() {
+};
+
+NullElement.prototype.hide = function() {
+};
+
+extendPrototype([BaseElement,TransformElement,HierarchyElement,FrameElement], NullElement);
+
+function SVGBaseElement(){
+}
+
+SVGBaseElement.prototype = {
+ initRendererElement: function() {
+ this.layerElement = createNS('g');
+ },
+ createContainerElements: function(){
+ this.matteElement = createNS('g');
+ this.transformedElement = this.layerElement;
+ this.maskedElement = this.layerElement;
+ this._sizeChanged = false;
+ var layerElementParent = null;
+ //If this layer acts as a mask for the following layer
+ var filId, fil, gg;
+ if (this.data.td) {
+ if (this.data.td == 3 || this.data.td == 1) {
+ var masker = createNS('mask');
+ masker.setAttribute('id', this.layerId);
+ masker.setAttribute('mask-type', this.data.td == 3 ? 'luminance' : 'alpha');
+ masker.appendChild(this.layerElement);
+ layerElementParent = masker;
+ this.globalData.defs.appendChild(masker);
+ // This is only for IE and Edge when mask if of type alpha
+ if (!featureSupport.maskType && this.data.td == 1) {
+ masker.setAttribute('mask-type', 'luminance');
+ filId = randomString(10);
+ fil = filtersFactory.createFilter(filId);
+ this.globalData.defs.appendChild(fil);
+ fil.appendChild(filtersFactory.createAlphaToLuminanceFilter());
+ gg = createNS('g');
+ gg.appendChild(this.layerElement);
+ layerElementParent = gg;
+ masker.appendChild(gg);
+ gg.setAttribute('filter','url(' + locationHref + '#' + filId + ')');
+ }
+ } else if(this.data.td == 2) {
+ var maskGroup = createNS('mask');
+ maskGroup.setAttribute('id', this.layerId);
+ maskGroup.setAttribute('mask-type','alpha');
+ var maskGrouper = createNS('g');
+ maskGroup.appendChild(maskGrouper);
+ filId = randomString(10);
+ fil = filtersFactory.createFilter(filId);
+ ////
+
+ var feColorMatrix = createNS('feColorMatrix');
+ feColorMatrix.setAttribute('type', 'matrix');
+ feColorMatrix.setAttribute('color-interpolation-filters', 'sRGB');
+ feColorMatrix.setAttribute('values','1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1');
+ fil.appendChild(feColorMatrix);
+
+ ////
+ /*var feCTr = createNS('feComponentTransfer');
+ feCTr.setAttribute('in','SourceGraphic');
+ fil.appendChild(feCTr);
+ var feFunc = createNS('feFuncA');
+ feFunc.setAttribute('type','table');
+ feFunc.setAttribute('tableValues','1.0 0.0');
+ feCTr.appendChild(feFunc);*/
+ this.globalData.defs.appendChild(fil);
+ var alphaRect = createNS('rect');
+ alphaRect.setAttribute('width', this.comp.data.w);
+ alphaRect.setAttribute('height', this.comp.data.h);
+ alphaRect.setAttribute('x','0');
+ alphaRect.setAttribute('y','0');
+ alphaRect.setAttribute('fill','#ffffff');
+ alphaRect.setAttribute('opacity','0');
+ maskGrouper.setAttribute('filter', 'url(' + locationHref + '#'+filId+')');
+ maskGrouper.appendChild(alphaRect);
+ maskGrouper.appendChild(this.layerElement);
+ layerElementParent = maskGrouper;
+ if (!featureSupport.maskType) {
+ maskGroup.setAttribute('mask-type', 'luminance');
+ fil.appendChild(filtersFactory.createAlphaToLuminanceFilter());
+ gg = createNS('g');
+ maskGrouper.appendChild(alphaRect);
+ gg.appendChild(this.layerElement);
+ layerElementParent = gg;
+ maskGrouper.appendChild(gg);
+ }
+ this.globalData.defs.appendChild(maskGroup);
+ }
+ } else if (this.data.tt) {
+ this.matteElement.appendChild(this.layerElement);
+ layerElementParent = this.matteElement;
+ this.baseElement = this.matteElement;
+ } else {
+ this.baseElement = this.layerElement;
+ }
+ if (this.data.ln) {
+ this.layerElement.setAttribute('id', this.data.ln);
+ }
+ if (this.data.cl) {
+ this.layerElement.setAttribute('class', this.data.cl);
+ }
+ //Clipping compositions to hide content that exceeds boundaries. If collapsed transformations is on, component should not be clipped
+ if (this.data.ty === 0 && !this.data.hd) {
+ var cp = createNS( 'clipPath');
+ var pt = createNS('path');
+ pt.setAttribute('d','M0,0 L' + this.data.w + ',0' + ' L' + this.data.w + ',' + this.data.h + ' L0,' + this.data.h + 'z');
+ var clipId = 'cp_'+randomString(8);
+ cp.setAttribute('id',clipId);
+ cp.appendChild(pt);
+ this.globalData.defs.appendChild(cp);
+
+ if (this.checkMasks()) {
+ var cpGroup = createNS('g');
+ cpGroup.setAttribute('clip-path','url(' + locationHref + '#'+clipId + ')');
+ cpGroup.appendChild(this.layerElement);
+ this.transformedElement = cpGroup;
+ if (layerElementParent) {
+ layerElementParent.appendChild(this.transformedElement);
+ } else {
+ this.baseElement = this.transformedElement;
+ }
+ } else {
+ this.layerElement.setAttribute('clip-path','url(' + locationHref + '#'+clipId+')');
+ }
+
+ }
+ if (this.data.bm !== 0) {
+ this.setBlendMode();
+ }
+
+ },
+ renderElement: function() {
+ if (this.finalTransform._matMdf) {
+ this.transformedElement.setAttribute('transform', this.finalTransform.mat.to2dCSS());
+ }
+ if (this.finalTransform._opMdf) {
+ this.transformedElement.setAttribute('opacity', this.finalTransform.mProp.o.v);
+ }
+ },
+ destroyBaseElement: function() {
+ this.layerElement = null;
+ this.matteElement = null;
+ this.maskManager.destroy();
+ },
+ getBaseElement: function() {
+ if (this.data.hd) {
+ return null;
+ }
+ return this.baseElement;
+ },
+ createRenderableComponents: function() {
+ this.maskManager = new MaskElement(this.data, this, this.globalData);
+ this.renderableEffectsManager = new SVGEffects(this);
+ },
+ setMatte: function(id) {
+ if (!this.matteElement) {
+ return;
+ }
+ this.matteElement.setAttribute("mask", "url(" + locationHref + "#" + id + ")");
+ }
+};
+function IShapeElement(){
+}
+
+IShapeElement.prototype = {
+ addShapeToModifiers: function(data) {
+ var i, len = this.shapeModifiers.length;
+ for(i=0;i<len;i+=1){
+ this.shapeModifiers[i].addShape(data);
+ }
+ },
+ isShapeInAnimatedModifiers: function(data) {
+ var i = 0, len = this.shapeModifiers.length;
+ while(i < len) {
+ if(this.shapeModifiers[i].isAnimatedWithShape(data)) {
+ return true;
+ }
+ }
+ return false;
+ },
+ renderModifiers: function() {
+ if(!this.shapeModifiers.length){
+ return;
+ }
+ var i, len = this.shapes.length;
+ for(i=0;i<len;i+=1){
+ this.shapes[i].sh.reset();
+ }
+
+ len = this.shapeModifiers.length;
+ for(i=len-1;i>=0;i-=1){
+ this.shapeModifiers[i].processShapes(this._isFirstFrame);
+ }
+ },
+ lcEnum: {
+ '1': 'butt',
+ '2': 'round',
+ '3': 'square'
+ },
+ ljEnum: {
+ '1': 'miter',
+ '2': 'round',
+ '3': 'bevel'
+ },
+ searchProcessedElement: function(elem){
+ var elements = this.processedElements;
+ var i = 0, len = elements.length;
+ while (i < len) {
+ if (elements[i].elem === elem) {
+ return elements[i].pos;
+ }
+ i += 1;
+ }
+ return 0;
+ },
+ addProcessedElement: function(elem, pos){
+ var elements = this.processedElements;
+ var i = elements.length;
+ while(i) {
+ i -= 1;
+ if (elements[i].elem === elem) {
+ elements[i].pos = pos;
+ return;
+ }
+ }
+ elements.push(new ProcessedElement(elem, pos));
+ },
+ prepareFrame: function(num) {
+ this.prepareRenderableFrame(num);
+ this.prepareProperties(num, this.isInRange);
+ }
+};
+function ITextElement(){
+}
+
+ITextElement.prototype.initElement = function(data,globalData,comp){
+ this.lettersChangedFlag = true;
+ this.initFrame();
+ this.initBaseData(data, globalData, comp);
+ this.textProperty = new TextProperty(this, data.t, this.dynamicProperties);
+ this.textAnimator = new TextAnimatorProperty(data.t, this.renderType, this);
+ this.initTransform(data, globalData, comp);
+ this.initHierarchy();
+ this.initRenderable();
+ this.initRendererElement();
+ this.createContainerElements();
+ this.createRenderableComponents();
+ this.createContent();
+ this.hide();
+ this.textAnimator.searchProperties(this.dynamicProperties);
+};
+
+ITextElement.prototype.prepareFrame = function(num) {
+ this._mdf = false;
+ this.prepareRenderableFrame(num);
+ this.prepareProperties(num, this.isInRange);
+ if(this.textProperty._mdf || this.textProperty._isFirstFrame) {
+ this.buildNewText();
+ this.textProperty._isFirstFrame = false;
+ this.textProperty._mdf = false;
+ }
+};
+
+ITextElement.prototype.createPathShape = function(matrixHelper, shapes) {
+ var j,jLen = shapes.length;
+ var k, kLen, pathNodes;
+ var shapeStr = '';
+ for(j=0;j<jLen;j+=1){
+ pathNodes = shapes[j].ks.k;
+ shapeStr += buildShapeString(pathNodes, pathNodes.i.length, true, matrixHelper);
+ }
+ return shapeStr;
+};
+
+ITextElement.prototype.updateDocumentData = function(newData, index) {
+ this.textProperty.updateDocumentData(newData, index);
+};
+
+ITextElement.prototype.canResizeFont = function(_canResize) {
+ this.textProperty.canResizeFont(_canResize);
+};
+
+ITextElement.prototype.setMinimumFontSize = function(_fontSize) {
+ this.textProperty.setMinimumFontSize(_fontSize);
+};
+
+ITextElement.prototype.applyTextPropertiesToMatrix = function(documentData, matrixHelper, lineNumber, xPos, yPos) {
+ if(documentData.ps){
+ matrixHelper.translate(documentData.ps[0],documentData.ps[1] + documentData.ascent,0);
+ }
+ matrixHelper.translate(0,-documentData.ls,0);
+ switch(documentData.j){
+ case 1:
+ matrixHelper.translate(documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[lineNumber]),0,0);
+ break;
+ case 2:
+ matrixHelper.translate(documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[lineNumber] )/2,0,0);
+ break;
+ }
+ matrixHelper.translate(xPos, yPos, 0);
+};
+
+
+ITextElement.prototype.buildColor = function(colorData) {
+ return 'rgb(' + Math.round(colorData[0]*255) + ',' + Math.round(colorData[1]*255) + ',' + Math.round(colorData[2]*255) + ')';
+};
+
+ITextElement.prototype.emptyProp = new LetterProps();
+
+ITextElement.prototype.destroy = function(){
+
+};
+function ICompElement(){}
+
+extendPrototype([BaseElement, TransformElement, HierarchyElement, FrameElement, RenderableDOMElement], ICompElement);
+
+ICompElement.prototype.initElement = function(data,globalData,comp) {
+ this.initFrame();
+ this.initBaseData(data, globalData, comp);
+ this.initTransform(data, globalData, comp);
+ this.initRenderable();
+ this.initHierarchy();
+ this.initRendererElement();
+ this.createContainerElements();
+ this.createRenderableComponents();
+ if(this.data.xt || !globalData.progressiveLoad){
+ this.buildAllItems();
+ }
+ this.hide();
+};
+
+/*ICompElement.prototype.hide = function(){
+ if(!this.hidden){
+ this.hideElement();
+ var i,len = this.elements.length;
+ for( i = 0; i < len; i+=1 ){
+ if(this.elements[i]){
+ this.elements[i].hide();
+ }
+ }
+ }
+};*/
+
+ICompElement.prototype.prepareFrame = function(num){
+ this._mdf = false;
+ this.prepareRenderableFrame(num);
+ this.prepareProperties(num, this.isInRange);
+ if(!this.isInRange && !this.data.xt){
+ return;
+ }
+
+ if (!this.tm._placeholder) {
+ var timeRemapped = this.tm.v;
+ if(timeRemapped === this.data.op){
+ timeRemapped = this.data.op - 1;
+ }
+ this.renderedFrame = timeRemapped;
+ } else {
+ this.renderedFrame = num/this.data.sr;
+ }
+ var i,len = this.elements.length;
+ if(!this.completeLayers){
+ this.checkLayers(this.renderedFrame);
+ }
+ //This iteration needs to be backwards because of how expressions connect between each other
+ for( i = len - 1; i >= 0; i -= 1 ){
+ if(this.completeLayers || this.elements[i]){
+ this.elements[i].prepareFrame(this.renderedFrame - this.layers[i].st);
+ if(this.elements[i]._mdf) {
+ this._mdf = true;
+ }
+ }
+ }
+};
+
+ICompElement.prototype.renderInnerContent = function() {
+ var i,len = this.layers.length;
+ for( i = 0; i < len; i += 1 ){
+ if(this.completeLayers || this.elements[i]){
+ this.elements[i].renderFrame();
+ }
+ }
+};
+
+ICompElement.prototype.setElements = function(elems){
+ this.elements = elems;
+};
+
+ICompElement.prototype.getElements = function(){
+ return this.elements;
+};
+
+ICompElement.prototype.destroyElements = function(){
+ var i,len = this.layers.length;
+ for( i = 0; i < len; i+=1 ){
+ if(this.elements[i]){
+ this.elements[i].destroy();
+ }
+ }
+};
+
+ICompElement.prototype.destroy = function(){
+ this.destroyElements();
+ this.destroyBaseElement();
+};
+
+function IImageElement(data,globalData,comp){
+ this.assetData = globalData.getAssetData(data.refId);
+ this.initElement(data,globalData,comp);
+}
+
+extendPrototype([BaseElement,TransformElement,SVGBaseElement,HierarchyElement,FrameElement,RenderableDOMElement], IImageElement);
+
+IImageElement.prototype.createContent = function(){
+
+ var assetPath = this.globalData.getAssetsPath(this.assetData);
+
+ this.innerElem = createNS('image');
+ this.innerElem.setAttribute('width',this.assetData.w+"px");
+ this.innerElem.setAttribute('height',this.assetData.h+"px");
+ this.innerElem.setAttribute('preserveAspectRatio',this.assetData.pr || this.globalData.renderConfig.imagePreserveAspectRatio);
+ this.innerElem.setAttributeNS('http://www.w3.org/1999/xlink','href',assetPath);
+
+ this.layerElement.appendChild(this.innerElem);
+};
+
+function ISolidElement(data,globalData,comp){
+ this.initElement(data,globalData,comp);
+}
+extendPrototype([IImageElement], ISolidElement);
+
+ISolidElement.prototype.createContent = function(){
+
+ var rect = createNS('rect');
+ ////rect.style.width = this.data.sw;
+ ////rect.style.height = this.data.sh;
+ ////rect.style.fill = this.data.sc;
+ rect.setAttribute('width',this.data.sw);
+ rect.setAttribute('height',this.data.sh);
+ rect.setAttribute('fill',this.data.sc);
+ this.layerElement.appendChild(rect);
+};
+function SVGCompElement(data,globalData,comp){
+ this.layers = data.layers;
+ this.supports3d = true;
+ this.completeLayers = false;
+ this.pendingElements = [];
+ this.elements = this.layers ? createSizedArray(this.layers.length) : [];
+ //this.layerElement = createNS('g');
+ this.initElement(data,globalData,comp);
+ this.tm = data.tm ? PropertyFactory.getProp(this,data.tm,0,globalData.frameRate,this) : {_placeholder:true};
+}
+
+extendPrototype([SVGRenderer, ICompElement, SVGBaseElement], SVGCompElement);
+function SVGTextElement(data,globalData,comp){
+ this.textSpans = [];
+ this.renderType = 'svg';
+ this.initElement(data,globalData,comp);
+}
+
+extendPrototype([BaseElement,TransformElement,SVGBaseElement,HierarchyElement,FrameElement,RenderableDOMElement,ITextElement], SVGTextElement);
+
+SVGTextElement.prototype.createContent = function(){
+
+ if (this.data.singleShape && !this.globalData.fontManager.chars) {
+ this.textContainer = createNS('text');
+ }
+};
+
+SVGTextElement.prototype.buildTextContents = function(textArray) {
+ var i = 0, len = textArray.length;
+ var textContents = [], currentTextContent = '';
+ while (i < len) {
+ if(textArray[i] === String.fromCharCode(13) || textArray[i] === String.fromCharCode(3)) {
+ textContents.push(currentTextContent);
+ currentTextContent = '';
+ } else {
+ currentTextContent += textArray[i];
+ }
+ i += 1;
+ }
+ textContents.push(currentTextContent);
+ return textContents;
+}
+
+SVGTextElement.prototype.buildNewText = function(){
+ var i, len;
+
+ var documentData = this.textProperty.currentData;
+ this.renderedLetters = createSizedArray(documentData ? documentData.l.length : 0);
+ if(documentData.fc) {
+ this.layerElement.setAttribute('fill', this.buildColor(documentData.fc));
+ }else{
+ this.layerElement.setAttribute('fill', 'rgba(0,0,0,0)');
+ }
+ if(documentData.sc){
+ this.layerElement.setAttribute('stroke', this.buildColor(documentData.sc));
+ this.layerElement.setAttribute('stroke-width', documentData.sw);
+ }
+ this.layerElement.setAttribute('font-size', documentData.finalSize);
+ var fontData = this.globalData.fontManager.getFontByName(documentData.f);
+ if(fontData.fClass){
+ this.layerElement.setAttribute('class',fontData.fClass);
+ } else {
+ this.layerElement.setAttribute('font-family', fontData.fFamily);
+ var fWeight = documentData.fWeight, fStyle = documentData.fStyle;
+ this.layerElement.setAttribute('font-style', fStyle);
+ this.layerElement.setAttribute('font-weight', fWeight);
+ }
+
+ var letters = documentData.l || [];
+ var usesGlyphs = !!this.globalData.fontManager.chars;
+ len = letters.length;
+
+ var tSpan;
+ var matrixHelper = this.mHelper;
+ var shapes, shapeStr = '', singleShape = this.data.singleShape;
+ var xPos = 0, yPos = 0, firstLine = true;
+ var trackingOffset = documentData.tr/1000*documentData.finalSize;
+ if(singleShape && !usesGlyphs && !documentData.sz) {
+ var tElement = this.textContainer;
+ var justify = 'start';
+ switch(documentData.j) {
+ case 1:
+ justify = 'end';
+ break;
+ case 2:
+ justify = 'middle';
+ break;
+ }
+ tElement.setAttribute('text-anchor',justify);
+ tElement.setAttribute('letter-spacing',trackingOffset);
+ var textContent = this.buildTextContents(documentData.finalText);
+ len = textContent.length;
+ yPos = documentData.ps ? documentData.ps[1] + documentData.ascent : 0;
+ for ( i = 0; i < len; i += 1) {
+ tSpan = this.textSpans[i] || createNS('tspan');
+ tSpan.textContent = textContent[i];
+ tSpan.setAttribute('x', 0);
+ tSpan.setAttribute('y', yPos);
+ tSpan.style.display = 'inherit';
+ tElement.appendChild(tSpan);
+ this.textSpans[i] = tSpan;
+ yPos += documentData.finalLineHeight;
+ }
+
+ this.layerElement.appendChild(tElement);
+ } else {
+ var cachedSpansLength = this.textSpans.length;
+ var shapeData, charData;
+ for (i = 0; i < len; i += 1) {
+ if(!usesGlyphs || !singleShape || i === 0){
+ tSpan = cachedSpansLength > i ? this.textSpans[i] : createNS(usesGlyphs?'path':'text');
+ if (cachedSpansLength <= i) {
+ tSpan.setAttribute('stroke-linecap', 'butt');
+ tSpan.setAttribute('stroke-linejoin','round');
+ tSpan.setAttribute('stroke-miterlimit','4');
+ this.textSpans[i] = tSpan;
+ this.layerElement.appendChild(tSpan);
+ }
+ tSpan.style.display = 'inherit';
+ }
+
+ matrixHelper.reset();
+ matrixHelper.scale(documentData.finalSize / 100, documentData.finalSize / 100);
+ if (singleShape) {
+ if(letters[i].n) {
+ xPos = -trackingOffset;
+ yPos += documentData.yOffset;
+ yPos += firstLine ? 1 : 0;
+ firstLine = false;
+ }
+ this.applyTextPropertiesToMatrix(documentData, matrixHelper, letters[i].line, xPos, yPos);
+ xPos += letters[i].l || 0;
+ //xPos += letters[i].val === ' ' ? 0 : trackingOffset;
+ xPos += trackingOffset;
+ }
+ if(usesGlyphs) {
+ charData = this.globalData.fontManager.getCharData(documentData.finalText[i], fontData.fStyle, this.globalData.fontManager.getFontByName(documentData.f).fFamily);
+ shapeData = charData && charData.data || {};
+ shapes = shapeData.shapes ? shapeData.shapes[0].it : [];
+ if(!singleShape){
+ tSpan.setAttribute('d',this.createPathShape(matrixHelper,shapes));
+ } else {
+ shapeStr += this.createPathShape(matrixHelper,shapes);
+ }
+ } else {
+ if(singleShape) {
+ tSpan.setAttribute("transform", "translate(" + matrixHelper.props[12] + "," + matrixHelper.props[13] + ")");
+ }
+ tSpan.textContent = letters[i].val;
+ tSpan.setAttributeNS("http://www.w3.org/XML/1998/namespace", "xml:space","preserve");
+ }
+ //
+ }
+ if (singleShape && tSpan) {
+ tSpan.setAttribute('d',shapeStr);
+ }
+ }
+ while (i < this.textSpans.length){
+ this.textSpans[i].style.display = 'none';
+ i += 1;
+ }
+
+ this._sizeChanged = true;
+};
+
+SVGTextElement.prototype.sourceRectAtTime = function(time){
+ this.prepareFrame(this.comp.renderedFrame - this.data.st);
+ this.renderInnerContent();
+ if(this._sizeChanged){
+ this._sizeChanged = false;
+ var textBox = this.layerElement.getBBox();
+ this.bbox = {
+ top: textBox.y,
+ left: textBox.x,
+ width: textBox.width,
+ height: textBox.height
+ };
+ }
+ return this.bbox;
+};
+
+SVGTextElement.prototype.renderInnerContent = function(){
+
+ if(!this.data.singleShape){
+ this.textAnimator.getMeasures(this.textProperty.currentData, this.lettersChangedFlag);
+ if(this.lettersChangedFlag || this.textAnimator.lettersChangedFlag){
+ this._sizeChanged = true;
+ var i,len;
+ var renderedLetters = this.textAnimator.renderedLetters;
+
+ var letters = this.textProperty.currentData.l;
+
+ len = letters.length;
+ var renderedLetter, textSpan;
+ for(i=0;i<len;i+=1){
+ if(letters[i].n){
+ continue;
+ }
+ renderedLetter = renderedLetters[i];
+ textSpan = this.textSpans[i];
+ if(renderedLetter._mdf.m) {
+ textSpan.setAttribute('transform',renderedLetter.m);
+ }
+ if(renderedLetter._mdf.o) {
+ textSpan.setAttribute('opacity',renderedLetter.o);
+ }
+ if(renderedLetter._mdf.sw){
+ textSpan.setAttribute('stroke-width',renderedLetter.sw);
+ }
+ if(renderedLetter._mdf.sc){
+ textSpan.setAttribute('stroke',renderedLetter.sc);
+ }
+ if(renderedLetter._mdf.fc){
+ textSpan.setAttribute('fill',renderedLetter.fc);
+ }
+ }
+ }
+ }
+};
+function SVGShapeElement(data,globalData,comp){
+ //List of drawable elements
+ this.shapes = [];
+ // Full shape data
+ this.shapesData = data.shapes;
+ //List of styles that will be applied to shapes
+ this.stylesList = [];
+ //List of modifiers that will be applied to shapes
+ this.shapeModifiers = [];
+ //List of items in shape tree
+ this.itemsData = [];
+ //List of items in previous shape tree
+ this.processedElements = [];
+ // List of animated components
+ this.animatedContents = [];
+ this.initElement(data,globalData,comp);
+ //Moving any property that doesn't get too much access after initialization because of v8 way of handling more than 10 properties.
+ // List of elements that have been created
+ this.prevViewData = [];
+ //Moving any property that doesn't get too much access after initialization because of v8 way of handling more than 10 properties.
+}
+
+extendPrototype([BaseElement,TransformElement,SVGBaseElement,IShapeElement,HierarchyElement,FrameElement,RenderableDOMElement], SVGShapeElement);
+
+SVGShapeElement.prototype.initSecondaryElement = function() {
+};
+
+SVGShapeElement.prototype.identityMatrix = new Matrix();
+
+SVGShapeElement.prototype.buildExpressionInterface = function(){};
+
+SVGShapeElement.prototype.createContent = function(){
+ this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement, 0, [], true);
+ this.filterUniqueShapes();
+};
+
+/*
+This method searches for multiple shapes that affect a single element and one of them is animated
+*/
+SVGShapeElement.prototype.filterUniqueShapes = function(){
+ var i, len = this.shapes.length, shape;
+ var j, jLen = this.stylesList.length;
+ var style, count = 0;
+ var tempShapes = [];
+ var areAnimated = false;
+ for(j = 0; j < jLen; j += 1) {
+ style = this.stylesList[j];
+ areAnimated = false;
+ tempShapes.length = 0;
+ for(i = 0; i < len; i += 1) {
+ shape = this.shapes[i];
+ if(shape.styles.indexOf(style) !== -1) {
+ tempShapes.push(shape);
+ areAnimated = shape._isAnimated || areAnimated;
+ }
+ }
+ if(tempShapes.length > 1 && areAnimated) {
+ this.setShapesAsAnimated(tempShapes);
+ }
+ }
+}
+
+SVGShapeElement.prototype.setShapesAsAnimated = function(shapes){
+ var i, len = shapes.length;
+ for(i = 0; i < len; i += 1) {
+ shapes[i].setAsAnimated();
+ }
+}
+
+SVGShapeElement.prototype.createStyleElement = function(data, level){
+ //TODO: prevent drawing of hidden styles
+ var elementData;
+ var styleOb = new SVGStyleData(data, level);
+
+ var pathElement = styleOb.pElem;
+ if(data.ty === 'st') {
+ elementData = new SVGStrokeStyleData(this, data, styleOb);
+ } else if(data.ty === 'fl') {
+ elementData = new SVGFillStyleData(this, data, styleOb);
+ } else if(data.ty === 'gf' || data.ty === 'gs') {
+ var gradientConstructor = data.ty === 'gf' ? SVGGradientFillStyleData : SVGGradientStrokeStyleData;
+ elementData = new gradientConstructor(this, data, styleOb);
+ this.globalData.defs.appendChild(elementData.gf);
+ if (elementData.maskId) {
+ this.globalData.defs.appendChild(elementData.ms);
+ this.globalData.defs.appendChild(elementData.of);
+ pathElement.setAttribute('mask','url(' + locationHref + '#' + elementData.maskId + ')');
+ }
+ }
+
+ if(data.ty === 'st' || data.ty === 'gs') {
+ pathElement.setAttribute('stroke-linecap', this.lcEnum[data.lc] || 'round');
+ pathElement.setAttribute('stroke-linejoin',this.ljEnum[data.lj] || 'round');
+ pathElement.setAttribute('fill-opacity','0');
+ if(data.lj === 1) {
+ pathElement.setAttribute('stroke-miterlimit',data.ml);
+ }
+ }
+
+ if(data.r === 2) {
+ pathElement.setAttribute('fill-rule', 'evenodd');
+ }
+
+ if(data.ln){
+ pathElement.setAttribute('id',data.ln);
+ }
+ if(data.cl){
+ pathElement.setAttribute('class',data.cl);
+ }
+ this.stylesList.push(styleOb);
+ this.addToAnimatedContents(data, elementData);
+ return elementData;
+};
+
+SVGShapeElement.prototype.createGroupElement = function(data) {
+ var elementData = new ShapeGroupData();
+ if(data.ln){
+ elementData.gr.setAttribute('id',data.ln);
+ }
+ if(data.cl){
+ elementData.gr.setAttribute('class',data.cl);
+ }
+ return elementData;
+};
+
+SVGShapeElement.prototype.createTransformElement = function(data, container) {
+ var transformProperty = TransformPropertyFactory.getTransformProperty(this,data,this);
+ var elementData = new SVGTransformData(transformProperty, transformProperty.o, container);
+ this.addToAnimatedContents(data, elementData);
+ return elementData;
+};
+
+SVGShapeElement.prototype.createShapeElement = function(data, ownTransformers, level) {
+ var ty = 4;
+ if(data.ty === 'rc'){
+ ty = 5;
+ }else if(data.ty === 'el'){
+ ty = 6;
+ }else if(data.ty === 'sr'){
+ ty = 7;
+ }
+ var shapeProperty = ShapePropertyFactory.getShapeProp(this,data,ty,this);
+ var elementData = new SVGShapeData(ownTransformers, level, shapeProperty);
+ this.shapes.push(elementData);
+ this.addShapeToModifiers(elementData);
+ this.addToAnimatedContents(data, elementData);
+ return elementData;
+};
+
+SVGShapeElement.prototype.addToAnimatedContents = function(data, element) {
+ var i = 0, len = this.animatedContents.length;
+ while(i < len) {
+ if(this.animatedContents[i].element === element) {
+ return;
+ }
+ i += 1;
+ }
+ this.animatedContents.push({
+ fn: SVGElementsRenderer.createRenderFunction(data),
+ element: element,
+ data: data
+ });
+};
+
+SVGShapeElement.prototype.setElementStyles = function(elementData){
+ var arr = elementData.styles;
+ var j, jLen = this.stylesList.length;
+ for (j = 0; j < jLen; j += 1) {
+ if (!this.stylesList[j].closed) {
+ arr.push(this.stylesList[j]);
+ }
+ }
+};
+
+SVGShapeElement.prototype.reloadShapes = function(){
+ this._isFirstFrame = true;
+ var i, len = this.itemsData.length;
+ for( i = 0; i < len; i += 1) {
+ this.prevViewData[i] = this.itemsData[i];
+ }
+ this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement, 0, [], true);
+ this.filterUniqueShapes();
+ len = this.dynamicProperties.length;
+ for(i = 0; i < len; i += 1) {
+ this.dynamicProperties[i].getValue();
+ }
+ this.renderModifiers();
+};
+
+SVGShapeElement.prototype.searchShapes = function(arr,itemsData,prevViewData,container, level, transformers, render){
+ var ownTransformers = [].concat(transformers);
+ var i, len = arr.length - 1;
+ var j, jLen;
+ var ownStyles = [], ownModifiers = [], styleOb, currentTransform, modifier, processedPos;
+ for(i=len;i>=0;i-=1){
+ processedPos = this.searchProcessedElement(arr[i]);
+ if(!processedPos){
+ arr[i]._render = render;
+ } else {
+ itemsData[i] = prevViewData[processedPos - 1];
+ }
+ if(arr[i].ty == 'fl' || arr[i].ty == 'st' || arr[i].ty == 'gf' || arr[i].ty == 'gs'){
+ if(!processedPos){
+ itemsData[i] = this.createStyleElement(arr[i], level);
+ } else {
+ itemsData[i].style.closed = false;
+ }
+ if(arr[i]._render){
+ container.appendChild(itemsData[i].style.pElem);
+ }
+ ownStyles.push(itemsData[i].style);
+ }else if(arr[i].ty == 'gr'){
+ if(!processedPos){
+ itemsData[i] = this.createGroupElement(arr[i]);
+ } else {
+ jLen = itemsData[i].it.length;
+ for(j=0;j<jLen;j+=1){
+ itemsData[i].prevViewData[j] = itemsData[i].it[j];
+ }
+ }
+ this.searchShapes(arr[i].it,itemsData[i].it,itemsData[i].prevViewData,itemsData[i].gr, level + 1, ownTransformers, render);
+ if(arr[i]._render){
+ container.appendChild(itemsData[i].gr);
+ }
+ }else if(arr[i].ty == 'tr'){
+ if(!processedPos){
+ itemsData[i] = this.createTransformElement(arr[i], container);
+ }
+ currentTransform = itemsData[i].transform;
+ ownTransformers.push(currentTransform);
+ }else if(arr[i].ty == 'sh' || arr[i].ty == 'rc' || arr[i].ty == 'el' || arr[i].ty == 'sr'){
+ if(!processedPos){
+ itemsData[i] = this.createShapeElement(arr[i], ownTransformers, level);
+ }
+ this.setElementStyles(itemsData[i]);
+
+ }else if(arr[i].ty == 'tm' || arr[i].ty == 'rd' || arr[i].ty == 'ms'){
+ if(!processedPos){
+ modifier = ShapeModifiers.getModifier(arr[i].ty);
+ modifier.init(this,arr[i]);
+ itemsData[i] = modifier;
+ this.shapeModifiers.push(modifier);
+ } else {
+ modifier = itemsData[i];
+ modifier.closed = false;
+ }
+ ownModifiers.push(modifier);
+ }else if(arr[i].ty == 'rp'){
+ if(!processedPos){
+ modifier = ShapeModifiers.getModifier(arr[i].ty);
+ itemsData[i] = modifier;
+ modifier.init(this,arr,i,itemsData);
+ this.shapeModifiers.push(modifier);
+ render = false;
+ }else{
+ modifier = itemsData[i];
+ modifier.closed = true;
+ }
+ ownModifiers.push(modifier);
+ }
+ this.addProcessedElement(arr[i], i + 1);
+ }
+ len = ownStyles.length;
+ for(i=0;i<len;i+=1){
+ ownStyles[i].closed = true;
+ }
+ len = ownModifiers.length;
+ for(i=0;i<len;i+=1){
+ ownModifiers[i].closed = true;
+ }
+};
+
+SVGShapeElement.prototype.renderInnerContent = function() {
+ this.renderModifiers();
+ var i, len = this.stylesList.length;
+ for(i=0;i<len;i+=1){
+ this.stylesList[i].reset();
+ }
+ this.renderShape();
+
+ for (i = 0; i < len; i += 1) {
+ if (this.stylesList[i]._mdf || this._isFirstFrame) {
+ if(this.stylesList[i].msElem){
+ this.stylesList[i].msElem.setAttribute('d', this.stylesList[i].d);
+ //Adding M0 0 fixes same mask bug on all browsers
+ this.stylesList[i].d = 'M0 0' + this.stylesList[i].d;
+ }
+ this.stylesList[i].pElem.setAttribute('d', this.stylesList[i].d || 'M0 0');
+ }
+ }
+};
+
+SVGShapeElement.prototype.renderShape = function() {
+ var i, len = this.animatedContents.length;
+ var animatedContent;
+ for(i = 0; i < len; i += 1) {
+ animatedContent = this.animatedContents[i];
+ if((this._isFirstFrame || animatedContent.element._isAnimated) && animatedContent.data !== true) {
+ animatedContent.fn(animatedContent.data, animatedContent.element, this._isFirstFrame);
+ }
+ }
+}
+
+SVGShapeElement.prototype.destroy = function(){
+ this.destroyBaseElement();
+ this.shapesData = null;
+ this.itemsData = null;
+};
+
+function SVGTintFilter(filter, filterManager){
+ this.filterManager = filterManager;
+ var feColorMatrix = createNS('feColorMatrix');
+ feColorMatrix.setAttribute('type','matrix');
+ feColorMatrix.setAttribute('color-interpolation-filters','linearRGB');
+ feColorMatrix.setAttribute('values','0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0');
+ feColorMatrix.setAttribute('result','f1');
+ filter.appendChild(feColorMatrix);
+ feColorMatrix = createNS('feColorMatrix');
+ feColorMatrix.setAttribute('type','matrix');
+ feColorMatrix.setAttribute('color-interpolation-filters','sRGB');
+ feColorMatrix.setAttribute('values','1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0');
+ feColorMatrix.setAttribute('result','f2');
+ filter.appendChild(feColorMatrix);
+ this.matrixFilter = feColorMatrix;
+ if(filterManager.effectElements[2].p.v !== 100 || filterManager.effectElements[2].p.k){
+ var feMerge = createNS('feMerge');
+ filter.appendChild(feMerge);
+ var feMergeNode;
+ feMergeNode = createNS('feMergeNode');
+ feMergeNode.setAttribute('in','SourceGraphic');
+ feMerge.appendChild(feMergeNode);
+ feMergeNode = createNS('feMergeNode');
+ feMergeNode.setAttribute('in','f2');
+ feMerge.appendChild(feMergeNode);
+ }
+}
+
+SVGTintFilter.prototype.renderFrame = function(forceRender){
+ if(forceRender || this.filterManager._mdf){
+ var colorBlack = this.filterManager.effectElements[0].p.v;
+ var colorWhite = this.filterManager.effectElements[1].p.v;
+ var opacity = this.filterManager.effectElements[2].p.v/100;
+ this.matrixFilter.setAttribute('values',(colorWhite[0]- colorBlack[0])+' 0 0 0 '+ colorBlack[0] +' '+ (colorWhite[1]- colorBlack[1]) +' 0 0 0 '+ colorBlack[1] +' '+ (colorWhite[2]- colorBlack[2]) +' 0 0 0 '+ colorBlack[2] +' 0 0 0 ' + opacity + ' 0');
+ }
+};
+function SVGFillFilter(filter, filterManager){
+ this.filterManager = filterManager;
+ var feColorMatrix = createNS('feColorMatrix');
+ feColorMatrix.setAttribute('type','matrix');
+ feColorMatrix.setAttribute('color-interpolation-filters','sRGB');
+ feColorMatrix.setAttribute('values','1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0');
+ filter.appendChild(feColorMatrix);
+ this.matrixFilter = feColorMatrix;
+}
+SVGFillFilter.prototype.renderFrame = function(forceRender){
+ if(forceRender || this.filterManager._mdf){
+ var color = this.filterManager.effectElements[2].p.v;
+ var opacity = this.filterManager.effectElements[6].p.v;
+ this.matrixFilter.setAttribute('values','0 0 0 0 '+color[0]+' 0 0 0 0 '+color[1]+' 0 0 0 0 '+color[2]+' 0 0 0 '+opacity+' 0');
+ }
+};
+function SVGStrokeEffect(elem, filterManager){
+ this.initialized = false;
+ this.filterManager = filterManager;
+ this.elem = elem;
+ this.paths = [];
+}
+
+SVGStrokeEffect.prototype.initialize = function(){
+
+ var elemChildren = this.elem.layerElement.children || this.elem.layerElement.childNodes;
+ var path,groupPath, i, len;
+ if(this.filterManager.effectElements[1].p.v === 1){
+ len = this.elem.maskManager.masksProperties.length;
+ i = 0;
+ } else {
+ i = this.filterManager.effectElements[0].p.v - 1;
+ len = i + 1;
+ }
+ groupPath = createNS('g');
+ groupPath.setAttribute('fill','none');
+ groupPath.setAttribute('stroke-linecap','round');
+ groupPath.setAttribute('stroke-dashoffset',1);
+ for(i;i<len;i+=1){
+ path = createNS('path');
+ groupPath.appendChild(path);
+ this.paths.push({p:path,m:i});
+ }
+ if(this.filterManager.effectElements[10].p.v === 3){
+ var mask = createNS('mask');
+ var id = 'stms_' + randomString(10);
+ mask.setAttribute('id',id);
+ mask.setAttribute('mask-type','alpha');
+ mask.appendChild(groupPath);
+ this.elem.globalData.defs.appendChild(mask);
+ var g = createNS('g');
+ g.setAttribute('mask','url(' + locationHref + '#'+id+')');
+ while (elemChildren[0]) {
+ g.appendChild(elemChildren[0]);
+ }
+ this.elem.layerElement.appendChild(g);
+ this.masker = mask;
+ groupPath.setAttribute('stroke','#fff');
+ } else if(this.filterManager.effectElements[10].p.v === 1 || this.filterManager.effectElements[10].p.v === 2){
+ if(this.filterManager.effectElements[10].p.v === 2){
+ elemChildren = this.elem.layerElement.children || this.elem.layerElement.childNodes;
+ while(elemChildren.length){
+ this.elem.layerElement.removeChild(elemChildren[0]);
+ }
+ }
+ this.elem.layerElement.appendChild(groupPath);
+ this.elem.layerElement.removeAttribute('mask');
+ groupPath.setAttribute('stroke','#fff');
+ }
+ this.initialized = true;
+ this.pathMasker = groupPath;
+};
+
+SVGStrokeEffect.prototype.renderFrame = function(forceRender){
+ if(!this.initialized){
+ this.initialize();
+ }
+ var i, len = this.paths.length;
+ var mask, path;
+ for(i=0;i<len;i+=1){
+ if(this.paths[i].m === -1) {
+ continue;
+ }
+ mask = this.elem.maskManager.viewData[this.paths[i].m];
+ path = this.paths[i].p;
+ if(forceRender || this.filterManager._mdf || mask.prop._mdf){
+ path.setAttribute('d',mask.lastPath);
+ }
+ if(forceRender || this.filterManager.effectElements[9].p._mdf || this.filterManager.effectElements[4].p._mdf || this.filterManager.effectElements[7].p._mdf || this.filterManager.effectElements[8].p._mdf || mask.prop._mdf){
+ var dasharrayValue;
+ if(this.filterManager.effectElements[7].p.v !== 0 || this.filterManager.effectElements[8].p.v !== 100){
+ var s = Math.min(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v)/100;
+ var e = Math.max(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v)/100;
+ var l = path.getTotalLength();
+ dasharrayValue = '0 0 0 ' + l*s + ' ';
+ var lineLength = l*(e-s);
+ var segment = 1+this.filterManager.effectElements[4].p.v*2*this.filterManager.effectElements[9].p.v/100;
+ var units = Math.floor(lineLength/segment);
+ var j;
+ for(j=0;j<units;j+=1){
+ dasharrayValue += '1 ' + this.filterManager.effectElements[4].p.v*2*this.filterManager.effectElements[9].p.v/100 + ' ';
+ }
+ dasharrayValue += '0 ' + l*10 + ' 0 0';
+ } else {
+ dasharrayValue = '1 ' + this.filterManager.effectElements[4].p.v*2*this.filterManager.effectElements[9].p.v/100;
+ }
+ path.setAttribute('stroke-dasharray',dasharrayValue);
+ }
+ }
+ if(forceRender || this.filterManager.effectElements[4].p._mdf){
+ this.pathMasker.setAttribute('stroke-width',this.filterManager.effectElements[4].p.v*2);
+ }
+
+ if(forceRender || this.filterManager.effectElements[6].p._mdf){
+ this.pathMasker.setAttribute('opacity',this.filterManager.effectElements[6].p.v);
+ }
+ if(this.filterManager.effectElements[10].p.v === 1 || this.filterManager.effectElements[10].p.v === 2){
+ if(forceRender || this.filterManager.effectElements[3].p._mdf){
+ var color = this.filterManager.effectElements[3].p.v;
+ this.pathMasker.setAttribute('stroke','rgb('+bm_floor(color[0]*255)+','+bm_floor(color[1]*255)+','+bm_floor(color[2]*255)+')');
+ }
+ }
+};
+function SVGTritoneFilter(filter, filterManager){
+ this.filterManager = filterManager;
+ var feColorMatrix = createNS('feColorMatrix');
+ feColorMatrix.setAttribute('type','matrix');
+ feColorMatrix.setAttribute('color-interpolation-filters','linearRGB');
+ feColorMatrix.setAttribute('values','0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0');
+ feColorMatrix.setAttribute('result','f1');
+ filter.appendChild(feColorMatrix);
+ var feComponentTransfer = createNS('feComponentTransfer');
+ feComponentTransfer.setAttribute('color-interpolation-filters','sRGB');
+ filter.appendChild(feComponentTransfer);
+ this.matrixFilter = feComponentTransfer;
+ var feFuncR = createNS('feFuncR');
+ feFuncR.setAttribute('type','table');
+ feComponentTransfer.appendChild(feFuncR);
+ this.feFuncR = feFuncR;
+ var feFuncG = createNS('feFuncG');
+ feFuncG.setAttribute('type','table');
+ feComponentTransfer.appendChild(feFuncG);
+ this.feFuncG = feFuncG;
+ var feFuncB = createNS('feFuncB');
+ feFuncB.setAttribute('type','table');
+ feComponentTransfer.appendChild(feFuncB);
+ this.feFuncB = feFuncB;
+}
+
+SVGTritoneFilter.prototype.renderFrame = function(forceRender){
+ if(forceRender || this.filterManager._mdf){
+ var color1 = this.filterManager.effectElements[0].p.v;
+ var color2 = this.filterManager.effectElements[1].p.v;
+ var color3 = this.filterManager.effectElements[2].p.v;
+ var tableR = color3[0] + ' ' + color2[0] + ' ' + color1[0];
+ var tableG = color3[1] + ' ' + color2[1] + ' ' + color1[1];
+ var tableB = color3[2] + ' ' + color2[2] + ' ' + color1[2];
+ this.feFuncR.setAttribute('tableValues', tableR);
+ this.feFuncG.setAttribute('tableValues', tableG);
+ this.feFuncB.setAttribute('tableValues', tableB);
+ //var opacity = this.filterManager.effectElements[2].p.v/100;
+ //this.matrixFilter.setAttribute('values',(colorWhite[0]- colorBlack[0])+' 0 0 0 '+ colorBlack[0] +' '+ (colorWhite[1]- colorBlack[1]) +' 0 0 0 '+ colorBlack[1] +' '+ (colorWhite[2]- colorBlack[2]) +' 0 0 0 '+ colorBlack[2] +' 0 0 0 ' + opacity + ' 0');
+ }
+};
+function SVGProLevelsFilter(filter, filterManager){
+ this.filterManager = filterManager;
+ var effectElements = this.filterManager.effectElements;
+ var feComponentTransfer = createNS('feComponentTransfer');
+ var feFuncR, feFuncG, feFuncB;
+
+ if(effectElements[10].p.k || effectElements[10].p.v !== 0 || effectElements[11].p.k || effectElements[11].p.v !== 1 || effectElements[12].p.k || effectElements[12].p.v !== 1 || effectElements[13].p.k || effectElements[13].p.v !== 0 || effectElements[14].p.k || effectElements[14].p.v !== 1){
+ this.feFuncR = this.createFeFunc('feFuncR', feComponentTransfer);
+ }
+ if(effectElements[17].p.k || effectElements[17].p.v !== 0 || effectElements[18].p.k || effectElements[18].p.v !== 1 || effectElements[19].p.k || effectElements[19].p.v !== 1 || effectElements[20].p.k || effectElements[20].p.v !== 0 || effectElements[21].p.k || effectElements[21].p.v !== 1){
+ this.feFuncG = this.createFeFunc('feFuncG', feComponentTransfer);
+ }
+ if(effectElements[24].p.k || effectElements[24].p.v !== 0 || effectElements[25].p.k || effectElements[25].p.v !== 1 || effectElements[26].p.k || effectElements[26].p.v !== 1 || effectElements[27].p.k || effectElements[27].p.v !== 0 || effectElements[28].p.k || effectElements[28].p.v !== 1){
+ this.feFuncB = this.createFeFunc('feFuncB', feComponentTransfer);
+ }
+ if(effectElements[31].p.k || effectElements[31].p.v !== 0 || effectElements[32].p.k || effectElements[32].p.v !== 1 || effectElements[33].p.k || effectElements[33].p.v !== 1 || effectElements[34].p.k || effectElements[34].p.v !== 0 || effectElements[35].p.k || effectElements[35].p.v !== 1){
+ this.feFuncA = this.createFeFunc('feFuncA', feComponentTransfer);
+ }
+
+ if(this.feFuncR || this.feFuncG || this.feFuncB || this.feFuncA){
+ feComponentTransfer.setAttribute('color-interpolation-filters','sRGB');
+ filter.appendChild(feComponentTransfer);
+ feComponentTransfer = createNS('feComponentTransfer');
+ }
+
+ if(effectElements[3].p.k || effectElements[3].p.v !== 0 || effectElements[4].p.k || effectElements[4].p.v !== 1 || effectElements[5].p.k || effectElements[5].p.v !== 1 || effectElements[6].p.k || effectElements[6].p.v !== 0 || effectElements[7].p.k || effectElements[7].p.v !== 1){
+
+ feComponentTransfer.setAttribute('color-interpolation-filters','sRGB');
+ filter.appendChild(feComponentTransfer);
+ this.feFuncRComposed = this.createFeFunc('feFuncR', feComponentTransfer);
+ this.feFuncGComposed = this.createFeFunc('feFuncG', feComponentTransfer);
+ this.feFuncBComposed = this.createFeFunc('feFuncB', feComponentTransfer);
+ }
+}
+
+SVGProLevelsFilter.prototype.createFeFunc = function(type, feComponentTransfer) {
+ var feFunc = createNS(type);
+ feFunc.setAttribute('type','table');
+ feComponentTransfer.appendChild(feFunc);
+ return feFunc;
+};
+
+SVGProLevelsFilter.prototype.getTableValue = function(inputBlack, inputWhite, gamma, outputBlack, outputWhite) {
+ var cnt = 0;
+ var segments = 256;
+ var perc;
+ var min = Math.min(inputBlack, inputWhite);
+ var max = Math.max(inputBlack, inputWhite);
+ var table = Array.call(null,{length:segments});
+ var colorValue;
+ var pos = 0;
+ var outputDelta = outputWhite - outputBlack;
+ var inputDelta = inputWhite - inputBlack;
+ while(cnt <= 256) {
+ perc = cnt/256;
+ if(perc <= min){
+ colorValue = inputDelta < 0 ? outputWhite : outputBlack;
+ } else if(perc >= max){
+ colorValue = inputDelta < 0 ? outputBlack : outputWhite;
+ } else {
+ colorValue = (outputBlack + outputDelta * Math.pow((perc - inputBlack) / inputDelta, 1 / gamma));
+ }
+ table[pos++] = colorValue;
+ cnt += 256/(segments-1);
+ }
+ return table.join(' ');
+};
+
+SVGProLevelsFilter.prototype.renderFrame = function(forceRender){
+ if(forceRender || this.filterManager._mdf){
+ var val, cnt, perc, bezier;
+ var effectElements = this.filterManager.effectElements;
+ if(this.feFuncRComposed && (forceRender || effectElements[3].p._mdf || effectElements[4].p._mdf || effectElements[5].p._mdf || effectElements[6].p._mdf || effectElements[7].p._mdf)){
+ val = this.getTableValue(effectElements[3].p.v,effectElements[4].p.v,effectElements[5].p.v,effectElements[6].p.v,effectElements[7].p.v);
+ this.feFuncRComposed.setAttribute('tableValues',val);
+ this.feFuncGComposed.setAttribute('tableValues',val);
+ this.feFuncBComposed.setAttribute('tableValues',val);
+ }
+
+
+ if(this.feFuncR && (forceRender || effectElements[10].p._mdf || effectElements[11].p._mdf || effectElements[12].p._mdf || effectElements[13].p._mdf || effectElements[14].p._mdf)){
+ val = this.getTableValue(effectElements[10].p.v,effectElements[11].p.v,effectElements[12].p.v,effectElements[13].p.v,effectElements[14].p.v);
+ this.feFuncR.setAttribute('tableValues',val);
+ }
+
+ if(this.feFuncG && (forceRender || effectElements[17].p._mdf || effectElements[18].p._mdf || effectElements[19].p._mdf || effectElements[20].p._mdf || effectElements[21].p._mdf)){
+ val = this.getTableValue(effectElements[17].p.v,effectElements[18].p.v,effectElements[19].p.v,effectElements[20].p.v,effectElements[21].p.v);
+ this.feFuncG.setAttribute('tableValues',val);
+ }
+
+ if(this.feFuncB && (forceRender || effectElements[24].p._mdf || effectElements[25].p._mdf || effectElements[26].p._mdf || effectElements[27].p._mdf || effectElements[28].p._mdf)){
+ val = this.getTableValue(effectElements[24].p.v,effectElements[25].p.v,effectElements[26].p.v,effectElements[27].p.v,effectElements[28].p.v);
+ this.feFuncB.setAttribute('tableValues',val);
+ }
+
+ if(this.feFuncA && (forceRender || effectElements[31].p._mdf || effectElements[32].p._mdf || effectElements[33].p._mdf || effectElements[34].p._mdf || effectElements[35].p._mdf)){
+ val = this.getTableValue(effectElements[31].p.v,effectElements[32].p.v,effectElements[33].p.v,effectElements[34].p.v,effectElements[35].p.v);
+ this.feFuncA.setAttribute('tableValues',val);
+ }
+
+ }
+};
+function SVGDropShadowEffect(filter, filterManager){
+ filter.setAttribute('x','-100%');
+ filter.setAttribute('y','-100%');
+ filter.setAttribute('width','400%');
+ filter.setAttribute('height','400%');
+ this.filterManager = filterManager;
+
+ var feGaussianBlur = createNS('feGaussianBlur');
+ feGaussianBlur.setAttribute('in','SourceAlpha');
+ feGaussianBlur.setAttribute('result','drop_shadow_1');
+ feGaussianBlur.setAttribute('stdDeviation','0');
+ this.feGaussianBlur = feGaussianBlur;
+ filter.appendChild(feGaussianBlur);
+
+ var feOffset = createNS('feOffset');
+ feOffset.setAttribute('dx','25');
+ feOffset.setAttribute('dy','0');
+ feOffset.setAttribute('in','drop_shadow_1');
+ feOffset.setAttribute('result','drop_shadow_2');
+ this.feOffset = feOffset;
+ filter.appendChild(feOffset);
+ var feFlood = createNS('feFlood');
+ feFlood.setAttribute('flood-color','#00ff00');
+ feFlood.setAttribute('flood-opacity','1');
+ feFlood.setAttribute('result','drop_shadow_3');
+ this.feFlood = feFlood;
+ filter.appendChild(feFlood);
+
+ var feComposite = createNS('feComposite');
+ feComposite.setAttribute('in','drop_shadow_3');
+ feComposite.setAttribute('in2','drop_shadow_2');
+ feComposite.setAttribute('operator','in');
+ feComposite.setAttribute('result','drop_shadow_4');
+ filter.appendChild(feComposite);
+
+
+ var feMerge = createNS('feMerge');
+ filter.appendChild(feMerge);
+ var feMergeNode;
+ feMergeNode = createNS('feMergeNode');
+ feMerge.appendChild(feMergeNode);
+ feMergeNode = createNS('feMergeNode');
+ feMergeNode.setAttribute('in','SourceGraphic');
+ this.feMergeNode = feMergeNode;
+ this.feMerge = feMerge;
+ this.originalNodeAdded = false;
+ feMerge.appendChild(feMergeNode);
+}
+
+SVGDropShadowEffect.prototype.renderFrame = function(forceRender){
+ if(forceRender || this.filterManager._mdf){
+ if(forceRender || this.filterManager.effectElements[4].p._mdf){
+ this.feGaussianBlur.setAttribute('stdDeviation', this.filterManager.effectElements[4].p.v / 4);
+ }
+ if(forceRender || this.filterManager.effectElements[0].p._mdf){
+ var col = this.filterManager.effectElements[0].p.v;
+ this.feFlood.setAttribute('flood-color',rgbToHex(Math.round(col[0]*255),Math.round(col[1]*255),Math.round(col[2]*255)));
+ }
+ if(forceRender || this.filterManager.effectElements[1].p._mdf){
+ this.feFlood.setAttribute('flood-opacity',this.filterManager.effectElements[1].p.v/255);
+ }
+ if(forceRender || this.filterManager.effectElements[2].p._mdf || this.filterManager.effectElements[3].p._mdf){
+ var distance = this.filterManager.effectElements[3].p.v;
+ var angle = (this.filterManager.effectElements[2].p.v - 90) * degToRads;
+ var x = distance * Math.cos(angle);
+ var y = distance * Math.sin(angle);
+ this.feOffset.setAttribute('dx', x);
+ this.feOffset.setAttribute('dy', y);
+ }
+ /*if(forceRender || this.filterManager.effectElements[5].p._mdf){
+ if(this.filterManager.effectElements[5].p.v === 1 && this.originalNodeAdded) {
+ this.feMerge.removeChild(this.feMergeNode);
+ this.originalNodeAdded = false;
+ } else if(this.filterManager.effectElements[5].p.v === 0 && !this.originalNodeAdded) {
+ this.feMerge.appendChild(this.feMergeNode);
+ this.originalNodeAdded = true;
+ }
+ }*/
+ }
+};
+var _svgMatteSymbols = [];
+var _svgMatteMaskCounter = 0;
+
+function SVGMatte3Effect(filterElem, filterManager, elem){
+ this.initialized = false;
+ this.filterManager = filterManager;
+ this.filterElem = filterElem;
+ this.elem = elem;
+ elem.matteElement = createNS('g');
+ elem.matteElement.appendChild(elem.layerElement);
+ elem.matteElement.appendChild(elem.transformedElement);
+ elem.baseElement = elem.matteElement;
+}
+
+SVGMatte3Effect.prototype.findSymbol = function(mask) {
+ var i = 0, len = _svgMatteSymbols.length;
+ while(i < len) {
+ if(_svgMatteSymbols[i] === mask) {
+ return _svgMatteSymbols[i];
+ }
+ i += 1;
+ }
+ return null;
+};
+
+SVGMatte3Effect.prototype.replaceInParent = function(mask, symbolId) {
+ var parentNode = mask.layerElement.parentNode;
+ if(!parentNode) {
+ return;
+ }
+ var children = parentNode.children;
+ var i = 0, len = children.length;
+ while (i < len) {
+ if (children[i] === mask.layerElement) {
+ break;
+ }
+ i += 1;
+ }
+ var nextChild;
+ if (i <= len - 2) {
+ nextChild = children[i + 1];
+ }
+ var useElem = createNS('use');
+ useElem.setAttribute('href', '#' + symbolId);
+ if(nextChild) {
+ parentNode.insertBefore(useElem, nextChild);
+ } else {
+ parentNode.appendChild(useElem);
+ }
+};
+
+SVGMatte3Effect.prototype.setElementAsMask = function(elem, mask) {
+ if(!this.findSymbol(mask)) {
+ var symbolId = 'matte_' + randomString(5) + '_' + _svgMatteMaskCounter++;
+ var masker = createNS('mask');
+ masker.setAttribute('id', mask.layerId);
+ masker.setAttribute('mask-type', 'alpha');
+ _svgMatteSymbols.push(mask);
+ var defs = elem.globalData.defs;
+ defs.appendChild(masker);
+ var symbol = createNS('symbol');
+ symbol.setAttribute('id', symbolId);
+ this.replaceInParent(mask, symbolId);
+ symbol.appendChild(mask.layerElement);
+ defs.appendChild(symbol);
+ var useElem = createNS('use');
+ useElem.setAttribute('href', '#' + symbolId);
+ masker.appendChild(useElem);
+ mask.data.hd = false;
+ mask.show();
+ }
+ elem.setMatte(mask.layerId);
+};
+
+SVGMatte3Effect.prototype.initialize = function() {
+ var ind = this.filterManager.effectElements[0].p.v;
+ var elements = this.elem.comp.elements;
+ var i = 0, len = elements.length;
+ while (i < len) {
+ if (elements[i] && elements[i].data.ind === ind) {
+ this.setElementAsMask(this.elem, elements[i]);
+ }
+ i += 1;
+ }
+ this.initialized = true;
+};
+
+SVGMatte3Effect.prototype.renderFrame = function() {
+ if(!this.initialized) {
+ this.initialize();
+ }
+};
+function SVGEffects(elem){
+ var i, len = elem.data.ef ? elem.data.ef.length : 0;
+ var filId = randomString(10);
+ var fil = filtersFactory.createFilter(filId);
+ var count = 0;
+ this.filters = [];
+ var filterManager;
+ for(i=0;i<len;i+=1){
+ filterManager = null;
+ if(elem.data.ef[i].ty === 20){
+ count += 1;
+ filterManager = new SVGTintFilter(fil, elem.effectsManager.effectElements[i]);
+ }else if(elem.data.ef[i].ty === 21){
+ count += 1;
+ filterManager = new SVGFillFilter(fil, elem.effectsManager.effectElements[i]);
+ }else if(elem.data.ef[i].ty === 22){
+ filterManager = new SVGStrokeEffect(elem, elem.effectsManager.effectElements[i]);
+ }else if(elem.data.ef[i].ty === 23){
+ count += 1;
+ filterManager = new SVGTritoneFilter(fil, elem.effectsManager.effectElements[i]);
+ }else if(elem.data.ef[i].ty === 24){
+ count += 1;
+ filterManager = new SVGProLevelsFilter(fil, elem.effectsManager.effectElements[i]);
+ }else if(elem.data.ef[i].ty === 25){
+ count += 1;
+ filterManager = new SVGDropShadowEffect(fil, elem.effectsManager.effectElements[i]);
+ }else if(elem.data.ef[i].ty === 28){
+ //count += 1;
+ filterManager = new SVGMatte3Effect(fil, elem.effectsManager.effectElements[i], elem);
+ }
+ if(filterManager) {
+ this.filters.push(filterManager);
+ }
+ }
+ if(count){
+ elem.globalData.defs.appendChild(fil);
+ elem.layerElement.setAttribute('filter','url(' + locationHref + '#'+filId+')');
+ }
+ if (this.filters.length) {
+ elem.addRenderableComponent(this);
+ }
+}
+
+SVGEffects.prototype.renderFrame = function(_isFirstFrame){
+ var i, len = this.filters.length;
+ for(i=0;i<len;i+=1){
+ this.filters[i].renderFrame(_isFirstFrame);
+ }
+};
+function CVEffects() {
+
+}
+CVEffects.prototype.renderFrame = function(){};
+function HBaseElement(data,globalData,comp){}
+HBaseElement.prototype = {
+ checkBlendMode: function(){},
+ initRendererElement: function(){
+ this.baseElement = createTag(this.data.tg || 'div');
+ if(this.data.hasMask) {
+ this.svgElement = createNS('svg');
+ this.layerElement = createNS('g');
+ this.maskedElement = this.layerElement;
+ this.svgElement.appendChild(this.layerElement);
+ this.baseElement.appendChild(this.svgElement);
+ } else {
+ this.layerElement = this.baseElement;
+ }
+ styleDiv(this.baseElement);
+ },
+ createContainerElements: function(){
+ this.renderableEffectsManager = new CVEffects(this);
+ this.transformedElement = this.baseElement;
+ this.maskedElement = this.layerElement;
+ if (this.data.ln) {
+ this.layerElement.setAttribute('id',this.data.ln);
+ }
+ if (this.data.cl) {
+ this.layerElement.setAttribute('class', this.data.cl);
+ }
+ if (this.data.bm !== 0) {
+ this.setBlendMode();
+ }
+ },
+ renderElement: function() {
+ if(this.finalTransform._matMdf){
+ this.transformedElement.style.transform = this.transformedElement.style.webkitTransform = this.finalTransform.mat.toCSS();
+ }
+ if(this.finalTransform._opMdf){
+ this.transformedElement.style.opacity = this.finalTransform.mProp.o.v;
+ }
+ },
+ renderFrame: function() {
+ //If it is exported as hidden (data.hd === true) no need to render
+ //If it is not visible no need to render
+ if (this.data.hd || this.hidden) {
+ return;
+ }
+ this.renderTransform();
+ this.renderRenderable();
+ this.renderElement();
+ this.renderInnerContent();
+ if (this._isFirstFrame) {
+ this._isFirstFrame = false;
+ }
+ },
+ destroy: function(){
+ this.layerElement = null;
+ this.transformedElement = null;
+ if(this.matteElement) {
+ this.matteElement = null;
+ }
+ if(this.maskManager) {
+ this.maskManager.destroy();
+ this.maskManager = null;
+ }
+ },
+ createRenderableComponents: function(){
+ this.maskManager = new MaskElement(this.data, this, this.globalData);
+ },
+ addEffects: function(){
+ },
+ setMatte: function(){}
+};
+HBaseElement.prototype.getBaseElement = SVGBaseElement.prototype.getBaseElement;
+HBaseElement.prototype.destroyBaseElement = HBaseElement.prototype.destroy;
+HBaseElement.prototype.buildElementParenting = HybridRenderer.prototype.buildElementParenting;
+function HSolidElement(data,globalData,comp){
+ this.initElement(data,globalData,comp);
+}
+extendPrototype([BaseElement,TransformElement,HBaseElement,HierarchyElement,FrameElement,RenderableDOMElement], HSolidElement);
+
+HSolidElement.prototype.createContent = function(){
+ var rect;
+ if(this.data.hasMask){
+ rect = createNS('rect');
+ rect.setAttribute('width',this.data.sw);
+ rect.setAttribute('height',this.data.sh);
+ rect.setAttribute('fill',this.data.sc);
+ this.svgElement.setAttribute('width',this.data.sw);
+ this.svgElement.setAttribute('height',this.data.sh);
+ } else {
+ rect = createTag('div');
+ rect.style.width = this.data.sw + 'px';
+ rect.style.height = this.data.sh + 'px';
+ rect.style.backgroundColor = this.data.sc;
+ }
+ this.layerElement.appendChild(rect);
+};
+
+function HCompElement(data,globalData,comp){
+ this.layers = data.layers;
+ this.supports3d = !data.hasMask;
+ this.completeLayers = false;
+ this.pendingElements = [];
+ this.elements = this.layers ? createSizedArray(this.layers.length) : [];
+ this.initElement(data,globalData,comp);
+ this.tm = data.tm ? PropertyFactory.getProp(this,data.tm,0,globalData.frameRate,this) : {_placeholder:true};
+}
+
+extendPrototype([HybridRenderer, ICompElement, HBaseElement], HCompElement);
+HCompElement.prototype._createBaseContainerElements = HCompElement.prototype.createContainerElements;
+
+HCompElement.prototype.createContainerElements = function(){
+ this._createBaseContainerElements();
+ //divElement.style.clip = 'rect(0px, '+this.data.w+'px, '+this.data.h+'px, 0px)';
+ if(this.data.hasMask){
+ this.svgElement.setAttribute('width',this.data.w);
+ this.svgElement.setAttribute('height',this.data.h);
+ this.transformedElement = this.baseElement;
+ } else {
+ this.transformedElement = this.layerElement;
+ }
+};
+
+HCompElement.prototype.addTo3dContainer = function(elem,pos) {
+ var j = 0;
+ var nextElement;
+ while(j<pos){
+ if(this.elements[j] && this.elements[j].getBaseElement){
+ nextElement = this.elements[j].getBaseElement();
+ }
+ j += 1;
+ }
+ if(nextElement){
+ this.layerElement.insertBefore(elem, nextElement);
+ } else {
+ this.layerElement.appendChild(elem);
+ }
+}
+
+function HShapeElement(data,globalData,comp){
+ //List of drawable elements
+ this.shapes = [];
+ // Full shape data
+ this.shapesData = data.shapes;
+ //List of styles that will be applied to shapes
+ this.stylesList = [];
+ //List of modifiers that will be applied to shapes
+ this.shapeModifiers = [];
+ //List of items in shape tree
+ this.itemsData = [];
+ //List of items in previous shape tree
+ this.processedElements = [];
+ // List of animated components
+ this.animatedContents = [];
+ this.shapesContainer = createNS('g');
+ this.initElement(data,globalData,comp);
+ //Moving any property that doesn't get too much access after initialization because of v8 way of handling more than 10 properties.
+ // List of elements that have been created
+ this.prevViewData = [];
+ this.currentBBox = {
+ x:999999,
+ y: -999999,
+ h: 0,
+ w: 0
+ };
+}
+extendPrototype([BaseElement,TransformElement,HSolidElement,SVGShapeElement,HBaseElement,HierarchyElement,FrameElement,RenderableElement], HShapeElement);
+HShapeElement.prototype._renderShapeFrame = HShapeElement.prototype.renderInnerContent;
+
+HShapeElement.prototype.createContent = function(){
+ var cont;
+ this.baseElement.style.fontSize = 0;
+ if (this.data.hasMask) {
+ this.layerElement.appendChild(this.shapesContainer);
+ cont = this.svgElement;
+ } else {
+ cont = createNS('svg');
+ var size = this.comp.data ? this.comp.data : this.globalData.compSize;
+ cont.setAttribute('width',size.w);
+ cont.setAttribute('height',size.h);
+ cont.appendChild(this.shapesContainer);
+ this.layerElement.appendChild(cont);
+ }
+
+ this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.shapesContainer,0, [], true);
+ this.filterUniqueShapes();
+ this.shapeCont = cont;
+};
+
+HShapeElement.prototype.getTransformedPoint = function(transformers, point) {
+ var i, len = transformers.length;
+ for(i = 0; i < len; i += 1) {
+ point = transformers[i].mProps.v.applyToPointArray(point[0], point[1], 0);
+ }
+ return point;
+}
+
+HShapeElement.prototype.calculateShapeBoundingBox = function(item, boundingBox) {
+ var shape = item.sh.v;
+ var transformers = item.transformers;
+ var i, len = shape._length, vPoint, oPoint, nextIPoint, nextVPoint, bounds;
+ if (len <= 1) {
+ return;
+ }
+ for (i = 0; i < len - 1; i += 1) {
+ vPoint = this.getTransformedPoint(transformers, shape.v[i]);
+ oPoint = this.getTransformedPoint(transformers, shape.o[i]);
+ nextIPoint = this.getTransformedPoint(transformers, shape.i[i + 1]);
+ nextVPoint = this.getTransformedPoint(transformers, shape.v[i + 1]);
+ this.checkBounds(vPoint, oPoint, nextIPoint, nextVPoint, boundingBox);
+ }
+ if(shape.c) {
+ vPoint = this.getTransformedPoint(transformers, shape.v[i]);
+ oPoint = this.getTransformedPoint(transformers, shape.o[i]);
+ nextIPoint = this.getTransformedPoint(transformers, shape.i[0]);
+ nextVPoint = this.getTransformedPoint(transformers, shape.v[0]);
+ this.checkBounds(vPoint, oPoint, nextIPoint, nextVPoint, boundingBox);
+ }
+}
+
+HShapeElement.prototype.checkBounds = function(vPoint, oPoint, nextIPoint, nextVPoint, boundingBox) {
+ this.getBoundsOfCurve(vPoint, oPoint, nextIPoint, nextVPoint);
+ var bounds = this.shapeBoundingBox;
+ boundingBox.x = bm_min(bounds.left, boundingBox.x);
+ boundingBox.xMax = bm_max(bounds.right, boundingBox.xMax);
+ boundingBox.y = bm_min(bounds.top, boundingBox.y);
+ boundingBox.yMax = bm_max(bounds.bottom, boundingBox.yMax);
+}
+
+HShapeElement.prototype.shapeBoundingBox = {
+ left:0,
+ right:0,
+ top:0,
+ bottom:0,
+}
+
+HShapeElement.prototype.tempBoundingBox = {
+ x:0,
+ xMax:0,
+ y:0,
+ yMax:0,
+ width:0,
+ height:0
+}
+
+HShapeElement.prototype.getBoundsOfCurve = function(p0, p1, p2, p3) {
+
+ var bounds = [[p0[0],p3[0]], [p0[1],p3[1]]];
+
+ for (var a, b, c, t, b2ac, t1, t2, i = 0; i < 2; ++i) {
+
+ b = 6 * p0[i] - 12 * p1[i] + 6 * p2[i];
+ a = -3 * p0[i] + 9 * p1[i] - 9 * p2[i] + 3 * p3[i];
+ c = 3 * p1[i] - 3 * p0[i];
+
+ b = b | 0;
+ a = a | 0;
+ c = c | 0;
+
+ if (a === 0) {
+
+ if (b === 0) {
+ continue;
+ }
+
+ t = -c / b;
+
+ if (0 < t && t < 1) {
+ bounds[i].push(this.calculateF(t,p0,p1,p2,p3,i));
+ }
+ continue;
+ }
+
+ b2ac = b * b - 4 * c * a;
+
+ if (b2ac < 0) {
+ continue;
+ }
+
+ t1 = (-b + bm_sqrt(b2ac))/(2 * a);
+ if (0 < t1 && t1 < 1) bounds[i].push(this.calculateF(t1,p0,p1,p2,p3,i));
+
+ t2 = (-b - bm_sqrt(b2ac))/(2 * a);
+ if (0 < t2 && t2 < 1) bounds[i].push(this.calculateF(t2,p0,p1,p2,p3,i));
+
+ }
+
+ this.shapeBoundingBox.left = bm_min.apply(null, bounds[0]);
+ this.shapeBoundingBox.top = bm_min.apply(null, bounds[1]);
+ this.shapeBoundingBox.right = bm_max.apply(null, bounds[0]);
+ this.shapeBoundingBox.bottom = bm_max.apply(null, bounds[1]);
+ };
+
+ HShapeElement.prototype.calculateF = function(t, p0, p1, p2, p3, i) {
+ return bm_pow(1-t, 3) * p0[i]
+ + 3 * bm_pow(1-t, 2) * t * p1[i]
+ + 3 * (1-t) * bm_pow(t, 2) * p2[i]
+ + bm_pow(t, 3) * p3[i];
+ }
+
+HShapeElement.prototype.calculateBoundingBox = function(itemsData, boundingBox) {
+ var i, len = itemsData.length, path;
+ for(i = 0; i < len; i += 1) {
+ if(itemsData[i] && itemsData[i].sh) {
+ this.calculateShapeBoundingBox(itemsData[i], boundingBox)
+ } else if(itemsData[i] && itemsData[i].it) {
+ this.calculateBoundingBox(itemsData[i].it, boundingBox)
+ }
+ }
+}
+
+HShapeElement.prototype.currentBoxContains = function(box) {
+ return this.currentBBox.x <= box.x
+ && this.currentBBox.y <= box.y
+ && this.currentBBox.width + this.currentBBox.x >= box.x + box.width
+ && this.currentBBox.height + this.currentBBox.y >= box.y + box.height
+}
+
+HShapeElement.prototype.renderInnerContent = function() {
+ this._renderShapeFrame();
+
+ if(!this.hidden && (this._isFirstFrame || this._mdf)) {
+ var tempBoundingBox = this.tempBoundingBox;
+ var max = 999999;
+ tempBoundingBox.x = max;
+ tempBoundingBox.xMax = -max;
+ tempBoundingBox.y = max;
+ tempBoundingBox.yMax = -max;
+ this.calculateBoundingBox(this.itemsData, tempBoundingBox);
+ tempBoundingBox.width = tempBoundingBox.xMax < tempBoundingBox.x ? 0 : tempBoundingBox.xMax - tempBoundingBox.x;
+ tempBoundingBox.height = tempBoundingBox.yMax < tempBoundingBox.y ? 0 : tempBoundingBox.yMax - tempBoundingBox.y;
+ //var tempBoundingBox = this.shapeCont.getBBox();
+ if(this.currentBoxContains(tempBoundingBox)) {
+ return;
+ }
+ var changed = false;
+ if(this.currentBBox.w !== tempBoundingBox.width){
+ this.currentBBox.w = tempBoundingBox.width;
+ this.shapeCont.setAttribute('width',tempBoundingBox.width);
+ changed = true;
+ }
+ if(this.currentBBox.h !== tempBoundingBox.height){
+ this.currentBBox.h = tempBoundingBox.height;
+ this.shapeCont.setAttribute('height',tempBoundingBox.height);
+ changed = true;
+ }
+ if(changed || this.currentBBox.x !== tempBoundingBox.x || this.currentBBox.y !== tempBoundingBox.y){
+ this.currentBBox.w = tempBoundingBox.width;
+ this.currentBBox.h = tempBoundingBox.height;
+ this.currentBBox.x = tempBoundingBox.x;
+ this.currentBBox.y = tempBoundingBox.y;
+
+ this.shapeCont.setAttribute('viewBox',this.currentBBox.x+' '+this.currentBBox.y+' '+this.currentBBox.w+' '+this.currentBBox.h);
+ this.shapeCont.style.transform = this.shapeCont.style.webkitTransform = 'translate(' + this.currentBBox.x + 'px,' + this.currentBBox.y + 'px)';
+ }
+ }
+
+};
+function HTextElement(data,globalData,comp){
+ this.textSpans = [];
+ this.textPaths = [];
+ this.currentBBox = {
+ x:999999,
+ y: -999999,
+ h: 0,
+ w: 0
+ };
+ this.renderType = 'svg';
+ this.isMasked = false;
+ this.initElement(data,globalData,comp);
+
+}
+extendPrototype([BaseElement,TransformElement,HBaseElement,HierarchyElement,FrameElement,RenderableDOMElement,ITextElement], HTextElement);
+
+HTextElement.prototype.createContent = function(){
+ this.isMasked = this.checkMasks();
+ if(this.isMasked){
+ this.renderType = 'svg';
+ this.compW = this.comp.data.w;
+ this.compH = this.comp.data.h;
+ this.svgElement.setAttribute('width',this.compW);
+ this.svgElement.setAttribute('height',this.compH);
+ var g = createNS('g');
+ this.maskedElement.appendChild(g);
+ this.innerElem = g;
+ } else {
+ this.renderType = 'html';
+ this.innerElem = this.layerElement;
+ }
+
+ this.checkParenting();
+
+};
+
+HTextElement.prototype.buildNewText = function(){
+ var documentData = this.textProperty.currentData;
+ this.renderedLetters = createSizedArray(documentData.l ? documentData.l.length : 0);
+ var innerElemStyle = this.innerElem.style;
+ innerElemStyle.color = innerElemStyle.fill = documentData.fc ? this.buildColor(documentData.fc) : 'rgba(0,0,0,0)';
+ if(documentData.sc){
+ innerElemStyle.stroke = this.buildColor(documentData.sc);
+ innerElemStyle.strokeWidth = documentData.sw+'px';
+ }
+ var fontData = this.globalData.fontManager.getFontByName(documentData.f);
+ if(!this.globalData.fontManager.chars){
+ innerElemStyle.fontSize = documentData.finalSize+'px';
+ innerElemStyle.lineHeight = documentData.finalSize+'px';
+ if(fontData.fClass){
+ this.innerElem.className = fontData.fClass;
+ } else {
+ innerElemStyle.fontFamily = fontData.fFamily;
+ var fWeight = documentData.fWeight, fStyle = documentData.fStyle;
+ innerElemStyle.fontStyle = fStyle;
+ innerElemStyle.fontWeight = fWeight;
+ }
+ }
+ var i, len;
+
+ var letters = documentData.l;
+ len = letters.length;
+ var tSpan,tParent,tCont;
+ var matrixHelper = this.mHelper;
+ var shapes, shapeStr = '';
+ var cnt = 0;
+ for (i = 0;i < len ;i += 1) {
+ if(this.globalData.fontManager.chars){
+ if(!this.textPaths[cnt]){
+ tSpan = createNS('path');
+ tSpan.setAttribute('stroke-linecap', 'butt');
+ tSpan.setAttribute('stroke-linejoin','round');
+ tSpan.setAttribute('stroke-miterlimit','4');
+ } else {
+ tSpan = this.textPaths[cnt];
+ }
+ if(!this.isMasked){
+ if(this.textSpans[cnt]){
+ tParent = this.textSpans[cnt];
+ tCont = tParent.children[0];
+ } else {
+
+ tParent = createTag('div');
+ tCont = createNS('svg');
+ tCont.appendChild(tSpan);
+ styleDiv(tParent);
+ }
+ }
+ }else{
+ if(!this.isMasked){
+ if(this.textSpans[cnt]){
+ tParent = this.textSpans[cnt];
+ tSpan = this.textPaths[cnt];
+ } else {
+ tParent = createTag('span');
+ styleDiv(tParent);
+ tSpan = createTag('span');
+ styleDiv(tSpan);
+ tParent.appendChild(tSpan);
+ }
+ } else {
+ tSpan = this.textPaths[cnt] ? this.textPaths[cnt] : createNS('text');
+ }
+ }
+ //tSpan.setAttribute('visibility', 'hidden');
+ if(this.globalData.fontManager.chars){
+ var charData = this.globalData.fontManager.getCharData(documentData.finalText[i], fontData.fStyle, this.globalData.fontManager.getFontByName(documentData.f).fFamily);
+ var shapeData;
+ if(charData){
+ shapeData = charData.data;
+ } else {
+ shapeData = null;
+ }
+ matrixHelper.reset();
+ if(shapeData && shapeData.shapes){
+ shapes = shapeData.shapes[0].it;
+ matrixHelper.scale(documentData.finalSize/100,documentData.finalSize/100);
+ shapeStr = this.createPathShape(matrixHelper,shapes);
+ tSpan.setAttribute('d',shapeStr);
+ }
+ if(!this.isMasked){
+ this.innerElem.appendChild(tParent);
+ if(shapeData && shapeData.shapes){
+
+ //document.body.appendChild is needed to get exact measure of shape
+ document.body.appendChild(tCont);
+ var boundingBox = tCont.getBBox();
+ tCont.setAttribute('width',boundingBox.width + 2);
+ tCont.setAttribute('height',boundingBox.height + 2);
+ tCont.setAttribute('viewBox',(boundingBox.x-1)+' '+ (boundingBox.y-1)+' '+ (boundingBox.width+2)+' '+ (boundingBox.height+2));
+ tCont.style.transform = tCont.style.webkitTransform = 'translate(' + (boundingBox.x-1) + 'px,' + (boundingBox.y-1) + 'px)';
+
+ letters[i].yOffset = boundingBox.y-1;
+
+ } else{
+ tCont.setAttribute('width',1);
+ tCont.setAttribute('height',1);
+ }
+ tParent.appendChild(tCont);
+ }else{
+ this.innerElem.appendChild(tSpan);
+ }
+ }else{
+ tSpan.textContent = letters[i].val;
+ tSpan.setAttributeNS("http://www.w3.org/XML/1998/namespace", "xml:space","preserve");
+ if(!this.isMasked){
+ this.innerElem.appendChild(tParent);
+ //
+ tSpan.style.transform = tSpan.style.webkitTransform = 'translate3d(0,'+ -documentData.finalSize/1.2+'px,0)';
+ } else {
+ this.innerElem.appendChild(tSpan);
+ }
+ }
+ //
+ if(!this.isMasked){
+ this.textSpans[cnt] = tParent;
+ }else{
+ this.textSpans[cnt] = tSpan;
+ }
+ this.textSpans[cnt].style.display = 'block';
+ this.textPaths[cnt] = tSpan;
+ cnt += 1;
+ }
+ while(cnt < this.textSpans.length){
+ this.textSpans[cnt].style.display = 'none';
+ cnt += 1;
+ }
+};
+
+HTextElement.prototype.renderInnerContent = function() {
+
+ if(this.data.singleShape){
+ if(!this._isFirstFrame && !this.lettersChangedFlag){
+ return;
+ } else {
+ // Todo Benchmark if using this is better than getBBox
+ if(this.isMasked && this.finalTransform._matMdf){
+ this.svgElement.setAttribute('viewBox',-this.finalTransform.mProp.p.v[0]+' '+ -this.finalTransform.mProp.p.v[1]+' '+this.compW+' '+this.compH);
+ this.svgElement.style.transform = this.svgElement.style.webkitTransform = 'translate(' + -this.finalTransform.mProp.p.v[0] + 'px,' + -this.finalTransform.mProp.p.v[1] + 'px)';
+ }
+ }
+ }
+
+ this.textAnimator.getMeasures(this.textProperty.currentData, this.lettersChangedFlag);
+ if(!this.lettersChangedFlag && !this.textAnimator.lettersChangedFlag){
+ return;
+ }
+ var i,len, count = 0;
+ var renderedLetters = this.textAnimator.renderedLetters;
+
+ var letters = this.textProperty.currentData.l;
+
+ len = letters.length;
+ var renderedLetter, textSpan, textPath;
+ for(i=0;i<len;i+=1){
+ if(letters[i].n){
+ count += 1;
+ continue;
+ }
+ textSpan = this.textSpans[i];
+ textPath = this.textPaths[i];
+ renderedLetter = renderedLetters[count];
+ count += 1;
+ if(renderedLetter._mdf.m) {
+ if(!this.isMasked){
+ textSpan.style.transform = textSpan.style.webkitTransform = renderedLetter.m;
+ }else{
+ textSpan.setAttribute('transform',renderedLetter.m);
+ }
+ }
+ ////textSpan.setAttribute('opacity',renderedLetter.o);
+ textSpan.style.opacity = renderedLetter.o;
+ if(renderedLetter.sw && renderedLetter._mdf.sw){
+ textPath.setAttribute('stroke-width',renderedLetter.sw);
+ }
+ if(renderedLetter.sc && renderedLetter._mdf.sc){
+ textPath.setAttribute('stroke',renderedLetter.sc);
+ }
+ if(renderedLetter.fc && renderedLetter._mdf.fc){
+ textPath.setAttribute('fill',renderedLetter.fc);
+ textPath.style.color = renderedLetter.fc;
+ }
+ }
+
+ if(this.innerElem.getBBox && !this.hidden && (this._isFirstFrame || this._mdf)){
+ var boundingBox = this.innerElem.getBBox();
+
+ if(this.currentBBox.w !== boundingBox.width){
+ this.currentBBox.w = boundingBox.width;
+ this.svgElement.setAttribute('width',boundingBox.width);
+ }
+ if(this.currentBBox.h !== boundingBox.height){
+ this.currentBBox.h = boundingBox.height;
+ this.svgElement.setAttribute('height',boundingBox.height);
+ }
+
+ var margin = 1;
+ if(this.currentBBox.w !== (boundingBox.width + margin*2) || this.currentBBox.h !== (boundingBox.height + margin*2) || this.currentBBox.x !== (boundingBox.x - margin) || this.currentBBox.y !== (boundingBox.y - margin)){
+ this.currentBBox.w = boundingBox.width + margin*2;
+ this.currentBBox.h = boundingBox.height + margin*2;
+ this.currentBBox.x = boundingBox.x - margin;
+ this.currentBBox.y = boundingBox.y - margin;
+
+ this.svgElement.setAttribute('viewBox',this.currentBBox.x+' '+this.currentBBox.y+' '+this.currentBBox.w+' '+this.currentBBox.h);
+ this.svgElement.style.transform = this.svgElement.style.webkitTransform = 'translate(' + this.currentBBox.x + 'px,' + this.currentBBox.y + 'px)';
+ }
+ }
+};
+function HImageElement(data,globalData,comp){
+ this.assetData = globalData.getAssetData(data.refId);
+ this.initElement(data,globalData,comp);
+}
+
+extendPrototype([BaseElement,TransformElement,HBaseElement,HSolidElement,HierarchyElement,FrameElement,RenderableElement], HImageElement);
+
+
+HImageElement.prototype.createContent = function(){
+ var assetPath = this.globalData.getAssetsPath(this.assetData);
+ var img = new Image();
+
+ if(this.data.hasMask){
+ this.imageElem = createNS('image');
+ this.imageElem.setAttribute('width',this.assetData.w+"px");
+ this.imageElem.setAttribute('height',this.assetData.h+"px");
+ this.imageElem.setAttributeNS('http://www.w3.org/1999/xlink','href',assetPath);
+ this.layerElement.appendChild(this.imageElem);
+ this.baseElement.setAttribute('width',this.assetData.w);
+ this.baseElement.setAttribute('height',this.assetData.h);
+ } else {
+ this.layerElement.appendChild(img);
+ }
+ img.src = assetPath;
+ if(this.data.ln){
+ this.baseElement.setAttribute('id',this.data.ln);
+ }
+};
+function HCameraElement(data,globalData,comp){
+ this.initFrame();
+ this.initBaseData(data,globalData,comp);
+ this.initHierarchy();
+ var getProp = PropertyFactory.getProp;
+ this.pe = getProp(this,data.pe,0,0,this);
+ if(data.ks.p.s){
+ this.px = getProp(this,data.ks.p.x,1,0,this);
+ this.py = getProp(this,data.ks.p.y,1,0,this);
+ this.pz = getProp(this,data.ks.p.z,1,0,this);
+ }else{
+ this.p = getProp(this,data.ks.p,1,0,this);
+ }
+ if(data.ks.a){
+ this.a = getProp(this,data.ks.a,1,0,this);
+ }
+ if(data.ks.or.k.length && data.ks.or.k[0].to){
+ var i,len = data.ks.or.k.length;
+ for(i=0;i<len;i+=1){
+ data.ks.or.k[i].to = null;
+ data.ks.or.k[i].ti = null;
+ }
+ }
+ this.or = getProp(this,data.ks.or,1,degToRads,this);
+ this.or.sh = true;
+ this.rx = getProp(this,data.ks.rx,0,degToRads,this);
+ this.ry = getProp(this,data.ks.ry,0,degToRads,this);
+ this.rz = getProp(this,data.ks.rz,0,degToRads,this);
+ this.mat = new Matrix();
+ this._prevMat = new Matrix();
+ this._isFirstFrame = true;
+}
+extendPrototype([BaseElement, FrameElement, HierarchyElement], HCameraElement);
+
+HCameraElement.prototype.setup = function() {
+ var i, len = this.comp.threeDElements.length, comp;
+ for(i=0;i<len;i+=1){
+ //[perspectiveElem,container]
+ comp = this.comp.threeDElements[i];
+ if(comp.type === '3d') {
+ comp.perspectiveElem.style.perspective = comp.perspectiveElem.style.webkitPerspective = this.pe.v+'px';
+ comp.container.style.transformOrigin = comp.container.style.mozTransformOrigin = comp.container.style.webkitTransformOrigin = "0px 0px 0px";
+ comp.perspectiveElem.style.transform = comp.perspectiveElem.style.webkitTransform = 'matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)';
+ }
+ }
+};
+
+HCameraElement.prototype.createElements = function(){
+};
+
+HCameraElement.prototype.hide = function(){
+};
+
+HCameraElement.prototype.renderFrame = function(){
+ var _mdf = this._isFirstFrame;
+ var i, len;
+ if(this.hierarchy){
+ len = this.hierarchy.length;
+ for(i=0;i<len;i+=1){
+ _mdf = this.hierarchy[i].finalTransform.mProp._mdf || _mdf;
+ }
+ }
+ if(_mdf || this.pe._mdf || (this.p && this.p._mdf) || (this.px && (this.px._mdf || this.py._mdf || this.pz._mdf)) || this.rx._mdf || this.ry._mdf || this.rz._mdf || this.or._mdf || (this.a && this.a._mdf)) {
+ this.mat.reset();
+
+ if(this.hierarchy){
+ var mat;
+ len = this.hierarchy.length - 1;
+ for (i = len; i >= 0; i -= 1) {
+ /*mat = this.hierarchy[i].finalTransform.mProp.v.props;
+ console.log(mat)
+ this.mat.transform(-mat[0],-mat[1],-mat[2],-mat[3],-mat[4],-mat[5],-mat[6],-mat[7],-mat[8],-mat[9],-mat[10],-mat[11],-mat[12],-mat[13],-mat[14],mat[15]);
+ console.log(this.mat.props)*/
+ var mTransf = this.hierarchy[i].finalTransform.mProp;
+ this.mat.translate(-mTransf.p.v[0],-mTransf.p.v[1],mTransf.p.v[2]);
+ this.mat.rotateX(-mTransf.or.v[0]).rotateY(-mTransf.or.v[1]).rotateZ(mTransf.or.v[2]);
+ this.mat.rotateX(-mTransf.rx.v).rotateY(-mTransf.ry.v).rotateZ(mTransf.rz.v);
+ this.mat.scale(1/mTransf.s.v[0],1/mTransf.s.v[1],1/mTransf.s.v[2]);
+ this.mat.translate(mTransf.a.v[0],mTransf.a.v[1],mTransf.a.v[2]);
+ }
+ }
+
+ if(this.p){
+ this.mat.translate(-this.p.v[0],-this.p.v[1],this.p.v[2]);
+ }else{
+ this.mat.translate(-this.px.v,-this.py.v,this.pz.v);
+ }
+ if(this.a){
+ var diffVector = [this.p.v[0]-this.a.v[0],this.p.v[1]-this.a.v[1],this.p.v[2]-this.a.v[2]];
+ var mag = Math.sqrt(Math.pow(diffVector[0],2)+Math.pow(diffVector[1],2)+Math.pow(diffVector[2],2));
+ //var lookDir = getNormalizedPoint(getDiffVector(this.a.v,this.p.v));
+ var lookDir = [diffVector[0]/mag,diffVector[1]/mag,diffVector[2]/mag];
+ var lookLengthOnXZ = Math.sqrt( lookDir[2]*lookDir[2] + lookDir[0]*lookDir[0] );
+ var m_rotationX = (Math.atan2( lookDir[1], lookLengthOnXZ ));
+ var m_rotationY = (Math.atan2( lookDir[0], -lookDir[2]));
+ this.mat.rotateY(m_rotationY).rotateX(-m_rotationX);
+
+ }
+ this.mat.rotateX(-this.rx.v).rotateY(-this.ry.v).rotateZ(this.rz.v);
+ this.mat.rotateX(-this.or.v[0]).rotateY(-this.or.v[1]).rotateZ(this.or.v[2]);
+ this.mat.translate(this.globalData.compSize.w/2,this.globalData.compSize.h/2,0);
+ this.mat.translate(0,0,this.pe.v);
+
+
+
+
+ var hasMatrixChanged = !this._prevMat.equals(this.mat);
+ if((hasMatrixChanged || this.pe._mdf) && this.comp.threeDElements) {
+ len = this.comp.threeDElements.length;
+ var comp;
+ for(i=0;i<len;i+=1){
+ comp = this.comp.threeDElements[i];
+ if(comp.type === '3d') {
+ if(hasMatrixChanged) {
+ comp.container.style.transform = comp.container.style.webkitTransform = this.mat.toCSS();
+ }
+ if(this.pe._mdf) {
+ comp.perspectiveElem.style.perspective = comp.perspectiveElem.style.webkitPerspective = this.pe.v+'px';
+ }
+ }
+ }
+ this.mat.clone(this._prevMat);
+ }
+ }
+ this._isFirstFrame = false;
+};
+
+HCameraElement.prototype.prepareFrame = function(num) {
+ this.prepareProperties(num, true);
+};
+
+HCameraElement.prototype.destroy = function(){
+};
+HCameraElement.prototype.initExpressions = function(){};
+HCameraElement.prototype.getBaseElement = function(){return null;};
+function HEffects() {
+}
+HEffects.prototype.renderFrame = function(){};
+var animationManager = (function(){
+ var moduleOb = {};
+ var registeredAnimations = [];
+ var initTime = 0;
+ var len = 0;
+ var playingAnimationsNum = 0;
+ var _stopped = true;
+ var _isFrozen = false;
+
+ function removeElement(ev){
+ var i = 0;
+ var animItem = ev.target;
+ while(i<len) {
+ if (registeredAnimations[i].animation === animItem) {
+ registeredAnimations.splice(i, 1);
+ i -= 1;
+ len -= 1;
+ if(!animItem.isPaused){
+ subtractPlayingCount();
+ }
+ }
+ i += 1;
+ }
+ }
+
+ function registerAnimation(element, animationData){
+ if(!element){
+ return null;
+ }
+ var i=0;
+ while(i<len){
+ if(registeredAnimations[i].elem == element && registeredAnimations[i].elem !== null ){
+ return registeredAnimations[i].animation;
+ }
+ i+=1;
+ }
+ var animItem = new AnimationItem();
+ setupAnimation(animItem, element);
+ animItem.setData(element, animationData);
+ return animItem;
+ }
+
+ function getRegisteredAnimations() {
+ var i, len = registeredAnimations.length;
+ var animations = [];
+ for(i = 0; i < len; i += 1) {
+ animations.push(registeredAnimations[i].animation);
+ }
+ return animations;
+ }
+
+ function addPlayingCount(){
+ playingAnimationsNum += 1;
+ activate();
+ }
+
+ function subtractPlayingCount(){
+ playingAnimationsNum -= 1;
+ }
+
+ function setupAnimation(animItem, element){
+ animItem.addEventListener('destroy',removeElement);
+ animItem.addEventListener('_active',addPlayingCount);
+ animItem.addEventListener('_idle',subtractPlayingCount);
+ registeredAnimations.push({elem: element,animation:animItem});
+ len += 1;
+ }
+
+ function loadAnimation(params){
+ var animItem = new AnimationItem();
+ setupAnimation(animItem, null);
+ animItem.setParams(params);
+ return animItem;
+ }
+
+
+ function setSpeed(val,animation){
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.setSpeed(val, animation);
+ }
+ }
+
+ function setDirection(val, animation){
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.setDirection(val, animation);
+ }
+ }
+
+ function play(animation){
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.play(animation);
+ }
+ }
+ function resume(nowTime) {
+ var elapsedTime = nowTime - initTime;
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.advanceTime(elapsedTime);
+ }
+ initTime = nowTime;
+ if(playingAnimationsNum && !_isFrozen) {
+ window.requestAnimationFrame(resume);
+ } else {
+ _stopped = true;
+ }
+ }
+
+ function first(nowTime){
+ initTime = nowTime;
+ window.requestAnimationFrame(resume);
+ }
+
+ function pause(animation) {
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.pause(animation);
+ }
+ }
+
+ function goToAndStop(value,isFrame,animation) {
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.goToAndStop(value,isFrame,animation);
+ }
+ }
+
+ function stop(animation) {
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.stop(animation);
+ }
+ }
+
+ function togglePause(animation) {
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.togglePause(animation);
+ }
+ }
+
+ function destroy(animation) {
+ var i;
+ for(i=(len-1);i>=0;i-=1){
+ registeredAnimations[i].animation.destroy(animation);
+ }
+ }
+
+ function searchAnimations(animationData, standalone, renderer){
+ var animElements = [].concat([].slice.call(document.getElementsByClassName('lottie')),
+ [].slice.call(document.getElementsByClassName('bodymovin')));
+ var i, len = animElements.length;
+ for(i=0;i<len;i+=1){
+ if(renderer){
+ animElements[i].setAttribute('data-bm-type',renderer);
+ }
+ registerAnimation(animElements[i], animationData);
+ }
+ if(standalone && len === 0){
+ if(!renderer){
+ renderer = 'svg';
+ }
+ var body = document.getElementsByTagName('body')[0];
+ body.innerHTML = '';
+ var div = createTag('div');
+ div.style.width = '100%';
+ div.style.height = '100%';
+ div.setAttribute('data-bm-type',renderer);
+ body.appendChild(div);
+ registerAnimation(div, animationData);
+ }
+ }
+
+ function resize(){
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.resize();
+ }
+ }
+
+ function activate(){
+ if(!_isFrozen && playingAnimationsNum){
+ if(_stopped) {
+ window.requestAnimationFrame(first);
+ _stopped = false;
+ }
+ }
+ }
+
+ function freeze() {
+ _isFrozen = true;
+ }
+
+ function unfreeze() {
+ _isFrozen = false;
+ activate();
+ }
+
+ moduleOb.registerAnimation = registerAnimation;
+ moduleOb.loadAnimation = loadAnimation;
+ moduleOb.setSpeed = setSpeed;
+ moduleOb.setDirection = setDirection;
+ moduleOb.play = play;
+ moduleOb.pause = pause;
+ moduleOb.stop = stop;
+ moduleOb.togglePause = togglePause;
+ moduleOb.searchAnimations = searchAnimations;
+ moduleOb.resize = resize;
+ //moduleOb.start = start;
+ moduleOb.goToAndStop = goToAndStop;
+ moduleOb.destroy = destroy;
+ moduleOb.freeze = freeze;
+ moduleOb.unfreeze = unfreeze;
+ moduleOb.getRegisteredAnimations = getRegisteredAnimations;
+ return moduleOb;
+}());
+
+var AnimationItem = function () {
+ this._cbs = [];
+ this.name = '';
+ this.path = '';
+ this.isLoaded = false;
+ this.currentFrame = 0;
+ this.currentRawFrame = 0;
+ this.totalFrames = 0;
+ this.frameRate = 0;
+ this.frameMult = 0;
+ this.playSpeed = 1;
+ this.playDirection = 1;
+ this.playCount = 0;
+ this.animationData = {};
+ this.assets = [];
+ this.isPaused = true;
+ this.autoplay = false;
+ this.loop = true;
+ this.renderer = null;
+ this.animationID = randomString(10);
+ this.assetsPath = '';
+ this.timeCompleted = 0;
+ this.segmentPos = 0;
+ this.subframeEnabled = subframeEnabled;
+ this.segments = [];
+ this._idle = true;
+ this._completedLoop = false;
+ this.projectInterface = ProjectInterface();
+ this.imagePreloader = new ImagePreloader();
+};
+
+extendPrototype([BaseEvent], AnimationItem);
+
+AnimationItem.prototype.setParams = function(params) {
+ if(params.context){
+ this.context = params.context;
+ }
+ if(params.wrapper || params.container){
+ this.wrapper = params.wrapper || params.container;
+ }
+ var animType = params.animType ? params.animType : params.renderer ? params.renderer : 'svg';
+ switch(animType){
+ case 'canvas':
+ this.renderer = new CanvasRenderer(this, params.rendererSettings);
+ break;
+ case 'svg':
+ this.renderer = new SVGRenderer(this, params.rendererSettings);
+ break;
+ default:
+ this.renderer = new HybridRenderer(this, params.rendererSettings);
+ break;
+ }
+ this.renderer.setProjectInterface(this.projectInterface);
+ this.animType = animType;
+
+ if(params.loop === '' || params.loop === null){
+ }else if(params.loop === false){
+ this.loop = false;
+ }else if(params.loop === true){
+ this.loop = true;
+ }else{
+ this.loop = parseInt(params.loop);
+ }
+ this.autoplay = 'autoplay' in params ? params.autoplay : true;
+ this.name = params.name ? params.name : '';
+ this.autoloadSegments = params.hasOwnProperty('autoloadSegments') ? params.autoloadSegments : true;
+ this.assetsPath = params.assetsPath;
+ if(params.animationData){
+ this.configAnimation(params.animationData);
+ }else if(params.path){
+ if(params.path.substr(-4) != 'json'){
+ if (params.path.substr(-1, 1) != '/') {
+ params.path += '/';
+ }
+ params.path += 'data.json';
+ }
+
+ if(params.path.lastIndexOf('\\') != -1){
+ this.path = params.path.substr(0,params.path.lastIndexOf('\\')+1);
+ }else{
+ this.path = params.path.substr(0,params.path.lastIndexOf('/')+1);
+ }
+ this.fileName = params.path.substr(params.path.lastIndexOf('/')+1);
+ this.fileName = this.fileName.substr(0,this.fileName.lastIndexOf('.json'));
+
+ assetLoader.load(params.path, this.configAnimation.bind(this), function() {
+ this.trigger('data_failed');
+ }.bind(this));
+ }
+};
+
+AnimationItem.prototype.setData = function (wrapper, animationData) {
+ var params = {
+ wrapper: wrapper,
+ animationData: animationData ? (typeof animationData === "object") ? animationData : JSON.parse(animationData) : null
+ };
+ var wrapperAttributes = wrapper.attributes;
+
+ params.path = wrapperAttributes.getNamedItem('data-animation-path') ? wrapperAttributes.getNamedItem('data-animation-path').value : wrapperAttributes.getNamedItem('data-bm-path') ? wrapperAttributes.getNamedItem('data-bm-path').value : wrapperAttributes.getNamedItem('bm-path') ? wrapperAttributes.getNamedItem('bm-path').value : '';
+ params.animType = wrapperAttributes.getNamedItem('data-anim-type') ? wrapperAttributes.getNamedItem('data-anim-type').value : wrapperAttributes.getNamedItem('data-bm-type') ? wrapperAttributes.getNamedItem('data-bm-type').value : wrapperAttributes.getNamedItem('bm-type') ? wrapperAttributes.getNamedItem('bm-type').value : wrapperAttributes.getNamedItem('data-bm-renderer') ? wrapperAttributes.getNamedItem('data-bm-renderer').value : wrapperAttributes.getNamedItem('bm-renderer') ? wrapperAttributes.getNamedItem('bm-renderer').value : 'canvas';
+
+ var loop = wrapperAttributes.getNamedItem('data-anim-loop') ? wrapperAttributes.getNamedItem('data-anim-loop').value : wrapperAttributes.getNamedItem('data-bm-loop') ? wrapperAttributes.getNamedItem('data-bm-loop').value : wrapperAttributes.getNamedItem('bm-loop') ? wrapperAttributes.getNamedItem('bm-loop').value : '';
+ if(loop === ''){
+ }else if(loop === 'false'){
+ params.loop = false;
+ }else if(loop === 'true'){
+ params.loop = true;
+ }else{
+ params.loop = parseInt(loop);
+ }
+ var autoplay = wrapperAttributes.getNamedItem('data-anim-autoplay') ? wrapperAttributes.getNamedItem('data-anim-autoplay').value : wrapperAttributes.getNamedItem('data-bm-autoplay') ? wrapperAttributes.getNamedItem('data-bm-autoplay').value : wrapperAttributes.getNamedItem('bm-autoplay') ? wrapperAttributes.getNamedItem('bm-autoplay').value : true;
+ params.autoplay = autoplay !== "false";
+
+ params.name = wrapperAttributes.getNamedItem('data-name') ? wrapperAttributes.getNamedItem('data-name').value : wrapperAttributes.getNamedItem('data-bm-name') ? wrapperAttributes.getNamedItem('data-bm-name').value : wrapperAttributes.getNamedItem('bm-name') ? wrapperAttributes.getNamedItem('bm-name').value : '';
+ var prerender = wrapperAttributes.getNamedItem('data-anim-prerender') ? wrapperAttributes.getNamedItem('data-anim-prerender').value : wrapperAttributes.getNamedItem('data-bm-prerender') ? wrapperAttributes.getNamedItem('data-bm-prerender').value : wrapperAttributes.getNamedItem('bm-prerender') ? wrapperAttributes.getNamedItem('bm-prerender').value : '';
+
+ if(prerender === 'false'){
+ params.prerender = false;
+ }
+ this.setParams(params);
+};
+
+AnimationItem.prototype.includeLayers = function(data) {
+ if(data.op > this.animationData.op){
+ this.animationData.op = data.op;
+ this.totalFrames = Math.floor(data.op - this.animationData.ip);
+ }
+ var layers = this.animationData.layers;
+ var i, len = layers.length;
+ var newLayers = data.layers;
+ var j, jLen = newLayers.length;
+ for(j=0;j<jLen;j+=1){
+ i = 0;
+ while(i<len){
+ if(layers[i].id == newLayers[j].id){
+ layers[i] = newLayers[j];
+ break;
+ }
+ i += 1;
+ }
+ }
+ if(data.chars || data.fonts){
+ this.renderer.globalData.fontManager.addChars(data.chars);
+ this.renderer.globalData.fontManager.addFonts(data.fonts, this.renderer.globalData.defs);
+ }
+ if(data.assets){
+ len = data.assets.length;
+ for(i = 0; i < len; i += 1){
+ this.animationData.assets.push(data.assets[i]);
+ }
+ }
+ this.animationData.__complete = false;
+ dataManager.completeData(this.animationData,this.renderer.globalData.fontManager);
+ this.renderer.includeLayers(data.layers);
+ if(expressionsPlugin){
+ expressionsPlugin.initExpressions(this);
+ }
+ this.loadNextSegment();
+};
+
+AnimationItem.prototype.loadNextSegment = function() {
+ var segments = this.animationData.segments;
+ if(!segments || segments.length === 0 || !this.autoloadSegments){
+ this.trigger('data_ready');
+ this.timeCompleted = this.totalFrames;
+ return;
+ }
+ var segment = segments.shift();
+ this.timeCompleted = segment.time * this.frameRate;
+ var segmentPath = this.path+this.fileName+'_' + this.segmentPos + '.json';
+ this.segmentPos += 1;
+ assetLoader.load(segmentPath, this.includeLayers.bind(this), function() {
+ this.trigger('data_failed');
+ }.bind(this));
+};
+
+AnimationItem.prototype.loadSegments = function() {
+ var segments = this.animationData.segments;
+ if(!segments) {
+ this.timeCompleted = this.totalFrames;
+ }
+ this.loadNextSegment();
+};
+
+AnimationItem.prototype.imagesLoaded = function() {
+ this.trigger('loaded_images');
+ this.checkLoaded()
+}
+
+AnimationItem.prototype.preloadImages = function() {
+ this.imagePreloader.setAssetsPath(this.assetsPath);
+ this.imagePreloader.setPath(this.path);
+ this.imagePreloader.loadAssets(this.animationData.assets, this.imagesLoaded.bind(this));
+}
+
+AnimationItem.prototype.configAnimation = function (animData) {
+ if(!this.renderer){
+ return;
+ }
+ this.animationData = animData;
+ this.totalFrames = Math.floor(this.animationData.op - this.animationData.ip);
+ this.renderer.configAnimation(animData);
+ if(!animData.assets){
+ animData.assets = [];
+ }
+ this.renderer.searchExtraCompositions(animData.assets);
+
+ this.assets = this.animationData.assets;
+ this.frameRate = this.animationData.fr;
+ this.firstFrame = Math.round(this.animationData.ip);
+ this.frameMult = this.animationData.fr / 1000;
+ this.trigger('config_ready');
+ this.preloadImages();
+ this.loadSegments();
+ this.updaFrameModifier();
+ this.waitForFontsLoaded();
+};
+
+AnimationItem.prototype.waitForFontsLoaded = function(){
+ if(!this.renderer) {
+ return;
+ }
+ if(this.renderer.globalData.fontManager.loaded()){
+ this.checkLoaded();
+ }else{
+ setTimeout(this.waitForFontsLoaded.bind(this),20);
+ }
+}
+
+AnimationItem.prototype.checkLoaded = function () {
+ if (!this.isLoaded && this.renderer.globalData.fontManager.loaded() && (this.imagePreloader.loaded() || this.renderer.rendererType !== 'canvas')) {
+ this.isLoaded = true;
+ dataManager.completeData(this.animationData, this.renderer.globalData.fontManager);
+ if(expressionsPlugin){
+ expressionsPlugin.initExpressions(this);
+ }
+ this.renderer.initItems();
+ setTimeout(function() {
+ this.trigger('DOMLoaded');
+ }.bind(this), 0);
+ this.gotoFrame();
+ if(this.autoplay){
+ this.play();
+ }
+ }
+};
+
+AnimationItem.prototype.resize = function () {
+ this.renderer.updateContainerSize();
+};
+
+AnimationItem.prototype.setSubframe = function(flag){
+ this.subframeEnabled = flag ? true : false;
+};
+
+AnimationItem.prototype.gotoFrame = function () {
+ this.currentFrame = this.subframeEnabled ? this.currentRawFrame : ~~this.currentRawFrame;
+
+ if(this.timeCompleted !== this.totalFrames && this.currentFrame > this.timeCompleted){
+ this.currentFrame = this.timeCompleted;
+ }
+ this.trigger('enterFrame');
+ this.renderFrame();
+};
+
+AnimationItem.prototype.renderFrame = function () {
+ if(this.isLoaded === false){
+ return;
+ }
+ this.renderer.renderFrame(this.currentFrame + this.firstFrame);
+};
+
+AnimationItem.prototype.play = function (name) {
+ if(name && this.name != name){
+ return;
+ }
+ if(this.isPaused === true){
+ this.isPaused = false;
+ if(this._idle){
+ this._idle = false;
+ this.trigger('_active');
+ }
+ }
+};
+
+AnimationItem.prototype.pause = function (name) {
+ if(name && this.name != name){
+ return;
+ }
+ if(this.isPaused === false){
+ this.isPaused = true;
+ this._idle = true;
+ this.trigger('_idle');
+ }
+};
+
+AnimationItem.prototype.togglePause = function (name) {
+ if(name && this.name != name){
+ return;
+ }
+ if(this.isPaused === true){
+ this.play();
+ }else{
+ this.pause();
+ }
+};
+
+AnimationItem.prototype.stop = function (name) {
+ if(name && this.name != name){
+ return;
+ }
+ this.pause();
+ this.playCount = 0;
+ this._completedLoop = false;
+ this.setCurrentRawFrameValue(0);
+};
+
+AnimationItem.prototype.goToAndStop = function (value, isFrame, name) {
+ if(name && this.name != name){
+ return;
+ }
+ if(isFrame){
+ this.setCurrentRawFrameValue(value);
+ }else{
+ this.setCurrentRawFrameValue(value * this.frameModifier);
+ }
+ this.pause();
+};
+
+AnimationItem.prototype.goToAndPlay = function (value, isFrame, name) {
+ this.goToAndStop(value, isFrame, name);
+ this.play();
+};
+
+AnimationItem.prototype.advanceTime = function (value) {
+ if (this.isPaused === true || this.isLoaded === false) {
+ return;
+ }
+ var nextValue = this.currentRawFrame + value * this.frameModifier;
+ var _isComplete = false;
+ // Checking if nextValue > totalFrames - 1 for addressing non looping and looping animations.
+ // If animation won't loop, it should stop at totalFrames - 1. If it will loop it should complete the last frame and then loop.
+ if (nextValue >= this.totalFrames - 1 && this.frameModifier > 0) {
+ if (!this.loop || this.playCount === this.loop) {
+ if (!this.checkSegments(nextValue > this.totalFrames ? nextValue % this.totalFrames : 0)) {
+ _isComplete = true;
+ nextValue = this.totalFrames - 1;
+ }
+ } else if (nextValue >= this.totalFrames) {
+ this.playCount += 1;
+ if (!this.checkSegments(nextValue % this.totalFrames)) {
+ this.setCurrentRawFrameValue(nextValue % this.totalFrames);
+ this._completedLoop = true;
+ this.trigger('loopComplete');
+ }
+ } else {
+ this.setCurrentRawFrameValue(nextValue);
+ }
+ } else if(nextValue < 0) {
+ if (!this.checkSegments(nextValue % this.totalFrames)) {
+ if (this.loop && !(this.playCount-- <= 0 && this.loop !== true)) {
+ this.setCurrentRawFrameValue(this.totalFrames + (nextValue % this.totalFrames));
+ if(!this._completedLoop) {
+ this._completedLoop = true;
+ } else {
+ this.trigger('loopComplete');
+ }
+ } else {
+ _isComplete = true;
+ nextValue = 0;
+ }
+ }
+ } else {
+ this.setCurrentRawFrameValue(nextValue);
+ }
+ if (_isComplete) {
+ this.setCurrentRawFrameValue(nextValue);
+ this.pause();
+ this.trigger('complete');
+ }
+};
+
+AnimationItem.prototype.adjustSegment = function(arr, offset){
+ this.playCount = 0;
+ if(arr[1] < arr[0]){
+ if(this.frameModifier > 0){
+ if(this.playSpeed < 0){
+ this.setSpeed(-this.playSpeed);
+ } else {
+ this.setDirection(-1);
+ }
+ }
+ this.timeCompleted = this.totalFrames = arr[0] - arr[1];
+ this.firstFrame = arr[1];
+ this.setCurrentRawFrameValue(this.totalFrames - 0.001 - offset);
+ } else if(arr[1] > arr[0]){
+ if(this.frameModifier < 0){
+ if(this.playSpeed < 0){
+ this.setSpeed(-this.playSpeed);
+ } else {
+ this.setDirection(1);
+ }
+ }
+ this.timeCompleted = this.totalFrames = arr[1] - arr[0];
+ this.firstFrame = arr[0];
+ this.setCurrentRawFrameValue(0.001 + offset);
+ }
+ this.trigger('segmentStart');
+};
+AnimationItem.prototype.setSegment = function (init,end) {
+ var pendingFrame = -1;
+ if(this.isPaused) {
+ if (this.currentRawFrame + this.firstFrame < init) {
+ pendingFrame = init;
+ } else if (this.currentRawFrame + this.firstFrame > end) {
+ pendingFrame = end - init;
+ }
+ }
+
+ this.firstFrame = init;
+ this.timeCompleted = this.totalFrames = end - init;
+ if(pendingFrame !== -1) {
+ this.goToAndStop(pendingFrame,true);
+ }
+};
+
+AnimationItem.prototype.playSegments = function (arr, forceFlag) {
+ if (forceFlag) {
+ this.segments.length = 0;
+ }
+ if (typeof arr[0] === 'object') {
+ var i, len = arr.length;
+ for (i = 0; i < len; i += 1) {
+ this.segments.push(arr[i]);
+ }
+ } else {
+ this.segments.push(arr);
+ }
+ if (this.segments.length) {
+ this.adjustSegment(this.segments.shift(), 0);
+ }
+ if (this.isPaused) {
+ this.play();
+ }
+};
+
+AnimationItem.prototype.resetSegments = function (forceFlag) {
+ this.segments.length = 0;
+ this.segments.push([this.animationData.ip,this.animationData.op]);
+ //this.segments.push([this.animationData.ip*this.frameRate,Math.floor(this.animationData.op - this.animationData.ip+this.animationData.ip*this.frameRate)]);
+ if (forceFlag) {
+ this.checkSegments(0);
+ }
+};
+AnimationItem.prototype.checkSegments = function(offset) {
+ if (this.segments.length) {
+ this.adjustSegment(this.segments.shift(), offset);
+ return true;
+ }
+ return false;
+};
+
+AnimationItem.prototype.destroy = function (name) {
+ if ((name && this.name != name) || !this.renderer) {
+ return;
+ }
+ this.renderer.destroy();
+ this.imagePreloader.destroy();
+ this.trigger('destroy');
+ this._cbs = null;
+ this.onEnterFrame = this.onLoopComplete = this.onComplete = this.onSegmentStart = this.onDestroy = null;
+ this.renderer = null;
+};
+
+AnimationItem.prototype.setCurrentRawFrameValue = function(value){
+ this.currentRawFrame = value;
+ this.gotoFrame();
+};
+
+AnimationItem.prototype.setSpeed = function (val) {
+ this.playSpeed = val;
+ this.updaFrameModifier();
+};
+
+AnimationItem.prototype.setDirection = function (val) {
+ this.playDirection = val < 0 ? -1 : 1;
+ this.updaFrameModifier();
+};
+
+AnimationItem.prototype.updaFrameModifier = function () {
+ this.frameModifier = this.frameMult * this.playSpeed * this.playDirection;
+};
+
+AnimationItem.prototype.getPath = function () {
+ return this.path;
+};
+
+AnimationItem.prototype.getAssetsPath = function (assetData) {
+ var path = '';
+ if(assetData.e) {
+ path = assetData.p;
+ } else if(this.assetsPath){
+ var imagePath = assetData.p;
+ if(imagePath.indexOf('images/') !== -1){
+ imagePath = imagePath.split('/')[1];
+ }
+ path = this.assetsPath + imagePath;
+ } else {
+ path = this.path;
+ path += assetData.u ? assetData.u : '';
+ path += assetData.p;
+ }
+ return path;
+};
+
+AnimationItem.prototype.getAssetData = function (id) {
+ var i = 0, len = this.assets.length;
+ while (i < len) {
+ if(id == this.assets[i].id){
+ return this.assets[i];
+ }
+ i += 1;
+ }
+};
+
+AnimationItem.prototype.hide = function () {
+ this.renderer.hide();
+};
+
+AnimationItem.prototype.show = function () {
+ this.renderer.show();
+};
+
+AnimationItem.prototype.getDuration = function (isFrame) {
+ return isFrame ? this.totalFrames : this.totalFrames / this.frameRate;
+};
+
+AnimationItem.prototype.trigger = function(name){
+ if(this._cbs && this._cbs[name]){
+ switch(name){
+ case 'enterFrame':
+ this.triggerEvent(name,new BMEnterFrameEvent(name,this.currentFrame,this.totalFrames,this.frameMult));
+ break;
+ case 'loopComplete':
+ this.triggerEvent(name,new BMCompleteLoopEvent(name,this.loop,this.playCount,this.frameMult));
+ break;
+ case 'complete':
+ this.triggerEvent(name,new BMCompleteEvent(name,this.frameMult));
+ break;
+ case 'segmentStart':
+ this.triggerEvent(name,new BMSegmentStartEvent(name,this.firstFrame,this.totalFrames));
+ break;
+ case 'destroy':
+ this.triggerEvent(name,new BMDestroyEvent(name,this));
+ break;
+ default:
+ this.triggerEvent(name);
+ }
+ }
+ if(name === 'enterFrame' && this.onEnterFrame){
+ this.onEnterFrame.call(this,new BMEnterFrameEvent(name,this.currentFrame,this.totalFrames,this.frameMult));
+ }
+ if(name === 'loopComplete' && this.onLoopComplete){
+ this.onLoopComplete.call(this,new BMCompleteLoopEvent(name,this.loop,this.playCount,this.frameMult));
+ }
+ if(name === 'complete' && this.onComplete){
+ this.onComplete.call(this,new BMCompleteEvent(name,this.frameMult));
+ }
+ if(name === 'segmentStart' && this.onSegmentStart){
+ this.onSegmentStart.call(this,new BMSegmentStartEvent(name,this.firstFrame,this.totalFrames));
+ }
+ if(name === 'destroy' && this.onDestroy){
+ this.onDestroy.call(this,new BMDestroyEvent(name,this));
+ }
+};
+
+var Expressions = (function(){
+ var ob = {};
+ ob.initExpressions = initExpressions;
+
+
+ function initExpressions(animation){
+
+ var stackCount = 0;
+ var registers = [];
+
+ function pushExpression() {
+ stackCount += 1;
+ }
+
+ function popExpression() {
+ stackCount -= 1;
+ if (stackCount === 0) {
+ releaseInstances();
+ }
+ }
+
+ function registerExpressionProperty(expression) {
+ if (registers.indexOf(expression) === -1) {
+ registers.push(expression)
+ }
+ }
+
+ function releaseInstances() {
+ var i, len = registers.length;
+ for (i = 0; i < len; i += 1) {
+ registers[i].release();
+ }
+ registers.length = 0;
+ }
+
+ animation.renderer.compInterface = CompExpressionInterface(animation.renderer);
+ animation.renderer.globalData.projectInterface.registerComposition(animation.renderer);
+ animation.renderer.globalData.pushExpression = pushExpression;
+ animation.renderer.globalData.popExpression = popExpression;
+ animation.renderer.globalData.registerExpressionProperty = registerExpressionProperty;
+ }
+ return ob;
+}());
+
+expressionsPlugin = Expressions;
+
+var ExpressionManager = (function(){
+ 'use strict';
+ var ob = {};
+ var Math = BMMath;
+ var window = null;
+ var document = null;
+
+ function $bm_isInstanceOfArray(arr) {
+ return arr.constructor === Array || arr.constructor === Float32Array;
+ }
+
+ function isNumerable(tOfV, v) {
+ return tOfV === 'number' || tOfV === 'boolean' || tOfV === 'string' || v instanceof Number;
+ }
+
+ function $bm_neg(a){
+ var tOfA = typeof a;
+ if(tOfA === 'number' || tOfA === 'boolean' || a instanceof Number ){
+ return -a;
+ }
+ if($bm_isInstanceOfArray(a)){
+ var i, lenA = a.length;
+ var retArr = [];
+ for(i=0;i<lenA;i+=1){
+ retArr[i] = -a[i];
+ }
+ return retArr;
+ }
+ }
+
+ var easeInBez = BezierFactory.getBezierEasing(0.333,0,.833,.833, 'easeIn').get;
+ var easeOutBez = BezierFactory.getBezierEasing(0.167,0.167,.667,1, 'easeOut').get;
+ var easeInOutBez = BezierFactory.getBezierEasing(.33,0,.667,1, 'easeInOut').get;
+
+ function sum(a,b) {
+ var tOfA = typeof a;
+ var tOfB = typeof b;
+ if(tOfA === 'string' || tOfB === 'string'){
+ return a + b;
+ }
+ if(isNumerable(tOfA, a) && isNumerable(tOfB, b)) {
+ return a + b;
+ }
+ if($bm_isInstanceOfArray(a) && isNumerable(tOfB, b)){
+ a = a.slice(0);
+ a[0] = a[0] + b;
+ return a;
+ }
+ if(isNumerable(tOfA, a) && $bm_isInstanceOfArray(b)){
+ b = b.slice(0);
+ b[0] = a + b[0];
+ return b;
+ }
+ if($bm_isInstanceOfArray(a) && $bm_isInstanceOfArray(b)){
+
+ var i = 0, lenA = a.length, lenB = b.length;
+ var retArr = [];
+ while(i<lenA || i < lenB){
+ if((typeof a[i] === 'number' || a[i] instanceof Number) && (typeof b[i] === 'number' || b[i] instanceof Number)){
+ retArr[i] = a[i] + b[i];
+ }else{
+ retArr[i] = b[i] === undefined ? a[i] : a[i] || b[i];
+ }
+ i += 1;
+ }
+ return retArr;
+ }
+ return 0;
+ }
+ var add = sum;
+
+ function sub(a,b) {
+ var tOfA = typeof a;
+ var tOfB = typeof b;
+ if(isNumerable(tOfA, a) && isNumerable(tOfB, b)) {
+ if(tOfA === 'string') {
+ a = parseInt(a);
+ }
+ if(tOfB === 'string') {
+ b = parseInt(b);
+ }
+ return a - b;
+ }
+ if( $bm_isInstanceOfArray(a) && isNumerable(tOfB, b)){
+ a = a.slice(0);
+ a[0] = a[0] - b;
+ return a;
+ }
+ if(isNumerable(tOfA, a) && $bm_isInstanceOfArray(b)){
+ b = b.slice(0);
+ b[0] = a - b[0];
+ return b;
+ }
+ if($bm_isInstanceOfArray(a) && $bm_isInstanceOfArray(b)){
+ var i = 0, lenA = a.length, lenB = b.length;
+ var retArr = [];
+ while(i<lenA || i < lenB){
+ if((typeof a[i] === 'number' || a[i] instanceof Number) && (typeof b[i] === 'number' || b[i] instanceof Number)){
+ retArr[i] = a[i] - b[i];
+ }else{
+ retArr[i] = b[i] === undefined ? a[i] : a[i] || b[i];
+ }
+ i += 1;
+ }
+ return retArr;
+ }
+ return 0;
+ }
+
+ function mul(a,b) {
+ var tOfA = typeof a;
+ var tOfB = typeof b;
+ var arr;
+ if(isNumerable(tOfA, a) && isNumerable(tOfB, b)) {
+ return a * b;
+ }
+
+ var i, len;
+ if($bm_isInstanceOfArray(a) && isNumerable(tOfB, b)){
+ len = a.length;
+ arr = createTypedArray('float32', len);
+ for(i=0;i<len;i+=1){
+ arr[i] = a[i] * b;
+ }
+ return arr;
+ }
+ if(isNumerable(tOfA, a) && $bm_isInstanceOfArray(b)){
+ len = b.length;
+ arr = createTypedArray('float32', len);
+ for(i=0;i<len;i+=1){
+ arr[i] = a * b[i];
+ }
+ return arr;
+ }
+ return 0;
+ }
+
+ function div(a,b) {
+ var tOfA = typeof a;
+ var tOfB = typeof b;
+ var arr;
+ if(isNumerable(tOfA, a) && isNumerable(tOfB, b)) {
+ return a / b;
+ }
+ var i, len;
+ if($bm_isInstanceOfArray(a) && isNumerable(tOfB, b)){
+ len = a.length;
+ arr = createTypedArray('float32', len);
+ for(i=0;i<len;i+=1){
+ arr[i] = a[i] / b;
+ }
+ return arr;
+ }
+ if(isNumerable(tOfA, a) && $bm_isInstanceOfArray(b)){
+ len = b.length;
+ arr = createTypedArray('float32', len);
+ for(i=0;i<len;i+=1){
+ arr[i] = a / b[i];
+ }
+ return arr;
+ }
+ return 0;
+ }
+ function mod(a,b) {
+ if(typeof a === 'string') {
+ a = parseInt(a);
+ }
+ if(typeof b === 'string') {
+ b = parseInt(b);
+ }
+ return a % b;
+ }
+
+ function clamp(num, min, max) {
+ if(min > max){
+ var mm = max;
+ max = min;
+ min = mm;
+ }
+ return Math.min(Math.max(num, min), max);
+ }
+
+ function radiansToDegrees(val) {
+ return val/degToRads;
+ }
+ var radians_to_degrees = radiansToDegrees;
+
+ function degreesToRadians(val) {
+ return val*degToRads;
+ }
+ var degrees_to_radians = radiansToDegrees;
+
+ var helperLengthArray = [0,0,0,0,0,0];
+
+ function length(arr1, arr2) {
+ if (typeof arr1 === 'number' || arr1 instanceof Number) {
+ arr2 = arr2 || 0;
+ return Math.abs(arr1 - arr2);
+ }
+ if(!arr2) {
+ arr2 = helperLengthArray;
+ }
+ var i, len = Math.min(arr1.length, arr2.length);
+ var addedLength = 0;
+ for (i = 0; i < len; i += 1) {
+ addedLength += Math.pow(arr2[i] - arr1[i], 2);
+ }
+ return Math.sqrt(addedLength);
+ }
+
+ function normalize(vec) {
+ return div(vec, length(vec));
+ }
+
+ function rgbToHsl(val) {
+ var r = val[0]; var g = val[1]; var b = val[2];
+ var max = Math.max(r, g, b), min = Math.min(r, g, b);
+ var h, s, l = (max + min) / 2;
+
+ if(max == min){
+ h = s = 0; // achromatic
+ }else{
+ var d = max - min;
+ s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+ switch(max){
+ case r: h = (g - b) / d + (g < b ? 6 : 0); break;
+ case g: h = (b - r) / d + 2; break;
+ case b: h = (r - g) / d + 4; break;
+ }
+ h /= 6;
+ }
+
+ return [h, s, l,val[3]];
+ }
+
+ function hue2rgb(p, q, t){
+ if(t < 0) t += 1;
+ if(t > 1) t -= 1;
+ if(t < 1/6) return p + (q - p) * 6 * t;
+ if(t < 1/2) return q;
+ if(t < 2/3) return p + (q - p) * (2/3 - t) * 6;
+ return p;
+ }
+
+ function hslToRgb(val){
+ var h = val[0];
+ var s = val[1];
+ var l = val[2];
+
+ var r, g, b;
+
+ if(s === 0){
+ r = g = b = l; // achromatic
+ }else{
+
+ var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+ var p = 2 * l - q;
+ r = hue2rgb(p, q, h + 1/3);
+ g = hue2rgb(p, q, h);
+ b = hue2rgb(p, q, h - 1/3);
+ }
+
+ return [r, g , b, val[3]];
+ }
+
+ function linear(t, tMin, tMax, value1, value2){
+ if(value1 === undefined || value2 === undefined){
+ value1 = tMin;
+ value2 = tMax;
+ tMin = 0;
+ tMax = 1;
+ }
+ if(tMax < tMin) {
+ var _tMin = tMax;
+ tMax = tMin;
+ tMin = _tMin;
+ }
+ if(t <= tMin) {
+ return value1;
+ }else if(t >= tMax){
+ return value2;
+ }
+ var perc = tMax === tMin ? 0 : (t-tMin)/(tMax-tMin);
+ if(!value1.length){
+ return value1 + (value2-value1)*perc;
+ }
+ var i, len = value1.length;
+ var arr = createTypedArray('float32', len);
+ for(i=0;i<len;i+=1){
+ arr[i] = value1[i] + (value2[i]-value1[i])*perc;
+ }
+ return arr;
+ }
+ function random(min,max){
+ if(max === undefined){
+ if(min === undefined){
+ min = 0;
+ max = 1;
+ } else {
+ max = min;
+ min = undefined;
+ }
+ }
+ if(max.length){
+ var i, len = max.length;
+ if(!min){
+ min = createTypedArray('float32', len);
+ }
+ var arr = createTypedArray('float32', len);
+ var rnd = BMMath.random();
+ for(i=0;i<len;i+=1){
+ arr[i] = min[i] + rnd*(max[i]-min[i]);
+ }
+ return arr;
+ }
+ if(min === undefined){
+ min = 0;
+ }
+ var rndm = BMMath.random();
+ return min + rndm*(max-min);
+ }
+
+ function createPath(points, inTangents, outTangents, closed) {
+ var i, len = points.length;
+ var path = shape_pool.newElement();
+ path.setPathData(!!closed, len);
+ var arrPlaceholder = [0,0], inVertexPoint, outVertexPoint;
+ for(i = 0; i < len; i += 1) {
+ inVertexPoint = (inTangents && inTangents[i]) ? inTangents[i] : arrPlaceholder;
+ outVertexPoint = (outTangents && outTangents[i]) ? outTangents[i] : arrPlaceholder;
+ path.setTripleAt(points[i][0],points[i][1],outVertexPoint[0] + points[i][0],outVertexPoint[1] + points[i][1],inVertexPoint[0] + points[i][0],inVertexPoint[1] + points[i][1],i,true);
+ }
+ return path;
+ }
+
+ function initiateExpression(elem,data,property){
+ var val = data.x;
+ var needsVelocity = /velocity(?![\w\d])/.test(val);
+ var _needsRandom = val.indexOf('random') !== -1;
+ var elemType = elem.data.ty;
+ var transform,$bm_transform,content,effect;
+ var thisProperty = property;
+ thisProperty.valueAtTime = thisProperty.getValueAtTime;
+ elem.comp.frameDuration = 1/elem.comp.globalData.frameRate;
+ elem.comp.displayStartTime = 0;
+ var inPoint = elem.data.ip/elem.comp.globalData.frameRate;
+ var outPoint = elem.data.op/elem.comp.globalData.frameRate;
+ var width = elem.data.sw ? elem.data.sw : 0;
+ var height = elem.data.sh ? elem.data.sh : 0;
+ var name = elem.data.nm;
+ var loopIn, loop_in, loopOut, loop_out;
+ var toWorld,fromWorld,fromComp,toComp,fromCompToSurface, position, rotation, anchorPoint, scale, thisLayer,thisComp,mask,valueAtTime,velocityAtTime;
+ var __expression_functions = [];
+ if(data.xf) {
+ var i, len = data.xf.length;
+ for(i = 0; i < len; i += 1) {
+ __expression_functions[i] = eval('(function(){ return ' + data.xf[i] + '}())');
+ }
+ }
+
+ var scoped_bm_rt;
+ var expression_function = eval('[function _expression_function(){' + val+';scoped_bm_rt=$bm_rt}' + ']')[0];
+ var numKeys = property.kf ? data.k.length : 0;
+
+ var active = !this.data || this.data.hd !== true;
+
+ var wiggle = function wiggle(freq,amp){
+ var i,j, len = this.pv.length ? this.pv.length : 1;
+ var addedAmps = createTypedArray('float32', len);
+ freq = 5;
+ var iterations = Math.floor(time*freq);
+ i = 0;
+ j = 0;
+ while(i<iterations){
+ //var rnd = BMMath.random();
+ for(j=0;j<len;j+=1){
+ addedAmps[j] += -amp + amp*2*BMMath.random();
+ //addedAmps[j] += -amp + amp*2*rnd;
+ }
+ i += 1;
+ }
+ //var rnd2 = BMMath.random();
+ var periods = time*freq;
+ var perc = periods - Math.floor(periods);
+ var arr = createTypedArray('float32', len);
+ if(len>1){
+ for(j=0;j<len;j+=1){
+ arr[j] = this.pv[j] + addedAmps[j] + (-amp + amp*2*BMMath.random())*perc;
+ //arr[j] = this.pv[j] + addedAmps[j] + (-amp + amp*2*rnd)*perc;
+ //arr[i] = this.pv[i] + addedAmp + amp1*perc + amp2*(1-perc);
+ }
+ return arr;
+ } else {
+ return this.pv + addedAmps[0] + (-amp + amp*2*BMMath.random())*perc;
+ }
+ }.bind(this);
+
+ if(thisProperty.loopIn) {
+ loopIn = thisProperty.loopIn.bind(thisProperty);
+ loop_in = loopIn;
+ }
+
+ if(thisProperty.loopOut) {
+ loopOut = thisProperty.loopOut.bind(thisProperty);
+ loop_out = loopOut;
+ }
+
+ function loopInDuration(type,duration){
+ return loopIn(type,duration,true);
+ }
+
+ function loopOutDuration(type,duration){
+ return loopOut(type,duration,true);
+ }
+
+ if(this.getValueAtTime) {
+ valueAtTime = this.getValueAtTime.bind(this);
+ }
+
+ if(this.getVelocityAtTime) {
+ velocityAtTime = this.getVelocityAtTime.bind(this);
+ }
+
+ var comp = elem.comp.globalData.projectInterface.bind(elem.comp.globalData.projectInterface);
+
+ function lookAt(elem1,elem2){
+ var fVec = [elem2[0]-elem1[0],elem2[1]-elem1[1],elem2[2]-elem1[2]];
+ var pitch = Math.atan2(fVec[0],Math.sqrt(fVec[1]*fVec[1]+fVec[2]*fVec[2]))/degToRads;
+ var yaw = -Math.atan2(fVec[1],fVec[2])/degToRads;
+ return [yaw,pitch,0];
+ }
+
+ function easeOut(t, tMin, tMax, val1, val2){
+ return applyEase(easeOutBez, t, tMin, tMax, val1, val2);
+ }
+
+ function easeIn(t, tMin, tMax, val1, val2){
+ return applyEase(easeInBez, t, tMin, tMax, val1, val2);
+ }
+
+ function ease(t, tMin, tMax, val1, val2){
+ return applyEase(easeInOutBez, t, tMin, tMax, val1, val2);
+ }
+
+ function applyEase(fn, t, tMin, tMax, val1, val2) {
+ if(val1 === undefined){
+ val1 = tMin;
+ val2 = tMax;
+ } else {
+ t = (t - tMin) / (tMax - tMin);
+ }
+ t = t > 1 ? 1 : t < 0 ? 0 : t;
+ var mult = fn(t);
+ if($bm_isInstanceOfArray(val1)) {
+ var i, len = val1.length;
+ var arr = createTypedArray('float32', len);
+ for (i = 0; i < len; i += 1) {
+ arr[i] = (val2[i] - val1[i]) * mult + val1[i];
+ }
+ return arr;
+ } else {
+ return (val2 - val1) * mult + val1;
+ }
+ }
+
+ function nearestKey(time){
+ var i, len = data.k.length,index,keyTime;
+ if(!data.k.length || typeof(data.k[0]) === 'number'){
+ index = 0;
+ keyTime = 0;
+ } else {
+ index = -1;
+ time *= elem.comp.globalData.frameRate;
+ if (time < data.k[0].t) {
+ index = 1;
+ keyTime = data.k[0].t;
+ } else {
+ for(i=0;i<len-1;i+=1){
+ if(time === data.k[i].t){
+ index = i + 1;
+ keyTime = data.k[i].t;
+ break;
+ }else if(time>data.k[i].t && time<data.k[i+1].t){
+ if(time-data.k[i].t > data.k[i+1].t - time){
+ index = i + 2;
+ keyTime = data.k[i+1].t;
+ } else {
+ index = i + 1;
+ keyTime = data.k[i].t;
+ }
+ break;
+ }
+ }
+ if(index === -1){
+ index = i + 1;
+ keyTime = data.k[i].t;
+ }
+ }
+
+ }
+ var ob = {};
+ ob.index = index;
+ ob.time = keyTime/elem.comp.globalData.frameRate;
+ return ob;
+ }
+
+ function key(ind){
+ var ob, i, len;
+ if(!data.k.length || typeof(data.k[0]) === 'number'){
+ throw new Error('The property has no keyframe at index ' + ind);
+ }
+ ind -= 1;
+ ob = {
+ time: data.k[ind].t/elem.comp.globalData.frameRate
+ };
+ var arr;
+ if(ind === data.k.length - 1 && !data.k[ind].h){
+ arr = data.k[ind-1].e;
+ }else{
+ arr = data.k[ind].s;
+ }
+ len = arr.length;
+ for(i=0;i<len;i+=1){
+ ob[i] = arr[i];
+ }
+ return ob;
+ }
+
+ function framesToTime(frames, fps) {
+ if (!fps) {
+ fps = elem.comp.globalData.frameRate;
+ }
+ return frames / fps;
+ }
+
+ function timeToFrames(t, fps) {
+ if (!t && t !== 0) {
+ t = time;
+ }
+ if (!fps) {
+ fps = elem.comp.globalData.frameRate;
+ }
+ return t * fps;
+ }
+
+ function seedRandom(seed){
+ BMMath.seedrandom(randSeed + seed);
+ }
+
+ function sourceRectAtTime() {
+ return elem.sourceRectAtTime();
+ }
+
+ function substring(init, end) {
+ if(typeof value === 'string') {
+ if(end === undefined) {
+ return value.substring(init)
+ }
+ return value.substring(init, end)
+ }
+ return '';
+ }
+
+ function substr(init, end) {
+ if(typeof value === 'string') {
+ if(end === undefined) {
+ return value.substr(init)
+ }
+ return value.substr(init, end)
+ }
+ return '';
+ }
+
+ var time, velocity, value, text, textIndex, textTotal, selectorValue;
+ var index = elem.data.ind;
+ var hasParent = !!(elem.hierarchy && elem.hierarchy.length);
+ var parent;
+ var randSeed = Math.floor(Math.random()*1000000);
+ var globalData = elem.globalData;
+ function executeExpression(_value) {
+ // globalData.pushExpression();
+ value = _value;
+ if (_needsRandom) {
+ seedRandom(randSeed);
+ }
+ if (this.frameExpressionId === elem.globalData.frameId && this.propType !== 'textSelector') {
+ return value;
+ }
+ if(this.propType === 'textSelector'){
+ textIndex = this.textIndex;
+ textTotal = this.textTotal;
+ selectorValue = this.selectorValue;
+ }
+ if (!thisLayer) {
+ text = elem.layerInterface.text;
+ thisLayer = elem.layerInterface;
+ thisComp = elem.comp.compInterface;
+ toWorld = thisLayer.toWorld.bind(thisLayer);
+ fromWorld = thisLayer.fromWorld.bind(thisLayer);
+ fromComp = thisLayer.fromComp.bind(thisLayer);
+ toComp = thisLayer.toComp.bind(thisLayer);
+ mask = thisLayer.mask ? thisLayer.mask.bind(thisLayer) : null;
+ fromCompToSurface = fromComp;
+ }
+ if (!transform) {
+ transform = elem.layerInterface("ADBE Transform Group");
+ $bm_transform = transform;
+ if(transform) {
+ anchorPoint = transform.anchorPoint;
+ /*position = transform.position;
+ rotation = transform.rotation;
+ scale = transform.scale;*/
+ }
+ }
+
+ if (elemType === 4 && !content) {
+ content = thisLayer("ADBE Root Vectors Group");
+ }
+ if (!effect) {
+ effect = thisLayer(4);
+ }
+ hasParent = !!(elem.hierarchy && elem.hierarchy.length);
+ if (hasParent && !parent) {
+ parent = elem.hierarchy[0].layerInterface;
+ }
+ time = this.comp.renderedFrame/this.comp.globalData.frameRate;
+ if (needsVelocity) {
+ velocity = velocityAtTime(time);
+ }
+ expression_function();
+ this.frameExpressionId = elem.globalData.frameId;
+
+
+ //TODO: Check if it's possible to return on ShapeInterface the .v value
+ if (scoped_bm_rt.propType === "shape") {
+ scoped_bm_rt = scoped_bm_rt.v;
+ }
+ // globalData.popExpression();
+ return scoped_bm_rt;
+ }
+ return executeExpression;
+ }
+
+ ob.initiateExpression = initiateExpression;
+ return ob;
+}());
+(function addPropertyDecorator() {
+
+ function getStaticValueAtTime() {
+ return this.pv;
+ }
+
+ function loopOut(type,duration,durationFlag){
+ if(!this.k || !this.keyframes){
+ return this.pv;
+ }
+ type = type ? type.toLowerCase() : '';
+ var currentFrame = this.comp.renderedFrame;
+ var keyframes = this.keyframes;
+ var lastKeyFrame = keyframes[keyframes.length - 1].t;
+ if(currentFrame<=lastKeyFrame){
+ return this.pv;
+ }else{
+ var cycleDuration, firstKeyFrame;
+ if(!durationFlag){
+ if(!duration || duration > keyframes.length - 1){
+ duration = keyframes.length - 1;
+ }
+ firstKeyFrame = keyframes[keyframes.length - 1 - duration].t;
+ cycleDuration = lastKeyFrame - firstKeyFrame;
+ } else {
+ if(!duration){
+ cycleDuration = Math.max(0,lastKeyFrame - this.elem.data.ip);
+ } else {
+ cycleDuration = Math.abs(lastKeyFrame - elem.comp.globalData.frameRate*duration);
+ }
+ firstKeyFrame = lastKeyFrame - cycleDuration;
+ }
+ var i, len, ret;
+ if(type === 'pingpong') {
+ var iterations = Math.floor((currentFrame - firstKeyFrame)/cycleDuration);
+ if(iterations % 2 !== 0){
+ return this.getValueAtTime(((cycleDuration - (currentFrame - firstKeyFrame) % cycleDuration + firstKeyFrame)) / this.comp.globalData.frameRate, 0);
+ }
+ } else if(type === 'offset'){
+ var initV = this.getValueAtTime(firstKeyFrame / this.comp.globalData.frameRate, 0);
+ var endV = this.getValueAtTime(lastKeyFrame / this.comp.globalData.frameRate, 0);
+ var current = this.getValueAtTime(((currentFrame - firstKeyFrame) % cycleDuration + firstKeyFrame) / this.comp.globalData.frameRate, 0);
+ var repeats = Math.floor((currentFrame - firstKeyFrame)/cycleDuration);
+ if(this.pv.length){
+ ret = new Array(initV.length);
+ len = ret.length;
+ for(i=0;i<len;i+=1){
+ ret[i] = (endV[i]-initV[i])*repeats + current[i];
+ }
+ return ret;
+ }
+ return (endV-initV)*repeats + current;
+ } else if(type === 'continue'){
+ var lastValue = this.getValueAtTime(lastKeyFrame / this.comp.globalData.frameRate, 0);
+ var nextLastValue = this.getValueAtTime((lastKeyFrame - 0.001) / this.comp.globalData.frameRate, 0);
+ if(this.pv.length){
+ ret = new Array(lastValue.length);
+ len = ret.length;
+ for(i=0;i<len;i+=1){
+ ret[i] = lastValue[i] + (lastValue[i]-nextLastValue[i])*((currentFrame - lastKeyFrame)/ this.comp.globalData.frameRate)/0.0005;
+ }
+ return ret;
+ }
+ return lastValue + (lastValue-nextLastValue)*(((currentFrame - lastKeyFrame))/0.001);
+ }
+ return this.getValueAtTime((((currentFrame - firstKeyFrame) % cycleDuration + firstKeyFrame)) / this.comp.globalData.frameRate, 0);
+ }
+ }
+
+ function loopIn(type,duration, durationFlag) {
+ if(!this.k){
+ return this.pv;
+ }
+ type = type ? type.toLowerCase() : '';
+ var currentFrame = this.comp.renderedFrame;
+ var keyframes = this.keyframes;
+ var firstKeyFrame = keyframes[0].t;
+ if(currentFrame>=firstKeyFrame){
+ return this.pv;
+ }else{
+ var cycleDuration, lastKeyFrame;
+ if(!durationFlag){
+ if(!duration || duration > keyframes.length - 1){
+ duration = keyframes.length - 1;
+ }
+ lastKeyFrame = keyframes[duration].t;
+ cycleDuration = lastKeyFrame - firstKeyFrame;
+ } else {
+ if(!duration){
+ cycleDuration = Math.max(0,this.elem.data.op - firstKeyFrame);
+ } else {
+ cycleDuration = Math.abs(elem.comp.globalData.frameRate*duration);
+ }
+ lastKeyFrame = firstKeyFrame + cycleDuration;
+ }
+ var i, len, ret;
+ if(type === 'pingpong') {
+ var iterations = Math.floor((firstKeyFrame - currentFrame)/cycleDuration);
+ if(iterations % 2 === 0){
+ return this.getValueAtTime((((firstKeyFrame - currentFrame)%cycleDuration + firstKeyFrame)) / this.comp.globalData.frameRate, 0);
+ }
+ } else if(type === 'offset'){
+ var initV = this.getValueAtTime(firstKeyFrame / this.comp.globalData.frameRate, 0);
+ var endV = this.getValueAtTime(lastKeyFrame / this.comp.globalData.frameRate, 0);
+ var current = this.getValueAtTime((cycleDuration - (firstKeyFrame - currentFrame)%cycleDuration + firstKeyFrame) / this.comp.globalData.frameRate, 0);
+ var repeats = Math.floor((firstKeyFrame - currentFrame)/cycleDuration)+1;
+ if(this.pv.length){
+ ret = new Array(initV.length);
+ len = ret.length;
+ for(i=0;i<len;i+=1){
+ ret[i] = current[i]-(endV[i]-initV[i])*repeats;
+ }
+ return ret;
+ }
+ return current-(endV-initV)*repeats;
+ } else if(type === 'continue'){
+ var firstValue = this.getValueAtTime(firstKeyFrame / this.comp.globalData.frameRate, 0);
+ var nextFirstValue = this.getValueAtTime((firstKeyFrame + 0.001) / this.comp.globalData.frameRate, 0);
+ if(this.pv.length){
+ ret = new Array(firstValue.length);
+ len = ret.length;
+ for(i=0;i<len;i+=1){
+ ret[i] = firstValue[i] + (firstValue[i]-nextFirstValue[i])*(firstKeyFrame - currentFrame)/0.001;
+ }
+ return ret;
+ }
+ return firstValue + (firstValue-nextFirstValue)*(firstKeyFrame - currentFrame)/0.001;
+ }
+ return this.getValueAtTime(((cycleDuration - (firstKeyFrame - currentFrame) % cycleDuration + firstKeyFrame)) / this.comp.globalData.frameRate, 0);
+ }
+ }
+
+ function getValueAtTime(frameNum) {
+ frameNum *= this.elem.globalData.frameRate;
+ frameNum -= this.offsetTime;
+ if(frameNum !== this._cachingAtTime.lastFrame) {
+ this._cachingAtTime.lastIndex = this._cachingAtTime.lastFrame < frameNum ? this._cachingAtTime.lastIndex : 0;
+ this._cachingAtTime.value = this.interpolateValue(frameNum, this._cachingAtTime);
+ this._cachingAtTime.lastFrame = frameNum;
+ }
+ return this._cachingAtTime.value;
+
+ }
+
+ function getSpeedAtTime(frameNum) {
+ var delta = -0.01;
+ var v1 = this.getValueAtTime(frameNum);
+ var v2 = this.getValueAtTime(frameNum + delta);
+ var speed = 0;
+ if(v1.length){
+ var i;
+ for(i=0;i<v1.length;i+=1){
+ speed += Math.pow(v2[i] - v1[i], 2);
+ }
+ speed = Math.sqrt(speed) * 100;
+ } else {
+ speed = 0;
+ }
+ return speed;
+ }
+
+ function getVelocityAtTime(frameNum) {
+ if(this.vel !== undefined){
+ return this.vel;
+ }
+ var delta = -0.001;
+ //frameNum += this.elem.data.st;
+ var v1 = this.getValueAtTime(frameNum);
+ var v2 = this.getValueAtTime(frameNum + delta);
+ var velocity;
+ if(v1.length){
+ velocity = createTypedArray('float32', v1.length);
+ var i;
+ for(i=0;i<v1.length;i+=1){
+ //removing frameRate
+ //if needed, don't add it here
+ //velocity[i] = this.elem.globalData.frameRate*((v2[i] - v1[i])/delta);
+ velocity[i] = (v2[i] - v1[i])/delta;
+ }
+ } else {
+ velocity = (v2 - v1)/delta;
+ }
+ return velocity;
+ }
+
+ function setGroupProperty(propertyGroup){
+ this.propertyGroup = propertyGroup;
+ }
+
+ function searchExpressions(elem,data,prop){
+ if(data.x){
+ prop.k = true;
+ prop.x = true;
+ prop.initiateExpression = ExpressionManager.initiateExpression;
+ prop.effectsSequence.push(prop.initiateExpression(elem,data,prop).bind(prop));
+ }
+ }
+
+ function getTransformValueAtTime(time) {
+ console.warn('Transform at time not supported');
+ }
+
+ function getTransformStaticValueAtTime(time) {
+
+ }
+
+ var TextExpressionSelectorProp = (function(){
+
+ function getValueProxy(index,total){
+ this.textIndex = index+1;
+ this.textTotal = total;
+ this.getValue();
+ return this.v;
+ }
+
+ return function TextExpressionSelectorProp(elem,data){
+ this.pv = 1;
+ this.comp = elem.comp;
+ this.elem = elem;
+ this.mult = 0.01;
+ this.propType = 'textSelector';
+ this.textTotal = data.totalChars;
+ this.selectorValue = 100;
+ this.lastValue = [1,1,1];
+ searchExpressions.bind(this)(elem,data,this);
+ this.getMult = getValueProxy;
+ this.getVelocityAtTime = getVelocityAtTime;
+ if(this.kf){
+ this.getValueAtTime = getValueAtTime.bind(this);
+ } else {
+ this.getValueAtTime = getStaticValueAtTime.bind(this);
+ }
+ this.setGroupProperty = setGroupProperty;
+ };
+ }());
+
+ var getTransformProperty = TransformPropertyFactory.getTransformProperty;
+ TransformPropertyFactory.getTransformProperty = function(elem, data, container) {
+ var prop = getTransformProperty(elem, data, container);
+ if(prop.dynamicProperties.length) {
+ prop.getValueAtTime = getTransformValueAtTime.bind(prop);
+ } else {
+ prop.getValueAtTime = getTransformStaticValueAtTime.bind(prop);
+ }
+ prop.setGroupProperty = setGroupProperty;
+ return prop;
+ };
+
+ var propertyGetProp = PropertyFactory.getProp;
+ PropertyFactory.getProp = function(elem,data,type, mult, container){
+ var prop = propertyGetProp(elem,data,type, mult, container);
+ //prop.getVelocityAtTime = getVelocityAtTime;
+ //prop.loopOut = loopOut;
+ //prop.loopIn = loopIn;
+ if(prop.kf){
+ prop.getValueAtTime = getValueAtTime.bind(prop);
+ } else {
+ prop.getValueAtTime = getStaticValueAtTime.bind(prop);
+ }
+ prop.setGroupProperty = setGroupProperty;
+ prop.loopOut = loopOut;
+ prop.loopIn = loopIn;
+ prop.getVelocityAtTime = getVelocityAtTime.bind(prop);
+ prop.getSpeedAtTime = getSpeedAtTime.bind(prop);
+ prop.numKeys = data.a === 1 ? data.k.length : 0;
+ prop.propertyIndex = data.ix;
+ var value = 0;
+ if(type !== 0) {
+ value = createTypedArray('float32', data.a === 1 ? data.k[0].s.length : data.k.length);
+ }
+ prop._cachingAtTime = {
+ lastFrame: initialDefaultFrame,
+ lastIndex: 0,
+ value: value
+ };
+ searchExpressions(elem,data,prop);
+ if(prop.k){
+ container.addDynamicProperty(prop);
+ }
+
+ return prop;
+ };
+
+ function getShapeValueAtTime(frameNum) {
+ //For now this caching object is created only when needed instead of creating it when the shape is initialized.
+ if (!this._cachingAtTime) {
+ this._cachingAtTime = {
+ shapeValue: shape_pool.clone(this.pv),
+ lastIndex: 0,
+ lastTime: initialDefaultFrame
+ };
+ }
+ if(frameNum !== this._cachingAtTime.lastTime) {
+ this._cachingAtTime.lastIndex = this._cachingAtTime.lastTime < frameNum ? this._caching.lastIndex : 0;
+ this._cachingAtTime.lastTime = frameNum;
+ frameNum *= this.elem.globalData.frameRate;
+ this.interpolateShape(frameNum, this._cachingAtTime.shapeValue, this._cachingAtTime);
+ }
+ return this._cachingAtTime.shapeValue;
+ }
+
+ var ShapePropertyConstructorFunction = ShapePropertyFactory.getConstructorFunction();
+ var KeyframedShapePropertyConstructorFunction = ShapePropertyFactory.getKeyframedConstructorFunction();
+
+ function ShapeExpressions(){}
+ ShapeExpressions.prototype = {
+ vertices: function(prop, time){
+ if (this.k) {
+ this.getValue();
+ }
+ var shapePath = this.v;
+ if(time !== undefined) {
+ shapePath = this.getValueAtTime(time, 0);
+ }
+ var i, len = shapePath._length;
+ var vertices = shapePath[prop];
+ var points = shapePath.v;
+ var arr = createSizedArray(len);
+ for(i = 0; i < len; i += 1) {
+ if(prop === 'i' || prop === 'o') {
+ arr[i] = [vertices[i][0] - points[i][0], vertices[i][1] - points[i][1]];
+ } else {
+ arr[i] = [vertices[i][0], vertices[i][1]];
+ }
+
+ }
+ return arr;
+ },
+ points: function(time){
+ return this.vertices('v', time);
+ },
+ inTangents: function(time){
+ return this.vertices('i', time);
+ },
+ outTangents: function(time){
+ return this.vertices('o', time);
+ },
+ isClosed: function(){
+ return this.v.c;
+ },
+ pointOnPath: function(perc, time){
+ var shapePath = this.v;
+ if(time !== undefined) {
+ shapePath = this.getValueAtTime(time, 0);
+ }
+ if(!this._segmentsLength) {
+ this._segmentsLength = bez.getSegmentsLength(shapePath);
+ }
+
+ var segmentsLength = this._segmentsLength;
+ var lengths = segmentsLength.lengths;
+ var lengthPos = segmentsLength.totalLength * perc;
+ var i = 0, len = lengths.length;
+ var j = 0, jLen;
+ var accumulatedLength = 0, pt;
+ while(i < len) {
+ if(accumulatedLength + lengths[i].addedLength > lengthPos) {
+ var initIndex = i;
+ var endIndex = (shapePath.c && i === len - 1) ? 0 : i + 1;
+ var segmentPerc = (lengthPos - accumulatedLength)/lengths[i].addedLength;
+ pt = bez.getPointInSegment(shapePath.v[initIndex], shapePath.v[endIndex], shapePath.o[initIndex], shapePath.i[endIndex], segmentPerc, lengths[i]);
+ break;
+ } else {
+ accumulatedLength += lengths[i].addedLength;
+ }
+ i += 1;
+ }
+ if(!pt){
+ pt = shapePath.c ? [shapePath.v[0][0],shapePath.v[0][1]]:[shapePath.v[shapePath._length-1][0],shapePath.v[shapePath._length-1][1]];
+ }
+ return pt;
+ },
+ vectorOnPath: function(perc, time, vectorType){
+ //perc doesn't use triple equality because it can be a Number object as well as a primitive.
+ perc = perc == 1 ? this.v.c ? 0 : 0.999 : perc;
+ var pt1 = this.pointOnPath(perc, time);
+ var pt2 = this.pointOnPath(perc + 0.001, time);
+ var xLength = pt2[0] - pt1[0];
+ var yLength = pt2[1] - pt1[1];
+ var magnitude = Math.sqrt(Math.pow(xLength,2) + Math.pow(yLength,2));
+ var unitVector = vectorType === 'tangent' ? [xLength/magnitude, yLength/magnitude] : [-yLength/magnitude, xLength/magnitude];
+ return unitVector;
+ },
+ tangentOnPath: function(perc, time){
+ return this.vectorOnPath(perc, time, 'tangent');
+ },
+ normalOnPath: function(perc, time){
+ return this.vectorOnPath(perc, time, 'normal');
+ },
+ setGroupProperty: setGroupProperty,
+ getValueAtTime: getStaticValueAtTime
+ };
+ extendPrototype([ShapeExpressions], ShapePropertyConstructorFunction);
+ extendPrototype([ShapeExpressions], KeyframedShapePropertyConstructorFunction);
+ KeyframedShapePropertyConstructorFunction.prototype.getValueAtTime = getShapeValueAtTime;
+ KeyframedShapePropertyConstructorFunction.prototype.initiateExpression = ExpressionManager.initiateExpression;
+
+ var propertyGetShapeProp = ShapePropertyFactory.getShapeProp;
+ ShapePropertyFactory.getShapeProp = function(elem,data,type, arr, trims){
+ var prop = propertyGetShapeProp(elem,data,type, arr, trims);
+ prop.propertyIndex = data.ix;
+ prop.lock = false;
+ if(type === 3){
+ searchExpressions(elem,data.pt,prop);
+ } else if(type === 4){
+ searchExpressions(elem,data.ks,prop);
+ }
+ if(prop.k){
+ elem.addDynamicProperty(prop);
+ }
+ return prop;
+ };
+
+ var propertyGetTextProp = TextSelectorProp.getTextSelectorProp;
+ TextSelectorProp.getTextSelectorProp = function(elem, data,arr){
+ if(data.t === 1){
+ return new TextExpressionSelectorProp(elem, data,arr);
+ } else {
+ return propertyGetTextProp(elem,data,arr);
+ }
+ };
+}());
+(function addDecorator() {
+
+ function searchExpressions(){
+ if(this.data.d.x){
+ this.calculateExpression = ExpressionManager.initiateExpression.bind(this)(this.elem,this.data.d,this);
+ this.addEffect(this.getExpressionValue.bind(this));
+ return true;
+ }
+ }
+
+ TextProperty.prototype.getExpressionValue = function(currentValue, text) {
+ var newValue = this.calculateExpression(text);
+ if(currentValue.t !== newValue) {
+ var newData = {};
+ this.copyData(newData, currentValue);
+ newData.t = newValue.toString();
+ newData.__complete = false;
+ return newData;
+ }
+ return currentValue;
+ }
+
+ TextProperty.prototype.searchProperty = function(){
+
+ var isKeyframed = this.searchKeyframes();
+ var hasExpressions = this.searchExpressions();
+ this.kf = isKeyframed || hasExpressions;
+ return this.kf;
+ };
+
+ TextProperty.prototype.searchExpressions = searchExpressions;
+
+}());
+var ShapeExpressionInterface = (function(){
+
+ function iterateElements(shapes,view, propertyGroup){
+ var arr = [];
+ var i, len = shapes ? shapes.length : 0;
+ for(i=0;i<len;i+=1){
+ if(shapes[i].ty == 'gr'){
+ arr.push(groupInterfaceFactory(shapes[i],view[i],propertyGroup));
+ }else if(shapes[i].ty == 'fl'){
+ arr.push(fillInterfaceFactory(shapes[i],view[i],propertyGroup));
+ }else if(shapes[i].ty == 'st'){
+ arr.push(strokeInterfaceFactory(shapes[i],view[i],propertyGroup));
+ }else if(shapes[i].ty == 'tm'){
+ arr.push(trimInterfaceFactory(shapes[i],view[i],propertyGroup));
+ }else if(shapes[i].ty == 'tr'){
+ //arr.push(transformInterfaceFactory(shapes[i],view[i],propertyGroup));
+ }else if(shapes[i].ty == 'el'){
+ arr.push(ellipseInterfaceFactory(shapes[i],view[i],propertyGroup));
+ }else if(shapes[i].ty == 'sr'){
+ arr.push(starInterfaceFactory(shapes[i],view[i],propertyGroup));
+ } else if(shapes[i].ty == 'sh'){
+ arr.push(pathInterfaceFactory(shapes[i],view[i],propertyGroup));
+ } else if(shapes[i].ty == 'rc'){
+ arr.push(rectInterfaceFactory(shapes[i],view[i],propertyGroup));
+ } else if(shapes[i].ty == 'rd'){
+ arr.push(roundedInterfaceFactory(shapes[i],view[i],propertyGroup));
+ } else if(shapes[i].ty == 'rp'){
+ arr.push(repeaterInterfaceFactory(shapes[i],view[i],propertyGroup));
+ }
+ }
+ return arr;
+ }
+
+ function contentsInterfaceFactory(shape,view, propertyGroup){
+ var interfaces;
+ var interfaceFunction = function _interfaceFunction(value){
+ var i = 0, len = interfaces.length;
+ while(i<len){
+ if(interfaces[i]._name === value || interfaces[i].mn === value || interfaces[i].propertyIndex === value || interfaces[i].ix === value || interfaces[i].ind === value){
+ return interfaces[i];
+ }
+ i+=1;
+ }
+ if(typeof value === 'number'){
+ return interfaces[value-1];
+ }
+ };
+ interfaceFunction.propertyGroup = function(val){
+ if(val === 1){
+ return interfaceFunction;
+ } else{
+ return propertyGroup(val-1);
+ }
+ };
+ interfaces = iterateElements(shape.it, view.it, interfaceFunction.propertyGroup);
+ interfaceFunction.numProperties = interfaces.length;
+ interfaceFunction.propertyIndex = shape.cix;
+ interfaceFunction._name = shape.nm;
+
+ return interfaceFunction;
+ }
+
+ function groupInterfaceFactory(shape,view, propertyGroup){
+ var interfaceFunction = function _interfaceFunction(value){
+ switch(value){
+ case 'ADBE Vectors Group':
+ case 'Contents':
+ case 2:
+ return interfaceFunction.content;
+ //Not necessary for now. Keeping them here in case a new case appears
+ //case 'ADBE Vector Transform Group':
+ //case 3:
+ default:
+ return interfaceFunction.transform;
+ }
+ };
+ interfaceFunction.propertyGroup = function(val){
+ if(val === 1){
+ return interfaceFunction;
+ } else{
+ return propertyGroup(val-1);
+ }
+ };
+ var content = contentsInterfaceFactory(shape,view,interfaceFunction.propertyGroup);
+ var transformInterface = transformInterfaceFactory(shape.it[shape.it.length - 1],view.it[view.it.length - 1],interfaceFunction.propertyGroup);
+ interfaceFunction.content = content;
+ interfaceFunction.transform = transformInterface;
+ Object.defineProperty(interfaceFunction, '_name', {
+ get: function(){
+ return shape.nm;
+ }
+ });
+ //interfaceFunction.content = interfaceFunction;
+ interfaceFunction.numProperties = shape.np;
+ interfaceFunction.propertyIndex = shape.ix;
+ interfaceFunction.nm = shape.nm;
+ interfaceFunction.mn = shape.mn;
+ return interfaceFunction;
+ }
+
+ function fillInterfaceFactory(shape,view,propertyGroup){
+ function interfaceFunction(val){
+ if(val === 'Color' || val === 'color'){
+ return interfaceFunction.color;
+ } else if(val === 'Opacity' || val === 'opacity'){
+ return interfaceFunction.opacity;
+ }
+ }
+ Object.defineProperties(interfaceFunction, {
+ 'color': {
+ get: ExpressionPropertyInterface(view.c)
+ },
+ 'opacity': {
+ get: ExpressionPropertyInterface(view.o)
+ },
+ '_name': { value: shape.nm },
+ 'mn': { value: shape.mn }
+ });
+
+ view.c.setGroupProperty(propertyGroup);
+ view.o.setGroupProperty(propertyGroup);
+ return interfaceFunction;
+ }
+
+ function strokeInterfaceFactory(shape,view,propertyGroup){
+ function _propertyGroup(val){
+ if(val === 1){
+ return ob;
+ } else{
+ return propertyGroup(val-1);
+ }
+ }
+ function _dashPropertyGroup(val){
+ if(val === 1){
+ return dashOb;
+ } else{
+ return _propertyGroup(val-1);
+ }
+ }
+ function addPropertyToDashOb(i) {
+ Object.defineProperty(dashOb, shape.d[i].nm, {
+ get: ExpressionPropertyInterface(view.d.dataProps[i].p)
+ });
+ }
+ var i, len = shape.d ? shape.d.length : 0;
+ var dashOb = {};
+ for (i = 0; i < len; i += 1) {
+ addPropertyToDashOb(i);
+ view.d.dataProps[i].p.setGroupProperty(_dashPropertyGroup);
+ }
+
+ function interfaceFunction(val){
+ if(val === 'Color' || val === 'color'){
+ return interfaceFunction.color;
+ } else if(val === 'Opacity' || val === 'opacity'){
+ return interfaceFunction.opacity;
+ } else if(val === 'Stroke Width' || val === 'stroke width'){
+ return interfaceFunction.strokeWidth;
+ }
+ }
+ Object.defineProperties(interfaceFunction, {
+ 'color': {
+ get: ExpressionPropertyInterface(view.c)
+ },
+ 'opacity': {
+ get: ExpressionPropertyInterface(view.o)
+ },
+ 'strokeWidth': {
+ get: ExpressionPropertyInterface(view.w)
+ },
+ 'dash': {
+ get: function() {
+ return dashOb;
+ }
+ },
+ '_name': { value: shape.nm },
+ 'mn': { value: shape.mn }
+ });
+
+ view.c.setGroupProperty(_propertyGroup);
+ view.o.setGroupProperty(_propertyGroup);
+ view.w.setGroupProperty(_propertyGroup);
+ return interfaceFunction;
+ }
+
+ function trimInterfaceFactory(shape,view,propertyGroup){
+ function _propertyGroup(val){
+ if(val == 1){
+ return interfaceFunction;
+ } else {
+ return propertyGroup(--val);
+ }
+ }
+ interfaceFunction.propertyIndex = shape.ix;
+
+ view.s.setGroupProperty(_propertyGroup);
+ view.e.setGroupProperty(_propertyGroup);
+ view.o.setGroupProperty(_propertyGroup);
+
+ function interfaceFunction(val){
+ if(val === shape.e.ix || val === 'End' || val === 'end'){
+ return interfaceFunction.end;
+ }
+ if(val === shape.s.ix){
+ return interfaceFunction.start;
+ }
+ if(val === shape.o.ix){
+ return interfaceFunction.offset;
+ }
+ }
+ interfaceFunction.propertyIndex = shape.ix;
+
+ Object.defineProperties(interfaceFunction, {
+ 'start': {
+ get: ExpressionPropertyInterface(view.s)
+ },
+ 'end': {
+ get: ExpressionPropertyInterface(view.e)
+ },
+ 'offset': {
+ get: ExpressionPropertyInterface(view.o)
+ },
+ '_name': { value: shape.nm }
+ });
+ interfaceFunction.mn = shape.mn;
+ return interfaceFunction;
+ }
+
+ function transformInterfaceFactory(shape,view,propertyGroup){
+ function _propertyGroup(val){
+ if(val == 1){
+ return interfaceFunction;
+ } else {
+ return propertyGroup(--val);
+ }
+ }
+ view.transform.mProps.o.setGroupProperty(_propertyGroup);
+ view.transform.mProps.p.setGroupProperty(_propertyGroup);
+ view.transform.mProps.a.setGroupProperty(_propertyGroup);
+ view.transform.mProps.s.setGroupProperty(_propertyGroup);
+ view.transform.mProps.r.setGroupProperty(_propertyGroup);
+ if(view.transform.mProps.sk){
+ view.transform.mProps.sk.setGroupProperty(_propertyGroup);
+ view.transform.mProps.sa.setGroupProperty(_propertyGroup);
+ }
+ view.transform.op.setGroupProperty(_propertyGroup);
+
+ function interfaceFunction(value){
+ if(shape.a.ix === value || value === 'Anchor Point'){
+ return interfaceFunction.anchorPoint;
+ }
+ if(shape.o.ix === value || value === 'Opacity'){
+ return interfaceFunction.opacity;
+ }
+ if(shape.p.ix === value || value === 'Position'){
+ return interfaceFunction.position;
+ }
+ if(shape.r.ix === value || value === 'Rotation' || value === 'ADBE Vector Rotation'){
+ return interfaceFunction.rotation;
+ }
+ if(shape.s.ix === value || value === 'Scale'){
+ return interfaceFunction.scale;
+ }
+ if(shape.sk && shape.sk.ix === value || value === 'Skew'){
+ return interfaceFunction.skew;
+ }
+ if(shape.sa && shape.sa.ix === value || value === 'Skew Axis'){
+ return interfaceFunction.skewAxis;
+ }
+
+ }
+ Object.defineProperties(interfaceFunction, {
+ 'opacity': {
+ get: ExpressionPropertyInterface(view.transform.mProps.o)
+ },
+ 'position': {
+ get: ExpressionPropertyInterface(view.transform.mProps.p)
+ },
+ 'anchorPoint': {
+ get: ExpressionPropertyInterface(view.transform.mProps.a)
+ },
+ 'scale': {
+ get: ExpressionPropertyInterface(view.transform.mProps.s)
+ },
+ 'rotation': {
+ get: ExpressionPropertyInterface(view.transform.mProps.r)
+ },
+ 'skew': {
+ get: ExpressionPropertyInterface(view.transform.mProps.sk)
+ },
+ 'skewAxis': {
+ get: ExpressionPropertyInterface(view.transform.mProps.sa)
+ },
+ '_name': { value: shape.nm }
+ });
+ interfaceFunction.ty = 'tr';
+ interfaceFunction.mn = shape.mn;
+ return interfaceFunction;
+ }
+
+ function ellipseInterfaceFactory(shape,view,propertyGroup){
+ function _propertyGroup(val){
+ if(val == 1){
+ return interfaceFunction;
+ } else {
+ return propertyGroup(--val);
+ }
+ }
+ interfaceFunction.propertyIndex = shape.ix;
+ var prop = view.sh.ty === 'tm' ? view.sh.prop : view.sh;
+ prop.s.setGroupProperty(_propertyGroup);
+ prop.p.setGroupProperty(_propertyGroup);
+ function interfaceFunction(value){
+ if(shape.p.ix === value){
+ return interfaceFunction.position;
+ }
+ if(shape.s.ix === value){
+ return interfaceFunction.size;
+ }
+ }
+
+ Object.defineProperties(interfaceFunction, {
+ 'size': {
+ get: ExpressionPropertyInterface(prop.s)
+ },
+ 'position': {
+ get: ExpressionPropertyInterface(prop.p)
+ },
+ '_name': { value: shape.nm }
+ });
+ interfaceFunction.mn = shape.mn;
+ return interfaceFunction;
+ }
+
+ function starInterfaceFactory(shape,view,propertyGroup){
+ function _propertyGroup(val){
+ if(val == 1){
+ return interfaceFunction;
+ } else {
+ return propertyGroup(--val);
+ }
+ }
+ var prop = view.sh.ty === 'tm' ? view.sh.prop : view.sh;
+ interfaceFunction.propertyIndex = shape.ix;
+ prop.or.setGroupProperty(_propertyGroup);
+ prop.os.setGroupProperty(_propertyGroup);
+ prop.pt.setGroupProperty(_propertyGroup);
+ prop.p.setGroupProperty(_propertyGroup);
+ prop.r.setGroupProperty(_propertyGroup);
+ if(shape.ir){
+ prop.ir.setGroupProperty(_propertyGroup);
+ prop.is.setGroupProperty(_propertyGroup);
+ }
+
+ function interfaceFunction(value){
+ if(shape.p.ix === value){
+ return interfaceFunction.position;
+ }
+ if(shape.r.ix === value){
+ return interfaceFunction.rotation;
+ }
+ if(shape.pt.ix === value){
+ return interfaceFunction.points;
+ }
+ if(shape.or.ix === value || 'ADBE Vector Star Outer Radius' === value){
+ return interfaceFunction.outerRadius;
+ }
+ if(shape.os.ix === value){
+ return interfaceFunction.outerRoundness;
+ }
+ if(shape.ir && (shape.ir.ix === value || 'ADBE Vector Star Inner Radius' === value)){
+ return interfaceFunction.innerRadius;
+ }
+ if(shape.is && shape.is.ix === value){
+ return interfaceFunction.innerRoundness;
+ }
+
+ }
+
+ Object.defineProperties(interfaceFunction, {
+ 'position': {
+ get: ExpressionPropertyInterface(prop.p)
+ },
+ 'rotation': {
+ get: ExpressionPropertyInterface(prop.r)
+ },
+ 'points': {
+ get: ExpressionPropertyInterface(prop.pt)
+ },
+ 'outerRadius': {
+ get: ExpressionPropertyInterface(prop.or)
+ },
+ 'outerRoundness': {
+ get: ExpressionPropertyInterface(prop.os)
+ },
+ 'innerRadius': {
+ get: ExpressionPropertyInterface(prop.ir)
+ },
+ 'innerRoundness': {
+ get: ExpressionPropertyInterface(prop.is)
+ },
+ '_name': { value: shape.nm }
+ });
+ interfaceFunction.mn = shape.mn;
+ return interfaceFunction;
+ }
+
+ function rectInterfaceFactory(shape,view,propertyGroup){
+ function _propertyGroup(val){
+ if(val == 1){
+ return interfaceFunction;
+ } else {
+ return propertyGroup(--val);
+ }
+ }
+ var prop = view.sh.ty === 'tm' ? view.sh.prop : view.sh;
+ interfaceFunction.propertyIndex = shape.ix;
+ prop.p.setGroupProperty(_propertyGroup);
+ prop.s.setGroupProperty(_propertyGroup);
+ prop.r.setGroupProperty(_propertyGroup);
+
+ function interfaceFunction(value){
+ if(shape.p.ix === value){
+ return interfaceFunction.position;
+ }
+ if(shape.r.ix === value){
+ return interfaceFunction.roundness;
+ }
+ if(shape.s.ix === value || value === 'Size' || value === 'ADBE Vector Rect Size'){
+ return interfaceFunction.size;
+ }
+
+ }
+ Object.defineProperties(interfaceFunction, {
+ 'position': {
+ get: ExpressionPropertyInterface(prop.p)
+ },
+ 'roundness': {
+ get: ExpressionPropertyInterface(prop.r)
+ },
+ 'size': {
+ get: ExpressionPropertyInterface(prop.s)
+ },
+ '_name': { value: shape.nm }
+ });
+ interfaceFunction.mn = shape.mn;
+ return interfaceFunction;
+ }
+
+ function roundedInterfaceFactory(shape,view,propertyGroup){
+ function _propertyGroup(val){
+ if(val == 1){
+ return interfaceFunction;
+ } else {
+ return propertyGroup(--val);
+ }
+ }
+ var prop = view;
+ interfaceFunction.propertyIndex = shape.ix;
+ prop.rd.setGroupProperty(_propertyGroup);
+
+ function interfaceFunction(value){
+ if(shape.r.ix === value || 'Round Corners 1' === value){
+ return interfaceFunction.radius;
+ }
+
+ }
+ Object.defineProperties(interfaceFunction, {
+ 'radius': {
+ get: ExpressionPropertyInterface(prop.rd)
+ },
+ '_name': { value: shape.nm }
+ });
+ interfaceFunction.mn = shape.mn;
+ return interfaceFunction;
+ }
+
+ function repeaterInterfaceFactory(shape,view,propertyGroup){
+ function _propertyGroup(val){
+ if(val == 1){
+ return interfaceFunction;
+ } else {
+ return propertyGroup(--val);
+ }
+ }
+ var prop = view;
+ interfaceFunction.propertyIndex = shape.ix;
+ prop.c.setGroupProperty(_propertyGroup);
+ prop.o.setGroupProperty(_propertyGroup);
+
+ function interfaceFunction(value){
+ if(shape.c.ix === value || 'Copies' === value){
+ return interfaceFunction.copies;
+ } else if(shape.o.ix === value || 'Offset' === value){
+ return interfaceFunction.offset;
+ }
+
+ }
+ Object.defineProperties(interfaceFunction, {
+ 'copies': {
+ get: ExpressionPropertyInterface(prop.c)
+ },
+ 'offset': {
+ get: ExpressionPropertyInterface(prop.o)
+ },
+ '_name': { value: shape.nm }
+ });
+ interfaceFunction.mn = shape.mn;
+ return interfaceFunction;
+ }
+
+ function pathInterfaceFactory(shape,view,propertyGroup){
+ var prop = view.sh;
+ function _propertyGroup(val){
+ if(val == 1){
+ return interfaceFunction;
+ } else {
+ return propertyGroup(--val);
+ }
+ }
+ prop.setGroupProperty(_propertyGroup);
+
+ function interfaceFunction(val){
+ if(val === 'Shape' || val === 'shape' || val === 'Path' || val === 'path' || val === 'ADBE Vector Shape' || val === 2){
+ return interfaceFunction.path;
+ }
+ }
+ Object.defineProperties(interfaceFunction, {
+ 'path': {
+ get: function(){
+ if(prop.k){
+ prop.getValue();
+ }
+ return prop;
+ }
+ },
+ 'shape': {
+ get: function(){
+ if(prop.k){
+ prop.getValue();
+ }
+ return prop;
+ }
+ },
+ '_name': { value: shape.nm },
+ 'ix': { value: shape.ix },
+ 'mn': { value: shape.mn }
+ });
+ return interfaceFunction;
+ }
+
+ return function(shapes,view,propertyGroup) {
+ var interfaces;
+ function _interfaceFunction(value){
+ if(typeof value === 'number'){
+ return interfaces[value-1];
+ } else {
+ var i = 0, len = interfaces.length;
+ while(i<len){
+ if(interfaces[i]._name === value){
+ return interfaces[i];
+ }
+ i+=1;
+ }
+ }
+ }
+ _interfaceFunction.propertyGroup = propertyGroup;
+ interfaces = iterateElements(shapes, view, _interfaceFunction);
+ return _interfaceFunction;
+ };
+}());
+
+var TextExpressionInterface = (function(){
+ return function(elem){
+ var _prevValue, _sourceText;
+ function _thisLayerFunction(){
+ }
+ Object.defineProperty(_thisLayerFunction, "sourceText", {
+ get: function(){
+ elem.textProperty.getValue()
+ var stringValue = elem.textProperty.currentData.t;
+ if(stringValue !== _prevValue) {
+ elem.textProperty.currentData.t = _prevValue;
+ _sourceText = new String(stringValue);
+ //If stringValue is an empty string, eval returns undefined, so it has to be returned as a String primitive
+ _sourceText.value = stringValue ? stringValue : new String(stringValue);
+ }
+ return _sourceText;
+ }
+ });
+ return _thisLayerFunction;
+ };
+}());
+var LayerExpressionInterface = (function (){
+ function toWorld(arr, time){
+ var toWorldMat = new Matrix();
+ toWorldMat.reset();
+ var transformMat;
+ if(time) {
+ //Todo implement value at time on transform properties
+ //transformMat = this._elem.finalTransform.mProp.getValueAtTime(time);
+ transformMat = this._elem.finalTransform.mProp;
+ } else {
+ transformMat = this._elem.finalTransform.mProp;
+ }
+ transformMat.applyToMatrix(toWorldMat);
+ if(this._elem.hierarchy && this._elem.hierarchy.length){
+ var i, len = this._elem.hierarchy.length;
+ for(i=0;i<len;i+=1){
+ this._elem.hierarchy[i].finalTransform.mProp.applyToMatrix(toWorldMat);
+ }
+ return toWorldMat.applyToPointArray(arr[0],arr[1],arr[2]||0);
+ }
+ return toWorldMat.applyToPointArray(arr[0],arr[1],arr[2]||0);
+ }
+ function fromWorld(arr, time){
+ var toWorldMat = new Matrix();
+ toWorldMat.reset();
+ var transformMat;
+ if(time) {
+ //Todo implement value at time on transform properties
+ //transformMat = this._elem.finalTransform.mProp.getValueAtTime(time);
+ transformMat = this._elem.finalTransform.mProp;
+ } else {
+ transformMat = this._elem.finalTransform.mProp;
+ }
+ transformMat.applyToMatrix(toWorldMat);
+ if(this._elem.hierarchy && this._elem.hierarchy.length){
+ var i, len = this._elem.hierarchy.length;
+ for(i=0;i<len;i+=1){
+ this._elem.hierarchy[i].finalTransform.mProp.applyToMatrix(toWorldMat);
+ }
+ return toWorldMat.inversePoint(arr);
+ }
+ return toWorldMat.inversePoint(arr);
+ }
+ function fromComp(arr){
+ var toWorldMat = new Matrix();
+ toWorldMat.reset();
+ this._elem.finalTransform.mProp.applyToMatrix(toWorldMat);
+ if(this._elem.hierarchy && this._elem.hierarchy.length){
+ var i, len = this._elem.hierarchy.length;
+ for(i=0;i<len;i+=1){
+ this._elem.hierarchy[i].finalTransform.mProp.applyToMatrix(toWorldMat);
+ }
+ return toWorldMat.inversePoint(arr);
+ }
+ return toWorldMat.inversePoint(arr);
+ }
+
+ function sampleImage() {
+ return [1,1,1,1];
+ }
+
+
+ return function(elem){
+
+ var transformInterface;
+
+ function _registerMaskInterface(maskManager){
+ _thisLayerFunction.mask = new MaskManagerInterface(maskManager, elem);
+ }
+ function _registerEffectsInterface(effects){
+ _thisLayerFunction.effect = effects;
+ }
+
+ function _thisLayerFunction(name){
+ switch(name){
+ case "ADBE Root Vectors Group":
+ case "Contents":
+ case 2:
+ return _thisLayerFunction.shapeInterface;
+ case 1:
+ case 6:
+ case "Transform":
+ case "transform":
+ case "ADBE Transform Group":
+ return transformInterface;
+ case 4:
+ case "ADBE Effect Parade":
+ case "effects":
+ case "Effects":
+ return _thisLayerFunction.effect;
+ }
+ }
+ _thisLayerFunction.toWorld = toWorld;
+ _thisLayerFunction.fromWorld = fromWorld;
+ _thisLayerFunction.toComp = toWorld;
+ _thisLayerFunction.fromComp = fromComp;
+ _thisLayerFunction.sampleImage = sampleImage;
+ _thisLayerFunction.sourceRectAtTime = elem.sourceRectAtTime.bind(elem);
+ _thisLayerFunction._elem = elem;
+ transformInterface = TransformExpressionInterface(elem.finalTransform.mProp);
+ var anchorPointDescriptor = getDescriptor(transformInterface, 'anchorPoint');
+ Object.defineProperties(_thisLayerFunction,{
+ hasParent: {
+ get: function(){
+ return elem.hierarchy.length;
+ }
+ },
+ parent: {
+ get: function(){
+ return elem.hierarchy[0].layerInterface;
+ }
+ },
+ rotation: getDescriptor(transformInterface, 'rotation'),
+ scale: getDescriptor(transformInterface, 'scale'),
+ position: getDescriptor(transformInterface, 'position'),
+ opacity: getDescriptor(transformInterface, 'opacity'),
+ anchorPoint: anchorPointDescriptor,
+ anchor_point: anchorPointDescriptor,
+ transform: {
+ get: function () {
+ return transformInterface;
+ }
+ },
+ active: {
+ get: function(){
+ return elem.isInRange;
+ }
+ }
+ });
+
+ _thisLayerFunction.startTime = elem.data.st;
+ _thisLayerFunction.index = elem.data.ind;
+ _thisLayerFunction.source = elem.data.refId;
+ _thisLayerFunction.height = elem.data.ty === 0 ? elem.data.h : 100;
+ _thisLayerFunction.width = elem.data.ty === 0 ? elem.data.w : 100;
+ _thisLayerFunction.inPoint = elem.data.ip/elem.comp.globalData.frameRate;
+ _thisLayerFunction.outPoint = elem.data.op/elem.comp.globalData.frameRate;
+ _thisLayerFunction._name = elem.data.nm;
+
+ _thisLayerFunction.registerMaskInterface = _registerMaskInterface;
+ _thisLayerFunction.registerEffectsInterface = _registerEffectsInterface;
+ return _thisLayerFunction;
+ };
+}());
+
+var CompExpressionInterface = (function (){
+ return function(comp){
+ function _thisLayerFunction(name){
+ var i=0, len = comp.layers.length;
+ while(i<len){
+ if(comp.layers[i].nm === name || comp.layers[i].ind === name){
+ return comp.elements[i].layerInterface;
+ }
+ i += 1;
+ }
+ return null;
+ //return {active:false};
+ }
+ Object.defineProperty(_thisLayerFunction, "_name", { value:comp.data.nm });
+ _thisLayerFunction.layer = _thisLayerFunction;
+ _thisLayerFunction.pixelAspect = 1;
+ _thisLayerFunction.height = comp.data.h || comp.globalData.compSize.h;
+ _thisLayerFunction.width = comp.data.w || comp.globalData.compSize.w;
+ _thisLayerFunction.pixelAspect = 1;
+ _thisLayerFunction.frameDuration = 1/comp.globalData.frameRate;
+ _thisLayerFunction.displayStartTime = 0;
+ _thisLayerFunction.numLayers = comp.layers.length;
+ return _thisLayerFunction;
+ };
+}());
+var TransformExpressionInterface = (function (){
+ return function(transform){
+ function _thisFunction(name){
+ switch(name){
+ case "scale":
+ case "Scale":
+ case "ADBE Scale":
+ case 6:
+ return _thisFunction.scale;
+ case "rotation":
+ case "Rotation":
+ case "ADBE Rotation":
+ case "ADBE Rotate Z":
+ case 10:
+ return _thisFunction.rotation;
+ case "ADBE Rotate X":
+ return _thisFunction.xRotation;
+ case "ADBE Rotate Y":
+ return _thisFunction.yRotation;
+ case "position":
+ case "Position":
+ case "ADBE Position":
+ case 2:
+ return _thisFunction.position;
+ case 'ADBE Position_0':
+ return _thisFunction.xPosition;
+ case 'ADBE Position_1':
+ return _thisFunction.yPosition;
+ case 'ADBE Position_2':
+ return _thisFunction.zPosition;
+ case "anchorPoint":
+ case "AnchorPoint":
+ case "Anchor Point":
+ case "ADBE AnchorPoint":
+ case 1:
+ return _thisFunction.anchorPoint;
+ case "opacity":
+ case "Opacity":
+ case 11:
+ return _thisFunction.opacity;
+ }
+ }
+
+ Object.defineProperty(_thisFunction, "rotation", {
+ get: ExpressionPropertyInterface(transform.r || transform.rz)
+ });
+
+ Object.defineProperty(_thisFunction, "zRotation", {
+ get: ExpressionPropertyInterface(transform.rz || transform.r)
+ });
+
+ Object.defineProperty(_thisFunction, "xRotation", {
+ get: ExpressionPropertyInterface(transform.rx)
+ });
+
+ Object.defineProperty(_thisFunction, "yRotation", {
+ get: ExpressionPropertyInterface(transform.ry)
+ });
+ Object.defineProperty(_thisFunction, "scale", {
+ get: ExpressionPropertyInterface(transform.s)
+ });
+
+ if(transform.p) {
+ var _transformFactory = ExpressionPropertyInterface(transform.p);
+ }
+ Object.defineProperty(_thisFunction, "position", {
+ get: function () {
+ if(transform.p) {
+ return _transformFactory();
+ } else {
+ return [transform.px.v, transform.py.v, transform.pz ? transform.pz.v : 0];
+ }
+ }
+ });
+
+ Object.defineProperty(_thisFunction, "xPosition", {
+ get: ExpressionPropertyInterface(transform.px)
+ });
+
+ Object.defineProperty(_thisFunction, "yPosition", {
+ get: ExpressionPropertyInterface(transform.py)
+ });
+
+ Object.defineProperty(_thisFunction, "zPosition", {
+ get: ExpressionPropertyInterface(transform.pz)
+ });
+
+ Object.defineProperty(_thisFunction, "anchorPoint", {
+ get: ExpressionPropertyInterface(transform.a)
+ });
+
+ Object.defineProperty(_thisFunction, "opacity", {
+ get: ExpressionPropertyInterface(transform.o)
+ });
+
+ Object.defineProperty(_thisFunction, "skew", {
+ get: ExpressionPropertyInterface(transform.sk)
+ });
+
+ Object.defineProperty(_thisFunction, "skewAxis", {
+ get: ExpressionPropertyInterface(transform.sa)
+ });
+
+ Object.defineProperty(_thisFunction, "orientation", {
+ get: ExpressionPropertyInterface(transform.or)
+ });
+
+ return _thisFunction;
+ };
+}());
+var ProjectInterface = (function (){
+
+ function registerComposition(comp){
+ this.compositions.push(comp);
+ }
+
+ return function(){
+ function _thisProjectFunction(name){
+ var i = 0, len = this.compositions.length;
+ while(i<len){
+ if(this.compositions[i].data && this.compositions[i].data.nm === name){
+ if(this.compositions[i].prepareFrame && this.compositions[i].data.xt) {
+ this.compositions[i].prepareFrame(this.currentFrame);
+ }
+ return this.compositions[i].compInterface;
+ }
+ i+=1;
+ }
+ }
+
+ _thisProjectFunction.compositions = [];
+ _thisProjectFunction.currentFrame = 0;
+
+ _thisProjectFunction.registerComposition = registerComposition;
+
+
+
+ return _thisProjectFunction;
+ };
+}());
+var EffectsExpressionInterface = (function (){
+ var ob = {
+ createEffectsInterface: createEffectsInterface
+ };
+
+ function createEffectsInterface(elem, propertyGroup){
+ if(elem.effectsManager){
+
+ var effectElements = [];
+ var effectsData = elem.data.ef;
+ var i, len = elem.effectsManager.effectElements.length;
+ for(i=0;i<len;i+=1){
+ effectElements.push(createGroupInterface(effectsData[i],elem.effectsManager.effectElements[i],propertyGroup,elem));
+ }
+
+ return function(name){
+ var effects = elem.data.ef || [], i = 0, len = effects.length;
+ while(i<len) {
+ if(name === effects[i].nm || name === effects[i].mn || name === effects[i].ix){
+ return effectElements[i];
+ }
+ i += 1;
+ }
+ };
+ }
+ }
+
+ function createGroupInterface(data,elements, propertyGroup, elem){
+ var effectElements = [];
+ var i, len = data.ef.length;
+ for(i=0;i<len;i+=1){
+ if(data.ef[i].ty === 5){
+ effectElements.push(createGroupInterface(data.ef[i],elements.effectElements[i],elements.effectElements[i].propertyGroup, elem));
+ } else {
+ effectElements.push(createValueInterface(elements.effectElements[i],data.ef[i].ty, elem, _propertyGroup));
+ }
+ }
+
+ function _propertyGroup(val) {
+ if(val === 1){
+ return groupInterface;
+ } else{
+ return propertyGroup(val-1);
+ }
+ }
+
+ var groupInterface = function(name){
+ var effects = data.ef, i = 0, len = effects.length;
+ while(i<len) {
+ if(name === effects[i].nm || name === effects[i].mn || name === effects[i].ix){
+ if(effects[i].ty === 5){
+ return effectElements[i];
+ } else {
+ return effectElements[i]();
+ }
+ }
+ i += 1;
+ }
+ return effectElements[0]();
+ };
+
+ groupInterface.propertyGroup = _propertyGroup;
+
+ if(data.mn === 'ADBE Color Control'){
+ Object.defineProperty(groupInterface, 'color', {
+ get: function(){
+ return effectElements[0]();
+ }
+ });
+ }
+ Object.defineProperty(groupInterface, 'numProperties', {
+ get: function(){
+ return data.np;
+ }
+ });
+ groupInterface.active = groupInterface.enabled = data.en !== 0;
+ return groupInterface;
+ }
+
+ function createValueInterface(element, type, elem, propertyGroup){
+ var expressionProperty = ExpressionPropertyInterface(element.p);
+ function interfaceFunction(){
+ if(type === 10){
+ return elem.comp.compInterface(element.p.v);
+ }
+ return expressionProperty();
+ }
+
+ if(element.p.setGroupProperty) {
+ element.p.setGroupProperty(propertyGroup);
+ }
+
+ return interfaceFunction;
+ }
+
+ return ob;
+
+}());
+var MaskManagerInterface = (function(){
+
+ function MaskInterface(mask, data){
+ this._mask = mask;
+ this._data = data;
+ }
+ Object.defineProperty(MaskInterface.prototype, 'maskPath', {
+ get: function(){
+ if(this._mask.prop.k){
+ this._mask.prop.getValue();
+ }
+ return this._mask.prop;
+ }
+ });
+
+ var MaskManager = function(maskManager, elem){
+ var _maskManager = maskManager;
+ var _elem = elem;
+ var _masksInterfaces = createSizedArray(maskManager.viewData.length);
+ var i, len = maskManager.viewData.length;
+ for(i = 0; i < len; i += 1) {
+ _masksInterfaces[i] = new MaskInterface(maskManager.viewData[i], maskManager.masksProperties[i]);
+ }
+
+ var maskFunction = function(name){
+ i = 0;
+ while(i<len){
+ if(maskManager.masksProperties[i].nm === name){
+ return _masksInterfaces[i];
+ }
+ i += 1;
+ }
+ };
+ return maskFunction;
+ };
+ return MaskManager;
+}());
+
+var ExpressionPropertyInterface = (function() {
+
+ var defaultUnidimensionalValue = {pv:0, v:0, mult: 1}
+ var defaultMultidimensionalValue = {pv:[0,0,0], v:[0,0,0], mult: 1}
+
+ function completeProperty(expressionValue, property, type) {
+ Object.defineProperty(expressionValue, 'velocity', {
+ get: function(){
+ return property.getVelocityAtTime(property.comp.currentFrame);
+ }
+ });
+ expressionValue.numKeys = property.keyframes ? property.keyframes.length : 0;
+ expressionValue.key = function(pos) {
+ if (!expressionValue.numKeys) {
+ return 0;
+ } else {
+ var value = '';
+ if ('s' in property.keyframes[pos-1]) {
+ value = property.keyframes[pos-1].s;
+ } else if ('e' in property.keyframes[pos-2]) {
+ value = property.keyframes[pos-2].e;
+ } else {
+ value = property.keyframes[pos-2].s;
+ }
+ var valueProp = type === 'unidimensional' ? new Number(value) : Object.assign({}, value);
+ valueProp.time = property.keyframes[pos-1].t / property.elem.comp.globalData.frameRate;
+ return valueProp;
+ }
+ };
+ expressionValue.valueAtTime = property.getValueAtTime;
+ expressionValue.speedAtTime = property.getSpeedAtTime;
+ expressionValue.velocityAtTime = property.getVelocityAtTime;
+ expressionValue.propertyGroup = property.propertyGroup;
+ }
+
+ function UnidimensionalPropertyInterface(property) {
+ if(!property || !('pv' in property)) {
+ property = defaultUnidimensionalValue;
+ }
+ var mult = 1 / property.mult;
+ var val = property.pv * mult;
+ var expressionValue = new Number(val);
+ expressionValue.value = val;
+ completeProperty(expressionValue, property, 'unidimensional');
+
+ return function() {
+ if (property.k) {
+ property.getValue();
+ }
+ val = property.v * mult;
+ if(expressionValue.value !== val) {
+ expressionValue = new Number(val);
+ expressionValue.value = val;
+ completeProperty(expressionValue, property, 'unidimensional');
+ }
+ return expressionValue;
+ }
+ }
+
+ function MultidimensionalPropertyInterface(property) {
+ if(!property || !('pv' in property)) {
+ property = defaultMultidimensionalValue;
+ }
+ var mult = 1 / property.mult;
+ var len = property.pv.length;
+ var expressionValue = createTypedArray('float32', len);
+ var arrValue = createTypedArray('float32', len);
+ expressionValue.value = arrValue;
+ completeProperty(expressionValue, property, 'multidimensional');
+
+ return function() {
+ if (property.k) {
+ property.getValue();
+ }
+ for (var i = 0; i < len; i += 1) {
+ expressionValue[i] = arrValue[i] = property.v[i] * mult;
+ }
+ return expressionValue;
+ }
+ }
+
+ //TODO: try to avoid using this getter
+ function defaultGetter() {
+ return defaultUnidimensionalValue;
+ }
+
+ return function(property) {
+ if(!property) {
+ return defaultGetter;
+ } else if (property.propType === 'unidimensional') {
+ return UnidimensionalPropertyInterface(property);
+ } else {
+ return MultidimensionalPropertyInterface(property);
+ }
+ }
+}())
+
+function SliderEffect(data,elem, container){
+ this.p = PropertyFactory.getProp(elem,data.v,0,0,container);
+}
+function AngleEffect(data,elem, container){
+ this.p = PropertyFactory.getProp(elem,data.v,0,0,container);
+}
+function ColorEffect(data,elem, container){
+ this.p = PropertyFactory.getProp(elem,data.v,1,0,container);
+}
+function PointEffect(data,elem, container){
+ this.p = PropertyFactory.getProp(elem,data.v,1,0,container);
+}
+function LayerIndexEffect(data,elem, container){
+ this.p = PropertyFactory.getProp(elem,data.v,0,0,container);
+}
+function MaskIndexEffect(data,elem, container){
+ this.p = PropertyFactory.getProp(elem,data.v,0,0,container);
+}
+function CheckboxEffect(data,elem, container){
+ this.p = PropertyFactory.getProp(elem,data.v,0,0,container);
+}
+function NoValueEffect(){
+ this.p = {};
+}
+function EffectsManager(){}
+function EffectsManager(data,element){
+ var effects = data.ef || [];
+ this.effectElements = [];
+ var i,len = effects.length;
+ var effectItem;
+ for(i=0;i<len;i++) {
+ effectItem = new GroupEffect(effects[i],element);
+ this.effectElements.push(effectItem);
+ }
+}
+
+function GroupEffect(data,element){
+ this.init(data,element);
+}
+
+extendPrototype([DynamicPropertyContainer], GroupEffect);
+
+GroupEffect.prototype.getValue = GroupEffect.prototype.iterateDynamicProperties;
+
+GroupEffect.prototype.init = function(data,element){
+ this.data = data;
+ this.effectElements = [];
+ this.initDynamicPropertyContainer(element);
+ var i, len = this.data.ef.length;
+ var eff, effects = this.data.ef;
+ for(i=0;i<len;i+=1){
+ eff = null;
+ switch(effects[i].ty){
+ case 0:
+ eff = new SliderEffect(effects[i],element,this);
+ break;
+ case 1:
+ eff = new AngleEffect(effects[i],element,this);
+ break;
+ case 2:
+ eff = new ColorEffect(effects[i],element,this);
+ break;
+ case 3:
+ eff = new PointEffect(effects[i],element,this);
+ break;
+ case 4:
+ case 7:
+ eff = new CheckboxEffect(effects[i],element,this);
+ break;
+ case 10:
+ eff = new LayerIndexEffect(effects[i],element,this);
+ break;
+ case 11:
+ eff = new MaskIndexEffect(effects[i],element,this);
+ break;
+ case 5:
+ eff = new EffectsManager(effects[i],element,this);
+ break;
+ //case 6:
+ default:
+ eff = new NoValueEffect(effects[i],element,this);
+ break;
+ }
+ if(eff) {
+ this.effectElements.push(eff);
+ }
+ }
+};
+
+ var lottiejs = {};
+
+ var _isFrozen = false;
+
+ function setLocationHref (href) {
+ locationHref = href;
+ }
+
+ function searchAnimations() {
+ if (standalone === true) {
+ animationManager.searchAnimations(animationData, standalone, renderer);
+ } else {
+ animationManager.searchAnimations();
+ }
+ }
+
+ function setSubframeRendering(flag) {
+ subframeEnabled = flag;
+ }
+
+ function loadAnimation(params) {
+ if (standalone === true) {
+ params.animationData = JSON.parse(animationData);
+ }
+ return animationManager.loadAnimation(params);
+ }
+
+ function setQuality(value) {
+ if (typeof value === 'string') {
+ switch (value) {
+ case 'high':
+ defaultCurveSegments = 200;
+ break;
+ case 'medium':
+ defaultCurveSegments = 50;
+ break;
+ case 'low':
+ defaultCurveSegments = 10;
+ break;
+ }
+ } else if (!isNaN(value) && value > 1) {
+ defaultCurveSegments = value;
+ }
+ if (defaultCurveSegments >= 50) {
+ roundValues(false);
+ } else {
+ roundValues(true);
+ }
+ }
+
+ function inBrowser() {
+ return typeof navigator !== 'undefined';
+ }
+
+ function installPlugin(type, plugin) {
+ if (type === 'expressions') {
+ expressionsPlugin = plugin;
+ }
+ }
+
+ function getFactory(name) {
+ switch (name) {
+ case "propertyFactory":
+ return PropertyFactory;
+ case "shapePropertyFactory":
+ return ShapePropertyFactory;
+ case "matrix":
+ return Matrix;
+ }
+ }
+
+ lottiejs.play = animationManager.play;
+ lottiejs.pause = animationManager.pause;
+ lottiejs.setLocationHref = setLocationHref;
+ lottiejs.togglePause = animationManager.togglePause;
+ lottiejs.setSpeed = animationManager.setSpeed;
+ lottiejs.setDirection = animationManager.setDirection;
+ lottiejs.stop = animationManager.stop;
+ lottiejs.searchAnimations = searchAnimations;
+ lottiejs.registerAnimation = animationManager.registerAnimation;
+ lottiejs.loadAnimation = loadAnimation;
+ lottiejs.setSubframeRendering = setSubframeRendering;
+ lottiejs.resize = animationManager.resize;
+ //lottiejs.start = start;
+ lottiejs.goToAndStop = animationManager.goToAndStop;
+ lottiejs.destroy = animationManager.destroy;
+ lottiejs.setQuality = setQuality;
+ lottiejs.inBrowser = inBrowser;
+ lottiejs.installPlugin = installPlugin;
+ lottiejs.freeze = animationManager.freeze;
+ lottiejs.unfreeze = animationManager.unfreeze;
+ lottiejs.getRegisteredAnimations = animationManager.getRegisteredAnimations;
+ lottiejs.__getFactory = getFactory;
+ lottiejs.version = '5.4.2';
+
+ function checkReady() {
+ if (document.readyState === "complete") {
+ clearInterval(readyStateCheckInterval);
+ searchAnimations();
+ }
+ }
+
+ function getQueryVariable(variable) {
+ var vars = queryString.split('&');
+ for (var i = 0; i < vars.length; i++) {
+ var pair = vars[i].split('=');
+ if (decodeURIComponent(pair[0]) == variable) {
+ return decodeURIComponent(pair[1]);
+ }
+ }
+ }
+ var standalone = '__[STANDALONE]__';
+ var animationData = '__[ANIMATIONDATA]__';
+ var renderer = '';
+ if (standalone) {
+ var scripts = document.getElementsByTagName('script');
+ var index = scripts.length - 1;
+ var myScript = scripts[index] || {
+ src: ''
+ };
+ var queryString = myScript.src.replace(/^[^\?]+\??/, '');
+ renderer = getQueryVariable('renderer');
+ }
+ var readyStateCheckInterval = setInterval(checkReady, 100);
+ return lottiejs;
+}));
diff --git a/build/player/lottie_html.min.js b/build/player/lottie_html.min.js
new file mode 100644
index 0000000..d774c86
--- /dev/null
+++ b/build/player/lottie_html.min.js
@@ -0,0 +1 @@
+var a,b;"undefined"!=typeof navigator&&(a=window||{},b=function(window){"use strict";var svgNS="http://www.w3.org/2000/svg",locationHref="",initialDefaultFrame=-999999,subframeEnabled=!0,expressionsPlugin,isSafari=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),cachedColors={},bm_rounder=Math.round,bm_rnd,bm_pow=Math.pow,bm_sqrt=Math.sqrt,bm_abs=Math.abs,bm_floor=Math.floor,bm_max=Math.max,bm_min=Math.min,blitter=10,BMMath={};function ProjectInterface(){return{}}!function(){var t,e=Object.getOwnPropertyNames(Math),i=e.length;for(t=0;t<i;t+=1)BMMath[e[t]]=Math[e[t]]}(),BMMath.random=Math.random,BMMath.abs=function(t){if("object"===typeof t&&t.length){var e,i=createSizedArray(t.length),r=t.length;for(e=0;e<r;e+=1)i[e]=Math.abs(t[e]);return i}return Math.abs(t)};var defaultCurveSegments=150,degToRads=Math.PI/180,roundCorner=.5519;function roundValues(t){bm_rnd=t?Math.round:function(t){return t}}function styleDiv(t){t.style.position="absolute",t.style.top=0,t.style.left=0,t.style.display="block",t.style.transformOrigin=t.style.webkitTransformOrigin="0 0",t.style.backfaceVisibility=t.style.webkitBackfaceVisibility="visible",t.style.transformStyle=t.style.webkitTransformStyle=t.style.mozTransformStyle="preserve-3d"}function BMEnterFrameEvent(t,e,i,r){this.type=t,this.currentTime=e,this.totalTime=i,this.direction=r<0?-1:1}function BMCompleteEvent(t,e){this.type=t,this.direction=e<0?-1:1}function BMCompleteLoopEvent(t,e,i,r){this.type=t,this.currentLoop=i,this.totalLoops=e,this.direction=r<0?-1:1}function BMSegmentStartEvent(t,e,i){this.type=t,this.firstFrame=e,this.totalFrames=i}function BMDestroyEvent(t,e){this.type=t,this.target=e}function randomString(t,e){var i;void 0===e&&(e="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890");var r="";for(i=t;0<i;--i)r+=e[Math.round(Math.random()*(e.length-1))];return r}function HSVtoRGB(t,e,i){var r,s,a,n,o,h,l,p;switch(h=i*(1-e),l=i*(1-(o=6*t-(n=Math.floor(6*t)))*e),p=i*(1-(1-o)*e),n%6){case 0:r=i,s=p,a=h;break;case 1:r=l,s=i,a=h;break;case 2:r=h,s=i,a=p;break;case 3:r=h,s=l,a=i;break;case 4:r=p,s=h,a=i;break;case 5:r=i,s=h,a=l}return[r,s,a]}function RGBtoHSV(t,e,i){var r,s=Math.max(t,e,i),a=Math.min(t,e,i),n=s-a,o=0===s?0:n/s,h=s/255;switch(s){case a:r=0;break;case t:r=e-i+n*(e<i?6:0),r/=6*n;break;case e:r=i-t+2*n,r/=6*n;break;case i:r=t-e+4*n,r/=6*n}return[r,o,h]}function addSaturationToRGB(t,e){var i=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return i[1]+=e,1<i[1]?i[1]=1:i[1]<=0&&(i[1]=0),HSVtoRGB(i[0],i[1],i[2])}function addBrightnessToRGB(t,e){var i=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return i[2]+=e,1<i[2]?i[2]=1:i[2]<0&&(i[2]=0),HSVtoRGB(i[0],i[1],i[2])}function addHueToRGB(t,e){var i=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return i[0]+=e/360,1<i[0]?i[0]-=1:i[0]<0&&(i[0]+=1),HSVtoRGB(i[0],i[1],i[2])}roundValues(!1);var rgbToHex=function(){var t,e,r=[];for(t=0;t<256;t+=1)e=t.toString(16),r[t]=1==e.length?"0"+e:e;return function(t,e,i){return t<0&&(t=0),e<0&&(e=0),i<0&&(i=0),"#"+r[t]+r[e]+r[i]}}();function BaseEvent(){}BaseEvent.prototype={triggerEvent:function(t,e){if(this._cbs[t])for(var i=this._cbs[t].length,r=0;r<i;r++)this._cbs[t][r](e)},addEventListener:function(t,e){return this._cbs[t]||(this._cbs[t]=[]),this._cbs[t].push(e),function(){this.removeEventListener(t,e)}.bind(this)},removeEventListener:function(t,e){if(e){if(this._cbs[t]){for(var i=0,r=this._cbs[t].length;i<r;)this._cbs[t][i]===e&&(this._cbs[t].splice(i,1),i-=1,r-=1),i+=1;this._cbs[t].length||(this._cbs[t]=null)}}else this._cbs[t]=null}};var createTypedArray="function"==typeof Uint8ClampedArray&&"function"==typeof Float32Array?function(t,e){return"float32"===t?new Float32Array(e):"int16"===t?new Int16Array(e):"uint8c"===t?new Uint8ClampedArray(e):void 0}:function(t,e){var i,r=0,s=[];switch(t){case"int16":case"uint8c":i=1;break;default:i=1.1}for(r=0;r<e;r+=1)s.push(i);return s};function createSizedArray(t){return Array.apply(null,{length:t})}function createNS(t){return document.createElementNS(svgNS,t)}function createTag(t){return document.createElement(t)}function DynamicPropertyContainer(){}DynamicPropertyContainer.prototype={addDynamicProperty:function(t){-1===this.dynamicProperties.indexOf(t)&&(this.dynamicProperties.push(t),this.container.addDynamicProperty(this),this._isAnimated=!0)},iterateDynamicProperties:function(){this._mdf=!1;var t,e=this.dynamicProperties.length;for(t=0;t<e;t+=1)this.dynamicProperties[t].getValue(),this.dynamicProperties[t]._mdf&&(this._mdf=!0)},initDynamicPropertyContainer:function(t){this.container=t,this.dynamicProperties=[],this._mdf=!1,this._isAnimated=!1}};var Matrix=function(){var s=Math.cos,a=Math.sin,n=Math.tan,r=Math.round;function t(){return this.props[0]=1,this.props[1]=0,this.props[2]=0,this.props[3]=0,this.props[4]=0,this.props[5]=1,this.props[6]=0,this.props[7]=0,this.props[8]=0,this.props[9]=0,this.props[10]=1,this.props[11]=0,this.props[12]=0,this.props[13]=0,this.props[14]=0,this.props[15]=1,this}function e(t){if(0===t)return this;var e=s(t),i=a(t);return this._t(e,-i,0,0,i,e,0,0,0,0,1,0,0,0,0,1)}function i(t){if(0===t)return this;var e=s(t),i=a(t);return this._t(1,0,0,0,0,e,-i,0,0,i,e,0,0,0,0,1)}function o(t){if(0===t)return this;var e=s(t),i=a(t);return this._t(e,0,i,0,0,1,0,0,-i,0,e,0,0,0,0,1)}function h(t){if(0===t)return this;var e=s(t),i=a(t);return this._t(e,-i,0,0,i,e,0,0,0,0,1,0,0,0,0,1)}function l(t,e){return this._t(1,e,t,1,0,0)}function p(t,e){return this.shear(n(t),n(e))}function f(t,e){var i=s(e),r=a(e);return this._t(i,r,0,0,-r,i,0,0,0,0,1,0,0,0,0,1)._t(1,0,0,0,n(t),1,0,0,0,0,1,0,0,0,0,1)._t(i,-r,0,0,r,i,0,0,0,0,1,0,0,0,0,1)}function m(t,e,i){return i||0===i||(i=1),1===t&&1===e&&1===i?this:this._t(t,0,0,0,0,e,0,0,0,0,i,0,0,0,0,1)}function c(t,e,i,r,s,a,n,o,h,l,p,f,m,c,d,u){return this.props[0]=t,this.props[1]=e,this.props[2]=i,this.props[3]=r,this.props[4]=s,this.props[5]=a,this.props[6]=n,this.props[7]=o,this.props[8]=h,this.props[9]=l,this.props[10]=p,this.props[11]=f,this.props[12]=m,this.props[13]=c,this.props[14]=d,this.props[15]=u,this}function d(t,e,i){return i=i||0,0!==t||0!==e||0!==i?this._t(1,0,0,0,0,1,0,0,0,0,1,0,t,e,i,1):this}function u(t,e,i,r,s,a,n,o,h,l,p,f,m,c,d,u){var y=this.props;if(1===t&&0===e&&0===i&&0===r&&0===s&&1===a&&0===n&&0===o&&0===h&&0===l&&1===p&&0===f)return y[12]=y[12]*t+y[15]*m,y[13]=y[13]*a+y[15]*c,y[14]=y[14]*p+y[15]*d,y[15]=y[15]*u,this._identityCalculated=!1,this;var g=y[0],v=y[1],b=y[2],E=y[3],x=y[4],P=y[5],S=y[6],_=y[7],A=y[8],k=y[9],T=y[10],M=y[11],D=y[12],C=y[13],w=y[14],F=y[15];return y[0]=g*t+v*s+b*h+E*m,y[1]=g*e+v*a+b*l+E*c,y[2]=g*i+v*n+b*p+E*d,y[3]=g*r+v*o+b*f+E*u,y[4]=x*t+P*s+S*h+_*m,y[5]=x*e+P*a+S*l+_*c,y[6]=x*i+P*n+S*p+_*d,y[7]=x*r+P*o+S*f+_*u,y[8]=A*t+k*s+T*h+M*m,y[9]=A*e+k*a+T*l+M*c,y[10]=A*i+k*n+T*p+M*d,y[11]=A*r+k*o+T*f+M*u,y[12]=D*t+C*s+w*h+F*m,y[13]=D*e+C*a+w*l+F*c,y[14]=D*i+C*n+w*p+F*d,y[15]=D*r+C*o+w*f+F*u,this._identityCalculated=!1,this}function y(){return this._identityCalculated||(this._identity=!(1!==this.props[0]||0!==this.props[1]||0!==this.props[2]||0!==this.props[3]||0!==this.props[4]||1!==this.props[5]||0!==this.props[6]||0!==this.props[7]||0!==this.props[8]||0!==this.props[9]||1!==this.props[10]||0!==this.props[11]||0!==this.props[12]||0!==this.props[13]||0!==this.props[14]||1!==this.props[15]),this._identityCalculated=!0),this._identity}function g(t){for(var e=0;e<16;){if(t.props[e]!==this.props[e])return!1;e+=1}return!0}function v(t){var e;for(e=0;e<16;e+=1)t.props[e]=this.props[e]}function b(t){var e;for(e=0;e<16;e+=1)this.props[e]=t[e]}function E(t,e,i){return{x:t*this.props[0]+e*this.props[4]+i*this.props[8]+this.props[12],y:t*this.props[1]+e*this.props[5]+i*this.props[9]+this.props[13],z:t*this.props[2]+e*this.props[6]+i*this.props[10]+this.props[14]}}function x(t,e,i){return t*this.props[0]+e*this.props[4]+i*this.props[8]+this.props[12]}function P(t,e,i){return t*this.props[1]+e*this.props[5]+i*this.props[9]+this.props[13]}function S(t,e,i){return t*this.props[2]+e*this.props[6]+i*this.props[10]+this.props[14]}function _(t){var e=this.props[0]*this.props[5]-this.props[1]*this.props[4],i=this.props[5]/e,r=-this.props[1]/e,s=-this.props[4]/e,a=this.props[0]/e,n=(this.props[4]*this.props[13]-this.props[5]*this.props[12])/e,o=-(this.props[0]*this.props[13]-this.props[1]*this.props[12])/e;return[t[0]*i+t[1]*s+n,t[0]*r+t[1]*a+o,0]}function A(t){var e,i=t.length,r=[];for(e=0;e<i;e+=1)r[e]=_(t[e]);return r}function k(t,e,i){var r=createTypedArray("float32",6);if(this.isIdentity())r[0]=t[0],r[1]=t[1],r[2]=e[0],r[3]=e[1],r[4]=i[0],r[5]=i[1];else{var s=this.props[0],a=this.props[1],n=this.props[4],o=this.props[5],h=this.props[12],l=this.props[13];r[0]=t[0]*s+t[1]*n+h,r[1]=t[0]*a+t[1]*o+l,r[2]=e[0]*s+e[1]*n+h,r[3]=e[0]*a+e[1]*o+l,r[4]=i[0]*s+i[1]*n+h,r[5]=i[0]*a+i[1]*o+l}return r}function T(t,e,i){return this.isIdentity()?[t,e,i]:[t*this.props[0]+e*this.props[4]+i*this.props[8]+this.props[12],t*this.props[1]+e*this.props[5]+i*this.props[9]+this.props[13],t*this.props[2]+e*this.props[6]+i*this.props[10]+this.props[14]]}function M(t,e){if(this.isIdentity())return t+","+e;var i=this.props;return Math.round(100*(t*i[0]+e*i[4]+i[12]))/100+","+Math.round(100*(t*i[1]+e*i[5]+i[13]))/100}function D(){for(var t=0,e=this.props,i="matrix3d(";t<16;)i+=r(1e4*e[t])/1e4,i+=15===t?")":",",t+=1;return i}function C(t){return t<1e-6&&0<t||-1e-6<t&&t<0?r(1e4*t)/1e4:t}function w(){var t=this.props;return"matrix("+C(t[0])+","+C(t[1])+","+C(t[4])+","+C(t[5])+","+C(t[12])+","+C(t[13])+")"}return function(){this.reset=t,this.rotate=e,this.rotateX=i,this.rotateY=o,this.rotateZ=h,this.skew=p,this.skewFromAxis=f,this.shear=l,this.scale=m,this.setTransform=c,this.translate=d,this.transform=u,this.applyToPoint=E,this.applyToX=x,this.applyToY=P,this.applyToZ=S,this.applyToPointArray=T,this.applyToTriplePoints=k,this.applyToPointStringified=M,this.toCSS=D,this.to2dCSS=w,this.clone=v,this.cloneFromProps=b,this.equals=g,this.inversePoints=A,this.inversePoint=_,this._t=this.transform,this.isIdentity=y,this._identity=!0,this._identityCalculated=!1,this.props=createTypedArray("float32",16),this.reset()}}();!function(o,h){var l,p=this,f=256,m=6,c="random",d=h.pow(f,m),u=h.pow(2,52),y=2*u,g=f-1;function v(t){var e,i=t.length,n=this,r=0,s=n.i=n.j=0,a=n.S=[];for(i||(t=[i++]);r<f;)a[r]=r++;for(r=0;r<f;r++)a[r]=a[s=g&s+t[r%i]+(e=a[r])],a[s]=e;n.g=function(t){for(var e,i=0,r=n.i,s=n.j,a=n.S;t--;)e=a[r=g&r+1],i=i*f+a[g&(a[r]=a[s=g&s+e])+(a[s]=e)];return n.i=r,n.j=s,i}}function b(t,e){return e.i=t.i,e.j=t.j,e.S=t.S.slice(),e}function E(t,e){for(var i,r=t+"",s=0;s<r.length;)e[g&s]=g&(i^=19*e[g&s])+r.charCodeAt(s++);return x(e)}function x(t){return String.fromCharCode.apply(0,t)}h["seed"+c]=function(t,e,i){var r=[],s=E(function t(e,i){var r,s=[],a=typeof e;if(i&&"object"==a)for(r in e)try{s.push(t(e[r],i-1))}catch(t){}return s.length?s:"string"==a?e:e+"\0"}((e=!0===e?{entropy:!0}:e||{}).entropy?[t,x(o)]:null===t?function(){try{if(l)return x(l.randomBytes(f));var t=new Uint8Array(f);return(p.crypto||p.msCrypto).getRandomValues(t),x(t)}catch(t){var e=p.navigator,i=e&&e.plugins;return[+new Date,p,i,p.screen,x(o)]}}():t,3),r),a=new v(r),n=function(){for(var t=a.g(m),e=d,i=0;t<u;)t=(t+i)*f,e*=f,i=a.g(1);for(;y<=t;)t/=2,e/=2,i>>>=1;return(t+i)/e};return n.int32=function(){return 0|a.g(4)},n.quick=function(){return a.g(4)/4294967296},n.double=n,E(x(a.S),o),(e.pass||i||function(t,e,i,r){return r&&(r.S&&b(r,a),t.state=function(){return b(a,{})}),i?(h[c]=t,e):t})(n,s,"global"in e?e.global:this==h,e.state)},E(h.random(),o)}([],BMMath);var BezierFactory=function(){var t={getBezierEasing:function(t,e,i,r,s){var a=s||("bez_"+t+"_"+e+"_"+i+"_"+r).replace(/\./g,"p");if(o[a])return o[a];var n=new h([t,e,i,r]);return o[a]=n}},o={};var l=11,p=1/(l-1),e="function"==typeof Float32Array;function r(t,e){return 1-3*e+3*t}function s(t,e){return 3*e-6*t}function a(t){return 3*t}function f(t,e,i){return((r(e,i)*t+s(e,i))*t+a(e))*t}function m(t,e,i){return 3*r(e,i)*t*t+2*s(e,i)*t+a(e)}function h(t){this._p=t,this._mSampleValues=e?new Float32Array(l):new Array(l),this._precomputed=!1,this.get=this.get.bind(this)}return h.prototype={get:function(t){var e=this._p[0],i=this._p[1],r=this._p[2],s=this._p[3];return this._precomputed||this._precompute(),e===i&&r===s?t:0===t?0:1===t?1:f(this._getTForX(t),i,s)},_precompute:function(){var t=this._p[0],e=this._p[1],i=this._p[2],r=this._p[3];this._precomputed=!0,t===e&&i===r||this._calcSampleValues()},_calcSampleValues:function(){for(var t=this._p[0],e=this._p[2],i=0;i<l;++i)this._mSampleValues[i]=f(i*p,t,e)},_getTForX:function(t){for(var e=this._p[0],i=this._p[2],r=this._mSampleValues,s=0,a=1,n=l-1;a!==n&&r[a]<=t;++a)s+=p;var o=s+(t-r[--a])/(r[a+1]-r[a])*p,h=m(o,e,i);return.001<=h?function(t,e,i,r){for(var s=0;s<4;++s){var a=m(e,i,r);if(0===a)return e;e-=(f(e,i,r)-t)/a}return e}(t,o,e,i):0===h?o:function(t,e,i,r,s){for(var a,n,o=0;0<(a=f(n=e+(i-e)/2,r,s)-t)?i=n:e=n,1e-7<Math.abs(a)&&++o<10;);return n}(t,s,s+p,e,i)}},t}();function extendPrototype(t,e){var i,r,s=t.length;for(i=0;i<s;i+=1)for(var a in r=t[i].prototype)r.hasOwnProperty(a)&&(e.prototype[a]=r[a])}function getDescriptor(t,e){return Object.getOwnPropertyDescriptor(t,e)}function createProxyFunction(t){function e(){}return e.prototype=t,e}function bezFunction(){Math;function g(t,e,i,r,s,a){var n=t*r+e*s+i*a-s*r-a*t-i*e;return-.001<n&&n<.001}var p=function(t,e,i,r){var s,a,n,o,h,l,p=defaultCurveSegments,f=0,m=[],c=[],d=bezier_length_pool.newElement();for(n=i.length,s=0;s<p;s+=1){for(h=s/(p-1),a=l=0;a<n;a+=1)o=bm_pow(1-h,3)*t[a]+3*bm_pow(1-h,2)*h*i[a]+3*(1-h)*bm_pow(h,2)*r[a]+bm_pow(h,3)*e[a],m[a]=o,null!==c[a]&&(l+=bm_pow(m[a]-c[a],2)),c[a]=m[a];l&&(f+=l=bm_sqrt(l)),d.percents[s]=h,d.lengths[s]=f}return d.addedLength=f,d};function v(t){this.segmentLength=0,this.points=new Array(t)}function b(t,e){this.partialLength=t,this.point=e}var E,t=(E={},function(t){var e=t.s,i=t.e,r=t.to,s=t.ti,a=(e[0]+"_"+e[1]+"_"+i[0]+"_"+i[1]+"_"+r[0]+"_"+r[1]+"_"+s[0]+"_"+s[1]).replace(/\./g,"p");if(E[a])t.bezierData=E[a];else{var n,o,h,l,p,f,m,c=defaultCurveSegments,d=0,u=null;2===e.length&&(e[0]!=i[0]||e[1]!=i[1])&&g(e[0],e[1],i[0],i[1],e[0]+r[0],e[1]+r[1])&&g(e[0],e[1],i[0],i[1],i[0]+s[0],i[1]+s[1])&&(c=2);var y=new v(c);for(h=r.length,n=0;n<c;n+=1){for(m=createSizedArray(h),p=n/(c-1),o=f=0;o<h;o+=1)l=bm_pow(1-p,3)*e[o]+3*bm_pow(1-p,2)*p*(e[o]+r[o])+3*(1-p)*bm_pow(p,2)*(i[o]+s[o])+bm_pow(p,3)*i[o],m[o]=l,null!==u&&(f+=bm_pow(m[o]-u[o],2));d+=f=bm_sqrt(f),y.points[n]=new b(f,m),u=m}y.segmentLength=d,t.bezierData=y,E[a]=y}});function D(t,e){var i=e.percents,r=e.lengths,s=i.length,a=bm_floor((s-1)*t),n=t*e.addedLength,o=0;if(a===s-1||0===a||n===r[a])return i[a];for(var h=r[a]>n?-1:1,l=!0;l;)if(r[a]<=n&&r[a+1]>n?(o=(n-r[a])/(r[a+1]-r[a]),l=!1):a+=h,a<0||s-1<=a){if(a===s-1)return i[a];l=!1}return i[a]+(i[a+1]-i[a])*o}var C=createTypedArray("float32",8);return{getSegmentsLength:function(t){var e,i=segments_length_pool.newElement(),r=t.c,s=t.v,a=t.o,n=t.i,o=t._length,h=i.lengths,l=0;for(e=0;e<o-1;e+=1)h[e]=p(s[e],s[e+1],a[e],n[e+1]),l+=h[e].addedLength;return r&&o&&(h[e]=p(s[e],s[0],a[e],n[0]),l+=h[e].addedLength),i.totalLength=l,i},getNewSegment:function(t,e,i,r,s,a,n){var o,h=D(s=s<0?0:1<s?1:s,n),l=D(a=1<a?1:a,n),p=t.length,f=1-h,m=1-l,c=f*f*f,d=h*f*f*3,u=h*h*f*3,y=h*h*h,g=f*f*m,v=h*f*m+f*h*m+f*f*l,b=h*h*m+f*h*l+h*f*l,E=h*h*l,x=f*m*m,P=h*m*m+f*l*m+f*m*l,S=h*l*m+f*l*l+h*m*l,_=h*l*l,A=m*m*m,k=l*m*m+m*l*m+m*m*l,T=l*l*m+m*l*l+l*m*l,M=l*l*l;for(o=0;o<p;o+=1)C[4*o]=Math.round(1e3*(c*t[o]+d*i[o]+u*r[o]+y*e[o]))/1e3,C[4*o+1]=Math.round(1e3*(g*t[o]+v*i[o]+b*r[o]+E*e[o]))/1e3,C[4*o+2]=Math.round(1e3*(x*t[o]+P*i[o]+S*r[o]+_*e[o]))/1e3,C[4*o+3]=Math.round(1e3*(A*t[o]+k*i[o]+T*r[o]+M*e[o]))/1e3;return C},getPointInSegment:function(t,e,i,r,s,a){var n=D(s,a),o=1-n;return[Math.round(1e3*(o*o*o*t[0]+(n*o*o+o*n*o+o*o*n)*i[0]+(n*n*o+o*n*n+n*o*n)*r[0]+n*n*n*e[0]))/1e3,Math.round(1e3*(o*o*o*t[1]+(n*o*o+o*n*o+o*o*n)*i[1]+(n*n*o+o*n*n+n*o*n)*r[1]+n*n*n*e[1]))/1e3]},buildBezierData:t,pointOnLine2D:g,pointOnLine3D:function(t,e,i,r,s,a,n,o,h){if(0===i&&0===a&&0===h)return g(t,e,r,s,n,o);var l,p=Math.sqrt(Math.pow(r-t,2)+Math.pow(s-e,2)+Math.pow(a-i,2)),f=Math.sqrt(Math.pow(n-t,2)+Math.pow(o-e,2)+Math.pow(h-i,2)),m=Math.sqrt(Math.pow(n-r,2)+Math.pow(o-s,2)+Math.pow(h-a,2));return-1e-4<(l=f<p?m<p?p-f-m:m-f-p:f<m?m-f-p:f-p-m)&&l<1e-4}}}!function(){for(var a=0,t=["ms","moz","webkit","o"],e=0;e<t.length&&!window.requestAnimationFrame;++e)window.requestAnimationFrame=window[t[e]+"RequestAnimationFrame"],window.cancelAnimationFrame=window[t[e]+"CancelAnimationFrame"]||window[t[e]+"CancelRequestAnimationFrame"];window.requestAnimationFrame||(window.requestAnimationFrame=function(t,e){var i=(new Date).getTime(),r=Math.max(0,16-(i-a)),s=setTimeout(function(){t(i+r)},r);return a=i+r,s}),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(t){clearTimeout(t)})}();var bez=bezFunction();function dataFunctionManager(){function c(t,e){for(var i=0,r=e.length;i<r;){if(e[i].id===t)return e[i].layers.__used?JSON.parse(JSON.stringify(e[i].layers)):(e[i].layers.__used=!0,e[i].layers);i+=1}}function d(t){var e,i,r;for(e=t.length-1;0<=e;e-=1)if("sh"==t[e].ty){if(t[e].ks.k.i)u(t[e].ks.k);else for(r=t[e].ks.k.length,i=0;i<r;i+=1)t[e].ks.k[i].s&&u(t[e].ks.k[i].s[0]),t[e].ks.k[i].e&&u(t[e].ks.k[i].e[0]);!0}else"gr"==t[e].ty&&d(t[e].it)}function u(t){var e,i=t.i.length;for(e=0;e<i;e+=1)t.i[e][0]+=t.v[e][0],t.i[e][1]+=t.v[e][1],t.o[e][0]+=t.v[e][0],t.o[e][1]+=t.v[e][1]}function o(t,e){var i=e?e.split("."):[100,100,100];return t[0]>i[0]||!(i[0]>t[0])&&(t[1]>i[1]||!(i[1]>t[1])&&(t[2]>i[2]||!(i[2]>t[2])&&void 0))}var h,i=function(){var r=[4,4,14];function s(t){var e,i,r,s=t.length;for(e=0;e<s;e+=1)5===t[e].ty&&(i=t[e],void 0,r=i.t.d,i.t.d={k:[{s:r,t:0}]})}return function(t){if(o(r,t.v)&&(s(t.layers),t.assets)){var e,i=t.assets.length;for(e=0;e<i;e+=1)t.assets[e].layers&&s(t.assets[e].layers)}}}(),r=(h=[4,7,99],function(t){if(t.chars&&!o(h,t.v)){var e,i,r,s,a,n=t.chars.length;for(e=0;e<n;e+=1)if(t.chars[e].data&&t.chars[e].data.shapes)for(r=(a=t.chars[e].data.shapes[0].it).length,i=0;i<r;i+=1)(s=a[i].ks.k).__converted||(u(a[i].ks.k),s.__converted=!0)}}),s=function(){var r=[4,1,9];function a(t){var e,i,r,s=t.length;for(e=0;e<s;e+=1)if("gr"===t[e].ty)a(t[e].it);else if("fl"===t[e].ty||"st"===t[e].ty)if(t[e].c.k&&t[e].c.k[0].i)for(r=t[e].c.k.length,i=0;i<r;i+=1)t[e].c.k[i].s&&(t[e].c.k[i].s[0]/=255,t[e].c.k[i].s[1]/=255,t[e].c.k[i].s[2]/=255,t[e].c.k[i].s[3]/=255),t[e].c.k[i].e&&(t[e].c.k[i].e[0]/=255,t[e].c.k[i].e[1]/=255,t[e].c.k[i].e[2]/=255,t[e].c.k[i].e[3]/=255);else t[e].c.k[0]/=255,t[e].c.k[1]/=255,t[e].c.k[2]/=255,t[e].c.k[3]/=255}function s(t){var e,i=t.length;for(e=0;e<i;e+=1)4===t[e].ty&&a(t[e].shapes)}return function(t){if(o(r,t.v)&&(s(t.layers),t.assets)){var e,i=t.assets.length;for(e=0;e<i;e+=1)t.assets[e].layers&&s(t.assets[e].layers)}}}(),a=function(){var r=[4,4,18];function l(t){var e,i,r;for(e=t.length-1;0<=e;e-=1)if("sh"==t[e].ty){if(t[e].ks.k.i)t[e].ks.k.c=t[e].closed;else for(r=t[e].ks.k.length,i=0;i<r;i+=1)t[e].ks.k[i].s&&(t[e].ks.k[i].s[0].c=t[e].closed),t[e].ks.k[i].e&&(t[e].ks.k[i].e[0].c=t[e].closed);!0}else"gr"==t[e].ty&&l(t[e].it)}function s(t){var e,i,r,s,a,n,o=t.length;for(i=0;i<o;i+=1){if((e=t[i]).hasMask){var h=e.masksProperties;for(s=h.length,r=0;r<s;r+=1)if(h[r].pt.k.i)h[r].pt.k.c=h[r].cl;else for(n=h[r].pt.k.length,a=0;a<n;a+=1)h[r].pt.k[a].s&&(h[r].pt.k[a].s[0].c=h[r].cl),h[r].pt.k[a].e&&(h[r].pt.k[a].e[0].c=h[r].cl)}4===e.ty&&l(e.shapes)}}return function(t){if(o(r,t.v)&&(s(t.layers),t.assets)){var e,i=t.assets.length;for(e=0;e<i;e+=1)t.assets[e].layers&&s(t.assets[e].layers)}}}();var t={};return t.completeData=function(t,e){t.__complete||(s(t),i(t),r(t),a(t),function t(e,i,r){var s,a,n,o,h,l,p,f=e.length;for(a=0;a<f;a+=1)if("ks"in(s=e[a])&&!s.completed){if(s.completed=!0,s.tt&&(e[a-1].td=s.tt),s.hasMask){var m=s.masksProperties;for(o=m.length,n=0;n<o;n+=1)if(m[n].pt.k.i)u(m[n].pt.k);else for(l=m[n].pt.k.length,h=0;h<l;h+=1)m[n].pt.k[h].s&&u(m[n].pt.k[h].s[0]),m[n].pt.k[h].e&&u(m[n].pt.k[h].e[0])}0===s.ty?(s.layers=c(s.refId,i),t(s.layers,i,r)):4===s.ty?d(s.shapes):5==s.ty&&(0!==(p=s).t.a.length||"m"in p.t.p||(p.singleShape=!0))}}(t.layers,t.assets,e),t.__complete=!0)},t}var dataManager=dataFunctionManager(),FontManager=function(){var a={w:0,size:0,shapes:[]},t=[];function u(t,e){var i=createTag("span");i.style.fontFamily=e;var r=createTag("span");r.innerHTML="giItT1WQy@!-/#",i.style.position="absolute",i.style.left="-10000px",i.style.top="-10000px",i.style.fontSize="300px",i.style.fontVariant="normal",i.style.fontStyle="normal",i.style.fontWeight="normal",i.style.letterSpacing="0",i.appendChild(r),document.body.appendChild(i);var s=r.offsetWidth;return r.style.fontFamily=t+", "+e,{node:r,w:s,parent:i}}t=t.concat([2304,2305,2306,2307,2362,2363,2364,2364,2366,2367,2368,2369,2370,2371,2372,2373,2374,2375,2376,2377,2378,2379,2380,2381,2382,2383,2387,2388,2389,2390,2391,2402,2403]);var e=function(){this.fonts=[],this.chars=null,this.typekitLoaded=0,this.isLoaded=!1,this.initTime=Date.now()};return e.getCombinedCharacterCodes=function(){return t},e.prototype.addChars=function(t){if(t){this.chars||(this.chars=[]);var e,i,r,s=t.length,a=this.chars.length;for(e=0;e<s;e+=1){for(i=0,r=!1;i<a;)this.chars[i].style===t[e].style&&this.chars[i].fFamily===t[e].fFamily&&this.chars[i].ch===t[e].ch&&(r=!0),i+=1;r||(this.chars.push(t[e]),a+=1)}}},e.prototype.addFonts=function(t,e){if(t){if(this.chars)return this.isLoaded=!0,void(this.fonts=t.list);var i,r,s,a,n=t.list,o=n.length,h=o;for(i=0;i<o;i+=1){var l,p,f=!0;if(n[i].loaded=!1,n[i].monoCase=u(n[i].fFamily,"monospace"),n[i].sansCase=u(n[i].fFamily,"sans-serif"),n[i].fPath){if("p"===n[i].fOrigin||3===n[i].origin){if(0<(l=document.querySelectorAll('style[f-forigin="p"][f-family="'+n[i].fFamily+'"], style[f-origin="3"][f-family="'+n[i].fFamily+'"]')).length&&(f=!1),f){var m=createTag("style");m.setAttribute("f-forigin",n[i].fOrigin),m.setAttribute("f-origin",n[i].origin),m.setAttribute("f-family",n[i].fFamily),m.type="text/css",m.innerHTML="@font-face {font-family: "+n[i].fFamily+"; font-style: normal; src: url('"+n[i].fPath+"');}",e.appendChild(m)}}else if("g"===n[i].fOrigin||1===n[i].origin){for(l=document.querySelectorAll('link[f-forigin="g"], link[f-origin="1"]'),p=0;p<l.length;p++)-1!==l[p].href.indexOf(n[i].fPath)&&(f=!1);if(f){var c=createTag("link");c.setAttribute("f-forigin",n[i].fOrigin),c.setAttribute("f-origin",n[i].origin),c.type="text/css",c.rel="stylesheet",c.href=n[i].fPath,document.body.appendChild(c)}}else if("t"===n[i].fOrigin||2===n[i].origin){for(l=document.querySelectorAll('script[f-forigin="t"], script[f-origin="2"]'),p=0;p<l.length;p++)n[i].fPath===l[p].src&&(f=!1);if(f){var d=createTag("link");d.setAttribute("f-forigin",n[i].fOrigin),d.setAttribute("f-origin",n[i].origin),d.setAttribute("rel","stylesheet"),d.setAttribute("href",n[i].fPath),e.appendChild(d)}}}else n[i].loaded=!0,h-=1;n[i].helper=(r=e,s=n[i],a=void 0,(a=createNS("text")).style.fontSize="100px",a.setAttribute("font-family",s.fFamily),a.setAttribute("font-style",s.fStyle),a.setAttribute("font-weight",s.fWeight),a.textContent="1",s.fClass?(a.style.fontFamily="inherit",a.className=s.fClass):a.style.fontFamily=s.fFamily,r.appendChild(a),createTag("canvas").getContext("2d").font=s.fWeight+" "+s.fStyle+" 100px "+s.fFamily,a),n[i].cache={},this.fonts.push(n[i])}0===h?this.isLoaded=!0:setTimeout(this.checkLoadedFonts.bind(this),100)}else this.isLoaded=!0},e.prototype.getCharData=function(t,e,i){for(var r=0,s=this.chars.length;r<s;){if(this.chars[r].ch===t&&this.chars[r].style===e&&this.chars[r].fFamily===i)return this.chars[r];r+=1}return console&&console.warn&&console.warn("Missing character from exported characters list: ",t,e,i),a},e.prototype.getFontByName=function(t){for(var e=0,i=this.fonts.length;e<i;){if(this.fonts[e].fName===t)return this.fonts[e];e+=1}return this.fonts[0]},e.prototype.measureText=function(t,e,i){var r=this.getFontByName(e),s=t.charCodeAt(0);if(!r.cache[s+1]){var a=r.helper;if(" "===t){a.textContent="|"+t+"|";var n=a.getComputedTextLength();a.textContent="||";var o=a.getComputedTextLength();r.cache[s+1]=(n-o)/100}else a.textContent=t,r.cache[s+1]=a.getComputedTextLength()/100}return r.cache[s+1]*i},e.prototype.checkLoadedFonts=function(){var t,e,i,r=this.fonts.length,s=r;for(t=0;t<r;t+=1)this.fonts[t].loaded?s-=1:"n"===this.fonts[t].fOrigin||0===this.fonts[t].origin?this.fonts[t].loaded=!0:(e=this.fonts[t].monoCase.node,i=this.fonts[t].monoCase.w,e.offsetWidth!==i?(s-=1,this.fonts[t].loaded=!0):(e=this.fonts[t].sansCase.node,i=this.fonts[t].sansCase.w,e.offsetWidth!==i&&(s-=1,this.fonts[t].loaded=!0)),this.fonts[t].loaded&&(this.fonts[t].sansCase.parent.parentNode.removeChild(this.fonts[t].sansCase.parent),this.fonts[t].monoCase.parent.parentNode.removeChild(this.fonts[t].monoCase.parent)));0!==s&&Date.now()-this.initTime<5e3?setTimeout(this.checkLoadedFonts.bind(this),20):setTimeout(function(){this.isLoaded=!0}.bind(this),0)},e.prototype.loaded=function(){return this.isLoaded},e}(),PropertyFactory=function(){var f=initialDefaultFrame,s=Math.abs;function m(t,e){var i,r=this.offsetTime;"multidimensional"===this.propType&&(i=createTypedArray("float32",this.pv.length));for(var s,a,n,o,h,l,p,f,m=e.lastIndex,c=m,d=this.keyframes.length-1,u=!0;u;){if(s=this.keyframes[c],a=this.keyframes[c+1],c===d-1&&t>=a.t-r){s.h&&(s=a),m=0;break}if(a.t-r>t){m=c;break}c<d-1?c+=1:(m=0,u=!1)}var y,g,v,b,E,x,P,S,_,A=a.t-r,k=s.t-r;if(s.to){s.bezierData||bez.buildBezierData(s);var T=s.bezierData;if(A<=t||t<k){var M=A<=t?T.points.length-1:0;for(o=T.points[M].point.length,n=0;n<o;n+=1)i[n]=T.points[M].point[n]}else{s.__fnct?f=s.__fnct:(f=BezierFactory.getBezierEasing(s.o.x,s.o.y,s.i.x,s.i.y,s.n).get,s.__fnct=f),h=f((t-k)/(A-k));var D,C=T.segmentLength*h,w=e.lastFrame<t&&e._lastBezierData===T?e._lastAddedLength:0;for(p=e.lastFrame<t&&e._lastBezierData===T?e._lastPoint:0,u=!0,l=T.points.length;u;){if(w+=T.points[p].partialLength,0===C||0===h||p===T.points.length-1){for(o=T.points[p].point.length,n=0;n<o;n+=1)i[n]=T.points[p].point[n];break}if(w<=C&&C<w+T.points[p+1].partialLength){for(D=(C-w)/T.points[p+1].partialLength,o=T.points[p].point.length,n=0;n<o;n+=1)i[n]=T.points[p].point[n]+(T.points[p+1].point[n]-T.points[p].point[n])*D;break}p<l-1?p+=1:u=!1}e._lastPoint=p,e._lastAddedLength=w-T.points[p].partialLength,e._lastBezierData=T}}else{var F,I,B,R,V;if(d=s.s.length,this.sh&&1!==s.h)if(A<=t)i[0]=s.e[0],i[1]=s.e[1],i[2]=s.e[2];else if(t<=k)i[0]=s.s[0],i[1]=s.s[1],i[2]=s.s[2];else{var L=z(s.s),G=z(s.e);y=i,g=function(t,e,i){var r,s,a,n,o,h=[],l=t[0],p=t[1],f=t[2],m=t[3],c=e[0],d=e[1],u=e[2],y=e[3];(s=l*c+p*d+f*u+m*y)<0&&(s=-s,c=-c,d=-d,u=-u,y=-y);o=1e-6<1-s?(r=Math.acos(s),a=Math.sin(r),n=Math.sin((1-i)*r)/a,Math.sin(i*r)/a):(n=1-i,i);return h[0]=n*l+o*c,h[1]=n*p+o*d,h[2]=n*f+o*u,h[3]=n*m+o*y,h}(L,G,(t-k)/(A-k)),v=g[0],b=g[1],E=g[2],x=g[3],P=Math.atan2(2*b*x-2*v*E,1-2*b*b-2*E*E),S=Math.asin(2*v*b+2*E*x),_=Math.atan2(2*v*x-2*b*E,1-2*v*v-2*E*E),y[0]=P/degToRads,y[1]=S/degToRads,y[2]=_/degToRads}else for(c=0;c<d;c+=1)1!==s.h&&(h=A<=t?1:t<k?0:(s.o.x.constructor===Array?(s.__fnct||(s.__fnct=[]),s.__fnct[c]?f=s.__fnct[c]:(F=void 0===typeof s.o.x[c]?s.o.x[0]:s.o.x[c],I=void 0===typeof s.o.y[c]?s.o.y[0]:s.o.y[c],B=void 0===typeof s.i.x[c]?s.i.x[0]:s.i.x[c],R=void 0===typeof s.i.y[c]?s.i.y[0]:s.i.y[c],f=BezierFactory.getBezierEasing(F,I,B,R).get,s.__fnct[c]=f)):s.__fnct?f=s.__fnct:(F=s.o.x,I=s.o.y,B=s.i.x,R=s.i.y,f=BezierFactory.getBezierEasing(F,I,B,R).get,s.__fnct=f),f((t-k)/(A-k)))),V=1===s.h?s.s[c]:s.s[c]+(s.e[c]-s.s[c])*h,1===d?i=V:i[c]=V}return e.lastIndex=m,i}function z(t){var e=t[0]*degToRads,i=t[1]*degToRads,r=t[2]*degToRads,s=Math.cos(e/2),a=Math.cos(i/2),n=Math.cos(r/2),o=Math.sin(e/2),h=Math.sin(i/2),l=Math.sin(r/2);return[o*h*n+s*a*l,o*a*n+s*h*l,s*h*n-o*a*l,s*a*n-o*h*l]}function c(){var t=this.comp.renderedFrame-this.offsetTime,e=this.keyframes[0].t-this.offsetTime,i=this.keyframes[this.keyframes.length-1].t-this.offsetTime;if(!(t===this._caching.lastFrame||this._caching.lastFrame!==f&&(this._caching.lastFrame>=i&&i<=t||this._caching.lastFrame<e&&t<e))){this._caching.lastFrame>=t&&(this._caching._lastBezierData=null,this._caching.lastIndex=0);var r=this.interpolateValue(t,this._caching);this.pv=r}return this._caching.lastFrame=t,this.pv}function d(t){var e;if("unidimensional"===this.propType)e=t*this.mult,1e-5<s(this.v-e)&&(this.v=e,this._mdf=!0);else for(var i=0,r=this.v.length;i<r;)e=t[i]*this.mult,1e-5<s(this.v[i]-e)&&(this.v[i]=e,this._mdf=!0),i+=1}function u(){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length)if(this.lock)this.setVValue(this.pv);else{this.lock=!0,this._mdf=this._isFirstFrame;var t,e=this.effectsSequence.length,i=this.kf?this.pv:this.data.k;for(t=0;t<e;t+=1)i=this.effectsSequence[t](i);this.setVValue(i),this._isFirstFrame=!1,this.lock=!1,this.frameId=this.elem.globalData.frameId}}function y(t){this.effectsSequence.push(t),this.container.addDynamicProperty(this)}function n(t,e,i,r){this.propType="unidimensional",this.mult=i||1,this.data=e,this.v=i?e.k*i:e.k,this.pv=e.k,this._mdf=!1,this.elem=t,this.container=r,this.comp=t.comp,this.k=!1,this.kf=!1,this.vel=0,this.effectsSequence=[],this._isFirstFrame=!0,this.getValue=u,this.setVValue=d,this.addEffect=y}function o(t,e,i,r){this.propType="multidimensional",this.mult=i||1,this.data=e,this._mdf=!1,this.elem=t,this.container=r,this.comp=t.comp,this.k=!1,this.kf=!1,this.frameId=-1;var s,a=e.k.length;this.v=createTypedArray("float32",a),this.pv=createTypedArray("float32",a);createTypedArray("float32",a);for(this.vel=createTypedArray("float32",a),s=0;s<a;s+=1)this.v[s]=e.k[s]*this.mult,this.pv[s]=e.k[s];this._isFirstFrame=!0,this.effectsSequence=[],this.getValue=u,this.setVValue=d,this.addEffect=y}function h(t,e,i,r){this.propType="unidimensional",this.keyframes=e.k,this.offsetTime=t.data.st,this.frameId=-1,this._caching={lastFrame:f,lastIndex:0,value:0,_lastBezierData:null},this.k=!0,this.kf=!0,this.data=e,this.mult=i||1,this.elem=t,this.container=r,this.comp=t.comp,this.v=f,this.pv=f,this._isFirstFrame=!0,this.getValue=u,this.setVValue=d,this.interpolateValue=m,this.effectsSequence=[c.bind(this)],this.addEffect=y}function l(t,e,i,r){this.propType="multidimensional";var s,a,n,o,h,l=e.k.length;for(s=0;s<l-1;s+=1)e.k[s].to&&e.k[s].s&&e.k[s].e&&(a=e.k[s].s,n=e.k[s].e,o=e.k[s].to,h=e.k[s].ti,(2===a.length&&(a[0]!==n[0]||a[1]!==n[1])&&bez.pointOnLine2D(a[0],a[1],n[0],n[1],a[0]+o[0],a[1]+o[1])&&bez.pointOnLine2D(a[0],a[1],n[0],n[1],n[0]+h[0],n[1]+h[1])||3===a.length&&(a[0]!==n[0]||a[1]!==n[1]||a[2]!==n[2])&&bez.pointOnLine3D(a[0],a[1],a[2],n[0],n[1],n[2],a[0]+o[0],a[1]+o[1],a[2]+o[2])&&bez.pointOnLine3D(a[0],a[1],a[2],n[0],n[1],n[2],n[0]+h[0],n[1]+h[1],n[2]+h[2]))&&(e.k[s].to=null,e.k[s].ti=null),a[0]===n[0]&&a[1]===n[1]&&0===o[0]&&0===o[1]&&0===h[0]&&0===h[1]&&(2===a.length||a[2]===n[2]&&0===o[2]&&0===h[2])&&(e.k[s].to=null,e.k[s].ti=null));this.effectsSequence=[c.bind(this)],this.keyframes=e.k,this.offsetTime=t.data.st,this.k=!0,this.kf=!0,this._isFirstFrame=!0,this.mult=i||1,this.elem=t,this.container=r,this.comp=t.comp,this.getValue=u,this.setVValue=d,this.interpolateValue=m,this.frameId=-1;var p=e.k[0].s.length;for(this.v=createTypedArray("float32",p),this.pv=createTypedArray("float32",p),s=0;s<p;s+=1)this.v[s]=f,this.pv[s]=f;this._caching={lastFrame:f,lastIndex:0,value:createTypedArray("float32",p)},this.addEffect=y}return{getProp:function(t,e,i,r,s){var a;if(0===e.a)a=0===i?new n(t,e,r,s):new o(t,e,r,s);else if(1===e.a)a=0===i?new h(t,e,r,s):new l(t,e,r,s);else if(e.k.length)if("number"==typeof e.k[0])a=new o(t,e,r,s);else switch(i){case 0:a=new h(t,e,r,s);break;case 1:a=new l(t,e,r,s)}else a=new n(t,e,r,s);return a.effectsSequence.length&&s.addDynamicProperty(a),a}}}(),TransformPropertyFactory=function(){function r(t,e,i){if(this.elem=t,this.frameId=-1,this.propType="transform",this.data=e,this.v=new Matrix,this.pre=new Matrix,this.appliedTransformations=0,this.initDynamicPropertyContainer(i||t),e.p.s?(this.px=PropertyFactory.getProp(t,e.p.x,0,0,this),this.py=PropertyFactory.getProp(t,e.p.y,0,0,this),e.p.z&&(this.pz=PropertyFactory.getProp(t,e.p.z,0,0,this))):this.p=PropertyFactory.getProp(t,e.p,1,0,this),e.r)this.r=PropertyFactory.getProp(t,e.r,0,degToRads,this);else if(e.rx){if(this.rx=PropertyFactory.getProp(t,e.rx,0,degToRads,this),this.ry=PropertyFactory.getProp(t,e.ry,0,degToRads,this),this.rz=PropertyFactory.getProp(t,e.rz,0,degToRads,this),e.or.k[0].ti){var r,s=e.or.k.length;for(r=0;r<s;r+=1)e.or.k[r].to=e.or.k[r].ti=null}this.or=PropertyFactory.getProp(t,e.or,1,degToRads,this),this.or.sh=!0}e.sk&&(this.sk=PropertyFactory.getProp(t,e.sk,0,degToRads,this),this.sa=PropertyFactory.getProp(t,e.sa,0,degToRads,this)),e.a&&(this.a=PropertyFactory.getProp(t,e.a,1,0,this)),e.s&&(this.s=PropertyFactory.getProp(t,e.s,1,.01,this)),e.o?this.o=PropertyFactory.getProp(t,e.o,0,.01,t):this.o={_mdf:!1,v:1},this._isDirty=!0,this.dynamicProperties.length||this.getValue(!0)}return r.prototype={applyToMatrix:function(t){var e=this._mdf;this.iterateDynamicProperties(),this._mdf=this._mdf||e,this.a&&t.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.s&&t.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&t.skewFromAxis(-this.sk.v,this.sa.v),this.r?t.rotate(-this.r.v):t.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.data.p.s?this.data.p.z?t.translate(this.px.v,this.py.v,-this.pz.v):t.translate(this.px.v,this.py.v,0):t.translate(this.p.v[0],this.p.v[1],-this.p.v[2])},getValue:function(t){if(this.elem.globalData.frameId!==this.frameId){if(this._isDirty&&(this.precalculateMatrix(),this._isDirty=!1),this.iterateDynamicProperties(),this._mdf||t){if(this.v.cloneFromProps(this.pre.props),this.appliedTransformations<1&&this.v.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations<2&&this.v.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&this.appliedTransformations<3&&this.v.skewFromAxis(-this.sk.v,this.sa.v),this.r&&this.appliedTransformations<4?this.v.rotate(-this.r.v):!this.r&&this.appliedTransformations<4&&this.v.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.autoOriented){var e,i,r=this.elem.globalData.frameRate;if(this.p&&this.p.keyframes&&this.p.getValueAtTime)i=this.p._caching.lastFrame+this.p.offsetTime<=this.p.keyframes[0].t?(e=this.p.getValueAtTime((this.p.keyframes[0].t+.01)/r,0),this.p.getValueAtTime(this.p.keyframes[0].t/r,0)):this.p._caching.lastFrame+this.p.offsetTime>=this.p.keyframes[this.p.keyframes.length-1].t?(e=this.p.getValueAtTime(this.p.keyframes[this.p.keyframes.length-1].t/r,0),this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length-1].t-.01)/r,0)):(e=this.p.pv,this.p.getValueAtTime((this.p._caching.lastFrame+this.p.offsetTime-.01)/r,this.p.offsetTime));else if(this.px&&this.px.keyframes&&this.py.keyframes&&this.px.getValueAtTime&&this.py.getValueAtTime){e=[],i=[];var s=this.px,a=this.py;s._caching.lastFrame+s.offsetTime<=s.keyframes[0].t?(e[0]=s.getValueAtTime((s.keyframes[0].t+.01)/r,0),e[1]=a.getValueAtTime((a.keyframes[0].t+.01)/r,0),i[0]=s.getValueAtTime(s.keyframes[0].t/r,0),i[1]=a.getValueAtTime(a.keyframes[0].t/r,0)):s._caching.lastFrame+s.offsetTime>=s.keyframes[s.keyframes.length-1].t?(e[0]=s.getValueAtTime(s.keyframes[s.keyframes.length-1].t/r,0),e[1]=a.getValueAtTime(a.keyframes[a.keyframes.length-1].t/r,0),i[0]=s.getValueAtTime((s.keyframes[s.keyframes.length-1].t-.01)/r,0),i[1]=a.getValueAtTime((a.keyframes[a.keyframes.length-1].t-.01)/r,0)):(e=[s.pv,a.pv],i[0]=s.getValueAtTime((s._caching.lastFrame+s.offsetTime-.01)/r,s.offsetTime),i[1]=a.getValueAtTime((a._caching.lastFrame+a.offsetTime-.01)/r,a.offsetTime))}this.v.rotate(-Math.atan2(e[1]-i[1],e[0]-i[0]))}this.data.p.s?this.data.p.z?this.v.translate(this.px.v,this.py.v,-this.pz.v):this.v.translate(this.px.v,this.py.v,0):this.v.translate(this.p.v[0],this.p.v[1],-this.p.v[2])}this.frameId=this.elem.globalData.frameId}},precalculateMatrix:function(){if(!this.a.k&&(this.pre.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations=1,!this.s.effectsSequence.length)){if(this.pre.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.appliedTransformations=2,this.sk){if(this.sk.effectsSequence.length||this.sa.effectsSequence.length)return;this.pre.skewFromAxis(-this.sk.v,this.sa.v),this.appliedTransformations=3}if(this.r){if(this.r.effectsSequence.length)return;this.pre.rotate(-this.r.v),this.appliedTransformations=4}else this.rz.effectsSequence.length||this.ry.effectsSequence.length||this.rx.effectsSequence.length||this.or.effectsSequence.length||(this.pre.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.appliedTransformations=4)}},autoOrient:function(){}},extendPrototype([DynamicPropertyContainer],r),r.prototype.addDynamicProperty=function(t){this._addDynamicProperty(t),this.elem.addDynamicProperty(t),this._isDirty=!0},r.prototype._addDynamicProperty=DynamicPropertyContainer.prototype.addDynamicProperty,{getTransformProperty:function(t,e,i){return new r(t,e,i)}}}();function ShapePath(){this.c=!1,this._length=0,this._maxLength=8,this.v=createSizedArray(this._maxLength),this.o=createSizedArray(this._maxLength),this.i=createSizedArray(this._maxLength)}ShapePath.prototype.setPathData=function(t,e){this.c=t,this.setLength(e);for(var i=0;i<e;)this.v[i]=point_pool.newElement(),this.o[i]=point_pool.newElement(),this.i[i]=point_pool.newElement(),i+=1},ShapePath.prototype.setLength=function(t){for(;this._maxLength<t;)this.doubleArrayLength();this._length=t},ShapePath.prototype.doubleArrayLength=function(){this.v=this.v.concat(createSizedArray(this._maxLength)),this.i=this.i.concat(createSizedArray(this._maxLength)),this.o=this.o.concat(createSizedArray(this._maxLength)),this._maxLength*=2},ShapePath.prototype.setXYAt=function(t,e,i,r,s){var a;switch(this._length=Math.max(this._length,r+1),this._length>=this._maxLength&&this.doubleArrayLength(),i){case"v":a=this.v;break;case"i":a=this.i;break;case"o":a=this.o}(!a[r]||a[r]&&!s)&&(a[r]=point_pool.newElement()),a[r][0]=t,a[r][1]=e},ShapePath.prototype.setTripleAt=function(t,e,i,r,s,a,n,o){this.setXYAt(t,e,"v",n,o),this.setXYAt(i,r,"o",n,o),this.setXYAt(s,a,"i",n,o)},ShapePath.prototype.reverse=function(){var t=new ShapePath;t.setPathData(this.c,this._length);var e=this.v,i=this.o,r=this.i,s=0;this.c&&(t.setTripleAt(e[0][0],e[0][1],r[0][0],r[0][1],i[0][0],i[0][1],0,!1),s=1);var a,n=this._length-1,o=this._length;for(a=s;a<o;a+=1)t.setTripleAt(e[n][0],e[n][1],r[n][0],r[n][1],i[n][0],i[n][1],a,!1),n-=1;return t};var ShapePropertyFactory=function(){var s=-999999;function t(t,e,i){var r,s,a,n,o,h,l,p,f,m=i.lastIndex,c=this.keyframes;if(t<c[0].t-this.offsetTime)r=c[0].s[0],a=!0,m=0;else if(t>=c[c.length-1].t-this.offsetTime)r=1===c[c.length-2].h?c[c.length-1].s[0]:c[c.length-2].e[0],a=!0;else{for(var d,u,y=m,g=c.length-1,v=!0;v&&(d=c[y],!((u=c[y+1]).t-this.offsetTime>t));)y<g-1?y+=1:v=!1;if(m=y,!(a=1===d.h)){if(t>=u.t-this.offsetTime)p=1;else if(t<d.t-this.offsetTime)p=0;else{var b;d.__fnct?b=d.__fnct:(b=BezierFactory.getBezierEasing(d.o.x,d.o.y,d.i.x,d.i.y).get,d.__fnct=b),p=b((t-(d.t-this.offsetTime))/(u.t-this.offsetTime-(d.t-this.offsetTime)))}s=d.e[0]}r=d.s[0]}for(h=e._length,l=r.i[0].length,i.lastIndex=m,n=0;n<h;n+=1)for(o=0;o<l;o+=1)f=a?r.i[n][o]:r.i[n][o]+(s.i[n][o]-r.i[n][o])*p,e.i[n][o]=f,f=a?r.o[n][o]:r.o[n][o]+(s.o[n][o]-r.o[n][o])*p,e.o[n][o]=f,f=a?r.v[n][o]:r.v[n][o]+(s.v[n][o]-r.v[n][o])*p,e.v[n][o]=f}function a(){this.paths=this.localShapeCollection}function e(t){(function(t,e){if(t._length!==e._length||t.c!==e.c)return!1;var i,r=t._length;for(i=0;i<r;i+=1)if(t.v[i][0]!==e.v[i][0]||t.v[i][1]!==e.v[i][1]||t.o[i][0]!==e.o[i][0]||t.o[i][1]!==e.o[i][1]||t.i[i][0]!==e.i[i][0]||t.i[i][1]!==e.i[i][1])return!1;return!0})(this.v,t)||(this.v=shape_pool.clone(t),this.localShapeCollection.releaseShapes(),this.localShapeCollection.addShape(this.v),this._mdf=!0,this.paths=this.localShapeCollection)}function i(){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length)if(this.lock)this.setVValue(this.pv);else{this.lock=!0,this._mdf=!1;var t,e=this.kf?this.pv:this.data.ks?this.data.ks.k:this.data.pt.k,i=this.effectsSequence.length;for(t=0;t<i;t+=1)e=this.effectsSequence[t](e);this.setVValue(e),this.lock=!1,this.frameId=this.elem.globalData.frameId}}function n(t,e,i){this.propType="shape",this.comp=t.comp,this.container=t,this.elem=t,this.data=e,this.k=!1,this.kf=!1,this._mdf=!1;var r=3===i?e.pt.k:e.ks.k;this.v=shape_pool.clone(r),this.pv=shape_pool.clone(this.v),this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.reset=a,this.effectsSequence=[]}function r(t){this.effectsSequence.push(t),this.container.addDynamicProperty(this)}function o(t,e,i){this.propType="shape",this.comp=t.comp,this.elem=t,this.container=t,this.offsetTime=t.data.st,this.keyframes=3===i?e.pt.k:e.ks.k,this.k=!0,this.kf=!0;var r=this.keyframes[0].s[0].i.length;this.keyframes[0].s[0].i[0].length;this.v=shape_pool.newElement(),this.v.setPathData(this.keyframes[0].s[0].c,r),this.pv=shape_pool.clone(this.v),this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.lastFrame=s,this.reset=a,this._caching={lastFrame:s,lastIndex:0},this.effectsSequence=[function(){var t=this.comp.renderedFrame-this.offsetTime,e=this.keyframes[0].t-this.offsetTime,i=this.keyframes[this.keyframes.length-1].t-this.offsetTime,r=this._caching.lastFrame;return r!==s&&(r<e&&t<e||i<r&&i<t)||(this._caching.lastIndex=r<t?this._caching.lastIndex:0,this.interpolateShape(t,this.pv,this._caching)),this._caching.lastFrame=t,this.pv}.bind(this)]}n.prototype.interpolateShape=t,n.prototype.getValue=i,n.prototype.setVValue=e,n.prototype.addEffect=r,o.prototype.getValue=i,o.prototype.interpolateShape=t,o.prototype.setVValue=e,o.prototype.addEffect=r;var h=function(){var n=roundCorner;function t(t,e){this.v=shape_pool.newElement(),this.v.setPathData(!0,4),this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.paths=this.localShapeCollection,this.localShapeCollection.addShape(this.v),this.d=e.d,this.elem=t,this.comp=t.comp,this.frameId=-1,this.initDynamicPropertyContainer(t),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.s=PropertyFactory.getProp(t,e.s,1,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertEllToPath())}return t.prototype={reset:a,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertEllToPath())},convertEllToPath:function(){var t=this.p.v[0],e=this.p.v[1],i=this.s.v[0]/2,r=this.s.v[1]/2,s=3!==this.d,a=this.v;a.v[0][0]=t,a.v[0][1]=e-r,a.v[1][0]=s?t+i:t-i,a.v[1][1]=e,a.v[2][0]=t,a.v[2][1]=e+r,a.v[3][0]=s?t-i:t+i,a.v[3][1]=e,a.i[0][0]=s?t-i*n:t+i*n,a.i[0][1]=e-r,a.i[1][0]=s?t+i:t-i,a.i[1][1]=e-r*n,a.i[2][0]=s?t+i*n:t-i*n,a.i[2][1]=e+r,a.i[3][0]=s?t-i:t+i,a.i[3][1]=e+r*n,a.o[0][0]=s?t+i*n:t-i*n,a.o[0][1]=e-r,a.o[1][0]=s?t+i:t-i,a.o[1][1]=e+r*n,a.o[2][0]=s?t-i*n:t+i*n,a.o[2][1]=e+r,a.o[3][0]=s?t-i:t+i,a.o[3][1]=e-r*n}},extendPrototype([DynamicPropertyContainer],t),t}(),l=function(){function t(t,e){this.v=shape_pool.newElement(),this.v.setPathData(!0,0),this.elem=t,this.comp=t.comp,this.data=e,this.frameId=-1,this.d=e.d,this.initDynamicPropertyContainer(t),1===e.sy?(this.ir=PropertyFactory.getProp(t,e.ir,0,0,this),this.is=PropertyFactory.getProp(t,e.is,0,.01,this),this.convertToPath=this.convertStarToPath):this.convertToPath=this.convertPolygonToPath,this.pt=PropertyFactory.getProp(t,e.pt,0,0,this),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.r=PropertyFactory.getProp(t,e.r,0,degToRads,this),this.or=PropertyFactory.getProp(t,e.or,0,0,this),this.os=PropertyFactory.getProp(t,e.os,0,.01,this),this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertToPath())}return t.prototype={reset:a,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertToPath())},convertStarToPath:function(){var t,e,i,r,s=2*Math.floor(this.pt.v),a=2*Math.PI/s,n=!0,o=this.or.v,h=this.ir.v,l=this.os.v,p=this.is.v,f=2*Math.PI*o/(2*s),m=2*Math.PI*h/(2*s),c=-Math.PI/2;c+=this.r.v;var d=3===this.data.d?-1:1;for(t=this.v._length=0;t<s;t+=1){i=n?l:p,r=n?f:m;var u=(e=n?o:h)*Math.cos(c),y=e*Math.sin(c),g=0===u&&0===y?0:y/Math.sqrt(u*u+y*y),v=0===u&&0===y?0:-u/Math.sqrt(u*u+y*y);u+=+this.p.v[0],y+=+this.p.v[1],this.v.setTripleAt(u,y,u-g*r*i*d,y-v*r*i*d,u+g*r*i*d,y+v*r*i*d,t,!0),n=!n,c+=a*d}},convertPolygonToPath:function(){var t,e=Math.floor(this.pt.v),i=2*Math.PI/e,r=this.or.v,s=this.os.v,a=2*Math.PI*r/(4*e),n=-Math.PI/2,o=3===this.data.d?-1:1;for(n+=this.r.v,t=this.v._length=0;t<e;t+=1){var h=r*Math.cos(n),l=r*Math.sin(n),p=0===h&&0===l?0:l/Math.sqrt(h*h+l*l),f=0===h&&0===l?0:-h/Math.sqrt(h*h+l*l);h+=+this.p.v[0],l+=+this.p.v[1],this.v.setTripleAt(h,l,h-p*a*s*o,l-f*a*s*o,h+p*a*s*o,l+f*a*s*o,t,!0),n+=i*o}this.paths.length=0,this.paths[0]=this.v}},extendPrototype([DynamicPropertyContainer],t),t}(),p=function(){function t(t,e){this.v=shape_pool.newElement(),this.v.c=!0,this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.elem=t,this.comp=t.comp,this.frameId=-1,this.d=e.d,this.initDynamicPropertyContainer(t),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.s=PropertyFactory.getProp(t,e.s,1,0,this),this.r=PropertyFactory.getProp(t,e.r,0,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertRectToPath())}return t.prototype={convertRectToPath:function(){var t=this.p.v[0],e=this.p.v[1],i=this.s.v[0]/2,r=this.s.v[1]/2,s=bm_min(i,r,this.r.v),a=s*(1-roundCorner);this.v._length=0,2===this.d||1===this.d?(this.v.setTripleAt(t+i,e-r+s,t+i,e-r+s,t+i,e-r+a,0,!0),this.v.setTripleAt(t+i,e+r-s,t+i,e+r-a,t+i,e+r-s,1,!0),0!==s?(this.v.setTripleAt(t+i-s,e+r,t+i-s,e+r,t+i-a,e+r,2,!0),this.v.setTripleAt(t-i+s,e+r,t-i+a,e+r,t-i+s,e+r,3,!0),this.v.setTripleAt(t-i,e+r-s,t-i,e+r-s,t-i,e+r-a,4,!0),this.v.setTripleAt(t-i,e-r+s,t-i,e-r+a,t-i,e-r+s,5,!0),this.v.setTripleAt(t-i+s,e-r,t-i+s,e-r,t-i+a,e-r,6,!0),this.v.setTripleAt(t+i-s,e-r,t+i-a,e-r,t+i-s,e-r,7,!0)):(this.v.setTripleAt(t-i,e+r,t-i+a,e+r,t-i,e+r,2),this.v.setTripleAt(t-i,e-r,t-i,e-r+a,t-i,e-r,3))):(this.v.setTripleAt(t+i,e-r+s,t+i,e-r+a,t+i,e-r+s,0,!0),0!==s?(this.v.setTripleAt(t+i-s,e-r,t+i-s,e-r,t+i-a,e-r,1,!0),this.v.setTripleAt(t-i+s,e-r,t-i+a,e-r,t-i+s,e-r,2,!0),this.v.setTripleAt(t-i,e-r+s,t-i,e-r+s,t-i,e-r+a,3,!0),this.v.setTripleAt(t-i,e+r-s,t-i,e+r-a,t-i,e+r-s,4,!0),this.v.setTripleAt(t-i+s,e+r,t-i+s,e+r,t-i+a,e+r,5,!0),this.v.setTripleAt(t+i-s,e+r,t+i-a,e+r,t+i-s,e+r,6,!0),this.v.setTripleAt(t+i,e+r-s,t+i,e+r-s,t+i,e+r-a,7,!0)):(this.v.setTripleAt(t-i,e-r,t-i+a,e-r,t-i,e-r,1,!0),this.v.setTripleAt(t-i,e+r,t-i,e+r-a,t-i,e+r,2,!0),this.v.setTripleAt(t+i,e+r,t+i-a,e+r,t+i,e+r,3,!0)))},getValue:function(t){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertRectToPath())},reset:a},extendPrototype([DynamicPropertyContainer],t),t}();var f={getShapeProp:function(t,e,i){var r;if(3===i||4===i){var s=3===i?e.pt:e.ks,a=s.k;r=1===s.a||a.length?new o(t,e,i):new n(t,e,i)}else 5===i?r=new p(t,e):6===i?r=new h(t,e):7===i&&(r=new l(t,e));return r.k&&t.addDynamicProperty(r),r},getConstructorFunction:function(){return n},getKeyframedConstructorFunction:function(){return o}};return f}(),ShapeModifiers=(Tr={},Ur={},Tr.registerModifier=function(t,e){Ur[t]||(Ur[t]=e)},Tr.getModifier=function(t,e,i){return new Ur[t](e,i)},Tr),Tr,Ur;function ShapeModifier(){}function TrimModifier(){}function RoundCornersModifier(){}function RepeaterModifier(){}function ShapeCollection(){this._length=0,this._maxLength=4,this.shapes=createSizedArray(this._maxLength)}function DashProperty(t,e,i,r){this.elem=t,this.frameId=-1,this.dataProps=createSizedArray(e.length),this.renderer=i,this.k=!1,this.dashStr="",this.dashArray=createTypedArray("float32",e.length?e.length-1:0),this.dashoffset=createTypedArray("float32",1),this.initDynamicPropertyContainer(r);var s,a,n=e.length||0;for(s=0;s<n;s+=1)a=PropertyFactory.getProp(t,e[s].v,0,0,this),this.k=a.k||this.k,this.dataProps[s]={n:e[s].n,p:a};this.k||this.getValue(!0),this._isAnimated=this.k}function GradientProperty(t,e,i){this.data=e,this.c=createTypedArray("uint8c",4*e.p);var r=e.k.k[0].s?e.k.k[0].s.length-4*e.p:e.k.k.length-4*e.p;this.o=createTypedArray("float32",r),this._cmdf=!1,this._omdf=!1,this._collapsable=this.checkCollapsable(),this._hasOpacity=r,this.initDynamicPropertyContainer(i),this.prop=PropertyFactory.getProp(t,e.k,1,null,this),this.k=this.prop.k,this.getValue(!0)}ShapeModifier.prototype.initModifierProperties=function(){},ShapeModifier.prototype.addShapeToModifier=function(){},ShapeModifier.prototype.addShape=function(t){if(!this.closed){var e={shape:t.sh,data:t,localShapeCollection:shapeCollection_pool.newShapeCollection()};this.shapes.push(e),this.addShapeToModifier(e),this._isAnimated&&t.setAsAnimated()}},ShapeModifier.prototype.init=function(t,e){this.shapes=[],this.elem=t,this.initDynamicPropertyContainer(t),this.initModifierProperties(t,e),this.frameId=initialDefaultFrame,this.closed=!1,this.k=!1,this.dynamicProperties.length?this.k=!0:this.getValue(!0)},ShapeModifier.prototype.processKeys=function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties())},extendPrototype([DynamicPropertyContainer],ShapeModifier),extendPrototype([ShapeModifier],TrimModifier),TrimModifier.prototype.initModifierProperties=function(t,e){this.s=PropertyFactory.getProp(t,e.s,0,.01,this),this.e=PropertyFactory.getProp(t,e.e,0,.01,this),this.o=PropertyFactory.getProp(t,e.o,0,0,this),this.sValue=0,this.eValue=0,this.getValue=this.processKeys,this.m=e.m,this._isAnimated=!!this.s.effectsSequence.length||!!this.e.effectsSequence.length||!!this.o.effectsSequence.length},TrimModifier.prototype.addShapeToModifier=function(t){t.pathsData=[]},TrimModifier.prototype.calculateShapeEdges=function(t,e,i,r,s){var a=[];e<=1?a.push({s:t,e:e}):1<=t?a.push({s:t-1,e:e-1}):(a.push({s:t,e:1}),a.push({s:0,e:e-1}));var n,o,h=[],l=a.length;for(n=0;n<l;n+=1){var p,f;if((o=a[n]).e*s<r||o.s*s>r+i);else p=o.s*s<=r?0:(o.s*s-r)/i,f=o.e*s>=r+i?1:(o.e*s-r)/i,h.push([p,f])}return h.length||h.push([0,0]),h},TrimModifier.prototype.releasePathsData=function(t){var e,i=t.length;for(e=0;e<i;e+=1)segments_length_pool.release(t[e]);return t.length=0,t},TrimModifier.prototype.processShapes=function(t){var e,i,r;if(this._mdf||t){var s=this.o.v%360/360;if(s<0&&(s+=1),e=(1<this.s.v?1:this.s.v<0?0:this.s.v)+s,(i=(1<this.e.v?1:this.e.v<0?0:this.e.v)+s)<e){var a=e;e=i,i=a}e=1e-4*Math.round(1e4*e),i=1e-4*Math.round(1e4*i),this.sValue=e,this.eValue=i}else e=this.sValue,i=this.eValue;var n,o,h,l,p,f,m=this.shapes.length,c=0;if(i===e)for(n=0;n<m;n+=1)this.shapes[n].localShapeCollection.releaseShapes(),this.shapes[n].shape._mdf=!0,this.shapes[n].shape.paths=this.shapes[n].localShapeCollection;else if(1===i&&0===e||0===i&&1===e){if(this._mdf)for(n=0;n<m;n+=1)this.shapes[n].pathsData.length=0,this.shapes[n].shape._mdf=!0}else{var d,u,y=[];for(n=0;n<m;n+=1)if((d=this.shapes[n]).shape._mdf||this._mdf||t||2===this.m){if(h=(r=d.shape.paths)._length,f=0,!d.shape._mdf&&d.pathsData.length)f=d.totalShapeLength;else{for(l=this.releasePathsData(d.pathsData),o=0;o<h;o+=1)p=bez.getSegmentsLength(r.shapes[o]),l.push(p),f+=p.totalLength;d.totalShapeLength=f,d.pathsData=l}c+=f,d.shape._mdf=!0}else d.shape.paths=d.localShapeCollection;var g,v=e,b=i,E=0;for(n=m-1;0<=n;n-=1)if((d=this.shapes[n]).shape._mdf){for((u=d.localShapeCollection).releaseShapes(),2===this.m&&1<m?(g=this.calculateShapeEdges(e,i,d.totalShapeLength,E,c),E+=d.totalShapeLength):g=[[v,b]],h=g.length,o=0;o<h;o+=1){v=g[o][0],b=g[o][1],y.length=0,b<=1?y.push({s:d.totalShapeLength*v,e:d.totalShapeLength*b}):1<=v?y.push({s:d.totalShapeLength*(v-1),e:d.totalShapeLength*(b-1)}):(y.push({s:d.totalShapeLength*v,e:d.totalShapeLength}),y.push({s:0,e:d.totalShapeLength*(b-1)}));var x=this.addShapes(d,y[0]);if(y[0].s!==y[0].e){if(1<y.length)if(d.shape.paths.shapes[d.shape.paths._length-1].c){var P=x.pop();this.addPaths(x,u),x=this.addShapes(d,y[1],P)}else this.addPaths(x,u),x=this.addShapes(d,y[1]);this.addPaths(x,u)}}d.shape.paths=u}}},TrimModifier.prototype.addPaths=function(t,e){var i,r=t.length;for(i=0;i<r;i+=1)e.addShape(t[i])},TrimModifier.prototype.addSegment=function(t,e,i,r,s,a,n){s.setXYAt(e[0],e[1],"o",a),s.setXYAt(i[0],i[1],"i",a+1),n&&s.setXYAt(t[0],t[1],"v",a),s.setXYAt(r[0],r[1],"v",a+1)},TrimModifier.prototype.addSegmentFromArray=function(t,e,i,r){e.setXYAt(t[1],t[5],"o",i),e.setXYAt(t[2],t[6],"i",i+1),r&&e.setXYAt(t[0],t[4],"v",i),e.setXYAt(t[3],t[7],"v",i+1)},TrimModifier.prototype.addShapes=function(t,e,i){var r,s,a,n,o,h,l,p,f=t.pathsData,m=t.shape.paths.shapes,c=t.shape.paths._length,d=0,u=[],y=!0;for(p=i?(o=i._length,i._length):(i=shape_pool.newElement(),o=0),u.push(i),r=0;r<c;r+=1){for(h=f[r].lengths,i.c=m[r].c,a=m[r].c?h.length:h.length+1,s=1;s<a;s+=1)if(d+(n=h[s-1]).addedLength<e.s)d+=n.addedLength,i.c=!1;else{if(d>e.e){i.c=!1;break}e.s<=d&&e.e>=d+n.addedLength?(this.addSegment(m[r].v[s-1],m[r].o[s-1],m[r].i[s],m[r].v[s],i,o,y),y=!1):(l=bez.getNewSegment(m[r].v[s-1],m[r].v[s],m[r].o[s-1],m[r].i[s],(e.s-d)/n.addedLength,(e.e-d)/n.addedLength,h[s-1]),this.addSegmentFromArray(l,i,o,y),y=!1,i.c=!1),d+=n.addedLength,o+=1}if(m[r].c&&h.length){if(n=h[s-1],d<=e.e){var g=h[s-1].addedLength;e.s<=d&&e.e>=d+g?(this.addSegment(m[r].v[s-1],m[r].o[s-1],m[r].i[0],m[r].v[0],i,o,y),y=!1):(l=bez.getNewSegment(m[r].v[s-1],m[r].v[0],m[r].o[s-1],m[r].i[0],(e.s-d)/g,(e.e-d)/g,h[s-1]),this.addSegmentFromArray(l,i,o,y),y=!1,i.c=!1)}else i.c=!1;d+=n.addedLength,o+=1}if(i._length&&(i.setXYAt(i.v[p][0],i.v[p][1],"i",p),i.setXYAt(i.v[i._length-1][0],i.v[i._length-1][1],"o",i._length-1)),d>e.e)break;r<c-1&&(i=shape_pool.newElement(),y=!0,u.push(i),o=0)}return u},ShapeModifiers.registerModifier("tm",TrimModifier),extendPrototype([ShapeModifier],RoundCornersModifier),RoundCornersModifier.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.rd=PropertyFactory.getProp(t,e.r,0,null,this),this._isAnimated=!!this.rd.effectsSequence.length},RoundCornersModifier.prototype.processPath=function(t,e){var i=shape_pool.newElement();i.c=t.c;var r,s,a,n,o,h,l,p,f,m,c,d,u,y=t._length,g=0;for(r=0;r<y;r+=1)s=t.v[r],n=t.o[r],a=t.i[r],s[0]===n[0]&&s[1]===n[1]&&s[0]===a[0]&&s[1]===a[1]?0!==r&&r!==y-1||t.c?(o=0===r?t.v[y-1]:t.v[r-1],l=(h=Math.sqrt(Math.pow(s[0]-o[0],2)+Math.pow(s[1]-o[1],2)))?Math.min(h/2,e)/h:0,p=d=s[0]+(o[0]-s[0])*l,f=u=s[1]-(s[1]-o[1])*l,m=p-(p-s[0])*roundCorner,c=f-(f-s[1])*roundCorner,i.setTripleAt(p,f,m,c,d,u,g),g+=1,o=r===y-1?t.v[0]:t.v[r+1],l=(h=Math.sqrt(Math.pow(s[0]-o[0],2)+Math.pow(s[1]-o[1],2)))?Math.min(h/2,e)/h:0,p=m=s[0]+(o[0]-s[0])*l,f=c=s[1]+(o[1]-s[1])*l,d=p-(p-s[0])*roundCorner,u=f-(f-s[1])*roundCorner,i.setTripleAt(p,f,m,c,d,u,g)):i.setTripleAt(s[0],s[1],n[0],n[1],a[0],a[1],g):i.setTripleAt(t.v[r][0],t.v[r][1],t.o[r][0],t.o[r][1],t.i[r][0],t.i[r][1],g),g+=1;return i},RoundCornersModifier.prototype.processShapes=function(t){var e,i,r,s,a,n,o=this.shapes.length,h=this.rd.v;if(0!==h)for(i=0;i<o;i+=1){if((a=this.shapes[i]).shape.paths,n=a.localShapeCollection,a.shape._mdf||this._mdf||t)for(n.releaseShapes(),a.shape._mdf=!0,e=a.shape.paths.shapes,s=a.shape.paths._length,r=0;r<s;r+=1)n.addShape(this.processPath(e[r],h));a.shape.paths=a.localShapeCollection}this.dynamicProperties.length||(this._mdf=!1)},ShapeModifiers.registerModifier("rd",RoundCornersModifier),extendPrototype([ShapeModifier],RepeaterModifier),RepeaterModifier.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.c=PropertyFactory.getProp(t,e.c,0,null,this),this.o=PropertyFactory.getProp(t,e.o,0,null,this),this.tr=TransformPropertyFactory.getTransformProperty(t,e.tr,this),this.so=PropertyFactory.getProp(t,e.tr.so,0,.01,this),this.eo=PropertyFactory.getProp(t,e.tr.eo,0,.01,this),this.data=e,this.dynamicProperties.length||this.getValue(!0),this._isAnimated=!!this.dynamicProperties.length,this.pMatrix=new Matrix,this.rMatrix=new Matrix,this.sMatrix=new Matrix,this.tMatrix=new Matrix,this.matrix=new Matrix},RepeaterModifier.prototype.applyTransforms=function(t,e,i,r,s,a){var n=a?-1:1,o=r.s.v[0]+(1-r.s.v[0])*(1-s),h=r.s.v[1]+(1-r.s.v[1])*(1-s);t.translate(r.p.v[0]*n*s,r.p.v[1]*n*s,r.p.v[2]),e.translate(-r.a.v[0],-r.a.v[1],r.a.v[2]),e.rotate(-r.r.v*n*s),e.translate(r.a.v[0],r.a.v[1],r.a.v[2]),i.translate(-r.a.v[0],-r.a.v[1],r.a.v[2]),i.scale(a?1/o:o,a?1/h:h),i.translate(r.a.v[0],r.a.v[1],r.a.v[2])},RepeaterModifier.prototype.init=function(t,e,i,r){this.elem=t,this.arr=e,this.pos=i,this.elemsData=r,this._currentCopies=0,this._elements=[],this._groups=[],this.frameId=-1,this.initDynamicPropertyContainer(t),this.initModifierProperties(t,e[i]);for(;0<i;)i-=1,this._elements.unshift(e[i]),1;this.dynamicProperties.length?this.k=!0:this.getValue(!0)},RepeaterModifier.prototype.resetElements=function(t){var e,i=t.length;for(e=0;e<i;e+=1)t[e]._processed=!1,"gr"===t[e].ty&&this.resetElements(t[e].it)},RepeaterModifier.prototype.cloneElements=function(t){t.length;var e=JSON.parse(JSON.stringify(t));return this.resetElements(e),e},RepeaterModifier.prototype.changeGroupRender=function(t,e){var i,r=t.length;for(i=0;i<r;i+=1)t[i]._render=e,"gr"===t[i].ty&&this.changeGroupRender(t[i].it,e)},RepeaterModifier.prototype.processShapes=function(t){var e,i,r,s,a;if(this._mdf||t){var n,o=Math.ceil(this.c.v);if(this._groups.length<o){for(;this._groups.length<o;){var h={it:this.cloneElements(this._elements),ty:"gr"};h.it.push({a:{a:0,ix:1,k:[0,0]},nm:"Transform",o:{a:0,ix:7,k:100},p:{a:0,ix:2,k:[0,0]},r:{a:1,ix:6,k:[{s:0,e:0,t:0},{s:0,e:0,t:1}]},s:{a:0,ix:3,k:[100,100]},sa:{a:0,ix:5,k:0},sk:{a:0,ix:4,k:0},ty:"tr"}),this.arr.splice(0,0,h),this._groups.splice(0,0,h),this._currentCopies+=1}this.elem.reloadShapes()}for(r=a=0;r<=this._groups.length-1;r+=1)n=a<o,this._groups[r]._render=n,this.changeGroupRender(this._groups[r].it,n),a+=1;this._currentCopies=o;var l=this.o.v,p=l%1,f=0<l?Math.floor(l):Math.ceil(l),m=(this.tr.v.props,this.pMatrix.props),c=this.rMatrix.props,d=this.sMatrix.props;this.pMatrix.reset(),this.rMatrix.reset(),this.sMatrix.reset(),this.tMatrix.reset(),this.matrix.reset();var u,y,g=0;if(0<l){for(;g<f;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),g+=1;p&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,p,!1),g+=p)}else if(l<0){for(;f<g;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!0),g-=1;p&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,-p,!0),g-=p)}for(r=1===this.data.m?0:this._currentCopies-1,s=1===this.data.m?1:-1,a=this._currentCopies;a;){if(y=(i=(e=this.elemsData[r].it)[e.length-1].transform.mProps.v.props).length,e[e.length-1].transform.mProps._mdf=!0,e[e.length-1].transform.op._mdf=!0,e[e.length-1].transform.op.v=this.so.v+(this.eo.v-this.so.v)*(r/(this._currentCopies-1)),0!==g){for((0!==r&&1===s||r!==this._currentCopies-1&&-1===s)&&this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),this.matrix.transform(c[0],c[1],c[2],c[3],c[4],c[5],c[6],c[7],c[8],c[9],c[10],c[11],c[12],c[13],c[14],c[15]),this.matrix.transform(d[0],d[1],d[2],d[3],d[4],d[5],d[6],d[7],d[8],d[9],d[10],d[11],d[12],d[13],d[14],d[15]),this.matrix.transform(m[0],m[1],m[2],m[3],m[4],m[5],m[6],m[7],m[8],m[9],m[10],m[11],m[12],m[13],m[14],m[15]),u=0;u<y;u+=1)i[u]=this.matrix.props[u];this.matrix.reset()}else for(this.matrix.reset(),u=0;u<y;u+=1)i[u]=this.matrix.props[u];g+=1,a-=1,r+=s}}else for(a=this._currentCopies,r=0,s=1;a;)i=(e=this.elemsData[r].it)[e.length-1].transform.mProps.v.props,e[e.length-1].transform.mProps._mdf=!1,e[e.length-1].transform.op._mdf=!1,a-=1,r+=s},RepeaterModifier.prototype.addShape=function(){},ShapeModifiers.registerModifier("rp",RepeaterModifier),ShapeCollection.prototype.addShape=function(t){this._length===this._maxLength&&(this.shapes=this.shapes.concat(createSizedArray(this._maxLength)),this._maxLength*=2),this.shapes[this._length]=t,this._length+=1},ShapeCollection.prototype.releaseShapes=function(){var t;for(t=0;t<this._length;t+=1)shape_pool.release(this.shapes[t]);this._length=0},DashProperty.prototype.getValue=function(t){if((this.elem.globalData.frameId!==this.frameId||t)&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf=this._mdf||t,this._mdf)){var e=0,i=this.dataProps.length;for("svg"===this.renderer&&(this.dashStr=""),e=0;e<i;e+=1)"o"!=this.dataProps[e].n?"svg"===this.renderer?this.dashStr+=" "+this.dataProps[e].p.v:this.dashArray[e]=this.dataProps[e].p.v:this.dashoffset[0]=this.dataProps[e].p.v}},extendPrototype([DynamicPropertyContainer],DashProperty),GradientProperty.prototype.comparePoints=function(t,e){for(var i=0,r=this.o.length/2;i<r;){if(.01<Math.abs(t[4*i]-t[4*e+2*i]))return!1;i+=1}return!0},GradientProperty.prototype.checkCollapsable=function(){if(this.o.length/2!=this.c.length/4)return!1;if(this.data.k.k[0].s)for(var t=0,e=this.data.k.k.length;t<e;){if(!this.comparePoints(this.data.k.k[t].s,this.data.p))return!1;t+=1}else if(!this.comparePoints(this.data.k.k,this.data.p))return!1;return!0},GradientProperty.prototype.getValue=function(t){if(this.prop.getValue(),this._mdf=!1,this._cmdf=!1,this._omdf=!1,this.prop._mdf||t){var e,i,r,s=4*this.data.p;for(e=0;e<s;e+=1)i=e%4==0?100:255,r=Math.round(this.prop.v[e]*i),this.c[e]!==r&&(this.c[e]=r,this._cmdf=!t);if(this.o.length)for(s=this.prop.v.length,e=4*this.data.p;e<s;e+=1)i=e%2==0?100:1,r=e%2==0?Math.round(100*this.prop.v[e]):this.prop.v[e],this.o[e-4*this.data.p]!==r&&(this.o[e-4*this.data.p]=r,this._omdf=!t);this._mdf=!t}},extendPrototype([DynamicPropertyContainer],GradientProperty);var buildShapeString=function(t,e,i,r){if(0===e)return"";var s,a=t.o,n=t.i,o=t.v,h=" M"+r.applyToPointStringified(o[0][0],o[0][1]);for(s=1;s<e;s+=1)h+=" C"+r.applyToPointStringified(a[s-1][0],a[s-1][1])+" "+r.applyToPointStringified(n[s][0],n[s][1])+" "+r.applyToPointStringified(o[s][0],o[s][1]);return i&&e&&(h+=" C"+r.applyToPointStringified(a[s-1][0],a[s-1][1])+" "+r.applyToPointStringified(n[0][0],n[0][1])+" "+r.applyToPointStringified(o[0][0],o[0][1]),h+="z"),h},ImagePreloader=function(){var s=function(){var t=createTag("canvas");t.width=1,t.height=1;var e=t.getContext("2d");return e.fillStyle="#FF0000",e.fillRect(0,0,1,1),t}();function t(){this.loadedAssets+=1,this.loadedAssets===this.totalImages&&this.imagesLoadedCb&&this.imagesLoadedCb(null)}function e(t){var e=function(t,e,i){var r="";if(t.e)r=t.p;else if(e){var s=t.p;-1!==s.indexOf("images/")&&(s=s.split("/")[1]),r=e+s}else r=i,r+=t.u?t.u:"",r+=t.p;return r}(t,this.assetsPath,this.path),i=createTag("img");i.crossOrigin="anonymous",i.addEventListener("load",this._imageLoaded.bind(this),!1),i.addEventListener("error",function(){r.img=s,this._imageLoaded()}.bind(this),!1),i.src=e;var r={img:i,assetData:t};return r}function i(t,e){this.imagesLoadedCb=e;var i,r=t.length;for(i=0;i<r;i+=1)t[i].layers||(this.totalImages+=1,this.images.push(this._createImageData(t[i])))}function r(t){this.path=t||""}function a(t){this.assetsPath=t||""}function n(t){for(var e=0,i=this.images.length;e<i;){if(this.images[e].assetData===t)return this.images[e].img;e+=1}}function o(){this.imagesLoadedCb=null,this.images.length=0}function h(){return this.totalImages===this.loadedAssets}return function(){this.loadAssets=i,this.setAssetsPath=a,this.setPath=r,this.loaded=h,this.destroy=o,this.getImage=n,this._createImageData=e,this._imageLoaded=t,this.assetsPath="",this.path="",this.totalImages=0,this.loadedAssets=0,this.imagesLoadedCb=null,this.images=[]}}(),featureSupport=(lw={maskType:!0},(/MSIE 10/i.test(navigator.userAgent)||/MSIE 9/i.test(navigator.userAgent)||/rv:11.0/i.test(navigator.userAgent)||/Edge\/\d./i.test(navigator.userAgent))&&(lw.maskType=!1),lw),lw,filtersFactory=(mw={},mw.createFilter=function(t){var e=createNS("filter");return e.setAttribute("id",t),e.setAttribute("filterUnits","objectBoundingBox"),e.setAttribute("x","0%"),e.setAttribute("y","0%"),e.setAttribute("width","100%"),e.setAttribute("height","100%"),e},mw.createAlphaToLuminanceFilter=function(){var t=createNS("feColorMatrix");return t.setAttribute("type","matrix"),t.setAttribute("color-interpolation-filters","sRGB"),t.setAttribute("values","0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1"),t},mw),mw,assetLoader=function(){function a(t){return t.response&&"object"==typeof t.response?t.response:t.response&&"string"==typeof t.response?JSON.parse(t.response):t.responseText?JSON.parse(t.responseText):void 0}return{load:function(t,e,i){var r,s=new XMLHttpRequest;s.open("GET",t,!0),s.responseType="json",s.send(),s.onreadystatechange=function(){if(4==s.readyState)if(200==s.status)r=a(s),e(r);else try{r=a(s),e(r)}catch(t){i&&i(t)}}}}}();function TextAnimatorProperty(t,e,i){this._isFirstFrame=!0,this._hasMaskedPath=!1,this._frameId=-1,this._textData=t,this._renderType=e,this._elem=i,this._animatorsData=createSizedArray(this._textData.a.length),this._pathData={},this._moreOptions={alignment:{}},this.renderedLetters=[],this.lettersChangedFlag=!1,this.initDynamicPropertyContainer(i)}function TextAnimatorDataProperty(t,e,i){var r={propType:!1},s=PropertyFactory.getProp,a=e.a;this.a={r:a.r?s(t,a.r,0,degToRads,i):r,rx:a.rx?s(t,a.rx,0,degToRads,i):r,ry:a.ry?s(t,a.ry,0,degToRads,i):r,sk:a.sk?s(t,a.sk,0,degToRads,i):r,sa:a.sa?s(t,a.sa,0,degToRads,i):r,s:a.s?s(t,a.s,1,.01,i):r,a:a.a?s(t,a.a,1,0,i):r,o:a.o?s(t,a.o,0,.01,i):r,p:a.p?s(t,a.p,1,0,i):r,sw:a.sw?s(t,a.sw,0,0,i):r,sc:a.sc?s(t,a.sc,1,0,i):r,fc:a.fc?s(t,a.fc,1,0,i):r,fh:a.fh?s(t,a.fh,0,0,i):r,fs:a.fs?s(t,a.fs,0,.01,i):r,fb:a.fb?s(t,a.fb,0,.01,i):r,t:a.t?s(t,a.t,0,0,i):r},this.s=TextSelectorProp.getTextSelectorProp(t,e.s,i),this.s.t=e.s.t}function LetterProps(t,e,i,r,s,a){this.o=t,this.sw=e,this.sc=i,this.fc=r,this.m=s,this.p=a,this._mdf={o:!0,sw:!!e,sc:!!i,fc:!!r,m:!0,p:!0}}function TextProperty(t,e){this._frameId=initialDefaultFrame,this.pv="",this.v="",this.kf=!1,this._isFirstFrame=!0,this._mdf=!1,this.data=e,this.elem=t,this.comp=this.elem.comp,this.keysIndex=0,this.canResize=!1,this.minimumFontSize=1,this.effectsSequence=[],this.currentData={ascent:0,boxWidth:this.defaultBoxWidth,f:"",fStyle:"",fWeight:"",fc:"",j:"",justifyOffset:"",l:[],lh:0,lineWidths:[],ls:"",of:"",s:"",sc:"",sw:0,t:0,tr:0,sz:0,ps:null,fillColorAnim:!1,strokeColorAnim:!1,strokeWidthAnim:!1,yOffset:0,finalSize:0,finalText:[],finalLineHeight:0,__complete:!1},this.copyData(this.currentData,this.data.d.k[0].s),this.searchProperty()||this.completeTextData(this.currentData)}TextAnimatorProperty.prototype.searchProperties=function(){var t,e,i=this._textData.a.length,r=PropertyFactory.getProp;for(t=0;t<i;t+=1)e=this._textData.a[t],this._animatorsData[t]=new TextAnimatorDataProperty(this._elem,e,this);this._textData.p&&"m"in this._textData.p?(this._pathData={f:r(this._elem,this._textData.p.f,0,0,this),l:r(this._elem,this._textData.p.l,0,0,this),r:this._textData.p.r,m:this._elem.maskManager.getMaskProperty(this._textData.p.m)},this._hasMaskedPath=!0):this._hasMaskedPath=!1,this._moreOptions.alignment=r(this._elem,this._textData.m.a,1,0,this)},TextAnimatorProperty.prototype.getMeasures=function(t,e){if(this.lettersChangedFlag=e,this._mdf||this._isFirstFrame||e||this._hasMaskedPath&&this._pathData.m._mdf){this._isFirstFrame=!1;var i,r,s,a,n,o,h,l,p,f,m,c,d,u,y,g,v,b,E,x=this._moreOptions.alignment.v,P=this._animatorsData,S=this._textData,_=this.mHelper,A=this._renderType,k=this.renderedLetters.length,T=(this.data,t.l);if(this._hasMaskedPath){if(E=this._pathData.m,!this._pathData.n||this._pathData._mdf){var M,D=E.v;for(this._pathData.r&&(D=D.reverse()),n={tLength:0,segments:[]},a=D._length-1,s=g=0;s<a;s+=1)M={s:D.v[s],e:D.v[s+1],to:[D.o[s][0]-D.v[s][0],D.o[s][1]-D.v[s][1]],ti:[D.i[s+1][0]-D.v[s+1][0],D.i[s+1][1]-D.v[s+1][1]]},bez.buildBezierData(M),n.tLength+=M.bezierData.segmentLength,n.segments.push(M),g+=M.bezierData.segmentLength;s=a,E.v.c&&(M={s:D.v[s],e:D.v[0],to:[D.o[s][0]-D.v[s][0],D.o[s][1]-D.v[s][1]],ti:[D.i[0][0]-D.v[0][0],D.i[0][1]-D.v[0][1]]},bez.buildBezierData(M),n.tLength+=M.bezierData.segmentLength,n.segments.push(M),g+=M.bezierData.segmentLength),this._pathData.pi=n}if(n=this._pathData.pi,o=this._pathData.f.v,f=1,p=!(l=m=0),u=n.segments,o<0&&E.v.c)for(n.tLength<Math.abs(o)&&(o=-Math.abs(o)%n.tLength),f=(d=u[m=u.length-1].bezierData.points).length-1;o<0;)o+=d[f].partialLength,(f-=1)<0&&(f=(d=u[m-=1].bezierData.points).length-1);c=(d=u[m].bezierData.points)[f-1],y=(h=d[f]).partialLength}a=T.length,r=i=0;var C,w,F,I,B=1.2*t.finalSize*.714,R=!0;F=P.length;var V,L,G,z,N,O,H,j,q,W,X,Y,J,U=-1,$=o,K=m,Z=f,Q=-1,tt="",et=this.defaultPropsArray;if(2===t.j||1===t.j){var it=0,rt=0,st=2===t.j?-.5:-1,at=0,nt=!0;for(s=0;s<a;s+=1)if(T[s].n){for(it&&(it+=rt);at<s;)T[at].animatorJustifyOffset=it,at+=1;nt=!(it=0)}else{for(w=0;w<F;w+=1)(C=P[w].a).t.propType&&(nt&&2===t.j&&(rt+=C.t.v*st),(V=P[w].s.getMult(T[s].anIndexes[w],S.a[w].s.totalChars)).length?it+=C.t.v*V[0]*st:it+=C.t.v*V*st);nt=!1}for(it&&(it+=rt);at<s;)T[at].animatorJustifyOffset=it,at+=1}for(s=0;s<a;s+=1){if(_.reset(),N=1,T[s].n)i=0,r+=t.yOffset,r+=R?1:0,o=$,R=!1,0,this._hasMaskedPath&&(f=Z,c=(d=u[m=K].bezierData.points)[f-1],y=(h=d[f]).partialLength,l=0),J=W=Y=tt="",et=this.defaultPropsArray;else{if(this._hasMaskedPath){if(Q!==T[s].line){switch(t.j){case 1:o+=g-t.lineWidths[T[s].line];break;case 2:o+=(g-t.lineWidths[T[s].line])/2}Q=T[s].line}U!==T[s].ind&&(T[U]&&(o+=T[U].extra),o+=T[s].an/2,U=T[s].ind),o+=x[0]*T[s].an/200;var ot=0;for(w=0;w<F;w+=1)(C=P[w].a).p.propType&&((V=P[w].s.getMult(T[s].anIndexes[w],S.a[w].s.totalChars)).length?ot+=C.p.v[0]*V[0]:ot+=C.p.v[0]*V),C.a.propType&&((V=P[w].s.getMult(T[s].anIndexes[w],S.a[w].s.totalChars)).length?ot+=C.a.v[0]*V[0]:ot+=C.a.v[0]*V);for(p=!0;p;)o+ot<=l+y||!d?(v=(o+ot-l)/h.partialLength,G=c.point[0]+(h.point[0]-c.point[0])*v,z=c.point[1]+(h.point[1]-c.point[1])*v,_.translate(-x[0]*T[s].an/200,-x[1]*B/100),p=!1):d&&(l+=h.partialLength,(f+=1)>=d.length&&(f=0,d=u[m+=1]?u[m].bezierData.points:E.v.c?u[m=f=0].bezierData.points:(l-=h.partialLength,null)),d&&(c=h,y=(h=d[f]).partialLength));L=T[s].an/2-T[s].add,_.translate(-L,0,0)}else L=T[s].an/2-T[s].add,_.translate(-L,0,0),_.translate(-x[0]*T[s].an/200,-x[1]*B/100,0);for(T[s].l/2,w=0;w<F;w+=1)(C=P[w].a).t.propType&&(V=P[w].s.getMult(T[s].anIndexes[w],S.a[w].s.totalChars),0===i&&0===t.j||(this._hasMaskedPath?V.length?o+=C.t.v*V[0]:o+=C.t.v*V:V.length?i+=C.t.v*V[0]:i+=C.t.v*V));for(T[s].l/2,t.strokeWidthAnim&&(H=t.sw||0),t.strokeColorAnim&&(O=t.sc?[t.sc[0],t.sc[1],t.sc[2]]:[0,0,0]),t.fillColorAnim&&t.fc&&(j=[t.fc[0],t.fc[1],t.fc[2]]),w=0;w<F;w+=1)(C=P[w].a).a.propType&&((V=P[w].s.getMult(T[s].anIndexes[w],S.a[w].s.totalChars)).length?_.translate(-C.a.v[0]*V[0],-C.a.v[1]*V[1],C.a.v[2]*V[2]):_.translate(-C.a.v[0]*V,-C.a.v[1]*V,C.a.v[2]*V));for(w=0;w<F;w+=1)(C=P[w].a).s.propType&&((V=P[w].s.getMult(T[s].anIndexes[w],S.a[w].s.totalChars)).length?_.scale(1+(C.s.v[0]-1)*V[0],1+(C.s.v[1]-1)*V[1],1):_.scale(1+(C.s.v[0]-1)*V,1+(C.s.v[1]-1)*V,1));for(w=0;w<F;w+=1){if(C=P[w].a,V=P[w].s.getMult(T[s].anIndexes[w],S.a[w].s.totalChars),C.sk.propType&&(V.length?_.skewFromAxis(-C.sk.v*V[0],C.sa.v*V[1]):_.skewFromAxis(-C.sk.v*V,C.sa.v*V)),C.r.propType&&(V.length?_.rotateZ(-C.r.v*V[2]):_.rotateZ(-C.r.v*V)),C.ry.propType&&(V.length?_.rotateY(C.ry.v*V[1]):_.rotateY(C.ry.v*V)),C.rx.propType&&(V.length?_.rotateX(C.rx.v*V[0]):_.rotateX(C.rx.v*V)),C.o.propType&&(V.length?N+=(C.o.v*V[0]-N)*V[0]:N+=(C.o.v*V-N)*V),t.strokeWidthAnim&&C.sw.propType&&(V.length?H+=C.sw.v*V[0]:H+=C.sw.v*V),t.strokeColorAnim&&C.sc.propType)for(q=0;q<3;q+=1)V.length?O[q]=O[q]+(C.sc.v[q]-O[q])*V[0]:O[q]=O[q]+(C.sc.v[q]-O[q])*V;if(t.fillColorAnim&&t.fc){if(C.fc.propType)for(q=0;q<3;q+=1)V.length?j[q]=j[q]+(C.fc.v[q]-j[q])*V[0]:j[q]=j[q]+(C.fc.v[q]-j[q])*V;C.fh.propType&&(j=V.length?addHueToRGB(j,C.fh.v*V[0]):addHueToRGB(j,C.fh.v*V)),C.fs.propType&&(j=V.length?addSaturationToRGB(j,C.fs.v*V[0]):addSaturationToRGB(j,C.fs.v*V)),C.fb.propType&&(j=V.length?addBrightnessToRGB(j,C.fb.v*V[0]):addBrightnessToRGB(j,C.fb.v*V))}}for(w=0;w<F;w+=1)(C=P[w].a).p.propType&&(V=P[w].s.getMult(T[s].anIndexes[w],S.a[w].s.totalChars),this._hasMaskedPath?V.length?_.translate(0,C.p.v[1]*V[0],-C.p.v[2]*V[1]):_.translate(0,C.p.v[1]*V,-C.p.v[2]*V):V.length?_.translate(C.p.v[0]*V[0],C.p.v[1]*V[1],-C.p.v[2]*V[2]):_.translate(C.p.v[0]*V,C.p.v[1]*V,-C.p.v[2]*V));if(t.strokeWidthAnim&&(W=H<0?0:H),t.strokeColorAnim&&(X="rgb("+Math.round(255*O[0])+","+Math.round(255*O[1])+","+Math.round(255*O[2])+")"),t.fillColorAnim&&t.fc&&(Y="rgb("+Math.round(255*j[0])+","+Math.round(255*j[1])+","+Math.round(255*j[2])+")"),this._hasMaskedPath){if(_.translate(0,-t.ls),_.translate(0,x[1]*B/100+r,0),S.p.p){b=(h.point[1]-c.point[1])/(h.point[0]-c.point[0]);var ht=180*Math.atan(b)/Math.PI;h.point[0]<c.point[0]&&(ht+=180),_.rotate(-ht*Math.PI/180)}_.translate(G,z,0),o-=x[0]*T[s].an/200,T[s+1]&&U!==T[s+1].ind&&(o+=T[s].an/2,o+=t.tr/1e3*t.finalSize)}else{switch(_.translate(i,r,0),t.ps&&_.translate(t.ps[0],t.ps[1]+t.ascent,0),t.j){case 1:_.translate(T[s].animatorJustifyOffset+t.justifyOffset+(t.boxWidth-t.lineWidths[T[s].line]),0,0);break;case 2:_.translate(T[s].animatorJustifyOffset+t.justifyOffset+(t.boxWidth-t.lineWidths[T[s].line])/2,0,0)}_.translate(0,-t.ls),_.translate(L,0,0),_.translate(x[0]*T[s].an/200,x[1]*B/100,0),i+=T[s].l+t.tr/1e3*t.finalSize}"html"===A?tt=_.toCSS():"svg"===A?tt=_.to2dCSS():et=[_.props[0],_.props[1],_.props[2],_.props[3],_.props[4],_.props[5],_.props[6],_.props[7],_.props[8],_.props[9],_.props[10],_.props[11],_.props[12],_.props[13],_.props[14],_.props[15]],J=N}this.lettersChangedFlag=k<=s?(I=new LetterProps(J,W,X,Y,tt,et),this.renderedLetters.push(I),k+=1,!0):(I=this.renderedLetters[s]).update(J,W,X,Y,tt,et)||this.lettersChangedFlag}}},TextAnimatorProperty.prototype.getValue=function(){this._elem.globalData.frameId!==this._frameId&&(this._frameId=this._elem.globalData.frameId,this.iterateDynamicProperties())},TextAnimatorProperty.prototype.mHelper=new Matrix,TextAnimatorProperty.prototype.defaultPropsArray=[],extendPrototype([DynamicPropertyContainer],TextAnimatorProperty),LetterProps.prototype.update=function(t,e,i,r,s,a){this._mdf.o=!1,this._mdf.sw=!1,this._mdf.sc=!1,this._mdf.fc=!1,this._mdf.m=!1;var n=this._mdf.p=!1;return this.o!==t&&(this.o=t,n=this._mdf.o=!0),this.sw!==e&&(this.sw=e,n=this._mdf.sw=!0),this.sc!==i&&(this.sc=i,n=this._mdf.sc=!0),this.fc!==r&&(this.fc=r,n=this._mdf.fc=!0),this.m!==s&&(this.m=s,n=this._mdf.m=!0),!a.length||this.p[0]===a[0]&&this.p[1]===a[1]&&this.p[4]===a[4]&&this.p[5]===a[5]&&this.p[12]===a[12]&&this.p[13]===a[13]||(this.p=a,n=this._mdf.p=!0),n},TextProperty.prototype.defaultBoxWidth=[0,0],TextProperty.prototype.copyData=function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i]);return t},TextProperty.prototype.setCurrentData=function(t){t.__complete||this.completeTextData(t),this.currentData=t,this.currentData.boxWidth=this.currentData.boxWidth||this.defaultBoxWidth,this._mdf=!0},TextProperty.prototype.searchProperty=function(){return this.searchKeyframes()},TextProperty.prototype.searchKeyframes=function(){return this.kf=1<this.data.d.k.length,this.kf&&this.addEffect(this.getKeyframeValue.bind(this)),this.kf},TextProperty.prototype.addEffect=function(t){this.effectsSequence.push(t),this.elem.addDynamicProperty(this)},TextProperty.prototype.getValue=function(t){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length||t){this.currentData.t=this.data.d.k[this.keysIndex].s.t;var e=this.currentData,i=this.keysIndex;if(this.lock)this.setCurrentData(this.currentData);else{this.lock=!0,this._mdf=!1;var r,s=this.effectsSequence.length,a=t||this.data.d.k[this.keysIndex].s;for(r=0;r<s;r+=1)a=i!==this.keysIndex?this.effectsSequence[r](a,a.t):this.effectsSequence[r](this.currentData,a.t);e!==a&&this.setCurrentData(a),this.pv=this.v=this.currentData,this.lock=!1,this.frameId=this.elem.globalData.frameId}}},TextProperty.prototype.getKeyframeValue=function(){for(var t=this.data.d.k,e=this.elem.comp.renderedFrame,i=0,r=t.length;i<=r-1&&(t[i].s,!(i===r-1||t[i+1].t>e));)i+=1;return this.keysIndex!==i&&(this.keysIndex=i),this.data.d.k[this.keysIndex].s},TextProperty.prototype.buildFinalText=function(t){for(var e=FontManager.getCombinedCharacterCodes(),i=[],r=0,s=t.length;r<s;)-1!==e.indexOf(t.charCodeAt(r))?i[i.length-1]+=t.charAt(r):i.push(t.charAt(r)),r+=1;return i},TextProperty.prototype.completeTextData=function(t){t.__complete=!0;var e,i,r,s,a,n,o,h=this.elem.globalData.fontManager,l=this.data,p=[],f=0,m=l.m.g,c=0,d=0,u=0,y=[],g=0,v=0,b=h.getFontByName(t.f),E=0,x=b.fStyle?b.fStyle.split(" "):[],P="normal",S="normal";for(i=x.length,e=0;e<i;e+=1)switch(x[e].toLowerCase()){case"italic":S="italic";break;case"bold":P="700";break;case"black":P="900";break;case"medium":P="500";break;case"regular":case"normal":P="400";break;case"light":case"thin":P="200"}t.fWeight=b.fWeight||P,t.fStyle=S,i=t.t.length,t.finalSize=t.s,t.finalText=this.buildFinalText(t.t),t.finalLineHeight=t.lh;var _,A=t.tr/1e3*t.finalSize;if(t.sz)for(var k,T,M=!0,D=t.sz[0],C=t.sz[1];M;){g=k=0,i=(T=this.buildFinalText(t.t)).length,A=t.tr/1e3*t.finalSize;var w=-1;for(e=0;e<i;e+=1)_=T[e].charCodeAt(0),r=!1," "===T[e]?w=e:13!==_&&3!==_||(r=!(g=0),k+=t.finalLineHeight||1.2*t.finalSize),D<g+(E=h.chars?(o=h.getCharData(T[e],b.fStyle,b.fFamily),r?0:o.w*t.finalSize/100):h.measureText(T[e],t.f,t.finalSize))&&" "!==T[e]?(-1===w?i+=1:e=w,k+=t.finalLineHeight||1.2*t.finalSize,T.splice(e,w===e?1:0,"\r"),w=-1,g=0):(g+=E,g+=A);k+=b.ascent*t.finalSize/100,this.canResize&&t.finalSize>this.minimumFontSize&&C<k?(t.finalSize-=1,t.finalLineHeight=t.finalSize*t.lh/t.s):(t.finalText=T,i=t.finalText.length,M=!1)}g=-A;var F,I=E=0;for(e=0;e<i;e+=1)if(r=!1,_=(F=t.finalText[e]).charCodeAt(0)," "===F?s="\xa0":13===_||3===_?(I=0,y.push(g),v=v<g?g:v,g=-2*A,r=!(s=""),u+=1):s=t.finalText[e],E=h.chars?(o=h.getCharData(F,b.fStyle,h.getFontByName(t.f).fFamily),r?0:o.w*t.finalSize/100):h.measureText(s,t.f,t.finalSize)," "===F?I+=E+A:(g+=E+A+I,I=0),p.push({l:E,an:E,add:c,n:r,anIndexes:[],val:s,line:u,animatorJustifyOffset:0}),2==m){if(c+=E,""===s||"\xa0"===s||e===i-1){for(""!==s&&"\xa0"!==s||(c-=E);d<=e;)p[d].an=c,p[d].ind=f,p[d].extra=E,d+=1;f+=1,c=0}}else if(3==m){if(c+=E,""===s||e===i-1){for(""===s&&(c-=E);d<=e;)p[d].an=c,p[d].ind=f,p[d].extra=E,d+=1;c=0,f+=1}}else p[f].ind=f,p[f].extra=0,f+=1;if(t.l=p,v=v<g?g:v,y.push(g),t.sz)t.boxWidth=t.sz[0],t.justifyOffset=0;else switch(t.boxWidth=v,t.j){case 1:t.justifyOffset=-t.boxWidth;break;case 2:t.justifyOffset=-t.boxWidth/2;break;default:t.justifyOffset=0}t.lineWidths=y;var B,R,V=l.a;n=V.length;var L,G,z=[];for(a=0;a<n;a+=1){for((B=V[a]).a.sc&&(t.strokeColorAnim=!0),B.a.sw&&(t.strokeWidthAnim=!0),(B.a.fc||B.a.fh||B.a.fs||B.a.fb)&&(t.fillColorAnim=!0),G=0,L=B.s.b,e=0;e<i;e+=1)(R=p[e]).anIndexes[a]=G,(1==L&&""!==R.val||2==L&&""!==R.val&&"\xa0"!==R.val||3==L&&(R.n||"\xa0"==R.val||e==i-1)||4==L&&(R.n||e==i-1))&&(1===B.s.rn&&z.push(G),G+=1);l.a[a].s.totalChars=G;var N,O=-1;if(1===B.s.rn)for(e=0;e<i;e+=1)O!=(R=p[e]).anIndexes[a]&&(O=R.anIndexes[a],N=z.splice(Math.floor(Math.random()*z.length),1)[0]),R.anIndexes[a]=N}t.yOffset=t.finalLineHeight||1.2*t.finalSize,t.ls=t.ls||0,t.ascent=b.ascent*t.finalSize/100},TextProperty.prototype.updateDocumentData=function(t,e){e=void 0===e?this.keysIndex:e;var i=this.copyData({},this.data.d.k[e].s);i=this.copyData(i,t),this.data.d.k[e].s=i,this.recalculate(e),this.elem.addDynamicProperty(this)},TextProperty.prototype.recalculate=function(t){var e=this.data.d.k[t].s;e.__complete=!1,this.keysIndex=0,this._isFirstFrame=!0,this.getValue(e)},TextProperty.prototype.canResizeFont=function(t){this.canResize=t,this.recalculate(this.keysIndex),this.elem.addDynamicProperty(this)},TextProperty.prototype.setMinimumFontSize=function(t){this.minimumFontSize=Math.floor(t)||1,this.recalculate(this.keysIndex),this.elem.addDynamicProperty(this)};var TextSelectorProp=function(){var l=Math.max,p=Math.min,f=Math.floor;function r(t,e){this._currentTextLength=-1,this.k=!1,this.data=e,this.elem=t,this.comp=t.comp,this.finalS=0,this.finalE=0,this.initDynamicPropertyContainer(t),this.s=PropertyFactory.getProp(t,e.s||{k:0},0,0,this),this.e="e"in e?PropertyFactory.getProp(t,e.e,0,0,this):{v:100},this.o=PropertyFactory.getProp(t,e.o||{k:0},0,0,this),this.xe=PropertyFactory.getProp(t,e.xe||{k:0},0,0,this),this.ne=PropertyFactory.getProp(t,e.ne||{k:0},0,0,this),this.a=PropertyFactory.getProp(t,e.a,0,.01,this),this.dynamicProperties.length||this.getValue()}return r.prototype={getMult:function(t){this._currentTextLength!==this.elem.textProperty.currentData.l.length&&this.getValue();var e=BezierFactory.getBezierEasing(this.ne.v/100,0,1-this.xe.v/100,1).get,i=0,r=this.finalS,s=this.finalE,a=this.data.sh;if(2==a)i=e(i=s===r?s<=t?1:0:l(0,p(.5/(s-r)+(t-r)/(s-r),1)));else if(3==a)i=e(i=s===r?s<=t?0:1:1-l(0,p(.5/(s-r)+(t-r)/(s-r),1)));else if(4==a)s===r?i=0:(i=l(0,p(.5/(s-r)+(t-r)/(s-r),1)))<.5?i*=2:i=1-2*(i-.5),i=e(i);else if(5==a){if(s===r)i=0;else{var n=s-r,o=-n/2+(t=p(l(0,t+.5-r),s-r)),h=n/2;i=Math.sqrt(1-o*o/(h*h))}i=e(i)}else i=6==a?e(i=s===r?0:(t=p(l(0,t+.5-r),s-r),(1+Math.cos(Math.PI+2*Math.PI*t/(s-r)))/2)):(t>=f(r)&&(i=t-r<0?1-(r-t):l(0,p(s-t,1))),e(i));return i*this.a.v},getValue:function(t){this.iterateDynamicProperties(),this._mdf=t||this._mdf,this._currentTextLength=this.elem.textProperty.currentData.l.length||0,t&&2===this.data.r&&(this.e.v=this._currentTextLength);var e=2===this.data.r?1:100/this.data.totalChars,i=this.o.v/e,r=this.s.v/e+i,s=this.e.v/e+i;if(s<r){var a=r;r=s,s=a}this.finalS=r,this.finalE=s}},extendPrototype([DynamicPropertyContainer],r),{getTextSelectorProp:function(t,e,i){return new r(t,e,i)}}}(),pool_factory=function(t,e,i,r){var s=0,a=t,n=createSizedArray(a);function o(){return s?n[s-=1]:e()}return{newElement:o,release:function(t){s===a&&(n=pooling.double(n),a*=2),i&&i(t),n[s]=t,s+=1}}},pooling={double:function(t){return t.concat(createSizedArray(t.length))}},point_pool=pool_factory(8,function(){return createTypedArray("float32",2)}),shape_pool=(xA=pool_factory(4,function(){return new ShapePath},function(t){var e,i=t._length;for(e=0;e<i;e+=1)point_pool.release(t.v[e]),point_pool.release(t.i[e]),point_pool.release(t.o[e]),t.v[e]=null,t.i[e]=null,t.o[e]=null;t._length=0,t.c=!1}),xA.clone=function(t){var e,i=xA.newElement(),r=void 0===t._length?t.v.length:t._length;for(i.setLength(r),i.c=t.c,e=0;e<r;e+=1)i.setTripleAt(t.v[e][0],t.v[e][1],t.o[e][0],t.o[e][1],t.i[e][0],t.i[e][1],e);return i},xA),xA,shapeCollection_pool=(GA={newShapeCollection:function(){var t;t=HA?JA[HA-=1]:new ShapeCollection;return t},release:function(t){var e,i=t._length;for(e=0;e<i;e+=1)shape_pool.release(t.shapes[e]);t._length=0,HA===IA&&(JA=pooling.double(JA),IA*=2);JA[HA]=t,HA+=1}},HA=0,IA=4,JA=createSizedArray(IA),GA),GA,HA,IA,JA,segments_length_pool=pool_factory(8,function(){return{lengths:[],totalLength:0}},function(t){var e,i=t.lengths.length;for(e=0;e<i;e+=1)bezier_length_pool.release(t.lengths[e]);t.lengths.length=0}),bezier_length_pool=pool_factory(8,function(){return{addedLength:0,percents:createTypedArray("float32",defaultCurveSegments),lengths:createTypedArray("float32",defaultCurveSegments)}});function BaseRenderer(){}function SVGRenderer(t,e){this.animationItem=t,this.layers=null,this.renderedFrame=-1,this.svgElement=createNS("svg");var i=createNS("defs");this.svgElement.appendChild(i);var r=createNS("g");this.svgElement.appendChild(r),this.layerElement=r,this.renderConfig={preserveAspectRatio:e&&e.preserveAspectRatio||"xMidYMid meet",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",progressiveLoad:e&&e.progressiveLoad||!1,hideOnTransparent:!e||!1!==e.hideOnTransparent,viewBoxOnly:e&&e.viewBoxOnly||!1,viewBoxSize:e&&e.viewBoxSize||!1,className:e&&e.className||""},this.globalData={_mdf:!1,frameNum:-1,defs:i,renderConfig:this.renderConfig},this.elements=[],this.pendingElements=[],this.destroyed=!1,this.rendererType="svg"}function HybridRenderer(t,e){this.animationItem=t,this.layers=null,this.renderedFrame=-1,this.renderConfig={className:e&&e.className||"",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",hideOnTransparent:!e||!1!==e.hideOnTransparent},this.globalData={_mdf:!1,frameNum:-1,renderConfig:this.renderConfig},this.pendingElements=[],this.elements=[],this.threeDElements=[],this.destroyed=!1,this.camera=null,this.supports3d=!0,this.rendererType="html"}function MaskElement(t,e,i){this.data=t,this.element=e,this.globalData=i,this.storedData=[],this.masksProperties=this.data.masksProperties||[],this.maskElement=null;var r,s=this.globalData.defs,a=this.masksProperties?this.masksProperties.length:0;this.viewData=createSizedArray(a),this.solidPath="";var n,o,h,l,p,f,m,c=this.masksProperties,d=0,u=[],y=randomString(10),g="clipPath",v="clip-path";for(r=0;r<a;r++)if(("a"!==c[r].mode&&"n"!==c[r].mode||c[r].inv||100!==c[r].o.k)&&(v=g="mask"),"s"!=c[r].mode&&"i"!=c[r].mode||0!==d?l=null:((l=createNS("rect")).setAttribute("fill","#ffffff"),l.setAttribute("width",this.element.comp.data.w||0),l.setAttribute("height",this.element.comp.data.h||0),u.push(l)),n=createNS("path"),"n"!=c[r].mode){var b;if(d+=1,n.setAttribute("fill","s"===c[r].mode?"#000000":"#ffffff"),n.setAttribute("clip-rule","nonzero"),0!==c[r].x.k?(v=g="mask",m=PropertyFactory.getProp(this.element,c[r].x,0,null,this.element),b="fi_"+randomString(10),(p=createNS("filter")).setAttribute("id",b),(f=createNS("feMorphology")).setAttribute("operator","dilate"),f.setAttribute("in","SourceGraphic"),f.setAttribute("radius","0"),p.appendChild(f),s.appendChild(p),n.setAttribute("stroke","s"===c[r].mode?"#000000":"#ffffff")):m=f=null,this.storedData[r]={elem:n,x:m,expan:f,lastPath:"",lastOperator:"",filterId:b,lastRadius:0},"i"==c[r].mode){h=u.length;var E=createNS("g");for(o=0;o<h;o+=1)E.appendChild(u[o]);var x=createNS("mask");x.setAttribute("mask-type","alpha"),x.setAttribute("id",y+"_"+d),x.appendChild(n),s.appendChild(x),E.setAttribute("mask","url("+locationHref+"#"+y+"_"+d+")"),u.length=0,u.push(E)}else u.push(n);c[r].inv&&!this.solidPath&&(this.solidPath=this.createLayerSolidPath()),this.viewData[r]={elem:n,lastPath:"",op:PropertyFactory.getProp(this.element,c[r].o,0,.01,this.element),prop:ShapePropertyFactory.getShapeProp(this.element,c[r],3),invRect:l},this.viewData[r].prop.k||this.drawPath(c[r],this.viewData[r].prop.v,this.viewData[r])}else this.viewData[r]={op:PropertyFactory.getProp(this.element,c[r].o,0,.01,this.element),prop:ShapePropertyFactory.getShapeProp(this.element,c[r],3),elem:n,lastPath:""},s.appendChild(n);for(this.maskElement=createNS(g),a=u.length,r=0;r<a;r+=1)this.maskElement.appendChild(u[r]);0<d&&(this.maskElement.setAttribute("id",y),this.element.maskedElement.setAttribute(v,"url("+locationHref+"#"+y+")"),s.appendChild(this.maskElement)),this.viewData.length&&this.element.addRenderableComponent(this)}function HierarchyElement(){}function FrameElement(){}function TransformElement(){}function RenderableElement(){}function RenderableDOMElement(){}function ProcessedElement(t,e){this.elem=t,this.pos=e}function SVGStyleData(t,e){this.data=t,this.type=t.ty,this.d="",this.lvl=e,this._mdf=!1,this.closed=!0===t.hd,this.pElem=createNS("path"),this.msElem=null}function SVGShapeData(t,e,i){this.caches=[],this.styles=[],this.transformers=t,this.lStr="",this.sh=i,this.lvl=e,this._isAnimated=!!i.k;for(var r=0,s=t.length;r<s;){if(t[r].mProps.dynamicProperties.length){this._isAnimated=!0;break}r+=1}}function SVGTransformData(t,e,i){this.transform={mProps:t,op:e,container:i},this.elements=[],this._isAnimated=this.transform.mProps.dynamicProperties.length||this.transform.op.effectsSequence.length}function SVGStrokeStyleData(t,e,i){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.o=PropertyFactory.getProp(t,e.o,0,.01,this),this.w=PropertyFactory.getProp(t,e.w,0,null,this),this.d=new DashProperty(t,e.d||{},"svg",this),this.c=PropertyFactory.getProp(t,e.c,1,255,this),this.style=i,this._isAnimated=!!this._isAnimated}function SVGFillStyleData(t,e,i){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.o=PropertyFactory.getProp(t,e.o,0,.01,this),this.c=PropertyFactory.getProp(t,e.c,1,255,this),this.style=i}function SVGGradientFillStyleData(t,e,i){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.initGradientData(t,e,i)}function SVGGradientStrokeStyleData(t,e,i){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.w=PropertyFactory.getProp(t,e.w,0,null,this),this.d=new DashProperty(t,e.d||{},"svg",this),this.initGradientData(t,e,i),this._isAnimated=!!this._isAnimated}function ShapeGroupData(){this.it=[],this.prevViewData=[],this.gr=createNS("g")}BaseRenderer.prototype.checkLayers=function(t){var e,i,r=this.layers.length;for(this.completeLayers=!0,e=r-1;0<=e;e--)this.elements[e]||(i=this.layers[e]).ip-i.st<=t-this.layers[e].st&&i.op-i.st>t-this.layers[e].st&&this.buildItem(e),this.completeLayers=!!this.elements[e]&&this.completeLayers;this.checkPendingElements()},BaseRenderer.prototype.createItem=function(t){switch(t.ty){case 2:return this.createImage(t);case 0:return this.createComp(t);case 1:return this.createSolid(t);case 3:return this.createNull(t);case 4:return this.createShape(t);case 5:return this.createText(t);case 13:return this.createCamera(t)}return this.createNull(t)},BaseRenderer.prototype.createCamera=function(){throw new Error("You're using a 3d camera. Try the html renderer.")},BaseRenderer.prototype.buildAllItems=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)this.buildItem(t);this.checkPendingElements()},BaseRenderer.prototype.includeLayers=function(t){this.completeLayers=!1;var e,i,r=t.length,s=this.layers.length;for(e=0;e<r;e+=1)for(i=0;i<s;){if(this.layers[i].id==t[e].id){this.layers[i]=t[e];break}i+=1}},BaseRenderer.prototype.setProjectInterface=function(t){this.globalData.projectInterface=t},BaseRenderer.prototype.initItems=function(){this.globalData.progressiveLoad||this.buildAllItems()},BaseRenderer.prototype.buildElementParenting=function(t,e,i){for(var r=this.elements,s=this.layers,a=0,n=s.length;a<n;)s[a].ind==e&&(r[a]&&!0!==r[a]?(i.push(r[a]),r[a].setAsParent(),void 0!==s[a].parent?this.buildElementParenting(t,s[a].parent,i):t.setHierarchy(i)):(this.buildItem(a),this.addPendingElement(t))),a+=1},BaseRenderer.prototype.addPendingElement=function(t){this.pendingElements.push(t)},BaseRenderer.prototype.searchExtraCompositions=function(t){var e,i=t.length;for(e=0;e<i;e+=1)if(t[e].xt){var r=this.createComp(t[e]);r.initExpressions(),this.globalData.projectInterface.registerComposition(r)}},BaseRenderer.prototype.setupGlobalData=function(t,e){this.globalData.fontManager=new FontManager,this.globalData.fontManager.addChars(t.chars),this.globalData.fontManager.addFonts(t.fonts,e),this.globalData.getAssetData=this.animationItem.getAssetData.bind(this.animationItem),this.globalData.getAssetsPath=this.animationItem.getAssetsPath.bind(this.animationItem),this.globalData.imageLoader=this.animationItem.imagePreloader,this.globalData.frameId=0,this.globalData.frameRate=t.fr,this.globalData.nm=t.nm,this.globalData.compSize={w:t.w,h:t.h}},extendPrototype([BaseRenderer],SVGRenderer),SVGRenderer.prototype.createNull=function(t){return new NullElement(t,this.globalData,this)},SVGRenderer.prototype.createShape=function(t){return new SVGShapeElement(t,this.globalData,this)},SVGRenderer.prototype.createText=function(t){return new SVGTextElement(t,this.globalData,this)},SVGRenderer.prototype.createImage=function(t){return new IImageElement(t,this.globalData,this)},SVGRenderer.prototype.createComp=function(t){return new SVGCompElement(t,this.globalData,this)},SVGRenderer.prototype.createSolid=function(t){return new ISolidElement(t,this.globalData,this)},SVGRenderer.prototype.configAnimation=function(t){this.svgElement.setAttribute("xmlns","http://www.w3.org/2000/svg"),this.renderConfig.viewBoxSize?this.svgElement.setAttribute("viewBox",this.renderConfig.viewBoxSize):this.svgElement.setAttribute("viewBox","0 0 "+t.w+" "+t.h),this.renderConfig.viewBoxOnly||(this.svgElement.setAttribute("width",t.w),this.svgElement.setAttribute("height",t.h),this.svgElement.style.width="100%",this.svgElement.style.height="100%",this.svgElement.style.transform="translate3d(0,0,0)"),this.renderConfig.className&&this.svgElement.setAttribute("class",this.renderConfig.className),this.svgElement.setAttribute("preserveAspectRatio",this.renderConfig.preserveAspectRatio),this.animationItem.wrapper.appendChild(this.svgElement);var e=this.globalData.defs;this.setupGlobalData(t,e),this.globalData.progressiveLoad=this.renderConfig.progressiveLoad,this.data=t;var i=createNS("clipPath"),r=createNS("rect");r.setAttribute("width",t.w),r.setAttribute("height",t.h),r.setAttribute("x",0),r.setAttribute("y",0);var s="animationMask_"+randomString(10);i.setAttribute("id",s),i.appendChild(r),this.layerElement.setAttribute("clip-path","url("+locationHref+"#"+s+")"),e.appendChild(i),this.layers=t.layers,this.elements=createSizedArray(t.layers.length)},SVGRenderer.prototype.destroy=function(){this.animationItem.wrapper.innerHTML="",this.layerElement=null,this.globalData.defs=null;var t,e=this.layers?this.layers.length:0;for(t=0;t<e;t++)this.elements[t]&&this.elements[t].destroy();this.elements.length=0,this.destroyed=!0,this.animationItem=null},SVGRenderer.prototype.updateContainerSize=function(){},SVGRenderer.prototype.buildItem=function(t){var e=this.elements;if(!e[t]&&99!=this.layers[t].ty){e[t]=!0;var i=this.createItem(this.layers[t]);e[t]=i,expressionsPlugin&&(0===this.layers[t].ty&&this.globalData.projectInterface.registerComposition(i),i.initExpressions()),this.appendElementInPos(i,t),this.layers[t].tt&&(this.elements[t-1]&&!0!==this.elements[t-1]?i.setMatte(e[t-1].layerId):(this.buildItem(t-1),this.addPendingElement(i)))}},SVGRenderer.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){var t=this.pendingElements.pop();if(t.checkParenting(),t.data.tt)for(var e=0,i=this.elements.length;e<i;){if(this.elements[e]===t){t.setMatte(this.elements[e-1].layerId);break}e+=1}}},SVGRenderer.prototype.renderFrame=function(t){if(this.renderedFrame!==t&&!this.destroyed){null===t?t=this.renderedFrame:this.renderedFrame=t,this.globalData.frameNum=t,this.globalData.frameId+=1,this.globalData.projectInterface.currentFrame=t,this.globalData._mdf=!1;var e,i=this.layers.length;for(this.completeLayers||this.checkLayers(t),e=i-1;0<=e;e--)(this.completeLayers||this.elements[e])&&this.elements[e].prepareFrame(t-this.layers[e].st);if(this.globalData._mdf)for(e=0;e<i;e+=1)(this.completeLayers||this.elements[e])&&this.elements[e].renderFrame()}},SVGRenderer.prototype.appendElementInPos=function(t,e){var i=t.getBaseElement();if(i){for(var r,s=0;s<e;)this.elements[s]&&!0!==this.elements[s]&&this.elements[s].getBaseElement()&&(r=this.elements[s].getBaseElement()),s+=1;r?this.layerElement.insertBefore(i,r):this.layerElement.appendChild(i)}},SVGRenderer.prototype.hide=function(){this.layerElement.style.display="none"},SVGRenderer.prototype.show=function(){this.layerElement.style.display="block"},extendPrototype([BaseRenderer],HybridRenderer),HybridRenderer.prototype.buildItem=SVGRenderer.prototype.buildItem,HybridRenderer.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){this.pendingElements.pop().checkParenting()}},HybridRenderer.prototype.appendElementInPos=function(t,e){var i=t.getBaseElement();if(i){var r=this.layers[e];if(r.ddd&&this.supports3d)this.addTo3dContainer(i,e);else if(this.threeDElements)this.addTo3dContainer(i,e);else{for(var s,a,n=0;n<e;)this.elements[n]&&!0!==this.elements[n]&&this.elements[n].getBaseElement&&(a=this.elements[n],s=(this.layers[n].ddd?this.getThreeDContainerByPos(n):a.getBaseElement())||s),n+=1;s?r.ddd&&this.supports3d||this.layerElement.insertBefore(i,s):r.ddd&&this.supports3d||this.layerElement.appendChild(i)}}},HybridRenderer.prototype.createShape=function(t){return this.supports3d?new HShapeElement(t,this.globalData,this):new SVGShapeElement(t,this.globalData,this)},HybridRenderer.prototype.createText=function(t){return this.supports3d?new HTextElement(t,this.globalData,this):new SVGTextElement(t,this.globalData,this)},HybridRenderer.prototype.createCamera=function(t){return this.camera=new HCameraElement(t,this.globalData,this),this.camera},HybridRenderer.prototype.createImage=function(t){return this.supports3d?new HImageElement(t,this.globalData,this):new IImageElement(t,this.globalData,this)},HybridRenderer.prototype.createComp=function(t){return this.supports3d?new HCompElement(t,this.globalData,this):new SVGCompElement(t,this.globalData,this)},HybridRenderer.prototype.createSolid=function(t){return this.supports3d?new HSolidElement(t,this.globalData,this):new ISolidElement(t,this.globalData,this)},HybridRenderer.prototype.createNull=SVGRenderer.prototype.createNull,HybridRenderer.prototype.getThreeDContainerByPos=function(t){for(var e=0,i=this.threeDElements.length;e<i;){if(this.threeDElements[e].startPos<=t&&this.threeDElements[e].endPos>=t)return this.threeDElements[e].perspectiveElem;e+=1}},HybridRenderer.prototype.createThreeDContainer=function(t,e){var i=createTag("div");styleDiv(i);var r=createTag("div");styleDiv(r),"3d"===e&&(i.style.width=this.globalData.compSize.w+"px",i.style.height=this.globalData.compSize.h+"px",i.style.transformOrigin=i.style.mozTransformOrigin=i.style.webkitTransformOrigin="50% 50%",r.style.transform=r.style.webkitTransform="matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)"),i.appendChild(r);var s={container:r,perspectiveElem:i,startPos:t,endPos:t,type:e};return this.threeDElements.push(s),s},HybridRenderer.prototype.build3dContainers=function(){var t,e,i=this.layers.length,r="";for(t=0;t<i;t+=1)this.layers[t].ddd&&3!==this.layers[t].ty?"3d"!==r&&(r="3d",e=this.createThreeDContainer(t,"3d")):"2d"!==r&&(r="2d",e=this.createThreeDContainer(t,"2d")),e.endPos=Math.max(e.endPos,t);for(t=(i=this.threeDElements.length)-1;0<=t;t--)this.resizerElem.appendChild(this.threeDElements[t].perspectiveElem)},HybridRenderer.prototype.addTo3dContainer=function(t,e){for(var i=0,r=this.threeDElements.length;i<r;){if(e<=this.threeDElements[i].endPos){for(var s,a=this.threeDElements[i].startPos;a<e;)this.elements[a]&&this.elements[a].getBaseElement&&(s=this.elements[a].getBaseElement()),a+=1;s?this.threeDElements[i].container.insertBefore(t,s):this.threeDElements[i].container.appendChild(t);break}i+=1}},HybridRenderer.prototype.configAnimation=function(t){var e=createTag("div"),i=this.animationItem.wrapper;e.style.width=t.w+"px",e.style.height=t.h+"px",styleDiv(this.resizerElem=e),e.style.transformStyle=e.style.webkitTransformStyle=e.style.mozTransformStyle="flat",this.renderConfig.className&&e.setAttribute("class",this.renderConfig.className),i.appendChild(e),e.style.overflow="hidden";var r=createNS("svg");r.setAttribute("width","1"),r.setAttribute("height","1"),styleDiv(r),this.resizerElem.appendChild(r);var s=createNS("defs");r.appendChild(s),this.data=t,this.setupGlobalData(t,r),this.globalData.defs=s,this.layers=t.layers,this.layerElement=this.resizerElem,this.build3dContainers(),this.updateContainerSize()},HybridRenderer.prototype.destroy=function(){this.animationItem.wrapper.innerHTML="",this.animationItem.container=null,this.globalData.defs=null;var t,e=this.layers?this.layers.length:0;for(t=0;t<e;t++)this.elements[t].destroy();this.elements.length=0,this.destroyed=!0,this.animationItem=null},HybridRenderer.prototype.updateContainerSize=function(){var t,e,i,r,s=this.animationItem.wrapper.offsetWidth,a=this.animationItem.wrapper.offsetHeight;r=s/a<this.globalData.compSize.w/this.globalData.compSize.h?(t=s/this.globalData.compSize.w,e=s/this.globalData.compSize.w,i=0,(a-this.globalData.compSize.h*(s/this.globalData.compSize.w))/2):(t=a/this.globalData.compSize.h,e=a/this.globalData.compSize.h,i=(s-this.globalData.compSize.w*(a/this.globalData.compSize.h))/2,0),this.resizerElem.style.transform=this.resizerElem.style.webkitTransform="matrix3d("+t+",0,0,0,0,"+e+",0,0,0,0,1,0,"+i+","+r+",0,1)"},HybridRenderer.prototype.renderFrame=SVGRenderer.prototype.renderFrame,HybridRenderer.prototype.hide=function(){this.resizerElem.style.display="none"},HybridRenderer.prototype.show=function(){this.resizerElem.style.display="block"},HybridRenderer.prototype.initItems=function(){if(this.buildAllItems(),this.camera)this.camera.setup();else{var t,e=this.globalData.compSize.w,i=this.globalData.compSize.h,r=this.threeDElements.length;for(t=0;t<r;t+=1)this.threeDElements[t].perspectiveElem.style.perspective=this.threeDElements[t].perspectiveElem.style.webkitPerspective=Math.sqrt(Math.pow(e,2)+Math.pow(i,2))+"px"}},HybridRenderer.prototype.searchExtraCompositions=function(t){var e,i=t.length,r=createTag("div");for(e=0;e<i;e+=1)if(t[e].xt){var s=this.createComp(t[e],r,this.globalData.comp,null);s.initExpressions(),this.globalData.projectInterface.registerComposition(s)}},MaskElement.prototype.getMaskProperty=function(t){return this.viewData[t].prop},MaskElement.prototype.renderFrame=function(t){var e,i=this.element.finalTransform.mat,r=this.masksProperties.length;for(e=0;e<r;e++)if((this.viewData[e].prop._mdf||t)&&this.drawPath(this.masksProperties[e],this.viewData[e].prop.v,this.viewData[e]),(this.viewData[e].op._mdf||t)&&this.viewData[e].elem.setAttribute("fill-opacity",this.viewData[e].op.v),"n"!==this.masksProperties[e].mode&&(this.viewData[e].invRect&&(this.element.finalTransform.mProp._mdf||t)&&(this.viewData[e].invRect.setAttribute("x",-i.props[12]),this.viewData[e].invRect.setAttribute("y",-i.props[13])),this.storedData[e].x&&(this.storedData[e].x._mdf||t))){var s=this.storedData[e].expan;this.storedData[e].x.v<0?("erode"!==this.storedData[e].lastOperator&&(this.storedData[e].lastOperator="erode",this.storedData[e].elem.setAttribute("filter","url("+locationHref+"#"+this.storedData[e].filterId+")")),s.setAttribute("radius",-this.storedData[e].x.v)):("dilate"!==this.storedData[e].lastOperator&&(this.storedData[e].lastOperator="dilate",this.storedData[e].elem.setAttribute("filter",null)),this.storedData[e].elem.setAttribute("stroke-width",2*this.storedData[e].x.v))}},MaskElement.prototype.getMaskelement=function(){return this.maskElement},MaskElement.prototype.createLayerSolidPath=function(){var t="M0,0 ";return t+=" h"+this.globalData.compSize.w,t+=" v"+this.globalData.compSize.h,t+=" h-"+this.globalData.compSize.w,t+=" v-"+this.globalData.compSize.h+" "},MaskElement.prototype.drawPath=function(t,e,i){var r,s,a=" M"+e.v[0][0]+","+e.v[0][1];for(s=e._length,r=1;r<s;r+=1)a+=" C"+e.o[r-1][0]+","+e.o[r-1][1]+" "+e.i[r][0]+","+e.i[r][1]+" "+e.v[r][0]+","+e.v[r][1];if(e.c&&1<s&&(a+=" C"+e.o[r-1][0]+","+e.o[r-1][1]+" "+e.i[0][0]+","+e.i[0][1]+" "+e.v[0][0]+","+e.v[0][1]),i.lastPath!==a){var n="";i.elem&&(e.c&&(n=t.inv?this.solidPath+a:a),i.elem.setAttribute("d",n)),i.lastPath=a}},MaskElement.prototype.destroy=function(){this.element=null,this.globalData=null,this.maskElement=null,this.data=null,this.masksProperties=null},HierarchyElement.prototype={initHierarchy:function(){this.hierarchy=[],this._isParent=!1,this.checkParenting()},setHierarchy:function(t){this.hierarchy=t},setAsParent:function(){this._isParent=!0},checkParenting:function(){void 0!==this.data.parent&&this.comp.buildElementParenting(this,this.data.parent,[])}},FrameElement.prototype={initFrame:function(){this._isFirstFrame=!1,this.dynamicProperties=[],this._mdf=!1},prepareProperties:function(t,e){var i,r=this.dynamicProperties.length;for(i=0;i<r;i+=1)(e||this._isParent&&"transform"===this.dynamicProperties[i].propType)&&(this.dynamicProperties[i].getValue(),this.dynamicProperties[i]._mdf&&(this.globalData._mdf=!0,this._mdf=!0))},addDynamicProperty:function(t){-1===this.dynamicProperties.indexOf(t)&&this.dynamicProperties.push(t)}},TransformElement.prototype={initTransform:function(){this.finalTransform={mProp:this.data.ks?TransformPropertyFactory.getTransformProperty(this,this.data.ks,this):{o:0},_matMdf:!1,_opMdf:!1,mat:new Matrix},this.data.ao&&(this.finalTransform.mProp.autoOriented=!0),this.data.ty},renderTransform:function(){if(this.finalTransform._opMdf=this.finalTransform.mProp.o._mdf||this._isFirstFrame,this.finalTransform._matMdf=this.finalTransform.mProp._mdf||this._isFirstFrame,this.hierarchy){var t,e=this.finalTransform.mat,i=0,r=this.hierarchy.length;if(!this.finalTransform._matMdf)for(;i<r;){if(this.hierarchy[i].finalTransform.mProp._mdf){this.finalTransform._matMdf=!0;break}i+=1}if(this.finalTransform._matMdf)for(t=this.finalTransform.mProp.v.props,e.cloneFromProps(t),i=0;i<r;i+=1)t=this.hierarchy[i].finalTransform.mProp.v.props,e.transform(t[0],t[1],t[2],t[3],t[4],t[5],t[6],t[7],t[8],t[9],t[10],t[11],t[12],t[13],t[14],t[15])}},globalToLocal:function(t){var e=[];e.push(this.finalTransform);for(var i=!0,r=this.comp;i;)r.finalTransform?(r.data.hasMask&&e.splice(0,0,r.finalTransform),r=r.comp):i=!1;var s,a,n=e.length;for(s=0;s<n;s+=1)a=e[s].mat.applyToPointArray(0,0,0),t=[t[0]-a[0],t[1]-a[1],0];return t},mHelper:new Matrix},RenderableElement.prototype={initRenderable:function(){this.isInRange=!1,this.hidden=!1,this.isTransparent=!1,this.renderableComponents=[]},addRenderableComponent:function(t){-1===this.renderableComponents.indexOf(t)&&this.renderableComponents.push(t)},removeRenderableComponent:function(t){-1!==this.renderableComponents.indexOf(t)&&this.renderableComponents.splice(this.renderableComponents.indexOf(t),1)},prepareRenderableFrame:function(t){this.checkLayerLimits(t)},checkTransparency:function(){this.finalTransform.mProp.o.v<=0?!this.isTransparent&&this.globalData.renderConfig.hideOnTransparent&&(this.isTransparent=!0,this.hide()):this.isTransparent&&(this.isTransparent=!1,this.show())},checkLayerLimits:function(t){this.data.ip-this.data.st<=t&&this.data.op-this.data.st>t?!0!==this.isInRange&&(this.globalData._mdf=!0,this._mdf=!0,this.isInRange=!0,this.show()):!1!==this.isInRange&&(this.globalData._mdf=!0,this.isInRange=!1,this.hide())},renderRenderable:function(){var t,e=this.renderableComponents.length;for(t=0;t<e;t+=1)this.renderableComponents[t].renderFrame(this._isFirstFrame)},sourceRectAtTime:function(){return{top:0,left:0,width:100,height:100}},getLayerSize:function(){return 5===this.data.ty?{w:this.data.textData.width,h:this.data.textData.height}:{w:this.data.width,h:this.data.height}}},extendPrototype([RenderableElement,createProxyFunction({initElement:function(t,e,i){this.initFrame(),this.initBaseData(t,e,i),this.initTransform(t,e,i),this.initHierarchy(),this.initRenderable(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),this.createContent(),this.hide()},hide:function(){this.hidden||this.isInRange&&!this.isTransparent||((this.baseElement||this.layerElement).style.display="none",this.hidden=!0)},show:function(){this.isInRange&&!this.isTransparent&&(this.data.hd||((this.baseElement||this.layerElement).style.display="block"),this.hidden=!1,this._isFirstFrame=!0)},renderFrame:function(){this.data.hd||this.hidden||(this.renderTransform(),this.renderRenderable(),this.renderElement(),this.renderInnerContent(),this._isFirstFrame&&(this._isFirstFrame=!1))},renderInnerContent:function(){},prepareFrame:function(t){this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),this.checkTransparency()},destroy:function(){this.innerElem=null,this.destroyBaseElement()}})],RenderableDOMElement),SVGStyleData.prototype.reset=function(){this.d="",this._mdf=!1},SVGShapeData.prototype.setAsAnimated=function(){this._isAnimated=!0},extendPrototype([DynamicPropertyContainer],SVGStrokeStyleData),extendPrototype([DynamicPropertyContainer],SVGFillStyleData),SVGGradientFillStyleData.prototype.initGradientData=function(t,e,i){this.o=PropertyFactory.getProp(t,e.o,0,.01,this),this.s=PropertyFactory.getProp(t,e.s,1,null,this),this.e=PropertyFactory.getProp(t,e.e,1,null,this),this.h=PropertyFactory.getProp(t,e.h||{k:0},0,.01,this),this.a=PropertyFactory.getProp(t,e.a||{k:0},0,degToRads,this),this.g=new GradientProperty(t,e.g,this),this.style=i,this.stops=[],this.setGradientData(i.pElem,e),this.setGradientOpacity(e,i),this._isAnimated=!!this._isAnimated},SVGGradientFillStyleData.prototype.setGradientData=function(t,e){var i="gr_"+randomString(10),r=createNS(1===e.t?"linearGradient":"radialGradient");r.setAttribute("id",i),r.setAttribute("spreadMethod","pad"),r.setAttribute("gradientUnits","userSpaceOnUse");var s,a,n,o=[];for(n=4*e.g.p,a=0;a<n;a+=4)s=createNS("stop"),r.appendChild(s),o.push(s);t.setAttribute("gf"===e.ty?"fill":"stroke","url("+locationHref+"#"+i+")"),this.gf=r,this.cst=o},SVGGradientFillStyleData.prototype.setGradientOpacity=function(t,e){if(this.g._hasOpacity&&!this.g._collapsable){var i,r,s,a=createNS("mask"),n=createNS("path");a.appendChild(n);var o="op_"+randomString(10),h="mk_"+randomString(10);a.setAttribute("id",h);var l=createNS(1===t.t?"linearGradient":"radialGradient");l.setAttribute("id",o),l.setAttribute("spreadMethod","pad"),l.setAttribute("gradientUnits","userSpaceOnUse"),s=t.g.k.k[0].s?t.g.k.k[0].s.length:t.g.k.k.length;var p=this.stops;for(r=4*t.g.p;r<s;r+=2)(i=createNS("stop")).setAttribute("stop-color","rgb(255,255,255)"),l.appendChild(i),p.push(i);n.setAttribute("gf"===t.ty?"fill":"stroke","url("+locationHref+"#"+o+")"),this.of=l,this.ms=a,this.ost=p,this.maskId=h,e.msElem=n}},extendPrototype([DynamicPropertyContainer],SVGGradientFillStyleData),extendPrototype([SVGGradientFillStyleData,DynamicPropertyContainer],SVGGradientStrokeStyleData);var SVGElementsRenderer=function(){var y=new Matrix,g=new Matrix;function e(t,e,i){(i||e.transform.op._mdf)&&e.transform.container.setAttribute("opacity",e.transform.op.v),(i||e.transform.mProps._mdf)&&e.transform.container.setAttribute("transform",e.transform.mProps.v.to2dCSS())}function i(t,e,i){var r,s,a,n,o,h,l,p,f,m,c,d=e.styles.length,u=e.lvl;for(h=0;h<d;h+=1){if(n=e.sh._mdf||i,e.styles[h].lvl<u){for(p=g.reset(),m=u-e.styles[h].lvl,c=e.transformers.length-1;!n&&0<m;)n=e.transformers[c].mProps._mdf||n,m--,c--;if(n)for(m=u-e.styles[h].lvl,c=e.transformers.length-1;0<m;)f=e.transformers[c].mProps.v.props,p.transform(f[0],f[1],f[2],f[3],f[4],f[5],f[6],f[7],f[8],f[9],f[10],f[11],f[12],f[13],f[14],f[15]),m--,c--}else p=y;if(s=(l=e.sh.paths)._length,n){for(a="",r=0;r<s;r+=1)(o=l.shapes[r])&&o._length&&(a+=buildShapeString(o,o._length,o.c,p));e.caches[h]=a}else a=e.caches[h];e.styles[h].d+=!0===t.hd?"":a,e.styles[h]._mdf=n||e.styles[h]._mdf}}function r(t,e,i){var r=e.style;(e.c._mdf||i)&&r.pElem.setAttribute("fill","rgb("+bm_floor(e.c.v[0])+","+bm_floor(e.c.v[1])+","+bm_floor(e.c.v[2])+")"),(e.o._mdf||i)&&r.pElem.setAttribute("fill-opacity",e.o.v)}function s(t,e,i){a(t,e,i),n(t,e,i)}function a(t,e,i){var r,s,a,n,o,h=e.gf,l=e.g._hasOpacity,p=e.s.v,f=e.e.v;if(e.o._mdf||i){var m="gf"===t.ty?"fill-opacity":"stroke-opacity";e.style.pElem.setAttribute(m,e.o.v)}if(e.s._mdf||i){var c=1===t.t?"x1":"cx",d="x1"===c?"y1":"cy";h.setAttribute(c,p[0]),h.setAttribute(d,p[1]),l&&!e.g._collapsable&&(e.of.setAttribute(c,p[0]),e.of.setAttribute(d,p[1]))}if(e.g._cmdf||i){r=e.cst;var u=e.g.c;for(a=r.length,s=0;s<a;s+=1)(n=r[s]).setAttribute("offset",u[4*s]+"%"),n.setAttribute("stop-color","rgb("+u[4*s+1]+","+u[4*s+2]+","+u[4*s+3]+")")}if(l&&(e.g._omdf||i)){var y=e.g.o;for(a=(r=e.g._collapsable?e.cst:e.ost).length,s=0;s<a;s+=1)n=r[s],e.g._collapsable||n.setAttribute("offset",y[2*s]+"%"),n.setAttribute("stop-opacity",y[2*s+1])}if(1===t.t)(e.e._mdf||i)&&(h.setAttribute("x2",f[0]),h.setAttribute("y2",f[1]),l&&!e.g._collapsable&&(e.of.setAttribute("x2",f[0]),e.of.setAttribute("y2",f[1])));else if((e.s._mdf||e.e._mdf||i)&&(o=Math.sqrt(Math.pow(p[0]-f[0],2)+Math.pow(p[1]-f[1],2)),h.setAttribute("r",o),l&&!e.g._collapsable&&e.of.setAttribute("r",o)),e.e._mdf||e.h._mdf||e.a._mdf||i){o||(o=Math.sqrt(Math.pow(p[0]-f[0],2)+Math.pow(p[1]-f[1],2)));var g=Math.atan2(f[1]-p[1],f[0]-p[0]),v=o*(1<=e.h.v?.99:e.h.v<=-1?-.99:e.h.v),b=Math.cos(g+e.a.v)*v+p[0],E=Math.sin(g+e.a.v)*v+p[1];h.setAttribute("fx",b),h.setAttribute("fy",E),l&&!e.g._collapsable&&(e.of.setAttribute("fx",b),e.of.setAttribute("fy",E))}}function n(t,e,i){var r=e.style,s=e.d;s&&(s._mdf||i)&&s.dashStr&&(r.pElem.setAttribute("stroke-dasharray",s.dashStr),r.pElem.setAttribute("stroke-dashoffset",s.dashoffset[0])),e.c&&(e.c._mdf||i)&&r.pElem.setAttribute("stroke","rgb("+bm_floor(e.c.v[0])+","+bm_floor(e.c.v[1])+","+bm_floor(e.c.v[2])+")"),(e.o._mdf||i)&&r.pElem.setAttribute("stroke-opacity",e.o.v),(e.w._mdf||i)&&(r.pElem.setAttribute("stroke-width",e.w.v),r.msElem&&r.msElem.setAttribute("stroke-width",e.w.v))}return{createRenderFunction:function(t){t.ty;switch(t.ty){case"fl":return r;case"gf":return a;case"gs":return s;case"st":return n;case"sh":case"el":case"rc":case"sr":return i;case"tr":return e}}}}();function ShapeTransformManager(){this.sequences={},this.sequenceList=[],this.transform_key_count=0}function BaseElement(){}function NullElement(t,e,i){this.initFrame(),this.initBaseData(t,e,i),this.initFrame(),this.initTransform(t,e,i),this.initHierarchy()}function SVGBaseElement(){}function IShapeElement(){}function ITextElement(){}function ICompElement(){}function IImageElement(t,e,i){this.assetData=e.getAssetData(t.refId),this.initElement(t,e,i)}function ISolidElement(t,e,i){this.initElement(t,e,i)}function SVGCompElement(t,e,i){this.layers=t.layers,this.supports3d=!0,this.completeLayers=!1,this.pendingElements=[],this.elements=this.layers?createSizedArray(this.layers.length):[],this.initElement(t,e,i),this.tm=t.tm?PropertyFactory.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function SVGTextElement(t,e,i){this.textSpans=[],this.renderType="svg",this.initElement(t,e,i)}function SVGShapeElement(t,e,i){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.shapeModifiers=[],this.itemsData=[],this.processedElements=[],this.animatedContents=[],this.initElement(t,e,i),this.prevViewData=[]}function SVGTintFilter(t,e){this.filterManager=e;var i=createNS("feColorMatrix");if(i.setAttribute("type","matrix"),i.setAttribute("color-interpolation-filters","linearRGB"),i.setAttribute("values","0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"),i.setAttribute("result","f1"),t.appendChild(i),(i=createNS("feColorMatrix")).setAttribute("type","matrix"),i.setAttribute("color-interpolation-filters","sRGB"),i.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"),i.setAttribute("result","f2"),t.appendChild(i),this.matrixFilter=i,100!==e.effectElements[2].p.v||e.effectElements[2].p.k){var r,s=createNS("feMerge");t.appendChild(s),(r=createNS("feMergeNode")).setAttribute("in","SourceGraphic"),s.appendChild(r),(r=createNS("feMergeNode")).setAttribute("in","f2"),s.appendChild(r)}}function SVGFillFilter(t,e){this.filterManager=e;var i=createNS("feColorMatrix");i.setAttribute("type","matrix"),i.setAttribute("color-interpolation-filters","sRGB"),i.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"),t.appendChild(i),this.matrixFilter=i}function SVGStrokeEffect(t,e){this.initialized=!1,this.filterManager=e,this.elem=t,this.paths=[]}function SVGTritoneFilter(t,e){this.filterManager=e;var i=createNS("feColorMatrix");i.setAttribute("type","matrix"),i.setAttribute("color-interpolation-filters","linearRGB"),i.setAttribute("values","0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"),i.setAttribute("result","f1"),t.appendChild(i);var r=createNS("feComponentTransfer");r.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(r),this.matrixFilter=r;var s=createNS("feFuncR");s.setAttribute("type","table"),r.appendChild(s),this.feFuncR=s;var a=createNS("feFuncG");a.setAttribute("type","table"),r.appendChild(a),this.feFuncG=a;var n=createNS("feFuncB");n.setAttribute("type","table"),r.appendChild(n),this.feFuncB=n}function SVGProLevelsFilter(t,e){this.filterManager=e;var i=this.filterManager.effectElements,r=createNS("feComponentTransfer");(i[10].p.k||0!==i[10].p.v||i[11].p.k||1!==i[11].p.v||i[12].p.k||1!==i[12].p.v||i[13].p.k||0!==i[13].p.v||i[14].p.k||1!==i[14].p.v)&&(this.feFuncR=this.createFeFunc("feFuncR",r)),(i[17].p.k||0!==i[17].p.v||i[18].p.k||1!==i[18].p.v||i[19].p.k||1!==i[19].p.v||i[20].p.k||0!==i[20].p.v||i[21].p.k||1!==i[21].p.v)&&(this.feFuncG=this.createFeFunc("feFuncG",r)),(i[24].p.k||0!==i[24].p.v||i[25].p.k||1!==i[25].p.v||i[26].p.k||1!==i[26].p.v||i[27].p.k||0!==i[27].p.v||i[28].p.k||1!==i[28].p.v)&&(this.feFuncB=this.createFeFunc("feFuncB",r)),(i[31].p.k||0!==i[31].p.v||i[32].p.k||1!==i[32].p.v||i[33].p.k||1!==i[33].p.v||i[34].p.k||0!==i[34].p.v||i[35].p.k||1!==i[35].p.v)&&(this.feFuncA=this.createFeFunc("feFuncA",r)),(this.feFuncR||this.feFuncG||this.feFuncB||this.feFuncA)&&(r.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(r),r=createNS("feComponentTransfer")),(i[3].p.k||0!==i[3].p.v||i[4].p.k||1!==i[4].p.v||i[5].p.k||1!==i[5].p.v||i[6].p.k||0!==i[6].p.v||i[7].p.k||1!==i[7].p.v)&&(r.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(r),this.feFuncRComposed=this.createFeFunc("feFuncR",r),this.feFuncGComposed=this.createFeFunc("feFuncG",r),this.feFuncBComposed=this.createFeFunc("feFuncB",r))}function SVGDropShadowEffect(t,e){t.setAttribute("x","-100%"),t.setAttribute("y","-100%"),t.setAttribute("width","400%"),t.setAttribute("height","400%"),this.filterManager=e;var i=createNS("feGaussianBlur");i.setAttribute("in","SourceAlpha"),i.setAttribute("result","drop_shadow_1"),i.setAttribute("stdDeviation","0"),this.feGaussianBlur=i,t.appendChild(i);var r=createNS("feOffset");r.setAttribute("dx","25"),r.setAttribute("dy","0"),r.setAttribute("in","drop_shadow_1"),r.setAttribute("result","drop_shadow_2"),this.feOffset=r,t.appendChild(r);var s=createNS("feFlood");s.setAttribute("flood-color","#00ff00"),s.setAttribute("flood-opacity","1"),s.setAttribute("result","drop_shadow_3"),this.feFlood=s,t.appendChild(s);var a=createNS("feComposite");a.setAttribute("in","drop_shadow_3"),a.setAttribute("in2","drop_shadow_2"),a.setAttribute("operator","in"),a.setAttribute("result","drop_shadow_4"),t.appendChild(a);var n,o=createNS("feMerge");t.appendChild(o),n=createNS("feMergeNode"),o.appendChild(n),(n=createNS("feMergeNode")).setAttribute("in","SourceGraphic"),this.feMergeNode=n,this.feMerge=o,this.originalNodeAdded=!1,o.appendChild(n)}ShapeTransformManager.prototype={addTransformSequence:function(t){var e,i=t.length,r="_";for(e=0;e<i;e+=1)r+=t[e].transform.key+"_";var s=this.sequences[r];return s||(s={transforms:[].concat(t),finalTransform:new Matrix,_mdf:!1},this.sequences[r]=s,this.sequenceList.push(s)),s},processSequence:function(t,e){for(var i,r=0,s=t.transforms.length,a=e;r<s&&!e;){if(t.transforms[r].transform.mProps._mdf){a=!0;break}r+=1}if(a)for(t.finalTransform.reset(),r=s-1;0<=r;r-=1)i=t.transforms[r].transform.mProps.v.props,t.finalTransform.transform(i[0],i[1],i[2],i[3],i[4],i[5],i[6],i[7],i[8],i[9],i[10],i[11],i[12],i[13],i[14],i[15]);t._mdf=a},processSequences:function(t){var e,i=this.sequenceList.length;for(e=0;e<i;e+=1)this.processSequence(this.sequenceList[e],t)},getNewKey:function(){return"_"+this.transform_key_count++}},BaseElement.prototype={checkMasks:function(){if(!this.data.hasMask)return!1;for(var t=0,e=this.data.masksProperties.length;t<e;){if("n"!==this.data.masksProperties[t].mode&&!1!==this.data.masksProperties[t].cl)return!0;t+=1}return!1},initExpressions:function(){this.layerInterface=LayerExpressionInterface(this),this.data.hasMask&&this.maskManager&&this.layerInterface.registerMaskInterface(this.maskManager);var t=EffectsExpressionInterface.createEffectsInterface(this,this.layerInterface);this.layerInterface.registerEffectsInterface(t),0===this.data.ty||this.data.xt?this.compInterface=CompExpressionInterface(this):4===this.data.ty?(this.layerInterface.shapeInterface=ShapeExpressionInterface(this.shapesData,this.itemsData,this.layerInterface),this.layerInterface.content=this.layerInterface.shapeInterface):5===this.data.ty&&(this.layerInterface.textInterface=TextExpressionInterface(this),this.layerInterface.text=this.layerInterface.textInterface)},blendModeEnums:{1:"multiply",2:"screen",3:"overlay",4:"darken",5:"lighten",6:"color-dodge",7:"color-burn",8:"hard-light",9:"soft-light",10:"difference",11:"exclusion",12:"hue",13:"saturation",14:"color",15:"luminosity"},getBlendMode:function(){return this.blendModeEnums[this.data.bm]||""},setBlendMode:function(){var t=this.getBlendMode();(this.baseElement||this.layerElement).style["mix-blend-mode"]=t},initBaseData:function(t,e,i){this.globalData=e,this.comp=i,this.data=t,this.layerId="ly_"+randomString(10),this.data.sr||(this.data.sr=1),this.effectsManager=new EffectsManager(this.data,this,this.dynamicProperties)},getType:function(){return this.type}},NullElement.prototype.prepareFrame=function(t){this.prepareProperties(t,!0)},NullElement.prototype.renderFrame=function(){},NullElement.prototype.getBaseElement=function(){return null},NullElement.prototype.destroy=function(){},NullElement.prototype.sourceRectAtTime=function(){},NullElement.prototype.hide=function(){},extendPrototype([BaseElement,TransformElement,HierarchyElement,FrameElement],NullElement),SVGBaseElement.prototype={initRendererElement:function(){this.layerElement=createNS("g")},createContainerElements:function(){this.matteElement=createNS("g"),this.transformedElement=this.layerElement,this.maskedElement=this.layerElement,this._sizeChanged=!1;var t,e,i,r=null;if(this.data.td){if(3==this.data.td||1==this.data.td){var s=createNS("mask");s.setAttribute("id",this.layerId),s.setAttribute("mask-type",3==this.data.td?"luminance":"alpha"),s.appendChild(this.layerElement),r=s,this.globalData.defs.appendChild(s),featureSupport.maskType||1!=this.data.td||(s.setAttribute("mask-type","luminance"),t=randomString(10),e=filtersFactory.createFilter(t),this.globalData.defs.appendChild(e),e.appendChild(filtersFactory.createAlphaToLuminanceFilter()),(i=createNS("g")).appendChild(this.layerElement),r=i,s.appendChild(i),i.setAttribute("filter","url("+locationHref+"#"+t+")"))}else if(2==this.data.td){var a=createNS("mask");a.setAttribute("id",this.layerId),a.setAttribute("mask-type","alpha");var n=createNS("g");a.appendChild(n),t=randomString(10),e=filtersFactory.createFilter(t);var o=createNS("feColorMatrix");o.setAttribute("type","matrix"),o.setAttribute("color-interpolation-filters","sRGB"),o.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"),e.appendChild(o),this.globalData.defs.appendChild(e);var h=createNS("rect");h.setAttribute("width",this.comp.data.w),h.setAttribute("height",this.comp.data.h),h.setAttribute("x","0"),h.setAttribute("y","0"),h.setAttribute("fill","#ffffff"),h.setAttribute("opacity","0"),n.setAttribute("filter","url("+locationHref+"#"+t+")"),n.appendChild(h),n.appendChild(this.layerElement),r=n,featureSupport.maskType||(a.setAttribute("mask-type","luminance"),e.appendChild(filtersFactory.createAlphaToLuminanceFilter()),i=createNS("g"),n.appendChild(h),i.appendChild(this.layerElement),r=i,n.appendChild(i)),this.globalData.defs.appendChild(a)}}else this.data.tt?(this.matteElement.appendChild(this.layerElement),r=this.matteElement,this.baseElement=this.matteElement):this.baseElement=this.layerElement;if(this.data.ln&&this.layerElement.setAttribute("id",this.data.ln),this.data.cl&&this.layerElement.setAttribute("class",this.data.cl),0===this.data.ty&&!this.data.hd){var l=createNS("clipPath"),p=createNS("path");p.setAttribute("d","M0,0 L"+this.data.w+",0 L"+this.data.w+","+this.data.h+" L0,"+this.data.h+"z");var f="cp_"+randomString(8);if(l.setAttribute("id",f),l.appendChild(p),this.globalData.defs.appendChild(l),this.checkMasks()){var m=createNS("g");m.setAttribute("clip-path","url("+locationHref+"#"+f+")"),m.appendChild(this.layerElement),this.transformedElement=m,r?r.appendChild(this.transformedElement):this.baseElement=this.transformedElement}else this.layerElement.setAttribute("clip-path","url("+locationHref+"#"+f+")")}0!==this.data.bm&&this.setBlendMode()},renderElement:function(){this.finalTransform._matMdf&&this.transformedElement.setAttribute("transform",this.finalTransform.mat.to2dCSS()),this.finalTransform._opMdf&&this.transformedElement.setAttribute("opacity",this.finalTransform.mProp.o.v)},destroyBaseElement:function(){this.layerElement=null,this.matteElement=null,this.maskManager.destroy()},getBaseElement:function(){return this.data.hd?null:this.baseElement},createRenderableComponents:function(){this.maskManager=new MaskElement(this.data,this,this.globalData),this.renderableEffectsManager=new SVGEffects(this)},setMatte:function(t){this.matteElement&&this.matteElement.setAttribute("mask","url("+locationHref+"#"+t+")")}},IShapeElement.prototype={addShapeToModifiers:function(t){var e,i=this.shapeModifiers.length;for(e=0;e<i;e+=1)this.shapeModifiers[e].addShape(t)},isShapeInAnimatedModifiers:function(t){for(var e=this.shapeModifiers.length;0<e;)if(this.shapeModifiers[0].isAnimatedWithShape(t))return!0;return!1},renderModifiers:function(){if(this.shapeModifiers.length){var t,e=this.shapes.length;for(t=0;t<e;t+=1)this.shapes[t].sh.reset();for(t=(e=this.shapeModifiers.length)-1;0<=t;t-=1)this.shapeModifiers[t].processShapes(this._isFirstFrame)}},lcEnum:{1:"butt",2:"round",3:"square"},ljEnum:{1:"miter",2:"round",3:"bevel"},searchProcessedElement:function(t){for(var e=this.processedElements,i=0,r=e.length;i<r;){if(e[i].elem===t)return e[i].pos;i+=1}return 0},addProcessedElement:function(t,e){for(var i=this.processedElements,r=i.length;r;)if(i[r-=1].elem===t)return void(i[r].pos=e);i.push(new ProcessedElement(t,e))},prepareFrame:function(t){this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange)}},ITextElement.prototype.initElement=function(t,e,i){this.lettersChangedFlag=!0,this.initFrame(),this.initBaseData(t,e,i),this.textProperty=new TextProperty(this,t.t,this.dynamicProperties),this.textAnimator=new TextAnimatorProperty(t.t,this.renderType,this),this.initTransform(t,e,i),this.initHierarchy(),this.initRenderable(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),this.createContent(),this.hide(),this.textAnimator.searchProperties(this.dynamicProperties)},ITextElement.prototype.prepareFrame=function(t){this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),(this.textProperty._mdf||this.textProperty._isFirstFrame)&&(this.buildNewText(),this.textProperty._isFirstFrame=!1,this.textProperty._mdf=!1)},ITextElement.prototype.createPathShape=function(t,e){var i,r,s=e.length,a="";for(i=0;i<s;i+=1)r=e[i].ks.k,a+=buildShapeString(r,r.i.length,!0,t);return a},ITextElement.prototype.updateDocumentData=function(t,e){this.textProperty.updateDocumentData(t,e)},ITextElement.prototype.canResizeFont=function(t){this.textProperty.canResizeFont(t)},ITextElement.prototype.setMinimumFontSize=function(t){this.textProperty.setMinimumFontSize(t)},ITextElement.prototype.applyTextPropertiesToMatrix=function(t,e,i,r,s){switch(t.ps&&e.translate(t.ps[0],t.ps[1]+t.ascent,0),e.translate(0,-t.ls,0),t.j){case 1:e.translate(t.justifyOffset+(t.boxWidth-t.lineWidths[i]),0,0);break;case 2:e.translate(t.justifyOffset+(t.boxWidth-t.lineWidths[i])/2,0,0)}e.translate(r,s,0)},ITextElement.prototype.buildColor=function(t){return"rgb("+Math.round(255*t[0])+","+Math.round(255*t[1])+","+Math.round(255*t[2])+")"},ITextElement.prototype.emptyProp=new LetterProps,ITextElement.prototype.destroy=function(){},extendPrototype([BaseElement,TransformElement,HierarchyElement,FrameElement,RenderableDOMElement],ICompElement),ICompElement.prototype.initElement=function(t,e,i){this.initFrame(),this.initBaseData(t,e,i),this.initTransform(t,e,i),this.initRenderable(),this.initHierarchy(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),!this.data.xt&&e.progressiveLoad||this.buildAllItems(),this.hide()},ICompElement.prototype.prepareFrame=function(t){if(this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),this.isInRange||this.data.xt){if(this.tm._placeholder)this.renderedFrame=t/this.data.sr;else{var e=this.tm.v;e===this.data.op&&(e=this.data.op-1),this.renderedFrame=e}var i,r=this.elements.length;for(this.completeLayers||this.checkLayers(this.renderedFrame),i=r-1;0<=i;i-=1)(this.completeLayers||this.elements[i])&&(this.elements[i].prepareFrame(this.renderedFrame-this.layers[i].st),this.elements[i]._mdf&&(this._mdf=!0))}},ICompElement.prototype.renderInnerContent=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)(this.completeLayers||this.elements[t])&&this.elements[t].renderFrame()},ICompElement.prototype.setElements=function(t){this.elements=t},ICompElement.prototype.getElements=function(){return this.elements},ICompElement.prototype.destroyElements=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)this.elements[t]&&this.elements[t].destroy()},ICompElement.prototype.destroy=function(){this.destroyElements(),this.destroyBaseElement()},extendPrototype([BaseElement,TransformElement,SVGBaseElement,HierarchyElement,FrameElement,RenderableDOMElement],IImageElement),IImageElement.prototype.createContent=function(){var t=this.globalData.getAssetsPath(this.assetData);this.innerElem=createNS("image"),this.innerElem.setAttribute("width",this.assetData.w+"px"),this.innerElem.setAttribute("height",this.assetData.h+"px"),this.innerElem.setAttribute("preserveAspectRatio",this.assetData.pr||this.globalData.renderConfig.imagePreserveAspectRatio),this.innerElem.setAttributeNS("http://www.w3.org/1999/xlink","href",t),this.layerElement.appendChild(this.innerElem)},extendPrototype([IImageElement],ISolidElement),ISolidElement.prototype.createContent=function(){var t=createNS("rect");t.setAttribute("width",this.data.sw),t.setAttribute("height",this.data.sh),t.setAttribute("fill",this.data.sc),this.layerElement.appendChild(t)},extendPrototype([SVGRenderer,ICompElement,SVGBaseElement],SVGCompElement),extendPrototype([BaseElement,TransformElement,SVGBaseElement,HierarchyElement,FrameElement,RenderableDOMElement,ITextElement],SVGTextElement),SVGTextElement.prototype.createContent=function(){this.data.singleShape&&!this.globalData.fontManager.chars&&(this.textContainer=createNS("text"))},SVGTextElement.prototype.buildTextContents=function(t){for(var e=0,i=t.length,r=[],s="";e<i;)t[e]===String.fromCharCode(13)||t[e]===String.fromCharCode(3)?(r.push(s),s=""):s+=t[e],e+=1;return r.push(s),r},SVGTextElement.prototype.buildNewText=function(){var t,e,i=this.textProperty.currentData;this.renderedLetters=createSizedArray(i?i.l.length:0),i.fc?this.layerElement.setAttribute("fill",this.buildColor(i.fc)):this.layerElement.setAttribute("fill","rgba(0,0,0,0)"),i.sc&&(this.layerElement.setAttribute("stroke",this.buildColor(i.sc)),this.layerElement.setAttribute("stroke-width",i.sw)),this.layerElement.setAttribute("font-size",i.finalSize);var r=this.globalData.fontManager.getFontByName(i.f);if(r.fClass)this.layerElement.setAttribute("class",r.fClass);else{this.layerElement.setAttribute("font-family",r.fFamily);var s=i.fWeight,a=i.fStyle;this.layerElement.setAttribute("font-style",a),this.layerElement.setAttribute("font-weight",s)}var n,o=i.l||[],h=!!this.globalData.fontManager.chars;e=o.length;var l,p=this.mHelper,f="",m=this.data.singleShape,c=0,d=0,u=!0,y=i.tr/1e3*i.finalSize;if(!m||h||i.sz){var g,v,b=this.textSpans.length;for(t=0;t<e;t+=1)h&&m&&0!==t||(n=t<b?this.textSpans[t]:createNS(h?"path":"text"),b<=t&&(n.setAttribute("stroke-linecap","butt"),n.setAttribute("stroke-linejoin","round"),n.setAttribute("stroke-miterlimit","4"),this.textSpans[t]=n,this.layerElement.appendChild(n)),n.style.display="inherit"),p.reset(),p.scale(i.finalSize/100,i.finalSize/100),m&&(o[t].n&&(c=-y,d+=i.yOffset,d+=u?1:0,u=!1),this.applyTextPropertiesToMatrix(i,p,o[t].line,c,d),c+=o[t].l||0,c+=y),h?(l=(g=(v=this.globalData.fontManager.getCharData(i.finalText[t],r.fStyle,this.globalData.fontManager.getFontByName(i.f).fFamily))&&v.data||{}).shapes?g.shapes[0].it:[],m?f+=this.createPathShape(p,l):n.setAttribute("d",this.createPathShape(p,l))):(m&&n.setAttribute("transform","translate("+p.props[12]+","+p.props[13]+")"),n.textContent=o[t].val,n.setAttributeNS("http://www.w3.org/XML/1998/namespace","xml:space","preserve"));m&&n&&n.setAttribute("d",f)}else{var E=this.textContainer,x="start";switch(i.j){case 1:x="end";break;case 2:x="middle"}E.setAttribute("text-anchor",x),E.setAttribute("letter-spacing",y);var P=this.buildTextContents(i.finalText);for(e=P.length,d=i.ps?i.ps[1]+i.ascent:0,t=0;t<e;t+=1)(n=this.textSpans[t]||createNS("tspan")).textContent=P[t],n.setAttribute("x",0),n.setAttribute("y",d),n.style.display="inherit",E.appendChild(n),this.textSpans[t]=n,d+=i.finalLineHeight;this.layerElement.appendChild(E)}for(;t<this.textSpans.length;)this.textSpans[t].style.display="none",t+=1;this._sizeChanged=!0},SVGTextElement.prototype.sourceRectAtTime=function(t){if(this.prepareFrame(this.comp.renderedFrame-this.data.st),this.renderInnerContent(),this._sizeChanged){this._sizeChanged=!1;var e=this.layerElement.getBBox();this.bbox={top:e.y,left:e.x,width:e.width,height:e.height}}return this.bbox},SVGTextElement.prototype.renderInnerContent=function(){if(!this.data.singleShape&&(this.textAnimator.getMeasures(this.textProperty.currentData,this.lettersChangedFlag),this.lettersChangedFlag||this.textAnimator.lettersChangedFlag)){var t,e;this._sizeChanged=!0;var i,r,s=this.textAnimator.renderedLetters,a=this.textProperty.currentData.l;for(e=a.length,t=0;t<e;t+=1)a[t].n||(i=s[t],r=this.textSpans[t],i._mdf.m&&r.setAttribute("transform",i.m),i._mdf.o&&r.setAttribute("opacity",i.o),i._mdf.sw&&r.setAttribute("stroke-width",i.sw),i._mdf.sc&&r.setAttribute("stroke",i.sc),i._mdf.fc&&r.setAttribute("fill",i.fc))}},extendPrototype([BaseElement,TransformElement,SVGBaseElement,IShapeElement,HierarchyElement,FrameElement,RenderableDOMElement],SVGShapeElement),SVGShapeElement.prototype.initSecondaryElement=function(){},SVGShapeElement.prototype.identityMatrix=new Matrix,SVGShapeElement.prototype.buildExpressionInterface=function(){},SVGShapeElement.prototype.createContent=function(){this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes()},SVGShapeElement.prototype.filterUniqueShapes=function(){var t,e,i,r,s=this.shapes.length,a=this.stylesList.length,n=[],o=!1;for(i=0;i<a;i+=1){for(r=this.stylesList[i],o=!1,t=n.length=0;t<s;t+=1)-1!==(e=this.shapes[t]).styles.indexOf(r)&&(n.push(e),o=e._isAnimated||o);1<n.length&&o&&this.setShapesAsAnimated(n)}},SVGShapeElement.prototype.setShapesAsAnimated=function(t){var e,i=t.length;for(e=0;e<i;e+=1)t[e].setAsAnimated()},SVGShapeElement.prototype.createStyleElement=function(t,e){var i,r=new SVGStyleData(t,e),s=r.pElem;if("st"===t.ty)i=new SVGStrokeStyleData(this,t,r);else if("fl"===t.ty)i=new SVGFillStyleData(this,t,r);else if("gf"===t.ty||"gs"===t.ty){i=new("gf"===t.ty?SVGGradientFillStyleData:SVGGradientStrokeStyleData)(this,t,r),this.globalData.defs.appendChild(i.gf),i.maskId&&(this.globalData.defs.appendChild(i.ms),this.globalData.defs.appendChild(i.of),s.setAttribute("mask","url("+locationHref+"#"+i.maskId+")"))}return"st"!==t.ty&&"gs"!==t.ty||(s.setAttribute("stroke-linecap",this.lcEnum[t.lc]||"round"),s.setAttribute("stroke-linejoin",this.ljEnum[t.lj]||"round"),s.setAttribute("fill-opacity","0"),1===t.lj&&s.setAttribute("stroke-miterlimit",t.ml)),2===t.r&&s.setAttribute("fill-rule","evenodd"),t.ln&&s.setAttribute("id",t.ln),t.cl&&s.setAttribute("class",t.cl),this.stylesList.push(r),this.addToAnimatedContents(t,i),i},SVGShapeElement.prototype.createGroupElement=function(t){var e=new ShapeGroupData;return t.ln&&e.gr.setAttribute("id",t.ln),t.cl&&e.gr.setAttribute("class",t.cl),e},SVGShapeElement.prototype.createTransformElement=function(t,e){var i=TransformPropertyFactory.getTransformProperty(this,t,this),r=new SVGTransformData(i,i.o,e);return this.addToAnimatedContents(t,r),r},SVGShapeElement.prototype.createShapeElement=function(t,e,i){var r=4;"rc"===t.ty?r=5:"el"===t.ty?r=6:"sr"===t.ty&&(r=7);var s=new SVGShapeData(e,i,ShapePropertyFactory.getShapeProp(this,t,r,this));return this.shapes.push(s),this.addShapeToModifiers(s),this.addToAnimatedContents(t,s),s},SVGShapeElement.prototype.addToAnimatedContents=function(t,e){for(var i=0,r=this.animatedContents.length;i<r;){if(this.animatedContents[i].element===e)return;i+=1}this.animatedContents.push({fn:SVGElementsRenderer.createRenderFunction(t),element:e,data:t})},SVGShapeElement.prototype.setElementStyles=function(t){var e,i=t.styles,r=this.stylesList.length;for(e=0;e<r;e+=1)this.stylesList[e].closed||i.push(this.stylesList[e])},SVGShapeElement.prototype.reloadShapes=function(){this._isFirstFrame=!0;var t,e=this.itemsData.length;for(t=0;t<e;t+=1)this.prevViewData[t]=this.itemsData[t];for(this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes(),e=this.dynamicProperties.length,t=0;t<e;t+=1)this.dynamicProperties[t].getValue();this.renderModifiers()},SVGShapeElement.prototype.searchShapes=function(t,e,i,r,s,a,n){var o,h,l,p,f,m,c=[].concat(a),d=t.length-1,u=[],y=[];for(o=d;0<=o;o-=1){if((m=this.searchProcessedElement(t[o]))?e[o]=i[m-1]:t[o]._render=n,"fl"==t[o].ty||"st"==t[o].ty||"gf"==t[o].ty||"gs"==t[o].ty)m?e[o].style.closed=!1:e[o]=this.createStyleElement(t[o],s),t[o]._render&&r.appendChild(e[o].style.pElem),u.push(e[o].style);else if("gr"==t[o].ty){if(m)for(l=e[o].it.length,h=0;h<l;h+=1)e[o].prevViewData[h]=e[o].it[h];else e[o]=this.createGroupElement(t[o]);this.searchShapes(t[o].it,e[o].it,e[o].prevViewData,e[o].gr,s+1,c,n),t[o]._render&&r.appendChild(e[o].gr)}else"tr"==t[o].ty?(m||(e[o]=this.createTransformElement(t[o],r)),p=e[o].transform,c.push(p)):"sh"==t[o].ty||"rc"==t[o].ty||"el"==t[o].ty||"sr"==t[o].ty?(m||(e[o]=this.createShapeElement(t[o],c,s)),this.setElementStyles(e[o])):"tm"==t[o].ty||"rd"==t[o].ty||"ms"==t[o].ty?(m?(f=e[o]).closed=!1:((f=ShapeModifiers.getModifier(t[o].ty)).init(this,t[o]),e[o]=f,this.shapeModifiers.push(f)),y.push(f)):"rp"==t[o].ty&&(m?(f=e[o]).closed=!0:(f=ShapeModifiers.getModifier(t[o].ty),(e[o]=f).init(this,t,o,e),this.shapeModifiers.push(f),n=!1),y.push(f));this.addProcessedElement(t[o],o+1)}for(d=u.length,o=0;o<d;o+=1)u[o].closed=!0;for(d=y.length,o=0;o<d;o+=1)y[o].closed=!0},SVGShapeElement.prototype.renderInnerContent=function(){this.renderModifiers();var t,e=this.stylesList.length;for(t=0;t<e;t+=1)this.stylesList[t].reset();for(this.renderShape(),t=0;t<e;t+=1)(this.stylesList[t]._mdf||this._isFirstFrame)&&(this.stylesList[t].msElem&&(this.stylesList[t].msElem.setAttribute("d",this.stylesList[t].d),this.stylesList[t].d="M0 0"+this.stylesList[t].d),this.stylesList[t].pElem.setAttribute("d",this.stylesList[t].d||"M0 0"))},SVGShapeElement.prototype.renderShape=function(){var t,e,i=this.animatedContents.length;for(t=0;t<i;t+=1)e=this.animatedContents[t],(this._isFirstFrame||e.element._isAnimated)&&!0!==e.data&&e.fn(e.data,e.element,this._isFirstFrame)},SVGShapeElement.prototype.destroy=function(){this.destroyBaseElement(),this.shapesData=null,this.itemsData=null},SVGTintFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[0].p.v,i=this.filterManager.effectElements[1].p.v,r=this.filterManager.effectElements[2].p.v/100;this.matrixFilter.setAttribute("values",i[0]-e[0]+" 0 0 0 "+e[0]+" "+(i[1]-e[1])+" 0 0 0 "+e[1]+" "+(i[2]-e[2])+" 0 0 0 "+e[2]+" 0 0 0 "+r+" 0")}},SVGFillFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[2].p.v,i=this.filterManager.effectElements[6].p.v;this.matrixFilter.setAttribute("values","0 0 0 0 "+e[0]+" 0 0 0 0 "+e[1]+" 0 0 0 0 "+e[2]+" 0 0 0 "+i+" 0")}},SVGStrokeEffect.prototype.initialize=function(){var t,e,i,r,s=this.elem.layerElement.children||this.elem.layerElement.childNodes;for(1===this.filterManager.effectElements[1].p.v?(r=this.elem.maskManager.masksProperties.length,i=0):r=(i=this.filterManager.effectElements[0].p.v-1)+1,(e=createNS("g")).setAttribute("fill","none"),e.setAttribute("stroke-linecap","round"),e.setAttribute("stroke-dashoffset",1);i<r;i+=1)t=createNS("path"),e.appendChild(t),this.paths.push({p:t,m:i});if(3===this.filterManager.effectElements[10].p.v){var a=createNS("mask"),n="stms_"+randomString(10);a.setAttribute("id",n),a.setAttribute("mask-type","alpha"),a.appendChild(e),this.elem.globalData.defs.appendChild(a);var o=createNS("g");for(o.setAttribute("mask","url("+locationHref+"#"+n+")");s[0];)o.appendChild(s[0]);this.elem.layerElement.appendChild(o),this.masker=a,e.setAttribute("stroke","#fff")}else if(1===this.filterManager.effectElements[10].p.v||2===this.filterManager.effectElements[10].p.v){if(2===this.filterManager.effectElements[10].p.v)for(s=this.elem.layerElement.children||this.elem.layerElement.childNodes;s.length;)this.elem.layerElement.removeChild(s[0]);this.elem.layerElement.appendChild(e),this.elem.layerElement.removeAttribute("mask"),e.setAttribute("stroke","#fff")}this.initialized=!0,this.pathMasker=e},SVGStrokeEffect.prototype.renderFrame=function(t){this.initialized||this.initialize();var e,i,r,s=this.paths.length;for(e=0;e<s;e+=1)if(-1!==this.paths[e].m&&(i=this.elem.maskManager.viewData[this.paths[e].m],r=this.paths[e].p,(t||this.filterManager._mdf||i.prop._mdf)&&r.setAttribute("d",i.lastPath),t||this.filterManager.effectElements[9].p._mdf||this.filterManager.effectElements[4].p._mdf||this.filterManager.effectElements[7].p._mdf||this.filterManager.effectElements[8].p._mdf||i.prop._mdf)){var a;if(0!==this.filterManager.effectElements[7].p.v||100!==this.filterManager.effectElements[8].p.v){var n=Math.min(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v)/100,o=Math.max(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v)/100,h=r.getTotalLength();a="0 0 0 "+h*n+" ";var l,p=h*(o-n),f=1+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v/100,m=Math.floor(p/f);for(l=0;l<m;l+=1)a+="1 "+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v/100+" ";a+="0 "+10*h+" 0 0"}else a="1 "+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v/100;r.setAttribute("stroke-dasharray",a)}if((t||this.filterManager.effectElements[4].p._mdf)&&this.pathMasker.setAttribute("stroke-width",2*this.filterManager.effectElements[4].p.v),(t||this.filterManager.effectElements[6].p._mdf)&&this.pathMasker.setAttribute("opacity",this.filterManager.effectElements[6].p.v),(1===this.filterManager.effectElements[10].p.v||2===this.filterManager.effectElements[10].p.v)&&(t||this.filterManager.effectElements[3].p._mdf)){var c=this.filterManager.effectElements[3].p.v;this.pathMasker.setAttribute("stroke","rgb("+bm_floor(255*c[0])+","+bm_floor(255*c[1])+","+bm_floor(255*c[2])+")")}},SVGTritoneFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[0].p.v,i=this.filterManager.effectElements[1].p.v,r=this.filterManager.effectElements[2].p.v,s=r[0]+" "+i[0]+" "+e[0],a=r[1]+" "+i[1]+" "+e[1],n=r[2]+" "+i[2]+" "+e[2];this.feFuncR.setAttribute("tableValues",s),this.feFuncG.setAttribute("tableValues",a),this.feFuncB.setAttribute("tableValues",n)}},SVGProLevelsFilter.prototype.createFeFunc=function(t,e){var i=createNS(t);return i.setAttribute("type","table"),e.appendChild(i),i},SVGProLevelsFilter.prototype.getTableValue=function(t,e,i,r,s){for(var a,n,o=0,h=Math.min(t,e),l=Math.max(t,e),p=Array.call(null,{length:256}),f=0,m=s-r,c=e-t;o<=256;)n=(a=o/256)<=h?c<0?s:r:l<=a?c<0?r:s:r+m*Math.pow((a-t)/c,1/i),p[f++]=n,o+=256/255;return p.join(" ")},SVGProLevelsFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e,i=this.filterManager.effectElements;this.feFuncRComposed&&(t||i[3].p._mdf||i[4].p._mdf||i[5].p._mdf||i[6].p._mdf||i[7].p._mdf)&&(e=this.getTableValue(i[3].p.v,i[4].p.v,i[5].p.v,i[6].p.v,i[7].p.v),this.feFuncRComposed.setAttribute("tableValues",e),this.feFuncGComposed.setAttribute("tableValues",e),this.feFuncBComposed.setAttribute("tableValues",e)),this.feFuncR&&(t||i[10].p._mdf||i[11].p._mdf||i[12].p._mdf||i[13].p._mdf||i[14].p._mdf)&&(e=this.getTableValue(i[10].p.v,i[11].p.v,i[12].p.v,i[13].p.v,i[14].p.v),this.feFuncR.setAttribute("tableValues",e)),this.feFuncG&&(t||i[17].p._mdf||i[18].p._mdf||i[19].p._mdf||i[20].p._mdf||i[21].p._mdf)&&(e=this.getTableValue(i[17].p.v,i[18].p.v,i[19].p.v,i[20].p.v,i[21].p.v),this.feFuncG.setAttribute("tableValues",e)),this.feFuncB&&(t||i[24].p._mdf||i[25].p._mdf||i[26].p._mdf||i[27].p._mdf||i[28].p._mdf)&&(e=this.getTableValue(i[24].p.v,i[25].p.v,i[26].p.v,i[27].p.v,i[28].p.v),this.feFuncB.setAttribute("tableValues",e)),this.feFuncA&&(t||i[31].p._mdf||i[32].p._mdf||i[33].p._mdf||i[34].p._mdf||i[35].p._mdf)&&(e=this.getTableValue(i[31].p.v,i[32].p.v,i[33].p.v,i[34].p.v,i[35].p.v),this.feFuncA.setAttribute("tableValues",e))}},SVGDropShadowEffect.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){if((t||this.filterManager.effectElements[4].p._mdf)&&this.feGaussianBlur.setAttribute("stdDeviation",this.filterManager.effectElements[4].p.v/4),t||this.filterManager.effectElements[0].p._mdf){var e=this.filterManager.effectElements[0].p.v;this.feFlood.setAttribute("flood-color",rgbToHex(Math.round(255*e[0]),Math.round(255*e[1]),Math.round(255*e[2])))}if((t||this.filterManager.effectElements[1].p._mdf)&&this.feFlood.setAttribute("flood-opacity",this.filterManager.effectElements[1].p.v/255),t||this.filterManager.effectElements[2].p._mdf||this.filterManager.effectElements[3].p._mdf){var i=this.filterManager.effectElements[3].p.v,r=(this.filterManager.effectElements[2].p.v-90)*degToRads,s=i*Math.cos(r),a=i*Math.sin(r);this.feOffset.setAttribute("dx",s),this.feOffset.setAttribute("dy",a)}}};var _svgMatteSymbols=[],_svgMatteMaskCounter=0;function SVGMatte3Effect(t,e,i){this.initialized=!1,this.filterManager=e,this.filterElem=t,(this.elem=i).matteElement=createNS("g"),i.matteElement.appendChild(i.layerElement),i.matteElement.appendChild(i.transformedElement),i.baseElement=i.matteElement}function SVGEffects(t){var e,i,r=t.data.ef?t.data.ef.length:0,s=randomString(10),a=filtersFactory.createFilter(s),n=0;for(this.filters=[],e=0;e<r;e+=1)i=null,20===t.data.ef[e].ty?(n+=1,i=new SVGTintFilter(a,t.effectsManager.effectElements[e])):21===t.data.ef[e].ty?(n+=1,i=new SVGFillFilter(a,t.effectsManager.effectElements[e])):22===t.data.ef[e].ty?i=new SVGStrokeEffect(t,t.effectsManager.effectElements[e]):23===t.data.ef[e].ty?(n+=1,i=new SVGTritoneFilter(a,t.effectsManager.effectElements[e])):24===t.data.ef[e].ty?(n+=1,i=new SVGProLevelsFilter(a,t.effectsManager.effectElements[e])):25===t.data.ef[e].ty?(n+=1,i=new SVGDropShadowEffect(a,t.effectsManager.effectElements[e])):28===t.data.ef[e].ty&&(i=new SVGMatte3Effect(a,t.effectsManager.effectElements[e],t)),i&&this.filters.push(i);n&&(t.globalData.defs.appendChild(a),t.layerElement.setAttribute("filter","url("+locationHref+"#"+s+")")),this.filters.length&&t.addRenderableComponent(this)}function CVEffects(){}function HBaseElement(t,e,i){}function HSolidElement(t,e,i){this.initElement(t,e,i)}function HCompElement(t,e,i){this.layers=t.layers,this.supports3d=!t.hasMask,this.completeLayers=!1,this.pendingElements=[],this.elements=this.layers?createSizedArray(this.layers.length):[],this.initElement(t,e,i),this.tm=t.tm?PropertyFactory.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function HShapeElement(t,e,i){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.shapeModifiers=[],this.itemsData=[],this.processedElements=[],this.animatedContents=[],this.shapesContainer=createNS("g"),this.initElement(t,e,i),this.prevViewData=[],this.currentBBox={x:999999,y:-999999,h:0,w:0}}function HTextElement(t,e,i){this.textSpans=[],this.textPaths=[],this.currentBBox={x:999999,y:-999999,h:0,w:0},this.renderType="svg",this.isMasked=!1,this.initElement(t,e,i)}function HImageElement(t,e,i){this.assetData=e.getAssetData(t.refId),this.initElement(t,e,i)}function HCameraElement(t,e,i){this.initFrame(),this.initBaseData(t,e,i),this.initHierarchy();var r=PropertyFactory.getProp;if(this.pe=r(this,t.pe,0,0,this),t.ks.p.s?(this.px=r(this,t.ks.p.x,1,0,this),this.py=r(this,t.ks.p.y,1,0,this),this.pz=r(this,t.ks.p.z,1,0,this)):this.p=r(this,t.ks.p,1,0,this),t.ks.a&&(this.a=r(this,t.ks.a,1,0,this)),t.ks.or.k.length&&t.ks.or.k[0].to){var s,a=t.ks.or.k.length;for(s=0;s<a;s+=1)t.ks.or.k[s].to=null,t.ks.or.k[s].ti=null}this.or=r(this,t.ks.or,1,degToRads,this),this.or.sh=!0,this.rx=r(this,t.ks.rx,0,degToRads,this),this.ry=r(this,t.ks.ry,0,degToRads,this),this.rz=r(this,t.ks.rz,0,degToRads,this),this.mat=new Matrix,this._prevMat=new Matrix,this._isFirstFrame=!0}function HEffects(){}SVGMatte3Effect.prototype.findSymbol=function(t){for(var e=0,i=_svgMatteSymbols.length;e<i;){if(_svgMatteSymbols[e]===t)return _svgMatteSymbols[e];e+=1}return null},SVGMatte3Effect.prototype.replaceInParent=function(t,e){var i=t.layerElement.parentNode;if(i){for(var r,s=i.children,a=0,n=s.length;a<n&&s[a]!==t.layerElement;)a+=1;a<=n-2&&(r=s[a+1]);var o=createNS("use");o.setAttribute("href","#"+e),r?i.insertBefore(o,r):i.appendChild(o)}},SVGMatte3Effect.prototype.setElementAsMask=function(t,e){if(!this.findSymbol(e)){var i="matte_"+randomString(5)+"_"+_svgMatteMaskCounter++,r=createNS("mask");r.setAttribute("id",e.layerId),r.setAttribute("mask-type","alpha"),_svgMatteSymbols.push(e);var s=t.globalData.defs;s.appendChild(r);var a=createNS("symbol");a.setAttribute("id",i),this.replaceInParent(e,i),a.appendChild(e.layerElement),s.appendChild(a);var n=createNS("use");n.setAttribute("href","#"+i),r.appendChild(n),e.data.hd=!1,e.show()}t.setMatte(e.layerId)},SVGMatte3Effect.prototype.initialize=function(){for(var t=this.filterManager.effectElements[0].p.v,e=this.elem.comp.elements,i=0,r=e.length;i<r;)e[i]&&e[i].data.ind===t&&this.setElementAsMask(this.elem,e[i]),i+=1;this.initialized=!0},SVGMatte3Effect.prototype.renderFrame=function(){this.initialized||this.initialize()},SVGEffects.prototype.renderFrame=function(t){var e,i=this.filters.length;for(e=0;e<i;e+=1)this.filters[e].renderFrame(t)},CVEffects.prototype.renderFrame=function(){},HBaseElement.prototype={checkBlendMode:function(){},initRendererElement:function(){this.baseElement=createTag(this.data.tg||"div"),this.data.hasMask?(this.svgElement=createNS("svg"),this.layerElement=createNS("g"),this.maskedElement=this.layerElement,this.svgElement.appendChild(this.layerElement),this.baseElement.appendChild(this.svgElement)):this.layerElement=this.baseElement,styleDiv(this.baseElement)},createContainerElements:function(){this.renderableEffectsManager=new CVEffects(this),this.transformedElement=this.baseElement,this.maskedElement=this.layerElement,this.data.ln&&this.layerElement.setAttribute("id",this.data.ln),this.data.cl&&this.layerElement.setAttribute("class",this.data.cl),0!==this.data.bm&&this.setBlendMode()},renderElement:function(){this.finalTransform._matMdf&&(this.transformedElement.style.transform=this.transformedElement.style.webkitTransform=this.finalTransform.mat.toCSS()),this.finalTransform._opMdf&&(this.transformedElement.style.opacity=this.finalTransform.mProp.o.v)},renderFrame:function(){this.data.hd||this.hidden||(this.renderTransform(),this.renderRenderable(),this.renderElement(),this.renderInnerContent(),this._isFirstFrame&&(this._isFirstFrame=!1))},destroy:function(){this.layerElement=null,this.transformedElement=null,this.matteElement&&(this.matteElement=null),this.maskManager&&(this.maskManager.destroy(),this.maskManager=null)},createRenderableComponents:function(){this.maskManager=new MaskElement(this.data,this,this.globalData)},addEffects:function(){},setMatte:function(){}},HBaseElement.prototype.getBaseElement=SVGBaseElement.prototype.getBaseElement,HBaseElement.prototype.destroyBaseElement=HBaseElement.prototype.destroy,HBaseElement.prototype.buildElementParenting=HybridRenderer.prototype.buildElementParenting,extendPrototype([BaseElement,TransformElement,HBaseElement,HierarchyElement,FrameElement,RenderableDOMElement],HSolidElement),HSolidElement.prototype.createContent=function(){var t;this.data.hasMask?((t=createNS("rect")).setAttribute("width",this.data.sw),t.setAttribute("height",this.data.sh),t.setAttribute("fill",this.data.sc),this.svgElement.setAttribute("width",this.data.sw),this.svgElement.setAttribute("height",this.data.sh)):((t=createTag("div")).style.width=this.data.sw+"px",t.style.height=this.data.sh+"px",t.style.backgroundColor=this.data.sc),this.layerElement.appendChild(t)},extendPrototype([HybridRenderer,ICompElement,HBaseElement],HCompElement),HCompElement.prototype._createBaseContainerElements=HCompElement.prototype.createContainerElements,HCompElement.prototype.createContainerElements=function(){this._createBaseContainerElements(),this.data.hasMask?(this.svgElement.setAttribute("width",this.data.w),this.svgElement.setAttribute("height",this.data.h),this.transformedElement=this.baseElement):this.transformedElement=this.layerElement},HCompElement.prototype.addTo3dContainer=function(t,e){for(var i,r=0;r<e;)this.elements[r]&&this.elements[r].getBaseElement&&(i=this.elements[r].getBaseElement()),r+=1;i?this.layerElement.insertBefore(t,i):this.layerElement.appendChild(t)},extendPrototype([BaseElement,TransformElement,HSolidElement,SVGShapeElement,HBaseElement,HierarchyElement,FrameElement,RenderableElement],HShapeElement),HShapeElement.prototype._renderShapeFrame=HShapeElement.prototype.renderInnerContent,HShapeElement.prototype.createContent=function(){var t;if(this.baseElement.style.fontSize=0,this.data.hasMask)this.layerElement.appendChild(this.shapesContainer),t=this.svgElement;else{t=createNS("svg");var e=this.comp.data?this.comp.data:this.globalData.compSize;t.setAttribute("width",e.w),t.setAttribute("height",e.h),t.appendChild(this.shapesContainer),this.layerElement.appendChild(t)}this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.shapesContainer,0,[],!0),this.filterUniqueShapes(),this.shapeCont=t},HShapeElement.prototype.getTransformedPoint=function(t,e){var i,r=t.length;for(i=0;i<r;i+=1)e=t[i].mProps.v.applyToPointArray(e[0],e[1],0);return e},HShapeElement.prototype.calculateShapeBoundingBox=function(t,e){var i,r,s,a,n,o=t.sh.v,h=t.transformers,l=o._length;if(!(l<=1)){for(i=0;i<l-1;i+=1)r=this.getTransformedPoint(h,o.v[i]),s=this.getTransformedPoint(h,o.o[i]),a=this.getTransformedPoint(h,o.i[i+1]),n=this.getTransformedPoint(h,o.v[i+1]),this.checkBounds(r,s,a,n,e);o.c&&(r=this.getTransformedPoint(h,o.v[i]),s=this.getTransformedPoint(h,o.o[i]),a=this.getTransformedPoint(h,o.i[0]),n=this.getTransformedPoint(h,o.v[0]),this.checkBounds(r,s,a,n,e))}},HShapeElement.prototype.checkBounds=function(t,e,i,r,s){this.getBoundsOfCurve(t,e,i,r);var a=this.shapeBoundingBox;s.x=bm_min(a.left,s.x),s.xMax=bm_max(a.right,s.xMax),s.y=bm_min(a.top,s.y),s.yMax=bm_max(a.bottom,s.yMax)},HShapeElement.prototype.shapeBoundingBox={left:0,right:0,top:0,bottom:0},HShapeElement.prototype.tempBoundingBox={x:0,xMax:0,y:0,yMax:0,width:0,height:0},HShapeElement.prototype.getBoundsOfCurve=function(t,e,i,r){for(var s,a,n,o,h,l,p,f=[[t[0],r[0]],[t[1],r[1]]],m=0;m<2;++m)if(a=6*t[m]-12*e[m]+6*i[m],s=-3*t[m]+9*e[m]-9*i[m]+3*r[m],n=3*e[m]-3*t[m],a|=0,n|=0,0!==(s|=0))(h=a*a-4*n*s)<0||(0<(l=(-a+bm_sqrt(h))/(2*s))&&l<1&&f[m].push(this.calculateF(l,t,e,i,r,m)),0<(p=(-a-bm_sqrt(h))/(2*s))&&p<1&&f[m].push(this.calculateF(p,t,e,i,r,m)));else{if(0===a)continue;0<(o=-n/a)&&o<1&&f[m].push(this.calculateF(o,t,e,i,r,m))}this.shapeBoundingBox.left=bm_min.apply(null,f[0]),this.shapeBoundingBox.top=bm_min.apply(null,f[1]),this.shapeBoundingBox.right=bm_max.apply(null,f[0]),this.shapeBoundingBox.bottom=bm_max.apply(null,f[1])},HShapeElement.prototype.calculateF=function(t,e,i,r,s,a){return bm_pow(1-t,3)*e[a]+3*bm_pow(1-t,2)*t*i[a]+3*(1-t)*bm_pow(t,2)*r[a]+bm_pow(t,3)*s[a]},HShapeElement.prototype.calculateBoundingBox=function(t,e){var i,r=t.length;for(i=0;i<r;i+=1)t[i]&&t[i].sh?this.calculateShapeBoundingBox(t[i],e):t[i]&&t[i].it&&this.calculateBoundingBox(t[i].it,e)},HShapeElement.prototype.currentBoxContains=function(t){return this.currentBBox.x<=t.x&&this.currentBBox.y<=t.y&&this.currentBBox.width+this.currentBBox.x>=t.x+t.width&&this.currentBBox.height+this.currentBBox.y>=t.y+t.height},HShapeElement.prototype.renderInnerContent=function(){if(this._renderShapeFrame(),!this.hidden&&(this._isFirstFrame||this._mdf)){var t=this.tempBoundingBox,e=999999;if(t.x=e,t.xMax=-e,t.y=e,t.yMax=-e,this.calculateBoundingBox(this.itemsData,t),t.width=t.xMax<t.x?0:t.xMax-t.x,t.height=t.yMax<t.y?0:t.yMax-t.y,this.currentBoxContains(t))return;var i=!1;this.currentBBox.w!==t.width&&(this.currentBBox.w=t.width,this.shapeCont.setAttribute("width",t.width),i=!0),this.currentBBox.h!==t.height&&(this.currentBBox.h=t.height,this.shapeCont.setAttribute("height",t.height),i=!0),(i||this.currentBBox.x!==t.x||this.currentBBox.y!==t.y)&&(this.currentBBox.w=t.width,this.currentBBox.h=t.height,this.currentBBox.x=t.x,this.currentBBox.y=t.y,this.shapeCont.setAttribute("viewBox",this.currentBBox.x+" "+this.currentBBox.y+" "+this.currentBBox.w+" "+this.currentBBox.h),this.shapeCont.style.transform=this.shapeCont.style.webkitTransform="translate("+this.currentBBox.x+"px,"+this.currentBBox.y+"px)")}},extendPrototype([BaseElement,TransformElement,HBaseElement,HierarchyElement,FrameElement,RenderableDOMElement,ITextElement],HTextElement),HTextElement.prototype.createContent=function(){if(this.isMasked=this.checkMasks(),this.isMasked){this.renderType="svg",this.compW=this.comp.data.w,this.compH=this.comp.data.h,this.svgElement.setAttribute("width",this.compW),this.svgElement.setAttribute("height",this.compH);var t=createNS("g");this.maskedElement.appendChild(t),this.innerElem=t}else this.renderType="html",this.innerElem=this.layerElement;this.checkParenting()},HTextElement.prototype.buildNewText=function(){var t=this.textProperty.currentData;this.renderedLetters=createSizedArray(t.l?t.l.length:0);var e=this.innerElem.style;e.color=e.fill=t.fc?this.buildColor(t.fc):"rgba(0,0,0,0)",t.sc&&(e.stroke=this.buildColor(t.sc),e.strokeWidth=t.sw+"px");var i,r,s=this.globalData.fontManager.getFontByName(t.f);if(!this.globalData.fontManager.chars)if(e.fontSize=t.finalSize+"px",e.lineHeight=t.finalSize+"px",s.fClass)this.innerElem.className=s.fClass;else{e.fontFamily=s.fFamily;var a=t.fWeight,n=t.fStyle;e.fontStyle=n,e.fontWeight=a}var o,h,l,p=t.l;r=p.length;var f,m=this.mHelper,c="",d=0;for(i=0;i<r;i+=1){if(this.globalData.fontManager.chars?(this.textPaths[d]?o=this.textPaths[d]:((o=createNS("path")).setAttribute("stroke-linecap","butt"),o.setAttribute("stroke-linejoin","round"),o.setAttribute("stroke-miterlimit","4")),this.isMasked||(this.textSpans[d]?l=(h=this.textSpans[d]).children[0]:(h=createTag("div"),(l=createNS("svg")).appendChild(o),styleDiv(h)))):this.isMasked?o=this.textPaths[d]?this.textPaths[d]:createNS("text"):this.textSpans[d]?(h=this.textSpans[d],o=this.textPaths[d]):(styleDiv(h=createTag("span")),styleDiv(o=createTag("span")),h.appendChild(o)),this.globalData.fontManager.chars){var u,y=this.globalData.fontManager.getCharData(t.finalText[i],s.fStyle,this.globalData.fontManager.getFontByName(t.f).fFamily);if(u=y?y.data:null,m.reset(),u&&u.shapes&&(f=u.shapes[0].it,m.scale(t.finalSize/100,t.finalSize/100),c=this.createPathShape(m,f),o.setAttribute("d",c)),this.isMasked)this.innerElem.appendChild(o);else{if(this.innerElem.appendChild(h),u&&u.shapes){document.body.appendChild(l);var g=l.getBBox();l.setAttribute("width",g.width+2),l.setAttribute("height",g.height+2),l.setAttribute("viewBox",g.x-1+" "+(g.y-1)+" "+(g.width+2)+" "+(g.height+2)),l.style.transform=l.style.webkitTransform="translate("+(g.x-1)+"px,"+(g.y-1)+"px)",p[i].yOffset=g.y-1}else l.setAttribute("width",1),l.setAttribute("height",1);h.appendChild(l)}}else o.textContent=p[i].val,o.setAttributeNS("http://www.w3.org/XML/1998/namespace","xml:space","preserve"),this.isMasked?this.innerElem.appendChild(o):(this.innerElem.appendChild(h),o.style.transform=o.style.webkitTransform="translate3d(0,"+-t.finalSize/1.2+"px,0)");this.isMasked?this.textSpans[d]=o:this.textSpans[d]=h,this.textSpans[d].style.display="block",this.textPaths[d]=o,d+=1}for(;d<this.textSpans.length;)this.textSpans[d].style.display="none",d+=1},HTextElement.prototype.renderInnerContent=function(){if(this.data.singleShape){if(!this._isFirstFrame&&!this.lettersChangedFlag)return;this.isMasked&&this.finalTransform._matMdf&&(this.svgElement.setAttribute("viewBox",-this.finalTransform.mProp.p.v[0]+" "+-this.finalTransform.mProp.p.v[1]+" "+this.compW+" "+this.compH),this.svgElement.style.transform=this.svgElement.style.webkitTransform="translate("+-this.finalTransform.mProp.p.v[0]+"px,"+-this.finalTransform.mProp.p.v[1]+"px)")}if(this.textAnimator.getMeasures(this.textProperty.currentData,this.lettersChangedFlag),this.lettersChangedFlag||this.textAnimator.lettersChangedFlag){var t,e,i,r,s,a=0,n=this.textAnimator.renderedLetters,o=this.textProperty.currentData.l;for(e=o.length,t=0;t<e;t+=1)o[t].n?a+=1:(r=this.textSpans[t],s=this.textPaths[t],i=n[a],a+=1,i._mdf.m&&(this.isMasked?r.setAttribute("transform",i.m):r.style.transform=r.style.webkitTransform=i.m),r.style.opacity=i.o,i.sw&&i._mdf.sw&&s.setAttribute("stroke-width",i.sw),i.sc&&i._mdf.sc&&s.setAttribute("stroke",i.sc),i.fc&&i._mdf.fc&&(s.setAttribute("fill",i.fc),s.style.color=i.fc));if(this.innerElem.getBBox&&!this.hidden&&(this._isFirstFrame||this._mdf)){var h=this.innerElem.getBBox();this.currentBBox.w!==h.width&&(this.currentBBox.w=h.width,this.svgElement.setAttribute("width",h.width)),this.currentBBox.h!==h.height&&(this.currentBBox.h=h.height,this.svgElement.setAttribute("height",h.height));this.currentBBox.w===h.width+2&&this.currentBBox.h===h.height+2&&this.currentBBox.x===h.x-1&&this.currentBBox.y===h.y-1||(this.currentBBox.w=h.width+2,this.currentBBox.h=h.height+2,this.currentBBox.x=h.x-1,this.currentBBox.y=h.y-1,this.svgElement.setAttribute("viewBox",this.currentBBox.x+" "+this.currentBBox.y+" "+this.currentBBox.w+" "+this.currentBBox.h),this.svgElement.style.transform=this.svgElement.style.webkitTransform="translate("+this.currentBBox.x+"px,"+this.currentBBox.y+"px)")}}},extendPrototype([BaseElement,TransformElement,HBaseElement,HSolidElement,HierarchyElement,FrameElement,RenderableElement],HImageElement),HImageElement.prototype.createContent=function(){var t=this.globalData.getAssetsPath(this.assetData),e=new Image;this.data.hasMask?(this.imageElem=createNS("image"),this.imageElem.setAttribute("width",this.assetData.w+"px"),this.imageElem.setAttribute("height",this.assetData.h+"px"),this.imageElem.setAttributeNS("http://www.w3.org/1999/xlink","href",t),this.layerElement.appendChild(this.imageElem),this.baseElement.setAttribute("width",this.assetData.w),this.baseElement.setAttribute("height",this.assetData.h)):this.layerElement.appendChild(e),e.src=t,this.data.ln&&this.baseElement.setAttribute("id",this.data.ln)},extendPrototype([BaseElement,FrameElement,HierarchyElement],HCameraElement),HCameraElement.prototype.setup=function(){var t,e,i=this.comp.threeDElements.length;for(t=0;t<i;t+=1)"3d"===(e=this.comp.threeDElements[t]).type&&(e.perspectiveElem.style.perspective=e.perspectiveElem.style.webkitPerspective=this.pe.v+"px",e.container.style.transformOrigin=e.container.style.mozTransformOrigin=e.container.style.webkitTransformOrigin="0px 0px 0px",e.perspectiveElem.style.transform=e.perspectiveElem.style.webkitTransform="matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)")},HCameraElement.prototype.createElements=function(){},HCameraElement.prototype.hide=function(){},HCameraElement.prototype.renderFrame=function(){var t,e,i=this._isFirstFrame;if(this.hierarchy)for(e=this.hierarchy.length,t=0;t<e;t+=1)i=this.hierarchy[t].finalTransform.mProp._mdf||i;if(i||this.pe._mdf||this.p&&this.p._mdf||this.px&&(this.px._mdf||this.py._mdf||this.pz._mdf)||this.rx._mdf||this.ry._mdf||this.rz._mdf||this.or._mdf||this.a&&this.a._mdf){if(this.mat.reset(),this.hierarchy)for(t=e=this.hierarchy.length-1;0<=t;t-=1){var r=this.hierarchy[t].finalTransform.mProp;this.mat.translate(-r.p.v[0],-r.p.v[1],r.p.v[2]),this.mat.rotateX(-r.or.v[0]).rotateY(-r.or.v[1]).rotateZ(r.or.v[2]),this.mat.rotateX(-r.rx.v).rotateY(-r.ry.v).rotateZ(r.rz.v),this.mat.scale(1/r.s.v[0],1/r.s.v[1],1/r.s.v[2]),this.mat.translate(r.a.v[0],r.a.v[1],r.a.v[2])}if(this.p?this.mat.translate(-this.p.v[0],-this.p.v[1],this.p.v[2]):this.mat.translate(-this.px.v,-this.py.v,this.pz.v),this.a){var s=[this.p.v[0]-this.a.v[0],this.p.v[1]-this.a.v[1],this.p.v[2]-this.a.v[2]],a=Math.sqrt(Math.pow(s[0],2)+Math.pow(s[1],2)+Math.pow(s[2],2)),n=[s[0]/a,s[1]/a,s[2]/a],o=Math.sqrt(n[2]*n[2]+n[0]*n[0]),h=Math.atan2(n[1],o),l=Math.atan2(n[0],-n[2]);this.mat.rotateY(l).rotateX(-h)}this.mat.rotateX(-this.rx.v).rotateY(-this.ry.v).rotateZ(this.rz.v),this.mat.rotateX(-this.or.v[0]).rotateY(-this.or.v[1]).rotateZ(this.or.v[2]),this.mat.translate(this.globalData.compSize.w/2,this.globalData.compSize.h/2,0),this.mat.translate(0,0,this.pe.v);var p=!this._prevMat.equals(this.mat);if((p||this.pe._mdf)&&this.comp.threeDElements){var f;for(e=this.comp.threeDElements.length,t=0;t<e;t+=1)"3d"===(f=this.comp.threeDElements[t]).type&&(p&&(f.container.style.transform=f.container.style.webkitTransform=this.mat.toCSS()),this.pe._mdf&&(f.perspectiveElem.style.perspective=f.perspectiveElem.style.webkitPerspective=this.pe.v+"px"));this.mat.clone(this._prevMat)}}this._isFirstFrame=!1},HCameraElement.prototype.prepareFrame=function(t){this.prepareProperties(t,!0)},HCameraElement.prototype.destroy=function(){},HCameraElement.prototype.initExpressions=function(){},HCameraElement.prototype.getBaseElement=function(){return null},HEffects.prototype.renderFrame=function(){};var animationManager=function(){var t={},s=[],r=0,a=0,n=0,o=!0,h=!1;function i(t){for(var e=0,i=t.target;e<a;)s[e].animation===i&&(s.splice(e,1),e-=1,a-=1,i.isPaused||f()),e+=1}function l(t,e){if(!t)return null;for(var i=0;i<a;){if(s[i].elem==t&&null!==s[i].elem)return s[i].animation;i+=1}var r=new AnimationItem;return m(r,t),r.setData(t,e),r}function p(){n+=1,d()}function f(){n-=1}function m(t,e){t.addEventListener("destroy",i),t.addEventListener("_active",p),t.addEventListener("_idle",f),s.push({elem:e,animation:t}),a+=1}function c(t){var e,i=t-r;for(e=0;e<a;e+=1)s[e].animation.advanceTime(i);r=t,n&&!h?window.requestAnimationFrame(c):o=!0}function e(t){r=t,window.requestAnimationFrame(c)}function d(){!h&&n&&o&&(window.requestAnimationFrame(e),o=!1)}return t.registerAnimation=l,t.loadAnimation=function(t){var e=new AnimationItem;return m(e,null),e.setParams(t),e},t.setSpeed=function(t,e){var i;for(i=0;i<a;i+=1)s[i].animation.setSpeed(t,e)},t.setDirection=function(t,e){var i;for(i=0;i<a;i+=1)s[i].animation.setDirection(t,e)},t.play=function(t){var e;for(e=0;e<a;e+=1)s[e].animation.play(t)},t.pause=function(t){var e;for(e=0;e<a;e+=1)s[e].animation.pause(t)},t.stop=function(t){var e;for(e=0;e<a;e+=1)s[e].animation.stop(t)},t.togglePause=function(t){var e;for(e=0;e<a;e+=1)s[e].animation.togglePause(t)},t.searchAnimations=function(t,e,i){var r,s=[].concat([].slice.call(document.getElementsByClassName("lottie")),[].slice.call(document.getElementsByClassName("bodymovin"))),a=s.length;for(r=0;r<a;r+=1)i&&s[r].setAttribute("data-bm-type",i),l(s[r],t);if(e&&0===a){i||(i="svg");var n=document.getElementsByTagName("body")[0];n.innerHTML="";var o=createTag("div");o.style.width="100%",o.style.height="100%",o.setAttribute("data-bm-type",i),n.appendChild(o),l(o,t)}},t.resize=function(){var t;for(t=0;t<a;t+=1)s[t].animation.resize()},t.goToAndStop=function(t,e,i){var r;for(r=0;r<a;r+=1)s[r].animation.goToAndStop(t,e,i)},t.destroy=function(t){var e;for(e=a-1;0<=e;e-=1)s[e].animation.destroy(t)},t.freeze=function(){h=!0},t.unfreeze=function(){h=!1,d()},t.getRegisteredAnimations=function(){var t,e=s.length,i=[];for(t=0;t<e;t+=1)i.push(s[t].animation);return i},t}(),AnimationItem=function(){this._cbs=[],this.name="",this.path="",this.isLoaded=!1,this.currentFrame=0,this.currentRawFrame=0,this.totalFrames=0,this.frameRate=0,this.frameMult=0,this.playSpeed=1,this.playDirection=1,this.playCount=0,this.animationData={},this.assets=[],this.isPaused=!0,this.autoplay=!1,this.loop=!0,this.renderer=null,this.animationID=randomString(10),this.assetsPath="",this.timeCompleted=0,this.segmentPos=0,this.subframeEnabled=subframeEnabled,this.segments=[],this._idle=!0,this._completedLoop=!1,this.projectInterface=ProjectInterface(),this.imagePreloader=new ImagePreloader};extendPrototype([BaseEvent],AnimationItem),AnimationItem.prototype.setParams=function(t){t.context&&(this.context=t.context),(t.wrapper||t.container)&&(this.wrapper=t.wrapper||t.container);var e=t.animType?t.animType:t.renderer?t.renderer:"svg";switch(e){case"canvas":this.renderer=new CanvasRenderer(this,t.rendererSettings);break;case"svg":this.renderer=new SVGRenderer(this,t.rendererSettings);break;default:this.renderer=new HybridRenderer(this,t.rendererSettings)}this.renderer.setProjectInterface(this.projectInterface),this.animType=e,""===t.loop||null===t.loop||(!1===t.loop?this.loop=!1:!0===t.loop?this.loop=!0:this.loop=parseInt(t.loop)),this.autoplay=!("autoplay"in t)||t.autoplay,this.name=t.name?t.name:"",this.autoloadSegments=!t.hasOwnProperty("autoloadSegments")||t.autoloadSegments,this.assetsPath=t.assetsPath,t.animationData?this.configAnimation(t.animationData):t.path&&("json"!=t.path.substr(-4)&&("/"!=t.path.substr(-1,1)&&(t.path+="/"),t.path+="data.json"),-1!=t.path.lastIndexOf("\\")?this.path=t.path.substr(0,t.path.lastIndexOf("\\")+1):this.path=t.path.substr(0,t.path.lastIndexOf("/")+1),this.fileName=t.path.substr(t.path.lastIndexOf("/")+1),this.fileName=this.fileName.substr(0,this.fileName.lastIndexOf(".json")),assetLoader.load(t.path,this.configAnimation.bind(this),function(){this.trigger("data_failed")}.bind(this)))},AnimationItem.prototype.setData=function(t,e){var i={wrapper:t,animationData:e?"object"==typeof e?e:JSON.parse(e):null},r=t.attributes;i.path=r.getNamedItem("data-animation-path")?r.getNamedItem("data-animation-path").value:r.getNamedItem("data-bm-path")?r.getNamedItem("data-bm-path").value:r.getNamedItem("bm-path")?r.getNamedItem("bm-path").value:"",i.animType=r.getNamedItem("data-anim-type")?r.getNamedItem("data-anim-type").value:r.getNamedItem("data-bm-type")?r.getNamedItem("data-bm-type").value:r.getNamedItem("bm-type")?r.getNamedItem("bm-type").value:r.getNamedItem("data-bm-renderer")?r.getNamedItem("data-bm-renderer").value:r.getNamedItem("bm-renderer")?r.getNamedItem("bm-renderer").value:"canvas";var s=r.getNamedItem("data-anim-loop")?r.getNamedItem("data-anim-loop").value:r.getNamedItem("data-bm-loop")?r.getNamedItem("data-bm-loop").value:r.getNamedItem("bm-loop")?r.getNamedItem("bm-loop").value:"";""===s||(i.loop="false"!==s&&("true"===s||parseInt(s)));var a=r.getNamedItem("data-anim-autoplay")?r.getNamedItem("data-anim-autoplay").value:r.getNamedItem("data-bm-autoplay")?r.getNamedItem("data-bm-autoplay").value:!r.getNamedItem("bm-autoplay")||r.getNamedItem("bm-autoplay").value;i.autoplay="false"!==a,i.name=r.getNamedItem("data-name")?r.getNamedItem("data-name").value:r.getNamedItem("data-bm-name")?r.getNamedItem("data-bm-name").value:r.getNamedItem("bm-name")?r.getNamedItem("bm-name").value:"","false"===(r.getNamedItem("data-anim-prerender")?r.getNamedItem("data-anim-prerender").value:r.getNamedItem("data-bm-prerender")?r.getNamedItem("data-bm-prerender").value:r.getNamedItem("bm-prerender")?r.getNamedItem("bm-prerender").value:"")&&(i.prerender=!1),this.setParams(i)},AnimationItem.prototype.includeLayers=function(t){t.op>this.animationData.op&&(this.animationData.op=t.op,this.totalFrames=Math.floor(t.op-this.animationData.ip));var e,i,r=this.animationData.layers,s=r.length,a=t.layers,n=a.length;for(i=0;i<n;i+=1)for(e=0;e<s;){if(r[e].id==a[i].id){r[e]=a[i];break}e+=1}if((t.chars||t.fonts)&&(this.renderer.globalData.fontManager.addChars(t.chars),this.renderer.globalData.fontManager.addFonts(t.fonts,this.renderer.globalData.defs)),t.assets)for(s=t.assets.length,e=0;e<s;e+=1)this.animationData.assets.push(t.assets[e]);this.animationData.__complete=!1,dataManager.completeData(this.animationData,this.renderer.globalData.fontManager),this.renderer.includeLayers(t.layers),expressionsPlugin&&expressionsPlugin.initExpressions(this),this.loadNextSegment()},AnimationItem.prototype.loadNextSegment=function(){var t=this.animationData.segments;if(!t||0===t.length||!this.autoloadSegments)return this.trigger("data_ready"),void(this.timeCompleted=this.totalFrames);var e=t.shift();this.timeCompleted=e.time*this.frameRate;var i=this.path+this.fileName+"_"+this.segmentPos+".json";this.segmentPos+=1,assetLoader.load(i,this.includeLayers.bind(this),function(){this.trigger("data_failed")}.bind(this))},AnimationItem.prototype.loadSegments=function(){this.animationData.segments||(this.timeCompleted=this.totalFrames),this.loadNextSegment()},AnimationItem.prototype.imagesLoaded=function(){this.trigger("loaded_images"),this.checkLoaded()},AnimationItem.prototype.preloadImages=function(){this.imagePreloader.setAssetsPath(this.assetsPath),this.imagePreloader.setPath(this.path),this.imagePreloader.loadAssets(this.animationData.assets,this.imagesLoaded.bind(this))},AnimationItem.prototype.configAnimation=function(t){this.renderer&&(this.animationData=t,this.totalFrames=Math.floor(this.animationData.op-this.animationData.ip),this.renderer.configAnimation(t),t.assets||(t.assets=[]),this.renderer.searchExtraCompositions(t.assets),this.assets=this.animationData.assets,this.frameRate=this.animationData.fr,this.firstFrame=Math.round(this.animationData.ip),this.frameMult=this.animationData.fr/1e3,this.trigger("config_ready"),this.preloadImages(),this.loadSegments(),this.updaFrameModifier(),this.waitForFontsLoaded())},AnimationItem.prototype.waitForFontsLoaded=function(){this.renderer&&(this.renderer.globalData.fontManager.loaded()?this.checkLoaded():setTimeout(this.waitForFontsLoaded.bind(this),20))},AnimationItem.prototype.checkLoaded=function(){this.isLoaded||!this.renderer.globalData.fontManager.loaded()||!this.imagePreloader.loaded()&&"canvas"===this.renderer.rendererType||(this.isLoaded=!0,dataManager.completeData(this.animationData,this.renderer.globalData.fontManager),expressionsPlugin&&expressionsPlugin.initExpressions(this),this.renderer.initItems(),setTimeout(function(){this.trigger("DOMLoaded")}.bind(this),0),this.gotoFrame(),this.autoplay&&this.play())},AnimationItem.prototype.resize=function(){this.renderer.updateContainerSize()},AnimationItem.prototype.setSubframe=function(t){this.subframeEnabled=!!t},AnimationItem.prototype.gotoFrame=function(){this.currentFrame=this.subframeEnabled?this.currentRawFrame:~~this.currentRawFrame,this.timeCompleted!==this.totalFrames&&this.currentFrame>this.timeCompleted&&(this.currentFrame=this.timeCompleted),this.trigger("enterFrame"),this.renderFrame()},AnimationItem.prototype.renderFrame=function(){!1!==this.isLoaded&&this.renderer.renderFrame(this.currentFrame+this.firstFrame)},AnimationItem.prototype.play=function(t){t&&this.name!=t||!0===this.isPaused&&(this.isPaused=!1,this._idle&&(this._idle=!1,this.trigger("_active")))},AnimationItem.prototype.pause=function(t){t&&this.name!=t||!1===this.isPaused&&(this.isPaused=!0,this._idle=!0,this.trigger("_idle"))},AnimationItem.prototype.togglePause=function(t){t&&this.name!=t||(!0===this.isPaused?this.play():this.pause())},AnimationItem.prototype.stop=function(t){t&&this.name!=t||(this.pause(),this.playCount=0,this._completedLoop=!1,this.setCurrentRawFrameValue(0))},AnimationItem.prototype.goToAndStop=function(t,e,i){i&&this.name!=i||(e?this.setCurrentRawFrameValue(t):this.setCurrentRawFrameValue(t*this.frameModifier),this.pause())},AnimationItem.prototype.goToAndPlay=function(t,e,i){this.goToAndStop(t,e,i),this.play()},AnimationItem.prototype.advanceTime=function(t){if(!0!==this.isPaused&&!1!==this.isLoaded){var e=this.currentRawFrame+t*this.frameModifier,i=!1;e>=this.totalFrames-1&&0<this.frameModifier?this.loop&&this.playCount!==this.loop?e>=this.totalFrames?(this.playCount+=1,this.checkSegments(e%this.totalFrames)||(this.setCurrentRawFrameValue(e%this.totalFrames),this._completedLoop=!0,this.trigger("loopComplete"))):this.setCurrentRawFrameValue(e):this.checkSegments(e>this.totalFrames?e%this.totalFrames:0)||(i=!0,e=this.totalFrames-1):e<0?this.checkSegments(e%this.totalFrames)||(!this.loop||this.playCount--<=0&&!0!==this.loop?(i=!0,e=0):(this.setCurrentRawFrameValue(this.totalFrames+e%this.totalFrames),this._completedLoop?this.trigger("loopComplete"):this._completedLoop=!0)):this.setCurrentRawFrameValue(e),i&&(this.setCurrentRawFrameValue(e),this.pause(),this.trigger("complete"))}},AnimationItem.prototype.adjustSegment=function(t,e){this.playCount=0,t[1]<t[0]?(0<this.frameModifier&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(-1)),this.timeCompleted=this.totalFrames=t[0]-t[1],this.firstFrame=t[1],this.setCurrentRawFrameValue(this.totalFrames-.001-e)):t[1]>t[0]&&(this.frameModifier<0&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(1)),this.timeCompleted=this.totalFrames=t[1]-t[0],this.firstFrame=t[0],this.setCurrentRawFrameValue(.001+e)),this.trigger("segmentStart")},AnimationItem.prototype.setSegment=function(t,e){var i=-1;this.isPaused&&(this.currentRawFrame+this.firstFrame<t?i=t:this.currentRawFrame+this.firstFrame>e&&(i=e-t)),this.firstFrame=t,this.timeCompleted=this.totalFrames=e-t,-1!==i&&this.goToAndStop(i,!0)},AnimationItem.prototype.playSegments=function(t,e){if(e&&(this.segments.length=0),"object"==typeof t[0]){var i,r=t.length;for(i=0;i<r;i+=1)this.segments.push(t[i])}else this.segments.push(t);this.segments.length&&this.adjustSegment(this.segments.shift(),0),this.isPaused&&this.play()},AnimationItem.prototype.resetSegments=function(t){this.segments.length=0,this.segments.push([this.animationData.ip,this.animationData.op]),t&&this.checkSegments(0)},AnimationItem.prototype.checkSegments=function(t){return!!this.segments.length&&(this.adjustSegment(this.segments.shift(),t),!0)},AnimationItem.prototype.destroy=function(t){t&&this.name!=t||!this.renderer||(this.renderer.destroy(),this.imagePreloader.destroy(),this.trigger("destroy"),this._cbs=null,this.onEnterFrame=this.onLoopComplete=this.onComplete=this.onSegmentStart=this.onDestroy=null,this.renderer=null)},AnimationItem.prototype.setCurrentRawFrameValue=function(t){this.currentRawFrame=t,this.gotoFrame()},AnimationItem.prototype.setSpeed=function(t){this.playSpeed=t,this.updaFrameModifier()},AnimationItem.prototype.setDirection=function(t){this.playDirection=t<0?-1:1,this.updaFrameModifier()},AnimationItem.prototype.updaFrameModifier=function(){this.frameModifier=this.frameMult*this.playSpeed*this.playDirection},AnimationItem.prototype.getPath=function(){return this.path},AnimationItem.prototype.getAssetsPath=function(t){var e="";if(t.e)e=t.p;else if(this.assetsPath){var i=t.p;-1!==i.indexOf("images/")&&(i=i.split("/")[1]),e=this.assetsPath+i}else e=this.path,e+=t.u?t.u:"",e+=t.p;return e},AnimationItem.prototype.getAssetData=function(t){for(var e=0,i=this.assets.length;e<i;){if(t==this.assets[e].id)return this.assets[e];e+=1}},AnimationItem.prototype.hide=function(){this.renderer.hide()},AnimationItem.prototype.show=function(){this.renderer.show()},AnimationItem.prototype.getDuration=function(t){return t?this.totalFrames:this.totalFrames/this.frameRate},AnimationItem.prototype.trigger=function(t){if(this._cbs&&this._cbs[t])switch(t){case"enterFrame":this.triggerEvent(t,new BMEnterFrameEvent(t,this.currentFrame,this.totalFrames,this.frameMult));break;case"loopComplete":this.triggerEvent(t,new BMCompleteLoopEvent(t,this.loop,this.playCount,this.frameMult));break;case"complete":this.triggerEvent(t,new BMCompleteEvent(t,this.frameMult));break;case"segmentStart":this.triggerEvent(t,new BMSegmentStartEvent(t,this.firstFrame,this.totalFrames));break;case"destroy":this.triggerEvent(t,new BMDestroyEvent(t,this));break;default:this.triggerEvent(t)}"enterFrame"===t&&this.onEnterFrame&&this.onEnterFrame.call(this,new BMEnterFrameEvent(t,this.currentFrame,this.totalFrames,this.frameMult)),"loopComplete"===t&&this.onLoopComplete&&this.onLoopComplete.call(this,new BMCompleteLoopEvent(t,this.loop,this.playCount,this.frameMult)),"complete"===t&&this.onComplete&&this.onComplete.call(this,new BMCompleteEvent(t,this.frameMult)),"segmentStart"===t&&this.onSegmentStart&&this.onSegmentStart.call(this,new BMSegmentStartEvent(t,this.firstFrame,this.totalFrames)),"destroy"===t&&this.onDestroy&&this.onDestroy.call(this,new BMDestroyEvent(t,this))};var Expressions=(AR={},AR.initExpressions=function(t){var e=0,i=[];function r(){var t,e=i.length;for(t=0;t<e;t+=1)i[t].release();i.length=0}t.renderer.compInterface=CompExpressionInterface(t.renderer),t.renderer.globalData.projectInterface.registerComposition(t.renderer),t.renderer.globalData.pushExpression=function(){e+=1},t.renderer.globalData.popExpression=function(){0==(e-=1)&&r()},t.renderer.globalData.registerExpressionProperty=function(t){-1===i.indexOf(t)&&i.push(t)}},AR),AR;expressionsPlugin=Expressions;var ExpressionManager=function(){var ob={},Math=BMMath,window=null,document=null;function $bm_isInstanceOfArray(t){return t.constructor===Array||t.constructor===Float32Array}function isNumerable(t,e){return"number"===t||"boolean"===t||"string"===t||e instanceof Number}function $bm_neg(t){var e=typeof t;if("number"===e||"boolean"===e||t instanceof Number)return-t;if($bm_isInstanceOfArray(t)){var i,r=t.length,s=[];for(i=0;i<r;i+=1)s[i]=-t[i];return s}}var easeInBez=BezierFactory.getBezierEasing(.333,0,.833,.833,"easeIn").get,easeOutBez=BezierFactory.getBezierEasing(.167,.167,.667,1,"easeOut").get,easeInOutBez=BezierFactory.getBezierEasing(.33,0,.667,1,"easeInOut").get;function sum(t,e){var i=typeof t,r=typeof e;if("string"===i||"string"===r)return t+e;if(isNumerable(i,t)&&isNumerable(r,e))return t+e;if($bm_isInstanceOfArray(t)&&isNumerable(r,e))return(t=t.slice(0))[0]=t[0]+e,t;if(isNumerable(i,t)&&$bm_isInstanceOfArray(e))return(e=e.slice(0))[0]=t+e[0],e;if($bm_isInstanceOfArray(t)&&$bm_isInstanceOfArray(e)){for(var s=0,a=t.length,n=e.length,o=[];s<a||s<n;)("number"==typeof t[s]||t[s]instanceof Number)&&("number"==typeof e[s]||e[s]instanceof Number)?o[s]=t[s]+e[s]:o[s]=void 0===e[s]?t[s]:t[s]||e[s],s+=1;return o}return 0}var add=sum;function sub(t,e){var i=typeof t,r=typeof e;if(isNumerable(i,t)&&isNumerable(r,e))return"string"===i&&(t=parseInt(t)),"string"===r&&(e=parseInt(e)),t-e;if($bm_isInstanceOfArray(t)&&isNumerable(r,e))return(t=t.slice(0))[0]=t[0]-e,t;if(isNumerable(i,t)&&$bm_isInstanceOfArray(e))return(e=e.slice(0))[0]=t-e[0],e;if($bm_isInstanceOfArray(t)&&$bm_isInstanceOfArray(e)){for(var s=0,a=t.length,n=e.length,o=[];s<a||s<n;)("number"==typeof t[s]||t[s]instanceof Number)&&("number"==typeof e[s]||e[s]instanceof Number)?o[s]=t[s]-e[s]:o[s]=void 0===e[s]?t[s]:t[s]||e[s],s+=1;return o}return 0}function mul(t,e){var i,r,s,a=typeof t,n=typeof e;if(isNumerable(a,t)&&isNumerable(n,e))return t*e;if($bm_isInstanceOfArray(t)&&isNumerable(n,e)){for(s=t.length,i=createTypedArray("float32",s),r=0;r<s;r+=1)i[r]=t[r]*e;return i}if(isNumerable(a,t)&&$bm_isInstanceOfArray(e)){for(s=e.length,i=createTypedArray("float32",s),r=0;r<s;r+=1)i[r]=t*e[r];return i}return 0}function div(t,e){var i,r,s,a=typeof t,n=typeof e;if(isNumerable(a,t)&&isNumerable(n,e))return t/e;if($bm_isInstanceOfArray(t)&&isNumerable(n,e)){for(s=t.length,i=createTypedArray("float32",s),r=0;r<s;r+=1)i[r]=t[r]/e;return i}if(isNumerable(a,t)&&$bm_isInstanceOfArray(e)){for(s=e.length,i=createTypedArray("float32",s),r=0;r<s;r+=1)i[r]=t/e[r];return i}return 0}function mod(t,e){return"string"==typeof t&&(t=parseInt(t)),"string"==typeof e&&(e=parseInt(e)),t%e}function clamp(t,e,i){if(i<e){var r=i;i=e,e=r}return Math.min(Math.max(t,e),i)}function radiansToDegrees(t){return t/degToRads}var radians_to_degrees=radiansToDegrees;function degreesToRadians(t){return t*degToRads}var degrees_to_radians=radiansToDegrees,helperLengthArray=[0,0,0,0,0,0];function length(t,e){if("number"==typeof t||t instanceof Number)return e=e||0,Math.abs(t-e);e||(e=helperLengthArray);var i,r=Math.min(t.length,e.length),s=0;for(i=0;i<r;i+=1)s+=Math.pow(e[i]-t[i],2);return Math.sqrt(s)}function normalize(t){return div(t,length(t))}function rgbToHsl(t){var e,i,r=t[0],s=t[1],a=t[2],n=Math.max(r,s,a),o=Math.min(r,s,a),h=(n+o)/2;if(n==o)e=i=0;else{var l=n-o;switch(i=.5<h?l/(2-n-o):l/(n+o),n){case r:e=(s-a)/l+(s<a?6:0);break;case s:e=(a-r)/l+2;break;case a:e=(r-s)/l+4}e/=6}return[e,i,h,t[3]]}function hue2rgb(t,e,i){return i<0&&(i+=1),1<i&&(i-=1),i<1/6?t+6*(e-t)*i:i<.5?e:i<2/3?t+(e-t)*(2/3-i)*6:t}function hslToRgb(t){var e,i,r,s=t[0],a=t[1],n=t[2];if(0===a)e=i=r=n;else{var o=n<.5?n*(1+a):n+a-n*a,h=2*n-o;e=hue2rgb(h,o,s+1/3),i=hue2rgb(h,o,s),r=hue2rgb(h,o,s-1/3)}return[e,i,r,t[3]]}function linear(t,e,i,r,s){if(void 0!==r&&void 0!==s||(r=e,s=i,e=0,i=1),i<e){var a=i;i=e,e=a}if(t<=e)return r;if(i<=t)return s;var n=i===e?0:(t-e)/(i-e);if(!r.length)return r+(s-r)*n;var o,h=r.length,l=createTypedArray("float32",h);for(o=0;o<h;o+=1)l[o]=r[o]+(s[o]-r[o])*n;return l}function random(t,e){if(void 0===e&&(void 0===t?(t=0,e=1):(e=t,t=void 0)),e.length){var i,r=e.length;t||(t=createTypedArray("float32",r));var s=createTypedArray("float32",r),a=BMMath.random();for(i=0;i<r;i+=1)s[i]=t[i]+a*(e[i]-t[i]);return s}return void 0===t&&(t=0),t+BMMath.random()*(e-t)}function createPath(t,e,i,r){var s,a=t.length,n=shape_pool.newElement();n.setPathData(!!r,a);var o,h,l=[0,0];for(s=0;s<a;s+=1)o=e&&e[s]?e[s]:l,h=i&&i[s]?i[s]:l,n.setTripleAt(t[s][0],t[s][1],h[0]+t[s][0],h[1]+t[s][1],o[0]+t[s][0],o[1]+t[s][1],s,!0);return n}function initiateExpression(elem,data,property){var val=data.x,needsVelocity=/velocity(?![\w\d])/.test(val),_needsRandom=-1!==val.indexOf("random"),elemType=elem.data.ty,transform,$bm_transform,content,effect,thisProperty=property;thisProperty.valueAtTime=thisProperty.getValueAtTime,elem.comp.frameDuration=1/elem.comp.globalData.frameRate,elem.comp.displayStartTime=0;var inPoint=elem.data.ip/elem.comp.globalData.frameRate,outPoint=elem.data.op/elem.comp.globalData.frameRate,width=elem.data.sw?elem.data.sw:0,height=elem.data.sh?elem.data.sh:0,name=elem.data.nm,loopIn,loop_in,loopOut,loop_out,toWorld,fromWorld,fromComp,toComp,fromCompToSurface,position,rotation,anchorPoint,scale,thisLayer,thisComp,mask,valueAtTime,velocityAtTime,__expression_functions=[],scoped_bm_rt;if(data.xf){var i,len=data.xf.length;for(i=0;i<len;i+=1)__expression_functions[i]=eval("(function(){ return "+data.xf[i]+"}())")}var expression_function=eval("[function _expression_function(){"+val+";scoped_bm_rt=$bm_rt}]")[0],numKeys=property.kf?data.k.length:0,active=!this.data||!0!==this.data.hd,wiggle=function(t,e){var i,r,s=this.pv.length?this.pv.length:1,a=createTypedArray("float32",s);var n=Math.floor(5*time);for(r=i=0;i<n;){for(r=0;r<s;r+=1)a[r]+=-e+2*e*BMMath.random();i+=1}var o=5*time,h=o-Math.floor(o),l=createTypedArray("float32",s);if(1<s){for(r=0;r<s;r+=1)l[r]=this.pv[r]+a[r]+(-e+2*e*BMMath.random())*h;return l}return this.pv+a[0]+(-e+2*e*BMMath.random())*h}.bind(this);function loopInDuration(t,e){return loopIn(t,e,!0)}function loopOutDuration(t,e){return loopOut(t,e,!0)}thisProperty.loopIn&&(loopIn=thisProperty.loopIn.bind(thisProperty),loop_in=loopIn),thisProperty.loopOut&&(loopOut=thisProperty.loopOut.bind(thisProperty),loop_out=loopOut),this.getValueAtTime&&(valueAtTime=this.getValueAtTime.bind(this)),this.getVelocityAtTime&&(velocityAtTime=this.getVelocityAtTime.bind(this));var comp=elem.comp.globalData.projectInterface.bind(elem.comp.globalData.projectInterface),time,velocity,value,text,textIndex,textTotal,selectorValue;function lookAt(t,e){var i=[e[0]-t[0],e[1]-t[1],e[2]-t[2]],r=Math.atan2(i[0],Math.sqrt(i[1]*i[1]+i[2]*i[2]))/degToRads;return[-Math.atan2(i[1],i[2])/degToRads,r,0]}function easeOut(t,e,i,r,s){return applyEase(easeOutBez,t,e,i,r,s)}function easeIn(t,e,i,r,s){return applyEase(easeInBez,t,e,i,r,s)}function ease(t,e,i,r,s){return applyEase(easeInOutBez,t,e,i,r,s)}function applyEase(t,e,i,r,s,a){void 0===s?(s=i,a=r):e=(e-i)/(r-i);var n=t(e=1<e?1:e<0?0:e);if($bm_isInstanceOfArray(s)){var o,h=s.length,l=createTypedArray("float32",h);for(o=0;o<h;o+=1)l[o]=(a[o]-s[o])*n+s[o];return l}return(a-s)*n+s}function nearestKey(t){var e,i,r,s=data.k.length;if(data.k.length&&"number"!=typeof data.k[0])if(i=-1,(t*=elem.comp.globalData.frameRate)<data.k[0].t)i=1,r=data.k[0].t;else{for(e=0;e<s-1;e+=1){if(t===data.k[e].t){i=e+1,r=data.k[e].t;break}if(t>data.k[e].t&&t<data.k[e+1].t){r=t-data.k[e].t>data.k[e+1].t-t?(i=e+2,data.k[e+1].t):(i=e+1,data.k[e].t);break}}-1===i&&(i=e+1,r=data.k[e].t)}else r=i=0;var a={};return a.index=i,a.time=r/elem.comp.globalData.frameRate,a}function key(t){var e,i,r,s;if(!data.k.length||"number"==typeof data.k[0])throw new Error("The property has no keyframe at index "+t);for(t-=1,e={time:data.k[t].t/elem.comp.globalData.frameRate},r=(s=t!==data.k.length-1||data.k[t].h?data.k[t].s:data.k[t-1].e).length,i=0;i<r;i+=1)e[i]=s[i];return e}function framesToTime(t,e){return e||(e=elem.comp.globalData.frameRate),t/e}function timeToFrames(t,e){return t||0===t||(t=time),e||(e=elem.comp.globalData.frameRate),t*e}function seedRandom(t){BMMath.seedrandom(randSeed+t)}function sourceRectAtTime(){return elem.sourceRectAtTime()}function substring(t,e){return"string"==typeof value?void 0===e?value.substring(t):value.substring(t,e):""}function substr(t,e){return"string"==typeof value?void 0===e?value.substr(t):value.substr(t,e):""}var index=elem.data.ind,hasParent=!(!elem.hierarchy||!elem.hierarchy.length),parent,randSeed=Math.floor(1e6*Math.random()),globalData=elem.globalData;function executeExpression(t){return value=t,_needsRandom&&seedRandom(randSeed),this.frameExpressionId===elem.globalData.frameId&&"textSelector"!==this.propType?value:("textSelector"===this.propType&&(textIndex=this.textIndex,textTotal=this.textTotal,selectorValue=this.selectorValue),thisLayer||(text=elem.layerInterface.text,thisLayer=elem.layerInterface,thisComp=elem.comp.compInterface,toWorld=thisLayer.toWorld.bind(thisLayer),fromWorld=thisLayer.fromWorld.bind(thisLayer),fromComp=thisLayer.fromComp.bind(thisLayer),toComp=thisLayer.toComp.bind(thisLayer),mask=thisLayer.mask?thisLayer.mask.bind(thisLayer):null,fromCompToSurface=fromComp),transform||(transform=elem.layerInterface("ADBE Transform Group"),($bm_transform=transform)&&(anchorPoint=transform.anchorPoint)),4!==elemType||content||(content=thisLayer("ADBE Root Vectors Group")),effect||(effect=thisLayer(4)),(hasParent=!(!elem.hierarchy||!elem.hierarchy.length))&&!parent&&(parent=elem.hierarchy[0].layerInterface),time=this.comp.renderedFrame/this.comp.globalData.frameRate,needsVelocity&&(velocity=velocityAtTime(time)),expression_function(),this.frameExpressionId=elem.globalData.frameId,"shape"===scoped_bm_rt.propType&&(scoped_bm_rt=scoped_bm_rt.v),scoped_bm_rt)}return executeExpression}return ob.initiateExpression=initiateExpression,ob}();!function(){function o(){return this.pv}function h(t,e,i){if(!this.k||!this.keyframes)return this.pv;t=t?t.toLowerCase():"";var r,s,a,n,o,h=this.comp.renderedFrame,l=this.keyframes,p=l[l.length-1].t;if(h<=p)return this.pv;if(i?s=p-(r=e?Math.abs(p-elem.comp.globalData.frameRate*e):Math.max(0,p-this.elem.data.ip)):((!e||e>l.length-1)&&(e=l.length-1),r=p-(s=l[l.length-1-e].t)),"pingpong"===t){if(Math.floor((h-s)/r)%2!=0)return this.getValueAtTime((r-(h-s)%r+s)/this.comp.globalData.frameRate,0)}else{if("offset"===t){var f=this.getValueAtTime(s/this.comp.globalData.frameRate,0),m=this.getValueAtTime(p/this.comp.globalData.frameRate,0),c=this.getValueAtTime(((h-s)%r+s)/this.comp.globalData.frameRate,0),d=Math.floor((h-s)/r);if(this.pv.length){for(n=(o=new Array(f.length)).length,a=0;a<n;a+=1)o[a]=(m[a]-f[a])*d+c[a];return o}return(m-f)*d+c}if("continue"===t){var u=this.getValueAtTime(p/this.comp.globalData.frameRate,0),y=this.getValueAtTime((p-.001)/this.comp.globalData.frameRate,0);if(this.pv.length){for(n=(o=new Array(u.length)).length,a=0;a<n;a+=1)o[a]=u[a]+(u[a]-y[a])*((h-p)/this.comp.globalData.frameRate)/5e-4;return o}return u+(h-p)/.001*(u-y)}}return this.getValueAtTime(((h-s)%r+s)/this.comp.globalData.frameRate,0)}function l(t,e,i){if(!this.k)return this.pv;t=t?t.toLowerCase():"";var r,s,a,n,o,h=this.comp.renderedFrame,l=this.keyframes,p=l[0].t;if(p<=h)return this.pv;if(i?s=p+(r=e?Math.abs(elem.comp.globalData.frameRate*e):Math.max(0,this.elem.data.op-p)):((!e||e>l.length-1)&&(e=l.length-1),r=(s=l[e].t)-p),"pingpong"===t){if(Math.floor((p-h)/r)%2==0)return this.getValueAtTime(((p-h)%r+p)/this.comp.globalData.frameRate,0)}else{if("offset"===t){var f=this.getValueAtTime(p/this.comp.globalData.frameRate,0),m=this.getValueAtTime(s/this.comp.globalData.frameRate,0),c=this.getValueAtTime((r-(p-h)%r+p)/this.comp.globalData.frameRate,0),d=Math.floor((p-h)/r)+1;if(this.pv.length){for(n=(o=new Array(f.length)).length,a=0;a<n;a+=1)o[a]=c[a]-(m[a]-f[a])*d;return o}return c-(m-f)*d}if("continue"===t){var u=this.getValueAtTime(p/this.comp.globalData.frameRate,0),y=this.getValueAtTime((p+.001)/this.comp.globalData.frameRate,0);if(this.pv.length){for(n=(o=new Array(u.length)).length,a=0;a<n;a+=1)o[a]=u[a]+(u[a]-y[a])*(p-h)/.001;return o}return u+(u-y)*(p-h)/.001}}return this.getValueAtTime((r-(p-h)%r+p)/this.comp.globalData.frameRate,0)}function p(t){return t*=this.elem.globalData.frameRate,(t-=this.offsetTime)!==this._cachingAtTime.lastFrame&&(this._cachingAtTime.lastIndex=this._cachingAtTime.lastFrame<t?this._cachingAtTime.lastIndex:0,this._cachingAtTime.value=this.interpolateValue(t,this._cachingAtTime),this._cachingAtTime.lastFrame=t),this._cachingAtTime.value}function f(t){if(void 0!==this.vel)return this.vel;var e,i,r=this.getValueAtTime(t),s=this.getValueAtTime(t+-.001);if(r.length)for(e=createTypedArray("float32",r.length),i=0;i<r.length;i+=1)e[i]=(s[i]-r[i])/-.001;else e=(s-r)/-.001;return e}function m(t){this.propertyGroup=t}function c(t,e,i){e.x&&(i.k=!0,i.x=!0,i.initiateExpression=ExpressionManager.initiateExpression,i.effectsSequence.push(i.initiateExpression(t,e,i).bind(i)))}var r=function(){function i(t,e){return this.textIndex=t+1,this.textTotal=e,this.getValue(),this.v}return function(t,e){this.pv=1,this.comp=t.comp,this.elem=t,this.mult=.01,this.propType="textSelector",this.textTotal=e.totalChars,this.selectorValue=100,this.lastValue=[1,1,1],c.bind(this)(t,e,this),this.getMult=i,this.getVelocityAtTime=f,this.kf?this.getValueAtTime=p.bind(this):this.getValueAtTime=o.bind(this),this.setGroupProperty=m}}(),s=TransformPropertyFactory.getTransformProperty;TransformPropertyFactory.getTransformProperty=function(t,e,i){var r=s(t,e,i);return r.dynamicProperties.length?r.getValueAtTime=function(t){console.warn("Transform at time not supported")}.bind(r):r.getValueAtTime=function(t){}.bind(r),r.setGroupProperty=m,r};var d=PropertyFactory.getProp;PropertyFactory.getProp=function(t,e,i,r,s){var a=d(t,e,i,r,s);a.kf?a.getValueAtTime=p.bind(a):a.getValueAtTime=o.bind(a),a.setGroupProperty=m,a.loopOut=h,a.loopIn=l,a.getVelocityAtTime=f.bind(a),a.getSpeedAtTime=function(t){var e=this.getValueAtTime(t),i=this.getValueAtTime(t+-.01),r=0;if(e.length){var s;for(s=0;s<e.length;s+=1)r+=Math.pow(i[s]-e[s],2);r=100*Math.sqrt(r)}else r=0;return r}.bind(a),a.numKeys=1===e.a?e.k.length:0,a.propertyIndex=e.ix;var n=0;return 0!==i&&(n=createTypedArray("float32",1===e.a?e.k[0].s.length:e.k.length)),a._cachingAtTime={lastFrame:initialDefaultFrame,lastIndex:0,value:n},c(t,e,a),a.k&&s.addDynamicProperty(a),a};var t=ShapePropertyFactory.getConstructorFunction(),e=ShapePropertyFactory.getKeyframedConstructorFunction();function i(){}i.prototype={vertices:function(t,e){this.k&&this.getValue();var i=this.v;void 0!==e&&(i=this.getValueAtTime(e,0));var r,s=i._length,a=i[t],n=i.v,o=createSizedArray(s);for(r=0;r<s;r+=1)o[r]="i"===t||"o"===t?[a[r][0]-n[r][0],a[r][1]-n[r][1]]:[a[r][0],a[r][1]];return o},points:function(t){return this.vertices("v",t)},inTangents:function(t){return this.vertices("i",t)},outTangents:function(t){return this.vertices("o",t)},isClosed:function(){return this.v.c},pointOnPath:function(t,e){var i=this.v;void 0!==e&&(i=this.getValueAtTime(e,0)),this._segmentsLength||(this._segmentsLength=bez.getSegmentsLength(i));for(var r,s=this._segmentsLength,a=s.lengths,n=s.totalLength*t,o=0,h=a.length,l=0;o<h;){if(l+a[o].addedLength>n){var p=o,f=i.c&&o===h-1?0:o+1,m=(n-l)/a[o].addedLength;r=bez.getPointInSegment(i.v[p],i.v[f],i.o[p],i.i[f],m,a[o]);break}l+=a[o].addedLength,o+=1}return r||(r=i.c?[i.v[0][0],i.v[0][1]]:[i.v[i._length-1][0],i.v[i._length-1][1]]),r},vectorOnPath:function(t,e,i){t=1==t?this.v.c?0:.999:t;var r=this.pointOnPath(t,e),s=this.pointOnPath(t+.001,e),a=s[0]-r[0],n=s[1]-r[1],o=Math.sqrt(Math.pow(a,2)+Math.pow(n,2));return"tangent"===i?[a/o,n/o]:[-n/o,a/o]},tangentOnPath:function(t,e){return this.vectorOnPath(t,e,"tangent")},normalOnPath:function(t,e){return this.vectorOnPath(t,e,"normal")},setGroupProperty:m,getValueAtTime:o},extendPrototype([i],t),extendPrototype([i],e),e.prototype.getValueAtTime=function(t){return this._cachingAtTime||(this._cachingAtTime={shapeValue:shape_pool.clone(this.pv),lastIndex:0,lastTime:initialDefaultFrame}),t!==this._cachingAtTime.lastTime&&(this._cachingAtTime.lastIndex=this._cachingAtTime.lastTime<t?this._caching.lastIndex:0,this._cachingAtTime.lastTime=t,t*=this.elem.globalData.frameRate,this.interpolateShape(t,this._cachingAtTime.shapeValue,this._cachingAtTime)),this._cachingAtTime.shapeValue},e.prototype.initiateExpression=ExpressionManager.initiateExpression;var n=ShapePropertyFactory.getShapeProp;ShapePropertyFactory.getShapeProp=function(t,e,i,r,s){var a=n(t,e,i,r,s);return a.propertyIndex=e.ix,a.lock=!1,3===i?c(t,e.pt,a):4===i&&c(t,e.ks,a),a.k&&t.addDynamicProperty(a),a};var a=TextSelectorProp.getTextSelectorProp;TextSelectorProp.getTextSelectorProp=function(t,e,i){return 1===e.t?new r(t,e,i):a(t,e,i)}}(),TextProperty.prototype.getExpressionValue=function(t,e){var i=this.calculateExpression(e);if(t.t===i)return t;var r={};return this.copyData(r,t),r.t=i.toString(),r.__complete=!1,r},TextProperty.prototype.searchProperty=function(){var t=this.searchKeyframes(),e=this.searchExpressions();return this.kf=t||e,this.kf},TextProperty.prototype.searchExpressions=function(){if(this.data.d.x)return this.calculateExpression=ExpressionManager.initiateExpression.bind(this)(this.elem,this.data.d,this),this.addEffect(this.getExpressionValue.bind(this)),!0};var ShapeExpressionInterface=function(){function f(t,e,i){var r,s=[],a=t?t.length:0;for(r=0;r<a;r+=1)"gr"==t[r].ty?s.push(n(t[r],e[r],i)):"fl"==t[r].ty?s.push(o(t[r],e[r],i)):"st"==t[r].ty?s.push(h(t[r],e[r],i)):"tm"==t[r].ty?s.push(l(t[r],e[r],i)):"tr"==t[r].ty||("el"==t[r].ty?s.push(p(t[r],e[r],i)):"sr"==t[r].ty?s.push(m(t[r],e[r],i)):"sh"==t[r].ty?s.push(y(t[r],e[r],i)):"rc"==t[r].ty?s.push(c(t[r],e[r],i)):"rd"==t[r].ty?s.push(d(t[r],e[r],i)):"rp"==t[r].ty&&s.push(u(t[r],e[r],i)));return s}function n(t,e,i){var r=function(t){switch(t){case"ADBE Vectors Group":case"Contents":case 2:return r.content;default:return r.transform}};r.propertyGroup=function(t){return 1===t?r:i(t-1)};var s,a,n,o,h,l=(s=t,a=e,n=r.propertyGroup,(h=function(t){for(var e=0,i=o.length;e<i;){if(o[e]._name===t||o[e].mn===t||o[e].propertyIndex===t||o[e].ix===t||o[e].ind===t)return o[e];e+=1}if("number"==typeof t)return o[t-1]}).propertyGroup=function(t){return 1===t?h:n(t-1)},o=f(s.it,a.it,h.propertyGroup),h.numProperties=o.length,h.propertyIndex=s.cix,h._name=s.nm,h),p=function(e,t,i){function r(t){return 1==t?s:i(--t)}t.transform.mProps.o.setGroupProperty(r),t.transform.mProps.p.setGroupProperty(r),t.transform.mProps.a.setGroupProperty(r),t.transform.mProps.s.setGroupProperty(r),t.transform.mProps.r.setGroupProperty(r),t.transform.mProps.sk&&(t.transform.mProps.sk.setGroupProperty(r),t.transform.mProps.sa.setGroupProperty(r));function s(t){return e.a.ix===t||"Anchor Point"===t?s.anchorPoint:e.o.ix===t||"Opacity"===t?s.opacity:e.p.ix===t||"Position"===t?s.position:e.r.ix===t||"Rotation"===t||"ADBE Vector Rotation"===t?s.rotation:e.s.ix===t||"Scale"===t?s.scale:e.sk&&e.sk.ix===t||"Skew"===t?s.skew:e.sa&&e.sa.ix===t||"Skew Axis"===t?s.skewAxis:void 0}return t.transform.op.setGroupProperty(r),Object.defineProperties(s,{opacity:{get:ExpressionPropertyInterface(t.transform.mProps.o)},position:{get:ExpressionPropertyInterface(t.transform.mProps.p)},anchorPoint:{get:ExpressionPropertyInterface(t.transform.mProps.a)},scale:{get:ExpressionPropertyInterface(t.transform.mProps.s)},rotation:{get:ExpressionPropertyInterface(t.transform.mProps.r)},skew:{get:ExpressionPropertyInterface(t.transform.mProps.sk)},skewAxis:{get:ExpressionPropertyInterface(t.transform.mProps.sa)},_name:{value:e.nm}}),s.ty="tr",s.mn=e.mn,s}(t.it[t.it.length-1],e.it[e.it.length-1],r.propertyGroup);return r.content=l,r.transform=p,Object.defineProperty(r,"_name",{get:function(){return t.nm}}),r.numProperties=t.np,r.propertyIndex=t.ix,r.nm=t.nm,r.mn=t.mn,r}function o(t,e,i){function r(t){return"Color"===t||"color"===t?r.color:"Opacity"===t||"opacity"===t?r.opacity:void 0}return Object.defineProperties(r,{color:{get:ExpressionPropertyInterface(e.c)},opacity:{get:ExpressionPropertyInterface(e.o)},_name:{value:t.nm},mn:{value:t.mn}}),e.c.setGroupProperty(i),e.o.setGroupProperty(i),r}function h(t,e,i){function r(t){return 1===t?ob:i(t-1)}function s(t){return 1===t?h:r(t-1)}var a,n,o=t.d?t.d.length:0,h={};for(a=0;a<o;a+=1)n=a,Object.defineProperty(h,t.d[n].nm,{get:ExpressionPropertyInterface(e.d.dataProps[n].p)}),e.d.dataProps[a].p.setGroupProperty(s);function l(t){return"Color"===t||"color"===t?l.color:"Opacity"===t||"opacity"===t?l.opacity:"Stroke Width"===t||"stroke width"===t?l.strokeWidth:void 0}return Object.defineProperties(l,{color:{get:ExpressionPropertyInterface(e.c)},opacity:{get:ExpressionPropertyInterface(e.o)},strokeWidth:{get:ExpressionPropertyInterface(e.w)},dash:{get:function(){return h}},_name:{value:t.nm},mn:{value:t.mn}}),e.c.setGroupProperty(r),e.o.setGroupProperty(r),e.w.setGroupProperty(r),l}function l(e,t,i){function r(t){return 1==t?s:i(--t)}function s(t){return t===e.e.ix||"End"===t||"end"===t?s.end:t===e.s.ix?s.start:t===e.o.ix?s.offset:void 0}return s.propertyIndex=e.ix,t.s.setGroupProperty(r),t.e.setGroupProperty(r),t.o.setGroupProperty(r),s.propertyIndex=e.ix,Object.defineProperties(s,{start:{get:ExpressionPropertyInterface(t.s)},end:{get:ExpressionPropertyInterface(t.e)},offset:{get:ExpressionPropertyInterface(t.o)},_name:{value:e.nm}}),s.mn=e.mn,s}function p(e,t,i){function r(t){return 1==t?a:i(--t)}a.propertyIndex=e.ix;var s="tm"===t.sh.ty?t.sh.prop:t.sh;function a(t){return e.p.ix===t?a.position:e.s.ix===t?a.size:void 0}return s.s.setGroupProperty(r),s.p.setGroupProperty(r),Object.defineProperties(a,{size:{get:ExpressionPropertyInterface(s.s)},position:{get:ExpressionPropertyInterface(s.p)},_name:{value:e.nm}}),a.mn=e.mn,a}function m(e,t,i){function r(t){return 1==t?a:i(--t)}var s="tm"===t.sh.ty?t.sh.prop:t.sh;function a(t){return e.p.ix===t?a.position:e.r.ix===t?a.rotation:e.pt.ix===t?a.points:e.or.ix===t||"ADBE Vector Star Outer Radius"===t?a.outerRadius:e.os.ix===t?a.outerRoundness:!e.ir||e.ir.ix!==t&&"ADBE Vector Star Inner Radius"!==t?e.is&&e.is.ix===t?a.innerRoundness:void 0:a.innerRadius}return a.propertyIndex=e.ix,s.or.setGroupProperty(r),s.os.setGroupProperty(r),s.pt.setGroupProperty(r),s.p.setGroupProperty(r),s.r.setGroupProperty(r),e.ir&&(s.ir.setGroupProperty(r),s.is.setGroupProperty(r)),Object.defineProperties(a,{position:{get:ExpressionPropertyInterface(s.p)},rotation:{get:ExpressionPropertyInterface(s.r)},points:{get:ExpressionPropertyInterface(s.pt)},outerRadius:{get:ExpressionPropertyInterface(s.or)},outerRoundness:{get:ExpressionPropertyInterface(s.os)},innerRadius:{get:ExpressionPropertyInterface(s.ir)},innerRoundness:{get:ExpressionPropertyInterface(s.is)},_name:{value:e.nm}}),a.mn=e.mn,a}function c(e,t,i){function r(t){return 1==t?a:i(--t)}var s="tm"===t.sh.ty?t.sh.prop:t.sh;function a(t){return e.p.ix===t?a.position:e.r.ix===t?a.roundness:e.s.ix===t||"Size"===t||"ADBE Vector Rect Size"===t?a.size:void 0}return a.propertyIndex=e.ix,s.p.setGroupProperty(r),s.s.setGroupProperty(r),s.r.setGroupProperty(r),Object.defineProperties(a,{position:{get:ExpressionPropertyInterface(s.p)},roundness:{get:ExpressionPropertyInterface(s.r)},size:{get:ExpressionPropertyInterface(s.s)},_name:{value:e.nm}}),a.mn=e.mn,a}function d(e,t,i){var r=t;function s(t){if(e.r.ix===t||"Round Corners 1"===t)return s.radius}return s.propertyIndex=e.ix,r.rd.setGroupProperty(function(t){return 1==t?s:i(--t)}),Object.defineProperties(s,{radius:{get:ExpressionPropertyInterface(r.rd)},_name:{value:e.nm}}),s.mn=e.mn,s}function u(e,t,i){function r(t){return 1==t?a:i(--t)}var s=t;function a(t){return e.c.ix===t||"Copies"===t?a.copies:e.o.ix===t||"Offset"===t?a.offset:void 0}return a.propertyIndex=e.ix,s.c.setGroupProperty(r),s.o.setGroupProperty(r),Object.defineProperties(a,{copies:{get:ExpressionPropertyInterface(s.c)},offset:{get:ExpressionPropertyInterface(s.o)},_name:{value:e.nm}}),a.mn=e.mn,a}function y(t,e,i){var r=e.sh;function s(t){if("Shape"===t||"shape"===t||"Path"===t||"path"===t||"ADBE Vector Shape"===t||2===t)return s.path}return r.setGroupProperty(function(t){return 1==t?s:i(--t)}),Object.defineProperties(s,{path:{get:function(){return r.k&&r.getValue(),r}},shape:{get:function(){return r.k&&r.getValue(),r}},_name:{value:t.nm},ix:{value:t.ix},mn:{value:t.mn}}),s}return function(t,e,i){var r;function s(t){if("number"==typeof t)return r[t-1];for(var e=0,i=r.length;e<i;){if(r[e]._name===t)return r[e];e+=1}}return s.propertyGroup=i,r=f(t,e,s),s}}(),TextExpressionInterface=function(e){var i;function t(){}return Object.defineProperty(t,"sourceText",{get:function(){e.textProperty.getValue();var t=e.textProperty.currentData.t;return void 0!==t&&(e.textProperty.currentData.t=void 0,(i=new String(t)).value=t||new String(t)),i}}),t},LayerExpressionInterface=function(){function s(t,e){var i=new Matrix;if(i.reset(),this._elem.finalTransform.mProp.applyToMatrix(i),this._elem.hierarchy&&this._elem.hierarchy.length){var r,s=this._elem.hierarchy.length;for(r=0;r<s;r+=1)this._elem.hierarchy[r].finalTransform.mProp.applyToMatrix(i);return i.applyToPointArray(t[0],t[1],t[2]||0)}return i.applyToPointArray(t[0],t[1],t[2]||0)}function a(t,e){var i=new Matrix;if(i.reset(),this._elem.finalTransform.mProp.applyToMatrix(i),this._elem.hierarchy&&this._elem.hierarchy.length){var r,s=this._elem.hierarchy.length;for(r=0;r<s;r+=1)this._elem.hierarchy[r].finalTransform.mProp.applyToMatrix(i);return i.inversePoint(t)}return i.inversePoint(t)}function n(t){var e=new Matrix;if(e.reset(),this._elem.finalTransform.mProp.applyToMatrix(e),this._elem.hierarchy&&this._elem.hierarchy.length){var i,r=this._elem.hierarchy.length;for(i=0;i<r;i+=1)this._elem.hierarchy[i].finalTransform.mProp.applyToMatrix(e);return e.inversePoint(t)}return e.inversePoint(t)}function o(){return[1,1,1,1]}return function(e){var i;function r(t){switch(t){case"ADBE Root Vectors Group":case"Contents":case 2:return r.shapeInterface;case 1:case 6:case"Transform":case"transform":case"ADBE Transform Group":return i;case 4:case"ADBE Effect Parade":case"effects":case"Effects":return r.effect}}r.toWorld=s,r.fromWorld=a,r.toComp=s,r.fromComp=n,r.sampleImage=o,r.sourceRectAtTime=e.sourceRectAtTime.bind(e);var t=getDescriptor(i=TransformExpressionInterface((r._elem=e).finalTransform.mProp),"anchorPoint");return Object.defineProperties(r,{hasParent:{get:function(){return e.hierarchy.length}},parent:{get:function(){return e.hierarchy[0].layerInterface}},rotation:getDescriptor(i,"rotation"),scale:getDescriptor(i,"scale"),position:getDescriptor(i,"position"),opacity:getDescriptor(i,"opacity"),anchorPoint:t,anchor_point:t,transform:{get:function(){return i}},active:{get:function(){return e.isInRange}}}),r.startTime=e.data.st,r.index=e.data.ind,r.source=e.data.refId,r.height=0===e.data.ty?e.data.h:100,r.width=0===e.data.ty?e.data.w:100,r.inPoint=e.data.ip/e.comp.globalData.frameRate,r.outPoint=e.data.op/e.comp.globalData.frameRate,r._name=e.data.nm,r.registerMaskInterface=function(t){r.mask=new MaskManagerInterface(t,e)},r.registerEffectsInterface=function(t){r.effect=t},r}}(),CompExpressionInterface=function(r){function t(t){for(var e=0,i=r.layers.length;e<i;){if(r.layers[e].nm===t||r.layers[e].ind===t)return r.elements[e].layerInterface;e+=1}return null}return Object.defineProperty(t,"_name",{value:r.data.nm}),(t.layer=t).pixelAspect=1,t.height=r.data.h||r.globalData.compSize.h,t.width=r.data.w||r.globalData.compSize.w,t.pixelAspect=1,t.frameDuration=1/r.globalData.frameRate,t.displayStartTime=0,t.numLayers=r.layers.length,t},TransformExpressionInterface=function(t){function e(t){switch(t){case"scale":case"Scale":case"ADBE Scale":case 6:return e.scale;case"rotation":case"Rotation":case"ADBE Rotation":case"ADBE Rotate Z":case 10:return e.rotation;case"ADBE Rotate X":return e.xRotation;case"ADBE Rotate Y":return e.yRotation;case"position":case"Position":case"ADBE Position":case 2:return e.position;case"ADBE Position_0":return e.xPosition;case"ADBE Position_1":return e.yPosition;case"ADBE Position_2":return e.zPosition;case"anchorPoint":case"AnchorPoint":case"Anchor Point":case"ADBE AnchorPoint":case 1:return e.anchorPoint;case"opacity":case"Opacity":case 11:return e.opacity}}if(Object.defineProperty(e,"rotation",{get:ExpressionPropertyInterface(t.r||t.rz)}),Object.defineProperty(e,"zRotation",{get:ExpressionPropertyInterface(t.rz||t.r)}),Object.defineProperty(e,"xRotation",{get:ExpressionPropertyInterface(t.rx)}),Object.defineProperty(e,"yRotation",{get:ExpressionPropertyInterface(t.ry)}),Object.defineProperty(e,"scale",{get:ExpressionPropertyInterface(t.s)}),t.p)var i=ExpressionPropertyInterface(t.p);return Object.defineProperty(e,"position",{get:function(){return t.p?i():[t.px.v,t.py.v,t.pz?t.pz.v:0]}}),Object.defineProperty(e,"xPosition",{get:ExpressionPropertyInterface(t.px)}),Object.defineProperty(e,"yPosition",{get:ExpressionPropertyInterface(t.py)}),Object.defineProperty(e,"zPosition",{get:ExpressionPropertyInterface(t.pz)}),Object.defineProperty(e,"anchorPoint",{get:ExpressionPropertyInterface(t.a)}),Object.defineProperty(e,"opacity",{get:ExpressionPropertyInterface(t.o)}),Object.defineProperty(e,"skew",{get:ExpressionPropertyInterface(t.sk)}),Object.defineProperty(e,"skewAxis",{get:ExpressionPropertyInterface(t.sa)}),Object.defineProperty(e,"orientation",{get:ExpressionPropertyInterface(t.or)}),e},ProjectInterface=function(){function e(t){this.compositions.push(t)}return function(){function t(t){for(var e=0,i=this.compositions.length;e<i;){if(this.compositions[e].data&&this.compositions[e].data.nm===t)return this.compositions[e].prepareFrame&&this.compositions[e].data.xt&&this.compositions[e].prepareFrame(this.currentFrame),this.compositions[e].compInterface;e+=1}}return t.compositions=[],t.currentFrame=0,t.registerComposition=e,t}}(),EffectsExpressionInterface=function(){function l(s,t,e,i){var r,a=[],n=s.ef.length;for(r=0;r<n;r+=1)5===s.ef[r].ty?a.push(l(s.ef[r],t.effectElements[r],t.effectElements[r].propertyGroup,i)):a.push(p(t.effectElements[r],s.ef[r].ty,i,o));function o(t){return 1===t?h:e(t-1)}var h=function(t){for(var e=s.ef,i=0,r=e.length;i<r;){if(t===e[i].nm||t===e[i].mn||t===e[i].ix)return 5===e[i].ty?a[i]:a[i]();i+=1}return a[0]()};return h.propertyGroup=o,"ADBE Color Control"===s.mn&&Object.defineProperty(h,"color",{get:function(){return a[0]()}}),Object.defineProperty(h,"numProperties",{get:function(){return s.np}}),h.active=h.enabled=0!==s.en,h}function p(t,e,i,r){var s=ExpressionPropertyInterface(t.p);return t.p.setGroupProperty&&t.p.setGroupProperty(r),function(){return 10===e?i.comp.compInterface(t.p.v):s()}}return{createEffectsInterface:function(s,t){if(s.effectsManager){var e,a=[],i=s.data.ef,r=s.effectsManager.effectElements.length;for(e=0;e<r;e+=1)a.push(l(i[e],s.effectsManager.effectElements[e],t,s));return function(t){for(var e=s.data.ef||[],i=0,r=e.length;i<r;){if(t===e[i].nm||t===e[i].mn||t===e[i].ix)return a[i];i+=1}}}}}}(),MaskManagerInterface=function(){function a(t,e){this._mask=t,this._data=e}Object.defineProperty(a.prototype,"maskPath",{get:function(){return this._mask.prop.k&&this._mask.prop.getValue(),this._mask.prop}});return function(e,t){var i,r=createSizedArray(e.viewData.length),s=e.viewData.length;for(i=0;i<s;i+=1)r[i]=new a(e.viewData[i],e.masksProperties[i]);return function(t){for(i=0;i<s;){if(e.masksProperties[i].nm===t)return r[i];i+=1}}}}(),ExpressionPropertyInterface=function(){var s={pv:0,v:0,mult:1},n={pv:[0,0,0],v:[0,0,0],mult:1};function o(r,s,a){Object.defineProperty(r,"velocity",{get:function(){return s.getVelocityAtTime(s.comp.currentFrame)}}),r.numKeys=s.keyframes?s.keyframes.length:0,r.key=function(t){if(r.numKeys){var e="";e="s"in s.keyframes[t-1]?s.keyframes[t-1].s:"e"in s.keyframes[t-2]?s.keyframes[t-2].e:s.keyframes[t-2].s;var i="unidimensional"===a?new Number(e):Object.assign({},e);return i.time=s.keyframes[t-1].t/s.elem.comp.globalData.frameRate,i}return 0},r.valueAtTime=s.getValueAtTime,r.speedAtTime=s.getSpeedAtTime,r.velocityAtTime=s.getVelocityAtTime,r.propertyGroup=s.propertyGroup}function e(){return s}return function(t){return t?"unidimensional"===t.propType?function(t){t&&"pv"in t||(t=s);var e=1/t.mult,i=t.pv*e,r=new Number(i);return r.value=i,o(r,t,"unidimensional"),function(){return t.k&&t.getValue(),i=t.v*e,r.value!==i&&((r=new Number(i)).value=i,o(r,t,"unidimensional")),r}}(t):function(e){e&&"pv"in e||(e=n);var i=1/e.mult,r=e.pv.length,s=createTypedArray("float32",r),a=createTypedArray("float32",r);return s.value=a,o(s,e,"multidimensional"),function(){e.k&&e.getValue();for(var t=0;t<r;t+=1)s[t]=a[t]=e.v[t]*i;return s}}(t):e}}();function SliderEffect(t,e,i){this.p=PropertyFactory.getProp(e,t.v,0,0,i)}function AngleEffect(t,e,i){this.p=PropertyFactory.getProp(e,t.v,0,0,i)}function ColorEffect(t,e,i){this.p=PropertyFactory.getProp(e,t.v,1,0,i)}function PointEffect(t,e,i){this.p=PropertyFactory.getProp(e,t.v,1,0,i)}function LayerIndexEffect(t,e,i){this.p=PropertyFactory.getProp(e,t.v,0,0,i)}function MaskIndexEffect(t,e,i){this.p=PropertyFactory.getProp(e,t.v,0,0,i)}function CheckboxEffect(t,e,i){this.p=PropertyFactory.getProp(e,t.v,0,0,i)}function NoValueEffect(){this.p={}}function EffectsManager(){}function EffectsManager(t,e){var i=t.ef||[];this.effectElements=[];var r,s,a=i.length;for(r=0;r<a;r++)s=new GroupEffect(i[r],e),this.effectElements.push(s)}function GroupEffect(t,e){this.init(t,e)}extendPrototype([DynamicPropertyContainer],GroupEffect),GroupEffect.prototype.getValue=GroupEffect.prototype.iterateDynamicProperties,GroupEffect.prototype.init=function(t,e){this.data=t,this.effectElements=[],this.initDynamicPropertyContainer(e);var i,r,s=this.data.ef.length,a=this.data.ef;for(i=0;i<s;i+=1){switch(r=null,a[i].ty){case 0:r=new SliderEffect(a[i],e,this);break;case 1:r=new AngleEffect(a[i],e,this);break;case 2:r=new ColorEffect(a[i],e,this);break;case 3:r=new PointEffect(a[i],e,this);break;case 4:case 7:r=new CheckboxEffect(a[i],e,this);break;case 10:r=new LayerIndexEffect(a[i],e,this);break;case 11:r=new MaskIndexEffect(a[i],e,this);break;case 5:r=new EffectsManager(a[i],e,this);break;default:r=new NoValueEffect(a[i],e,this)}r&&this.effectElements.push(r)}};var lottiejs={},_isFrozen=!1;function setLocationHref(t){locationHref=t}function searchAnimations(){!0===standalone?animationManager.searchAnimations(animationData,standalone,renderer):animationManager.searchAnimations()}function setSubframeRendering(t){subframeEnabled=t}function loadAnimation(t){return!0===standalone&&(t.animationData=JSON.parse(animationData)),animationManager.loadAnimation(t)}function setQuality(t){if("string"==typeof t)switch(t){case"high":defaultCurveSegments=200;break;case"medium":defaultCurveSegments=50;break;case"low":defaultCurveSegments=10}else!isNaN(t)&&1<t&&(defaultCurveSegments=t);roundValues(!(50<=defaultCurveSegments))}function inBrowser(){return"undefined"!=typeof navigator}function installPlugin(t,e){"expressions"===t&&(expressionsPlugin=e)}function getFactory(t){switch(t){case"propertyFactory":return PropertyFactory;case"shapePropertyFactory":return ShapePropertyFactory;case"matrix":return Matrix}}function checkReady(){"complete"===document.readyState&&(clearInterval(readyStateCheckInterval),searchAnimations())}function getQueryVariable(t){for(var e=queryString.split("&"),i=0;i<e.length;i++){var r=e[i].split("=");if(decodeURIComponent(r[0])==t)return decodeURIComponent(r[1])}}lottiejs.play=animationManager.play,lottiejs.pause=animationManager.pause,lottiejs.setLocationHref=setLocationHref,lottiejs.togglePause=animationManager.togglePause,lottiejs.setSpeed=animationManager.setSpeed,lottiejs.setDirection=animationManager.setDirection,lottiejs.stop=animationManager.stop,lottiejs.searchAnimations=searchAnimations,lottiejs.registerAnimation=animationManager.registerAnimation,lottiejs.loadAnimation=loadAnimation,lottiejs.setSubframeRendering=setSubframeRendering,lottiejs.resize=animationManager.resize,lottiejs.goToAndStop=animationManager.goToAndStop,lottiejs.destroy=animationManager.destroy,lottiejs.setQuality=setQuality,lottiejs.inBrowser=inBrowser,lottiejs.installPlugin=installPlugin,lottiejs.freeze=animationManager.freeze,lottiejs.unfreeze=animationManager.unfreeze,lottiejs.getRegisteredAnimations=animationManager.getRegisteredAnimations,lottiejs.__getFactory=getFactory,lottiejs.version="5.4.2";var standalone="__[STANDALONE]__",animationData="__[ANIMATIONDATA]__",renderer="";if(standalone){var scripts=document.getElementsByTagName("script"),index=scripts.length-1,myScript=scripts[index]||{src:""},queryString=myScript.src.replace(/^[^\?]+\??/,"");renderer=getQueryVariable("renderer")}var readyStateCheckInterval=setInterval(checkReady,100);return lottiejs},"function"==typeof define&&define.amd?define(function(){return b(a)}):"object"==typeof module&&module.exports?module.exports=b(a):(a.lottie=b(a),a.bodymovin=a.lottie));
\ No newline at end of file
diff --git a/build/player/lottie_light.js b/build/player/lottie_light.js
index dcfda84..d650250 100644
--- a/build/player/lottie_light.js
+++ b/build/player/lottie_light.js
Binary files differ
diff --git a/build/player/lottie_light.min.js b/build/player/lottie_light.min.js
index 6bc7755..ab5e97d 100644
--- a/build/player/lottie_light.min.js
+++ b/build/player/lottie_light.min.js
@@ -1,5 +1 @@
-"undefined"!=typeof navigator&&function(t,e){"function"==typeof define&&define.amd?define(function(){return e(t)}):"object"==typeof module&&module.exports?module.exports=e(t):(t.lottie=e(t),t.bodymovin=t.lottie)}(window||{},function(t){"use strict";function e(){return{}}function s(t){Et=t?Math.round:function(t){return t}}function i(t,e,s,i){this.type=t,this.currentTime=e,this.totalTime=s,this.direction=i<0?-1:1}function a(t,e){this.type=t,this.direction=e<0?-1:1}function r(t,e,s,i){this.type=t,this.currentLoop=s,this.totalLoops=e,this.direction=i<0?-1:1}function n(t,e,s){this.type=t,this.firstFrame=e,this.totalFrames=s}function h(t,e){this.type=t,this.target=e}function o(t,e){void 0===e&&(e="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890");var s,i="";for(s=t;s>0;--s)i+=e[Math.round(Math.random()*(e.length-1))];return i}function l(t,e,s){var i,a,r,n,h,o,l,p;switch(n=Math.floor(6*t),h=6*t-n,o=s*(1-e),l=s*(1-h*e),p=s*(1-(1-h)*e),n%6){case 0:i=s,a=p,r=o;break;case 1:i=l,a=s,r=o;break;case 2:i=o,a=s,r=p;break;case 3:i=o,a=l,r=s;break;case 4:i=p,a=o,r=s;break;case 5:i=s,a=o,r=l}return[i,a,r]}function p(t,e,s){var i,a=Math.max(t,e,s),r=Math.min(t,e,s),n=a-r,h=0===a?0:n/a,o=a/255;switch(a){case r:i=0;break;case t:i=e-s+n*(e<s?6:0),i/=6*n;break;case e:i=s-t+2*n,i/=6*n;break;case s:i=t-e+4*n,i/=6*n}return[i,h,o]}function f(t,e){var s=p(255*t[0],255*t[1],255*t[2]);return s[1]+=e,s[1]>1?s[1]=1:s[1]<=0&&(s[1]=0),l(s[0],s[1],s[2])}function m(t,e){var s=p(255*t[0],255*t[1],255*t[2]);return s[2]+=e,s[2]>1?s[2]=1:s[2]<0&&(s[2]=0),l(s[0],s[1],s[2])}function d(t,e){var s=p(255*t[0],255*t[1],255*t[2]);return s[0]+=e/360,s[0]>1?s[0]-=1:s[0]<0&&(s[0]+=1),l(s[0],s[1],s[2])}function c(){}function u(t){return Array.apply(null,{length:t})}function g(t){return document.createElementNS(wt,t)}function v(t){return document.createElement(t)}function y(){}function b(t,e){var s,i,a=t.length;for(s=0;s<a;s+=1){i=t[s].prototype;for(var r in i)i.hasOwnProperty(r)&&(e.prototype[r]=i[r])}}function _(t){function e(){}return e.prototype=t,e}function k(){function t(t,e,s,i,a,r){var n=t*i+e*a+s*r-a*i-r*t-s*e;return n>-.001&&n<.001}function e(e,s,i,a,r,n,h,o,l){if(0===i&&0===n&&0===l)return t(e,s,a,r,h,o);var p,f=Math.sqrt(Math.pow(a-e,2)+Math.pow(r-s,2)+Math.pow(n-i,2)),m=Math.sqrt(Math.pow(h-e,2)+Math.pow(o-s,2)+Math.pow(l-i,2)),d=Math.sqrt(Math.pow(h-a,2)+Math.pow(o-r,2)+Math.pow(l-n,2));return p=f>m?f>d?f-m-d:d-m-f:d>m?d-m-f:m-f-d,p>-1e-4&&p<1e-4}function s(t){var e,s=fe.newElement(),i=t.c,a=t.v,r=t.o,n=t.i,h=t._length,l=s.lengths,p=0;for(e=0;e<h-1;e+=1)l[e]=o(a[e],a[e+1],r[e],n[e+1]),p+=l[e].addedLength;return i&&h&&(l[e]=o(a[e],a[0],r[e],n[0]),p+=l[e].addedLength),s.totalLength=p,s}function i(t){this.segmentLength=0,this.points=new Array(t)}function a(t,e){this.partialLength=t,this.point=e}function r(t,e){var s=e.percents,i=e.lengths,a=s.length,r=Rt((a-1)*t),n=t*e.addedLength,h=0;if(r===a-1||0===r||n===i[r])return s[r];for(var o=i[r]>n?-1:1,l=!0;l;)if(i[r]<=n&&i[r+1]>n?(h=(n-i[r])/(i[r+1]-i[r]),l=!1):r+=o,r<0||r>=a-1){if(r===a-1)return s[r];l=!1}return s[r]+(s[r+1]-s[r])*h}function n(t,e,s,i,a,n){var h=r(a,n),o=1-h,l=Math.round(1e3*(o*o*o*t[0]+(h*o*o+o*h*o+o*o*h)*s[0]+(h*h*o+o*h*h+h*o*h)*i[0]+h*h*h*e[0]))/1e3,p=Math.round(1e3*(o*o*o*t[1]+(h*o*o+o*h*o+o*o*h)*s[1]+(h*h*o+o*h*h+h*o*h)*i[1]+h*h*h*e[1]))/1e3;return[l,p]}function h(t,e,s,i,a,n,h){a=a<0?0:a>1?1:a;var o=r(a,h);n=n>1?1:n;var l,f=r(n,h),m=t.length,d=1-o,c=1-f,u=d*d*d,g=o*d*d*3,v=o*o*d*3,y=o*o*o,b=d*d*c,_=o*d*c+d*o*c+d*d*f,k=o*o*c+d*o*f+o*d*f,A=o*o*f,M=d*c*c,P=o*c*c+d*f*c+d*c*f,C=o*f*c+d*f*f+o*c*f,x=o*f*f,D=c*c*c,F=f*c*c+c*f*c+c*c*f,S=f*f*c+c*f*f+f*c*f,E=f*f*f;for(l=0;l<m;l+=1)p[4*l]=Math.round(1e3*(u*t[l]+g*s[l]+v*i[l]+y*e[l]))/1e3,p[4*l+1]=Math.round(1e3*(b*t[l]+_*s[l]+k*i[l]+A*e[l]))/1e3,p[4*l+2]=Math.round(1e3*(M*t[l]+P*s[l]+C*i[l]+x*e[l]))/1e3,p[4*l+3]=Math.round(1e3*(D*t[l]+F*s[l]+S*i[l]+E*e[l]))/1e3;return p}var o=(Math,function(){return function(t,e,s,i){var a,r,n,h,o,l,p=Bt,f=0,m=[],d=[],c=me.newElement();for(n=s.length,a=0;a<p;a+=1){for(o=a/(p-1),l=0,r=0;r<n;r+=1)h=zt(1-o,3)*t[r]+3*zt(1-o,2)*o*s[r]+3*(1-o)*zt(o,2)*i[r]+zt(o,3)*e[r],m[r]=h,null!==d[r]&&(l+=zt(m[r]-d[r],2)),d[r]=m[r];l&&(l=Vt(l),f+=l),c.percents[a]=o,c.lengths[a]=f}return c.addedLength=f,c}}()),l=function(){var e={};return function(s){var r=s.s,n=s.e,h=s.to,o=s.ti,l=(r[0]+"_"+r[1]+"_"+n[0]+"_"+n[1]+"_"+h[0]+"_"+h[1]+"_"+o[0]+"_"+o[1]).replace(/\./g,"p");if(e[l])return void(s.bezierData=e[l]);var p,f,m,d,c,g,v,y=Bt,b=0,_=null;2===r.length&&(r[0]!=n[0]||r[1]!=n[1])&&t(r[0],r[1],n[0],n[1],r[0]+h[0],r[1]+h[1])&&t(r[0],r[1],n[0],n[1],n[0]+o[0],n[1]+o[1])&&(y=2);var k=new i(y);for(m=h.length,p=0;p<y;p+=1){for(v=u(m),c=p/(y-1),g=0,f=0;f<m;f+=1)d=zt(1-c,3)*r[f]+3*zt(1-c,2)*c*(r[f]+h[f])+3*(1-c)*zt(c,2)*(n[f]+o[f])+zt(c,3)*n[f],v[f]=d,null!==_&&(g+=zt(v[f]-_[f],2));g=Vt(g),b+=g,k.points[p]=new a(g,v),_=v}k.segmentLength=b,s.bezierData=k,e[l]=k}}(),p=Wt("float32",8);return{getSegmentsLength:s,getNewSegment:h,getPointInSegment:n,buildBezierData:l,pointOnLine2D:t,pointOnLine3D:e}}function A(){function t(a,r,h){var o,l,p,f,m,d,c,u,g=a.length;for(f=0;f<g;f+=1)if(o=a[f],"ks"in o&&!o.completed){if(o.completed=!0,o.tt&&(a[f-1].td=o.tt),l=[],p=-1,o.hasMask){var v=o.masksProperties;for(d=v.length,m=0;m<d;m+=1)if(v[m].pt.k.i)i(v[m].pt.k);else for(u=v[m].pt.k.length,c=0;c<u;c+=1)v[m].pt.k[c].s&&i(v[m].pt.k[c].s[0]),v[m].pt.k[c].e&&i(v[m].pt.k[c].e[0])}0===o.ty?(o.layers=e(o.refId,r),t(o.layers,r,h)):4===o.ty?s(o.shapes):5==o.ty&&n(o,h)}}function e(t,e){for(var s=0,i=e.length;s<i;){if(e[s].id===t)return e[s].layers.__used?JSON.parse(JSON.stringify(e[s].layers)):(e[s].layers.__used=!0,e[s].layers);s+=1}}function s(t){var e,a,r,n=t.length,h=!1;for(e=n-1;e>=0;e-=1)if("sh"==t[e].ty){if(t[e].ks.k.i)i(t[e].ks.k);else for(r=t[e].ks.k.length,a=0;a<r;a+=1)t[e].ks.k[a].s&&i(t[e].ks.k[a].s[0]),t[e].ks.k[a].e&&i(t[e].ks.k[a].e[0]);h=!0}else"gr"==t[e].ty&&s(t[e].it)}function i(t){var e,s=t.i.length;for(e=0;e<s;e+=1)t.i[e][0]+=t.v[e][0],t.i[e][1]+=t.v[e][1],t.o[e][0]+=t.v[e][0],t.o[e][1]+=t.v[e][1]}function a(t,e){var s=e?e.split("."):[100,100,100];return t[0]>s[0]||!(s[0]>t[0])&&(t[1]>s[1]||!(s[1]>t[1])&&(t[2]>s[2]||!(s[2]>t[2])&&void 0))}function r(e,s){e.__complete||(l(e),h(e),o(e),p(e),t(e.layers,e.assets,s),e.__complete=!0)}function n(t,e){0!==t.t.a.length||"m"in t.t.p||(t.singleShape=!0)}var h=function(){function t(t){var e=t.t.d;t.t.d={k:[{s:e,t:0}]}}function e(e){var s,i=e.length;for(s=0;s<i;s+=1)5===e[s].ty&&t(e[s])}var s=[4,4,14];return function(t){if(a(s,t.v)&&(e(t.layers),t.assets)){var i,r=t.assets.length;for(i=0;i<r;i+=1)t.assets[i].layers&&e(t.assets[i].layers)}}}(),o=function(){var t=[4,7,99];return function(e){if(e.chars&&!a(t,e.v)){var s,r,n,h,o,l=e.chars.length;for(s=0;s<l;s+=1)if(e.chars[s].data&&e.chars[s].data.shapes)for(o=e.chars[s].data.shapes[0].it,n=o.length,r=0;r<n;r+=1)h=o[r].ks.k,h.__converted||(i(o[r].ks.k),h.__converted=!0)}}}(),l=function(){function t(e){var s,i,a,r=e.length;for(s=0;s<r;s+=1)if("gr"===e[s].ty)t(e[s].it);else if("fl"===e[s].ty||"st"===e[s].ty)if(e[s].c.k&&e[s].c.k[0].i)for(a=e[s].c.k.length,i=0;i<a;i+=1)e[s].c.k[i].s&&(e[s].c.k[i].s[0]/=255,e[s].c.k[i].s[1]/=255,e[s].c.k[i].s[2]/=255,e[s].c.k[i].s[3]/=255),e[s].c.k[i].e&&(e[s].c.k[i].e[0]/=255,e[s].c.k[i].e[1]/=255,e[s].c.k[i].e[2]/=255,e[s].c.k[i].e[3]/=255);else e[s].c.k[0]/=255,e[s].c.k[1]/=255,e[s].c.k[2]/=255,e[s].c.k[3]/=255}function e(e){var s,i=e.length;for(s=0;s<i;s+=1)4===e[s].ty&&t(e[s].shapes)}var s=[4,1,9];return function(t){if(a(s,t.v)&&(e(t.layers),t.assets)){var i,r=t.assets.length;for(i=0;i<r;i+=1)t.assets[i].layers&&e(t.assets[i].layers)}}}(),p=function(){function t(e){var s,i,a,r=e.length,n=!1;for(s=r-1;s>=0;s-=1)if("sh"==e[s].ty){if(e[s].ks.k.i)e[s].ks.k.c=e[s].closed;else for(a=e[s].ks.k.length,i=0;i<a;i+=1)e[s].ks.k[i].s&&(e[s].ks.k[i].s[0].c=e[s].closed),e[s].ks.k[i].e&&(e[s].ks.k[i].e[0].c=e[s].closed);n=!0}else"gr"==e[s].ty&&t(e[s].it)}function e(e){var s,i,a,r,n,h,o=e.length;for(i=0;i<o;i+=1){if(s=e[i],s.hasMask){var l=s.masksProperties;for(r=l.length,a=0;a<r;a+=1)if(l[a].pt.k.i)l[a].pt.k.c=l[a].cl;else for(h=l[a].pt.k.length,n=0;n<h;n+=1)l[a].pt.k[n].s&&(l[a].pt.k[n].s[0].c=l[a].cl),l[a].pt.k[n].e&&(l[a].pt.k[n].e[0].c=l[a].cl)}4===s.ty&&t(s.shapes)}}var s=[4,4,18];return function(t){if(a(s,t.v)&&(e(t.layers),t.assets)){var i,r=t.assets.length;for(i=0;i<r;i+=1)t.assets[i].layers&&e(t.assets[i].layers)}}}(),f={};return f.completeData=r,f}function M(){this.c=!1,this._length=0,this._maxLength=8,this.v=u(this._maxLength),this.o=u(this._maxLength),this.i=u(this._maxLength)}function P(){}function C(){}function x(){}function D(){}function F(){this._length=0,this._maxLength=4,this.shapes=u(this._maxLength)}function S(t,e,s,i){this.elem=t,this.frameId=-1,this.dataProps=u(e.length),this.renderer=s,this.k=!1,this.dashStr="",this.dashArray=Wt("float32",e.length?e.length-1:0),this.dashoffset=Wt("float32",1),this.initDynamicPropertyContainer(i);var a,r,n=e.length||0;for(a=0;a<n;a+=1)r=Kt.getProp(t,e[a].v,0,0,this),this.k=r.k||this.k,this.dataProps[a]={n:e[a].n,p:r};this.k||this.getValue(!0),this._isAnimated=this.k}function E(t,e,s){this.data=e,this.c=Wt("uint8c",4*e.p);var i=e.k.k[0].s?e.k.k[0].s.length-4*e.p:e.k.k.length-4*e.p;this.o=Wt("float32",i),this._cmdf=!1,this._omdf=!1,this._collapsable=this.checkCollapsable(),this._hasOpacity=i,this.initDynamicPropertyContainer(s),this.prop=Kt.getProp(t,e.k,1,null,this),this.k=this.prop.k,this.getValue(!0)}function w(t,e,s){this._isFirstFrame=!0,this._hasMaskedPath=!1,this._frameId=-1,this._textData=t,this._renderType=e,this._elem=s,this._animatorsData=u(this._textData.a.length),this._pathData={},this._moreOptions={alignment:{}},this.renderedLetters=[],this.lettersChangedFlag=!1,this.initDynamicPropertyContainer(s)}function T(t,e,s){var i={propType:!1},a=Kt.getProp,r=e.a;this.a={r:r.r?a(t,r.r,0,qt,s):i,rx:r.rx?a(t,r.rx,0,qt,s):i,ry:r.ry?a(t,r.ry,0,qt,s):i,sk:r.sk?a(t,r.sk,0,qt,s):i,sa:r.sa?a(t,r.sa,0,qt,s):i,s:r.s?a(t,r.s,1,.01,s):i,a:r.a?a(t,r.a,1,0,s):i,o:r.o?a(t,r.o,0,.01,s):i,p:r.p?a(t,r.p,1,0,s):i,sw:r.sw?a(t,r.sw,0,0,s):i,sc:r.sc?a(t,r.sc,1,0,s):i,fc:r.fc?a(t,r.fc,1,0,s):i,fh:r.fh?a(t,r.fh,0,0,s):i,fs:r.fs?a(t,r.fs,0,.01,s):i,fb:r.fb?a(t,r.fb,0,.01,s):i,t:r.t?a(t,r.t,0,0,s):i},this.s=re.getTextSelectorProp(t,e.s,s),this.s.t=e.s.t}function I(t,e,s,i,a,r){this.o=t,this.sw=e,this.sc=s,this.fc=i,this.m=a,this.p=r,this._mdf={o:!0,sw:!!e,sc:!!s,fc:!!i,m:!0,p:!0}}function L(t,e){this._frameId=It,this.pv="",this.v="",this.kf=!1,this._isFirstFrame=!0,this._mdf=!1,this.data=e,this.elem=t,this.comp=this.elem.comp,this.keysIndex=0,this.canResize=!1,this.minimumFontSize=1,this.effectsSequence=[],this.currentData={ascent:0,boxWidth:this.defaultBoxWidth,f:"",fStyle:"",fWeight:"",fc:"",j:"",justifyOffset:"",l:[],lh:0,lineWidths:[],ls:"",of:"",s:"",sc:"",sw:0,t:0,tr:0,sz:0,ps:null,fillColorAnim:!1,strokeColorAnim:!1,strokeWidthAnim:!1,yOffset:0,finalSize:0,finalText:[],finalLineHeight:0,__complete:!1},this.copyData(this.currentData,this.data.d.k[0].s),this.searchProperty()||this.completeTextData(this.currentData)}function z(){}function V(t,e){this.animationItem=t,this.layers=null,this.renderedFrame=-1,this.svgElement=g("svg");var s=g("defs");this.svgElement.appendChild(s);var i=g("g");this.svgElement.appendChild(i),this.layerElement=i,this.renderConfig={preserveAspectRatio:e&&e.preserveAspectRatio||"xMidYMid meet",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",progressiveLoad:e&&e.progressiveLoad||!1,hideOnTransparent:!e||e.hideOnTransparent!==!1,viewBoxOnly:e&&e.viewBoxOnly||!1,viewBoxSize:e&&e.viewBoxSize||!1,className:e&&e.className||""},this.globalData={_mdf:!1,frameNum:-1,defs:s,renderConfig:this.renderConfig},this.elements=[],this.pendingElements=[],this.destroyed=!1,this.rendererType="svg"}function R(t,e,s){this.data=t,this.element=e,this.globalData=s,this.storedData=[],this.masksProperties=this.data.masksProperties||[],this.maskElement=null;var i,a=this.globalData.defs,r=this.masksProperties?this.masksProperties.length:0;this.viewData=u(r),this.solidPath="";var n,h,l,p,f,m,d,c=this.masksProperties,v=0,y=[],b=o(10),_="clipPath",k="clip-path";for(i=0;i<r;i++)if(("a"!==c[i].mode&&"n"!==c[i].mode||c[i].inv||100!==c[i].o.k)&&(_="mask",k="mask"),"s"!=c[i].mode&&"i"!=c[i].mode||0!==v?p=null:(p=g("rect"),p.setAttribute("fill","#ffffff"),p.setAttribute("width",this.element.comp.data.w||0),p.setAttribute("height",this.element.comp.data.h||0),y.push(p)),n=g("path"),"n"!=c[i].mode){v+=1,n.setAttribute("fill","s"===c[i].mode?"#000000":"#ffffff"),n.setAttribute("clip-rule","nonzero");var A;if(0!==c[i].x.k?(_="mask",k="mask",d=Kt.getProp(this.element,c[i].x,0,null,this.element),A="fi_"+o(10),f=g("filter"),f.setAttribute("id",A),m=g("feMorphology"),m.setAttribute("operator","dilate"),m.setAttribute("in","SourceGraphic"),m.setAttribute("radius","0"),f.appendChild(m),a.appendChild(f),n.setAttribute("stroke","s"===c[i].mode?"#000000":"#ffffff")):(m=null,d=null),this.storedData[i]={elem:n,x:d,expan:m,lastPath:"",lastOperator:"",filterId:A,lastRadius:0},"i"==c[i].mode){l=y.length;var M=g("g");for(h=0;h<l;h+=1)M.appendChild(y[h]);var P=g("mask");P.setAttribute("mask-type","alpha"),P.setAttribute("id",b+"_"+v),P.appendChild(n),a.appendChild(P),M.setAttribute("mask","url("+Tt+"#"+b+"_"+v+")"),y.length=0,y.push(M)}else y.push(n);c[i].inv&&!this.solidPath&&(this.solidPath=this.createLayerSolidPath()),this.viewData[i]={elem:n,lastPath:"",op:Kt.getProp(this.element,c[i].o,0,.01,this.element),prop:Qt.getShapeProp(this.element,c[i],3),invRect:p},this.viewData[i].prop.k||this.drawPath(c[i],this.viewData[i].prop.v,this.viewData[i])}else this.viewData[i]={op:Kt.getProp(this.element,c[i].o,0,.01,this.element),prop:Qt.getShapeProp(this.element,c[i],3),elem:n,lastPath:""},a.appendChild(n);for(this.maskElement=g(_),r=y.length,i=0;i<r;i+=1)this.maskElement.appendChild(y[i]);v>0&&(this.maskElement.setAttribute("id",b),this.element.maskedElement.setAttribute(k,"url("+Tt+"#"+b+")"),a.appendChild(this.maskElement)),this.viewData.length&&this.element.addRenderableComponent(this)}function N(){}function O(){}function B(){}function q(){}function j(){}function G(t,e){this.elem=t,this.pos=e}function W(t,e){this.data=t,this.type=t.ty,this.d="",this.lvl=e,this._mdf=!1,this.closed=t.hd===!0,this.pElem=g("path"),this.msElem=null}function X(t,e,s){this.caches=[],this.styles=[],this.transformers=t,this.lStr="",this.sh=s,this.lvl=e,this._isAnimated=!!s.k;for(var i=0,a=t.length;i<a;){if(t[i].mProps.dynamicProperties.length){this._isAnimated=!0;break}i+=1}}function Y(t,e,s){this.transform={mProps:t,op:e,container:s},this.elements=[],this._isAnimated=this.transform.mProps.dynamicProperties.length||this.transform.op.effectsSequence.length}function H(t,e,s){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.o=Kt.getProp(t,e.o,0,.01,this),this.w=Kt.getProp(t,e.w,0,null,this),this.d=new S(t,e.d||{},"svg",this),this.c=Kt.getProp(t,e.c,1,255,this),this.style=s,this._isAnimated=!!this._isAnimated}function J(t,e,s){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.o=Kt.getProp(t,e.o,0,.01,this),this.c=Kt.getProp(t,e.c,1,255,this),this.style=s}function U(t,e,s){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.initGradientData(t,e,s)}function K(t,e,s){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.w=Kt.getProp(t,e.w,0,null,this),this.d=new S(t,e.d||{},"svg",this),this.initGradientData(t,e,s),this._isAnimated=!!this._isAnimated}function Z(){this.it=[],this.prevViewData=[],this.gr=g("g")}function Q(){this.sequences={},this.sequenceList=[],this.transform_key_count=0}function $(){}function tt(t,e,s){this.initFrame(),this.initBaseData(t,e,s),this.initFrame(),this.initTransform(t,e,s),this.initHierarchy()}function et(){}function st(){}function it(){}function at(){}function rt(t,e,s){this.assetData=e.getAssetData(t.refId),this.initElement(t,e,s)}function nt(t,e,s){this.initElement(t,e,s)}function ht(t,e,s){this.layers=t.layers,this.supports3d=!0,this.completeLayers=!1,this.pendingElements=[],this.elements=this.layers?u(this.layers.length):[],this.initElement(t,e,s),this.tm=t.tm?Kt.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function ot(t,e,s){this.textSpans=[],this.renderType="svg",this.initElement(t,e,s)}function lt(t,e,s){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.shapeModifiers=[],this.itemsData=[],this.processedElements=[],this.animatedContents=[],this.initElement(t,e,s),this.prevViewData=[]}function pt(t,e){this.filterManager=e;var s=g("feColorMatrix");if(s.setAttribute("type","matrix"),s.setAttribute("color-interpolation-filters","linearRGB"),s.setAttribute("values","0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"),s.setAttribute("result","f1"),t.appendChild(s),s=g("feColorMatrix"),s.setAttribute("type","matrix"),s.setAttribute("color-interpolation-filters","sRGB"),s.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"),s.setAttribute("result","f2"),t.appendChild(s),this.matrixFilter=s,100!==e.effectElements[2].p.v||e.effectElements[2].p.k){var i=g("feMerge");t.appendChild(i);var a;a=g("feMergeNode"),a.setAttribute("in","SourceGraphic"),i.appendChild(a),a=g("feMergeNode"),a.setAttribute("in","f2"),i.appendChild(a)}}function ft(t,e){this.filterManager=e;var s=g("feColorMatrix");s.setAttribute("type","matrix"),s.setAttribute("color-interpolation-filters","sRGB"),s.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"),t.appendChild(s),this.matrixFilter=s}function mt(t,e){this.initialized=!1,this.filterManager=e,this.elem=t,this.paths=[]}function dt(t,e){this.filterManager=e;var s=g("feColorMatrix");s.setAttribute("type","matrix"),s.setAttribute("color-interpolation-filters","linearRGB"),s.setAttribute("values","0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"),s.setAttribute("result","f1"),t.appendChild(s);var i=g("feComponentTransfer");i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),this.matrixFilter=i;var a=g("feFuncR");a.setAttribute("type","table"),i.appendChild(a),this.feFuncR=a;var r=g("feFuncG");r.setAttribute("type","table"),i.appendChild(r),this.feFuncG=r;var n=g("feFuncB");n.setAttribute("type","table"),i.appendChild(n),this.feFuncB=n}function ct(t,e){this.filterManager=e;var s=this.filterManager.effectElements,i=g("feComponentTransfer");(s[10].p.k||0!==s[10].p.v||s[11].p.k||1!==s[11].p.v||s[12].p.k||1!==s[12].p.v||s[13].p.k||0!==s[13].p.v||s[14].p.k||1!==s[14].p.v)&&(this.feFuncR=this.createFeFunc("feFuncR",i)),(s[17].p.k||0!==s[17].p.v||s[18].p.k||1!==s[18].p.v||s[19].p.k||1!==s[19].p.v||s[20].p.k||0!==s[20].p.v||s[21].p.k||1!==s[21].p.v)&&(this.feFuncG=this.createFeFunc("feFuncG",i)),(s[24].p.k||0!==s[24].p.v||s[25].p.k||1!==s[25].p.v||s[26].p.k||1!==s[26].p.v||s[27].p.k||0!==s[27].p.v||s[28].p.k||1!==s[28].p.v)&&(this.feFuncB=this.createFeFunc("feFuncB",i)),(s[31].p.k||0!==s[31].p.v||s[32].p.k||1!==s[32].p.v||s[33].p.k||1!==s[33].p.v||s[34].p.k||0!==s[34].p.v||s[35].p.k||1!==s[35].p.v)&&(this.feFuncA=this.createFeFunc("feFuncA",i)),(this.feFuncR||this.feFuncG||this.feFuncB||this.feFuncA)&&(i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),i=g("feComponentTransfer")),(s[3].p.k||0!==s[3].p.v||s[4].p.k||1!==s[4].p.v||s[5].p.k||1!==s[5].p.v||s[6].p.k||0!==s[6].p.v||s[7].p.k||1!==s[7].p.v)&&(i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),this.feFuncRComposed=this.createFeFunc("feFuncR",i),this.feFuncGComposed=this.createFeFunc("feFuncG",i),this.feFuncBComposed=this.createFeFunc("feFuncB",i))}function ut(t,e){t.setAttribute("x","-100%"),t.setAttribute("y","-100%"),t.setAttribute("width","400%"),t.setAttribute("height","400%"),this.filterManager=e;var s=g("feGaussianBlur");s.setAttribute("in","SourceAlpha"),s.setAttribute("result","drop_shadow_1"),s.setAttribute("stdDeviation","0"),this.feGaussianBlur=s,t.appendChild(s);var i=g("feOffset");i.setAttribute("dx","25"),i.setAttribute("dy","0"),i.setAttribute("in","drop_shadow_1"),i.setAttribute("result","drop_shadow_2"),this.feOffset=i,t.appendChild(i);var a=g("feFlood");a.setAttribute("flood-color","#00ff00"),a.setAttribute("flood-opacity","1"),a.setAttribute("result","drop_shadow_3"),this.feFlood=a,t.appendChild(a);var r=g("feComposite");r.setAttribute("in","drop_shadow_3"),r.setAttribute("in2","drop_shadow_2"),r.setAttribute("operator","in"),r.setAttribute("result","drop_shadow_4"),t.appendChild(r);var n=g("feMerge");t.appendChild(n);var h;h=g("feMergeNode"),n.appendChild(h),h=g("feMergeNode"),h.setAttribute("in","SourceGraphic"),this.feMergeNode=h,this.feMerge=n,this.originalNodeAdded=!1,n.appendChild(h)}function gt(t,e,s){this.initialized=!1,this.filterManager=e,this.filterElem=t,this.elem=s,s.matteElement=g("g"),s.matteElement.appendChild(s.layerElement),s.matteElement.appendChild(s.transformedElement),s.baseElement=s.matteElement}function vt(t){var e,s=t.data.ef?t.data.ef.length:0,i=o(10),a=ie.createFilter(i),r=0;this.filters=[];var n;for(e=0;e<s;e+=1)n=null,20===t.data.ef[e].ty?(r+=1,n=new pt(a,t.effectsManager.effectElements[e])):21===t.data.ef[e].ty?(r+=1,n=new ft(a,t.effectsManager.effectElements[e])):22===t.data.ef[e].ty?n=new mt(t,t.effectsManager.effectElements[e]):23===t.data.ef[e].ty?(r+=1,n=new dt(a,t.effectsManager.effectElements[e])):24===t.data.ef[e].ty?(r+=1,n=new ct(a,t.effectsManager.effectElements[e])):25===t.data.ef[e].ty?(r+=1,n=new ut(a,t.effectsManager.effectElements[e])):28===t.data.ef[e].ty&&(n=new gt(a,t.effectsManager.effectElements[e],t)),n&&this.filters.push(n);r&&(t.globalData.defs.appendChild(a),t.layerElement.setAttribute("filter","url("+Tt+"#"+i+")")),this.filters.length&&t.addRenderableComponent(this)}function yt(){}function bt(t){Tt=t}function _t(){be===!0?ge.searchAnimations(_e,be,ke):ge.searchAnimations()}function kt(t){Lt=t}function At(t){return be===!0&&(t.animationData=JSON.parse(_e)),ge.loadAnimation(t)}function Mt(t){if("string"==typeof t)switch(t){case"high":Bt=200;break;case"medium":Bt=50;break;case"low":Bt=10}else!isNaN(t)&&t>1&&(Bt=t);s(!(Bt>=50))}function Pt(){return"undefined"!=typeof navigator}function Ct(t,e){"expressions"===t&&(St=e)}function xt(t){switch(t){case"propertyFactory":return Kt;case"shapePropertyFactory":return Qt;case"matrix":return Xt}}function Dt(){"complete"===document.readyState&&(clearInterval(xe),_t())}function Ft(t){for(var e=Ce.split("&"),s=0;s<e.length;s++){var i=e[s].split("=");if(decodeURIComponent(i[0])==t)return decodeURIComponent(i[1])}}var St,Et,wt="http://www.w3.org/2000/svg",Tt="",It=-999999,Lt=!0,zt=(/^((?!chrome|android).)*safari/i.test(navigator.userAgent),Math.round,Math.pow),Vt=Math.sqrt,Rt=(Math.abs,Math.floor),Nt=(Math.max,Math.min),Ot={};!function(){var t,e=Object.getOwnPropertyNames(Math),s=e.length;for(t=0;t<s;t+=1)Ot[e[t]]=Math[e[t]]}(),Ot.random=Math.random,Ot.abs=function(t){var e=typeof t;if("object"===e&&t.length){var s,i=u(t.length),a=t.length;for(s=0;s<a;s+=1)i[s]=Math.abs(t[s]);return i}return Math.abs(t)};var Bt=150,qt=Math.PI/180,jt=.5519;s(!1);var Gt=function(){var t,e,s=[];for(t=0;t<256;t+=1)e=t.toString(16),s[t]=1==e.length?"0"+e:e;return function(t,e,i){return t<0&&(t=0),e<0&&(e=0),i<0&&(i=0),"#"+s[t]+s[e]+s[i]}}();c.prototype={triggerEvent:function(t,e){if(this._cbs[t])for(var s=this._cbs[t].length,i=0;i<s;i++)this._cbs[t][i](e)},addEventListener:function(t,e){return this._cbs[t]||(this._cbs[t]=[]),this._cbs[t].push(e),function(){this.removeEventListener(t,e)}.bind(this)},removeEventListener:function(t,e){if(e){if(this._cbs[t]){for(var s=0,i=this._cbs[t].length;s<i;)this._cbs[t][s]===e&&(this._cbs[t].splice(s,1),s-=1,i-=1),s+=1;this._cbs[t].length||(this._cbs[t]=null)}}else this._cbs[t]=null}};var Wt=function(){function t(t,e){var s,i=0,a=[];switch(t){case"int16":case"uint8c":s=1;break;default:s=1.1}for(i=0;i<e;i+=1)a.push(s);return a}function e(t,e){return"float32"===t?new Float32Array(e):"int16"===t?new Int16Array(e):"uint8c"===t?new Uint8ClampedArray(e):void 0}return"function"==typeof Uint8ClampedArray&&"function"==typeof Float32Array?e:t}();y.prototype={addDynamicProperty:function(t){this.dynamicProperties.indexOf(t)===-1&&(this.dynamicProperties.push(t),this.container.addDynamicProperty(this),this._isAnimated=!0)},iterateDynamicProperties:function(){this._mdf=!1;var t,e=this.dynamicProperties.length;for(t=0;t<e;t+=1)this.dynamicProperties[t].getValue(),this.dynamicProperties[t]._mdf&&(this._mdf=!0)},initDynamicPropertyContainer:function(t){this.container=t,this.dynamicProperties=[],this._mdf=!1,this._isAnimated=!1}};var Xt=function(){function t(){return this.props[0]=1,this.props[1]=0,this.props[2]=0,this.props[3]=0,this.props[4]=0,this.props[5]=1,this.props[6]=0,this.props[7]=0,this.props[8]=0,this.props[9]=0,this.props[10]=1,this.props[11]=0,this.props[12]=0,this.props[13]=0,this.props[14]=0,this.props[15]=1,this}function e(t){if(0===t)return this;var e=F(t),s=S(t);return this._t(e,-s,0,0,s,e,0,0,0,0,1,0,0,0,0,1)}function s(t){if(0===t)return this;var e=F(t),s=S(t);return this._t(1,0,0,0,0,e,-s,0,0,s,e,0,0,0,0,1)}function i(t){if(0===t)return this;var e=F(t),s=S(t);return this._t(e,0,s,0,0,1,0,0,-s,0,e,0,0,0,0,1)}function a(t){if(0===t)return this;var e=F(t),s=S(t);return this._t(e,-s,0,0,s,e,0,0,0,0,1,0,0,0,0,1)}function r(t,e){return this._t(1,e,t,1,0,0)}function n(t,e){return this.shear(E(t),E(e))}function h(t,e){var s=F(e),i=S(e);return this._t(s,i,0,0,-i,s,0,0,0,0,1,0,0,0,0,1)._t(1,0,0,0,E(t),1,0,0,0,0,1,0,0,0,0,1)._t(s,-i,0,0,i,s,0,0,0,0,1,0,0,0,0,1)}function o(t,e,s){return s||0===s||(s=1),1===t&&1===e&&1===s?this:this._t(t,0,0,0,0,e,0,0,0,0,s,0,0,0,0,1)}function l(t,e,s,i,a,r,n,h,o,l,p,f,m,d,c,u){return this.props[0]=t,this.props[1]=e,this.props[2]=s,this.props[3]=i,this.props[4]=a,this.props[5]=r,this.props[6]=n,this.props[7]=h,this.props[8]=o,this.props[9]=l,this.props[10]=p,this.props[11]=f,this.props[12]=m,this.props[13]=d,this.props[14]=c,this.props[15]=u,this}function p(t,e,s){return s=s||0,0!==t||0!==e||0!==s?this._t(1,0,0,0,0,1,0,0,0,0,1,0,t,e,s,1):this}function f(t,e,s,i,a,r,n,h,o,l,p,f,m,d,c,u){var g=this.props;if(1===t&&0===e&&0===s&&0===i&&0===a&&1===r&&0===n&&0===h&&0===o&&0===l&&1===p&&0===f)return g[12]=g[12]*t+g[15]*m,g[13]=g[13]*r+g[15]*d,g[14]=g[14]*p+g[15]*c,g[15]=g[15]*u,this._identityCalculated=!1,this;var v=g[0],y=g[1],b=g[2],_=g[3],k=g[4],A=g[5],M=g[6],P=g[7],C=g[8],x=g[9],D=g[10],F=g[11],S=g[12],E=g[13],w=g[14],T=g[15];return g[0]=v*t+y*a+b*o+_*m,g[1]=v*e+y*r+b*l+_*d,g[2]=v*s+y*n+b*p+_*c,g[3]=v*i+y*h+b*f+_*u,g[4]=k*t+A*a+M*o+P*m,g[5]=k*e+A*r+M*l+P*d,g[6]=k*s+A*n+M*p+P*c,g[7]=k*i+A*h+M*f+P*u,g[8]=C*t+x*a+D*o+F*m,g[9]=C*e+x*r+D*l+F*d,g[10]=C*s+x*n+D*p+F*c,g[11]=C*i+x*h+D*f+F*u,g[12]=S*t+E*a+w*o+T*m,g[13]=S*e+E*r+w*l+T*d,g[14]=S*s+E*n+w*p+T*c,g[15]=S*i+E*h+w*f+T*u,this._identityCalculated=!1,this}function m(){return this._identityCalculated||(this._identity=!(1!==this.props[0]||0!==this.props[1]||0!==this.props[2]||0!==this.props[3]||0!==this.props[4]||1!==this.props[5]||0!==this.props[6]||0!==this.props[7]||0!==this.props[8]||0!==this.props[9]||1!==this.props[10]||0!==this.props[11]||0!==this.props[12]||0!==this.props[13]||0!==this.props[14]||1!==this.props[15]),this._identityCalculated=!0),this._identity}function d(t){for(var e=0;e<16;){if(t.props[e]!==this.props[e])return!1;e+=1}return!0}function c(t){var e;for(e=0;e<16;e+=1)t.props[e]=this.props[e]}function u(t){var e;for(e=0;e<16;e+=1)this.props[e]=t[e]}function g(t,e,s){return{x:t*this.props[0]+e*this.props[4]+s*this.props[8]+this.props[12],y:t*this.props[1]+e*this.props[5]+s*this.props[9]+this.props[13],z:t*this.props[2]+e*this.props[6]+s*this.props[10]+this.props[14]}}function v(t,e,s){return t*this.props[0]+e*this.props[4]+s*this.props[8]+this.props[12]}function y(t,e,s){return t*this.props[1]+e*this.props[5]+s*this.props[9]+this.props[13]}function b(t,e,s){return t*this.props[2]+e*this.props[6]+s*this.props[10]+this.props[14]}function _(t){var e=this.props[0]*this.props[5]-this.props[1]*this.props[4],s=this.props[5]/e,i=-this.props[1]/e,a=-this.props[4]/e,r=this.props[0]/e,n=(this.props[4]*this.props[13]-this.props[5]*this.props[12])/e,h=-(this.props[0]*this.props[13]-this.props[1]*this.props[12])/e;return[t[0]*s+t[1]*a+n,t[0]*i+t[1]*r+h,0]}function k(t){var e,s=t.length,i=[];for(e=0;e<s;e+=1)i[e]=_(t[e]);return i}function A(t,e,s){var i=Wt("float32",6);if(this.isIdentity())i[0]=t[0],i[1]=t[1],i[2]=e[0],i[3]=e[1],i[4]=s[0],i[5]=s[1];else{var a=this.props[0],r=this.props[1],n=this.props[4],h=this.props[5],o=this.props[12],l=this.props[13];i[0]=t[0]*a+t[1]*n+o,i[1]=t[0]*r+t[1]*h+l,i[2]=e[0]*a+e[1]*n+o,i[3]=e[0]*r+e[1]*h+l,i[4]=s[0]*a+s[1]*n+o,i[5]=s[0]*r+s[1]*h+l}return i}function M(t,e,s){var i;return i=this.isIdentity()?[t,e,s]:[t*this.props[0]+e*this.props[4]+s*this.props[8]+this.props[12],t*this.props[1]+e*this.props[5]+s*this.props[9]+this.props[13],t*this.props[2]+e*this.props[6]+s*this.props[10]+this.props[14]]}function P(t,e){if(this.isIdentity())return t+","+e;var s=this.props;return Math.round(100*(t*s[0]+e*s[4]+s[12]))/100+","+Math.round(100*(t*s[1]+e*s[5]+s[13]))/100}function C(){for(var t=0,e=this.props,s="matrix3d(",i=1e4;t<16;)s+=w(e[t]*i)/i,s+=15===t?")":",",t+=1;return s}function x(t){var e=1e4;return t<1e-6&&t>0||t>-1e-6&&t<0?w(t*e)/e:t}function D(){var t=this.props,e=x(t[0]),s=x(t[1]),i=x(t[4]),a=x(t[5]),r=x(t[12]),n=x(t[13]);return"matrix("+e+","+s+","+i+","+a+","+r+","+n+")"}var F=Math.cos,S=Math.sin,E=Math.tan,w=Math.round;return function(){this.reset=t,this.rotate=e,this.rotateX=s,this.rotateY=i,this.rotateZ=a,this.skew=n,this.skewFromAxis=h,this.shear=r,this.scale=o,this.setTransform=l,this.translate=p,this.transform=f,this.applyToPoint=g,this.applyToX=v,this.applyToY=y,this.applyToZ=b,this.applyToPointArray=M,this.applyToTriplePoints=A,this.applyToPointStringified=P,this.toCSS=C,this.to2dCSS=D,this.clone=c,this.cloneFromProps=u,this.equals=d,this.inversePoints=k,this.inversePoint=_,this._t=this.transform,this.isIdentity=m,this._identity=!0,this._identityCalculated=!1,this.props=Wt("float32",16),this.reset()}}();!function(t,e){function s(s,l,p){var d=[];l=l===!0?{entropy:!0}:l||{};var y=n(r(l.entropy?[s,o(t)]:null===s?h():s,3),d),b=new i(d),_=function(){for(var t=b.g(m),e=u,s=0;t<g;)t=(t+s)*f,e*=f,s=b.g(1);for(;t>=v;)t/=2,e/=2,s>>>=1;return(t+s)/e};return _.int32=function(){return 0|b.g(4)},_.quick=function(){return b.g(4)/4294967296},_["double"]=_,n(o(b.S),t),(l.pass||p||function(t,s,i,r){return r&&(r.S&&a(r,b),t.state=function(){return a(b,{})}),i?(e[c]=t,s):t})(_,y,"global"in l?l.global:this==e,l.state)}function i(t){var e,s=t.length,i=this,a=0,r=i.i=i.j=0,n=i.S=[];for(s||(t=[s++]);a<f;)n[a]=a++;for(a=0;a<f;a++)n[a]=n[r=y&r+t[a%s]+(e=n[a])],n[r]=e;i.g=function(t){for(var e,s=0,a=i.i,r=i.j,n=i.S;t--;)e=n[a=y&a+1],s=s*f+n[y&(n[a]=n[r=y&r+e])+(n[r]=e)];return i.i=a,i.j=r,s}}function a(t,e){return e.i=t.i,e.j=t.j,e.S=t.S.slice(),e}function r(t,e){var s,i=[],a=typeof t;if(e&&"object"==a)for(s in t)try{i.push(r(t[s],e-1))}catch(n){}return i.length?i:"string"==a?t:t+"\0"}function n(t,e){for(var s,i=t+"",a=0;a<i.length;)e[y&a]=y&(s^=19*e[y&a])+i.charCodeAt(a++);return o(e)}function h(){try{if(l)return o(l.randomBytes(f));var e=new Uint8Array(f);return(p.crypto||p.msCrypto).getRandomValues(e),o(e)}catch(s){var i=p.navigator,a=i&&i.plugins;return[+new Date,p,a,p.screen,o(t)]}}function o(t){return String.fromCharCode.apply(0,t)}var l,p=this,f=256,m=6,d=52,c="random",u=e.pow(f,m),g=e.pow(2,d),v=2*g,y=f-1;e["seed"+c]=s,n(e.random(),t)}([],Ot);var Yt=function(){function t(t,e,s,i,a){var r=a||("bez_"+t+"_"+e+"_"+s+"_"+i).replace(/\./g,"p");if(p[r])return p[r];var n=new o([t,e,s,i]);return p[r]=n,n}function e(t,e){return 1-3*e+3*t}function s(t,e){return 3*e-6*t}function i(t){return 3*t}function a(t,a,r){
-return((e(a,r)*t+s(a,r))*t+i(a))*t}function r(t,a,r){return 3*e(a,r)*t*t+2*s(a,r)*t+i(a)}function n(t,e,s,i,r){var n,h,o=0;do h=e+(s-e)/2,n=a(h,i,r)-t,n>0?s=h:e=h;while(Math.abs(n)>d&&++o<c);return h}function h(t,e,s,i){for(var n=0;n<f;++n){var h=r(e,s,i);if(0===h)return e;var o=a(e,s,i)-t;e-=o/h}return e}function o(t){this._p=t,this._mSampleValues=v?new Float32Array(u):new Array(u),this._precomputed=!1,this.get=this.get.bind(this)}var l={};l.getBezierEasing=t;var p={},f=4,m=.001,d=1e-7,c=10,u=11,g=1/(u-1),v="function"==typeof Float32Array;return o.prototype={get:function(t){var e=this._p[0],s=this._p[1],i=this._p[2],r=this._p[3];return this._precomputed||this._precompute(),e===s&&i===r?t:0===t?0:1===t?1:a(this._getTForX(t),s,r)},_precompute:function(){var t=this._p[0],e=this._p[1],s=this._p[2],i=this._p[3];this._precomputed=!0,t===e&&s===i||this._calcSampleValues()},_calcSampleValues:function(){for(var t=this._p[0],e=this._p[2],s=0;s<u;++s)this._mSampleValues[s]=a(s*g,t,e)},_getTForX:function(t){for(var e=this._p[0],s=this._p[2],i=this._mSampleValues,a=0,o=1,l=u-1;o!==l&&i[o]<=t;++o)a+=g;--o;var p=(t-i[o])/(i[o+1]-i[o]),f=a+p*g,d=r(f,e,s);return d>=m?h(t,f,e,s):0===d?f:n(t,a,a+g,e,s)}},l}();!function(){for(var e=0,s=["ms","moz","webkit","o"],i=0;i<s.length&&!t.requestAnimationFrame;++i)t.requestAnimationFrame=t[s[i]+"RequestAnimationFrame"],t.cancelAnimationFrame=t[s[i]+"CancelAnimationFrame"]||t[s[i]+"CancelRequestAnimationFrame"];t.requestAnimationFrame||(t.requestAnimationFrame=function(t,s){var i=(new Date).getTime(),a=Math.max(0,16-(i-e)),r=setTimeout(function(){t(i+a)},a);return e=i+a,r}),t.cancelAnimationFrame||(t.cancelAnimationFrame=function(t){clearTimeout(t)})}();var Ht=k(),Jt=A(),Ut=function(){function e(t,e){var s=v("span");s.style.fontFamily=e;var i=v("span");i.innerHTML="giItT1WQy@!-/#",s.style.position="absolute",s.style.left="-10000px",s.style.top="-10000px",s.style.fontSize="300px",s.style.fontVariant="normal",s.style.fontStyle="normal",s.style.fontWeight="normal",s.style.letterSpacing="0",s.appendChild(i),document.body.appendChild(s);var a=i.offsetWidth;return i.style.fontFamily=t+", "+e,{node:i,w:a,parent:s}}function s(){var e,s,i,a=this.fonts.length,r=a;for(e=0;e<a;e+=1)if(this.fonts[e].loaded)r-=1;else if("t"===this.fonts[e].fOrigin||2===this.fonts[e].origin){if(t.Typekit&&t.Typekit.load&&0===this.typekitLoaded){this.typekitLoaded=1;try{t.Typekit.load({async:!0,active:function(){this.typekitLoaded=2}.bind(this)})}catch(n){}}2===this.typekitLoaded&&(this.fonts[e].loaded=!0)}else"n"===this.fonts[e].fOrigin||0===this.fonts[e].origin?this.fonts[e].loaded=!0:(s=this.fonts[e].monoCase.node,i=this.fonts[e].monoCase.w,s.offsetWidth!==i?(r-=1,this.fonts[e].loaded=!0):(s=this.fonts[e].sansCase.node,i=this.fonts[e].sansCase.w,s.offsetWidth!==i&&(r-=1,this.fonts[e].loaded=!0)),this.fonts[e].loaded&&(this.fonts[e].sansCase.parent.parentNode.removeChild(this.fonts[e].sansCase.parent),this.fonts[e].monoCase.parent.parentNode.removeChild(this.fonts[e].monoCase.parent)));0!==r&&Date.now()-this.initTime<f?setTimeout(this.checkLoadedFonts.bind(this),20):setTimeout(function(){this.isLoaded=!0}.bind(this),0)}function i(t,e){var s=g("text");s.style.fontSize="100px",s.setAttribute("font-family",e.fFamily),s.setAttribute("font-style",e.fStyle),s.setAttribute("font-weight",e.fWeight),s.textContent="1",e.fClass?(s.style.fontFamily="inherit",s.className=e.fClass):s.style.fontFamily=e.fFamily,t.appendChild(s);var i=v("canvas").getContext("2d");return i.font=e.fWeight+" "+e.fStyle+" 100px "+e.fFamily,s}function a(t,s){if(!t)return void(this.isLoaded=!0);if(this.chars)return this.isLoaded=!0,void(this.fonts=t.list);var a,r=t.list,n=r.length,h=n;for(a=0;a<n;a+=1){var o,l,p=!0;if(r[a].loaded=!1,r[a].monoCase=e(r[a].fFamily,"monospace"),r[a].sansCase=e(r[a].fFamily,"sans-serif"),r[a].fPath){if("p"===r[a].fOrigin||3===r[a].origin){if(o=document.querySelectorAll('style[f-forigin="p"][f-family="'+r[a].fFamily+'"], style[f-origin="3"][f-family="'+r[a].fFamily+'"]'),o.length>0&&(p=!1),p){var f=v("style");f.setAttribute("f-forigin",r[a].fOrigin),f.setAttribute("f-origin",r[a].origin),f.setAttribute("f-family",r[a].fFamily),f.type="text/css",f.innerHTML="@font-face {font-family: "+r[a].fFamily+"; font-style: normal; src: url('"+r[a].fPath+"');}",s.appendChild(f)}}else if("g"===r[a].fOrigin||1===r[a].origin){for(o=document.querySelectorAll('link[f-forigin="g"], link[f-origin="1"]'),l=0;l<o.length;l++)o[l].href.indexOf(r[a].fPath)!==-1&&(p=!1);if(p){var m=v("link");m.setAttribute("f-forigin",r[a].fOrigin),m.setAttribute("f-origin",r[a].origin),m.type="text/css",m.rel="stylesheet",m.href=r[a].fPath,document.body.appendChild(m)}}else if("t"===r[a].fOrigin||2===r[a].origin){for(o=document.querySelectorAll('script[f-forigin="t"], script[f-origin="2"]'),l=0;l<o.length;l++)r[a].fPath===o[l].src&&(p=!1);if(p){var d=v("script");d.setAttribute("f-forigin",r[a].fOrigin),d.setAttribute("f-origin",r[a].origin),d.setAttribute("src",r[a].fPath),s.appendChild(d)}}}else r[a].loaded=!0,h-=1;r[a].helper=i(s,r[a]),r[a].cache={},this.fonts.push(r[a])}0===h?this.isLoaded=!0:setTimeout(this.checkLoadedFonts.bind(this),100)}function r(t){if(t){this.chars||(this.chars=[]);var e,s,i,a=t.length,r=this.chars.length;for(e=0;e<a;e+=1){for(s=0,i=!1;s<r;)this.chars[s].style===t[e].style&&this.chars[s].fFamily===t[e].fFamily&&this.chars[s].ch===t[e].ch&&(i=!0),s+=1;i||(this.chars.push(t[e]),r+=1)}}}function n(t,e,s){for(var i=0,a=this.chars.length;i<a;){if(this.chars[i].ch===t&&this.chars[i].style===e&&this.chars[i].fFamily===s)return this.chars[i];i+=1}return console&&console.warn&&console.warn("Missing character from exported characters list: ",t,e,s),m}function h(t,e,s){var i=this.getFontByName(e),a=t.charCodeAt(0);if(!i.cache[a+1]){var r=i.helper;if(" "===t){r.textContent="|"+t+"|";var n=r.getComputedTextLength();r.textContent="||";var h=r.getComputedTextLength();i.cache[a+1]=(n-h)/100}else r.textContent=t,i.cache[a+1]=r.getComputedTextLength()/100}return i.cache[a+1]*s}function o(t){for(var e=0,s=this.fonts.length;e<s;){if(this.fonts[e].fName===t)return this.fonts[e];e+=1}return this.fonts[0]}function l(){return d}function p(){return this.isLoaded}var f=5e3,m={w:0,size:0,shapes:[]},d=[];d=d.concat([2304,2305,2306,2307,2362,2363,2364,2364,2366,2367,2368,2369,2370,2371,2372,2373,2374,2375,2376,2377,2378,2379,2380,2381,2382,2383,2387,2388,2389,2390,2391,2402,2403]);var c=function(){this.fonts=[],this.chars=null,this.typekitLoaded=0,this.isLoaded=!1,this.initTime=Date.now()};return c.getCombinedCharacterCodes=l,c.prototype.addChars=r,c.prototype.addFonts=a,c.prototype.getCharData=n,c.prototype.getFontByName=o,c.prototype.measureText=h,c.prototype.checkLoadedFonts=s,c.prototype.loaded=p,c}(),Kt=function(){function t(t,a){var r,n=this.offsetTime;"multidimensional"===this.propType&&(r=Wt("float32",this.pv.length));for(var h,o,l=a.lastIndex,p=l,f=this.keyframes.length-1,m=!0;m;){if(h=this.keyframes[p],o=this.keyframes[p+1],p===f-1&&t>=o.t-n){h.h&&(h=o),l=0;break}if(o.t-n>t){l=p;break}p<f-1?p+=1:(l=0,m=!1)}var d,c,u,g,v,y,b=o.t-n,_=h.t-n;if(h.to){h.bezierData||Ht.buildBezierData(h);var k=h.bezierData;if(t>=b||t<_){var A=t>=b?k.points.length-1:0;for(c=k.points[A].point.length,d=0;d<c;d+=1)r[d]=k.points[A].point[d]}else{h.__fnct?y=h.__fnct:(y=Yt.getBezierEasing(h.o.x,h.o.y,h.i.x,h.i.y,h.n).get,h.__fnct=y),u=y((t-_)/(b-_));var M,P=k.segmentLength*u,C=a.lastFrame<t&&a._lastBezierData===k?a._lastAddedLength:0;for(v=a.lastFrame<t&&a._lastBezierData===k?a._lastPoint:0,m=!0,g=k.points.length;m;){if(C+=k.points[v].partialLength,0===P||0===u||v===k.points.length-1){for(c=k.points[v].point.length,d=0;d<c;d+=1)r[d]=k.points[v].point[d];break}if(P>=C&&P<C+k.points[v+1].partialLength){for(M=(P-C)/k.points[v+1].partialLength,c=k.points[v].point.length,d=0;d<c;d+=1)r[d]=k.points[v].point[d]+(k.points[v+1].point[d]-k.points[v].point[d])*M;break}v<g-1?v+=1:m=!1}a._lastPoint=v,a._lastAddedLength=C-k.points[v].partialLength,a._lastBezierData=k}}else{var x,D,F,S,E;if(f=h.s.length,this.sh&&1!==h.h)if(t>=b)r[0]=h.e[0],r[1]=h.e[1],r[2]=h.e[2];else if(t<=_)r[0]=h.s[0],r[1]=h.s[1],r[2]=h.s[2];else{var w=i(h.s),T=i(h.e),I=(t-_)/(b-_);s(r,e(w,T,I))}else for(p=0;p<f;p+=1)1!==h.h&&(t>=b?u=1:t<_?u=0:(h.o.x.constructor===Array?(h.__fnct||(h.__fnct=[]),h.__fnct[p]?y=h.__fnct[p]:(x=void 0===typeof h.o.x[p]?h.o.x[0]:h.o.x[p],D=void 0===typeof h.o.y[p]?h.o.y[0]:h.o.y[p],F=void 0===typeof h.i.x[p]?h.i.x[0]:h.i.x[p],S=void 0===typeof h.i.y[p]?h.i.y[0]:h.i.y[p],y=Yt.getBezierEasing(x,D,F,S).get,h.__fnct[p]=y)):h.__fnct?y=h.__fnct:(x=h.o.x,D=h.o.y,F=h.i.x,S=h.i.y,y=Yt.getBezierEasing(x,D,F,S).get,h.__fnct=y),u=y((t-_)/(b-_)))),E=1===h.h?h.s[p]:h.s[p]+(h.e[p]-h.s[p])*u,1===f?r=E:r[p]=E}return a.lastIndex=l,r}function e(t,e,s){var i,a,r,n,h,o=[],l=t[0],p=t[1],f=t[2],m=t[3],d=e[0],c=e[1],u=e[2],g=e[3];return a=l*d+p*c+f*u+m*g,a<0&&(a=-a,d=-d,c=-c,u=-u,g=-g),1-a>1e-6?(i=Math.acos(a),r=Math.sin(i),n=Math.sin((1-s)*i)/r,h=Math.sin(s*i)/r):(n=1-s,h=s),o[0]=n*l+h*d,o[1]=n*p+h*c,o[2]=n*f+h*u,o[3]=n*m+h*g,o}function s(t,e){var s=e[0],i=e[1],a=e[2],r=e[3],n=Math.atan2(2*i*r-2*s*a,1-2*i*i-2*a*a),h=Math.asin(2*s*i+2*a*r),o=Math.atan2(2*s*r-2*i*a,1-2*s*s-2*a*a);t[0]=n/qt,t[1]=h/qt,t[2]=o/qt}function i(t){var e=t[0]*qt,s=t[1]*qt,i=t[2]*qt,a=Math.cos(e/2),r=Math.cos(s/2),n=Math.cos(i/2),h=Math.sin(e/2),o=Math.sin(s/2),l=Math.sin(i/2),p=a*r*n-h*o*l,f=h*o*n+a*r*l,m=h*r*n+a*o*l,d=a*o*n-h*r*l;return[f,m,d,p]}function a(){var t=this.comp.renderedFrame-this.offsetTime,e=this.keyframes[0].t-this.offsetTime,s=this.keyframes[this.keyframes.length-1].t-this.offsetTime;if(!(t===this._caching.lastFrame||this._caching.lastFrame!==d&&(this._caching.lastFrame>=s&&t>=s||this._caching.lastFrame<e&&t<e))){this._caching.lastFrame>=t&&(this._caching._lastBezierData=null,this._caching.lastIndex=0);var i=this.interpolateValue(t,this._caching);this.pv=i}return this._caching.lastFrame=t,this.pv}function r(t){var e;if("unidimensional"===this.propType)e=t*this.mult,c(this.v-e)>1e-5&&(this.v=e,this._mdf=!0);else for(var s=0,i=this.v.length;s<i;)e=t[s]*this.mult,c(this.v[s]-e)>1e-5&&(this.v[s]=e,this._mdf=!0),s+=1}function n(){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length){if(this.lock)return void this.setVValue(this.pv);this.lock=!0,this._mdf=this._isFirstFrame;var t,e=this.effectsSequence.length,s=this.kf?this.pv:this.data.k;for(t=0;t<e;t+=1)s=this.effectsSequence[t](s);this.setVValue(s),this._isFirstFrame=!1,this.lock=!1,this.frameId=this.elem.globalData.frameId}}function h(t){this.effectsSequence.push(t),this.container.addDynamicProperty(this)}function o(t,e,s,i){this.propType="unidimensional",this.mult=s||1,this.data=e,this.v=s?e.k*s:e.k,this.pv=e.k,this._mdf=!1,this.elem=t,this.container=i,this.comp=t.comp,this.k=!1,this.kf=!1,this.vel=0,this.effectsSequence=[],this._isFirstFrame=!0,this.getValue=n,this.setVValue=r,this.addEffect=h}function l(t,e,s,i){this.propType="multidimensional",this.mult=s||1,this.data=e,this._mdf=!1,this.elem=t,this.container=i,this.comp=t.comp,this.k=!1,this.kf=!1,this.frameId=-1;var a,o=e.k.length;this.v=Wt("float32",o),this.pv=Wt("float32",o);Wt("float32",o);for(this.vel=Wt("float32",o),a=0;a<o;a+=1)this.v[a]=e.k[a]*this.mult,this.pv[a]=e.k[a];this._isFirstFrame=!0,this.effectsSequence=[],this.getValue=n,this.setVValue=r,this.addEffect=h}function p(e,s,i,o){this.propType="unidimensional",this.keyframes=s.k,this.offsetTime=e.data.st,this.frameId=-1,this._caching={lastFrame:d,lastIndex:0,value:0,_lastBezierData:null},this.k=!0,this.kf=!0,this.data=s,this.mult=i||1,this.elem=e,this.container=o,this.comp=e.comp,this.v=d,this.pv=d,this._isFirstFrame=!0,this.getValue=n,this.setVValue=r,this.interpolateValue=t,this.effectsSequence=[a.bind(this)],this.addEffect=h}function f(e,s,i,o){this.propType="multidimensional";var l,p,f,m,c,u=s.k.length;for(l=0;l<u-1;l+=1)s.k[l].to&&s.k[l].s&&s.k[l].e&&(p=s.k[l].s,f=s.k[l].e,m=s.k[l].to,c=s.k[l].ti,(2===p.length&&(p[0]!==f[0]||p[1]!==f[1])&&Ht.pointOnLine2D(p[0],p[1],f[0],f[1],p[0]+m[0],p[1]+m[1])&&Ht.pointOnLine2D(p[0],p[1],f[0],f[1],f[0]+c[0],f[1]+c[1])||3===p.length&&(p[0]!==f[0]||p[1]!==f[1]||p[2]!==f[2])&&Ht.pointOnLine3D(p[0],p[1],p[2],f[0],f[1],f[2],p[0]+m[0],p[1]+m[1],p[2]+m[2])&&Ht.pointOnLine3D(p[0],p[1],p[2],f[0],f[1],f[2],f[0]+c[0],f[1]+c[1],f[2]+c[2]))&&(s.k[l].to=null,s.k[l].ti=null),p[0]===f[0]&&p[1]===f[1]&&0===m[0]&&0===m[1]&&0===c[0]&&0===c[1]&&(2===p.length||p[2]===f[2]&&0===m[2]&&0===c[2])&&(s.k[l].to=null,s.k[l].ti=null));this.effectsSequence=[a.bind(this)],this.keyframes=s.k,this.offsetTime=e.data.st,this.k=!0,this.kf=!0,this._isFirstFrame=!0,this.mult=i||1,this.elem=e,this.container=o,this.comp=e.comp,this.getValue=n,this.setVValue=r,this.interpolateValue=t,this.frameId=-1;var g=s.k[0].s.length;for(this.v=Wt("float32",g),this.pv=Wt("float32",g),l=0;l<g;l+=1)this.v[l]=d,this.pv[l]=d;this._caching={lastFrame:d,lastIndex:0,value:Wt("float32",g)},this.addEffect=h}function m(t,e,s,i,a){var r;if(0===e.a)r=0===s?new o(t,e,i,a):new l(t,e,i,a);else if(1===e.a)r=0===s?new p(t,e,i,a):new f(t,e,i,a);else if(e.k.length)if("number"==typeof e.k[0])r=new l(t,e,i,a);else switch(s){case 0:r=new p(t,e,i,a);break;case 1:r=new f(t,e,i,a)}else r=new o(t,e,i,a);return r.effectsSequence.length&&a.addDynamicProperty(r),r}var d=It,c=Math.abs,u={getProp:m};return u}(),Zt=function(){function t(t){var e=this._mdf;this.iterateDynamicProperties(),this._mdf=this._mdf||e,this.a&&t.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.s&&t.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&t.skewFromAxis(-this.sk.v,this.sa.v),this.r?t.rotate(-this.r.v):t.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.data.p.s?this.data.p.z?t.translate(this.px.v,this.py.v,-this.pz.v):t.translate(this.px.v,this.py.v,0):t.translate(this.p.v[0],this.p.v[1],-this.p.v[2])}function e(t){if(this.elem.globalData.frameId!==this.frameId){if(this._isDirty&&(this.precalculateMatrix(),this._isDirty=!1),this.iterateDynamicProperties(),this._mdf||t){if(this.v.cloneFromProps(this.pre.props),this.appliedTransformations<1&&this.v.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations<2&&this.v.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&this.appliedTransformations<3&&this.v.skewFromAxis(-this.sk.v,this.sa.v),this.r&&this.appliedTransformations<4?this.v.rotate(-this.r.v):!this.r&&this.appliedTransformations<4&&this.v.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.autoOriented){var e,s,i=this.elem.globalData.frameRate;if(this.p&&this.p.keyframes&&this.p.getValueAtTime)this.p._caching.lastFrame+this.p.offsetTime<=this.p.keyframes[0].t?(e=this.p.getValueAtTime((this.p.keyframes[0].t+.01)/i,0),s=this.p.getValueAtTime(this.p.keyframes[0].t/i,0)):this.p._caching.lastFrame+this.p.offsetTime>=this.p.keyframes[this.p.keyframes.length-1].t?(e=this.p.getValueAtTime(this.p.keyframes[this.p.keyframes.length-1].t/i,0),s=this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length-1].t-.01)/i,0)):(e=this.p.pv,s=this.p.getValueAtTime((this.p._caching.lastFrame+this.p.offsetTime-.01)/i,this.p.offsetTime));else if(this.px&&this.px.keyframes&&this.py.keyframes&&this.px.getValueAtTime&&this.py.getValueAtTime){e=[],s=[];var i,a=this.px,r=this.py;a._caching.lastFrame+a.offsetTime<=a.keyframes[0].t?(e[0]=a.getValueAtTime((a.keyframes[0].t+.01)/i,0),e[1]=r.getValueAtTime((r.keyframes[0].t+.01)/i,0),s[0]=a.getValueAtTime(a.keyframes[0].t/i,0),s[1]=r.getValueAtTime(r.keyframes[0].t/i,0)):a._caching.lastFrame+a.offsetTime>=a.keyframes[a.keyframes.length-1].t?(e[0]=a.getValueAtTime(a.keyframes[a.keyframes.length-1].t/i,0),e[1]=r.getValueAtTime(r.keyframes[r.keyframes.length-1].t/i,0),s[0]=a.getValueAtTime((a.keyframes[a.keyframes.length-1].t-.01)/i,0),s[1]=r.getValueAtTime((r.keyframes[r.keyframes.length-1].t-.01)/i,0)):(e=[a.pv,r.pv],s[0]=a.getValueAtTime((a._caching.lastFrame+a.offsetTime-.01)/i,a.offsetTime),s[1]=r.getValueAtTime((r._caching.lastFrame+r.offsetTime-.01)/i,r.offsetTime))}this.v.rotate(-Math.atan2(e[1]-s[1],e[0]-s[0]))}this.data.p.s?this.data.p.z?this.v.translate(this.px.v,this.py.v,-this.pz.v):this.v.translate(this.px.v,this.py.v,0):this.v.translate(this.p.v[0],this.p.v[1],-this.p.v[2])}this.frameId=this.elem.globalData.frameId}}function s(){if(!this.a.k&&(this.pre.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations=1,!this.s.effectsSequence.length)){if(this.pre.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.appliedTransformations=2,this.sk){if(this.sk.effectsSequence.length||this.sa.effectsSequence.length)return;this.pre.skewFromAxis(-this.sk.v,this.sa.v),this.appliedTransformations=3}if(this.r){if(this.r.effectsSequence.length)return;this.pre.rotate(-this.r.v),this.appliedTransformations=4}else this.rz.effectsSequence.length||this.ry.effectsSequence.length||this.rx.effectsSequence.length||this.or.effectsSequence.length||(this.pre.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.appliedTransformations=4)}}function i(){}function a(t){this._addDynamicProperty(t),this.elem.addDynamicProperty(t),this._isDirty=!0}function r(t,e,s){if(this.elem=t,this.frameId=-1,this.propType="transform",this.data=e,this.v=new Xt,this.pre=new Xt,this.appliedTransformations=0,this.initDynamicPropertyContainer(s||t),e.p.s?(this.px=Kt.getProp(t,e.p.x,0,0,this),this.py=Kt.getProp(t,e.p.y,0,0,this),e.p.z&&(this.pz=Kt.getProp(t,e.p.z,0,0,this))):this.p=Kt.getProp(t,e.p,1,0,this),e.r)this.r=Kt.getProp(t,e.r,0,qt,this);else if(e.rx){if(this.rx=Kt.getProp(t,e.rx,0,qt,this),this.ry=Kt.getProp(t,e.ry,0,qt,this),this.rz=Kt.getProp(t,e.rz,0,qt,this),e.or.k[0].ti){var i,a=e.or.k.length;for(i=0;i<a;i+=1)e.or.k[i].to=e.or.k[i].ti=null}this.or=Kt.getProp(t,e.or,1,qt,this),this.or.sh=!0}e.sk&&(this.sk=Kt.getProp(t,e.sk,0,qt,this),this.sa=Kt.getProp(t,e.sa,0,qt,this)),e.a&&(this.a=Kt.getProp(t,e.a,1,0,this)),e.s&&(this.s=Kt.getProp(t,e.s,1,.01,this)),e.o?this.o=Kt.getProp(t,e.o,0,.01,t):this.o={_mdf:!1,v:1},this._isDirty=!0,this.dynamicProperties.length||this.getValue(!0)}function n(t,e,s){return new r(t,e,s)}return r.prototype={applyToMatrix:t,getValue:e,precalculateMatrix:s,autoOrient:i},b([y],r),r.prototype.addDynamicProperty=a,r.prototype._addDynamicProperty=y.prototype.addDynamicProperty,{getTransformProperty:n}}();M.prototype.setPathData=function(t,e){this.c=t,this.setLength(e);for(var s=0;s<e;)this.v[s]=oe.newElement(),this.o[s]=oe.newElement(),this.i[s]=oe.newElement(),s+=1},M.prototype.setLength=function(t){for(;this._maxLength<t;)this.doubleArrayLength();this._length=t},M.prototype.doubleArrayLength=function(){this.v=this.v.concat(u(this._maxLength)),this.i=this.i.concat(u(this._maxLength)),this.o=this.o.concat(u(this._maxLength)),this._maxLength*=2},M.prototype.setXYAt=function(t,e,s,i,a){var r;switch(this._length=Math.max(this._length,i+1),this._length>=this._maxLength&&this.doubleArrayLength(),s){case"v":r=this.v;break;case"i":r=this.i;break;case"o":r=this.o}(!r[i]||r[i]&&!a)&&(r[i]=oe.newElement()),r[i][0]=t,r[i][1]=e},M.prototype.setTripleAt=function(t,e,s,i,a,r,n,h){this.setXYAt(t,e,"v",n,h),this.setXYAt(s,i,"o",n,h),this.setXYAt(a,r,"i",n,h)},M.prototype.reverse=function(){var t=new M;t.setPathData(this.c,this._length);var e=this.v,s=this.o,i=this.i,a=0;this.c&&(t.setTripleAt(e[0][0],e[0][1],i[0][0],i[0][1],s[0][0],s[0][1],0,!1),a=1);var r,n=this._length-1,h=this._length;for(r=a;r<h;r+=1)t.setTripleAt(e[n][0],e[n][1],i[n][0],i[n][1],s[n][0],s[n][1],r,!1),n-=1;return t};var Qt=function(){function t(t,e,s){var i,a,r,n,h,o,l,p,f,m=s.lastIndex,d=this.keyframes;if(t<d[0].t-this.offsetTime)i=d[0].s[0],r=!0,m=0;else if(t>=d[d.length-1].t-this.offsetTime)i=1===d[d.length-2].h?d[d.length-1].s[0]:d[d.length-2].e[0],r=!0;else{for(var c,u,g=m,v=d.length-1,y=!0;y&&(c=d[g],u=d[g+1],!(u.t-this.offsetTime>t));)g<v-1?g+=1:y=!1;if(r=1===c.h,m=g,!r){if(t>=u.t-this.offsetTime)p=1;else if(t<c.t-this.offsetTime)p=0;else{var b;c.__fnct?b=c.__fnct:(b=Yt.getBezierEasing(c.o.x,c.o.y,c.i.x,c.i.y).get,c.__fnct=b),p=b((t-(c.t-this.offsetTime))/(u.t-this.offsetTime-(c.t-this.offsetTime)))}a=c.e[0]}i=c.s[0]}for(o=e._length,l=i.i[0].length,s.lastIndex=m,n=0;n<o;n+=1)for(h=0;h<l;h+=1)f=r?i.i[n][h]:i.i[n][h]+(a.i[n][h]-i.i[n][h])*p,e.i[n][h]=f,f=r?i.o[n][h]:i.o[n][h]+(a.o[n][h]-i.o[n][h])*p,e.o[n][h]=f,f=r?i.v[n][h]:i.v[n][h]+(a.v[n][h]-i.v[n][h])*p,e.v[n][h]=f}function e(){var t=this.comp.renderedFrame-this.offsetTime,e=this.keyframes[0].t-this.offsetTime,s=this.keyframes[this.keyframes.length-1].t-this.offsetTime,i=this._caching.lastFrame;return i!==m&&(i<e&&t<e||i>s&&t>s)||(this._caching.lastIndex=i<t?this._caching.lastIndex:0,this.interpolateShape(t,this.pv,this._caching)),this._caching.lastFrame=t,this.pv}function s(){this.paths=this.localShapeCollection}function i(t,e){if(t._length!==e._length||t.c!==e.c)return!1;var s,i=t._length;for(s=0;s<i;s+=1)if(t.v[s][0]!==e.v[s][0]||t.v[s][1]!==e.v[s][1]||t.o[s][0]!==e.o[s][0]||t.o[s][1]!==e.o[s][1]||t.i[s][0]!==e.i[s][0]||t.i[s][1]!==e.i[s][1])return!1;return!0}function a(t){i(this.v,t)||(this.v=le.clone(t),this.localShapeCollection.releaseShapes(),this.localShapeCollection.addShape(this.v),this._mdf=!0,this.paths=this.localShapeCollection)}function r(){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length){if(this.lock)return void this.setVValue(this.pv);this.lock=!0,this._mdf=!1;var t,e=this.kf?this.pv:this.data.ks?this.data.ks.k:this.data.pt.k,s=this.effectsSequence.length;for(t=0;t<s;t+=1)e=this.effectsSequence[t](e);this.setVValue(e),this.lock=!1,this.frameId=this.elem.globalData.frameId}}function n(t,e,i){this.propType="shape",this.comp=t.comp,this.container=t,this.elem=t,this.data=e,this.k=!1,this.kf=!1,this._mdf=!1;var a=3===i?e.pt.k:e.ks.k;this.v=le.clone(a),this.pv=le.clone(this.v),this.localShapeCollection=pe.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.reset=s,this.effectsSequence=[]}function h(t){this.effectsSequence.push(t),this.container.addDynamicProperty(this)}function o(t,i,a){this.propType="shape",this.comp=t.comp,this.elem=t,this.container=t,this.offsetTime=t.data.st,this.keyframes=3===a?i.pt.k:i.ks.k,this.k=!0,this.kf=!0;var r=this.keyframes[0].s[0].i.length;this.keyframes[0].s[0].i[0].length;this.v=le.newElement(),this.v.setPathData(this.keyframes[0].s[0].c,r),this.pv=le.clone(this.v),this.localShapeCollection=pe.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.lastFrame=m,this.reset=s,this._caching={lastFrame:m,lastIndex:0},this.effectsSequence=[e.bind(this)]}function l(t,e,s){var i;if(3===s||4===s){var a=3===s?e.pt:e.ks,r=a.k;i=1===a.a||r.length?new o(t,e,s):new n(t,e,s)}else 5===s?i=new u(t,e):6===s?i=new d(t,e):7===s&&(i=new c(t,e));return i.k&&t.addDynamicProperty(i),i}function p(){return n}function f(){return o}var m=-999999;n.prototype.interpolateShape=t,n.prototype.getValue=r,n.prototype.setVValue=a,n.prototype.addEffect=h,o.prototype.getValue=r,o.prototype.interpolateShape=t,o.prototype.setVValue=a,o.prototype.addEffect=h;var d=function(){function t(t,e){this.v=le.newElement(),this.v.setPathData(!0,4),this.localShapeCollection=pe.newShapeCollection(),this.paths=this.localShapeCollection,this.localShapeCollection.addShape(this.v),this.d=e.d,this.elem=t,this.comp=t.comp,this.frameId=-1,this.initDynamicPropertyContainer(t),this.p=Kt.getProp(t,e.p,1,0,this),this.s=Kt.getProp(t,e.s,1,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertEllToPath())}var e=jt;return t.prototype={reset:s,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertEllToPath())},convertEllToPath:function(){var t=this.p.v[0],s=this.p.v[1],i=this.s.v[0]/2,a=this.s.v[1]/2,r=3!==this.d,n=this.v;n.v[0][0]=t,n.v[0][1]=s-a,n.v[1][0]=r?t+i:t-i,n.v[1][1]=s,n.v[2][0]=t,n.v[2][1]=s+a,n.v[3][0]=r?t-i:t+i,n.v[3][1]=s,n.i[0][0]=r?t-i*e:t+i*e,n.i[0][1]=s-a,n.i[1][0]=r?t+i:t-i,n.i[1][1]=s-a*e,n.i[2][0]=r?t+i*e:t-i*e,n.i[2][1]=s+a,n.i[3][0]=r?t-i:t+i,n.i[3][1]=s+a*e,n.o[0][0]=r?t+i*e:t-i*e,n.o[0][1]=s-a,n.o[1][0]=r?t+i:t-i,n.o[1][1]=s+a*e,n.o[2][0]=r?t-i*e:t+i*e,n.o[2][1]=s+a,n.o[3][0]=r?t-i:t+i,n.o[3][1]=s-a*e}},b([y],t),t}(),c=function(){function t(t,e){this.v=le.newElement(),this.v.setPathData(!0,0),this.elem=t,this.comp=t.comp,this.data=e,this.frameId=-1,this.d=e.d,this.initDynamicPropertyContainer(t),1===e.sy?(this.ir=Kt.getProp(t,e.ir,0,0,this),this.is=Kt.getProp(t,e.is,0,.01,this),this.convertToPath=this.convertStarToPath):this.convertToPath=this.convertPolygonToPath,this.pt=Kt.getProp(t,e.pt,0,0,this),this.p=Kt.getProp(t,e.p,1,0,this),this.r=Kt.getProp(t,e.r,0,qt,this),this.or=Kt.getProp(t,e.or,0,0,this),this.os=Kt.getProp(t,e.os,0,.01,this),this.localShapeCollection=pe.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertToPath())}return t.prototype={reset:s,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertToPath())},convertStarToPath:function(){var t,e,s,i,a=2*Math.floor(this.pt.v),r=2*Math.PI/a,n=!0,h=this.or.v,o=this.ir.v,l=this.os.v,p=this.is.v,f=2*Math.PI*h/(2*a),m=2*Math.PI*o/(2*a),d=-Math.PI/2;d+=this.r.v;var c=3===this.data.d?-1:1;for(this.v._length=0,t=0;t<a;t+=1){e=n?h:o,s=n?l:p,i=n?f:m;var u=e*Math.cos(d),g=e*Math.sin(d),v=0===u&&0===g?0:g/Math.sqrt(u*u+g*g),y=0===u&&0===g?0:-u/Math.sqrt(u*u+g*g);u+=+this.p.v[0],g+=+this.p.v[1],this.v.setTripleAt(u,g,u-v*i*s*c,g-y*i*s*c,u+v*i*s*c,g+y*i*s*c,t,!0),n=!n,d+=r*c}},convertPolygonToPath:function(){var t,e=Math.floor(this.pt.v),s=2*Math.PI/e,i=this.or.v,a=this.os.v,r=2*Math.PI*i/(4*e),n=-Math.PI/2,h=3===this.data.d?-1:1;for(n+=this.r.v,this.v._length=0,t=0;t<e;t+=1){var o=i*Math.cos(n),l=i*Math.sin(n),p=0===o&&0===l?0:l/Math.sqrt(o*o+l*l),f=0===o&&0===l?0:-o/Math.sqrt(o*o+l*l);o+=+this.p.v[0],l+=+this.p.v[1],this.v.setTripleAt(o,l,o-p*r*a*h,l-f*r*a*h,o+p*r*a*h,l+f*r*a*h,t,!0),n+=s*h}this.paths.length=0,this.paths[0]=this.v}},b([y],t),t}(),u=function(){function t(t,e){this.v=le.newElement(),this.v.c=!0,this.localShapeCollection=pe.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.elem=t,this.comp=t.comp,this.frameId=-1,this.d=e.d,this.initDynamicPropertyContainer(t),this.p=Kt.getProp(t,e.p,1,0,this),this.s=Kt.getProp(t,e.s,1,0,this),this.r=Kt.getProp(t,e.r,0,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertRectToPath())}return t.prototype={convertRectToPath:function(){var t=this.p.v[0],e=this.p.v[1],s=this.s.v[0]/2,i=this.s.v[1]/2,a=Nt(s,i,this.r.v),r=a*(1-jt);this.v._length=0,2===this.d||1===this.d?(this.v.setTripleAt(t+s,e-i+a,t+s,e-i+a,t+s,e-i+r,0,!0),this.v.setTripleAt(t+s,e+i-a,t+s,e+i-r,t+s,e+i-a,1,!0),0!==a?(this.v.setTripleAt(t+s-a,e+i,t+s-a,e+i,t+s-r,e+i,2,!0),this.v.setTripleAt(t-s+a,e+i,t-s+r,e+i,t-s+a,e+i,3,!0),this.v.setTripleAt(t-s,e+i-a,t-s,e+i-a,t-s,e+i-r,4,!0),this.v.setTripleAt(t-s,e-i+a,t-s,e-i+r,t-s,e-i+a,5,!0),this.v.setTripleAt(t-s+a,e-i,t-s+a,e-i,t-s+r,e-i,6,!0),this.v.setTripleAt(t+s-a,e-i,t+s-r,e-i,t+s-a,e-i,7,!0)):(this.v.setTripleAt(t-s,e+i,t-s+r,e+i,t-s,e+i,2),this.v.setTripleAt(t-s,e-i,t-s,e-i+r,t-s,e-i,3))):(this.v.setTripleAt(t+s,e-i+a,t+s,e-i+r,t+s,e-i+a,0,!0),0!==a?(this.v.setTripleAt(t+s-a,e-i,t+s-a,e-i,t+s-r,e-i,1,!0),this.v.setTripleAt(t-s+a,e-i,t-s+r,e-i,t-s+a,e-i,2,!0),this.v.setTripleAt(t-s,e-i+a,t-s,e-i+a,t-s,e-i+r,3,!0),this.v.setTripleAt(t-s,e+i-a,t-s,e+i-r,t-s,e+i-a,4,!0),this.v.setTripleAt(t-s+a,e+i,t-s+a,e+i,t-s+r,e+i,5,!0),this.v.setTripleAt(t+s-a,e+i,t+s-r,e+i,t+s-a,e+i,6,!0),this.v.setTripleAt(t+s,e+i-a,t+s,e+i-a,t+s,e+i-r,7,!0)):(this.v.setTripleAt(t-s,e-i,t-s+r,e-i,t-s,e-i,1,!0),this.v.setTripleAt(t-s,e+i,t-s,e+i-r,t-s,e+i,2,!0),this.v.setTripleAt(t+s,e+i,t+s-r,e+i,t+s,e+i,3,!0)))},getValue:function(t){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertRectToPath())},reset:s},b([y],t),t}(),g={};return g.getShapeProp=l,g.getConstructorFunction=p,g.getKeyframedConstructorFunction=f,g}(),$t=function(){function t(t,e){i[t]||(i[t]=e)}function e(t,e,s){return new i[t](e,s)}var s={},i={};return s.registerModifier=t,s.getModifier=e,s}();P.prototype.initModifierProperties=function(){},P.prototype.addShapeToModifier=function(){},P.prototype.addShape=function(t){if(!this.closed){var e={shape:t.sh,data:t,localShapeCollection:pe.newShapeCollection()};this.shapes.push(e),this.addShapeToModifier(e),this._isAnimated&&t.setAsAnimated()}},P.prototype.init=function(t,e){this.shapes=[],this.elem=t,this.initDynamicPropertyContainer(t),this.initModifierProperties(t,e),this.frameId=It,this.closed=!1,this.k=!1,this.dynamicProperties.length?this.k=!0:this.getValue(!0)},P.prototype.processKeys=function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties())},b([y],P),b([P],C),C.prototype.initModifierProperties=function(t,e){this.s=Kt.getProp(t,e.s,0,.01,this),this.e=Kt.getProp(t,e.e,0,.01,this),this.o=Kt.getProp(t,e.o,0,0,this),this.sValue=0,this.eValue=0,this.getValue=this.processKeys,this.m=e.m,this._isAnimated=!!this.s.effectsSequence.length||!!this.e.effectsSequence.length||!!this.o.effectsSequence.length},C.prototype.addShapeToModifier=function(t){t.pathsData=[]},C.prototype.calculateShapeEdges=function(t,e,s,i,a){var r=[];e<=1?r.push({s:t,e:e}):t>=1?r.push({s:t-1,e:e-1}):(r.push({s:t,e:1}),r.push({s:0,e:e-1}));var n,h,o=[],l=r.length;for(n=0;n<l;n+=1)if(h=r[n],h.e*a<i||h.s*a>i+s);else{var p,f;p=h.s*a<=i?0:(h.s*a-i)/s,f=h.e*a>=i+s?1:(h.e*a-i)/s,o.push([p,f])}return o.length||o.push([0,0]),o},C.prototype.releasePathsData=function(t){var e,s=t.length;for(e=0;e<s;e+=1)fe.release(t[e]);return t.length=0,t},C.prototype.processShapes=function(t){var e,s;if(this._mdf||t){var i=this.o.v%360/360;if(i<0&&(i+=1),e=(this.s.v>1?1:this.s.v<0?0:this.s.v)+i,s=(this.e.v>1?1:this.e.v<0?0:this.e.v)+i,e>s){var a=e;e=s,s=a}e=1e-4*Math.round(1e4*e),s=1e-4*Math.round(1e4*s),this.sValue=e,this.eValue=s}else e=this.sValue,s=this.eValue;var r,n,h,o,l,p,f,m=this.shapes.length,d=0;if(s===e)for(n=0;n<m;n+=1)this.shapes[n].localShapeCollection.releaseShapes(),this.shapes[n].shape._mdf=!0,this.shapes[n].shape.paths=this.shapes[n].localShapeCollection;else if(1===s&&0===e||0===s&&1===e){if(this._mdf)for(n=0;n<m;n+=1)this.shapes[n].pathsData.length=0,this.shapes[n].shape._mdf=!0}else{var c,u,g=[];for(n=0;n<m;n+=1)if(c=this.shapes[n],c.shape._mdf||this._mdf||t||2===this.m){if(r=c.shape.paths,o=r._length,f=0,!c.shape._mdf&&c.pathsData.length)f=c.totalShapeLength;else{for(l=this.releasePathsData(c.pathsData),h=0;h<o;h+=1)p=Ht.getSegmentsLength(r.shapes[h]),l.push(p),f+=p.totalLength;c.totalShapeLength=f,c.pathsData=l}d+=f,c.shape._mdf=!0}else c.shape.paths=c.localShapeCollection;var v,y=e,b=s,_=0;for(n=m-1;n>=0;n-=1)if(c=this.shapes[n],c.shape._mdf){for(u=c.localShapeCollection,u.releaseShapes(),2===this.m&&m>1?(v=this.calculateShapeEdges(e,s,c.totalShapeLength,_,d),_+=c.totalShapeLength):v=[[y,b]],o=v.length,h=0;h<o;h+=1){y=v[h][0],b=v[h][1],g.length=0,b<=1?g.push({s:c.totalShapeLength*y,e:c.totalShapeLength*b}):y>=1?g.push({s:c.totalShapeLength*(y-1),e:c.totalShapeLength*(b-1)}):(g.push({s:c.totalShapeLength*y,e:c.totalShapeLength}),g.push({s:0,e:c.totalShapeLength*(b-1)}));var k=this.addShapes(c,g[0]);if(g[0].s!==g[0].e){if(g.length>1){var A=c.shape.paths.shapes[c.shape.paths._length-1];if(A.c){var M=k.pop();this.addPaths(k,u),k=this.addShapes(c,g[1],M)}else this.addPaths(k,u),
-k=this.addShapes(c,g[1])}this.addPaths(k,u)}}c.shape.paths=u}}},C.prototype.addPaths=function(t,e){var s,i=t.length;for(s=0;s<i;s+=1)e.addShape(t[s])},C.prototype.addSegment=function(t,e,s,i,a,r,n){a.setXYAt(e[0],e[1],"o",r),a.setXYAt(s[0],s[1],"i",r+1),n&&a.setXYAt(t[0],t[1],"v",r),a.setXYAt(i[0],i[1],"v",r+1)},C.prototype.addSegmentFromArray=function(t,e,s,i){e.setXYAt(t[1],t[5],"o",s),e.setXYAt(t[2],t[6],"i",s+1),i&&e.setXYAt(t[0],t[4],"v",s),e.setXYAt(t[3],t[7],"v",s+1)},C.prototype.addShapes=function(t,e,s){var i,a,r,n,h,o,l,p,f=t.pathsData,m=t.shape.paths.shapes,d=t.shape.paths._length,c=0,u=[],g=!0;for(s?(h=s._length,p=s._length):(s=le.newElement(),h=0,p=0),u.push(s),i=0;i<d;i+=1){for(o=f[i].lengths,s.c=m[i].c,r=m[i].c?o.length:o.length+1,a=1;a<r;a+=1)if(n=o[a-1],c+n.addedLength<e.s)c+=n.addedLength,s.c=!1;else{if(c>e.e){s.c=!1;break}e.s<=c&&e.e>=c+n.addedLength?(this.addSegment(m[i].v[a-1],m[i].o[a-1],m[i].i[a],m[i].v[a],s,h,g),g=!1):(l=Ht.getNewSegment(m[i].v[a-1],m[i].v[a],m[i].o[a-1],m[i].i[a],(e.s-c)/n.addedLength,(e.e-c)/n.addedLength,o[a-1]),this.addSegmentFromArray(l,s,h,g),g=!1,s.c=!1),c+=n.addedLength,h+=1}if(m[i].c&&o.length){if(n=o[a-1],c<=e.e){var v=o[a-1].addedLength;e.s<=c&&e.e>=c+v?(this.addSegment(m[i].v[a-1],m[i].o[a-1],m[i].i[0],m[i].v[0],s,h,g),g=!1):(l=Ht.getNewSegment(m[i].v[a-1],m[i].v[0],m[i].o[a-1],m[i].i[0],(e.s-c)/v,(e.e-c)/v,o[a-1]),this.addSegmentFromArray(l,s,h,g),g=!1,s.c=!1)}else s.c=!1;c+=n.addedLength,h+=1}if(s._length&&(s.setXYAt(s.v[p][0],s.v[p][1],"i",p),s.setXYAt(s.v[s._length-1][0],s.v[s._length-1][1],"o",s._length-1)),c>e.e)break;i<d-1&&(s=le.newElement(),g=!0,u.push(s),h=0)}return u},$t.registerModifier("tm",C),b([P],x),x.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.rd=Kt.getProp(t,e.r,0,null,this),this._isAnimated=!!this.rd.effectsSequence.length},x.prototype.processPath=function(t,e){var s=le.newElement();s.c=t.c;var i,a,r,n,h,o,l,p,f,m,d,c,u,g=t._length,v=0;for(i=0;i<g;i+=1)a=t.v[i],n=t.o[i],r=t.i[i],a[0]===n[0]&&a[1]===n[1]&&a[0]===r[0]&&a[1]===r[1]?0!==i&&i!==g-1||t.c?(h=0===i?t.v[g-1]:t.v[i-1],o=Math.sqrt(Math.pow(a[0]-h[0],2)+Math.pow(a[1]-h[1],2)),l=o?Math.min(o/2,e)/o:0,p=c=a[0]+(h[0]-a[0])*l,f=u=a[1]-(a[1]-h[1])*l,m=p-(p-a[0])*jt,d=f-(f-a[1])*jt,s.setTripleAt(p,f,m,d,c,u,v),v+=1,h=i===g-1?t.v[0]:t.v[i+1],o=Math.sqrt(Math.pow(a[0]-h[0],2)+Math.pow(a[1]-h[1],2)),l=o?Math.min(o/2,e)/o:0,p=m=a[0]+(h[0]-a[0])*l,f=d=a[1]+(h[1]-a[1])*l,c=p-(p-a[0])*jt,u=f-(f-a[1])*jt,s.setTripleAt(p,f,m,d,c,u,v),v+=1):(s.setTripleAt(a[0],a[1],n[0],n[1],r[0],r[1],v),v+=1):(s.setTripleAt(t.v[i][0],t.v[i][1],t.o[i][0],t.o[i][1],t.i[i][0],t.i[i][1],v),v+=1);return s},x.prototype.processShapes=function(t){var e,s,i,a,r=this.shapes.length,n=this.rd.v;if(0!==n){var h,o,l;for(s=0;s<r;s+=1){if(h=this.shapes[s],o=h.shape.paths,l=h.localShapeCollection,h.shape._mdf||this._mdf||t)for(l.releaseShapes(),h.shape._mdf=!0,e=h.shape.paths.shapes,a=h.shape.paths._length,i=0;i<a;i+=1)l.addShape(this.processPath(e[i],n));h.shape.paths=h.localShapeCollection}}this.dynamicProperties.length||(this._mdf=!1)},$t.registerModifier("rd",x),b([P],D),D.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.c=Kt.getProp(t,e.c,0,null,this),this.o=Kt.getProp(t,e.o,0,null,this),this.tr=Zt.getTransformProperty(t,e.tr,this),this.so=Kt.getProp(t,e.tr.so,0,.01,this),this.eo=Kt.getProp(t,e.tr.eo,0,.01,this),this.data=e,this.dynamicProperties.length||this.getValue(!0),this._isAnimated=!!this.dynamicProperties.length,this.pMatrix=new Xt,this.rMatrix=new Xt,this.sMatrix=new Xt,this.tMatrix=new Xt,this.matrix=new Xt},D.prototype.applyTransforms=function(t,e,s,i,a,r){var n=r?-1:1,h=i.s.v[0]+(1-i.s.v[0])*(1-a),o=i.s.v[1]+(1-i.s.v[1])*(1-a);t.translate(i.p.v[0]*n*a,i.p.v[1]*n*a,i.p.v[2]),e.translate(-i.a.v[0],-i.a.v[1],i.a.v[2]),e.rotate(-i.r.v*n*a),e.translate(i.a.v[0],i.a.v[1],i.a.v[2]),s.translate(-i.a.v[0],-i.a.v[1],i.a.v[2]),s.scale(r?1/h:h,r?1/o:o),s.translate(i.a.v[0],i.a.v[1],i.a.v[2])},D.prototype.init=function(t,e,s,i){this.elem=t,this.arr=e,this.pos=s,this.elemsData=i,this._currentCopies=0,this._elements=[],this._groups=[],this.frameId=-1,this.initDynamicPropertyContainer(t),this.initModifierProperties(t,e[s]);for(var a=0;s>0;)s-=1,this._elements.unshift(e[s]),a+=1;this.dynamicProperties.length?this.k=!0:this.getValue(!0)},D.prototype.resetElements=function(t){var e,s=t.length;for(e=0;e<s;e+=1)t[e]._processed=!1,"gr"===t[e].ty&&this.resetElements(t[e].it)},D.prototype.cloneElements=function(t){var e=(t.length,JSON.parse(JSON.stringify(t)));return this.resetElements(e),e},D.prototype.changeGroupRender=function(t,e){var s,i=t.length;for(s=0;s<i;s+=1)t[s]._render=e,"gr"===t[s].ty&&this.changeGroupRender(t[s].it,e)},D.prototype.processShapes=function(t){var e,s,i,a,r;if(this._mdf||t){var n=Math.ceil(this.c.v);if(this._groups.length<n){for(;this._groups.length<n;){var h={it:this.cloneElements(this._elements),ty:"gr"};h.it.push({a:{a:0,ix:1,k:[0,0]},nm:"Transform",o:{a:0,ix:7,k:100},p:{a:0,ix:2,k:[0,0]},r:{a:1,ix:6,k:[{s:0,e:0,t:0},{s:0,e:0,t:1}]},s:{a:0,ix:3,k:[100,100]},sa:{a:0,ix:5,k:0},sk:{a:0,ix:4,k:0},ty:"tr"}),this.arr.splice(0,0,h),this._groups.splice(0,0,h),this._currentCopies+=1}this.elem.reloadShapes()}r=0;var o;for(i=0;i<=this._groups.length-1;i+=1)o=r<n,this._groups[i]._render=o,this.changeGroupRender(this._groups[i].it,o),r+=1;this._currentCopies=n;var l=this.o.v,p=l%1,f=l>0?Math.floor(l):Math.ceil(l),m=(this.tr.v.props,this.pMatrix.props),d=this.rMatrix.props,c=this.sMatrix.props;this.pMatrix.reset(),this.rMatrix.reset(),this.sMatrix.reset(),this.tMatrix.reset(),this.matrix.reset();var u=0;if(l>0){for(;u<f;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),u+=1;p&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,p,!1),u+=p)}else if(l<0){for(;u>f;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!0),u-=1;p&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,-p,!0),u-=p)}i=1===this.data.m?0:this._currentCopies-1,a=1===this.data.m?1:-1,r=this._currentCopies;for(var g,v;r;){if(e=this.elemsData[i].it,s=e[e.length-1].transform.mProps.v.props,v=s.length,e[e.length-1].transform.mProps._mdf=!0,e[e.length-1].transform.op._mdf=!0,e[e.length-1].transform.op.v=this.so.v+(this.eo.v-this.so.v)*(i/(this._currentCopies-1)),0!==u){for((0!==i&&1===a||i!==this._currentCopies-1&&a===-1)&&this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),this.matrix.transform(d[0],d[1],d[2],d[3],d[4],d[5],d[6],d[7],d[8],d[9],d[10],d[11],d[12],d[13],d[14],d[15]),this.matrix.transform(c[0],c[1],c[2],c[3],c[4],c[5],c[6],c[7],c[8],c[9],c[10],c[11],c[12],c[13],c[14],c[15]),this.matrix.transform(m[0],m[1],m[2],m[3],m[4],m[5],m[6],m[7],m[8],m[9],m[10],m[11],m[12],m[13],m[14],m[15]),g=0;g<v;g+=1)s[g]=this.matrix.props[g];this.matrix.reset()}else for(this.matrix.reset(),g=0;g<v;g+=1)s[g]=this.matrix.props[g];u+=1,r-=1,i+=a}}else for(r=this._currentCopies,i=0,a=1;r;)e=this.elemsData[i].it,s=e[e.length-1].transform.mProps.v.props,e[e.length-1].transform.mProps._mdf=!1,e[e.length-1].transform.op._mdf=!1,r-=1,i+=a},D.prototype.addShape=function(){},$t.registerModifier("rp",D),F.prototype.addShape=function(t){this._length===this._maxLength&&(this.shapes=this.shapes.concat(u(this._maxLength)),this._maxLength*=2),this.shapes[this._length]=t,this._length+=1},F.prototype.releaseShapes=function(){var t;for(t=0;t<this._length;t+=1)le.release(this.shapes[t]);this._length=0},S.prototype.getValue=function(t){if((this.elem.globalData.frameId!==this.frameId||t)&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf=this._mdf||t,this._mdf)){var e=0,s=this.dataProps.length;for("svg"===this.renderer&&(this.dashStr=""),e=0;e<s;e+=1)"o"!=this.dataProps[e].n?"svg"===this.renderer?this.dashStr+=" "+this.dataProps[e].p.v:this.dashArray[e]=this.dataProps[e].p.v:this.dashoffset[0]=this.dataProps[e].p.v}},b([y],S),E.prototype.comparePoints=function(t,e){for(var s,i=0,a=this.o.length/2;i<a;){if(s=Math.abs(t[4*i]-t[4*e+2*i]),s>.01)return!1;i+=1}return!0},E.prototype.checkCollapsable=function(){if(this.o.length/2!==this.c.length/4)return!1;if(this.data.k.k[0].s)for(var t=0,e=this.data.k.k.length;t<e;){if(!this.comparePoints(this.data.k.k[t].s,this.data.p))return!1;t+=1}else if(!this.comparePoints(this.data.k.k,this.data.p))return!1;return!0},E.prototype.getValue=function(t){if(this.prop.getValue(),this._mdf=!1,this._cmdf=!1,this._omdf=!1,this.prop._mdf||t){var e,s,i,a=4*this.data.p;for(e=0;e<a;e+=1)s=e%4===0?100:255,i=Math.round(this.prop.v[e]*s),this.c[e]!==i&&(this.c[e]=i,this._cmdf=!t);if(this.o.length)for(a=this.prop.v.length,e=4*this.data.p;e<a;e+=1)s=e%2===0?100:1,i=e%2===0?Math.round(100*this.prop.v[e]):this.prop.v[e],this.o[e-4*this.data.p]!==i&&(this.o[e-4*this.data.p]=i,this._omdf=!t);this._mdf=!t}},b([y],E);var te=function(t,e,s,i){if(0===e)return"";var a,r=t.o,n=t.i,h=t.v,o=" M"+i.applyToPointStringified(h[0][0],h[0][1]);for(a=1;a<e;a+=1)o+=" C"+i.applyToPointStringified(r[a-1][0],r[a-1][1])+" "+i.applyToPointStringified(n[a][0],n[a][1])+" "+i.applyToPointStringified(h[a][0],h[a][1]);return s&&e&&(o+=" C"+i.applyToPointStringified(r[a-1][0],r[a-1][1])+" "+i.applyToPointStringified(n[0][0],n[0][1])+" "+i.applyToPointStringified(h[0][0],h[0][1]),o+="z"),o},ee=function(){function t(){this.loadedAssets+=1,this.loadedAssets===this.totalImages&&this.imagesLoadedCb&&this.imagesLoadedCb(null)}function e(t,e,s){var i="";if(t.e)i=t.p;else if(e){var a=t.p;a.indexOf("images/")!==-1&&(a=a.split("/")[1]),i=e+a}else i=s,i+=t.u?t.u:"",i+=t.p;return i}function s(t){var s=e(t,this.assetsPath,this.path),i=v("img");i.crossOrigin="anonymous",i.addEventListener("load",this._imageLoaded.bind(this),!1),i.addEventListener("error",function(){a.img=l,this._imageLoaded()}.bind(this),!1),i.src=s;var a={img:i,assetData:t};return a}function i(t,e){this.imagesLoadedCb=e;var s,i=t.length;for(s=0;s<i;s+=1)t[s].layers||(this.totalImages+=1,this.images.push(this._createImageData(t[s])))}function a(t){this.path=t||""}function r(t){this.assetsPath=t||""}function n(t){for(var e=0,s=this.images.length;e<s;){if(this.images[e].assetData===t)return this.images[e].img;e+=1}}function h(){this.imagesLoadedCb=null,this.images.length=0}function o(){return this.totalImages===this.loadedAssets}var l=function(){var t=v("canvas");t.width=1,t.height=1;var e=t.getContext("2d");return e.fillStyle="#FF0000",e.fillRect(0,0,1,1),t}();return function(){this.loadAssets=i,this.setAssetsPath=r,this.setPath=a,this.loaded=o,this.destroy=h,this.getImage=n,this._createImageData=s,this._imageLoaded=t,this.assetsPath="",this.path="",this.totalImages=0,this.loadedAssets=0,this.imagesLoadedCb=null,this.images=[]}}(),se=function(){var t={maskType:!0};return(/MSIE 10/i.test(navigator.userAgent)||/MSIE 9/i.test(navigator.userAgent)||/rv:11.0/i.test(navigator.userAgent)||/Edge\/\d./i.test(navigator.userAgent))&&(t.maskType=!1),t}(),ie=function(){function t(t){var e=g("filter");return e.setAttribute("id",t),e.setAttribute("filterUnits","objectBoundingBox"),e.setAttribute("x","0%"),e.setAttribute("y","0%"),e.setAttribute("width","100%"),e.setAttribute("height","100%"),e}function e(){var t=g("feColorMatrix");return t.setAttribute("type","matrix"),t.setAttribute("color-interpolation-filters","sRGB"),t.setAttribute("values","0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1"),t}var s={};return s.createFilter=t,s.createAlphaToLuminanceFilter=e,s}(),ae=function(){function t(t){return t.response&&"object"==typeof t.response?t.response:t.response&&"string"==typeof t.response?JSON.parse(t.response):t.responseText?JSON.parse(t.responseText):void 0}function e(e,s,i){var a,r=new XMLHttpRequest;r.open("GET",e,!0),r.responseType="json",r.send(),r.onreadystatechange=function(){if(4==r.readyState)if(200==r.status)a=t(r),s(a);else try{a=t(r),s(a)}catch(e){i&&i(e)}}}return{load:e}}();w.prototype.searchProperties=function(){var t,e,s=this._textData.a.length,i=Kt.getProp;for(t=0;t<s;t+=1)e=this._textData.a[t],this._animatorsData[t]=new T(this._elem,e,this);this._textData.p&&"m"in this._textData.p?(this._pathData={f:i(this._elem,this._textData.p.f,0,0,this),l:i(this._elem,this._textData.p.l,0,0,this),r:this._textData.p.r,m:this._elem.maskManager.getMaskProperty(this._textData.p.m)},this._hasMaskedPath=!0):this._hasMaskedPath=!1,this._moreOptions.alignment=i(this._elem,this._textData.m.a,1,0,this)},w.prototype.getMeasures=function(t,e){if(this.lettersChangedFlag=e,this._mdf||this._isFirstFrame||e||this._hasMaskedPath&&this._pathData.m._mdf){this._isFirstFrame=!1;var s,i,a,r,n,h,o,l,p,c,u,g,v,y,b,_,k,A,M,P=this._moreOptions.alignment.v,C=this._animatorsData,x=this._textData,D=this.mHelper,F=this._renderType,S=this.renderedLetters.length,E=(this.data,t.l);if(this._hasMaskedPath){if(M=this._pathData.m,!this._pathData.n||this._pathData._mdf){var w=M.v;this._pathData.r&&(w=w.reverse()),n={tLength:0,segments:[]},r=w._length-1;var T;for(_=0,a=0;a<r;a+=1)T={s:w.v[a],e:w.v[a+1],to:[w.o[a][0]-w.v[a][0],w.o[a][1]-w.v[a][1]],ti:[w.i[a+1][0]-w.v[a+1][0],w.i[a+1][1]-w.v[a+1][1]]},Ht.buildBezierData(T),n.tLength+=T.bezierData.segmentLength,n.segments.push(T),_+=T.bezierData.segmentLength;a=r,M.v.c&&(T={s:w.v[a],e:w.v[0],to:[w.o[a][0]-w.v[a][0],w.o[a][1]-w.v[a][1]],ti:[w.i[0][0]-w.v[0][0],w.i[0][1]-w.v[0][1]]},Ht.buildBezierData(T),n.tLength+=T.bezierData.segmentLength,n.segments.push(T),_+=T.bezierData.segmentLength),this._pathData.pi=n}if(n=this._pathData.pi,h=this._pathData.f.v,u=0,c=1,l=0,p=!0,y=n.segments,h<0&&M.v.c)for(n.tLength<Math.abs(h)&&(h=-Math.abs(h)%n.tLength),u=y.length-1,v=y[u].bezierData.points,c=v.length-1;h<0;)h+=v[c].partialLength,c-=1,c<0&&(u-=1,v=y[u].bezierData.points,c=v.length-1);v=y[u].bezierData.points,g=v[c-1],o=v[c],b=o.partialLength}r=E.length,s=0,i=0;var L,z,V,R,N,O=1.2*t.finalSize*.714,B=!0;R=C.length;var q,j,G,W,X,Y,H,J,U,K,Z,Q,$,tt=-1,et=h,st=u,it=c,at=-1,rt=0,nt="",ht=this.defaultPropsArray;if(2===t.j||1===t.j){var ot=0,lt=0,pt=2===t.j?-.5:-1,ft=0,mt=!0;for(a=0;a<r;a+=1)if(E[a].n){for(ot&&(ot+=lt);ft<a;)E[ft].animatorJustifyOffset=ot,ft+=1;ot=0,mt=!0}else{for(V=0;V<R;V+=1)L=C[V].a,L.t.propType&&(mt&&2===t.j&&(lt+=L.t.v*pt),z=C[V].s,q=z.getMult(E[a].anIndexes[V],x.a[V].s.totalChars),ot+=q.length?L.t.v*q[0]*pt:L.t.v*q*pt);mt=!1}for(ot&&(ot+=lt);ft<a;)E[ft].animatorJustifyOffset=ot,ft+=1}for(a=0;a<r;a+=1){if(D.reset(),X=1,E[a].n)s=0,i+=t.yOffset,i+=B?1:0,h=et,B=!1,rt=0,this._hasMaskedPath&&(u=st,c=it,v=y[u].bezierData.points,g=v[c-1],o=v[c],b=o.partialLength,l=0),$=K=Q=nt="",ht=this.defaultPropsArray;else{if(this._hasMaskedPath){if(at!==E[a].line){switch(t.j){case 1:h+=_-t.lineWidths[E[a].line];break;case 2:h+=(_-t.lineWidths[E[a].line])/2}at=E[a].line}tt!==E[a].ind&&(E[tt]&&(h+=E[tt].extra),h+=E[a].an/2,tt=E[a].ind),h+=P[0]*E[a].an/200;var dt=0;for(V=0;V<R;V+=1)L=C[V].a,L.p.propType&&(z=C[V].s,q=z.getMult(E[a].anIndexes[V],x.a[V].s.totalChars),dt+=q.length?L.p.v[0]*q[0]:L.p.v[0]*q),L.a.propType&&(z=C[V].s,q=z.getMult(E[a].anIndexes[V],x.a[V].s.totalChars),dt+=q.length?L.a.v[0]*q[0]:L.a.v[0]*q);for(p=!0;p;)l+b>=h+dt||!v?(k=(h+dt-l)/o.partialLength,G=g.point[0]+(o.point[0]-g.point[0])*k,W=g.point[1]+(o.point[1]-g.point[1])*k,D.translate(-P[0]*E[a].an/200,-(P[1]*O/100)),p=!1):v&&(l+=o.partialLength,c+=1,c>=v.length&&(c=0,u+=1,y[u]?v=y[u].bezierData.points:M.v.c?(c=0,u=0,v=y[u].bezierData.points):(l-=o.partialLength,v=null)),v&&(g=o,o=v[c],b=o.partialLength));j=E[a].an/2-E[a].add,D.translate(-j,0,0)}else j=E[a].an/2-E[a].add,D.translate(-j,0,0),D.translate(-P[0]*E[a].an/200,-P[1]*O/100,0);for(rt+=E[a].l/2,V=0;V<R;V+=1)L=C[V].a,L.t.propType&&(z=C[V].s,q=z.getMult(E[a].anIndexes[V],x.a[V].s.totalChars),0===s&&0===t.j||(this._hasMaskedPath?h+=q.length?L.t.v*q[0]:L.t.v*q:s+=q.length?L.t.v*q[0]:L.t.v*q));for(rt+=E[a].l/2,t.strokeWidthAnim&&(H=t.sw||0),t.strokeColorAnim&&(Y=t.sc?[t.sc[0],t.sc[1],t.sc[2]]:[0,0,0]),t.fillColorAnim&&t.fc&&(J=[t.fc[0],t.fc[1],t.fc[2]]),V=0;V<R;V+=1)L=C[V].a,L.a.propType&&(z=C[V].s,q=z.getMult(E[a].anIndexes[V],x.a[V].s.totalChars),q.length?D.translate(-L.a.v[0]*q[0],-L.a.v[1]*q[1],L.a.v[2]*q[2]):D.translate(-L.a.v[0]*q,-L.a.v[1]*q,L.a.v[2]*q));for(V=0;V<R;V+=1)L=C[V].a,L.s.propType&&(z=C[V].s,q=z.getMult(E[a].anIndexes[V],x.a[V].s.totalChars),q.length?D.scale(1+(L.s.v[0]-1)*q[0],1+(L.s.v[1]-1)*q[1],1):D.scale(1+(L.s.v[0]-1)*q,1+(L.s.v[1]-1)*q,1));for(V=0;V<R;V+=1){if(L=C[V].a,z=C[V].s,q=z.getMult(E[a].anIndexes[V],x.a[V].s.totalChars),L.sk.propType&&(q.length?D.skewFromAxis(-L.sk.v*q[0],L.sa.v*q[1]):D.skewFromAxis(-L.sk.v*q,L.sa.v*q)),L.r.propType&&(q.length?D.rotateZ(-L.r.v*q[2]):D.rotateZ(-L.r.v*q)),L.ry.propType&&(q.length?D.rotateY(L.ry.v*q[1]):D.rotateY(L.ry.v*q)),L.rx.propType&&(q.length?D.rotateX(L.rx.v*q[0]):D.rotateX(L.rx.v*q)),L.o.propType&&(X+=q.length?(L.o.v*q[0]-X)*q[0]:(L.o.v*q-X)*q),t.strokeWidthAnim&&L.sw.propType&&(H+=q.length?L.sw.v*q[0]:L.sw.v*q),t.strokeColorAnim&&L.sc.propType)for(U=0;U<3;U+=1)q.length?Y[U]=Y[U]+(L.sc.v[U]-Y[U])*q[0]:Y[U]=Y[U]+(L.sc.v[U]-Y[U])*q;if(t.fillColorAnim&&t.fc){if(L.fc.propType)for(U=0;U<3;U+=1)q.length?J[U]=J[U]+(L.fc.v[U]-J[U])*q[0]:J[U]=J[U]+(L.fc.v[U]-J[U])*q;L.fh.propType&&(J=q.length?d(J,L.fh.v*q[0]):d(J,L.fh.v*q)),L.fs.propType&&(J=q.length?f(J,L.fs.v*q[0]):f(J,L.fs.v*q)),L.fb.propType&&(J=q.length?m(J,L.fb.v*q[0]):m(J,L.fb.v*q))}}for(V=0;V<R;V+=1)L=C[V].a,L.p.propType&&(z=C[V].s,q=z.getMult(E[a].anIndexes[V],x.a[V].s.totalChars),this._hasMaskedPath?q.length?D.translate(0,L.p.v[1]*q[0],-L.p.v[2]*q[1]):D.translate(0,L.p.v[1]*q,-L.p.v[2]*q):q.length?D.translate(L.p.v[0]*q[0],L.p.v[1]*q[1],-L.p.v[2]*q[2]):D.translate(L.p.v[0]*q,L.p.v[1]*q,-L.p.v[2]*q));if(t.strokeWidthAnim&&(K=H<0?0:H),t.strokeColorAnim&&(Z="rgb("+Math.round(255*Y[0])+","+Math.round(255*Y[1])+","+Math.round(255*Y[2])+")"),t.fillColorAnim&&t.fc&&(Q="rgb("+Math.round(255*J[0])+","+Math.round(255*J[1])+","+Math.round(255*J[2])+")"),this._hasMaskedPath){if(D.translate(0,-t.ls),D.translate(0,P[1]*O/100+i,0),x.p.p){A=(o.point[1]-g.point[1])/(o.point[0]-g.point[0]);var ct=180*Math.atan(A)/Math.PI;o.point[0]<g.point[0]&&(ct+=180),D.rotate(-ct*Math.PI/180)}D.translate(G,W,0),h-=P[0]*E[a].an/200,E[a+1]&&tt!==E[a+1].ind&&(h+=E[a].an/2,h+=t.tr/1e3*t.finalSize)}else{switch(D.translate(s,i,0),t.ps&&D.translate(t.ps[0],t.ps[1]+t.ascent,0),t.j){case 1:D.translate(E[a].animatorJustifyOffset+t.justifyOffset+(t.boxWidth-t.lineWidths[E[a].line]),0,0);break;case 2:D.translate(E[a].animatorJustifyOffset+t.justifyOffset+(t.boxWidth-t.lineWidths[E[a].line])/2,0,0)}D.translate(0,-t.ls),D.translate(j,0,0),D.translate(P[0]*E[a].an/200,P[1]*O/100,0),s+=E[a].l+t.tr/1e3*t.finalSize}"html"===F?nt=D.toCSS():"svg"===F?nt=D.to2dCSS():ht=[D.props[0],D.props[1],D.props[2],D.props[3],D.props[4],D.props[5],D.props[6],D.props[7],D.props[8],D.props[9],D.props[10],D.props[11],D.props[12],D.props[13],D.props[14],D.props[15]],$=X}S<=a?(N=new I($,K,Z,Q,nt,ht),this.renderedLetters.push(N),S+=1,this.lettersChangedFlag=!0):(N=this.renderedLetters[a],this.lettersChangedFlag=N.update($,K,Z,Q,nt,ht)||this.lettersChangedFlag)}}},w.prototype.getValue=function(){this._elem.globalData.frameId!==this._frameId&&(this._frameId=this._elem.globalData.frameId,this.iterateDynamicProperties())},w.prototype.mHelper=new Xt,w.prototype.defaultPropsArray=[],b([y],w),I.prototype.update=function(t,e,s,i,a,r){this._mdf.o=!1,this._mdf.sw=!1,this._mdf.sc=!1,this._mdf.fc=!1,this._mdf.m=!1,this._mdf.p=!1;var n=!1;return this.o!==t&&(this.o=t,this._mdf.o=!0,n=!0),this.sw!==e&&(this.sw=e,this._mdf.sw=!0,n=!0),this.sc!==s&&(this.sc=s,this._mdf.sc=!0,n=!0),this.fc!==i&&(this.fc=i,this._mdf.fc=!0,n=!0),this.m!==a&&(this.m=a,this._mdf.m=!0,n=!0),!r.length||this.p[0]===r[0]&&this.p[1]===r[1]&&this.p[4]===r[4]&&this.p[5]===r[5]&&this.p[12]===r[12]&&this.p[13]===r[13]||(this.p=r,this._mdf.p=!0,n=!0),n},L.prototype.defaultBoxWidth=[0,0],L.prototype.copyData=function(t,e){for(var s in e)e.hasOwnProperty(s)&&(t[s]=e[s]);return t},L.prototype.setCurrentData=function(t){t.__complete||this.completeTextData(t),this.currentData=t,this.currentData.boxWidth=this.currentData.boxWidth||this.defaultBoxWidth,this._mdf=!0},L.prototype.searchProperty=function(){return this.searchKeyframes()},L.prototype.searchKeyframes=function(){return this.kf=this.data.d.k.length>1,this.kf&&this.addEffect(this.getKeyframeValue.bind(this)),this.kf},L.prototype.addEffect=function(t){this.effectsSequence.push(t),this.elem.addDynamicProperty(this)},L.prototype.getValue=function(t){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length||t){this.currentData.t=this.data.d.k[this.keysIndex].s.t;var e=this.currentData,s=this.keysIndex;if(this.lock)return void this.setCurrentData(this.currentData);this.lock=!0,this._mdf=!1;var i,a=this.effectsSequence.length,r=t||this.data.d.k[this.keysIndex].s;for(i=0;i<a;i+=1)r=s!==this.keysIndex?this.effectsSequence[i](r,r.t):this.effectsSequence[i](this.currentData,r.t);e!==r&&this.setCurrentData(r),this.pv=this.v=this.currentData,this.lock=!1,this.frameId=this.elem.globalData.frameId}},L.prototype.getKeyframeValue=function(){for(var t,e=this.data.d.k,s=this.elem.comp.renderedFrame,i=0,a=e.length;i<=a-1&&(t=e[i].s,!(i===a-1||e[i+1].t>s));)i+=1;return this.keysIndex!==i&&(this.keysIndex=i),this.data.d.k[this.keysIndex].s},L.prototype.buildFinalText=function(t){for(var e=Ut.getCombinedCharacterCodes(),s=[],i=0,a=t.length;i<a;)e.indexOf(t.charCodeAt(i))!==-1?s[s.length-1]+=t.charAt(i):s.push(t.charAt(i)),i+=1;return s},L.prototype.completeTextData=function(t){t.__complete=!0;var e,s,i,a,r,n,h,o=this.elem.globalData.fontManager,l=this.data,p=[],f=0,m=l.m.g,d=0,c=0,u=0,g=[],v=0,y=0,b=o.getFontByName(t.f),_=0,k=b.fStyle?b.fStyle.split(" "):[],A="normal",M="normal";s=k.length;var P;for(e=0;e<s;e+=1)switch(P=k[e].toLowerCase()){case"italic":M="italic";break;case"bold":A="700";break;case"black":A="900";break;case"medium":A="500";break;case"regular":case"normal":A="400";break;case"light":case"thin":A="200"}t.fWeight=b.fWeight||A,t.fStyle=M,s=t.t.length,t.finalSize=t.s,t.finalText=this.buildFinalText(t.t),t.finalLineHeight=t.lh;var C,x=t.tr/1e3*t.finalSize;if(t.sz)for(var D,F,S=!0,E=t.sz[0],w=t.sz[1];S;){F=this.buildFinalText(t.t),D=0,v=0,s=F.length,x=t.tr/1e3*t.finalSize;var T=-1;for(e=0;e<s;e+=1)C=F[e].charCodeAt(0),i=!1," "===F[e]?T=e:13!==C&&3!==C||(v=0,i=!0,D+=t.finalLineHeight||1.2*t.finalSize),o.chars?(h=o.getCharData(F[e],b.fStyle,b.fFamily),_=i?0:h.w*t.finalSize/100):_=o.measureText(F[e],t.f,t.finalSize),v+_>E&&" "!==F[e]?(T===-1?s+=1:e=T,D+=t.finalLineHeight||1.2*t.finalSize,F.splice(e,T===e?1:0,"\r"),T=-1,v=0):(v+=_,v+=x);D+=b.ascent*t.finalSize/100,this.canResize&&t.finalSize>this.minimumFontSize&&w<D?(t.finalSize-=1,t.finalLineHeight=t.finalSize*t.lh/t.s):(t.finalText=F,s=t.finalText.length,S=!1)}v=-x,_=0;var I,L=0;for(e=0;e<s;e+=1)if(i=!1,I=t.finalText[e],C=I.charCodeAt(0)," "===I?a="\xa0":13===C||3===C?(L=0,g.push(v),y=v>y?v:y,v=-2*x,a="",i=!0,u+=1):a=t.finalText[e],o.chars?(h=o.getCharData(I,b.fStyle,o.getFontByName(t.f).fFamily),_=i?0:h.w*t.finalSize/100):_=o.measureText(a,t.f,t.finalSize)," "===I?L+=_+x:(v+=_+x+L,L=0),p.push({l:_,an:_,add:d,n:i,anIndexes:[],val:a,line:u,animatorJustifyOffset:0}),2==m){if(d+=_,""===a||"\xa0"===a||e===s-1){for(""!==a&&"\xa0"!==a||(d-=_);c<=e;)p[c].an=d,p[c].ind=f,p[c].extra=_,c+=1;f+=1,d=0}}else if(3==m){if(d+=_,""===a||e===s-1){for(""===a&&(d-=_);c<=e;)p[c].an=d,p[c].ind=f,p[c].extra=_,c+=1;d=0,f+=1}}else p[f].ind=f,p[f].extra=0,f+=1;if(t.l=p,y=v>y?v:y,g.push(v),t.sz)t.boxWidth=t.sz[0],t.justifyOffset=0;else switch(t.boxWidth=y,t.j){case 1:t.justifyOffset=-t.boxWidth;break;case 2:t.justifyOffset=-t.boxWidth/2;break;default:t.justifyOffset=0}t.lineWidths=g;var z,V,R=l.a;n=R.length;var N,O,B=[];for(r=0;r<n;r+=1){for(z=R[r],z.a.sc&&(t.strokeColorAnim=!0),z.a.sw&&(t.strokeWidthAnim=!0),(z.a.fc||z.a.fh||z.a.fs||z.a.fb)&&(t.fillColorAnim=!0),O=0,N=z.s.b,e=0;e<s;e+=1)V=p[e],V.anIndexes[r]=O,(1==N&&""!==V.val||2==N&&""!==V.val&&"\xa0"!==V.val||3==N&&(V.n||"\xa0"==V.val||e==s-1)||4==N&&(V.n||e==s-1))&&(1===z.s.rn&&B.push(O),O+=1);l.a[r].s.totalChars=O;var q,j=-1;if(1===z.s.rn)for(e=0;e<s;e+=1)V=p[e],j!=V.anIndexes[r]&&(j=V.anIndexes[r],q=B.splice(Math.floor(Math.random()*B.length),1)[0]),V.anIndexes[r]=q}t.yOffset=t.finalLineHeight||1.2*t.finalSize,t.ls=t.ls||0,t.ascent=b.ascent*t.finalSize/100},L.prototype.updateDocumentData=function(t,e){e=void 0===e?this.keysIndex:e;var s=this.copyData({},this.data.d.k[e].s);s=this.copyData(s,t),this.data.d.k[e].s=s,this.recalculate(e),this.elem.addDynamicProperty(this)},L.prototype.recalculate=function(t){var e=this.data.d.k[t].s;e.__complete=!1,this.keysIndex=0,this._isFirstFrame=!0,this.getValue(e)},L.prototype.canResizeFont=function(t){this.canResize=t,this.recalculate(this.keysIndex),this.elem.addDynamicProperty(this)},L.prototype.setMinimumFontSize=function(t){this.minimumFontSize=Math.floor(t)||1,this.recalculate(this.keysIndex),this.elem.addDynamicProperty(this)};var re=function(){function t(t,e){this._currentTextLength=-1,this.k=!1,this.data=e,this.elem=t,this.comp=t.comp,this.finalS=0,this.finalE=0,this.initDynamicPropertyContainer(t),this.s=Kt.getProp(t,e.s||{k:0},0,0,this),"e"in e?this.e=Kt.getProp(t,e.e,0,0,this):this.e={v:100},this.o=Kt.getProp(t,e.o||{k:0},0,0,this),this.xe=Kt.getProp(t,e.xe||{k:0},0,0,this),this.ne=Kt.getProp(t,e.ne||{k:0},0,0,this),this.a=Kt.getProp(t,e.a,0,.01,this),this.dynamicProperties.length||this.getValue()}function e(e,s,i){return new t(e,s,i)}var s=Math.max,i=Math.min,a=Math.floor;return t.prototype={getMult:function(t){this._currentTextLength!==this.elem.textProperty.currentData.l.length&&this.getValue();var e=Yt.getBezierEasing(this.ne.v/100,0,1-this.xe.v/100,1).get,r=0,n=this.finalS,h=this.finalE,o=this.data.sh;if(2==o)r=h===n?t>=h?1:0:s(0,i(.5/(h-n)+(t-n)/(h-n),1)),r=e(r);else if(3==o)r=h===n?t>=h?0:1:1-s(0,i(.5/(h-n)+(t-n)/(h-n),1)),r=e(r);else if(4==o)h===n?r=0:(r=s(0,i(.5/(h-n)+(t-n)/(h-n),1)),r<.5?r*=2:r=1-2*(r-.5)),r=e(r);else if(5==o){if(h===n)r=0;else{var l=h-n;t=i(s(0,t+.5-n),h-n);var p=-l/2+t,f=l/2;r=Math.sqrt(1-p*p/(f*f))}r=e(r)}else 6==o?(h===n?r=0:(t=i(s(0,t+.5-n),h-n),r=(1+Math.cos(Math.PI+2*Math.PI*t/(h-n)))/2),r=e(r)):(t>=a(n)&&(r=t-n<0?1-(n-t):s(0,i(h-t,1))),r=e(r));return r*this.a.v},getValue:function(t){this.iterateDynamicProperties(),this._mdf=t||this._mdf,this._currentTextLength=this.elem.textProperty.currentData.l.length||0,t&&2===this.data.r&&(this.e.v=this._currentTextLength);var e=2===this.data.r?1:100/this.data.totalChars,s=this.o.v/e,i=this.s.v/e+s,a=this.e.v/e+s;if(i>a){var r=i;i=a,a=r}this.finalS=i,this.finalE=a}},b([y],t),{getTextSelectorProp:e}}(),ne=function(){return function(t,e,s,i){function a(){var t;return n?(n-=1,t=o[n]):t=e(),t}function r(t){n===h&&(o=he["double"](o),h=2*h),s&&s(t),o[n]=t,n+=1}var n=0,h=t,o=u(h),l={newElement:a,release:r};return l}}(),he=function(){function t(t){return t.concat(u(t.length))}return{"double":t}}(),oe=function(){function t(){return Wt("float32",2)}return ne(8,t)}(),le=function(){function t(){return new M}function e(t){var e,s=t._length;for(e=0;e<s;e+=1)oe.release(t.v[e]),oe.release(t.i[e]),oe.release(t.o[e]),t.v[e]=null,t.i[e]=null,t.o[e]=null;t._length=0,t.c=!1}function s(t){var e,s=i.newElement(),a=void 0===t._length?t.v.length:t._length;s.setLength(a),s.c=t.c;for(e=0;e<a;e+=1)s.setTripleAt(t.v[e][0],t.v[e][1],t.o[e][0],t.o[e][1],t.i[e][0],t.i[e][1],e);return s}var i=ne(4,t,e);return i.clone=s,i}(),pe=function(){function t(){var t;return i?(i-=1,t=r[i]):t=new F,t}function e(t){var e,s=t._length;for(e=0;e<s;e+=1)le.release(t.shapes[e]);t._length=0,i===a&&(r=he["double"](r),a=2*a),r[i]=t,i+=1}var s={newShapeCollection:t,release:e},i=0,a=4,r=u(a);return s}(),fe=function(){function t(){return{lengths:[],totalLength:0}}function e(t){var e,s=t.lengths.length;for(e=0;e<s;e+=1)me.release(t.lengths[e]);t.lengths.length=0}return ne(8,t,e)}(),me=function(){function t(){return{addedLength:0,percents:Wt("float32",Bt),lengths:Wt("float32",Bt)}}return ne(8,t)}();z.prototype.checkLayers=function(t){var e,s,i=this.layers.length;for(this.completeLayers=!0,e=i-1;e>=0;e--)this.elements[e]||(s=this.layers[e],s.ip-s.st<=t-this.layers[e].st&&s.op-s.st>t-this.layers[e].st&&this.buildItem(e)),this.completeLayers=!!this.elements[e]&&this.completeLayers;this.checkPendingElements()},z.prototype.createItem=function(t){switch(t.ty){case 2:return this.createImage(t);case 0:return this.createComp(t);case 1:return this.createSolid(t);case 3:return this.createNull(t);case 4:return this.createShape(t);case 5:return this.createText(t);case 13:return this.createCamera(t)}return this.createNull(t)},z.prototype.createCamera=function(){throw new Error("You're using a 3d camera. Try the html renderer.")},z.prototype.buildAllItems=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)this.buildItem(t);this.checkPendingElements()},z.prototype.includeLayers=function(t){this.completeLayers=!1;var e,s,i=t.length,a=this.layers.length;for(e=0;e<i;e+=1)for(s=0;s<a;){if(this.layers[s].id==t[e].id){this.layers[s]=t[e];break}s+=1}},z.prototype.setProjectInterface=function(t){this.globalData.projectInterface=t},z.prototype.initItems=function(){this.globalData.progressiveLoad||this.buildAllItems()},z.prototype.buildElementParenting=function(t,e,s){for(var i=this.elements,a=this.layers,r=0,n=a.length;r<n;)a[r].ind==e&&(i[r]&&i[r]!==!0?(s.push(i[r]),i[r].setAsParent(),void 0!==a[r].parent?this.buildElementParenting(t,a[r].parent,s):t.setHierarchy(s)):(this.buildItem(r),this.addPendingElement(t))),r+=1},z.prototype.addPendingElement=function(t){this.pendingElements.push(t)},z.prototype.searchExtraCompositions=function(t){var e,s=t.length;for(e=0;e<s;e+=1)if(t[e].xt){var i=this.createComp(t[e]);i.initExpressions(),this.globalData.projectInterface.registerComposition(i)}},z.prototype.setupGlobalData=function(t,e){this.globalData.fontManager=new Ut,this.globalData.fontManager.addChars(t.chars),this.globalData.fontManager.addFonts(t.fonts,e),this.globalData.getAssetData=this.animationItem.getAssetData.bind(this.animationItem),this.globalData.getAssetsPath=this.animationItem.getAssetsPath.bind(this.animationItem),this.globalData.imageLoader=this.animationItem.imagePreloader,this.globalData.frameId=0,this.globalData.frameRate=t.fr,this.globalData.nm=t.nm,this.globalData.compSize={w:t.w,h:t.h}},b([z],V),V.prototype.createNull=function(t){return new tt(t,this.globalData,this)},V.prototype.createShape=function(t){return new lt(t,this.globalData,this)},V.prototype.createText=function(t){return new ot(t,this.globalData,this)},V.prototype.createImage=function(t){return new rt(t,this.globalData,this)},V.prototype.createComp=function(t){return new ht(t,this.globalData,this)},V.prototype.createSolid=function(t){return new nt(t,this.globalData,this)},V.prototype.configAnimation=function(t){this.svgElement.setAttribute("xmlns","http://www.w3.org/2000/svg"),this.renderConfig.viewBoxSize?this.svgElement.setAttribute("viewBox",this.renderConfig.viewBoxSize):this.svgElement.setAttribute("viewBox","0 0 "+t.w+" "+t.h),this.renderConfig.viewBoxOnly||(this.svgElement.setAttribute("width",t.w),this.svgElement.setAttribute("height",t.h),this.svgElement.style.width="100%",this.svgElement.style.height="100%",this.svgElement.style.transform="translate3d(0,0,0)"),this.renderConfig.className&&this.svgElement.setAttribute("class",this.renderConfig.className),this.svgElement.setAttribute("preserveAspectRatio",this.renderConfig.preserveAspectRatio),this.animationItem.wrapper.appendChild(this.svgElement);var e=this.globalData.defs;this.setupGlobalData(t,e),this.globalData.progressiveLoad=this.renderConfig.progressiveLoad,this.data=t;var s=g("clipPath"),i=g("rect");i.setAttribute("width",t.w),i.setAttribute("height",t.h),i.setAttribute("x",0),i.setAttribute("y",0);var a="animationMask_"+o(10);s.setAttribute("id",a),s.appendChild(i),this.layerElement.setAttribute("clip-path","url("+Tt+"#"+a+")"),
-e.appendChild(s),this.layers=t.layers,this.elements=u(t.layers.length)},V.prototype.destroy=function(){this.animationItem.wrapper.innerHTML="",this.layerElement=null,this.globalData.defs=null;var t,e=this.layers?this.layers.length:0;for(t=0;t<e;t++)this.elements[t]&&this.elements[t].destroy();this.elements.length=0,this.destroyed=!0,this.animationItem=null},V.prototype.updateContainerSize=function(){},V.prototype.buildItem=function(t){var e=this.elements;if(!e[t]&&99!=this.layers[t].ty){e[t]=!0;var s=this.createItem(this.layers[t]);e[t]=s,St&&(0===this.layers[t].ty&&this.globalData.projectInterface.registerComposition(s),s.initExpressions()),this.appendElementInPos(s,t),this.layers[t].tt&&(this.elements[t-1]&&this.elements[t-1]!==!0?s.setMatte(e[t-1].layerId):(this.buildItem(t-1),this.addPendingElement(s)))}},V.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){var t=this.pendingElements.pop();if(t.checkParenting(),t.data.tt)for(var e=0,s=this.elements.length;e<s;){if(this.elements[e]===t){t.setMatte(this.elements[e-1].layerId);break}e+=1}}},V.prototype.renderFrame=function(t){if(this.renderedFrame!==t&&!this.destroyed){null===t?t=this.renderedFrame:this.renderedFrame=t,this.globalData.frameNum=t,this.globalData.frameId+=1,this.globalData.projectInterface.currentFrame=t,this.globalData._mdf=!1;var e,s=this.layers.length;for(this.completeLayers||this.checkLayers(t),e=s-1;e>=0;e--)(this.completeLayers||this.elements[e])&&this.elements[e].prepareFrame(t-this.layers[e].st);if(this.globalData._mdf)for(e=0;e<s;e+=1)(this.completeLayers||this.elements[e])&&this.elements[e].renderFrame()}},V.prototype.appendElementInPos=function(t,e){var s=t.getBaseElement();if(s){for(var i,a=0;a<e;)this.elements[a]&&this.elements[a]!==!0&&this.elements[a].getBaseElement()&&(i=this.elements[a].getBaseElement()),a+=1;i?this.layerElement.insertBefore(s,i):this.layerElement.appendChild(s)}},V.prototype.hide=function(){this.layerElement.style.display="none"},V.prototype.show=function(){this.layerElement.style.display="block"},R.prototype.getMaskProperty=function(t){return this.viewData[t].prop},R.prototype.renderFrame=function(t){var e,s=this.element.finalTransform.mat,i=this.masksProperties.length;for(e=0;e<i;e++)if((this.viewData[e].prop._mdf||t)&&this.drawPath(this.masksProperties[e],this.viewData[e].prop.v,this.viewData[e]),(this.viewData[e].op._mdf||t)&&this.viewData[e].elem.setAttribute("fill-opacity",this.viewData[e].op.v),"n"!==this.masksProperties[e].mode&&(this.viewData[e].invRect&&(this.element.finalTransform.mProp._mdf||t)&&(this.viewData[e].invRect.setAttribute("x",-s.props[12]),this.viewData[e].invRect.setAttribute("y",-s.props[13])),this.storedData[e].x&&(this.storedData[e].x._mdf||t))){var a=this.storedData[e].expan;this.storedData[e].x.v<0?("erode"!==this.storedData[e].lastOperator&&(this.storedData[e].lastOperator="erode",this.storedData[e].elem.setAttribute("filter","url("+Tt+"#"+this.storedData[e].filterId+")")),a.setAttribute("radius",-this.storedData[e].x.v)):("dilate"!==this.storedData[e].lastOperator&&(this.storedData[e].lastOperator="dilate",this.storedData[e].elem.setAttribute("filter",null)),this.storedData[e].elem.setAttribute("stroke-width",2*this.storedData[e].x.v))}},R.prototype.getMaskelement=function(){return this.maskElement},R.prototype.createLayerSolidPath=function(){var t="M0,0 ";return t+=" h"+this.globalData.compSize.w,t+=" v"+this.globalData.compSize.h,t+=" h-"+this.globalData.compSize.w,t+=" v-"+this.globalData.compSize.h+" "},R.prototype.drawPath=function(t,e,s){var i,a,r=" M"+e.v[0][0]+","+e.v[0][1];for(a=e._length,i=1;i<a;i+=1)r+=" C"+e.o[i-1][0]+","+e.o[i-1][1]+" "+e.i[i][0]+","+e.i[i][1]+" "+e.v[i][0]+","+e.v[i][1];if(e.c&&a>1&&(r+=" C"+e.o[i-1][0]+","+e.o[i-1][1]+" "+e.i[0][0]+","+e.i[0][1]+" "+e.v[0][0]+","+e.v[0][1]),s.lastPath!==r){var n="";s.elem&&(e.c&&(n=t.inv?this.solidPath+r:r),s.elem.setAttribute("d",n)),s.lastPath=r}},R.prototype.destroy=function(){this.element=null,this.globalData=null,this.maskElement=null,this.data=null,this.masksProperties=null},N.prototype={initHierarchy:function(){this.hierarchy=[],this._isParent=!1,this.checkParenting()},setHierarchy:function(t){this.hierarchy=t},setAsParent:function(){this._isParent=!0},checkParenting:function(){void 0!==this.data.parent&&this.comp.buildElementParenting(this,this.data.parent,[])}},O.prototype={initFrame:function(){this._isFirstFrame=!1,this.dynamicProperties=[],this._mdf=!1},prepareProperties:function(t,e){var s,i=this.dynamicProperties.length;for(s=0;s<i;s+=1)(e||this._isParent&&"transform"===this.dynamicProperties[s].propType)&&(this.dynamicProperties[s].getValue(),this.dynamicProperties[s]._mdf&&(this.globalData._mdf=!0,this._mdf=!0))},addDynamicProperty:function(t){this.dynamicProperties.indexOf(t)===-1&&this.dynamicProperties.push(t)}},B.prototype={initTransform:function(){this.finalTransform={mProp:this.data.ks?Zt.getTransformProperty(this,this.data.ks,this):{o:0},_matMdf:!1,_opMdf:!1,mat:new Xt},this.data.ao&&(this.finalTransform.mProp.autoOriented=!0),11!==this.data.ty},renderTransform:function(){if(this.finalTransform._opMdf=this.finalTransform.mProp.o._mdf||this._isFirstFrame,this.finalTransform._matMdf=this.finalTransform.mProp._mdf||this._isFirstFrame,this.hierarchy){var t,e=this.finalTransform.mat,s=0,i=this.hierarchy.length;if(!this.finalTransform._matMdf)for(;s<i;){if(this.hierarchy[s].finalTransform.mProp._mdf){this.finalTransform._matMdf=!0;break}s+=1}if(this.finalTransform._matMdf)for(t=this.finalTransform.mProp.v.props,e.cloneFromProps(t),s=0;s<i;s+=1)t=this.hierarchy[s].finalTransform.mProp.v.props,e.transform(t[0],t[1],t[2],t[3],t[4],t[5],t[6],t[7],t[8],t[9],t[10],t[11],t[12],t[13],t[14],t[15])}},globalToLocal:function(t){var e=[];e.push(this.finalTransform);for(var s=!0,i=this.comp;s;)i.finalTransform?(i.data.hasMask&&e.splice(0,0,i.finalTransform),i=i.comp):s=!1;var a,r,n=e.length;for(a=0;a<n;a+=1)r=e[a].mat.applyToPointArray(0,0,0),t=[t[0]-r[0],t[1]-r[1],0];return t},mHelper:new Xt},q.prototype={initRenderable:function(){this.isInRange=!1,this.hidden=!1,this.isTransparent=!1,this.renderableComponents=[]},addRenderableComponent:function(t){this.renderableComponents.indexOf(t)===-1&&this.renderableComponents.push(t)},removeRenderableComponent:function(t){this.renderableComponents.indexOf(t)!==-1&&this.renderableComponents.splice(this.renderableComponents.indexOf(t),1)},prepareRenderableFrame:function(t){this.checkLayerLimits(t)},checkTransparency:function(){this.finalTransform.mProp.o.v<=0?!this.isTransparent&&this.globalData.renderConfig.hideOnTransparent&&(this.isTransparent=!0,this.hide()):this.isTransparent&&(this.isTransparent=!1,this.show())},checkLayerLimits:function(t){this.data.ip-this.data.st<=t&&this.data.op-this.data.st>t?this.isInRange!==!0&&(this.globalData._mdf=!0,this._mdf=!0,this.isInRange=!0,this.show()):this.isInRange!==!1&&(this.globalData._mdf=!0,this.isInRange=!1,this.hide())},renderRenderable:function(){var t,e=this.renderableComponents.length;for(t=0;t<e;t+=1)this.renderableComponents[t].renderFrame(this._isFirstFrame)},sourceRectAtTime:function(){return{top:0,left:0,width:100,height:100}},getLayerSize:function(){return 5===this.data.ty?{w:this.data.textData.width,h:this.data.textData.height}:{w:this.data.width,h:this.data.height}}},function(){var t={initElement:function(t,e,s){this.initFrame(),this.initBaseData(t,e,s),this.initTransform(t,e,s),this.initHierarchy(),this.initRenderable(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),this.createContent(),this.hide()},hide:function(){if(!this.hidden&&(!this.isInRange||this.isTransparent)){var t=this.baseElement||this.layerElement;t.style.display="none",this.hidden=!0}},show:function(){if(this.isInRange&&!this.isTransparent){if(!this.data.hd){var t=this.baseElement||this.layerElement;t.style.display="block"}this.hidden=!1,this._isFirstFrame=!0}},renderFrame:function(){this.data.hd||this.hidden||(this.renderTransform(),this.renderRenderable(),this.renderElement(),this.renderInnerContent(),this._isFirstFrame&&(this._isFirstFrame=!1))},renderInnerContent:function(){},prepareFrame:function(t){this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),this.checkTransparency()},destroy:function(){this.innerElem=null,this.destroyBaseElement()}};b([q,_(t)],j)}(),W.prototype.reset=function(){this.d="",this._mdf=!1},X.prototype.setAsAnimated=function(){this._isAnimated=!0},b([y],H),b([y],J),U.prototype.initGradientData=function(t,e,s){this.o=Kt.getProp(t,e.o,0,.01,this),this.s=Kt.getProp(t,e.s,1,null,this),this.e=Kt.getProp(t,e.e,1,null,this),this.h=Kt.getProp(t,e.h||{k:0},0,.01,this),this.a=Kt.getProp(t,e.a||{k:0},0,qt,this),this.g=new E(t,e.g,this),this.style=s,this.stops=[],this.setGradientData(s.pElem,e),this.setGradientOpacity(e,s),this._isAnimated=!!this._isAnimated},U.prototype.setGradientData=function(t,e){var s="gr_"+o(10),i=g(1===e.t?"linearGradient":"radialGradient");i.setAttribute("id",s),i.setAttribute("spreadMethod","pad"),i.setAttribute("gradientUnits","userSpaceOnUse");var a,r,n,h=[];for(n=4*e.g.p,r=0;r<n;r+=4)a=g("stop"),i.appendChild(a),h.push(a);t.setAttribute("gf"===e.ty?"fill":"stroke","url("+Tt+"#"+s+")"),this.gf=i,this.cst=h},U.prototype.setGradientOpacity=function(t,e){if(this.g._hasOpacity&&!this.g._collapsable){var s,i,a,r=g("mask"),n=g("path");r.appendChild(n);var h="op_"+o(10),l="mk_"+o(10);r.setAttribute("id",l);var p=g(1===t.t?"linearGradient":"radialGradient");p.setAttribute("id",h),p.setAttribute("spreadMethod","pad"),p.setAttribute("gradientUnits","userSpaceOnUse"),a=t.g.k.k[0].s?t.g.k.k[0].s.length:t.g.k.k.length;var f=this.stops;for(i=4*t.g.p;i<a;i+=2)s=g("stop"),s.setAttribute("stop-color","rgb(255,255,255)"),p.appendChild(s),f.push(s);n.setAttribute("gf"===t.ty?"fill":"stroke","url("+Tt+"#"+h+")"),this.of=p,this.ms=r,this.ost=f,this.maskId=l,e.msElem=n}},b([y],U),b([U,y],K);var de=function(){function t(t){t.ty;switch(t.ty){case"fl":return i;case"gf":return r;case"gs":return a;case"st":return n;case"sh":case"el":case"rc":case"sr":return s;case"tr":return e}}function e(t,e,s){(s||e.transform.op._mdf)&&e.transform.container.setAttribute("opacity",e.transform.op.v),(s||e.transform.mProps._mdf)&&e.transform.container.setAttribute("transform",e.transform.mProps.v.to2dCSS())}function s(t,e,s){var i,a,r,n,l,p,f,m,d,c,u,g=e.styles.length,v=e.lvl;for(p=0;p<g;p+=1){if(n=e.sh._mdf||s,e.styles[p].lvl<v){for(m=o.reset(),c=v-e.styles[p].lvl,u=e.transformers.length-1;!n&&c>0;)n=e.transformers[u].mProps._mdf||n,c--,u--;if(n)for(c=v-e.styles[p].lvl,u=e.transformers.length-1;c>0;)d=e.transformers[u].mProps.v.props,m.transform(d[0],d[1],d[2],d[3],d[4],d[5],d[6],d[7],d[8],d[9],d[10],d[11],d[12],d[13],d[14],d[15]),c--,u--}else m=h;if(f=e.sh.paths,a=f._length,n){for(r="",i=0;i<a;i+=1)l=f.shapes[i],l&&l._length&&(r+=te(l,l._length,l.c,m));e.caches[p]=r}else r=e.caches[p];e.styles[p].d+=t.hd===!0?"":r,e.styles[p]._mdf=n||e.styles[p]._mdf}}function i(t,e,s){var i=e.style;(e.c._mdf||s)&&i.pElem.setAttribute("fill","rgb("+Rt(e.c.v[0])+","+Rt(e.c.v[1])+","+Rt(e.c.v[2])+")"),(e.o._mdf||s)&&i.pElem.setAttribute("fill-opacity",e.o.v)}function a(t,e,s){r(t,e,s),n(t,e,s)}function r(t,e,s){var i=e.gf,a=e.g._hasOpacity,r=e.s.v,n=e.e.v;if(e.o._mdf||s){var h="gf"===t.ty?"fill-opacity":"stroke-opacity";e.style.pElem.setAttribute(h,e.o.v)}if(e.s._mdf||s){var o=1===t.t?"x1":"cx",l="x1"===o?"y1":"cy";i.setAttribute(o,r[0]),i.setAttribute(l,r[1]),a&&!e.g._collapsable&&(e.of.setAttribute(o,r[0]),e.of.setAttribute(l,r[1]))}var p,f,m,d;if(e.g._cmdf||s){p=e.cst;var c=e.g.c;for(m=p.length,f=0;f<m;f+=1)d=p[f],d.setAttribute("offset",c[4*f]+"%"),d.setAttribute("stop-color","rgb("+c[4*f+1]+","+c[4*f+2]+","+c[4*f+3]+")")}if(a&&(e.g._omdf||s)){var u=e.g.o;for(p=e.g._collapsable?e.cst:e.ost,m=p.length,f=0;f<m;f+=1)d=p[f],e.g._collapsable||d.setAttribute("offset",u[2*f]+"%"),d.setAttribute("stop-opacity",u[2*f+1])}if(1===t.t)(e.e._mdf||s)&&(i.setAttribute("x2",n[0]),i.setAttribute("y2",n[1]),a&&!e.g._collapsable&&(e.of.setAttribute("x2",n[0]),e.of.setAttribute("y2",n[1])));else{var g;if((e.s._mdf||e.e._mdf||s)&&(g=Math.sqrt(Math.pow(r[0]-n[0],2)+Math.pow(r[1]-n[1],2)),i.setAttribute("r",g),a&&!e.g._collapsable&&e.of.setAttribute("r",g)),e.e._mdf||e.h._mdf||e.a._mdf||s){g||(g=Math.sqrt(Math.pow(r[0]-n[0],2)+Math.pow(r[1]-n[1],2)));var v=Math.atan2(n[1]-r[1],n[0]-r[0]),y=e.h.v>=1?.99:e.h.v<=-1?-.99:e.h.v,b=g*y,_=Math.cos(v+e.a.v)*b+r[0],k=Math.sin(v+e.a.v)*b+r[1];i.setAttribute("fx",_),i.setAttribute("fy",k),a&&!e.g._collapsable&&(e.of.setAttribute("fx",_),e.of.setAttribute("fy",k))}}}function n(t,e,s){var i=e.style,a=e.d;a&&(a._mdf||s)&&a.dashStr&&(i.pElem.setAttribute("stroke-dasharray",a.dashStr),i.pElem.setAttribute("stroke-dashoffset",a.dashoffset[0])),e.c&&(e.c._mdf||s)&&i.pElem.setAttribute("stroke","rgb("+Rt(e.c.v[0])+","+Rt(e.c.v[1])+","+Rt(e.c.v[2])+")"),(e.o._mdf||s)&&i.pElem.setAttribute("stroke-opacity",e.o.v),(e.w._mdf||s)&&(i.pElem.setAttribute("stroke-width",e.w.v),i.msElem&&i.msElem.setAttribute("stroke-width",e.w.v))}var h=new Xt,o=new Xt,l={createRenderFunction:t};return l}();Q.prototype={addTransformSequence:function(t){var e,s=t.length,i="_";for(e=0;e<s;e+=1)i+=t[e].transform.key+"_";var a=this.sequences[i];return a||(a={transforms:[].concat(t),finalTransform:new Xt,_mdf:!1},this.sequences[i]=a,this.sequenceList.push(a)),a},processSequence:function(t,e){for(var s=0,i=t.transforms.length,a=e;s<i&&!e;){if(t.transforms[s].transform.mProps._mdf){a=!0;break}s+=1}if(a){var r;for(t.finalTransform.reset(),s=i-1;s>=0;s-=1)r=t.transforms[s].transform.mProps.v.props,t.finalTransform.transform(r[0],r[1],r[2],r[3],r[4],r[5],r[6],r[7],r[8],r[9],r[10],r[11],r[12],r[13],r[14],r[15])}t._mdf=a},processSequences:function(t){var e,s=this.sequenceList.length;for(e=0;e<s;e+=1)this.processSequence(this.sequenceList[e],t)},getNewKey:function(){return"_"+this.transform_key_count++}},$.prototype={checkMasks:function(){if(!this.data.hasMask)return!1;for(var t=0,e=this.data.masksProperties.length;t<e;){if("n"!==this.data.masksProperties[t].mode&&this.data.masksProperties[t].cl!==!1)return!0;t+=1}return!1},initExpressions:function(){this.layerInterface=LayerExpressionInterface(this),this.data.hasMask&&this.maskManager&&this.layerInterface.registerMaskInterface(this.maskManager);var t=EffectsExpressionInterface.createEffectsInterface(this,this.layerInterface);this.layerInterface.registerEffectsInterface(t),0===this.data.ty||this.data.xt?this.compInterface=CompExpressionInterface(this):4===this.data.ty?(this.layerInterface.shapeInterface=ShapeExpressionInterface(this.shapesData,this.itemsData,this.layerInterface),this.layerInterface.content=this.layerInterface.shapeInterface):5===this.data.ty&&(this.layerInterface.textInterface=TextExpressionInterface(this),this.layerInterface.text=this.layerInterface.textInterface)},blendModeEnums:{1:"multiply",2:"screen",3:"overlay",4:"darken",5:"lighten",6:"color-dodge",7:"color-burn",8:"hard-light",9:"soft-light",10:"difference",11:"exclusion",12:"hue",13:"saturation",14:"color",15:"luminosity"},getBlendMode:function(){return this.blendModeEnums[this.data.bm]||""},setBlendMode:function(){var t=this.getBlendMode(),e=this.baseElement||this.layerElement;e.style["mix-blend-mode"]=t},initBaseData:function(t,e,s){this.globalData=e,this.comp=s,this.data=t,this.layerId="ly_"+o(10),this.data.sr||(this.data.sr=1),this.effectsManager=new yt(this.data,this,this.dynamicProperties)},getType:function(){return this.type}},tt.prototype.prepareFrame=function(t){this.prepareProperties(t,!0)},tt.prototype.renderFrame=function(){},tt.prototype.getBaseElement=function(){return null},tt.prototype.destroy=function(){},tt.prototype.sourceRectAtTime=function(){},tt.prototype.hide=function(){},b([$,B,N,O],tt),et.prototype={initRendererElement:function(){this.layerElement=g("g")},createContainerElements:function(){this.matteElement=g("g"),this.transformedElement=this.layerElement,this.maskedElement=this.layerElement,this._sizeChanged=!1;var t,e,s,i=null;if(this.data.td){if(3==this.data.td||1==this.data.td){var a=g("mask");a.setAttribute("id",this.layerId),a.setAttribute("mask-type",3==this.data.td?"luminance":"alpha"),a.appendChild(this.layerElement),i=a,this.globalData.defs.appendChild(a),se.maskType||1!=this.data.td||(a.setAttribute("mask-type","luminance"),t=o(10),e=ie.createFilter(t),this.globalData.defs.appendChild(e),e.appendChild(ie.createAlphaToLuminanceFilter()),s=g("g"),s.appendChild(this.layerElement),i=s,a.appendChild(s),s.setAttribute("filter","url("+Tt+"#"+t+")"))}else if(2==this.data.td){var r=g("mask");r.setAttribute("id",this.layerId),r.setAttribute("mask-type","alpha");var n=g("g");r.appendChild(n),t=o(10),e=ie.createFilter(t);var h=g("feColorMatrix");h.setAttribute("type","matrix"),h.setAttribute("color-interpolation-filters","sRGB"),h.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"),e.appendChild(h),this.globalData.defs.appendChild(e);var l=g("rect");l.setAttribute("width",this.comp.data.w),l.setAttribute("height",this.comp.data.h),l.setAttribute("x","0"),l.setAttribute("y","0"),l.setAttribute("fill","#ffffff"),l.setAttribute("opacity","0"),n.setAttribute("filter","url("+Tt+"#"+t+")"),n.appendChild(l),n.appendChild(this.layerElement),i=n,se.maskType||(r.setAttribute("mask-type","luminance"),e.appendChild(ie.createAlphaToLuminanceFilter()),s=g("g"),n.appendChild(l),s.appendChild(this.layerElement),i=s,n.appendChild(s)),this.globalData.defs.appendChild(r)}}else this.data.tt?(this.matteElement.appendChild(this.layerElement),i=this.matteElement,this.baseElement=this.matteElement):this.baseElement=this.layerElement;if(this.data.ln&&this.layerElement.setAttribute("id",this.data.ln),this.data.cl&&this.layerElement.setAttribute("class",this.data.cl),0===this.data.ty&&!this.data.hd){var p=g("clipPath"),f=g("path");f.setAttribute("d","M0,0 L"+this.data.w+",0 L"+this.data.w+","+this.data.h+" L0,"+this.data.h+"z");var m="cp_"+o(8);if(p.setAttribute("id",m),p.appendChild(f),this.globalData.defs.appendChild(p),this.checkMasks()){var d=g("g");d.setAttribute("clip-path","url("+Tt+"#"+m+")"),d.appendChild(this.layerElement),this.transformedElement=d,i?i.appendChild(this.transformedElement):this.baseElement=this.transformedElement}else this.layerElement.setAttribute("clip-path","url("+Tt+"#"+m+")")}0!==this.data.bm&&this.setBlendMode()},renderElement:function(){this.finalTransform._matMdf&&this.transformedElement.setAttribute("transform",this.finalTransform.mat.to2dCSS()),this.finalTransform._opMdf&&this.transformedElement.setAttribute("opacity",this.finalTransform.mProp.o.v)},destroyBaseElement:function(){this.layerElement=null,this.matteElement=null,this.maskManager.destroy()},getBaseElement:function(){return this.data.hd?null:this.baseElement},createRenderableComponents:function(){this.maskManager=new R(this.data,this,this.globalData),this.renderableEffectsManager=new vt(this)},setMatte:function(t){this.matteElement&&this.matteElement.setAttribute("mask","url("+Tt+"#"+t+")")}},st.prototype={addShapeToModifiers:function(t){var e,s=this.shapeModifiers.length;for(e=0;e<s;e+=1)this.shapeModifiers[e].addShape(t)},isShapeInAnimatedModifiers:function(t){for(var e=0,s=this.shapeModifiers.length;e<s;)if(this.shapeModifiers[e].isAnimatedWithShape(t))return!0;return!1},renderModifiers:function(){if(this.shapeModifiers.length){var t,e=this.shapes.length;for(t=0;t<e;t+=1)this.shapes[t].sh.reset();for(e=this.shapeModifiers.length,t=e-1;t>=0;t-=1)this.shapeModifiers[t].processShapes(this._isFirstFrame)}},lcEnum:{1:"butt",2:"round",3:"square"},ljEnum:{1:"miter",2:"round",3:"bevel"},searchProcessedElement:function(t){for(var e=this.processedElements,s=0,i=e.length;s<i;){if(e[s].elem===t)return e[s].pos;s+=1}return 0},addProcessedElement:function(t,e){for(var s=this.processedElements,i=s.length;i;)if(i-=1,s[i].elem===t)return void(s[i].pos=e);s.push(new G(t,e))},prepareFrame:function(t){this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange)}},it.prototype.initElement=function(t,e,s){this.lettersChangedFlag=!0,this.initFrame(),this.initBaseData(t,e,s),this.textProperty=new L(this,t.t,this.dynamicProperties),this.textAnimator=new w(t.t,this.renderType,this),this.initTransform(t,e,s),this.initHierarchy(),this.initRenderable(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),this.createContent(),this.hide(),this.textAnimator.searchProperties(this.dynamicProperties)},it.prototype.prepareFrame=function(t){this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),(this.textProperty._mdf||this.textProperty._isFirstFrame)&&(this.buildNewText(),this.textProperty._isFirstFrame=!1,this.textProperty._mdf=!1)},it.prototype.createPathShape=function(t,e){var s,i,a=e.length,r="";for(s=0;s<a;s+=1)i=e[s].ks.k,r+=te(i,i.i.length,!0,t);return r},it.prototype.updateDocumentData=function(t,e){this.textProperty.updateDocumentData(t,e)},it.prototype.canResizeFont=function(t){this.textProperty.canResizeFont(t)},it.prototype.setMinimumFontSize=function(t){this.textProperty.setMinimumFontSize(t)},it.prototype.applyTextPropertiesToMatrix=function(t,e,s,i,a){switch(t.ps&&e.translate(t.ps[0],t.ps[1]+t.ascent,0),e.translate(0,-t.ls,0),t.j){case 1:e.translate(t.justifyOffset+(t.boxWidth-t.lineWidths[s]),0,0);break;case 2:e.translate(t.justifyOffset+(t.boxWidth-t.lineWidths[s])/2,0,0)}e.translate(i,a,0)},it.prototype.buildColor=function(t){return"rgb("+Math.round(255*t[0])+","+Math.round(255*t[1])+","+Math.round(255*t[2])+")"},it.prototype.emptyProp=new I,it.prototype.destroy=function(){},b([$,B,N,O,j],at),at.prototype.initElement=function(t,e,s){this.initFrame(),this.initBaseData(t,e,s),this.initTransform(t,e,s),this.initRenderable(),this.initHierarchy(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),!this.data.xt&&e.progressiveLoad||this.buildAllItems(),this.hide()},at.prototype.prepareFrame=function(t){if(this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),this.isInRange||this.data.xt){if(this.tm._placeholder)this.renderedFrame=t/this.data.sr;else{var e=this.tm.v;e===this.data.op&&(e=this.data.op-1),this.renderedFrame=e}var s,i=this.elements.length;for(this.completeLayers||this.checkLayers(this.renderedFrame),s=i-1;s>=0;s-=1)(this.completeLayers||this.elements[s])&&(this.elements[s].prepareFrame(this.renderedFrame-this.layers[s].st),this.elements[s]._mdf&&(this._mdf=!0))}},at.prototype.renderInnerContent=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)(this.completeLayers||this.elements[t])&&this.elements[t].renderFrame()},at.prototype.setElements=function(t){this.elements=t},at.prototype.getElements=function(){return this.elements},at.prototype.destroyElements=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)this.elements[t]&&this.elements[t].destroy()},at.prototype.destroy=function(){this.destroyElements(),this.destroyBaseElement()},b([$,B,et,N,O,j],rt),rt.prototype.createContent=function(){var t=this.globalData.getAssetsPath(this.assetData);this.innerElem=g("image"),this.innerElem.setAttribute("width",this.assetData.w+"px"),this.innerElem.setAttribute("height",this.assetData.h+"px"),this.innerElem.setAttribute("preserveAspectRatio",this.assetData.pr||this.globalData.renderConfig.imagePreserveAspectRatio),this.innerElem.setAttributeNS("http://www.w3.org/1999/xlink","href",t),this.layerElement.appendChild(this.innerElem)},b([rt],nt),nt.prototype.createContent=function(){var t=g("rect");t.setAttribute("width",this.data.sw),t.setAttribute("height",this.data.sh),t.setAttribute("fill",this.data.sc),this.layerElement.appendChild(t)},b([V,at,et],ht),b([$,B,et,N,O,j,it],ot),ot.prototype.createContent=function(){this.data.singleShape&&!this.globalData.fontManager.chars&&(this.textContainer=g("text"))},ot.prototype.buildTextContents=function(t){for(var e=0,s=t.length,i=[],a="";e<s;)t[e]===String.fromCharCode(13)||t[e]===String.fromCharCode(3)?(i.push(a),a=""):a+=t[e],e+=1;return i.push(a),i},ot.prototype.buildNewText=function(){var t,e,s=this.textProperty.currentData;this.renderedLetters=u(s?s.l.length:0),s.fc?this.layerElement.setAttribute("fill",this.buildColor(s.fc)):this.layerElement.setAttribute("fill","rgba(0,0,0,0)"),s.sc&&(this.layerElement.setAttribute("stroke",this.buildColor(s.sc)),this.layerElement.setAttribute("stroke-width",s.sw)),this.layerElement.setAttribute("font-size",s.finalSize);var i=this.globalData.fontManager.getFontByName(s.f);if(i.fClass)this.layerElement.setAttribute("class",i.fClass);else{this.layerElement.setAttribute("font-family",i.fFamily);var a=s.fWeight,r=s.fStyle;this.layerElement.setAttribute("font-style",r),this.layerElement.setAttribute("font-weight",a)}var n=s.l||[],h=!!this.globalData.fontManager.chars;e=n.length;var o,l,p=this.mHelper,f="",m=this.data.singleShape,d=0,c=0,v=!0,y=s.tr/1e3*s.finalSize;if(!m||h||s.sz){var b,_,k=this.textSpans.length;for(t=0;t<e;t+=1)h&&m&&0!==t||(o=k>t?this.textSpans[t]:g(h?"path":"text"),k<=t&&(o.setAttribute("stroke-linecap","butt"),o.setAttribute("stroke-linejoin","round"),o.setAttribute("stroke-miterlimit","4"),this.textSpans[t]=o,this.layerElement.appendChild(o)),o.style.display="inherit"),p.reset(),p.scale(s.finalSize/100,s.finalSize/100),m&&(n[t].n&&(d=-y,c+=s.yOffset,c+=v?1:0,v=!1),this.applyTextPropertiesToMatrix(s,p,n[t].line,d,c),d+=n[t].l||0,d+=y),h?(_=this.globalData.fontManager.getCharData(s.finalText[t],i.fStyle,this.globalData.fontManager.getFontByName(s.f).fFamily),b=_&&_.data||{},l=b.shapes?b.shapes[0].it:[],m?f+=this.createPathShape(p,l):o.setAttribute("d",this.createPathShape(p,l))):(m&&o.setAttribute("transform","translate("+p.props[12]+","+p.props[13]+")"),o.textContent=n[t].val,o.setAttributeNS("http://www.w3.org/XML/1998/namespace","xml:space","preserve"));m&&o&&o.setAttribute("d",f)}else{var A=this.textContainer,M="start";switch(s.j){case 1:M="end";break;case 2:M="middle"}A.setAttribute("text-anchor",M),A.setAttribute("letter-spacing",y);var P=this.buildTextContents(s.finalText);for(e=P.length,c=s.ps?s.ps[1]+s.ascent:0,t=0;t<e;t+=1)o=this.textSpans[t]||g("tspan"),o.textContent=P[t],o.setAttribute("x",0),o.setAttribute("y",c),o.style.display="inherit",A.appendChild(o),this.textSpans[t]=o,c+=s.finalLineHeight;this.layerElement.appendChild(A)}for(;t<this.textSpans.length;)this.textSpans[t].style.display="none",t+=1;this._sizeChanged=!0},ot.prototype.sourceRectAtTime=function(t){if(this.prepareFrame(this.comp.renderedFrame-this.data.st),this.renderInnerContent(),this._sizeChanged){this._sizeChanged=!1;var e=this.layerElement.getBBox();this.bbox={top:e.y,left:e.x,width:e.width,height:e.height}}return this.bbox},ot.prototype.renderInnerContent=function(){if(!this.data.singleShape&&(this.textAnimator.getMeasures(this.textProperty.currentData,this.lettersChangedFlag),this.lettersChangedFlag||this.textAnimator.lettersChangedFlag)){this._sizeChanged=!0;var t,e,s=this.textAnimator.renderedLetters,i=this.textProperty.currentData.l;e=i.length;var a,r;for(t=0;t<e;t+=1)i[t].n||(a=s[t],r=this.textSpans[t],a._mdf.m&&r.setAttribute("transform",a.m),a._mdf.o&&r.setAttribute("opacity",a.o),a._mdf.sw&&r.setAttribute("stroke-width",a.sw),a._mdf.sc&&r.setAttribute("stroke",a.sc),a._mdf.fc&&r.setAttribute("fill",a.fc))}},b([$,B,et,st,N,O,j],lt),lt.prototype.initSecondaryElement=function(){},lt.prototype.identityMatrix=new Xt,lt.prototype.buildExpressionInterface=function(){},lt.prototype.createContent=function(){this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes()},lt.prototype.filterUniqueShapes=function(){var t,e,s,i,a=this.shapes.length,r=this.stylesList.length,n=[],h=!1;for(s=0;s<r;s+=1){for(i=this.stylesList[s],h=!1,n.length=0,t=0;t<a;t+=1)e=this.shapes[t],e.styles.indexOf(i)!==-1&&(n.push(e),h=e._isAnimated||h);n.length>1&&h&&this.setShapesAsAnimated(n)}},lt.prototype.setShapesAsAnimated=function(t){var e,s=t.length;for(e=0;e<s;e+=1)t[e].setAsAnimated()},lt.prototype.createStyleElement=function(t,e){var s,i=new W(t,e),a=i.pElem;if("st"===t.ty)s=new H(this,t,i);else if("fl"===t.ty)s=new J(this,t,i);else if("gf"===t.ty||"gs"===t.ty){var r="gf"===t.ty?U:K;s=new r(this,t,i),this.globalData.defs.appendChild(s.gf),s.maskId&&(this.globalData.defs.appendChild(s.ms),this.globalData.defs.appendChild(s.of),a.setAttribute("mask","url("+Tt+"#"+s.maskId+")"))}return"st"!==t.ty&&"gs"!==t.ty||(a.setAttribute("stroke-linecap",this.lcEnum[t.lc]||"round"),a.setAttribute("stroke-linejoin",this.ljEnum[t.lj]||"round"),a.setAttribute("fill-opacity","0"),1===t.lj&&a.setAttribute("stroke-miterlimit",t.ml)),2===t.r&&a.setAttribute("fill-rule","evenodd"),t.ln&&a.setAttribute("id",t.ln),t.cl&&a.setAttribute("class",t.cl),this.stylesList.push(i),this.addToAnimatedContents(t,s),s},lt.prototype.createGroupElement=function(t){var e=new Z;return t.ln&&e.gr.setAttribute("id",t.ln),t.cl&&e.gr.setAttribute("class",t.cl),e},lt.prototype.createTransformElement=function(t,e){var s=Zt.getTransformProperty(this,t,this),i=new Y(s,s.o,e);return this.addToAnimatedContents(t,i),i},lt.prototype.createShapeElement=function(t,e,s){var i=4;"rc"===t.ty?i=5:"el"===t.ty?i=6:"sr"===t.ty&&(i=7);var a=Qt.getShapeProp(this,t,i,this),r=new X(e,s,a);return this.shapes.push(r),this.addShapeToModifiers(r),this.addToAnimatedContents(t,r),r},lt.prototype.addToAnimatedContents=function(t,e){for(var s=0,i=this.animatedContents.length;s<i;){if(this.animatedContents[s].element===e)return;s+=1}this.animatedContents.push({fn:de.createRenderFunction(t),element:e,data:t})},lt.prototype.setElementStyles=function(t){var e,s=t.styles,i=this.stylesList.length;for(e=0;e<i;e+=1)this.stylesList[e].closed||s.push(this.stylesList[e])},lt.prototype.reloadShapes=function(){this._isFirstFrame=!0;var t,e=this.itemsData.length;for(t=0;t<e;t+=1)this.prevViewData[t]=this.itemsData[t];for(this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes(),e=this.dynamicProperties.length,t=0;t<e;t+=1)this.dynamicProperties[t].getValue();this.renderModifiers()},lt.prototype.searchShapes=function(t,e,s,i,a,r,n){var h,o,l,p,f,m,d=[].concat(r),c=t.length-1,u=[],g=[];for(h=c;h>=0;h-=1){if(m=this.searchProcessedElement(t[h]),m?e[h]=s[m-1]:t[h]._render=n,"fl"==t[h].ty||"st"==t[h].ty||"gf"==t[h].ty||"gs"==t[h].ty)m?e[h].style.closed=!1:e[h]=this.createStyleElement(t[h],a),t[h]._render&&i.appendChild(e[h].style.pElem),u.push(e[h].style);else if("gr"==t[h].ty){if(m)for(l=e[h].it.length,o=0;o<l;o+=1)e[h].prevViewData[o]=e[h].it[o];else e[h]=this.createGroupElement(t[h]);this.searchShapes(t[h].it,e[h].it,e[h].prevViewData,e[h].gr,a+1,d,n),t[h]._render&&i.appendChild(e[h].gr)}else"tr"==t[h].ty?(m||(e[h]=this.createTransformElement(t[h],i)),p=e[h].transform,d.push(p)):"sh"==t[h].ty||"rc"==t[h].ty||"el"==t[h].ty||"sr"==t[h].ty?(m||(e[h]=this.createShapeElement(t[h],d,a)),this.setElementStyles(e[h])):"tm"==t[h].ty||"rd"==t[h].ty||"ms"==t[h].ty?(m?(f=e[h],f.closed=!1):(f=$t.getModifier(t[h].ty),f.init(this,t[h]),e[h]=f,this.shapeModifiers.push(f)),g.push(f)):"rp"==t[h].ty&&(m?(f=e[h],f.closed=!0):(f=$t.getModifier(t[h].ty),e[h]=f,f.init(this,t,h,e),this.shapeModifiers.push(f),n=!1),g.push(f));this.addProcessedElement(t[h],h+1)}for(c=u.length,h=0;h<c;h+=1)u[h].closed=!0;for(c=g.length,h=0;h<c;h+=1)g[h].closed=!0},lt.prototype.renderInnerContent=function(){this.renderModifiers();var t,e=this.stylesList.length;for(t=0;t<e;t+=1)this.stylesList[t].reset();for(this.renderShape(),t=0;t<e;t+=1)(this.stylesList[t]._mdf||this._isFirstFrame)&&(this.stylesList[t].msElem&&(this.stylesList[t].msElem.setAttribute("d",this.stylesList[t].d),this.stylesList[t].d="M0 0"+this.stylesList[t].d),this.stylesList[t].pElem.setAttribute("d",this.stylesList[t].d||"M0 0"))},lt.prototype.renderShape=function(){var t,e,s=this.animatedContents.length;
-for(t=0;t<s;t+=1)e=this.animatedContents[t],(this._isFirstFrame||e.element._isAnimated)&&e.data!==!0&&e.fn(e.data,e.element,this._isFirstFrame)},lt.prototype.destroy=function(){this.destroyBaseElement(),this.shapesData=null,this.itemsData=null},pt.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[0].p.v,s=this.filterManager.effectElements[1].p.v,i=this.filterManager.effectElements[2].p.v/100;this.matrixFilter.setAttribute("values",s[0]-e[0]+" 0 0 0 "+e[0]+" "+(s[1]-e[1])+" 0 0 0 "+e[1]+" "+(s[2]-e[2])+" 0 0 0 "+e[2]+" 0 0 0 "+i+" 0")}},ft.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[2].p.v,s=this.filterManager.effectElements[6].p.v;this.matrixFilter.setAttribute("values","0 0 0 0 "+e[0]+" 0 0 0 0 "+e[1]+" 0 0 0 0 "+e[2]+" 0 0 0 "+s+" 0")}},mt.prototype.initialize=function(){var t,e,s,i,a=this.elem.layerElement.children||this.elem.layerElement.childNodes;for(1===this.filterManager.effectElements[1].p.v?(i=this.elem.maskManager.masksProperties.length,s=0):(s=this.filterManager.effectElements[0].p.v-1,i=s+1),e=g("g"),e.setAttribute("fill","none"),e.setAttribute("stroke-linecap","round"),e.setAttribute("stroke-dashoffset",1),s;s<i;s+=1)t=g("path"),e.appendChild(t),this.paths.push({p:t,m:s});if(3===this.filterManager.effectElements[10].p.v){var r=g("mask"),n="stms_"+o(10);r.setAttribute("id",n),r.setAttribute("mask-type","alpha"),r.appendChild(e),this.elem.globalData.defs.appendChild(r);var h=g("g");for(h.setAttribute("mask","url("+Tt+"#"+n+")");a[0];)h.appendChild(a[0]);this.elem.layerElement.appendChild(h),this.masker=r,e.setAttribute("stroke","#fff")}else if(1===this.filterManager.effectElements[10].p.v||2===this.filterManager.effectElements[10].p.v){if(2===this.filterManager.effectElements[10].p.v)for(a=this.elem.layerElement.children||this.elem.layerElement.childNodes;a.length;)this.elem.layerElement.removeChild(a[0]);this.elem.layerElement.appendChild(e),this.elem.layerElement.removeAttribute("mask"),e.setAttribute("stroke","#fff")}this.initialized=!0,this.pathMasker=e},mt.prototype.renderFrame=function(t){this.initialized||this.initialize();var e,s,i,a=this.paths.length;for(e=0;e<a;e+=1)if(this.paths[e].m!==-1&&(s=this.elem.maskManager.viewData[this.paths[e].m],i=this.paths[e].p,(t||this.filterManager._mdf||s.prop._mdf)&&i.setAttribute("d",s.lastPath),t||this.filterManager.effectElements[9].p._mdf||this.filterManager.effectElements[4].p._mdf||this.filterManager.effectElements[7].p._mdf||this.filterManager.effectElements[8].p._mdf||s.prop._mdf)){var r;if(0!==this.filterManager.effectElements[7].p.v||100!==this.filterManager.effectElements[8].p.v){var n=Math.min(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v)/100,h=Math.max(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v)/100,o=i.getTotalLength();r="0 0 0 "+o*n+" ";var l,p=o*(h-n),f=1+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v/100,m=Math.floor(p/f);for(l=0;l<m;l+=1)r+="1 "+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v/100+" ";r+="0 "+10*o+" 0 0"}else r="1 "+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v/100;i.setAttribute("stroke-dasharray",r)}if((t||this.filterManager.effectElements[4].p._mdf)&&this.pathMasker.setAttribute("stroke-width",2*this.filterManager.effectElements[4].p.v),(t||this.filterManager.effectElements[6].p._mdf)&&this.pathMasker.setAttribute("opacity",this.filterManager.effectElements[6].p.v),(1===this.filterManager.effectElements[10].p.v||2===this.filterManager.effectElements[10].p.v)&&(t||this.filterManager.effectElements[3].p._mdf)){var d=this.filterManager.effectElements[3].p.v;this.pathMasker.setAttribute("stroke","rgb("+Rt(255*d[0])+","+Rt(255*d[1])+","+Rt(255*d[2])+")")}},dt.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[0].p.v,s=this.filterManager.effectElements[1].p.v,i=this.filterManager.effectElements[2].p.v,a=i[0]+" "+s[0]+" "+e[0],r=i[1]+" "+s[1]+" "+e[1],n=i[2]+" "+s[2]+" "+e[2];this.feFuncR.setAttribute("tableValues",a),this.feFuncG.setAttribute("tableValues",r),this.feFuncB.setAttribute("tableValues",n)}},ct.prototype.createFeFunc=function(t,e){var s=g(t);return s.setAttribute("type","table"),e.appendChild(s),s},ct.prototype.getTableValue=function(t,e,s,i,a){for(var r,n,h=0,o=256,l=Math.min(t,e),p=Math.max(t,e),f=Array.call(null,{length:o}),m=0,d=a-i,c=e-t;h<=256;)r=h/256,n=r<=l?c<0?a:i:r>=p?c<0?i:a:i+d*Math.pow((r-t)/c,1/s),f[m++]=n,h+=256/(o-1);return f.join(" ")},ct.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e,s=this.filterManager.effectElements;this.feFuncRComposed&&(t||s[3].p._mdf||s[4].p._mdf||s[5].p._mdf||s[6].p._mdf||s[7].p._mdf)&&(e=this.getTableValue(s[3].p.v,s[4].p.v,s[5].p.v,s[6].p.v,s[7].p.v),this.feFuncRComposed.setAttribute("tableValues",e),this.feFuncGComposed.setAttribute("tableValues",e),this.feFuncBComposed.setAttribute("tableValues",e)),this.feFuncR&&(t||s[10].p._mdf||s[11].p._mdf||s[12].p._mdf||s[13].p._mdf||s[14].p._mdf)&&(e=this.getTableValue(s[10].p.v,s[11].p.v,s[12].p.v,s[13].p.v,s[14].p.v),this.feFuncR.setAttribute("tableValues",e)),this.feFuncG&&(t||s[17].p._mdf||s[18].p._mdf||s[19].p._mdf||s[20].p._mdf||s[21].p._mdf)&&(e=this.getTableValue(s[17].p.v,s[18].p.v,s[19].p.v,s[20].p.v,s[21].p.v),this.feFuncG.setAttribute("tableValues",e)),this.feFuncB&&(t||s[24].p._mdf||s[25].p._mdf||s[26].p._mdf||s[27].p._mdf||s[28].p._mdf)&&(e=this.getTableValue(s[24].p.v,s[25].p.v,s[26].p.v,s[27].p.v,s[28].p.v),this.feFuncB.setAttribute("tableValues",e)),this.feFuncA&&(t||s[31].p._mdf||s[32].p._mdf||s[33].p._mdf||s[34].p._mdf||s[35].p._mdf)&&(e=this.getTableValue(s[31].p.v,s[32].p.v,s[33].p.v,s[34].p.v,s[35].p.v),this.feFuncA.setAttribute("tableValues",e))}},ut.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){if((t||this.filterManager.effectElements[4].p._mdf)&&this.feGaussianBlur.setAttribute("stdDeviation",this.filterManager.effectElements[4].p.v/4),t||this.filterManager.effectElements[0].p._mdf){var e=this.filterManager.effectElements[0].p.v;this.feFlood.setAttribute("flood-color",Gt(Math.round(255*e[0]),Math.round(255*e[1]),Math.round(255*e[2])))}if((t||this.filterManager.effectElements[1].p._mdf)&&this.feFlood.setAttribute("flood-opacity",this.filterManager.effectElements[1].p.v/255),t||this.filterManager.effectElements[2].p._mdf||this.filterManager.effectElements[3].p._mdf){var s=this.filterManager.effectElements[3].p.v,i=(this.filterManager.effectElements[2].p.v-90)*qt,a=s*Math.cos(i),r=s*Math.sin(i);this.feOffset.setAttribute("dx",a),this.feOffset.setAttribute("dy",r)}}};var ce=[],ue=0;gt.prototype.findSymbol=function(t){for(var e=0,s=ce.length;e<s;){if(ce[e]===t)return ce[e];e+=1}return null},gt.prototype.replaceInParent=function(t,e){var s=t.layerElement.parentNode;if(s){for(var i=s.children,a=0,r=i.length;a<r&&i[a]!==t.layerElement;)a+=1;var n;a<=r-2&&(n=i[a+1]);var h=g("use");h.setAttribute("href","#"+e),n?s.insertBefore(h,n):s.appendChild(h)}},gt.prototype.setElementAsMask=function(t,e){if(!this.findSymbol(e)){var s="matte_"+o(5)+"_"+ue++,i=g("mask");i.setAttribute("id",e.layerId),i.setAttribute("mask-type","alpha"),ce.push(e);var a=t.globalData.defs;a.appendChild(i);var r=g("symbol");r.setAttribute("id",s),this.replaceInParent(e,s),r.appendChild(e.layerElement),a.appendChild(r);var n=g("use");n.setAttribute("href","#"+s),i.appendChild(n),e.data.hd=!1,e.show()}t.setMatte(e.layerId)},gt.prototype.initialize=function(){for(var t=this.filterManager.effectElements[0].p.v,e=this.elem.comp.elements,s=0,i=e.length;s<i;)e[s]&&e[s].data.ind===t&&this.setElementAsMask(this.elem,e[s]),s+=1;this.initialized=!0},gt.prototype.renderFrame=function(){this.initialized||this.initialize()},vt.prototype.renderFrame=function(t){var e,s=this.filters.length;for(e=0;e<s;e+=1)this.filters[e].renderFrame(t)};var ge=function(){function e(t){for(var e=0,s=t.target;e<D;)C[e].animation===s&&(C.splice(e,1),e-=1,D-=1,s.isPaused||r()),e+=1}function s(t,e){if(!t)return null;for(var s=0;s<D;){if(C[s].elem==t&&null!==C[s].elem)return C[s].animation;s+=1}var i=new ve;return n(i,t),i.setData(t,e),i}function i(){var t,e=C.length,s=[];for(t=0;t<e;t+=1)s.push(C[t].animation);return s}function a(){F+=1,k()}function r(){F-=1}function n(t,s){t.addEventListener("destroy",e),t.addEventListener("_active",a),t.addEventListener("_idle",r),C.push({elem:s,animation:t}),D+=1}function h(t){var e=new ve;return n(e,null),e.setParams(t),e}function o(t,e){var s;for(s=0;s<D;s+=1)C[s].animation.setSpeed(t,e)}function l(t,e){var s;for(s=0;s<D;s+=1)C[s].animation.setDirection(t,e)}function p(t){var e;for(e=0;e<D;e+=1)C[e].animation.play(t)}function f(e){var s,i=e-x;for(s=0;s<D;s+=1)C[s].animation.advanceTime(i);x=e,F&&!E?t.requestAnimationFrame(f):S=!0}function m(e){x=e,t.requestAnimationFrame(f)}function d(t){var e;for(e=0;e<D;e+=1)C[e].animation.pause(t)}function c(t,e,s){var i;for(i=0;i<D;i+=1)C[i].animation.goToAndStop(t,e,s)}function u(t){var e;for(e=0;e<D;e+=1)C[e].animation.stop(t)}function g(t){var e;for(e=0;e<D;e+=1)C[e].animation.togglePause(t)}function y(t){var e;for(e=D-1;e>=0;e-=1)C[e].animation.destroy(t)}function b(t,e,i){var a,r=[].concat([].slice.call(document.getElementsByClassName("lottie")),[].slice.call(document.getElementsByClassName("bodymovin"))),n=r.length;for(a=0;a<n;a+=1)i&&r[a].setAttribute("data-bm-type",i),s(r[a],t);if(e&&0===n){i||(i="svg");var h=document.getElementsByTagName("body")[0];h.innerHTML="";var o=v("div");o.style.width="100%",o.style.height="100%",o.setAttribute("data-bm-type",i),h.appendChild(o),s(o,t)}}function _(){var t;for(t=0;t<D;t+=1)C[t].animation.resize()}function k(){!E&&F&&S&&(t.requestAnimationFrame(m),S=!1)}function A(){E=!0}function M(){E=!1,k()}var P={},C=[],x=0,D=0,F=0,S=!0,E=!1;return P.registerAnimation=s,P.loadAnimation=h,P.setSpeed=o,P.setDirection=l,P.play=p,P.pause=d,P.stop=u,P.togglePause=g,P.searchAnimations=b,P.resize=_,P.goToAndStop=c,P.destroy=y,P.freeze=A,P.unfreeze=M,P.getRegisteredAnimations=i,P}(),ve=function(){this._cbs=[],this.name="",this.path="",this.isLoaded=!1,this.currentFrame=0,this.currentRawFrame=0,this.totalFrames=0,this.frameRate=0,this.frameMult=0,this.playSpeed=1,this.playDirection=1,this.playCount=0,this.animationData={},this.assets=[],this.isPaused=!0,this.autoplay=!1,this.loop=!0,this.renderer=null,this.animationID=o(10),this.assetsPath="",this.timeCompleted=0,this.segmentPos=0,this.subframeEnabled=Lt,this.segments=[],this._idle=!0,this._completedLoop=!1,this.projectInterface=e(),this.imagePreloader=new ee};b([c],ve),ve.prototype.setParams=function(t){t.context&&(this.context=t.context),(t.wrapper||t.container)&&(this.wrapper=t.wrapper||t.container);var e=t.animType?t.animType:t.renderer?t.renderer:"svg";switch(e){case"canvas":this.renderer=new CanvasRenderer(this,t.rendererSettings);break;case"svg":this.renderer=new V(this,t.rendererSettings);break;default:this.renderer=new HybridRenderer(this,t.rendererSettings)}this.renderer.setProjectInterface(this.projectInterface),this.animType=e,""===t.loop||null===t.loop||(t.loop===!1?this.loop=!1:t.loop===!0?this.loop=!0:this.loop=parseInt(t.loop)),this.autoplay=!("autoplay"in t)||t.autoplay,this.name=t.name?t.name:"",this.autoloadSegments=!t.hasOwnProperty("autoloadSegments")||t.autoloadSegments,this.assetsPath=t.assetsPath,t.animationData?this.configAnimation(t.animationData):t.path&&("json"!=t.path.substr(-4)&&("/"!=t.path.substr(-1,1)&&(t.path+="/"),t.path+="data.json"),t.path.lastIndexOf("\\")!=-1?this.path=t.path.substr(0,t.path.lastIndexOf("\\")+1):this.path=t.path.substr(0,t.path.lastIndexOf("/")+1),this.fileName=t.path.substr(t.path.lastIndexOf("/")+1),this.fileName=this.fileName.substr(0,this.fileName.lastIndexOf(".json")),ae.load(t.path,this.configAnimation.bind(this),function(){this.trigger("data_failed")}.bind(this)))},ve.prototype.setData=function(t,e){var s={wrapper:t,animationData:e?"object"==typeof e?e:JSON.parse(e):null},i=t.attributes;s.path=i.getNamedItem("data-animation-path")?i.getNamedItem("data-animation-path").value:i.getNamedItem("data-bm-path")?i.getNamedItem("data-bm-path").value:i.getNamedItem("bm-path")?i.getNamedItem("bm-path").value:"",s.animType=i.getNamedItem("data-anim-type")?i.getNamedItem("data-anim-type").value:i.getNamedItem("data-bm-type")?i.getNamedItem("data-bm-type").value:i.getNamedItem("bm-type")?i.getNamedItem("bm-type").value:i.getNamedItem("data-bm-renderer")?i.getNamedItem("data-bm-renderer").value:i.getNamedItem("bm-renderer")?i.getNamedItem("bm-renderer").value:"canvas";var a=i.getNamedItem("data-anim-loop")?i.getNamedItem("data-anim-loop").value:i.getNamedItem("data-bm-loop")?i.getNamedItem("data-bm-loop").value:i.getNamedItem("bm-loop")?i.getNamedItem("bm-loop").value:"";""===a||("false"===a?s.loop=!1:"true"===a?s.loop=!0:s.loop=parseInt(a));var r=i.getNamedItem("data-anim-autoplay")?i.getNamedItem("data-anim-autoplay").value:i.getNamedItem("data-bm-autoplay")?i.getNamedItem("data-bm-autoplay").value:!i.getNamedItem("bm-autoplay")||i.getNamedItem("bm-autoplay").value;s.autoplay="false"!==r,s.name=i.getNamedItem("data-name")?i.getNamedItem("data-name").value:i.getNamedItem("data-bm-name")?i.getNamedItem("data-bm-name").value:i.getNamedItem("bm-name")?i.getNamedItem("bm-name").value:"";var n=i.getNamedItem("data-anim-prerender")?i.getNamedItem("data-anim-prerender").value:i.getNamedItem("data-bm-prerender")?i.getNamedItem("data-bm-prerender").value:i.getNamedItem("bm-prerender")?i.getNamedItem("bm-prerender").value:"";"false"===n&&(s.prerender=!1),this.setParams(s)},ve.prototype.includeLayers=function(t){t.op>this.animationData.op&&(this.animationData.op=t.op,this.totalFrames=Math.floor(t.op-this.animationData.ip));var e,s,i=this.animationData.layers,a=i.length,r=t.layers,n=r.length;for(s=0;s<n;s+=1)for(e=0;e<a;){if(i[e].id==r[s].id){i[e]=r[s];break}e+=1}if((t.chars||t.fonts)&&(this.renderer.globalData.fontManager.addChars(t.chars),this.renderer.globalData.fontManager.addFonts(t.fonts,this.renderer.globalData.defs)),t.assets)for(a=t.assets.length,e=0;e<a;e+=1)this.animationData.assets.push(t.assets[e]);this.animationData.__complete=!1,Jt.completeData(this.animationData,this.renderer.globalData.fontManager),this.renderer.includeLayers(t.layers),St&&St.initExpressions(this),this.loadNextSegment()},ve.prototype.loadNextSegment=function(){var t=this.animationData.segments;if(!t||0===t.length||!this.autoloadSegments)return this.trigger("data_ready"),void(this.timeCompleted=this.totalFrames);var e=t.shift();this.timeCompleted=e.time*this.frameRate;var s=this.path+this.fileName+"_"+this.segmentPos+".json";this.segmentPos+=1,ae.load(s,this.includeLayers.bind(this),function(){this.trigger("data_failed")}.bind(this))},ve.prototype.loadSegments=function(){var t=this.animationData.segments;t||(this.timeCompleted=this.totalFrames),this.loadNextSegment()},ve.prototype.imagesLoaded=function(){this.trigger("loaded_images"),this.checkLoaded()},ve.prototype.preloadImages=function(){this.imagePreloader.setAssetsPath(this.assetsPath),this.imagePreloader.setPath(this.path),this.imagePreloader.loadAssets(this.animationData.assets,this.imagesLoaded.bind(this))},ve.prototype.configAnimation=function(t){this.renderer&&(this.animationData=t,this.totalFrames=Math.floor(this.animationData.op-this.animationData.ip),this.renderer.configAnimation(t),t.assets||(t.assets=[]),this.renderer.searchExtraCompositions(t.assets),this.assets=this.animationData.assets,this.frameRate=this.animationData.fr,this.firstFrame=Math.round(this.animationData.ip),this.frameMult=this.animationData.fr/1e3,this.trigger("config_ready"),this.preloadImages(),this.loadSegments(),this.updaFrameModifier(),this.waitForFontsLoaded())},ve.prototype.waitForFontsLoaded=function(){this.renderer&&(this.renderer.globalData.fontManager.loaded()?this.checkLoaded():setTimeout(this.waitForFontsLoaded.bind(this),20))},ve.prototype.checkLoaded=function(){this.isLoaded||!this.renderer.globalData.fontManager.loaded()||!this.imagePreloader.loaded()&&"canvas"===this.renderer.rendererType||(this.isLoaded=!0,Jt.completeData(this.animationData,this.renderer.globalData.fontManager),St&&St.initExpressions(this),this.renderer.initItems(),setTimeout(function(){this.trigger("DOMLoaded")}.bind(this),0),this.gotoFrame(),this.autoplay&&this.play())},ve.prototype.resize=function(){this.renderer.updateContainerSize()},ve.prototype.setSubframe=function(t){this.subframeEnabled=!!t},ve.prototype.gotoFrame=function(){this.currentFrame=this.subframeEnabled?this.currentRawFrame:~~this.currentRawFrame,this.timeCompleted!==this.totalFrames&&this.currentFrame>this.timeCompleted&&(this.currentFrame=this.timeCompleted),this.trigger("enterFrame"),this.renderFrame()},ve.prototype.renderFrame=function(){this.isLoaded!==!1&&this.renderer.renderFrame(this.currentFrame+this.firstFrame)},ve.prototype.play=function(t){t&&this.name!=t||this.isPaused===!0&&(this.isPaused=!1,this._idle&&(this._idle=!1,this.trigger("_active")))},ve.prototype.pause=function(t){t&&this.name!=t||this.isPaused===!1&&(this.isPaused=!0,this._idle=!0,this.trigger("_idle"))},ve.prototype.togglePause=function(t){t&&this.name!=t||(this.isPaused===!0?this.play():this.pause())},ve.prototype.stop=function(t){t&&this.name!=t||(this.pause(),this.playCount=0,this._completedLoop=!1,this.setCurrentRawFrameValue(0))},ve.prototype.goToAndStop=function(t,e,s){s&&this.name!=s||(e?this.setCurrentRawFrameValue(t):this.setCurrentRawFrameValue(t*this.frameModifier),this.pause())},ve.prototype.goToAndPlay=function(t,e,s){this.goToAndStop(t,e,s),this.play()},ve.prototype.advanceTime=function(t){if(this.isPaused!==!0&&this.isLoaded!==!1){var e=this.currentRawFrame+t*this.frameModifier,s=!1;e>=this.totalFrames-1&&this.frameModifier>0?this.loop&&this.playCount!==this.loop?e>=this.totalFrames?(this.playCount+=1,this.checkSegments(e%this.totalFrames)||(this.setCurrentRawFrameValue(e%this.totalFrames),this._completedLoop=!0,this.trigger("loopComplete"))):this.setCurrentRawFrameValue(e):this.checkSegments(e>this.totalFrames?e%this.totalFrames:0)||(s=!0,e=this.totalFrames-1):e<0?this.checkSegments(e%this.totalFrames)||(!this.loop||this.playCount--<=0&&this.loop!==!0?(s=!0,e=0):(this.setCurrentRawFrameValue(this.totalFrames+e%this.totalFrames),this._completedLoop?this.trigger("loopComplete"):this._completedLoop=!0)):this.setCurrentRawFrameValue(e),s&&(this.setCurrentRawFrameValue(e),this.pause(),this.trigger("complete"))}},ve.prototype.adjustSegment=function(t,e){this.playCount=0,t[1]<t[0]?(this.frameModifier>0&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(-1)),this.timeCompleted=this.totalFrames=t[0]-t[1],this.firstFrame=t[1],this.setCurrentRawFrameValue(this.totalFrames-.001-e)):t[1]>t[0]&&(this.frameModifier<0&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(1)),this.timeCompleted=this.totalFrames=t[1]-t[0],this.firstFrame=t[0],this.setCurrentRawFrameValue(.001+e)),this.trigger("segmentStart")},ve.prototype.setSegment=function(t,e){var s=-1;this.isPaused&&(this.currentRawFrame+this.firstFrame<t?s=t:this.currentRawFrame+this.firstFrame>e&&(s=e-t)),this.firstFrame=t,this.timeCompleted=this.totalFrames=e-t,s!==-1&&this.goToAndStop(s,!0)},ve.prototype.playSegments=function(t,e){if(e&&(this.segments.length=0),"object"==typeof t[0]){var s,i=t.length;for(s=0;s<i;s+=1)this.segments.push(t[s])}else this.segments.push(t);this.segments.length&&this.adjustSegment(this.segments.shift(),0),this.isPaused&&this.play()},ve.prototype.resetSegments=function(t){this.segments.length=0,this.segments.push([this.animationData.ip,this.animationData.op]),t&&this.checkSegments(0)},ve.prototype.checkSegments=function(t){return!!this.segments.length&&(this.adjustSegment(this.segments.shift(),t),!0)},ve.prototype.destroy=function(t){t&&this.name!=t||!this.renderer||(this.renderer.destroy(),this.imagePreloader.destroy(),this.trigger("destroy"),this._cbs=null,this.onEnterFrame=this.onLoopComplete=this.onComplete=this.onSegmentStart=this.onDestroy=null,this.renderer=null)},ve.prototype.setCurrentRawFrameValue=function(t){this.currentRawFrame=t,this.gotoFrame()},ve.prototype.setSpeed=function(t){this.playSpeed=t,this.updaFrameModifier()},ve.prototype.setDirection=function(t){this.playDirection=t<0?-1:1,this.updaFrameModifier()},ve.prototype.updaFrameModifier=function(){this.frameModifier=this.frameMult*this.playSpeed*this.playDirection},ve.prototype.getPath=function(){return this.path},ve.prototype.getAssetsPath=function(t){var e="";if(t.e)e=t.p;else if(this.assetsPath){var s=t.p;s.indexOf("images/")!==-1&&(s=s.split("/")[1]),e=this.assetsPath+s}else e=this.path,e+=t.u?t.u:"",e+=t.p;return e},ve.prototype.getAssetData=function(t){for(var e=0,s=this.assets.length;e<s;){if(t==this.assets[e].id)return this.assets[e];e+=1}},ve.prototype.hide=function(){this.renderer.hide()},ve.prototype.show=function(){this.renderer.show()},ve.prototype.getDuration=function(t){return t?this.totalFrames:this.totalFrames/this.frameRate},ve.prototype.trigger=function(t){if(this._cbs&&this._cbs[t])switch(t){case"enterFrame":this.triggerEvent(t,new i(t,this.currentFrame,this.totalFrames,this.frameMult));break;case"loopComplete":this.triggerEvent(t,new r(t,this.loop,this.playCount,this.frameMult));break;case"complete":this.triggerEvent(t,new a(t,this.frameMult));break;case"segmentStart":this.triggerEvent(t,new n(t,this.firstFrame,this.totalFrames));break;case"destroy":this.triggerEvent(t,new h(t,this));break;default:this.triggerEvent(t)}"enterFrame"===t&&this.onEnterFrame&&this.onEnterFrame.call(this,new i(t,this.currentFrame,this.totalFrames,this.frameMult)),"loopComplete"===t&&this.onLoopComplete&&this.onLoopComplete.call(this,new r(t,this.loop,this.playCount,this.frameMult)),"complete"===t&&this.onComplete&&this.onComplete.call(this,new a(t,this.frameMult)),"segmentStart"===t&&this.onSegmentStart&&this.onSegmentStart.call(this,new n(t,this.firstFrame,this.totalFrames)),"destroy"===t&&this.onDestroy&&this.onDestroy.call(this,new h(t,this))};var ye={};ye.play=ge.play,ye.pause=ge.pause,ye.setLocationHref=bt,ye.togglePause=ge.togglePause,ye.setSpeed=ge.setSpeed,ye.setDirection=ge.setDirection,ye.stop=ge.stop,ye.searchAnimations=_t,ye.registerAnimation=ge.registerAnimation,ye.loadAnimation=At,ye.setSubframeRendering=kt,ye.resize=ge.resize,ye.goToAndStop=ge.goToAndStop,ye.destroy=ge.destroy,ye.setQuality=Mt,ye.inBrowser=Pt,ye.installPlugin=Ct,ye.freeze=ge.freeze,ye.unfreeze=ge.unfreeze,ye.getRegisteredAnimations=ge.getRegisteredAnimations,ye.__getFactory=xt,ye.version="5.4.2";var be="__[STANDALONE]__",_e="__[ANIMATIONDATA]__",ke="";if(be){var Ae=document.getElementsByTagName("script"),Me=Ae.length-1,Pe=Ae[Me]||{src:""},Ce=Pe.src.replace(/^[^\?]+\??/,"");ke=Ft("renderer")}var xe=setInterval(Dt,100);return ye});
\ No newline at end of file
+var t,e;"undefined"!=typeof navigator&&(t=window||{},e=function(u){"use strict";var h,e="http://www.w3.org/2000/svg",A="",s=-999999,i=!0,k=(/^((?!chrome|android).)*safari/i.test(navigator.userAgent),Math.round,Math.pow),M=Math.sqrt,c=(Math.abs,Math.floor),m=(Math.max,Math.min),a={};!function(){var t,e=Object.getOwnPropertyNames(Math),s=e.length;for(t=0;t<s;t+=1)a[e[t]]=Math[e[t]]}(),a.random=Math.random,a.abs=function(t){if("object"===typeof t&&t.length){var e,s=x(t.length),i=t.length;for(e=0;e<i;e+=1)s[e]=Math.abs(t[e]);return s}return Math.abs(t)};var P=150,B=Math.PI/180,v=.5519;function r(t){t?Math.round:function(t){return t}}function n(t,e,s,i){this.type=t,this.currentTime=e,this.totalTime=s,this.direction=i<0?-1:1}function o(t,e){this.type=t,this.direction=e<0?-1:1}function l(t,e,s,i){this.type=t,this.currentLoop=s,this.totalLoops=e,this.direction=i<0?-1:1}function p(t,e,s){this.type=t,this.firstFrame=e,this.totalFrames=s}function f(t,e){this.type=t,this.target=e}function C(t,e){var s;void 0===e&&(e="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890");var i="";for(s=t;0<s;--s)i+=e[Math.round(Math.random()*(e.length-1))];return i}function d(t,e,s){var i,a,r,n,h,o,l,p;switch(o=s*(1-e),l=s*(1-(h=6*t-(n=Math.floor(6*t)))*e),p=s*(1-(1-h)*e),n%6){case 0:i=s,a=p,r=o;break;case 1:i=l,a=s,r=o;break;case 2:i=o,a=s,r=p;break;case 3:i=o,a=l,r=s;break;case 4:i=p,a=o,r=s;break;case 5:i=s,a=o,r=l}return[i,a,r]}function g(t,e,s){var i,a=Math.max(t,e,s),r=Math.min(t,e,s),n=a-r,h=0===a?0:n/a,o=a/255;switch(a){case r:i=0;break;case t:i=e-s+n*(e<s?6:0),i/=6*n;break;case e:i=s-t+2*n,i/=6*n;break;case s:i=t-e+4*n,i/=6*n}return[i,h,o]}function lt(t,e){var s=g(255*t[0],255*t[1],255*t[2]);return s[1]+=e,1<s[1]?s[1]=1:s[1]<=0&&(s[1]=0),d(s[0],s[1],s[2])}function pt(t,e){var s=g(255*t[0],255*t[1],255*t[2]);return s[2]+=e,1<s[2]?s[2]=1:s[2]<0&&(s[2]=0),d(s[0],s[1],s[2])}function ft(t,e){var s=g(255*t[0],255*t[1],255*t[2]);return s[0]+=e/360,1<s[0]?s[0]-=1:s[0]<0&&(s[0]+=1),d(s[0],s[1],s[2])}r(!1);var y=function(){var t,e,i=[];for(t=0;t<256;t+=1)e=t.toString(16),i[t]=1==e.length?"0"+e:e;return function(t,e,s){return t<0&&(t=0),e<0&&(e=0),s<0&&(s=0),"#"+i[t]+i[e]+i[s]}}();function t(){}t.prototype={triggerEvent:function(t,e){if(this._cbs[t])for(var s=this._cbs[t].length,i=0;i<s;i++)this._cbs[t][i](e)},addEventListener:function(t,e){return this._cbs[t]||(this._cbs[t]=[]),this._cbs[t].push(e),function(){this.removeEventListener(t,e)}.bind(this)},removeEventListener:function(t,e){if(e){if(this._cbs[t]){for(var s=0,i=this._cbs[t].length;s<i;)this._cbs[t][s]===e&&(this._cbs[t].splice(s,1),s-=1,i-=1),s+=1;this._cbs[t].length||(this._cbs[t]=null)}}else this._cbs[t]=null}};var q="function"==typeof Uint8ClampedArray&&"function"==typeof Float32Array?function(t,e){return"float32"===t?new Float32Array(e):"int16"===t?new Int16Array(e):"uint8c"===t?new Uint8ClampedArray(e):void 0}:function(t,e){var s,i=0,a=[];switch(t){case"int16":case"uint8c":s=1;break;default:s=1.1}for(i=0;i<e;i+=1)a.push(s);return a};function x(t){return Array.apply(null,{length:t})}function D(t){return document.createElementNS(e,t)}function b(t){return document.createElement(t)}function _(){}_.prototype={addDynamicProperty:function(t){-1===this.dynamicProperties.indexOf(t)&&(this.dynamicProperties.push(t),this.container.addDynamicProperty(this),this._isAnimated=!0)},iterateDynamicProperties:function(){this._mdf=!1;var t,e=this.dynamicProperties.length;for(t=0;t<e;t+=1)this.dynamicProperties[t].getValue(),this.dynamicProperties[t]._mdf&&(this._mdf=!0)},initDynamicPropertyContainer:function(t){this.container=t,this.dynamicProperties=[],this._mdf=!1,this._isAnimated=!1}};var F=function(){var a=Math.cos,r=Math.sin,n=Math.tan,i=Math.round;function t(){return this.props[0]=1,this.props[1]=0,this.props[2]=0,this.props[3]=0,this.props[4]=0,this.props[5]=1,this.props[6]=0,this.props[7]=0,this.props[8]=0,this.props[9]=0,this.props[10]=1,this.props[11]=0,this.props[12]=0,this.props[13]=0,this.props[14]=0,this.props[15]=1,this}function e(t){if(0===t)return this;var e=a(t),s=r(t);return this._t(e,-s,0,0,s,e,0,0,0,0,1,0,0,0,0,1)}function s(t){if(0===t)return this;var e=a(t),s=r(t);return this._t(1,0,0,0,0,e,-s,0,0,s,e,0,0,0,0,1)}function h(t){if(0===t)return this;var e=a(t),s=r(t);return this._t(e,0,s,0,0,1,0,0,-s,0,e,0,0,0,0,1)}function o(t){if(0===t)return this;var e=a(t),s=r(t);return this._t(e,-s,0,0,s,e,0,0,0,0,1,0,0,0,0,1)}function l(t,e){return this._t(1,e,t,1,0,0)}function p(t,e){return this.shear(n(t),n(e))}function f(t,e){var s=a(e),i=r(e);return this._t(s,i,0,0,-i,s,0,0,0,0,1,0,0,0,0,1)._t(1,0,0,0,n(t),1,0,0,0,0,1,0,0,0,0,1)._t(s,-i,0,0,i,s,0,0,0,0,1,0,0,0,0,1)}function m(t,e,s){return s||0===s||(s=1),1===t&&1===e&&1===s?this:this._t(t,0,0,0,0,e,0,0,0,0,s,0,0,0,0,1)}function d(t,e,s,i,a,r,n,h,o,l,p,f,m,d,c,u){return this.props[0]=t,this.props[1]=e,this.props[2]=s,this.props[3]=i,this.props[4]=a,this.props[5]=r,this.props[6]=n,this.props[7]=h,this.props[8]=o,this.props[9]=l,this.props[10]=p,this.props[11]=f,this.props[12]=m,this.props[13]=d,this.props[14]=c,this.props[15]=u,this}function c(t,e,s){return s=s||0,0!==t||0!==e||0!==s?this._t(1,0,0,0,0,1,0,0,0,0,1,0,t,e,s,1):this}function u(t,e,s,i,a,r,n,h,o,l,p,f,m,d,c,u){var g=this.props;if(1===t&&0===e&&0===s&&0===i&&0===a&&1===r&&0===n&&0===h&&0===o&&0===l&&1===p&&0===f)return g[12]=g[12]*t+g[15]*m,g[13]=g[13]*r+g[15]*d,g[14]=g[14]*p+g[15]*c,g[15]=g[15]*u,this._identityCalculated=!1,this;var y=g[0],v=g[1],b=g[2],_=g[3],k=g[4],A=g[5],M=g[6],P=g[7],C=g[8],x=g[9],D=g[10],F=g[11],S=g[12],E=g[13],w=g[14],T=g[15];return g[0]=y*t+v*a+b*o+_*m,g[1]=y*e+v*r+b*l+_*d,g[2]=y*s+v*n+b*p+_*c,g[3]=y*i+v*h+b*f+_*u,g[4]=k*t+A*a+M*o+P*m,g[5]=k*e+A*r+M*l+P*d,g[6]=k*s+A*n+M*p+P*c,g[7]=k*i+A*h+M*f+P*u,g[8]=C*t+x*a+D*o+F*m,g[9]=C*e+x*r+D*l+F*d,g[10]=C*s+x*n+D*p+F*c,g[11]=C*i+x*h+D*f+F*u,g[12]=S*t+E*a+w*o+T*m,g[13]=S*e+E*r+w*l+T*d,g[14]=S*s+E*n+w*p+T*c,g[15]=S*i+E*h+w*f+T*u,this._identityCalculated=!1,this}function g(){return this._identityCalculated||(this._identity=!(1!==this.props[0]||0!==this.props[1]||0!==this.props[2]||0!==this.props[3]||0!==this.props[4]||1!==this.props[5]||0!==this.props[6]||0!==this.props[7]||0!==this.props[8]||0!==this.props[9]||1!==this.props[10]||0!==this.props[11]||0!==this.props[12]||0!==this.props[13]||0!==this.props[14]||1!==this.props[15]),this._identityCalculated=!0),this._identity}function y(t){for(var e=0;e<16;){if(t.props[e]!==this.props[e])return!1;e+=1}return!0}function v(t){var e;for(e=0;e<16;e+=1)t.props[e]=this.props[e]}function b(t){var e;for(e=0;e<16;e+=1)this.props[e]=t[e]}function _(t,e,s){return{x:t*this.props[0]+e*this.props[4]+s*this.props[8]+this.props[12],y:t*this.props[1]+e*this.props[5]+s*this.props[9]+this.props[13],z:t*this.props[2]+e*this.props[6]+s*this.props[10]+this.props[14]}}function k(t,e,s){return t*this.props[0]+e*this.props[4]+s*this.props[8]+this.props[12]}function A(t,e,s){return t*this.props[1]+e*this.props[5]+s*this.props[9]+this.props[13]}function M(t,e,s){return t*this.props[2]+e*this.props[6]+s*this.props[10]+this.props[14]}function P(t){var e=this.props[0]*this.props[5]-this.props[1]*this.props[4],s=this.props[5]/e,i=-this.props[1]/e,a=-this.props[4]/e,r=this.props[0]/e,n=(this.props[4]*this.props[13]-this.props[5]*this.props[12])/e,h=-(this.props[0]*this.props[13]-this.props[1]*this.props[12])/e;return[t[0]*s+t[1]*a+n,t[0]*i+t[1]*r+h,0]}function C(t){var e,s=t.length,i=[];for(e=0;e<s;e+=1)i[e]=P(t[e]);return i}function x(t,e,s){var i=q("float32",6);if(this.isIdentity())i[0]=t[0],i[1]=t[1],i[2]=e[0],i[3]=e[1],i[4]=s[0],i[5]=s[1];else{var a=this.props[0],r=this.props[1],n=this.props[4],h=this.props[5],o=this.props[12],l=this.props[13];i[0]=t[0]*a+t[1]*n+o,i[1]=t[0]*r+t[1]*h+l,i[2]=e[0]*a+e[1]*n+o,i[3]=e[0]*r+e[1]*h+l,i[4]=s[0]*a+s[1]*n+o,i[5]=s[0]*r+s[1]*h+l}return i}function D(t,e,s){return this.isIdentity()?[t,e,s]:[t*this.props[0]+e*this.props[4]+s*this.props[8]+this.props[12],t*this.props[1]+e*this.props[5]+s*this.props[9]+this.props[13],t*this.props[2]+e*this.props[6]+s*this.props[10]+this.props[14]]}function F(t,e){if(this.isIdentity())return t+","+e;var s=this.props;return Math.round(100*(t*s[0]+e*s[4]+s[12]))/100+","+Math.round(100*(t*s[1]+e*s[5]+s[13]))/100}function S(){for(var t=0,e=this.props,s="matrix3d(";t<16;)s+=i(1e4*e[t])/1e4,s+=15===t?")":",",t+=1;return s}function E(t){return t<1e-6&&0<t||-1e-6<t&&t<0?i(1e4*t)/1e4:t}function w(){var t=this.props;return"matrix("+E(t[0])+","+E(t[1])+","+E(t[4])+","+E(t[5])+","+E(t[12])+","+E(t[13])+")"}return function(){this.reset=t,this.rotate=e,this.rotateX=s,this.rotateY=h,this.rotateZ=o,this.skew=p,this.skewFromAxis=f,this.shear=l,this.scale=m,this.setTransform=d,this.translate=c,this.transform=u,this.applyToPoint=_,this.applyToX=k,this.applyToY=A,this.applyToZ=M,this.applyToPointArray=D,this.applyToTriplePoints=x,this.applyToPointStringified=F,this.toCSS=S,this.to2dCSS=w,this.clone=v,this.cloneFromProps=b,this.equals=y,this.inversePoints=C,this.inversePoint=P,this._t=this.transform,this.isIdentity=g,this._identity=!0,this._identityCalculated=!1,this.props=q("float32",16),this.reset()}}();!function(h,o){var l,p=this,f=256,m=6,d="random",c=o.pow(f,m),u=o.pow(2,52),g=2*u,y=f-1;function v(t){var e,s=t.length,n=this,i=0,a=n.i=n.j=0,r=n.S=[];for(s||(t=[s++]);i<f;)r[i]=i++;for(i=0;i<f;i++)r[i]=r[a=y&a+t[i%s]+(e=r[i])],r[a]=e;n.g=function(t){for(var e,s=0,i=n.i,a=n.j,r=n.S;t--;)e=r[i=y&i+1],s=s*f+r[y&(r[i]=r[a=y&a+e])+(r[a]=e)];return n.i=i,n.j=a,s}}function b(t,e){return e.i=t.i,e.j=t.j,e.S=t.S.slice(),e}function _(t,e){for(var s,i=t+"",a=0;a<i.length;)e[y&a]=y&(s^=19*e[y&a])+i.charCodeAt(a++);return k(e)}function k(t){return String.fromCharCode.apply(0,t)}o["seed"+d]=function(t,e,s){var i=[],a=_(function t(e,s){var i,a=[],r=typeof e;if(s&&"object"==r)for(i in e)try{a.push(t(e[i],s-1))}catch(t){}return a.length?a:"string"==r?e:e+"\0"}((e=!0===e?{entropy:!0}:e||{}).entropy?[t,k(h)]:null===t?function(){try{if(l)return k(l.randomBytes(f));var t=new Uint8Array(f);return(p.crypto||p.msCrypto).getRandomValues(t),k(t)}catch(t){var e=p.navigator,s=e&&e.plugins;return[+new Date,p,s,p.screen,k(h)]}}():t,3),i),r=new v(i),n=function(){for(var t=r.g(m),e=c,s=0;t<u;)t=(t+s)*f,e*=f,s=r.g(1);for(;g<=t;)t/=2,e/=2,s>>>=1;return(t+s)/e};return n.int32=function(){return 0|r.g(4)},n.quick=function(){return r.g(4)/4294967296},n.double=n,_(k(r.S),h),(e.pass||s||function(t,e,s,i){return i&&(i.S&&b(i,r),t.state=function(){return b(r,{})}),s?(o[d]=t,e):t})(n,a,"global"in e?e.global:this==o,e.state)},_(o.random(),h)}([],a);var j=function(){var t={getBezierEasing:function(t,e,s,i,a){var r=a||("bez_"+t+"_"+e+"_"+s+"_"+i).replace(/\./g,"p");if(h[r])return h[r];var n=new o([t,e,s,i]);return h[r]=n}},h={};var l=11,p=1/(l-1),e="function"==typeof Float32Array;function i(t,e){return 1-3*e+3*t}function a(t,e){return 3*e-6*t}function r(t){return 3*t}function f(t,e,s){return((i(e,s)*t+a(e,s))*t+r(e))*t}function m(t,e,s){return 3*i(e,s)*t*t+2*a(e,s)*t+r(e)}function o(t){this._p=t,this._mSampleValues=e?new Float32Array(l):new Array(l),this._precomputed=!1,this.get=this.get.bind(this)}return o.prototype={get:function(t){var e=this._p[0],s=this._p[1],i=this._p[2],a=this._p[3];return this._precomputed||this._precompute(),e===s&&i===a?t:0===t?0:1===t?1:f(this._getTForX(t),s,a)},_precompute:function(){var t=this._p[0],e=this._p[1],s=this._p[2],i=this._p[3];this._precomputed=!0,t===e&&s===i||this._calcSampleValues()},_calcSampleValues:function(){for(var t=this._p[0],e=this._p[2],s=0;s<l;++s)this._mSampleValues[s]=f(s*p,t,e)},_getTForX:function(t){for(var e=this._p[0],s=this._p[2],i=this._mSampleValues,a=0,r=1,n=l-1;r!==n&&i[r]<=t;++r)a+=p;var h=a+(t-i[--r])/(i[r+1]-i[r])*p,o=m(h,e,s);return.001<=o?function(t,e,s,i){for(var a=0;a<4;++a){var r=m(e,s,i);if(0===r)return e;e-=(f(e,s,i)-t)/r}return e}(t,h,e,s):0===o?h:function(t,e,s,i,a){for(var r,n,h=0;0<(r=f(n=e+(s-e)/2,i,a)-t)?s=n:e=n,1e-7<Math.abs(r)&&++h<10;);return n}(t,a,a+p,e,s)}},t}();function S(t,e){var s,i,a=t.length;for(s=0;s<a;s+=1)for(var r in i=t[s].prototype)i.hasOwnProperty(r)&&(e.prototype[r]=i[r])}!function(){for(var r=0,t=["ms","moz","webkit","o"],e=0;e<t.length&&!u.requestAnimationFrame;++e)u.requestAnimationFrame=u[t[e]+"RequestAnimationFrame"],u.cancelAnimationFrame=u[t[e]+"CancelAnimationFrame"]||u[t[e]+"CancelRequestAnimationFrame"];u.requestAnimationFrame||(u.requestAnimationFrame=function(t,e){var s=(new Date).getTime(),i=Math.max(0,16-(s-r)),a=setTimeout(function(){t(s+i)},i);return r=s+i,a}),u.cancelAnimationFrame||(u.cancelAnimationFrame=function(t){clearTimeout(t)})}();var mt=function(){function y(t,e,s,i,a,r){var n=t*i+e*a+s*r-a*i-r*t-s*e;return-.001<n&&n<.001}Math;var p=function(t,e,s,i){var a,r,n,h,o,l,p=P,f=0,m=[],d=[],c=At.newElement();for(n=s.length,a=0;a<p;a+=1){for(o=a/(p-1),r=l=0;r<n;r+=1)h=k(1-o,3)*t[r]+3*k(1-o,2)*o*s[r]+3*(1-o)*k(o,2)*i[r]+k(o,3)*e[r],m[r]=h,null!==d[r]&&(l+=k(m[r]-d[r],2)),d[r]=m[r];l&&(f+=l=M(l)),c.percents[a]=o,c.lengths[a]=f}return c.addedLength=f,c};function v(t){this.segmentLength=0,this.points=new Array(t)}function b(t,e){this.partialLength=t,this.point=e}var _,t=(_={},function(t){var e=t.s,s=t.e,i=t.to,a=t.ti,r=(e[0]+"_"+e[1]+"_"+s[0]+"_"+s[1]+"_"+i[0]+"_"+i[1]+"_"+a[0]+"_"+a[1]).replace(/\./g,"p");if(_[r])t.bezierData=_[r];else{var n,h,o,l,p,f,m,d=P,c=0,u=null;2===e.length&&(e[0]!=s[0]||e[1]!=s[1])&&y(e[0],e[1],s[0],s[1],e[0]+i[0],e[1]+i[1])&&y(e[0],e[1],s[0],s[1],s[0]+a[0],s[1]+a[1])&&(d=2);var g=new v(d);for(o=i.length,n=0;n<d;n+=1){for(m=x(o),p=n/(d-1),h=f=0;h<o;h+=1)l=k(1-p,3)*e[h]+3*k(1-p,2)*p*(e[h]+i[h])+3*(1-p)*k(p,2)*(s[h]+a[h])+k(p,3)*s[h],m[h]=l,null!==u&&(f+=k(m[h]-u[h],2));c+=f=M(f),g.points[n]=new b(f,m),u=m}g.segmentLength=c,t.bezierData=g,_[r]=g}});function S(t,e){var s=e.percents,i=e.lengths,a=s.length,r=c((a-1)*t),n=t*e.addedLength,h=0;if(r===a-1||0===r||n===i[r])return s[r];for(var o=i[r]>n?-1:1,l=!0;l;)if(i[r]<=n&&i[r+1]>n?(h=(n-i[r])/(i[r+1]-i[r]),l=!1):r+=o,r<0||a-1<=r){if(r===a-1)return s[r];l=!1}return s[r]+(s[r+1]-s[r])*h}var E=q("float32",8);return{getSegmentsLength:function(t){var e,s=kt.newElement(),i=t.c,a=t.v,r=t.o,n=t.i,h=t._length,o=s.lengths,l=0;for(e=0;e<h-1;e+=1)o[e]=p(a[e],a[e+1],r[e],n[e+1]),l+=o[e].addedLength;return i&&h&&(o[e]=p(a[e],a[0],r[e],n[0]),l+=o[e].addedLength),s.totalLength=l,s},getNewSegment:function(t,e,s,i,a,r,n){var h,o=S(a=a<0?0:1<a?1:a,n),l=S(r=1<r?1:r,n),p=t.length,f=1-o,m=1-l,d=f*f*f,c=o*f*f*3,u=o*o*f*3,g=o*o*o,y=f*f*m,v=o*f*m+f*o*m+f*f*l,b=o*o*m+f*o*l+o*f*l,_=o*o*l,k=f*m*m,A=o*m*m+f*l*m+f*m*l,M=o*l*m+f*l*l+o*m*l,P=o*l*l,C=m*m*m,x=l*m*m+m*l*m+m*m*l,D=l*l*m+m*l*l+l*m*l,F=l*l*l;for(h=0;h<p;h+=1)E[4*h]=Math.round(1e3*(d*t[h]+c*s[h]+u*i[h]+g*e[h]))/1e3,E[4*h+1]=Math.round(1e3*(y*t[h]+v*s[h]+b*i[h]+_*e[h]))/1e3,E[4*h+2]=Math.round(1e3*(k*t[h]+A*s[h]+M*i[h]+P*e[h]))/1e3,E[4*h+3]=Math.round(1e3*(C*t[h]+x*s[h]+D*i[h]+F*e[h]))/1e3;return E},getPointInSegment:function(t,e,s,i,a,r){var n=S(a,r),h=1-n;return[Math.round(1e3*(h*h*h*t[0]+(n*h*h+h*n*h+h*h*n)*s[0]+(n*n*h+h*n*n+n*h*n)*i[0]+n*n*n*e[0]))/1e3,Math.round(1e3*(h*h*h*t[1]+(n*h*h+h*n*h+h*h*n)*s[1]+(n*n*h+h*n*n+n*h*n)*i[1]+n*n*n*e[1]))/1e3]},buildBezierData:t,pointOnLine2D:y,pointOnLine3D:function(t,e,s,i,a,r,n,h,o){if(0===s&&0===r&&0===o)return y(t,e,i,a,n,h);var l,p=Math.sqrt(Math.pow(i-t,2)+Math.pow(a-e,2)+Math.pow(r-s,2)),f=Math.sqrt(Math.pow(n-t,2)+Math.pow(h-e,2)+Math.pow(o-s,2)),m=Math.sqrt(Math.pow(n-i,2)+Math.pow(h-a,2)+Math.pow(o-r,2));return-1e-4<(l=f<p?m<p?p-f-m:m-f-p:f<m?m-f-p:f-p-m)&&l<1e-4}}}();var E=function(){function d(t,e){for(var s=0,i=e.length;s<i;){if(e[s].id===t)return e[s].layers.__used?JSON.parse(JSON.stringify(e[s].layers)):(e[s].layers.__used=!0,e[s].layers);s+=1}}function c(t){var e,s,i;for(e=t.length-1;0<=e;e-=1)if("sh"==t[e].ty)if(t[e].ks.k.i)u(t[e].ks.k);else for(i=t[e].ks.k.length,s=0;s<i;s+=1)t[e].ks.k[s].s&&u(t[e].ks.k[s].s[0]),t[e].ks.k[s].e&&u(t[e].ks.k[s].e[0]);else"gr"==t[e].ty&&c(t[e].it)}function u(t){var e,s=t.i.length;for(e=0;e<s;e+=1)t.i[e][0]+=t.v[e][0],t.i[e][1]+=t.v[e][1],t.o[e][0]+=t.v[e][0],t.o[e][1]+=t.v[e][1]}function h(t,e){var s=e?e.split("."):[100,100,100];return t[0]>s[0]||!(s[0]>t[0])&&(t[1]>s[1]||!(s[1]>t[1])&&(t[2]>s[2]||!(s[2]>t[2])&&void 0))}var o,s=function(){var i=[4,4,14];function a(t){var e,s,i,a=t.length;for(e=0;e<a;e+=1)5===t[e].ty&&(s=t[e],i=s.t.d,s.t.d={k:[{s:i,t:0}]})}return function(t){if(h(i,t.v)&&(a(t.layers),t.assets)){var e,s=t.assets.length;for(e=0;e<s;e+=1)t.assets[e].layers&&a(t.assets[e].layers)}}}(),i=(o=[4,7,99],function(t){if(t.chars&&!h(o,t.v)){var e,s,i,a,r,n=t.chars.length;for(e=0;e<n;e+=1)if(t.chars[e].data&&t.chars[e].data.shapes)for(i=(r=t.chars[e].data.shapes[0].it).length,s=0;s<i;s+=1)(a=r[s].ks.k).__converted||(u(r[s].ks.k),a.__converted=!0)}}),a=function(){var i=[4,1,9];function r(t){var e,s,i,a=t.length;for(e=0;e<a;e+=1)if("gr"===t[e].ty)r(t[e].it);else if("fl"===t[e].ty||"st"===t[e].ty)if(t[e].c.k&&t[e].c.k[0].i)for(i=t[e].c.k.length,s=0;s<i;s+=1)t[e].c.k[s].s&&(t[e].c.k[s].s[0]/=255,t[e].c.k[s].s[1]/=255,t[e].c.k[s].s[2]/=255,t[e].c.k[s].s[3]/=255),t[e].c.k[s].e&&(t[e].c.k[s].e[0]/=255,t[e].c.k[s].e[1]/=255,t[e].c.k[s].e[2]/=255,t[e].c.k[s].e[3]/=255);else t[e].c.k[0]/=255,t[e].c.k[1]/=255,t[e].c.k[2]/=255,t[e].c.k[3]/=255}function a(t){var e,s=t.length;for(e=0;e<s;e+=1)4===t[e].ty&&r(t[e].shapes)}return function(t){if(h(i,t.v)&&(a(t.layers),t.assets)){var e,s=t.assets.length;for(e=0;e<s;e+=1)t.assets[e].layers&&a(t.assets[e].layers)}}}(),r=function(){var i=[4,4,18];function l(t){var e,s,i;for(e=t.length-1;0<=e;e-=1)if("sh"==t[e].ty)if(t[e].ks.k.i)t[e].ks.k.c=t[e].closed;else for(i=t[e].ks.k.length,s=0;s<i;s+=1)t[e].ks.k[s].s&&(t[e].ks.k[s].s[0].c=t[e].closed),t[e].ks.k[s].e&&(t[e].ks.k[s].e[0].c=t[e].closed);else"gr"==t[e].ty&&l(t[e].it)}function a(t){var e,s,i,a,r,n,h=t.length;for(s=0;s<h;s+=1){if((e=t[s]).hasMask){var o=e.masksProperties;for(a=o.length,i=0;i<a;i+=1)if(o[i].pt.k.i)o[i].pt.k.c=o[i].cl;else for(n=o[i].pt.k.length,r=0;r<n;r+=1)o[i].pt.k[r].s&&(o[i].pt.k[r].s[0].c=o[i].cl),o[i].pt.k[r].e&&(o[i].pt.k[r].e[0].c=o[i].cl)}4===e.ty&&l(e.shapes)}}return function(t){if(h(i,t.v)&&(a(t.layers),t.assets)){var e,s=t.assets.length;for(e=0;e<s;e+=1)t.assets[e].layers&&a(t.assets[e].layers)}}}(),t={};return t.completeData=function(t,e){t.__complete||(a(t),s(t),i(t),r(t),function t(e,s,i){var a,r,n,h,o,l,p,f=e.length;for(r=0;r<f;r+=1)if("ks"in(a=e[r])&&!a.completed){if(a.completed=!0,a.tt&&(e[r-1].td=a.tt),a.hasMask){var m=a.masksProperties;for(h=m.length,n=0;n<h;n+=1)if(m[n].pt.k.i)u(m[n].pt.k);else for(l=m[n].pt.k.length,o=0;o<l;o+=1)m[n].pt.k[o].s&&u(m[n].pt.k[o].s[0]),m[n].pt.k[o].e&&u(m[n].pt.k[o].e[0])}0===a.ty?(a.layers=d(a.refId,s),t(a.layers,s,i)):4===a.ty?c(a.shapes):5==a.ty&&(0!==(p=a).t.a.length||"m"in p.t.p||(p.singleShape=!0))}}(t.layers,t.assets,e),t.__complete=!0)},t}(),w=function(){var r={w:0,size:0,shapes:[]},t=[];function u(t,e){var s=b("span");s.style.fontFamily=e;var i=b("span");i.innerHTML="giItT1WQy@!-/#",s.style.position="absolute",s.style.left="-10000px",s.style.top="-10000px",s.style.fontSize="300px",s.style.fontVariant="normal",s.style.fontStyle="normal",s.style.fontWeight="normal",s.style.letterSpacing="0",s.appendChild(i),document.body.appendChild(s);var a=i.offsetWidth;return i.style.fontFamily=t+", "+e,{node:i,w:a,parent:s}}t=t.concat([2304,2305,2306,2307,2362,2363,2364,2364,2366,2367,2368,2369,2370,2371,2372,2373,2374,2375,2376,2377,2378,2379,2380,2381,2382,2383,2387,2388,2389,2390,2391,2402,2403]);var e=function(){this.fonts=[],this.chars=null,this.typekitLoaded=0,this.isLoaded=!1,this.initTime=Date.now()};return e.getCombinedCharacterCodes=function(){return t},e.prototype.addChars=function(t){if(t){this.chars||(this.chars=[]);var e,s,i,a=t.length,r=this.chars.length;for(e=0;e<a;e+=1){for(s=0,i=!1;s<r;)this.chars[s].style===t[e].style&&this.chars[s].fFamily===t[e].fFamily&&this.chars[s].ch===t[e].ch&&(i=!0),s+=1;i||(this.chars.push(t[e]),r+=1)}}},e.prototype.addFonts=function(t,e){if(t){if(this.chars)return this.isLoaded=!0,void(this.fonts=t.list);var s,i,a,r,n=t.list,h=n.length,o=h;for(s=0;s<h;s+=1){var l,p,f=!0;if(n[s].loaded=!1,n[s].monoCase=u(n[s].fFamily,"monospace"),n[s].sansCase=u(n[s].fFamily,"sans-serif"),n[s].fPath){if("p"===n[s].fOrigin||3===n[s].origin){if(0<(l=document.querySelectorAll('style[f-forigin="p"][f-family="'+n[s].fFamily+'"], style[f-origin="3"][f-family="'+n[s].fFamily+'"]')).length&&(f=!1),f){var m=b("style");m.setAttribute("f-forigin",n[s].fOrigin),m.setAttribute("f-origin",n[s].origin),m.setAttribute("f-family",n[s].fFamily),m.type="text/css",m.innerHTML="@font-face {font-family: "+n[s].fFamily+"; font-style: normal; src: url('"+n[s].fPath+"');}",e.appendChild(m)}}else if("g"===n[s].fOrigin||1===n[s].origin){for(l=document.querySelectorAll('link[f-forigin="g"], link[f-origin="1"]'),p=0;p<l.length;p++)-1!==l[p].href.indexOf(n[s].fPath)&&(f=!1);if(f){var d=b("link");d.setAttribute("f-forigin",n[s].fOrigin),d.setAttribute("f-origin",n[s].origin),d.type="text/css",d.rel="stylesheet",d.href=n[s].fPath,document.body.appendChild(d)}}else if("t"===n[s].fOrigin||2===n[s].origin){for(l=document.querySelectorAll('script[f-forigin="t"], script[f-origin="2"]'),p=0;p<l.length;p++)n[s].fPath===l[p].src&&(f=!1);if(f){var c=b("link");c.setAttribute("f-forigin",n[s].fOrigin),c.setAttribute("f-origin",n[s].origin),c.setAttribute("rel","stylesheet"),c.setAttribute("href",n[s].fPath),e.appendChild(c)}}}else n[s].loaded=!0,o-=1;n[s].helper=(i=e,a=n[s],r=void 0,(r=D("text")).style.fontSize="100px",r.setAttribute("font-family",a.fFamily),r.setAttribute("font-style",a.fStyle),r.setAttribute("font-weight",a.fWeight),r.textContent="1",a.fClass?(r.style.fontFamily="inherit",r.className=a.fClass):r.style.fontFamily=a.fFamily,i.appendChild(r),b("canvas").getContext("2d").font=a.fWeight+" "+a.fStyle+" 100px "+a.fFamily,r),n[s].cache={},this.fonts.push(n[s])}0===o?this.isLoaded=!0:setTimeout(this.checkLoadedFonts.bind(this),100)}else this.isLoaded=!0},e.prototype.getCharData=function(t,e,s){for(var i=0,a=this.chars.length;i<a;){if(this.chars[i].ch===t&&this.chars[i].style===e&&this.chars[i].fFamily===s)return this.chars[i];i+=1}return console&&console.warn&&console.warn("Missing character from exported characters list: ",t,e,s),r},e.prototype.getFontByName=function(t){for(var e=0,s=this.fonts.length;e<s;){if(this.fonts[e].fName===t)return this.fonts[e];e+=1}return this.fonts[0]},e.prototype.measureText=function(t,e,s){var i=this.getFontByName(e),a=t.charCodeAt(0);if(!i.cache[a+1]){var r=i.helper;if(" "===t){r.textContent="|"+t+"|";var n=r.getComputedTextLength();r.textContent="||";var h=r.getComputedTextLength();i.cache[a+1]=(n-h)/100}else r.textContent=t,i.cache[a+1]=r.getComputedTextLength()/100}return i.cache[a+1]*s},e.prototype.checkLoadedFonts=function(){var t,e,s,i=this.fonts.length,a=i;for(t=0;t<i;t+=1)this.fonts[t].loaded?a-=1:"n"===this.fonts[t].fOrigin||0===this.fonts[t].origin?this.fonts[t].loaded=!0:(e=this.fonts[t].monoCase.node,s=this.fonts[t].monoCase.w,e.offsetWidth!==s?(a-=1,this.fonts[t].loaded=!0):(e=this.fonts[t].sansCase.node,s=this.fonts[t].sansCase.w,e.offsetWidth!==s&&(a-=1,this.fonts[t].loaded=!0)),this.fonts[t].loaded&&(this.fonts[t].sansCase.parent.parentNode.removeChild(this.fonts[t].sansCase.parent),this.fonts[t].monoCase.parent.parentNode.removeChild(this.fonts[t].monoCase.parent)));0!==a&&Date.now()-this.initTime<5e3?setTimeout(this.checkLoadedFonts.bind(this),20):setTimeout(function(){this.isLoaded=!0}.bind(this),0)},e.prototype.loaded=function(){return this.isLoaded},e}(),T=function(){var f=s,a=Math.abs;function m(t,e){var s,i=this.offsetTime;"multidimensional"===this.propType&&(s=q("float32",this.pv.length));for(var a,r,n,h,o,l,p,f,m=e.lastIndex,d=m,c=this.keyframes.length-1,u=!0;u;){if(a=this.keyframes[d],r=this.keyframes[d+1],d===c-1&&t>=r.t-i){a.h&&(a=r),m=0;break}if(r.t-i>t){m=d;break}d<c-1?d+=1:(m=0,u=!1)}var g,y,v,b,_,k,A,M,P,C=r.t-i,x=a.t-i;if(a.to){a.bezierData||mt.buildBezierData(a);var D=a.bezierData;if(C<=t||t<x){var F=C<=t?D.points.length-1:0;for(h=D.points[F].point.length,n=0;n<h;n+=1)s[n]=D.points[F].point[n]}else{a.__fnct?f=a.__fnct:(f=j.getBezierEasing(a.o.x,a.o.y,a.i.x,a.i.y,a.n).get,a.__fnct=f),o=f((t-x)/(C-x));var S,E=D.segmentLength*o,w=e.lastFrame<t&&e._lastBezierData===D?e._lastAddedLength:0;for(p=e.lastFrame<t&&e._lastBezierData===D?e._lastPoint:0,u=!0,l=D.points.length;u;){if(w+=D.points[p].partialLength,0===E||0===o||p===D.points.length-1){for(h=D.points[p].point.length,n=0;n<h;n+=1)s[n]=D.points[p].point[n];break}if(w<=E&&E<w+D.points[p+1].partialLength){for(S=(E-w)/D.points[p+1].partialLength,h=D.points[p].point.length,n=0;n<h;n+=1)s[n]=D.points[p].point[n]+(D.points[p+1].point[n]-D.points[p].point[n])*S;break}p<l-1?p+=1:u=!1}e._lastPoint=p,e._lastAddedLength=w-D.points[p].partialLength,e._lastBezierData=D}}else{var T,I,L,z,V;if(c=a.s.length,this.sh&&1!==a.h)if(C<=t)s[0]=a.e[0],s[1]=a.e[1],s[2]=a.e[2];else if(t<=x)s[0]=a.s[0],s[1]=a.s[1],s[2]=a.s[2];else{var R=O(a.s),N=O(a.e);g=s,y=function(t,e,s){var i,a,r,n,h,o=[],l=t[0],p=t[1],f=t[2],m=t[3],d=e[0],c=e[1],u=e[2],g=e[3];(a=l*d+p*c+f*u+m*g)<0&&(a=-a,d=-d,c=-c,u=-u,g=-g);h=1e-6<1-a?(i=Math.acos(a),r=Math.sin(i),n=Math.sin((1-s)*i)/r,Math.sin(s*i)/r):(n=1-s,s);return o[0]=n*l+h*d,o[1]=n*p+h*c,o[2]=n*f+h*u,o[3]=n*m+h*g,o}(R,N,(t-x)/(C-x)),v=y[0],b=y[1],_=y[2],k=y[3],A=Math.atan2(2*b*k-2*v*_,1-2*b*b-2*_*_),M=Math.asin(2*v*b+2*_*k),P=Math.atan2(2*v*k-2*b*_,1-2*v*v-2*_*_),g[0]=A/B,g[1]=M/B,g[2]=P/B}else for(d=0;d<c;d+=1)1!==a.h&&(o=C<=t?1:t<x?0:(a.o.x.constructor===Array?(a.__fnct||(a.__fnct=[]),a.__fnct[d]?f=a.__fnct[d]:(T=void 0===typeof a.o.x[d]?a.o.x[0]:a.o.x[d],I=void 0===typeof a.o.y[d]?a.o.y[0]:a.o.y[d],L=void 0===typeof a.i.x[d]?a.i.x[0]:a.i.x[d],z=void 0===typeof a.i.y[d]?a.i.y[0]:a.i.y[d],f=j.getBezierEasing(T,I,L,z).get,a.__fnct[d]=f)):a.__fnct?f=a.__fnct:(T=a.o.x,I=a.o.y,L=a.i.x,z=a.i.y,f=j.getBezierEasing(T,I,L,z).get,a.__fnct=f),f((t-x)/(C-x)))),V=1===a.h?a.s[d]:a.s[d]+(a.e[d]-a.s[d])*o,1===c?s=V:s[d]=V}return e.lastIndex=m,s}function O(t){var e=t[0]*B,s=t[1]*B,i=t[2]*B,a=Math.cos(e/2),r=Math.cos(s/2),n=Math.cos(i/2),h=Math.sin(e/2),o=Math.sin(s/2),l=Math.sin(i/2);return[h*o*n+a*r*l,h*r*n+a*o*l,a*o*n-h*r*l,a*r*n-h*o*l]}function d(){var t=this.comp.renderedFrame-this.offsetTime,e=this.keyframes[0].t-this.offsetTime,s=this.keyframes[this.keyframes.length-1].t-this.offsetTime;if(!(t===this._caching.lastFrame||this._caching.lastFrame!==f&&(this._caching.lastFrame>=s&&s<=t||this._caching.lastFrame<e&&t<e))){this._caching.lastFrame>=t&&(this._caching._lastBezierData=null,this._caching.lastIndex=0);var i=this.interpolateValue(t,this._caching);this.pv=i}return this._caching.lastFrame=t,this.pv}function c(t){var e;if("unidimensional"===this.propType)e=t*this.mult,1e-5<a(this.v-e)&&(this.v=e,this._mdf=!0);else for(var s=0,i=this.v.length;s<i;)e=t[s]*this.mult,1e-5<a(this.v[s]-e)&&(this.v[s]=e,this._mdf=!0),s+=1}function u(){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length)if(this.lock)this.setVValue(this.pv);else{this.lock=!0,this._mdf=this._isFirstFrame;var t,e=this.effectsSequence.length,s=this.kf?this.pv:this.data.k;for(t=0;t<e;t+=1)s=this.effectsSequence[t](s);this.setVValue(s),this._isFirstFrame=!1,this.lock=!1,this.frameId=this.elem.globalData.frameId}}function g(t){this.effectsSequence.push(t),this.container.addDynamicProperty(this)}function n(t,e,s,i){this.propType="unidimensional",this.mult=s||1,this.data=e,this.v=s?e.k*s:e.k,this.pv=e.k,this._mdf=!1,this.elem=t,this.container=i,this.comp=t.comp,this.k=!1,this.kf=!1,this.vel=0,this.effectsSequence=[],this._isFirstFrame=!0,this.getValue=u,this.setVValue=c,this.addEffect=g}function h(t,e,s,i){this.propType="multidimensional",this.mult=s||1,this.data=e,this._mdf=!1,this.elem=t,this.container=i,this.comp=t.comp,this.k=!1,this.kf=!1,this.frameId=-1;var a,r=e.k.length;this.v=q("float32",r),this.pv=q("float32",r);q("float32",r);for(this.vel=q("float32",r),a=0;a<r;a+=1)this.v[a]=e.k[a]*this.mult,this.pv[a]=e.k[a];this._isFirstFrame=!0,this.effectsSequence=[],this.getValue=u,this.setVValue=c,this.addEffect=g}function o(t,e,s,i){this.propType="unidimensional",this.keyframes=e.k,this.offsetTime=t.data.st,this.frameId=-1,this._caching={lastFrame:f,lastIndex:0,value:0,_lastBezierData:null},this.k=!0,this.kf=!0,this.data=e,this.mult=s||1,this.elem=t,this.container=i,this.comp=t.comp,this.v=f,this.pv=f,this._isFirstFrame=!0,this.getValue=u,this.setVValue=c,this.interpolateValue=m,this.effectsSequence=[d.bind(this)],this.addEffect=g}function l(t,e,s,i){this.propType="multidimensional";var a,r,n,h,o,l=e.k.length;for(a=0;a<l-1;a+=1)e.k[a].to&&e.k[a].s&&e.k[a].e&&(r=e.k[a].s,n=e.k[a].e,h=e.k[a].to,o=e.k[a].ti,(2===r.length&&(r[0]!==n[0]||r[1]!==n[1])&&mt.pointOnLine2D(r[0],r[1],n[0],n[1],r[0]+h[0],r[1]+h[1])&&mt.pointOnLine2D(r[0],r[1],n[0],n[1],n[0]+o[0],n[1]+o[1])||3===r.length&&(r[0]!==n[0]||r[1]!==n[1]||r[2]!==n[2])&&mt.pointOnLine3D(r[0],r[1],r[2],n[0],n[1],n[2],r[0]+h[0],r[1]+h[1],r[2]+h[2])&&mt.pointOnLine3D(r[0],r[1],r[2],n[0],n[1],n[2],n[0]+o[0],n[1]+o[1],n[2]+o[2]))&&(e.k[a].to=null,e.k[a].ti=null),r[0]===n[0]&&r[1]===n[1]&&0===h[0]&&0===h[1]&&0===o[0]&&0===o[1]&&(2===r.length||r[2]===n[2]&&0===h[2]&&0===o[2])&&(e.k[a].to=null,e.k[a].ti=null));this.effectsSequence=[d.bind(this)],this.keyframes=e.k,this.offsetTime=t.data.st,this.k=!0,this.kf=!0,this._isFirstFrame=!0,this.mult=s||1,this.elem=t,this.container=i,this.comp=t.comp,this.getValue=u,this.setVValue=c,this.interpolateValue=m,this.frameId=-1;var p=e.k[0].s.length;for(this.v=q("float32",p),this.pv=q("float32",p),a=0;a<p;a+=1)this.v[a]=f,this.pv[a]=f;this._caching={lastFrame:f,lastIndex:0,value:q("float32",p)},this.addEffect=g}return{getProp:function(t,e,s,i,a){var r;if(0===e.a)r=0===s?new n(t,e,i,a):new h(t,e,i,a);else if(1===e.a)r=0===s?new o(t,e,i,a):new l(t,e,i,a);else if(e.k.length)if("number"==typeof e.k[0])r=new h(t,e,i,a);else switch(s){case 0:r=new o(t,e,i,a);break;case 1:r=new l(t,e,i,a)}else r=new n(t,e,i,a);return r.effectsSequence.length&&a.addDynamicProperty(r),r}}}(),I=function(){function i(t,e,s){if(this.elem=t,this.frameId=-1,this.propType="transform",this.data=e,this.v=new F,this.pre=new F,this.appliedTransformations=0,this.initDynamicPropertyContainer(s||t),e.p.s?(this.px=T.getProp(t,e.p.x,0,0,this),this.py=T.getProp(t,e.p.y,0,0,this),e.p.z&&(this.pz=T.getProp(t,e.p.z,0,0,this))):this.p=T.getProp(t,e.p,1,0,this),e.r)this.r=T.getProp(t,e.r,0,B,this);else if(e.rx){if(this.rx=T.getProp(t,e.rx,0,B,this),this.ry=T.getProp(t,e.ry,0,B,this),this.rz=T.getProp(t,e.rz,0,B,this),e.or.k[0].ti){var i,a=e.or.k.length;for(i=0;i<a;i+=1)e.or.k[i].to=e.or.k[i].ti=null}this.or=T.getProp(t,e.or,1,B,this),this.or.sh=!0}e.sk&&(this.sk=T.getProp(t,e.sk,0,B,this),this.sa=T.getProp(t,e.sa,0,B,this)),e.a&&(this.a=T.getProp(t,e.a,1,0,this)),e.s&&(this.s=T.getProp(t,e.s,1,.01,this)),e.o?this.o=T.getProp(t,e.o,0,.01,t):this.o={_mdf:!1,v:1},this._isDirty=!0,this.dynamicProperties.length||this.getValue(!0)}return i.prototype={applyToMatrix:function(t){var e=this._mdf;this.iterateDynamicProperties(),this._mdf=this._mdf||e,this.a&&t.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.s&&t.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&t.skewFromAxis(-this.sk.v,this.sa.v),this.r?t.rotate(-this.r.v):t.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.data.p.s?this.data.p.z?t.translate(this.px.v,this.py.v,-this.pz.v):t.translate(this.px.v,this.py.v,0):t.translate(this.p.v[0],this.p.v[1],-this.p.v[2])},getValue:function(t){if(this.elem.globalData.frameId!==this.frameId){if(this._isDirty&&(this.precalculateMatrix(),this._isDirty=!1),this.iterateDynamicProperties(),this._mdf||t){if(this.v.cloneFromProps(this.pre.props),this.appliedTransformations<1&&this.v.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations<2&&this.v.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&this.appliedTransformations<3&&this.v.skewFromAxis(-this.sk.v,this.sa.v),this.r&&this.appliedTransformations<4?this.v.rotate(-this.r.v):!this.r&&this.appliedTransformations<4&&this.v.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.autoOriented){var e,s,i=this.elem.globalData.frameRate;if(this.p&&this.p.keyframes&&this.p.getValueAtTime)s=this.p._caching.lastFrame+this.p.offsetTime<=this.p.keyframes[0].t?(e=this.p.getValueAtTime((this.p.keyframes[0].t+.01)/i,0),this.p.getValueAtTime(this.p.keyframes[0].t/i,0)):this.p._caching.lastFrame+this.p.offsetTime>=this.p.keyframes[this.p.keyframes.length-1].t?(e=this.p.getValueAtTime(this.p.keyframes[this.p.keyframes.length-1].t/i,0),this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length-1].t-.01)/i,0)):(e=this.p.pv,this.p.getValueAtTime((this.p._caching.lastFrame+this.p.offsetTime-.01)/i,this.p.offsetTime));else if(this.px&&this.px.keyframes&&this.py.keyframes&&this.px.getValueAtTime&&this.py.getValueAtTime){e=[],s=[];var a=this.px,r=this.py;a._caching.lastFrame+a.offsetTime<=a.keyframes[0].t?(e[0]=a.getValueAtTime((a.keyframes[0].t+.01)/i,0),e[1]=r.getValueAtTime((r.keyframes[0].t+.01)/i,0),s[0]=a.getValueAtTime(a.keyframes[0].t/i,0),s[1]=r.getValueAtTime(r.keyframes[0].t/i,0)):a._caching.lastFrame+a.offsetTime>=a.keyframes[a.keyframes.length-1].t?(e[0]=a.getValueAtTime(a.keyframes[a.keyframes.length-1].t/i,0),e[1]=r.getValueAtTime(r.keyframes[r.keyframes.length-1].t/i,0),s[0]=a.getValueAtTime((a.keyframes[a.keyframes.length-1].t-.01)/i,0),s[1]=r.getValueAtTime((r.keyframes[r.keyframes.length-1].t-.01)/i,0)):(e=[a.pv,r.pv],s[0]=a.getValueAtTime((a._caching.lastFrame+a.offsetTime-.01)/i,a.offsetTime),s[1]=r.getValueAtTime((r._caching.lastFrame+r.offsetTime-.01)/i,r.offsetTime))}this.v.rotate(-Math.atan2(e[1]-s[1],e[0]-s[0]))}this.data.p.s?this.data.p.z?this.v.translate(this.px.v,this.py.v,-this.pz.v):this.v.translate(this.px.v,this.py.v,0):this.v.translate(this.p.v[0],this.p.v[1],-this.p.v[2])}this.frameId=this.elem.globalData.frameId}},precalculateMatrix:function(){if(!this.a.k&&(this.pre.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations=1,!this.s.effectsSequence.length)){if(this.pre.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.appliedTransformations=2,this.sk){if(this.sk.effectsSequence.length||this.sa.effectsSequence.length)return;this.pre.skewFromAxis(-this.sk.v,this.sa.v),this.appliedTransformations=3}if(this.r){if(this.r.effectsSequence.length)return;this.pre.rotate(-this.r.v),this.appliedTransformations=4}else this.rz.effectsSequence.length||this.ry.effectsSequence.length||this.rx.effectsSequence.length||this.or.effectsSequence.length||(this.pre.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.appliedTransformations=4)}},autoOrient:function(){}},S([_],i),i.prototype.addDynamicProperty=function(t){this._addDynamicProperty(t),this.elem.addDynamicProperty(t),this._isDirty=!0},i.prototype._addDynamicProperty=_.prototype.addDynamicProperty,{getTransformProperty:function(t,e,s){return new i(t,e,s)}}}();function L(){this.c=!1,this._length=0,this._maxLength=8,this.v=x(this._maxLength),this.o=x(this._maxLength),this.i=x(this._maxLength)}L.prototype.setPathData=function(t,e){this.c=t,this.setLength(e);for(var s=0;s<e;)this.v[s]=vt.newElement(),this.o[s]=vt.newElement(),this.i[s]=vt.newElement(),s+=1},L.prototype.setLength=function(t){for(;this._maxLength<t;)this.doubleArrayLength();this._length=t},L.prototype.doubleArrayLength=function(){this.v=this.v.concat(x(this._maxLength)),this.i=this.i.concat(x(this._maxLength)),this.o=this.o.concat(x(this._maxLength)),this._maxLength*=2},L.prototype.setXYAt=function(t,e,s,i,a){var r;switch(this._length=Math.max(this._length,i+1),this._length>=this._maxLength&&this.doubleArrayLength(),s){case"v":r=this.v;break;case"i":r=this.i;break;case"o":r=this.o}(!r[i]||r[i]&&!a)&&(r[i]=vt.newElement()),r[i][0]=t,r[i][1]=e},L.prototype.setTripleAt=function(t,e,s,i,a,r,n,h){this.setXYAt(t,e,"v",n,h),this.setXYAt(s,i,"o",n,h),this.setXYAt(a,r,"i",n,h)},L.prototype.reverse=function(){var t=new L;t.setPathData(this.c,this._length);var e=this.v,s=this.o,i=this.i,a=0;this.c&&(t.setTripleAt(e[0][0],e[0][1],i[0][0],i[0][1],s[0][0],s[0][1],0,!1),a=1);var r,n=this._length-1,h=this._length;for(r=a;r<h;r+=1)t.setTripleAt(e[n][0],e[n][1],i[n][0],i[n][1],s[n][0],s[n][1],r,!1),n-=1;return t};var z,V,R=function(){var a=-999999;function t(t,e,s){var i,a,r,n,h,o,l,p,f,m=s.lastIndex,d=this.keyframes;if(t<d[0].t-this.offsetTime)i=d[0].s[0],r=!0,m=0;else if(t>=d[d.length-1].t-this.offsetTime)i=1===d[d.length-2].h?d[d.length-1].s[0]:d[d.length-2].e[0],r=!0;else{for(var c,u,g=m,y=d.length-1,v=!0;v&&(c=d[g],!((u=d[g+1]).t-this.offsetTime>t));)g<y-1?g+=1:v=!1;if(m=g,!(r=1===c.h)){if(t>=u.t-this.offsetTime)p=1;else if(t<c.t-this.offsetTime)p=0;else{var b;c.__fnct?b=c.__fnct:(b=j.getBezierEasing(c.o.x,c.o.y,c.i.x,c.i.y).get,c.__fnct=b),p=b((t-(c.t-this.offsetTime))/(u.t-this.offsetTime-(c.t-this.offsetTime)))}a=c.e[0]}i=c.s[0]}for(o=e._length,l=i.i[0].length,s.lastIndex=m,n=0;n<o;n+=1)for(h=0;h<l;h+=1)f=r?i.i[n][h]:i.i[n][h]+(a.i[n][h]-i.i[n][h])*p,e.i[n][h]=f,f=r?i.o[n][h]:i.o[n][h]+(a.o[n][h]-i.o[n][h])*p,e.o[n][h]=f,f=r?i.v[n][h]:i.v[n][h]+(a.v[n][h]-i.v[n][h])*p,e.v[n][h]=f}function r(){this.paths=this.localShapeCollection}function e(t){(function(t,e){if(t._length!==e._length||t.c!==e.c)return!1;var s,i=t._length;for(s=0;s<i;s+=1)if(t.v[s][0]!==e.v[s][0]||t.v[s][1]!==e.v[s][1]||t.o[s][0]!==e.o[s][0]||t.o[s][1]!==e.o[s][1]||t.i[s][0]!==e.i[s][0]||t.i[s][1]!==e.i[s][1])return!1;return!0})(this.v,t)||(this.v=bt.clone(t),this.localShapeCollection.releaseShapes(),this.localShapeCollection.addShape(this.v),this._mdf=!0,this.paths=this.localShapeCollection)}function s(){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length)if(this.lock)this.setVValue(this.pv);else{this.lock=!0,this._mdf=!1;var t,e=this.kf?this.pv:this.data.ks?this.data.ks.k:this.data.pt.k,s=this.effectsSequence.length;for(t=0;t<s;t+=1)e=this.effectsSequence[t](e);this.setVValue(e),this.lock=!1,this.frameId=this.elem.globalData.frameId}}function n(t,e,s){this.propType="shape",this.comp=t.comp,this.container=t,this.elem=t,this.data=e,this.k=!1,this.kf=!1,this._mdf=!1;var i=3===s?e.pt.k:e.ks.k;this.v=bt.clone(i),this.pv=bt.clone(this.v),this.localShapeCollection=_t.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.reset=r,this.effectsSequence=[]}function i(t){this.effectsSequence.push(t),this.container.addDynamicProperty(this)}function h(t,e,s){this.propType="shape",this.comp=t.comp,this.elem=t,this.container=t,this.offsetTime=t.data.st,this.keyframes=3===s?e.pt.k:e.ks.k,this.k=!0,this.kf=!0;var i=this.keyframes[0].s[0].i.length;this.keyframes[0].s[0].i[0].length;this.v=bt.newElement(),this.v.setPathData(this.keyframes[0].s[0].c,i),this.pv=bt.clone(this.v),this.localShapeCollection=_t.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.lastFrame=a,this.reset=r,this._caching={lastFrame:a,lastIndex:0},this.effectsSequence=[function(){var t=this.comp.renderedFrame-this.offsetTime,e=this.keyframes[0].t-this.offsetTime,s=this.keyframes[this.keyframes.length-1].t-this.offsetTime,i=this._caching.lastFrame;return i!==a&&(i<e&&t<e||s<i&&s<t)||(this._caching.lastIndex=i<t?this._caching.lastIndex:0,this.interpolateShape(t,this.pv,this._caching)),this._caching.lastFrame=t,this.pv}.bind(this)]}n.prototype.interpolateShape=t,n.prototype.getValue=s,n.prototype.setVValue=e,n.prototype.addEffect=i,h.prototype.getValue=s,h.prototype.interpolateShape=t,h.prototype.setVValue=e,h.prototype.addEffect=i;var o=function(){var n=v;function t(t,e){this.v=bt.newElement(),this.v.setPathData(!0,4),this.localShapeCollection=_t.newShapeCollection(),this.paths=this.localShapeCollection,this.localShapeCollection.addShape(this.v),this.d=e.d,this.elem=t,this.comp=t.comp,this.frameId=-1,this.initDynamicPropertyContainer(t),this.p=T.getProp(t,e.p,1,0,this),this.s=T.getProp(t,e.s,1,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertEllToPath())}return t.prototype={reset:r,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertEllToPath())},convertEllToPath:function(){var t=this.p.v[0],e=this.p.v[1],s=this.s.v[0]/2,i=this.s.v[1]/2,a=3!==this.d,r=this.v;r.v[0][0]=t,r.v[0][1]=e-i,r.v[1][0]=a?t+s:t-s,r.v[1][1]=e,r.v[2][0]=t,r.v[2][1]=e+i,r.v[3][0]=a?t-s:t+s,r.v[3][1]=e,r.i[0][0]=a?t-s*n:t+s*n,r.i[0][1]=e-i,r.i[1][0]=a?t+s:t-s,r.i[1][1]=e-i*n,r.i[2][0]=a?t+s*n:t-s*n,r.i[2][1]=e+i,r.i[3][0]=a?t-s:t+s,r.i[3][1]=e+i*n,r.o[0][0]=a?t+s*n:t-s*n,r.o[0][1]=e-i,r.o[1][0]=a?t+s:t-s,r.o[1][1]=e+i*n,r.o[2][0]=a?t-s*n:t+s*n,r.o[2][1]=e+i,r.o[3][0]=a?t-s:t+s,r.o[3][1]=e-i*n}},S([_],t),t}(),l=function(){function t(t,e){this.v=bt.newElement(),this.v.setPathData(!0,0),this.elem=t,this.comp=t.comp,this.data=e,this.frameId=-1,this.d=e.d,this.initDynamicPropertyContainer(t),1===e.sy?(this.ir=T.getProp(t,e.ir,0,0,this),this.is=T.getProp(t,e.is,0,.01,this),this.convertToPath=this.convertStarToPath):this.convertToPath=this.convertPolygonToPath,this.pt=T.getProp(t,e.pt,0,0,this),this.p=T.getProp(t,e.p,1,0,this),this.r=T.getProp(t,e.r,0,B,this),this.or=T.getProp(t,e.or,0,0,this),this.os=T.getProp(t,e.os,0,.01,this),this.localShapeCollection=_t.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertToPath())}return t.prototype={reset:r,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertToPath())},convertStarToPath:function(){var t,e,s,i,a=2*Math.floor(this.pt.v),r=2*Math.PI/a,n=!0,h=this.or.v,o=this.ir.v,l=this.os.v,p=this.is.v,f=2*Math.PI*h/(2*a),m=2*Math.PI*o/(2*a),d=-Math.PI/2;d+=this.r.v;var c=3===this.data.d?-1:1;for(t=this.v._length=0;t<a;t+=1){s=n?l:p,i=n?f:m;var u=(e=n?h:o)*Math.cos(d),g=e*Math.sin(d),y=0===u&&0===g?0:g/Math.sqrt(u*u+g*g),v=0===u&&0===g?0:-u/Math.sqrt(u*u+g*g);u+=+this.p.v[0],g+=+this.p.v[1],this.v.setTripleAt(u,g,u-y*i*s*c,g-v*i*s*c,u+y*i*s*c,g+v*i*s*c,t,!0),n=!n,d+=r*c}},convertPolygonToPath:function(){var t,e=Math.floor(this.pt.v),s=2*Math.PI/e,i=this.or.v,a=this.os.v,r=2*Math.PI*i/(4*e),n=-Math.PI/2,h=3===this.data.d?-1:1;for(n+=this.r.v,t=this.v._length=0;t<e;t+=1){var o=i*Math.cos(n),l=i*Math.sin(n),p=0===o&&0===l?0:l/Math.sqrt(o*o+l*l),f=0===o&&0===l?0:-o/Math.sqrt(o*o+l*l);o+=+this.p.v[0],l+=+this.p.v[1],this.v.setTripleAt(o,l,o-p*r*a*h,l-f*r*a*h,o+p*r*a*h,l+f*r*a*h,t,!0),n+=s*h}this.paths.length=0,this.paths[0]=this.v}},S([_],t),t}(),p=function(){function t(t,e){this.v=bt.newElement(),this.v.c=!0,this.localShapeCollection=_t.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.elem=t,this.comp=t.comp,this.frameId=-1,this.d=e.d,this.initDynamicPropertyContainer(t),this.p=T.getProp(t,e.p,1,0,this),this.s=T.getProp(t,e.s,1,0,this),this.r=T.getProp(t,e.r,0,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertRectToPath())}return t.prototype={convertRectToPath:function(){var t=this.p.v[0],e=this.p.v[1],s=this.s.v[0]/2,i=this.s.v[1]/2,a=m(s,i,this.r.v),r=a*(1-v);this.v._length=0,2===this.d||1===this.d?(this.v.setTripleAt(t+s,e-i+a,t+s,e-i+a,t+s,e-i+r,0,!0),this.v.setTripleAt(t+s,e+i-a,t+s,e+i-r,t+s,e+i-a,1,!0),0!==a?(this.v.setTripleAt(t+s-a,e+i,t+s-a,e+i,t+s-r,e+i,2,!0),this.v.setTripleAt(t-s+a,e+i,t-s+r,e+i,t-s+a,e+i,3,!0),this.v.setTripleAt(t-s,e+i-a,t-s,e+i-a,t-s,e+i-r,4,!0),this.v.setTripleAt(t-s,e-i+a,t-s,e-i+r,t-s,e-i+a,5,!0),this.v.setTripleAt(t-s+a,e-i,t-s+a,e-i,t-s+r,e-i,6,!0),this.v.setTripleAt(t+s-a,e-i,t+s-r,e-i,t+s-a,e-i,7,!0)):(this.v.setTripleAt(t-s,e+i,t-s+r,e+i,t-s,e+i,2),this.v.setTripleAt(t-s,e-i,t-s,e-i+r,t-s,e-i,3))):(this.v.setTripleAt(t+s,e-i+a,t+s,e-i+r,t+s,e-i+a,0,!0),0!==a?(this.v.setTripleAt(t+s-a,e-i,t+s-a,e-i,t+s-r,e-i,1,!0),this.v.setTripleAt(t-s+a,e-i,t-s+r,e-i,t-s+a,e-i,2,!0),this.v.setTripleAt(t-s,e-i+a,t-s,e-i+a,t-s,e-i+r,3,!0),this.v.setTripleAt(t-s,e+i-a,t-s,e+i-r,t-s,e+i-a,4,!0),this.v.setTripleAt(t-s+a,e+i,t-s+a,e+i,t-s+r,e+i,5,!0),this.v.setTripleAt(t+s-a,e+i,t+s-r,e+i,t+s-a,e+i,6,!0),this.v.setTripleAt(t+s,e+i-a,t+s,e+i-a,t+s,e+i-r,7,!0)):(this.v.setTripleAt(t-s,e-i,t-s+r,e-i,t-s,e-i,1,!0),this.v.setTripleAt(t-s,e+i,t-s,e+i-r,t-s,e+i,2,!0),this.v.setTripleAt(t+s,e+i,t+s-r,e+i,t+s,e+i,3,!0)))},getValue:function(t){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertRectToPath())},reset:r},S([_],t),t}();var f={getShapeProp:function(t,e,s){var i;if(3===s||4===s){var a=3===s?e.pt:e.ks,r=a.k;i=1===a.a||r.length?new h(t,e,s):new n(t,e,s)}else 5===s?i=new p(t,e):6===s?i=new o(t,e):7===s&&(i=new l(t,e));return i.k&&t.addDynamicProperty(i),i},getConstructorFunction:function(){return n},getKeyframedConstructorFunction:function(){return h}};return f}(),N=(V={},(z={}).registerModifier=function(t,e){V[t]||(V[t]=e)},z.getModifier=function(t,e,s){return new V[t](e,s)},z);function O(){}function G(){}function W(){}function X(){}function Y(){this._length=0,this._maxLength=4,this.shapes=x(this._maxLength)}function H(t,e,s,i){this.elem=t,this.frameId=-1,this.dataProps=x(e.length),this.renderer=s,this.k=!1,this.dashStr="",this.dashArray=q("float32",e.length?e.length-1:0),this.dashoffset=q("float32",1),this.initDynamicPropertyContainer(i);var a,r,n=e.length||0;for(a=0;a<n;a+=1)r=T.getProp(t,e[a].v,0,0,this),this.k=r.k||this.k,this.dataProps[a]={n:e[a].n,p:r};this.k||this.getValue(!0),this._isAnimated=this.k}function J(t,e,s){this.data=e,this.c=q("uint8c",4*e.p);var i=e.k.k[0].s?e.k.k[0].s.length-4*e.p:e.k.k.length-4*e.p;this.o=q("float32",i),this._cmdf=!1,this._omdf=!1,this._collapsable=this.checkCollapsable(),this._hasOpacity=i,this.initDynamicPropertyContainer(s),this.prop=T.getProp(t,e.k,1,null,this),this.k=this.prop.k,this.getValue(!0)}O.prototype.initModifierProperties=function(){},O.prototype.addShapeToModifier=function(){},O.prototype.addShape=function(t){if(!this.closed){var e={shape:t.sh,data:t,localShapeCollection:_t.newShapeCollection()};this.shapes.push(e),this.addShapeToModifier(e),this._isAnimated&&t.setAsAnimated()}},O.prototype.init=function(t,e){this.shapes=[],this.elem=t,this.initDynamicPropertyContainer(t),this.initModifierProperties(t,e),this.frameId=s,this.closed=!1,this.k=!1,this.dynamicProperties.length?this.k=!0:this.getValue(!0)},O.prototype.processKeys=function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties())},S([_],O),S([O],G),G.prototype.initModifierProperties=function(t,e){this.s=T.getProp(t,e.s,0,.01,this),this.e=T.getProp(t,e.e,0,.01,this),this.o=T.getProp(t,e.o,0,0,this),this.sValue=0,this.eValue=0,this.getValue=this.processKeys,this.m=e.m,this._isAnimated=!!this.s.effectsSequence.length||!!this.e.effectsSequence.length||!!this.o.effectsSequence.length},G.prototype.addShapeToModifier=function(t){t.pathsData=[]},G.prototype.calculateShapeEdges=function(t,e,s,i,a){var r=[];e<=1?r.push({s:t,e:e}):1<=t?r.push({s:t-1,e:e-1}):(r.push({s:t,e:1}),r.push({s:0,e:e-1}));var n,h,o=[],l=r.length;for(n=0;n<l;n+=1){var p,f;if((h=r[n]).e*a<i||h.s*a>i+s);else p=h.s*a<=i?0:(h.s*a-i)/s,f=h.e*a>=i+s?1:(h.e*a-i)/s,o.push([p,f])}return o.length||o.push([0,0]),o},G.prototype.releasePathsData=function(t){var e,s=t.length;for(e=0;e<s;e+=1)kt.release(t[e]);return t.length=0,t},G.prototype.processShapes=function(t){var e,s,i;if(this._mdf||t){var a=this.o.v%360/360;if(a<0&&(a+=1),e=(1<this.s.v?1:this.s.v<0?0:this.s.v)+a,(s=(1<this.e.v?1:this.e.v<0?0:this.e.v)+a)<e){var r=e;e=s,s=r}e=1e-4*Math.round(1e4*e),s=1e-4*Math.round(1e4*s),this.sValue=e,this.eValue=s}else e=this.sValue,s=this.eValue;var n,h,o,l,p,f,m=this.shapes.length,d=0;if(s===e)for(n=0;n<m;n+=1)this.shapes[n].localShapeCollection.releaseShapes(),this.shapes[n].shape._mdf=!0,this.shapes[n].shape.paths=this.shapes[n].localShapeCollection;else if(1===s&&0===e||0===s&&1===e){if(this._mdf)for(n=0;n<m;n+=1)this.shapes[n].pathsData.length=0,this.shapes[n].shape._mdf=!0}else{var c,u,g=[];for(n=0;n<m;n+=1)if((c=this.shapes[n]).shape._mdf||this._mdf||t||2===this.m){if(o=(i=c.shape.paths)._length,f=0,!c.shape._mdf&&c.pathsData.length)f=c.totalShapeLength;else{for(l=this.releasePathsData(c.pathsData),h=0;h<o;h+=1)p=mt.getSegmentsLength(i.shapes[h]),l.push(p),f+=p.totalLength;c.totalShapeLength=f,c.pathsData=l}d+=f,c.shape._mdf=!0}else c.shape.paths=c.localShapeCollection;var y,v=e,b=s,_=0;for(n=m-1;0<=n;n-=1)if((c=this.shapes[n]).shape._mdf){for((u=c.localShapeCollection).releaseShapes(),2===this.m&&1<m?(y=this.calculateShapeEdges(e,s,c.totalShapeLength,_,d),_+=c.totalShapeLength):y=[[v,b]],o=y.length,h=0;h<o;h+=1){v=y[h][0],b=y[h][1],g.length=0,b<=1?g.push({s:c.totalShapeLength*v,e:c.totalShapeLength*b}):1<=v?g.push({s:c.totalShapeLength*(v-1),e:c.totalShapeLength*(b-1)}):(g.push({s:c.totalShapeLength*v,e:c.totalShapeLength}),g.push({s:0,e:c.totalShapeLength*(b-1)}));var k=this.addShapes(c,g[0]);if(g[0].s!==g[0].e){if(1<g.length)if(c.shape.paths.shapes[c.shape.paths._length-1].c){var A=k.pop();this.addPaths(k,u),k=this.addShapes(c,g[1],A)}else this.addPaths(k,u),k=this.addShapes(c,g[1]);this.addPaths(k,u)}}c.shape.paths=u}}},G.prototype.addPaths=function(t,e){var s,i=t.length;for(s=0;s<i;s+=1)e.addShape(t[s])},G.prototype.addSegment=function(t,e,s,i,a,r,n){a.setXYAt(e[0],e[1],"o",r),a.setXYAt(s[0],s[1],"i",r+1),n&&a.setXYAt(t[0],t[1],"v",r),a.setXYAt(i[0],i[1],"v",r+1)},G.prototype.addSegmentFromArray=function(t,e,s,i){e.setXYAt(t[1],t[5],"o",s),e.setXYAt(t[2],t[6],"i",s+1),i&&e.setXYAt(t[0],t[4],"v",s),e.setXYAt(t[3],t[7],"v",s+1)},G.prototype.addShapes=function(t,e,s){var i,a,r,n,h,o,l,p,f=t.pathsData,m=t.shape.paths.shapes,d=t.shape.paths._length,c=0,u=[],g=!0;for(p=s?(h=s._length,s._length):(s=bt.newElement(),h=0),u.push(s),i=0;i<d;i+=1){for(o=f[i].lengths,s.c=m[i].c,r=m[i].c?o.length:o.length+1,a=1;a<r;a+=1)if(c+(n=o[a-1]).addedLength<e.s)c+=n.addedLength,s.c=!1;else{if(c>e.e){s.c=!1;break}e.s<=c&&e.e>=c+n.addedLength?(this.addSegment(m[i].v[a-1],m[i].o[a-1],m[i].i[a],m[i].v[a],s,h,g),g=!1):(l=mt.getNewSegment(m[i].v[a-1],m[i].v[a],m[i].o[a-1],m[i].i[a],(e.s-c)/n.addedLength,(e.e-c)/n.addedLength,o[a-1]),this.addSegmentFromArray(l,s,h,g),g=!1,s.c=!1),c+=n.addedLength,h+=1}if(m[i].c&&o.length){if(n=o[a-1],c<=e.e){var y=o[a-1].addedLength;e.s<=c&&e.e>=c+y?(this.addSegment(m[i].v[a-1],m[i].o[a-1],m[i].i[0],m[i].v[0],s,h,g),g=!1):(l=mt.getNewSegment(m[i].v[a-1],m[i].v[0],m[i].o[a-1],m[i].i[0],(e.s-c)/y,(e.e-c)/y,o[a-1]),this.addSegmentFromArray(l,s,h,g),g=!1,s.c=!1)}else s.c=!1;c+=n.addedLength,h+=1}if(s._length&&(s.setXYAt(s.v[p][0],s.v[p][1],"i",p),s.setXYAt(s.v[s._length-1][0],s.v[s._length-1][1],"o",s._length-1)),c>e.e)break;i<d-1&&(s=bt.newElement(),g=!0,u.push(s),h=0)}return u},N.registerModifier("tm",G),S([O],W),W.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.rd=T.getProp(t,e.r,0,null,this),this._isAnimated=!!this.rd.effectsSequence.length},W.prototype.processPath=function(t,e){var s=bt.newElement();s.c=t.c;var i,a,r,n,h,o,l,p,f,m,d,c,u,g=t._length,y=0;for(i=0;i<g;i+=1)a=t.v[i],n=t.o[i],r=t.i[i],a[0]===n[0]&&a[1]===n[1]&&a[0]===r[0]&&a[1]===r[1]?0!==i&&i!==g-1||t.c?(h=0===i?t.v[g-1]:t.v[i-1],l=(o=Math.sqrt(Math.pow(a[0]-h[0],2)+Math.pow(a[1]-h[1],2)))?Math.min(o/2,e)/o:0,p=c=a[0]+(h[0]-a[0])*l,f=u=a[1]-(a[1]-h[1])*l,m=p-(p-a[0])*v,d=f-(f-a[1])*v,s.setTripleAt(p,f,m,d,c,u,y),y+=1,h=i===g-1?t.v[0]:t.v[i+1],l=(o=Math.sqrt(Math.pow(a[0]-h[0],2)+Math.pow(a[1]-h[1],2)))?Math.min(o/2,e)/o:0,p=m=a[0]+(h[0]-a[0])*l,f=d=a[1]+(h[1]-a[1])*l,c=p-(p-a[0])*v,u=f-(f-a[1])*v,s.setTripleAt(p,f,m,d,c,u,y)):s.setTripleAt(a[0],a[1],n[0],n[1],r[0],r[1],y):s.setTripleAt(t.v[i][0],t.v[i][1],t.o[i][0],t.o[i][1],t.i[i][0],t.i[i][1],y),y+=1;return s},W.prototype.processShapes=function(t){var e,s,i,a,r,n,h=this.shapes.length,o=this.rd.v;if(0!==o)for(s=0;s<h;s+=1){if((r=this.shapes[s]).shape.paths,n=r.localShapeCollection,r.shape._mdf||this._mdf||t)for(n.releaseShapes(),r.shape._mdf=!0,e=r.shape.paths.shapes,a=r.shape.paths._length,i=0;i<a;i+=1)n.addShape(this.processPath(e[i],o));r.shape.paths=r.localShapeCollection}this.dynamicProperties.length||(this._mdf=!1)},N.registerModifier("rd",W),S([O],X),X.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.c=T.getProp(t,e.c,0,null,this),this.o=T.getProp(t,e.o,0,null,this),this.tr=I.getTransformProperty(t,e.tr,this),this.so=T.getProp(t,e.tr.so,0,.01,this),this.eo=T.getProp(t,e.tr.eo,0,.01,this),this.data=e,this.dynamicProperties.length||this.getValue(!0),this._isAnimated=!!this.dynamicProperties.length,this.pMatrix=new F,this.rMatrix=new F,this.sMatrix=new F,this.tMatrix=new F,this.matrix=new F},X.prototype.applyTransforms=function(t,e,s,i,a,r){var n=r?-1:1,h=i.s.v[0]+(1-i.s.v[0])*(1-a),o=i.s.v[1]+(1-i.s.v[1])*(1-a);t.translate(i.p.v[0]*n*a,i.p.v[1]*n*a,i.p.v[2]),e.translate(-i.a.v[0],-i.a.v[1],i.a.v[2]),e.rotate(-i.r.v*n*a),e.translate(i.a.v[0],i.a.v[1],i.a.v[2]),s.translate(-i.a.v[0],-i.a.v[1],i.a.v[2]),s.scale(r?1/h:h,r?1/o:o),s.translate(i.a.v[0],i.a.v[1],i.a.v[2])},X.prototype.init=function(t,e,s,i){this.elem=t,this.arr=e,this.pos=s,this.elemsData=i,this._currentCopies=0,this._elements=[],this._groups=[],this.frameId=-1,this.initDynamicPropertyContainer(t),this.initModifierProperties(t,e[s]);for(;0<s;)s-=1,this._elements.unshift(e[s]),1;this.dynamicProperties.length?this.k=!0:this.getValue(!0)},X.prototype.resetElements=function(t){var e,s=t.length;for(e=0;e<s;e+=1)t[e]._processed=!1,"gr"===t[e].ty&&this.resetElements(t[e].it)},X.prototype.cloneElements=function(t){t.length;var e=JSON.parse(JSON.stringify(t));return this.resetElements(e),e},X.prototype.changeGroupRender=function(t,e){var s,i=t.length;for(s=0;s<i;s+=1)t[s]._render=e,"gr"===t[s].ty&&this.changeGroupRender(t[s].it,e)},X.prototype.processShapes=function(t){var e,s,i,a,r;if(this._mdf||t){var n,h=Math.ceil(this.c.v);if(this._groups.length<h){for(;this._groups.length<h;){var o={it:this.cloneElements(this._elements),ty:"gr"};o.it.push({a:{a:0,ix:1,k:[0,0]},nm:"Transform",o:{a:0,ix:7,k:100},p:{a:0,ix:2,k:[0,0]},r:{a:1,ix:6,k:[{s:0,e:0,t:0},{s:0,e:0,t:1}]},s:{a:0,ix:3,k:[100,100]},sa:{a:0,ix:5,k:0},sk:{a:0,ix:4,k:0},ty:"tr"}),this.arr.splice(0,0,o),this._groups.splice(0,0,o),this._currentCopies+=1}this.elem.reloadShapes()}for(i=r=0;i<=this._groups.length-1;i+=1)n=r<h,this._groups[i]._render=n,this.changeGroupRender(this._groups[i].it,n),r+=1;this._currentCopies=h;var l=this.o.v,p=l%1,f=0<l?Math.floor(l):Math.ceil(l),m=(this.tr.v.props,this.pMatrix.props),d=this.rMatrix.props,c=this.sMatrix.props;this.pMatrix.reset(),this.rMatrix.reset(),this.sMatrix.reset(),this.tMatrix.reset(),this.matrix.reset();var u,g,y=0;if(0<l){for(;y<f;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),y+=1;p&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,p,!1),y+=p)}else if(l<0){for(;f<y;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!0),y-=1;p&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,-p,!0),y-=p)}for(i=1===this.data.m?0:this._currentCopies-1,a=1===this.data.m?1:-1,r=this._currentCopies;r;){if(g=(s=(e=this.elemsData[i].it)[e.length-1].transform.mProps.v.props).length,e[e.length-1].transform.mProps._mdf=!0,e[e.length-1].transform.op._mdf=!0,e[e.length-1].transform.op.v=this.so.v+(this.eo.v-this.so.v)*(i/(this._currentCopies-1)),0!==y){for((0!==i&&1===a||i!==this._currentCopies-1&&-1===a)&&this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),this.matrix.transform(d[0],d[1],d[2],d[3],d[4],d[5],d[6],d[7],d[8],d[9],d[10],d[11],d[12],d[13],d[14],d[15]),this.matrix.transform(c[0],c[1],c[2],c[3],c[4],c[5],c[6],c[7],c[8],c[9],c[10],c[11],c[12],c[13],c[14],c[15]),this.matrix.transform(m[0],m[1],m[2],m[3],m[4],m[5],m[6],m[7],m[8],m[9],m[10],m[11],m[12],m[13],m[14],m[15]),u=0;u<g;u+=1)s[u]=this.matrix.props[u];this.matrix.reset()}else for(this.matrix.reset(),u=0;u<g;u+=1)s[u]=this.matrix.props[u];y+=1,r-=1,i+=a}}else for(r=this._currentCopies,i=0,a=1;r;)s=(e=this.elemsData[i].it)[e.length-1].transform.mProps.v.props,e[e.length-1].transform.mProps._mdf=!1,e[e.length-1].transform.op._mdf=!1,r-=1,i+=a},X.prototype.addShape=function(){},N.registerModifier("rp",X),Y.prototype.addShape=function(t){this._length===this._maxLength&&(this.shapes=this.shapes.concat(x(this._maxLength)),this._maxLength*=2),this.shapes[this._length]=t,this._length+=1},Y.prototype.releaseShapes=function(){var t;for(t=0;t<this._length;t+=1)bt.release(this.shapes[t]);this._length=0},H.prototype.getValue=function(t){if((this.elem.globalData.frameId!==this.frameId||t)&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf=this._mdf||t,this._mdf)){var e=0,s=this.dataProps.length;for("svg"===this.renderer&&(this.dashStr=""),e=0;e<s;e+=1)"o"!=this.dataProps[e].n?"svg"===this.renderer?this.dashStr+=" "+this.dataProps[e].p.v:this.dashArray[e]=this.dataProps[e].p.v:this.dashoffset[0]=this.dataProps[e].p.v}},S([_],H),J.prototype.comparePoints=function(t,e){for(var s=0,i=this.o.length/2;s<i;){if(.01<Math.abs(t[4*s]-t[4*e+2*s]))return!1;s+=1}return!0},J.prototype.checkCollapsable=function(){if(this.o.length/2!=this.c.length/4)return!1;if(this.data.k.k[0].s)for(var t=0,e=this.data.k.k.length;t<e;){if(!this.comparePoints(this.data.k.k[t].s,this.data.p))return!1;t+=1}else if(!this.comparePoints(this.data.k.k,this.data.p))return!1;return!0},J.prototype.getValue=function(t){if(this.prop.getValue(),this._mdf=!1,this._cmdf=!1,this._omdf=!1,this.prop._mdf||t){var e,s,i,a=4*this.data.p;for(e=0;e<a;e+=1)s=e%4==0?100:255,i=Math.round(this.prop.v[e]*s),this.c[e]!==i&&(this.c[e]=i,this._cmdf=!t);if(this.o.length)for(a=this.prop.v.length,e=4*this.data.p;e<a;e+=1)s=e%2==0?100:1,i=e%2==0?Math.round(100*this.prop.v[e]):this.prop.v[e],this.o[e-4*this.data.p]!==i&&(this.o[e-4*this.data.p]=i,this._omdf=!t);this._mdf=!t}},S([_],J);var U,Z,K=function(t,e,s,i){if(0===e)return"";var a,r=t.o,n=t.i,h=t.v,o=" M"+i.applyToPointStringified(h[0][0],h[0][1]);for(a=1;a<e;a+=1)o+=" C"+i.applyToPointStringified(r[a-1][0],r[a-1][1])+" "+i.applyToPointStringified(n[a][0],n[a][1])+" "+i.applyToPointStringified(h[a][0],h[a][1]);return s&&e&&(o+=" C"+i.applyToPointStringified(r[a-1][0],r[a-1][1])+" "+i.applyToPointStringified(n[0][0],n[0][1])+" "+i.applyToPointStringified(h[0][0],h[0][1]),o+="z"),o},Q=function(){var a=function(){var t=b("canvas");t.width=1,t.height=1;var e=t.getContext("2d");return e.fillStyle="#FF0000",e.fillRect(0,0,1,1),t}();function t(){this.loadedAssets+=1,this.loadedAssets===this.totalImages&&this.imagesLoadedCb&&this.imagesLoadedCb(null)}function e(t){var e=function(t,e,s){var i="";if(t.e)i=t.p;else if(e){var a=t.p;-1!==a.indexOf("images/")&&(a=a.split("/")[1]),i=e+a}else i=s,i+=t.u?t.u:"",i+=t.p;return i}(t,this.assetsPath,this.path),s=b("img");s.crossOrigin="anonymous",s.addEventListener("load",this._imageLoaded.bind(this),!1),s.addEventListener("error",function(){i.img=a,this._imageLoaded()}.bind(this),!1),s.src=e;var i={img:s,assetData:t};return i}function s(t,e){this.imagesLoadedCb=e;var s,i=t.length;for(s=0;s<i;s+=1)t[s].layers||(this.totalImages+=1,this.images.push(this._createImageData(t[s])))}function i(t){this.path=t||""}function r(t){this.assetsPath=t||""}function n(t){for(var e=0,s=this.images.length;e<s;){if(this.images[e].assetData===t)return this.images[e].img;e+=1}}function h(){this.imagesLoadedCb=null,this.images.length=0}function o(){return this.totalImages===this.loadedAssets}return function(){this.loadAssets=s,this.setAssetsPath=r,this.setPath=i,this.loaded=o,this.destroy=h,this.getImage=n,this._createImageData=e,this._imageLoaded=t,this.assetsPath="",this.path="",this.totalImages=0,this.loadedAssets=0,this.imagesLoadedCb=null,this.images=[]}}(),$=(U={maskType:!0},(/MSIE 10/i.test(navigator.userAgent)||/MSIE 9/i.test(navigator.userAgent)||/rv:11.0/i.test(navigator.userAgent)||/Edge\/\d./i.test(navigator.userAgent))&&(U.maskType=!1),U),tt=((Z={}).createFilter=function(t){var e=D("filter");return e.setAttribute("id",t),e.setAttribute("filterUnits","objectBoundingBox"),e.setAttribute("x","0%"),e.setAttribute("y","0%"),e.setAttribute("width","100%"),e.setAttribute("height","100%"),e},Z.createAlphaToLuminanceFilter=function(){var t=D("feColorMatrix");return t.setAttribute("type","matrix"),t.setAttribute("color-interpolation-filters","sRGB"),t.setAttribute("values","0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1"),t},Z),et=function(){function r(t){return t.response&&"object"==typeof t.response?t.response:t.response&&"string"==typeof t.response?JSON.parse(t.response):t.responseText?JSON.parse(t.responseText):void 0}return{load:function(t,e,s){var i,a=new XMLHttpRequest;a.open("GET",t,!0),a.responseType="json",a.send(),a.onreadystatechange=function(){if(4==a.readyState)if(200==a.status)i=r(a),e(i);else try{i=r(a),e(i)}catch(t){s&&s(t)}}}}}();function st(t,e,s){this._isFirstFrame=!0,this._hasMaskedPath=!1,this._frameId=-1,this._textData=t,this._renderType=e,this._elem=s,this._animatorsData=x(this._textData.a.length),this._pathData={},this._moreOptions={alignment:{}},this.renderedLetters=[],this.lettersChangedFlag=!1,this.initDynamicPropertyContainer(s)}function it(t,e,s){var i={propType:!1},a=T.getProp,r=e.a;this.a={r:r.r?a(t,r.r,0,B,s):i,rx:r.rx?a(t,r.rx,0,B,s):i,ry:r.ry?a(t,r.ry,0,B,s):i,sk:r.sk?a(t,r.sk,0,B,s):i,sa:r.sa?a(t,r.sa,0,B,s):i,s:r.s?a(t,r.s,1,.01,s):i,a:r.a?a(t,r.a,1,0,s):i,o:r.o?a(t,r.o,0,.01,s):i,p:r.p?a(t,r.p,1,0,s):i,sw:r.sw?a(t,r.sw,0,0,s):i,sc:r.sc?a(t,r.sc,1,0,s):i,fc:r.fc?a(t,r.fc,1,0,s):i,fh:r.fh?a(t,r.fh,0,0,s):i,fs:r.fs?a(t,r.fs,0,.01,s):i,fb:r.fb?a(t,r.fb,0,.01,s):i,t:r.t?a(t,r.t,0,0,s):i},this.s=ut.getTextSelectorProp(t,e.s,s),this.s.t=e.s.t}function dt(t,e,s,i,a,r){this.o=t,this.sw=e,this.sc=s,this.fc=i,this.m=a,this.p=r,this._mdf={o:!0,sw:!!e,sc:!!s,fc:!!i,m:!0,p:!0}}function at(t,e){this._frameId=s,this.pv="",this.v="",this.kf=!1,this._isFirstFrame=!0,this._mdf=!1,this.data=e,this.elem=t,this.comp=this.elem.comp,this.keysIndex=0,this.canResize=!1,this.minimumFontSize=1,this.effectsSequence=[],this.currentData={ascent:0,boxWidth:this.defaultBoxWidth,f:"",fStyle:"",fWeight:"",fc:"",j:"",justifyOffset:"",l:[],lh:0,lineWidths:[],ls:"",of:"",s:"",sc:"",sw:0,t:0,tr:0,sz:0,ps:null,fillColorAnim:!1,strokeColorAnim:!1,strokeWidthAnim:!1,yOffset:0,finalSize:0,finalText:[],finalLineHeight:0,__complete:!1},this.copyData(this.currentData,this.data.d.k[0].s),this.searchProperty()||this.completeTextData(this.currentData)}st.prototype.searchProperties=function(){var t,e,s=this._textData.a.length,i=T.getProp;for(t=0;t<s;t+=1)e=this._textData.a[t],this._animatorsData[t]=new it(this._elem,e,this);this._textData.p&&"m"in this._textData.p?(this._pathData={f:i(this._elem,this._textData.p.f,0,0,this),l:i(this._elem,this._textData.p.l,0,0,this),r:this._textData.p.r,m:this._elem.maskManager.getMaskProperty(this._textData.p.m)},this._hasMaskedPath=!0):this._hasMaskedPath=!1,this._moreOptions.alignment=i(this._elem,this._textData.m.a,1,0,this)},st.prototype.getMeasures=function(t,e){if(this.lettersChangedFlag=e,this._mdf||this._isFirstFrame||e||this._hasMaskedPath&&this._pathData.m._mdf){this._isFirstFrame=!1;var s,i,a,r,n,h,o,l,p,f,m,d,c,u,g,y,v,b,_,k=this._moreOptions.alignment.v,A=this._animatorsData,M=this._textData,P=this.mHelper,C=this._renderType,x=this.renderedLetters.length,D=(this.data,t.l);if(this._hasMaskedPath){if(_=this._pathData.m,!this._pathData.n||this._pathData._mdf){var F,S=_.v;for(this._pathData.r&&(S=S.reverse()),n={tLength:0,segments:[]},r=S._length-1,a=y=0;a<r;a+=1)F={s:S.v[a],e:S.v[a+1],to:[S.o[a][0]-S.v[a][0],S.o[a][1]-S.v[a][1]],ti:[S.i[a+1][0]-S.v[a+1][0],S.i[a+1][1]-S.v[a+1][1]]},mt.buildBezierData(F),n.tLength+=F.bezierData.segmentLength,n.segments.push(F),y+=F.bezierData.segmentLength;a=r,_.v.c&&(F={s:S.v[a],e:S.v[0],to:[S.o[a][0]-S.v[a][0],S.o[a][1]-S.v[a][1]],ti:[S.i[0][0]-S.v[0][0],S.i[0][1]-S.v[0][1]]},mt.buildBezierData(F),n.tLength+=F.bezierData.segmentLength,n.segments.push(F),y+=F.bezierData.segmentLength),this._pathData.pi=n}if(n=this._pathData.pi,h=this._pathData.f.v,f=1,p=!(l=m=0),u=n.segments,h<0&&_.v.c)for(n.tLength<Math.abs(h)&&(h=-Math.abs(h)%n.tLength),f=(c=u[m=u.length-1].bezierData.points).length-1;h<0;)h+=c[f].partialLength,(f-=1)<0&&(f=(c=u[m-=1].bezierData.points).length-1);d=(c=u[m].bezierData.points)[f-1],g=(o=c[f]).partialLength}r=D.length,i=s=0;var E,w,T,I,L=1.2*t.finalSize*.714,z=!0;T=A.length;var V,R,N,O,B,q,j,G,W,X,Y,H,J,U=-1,Z=h,K=m,Q=f,$=-1,tt="",et=this.defaultPropsArray;if(2===t.j||1===t.j){var st=0,it=0,at=2===t.j?-.5:-1,rt=0,nt=!0;for(a=0;a<r;a+=1)if(D[a].n){for(st&&(st+=it);rt<a;)D[rt].animatorJustifyOffset=st,rt+=1;nt=!(st=0)}else{for(w=0;w<T;w+=1)(E=A[w].a).t.propType&&(nt&&2===t.j&&(it+=E.t.v*at),(V=A[w].s.getMult(D[a].anIndexes[w],M.a[w].s.totalChars)).length?st+=E.t.v*V[0]*at:st+=E.t.v*V*at);nt=!1}for(st&&(st+=it);rt<a;)D[rt].animatorJustifyOffset=st,rt+=1}for(a=0;a<r;a+=1){if(P.reset(),B=1,D[a].n)s=0,i+=t.yOffset,i+=z?1:0,h=Z,z=!1,0,this._hasMaskedPath&&(f=Q,d=(c=u[m=K].bezierData.points)[f-1],g=(o=c[f]).partialLength,l=0),J=X=H=tt="",et=this.defaultPropsArray;else{if(this._hasMaskedPath){if($!==D[a].line){switch(t.j){case 1:h+=y-t.lineWidths[D[a].line];break;case 2:h+=(y-t.lineWidths[D[a].line])/2}$=D[a].line}U!==D[a].ind&&(D[U]&&(h+=D[U].extra),h+=D[a].an/2,U=D[a].ind),h+=k[0]*D[a].an/200;var ht=0;for(w=0;w<T;w+=1)(E=A[w].a).p.propType&&((V=A[w].s.getMult(D[a].anIndexes[w],M.a[w].s.totalChars)).length?ht+=E.p.v[0]*V[0]:ht+=E.p.v[0]*V),E.a.propType&&((V=A[w].s.getMult(D[a].anIndexes[w],M.a[w].s.totalChars)).length?ht+=E.a.v[0]*V[0]:ht+=E.a.v[0]*V);for(p=!0;p;)h+ht<=l+g||!c?(v=(h+ht-l)/o.partialLength,N=d.point[0]+(o.point[0]-d.point[0])*v,O=d.point[1]+(o.point[1]-d.point[1])*v,P.translate(-k[0]*D[a].an/200,-k[1]*L/100),p=!1):c&&(l+=o.partialLength,(f+=1)>=c.length&&(f=0,c=u[m+=1]?u[m].bezierData.points:_.v.c?u[m=f=0].bezierData.points:(l-=o.partialLength,null)),c&&(d=o,g=(o=c[f]).partialLength));R=D[a].an/2-D[a].add,P.translate(-R,0,0)}else R=D[a].an/2-D[a].add,P.translate(-R,0,0),P.translate(-k[0]*D[a].an/200,-k[1]*L/100,0);for(D[a].l/2,w=0;w<T;w+=1)(E=A[w].a).t.propType&&(V=A[w].s.getMult(D[a].anIndexes[w],M.a[w].s.totalChars),0===s&&0===t.j||(this._hasMaskedPath?V.length?h+=E.t.v*V[0]:h+=E.t.v*V:V.length?s+=E.t.v*V[0]:s+=E.t.v*V));for(D[a].l/2,t.strokeWidthAnim&&(j=t.sw||0),t.strokeColorAnim&&(q=t.sc?[t.sc[0],t.sc[1],t.sc[2]]:[0,0,0]),t.fillColorAnim&&t.fc&&(G=[t.fc[0],t.fc[1],t.fc[2]]),w=0;w<T;w+=1)(E=A[w].a).a.propType&&((V=A[w].s.getMult(D[a].anIndexes[w],M.a[w].s.totalChars)).length?P.translate(-E.a.v[0]*V[0],-E.a.v[1]*V[1],E.a.v[2]*V[2]):P.translate(-E.a.v[0]*V,-E.a.v[1]*V,E.a.v[2]*V));for(w=0;w<T;w+=1)(E=A[w].a).s.propType&&((V=A[w].s.getMult(D[a].anIndexes[w],M.a[w].s.totalChars)).length?P.scale(1+(E.s.v[0]-1)*V[0],1+(E.s.v[1]-1)*V[1],1):P.scale(1+(E.s.v[0]-1)*V,1+(E.s.v[1]-1)*V,1));for(w=0;w<T;w+=1){if(E=A[w].a,V=A[w].s.getMult(D[a].anIndexes[w],M.a[w].s.totalChars),E.sk.propType&&(V.length?P.skewFromAxis(-E.sk.v*V[0],E.sa.v*V[1]):P.skewFromAxis(-E.sk.v*V,E.sa.v*V)),E.r.propType&&(V.length?P.rotateZ(-E.r.v*V[2]):P.rotateZ(-E.r.v*V)),E.ry.propType&&(V.length?P.rotateY(E.ry.v*V[1]):P.rotateY(E.ry.v*V)),E.rx.propType&&(V.length?P.rotateX(E.rx.v*V[0]):P.rotateX(E.rx.v*V)),E.o.propType&&(V.length?B+=(E.o.v*V[0]-B)*V[0]:B+=(E.o.v*V-B)*V),t.strokeWidthAnim&&E.sw.propType&&(V.length?j+=E.sw.v*V[0]:j+=E.sw.v*V),t.strokeColorAnim&&E.sc.propType)for(W=0;W<3;W+=1)V.length?q[W]=q[W]+(E.sc.v[W]-q[W])*V[0]:q[W]=q[W]+(E.sc.v[W]-q[W])*V;if(t.fillColorAnim&&t.fc){if(E.fc.propType)for(W=0;W<3;W+=1)V.length?G[W]=G[W]+(E.fc.v[W]-G[W])*V[0]:G[W]=G[W]+(E.fc.v[W]-G[W])*V;E.fh.propType&&(G=V.length?ft(G,E.fh.v*V[0]):ft(G,E.fh.v*V)),E.fs.propType&&(G=V.length?lt(G,E.fs.v*V[0]):lt(G,E.fs.v*V)),E.fb.propType&&(G=V.length?pt(G,E.fb.v*V[0]):pt(G,E.fb.v*V))}}for(w=0;w<T;w+=1)(E=A[w].a).p.propType&&(V=A[w].s.getMult(D[a].anIndexes[w],M.a[w].s.totalChars),this._hasMaskedPath?V.length?P.translate(0,E.p.v[1]*V[0],-E.p.v[2]*V[1]):P.translate(0,E.p.v[1]*V,-E.p.v[2]*V):V.length?P.translate(E.p.v[0]*V[0],E.p.v[1]*V[1],-E.p.v[2]*V[2]):P.translate(E.p.v[0]*V,E.p.v[1]*V,-E.p.v[2]*V));if(t.strokeWidthAnim&&(X=j<0?0:j),t.strokeColorAnim&&(Y="rgb("+Math.round(255*q[0])+","+Math.round(255*q[1])+","+Math.round(255*q[2])+")"),t.fillColorAnim&&t.fc&&(H="rgb("+Math.round(255*G[0])+","+Math.round(255*G[1])+","+Math.round(255*G[2])+")"),this._hasMaskedPath){if(P.translate(0,-t.ls),P.translate(0,k[1]*L/100+i,0),M.p.p){b=(o.point[1]-d.point[1])/(o.point[0]-d.point[0]);var ot=180*Math.atan(b)/Math.PI;o.point[0]<d.point[0]&&(ot+=180),P.rotate(-ot*Math.PI/180)}P.translate(N,O,0),h-=k[0]*D[a].an/200,D[a+1]&&U!==D[a+1].ind&&(h+=D[a].an/2,h+=t.tr/1e3*t.finalSize)}else{switch(P.translate(s,i,0),t.ps&&P.translate(t.ps[0],t.ps[1]+t.ascent,0),t.j){case 1:P.translate(D[a].animatorJustifyOffset+t.justifyOffset+(t.boxWidth-t.lineWidths[D[a].line]),0,0);break;case 2:P.translate(D[a].animatorJustifyOffset+t.justifyOffset+(t.boxWidth-t.lineWidths[D[a].line])/2,0,0)}P.translate(0,-t.ls),P.translate(R,0,0),P.translate(k[0]*D[a].an/200,k[1]*L/100,0),s+=D[a].l+t.tr/1e3*t.finalSize}"html"===C?tt=P.toCSS():"svg"===C?tt=P.to2dCSS():et=[P.props[0],P.props[1],P.props[2],P.props[3],P.props[4],P.props[5],P.props[6],P.props[7],P.props[8],P.props[9],P.props[10],P.props[11],P.props[12],P.props[13],P.props[14],P.props[15]],J=B}this.lettersChangedFlag=x<=a?(I=new dt(J,X,Y,H,tt,et),this.renderedLetters.push(I),x+=1,!0):(I=this.renderedLetters[a]).update(J,X,Y,H,tt,et)||this.lettersChangedFlag}}},st.prototype.getValue=function(){this._elem.globalData.frameId!==this._frameId&&(this._frameId=this._elem.globalData.frameId,this.iterateDynamicProperties())},st.prototype.mHelper=new F,st.prototype.defaultPropsArray=[],S([_],st),dt.prototype.update=function(t,e,s,i,a,r){this._mdf.o=!1,this._mdf.sw=!1,this._mdf.sc=!1,this._mdf.fc=!1,this._mdf.m=!1;var n=this._mdf.p=!1;return this.o!==t&&(this.o=t,n=this._mdf.o=!0),this.sw!==e&&(this.sw=e,n=this._mdf.sw=!0),this.sc!==s&&(this.sc=s,n=this._mdf.sc=!0),this.fc!==i&&(this.fc=i,n=this._mdf.fc=!0),this.m!==a&&(this.m=a,n=this._mdf.m=!0),!r.length||this.p[0]===r[0]&&this.p[1]===r[1]&&this.p[4]===r[4]&&this.p[5]===r[5]&&this.p[12]===r[12]&&this.p[13]===r[13]||(this.p=r,n=this._mdf.p=!0),n},at.prototype.defaultBoxWidth=[0,0],at.prototype.copyData=function(t,e){for(var s in e)e.hasOwnProperty(s)&&(t[s]=e[s]);return t},at.prototype.setCurrentData=function(t){t.__complete||this.completeTextData(t),this.currentData=t,this.currentData.boxWidth=this.currentData.boxWidth||this.defaultBoxWidth,this._mdf=!0},at.prototype.searchProperty=function(){return this.searchKeyframes()},at.prototype.searchKeyframes=function(){return this.kf=1<this.data.d.k.length,this.kf&&this.addEffect(this.getKeyframeValue.bind(this)),this.kf},at.prototype.addEffect=function(t){this.effectsSequence.push(t),this.elem.addDynamicProperty(this)},at.prototype.getValue=function(t){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length||t){this.currentData.t=this.data.d.k[this.keysIndex].s.t;var e=this.currentData,s=this.keysIndex;if(this.lock)this.setCurrentData(this.currentData);else{this.lock=!0,this._mdf=!1;var i,a=this.effectsSequence.length,r=t||this.data.d.k[this.keysIndex].s;for(i=0;i<a;i+=1)r=s!==this.keysIndex?this.effectsSequence[i](r,r.t):this.effectsSequence[i](this.currentData,r.t);e!==r&&this.setCurrentData(r),this.pv=this.v=this.currentData,this.lock=!1,this.frameId=this.elem.globalData.frameId}}},at.prototype.getKeyframeValue=function(){for(var t=this.data.d.k,e=this.elem.comp.renderedFrame,s=0,i=t.length;s<=i-1&&(t[s].s,!(s===i-1||t[s+1].t>e));)s+=1;return this.keysIndex!==s&&(this.keysIndex=s),this.data.d.k[this.keysIndex].s},at.prototype.buildFinalText=function(t){for(var e=w.getCombinedCharacterCodes(),s=[],i=0,a=t.length;i<a;)-1!==e.indexOf(t.charCodeAt(i))?s[s.length-1]+=t.charAt(i):s.push(t.charAt(i)),i+=1;return s},at.prototype.completeTextData=function(t){t.__complete=!0;var e,s,i,a,r,n,h,o=this.elem.globalData.fontManager,l=this.data,p=[],f=0,m=l.m.g,d=0,c=0,u=0,g=[],y=0,v=0,b=o.getFontByName(t.f),_=0,k=b.fStyle?b.fStyle.split(" "):[],A="normal",M="normal";for(s=k.length,e=0;e<s;e+=1)switch(k[e].toLowerCase()){case"italic":M="italic";break;case"bold":A="700";break;case"black":A="900";break;case"medium":A="500";break;case"regular":case"normal":A="400";break;case"light":case"thin":A="200"}t.fWeight=b.fWeight||A,t.fStyle=M,s=t.t.length,t.finalSize=t.s,t.finalText=this.buildFinalText(t.t),t.finalLineHeight=t.lh;var P,C=t.tr/1e3*t.finalSize;if(t.sz)for(var x,D,F=!0,S=t.sz[0],E=t.sz[1];F;){y=x=0,s=(D=this.buildFinalText(t.t)).length,C=t.tr/1e3*t.finalSize;var w=-1;for(e=0;e<s;e+=1)P=D[e].charCodeAt(0),i=!1," "===D[e]?w=e:13!==P&&3!==P||(i=!(y=0),x+=t.finalLineHeight||1.2*t.finalSize),S<y+(_=o.chars?(h=o.getCharData(D[e],b.fStyle,b.fFamily),i?0:h.w*t.finalSize/100):o.measureText(D[e],t.f,t.finalSize))&&" "!==D[e]?(-1===w?s+=1:e=w,x+=t.finalLineHeight||1.2*t.finalSize,D.splice(e,w===e?1:0,"\r"),w=-1,y=0):(y+=_,y+=C);x+=b.ascent*t.finalSize/100,this.canResize&&t.finalSize>this.minimumFontSize&&E<x?(t.finalSize-=1,t.finalLineHeight=t.finalSize*t.lh/t.s):(t.finalText=D,s=t.finalText.length,F=!1)}y=-C;var T,I=_=0;for(e=0;e<s;e+=1)if(i=!1,P=(T=t.finalText[e]).charCodeAt(0)," "===T?a="\xa0":13===P||3===P?(I=0,g.push(y),v=v<y?y:v,y=-2*C,i=!(a=""),u+=1):a=t.finalText[e],_=o.chars?(h=o.getCharData(T,b.fStyle,o.getFontByName(t.f).fFamily),i?0:h.w*t.finalSize/100):o.measureText(a,t.f,t.finalSize)," "===T?I+=_+C:(y+=_+C+I,I=0),p.push({l:_,an:_,add:d,n:i,anIndexes:[],val:a,line:u,animatorJustifyOffset:0}),2==m){if(d+=_,""===a||"\xa0"===a||e===s-1){for(""!==a&&"\xa0"!==a||(d-=_);c<=e;)p[c].an=d,p[c].ind=f,p[c].extra=_,c+=1;f+=1,d=0}}else if(3==m){if(d+=_,""===a||e===s-1){for(""===a&&(d-=_);c<=e;)p[c].an=d,p[c].ind=f,p[c].extra=_,c+=1;d=0,f+=1}}else p[f].ind=f,p[f].extra=0,f+=1;if(t.l=p,v=v<y?y:v,g.push(y),t.sz)t.boxWidth=t.sz[0],t.justifyOffset=0;else switch(t.boxWidth=v,t.j){case 1:t.justifyOffset=-t.boxWidth;break;case 2:t.justifyOffset=-t.boxWidth/2;break;default:t.justifyOffset=0}t.lineWidths=g;var L,z,V=l.a;n=V.length;var R,N,O=[];for(r=0;r<n;r+=1){for((L=V[r]).a.sc&&(t.strokeColorAnim=!0),L.a.sw&&(t.strokeWidthAnim=!0),(L.a.fc||L.a.fh||L.a.fs||L.a.fb)&&(t.fillColorAnim=!0),N=0,R=L.s.b,e=0;e<s;e+=1)(z=p[e]).anIndexes[r]=N,(1==R&&""!==z.val||2==R&&""!==z.val&&"\xa0"!==z.val||3==R&&(z.n||"\xa0"==z.val||e==s-1)||4==R&&(z.n||e==s-1))&&(1===L.s.rn&&O.push(N),N+=1);l.a[r].s.totalChars=N;var B,q=-1;if(1===L.s.rn)for(e=0;e<s;e+=1)q!=(z=p[e]).anIndexes[r]&&(q=z.anIndexes[r],B=O.splice(Math.floor(Math.random()*O.length),1)[0]),z.anIndexes[r]=B}t.yOffset=t.finalLineHeight||1.2*t.finalSize,t.ls=t.ls||0,t.ascent=b.ascent*t.finalSize/100},at.prototype.updateDocumentData=function(t,e){e=void 0===e?this.keysIndex:e;var s=this.copyData({},this.data.d.k[e].s);s=this.copyData(s,t),this.data.d.k[e].s=s,this.recalculate(e),this.elem.addDynamicProperty(this)},at.prototype.recalculate=function(t){var e=this.data.d.k[t].s;e.__complete=!1,this.keysIndex=0,this._isFirstFrame=!0,this.getValue(e)},at.prototype.canResizeFont=function(t){this.canResize=t,this.recalculate(this.keysIndex),this.elem.addDynamicProperty(this)},at.prototype.setMinimumFontSize=function(t){this.minimumFontSize=Math.floor(t)||1,this.recalculate(this.keysIndex),this.elem.addDynamicProperty(this)};var rt,nt,ht,ot,ct,ut=function(){var l=Math.max,p=Math.min,f=Math.floor;function i(t,e){this._currentTextLength=-1,this.k=!1,this.data=e,this.elem=t,this.comp=t.comp,this.finalS=0,this.finalE=0,this.initDynamicPropertyContainer(t),this.s=T.getProp(t,e.s||{k:0},0,0,this),this.e="e"in e?T.getProp(t,e.e,0,0,this):{v:100},this.o=T.getProp(t,e.o||{k:0},0,0,this),this.xe=T.getProp(t,e.xe||{k:0},0,0,this),this.ne=T.getProp(t,e.ne||{k:0},0,0,this),this.a=T.getProp(t,e.a,0,.01,this),this.dynamicProperties.length||this.getValue()}return i.prototype={getMult:function(t){this._currentTextLength!==this.elem.textProperty.currentData.l.length&&this.getValue();var e=j.getBezierEasing(this.ne.v/100,0,1-this.xe.v/100,1).get,s=0,i=this.finalS,a=this.finalE,r=this.data.sh;if(2==r)s=e(s=a===i?a<=t?1:0:l(0,p(.5/(a-i)+(t-i)/(a-i),1)));else if(3==r)s=e(s=a===i?a<=t?0:1:1-l(0,p(.5/(a-i)+(t-i)/(a-i),1)));else if(4==r)a===i?s=0:(s=l(0,p(.5/(a-i)+(t-i)/(a-i),1)))<.5?s*=2:s=1-2*(s-.5),s=e(s);else if(5==r){if(a===i)s=0;else{var n=a-i,h=-n/2+(t=p(l(0,t+.5-i),a-i)),o=n/2;s=Math.sqrt(1-h*h/(o*o))}s=e(s)}else s=6==r?e(s=a===i?0:(t=p(l(0,t+.5-i),a-i),(1+Math.cos(Math.PI+2*Math.PI*t/(a-i)))/2)):(t>=f(i)&&(s=t-i<0?1-(i-t):l(0,p(a-t,1))),e(s));return s*this.a.v},getValue:function(t){this.iterateDynamicProperties(),this._mdf=t||this._mdf,this._currentTextLength=this.elem.textProperty.currentData.l.length||0,t&&2===this.data.r&&(this.e.v=this._currentTextLength);var e=2===this.data.r?1:100/this.data.totalChars,s=this.o.v/e,i=this.s.v/e+s,a=this.e.v/e+s;if(a<i){var r=i;i=a,a=r}this.finalS=i,this.finalE=a}},S([_],i),{getTextSelectorProp:function(t,e,s){return new i(t,e,s)}}}(),gt=function(t,e,s,i){var a=0,r=t,n=x(r);function h(){return a?n[a-=1]:e()}return{newElement:h,release:function(t){a===r&&(n=yt.double(n),r*=2),s&&s(t),n[a]=t,a+=1}}},yt={double:function(t){return t.concat(x(t.length))}},vt=gt(8,function(){return q("float32",2)}),bt=((rt=gt(4,function(){return new L},function(t){var e,s=t._length;for(e=0;e<s;e+=1)vt.release(t.v[e]),vt.release(t.i[e]),vt.release(t.o[e]),t.v[e]=null,t.i[e]=null,t.o[e]=null;t._length=0,t.c=!1})).clone=function(t){var e,s=rt.newElement(),i=void 0===t._length?t.v.length:t._length;for(s.setLength(i),s.c=t.c,e=0;e<i;e+=1)s.setTripleAt(t.v[e][0],t.v[e][1],t.o[e][0],t.o[e][1],t.i[e][0],t.i[e][1],e);return s},rt),_t=(nt={newShapeCollection:function(){var t;t=ht?ct[ht-=1]:new Y;return t},release:function(t){var e,s=t._length;for(e=0;e<s;e+=1)bt.release(t.shapes[e]);t._length=0,ht===ot&&(ct=yt.double(ct),ot*=2);ct[ht]=t,ht+=1}},ht=0,ct=x(ot=4),nt),kt=gt(8,function(){return{lengths:[],totalLength:0}},function(t){var e,s=t.lengths.length;for(e=0;e<s;e+=1)At.release(t.lengths[e]);t.lengths.length=0}),At=gt(8,function(){return{addedLength:0,percents:q("float32",P),lengths:q("float32",P)}});function Mt(){}function Pt(t,e){this.animationItem=t,this.layers=null,this.renderedFrame=-1,this.svgElement=D("svg");var s=D("defs");this.svgElement.appendChild(s);var i=D("g");this.svgElement.appendChild(i),this.layerElement=i,this.renderConfig={preserveAspectRatio:e&&e.preserveAspectRatio||"xMidYMid meet",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",progressiveLoad:e&&e.progressiveLoad||!1,hideOnTransparent:!e||!1!==e.hideOnTransparent,viewBoxOnly:e&&e.viewBoxOnly||!1,viewBoxSize:e&&e.viewBoxSize||!1,className:e&&e.className||""},this.globalData={_mdf:!1,frameNum:-1,defs:s,renderConfig:this.renderConfig},this.elements=[],this.pendingElements=[],this.destroyed=!1,this.rendererType="svg"}function Ct(t,e,s){this.data=t,this.element=e,this.globalData=s,this.storedData=[],this.masksProperties=this.data.masksProperties||[],this.maskElement=null;var i,a=this.globalData.defs,r=this.masksProperties?this.masksProperties.length:0;this.viewData=x(r),this.solidPath="";var n,h,o,l,p,f,m,d=this.masksProperties,c=0,u=[],g=C(10),y="clipPath",v="clip-path";for(i=0;i<r;i++)if(("a"!==d[i].mode&&"n"!==d[i].mode||d[i].inv||100!==d[i].o.k)&&(v=y="mask"),"s"!=d[i].mode&&"i"!=d[i].mode||0!==c?l=null:((l=D("rect")).setAttribute("fill","#ffffff"),l.setAttribute("width",this.element.comp.data.w||0),l.setAttribute("height",this.element.comp.data.h||0),u.push(l)),n=D("path"),"n"!=d[i].mode){var b;if(c+=1,n.setAttribute("fill","s"===d[i].mode?"#000000":"#ffffff"),n.setAttribute("clip-rule","nonzero"),0!==d[i].x.k?(v=y="mask",m=T.getProp(this.element,d[i].x,0,null,this.element),b="fi_"+C(10),(p=D("filter")).setAttribute("id",b),(f=D("feMorphology")).setAttribute("operator","dilate"),f.setAttribute("in","SourceGraphic"),f.setAttribute("radius","0"),p.appendChild(f),a.appendChild(p),n.setAttribute("stroke","s"===d[i].mode?"#000000":"#ffffff")):m=f=null,this.storedData[i]={elem:n,x:m,expan:f,lastPath:"",lastOperator:"",filterId:b,lastRadius:0},"i"==d[i].mode){o=u.length;var _=D("g");for(h=0;h<o;h+=1)_.appendChild(u[h]);var k=D("mask");k.setAttribute("mask-type","alpha"),k.setAttribute("id",g+"_"+c),k.appendChild(n),a.appendChild(k),_.setAttribute("mask","url("+A+"#"+g+"_"+c+")"),u.length=0,u.push(_)}else u.push(n);d[i].inv&&!this.solidPath&&(this.solidPath=this.createLayerSolidPath()),this.viewData[i]={elem:n,lastPath:"",op:T.getProp(this.element,d[i].o,0,.01,this.element),prop:R.getShapeProp(this.element,d[i],3),invRect:l},this.viewData[i].prop.k||this.drawPath(d[i],this.viewData[i].prop.v,this.viewData[i])}else this.viewData[i]={op:T.getProp(this.element,d[i].o,0,.01,this.element),prop:R.getShapeProp(this.element,d[i],3),elem:n,lastPath:""},a.appendChild(n);for(this.maskElement=D(y),r=u.length,i=0;i<r;i+=1)this.maskElement.appendChild(u[i]);0<c&&(this.maskElement.setAttribute("id",g),this.element.maskedElement.setAttribute(v,"url("+A+"#"+g+")"),a.appendChild(this.maskElement)),this.viewData.length&&this.element.addRenderableComponent(this)}function xt(){}function Dt(){}function Ft(){}function St(){}function Et(){}function wt(t,e){this.elem=t,this.pos=e}function Tt(t,e){this.data=t,this.type=t.ty,this.d="",this.lvl=e,this._mdf=!1,this.closed=!0===t.hd,this.pElem=D("path"),this.msElem=null}function It(t,e,s){this.caches=[],this.styles=[],this.transformers=t,this.lStr="",this.sh=s,this.lvl=e,this._isAnimated=!!s.k;for(var i=0,a=t.length;i<a;){if(t[i].mProps.dynamicProperties.length){this._isAnimated=!0;break}i+=1}}function Lt(t,e,s){this.transform={mProps:t,op:e,container:s},this.elements=[],this._isAnimated=this.transform.mProps.dynamicProperties.length||this.transform.op.effectsSequence.length}function zt(t,e,s){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.o=T.getProp(t,e.o,0,.01,this),this.w=T.getProp(t,e.w,0,null,this),this.d=new H(t,e.d||{},"svg",this),this.c=T.getProp(t,e.c,1,255,this),this.style=s,this._isAnimated=!!this._isAnimated}function Vt(t,e,s){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.o=T.getProp(t,e.o,0,.01,this),this.c=T.getProp(t,e.c,1,255,this),this.style=s}function Rt(t,e,s){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.initGradientData(t,e,s)}function Nt(t,e,s){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.w=T.getProp(t,e.w,0,null,this),this.d=new H(t,e.d||{},"svg",this),this.initGradientData(t,e,s),this._isAnimated=!!this._isAnimated}function Ot(){this.it=[],this.prevViewData=[],this.gr=D("g")}Mt.prototype.checkLayers=function(t){var e,s,i=this.layers.length;for(this.completeLayers=!0,e=i-1;0<=e;e--)this.elements[e]||(s=this.layers[e]).ip-s.st<=t-this.layers[e].st&&s.op-s.st>t-this.layers[e].st&&this.buildItem(e),this.completeLayers=!!this.elements[e]&&this.completeLayers;this.checkPendingElements()},Mt.prototype.createItem=function(t){switch(t.ty){case 2:return this.createImage(t);case 0:return this.createComp(t);case 1:return this.createSolid(t);case 3:return this.createNull(t);case 4:return this.createShape(t);case 5:return this.createText(t);case 13:return this.createCamera(t)}return this.createNull(t)},Mt.prototype.createCamera=function(){throw new Error("You're using a 3d camera. Try the html renderer.")},Mt.prototype.buildAllItems=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)this.buildItem(t);this.checkPendingElements()},Mt.prototype.includeLayers=function(t){this.completeLayers=!1;var e,s,i=t.length,a=this.layers.length;for(e=0;e<i;e+=1)for(s=0;s<a;){if(this.layers[s].id==t[e].id){this.layers[s]=t[e];break}s+=1}},Mt.prototype.setProjectInterface=function(t){this.globalData.projectInterface=t},Mt.prototype.initItems=function(){this.globalData.progressiveLoad||this.buildAllItems()},Mt.prototype.buildElementParenting=function(t,e,s){for(var i=this.elements,a=this.layers,r=0,n=a.length;r<n;)a[r].ind==e&&(i[r]&&!0!==i[r]?(s.push(i[r]),i[r].setAsParent(),void 0!==a[r].parent?this.buildElementParenting(t,a[r].parent,s):t.setHierarchy(s)):(this.buildItem(r),this.addPendingElement(t))),r+=1},Mt.prototype.addPendingElement=function(t){this.pendingElements.push(t)},Mt.prototype.searchExtraCompositions=function(t){var e,s=t.length;for(e=0;e<s;e+=1)if(t[e].xt){var i=this.createComp(t[e]);i.initExpressions(),this.globalData.projectInterface.registerComposition(i)}},Mt.prototype.setupGlobalData=function(t,e){this.globalData.fontManager=new w,this.globalData.fontManager.addChars(t.chars),this.globalData.fontManager.addFonts(t.fonts,e),this.globalData.getAssetData=this.animationItem.getAssetData.bind(this.animationItem),this.globalData.getAssetsPath=this.animationItem.getAssetsPath.bind(this.animationItem),this.globalData.imageLoader=this.animationItem.imagePreloader,this.globalData.frameId=0,this.globalData.frameRate=t.fr,this.globalData.nm=t.nm,this.globalData.compSize={w:t.w,h:t.h}},S([Mt],Pt),Pt.prototype.createNull=function(t){return new jt(t,this.globalData,this)},Pt.prototype.createShape=function(t){return new Kt(t,this.globalData,this)},Pt.prototype.createText=function(t){return new Zt(t,this.globalData,this)},Pt.prototype.createImage=function(t){return new Ht(t,this.globalData,this)},Pt.prototype.createComp=function(t){return new Ut(t,this.globalData,this)},Pt.prototype.createSolid=function(t){return new Jt(t,this.globalData,this)},Pt.prototype.configAnimation=function(t){this.svgElement.setAttribute("xmlns","http://www.w3.org/2000/svg"),this.renderConfig.viewBoxSize?this.svgElement.setAttribute("viewBox",this.renderConfig.viewBoxSize):this.svgElement.setAttribute("viewBox","0 0 "+t.w+" "+t.h),this.renderConfig.viewBoxOnly||(this.svgElement.setAttribute("width",t.w),this.svgElement.setAttribute("height",t.h),this.svgElement.style.width="100%",this.svgElement.style.height="100%",this.svgElement.style.transform="translate3d(0,0,0)"),this.renderConfig.className&&this.svgElement.setAttribute("class",this.renderConfig.className),this.svgElement.setAttribute("preserveAspectRatio",this.renderConfig.preserveAspectRatio),this.animationItem.wrapper.appendChild(this.svgElement);var e=this.globalData.defs;this.setupGlobalData(t,e),this.globalData.progressiveLoad=this.renderConfig.progressiveLoad,this.data=t;var s=D("clipPath"),i=D("rect");i.setAttribute("width",t.w),i.setAttribute("height",t.h),i.setAttribute("x",0),i.setAttribute("y",0);var a="animationMask_"+C(10);s.setAttribute("id",a),s.appendChild(i),this.layerElement.setAttribute("clip-path","url("+A+"#"+a+")"),e.appendChild(s),this.layers=t.layers,this.elements=x(t.layers.length)},Pt.prototype.destroy=function(){this.animationItem.wrapper.innerHTML="",this.layerElement=null,this.globalData.defs=null;var t,e=this.layers?this.layers.length:0;for(t=0;t<e;t++)this.elements[t]&&this.elements[t].destroy();this.elements.length=0,this.destroyed=!0,this.animationItem=null},Pt.prototype.updateContainerSize=function(){},Pt.prototype.buildItem=function(t){var e=this.elements;if(!e[t]&&99!=this.layers[t].ty){e[t]=!0;var s=this.createItem(this.layers[t]);e[t]=s,h&&(0===this.layers[t].ty&&this.globalData.projectInterface.registerComposition(s),s.initExpressions()),this.appendElementInPos(s,t),this.layers[t].tt&&(this.elements[t-1]&&!0!==this.elements[t-1]?s.setMatte(e[t-1].layerId):(this.buildItem(t-1),this.addPendingElement(s)))}},Pt.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){var t=this.pendingElements.pop();if(t.checkParenting(),t.data.tt)for(var e=0,s=this.elements.length;e<s;){if(this.elements[e]===t){t.setMatte(this.elements[e-1].layerId);break}e+=1}}},Pt.prototype.renderFrame=function(t){if(this.renderedFrame!==t&&!this.destroyed){null===t?t=this.renderedFrame:this.renderedFrame=t,this.globalData.frameNum=t,this.globalData.frameId+=1,this.globalData.projectInterface.currentFrame=t,this.globalData._mdf=!1;var e,s=this.layers.length;for(this.completeLayers||this.checkLayers(t),e=s-1;0<=e;e--)(this.completeLayers||this.elements[e])&&this.elements[e].prepareFrame(t-this.layers[e].st);if(this.globalData._mdf)for(e=0;e<s;e+=1)(this.completeLayers||this.elements[e])&&this.elements[e].renderFrame()}},Pt.prototype.appendElementInPos=function(t,e){var s=t.getBaseElement();if(s){for(var i,a=0;a<e;)this.elements[a]&&!0!==this.elements[a]&&this.elements[a].getBaseElement()&&(i=this.elements[a].getBaseElement()),a+=1;i?this.layerElement.insertBefore(s,i):this.layerElement.appendChild(s)}},Pt.prototype.hide=function(){this.layerElement.style.display="none"},Pt.prototype.show=function(){this.layerElement.style.display="block"},Ct.prototype.getMaskProperty=function(t){return this.viewData[t].prop},Ct.prototype.renderFrame=function(t){var e,s=this.element.finalTransform.mat,i=this.masksProperties.length;for(e=0;e<i;e++)if((this.viewData[e].prop._mdf||t)&&this.drawPath(this.masksProperties[e],this.viewData[e].prop.v,this.viewData[e]),(this.viewData[e].op._mdf||t)&&this.viewData[e].elem.setAttribute("fill-opacity",this.viewData[e].op.v),"n"!==this.masksProperties[e].mode&&(this.viewData[e].invRect&&(this.element.finalTransform.mProp._mdf||t)&&(this.viewData[e].invRect.setAttribute("x",-s.props[12]),this.viewData[e].invRect.setAttribute("y",-s.props[13])),this.storedData[e].x&&(this.storedData[e].x._mdf||t))){var a=this.storedData[e].expan;this.storedData[e].x.v<0?("erode"!==this.storedData[e].lastOperator&&(this.storedData[e].lastOperator="erode",this.storedData[e].elem.setAttribute("filter","url("+A+"#"+this.storedData[e].filterId+")")),a.setAttribute("radius",-this.storedData[e].x.v)):("dilate"!==this.storedData[e].lastOperator&&(this.storedData[e].lastOperator="dilate",this.storedData[e].elem.setAttribute("filter",null)),this.storedData[e].elem.setAttribute("stroke-width",2*this.storedData[e].x.v))}},Ct.prototype.getMaskelement=function(){return this.maskElement},Ct.prototype.createLayerSolidPath=function(){var t="M0,0 ";return t+=" h"+this.globalData.compSize.w,t+=" v"+this.globalData.compSize.h,t+=" h-"+this.globalData.compSize.w,t+=" v-"+this.globalData.compSize.h+" "},Ct.prototype.drawPath=function(t,e,s){var i,a,r=" M"+e.v[0][0]+","+e.v[0][1];for(a=e._length,i=1;i<a;i+=1)r+=" C"+e.o[i-1][0]+","+e.o[i-1][1]+" "+e.i[i][0]+","+e.i[i][1]+" "+e.v[i][0]+","+e.v[i][1];if(e.c&&1<a&&(r+=" C"+e.o[i-1][0]+","+e.o[i-1][1]+" "+e.i[0][0]+","+e.i[0][1]+" "+e.v[0][0]+","+e.v[0][1]),s.lastPath!==r){var n="";s.elem&&(e.c&&(n=t.inv?this.solidPath+r:r),s.elem.setAttribute("d",n)),s.lastPath=r}},Ct.prototype.destroy=function(){this.element=null,this.globalData=null,this.maskElement=null,this.data=null,this.masksProperties=null},xt.prototype={initHierarchy:function(){this.hierarchy=[],this._isParent=!1,this.checkParenting()},setHierarchy:function(t){this.hierarchy=t},setAsParent:function(){this._isParent=!0},checkParenting:function(){void 0!==this.data.parent&&this.comp.buildElementParenting(this,this.data.parent,[])}},Dt.prototype={initFrame:function(){this._isFirstFrame=!1,this.dynamicProperties=[],this._mdf=!1},prepareProperties:function(t,e){var s,i=this.dynamicProperties.length;for(s=0;s<i;s+=1)(e||this._isParent&&"transform"===this.dynamicProperties[s].propType)&&(this.dynamicProperties[s].getValue(),this.dynamicProperties[s]._mdf&&(this.globalData._mdf=!0,this._mdf=!0))},addDynamicProperty:function(t){-1===this.dynamicProperties.indexOf(t)&&this.dynamicProperties.push(t)}},Ft.prototype={initTransform:function(){this.finalTransform={mProp:this.data.ks?I.getTransformProperty(this,this.data.ks,this):{o:0},_matMdf:!1,_opMdf:!1,mat:new F},this.data.ao&&(this.finalTransform.mProp.autoOriented=!0),this.data.ty},renderTransform:function(){if(this.finalTransform._opMdf=this.finalTransform.mProp.o._mdf||this._isFirstFrame,this.finalTransform._matMdf=this.finalTransform.mProp._mdf||this._isFirstFrame,this.hierarchy){var t,e=this.finalTransform.mat,s=0,i=this.hierarchy.length;if(!this.finalTransform._matMdf)for(;s<i;){if(this.hierarchy[s].finalTransform.mProp._mdf){this.finalTransform._matMdf=!0;break}s+=1}if(this.finalTransform._matMdf)for(t=this.finalTransform.mProp.v.props,e.cloneFromProps(t),s=0;s<i;s+=1)t=this.hierarchy[s].finalTransform.mProp.v.props,e.transform(t[0],t[1],t[2],t[3],t[4],t[5],t[6],t[7],t[8],t[9],t[10],t[11],t[12],t[13],t[14],t[15])}},globalToLocal:function(t){var e=[];e.push(this.finalTransform);for(var s=!0,i=this.comp;s;)i.finalTransform?(i.data.hasMask&&e.splice(0,0,i.finalTransform),i=i.comp):s=!1;var a,r,n=e.length;for(a=0;a<n;a+=1)r=e[a].mat.applyToPointArray(0,0,0),t=[t[0]-r[0],t[1]-r[1],0];return t},mHelper:new F},St.prototype={initRenderable:function(){this.isInRange=!1,this.hidden=!1,this.isTransparent=!1,this.renderableComponents=[]},addRenderableComponent:function(t){-1===this.renderableComponents.indexOf(t)&&this.renderableComponents.push(t)},removeRenderableComponent:function(t){-1!==this.renderableComponents.indexOf(t)&&this.renderableComponents.splice(this.renderableComponents.indexOf(t),1)},prepareRenderableFrame:function(t){this.checkLayerLimits(t)},checkTransparency:function(){this.finalTransform.mProp.o.v<=0?!this.isTransparent&&this.globalData.renderConfig.hideOnTransparent&&(this.isTransparent=!0,this.hide()):this.isTransparent&&(this.isTransparent=!1,this.show())},checkLayerLimits:function(t){this.data.ip-this.data.st<=t&&this.data.op-this.data.st>t?!0!==this.isInRange&&(this.globalData._mdf=!0,this._mdf=!0,this.isInRange=!0,this.show()):!1!==this.isInRange&&(this.globalData._mdf=!0,this.isInRange=!1,this.hide())},renderRenderable:function(){var t,e=this.renderableComponents.length;for(t=0;t<e;t+=1)this.renderableComponents[t].renderFrame(this._isFirstFrame)},sourceRectAtTime:function(){return{top:0,left:0,width:100,height:100}},getLayerSize:function(){return 5===this.data.ty?{w:this.data.textData.width,h:this.data.textData.height}:{w:this.data.width,h:this.data.height}}},S([St,function(t){function e(){}return e.prototype=t,e}({initElement:function(t,e,s){this.initFrame(),this.initBaseData(t,e,s),this.initTransform(t,e,s),this.initHierarchy(),this.initRenderable(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),this.createContent(),this.hide()},hide:function(){this.hidden||this.isInRange&&!this.isTransparent||((this.baseElement||this.layerElement).style.display="none",this.hidden=!0)},show:function(){this.isInRange&&!this.isTransparent&&(this.data.hd||((this.baseElement||this.layerElement).style.display="block"),this.hidden=!1,this._isFirstFrame=!0)},renderFrame:function(){this.data.hd||this.hidden||(this.renderTransform(),this.renderRenderable(),this.renderElement(),this.renderInnerContent(),this._isFirstFrame&&(this._isFirstFrame=!1))},renderInnerContent:function(){},prepareFrame:function(t){this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),this.checkTransparency()},destroy:function(){this.innerElem=null,this.destroyBaseElement()}})],Et),Tt.prototype.reset=function(){this.d="",this._mdf=!1},It.prototype.setAsAnimated=function(){this._isAnimated=!0},S([_],zt),S([_],Vt),Rt.prototype.initGradientData=function(t,e,s){this.o=T.getProp(t,e.o,0,.01,this),this.s=T.getProp(t,e.s,1,null,this),this.e=T.getProp(t,e.e,1,null,this),this.h=T.getProp(t,e.h||{k:0},0,.01,this),this.a=T.getProp(t,e.a||{k:0},0,B,this),this.g=new J(t,e.g,this),this.style=s,this.stops=[],this.setGradientData(s.pElem,e),this.setGradientOpacity(e,s),this._isAnimated=!!this._isAnimated},Rt.prototype.setGradientData=function(t,e){var s="gr_"+C(10),i=D(1===e.t?"linearGradient":"radialGradient");i.setAttribute("id",s),i.setAttribute("spreadMethod","pad"),i.setAttribute("gradientUnits","userSpaceOnUse");var a,r,n,h=[];for(n=4*e.g.p,r=0;r<n;r+=4)a=D("stop"),i.appendChild(a),h.push(a);t.setAttribute("gf"===e.ty?"fill":"stroke","url("+A+"#"+s+")"),this.gf=i,this.cst=h},Rt.prototype.setGradientOpacity=function(t,e){if(this.g._hasOpacity&&!this.g._collapsable){var s,i,a,r=D("mask"),n=D("path");r.appendChild(n);var h="op_"+C(10),o="mk_"+C(10);r.setAttribute("id",o);var l=D(1===t.t?"linearGradient":"radialGradient");l.setAttribute("id",h),l.setAttribute("spreadMethod","pad"),l.setAttribute("gradientUnits","userSpaceOnUse"),a=t.g.k.k[0].s?t.g.k.k[0].s.length:t.g.k.k.length;var p=this.stops;for(i=4*t.g.p;i<a;i+=2)(s=D("stop")).setAttribute("stop-color","rgb(255,255,255)"),l.appendChild(s),p.push(s);n.setAttribute("gf"===t.ty?"fill":"stroke","url("+A+"#"+h+")"),this.of=l,this.ms=r,this.ost=p,this.maskId=o,e.msElem=n}},S([_],Rt),S([Rt,_],Nt);var Bt=function(){var g=new F,y=new F;function e(t,e,s){(s||e.transform.op._mdf)&&e.transform.container.setAttribute("opacity",e.transform.op.v),(s||e.transform.mProps._mdf)&&e.transform.container.setAttribute("transform",e.transform.mProps.v.to2dCSS())}function s(t,e,s){var i,a,r,n,h,o,l,p,f,m,d,c=e.styles.length,u=e.lvl;for(o=0;o<c;o+=1){if(n=e.sh._mdf||s,e.styles[o].lvl<u){for(p=y.reset(),m=u-e.styles[o].lvl,d=e.transformers.length-1;!n&&0<m;)n=e.transformers[d].mProps._mdf||n,m--,d--;if(n)for(m=u-e.styles[o].lvl,d=e.transformers.length-1;0<m;)f=e.transformers[d].mProps.v.props,p.transform(f[0],f[1],f[2],f[3],f[4],f[5],f[6],f[7],f[8],f[9],f[10],f[11],f[12],f[13],f[14],f[15]),m--,d--}else p=g;if(a=(l=e.sh.paths)._length,n){for(r="",i=0;i<a;i+=1)(h=l.shapes[i])&&h._length&&(r+=K(h,h._length,h.c,p));e.caches[o]=r}else r=e.caches[o];e.styles[o].d+=!0===t.hd?"":r,e.styles[o]._mdf=n||e.styles[o]._mdf}}function i(t,e,s){var i=e.style;(e.c._mdf||s)&&i.pElem.setAttribute("fill","rgb("+c(e.c.v[0])+","+c(e.c.v[1])+","+c(e.c.v[2])+")"),(e.o._mdf||s)&&i.pElem.setAttribute("fill-opacity",e.o.v)}function a(t,e,s){r(t,e,s),n(t,e,s)}function r(t,e,s){var i,a,r,n,h,o=e.gf,l=e.g._hasOpacity,p=e.s.v,f=e.e.v;if(e.o._mdf||s){var m="gf"===t.ty?"fill-opacity":"stroke-opacity";e.style.pElem.setAttribute(m,e.o.v)}if(e.s._mdf||s){var d=1===t.t?"x1":"cx",c="x1"===d?"y1":"cy";o.setAttribute(d,p[0]),o.setAttribute(c,p[1]),l&&!e.g._collapsable&&(e.of.setAttribute(d,p[0]),e.of.setAttribute(c,p[1]))}if(e.g._cmdf||s){i=e.cst;var u=e.g.c;for(r=i.length,a=0;a<r;a+=1)(n=i[a]).setAttribute("offset",u[4*a]+"%"),n.setAttribute("stop-color","rgb("+u[4*a+1]+","+u[4*a+2]+","+u[4*a+3]+")")}if(l&&(e.g._omdf||s)){var g=e.g.o;for(r=(i=e.g._collapsable?e.cst:e.ost).length,a=0;a<r;a+=1)n=i[a],e.g._collapsable||n.setAttribute("offset",g[2*a]+"%"),n.setAttribute("stop-opacity",g[2*a+1])}if(1===t.t)(e.e._mdf||s)&&(o.setAttribute("x2",f[0]),o.setAttribute("y2",f[1]),l&&!e.g._collapsable&&(e.of.setAttribute("x2",f[0]),e.of.setAttribute("y2",f[1])));else if((e.s._mdf||e.e._mdf||s)&&(h=Math.sqrt(Math.pow(p[0]-f[0],2)+Math.pow(p[1]-f[1],2)),o.setAttribute("r",h),l&&!e.g._collapsable&&e.of.setAttribute("r",h)),e.e._mdf||e.h._mdf||e.a._mdf||s){h||(h=Math.sqrt(Math.pow(p[0]-f[0],2)+Math.pow(p[1]-f[1],2)));var y=Math.atan2(f[1]-p[1],f[0]-p[0]),v=h*(1<=e.h.v?.99:e.h.v<=-1?-.99:e.h.v),b=Math.cos(y+e.a.v)*v+p[0],_=Math.sin(y+e.a.v)*v+p[1];o.setAttribute("fx",b),o.setAttribute("fy",_),l&&!e.g._collapsable&&(e.of.setAttribute("fx",b),e.of.setAttribute("fy",_))}}function n(t,e,s){var i=e.style,a=e.d;a&&(a._mdf||s)&&a.dashStr&&(i.pElem.setAttribute("stroke-dasharray",a.dashStr),i.pElem.setAttribute("stroke-dashoffset",a.dashoffset[0])),e.c&&(e.c._mdf||s)&&i.pElem.setAttribute("stroke","rgb("+c(e.c.v[0])+","+c(e.c.v[1])+","+c(e.c.v[2])+")"),(e.o._mdf||s)&&i.pElem.setAttribute("stroke-opacity",e.o.v),(e.w._mdf||s)&&(i.pElem.setAttribute("stroke-width",e.w.v),i.msElem&&i.msElem.setAttribute("stroke-width",e.w.v))}return{createRenderFunction:function(t){t.ty;switch(t.ty){case"fl":return i;case"gf":return r;case"gs":return a;case"st":return n;case"sh":case"el":case"rc":case"sr":return s;case"tr":return e}}}}();function qt(){}function jt(t,e,s){this.initFrame(),this.initBaseData(t,e,s),this.initFrame(),this.initTransform(t,e,s),this.initHierarchy()}function Gt(){}function Wt(){}function Xt(){}function Yt(){}function Ht(t,e,s){this.assetData=e.getAssetData(t.refId),this.initElement(t,e,s)}function Jt(t,e,s){this.initElement(t,e,s)}function Ut(t,e,s){this.layers=t.layers,this.supports3d=!0,this.completeLayers=!1,this.pendingElements=[],this.elements=this.layers?x(this.layers.length):[],this.initElement(t,e,s),this.tm=t.tm?T.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function Zt(t,e,s){this.textSpans=[],this.renderType="svg",this.initElement(t,e,s)}function Kt(t,e,s){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.shapeModifiers=[],this.itemsData=[],this.processedElements=[],this.animatedContents=[],this.initElement(t,e,s),this.prevViewData=[]}function Qt(t,e){this.filterManager=e;var s=D("feColorMatrix");if(s.setAttribute("type","matrix"),s.setAttribute("color-interpolation-filters","linearRGB"),s.setAttribute("values","0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"),s.setAttribute("result","f1"),t.appendChild(s),(s=D("feColorMatrix")).setAttribute("type","matrix"),s.setAttribute("color-interpolation-filters","sRGB"),s.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"),s.setAttribute("result","f2"),t.appendChild(s),this.matrixFilter=s,100!==e.effectElements[2].p.v||e.effectElements[2].p.k){var i,a=D("feMerge");t.appendChild(a),(i=D("feMergeNode")).setAttribute("in","SourceGraphic"),a.appendChild(i),(i=D("feMergeNode")).setAttribute("in","f2"),a.appendChild(i)}}function $t(t,e){this.filterManager=e;var s=D("feColorMatrix");s.setAttribute("type","matrix"),s.setAttribute("color-interpolation-filters","sRGB"),s.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"),t.appendChild(s),this.matrixFilter=s}function te(t,e){this.initialized=!1,this.filterManager=e,this.elem=t,this.paths=[]}function ee(t,e){this.filterManager=e;var s=D("feColorMatrix");s.setAttribute("type","matrix"),s.setAttribute("color-interpolation-filters","linearRGB"),s.setAttribute("values","0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"),s.setAttribute("result","f1"),t.appendChild(s);var i=D("feComponentTransfer");i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),this.matrixFilter=i;var a=D("feFuncR");a.setAttribute("type","table"),i.appendChild(a),this.feFuncR=a;var r=D("feFuncG");r.setAttribute("type","table"),i.appendChild(r),this.feFuncG=r;var n=D("feFuncB");n.setAttribute("type","table"),i.appendChild(n),this.feFuncB=n}function se(t,e){this.filterManager=e;var s=this.filterManager.effectElements,i=D("feComponentTransfer");(s[10].p.k||0!==s[10].p.v||s[11].p.k||1!==s[11].p.v||s[12].p.k||1!==s[12].p.v||s[13].p.k||0!==s[13].p.v||s[14].p.k||1!==s[14].p.v)&&(this.feFuncR=this.createFeFunc("feFuncR",i)),(s[17].p.k||0!==s[17].p.v||s[18].p.k||1!==s[18].p.v||s[19].p.k||1!==s[19].p.v||s[20].p.k||0!==s[20].p.v||s[21].p.k||1!==s[21].p.v)&&(this.feFuncG=this.createFeFunc("feFuncG",i)),(s[24].p.k||0!==s[24].p.v||s[25].p.k||1!==s[25].p.v||s[26].p.k||1!==s[26].p.v||s[27].p.k||0!==s[27].p.v||s[28].p.k||1!==s[28].p.v)&&(this.feFuncB=this.createFeFunc("feFuncB",i)),(s[31].p.k||0!==s[31].p.v||s[32].p.k||1!==s[32].p.v||s[33].p.k||1!==s[33].p.v||s[34].p.k||0!==s[34].p.v||s[35].p.k||1!==s[35].p.v)&&(this.feFuncA=this.createFeFunc("feFuncA",i)),(this.feFuncR||this.feFuncG||this.feFuncB||this.feFuncA)&&(i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),i=D("feComponentTransfer")),(s[3].p.k||0!==s[3].p.v||s[4].p.k||1!==s[4].p.v||s[5].p.k||1!==s[5].p.v||s[6].p.k||0!==s[6].p.v||s[7].p.k||1!==s[7].p.v)&&(i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),this.feFuncRComposed=this.createFeFunc("feFuncR",i),this.feFuncGComposed=this.createFeFunc("feFuncG",i),this.feFuncBComposed=this.createFeFunc("feFuncB",i))}function ie(t,e){t.setAttribute("x","-100%"),t.setAttribute("y","-100%"),t.setAttribute("width","400%"),t.setAttribute("height","400%"),this.filterManager=e;var s=D("feGaussianBlur");s.setAttribute("in","SourceAlpha"),s.setAttribute("result","drop_shadow_1"),s.setAttribute("stdDeviation","0"),this.feGaussianBlur=s,t.appendChild(s);var i=D("feOffset");i.setAttribute("dx","25"),i.setAttribute("dy","0"),i.setAttribute("in","drop_shadow_1"),i.setAttribute("result","drop_shadow_2"),this.feOffset=i,t.appendChild(i);var a=D("feFlood");a.setAttribute("flood-color","#00ff00"),a.setAttribute("flood-opacity","1"),a.setAttribute("result","drop_shadow_3"),this.feFlood=a,t.appendChild(a);var r=D("feComposite");r.setAttribute("in","drop_shadow_3"),r.setAttribute("in2","drop_shadow_2"),r.setAttribute("operator","in"),r.setAttribute("result","drop_shadow_4"),t.appendChild(r);var n,h=D("feMerge");t.appendChild(h),n=D("feMergeNode"),h.appendChild(n),(n=D("feMergeNode")).setAttribute("in","SourceGraphic"),this.feMergeNode=n,this.feMerge=h,this.originalNodeAdded=!1,h.appendChild(n)}qt.prototype={checkMasks:function(){if(!this.data.hasMask)return!1;for(var t=0,e=this.data.masksProperties.length;t<e;){if("n"!==this.data.masksProperties[t].mode&&!1!==this.data.masksProperties[t].cl)return!0;t+=1}return!1},initExpressions:function(){this.layerInterface=LayerExpressionInterface(this),this.data.hasMask&&this.maskManager&&this.layerInterface.registerMaskInterface(this.maskManager);var t=EffectsExpressionInterface.createEffectsInterface(this,this.layerInterface);this.layerInterface.registerEffectsInterface(t),0===this.data.ty||this.data.xt?this.compInterface=CompExpressionInterface(this):4===this.data.ty?(this.layerInterface.shapeInterface=ShapeExpressionInterface(this.shapesData,this.itemsData,this.layerInterface),this.layerInterface.content=this.layerInterface.shapeInterface):5===this.data.ty&&(this.layerInterface.textInterface=TextExpressionInterface(this),this.layerInterface.text=this.layerInterface.textInterface)},blendModeEnums:{1:"multiply",2:"screen",3:"overlay",4:"darken",5:"lighten",6:"color-dodge",7:"color-burn",8:"hard-light",9:"soft-light",10:"difference",11:"exclusion",12:"hue",13:"saturation",14:"color",15:"luminosity"},getBlendMode:function(){return this.blendModeEnums[this.data.bm]||""},setBlendMode:function(){var t=this.getBlendMode();(this.baseElement||this.layerElement).style["mix-blend-mode"]=t},initBaseData:function(t,e,s){this.globalData=e,this.comp=s,this.data=t,this.layerId="ly_"+C(10),this.data.sr||(this.data.sr=1),this.effectsManager=new pe(this.data,this,this.dynamicProperties)},getType:function(){return this.type}},jt.prototype.prepareFrame=function(t){this.prepareProperties(t,!0)},jt.prototype.renderFrame=function(){},jt.prototype.getBaseElement=function(){return null},jt.prototype.destroy=function(){},jt.prototype.sourceRectAtTime=function(){},jt.prototype.hide=function(){},S([qt,Ft,xt,Dt],jt),Gt.prototype={initRendererElement:function(){this.layerElement=D("g")},createContainerElements:function(){this.matteElement=D("g"),this.transformedElement=this.layerElement,this.maskedElement=this.layerElement,this._sizeChanged=!1;var t,e,s,i=null;if(this.data.td){if(3==this.data.td||1==this.data.td){var a=D("mask");a.setAttribute("id",this.layerId),a.setAttribute("mask-type",3==this.data.td?"luminance":"alpha"),a.appendChild(this.layerElement),i=a,this.globalData.defs.appendChild(a),$.maskType||1!=this.data.td||(a.setAttribute("mask-type","luminance"),t=C(10),e=tt.createFilter(t),this.globalData.defs.appendChild(e),e.appendChild(tt.createAlphaToLuminanceFilter()),(s=D("g")).appendChild(this.layerElement),i=s,a.appendChild(s),s.setAttribute("filter","url("+A+"#"+t+")"))}else if(2==this.data.td){var r=D("mask");r.setAttribute("id",this.layerId),r.setAttribute("mask-type","alpha");var n=D("g");r.appendChild(n),t=C(10),e=tt.createFilter(t);var h=D("feColorMatrix");h.setAttribute("type","matrix"),h.setAttribute("color-interpolation-filters","sRGB"),h.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"),e.appendChild(h),this.globalData.defs.appendChild(e);var o=D("rect");o.setAttribute("width",this.comp.data.w),o.setAttribute("height",this.comp.data.h),o.setAttribute("x","0"),o.setAttribute("y","0"),o.setAttribute("fill","#ffffff"),o.setAttribute("opacity","0"),n.setAttribute("filter","url("+A+"#"+t+")"),n.appendChild(o),n.appendChild(this.layerElement),i=n,$.maskType||(r.setAttribute("mask-type","luminance"),e.appendChild(tt.createAlphaToLuminanceFilter()),s=D("g"),n.appendChild(o),s.appendChild(this.layerElement),i=s,n.appendChild(s)),this.globalData.defs.appendChild(r)}}else this.data.tt?(this.matteElement.appendChild(this.layerElement),i=this.matteElement,this.baseElement=this.matteElement):this.baseElement=this.layerElement;if(this.data.ln&&this.layerElement.setAttribute("id",this.data.ln),this.data.cl&&this.layerElement.setAttribute("class",this.data.cl),0===this.data.ty&&!this.data.hd){var l=D("clipPath"),p=D("path");p.setAttribute("d","M0,0 L"+this.data.w+",0 L"+this.data.w+","+this.data.h+" L0,"+this.data.h+"z");var f="cp_"+C(8);if(l.setAttribute("id",f),l.appendChild(p),this.globalData.defs.appendChild(l),this.checkMasks()){var m=D("g");m.setAttribute("clip-path","url("+A+"#"+f+")"),m.appendChild(this.layerElement),this.transformedElement=m,i?i.appendChild(this.transformedElement):this.baseElement=this.transformedElement}else this.layerElement.setAttribute("clip-path","url("+A+"#"+f+")")}0!==this.data.bm&&this.setBlendMode()},renderElement:function(){this.finalTransform._matMdf&&this.transformedElement.setAttribute("transform",this.finalTransform.mat.to2dCSS()),this.finalTransform._opMdf&&this.transformedElement.setAttribute("opacity",this.finalTransform.mProp.o.v)},destroyBaseElement:function(){this.layerElement=null,this.matteElement=null,this.maskManager.destroy()},getBaseElement:function(){return this.data.hd?null:this.baseElement},createRenderableComponents:function(){this.maskManager=new Ct(this.data,this,this.globalData),this.renderableEffectsManager=new he(this)},setMatte:function(t){this.matteElement&&this.matteElement.setAttribute("mask","url("+A+"#"+t+")")}},Wt.prototype={addShapeToModifiers:function(t){var e,s=this.shapeModifiers.length;for(e=0;e<s;e+=1)this.shapeModifiers[e].addShape(t)},isShapeInAnimatedModifiers:function(t){for(var e=this.shapeModifiers.length;0<e;)if(this.shapeModifiers[0].isAnimatedWithShape(t))return!0;return!1},renderModifiers:function(){if(this.shapeModifiers.length){var t,e=this.shapes.length;for(t=0;t<e;t+=1)this.shapes[t].sh.reset();for(t=(e=this.shapeModifiers.length)-1;0<=t;t-=1)this.shapeModifiers[t].processShapes(this._isFirstFrame)}},lcEnum:{1:"butt",2:"round",3:"square"},ljEnum:{1:"miter",2:"round",3:"bevel"},searchProcessedElement:function(t){for(var e=this.processedElements,s=0,i=e.length;s<i;){if(e[s].elem===t)return e[s].pos;s+=1}return 0},addProcessedElement:function(t,e){for(var s=this.processedElements,i=s.length;i;)if(s[i-=1].elem===t)return void(s[i].pos=e);s.push(new wt(t,e))},prepareFrame:function(t){this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange)}},Xt.prototype.initElement=function(t,e,s){this.lettersChangedFlag=!0,this.initFrame(),this.initBaseData(t,e,s),this.textProperty=new at(this,t.t,this.dynamicProperties),this.textAnimator=new st(t.t,this.renderType,this),this.initTransform(t,e,s),this.initHierarchy(),this.initRenderable(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),this.createContent(),this.hide(),this.textAnimator.searchProperties(this.dynamicProperties)},Xt.prototype.prepareFrame=function(t){this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),(this.textProperty._mdf||this.textProperty._isFirstFrame)&&(this.buildNewText(),this.textProperty._isFirstFrame=!1,this.textProperty._mdf=!1)},Xt.prototype.createPathShape=function(t,e){var s,i,a=e.length,r="";for(s=0;s<a;s+=1)i=e[s].ks.k,r+=K(i,i.i.length,!0,t);return r},Xt.prototype.updateDocumentData=function(t,e){this.textProperty.updateDocumentData(t,e)},Xt.prototype.canResizeFont=function(t){this.textProperty.canResizeFont(t)},Xt.prototype.setMinimumFontSize=function(t){this.textProperty.setMinimumFontSize(t)},Xt.prototype.applyTextPropertiesToMatrix=function(t,e,s,i,a){switch(t.ps&&e.translate(t.ps[0],t.ps[1]+t.ascent,0),e.translate(0,-t.ls,0),t.j){case 1:e.translate(t.justifyOffset+(t.boxWidth-t.lineWidths[s]),0,0);break;case 2:e.translate(t.justifyOffset+(t.boxWidth-t.lineWidths[s])/2,0,0)}e.translate(i,a,0)},Xt.prototype.buildColor=function(t){return"rgb("+Math.round(255*t[0])+","+Math.round(255*t[1])+","+Math.round(255*t[2])+")"},Xt.prototype.emptyProp=new dt,Xt.prototype.destroy=function(){},S([qt,Ft,xt,Dt,Et],Yt),Yt.prototype.initElement=function(t,e,s){this.initFrame(),this.initBaseData(t,e,s),this.initTransform(t,e,s),this.initRenderable(),this.initHierarchy(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),!this.data.xt&&e.progressiveLoad||this.buildAllItems(),this.hide()},Yt.prototype.prepareFrame=function(t){if(this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),this.isInRange||this.data.xt){if(this.tm._placeholder)this.renderedFrame=t/this.data.sr;else{var e=this.tm.v;e===this.data.op&&(e=this.data.op-1),this.renderedFrame=e}var s,i=this.elements.length;for(this.completeLayers||this.checkLayers(this.renderedFrame),s=i-1;0<=s;s-=1)(this.completeLayers||this.elements[s])&&(this.elements[s].prepareFrame(this.renderedFrame-this.layers[s].st),this.elements[s]._mdf&&(this._mdf=!0))}},Yt.prototype.renderInnerContent=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)(this.completeLayers||this.elements[t])&&this.elements[t].renderFrame()},Yt.prototype.setElements=function(t){this.elements=t},Yt.prototype.getElements=function(){return this.elements},Yt.prototype.destroyElements=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)this.elements[t]&&this.elements[t].destroy()},Yt.prototype.destroy=function(){this.destroyElements(),this.destroyBaseElement()},S([qt,Ft,Gt,xt,Dt,Et],Ht),Ht.prototype.createContent=function(){var t=this.globalData.getAssetsPath(this.assetData);this.innerElem=D("image"),this.innerElem.setAttribute("width",this.assetData.w+"px"),this.innerElem.setAttribute("height",this.assetData.h+"px"),this.innerElem.setAttribute("preserveAspectRatio",this.assetData.pr||this.globalData.renderConfig.imagePreserveAspectRatio),this.innerElem.setAttributeNS("http://www.w3.org/1999/xlink","href",t),this.layerElement.appendChild(this.innerElem)},S([Ht],Jt),Jt.prototype.createContent=function(){var t=D("rect");t.setAttribute("width",this.data.sw),t.setAttribute("height",this.data.sh),t.setAttribute("fill",this.data.sc),this.layerElement.appendChild(t)},S([Pt,Yt,Gt],Ut),S([qt,Ft,Gt,xt,Dt,Et,Xt],Zt),Zt.prototype.createContent=function(){this.data.singleShape&&!this.globalData.fontManager.chars&&(this.textContainer=D("text"))},Zt.prototype.buildTextContents=function(t){for(var e=0,s=t.length,i=[],a="";e<s;)t[e]===String.fromCharCode(13)||t[e]===String.fromCharCode(3)?(i.push(a),a=""):a+=t[e],e+=1;return i.push(a),i},Zt.prototype.buildNewText=function(){var t,e,s=this.textProperty.currentData;this.renderedLetters=x(s?s.l.length:0),s.fc?this.layerElement.setAttribute("fill",this.buildColor(s.fc)):this.layerElement.setAttribute("fill","rgba(0,0,0,0)"),s.sc&&(this.layerElement.setAttribute("stroke",this.buildColor(s.sc)),this.layerElement.setAttribute("stroke-width",s.sw)),this.layerElement.setAttribute("font-size",s.finalSize);var i=this.globalData.fontManager.getFontByName(s.f);if(i.fClass)this.layerElement.setAttribute("class",i.fClass);else{this.layerElement.setAttribute("font-family",i.fFamily);var a=s.fWeight,r=s.fStyle;this.layerElement.setAttribute("font-style",r),this.layerElement.setAttribute("font-weight",a)}var n,h=s.l||[],o=!!this.globalData.fontManager.chars;e=h.length;var l,p=this.mHelper,f="",m=this.data.singleShape,d=0,c=0,u=!0,g=s.tr/1e3*s.finalSize;if(!m||o||s.sz){var y,v,b=this.textSpans.length;for(t=0;t<e;t+=1)o&&m&&0!==t||(n=t<b?this.textSpans[t]:D(o?"path":"text"),b<=t&&(n.setAttribute("stroke-linecap","butt"),n.setAttribute("stroke-linejoin","round"),n.setAttribute("stroke-miterlimit","4"),this.textSpans[t]=n,this.layerElement.appendChild(n)),n.style.display="inherit"),p.reset(),p.scale(s.finalSize/100,s.finalSize/100),m&&(h[t].n&&(d=-g,c+=s.yOffset,c+=u?1:0,u=!1),this.applyTextPropertiesToMatrix(s,p,h[t].line,d,c),d+=h[t].l||0,d+=g),o?(l=(y=(v=this.globalData.fontManager.getCharData(s.finalText[t],i.fStyle,this.globalData.fontManager.getFontByName(s.f).fFamily))&&v.data||{}).shapes?y.shapes[0].it:[],m?f+=this.createPathShape(p,l):n.setAttribute("d",this.createPathShape(p,l))):(m&&n.setAttribute("transform","translate("+p.props[12]+","+p.props[13]+")"),n.textContent=h[t].val,n.setAttributeNS("http://www.w3.org/XML/1998/namespace","xml:space","preserve"));m&&n&&n.setAttribute("d",f)}else{var _=this.textContainer,k="start";switch(s.j){case 1:k="end";break;case 2:k="middle"}_.setAttribute("text-anchor",k),_.setAttribute("letter-spacing",g);var A=this.buildTextContents(s.finalText);for(e=A.length,c=s.ps?s.ps[1]+s.ascent:0,t=0;t<e;t+=1)(n=this.textSpans[t]||D("tspan")).textContent=A[t],n.setAttribute("x",0),n.setAttribute("y",c),n.style.display="inherit",_.appendChild(n),this.textSpans[t]=n,c+=s.finalLineHeight;this.layerElement.appendChild(_)}for(;t<this.textSpans.length;)this.textSpans[t].style.display="none",t+=1;this._sizeChanged=!0},Zt.prototype.sourceRectAtTime=function(t){if(this.prepareFrame(this.comp.renderedFrame-this.data.st),this.renderInnerContent(),this._sizeChanged){this._sizeChanged=!1;var e=this.layerElement.getBBox();this.bbox={top:e.y,left:e.x,width:e.width,height:e.height}}return this.bbox},Zt.prototype.renderInnerContent=function(){if(!this.data.singleShape&&(this.textAnimator.getMeasures(this.textProperty.currentData,this.lettersChangedFlag),this.lettersChangedFlag||this.textAnimator.lettersChangedFlag)){var t,e;this._sizeChanged=!0;var s,i,a=this.textAnimator.renderedLetters,r=this.textProperty.currentData.l;for(e=r.length,t=0;t<e;t+=1)r[t].n||(s=a[t],i=this.textSpans[t],s._mdf.m&&i.setAttribute("transform",s.m),s._mdf.o&&i.setAttribute("opacity",s.o),s._mdf.sw&&i.setAttribute("stroke-width",s.sw),s._mdf.sc&&i.setAttribute("stroke",s.sc),s._mdf.fc&&i.setAttribute("fill",s.fc))}},S([qt,Ft,Gt,Wt,xt,Dt,Et],Kt),Kt.prototype.initSecondaryElement=function(){},Kt.prototype.identityMatrix=new F,Kt.prototype.buildExpressionInterface=function(){},Kt.prototype.createContent=function(){this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes()},Kt.prototype.filterUniqueShapes=function(){var t,e,s,i,a=this.shapes.length,r=this.stylesList.length,n=[],h=!1;for(s=0;s<r;s+=1){for(i=this.stylesList[s],h=!1,t=n.length=0;t<a;t+=1)-1!==(e=this.shapes[t]).styles.indexOf(i)&&(n.push(e),h=e._isAnimated||h);1<n.length&&h&&this.setShapesAsAnimated(n)}},Kt.prototype.setShapesAsAnimated=function(t){var e,s=t.length;for(e=0;e<s;e+=1)t[e].setAsAnimated()},Kt.prototype.createStyleElement=function(t,e){var s,i=new Tt(t,e),a=i.pElem;if("st"===t.ty)s=new zt(this,t,i);else if("fl"===t.ty)s=new Vt(this,t,i);else if("gf"===t.ty||"gs"===t.ty){s=new("gf"===t.ty?Rt:Nt)(this,t,i),this.globalData.defs.appendChild(s.gf),s.maskId&&(this.globalData.defs.appendChild(s.ms),this.globalData.defs.appendChild(s.of),a.setAttribute("mask","url("+A+"#"+s.maskId+")"))}return"st"!==t.ty&&"gs"!==t.ty||(a.setAttribute("stroke-linecap",this.lcEnum[t.lc]||"round"),a.setAttribute("stroke-linejoin",this.ljEnum[t.lj]||"round"),a.setAttribute("fill-opacity","0"),1===t.lj&&a.setAttribute("stroke-miterlimit",t.ml)),2===t.r&&a.setAttribute("fill-rule","evenodd"),t.ln&&a.setAttribute("id",t.ln),t.cl&&a.setAttribute("class",t.cl),this.stylesList.push(i),this.addToAnimatedContents(t,s),s},Kt.prototype.createGroupElement=function(t){var e=new Ot;return t.ln&&e.gr.setAttribute("id",t.ln),t.cl&&e.gr.setAttribute("class",t.cl),e},Kt.prototype.createTransformElement=function(t,e){var s=I.getTransformProperty(this,t,this),i=new Lt(s,s.o,e);return this.addToAnimatedContents(t,i),i},Kt.prototype.createShapeElement=function(t,e,s){var i=4;"rc"===t.ty?i=5:"el"===t.ty?i=6:"sr"===t.ty&&(i=7);var a=new It(e,s,R.getShapeProp(this,t,i,this));return this.shapes.push(a),this.addShapeToModifiers(a),this.addToAnimatedContents(t,a),a},Kt.prototype.addToAnimatedContents=function(t,e){for(var s=0,i=this.animatedContents.length;s<i;){if(this.animatedContents[s].element===e)return;s+=1}this.animatedContents.push({fn:Bt.createRenderFunction(t),element:e,data:t})},Kt.prototype.setElementStyles=function(t){var e,s=t.styles,i=this.stylesList.length;for(e=0;e<i;e+=1)this.stylesList[e].closed||s.push(this.stylesList[e])},Kt.prototype.reloadShapes=function(){this._isFirstFrame=!0;var t,e=this.itemsData.length;for(t=0;t<e;t+=1)this.prevViewData[t]=this.itemsData[t];for(this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes(),e=this.dynamicProperties.length,t=0;t<e;t+=1)this.dynamicProperties[t].getValue();this.renderModifiers()},Kt.prototype.searchShapes=function(t,e,s,i,a,r,n){var h,o,l,p,f,m,d=[].concat(r),c=t.length-1,u=[],g=[];for(h=c;0<=h;h-=1){if((m=this.searchProcessedElement(t[h]))?e[h]=s[m-1]:t[h]._render=n,"fl"==t[h].ty||"st"==t[h].ty||"gf"==t[h].ty||"gs"==t[h].ty)m?e[h].style.closed=!1:e[h]=this.createStyleElement(t[h],a),t[h]._render&&i.appendChild(e[h].style.pElem),u.push(e[h].style);else if("gr"==t[h].ty){if(m)for(l=e[h].it.length,o=0;o<l;o+=1)e[h].prevViewData[o]=e[h].it[o];else e[h]=this.createGroupElement(t[h]);this.searchShapes(t[h].it,e[h].it,e[h].prevViewData,e[h].gr,a+1,d,n),t[h]._render&&i.appendChild(e[h].gr)}else"tr"==t[h].ty?(m||(e[h]=this.createTransformElement(t[h],i)),p=e[h].transform,d.push(p)):"sh"==t[h].ty||"rc"==t[h].ty||"el"==t[h].ty||"sr"==t[h].ty?(m||(e[h]=this.createShapeElement(t[h],d,a)),this.setElementStyles(e[h])):"tm"==t[h].ty||"rd"==t[h].ty||"ms"==t[h].ty?(m?(f=e[h]).closed=!1:((f=N.getModifier(t[h].ty)).init(this,t[h]),e[h]=f,this.shapeModifiers.push(f)),g.push(f)):"rp"==t[h].ty&&(m?(f=e[h]).closed=!0:(f=N.getModifier(t[h].ty),(e[h]=f).init(this,t,h,e),this.shapeModifiers.push(f),n=!1),g.push(f));this.addProcessedElement(t[h],h+1)}for(c=u.length,h=0;h<c;h+=1)u[h].closed=!0;for(c=g.length,h=0;h<c;h+=1)g[h].closed=!0},Kt.prototype.renderInnerContent=function(){this.renderModifiers();var t,e=this.stylesList.length;for(t=0;t<e;t+=1)this.stylesList[t].reset();for(this.renderShape(),t=0;t<e;t+=1)(this.stylesList[t]._mdf||this._isFirstFrame)&&(this.stylesList[t].msElem&&(this.stylesList[t].msElem.setAttribute("d",this.stylesList[t].d),this.stylesList[t].d="M0 0"+this.stylesList[t].d),this.stylesList[t].pElem.setAttribute("d",this.stylesList[t].d||"M0 0"))},Kt.prototype.renderShape=function(){var t,e,s=this.animatedContents.length;for(t=0;t<s;t+=1)e=this.animatedContents[t],(this._isFirstFrame||e.element._isAnimated)&&!0!==e.data&&e.fn(e.data,e.element,this._isFirstFrame)},Kt.prototype.destroy=function(){this.destroyBaseElement(),this.shapesData=null,this.itemsData=null},Qt.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[0].p.v,s=this.filterManager.effectElements[1].p.v,i=this.filterManager.effectElements[2].p.v/100;this.matrixFilter.setAttribute("values",s[0]-e[0]+" 0 0 0 "+e[0]+" "+(s[1]-e[1])+" 0 0 0 "+e[1]+" "+(s[2]-e[2])+" 0 0 0 "+e[2]+" 0 0 0 "+i+" 0")}},$t.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[2].p.v,s=this.filterManager.effectElements[6].p.v;this.matrixFilter.setAttribute("values","0 0 0 0 "+e[0]+" 0 0 0 0 "+e[1]+" 0 0 0 0 "+e[2]+" 0 0 0 "+s+" 0")}},te.prototype.initialize=function(){var t,e,s,i,a=this.elem.layerElement.children||this.elem.layerElement.childNodes;for(1===this.filterManager.effectElements[1].p.v?(i=this.elem.maskManager.masksProperties.length,s=0):i=(s=this.filterManager.effectElements[0].p.v-1)+1,(e=D("g")).setAttribute("fill","none"),e.setAttribute("stroke-linecap","round"),e.setAttribute("stroke-dashoffset",1);s<i;s+=1)t=D("path"),e.appendChild(t),this.paths.push({p:t,m:s});if(3===this.filterManager.effectElements[10].p.v){var r=D("mask"),n="stms_"+C(10);r.setAttribute("id",n),r.setAttribute("mask-type","alpha"),r.appendChild(e),this.elem.globalData.defs.appendChild(r);var h=D("g");for(h.setAttribute("mask","url("+A+"#"+n+")");a[0];)h.appendChild(a[0]);this.elem.layerElement.appendChild(h),this.masker=r,e.setAttribute("stroke","#fff")}else if(1===this.filterManager.effectElements[10].p.v||2===this.filterManager.effectElements[10].p.v){if(2===this.filterManager.effectElements[10].p.v)for(a=this.elem.layerElement.children||this.elem.layerElement.childNodes;a.length;)this.elem.layerElement.removeChild(a[0]);this.elem.layerElement.appendChild(e),this.elem.layerElement.removeAttribute("mask"),e.setAttribute("stroke","#fff")}this.initialized=!0,this.pathMasker=e},te.prototype.renderFrame=function(t){this.initialized||this.initialize();var e,s,i,a=this.paths.length;for(e=0;e<a;e+=1)if(-1!==this.paths[e].m&&(s=this.elem.maskManager.viewData[this.paths[e].m],i=this.paths[e].p,(t||this.filterManager._mdf||s.prop._mdf)&&i.setAttribute("d",s.lastPath),t||this.filterManager.effectElements[9].p._mdf||this.filterManager.effectElements[4].p._mdf||this.filterManager.effectElements[7].p._mdf||this.filterManager.effectElements[8].p._mdf||s.prop._mdf)){var r;if(0!==this.filterManager.effectElements[7].p.v||100!==this.filterManager.effectElements[8].p.v){var n=Math.min(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v)/100,h=Math.max(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v)/100,o=i.getTotalLength();r="0 0 0 "+o*n+" ";var l,p=o*(h-n),f=1+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v/100,m=Math.floor(p/f);for(l=0;l<m;l+=1)r+="1 "+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v/100+" ";r+="0 "+10*o+" 0 0"}else r="1 "+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v/100;i.setAttribute("stroke-dasharray",r)}if((t||this.filterManager.effectElements[4].p._mdf)&&this.pathMasker.setAttribute("stroke-width",2*this.filterManager.effectElements[4].p.v),(t||this.filterManager.effectElements[6].p._mdf)&&this.pathMasker.setAttribute("opacity",this.filterManager.effectElements[6].p.v),(1===this.filterManager.effectElements[10].p.v||2===this.filterManager.effectElements[10].p.v)&&(t||this.filterManager.effectElements[3].p._mdf)){var d=this.filterManager.effectElements[3].p.v;this.pathMasker.setAttribute("stroke","rgb("+c(255*d[0])+","+c(255*d[1])+","+c(255*d[2])+")")}},ee.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[0].p.v,s=this.filterManager.effectElements[1].p.v,i=this.filterManager.effectElements[2].p.v,a=i[0]+" "+s[0]+" "+e[0],r=i[1]+" "+s[1]+" "+e[1],n=i[2]+" "+s[2]+" "+e[2];this.feFuncR.setAttribute("tableValues",a),this.feFuncG.setAttribute("tableValues",r),this.feFuncB.setAttribute("tableValues",n)}},se.prototype.createFeFunc=function(t,e){var s=D(t);return s.setAttribute("type","table"),e.appendChild(s),s},se.prototype.getTableValue=function(t,e,s,i,a){for(var r,n,h=0,o=Math.min(t,e),l=Math.max(t,e),p=Array.call(null,{length:256}),f=0,m=a-i,d=e-t;h<=256;)n=(r=h/256)<=o?d<0?a:i:l<=r?d<0?i:a:i+m*Math.pow((r-t)/d,1/s),p[f++]=n,h+=256/255;return p.join(" ")},se.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e,s=this.filterManager.effectElements;this.feFuncRComposed&&(t||s[3].p._mdf||s[4].p._mdf||s[5].p._mdf||s[6].p._mdf||s[7].p._mdf)&&(e=this.getTableValue(s[3].p.v,s[4].p.v,s[5].p.v,s[6].p.v,s[7].p.v),this.feFuncRComposed.setAttribute("tableValues",e),this.feFuncGComposed.setAttribute("tableValues",e),this.feFuncBComposed.setAttribute("tableValues",e)),this.feFuncR&&(t||s[10].p._mdf||s[11].p._mdf||s[12].p._mdf||s[13].p._mdf||s[14].p._mdf)&&(e=this.getTableValue(s[10].p.v,s[11].p.v,s[12].p.v,s[13].p.v,s[14].p.v),this.feFuncR.setAttribute("tableValues",e)),this.feFuncG&&(t||s[17].p._mdf||s[18].p._mdf||s[19].p._mdf||s[20].p._mdf||s[21].p._mdf)&&(e=this.getTableValue(s[17].p.v,s[18].p.v,s[19].p.v,s[20].p.v,s[21].p.v),this.feFuncG.setAttribute("tableValues",e)),this.feFuncB&&(t||s[24].p._mdf||s[25].p._mdf||s[26].p._mdf||s[27].p._mdf||s[28].p._mdf)&&(e=this.getTableValue(s[24].p.v,s[25].p.v,s[26].p.v,s[27].p.v,s[28].p.v),this.feFuncB.setAttribute("tableValues",e)),this.feFuncA&&(t||s[31].p._mdf||s[32].p._mdf||s[33].p._mdf||s[34].p._mdf||s[35].p._mdf)&&(e=this.getTableValue(s[31].p.v,s[32].p.v,s[33].p.v,s[34].p.v,s[35].p.v),this.feFuncA.setAttribute("tableValues",e))}},ie.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){if((t||this.filterManager.effectElements[4].p._mdf)&&this.feGaussianBlur.setAttribute("stdDeviation",this.filterManager.effectElements[4].p.v/4),t||this.filterManager.effectElements[0].p._mdf){var e=this.filterManager.effectElements[0].p.v;this.feFlood.setAttribute("flood-color",y(Math.round(255*e[0]),Math.round(255*e[1]),Math.round(255*e[2])))}if((t||this.filterManager.effectElements[1].p._mdf)&&this.feFlood.setAttribute("flood-opacity",this.filterManager.effectElements[1].p.v/255),t||this.filterManager.effectElements[2].p._mdf||this.filterManager.effectElements[3].p._mdf){var s=this.filterManager.effectElements[3].p.v,i=(this.filterManager.effectElements[2].p.v-90)*B,a=s*Math.cos(i),r=s*Math.sin(i);this.feOffset.setAttribute("dx",a),this.feOffset.setAttribute("dy",r)}}};var ae=[],re=0;function ne(t,e,s){this.initialized=!1,this.filterManager=e,this.filterElem=t,(this.elem=s).matteElement=D("g"),s.matteElement.appendChild(s.layerElement),s.matteElement.appendChild(s.transformedElement),s.baseElement=s.matteElement}function he(t){var e,s,i=t.data.ef?t.data.ef.length:0,a=C(10),r=tt.createFilter(a),n=0;for(this.filters=[],e=0;e<i;e+=1)s=null,20===t.data.ef[e].ty?(n+=1,s=new Qt(r,t.effectsManager.effectElements[e])):21===t.data.ef[e].ty?(n+=1,s=new $t(r,t.effectsManager.effectElements[e])):22===t.data.ef[e].ty?s=new te(t,t.effectsManager.effectElements[e]):23===t.data.ef[e].ty?(n+=1,s=new ee(r,t.effectsManager.effectElements[e])):24===t.data.ef[e].ty?(n+=1,s=new se(r,t.effectsManager.effectElements[e])):25===t.data.ef[e].ty?(n+=1,s=new ie(r,t.effectsManager.effectElements[e])):28===t.data.ef[e].ty&&(s=new ne(r,t.effectsManager.effectElements[e],t)),s&&this.filters.push(s);n&&(t.globalData.defs.appendChild(r),t.layerElement.setAttribute("filter","url("+A+"#"+a+")")),this.filters.length&&t.addRenderableComponent(this)}ne.prototype.findSymbol=function(t){for(var e=0,s=ae.length;e<s;){if(ae[e]===t)return ae[e];e+=1}return null},ne.prototype.replaceInParent=function(t,e){var s=t.layerElement.parentNode;if(s){for(var i,a=s.children,r=0,n=a.length;r<n&&a[r]!==t.layerElement;)r+=1;r<=n-2&&(i=a[r+1]);var h=D("use");h.setAttribute("href","#"+e),i?s.insertBefore(h,i):s.appendChild(h)}},ne.prototype.setElementAsMask=function(t,e){if(!this.findSymbol(e)){var s="matte_"+C(5)+"_"+re++,i=D("mask");i.setAttribute("id",e.layerId),i.setAttribute("mask-type","alpha"),ae.push(e);var a=t.globalData.defs;a.appendChild(i);var r=D("symbol");r.setAttribute("id",s),this.replaceInParent(e,s),r.appendChild(e.layerElement),a.appendChild(r);var n=D("use");n.setAttribute("href","#"+s),i.appendChild(n),e.data.hd=!1,e.show()}t.setMatte(e.layerId)},ne.prototype.initialize=function(){for(var t=this.filterManager.effectElements[0].p.v,e=this.elem.comp.elements,s=0,i=e.length;s<i;)e[s]&&e[s].data.ind===t&&this.setElementAsMask(this.elem,e[s]),s+=1;this.initialized=!0},ne.prototype.renderFrame=function(){this.initialized||this.initialize()},he.prototype.renderFrame=function(t){var e,s=this.filters.length;for(e=0;e<s;e+=1)this.filters[e].renderFrame(t)};var oe=function(){var t={},a=[],i=0,r=0,n=0,h=!0,o=!1;function s(t){for(var e=0,s=t.target;e<r;)a[e].animation===s&&(a.splice(e,1),e-=1,r-=1,s.isPaused||f()),e+=1}function l(t,e){if(!t)return null;for(var s=0;s<r;){if(a[s].elem==t&&null!==a[s].elem)return a[s].animation;s+=1}var i=new le;return m(i,t),i.setData(t,e),i}function p(){n+=1,c()}function f(){n-=1}function m(t,e){t.addEventListener("destroy",s),t.addEventListener("_active",p),t.addEventListener("_idle",f),a.push({elem:e,animation:t}),r+=1}function d(t){var e,s=t-i;for(e=0;e<r;e+=1)a[e].animation.advanceTime(s);i=t,n&&!o?u.requestAnimationFrame(d):h=!0}function e(t){i=t,u.requestAnimationFrame(d)}function c(){!o&&n&&h&&(u.requestAnimationFrame(e),h=!1)}return t.registerAnimation=l,t.loadAnimation=function(t){var e=new le;return m(e,null),e.setParams(t),e},t.setSpeed=function(t,e){var s;for(s=0;s<r;s+=1)a[s].animation.setSpeed(t,e)},t.setDirection=function(t,e){var s;for(s=0;s<r;s+=1)a[s].animation.setDirection(t,e)},t.play=function(t){var e;for(e=0;e<r;e+=1)a[e].animation.play(t)},t.pause=function(t){var e;for(e=0;e<r;e+=1)a[e].animation.pause(t)},t.stop=function(t){var e;for(e=0;e<r;e+=1)a[e].animation.stop(t)},t.togglePause=function(t){var e;for(e=0;e<r;e+=1)a[e].animation.togglePause(t)},t.searchAnimations=function(t,e,s){var i,a=[].concat([].slice.call(document.getElementsByClassName("lottie")),[].slice.call(document.getElementsByClassName("bodymovin"))),r=a.length;for(i=0;i<r;i+=1)s&&a[i].setAttribute("data-bm-type",s),l(a[i],t);if(e&&0===r){s||(s="svg");var n=document.getElementsByTagName("body")[0];n.innerHTML="";var h=b("div");h.style.width="100%",h.style.height="100%",h.setAttribute("data-bm-type",s),n.appendChild(h),l(h,t)}},t.resize=function(){var t;for(t=0;t<r;t+=1)a[t].animation.resize()},t.goToAndStop=function(t,e,s){var i;for(i=0;i<r;i+=1)a[i].animation.goToAndStop(t,e,s)},t.destroy=function(t){var e;for(e=r-1;0<=e;e-=1)a[e].animation.destroy(t)},t.freeze=function(){o=!0},t.unfreeze=function(){o=!1,c()},t.getRegisteredAnimations=function(){var t,e=a.length,s=[];for(t=0;t<e;t+=1)s.push(a[t].animation);return s},t}(),le=function(){this._cbs=[],this.name="",this.path="",this.isLoaded=!1,this.currentFrame=0,this.currentRawFrame=0,this.totalFrames=0,this.frameRate=0,this.frameMult=0,this.playSpeed=1,this.playDirection=1,this.playCount=0,this.animationData={},this.assets=[],this.isPaused=!0,this.autoplay=!1,this.loop=!0,this.renderer=null,this.animationID=C(10),this.assetsPath="",this.timeCompleted=0,this.segmentPos=0,this.subframeEnabled=i,this.segments=[],this._idle=!0,this._completedLoop=!1,this.projectInterface={},this.imagePreloader=new Q};function pe(){}S([t],le),le.prototype.setParams=function(t){t.context&&(this.context=t.context),(t.wrapper||t.container)&&(this.wrapper=t.wrapper||t.container);var e=t.animType?t.animType:t.renderer?t.renderer:"svg";switch(e){case"canvas":this.renderer=new CanvasRenderer(this,t.rendererSettings);break;case"svg":this.renderer=new Pt(this,t.rendererSettings);break;default:this.renderer=new HybridRenderer(this,t.rendererSettings)}this.renderer.setProjectInterface(this.projectInterface),this.animType=e,""===t.loop||null===t.loop||(!1===t.loop?this.loop=!1:!0===t.loop?this.loop=!0:this.loop=parseInt(t.loop)),this.autoplay=!("autoplay"in t)||t.autoplay,this.name=t.name?t.name:"",this.autoloadSegments=!t.hasOwnProperty("autoloadSegments")||t.autoloadSegments,this.assetsPath=t.assetsPath,t.animationData?this.configAnimation(t.animationData):t.path&&("json"!=t.path.substr(-4)&&("/"!=t.path.substr(-1,1)&&(t.path+="/"),t.path+="data.json"),-1!=t.path.lastIndexOf("\\")?this.path=t.path.substr(0,t.path.lastIndexOf("\\")+1):this.path=t.path.substr(0,t.path.lastIndexOf("/")+1),this.fileName=t.path.substr(t.path.lastIndexOf("/")+1),this.fileName=this.fileName.substr(0,this.fileName.lastIndexOf(".json")),et.load(t.path,this.configAnimation.bind(this),function(){this.trigger("data_failed")}.bind(this)))},le.prototype.setData=function(t,e){var s={wrapper:t,animationData:e?"object"==typeof e?e:JSON.parse(e):null},i=t.attributes;s.path=i.getNamedItem("data-animation-path")?i.getNamedItem("data-animation-path").value:i.getNamedItem("data-bm-path")?i.getNamedItem("data-bm-path").value:i.getNamedItem("bm-path")?i.getNamedItem("bm-path").value:"",s.animType=i.getNamedItem("data-anim-type")?i.getNamedItem("data-anim-type").value:i.getNamedItem("data-bm-type")?i.getNamedItem("data-bm-type").value:i.getNamedItem("bm-type")?i.getNamedItem("bm-type").value:i.getNamedItem("data-bm-renderer")?i.getNamedItem("data-bm-renderer").value:i.getNamedItem("bm-renderer")?i.getNamedItem("bm-renderer").value:"canvas";var a=i.getNamedItem("data-anim-loop")?i.getNamedItem("data-anim-loop").value:i.getNamedItem("data-bm-loop")?i.getNamedItem("data-bm-loop").value:i.getNamedItem("bm-loop")?i.getNamedItem("bm-loop").value:"";""===a||(s.loop="false"!==a&&("true"===a||parseInt(a)));var r=i.getNamedItem("data-anim-autoplay")?i.getNamedItem("data-anim-autoplay").value:i.getNamedItem("data-bm-autoplay")?i.getNamedItem("data-bm-autoplay").value:!i.getNamedItem("bm-autoplay")||i.getNamedItem("bm-autoplay").value;s.autoplay="false"!==r,s.name=i.getNamedItem("data-name")?i.getNamedItem("data-name").value:i.getNamedItem("data-bm-name")?i.getNamedItem("data-bm-name").value:i.getNamedItem("bm-name")?i.getNamedItem("bm-name").value:"","false"===(i.getNamedItem("data-anim-prerender")?i.getNamedItem("data-anim-prerender").value:i.getNamedItem("data-bm-prerender")?i.getNamedItem("data-bm-prerender").value:i.getNamedItem("bm-prerender")?i.getNamedItem("bm-prerender").value:"")&&(s.prerender=!1),this.setParams(s)},le.prototype.includeLayers=function(t){t.op>this.animationData.op&&(this.animationData.op=t.op,this.totalFrames=Math.floor(t.op-this.animationData.ip));var e,s,i=this.animationData.layers,a=i.length,r=t.layers,n=r.length;for(s=0;s<n;s+=1)for(e=0;e<a;){if(i[e].id==r[s].id){i[e]=r[s];break}e+=1}if((t.chars||t.fonts)&&(this.renderer.globalData.fontManager.addChars(t.chars),this.renderer.globalData.fontManager.addFonts(t.fonts,this.renderer.globalData.defs)),t.assets)for(a=t.assets.length,e=0;e<a;e+=1)this.animationData.assets.push(t.assets[e]);this.animationData.__complete=!1,E.completeData(this.animationData,this.renderer.globalData.fontManager),this.renderer.includeLayers(t.layers),h&&h.initExpressions(this),this.loadNextSegment()},le.prototype.loadNextSegment=function(){var t=this.animationData.segments;if(!t||0===t.length||!this.autoloadSegments)return this.trigger("data_ready"),void(this.timeCompleted=this.totalFrames);var e=t.shift();this.timeCompleted=e.time*this.frameRate;var s=this.path+this.fileName+"_"+this.segmentPos+".json";this.segmentPos+=1,et.load(s,this.includeLayers.bind(this),function(){this.trigger("data_failed")}.bind(this))},le.prototype.loadSegments=function(){this.animationData.segments||(this.timeCompleted=this.totalFrames),this.loadNextSegment()},le.prototype.imagesLoaded=function(){this.trigger("loaded_images"),this.checkLoaded()},le.prototype.preloadImages=function(){this.imagePreloader.setAssetsPath(this.assetsPath),this.imagePreloader.setPath(this.path),this.imagePreloader.loadAssets(this.animationData.assets,this.imagesLoaded.bind(this))},le.prototype.configAnimation=function(t){this.renderer&&(this.animationData=t,this.totalFrames=Math.floor(this.animationData.op-this.animationData.ip),this.renderer.configAnimation(t),t.assets||(t.assets=[]),this.renderer.searchExtraCompositions(t.assets),this.assets=this.animationData.assets,this.frameRate=this.animationData.fr,this.firstFrame=Math.round(this.animationData.ip),this.frameMult=this.animationData.fr/1e3,this.trigger("config_ready"),this.preloadImages(),this.loadSegments(),this.updaFrameModifier(),this.waitForFontsLoaded())},le.prototype.waitForFontsLoaded=function(){this.renderer&&(this.renderer.globalData.fontManager.loaded()?this.checkLoaded():setTimeout(this.waitForFontsLoaded.bind(this),20))},le.prototype.checkLoaded=function(){this.isLoaded||!this.renderer.globalData.fontManager.loaded()||!this.imagePreloader.loaded()&&"canvas"===this.renderer.rendererType||(this.isLoaded=!0,E.completeData(this.animationData,this.renderer.globalData.fontManager),h&&h.initExpressions(this),this.renderer.initItems(),setTimeout(function(){this.trigger("DOMLoaded")}.bind(this),0),this.gotoFrame(),this.autoplay&&this.play())},le.prototype.resize=function(){this.renderer.updateContainerSize()},le.prototype.setSubframe=function(t){this.subframeEnabled=!!t},le.prototype.gotoFrame=function(){this.currentFrame=this.subframeEnabled?this.currentRawFrame:~~this.currentRawFrame,this.timeCompleted!==this.totalFrames&&this.currentFrame>this.timeCompleted&&(this.currentFrame=this.timeCompleted),this.trigger("enterFrame"),this.renderFrame()},le.prototype.renderFrame=function(){!1!==this.isLoaded&&this.renderer.renderFrame(this.currentFrame+this.firstFrame)},le.prototype.play=function(t){t&&this.name!=t||!0===this.isPaused&&(this.isPaused=!1,this._idle&&(this._idle=!1,this.trigger("_active")))},le.prototype.pause=function(t){t&&this.name!=t||!1===this.isPaused&&(this.isPaused=!0,this._idle=!0,this.trigger("_idle"))},le.prototype.togglePause=function(t){t&&this.name!=t||(!0===this.isPaused?this.play():this.pause())},le.prototype.stop=function(t){t&&this.name!=t||(this.pause(),this.playCount=0,this._completedLoop=!1,this.setCurrentRawFrameValue(0))},le.prototype.goToAndStop=function(t,e,s){s&&this.name!=s||(e?this.setCurrentRawFrameValue(t):this.setCurrentRawFrameValue(t*this.frameModifier),this.pause())},le.prototype.goToAndPlay=function(t,e,s){this.goToAndStop(t,e,s),this.play()},le.prototype.advanceTime=function(t){if(!0!==this.isPaused&&!1!==this.isLoaded){var e=this.currentRawFrame+t*this.frameModifier,s=!1;e>=this.totalFrames-1&&0<this.frameModifier?this.loop&&this.playCount!==this.loop?e>=this.totalFrames?(this.playCount+=1,this.checkSegments(e%this.totalFrames)||(this.setCurrentRawFrameValue(e%this.totalFrames),this._completedLoop=!0,this.trigger("loopComplete"))):this.setCurrentRawFrameValue(e):this.checkSegments(e>this.totalFrames?e%this.totalFrames:0)||(s=!0,e=this.totalFrames-1):e<0?this.checkSegments(e%this.totalFrames)||(!this.loop||this.playCount--<=0&&!0!==this.loop?(s=!0,e=0):(this.setCurrentRawFrameValue(this.totalFrames+e%this.totalFrames),this._completedLoop?this.trigger("loopComplete"):this._completedLoop=!0)):this.setCurrentRawFrameValue(e),s&&(this.setCurrentRawFrameValue(e),this.pause(),this.trigger("complete"))}},le.prototype.adjustSegment=function(t,e){this.playCount=0,t[1]<t[0]?(0<this.frameModifier&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(-1)),this.timeCompleted=this.totalFrames=t[0]-t[1],this.firstFrame=t[1],this.setCurrentRawFrameValue(this.totalFrames-.001-e)):t[1]>t[0]&&(this.frameModifier<0&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(1)),this.timeCompleted=this.totalFrames=t[1]-t[0],this.firstFrame=t[0],this.setCurrentRawFrameValue(.001+e)),this.trigger("segmentStart")},le.prototype.setSegment=function(t,e){var s=-1;this.isPaused&&(this.currentRawFrame+this.firstFrame<t?s=t:this.currentRawFrame+this.firstFrame>e&&(s=e-t)),this.firstFrame=t,this.timeCompleted=this.totalFrames=e-t,-1!==s&&this.goToAndStop(s,!0)},le.prototype.playSegments=function(t,e){if(e&&(this.segments.length=0),"object"==typeof t[0]){var s,i=t.length;for(s=0;s<i;s+=1)this.segments.push(t[s])}else this.segments.push(t);this.segments.length&&this.adjustSegment(this.segments.shift(),0),this.isPaused&&this.play()},le.prototype.resetSegments=function(t){this.segments.length=0,this.segments.push([this.animationData.ip,this.animationData.op]),t&&this.checkSegments(0)},le.prototype.checkSegments=function(t){return!!this.segments.length&&(this.adjustSegment(this.segments.shift(),t),!0)},le.prototype.destroy=function(t){t&&this.name!=t||!this.renderer||(this.renderer.destroy(),this.imagePreloader.destroy(),this.trigger("destroy"),this._cbs=null,this.onEnterFrame=this.onLoopComplete=this.onComplete=this.onSegmentStart=this.onDestroy=null,this.renderer=null)},le.prototype.setCurrentRawFrameValue=function(t){this.currentRawFrame=t,this.gotoFrame()},le.prototype.setSpeed=function(t){this.playSpeed=t,this.updaFrameModifier()},le.prototype.setDirection=function(t){this.playDirection=t<0?-1:1,this.updaFrameModifier()},le.prototype.updaFrameModifier=function(){this.frameModifier=this.frameMult*this.playSpeed*this.playDirection},le.prototype.getPath=function(){return this.path},le.prototype.getAssetsPath=function(t){var e="";if(t.e)e=t.p;else if(this.assetsPath){var s=t.p;-1!==s.indexOf("images/")&&(s=s.split("/")[1]),e=this.assetsPath+s}else e=this.path,e+=t.u?t.u:"",e+=t.p;return e},le.prototype.getAssetData=function(t){for(var e=0,s=this.assets.length;e<s;){if(t==this.assets[e].id)return this.assets[e];e+=1}},le.prototype.hide=function(){this.renderer.hide()},le.prototype.show=function(){this.renderer.show()},le.prototype.getDuration=function(t){return t?this.totalFrames:this.totalFrames/this.frameRate};var fe={};le.prototype.trigger=function(t){if(this._cbs&&this._cbs[t])switch(t){case"enterFrame":this.triggerEvent(t,new n(t,this.currentFrame,this.totalFrames,this.frameMult));break;case"loopComplete":this.triggerEvent(t,new l(t,this.loop,this.playCount,this.frameMult));break;case"complete":this.triggerEvent(t,new o(t,this.frameMult));break;case"segmentStart":this.triggerEvent(t,new p(t,this.firstFrame,this.totalFrames));break;case"destroy":this.triggerEvent(t,new f(t,this));break;default:this.triggerEvent(t)}"enterFrame"===t&&this.onEnterFrame&&this.onEnterFrame.call(this,new n(t,this.currentFrame,this.totalFrames,this.frameMult)),"loopComplete"===t&&this.onLoopComplete&&this.onLoopComplete.call(this,new l(t,this.loop,this.playCount,this.frameMult)),"complete"===t&&this.onComplete&&this.onComplete.call(this,new o(t,this.frameMult)),"segmentStart"===t&&this.onSegmentStart&&this.onSegmentStart.call(this,new p(t,this.firstFrame,this.totalFrames)),"destroy"===t&&this.onDestroy&&this.onDestroy.call(this,new f(t,this))};function me(){!0===de?oe.searchAnimations(ce,de,ue):oe.searchAnimations()}fe.play=oe.play,fe.pause=oe.pause,fe.setLocationHref=function(t){A=t},fe.togglePause=oe.togglePause,fe.setSpeed=oe.setSpeed,fe.setDirection=oe.setDirection,fe.stop=oe.stop,fe.searchAnimations=me,fe.registerAnimation=oe.registerAnimation,fe.loadAnimation=function(t){return!0===de&&(t.animationData=JSON.parse(ce)),oe.loadAnimation(t)},fe.setSubframeRendering=function(t){i=t},fe.resize=oe.resize,fe.goToAndStop=oe.goToAndStop,fe.destroy=oe.destroy,fe.setQuality=function(t){if("string"==typeof t)switch(t){case"high":P=200;break;case"medium":P=50;break;case"low":P=10}else!isNaN(t)&&1<t&&(P=t);r(!(50<=P))},fe.inBrowser=function(){return"undefined"!=typeof navigator},fe.installPlugin=function(t,e){"expressions"===t&&(h=e)},fe.freeze=oe.freeze,fe.unfreeze=oe.unfreeze,fe.getRegisteredAnimations=oe.getRegisteredAnimations,fe.__getFactory=function(t){switch(t){case"propertyFactory":return T;case"shapePropertyFactory":return R;case"matrix":return F}},fe.version="5.4.2";var de="__[STANDALONE]__",ce="__[ANIMATIONDATA]__",ue="";if(de){var ge=document.getElementsByTagName("script"),ye=(ge[ge.length-1]||{src:""}).src.replace(/^[^\?]+\??/,"");ue=function(t){for(var e=ye.split("&"),s=0;s<e.length;s++){var i=e[s].split("=");if(decodeURIComponent(i[0])==t)return decodeURIComponent(i[1])}}("renderer")}var ve=setInterval(function(){"complete"===document.readyState&&(clearInterval(ve),me())},100);return fe},"function"==typeof define&&define.amd?define(function(){return e(t)}):"object"==typeof module&&module.exports?module.exports=e(t):(t.lottie=e(t),t.bodymovin=t.lottie));
\ No newline at end of file
diff --git a/build/player/lottie_light_canvas.js b/build/player/lottie_light_canvas.js
new file mode 100644
index 0000000..2f86ae6
--- /dev/null
+++ b/build/player/lottie_light_canvas.js
@@ -0,0 +1,9740 @@
+(typeof navigator !== "undefined") && (function(root, factory) {
+ if (typeof define === "function" && define.amd) {
+ define(function() {
+ return factory(root);
+ });
+ } else if (typeof module === "object" && module.exports) {
+ module.exports = factory(root);
+ } else {
+ root.lottie = factory(root);
+ root.bodymovin = root.lottie;
+ }
+}((window || {}), function(window) {
+ "use strict";
+ var svgNS = "http://www.w3.org/2000/svg";
+
+var locationHref = '';
+
+var initialDefaultFrame = -999999;
+
+var subframeEnabled = true;
+var expressionsPlugin;
+var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+var cachedColors = {};
+var bm_rounder = Math.round;
+var bm_rnd;
+var bm_pow = Math.pow;
+var bm_sqrt = Math.sqrt;
+var bm_abs = Math.abs;
+var bm_floor = Math.floor;
+var bm_max = Math.max;
+var bm_min = Math.min;
+var blitter = 10;
+
+var BMMath = {};
+(function(){
+ var propertyNames = Object.getOwnPropertyNames(Math);
+ var i, len = propertyNames.length;
+ for(i=0;i<len;i+=1){
+ BMMath[propertyNames[i]] = Math[propertyNames[i]];
+ }
+}());
+
+function ProjectInterface(){return {};}
+
+BMMath.random = Math.random;
+BMMath.abs = function(val){
+ var tOfVal = typeof val;
+ if(tOfVal === 'object' && val.length){
+ var absArr = createSizedArray(val.length);
+ var i, len = val.length;
+ for(i=0;i<len;i+=1){
+ absArr[i] = Math.abs(val[i]);
+ }
+ return absArr;
+ }
+ return Math.abs(val);
+
+};
+var defaultCurveSegments = 150;
+var degToRads = Math.PI/180;
+var roundCorner = 0.5519;
+
+function roundValues(flag){
+ if(flag){
+ bm_rnd = Math.round;
+ }else{
+ bm_rnd = function(val){
+ return val;
+ };
+ }
+}
+roundValues(false);
+
+function styleDiv(element){
+ element.style.position = 'absolute';
+ element.style.top = 0;
+ element.style.left = 0;
+ element.style.display = 'block';
+ element.style.transformOrigin = element.style.webkitTransformOrigin = '0 0';
+ element.style.backfaceVisibility = element.style.webkitBackfaceVisibility = 'visible';
+ element.style.transformStyle = element.style.webkitTransformStyle = element.style.mozTransformStyle = "preserve-3d";
+}
+
+function BMEnterFrameEvent(n,c,t,d){
+ this.type = n;
+ this.currentTime = c;
+ this.totalTime = t;
+ this.direction = d < 0 ? -1:1;
+}
+
+function BMCompleteEvent(n,d){
+ this.type = n;
+ this.direction = d < 0 ? -1:1;
+}
+
+function BMCompleteLoopEvent(n,c,t,d){
+ this.type = n;
+ this.currentLoop = t;
+ this.totalLoops = c;
+ this.direction = d < 0 ? -1:1;
+}
+
+function BMSegmentStartEvent(n,f,t){
+ this.type = n;
+ this.firstFrame = f;
+ this.totalFrames = t;
+}
+
+function BMDestroyEvent(n,t){
+ this.type = n;
+ this.target = t;
+}
+
+function randomString(length, chars){
+ if(chars === undefined){
+ chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890';
+ }
+ var i;
+ var result = '';
+ for (i = length; i > 0; --i) result += chars[Math.round(Math.random() * (chars.length - 1))];
+ return result;
+}
+
+function HSVtoRGB(h, s, v) {
+ var r, g, b, i, f, p, q, t;
+ i = Math.floor(h * 6);
+ f = h * 6 - i;
+ p = v * (1 - s);
+ q = v * (1 - f * s);
+ t = v * (1 - (1 - f) * s);
+ switch (i % 6) {
+ case 0: r = v; g = t; b = p; break;
+ case 1: r = q; g = v; b = p; break;
+ case 2: r = p; g = v; b = t; break;
+ case 3: r = p; g = q; b = v; break;
+ case 4: r = t; g = p; b = v; break;
+ case 5: r = v; g = p; b = q; break;
+ }
+ return [ r,
+ g,
+ b ];
+}
+
+function RGBtoHSV(r, g, b) {
+ var max = Math.max(r, g, b), min = Math.min(r, g, b),
+ d = max - min,
+ h,
+ s = (max === 0 ? 0 : d / max),
+ v = max / 255;
+
+ switch (max) {
+ case min: h = 0; break;
+ case r: h = (g - b) + d * (g < b ? 6: 0); h /= 6 * d; break;
+ case g: h = (b - r) + d * 2; h /= 6 * d; break;
+ case b: h = (r - g) + d * 4; h /= 6 * d; break;
+ }
+
+ return [
+ h,
+ s,
+ v
+ ];
+}
+
+function addSaturationToRGB(color,offset){
+ var hsv = RGBtoHSV(color[0]*255,color[1]*255,color[2]*255);
+ hsv[1] += offset;
+ if (hsv[1] > 1) {
+ hsv[1] = 1;
+ }
+ else if (hsv[1] <= 0) {
+ hsv[1] = 0;
+ }
+ return HSVtoRGB(hsv[0],hsv[1],hsv[2]);
+}
+
+function addBrightnessToRGB(color,offset){
+ var hsv = RGBtoHSV(color[0]*255,color[1]*255,color[2]*255);
+ hsv[2] += offset;
+ if (hsv[2] > 1) {
+ hsv[2] = 1;
+ }
+ else if (hsv[2] < 0) {
+ hsv[2] = 0;
+ }
+ return HSVtoRGB(hsv[0],hsv[1],hsv[2]);
+}
+
+function addHueToRGB(color,offset) {
+ var hsv = RGBtoHSV(color[0]*255,color[1]*255,color[2]*255);
+ hsv[0] += offset/360;
+ if (hsv[0] > 1) {
+ hsv[0] -= 1;
+ }
+ else if (hsv[0] < 0) {
+ hsv[0] += 1;
+ }
+ return HSVtoRGB(hsv[0],hsv[1],hsv[2]);
+}
+
+var rgbToHex = (function(){
+ var colorMap = [];
+ var i;
+ var hex;
+ for(i=0;i<256;i+=1){
+ hex = i.toString(16);
+ colorMap[i] = hex.length == 1 ? '0' + hex : hex;
+ }
+
+ return function(r, g, b) {
+ if(r<0){
+ r = 0;
+ }
+ if(g<0){
+ g = 0;
+ }
+ if(b<0){
+ b = 0;
+ }
+ return '#' + colorMap[r] + colorMap[g] + colorMap[b];
+ };
+}());
+function BaseEvent(){}
+BaseEvent.prototype = {
+ triggerEvent: function (eventName, args) {
+ if (this._cbs[eventName]) {
+ var len = this._cbs[eventName].length;
+ for (var i = 0; i < len; i++){
+ this._cbs[eventName][i](args);
+ }
+ }
+ },
+ addEventListener: function (eventName, callback) {
+ if (!this._cbs[eventName]){
+ this._cbs[eventName] = [];
+ }
+ this._cbs[eventName].push(callback);
+
+ return function() {
+ this.removeEventListener(eventName, callback);
+ }.bind(this);
+ },
+ removeEventListener: function (eventName,callback){
+ if (!callback){
+ this._cbs[eventName] = null;
+ }else if(this._cbs[eventName]){
+ var i = 0, len = this._cbs[eventName].length;
+ while(i<len){
+ if(this._cbs[eventName][i] === callback){
+ this._cbs[eventName].splice(i,1);
+ i -=1;
+ len -= 1;
+ }
+ i += 1;
+ }
+ if(!this._cbs[eventName].length){
+ this._cbs[eventName] = null;
+ }
+ }
+ }
+};
+var createTypedArray = (function(){
+ function createRegularArray(type, len){
+ var i = 0, arr = [], value;
+ switch(type) {
+ case 'int16':
+ case 'uint8c':
+ value = 1;
+ break;
+ default:
+ value = 1.1;
+ break;
+ }
+ for(i = 0; i < len; i += 1) {
+ arr.push(value);
+ }
+ return arr;
+ }
+ function createTypedArray(type, len){
+ if(type === 'float32') {
+ return new Float32Array(len);
+ } else if(type === 'int16') {
+ return new Int16Array(len);
+ } else if(type === 'uint8c') {
+ return new Uint8ClampedArray(len);
+ }
+ }
+ if(typeof Uint8ClampedArray === 'function' && typeof Float32Array === 'function') {
+ return createTypedArray;
+ } else {
+ return createRegularArray;
+ }
+}());
+
+function createSizedArray(len) {
+ return Array.apply(null,{length:len});
+}
+function createTag(type) {
+ //return {appendChild:function(){},setAttribute:function(){},style:{}}
+ return document.createElement(type);
+}
+function DynamicPropertyContainer(){};
+DynamicPropertyContainer.prototype = {
+ addDynamicProperty: function(prop) {
+ if(this.dynamicProperties.indexOf(prop) === -1) {
+ this.dynamicProperties.push(prop);
+ this.container.addDynamicProperty(this);
+ this._isAnimated = true;
+ }
+ },
+ iterateDynamicProperties: function(){
+ this._mdf = false;
+ var i, len = this.dynamicProperties.length;
+ for(i=0;i<len;i+=1){
+ this.dynamicProperties[i].getValue();
+ if(this.dynamicProperties[i]._mdf) {
+ this._mdf = true;
+ }
+ }
+ },
+ initDynamicPropertyContainer: function(container){
+ this.container = container;
+ this.dynamicProperties = [];
+ this._mdf = false;
+ this._isAnimated = false;
+ }
+}
+/*!
+ Transformation Matrix v2.0
+ (c) Epistemex 2014-2015
+ www.epistemex.com
+ By Ken Fyrstenberg
+ Contributions by leeoniya.
+ License: MIT, header required.
+ */
+
+/**
+ * 2D transformation matrix object initialized with identity matrix.
+ *
+ * The matrix can synchronize a canvas context by supplying the context
+ * as an argument, or later apply current absolute transform to an
+ * existing context.
+ *
+ * All values are handled as floating point values.
+ *
+ * @param {CanvasRenderingContext2D} [context] - Optional context to sync with Matrix
+ * @prop {number} a - scale x
+ * @prop {number} b - shear y
+ * @prop {number} c - shear x
+ * @prop {number} d - scale y
+ * @prop {number} e - translate x
+ * @prop {number} f - translate y
+ * @prop {CanvasRenderingContext2D|null} [context=null] - set or get current canvas context
+ * @constructor
+ */
+
+var Matrix = (function(){
+
+ var _cos = Math.cos;
+ var _sin = Math.sin;
+ var _tan = Math.tan;
+ var _rnd = Math.round;
+
+ function reset(){
+ this.props[0] = 1;
+ this.props[1] = 0;
+ this.props[2] = 0;
+ this.props[3] = 0;
+ this.props[4] = 0;
+ this.props[5] = 1;
+ this.props[6] = 0;
+ this.props[7] = 0;
+ this.props[8] = 0;
+ this.props[9] = 0;
+ this.props[10] = 1;
+ this.props[11] = 0;
+ this.props[12] = 0;
+ this.props[13] = 0;
+ this.props[14] = 0;
+ this.props[15] = 1;
+ return this;
+ }
+
+ function rotate(angle) {
+ if(angle === 0){
+ return this;
+ }
+ var mCos = _cos(angle);
+ var mSin = _sin(angle);
+ return this._t(mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+ }
+
+ function rotateX(angle){
+ if(angle === 0){
+ return this;
+ }
+ var mCos = _cos(angle);
+ var mSin = _sin(angle);
+ return this._t(1, 0, 0, 0, 0, mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1);
+ }
+
+ function rotateY(angle){
+ if(angle === 0){
+ return this;
+ }
+ var mCos = _cos(angle);
+ var mSin = _sin(angle);
+ return this._t(mCos, 0, mSin, 0, 0, 1, 0, 0, -mSin, 0, mCos, 0, 0, 0, 0, 1);
+ }
+
+ function rotateZ(angle){
+ if(angle === 0){
+ return this;
+ }
+ var mCos = _cos(angle);
+ var mSin = _sin(angle);
+ return this._t(mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+ }
+
+ function shear(sx,sy){
+ return this._t(1, sy, sx, 1, 0, 0);
+ }
+
+ function skew(ax, ay){
+ return this.shear(_tan(ax), _tan(ay));
+ }
+
+ function skewFromAxis(ax, angle){
+ var mCos = _cos(angle);
+ var mSin = _sin(angle);
+ return this._t(mCos, mSin, 0, 0, -mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+ ._t(1, 0, 0, 0, _tan(ax), 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+ ._t(mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+ //return this._t(mCos, mSin, -mSin, mCos, 0, 0)._t(1, 0, _tan(ax), 1, 0, 0)._t(mCos, -mSin, mSin, mCos, 0, 0);
+ }
+
+ function scale(sx, sy, sz) {
+ if(!sz && sz !== 0) {
+ sz = 1;
+ }
+ if(sx === 1 && sy === 1 && sz === 1){
+ return this;
+ }
+ return this._t(sx, 0, 0, 0, 0, sy, 0, 0, 0, 0, sz, 0, 0, 0, 0, 1);
+ }
+
+ function setTransform(a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p) {
+ this.props[0] = a;
+ this.props[1] = b;
+ this.props[2] = c;
+ this.props[3] = d;
+ this.props[4] = e;
+ this.props[5] = f;
+ this.props[6] = g;
+ this.props[7] = h;
+ this.props[8] = i;
+ this.props[9] = j;
+ this.props[10] = k;
+ this.props[11] = l;
+ this.props[12] = m;
+ this.props[13] = n;
+ this.props[14] = o;
+ this.props[15] = p;
+ return this;
+ }
+
+ function translate(tx, ty, tz) {
+ tz = tz || 0;
+ if(tx !== 0 || ty !== 0 || tz !== 0){
+ return this._t(1,0,0,0,0,1,0,0,0,0,1,0,tx,ty,tz,1);
+ }
+ return this;
+ }
+
+ function transform(a2, b2, c2, d2, e2, f2, g2, h2, i2, j2, k2, l2, m2, n2, o2, p2) {
+
+ var _p = this.props;
+
+ if(a2 === 1 && b2 === 0 && c2 === 0 && d2 === 0 && e2 === 0 && f2 === 1 && g2 === 0 && h2 === 0 && i2 === 0 && j2 === 0 && k2 === 1 && l2 === 0){
+ //NOTE: commenting this condition because TurboFan deoptimizes code when present
+ //if(m2 !== 0 || n2 !== 0 || o2 !== 0){
+ _p[12] = _p[12] * a2 + _p[15] * m2;
+ _p[13] = _p[13] * f2 + _p[15] * n2;
+ _p[14] = _p[14] * k2 + _p[15] * o2;
+ _p[15] = _p[15] * p2;
+ //}
+ this._identityCalculated = false;
+ return this;
+ }
+
+ var a1 = _p[0];
+ var b1 = _p[1];
+ var c1 = _p[2];
+ var d1 = _p[3];
+ var e1 = _p[4];
+ var f1 = _p[5];
+ var g1 = _p[6];
+ var h1 = _p[7];
+ var i1 = _p[8];
+ var j1 = _p[9];
+ var k1 = _p[10];
+ var l1 = _p[11];
+ var m1 = _p[12];
+ var n1 = _p[13];
+ var o1 = _p[14];
+ var p1 = _p[15];
+
+ /* matrix order (canvas compatible):
+ * ace
+ * bdf
+ * 001
+ */
+ _p[0] = a1 * a2 + b1 * e2 + c1 * i2 + d1 * m2;
+ _p[1] = a1 * b2 + b1 * f2 + c1 * j2 + d1 * n2 ;
+ _p[2] = a1 * c2 + b1 * g2 + c1 * k2 + d1 * o2 ;
+ _p[3] = a1 * d2 + b1 * h2 + c1 * l2 + d1 * p2 ;
+
+ _p[4] = e1 * a2 + f1 * e2 + g1 * i2 + h1 * m2 ;
+ _p[5] = e1 * b2 + f1 * f2 + g1 * j2 + h1 * n2 ;
+ _p[6] = e1 * c2 + f1 * g2 + g1 * k2 + h1 * o2 ;
+ _p[7] = e1 * d2 + f1 * h2 + g1 * l2 + h1 * p2 ;
+
+ _p[8] = i1 * a2 + j1 * e2 + k1 * i2 + l1 * m2 ;
+ _p[9] = i1 * b2 + j1 * f2 + k1 * j2 + l1 * n2 ;
+ _p[10] = i1 * c2 + j1 * g2 + k1 * k2 + l1 * o2 ;
+ _p[11] = i1 * d2 + j1 * h2 + k1 * l2 + l1 * p2 ;
+
+ _p[12] = m1 * a2 + n1 * e2 + o1 * i2 + p1 * m2 ;
+ _p[13] = m1 * b2 + n1 * f2 + o1 * j2 + p1 * n2 ;
+ _p[14] = m1 * c2 + n1 * g2 + o1 * k2 + p1 * o2 ;
+ _p[15] = m1 * d2 + n1 * h2 + o1 * l2 + p1 * p2 ;
+
+ this._identityCalculated = false;
+ return this;
+ }
+
+ function isIdentity() {
+ if(!this._identityCalculated){
+ this._identity = !(this.props[0] !== 1 || this.props[1] !== 0 || this.props[2] !== 0 || this.props[3] !== 0 || this.props[4] !== 0 || this.props[5] !== 1 || this.props[6] !== 0 || this.props[7] !== 0 || this.props[8] !== 0 || this.props[9] !== 0 || this.props[10] !== 1 || this.props[11] !== 0 || this.props[12] !== 0 || this.props[13] !== 0 || this.props[14] !== 0 || this.props[15] !== 1);
+ this._identityCalculated = true;
+ }
+ return this._identity;
+ }
+
+ function equals(matr){
+ var i = 0;
+ while (i < 16) {
+ if(matr.props[i] !== this.props[i]) {
+ return false;
+ }
+ i+=1;
+ }
+ return true;
+ }
+
+ function clone(matr){
+ var i;
+ for(i=0;i<16;i+=1){
+ matr.props[i] = this.props[i];
+ }
+ }
+
+ function cloneFromProps(props){
+ var i;
+ for(i=0;i<16;i+=1){
+ this.props[i] = props[i];
+ }
+ }
+
+ function applyToPoint(x, y, z) {
+
+ return {
+ x: x * this.props[0] + y * this.props[4] + z * this.props[8] + this.props[12],
+ y: x * this.props[1] + y * this.props[5] + z * this.props[9] + this.props[13],
+ z: x * this.props[2] + y * this.props[6] + z * this.props[10] + this.props[14]
+ };
+ /*return {
+ x: x * me.a + y * me.c + me.e,
+ y: x * me.b + y * me.d + me.f
+ };*/
+ }
+ function applyToX(x, y, z) {
+ return x * this.props[0] + y * this.props[4] + z * this.props[8] + this.props[12];
+ }
+ function applyToY(x, y, z) {
+ return x * this.props[1] + y * this.props[5] + z * this.props[9] + this.props[13];
+ }
+ function applyToZ(x, y, z) {
+ return x * this.props[2] + y * this.props[6] + z * this.props[10] + this.props[14];
+ }
+
+ function inversePoint(pt) {
+ var determinant = this.props[0] * this.props[5] - this.props[1] * this.props[4];
+ var a = this.props[5]/determinant;
+ var b = - this.props[1]/determinant;
+ var c = - this.props[4]/determinant;
+ var d = this.props[0]/determinant;
+ var e = (this.props[4] * this.props[13] - this.props[5] * this.props[12])/determinant;
+ var f = - (this.props[0] * this.props[13] - this.props[1] * this.props[12])/determinant;
+ return [pt[0] * a + pt[1] * c + e, pt[0] * b + pt[1] * d + f, 0];
+ }
+
+ function inversePoints(pts){
+ var i, len = pts.length, retPts = [];
+ for(i=0;i<len;i+=1){
+ retPts[i] = inversePoint(pts[i]);
+ }
+ return retPts;
+ }
+
+ function applyToTriplePoints(pt1, pt2, pt3) {
+ var arr = createTypedArray('float32', 6);
+ if(this.isIdentity()) {
+ arr[0] = pt1[0];
+ arr[1] = pt1[1];
+ arr[2] = pt2[0];
+ arr[3] = pt2[1];
+ arr[4] = pt3[0];
+ arr[5] = pt3[1];
+ } else {
+ var p0 = this.props[0], p1 = this.props[1], p4 = this.props[4], p5 = this.props[5], p12 = this.props[12], p13 = this.props[13];
+ arr[0] = pt1[0] * p0 + pt1[1] * p4 + p12;
+ arr[1] = pt1[0] * p1 + pt1[1] * p5 + p13;
+ arr[2] = pt2[0] * p0 + pt2[1] * p4 + p12;
+ arr[3] = pt2[0] * p1 + pt2[1] * p5 + p13;
+ arr[4] = pt3[0] * p0 + pt3[1] * p4 + p12;
+ arr[5] = pt3[0] * p1 + pt3[1] * p5 + p13;
+ }
+ return arr;
+ }
+
+ function applyToPointArray(x,y,z){
+ var arr;
+ if(this.isIdentity()) {
+ arr = [x,y,z];
+ } else {
+ arr = [x * this.props[0] + y * this.props[4] + z * this.props[8] + this.props[12],x * this.props[1] + y * this.props[5] + z * this.props[9] + this.props[13],x * this.props[2] + y * this.props[6] + z * this.props[10] + this.props[14]];
+ }
+ return arr;
+ }
+
+ function applyToPointStringified(x, y) {
+ if(this.isIdentity()) {
+ return x + ',' + y;
+ }
+ var _p = this.props;
+ return Math.round((x * _p[0] + y * _p[4] + _p[12]) * 100) / 100+','+ Math.round((x * _p[1] + y * _p[5] + _p[13]) * 100) / 100;
+ }
+
+ function toCSS() {
+ //Doesn't make much sense to add this optimization. If it is an identity matrix, it's very likely this will get called only once since it won't be keyframed.
+ /*if(this.isIdentity()) {
+ return '';
+ }*/
+ var i = 0;
+ var props = this.props;
+ var cssValue = 'matrix3d(';
+ var v = 10000;
+ while(i<16){
+ cssValue += _rnd(props[i]*v)/v;
+ cssValue += i === 15 ? ')':',';
+ i += 1;
+ }
+ return cssValue;
+ }
+
+ function roundMatrixProperty(val) {
+ var v = 10000;
+ if((val < 0.000001 && val > 0) || (val > -0.000001 && val < 0)) {
+ return _rnd(val * v) / v;
+ }
+ return val;
+ }
+
+ function to2dCSS() {
+ //Doesn't make much sense to add this optimization. If it is an identity matrix, it's very likely this will get called only once since it won't be keyframed.
+ /*if(this.isIdentity()) {
+ return '';
+ }*/
+ var props = this.props;
+ var _a = roundMatrixProperty(props[0]);
+ var _b = roundMatrixProperty(props[1]);
+ var _c = roundMatrixProperty(props[4]);
+ var _d = roundMatrixProperty(props[5]);
+ var _e = roundMatrixProperty(props[12]);
+ var _f = roundMatrixProperty(props[13]);
+ return "matrix(" + _a + ',' + _b + ',' + _c + ',' + _d + ',' + _e + ',' + _f + ")";
+ }
+
+ return function(){
+ this.reset = reset;
+ this.rotate = rotate;
+ this.rotateX = rotateX;
+ this.rotateY = rotateY;
+ this.rotateZ = rotateZ;
+ this.skew = skew;
+ this.skewFromAxis = skewFromAxis;
+ this.shear = shear;
+ this.scale = scale;
+ this.setTransform = setTransform;
+ this.translate = translate;
+ this.transform = transform;
+ this.applyToPoint = applyToPoint;
+ this.applyToX = applyToX;
+ this.applyToY = applyToY;
+ this.applyToZ = applyToZ;
+ this.applyToPointArray = applyToPointArray;
+ this.applyToTriplePoints = applyToTriplePoints;
+ this.applyToPointStringified = applyToPointStringified;
+ this.toCSS = toCSS;
+ this.to2dCSS = to2dCSS;
+ this.clone = clone;
+ this.cloneFromProps = cloneFromProps;
+ this.equals = equals;
+ this.inversePoints = inversePoints;
+ this.inversePoint = inversePoint;
+ this._t = this.transform;
+ this.isIdentity = isIdentity;
+ this._identity = true;
+ this._identityCalculated = false;
+
+ this.props = createTypedArray('float32', 16);
+ this.reset();
+ };
+}());
+
+/*
+ Copyright 2014 David Bau.
+
+ Permission is hereby granted, free of charge, to any person obtaining
+ a copy of this software and associated documentation files (the
+ "Software"), to deal in the Software without restriction, including
+ without limitation the rights to use, copy, modify, merge, publish,
+ distribute, sublicense, and/or sell copies of the Software, and to
+ permit persons to whom the Software is furnished to do so, subject to
+ the following conditions:
+
+ The above copyright notice and this permission notice shall be
+ included in all copies or substantial portions of the Software.
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+ IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+ CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+ TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+ SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+ */
+
+(function (pool, math) {
+//
+// The following constants are related to IEEE 754 limits.
+//
+ var global = this,
+ width = 256, // each RC4 output is 0 <= x < 256
+ chunks = 6, // at least six RC4 outputs for each double
+ digits = 52, // there are 52 significant digits in a double
+ rngname = 'random', // rngname: name for Math.random and Math.seedrandom
+ startdenom = math.pow(width, chunks),
+ significance = math.pow(2, digits),
+ overflow = significance * 2,
+ mask = width - 1,
+ nodecrypto; // node.js crypto module, initialized at the bottom.
+
+//
+// seedrandom()
+// This is the seedrandom function described above.
+//
+ function seedrandom(seed, options, callback) {
+ var key = [];
+ options = (options === true) ? { entropy: true } : (options || {});
+
+ // Flatten the seed string or build one from local entropy if needed.
+ var shortseed = mixkey(flatten(
+ options.entropy ? [seed, tostring(pool)] :
+ (seed === null) ? autoseed() : seed, 3), key);
+
+ // Use the seed to initialize an ARC4 generator.
+ var arc4 = new ARC4(key);
+
+ // This function returns a random double in [0, 1) that contains
+ // randomness in every bit of the mantissa of the IEEE 754 value.
+ var prng = function() {
+ var n = arc4.g(chunks), // Start with a numerator n < 2 ^ 48
+ d = startdenom, // and denominator d = 2 ^ 48.
+ x = 0; // and no 'extra last byte'.
+ while (n < significance) { // Fill up all significant digits by
+ n = (n + x) * width; // shifting numerator and
+ d *= width; // denominator and generating a
+ x = arc4.g(1); // new least-significant-byte.
+ }
+ while (n >= overflow) { // To avoid rounding up, before adding
+ n /= 2; // last byte, shift everything
+ d /= 2; // right using integer math until
+ x >>>= 1; // we have exactly the desired bits.
+ }
+ return (n + x) / d; // Form the number within [0, 1).
+ };
+
+ prng.int32 = function() { return arc4.g(4) | 0; };
+ prng.quick = function() { return arc4.g(4) / 0x100000000; };
+ prng.double = prng;
+
+ // Mix the randomness into accumulated entropy.
+ mixkey(tostring(arc4.S), pool);
+
+ // Calling convention: what to return as a function of prng, seed, is_math.
+ return (options.pass || callback ||
+ function(prng, seed, is_math_call, state) {
+ if (state) {
+ // Load the arc4 state from the given state if it has an S array.
+ if (state.S) { copy(state, arc4); }
+ // Only provide the .state method if requested via options.state.
+ prng.state = function() { return copy(arc4, {}); };
+ }
+
+ // If called as a method of Math (Math.seedrandom()), mutate
+ // Math.random because that is how seedrandom.js has worked since v1.0.
+ if (is_math_call) { math[rngname] = prng; return seed; }
+
+ // Otherwise, it is a newer calling convention, so return the
+ // prng directly.
+ else return prng;
+ })(
+ prng,
+ shortseed,
+ 'global' in options ? options.global : (this == math),
+ options.state);
+ }
+ math['seed' + rngname] = seedrandom;
+
+//
+// ARC4
+//
+// An ARC4 implementation. The constructor takes a key in the form of
+// an array of at most (width) integers that should be 0 <= x < (width).
+//
+// The g(count) method returns a pseudorandom integer that concatenates
+// the next (count) outputs from ARC4. Its return value is a number x
+// that is in the range 0 <= x < (width ^ count).
+//
+ function ARC4(key) {
+ var t, keylen = key.length,
+ me = this, i = 0, j = me.i = me.j = 0, s = me.S = [];
+
+ // The empty key [] is treated as [0].
+ if (!keylen) { key = [keylen++]; }
+
+ // Set up S using the standard key scheduling algorithm.
+ while (i < width) {
+ s[i] = i++;
+ }
+ for (i = 0; i < width; i++) {
+ s[i] = s[j = mask & (j + key[i % keylen] + (t = s[i]))];
+ s[j] = t;
+ }
+
+ // The "g" method returns the next (count) outputs as one number.
+ me.g = function(count) {
+ // Using instance members instead of closure state nearly doubles speed.
+ var t, r = 0,
+ i = me.i, j = me.j, s = me.S;
+ while (count--) {
+ t = s[i = mask & (i + 1)];
+ r = r * width + s[mask & ((s[i] = s[j = mask & (j + t)]) + (s[j] = t))];
+ }
+ me.i = i; me.j = j;
+ return r;
+ // For robust unpredictability, the function call below automatically
+ // discards an initial batch of values. This is called RC4-drop[256].
+ // See http://google.com/search?q=rsa+fluhrer+response&btnI
+ };
+ }
+
+//
+// copy()
+// Copies internal state of ARC4 to or from a plain object.
+//
+ function copy(f, t) {
+ t.i = f.i;
+ t.j = f.j;
+ t.S = f.S.slice();
+ return t;
+ }
+
+//
+// flatten()
+// Converts an object tree to nested arrays of strings.
+//
+ function flatten(obj, depth) {
+ var result = [], typ = (typeof obj), prop;
+ if (depth && typ == 'object') {
+ for (prop in obj) {
+ try { result.push(flatten(obj[prop], depth - 1)); } catch (e) {}
+ }
+ }
+ return (result.length ? result : typ == 'string' ? obj : obj + '\0');
+ }
+
+//
+// mixkey()
+// Mixes a string seed into a key that is an array of integers, and
+// returns a shortened string seed that is equivalent to the result key.
+//
+ function mixkey(seed, key) {
+ var stringseed = seed + '', smear, j = 0;
+ while (j < stringseed.length) {
+ key[mask & j] =
+ mask & ((smear ^= key[mask & j] * 19) + stringseed.charCodeAt(j++));
+ }
+ return tostring(key);
+ }
+
+//
+// autoseed()
+// Returns an object for autoseeding, using window.crypto and Node crypto
+// module if available.
+//
+ function autoseed() {
+ try {
+ if (nodecrypto) { return tostring(nodecrypto.randomBytes(width)); }
+ var out = new Uint8Array(width);
+ (global.crypto || global.msCrypto).getRandomValues(out);
+ return tostring(out);
+ } catch (e) {
+ var browser = global.navigator,
+ plugins = browser && browser.plugins;
+ return [+new Date(), global, plugins, global.screen, tostring(pool)];
+ }
+ }
+
+//
+// tostring()
+// Converts an array of charcodes to a string
+//
+ function tostring(a) {
+ return String.fromCharCode.apply(0, a);
+ }
+
+//
+// When seedrandom.js is loaded, we immediately mix a few bits
+// from the built-in RNG into the entropy pool. Because we do
+// not want to interfere with deterministic PRNG state later,
+// seedrandom will not call math.random on its own again after
+// initialization.
+//
+ mixkey(math.random(), pool);
+
+//
+// Nodejs and AMD support: export the implementation as a module using
+// either convention.
+//
+
+// End anonymous scope, and pass initial values.
+})(
+ [], // pool: entropy pool starts empty
+ BMMath // math: package containing random, pow, and seedrandom
+);
+var BezierFactory = (function(){
+ /**
+ * BezierEasing - use bezier curve for transition easing function
+ * by Gaëtan Renaudeau 2014 - 2015 – MIT License
+ *
+ * Credits: is based on Firefox's nsSMILKeySpline.cpp
+ * Usage:
+ * var spline = BezierEasing([ 0.25, 0.1, 0.25, 1.0 ])
+ * spline.get(x) => returns the easing value | x must be in [0, 1] range
+ *
+ */
+
+ var ob = {};
+ ob.getBezierEasing = getBezierEasing;
+ var beziers = {};
+
+ function getBezierEasing(a,b,c,d,nm){
+ var str = nm || ('bez_' + a+'_'+b+'_'+c+'_'+d).replace(/\./g, 'p');
+ if(beziers[str]){
+ return beziers[str];
+ }
+ var bezEasing = new BezierEasing([a,b,c,d]);
+ beziers[str] = bezEasing;
+ return bezEasing;
+ }
+
+// These values are established by empiricism with tests (tradeoff: performance VS precision)
+ var NEWTON_ITERATIONS = 4;
+ var NEWTON_MIN_SLOPE = 0.001;
+ var SUBDIVISION_PRECISION = 0.0000001;
+ var SUBDIVISION_MAX_ITERATIONS = 10;
+
+ var kSplineTableSize = 11;
+ var kSampleStepSize = 1.0 / (kSplineTableSize - 1.0);
+
+ var float32ArraySupported = typeof Float32Array === "function";
+
+ function A (aA1, aA2) { return 1.0 - 3.0 * aA2 + 3.0 * aA1; }
+ function B (aA1, aA2) { return 3.0 * aA2 - 6.0 * aA1; }
+ function C (aA1) { return 3.0 * aA1; }
+
+// Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2.
+ function calcBezier (aT, aA1, aA2) {
+ return ((A(aA1, aA2)*aT + B(aA1, aA2))*aT + C(aA1))*aT;
+ }
+
+// Returns dx/dt given t, x1, and x2, or dy/dt given t, y1, and y2.
+ function getSlope (aT, aA1, aA2) {
+ return 3.0 * A(aA1, aA2)*aT*aT + 2.0 * B(aA1, aA2) * aT + C(aA1);
+ }
+
+ function binarySubdivide (aX, aA, aB, mX1, mX2) {
+ var currentX, currentT, i = 0;
+ do {
+ currentT = aA + (aB - aA) / 2.0;
+ currentX = calcBezier(currentT, mX1, mX2) - aX;
+ if (currentX > 0.0) {
+ aB = currentT;
+ } else {
+ aA = currentT;
+ }
+ } while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS);
+ return currentT;
+ }
+
+ function newtonRaphsonIterate (aX, aGuessT, mX1, mX2) {
+ for (var i = 0; i < NEWTON_ITERATIONS; ++i) {
+ var currentSlope = getSlope(aGuessT, mX1, mX2);
+ if (currentSlope === 0.0) return aGuessT;
+ var currentX = calcBezier(aGuessT, mX1, mX2) - aX;
+ aGuessT -= currentX / currentSlope;
+ }
+ return aGuessT;
+ }
+
+ /**
+ * points is an array of [ mX1, mY1, mX2, mY2 ]
+ */
+ function BezierEasing (points) {
+ this._p = points;
+ this._mSampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize);
+ this._precomputed = false;
+
+ this.get = this.get.bind(this);
+ }
+
+ BezierEasing.prototype = {
+
+ get: function (x) {
+ var mX1 = this._p[0],
+ mY1 = this._p[1],
+ mX2 = this._p[2],
+ mY2 = this._p[3];
+ if (!this._precomputed) this._precompute();
+ if (mX1 === mY1 && mX2 === mY2) return x; // linear
+ // Because JavaScript number are imprecise, we should guarantee the extremes are right.
+ if (x === 0) return 0;
+ if (x === 1) return 1;
+ return calcBezier(this._getTForX(x), mY1, mY2);
+ },
+
+ // Private part
+
+ _precompute: function () {
+ var mX1 = this._p[0],
+ mY1 = this._p[1],
+ mX2 = this._p[2],
+ mY2 = this._p[3];
+ this._precomputed = true;
+ if (mX1 !== mY1 || mX2 !== mY2)
+ this._calcSampleValues();
+ },
+
+ _calcSampleValues: function () {
+ var mX1 = this._p[0],
+ mX2 = this._p[2];
+ for (var i = 0; i < kSplineTableSize; ++i) {
+ this._mSampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);
+ }
+ },
+
+ /**
+ * getTForX chose the fastest heuristic to determine the percentage value precisely from a given X projection.
+ */
+ _getTForX: function (aX) {
+ var mX1 = this._p[0],
+ mX2 = this._p[2],
+ mSampleValues = this._mSampleValues;
+
+ var intervalStart = 0.0;
+ var currentSample = 1;
+ var lastSample = kSplineTableSize - 1;
+
+ for (; currentSample !== lastSample && mSampleValues[currentSample] <= aX; ++currentSample) {
+ intervalStart += kSampleStepSize;
+ }
+ --currentSample;
+
+ // Interpolate to provide an initial guess for t
+ var dist = (aX - mSampleValues[currentSample]) / (mSampleValues[currentSample+1] - mSampleValues[currentSample]);
+ var guessForT = intervalStart + dist * kSampleStepSize;
+
+ var initialSlope = getSlope(guessForT, mX1, mX2);
+ if (initialSlope >= NEWTON_MIN_SLOPE) {
+ return newtonRaphsonIterate(aX, guessForT, mX1, mX2);
+ } else if (initialSlope === 0.0) {
+ return guessForT;
+ } else {
+ return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2);
+ }
+ }
+ };
+
+ return ob;
+
+}());
+(function () {
+ var lastTime = 0;
+ var vendors = ['ms', 'moz', 'webkit', 'o'];
+ for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
+ window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];
+ window.cancelAnimationFrame = window[vendors[x] + 'CancelAnimationFrame'] || window[vendors[x] + 'CancelRequestAnimationFrame'];
+ }
+ if(!window.requestAnimationFrame)
+ window.requestAnimationFrame = function (callback, element) {
+ var currTime = new Date().getTime();
+ var timeToCall = Math.max(0, 16 - (currTime - lastTime));
+ var id = setTimeout(function () {
+ callback(currTime + timeToCall);
+ },
+ timeToCall);
+ lastTime = currTime + timeToCall;
+ return id;
+ };
+ if(!window.cancelAnimationFrame)
+ window.cancelAnimationFrame = function (id) {
+ clearTimeout(id);
+ };
+}());
+
+function extendPrototype(sources,destination){
+ var i, len = sources.length, sourcePrototype;
+ for (i = 0;i < len;i += 1) {
+ sourcePrototype = sources[i].prototype;
+ for (var attr in sourcePrototype) {
+ if (sourcePrototype.hasOwnProperty(attr)) destination.prototype[attr] = sourcePrototype[attr];
+ }
+ }
+}
+
+function getDescriptor(object, prop) {
+ return Object.getOwnPropertyDescriptor(object, prop);
+}
+
+function createProxyFunction(prototype) {
+ function ProxyFunction(){}
+ ProxyFunction.prototype = prototype;
+ return ProxyFunction;
+}
+function bezFunction(){
+
+ var easingFunctions = [];
+ var math = Math;
+
+ function pointOnLine2D(x1,y1, x2,y2, x3,y3){
+ var det1 = (x1*y2) + (y1*x3) + (x2*y3) - (x3*y2) - (y3*x1) - (x2*y1);
+ return det1 > -0.001 && det1 < 0.001;
+ }
+
+ function pointOnLine3D(x1,y1,z1, x2,y2,z2, x3,y3,z3){
+ if(z1 === 0 && z2 === 0 && z3 === 0) {
+ return pointOnLine2D(x1,y1, x2,y2, x3,y3);
+ }
+ var dist1 = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2) + Math.pow(z2 - z1, 2));
+ var dist2 = Math.sqrt(Math.pow(x3 - x1, 2) + Math.pow(y3 - y1, 2) + Math.pow(z3 - z1, 2));
+ var dist3 = Math.sqrt(Math.pow(x3 - x2, 2) + Math.pow(y3 - y2, 2) + Math.pow(z3 - z2, 2));
+ var diffDist;
+ if(dist1 > dist2){
+ if(dist1 > dist3){
+ diffDist = dist1 - dist2 - dist3;
+ } else {
+ diffDist = dist3 - dist2 - dist1;
+ }
+ } else if(dist3 > dist2){
+ diffDist = dist3 - dist2 - dist1;
+ } else {
+ diffDist = dist2 - dist1 - dist3;
+ }
+ return diffDist > -0.0001 && diffDist < 0.0001;
+ }
+
+ var getBezierLength = (function(){
+
+ return function(pt1,pt2,pt3,pt4){
+ var curveSegments = defaultCurveSegments;
+ var k;
+ var i, len;
+ var ptCoord,perc,addedLength = 0;
+ var ptDistance;
+ var point = [],lastPoint = [];
+ var lengthData = bezier_length_pool.newElement();
+ len = pt3.length;
+ for(k=0;k<curveSegments;k+=1){
+ perc = k/(curveSegments-1);
+ ptDistance = 0;
+ for(i=0;i<len;i+=1){
+ ptCoord = bm_pow(1-perc,3)*pt1[i]+3*bm_pow(1-perc,2)*perc*pt3[i]+3*(1-perc)*bm_pow(perc,2)*pt4[i]+bm_pow(perc,3)*pt2[i];
+ point[i] = ptCoord;
+ if(lastPoint[i] !== null){
+ ptDistance += bm_pow(point[i] - lastPoint[i],2);
+ }
+ lastPoint[i] = point[i];
+ }
+ if(ptDistance){
+ ptDistance = bm_sqrt(ptDistance);
+ addedLength += ptDistance;
+ }
+ lengthData.percents[k] = perc;
+ lengthData.lengths[k] = addedLength;
+ }
+ lengthData.addedLength = addedLength;
+ return lengthData;
+ };
+ }());
+
+ function getSegmentsLength(shapeData) {
+ var segmentsLength = segments_length_pool.newElement();
+ var closed = shapeData.c;
+ var pathV = shapeData.v;
+ var pathO = shapeData.o;
+ var pathI = shapeData.i;
+ var i, len = shapeData._length;
+ var lengths = segmentsLength.lengths;
+ var totalLength = 0;
+ for(i=0;i<len-1;i+=1){
+ lengths[i] = getBezierLength(pathV[i],pathV[i+1],pathO[i],pathI[i+1]);
+ totalLength += lengths[i].addedLength;
+ }
+ if(closed && len){
+ lengths[i] = getBezierLength(pathV[i],pathV[0],pathO[i],pathI[0]);
+ totalLength += lengths[i].addedLength;
+ }
+ segmentsLength.totalLength = totalLength;
+ return segmentsLength;
+ }
+
+ function BezierData(length){
+ this.segmentLength = 0;
+ this.points = new Array(length);
+ }
+
+ function PointData(partial,point){
+ this.partialLength = partial;
+ this.point = point;
+ }
+
+ var buildBezierData = (function(){
+
+ var storedData = {};
+
+ return function (keyData){
+ var pt1 = keyData.s;
+ var pt2 = keyData.e;
+ var pt3 = keyData.to;
+ var pt4 = keyData.ti;
+ var bezierName = (pt1[0]+'_'+pt1[1]+'_'+pt2[0]+'_'+pt2[1]+'_'+pt3[0]+'_'+pt3[1]+'_'+pt4[0]+'_'+pt4[1]).replace(/\./g, 'p');
+ if(storedData[bezierName]){
+ keyData.bezierData = storedData[bezierName];
+ return;
+ }
+ var curveSegments = defaultCurveSegments;
+ var k, i, len;
+ var ptCoord,perc,addedLength = 0;
+ var ptDistance;
+ var point,lastPoint = null;
+ if (pt1.length === 2 && (pt1[0] != pt2[0] || pt1[1] != pt2[1]) && pointOnLine2D(pt1[0],pt1[1],pt2[0],pt2[1],pt1[0]+pt3[0],pt1[1]+pt3[1]) && pointOnLine2D(pt1[0],pt1[1],pt2[0],pt2[1],pt2[0]+pt4[0],pt2[1]+pt4[1])){
+ curveSegments = 2;
+ }
+ var bezierData = new BezierData(curveSegments);
+ len = pt3.length;
+ for (k = 0; k < curveSegments; k += 1) {
+ point = createSizedArray(len);
+ perc = k / (curveSegments - 1);
+ ptDistance = 0;
+ for (i = 0; i < len; i += 1){
+ ptCoord = bm_pow(1-perc,3)*pt1[i]+3*bm_pow(1-perc,2)*perc*(pt1[i] + pt3[i])+3*(1-perc)*bm_pow(perc,2)*(pt2[i] + pt4[i])+bm_pow(perc,3)*pt2[i];
+ point[i] = ptCoord;
+ if(lastPoint !== null){
+ ptDistance += bm_pow(point[i] - lastPoint[i],2);
+ }
+ }
+ ptDistance = bm_sqrt(ptDistance);
+ addedLength += ptDistance;
+ bezierData.points[k] = new PointData(ptDistance, point);
+ lastPoint = point;
+ }
+ bezierData.segmentLength = addedLength;
+ keyData.bezierData = bezierData;
+ storedData[bezierName] = bezierData;
+ };
+ }());
+
+ function getDistancePerc(perc,bezierData){
+ var percents = bezierData.percents;
+ var lengths = bezierData.lengths;
+ var len = percents.length;
+ var initPos = bm_floor((len-1)*perc);
+ var lengthPos = perc*bezierData.addedLength;
+ var lPerc = 0;
+ if(initPos === len - 1 || initPos === 0 || lengthPos === lengths[initPos]){
+ return percents[initPos];
+ }else{
+ var dir = lengths[initPos] > lengthPos ? -1 : 1;
+ var flag = true;
+ while(flag){
+ if(lengths[initPos] <= lengthPos && lengths[initPos+1] > lengthPos){
+ lPerc = (lengthPos - lengths[initPos]) / (lengths[initPos+1] - lengths[initPos]);
+ flag = false;
+ }else{
+ initPos += dir;
+ }
+ if(initPos < 0 || initPos >= len - 1){
+ //FIX for TypedArrays that don't store floating point values with enough accuracy
+ if(initPos === len - 1) {
+ return percents[initPos];
+ }
+ flag = false;
+ }
+ }
+ return percents[initPos] + (percents[initPos+1] - percents[initPos])*lPerc;
+ }
+ }
+
+ function getPointInSegment(pt1, pt2, pt3, pt4, percent, bezierData) {
+ var t1 = getDistancePerc(percent,bezierData);
+ var u0 = 1;
+ var u1 = 1 - t1;
+ var ptX = Math.round((u1*u1*u1* pt1[0] + (t1*u1*u1 + u1*t1*u1 + u1*u1*t1)* pt3[0] + (t1*t1*u1 + u1*t1*t1 + t1*u1*t1)*pt4[0] + t1*t1*t1* pt2[0])* 1000) / 1000;
+ var ptY = Math.round((u1*u1*u1* pt1[1] + (t1*u1*u1 + u1*t1*u1 + u1*u1*t1)* pt3[1] + (t1*t1*u1 + u1*t1*t1 + t1*u1*t1)*pt4[1] + t1*t1*t1* pt2[1])* 1000) / 1000;
+ return [ptX, ptY];
+ }
+
+ function getSegmentArray() {
+
+ }
+
+ var bezier_segment_points = createTypedArray('float32', 8);
+
+ function getNewSegment(pt1,pt2,pt3,pt4,startPerc,endPerc, bezierData){
+
+ startPerc = startPerc < 0 ? 0 : startPerc > 1 ? 1 : startPerc;
+ var t0 = getDistancePerc(startPerc,bezierData);
+ endPerc = endPerc > 1 ? 1 : endPerc;
+ var t1 = getDistancePerc(endPerc,bezierData);
+ var i, len = pt1.length;
+ var u0 = 1 - t0;
+ var u1 = 1 - t1;
+ var u0u0u0 = u0*u0*u0;
+ var t0u0u0_3 = t0*u0*u0*3;
+ var t0t0u0_3 = t0*t0*u0*3;
+ var t0t0t0 = t0*t0*t0;
+ //
+ var u0u0u1 = u0*u0*u1;
+ var t0u0u1_3 = t0*u0*u1 + u0*t0*u1 + u0*u0*t1;
+ var t0t0u1_3 = t0*t0*u1 + u0*t0*t1 + t0*u0*t1;
+ var t0t0t1 = t0*t0*t1;
+ //
+ var u0u1u1 = u0*u1*u1;
+ var t0u1u1_3 = t0*u1*u1 + u0*t1*u1 + u0*u1*t1;
+ var t0t1u1_3 = t0*t1*u1 + u0*t1*t1 + t0*u1*t1;
+ var t0t1t1 = t0*t1*t1;
+ //
+ var u1u1u1 = u1*u1*u1;
+ var t1u1u1_3 = t1*u1*u1 + u1*t1*u1 + u1*u1*t1;
+ var t1t1u1_3 = t1*t1*u1 + u1*t1*t1 + t1*u1*t1;
+ var t1t1t1 = t1*t1*t1;
+ for(i=0;i<len;i+=1){
+ bezier_segment_points[i * 4] = Math.round((u0u0u0 * pt1[i] + t0u0u0_3 * pt3[i] + t0t0u0_3 * pt4[i] + t0t0t0 * pt2[i]) * 1000) / 1000;
+ bezier_segment_points[i * 4 + 1] = Math.round((u0u0u1 * pt1[i] + t0u0u1_3 * pt3[i] + t0t0u1_3 * pt4[i] + t0t0t1 * pt2[i]) * 1000) / 1000;
+ bezier_segment_points[i * 4 + 2] = Math.round((u0u1u1 * pt1[i] + t0u1u1_3 * pt3[i] + t0t1u1_3 * pt4[i] + t0t1t1 * pt2[i]) * 1000) / 1000;
+ bezier_segment_points[i * 4 + 3] = Math.round((u1u1u1 * pt1[i] + t1u1u1_3 * pt3[i] + t1t1u1_3 * pt4[i] + t1t1t1 * pt2[i]) * 1000) / 1000;
+ }
+
+ return bezier_segment_points;
+ }
+
+ return {
+ getSegmentsLength : getSegmentsLength,
+ getNewSegment : getNewSegment,
+ getPointInSegment : getPointInSegment,
+ buildBezierData : buildBezierData,
+ pointOnLine2D : pointOnLine2D,
+ pointOnLine3D : pointOnLine3D
+ };
+}
+
+var bez = bezFunction();
+function dataFunctionManager(){
+
+ //var tCanvasHelper = createTag('canvas').getContext('2d');
+
+ function completeLayers(layers, comps, fontManager){
+ var layerData;
+ var animArray, lastFrame;
+ var i, len = layers.length;
+ var j, jLen, k, kLen;
+ for(i=0;i<len;i+=1){
+ layerData = layers[i];
+ if(!('ks' in layerData) || layerData.completed){
+ continue;
+ }
+ layerData.completed = true;
+ if(layerData.tt){
+ layers[i-1].td = layerData.tt;
+ }
+ animArray = [];
+ lastFrame = -1;
+ if(layerData.hasMask){
+ var maskProps = layerData.masksProperties;
+ jLen = maskProps.length;
+ for(j=0;j<jLen;j+=1){
+ if(maskProps[j].pt.k.i){
+ convertPathsToAbsoluteValues(maskProps[j].pt.k);
+ }else{
+ kLen = maskProps[j].pt.k.length;
+ for(k=0;k<kLen;k+=1){
+ if(maskProps[j].pt.k[k].s){
+ convertPathsToAbsoluteValues(maskProps[j].pt.k[k].s[0]);
+ }
+ if(maskProps[j].pt.k[k].e){
+ convertPathsToAbsoluteValues(maskProps[j].pt.k[k].e[0]);
+ }
+ }
+ }
+ }
+ }
+ if(layerData.ty===0){
+ layerData.layers = findCompLayers(layerData.refId, comps);
+ completeLayers(layerData.layers,comps, fontManager);
+ }else if(layerData.ty === 4){
+ completeShapes(layerData.shapes);
+ }else if(layerData.ty == 5){
+ completeText(layerData, fontManager);
+ }
+ }
+ }
+
+ function findCompLayers(id,comps){
+ var i = 0, len = comps.length;
+ while(i<len){
+ if(comps[i].id === id){
+ if(!comps[i].layers.__used) {
+ comps[i].layers.__used = true;
+ return comps[i].layers;
+ }
+ return JSON.parse(JSON.stringify(comps[i].layers));
+ }
+ i += 1;
+ }
+ }
+
+ function completeShapes(arr){
+ var i, len = arr.length;
+ var j, jLen;
+ var hasPaths = false;
+ for(i=len-1;i>=0;i-=1){
+ if(arr[i].ty == 'sh'){
+ if(arr[i].ks.k.i){
+ convertPathsToAbsoluteValues(arr[i].ks.k);
+ }else{
+ jLen = arr[i].ks.k.length;
+ for(j=0;j<jLen;j+=1){
+ if(arr[i].ks.k[j].s){
+ convertPathsToAbsoluteValues(arr[i].ks.k[j].s[0]);
+ }
+ if(arr[i].ks.k[j].e){
+ convertPathsToAbsoluteValues(arr[i].ks.k[j].e[0]);
+ }
+ }
+ }
+ hasPaths = true;
+ }else if(arr[i].ty == 'gr'){
+ completeShapes(arr[i].it);
+ }
+ }
+ /*if(hasPaths){
+ //mx: distance
+ //ss: sensitivity
+ //dc: decay
+ arr.splice(arr.length-1,0,{
+ "ty": "ms",
+ "mx":20,
+ "ss":10,
+ "dc":0.001,
+ "maxDist":200
+ });
+ }*/
+ }
+
+ function convertPathsToAbsoluteValues(path){
+ var i, len = path.i.length;
+ for(i=0;i<len;i+=1){
+ path.i[i][0] += path.v[i][0];
+ path.i[i][1] += path.v[i][1];
+ path.o[i][0] += path.v[i][0];
+ path.o[i][1] += path.v[i][1];
+ }
+ }
+
+ function checkVersion(minimum,animVersionString){
+ var animVersion = animVersionString ? animVersionString.split('.') : [100,100,100];
+ if(minimum[0]>animVersion[0]){
+ return true;
+ } else if(animVersion[0] > minimum[0]){
+ return false;
+ }
+ if(minimum[1]>animVersion[1]){
+ return true;
+ } else if(animVersion[1] > minimum[1]){
+ return false;
+ }
+ if(minimum[2]>animVersion[2]){
+ return true;
+ } else if(animVersion[2] > minimum[2]){
+ return false;
+ }
+ }
+
+ var checkText = (function(){
+ var minimumVersion = [4,4,14];
+
+ function updateTextLayer(textLayer){
+ var documentData = textLayer.t.d;
+ textLayer.t.d = {
+ k: [
+ {
+ s:documentData,
+ t:0
+ }
+ ]
+ };
+ }
+
+ function iterateLayers(layers){
+ var i, len = layers.length;
+ for(i=0;i<len;i+=1){
+ if(layers[i].ty === 5){
+ updateTextLayer(layers[i]);
+ }
+ }
+ }
+
+ return function (animationData){
+ if(checkVersion(minimumVersion,animationData.v)){
+ iterateLayers(animationData.layers);
+ if(animationData.assets){
+ var i, len = animationData.assets.length;
+ for(i=0;i<len;i+=1){
+ if(animationData.assets[i].layers){
+ iterateLayers(animationData.assets[i].layers);
+
+ }
+ }
+ }
+ }
+ };
+ }());
+
+ var checkChars = (function() {
+ var minimumVersion = [4,7,99];
+ return function (animationData){
+ if(animationData.chars && !checkVersion(minimumVersion,animationData.v)){
+ var i, len = animationData.chars.length, j, jLen, k, kLen;
+ var pathData, paths;
+ for(i = 0; i < len; i += 1) {
+ if(animationData.chars[i].data && animationData.chars[i].data.shapes) {
+ paths = animationData.chars[i].data.shapes[0].it;
+ jLen = paths.length;
+
+ for(j = 0; j < jLen; j += 1) {
+ pathData = paths[j].ks.k;
+ if(!pathData.__converted) {
+ convertPathsToAbsoluteValues(paths[j].ks.k);
+ pathData.__converted = true;
+ }
+ }
+ }
+ }
+ }
+ };
+ }());
+
+ var checkColors = (function(){
+ var minimumVersion = [4,1,9];
+
+ function iterateShapes(shapes){
+ var i, len = shapes.length;
+ var j, jLen;
+ for(i=0;i<len;i+=1){
+ if(shapes[i].ty === 'gr'){
+ iterateShapes(shapes[i].it);
+ }else if(shapes[i].ty === 'fl' || shapes[i].ty === 'st'){
+ if(shapes[i].c.k && shapes[i].c.k[0].i){
+ jLen = shapes[i].c.k.length;
+ for(j=0;j<jLen;j+=1){
+ if(shapes[i].c.k[j].s){
+ shapes[i].c.k[j].s[0] /= 255;
+ shapes[i].c.k[j].s[1] /= 255;
+ shapes[i].c.k[j].s[2] /= 255;
+ shapes[i].c.k[j].s[3] /= 255;
+ }
+ if(shapes[i].c.k[j].e){
+ shapes[i].c.k[j].e[0] /= 255;
+ shapes[i].c.k[j].e[1] /= 255;
+ shapes[i].c.k[j].e[2] /= 255;
+ shapes[i].c.k[j].e[3] /= 255;
+ }
+ }
+ } else {
+ shapes[i].c.k[0] /= 255;
+ shapes[i].c.k[1] /= 255;
+ shapes[i].c.k[2] /= 255;
+ shapes[i].c.k[3] /= 255;
+ }
+ }
+ }
+ }
+
+ function iterateLayers(layers){
+ var i, len = layers.length;
+ for(i=0;i<len;i+=1){
+ if(layers[i].ty === 4){
+ iterateShapes(layers[i].shapes);
+ }
+ }
+ }
+
+ return function (animationData){
+ if(checkVersion(minimumVersion,animationData.v)){
+ iterateLayers(animationData.layers);
+ if(animationData.assets){
+ var i, len = animationData.assets.length;
+ for(i=0;i<len;i+=1){
+ if(animationData.assets[i].layers){
+ iterateLayers(animationData.assets[i].layers);
+
+ }
+ }
+ }
+ }
+ };
+ }());
+
+ var checkShapes = (function(){
+ var minimumVersion = [4,4,18];
+
+
+
+ function completeShapes(arr){
+ var i, len = arr.length;
+ var j, jLen;
+ var hasPaths = false;
+ for(i=len-1;i>=0;i-=1){
+ if(arr[i].ty == 'sh'){
+ if(arr[i].ks.k.i){
+ arr[i].ks.k.c = arr[i].closed;
+ }else{
+ jLen = arr[i].ks.k.length;
+ for(j=0;j<jLen;j+=1){
+ if(arr[i].ks.k[j].s){
+ arr[i].ks.k[j].s[0].c = arr[i].closed;
+ }
+ if(arr[i].ks.k[j].e){
+ arr[i].ks.k[j].e[0].c = arr[i].closed;
+ }
+ }
+ }
+ hasPaths = true;
+ }else if(arr[i].ty == 'gr'){
+ completeShapes(arr[i].it);
+ }
+ }
+ }
+
+ function iterateLayers(layers){
+ var layerData;
+ var i, len = layers.length;
+ var j, jLen, k, kLen;
+ for(i=0;i<len;i+=1){
+ layerData = layers[i];
+ if(layerData.hasMask){
+ var maskProps = layerData.masksProperties;
+ jLen = maskProps.length;
+ for(j=0;j<jLen;j+=1){
+ if(maskProps[j].pt.k.i){
+ maskProps[j].pt.k.c = maskProps[j].cl;
+ }else{
+ kLen = maskProps[j].pt.k.length;
+ for(k=0;k<kLen;k+=1){
+ if(maskProps[j].pt.k[k].s){
+ maskProps[j].pt.k[k].s[0].c = maskProps[j].cl;
+ }
+ if(maskProps[j].pt.k[k].e){
+ maskProps[j].pt.k[k].e[0].c = maskProps[j].cl;
+ }
+ }
+ }
+ }
+ }
+ if(layerData.ty === 4){
+ completeShapes(layerData.shapes);
+ }
+ }
+ }
+
+ return function (animationData){
+ if(checkVersion(minimumVersion,animationData.v)){
+ iterateLayers(animationData.layers);
+ if(animationData.assets){
+ var i, len = animationData.assets.length;
+ for(i=0;i<len;i+=1){
+ if(animationData.assets[i].layers){
+ iterateLayers(animationData.assets[i].layers);
+
+ }
+ }
+ }
+ }
+ };
+ }());
+
+ function completeData(animationData, fontManager){
+ if(animationData.__complete){
+ return;
+ }
+ checkColors(animationData);
+ checkText(animationData);
+ checkChars(animationData);
+ checkShapes(animationData);
+ completeLayers(animationData.layers, animationData.assets, fontManager);
+ animationData.__complete = true;
+ //blitAnimation(animationData, animationData.assets, fontManager);
+ }
+
+ function completeText(data, fontManager){
+ if(data.t.a.length === 0 && !('m' in data.t.p)){
+ data.singleShape = true;
+ }
+ }
+
+ var moduleOb = {};
+ moduleOb.completeData = completeData;
+
+ return moduleOb;
+}
+
+var dataManager = dataFunctionManager();
+var FontManager = (function(){
+
+ var maxWaitingTime = 5000;
+ var emptyChar = {
+ w: 0,
+ size:0,
+ shapes:[]
+ };
+ var combinedCharacters = [];
+ //Hindi characters
+ combinedCharacters = combinedCharacters.concat([2304, 2305, 2306, 2307, 2362, 2363, 2364, 2364, 2366
+ , 2367, 2368, 2369, 2370, 2371, 2372, 2373, 2374, 2375, 2376, 2377, 2378, 2379
+ , 2380, 2381, 2382, 2383, 2387, 2388, 2389, 2390, 2391, 2402, 2403]);
+
+ function setUpNode(font, family){
+ var parentNode = createTag('span');
+ parentNode.style.fontFamily = family;
+ var node = createTag('span');
+ // Characters that vary significantly among different fonts
+ node.innerHTML = 'giItT1WQy@!-/#';
+ // Visible - so we can measure it - but not on the screen
+ parentNode.style.position = 'absolute';
+ parentNode.style.left = '-10000px';
+ parentNode.style.top = '-10000px';
+ // Large font size makes even subtle changes obvious
+ parentNode.style.fontSize = '300px';
+ // Reset any font properties
+ parentNode.style.fontVariant = 'normal';
+ parentNode.style.fontStyle = 'normal';
+ parentNode.style.fontWeight = 'normal';
+ parentNode.style.letterSpacing = '0';
+ parentNode.appendChild(node);
+ document.body.appendChild(parentNode);
+
+ // Remember width with no applied web font
+ var width = node.offsetWidth;
+ node.style.fontFamily = font + ', '+family;
+ return {node:node, w:width, parent:parentNode};
+ }
+
+ function checkLoadedFonts() {
+ var i, len = this.fonts.length;
+ var node, w;
+ var loadedCount = len;
+ for(i=0;i<len; i+= 1){
+ if(this.fonts[i].loaded){
+ loadedCount -= 1;
+ continue;
+ }
+ if(this.fonts[i].fOrigin === 'n' || this.fonts[i].origin === 0){
+ this.fonts[i].loaded = true;
+ } else{
+ node = this.fonts[i].monoCase.node;
+ w = this.fonts[i].monoCase.w;
+ if(node.offsetWidth !== w){
+ loadedCount -= 1;
+ this.fonts[i].loaded = true;
+ }else{
+ node = this.fonts[i].sansCase.node;
+ w = this.fonts[i].sansCase.w;
+ if(node.offsetWidth !== w){
+ loadedCount -= 1;
+ this.fonts[i].loaded = true;
+ }
+ }
+ if(this.fonts[i].loaded){
+ this.fonts[i].sansCase.parent.parentNode.removeChild(this.fonts[i].sansCase.parent);
+ this.fonts[i].monoCase.parent.parentNode.removeChild(this.fonts[i].monoCase.parent);
+ }
+ }
+ }
+
+ if(loadedCount !== 0 && Date.now() - this.initTime < maxWaitingTime){
+ setTimeout(this.checkLoadedFonts.bind(this),20);
+ }else{
+ setTimeout(function(){this.isLoaded = true;}.bind(this),0);
+
+ }
+ }
+
+ function createHelper(def, fontData){
+ var tHelper = createNS('text');
+ tHelper.style.fontSize = '100px';
+ //tHelper.style.fontFamily = fontData.fFamily;
+ tHelper.setAttribute('font-family', fontData.fFamily);
+ tHelper.setAttribute('font-style', fontData.fStyle);
+ tHelper.setAttribute('font-weight', fontData.fWeight);
+ tHelper.textContent = '1';
+ if(fontData.fClass){
+ tHelper.style.fontFamily = 'inherit';
+ tHelper.className = fontData.fClass;
+ } else {
+ tHelper.style.fontFamily = fontData.fFamily;
+ }
+ def.appendChild(tHelper);
+ var tCanvasHelper = createTag('canvas').getContext('2d');
+ tCanvasHelper.font = fontData.fWeight + ' ' + fontData.fStyle + ' 100px '+ fontData.fFamily;
+ //tCanvasHelper.font = ' 100px '+ fontData.fFamily;
+ return tHelper;
+ }
+
+ function addFonts(fontData, defs){
+ if(!fontData){
+ this.isLoaded = true;
+ return;
+ }
+ if(this.chars){
+ this.isLoaded = true;
+ this.fonts = fontData.list;
+ return;
+ }
+
+
+ var fontArr = fontData.list;
+ var i, len = fontArr.length;
+ var _pendingFonts = len;
+ for(i=0; i<len; i+= 1){
+ var shouldLoadFont = true;
+ var loadedSelector;
+ var j;
+ fontArr[i].loaded = false;
+ fontArr[i].monoCase = setUpNode(fontArr[i].fFamily,'monospace');
+ fontArr[i].sansCase = setUpNode(fontArr[i].fFamily,'sans-serif');
+ if(!fontArr[i].fPath) {
+ fontArr[i].loaded = true;
+ _pendingFonts -= 1;
+ }else if(fontArr[i].fOrigin === 'p' || fontArr[i].origin === 3){
+ loadedSelector = document.querySelectorAll('style[f-forigin="p"][f-family="'+ fontArr[i].fFamily +'"], style[f-origin="3"][f-family="'+ fontArr[i].fFamily +'"]');
+
+ if (loadedSelector.length > 0) {
+ shouldLoadFont = false;
+ }
+
+ if (shouldLoadFont) {
+ var s = createTag('style');
+ s.setAttribute('f-forigin', fontArr[i].fOrigin);
+ s.setAttribute('f-origin', fontArr[i].origin);
+ s.setAttribute('f-family', fontArr[i].fFamily);
+ s.type = "text/css";
+ s.innerHTML = "@font-face {" + "font-family: "+fontArr[i].fFamily+"; font-style: normal; src: url('"+fontArr[i].fPath+"');}";
+ defs.appendChild(s);
+ }
+ } else if(fontArr[i].fOrigin === 'g' || fontArr[i].origin === 1){
+ loadedSelector = document.querySelectorAll('link[f-forigin="g"], link[f-origin="1"]');
+
+ for (j = 0; j < loadedSelector.length; j++) {
+ if (loadedSelector[j].href.indexOf(fontArr[i].fPath) !== -1) {
+ // Font is already loaded
+ shouldLoadFont = false;
+ }
+ }
+
+ if (shouldLoadFont) {
+ var l = createTag('link');
+ l.setAttribute('f-forigin', fontArr[i].fOrigin);
+ l.setAttribute('f-origin', fontArr[i].origin);
+ l.type = "text/css";
+ l.rel = "stylesheet";
+ l.href = fontArr[i].fPath;
+ document.body.appendChild(l);
+ }
+ } else if(fontArr[i].fOrigin === 't' || fontArr[i].origin === 2){
+ loadedSelector = document.querySelectorAll('script[f-forigin="t"], script[f-origin="2"]');
+
+ for (j = 0; j < loadedSelector.length; j++) {
+ if (fontArr[i].fPath === loadedSelector[j].src) {
+ // Font is already loaded
+ shouldLoadFont = false;
+ }
+ }
+
+ if (shouldLoadFont) {
+ var sc = createTag('link');
+ sc.setAttribute('f-forigin', fontArr[i].fOrigin);
+ sc.setAttribute('f-origin', fontArr[i].origin);
+ sc.setAttribute('rel','stylesheet');
+ sc.setAttribute('href',fontArr[i].fPath);
+ defs.appendChild(sc);
+ }
+ }
+ fontArr[i].helper = createHelper(defs,fontArr[i]);
+ fontArr[i].cache = {};
+ this.fonts.push(fontArr[i]);
+ }
+ if (_pendingFonts === 0) {
+ this.isLoaded = true;
+ } else {
+ //On some cases even if the font is loaded, it won't load correctly when measuring text on canvas.
+ //Adding this timeout seems to fix it
+ setTimeout(this.checkLoadedFonts.bind(this), 100);
+ }
+ }
+
+ function addChars(chars){
+ if(!chars){
+ return;
+ }
+ if(!this.chars){
+ this.chars = [];
+ }
+ var i, len = chars.length;
+ var j, jLen = this.chars.length, found;
+ for(i=0;i<len;i+=1){
+ j = 0;
+ found = false;
+ while(j<jLen){
+ if(this.chars[j].style === chars[i].style && this.chars[j].fFamily === chars[i].fFamily && this.chars[j].ch === chars[i].ch){
+ found = true;
+ }
+ j += 1;
+ }
+ if(!found){
+ this.chars.push(chars[i]);
+ jLen += 1;
+ }
+ }
+ }
+
+ function getCharData(char, style, font){
+ var i = 0, len = this.chars.length;
+ while( i < len) {
+ if(this.chars[i].ch === char && this.chars[i].style === style && this.chars[i].fFamily === font){
+ return this.chars[i];
+ }
+ i+= 1;
+ }
+ if(console && console.warn) {
+ console.warn('Missing character from exported characters list: ', char, style, font);
+ }
+ return emptyChar;
+ }
+
+ function measureText(char, fontName, size) {
+ var fontData = this.getFontByName(fontName);
+ var index = char.charCodeAt(0);
+ if(!fontData.cache[index + 1]) {
+ var tHelper = fontData.helper;
+ //Canvas version
+ //fontData.cache[index] = tHelper.measureText(char).width / 100;
+ //SVG version
+ //console.log(tHelper.getBBox().width)
+ if (char === ' ') {
+ tHelper.textContent = '|' + char + '|';
+ var doubleSize = tHelper.getComputedTextLength();
+ tHelper.textContent = '||';
+ var singleSize = tHelper.getComputedTextLength();
+ fontData.cache[index + 1] = (doubleSize - singleSize)/100;
+ } else {
+ tHelper.textContent = char;
+ fontData.cache[index + 1] = (tHelper.getComputedTextLength())/100;
+ }
+ }
+ return fontData.cache[index + 1] * size;
+ }
+
+ function getFontByName(name){
+ var i = 0, len = this.fonts.length;
+ while(i<len){
+ if(this.fonts[i].fName === name) {
+ return this.fonts[i];
+ }
+ i += 1;
+ }
+ return this.fonts[0];
+ }
+
+ function getCombinedCharacterCodes() {
+ return combinedCharacters;
+ }
+
+ function loaded() {
+ return this.isLoaded;
+ }
+
+ var Font = function(){
+ this.fonts = [];
+ this.chars = null;
+ this.typekitLoaded = 0;
+ this.isLoaded = false;
+ this.initTime = Date.now();
+ };
+ //TODO: for now I'm adding these methods to the Class and not the prototype. Think of a better way to implement it.
+ Font.getCombinedCharacterCodes = getCombinedCharacterCodes;
+
+ Font.prototype.addChars = addChars;
+ Font.prototype.addFonts = addFonts;
+ Font.prototype.getCharData = getCharData;
+ Font.prototype.getFontByName = getFontByName;
+ Font.prototype.measureText = measureText;
+ Font.prototype.checkLoadedFonts = checkLoadedFonts;
+ Font.prototype.loaded = loaded;
+
+ return Font;
+
+}());
+var PropertyFactory = (function(){
+
+ var initFrame = initialDefaultFrame;
+ var math_abs = Math.abs;
+
+ function interpolateValue(frameNum, caching) {
+ var offsetTime = this.offsetTime;
+ var newValue;
+ if (this.propType === 'multidimensional') {
+ newValue = createTypedArray('float32', this.pv.length);
+ }
+ var iterationIndex = caching.lastIndex;
+ var i = iterationIndex;
+ var len = this.keyframes.length - 1, flag = true;
+ var keyData, nextKeyData;
+
+ while (flag) {
+ keyData = this.keyframes[i];
+ nextKeyData = this.keyframes[i + 1];
+ if (i === len - 1 && frameNum >= nextKeyData.t - offsetTime){
+ if(keyData.h){
+ keyData = nextKeyData;
+ }
+ iterationIndex = 0;
+ break;
+ }
+ if ((nextKeyData.t - offsetTime) > frameNum){
+ iterationIndex = i;
+ break;
+ }
+ if (i < len - 1){
+ i += 1;
+ } else {
+ iterationIndex = 0;
+ flag = false;
+ }
+ }
+
+ var k, kLen, perc, jLen, j, fnc;
+ var nextKeyTime = nextKeyData.t - offsetTime;
+ var keyTime = keyData.t - offsetTime;
+ if (keyData.to) {
+ if (!keyData.bezierData) {
+ bez.buildBezierData(keyData);
+ }
+ var bezierData = keyData.bezierData;
+ if (frameNum >= nextKeyTime || frameNum < keyTime) {
+ var ind = frameNum >= nextKeyTime ? bezierData.points.length - 1 : 0;
+ kLen = bezierData.points[ind].point.length;
+ for (k = 0; k < kLen; k += 1) {
+ newValue[k] = bezierData.points[ind].point[k];
+ }
+ // caching._lastBezierData = null;
+ } else {
+ if (keyData.__fnct) {
+ fnc = keyData.__fnct;
+ } else {
+ fnc = BezierFactory.getBezierEasing(keyData.o.x, keyData.o.y, keyData.i.x, keyData.i.y, keyData.n).get;
+ keyData.__fnct = fnc;
+ }
+ perc = fnc((frameNum - keyTime) / (nextKeyTime - keyTime));
+ var distanceInLine = bezierData.segmentLength*perc;
+
+ var segmentPerc;
+ var addedLength = (caching.lastFrame < frameNum && caching._lastBezierData === bezierData) ? caching._lastAddedLength : 0;
+ j = (caching.lastFrame < frameNum && caching._lastBezierData === bezierData) ? caching._lastPoint : 0;
+ flag = true;
+ jLen = bezierData.points.length;
+ while (flag) {
+ addedLength += bezierData.points[j].partialLength;
+ if (distanceInLine === 0 || perc === 0 || j === bezierData.points.length - 1) {
+ kLen = bezierData.points[j].point.length;
+ for (k = 0; k < kLen; k += 1) {
+ newValue[k] = bezierData.points[j].point[k];
+ }
+ break;
+ } else if (distanceInLine >= addedLength && distanceInLine < addedLength + bezierData.points[j + 1].partialLength) {
+ segmentPerc = (distanceInLine - addedLength) / bezierData.points[j + 1].partialLength;
+ kLen = bezierData.points[j].point.length;
+ for (k = 0; k < kLen; k += 1) {
+ newValue[k] = bezierData.points[j].point[k] + (bezierData.points[j + 1].point[k] - bezierData.points[j].point[k]) * segmentPerc;
+ }
+ break;
+ }
+ if (j < jLen - 1){
+ j += 1;
+ } else {
+ flag = false;
+ }
+ }
+ caching._lastPoint = j;
+ caching._lastAddedLength = addedLength - bezierData.points[j].partialLength;
+ caching._lastBezierData = bezierData;
+ }
+ } else {
+ var outX, outY, inX, inY, keyValue;
+ len = keyData.s.length;
+ if (this.sh && keyData.h !== 1) {
+ if (frameNum >= nextKeyTime) {
+ newValue[0] = keyData.e[0];
+ newValue[1] = keyData.e[1];
+ newValue[2] = keyData.e[2];
+ } else if (frameNum <= keyTime) {
+ newValue[0] = keyData.s[0];
+ newValue[1] = keyData.s[1];
+ newValue[2] = keyData.s[2];
+ } else {
+ var quatStart = createQuaternion(keyData.s);
+ var quatEnd = createQuaternion(keyData.e);
+ var time = (frameNum - keyTime) / (nextKeyTime - keyTime);
+ quaternionToEuler(newValue, slerp(quatStart, quatEnd, time));
+ }
+
+ } else {
+ for(i = 0; i < len; i += 1) {
+ if (keyData.h !== 1) {
+ if (frameNum >= nextKeyTime) {
+ perc = 1;
+ } else if(frameNum < keyTime) {
+ perc = 0;
+ } else {
+ if(keyData.o.x.constructor === Array) {
+ if (!keyData.__fnct) {
+ keyData.__fnct = [];
+ }
+ if (!keyData.__fnct[i]) {
+ outX = (typeof keyData.o.x[i] === undefined) ? keyData.o.x[0] : keyData.o.x[i];
+ outY = (typeof keyData.o.y[i] === undefined) ? keyData.o.y[0] : keyData.o.y[i];
+ inX = (typeof keyData.i.x[i] === undefined) ? keyData.i.x[0] : keyData.i.x[i];
+ inY = (typeof keyData.i.y[i] === undefined) ? keyData.i.y[0] : keyData.i.y[i];
+
+ fnc = BezierFactory.getBezierEasing(outX, outY, inX, inY).get;
+ keyData.__fnct[i] = fnc;
+ } else {
+ fnc = keyData.__fnct[i];
+ }
+ } else {
+ if (!keyData.__fnct) {
+ outX = keyData.o.x;
+ outY = keyData.o.y;
+ inX = keyData.i.x;
+ inY = keyData.i.y;
+ fnc = BezierFactory.getBezierEasing(outX, outY, inX, inY).get;
+ keyData.__fnct = fnc;
+ } else {
+ fnc = keyData.__fnct;
+ }
+ }
+ perc = fnc((frameNum - keyTime) / (nextKeyTime - keyTime ));
+ }
+ }
+
+ keyValue = keyData.h === 1 ? keyData.s[i] : keyData.s[i] + (keyData.e[i] - keyData.s[i]) * perc;
+
+ if (len === 1) {
+ newValue = keyValue;
+ } else {
+ newValue[i] = keyValue;
+ }
+ }
+ }
+ }
+ caching.lastIndex = iterationIndex;
+ return newValue;
+ }
+
+ //based on @Toji's https://github.com/toji/gl-matrix/
+ function slerp(a, b, t) {
+ var out = [];
+ var ax = a[0], ay = a[1], az = a[2], aw = a[3],
+ bx = b[0], by = b[1], bz = b[2], bw = b[3]
+
+ var omega, cosom, sinom, scale0, scale1;
+
+ cosom = ax * bx + ay * by + az * bz + aw * bw;
+ if (cosom < 0.0) {
+ cosom = -cosom;
+ bx = -bx;
+ by = -by;
+ bz = -bz;
+ bw = -bw;
+ }
+ if ((1.0 - cosom) > 0.000001) {
+ omega = Math.acos(cosom);
+ sinom = Math.sin(omega);
+ scale0 = Math.sin((1.0 - t) * omega) / sinom;
+ scale1 = Math.sin(t * omega) / sinom;
+ } else {
+ scale0 = 1.0 - t;
+ scale1 = t;
+ }
+ out[0] = scale0 * ax + scale1 * bx;
+ out[1] = scale0 * ay + scale1 * by;
+ out[2] = scale0 * az + scale1 * bz;
+ out[3] = scale0 * aw + scale1 * bw;
+
+ return out;
+ }
+
+ function quaternionToEuler(out, quat) {
+ var qx = quat[0];
+ var qy = quat[1];
+ var qz = quat[2];
+ var qw = quat[3];
+ var heading = Math.atan2(2*qy*qw-2*qx*qz , 1 - 2*qy*qy - 2*qz*qz)
+ var attitude = Math.asin(2*qx*qy + 2*qz*qw)
+ var bank = Math.atan2(2*qx*qw-2*qy*qz , 1 - 2*qx*qx - 2*qz*qz);
+ out[0] = heading/degToRads;
+ out[1] = attitude/degToRads;
+ out[2] = bank/degToRads;
+ }
+
+ function createQuaternion(values) {
+ var heading = values[0] * degToRads;
+ var attitude = values[1] * degToRads;
+ var bank = values[2] * degToRads;
+ var c1 = Math.cos(heading / 2);
+ var c2 = Math.cos(attitude / 2);
+ var c3 = Math.cos(bank / 2);
+ var s1 = Math.sin(heading / 2);
+ var s2 = Math.sin(attitude / 2);
+ var s3 = Math.sin(bank / 2);
+ var w = c1 * c2 * c3 - s1 * s2 * s3;
+ var x = s1 * s2 * c3 + c1 * c2 * s3;
+ var y = s1 * c2 * c3 + c1 * s2 * s3;
+ var z = c1 * s2 * c3 - s1 * c2 * s3;
+
+ return [x,y,z,w];
+ }
+
+ function getValueAtCurrentTime(){
+ var frameNum = this.comp.renderedFrame - this.offsetTime;
+ var initTime = this.keyframes[0].t - this.offsetTime;
+ var endTime = this.keyframes[this.keyframes.length- 1].t-this.offsetTime;
+ if(!(frameNum === this._caching.lastFrame || (this._caching.lastFrame !== initFrame && ((this._caching.lastFrame >= endTime && frameNum >= endTime) || (this._caching.lastFrame < initTime && frameNum < initTime))))){
+ if(this._caching.lastFrame >= frameNum) {
+ this._caching._lastBezierData = null;
+ this._caching.lastIndex = 0;
+ }
+
+ var renderResult = this.interpolateValue(frameNum, this._caching);
+ this.pv = renderResult;
+ }
+ this._caching.lastFrame = frameNum;
+ return this.pv;
+ }
+
+ function setVValue(val) {
+ var multipliedValue;
+ if(this.propType === 'unidimensional') {
+ multipliedValue = val * this.mult;
+ if(math_abs(this.v - multipliedValue) > 0.00001) {
+ this.v = multipliedValue;
+ this._mdf = true;
+ }
+ } else {
+ var i = 0, len = this.v.length;
+ while (i < len) {
+ multipliedValue = val[i] * this.mult;
+ if (math_abs(this.v[i] - multipliedValue) > 0.00001) {
+ this.v[i] = multipliedValue;
+ this._mdf = true;
+ }
+ i += 1;
+ }
+ }
+ }
+
+ function processEffectsSequence() {
+ if(this.elem.globalData.frameId === this.frameId || !this.effectsSequence.length) {
+ return;
+ }
+ if(this.lock) {
+ this.setVValue(this.pv);
+ return;
+ }
+ this.lock = true;
+ this._mdf = this._isFirstFrame;
+ var multipliedValue;
+ var i, len = this.effectsSequence.length;
+ var finalValue = this.kf ? this.pv : this.data.k;
+ for(i = 0; i < len; i += 1) {
+ finalValue = this.effectsSequence[i](finalValue);
+ }
+ this.setVValue(finalValue);
+ this._isFirstFrame = false;
+ this.lock = false;
+ this.frameId = this.elem.globalData.frameId;
+ }
+
+ function addEffect(effectFunction) {
+ this.effectsSequence.push(effectFunction);
+ this.container.addDynamicProperty(this);
+ }
+
+ function ValueProperty(elem, data, mult, container){
+ this.propType = 'unidimensional';
+ this.mult = mult || 1;
+ this.data = data;
+ this.v = mult ? data.k * mult : data.k;
+ this.pv = data.k;
+ this._mdf = false;
+ this.elem = elem;
+ this.container = container;
+ this.comp = elem.comp;
+ this.k = false;
+ this.kf = false;
+ this.vel = 0;
+ this.effectsSequence = [];
+ this._isFirstFrame = true;
+ this.getValue = processEffectsSequence;
+ this.setVValue = setVValue;
+ this.addEffect = addEffect;
+ }
+
+ function MultiDimensionalProperty(elem, data, mult, container) {
+ this.propType = 'multidimensional';
+ this.mult = mult || 1;
+ this.data = data;
+ this._mdf = false;
+ this.elem = elem;
+ this.container = container;
+ this.comp = elem.comp;
+ this.k = false;
+ this.kf = false;
+ this.frameId = -1;
+ var i, len = data.k.length;
+ this.v = createTypedArray('float32', len);
+ this.pv = createTypedArray('float32', len);
+ var arr = createTypedArray('float32', len);
+ this.vel = createTypedArray('float32', len);
+ for (i = 0; i < len; i += 1) {
+ this.v[i] = data.k[i] * this.mult;
+ this.pv[i] = data.k[i];
+ }
+ this._isFirstFrame = true;
+ this.effectsSequence = [];
+ this.getValue = processEffectsSequence;
+ this.setVValue = setVValue;
+ this.addEffect = addEffect;
+ }
+
+ function KeyframedValueProperty(elem, data, mult, container) {
+ this.propType = 'unidimensional';
+ this.keyframes = data.k;
+ this.offsetTime = elem.data.st;
+ this.frameId = -1;
+ this._caching = {lastFrame: initFrame, lastIndex: 0, value: 0, _lastBezierData: null};
+ this.k = true;
+ this.kf = true;
+ this.data = data;
+ this.mult = mult || 1;
+ this.elem = elem;
+ this.container = container;
+ this.comp = elem.comp;
+ this.v = initFrame;
+ this.pv = initFrame;
+ this._isFirstFrame = true;
+ this.getValue = processEffectsSequence;
+ this.setVValue = setVValue;
+ this.interpolateValue = interpolateValue;
+ this.effectsSequence = [getValueAtCurrentTime.bind(this)];
+ this.addEffect = addEffect;
+ }
+
+ function KeyframedMultidimensionalProperty(elem, data, mult, container){
+ this.propType = 'multidimensional';
+ var i, len = data.k.length;
+ var s, e,to,ti;
+ for (i = 0; i < len - 1; i += 1) {
+ if (data.k[i].to && data.k[i].s && data.k[i].e) {
+ s = data.k[i].s;
+ e = data.k[i].e;
+ to = data.k[i].to;
+ ti = data.k[i].ti;
+ if((s.length === 2 && !(s[0] === e[0] && s[1] === e[1]) && bez.pointOnLine2D(s[0],s[1],e[0],e[1],s[0] + to[0],s[1] + to[1]) && bez.pointOnLine2D(s[0],s[1],e[0],e[1],e[0] + ti[0],e[1] + ti[1])) || (s.length === 3 && !(s[0] === e[0] && s[1] === e[1] && s[2] === e[2]) && bez.pointOnLine3D(s[0],s[1],s[2],e[0],e[1],e[2],s[0] + to[0],s[1] + to[1],s[2] + to[2]) && bez.pointOnLine3D(s[0],s[1],s[2],e[0],e[1],e[2],e[0] + ti[0],e[1] + ti[1],e[2] + ti[2]))){
+ data.k[i].to = null;
+ data.k[i].ti = null;
+ }
+ if(s[0] === e[0] && s[1] === e[1] && to[0] === 0 && to[1] === 0 && ti[0] === 0 && ti[1] === 0) {
+ if(s.length === 2 || (s[2] === e[2] && to[2] === 0 && ti[2] === 0)) {
+ data.k[i].to = null;
+ data.k[i].ti = null;
+ }
+ }
+ }
+ }
+ this.effectsSequence = [getValueAtCurrentTime.bind(this)];
+ this.keyframes = data.k;
+ this.offsetTime = elem.data.st;
+ this.k = true;
+ this.kf = true;
+ this._isFirstFrame = true;
+ this.mult = mult || 1;
+ this.elem = elem;
+ this.container = container;
+ this.comp = elem.comp;
+ this.getValue = processEffectsSequence;
+ this.setVValue = setVValue;
+ this.interpolateValue = interpolateValue;
+ this.frameId = -1;
+ var arrLen = data.k[0].s.length;
+ this.v = createTypedArray('float32', arrLen);
+ this.pv = createTypedArray('float32', arrLen);
+ for (i = 0; i < arrLen; i += 1) {
+ this.v[i] = initFrame;
+ this.pv[i] = initFrame;
+ }
+ this._caching={lastFrame:initFrame,lastIndex:0,value:createTypedArray('float32', arrLen)};
+ this.addEffect = addEffect;
+ }
+
+ function getProp(elem,data,type, mult, container) {
+ var p;
+ if(data.a === 0){
+ if(type === 0) {
+ p = new ValueProperty(elem,data,mult, container);
+ } else {
+ p = new MultiDimensionalProperty(elem,data, mult, container);
+ }
+ } else if(data.a === 1){
+ if(type === 0) {
+ p = new KeyframedValueProperty(elem,data,mult, container);
+ } else {
+ p = new KeyframedMultidimensionalProperty(elem,data, mult, container);
+ }
+ } else if(!data.k.length){
+ p = new ValueProperty(elem,data, mult, container);
+ }else if(typeof(data.k[0]) === 'number'){
+ p = new MultiDimensionalProperty(elem,data, mult, container);
+ }else{
+ switch(type){
+ case 0:
+ p = new KeyframedValueProperty(elem,data,mult, container);
+ break;
+ case 1:
+ p = new KeyframedMultidimensionalProperty(elem,data,mult, container);
+ break;
+ }
+ }
+ if(p.effectsSequence.length){
+ container.addDynamicProperty(p);
+ }
+ return p;
+ }
+
+ var ob = {
+ getProp: getProp
+ };
+ return ob;
+}());
+var TransformPropertyFactory = (function() {
+
+ function applyToMatrix(mat) {
+ var _mdf = this._mdf;
+ this.iterateDynamicProperties();
+ this._mdf = this._mdf || _mdf;
+ if (this.a) {
+ mat.translate(-this.a.v[0], -this.a.v[1], this.a.v[2]);
+ }
+ if (this.s) {
+ mat.scale(this.s.v[0], this.s.v[1], this.s.v[2]);
+ }
+ if (this.sk) {
+ mat.skewFromAxis(-this.sk.v, this.sa.v);
+ }
+ if (this.r) {
+ mat.rotate(-this.r.v);
+ } else {
+ mat.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]);
+ }
+ if (this.data.p.s) {
+ if (this.data.p.z) {
+ mat.translate(this.px.v, this.py.v, -this.pz.v);
+ } else {
+ mat.translate(this.px.v, this.py.v, 0);
+ }
+ } else {
+ mat.translate(this.p.v[0], this.p.v[1], -this.p.v[2]);
+ }
+ }
+ function processKeys(forceRender){
+ if (this.elem.globalData.frameId === this.frameId) {
+ return;
+ }
+ if(this._isDirty) {
+ this.precalculateMatrix();
+ this._isDirty = false;
+ }
+
+ this.iterateDynamicProperties();
+
+ if (this._mdf || forceRender) {
+ this.v.cloneFromProps(this.pre.props);
+ if (this.appliedTransformations < 1) {
+ this.v.translate(-this.a.v[0], -this.a.v[1], this.a.v[2]);
+ }
+ if(this.appliedTransformations < 2) {
+ this.v.scale(this.s.v[0], this.s.v[1], this.s.v[2]);
+ }
+ if (this.sk && this.appliedTransformations < 3) {
+ this.v.skewFromAxis(-this.sk.v, this.sa.v);
+ }
+ if (this.r && this.appliedTransformations < 4) {
+ this.v.rotate(-this.r.v);
+ } else if (!this.r && this.appliedTransformations < 4){
+ this.v.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]);
+ }
+ if (this.autoOriented) {
+ var v1,v2, frameRate = this.elem.globalData.frameRate;
+ if(this.p && this.p.keyframes && this.p.getValueAtTime) {
+ if (this.p._caching.lastFrame+this.p.offsetTime <= this.p.keyframes[0].t) {
+ v1 = this.p.getValueAtTime((this.p.keyframes[0].t + 0.01) / frameRate,0);
+ v2 = this.p.getValueAtTime(this.p.keyframes[0].t / frameRate, 0);
+ } else if(this.p._caching.lastFrame+this.p.offsetTime >= this.p.keyframes[this.p.keyframes.length - 1].t) {
+ v1 = this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length - 1].t / frameRate), 0);
+ v2 = this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length - 1].t - 0.01) / frameRate, 0);
+ } else {
+ v1 = this.p.pv;
+ v2 = this.p.getValueAtTime((this.p._caching.lastFrame+this.p.offsetTime - 0.01) / frameRate, this.p.offsetTime);
+ }
+ } else if(this.px && this.px.keyframes && this.py.keyframes && this.px.getValueAtTime && this.py.getValueAtTime) {
+ v1 = [];
+ v2 = [];
+ var px = this.px, py = this.py, frameRate;
+ if (px._caching.lastFrame+px.offsetTime <= px.keyframes[0].t) {
+ v1[0] = px.getValueAtTime((px.keyframes[0].t + 0.01) / frameRate,0);
+ v1[1] = py.getValueAtTime((py.keyframes[0].t + 0.01) / frameRate,0);
+ v2[0] = px.getValueAtTime((px.keyframes[0].t) / frameRate,0);
+ v2[1] = py.getValueAtTime((py.keyframes[0].t) / frameRate,0);
+ } else if(px._caching.lastFrame+px.offsetTime >= px.keyframes[px.keyframes.length - 1].t) {
+ v1[0] = px.getValueAtTime((px.keyframes[px.keyframes.length - 1].t / frameRate),0);
+ v1[1] = py.getValueAtTime((py.keyframes[py.keyframes.length - 1].t / frameRate),0);
+ v2[0] = px.getValueAtTime((px.keyframes[px.keyframes.length - 1].t - 0.01) / frameRate,0);
+ v2[1] = py.getValueAtTime((py.keyframes[py.keyframes.length - 1].t - 0.01) / frameRate,0);
+ } else {
+ v1 = [px.pv, py.pv];
+ v2[0] = px.getValueAtTime((px._caching.lastFrame+px.offsetTime - 0.01) / frameRate,px.offsetTime);
+ v2[1] = py.getValueAtTime((py._caching.lastFrame+py.offsetTime - 0.01) / frameRate,py.offsetTime);
+ }
+ }
+ this.v.rotate(-Math.atan2(v1[1] - v2[1], v1[0] - v2[0]));
+ }
+ if(this.data.p.s){
+ if(this.data.p.z) {
+ this.v.translate(this.px.v, this.py.v, -this.pz.v);
+ } else {
+ this.v.translate(this.px.v, this.py.v, 0);
+ }
+ }else{
+ this.v.translate(this.p.v[0],this.p.v[1],-this.p.v[2]);
+ }
+ }
+ this.frameId = this.elem.globalData.frameId;
+ }
+
+ function precalculateMatrix() {
+ if(!this.a.k) {
+ this.pre.translate(-this.a.v[0], -this.a.v[1], this.a.v[2]);
+ this.appliedTransformations = 1;
+ } else {
+ return;
+ }
+ if(!this.s.effectsSequence.length) {
+ this.pre.scale(this.s.v[0], this.s.v[1], this.s.v[2]);
+ this.appliedTransformations = 2;
+ } else {
+ return;
+ }
+ if(this.sk) {
+ if(!this.sk.effectsSequence.length && !this.sa.effectsSequence.length) {
+ this.pre.skewFromAxis(-this.sk.v, this.sa.v);
+ this.appliedTransformations = 3;
+ } else {
+ return;
+ }
+ }
+ if (this.r) {
+ if(!this.r.effectsSequence.length) {
+ this.pre.rotate(-this.r.v);
+ this.appliedTransformations = 4;
+ } else {
+ return;
+ }
+ } else if(!this.rz.effectsSequence.length && !this.ry.effectsSequence.length && !this.rx.effectsSequence.length && !this.or.effectsSequence.length) {
+ this.pre.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]);
+ this.appliedTransformations = 4;
+ }
+ }
+
+ function autoOrient(){
+ //
+ //var prevP = this.getValueAtTime();
+ }
+
+ function addDynamicProperty(prop) {
+ this._addDynamicProperty(prop);
+ this.elem.addDynamicProperty(prop);
+ this._isDirty = true;
+ }
+
+ function TransformProperty(elem,data,container){
+ this.elem = elem;
+ this.frameId = -1;
+ this.propType = 'transform';
+ this.data = data;
+ this.v = new Matrix();
+ //Precalculated matrix with non animated properties
+ this.pre = new Matrix();
+ this.appliedTransformations = 0;
+ this.initDynamicPropertyContainer(container || elem);
+ if(data.p.s){
+ this.px = PropertyFactory.getProp(elem,data.p.x,0,0,this);
+ this.py = PropertyFactory.getProp(elem,data.p.y,0,0,this);
+ if(data.p.z){
+ this.pz = PropertyFactory.getProp(elem,data.p.z,0,0,this);
+ }
+ }else{
+ this.p = PropertyFactory.getProp(elem,data.p,1,0,this);
+ }
+ if(data.r) {
+ this.r = PropertyFactory.getProp(elem, data.r, 0, degToRads, this);
+ } else if(data.rx) {
+ this.rx = PropertyFactory.getProp(elem, data.rx, 0, degToRads, this);
+ this.ry = PropertyFactory.getProp(elem, data.ry, 0, degToRads, this);
+ this.rz = PropertyFactory.getProp(elem, data.rz, 0, degToRads, this);
+ if(data.or.k[0].ti) {
+ var i, len = data.or.k.length;
+ for(i=0;i<len;i+=1) {
+ data.or.k[i].to = data.or.k[i].ti = null;
+ }
+ }
+ this.or = PropertyFactory.getProp(elem, data.or, 1, degToRads, this);
+ //sh Indicates it needs to be capped between -180 and 180
+ this.or.sh = true;
+ }
+ if(data.sk){
+ this.sk = PropertyFactory.getProp(elem, data.sk, 0, degToRads, this);
+ this.sa = PropertyFactory.getProp(elem, data.sa, 0, degToRads, this);
+ }
+ if(data.a) {
+ this.a = PropertyFactory.getProp(elem,data.a,1,0,this);
+ }
+ if(data.s) {
+ this.s = PropertyFactory.getProp(elem,data.s,1,0.01,this);
+ }
+ // Opacity is not part of the transform properties, that's why it won't use this.dynamicProperties. That way transforms won't get updated if opacity changes.
+ if(data.o){
+ this.o = PropertyFactory.getProp(elem,data.o,0,0.01,elem);
+ } else {
+ this.o = {_mdf:false,v:1};
+ }
+ this._isDirty = true;
+ if(!this.dynamicProperties.length){
+ this.getValue(true);
+ }
+ }
+
+ TransformProperty.prototype = {
+ applyToMatrix: applyToMatrix,
+ getValue: processKeys,
+ precalculateMatrix: precalculateMatrix,
+ autoOrient: autoOrient
+ }
+
+ extendPrototype([DynamicPropertyContainer], TransformProperty);
+ TransformProperty.prototype.addDynamicProperty = addDynamicProperty;
+ TransformProperty.prototype._addDynamicProperty = DynamicPropertyContainer.prototype.addDynamicProperty;
+
+ function getTransformProperty(elem,data,container){
+ return new TransformProperty(elem,data,container);
+ }
+
+ return {
+ getTransformProperty: getTransformProperty
+ };
+
+}());
+function ShapePath(){
+ this.c = false;
+ this._length = 0;
+ this._maxLength = 8;
+ this.v = createSizedArray(this._maxLength);
+ this.o = createSizedArray(this._maxLength);
+ this.i = createSizedArray(this._maxLength);
+}
+
+ShapePath.prototype.setPathData = function(closed, len) {
+ this.c = closed;
+ this.setLength(len);
+ var i = 0;
+ while(i < len){
+ this.v[i] = point_pool.newElement();
+ this.o[i] = point_pool.newElement();
+ this.i[i] = point_pool.newElement();
+ i += 1;
+ }
+};
+
+ShapePath.prototype.setLength = function(len) {
+ while(this._maxLength < len) {
+ this.doubleArrayLength();
+ }
+ this._length = len;
+};
+
+ShapePath.prototype.doubleArrayLength = function() {
+ this.v = this.v.concat(createSizedArray(this._maxLength));
+ this.i = this.i.concat(createSizedArray(this._maxLength));
+ this.o = this.o.concat(createSizedArray(this._maxLength));
+ this._maxLength *= 2;
+};
+
+ShapePath.prototype.setXYAt = function(x, y, type, pos, replace) {
+ var arr;
+ this._length = Math.max(this._length, pos + 1);
+ if(this._length >= this._maxLength) {
+ this.doubleArrayLength();
+ }
+ switch(type){
+ case 'v':
+ arr = this.v;
+ break;
+ case 'i':
+ arr = this.i;
+ break;
+ case 'o':
+ arr = this.o;
+ break;
+ }
+ if(!arr[pos] || (arr[pos] && !replace)){
+ arr[pos] = point_pool.newElement();
+ }
+ arr[pos][0] = x;
+ arr[pos][1] = y;
+};
+
+ShapePath.prototype.setTripleAt = function(vX,vY,oX,oY,iX,iY,pos, replace) {
+ this.setXYAt(vX,vY,'v',pos, replace);
+ this.setXYAt(oX,oY,'o',pos, replace);
+ this.setXYAt(iX,iY,'i',pos, replace);
+};
+
+ShapePath.prototype.reverse = function() {
+ var newPath = new ShapePath();
+ newPath.setPathData(this.c, this._length);
+ var vertices = this.v, outPoints = this.o, inPoints = this.i;
+ var init = 0;
+ if (this.c) {
+ newPath.setTripleAt(vertices[0][0], vertices[0][1], inPoints[0][0], inPoints[0][1], outPoints[0][0], outPoints[0][1], 0, false);
+ init = 1;
+ }
+ var cnt = this._length - 1;
+ var len = this._length;
+
+ var i;
+ for (i = init; i < len; i += 1) {
+ newPath.setTripleAt(vertices[cnt][0], vertices[cnt][1], inPoints[cnt][0], inPoints[cnt][1], outPoints[cnt][0], outPoints[cnt][1], i, false);
+ cnt -= 1;
+ }
+ return newPath;
+};
+var ShapePropertyFactory = (function(){
+
+ var initFrame = -999999;
+
+ function interpolateShape(frameNum, previousValue, caching) {
+ var iterationIndex = caching.lastIndex;
+ var keyPropS,keyPropE,isHold, j, k, jLen, kLen, perc, vertexValue;
+ var kf = this.keyframes;
+ if(frameNum < kf[0].t-this.offsetTime){
+ keyPropS = kf[0].s[0];
+ isHold = true;
+ iterationIndex = 0;
+ }else if(frameNum >= kf[kf.length - 1].t-this.offsetTime){
+ if(kf[kf.length - 2].h === 1){
+ keyPropS = kf[kf.length - 1].s[0];
+ }else{
+ keyPropS = kf[kf.length - 2].e[0];
+ }
+ isHold = true;
+ }else{
+ var i = iterationIndex;
+ var len = kf.length- 1,flag = true,keyData,nextKeyData;
+ while(flag){
+ keyData = kf[i];
+ nextKeyData = kf[i+1];
+ if((nextKeyData.t - this.offsetTime) > frameNum){
+ break;
+ }
+ if(i < len - 1){
+ i += 1;
+ }else{
+ flag = false;
+ }
+ }
+ isHold = keyData.h === 1;
+ iterationIndex = i;
+ if(!isHold){
+ if(frameNum >= nextKeyData.t-this.offsetTime){
+ perc = 1;
+ }else if(frameNum < keyData.t-this.offsetTime){
+ perc = 0;
+ }else{
+ var fnc;
+ if(keyData.__fnct){
+ fnc = keyData.__fnct;
+ }else{
+ fnc = BezierFactory.getBezierEasing(keyData.o.x,keyData.o.y,keyData.i.x,keyData.i.y).get;
+ keyData.__fnct = fnc;
+ }
+ perc = fnc((frameNum-(keyData.t-this.offsetTime))/((nextKeyData.t-this.offsetTime)-(keyData.t-this.offsetTime)));
+ }
+ keyPropE = keyData.e[0];
+ }
+ keyPropS = keyData.s[0];
+ }
+ jLen = previousValue._length;
+ kLen = keyPropS.i[0].length;
+ caching.lastIndex = iterationIndex;
+
+ for(j=0;j<jLen;j+=1){
+ for(k=0;k<kLen;k+=1){
+ vertexValue = isHold ? keyPropS.i[j][k] : keyPropS.i[j][k]+(keyPropE.i[j][k]-keyPropS.i[j][k])*perc;
+ previousValue.i[j][k] = vertexValue;
+ vertexValue = isHold ? keyPropS.o[j][k] : keyPropS.o[j][k]+(keyPropE.o[j][k]-keyPropS.o[j][k])*perc;
+ previousValue.o[j][k] = vertexValue;
+ vertexValue = isHold ? keyPropS.v[j][k] : keyPropS.v[j][k]+(keyPropE.v[j][k]-keyPropS.v[j][k])*perc;
+ previousValue.v[j][k] = vertexValue;
+ }
+ }
+ }
+
+ function interpolateShapeCurrentTime(){
+ var frameNum = this.comp.renderedFrame - this.offsetTime;
+ var initTime = this.keyframes[0].t - this.offsetTime;
+ var endTime = this.keyframes[this.keyframes.length - 1].t - this.offsetTime;
+ var lastFrame = this._caching.lastFrame;
+ if(!(lastFrame !== initFrame && ((lastFrame < initTime && frameNum < initTime) || (lastFrame > endTime && frameNum > endTime)))){
+ ////
+ this._caching.lastIndex = lastFrame < frameNum ? this._caching.lastIndex : 0;
+ this.interpolateShape(frameNum, this.pv, this._caching);
+ ////
+ }
+ this._caching.lastFrame = frameNum;
+ return this.pv;
+ }
+
+ function resetShape(){
+ this.paths = this.localShapeCollection;
+ }
+
+ function shapesEqual(shape1, shape2) {
+ if(shape1._length !== shape2._length || shape1.c !== shape2.c){
+ return false;
+ }
+ var i, len = shape1._length;
+ for(i = 0; i < len; i += 1) {
+ if(shape1.v[i][0] !== shape2.v[i][0]
+ || shape1.v[i][1] !== shape2.v[i][1]
+ || shape1.o[i][0] !== shape2.o[i][0]
+ || shape1.o[i][1] !== shape2.o[i][1]
+ || shape1.i[i][0] !== shape2.i[i][0]
+ || shape1.i[i][1] !== shape2.i[i][1]) {
+ return false;
+ }
+ }
+ return true;
+ }
+
+ function setVValue(newPath) {
+ if(!shapesEqual(this.v, newPath)) {
+ this.v = shape_pool.clone(newPath);
+ this.localShapeCollection.releaseShapes();
+ this.localShapeCollection.addShape(this.v);
+ this._mdf = true;
+ this.paths = this.localShapeCollection;
+ }
+ }
+
+ function processEffectsSequence() {
+ if(this.elem.globalData.frameId === this.frameId || !this.effectsSequence.length) {
+ return;
+ }
+ if(this.lock) {
+ this.setVValue(this.pv);
+ return;
+ }
+ this.lock = true;
+ this._mdf = false;
+ var finalValue = this.kf ? this.pv : this.data.ks ? this.data.ks.k : this.data.pt.k;
+ var i, len = this.effectsSequence.length;
+ for(i = 0; i < len; i += 1) {
+ finalValue = this.effectsSequence[i](finalValue);
+ }
+ this.setVValue(finalValue);
+ this.lock = false;
+ this.frameId = this.elem.globalData.frameId;
+ };
+
+ function ShapeProperty(elem, data, type){
+ this.propType = 'shape';
+ this.comp = elem.comp;
+ this.container = elem;
+ this.elem = elem;
+ this.data = data;
+ this.k = false;
+ this.kf = false;
+ this._mdf = false;
+ var pathData = type === 3 ? data.pt.k : data.ks.k;
+ this.v = shape_pool.clone(pathData);
+ this.pv = shape_pool.clone(this.v);
+ this.localShapeCollection = shapeCollection_pool.newShapeCollection();
+ this.paths = this.localShapeCollection;
+ this.paths.addShape(this.v);
+ this.reset = resetShape;
+ this.effectsSequence = [];
+ }
+
+ function addEffect(effectFunction) {
+ this.effectsSequence.push(effectFunction);
+ this.container.addDynamicProperty(this);
+ }
+
+ ShapeProperty.prototype.interpolateShape = interpolateShape;
+ ShapeProperty.prototype.getValue = processEffectsSequence;
+ ShapeProperty.prototype.setVValue = setVValue;
+ ShapeProperty.prototype.addEffect = addEffect;
+
+ function KeyframedShapeProperty(elem,data,type){
+ this.propType = 'shape';
+ this.comp = elem.comp;
+ this.elem = elem;
+ this.container = elem;
+ this.offsetTime = elem.data.st;
+ this.keyframes = type === 3 ? data.pt.k : data.ks.k;
+ this.k = true;
+ this.kf = true;
+ var i, len = this.keyframes[0].s[0].i.length;
+ var jLen = this.keyframes[0].s[0].i[0].length;
+ this.v = shape_pool.newElement();
+ this.v.setPathData(this.keyframes[0].s[0].c, len);
+ this.pv = shape_pool.clone(this.v);
+ this.localShapeCollection = shapeCollection_pool.newShapeCollection();
+ this.paths = this.localShapeCollection;
+ this.paths.addShape(this.v);
+ this.lastFrame = initFrame;
+ this.reset = resetShape;
+ this._caching = {lastFrame: initFrame, lastIndex: 0};
+ this.effectsSequence = [interpolateShapeCurrentTime.bind(this)];
+ }
+ KeyframedShapeProperty.prototype.getValue = processEffectsSequence;
+ KeyframedShapeProperty.prototype.interpolateShape = interpolateShape;
+ KeyframedShapeProperty.prototype.setVValue = setVValue;
+ KeyframedShapeProperty.prototype.addEffect = addEffect;
+
+ var EllShapeProperty = (function(){
+
+ var cPoint = roundCorner;
+
+ function EllShapeProperty(elem,data) {
+ /*this.v = {
+ v: createSizedArray(4),
+ i: createSizedArray(4),
+ o: createSizedArray(4),
+ c: true
+ };*/
+ this.v = shape_pool.newElement();
+ this.v.setPathData(true, 4);
+ this.localShapeCollection = shapeCollection_pool.newShapeCollection();
+ this.paths = this.localShapeCollection;
+ this.localShapeCollection.addShape(this.v);
+ this.d = data.d;
+ this.elem = elem;
+ this.comp = elem.comp;
+ this.frameId = -1;
+ this.initDynamicPropertyContainer(elem);
+ this.p = PropertyFactory.getProp(elem,data.p,1,0,this);
+ this.s = PropertyFactory.getProp(elem,data.s,1,0,this);
+ if(this.dynamicProperties.length){
+ this.k = true;
+ }else{
+ this.k = false;
+ this.convertEllToPath();
+ }
+ };
+
+ EllShapeProperty.prototype = {
+ reset: resetShape,
+ getValue: function (){
+ if(this.elem.globalData.frameId === this.frameId){
+ return;
+ }
+ this.frameId = this.elem.globalData.frameId;
+ this.iterateDynamicProperties();
+
+ if(this._mdf){
+ this.convertEllToPath();
+ }
+ },
+ convertEllToPath: function() {
+ var p0 = this.p.v[0], p1 = this.p.v[1], s0 = this.s.v[0]/2, s1 = this.s.v[1]/2;
+ var _cw = this.d !== 3;
+ var _v = this.v;
+ _v.v[0][0] = p0;
+ _v.v[0][1] = p1 - s1;
+ _v.v[1][0] = _cw ? p0 + s0 : p0 - s0;
+ _v.v[1][1] = p1;
+ _v.v[2][0] = p0;
+ _v.v[2][1] = p1 + s1;
+ _v.v[3][0] = _cw ? p0 - s0 : p0 + s0;
+ _v.v[3][1] = p1;
+ _v.i[0][0] = _cw ? p0 - s0 * cPoint : p0 + s0 * cPoint;
+ _v.i[0][1] = p1 - s1;
+ _v.i[1][0] = _cw ? p0 + s0 : p0 - s0;
+ _v.i[1][1] = p1 - s1 * cPoint;
+ _v.i[2][0] = _cw ? p0 + s0 * cPoint : p0 - s0 * cPoint;
+ _v.i[2][1] = p1 + s1;
+ _v.i[3][0] = _cw ? p0 - s0 : p0 + s0;
+ _v.i[3][1] = p1 + s1 * cPoint;
+ _v.o[0][0] = _cw ? p0 + s0 * cPoint : p0 - s0 * cPoint;
+ _v.o[0][1] = p1 - s1;
+ _v.o[1][0] = _cw ? p0 + s0 : p0 - s0;
+ _v.o[1][1] = p1 + s1 * cPoint;
+ _v.o[2][0] = _cw ? p0 - s0 * cPoint : p0 + s0 * cPoint;
+ _v.o[2][1] = p1 + s1;
+ _v.o[3][0] = _cw ? p0 - s0 : p0 + s0;
+ _v.o[3][1] = p1 - s1 * cPoint;
+ }
+ }
+
+ extendPrototype([DynamicPropertyContainer], EllShapeProperty);
+
+ return EllShapeProperty;
+ }());
+
+ var StarShapeProperty = (function() {
+
+ function StarShapeProperty(elem,data) {
+ this.v = shape_pool.newElement();
+ this.v.setPathData(true, 0);
+ this.elem = elem;
+ this.comp = elem.comp;
+ this.data = data;
+ this.frameId = -1;
+ this.d = data.d;
+ this.initDynamicPropertyContainer(elem);
+ if(data.sy === 1){
+ this.ir = PropertyFactory.getProp(elem,data.ir,0,0,this);
+ this.is = PropertyFactory.getProp(elem,data.is,0,0.01,this);
+ this.convertToPath = this.convertStarToPath;
+ } else {
+ this.convertToPath = this.convertPolygonToPath;
+ }
+ this.pt = PropertyFactory.getProp(elem,data.pt,0,0,this);
+ this.p = PropertyFactory.getProp(elem,data.p,1,0,this);
+ this.r = PropertyFactory.getProp(elem,data.r,0,degToRads,this);
+ this.or = PropertyFactory.getProp(elem,data.or,0,0,this);
+ this.os = PropertyFactory.getProp(elem,data.os,0,0.01,this);
+ this.localShapeCollection = shapeCollection_pool.newShapeCollection();
+ this.localShapeCollection.addShape(this.v);
+ this.paths = this.localShapeCollection;
+ if(this.dynamicProperties.length){
+ this.k = true;
+ }else{
+ this.k = false;
+ this.convertToPath();
+ }
+ };
+
+ StarShapeProperty.prototype = {
+ reset: resetShape,
+ getValue: function() {
+ if(this.elem.globalData.frameId === this.frameId){
+ return;
+ }
+ this.frameId = this.elem.globalData.frameId;
+ this.iterateDynamicProperties();
+ if(this._mdf){
+ this.convertToPath();
+ }
+ },
+ convertStarToPath: function() {
+ var numPts = Math.floor(this.pt.v)*2;
+ var angle = Math.PI*2/numPts;
+ /*this.v.v.length = numPts;
+ this.v.i.length = numPts;
+ this.v.o.length = numPts;*/
+ var longFlag = true;
+ var longRad = this.or.v;
+ var shortRad = this.ir.v;
+ var longRound = this.os.v;
+ var shortRound = this.is.v;
+ var longPerimSegment = 2*Math.PI*longRad/(numPts*2);
+ var shortPerimSegment = 2*Math.PI*shortRad/(numPts*2);
+ var i, rad,roundness,perimSegment, currentAng = -Math.PI/ 2;
+ currentAng += this.r.v;
+ var dir = this.data.d === 3 ? -1 : 1;
+ this.v._length = 0;
+ for(i=0;i<numPts;i+=1){
+ rad = longFlag ? longRad : shortRad;
+ roundness = longFlag ? longRound : shortRound;
+ perimSegment = longFlag ? longPerimSegment : shortPerimSegment;
+ var x = rad * Math.cos(currentAng);
+ var y = rad * Math.sin(currentAng);
+ var ox = x === 0 && y === 0 ? 0 : y/Math.sqrt(x*x + y*y);
+ var oy = x === 0 && y === 0 ? 0 : -x/Math.sqrt(x*x + y*y);
+ x += + this.p.v[0];
+ y += + this.p.v[1];
+ this.v.setTripleAt(x,y,x-ox*perimSegment*roundness*dir,y-oy*perimSegment*roundness*dir,x+ox*perimSegment*roundness*dir,y+oy*perimSegment*roundness*dir, i, true);
+
+ /*this.v.v[i] = [x,y];
+ this.v.i[i] = [x+ox*perimSegment*roundness*dir,y+oy*perimSegment*roundness*dir];
+ this.v.o[i] = [x-ox*perimSegment*roundness*dir,y-oy*perimSegment*roundness*dir];
+ this.v._length = numPts;*/
+ longFlag = !longFlag;
+ currentAng += angle*dir;
+ }
+ },
+ convertPolygonToPath: function() {
+ var numPts = Math.floor(this.pt.v);
+ var angle = Math.PI*2/numPts;
+ var rad = this.or.v;
+ var roundness = this.os.v;
+ var perimSegment = 2*Math.PI*rad/(numPts*4);
+ var i, currentAng = -Math.PI/ 2;
+ var dir = this.data.d === 3 ? -1 : 1;
+ currentAng += this.r.v;
+ this.v._length = 0;
+ for(i=0;i<numPts;i+=1){
+ var x = rad * Math.cos(currentAng);
+ var y = rad * Math.sin(currentAng);
+ var ox = x === 0 && y === 0 ? 0 : y/Math.sqrt(x*x + y*y);
+ var oy = x === 0 && y === 0 ? 0 : -x/Math.sqrt(x*x + y*y);
+ x += + this.p.v[0];
+ y += + this.p.v[1];
+ this.v.setTripleAt(x,y,x-ox*perimSegment*roundness*dir,y-oy*perimSegment*roundness*dir,x+ox*perimSegment*roundness*dir,y+oy*perimSegment*roundness*dir, i, true);
+ currentAng += angle*dir;
+ }
+ this.paths.length = 0;
+ this.paths[0] = this.v;
+ }
+
+ }
+ extendPrototype([DynamicPropertyContainer], StarShapeProperty);
+
+ return StarShapeProperty;
+ }());
+
+ var RectShapeProperty = (function() {
+
+ function RectShapeProperty(elem,data) {
+ this.v = shape_pool.newElement();
+ this.v.c = true;
+ this.localShapeCollection = shapeCollection_pool.newShapeCollection();
+ this.localShapeCollection.addShape(this.v);
+ this.paths = this.localShapeCollection;
+ this.elem = elem;
+ this.comp = elem.comp;
+ this.frameId = -1;
+ this.d = data.d;
+ this.initDynamicPropertyContainer(elem);
+ this.p = PropertyFactory.getProp(elem,data.p,1,0,this);
+ this.s = PropertyFactory.getProp(elem,data.s,1,0,this);
+ this.r = PropertyFactory.getProp(elem,data.r,0,0,this);
+ if(this.dynamicProperties.length){
+ this.k = true;
+ }else{
+ this.k = false;
+ this.convertRectToPath();
+ }
+ };
+
+ RectShapeProperty.prototype = {
+ convertRectToPath: function (){
+ var p0 = this.p.v[0], p1 = this.p.v[1], v0 = this.s.v[0]/2, v1 = this.s.v[1]/2;
+ var round = bm_min(v0,v1,this.r.v);
+ var cPoint = round*(1-roundCorner);
+ this.v._length = 0;
+
+ if(this.d === 2 || this.d === 1) {
+ this.v.setTripleAt(p0+v0, p1-v1+round,p0+v0, p1-v1+round,p0+v0,p1-v1+cPoint,0, true);
+ this.v.setTripleAt(p0+v0, p1+v1-round,p0+v0, p1+v1-cPoint,p0+v0, p1+v1-round,1, true);
+ if(round!== 0){
+ this.v.setTripleAt(p0+v0-round, p1+v1,p0+v0-round,p1+v1,p0+v0-cPoint,p1+v1,2, true);
+ this.v.setTripleAt(p0-v0+round,p1+v1,p0-v0+cPoint,p1+v1,p0-v0+round,p1+v1,3, true);
+ this.v.setTripleAt(p0-v0,p1+v1-round,p0-v0,p1+v1-round,p0-v0,p1+v1-cPoint,4, true);
+ this.v.setTripleAt(p0-v0,p1-v1+round,p0-v0,p1-v1+cPoint,p0-v0,p1-v1+round,5, true);
+ this.v.setTripleAt(p0-v0+round,p1-v1,p0-v0+round,p1-v1,p0-v0+cPoint,p1-v1,6, true);
+ this.v.setTripleAt(p0+v0-round,p1-v1,p0+v0-cPoint,p1-v1,p0+v0-round,p1-v1,7, true);
+ } else {
+ this.v.setTripleAt(p0-v0,p1+v1,p0-v0+cPoint,p1+v1,p0-v0,p1+v1,2);
+ this.v.setTripleAt(p0-v0,p1-v1,p0-v0,p1-v1+cPoint,p0-v0,p1-v1,3);
+ }
+ }else{
+ this.v.setTripleAt(p0+v0,p1-v1+round,p0+v0,p1-v1+cPoint,p0+v0,p1-v1+round,0, true);
+ if(round!== 0){
+ this.v.setTripleAt(p0+v0-round,p1-v1,p0+v0-round,p1-v1,p0+v0-cPoint,p1-v1,1, true);
+ this.v.setTripleAt(p0-v0+round,p1-v1,p0-v0+cPoint,p1-v1,p0-v0+round,p1-v1,2, true);
+ this.v.setTripleAt(p0-v0,p1-v1+round,p0-v0,p1-v1+round,p0-v0,p1-v1+cPoint,3, true);
+ this.v.setTripleAt(p0-v0,p1+v1-round,p0-v0,p1+v1-cPoint,p0-v0,p1+v1-round,4, true);
+ this.v.setTripleAt(p0-v0+round,p1+v1,p0-v0+round,p1+v1,p0-v0+cPoint,p1+v1,5, true);
+ this.v.setTripleAt(p0+v0-round,p1+v1,p0+v0-cPoint,p1+v1,p0+v0-round,p1+v1,6, true);
+ this.v.setTripleAt(p0+v0,p1+v1-round,p0+v0,p1+v1-round,p0+v0,p1+v1-cPoint,7, true);
+ } else {
+ this.v.setTripleAt(p0-v0,p1-v1,p0-v0+cPoint,p1-v1,p0-v0,p1-v1,1, true);
+ this.v.setTripleAt(p0-v0,p1+v1,p0-v0,p1+v1-cPoint,p0-v0,p1+v1,2, true);
+ this.v.setTripleAt(p0+v0,p1+v1,p0+v0-cPoint,p1+v1,p0+v0,p1+v1,3, true);
+
+ }
+ }
+ },
+ getValue: function(frameNum){
+ if(this.elem.globalData.frameId === this.frameId){
+ return;
+ }
+ this.frameId = this.elem.globalData.frameId;
+ this.iterateDynamicProperties();
+ if(this._mdf){
+ this.convertRectToPath();
+ }
+
+ },
+ reset: resetShape
+ }
+ extendPrototype([DynamicPropertyContainer], RectShapeProperty);
+
+ return RectShapeProperty;
+ }());
+
+ function getShapeProp(elem,data,type){
+ var prop;
+ if(type === 3 || type === 4){
+ var dataProp = type === 3 ? data.pt : data.ks;
+ var keys = dataProp.k;
+ if(dataProp.a === 1 || keys.length){
+ prop = new KeyframedShapeProperty(elem, data, type);
+ }else{
+ prop = new ShapeProperty(elem, data, type);
+ }
+ }else if(type === 5){
+ prop = new RectShapeProperty(elem, data);
+ }else if(type === 6){
+ prop = new EllShapeProperty(elem, data);
+ }else if(type === 7){
+ prop = new StarShapeProperty(elem, data);
+ }
+ if(prop.k){
+ elem.addDynamicProperty(prop);
+ }
+ return prop;
+ }
+
+ function getConstructorFunction() {
+ return ShapeProperty;
+ }
+
+ function getKeyframedConstructorFunction() {
+ return KeyframedShapeProperty;
+ }
+
+ var ob = {};
+ ob.getShapeProp = getShapeProp;
+ ob.getConstructorFunction = getConstructorFunction;
+ ob.getKeyframedConstructorFunction = getKeyframedConstructorFunction;
+ return ob;
+}());
+var ShapeModifiers = (function(){
+ var ob = {};
+ var modifiers = {};
+ ob.registerModifier = registerModifier;
+ ob.getModifier = getModifier;
+
+ function registerModifier(nm,factory){
+ if(!modifiers[nm]){
+ modifiers[nm] = factory;
+ }
+ }
+
+ function getModifier(nm,elem, data){
+ return new modifiers[nm](elem, data);
+ }
+
+ return ob;
+}());
+
+function ShapeModifier(){}
+ShapeModifier.prototype.initModifierProperties = function(){};
+ShapeModifier.prototype.addShapeToModifier = function(){};
+ShapeModifier.prototype.addShape = function(data){
+ if(!this.closed){
+ var shapeData = {shape:data.sh, data: data, localShapeCollection:shapeCollection_pool.newShapeCollection()};
+ this.shapes.push(shapeData);
+ this.addShapeToModifier(shapeData);
+ if(this._isAnimated) {
+ data.setAsAnimated();
+ }
+ }
+};
+ShapeModifier.prototype.init = function(elem,data){
+ this.shapes = [];
+ this.elem = elem;
+ this.initDynamicPropertyContainer(elem);
+ this.initModifierProperties(elem,data);
+ this.frameId = initialDefaultFrame;
+ this.closed = false;
+ this.k = false;
+ if(this.dynamicProperties.length){
+ this.k = true;
+ }else{
+ this.getValue(true);
+ }
+};
+ShapeModifier.prototype.processKeys = function(){
+ if(this.elem.globalData.frameId === this.frameId){
+ return;
+ }
+ this.frameId = this.elem.globalData.frameId;
+ this.iterateDynamicProperties();
+};
+
+extendPrototype([DynamicPropertyContainer], ShapeModifier);
+function TrimModifier(){
+}
+extendPrototype([ShapeModifier], TrimModifier);
+TrimModifier.prototype.initModifierProperties = function(elem, data) {
+ this.s = PropertyFactory.getProp(elem, data.s, 0, 0.01, this);
+ this.e = PropertyFactory.getProp(elem, data.e, 0, 0.01, this);
+ this.o = PropertyFactory.getProp(elem, data.o, 0, 0, this);
+ this.sValue = 0;
+ this.eValue = 0;
+ this.getValue = this.processKeys;
+ this.m = data.m;
+ this._isAnimated = !!this.s.effectsSequence.length || !!this.e.effectsSequence.length || !!this.o.effectsSequence.length;
+};
+
+TrimModifier.prototype.addShapeToModifier = function(shapeData){
+ shapeData.pathsData = [];
+};
+
+TrimModifier.prototype.calculateShapeEdges = function(s, e, shapeLength, addedLength, totalModifierLength) {
+ var segments = [];
+ if (e <= 1) {
+ segments.push({
+ s: s,
+ e: e
+ });
+ } else if (s >= 1) {
+ segments.push({
+ s: s - 1,
+ e: e - 1
+ });
+ } else {
+ segments.push({
+ s: s,
+ e: 1
+ });
+ segments.push({
+ s: 0,
+ e: e - 1
+ });
+ }
+ var shapeSegments = [];
+ var i, len = segments.length, segmentOb;
+ for (i = 0; i < len; i += 1) {
+ segmentOb = segments[i];
+ if (segmentOb.e * totalModifierLength < addedLength || segmentOb.s * totalModifierLength > addedLength + shapeLength) {
+
+ } else {
+ var shapeS, shapeE;
+ if (segmentOb.s * totalModifierLength <= addedLength) {
+ shapeS = 0;
+ } else {
+ shapeS = (segmentOb.s * totalModifierLength - addedLength) / shapeLength;
+ }
+ if(segmentOb.e * totalModifierLength >= addedLength + shapeLength) {
+ shapeE = 1;
+ } else {
+ shapeE = ((segmentOb.e * totalModifierLength - addedLength) / shapeLength);
+ }
+ shapeSegments.push([shapeS, shapeE]);
+ }
+ }
+ if (!shapeSegments.length) {
+ shapeSegments.push([0, 0]);
+ }
+ return shapeSegments;
+};
+
+TrimModifier.prototype.releasePathsData = function(pathsData) {
+ var i, len = pathsData.length;
+ for (i = 0; i < len; i += 1) {
+ segments_length_pool.release(pathsData[i]);
+ }
+ pathsData.length = 0;
+ return pathsData;
+};
+
+TrimModifier.prototype.processShapes = function(_isFirstFrame) {
+ var s, e;
+ if (this._mdf || _isFirstFrame) {
+ var o = (this.o.v % 360) / 360;
+ if (o < 0) {
+ o += 1;
+ }
+ s = (this.s.v > 1 ? 1 : this.s.v < 0 ? 0 : this.s.v) + o;
+ e = (this.e.v > 1 ? 1 : this.e.v < 0 ? 0 : this.e.v) + o;
+ if (s === e) {
+
+ }
+ if (s > e) {
+ var _s = s;
+ s = e;
+ e = _s;
+ }
+ s = Math.round(s * 10000) * 0.0001;
+ e = Math.round(e * 10000) * 0.0001;
+ this.sValue = s;
+ this.eValue = e;
+ } else {
+ s = this.sValue;
+ e = this.eValue;
+ }
+ var shapePaths;
+ var i, len = this.shapes.length, j, jLen;
+ var pathsData, pathData, totalShapeLength, totalModifierLength = 0;
+
+ if (e === s) {
+ for (i = 0; i < len; i += 1) {
+ this.shapes[i].localShapeCollection.releaseShapes();
+ this.shapes[i].shape._mdf = true;
+ this.shapes[i].shape.paths = this.shapes[i].localShapeCollection;
+ }
+ } else if (!((e === 1 && s === 0) || (e===0 && s === 1))){
+ var segments = [], shapeData, localShapeCollection;
+ for (i = 0; i < len; i += 1) {
+ shapeData = this.shapes[i];
+ // if shape hasn't changed and trim properties haven't changed, cached previous path can be used
+ if (!shapeData.shape._mdf && !this._mdf && !_isFirstFrame && this.m !== 2) {
+ shapeData.shape.paths = shapeData.localShapeCollection;
+ } else {
+ shapePaths = shapeData.shape.paths;
+ jLen = shapePaths._length;
+ totalShapeLength = 0;
+ if (!shapeData.shape._mdf && shapeData.pathsData.length) {
+ totalShapeLength = shapeData.totalShapeLength;
+ } else {
+ pathsData = this.releasePathsData(shapeData.pathsData);
+ for (j = 0; j < jLen; j += 1) {
+ pathData = bez.getSegmentsLength(shapePaths.shapes[j]);
+ pathsData.push(pathData);
+ totalShapeLength += pathData.totalLength;
+ }
+ shapeData.totalShapeLength = totalShapeLength;
+ shapeData.pathsData = pathsData;
+ }
+
+ totalModifierLength += totalShapeLength;
+ shapeData.shape._mdf = true;
+ }
+ }
+ var shapeS = s, shapeE = e, addedLength = 0, edges;
+ for (i = len - 1; i >= 0; i -= 1) {
+ shapeData = this.shapes[i];
+ if (shapeData.shape._mdf) {
+ localShapeCollection = shapeData.localShapeCollection;
+ localShapeCollection.releaseShapes();
+ //if m === 2 means paths are trimmed individually so edges need to be found for this specific shape relative to whoel group
+ if (this.m === 2 && len > 1) {
+ edges = this.calculateShapeEdges(s, e, shapeData.totalShapeLength, addedLength, totalModifierLength);
+ addedLength += shapeData.totalShapeLength;
+ } else {
+ edges = [[shapeS, shapeE]];
+ }
+ jLen = edges.length;
+ for (j = 0; j < jLen; j += 1) {
+ shapeS = edges[j][0];
+ shapeE = edges[j][1];
+ segments.length = 0;
+ if (shapeE <= 1) {
+ segments.push({
+ s:shapeData.totalShapeLength * shapeS,
+ e:shapeData.totalShapeLength * shapeE
+ });
+ } else if (shapeS >= 1) {
+ segments.push({
+ s:shapeData.totalShapeLength * (shapeS - 1),
+ e:shapeData.totalShapeLength * (shapeE - 1)
+ });
+ } else {
+ segments.push({
+ s:shapeData.totalShapeLength * shapeS,
+ e:shapeData.totalShapeLength
+ });
+ segments.push({
+ s:0,
+ e:shapeData.totalShapeLength * (shapeE - 1)
+ });
+ }
+ var newShapesData = this.addShapes(shapeData,segments[0]);
+ if (segments[0].s !== segments[0].e) {
+ if (segments.length > 1) {
+ var lastShapeInCollection = shapeData.shape.paths.shapes[shapeData.shape.paths._length - 1];
+ if (lastShapeInCollection.c) {
+ var lastShape = newShapesData.pop();
+ this.addPaths(newShapesData, localShapeCollection);
+ newShapesData = this.addShapes(shapeData, segments[1], lastShape);
+ } else {
+ this.addPaths(newShapesData, localShapeCollection);
+ newShapesData = this.addShapes(shapeData, segments[1]);
+ }
+ }
+ this.addPaths(newShapesData, localShapeCollection);
+ }
+
+ }
+ shapeData.shape.paths = localShapeCollection;
+ }
+ }
+ } else if (this._mdf) {
+ for (i = 0; i < len; i += 1) {
+ //Releasign Trim Cached paths data when no trim applied in case shapes are modified inbetween.
+ //Don't remove this even if it's losing cached info.
+ this.shapes[i].pathsData.length = 0;
+ this.shapes[i].shape._mdf = true;
+ }
+ }
+};
+
+TrimModifier.prototype.addPaths = function(newPaths, localShapeCollection) {
+ var i, len = newPaths.length;
+ for (i = 0; i < len; i += 1) {
+ localShapeCollection.addShape(newPaths[i]);
+ }
+};
+
+TrimModifier.prototype.addSegment = function(pt1, pt2, pt3, pt4, shapePath, pos, newShape) {
+ shapePath.setXYAt(pt2[0], pt2[1], 'o', pos);
+ shapePath.setXYAt(pt3[0], pt3[1], 'i', pos + 1);
+ if(newShape){
+ shapePath.setXYAt(pt1[0], pt1[1], 'v', pos);
+ }
+ shapePath.setXYAt(pt4[0], pt4[1], 'v', pos + 1);
+};
+
+TrimModifier.prototype.addSegmentFromArray = function(points, shapePath, pos, newShape) {
+ shapePath.setXYAt(points[1], points[5], 'o', pos);
+ shapePath.setXYAt(points[2], points[6], 'i', pos + 1);
+ if(newShape){
+ shapePath.setXYAt(points[0], points[4], 'v', pos);
+ }
+ shapePath.setXYAt(points[3], points[7], 'v', pos + 1);
+};
+
+TrimModifier.prototype.addShapes = function(shapeData, shapeSegment, shapePath) {
+ var pathsData = shapeData.pathsData;
+ var shapePaths = shapeData.shape.paths.shapes;
+ var i, len = shapeData.shape.paths._length, j, jLen;
+ var addedLength = 0;
+ var currentLengthData,segmentCount;
+ var lengths;
+ var segment;
+ var shapes = [];
+ var initPos;
+ var newShape = true;
+ if (!shapePath) {
+ shapePath = shape_pool.newElement();
+ segmentCount = 0;
+ initPos = 0;
+ } else {
+ segmentCount = shapePath._length;
+ initPos = shapePath._length;
+ }
+ shapes.push(shapePath);
+ for (i = 0; i < len; i += 1) {
+ lengths = pathsData[i].lengths;
+ shapePath.c = shapePaths[i].c;
+ jLen = shapePaths[i].c ? lengths.length : lengths.length + 1;
+ for (j = 1; j < jLen; j +=1) {
+ currentLengthData = lengths[j-1];
+ if (addedLength + currentLengthData.addedLength < shapeSegment.s) {
+ addedLength += currentLengthData.addedLength;
+ shapePath.c = false;
+ } else if(addedLength > shapeSegment.e) {
+ shapePath.c = false;
+ break;
+ } else {
+ if (shapeSegment.s <= addedLength && shapeSegment.e >= addedLength + currentLengthData.addedLength) {
+ this.addSegment(shapePaths[i].v[j - 1], shapePaths[i].o[j - 1], shapePaths[i].i[j], shapePaths[i].v[j], shapePath, segmentCount, newShape);
+ newShape = false;
+ } else {
+ segment = bez.getNewSegment(shapePaths[i].v[j - 1], shapePaths[i].v[j], shapePaths[i].o[j - 1], shapePaths[i].i[j], (shapeSegment.s - addedLength)/currentLengthData.addedLength,(shapeSegment.e - addedLength)/currentLengthData.addedLength, lengths[j-1]);
+ this.addSegmentFromArray(segment, shapePath, segmentCount, newShape);
+ // this.addSegment(segment.pt1, segment.pt3, segment.pt4, segment.pt2, shapePath, segmentCount, newShape);
+ newShape = false;
+ shapePath.c = false;
+ }
+ addedLength += currentLengthData.addedLength;
+ segmentCount += 1;
+ }
+ }
+ if (shapePaths[i].c && lengths.length) {
+ currentLengthData = lengths[j - 1];
+ if (addedLength <= shapeSegment.e) {
+ var segmentLength = lengths[j - 1].addedLength;
+ if (shapeSegment.s <= addedLength && shapeSegment.e >= addedLength + segmentLength) {
+ this.addSegment(shapePaths[i].v[j - 1], shapePaths[i].o[j - 1], shapePaths[i].i[0], shapePaths[i].v[0], shapePath, segmentCount, newShape);
+ newShape = false;
+ } else {
+ segment = bez.getNewSegment(shapePaths[i].v[j - 1], shapePaths[i].v[0], shapePaths[i].o[j - 1], shapePaths[i].i[0], (shapeSegment.s - addedLength) / segmentLength, (shapeSegment.e - addedLength) / segmentLength, lengths[j - 1]);
+ this.addSegmentFromArray(segment, shapePath, segmentCount, newShape);
+ // this.addSegment(segment.pt1, segment.pt3, segment.pt4, segment.pt2, shapePath, segmentCount, newShape);
+ newShape = false;
+ shapePath.c = false;
+ }
+ } else {
+ shapePath.c = false;
+ }
+ addedLength += currentLengthData.addedLength;
+ segmentCount += 1;
+ }
+ if (shapePath._length) {
+ shapePath.setXYAt(shapePath.v[initPos][0], shapePath.v[initPos][1], 'i', initPos);
+ shapePath.setXYAt(shapePath.v[shapePath._length - 1][0], shapePath.v[shapePath._length - 1][1],'o', shapePath._length - 1);
+ }
+ if (addedLength > shapeSegment.e) {
+ break;
+ }
+ if (i < len - 1) {
+ shapePath = shape_pool.newElement();
+ newShape = true;
+ shapes.push(shapePath);
+ segmentCount = 0;
+ }
+ }
+ return shapes;
+};
+
+
+ShapeModifiers.registerModifier('tm', TrimModifier);
+function RoundCornersModifier(){}
+extendPrototype([ShapeModifier],RoundCornersModifier);
+RoundCornersModifier.prototype.initModifierProperties = function(elem,data){
+ this.getValue = this.processKeys;
+ this.rd = PropertyFactory.getProp(elem,data.r,0,null,this);
+ this._isAnimated = !!this.rd.effectsSequence.length;
+};
+
+RoundCornersModifier.prototype.processPath = function(path, round){
+ var cloned_path = shape_pool.newElement();
+ cloned_path.c = path.c;
+ var i, len = path._length;
+ var currentV,currentI,currentO,closerV, newV,newO,newI,distance,newPosPerc,index = 0;
+ var vX,vY,oX,oY,iX,iY;
+ for(i=0;i<len;i+=1){
+ currentV = path.v[i];
+ currentO = path.o[i];
+ currentI = path.i[i];
+ if(currentV[0]===currentO[0] && currentV[1]===currentO[1] && currentV[0]===currentI[0] && currentV[1]===currentI[1]){
+ if((i===0 || i === len - 1) && !path.c){
+ cloned_path.setTripleAt(currentV[0],currentV[1],currentO[0],currentO[1],currentI[0],currentI[1],index);
+ /*cloned_path.v[index] = currentV;
+ cloned_path.o[index] = currentO;
+ cloned_path.i[index] = currentI;*/
+ index += 1;
+ } else {
+ if(i===0){
+ closerV = path.v[len-1];
+ } else {
+ closerV = path.v[i-1];
+ }
+ distance = Math.sqrt(Math.pow(currentV[0]-closerV[0],2)+Math.pow(currentV[1]-closerV[1],2));
+ newPosPerc = distance ? Math.min(distance/2,round)/distance : 0;
+ vX = iX = currentV[0]+(closerV[0]-currentV[0])*newPosPerc;
+ vY = iY = currentV[1]-(currentV[1]-closerV[1])*newPosPerc;
+ oX = vX-(vX-currentV[0])*roundCorner;
+ oY = vY-(vY-currentV[1])*roundCorner;
+ cloned_path.setTripleAt(vX,vY,oX,oY,iX,iY,index);
+ index += 1;
+
+ if(i === len - 1){
+ closerV = path.v[0];
+ } else {
+ closerV = path.v[i+1];
+ }
+ distance = Math.sqrt(Math.pow(currentV[0]-closerV[0],2)+Math.pow(currentV[1]-closerV[1],2));
+ newPosPerc = distance ? Math.min(distance/2,round)/distance : 0;
+ vX = oX = currentV[0]+(closerV[0]-currentV[0])*newPosPerc;
+ vY = oY = currentV[1]+(closerV[1]-currentV[1])*newPosPerc;
+ iX = vX-(vX-currentV[0])*roundCorner;
+ iY = vY-(vY-currentV[1])*roundCorner;
+ cloned_path.setTripleAt(vX,vY,oX,oY,iX,iY,index);
+ index += 1;
+ }
+ } else {
+ cloned_path.setTripleAt(path.v[i][0],path.v[i][1],path.o[i][0],path.o[i][1],path.i[i][0],path.i[i][1],index);
+ index += 1;
+ }
+ }
+ return cloned_path;
+};
+
+RoundCornersModifier.prototype.processShapes = function(_isFirstFrame){
+ var shapePaths;
+ var i, len = this.shapes.length;
+ var j, jLen;
+ var rd = this.rd.v;
+
+ if(rd !== 0){
+ var shapeData, newPaths, localShapeCollection;
+ for(i=0;i<len;i+=1){
+ shapeData = this.shapes[i];
+ newPaths = shapeData.shape.paths;
+ localShapeCollection = shapeData.localShapeCollection;
+ if(!(!shapeData.shape._mdf && !this._mdf && !_isFirstFrame)){
+ localShapeCollection.releaseShapes();
+ shapeData.shape._mdf = true;
+ shapePaths = shapeData.shape.paths.shapes;
+ jLen = shapeData.shape.paths._length;
+ for(j=0;j<jLen;j+=1){
+ localShapeCollection.addShape(this.processPath(shapePaths[j],rd));
+ }
+ }
+ shapeData.shape.paths = shapeData.localShapeCollection;
+ }
+
+ }
+ if(!this.dynamicProperties.length){
+ this._mdf = false;
+ }
+};
+
+ShapeModifiers.registerModifier('rd',RoundCornersModifier);
+function RepeaterModifier(){}
+extendPrototype([ShapeModifier], RepeaterModifier);
+
+RepeaterModifier.prototype.initModifierProperties = function(elem,data){
+ this.getValue = this.processKeys;
+ this.c = PropertyFactory.getProp(elem,data.c,0,null,this);
+ this.o = PropertyFactory.getProp(elem,data.o,0,null,this);
+ this.tr = TransformPropertyFactory.getTransformProperty(elem,data.tr,this);
+ this.so = PropertyFactory.getProp(elem,data.tr.so,0,0.01,this);
+ this.eo = PropertyFactory.getProp(elem,data.tr.eo,0,0.01,this);
+ this.data = data;
+ if(!this.dynamicProperties.length){
+ this.getValue(true);
+ }
+ this._isAnimated = !!this.dynamicProperties.length;
+ this.pMatrix = new Matrix();
+ this.rMatrix = new Matrix();
+ this.sMatrix = new Matrix();
+ this.tMatrix = new Matrix();
+ this.matrix = new Matrix();
+};
+
+RepeaterModifier.prototype.applyTransforms = function(pMatrix, rMatrix, sMatrix, transform, perc, inv){
+ var dir = inv ? -1 : 1;
+ var scaleX = transform.s.v[0] + (1 - transform.s.v[0]) * (1 - perc);
+ var scaleY = transform.s.v[1] + (1 - transform.s.v[1]) * (1 - perc);
+ pMatrix.translate(transform.p.v[0] * dir * perc, transform.p.v[1] * dir * perc, transform.p.v[2]);
+ rMatrix.translate(-transform.a.v[0], -transform.a.v[1], transform.a.v[2]);
+ rMatrix.rotate(-transform.r.v * dir * perc);
+ rMatrix.translate(transform.a.v[0], transform.a.v[1], transform.a.v[2]);
+ sMatrix.translate(-transform.a.v[0], -transform.a.v[1], transform.a.v[2]);
+ sMatrix.scale(inv ? 1/scaleX : scaleX, inv ? 1/scaleY : scaleY);
+ sMatrix.translate(transform.a.v[0], transform.a.v[1], transform.a.v[2]);
+};
+
+RepeaterModifier.prototype.init = function(elem, arr, pos, elemsData) {
+ this.elem = elem;
+ this.arr = arr;
+ this.pos = pos;
+ this.elemsData = elemsData;
+ this._currentCopies = 0;
+ this._elements = [];
+ this._groups = [];
+ this.frameId = -1;
+ this.initDynamicPropertyContainer(elem);
+ this.initModifierProperties(elem,arr[pos]);
+ var cont = 0;
+ while(pos>0){
+ pos -= 1;
+ //this._elements.unshift(arr.splice(pos,1)[0]);
+ this._elements.unshift(arr[pos]);
+ cont += 1;
+ }
+ if(this.dynamicProperties.length){
+ this.k = true;
+ }else{
+ this.getValue(true);
+ }
+};
+
+RepeaterModifier.prototype.resetElements = function(elements){
+ var i, len = elements.length;
+ for(i = 0; i < len; i += 1) {
+ elements[i]._processed = false;
+ if(elements[i].ty === 'gr'){
+ this.resetElements(elements[i].it);
+ }
+ }
+};
+
+RepeaterModifier.prototype.cloneElements = function(elements){
+ var i, len = elements.length;
+ var newElements = JSON.parse(JSON.stringify(elements));
+ this.resetElements(newElements);
+ return newElements;
+};
+
+RepeaterModifier.prototype.changeGroupRender = function(elements, renderFlag) {
+ var i, len = elements.length;
+ for(i = 0; i < len; i += 1) {
+ elements[i]._render = renderFlag;
+ if(elements[i].ty === 'gr') {
+ this.changeGroupRender(elements[i].it, renderFlag);
+ }
+ }
+};
+
+RepeaterModifier.prototype.processShapes = function(_isFirstFrame) {
+ var items, itemsTransform, i, dir, cont;
+ if(this._mdf || _isFirstFrame){
+ var copies = Math.ceil(this.c.v);
+ if(this._groups.length < copies){
+ while(this._groups.length < copies){
+ var group = {
+ it:this.cloneElements(this._elements),
+ ty:'gr'
+ };
+ group.it.push({"a":{"a":0,"ix":1,"k":[0,0]},"nm":"Transform","o":{"a":0,"ix":7,"k":100},"p":{"a":0,"ix":2,"k":[0,0]},"r":{"a":1,"ix":6,"k":[{s:0,e:0,t:0},{s:0,e:0,t:1}]},"s":{"a":0,"ix":3,"k":[100,100]},"sa":{"a":0,"ix":5,"k":0},"sk":{"a":0,"ix":4,"k":0},"ty":"tr"});
+
+ this.arr.splice(0,0,group);
+ this._groups.splice(0,0,group);
+ this._currentCopies += 1;
+ }
+ this.elem.reloadShapes();
+ }
+ cont = 0;
+ var renderFlag;
+ for(i = 0; i <= this._groups.length - 1; i += 1){
+ renderFlag = cont < copies;
+ this._groups[i]._render = renderFlag;
+ this.changeGroupRender(this._groups[i].it, renderFlag);
+ cont += 1;
+ }
+
+ this._currentCopies = copies;
+ ////
+
+ var offset = this.o.v;
+ var offsetModulo = offset%1;
+ var roundOffset = offset > 0 ? Math.floor(offset) : Math.ceil(offset);
+ var k;
+ var tMat = this.tr.v.props;
+ var pProps = this.pMatrix.props;
+ var rProps = this.rMatrix.props;
+ var sProps = this.sMatrix.props;
+ this.pMatrix.reset();
+ this.rMatrix.reset();
+ this.sMatrix.reset();
+ this.tMatrix.reset();
+ this.matrix.reset();
+ var iteration = 0;
+
+ if(offset > 0) {
+ while(iteration<roundOffset){
+ this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, 1, false);
+ iteration += 1;
+ }
+ if(offsetModulo){
+ this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, offsetModulo, false);
+ iteration += offsetModulo;
+ }
+ } else if(offset < 0) {
+ while(iteration>roundOffset){
+ this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, 1, true);
+ iteration -= 1;
+ }
+ if(offsetModulo){
+ this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, - offsetModulo, true);
+ iteration -= offsetModulo;
+ }
+ }
+ i = this.data.m === 1 ? 0 : this._currentCopies - 1;
+ dir = this.data.m === 1 ? 1 : -1;
+ cont = this._currentCopies;
+ var j, jLen;
+ while(cont){
+ items = this.elemsData[i].it;
+ itemsTransform = items[items.length - 1].transform.mProps.v.props;
+ jLen = itemsTransform.length;
+ items[items.length - 1].transform.mProps._mdf = true;
+ items[items.length - 1].transform.op._mdf = true;
+ items[items.length - 1].transform.op.v = this.so.v + (this.eo.v - this.so.v) * (i / (this._currentCopies - 1));
+ if(iteration !== 0){
+ if((i !== 0 && dir === 1) || (i !== this._currentCopies - 1 && dir === -1)){
+ this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, 1, false);
+ }
+ this.matrix.transform(rProps[0],rProps[1],rProps[2],rProps[3],rProps[4],rProps[5],rProps[6],rProps[7],rProps[8],rProps[9],rProps[10],rProps[11],rProps[12],rProps[13],rProps[14],rProps[15]);
+ this.matrix.transform(sProps[0],sProps[1],sProps[2],sProps[3],sProps[4],sProps[5],sProps[6],sProps[7],sProps[8],sProps[9],sProps[10],sProps[11],sProps[12],sProps[13],sProps[14],sProps[15]);
+ this.matrix.transform(pProps[0],pProps[1],pProps[2],pProps[3],pProps[4],pProps[5],pProps[6],pProps[7],pProps[8],pProps[9],pProps[10],pProps[11],pProps[12],pProps[13],pProps[14],pProps[15]);
+
+ for(j=0;j<jLen;j+=1) {
+ itemsTransform[j] = this.matrix.props[j];
+ }
+ this.matrix.reset();
+ } else {
+ this.matrix.reset();
+ for(j=0;j<jLen;j+=1) {
+ itemsTransform[j] = this.matrix.props[j];
+ }
+ }
+ iteration += 1;
+ cont -= 1;
+ i += dir;
+ }
+ } else {
+ cont = this._currentCopies;
+ i = 0;
+ dir = 1;
+ while(cont){
+ items = this.elemsData[i].it;
+ itemsTransform = items[items.length - 1].transform.mProps.v.props;
+ items[items.length - 1].transform.mProps._mdf = false;
+ items[items.length - 1].transform.op._mdf = false;
+ cont -= 1;
+ i += dir;
+ }
+ }
+};
+
+RepeaterModifier.prototype.addShape = function(){};
+
+ShapeModifiers.registerModifier('rp',RepeaterModifier);
+function ShapeCollection(){
+ this._length = 0;
+ this._maxLength = 4;
+ this.shapes = createSizedArray(this._maxLength);
+}
+
+ShapeCollection.prototype.addShape = function(shapeData){
+ if(this._length === this._maxLength){
+ this.shapes = this.shapes.concat(createSizedArray(this._maxLength));
+ this._maxLength *= 2;
+ }
+ this.shapes[this._length] = shapeData;
+ this._length += 1;
+};
+
+ShapeCollection.prototype.releaseShapes = function(){
+ var i;
+ for(i = 0; i < this._length; i += 1) {
+ shape_pool.release(this.shapes[i]);
+ }
+ this._length = 0;
+};
+function DashProperty(elem, data, renderer, container) {
+ this.elem = elem;
+ this.frameId = -1;
+ this.dataProps = createSizedArray(data.length);
+ this.renderer = renderer;
+ this.k = false;
+ this.dashStr = '';
+ this.dashArray = createTypedArray('float32', data.length ? data.length - 1 : 0);
+ this.dashoffset = createTypedArray('float32', 1);
+ this.initDynamicPropertyContainer(container);
+ var i, len = data.length || 0, prop;
+ for(i = 0; i < len; i += 1) {
+ prop = PropertyFactory.getProp(elem,data[i].v,0, 0, this);
+ this.k = prop.k || this.k;
+ this.dataProps[i] = {n:data[i].n,p:prop};
+ }
+ if(!this.k){
+ this.getValue(true);
+ }
+ this._isAnimated = this.k;
+}
+
+DashProperty.prototype.getValue = function(forceRender) {
+ if(this.elem.globalData.frameId === this.frameId && !forceRender){
+ return;
+ }
+ this.frameId = this.elem.globalData.frameId;
+ this.iterateDynamicProperties();
+ this._mdf = this._mdf || forceRender;
+ if (this._mdf) {
+ var i = 0, len = this.dataProps.length;
+ if(this.renderer === 'svg') {
+ this.dashStr = '';
+ }
+ for(i=0;i<len;i+=1){
+ if(this.dataProps[i].n != 'o'){
+ if(this.renderer === 'svg') {
+ this.dashStr += ' ' + this.dataProps[i].p.v;
+ }else{
+ this.dashArray[i] = this.dataProps[i].p.v;
+ }
+ }else{
+ this.dashoffset[0] = this.dataProps[i].p.v;
+ }
+ }
+ }
+};
+extendPrototype([DynamicPropertyContainer], DashProperty);
+function GradientProperty(elem,data,container){
+ this.data = data;
+ this.c = createTypedArray('uint8c', data.p*4);
+ var cLength = data.k.k[0].s ? (data.k.k[0].s.length - data.p*4) : data.k.k.length - data.p*4;
+ this.o = createTypedArray('float32', cLength);
+ this._cmdf = false;
+ this._omdf = false;
+ this._collapsable = this.checkCollapsable();
+ this._hasOpacity = cLength;
+ this.initDynamicPropertyContainer(container);
+ this.prop = PropertyFactory.getProp(elem,data.k,1,null,this);
+ this.k = this.prop.k;
+ this.getValue(true);
+}
+
+GradientProperty.prototype.comparePoints = function(values, points) {
+ var i = 0, len = this.o.length/2, diff;
+ while(i < len) {
+ diff = Math.abs(values[i*4] - values[points*4 + i*2]);
+ if(diff > 0.01){
+ return false;
+ }
+ i += 1;
+ }
+ return true;
+};
+
+GradientProperty.prototype.checkCollapsable = function() {
+ if (this.o.length/2 !== this.c.length/4) {
+ return false;
+ }
+ if (this.data.k.k[0].s) {
+ var i = 0, len = this.data.k.k.length;
+ while (i < len) {
+ if (!this.comparePoints(this.data.k.k[i].s, this.data.p)) {
+ return false;
+ }
+ i += 1;
+ }
+ } else if(!this.comparePoints(this.data.k.k, this.data.p)) {
+ return false;
+ }
+ return true;
+};
+
+GradientProperty.prototype.getValue = function(forceRender){
+ this.prop.getValue();
+ this._mdf = false;
+ this._cmdf = false;
+ this._omdf = false;
+ if(this.prop._mdf || forceRender){
+ var i, len = this.data.p*4;
+ var mult, val;
+ for(i=0;i<len;i+=1){
+ mult = i%4 === 0 ? 100 : 255;
+ val = Math.round(this.prop.v[i]*mult);
+ if(this.c[i] !== val){
+ this.c[i] = val;
+ this._cmdf = !forceRender;
+ }
+ }
+ if(this.o.length){
+ len = this.prop.v.length;
+ for(i=this.data.p*4;i<len;i+=1){
+ mult = i%2 === 0 ? 100 : 1;
+ val = i%2 === 0 ? Math.round(this.prop.v[i]*100):this.prop.v[i];
+ if(this.o[i-this.data.p*4] !== val){
+ this.o[i-this.data.p*4] = val;
+ this._omdf = !forceRender;
+ }
+ }
+ }
+ this._mdf = !forceRender;
+ }
+};
+
+extendPrototype([DynamicPropertyContainer], GradientProperty);
+var buildShapeString = function(pathNodes, length, closed, mat) {
+ if(length === 0) {
+ return '';
+ }
+ var _o = pathNodes.o;
+ var _i = pathNodes.i;
+ var _v = pathNodes.v;
+ var i, shapeString = " M" + mat.applyToPointStringified(_v[0][0], _v[0][1]);
+ for(i = 1; i < length; i += 1) {
+ shapeString += " C" + mat.applyToPointStringified(_o[i - 1][0], _o[i - 1][1]) + " " + mat.applyToPointStringified(_i[i][0], _i[i][1]) + " " + mat.applyToPointStringified(_v[i][0], _v[i][1]);
+ }
+ if (closed && length) {
+ shapeString += " C" + mat.applyToPointStringified(_o[i - 1][0], _o[i - 1][1]) + " " + mat.applyToPointStringified(_i[0][0], _i[0][1]) + " " + mat.applyToPointStringified(_v[0][0], _v[0][1]);
+ shapeString += 'z';
+ }
+ return shapeString;
+}
+var ImagePreloader = (function(){
+
+ var proxyImage = (function(){
+ var canvas = createTag('canvas');
+ canvas.width = 1;
+ canvas.height = 1;
+ var ctx = canvas.getContext('2d');
+ ctx.fillStyle = '#FF0000';
+ ctx.fillRect(0, 0, 1, 1);
+ return canvas;
+ }())
+
+ function imageLoaded(){
+ this.loadedAssets += 1;
+ if(this.loadedAssets === this.totalImages){
+ if(this.imagesLoadedCb) {
+ this.imagesLoadedCb(null);
+ }
+ }
+ }
+
+ function getAssetsPath(assetData, assetsPath, original_path) {
+ var path = '';
+ if (assetData.e) {
+ path = assetData.p;
+ } else if(assetsPath) {
+ var imagePath = assetData.p;
+ if (imagePath.indexOf('images/') !== -1) {
+ imagePath = imagePath.split('/')[1];
+ }
+ path = assetsPath + imagePath;
+ } else {
+ path = original_path;
+ path += assetData.u ? assetData.u : '';
+ path += assetData.p;
+ }
+ return path;
+ }
+
+ function createImageData(assetData) {
+ var path = getAssetsPath(assetData, this.assetsPath, this.path);
+ var img = createTag('img');
+ img.crossOrigin = 'anonymous';
+ img.addEventListener('load', this._imageLoaded.bind(this), false);
+ img.addEventListener('error', function() {
+ ob.img = proxyImage;
+ this._imageLoaded();
+ }.bind(this), false);
+ img.src = path;
+ var ob = {
+ img: img,
+ assetData: assetData
+ }
+ return ob;
+ }
+
+ function loadAssets(assets, cb){
+ this.imagesLoadedCb = cb;
+ var i, len = assets.length;
+ for (i = 0; i < len; i += 1) {
+ if(!assets[i].layers){
+ this.totalImages += 1;
+ this.images.push(this._createImageData(assets[i]));
+ }
+ }
+ }
+
+ function setPath(path){
+ this.path = path || '';
+ }
+
+ function setAssetsPath(path){
+ this.assetsPath = path || '';
+ }
+
+ function getImage(assetData) {
+ var i = 0, len = this.images.length;
+ while (i < len) {
+ if (this.images[i].assetData === assetData) {
+ return this.images[i].img;
+ }
+ i += 1;
+ }
+ }
+
+ function destroy() {
+ this.imagesLoadedCb = null;
+ this.images.length = 0;
+ }
+
+ function loaded() {
+ return this.totalImages === this.loadedAssets;
+ }
+
+ return function ImagePreloader(){
+ this.loadAssets = loadAssets;
+ this.setAssetsPath = setAssetsPath;
+ this.setPath = setPath;
+ this.loaded = loaded;
+ this.destroy = destroy;
+ this.getImage = getImage;
+ this._createImageData = createImageData;
+ this._imageLoaded = imageLoaded;
+ this.assetsPath = '';
+ this.path = '';
+ this.totalImages = 0;
+ this.loadedAssets = 0;
+ this.imagesLoadedCb = null;
+ this.images = [];
+ };
+}());
+var featureSupport = (function(){
+ var ob = {
+ maskType: true
+ };
+ if (/MSIE 10/i.test(navigator.userAgent) || /MSIE 9/i.test(navigator.userAgent) || /rv:11.0/i.test(navigator.userAgent) || /Edge\/\d./i.test(navigator.userAgent)) {
+ ob.maskType = false;
+ }
+ return ob;
+}());
+var filtersFactory = (function(){
+ var ob = {};
+ ob.createFilter = createFilter;
+ ob.createAlphaToLuminanceFilter = createAlphaToLuminanceFilter;
+
+ function createFilter(filId){
+ var fil = createNS('filter');
+ fil.setAttribute('id',filId);
+ fil.setAttribute('filterUnits','objectBoundingBox');
+ fil.setAttribute('x','0%');
+ fil.setAttribute('y','0%');
+ fil.setAttribute('width','100%');
+ fil.setAttribute('height','100%');
+ return fil;
+ }
+
+ function createAlphaToLuminanceFilter(){
+ var feColorMatrix = createNS('feColorMatrix');
+ feColorMatrix.setAttribute('type','matrix');
+ feColorMatrix.setAttribute('color-interpolation-filters','sRGB');
+ feColorMatrix.setAttribute('values','0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1');
+ return feColorMatrix;
+ }
+
+ return ob;
+}());
+var assetLoader = (function(){
+
+ function formatResponse(xhr) {
+ if(xhr.response && typeof xhr.response === 'object') {
+ return xhr.response;
+ } else if(xhr.response && typeof xhr.response === 'string') {
+ return JSON.parse(xhr.response);
+ } else if(xhr.responseText) {
+ return JSON.parse(xhr.responseText);
+ }
+ }
+
+ function loadAsset(path, callback, errorCallback) {
+ var response;
+ var xhr = new XMLHttpRequest();
+ xhr.open('GET', path, true);
+ // set responseType after calling open or IE will break.
+ xhr.responseType = "json";
+ xhr.send();
+ xhr.onreadystatechange = function () {
+ if (xhr.readyState == 4) {
+ if(xhr.status == 200){
+ response = formatResponse(xhr);
+ callback(response);
+ }else{
+ try{
+ response = formatResponse(xhr);
+ callback(response);
+ }catch(err){
+ if(errorCallback) {
+ errorCallback(err);
+ }
+ }
+ }
+ }
+ };
+ }
+ return {
+ load: loadAsset
+ }
+}())
+
+function TextAnimatorProperty(textData, renderType, elem){
+ this._isFirstFrame = true;
+ this._hasMaskedPath = false;
+ this._frameId = -1;
+ this._textData = textData;
+ this._renderType = renderType;
+ this._elem = elem;
+ this._animatorsData = createSizedArray(this._textData.a.length);
+ this._pathData = {};
+ this._moreOptions = {
+ alignment: {}
+ };
+ this.renderedLetters = [];
+ this.lettersChangedFlag = false;
+ this.initDynamicPropertyContainer(elem);
+
+}
+
+TextAnimatorProperty.prototype.searchProperties = function(){
+ var i, len = this._textData.a.length, animatorProps;
+ var getProp = PropertyFactory.getProp;
+ for(i=0;i<len;i+=1){
+ animatorProps = this._textData.a[i];
+ this._animatorsData[i] = new TextAnimatorDataProperty(this._elem, animatorProps, this);
+ }
+ if(this._textData.p && 'm' in this._textData.p){
+ this._pathData = {
+ f: getProp(this._elem,this._textData.p.f,0,0,this),
+ l: getProp(this._elem,this._textData.p.l,0,0,this),
+ r: this._textData.p.r,
+ m: this._elem.maskManager.getMaskProperty(this._textData.p.m)
+ };
+ this._hasMaskedPath = true;
+ } else {
+ this._hasMaskedPath = false;
+ }
+ this._moreOptions.alignment = getProp(this._elem,this._textData.m.a,1,0,this);
+};
+
+TextAnimatorProperty.prototype.getMeasures = function(documentData, lettersChangedFlag){
+ this.lettersChangedFlag = lettersChangedFlag;
+ if(!this._mdf && !this._isFirstFrame && !lettersChangedFlag && (!this._hasMaskedPath || !this._pathData.m._mdf)) {
+ return;
+ }
+ this._isFirstFrame = false;
+ var alignment = this._moreOptions.alignment.v;
+ var animators = this._animatorsData;
+ var textData = this._textData;
+ var matrixHelper = this.mHelper;
+ var renderType = this._renderType;
+ var renderedLettersCount = this.renderedLetters.length;
+ var data = this.data;
+ var xPos,yPos;
+ var i, len;
+ var letters = documentData.l, pathInfo, currentLength, currentPoint, segmentLength, flag, pointInd, segmentInd, prevPoint, points, segments, partialLength, totalLength, perc, tanAngle, mask;
+ if(this._hasMaskedPath) {
+ mask = this._pathData.m;
+ if(!this._pathData.n || this._pathData._mdf){
+ var paths = mask.v;
+ if(this._pathData.r){
+ paths = paths.reverse();
+ }
+ // TODO: release bezier data cached from previous pathInfo: this._pathData.pi
+ pathInfo = {
+ tLength: 0,
+ segments: []
+ };
+ len = paths._length - 1;
+ var pathData;
+ totalLength = 0;
+ for (i = 0; i < len; i += 1) {
+ pathData = {
+ s: paths.v[i],
+ e: paths.v[i + 1],
+ to: [paths.o[i][0] - paths.v[i][0], paths.o[i][1] - paths.v[i][1]],
+ ti: [paths.i[i + 1][0] - paths.v[i + 1][0], paths.i[i + 1][1] - paths.v[i + 1][1]]
+ };
+ bez.buildBezierData(pathData);
+ pathInfo.tLength += pathData.bezierData.segmentLength;
+ pathInfo.segments.push(pathData);
+ totalLength += pathData.bezierData.segmentLength;
+ }
+ i = len;
+ if (mask.v.c) {
+ pathData = {
+ s: paths.v[i],
+ e: paths.v[0],
+ to: [paths.o[i][0] - paths.v[i][0], paths.o[i][1] - paths.v[i][1]],
+ ti: [paths.i[0][0] - paths.v[0][0], paths.i[0][1] - paths.v[0][1]]
+ };
+ bez.buildBezierData(pathData);
+ pathInfo.tLength += pathData.bezierData.segmentLength;
+ pathInfo.segments.push(pathData);
+ totalLength += pathData.bezierData.segmentLength;
+ }
+ this._pathData.pi = pathInfo;
+ }
+ pathInfo = this._pathData.pi;
+
+ currentLength = this._pathData.f.v;
+ segmentInd = 0;
+ pointInd = 1;
+ segmentLength = 0;
+ flag = true;
+ segments = pathInfo.segments;
+ if (currentLength < 0 && mask.v.c) {
+ if (pathInfo.tLength < Math.abs(currentLength)) {
+ currentLength = -Math.abs(currentLength) % pathInfo.tLength;
+ }
+ segmentInd = segments.length - 1;
+ points = segments[segmentInd].bezierData.points;
+ pointInd = points.length - 1;
+ while (currentLength < 0) {
+ currentLength += points[pointInd].partialLength;
+ pointInd -= 1;
+ if (pointInd < 0) {
+ segmentInd -= 1;
+ points = segments[segmentInd].bezierData.points;
+ pointInd = points.length - 1;
+ }
+ }
+
+ }
+ points = segments[segmentInd].bezierData.points;
+ prevPoint = points[pointInd - 1];
+ currentPoint = points[pointInd];
+ partialLength = currentPoint.partialLength;
+ }
+
+
+ len = letters.length;
+ xPos = 0;
+ yPos = 0;
+ var yOff = documentData.finalSize * 1.2 * 0.714;
+ var firstLine = true;
+ var animatorProps, animatorSelector;
+ var j, jLen;
+ var letterValue;
+
+ jLen = animators.length;
+ var lastLetter;
+
+ var mult, ind = -1, offf, xPathPos, yPathPos;
+ var initPathPos = currentLength,initSegmentInd = segmentInd, initPointInd = pointInd, currentLine = -1;
+ var elemOpacity;
+ var sc,sw,fc,k;
+ var lineLength = 0;
+ var letterSw, letterSc, letterFc, letterM = '', letterP = this.defaultPropsArray, letterO;
+
+ //
+ if(documentData.j === 2 || documentData.j === 1) {
+ var animatorJustifyOffset = 0;
+ var animatorFirstCharOffset = 0;
+ var justifyOffsetMult = documentData.j === 2 ? -0.5 : -1;
+ var lastIndex = 0;
+ var isNewLine = true;
+
+ for (i = 0; i < len; i += 1) {
+ if (letters[i].n) {
+ if(animatorJustifyOffset) {
+ animatorJustifyOffset += animatorFirstCharOffset;
+ }
+ while (lastIndex < i) {
+ letters[lastIndex].animatorJustifyOffset = animatorJustifyOffset;
+ lastIndex += 1;
+ }
+ animatorJustifyOffset = 0;
+ isNewLine = true;
+ } else {
+ for (j = 0; j < jLen; j += 1) {
+ animatorProps = animators[j].a;
+ if (animatorProps.t.propType) {
+ if (isNewLine && documentData.j === 2) {
+ animatorFirstCharOffset += animatorProps.t.v * justifyOffsetMult;
+ }
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j], textData.a[j].s.totalChars);
+ if (mult.length) {
+ animatorJustifyOffset += animatorProps.t.v*mult[0] * justifyOffsetMult;
+ } else {
+ animatorJustifyOffset += animatorProps.t.v*mult * justifyOffsetMult;
+ }
+ }
+ }
+ isNewLine = false;
+ }
+ }
+ if(animatorJustifyOffset) {
+ animatorJustifyOffset += animatorFirstCharOffset;
+ }
+ while(lastIndex < i) {
+ letters[lastIndex].animatorJustifyOffset = animatorJustifyOffset;
+ lastIndex += 1;
+ }
+ }
+ //
+
+ for( i = 0; i < len; i += 1) {
+
+ matrixHelper.reset();
+ elemOpacity = 1;
+ if(letters[i].n) {
+ xPos = 0;
+ yPos += documentData.yOffset;
+ yPos += firstLine ? 1 : 0;
+ currentLength = initPathPos ;
+ firstLine = false;
+ lineLength = 0;
+ if(this._hasMaskedPath) {
+ segmentInd = initSegmentInd;
+ pointInd = initPointInd;
+ points = segments[segmentInd].bezierData.points;
+ prevPoint = points[pointInd - 1];
+ currentPoint = points[pointInd];
+ partialLength = currentPoint.partialLength;
+ segmentLength = 0;
+ }
+ letterO = letterSw = letterFc = letterM = '';
+ letterP = this.defaultPropsArray;
+ }else{
+ if(this._hasMaskedPath) {
+ if(currentLine !== letters[i].line){
+ switch(documentData.j){
+ case 1:
+ currentLength += totalLength - documentData.lineWidths[letters[i].line];
+ break;
+ case 2:
+ currentLength += (totalLength - documentData.lineWidths[letters[i].line])/2;
+ break;
+ }
+ currentLine = letters[i].line;
+ }
+ if (ind !== letters[i].ind) {
+ if (letters[ind]) {
+ currentLength += letters[ind].extra;
+ }
+ currentLength += letters[i].an / 2;
+ ind = letters[i].ind;
+ }
+ currentLength += alignment[0] * letters[i].an / 200;
+ var animatorOffset = 0;
+ for (j = 0; j < jLen; j += 1) {
+ animatorProps = animators[j].a;
+ if (animatorProps.p.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ if(mult.length){
+ animatorOffset += animatorProps.p.v[0] * mult[0];
+ } else{
+ animatorOffset += animatorProps.p.v[0] * mult;
+ }
+
+ }
+ if (animatorProps.a.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ if(mult.length){
+ animatorOffset += animatorProps.a.v[0] * mult[0];
+ } else{
+ animatorOffset += animatorProps.a.v[0] * mult;
+ }
+
+ }
+ }
+ flag = true;
+ while (flag) {
+ if (segmentLength + partialLength >= currentLength + animatorOffset || !points) {
+ perc = (currentLength + animatorOffset - segmentLength) / currentPoint.partialLength;
+ xPathPos = prevPoint.point[0] + (currentPoint.point[0] - prevPoint.point[0]) * perc;
+ yPathPos = prevPoint.point[1] + (currentPoint.point[1] - prevPoint.point[1]) * perc;
+ matrixHelper.translate(-alignment[0]*letters[i].an/200, -(alignment[1] * yOff / 100));
+ flag = false;
+ } else if (points) {
+ segmentLength += currentPoint.partialLength;
+ pointInd += 1;
+ if (pointInd >= points.length) {
+ pointInd = 0;
+ segmentInd += 1;
+ if (!segments[segmentInd]) {
+ if (mask.v.c) {
+ pointInd = 0;
+ segmentInd = 0;
+ points = segments[segmentInd].bezierData.points;
+ } else {
+ segmentLength -= currentPoint.partialLength;
+ points = null;
+ }
+ } else {
+ points = segments[segmentInd].bezierData.points;
+ }
+ }
+ if (points) {
+ prevPoint = currentPoint;
+ currentPoint = points[pointInd];
+ partialLength = currentPoint.partialLength;
+ }
+ }
+ }
+ offf = letters[i].an / 2 - letters[i].add;
+ matrixHelper.translate(-offf, 0, 0);
+ } else {
+ offf = letters[i].an/2 - letters[i].add;
+ matrixHelper.translate(-offf,0,0);
+
+ // Grouping alignment
+ matrixHelper.translate(-alignment[0]*letters[i].an/200, -alignment[1]*yOff/100, 0);
+ }
+
+ lineLength += letters[i].l/2;
+ for(j=0;j<jLen;j+=1){
+ animatorProps = animators[j].a;
+ if (animatorProps.t.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ //This condition is to prevent applying tracking to first character in each line. Might be better to use a boolean "isNewLine"
+ if(xPos !== 0 || documentData.j !== 0) {
+ if(this._hasMaskedPath) {
+ if(mult.length) {
+ currentLength += animatorProps.t.v*mult[0];
+ } else {
+ currentLength += animatorProps.t.v*mult;
+ }
+ }else{
+ if(mult.length) {
+ xPos += animatorProps.t.v*mult[0];
+ } else {
+ xPos += animatorProps.t.v*mult;
+ }
+ }
+ }
+ }
+ }
+ lineLength += letters[i].l/2;
+ if(documentData.strokeWidthAnim) {
+ sw = documentData.sw || 0;
+ }
+ if(documentData.strokeColorAnim) {
+ if(documentData.sc){
+ sc = [documentData.sc[0], documentData.sc[1], documentData.sc[2]];
+ }else{
+ sc = [0,0,0];
+ }
+ }
+ if(documentData.fillColorAnim && documentData.fc) {
+ fc = [documentData.fc[0], documentData.fc[1], documentData.fc[2]];
+ }
+ for(j=0;j<jLen;j+=1){
+ animatorProps = animators[j].a;
+ if (animatorProps.a.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+
+ if(mult.length){
+ matrixHelper.translate(-animatorProps.a.v[0]*mult[0], -animatorProps.a.v[1]*mult[1], animatorProps.a.v[2]*mult[2]);
+ } else {
+ matrixHelper.translate(-animatorProps.a.v[0]*mult, -animatorProps.a.v[1]*mult, animatorProps.a.v[2]*mult);
+ }
+ }
+ }
+ for(j=0;j<jLen;j+=1){
+ animatorProps = animators[j].a;
+ if (animatorProps.s.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ if(mult.length){
+ matrixHelper.scale(1+((animatorProps.s.v[0]-1)*mult[0]),1+((animatorProps.s.v[1]-1)*mult[1]),1);
+ } else {
+ matrixHelper.scale(1+((animatorProps.s.v[0]-1)*mult),1+((animatorProps.s.v[1]-1)*mult),1);
+ }
+ }
+ }
+ for(j=0;j<jLen;j+=1) {
+ animatorProps = animators[j].a;
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ if (animatorProps.sk.propType) {
+ if(mult.length) {
+ matrixHelper.skewFromAxis(-animatorProps.sk.v * mult[0], animatorProps.sa.v * mult[1]);
+ } else {
+ matrixHelper.skewFromAxis(-animatorProps.sk.v * mult, animatorProps.sa.v * mult);
+ }
+ }
+ if (animatorProps.r.propType) {
+ if(mult.length) {
+ matrixHelper.rotateZ(-animatorProps.r.v * mult[2]);
+ } else {
+ matrixHelper.rotateZ(-animatorProps.r.v * mult);
+ }
+ }
+ if (animatorProps.ry.propType) {
+
+ if(mult.length) {
+ matrixHelper.rotateY(animatorProps.ry.v*mult[1]);
+ }else{
+ matrixHelper.rotateY(animatorProps.ry.v*mult);
+ }
+ }
+ if (animatorProps.rx.propType) {
+ if(mult.length) {
+ matrixHelper.rotateX(animatorProps.rx.v*mult[0]);
+ } else {
+ matrixHelper.rotateX(animatorProps.rx.v*mult);
+ }
+ }
+ if (animatorProps.o.propType) {
+ if(mult.length) {
+ elemOpacity += ((animatorProps.o.v)*mult[0] - elemOpacity)*mult[0];
+ } else {
+ elemOpacity += ((animatorProps.o.v)*mult - elemOpacity)*mult;
+ }
+ }
+ if (documentData.strokeWidthAnim && animatorProps.sw.propType) {
+ if(mult.length) {
+ sw += animatorProps.sw.v*mult[0];
+ } else {
+ sw += animatorProps.sw.v*mult;
+ }
+ }
+ if (documentData.strokeColorAnim && animatorProps.sc.propType) {
+ for(k=0;k<3;k+=1){
+ if(mult.length) {
+ sc[k] = sc[k] + (animatorProps.sc.v[k] - sc[k])*mult[0];
+ } else {
+ sc[k] = sc[k] + (animatorProps.sc.v[k] - sc[k])*mult;
+ }
+ }
+ }
+ if (documentData.fillColorAnim && documentData.fc) {
+ if(animatorProps.fc.propType){
+ for(k=0;k<3;k+=1){
+ if(mult.length) {
+ fc[k] = fc[k] + (animatorProps.fc.v[k] - fc[k])*mult[0];
+ } else {
+ fc[k] = fc[k] + (animatorProps.fc.v[k] - fc[k])*mult;
+ }
+ }
+ }
+ if(animatorProps.fh.propType){
+ if(mult.length) {
+ fc = addHueToRGB(fc,animatorProps.fh.v*mult[0]);
+ } else {
+ fc = addHueToRGB(fc,animatorProps.fh.v*mult);
+ }
+ }
+ if(animatorProps.fs.propType){
+ if(mult.length) {
+ fc = addSaturationToRGB(fc,animatorProps.fs.v*mult[0]);
+ } else {
+ fc = addSaturationToRGB(fc,animatorProps.fs.v*mult);
+ }
+ }
+ if(animatorProps.fb.propType){
+ if(mult.length) {
+ fc = addBrightnessToRGB(fc,animatorProps.fb.v*mult[0]);
+ } else {
+ fc = addBrightnessToRGB(fc,animatorProps.fb.v*mult);
+ }
+ }
+ }
+ }
+
+ for(j=0;j<jLen;j+=1){
+ animatorProps = animators[j].a;
+
+ if (animatorProps.p.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ if(this._hasMaskedPath) {
+ if(mult.length) {
+ matrixHelper.translate(0, animatorProps.p.v[1] * mult[0], -animatorProps.p.v[2] * mult[1]);
+ } else {
+ matrixHelper.translate(0, animatorProps.p.v[1] * mult, -animatorProps.p.v[2] * mult);
+ }
+ }else{
+ if(mult.length) {
+ matrixHelper.translate(animatorProps.p.v[0] * mult[0], animatorProps.p.v[1] * mult[1], -animatorProps.p.v[2] * mult[2]);
+ } else {
+ matrixHelper.translate(animatorProps.p.v[0] * mult, animatorProps.p.v[1] * mult, -animatorProps.p.v[2] * mult);
+
+ }
+ }
+ }
+ }
+ if(documentData.strokeWidthAnim){
+ letterSw = sw < 0 ? 0 : sw;
+ }
+ if(documentData.strokeColorAnim){
+ letterSc = 'rgb('+Math.round(sc[0]*255)+','+Math.round(sc[1]*255)+','+Math.round(sc[2]*255)+')';
+ }
+ if(documentData.fillColorAnim && documentData.fc){
+ letterFc = 'rgb('+Math.round(fc[0]*255)+','+Math.round(fc[1]*255)+','+Math.round(fc[2]*255)+')';
+ }
+
+ if(this._hasMaskedPath) {
+ matrixHelper.translate(0,-documentData.ls);
+
+ matrixHelper.translate(0, alignment[1]*yOff/100 + yPos,0);
+ if (textData.p.p) {
+ tanAngle = (currentPoint.point[1] - prevPoint.point[1]) / (currentPoint.point[0] - prevPoint.point[0]);
+ var rot = Math.atan(tanAngle) * 180 / Math.PI;
+ if (currentPoint.point[0] < prevPoint.point[0]) {
+ rot += 180;
+ }
+ matrixHelper.rotate(-rot * Math.PI / 180);
+ }
+ matrixHelper.translate(xPathPos, yPathPos, 0);
+ currentLength -= alignment[0]*letters[i].an/200;
+ if(letters[i+1] && ind !== letters[i+1].ind){
+ currentLength += letters[i].an / 2;
+ currentLength += documentData.tr/1000*documentData.finalSize;
+ }
+ }else{
+
+ matrixHelper.translate(xPos,yPos,0);
+
+ if(documentData.ps){
+ //matrixHelper.translate(documentData.ps[0],documentData.ps[1],0);
+ matrixHelper.translate(documentData.ps[0],documentData.ps[1] + documentData.ascent,0);
+ }
+ switch(documentData.j){
+ case 1:
+ matrixHelper.translate(letters[i].animatorJustifyOffset + documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[letters[i].line]),0,0);
+ break;
+ case 2:
+ matrixHelper.translate(letters[i].animatorJustifyOffset + documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[letters[i].line])/2,0,0);
+ break;
+ }
+ matrixHelper.translate(0,-documentData.ls);
+ matrixHelper.translate(offf,0,0);
+ matrixHelper.translate(alignment[0]*letters[i].an/200,alignment[1]*yOff/100,0);
+ xPos += letters[i].l + documentData.tr/1000*documentData.finalSize;
+ }
+ if(renderType === 'html'){
+ letterM = matrixHelper.toCSS();
+ }else if(renderType === 'svg'){
+ letterM = matrixHelper.to2dCSS();
+ }else{
+ letterP = [matrixHelper.props[0],matrixHelper.props[1],matrixHelper.props[2],matrixHelper.props[3],matrixHelper.props[4],matrixHelper.props[5],matrixHelper.props[6],matrixHelper.props[7],matrixHelper.props[8],matrixHelper.props[9],matrixHelper.props[10],matrixHelper.props[11],matrixHelper.props[12],matrixHelper.props[13],matrixHelper.props[14],matrixHelper.props[15]];
+ }
+ letterO = elemOpacity;
+ }
+
+ if(renderedLettersCount <= i) {
+ letterValue = new LetterProps(letterO,letterSw,letterSc,letterFc,letterM,letterP);
+ this.renderedLetters.push(letterValue);
+ renderedLettersCount += 1;
+ this.lettersChangedFlag = true;
+ } else {
+ letterValue = this.renderedLetters[i];
+ this.lettersChangedFlag = letterValue.update(letterO, letterSw, letterSc, letterFc, letterM, letterP) || this.lettersChangedFlag;
+ }
+ }
+};
+
+TextAnimatorProperty.prototype.getValue = function(){
+ if(this._elem.globalData.frameId === this._frameId){
+ return;
+ }
+ this._frameId = this._elem.globalData.frameId;
+ this.iterateDynamicProperties();
+};
+
+TextAnimatorProperty.prototype.mHelper = new Matrix();
+TextAnimatorProperty.prototype.defaultPropsArray = [];
+extendPrototype([DynamicPropertyContainer], TextAnimatorProperty);
+function TextAnimatorDataProperty(elem, animatorProps, container) {
+ var defaultData = {propType:false};
+ var getProp = PropertyFactory.getProp;
+ var textAnimator_animatables = animatorProps.a;
+ this.a = {
+ r: textAnimator_animatables.r ? getProp(elem, textAnimator_animatables.r, 0, degToRads, container) : defaultData,
+ rx: textAnimator_animatables.rx ? getProp(elem, textAnimator_animatables.rx, 0, degToRads, container) : defaultData,
+ ry: textAnimator_animatables.ry ? getProp(elem, textAnimator_animatables.ry, 0, degToRads, container) : defaultData,
+ sk: textAnimator_animatables.sk ? getProp(elem, textAnimator_animatables.sk, 0, degToRads, container) : defaultData,
+ sa: textAnimator_animatables.sa ? getProp(elem, textAnimator_animatables.sa, 0, degToRads, container) : defaultData,
+ s: textAnimator_animatables.s ? getProp(elem, textAnimator_animatables.s, 1, 0.01, container) : defaultData,
+ a: textAnimator_animatables.a ? getProp(elem, textAnimator_animatables.a, 1, 0, container) : defaultData,
+ o: textAnimator_animatables.o ? getProp(elem, textAnimator_animatables.o, 0, 0.01, container) : defaultData,
+ p: textAnimator_animatables.p ? getProp(elem,textAnimator_animatables.p, 1, 0, container) : defaultData,
+ sw: textAnimator_animatables.sw ? getProp(elem, textAnimator_animatables.sw, 0, 0, container) : defaultData,
+ sc: textAnimator_animatables.sc ? getProp(elem, textAnimator_animatables.sc, 1, 0, container) : defaultData,
+ fc: textAnimator_animatables.fc ? getProp(elem, textAnimator_animatables.fc, 1, 0, container) : defaultData,
+ fh: textAnimator_animatables.fh ? getProp(elem, textAnimator_animatables.fh, 0, 0, container) : defaultData,
+ fs: textAnimator_animatables.fs ? getProp(elem, textAnimator_animatables.fs, 0, 0.01, container) : defaultData,
+ fb: textAnimator_animatables.fb ? getProp(elem, textAnimator_animatables.fb, 0, 0.01, container) : defaultData,
+ t: textAnimator_animatables.t ? getProp(elem, textAnimator_animatables.t, 0, 0, container) : defaultData
+ };
+
+ this.s = TextSelectorProp.getTextSelectorProp(elem,animatorProps.s, container);
+ this.s.t = animatorProps.s.t;
+}
+function LetterProps(o, sw, sc, fc, m, p){
+ this.o = o;
+ this.sw = sw;
+ this.sc = sc;
+ this.fc = fc;
+ this.m = m;
+ this.p = p;
+ this._mdf = {
+ o: true,
+ sw: !!sw,
+ sc: !!sc,
+ fc: !!fc,
+ m: true,
+ p: true
+ };
+}
+
+LetterProps.prototype.update = function(o, sw, sc, fc, m, p) {
+ this._mdf.o = false;
+ this._mdf.sw = false;
+ this._mdf.sc = false;
+ this._mdf.fc = false;
+ this._mdf.m = false;
+ this._mdf.p = false;
+ var updated = false;
+
+ if(this.o !== o) {
+ this.o = o;
+ this._mdf.o = true;
+ updated = true;
+ }
+ if(this.sw !== sw) {
+ this.sw = sw;
+ this._mdf.sw = true;
+ updated = true;
+ }
+ if(this.sc !== sc) {
+ this.sc = sc;
+ this._mdf.sc = true;
+ updated = true;
+ }
+ if(this.fc !== fc) {
+ this.fc = fc;
+ this._mdf.fc = true;
+ updated = true;
+ }
+ if(this.m !== m) {
+ this.m = m;
+ this._mdf.m = true;
+ updated = true;
+ }
+ if(p.length && (this.p[0] !== p[0] || this.p[1] !== p[1] || this.p[4] !== p[4] || this.p[5] !== p[5] || this.p[12] !== p[12] || this.p[13] !== p[13])) {
+ this.p = p;
+ this._mdf.p = true;
+ updated = true;
+ }
+ return updated;
+};
+function TextProperty(elem, data){
+ this._frameId = initialDefaultFrame;
+ this.pv = '';
+ this.v = '';
+ this.kf = false;
+ this._isFirstFrame = true;
+ this._mdf = false;
+ this.data = data;
+ this.elem = elem;
+ this.comp = this.elem.comp;
+ this.keysIndex = 0;
+ this.canResize = false;
+ this.minimumFontSize = 1;
+ this.effectsSequence = [];
+ this.currentData = {
+ ascent: 0,
+ boxWidth: this.defaultBoxWidth,
+ f: '',
+ fStyle: '',
+ fWeight: '',
+ fc: '',
+ j: '',
+ justifyOffset: '',
+ l: [],
+ lh: 0,
+ lineWidths: [],
+ ls: '',
+ of: '',
+ s: '',
+ sc: '',
+ sw: 0,
+ t: 0,
+ tr: 0,
+ sz:0,
+ ps:null,
+ fillColorAnim: false,
+ strokeColorAnim: false,
+ strokeWidthAnim: false,
+ yOffset: 0,
+ finalSize:0,
+ finalText:[],
+ finalLineHeight: 0,
+ __complete: false
+
+ };
+ this.copyData(this.currentData, this.data.d.k[0].s);
+
+ if(!this.searchProperty()) {
+ this.completeTextData(this.currentData);
+ }
+}
+
+TextProperty.prototype.defaultBoxWidth = [0,0];
+
+TextProperty.prototype.copyData = function(obj, data) {
+ for(var s in data) {
+ if(data.hasOwnProperty(s)) {
+ obj[s] = data[s];
+ }
+ }
+ return obj;
+}
+
+TextProperty.prototype.setCurrentData = function(data){
+ if(!data.__complete) {
+ this.completeTextData(data);
+ }
+ this.currentData = data;
+ this.currentData.boxWidth = this.currentData.boxWidth || this.defaultBoxWidth;
+ this._mdf = true;
+};
+
+TextProperty.prototype.searchProperty = function() {
+ return this.searchKeyframes();
+};
+
+TextProperty.prototype.searchKeyframes = function() {
+ this.kf = this.data.d.k.length > 1;
+ if(this.kf) {
+ this.addEffect(this.getKeyframeValue.bind(this));
+ }
+ return this.kf;
+}
+
+TextProperty.prototype.addEffect = function(effectFunction) {
+ this.effectsSequence.push(effectFunction);
+ this.elem.addDynamicProperty(this);
+};
+
+TextProperty.prototype.getValue = function(_finalValue) {
+ if((this.elem.globalData.frameId === this.frameId || !this.effectsSequence.length) && !_finalValue) {
+ return;
+ }
+ this.currentData.t = this.data.d.k[this.keysIndex].s.t;
+ var currentValue = this.currentData;
+ var currentIndex = this.keysIndex;
+ if(this.lock) {
+ this.setCurrentData(this.currentData);
+ return;
+ }
+ this.lock = true;
+ this._mdf = false;
+ var multipliedValue;
+ var i, len = this.effectsSequence.length;
+ var finalValue = _finalValue || this.data.d.k[this.keysIndex].s;
+ for(i = 0; i < len; i += 1) {
+ //Checking if index changed to prevent creating a new object every time the expression updates.
+ if(currentIndex !== this.keysIndex) {
+ finalValue = this.effectsSequence[i](finalValue, finalValue.t);
+ } else {
+ finalValue = this.effectsSequence[i](this.currentData, finalValue.t);
+ }
+ }
+ if(currentValue !== finalValue) {
+ this.setCurrentData(finalValue);
+ }
+ this.pv = this.v = this.currentData;
+ this.lock = false;
+ this.frameId = this.elem.globalData.frameId;
+}
+
+TextProperty.prototype.getKeyframeValue = function() {
+ var textKeys = this.data.d.k, textDocumentData;
+ var frameNum = this.elem.comp.renderedFrame;
+ var i = 0, len = textKeys.length;
+ while(i <= len - 1) {
+ textDocumentData = textKeys[i].s;
+ if(i === len - 1 || textKeys[i+1].t > frameNum){
+ break;
+ }
+ i += 1;
+ }
+ if(this.keysIndex !== i) {
+ this.keysIndex = i;
+ }
+ return this.data.d.k[this.keysIndex].s;
+};
+
+TextProperty.prototype.buildFinalText = function(text) {
+ var combinedCharacters = FontManager.getCombinedCharacterCodes();
+ var charactersArray = [];
+ var i = 0, len = text.length;
+ while (i < len) {
+ if (combinedCharacters.indexOf(text.charCodeAt(i)) !== -1) {
+ charactersArray[charactersArray.length - 1] += text.charAt(i);
+ } else {
+ charactersArray.push(text.charAt(i));
+ }
+ i += 1;
+ }
+ return charactersArray;
+}
+
+TextProperty.prototype.completeTextData = function(documentData) {
+ documentData.__complete = true;
+ var fontManager = this.elem.globalData.fontManager;
+ var data = this.data;
+ var letters = [];
+ var i, len;
+ var newLineFlag, index = 0, val;
+ var anchorGrouping = data.m.g;
+ var currentSize = 0, currentPos = 0, currentLine = 0, lineWidths = [];
+ var lineWidth = 0;
+ var maxLineWidth = 0;
+ var j, jLen;
+ var fontData = fontManager.getFontByName(documentData.f);
+ var charData, cLength = 0;
+ var styles = fontData.fStyle ? fontData.fStyle.split(' ') : [];
+
+ var fWeight = 'normal', fStyle = 'normal';
+ len = styles.length;
+ var styleName;
+ for(i=0;i<len;i+=1){
+ styleName = styles[i].toLowerCase();
+ switch(styleName) {
+ case 'italic':
+ fStyle = 'italic';
+ break;
+ case 'bold':
+ fWeight = '700';
+ break;
+ case 'black':
+ fWeight = '900';
+ break;
+ case 'medium':
+ fWeight = '500';
+ break;
+ case 'regular':
+ case 'normal':
+ fWeight = '400';
+ break;
+ case 'light':
+ case 'thin':
+ fWeight = '200';
+ break;
+ }
+ }
+ documentData.fWeight = fontData.fWeight || fWeight;
+ documentData.fStyle = fStyle;
+ len = documentData.t.length;
+ documentData.finalSize = documentData.s;
+ documentData.finalText = this.buildFinalText(documentData.t);
+ documentData.finalLineHeight = documentData.lh;
+ var trackingOffset = documentData.tr/1000*documentData.finalSize;
+ var charCode;
+ if(documentData.sz){
+ var flag = true;
+ var boxWidth = documentData.sz[0];
+ var boxHeight = documentData.sz[1];
+ var currentHeight, finalText;
+ while(flag) {
+ finalText = this.buildFinalText(documentData.t);
+ currentHeight = 0;
+ lineWidth = 0;
+ len = finalText.length;
+ trackingOffset = documentData.tr/1000*documentData.finalSize;
+ var lastSpaceIndex = -1;
+ for(i=0;i<len;i+=1){
+ charCode = finalText[i].charCodeAt(0);
+ newLineFlag = false;
+ if(finalText[i] === ' '){
+ lastSpaceIndex = i;
+ }else if(charCode === 13 || charCode === 3){
+ lineWidth = 0;
+ newLineFlag = true;
+ currentHeight += documentData.finalLineHeight || documentData.finalSize*1.2;
+ }
+ if(fontManager.chars){
+ charData = fontManager.getCharData(finalText[i], fontData.fStyle, fontData.fFamily);
+ cLength = newLineFlag ? 0 : charData.w*documentData.finalSize/100;
+ }else{
+ //tCanvasHelper.font = documentData.s + 'px '+ fontData.fFamily;
+ cLength = fontManager.measureText(finalText[i], documentData.f, documentData.finalSize);
+ }
+ if(lineWidth + cLength > boxWidth && finalText[i] !== ' '){
+ if(lastSpaceIndex === -1){
+ len += 1;
+ } else {
+ i = lastSpaceIndex;
+ }
+ currentHeight += documentData.finalLineHeight || documentData.finalSize*1.2;
+ finalText.splice(i, lastSpaceIndex === i ? 1 : 0,"\r");
+ //finalText = finalText.substr(0,i) + "\r" + finalText.substr(i === lastSpaceIndex ? i + 1 : i);
+ lastSpaceIndex = -1;
+ lineWidth = 0;
+ }else {
+ lineWidth += cLength;
+ lineWidth += trackingOffset;
+ }
+ }
+ currentHeight += fontData.ascent*documentData.finalSize/100;
+ if(this.canResize && documentData.finalSize > this.minimumFontSize && boxHeight < currentHeight) {
+ documentData.finalSize -= 1;
+ documentData.finalLineHeight = documentData.finalSize * documentData.lh / documentData.s;
+ } else {
+ documentData.finalText = finalText;
+ len = documentData.finalText.length;
+ flag = false;
+ }
+ }
+
+ }
+ lineWidth = - trackingOffset;
+ cLength = 0;
+ var uncollapsedSpaces = 0;
+ var currentChar;
+ for (i = 0;i < len ;i += 1) {
+ newLineFlag = false;
+ currentChar = documentData.finalText[i];
+ charCode = currentChar.charCodeAt(0);
+ if (currentChar === ' '){
+ val = '\u00A0';
+ } else if (charCode === 13 || charCode === 3) {
+ uncollapsedSpaces = 0;
+ lineWidths.push(lineWidth);
+ maxLineWidth = lineWidth > maxLineWidth ? lineWidth : maxLineWidth;
+ lineWidth = - 2 * trackingOffset;
+ val = '';
+ newLineFlag = true;
+ currentLine += 1;
+ }else{
+ val = documentData.finalText[i];
+ }
+ if(fontManager.chars){
+ charData = fontManager.getCharData(currentChar, fontData.fStyle, fontManager.getFontByName(documentData.f).fFamily);
+ cLength = newLineFlag ? 0 : charData.w*documentData.finalSize/100;
+ }else{
+ //var charWidth = fontManager.measureText(val, documentData.f, documentData.finalSize);
+ //tCanvasHelper.font = documentData.finalSize + 'px '+ fontManager.getFontByName(documentData.f).fFamily;
+ cLength = fontManager.measureText(val, documentData.f, documentData.finalSize);
+ }
+
+ //
+ if(currentChar === ' '){
+ uncollapsedSpaces += cLength + trackingOffset;
+ } else {
+ lineWidth += cLength + trackingOffset + uncollapsedSpaces;
+ uncollapsedSpaces = 0;
+ }
+ letters.push({l:cLength,an:cLength,add:currentSize,n:newLineFlag, anIndexes:[], val: val, line: currentLine, animatorJustifyOffset: 0});
+ if(anchorGrouping == 2){
+ currentSize += cLength;
+ if(val === '' || val === '\u00A0' || i === len - 1){
+ if(val === '' || val === '\u00A0'){
+ currentSize -= cLength;
+ }
+ while(currentPos<=i){
+ letters[currentPos].an = currentSize;
+ letters[currentPos].ind = index;
+ letters[currentPos].extra = cLength;
+ currentPos += 1;
+ }
+ index += 1;
+ currentSize = 0;
+ }
+ }else if(anchorGrouping == 3){
+ currentSize += cLength;
+ if(val === '' || i === len - 1){
+ if(val === ''){
+ currentSize -= cLength;
+ }
+ while(currentPos<=i){
+ letters[currentPos].an = currentSize;
+ letters[currentPos].ind = index;
+ letters[currentPos].extra = cLength;
+ currentPos += 1;
+ }
+ currentSize = 0;
+ index += 1;
+ }
+ }else{
+ letters[index].ind = index;
+ letters[index].extra = 0;
+ index += 1;
+ }
+ }
+ documentData.l = letters;
+ maxLineWidth = lineWidth > maxLineWidth ? lineWidth : maxLineWidth;
+ lineWidths.push(lineWidth);
+ if(documentData.sz){
+ documentData.boxWidth = documentData.sz[0];
+ documentData.justifyOffset = 0;
+ }else{
+ documentData.boxWidth = maxLineWidth;
+ switch(documentData.j){
+ case 1:
+ documentData.justifyOffset = - documentData.boxWidth;
+ break;
+ case 2:
+ documentData.justifyOffset = - documentData.boxWidth/2;
+ break;
+ default:
+ documentData.justifyOffset = 0;
+ }
+ }
+ documentData.lineWidths = lineWidths;
+
+ var animators = data.a, animatorData, letterData;
+ jLen = animators.length;
+ var based, ind, indexes = [];
+ for(j=0;j<jLen;j+=1){
+ animatorData = animators[j];
+ if(animatorData.a.sc){
+ documentData.strokeColorAnim = true;
+ }
+ if(animatorData.a.sw){
+ documentData.strokeWidthAnim = true;
+ }
+ if(animatorData.a.fc || animatorData.a.fh || animatorData.a.fs || animatorData.a.fb){
+ documentData.fillColorAnim = true;
+ }
+ ind = 0;
+ based = animatorData.s.b;
+ for(i=0;i<len;i+=1){
+ letterData = letters[i];
+ letterData.anIndexes[j] = ind;
+ if((based == 1 && letterData.val !== '') || (based == 2 && letterData.val !== '' && letterData.val !== '\u00A0') || (based == 3 && (letterData.n || letterData.val == '\u00A0' || i == len - 1)) || (based == 4 && (letterData.n || i == len - 1))){
+ if(animatorData.s.rn === 1){
+ indexes.push(ind);
+ }
+ ind += 1;
+ }
+ }
+ data.a[j].s.totalChars = ind;
+ var currentInd = -1, newInd;
+ if(animatorData.s.rn === 1){
+ for(i = 0; i < len; i += 1){
+ letterData = letters[i];
+ if(currentInd != letterData.anIndexes[j]){
+ currentInd = letterData.anIndexes[j];
+ newInd = indexes.splice(Math.floor(Math.random()*indexes.length),1)[0];
+ }
+ letterData.anIndexes[j] = newInd;
+ }
+ }
+ }
+ documentData.yOffset = documentData.finalLineHeight || documentData.finalSize*1.2;
+ documentData.ls = documentData.ls || 0;
+ documentData.ascent = fontData.ascent*documentData.finalSize/100;
+};
+
+TextProperty.prototype.updateDocumentData = function(newData, index) {
+ index = index === undefined ? this.keysIndex : index;
+ var dData = this.copyData({}, this.data.d.k[index].s);
+ dData = this.copyData(dData, newData);
+ this.data.d.k[index].s = dData;
+ this.recalculate(index);
+ this.elem.addDynamicProperty(this);
+};
+
+TextProperty.prototype.recalculate = function(index) {
+ var dData = this.data.d.k[index].s;
+ dData.__complete = false;
+ this.keysIndex = 0;
+ this._isFirstFrame = true;
+ this.getValue(dData);
+}
+
+TextProperty.prototype.canResizeFont = function(_canResize) {
+ this.canResize = _canResize;
+ this.recalculate(this.keysIndex);
+ this.elem.addDynamicProperty(this);
+};
+
+TextProperty.prototype.setMinimumFontSize = function(_fontValue) {
+ this.minimumFontSize = Math.floor(_fontValue) || 1;
+ this.recalculate(this.keysIndex);
+ this.elem.addDynamicProperty(this);
+};
+
+var TextSelectorProp = (function(){
+ var max = Math.max;
+ var min = Math.min;
+ var floor = Math.floor;
+
+ function TextSelectorProp(elem,data){
+ this._currentTextLength = -1;
+ this.k = false;
+ this.data = data;
+ this.elem = elem;
+ this.comp = elem.comp;
+ this.finalS = 0;
+ this.finalE = 0;
+ this.initDynamicPropertyContainer(elem);
+ this.s = PropertyFactory.getProp(elem,data.s || {k:0},0,0,this);
+ if('e' in data){
+ this.e = PropertyFactory.getProp(elem,data.e,0,0,this);
+ }else{
+ this.e = {v:100};
+ }
+ this.o = PropertyFactory.getProp(elem,data.o || {k:0},0,0,this);
+ this.xe = PropertyFactory.getProp(elem,data.xe || {k:0},0,0,this);
+ this.ne = PropertyFactory.getProp(elem,data.ne || {k:0},0,0,this);
+ this.a = PropertyFactory.getProp(elem,data.a,0,0.01,this);
+ if(!this.dynamicProperties.length){
+ this.getValue();
+ }
+ }
+
+ TextSelectorProp.prototype = {
+ getMult: function(ind) {
+ if(this._currentTextLength !== this.elem.textProperty.currentData.l.length) {
+ this.getValue();
+ }
+ //var easer = bez.getEasingCurve(this.ne.v/100,0,1-this.xe.v/100,1);
+ var easer = BezierFactory.getBezierEasing(this.ne.v/100,0,1-this.xe.v/100,1).get;
+ var mult = 0;
+ var s = this.finalS;
+ var e = this.finalE;
+ var type = this.data.sh;
+ if(type == 2){
+ if(e === s){
+ mult = ind >= e ? 1 : 0;
+ }else{
+ mult = max(0,min(0.5/(e-s) + (ind-s)/(e-s),1));
+ }
+ mult = easer(mult);
+ }else if(type == 3){
+ if(e === s){
+ mult = ind >= e ? 0 : 1;
+ }else{
+ mult = 1 - max(0,min(0.5/(e-s) + (ind-s)/(e-s),1));
+ }
+
+ mult = easer(mult);
+ }else if(type == 4){
+ if(e === s){
+ mult = 0;
+ }else{
+ mult = max(0,min(0.5/(e-s) + (ind-s)/(e-s),1));
+ if(mult<0.5){
+ mult *= 2;
+ }else{
+ mult = 1 - 2*(mult-0.5);
+ }
+ }
+ mult = easer(mult);
+ }else if(type == 5){
+ if(e === s){
+ mult = 0;
+ }else{
+ var tot = e - s;
+ /*ind += 0.5;
+ mult = -4/(tot*tot)*(ind*ind)+(4/tot)*ind;*/
+ ind = min(max(0,ind+0.5-s),e-s);
+ var x = -tot/2+ind;
+ var a = tot/2;
+ mult = Math.sqrt(1 - (x*x)/(a*a));
+ }
+ mult = easer(mult);
+ }else if(type == 6){
+ if(e === s){
+ mult = 0;
+ }else{
+ ind = min(max(0,ind+0.5-s),e-s);
+ mult = (1+(Math.cos((Math.PI+Math.PI*2*(ind)/(e-s)))))/2;
+ /*
+ ind = Math.min(Math.max(s,ind),e-1);
+ mult = (1+(Math.cos((Math.PI+Math.PI*2*(ind-s)/(e-1-s)))))/2;
+ mult = Math.max(mult,(1/(e-1-s))/(e-1-s));*/
+ }
+ mult = easer(mult);
+ }else {
+ if(ind >= floor(s)){
+ if(ind-s < 0){
+ mult = 1 - (s - ind);
+ }else{
+ mult = max(0,min(e-ind,1));
+ }
+ }
+ mult = easer(mult);
+ }
+ return mult*this.a.v;
+ },
+ getValue: function(newCharsFlag) {
+ this.iterateDynamicProperties();
+ this._mdf = newCharsFlag || this._mdf;
+ this._currentTextLength = this.elem.textProperty.currentData.l.length || 0;
+ if(newCharsFlag && this.data.r === 2) {
+ this.e.v = this._currentTextLength;
+ }
+ var divisor = this.data.r === 2 ? 1 : 100 / this.data.totalChars;
+ var o = this.o.v/divisor;
+ var s = this.s.v/divisor + o;
+ var e = (this.e.v/divisor) + o;
+ if(s>e){
+ var _s = s;
+ s = e;
+ e = _s;
+ }
+ this.finalS = s;
+ this.finalE = e;
+ }
+ }
+ extendPrototype([DynamicPropertyContainer], TextSelectorProp);
+
+ function getTextSelectorProp(elem, data,arr) {
+ return new TextSelectorProp(elem, data, arr);
+ }
+
+ return {
+ getTextSelectorProp: getTextSelectorProp
+ };
+}());
+
+
+var pool_factory = (function() {
+ return function(initialLength, _create, _release, _clone) {
+
+ var _length = 0;
+ var _maxLength = initialLength;
+ var pool = createSizedArray(_maxLength);
+
+ var ob = {
+ newElement: newElement,
+ release: release
+ };
+
+ function newElement(){
+ var element;
+ if(_length){
+ _length -= 1;
+ element = pool[_length];
+ } else {
+ element = _create();
+ }
+ return element;
+ }
+
+ function release(element) {
+ if(_length === _maxLength) {
+ pool = pooling.double(pool);
+ _maxLength = _maxLength*2;
+ }
+ if (_release) {
+ _release(element);
+ }
+ pool[_length] = element;
+ _length += 1;
+ }
+
+ function clone() {
+ var clonedElement = newElement();
+ return _clone(clonedElement);
+ }
+
+ return ob;
+ };
+}());
+
+var pooling = (function(){
+
+ function double(arr){
+ return arr.concat(createSizedArray(arr.length));
+ }
+
+ return {
+ double: double
+ };
+}());
+var point_pool = (function(){
+
+ function create() {
+ return createTypedArray('float32', 2);
+ }
+ return pool_factory(8, create);
+}());
+var shape_pool = (function(){
+
+ function create() {
+ return new ShapePath();
+ }
+
+ function release(shapePath) {
+ var len = shapePath._length, i;
+ for(i = 0; i < len; i += 1) {
+ point_pool.release(shapePath.v[i]);
+ point_pool.release(shapePath.i[i]);
+ point_pool.release(shapePath.o[i]);
+ shapePath.v[i] = null;
+ shapePath.i[i] = null;
+ shapePath.o[i] = null;
+ }
+ shapePath._length = 0;
+ shapePath.c = false;
+ }
+
+ function clone(shape) {
+ var cloned = factory.newElement();
+ var i, len = shape._length === undefined ? shape.v.length : shape._length;
+ cloned.setLength(len);
+ cloned.c = shape.c;
+ var pt;
+
+ for(i = 0; i < len; i += 1) {
+ cloned.setTripleAt(shape.v[i][0],shape.v[i][1],shape.o[i][0],shape.o[i][1],shape.i[i][0],shape.i[i][1], i);
+ }
+ return cloned;
+ }
+
+ var factory = pool_factory(4, create, release);
+ factory.clone = clone;
+
+ return factory;
+}());
+var shapeCollection_pool = (function(){
+ var ob = {
+ newShapeCollection: newShapeCollection,
+ release: release
+ };
+
+ var _length = 0;
+ var _maxLength = 4;
+ var pool = createSizedArray(_maxLength);
+
+ function newShapeCollection(){
+ var shapeCollection;
+ if(_length){
+ _length -= 1;
+ shapeCollection = pool[_length];
+ } else {
+ shapeCollection = new ShapeCollection();
+ }
+ return shapeCollection;
+ }
+
+ function release(shapeCollection) {
+ var i, len = shapeCollection._length;
+ for(i = 0; i < len; i += 1) {
+ shape_pool.release(shapeCollection.shapes[i]);
+ }
+ shapeCollection._length = 0;
+
+ if(_length === _maxLength) {
+ pool = pooling.double(pool);
+ _maxLength = _maxLength*2;
+ }
+ pool[_length] = shapeCollection;
+ _length += 1;
+ }
+
+ return ob;
+}());
+var segments_length_pool = (function(){
+
+ function create() {
+ return {
+ lengths: [],
+ totalLength: 0
+ };
+ }
+
+ function release(element) {
+ var i, len = element.lengths.length;
+ for(i=0;i<len;i+=1) {
+ bezier_length_pool.release(element.lengths[i]);
+ }
+ element.lengths.length = 0;
+ }
+
+ return pool_factory(8, create, release);
+}());
+var bezier_length_pool = (function(){
+
+ function create() {
+ return {
+ addedLength: 0,
+ percents: createTypedArray('float32', defaultCurveSegments),
+ lengths: createTypedArray('float32', defaultCurveSegments),
+ };
+ }
+ return pool_factory(8, create);
+}());
+function BaseRenderer(){}
+BaseRenderer.prototype.checkLayers = function(num){
+ var i, len = this.layers.length, data;
+ this.completeLayers = true;
+ for (i = len - 1; i >= 0; i--) {
+ if (!this.elements[i]) {
+ data = this.layers[i];
+ if(data.ip - data.st <= (num - this.layers[i].st) && data.op - data.st > (num - this.layers[i].st))
+ {
+ this.buildItem(i);
+ }
+ }
+ this.completeLayers = this.elements[i] ? this.completeLayers:false;
+ }
+ this.checkPendingElements();
+};
+
+BaseRenderer.prototype.createItem = function(layer){
+ switch(layer.ty){
+ case 2:
+ return this.createImage(layer);
+ case 0:
+ return this.createComp(layer);
+ case 1:
+ return this.createSolid(layer);
+ case 3:
+ return this.createNull(layer);
+ case 4:
+ return this.createShape(layer);
+ case 5:
+ return this.createText(layer);
+ case 13:
+ return this.createCamera(layer);
+ }
+ return this.createNull(layer);
+};
+
+BaseRenderer.prototype.createCamera = function(){
+ throw new Error('You\'re using a 3d camera. Try the html renderer.');
+};
+
+BaseRenderer.prototype.buildAllItems = function(){
+ var i, len = this.layers.length;
+ for(i=0;i<len;i+=1){
+ this.buildItem(i);
+ }
+ this.checkPendingElements();
+};
+
+BaseRenderer.prototype.includeLayers = function(newLayers){
+ this.completeLayers = false;
+ var i, len = newLayers.length;
+ var j, jLen = this.layers.length;
+ for(i=0;i<len;i+=1){
+ j = 0;
+ while(j<jLen){
+ if(this.layers[j].id == newLayers[i].id){
+ this.layers[j] = newLayers[i];
+ break;
+ }
+ j += 1;
+ }
+ }
+};
+
+BaseRenderer.prototype.setProjectInterface = function(pInterface){
+ this.globalData.projectInterface = pInterface;
+};
+
+BaseRenderer.prototype.initItems = function(){
+ if(!this.globalData.progressiveLoad){
+ this.buildAllItems();
+ }
+};
+BaseRenderer.prototype.buildElementParenting = function(element, parentName, hierarchy) {
+ var elements = this.elements;
+ var layers = this.layers;
+ var i=0, len = layers.length;
+ while (i < len) {
+ if (layers[i].ind == parentName) {
+ if (!elements[i] || elements[i] === true) {
+ this.buildItem(i);
+ this.addPendingElement(element);
+ } else {
+ hierarchy.push(elements[i]);
+ elements[i].setAsParent();
+ if(layers[i].parent !== undefined) {
+ this.buildElementParenting(element, layers[i].parent, hierarchy);
+ } else {
+ element.setHierarchy(hierarchy);
+ }
+ }
+ }
+ i += 1;
+ }
+};
+
+BaseRenderer.prototype.addPendingElement = function(element){
+ this.pendingElements.push(element);
+};
+
+BaseRenderer.prototype.searchExtraCompositions = function(assets){
+ var i, len = assets.length;
+ for(i=0;i<len;i+=1){
+ if(assets[i].xt){
+ var comp = this.createComp(assets[i]);
+ comp.initExpressions();
+ this.globalData.projectInterface.registerComposition(comp);
+ }
+ }
+};
+
+BaseRenderer.prototype.setupGlobalData = function(animData, fontsContainer) {
+ this.globalData.fontManager = new FontManager();
+ this.globalData.fontManager.addChars(animData.chars);
+ this.globalData.fontManager.addFonts(animData.fonts, fontsContainer);
+ this.globalData.getAssetData = this.animationItem.getAssetData.bind(this.animationItem);
+ this.globalData.getAssetsPath = this.animationItem.getAssetsPath.bind(this.animationItem);
+ this.globalData.imageLoader = this.animationItem.imagePreloader;
+ this.globalData.frameId = 0;
+ this.globalData.frameRate = animData.fr;
+ this.globalData.nm = animData.nm;
+ this.globalData.compSize = {
+ w: animData.w,
+ h: animData.h
+ }
+}
+function SVGRenderer(animationItem, config){
+ this.animationItem = animationItem;
+ this.layers = null;
+ this.renderedFrame = -1;
+ this.svgElement = createNS('svg');
+ var defs = createNS( 'defs');
+ this.svgElement.appendChild(defs);
+ var maskElement = createNS('g');
+ this.svgElement.appendChild(maskElement);
+ this.layerElement = maskElement;
+ this.renderConfig = {
+ preserveAspectRatio: (config && config.preserveAspectRatio) || 'xMidYMid meet',
+ imagePreserveAspectRatio: (config && config.imagePreserveAspectRatio) || 'xMidYMid slice',
+ progressiveLoad: (config && config.progressiveLoad) || false,
+ hideOnTransparent: (config && config.hideOnTransparent === false) ? false : true,
+ viewBoxOnly: (config && config.viewBoxOnly) || false,
+ viewBoxSize: (config && config.viewBoxSize) || false,
+ className: (config && config.className) || ''
+ };
+ this.globalData = {
+ _mdf: false,
+ frameNum: -1,
+ defs: defs,
+ renderConfig: this.renderConfig
+ };
+ this.elements = [];
+ this.pendingElements = [];
+ this.destroyed = false;
+ this.rendererType = 'svg';
+
+}
+
+extendPrototype([BaseRenderer],SVGRenderer);
+
+SVGRenderer.prototype.createNull = function (data) {
+ return new NullElement(data,this.globalData,this);
+};
+
+SVGRenderer.prototype.createShape = function (data) {
+ return new SVGShapeElement(data,this.globalData,this);
+};
+
+SVGRenderer.prototype.createText = function (data) {
+ return new SVGTextElement(data,this.globalData,this);
+
+};
+
+SVGRenderer.prototype.createImage = function (data) {
+ return new IImageElement(data,this.globalData,this);
+};
+
+SVGRenderer.prototype.createComp = function (data) {
+ return new SVGCompElement(data,this.globalData,this);
+
+};
+
+SVGRenderer.prototype.createSolid = function (data) {
+ return new ISolidElement(data,this.globalData,this);
+};
+
+SVGRenderer.prototype.configAnimation = function(animData){
+ this.svgElement.setAttribute('xmlns','http://www.w3.org/2000/svg');
+ if(this.renderConfig.viewBoxSize) {
+ this.svgElement.setAttribute('viewBox',this.renderConfig.viewBoxSize);
+ } else {
+ this.svgElement.setAttribute('viewBox','0 0 '+animData.w+' '+animData.h);
+ }
+
+ if(!this.renderConfig.viewBoxOnly) {
+ this.svgElement.setAttribute('width',animData.w);
+ this.svgElement.setAttribute('height',animData.h);
+ this.svgElement.style.width = '100%';
+ this.svgElement.style.height = '100%';
+ this.svgElement.style.transform = 'translate3d(0,0,0)';
+ }
+ if(this.renderConfig.className) {
+ this.svgElement.setAttribute('class', this.renderConfig.className);
+ }
+ this.svgElement.setAttribute('preserveAspectRatio',this.renderConfig.preserveAspectRatio);
+ //this.layerElement.style.transform = 'translate3d(0,0,0)';
+ //this.layerElement.style.transformOrigin = this.layerElement.style.mozTransformOrigin = this.layerElement.style.webkitTransformOrigin = this.layerElement.style['-webkit-transform'] = "0px 0px 0px";
+ this.animationItem.wrapper.appendChild(this.svgElement);
+ //Mask animation
+ var defs = this.globalData.defs;
+
+ this.setupGlobalData(animData, defs);
+ this.globalData.progressiveLoad = this.renderConfig.progressiveLoad;
+ this.data = animData;
+
+ var maskElement = createNS( 'clipPath');
+ var rect = createNS('rect');
+ rect.setAttribute('width',animData.w);
+ rect.setAttribute('height',animData.h);
+ rect.setAttribute('x',0);
+ rect.setAttribute('y',0);
+ var maskId = 'animationMask_'+randomString(10);
+ maskElement.setAttribute('id', maskId);
+ maskElement.appendChild(rect);
+ this.layerElement.setAttribute("clip-path", "url(" + locationHref + "#"+maskId+")");
+
+ defs.appendChild(maskElement);
+ this.layers = animData.layers;
+ this.elements = createSizedArray(animData.layers.length);
+};
+
+
+SVGRenderer.prototype.destroy = function () {
+ this.animationItem.wrapper.innerHTML = '';
+ this.layerElement = null;
+ this.globalData.defs = null;
+ var i, len = this.layers ? this.layers.length : 0;
+ for (i = 0; i < len; i++) {
+ if(this.elements[i]){
+ this.elements[i].destroy();
+ }
+ }
+ this.elements.length = 0;
+ this.destroyed = true;
+ this.animationItem = null;
+};
+
+SVGRenderer.prototype.updateContainerSize = function () {
+};
+
+SVGRenderer.prototype.buildItem = function(pos){
+ var elements = this.elements;
+ if(elements[pos] || this.layers[pos].ty == 99){
+ return;
+ }
+ elements[pos] = true;
+ var element = this.createItem(this.layers[pos]);
+
+ elements[pos] = element;
+ if(expressionsPlugin){
+ if(this.layers[pos].ty === 0){
+ this.globalData.projectInterface.registerComposition(element);
+ }
+ element.initExpressions();
+ }
+ this.appendElementInPos(element,pos);
+ if(this.layers[pos].tt){
+ if(!this.elements[pos - 1] || this.elements[pos - 1] === true){
+ this.buildItem(pos - 1);
+ this.addPendingElement(element);
+ } else {
+ element.setMatte(elements[pos - 1].layerId);
+ }
+ }
+};
+
+SVGRenderer.prototype.checkPendingElements = function(){
+ while(this.pendingElements.length){
+ var element = this.pendingElements.pop();
+ element.checkParenting();
+ if(element.data.tt){
+ var i = 0, len = this.elements.length;
+ while(i<len){
+ if(this.elements[i] === element){
+ element.setMatte(this.elements[i - 1].layerId);
+ break;
+ }
+ i += 1;
+ }
+ }
+ }
+};
+
+SVGRenderer.prototype.renderFrame = function(num){
+ if(this.renderedFrame === num || this.destroyed){
+ return;
+ }
+ if(num === null){
+ num = this.renderedFrame;
+ }else{
+ this.renderedFrame = num;
+ }
+ // console.log('-------');
+ // console.log('FRAME ',num);
+ this.globalData.frameNum = num;
+ this.globalData.frameId += 1;
+ this.globalData.projectInterface.currentFrame = num;
+ this.globalData._mdf = false;
+ var i, len = this.layers.length;
+ if(!this.completeLayers){
+ this.checkLayers(num);
+ }
+ for (i = len - 1; i >= 0; i--) {
+ if(this.completeLayers || this.elements[i]){
+ this.elements[i].prepareFrame(num - this.layers[i].st);
+ }
+ }
+ if(this.globalData._mdf) {
+ for (i = 0; i < len; i += 1) {
+ if(this.completeLayers || this.elements[i]){
+ this.elements[i].renderFrame();
+ }
+ }
+ }
+};
+
+SVGRenderer.prototype.appendElementInPos = function(element, pos){
+ var newElement = element.getBaseElement();
+ if(!newElement){
+ return;
+ }
+ var i = 0;
+ var nextElement;
+ while(i<pos){
+ if(this.elements[i] && this.elements[i]!== true && this.elements[i].getBaseElement()){
+ nextElement = this.elements[i].getBaseElement();
+ }
+ i += 1;
+ }
+ if(nextElement){
+ this.layerElement.insertBefore(newElement, nextElement);
+ } else {
+ this.layerElement.appendChild(newElement);
+ }
+};
+
+SVGRenderer.prototype.hide = function(){
+ this.layerElement.style.display = 'none';
+};
+
+SVGRenderer.prototype.show = function(){
+ this.layerElement.style.display = 'block';
+};
+
+function CanvasRenderer(animationItem, config){
+ this.animationItem = animationItem;
+ this.renderConfig = {
+ clearCanvas: (config && config.clearCanvas !== undefined) ? config.clearCanvas : true,
+ context: (config && config.context) || null,
+ progressiveLoad: (config && config.progressiveLoad) || false,
+ preserveAspectRatio: (config && config.preserveAspectRatio) || 'xMidYMid meet',
+ imagePreserveAspectRatio: (config && config.imagePreserveAspectRatio) || 'xMidYMid slice',
+ className: (config && config.className) || ''
+ };
+ this.renderConfig.dpr = (config && config.dpr) || 1;
+ if (this.animationItem.wrapper) {
+ this.renderConfig.dpr = (config && config.dpr) || window.devicePixelRatio || 1;
+ }
+ this.renderedFrame = -1;
+ this.globalData = {
+ frameNum: -1,
+ _mdf: false,
+ renderConfig: this.renderConfig,
+ currentGlobalAlpha: -1
+ };
+ this.contextData = new CVContextData();
+ this.elements = [];
+ this.pendingElements = [];
+ this.transformMat = new Matrix();
+ this.completeLayers = false;
+ this.rendererType = 'canvas';
+}
+extendPrototype([BaseRenderer],CanvasRenderer);
+
+CanvasRenderer.prototype.createShape = function (data) {
+ return new CVShapeElement(data, this.globalData, this);
+};
+
+CanvasRenderer.prototype.createText = function (data) {
+ return new CVTextElement(data, this.globalData, this);
+};
+
+CanvasRenderer.prototype.createImage = function (data) {
+ return new CVImageElement(data, this.globalData, this);
+};
+
+CanvasRenderer.prototype.createComp = function (data) {
+ return new CVCompElement(data, this.globalData, this);
+};
+
+CanvasRenderer.prototype.createSolid = function (data) {
+ return new CVSolidElement(data, this.globalData, this);
+};
+
+CanvasRenderer.prototype.createNull = SVGRenderer.prototype.createNull;
+
+CanvasRenderer.prototype.ctxTransform = function(props){
+ if(props[0] === 1 && props[1] === 0 && props[4] === 0 && props[5] === 1 && props[12] === 0 && props[13] === 0){
+ return;
+ }
+ if(!this.renderConfig.clearCanvas){
+ this.canvasContext.transform(props[0],props[1],props[4],props[5],props[12],props[13]);
+ return;
+ }
+ this.transformMat.cloneFromProps(props);
+ var cProps = this.contextData.cTr.props;
+ this.transformMat.transform(cProps[0],cProps[1],cProps[2],cProps[3],cProps[4],cProps[5],cProps[6],cProps[7],cProps[8],cProps[9],cProps[10],cProps[11],cProps[12],cProps[13],cProps[14],cProps[15]);
+ //this.contextData.cTr.transform(props[0],props[1],props[2],props[3],props[4],props[5],props[6],props[7],props[8],props[9],props[10],props[11],props[12],props[13],props[14],props[15]);
+ this.contextData.cTr.cloneFromProps(this.transformMat.props);
+ var trProps = this.contextData.cTr.props;
+ this.canvasContext.setTransform(trProps[0],trProps[1],trProps[4],trProps[5],trProps[12],trProps[13]);
+};
+
+CanvasRenderer.prototype.ctxOpacity = function(op){
+ /*if(op === 1){
+ return;
+ }*/
+ if(!this.renderConfig.clearCanvas){
+ this.canvasContext.globalAlpha *= op < 0 ? 0 : op;
+ this.globalData.currentGlobalAlpha = this.contextData.cO;
+ return;
+ }
+ this.contextData.cO *= op < 0 ? 0 : op;
+ if(this.globalData.currentGlobalAlpha !== this.contextData.cO) {
+ this.canvasContext.globalAlpha = this.contextData.cO;
+ this.globalData.currentGlobalAlpha = this.contextData.cO;
+ }
+};
+
+CanvasRenderer.prototype.reset = function(){
+ if(!this.renderConfig.clearCanvas){
+ this.canvasContext.restore();
+ return;
+ }
+ this.contextData.reset();
+};
+
+CanvasRenderer.prototype.save = function(actionFlag){
+ if(!this.renderConfig.clearCanvas){
+ this.canvasContext.save();
+ return;
+ }
+ if(actionFlag){
+ this.canvasContext.save();
+ }
+ var props = this.contextData.cTr.props;
+ if(this.contextData._length <= this.contextData.cArrPos) {
+ this.contextData.duplicate();
+ }
+ var i, arr = this.contextData.saved[this.contextData.cArrPos];
+ for (i = 0; i < 16; i += 1) {
+ arr[i] = props[i];
+ }
+ this.contextData.savedOp[this.contextData.cArrPos] = this.contextData.cO;
+ this.contextData.cArrPos += 1;
+};
+
+CanvasRenderer.prototype.restore = function(actionFlag){
+ if(!this.renderConfig.clearCanvas){
+ this.canvasContext.restore();
+ return;
+ }
+ if(actionFlag){
+ this.canvasContext.restore();
+ this.globalData.blendMode = 'source-over';
+ }
+ this.contextData.cArrPos -= 1;
+ var popped = this.contextData.saved[this.contextData.cArrPos];
+ var i,arr = this.contextData.cTr.props;
+ for(i=0;i<16;i+=1){
+ arr[i] = popped[i];
+ }
+ this.canvasContext.setTransform(popped[0],popped[1],popped[4],popped[5],popped[12],popped[13]);
+ popped = this.contextData.savedOp[this.contextData.cArrPos];
+ this.contextData.cO = popped;
+ if(this.globalData.currentGlobalAlpha !== popped) {
+ this.canvasContext.globalAlpha = popped;
+ this.globalData.currentGlobalAlpha = popped;
+ }
+};
+
+CanvasRenderer.prototype.configAnimation = function(animData){
+ if(this.animationItem.wrapper){
+ this.animationItem.container = createTag('canvas');
+ this.animationItem.container.style.width = '100%';
+ this.animationItem.container.style.height = '100%';
+ //this.animationItem.container.style.transform = 'translate3d(0,0,0)';
+ //this.animationItem.container.style.webkitTransform = 'translate3d(0,0,0)';
+ this.animationItem.container.style.transformOrigin = this.animationItem.container.style.mozTransformOrigin = this.animationItem.container.style.webkitTransformOrigin = this.animationItem.container.style['-webkit-transform'] = "0px 0px 0px";
+ this.animationItem.wrapper.appendChild(this.animationItem.container);
+ this.canvasContext = this.animationItem.container.getContext('2d');
+ if(this.renderConfig.className) {
+ this.animationItem.container.setAttribute('class', this.renderConfig.className);
+ }
+ }else{
+ this.canvasContext = this.renderConfig.context;
+ }
+ this.data = animData;
+ this.layers = animData.layers;
+ this.transformCanvas = {
+ w: animData.w,
+ h:animData.h,
+ sx:0,
+ sy:0,
+ tx:0,
+ ty:0
+ };
+ this.setupGlobalData(animData, document.body);
+ this.globalData.canvasContext = this.canvasContext;
+ this.globalData.renderer = this;
+ this.globalData.isDashed = false;
+ this.globalData.progressiveLoad = this.renderConfig.progressiveLoad;
+ this.globalData.transformCanvas = this.transformCanvas;
+ this.elements = createSizedArray(animData.layers.length);
+
+ this.updateContainerSize();
+};
+
+CanvasRenderer.prototype.updateContainerSize = function () {
+ this.reset();
+ var elementWidth,elementHeight;
+ if(this.animationItem.wrapper && this.animationItem.container){
+ elementWidth = this.animationItem.wrapper.offsetWidth;
+ elementHeight = this.animationItem.wrapper.offsetHeight;
+ this.animationItem.container.setAttribute('width',elementWidth * this.renderConfig.dpr );
+ this.animationItem.container.setAttribute('height',elementHeight * this.renderConfig.dpr);
+ }else{
+ elementWidth = this.canvasContext.canvas.width * this.renderConfig.dpr;
+ elementHeight = this.canvasContext.canvas.height * this.renderConfig.dpr;
+ }
+ var elementRel,animationRel;
+ if(this.renderConfig.preserveAspectRatio.indexOf('meet') !== -1 || this.renderConfig.preserveAspectRatio.indexOf('slice') !== -1){
+ var par = this.renderConfig.preserveAspectRatio.split(' ');
+ var fillType = par[1] || 'meet';
+ var pos = par[0] || 'xMidYMid';
+ var xPos = pos.substr(0,4);
+ var yPos = pos.substr(4);
+ elementRel = elementWidth/elementHeight;
+ animationRel = this.transformCanvas.w/this.transformCanvas.h;
+ if(animationRel>elementRel && fillType === 'meet' || animationRel<elementRel && fillType === 'slice'){
+ this.transformCanvas.sx = elementWidth/(this.transformCanvas.w/this.renderConfig.dpr);
+ this.transformCanvas.sy = elementWidth/(this.transformCanvas.w/this.renderConfig.dpr);
+ }else{
+ this.transformCanvas.sx = elementHeight/(this.transformCanvas.h / this.renderConfig.dpr);
+ this.transformCanvas.sy = elementHeight/(this.transformCanvas.h / this.renderConfig.dpr);
+ }
+
+ if(xPos === 'xMid' && ((animationRel<elementRel && fillType==='meet') || (animationRel>elementRel && fillType === 'slice'))){
+ this.transformCanvas.tx = (elementWidth-this.transformCanvas.w*(elementHeight/this.transformCanvas.h))/2*this.renderConfig.dpr;
+ } else if(xPos === 'xMax' && ((animationRel<elementRel && fillType==='meet') || (animationRel>elementRel && fillType === 'slice'))){
+ this.transformCanvas.tx = (elementWidth-this.transformCanvas.w*(elementHeight/this.transformCanvas.h))*this.renderConfig.dpr;
+ } else {
+ this.transformCanvas.tx = 0;
+ }
+ if(yPos === 'YMid' && ((animationRel>elementRel && fillType==='meet') || (animationRel<elementRel && fillType === 'slice'))){
+ this.transformCanvas.ty = ((elementHeight-this.transformCanvas.h*(elementWidth/this.transformCanvas.w))/2)*this.renderConfig.dpr;
+ } else if(yPos === 'YMax' && ((animationRel>elementRel && fillType==='meet') || (animationRel<elementRel && fillType === 'slice'))){
+ this.transformCanvas.ty = ((elementHeight-this.transformCanvas.h*(elementWidth/this.transformCanvas.w)))*this.renderConfig.dpr;
+ } else {
+ this.transformCanvas.ty = 0;
+ }
+
+ }else if(this.renderConfig.preserveAspectRatio == 'none'){
+ this.transformCanvas.sx = elementWidth/(this.transformCanvas.w/this.renderConfig.dpr);
+ this.transformCanvas.sy = elementHeight/(this.transformCanvas.h/this.renderConfig.dpr);
+ this.transformCanvas.tx = 0;
+ this.transformCanvas.ty = 0;
+ }else{
+ this.transformCanvas.sx = this.renderConfig.dpr;
+ this.transformCanvas.sy = this.renderConfig.dpr;
+ this.transformCanvas.tx = 0;
+ this.transformCanvas.ty = 0;
+ }
+ this.transformCanvas.props = [this.transformCanvas.sx,0,0,0,0,this.transformCanvas.sy,0,0,0,0,1,0,this.transformCanvas.tx,this.transformCanvas.ty,0,1];
+ /*var i, len = this.elements.length;
+ for(i=0;i<len;i+=1){
+ if(this.elements[i] && this.elements[i].data.ty === 0){
+ this.elements[i].resize(this.globalData.transformCanvas);
+ }
+ }*/
+ this.ctxTransform(this.transformCanvas.props);
+ this.canvasContext.beginPath();
+ this.canvasContext.rect(0,0,this.transformCanvas.w,this.transformCanvas.h);
+ this.canvasContext.closePath();
+ this.canvasContext.clip();
+};
+
+CanvasRenderer.prototype.destroy = function () {
+ if(this.renderConfig.clearCanvas) {
+ this.animationItem.wrapper.innerHTML = '';
+ }
+ var i, len = this.layers ? this.layers.length : 0;
+ for (i = len - 1; i >= 0; i-=1) {
+ if(this.elements[i]) {
+ this.elements[i].destroy();
+ }
+ }
+ this.elements.length = 0;
+ this.globalData.canvasContext = null;
+ this.animationItem.container = null;
+ this.destroyed = true;
+};
+
+CanvasRenderer.prototype.renderFrame = function(num){
+ if((this.renderedFrame == num && this.renderConfig.clearCanvas === true) || this.destroyed || num === -1){
+ return;
+ }
+ this.renderedFrame = num;
+ this.globalData.frameNum = num - this.animationItem._isFirstFrame;
+ this.globalData.frameId += 1;
+ this.globalData._mdf = !this.renderConfig.clearCanvas;
+ this.globalData.projectInterface.currentFrame = num;
+
+ // console.log('--------');
+ // console.log('NEW: ',num);
+ var i, len = this.layers.length;
+ if(!this.completeLayers){
+ this.checkLayers(num);
+ }
+
+ for (i = 0; i < len; i++) {
+ if(this.completeLayers || this.elements[i]){
+ this.elements[i].prepareFrame(num - this.layers[i].st);
+ }
+ }
+ if(this.globalData._mdf) {
+ if(this.renderConfig.clearCanvas === true){
+ this.canvasContext.clearRect(0, 0, this.transformCanvas.w, this.transformCanvas.h);
+ }else{
+ this.save();
+ }
+ for (i = len - 1; i >= 0; i-=1) {
+ if(this.completeLayers || this.elements[i]){
+ this.elements[i].renderFrame();
+ }
+ }
+ if(this.renderConfig.clearCanvas !== true){
+ this.restore();
+ }
+ }
+};
+
+CanvasRenderer.prototype.buildItem = function(pos){
+ var elements = this.elements;
+ if(elements[pos] || this.layers[pos].ty == 99){
+ return;
+ }
+ var element = this.createItem(this.layers[pos], this,this.globalData);
+ elements[pos] = element;
+ element.initExpressions();
+ /*if(this.layers[pos].ty === 0){
+ element.resize(this.globalData.transformCanvas);
+ }*/
+};
+
+CanvasRenderer.prototype.checkPendingElements = function(){
+ while(this.pendingElements.length){
+ var element = this.pendingElements.pop();
+ element.checkParenting();
+ }
+};
+
+CanvasRenderer.prototype.hide = function(){
+ this.animationItem.container.style.display = 'none';
+};
+
+CanvasRenderer.prototype.show = function(){
+ this.animationItem.container.style.display = 'block';
+};
+
+function MaskElement(data,element,globalData) {
+ this.data = data;
+ this.element = element;
+ this.globalData = globalData;
+ this.storedData = [];
+ this.masksProperties = this.data.masksProperties || [];
+ this.maskElement = null;
+ var defs = this.globalData.defs;
+ var i, len = this.masksProperties ? this.masksProperties.length : 0;
+ this.viewData = createSizedArray(len);
+ this.solidPath = '';
+
+
+ var path, properties = this.masksProperties;
+ var count = 0;
+ var currentMasks = [];
+ var j, jLen;
+ var layerId = randomString(10);
+ var rect, expansor, feMorph,x;
+ var maskType = 'clipPath', maskRef = 'clip-path';
+ for (i = 0; i < len; i++) {
+
+ if((properties[i].mode !== 'a' && properties[i].mode !== 'n')|| properties[i].inv || properties[i].o.k !== 100){
+ maskType = 'mask';
+ maskRef = 'mask';
+ }
+
+ if((properties[i].mode == 's' || properties[i].mode == 'i') && count === 0){
+ rect = createNS( 'rect');
+ rect.setAttribute('fill', '#ffffff');
+ rect.setAttribute('width', this.element.comp.data.w || 0);
+ rect.setAttribute('height', this.element.comp.data.h || 0);
+ currentMasks.push(rect);
+ } else {
+ rect = null;
+ }
+
+ path = createNS( 'path');
+ if(properties[i].mode == 'n') {
+ // TODO move this to a factory or to a constructor
+ this.viewData[i] = {
+ op: PropertyFactory.getProp(this.element,properties[i].o,0,0.01,this.element),
+ prop: ShapePropertyFactory.getShapeProp(this.element,properties[i],3),
+ elem: path,
+ lastPath: ''
+ };
+ defs.appendChild(path);
+ continue;
+ }
+ count += 1;
+
+ path.setAttribute('fill', properties[i].mode === 's' ? '#000000':'#ffffff');
+ path.setAttribute('clip-rule','nonzero');
+ var filterID;
+
+ if (properties[i].x.k !== 0) {
+ maskType = 'mask';
+ maskRef = 'mask';
+ x = PropertyFactory.getProp(this.element,properties[i].x,0,null,this.element);
+ filterID = 'fi_'+randomString(10);
+ expansor = createNS('filter');
+ expansor.setAttribute('id',filterID);
+ feMorph = createNS('feMorphology');
+ feMorph.setAttribute('operator','dilate');
+ feMorph.setAttribute('in','SourceGraphic');
+ feMorph.setAttribute('radius','0');
+ expansor.appendChild(feMorph);
+ defs.appendChild(expansor);
+ path.setAttribute('stroke', properties[i].mode === 's' ? '#000000':'#ffffff');
+ } else {
+ feMorph = null;
+ x = null;
+ }
+
+ // TODO move this to a factory or to a constructor
+ this.storedData[i] = {
+ elem: path,
+ x: x,
+ expan: feMorph,
+ lastPath: '',
+ lastOperator:'',
+ filterId:filterID,
+ lastRadius:0
+ };
+ if(properties[i].mode == 'i'){
+ jLen = currentMasks.length;
+ var g = createNS('g');
+ for(j=0;j<jLen;j+=1){
+ g.appendChild(currentMasks[j]);
+ }
+ var mask = createNS('mask');
+ mask.setAttribute('mask-type','alpha');
+ mask.setAttribute('id',layerId+'_'+count);
+ mask.appendChild(path);
+ defs.appendChild(mask);
+ g.setAttribute('mask','url(' + locationHref + '#'+layerId+'_'+count+')');
+
+ currentMasks.length = 0;
+ currentMasks.push(g);
+ }else{
+ currentMasks.push(path);
+ }
+ if(properties[i].inv && !this.solidPath){
+ this.solidPath = this.createLayerSolidPath();
+ }
+ // TODO move this to a factory or to a constructor
+ this.viewData[i] = {
+ elem: path,
+ lastPath: '',
+ op: PropertyFactory.getProp(this.element,properties[i].o,0,0.01,this.element),
+ prop:ShapePropertyFactory.getShapeProp(this.element,properties[i],3),
+ invRect: rect
+ };
+ if(!this.viewData[i].prop.k){
+ this.drawPath(properties[i],this.viewData[i].prop.v,this.viewData[i]);
+ }
+ }
+
+ this.maskElement = createNS( maskType);
+
+ len = currentMasks.length;
+ for(i=0;i<len;i+=1){
+ this.maskElement.appendChild(currentMasks[i]);
+ }
+
+ if(count > 0){
+ this.maskElement.setAttribute('id', layerId);
+ this.element.maskedElement.setAttribute(maskRef, "url(" + locationHref + "#" + layerId + ")");
+ defs.appendChild(this.maskElement);
+ }
+ if (this.viewData.length) {
+ this.element.addRenderableComponent(this);
+ }
+
+}
+
+MaskElement.prototype.getMaskProperty = function(pos){
+ return this.viewData[pos].prop;
+};
+
+MaskElement.prototype.renderFrame = function (isFirstFrame) {
+ var finalMat = this.element.finalTransform.mat;
+ var i, len = this.masksProperties.length;
+ for (i = 0; i < len; i++) {
+ if(this.viewData[i].prop._mdf || isFirstFrame){
+ this.drawPath(this.masksProperties[i],this.viewData[i].prop.v,this.viewData[i]);
+ }
+ if(this.viewData[i].op._mdf || isFirstFrame){
+ this.viewData[i].elem.setAttribute('fill-opacity',this.viewData[i].op.v);
+ }
+ if(this.masksProperties[i].mode !== 'n'){
+ if(this.viewData[i].invRect && (this.element.finalTransform.mProp._mdf || isFirstFrame)){
+ this.viewData[i].invRect.setAttribute('x', -finalMat.props[12]);
+ this.viewData[i].invRect.setAttribute('y', -finalMat.props[13]);
+ }
+ if(this.storedData[i].x && (this.storedData[i].x._mdf || isFirstFrame)){
+ var feMorph = this.storedData[i].expan;
+ if(this.storedData[i].x.v < 0){
+ if(this.storedData[i].lastOperator !== 'erode'){
+ this.storedData[i].lastOperator = 'erode';
+ this.storedData[i].elem.setAttribute('filter','url(' + locationHref + '#'+this.storedData[i].filterId+')');
+ }
+ feMorph.setAttribute('radius',-this.storedData[i].x.v);
+ }else{
+ if(this.storedData[i].lastOperator !== 'dilate'){
+ this.storedData[i].lastOperator = 'dilate';
+ this.storedData[i].elem.setAttribute('filter',null);
+ }
+ this.storedData[i].elem.setAttribute('stroke-width', this.storedData[i].x.v*2);
+
+ }
+ }
+ }
+ }
+};
+
+MaskElement.prototype.getMaskelement = function () {
+ return this.maskElement;
+};
+
+MaskElement.prototype.createLayerSolidPath = function(){
+ var path = 'M0,0 ';
+ path += ' h' + this.globalData.compSize.w ;
+ path += ' v' + this.globalData.compSize.h ;
+ path += ' h-' + this.globalData.compSize.w ;
+ path += ' v-' + this.globalData.compSize.h + ' ';
+ return path;
+};
+
+MaskElement.prototype.drawPath = function(pathData,pathNodes,viewData){
+ var pathString = " M"+pathNodes.v[0][0]+','+pathNodes.v[0][1];
+ var i, len;
+ len = pathNodes._length;
+ for(i=1;i<len;i+=1){
+ //pathString += " C"+pathNodes.o[i-1][0]+','+pathNodes.o[i-1][1] + " "+pathNodes.i[i][0]+','+pathNodes.i[i][1] + " "+pathNodes.v[i][0]+','+pathNodes.v[i][1];
+ pathString += " C"+pathNodes.o[i-1][0]+','+pathNodes.o[i-1][1] + " "+pathNodes.i[i][0]+','+pathNodes.i[i][1] + " "+pathNodes.v[i][0]+','+pathNodes.v[i][1];
+ }
+ //pathString += " C"+pathNodes.o[i-1][0]+','+pathNodes.o[i-1][1] + " "+pathNodes.i[0][0]+','+pathNodes.i[0][1] + " "+pathNodes.v[0][0]+','+pathNodes.v[0][1];
+ if(pathNodes.c && len > 1){
+ pathString += " C"+pathNodes.o[i-1][0]+','+pathNodes.o[i-1][1] + " "+pathNodes.i[0][0]+','+pathNodes.i[0][1] + " "+pathNodes.v[0][0]+','+pathNodes.v[0][1];
+ }
+ //pathNodes.__renderedString = pathString;
+
+ if(viewData.lastPath !== pathString){
+ var pathShapeValue = '';
+ if(viewData.elem){
+ if(pathNodes.c){
+ pathShapeValue = pathData.inv ? this.solidPath + pathString : pathString;
+ }
+ viewData.elem.setAttribute('d',pathShapeValue);
+ }
+ viewData.lastPath = pathString;
+ }
+};
+
+MaskElement.prototype.destroy = function(){
+ this.element = null;
+ this.globalData = null;
+ this.maskElement = null;
+ this.data = null;
+ this.masksProperties = null;
+};
+
+/**
+ * @file
+ * Handles AE's layer parenting property.
+ *
+ */
+
+function HierarchyElement(){}
+
+HierarchyElement.prototype = {
+ /**
+ * @function
+ * Initializes hierarchy properties
+ *
+ */
+ initHierarchy: function() {
+ //element's parent list
+ this.hierarchy = [];
+ //if element is parent of another layer _isParent will be true
+ this._isParent = false;
+ this.checkParenting();
+ },
+ /**
+ * @function
+ * Sets layer's hierarchy.
+ * @param {array} hierarch
+ * layer's parent list
+ *
+ */
+ setHierarchy: function(hierarchy){
+ this.hierarchy = hierarchy;
+ },
+ /**
+ * @function
+ * Sets layer as parent.
+ *
+ */
+ setAsParent: function() {
+ this._isParent = true;
+ },
+ /**
+ * @function
+ * Searches layer's parenting chain
+ *
+ */
+ checkParenting: function(){
+ if (this.data.parent !== undefined){
+ this.comp.buildElementParenting(this, this.data.parent, []);
+ }
+ }
+};
+/**
+ * @file
+ * Handles element's layer frame update.
+ * Checks layer in point and out point
+ *
+ */
+
+function FrameElement(){}
+
+FrameElement.prototype = {
+ /**
+ * @function
+ * Initializes frame related properties.
+ *
+ */
+ initFrame: function(){
+ //set to true when inpoint is rendered
+ this._isFirstFrame = false;
+ //list of animated properties
+ this.dynamicProperties = [];
+ // If layer has been modified in current tick this will be true
+ this._mdf = false;
+ },
+ /**
+ * @function
+ * Calculates all dynamic values
+ *
+ * @param {number} num
+ * current frame number in Layer's time
+ * @param {boolean} isVisible
+ * if layers is currently in range
+ *
+ */
+ prepareProperties: function(num, isVisible) {
+ var i, len = this.dynamicProperties.length;
+ for (i = 0;i < len; i += 1) {
+ if (isVisible || (this._isParent && this.dynamicProperties[i].propType === 'transform')) {
+ this.dynamicProperties[i].getValue();
+ if (this.dynamicProperties[i]._mdf) {
+ this.globalData._mdf = true;
+ this._mdf = true;
+ }
+ }
+ }
+ },
+ addDynamicProperty: function(prop) {
+ if(this.dynamicProperties.indexOf(prop) === -1) {
+ this.dynamicProperties.push(prop);
+ }
+ }
+};
+function TransformElement(){}
+
+TransformElement.prototype = {
+ initTransform: function() {
+ this.finalTransform = {
+ mProp: this.data.ks ? TransformPropertyFactory.getTransformProperty(this, this.data.ks, this) : {o:0},
+ _matMdf: false,
+ _opMdf: false,
+ mat: new Matrix()
+ };
+ if (this.data.ao) {
+ this.finalTransform.mProp.autoOriented = true;
+ }
+
+ //TODO: check TYPE 11: Guided elements
+ if (this.data.ty !== 11) {
+ //this.createElements();
+ }
+ },
+ renderTransform: function() {
+
+ this.finalTransform._opMdf = this.finalTransform.mProp.o._mdf || this._isFirstFrame;
+ this.finalTransform._matMdf = this.finalTransform.mProp._mdf || this._isFirstFrame;
+
+ if (this.hierarchy) {
+ var mat;
+ var finalMat = this.finalTransform.mat;
+ var i = 0, len = this.hierarchy.length;
+ //Checking if any of the transformation matrices in the hierarchy chain has changed.
+ if (!this.finalTransform._matMdf) {
+ while (i < len) {
+ if (this.hierarchy[i].finalTransform.mProp._mdf) {
+ this.finalTransform._matMdf = true;
+ break;
+ }
+ i += 1;
+ }
+ }
+
+ if (this.finalTransform._matMdf) {
+ mat = this.finalTransform.mProp.v.props;
+ finalMat.cloneFromProps(mat);
+ for (i = 0; i < len; i += 1) {
+ mat = this.hierarchy[i].finalTransform.mProp.v.props;
+ finalMat.transform(mat[0], mat[1], mat[2], mat[3], mat[4], mat[5], mat[6], mat[7], mat[8], mat[9], mat[10], mat[11], mat[12], mat[13], mat[14], mat[15]);
+ }
+ }
+ }
+ },
+ globalToLocal: function(pt) {
+ var transforms = [];
+ transforms.push(this.finalTransform);
+ var flag = true;
+ var comp = this.comp;
+ while (flag) {
+ if (comp.finalTransform) {
+ if (comp.data.hasMask) {
+ transforms.splice(0, 0, comp.finalTransform);
+ }
+ comp = comp.comp;
+ } else {
+ flag = false;
+ }
+ }
+ var i, len = transforms.length,ptNew;
+ for (i = 0; i < len; i += 1) {
+ ptNew = transforms[i].mat.applyToPointArray(0, 0, 0);
+ //ptNew = transforms[i].mat.applyToPointArray(pt[0],pt[1],pt[2]);
+ pt = [pt[0] - ptNew[0], pt[1] - ptNew[1], 0];
+ }
+ return pt;
+ },
+ mHelper: new Matrix()
+};
+function RenderableElement(){
+
+}
+
+RenderableElement.prototype = {
+ initRenderable: function() {
+ //layer's visibility related to inpoint and outpoint. Rename isVisible to isInRange
+ this.isInRange = false;
+ //layer's display state
+ this.hidden = false;
+ // If layer's transparency equals 0, it can be hidden
+ this.isTransparent = false;
+ //list of animated components
+ this.renderableComponents = [];
+ },
+ addRenderableComponent: function(component) {
+ if(this.renderableComponents.indexOf(component) === -1) {
+ this.renderableComponents.push(component);
+ }
+ },
+ removeRenderableComponent: function(component) {
+ if(this.renderableComponents.indexOf(component) !== -1) {
+ this.renderableComponents.splice(this.renderableComponents.indexOf(component), 1);
+ }
+ },
+ prepareRenderableFrame: function(num) {
+ this.checkLayerLimits(num);
+ },
+ checkTransparency: function(){
+ if(this.finalTransform.mProp.o.v <= 0) {
+ if(!this.isTransparent && this.globalData.renderConfig.hideOnTransparent){
+ this.isTransparent = true;
+ this.hide();
+ }
+ } else if(this.isTransparent) {
+ this.isTransparent = false;
+ this.show();
+ }
+ },
+ /**
+ * @function
+ * Initializes frame related properties.
+ *
+ * @param {number} num
+ * current frame number in Layer's time
+ *
+ */
+ checkLayerLimits: function(num) {
+ if(this.data.ip - this.data.st <= num && this.data.op - this.data.st > num)
+ {
+ if(this.isInRange !== true){
+ this.globalData._mdf = true;
+ this._mdf = true;
+ this.isInRange = true;
+ this.show();
+ }
+ } else {
+ if(this.isInRange !== false){
+ this.globalData._mdf = true;
+ this.isInRange = false;
+ this.hide();
+ }
+ }
+ },
+ renderRenderable: function() {
+ var i, len = this.renderableComponents.length;
+ for(i = 0; i < len; i += 1) {
+ this.renderableComponents[i].renderFrame(this._isFirstFrame);
+ }
+ /*this.maskManager.renderFrame(this.finalTransform.mat);
+ this.renderableEffectsManager.renderFrame(this._isFirstFrame);*/
+ },
+ sourceRectAtTime: function(){
+ return {
+ top:0,
+ left:0,
+ width:100,
+ height:100
+ };
+ },
+ getLayerSize: function(){
+ if(this.data.ty === 5){
+ return {w:this.data.textData.width,h:this.data.textData.height};
+ }else{
+ return {w:this.data.width,h:this.data.height};
+ }
+ }
+};
+function RenderableDOMElement() {}
+
+(function(){
+ var _prototype = {
+ initElement: function(data,globalData,comp) {
+ this.initFrame();
+ this.initBaseData(data, globalData, comp);
+ this.initTransform(data, globalData, comp);
+ this.initHierarchy();
+ this.initRenderable();
+ this.initRendererElement();
+ this.createContainerElements();
+ this.createRenderableComponents();
+ this.createContent();
+ this.hide();
+ },
+ hide: function(){
+ if (!this.hidden && (!this.isInRange || this.isTransparent)) {
+ var elem = this.baseElement || this.layerElement;
+ elem.style.display = 'none';
+ this.hidden = true;
+ }
+ },
+ show: function(){
+ if (this.isInRange && !this.isTransparent){
+ if (!this.data.hd) {
+ var elem = this.baseElement || this.layerElement;
+ elem.style.display = 'block';
+ }
+ this.hidden = false;
+ this._isFirstFrame = true;
+ }
+ },
+ renderFrame: function() {
+ //If it is exported as hidden (data.hd === true) no need to render
+ //If it is not visible no need to render
+ if (this.data.hd || this.hidden) {
+ return;
+ }
+ this.renderTransform();
+ this.renderRenderable();
+ this.renderElement();
+ this.renderInnerContent();
+ if (this._isFirstFrame) {
+ this._isFirstFrame = false;
+ }
+ },
+ renderInnerContent: function() {},
+ prepareFrame: function(num) {
+ this._mdf = false;
+ this.prepareRenderableFrame(num);
+ this.prepareProperties(num, this.isInRange);
+ this.checkTransparency();
+ },
+ destroy: function(){
+ this.innerElem = null;
+ this.destroyBaseElement();
+ }
+ };
+ extendPrototype([RenderableElement, createProxyFunction(_prototype)], RenderableDOMElement);
+}());
+function ProcessedElement(element, position) {
+ this.elem = element;
+ this.pos = position;
+}
+function SVGShapeData(transformers, level, shape) {
+ this.caches = [];
+ this.styles = [];
+ this.transformers = transformers;
+ this.lStr = '';
+ this.sh = shape;
+ this.lvl = level;
+ //TODO find if there are some cases where _isAnimated can be false.
+ // For now, since shapes add up with other shapes. They have to be calculated every time.
+ // One way of finding out is checking if all styles associated to this shape depend only of this shape
+ this._isAnimated = !!shape.k;
+ // TODO: commenting this for now since all shapes are animated
+ var i = 0, len = transformers.length;
+ while(i < len) {
+ if(transformers[i].mProps.dynamicProperties.length) {
+ this._isAnimated = true;
+ break;
+ }
+ i += 1;
+ }
+}
+
+SVGShapeData.prototype.setAsAnimated = function() {
+ this._isAnimated = true;
+}
+function ShapeGroupData() {
+ this.it = [];
+ this.prevViewData = [];
+ this.gr = createNS('g');
+}
+function ShapeTransformManager() {
+ this.sequences = {};
+ this.sequenceList = [];
+ this.transform_key_count = 0;
+}
+
+ShapeTransformManager.prototype = {
+ addTransformSequence: function(transforms) {
+ var i, len = transforms.length;
+ var key = '_';
+ for(i = 0; i < len; i += 1) {
+ key += transforms[i].transform.key + '_';
+ }
+ var sequence = this.sequences[key];
+ if(!sequence) {
+ sequence = {
+ transforms: [].concat(transforms),
+ finalTransform: new Matrix(),
+ _mdf: false
+ };
+ this.sequences[key] = sequence;
+ this.sequenceList.push(sequence);
+ }
+ return sequence;
+ },
+ processSequence: function(sequence, isFirstFrame) {
+ var i = 0, len = sequence.transforms.length, _mdf = isFirstFrame;
+ while (i < len && !isFirstFrame) {
+ if (sequence.transforms[i].transform.mProps._mdf) {
+ _mdf = true;
+ break;
+ }
+ i += 1
+ }
+ if (_mdf) {
+ var props;
+ sequence.finalTransform.reset();
+ for (i = len - 1; i >= 0; i -= 1) {
+ props = sequence.transforms[i].transform.mProps.v.props;
+ sequence.finalTransform.transform(props[0],props[1],props[2],props[3],props[4],props[5],props[6],props[7],props[8],props[9],props[10],props[11],props[12],props[13],props[14],props[15]);
+ }
+ }
+ sequence._mdf = _mdf;
+
+ },
+ processSequences: function(isFirstFrame) {
+ var i, len = this.sequenceList.length;
+ for (i = 0; i < len; i += 1) {
+ this.processSequence(this.sequenceList[i], isFirstFrame);
+ }
+
+ },
+ getNewKey: function() {
+ return '_' + this.transform_key_count++;
+ }
+}
+function CVShapeData(element, data, styles, transformsManager) {
+ this.styledShapes = [];
+ this.tr = [0,0,0,0,0,0];
+ var ty = 4;
+ if(data.ty == 'rc'){
+ ty = 5;
+ }else if(data.ty == 'el'){
+ ty = 6;
+ }else if(data.ty == 'sr'){
+ ty = 7;
+ }
+ this.sh = ShapePropertyFactory.getShapeProp(element,data,ty,element);
+ var i , len = styles.length,styledShape;
+ for (i = 0; i < len; i += 1) {
+ if (!styles[i].closed) {
+ styledShape = {
+ transforms: transformsManager.addTransformSequence(styles[i].transforms),
+ trNodes: []
+ }
+ this.styledShapes.push(styledShape);
+ styles[i].elements.push(styledShape);
+ }
+ }
+}
+
+CVShapeData.prototype.setAsAnimated = SVGShapeData.prototype.setAsAnimated;
+function BaseElement(){
+}
+
+BaseElement.prototype = {
+ checkMasks: function(){
+ if(!this.data.hasMask){
+ return false;
+ }
+ var i = 0, len = this.data.masksProperties.length;
+ while(i<len) {
+ if((this.data.masksProperties[i].mode !== 'n' && this.data.masksProperties[i].cl !== false)) {
+ return true;
+ }
+ i += 1;
+ }
+ return false;
+ },
+ initExpressions: function(){
+ this.layerInterface = LayerExpressionInterface(this);
+ if(this.data.hasMask && this.maskManager) {
+ this.layerInterface.registerMaskInterface(this.maskManager);
+ }
+ var effectsInterface = EffectsExpressionInterface.createEffectsInterface(this,this.layerInterface);
+ this.layerInterface.registerEffectsInterface(effectsInterface);
+
+ if(this.data.ty === 0 || this.data.xt){
+ this.compInterface = CompExpressionInterface(this);
+ } else if(this.data.ty === 4){
+ this.layerInterface.shapeInterface = ShapeExpressionInterface(this.shapesData,this.itemsData,this.layerInterface);
+ this.layerInterface.content = this.layerInterface.shapeInterface;
+ } else if(this.data.ty === 5){
+ this.layerInterface.textInterface = TextExpressionInterface(this);
+ this.layerInterface.text = this.layerInterface.textInterface;
+ }
+ },
+ blendModeEnums: {
+ 1:'multiply',
+ 2:'screen',
+ 3:'overlay',
+ 4:'darken',
+ 5:'lighten',
+ 6:'color-dodge',
+ 7:'color-burn',
+ 8:'hard-light',
+ 9:'soft-light',
+ 10:'difference',
+ 11:'exclusion',
+ 12:'hue',
+ 13:'saturation',
+ 14:'color',
+ 15:'luminosity'
+ },
+ getBlendMode: function(){
+ return this.blendModeEnums[this.data.bm] || '';
+ },
+ setBlendMode: function(){
+ var blendModeValue = this.getBlendMode();
+ var elem = this.baseElement || this.layerElement;
+
+ elem.style['mix-blend-mode'] = blendModeValue;
+ },
+ initBaseData: function(data, globalData, comp){
+ this.globalData = globalData;
+ this.comp = comp;
+ this.data = data;
+ this.layerId = 'ly_'+randomString(10);
+
+ //Stretch factor for old animations missing this property.
+ if(!this.data.sr){
+ this.data.sr = 1;
+ }
+ // effects manager
+ this.effectsManager = new EffectsManager(this.data,this,this.dynamicProperties);
+
+ },
+ getType: function(){
+ return this.type;
+ }
+}
+function NullElement(data,globalData,comp){
+ this.initFrame();
+ this.initBaseData(data, globalData, comp);
+ this.initFrame();
+ this.initTransform(data, globalData, comp);
+ this.initHierarchy();
+}
+
+NullElement.prototype.prepareFrame = function(num) {
+ this.prepareProperties(num, true);
+};
+
+NullElement.prototype.renderFrame = function() {
+};
+
+NullElement.prototype.getBaseElement = function() {
+ return null;
+};
+
+NullElement.prototype.destroy = function() {
+};
+
+NullElement.prototype.sourceRectAtTime = function() {
+};
+
+NullElement.prototype.hide = function() {
+};
+
+extendPrototype([BaseElement,TransformElement,HierarchyElement,FrameElement], NullElement);
+
+function SVGBaseElement(){
+}
+
+SVGBaseElement.prototype = {
+ initRendererElement: function() {
+ this.layerElement = createNS('g');
+ },
+ createContainerElements: function(){
+ this.matteElement = createNS('g');
+ this.transformedElement = this.layerElement;
+ this.maskedElement = this.layerElement;
+ this._sizeChanged = false;
+ var layerElementParent = null;
+ //If this layer acts as a mask for the following layer
+ var filId, fil, gg;
+ if (this.data.td) {
+ if (this.data.td == 3 || this.data.td == 1) {
+ var masker = createNS('mask');
+ masker.setAttribute('id', this.layerId);
+ masker.setAttribute('mask-type', this.data.td == 3 ? 'luminance' : 'alpha');
+ masker.appendChild(this.layerElement);
+ layerElementParent = masker;
+ this.globalData.defs.appendChild(masker);
+ // This is only for IE and Edge when mask if of type alpha
+ if (!featureSupport.maskType && this.data.td == 1) {
+ masker.setAttribute('mask-type', 'luminance');
+ filId = randomString(10);
+ fil = filtersFactory.createFilter(filId);
+ this.globalData.defs.appendChild(fil);
+ fil.appendChild(filtersFactory.createAlphaToLuminanceFilter());
+ gg = createNS('g');
+ gg.appendChild(this.layerElement);
+ layerElementParent = gg;
+ masker.appendChild(gg);
+ gg.setAttribute('filter','url(' + locationHref + '#' + filId + ')');
+ }
+ } else if(this.data.td == 2) {
+ var maskGroup = createNS('mask');
+ maskGroup.setAttribute('id', this.layerId);
+ maskGroup.setAttribute('mask-type','alpha');
+ var maskGrouper = createNS('g');
+ maskGroup.appendChild(maskGrouper);
+ filId = randomString(10);
+ fil = filtersFactory.createFilter(filId);
+ ////
+
+ var feColorMatrix = createNS('feColorMatrix');
+ feColorMatrix.setAttribute('type', 'matrix');
+ feColorMatrix.setAttribute('color-interpolation-filters', 'sRGB');
+ feColorMatrix.setAttribute('values','1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1');
+ fil.appendChild(feColorMatrix);
+
+ ////
+ /*var feCTr = createNS('feComponentTransfer');
+ feCTr.setAttribute('in','SourceGraphic');
+ fil.appendChild(feCTr);
+ var feFunc = createNS('feFuncA');
+ feFunc.setAttribute('type','table');
+ feFunc.setAttribute('tableValues','1.0 0.0');
+ feCTr.appendChild(feFunc);*/
+ this.globalData.defs.appendChild(fil);
+ var alphaRect = createNS('rect');
+ alphaRect.setAttribute('width', this.comp.data.w);
+ alphaRect.setAttribute('height', this.comp.data.h);
+ alphaRect.setAttribute('x','0');
+ alphaRect.setAttribute('y','0');
+ alphaRect.setAttribute('fill','#ffffff');
+ alphaRect.setAttribute('opacity','0');
+ maskGrouper.setAttribute('filter', 'url(' + locationHref + '#'+filId+')');
+ maskGrouper.appendChild(alphaRect);
+ maskGrouper.appendChild(this.layerElement);
+ layerElementParent = maskGrouper;
+ if (!featureSupport.maskType) {
+ maskGroup.setAttribute('mask-type', 'luminance');
+ fil.appendChild(filtersFactory.createAlphaToLuminanceFilter());
+ gg = createNS('g');
+ maskGrouper.appendChild(alphaRect);
+ gg.appendChild(this.layerElement);
+ layerElementParent = gg;
+ maskGrouper.appendChild(gg);
+ }
+ this.globalData.defs.appendChild(maskGroup);
+ }
+ } else if (this.data.tt) {
+ this.matteElement.appendChild(this.layerElement);
+ layerElementParent = this.matteElement;
+ this.baseElement = this.matteElement;
+ } else {
+ this.baseElement = this.layerElement;
+ }
+ if (this.data.ln) {
+ this.layerElement.setAttribute('id', this.data.ln);
+ }
+ if (this.data.cl) {
+ this.layerElement.setAttribute('class', this.data.cl);
+ }
+ //Clipping compositions to hide content that exceeds boundaries. If collapsed transformations is on, component should not be clipped
+ if (this.data.ty === 0 && !this.data.hd) {
+ var cp = createNS( 'clipPath');
+ var pt = createNS('path');
+ pt.setAttribute('d','M0,0 L' + this.data.w + ',0' + ' L' + this.data.w + ',' + this.data.h + ' L0,' + this.data.h + 'z');
+ var clipId = 'cp_'+randomString(8);
+ cp.setAttribute('id',clipId);
+ cp.appendChild(pt);
+ this.globalData.defs.appendChild(cp);
+
+ if (this.checkMasks()) {
+ var cpGroup = createNS('g');
+ cpGroup.setAttribute('clip-path','url(' + locationHref + '#'+clipId + ')');
+ cpGroup.appendChild(this.layerElement);
+ this.transformedElement = cpGroup;
+ if (layerElementParent) {
+ layerElementParent.appendChild(this.transformedElement);
+ } else {
+ this.baseElement = this.transformedElement;
+ }
+ } else {
+ this.layerElement.setAttribute('clip-path','url(' + locationHref + '#'+clipId+')');
+ }
+
+ }
+ if (this.data.bm !== 0) {
+ this.setBlendMode();
+ }
+
+ },
+ renderElement: function() {
+ if (this.finalTransform._matMdf) {
+ this.transformedElement.setAttribute('transform', this.finalTransform.mat.to2dCSS());
+ }
+ if (this.finalTransform._opMdf) {
+ this.transformedElement.setAttribute('opacity', this.finalTransform.mProp.o.v);
+ }
+ },
+ destroyBaseElement: function() {
+ this.layerElement = null;
+ this.matteElement = null;
+ this.maskManager.destroy();
+ },
+ getBaseElement: function() {
+ if (this.data.hd) {
+ return null;
+ }
+ return this.baseElement;
+ },
+ createRenderableComponents: function() {
+ this.maskManager = new MaskElement(this.data, this, this.globalData);
+ this.renderableEffectsManager = new SVGEffects(this);
+ },
+ setMatte: function(id) {
+ if (!this.matteElement) {
+ return;
+ }
+ this.matteElement.setAttribute("mask", "url(" + locationHref + "#" + id + ")");
+ }
+};
+function IShapeElement(){
+}
+
+IShapeElement.prototype = {
+ addShapeToModifiers: function(data) {
+ var i, len = this.shapeModifiers.length;
+ for(i=0;i<len;i+=1){
+ this.shapeModifiers[i].addShape(data);
+ }
+ },
+ isShapeInAnimatedModifiers: function(data) {
+ var i = 0, len = this.shapeModifiers.length;
+ while(i < len) {
+ if(this.shapeModifiers[i].isAnimatedWithShape(data)) {
+ return true;
+ }
+ }
+ return false;
+ },
+ renderModifiers: function() {
+ if(!this.shapeModifiers.length){
+ return;
+ }
+ var i, len = this.shapes.length;
+ for(i=0;i<len;i+=1){
+ this.shapes[i].sh.reset();
+ }
+
+ len = this.shapeModifiers.length;
+ for(i=len-1;i>=0;i-=1){
+ this.shapeModifiers[i].processShapes(this._isFirstFrame);
+ }
+ },
+ lcEnum: {
+ '1': 'butt',
+ '2': 'round',
+ '3': 'square'
+ },
+ ljEnum: {
+ '1': 'miter',
+ '2': 'round',
+ '3': 'bevel'
+ },
+ searchProcessedElement: function(elem){
+ var elements = this.processedElements;
+ var i = 0, len = elements.length;
+ while (i < len) {
+ if (elements[i].elem === elem) {
+ return elements[i].pos;
+ }
+ i += 1;
+ }
+ return 0;
+ },
+ addProcessedElement: function(elem, pos){
+ var elements = this.processedElements;
+ var i = elements.length;
+ while(i) {
+ i -= 1;
+ if (elements[i].elem === elem) {
+ elements[i].pos = pos;
+ return;
+ }
+ }
+ elements.push(new ProcessedElement(elem, pos));
+ },
+ prepareFrame: function(num) {
+ this.prepareRenderableFrame(num);
+ this.prepareProperties(num, this.isInRange);
+ }
+};
+function ITextElement(){
+}
+
+ITextElement.prototype.initElement = function(data,globalData,comp){
+ this.lettersChangedFlag = true;
+ this.initFrame();
+ this.initBaseData(data, globalData, comp);
+ this.textProperty = new TextProperty(this, data.t, this.dynamicProperties);
+ this.textAnimator = new TextAnimatorProperty(data.t, this.renderType, this);
+ this.initTransform(data, globalData, comp);
+ this.initHierarchy();
+ this.initRenderable();
+ this.initRendererElement();
+ this.createContainerElements();
+ this.createRenderableComponents();
+ this.createContent();
+ this.hide();
+ this.textAnimator.searchProperties(this.dynamicProperties);
+};
+
+ITextElement.prototype.prepareFrame = function(num) {
+ this._mdf = false;
+ this.prepareRenderableFrame(num);
+ this.prepareProperties(num, this.isInRange);
+ if(this.textProperty._mdf || this.textProperty._isFirstFrame) {
+ this.buildNewText();
+ this.textProperty._isFirstFrame = false;
+ this.textProperty._mdf = false;
+ }
+};
+
+ITextElement.prototype.createPathShape = function(matrixHelper, shapes) {
+ var j,jLen = shapes.length;
+ var k, kLen, pathNodes;
+ var shapeStr = '';
+ for(j=0;j<jLen;j+=1){
+ pathNodes = shapes[j].ks.k;
+ shapeStr += buildShapeString(pathNodes, pathNodes.i.length, true, matrixHelper);
+ }
+ return shapeStr;
+};
+
+ITextElement.prototype.updateDocumentData = function(newData, index) {
+ this.textProperty.updateDocumentData(newData, index);
+};
+
+ITextElement.prototype.canResizeFont = function(_canResize) {
+ this.textProperty.canResizeFont(_canResize);
+};
+
+ITextElement.prototype.setMinimumFontSize = function(_fontSize) {
+ this.textProperty.setMinimumFontSize(_fontSize);
+};
+
+ITextElement.prototype.applyTextPropertiesToMatrix = function(documentData, matrixHelper, lineNumber, xPos, yPos) {
+ if(documentData.ps){
+ matrixHelper.translate(documentData.ps[0],documentData.ps[1] + documentData.ascent,0);
+ }
+ matrixHelper.translate(0,-documentData.ls,0);
+ switch(documentData.j){
+ case 1:
+ matrixHelper.translate(documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[lineNumber]),0,0);
+ break;
+ case 2:
+ matrixHelper.translate(documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[lineNumber] )/2,0,0);
+ break;
+ }
+ matrixHelper.translate(xPos, yPos, 0);
+};
+
+
+ITextElement.prototype.buildColor = function(colorData) {
+ return 'rgb(' + Math.round(colorData[0]*255) + ',' + Math.round(colorData[1]*255) + ',' + Math.round(colorData[2]*255) + ')';
+};
+
+ITextElement.prototype.emptyProp = new LetterProps();
+
+ITextElement.prototype.destroy = function(){
+
+};
+function ICompElement(){}
+
+extendPrototype([BaseElement, TransformElement, HierarchyElement, FrameElement, RenderableDOMElement], ICompElement);
+
+ICompElement.prototype.initElement = function(data,globalData,comp) {
+ this.initFrame();
+ this.initBaseData(data, globalData, comp);
+ this.initTransform(data, globalData, comp);
+ this.initRenderable();
+ this.initHierarchy();
+ this.initRendererElement();
+ this.createContainerElements();
+ this.createRenderableComponents();
+ if(this.data.xt || !globalData.progressiveLoad){
+ this.buildAllItems();
+ }
+ this.hide();
+};
+
+/*ICompElement.prototype.hide = function(){
+ if(!this.hidden){
+ this.hideElement();
+ var i,len = this.elements.length;
+ for( i = 0; i < len; i+=1 ){
+ if(this.elements[i]){
+ this.elements[i].hide();
+ }
+ }
+ }
+};*/
+
+ICompElement.prototype.prepareFrame = function(num){
+ this._mdf = false;
+ this.prepareRenderableFrame(num);
+ this.prepareProperties(num, this.isInRange);
+ if(!this.isInRange && !this.data.xt){
+ return;
+ }
+
+ if (!this.tm._placeholder) {
+ var timeRemapped = this.tm.v;
+ if(timeRemapped === this.data.op){
+ timeRemapped = this.data.op - 1;
+ }
+ this.renderedFrame = timeRemapped;
+ } else {
+ this.renderedFrame = num/this.data.sr;
+ }
+ var i,len = this.elements.length;
+ if(!this.completeLayers){
+ this.checkLayers(this.renderedFrame);
+ }
+ //This iteration needs to be backwards because of how expressions connect between each other
+ for( i = len - 1; i >= 0; i -= 1 ){
+ if(this.completeLayers || this.elements[i]){
+ this.elements[i].prepareFrame(this.renderedFrame - this.layers[i].st);
+ if(this.elements[i]._mdf) {
+ this._mdf = true;
+ }
+ }
+ }
+};
+
+ICompElement.prototype.renderInnerContent = function() {
+ var i,len = this.layers.length;
+ for( i = 0; i < len; i += 1 ){
+ if(this.completeLayers || this.elements[i]){
+ this.elements[i].renderFrame();
+ }
+ }
+};
+
+ICompElement.prototype.setElements = function(elems){
+ this.elements = elems;
+};
+
+ICompElement.prototype.getElements = function(){
+ return this.elements;
+};
+
+ICompElement.prototype.destroyElements = function(){
+ var i,len = this.layers.length;
+ for( i = 0; i < len; i+=1 ){
+ if(this.elements[i]){
+ this.elements[i].destroy();
+ }
+ }
+};
+
+ICompElement.prototype.destroy = function(){
+ this.destroyElements();
+ this.destroyBaseElement();
+};
+
+function IImageElement(data,globalData,comp){
+ this.assetData = globalData.getAssetData(data.refId);
+ this.initElement(data,globalData,comp);
+}
+
+extendPrototype([BaseElement,TransformElement,SVGBaseElement,HierarchyElement,FrameElement,RenderableDOMElement], IImageElement);
+
+IImageElement.prototype.createContent = function(){
+
+ var assetPath = this.globalData.getAssetsPath(this.assetData);
+
+ this.innerElem = createNS('image');
+ this.innerElem.setAttribute('width',this.assetData.w+"px");
+ this.innerElem.setAttribute('height',this.assetData.h+"px");
+ this.innerElem.setAttribute('preserveAspectRatio',this.assetData.pr || this.globalData.renderConfig.imagePreserveAspectRatio);
+ this.innerElem.setAttributeNS('http://www.w3.org/1999/xlink','href',assetPath);
+
+ this.layerElement.appendChild(this.innerElem);
+};
+
+function ISolidElement(data,globalData,comp){
+ this.initElement(data,globalData,comp);
+}
+extendPrototype([IImageElement], ISolidElement);
+
+ISolidElement.prototype.createContent = function(){
+
+ var rect = createNS('rect');
+ ////rect.style.width = this.data.sw;
+ ////rect.style.height = this.data.sh;
+ ////rect.style.fill = this.data.sc;
+ rect.setAttribute('width',this.data.sw);
+ rect.setAttribute('height',this.data.sh);
+ rect.setAttribute('fill',this.data.sc);
+ this.layerElement.appendChild(rect);
+};
+function SVGShapeElement(data,globalData,comp){
+ //List of drawable elements
+ this.shapes = [];
+ // Full shape data
+ this.shapesData = data.shapes;
+ //List of styles that will be applied to shapes
+ this.stylesList = [];
+ //List of modifiers that will be applied to shapes
+ this.shapeModifiers = [];
+ //List of items in shape tree
+ this.itemsData = [];
+ //List of items in previous shape tree
+ this.processedElements = [];
+ // List of animated components
+ this.animatedContents = [];
+ this.initElement(data,globalData,comp);
+ //Moving any property that doesn't get too much access after initialization because of v8 way of handling more than 10 properties.
+ // List of elements that have been created
+ this.prevViewData = [];
+ //Moving any property that doesn't get too much access after initialization because of v8 way of handling more than 10 properties.
+}
+
+extendPrototype([BaseElement,TransformElement,SVGBaseElement,IShapeElement,HierarchyElement,FrameElement,RenderableDOMElement], SVGShapeElement);
+
+SVGShapeElement.prototype.initSecondaryElement = function() {
+};
+
+SVGShapeElement.prototype.identityMatrix = new Matrix();
+
+SVGShapeElement.prototype.buildExpressionInterface = function(){};
+
+SVGShapeElement.prototype.createContent = function(){
+ this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement, 0, [], true);
+ this.filterUniqueShapes();
+};
+
+/*
+This method searches for multiple shapes that affect a single element and one of them is animated
+*/
+SVGShapeElement.prototype.filterUniqueShapes = function(){
+ var i, len = this.shapes.length, shape;
+ var j, jLen = this.stylesList.length;
+ var style, count = 0;
+ var tempShapes = [];
+ var areAnimated = false;
+ for(j = 0; j < jLen; j += 1) {
+ style = this.stylesList[j];
+ areAnimated = false;
+ tempShapes.length = 0;
+ for(i = 0; i < len; i += 1) {
+ shape = this.shapes[i];
+ if(shape.styles.indexOf(style) !== -1) {
+ tempShapes.push(shape);
+ areAnimated = shape._isAnimated || areAnimated;
+ }
+ }
+ if(tempShapes.length > 1 && areAnimated) {
+ this.setShapesAsAnimated(tempShapes);
+ }
+ }
+}
+
+SVGShapeElement.prototype.setShapesAsAnimated = function(shapes){
+ var i, len = shapes.length;
+ for(i = 0; i < len; i += 1) {
+ shapes[i].setAsAnimated();
+ }
+}
+
+SVGShapeElement.prototype.createStyleElement = function(data, level){
+ //TODO: prevent drawing of hidden styles
+ var elementData;
+ var styleOb = new SVGStyleData(data, level);
+
+ var pathElement = styleOb.pElem;
+ if(data.ty === 'st') {
+ elementData = new SVGStrokeStyleData(this, data, styleOb);
+ } else if(data.ty === 'fl') {
+ elementData = new SVGFillStyleData(this, data, styleOb);
+ } else if(data.ty === 'gf' || data.ty === 'gs') {
+ var gradientConstructor = data.ty === 'gf' ? SVGGradientFillStyleData : SVGGradientStrokeStyleData;
+ elementData = new gradientConstructor(this, data, styleOb);
+ this.globalData.defs.appendChild(elementData.gf);
+ if (elementData.maskId) {
+ this.globalData.defs.appendChild(elementData.ms);
+ this.globalData.defs.appendChild(elementData.of);
+ pathElement.setAttribute('mask','url(' + locationHref + '#' + elementData.maskId + ')');
+ }
+ }
+
+ if(data.ty === 'st' || data.ty === 'gs') {
+ pathElement.setAttribute('stroke-linecap', this.lcEnum[data.lc] || 'round');
+ pathElement.setAttribute('stroke-linejoin',this.ljEnum[data.lj] || 'round');
+ pathElement.setAttribute('fill-opacity','0');
+ if(data.lj === 1) {
+ pathElement.setAttribute('stroke-miterlimit',data.ml);
+ }
+ }
+
+ if(data.r === 2) {
+ pathElement.setAttribute('fill-rule', 'evenodd');
+ }
+
+ if(data.ln){
+ pathElement.setAttribute('id',data.ln);
+ }
+ if(data.cl){
+ pathElement.setAttribute('class',data.cl);
+ }
+ this.stylesList.push(styleOb);
+ this.addToAnimatedContents(data, elementData);
+ return elementData;
+};
+
+SVGShapeElement.prototype.createGroupElement = function(data) {
+ var elementData = new ShapeGroupData();
+ if(data.ln){
+ elementData.gr.setAttribute('id',data.ln);
+ }
+ if(data.cl){
+ elementData.gr.setAttribute('class',data.cl);
+ }
+ return elementData;
+};
+
+SVGShapeElement.prototype.createTransformElement = function(data, container) {
+ var transformProperty = TransformPropertyFactory.getTransformProperty(this,data,this);
+ var elementData = new SVGTransformData(transformProperty, transformProperty.o, container);
+ this.addToAnimatedContents(data, elementData);
+ return elementData;
+};
+
+SVGShapeElement.prototype.createShapeElement = function(data, ownTransformers, level) {
+ var ty = 4;
+ if(data.ty === 'rc'){
+ ty = 5;
+ }else if(data.ty === 'el'){
+ ty = 6;
+ }else if(data.ty === 'sr'){
+ ty = 7;
+ }
+ var shapeProperty = ShapePropertyFactory.getShapeProp(this,data,ty,this);
+ var elementData = new SVGShapeData(ownTransformers, level, shapeProperty);
+ this.shapes.push(elementData);
+ this.addShapeToModifiers(elementData);
+ this.addToAnimatedContents(data, elementData);
+ return elementData;
+};
+
+SVGShapeElement.prototype.addToAnimatedContents = function(data, element) {
+ var i = 0, len = this.animatedContents.length;
+ while(i < len) {
+ if(this.animatedContents[i].element === element) {
+ return;
+ }
+ i += 1;
+ }
+ this.animatedContents.push({
+ fn: SVGElementsRenderer.createRenderFunction(data),
+ element: element,
+ data: data
+ });
+};
+
+SVGShapeElement.prototype.setElementStyles = function(elementData){
+ var arr = elementData.styles;
+ var j, jLen = this.stylesList.length;
+ for (j = 0; j < jLen; j += 1) {
+ if (!this.stylesList[j].closed) {
+ arr.push(this.stylesList[j]);
+ }
+ }
+};
+
+SVGShapeElement.prototype.reloadShapes = function(){
+ this._isFirstFrame = true;
+ var i, len = this.itemsData.length;
+ for( i = 0; i < len; i += 1) {
+ this.prevViewData[i] = this.itemsData[i];
+ }
+ this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement, 0, [], true);
+ this.filterUniqueShapes();
+ len = this.dynamicProperties.length;
+ for(i = 0; i < len; i += 1) {
+ this.dynamicProperties[i].getValue();
+ }
+ this.renderModifiers();
+};
+
+SVGShapeElement.prototype.searchShapes = function(arr,itemsData,prevViewData,container, level, transformers, render){
+ var ownTransformers = [].concat(transformers);
+ var i, len = arr.length - 1;
+ var j, jLen;
+ var ownStyles = [], ownModifiers = [], styleOb, currentTransform, modifier, processedPos;
+ for(i=len;i>=0;i-=1){
+ processedPos = this.searchProcessedElement(arr[i]);
+ if(!processedPos){
+ arr[i]._render = render;
+ } else {
+ itemsData[i] = prevViewData[processedPos - 1];
+ }
+ if(arr[i].ty == 'fl' || arr[i].ty == 'st' || arr[i].ty == 'gf' || arr[i].ty == 'gs'){
+ if(!processedPos){
+ itemsData[i] = this.createStyleElement(arr[i], level);
+ } else {
+ itemsData[i].style.closed = false;
+ }
+ if(arr[i]._render){
+ container.appendChild(itemsData[i].style.pElem);
+ }
+ ownStyles.push(itemsData[i].style);
+ }else if(arr[i].ty == 'gr'){
+ if(!processedPos){
+ itemsData[i] = this.createGroupElement(arr[i]);
+ } else {
+ jLen = itemsData[i].it.length;
+ for(j=0;j<jLen;j+=1){
+ itemsData[i].prevViewData[j] = itemsData[i].it[j];
+ }
+ }
+ this.searchShapes(arr[i].it,itemsData[i].it,itemsData[i].prevViewData,itemsData[i].gr, level + 1, ownTransformers, render);
+ if(arr[i]._render){
+ container.appendChild(itemsData[i].gr);
+ }
+ }else if(arr[i].ty == 'tr'){
+ if(!processedPos){
+ itemsData[i] = this.createTransformElement(arr[i], container);
+ }
+ currentTransform = itemsData[i].transform;
+ ownTransformers.push(currentTransform);
+ }else if(arr[i].ty == 'sh' || arr[i].ty == 'rc' || arr[i].ty == 'el' || arr[i].ty == 'sr'){
+ if(!processedPos){
+ itemsData[i] = this.createShapeElement(arr[i], ownTransformers, level);
+ }
+ this.setElementStyles(itemsData[i]);
+
+ }else if(arr[i].ty == 'tm' || arr[i].ty == 'rd' || arr[i].ty == 'ms'){
+ if(!processedPos){
+ modifier = ShapeModifiers.getModifier(arr[i].ty);
+ modifier.init(this,arr[i]);
+ itemsData[i] = modifier;
+ this.shapeModifiers.push(modifier);
+ } else {
+ modifier = itemsData[i];
+ modifier.closed = false;
+ }
+ ownModifiers.push(modifier);
+ }else if(arr[i].ty == 'rp'){
+ if(!processedPos){
+ modifier = ShapeModifiers.getModifier(arr[i].ty);
+ itemsData[i] = modifier;
+ modifier.init(this,arr,i,itemsData);
+ this.shapeModifiers.push(modifier);
+ render = false;
+ }else{
+ modifier = itemsData[i];
+ modifier.closed = true;
+ }
+ ownModifiers.push(modifier);
+ }
+ this.addProcessedElement(arr[i], i + 1);
+ }
+ len = ownStyles.length;
+ for(i=0;i<len;i+=1){
+ ownStyles[i].closed = true;
+ }
+ len = ownModifiers.length;
+ for(i=0;i<len;i+=1){
+ ownModifiers[i].closed = true;
+ }
+};
+
+SVGShapeElement.prototype.renderInnerContent = function() {
+ this.renderModifiers();
+ var i, len = this.stylesList.length;
+ for(i=0;i<len;i+=1){
+ this.stylesList[i].reset();
+ }
+ this.renderShape();
+
+ for (i = 0; i < len; i += 1) {
+ if (this.stylesList[i]._mdf || this._isFirstFrame) {
+ if(this.stylesList[i].msElem){
+ this.stylesList[i].msElem.setAttribute('d', this.stylesList[i].d);
+ //Adding M0 0 fixes same mask bug on all browsers
+ this.stylesList[i].d = 'M0 0' + this.stylesList[i].d;
+ }
+ this.stylesList[i].pElem.setAttribute('d', this.stylesList[i].d || 'M0 0');
+ }
+ }
+};
+
+SVGShapeElement.prototype.renderShape = function() {
+ var i, len = this.animatedContents.length;
+ var animatedContent;
+ for(i = 0; i < len; i += 1) {
+ animatedContent = this.animatedContents[i];
+ if((this._isFirstFrame || animatedContent.element._isAnimated) && animatedContent.data !== true) {
+ animatedContent.fn(animatedContent.data, animatedContent.element, this._isFirstFrame);
+ }
+ }
+}
+
+SVGShapeElement.prototype.destroy = function(){
+ this.destroyBaseElement();
+ this.shapesData = null;
+ this.itemsData = null;
+};
+
+function CVContextData() {
+ this.saved = [];
+ this.cArrPos = 0;
+ this.cTr = new Matrix();
+ this.cO = 1;
+ var i, len = 15;
+ this.savedOp = createTypedArray('float32', len);
+ for(i=0;i<len;i+=1){
+ this.saved[i] = createTypedArray('float32', 16);
+ }
+ this._length = len;
+}
+
+CVContextData.prototype.duplicate = function() {
+ var newLength = this._length * 2;
+ var currentSavedOp = this.savedOp;
+ this.savedOp = createTypedArray('float32', newLength);
+ this.savedOp.set(currentSavedOp);
+ var i = 0;
+ for(i = this._length; i < newLength; i += 1) {
+ this.saved[i] = createTypedArray('float32', 16);
+ }
+ this._length = newLength;
+};
+
+CVContextData.prototype.reset = function() {
+ this.cArrPos = 0;
+ this.cTr.reset();
+ this.cO = 1;
+};
+function CVBaseElement(){
+}
+
+CVBaseElement.prototype = {
+ createElements: function(){},
+ initRendererElement: function(){},
+ createContainerElements: function(){
+ this.canvasContext = this.globalData.canvasContext;
+ this.renderableEffectsManager = new CVEffects(this);
+ },
+ createContent: function(){},
+ setBlendMode: function(){
+ var globalData = this.globalData;
+ if(globalData.blendMode !== this.data.bm) {
+ globalData.blendMode = this.data.bm;
+ var blendModeValue = this.getBlendMode();
+ globalData.canvasContext.globalCompositeOperation = blendModeValue;
+ }
+ },
+ createRenderableComponents: function(){
+ this.maskManager = new CVMaskElement(this.data, this);
+ },
+ hideElement: function(){
+ if (!this.hidden && (!this.isInRange || this.isTransparent)) {
+ this.hidden = true;
+ }
+ },
+ showElement: function(){
+ if (this.isInRange && !this.isTransparent){
+ this.hidden = false;
+ this._isFirstFrame = true;
+ this.maskManager._isFirstFrame = true;
+ }
+ },
+ renderFrame: function() {
+ if (this.hidden || this.data.hd) {
+ return;
+ }
+ this.renderTransform();
+ this.renderRenderable();
+ this.setBlendMode();
+ this.globalData.renderer.save();
+ this.globalData.renderer.ctxTransform(this.finalTransform.mat.props);
+ this.globalData.renderer.ctxOpacity(this.finalTransform.mProp.o.v);
+ this.renderInnerContent();
+ this.globalData.renderer.restore();
+ if(this.maskManager.hasMasks) {
+ this.globalData.renderer.restore(true);
+ }
+ if (this._isFirstFrame) {
+ this._isFirstFrame = false;
+ }
+ },
+ destroy: function(){
+ this.canvasContext = null;
+ this.data = null;
+ this.globalData = null;
+ this.maskManager.destroy();
+ },
+ mHelper: new Matrix()
+};
+CVBaseElement.prototype.hide = CVBaseElement.prototype.hideElement;
+CVBaseElement.prototype.show = CVBaseElement.prototype.showElement;
+
+function CVImageElement(data, globalData, comp){
+ this.failed = false;
+ this.assetData = globalData.getAssetData(data.refId);
+ this.img = globalData.imageLoader.getImage(this.assetData);
+ this.initElement(data,globalData,comp);
+}
+extendPrototype([BaseElement, TransformElement, CVBaseElement, HierarchyElement, FrameElement, RenderableElement], CVImageElement);
+
+CVImageElement.prototype.initElement = SVGShapeElement.prototype.initElement;
+CVImageElement.prototype.prepareFrame = IImageElement.prototype.prepareFrame;
+
+CVImageElement.prototype.createContent = function(){
+
+ if (this.img.width && (this.assetData.w !== this.img.width || this.assetData.h !== this.img.height)) {
+ var canvas = createTag('canvas');
+ canvas.width = this.assetData.w;
+ canvas.height = this.assetData.h;
+ var ctx = canvas.getContext('2d');
+
+ var imgW = this.img.width;
+ var imgH = this.img.height;
+ var imgRel = imgW / imgH;
+ var canvasRel = this.assetData.w/this.assetData.h;
+ var widthCrop, heightCrop;
+ var par = this.assetData.pr || this.globalData.renderConfig.imagePreserveAspectRatio;
+ if((imgRel > canvasRel && par === 'xMidYMid slice') || (imgRel < canvasRel && par !== 'xMidYMid slice')) {
+ heightCrop = imgH;
+ widthCrop = heightCrop*canvasRel;
+ } else {
+ widthCrop = imgW;
+ heightCrop = widthCrop/canvasRel;
+ }
+ ctx.drawImage(this.img,(imgW-widthCrop)/2,(imgH-heightCrop)/2,widthCrop,heightCrop,0,0,this.assetData.w,this.assetData.h);
+ this.img = canvas;
+ }
+
+};
+
+CVImageElement.prototype.renderInnerContent = function(parentMatrix){
+ if (this.failed) {
+ return;
+ }
+ this.canvasContext.drawImage(this.img, 0, 0);
+};
+
+CVImageElement.prototype.destroy = function(){
+ this.img = null;
+};
+function CVCompElement(data, globalData, comp) {
+ this.completeLayers = false;
+ this.layers = data.layers;
+ this.pendingElements = [];
+ this.elements = createSizedArray(this.layers.length);
+ this.initElement(data, globalData, comp);
+ this.tm = data.tm ? PropertyFactory.getProp(this,data.tm,0,globalData.frameRate, this) : {_placeholder:true};
+}
+
+extendPrototype([CanvasRenderer, ICompElement, CVBaseElement], CVCompElement);
+
+CVCompElement.prototype.renderInnerContent = function() {
+ var i,len = this.layers.length;
+ for( i = len - 1; i >= 0; i -= 1 ){
+ if(this.completeLayers || this.elements[i]){
+ this.elements[i].renderFrame();
+ }
+ }
+};
+
+CVCompElement.prototype.destroy = function(){
+ var i,len = this.layers.length;
+ for( i = len - 1; i >= 0; i -= 1 ){
+ if(this.elements[i]) {
+ this.elements[i].destroy();
+ }
+ }
+ this.layers = null;
+ this.elements = null;
+};
+
+function CVMaskElement(data,element){
+ this.data = data;
+ this.element = element;
+ this.masksProperties = this.data.masksProperties || [];
+ this.viewData = createSizedArray(this.masksProperties.length);
+ var i, len = this.masksProperties.length, hasMasks = false;
+ for (i = 0; i < len; i++) {
+ if(this.masksProperties[i].mode !== 'n'){
+ hasMasks = true;
+ }
+ this.viewData[i] = ShapePropertyFactory.getShapeProp(this.element,this.masksProperties[i],3);
+ }
+ this.hasMasks = hasMasks;
+ if(hasMasks) {
+ this.element.addRenderableComponent(this);
+ }
+}
+
+CVMaskElement.prototype.renderFrame = function () {
+ if(!this.hasMasks){
+ return;
+ }
+ var transform = this.element.finalTransform.mat;
+ var ctx = this.element.canvasContext;
+ var i, len = this.masksProperties.length;
+ var pt,pts,data;
+ ctx.beginPath();
+ for (i = 0; i < len; i++) {
+ if(this.masksProperties[i].mode !== 'n'){
+ if (this.masksProperties[i].inv) {
+ ctx.moveTo(0, 0);
+ ctx.lineTo(this.element.globalData.compSize.w, 0);
+ ctx.lineTo(this.element.globalData.compSize.w, this.element.globalData.compSize.h);
+ ctx.lineTo(0, this.element.globalData.compSize.h);
+ ctx.lineTo(0, 0);
+ }
+ data = this.viewData[i].v;
+ pt = transform.applyToPointArray(data.v[0][0],data.v[0][1],0);
+ ctx.moveTo(pt[0], pt[1]);
+ var j, jLen = data._length;
+ for (j = 1; j < jLen; j++) {
+ pts = transform.applyToTriplePoints(data.o[j - 1], data.i[j], data.v[j]);
+ ctx.bezierCurveTo(pts[0], pts[1], pts[2], pts[3], pts[4], pts[5]);
+ }
+ pts = transform.applyToTriplePoints(data.o[j - 1], data.i[0], data.v[0]);
+ ctx.bezierCurveTo(pts[0], pts[1], pts[2], pts[3], pts[4], pts[5]);
+ }
+ }
+ this.element.globalData.renderer.save(true);
+ ctx.clip();
+};
+
+CVMaskElement.prototype.getMaskProperty = MaskElement.prototype.getMaskProperty;
+
+CVMaskElement.prototype.destroy = function(){
+ this.element = null;
+};
+function CVShapeElement(data, globalData, comp) {
+ this.shapes = [];
+ this.shapesData = data.shapes;
+ this.stylesList = [];
+ this.itemsData = [];
+ this.prevViewData = [];
+ this.shapeModifiers = [];
+ this.processedElements = [];
+ this.transformsManager = new ShapeTransformManager();
+ this.initElement(data, globalData, comp);
+}
+
+extendPrototype([BaseElement,TransformElement,CVBaseElement,IShapeElement,HierarchyElement,FrameElement,RenderableElement], CVShapeElement);
+
+CVShapeElement.prototype.initElement = RenderableDOMElement.prototype.initElement;
+
+CVShapeElement.prototype.transformHelper = {opacity:1,_opMdf:false};
+
+CVShapeElement.prototype.dashResetter = [];
+
+CVShapeElement.prototype.createContent = function(){
+ this.searchShapes(this.shapesData,this.itemsData,this.prevViewData, true, []);
+};
+
+CVShapeElement.prototype.createStyleElement = function(data, transforms) {
+ var styleElem = {
+ data: data,
+ type: data.ty,
+ preTransforms: this.transformsManager.addTransformSequence(transforms),
+ transforms: [],
+ elements: [],
+ closed: data.hd === true
+ };
+ var elementData = {};
+ if(data.ty == 'fl' || data.ty == 'st'){
+ elementData.c = PropertyFactory.getProp(this,data.c,1,255,this);
+ if(!elementData.c.k){
+ styleElem.co = 'rgb('+bm_floor(elementData.c.v[0])+','+bm_floor(elementData.c.v[1])+','+bm_floor(elementData.c.v[2])+')';
+ }
+ } else if (data.ty === 'gf' || data.ty === 'gs') {
+ elementData.s = PropertyFactory.getProp(this,data.s,1,null,this);
+ elementData.e = PropertyFactory.getProp(this,data.e,1,null,this);
+ elementData.h = PropertyFactory.getProp(this,data.h||{k:0},0,0.01,this);
+ elementData.a = PropertyFactory.getProp(this,data.a||{k:0},0,degToRads,this);
+ elementData.g = new GradientProperty(this,data.g,this);
+ }
+ elementData.o = PropertyFactory.getProp(this,data.o,0,0.01,this);
+ if(data.ty == 'st' || data.ty == 'gs') {
+ styleElem.lc = this.lcEnum[data.lc] || 'round';
+ styleElem.lj = this.ljEnum[data.lj] || 'round';
+ if(data.lj == 1) {
+ styleElem.ml = data.ml;
+ }
+ elementData.w = PropertyFactory.getProp(this,data.w,0,null,this);
+ if(!elementData.w.k){
+ styleElem.wi = elementData.w.v;
+ }
+ if(data.d){
+ var d = new DashProperty(this,data.d,'canvas');
+ elementData.d = d;
+ if(!elementData.d.k){
+ styleElem.da = elementData.d.dashArray;
+ styleElem.do = elementData.d.dashoffset[0];
+ }
+ }
+ } else {
+ styleElem.r = data.r === 2 ? 'evenodd' : 'nonzero';
+ }
+ this.stylesList.push(styleElem);
+ elementData.style = styleElem;
+ return elementData;
+};
+
+CVShapeElement.prototype.createGroupElement = function(data) {
+ var elementData = {
+ it: [],
+ prevViewData: []
+ };
+ return elementData;
+};
+
+CVShapeElement.prototype.createTransformElement = function(data) {
+ var elementData = {
+ transform : {
+ opacity: 1,
+ _opMdf:false,
+ key: this.transformsManager.getNewKey(),
+ op: PropertyFactory.getProp(this,data.o,0,0.01,this),
+ mProps: TransformPropertyFactory.getTransformProperty(this,data,this)
+ }
+ };
+ return elementData;
+};
+
+CVShapeElement.prototype.createShapeElement = function(data) {
+ var elementData = new CVShapeData(this, data, this.stylesList, this.transformsManager);
+
+ this.shapes.push(elementData);
+ this.addShapeToModifiers(elementData);
+ return elementData;
+};
+
+CVShapeElement.prototype.reloadShapes = function() {
+ this._isFirstFrame = true;
+ var i, len = this.itemsData.length;
+ for (i = 0; i < len; i += 1) {
+ this.prevViewData[i] = this.itemsData[i];
+ }
+ this.searchShapes(this.shapesData,this.itemsData,this.prevViewData, true, []);
+ len = this.dynamicProperties.length;
+ for (i = 0; i < len; i += 1) {
+ this.dynamicProperties[i].getValue();
+ }
+ this.renderModifiers();
+ this.transformsManager.processSequences(this._isFirstFrame);
+};
+
+CVShapeElement.prototype.addTransformToStyleList = function(transform) {
+ var i, len = this.stylesList.length;
+ for (i = 0; i < len; i += 1) {
+ if(!this.stylesList[i].closed) {
+ this.stylesList[i].transforms.push(transform);
+ }
+ }
+}
+
+CVShapeElement.prototype.removeTransformFromStyleList = function() {
+ var i, len = this.stylesList.length;
+ for (i = 0; i < len; i += 1) {
+ if(!this.stylesList[i].closed) {
+ this.stylesList[i].transforms.pop();
+ }
+ }
+}
+
+CVShapeElement.prototype.closeStyles = function(styles) {
+ var i, len = styles.length, j, jLen;
+ for (i = 0; i < len; i += 1) {
+ styles[i].closed = true;
+ }
+}
+
+CVShapeElement.prototype.searchShapes = function(arr,itemsData, prevViewData, shouldRender, transforms){
+ var i, len = arr.length - 1;
+ var j, jLen;
+ var ownStyles = [], ownModifiers = [], processedPos, modifier, currentTransform;
+ var ownTransforms = [].concat(transforms);
+ for(i=len;i>=0;i-=1){
+ processedPos = this.searchProcessedElement(arr[i]);
+ if(!processedPos){
+ arr[i]._shouldRender = shouldRender;
+ } else {
+ itemsData[i] = prevViewData[processedPos - 1];
+ }
+ if(arr[i].ty == 'fl' || arr[i].ty == 'st'|| arr[i].ty == 'gf'|| arr[i].ty == 'gs'){
+ if(!processedPos){
+ itemsData[i] = this.createStyleElement(arr[i], ownTransforms);
+ } else {
+ itemsData[i].style.closed = false;
+ }
+
+ ownStyles.push(itemsData[i].style);
+ }else if(arr[i].ty == 'gr'){
+ if(!processedPos){
+ itemsData[i] = this.createGroupElement(arr[i]);
+ } else {
+ jLen = itemsData[i].it.length;
+ for(j=0;j<jLen;j+=1){
+ itemsData[i].prevViewData[j] = itemsData[i].it[j];
+ }
+ }
+ this.searchShapes(arr[i].it,itemsData[i].it,itemsData[i].prevViewData, shouldRender, ownTransforms);
+ }else if(arr[i].ty == 'tr'){
+ if(!processedPos){
+ currentTransform = this.createTransformElement(arr[i]);
+ itemsData[i] = currentTransform;
+ }
+ ownTransforms.push(itemsData[i]);
+ this.addTransformToStyleList(itemsData[i]);
+ }else if(arr[i].ty == 'sh' || arr[i].ty == 'rc' || arr[i].ty == 'el' || arr[i].ty == 'sr'){
+ if(!processedPos){
+ itemsData[i] = this.createShapeElement(arr[i]);
+ }
+
+ }else if(arr[i].ty == 'tm' || arr[i].ty == 'rd'){
+ if(!processedPos){
+ modifier = ShapeModifiers.getModifier(arr[i].ty);
+ modifier.init(this,arr[i]);
+ itemsData[i] = modifier;
+ this.shapeModifiers.push(modifier);
+ } else {
+ modifier = itemsData[i];
+ modifier.closed = false;
+ }
+ ownModifiers.push(modifier);
+ } else if(arr[i].ty == 'rp'){
+ if(!processedPos){
+ modifier = ShapeModifiers.getModifier(arr[i].ty);
+ itemsData[i] = modifier;
+ modifier.init(this,arr,i,itemsData);
+ this.shapeModifiers.push(modifier);
+ shouldRender = false;
+ }else{
+ modifier = itemsData[i];
+ modifier.closed = true;
+ }
+ ownModifiers.push(modifier);
+ }
+ this.addProcessedElement(arr[i], i + 1);
+ }
+ this.removeTransformFromStyleList();
+ this.closeStyles(ownStyles);
+ len = ownModifiers.length;
+ for(i=0;i<len;i+=1){
+ ownModifiers[i].closed = true;
+ }
+};
+
+CVShapeElement.prototype.renderInnerContent = function() {
+ this.transformHelper.opacity = 1;
+ this.transformHelper._opMdf = false;
+ this.renderModifiers();
+ this.transformsManager.processSequences(this._isFirstFrame);
+ this.renderShape(this.transformHelper,this.shapesData,this.itemsData,true);
+};
+
+CVShapeElement.prototype.renderShapeTransform = function(parentTransform, groupTransform) {
+ var props, groupMatrix;
+ if(parentTransform._opMdf || groupTransform.op._mdf || this._isFirstFrame) {
+ groupTransform.opacity = parentTransform.opacity;
+ groupTransform.opacity *= groupTransform.op.v;
+ groupTransform._opMdf = true;
+ }
+};
+
+CVShapeElement.prototype.drawLayer = function() {
+ var i, len = this.stylesList.length;
+ var j, jLen, k, kLen,elems,nodes, renderer = this.globalData.renderer, ctx = this.globalData.canvasContext, type, currentStyle;
+ for(i=0;i<len;i+=1){
+ currentStyle = this.stylesList[i];
+ type = currentStyle.type;
+
+ //Skipping style when
+ //Stroke width equals 0
+ //style should not be rendered (extra unused repeaters)
+ //current opacity equals 0
+ //global opacity equals 0
+ if(((type === 'st' || type === 'gs') && currentStyle.wi === 0) || !currentStyle.data._shouldRender || currentStyle.coOp === 0 || this.globalData.currentGlobalAlpha === 0){
+ continue;
+ }
+ renderer.save();
+ elems = currentStyle.elements;
+ if(type === 'st' || type === 'gs'){
+ ctx.strokeStyle = type === 'st' ? currentStyle.co : currentStyle.grd;
+ ctx.lineWidth = currentStyle.wi;
+ ctx.lineCap = currentStyle.lc;
+ ctx.lineJoin = currentStyle.lj;
+ ctx.miterLimit = currentStyle.ml || 0;
+ } else {
+ ctx.fillStyle = type === 'fl' ? currentStyle.co : currentStyle.grd;
+ }
+ renderer.ctxOpacity(currentStyle.coOp);
+ if(type !== 'st' && type !== 'gs'){
+ ctx.beginPath();
+ }
+ renderer.ctxTransform(currentStyle.preTransforms.finalTransform.props);
+ jLen = elems.length;
+ for(j=0;j<jLen;j+=1){
+ if(type === 'st' || type === 'gs'){
+ ctx.beginPath();
+ if(currentStyle.da){
+ ctx.setLineDash(currentStyle.da);
+ ctx.lineDashOffset = currentStyle.do;
+ }
+ }
+ nodes = elems[j].trNodes;
+ kLen = nodes.length;
+
+ for(k=0;k<kLen;k+=1){
+ if(nodes[k].t == 'm'){
+ ctx.moveTo(nodes[k].p[0],nodes[k].p[1]);
+ }else if(nodes[k].t == 'c'){
+ ctx.bezierCurveTo(nodes[k].pts[0],nodes[k].pts[1],nodes[k].pts[2],nodes[k].pts[3],nodes[k].pts[4],nodes[k].pts[5]);
+ }else{
+ ctx.closePath();
+ }
+ }
+ if(type === 'st' || type === 'gs'){
+ ctx.stroke();
+ if(currentStyle.da){
+ ctx.setLineDash(this.dashResetter);
+ }
+ }
+ }
+ if(type !== 'st' && type !== 'gs'){
+ ctx.fill(currentStyle.r);
+ }
+ renderer.restore();
+ }
+};
+
+CVShapeElement.prototype.renderShape = function(parentTransform,items,data,isMain){
+ var i, len = items.length - 1;
+ var groupTransform;
+ groupTransform = parentTransform;
+ for(i=len;i>=0;i-=1){
+ if(items[i].ty == 'tr'){
+ groupTransform = data[i].transform;
+ this.renderShapeTransform(parentTransform, groupTransform);
+ }else if(items[i].ty == 'sh' || items[i].ty == 'el' || items[i].ty == 'rc' || items[i].ty == 'sr'){
+ this.renderPath(items[i],data[i]);
+ }else if(items[i].ty == 'fl'){
+ this.renderFill(items[i],data[i],groupTransform);
+ }else if(items[i].ty == 'st'){
+ this.renderStroke(items[i],data[i],groupTransform);
+ }else if(items[i].ty == 'gf' || items[i].ty == 'gs'){
+ this.renderGradientFill(items[i],data[i],groupTransform);
+ }else if(items[i].ty == 'gr'){
+ this.renderShape(groupTransform,items[i].it,data[i].it);
+ }else if(items[i].ty == 'tm'){
+ //
+ }
+ }
+ if(isMain){
+ this.drawLayer();
+ }
+
+};
+
+CVShapeElement.prototype.renderStyledShape = function(styledShape, shape){
+ if(this._isFirstFrame || shape._mdf || styledShape.transforms._mdf) {
+ var shapeNodes = styledShape.trNodes;
+ var paths = shape.paths;
+ var i, len, j, jLen = paths._length;
+ shapeNodes.length = 0;
+ var groupTransformMat = styledShape.transforms.finalTransform;
+ for (j = 0; j < jLen; j += 1) {
+ var pathNodes = paths.shapes[j];
+ if(pathNodes && pathNodes.v){
+ len = pathNodes._length;
+ for (i = 1; i < len; i += 1) {
+ if (i === 1) {
+ shapeNodes.push({
+ t: 'm',
+ p: groupTransformMat.applyToPointArray(pathNodes.v[0][0], pathNodes.v[0][1], 0)
+ });
+ }
+ shapeNodes.push({
+ t: 'c',
+ pts: groupTransformMat.applyToTriplePoints(pathNodes.o[i - 1], pathNodes.i[i], pathNodes.v[i])
+ });
+ }
+ if (len === 1) {
+ shapeNodes.push({
+ t: 'm',
+ p: groupTransformMat.applyToPointArray(pathNodes.v[0][0], pathNodes.v[0][1], 0)
+ });
+ }
+ if (pathNodes.c && len) {
+ shapeNodes.push({
+ t: 'c',
+ pts: groupTransformMat.applyToTriplePoints(pathNodes.o[i - 1], pathNodes.i[0], pathNodes.v[0])
+ });
+ shapeNodes.push({
+ t: 'z'
+ });
+ }
+ }
+ }
+ styledShape.trNodes = shapeNodes;
+ }
+}
+
+CVShapeElement.prototype.renderPath = function(pathData,itemData){
+ if(pathData.hd !== true && pathData._shouldRender) {
+ var i, len = itemData.styledShapes.length;
+ for (i = 0; i < len; i += 1) {
+ this.renderStyledShape(itemData.styledShapes[i], itemData.sh);
+ }
+ }
+};
+
+CVShapeElement.prototype.renderFill = function(styleData,itemData, groupTransform){
+ var styleElem = itemData.style;
+
+ if (itemData.c._mdf || this._isFirstFrame) {
+ styleElem.co = 'rgb('
+ + bm_floor(itemData.c.v[0]) + ','
+ + bm_floor(itemData.c.v[1]) + ','
+ + bm_floor(itemData.c.v[2]) + ')';
+ }
+ if (itemData.o._mdf || groupTransform._opMdf || this._isFirstFrame) {
+ styleElem.coOp = itemData.o.v * groupTransform.opacity;
+ }
+};
+
+CVShapeElement.prototype.renderGradientFill = function(styleData,itemData, groupTransform){
+ var styleElem = itemData.style;
+ if(!styleElem.grd || itemData.g._mdf || itemData.s._mdf || itemData.e._mdf || (styleData.t !== 1 && (itemData.h._mdf || itemData.a._mdf))) {
+ var ctx = this.globalData.canvasContext;
+ var grd;
+ var pt1 = itemData.s.v, pt2 = itemData.e.v;
+ if (styleData.t === 1) {
+ grd = ctx.createLinearGradient(pt1[0], pt1[1], pt2[0], pt2[1]);
+ } else {
+ var rad = Math.sqrt(Math.pow(pt1[0] - pt2[0], 2) + Math.pow(pt1[1] - pt2[1], 2));
+ var ang = Math.atan2(pt2[1] - pt1[1], pt2[0] - pt1[0]);
+
+ var percent = itemData.h.v >= 1 ? 0.99 : itemData.h.v <= -1 ? -0.99: itemData.h.v;
+ var dist = rad * percent;
+ var x = Math.cos(ang + itemData.a.v) * dist + pt1[0];
+ var y = Math.sin(ang + itemData.a.v) * dist + pt1[1];
+ var grd = ctx.createRadialGradient(x, y, 0, pt1[0], pt1[1], rad);
+ }
+
+ var i, len = styleData.g.p;
+ var cValues = itemData.g.c;
+ var opacity = 1;
+
+ for (i = 0; i < len; i += 1){
+ if(itemData.g._hasOpacity && itemData.g._collapsable) {
+ opacity = itemData.g.o[i*2 + 1];
+ }
+ grd.addColorStop(cValues[i * 4] / 100,'rgba('+ cValues[i * 4 + 1] + ',' + cValues[i * 4 + 2] + ','+cValues[i * 4 + 3] + ',' + opacity + ')');
+ }
+ styleElem.grd = grd;
+ }
+ styleElem.coOp = itemData.o.v*groupTransform.opacity;
+
+};
+
+CVShapeElement.prototype.renderStroke = function(styleData,itemData, groupTransform){
+ var styleElem = itemData.style;
+ var d = itemData.d;
+ if(d && (d._mdf || this._isFirstFrame)){
+ styleElem.da = d.dashArray;
+ styleElem.do = d.dashoffset[0];
+ }
+ if(itemData.c._mdf || this._isFirstFrame){
+ styleElem.co = 'rgb('+bm_floor(itemData.c.v[0])+','+bm_floor(itemData.c.v[1])+','+bm_floor(itemData.c.v[2])+')';
+ }
+ if(itemData.o._mdf || groupTransform._opMdf || this._isFirstFrame){
+ styleElem.coOp = itemData.o.v*groupTransform.opacity;
+ }
+ if(itemData.w._mdf || this._isFirstFrame){
+ styleElem.wi = itemData.w.v;
+ }
+};
+
+
+CVShapeElement.prototype.destroy = function(){
+ this.shapesData = null;
+ this.globalData = null;
+ this.canvasContext = null;
+ this.stylesList.length = 0;
+ this.itemsData.length = 0;
+};
+
+
+function CVSolidElement(data, globalData, comp) {
+ this.initElement(data,globalData,comp);
+}
+extendPrototype([BaseElement, TransformElement, CVBaseElement, HierarchyElement, FrameElement, RenderableElement], CVSolidElement);
+
+CVSolidElement.prototype.initElement = SVGShapeElement.prototype.initElement;
+CVSolidElement.prototype.prepareFrame = IImageElement.prototype.prepareFrame;
+
+CVSolidElement.prototype.renderInnerContent = function() {
+ var ctx = this.canvasContext;
+ ctx.fillStyle = this.data.sc;
+ ctx.fillRect(0, 0, this.data.sw, this.data.sh);
+ //
+};
+function CVTextElement(data, globalData, comp){
+ this.textSpans = [];
+ this.yOffset = 0;
+ this.fillColorAnim = false;
+ this.strokeColorAnim = false;
+ this.strokeWidthAnim = false;
+ this.stroke = false;
+ this.fill = false;
+ this.justifyOffset = 0;
+ this.currentRender = null;
+ this.renderType = 'canvas';
+ this.values = {
+ fill: 'rgba(0,0,0,0)',
+ stroke: 'rgba(0,0,0,0)',
+ sWidth: 0,
+ fValue: ''
+ };
+ this.initElement(data,globalData,comp);
+}
+extendPrototype([BaseElement,TransformElement,CVBaseElement,HierarchyElement,FrameElement,RenderableElement,ITextElement], CVTextElement);
+
+CVTextElement.prototype.tHelper = createTag('canvas').getContext('2d');
+
+CVTextElement.prototype.buildNewText = function(){
+ var documentData = this.textProperty.currentData;
+ this.renderedLetters = createSizedArray(documentData.l ? documentData.l.length : 0);
+
+ var hasFill = false;
+ if(documentData.fc) {
+ hasFill = true;
+ this.values.fill = this.buildColor(documentData.fc);
+ }else{
+ this.values.fill = 'rgba(0,0,0,0)';
+ }
+ this.fill = hasFill;
+ var hasStroke = false;
+ if(documentData.sc){
+ hasStroke = true;
+ this.values.stroke = this.buildColor(documentData.sc);
+ this.values.sWidth = documentData.sw;
+ }
+ var fontData = this.globalData.fontManager.getFontByName(documentData.f);
+ var i, len;
+ var letters = documentData.l;
+ var matrixHelper = this.mHelper;
+ this.stroke = hasStroke;
+ this.values.fValue = documentData.finalSize + 'px '+ this.globalData.fontManager.getFontByName(documentData.f).fFamily;
+ len = documentData.finalText.length;
+ //this.tHelper.font = this.values.fValue;
+ var charData, shapeData, k, kLen, shapes, j, jLen, pathNodes, commands, pathArr, singleShape = this.data.singleShape;
+ var trackingOffset = documentData.tr/1000*documentData.finalSize;
+ var xPos = 0, yPos = 0, firstLine = true;
+ var cnt = 0;
+ for (i = 0; i < len; i += 1) {
+ charData = this.globalData.fontManager.getCharData(documentData.finalText[i], fontData.fStyle, this.globalData.fontManager.getFontByName(documentData.f).fFamily);
+ shapeData = charData && charData.data || {};
+ matrixHelper.reset();
+ if(singleShape && letters[i].n) {
+ xPos = -trackingOffset;
+ yPos += documentData.yOffset;
+ yPos += firstLine ? 1 : 0;
+ firstLine = false;
+ }
+
+ shapes = shapeData.shapes ? shapeData.shapes[0].it : [];
+ jLen = shapes.length;
+ matrixHelper.scale(documentData.finalSize/100,documentData.finalSize/100);
+ if(singleShape){
+ this.applyTextPropertiesToMatrix(documentData, matrixHelper, letters[i].line, xPos, yPos);
+ }
+ commands = createSizedArray(jLen);
+ for(j=0;j<jLen;j+=1){
+ kLen = shapes[j].ks.k.i.length;
+ pathNodes = shapes[j].ks.k;
+ pathArr = [];
+ for(k=1;k<kLen;k+=1){
+ if(k==1){
+ pathArr.push(matrixHelper.applyToX(pathNodes.v[0][0],pathNodes.v[0][1],0),matrixHelper.applyToY(pathNodes.v[0][0],pathNodes.v[0][1],0));
+ }
+ pathArr.push(matrixHelper.applyToX(pathNodes.o[k-1][0],pathNodes.o[k-1][1],0),matrixHelper.applyToY(pathNodes.o[k-1][0],pathNodes.o[k-1][1],0),matrixHelper.applyToX(pathNodes.i[k][0],pathNodes.i[k][1],0),matrixHelper.applyToY(pathNodes.i[k][0],pathNodes.i[k][1],0),matrixHelper.applyToX(pathNodes.v[k][0],pathNodes.v[k][1],0),matrixHelper.applyToY(pathNodes.v[k][0],pathNodes.v[k][1],0));
+ }
+ pathArr.push(matrixHelper.applyToX(pathNodes.o[k-1][0],pathNodes.o[k-1][1],0),matrixHelper.applyToY(pathNodes.o[k-1][0],pathNodes.o[k-1][1],0),matrixHelper.applyToX(pathNodes.i[0][0],pathNodes.i[0][1],0),matrixHelper.applyToY(pathNodes.i[0][0],pathNodes.i[0][1],0),matrixHelper.applyToX(pathNodes.v[0][0],pathNodes.v[0][1],0),matrixHelper.applyToY(pathNodes.v[0][0],pathNodes.v[0][1],0));
+ commands[j] = pathArr;
+ }
+ if(singleShape){
+ xPos += letters[i].l;
+ xPos += trackingOffset;
+ }
+ if(this.textSpans[cnt]){
+ this.textSpans[cnt].elem = commands;
+ } else {
+ this.textSpans[cnt] = {elem: commands};
+ }
+ cnt +=1;
+ }
+};
+
+CVTextElement.prototype.renderInnerContent = function(){
+ var ctx = this.canvasContext;
+ var finalMat = this.finalTransform.mat.props;
+ ctx.font = this.values.fValue;
+ ctx.lineCap = 'butt';
+ ctx.lineJoin = 'miter';
+ ctx.miterLimit = 4;
+
+ if(!this.data.singleShape){
+ this.textAnimator.getMeasures(this.textProperty.currentData, this.lettersChangedFlag);
+ }
+
+ var i,len, j, jLen, k, kLen;
+ var renderedLetters = this.textAnimator.renderedLetters;
+
+ var letters = this.textProperty.currentData.l;
+
+ len = letters.length;
+ var renderedLetter;
+ var lastFill = null, lastStroke = null, lastStrokeW = null, commands, pathArr;
+ for(i=0;i<len;i+=1){
+ if(letters[i].n){
+ continue;
+ }
+ renderedLetter = renderedLetters[i];
+ if(renderedLetter){
+ this.globalData.renderer.save();
+ this.globalData.renderer.ctxTransform(renderedLetter.p);
+ this.globalData.renderer.ctxOpacity(renderedLetter.o);
+ }
+ if(this.fill){
+ if(renderedLetter && renderedLetter.fc){
+ if(lastFill !== renderedLetter.fc){
+ lastFill = renderedLetter.fc;
+ ctx.fillStyle = renderedLetter.fc;
+ }
+ }else if(lastFill !== this.values.fill){
+ lastFill = this.values.fill;
+ ctx.fillStyle = this.values.fill;
+ }
+ commands = this.textSpans[i].elem;
+ jLen = commands.length;
+ this.globalData.canvasContext.beginPath();
+ for(j=0;j<jLen;j+=1) {
+ pathArr = commands[j];
+ kLen = pathArr.length;
+ this.globalData.canvasContext.moveTo(pathArr[0], pathArr[1]);
+ for (k = 2; k < kLen; k += 6) {
+ this.globalData.canvasContext.bezierCurveTo(pathArr[k], pathArr[k + 1], pathArr[k + 2], pathArr[k + 3], pathArr[k + 4], pathArr[k + 5]);
+ }
+ }
+ this.globalData.canvasContext.closePath();
+ this.globalData.canvasContext.fill();
+ ///ctx.fillText(this.textSpans[i].val,0,0);
+ }
+ if(this.stroke){
+ if(renderedLetter && renderedLetter.sw){
+ if(lastStrokeW !== renderedLetter.sw){
+ lastStrokeW = renderedLetter.sw;
+ ctx.lineWidth = renderedLetter.sw;
+ }
+ }else if(lastStrokeW !== this.values.sWidth){
+ lastStrokeW = this.values.sWidth;
+ ctx.lineWidth = this.values.sWidth;
+ }
+ if(renderedLetter && renderedLetter.sc){
+ if(lastStroke !== renderedLetter.sc){
+ lastStroke = renderedLetter.sc;
+ ctx.strokeStyle = renderedLetter.sc;
+ }
+ }else if(lastStroke !== this.values.stroke){
+ lastStroke = this.values.stroke;
+ ctx.strokeStyle = this.values.stroke;
+ }
+ commands = this.textSpans[i].elem;
+ jLen = commands.length;
+ this.globalData.canvasContext.beginPath();
+ for(j=0;j<jLen;j+=1) {
+ pathArr = commands[j];
+ kLen = pathArr.length;
+ this.globalData.canvasContext.moveTo(pathArr[0], pathArr[1]);
+ for (k = 2; k < kLen; k += 6) {
+ this.globalData.canvasContext.bezierCurveTo(pathArr[k], pathArr[k + 1], pathArr[k + 2], pathArr[k + 3], pathArr[k + 4], pathArr[k + 5]);
+ }
+ }
+ this.globalData.canvasContext.closePath();
+ this.globalData.canvasContext.stroke();
+ ///ctx.strokeText(letters[i].val,0,0);
+ }
+ if(renderedLetter) {
+ this.globalData.renderer.restore();
+ }
+ }
+};
+function CVEffects() {
+
+}
+CVEffects.prototype.renderFrame = function(){};
+var animationManager = (function(){
+ var moduleOb = {};
+ var registeredAnimations = [];
+ var initTime = 0;
+ var len = 0;
+ var playingAnimationsNum = 0;
+ var _stopped = true;
+ var _isFrozen = false;
+
+ function removeElement(ev){
+ var i = 0;
+ var animItem = ev.target;
+ while(i<len) {
+ if (registeredAnimations[i].animation === animItem) {
+ registeredAnimations.splice(i, 1);
+ i -= 1;
+ len -= 1;
+ if(!animItem.isPaused){
+ subtractPlayingCount();
+ }
+ }
+ i += 1;
+ }
+ }
+
+ function registerAnimation(element, animationData){
+ if(!element){
+ return null;
+ }
+ var i=0;
+ while(i<len){
+ if(registeredAnimations[i].elem == element && registeredAnimations[i].elem !== null ){
+ return registeredAnimations[i].animation;
+ }
+ i+=1;
+ }
+ var animItem = new AnimationItem();
+ setupAnimation(animItem, element);
+ animItem.setData(element, animationData);
+ return animItem;
+ }
+
+ function getRegisteredAnimations() {
+ var i, len = registeredAnimations.length;
+ var animations = [];
+ for(i = 0; i < len; i += 1) {
+ animations.push(registeredAnimations[i].animation);
+ }
+ return animations;
+ }
+
+ function addPlayingCount(){
+ playingAnimationsNum += 1;
+ activate();
+ }
+
+ function subtractPlayingCount(){
+ playingAnimationsNum -= 1;
+ }
+
+ function setupAnimation(animItem, element){
+ animItem.addEventListener('destroy',removeElement);
+ animItem.addEventListener('_active',addPlayingCount);
+ animItem.addEventListener('_idle',subtractPlayingCount);
+ registeredAnimations.push({elem: element,animation:animItem});
+ len += 1;
+ }
+
+ function loadAnimation(params){
+ var animItem = new AnimationItem();
+ setupAnimation(animItem, null);
+ animItem.setParams(params);
+ return animItem;
+ }
+
+
+ function setSpeed(val,animation){
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.setSpeed(val, animation);
+ }
+ }
+
+ function setDirection(val, animation){
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.setDirection(val, animation);
+ }
+ }
+
+ function play(animation){
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.play(animation);
+ }
+ }
+ function resume(nowTime) {
+ var elapsedTime = nowTime - initTime;
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.advanceTime(elapsedTime);
+ }
+ initTime = nowTime;
+ if(playingAnimationsNum && !_isFrozen) {
+ window.requestAnimationFrame(resume);
+ } else {
+ _stopped = true;
+ }
+ }
+
+ function first(nowTime){
+ initTime = nowTime;
+ window.requestAnimationFrame(resume);
+ }
+
+ function pause(animation) {
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.pause(animation);
+ }
+ }
+
+ function goToAndStop(value,isFrame,animation) {
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.goToAndStop(value,isFrame,animation);
+ }
+ }
+
+ function stop(animation) {
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.stop(animation);
+ }
+ }
+
+ function togglePause(animation) {
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.togglePause(animation);
+ }
+ }
+
+ function destroy(animation) {
+ var i;
+ for(i=(len-1);i>=0;i-=1){
+ registeredAnimations[i].animation.destroy(animation);
+ }
+ }
+
+ function searchAnimations(animationData, standalone, renderer){
+ var animElements = [].concat([].slice.call(document.getElementsByClassName('lottie')),
+ [].slice.call(document.getElementsByClassName('bodymovin')));
+ var i, len = animElements.length;
+ for(i=0;i<len;i+=1){
+ if(renderer){
+ animElements[i].setAttribute('data-bm-type',renderer);
+ }
+ registerAnimation(animElements[i], animationData);
+ }
+ if(standalone && len === 0){
+ if(!renderer){
+ renderer = 'svg';
+ }
+ var body = document.getElementsByTagName('body')[0];
+ body.innerHTML = '';
+ var div = createTag('div');
+ div.style.width = '100%';
+ div.style.height = '100%';
+ div.setAttribute('data-bm-type',renderer);
+ body.appendChild(div);
+ registerAnimation(div, animationData);
+ }
+ }
+
+ function resize(){
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.resize();
+ }
+ }
+
+ function activate(){
+ if(!_isFrozen && playingAnimationsNum){
+ if(_stopped) {
+ window.requestAnimationFrame(first);
+ _stopped = false;
+ }
+ }
+ }
+
+ function freeze() {
+ _isFrozen = true;
+ }
+
+ function unfreeze() {
+ _isFrozen = false;
+ activate();
+ }
+
+ moduleOb.registerAnimation = registerAnimation;
+ moduleOb.loadAnimation = loadAnimation;
+ moduleOb.setSpeed = setSpeed;
+ moduleOb.setDirection = setDirection;
+ moduleOb.play = play;
+ moduleOb.pause = pause;
+ moduleOb.stop = stop;
+ moduleOb.togglePause = togglePause;
+ moduleOb.searchAnimations = searchAnimations;
+ moduleOb.resize = resize;
+ //moduleOb.start = start;
+ moduleOb.goToAndStop = goToAndStop;
+ moduleOb.destroy = destroy;
+ moduleOb.freeze = freeze;
+ moduleOb.unfreeze = unfreeze;
+ moduleOb.getRegisteredAnimations = getRegisteredAnimations;
+ return moduleOb;
+}());
+
+var AnimationItem = function () {
+ this._cbs = [];
+ this.name = '';
+ this.path = '';
+ this.isLoaded = false;
+ this.currentFrame = 0;
+ this.currentRawFrame = 0;
+ this.totalFrames = 0;
+ this.frameRate = 0;
+ this.frameMult = 0;
+ this.playSpeed = 1;
+ this.playDirection = 1;
+ this.playCount = 0;
+ this.animationData = {};
+ this.assets = [];
+ this.isPaused = true;
+ this.autoplay = false;
+ this.loop = true;
+ this.renderer = null;
+ this.animationID = randomString(10);
+ this.assetsPath = '';
+ this.timeCompleted = 0;
+ this.segmentPos = 0;
+ this.subframeEnabled = subframeEnabled;
+ this.segments = [];
+ this._idle = true;
+ this._completedLoop = false;
+ this.projectInterface = ProjectInterface();
+ this.imagePreloader = new ImagePreloader();
+};
+
+extendPrototype([BaseEvent], AnimationItem);
+
+AnimationItem.prototype.setParams = function(params) {
+ if(params.context){
+ this.context = params.context;
+ }
+ if(params.wrapper || params.container){
+ this.wrapper = params.wrapper || params.container;
+ }
+ var animType = params.animType ? params.animType : params.renderer ? params.renderer : 'svg';
+ switch(animType){
+ case 'canvas':
+ this.renderer = new CanvasRenderer(this, params.rendererSettings);
+ break;
+ case 'svg':
+ this.renderer = new SVGRenderer(this, params.rendererSettings);
+ break;
+ default:
+ this.renderer = new HybridRenderer(this, params.rendererSettings);
+ break;
+ }
+ this.renderer.setProjectInterface(this.projectInterface);
+ this.animType = animType;
+
+ if(params.loop === '' || params.loop === null){
+ }else if(params.loop === false){
+ this.loop = false;
+ }else if(params.loop === true){
+ this.loop = true;
+ }else{
+ this.loop = parseInt(params.loop);
+ }
+ this.autoplay = 'autoplay' in params ? params.autoplay : true;
+ this.name = params.name ? params.name : '';
+ this.autoloadSegments = params.hasOwnProperty('autoloadSegments') ? params.autoloadSegments : true;
+ this.assetsPath = params.assetsPath;
+ if(params.animationData){
+ this.configAnimation(params.animationData);
+ }else if(params.path){
+ if(params.path.substr(-4) != 'json'){
+ if (params.path.substr(-1, 1) != '/') {
+ params.path += '/';
+ }
+ params.path += 'data.json';
+ }
+
+ if(params.path.lastIndexOf('\\') != -1){
+ this.path = params.path.substr(0,params.path.lastIndexOf('\\')+1);
+ }else{
+ this.path = params.path.substr(0,params.path.lastIndexOf('/')+1);
+ }
+ this.fileName = params.path.substr(params.path.lastIndexOf('/')+1);
+ this.fileName = this.fileName.substr(0,this.fileName.lastIndexOf('.json'));
+
+ assetLoader.load(params.path, this.configAnimation.bind(this), function() {
+ this.trigger('data_failed');
+ }.bind(this));
+ }
+};
+
+AnimationItem.prototype.setData = function (wrapper, animationData) {
+ var params = {
+ wrapper: wrapper,
+ animationData: animationData ? (typeof animationData === "object") ? animationData : JSON.parse(animationData) : null
+ };
+ var wrapperAttributes = wrapper.attributes;
+
+ params.path = wrapperAttributes.getNamedItem('data-animation-path') ? wrapperAttributes.getNamedItem('data-animation-path').value : wrapperAttributes.getNamedItem('data-bm-path') ? wrapperAttributes.getNamedItem('data-bm-path').value : wrapperAttributes.getNamedItem('bm-path') ? wrapperAttributes.getNamedItem('bm-path').value : '';
+ params.animType = wrapperAttributes.getNamedItem('data-anim-type') ? wrapperAttributes.getNamedItem('data-anim-type').value : wrapperAttributes.getNamedItem('data-bm-type') ? wrapperAttributes.getNamedItem('data-bm-type').value : wrapperAttributes.getNamedItem('bm-type') ? wrapperAttributes.getNamedItem('bm-type').value : wrapperAttributes.getNamedItem('data-bm-renderer') ? wrapperAttributes.getNamedItem('data-bm-renderer').value : wrapperAttributes.getNamedItem('bm-renderer') ? wrapperAttributes.getNamedItem('bm-renderer').value : 'canvas';
+
+ var loop = wrapperAttributes.getNamedItem('data-anim-loop') ? wrapperAttributes.getNamedItem('data-anim-loop').value : wrapperAttributes.getNamedItem('data-bm-loop') ? wrapperAttributes.getNamedItem('data-bm-loop').value : wrapperAttributes.getNamedItem('bm-loop') ? wrapperAttributes.getNamedItem('bm-loop').value : '';
+ if(loop === ''){
+ }else if(loop === 'false'){
+ params.loop = false;
+ }else if(loop === 'true'){
+ params.loop = true;
+ }else{
+ params.loop = parseInt(loop);
+ }
+ var autoplay = wrapperAttributes.getNamedItem('data-anim-autoplay') ? wrapperAttributes.getNamedItem('data-anim-autoplay').value : wrapperAttributes.getNamedItem('data-bm-autoplay') ? wrapperAttributes.getNamedItem('data-bm-autoplay').value : wrapperAttributes.getNamedItem('bm-autoplay') ? wrapperAttributes.getNamedItem('bm-autoplay').value : true;
+ params.autoplay = autoplay !== "false";
+
+ params.name = wrapperAttributes.getNamedItem('data-name') ? wrapperAttributes.getNamedItem('data-name').value : wrapperAttributes.getNamedItem('data-bm-name') ? wrapperAttributes.getNamedItem('data-bm-name').value : wrapperAttributes.getNamedItem('bm-name') ? wrapperAttributes.getNamedItem('bm-name').value : '';
+ var prerender = wrapperAttributes.getNamedItem('data-anim-prerender') ? wrapperAttributes.getNamedItem('data-anim-prerender').value : wrapperAttributes.getNamedItem('data-bm-prerender') ? wrapperAttributes.getNamedItem('data-bm-prerender').value : wrapperAttributes.getNamedItem('bm-prerender') ? wrapperAttributes.getNamedItem('bm-prerender').value : '';
+
+ if(prerender === 'false'){
+ params.prerender = false;
+ }
+ this.setParams(params);
+};
+
+AnimationItem.prototype.includeLayers = function(data) {
+ if(data.op > this.animationData.op){
+ this.animationData.op = data.op;
+ this.totalFrames = Math.floor(data.op - this.animationData.ip);
+ }
+ var layers = this.animationData.layers;
+ var i, len = layers.length;
+ var newLayers = data.layers;
+ var j, jLen = newLayers.length;
+ for(j=0;j<jLen;j+=1){
+ i = 0;
+ while(i<len){
+ if(layers[i].id == newLayers[j].id){
+ layers[i] = newLayers[j];
+ break;
+ }
+ i += 1;
+ }
+ }
+ if(data.chars || data.fonts){
+ this.renderer.globalData.fontManager.addChars(data.chars);
+ this.renderer.globalData.fontManager.addFonts(data.fonts, this.renderer.globalData.defs);
+ }
+ if(data.assets){
+ len = data.assets.length;
+ for(i = 0; i < len; i += 1){
+ this.animationData.assets.push(data.assets[i]);
+ }
+ }
+ this.animationData.__complete = false;
+ dataManager.completeData(this.animationData,this.renderer.globalData.fontManager);
+ this.renderer.includeLayers(data.layers);
+ if(expressionsPlugin){
+ expressionsPlugin.initExpressions(this);
+ }
+ this.loadNextSegment();
+};
+
+AnimationItem.prototype.loadNextSegment = function() {
+ var segments = this.animationData.segments;
+ if(!segments || segments.length === 0 || !this.autoloadSegments){
+ this.trigger('data_ready');
+ this.timeCompleted = this.totalFrames;
+ return;
+ }
+ var segment = segments.shift();
+ this.timeCompleted = segment.time * this.frameRate;
+ var segmentPath = this.path+this.fileName+'_' + this.segmentPos + '.json';
+ this.segmentPos += 1;
+ assetLoader.load(segmentPath, this.includeLayers.bind(this), function() {
+ this.trigger('data_failed');
+ }.bind(this));
+};
+
+AnimationItem.prototype.loadSegments = function() {
+ var segments = this.animationData.segments;
+ if(!segments) {
+ this.timeCompleted = this.totalFrames;
+ }
+ this.loadNextSegment();
+};
+
+AnimationItem.prototype.imagesLoaded = function() {
+ this.trigger('loaded_images');
+ this.checkLoaded()
+}
+
+AnimationItem.prototype.preloadImages = function() {
+ this.imagePreloader.setAssetsPath(this.assetsPath);
+ this.imagePreloader.setPath(this.path);
+ this.imagePreloader.loadAssets(this.animationData.assets, this.imagesLoaded.bind(this));
+}
+
+AnimationItem.prototype.configAnimation = function (animData) {
+ if(!this.renderer){
+ return;
+ }
+ this.animationData = animData;
+ this.totalFrames = Math.floor(this.animationData.op - this.animationData.ip);
+ this.renderer.configAnimation(animData);
+ if(!animData.assets){
+ animData.assets = [];
+ }
+ this.renderer.searchExtraCompositions(animData.assets);
+
+ this.assets = this.animationData.assets;
+ this.frameRate = this.animationData.fr;
+ this.firstFrame = Math.round(this.animationData.ip);
+ this.frameMult = this.animationData.fr / 1000;
+ this.trigger('config_ready');
+ this.preloadImages();
+ this.loadSegments();
+ this.updaFrameModifier();
+ this.waitForFontsLoaded();
+};
+
+AnimationItem.prototype.waitForFontsLoaded = function(){
+ if(!this.renderer) {
+ return;
+ }
+ if(this.renderer.globalData.fontManager.loaded()){
+ this.checkLoaded();
+ }else{
+ setTimeout(this.waitForFontsLoaded.bind(this),20);
+ }
+}
+
+AnimationItem.prototype.checkLoaded = function () {
+ if (!this.isLoaded && this.renderer.globalData.fontManager.loaded() && (this.imagePreloader.loaded() || this.renderer.rendererType !== 'canvas')) {
+ this.isLoaded = true;
+ dataManager.completeData(this.animationData, this.renderer.globalData.fontManager);
+ if(expressionsPlugin){
+ expressionsPlugin.initExpressions(this);
+ }
+ this.renderer.initItems();
+ setTimeout(function() {
+ this.trigger('DOMLoaded');
+ }.bind(this), 0);
+ this.gotoFrame();
+ if(this.autoplay){
+ this.play();
+ }
+ }
+};
+
+AnimationItem.prototype.resize = function () {
+ this.renderer.updateContainerSize();
+};
+
+AnimationItem.prototype.setSubframe = function(flag){
+ this.subframeEnabled = flag ? true : false;
+};
+
+AnimationItem.prototype.gotoFrame = function () {
+ this.currentFrame = this.subframeEnabled ? this.currentRawFrame : ~~this.currentRawFrame;
+
+ if(this.timeCompleted !== this.totalFrames && this.currentFrame > this.timeCompleted){
+ this.currentFrame = this.timeCompleted;
+ }
+ this.trigger('enterFrame');
+ this.renderFrame();
+};
+
+AnimationItem.prototype.renderFrame = function () {
+ if(this.isLoaded === false){
+ return;
+ }
+ this.renderer.renderFrame(this.currentFrame + this.firstFrame);
+};
+
+AnimationItem.prototype.play = function (name) {
+ if(name && this.name != name){
+ return;
+ }
+ if(this.isPaused === true){
+ this.isPaused = false;
+ if(this._idle){
+ this._idle = false;
+ this.trigger('_active');
+ }
+ }
+};
+
+AnimationItem.prototype.pause = function (name) {
+ if(name && this.name != name){
+ return;
+ }
+ if(this.isPaused === false){
+ this.isPaused = true;
+ this._idle = true;
+ this.trigger('_idle');
+ }
+};
+
+AnimationItem.prototype.togglePause = function (name) {
+ if(name && this.name != name){
+ return;
+ }
+ if(this.isPaused === true){
+ this.play();
+ }else{
+ this.pause();
+ }
+};
+
+AnimationItem.prototype.stop = function (name) {
+ if(name && this.name != name){
+ return;
+ }
+ this.pause();
+ this.playCount = 0;
+ this._completedLoop = false;
+ this.setCurrentRawFrameValue(0);
+};
+
+AnimationItem.prototype.goToAndStop = function (value, isFrame, name) {
+ if(name && this.name != name){
+ return;
+ }
+ if(isFrame){
+ this.setCurrentRawFrameValue(value);
+ }else{
+ this.setCurrentRawFrameValue(value * this.frameModifier);
+ }
+ this.pause();
+};
+
+AnimationItem.prototype.goToAndPlay = function (value, isFrame, name) {
+ this.goToAndStop(value, isFrame, name);
+ this.play();
+};
+
+AnimationItem.prototype.advanceTime = function (value) {
+ if (this.isPaused === true || this.isLoaded === false) {
+ return;
+ }
+ var nextValue = this.currentRawFrame + value * this.frameModifier;
+ var _isComplete = false;
+ // Checking if nextValue > totalFrames - 1 for addressing non looping and looping animations.
+ // If animation won't loop, it should stop at totalFrames - 1. If it will loop it should complete the last frame and then loop.
+ if (nextValue >= this.totalFrames - 1 && this.frameModifier > 0) {
+ if (!this.loop || this.playCount === this.loop) {
+ if (!this.checkSegments(nextValue > this.totalFrames ? nextValue % this.totalFrames : 0)) {
+ _isComplete = true;
+ nextValue = this.totalFrames - 1;
+ }
+ } else if (nextValue >= this.totalFrames) {
+ this.playCount += 1;
+ if (!this.checkSegments(nextValue % this.totalFrames)) {
+ this.setCurrentRawFrameValue(nextValue % this.totalFrames);
+ this._completedLoop = true;
+ this.trigger('loopComplete');
+ }
+ } else {
+ this.setCurrentRawFrameValue(nextValue);
+ }
+ } else if(nextValue < 0) {
+ if (!this.checkSegments(nextValue % this.totalFrames)) {
+ if (this.loop && !(this.playCount-- <= 0 && this.loop !== true)) {
+ this.setCurrentRawFrameValue(this.totalFrames + (nextValue % this.totalFrames));
+ if(!this._completedLoop) {
+ this._completedLoop = true;
+ } else {
+ this.trigger('loopComplete');
+ }
+ } else {
+ _isComplete = true;
+ nextValue = 0;
+ }
+ }
+ } else {
+ this.setCurrentRawFrameValue(nextValue);
+ }
+ if (_isComplete) {
+ this.setCurrentRawFrameValue(nextValue);
+ this.pause();
+ this.trigger('complete');
+ }
+};
+
+AnimationItem.prototype.adjustSegment = function(arr, offset){
+ this.playCount = 0;
+ if(arr[1] < arr[0]){
+ if(this.frameModifier > 0){
+ if(this.playSpeed < 0){
+ this.setSpeed(-this.playSpeed);
+ } else {
+ this.setDirection(-1);
+ }
+ }
+ this.timeCompleted = this.totalFrames = arr[0] - arr[1];
+ this.firstFrame = arr[1];
+ this.setCurrentRawFrameValue(this.totalFrames - 0.001 - offset);
+ } else if(arr[1] > arr[0]){
+ if(this.frameModifier < 0){
+ if(this.playSpeed < 0){
+ this.setSpeed(-this.playSpeed);
+ } else {
+ this.setDirection(1);
+ }
+ }
+ this.timeCompleted = this.totalFrames = arr[1] - arr[0];
+ this.firstFrame = arr[0];
+ this.setCurrentRawFrameValue(0.001 + offset);
+ }
+ this.trigger('segmentStart');
+};
+AnimationItem.prototype.setSegment = function (init,end) {
+ var pendingFrame = -1;
+ if(this.isPaused) {
+ if (this.currentRawFrame + this.firstFrame < init) {
+ pendingFrame = init;
+ } else if (this.currentRawFrame + this.firstFrame > end) {
+ pendingFrame = end - init;
+ }
+ }
+
+ this.firstFrame = init;
+ this.timeCompleted = this.totalFrames = end - init;
+ if(pendingFrame !== -1) {
+ this.goToAndStop(pendingFrame,true);
+ }
+};
+
+AnimationItem.prototype.playSegments = function (arr, forceFlag) {
+ if (forceFlag) {
+ this.segments.length = 0;
+ }
+ if (typeof arr[0] === 'object') {
+ var i, len = arr.length;
+ for (i = 0; i < len; i += 1) {
+ this.segments.push(arr[i]);
+ }
+ } else {
+ this.segments.push(arr);
+ }
+ if (this.segments.length) {
+ this.adjustSegment(this.segments.shift(), 0);
+ }
+ if (this.isPaused) {
+ this.play();
+ }
+};
+
+AnimationItem.prototype.resetSegments = function (forceFlag) {
+ this.segments.length = 0;
+ this.segments.push([this.animationData.ip,this.animationData.op]);
+ //this.segments.push([this.animationData.ip*this.frameRate,Math.floor(this.animationData.op - this.animationData.ip+this.animationData.ip*this.frameRate)]);
+ if (forceFlag) {
+ this.checkSegments(0);
+ }
+};
+AnimationItem.prototype.checkSegments = function(offset) {
+ if (this.segments.length) {
+ this.adjustSegment(this.segments.shift(), offset);
+ return true;
+ }
+ return false;
+};
+
+AnimationItem.prototype.destroy = function (name) {
+ if ((name && this.name != name) || !this.renderer) {
+ return;
+ }
+ this.renderer.destroy();
+ this.imagePreloader.destroy();
+ this.trigger('destroy');
+ this._cbs = null;
+ this.onEnterFrame = this.onLoopComplete = this.onComplete = this.onSegmentStart = this.onDestroy = null;
+ this.renderer = null;
+};
+
+AnimationItem.prototype.setCurrentRawFrameValue = function(value){
+ this.currentRawFrame = value;
+ this.gotoFrame();
+};
+
+AnimationItem.prototype.setSpeed = function (val) {
+ this.playSpeed = val;
+ this.updaFrameModifier();
+};
+
+AnimationItem.prototype.setDirection = function (val) {
+ this.playDirection = val < 0 ? -1 : 1;
+ this.updaFrameModifier();
+};
+
+AnimationItem.prototype.updaFrameModifier = function () {
+ this.frameModifier = this.frameMult * this.playSpeed * this.playDirection;
+};
+
+AnimationItem.prototype.getPath = function () {
+ return this.path;
+};
+
+AnimationItem.prototype.getAssetsPath = function (assetData) {
+ var path = '';
+ if(assetData.e) {
+ path = assetData.p;
+ } else if(this.assetsPath){
+ var imagePath = assetData.p;
+ if(imagePath.indexOf('images/') !== -1){
+ imagePath = imagePath.split('/')[1];
+ }
+ path = this.assetsPath + imagePath;
+ } else {
+ path = this.path;
+ path += assetData.u ? assetData.u : '';
+ path += assetData.p;
+ }
+ return path;
+};
+
+AnimationItem.prototype.getAssetData = function (id) {
+ var i = 0, len = this.assets.length;
+ while (i < len) {
+ if(id == this.assets[i].id){
+ return this.assets[i];
+ }
+ i += 1;
+ }
+};
+
+AnimationItem.prototype.hide = function () {
+ this.renderer.hide();
+};
+
+AnimationItem.prototype.show = function () {
+ this.renderer.show();
+};
+
+AnimationItem.prototype.getDuration = function (isFrame) {
+ return isFrame ? this.totalFrames : this.totalFrames / this.frameRate;
+};
+
+AnimationItem.prototype.trigger = function(name){
+ if(this._cbs && this._cbs[name]){
+ switch(name){
+ case 'enterFrame':
+ this.triggerEvent(name,new BMEnterFrameEvent(name,this.currentFrame,this.totalFrames,this.frameMult));
+ break;
+ case 'loopComplete':
+ this.triggerEvent(name,new BMCompleteLoopEvent(name,this.loop,this.playCount,this.frameMult));
+ break;
+ case 'complete':
+ this.triggerEvent(name,new BMCompleteEvent(name,this.frameMult));
+ break;
+ case 'segmentStart':
+ this.triggerEvent(name,new BMSegmentStartEvent(name,this.firstFrame,this.totalFrames));
+ break;
+ case 'destroy':
+ this.triggerEvent(name,new BMDestroyEvent(name,this));
+ break;
+ default:
+ this.triggerEvent(name);
+ }
+ }
+ if(name === 'enterFrame' && this.onEnterFrame){
+ this.onEnterFrame.call(this,new BMEnterFrameEvent(name,this.currentFrame,this.totalFrames,this.frameMult));
+ }
+ if(name === 'loopComplete' && this.onLoopComplete){
+ this.onLoopComplete.call(this,new BMCompleteLoopEvent(name,this.loop,this.playCount,this.frameMult));
+ }
+ if(name === 'complete' && this.onComplete){
+ this.onComplete.call(this,new BMCompleteEvent(name,this.frameMult));
+ }
+ if(name === 'segmentStart' && this.onSegmentStart){
+ this.onSegmentStart.call(this,new BMSegmentStartEvent(name,this.firstFrame,this.totalFrames));
+ }
+ if(name === 'destroy' && this.onDestroy){
+ this.onDestroy.call(this,new BMDestroyEvent(name,this));
+ }
+};
+
+function EffectsManager(){}
+
+ var lottiejs = {};
+
+ var _isFrozen = false;
+
+ function setLocationHref (href) {
+ locationHref = href;
+ }
+
+ function searchAnimations() {
+ if (standalone === true) {
+ animationManager.searchAnimations(animationData, standalone, renderer);
+ } else {
+ animationManager.searchAnimations();
+ }
+ }
+
+ function setSubframeRendering(flag) {
+ subframeEnabled = flag;
+ }
+
+ function loadAnimation(params) {
+ if (standalone === true) {
+ params.animationData = JSON.parse(animationData);
+ }
+ return animationManager.loadAnimation(params);
+ }
+
+ function setQuality(value) {
+ if (typeof value === 'string') {
+ switch (value) {
+ case 'high':
+ defaultCurveSegments = 200;
+ break;
+ case 'medium':
+ defaultCurveSegments = 50;
+ break;
+ case 'low':
+ defaultCurveSegments = 10;
+ break;
+ }
+ } else if (!isNaN(value) && value > 1) {
+ defaultCurveSegments = value;
+ }
+ if (defaultCurveSegments >= 50) {
+ roundValues(false);
+ } else {
+ roundValues(true);
+ }
+ }
+
+ function inBrowser() {
+ return typeof navigator !== 'undefined';
+ }
+
+ function installPlugin(type, plugin) {
+ if (type === 'expressions') {
+ expressionsPlugin = plugin;
+ }
+ }
+
+ function getFactory(name) {
+ switch (name) {
+ case "propertyFactory":
+ return PropertyFactory;
+ case "shapePropertyFactory":
+ return ShapePropertyFactory;
+ case "matrix":
+ return Matrix;
+ }
+ }
+
+ lottiejs.play = animationManager.play;
+ lottiejs.pause = animationManager.pause;
+ lottiejs.setLocationHref = setLocationHref;
+ lottiejs.togglePause = animationManager.togglePause;
+ lottiejs.setSpeed = animationManager.setSpeed;
+ lottiejs.setDirection = animationManager.setDirection;
+ lottiejs.stop = animationManager.stop;
+ lottiejs.searchAnimations = searchAnimations;
+ lottiejs.registerAnimation = animationManager.registerAnimation;
+ lottiejs.loadAnimation = loadAnimation;
+ lottiejs.setSubframeRendering = setSubframeRendering;
+ lottiejs.resize = animationManager.resize;
+ //lottiejs.start = start;
+ lottiejs.goToAndStop = animationManager.goToAndStop;
+ lottiejs.destroy = animationManager.destroy;
+ lottiejs.setQuality = setQuality;
+ lottiejs.inBrowser = inBrowser;
+ lottiejs.installPlugin = installPlugin;
+ lottiejs.freeze = animationManager.freeze;
+ lottiejs.unfreeze = animationManager.unfreeze;
+ lottiejs.getRegisteredAnimations = animationManager.getRegisteredAnimations;
+ lottiejs.__getFactory = getFactory;
+ lottiejs.version = '5.4.2';
+
+ function checkReady() {
+ if (document.readyState === "complete") {
+ clearInterval(readyStateCheckInterval);
+ searchAnimations();
+ }
+ }
+
+ function getQueryVariable(variable) {
+ var vars = queryString.split('&');
+ for (var i = 0; i < vars.length; i++) {
+ var pair = vars[i].split('=');
+ if (decodeURIComponent(pair[0]) == variable) {
+ return decodeURIComponent(pair[1]);
+ }
+ }
+ }
+ var standalone = '__[STANDALONE]__';
+ var animationData = '__[ANIMATIONDATA]__';
+ var renderer = '';
+ if (standalone) {
+ var scripts = document.getElementsByTagName('script');
+ var index = scripts.length - 1;
+ var myScript = scripts[index] || {
+ src: ''
+ };
+ var queryString = myScript.src.replace(/^[^\?]+\??/, '');
+ renderer = getQueryVariable('renderer');
+ }
+ var readyStateCheckInterval = setInterval(checkReady, 100);
+ return lottiejs;
+}));
diff --git a/build/player/lottie_light_canvas.min.js b/build/player/lottie_light_canvas.min.js
new file mode 100644
index 0000000..a20552a
--- /dev/null
+++ b/build/player/lottie_light_canvas.min.js
@@ -0,0 +1 @@
+var t,e;"undefined"!=typeof navigator&&(t=window||{},e=function(u){"use strict";var h,D="",s=-999999,e=!0,k=(/^((?!chrome|android).)*safari/i.test(navigator.userAgent),Math.round,Math.pow),C=Math.sqrt,f=(Math.abs,Math.floor),m=(Math.max,Math.min),i={};!function(){var t,e=Object.getOwnPropertyNames(Math),s=e.length;for(t=0;t<s;t+=1)i[e[t]]=Math[e[t]]}(),i.random=Math.random,i.abs=function(t){if("object"===typeof t&&t.length){var e,s=S(t.length),i=t.length;for(e=0;e<i;e+=1)s[e]=Math.abs(t[e]);return s}return Math.abs(t)};var x=150,q=Math.PI/180,v=.5519;function a(t){t?Math.round:function(t){return t}}function r(t,e,s,i){this.type=t,this.currentTime=e,this.totalTime=s,this.direction=i<0?-1:1}function n(t,e){this.type=t,this.direction=e<0?-1:1}function o(t,e,s,i){this.type=t,this.currentLoop=s,this.totalLoops=e,this.direction=i<0?-1:1}function l(t,e,s){this.type=t,this.firstFrame=e,this.totalFrames=s}function p(t,e){this.type=t,this.target=e}function P(t,e){var s;void 0===e&&(e="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890");var i="";for(s=t;0<s;--s)i+=e[Math.round(Math.random()*(e.length-1))];return i}function d(t,e,s){var i,a,r,n,h,o,l,p;switch(o=s*(1-e),l=s*(1-(h=6*t-(n=Math.floor(6*t)))*e),p=s*(1-(1-h)*e),n%6){case 0:i=s,a=p,r=o;break;case 1:i=l,a=s,r=o;break;case 2:i=o,a=s,r=p;break;case 3:i=o,a=l,r=s;break;case 4:i=p,a=o,r=s;break;case 5:i=s,a=o,r=l}return[i,a,r]}function c(t,e,s){var i,a=Math.max(t,e,s),r=Math.min(t,e,s),n=a-r,h=0===a?0:n/a,o=a/255;switch(a){case r:i=0;break;case t:i=e-s+n*(e<s?6:0),i/=6*n;break;case e:i=s-t+2*n,i/=6*n;break;case s:i=t-e+4*n,i/=6*n}return[i,h,o]}function lt(t,e){var s=c(255*t[0],255*t[1],255*t[2]);return s[1]+=e,1<s[1]?s[1]=1:s[1]<=0&&(s[1]=0),d(s[0],s[1],s[2])}function pt(t,e){var s=c(255*t[0],255*t[1],255*t[2]);return s[2]+=e,1<s[2]?s[2]=1:s[2]<0&&(s[2]=0),d(s[0],s[1],s[2])}function ft(t,e){var s=c(255*t[0],255*t[1],255*t[2]);return s[0]+=e/360,1<s[0]?s[0]-=1:s[0]<0&&(s[0]+=1),d(s[0],s[1],s[2])}a(!1);!function(){var t,e,s=[];for(t=0;t<256;t+=1)e=t.toString(16),s[t]=1==e.length?"0"+e:e}();function t(){}t.prototype={triggerEvent:function(t,e){if(this._cbs[t])for(var s=this._cbs[t].length,i=0;i<s;i++)this._cbs[t][i](e)},addEventListener:function(t,e){return this._cbs[t]||(this._cbs[t]=[]),this._cbs[t].push(e),function(){this.removeEventListener(t,e)}.bind(this)},removeEventListener:function(t,e){if(e){if(this._cbs[t]){for(var s=0,i=this._cbs[t].length;s<i;)this._cbs[t][s]===e&&(this._cbs[t].splice(s,1),s-=1,i-=1),s+=1;this._cbs[t].length||(this._cbs[t]=null)}}else this._cbs[t]=null}};var B="function"==typeof Uint8ClampedArray&&"function"==typeof Float32Array?function(t,e){return"float32"===t?new Float32Array(e):"int16"===t?new Int16Array(e):"uint8c"===t?new Uint8ClampedArray(e):void 0}:function(t,e){var s,i=0,a=[];switch(t){case"int16":case"uint8c":s=1;break;default:s=1.1}for(i=0;i<e;i+=1)a.push(s);return a};function S(t){return Array.apply(null,{length:t})}function g(t){return document.createElement(t)}function y(){}y.prototype={addDynamicProperty:function(t){-1===this.dynamicProperties.indexOf(t)&&(this.dynamicProperties.push(t),this.container.addDynamicProperty(this),this._isAnimated=!0)},iterateDynamicProperties:function(){this._mdf=!1;var t,e=this.dynamicProperties.length;for(t=0;t<e;t+=1)this.dynamicProperties[t].getValue(),this.dynamicProperties[t]._mdf&&(this._mdf=!0)},initDynamicPropertyContainer:function(t){this.container=t,this.dynamicProperties=[],this._mdf=!1,this._isAnimated=!1}};var b=function(){var a=Math.cos,r=Math.sin,n=Math.tan,i=Math.round;function t(){return this.props[0]=1,this.props[1]=0,this.props[2]=0,this.props[3]=0,this.props[4]=0,this.props[5]=1,this.props[6]=0,this.props[7]=0,this.props[8]=0,this.props[9]=0,this.props[10]=1,this.props[11]=0,this.props[12]=0,this.props[13]=0,this.props[14]=0,this.props[15]=1,this}function e(t){if(0===t)return this;var e=a(t),s=r(t);return this._t(e,-s,0,0,s,e,0,0,0,0,1,0,0,0,0,1)}function s(t){if(0===t)return this;var e=a(t),s=r(t);return this._t(1,0,0,0,0,e,-s,0,0,s,e,0,0,0,0,1)}function h(t){if(0===t)return this;var e=a(t),s=r(t);return this._t(e,0,s,0,0,1,0,0,-s,0,e,0,0,0,0,1)}function o(t){if(0===t)return this;var e=a(t),s=r(t);return this._t(e,-s,0,0,s,e,0,0,0,0,1,0,0,0,0,1)}function l(t,e){return this._t(1,e,t,1,0,0)}function p(t,e){return this.shear(n(t),n(e))}function f(t,e){var s=a(e),i=r(e);return this._t(s,i,0,0,-i,s,0,0,0,0,1,0,0,0,0,1)._t(1,0,0,0,n(t),1,0,0,0,0,1,0,0,0,0,1)._t(s,-i,0,0,i,s,0,0,0,0,1,0,0,0,0,1)}function m(t,e,s){return s||0===s||(s=1),1===t&&1===e&&1===s?this:this._t(t,0,0,0,0,e,0,0,0,0,s,0,0,0,0,1)}function d(t,e,s,i,a,r,n,h,o,l,p,f,m,d,c,u){return this.props[0]=t,this.props[1]=e,this.props[2]=s,this.props[3]=i,this.props[4]=a,this.props[5]=r,this.props[6]=n,this.props[7]=h,this.props[8]=o,this.props[9]=l,this.props[10]=p,this.props[11]=f,this.props[12]=m,this.props[13]=d,this.props[14]=c,this.props[15]=u,this}function c(t,e,s){return s=s||0,0!==t||0!==e||0!==s?this._t(1,0,0,0,0,1,0,0,0,0,1,0,t,e,s,1):this}function u(t,e,s,i,a,r,n,h,o,l,p,f,m,d,c,u){var g=this.props;if(1===t&&0===e&&0===s&&0===i&&0===a&&1===r&&0===n&&0===h&&0===o&&0===l&&1===p&&0===f)return g[12]=g[12]*t+g[15]*m,g[13]=g[13]*r+g[15]*d,g[14]=g[14]*p+g[15]*c,g[15]=g[15]*u,this._identityCalculated=!1,this;var y=g[0],v=g[1],b=g[2],_=g[3],k=g[4],D=g[5],C=g[6],x=g[7],P=g[8],S=g[9],T=g[10],A=g[11],w=g[12],M=g[13],F=g[14],I=g[15];return g[0]=y*t+v*a+b*o+_*m,g[1]=y*e+v*r+b*l+_*d,g[2]=y*s+v*n+b*p+_*c,g[3]=y*i+v*h+b*f+_*u,g[4]=k*t+D*a+C*o+x*m,g[5]=k*e+D*r+C*l+x*d,g[6]=k*s+D*n+C*p+x*c,g[7]=k*i+D*h+C*f+x*u,g[8]=P*t+S*a+T*o+A*m,g[9]=P*e+S*r+T*l+A*d,g[10]=P*s+S*n+T*p+A*c,g[11]=P*i+S*h+T*f+A*u,g[12]=w*t+M*a+F*o+I*m,g[13]=w*e+M*r+F*l+I*d,g[14]=w*s+M*n+F*p+I*c,g[15]=w*i+M*h+F*f+I*u,this._identityCalculated=!1,this}function g(){return this._identityCalculated||(this._identity=!(1!==this.props[0]||0!==this.props[1]||0!==this.props[2]||0!==this.props[3]||0!==this.props[4]||1!==this.props[5]||0!==this.props[6]||0!==this.props[7]||0!==this.props[8]||0!==this.props[9]||1!==this.props[10]||0!==this.props[11]||0!==this.props[12]||0!==this.props[13]||0!==this.props[14]||1!==this.props[15]),this._identityCalculated=!0),this._identity}function y(t){for(var e=0;e<16;){if(t.props[e]!==this.props[e])return!1;e+=1}return!0}function v(t){var e;for(e=0;e<16;e+=1)t.props[e]=this.props[e]}function b(t){var e;for(e=0;e<16;e+=1)this.props[e]=t[e]}function _(t,e,s){return{x:t*this.props[0]+e*this.props[4]+s*this.props[8]+this.props[12],y:t*this.props[1]+e*this.props[5]+s*this.props[9]+this.props[13],z:t*this.props[2]+e*this.props[6]+s*this.props[10]+this.props[14]}}function k(t,e,s){return t*this.props[0]+e*this.props[4]+s*this.props[8]+this.props[12]}function D(t,e,s){return t*this.props[1]+e*this.props[5]+s*this.props[9]+this.props[13]}function C(t,e,s){return t*this.props[2]+e*this.props[6]+s*this.props[10]+this.props[14]}function x(t){var e=this.props[0]*this.props[5]-this.props[1]*this.props[4],s=this.props[5]/e,i=-this.props[1]/e,a=-this.props[4]/e,r=this.props[0]/e,n=(this.props[4]*this.props[13]-this.props[5]*this.props[12])/e,h=-(this.props[0]*this.props[13]-this.props[1]*this.props[12])/e;return[t[0]*s+t[1]*a+n,t[0]*i+t[1]*r+h,0]}function P(t){var e,s=t.length,i=[];for(e=0;e<s;e+=1)i[e]=x(t[e]);return i}function S(t,e,s){var i=B("float32",6);if(this.isIdentity())i[0]=t[0],i[1]=t[1],i[2]=e[0],i[3]=e[1],i[4]=s[0],i[5]=s[1];else{var a=this.props[0],r=this.props[1],n=this.props[4],h=this.props[5],o=this.props[12],l=this.props[13];i[0]=t[0]*a+t[1]*n+o,i[1]=t[0]*r+t[1]*h+l,i[2]=e[0]*a+e[1]*n+o,i[3]=e[0]*r+e[1]*h+l,i[4]=s[0]*a+s[1]*n+o,i[5]=s[0]*r+s[1]*h+l}return i}function T(t,e,s){return this.isIdentity()?[t,e,s]:[t*this.props[0]+e*this.props[4]+s*this.props[8]+this.props[12],t*this.props[1]+e*this.props[5]+s*this.props[9]+this.props[13],t*this.props[2]+e*this.props[6]+s*this.props[10]+this.props[14]]}function A(t,e){if(this.isIdentity())return t+","+e;var s=this.props;return Math.round(100*(t*s[0]+e*s[4]+s[12]))/100+","+Math.round(100*(t*s[1]+e*s[5]+s[13]))/100}function w(){for(var t=0,e=this.props,s="matrix3d(";t<16;)s+=i(1e4*e[t])/1e4,s+=15===t?")":",",t+=1;return s}function M(t){return t<1e-6&&0<t||-1e-6<t&&t<0?i(1e4*t)/1e4:t}function F(){var t=this.props;return"matrix("+M(t[0])+","+M(t[1])+","+M(t[4])+","+M(t[5])+","+M(t[12])+","+M(t[13])+")"}return function(){this.reset=t,this.rotate=e,this.rotateX=s,this.rotateY=h,this.rotateZ=o,this.skew=p,this.skewFromAxis=f,this.shear=l,this.scale=m,this.setTransform=d,this.translate=c,this.transform=u,this.applyToPoint=_,this.applyToX=k,this.applyToY=D,this.applyToZ=C,this.applyToPointArray=T,this.applyToTriplePoints=S,this.applyToPointStringified=A,this.toCSS=w,this.to2dCSS=F,this.clone=v,this.cloneFromProps=b,this.equals=y,this.inversePoints=P,this.inversePoint=x,this._t=this.transform,this.isIdentity=g,this._identity=!0,this._identityCalculated=!1,this.props=B("float32",16),this.reset()}}();!function(h,o){var l,p=this,f=256,m=6,d="random",c=o.pow(f,m),u=o.pow(2,52),g=2*u,y=f-1;function v(t){var e,s=t.length,n=this,i=0,a=n.i=n.j=0,r=n.S=[];for(s||(t=[s++]);i<f;)r[i]=i++;for(i=0;i<f;i++)r[i]=r[a=y&a+t[i%s]+(e=r[i])],r[a]=e;n.g=function(t){for(var e,s=0,i=n.i,a=n.j,r=n.S;t--;)e=r[i=y&i+1],s=s*f+r[y&(r[i]=r[a=y&a+e])+(r[a]=e)];return n.i=i,n.j=a,s}}function b(t,e){return e.i=t.i,e.j=t.j,e.S=t.S.slice(),e}function _(t,e){for(var s,i=t+"",a=0;a<i.length;)e[y&a]=y&(s^=19*e[y&a])+i.charCodeAt(a++);return k(e)}function k(t){return String.fromCharCode.apply(0,t)}o["seed"+d]=function(t,e,s){var i=[],a=_(function t(e,s){var i,a=[],r=typeof e;if(s&&"object"==r)for(i in e)try{a.push(t(e[i],s-1))}catch(t){}return a.length?a:"string"==r?e:e+"\0"}((e=!0===e?{entropy:!0}:e||{}).entropy?[t,k(h)]:null===t?function(){try{if(l)return k(l.randomBytes(f));var t=new Uint8Array(f);return(p.crypto||p.msCrypto).getRandomValues(t),k(t)}catch(t){var e=p.navigator,s=e&&e.plugins;return[+new Date,p,s,p.screen,k(h)]}}():t,3),i),r=new v(i),n=function(){for(var t=r.g(m),e=c,s=0;t<u;)t=(t+s)*f,e*=f,s=r.g(1);for(;g<=t;)t/=2,e/=2,s>>>=1;return(t+s)/e};return n.int32=function(){return 0|r.g(4)},n.quick=function(){return r.g(4)/4294967296},n.double=n,_(k(r.S),h),(e.pass||s||function(t,e,s,i){return i&&(i.S&&b(i,r),t.state=function(){return b(r,{})}),s?(o[d]=t,e):t})(n,a,"global"in e?e.global:this==o,e.state)},_(o.random(),h)}([],i);var j=function(){var t={getBezierEasing:function(t,e,s,i,a){var r=a||("bez_"+t+"_"+e+"_"+s+"_"+i).replace(/\./g,"p");if(h[r])return h[r];var n=new o([t,e,s,i]);return h[r]=n}},h={};var l=11,p=1/(l-1),e="function"==typeof Float32Array;function i(t,e){return 1-3*e+3*t}function a(t,e){return 3*e-6*t}function r(t){return 3*t}function f(t,e,s){return((i(e,s)*t+a(e,s))*t+r(e))*t}function m(t,e,s){return 3*i(e,s)*t*t+2*a(e,s)*t+r(e)}function o(t){this._p=t,this._mSampleValues=e?new Float32Array(l):new Array(l),this._precomputed=!1,this.get=this.get.bind(this)}return o.prototype={get:function(t){var e=this._p[0],s=this._p[1],i=this._p[2],a=this._p[3];return this._precomputed||this._precompute(),e===s&&i===a?t:0===t?0:1===t?1:f(this._getTForX(t),s,a)},_precompute:function(){var t=this._p[0],e=this._p[1],s=this._p[2],i=this._p[3];this._precomputed=!0,t===e&&s===i||this._calcSampleValues()},_calcSampleValues:function(){for(var t=this._p[0],e=this._p[2],s=0;s<l;++s)this._mSampleValues[s]=f(s*p,t,e)},_getTForX:function(t){for(var e=this._p[0],s=this._p[2],i=this._mSampleValues,a=0,r=1,n=l-1;r!==n&&i[r]<=t;++r)a+=p;var h=a+(t-i[--r])/(i[r+1]-i[r])*p,o=m(h,e,s);return.001<=o?function(t,e,s,i){for(var a=0;a<4;++a){var r=m(e,s,i);if(0===r)return e;e-=(f(e,s,i)-t)/r}return e}(t,h,e,s):0===o?h:function(t,e,s,i,a){for(var r,n,h=0;0<(r=f(n=e+(s-e)/2,i,a)-t)?s=n:e=n,1e-7<Math.abs(r)&&++h<10;);return n}(t,a,a+p,e,s)}},t}();function _(t,e){var s,i,a=t.length;for(s=0;s<a;s+=1)for(var r in i=t[s].prototype)i.hasOwnProperty(r)&&(e.prototype[r]=i[r])}!function(){for(var r=0,t=["ms","moz","webkit","o"],e=0;e<t.length&&!u.requestAnimationFrame;++e)u.requestAnimationFrame=u[t[e]+"RequestAnimationFrame"],u.cancelAnimationFrame=u[t[e]+"CancelAnimationFrame"]||u[t[e]+"CancelRequestAnimationFrame"];u.requestAnimationFrame||(u.requestAnimationFrame=function(t,e){var s=(new Date).getTime(),i=Math.max(0,16-(s-r)),a=setTimeout(function(){t(s+i)},i);return r=s+i,a}),u.cancelAnimationFrame||(u.cancelAnimationFrame=function(t){clearTimeout(t)})}();var mt=function(){function y(t,e,s,i,a,r){var n=t*i+e*a+s*r-a*i-r*t-s*e;return-.001<n&&n<.001}Math;var p=function(t,e,s,i){var a,r,n,h,o,l,p=x,f=0,m=[],d=[],c=bt.newElement();for(n=s.length,a=0;a<p;a+=1){for(o=a/(p-1),r=l=0;r<n;r+=1)h=k(1-o,3)*t[r]+3*k(1-o,2)*o*s[r]+3*(1-o)*k(o,2)*i[r]+k(o,3)*e[r],m[r]=h,null!==d[r]&&(l+=k(m[r]-d[r],2)),d[r]=m[r];l&&(f+=l=C(l)),c.percents[a]=o,c.lengths[a]=f}return c.addedLength=f,c};function v(t){this.segmentLength=0,this.points=new Array(t)}function b(t,e){this.partialLength=t,this.point=e}var _,t=(_={},function(t){var e=t.s,s=t.e,i=t.to,a=t.ti,r=(e[0]+"_"+e[1]+"_"+s[0]+"_"+s[1]+"_"+i[0]+"_"+i[1]+"_"+a[0]+"_"+a[1]).replace(/\./g,"p");if(_[r])t.bezierData=_[r];else{var n,h,o,l,p,f,m,d=x,c=0,u=null;2===e.length&&(e[0]!=s[0]||e[1]!=s[1])&&y(e[0],e[1],s[0],s[1],e[0]+i[0],e[1]+i[1])&&y(e[0],e[1],s[0],s[1],s[0]+a[0],s[1]+a[1])&&(d=2);var g=new v(d);for(o=i.length,n=0;n<d;n+=1){for(m=S(o),p=n/(d-1),h=f=0;h<o;h+=1)l=k(1-p,3)*e[h]+3*k(1-p,2)*p*(e[h]+i[h])+3*(1-p)*k(p,2)*(s[h]+a[h])+k(p,3)*s[h],m[h]=l,null!==u&&(f+=k(m[h]-u[h],2));c+=f=C(f),g.points[n]=new b(f,m),u=m}g.segmentLength=c,t.bezierData=g,_[r]=g}});function w(t,e){var s=e.percents,i=e.lengths,a=s.length,r=f((a-1)*t),n=t*e.addedLength,h=0;if(r===a-1||0===r||n===i[r])return s[r];for(var o=i[r]>n?-1:1,l=!0;l;)if(i[r]<=n&&i[r+1]>n?(h=(n-i[r])/(i[r+1]-i[r]),l=!1):r+=o,r<0||a-1<=r){if(r===a-1)return s[r];l=!1}return s[r]+(s[r+1]-s[r])*h}var M=B("float32",8);return{getSegmentsLength:function(t){var e,s=vt.newElement(),i=t.c,a=t.v,r=t.o,n=t.i,h=t._length,o=s.lengths,l=0;for(e=0;e<h-1;e+=1)o[e]=p(a[e],a[e+1],r[e],n[e+1]),l+=o[e].addedLength;return i&&h&&(o[e]=p(a[e],a[0],r[e],n[0]),l+=o[e].addedLength),s.totalLength=l,s},getNewSegment:function(t,e,s,i,a,r,n){var h,o=w(a=a<0?0:1<a?1:a,n),l=w(r=1<r?1:r,n),p=t.length,f=1-o,m=1-l,d=f*f*f,c=o*f*f*3,u=o*o*f*3,g=o*o*o,y=f*f*m,v=o*f*m+f*o*m+f*f*l,b=o*o*m+f*o*l+o*f*l,_=o*o*l,k=f*m*m,D=o*m*m+f*l*m+f*m*l,C=o*l*m+f*l*l+o*m*l,x=o*l*l,P=m*m*m,S=l*m*m+m*l*m+m*m*l,T=l*l*m+m*l*l+l*m*l,A=l*l*l;for(h=0;h<p;h+=1)M[4*h]=Math.round(1e3*(d*t[h]+c*s[h]+u*i[h]+g*e[h]))/1e3,M[4*h+1]=Math.round(1e3*(y*t[h]+v*s[h]+b*i[h]+_*e[h]))/1e3,M[4*h+2]=Math.round(1e3*(k*t[h]+D*s[h]+C*i[h]+x*e[h]))/1e3,M[4*h+3]=Math.round(1e3*(P*t[h]+S*s[h]+T*i[h]+A*e[h]))/1e3;return M},getPointInSegment:function(t,e,s,i,a,r){var n=w(a,r),h=1-n;return[Math.round(1e3*(h*h*h*t[0]+(n*h*h+h*n*h+h*h*n)*s[0]+(n*n*h+h*n*n+n*h*n)*i[0]+n*n*n*e[0]))/1e3,Math.round(1e3*(h*h*h*t[1]+(n*h*h+h*n*h+h*h*n)*s[1]+(n*n*h+h*n*n+n*h*n)*i[1]+n*n*n*e[1]))/1e3]},buildBezierData:t,pointOnLine2D:y,pointOnLine3D:function(t,e,s,i,a,r,n,h,o){if(0===s&&0===r&&0===o)return y(t,e,i,a,n,h);var l,p=Math.sqrt(Math.pow(i-t,2)+Math.pow(a-e,2)+Math.pow(r-s,2)),f=Math.sqrt(Math.pow(n-t,2)+Math.pow(h-e,2)+Math.pow(o-s,2)),m=Math.sqrt(Math.pow(n-i,2)+Math.pow(h-a,2)+Math.pow(o-r,2));return-1e-4<(l=f<p?m<p?p-f-m:m-f-p:f<m?m-f-p:f-p-m)&&l<1e-4}}}();var T=function(){function d(t,e){for(var s=0,i=e.length;s<i;){if(e[s].id===t)return e[s].layers.__used?JSON.parse(JSON.stringify(e[s].layers)):(e[s].layers.__used=!0,e[s].layers);s+=1}}function c(t){var e,s,i;for(e=t.length-1;0<=e;e-=1)if("sh"==t[e].ty)if(t[e].ks.k.i)u(t[e].ks.k);else for(i=t[e].ks.k.length,s=0;s<i;s+=1)t[e].ks.k[s].s&&u(t[e].ks.k[s].s[0]),t[e].ks.k[s].e&&u(t[e].ks.k[s].e[0]);else"gr"==t[e].ty&&c(t[e].it)}function u(t){var e,s=t.i.length;for(e=0;e<s;e+=1)t.i[e][0]+=t.v[e][0],t.i[e][1]+=t.v[e][1],t.o[e][0]+=t.v[e][0],t.o[e][1]+=t.v[e][1]}function h(t,e){var s=e?e.split("."):[100,100,100];return t[0]>s[0]||!(s[0]>t[0])&&(t[1]>s[1]||!(s[1]>t[1])&&(t[2]>s[2]||!(s[2]>t[2])&&void 0))}var o,s=function(){var i=[4,4,14];function a(t){var e,s,i,a=t.length;for(e=0;e<a;e+=1)5===t[e].ty&&(s=t[e],i=s.t.d,s.t.d={k:[{s:i,t:0}]})}return function(t){if(h(i,t.v)&&(a(t.layers),t.assets)){var e,s=t.assets.length;for(e=0;e<s;e+=1)t.assets[e].layers&&a(t.assets[e].layers)}}}(),i=(o=[4,7,99],function(t){if(t.chars&&!h(o,t.v)){var e,s,i,a,r,n=t.chars.length;for(e=0;e<n;e+=1)if(t.chars[e].data&&t.chars[e].data.shapes)for(i=(r=t.chars[e].data.shapes[0].it).length,s=0;s<i;s+=1)(a=r[s].ks.k).__converted||(u(r[s].ks.k),a.__converted=!0)}}),a=function(){var i=[4,1,9];function r(t){var e,s,i,a=t.length;for(e=0;e<a;e+=1)if("gr"===t[e].ty)r(t[e].it);else if("fl"===t[e].ty||"st"===t[e].ty)if(t[e].c.k&&t[e].c.k[0].i)for(i=t[e].c.k.length,s=0;s<i;s+=1)t[e].c.k[s].s&&(t[e].c.k[s].s[0]/=255,t[e].c.k[s].s[1]/=255,t[e].c.k[s].s[2]/=255,t[e].c.k[s].s[3]/=255),t[e].c.k[s].e&&(t[e].c.k[s].e[0]/=255,t[e].c.k[s].e[1]/=255,t[e].c.k[s].e[2]/=255,t[e].c.k[s].e[3]/=255);else t[e].c.k[0]/=255,t[e].c.k[1]/=255,t[e].c.k[2]/=255,t[e].c.k[3]/=255}function a(t){var e,s=t.length;for(e=0;e<s;e+=1)4===t[e].ty&&r(t[e].shapes)}return function(t){if(h(i,t.v)&&(a(t.layers),t.assets)){var e,s=t.assets.length;for(e=0;e<s;e+=1)t.assets[e].layers&&a(t.assets[e].layers)}}}(),r=function(){var i=[4,4,18];function l(t){var e,s,i;for(e=t.length-1;0<=e;e-=1)if("sh"==t[e].ty)if(t[e].ks.k.i)t[e].ks.k.c=t[e].closed;else for(i=t[e].ks.k.length,s=0;s<i;s+=1)t[e].ks.k[s].s&&(t[e].ks.k[s].s[0].c=t[e].closed),t[e].ks.k[s].e&&(t[e].ks.k[s].e[0].c=t[e].closed);else"gr"==t[e].ty&&l(t[e].it)}function a(t){var e,s,i,a,r,n,h=t.length;for(s=0;s<h;s+=1){if((e=t[s]).hasMask){var o=e.masksProperties;for(a=o.length,i=0;i<a;i+=1)if(o[i].pt.k.i)o[i].pt.k.c=o[i].cl;else for(n=o[i].pt.k.length,r=0;r<n;r+=1)o[i].pt.k[r].s&&(o[i].pt.k[r].s[0].c=o[i].cl),o[i].pt.k[r].e&&(o[i].pt.k[r].e[0].c=o[i].cl)}4===e.ty&&l(e.shapes)}}return function(t){if(h(i,t.v)&&(a(t.layers),t.assets)){var e,s=t.assets.length;for(e=0;e<s;e+=1)t.assets[e].layers&&a(t.assets[e].layers)}}}(),t={};return t.completeData=function(t,e){t.__complete||(a(t),s(t),i(t),r(t),function t(e,s,i){var a,r,n,h,o,l,p,f=e.length;for(r=0;r<f;r+=1)if("ks"in(a=e[r])&&!a.completed){if(a.completed=!0,a.tt&&(e[r-1].td=a.tt),a.hasMask){var m=a.masksProperties;for(h=m.length,n=0;n<h;n+=1)if(m[n].pt.k.i)u(m[n].pt.k);else for(l=m[n].pt.k.length,o=0;o<l;o+=1)m[n].pt.k[o].s&&u(m[n].pt.k[o].s[0]),m[n].pt.k[o].e&&u(m[n].pt.k[o].e[0])}0===a.ty?(a.layers=d(a.refId,s),t(a.layers,s,i)):4===a.ty?c(a.shapes):5==a.ty&&(0!==(p=a).t.a.length||"m"in p.t.p||(p.singleShape=!0))}}(t.layers,t.assets,e),t.__complete=!0)},t}(),A=function(){var r={w:0,size:0,shapes:[]},t=[];function u(t,e){var s=g("span");s.style.fontFamily=e;var i=g("span");i.innerHTML="giItT1WQy@!-/#",s.style.position="absolute",s.style.left="-10000px",s.style.top="-10000px",s.style.fontSize="300px",s.style.fontVariant="normal",s.style.fontStyle="normal",s.style.fontWeight="normal",s.style.letterSpacing="0",s.appendChild(i),document.body.appendChild(s);var a=i.offsetWidth;return i.style.fontFamily=t+", "+e,{node:i,w:a,parent:s}}t=t.concat([2304,2305,2306,2307,2362,2363,2364,2364,2366,2367,2368,2369,2370,2371,2372,2373,2374,2375,2376,2377,2378,2379,2380,2381,2382,2383,2387,2388,2389,2390,2391,2402,2403]);var e=function(){this.fonts=[],this.chars=null,this.typekitLoaded=0,this.isLoaded=!1,this.initTime=Date.now()};return e.getCombinedCharacterCodes=function(){return t},e.prototype.addChars=function(t){if(t){this.chars||(this.chars=[]);var e,s,i,a=t.length,r=this.chars.length;for(e=0;e<a;e+=1){for(s=0,i=!1;s<r;)this.chars[s].style===t[e].style&&this.chars[s].fFamily===t[e].fFamily&&this.chars[s].ch===t[e].ch&&(i=!0),s+=1;i||(this.chars.push(t[e]),r+=1)}}},e.prototype.addFonts=function(t,e){if(t){if(this.chars)return this.isLoaded=!0,void(this.fonts=t.list);var s,i,a,r,n=t.list,h=n.length,o=h;for(s=0;s<h;s+=1){var l,p,f=!0;if(n[s].loaded=!1,n[s].monoCase=u(n[s].fFamily,"monospace"),n[s].sansCase=u(n[s].fFamily,"sans-serif"),n[s].fPath){if("p"===n[s].fOrigin||3===n[s].origin){if(0<(l=document.querySelectorAll('style[f-forigin="p"][f-family="'+n[s].fFamily+'"], style[f-origin="3"][f-family="'+n[s].fFamily+'"]')).length&&(f=!1),f){var m=g("style");m.setAttribute("f-forigin",n[s].fOrigin),m.setAttribute("f-origin",n[s].origin),m.setAttribute("f-family",n[s].fFamily),m.type="text/css",m.innerHTML="@font-face {font-family: "+n[s].fFamily+"; font-style: normal; src: url('"+n[s].fPath+"');}",e.appendChild(m)}}else if("g"===n[s].fOrigin||1===n[s].origin){for(l=document.querySelectorAll('link[f-forigin="g"], link[f-origin="1"]'),p=0;p<l.length;p++)-1!==l[p].href.indexOf(n[s].fPath)&&(f=!1);if(f){var d=g("link");d.setAttribute("f-forigin",n[s].fOrigin),d.setAttribute("f-origin",n[s].origin),d.type="text/css",d.rel="stylesheet",d.href=n[s].fPath,document.body.appendChild(d)}}else if("t"===n[s].fOrigin||2===n[s].origin){for(l=document.querySelectorAll('script[f-forigin="t"], script[f-origin="2"]'),p=0;p<l.length;p++)n[s].fPath===l[p].src&&(f=!1);if(f){var c=g("link");c.setAttribute("f-forigin",n[s].fOrigin),c.setAttribute("f-origin",n[s].origin),c.setAttribute("rel","stylesheet"),c.setAttribute("href",n[s].fPath),e.appendChild(c)}}}else n[s].loaded=!0,o-=1;n[s].helper=(i=e,a=n[s],r=void 0,(r=createNS("text")).style.fontSize="100px",r.setAttribute("font-family",a.fFamily),r.setAttribute("font-style",a.fStyle),r.setAttribute("font-weight",a.fWeight),r.textContent="1",a.fClass?(r.style.fontFamily="inherit",r.className=a.fClass):r.style.fontFamily=a.fFamily,i.appendChild(r),g("canvas").getContext("2d").font=a.fWeight+" "+a.fStyle+" 100px "+a.fFamily,r),n[s].cache={},this.fonts.push(n[s])}0===o?this.isLoaded=!0:setTimeout(this.checkLoadedFonts.bind(this),100)}else this.isLoaded=!0},e.prototype.getCharData=function(t,e,s){for(var i=0,a=this.chars.length;i<a;){if(this.chars[i].ch===t&&this.chars[i].style===e&&this.chars[i].fFamily===s)return this.chars[i];i+=1}return console&&console.warn&&console.warn("Missing character from exported characters list: ",t,e,s),r},e.prototype.getFontByName=function(t){for(var e=0,s=this.fonts.length;e<s;){if(this.fonts[e].fName===t)return this.fonts[e];e+=1}return this.fonts[0]},e.prototype.measureText=function(t,e,s){var i=this.getFontByName(e),a=t.charCodeAt(0);if(!i.cache[a+1]){var r=i.helper;if(" "===t){r.textContent="|"+t+"|";var n=r.getComputedTextLength();r.textContent="||";var h=r.getComputedTextLength();i.cache[a+1]=(n-h)/100}else r.textContent=t,i.cache[a+1]=r.getComputedTextLength()/100}return i.cache[a+1]*s},e.prototype.checkLoadedFonts=function(){var t,e,s,i=this.fonts.length,a=i;for(t=0;t<i;t+=1)this.fonts[t].loaded?a-=1:"n"===this.fonts[t].fOrigin||0===this.fonts[t].origin?this.fonts[t].loaded=!0:(e=this.fonts[t].monoCase.node,s=this.fonts[t].monoCase.w,e.offsetWidth!==s?(a-=1,this.fonts[t].loaded=!0):(e=this.fonts[t].sansCase.node,s=this.fonts[t].sansCase.w,e.offsetWidth!==s&&(a-=1,this.fonts[t].loaded=!0)),this.fonts[t].loaded&&(this.fonts[t].sansCase.parent.parentNode.removeChild(this.fonts[t].sansCase.parent),this.fonts[t].monoCase.parent.parentNode.removeChild(this.fonts[t].monoCase.parent)));0!==a&&Date.now()-this.initTime<5e3?setTimeout(this.checkLoadedFonts.bind(this),20):setTimeout(function(){this.isLoaded=!0}.bind(this),0)},e.prototype.loaded=function(){return this.isLoaded},e}(),w=function(){var f=s,a=Math.abs;function m(t,e){var s,i=this.offsetTime;"multidimensional"===this.propType&&(s=B("float32",this.pv.length));for(var a,r,n,h,o,l,p,f,m=e.lastIndex,d=m,c=this.keyframes.length-1,u=!0;u;){if(a=this.keyframes[d],r=this.keyframes[d+1],d===c-1&&t>=r.t-i){a.h&&(a=r),m=0;break}if(r.t-i>t){m=d;break}d<c-1?d+=1:(m=0,u=!1)}var g,y,v,b,_,k,D,C,x,P=r.t-i,S=a.t-i;if(a.to){a.bezierData||mt.buildBezierData(a);var T=a.bezierData;if(P<=t||t<S){var A=P<=t?T.points.length-1:0;for(h=T.points[A].point.length,n=0;n<h;n+=1)s[n]=T.points[A].point[n]}else{a.__fnct?f=a.__fnct:(f=j.getBezierEasing(a.o.x,a.o.y,a.i.x,a.i.y,a.n).get,a.__fnct=f),o=f((t-S)/(P-S));var w,M=T.segmentLength*o,F=e.lastFrame<t&&e._lastBezierData===T?e._lastAddedLength:0;for(p=e.lastFrame<t&&e._lastBezierData===T?e._lastPoint:0,u=!0,l=T.points.length;u;){if(F+=T.points[p].partialLength,0===M||0===o||p===T.points.length-1){for(h=T.points[p].point.length,n=0;n<h;n+=1)s[n]=T.points[p].point[n];break}if(F<=M&&M<F+T.points[p+1].partialLength){for(w=(M-F)/T.points[p+1].partialLength,h=T.points[p].point.length,n=0;n<h;n+=1)s[n]=T.points[p].point[n]+(T.points[p+1].point[n]-T.points[p].point[n])*w;break}p<l-1?p+=1:u=!1}e._lastPoint=p,e._lastAddedLength=F-T.points[p].partialLength,e._lastBezierData=T}}else{var I,E,L,N,z;if(c=a.s.length,this.sh&&1!==a.h)if(P<=t)s[0]=a.e[0],s[1]=a.e[1],s[2]=a.e[2];else if(t<=S)s[0]=a.s[0],s[1]=a.s[1],s[2]=a.s[2];else{var R=O(a.s),V=O(a.e);g=s,y=function(t,e,s){var i,a,r,n,h,o=[],l=t[0],p=t[1],f=t[2],m=t[3],d=e[0],c=e[1],u=e[2],g=e[3];(a=l*d+p*c+f*u+m*g)<0&&(a=-a,d=-d,c=-c,u=-u,g=-g);h=1e-6<1-a?(i=Math.acos(a),r=Math.sin(i),n=Math.sin((1-s)*i)/r,Math.sin(s*i)/r):(n=1-s,s);return o[0]=n*l+h*d,o[1]=n*p+h*c,o[2]=n*f+h*u,o[3]=n*m+h*g,o}(R,V,(t-S)/(P-S)),v=y[0],b=y[1],_=y[2],k=y[3],D=Math.atan2(2*b*k-2*v*_,1-2*b*b-2*_*_),C=Math.asin(2*v*b+2*_*k),x=Math.atan2(2*v*k-2*b*_,1-2*v*v-2*_*_),g[0]=D/q,g[1]=C/q,g[2]=x/q}else for(d=0;d<c;d+=1)1!==a.h&&(o=P<=t?1:t<S?0:(a.o.x.constructor===Array?(a.__fnct||(a.__fnct=[]),a.__fnct[d]?f=a.__fnct[d]:(I=void 0===typeof a.o.x[d]?a.o.x[0]:a.o.x[d],E=void 0===typeof a.o.y[d]?a.o.y[0]:a.o.y[d],L=void 0===typeof a.i.x[d]?a.i.x[0]:a.i.x[d],N=void 0===typeof a.i.y[d]?a.i.y[0]:a.i.y[d],f=j.getBezierEasing(I,E,L,N).get,a.__fnct[d]=f)):a.__fnct?f=a.__fnct:(I=a.o.x,E=a.o.y,L=a.i.x,N=a.i.y,f=j.getBezierEasing(I,E,L,N).get,a.__fnct=f),f((t-S)/(P-S)))),z=1===a.h?a.s[d]:a.s[d]+(a.e[d]-a.s[d])*o,1===c?s=z:s[d]=z}return e.lastIndex=m,s}function O(t){var e=t[0]*q,s=t[1]*q,i=t[2]*q,a=Math.cos(e/2),r=Math.cos(s/2),n=Math.cos(i/2),h=Math.sin(e/2),o=Math.sin(s/2),l=Math.sin(i/2);return[h*o*n+a*r*l,h*r*n+a*o*l,a*o*n-h*r*l,a*r*n-h*o*l]}function d(){var t=this.comp.renderedFrame-this.offsetTime,e=this.keyframes[0].t-this.offsetTime,s=this.keyframes[this.keyframes.length-1].t-this.offsetTime;if(!(t===this._caching.lastFrame||this._caching.lastFrame!==f&&(this._caching.lastFrame>=s&&s<=t||this._caching.lastFrame<e&&t<e))){this._caching.lastFrame>=t&&(this._caching._lastBezierData=null,this._caching.lastIndex=0);var i=this.interpolateValue(t,this._caching);this.pv=i}return this._caching.lastFrame=t,this.pv}function c(t){var e;if("unidimensional"===this.propType)e=t*this.mult,1e-5<a(this.v-e)&&(this.v=e,this._mdf=!0);else for(var s=0,i=this.v.length;s<i;)e=t[s]*this.mult,1e-5<a(this.v[s]-e)&&(this.v[s]=e,this._mdf=!0),s+=1}function u(){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length)if(this.lock)this.setVValue(this.pv);else{this.lock=!0,this._mdf=this._isFirstFrame;var t,e=this.effectsSequence.length,s=this.kf?this.pv:this.data.k;for(t=0;t<e;t+=1)s=this.effectsSequence[t](s);this.setVValue(s),this._isFirstFrame=!1,this.lock=!1,this.frameId=this.elem.globalData.frameId}}function g(t){this.effectsSequence.push(t),this.container.addDynamicProperty(this)}function n(t,e,s,i){this.propType="unidimensional",this.mult=s||1,this.data=e,this.v=s?e.k*s:e.k,this.pv=e.k,this._mdf=!1,this.elem=t,this.container=i,this.comp=t.comp,this.k=!1,this.kf=!1,this.vel=0,this.effectsSequence=[],this._isFirstFrame=!0,this.getValue=u,this.setVValue=c,this.addEffect=g}function h(t,e,s,i){this.propType="multidimensional",this.mult=s||1,this.data=e,this._mdf=!1,this.elem=t,this.container=i,this.comp=t.comp,this.k=!1,this.kf=!1,this.frameId=-1;var a,r=e.k.length;this.v=B("float32",r),this.pv=B("float32",r);B("float32",r);for(this.vel=B("float32",r),a=0;a<r;a+=1)this.v[a]=e.k[a]*this.mult,this.pv[a]=e.k[a];this._isFirstFrame=!0,this.effectsSequence=[],this.getValue=u,this.setVValue=c,this.addEffect=g}function o(t,e,s,i){this.propType="unidimensional",this.keyframes=e.k,this.offsetTime=t.data.st,this.frameId=-1,this._caching={lastFrame:f,lastIndex:0,value:0,_lastBezierData:null},this.k=!0,this.kf=!0,this.data=e,this.mult=s||1,this.elem=t,this.container=i,this.comp=t.comp,this.v=f,this.pv=f,this._isFirstFrame=!0,this.getValue=u,this.setVValue=c,this.interpolateValue=m,this.effectsSequence=[d.bind(this)],this.addEffect=g}function l(t,e,s,i){this.propType="multidimensional";var a,r,n,h,o,l=e.k.length;for(a=0;a<l-1;a+=1)e.k[a].to&&e.k[a].s&&e.k[a].e&&(r=e.k[a].s,n=e.k[a].e,h=e.k[a].to,o=e.k[a].ti,(2===r.length&&(r[0]!==n[0]||r[1]!==n[1])&&mt.pointOnLine2D(r[0],r[1],n[0],n[1],r[0]+h[0],r[1]+h[1])&&mt.pointOnLine2D(r[0],r[1],n[0],n[1],n[0]+o[0],n[1]+o[1])||3===r.length&&(r[0]!==n[0]||r[1]!==n[1]||r[2]!==n[2])&&mt.pointOnLine3D(r[0],r[1],r[2],n[0],n[1],n[2],r[0]+h[0],r[1]+h[1],r[2]+h[2])&&mt.pointOnLine3D(r[0],r[1],r[2],n[0],n[1],n[2],n[0]+o[0],n[1]+o[1],n[2]+o[2]))&&(e.k[a].to=null,e.k[a].ti=null),r[0]===n[0]&&r[1]===n[1]&&0===h[0]&&0===h[1]&&0===o[0]&&0===o[1]&&(2===r.length||r[2]===n[2]&&0===h[2]&&0===o[2])&&(e.k[a].to=null,e.k[a].ti=null));this.effectsSequence=[d.bind(this)],this.keyframes=e.k,this.offsetTime=t.data.st,this.k=!0,this.kf=!0,this._isFirstFrame=!0,this.mult=s||1,this.elem=t,this.container=i,this.comp=t.comp,this.getValue=u,this.setVValue=c,this.interpolateValue=m,this.frameId=-1;var p=e.k[0].s.length;for(this.v=B("float32",p),this.pv=B("float32",p),a=0;a<p;a+=1)this.v[a]=f,this.pv[a]=f;this._caching={lastFrame:f,lastIndex:0,value:B("float32",p)},this.addEffect=g}return{getProp:function(t,e,s,i,a){var r;if(0===e.a)r=0===s?new n(t,e,i,a):new h(t,e,i,a);else if(1===e.a)r=0===s?new o(t,e,i,a):new l(t,e,i,a);else if(e.k.length)if("number"==typeof e.k[0])r=new h(t,e,i,a);else switch(s){case 0:r=new o(t,e,i,a);break;case 1:r=new l(t,e,i,a)}else r=new n(t,e,i,a);return r.effectsSequence.length&&a.addDynamicProperty(r),r}}}(),M=function(){function i(t,e,s){if(this.elem=t,this.frameId=-1,this.propType="transform",this.data=e,this.v=new b,this.pre=new b,this.appliedTransformations=0,this.initDynamicPropertyContainer(s||t),e.p.s?(this.px=w.getProp(t,e.p.x,0,0,this),this.py=w.getProp(t,e.p.y,0,0,this),e.p.z&&(this.pz=w.getProp(t,e.p.z,0,0,this))):this.p=w.getProp(t,e.p,1,0,this),e.r)this.r=w.getProp(t,e.r,0,q,this);else if(e.rx){if(this.rx=w.getProp(t,e.rx,0,q,this),this.ry=w.getProp(t,e.ry,0,q,this),this.rz=w.getProp(t,e.rz,0,q,this),e.or.k[0].ti){var i,a=e.or.k.length;for(i=0;i<a;i+=1)e.or.k[i].to=e.or.k[i].ti=null}this.or=w.getProp(t,e.or,1,q,this),this.or.sh=!0}e.sk&&(this.sk=w.getProp(t,e.sk,0,q,this),this.sa=w.getProp(t,e.sa,0,q,this)),e.a&&(this.a=w.getProp(t,e.a,1,0,this)),e.s&&(this.s=w.getProp(t,e.s,1,.01,this)),e.o?this.o=w.getProp(t,e.o,0,.01,t):this.o={_mdf:!1,v:1},this._isDirty=!0,this.dynamicProperties.length||this.getValue(!0)}return i.prototype={applyToMatrix:function(t){var e=this._mdf;this.iterateDynamicProperties(),this._mdf=this._mdf||e,this.a&&t.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.s&&t.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&t.skewFromAxis(-this.sk.v,this.sa.v),this.r?t.rotate(-this.r.v):t.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.data.p.s?this.data.p.z?t.translate(this.px.v,this.py.v,-this.pz.v):t.translate(this.px.v,this.py.v,0):t.translate(this.p.v[0],this.p.v[1],-this.p.v[2])},getValue:function(t){if(this.elem.globalData.frameId!==this.frameId){if(this._isDirty&&(this.precalculateMatrix(),this._isDirty=!1),this.iterateDynamicProperties(),this._mdf||t){if(this.v.cloneFromProps(this.pre.props),this.appliedTransformations<1&&this.v.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations<2&&this.v.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&this.appliedTransformations<3&&this.v.skewFromAxis(-this.sk.v,this.sa.v),this.r&&this.appliedTransformations<4?this.v.rotate(-this.r.v):!this.r&&this.appliedTransformations<4&&this.v.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.autoOriented){var e,s,i=this.elem.globalData.frameRate;if(this.p&&this.p.keyframes&&this.p.getValueAtTime)s=this.p._caching.lastFrame+this.p.offsetTime<=this.p.keyframes[0].t?(e=this.p.getValueAtTime((this.p.keyframes[0].t+.01)/i,0),this.p.getValueAtTime(this.p.keyframes[0].t/i,0)):this.p._caching.lastFrame+this.p.offsetTime>=this.p.keyframes[this.p.keyframes.length-1].t?(e=this.p.getValueAtTime(this.p.keyframes[this.p.keyframes.length-1].t/i,0),this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length-1].t-.01)/i,0)):(e=this.p.pv,this.p.getValueAtTime((this.p._caching.lastFrame+this.p.offsetTime-.01)/i,this.p.offsetTime));else if(this.px&&this.px.keyframes&&this.py.keyframes&&this.px.getValueAtTime&&this.py.getValueAtTime){e=[],s=[];var a=this.px,r=this.py;a._caching.lastFrame+a.offsetTime<=a.keyframes[0].t?(e[0]=a.getValueAtTime((a.keyframes[0].t+.01)/i,0),e[1]=r.getValueAtTime((r.keyframes[0].t+.01)/i,0),s[0]=a.getValueAtTime(a.keyframes[0].t/i,0),s[1]=r.getValueAtTime(r.keyframes[0].t/i,0)):a._caching.lastFrame+a.offsetTime>=a.keyframes[a.keyframes.length-1].t?(e[0]=a.getValueAtTime(a.keyframes[a.keyframes.length-1].t/i,0),e[1]=r.getValueAtTime(r.keyframes[r.keyframes.length-1].t/i,0),s[0]=a.getValueAtTime((a.keyframes[a.keyframes.length-1].t-.01)/i,0),s[1]=r.getValueAtTime((r.keyframes[r.keyframes.length-1].t-.01)/i,0)):(e=[a.pv,r.pv],s[0]=a.getValueAtTime((a._caching.lastFrame+a.offsetTime-.01)/i,a.offsetTime),s[1]=r.getValueAtTime((r._caching.lastFrame+r.offsetTime-.01)/i,r.offsetTime))}this.v.rotate(-Math.atan2(e[1]-s[1],e[0]-s[0]))}this.data.p.s?this.data.p.z?this.v.translate(this.px.v,this.py.v,-this.pz.v):this.v.translate(this.px.v,this.py.v,0):this.v.translate(this.p.v[0],this.p.v[1],-this.p.v[2])}this.frameId=this.elem.globalData.frameId}},precalculateMatrix:function(){if(!this.a.k&&(this.pre.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations=1,!this.s.effectsSequence.length)){if(this.pre.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.appliedTransformations=2,this.sk){if(this.sk.effectsSequence.length||this.sa.effectsSequence.length)return;this.pre.skewFromAxis(-this.sk.v,this.sa.v),this.appliedTransformations=3}if(this.r){if(this.r.effectsSequence.length)return;this.pre.rotate(-this.r.v),this.appliedTransformations=4}else this.rz.effectsSequence.length||this.ry.effectsSequence.length||this.rx.effectsSequence.length||this.or.effectsSequence.length||(this.pre.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.appliedTransformations=4)}},autoOrient:function(){}},_([y],i),i.prototype.addDynamicProperty=function(t){this._addDynamicProperty(t),this.elem.addDynamicProperty(t),this._isDirty=!0},i.prototype._addDynamicProperty=y.prototype.addDynamicProperty,{getTransformProperty:function(t,e,s){return new i(t,e,s)}}}();function F(){this.c=!1,this._length=0,this._maxLength=8,this.v=S(this._maxLength),this.o=S(this._maxLength),this.i=S(this._maxLength)}F.prototype.setPathData=function(t,e){this.c=t,this.setLength(e);for(var s=0;s<e;)this.v[s]=ut.newElement(),this.o[s]=ut.newElement(),this.i[s]=ut.newElement(),s+=1},F.prototype.setLength=function(t){for(;this._maxLength<t;)this.doubleArrayLength();this._length=t},F.prototype.doubleArrayLength=function(){this.v=this.v.concat(S(this._maxLength)),this.i=this.i.concat(S(this._maxLength)),this.o=this.o.concat(S(this._maxLength)),this._maxLength*=2},F.prototype.setXYAt=function(t,e,s,i,a){var r;switch(this._length=Math.max(this._length,i+1),this._length>=this._maxLength&&this.doubleArrayLength(),s){case"v":r=this.v;break;case"i":r=this.i;break;case"o":r=this.o}(!r[i]||r[i]&&!a)&&(r[i]=ut.newElement()),r[i][0]=t,r[i][1]=e},F.prototype.setTripleAt=function(t,e,s,i,a,r,n,h){this.setXYAt(t,e,"v",n,h),this.setXYAt(s,i,"o",n,h),this.setXYAt(a,r,"i",n,h)},F.prototype.reverse=function(){var t=new F;t.setPathData(this.c,this._length);var e=this.v,s=this.o,i=this.i,a=0;this.c&&(t.setTripleAt(e[0][0],e[0][1],i[0][0],i[0][1],s[0][0],s[0][1],0,!1),a=1);var r,n=this._length-1,h=this._length;for(r=a;r<h;r+=1)t.setTripleAt(e[n][0],e[n][1],i[n][0],i[n][1],s[n][0],s[n][1],r,!1),n-=1;return t};var I,E,L=function(){var a=-999999;function t(t,e,s){var i,a,r,n,h,o,l,p,f,m=s.lastIndex,d=this.keyframes;if(t<d[0].t-this.offsetTime)i=d[0].s[0],r=!0,m=0;else if(t>=d[d.length-1].t-this.offsetTime)i=1===d[d.length-2].h?d[d.length-1].s[0]:d[d.length-2].e[0],r=!0;else{for(var c,u,g=m,y=d.length-1,v=!0;v&&(c=d[g],!((u=d[g+1]).t-this.offsetTime>t));)g<y-1?g+=1:v=!1;if(m=g,!(r=1===c.h)){if(t>=u.t-this.offsetTime)p=1;else if(t<c.t-this.offsetTime)p=0;else{var b;c.__fnct?b=c.__fnct:(b=j.getBezierEasing(c.o.x,c.o.y,c.i.x,c.i.y).get,c.__fnct=b),p=b((t-(c.t-this.offsetTime))/(u.t-this.offsetTime-(c.t-this.offsetTime)))}a=c.e[0]}i=c.s[0]}for(o=e._length,l=i.i[0].length,s.lastIndex=m,n=0;n<o;n+=1)for(h=0;h<l;h+=1)f=r?i.i[n][h]:i.i[n][h]+(a.i[n][h]-i.i[n][h])*p,e.i[n][h]=f,f=r?i.o[n][h]:i.o[n][h]+(a.o[n][h]-i.o[n][h])*p,e.o[n][h]=f,f=r?i.v[n][h]:i.v[n][h]+(a.v[n][h]-i.v[n][h])*p,e.v[n][h]=f}function r(){this.paths=this.localShapeCollection}function e(t){(function(t,e){if(t._length!==e._length||t.c!==e.c)return!1;var s,i=t._length;for(s=0;s<i;s+=1)if(t.v[s][0]!==e.v[s][0]||t.v[s][1]!==e.v[s][1]||t.o[s][0]!==e.o[s][0]||t.o[s][1]!==e.o[s][1]||t.i[s][0]!==e.i[s][0]||t.i[s][1]!==e.i[s][1])return!1;return!0})(this.v,t)||(this.v=gt.clone(t),this.localShapeCollection.releaseShapes(),this.localShapeCollection.addShape(this.v),this._mdf=!0,this.paths=this.localShapeCollection)}function s(){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length)if(this.lock)this.setVValue(this.pv);else{this.lock=!0,this._mdf=!1;var t,e=this.kf?this.pv:this.data.ks?this.data.ks.k:this.data.pt.k,s=this.effectsSequence.length;for(t=0;t<s;t+=1)e=this.effectsSequence[t](e);this.setVValue(e),this.lock=!1,this.frameId=this.elem.globalData.frameId}}function n(t,e,s){this.propType="shape",this.comp=t.comp,this.container=t,this.elem=t,this.data=e,this.k=!1,this.kf=!1,this._mdf=!1;var i=3===s?e.pt.k:e.ks.k;this.v=gt.clone(i),this.pv=gt.clone(this.v),this.localShapeCollection=yt.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.reset=r,this.effectsSequence=[]}function i(t){this.effectsSequence.push(t),this.container.addDynamicProperty(this)}function h(t,e,s){this.propType="shape",this.comp=t.comp,this.elem=t,this.container=t,this.offsetTime=t.data.st,this.keyframes=3===s?e.pt.k:e.ks.k,this.k=!0,this.kf=!0;var i=this.keyframes[0].s[0].i.length;this.keyframes[0].s[0].i[0].length;this.v=gt.newElement(),this.v.setPathData(this.keyframes[0].s[0].c,i),this.pv=gt.clone(this.v),this.localShapeCollection=yt.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.lastFrame=a,this.reset=r,this._caching={lastFrame:a,lastIndex:0},this.effectsSequence=[function(){var t=this.comp.renderedFrame-this.offsetTime,e=this.keyframes[0].t-this.offsetTime,s=this.keyframes[this.keyframes.length-1].t-this.offsetTime,i=this._caching.lastFrame;return i!==a&&(i<e&&t<e||s<i&&s<t)||(this._caching.lastIndex=i<t?this._caching.lastIndex:0,this.interpolateShape(t,this.pv,this._caching)),this._caching.lastFrame=t,this.pv}.bind(this)]}n.prototype.interpolateShape=t,n.prototype.getValue=s,n.prototype.setVValue=e,n.prototype.addEffect=i,h.prototype.getValue=s,h.prototype.interpolateShape=t,h.prototype.setVValue=e,h.prototype.addEffect=i;var o=function(){var n=v;function t(t,e){this.v=gt.newElement(),this.v.setPathData(!0,4),this.localShapeCollection=yt.newShapeCollection(),this.paths=this.localShapeCollection,this.localShapeCollection.addShape(this.v),this.d=e.d,this.elem=t,this.comp=t.comp,this.frameId=-1,this.initDynamicPropertyContainer(t),this.p=w.getProp(t,e.p,1,0,this),this.s=w.getProp(t,e.s,1,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertEllToPath())}return t.prototype={reset:r,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertEllToPath())},convertEllToPath:function(){var t=this.p.v[0],e=this.p.v[1],s=this.s.v[0]/2,i=this.s.v[1]/2,a=3!==this.d,r=this.v;r.v[0][0]=t,r.v[0][1]=e-i,r.v[1][0]=a?t+s:t-s,r.v[1][1]=e,r.v[2][0]=t,r.v[2][1]=e+i,r.v[3][0]=a?t-s:t+s,r.v[3][1]=e,r.i[0][0]=a?t-s*n:t+s*n,r.i[0][1]=e-i,r.i[1][0]=a?t+s:t-s,r.i[1][1]=e-i*n,r.i[2][0]=a?t+s*n:t-s*n,r.i[2][1]=e+i,r.i[3][0]=a?t-s:t+s,r.i[3][1]=e+i*n,r.o[0][0]=a?t+s*n:t-s*n,r.o[0][1]=e-i,r.o[1][0]=a?t+s:t-s,r.o[1][1]=e+i*n,r.o[2][0]=a?t-s*n:t+s*n,r.o[2][1]=e+i,r.o[3][0]=a?t-s:t+s,r.o[3][1]=e-i*n}},_([y],t),t}(),l=function(){function t(t,e){this.v=gt.newElement(),this.v.setPathData(!0,0),this.elem=t,this.comp=t.comp,this.data=e,this.frameId=-1,this.d=e.d,this.initDynamicPropertyContainer(t),1===e.sy?(this.ir=w.getProp(t,e.ir,0,0,this),this.is=w.getProp(t,e.is,0,.01,this),this.convertToPath=this.convertStarToPath):this.convertToPath=this.convertPolygonToPath,this.pt=w.getProp(t,e.pt,0,0,this),this.p=w.getProp(t,e.p,1,0,this),this.r=w.getProp(t,e.r,0,q,this),this.or=w.getProp(t,e.or,0,0,this),this.os=w.getProp(t,e.os,0,.01,this),this.localShapeCollection=yt.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertToPath())}return t.prototype={reset:r,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertToPath())},convertStarToPath:function(){var t,e,s,i,a=2*Math.floor(this.pt.v),r=2*Math.PI/a,n=!0,h=this.or.v,o=this.ir.v,l=this.os.v,p=this.is.v,f=2*Math.PI*h/(2*a),m=2*Math.PI*o/(2*a),d=-Math.PI/2;d+=this.r.v;var c=3===this.data.d?-1:1;for(t=this.v._length=0;t<a;t+=1){s=n?l:p,i=n?f:m;var u=(e=n?h:o)*Math.cos(d),g=e*Math.sin(d),y=0===u&&0===g?0:g/Math.sqrt(u*u+g*g),v=0===u&&0===g?0:-u/Math.sqrt(u*u+g*g);u+=+this.p.v[0],g+=+this.p.v[1],this.v.setTripleAt(u,g,u-y*i*s*c,g-v*i*s*c,u+y*i*s*c,g+v*i*s*c,t,!0),n=!n,d+=r*c}},convertPolygonToPath:function(){var t,e=Math.floor(this.pt.v),s=2*Math.PI/e,i=this.or.v,a=this.os.v,r=2*Math.PI*i/(4*e),n=-Math.PI/2,h=3===this.data.d?-1:1;for(n+=this.r.v,t=this.v._length=0;t<e;t+=1){var o=i*Math.cos(n),l=i*Math.sin(n),p=0===o&&0===l?0:l/Math.sqrt(o*o+l*l),f=0===o&&0===l?0:-o/Math.sqrt(o*o+l*l);o+=+this.p.v[0],l+=+this.p.v[1],this.v.setTripleAt(o,l,o-p*r*a*h,l-f*r*a*h,o+p*r*a*h,l+f*r*a*h,t,!0),n+=s*h}this.paths.length=0,this.paths[0]=this.v}},_([y],t),t}(),p=function(){function t(t,e){this.v=gt.newElement(),this.v.c=!0,this.localShapeCollection=yt.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.elem=t,this.comp=t.comp,this.frameId=-1,this.d=e.d,this.initDynamicPropertyContainer(t),this.p=w.getProp(t,e.p,1,0,this),this.s=w.getProp(t,e.s,1,0,this),this.r=w.getProp(t,e.r,0,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertRectToPath())}return t.prototype={convertRectToPath:function(){var t=this.p.v[0],e=this.p.v[1],s=this.s.v[0]/2,i=this.s.v[1]/2,a=m(s,i,this.r.v),r=a*(1-v);this.v._length=0,2===this.d||1===this.d?(this.v.setTripleAt(t+s,e-i+a,t+s,e-i+a,t+s,e-i+r,0,!0),this.v.setTripleAt(t+s,e+i-a,t+s,e+i-r,t+s,e+i-a,1,!0),0!==a?(this.v.setTripleAt(t+s-a,e+i,t+s-a,e+i,t+s-r,e+i,2,!0),this.v.setTripleAt(t-s+a,e+i,t-s+r,e+i,t-s+a,e+i,3,!0),this.v.setTripleAt(t-s,e+i-a,t-s,e+i-a,t-s,e+i-r,4,!0),this.v.setTripleAt(t-s,e-i+a,t-s,e-i+r,t-s,e-i+a,5,!0),this.v.setTripleAt(t-s+a,e-i,t-s+a,e-i,t-s+r,e-i,6,!0),this.v.setTripleAt(t+s-a,e-i,t+s-r,e-i,t+s-a,e-i,7,!0)):(this.v.setTripleAt(t-s,e+i,t-s+r,e+i,t-s,e+i,2),this.v.setTripleAt(t-s,e-i,t-s,e-i+r,t-s,e-i,3))):(this.v.setTripleAt(t+s,e-i+a,t+s,e-i+r,t+s,e-i+a,0,!0),0!==a?(this.v.setTripleAt(t+s-a,e-i,t+s-a,e-i,t+s-r,e-i,1,!0),this.v.setTripleAt(t-s+a,e-i,t-s+r,e-i,t-s+a,e-i,2,!0),this.v.setTripleAt(t-s,e-i+a,t-s,e-i+a,t-s,e-i+r,3,!0),this.v.setTripleAt(t-s,e+i-a,t-s,e+i-r,t-s,e+i-a,4,!0),this.v.setTripleAt(t-s+a,e+i,t-s+a,e+i,t-s+r,e+i,5,!0),this.v.setTripleAt(t+s-a,e+i,t+s-r,e+i,t+s-a,e+i,6,!0),this.v.setTripleAt(t+s,e+i-a,t+s,e+i-a,t+s,e+i-r,7,!0)):(this.v.setTripleAt(t-s,e-i,t-s+r,e-i,t-s,e-i,1,!0),this.v.setTripleAt(t-s,e+i,t-s,e+i-r,t-s,e+i,2,!0),this.v.setTripleAt(t+s,e+i,t+s-r,e+i,t+s,e+i,3,!0)))},getValue:function(t){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertRectToPath())},reset:r},_([y],t),t}();var f={getShapeProp:function(t,e,s){var i;if(3===s||4===s){var a=3===s?e.pt:e.ks,r=a.k;i=1===a.a||r.length?new h(t,e,s):new n(t,e,s)}else 5===s?i=new p(t,e):6===s?i=new o(t,e):7===s&&(i=new l(t,e));return i.k&&t.addDynamicProperty(i),i},getConstructorFunction:function(){return n},getKeyframedConstructorFunction:function(){return h}};return f}(),N=(E={},(I={}).registerModifier=function(t,e){E[t]||(E[t]=e)},I.getModifier=function(t,e,s){return new E[t](e,s)},I);function z(){}function R(){}function V(){}function O(){}function W(){this._length=0,this._maxLength=4,this.shapes=S(this._maxLength)}function Y(t,e,s,i){this.elem=t,this.frameId=-1,this.dataProps=S(e.length),this.renderer=s,this.k=!1,this.dashStr="",this.dashArray=B("float32",e.length?e.length-1:0),this.dashoffset=B("float32",1),this.initDynamicPropertyContainer(i);var a,r,n=e.length||0;for(a=0;a<n;a+=1)r=w.getProp(t,e[a].v,0,0,this),this.k=r.k||this.k,this.dataProps[a]={n:e[a].n,p:r};this.k||this.getValue(!0),this._isAnimated=this.k}function G(t,e,s){this.data=e,this.c=B("uint8c",4*e.p);var i=e.k.k[0].s?e.k.k[0].s.length-4*e.p:e.k.k.length-4*e.p;this.o=B("float32",i),this._cmdf=!1,this._omdf=!1,this._collapsable=this.checkCollapsable(),this._hasOpacity=i,this.initDynamicPropertyContainer(s),this.prop=w.getProp(t,e.k,1,null,this),this.k=this.prop.k,this.getValue(!0)}z.prototype.initModifierProperties=function(){},z.prototype.addShapeToModifier=function(){},z.prototype.addShape=function(t){if(!this.closed){var e={shape:t.sh,data:t,localShapeCollection:yt.newShapeCollection()};this.shapes.push(e),this.addShapeToModifier(e),this._isAnimated&&t.setAsAnimated()}},z.prototype.init=function(t,e){this.shapes=[],this.elem=t,this.initDynamicPropertyContainer(t),this.initModifierProperties(t,e),this.frameId=s,this.closed=!1,this.k=!1,this.dynamicProperties.length?this.k=!0:this.getValue(!0)},z.prototype.processKeys=function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties())},_([y],z),_([z],R),R.prototype.initModifierProperties=function(t,e){this.s=w.getProp(t,e.s,0,.01,this),this.e=w.getProp(t,e.e,0,.01,this),this.o=w.getProp(t,e.o,0,0,this),this.sValue=0,this.eValue=0,this.getValue=this.processKeys,this.m=e.m,this._isAnimated=!!this.s.effectsSequence.length||!!this.e.effectsSequence.length||!!this.o.effectsSequence.length},R.prototype.addShapeToModifier=function(t){t.pathsData=[]},R.prototype.calculateShapeEdges=function(t,e,s,i,a){var r=[];e<=1?r.push({s:t,e:e}):1<=t?r.push({s:t-1,e:e-1}):(r.push({s:t,e:1}),r.push({s:0,e:e-1}));var n,h,o=[],l=r.length;for(n=0;n<l;n+=1){var p,f;if((h=r[n]).e*a<i||h.s*a>i+s);else p=h.s*a<=i?0:(h.s*a-i)/s,f=h.e*a>=i+s?1:(h.e*a-i)/s,o.push([p,f])}return o.length||o.push([0,0]),o},R.prototype.releasePathsData=function(t){var e,s=t.length;for(e=0;e<s;e+=1)vt.release(t[e]);return t.length=0,t},R.prototype.processShapes=function(t){var e,s,i;if(this._mdf||t){var a=this.o.v%360/360;if(a<0&&(a+=1),e=(1<this.s.v?1:this.s.v<0?0:this.s.v)+a,(s=(1<this.e.v?1:this.e.v<0?0:this.e.v)+a)<e){var r=e;e=s,s=r}e=1e-4*Math.round(1e4*e),s=1e-4*Math.round(1e4*s),this.sValue=e,this.eValue=s}else e=this.sValue,s=this.eValue;var n,h,o,l,p,f,m=this.shapes.length,d=0;if(s===e)for(n=0;n<m;n+=1)this.shapes[n].localShapeCollection.releaseShapes(),this.shapes[n].shape._mdf=!0,this.shapes[n].shape.paths=this.shapes[n].localShapeCollection;else if(1===s&&0===e||0===s&&1===e){if(this._mdf)for(n=0;n<m;n+=1)this.shapes[n].pathsData.length=0,this.shapes[n].shape._mdf=!0}else{var c,u,g=[];for(n=0;n<m;n+=1)if((c=this.shapes[n]).shape._mdf||this._mdf||t||2===this.m){if(o=(i=c.shape.paths)._length,f=0,!c.shape._mdf&&c.pathsData.length)f=c.totalShapeLength;else{for(l=this.releasePathsData(c.pathsData),h=0;h<o;h+=1)p=mt.getSegmentsLength(i.shapes[h]),l.push(p),f+=p.totalLength;c.totalShapeLength=f,c.pathsData=l}d+=f,c.shape._mdf=!0}else c.shape.paths=c.localShapeCollection;var y,v=e,b=s,_=0;for(n=m-1;0<=n;n-=1)if((c=this.shapes[n]).shape._mdf){for((u=c.localShapeCollection).releaseShapes(),2===this.m&&1<m?(y=this.calculateShapeEdges(e,s,c.totalShapeLength,_,d),_+=c.totalShapeLength):y=[[v,b]],o=y.length,h=0;h<o;h+=1){v=y[h][0],b=y[h][1],g.length=0,b<=1?g.push({s:c.totalShapeLength*v,e:c.totalShapeLength*b}):1<=v?g.push({s:c.totalShapeLength*(v-1),e:c.totalShapeLength*(b-1)}):(g.push({s:c.totalShapeLength*v,e:c.totalShapeLength}),g.push({s:0,e:c.totalShapeLength*(b-1)}));var k=this.addShapes(c,g[0]);if(g[0].s!==g[0].e){if(1<g.length)if(c.shape.paths.shapes[c.shape.paths._length-1].c){var D=k.pop();this.addPaths(k,u),k=this.addShapes(c,g[1],D)}else this.addPaths(k,u),k=this.addShapes(c,g[1]);this.addPaths(k,u)}}c.shape.paths=u}}},R.prototype.addPaths=function(t,e){var s,i=t.length;for(s=0;s<i;s+=1)e.addShape(t[s])},R.prototype.addSegment=function(t,e,s,i,a,r,n){a.setXYAt(e[0],e[1],"o",r),a.setXYAt(s[0],s[1],"i",r+1),n&&a.setXYAt(t[0],t[1],"v",r),a.setXYAt(i[0],i[1],"v",r+1)},R.prototype.addSegmentFromArray=function(t,e,s,i){e.setXYAt(t[1],t[5],"o",s),e.setXYAt(t[2],t[6],"i",s+1),i&&e.setXYAt(t[0],t[4],"v",s),e.setXYAt(t[3],t[7],"v",s+1)},R.prototype.addShapes=function(t,e,s){var i,a,r,n,h,o,l,p,f=t.pathsData,m=t.shape.paths.shapes,d=t.shape.paths._length,c=0,u=[],g=!0;for(p=s?(h=s._length,s._length):(s=gt.newElement(),h=0),u.push(s),i=0;i<d;i+=1){for(o=f[i].lengths,s.c=m[i].c,r=m[i].c?o.length:o.length+1,a=1;a<r;a+=1)if(c+(n=o[a-1]).addedLength<e.s)c+=n.addedLength,s.c=!1;else{if(c>e.e){s.c=!1;break}e.s<=c&&e.e>=c+n.addedLength?(this.addSegment(m[i].v[a-1],m[i].o[a-1],m[i].i[a],m[i].v[a],s,h,g),g=!1):(l=mt.getNewSegment(m[i].v[a-1],m[i].v[a],m[i].o[a-1],m[i].i[a],(e.s-c)/n.addedLength,(e.e-c)/n.addedLength,o[a-1]),this.addSegmentFromArray(l,s,h,g),g=!1,s.c=!1),c+=n.addedLength,h+=1}if(m[i].c&&o.length){if(n=o[a-1],c<=e.e){var y=o[a-1].addedLength;e.s<=c&&e.e>=c+y?(this.addSegment(m[i].v[a-1],m[i].o[a-1],m[i].i[0],m[i].v[0],s,h,g),g=!1):(l=mt.getNewSegment(m[i].v[a-1],m[i].v[0],m[i].o[a-1],m[i].i[0],(e.s-c)/y,(e.e-c)/y,o[a-1]),this.addSegmentFromArray(l,s,h,g),g=!1,s.c=!1)}else s.c=!1;c+=n.addedLength,h+=1}if(s._length&&(s.setXYAt(s.v[p][0],s.v[p][1],"i",p),s.setXYAt(s.v[s._length-1][0],s.v[s._length-1][1],"o",s._length-1)),c>e.e)break;i<d-1&&(s=gt.newElement(),g=!0,u.push(s),h=0)}return u},N.registerModifier("tm",R),_([z],V),V.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.rd=w.getProp(t,e.r,0,null,this),this._isAnimated=!!this.rd.effectsSequence.length},V.prototype.processPath=function(t,e){var s=gt.newElement();s.c=t.c;var i,a,r,n,h,o,l,p,f,m,d,c,u,g=t._length,y=0;for(i=0;i<g;i+=1)a=t.v[i],n=t.o[i],r=t.i[i],a[0]===n[0]&&a[1]===n[1]&&a[0]===r[0]&&a[1]===r[1]?0!==i&&i!==g-1||t.c?(h=0===i?t.v[g-1]:t.v[i-1],l=(o=Math.sqrt(Math.pow(a[0]-h[0],2)+Math.pow(a[1]-h[1],2)))?Math.min(o/2,e)/o:0,p=c=a[0]+(h[0]-a[0])*l,f=u=a[1]-(a[1]-h[1])*l,m=p-(p-a[0])*v,d=f-(f-a[1])*v,s.setTripleAt(p,f,m,d,c,u,y),y+=1,h=i===g-1?t.v[0]:t.v[i+1],l=(o=Math.sqrt(Math.pow(a[0]-h[0],2)+Math.pow(a[1]-h[1],2)))?Math.min(o/2,e)/o:0,p=m=a[0]+(h[0]-a[0])*l,f=d=a[1]+(h[1]-a[1])*l,c=p-(p-a[0])*v,u=f-(f-a[1])*v,s.setTripleAt(p,f,m,d,c,u,y)):s.setTripleAt(a[0],a[1],n[0],n[1],r[0],r[1],y):s.setTripleAt(t.v[i][0],t.v[i][1],t.o[i][0],t.o[i][1],t.i[i][0],t.i[i][1],y),y+=1;return s},V.prototype.processShapes=function(t){var e,s,i,a,r,n,h=this.shapes.length,o=this.rd.v;if(0!==o)for(s=0;s<h;s+=1){if((r=this.shapes[s]).shape.paths,n=r.localShapeCollection,r.shape._mdf||this._mdf||t)for(n.releaseShapes(),r.shape._mdf=!0,e=r.shape.paths.shapes,a=r.shape.paths._length,i=0;i<a;i+=1)n.addShape(this.processPath(e[i],o));r.shape.paths=r.localShapeCollection}this.dynamicProperties.length||(this._mdf=!1)},N.registerModifier("rd",V),_([z],O),O.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.c=w.getProp(t,e.c,0,null,this),this.o=w.getProp(t,e.o,0,null,this),this.tr=M.getTransformProperty(t,e.tr,this),this.so=w.getProp(t,e.tr.so,0,.01,this),this.eo=w.getProp(t,e.tr.eo,0,.01,this),this.data=e,this.dynamicProperties.length||this.getValue(!0),this._isAnimated=!!this.dynamicProperties.length,this.pMatrix=new b,this.rMatrix=new b,this.sMatrix=new b,this.tMatrix=new b,this.matrix=new b},O.prototype.applyTransforms=function(t,e,s,i,a,r){var n=r?-1:1,h=i.s.v[0]+(1-i.s.v[0])*(1-a),o=i.s.v[1]+(1-i.s.v[1])*(1-a);t.translate(i.p.v[0]*n*a,i.p.v[1]*n*a,i.p.v[2]),e.translate(-i.a.v[0],-i.a.v[1],i.a.v[2]),e.rotate(-i.r.v*n*a),e.translate(i.a.v[0],i.a.v[1],i.a.v[2]),s.translate(-i.a.v[0],-i.a.v[1],i.a.v[2]),s.scale(r?1/h:h,r?1/o:o),s.translate(i.a.v[0],i.a.v[1],i.a.v[2])},O.prototype.init=function(t,e,s,i){this.elem=t,this.arr=e,this.pos=s,this.elemsData=i,this._currentCopies=0,this._elements=[],this._groups=[],this.frameId=-1,this.initDynamicPropertyContainer(t),this.initModifierProperties(t,e[s]);for(;0<s;)s-=1,this._elements.unshift(e[s]),1;this.dynamicProperties.length?this.k=!0:this.getValue(!0)},O.prototype.resetElements=function(t){var e,s=t.length;for(e=0;e<s;e+=1)t[e]._processed=!1,"gr"===t[e].ty&&this.resetElements(t[e].it)},O.prototype.cloneElements=function(t){t.length;var e=JSON.parse(JSON.stringify(t));return this.resetElements(e),e},O.prototype.changeGroupRender=function(t,e){var s,i=t.length;for(s=0;s<i;s+=1)t[s]._render=e,"gr"===t[s].ty&&this.changeGroupRender(t[s].it,e)},O.prototype.processShapes=function(t){var e,s,i,a,r;if(this._mdf||t){var n,h=Math.ceil(this.c.v);if(this._groups.length<h){for(;this._groups.length<h;){var o={it:this.cloneElements(this._elements),ty:"gr"};o.it.push({a:{a:0,ix:1,k:[0,0]},nm:"Transform",o:{a:0,ix:7,k:100},p:{a:0,ix:2,k:[0,0]},r:{a:1,ix:6,k:[{s:0,e:0,t:0},{s:0,e:0,t:1}]},s:{a:0,ix:3,k:[100,100]},sa:{a:0,ix:5,k:0},sk:{a:0,ix:4,k:0},ty:"tr"}),this.arr.splice(0,0,o),this._groups.splice(0,0,o),this._currentCopies+=1}this.elem.reloadShapes()}for(i=r=0;i<=this._groups.length-1;i+=1)n=r<h,this._groups[i]._render=n,this.changeGroupRender(this._groups[i].it,n),r+=1;this._currentCopies=h;var l=this.o.v,p=l%1,f=0<l?Math.floor(l):Math.ceil(l),m=(this.tr.v.props,this.pMatrix.props),d=this.rMatrix.props,c=this.sMatrix.props;this.pMatrix.reset(),this.rMatrix.reset(),this.sMatrix.reset(),this.tMatrix.reset(),this.matrix.reset();var u,g,y=0;if(0<l){for(;y<f;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),y+=1;p&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,p,!1),y+=p)}else if(l<0){for(;f<y;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!0),y-=1;p&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,-p,!0),y-=p)}for(i=1===this.data.m?0:this._currentCopies-1,a=1===this.data.m?1:-1,r=this._currentCopies;r;){if(g=(s=(e=this.elemsData[i].it)[e.length-1].transform.mProps.v.props).length,e[e.length-1].transform.mProps._mdf=!0,e[e.length-1].transform.op._mdf=!0,e[e.length-1].transform.op.v=this.so.v+(this.eo.v-this.so.v)*(i/(this._currentCopies-1)),0!==y){for((0!==i&&1===a||i!==this._currentCopies-1&&-1===a)&&this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),this.matrix.transform(d[0],d[1],d[2],d[3],d[4],d[5],d[6],d[7],d[8],d[9],d[10],d[11],d[12],d[13],d[14],d[15]),this.matrix.transform(c[0],c[1],c[2],c[3],c[4],c[5],c[6],c[7],c[8],c[9],c[10],c[11],c[12],c[13],c[14],c[15]),this.matrix.transform(m[0],m[1],m[2],m[3],m[4],m[5],m[6],m[7],m[8],m[9],m[10],m[11],m[12],m[13],m[14],m[15]),u=0;u<g;u+=1)s[u]=this.matrix.props[u];this.matrix.reset()}else for(this.matrix.reset(),u=0;u<g;u+=1)s[u]=this.matrix.props[u];y+=1,r-=1,i+=a}}else for(r=this._currentCopies,i=0,a=1;r;)s=(e=this.elemsData[i].it)[e.length-1].transform.mProps.v.props,e[e.length-1].transform.mProps._mdf=!1,e[e.length-1].transform.op._mdf=!1,r-=1,i+=a},O.prototype.addShape=function(){},N.registerModifier("rp",O),W.prototype.addShape=function(t){this._length===this._maxLength&&(this.shapes=this.shapes.concat(S(this._maxLength)),this._maxLength*=2),this.shapes[this._length]=t,this._length+=1},W.prototype.releaseShapes=function(){var t;for(t=0;t<this._length;t+=1)gt.release(this.shapes[t]);this._length=0},Y.prototype.getValue=function(t){if((this.elem.globalData.frameId!==this.frameId||t)&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf=this._mdf||t,this._mdf)){var e=0,s=this.dataProps.length;for("svg"===this.renderer&&(this.dashStr=""),e=0;e<s;e+=1)"o"!=this.dataProps[e].n?"svg"===this.renderer?this.dashStr+=" "+this.dataProps[e].p.v:this.dashArray[e]=this.dataProps[e].p.v:this.dashoffset[0]=this.dataProps[e].p.v}},_([y],Y),G.prototype.comparePoints=function(t,e){for(var s=0,i=this.o.length/2;s<i;){if(.01<Math.abs(t[4*s]-t[4*e+2*s]))return!1;s+=1}return!0},G.prototype.checkCollapsable=function(){if(this.o.length/2!=this.c.length/4)return!1;if(this.data.k.k[0].s)for(var t=0,e=this.data.k.k.length;t<e;){if(!this.comparePoints(this.data.k.k[t].s,this.data.p))return!1;t+=1}else if(!this.comparePoints(this.data.k.k,this.data.p))return!1;return!0},G.prototype.getValue=function(t){if(this.prop.getValue(),this._mdf=!1,this._cmdf=!1,this._omdf=!1,this.prop._mdf||t){var e,s,i,a=4*this.data.p;for(e=0;e<a;e+=1)s=e%4==0?100:255,i=Math.round(this.prop.v[e]*s),this.c[e]!==i&&(this.c[e]=i,this._cmdf=!t);if(this.o.length)for(a=this.prop.v.length,e=4*this.data.p;e<a;e+=1)s=e%2==0?100:1,i=e%2==0?Math.round(100*this.prop.v[e]):this.prop.v[e],this.o[e-4*this.data.p]!==i&&(this.o[e-4*this.data.p]=i,this._omdf=!t);this._mdf=!t}},_([y],G);var X,H,J=function(t,e,s,i){if(0===e)return"";var a,r=t.o,n=t.i,h=t.v,o=" M"+i.applyToPointStringified(h[0][0],h[0][1]);for(a=1;a<e;a+=1)o+=" C"+i.applyToPointStringified(r[a-1][0],r[a-1][1])+" "+i.applyToPointStringified(n[a][0],n[a][1])+" "+i.applyToPointStringified(h[a][0],h[a][1]);return s&&e&&(o+=" C"+i.applyToPointStringified(r[a-1][0],r[a-1][1])+" "+i.applyToPointStringified(n[0][0],n[0][1])+" "+i.applyToPointStringified(h[0][0],h[0][1]),o+="z"),o},K=function(){var a=function(){var t=g("canvas");t.width=1,t.height=1;var e=t.getContext("2d");return e.fillStyle="#FF0000",e.fillRect(0,0,1,1),t}();function t(){this.loadedAssets+=1,this.loadedAssets===this.totalImages&&this.imagesLoadedCb&&this.imagesLoadedCb(null)}function e(t){var e=function(t,e,s){var i="";if(t.e)i=t.p;else if(e){var a=t.p;-1!==a.indexOf("images/")&&(a=a.split("/")[1]),i=e+a}else i=s,i+=t.u?t.u:"",i+=t.p;return i}(t,this.assetsPath,this.path),s=g("img");s.crossOrigin="anonymous",s.addEventListener("load",this._imageLoaded.bind(this),!1),s.addEventListener("error",function(){i.img=a,this._imageLoaded()}.bind(this),!1),s.src=e;var i={img:s,assetData:t};return i}function s(t,e){this.imagesLoadedCb=e;var s,i=t.length;for(s=0;s<i;s+=1)t[s].layers||(this.totalImages+=1,this.images.push(this._createImageData(t[s])))}function i(t){this.path=t||""}function r(t){this.assetsPath=t||""}function n(t){for(var e=0,s=this.images.length;e<s;){if(this.images[e].assetData===t)return this.images[e].img;e+=1}}function h(){this.imagesLoadedCb=null,this.images.length=0}function o(){return this.totalImages===this.loadedAssets}return function(){this.loadAssets=s,this.setAssetsPath=r,this.setPath=i,this.loaded=o,this.destroy=h,this.getImage=n,this._createImageData=e,this._imageLoaded=t,this.assetsPath="",this.path="",this.totalImages=0,this.loadedAssets=0,this.imagesLoadedCb=null,this.images=[]}}(),Z=(X={maskType:!0},(/MSIE 10/i.test(navigator.userAgent)||/MSIE 9/i.test(navigator.userAgent)||/rv:11.0/i.test(navigator.userAgent)||/Edge\/\d./i.test(navigator.userAgent))&&(X.maskType=!1),X),U=((H={}).createFilter=function(t){var e=createNS("filter");return e.setAttribute("id",t),e.setAttribute("filterUnits","objectBoundingBox"),e.setAttribute("x","0%"),e.setAttribute("y","0%"),e.setAttribute("width","100%"),e.setAttribute("height","100%"),e},H.createAlphaToLuminanceFilter=function(){var t=createNS("feColorMatrix");return t.setAttribute("type","matrix"),t.setAttribute("color-interpolation-filters","sRGB"),t.setAttribute("values","0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1"),t},H),Q=function(){function r(t){return t.response&&"object"==typeof t.response?t.response:t.response&&"string"==typeof t.response?JSON.parse(t.response):t.responseText?JSON.parse(t.responseText):void 0}return{load:function(t,e,s){var i,a=new XMLHttpRequest;a.open("GET",t,!0),a.responseType="json",a.send(),a.onreadystatechange=function(){if(4==a.readyState)if(200==a.status)i=r(a),e(i);else try{i=r(a),e(i)}catch(t){s&&s(t)}}}}}();function $(t,e,s){this._isFirstFrame=!0,this._hasMaskedPath=!1,this._frameId=-1,this._textData=t,this._renderType=e,this._elem=s,this._animatorsData=S(this._textData.a.length),this._pathData={},this._moreOptions={alignment:{}},this.renderedLetters=[],this.lettersChangedFlag=!1,this.initDynamicPropertyContainer(s)}function tt(t,e,s){var i={propType:!1},a=w.getProp,r=e.a;this.a={r:r.r?a(t,r.r,0,q,s):i,rx:r.rx?a(t,r.rx,0,q,s):i,ry:r.ry?a(t,r.ry,0,q,s):i,sk:r.sk?a(t,r.sk,0,q,s):i,sa:r.sa?a(t,r.sa,0,q,s):i,s:r.s?a(t,r.s,1,.01,s):i,a:r.a?a(t,r.a,1,0,s):i,o:r.o?a(t,r.o,0,.01,s):i,p:r.p?a(t,r.p,1,0,s):i,sw:r.sw?a(t,r.sw,0,0,s):i,sc:r.sc?a(t,r.sc,1,0,s):i,fc:r.fc?a(t,r.fc,1,0,s):i,fh:r.fh?a(t,r.fh,0,0,s):i,fs:r.fs?a(t,r.fs,0,.01,s):i,fb:r.fb?a(t,r.fb,0,.01,s):i,t:r.t?a(t,r.t,0,0,s):i},this.s=ht.getTextSelectorProp(t,e.s,s),this.s.t=e.s.t}function dt(t,e,s,i,a,r){this.o=t,this.sw=e,this.sc=s,this.fc=i,this.m=a,this.p=r,this._mdf={o:!0,sw:!!e,sc:!!s,fc:!!i,m:!0,p:!0}}function et(t,e){this._frameId=s,this.pv="",this.v="",this.kf=!1,this._isFirstFrame=!0,this._mdf=!1,this.data=e,this.elem=t,this.comp=this.elem.comp,this.keysIndex=0,this.canResize=!1,this.minimumFontSize=1,this.effectsSequence=[],this.currentData={ascent:0,boxWidth:this.defaultBoxWidth,f:"",fStyle:"",fWeight:"",fc:"",j:"",justifyOffset:"",l:[],lh:0,lineWidths:[],ls:"",of:"",s:"",sc:"",sw:0,t:0,tr:0,sz:0,ps:null,fillColorAnim:!1,strokeColorAnim:!1,strokeWidthAnim:!1,yOffset:0,finalSize:0,finalText:[],finalLineHeight:0,__complete:!1},this.copyData(this.currentData,this.data.d.k[0].s),this.searchProperty()||this.completeTextData(this.currentData)}$.prototype.searchProperties=function(){var t,e,s=this._textData.a.length,i=w.getProp;for(t=0;t<s;t+=1)e=this._textData.a[t],this._animatorsData[t]=new tt(this._elem,e,this);this._textData.p&&"m"in this._textData.p?(this._pathData={f:i(this._elem,this._textData.p.f,0,0,this),l:i(this._elem,this._textData.p.l,0,0,this),r:this._textData.p.r,m:this._elem.maskManager.getMaskProperty(this._textData.p.m)},this._hasMaskedPath=!0):this._hasMaskedPath=!1,this._moreOptions.alignment=i(this._elem,this._textData.m.a,1,0,this)},$.prototype.getMeasures=function(t,e){if(this.lettersChangedFlag=e,this._mdf||this._isFirstFrame||e||this._hasMaskedPath&&this._pathData.m._mdf){this._isFirstFrame=!1;var s,i,a,r,n,h,o,l,p,f,m,d,c,u,g,y,v,b,_,k=this._moreOptions.alignment.v,D=this._animatorsData,C=this._textData,x=this.mHelper,P=this._renderType,S=this.renderedLetters.length,T=(this.data,t.l);if(this._hasMaskedPath){if(_=this._pathData.m,!this._pathData.n||this._pathData._mdf){var A,w=_.v;for(this._pathData.r&&(w=w.reverse()),n={tLength:0,segments:[]},r=w._length-1,a=y=0;a<r;a+=1)A={s:w.v[a],e:w.v[a+1],to:[w.o[a][0]-w.v[a][0],w.o[a][1]-w.v[a][1]],ti:[w.i[a+1][0]-w.v[a+1][0],w.i[a+1][1]-w.v[a+1][1]]},mt.buildBezierData(A),n.tLength+=A.bezierData.segmentLength,n.segments.push(A),y+=A.bezierData.segmentLength;a=r,_.v.c&&(A={s:w.v[a],e:w.v[0],to:[w.o[a][0]-w.v[a][0],w.o[a][1]-w.v[a][1]],ti:[w.i[0][0]-w.v[0][0],w.i[0][1]-w.v[0][1]]},mt.buildBezierData(A),n.tLength+=A.bezierData.segmentLength,n.segments.push(A),y+=A.bezierData.segmentLength),this._pathData.pi=n}if(n=this._pathData.pi,h=this._pathData.f.v,f=1,p=!(l=m=0),u=n.segments,h<0&&_.v.c)for(n.tLength<Math.abs(h)&&(h=-Math.abs(h)%n.tLength),f=(c=u[m=u.length-1].bezierData.points).length-1;h<0;)h+=c[f].partialLength,(f-=1)<0&&(f=(c=u[m-=1].bezierData.points).length-1);d=(c=u[m].bezierData.points)[f-1],g=(o=c[f]).partialLength}r=T.length,i=s=0;var M,F,I,E,L=1.2*t.finalSize*.714,N=!0;I=D.length;var z,R,V,O,q,B,j,W,Y,G,X,H,J,K=-1,Z=h,U=m,Q=f,$=-1,tt="",et=this.defaultPropsArray;if(2===t.j||1===t.j){var st=0,it=0,at=2===t.j?-.5:-1,rt=0,nt=!0;for(a=0;a<r;a+=1)if(T[a].n){for(st&&(st+=it);rt<a;)T[rt].animatorJustifyOffset=st,rt+=1;nt=!(st=0)}else{for(F=0;F<I;F+=1)(M=D[F].a).t.propType&&(nt&&2===t.j&&(it+=M.t.v*at),(z=D[F].s.getMult(T[a].anIndexes[F],C.a[F].s.totalChars)).length?st+=M.t.v*z[0]*at:st+=M.t.v*z*at);nt=!1}for(st&&(st+=it);rt<a;)T[rt].animatorJustifyOffset=st,rt+=1}for(a=0;a<r;a+=1){if(x.reset(),q=1,T[a].n)s=0,i+=t.yOffset,i+=N?1:0,h=Z,N=!1,0,this._hasMaskedPath&&(f=Q,d=(c=u[m=U].bezierData.points)[f-1],g=(o=c[f]).partialLength,l=0),J=G=H=tt="",et=this.defaultPropsArray;else{if(this._hasMaskedPath){if($!==T[a].line){switch(t.j){case 1:h+=y-t.lineWidths[T[a].line];break;case 2:h+=(y-t.lineWidths[T[a].line])/2}$=T[a].line}K!==T[a].ind&&(T[K]&&(h+=T[K].extra),h+=T[a].an/2,K=T[a].ind),h+=k[0]*T[a].an/200;var ht=0;for(F=0;F<I;F+=1)(M=D[F].a).p.propType&&((z=D[F].s.getMult(T[a].anIndexes[F],C.a[F].s.totalChars)).length?ht+=M.p.v[0]*z[0]:ht+=M.p.v[0]*z),M.a.propType&&((z=D[F].s.getMult(T[a].anIndexes[F],C.a[F].s.totalChars)).length?ht+=M.a.v[0]*z[0]:ht+=M.a.v[0]*z);for(p=!0;p;)h+ht<=l+g||!c?(v=(h+ht-l)/o.partialLength,V=d.point[0]+(o.point[0]-d.point[0])*v,O=d.point[1]+(o.point[1]-d.point[1])*v,x.translate(-k[0]*T[a].an/200,-k[1]*L/100),p=!1):c&&(l+=o.partialLength,(f+=1)>=c.length&&(f=0,c=u[m+=1]?u[m].bezierData.points:_.v.c?u[m=f=0].bezierData.points:(l-=o.partialLength,null)),c&&(d=o,g=(o=c[f]).partialLength));R=T[a].an/2-T[a].add,x.translate(-R,0,0)}else R=T[a].an/2-T[a].add,x.translate(-R,0,0),x.translate(-k[0]*T[a].an/200,-k[1]*L/100,0);for(T[a].l/2,F=0;F<I;F+=1)(M=D[F].a).t.propType&&(z=D[F].s.getMult(T[a].anIndexes[F],C.a[F].s.totalChars),0===s&&0===t.j||(this._hasMaskedPath?z.length?h+=M.t.v*z[0]:h+=M.t.v*z:z.length?s+=M.t.v*z[0]:s+=M.t.v*z));for(T[a].l/2,t.strokeWidthAnim&&(j=t.sw||0),t.strokeColorAnim&&(B=t.sc?[t.sc[0],t.sc[1],t.sc[2]]:[0,0,0]),t.fillColorAnim&&t.fc&&(W=[t.fc[0],t.fc[1],t.fc[2]]),F=0;F<I;F+=1)(M=D[F].a).a.propType&&((z=D[F].s.getMult(T[a].anIndexes[F],C.a[F].s.totalChars)).length?x.translate(-M.a.v[0]*z[0],-M.a.v[1]*z[1],M.a.v[2]*z[2]):x.translate(-M.a.v[0]*z,-M.a.v[1]*z,M.a.v[2]*z));for(F=0;F<I;F+=1)(M=D[F].a).s.propType&&((z=D[F].s.getMult(T[a].anIndexes[F],C.a[F].s.totalChars)).length?x.scale(1+(M.s.v[0]-1)*z[0],1+(M.s.v[1]-1)*z[1],1):x.scale(1+(M.s.v[0]-1)*z,1+(M.s.v[1]-1)*z,1));for(F=0;F<I;F+=1){if(M=D[F].a,z=D[F].s.getMult(T[a].anIndexes[F],C.a[F].s.totalChars),M.sk.propType&&(z.length?x.skewFromAxis(-M.sk.v*z[0],M.sa.v*z[1]):x.skewFromAxis(-M.sk.v*z,M.sa.v*z)),M.r.propType&&(z.length?x.rotateZ(-M.r.v*z[2]):x.rotateZ(-M.r.v*z)),M.ry.propType&&(z.length?x.rotateY(M.ry.v*z[1]):x.rotateY(M.ry.v*z)),M.rx.propType&&(z.length?x.rotateX(M.rx.v*z[0]):x.rotateX(M.rx.v*z)),M.o.propType&&(z.length?q+=(M.o.v*z[0]-q)*z[0]:q+=(M.o.v*z-q)*z),t.strokeWidthAnim&&M.sw.propType&&(z.length?j+=M.sw.v*z[0]:j+=M.sw.v*z),t.strokeColorAnim&&M.sc.propType)for(Y=0;Y<3;Y+=1)z.length?B[Y]=B[Y]+(M.sc.v[Y]-B[Y])*z[0]:B[Y]=B[Y]+(M.sc.v[Y]-B[Y])*z;if(t.fillColorAnim&&t.fc){if(M.fc.propType)for(Y=0;Y<3;Y+=1)z.length?W[Y]=W[Y]+(M.fc.v[Y]-W[Y])*z[0]:W[Y]=W[Y]+(M.fc.v[Y]-W[Y])*z;M.fh.propType&&(W=z.length?ft(W,M.fh.v*z[0]):ft(W,M.fh.v*z)),M.fs.propType&&(W=z.length?lt(W,M.fs.v*z[0]):lt(W,M.fs.v*z)),M.fb.propType&&(W=z.length?pt(W,M.fb.v*z[0]):pt(W,M.fb.v*z))}}for(F=0;F<I;F+=1)(M=D[F].a).p.propType&&(z=D[F].s.getMult(T[a].anIndexes[F],C.a[F].s.totalChars),this._hasMaskedPath?z.length?x.translate(0,M.p.v[1]*z[0],-M.p.v[2]*z[1]):x.translate(0,M.p.v[1]*z,-M.p.v[2]*z):z.length?x.translate(M.p.v[0]*z[0],M.p.v[1]*z[1],-M.p.v[2]*z[2]):x.translate(M.p.v[0]*z,M.p.v[1]*z,-M.p.v[2]*z));if(t.strokeWidthAnim&&(G=j<0?0:j),t.strokeColorAnim&&(X="rgb("+Math.round(255*B[0])+","+Math.round(255*B[1])+","+Math.round(255*B[2])+")"),t.fillColorAnim&&t.fc&&(H="rgb("+Math.round(255*W[0])+","+Math.round(255*W[1])+","+Math.round(255*W[2])+")"),this._hasMaskedPath){if(x.translate(0,-t.ls),x.translate(0,k[1]*L/100+i,0),C.p.p){b=(o.point[1]-d.point[1])/(o.point[0]-d.point[0]);var ot=180*Math.atan(b)/Math.PI;o.point[0]<d.point[0]&&(ot+=180),x.rotate(-ot*Math.PI/180)}x.translate(V,O,0),h-=k[0]*T[a].an/200,T[a+1]&&K!==T[a+1].ind&&(h+=T[a].an/2,h+=t.tr/1e3*t.finalSize)}else{switch(x.translate(s,i,0),t.ps&&x.translate(t.ps[0],t.ps[1]+t.ascent,0),t.j){case 1:x.translate(T[a].animatorJustifyOffset+t.justifyOffset+(t.boxWidth-t.lineWidths[T[a].line]),0,0);break;case 2:x.translate(T[a].animatorJustifyOffset+t.justifyOffset+(t.boxWidth-t.lineWidths[T[a].line])/2,0,0)}x.translate(0,-t.ls),x.translate(R,0,0),x.translate(k[0]*T[a].an/200,k[1]*L/100,0),s+=T[a].l+t.tr/1e3*t.finalSize}"html"===P?tt=x.toCSS():"svg"===P?tt=x.to2dCSS():et=[x.props[0],x.props[1],x.props[2],x.props[3],x.props[4],x.props[5],x.props[6],x.props[7],x.props[8],x.props[9],x.props[10],x.props[11],x.props[12],x.props[13],x.props[14],x.props[15]],J=q}this.lettersChangedFlag=S<=a?(E=new dt(J,G,X,H,tt,et),this.renderedLetters.push(E),S+=1,!0):(E=this.renderedLetters[a]).update(J,G,X,H,tt,et)||this.lettersChangedFlag}}},$.prototype.getValue=function(){this._elem.globalData.frameId!==this._frameId&&(this._frameId=this._elem.globalData.frameId,this.iterateDynamicProperties())},$.prototype.mHelper=new b,$.prototype.defaultPropsArray=[],_([y],$),dt.prototype.update=function(t,e,s,i,a,r){this._mdf.o=!1,this._mdf.sw=!1,this._mdf.sc=!1,this._mdf.fc=!1,this._mdf.m=!1;var n=this._mdf.p=!1;return this.o!==t&&(this.o=t,n=this._mdf.o=!0),this.sw!==e&&(this.sw=e,n=this._mdf.sw=!0),this.sc!==s&&(this.sc=s,n=this._mdf.sc=!0),this.fc!==i&&(this.fc=i,n=this._mdf.fc=!0),this.m!==a&&(this.m=a,n=this._mdf.m=!0),!r.length||this.p[0]===r[0]&&this.p[1]===r[1]&&this.p[4]===r[4]&&this.p[5]===r[5]&&this.p[12]===r[12]&&this.p[13]===r[13]||(this.p=r,n=this._mdf.p=!0),n},et.prototype.defaultBoxWidth=[0,0],et.prototype.copyData=function(t,e){for(var s in e)e.hasOwnProperty(s)&&(t[s]=e[s]);return t},et.prototype.setCurrentData=function(t){t.__complete||this.completeTextData(t),this.currentData=t,this.currentData.boxWidth=this.currentData.boxWidth||this.defaultBoxWidth,this._mdf=!0},et.prototype.searchProperty=function(){return this.searchKeyframes()},et.prototype.searchKeyframes=function(){return this.kf=1<this.data.d.k.length,this.kf&&this.addEffect(this.getKeyframeValue.bind(this)),this.kf},et.prototype.addEffect=function(t){this.effectsSequence.push(t),this.elem.addDynamicProperty(this)},et.prototype.getValue=function(t){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length||t){this.currentData.t=this.data.d.k[this.keysIndex].s.t;var e=this.currentData,s=this.keysIndex;if(this.lock)this.setCurrentData(this.currentData);else{this.lock=!0,this._mdf=!1;var i,a=this.effectsSequence.length,r=t||this.data.d.k[this.keysIndex].s;for(i=0;i<a;i+=1)r=s!==this.keysIndex?this.effectsSequence[i](r,r.t):this.effectsSequence[i](this.currentData,r.t);e!==r&&this.setCurrentData(r),this.pv=this.v=this.currentData,this.lock=!1,this.frameId=this.elem.globalData.frameId}}},et.prototype.getKeyframeValue=function(){for(var t=this.data.d.k,e=this.elem.comp.renderedFrame,s=0,i=t.length;s<=i-1&&(t[s].s,!(s===i-1||t[s+1].t>e));)s+=1;return this.keysIndex!==s&&(this.keysIndex=s),this.data.d.k[this.keysIndex].s},et.prototype.buildFinalText=function(t){for(var e=A.getCombinedCharacterCodes(),s=[],i=0,a=t.length;i<a;)-1!==e.indexOf(t.charCodeAt(i))?s[s.length-1]+=t.charAt(i):s.push(t.charAt(i)),i+=1;return s},et.prototype.completeTextData=function(t){t.__complete=!0;var e,s,i,a,r,n,h,o=this.elem.globalData.fontManager,l=this.data,p=[],f=0,m=l.m.g,d=0,c=0,u=0,g=[],y=0,v=0,b=o.getFontByName(t.f),_=0,k=b.fStyle?b.fStyle.split(" "):[],D="normal",C="normal";for(s=k.length,e=0;e<s;e+=1)switch(k[e].toLowerCase()){case"italic":C="italic";break;case"bold":D="700";break;case"black":D="900";break;case"medium":D="500";break;case"regular":case"normal":D="400";break;case"light":case"thin":D="200"}t.fWeight=b.fWeight||D,t.fStyle=C,s=t.t.length,t.finalSize=t.s,t.finalText=this.buildFinalText(t.t),t.finalLineHeight=t.lh;var x,P=t.tr/1e3*t.finalSize;if(t.sz)for(var S,T,A=!0,w=t.sz[0],M=t.sz[1];A;){y=S=0,s=(T=this.buildFinalText(t.t)).length,P=t.tr/1e3*t.finalSize;var F=-1;for(e=0;e<s;e+=1)x=T[e].charCodeAt(0),i=!1," "===T[e]?F=e:13!==x&&3!==x||(i=!(y=0),S+=t.finalLineHeight||1.2*t.finalSize),w<y+(_=o.chars?(h=o.getCharData(T[e],b.fStyle,b.fFamily),i?0:h.w*t.finalSize/100):o.measureText(T[e],t.f,t.finalSize))&&" "!==T[e]?(-1===F?s+=1:e=F,S+=t.finalLineHeight||1.2*t.finalSize,T.splice(e,F===e?1:0,"\r"),F=-1,y=0):(y+=_,y+=P);S+=b.ascent*t.finalSize/100,this.canResize&&t.finalSize>this.minimumFontSize&&M<S?(t.finalSize-=1,t.finalLineHeight=t.finalSize*t.lh/t.s):(t.finalText=T,s=t.finalText.length,A=!1)}y=-P;var I,E=_=0;for(e=0;e<s;e+=1)if(i=!1,x=(I=t.finalText[e]).charCodeAt(0)," "===I?a="\xa0":13===x||3===x?(E=0,g.push(y),v=v<y?y:v,y=-2*P,i=!(a=""),u+=1):a=t.finalText[e],_=o.chars?(h=o.getCharData(I,b.fStyle,o.getFontByName(t.f).fFamily),i?0:h.w*t.finalSize/100):o.measureText(a,t.f,t.finalSize)," "===I?E+=_+P:(y+=_+P+E,E=0),p.push({l:_,an:_,add:d,n:i,anIndexes:[],val:a,line:u,animatorJustifyOffset:0}),2==m){if(d+=_,""===a||"\xa0"===a||e===s-1){for(""!==a&&"\xa0"!==a||(d-=_);c<=e;)p[c].an=d,p[c].ind=f,p[c].extra=_,c+=1;f+=1,d=0}}else if(3==m){if(d+=_,""===a||e===s-1){for(""===a&&(d-=_);c<=e;)p[c].an=d,p[c].ind=f,p[c].extra=_,c+=1;d=0,f+=1}}else p[f].ind=f,p[f].extra=0,f+=1;if(t.l=p,v=v<y?y:v,g.push(y),t.sz)t.boxWidth=t.sz[0],t.justifyOffset=0;else switch(t.boxWidth=v,t.j){case 1:t.justifyOffset=-t.boxWidth;break;case 2:t.justifyOffset=-t.boxWidth/2;break;default:t.justifyOffset=0}t.lineWidths=g;var L,N,z=l.a;n=z.length;var R,V,O=[];for(r=0;r<n;r+=1){for((L=z[r]).a.sc&&(t.strokeColorAnim=!0),L.a.sw&&(t.strokeWidthAnim=!0),(L.a.fc||L.a.fh||L.a.fs||L.a.fb)&&(t.fillColorAnim=!0),V=0,R=L.s.b,e=0;e<s;e+=1)(N=p[e]).anIndexes[r]=V,(1==R&&""!==N.val||2==R&&""!==N.val&&"\xa0"!==N.val||3==R&&(N.n||"\xa0"==N.val||e==s-1)||4==R&&(N.n||e==s-1))&&(1===L.s.rn&&O.push(V),V+=1);l.a[r].s.totalChars=V;var q,B=-1;if(1===L.s.rn)for(e=0;e<s;e+=1)B!=(N=p[e]).anIndexes[r]&&(B=N.anIndexes[r],q=O.splice(Math.floor(Math.random()*O.length),1)[0]),N.anIndexes[r]=q}t.yOffset=t.finalLineHeight||1.2*t.finalSize,t.ls=t.ls||0,t.ascent=b.ascent*t.finalSize/100},et.prototype.updateDocumentData=function(t,e){e=void 0===e?this.keysIndex:e;var s=this.copyData({},this.data.d.k[e].s);s=this.copyData(s,t),this.data.d.k[e].s=s,this.recalculate(e),this.elem.addDynamicProperty(this)},et.prototype.recalculate=function(t){var e=this.data.d.k[t].s;e.__complete=!1,this.keysIndex=0,this._isFirstFrame=!0,this.getValue(e)},et.prototype.canResizeFont=function(t){this.canResize=t,this.recalculate(this.keysIndex),this.elem.addDynamicProperty(this)},et.prototype.setMinimumFontSize=function(t){this.minimumFontSize=Math.floor(t)||1,this.recalculate(this.keysIndex),this.elem.addDynamicProperty(this)};var st,it,at,rt,nt,ht=function(){var l=Math.max,p=Math.min,f=Math.floor;function i(t,e){this._currentTextLength=-1,this.k=!1,this.data=e,this.elem=t,this.comp=t.comp,this.finalS=0,this.finalE=0,this.initDynamicPropertyContainer(t),this.s=w.getProp(t,e.s||{k:0},0,0,this),this.e="e"in e?w.getProp(t,e.e,0,0,this):{v:100},this.o=w.getProp(t,e.o||{k:0},0,0,this),this.xe=w.getProp(t,e.xe||{k:0},0,0,this),this.ne=w.getProp(t,e.ne||{k:0},0,0,this),this.a=w.getProp(t,e.a,0,.01,this),this.dynamicProperties.length||this.getValue()}return i.prototype={getMult:function(t){this._currentTextLength!==this.elem.textProperty.currentData.l.length&&this.getValue();var e=j.getBezierEasing(this.ne.v/100,0,1-this.xe.v/100,1).get,s=0,i=this.finalS,a=this.finalE,r=this.data.sh;if(2==r)s=e(s=a===i?a<=t?1:0:l(0,p(.5/(a-i)+(t-i)/(a-i),1)));else if(3==r)s=e(s=a===i?a<=t?0:1:1-l(0,p(.5/(a-i)+(t-i)/(a-i),1)));else if(4==r)a===i?s=0:(s=l(0,p(.5/(a-i)+(t-i)/(a-i),1)))<.5?s*=2:s=1-2*(s-.5),s=e(s);else if(5==r){if(a===i)s=0;else{var n=a-i,h=-n/2+(t=p(l(0,t+.5-i),a-i)),o=n/2;s=Math.sqrt(1-h*h/(o*o))}s=e(s)}else s=6==r?e(s=a===i?0:(t=p(l(0,t+.5-i),a-i),(1+Math.cos(Math.PI+2*Math.PI*t/(a-i)))/2)):(t>=f(i)&&(s=t-i<0?1-(i-t):l(0,p(a-t,1))),e(s));return s*this.a.v},getValue:function(t){this.iterateDynamicProperties(),this._mdf=t||this._mdf,this._currentTextLength=this.elem.textProperty.currentData.l.length||0,t&&2===this.data.r&&(this.e.v=this._currentTextLength);var e=2===this.data.r?1:100/this.data.totalChars,s=this.o.v/e,i=this.s.v/e+s,a=this.e.v/e+s;if(a<i){var r=i;i=a,a=r}this.finalS=i,this.finalE=a}},_([y],i),{getTextSelectorProp:function(t,e,s){return new i(t,e,s)}}}(),ot=function(t,e,s,i){var a=0,r=t,n=S(r);function h(){return a?n[a-=1]:e()}return{newElement:h,release:function(t){a===r&&(n=ct.double(n),r*=2),s&&s(t),n[a]=t,a+=1}}},ct={double:function(t){return t.concat(S(t.length))}},ut=ot(8,function(){return B("float32",2)}),gt=((st=ot(4,function(){return new F},function(t){var e,s=t._length;for(e=0;e<s;e+=1)ut.release(t.v[e]),ut.release(t.i[e]),ut.release(t.o[e]),t.v[e]=null,t.i[e]=null,t.o[e]=null;t._length=0,t.c=!1})).clone=function(t){var e,s=st.newElement(),i=void 0===t._length?t.v.length:t._length;for(s.setLength(i),s.c=t.c,e=0;e<i;e+=1)s.setTripleAt(t.v[e][0],t.v[e][1],t.o[e][0],t.o[e][1],t.i[e][0],t.i[e][1],e);return s},st),yt=(it={newShapeCollection:function(){var t;t=at?nt[at-=1]:new W;return t},release:function(t){var e,s=t._length;for(e=0;e<s;e+=1)gt.release(t.shapes[e]);t._length=0,at===rt&&(nt=ct.double(nt),rt*=2);nt[at]=t,at+=1}},at=0,nt=S(rt=4),it),vt=ot(8,function(){return{lengths:[],totalLength:0}},function(t){var e,s=t.lengths.length;for(e=0;e<s;e+=1)bt.release(t.lengths[e]);t.lengths.length=0}),bt=ot(8,function(){return{addedLength:0,percents:B("float32",x),lengths:B("float32",x)}});function _t(){}function kt(t,e){this.animationItem=t,this.layers=null,this.renderedFrame=-1,this.svgElement=createNS("svg");var s=createNS("defs");this.svgElement.appendChild(s);var i=createNS("g");this.svgElement.appendChild(i),this.layerElement=i,this.renderConfig={preserveAspectRatio:e&&e.preserveAspectRatio||"xMidYMid meet",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",progressiveLoad:e&&e.progressiveLoad||!1,hideOnTransparent:!e||!1!==e.hideOnTransparent,viewBoxOnly:e&&e.viewBoxOnly||!1,viewBoxSize:e&&e.viewBoxSize||!1,className:e&&e.className||""},this.globalData={_mdf:!1,frameNum:-1,defs:s,renderConfig:this.renderConfig},this.elements=[],this.pendingElements=[],this.destroyed=!1,this.rendererType="svg"}function Dt(t,e){this.animationItem=t,this.renderConfig={clearCanvas:!e||void 0===e.clearCanvas||e.clearCanvas,context:e&&e.context||null,progressiveLoad:e&&e.progressiveLoad||!1,preserveAspectRatio:e&&e.preserveAspectRatio||"xMidYMid meet",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",className:e&&e.className||""},this.renderConfig.dpr=e&&e.dpr||1,this.animationItem.wrapper&&(this.renderConfig.dpr=e&&e.dpr||u.devicePixelRatio||1),this.renderedFrame=-1,this.globalData={frameNum:-1,_mdf:!1,renderConfig:this.renderConfig,currentGlobalAlpha:-1},this.contextData=new Wt,this.elements=[],this.pendingElements=[],this.transformMat=new b,this.completeLayers=!1,this.rendererType="canvas"}function Ct(t,e,s){this.data=t,this.element=e,this.globalData=s,this.storedData=[],this.masksProperties=this.data.masksProperties||[],this.maskElement=null;var i,a=this.globalData.defs,r=this.masksProperties?this.masksProperties.length:0;this.viewData=S(r),this.solidPath="";var n,h,o,l,p,f,m,d=this.masksProperties,c=0,u=[],g=P(10),y="clipPath",v="clip-path";for(i=0;i<r;i++)if(("a"!==d[i].mode&&"n"!==d[i].mode||d[i].inv||100!==d[i].o.k)&&(v=y="mask"),"s"!=d[i].mode&&"i"!=d[i].mode||0!==c?l=null:((l=createNS("rect")).setAttribute("fill","#ffffff"),l.setAttribute("width",this.element.comp.data.w||0),l.setAttribute("height",this.element.comp.data.h||0),u.push(l)),n=createNS("path"),"n"!=d[i].mode){var b;if(c+=1,n.setAttribute("fill","s"===d[i].mode?"#000000":"#ffffff"),n.setAttribute("clip-rule","nonzero"),0!==d[i].x.k?(v=y="mask",m=w.getProp(this.element,d[i].x,0,null,this.element),b="fi_"+P(10),(p=createNS("filter")).setAttribute("id",b),(f=createNS("feMorphology")).setAttribute("operator","dilate"),f.setAttribute("in","SourceGraphic"),f.setAttribute("radius","0"),p.appendChild(f),a.appendChild(p),n.setAttribute("stroke","s"===d[i].mode?"#000000":"#ffffff")):m=f=null,this.storedData[i]={elem:n,x:m,expan:f,lastPath:"",lastOperator:"",filterId:b,lastRadius:0},"i"==d[i].mode){o=u.length;var _=createNS("g");for(h=0;h<o;h+=1)_.appendChild(u[h]);var k=createNS("mask");k.setAttribute("mask-type","alpha"),k.setAttribute("id",g+"_"+c),k.appendChild(n),a.appendChild(k),_.setAttribute("mask","url("+D+"#"+g+"_"+c+")"),u.length=0,u.push(_)}else u.push(n);d[i].inv&&!this.solidPath&&(this.solidPath=this.createLayerSolidPath()),this.viewData[i]={elem:n,lastPath:"",op:w.getProp(this.element,d[i].o,0,.01,this.element),prop:L.getShapeProp(this.element,d[i],3),invRect:l},this.viewData[i].prop.k||this.drawPath(d[i],this.viewData[i].prop.v,this.viewData[i])}else this.viewData[i]={op:w.getProp(this.element,d[i].o,0,.01,this.element),prop:L.getShapeProp(this.element,d[i],3),elem:n,lastPath:""},a.appendChild(n);for(this.maskElement=createNS(y),r=u.length,i=0;i<r;i+=1)this.maskElement.appendChild(u[i]);0<c&&(this.maskElement.setAttribute("id",g),this.element.maskedElement.setAttribute(v,"url("+D+"#"+g+")"),a.appendChild(this.maskElement)),this.viewData.length&&this.element.addRenderableComponent(this)}function xt(){}function Pt(){}function St(){}function Tt(){}function At(){}function wt(t,e){this.elem=t,this.pos=e}function Mt(t,e,s){this.caches=[],this.styles=[],this.transformers=t,this.lStr="",this.sh=s,this.lvl=e,this._isAnimated=!!s.k;for(var i=0,a=t.length;i<a;){if(t[i].mProps.dynamicProperties.length){this._isAnimated=!0;break}i+=1}}function Ft(){this.it=[],this.prevViewData=[],this.gr=createNS("g")}function It(){this.sequences={},this.sequenceList=[],this.transform_key_count=0}function Et(t,e,s,i){this.styledShapes=[],this.tr=[0,0,0,0,0,0];var a=4;"rc"==e.ty?a=5:"el"==e.ty?a=6:"sr"==e.ty&&(a=7),this.sh=L.getShapeProp(t,e,a,t);var r,n,h=s.length;for(r=0;r<h;r+=1)s[r].closed||(n={transforms:i.addTransformSequence(s[r].transforms),trNodes:[]},this.styledShapes.push(n),s[r].elements.push(n))}function Lt(){}function Nt(t,e,s){this.initFrame(),this.initBaseData(t,e,s),this.initFrame(),this.initTransform(t,e,s),this.initHierarchy()}function zt(){}function Rt(){}function Vt(){}function Ot(){}function qt(t,e,s){this.assetData=e.getAssetData(t.refId),this.initElement(t,e,s)}function Bt(t,e,s){this.initElement(t,e,s)}function jt(t,e,s){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.shapeModifiers=[],this.itemsData=[],this.processedElements=[],this.animatedContents=[],this.initElement(t,e,s),this.prevViewData=[]}function Wt(){this.saved=[],this.cArrPos=0,this.cTr=new b,this.cO=1;var t;for(this.savedOp=B("float32",15),t=0;t<15;t+=1)this.saved[t]=B("float32",16);this._length=15}function Yt(){}function Gt(t,e,s){this.failed=!1,this.assetData=e.getAssetData(t.refId),this.img=e.imageLoader.getImage(this.assetData),this.initElement(t,e,s)}function Xt(t,e,s){this.completeLayers=!1,this.layers=t.layers,this.pendingElements=[],this.elements=S(this.layers.length),this.initElement(t,e,s),this.tm=t.tm?w.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function Ht(t,e){this.data=t,this.element=e,this.masksProperties=this.data.masksProperties||[],this.viewData=S(this.masksProperties.length);var s,i=this.masksProperties.length,a=!1;for(s=0;s<i;s++)"n"!==this.masksProperties[s].mode&&(a=!0),this.viewData[s]=L.getShapeProp(this.element,this.masksProperties[s],3);(this.hasMasks=a)&&this.element.addRenderableComponent(this)}function Jt(t,e,s){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.itemsData=[],this.prevViewData=[],this.shapeModifiers=[],this.processedElements=[],this.transformsManager=new It,this.initElement(t,e,s)}function Kt(t,e,s){this.initElement(t,e,s)}function Zt(t,e,s){this.textSpans=[],this.yOffset=0,this.fillColorAnim=!1,this.strokeColorAnim=!1,this.strokeWidthAnim=!1,this.stroke=!1,this.fill=!1,this.justifyOffset=0,this.currentRender=null,this.renderType="canvas",this.values={fill:"rgba(0,0,0,0)",stroke:"rgba(0,0,0,0)",sWidth:0,fValue:""},this.initElement(t,e,s)}function Ut(){}_t.prototype.checkLayers=function(t){var e,s,i=this.layers.length;for(this.completeLayers=!0,e=i-1;0<=e;e--)this.elements[e]||(s=this.layers[e]).ip-s.st<=t-this.layers[e].st&&s.op-s.st>t-this.layers[e].st&&this.buildItem(e),this.completeLayers=!!this.elements[e]&&this.completeLayers;this.checkPendingElements()},_t.prototype.createItem=function(t){switch(t.ty){case 2:return this.createImage(t);case 0:return this.createComp(t);case 1:return this.createSolid(t);case 3:return this.createNull(t);case 4:return this.createShape(t);case 5:return this.createText(t);case 13:return this.createCamera(t)}return this.createNull(t)},_t.prototype.createCamera=function(){throw new Error("You're using a 3d camera. Try the html renderer.")},_t.prototype.buildAllItems=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)this.buildItem(t);this.checkPendingElements()},_t.prototype.includeLayers=function(t){this.completeLayers=!1;var e,s,i=t.length,a=this.layers.length;for(e=0;e<i;e+=1)for(s=0;s<a;){if(this.layers[s].id==t[e].id){this.layers[s]=t[e];break}s+=1}},_t.prototype.setProjectInterface=function(t){this.globalData.projectInterface=t},_t.prototype.initItems=function(){this.globalData.progressiveLoad||this.buildAllItems()},_t.prototype.buildElementParenting=function(t,e,s){for(var i=this.elements,a=this.layers,r=0,n=a.length;r<n;)a[r].ind==e&&(i[r]&&!0!==i[r]?(s.push(i[r]),i[r].setAsParent(),void 0!==a[r].parent?this.buildElementParenting(t,a[r].parent,s):t.setHierarchy(s)):(this.buildItem(r),this.addPendingElement(t))),r+=1},_t.prototype.addPendingElement=function(t){this.pendingElements.push(t)},_t.prototype.searchExtraCompositions=function(t){var e,s=t.length;for(e=0;e<s;e+=1)if(t[e].xt){var i=this.createComp(t[e]);i.initExpressions(),this.globalData.projectInterface.registerComposition(i)}},_t.prototype.setupGlobalData=function(t,e){this.globalData.fontManager=new A,this.globalData.fontManager.addChars(t.chars),this.globalData.fontManager.addFonts(t.fonts,e),this.globalData.getAssetData=this.animationItem.getAssetData.bind(this.animationItem),this.globalData.getAssetsPath=this.animationItem.getAssetsPath.bind(this.animationItem),this.globalData.imageLoader=this.animationItem.imagePreloader,this.globalData.frameId=0,this.globalData.frameRate=t.fr,this.globalData.nm=t.nm,this.globalData.compSize={w:t.w,h:t.h}},_([_t],kt),kt.prototype.createNull=function(t){return new Nt(t,this.globalData,this)},kt.prototype.createShape=function(t){return new jt(t,this.globalData,this)},kt.prototype.createText=function(t){return new SVGTextElement(t,this.globalData,this)},kt.prototype.createImage=function(t){return new qt(t,this.globalData,this)},kt.prototype.createComp=function(t){return new SVGCompElement(t,this.globalData,this)},kt.prototype.createSolid=function(t){return new Bt(t,this.globalData,this)},kt.prototype.configAnimation=function(t){this.svgElement.setAttribute("xmlns","http://www.w3.org/2000/svg"),this.renderConfig.viewBoxSize?this.svgElement.setAttribute("viewBox",this.renderConfig.viewBoxSize):this.svgElement.setAttribute("viewBox","0 0 "+t.w+" "+t.h),this.renderConfig.viewBoxOnly||(this.svgElement.setAttribute("width",t.w),this.svgElement.setAttribute("height",t.h),this.svgElement.style.width="100%",this.svgElement.style.height="100%",this.svgElement.style.transform="translate3d(0,0,0)"),this.renderConfig.className&&this.svgElement.setAttribute("class",this.renderConfig.className),this.svgElement.setAttribute("preserveAspectRatio",this.renderConfig.preserveAspectRatio),this.animationItem.wrapper.appendChild(this.svgElement);var e=this.globalData.defs;this.setupGlobalData(t,e),this.globalData.progressiveLoad=this.renderConfig.progressiveLoad,this.data=t;var s=createNS("clipPath"),i=createNS("rect");i.setAttribute("width",t.w),i.setAttribute("height",t.h),i.setAttribute("x",0),i.setAttribute("y",0);var a="animationMask_"+P(10);s.setAttribute("id",a),s.appendChild(i),this.layerElement.setAttribute("clip-path","url("+D+"#"+a+")"),e.appendChild(s),this.layers=t.layers,this.elements=S(t.layers.length)},kt.prototype.destroy=function(){this.animationItem.wrapper.innerHTML="",this.layerElement=null,this.globalData.defs=null;var t,e=this.layers?this.layers.length:0;for(t=0;t<e;t++)this.elements[t]&&this.elements[t].destroy();this.elements.length=0,this.destroyed=!0,this.animationItem=null},kt.prototype.updateContainerSize=function(){},kt.prototype.buildItem=function(t){var e=this.elements;if(!e[t]&&99!=this.layers[t].ty){e[t]=!0;var s=this.createItem(this.layers[t]);e[t]=s,h&&(0===this.layers[t].ty&&this.globalData.projectInterface.registerComposition(s),s.initExpressions()),this.appendElementInPos(s,t),this.layers[t].tt&&(this.elements[t-1]&&!0!==this.elements[t-1]?s.setMatte(e[t-1].layerId):(this.buildItem(t-1),this.addPendingElement(s)))}},kt.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){var t=this.pendingElements.pop();if(t.checkParenting(),t.data.tt)for(var e=0,s=this.elements.length;e<s;){if(this.elements[e]===t){t.setMatte(this.elements[e-1].layerId);break}e+=1}}},kt.prototype.renderFrame=function(t){if(this.renderedFrame!==t&&!this.destroyed){null===t?t=this.renderedFrame:this.renderedFrame=t,this.globalData.frameNum=t,this.globalData.frameId+=1,this.globalData.projectInterface.currentFrame=t,this.globalData._mdf=!1;var e,s=this.layers.length;for(this.completeLayers||this.checkLayers(t),e=s-1;0<=e;e--)(this.completeLayers||this.elements[e])&&this.elements[e].prepareFrame(t-this.layers[e].st);if(this.globalData._mdf)for(e=0;e<s;e+=1)(this.completeLayers||this.elements[e])&&this.elements[e].renderFrame()}},kt.prototype.appendElementInPos=function(t,e){var s=t.getBaseElement();if(s){for(var i,a=0;a<e;)this.elements[a]&&!0!==this.elements[a]&&this.elements[a].getBaseElement()&&(i=this.elements[a].getBaseElement()),a+=1;i?this.layerElement.insertBefore(s,i):this.layerElement.appendChild(s)}},kt.prototype.hide=function(){this.layerElement.style.display="none"},kt.prototype.show=function(){this.layerElement.style.display="block"},_([_t],Dt),Dt.prototype.createShape=function(t){return new Jt(t,this.globalData,this)},Dt.prototype.createText=function(t){return new Zt(t,this.globalData,this)},Dt.prototype.createImage=function(t){return new Gt(t,this.globalData,this)},Dt.prototype.createComp=function(t){return new Xt(t,this.globalData,this)},Dt.prototype.createSolid=function(t){return new Kt(t,this.globalData,this)},Dt.prototype.createNull=kt.prototype.createNull,Dt.prototype.ctxTransform=function(t){if(1!==t[0]||0!==t[1]||0!==t[4]||1!==t[5]||0!==t[12]||0!==t[13])if(this.renderConfig.clearCanvas){this.transformMat.cloneFromProps(t);var e=this.contextData.cTr.props;this.transformMat.transform(e[0],e[1],e[2],e[3],e[4],e[5],e[6],e[7],e[8],e[9],e[10],e[11],e[12],e[13],e[14],e[15]),this.contextData.cTr.cloneFromProps(this.transformMat.props);var s=this.contextData.cTr.props;this.canvasContext.setTransform(s[0],s[1],s[4],s[5],s[12],s[13])}else this.canvasContext.transform(t[0],t[1],t[4],t[5],t[12],t[13])},Dt.prototype.ctxOpacity=function(t){if(!this.renderConfig.clearCanvas)return this.canvasContext.globalAlpha*=t<0?0:t,void(this.globalData.currentGlobalAlpha=this.contextData.cO);this.contextData.cO*=t<0?0:t,this.globalData.currentGlobalAlpha!==this.contextData.cO&&(this.canvasContext.globalAlpha=this.contextData.cO,this.globalData.currentGlobalAlpha=this.contextData.cO)},Dt.prototype.reset=function(){this.renderConfig.clearCanvas?this.contextData.reset():this.canvasContext.restore()},Dt.prototype.save=function(t){if(this.renderConfig.clearCanvas){t&&this.canvasContext.save();var e=this.contextData.cTr.props;this.contextData._length<=this.contextData.cArrPos&&this.contextData.duplicate();var s,i=this.contextData.saved[this.contextData.cArrPos];for(s=0;s<16;s+=1)i[s]=e[s];this.contextData.savedOp[this.contextData.cArrPos]=this.contextData.cO,this.contextData.cArrPos+=1}else this.canvasContext.save()},Dt.prototype.restore=function(t){if(this.renderConfig.clearCanvas){t&&(this.canvasContext.restore(),this.globalData.blendMode="source-over"),this.contextData.cArrPos-=1;var e,s=this.contextData.saved[this.contextData.cArrPos],i=this.contextData.cTr.props;for(e=0;e<16;e+=1)i[e]=s[e];this.canvasContext.setTransform(s[0],s[1],s[4],s[5],s[12],s[13]),s=this.contextData.savedOp[this.contextData.cArrPos],this.contextData.cO=s,this.globalData.currentGlobalAlpha!==s&&(this.canvasContext.globalAlpha=s,this.globalData.currentGlobalAlpha=s)}else this.canvasContext.restore()},Dt.prototype.configAnimation=function(t){this.animationItem.wrapper?(this.animationItem.container=g("canvas"),this.animationItem.container.style.width="100%",this.animationItem.container.style.height="100%",this.animationItem.container.style.transformOrigin=this.animationItem.container.style.mozTransformOrigin=this.animationItem.container.style.webkitTransformOrigin=this.animationItem.container.style["-webkit-transform"]="0px 0px 0px",this.animationItem.wrapper.appendChild(this.animationItem.container),this.canvasContext=this.animationItem.container.getContext("2d"),this.renderConfig.className&&this.animationItem.container.setAttribute("class",this.renderConfig.className)):this.canvasContext=this.renderConfig.context,this.data=t,this.layers=t.layers,this.transformCanvas={w:t.w,h:t.h,sx:0,sy:0,tx:0,ty:0},this.setupGlobalData(t,document.body),this.globalData.canvasContext=this.canvasContext,(this.globalData.renderer=this).globalData.isDashed=!1,this.globalData.progressiveLoad=this.renderConfig.progressiveLoad,this.globalData.transformCanvas=this.transformCanvas,this.elements=S(t.layers.length),this.updateContainerSize()},Dt.prototype.updateContainerSize=function(){var t,e,s,i;if(this.reset(),this.animationItem.wrapper&&this.animationItem.container?(t=this.animationItem.wrapper.offsetWidth,e=this.animationItem.wrapper.offsetHeight,this.animationItem.container.setAttribute("width",t*this.renderConfig.dpr),this.animationItem.container.setAttribute("height",e*this.renderConfig.dpr)):(t=this.canvasContext.canvas.width*this.renderConfig.dpr,e=this.canvasContext.canvas.height*this.renderConfig.dpr),-1!==this.renderConfig.preserveAspectRatio.indexOf("meet")||-1!==this.renderConfig.preserveAspectRatio.indexOf("slice")){var a=this.renderConfig.preserveAspectRatio.split(" "),r=a[1]||"meet",n=a[0]||"xMidYMid",h=n.substr(0,4),o=n.substr(4);s=t/e,i=this.transformCanvas.w/this.transformCanvas.h,this.transformCanvas.sy=s<i&&"meet"===r||i<s&&"slice"===r?(this.transformCanvas.sx=t/(this.transformCanvas.w/this.renderConfig.dpr),t/(this.transformCanvas.w/this.renderConfig.dpr)):(this.transformCanvas.sx=e/(this.transformCanvas.h/this.renderConfig.dpr),e/(this.transformCanvas.h/this.renderConfig.dpr)),this.transformCanvas.tx="xMid"===h&&(i<s&&"meet"===r||s<i&&"slice"===r)?(t-this.transformCanvas.w*(e/this.transformCanvas.h))/2*this.renderConfig.dpr:"xMax"===h&&(i<s&&"meet"===r||s<i&&"slice"===r)?(t-this.transformCanvas.w*(e/this.transformCanvas.h))*this.renderConfig.dpr:0,this.transformCanvas.ty="YMid"===o&&(s<i&&"meet"===r||i<s&&"slice"===r)?(e-this.transformCanvas.h*(t/this.transformCanvas.w))/2*this.renderConfig.dpr:"YMax"===o&&(s<i&&"meet"===r||i<s&&"slice"===r)?(e-this.transformCanvas.h*(t/this.transformCanvas.w))*this.renderConfig.dpr:0}else"none"==this.renderConfig.preserveAspectRatio?(this.transformCanvas.sx=t/(this.transformCanvas.w/this.renderConfig.dpr),this.transformCanvas.sy=e/(this.transformCanvas.h/this.renderConfig.dpr)):(this.transformCanvas.sx=this.renderConfig.dpr,this.transformCanvas.sy=this.renderConfig.dpr),this.transformCanvas.tx=0,this.transformCanvas.ty=0;this.transformCanvas.props=[this.transformCanvas.sx,0,0,0,0,this.transformCanvas.sy,0,0,0,0,1,0,this.transformCanvas.tx,this.transformCanvas.ty,0,1],this.ctxTransform(this.transformCanvas.props),this.canvasContext.beginPath(),this.canvasContext.rect(0,0,this.transformCanvas.w,this.transformCanvas.h),this.canvasContext.closePath(),this.canvasContext.clip()},Dt.prototype.destroy=function(){var t;for(this.renderConfig.clearCanvas&&(this.animationItem.wrapper.innerHTML=""),t=(this.layers?this.layers.length:0)-1;0<=t;t-=1)this.elements[t]&&this.elements[t].destroy();this.elements.length=0,this.globalData.canvasContext=null,this.animationItem.container=null,this.destroyed=!0},Dt.prototype.renderFrame=function(t){if(!(this.renderedFrame==t&&!0===this.renderConfig.clearCanvas||this.destroyed||-1===t)){this.renderedFrame=t,this.globalData.frameNum=t-this.animationItem._isFirstFrame,this.globalData.frameId+=1,this.globalData._mdf=!this.renderConfig.clearCanvas,this.globalData.projectInterface.currentFrame=t;var e,s=this.layers.length;for(this.completeLayers||this.checkLayers(t),e=0;e<s;e++)(this.completeLayers||this.elements[e])&&this.elements[e].prepareFrame(t-this.layers[e].st);if(this.globalData._mdf){for(!0===this.renderConfig.clearCanvas?this.canvasContext.clearRect(0,0,this.transformCanvas.w,this.transformCanvas.h):this.save(),e=s-1;0<=e;e-=1)(this.completeLayers||this.elements[e])&&this.elements[e].renderFrame();!0!==this.renderConfig.clearCanvas&&this.restore()}}},Dt.prototype.buildItem=function(t){var e=this.elements;if(!e[t]&&99!=this.layers[t].ty){var s=this.createItem(this.layers[t],this,this.globalData);(e[t]=s).initExpressions()}},Dt.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){this.pendingElements.pop().checkParenting()}},Dt.prototype.hide=function(){this.animationItem.container.style.display="none"},Dt.prototype.show=function(){this.animationItem.container.style.display="block"},Ct.prototype.getMaskProperty=function(t){return this.viewData[t].prop},Ct.prototype.renderFrame=function(t){var e,s=this.element.finalTransform.mat,i=this.masksProperties.length;for(e=0;e<i;e++)if((this.viewData[e].prop._mdf||t)&&this.drawPath(this.masksProperties[e],this.viewData[e].prop.v,this.viewData[e]),(this.viewData[e].op._mdf||t)&&this.viewData[e].elem.setAttribute("fill-opacity",this.viewData[e].op.v),"n"!==this.masksProperties[e].mode&&(this.viewData[e].invRect&&(this.element.finalTransform.mProp._mdf||t)&&(this.viewData[e].invRect.setAttribute("x",-s.props[12]),this.viewData[e].invRect.setAttribute("y",-s.props[13])),this.storedData[e].x&&(this.storedData[e].x._mdf||t))){var a=this.storedData[e].expan;this.storedData[e].x.v<0?("erode"!==this.storedData[e].lastOperator&&(this.storedData[e].lastOperator="erode",this.storedData[e].elem.setAttribute("filter","url("+D+"#"+this.storedData[e].filterId+")")),a.setAttribute("radius",-this.storedData[e].x.v)):("dilate"!==this.storedData[e].lastOperator&&(this.storedData[e].lastOperator="dilate",this.storedData[e].elem.setAttribute("filter",null)),this.storedData[e].elem.setAttribute("stroke-width",2*this.storedData[e].x.v))}},Ct.prototype.getMaskelement=function(){return this.maskElement},Ct.prototype.createLayerSolidPath=function(){var t="M0,0 ";return t+=" h"+this.globalData.compSize.w,t+=" v"+this.globalData.compSize.h,t+=" h-"+this.globalData.compSize.w,t+=" v-"+this.globalData.compSize.h+" "},Ct.prototype.drawPath=function(t,e,s){var i,a,r=" M"+e.v[0][0]+","+e.v[0][1];for(a=e._length,i=1;i<a;i+=1)r+=" C"+e.o[i-1][0]+","+e.o[i-1][1]+" "+e.i[i][0]+","+e.i[i][1]+" "+e.v[i][0]+","+e.v[i][1];if(e.c&&1<a&&(r+=" C"+e.o[i-1][0]+","+e.o[i-1][1]+" "+e.i[0][0]+","+e.i[0][1]+" "+e.v[0][0]+","+e.v[0][1]),s.lastPath!==r){var n="";s.elem&&(e.c&&(n=t.inv?this.solidPath+r:r),s.elem.setAttribute("d",n)),s.lastPath=r}},Ct.prototype.destroy=function(){this.element=null,this.globalData=null,this.maskElement=null,this.data=null,this.masksProperties=null},xt.prototype={initHierarchy:function(){this.hierarchy=[],this._isParent=!1,this.checkParenting()},setHierarchy:function(t){this.hierarchy=t},setAsParent:function(){this._isParent=!0},checkParenting:function(){void 0!==this.data.parent&&this.comp.buildElementParenting(this,this.data.parent,[])}},Pt.prototype={initFrame:function(){this._isFirstFrame=!1,this.dynamicProperties=[],this._mdf=!1},prepareProperties:function(t,e){var s,i=this.dynamicProperties.length;for(s=0;s<i;s+=1)(e||this._isParent&&"transform"===this.dynamicProperties[s].propType)&&(this.dynamicProperties[s].getValue(),this.dynamicProperties[s]._mdf&&(this.globalData._mdf=!0,this._mdf=!0))},addDynamicProperty:function(t){-1===this.dynamicProperties.indexOf(t)&&this.dynamicProperties.push(t)}},St.prototype={initTransform:function(){this.finalTransform={mProp:this.data.ks?M.getTransformProperty(this,this.data.ks,this):{o:0},_matMdf:!1,_opMdf:!1,mat:new b},this.data.ao&&(this.finalTransform.mProp.autoOriented=!0),this.data.ty},renderTransform:function(){if(this.finalTransform._opMdf=this.finalTransform.mProp.o._mdf||this._isFirstFrame,this.finalTransform._matMdf=this.finalTransform.mProp._mdf||this._isFirstFrame,this.hierarchy){var t,e=this.finalTransform.mat,s=0,i=this.hierarchy.length;if(!this.finalTransform._matMdf)for(;s<i;){if(this.hierarchy[s].finalTransform.mProp._mdf){this.finalTransform._matMdf=!0;break}s+=1}if(this.finalTransform._matMdf)for(t=this.finalTransform.mProp.v.props,e.cloneFromProps(t),s=0;s<i;s+=1)t=this.hierarchy[s].finalTransform.mProp.v.props,e.transform(t[0],t[1],t[2],t[3],t[4],t[5],t[6],t[7],t[8],t[9],t[10],t[11],t[12],t[13],t[14],t[15])}},globalToLocal:function(t){var e=[];e.push(this.finalTransform);for(var s=!0,i=this.comp;s;)i.finalTransform?(i.data.hasMask&&e.splice(0,0,i.finalTransform),i=i.comp):s=!1;var a,r,n=e.length;for(a=0;a<n;a+=1)r=e[a].mat.applyToPointArray(0,0,0),t=[t[0]-r[0],t[1]-r[1],0];return t},mHelper:new b},Tt.prototype={initRenderable:function(){this.isInRange=!1,this.hidden=!1,this.isTransparent=!1,this.renderableComponents=[]},addRenderableComponent:function(t){-1===this.renderableComponents.indexOf(t)&&this.renderableComponents.push(t)},removeRenderableComponent:function(t){-1!==this.renderableComponents.indexOf(t)&&this.renderableComponents.splice(this.renderableComponents.indexOf(t),1)},prepareRenderableFrame:function(t){this.checkLayerLimits(t)},checkTransparency:function(){this.finalTransform.mProp.o.v<=0?!this.isTransparent&&this.globalData.renderConfig.hideOnTransparent&&(this.isTransparent=!0,this.hide()):this.isTransparent&&(this.isTransparent=!1,this.show())},checkLayerLimits:function(t){this.data.ip-this.data.st<=t&&this.data.op-this.data.st>t?!0!==this.isInRange&&(this.globalData._mdf=!0,this._mdf=!0,this.isInRange=!0,this.show()):!1!==this.isInRange&&(this.globalData._mdf=!0,this.isInRange=!1,this.hide())},renderRenderable:function(){var t,e=this.renderableComponents.length;for(t=0;t<e;t+=1)this.renderableComponents[t].renderFrame(this._isFirstFrame)},sourceRectAtTime:function(){return{top:0,left:0,width:100,height:100}},getLayerSize:function(){return 5===this.data.ty?{w:this.data.textData.width,h:this.data.textData.height}:{w:this.data.width,h:this.data.height}}},_([Tt,function(t){function e(){}return e.prototype=t,e}({initElement:function(t,e,s){this.initFrame(),this.initBaseData(t,e,s),this.initTransform(t,e,s),this.initHierarchy(),this.initRenderable(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),this.createContent(),this.hide()},hide:function(){this.hidden||this.isInRange&&!this.isTransparent||((this.baseElement||this.layerElement).style.display="none",this.hidden=!0)},show:function(){this.isInRange&&!this.isTransparent&&(this.data.hd||((this.baseElement||this.layerElement).style.display="block"),this.hidden=!1,this._isFirstFrame=!0)},renderFrame:function(){this.data.hd||this.hidden||(this.renderTransform(),this.renderRenderable(),this.renderElement(),this.renderInnerContent(),this._isFirstFrame&&(this._isFirstFrame=!1))},renderInnerContent:function(){},prepareFrame:function(t){this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),this.checkTransparency()},destroy:function(){this.innerElem=null,this.destroyBaseElement()}})],At),Mt.prototype.setAsAnimated=function(){this._isAnimated=!0},It.prototype={addTransformSequence:function(t){var e,s=t.length,i="_";for(e=0;e<s;e+=1)i+=t[e].transform.key+"_";var a=this.sequences[i];return a||(a={transforms:[].concat(t),finalTransform:new b,_mdf:!1},this.sequences[i]=a,this.sequenceList.push(a)),a},processSequence:function(t,e){for(var s,i=0,a=t.transforms.length,r=e;i<a&&!e;){if(t.transforms[i].transform.mProps._mdf){r=!0;break}i+=1}if(r)for(t.finalTransform.reset(),i=a-1;0<=i;i-=1)s=t.transforms[i].transform.mProps.v.props,t.finalTransform.transform(s[0],s[1],s[2],s[3],s[4],s[5],s[6],s[7],s[8],s[9],s[10],s[11],s[12],s[13],s[14],s[15]);t._mdf=r},processSequences:function(t){var e,s=this.sequenceList.length;for(e=0;e<s;e+=1)this.processSequence(this.sequenceList[e],t)},getNewKey:function(){return"_"+this.transform_key_count++}},Et.prototype.setAsAnimated=Mt.prototype.setAsAnimated,Lt.prototype={checkMasks:function(){if(!this.data.hasMask)return!1;for(var t=0,e=this.data.masksProperties.length;t<e;){if("n"!==this.data.masksProperties[t].mode&&!1!==this.data.masksProperties[t].cl)return!0;t+=1}return!1},initExpressions:function(){this.layerInterface=LayerExpressionInterface(this),this.data.hasMask&&this.maskManager&&this.layerInterface.registerMaskInterface(this.maskManager);var t=EffectsExpressionInterface.createEffectsInterface(this,this.layerInterface);this.layerInterface.registerEffectsInterface(t),0===this.data.ty||this.data.xt?this.compInterface=CompExpressionInterface(this):4===this.data.ty?(this.layerInterface.shapeInterface=ShapeExpressionInterface(this.shapesData,this.itemsData,this.layerInterface),this.layerInterface.content=this.layerInterface.shapeInterface):5===this.data.ty&&(this.layerInterface.textInterface=TextExpressionInterface(this),this.layerInterface.text=this.layerInterface.textInterface)},blendModeEnums:{1:"multiply",2:"screen",3:"overlay",4:"darken",5:"lighten",6:"color-dodge",7:"color-burn",8:"hard-light",9:"soft-light",10:"difference",11:"exclusion",12:"hue",13:"saturation",14:"color",15:"luminosity"},getBlendMode:function(){return this.blendModeEnums[this.data.bm]||""},setBlendMode:function(){var t=this.getBlendMode();(this.baseElement||this.layerElement).style["mix-blend-mode"]=t},initBaseData:function(t,e,s){this.globalData=e,this.comp=s,this.data=t,this.layerId="ly_"+P(10),this.data.sr||(this.data.sr=1),this.effectsManager=new te(this.data,this,this.dynamicProperties)},getType:function(){return this.type}},Nt.prototype.prepareFrame=function(t){this.prepareProperties(t,!0)},Nt.prototype.renderFrame=function(){},Nt.prototype.getBaseElement=function(){return null},Nt.prototype.destroy=function(){},Nt.prototype.sourceRectAtTime=function(){},Nt.prototype.hide=function(){},_([Lt,St,xt,Pt],Nt),zt.prototype={initRendererElement:function(){this.layerElement=createNS("g")},createContainerElements:function(){this.matteElement=createNS("g"),this.transformedElement=this.layerElement,this.maskedElement=this.layerElement,this._sizeChanged=!1;var t,e,s,i=null;if(this.data.td){if(3==this.data.td||1==this.data.td){var a=createNS("mask");a.setAttribute("id",this.layerId),a.setAttribute("mask-type",3==this.data.td?"luminance":"alpha"),a.appendChild(this.layerElement),i=a,this.globalData.defs.appendChild(a),Z.maskType||1!=this.data.td||(a.setAttribute("mask-type","luminance"),t=P(10),e=U.createFilter(t),this.globalData.defs.appendChild(e),e.appendChild(U.createAlphaToLuminanceFilter()),(s=createNS("g")).appendChild(this.layerElement),i=s,a.appendChild(s),s.setAttribute("filter","url("+D+"#"+t+")"))}else if(2==this.data.td){var r=createNS("mask");r.setAttribute("id",this.layerId),r.setAttribute("mask-type","alpha");var n=createNS("g");r.appendChild(n),t=P(10),e=U.createFilter(t);var h=createNS("feColorMatrix");h.setAttribute("type","matrix"),h.setAttribute("color-interpolation-filters","sRGB"),h.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"),e.appendChild(h),this.globalData.defs.appendChild(e);var o=createNS("rect");o.setAttribute("width",this.comp.data.w),o.setAttribute("height",this.comp.data.h),o.setAttribute("x","0"),o.setAttribute("y","0"),o.setAttribute("fill","#ffffff"),o.setAttribute("opacity","0"),n.setAttribute("filter","url("+D+"#"+t+")"),n.appendChild(o),n.appendChild(this.layerElement),i=n,Z.maskType||(r.setAttribute("mask-type","luminance"),e.appendChild(U.createAlphaToLuminanceFilter()),s=createNS("g"),n.appendChild(o),s.appendChild(this.layerElement),i=s,n.appendChild(s)),this.globalData.defs.appendChild(r)}}else this.data.tt?(this.matteElement.appendChild(this.layerElement),i=this.matteElement,this.baseElement=this.matteElement):this.baseElement=this.layerElement;if(this.data.ln&&this.layerElement.setAttribute("id",this.data.ln),this.data.cl&&this.layerElement.setAttribute("class",this.data.cl),0===this.data.ty&&!this.data.hd){var l=createNS("clipPath"),p=createNS("path");p.setAttribute("d","M0,0 L"+this.data.w+",0 L"+this.data.w+","+this.data.h+" L0,"+this.data.h+"z");var f="cp_"+P(8);if(l.setAttribute("id",f),l.appendChild(p),this.globalData.defs.appendChild(l),this.checkMasks()){var m=createNS("g");m.setAttribute("clip-path","url("+D+"#"+f+")"),m.appendChild(this.layerElement),this.transformedElement=m,i?i.appendChild(this.transformedElement):this.baseElement=this.transformedElement}else this.layerElement.setAttribute("clip-path","url("+D+"#"+f+")")}0!==this.data.bm&&this.setBlendMode()},renderElement:function(){this.finalTransform._matMdf&&this.transformedElement.setAttribute("transform",this.finalTransform.mat.to2dCSS()),this.finalTransform._opMdf&&this.transformedElement.setAttribute("opacity",this.finalTransform.mProp.o.v)},destroyBaseElement:function(){this.layerElement=null,this.matteElement=null,this.maskManager.destroy()},getBaseElement:function(){return this.data.hd?null:this.baseElement},createRenderableComponents:function(){this.maskManager=new Ct(this.data,this,this.globalData),this.renderableEffectsManager=new SVGEffects(this)},setMatte:function(t){this.matteElement&&this.matteElement.setAttribute("mask","url("+D+"#"+t+")")}},Rt.prototype={addShapeToModifiers:function(t){var e,s=this.shapeModifiers.length;for(e=0;e<s;e+=1)this.shapeModifiers[e].addShape(t)},isShapeInAnimatedModifiers:function(t){for(var e=this.shapeModifiers.length;0<e;)if(this.shapeModifiers[0].isAnimatedWithShape(t))return!0;return!1},renderModifiers:function(){if(this.shapeModifiers.length){var t,e=this.shapes.length;for(t=0;t<e;t+=1)this.shapes[t].sh.reset();for(t=(e=this.shapeModifiers.length)-1;0<=t;t-=1)this.shapeModifiers[t].processShapes(this._isFirstFrame)}},lcEnum:{1:"butt",2:"round",3:"square"},ljEnum:{1:"miter",2:"round",3:"bevel"},searchProcessedElement:function(t){for(var e=this.processedElements,s=0,i=e.length;s<i;){if(e[s].elem===t)return e[s].pos;s+=1}return 0},addProcessedElement:function(t,e){for(var s=this.processedElements,i=s.length;i;)if(s[i-=1].elem===t)return void(s[i].pos=e);s.push(new wt(t,e))},prepareFrame:function(t){this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange)}},Vt.prototype.initElement=function(t,e,s){this.lettersChangedFlag=!0,this.initFrame(),this.initBaseData(t,e,s),this.textProperty=new et(this,t.t,this.dynamicProperties),this.textAnimator=new $(t.t,this.renderType,this),this.initTransform(t,e,s),this.initHierarchy(),this.initRenderable(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),this.createContent(),this.hide(),this.textAnimator.searchProperties(this.dynamicProperties)},Vt.prototype.prepareFrame=function(t){this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),(this.textProperty._mdf||this.textProperty._isFirstFrame)&&(this.buildNewText(),this.textProperty._isFirstFrame=!1,this.textProperty._mdf=!1)},Vt.prototype.createPathShape=function(t,e){var s,i,a=e.length,r="";for(s=0;s<a;s+=1)i=e[s].ks.k,r+=J(i,i.i.length,!0,t);return r},Vt.prototype.updateDocumentData=function(t,e){this.textProperty.updateDocumentData(t,e)},Vt.prototype.canResizeFont=function(t){this.textProperty.canResizeFont(t)},Vt.prototype.setMinimumFontSize=function(t){this.textProperty.setMinimumFontSize(t)},Vt.prototype.applyTextPropertiesToMatrix=function(t,e,s,i,a){switch(t.ps&&e.translate(t.ps[0],t.ps[1]+t.ascent,0),e.translate(0,-t.ls,0),t.j){case 1:e.translate(t.justifyOffset+(t.boxWidth-t.lineWidths[s]),0,0);break;case 2:e.translate(t.justifyOffset+(t.boxWidth-t.lineWidths[s])/2,0,0)}e.translate(i,a,0)},Vt.prototype.buildColor=function(t){return"rgb("+Math.round(255*t[0])+","+Math.round(255*t[1])+","+Math.round(255*t[2])+")"},Vt.prototype.emptyProp=new dt,Vt.prototype.destroy=function(){},_([Lt,St,xt,Pt,At],Ot),Ot.prototype.initElement=function(t,e,s){this.initFrame(),this.initBaseData(t,e,s),this.initTransform(t,e,s),this.initRenderable(),this.initHierarchy(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),!this.data.xt&&e.progressiveLoad||this.buildAllItems(),this.hide()},Ot.prototype.prepareFrame=function(t){if(this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),this.isInRange||this.data.xt){if(this.tm._placeholder)this.renderedFrame=t/this.data.sr;else{var e=this.tm.v;e===this.data.op&&(e=this.data.op-1),this.renderedFrame=e}var s,i=this.elements.length;for(this.completeLayers||this.checkLayers(this.renderedFrame),s=i-1;0<=s;s-=1)(this.completeLayers||this.elements[s])&&(this.elements[s].prepareFrame(this.renderedFrame-this.layers[s].st),this.elements[s]._mdf&&(this._mdf=!0))}},Ot.prototype.renderInnerContent=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)(this.completeLayers||this.elements[t])&&this.elements[t].renderFrame()},Ot.prototype.setElements=function(t){this.elements=t},Ot.prototype.getElements=function(){return this.elements},Ot.prototype.destroyElements=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)this.elements[t]&&this.elements[t].destroy()},Ot.prototype.destroy=function(){this.destroyElements(),this.destroyBaseElement()},_([Lt,St,zt,xt,Pt,At],qt),qt.prototype.createContent=function(){var t=this.globalData.getAssetsPath(this.assetData);this.innerElem=createNS("image"),this.innerElem.setAttribute("width",this.assetData.w+"px"),this.innerElem.setAttribute("height",this.assetData.h+"px"),this.innerElem.setAttribute("preserveAspectRatio",this.assetData.pr||this.globalData.renderConfig.imagePreserveAspectRatio),this.innerElem.setAttributeNS("http://www.w3.org/1999/xlink","href",t),this.layerElement.appendChild(this.innerElem)},_([qt],Bt),Bt.prototype.createContent=function(){var t=createNS("rect");t.setAttribute("width",this.data.sw),t.setAttribute("height",this.data.sh),t.setAttribute("fill",this.data.sc),this.layerElement.appendChild(t)},_([Lt,St,zt,Rt,xt,Pt,At],jt),jt.prototype.initSecondaryElement=function(){},jt.prototype.identityMatrix=new b,jt.prototype.buildExpressionInterface=function(){},jt.prototype.createContent=function(){this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes()},jt.prototype.filterUniqueShapes=function(){var t,e,s,i,a=this.shapes.length,r=this.stylesList.length,n=[],h=!1;for(s=0;s<r;s+=1){for(i=this.stylesList[s],h=!1,t=n.length=0;t<a;t+=1)-1!==(e=this.shapes[t]).styles.indexOf(i)&&(n.push(e),h=e._isAnimated||h);1<n.length&&h&&this.setShapesAsAnimated(n)}},jt.prototype.setShapesAsAnimated=function(t){var e,s=t.length;for(e=0;e<s;e+=1)t[e].setAsAnimated()},jt.prototype.createStyleElement=function(t,e){var s,i=new SVGStyleData(t,e),a=i.pElem;if("st"===t.ty)s=new SVGStrokeStyleData(this,t,i);else if("fl"===t.ty)s=new SVGFillStyleData(this,t,i);else if("gf"===t.ty||"gs"===t.ty){s=new("gf"===t.ty?SVGGradientFillStyleData:SVGGradientStrokeStyleData)(this,t,i),this.globalData.defs.appendChild(s.gf),s.maskId&&(this.globalData.defs.appendChild(s.ms),this.globalData.defs.appendChild(s.of),a.setAttribute("mask","url("+D+"#"+s.maskId+")"))}return"st"!==t.ty&&"gs"!==t.ty||(a.setAttribute("stroke-linecap",this.lcEnum[t.lc]||"round"),a.setAttribute("stroke-linejoin",this.ljEnum[t.lj]||"round"),a.setAttribute("fill-opacity","0"),1===t.lj&&a.setAttribute("stroke-miterlimit",t.ml)),2===t.r&&a.setAttribute("fill-rule","evenodd"),t.ln&&a.setAttribute("id",t.ln),t.cl&&a.setAttribute("class",t.cl),this.stylesList.push(i),this.addToAnimatedContents(t,s),s},jt.prototype.createGroupElement=function(t){var e=new Ft;return t.ln&&e.gr.setAttribute("id",t.ln),t.cl&&e.gr.setAttribute("class",t.cl),e},jt.prototype.createTransformElement=function(t,e){var s=M.getTransformProperty(this,t,this),i=new SVGTransformData(s,s.o,e);return this.addToAnimatedContents(t,i),i},jt.prototype.createShapeElement=function(t,e,s){var i=4;"rc"===t.ty?i=5:"el"===t.ty?i=6:"sr"===t.ty&&(i=7);var a=new Mt(e,s,L.getShapeProp(this,t,i,this));return this.shapes.push(a),this.addShapeToModifiers(a),this.addToAnimatedContents(t,a),a},jt.prototype.addToAnimatedContents=function(t,e){for(var s=0,i=this.animatedContents.length;s<i;){if(this.animatedContents[s].element===e)return;s+=1}this.animatedContents.push({fn:SVGElementsRenderer.createRenderFunction(t),element:e,data:t})},jt.prototype.setElementStyles=function(t){var e,s=t.styles,i=this.stylesList.length;for(e=0;e<i;e+=1)this.stylesList[e].closed||s.push(this.stylesList[e])},jt.prototype.reloadShapes=function(){this._isFirstFrame=!0;var t,e=this.itemsData.length;for(t=0;t<e;t+=1)this.prevViewData[t]=this.itemsData[t];for(this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes(),e=this.dynamicProperties.length,t=0;t<e;t+=1)this.dynamicProperties[t].getValue();this.renderModifiers()},jt.prototype.searchShapes=function(t,e,s,i,a,r,n){var h,o,l,p,f,m,d=[].concat(r),c=t.length-1,u=[],g=[];for(h=c;0<=h;h-=1){if((m=this.searchProcessedElement(t[h]))?e[h]=s[m-1]:t[h]._render=n,"fl"==t[h].ty||"st"==t[h].ty||"gf"==t[h].ty||"gs"==t[h].ty)m?e[h].style.closed=!1:e[h]=this.createStyleElement(t[h],a),t[h]._render&&i.appendChild(e[h].style.pElem),u.push(e[h].style);else if("gr"==t[h].ty){if(m)for(l=e[h].it.length,o=0;o<l;o+=1)e[h].prevViewData[o]=e[h].it[o];else e[h]=this.createGroupElement(t[h]);this.searchShapes(t[h].it,e[h].it,e[h].prevViewData,e[h].gr,a+1,d,n),t[h]._render&&i.appendChild(e[h].gr)}else"tr"==t[h].ty?(m||(e[h]=this.createTransformElement(t[h],i)),p=e[h].transform,d.push(p)):"sh"==t[h].ty||"rc"==t[h].ty||"el"==t[h].ty||"sr"==t[h].ty?(m||(e[h]=this.createShapeElement(t[h],d,a)),this.setElementStyles(e[h])):"tm"==t[h].ty||"rd"==t[h].ty||"ms"==t[h].ty?(m?(f=e[h]).closed=!1:((f=N.getModifier(t[h].ty)).init(this,t[h]),e[h]=f,this.shapeModifiers.push(f)),g.push(f)):"rp"==t[h].ty&&(m?(f=e[h]).closed=!0:(f=N.getModifier(t[h].ty),(e[h]=f).init(this,t,h,e),this.shapeModifiers.push(f),n=!1),g.push(f));this.addProcessedElement(t[h],h+1)}for(c=u.length,h=0;h<c;h+=1)u[h].closed=!0;for(c=g.length,h=0;h<c;h+=1)g[h].closed=!0},jt.prototype.renderInnerContent=function(){this.renderModifiers();var t,e=this.stylesList.length;for(t=0;t<e;t+=1)this.stylesList[t].reset();for(this.renderShape(),t=0;t<e;t+=1)(this.stylesList[t]._mdf||this._isFirstFrame)&&(this.stylesList[t].msElem&&(this.stylesList[t].msElem.setAttribute("d",this.stylesList[t].d),this.stylesList[t].d="M0 0"+this.stylesList[t].d),this.stylesList[t].pElem.setAttribute("d",this.stylesList[t].d||"M0 0"))},jt.prototype.renderShape=function(){var t,e,s=this.animatedContents.length;for(t=0;t<s;t+=1)e=this.animatedContents[t],(this._isFirstFrame||e.element._isAnimated)&&!0!==e.data&&e.fn(e.data,e.element,this._isFirstFrame)},jt.prototype.destroy=function(){this.destroyBaseElement(),this.shapesData=null,this.itemsData=null},Wt.prototype.duplicate=function(){var t=2*this._length,e=this.savedOp;this.savedOp=B("float32",t),this.savedOp.set(e);var s=0;for(s=this._length;s<t;s+=1)this.saved[s]=B("float32",16);this._length=t},Wt.prototype.reset=function(){this.cArrPos=0,this.cTr.reset(),this.cO=1},(Yt.prototype={createElements:function(){},initRendererElement:function(){},createContainerElements:function(){this.canvasContext=this.globalData.canvasContext,this.renderableEffectsManager=new Ut(this)},createContent:function(){},setBlendMode:function(){var t=this.globalData;if(t.blendMode!==this.data.bm){t.blendMode=this.data.bm;var e=this.getBlendMode();t.canvasContext.globalCompositeOperation=e}},createRenderableComponents:function(){this.maskManager=new Ht(this.data,this)},hideElement:function(){this.hidden||this.isInRange&&!this.isTransparent||(this.hidden=!0)},showElement:function(){this.isInRange&&!this.isTransparent&&(this.hidden=!1,this._isFirstFrame=!0,this.maskManager._isFirstFrame=!0)},renderFrame:function(){this.hidden||this.data.hd||(this.renderTransform(),this.renderRenderable(),this.setBlendMode(),this.globalData.renderer.save(),this.globalData.renderer.ctxTransform(this.finalTransform.mat.props),this.globalData.renderer.ctxOpacity(this.finalTransform.mProp.o.v),this.renderInnerContent(),this.globalData.renderer.restore(),this.maskManager.hasMasks&&this.globalData.renderer.restore(!0),this._isFirstFrame&&(this._isFirstFrame=!1))},destroy:function(){this.canvasContext=null,this.data=null,this.globalData=null,this.maskManager.destroy()},mHelper:new b}).hide=Yt.prototype.hideElement,Yt.prototype.show=Yt.prototype.showElement,_([Lt,St,Yt,xt,Pt,Tt],Gt),Gt.prototype.initElement=jt.prototype.initElement,Gt.prototype.prepareFrame=qt.prototype.prepareFrame,Gt.prototype.createContent=function(){if(this.img.width&&(this.assetData.w!==this.img.width||this.assetData.h!==this.img.height)){var t=g("canvas");t.width=this.assetData.w,t.height=this.assetData.h;var e,s,i=t.getContext("2d"),a=this.img.width,r=this.img.height,n=a/r,h=this.assetData.w/this.assetData.h,o=this.assetData.pr||this.globalData.renderConfig.imagePreserveAspectRatio;h<n&&"xMidYMid slice"===o||n<h&&"xMidYMid slice"!==o?e=(s=r)*h:s=(e=a)/h,i.drawImage(this.img,(a-e)/2,(r-s)/2,e,s,0,0,this.assetData.w,this.assetData.h),this.img=t}},Gt.prototype.renderInnerContent=function(t){this.failed||this.canvasContext.drawImage(this.img,0,0)},Gt.prototype.destroy=function(){this.img=null},_([Dt,Ot,Yt],Xt),Xt.prototype.renderInnerContent=function(){var t;for(t=this.layers.length-1;0<=t;t-=1)(this.completeLayers||this.elements[t])&&this.elements[t].renderFrame()},Xt.prototype.destroy=function(){var t;for(t=this.layers.length-1;0<=t;t-=1)this.elements[t]&&this.elements[t].destroy();this.layers=null,this.elements=null},Ht.prototype.renderFrame=function(){if(this.hasMasks){var t,e,s,i,a=this.element.finalTransform.mat,r=this.element.canvasContext,n=this.masksProperties.length;for(r.beginPath(),t=0;t<n;t++)if("n"!==this.masksProperties[t].mode){this.masksProperties[t].inv&&(r.moveTo(0,0),r.lineTo(this.element.globalData.compSize.w,0),r.lineTo(this.element.globalData.compSize.w,this.element.globalData.compSize.h),r.lineTo(0,this.element.globalData.compSize.h),r.lineTo(0,0)),i=this.viewData[t].v,e=a.applyToPointArray(i.v[0][0],i.v[0][1],0),r.moveTo(e[0],e[1]);var h,o=i._length;for(h=1;h<o;h++)s=a.applyToTriplePoints(i.o[h-1],i.i[h],i.v[h]),r.bezierCurveTo(s[0],s[1],s[2],s[3],s[4],s[5]);s=a.applyToTriplePoints(i.o[h-1],i.i[0],i.v[0]),r.bezierCurveTo(s[0],s[1],s[2],s[3],s[4],s[5])}this.element.globalData.renderer.save(!0),r.clip()}},Ht.prototype.getMaskProperty=Ct.prototype.getMaskProperty,Ht.prototype.destroy=function(){this.element=null},_([Lt,St,Yt,Rt,xt,Pt,Tt],Jt),Jt.prototype.initElement=At.prototype.initElement,Jt.prototype.transformHelper={opacity:1,_opMdf:!1},Jt.prototype.dashResetter=[],Jt.prototype.createContent=function(){this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,!0,[])},Jt.prototype.createStyleElement=function(t,e){var s={data:t,type:t.ty,preTransforms:this.transformsManager.addTransformSequence(e),transforms:[],elements:[],closed:!0===t.hd},i={};if("fl"==t.ty||"st"==t.ty?(i.c=w.getProp(this,t.c,1,255,this),i.c.k||(s.co="rgb("+f(i.c.v[0])+","+f(i.c.v[1])+","+f(i.c.v[2])+")")):"gf"!==t.ty&&"gs"!==t.ty||(i.s=w.getProp(this,t.s,1,null,this),i.e=w.getProp(this,t.e,1,null,this),i.h=w.getProp(this,t.h||{k:0},0,.01,this),i.a=w.getProp(this,t.a||{k:0},0,q,this),i.g=new G(this,t.g,this)),i.o=w.getProp(this,t.o,0,.01,this),"st"==t.ty||"gs"==t.ty){if(s.lc=this.lcEnum[t.lc]||"round",s.lj=this.ljEnum[t.lj]||"round",1==t.lj&&(s.ml=t.ml),i.w=w.getProp(this,t.w,0,null,this),i.w.k||(s.wi=i.w.v),t.d){var a=new Y(this,t.d,"canvas");i.d=a,i.d.k||(s.da=i.d.dashArray,s.do=i.d.dashoffset[0])}}else s.r=2===t.r?"evenodd":"nonzero";return this.stylesList.push(s),i.style=s,i},Jt.prototype.createGroupElement=function(t){return{it:[],prevViewData:[]}},Jt.prototype.createTransformElement=function(t){return{transform:{opacity:1,_opMdf:!1,key:this.transformsManager.getNewKey(),op:w.getProp(this,t.o,0,.01,this),mProps:M.getTransformProperty(this,t,this)}}},Jt.prototype.createShapeElement=function(t){var e=new Et(this,t,this.stylesList,this.transformsManager);return this.shapes.push(e),this.addShapeToModifiers(e),e},Jt.prototype.reloadShapes=function(){this._isFirstFrame=!0;var t,e=this.itemsData.length;for(t=0;t<e;t+=1)this.prevViewData[t]=this.itemsData[t];for(this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,!0,[]),e=this.dynamicProperties.length,t=0;t<e;t+=1)this.dynamicProperties[t].getValue();this.renderModifiers(),this.transformsManager.processSequences(this._isFirstFrame)},Jt.prototype.addTransformToStyleList=function(t){var e,s=this.stylesList.length;for(e=0;e<s;e+=1)this.stylesList[e].closed||this.stylesList[e].transforms.push(t)},Jt.prototype.removeTransformFromStyleList=function(){var t,e=this.stylesList.length;for(t=0;t<e;t+=1)this.stylesList[t].closed||this.stylesList[t].transforms.pop()},Jt.prototype.closeStyles=function(t){var e,s=t.length;for(e=0;e<s;e+=1)t[e].closed=!0},Jt.prototype.searchShapes=function(t,e,s,i,a){var r,n,h,o,l,p,f=t.length-1,m=[],d=[],c=[].concat(a);for(r=f;0<=r;r-=1){if((o=this.searchProcessedElement(t[r]))?e[r]=s[o-1]:t[r]._shouldRender=i,"fl"==t[r].ty||"st"==t[r].ty||"gf"==t[r].ty||"gs"==t[r].ty)o?e[r].style.closed=!1:e[r]=this.createStyleElement(t[r],c),m.push(e[r].style);else if("gr"==t[r].ty){if(o)for(h=e[r].it.length,n=0;n<h;n+=1)e[r].prevViewData[n]=e[r].it[n];else e[r]=this.createGroupElement(t[r]);this.searchShapes(t[r].it,e[r].it,e[r].prevViewData,i,c)}else"tr"==t[r].ty?(o||(p=this.createTransformElement(t[r]),e[r]=p),c.push(e[r]),this.addTransformToStyleList(e[r])):"sh"==t[r].ty||"rc"==t[r].ty||"el"==t[r].ty||"sr"==t[r].ty?o||(e[r]=this.createShapeElement(t[r])):"tm"==t[r].ty||"rd"==t[r].ty?(o?(l=e[r]).closed=!1:((l=N.getModifier(t[r].ty)).init(this,t[r]),e[r]=l,this.shapeModifiers.push(l)),d.push(l)):"rp"==t[r].ty&&(o?(l=e[r]).closed=!0:(l=N.getModifier(t[r].ty),(e[r]=l).init(this,t,r,e),this.shapeModifiers.push(l),i=!1),d.push(l));this.addProcessedElement(t[r],r+1)}for(this.removeTransformFromStyleList(),this.closeStyles(m),f=d.length,r=0;r<f;r+=1)d[r].closed=!0},Jt.prototype.renderInnerContent=function(){this.transformHelper.opacity=1,this.transformHelper._opMdf=!1,this.renderModifiers(),this.transformsManager.processSequences(this._isFirstFrame),this.renderShape(this.transformHelper,this.shapesData,this.itemsData,!0)},Jt.prototype.renderShapeTransform=function(t,e){(t._opMdf||e.op._mdf||this._isFirstFrame)&&(e.opacity=t.opacity,e.opacity*=e.op.v,e._opMdf=!0)},Jt.prototype.drawLayer=function(){var t,e,s,i,a,r,n,h,o,l=this.stylesList.length,p=this.globalData.renderer,f=this.globalData.canvasContext;for(t=0;t<l;t+=1)if(("st"!==(h=(o=this.stylesList[t]).type)&&"gs"!==h||0!==o.wi)&&o.data._shouldRender&&0!==o.coOp&&0!==this.globalData.currentGlobalAlpha){for(p.save(),r=o.elements,"st"===h||"gs"===h?(f.strokeStyle="st"===h?o.co:o.grd,f.lineWidth=o.wi,f.lineCap=o.lc,f.lineJoin=o.lj,f.miterLimit=o.ml||0):f.fillStyle="fl"===h?o.co:o.grd,p.ctxOpacity(o.coOp),"st"!==h&&"gs"!==h&&f.beginPath(),p.ctxTransform(o.preTransforms.finalTransform.props),s=r.length,e=0;e<s;e+=1){for("st"!==h&&"gs"!==h||(f.beginPath(),o.da&&(f.setLineDash(o.da),f.lineDashOffset=o.do)),a=(n=r[e].trNodes).length,i=0;i<a;i+=1)"m"==n[i].t?f.moveTo(n[i].p[0],n[i].p[1]):"c"==n[i].t?f.bezierCurveTo(n[i].pts[0],n[i].pts[1],n[i].pts[2],n[i].pts[3],n[i].pts[4],n[i].pts[5]):f.closePath();"st"!==h&&"gs"!==h||(f.stroke(),o.da&&f.setLineDash(this.dashResetter))}"st"!==h&&"gs"!==h&&f.fill(o.r),p.restore()}},Jt.prototype.renderShape=function(t,e,s,i){var a,r;for(r=t,a=e.length-1;0<=a;a-=1)"tr"==e[a].ty?(r=s[a].transform,this.renderShapeTransform(t,r)):"sh"==e[a].ty||"el"==e[a].ty||"rc"==e[a].ty||"sr"==e[a].ty?this.renderPath(e[a],s[a]):"fl"==e[a].ty?this.renderFill(e[a],s[a],r):"st"==e[a].ty?this.renderStroke(e[a],s[a],r):"gf"==e[a].ty||"gs"==e[a].ty?this.renderGradientFill(e[a],s[a],r):"gr"==e[a].ty?this.renderShape(r,e[a].it,s[a].it):e[a].ty;i&&this.drawLayer()},Jt.prototype.renderStyledShape=function(t,e){if(this._isFirstFrame||e._mdf||t.transforms._mdf){var s,i,a,r=t.trNodes,n=e.paths,h=n._length;r.length=0;var o=t.transforms.finalTransform;for(a=0;a<h;a+=1){var l=n.shapes[a];if(l&&l.v){for(i=l._length,s=1;s<i;s+=1)1===s&&r.push({t:"m",p:o.applyToPointArray(l.v[0][0],l.v[0][1],0)}),r.push({t:"c",pts:o.applyToTriplePoints(l.o[s-1],l.i[s],l.v[s])});1===i&&r.push({t:"m",p:o.applyToPointArray(l.v[0][0],l.v[0][1],0)}),l.c&&i&&(r.push({t:"c",pts:o.applyToTriplePoints(l.o[s-1],l.i[0],l.v[0])}),r.push({t:"z"}))}}t.trNodes=r}},Jt.prototype.renderPath=function(t,e){if(!0!==t.hd&&t._shouldRender){var s,i=e.styledShapes.length;for(s=0;s<i;s+=1)this.renderStyledShape(e.styledShapes[s],e.sh)}},Jt.prototype.renderFill=function(t,e,s){var i=e.style;(e.c._mdf||this._isFirstFrame)&&(i.co="rgb("+f(e.c.v[0])+","+f(e.c.v[1])+","+f(e.c.v[2])+")"),(e.o._mdf||s._opMdf||this._isFirstFrame)&&(i.coOp=e.o.v*s.opacity)},Jt.prototype.renderGradientFill=function(t,e,s){var i=e.style;if(!i.grd||e.g._mdf||e.s._mdf||e.e._mdf||1!==t.t&&(e.h._mdf||e.a._mdf)){var a=this.globalData.canvasContext,r=e.s.v,n=e.e.v;if(1===t.t)m=a.createLinearGradient(r[0],r[1],n[0],n[1]);else var h=Math.sqrt(Math.pow(r[0]-n[0],2)+Math.pow(r[1]-n[1],2)),o=Math.atan2(n[1]-r[1],n[0]-r[0]),l=h*(1<=e.h.v?.99:e.h.v<=-1?-.99:e.h.v),p=Math.cos(o+e.a.v)*l+r[0],f=Math.sin(o+e.a.v)*l+r[1],m=a.createRadialGradient(p,f,0,r[0],r[1],h);var d,c=t.g.p,u=e.g.c,g=1;for(d=0;d<c;d+=1)e.g._hasOpacity&&e.g._collapsable&&(g=e.g.o[2*d+1]),m.addColorStop(u[4*d]/100,"rgba("+u[4*d+1]+","+u[4*d+2]+","+u[4*d+3]+","+g+")");i.grd=m}i.coOp=e.o.v*s.opacity},Jt.prototype.renderStroke=function(t,e,s){var i=e.style,a=e.d;a&&(a._mdf||this._isFirstFrame)&&(i.da=a.dashArray,i.do=a.dashoffset[0]),(e.c._mdf||this._isFirstFrame)&&(i.co="rgb("+f(e.c.v[0])+","+f(e.c.v[1])+","+f(e.c.v[2])+")"),(e.o._mdf||s._opMdf||this._isFirstFrame)&&(i.coOp=e.o.v*s.opacity),(e.w._mdf||this._isFirstFrame)&&(i.wi=e.w.v)},Jt.prototype.destroy=function(){this.shapesData=null,this.globalData=null,this.canvasContext=null,this.stylesList.length=0,this.itemsData.length=0},_([Lt,St,Yt,xt,Pt,Tt],Kt),Kt.prototype.initElement=jt.prototype.initElement,Kt.prototype.prepareFrame=qt.prototype.prepareFrame,Kt.prototype.renderInnerContent=function(){var t=this.canvasContext;t.fillStyle=this.data.sc,t.fillRect(0,0,this.data.sw,this.data.sh)},_([Lt,St,Yt,xt,Pt,Tt,Vt],Zt),Zt.prototype.tHelper=g("canvas").getContext("2d"),Zt.prototype.buildNewText=function(){var t=this.textProperty.currentData;this.renderedLetters=S(t.l?t.l.length:0);var e=!1;t.fc?(e=!0,this.values.fill=this.buildColor(t.fc)):this.values.fill="rgba(0,0,0,0)",this.fill=e;var s=!1;t.sc&&(s=!0,this.values.stroke=this.buildColor(t.sc),this.values.sWidth=t.sw);var i,a,r=this.globalData.fontManager.getFontByName(t.f),n=t.l,h=this.mHelper;this.stroke=s,this.values.fValue=t.finalSize+"px "+this.globalData.fontManager.getFontByName(t.f).fFamily,a=t.finalText.length;var o,l,p,f,m,d,c,u,g,y,v=this.data.singleShape,b=t.tr/1e3*t.finalSize,_=0,k=0,D=!0,C=0;for(i=0;i<a;i+=1){for(l=(o=this.globalData.fontManager.getCharData(t.finalText[i],r.fStyle,this.globalData.fontManager.getFontByName(t.f).fFamily))&&o.data||{},h.reset(),v&&n[i].n&&(_=-b,k+=t.yOffset,k+=D?1:0,D=!1),c=(m=l.shapes?l.shapes[0].it:[]).length,h.scale(t.finalSize/100,t.finalSize/100),v&&this.applyTextPropertiesToMatrix(t,h,n[i].line,_,k),g=S(c),d=0;d<c;d+=1){for(f=m[d].ks.k.i.length,u=m[d].ks.k,y=[],p=1;p<f;p+=1)1==p&&y.push(h.applyToX(u.v[0][0],u.v[0][1],0),h.applyToY(u.v[0][0],u.v[0][1],0)),y.push(h.applyToX(u.o[p-1][0],u.o[p-1][1],0),h.applyToY(u.o[p-1][0],u.o[p-1][1],0),h.applyToX(u.i[p][0],u.i[p][1],0),h.applyToY(u.i[p][0],u.i[p][1],0),h.applyToX(u.v[p][0],u.v[p][1],0),h.applyToY(u.v[p][0],u.v[p][1],0));y.push(h.applyToX(u.o[p-1][0],u.o[p-1][1],0),h.applyToY(u.o[p-1][0],u.o[p-1][1],0),h.applyToX(u.i[0][0],u.i[0][1],0),h.applyToY(u.i[0][0],u.i[0][1],0),h.applyToX(u.v[0][0],u.v[0][1],0),h.applyToY(u.v[0][0],u.v[0][1],0)),g[d]=y}v&&(_+=n[i].l,_+=b),this.textSpans[C]?this.textSpans[C].elem=g:this.textSpans[C]={elem:g},C+=1}},Zt.prototype.renderInnerContent=function(){var t,e,s,i,a,r,n=this.canvasContext;this.finalTransform.mat.props;n.font=this.values.fValue,n.lineCap="butt",n.lineJoin="miter",n.miterLimit=4,this.data.singleShape||this.textAnimator.getMeasures(this.textProperty.currentData,this.lettersChangedFlag);var h,o=this.textAnimator.renderedLetters,l=this.textProperty.currentData.l;e=l.length;var p,f,m=null,d=null,c=null;for(t=0;t<e;t+=1)if(!l[t].n){if((h=o[t])&&(this.globalData.renderer.save(),this.globalData.renderer.ctxTransform(h.p),this.globalData.renderer.ctxOpacity(h.o)),this.fill){for(h&&h.fc?m!==h.fc&&(m=h.fc,n.fillStyle=h.fc):m!==this.values.fill&&(m=this.values.fill,n.fillStyle=this.values.fill),i=(p=this.textSpans[t].elem).length,this.globalData.canvasContext.beginPath(),s=0;s<i;s+=1)for(r=(f=p[s]).length,this.globalData.canvasContext.moveTo(f[0],f[1]),a=2;a<r;a+=6)this.globalData.canvasContext.bezierCurveTo(f[a],f[a+1],f[a+2],f[a+3],f[a+4],f[a+5]);this.globalData.canvasContext.closePath(),this.globalData.canvasContext.fill()}if(this.stroke){for(h&&h.sw?c!==h.sw&&(c=h.sw,n.lineWidth=h.sw):c!==this.values.sWidth&&(c=this.values.sWidth,n.lineWidth=this.values.sWidth),h&&h.sc?d!==h.sc&&(d=h.sc,n.strokeStyle=h.sc):d!==this.values.stroke&&(d=this.values.stroke,n.strokeStyle=this.values.stroke),i=(p=this.textSpans[t].elem).length,this.globalData.canvasContext.beginPath(),s=0;s<i;s+=1)for(r=(f=p[s]).length,this.globalData.canvasContext.moveTo(f[0],f[1]),a=2;a<r;a+=6)this.globalData.canvasContext.bezierCurveTo(f[a],f[a+1],f[a+2],f[a+3],f[a+4],f[a+5]);this.globalData.canvasContext.closePath(),this.globalData.canvasContext.stroke()}h&&this.globalData.renderer.restore()}},Ut.prototype.renderFrame=function(){};var Qt=function(){var t={},a=[],i=0,r=0,n=0,h=!0,o=!1;function s(t){for(var e=0,s=t.target;e<r;)a[e].animation===s&&(a.splice(e,1),e-=1,r-=1,s.isPaused||f()),e+=1}function l(t,e){if(!t)return null;for(var s=0;s<r;){if(a[s].elem==t&&null!==a[s].elem)return a[s].animation;s+=1}var i=new $t;return m(i,t),i.setData(t,e),i}function p(){n+=1,c()}function f(){n-=1}function m(t,e){t.addEventListener("destroy",s),t.addEventListener("_active",p),t.addEventListener("_idle",f),a.push({elem:e,animation:t}),r+=1}function d(t){var e,s=t-i;for(e=0;e<r;e+=1)a[e].animation.advanceTime(s);i=t,n&&!o?u.requestAnimationFrame(d):h=!0}function e(t){i=t,u.requestAnimationFrame(d)}function c(){!o&&n&&h&&(u.requestAnimationFrame(e),h=!1)}return t.registerAnimation=l,t.loadAnimation=function(t){var e=new $t;return m(e,null),e.setParams(t),e},t.setSpeed=function(t,e){var s;for(s=0;s<r;s+=1)a[s].animation.setSpeed(t,e)},t.setDirection=function(t,e){var s;for(s=0;s<r;s+=1)a[s].animation.setDirection(t,e)},t.play=function(t){var e;for(e=0;e<r;e+=1)a[e].animation.play(t)},t.pause=function(t){var e;for(e=0;e<r;e+=1)a[e].animation.pause(t)},t.stop=function(t){var e;for(e=0;e<r;e+=1)a[e].animation.stop(t)},t.togglePause=function(t){var e;for(e=0;e<r;e+=1)a[e].animation.togglePause(t)},t.searchAnimations=function(t,e,s){var i,a=[].concat([].slice.call(document.getElementsByClassName("lottie")),[].slice.call(document.getElementsByClassName("bodymovin"))),r=a.length;for(i=0;i<r;i+=1)s&&a[i].setAttribute("data-bm-type",s),l(a[i],t);if(e&&0===r){s||(s="svg");var n=document.getElementsByTagName("body")[0];n.innerHTML="";var h=g("div");h.style.width="100%",h.style.height="100%",h.setAttribute("data-bm-type",s),n.appendChild(h),l(h,t)}},t.resize=function(){var t;for(t=0;t<r;t+=1)a[t].animation.resize()},t.goToAndStop=function(t,e,s){var i;for(i=0;i<r;i+=1)a[i].animation.goToAndStop(t,e,s)},t.destroy=function(t){var e;for(e=r-1;0<=e;e-=1)a[e].animation.destroy(t)},t.freeze=function(){o=!0},t.unfreeze=function(){o=!1,c()},t.getRegisteredAnimations=function(){var t,e=a.length,s=[];for(t=0;t<e;t+=1)s.push(a[t].animation);return s},t}(),$t=function(){this._cbs=[],this.name="",this.path="",this.isLoaded=!1,this.currentFrame=0,this.currentRawFrame=0,this.totalFrames=0,this.frameRate=0,this.frameMult=0,this.playSpeed=1,this.playDirection=1,this.playCount=0,this.animationData={},this.assets=[],this.isPaused=!0,this.autoplay=!1,this.loop=!0,this.renderer=null,this.animationID=P(10),this.assetsPath="",this.timeCompleted=0,this.segmentPos=0,this.subframeEnabled=e,this.segments=[],this._idle=!0,this._completedLoop=!1,this.projectInterface={},this.imagePreloader=new K};function te(){}_([t],$t),$t.prototype.setParams=function(t){t.context&&(this.context=t.context),(t.wrapper||t.container)&&(this.wrapper=t.wrapper||t.container);var e=t.animType?t.animType:t.renderer?t.renderer:"svg";switch(e){case"canvas":this.renderer=new Dt(this,t.rendererSettings);break;case"svg":this.renderer=new kt(this,t.rendererSettings);break;default:this.renderer=new HybridRenderer(this,t.rendererSettings)}this.renderer.setProjectInterface(this.projectInterface),this.animType=e,""===t.loop||null===t.loop||(!1===t.loop?this.loop=!1:!0===t.loop?this.loop=!0:this.loop=parseInt(t.loop)),this.autoplay=!("autoplay"in t)||t.autoplay,this.name=t.name?t.name:"",this.autoloadSegments=!t.hasOwnProperty("autoloadSegments")||t.autoloadSegments,this.assetsPath=t.assetsPath,t.animationData?this.configAnimation(t.animationData):t.path&&("json"!=t.path.substr(-4)&&("/"!=t.path.substr(-1,1)&&(t.path+="/"),t.path+="data.json"),-1!=t.path.lastIndexOf("\\")?this.path=t.path.substr(0,t.path.lastIndexOf("\\")+1):this.path=t.path.substr(0,t.path.lastIndexOf("/")+1),this.fileName=t.path.substr(t.path.lastIndexOf("/")+1),this.fileName=this.fileName.substr(0,this.fileName.lastIndexOf(".json")),Q.load(t.path,this.configAnimation.bind(this),function(){this.trigger("data_failed")}.bind(this)))},$t.prototype.setData=function(t,e){var s={wrapper:t,animationData:e?"object"==typeof e?e:JSON.parse(e):null},i=t.attributes;s.path=i.getNamedItem("data-animation-path")?i.getNamedItem("data-animation-path").value:i.getNamedItem("data-bm-path")?i.getNamedItem("data-bm-path").value:i.getNamedItem("bm-path")?i.getNamedItem("bm-path").value:"",s.animType=i.getNamedItem("data-anim-type")?i.getNamedItem("data-anim-type").value:i.getNamedItem("data-bm-type")?i.getNamedItem("data-bm-type").value:i.getNamedItem("bm-type")?i.getNamedItem("bm-type").value:i.getNamedItem("data-bm-renderer")?i.getNamedItem("data-bm-renderer").value:i.getNamedItem("bm-renderer")?i.getNamedItem("bm-renderer").value:"canvas";var a=i.getNamedItem("data-anim-loop")?i.getNamedItem("data-anim-loop").value:i.getNamedItem("data-bm-loop")?i.getNamedItem("data-bm-loop").value:i.getNamedItem("bm-loop")?i.getNamedItem("bm-loop").value:"";""===a||(s.loop="false"!==a&&("true"===a||parseInt(a)));var r=i.getNamedItem("data-anim-autoplay")?i.getNamedItem("data-anim-autoplay").value:i.getNamedItem("data-bm-autoplay")?i.getNamedItem("data-bm-autoplay").value:!i.getNamedItem("bm-autoplay")||i.getNamedItem("bm-autoplay").value;s.autoplay="false"!==r,s.name=i.getNamedItem("data-name")?i.getNamedItem("data-name").value:i.getNamedItem("data-bm-name")?i.getNamedItem("data-bm-name").value:i.getNamedItem("bm-name")?i.getNamedItem("bm-name").value:"","false"===(i.getNamedItem("data-anim-prerender")?i.getNamedItem("data-anim-prerender").value:i.getNamedItem("data-bm-prerender")?i.getNamedItem("data-bm-prerender").value:i.getNamedItem("bm-prerender")?i.getNamedItem("bm-prerender").value:"")&&(s.prerender=!1),this.setParams(s)},$t.prototype.includeLayers=function(t){t.op>this.animationData.op&&(this.animationData.op=t.op,this.totalFrames=Math.floor(t.op-this.animationData.ip));var e,s,i=this.animationData.layers,a=i.length,r=t.layers,n=r.length;for(s=0;s<n;s+=1)for(e=0;e<a;){if(i[e].id==r[s].id){i[e]=r[s];break}e+=1}if((t.chars||t.fonts)&&(this.renderer.globalData.fontManager.addChars(t.chars),this.renderer.globalData.fontManager.addFonts(t.fonts,this.renderer.globalData.defs)),t.assets)for(a=t.assets.length,e=0;e<a;e+=1)this.animationData.assets.push(t.assets[e]);this.animationData.__complete=!1,T.completeData(this.animationData,this.renderer.globalData.fontManager),this.renderer.includeLayers(t.layers),h&&h.initExpressions(this),this.loadNextSegment()},$t.prototype.loadNextSegment=function(){var t=this.animationData.segments;if(!t||0===t.length||!this.autoloadSegments)return this.trigger("data_ready"),void(this.timeCompleted=this.totalFrames);var e=t.shift();this.timeCompleted=e.time*this.frameRate;var s=this.path+this.fileName+"_"+this.segmentPos+".json";this.segmentPos+=1,Q.load(s,this.includeLayers.bind(this),function(){this.trigger("data_failed")}.bind(this))},$t.prototype.loadSegments=function(){this.animationData.segments||(this.timeCompleted=this.totalFrames),this.loadNextSegment()},$t.prototype.imagesLoaded=function(){this.trigger("loaded_images"),this.checkLoaded()},$t.prototype.preloadImages=function(){this.imagePreloader.setAssetsPath(this.assetsPath),this.imagePreloader.setPath(this.path),this.imagePreloader.loadAssets(this.animationData.assets,this.imagesLoaded.bind(this))},$t.prototype.configAnimation=function(t){this.renderer&&(this.animationData=t,this.totalFrames=Math.floor(this.animationData.op-this.animationData.ip),this.renderer.configAnimation(t),t.assets||(t.assets=[]),this.renderer.searchExtraCompositions(t.assets),this.assets=this.animationData.assets,this.frameRate=this.animationData.fr,this.firstFrame=Math.round(this.animationData.ip),this.frameMult=this.animationData.fr/1e3,this.trigger("config_ready"),this.preloadImages(),this.loadSegments(),this.updaFrameModifier(),this.waitForFontsLoaded())},$t.prototype.waitForFontsLoaded=function(){this.renderer&&(this.renderer.globalData.fontManager.loaded()?this.checkLoaded():setTimeout(this.waitForFontsLoaded.bind(this),20))},$t.prototype.checkLoaded=function(){this.isLoaded||!this.renderer.globalData.fontManager.loaded()||!this.imagePreloader.loaded()&&"canvas"===this.renderer.rendererType||(this.isLoaded=!0,T.completeData(this.animationData,this.renderer.globalData.fontManager),h&&h.initExpressions(this),this.renderer.initItems(),setTimeout(function(){this.trigger("DOMLoaded")}.bind(this),0),this.gotoFrame(),this.autoplay&&this.play())},$t.prototype.resize=function(){this.renderer.updateContainerSize()},$t.prototype.setSubframe=function(t){this.subframeEnabled=!!t},$t.prototype.gotoFrame=function(){this.currentFrame=this.subframeEnabled?this.currentRawFrame:~~this.currentRawFrame,this.timeCompleted!==this.totalFrames&&this.currentFrame>this.timeCompleted&&(this.currentFrame=this.timeCompleted),this.trigger("enterFrame"),this.renderFrame()},$t.prototype.renderFrame=function(){!1!==this.isLoaded&&this.renderer.renderFrame(this.currentFrame+this.firstFrame)},$t.prototype.play=function(t){t&&this.name!=t||!0===this.isPaused&&(this.isPaused=!1,this._idle&&(this._idle=!1,this.trigger("_active")))},$t.prototype.pause=function(t){t&&this.name!=t||!1===this.isPaused&&(this.isPaused=!0,this._idle=!0,this.trigger("_idle"))},$t.prototype.togglePause=function(t){t&&this.name!=t||(!0===this.isPaused?this.play():this.pause())},$t.prototype.stop=function(t){t&&this.name!=t||(this.pause(),this.playCount=0,this._completedLoop=!1,this.setCurrentRawFrameValue(0))},$t.prototype.goToAndStop=function(t,e,s){s&&this.name!=s||(e?this.setCurrentRawFrameValue(t):this.setCurrentRawFrameValue(t*this.frameModifier),this.pause())},$t.prototype.goToAndPlay=function(t,e,s){this.goToAndStop(t,e,s),this.play()},$t.prototype.advanceTime=function(t){if(!0!==this.isPaused&&!1!==this.isLoaded){var e=this.currentRawFrame+t*this.frameModifier,s=!1;e>=this.totalFrames-1&&0<this.frameModifier?this.loop&&this.playCount!==this.loop?e>=this.totalFrames?(this.playCount+=1,this.checkSegments(e%this.totalFrames)||(this.setCurrentRawFrameValue(e%this.totalFrames),this._completedLoop=!0,this.trigger("loopComplete"))):this.setCurrentRawFrameValue(e):this.checkSegments(e>this.totalFrames?e%this.totalFrames:0)||(s=!0,e=this.totalFrames-1):e<0?this.checkSegments(e%this.totalFrames)||(!this.loop||this.playCount--<=0&&!0!==this.loop?(s=!0,e=0):(this.setCurrentRawFrameValue(this.totalFrames+e%this.totalFrames),this._completedLoop?this.trigger("loopComplete"):this._completedLoop=!0)):this.setCurrentRawFrameValue(e),s&&(this.setCurrentRawFrameValue(e),this.pause(),this.trigger("complete"))}},$t.prototype.adjustSegment=function(t,e){this.playCount=0,t[1]<t[0]?(0<this.frameModifier&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(-1)),this.timeCompleted=this.totalFrames=t[0]-t[1],this.firstFrame=t[1],this.setCurrentRawFrameValue(this.totalFrames-.001-e)):t[1]>t[0]&&(this.frameModifier<0&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(1)),this.timeCompleted=this.totalFrames=t[1]-t[0],this.firstFrame=t[0],this.setCurrentRawFrameValue(.001+e)),this.trigger("segmentStart")},$t.prototype.setSegment=function(t,e){var s=-1;this.isPaused&&(this.currentRawFrame+this.firstFrame<t?s=t:this.currentRawFrame+this.firstFrame>e&&(s=e-t)),this.firstFrame=t,this.timeCompleted=this.totalFrames=e-t,-1!==s&&this.goToAndStop(s,!0)},$t.prototype.playSegments=function(t,e){if(e&&(this.segments.length=0),"object"==typeof t[0]){var s,i=t.length;for(s=0;s<i;s+=1)this.segments.push(t[s])}else this.segments.push(t);this.segments.length&&this.adjustSegment(this.segments.shift(),0),this.isPaused&&this.play()},$t.prototype.resetSegments=function(t){this.segments.length=0,this.segments.push([this.animationData.ip,this.animationData.op]),t&&this.checkSegments(0)},$t.prototype.checkSegments=function(t){return!!this.segments.length&&(this.adjustSegment(this.segments.shift(),t),!0)},$t.prototype.destroy=function(t){t&&this.name!=t||!this.renderer||(this.renderer.destroy(),this.imagePreloader.destroy(),this.trigger("destroy"),this._cbs=null,this.onEnterFrame=this.onLoopComplete=this.onComplete=this.onSegmentStart=this.onDestroy=null,this.renderer=null)},$t.prototype.setCurrentRawFrameValue=function(t){this.currentRawFrame=t,this.gotoFrame()},$t.prototype.setSpeed=function(t){this.playSpeed=t,this.updaFrameModifier()},$t.prototype.setDirection=function(t){this.playDirection=t<0?-1:1,this.updaFrameModifier()},$t.prototype.updaFrameModifier=function(){this.frameModifier=this.frameMult*this.playSpeed*this.playDirection},$t.prototype.getPath=function(){return this.path},$t.prototype.getAssetsPath=function(t){var e="";if(t.e)e=t.p;else if(this.assetsPath){var s=t.p;-1!==s.indexOf("images/")&&(s=s.split("/")[1]),e=this.assetsPath+s}else e=this.path,e+=t.u?t.u:"",e+=t.p;return e},$t.prototype.getAssetData=function(t){for(var e=0,s=this.assets.length;e<s;){if(t==this.assets[e].id)return this.assets[e];e+=1}},$t.prototype.hide=function(){this.renderer.hide()},$t.prototype.show=function(){this.renderer.show()},$t.prototype.getDuration=function(t){return t?this.totalFrames:this.totalFrames/this.frameRate};var ee={};$t.prototype.trigger=function(t){if(this._cbs&&this._cbs[t])switch(t){case"enterFrame":this.triggerEvent(t,new r(t,this.currentFrame,this.totalFrames,this.frameMult));break;case"loopComplete":this.triggerEvent(t,new o(t,this.loop,this.playCount,this.frameMult));break;case"complete":this.triggerEvent(t,new n(t,this.frameMult));break;case"segmentStart":this.triggerEvent(t,new l(t,this.firstFrame,this.totalFrames));break;case"destroy":this.triggerEvent(t,new p(t,this));break;default:this.triggerEvent(t)}"enterFrame"===t&&this.onEnterFrame&&this.onEnterFrame.call(this,new r(t,this.currentFrame,this.totalFrames,this.frameMult)),"loopComplete"===t&&this.onLoopComplete&&this.onLoopComplete.call(this,new o(t,this.loop,this.playCount,this.frameMult)),"complete"===t&&this.onComplete&&this.onComplete.call(this,new n(t,this.frameMult)),"segmentStart"===t&&this.onSegmentStart&&this.onSegmentStart.call(this,new l(t,this.firstFrame,this.totalFrames)),"destroy"===t&&this.onDestroy&&this.onDestroy.call(this,new p(t,this))};function se(){!0===ie?Qt.searchAnimations(ae,ie,re):Qt.searchAnimations()}ee.play=Qt.play,ee.pause=Qt.pause,ee.setLocationHref=function(t){D=t},ee.togglePause=Qt.togglePause,ee.setSpeed=Qt.setSpeed,ee.setDirection=Qt.setDirection,ee.stop=Qt.stop,ee.searchAnimations=se,ee.registerAnimation=Qt.registerAnimation,ee.loadAnimation=function(t){return!0===ie&&(t.animationData=JSON.parse(ae)),Qt.loadAnimation(t)},ee.setSubframeRendering=function(t){e=t},ee.resize=Qt.resize,ee.goToAndStop=Qt.goToAndStop,ee.destroy=Qt.destroy,ee.setQuality=function(t){if("string"==typeof t)switch(t){case"high":x=200;break;case"medium":x=50;break;case"low":x=10}else!isNaN(t)&&1<t&&(x=t);a(!(50<=x))},ee.inBrowser=function(){return"undefined"!=typeof navigator},ee.installPlugin=function(t,e){"expressions"===t&&(h=e)},ee.freeze=Qt.freeze,ee.unfreeze=Qt.unfreeze,ee.getRegisteredAnimations=Qt.getRegisteredAnimations,ee.__getFactory=function(t){switch(t){case"propertyFactory":return w;case"shapePropertyFactory":return L;case"matrix":return b}},ee.version="5.4.2";var ie="__[STANDALONE]__",ae="__[ANIMATIONDATA]__",re="";if(ie){var ne=document.getElementsByTagName("script"),he=(ne[ne.length-1]||{src:""}).src.replace(/^[^\?]+\??/,"");re=function(t){for(var e=he.split("&"),s=0;s<e.length;s++){var i=e[s].split("=");if(decodeURIComponent(i[0])==t)return decodeURIComponent(i[1])}}("renderer")}var oe=setInterval(function(){"complete"===document.readyState&&(clearInterval(oe),se())},100);return ee},"function"==typeof define&&define.amd?define(function(){return e(t)}):"object"==typeof module&&module.exports?module.exports=e(t):(t.lottie=e(t),t.bodymovin=t.lottie));
\ No newline at end of file
diff --git a/build/player/lottie_light_html.js b/build/player/lottie_light_html.js
new file mode 100644
index 0000000..622548f
--- /dev/null
+++ b/build/player/lottie_light_html.js
@@ -0,0 +1,10644 @@
+(typeof navigator !== "undefined") && (function(root, factory) {
+ if (typeof define === "function" && define.amd) {
+ define(function() {
+ return factory(root);
+ });
+ } else if (typeof module === "object" && module.exports) {
+ module.exports = factory(root);
+ } else {
+ root.lottie = factory(root);
+ root.bodymovin = root.lottie;
+ }
+}((window || {}), function(window) {
+ "use strict";
+ var svgNS = "http://www.w3.org/2000/svg";
+
+var locationHref = '';
+
+var initialDefaultFrame = -999999;
+
+var subframeEnabled = true;
+var expressionsPlugin;
+var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+var cachedColors = {};
+var bm_rounder = Math.round;
+var bm_rnd;
+var bm_pow = Math.pow;
+var bm_sqrt = Math.sqrt;
+var bm_abs = Math.abs;
+var bm_floor = Math.floor;
+var bm_max = Math.max;
+var bm_min = Math.min;
+var blitter = 10;
+
+var BMMath = {};
+(function(){
+ var propertyNames = Object.getOwnPropertyNames(Math);
+ var i, len = propertyNames.length;
+ for(i=0;i<len;i+=1){
+ BMMath[propertyNames[i]] = Math[propertyNames[i]];
+ }
+}());
+
+function ProjectInterface(){return {};}
+
+BMMath.random = Math.random;
+BMMath.abs = function(val){
+ var tOfVal = typeof val;
+ if(tOfVal === 'object' && val.length){
+ var absArr = createSizedArray(val.length);
+ var i, len = val.length;
+ for(i=0;i<len;i+=1){
+ absArr[i] = Math.abs(val[i]);
+ }
+ return absArr;
+ }
+ return Math.abs(val);
+
+};
+var defaultCurveSegments = 150;
+var degToRads = Math.PI/180;
+var roundCorner = 0.5519;
+
+function roundValues(flag){
+ if(flag){
+ bm_rnd = Math.round;
+ }else{
+ bm_rnd = function(val){
+ return val;
+ };
+ }
+}
+roundValues(false);
+
+function styleDiv(element){
+ element.style.position = 'absolute';
+ element.style.top = 0;
+ element.style.left = 0;
+ element.style.display = 'block';
+ element.style.transformOrigin = element.style.webkitTransformOrigin = '0 0';
+ element.style.backfaceVisibility = element.style.webkitBackfaceVisibility = 'visible';
+ element.style.transformStyle = element.style.webkitTransformStyle = element.style.mozTransformStyle = "preserve-3d";
+}
+
+function BMEnterFrameEvent(n,c,t,d){
+ this.type = n;
+ this.currentTime = c;
+ this.totalTime = t;
+ this.direction = d < 0 ? -1:1;
+}
+
+function BMCompleteEvent(n,d){
+ this.type = n;
+ this.direction = d < 0 ? -1:1;
+}
+
+function BMCompleteLoopEvent(n,c,t,d){
+ this.type = n;
+ this.currentLoop = t;
+ this.totalLoops = c;
+ this.direction = d < 0 ? -1:1;
+}
+
+function BMSegmentStartEvent(n,f,t){
+ this.type = n;
+ this.firstFrame = f;
+ this.totalFrames = t;
+}
+
+function BMDestroyEvent(n,t){
+ this.type = n;
+ this.target = t;
+}
+
+function randomString(length, chars){
+ if(chars === undefined){
+ chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890';
+ }
+ var i;
+ var result = '';
+ for (i = length; i > 0; --i) result += chars[Math.round(Math.random() * (chars.length - 1))];
+ return result;
+}
+
+function HSVtoRGB(h, s, v) {
+ var r, g, b, i, f, p, q, t;
+ i = Math.floor(h * 6);
+ f = h * 6 - i;
+ p = v * (1 - s);
+ q = v * (1 - f * s);
+ t = v * (1 - (1 - f) * s);
+ switch (i % 6) {
+ case 0: r = v; g = t; b = p; break;
+ case 1: r = q; g = v; b = p; break;
+ case 2: r = p; g = v; b = t; break;
+ case 3: r = p; g = q; b = v; break;
+ case 4: r = t; g = p; b = v; break;
+ case 5: r = v; g = p; b = q; break;
+ }
+ return [ r,
+ g,
+ b ];
+}
+
+function RGBtoHSV(r, g, b) {
+ var max = Math.max(r, g, b), min = Math.min(r, g, b),
+ d = max - min,
+ h,
+ s = (max === 0 ? 0 : d / max),
+ v = max / 255;
+
+ switch (max) {
+ case min: h = 0; break;
+ case r: h = (g - b) + d * (g < b ? 6: 0); h /= 6 * d; break;
+ case g: h = (b - r) + d * 2; h /= 6 * d; break;
+ case b: h = (r - g) + d * 4; h /= 6 * d; break;
+ }
+
+ return [
+ h,
+ s,
+ v
+ ];
+}
+
+function addSaturationToRGB(color,offset){
+ var hsv = RGBtoHSV(color[0]*255,color[1]*255,color[2]*255);
+ hsv[1] += offset;
+ if (hsv[1] > 1) {
+ hsv[1] = 1;
+ }
+ else if (hsv[1] <= 0) {
+ hsv[1] = 0;
+ }
+ return HSVtoRGB(hsv[0],hsv[1],hsv[2]);
+}
+
+function addBrightnessToRGB(color,offset){
+ var hsv = RGBtoHSV(color[0]*255,color[1]*255,color[2]*255);
+ hsv[2] += offset;
+ if (hsv[2] > 1) {
+ hsv[2] = 1;
+ }
+ else if (hsv[2] < 0) {
+ hsv[2] = 0;
+ }
+ return HSVtoRGB(hsv[0],hsv[1],hsv[2]);
+}
+
+function addHueToRGB(color,offset) {
+ var hsv = RGBtoHSV(color[0]*255,color[1]*255,color[2]*255);
+ hsv[0] += offset/360;
+ if (hsv[0] > 1) {
+ hsv[0] -= 1;
+ }
+ else if (hsv[0] < 0) {
+ hsv[0] += 1;
+ }
+ return HSVtoRGB(hsv[0],hsv[1],hsv[2]);
+}
+
+var rgbToHex = (function(){
+ var colorMap = [];
+ var i;
+ var hex;
+ for(i=0;i<256;i+=1){
+ hex = i.toString(16);
+ colorMap[i] = hex.length == 1 ? '0' + hex : hex;
+ }
+
+ return function(r, g, b) {
+ if(r<0){
+ r = 0;
+ }
+ if(g<0){
+ g = 0;
+ }
+ if(b<0){
+ b = 0;
+ }
+ return '#' + colorMap[r] + colorMap[g] + colorMap[b];
+ };
+}());
+function BaseEvent(){}
+BaseEvent.prototype = {
+ triggerEvent: function (eventName, args) {
+ if (this._cbs[eventName]) {
+ var len = this._cbs[eventName].length;
+ for (var i = 0; i < len; i++){
+ this._cbs[eventName][i](args);
+ }
+ }
+ },
+ addEventListener: function (eventName, callback) {
+ if (!this._cbs[eventName]){
+ this._cbs[eventName] = [];
+ }
+ this._cbs[eventName].push(callback);
+
+ return function() {
+ this.removeEventListener(eventName, callback);
+ }.bind(this);
+ },
+ removeEventListener: function (eventName,callback){
+ if (!callback){
+ this._cbs[eventName] = null;
+ }else if(this._cbs[eventName]){
+ var i = 0, len = this._cbs[eventName].length;
+ while(i<len){
+ if(this._cbs[eventName][i] === callback){
+ this._cbs[eventName].splice(i,1);
+ i -=1;
+ len -= 1;
+ }
+ i += 1;
+ }
+ if(!this._cbs[eventName].length){
+ this._cbs[eventName] = null;
+ }
+ }
+ }
+};
+var createTypedArray = (function(){
+ function createRegularArray(type, len){
+ var i = 0, arr = [], value;
+ switch(type) {
+ case 'int16':
+ case 'uint8c':
+ value = 1;
+ break;
+ default:
+ value = 1.1;
+ break;
+ }
+ for(i = 0; i < len; i += 1) {
+ arr.push(value);
+ }
+ return arr;
+ }
+ function createTypedArray(type, len){
+ if(type === 'float32') {
+ return new Float32Array(len);
+ } else if(type === 'int16') {
+ return new Int16Array(len);
+ } else if(type === 'uint8c') {
+ return new Uint8ClampedArray(len);
+ }
+ }
+ if(typeof Uint8ClampedArray === 'function' && typeof Float32Array === 'function') {
+ return createTypedArray;
+ } else {
+ return createRegularArray;
+ }
+}());
+
+function createSizedArray(len) {
+ return Array.apply(null,{length:len});
+}
+function createNS(type) {
+ //return {appendChild:function(){},setAttribute:function(){},style:{}}
+ return document.createElementNS(svgNS, type);
+}
+function createTag(type) {
+ //return {appendChild:function(){},setAttribute:function(){},style:{}}
+ return document.createElement(type);
+}
+function DynamicPropertyContainer(){};
+DynamicPropertyContainer.prototype = {
+ addDynamicProperty: function(prop) {
+ if(this.dynamicProperties.indexOf(prop) === -1) {
+ this.dynamicProperties.push(prop);
+ this.container.addDynamicProperty(this);
+ this._isAnimated = true;
+ }
+ },
+ iterateDynamicProperties: function(){
+ this._mdf = false;
+ var i, len = this.dynamicProperties.length;
+ for(i=0;i<len;i+=1){
+ this.dynamicProperties[i].getValue();
+ if(this.dynamicProperties[i]._mdf) {
+ this._mdf = true;
+ }
+ }
+ },
+ initDynamicPropertyContainer: function(container){
+ this.container = container;
+ this.dynamicProperties = [];
+ this._mdf = false;
+ this._isAnimated = false;
+ }
+}
+/*!
+ Transformation Matrix v2.0
+ (c) Epistemex 2014-2015
+ www.epistemex.com
+ By Ken Fyrstenberg
+ Contributions by leeoniya.
+ License: MIT, header required.
+ */
+
+/**
+ * 2D transformation matrix object initialized with identity matrix.
+ *
+ * The matrix can synchronize a canvas context by supplying the context
+ * as an argument, or later apply current absolute transform to an
+ * existing context.
+ *
+ * All values are handled as floating point values.
+ *
+ * @param {CanvasRenderingContext2D} [context] - Optional context to sync with Matrix
+ * @prop {number} a - scale x
+ * @prop {number} b - shear y
+ * @prop {number} c - shear x
+ * @prop {number} d - scale y
+ * @prop {number} e - translate x
+ * @prop {number} f - translate y
+ * @prop {CanvasRenderingContext2D|null} [context=null] - set or get current canvas context
+ * @constructor
+ */
+
+var Matrix = (function(){
+
+ var _cos = Math.cos;
+ var _sin = Math.sin;
+ var _tan = Math.tan;
+ var _rnd = Math.round;
+
+ function reset(){
+ this.props[0] = 1;
+ this.props[1] = 0;
+ this.props[2] = 0;
+ this.props[3] = 0;
+ this.props[4] = 0;
+ this.props[5] = 1;
+ this.props[6] = 0;
+ this.props[7] = 0;
+ this.props[8] = 0;
+ this.props[9] = 0;
+ this.props[10] = 1;
+ this.props[11] = 0;
+ this.props[12] = 0;
+ this.props[13] = 0;
+ this.props[14] = 0;
+ this.props[15] = 1;
+ return this;
+ }
+
+ function rotate(angle) {
+ if(angle === 0){
+ return this;
+ }
+ var mCos = _cos(angle);
+ var mSin = _sin(angle);
+ return this._t(mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+ }
+
+ function rotateX(angle){
+ if(angle === 0){
+ return this;
+ }
+ var mCos = _cos(angle);
+ var mSin = _sin(angle);
+ return this._t(1, 0, 0, 0, 0, mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1);
+ }
+
+ function rotateY(angle){
+ if(angle === 0){
+ return this;
+ }
+ var mCos = _cos(angle);
+ var mSin = _sin(angle);
+ return this._t(mCos, 0, mSin, 0, 0, 1, 0, 0, -mSin, 0, mCos, 0, 0, 0, 0, 1);
+ }
+
+ function rotateZ(angle){
+ if(angle === 0){
+ return this;
+ }
+ var mCos = _cos(angle);
+ var mSin = _sin(angle);
+ return this._t(mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+ }
+
+ function shear(sx,sy){
+ return this._t(1, sy, sx, 1, 0, 0);
+ }
+
+ function skew(ax, ay){
+ return this.shear(_tan(ax), _tan(ay));
+ }
+
+ function skewFromAxis(ax, angle){
+ var mCos = _cos(angle);
+ var mSin = _sin(angle);
+ return this._t(mCos, mSin, 0, 0, -mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+ ._t(1, 0, 0, 0, _tan(ax), 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+ ._t(mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+ //return this._t(mCos, mSin, -mSin, mCos, 0, 0)._t(1, 0, _tan(ax), 1, 0, 0)._t(mCos, -mSin, mSin, mCos, 0, 0);
+ }
+
+ function scale(sx, sy, sz) {
+ if(!sz && sz !== 0) {
+ sz = 1;
+ }
+ if(sx === 1 && sy === 1 && sz === 1){
+ return this;
+ }
+ return this._t(sx, 0, 0, 0, 0, sy, 0, 0, 0, 0, sz, 0, 0, 0, 0, 1);
+ }
+
+ function setTransform(a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p) {
+ this.props[0] = a;
+ this.props[1] = b;
+ this.props[2] = c;
+ this.props[3] = d;
+ this.props[4] = e;
+ this.props[5] = f;
+ this.props[6] = g;
+ this.props[7] = h;
+ this.props[8] = i;
+ this.props[9] = j;
+ this.props[10] = k;
+ this.props[11] = l;
+ this.props[12] = m;
+ this.props[13] = n;
+ this.props[14] = o;
+ this.props[15] = p;
+ return this;
+ }
+
+ function translate(tx, ty, tz) {
+ tz = tz || 0;
+ if(tx !== 0 || ty !== 0 || tz !== 0){
+ return this._t(1,0,0,0,0,1,0,0,0,0,1,0,tx,ty,tz,1);
+ }
+ return this;
+ }
+
+ function transform(a2, b2, c2, d2, e2, f2, g2, h2, i2, j2, k2, l2, m2, n2, o2, p2) {
+
+ var _p = this.props;
+
+ if(a2 === 1 && b2 === 0 && c2 === 0 && d2 === 0 && e2 === 0 && f2 === 1 && g2 === 0 && h2 === 0 && i2 === 0 && j2 === 0 && k2 === 1 && l2 === 0){
+ //NOTE: commenting this condition because TurboFan deoptimizes code when present
+ //if(m2 !== 0 || n2 !== 0 || o2 !== 0){
+ _p[12] = _p[12] * a2 + _p[15] * m2;
+ _p[13] = _p[13] * f2 + _p[15] * n2;
+ _p[14] = _p[14] * k2 + _p[15] * o2;
+ _p[15] = _p[15] * p2;
+ //}
+ this._identityCalculated = false;
+ return this;
+ }
+
+ var a1 = _p[0];
+ var b1 = _p[1];
+ var c1 = _p[2];
+ var d1 = _p[3];
+ var e1 = _p[4];
+ var f1 = _p[5];
+ var g1 = _p[6];
+ var h1 = _p[7];
+ var i1 = _p[8];
+ var j1 = _p[9];
+ var k1 = _p[10];
+ var l1 = _p[11];
+ var m1 = _p[12];
+ var n1 = _p[13];
+ var o1 = _p[14];
+ var p1 = _p[15];
+
+ /* matrix order (canvas compatible):
+ * ace
+ * bdf
+ * 001
+ */
+ _p[0] = a1 * a2 + b1 * e2 + c1 * i2 + d1 * m2;
+ _p[1] = a1 * b2 + b1 * f2 + c1 * j2 + d1 * n2 ;
+ _p[2] = a1 * c2 + b1 * g2 + c1 * k2 + d1 * o2 ;
+ _p[3] = a1 * d2 + b1 * h2 + c1 * l2 + d1 * p2 ;
+
+ _p[4] = e1 * a2 + f1 * e2 + g1 * i2 + h1 * m2 ;
+ _p[5] = e1 * b2 + f1 * f2 + g1 * j2 + h1 * n2 ;
+ _p[6] = e1 * c2 + f1 * g2 + g1 * k2 + h1 * o2 ;
+ _p[7] = e1 * d2 + f1 * h2 + g1 * l2 + h1 * p2 ;
+
+ _p[8] = i1 * a2 + j1 * e2 + k1 * i2 + l1 * m2 ;
+ _p[9] = i1 * b2 + j1 * f2 + k1 * j2 + l1 * n2 ;
+ _p[10] = i1 * c2 + j1 * g2 + k1 * k2 + l1 * o2 ;
+ _p[11] = i1 * d2 + j1 * h2 + k1 * l2 + l1 * p2 ;
+
+ _p[12] = m1 * a2 + n1 * e2 + o1 * i2 + p1 * m2 ;
+ _p[13] = m1 * b2 + n1 * f2 + o1 * j2 + p1 * n2 ;
+ _p[14] = m1 * c2 + n1 * g2 + o1 * k2 + p1 * o2 ;
+ _p[15] = m1 * d2 + n1 * h2 + o1 * l2 + p1 * p2 ;
+
+ this._identityCalculated = false;
+ return this;
+ }
+
+ function isIdentity() {
+ if(!this._identityCalculated){
+ this._identity = !(this.props[0] !== 1 || this.props[1] !== 0 || this.props[2] !== 0 || this.props[3] !== 0 || this.props[4] !== 0 || this.props[5] !== 1 || this.props[6] !== 0 || this.props[7] !== 0 || this.props[8] !== 0 || this.props[9] !== 0 || this.props[10] !== 1 || this.props[11] !== 0 || this.props[12] !== 0 || this.props[13] !== 0 || this.props[14] !== 0 || this.props[15] !== 1);
+ this._identityCalculated = true;
+ }
+ return this._identity;
+ }
+
+ function equals(matr){
+ var i = 0;
+ while (i < 16) {
+ if(matr.props[i] !== this.props[i]) {
+ return false;
+ }
+ i+=1;
+ }
+ return true;
+ }
+
+ function clone(matr){
+ var i;
+ for(i=0;i<16;i+=1){
+ matr.props[i] = this.props[i];
+ }
+ }
+
+ function cloneFromProps(props){
+ var i;
+ for(i=0;i<16;i+=1){
+ this.props[i] = props[i];
+ }
+ }
+
+ function applyToPoint(x, y, z) {
+
+ return {
+ x: x * this.props[0] + y * this.props[4] + z * this.props[8] + this.props[12],
+ y: x * this.props[1] + y * this.props[5] + z * this.props[9] + this.props[13],
+ z: x * this.props[2] + y * this.props[6] + z * this.props[10] + this.props[14]
+ };
+ /*return {
+ x: x * me.a + y * me.c + me.e,
+ y: x * me.b + y * me.d + me.f
+ };*/
+ }
+ function applyToX(x, y, z) {
+ return x * this.props[0] + y * this.props[4] + z * this.props[8] + this.props[12];
+ }
+ function applyToY(x, y, z) {
+ return x * this.props[1] + y * this.props[5] + z * this.props[9] + this.props[13];
+ }
+ function applyToZ(x, y, z) {
+ return x * this.props[2] + y * this.props[6] + z * this.props[10] + this.props[14];
+ }
+
+ function inversePoint(pt) {
+ var determinant = this.props[0] * this.props[5] - this.props[1] * this.props[4];
+ var a = this.props[5]/determinant;
+ var b = - this.props[1]/determinant;
+ var c = - this.props[4]/determinant;
+ var d = this.props[0]/determinant;
+ var e = (this.props[4] * this.props[13] - this.props[5] * this.props[12])/determinant;
+ var f = - (this.props[0] * this.props[13] - this.props[1] * this.props[12])/determinant;
+ return [pt[0] * a + pt[1] * c + e, pt[0] * b + pt[1] * d + f, 0];
+ }
+
+ function inversePoints(pts){
+ var i, len = pts.length, retPts = [];
+ for(i=0;i<len;i+=1){
+ retPts[i] = inversePoint(pts[i]);
+ }
+ return retPts;
+ }
+
+ function applyToTriplePoints(pt1, pt2, pt3) {
+ var arr = createTypedArray('float32', 6);
+ if(this.isIdentity()) {
+ arr[0] = pt1[0];
+ arr[1] = pt1[1];
+ arr[2] = pt2[0];
+ arr[3] = pt2[1];
+ arr[4] = pt3[0];
+ arr[5] = pt3[1];
+ } else {
+ var p0 = this.props[0], p1 = this.props[1], p4 = this.props[4], p5 = this.props[5], p12 = this.props[12], p13 = this.props[13];
+ arr[0] = pt1[0] * p0 + pt1[1] * p4 + p12;
+ arr[1] = pt1[0] * p1 + pt1[1] * p5 + p13;
+ arr[2] = pt2[0] * p0 + pt2[1] * p4 + p12;
+ arr[3] = pt2[0] * p1 + pt2[1] * p5 + p13;
+ arr[4] = pt3[0] * p0 + pt3[1] * p4 + p12;
+ arr[5] = pt3[0] * p1 + pt3[1] * p5 + p13;
+ }
+ return arr;
+ }
+
+ function applyToPointArray(x,y,z){
+ var arr;
+ if(this.isIdentity()) {
+ arr = [x,y,z];
+ } else {
+ arr = [x * this.props[0] + y * this.props[4] + z * this.props[8] + this.props[12],x * this.props[1] + y * this.props[5] + z * this.props[9] + this.props[13],x * this.props[2] + y * this.props[6] + z * this.props[10] + this.props[14]];
+ }
+ return arr;
+ }
+
+ function applyToPointStringified(x, y) {
+ if(this.isIdentity()) {
+ return x + ',' + y;
+ }
+ var _p = this.props;
+ return Math.round((x * _p[0] + y * _p[4] + _p[12]) * 100) / 100+','+ Math.round((x * _p[1] + y * _p[5] + _p[13]) * 100) / 100;
+ }
+
+ function toCSS() {
+ //Doesn't make much sense to add this optimization. If it is an identity matrix, it's very likely this will get called only once since it won't be keyframed.
+ /*if(this.isIdentity()) {
+ return '';
+ }*/
+ var i = 0;
+ var props = this.props;
+ var cssValue = 'matrix3d(';
+ var v = 10000;
+ while(i<16){
+ cssValue += _rnd(props[i]*v)/v;
+ cssValue += i === 15 ? ')':',';
+ i += 1;
+ }
+ return cssValue;
+ }
+
+ function roundMatrixProperty(val) {
+ var v = 10000;
+ if((val < 0.000001 && val > 0) || (val > -0.000001 && val < 0)) {
+ return _rnd(val * v) / v;
+ }
+ return val;
+ }
+
+ function to2dCSS() {
+ //Doesn't make much sense to add this optimization. If it is an identity matrix, it's very likely this will get called only once since it won't be keyframed.
+ /*if(this.isIdentity()) {
+ return '';
+ }*/
+ var props = this.props;
+ var _a = roundMatrixProperty(props[0]);
+ var _b = roundMatrixProperty(props[1]);
+ var _c = roundMatrixProperty(props[4]);
+ var _d = roundMatrixProperty(props[5]);
+ var _e = roundMatrixProperty(props[12]);
+ var _f = roundMatrixProperty(props[13]);
+ return "matrix(" + _a + ',' + _b + ',' + _c + ',' + _d + ',' + _e + ',' + _f + ")";
+ }
+
+ return function(){
+ this.reset = reset;
+ this.rotate = rotate;
+ this.rotateX = rotateX;
+ this.rotateY = rotateY;
+ this.rotateZ = rotateZ;
+ this.skew = skew;
+ this.skewFromAxis = skewFromAxis;
+ this.shear = shear;
+ this.scale = scale;
+ this.setTransform = setTransform;
+ this.translate = translate;
+ this.transform = transform;
+ this.applyToPoint = applyToPoint;
+ this.applyToX = applyToX;
+ this.applyToY = applyToY;
+ this.applyToZ = applyToZ;
+ this.applyToPointArray = applyToPointArray;
+ this.applyToTriplePoints = applyToTriplePoints;
+ this.applyToPointStringified = applyToPointStringified;
+ this.toCSS = toCSS;
+ this.to2dCSS = to2dCSS;
+ this.clone = clone;
+ this.cloneFromProps = cloneFromProps;
+ this.equals = equals;
+ this.inversePoints = inversePoints;
+ this.inversePoint = inversePoint;
+ this._t = this.transform;
+ this.isIdentity = isIdentity;
+ this._identity = true;
+ this._identityCalculated = false;
+
+ this.props = createTypedArray('float32', 16);
+ this.reset();
+ };
+}());
+
+/*
+ Copyright 2014 David Bau.
+
+ Permission is hereby granted, free of charge, to any person obtaining
+ a copy of this software and associated documentation files (the
+ "Software"), to deal in the Software without restriction, including
+ without limitation the rights to use, copy, modify, merge, publish,
+ distribute, sublicense, and/or sell copies of the Software, and to
+ permit persons to whom the Software is furnished to do so, subject to
+ the following conditions:
+
+ The above copyright notice and this permission notice shall be
+ included in all copies or substantial portions of the Software.
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+ IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+ CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+ TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+ SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+ */
+
+(function (pool, math) {
+//
+// The following constants are related to IEEE 754 limits.
+//
+ var global = this,
+ width = 256, // each RC4 output is 0 <= x < 256
+ chunks = 6, // at least six RC4 outputs for each double
+ digits = 52, // there are 52 significant digits in a double
+ rngname = 'random', // rngname: name for Math.random and Math.seedrandom
+ startdenom = math.pow(width, chunks),
+ significance = math.pow(2, digits),
+ overflow = significance * 2,
+ mask = width - 1,
+ nodecrypto; // node.js crypto module, initialized at the bottom.
+
+//
+// seedrandom()
+// This is the seedrandom function described above.
+//
+ function seedrandom(seed, options, callback) {
+ var key = [];
+ options = (options === true) ? { entropy: true } : (options || {});
+
+ // Flatten the seed string or build one from local entropy if needed.
+ var shortseed = mixkey(flatten(
+ options.entropy ? [seed, tostring(pool)] :
+ (seed === null) ? autoseed() : seed, 3), key);
+
+ // Use the seed to initialize an ARC4 generator.
+ var arc4 = new ARC4(key);
+
+ // This function returns a random double in [0, 1) that contains
+ // randomness in every bit of the mantissa of the IEEE 754 value.
+ var prng = function() {
+ var n = arc4.g(chunks), // Start with a numerator n < 2 ^ 48
+ d = startdenom, // and denominator d = 2 ^ 48.
+ x = 0; // and no 'extra last byte'.
+ while (n < significance) { // Fill up all significant digits by
+ n = (n + x) * width; // shifting numerator and
+ d *= width; // denominator and generating a
+ x = arc4.g(1); // new least-significant-byte.
+ }
+ while (n >= overflow) { // To avoid rounding up, before adding
+ n /= 2; // last byte, shift everything
+ d /= 2; // right using integer math until
+ x >>>= 1; // we have exactly the desired bits.
+ }
+ return (n + x) / d; // Form the number within [0, 1).
+ };
+
+ prng.int32 = function() { return arc4.g(4) | 0; };
+ prng.quick = function() { return arc4.g(4) / 0x100000000; };
+ prng.double = prng;
+
+ // Mix the randomness into accumulated entropy.
+ mixkey(tostring(arc4.S), pool);
+
+ // Calling convention: what to return as a function of prng, seed, is_math.
+ return (options.pass || callback ||
+ function(prng, seed, is_math_call, state) {
+ if (state) {
+ // Load the arc4 state from the given state if it has an S array.
+ if (state.S) { copy(state, arc4); }
+ // Only provide the .state method if requested via options.state.
+ prng.state = function() { return copy(arc4, {}); };
+ }
+
+ // If called as a method of Math (Math.seedrandom()), mutate
+ // Math.random because that is how seedrandom.js has worked since v1.0.
+ if (is_math_call) { math[rngname] = prng; return seed; }
+
+ // Otherwise, it is a newer calling convention, so return the
+ // prng directly.
+ else return prng;
+ })(
+ prng,
+ shortseed,
+ 'global' in options ? options.global : (this == math),
+ options.state);
+ }
+ math['seed' + rngname] = seedrandom;
+
+//
+// ARC4
+//
+// An ARC4 implementation. The constructor takes a key in the form of
+// an array of at most (width) integers that should be 0 <= x < (width).
+//
+// The g(count) method returns a pseudorandom integer that concatenates
+// the next (count) outputs from ARC4. Its return value is a number x
+// that is in the range 0 <= x < (width ^ count).
+//
+ function ARC4(key) {
+ var t, keylen = key.length,
+ me = this, i = 0, j = me.i = me.j = 0, s = me.S = [];
+
+ // The empty key [] is treated as [0].
+ if (!keylen) { key = [keylen++]; }
+
+ // Set up S using the standard key scheduling algorithm.
+ while (i < width) {
+ s[i] = i++;
+ }
+ for (i = 0; i < width; i++) {
+ s[i] = s[j = mask & (j + key[i % keylen] + (t = s[i]))];
+ s[j] = t;
+ }
+
+ // The "g" method returns the next (count) outputs as one number.
+ me.g = function(count) {
+ // Using instance members instead of closure state nearly doubles speed.
+ var t, r = 0,
+ i = me.i, j = me.j, s = me.S;
+ while (count--) {
+ t = s[i = mask & (i + 1)];
+ r = r * width + s[mask & ((s[i] = s[j = mask & (j + t)]) + (s[j] = t))];
+ }
+ me.i = i; me.j = j;
+ return r;
+ // For robust unpredictability, the function call below automatically
+ // discards an initial batch of values. This is called RC4-drop[256].
+ // See http://google.com/search?q=rsa+fluhrer+response&btnI
+ };
+ }
+
+//
+// copy()
+// Copies internal state of ARC4 to or from a plain object.
+//
+ function copy(f, t) {
+ t.i = f.i;
+ t.j = f.j;
+ t.S = f.S.slice();
+ return t;
+ }
+
+//
+// flatten()
+// Converts an object tree to nested arrays of strings.
+//
+ function flatten(obj, depth) {
+ var result = [], typ = (typeof obj), prop;
+ if (depth && typ == 'object') {
+ for (prop in obj) {
+ try { result.push(flatten(obj[prop], depth - 1)); } catch (e) {}
+ }
+ }
+ return (result.length ? result : typ == 'string' ? obj : obj + '\0');
+ }
+
+//
+// mixkey()
+// Mixes a string seed into a key that is an array of integers, and
+// returns a shortened string seed that is equivalent to the result key.
+//
+ function mixkey(seed, key) {
+ var stringseed = seed + '', smear, j = 0;
+ while (j < stringseed.length) {
+ key[mask & j] =
+ mask & ((smear ^= key[mask & j] * 19) + stringseed.charCodeAt(j++));
+ }
+ return tostring(key);
+ }
+
+//
+// autoseed()
+// Returns an object for autoseeding, using window.crypto and Node crypto
+// module if available.
+//
+ function autoseed() {
+ try {
+ if (nodecrypto) { return tostring(nodecrypto.randomBytes(width)); }
+ var out = new Uint8Array(width);
+ (global.crypto || global.msCrypto).getRandomValues(out);
+ return tostring(out);
+ } catch (e) {
+ var browser = global.navigator,
+ plugins = browser && browser.plugins;
+ return [+new Date(), global, plugins, global.screen, tostring(pool)];
+ }
+ }
+
+//
+// tostring()
+// Converts an array of charcodes to a string
+//
+ function tostring(a) {
+ return String.fromCharCode.apply(0, a);
+ }
+
+//
+// When seedrandom.js is loaded, we immediately mix a few bits
+// from the built-in RNG into the entropy pool. Because we do
+// not want to interfere with deterministic PRNG state later,
+// seedrandom will not call math.random on its own again after
+// initialization.
+//
+ mixkey(math.random(), pool);
+
+//
+// Nodejs and AMD support: export the implementation as a module using
+// either convention.
+//
+
+// End anonymous scope, and pass initial values.
+})(
+ [], // pool: entropy pool starts empty
+ BMMath // math: package containing random, pow, and seedrandom
+);
+var BezierFactory = (function(){
+ /**
+ * BezierEasing - use bezier curve for transition easing function
+ * by Gaëtan Renaudeau 2014 - 2015 – MIT License
+ *
+ * Credits: is based on Firefox's nsSMILKeySpline.cpp
+ * Usage:
+ * var spline = BezierEasing([ 0.25, 0.1, 0.25, 1.0 ])
+ * spline.get(x) => returns the easing value | x must be in [0, 1] range
+ *
+ */
+
+ var ob = {};
+ ob.getBezierEasing = getBezierEasing;
+ var beziers = {};
+
+ function getBezierEasing(a,b,c,d,nm){
+ var str = nm || ('bez_' + a+'_'+b+'_'+c+'_'+d).replace(/\./g, 'p');
+ if(beziers[str]){
+ return beziers[str];
+ }
+ var bezEasing = new BezierEasing([a,b,c,d]);
+ beziers[str] = bezEasing;
+ return bezEasing;
+ }
+
+// These values are established by empiricism with tests (tradeoff: performance VS precision)
+ var NEWTON_ITERATIONS = 4;
+ var NEWTON_MIN_SLOPE = 0.001;
+ var SUBDIVISION_PRECISION = 0.0000001;
+ var SUBDIVISION_MAX_ITERATIONS = 10;
+
+ var kSplineTableSize = 11;
+ var kSampleStepSize = 1.0 / (kSplineTableSize - 1.0);
+
+ var float32ArraySupported = typeof Float32Array === "function";
+
+ function A (aA1, aA2) { return 1.0 - 3.0 * aA2 + 3.0 * aA1; }
+ function B (aA1, aA2) { return 3.0 * aA2 - 6.0 * aA1; }
+ function C (aA1) { return 3.0 * aA1; }
+
+// Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2.
+ function calcBezier (aT, aA1, aA2) {
+ return ((A(aA1, aA2)*aT + B(aA1, aA2))*aT + C(aA1))*aT;
+ }
+
+// Returns dx/dt given t, x1, and x2, or dy/dt given t, y1, and y2.
+ function getSlope (aT, aA1, aA2) {
+ return 3.0 * A(aA1, aA2)*aT*aT + 2.0 * B(aA1, aA2) * aT + C(aA1);
+ }
+
+ function binarySubdivide (aX, aA, aB, mX1, mX2) {
+ var currentX, currentT, i = 0;
+ do {
+ currentT = aA + (aB - aA) / 2.0;
+ currentX = calcBezier(currentT, mX1, mX2) - aX;
+ if (currentX > 0.0) {
+ aB = currentT;
+ } else {
+ aA = currentT;
+ }
+ } while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS);
+ return currentT;
+ }
+
+ function newtonRaphsonIterate (aX, aGuessT, mX1, mX2) {
+ for (var i = 0; i < NEWTON_ITERATIONS; ++i) {
+ var currentSlope = getSlope(aGuessT, mX1, mX2);
+ if (currentSlope === 0.0) return aGuessT;
+ var currentX = calcBezier(aGuessT, mX1, mX2) - aX;
+ aGuessT -= currentX / currentSlope;
+ }
+ return aGuessT;
+ }
+
+ /**
+ * points is an array of [ mX1, mY1, mX2, mY2 ]
+ */
+ function BezierEasing (points) {
+ this._p = points;
+ this._mSampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize);
+ this._precomputed = false;
+
+ this.get = this.get.bind(this);
+ }
+
+ BezierEasing.prototype = {
+
+ get: function (x) {
+ var mX1 = this._p[0],
+ mY1 = this._p[1],
+ mX2 = this._p[2],
+ mY2 = this._p[3];
+ if (!this._precomputed) this._precompute();
+ if (mX1 === mY1 && mX2 === mY2) return x; // linear
+ // Because JavaScript number are imprecise, we should guarantee the extremes are right.
+ if (x === 0) return 0;
+ if (x === 1) return 1;
+ return calcBezier(this._getTForX(x), mY1, mY2);
+ },
+
+ // Private part
+
+ _precompute: function () {
+ var mX1 = this._p[0],
+ mY1 = this._p[1],
+ mX2 = this._p[2],
+ mY2 = this._p[3];
+ this._precomputed = true;
+ if (mX1 !== mY1 || mX2 !== mY2)
+ this._calcSampleValues();
+ },
+
+ _calcSampleValues: function () {
+ var mX1 = this._p[0],
+ mX2 = this._p[2];
+ for (var i = 0; i < kSplineTableSize; ++i) {
+ this._mSampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);
+ }
+ },
+
+ /**
+ * getTForX chose the fastest heuristic to determine the percentage value precisely from a given X projection.
+ */
+ _getTForX: function (aX) {
+ var mX1 = this._p[0],
+ mX2 = this._p[2],
+ mSampleValues = this._mSampleValues;
+
+ var intervalStart = 0.0;
+ var currentSample = 1;
+ var lastSample = kSplineTableSize - 1;
+
+ for (; currentSample !== lastSample && mSampleValues[currentSample] <= aX; ++currentSample) {
+ intervalStart += kSampleStepSize;
+ }
+ --currentSample;
+
+ // Interpolate to provide an initial guess for t
+ var dist = (aX - mSampleValues[currentSample]) / (mSampleValues[currentSample+1] - mSampleValues[currentSample]);
+ var guessForT = intervalStart + dist * kSampleStepSize;
+
+ var initialSlope = getSlope(guessForT, mX1, mX2);
+ if (initialSlope >= NEWTON_MIN_SLOPE) {
+ return newtonRaphsonIterate(aX, guessForT, mX1, mX2);
+ } else if (initialSlope === 0.0) {
+ return guessForT;
+ } else {
+ return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2);
+ }
+ }
+ };
+
+ return ob;
+
+}());
+(function () {
+ var lastTime = 0;
+ var vendors = ['ms', 'moz', 'webkit', 'o'];
+ for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
+ window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];
+ window.cancelAnimationFrame = window[vendors[x] + 'CancelAnimationFrame'] || window[vendors[x] + 'CancelRequestAnimationFrame'];
+ }
+ if(!window.requestAnimationFrame)
+ window.requestAnimationFrame = function (callback, element) {
+ var currTime = new Date().getTime();
+ var timeToCall = Math.max(0, 16 - (currTime - lastTime));
+ var id = setTimeout(function () {
+ callback(currTime + timeToCall);
+ },
+ timeToCall);
+ lastTime = currTime + timeToCall;
+ return id;
+ };
+ if(!window.cancelAnimationFrame)
+ window.cancelAnimationFrame = function (id) {
+ clearTimeout(id);
+ };
+}());
+
+function extendPrototype(sources,destination){
+ var i, len = sources.length, sourcePrototype;
+ for (i = 0;i < len;i += 1) {
+ sourcePrototype = sources[i].prototype;
+ for (var attr in sourcePrototype) {
+ if (sourcePrototype.hasOwnProperty(attr)) destination.prototype[attr] = sourcePrototype[attr];
+ }
+ }
+}
+
+function getDescriptor(object, prop) {
+ return Object.getOwnPropertyDescriptor(object, prop);
+}
+
+function createProxyFunction(prototype) {
+ function ProxyFunction(){}
+ ProxyFunction.prototype = prototype;
+ return ProxyFunction;
+}
+function bezFunction(){
+
+ var easingFunctions = [];
+ var math = Math;
+
+ function pointOnLine2D(x1,y1, x2,y2, x3,y3){
+ var det1 = (x1*y2) + (y1*x3) + (x2*y3) - (x3*y2) - (y3*x1) - (x2*y1);
+ return det1 > -0.001 && det1 < 0.001;
+ }
+
+ function pointOnLine3D(x1,y1,z1, x2,y2,z2, x3,y3,z3){
+ if(z1 === 0 && z2 === 0 && z3 === 0) {
+ return pointOnLine2D(x1,y1, x2,y2, x3,y3);
+ }
+ var dist1 = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2) + Math.pow(z2 - z1, 2));
+ var dist2 = Math.sqrt(Math.pow(x3 - x1, 2) + Math.pow(y3 - y1, 2) + Math.pow(z3 - z1, 2));
+ var dist3 = Math.sqrt(Math.pow(x3 - x2, 2) + Math.pow(y3 - y2, 2) + Math.pow(z3 - z2, 2));
+ var diffDist;
+ if(dist1 > dist2){
+ if(dist1 > dist3){
+ diffDist = dist1 - dist2 - dist3;
+ } else {
+ diffDist = dist3 - dist2 - dist1;
+ }
+ } else if(dist3 > dist2){
+ diffDist = dist3 - dist2 - dist1;
+ } else {
+ diffDist = dist2 - dist1 - dist3;
+ }
+ return diffDist > -0.0001 && diffDist < 0.0001;
+ }
+
+ var getBezierLength = (function(){
+
+ return function(pt1,pt2,pt3,pt4){
+ var curveSegments = defaultCurveSegments;
+ var k;
+ var i, len;
+ var ptCoord,perc,addedLength = 0;
+ var ptDistance;
+ var point = [],lastPoint = [];
+ var lengthData = bezier_length_pool.newElement();
+ len = pt3.length;
+ for(k=0;k<curveSegments;k+=1){
+ perc = k/(curveSegments-1);
+ ptDistance = 0;
+ for(i=0;i<len;i+=1){
+ ptCoord = bm_pow(1-perc,3)*pt1[i]+3*bm_pow(1-perc,2)*perc*pt3[i]+3*(1-perc)*bm_pow(perc,2)*pt4[i]+bm_pow(perc,3)*pt2[i];
+ point[i] = ptCoord;
+ if(lastPoint[i] !== null){
+ ptDistance += bm_pow(point[i] - lastPoint[i],2);
+ }
+ lastPoint[i] = point[i];
+ }
+ if(ptDistance){
+ ptDistance = bm_sqrt(ptDistance);
+ addedLength += ptDistance;
+ }
+ lengthData.percents[k] = perc;
+ lengthData.lengths[k] = addedLength;
+ }
+ lengthData.addedLength = addedLength;
+ return lengthData;
+ };
+ }());
+
+ function getSegmentsLength(shapeData) {
+ var segmentsLength = segments_length_pool.newElement();
+ var closed = shapeData.c;
+ var pathV = shapeData.v;
+ var pathO = shapeData.o;
+ var pathI = shapeData.i;
+ var i, len = shapeData._length;
+ var lengths = segmentsLength.lengths;
+ var totalLength = 0;
+ for(i=0;i<len-1;i+=1){
+ lengths[i] = getBezierLength(pathV[i],pathV[i+1],pathO[i],pathI[i+1]);
+ totalLength += lengths[i].addedLength;
+ }
+ if(closed && len){
+ lengths[i] = getBezierLength(pathV[i],pathV[0],pathO[i],pathI[0]);
+ totalLength += lengths[i].addedLength;
+ }
+ segmentsLength.totalLength = totalLength;
+ return segmentsLength;
+ }
+
+ function BezierData(length){
+ this.segmentLength = 0;
+ this.points = new Array(length);
+ }
+
+ function PointData(partial,point){
+ this.partialLength = partial;
+ this.point = point;
+ }
+
+ var buildBezierData = (function(){
+
+ var storedData = {};
+
+ return function (keyData){
+ var pt1 = keyData.s;
+ var pt2 = keyData.e;
+ var pt3 = keyData.to;
+ var pt4 = keyData.ti;
+ var bezierName = (pt1[0]+'_'+pt1[1]+'_'+pt2[0]+'_'+pt2[1]+'_'+pt3[0]+'_'+pt3[1]+'_'+pt4[0]+'_'+pt4[1]).replace(/\./g, 'p');
+ if(storedData[bezierName]){
+ keyData.bezierData = storedData[bezierName];
+ return;
+ }
+ var curveSegments = defaultCurveSegments;
+ var k, i, len;
+ var ptCoord,perc,addedLength = 0;
+ var ptDistance;
+ var point,lastPoint = null;
+ if (pt1.length === 2 && (pt1[0] != pt2[0] || pt1[1] != pt2[1]) && pointOnLine2D(pt1[0],pt1[1],pt2[0],pt2[1],pt1[0]+pt3[0],pt1[1]+pt3[1]) && pointOnLine2D(pt1[0],pt1[1],pt2[0],pt2[1],pt2[0]+pt4[0],pt2[1]+pt4[1])){
+ curveSegments = 2;
+ }
+ var bezierData = new BezierData(curveSegments);
+ len = pt3.length;
+ for (k = 0; k < curveSegments; k += 1) {
+ point = createSizedArray(len);
+ perc = k / (curveSegments - 1);
+ ptDistance = 0;
+ for (i = 0; i < len; i += 1){
+ ptCoord = bm_pow(1-perc,3)*pt1[i]+3*bm_pow(1-perc,2)*perc*(pt1[i] + pt3[i])+3*(1-perc)*bm_pow(perc,2)*(pt2[i] + pt4[i])+bm_pow(perc,3)*pt2[i];
+ point[i] = ptCoord;
+ if(lastPoint !== null){
+ ptDistance += bm_pow(point[i] - lastPoint[i],2);
+ }
+ }
+ ptDistance = bm_sqrt(ptDistance);
+ addedLength += ptDistance;
+ bezierData.points[k] = new PointData(ptDistance, point);
+ lastPoint = point;
+ }
+ bezierData.segmentLength = addedLength;
+ keyData.bezierData = bezierData;
+ storedData[bezierName] = bezierData;
+ };
+ }());
+
+ function getDistancePerc(perc,bezierData){
+ var percents = bezierData.percents;
+ var lengths = bezierData.lengths;
+ var len = percents.length;
+ var initPos = bm_floor((len-1)*perc);
+ var lengthPos = perc*bezierData.addedLength;
+ var lPerc = 0;
+ if(initPos === len - 1 || initPos === 0 || lengthPos === lengths[initPos]){
+ return percents[initPos];
+ }else{
+ var dir = lengths[initPos] > lengthPos ? -1 : 1;
+ var flag = true;
+ while(flag){
+ if(lengths[initPos] <= lengthPos && lengths[initPos+1] > lengthPos){
+ lPerc = (lengthPos - lengths[initPos]) / (lengths[initPos+1] - lengths[initPos]);
+ flag = false;
+ }else{
+ initPos += dir;
+ }
+ if(initPos < 0 || initPos >= len - 1){
+ //FIX for TypedArrays that don't store floating point values with enough accuracy
+ if(initPos === len - 1) {
+ return percents[initPos];
+ }
+ flag = false;
+ }
+ }
+ return percents[initPos] + (percents[initPos+1] - percents[initPos])*lPerc;
+ }
+ }
+
+ function getPointInSegment(pt1, pt2, pt3, pt4, percent, bezierData) {
+ var t1 = getDistancePerc(percent,bezierData);
+ var u0 = 1;
+ var u1 = 1 - t1;
+ var ptX = Math.round((u1*u1*u1* pt1[0] + (t1*u1*u1 + u1*t1*u1 + u1*u1*t1)* pt3[0] + (t1*t1*u1 + u1*t1*t1 + t1*u1*t1)*pt4[0] + t1*t1*t1* pt2[0])* 1000) / 1000;
+ var ptY = Math.round((u1*u1*u1* pt1[1] + (t1*u1*u1 + u1*t1*u1 + u1*u1*t1)* pt3[1] + (t1*t1*u1 + u1*t1*t1 + t1*u1*t1)*pt4[1] + t1*t1*t1* pt2[1])* 1000) / 1000;
+ return [ptX, ptY];
+ }
+
+ function getSegmentArray() {
+
+ }
+
+ var bezier_segment_points = createTypedArray('float32', 8);
+
+ function getNewSegment(pt1,pt2,pt3,pt4,startPerc,endPerc, bezierData){
+
+ startPerc = startPerc < 0 ? 0 : startPerc > 1 ? 1 : startPerc;
+ var t0 = getDistancePerc(startPerc,bezierData);
+ endPerc = endPerc > 1 ? 1 : endPerc;
+ var t1 = getDistancePerc(endPerc,bezierData);
+ var i, len = pt1.length;
+ var u0 = 1 - t0;
+ var u1 = 1 - t1;
+ var u0u0u0 = u0*u0*u0;
+ var t0u0u0_3 = t0*u0*u0*3;
+ var t0t0u0_3 = t0*t0*u0*3;
+ var t0t0t0 = t0*t0*t0;
+ //
+ var u0u0u1 = u0*u0*u1;
+ var t0u0u1_3 = t0*u0*u1 + u0*t0*u1 + u0*u0*t1;
+ var t0t0u1_3 = t0*t0*u1 + u0*t0*t1 + t0*u0*t1;
+ var t0t0t1 = t0*t0*t1;
+ //
+ var u0u1u1 = u0*u1*u1;
+ var t0u1u1_3 = t0*u1*u1 + u0*t1*u1 + u0*u1*t1;
+ var t0t1u1_3 = t0*t1*u1 + u0*t1*t1 + t0*u1*t1;
+ var t0t1t1 = t0*t1*t1;
+ //
+ var u1u1u1 = u1*u1*u1;
+ var t1u1u1_3 = t1*u1*u1 + u1*t1*u1 + u1*u1*t1;
+ var t1t1u1_3 = t1*t1*u1 + u1*t1*t1 + t1*u1*t1;
+ var t1t1t1 = t1*t1*t1;
+ for(i=0;i<len;i+=1){
+ bezier_segment_points[i * 4] = Math.round((u0u0u0 * pt1[i] + t0u0u0_3 * pt3[i] + t0t0u0_3 * pt4[i] + t0t0t0 * pt2[i]) * 1000) / 1000;
+ bezier_segment_points[i * 4 + 1] = Math.round((u0u0u1 * pt1[i] + t0u0u1_3 * pt3[i] + t0t0u1_3 * pt4[i] + t0t0t1 * pt2[i]) * 1000) / 1000;
+ bezier_segment_points[i * 4 + 2] = Math.round((u0u1u1 * pt1[i] + t0u1u1_3 * pt3[i] + t0t1u1_3 * pt4[i] + t0t1t1 * pt2[i]) * 1000) / 1000;
+ bezier_segment_points[i * 4 + 3] = Math.round((u1u1u1 * pt1[i] + t1u1u1_3 * pt3[i] + t1t1u1_3 * pt4[i] + t1t1t1 * pt2[i]) * 1000) / 1000;
+ }
+
+ return bezier_segment_points;
+ }
+
+ return {
+ getSegmentsLength : getSegmentsLength,
+ getNewSegment : getNewSegment,
+ getPointInSegment : getPointInSegment,
+ buildBezierData : buildBezierData,
+ pointOnLine2D : pointOnLine2D,
+ pointOnLine3D : pointOnLine3D
+ };
+}
+
+var bez = bezFunction();
+function dataFunctionManager(){
+
+ //var tCanvasHelper = createTag('canvas').getContext('2d');
+
+ function completeLayers(layers, comps, fontManager){
+ var layerData;
+ var animArray, lastFrame;
+ var i, len = layers.length;
+ var j, jLen, k, kLen;
+ for(i=0;i<len;i+=1){
+ layerData = layers[i];
+ if(!('ks' in layerData) || layerData.completed){
+ continue;
+ }
+ layerData.completed = true;
+ if(layerData.tt){
+ layers[i-1].td = layerData.tt;
+ }
+ animArray = [];
+ lastFrame = -1;
+ if(layerData.hasMask){
+ var maskProps = layerData.masksProperties;
+ jLen = maskProps.length;
+ for(j=0;j<jLen;j+=1){
+ if(maskProps[j].pt.k.i){
+ convertPathsToAbsoluteValues(maskProps[j].pt.k);
+ }else{
+ kLen = maskProps[j].pt.k.length;
+ for(k=0;k<kLen;k+=1){
+ if(maskProps[j].pt.k[k].s){
+ convertPathsToAbsoluteValues(maskProps[j].pt.k[k].s[0]);
+ }
+ if(maskProps[j].pt.k[k].e){
+ convertPathsToAbsoluteValues(maskProps[j].pt.k[k].e[0]);
+ }
+ }
+ }
+ }
+ }
+ if(layerData.ty===0){
+ layerData.layers = findCompLayers(layerData.refId, comps);
+ completeLayers(layerData.layers,comps, fontManager);
+ }else if(layerData.ty === 4){
+ completeShapes(layerData.shapes);
+ }else if(layerData.ty == 5){
+ completeText(layerData, fontManager);
+ }
+ }
+ }
+
+ function findCompLayers(id,comps){
+ var i = 0, len = comps.length;
+ while(i<len){
+ if(comps[i].id === id){
+ if(!comps[i].layers.__used) {
+ comps[i].layers.__used = true;
+ return comps[i].layers;
+ }
+ return JSON.parse(JSON.stringify(comps[i].layers));
+ }
+ i += 1;
+ }
+ }
+
+ function completeShapes(arr){
+ var i, len = arr.length;
+ var j, jLen;
+ var hasPaths = false;
+ for(i=len-1;i>=0;i-=1){
+ if(arr[i].ty == 'sh'){
+ if(arr[i].ks.k.i){
+ convertPathsToAbsoluteValues(arr[i].ks.k);
+ }else{
+ jLen = arr[i].ks.k.length;
+ for(j=0;j<jLen;j+=1){
+ if(arr[i].ks.k[j].s){
+ convertPathsToAbsoluteValues(arr[i].ks.k[j].s[0]);
+ }
+ if(arr[i].ks.k[j].e){
+ convertPathsToAbsoluteValues(arr[i].ks.k[j].e[0]);
+ }
+ }
+ }
+ hasPaths = true;
+ }else if(arr[i].ty == 'gr'){
+ completeShapes(arr[i].it);
+ }
+ }
+ /*if(hasPaths){
+ //mx: distance
+ //ss: sensitivity
+ //dc: decay
+ arr.splice(arr.length-1,0,{
+ "ty": "ms",
+ "mx":20,
+ "ss":10,
+ "dc":0.001,
+ "maxDist":200
+ });
+ }*/
+ }
+
+ function convertPathsToAbsoluteValues(path){
+ var i, len = path.i.length;
+ for(i=0;i<len;i+=1){
+ path.i[i][0] += path.v[i][0];
+ path.i[i][1] += path.v[i][1];
+ path.o[i][0] += path.v[i][0];
+ path.o[i][1] += path.v[i][1];
+ }
+ }
+
+ function checkVersion(minimum,animVersionString){
+ var animVersion = animVersionString ? animVersionString.split('.') : [100,100,100];
+ if(minimum[0]>animVersion[0]){
+ return true;
+ } else if(animVersion[0] > minimum[0]){
+ return false;
+ }
+ if(minimum[1]>animVersion[1]){
+ return true;
+ } else if(animVersion[1] > minimum[1]){
+ return false;
+ }
+ if(minimum[2]>animVersion[2]){
+ return true;
+ } else if(animVersion[2] > minimum[2]){
+ return false;
+ }
+ }
+
+ var checkText = (function(){
+ var minimumVersion = [4,4,14];
+
+ function updateTextLayer(textLayer){
+ var documentData = textLayer.t.d;
+ textLayer.t.d = {
+ k: [
+ {
+ s:documentData,
+ t:0
+ }
+ ]
+ };
+ }
+
+ function iterateLayers(layers){
+ var i, len = layers.length;
+ for(i=0;i<len;i+=1){
+ if(layers[i].ty === 5){
+ updateTextLayer(layers[i]);
+ }
+ }
+ }
+
+ return function (animationData){
+ if(checkVersion(minimumVersion,animationData.v)){
+ iterateLayers(animationData.layers);
+ if(animationData.assets){
+ var i, len = animationData.assets.length;
+ for(i=0;i<len;i+=1){
+ if(animationData.assets[i].layers){
+ iterateLayers(animationData.assets[i].layers);
+
+ }
+ }
+ }
+ }
+ };
+ }());
+
+ var checkChars = (function() {
+ var minimumVersion = [4,7,99];
+ return function (animationData){
+ if(animationData.chars && !checkVersion(minimumVersion,animationData.v)){
+ var i, len = animationData.chars.length, j, jLen, k, kLen;
+ var pathData, paths;
+ for(i = 0; i < len; i += 1) {
+ if(animationData.chars[i].data && animationData.chars[i].data.shapes) {
+ paths = animationData.chars[i].data.shapes[0].it;
+ jLen = paths.length;
+
+ for(j = 0; j < jLen; j += 1) {
+ pathData = paths[j].ks.k;
+ if(!pathData.__converted) {
+ convertPathsToAbsoluteValues(paths[j].ks.k);
+ pathData.__converted = true;
+ }
+ }
+ }
+ }
+ }
+ };
+ }());
+
+ var checkColors = (function(){
+ var minimumVersion = [4,1,9];
+
+ function iterateShapes(shapes){
+ var i, len = shapes.length;
+ var j, jLen;
+ for(i=0;i<len;i+=1){
+ if(shapes[i].ty === 'gr'){
+ iterateShapes(shapes[i].it);
+ }else if(shapes[i].ty === 'fl' || shapes[i].ty === 'st'){
+ if(shapes[i].c.k && shapes[i].c.k[0].i){
+ jLen = shapes[i].c.k.length;
+ for(j=0;j<jLen;j+=1){
+ if(shapes[i].c.k[j].s){
+ shapes[i].c.k[j].s[0] /= 255;
+ shapes[i].c.k[j].s[1] /= 255;
+ shapes[i].c.k[j].s[2] /= 255;
+ shapes[i].c.k[j].s[3] /= 255;
+ }
+ if(shapes[i].c.k[j].e){
+ shapes[i].c.k[j].e[0] /= 255;
+ shapes[i].c.k[j].e[1] /= 255;
+ shapes[i].c.k[j].e[2] /= 255;
+ shapes[i].c.k[j].e[3] /= 255;
+ }
+ }
+ } else {
+ shapes[i].c.k[0] /= 255;
+ shapes[i].c.k[1] /= 255;
+ shapes[i].c.k[2] /= 255;
+ shapes[i].c.k[3] /= 255;
+ }
+ }
+ }
+ }
+
+ function iterateLayers(layers){
+ var i, len = layers.length;
+ for(i=0;i<len;i+=1){
+ if(layers[i].ty === 4){
+ iterateShapes(layers[i].shapes);
+ }
+ }
+ }
+
+ return function (animationData){
+ if(checkVersion(minimumVersion,animationData.v)){
+ iterateLayers(animationData.layers);
+ if(animationData.assets){
+ var i, len = animationData.assets.length;
+ for(i=0;i<len;i+=1){
+ if(animationData.assets[i].layers){
+ iterateLayers(animationData.assets[i].layers);
+
+ }
+ }
+ }
+ }
+ };
+ }());
+
+ var checkShapes = (function(){
+ var minimumVersion = [4,4,18];
+
+
+
+ function completeShapes(arr){
+ var i, len = arr.length;
+ var j, jLen;
+ var hasPaths = false;
+ for(i=len-1;i>=0;i-=1){
+ if(arr[i].ty == 'sh'){
+ if(arr[i].ks.k.i){
+ arr[i].ks.k.c = arr[i].closed;
+ }else{
+ jLen = arr[i].ks.k.length;
+ for(j=0;j<jLen;j+=1){
+ if(arr[i].ks.k[j].s){
+ arr[i].ks.k[j].s[0].c = arr[i].closed;
+ }
+ if(arr[i].ks.k[j].e){
+ arr[i].ks.k[j].e[0].c = arr[i].closed;
+ }
+ }
+ }
+ hasPaths = true;
+ }else if(arr[i].ty == 'gr'){
+ completeShapes(arr[i].it);
+ }
+ }
+ }
+
+ function iterateLayers(layers){
+ var layerData;
+ var i, len = layers.length;
+ var j, jLen, k, kLen;
+ for(i=0;i<len;i+=1){
+ layerData = layers[i];
+ if(layerData.hasMask){
+ var maskProps = layerData.masksProperties;
+ jLen = maskProps.length;
+ for(j=0;j<jLen;j+=1){
+ if(maskProps[j].pt.k.i){
+ maskProps[j].pt.k.c = maskProps[j].cl;
+ }else{
+ kLen = maskProps[j].pt.k.length;
+ for(k=0;k<kLen;k+=1){
+ if(maskProps[j].pt.k[k].s){
+ maskProps[j].pt.k[k].s[0].c = maskProps[j].cl;
+ }
+ if(maskProps[j].pt.k[k].e){
+ maskProps[j].pt.k[k].e[0].c = maskProps[j].cl;
+ }
+ }
+ }
+ }
+ }
+ if(layerData.ty === 4){
+ completeShapes(layerData.shapes);
+ }
+ }
+ }
+
+ return function (animationData){
+ if(checkVersion(minimumVersion,animationData.v)){
+ iterateLayers(animationData.layers);
+ if(animationData.assets){
+ var i, len = animationData.assets.length;
+ for(i=0;i<len;i+=1){
+ if(animationData.assets[i].layers){
+ iterateLayers(animationData.assets[i].layers);
+
+ }
+ }
+ }
+ }
+ };
+ }());
+
+ function completeData(animationData, fontManager){
+ if(animationData.__complete){
+ return;
+ }
+ checkColors(animationData);
+ checkText(animationData);
+ checkChars(animationData);
+ checkShapes(animationData);
+ completeLayers(animationData.layers, animationData.assets, fontManager);
+ animationData.__complete = true;
+ //blitAnimation(animationData, animationData.assets, fontManager);
+ }
+
+ function completeText(data, fontManager){
+ if(data.t.a.length === 0 && !('m' in data.t.p)){
+ data.singleShape = true;
+ }
+ }
+
+ var moduleOb = {};
+ moduleOb.completeData = completeData;
+
+ return moduleOb;
+}
+
+var dataManager = dataFunctionManager();
+var FontManager = (function(){
+
+ var maxWaitingTime = 5000;
+ var emptyChar = {
+ w: 0,
+ size:0,
+ shapes:[]
+ };
+ var combinedCharacters = [];
+ //Hindi characters
+ combinedCharacters = combinedCharacters.concat([2304, 2305, 2306, 2307, 2362, 2363, 2364, 2364, 2366
+ , 2367, 2368, 2369, 2370, 2371, 2372, 2373, 2374, 2375, 2376, 2377, 2378, 2379
+ , 2380, 2381, 2382, 2383, 2387, 2388, 2389, 2390, 2391, 2402, 2403]);
+
+ function setUpNode(font, family){
+ var parentNode = createTag('span');
+ parentNode.style.fontFamily = family;
+ var node = createTag('span');
+ // Characters that vary significantly among different fonts
+ node.innerHTML = 'giItT1WQy@!-/#';
+ // Visible - so we can measure it - but not on the screen
+ parentNode.style.position = 'absolute';
+ parentNode.style.left = '-10000px';
+ parentNode.style.top = '-10000px';
+ // Large font size makes even subtle changes obvious
+ parentNode.style.fontSize = '300px';
+ // Reset any font properties
+ parentNode.style.fontVariant = 'normal';
+ parentNode.style.fontStyle = 'normal';
+ parentNode.style.fontWeight = 'normal';
+ parentNode.style.letterSpacing = '0';
+ parentNode.appendChild(node);
+ document.body.appendChild(parentNode);
+
+ // Remember width with no applied web font
+ var width = node.offsetWidth;
+ node.style.fontFamily = font + ', '+family;
+ return {node:node, w:width, parent:parentNode};
+ }
+
+ function checkLoadedFonts() {
+ var i, len = this.fonts.length;
+ var node, w;
+ var loadedCount = len;
+ for(i=0;i<len; i+= 1){
+ if(this.fonts[i].loaded){
+ loadedCount -= 1;
+ continue;
+ }
+ if(this.fonts[i].fOrigin === 'n' || this.fonts[i].origin === 0){
+ this.fonts[i].loaded = true;
+ } else{
+ node = this.fonts[i].monoCase.node;
+ w = this.fonts[i].monoCase.w;
+ if(node.offsetWidth !== w){
+ loadedCount -= 1;
+ this.fonts[i].loaded = true;
+ }else{
+ node = this.fonts[i].sansCase.node;
+ w = this.fonts[i].sansCase.w;
+ if(node.offsetWidth !== w){
+ loadedCount -= 1;
+ this.fonts[i].loaded = true;
+ }
+ }
+ if(this.fonts[i].loaded){
+ this.fonts[i].sansCase.parent.parentNode.removeChild(this.fonts[i].sansCase.parent);
+ this.fonts[i].monoCase.parent.parentNode.removeChild(this.fonts[i].monoCase.parent);
+ }
+ }
+ }
+
+ if(loadedCount !== 0 && Date.now() - this.initTime < maxWaitingTime){
+ setTimeout(this.checkLoadedFonts.bind(this),20);
+ }else{
+ setTimeout(function(){this.isLoaded = true;}.bind(this),0);
+
+ }
+ }
+
+ function createHelper(def, fontData){
+ var tHelper = createNS('text');
+ tHelper.style.fontSize = '100px';
+ //tHelper.style.fontFamily = fontData.fFamily;
+ tHelper.setAttribute('font-family', fontData.fFamily);
+ tHelper.setAttribute('font-style', fontData.fStyle);
+ tHelper.setAttribute('font-weight', fontData.fWeight);
+ tHelper.textContent = '1';
+ if(fontData.fClass){
+ tHelper.style.fontFamily = 'inherit';
+ tHelper.className = fontData.fClass;
+ } else {
+ tHelper.style.fontFamily = fontData.fFamily;
+ }
+ def.appendChild(tHelper);
+ var tCanvasHelper = createTag('canvas').getContext('2d');
+ tCanvasHelper.font = fontData.fWeight + ' ' + fontData.fStyle + ' 100px '+ fontData.fFamily;
+ //tCanvasHelper.font = ' 100px '+ fontData.fFamily;
+ return tHelper;
+ }
+
+ function addFonts(fontData, defs){
+ if(!fontData){
+ this.isLoaded = true;
+ return;
+ }
+ if(this.chars){
+ this.isLoaded = true;
+ this.fonts = fontData.list;
+ return;
+ }
+
+
+ var fontArr = fontData.list;
+ var i, len = fontArr.length;
+ var _pendingFonts = len;
+ for(i=0; i<len; i+= 1){
+ var shouldLoadFont = true;
+ var loadedSelector;
+ var j;
+ fontArr[i].loaded = false;
+ fontArr[i].monoCase = setUpNode(fontArr[i].fFamily,'monospace');
+ fontArr[i].sansCase = setUpNode(fontArr[i].fFamily,'sans-serif');
+ if(!fontArr[i].fPath) {
+ fontArr[i].loaded = true;
+ _pendingFonts -= 1;
+ }else if(fontArr[i].fOrigin === 'p' || fontArr[i].origin === 3){
+ loadedSelector = document.querySelectorAll('style[f-forigin="p"][f-family="'+ fontArr[i].fFamily +'"], style[f-origin="3"][f-family="'+ fontArr[i].fFamily +'"]');
+
+ if (loadedSelector.length > 0) {
+ shouldLoadFont = false;
+ }
+
+ if (shouldLoadFont) {
+ var s = createTag('style');
+ s.setAttribute('f-forigin', fontArr[i].fOrigin);
+ s.setAttribute('f-origin', fontArr[i].origin);
+ s.setAttribute('f-family', fontArr[i].fFamily);
+ s.type = "text/css";
+ s.innerHTML = "@font-face {" + "font-family: "+fontArr[i].fFamily+"; font-style: normal; src: url('"+fontArr[i].fPath+"');}";
+ defs.appendChild(s);
+ }
+ } else if(fontArr[i].fOrigin === 'g' || fontArr[i].origin === 1){
+ loadedSelector = document.querySelectorAll('link[f-forigin="g"], link[f-origin="1"]');
+
+ for (j = 0; j < loadedSelector.length; j++) {
+ if (loadedSelector[j].href.indexOf(fontArr[i].fPath) !== -1) {
+ // Font is already loaded
+ shouldLoadFont = false;
+ }
+ }
+
+ if (shouldLoadFont) {
+ var l = createTag('link');
+ l.setAttribute('f-forigin', fontArr[i].fOrigin);
+ l.setAttribute('f-origin', fontArr[i].origin);
+ l.type = "text/css";
+ l.rel = "stylesheet";
+ l.href = fontArr[i].fPath;
+ document.body.appendChild(l);
+ }
+ } else if(fontArr[i].fOrigin === 't' || fontArr[i].origin === 2){
+ loadedSelector = document.querySelectorAll('script[f-forigin="t"], script[f-origin="2"]');
+
+ for (j = 0; j < loadedSelector.length; j++) {
+ if (fontArr[i].fPath === loadedSelector[j].src) {
+ // Font is already loaded
+ shouldLoadFont = false;
+ }
+ }
+
+ if (shouldLoadFont) {
+ var sc = createTag('link');
+ sc.setAttribute('f-forigin', fontArr[i].fOrigin);
+ sc.setAttribute('f-origin', fontArr[i].origin);
+ sc.setAttribute('rel','stylesheet');
+ sc.setAttribute('href',fontArr[i].fPath);
+ defs.appendChild(sc);
+ }
+ }
+ fontArr[i].helper = createHelper(defs,fontArr[i]);
+ fontArr[i].cache = {};
+ this.fonts.push(fontArr[i]);
+ }
+ if (_pendingFonts === 0) {
+ this.isLoaded = true;
+ } else {
+ //On some cases even if the font is loaded, it won't load correctly when measuring text on canvas.
+ //Adding this timeout seems to fix it
+ setTimeout(this.checkLoadedFonts.bind(this), 100);
+ }
+ }
+
+ function addChars(chars){
+ if(!chars){
+ return;
+ }
+ if(!this.chars){
+ this.chars = [];
+ }
+ var i, len = chars.length;
+ var j, jLen = this.chars.length, found;
+ for(i=0;i<len;i+=1){
+ j = 0;
+ found = false;
+ while(j<jLen){
+ if(this.chars[j].style === chars[i].style && this.chars[j].fFamily === chars[i].fFamily && this.chars[j].ch === chars[i].ch){
+ found = true;
+ }
+ j += 1;
+ }
+ if(!found){
+ this.chars.push(chars[i]);
+ jLen += 1;
+ }
+ }
+ }
+
+ function getCharData(char, style, font){
+ var i = 0, len = this.chars.length;
+ while( i < len) {
+ if(this.chars[i].ch === char && this.chars[i].style === style && this.chars[i].fFamily === font){
+ return this.chars[i];
+ }
+ i+= 1;
+ }
+ if(console && console.warn) {
+ console.warn('Missing character from exported characters list: ', char, style, font);
+ }
+ return emptyChar;
+ }
+
+ function measureText(char, fontName, size) {
+ var fontData = this.getFontByName(fontName);
+ var index = char.charCodeAt(0);
+ if(!fontData.cache[index + 1]) {
+ var tHelper = fontData.helper;
+ //Canvas version
+ //fontData.cache[index] = tHelper.measureText(char).width / 100;
+ //SVG version
+ //console.log(tHelper.getBBox().width)
+ if (char === ' ') {
+ tHelper.textContent = '|' + char + '|';
+ var doubleSize = tHelper.getComputedTextLength();
+ tHelper.textContent = '||';
+ var singleSize = tHelper.getComputedTextLength();
+ fontData.cache[index + 1] = (doubleSize - singleSize)/100;
+ } else {
+ tHelper.textContent = char;
+ fontData.cache[index + 1] = (tHelper.getComputedTextLength())/100;
+ }
+ }
+ return fontData.cache[index + 1] * size;
+ }
+
+ function getFontByName(name){
+ var i = 0, len = this.fonts.length;
+ while(i<len){
+ if(this.fonts[i].fName === name) {
+ return this.fonts[i];
+ }
+ i += 1;
+ }
+ return this.fonts[0];
+ }
+
+ function getCombinedCharacterCodes() {
+ return combinedCharacters;
+ }
+
+ function loaded() {
+ return this.isLoaded;
+ }
+
+ var Font = function(){
+ this.fonts = [];
+ this.chars = null;
+ this.typekitLoaded = 0;
+ this.isLoaded = false;
+ this.initTime = Date.now();
+ };
+ //TODO: for now I'm adding these methods to the Class and not the prototype. Think of a better way to implement it.
+ Font.getCombinedCharacterCodes = getCombinedCharacterCodes;
+
+ Font.prototype.addChars = addChars;
+ Font.prototype.addFonts = addFonts;
+ Font.prototype.getCharData = getCharData;
+ Font.prototype.getFontByName = getFontByName;
+ Font.prototype.measureText = measureText;
+ Font.prototype.checkLoadedFonts = checkLoadedFonts;
+ Font.prototype.loaded = loaded;
+
+ return Font;
+
+}());
+var PropertyFactory = (function(){
+
+ var initFrame = initialDefaultFrame;
+ var math_abs = Math.abs;
+
+ function interpolateValue(frameNum, caching) {
+ var offsetTime = this.offsetTime;
+ var newValue;
+ if (this.propType === 'multidimensional') {
+ newValue = createTypedArray('float32', this.pv.length);
+ }
+ var iterationIndex = caching.lastIndex;
+ var i = iterationIndex;
+ var len = this.keyframes.length - 1, flag = true;
+ var keyData, nextKeyData;
+
+ while (flag) {
+ keyData = this.keyframes[i];
+ nextKeyData = this.keyframes[i + 1];
+ if (i === len - 1 && frameNum >= nextKeyData.t - offsetTime){
+ if(keyData.h){
+ keyData = nextKeyData;
+ }
+ iterationIndex = 0;
+ break;
+ }
+ if ((nextKeyData.t - offsetTime) > frameNum){
+ iterationIndex = i;
+ break;
+ }
+ if (i < len - 1){
+ i += 1;
+ } else {
+ iterationIndex = 0;
+ flag = false;
+ }
+ }
+
+ var k, kLen, perc, jLen, j, fnc;
+ var nextKeyTime = nextKeyData.t - offsetTime;
+ var keyTime = keyData.t - offsetTime;
+ if (keyData.to) {
+ if (!keyData.bezierData) {
+ bez.buildBezierData(keyData);
+ }
+ var bezierData = keyData.bezierData;
+ if (frameNum >= nextKeyTime || frameNum < keyTime) {
+ var ind = frameNum >= nextKeyTime ? bezierData.points.length - 1 : 0;
+ kLen = bezierData.points[ind].point.length;
+ for (k = 0; k < kLen; k += 1) {
+ newValue[k] = bezierData.points[ind].point[k];
+ }
+ // caching._lastBezierData = null;
+ } else {
+ if (keyData.__fnct) {
+ fnc = keyData.__fnct;
+ } else {
+ fnc = BezierFactory.getBezierEasing(keyData.o.x, keyData.o.y, keyData.i.x, keyData.i.y, keyData.n).get;
+ keyData.__fnct = fnc;
+ }
+ perc = fnc((frameNum - keyTime) / (nextKeyTime - keyTime));
+ var distanceInLine = bezierData.segmentLength*perc;
+
+ var segmentPerc;
+ var addedLength = (caching.lastFrame < frameNum && caching._lastBezierData === bezierData) ? caching._lastAddedLength : 0;
+ j = (caching.lastFrame < frameNum && caching._lastBezierData === bezierData) ? caching._lastPoint : 0;
+ flag = true;
+ jLen = bezierData.points.length;
+ while (flag) {
+ addedLength += bezierData.points[j].partialLength;
+ if (distanceInLine === 0 || perc === 0 || j === bezierData.points.length - 1) {
+ kLen = bezierData.points[j].point.length;
+ for (k = 0; k < kLen; k += 1) {
+ newValue[k] = bezierData.points[j].point[k];
+ }
+ break;
+ } else if (distanceInLine >= addedLength && distanceInLine < addedLength + bezierData.points[j + 1].partialLength) {
+ segmentPerc = (distanceInLine - addedLength) / bezierData.points[j + 1].partialLength;
+ kLen = bezierData.points[j].point.length;
+ for (k = 0; k < kLen; k += 1) {
+ newValue[k] = bezierData.points[j].point[k] + (bezierData.points[j + 1].point[k] - bezierData.points[j].point[k]) * segmentPerc;
+ }
+ break;
+ }
+ if (j < jLen - 1){
+ j += 1;
+ } else {
+ flag = false;
+ }
+ }
+ caching._lastPoint = j;
+ caching._lastAddedLength = addedLength - bezierData.points[j].partialLength;
+ caching._lastBezierData = bezierData;
+ }
+ } else {
+ var outX, outY, inX, inY, keyValue;
+ len = keyData.s.length;
+ if (this.sh && keyData.h !== 1) {
+ if (frameNum >= nextKeyTime) {
+ newValue[0] = keyData.e[0];
+ newValue[1] = keyData.e[1];
+ newValue[2] = keyData.e[2];
+ } else if (frameNum <= keyTime) {
+ newValue[0] = keyData.s[0];
+ newValue[1] = keyData.s[1];
+ newValue[2] = keyData.s[2];
+ } else {
+ var quatStart = createQuaternion(keyData.s);
+ var quatEnd = createQuaternion(keyData.e);
+ var time = (frameNum - keyTime) / (nextKeyTime - keyTime);
+ quaternionToEuler(newValue, slerp(quatStart, quatEnd, time));
+ }
+
+ } else {
+ for(i = 0; i < len; i += 1) {
+ if (keyData.h !== 1) {
+ if (frameNum >= nextKeyTime) {
+ perc = 1;
+ } else if(frameNum < keyTime) {
+ perc = 0;
+ } else {
+ if(keyData.o.x.constructor === Array) {
+ if (!keyData.__fnct) {
+ keyData.__fnct = [];
+ }
+ if (!keyData.__fnct[i]) {
+ outX = (typeof keyData.o.x[i] === undefined) ? keyData.o.x[0] : keyData.o.x[i];
+ outY = (typeof keyData.o.y[i] === undefined) ? keyData.o.y[0] : keyData.o.y[i];
+ inX = (typeof keyData.i.x[i] === undefined) ? keyData.i.x[0] : keyData.i.x[i];
+ inY = (typeof keyData.i.y[i] === undefined) ? keyData.i.y[0] : keyData.i.y[i];
+
+ fnc = BezierFactory.getBezierEasing(outX, outY, inX, inY).get;
+ keyData.__fnct[i] = fnc;
+ } else {
+ fnc = keyData.__fnct[i];
+ }
+ } else {
+ if (!keyData.__fnct) {
+ outX = keyData.o.x;
+ outY = keyData.o.y;
+ inX = keyData.i.x;
+ inY = keyData.i.y;
+ fnc = BezierFactory.getBezierEasing(outX, outY, inX, inY).get;
+ keyData.__fnct = fnc;
+ } else {
+ fnc = keyData.__fnct;
+ }
+ }
+ perc = fnc((frameNum - keyTime) / (nextKeyTime - keyTime ));
+ }
+ }
+
+ keyValue = keyData.h === 1 ? keyData.s[i] : keyData.s[i] + (keyData.e[i] - keyData.s[i]) * perc;
+
+ if (len === 1) {
+ newValue = keyValue;
+ } else {
+ newValue[i] = keyValue;
+ }
+ }
+ }
+ }
+ caching.lastIndex = iterationIndex;
+ return newValue;
+ }
+
+ //based on @Toji's https://github.com/toji/gl-matrix/
+ function slerp(a, b, t) {
+ var out = [];
+ var ax = a[0], ay = a[1], az = a[2], aw = a[3],
+ bx = b[0], by = b[1], bz = b[2], bw = b[3]
+
+ var omega, cosom, sinom, scale0, scale1;
+
+ cosom = ax * bx + ay * by + az * bz + aw * bw;
+ if (cosom < 0.0) {
+ cosom = -cosom;
+ bx = -bx;
+ by = -by;
+ bz = -bz;
+ bw = -bw;
+ }
+ if ((1.0 - cosom) > 0.000001) {
+ omega = Math.acos(cosom);
+ sinom = Math.sin(omega);
+ scale0 = Math.sin((1.0 - t) * omega) / sinom;
+ scale1 = Math.sin(t * omega) / sinom;
+ } else {
+ scale0 = 1.0 - t;
+ scale1 = t;
+ }
+ out[0] = scale0 * ax + scale1 * bx;
+ out[1] = scale0 * ay + scale1 * by;
+ out[2] = scale0 * az + scale1 * bz;
+ out[3] = scale0 * aw + scale1 * bw;
+
+ return out;
+ }
+
+ function quaternionToEuler(out, quat) {
+ var qx = quat[0];
+ var qy = quat[1];
+ var qz = quat[2];
+ var qw = quat[3];
+ var heading = Math.atan2(2*qy*qw-2*qx*qz , 1 - 2*qy*qy - 2*qz*qz)
+ var attitude = Math.asin(2*qx*qy + 2*qz*qw)
+ var bank = Math.atan2(2*qx*qw-2*qy*qz , 1 - 2*qx*qx - 2*qz*qz);
+ out[0] = heading/degToRads;
+ out[1] = attitude/degToRads;
+ out[2] = bank/degToRads;
+ }
+
+ function createQuaternion(values) {
+ var heading = values[0] * degToRads;
+ var attitude = values[1] * degToRads;
+ var bank = values[2] * degToRads;
+ var c1 = Math.cos(heading / 2);
+ var c2 = Math.cos(attitude / 2);
+ var c3 = Math.cos(bank / 2);
+ var s1 = Math.sin(heading / 2);
+ var s2 = Math.sin(attitude / 2);
+ var s3 = Math.sin(bank / 2);
+ var w = c1 * c2 * c3 - s1 * s2 * s3;
+ var x = s1 * s2 * c3 + c1 * c2 * s3;
+ var y = s1 * c2 * c3 + c1 * s2 * s3;
+ var z = c1 * s2 * c3 - s1 * c2 * s3;
+
+ return [x,y,z,w];
+ }
+
+ function getValueAtCurrentTime(){
+ var frameNum = this.comp.renderedFrame - this.offsetTime;
+ var initTime = this.keyframes[0].t - this.offsetTime;
+ var endTime = this.keyframes[this.keyframes.length- 1].t-this.offsetTime;
+ if(!(frameNum === this._caching.lastFrame || (this._caching.lastFrame !== initFrame && ((this._caching.lastFrame >= endTime && frameNum >= endTime) || (this._caching.lastFrame < initTime && frameNum < initTime))))){
+ if(this._caching.lastFrame >= frameNum) {
+ this._caching._lastBezierData = null;
+ this._caching.lastIndex = 0;
+ }
+
+ var renderResult = this.interpolateValue(frameNum, this._caching);
+ this.pv = renderResult;
+ }
+ this._caching.lastFrame = frameNum;
+ return this.pv;
+ }
+
+ function setVValue(val) {
+ var multipliedValue;
+ if(this.propType === 'unidimensional') {
+ multipliedValue = val * this.mult;
+ if(math_abs(this.v - multipliedValue) > 0.00001) {
+ this.v = multipliedValue;
+ this._mdf = true;
+ }
+ } else {
+ var i = 0, len = this.v.length;
+ while (i < len) {
+ multipliedValue = val[i] * this.mult;
+ if (math_abs(this.v[i] - multipliedValue) > 0.00001) {
+ this.v[i] = multipliedValue;
+ this._mdf = true;
+ }
+ i += 1;
+ }
+ }
+ }
+
+ function processEffectsSequence() {
+ if(this.elem.globalData.frameId === this.frameId || !this.effectsSequence.length) {
+ return;
+ }
+ if(this.lock) {
+ this.setVValue(this.pv);
+ return;
+ }
+ this.lock = true;
+ this._mdf = this._isFirstFrame;
+ var multipliedValue;
+ var i, len = this.effectsSequence.length;
+ var finalValue = this.kf ? this.pv : this.data.k;
+ for(i = 0; i < len; i += 1) {
+ finalValue = this.effectsSequence[i](finalValue);
+ }
+ this.setVValue(finalValue);
+ this._isFirstFrame = false;
+ this.lock = false;
+ this.frameId = this.elem.globalData.frameId;
+ }
+
+ function addEffect(effectFunction) {
+ this.effectsSequence.push(effectFunction);
+ this.container.addDynamicProperty(this);
+ }
+
+ function ValueProperty(elem, data, mult, container){
+ this.propType = 'unidimensional';
+ this.mult = mult || 1;
+ this.data = data;
+ this.v = mult ? data.k * mult : data.k;
+ this.pv = data.k;
+ this._mdf = false;
+ this.elem = elem;
+ this.container = container;
+ this.comp = elem.comp;
+ this.k = false;
+ this.kf = false;
+ this.vel = 0;
+ this.effectsSequence = [];
+ this._isFirstFrame = true;
+ this.getValue = processEffectsSequence;
+ this.setVValue = setVValue;
+ this.addEffect = addEffect;
+ }
+
+ function MultiDimensionalProperty(elem, data, mult, container) {
+ this.propType = 'multidimensional';
+ this.mult = mult || 1;
+ this.data = data;
+ this._mdf = false;
+ this.elem = elem;
+ this.container = container;
+ this.comp = elem.comp;
+ this.k = false;
+ this.kf = false;
+ this.frameId = -1;
+ var i, len = data.k.length;
+ this.v = createTypedArray('float32', len);
+ this.pv = createTypedArray('float32', len);
+ var arr = createTypedArray('float32', len);
+ this.vel = createTypedArray('float32', len);
+ for (i = 0; i < len; i += 1) {
+ this.v[i] = data.k[i] * this.mult;
+ this.pv[i] = data.k[i];
+ }
+ this._isFirstFrame = true;
+ this.effectsSequence = [];
+ this.getValue = processEffectsSequence;
+ this.setVValue = setVValue;
+ this.addEffect = addEffect;
+ }
+
+ function KeyframedValueProperty(elem, data, mult, container) {
+ this.propType = 'unidimensional';
+ this.keyframes = data.k;
+ this.offsetTime = elem.data.st;
+ this.frameId = -1;
+ this._caching = {lastFrame: initFrame, lastIndex: 0, value: 0, _lastBezierData: null};
+ this.k = true;
+ this.kf = true;
+ this.data = data;
+ this.mult = mult || 1;
+ this.elem = elem;
+ this.container = container;
+ this.comp = elem.comp;
+ this.v = initFrame;
+ this.pv = initFrame;
+ this._isFirstFrame = true;
+ this.getValue = processEffectsSequence;
+ this.setVValue = setVValue;
+ this.interpolateValue = interpolateValue;
+ this.effectsSequence = [getValueAtCurrentTime.bind(this)];
+ this.addEffect = addEffect;
+ }
+
+ function KeyframedMultidimensionalProperty(elem, data, mult, container){
+ this.propType = 'multidimensional';
+ var i, len = data.k.length;
+ var s, e,to,ti;
+ for (i = 0; i < len - 1; i += 1) {
+ if (data.k[i].to && data.k[i].s && data.k[i].e) {
+ s = data.k[i].s;
+ e = data.k[i].e;
+ to = data.k[i].to;
+ ti = data.k[i].ti;
+ if((s.length === 2 && !(s[0] === e[0] && s[1] === e[1]) && bez.pointOnLine2D(s[0],s[1],e[0],e[1],s[0] + to[0],s[1] + to[1]) && bez.pointOnLine2D(s[0],s[1],e[0],e[1],e[0] + ti[0],e[1] + ti[1])) || (s.length === 3 && !(s[0] === e[0] && s[1] === e[1] && s[2] === e[2]) && bez.pointOnLine3D(s[0],s[1],s[2],e[0],e[1],e[2],s[0] + to[0],s[1] + to[1],s[2] + to[2]) && bez.pointOnLine3D(s[0],s[1],s[2],e[0],e[1],e[2],e[0] + ti[0],e[1] + ti[1],e[2] + ti[2]))){
+ data.k[i].to = null;
+ data.k[i].ti = null;
+ }
+ if(s[0] === e[0] && s[1] === e[1] && to[0] === 0 && to[1] === 0 && ti[0] === 0 && ti[1] === 0) {
+ if(s.length === 2 || (s[2] === e[2] && to[2] === 0 && ti[2] === 0)) {
+ data.k[i].to = null;
+ data.k[i].ti = null;
+ }
+ }
+ }
+ }
+ this.effectsSequence = [getValueAtCurrentTime.bind(this)];
+ this.keyframes = data.k;
+ this.offsetTime = elem.data.st;
+ this.k = true;
+ this.kf = true;
+ this._isFirstFrame = true;
+ this.mult = mult || 1;
+ this.elem = elem;
+ this.container = container;
+ this.comp = elem.comp;
+ this.getValue = processEffectsSequence;
+ this.setVValue = setVValue;
+ this.interpolateValue = interpolateValue;
+ this.frameId = -1;
+ var arrLen = data.k[0].s.length;
+ this.v = createTypedArray('float32', arrLen);
+ this.pv = createTypedArray('float32', arrLen);
+ for (i = 0; i < arrLen; i += 1) {
+ this.v[i] = initFrame;
+ this.pv[i] = initFrame;
+ }
+ this._caching={lastFrame:initFrame,lastIndex:0,value:createTypedArray('float32', arrLen)};
+ this.addEffect = addEffect;
+ }
+
+ function getProp(elem,data,type, mult, container) {
+ var p;
+ if(data.a === 0){
+ if(type === 0) {
+ p = new ValueProperty(elem,data,mult, container);
+ } else {
+ p = new MultiDimensionalProperty(elem,data, mult, container);
+ }
+ } else if(data.a === 1){
+ if(type === 0) {
+ p = new KeyframedValueProperty(elem,data,mult, container);
+ } else {
+ p = new KeyframedMultidimensionalProperty(elem,data, mult, container);
+ }
+ } else if(!data.k.length){
+ p = new ValueProperty(elem,data, mult, container);
+ }else if(typeof(data.k[0]) === 'number'){
+ p = new MultiDimensionalProperty(elem,data, mult, container);
+ }else{
+ switch(type){
+ case 0:
+ p = new KeyframedValueProperty(elem,data,mult, container);
+ break;
+ case 1:
+ p = new KeyframedMultidimensionalProperty(elem,data,mult, container);
+ break;
+ }
+ }
+ if(p.effectsSequence.length){
+ container.addDynamicProperty(p);
+ }
+ return p;
+ }
+
+ var ob = {
+ getProp: getProp
+ };
+ return ob;
+}());
+var TransformPropertyFactory = (function() {
+
+ function applyToMatrix(mat) {
+ var _mdf = this._mdf;
+ this.iterateDynamicProperties();
+ this._mdf = this._mdf || _mdf;
+ if (this.a) {
+ mat.translate(-this.a.v[0], -this.a.v[1], this.a.v[2]);
+ }
+ if (this.s) {
+ mat.scale(this.s.v[0], this.s.v[1], this.s.v[2]);
+ }
+ if (this.sk) {
+ mat.skewFromAxis(-this.sk.v, this.sa.v);
+ }
+ if (this.r) {
+ mat.rotate(-this.r.v);
+ } else {
+ mat.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]);
+ }
+ if (this.data.p.s) {
+ if (this.data.p.z) {
+ mat.translate(this.px.v, this.py.v, -this.pz.v);
+ } else {
+ mat.translate(this.px.v, this.py.v, 0);
+ }
+ } else {
+ mat.translate(this.p.v[0], this.p.v[1], -this.p.v[2]);
+ }
+ }
+ function processKeys(forceRender){
+ if (this.elem.globalData.frameId === this.frameId) {
+ return;
+ }
+ if(this._isDirty) {
+ this.precalculateMatrix();
+ this._isDirty = false;
+ }
+
+ this.iterateDynamicProperties();
+
+ if (this._mdf || forceRender) {
+ this.v.cloneFromProps(this.pre.props);
+ if (this.appliedTransformations < 1) {
+ this.v.translate(-this.a.v[0], -this.a.v[1], this.a.v[2]);
+ }
+ if(this.appliedTransformations < 2) {
+ this.v.scale(this.s.v[0], this.s.v[1], this.s.v[2]);
+ }
+ if (this.sk && this.appliedTransformations < 3) {
+ this.v.skewFromAxis(-this.sk.v, this.sa.v);
+ }
+ if (this.r && this.appliedTransformations < 4) {
+ this.v.rotate(-this.r.v);
+ } else if (!this.r && this.appliedTransformations < 4){
+ this.v.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]);
+ }
+ if (this.autoOriented) {
+ var v1,v2, frameRate = this.elem.globalData.frameRate;
+ if(this.p && this.p.keyframes && this.p.getValueAtTime) {
+ if (this.p._caching.lastFrame+this.p.offsetTime <= this.p.keyframes[0].t) {
+ v1 = this.p.getValueAtTime((this.p.keyframes[0].t + 0.01) / frameRate,0);
+ v2 = this.p.getValueAtTime(this.p.keyframes[0].t / frameRate, 0);
+ } else if(this.p._caching.lastFrame+this.p.offsetTime >= this.p.keyframes[this.p.keyframes.length - 1].t) {
+ v1 = this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length - 1].t / frameRate), 0);
+ v2 = this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length - 1].t - 0.01) / frameRate, 0);
+ } else {
+ v1 = this.p.pv;
+ v2 = this.p.getValueAtTime((this.p._caching.lastFrame+this.p.offsetTime - 0.01) / frameRate, this.p.offsetTime);
+ }
+ } else if(this.px && this.px.keyframes && this.py.keyframes && this.px.getValueAtTime && this.py.getValueAtTime) {
+ v1 = [];
+ v2 = [];
+ var px = this.px, py = this.py, frameRate;
+ if (px._caching.lastFrame+px.offsetTime <= px.keyframes[0].t) {
+ v1[0] = px.getValueAtTime((px.keyframes[0].t + 0.01) / frameRate,0);
+ v1[1] = py.getValueAtTime((py.keyframes[0].t + 0.01) / frameRate,0);
+ v2[0] = px.getValueAtTime((px.keyframes[0].t) / frameRate,0);
+ v2[1] = py.getValueAtTime((py.keyframes[0].t) / frameRate,0);
+ } else if(px._caching.lastFrame+px.offsetTime >= px.keyframes[px.keyframes.length - 1].t) {
+ v1[0] = px.getValueAtTime((px.keyframes[px.keyframes.length - 1].t / frameRate),0);
+ v1[1] = py.getValueAtTime((py.keyframes[py.keyframes.length - 1].t / frameRate),0);
+ v2[0] = px.getValueAtTime((px.keyframes[px.keyframes.length - 1].t - 0.01) / frameRate,0);
+ v2[1] = py.getValueAtTime((py.keyframes[py.keyframes.length - 1].t - 0.01) / frameRate,0);
+ } else {
+ v1 = [px.pv, py.pv];
+ v2[0] = px.getValueAtTime((px._caching.lastFrame+px.offsetTime - 0.01) / frameRate,px.offsetTime);
+ v2[1] = py.getValueAtTime((py._caching.lastFrame+py.offsetTime - 0.01) / frameRate,py.offsetTime);
+ }
+ }
+ this.v.rotate(-Math.atan2(v1[1] - v2[1], v1[0] - v2[0]));
+ }
+ if(this.data.p.s){
+ if(this.data.p.z) {
+ this.v.translate(this.px.v, this.py.v, -this.pz.v);
+ } else {
+ this.v.translate(this.px.v, this.py.v, 0);
+ }
+ }else{
+ this.v.translate(this.p.v[0],this.p.v[1],-this.p.v[2]);
+ }
+ }
+ this.frameId = this.elem.globalData.frameId;
+ }
+
+ function precalculateMatrix() {
+ if(!this.a.k) {
+ this.pre.translate(-this.a.v[0], -this.a.v[1], this.a.v[2]);
+ this.appliedTransformations = 1;
+ } else {
+ return;
+ }
+ if(!this.s.effectsSequence.length) {
+ this.pre.scale(this.s.v[0], this.s.v[1], this.s.v[2]);
+ this.appliedTransformations = 2;
+ } else {
+ return;
+ }
+ if(this.sk) {
+ if(!this.sk.effectsSequence.length && !this.sa.effectsSequence.length) {
+ this.pre.skewFromAxis(-this.sk.v, this.sa.v);
+ this.appliedTransformations = 3;
+ } else {
+ return;
+ }
+ }
+ if (this.r) {
+ if(!this.r.effectsSequence.length) {
+ this.pre.rotate(-this.r.v);
+ this.appliedTransformations = 4;
+ } else {
+ return;
+ }
+ } else if(!this.rz.effectsSequence.length && !this.ry.effectsSequence.length && !this.rx.effectsSequence.length && !this.or.effectsSequence.length) {
+ this.pre.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]);
+ this.appliedTransformations = 4;
+ }
+ }
+
+ function autoOrient(){
+ //
+ //var prevP = this.getValueAtTime();
+ }
+
+ function addDynamicProperty(prop) {
+ this._addDynamicProperty(prop);
+ this.elem.addDynamicProperty(prop);
+ this._isDirty = true;
+ }
+
+ function TransformProperty(elem,data,container){
+ this.elem = elem;
+ this.frameId = -1;
+ this.propType = 'transform';
+ this.data = data;
+ this.v = new Matrix();
+ //Precalculated matrix with non animated properties
+ this.pre = new Matrix();
+ this.appliedTransformations = 0;
+ this.initDynamicPropertyContainer(container || elem);
+ if(data.p.s){
+ this.px = PropertyFactory.getProp(elem,data.p.x,0,0,this);
+ this.py = PropertyFactory.getProp(elem,data.p.y,0,0,this);
+ if(data.p.z){
+ this.pz = PropertyFactory.getProp(elem,data.p.z,0,0,this);
+ }
+ }else{
+ this.p = PropertyFactory.getProp(elem,data.p,1,0,this);
+ }
+ if(data.r) {
+ this.r = PropertyFactory.getProp(elem, data.r, 0, degToRads, this);
+ } else if(data.rx) {
+ this.rx = PropertyFactory.getProp(elem, data.rx, 0, degToRads, this);
+ this.ry = PropertyFactory.getProp(elem, data.ry, 0, degToRads, this);
+ this.rz = PropertyFactory.getProp(elem, data.rz, 0, degToRads, this);
+ if(data.or.k[0].ti) {
+ var i, len = data.or.k.length;
+ for(i=0;i<len;i+=1) {
+ data.or.k[i].to = data.or.k[i].ti = null;
+ }
+ }
+ this.or = PropertyFactory.getProp(elem, data.or, 1, degToRads, this);
+ //sh Indicates it needs to be capped between -180 and 180
+ this.or.sh = true;
+ }
+ if(data.sk){
+ this.sk = PropertyFactory.getProp(elem, data.sk, 0, degToRads, this);
+ this.sa = PropertyFactory.getProp(elem, data.sa, 0, degToRads, this);
+ }
+ if(data.a) {
+ this.a = PropertyFactory.getProp(elem,data.a,1,0,this);
+ }
+ if(data.s) {
+ this.s = PropertyFactory.getProp(elem,data.s,1,0.01,this);
+ }
+ // Opacity is not part of the transform properties, that's why it won't use this.dynamicProperties. That way transforms won't get updated if opacity changes.
+ if(data.o){
+ this.o = PropertyFactory.getProp(elem,data.o,0,0.01,elem);
+ } else {
+ this.o = {_mdf:false,v:1};
+ }
+ this._isDirty = true;
+ if(!this.dynamicProperties.length){
+ this.getValue(true);
+ }
+ }
+
+ TransformProperty.prototype = {
+ applyToMatrix: applyToMatrix,
+ getValue: processKeys,
+ precalculateMatrix: precalculateMatrix,
+ autoOrient: autoOrient
+ }
+
+ extendPrototype([DynamicPropertyContainer], TransformProperty);
+ TransformProperty.prototype.addDynamicProperty = addDynamicProperty;
+ TransformProperty.prototype._addDynamicProperty = DynamicPropertyContainer.prototype.addDynamicProperty;
+
+ function getTransformProperty(elem,data,container){
+ return new TransformProperty(elem,data,container);
+ }
+
+ return {
+ getTransformProperty: getTransformProperty
+ };
+
+}());
+function ShapePath(){
+ this.c = false;
+ this._length = 0;
+ this._maxLength = 8;
+ this.v = createSizedArray(this._maxLength);
+ this.o = createSizedArray(this._maxLength);
+ this.i = createSizedArray(this._maxLength);
+}
+
+ShapePath.prototype.setPathData = function(closed, len) {
+ this.c = closed;
+ this.setLength(len);
+ var i = 0;
+ while(i < len){
+ this.v[i] = point_pool.newElement();
+ this.o[i] = point_pool.newElement();
+ this.i[i] = point_pool.newElement();
+ i += 1;
+ }
+};
+
+ShapePath.prototype.setLength = function(len) {
+ while(this._maxLength < len) {
+ this.doubleArrayLength();
+ }
+ this._length = len;
+};
+
+ShapePath.prototype.doubleArrayLength = function() {
+ this.v = this.v.concat(createSizedArray(this._maxLength));
+ this.i = this.i.concat(createSizedArray(this._maxLength));
+ this.o = this.o.concat(createSizedArray(this._maxLength));
+ this._maxLength *= 2;
+};
+
+ShapePath.prototype.setXYAt = function(x, y, type, pos, replace) {
+ var arr;
+ this._length = Math.max(this._length, pos + 1);
+ if(this._length >= this._maxLength) {
+ this.doubleArrayLength();
+ }
+ switch(type){
+ case 'v':
+ arr = this.v;
+ break;
+ case 'i':
+ arr = this.i;
+ break;
+ case 'o':
+ arr = this.o;
+ break;
+ }
+ if(!arr[pos] || (arr[pos] && !replace)){
+ arr[pos] = point_pool.newElement();
+ }
+ arr[pos][0] = x;
+ arr[pos][1] = y;
+};
+
+ShapePath.prototype.setTripleAt = function(vX,vY,oX,oY,iX,iY,pos, replace) {
+ this.setXYAt(vX,vY,'v',pos, replace);
+ this.setXYAt(oX,oY,'o',pos, replace);
+ this.setXYAt(iX,iY,'i',pos, replace);
+};
+
+ShapePath.prototype.reverse = function() {
+ var newPath = new ShapePath();
+ newPath.setPathData(this.c, this._length);
+ var vertices = this.v, outPoints = this.o, inPoints = this.i;
+ var init = 0;
+ if (this.c) {
+ newPath.setTripleAt(vertices[0][0], vertices[0][1], inPoints[0][0], inPoints[0][1], outPoints[0][0], outPoints[0][1], 0, false);
+ init = 1;
+ }
+ var cnt = this._length - 1;
+ var len = this._length;
+
+ var i;
+ for (i = init; i < len; i += 1) {
+ newPath.setTripleAt(vertices[cnt][0], vertices[cnt][1], inPoints[cnt][0], inPoints[cnt][1], outPoints[cnt][0], outPoints[cnt][1], i, false);
+ cnt -= 1;
+ }
+ return newPath;
+};
+var ShapePropertyFactory = (function(){
+
+ var initFrame = -999999;
+
+ function interpolateShape(frameNum, previousValue, caching) {
+ var iterationIndex = caching.lastIndex;
+ var keyPropS,keyPropE,isHold, j, k, jLen, kLen, perc, vertexValue;
+ var kf = this.keyframes;
+ if(frameNum < kf[0].t-this.offsetTime){
+ keyPropS = kf[0].s[0];
+ isHold = true;
+ iterationIndex = 0;
+ }else if(frameNum >= kf[kf.length - 1].t-this.offsetTime){
+ if(kf[kf.length - 2].h === 1){
+ keyPropS = kf[kf.length - 1].s[0];
+ }else{
+ keyPropS = kf[kf.length - 2].e[0];
+ }
+ isHold = true;
+ }else{
+ var i = iterationIndex;
+ var len = kf.length- 1,flag = true,keyData,nextKeyData;
+ while(flag){
+ keyData = kf[i];
+ nextKeyData = kf[i+1];
+ if((nextKeyData.t - this.offsetTime) > frameNum){
+ break;
+ }
+ if(i < len - 1){
+ i += 1;
+ }else{
+ flag = false;
+ }
+ }
+ isHold = keyData.h === 1;
+ iterationIndex = i;
+ if(!isHold){
+ if(frameNum >= nextKeyData.t-this.offsetTime){
+ perc = 1;
+ }else if(frameNum < keyData.t-this.offsetTime){
+ perc = 0;
+ }else{
+ var fnc;
+ if(keyData.__fnct){
+ fnc = keyData.__fnct;
+ }else{
+ fnc = BezierFactory.getBezierEasing(keyData.o.x,keyData.o.y,keyData.i.x,keyData.i.y).get;
+ keyData.__fnct = fnc;
+ }
+ perc = fnc((frameNum-(keyData.t-this.offsetTime))/((nextKeyData.t-this.offsetTime)-(keyData.t-this.offsetTime)));
+ }
+ keyPropE = keyData.e[0];
+ }
+ keyPropS = keyData.s[0];
+ }
+ jLen = previousValue._length;
+ kLen = keyPropS.i[0].length;
+ caching.lastIndex = iterationIndex;
+
+ for(j=0;j<jLen;j+=1){
+ for(k=0;k<kLen;k+=1){
+ vertexValue = isHold ? keyPropS.i[j][k] : keyPropS.i[j][k]+(keyPropE.i[j][k]-keyPropS.i[j][k])*perc;
+ previousValue.i[j][k] = vertexValue;
+ vertexValue = isHold ? keyPropS.o[j][k] : keyPropS.o[j][k]+(keyPropE.o[j][k]-keyPropS.o[j][k])*perc;
+ previousValue.o[j][k] = vertexValue;
+ vertexValue = isHold ? keyPropS.v[j][k] : keyPropS.v[j][k]+(keyPropE.v[j][k]-keyPropS.v[j][k])*perc;
+ previousValue.v[j][k] = vertexValue;
+ }
+ }
+ }
+
+ function interpolateShapeCurrentTime(){
+ var frameNum = this.comp.renderedFrame - this.offsetTime;
+ var initTime = this.keyframes[0].t - this.offsetTime;
+ var endTime = this.keyframes[this.keyframes.length - 1].t - this.offsetTime;
+ var lastFrame = this._caching.lastFrame;
+ if(!(lastFrame !== initFrame && ((lastFrame < initTime && frameNum < initTime) || (lastFrame > endTime && frameNum > endTime)))){
+ ////
+ this._caching.lastIndex = lastFrame < frameNum ? this._caching.lastIndex : 0;
+ this.interpolateShape(frameNum, this.pv, this._caching);
+ ////
+ }
+ this._caching.lastFrame = frameNum;
+ return this.pv;
+ }
+
+ function resetShape(){
+ this.paths = this.localShapeCollection;
+ }
+
+ function shapesEqual(shape1, shape2) {
+ if(shape1._length !== shape2._length || shape1.c !== shape2.c){
+ return false;
+ }
+ var i, len = shape1._length;
+ for(i = 0; i < len; i += 1) {
+ if(shape1.v[i][0] !== shape2.v[i][0]
+ || shape1.v[i][1] !== shape2.v[i][1]
+ || shape1.o[i][0] !== shape2.o[i][0]
+ || shape1.o[i][1] !== shape2.o[i][1]
+ || shape1.i[i][0] !== shape2.i[i][0]
+ || shape1.i[i][1] !== shape2.i[i][1]) {
+ return false;
+ }
+ }
+ return true;
+ }
+
+ function setVValue(newPath) {
+ if(!shapesEqual(this.v, newPath)) {
+ this.v = shape_pool.clone(newPath);
+ this.localShapeCollection.releaseShapes();
+ this.localShapeCollection.addShape(this.v);
+ this._mdf = true;
+ this.paths = this.localShapeCollection;
+ }
+ }
+
+ function processEffectsSequence() {
+ if(this.elem.globalData.frameId === this.frameId || !this.effectsSequence.length) {
+ return;
+ }
+ if(this.lock) {
+ this.setVValue(this.pv);
+ return;
+ }
+ this.lock = true;
+ this._mdf = false;
+ var finalValue = this.kf ? this.pv : this.data.ks ? this.data.ks.k : this.data.pt.k;
+ var i, len = this.effectsSequence.length;
+ for(i = 0; i < len; i += 1) {
+ finalValue = this.effectsSequence[i](finalValue);
+ }
+ this.setVValue(finalValue);
+ this.lock = false;
+ this.frameId = this.elem.globalData.frameId;
+ };
+
+ function ShapeProperty(elem, data, type){
+ this.propType = 'shape';
+ this.comp = elem.comp;
+ this.container = elem;
+ this.elem = elem;
+ this.data = data;
+ this.k = false;
+ this.kf = false;
+ this._mdf = false;
+ var pathData = type === 3 ? data.pt.k : data.ks.k;
+ this.v = shape_pool.clone(pathData);
+ this.pv = shape_pool.clone(this.v);
+ this.localShapeCollection = shapeCollection_pool.newShapeCollection();
+ this.paths = this.localShapeCollection;
+ this.paths.addShape(this.v);
+ this.reset = resetShape;
+ this.effectsSequence = [];
+ }
+
+ function addEffect(effectFunction) {
+ this.effectsSequence.push(effectFunction);
+ this.container.addDynamicProperty(this);
+ }
+
+ ShapeProperty.prototype.interpolateShape = interpolateShape;
+ ShapeProperty.prototype.getValue = processEffectsSequence;
+ ShapeProperty.prototype.setVValue = setVValue;
+ ShapeProperty.prototype.addEffect = addEffect;
+
+ function KeyframedShapeProperty(elem,data,type){
+ this.propType = 'shape';
+ this.comp = elem.comp;
+ this.elem = elem;
+ this.container = elem;
+ this.offsetTime = elem.data.st;
+ this.keyframes = type === 3 ? data.pt.k : data.ks.k;
+ this.k = true;
+ this.kf = true;
+ var i, len = this.keyframes[0].s[0].i.length;
+ var jLen = this.keyframes[0].s[0].i[0].length;
+ this.v = shape_pool.newElement();
+ this.v.setPathData(this.keyframes[0].s[0].c, len);
+ this.pv = shape_pool.clone(this.v);
+ this.localShapeCollection = shapeCollection_pool.newShapeCollection();
+ this.paths = this.localShapeCollection;
+ this.paths.addShape(this.v);
+ this.lastFrame = initFrame;
+ this.reset = resetShape;
+ this._caching = {lastFrame: initFrame, lastIndex: 0};
+ this.effectsSequence = [interpolateShapeCurrentTime.bind(this)];
+ }
+ KeyframedShapeProperty.prototype.getValue = processEffectsSequence;
+ KeyframedShapeProperty.prototype.interpolateShape = interpolateShape;
+ KeyframedShapeProperty.prototype.setVValue = setVValue;
+ KeyframedShapeProperty.prototype.addEffect = addEffect;
+
+ var EllShapeProperty = (function(){
+
+ var cPoint = roundCorner;
+
+ function EllShapeProperty(elem,data) {
+ /*this.v = {
+ v: createSizedArray(4),
+ i: createSizedArray(4),
+ o: createSizedArray(4),
+ c: true
+ };*/
+ this.v = shape_pool.newElement();
+ this.v.setPathData(true, 4);
+ this.localShapeCollection = shapeCollection_pool.newShapeCollection();
+ this.paths = this.localShapeCollection;
+ this.localShapeCollection.addShape(this.v);
+ this.d = data.d;
+ this.elem = elem;
+ this.comp = elem.comp;
+ this.frameId = -1;
+ this.initDynamicPropertyContainer(elem);
+ this.p = PropertyFactory.getProp(elem,data.p,1,0,this);
+ this.s = PropertyFactory.getProp(elem,data.s,1,0,this);
+ if(this.dynamicProperties.length){
+ this.k = true;
+ }else{
+ this.k = false;
+ this.convertEllToPath();
+ }
+ };
+
+ EllShapeProperty.prototype = {
+ reset: resetShape,
+ getValue: function (){
+ if(this.elem.globalData.frameId === this.frameId){
+ return;
+ }
+ this.frameId = this.elem.globalData.frameId;
+ this.iterateDynamicProperties();
+
+ if(this._mdf){
+ this.convertEllToPath();
+ }
+ },
+ convertEllToPath: function() {
+ var p0 = this.p.v[0], p1 = this.p.v[1], s0 = this.s.v[0]/2, s1 = this.s.v[1]/2;
+ var _cw = this.d !== 3;
+ var _v = this.v;
+ _v.v[0][0] = p0;
+ _v.v[0][1] = p1 - s1;
+ _v.v[1][0] = _cw ? p0 + s0 : p0 - s0;
+ _v.v[1][1] = p1;
+ _v.v[2][0] = p0;
+ _v.v[2][1] = p1 + s1;
+ _v.v[3][0] = _cw ? p0 - s0 : p0 + s0;
+ _v.v[3][1] = p1;
+ _v.i[0][0] = _cw ? p0 - s0 * cPoint : p0 + s0 * cPoint;
+ _v.i[0][1] = p1 - s1;
+ _v.i[1][0] = _cw ? p0 + s0 : p0 - s0;
+ _v.i[1][1] = p1 - s1 * cPoint;
+ _v.i[2][0] = _cw ? p0 + s0 * cPoint : p0 - s0 * cPoint;
+ _v.i[2][1] = p1 + s1;
+ _v.i[3][0] = _cw ? p0 - s0 : p0 + s0;
+ _v.i[3][1] = p1 + s1 * cPoint;
+ _v.o[0][0] = _cw ? p0 + s0 * cPoint : p0 - s0 * cPoint;
+ _v.o[0][1] = p1 - s1;
+ _v.o[1][0] = _cw ? p0 + s0 : p0 - s0;
+ _v.o[1][1] = p1 + s1 * cPoint;
+ _v.o[2][0] = _cw ? p0 - s0 * cPoint : p0 + s0 * cPoint;
+ _v.o[2][1] = p1 + s1;
+ _v.o[3][0] = _cw ? p0 - s0 : p0 + s0;
+ _v.o[3][1] = p1 - s1 * cPoint;
+ }
+ }
+
+ extendPrototype([DynamicPropertyContainer], EllShapeProperty);
+
+ return EllShapeProperty;
+ }());
+
+ var StarShapeProperty = (function() {
+
+ function StarShapeProperty(elem,data) {
+ this.v = shape_pool.newElement();
+ this.v.setPathData(true, 0);
+ this.elem = elem;
+ this.comp = elem.comp;
+ this.data = data;
+ this.frameId = -1;
+ this.d = data.d;
+ this.initDynamicPropertyContainer(elem);
+ if(data.sy === 1){
+ this.ir = PropertyFactory.getProp(elem,data.ir,0,0,this);
+ this.is = PropertyFactory.getProp(elem,data.is,0,0.01,this);
+ this.convertToPath = this.convertStarToPath;
+ } else {
+ this.convertToPath = this.convertPolygonToPath;
+ }
+ this.pt = PropertyFactory.getProp(elem,data.pt,0,0,this);
+ this.p = PropertyFactory.getProp(elem,data.p,1,0,this);
+ this.r = PropertyFactory.getProp(elem,data.r,0,degToRads,this);
+ this.or = PropertyFactory.getProp(elem,data.or,0,0,this);
+ this.os = PropertyFactory.getProp(elem,data.os,0,0.01,this);
+ this.localShapeCollection = shapeCollection_pool.newShapeCollection();
+ this.localShapeCollection.addShape(this.v);
+ this.paths = this.localShapeCollection;
+ if(this.dynamicProperties.length){
+ this.k = true;
+ }else{
+ this.k = false;
+ this.convertToPath();
+ }
+ };
+
+ StarShapeProperty.prototype = {
+ reset: resetShape,
+ getValue: function() {
+ if(this.elem.globalData.frameId === this.frameId){
+ return;
+ }
+ this.frameId = this.elem.globalData.frameId;
+ this.iterateDynamicProperties();
+ if(this._mdf){
+ this.convertToPath();
+ }
+ },
+ convertStarToPath: function() {
+ var numPts = Math.floor(this.pt.v)*2;
+ var angle = Math.PI*2/numPts;
+ /*this.v.v.length = numPts;
+ this.v.i.length = numPts;
+ this.v.o.length = numPts;*/
+ var longFlag = true;
+ var longRad = this.or.v;
+ var shortRad = this.ir.v;
+ var longRound = this.os.v;
+ var shortRound = this.is.v;
+ var longPerimSegment = 2*Math.PI*longRad/(numPts*2);
+ var shortPerimSegment = 2*Math.PI*shortRad/(numPts*2);
+ var i, rad,roundness,perimSegment, currentAng = -Math.PI/ 2;
+ currentAng += this.r.v;
+ var dir = this.data.d === 3 ? -1 : 1;
+ this.v._length = 0;
+ for(i=0;i<numPts;i+=1){
+ rad = longFlag ? longRad : shortRad;
+ roundness = longFlag ? longRound : shortRound;
+ perimSegment = longFlag ? longPerimSegment : shortPerimSegment;
+ var x = rad * Math.cos(currentAng);
+ var y = rad * Math.sin(currentAng);
+ var ox = x === 0 && y === 0 ? 0 : y/Math.sqrt(x*x + y*y);
+ var oy = x === 0 && y === 0 ? 0 : -x/Math.sqrt(x*x + y*y);
+ x += + this.p.v[0];
+ y += + this.p.v[1];
+ this.v.setTripleAt(x,y,x-ox*perimSegment*roundness*dir,y-oy*perimSegment*roundness*dir,x+ox*perimSegment*roundness*dir,y+oy*perimSegment*roundness*dir, i, true);
+
+ /*this.v.v[i] = [x,y];
+ this.v.i[i] = [x+ox*perimSegment*roundness*dir,y+oy*perimSegment*roundness*dir];
+ this.v.o[i] = [x-ox*perimSegment*roundness*dir,y-oy*perimSegment*roundness*dir];
+ this.v._length = numPts;*/
+ longFlag = !longFlag;
+ currentAng += angle*dir;
+ }
+ },
+ convertPolygonToPath: function() {
+ var numPts = Math.floor(this.pt.v);
+ var angle = Math.PI*2/numPts;
+ var rad = this.or.v;
+ var roundness = this.os.v;
+ var perimSegment = 2*Math.PI*rad/(numPts*4);
+ var i, currentAng = -Math.PI/ 2;
+ var dir = this.data.d === 3 ? -1 : 1;
+ currentAng += this.r.v;
+ this.v._length = 0;
+ for(i=0;i<numPts;i+=1){
+ var x = rad * Math.cos(currentAng);
+ var y = rad * Math.sin(currentAng);
+ var ox = x === 0 && y === 0 ? 0 : y/Math.sqrt(x*x + y*y);
+ var oy = x === 0 && y === 0 ? 0 : -x/Math.sqrt(x*x + y*y);
+ x += + this.p.v[0];
+ y += + this.p.v[1];
+ this.v.setTripleAt(x,y,x-ox*perimSegment*roundness*dir,y-oy*perimSegment*roundness*dir,x+ox*perimSegment*roundness*dir,y+oy*perimSegment*roundness*dir, i, true);
+ currentAng += angle*dir;
+ }
+ this.paths.length = 0;
+ this.paths[0] = this.v;
+ }
+
+ }
+ extendPrototype([DynamicPropertyContainer], StarShapeProperty);
+
+ return StarShapeProperty;
+ }());
+
+ var RectShapeProperty = (function() {
+
+ function RectShapeProperty(elem,data) {
+ this.v = shape_pool.newElement();
+ this.v.c = true;
+ this.localShapeCollection = shapeCollection_pool.newShapeCollection();
+ this.localShapeCollection.addShape(this.v);
+ this.paths = this.localShapeCollection;
+ this.elem = elem;
+ this.comp = elem.comp;
+ this.frameId = -1;
+ this.d = data.d;
+ this.initDynamicPropertyContainer(elem);
+ this.p = PropertyFactory.getProp(elem,data.p,1,0,this);
+ this.s = PropertyFactory.getProp(elem,data.s,1,0,this);
+ this.r = PropertyFactory.getProp(elem,data.r,0,0,this);
+ if(this.dynamicProperties.length){
+ this.k = true;
+ }else{
+ this.k = false;
+ this.convertRectToPath();
+ }
+ };
+
+ RectShapeProperty.prototype = {
+ convertRectToPath: function (){
+ var p0 = this.p.v[0], p1 = this.p.v[1], v0 = this.s.v[0]/2, v1 = this.s.v[1]/2;
+ var round = bm_min(v0,v1,this.r.v);
+ var cPoint = round*(1-roundCorner);
+ this.v._length = 0;
+
+ if(this.d === 2 || this.d === 1) {
+ this.v.setTripleAt(p0+v0, p1-v1+round,p0+v0, p1-v1+round,p0+v0,p1-v1+cPoint,0, true);
+ this.v.setTripleAt(p0+v0, p1+v1-round,p0+v0, p1+v1-cPoint,p0+v0, p1+v1-round,1, true);
+ if(round!== 0){
+ this.v.setTripleAt(p0+v0-round, p1+v1,p0+v0-round,p1+v1,p0+v0-cPoint,p1+v1,2, true);
+ this.v.setTripleAt(p0-v0+round,p1+v1,p0-v0+cPoint,p1+v1,p0-v0+round,p1+v1,3, true);
+ this.v.setTripleAt(p0-v0,p1+v1-round,p0-v0,p1+v1-round,p0-v0,p1+v1-cPoint,4, true);
+ this.v.setTripleAt(p0-v0,p1-v1+round,p0-v0,p1-v1+cPoint,p0-v0,p1-v1+round,5, true);
+ this.v.setTripleAt(p0-v0+round,p1-v1,p0-v0+round,p1-v1,p0-v0+cPoint,p1-v1,6, true);
+ this.v.setTripleAt(p0+v0-round,p1-v1,p0+v0-cPoint,p1-v1,p0+v0-round,p1-v1,7, true);
+ } else {
+ this.v.setTripleAt(p0-v0,p1+v1,p0-v0+cPoint,p1+v1,p0-v0,p1+v1,2);
+ this.v.setTripleAt(p0-v0,p1-v1,p0-v0,p1-v1+cPoint,p0-v0,p1-v1,3);
+ }
+ }else{
+ this.v.setTripleAt(p0+v0,p1-v1+round,p0+v0,p1-v1+cPoint,p0+v0,p1-v1+round,0, true);
+ if(round!== 0){
+ this.v.setTripleAt(p0+v0-round,p1-v1,p0+v0-round,p1-v1,p0+v0-cPoint,p1-v1,1, true);
+ this.v.setTripleAt(p0-v0+round,p1-v1,p0-v0+cPoint,p1-v1,p0-v0+round,p1-v1,2, true);
+ this.v.setTripleAt(p0-v0,p1-v1+round,p0-v0,p1-v1+round,p0-v0,p1-v1+cPoint,3, true);
+ this.v.setTripleAt(p0-v0,p1+v1-round,p0-v0,p1+v1-cPoint,p0-v0,p1+v1-round,4, true);
+ this.v.setTripleAt(p0-v0+round,p1+v1,p0-v0+round,p1+v1,p0-v0+cPoint,p1+v1,5, true);
+ this.v.setTripleAt(p0+v0-round,p1+v1,p0+v0-cPoint,p1+v1,p0+v0-round,p1+v1,6, true);
+ this.v.setTripleAt(p0+v0,p1+v1-round,p0+v0,p1+v1-round,p0+v0,p1+v1-cPoint,7, true);
+ } else {
+ this.v.setTripleAt(p0-v0,p1-v1,p0-v0+cPoint,p1-v1,p0-v0,p1-v1,1, true);
+ this.v.setTripleAt(p0-v0,p1+v1,p0-v0,p1+v1-cPoint,p0-v0,p1+v1,2, true);
+ this.v.setTripleAt(p0+v0,p1+v1,p0+v0-cPoint,p1+v1,p0+v0,p1+v1,3, true);
+
+ }
+ }
+ },
+ getValue: function(frameNum){
+ if(this.elem.globalData.frameId === this.frameId){
+ return;
+ }
+ this.frameId = this.elem.globalData.frameId;
+ this.iterateDynamicProperties();
+ if(this._mdf){
+ this.convertRectToPath();
+ }
+
+ },
+ reset: resetShape
+ }
+ extendPrototype([DynamicPropertyContainer], RectShapeProperty);
+
+ return RectShapeProperty;
+ }());
+
+ function getShapeProp(elem,data,type){
+ var prop;
+ if(type === 3 || type === 4){
+ var dataProp = type === 3 ? data.pt : data.ks;
+ var keys = dataProp.k;
+ if(dataProp.a === 1 || keys.length){
+ prop = new KeyframedShapeProperty(elem, data, type);
+ }else{
+ prop = new ShapeProperty(elem, data, type);
+ }
+ }else if(type === 5){
+ prop = new RectShapeProperty(elem, data);
+ }else if(type === 6){
+ prop = new EllShapeProperty(elem, data);
+ }else if(type === 7){
+ prop = new StarShapeProperty(elem, data);
+ }
+ if(prop.k){
+ elem.addDynamicProperty(prop);
+ }
+ return prop;
+ }
+
+ function getConstructorFunction() {
+ return ShapeProperty;
+ }
+
+ function getKeyframedConstructorFunction() {
+ return KeyframedShapeProperty;
+ }
+
+ var ob = {};
+ ob.getShapeProp = getShapeProp;
+ ob.getConstructorFunction = getConstructorFunction;
+ ob.getKeyframedConstructorFunction = getKeyframedConstructorFunction;
+ return ob;
+}());
+var ShapeModifiers = (function(){
+ var ob = {};
+ var modifiers = {};
+ ob.registerModifier = registerModifier;
+ ob.getModifier = getModifier;
+
+ function registerModifier(nm,factory){
+ if(!modifiers[nm]){
+ modifiers[nm] = factory;
+ }
+ }
+
+ function getModifier(nm,elem, data){
+ return new modifiers[nm](elem, data);
+ }
+
+ return ob;
+}());
+
+function ShapeModifier(){}
+ShapeModifier.prototype.initModifierProperties = function(){};
+ShapeModifier.prototype.addShapeToModifier = function(){};
+ShapeModifier.prototype.addShape = function(data){
+ if(!this.closed){
+ var shapeData = {shape:data.sh, data: data, localShapeCollection:shapeCollection_pool.newShapeCollection()};
+ this.shapes.push(shapeData);
+ this.addShapeToModifier(shapeData);
+ if(this._isAnimated) {
+ data.setAsAnimated();
+ }
+ }
+};
+ShapeModifier.prototype.init = function(elem,data){
+ this.shapes = [];
+ this.elem = elem;
+ this.initDynamicPropertyContainer(elem);
+ this.initModifierProperties(elem,data);
+ this.frameId = initialDefaultFrame;
+ this.closed = false;
+ this.k = false;
+ if(this.dynamicProperties.length){
+ this.k = true;
+ }else{
+ this.getValue(true);
+ }
+};
+ShapeModifier.prototype.processKeys = function(){
+ if(this.elem.globalData.frameId === this.frameId){
+ return;
+ }
+ this.frameId = this.elem.globalData.frameId;
+ this.iterateDynamicProperties();
+};
+
+extendPrototype([DynamicPropertyContainer], ShapeModifier);
+function TrimModifier(){
+}
+extendPrototype([ShapeModifier], TrimModifier);
+TrimModifier.prototype.initModifierProperties = function(elem, data) {
+ this.s = PropertyFactory.getProp(elem, data.s, 0, 0.01, this);
+ this.e = PropertyFactory.getProp(elem, data.e, 0, 0.01, this);
+ this.o = PropertyFactory.getProp(elem, data.o, 0, 0, this);
+ this.sValue = 0;
+ this.eValue = 0;
+ this.getValue = this.processKeys;
+ this.m = data.m;
+ this._isAnimated = !!this.s.effectsSequence.length || !!this.e.effectsSequence.length || !!this.o.effectsSequence.length;
+};
+
+TrimModifier.prototype.addShapeToModifier = function(shapeData){
+ shapeData.pathsData = [];
+};
+
+TrimModifier.prototype.calculateShapeEdges = function(s, e, shapeLength, addedLength, totalModifierLength) {
+ var segments = [];
+ if (e <= 1) {
+ segments.push({
+ s: s,
+ e: e
+ });
+ } else if (s >= 1) {
+ segments.push({
+ s: s - 1,
+ e: e - 1
+ });
+ } else {
+ segments.push({
+ s: s,
+ e: 1
+ });
+ segments.push({
+ s: 0,
+ e: e - 1
+ });
+ }
+ var shapeSegments = [];
+ var i, len = segments.length, segmentOb;
+ for (i = 0; i < len; i += 1) {
+ segmentOb = segments[i];
+ if (segmentOb.e * totalModifierLength < addedLength || segmentOb.s * totalModifierLength > addedLength + shapeLength) {
+
+ } else {
+ var shapeS, shapeE;
+ if (segmentOb.s * totalModifierLength <= addedLength) {
+ shapeS = 0;
+ } else {
+ shapeS = (segmentOb.s * totalModifierLength - addedLength) / shapeLength;
+ }
+ if(segmentOb.e * totalModifierLength >= addedLength + shapeLength) {
+ shapeE = 1;
+ } else {
+ shapeE = ((segmentOb.e * totalModifierLength - addedLength) / shapeLength);
+ }
+ shapeSegments.push([shapeS, shapeE]);
+ }
+ }
+ if (!shapeSegments.length) {
+ shapeSegments.push([0, 0]);
+ }
+ return shapeSegments;
+};
+
+TrimModifier.prototype.releasePathsData = function(pathsData) {
+ var i, len = pathsData.length;
+ for (i = 0; i < len; i += 1) {
+ segments_length_pool.release(pathsData[i]);
+ }
+ pathsData.length = 0;
+ return pathsData;
+};
+
+TrimModifier.prototype.processShapes = function(_isFirstFrame) {
+ var s, e;
+ if (this._mdf || _isFirstFrame) {
+ var o = (this.o.v % 360) / 360;
+ if (o < 0) {
+ o += 1;
+ }
+ s = (this.s.v > 1 ? 1 : this.s.v < 0 ? 0 : this.s.v) + o;
+ e = (this.e.v > 1 ? 1 : this.e.v < 0 ? 0 : this.e.v) + o;
+ if (s === e) {
+
+ }
+ if (s > e) {
+ var _s = s;
+ s = e;
+ e = _s;
+ }
+ s = Math.round(s * 10000) * 0.0001;
+ e = Math.round(e * 10000) * 0.0001;
+ this.sValue = s;
+ this.eValue = e;
+ } else {
+ s = this.sValue;
+ e = this.eValue;
+ }
+ var shapePaths;
+ var i, len = this.shapes.length, j, jLen;
+ var pathsData, pathData, totalShapeLength, totalModifierLength = 0;
+
+ if (e === s) {
+ for (i = 0; i < len; i += 1) {
+ this.shapes[i].localShapeCollection.releaseShapes();
+ this.shapes[i].shape._mdf = true;
+ this.shapes[i].shape.paths = this.shapes[i].localShapeCollection;
+ }
+ } else if (!((e === 1 && s === 0) || (e===0 && s === 1))){
+ var segments = [], shapeData, localShapeCollection;
+ for (i = 0; i < len; i += 1) {
+ shapeData = this.shapes[i];
+ // if shape hasn't changed and trim properties haven't changed, cached previous path can be used
+ if (!shapeData.shape._mdf && !this._mdf && !_isFirstFrame && this.m !== 2) {
+ shapeData.shape.paths = shapeData.localShapeCollection;
+ } else {
+ shapePaths = shapeData.shape.paths;
+ jLen = shapePaths._length;
+ totalShapeLength = 0;
+ if (!shapeData.shape._mdf && shapeData.pathsData.length) {
+ totalShapeLength = shapeData.totalShapeLength;
+ } else {
+ pathsData = this.releasePathsData(shapeData.pathsData);
+ for (j = 0; j < jLen; j += 1) {
+ pathData = bez.getSegmentsLength(shapePaths.shapes[j]);
+ pathsData.push(pathData);
+ totalShapeLength += pathData.totalLength;
+ }
+ shapeData.totalShapeLength = totalShapeLength;
+ shapeData.pathsData = pathsData;
+ }
+
+ totalModifierLength += totalShapeLength;
+ shapeData.shape._mdf = true;
+ }
+ }
+ var shapeS = s, shapeE = e, addedLength = 0, edges;
+ for (i = len - 1; i >= 0; i -= 1) {
+ shapeData = this.shapes[i];
+ if (shapeData.shape._mdf) {
+ localShapeCollection = shapeData.localShapeCollection;
+ localShapeCollection.releaseShapes();
+ //if m === 2 means paths are trimmed individually so edges need to be found for this specific shape relative to whoel group
+ if (this.m === 2 && len > 1) {
+ edges = this.calculateShapeEdges(s, e, shapeData.totalShapeLength, addedLength, totalModifierLength);
+ addedLength += shapeData.totalShapeLength;
+ } else {
+ edges = [[shapeS, shapeE]];
+ }
+ jLen = edges.length;
+ for (j = 0; j < jLen; j += 1) {
+ shapeS = edges[j][0];
+ shapeE = edges[j][1];
+ segments.length = 0;
+ if (shapeE <= 1) {
+ segments.push({
+ s:shapeData.totalShapeLength * shapeS,
+ e:shapeData.totalShapeLength * shapeE
+ });
+ } else if (shapeS >= 1) {
+ segments.push({
+ s:shapeData.totalShapeLength * (shapeS - 1),
+ e:shapeData.totalShapeLength * (shapeE - 1)
+ });
+ } else {
+ segments.push({
+ s:shapeData.totalShapeLength * shapeS,
+ e:shapeData.totalShapeLength
+ });
+ segments.push({
+ s:0,
+ e:shapeData.totalShapeLength * (shapeE - 1)
+ });
+ }
+ var newShapesData = this.addShapes(shapeData,segments[0]);
+ if (segments[0].s !== segments[0].e) {
+ if (segments.length > 1) {
+ var lastShapeInCollection = shapeData.shape.paths.shapes[shapeData.shape.paths._length - 1];
+ if (lastShapeInCollection.c) {
+ var lastShape = newShapesData.pop();
+ this.addPaths(newShapesData, localShapeCollection);
+ newShapesData = this.addShapes(shapeData, segments[1], lastShape);
+ } else {
+ this.addPaths(newShapesData, localShapeCollection);
+ newShapesData = this.addShapes(shapeData, segments[1]);
+ }
+ }
+ this.addPaths(newShapesData, localShapeCollection);
+ }
+
+ }
+ shapeData.shape.paths = localShapeCollection;
+ }
+ }
+ } else if (this._mdf) {
+ for (i = 0; i < len; i += 1) {
+ //Releasign Trim Cached paths data when no trim applied in case shapes are modified inbetween.
+ //Don't remove this even if it's losing cached info.
+ this.shapes[i].pathsData.length = 0;
+ this.shapes[i].shape._mdf = true;
+ }
+ }
+};
+
+TrimModifier.prototype.addPaths = function(newPaths, localShapeCollection) {
+ var i, len = newPaths.length;
+ for (i = 0; i < len; i += 1) {
+ localShapeCollection.addShape(newPaths[i]);
+ }
+};
+
+TrimModifier.prototype.addSegment = function(pt1, pt2, pt3, pt4, shapePath, pos, newShape) {
+ shapePath.setXYAt(pt2[0], pt2[1], 'o', pos);
+ shapePath.setXYAt(pt3[0], pt3[1], 'i', pos + 1);
+ if(newShape){
+ shapePath.setXYAt(pt1[0], pt1[1], 'v', pos);
+ }
+ shapePath.setXYAt(pt4[0], pt4[1], 'v', pos + 1);
+};
+
+TrimModifier.prototype.addSegmentFromArray = function(points, shapePath, pos, newShape) {
+ shapePath.setXYAt(points[1], points[5], 'o', pos);
+ shapePath.setXYAt(points[2], points[6], 'i', pos + 1);
+ if(newShape){
+ shapePath.setXYAt(points[0], points[4], 'v', pos);
+ }
+ shapePath.setXYAt(points[3], points[7], 'v', pos + 1);
+};
+
+TrimModifier.prototype.addShapes = function(shapeData, shapeSegment, shapePath) {
+ var pathsData = shapeData.pathsData;
+ var shapePaths = shapeData.shape.paths.shapes;
+ var i, len = shapeData.shape.paths._length, j, jLen;
+ var addedLength = 0;
+ var currentLengthData,segmentCount;
+ var lengths;
+ var segment;
+ var shapes = [];
+ var initPos;
+ var newShape = true;
+ if (!shapePath) {
+ shapePath = shape_pool.newElement();
+ segmentCount = 0;
+ initPos = 0;
+ } else {
+ segmentCount = shapePath._length;
+ initPos = shapePath._length;
+ }
+ shapes.push(shapePath);
+ for (i = 0; i < len; i += 1) {
+ lengths = pathsData[i].lengths;
+ shapePath.c = shapePaths[i].c;
+ jLen = shapePaths[i].c ? lengths.length : lengths.length + 1;
+ for (j = 1; j < jLen; j +=1) {
+ currentLengthData = lengths[j-1];
+ if (addedLength + currentLengthData.addedLength < shapeSegment.s) {
+ addedLength += currentLengthData.addedLength;
+ shapePath.c = false;
+ } else if(addedLength > shapeSegment.e) {
+ shapePath.c = false;
+ break;
+ } else {
+ if (shapeSegment.s <= addedLength && shapeSegment.e >= addedLength + currentLengthData.addedLength) {
+ this.addSegment(shapePaths[i].v[j - 1], shapePaths[i].o[j - 1], shapePaths[i].i[j], shapePaths[i].v[j], shapePath, segmentCount, newShape);
+ newShape = false;
+ } else {
+ segment = bez.getNewSegment(shapePaths[i].v[j - 1], shapePaths[i].v[j], shapePaths[i].o[j - 1], shapePaths[i].i[j], (shapeSegment.s - addedLength)/currentLengthData.addedLength,(shapeSegment.e - addedLength)/currentLengthData.addedLength, lengths[j-1]);
+ this.addSegmentFromArray(segment, shapePath, segmentCount, newShape);
+ // this.addSegment(segment.pt1, segment.pt3, segment.pt4, segment.pt2, shapePath, segmentCount, newShape);
+ newShape = false;
+ shapePath.c = false;
+ }
+ addedLength += currentLengthData.addedLength;
+ segmentCount += 1;
+ }
+ }
+ if (shapePaths[i].c && lengths.length) {
+ currentLengthData = lengths[j - 1];
+ if (addedLength <= shapeSegment.e) {
+ var segmentLength = lengths[j - 1].addedLength;
+ if (shapeSegment.s <= addedLength && shapeSegment.e >= addedLength + segmentLength) {
+ this.addSegment(shapePaths[i].v[j - 1], shapePaths[i].o[j - 1], shapePaths[i].i[0], shapePaths[i].v[0], shapePath, segmentCount, newShape);
+ newShape = false;
+ } else {
+ segment = bez.getNewSegment(shapePaths[i].v[j - 1], shapePaths[i].v[0], shapePaths[i].o[j - 1], shapePaths[i].i[0], (shapeSegment.s - addedLength) / segmentLength, (shapeSegment.e - addedLength) / segmentLength, lengths[j - 1]);
+ this.addSegmentFromArray(segment, shapePath, segmentCount, newShape);
+ // this.addSegment(segment.pt1, segment.pt3, segment.pt4, segment.pt2, shapePath, segmentCount, newShape);
+ newShape = false;
+ shapePath.c = false;
+ }
+ } else {
+ shapePath.c = false;
+ }
+ addedLength += currentLengthData.addedLength;
+ segmentCount += 1;
+ }
+ if (shapePath._length) {
+ shapePath.setXYAt(shapePath.v[initPos][0], shapePath.v[initPos][1], 'i', initPos);
+ shapePath.setXYAt(shapePath.v[shapePath._length - 1][0], shapePath.v[shapePath._length - 1][1],'o', shapePath._length - 1);
+ }
+ if (addedLength > shapeSegment.e) {
+ break;
+ }
+ if (i < len - 1) {
+ shapePath = shape_pool.newElement();
+ newShape = true;
+ shapes.push(shapePath);
+ segmentCount = 0;
+ }
+ }
+ return shapes;
+};
+
+
+ShapeModifiers.registerModifier('tm', TrimModifier);
+function RoundCornersModifier(){}
+extendPrototype([ShapeModifier],RoundCornersModifier);
+RoundCornersModifier.prototype.initModifierProperties = function(elem,data){
+ this.getValue = this.processKeys;
+ this.rd = PropertyFactory.getProp(elem,data.r,0,null,this);
+ this._isAnimated = !!this.rd.effectsSequence.length;
+};
+
+RoundCornersModifier.prototype.processPath = function(path, round){
+ var cloned_path = shape_pool.newElement();
+ cloned_path.c = path.c;
+ var i, len = path._length;
+ var currentV,currentI,currentO,closerV, newV,newO,newI,distance,newPosPerc,index = 0;
+ var vX,vY,oX,oY,iX,iY;
+ for(i=0;i<len;i+=1){
+ currentV = path.v[i];
+ currentO = path.o[i];
+ currentI = path.i[i];
+ if(currentV[0]===currentO[0] && currentV[1]===currentO[1] && currentV[0]===currentI[0] && currentV[1]===currentI[1]){
+ if((i===0 || i === len - 1) && !path.c){
+ cloned_path.setTripleAt(currentV[0],currentV[1],currentO[0],currentO[1],currentI[0],currentI[1],index);
+ /*cloned_path.v[index] = currentV;
+ cloned_path.o[index] = currentO;
+ cloned_path.i[index] = currentI;*/
+ index += 1;
+ } else {
+ if(i===0){
+ closerV = path.v[len-1];
+ } else {
+ closerV = path.v[i-1];
+ }
+ distance = Math.sqrt(Math.pow(currentV[0]-closerV[0],2)+Math.pow(currentV[1]-closerV[1],2));
+ newPosPerc = distance ? Math.min(distance/2,round)/distance : 0;
+ vX = iX = currentV[0]+(closerV[0]-currentV[0])*newPosPerc;
+ vY = iY = currentV[1]-(currentV[1]-closerV[1])*newPosPerc;
+ oX = vX-(vX-currentV[0])*roundCorner;
+ oY = vY-(vY-currentV[1])*roundCorner;
+ cloned_path.setTripleAt(vX,vY,oX,oY,iX,iY,index);
+ index += 1;
+
+ if(i === len - 1){
+ closerV = path.v[0];
+ } else {
+ closerV = path.v[i+1];
+ }
+ distance = Math.sqrt(Math.pow(currentV[0]-closerV[0],2)+Math.pow(currentV[1]-closerV[1],2));
+ newPosPerc = distance ? Math.min(distance/2,round)/distance : 0;
+ vX = oX = currentV[0]+(closerV[0]-currentV[0])*newPosPerc;
+ vY = oY = currentV[1]+(closerV[1]-currentV[1])*newPosPerc;
+ iX = vX-(vX-currentV[0])*roundCorner;
+ iY = vY-(vY-currentV[1])*roundCorner;
+ cloned_path.setTripleAt(vX,vY,oX,oY,iX,iY,index);
+ index += 1;
+ }
+ } else {
+ cloned_path.setTripleAt(path.v[i][0],path.v[i][1],path.o[i][0],path.o[i][1],path.i[i][0],path.i[i][1],index);
+ index += 1;
+ }
+ }
+ return cloned_path;
+};
+
+RoundCornersModifier.prototype.processShapes = function(_isFirstFrame){
+ var shapePaths;
+ var i, len = this.shapes.length;
+ var j, jLen;
+ var rd = this.rd.v;
+
+ if(rd !== 0){
+ var shapeData, newPaths, localShapeCollection;
+ for(i=0;i<len;i+=1){
+ shapeData = this.shapes[i];
+ newPaths = shapeData.shape.paths;
+ localShapeCollection = shapeData.localShapeCollection;
+ if(!(!shapeData.shape._mdf && !this._mdf && !_isFirstFrame)){
+ localShapeCollection.releaseShapes();
+ shapeData.shape._mdf = true;
+ shapePaths = shapeData.shape.paths.shapes;
+ jLen = shapeData.shape.paths._length;
+ for(j=0;j<jLen;j+=1){
+ localShapeCollection.addShape(this.processPath(shapePaths[j],rd));
+ }
+ }
+ shapeData.shape.paths = shapeData.localShapeCollection;
+ }
+
+ }
+ if(!this.dynamicProperties.length){
+ this._mdf = false;
+ }
+};
+
+ShapeModifiers.registerModifier('rd',RoundCornersModifier);
+function RepeaterModifier(){}
+extendPrototype([ShapeModifier], RepeaterModifier);
+
+RepeaterModifier.prototype.initModifierProperties = function(elem,data){
+ this.getValue = this.processKeys;
+ this.c = PropertyFactory.getProp(elem,data.c,0,null,this);
+ this.o = PropertyFactory.getProp(elem,data.o,0,null,this);
+ this.tr = TransformPropertyFactory.getTransformProperty(elem,data.tr,this);
+ this.so = PropertyFactory.getProp(elem,data.tr.so,0,0.01,this);
+ this.eo = PropertyFactory.getProp(elem,data.tr.eo,0,0.01,this);
+ this.data = data;
+ if(!this.dynamicProperties.length){
+ this.getValue(true);
+ }
+ this._isAnimated = !!this.dynamicProperties.length;
+ this.pMatrix = new Matrix();
+ this.rMatrix = new Matrix();
+ this.sMatrix = new Matrix();
+ this.tMatrix = new Matrix();
+ this.matrix = new Matrix();
+};
+
+RepeaterModifier.prototype.applyTransforms = function(pMatrix, rMatrix, sMatrix, transform, perc, inv){
+ var dir = inv ? -1 : 1;
+ var scaleX = transform.s.v[0] + (1 - transform.s.v[0]) * (1 - perc);
+ var scaleY = transform.s.v[1] + (1 - transform.s.v[1]) * (1 - perc);
+ pMatrix.translate(transform.p.v[0] * dir * perc, transform.p.v[1] * dir * perc, transform.p.v[2]);
+ rMatrix.translate(-transform.a.v[0], -transform.a.v[1], transform.a.v[2]);
+ rMatrix.rotate(-transform.r.v * dir * perc);
+ rMatrix.translate(transform.a.v[0], transform.a.v[1], transform.a.v[2]);
+ sMatrix.translate(-transform.a.v[0], -transform.a.v[1], transform.a.v[2]);
+ sMatrix.scale(inv ? 1/scaleX : scaleX, inv ? 1/scaleY : scaleY);
+ sMatrix.translate(transform.a.v[0], transform.a.v[1], transform.a.v[2]);
+};
+
+RepeaterModifier.prototype.init = function(elem, arr, pos, elemsData) {
+ this.elem = elem;
+ this.arr = arr;
+ this.pos = pos;
+ this.elemsData = elemsData;
+ this._currentCopies = 0;
+ this._elements = [];
+ this._groups = [];
+ this.frameId = -1;
+ this.initDynamicPropertyContainer(elem);
+ this.initModifierProperties(elem,arr[pos]);
+ var cont = 0;
+ while(pos>0){
+ pos -= 1;
+ //this._elements.unshift(arr.splice(pos,1)[0]);
+ this._elements.unshift(arr[pos]);
+ cont += 1;
+ }
+ if(this.dynamicProperties.length){
+ this.k = true;
+ }else{
+ this.getValue(true);
+ }
+};
+
+RepeaterModifier.prototype.resetElements = function(elements){
+ var i, len = elements.length;
+ for(i = 0; i < len; i += 1) {
+ elements[i]._processed = false;
+ if(elements[i].ty === 'gr'){
+ this.resetElements(elements[i].it);
+ }
+ }
+};
+
+RepeaterModifier.prototype.cloneElements = function(elements){
+ var i, len = elements.length;
+ var newElements = JSON.parse(JSON.stringify(elements));
+ this.resetElements(newElements);
+ return newElements;
+};
+
+RepeaterModifier.prototype.changeGroupRender = function(elements, renderFlag) {
+ var i, len = elements.length;
+ for(i = 0; i < len; i += 1) {
+ elements[i]._render = renderFlag;
+ if(elements[i].ty === 'gr') {
+ this.changeGroupRender(elements[i].it, renderFlag);
+ }
+ }
+};
+
+RepeaterModifier.prototype.processShapes = function(_isFirstFrame) {
+ var items, itemsTransform, i, dir, cont;
+ if(this._mdf || _isFirstFrame){
+ var copies = Math.ceil(this.c.v);
+ if(this._groups.length < copies){
+ while(this._groups.length < copies){
+ var group = {
+ it:this.cloneElements(this._elements),
+ ty:'gr'
+ };
+ group.it.push({"a":{"a":0,"ix":1,"k":[0,0]},"nm":"Transform","o":{"a":0,"ix":7,"k":100},"p":{"a":0,"ix":2,"k":[0,0]},"r":{"a":1,"ix":6,"k":[{s:0,e:0,t:0},{s:0,e:0,t:1}]},"s":{"a":0,"ix":3,"k":[100,100]},"sa":{"a":0,"ix":5,"k":0},"sk":{"a":0,"ix":4,"k":0},"ty":"tr"});
+
+ this.arr.splice(0,0,group);
+ this._groups.splice(0,0,group);
+ this._currentCopies += 1;
+ }
+ this.elem.reloadShapes();
+ }
+ cont = 0;
+ var renderFlag;
+ for(i = 0; i <= this._groups.length - 1; i += 1){
+ renderFlag = cont < copies;
+ this._groups[i]._render = renderFlag;
+ this.changeGroupRender(this._groups[i].it, renderFlag);
+ cont += 1;
+ }
+
+ this._currentCopies = copies;
+ ////
+
+ var offset = this.o.v;
+ var offsetModulo = offset%1;
+ var roundOffset = offset > 0 ? Math.floor(offset) : Math.ceil(offset);
+ var k;
+ var tMat = this.tr.v.props;
+ var pProps = this.pMatrix.props;
+ var rProps = this.rMatrix.props;
+ var sProps = this.sMatrix.props;
+ this.pMatrix.reset();
+ this.rMatrix.reset();
+ this.sMatrix.reset();
+ this.tMatrix.reset();
+ this.matrix.reset();
+ var iteration = 0;
+
+ if(offset > 0) {
+ while(iteration<roundOffset){
+ this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, 1, false);
+ iteration += 1;
+ }
+ if(offsetModulo){
+ this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, offsetModulo, false);
+ iteration += offsetModulo;
+ }
+ } else if(offset < 0) {
+ while(iteration>roundOffset){
+ this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, 1, true);
+ iteration -= 1;
+ }
+ if(offsetModulo){
+ this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, - offsetModulo, true);
+ iteration -= offsetModulo;
+ }
+ }
+ i = this.data.m === 1 ? 0 : this._currentCopies - 1;
+ dir = this.data.m === 1 ? 1 : -1;
+ cont = this._currentCopies;
+ var j, jLen;
+ while(cont){
+ items = this.elemsData[i].it;
+ itemsTransform = items[items.length - 1].transform.mProps.v.props;
+ jLen = itemsTransform.length;
+ items[items.length - 1].transform.mProps._mdf = true;
+ items[items.length - 1].transform.op._mdf = true;
+ items[items.length - 1].transform.op.v = this.so.v + (this.eo.v - this.so.v) * (i / (this._currentCopies - 1));
+ if(iteration !== 0){
+ if((i !== 0 && dir === 1) || (i !== this._currentCopies - 1 && dir === -1)){
+ this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, 1, false);
+ }
+ this.matrix.transform(rProps[0],rProps[1],rProps[2],rProps[3],rProps[4],rProps[5],rProps[6],rProps[7],rProps[8],rProps[9],rProps[10],rProps[11],rProps[12],rProps[13],rProps[14],rProps[15]);
+ this.matrix.transform(sProps[0],sProps[1],sProps[2],sProps[3],sProps[4],sProps[5],sProps[6],sProps[7],sProps[8],sProps[9],sProps[10],sProps[11],sProps[12],sProps[13],sProps[14],sProps[15]);
+ this.matrix.transform(pProps[0],pProps[1],pProps[2],pProps[3],pProps[4],pProps[5],pProps[6],pProps[7],pProps[8],pProps[9],pProps[10],pProps[11],pProps[12],pProps[13],pProps[14],pProps[15]);
+
+ for(j=0;j<jLen;j+=1) {
+ itemsTransform[j] = this.matrix.props[j];
+ }
+ this.matrix.reset();
+ } else {
+ this.matrix.reset();
+ for(j=0;j<jLen;j+=1) {
+ itemsTransform[j] = this.matrix.props[j];
+ }
+ }
+ iteration += 1;
+ cont -= 1;
+ i += dir;
+ }
+ } else {
+ cont = this._currentCopies;
+ i = 0;
+ dir = 1;
+ while(cont){
+ items = this.elemsData[i].it;
+ itemsTransform = items[items.length - 1].transform.mProps.v.props;
+ items[items.length - 1].transform.mProps._mdf = false;
+ items[items.length - 1].transform.op._mdf = false;
+ cont -= 1;
+ i += dir;
+ }
+ }
+};
+
+RepeaterModifier.prototype.addShape = function(){};
+
+ShapeModifiers.registerModifier('rp',RepeaterModifier);
+function ShapeCollection(){
+ this._length = 0;
+ this._maxLength = 4;
+ this.shapes = createSizedArray(this._maxLength);
+}
+
+ShapeCollection.prototype.addShape = function(shapeData){
+ if(this._length === this._maxLength){
+ this.shapes = this.shapes.concat(createSizedArray(this._maxLength));
+ this._maxLength *= 2;
+ }
+ this.shapes[this._length] = shapeData;
+ this._length += 1;
+};
+
+ShapeCollection.prototype.releaseShapes = function(){
+ var i;
+ for(i = 0; i < this._length; i += 1) {
+ shape_pool.release(this.shapes[i]);
+ }
+ this._length = 0;
+};
+function DashProperty(elem, data, renderer, container) {
+ this.elem = elem;
+ this.frameId = -1;
+ this.dataProps = createSizedArray(data.length);
+ this.renderer = renderer;
+ this.k = false;
+ this.dashStr = '';
+ this.dashArray = createTypedArray('float32', data.length ? data.length - 1 : 0);
+ this.dashoffset = createTypedArray('float32', 1);
+ this.initDynamicPropertyContainer(container);
+ var i, len = data.length || 0, prop;
+ for(i = 0; i < len; i += 1) {
+ prop = PropertyFactory.getProp(elem,data[i].v,0, 0, this);
+ this.k = prop.k || this.k;
+ this.dataProps[i] = {n:data[i].n,p:prop};
+ }
+ if(!this.k){
+ this.getValue(true);
+ }
+ this._isAnimated = this.k;
+}
+
+DashProperty.prototype.getValue = function(forceRender) {
+ if(this.elem.globalData.frameId === this.frameId && !forceRender){
+ return;
+ }
+ this.frameId = this.elem.globalData.frameId;
+ this.iterateDynamicProperties();
+ this._mdf = this._mdf || forceRender;
+ if (this._mdf) {
+ var i = 0, len = this.dataProps.length;
+ if(this.renderer === 'svg') {
+ this.dashStr = '';
+ }
+ for(i=0;i<len;i+=1){
+ if(this.dataProps[i].n != 'o'){
+ if(this.renderer === 'svg') {
+ this.dashStr += ' ' + this.dataProps[i].p.v;
+ }else{
+ this.dashArray[i] = this.dataProps[i].p.v;
+ }
+ }else{
+ this.dashoffset[0] = this.dataProps[i].p.v;
+ }
+ }
+ }
+};
+extendPrototype([DynamicPropertyContainer], DashProperty);
+function GradientProperty(elem,data,container){
+ this.data = data;
+ this.c = createTypedArray('uint8c', data.p*4);
+ var cLength = data.k.k[0].s ? (data.k.k[0].s.length - data.p*4) : data.k.k.length - data.p*4;
+ this.o = createTypedArray('float32', cLength);
+ this._cmdf = false;
+ this._omdf = false;
+ this._collapsable = this.checkCollapsable();
+ this._hasOpacity = cLength;
+ this.initDynamicPropertyContainer(container);
+ this.prop = PropertyFactory.getProp(elem,data.k,1,null,this);
+ this.k = this.prop.k;
+ this.getValue(true);
+}
+
+GradientProperty.prototype.comparePoints = function(values, points) {
+ var i = 0, len = this.o.length/2, diff;
+ while(i < len) {
+ diff = Math.abs(values[i*4] - values[points*4 + i*2]);
+ if(diff > 0.01){
+ return false;
+ }
+ i += 1;
+ }
+ return true;
+};
+
+GradientProperty.prototype.checkCollapsable = function() {
+ if (this.o.length/2 !== this.c.length/4) {
+ return false;
+ }
+ if (this.data.k.k[0].s) {
+ var i = 0, len = this.data.k.k.length;
+ while (i < len) {
+ if (!this.comparePoints(this.data.k.k[i].s, this.data.p)) {
+ return false;
+ }
+ i += 1;
+ }
+ } else if(!this.comparePoints(this.data.k.k, this.data.p)) {
+ return false;
+ }
+ return true;
+};
+
+GradientProperty.prototype.getValue = function(forceRender){
+ this.prop.getValue();
+ this._mdf = false;
+ this._cmdf = false;
+ this._omdf = false;
+ if(this.prop._mdf || forceRender){
+ var i, len = this.data.p*4;
+ var mult, val;
+ for(i=0;i<len;i+=1){
+ mult = i%4 === 0 ? 100 : 255;
+ val = Math.round(this.prop.v[i]*mult);
+ if(this.c[i] !== val){
+ this.c[i] = val;
+ this._cmdf = !forceRender;
+ }
+ }
+ if(this.o.length){
+ len = this.prop.v.length;
+ for(i=this.data.p*4;i<len;i+=1){
+ mult = i%2 === 0 ? 100 : 1;
+ val = i%2 === 0 ? Math.round(this.prop.v[i]*100):this.prop.v[i];
+ if(this.o[i-this.data.p*4] !== val){
+ this.o[i-this.data.p*4] = val;
+ this._omdf = !forceRender;
+ }
+ }
+ }
+ this._mdf = !forceRender;
+ }
+};
+
+extendPrototype([DynamicPropertyContainer], GradientProperty);
+var buildShapeString = function(pathNodes, length, closed, mat) {
+ if(length === 0) {
+ return '';
+ }
+ var _o = pathNodes.o;
+ var _i = pathNodes.i;
+ var _v = pathNodes.v;
+ var i, shapeString = " M" + mat.applyToPointStringified(_v[0][0], _v[0][1]);
+ for(i = 1; i < length; i += 1) {
+ shapeString += " C" + mat.applyToPointStringified(_o[i - 1][0], _o[i - 1][1]) + " " + mat.applyToPointStringified(_i[i][0], _i[i][1]) + " " + mat.applyToPointStringified(_v[i][0], _v[i][1]);
+ }
+ if (closed && length) {
+ shapeString += " C" + mat.applyToPointStringified(_o[i - 1][0], _o[i - 1][1]) + " " + mat.applyToPointStringified(_i[0][0], _i[0][1]) + " " + mat.applyToPointStringified(_v[0][0], _v[0][1]);
+ shapeString += 'z';
+ }
+ return shapeString;
+}
+var ImagePreloader = (function(){
+
+ var proxyImage = (function(){
+ var canvas = createTag('canvas');
+ canvas.width = 1;
+ canvas.height = 1;
+ var ctx = canvas.getContext('2d');
+ ctx.fillStyle = '#FF0000';
+ ctx.fillRect(0, 0, 1, 1);
+ return canvas;
+ }())
+
+ function imageLoaded(){
+ this.loadedAssets += 1;
+ if(this.loadedAssets === this.totalImages){
+ if(this.imagesLoadedCb) {
+ this.imagesLoadedCb(null);
+ }
+ }
+ }
+
+ function getAssetsPath(assetData, assetsPath, original_path) {
+ var path = '';
+ if (assetData.e) {
+ path = assetData.p;
+ } else if(assetsPath) {
+ var imagePath = assetData.p;
+ if (imagePath.indexOf('images/') !== -1) {
+ imagePath = imagePath.split('/')[1];
+ }
+ path = assetsPath + imagePath;
+ } else {
+ path = original_path;
+ path += assetData.u ? assetData.u : '';
+ path += assetData.p;
+ }
+ return path;
+ }
+
+ function createImageData(assetData) {
+ var path = getAssetsPath(assetData, this.assetsPath, this.path);
+ var img = createTag('img');
+ img.crossOrigin = 'anonymous';
+ img.addEventListener('load', this._imageLoaded.bind(this), false);
+ img.addEventListener('error', function() {
+ ob.img = proxyImage;
+ this._imageLoaded();
+ }.bind(this), false);
+ img.src = path;
+ var ob = {
+ img: img,
+ assetData: assetData
+ }
+ return ob;
+ }
+
+ function loadAssets(assets, cb){
+ this.imagesLoadedCb = cb;
+ var i, len = assets.length;
+ for (i = 0; i < len; i += 1) {
+ if(!assets[i].layers){
+ this.totalImages += 1;
+ this.images.push(this._createImageData(assets[i]));
+ }
+ }
+ }
+
+ function setPath(path){
+ this.path = path || '';
+ }
+
+ function setAssetsPath(path){
+ this.assetsPath = path || '';
+ }
+
+ function getImage(assetData) {
+ var i = 0, len = this.images.length;
+ while (i < len) {
+ if (this.images[i].assetData === assetData) {
+ return this.images[i].img;
+ }
+ i += 1;
+ }
+ }
+
+ function destroy() {
+ this.imagesLoadedCb = null;
+ this.images.length = 0;
+ }
+
+ function loaded() {
+ return this.totalImages === this.loadedAssets;
+ }
+
+ return function ImagePreloader(){
+ this.loadAssets = loadAssets;
+ this.setAssetsPath = setAssetsPath;
+ this.setPath = setPath;
+ this.loaded = loaded;
+ this.destroy = destroy;
+ this.getImage = getImage;
+ this._createImageData = createImageData;
+ this._imageLoaded = imageLoaded;
+ this.assetsPath = '';
+ this.path = '';
+ this.totalImages = 0;
+ this.loadedAssets = 0;
+ this.imagesLoadedCb = null;
+ this.images = [];
+ };
+}());
+var featureSupport = (function(){
+ var ob = {
+ maskType: true
+ };
+ if (/MSIE 10/i.test(navigator.userAgent) || /MSIE 9/i.test(navigator.userAgent) || /rv:11.0/i.test(navigator.userAgent) || /Edge\/\d./i.test(navigator.userAgent)) {
+ ob.maskType = false;
+ }
+ return ob;
+}());
+var filtersFactory = (function(){
+ var ob = {};
+ ob.createFilter = createFilter;
+ ob.createAlphaToLuminanceFilter = createAlphaToLuminanceFilter;
+
+ function createFilter(filId){
+ var fil = createNS('filter');
+ fil.setAttribute('id',filId);
+ fil.setAttribute('filterUnits','objectBoundingBox');
+ fil.setAttribute('x','0%');
+ fil.setAttribute('y','0%');
+ fil.setAttribute('width','100%');
+ fil.setAttribute('height','100%');
+ return fil;
+ }
+
+ function createAlphaToLuminanceFilter(){
+ var feColorMatrix = createNS('feColorMatrix');
+ feColorMatrix.setAttribute('type','matrix');
+ feColorMatrix.setAttribute('color-interpolation-filters','sRGB');
+ feColorMatrix.setAttribute('values','0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1');
+ return feColorMatrix;
+ }
+
+ return ob;
+}());
+var assetLoader = (function(){
+
+ function formatResponse(xhr) {
+ if(xhr.response && typeof xhr.response === 'object') {
+ return xhr.response;
+ } else if(xhr.response && typeof xhr.response === 'string') {
+ return JSON.parse(xhr.response);
+ } else if(xhr.responseText) {
+ return JSON.parse(xhr.responseText);
+ }
+ }
+
+ function loadAsset(path, callback, errorCallback) {
+ var response;
+ var xhr = new XMLHttpRequest();
+ xhr.open('GET', path, true);
+ // set responseType after calling open or IE will break.
+ xhr.responseType = "json";
+ xhr.send();
+ xhr.onreadystatechange = function () {
+ if (xhr.readyState == 4) {
+ if(xhr.status == 200){
+ response = formatResponse(xhr);
+ callback(response);
+ }else{
+ try{
+ response = formatResponse(xhr);
+ callback(response);
+ }catch(err){
+ if(errorCallback) {
+ errorCallback(err);
+ }
+ }
+ }
+ }
+ };
+ }
+ return {
+ load: loadAsset
+ }
+}())
+
+function TextAnimatorProperty(textData, renderType, elem){
+ this._isFirstFrame = true;
+ this._hasMaskedPath = false;
+ this._frameId = -1;
+ this._textData = textData;
+ this._renderType = renderType;
+ this._elem = elem;
+ this._animatorsData = createSizedArray(this._textData.a.length);
+ this._pathData = {};
+ this._moreOptions = {
+ alignment: {}
+ };
+ this.renderedLetters = [];
+ this.lettersChangedFlag = false;
+ this.initDynamicPropertyContainer(elem);
+
+}
+
+TextAnimatorProperty.prototype.searchProperties = function(){
+ var i, len = this._textData.a.length, animatorProps;
+ var getProp = PropertyFactory.getProp;
+ for(i=0;i<len;i+=1){
+ animatorProps = this._textData.a[i];
+ this._animatorsData[i] = new TextAnimatorDataProperty(this._elem, animatorProps, this);
+ }
+ if(this._textData.p && 'm' in this._textData.p){
+ this._pathData = {
+ f: getProp(this._elem,this._textData.p.f,0,0,this),
+ l: getProp(this._elem,this._textData.p.l,0,0,this),
+ r: this._textData.p.r,
+ m: this._elem.maskManager.getMaskProperty(this._textData.p.m)
+ };
+ this._hasMaskedPath = true;
+ } else {
+ this._hasMaskedPath = false;
+ }
+ this._moreOptions.alignment = getProp(this._elem,this._textData.m.a,1,0,this);
+};
+
+TextAnimatorProperty.prototype.getMeasures = function(documentData, lettersChangedFlag){
+ this.lettersChangedFlag = lettersChangedFlag;
+ if(!this._mdf && !this._isFirstFrame && !lettersChangedFlag && (!this._hasMaskedPath || !this._pathData.m._mdf)) {
+ return;
+ }
+ this._isFirstFrame = false;
+ var alignment = this._moreOptions.alignment.v;
+ var animators = this._animatorsData;
+ var textData = this._textData;
+ var matrixHelper = this.mHelper;
+ var renderType = this._renderType;
+ var renderedLettersCount = this.renderedLetters.length;
+ var data = this.data;
+ var xPos,yPos;
+ var i, len;
+ var letters = documentData.l, pathInfo, currentLength, currentPoint, segmentLength, flag, pointInd, segmentInd, prevPoint, points, segments, partialLength, totalLength, perc, tanAngle, mask;
+ if(this._hasMaskedPath) {
+ mask = this._pathData.m;
+ if(!this._pathData.n || this._pathData._mdf){
+ var paths = mask.v;
+ if(this._pathData.r){
+ paths = paths.reverse();
+ }
+ // TODO: release bezier data cached from previous pathInfo: this._pathData.pi
+ pathInfo = {
+ tLength: 0,
+ segments: []
+ };
+ len = paths._length - 1;
+ var pathData;
+ totalLength = 0;
+ for (i = 0; i < len; i += 1) {
+ pathData = {
+ s: paths.v[i],
+ e: paths.v[i + 1],
+ to: [paths.o[i][0] - paths.v[i][0], paths.o[i][1] - paths.v[i][1]],
+ ti: [paths.i[i + 1][0] - paths.v[i + 1][0], paths.i[i + 1][1] - paths.v[i + 1][1]]
+ };
+ bez.buildBezierData(pathData);
+ pathInfo.tLength += pathData.bezierData.segmentLength;
+ pathInfo.segments.push(pathData);
+ totalLength += pathData.bezierData.segmentLength;
+ }
+ i = len;
+ if (mask.v.c) {
+ pathData = {
+ s: paths.v[i],
+ e: paths.v[0],
+ to: [paths.o[i][0] - paths.v[i][0], paths.o[i][1] - paths.v[i][1]],
+ ti: [paths.i[0][0] - paths.v[0][0], paths.i[0][1] - paths.v[0][1]]
+ };
+ bez.buildBezierData(pathData);
+ pathInfo.tLength += pathData.bezierData.segmentLength;
+ pathInfo.segments.push(pathData);
+ totalLength += pathData.bezierData.segmentLength;
+ }
+ this._pathData.pi = pathInfo;
+ }
+ pathInfo = this._pathData.pi;
+
+ currentLength = this._pathData.f.v;
+ segmentInd = 0;
+ pointInd = 1;
+ segmentLength = 0;
+ flag = true;
+ segments = pathInfo.segments;
+ if (currentLength < 0 && mask.v.c) {
+ if (pathInfo.tLength < Math.abs(currentLength)) {
+ currentLength = -Math.abs(currentLength) % pathInfo.tLength;
+ }
+ segmentInd = segments.length - 1;
+ points = segments[segmentInd].bezierData.points;
+ pointInd = points.length - 1;
+ while (currentLength < 0) {
+ currentLength += points[pointInd].partialLength;
+ pointInd -= 1;
+ if (pointInd < 0) {
+ segmentInd -= 1;
+ points = segments[segmentInd].bezierData.points;
+ pointInd = points.length - 1;
+ }
+ }
+
+ }
+ points = segments[segmentInd].bezierData.points;
+ prevPoint = points[pointInd - 1];
+ currentPoint = points[pointInd];
+ partialLength = currentPoint.partialLength;
+ }
+
+
+ len = letters.length;
+ xPos = 0;
+ yPos = 0;
+ var yOff = documentData.finalSize * 1.2 * 0.714;
+ var firstLine = true;
+ var animatorProps, animatorSelector;
+ var j, jLen;
+ var letterValue;
+
+ jLen = animators.length;
+ var lastLetter;
+
+ var mult, ind = -1, offf, xPathPos, yPathPos;
+ var initPathPos = currentLength,initSegmentInd = segmentInd, initPointInd = pointInd, currentLine = -1;
+ var elemOpacity;
+ var sc,sw,fc,k;
+ var lineLength = 0;
+ var letterSw, letterSc, letterFc, letterM = '', letterP = this.defaultPropsArray, letterO;
+
+ //
+ if(documentData.j === 2 || documentData.j === 1) {
+ var animatorJustifyOffset = 0;
+ var animatorFirstCharOffset = 0;
+ var justifyOffsetMult = documentData.j === 2 ? -0.5 : -1;
+ var lastIndex = 0;
+ var isNewLine = true;
+
+ for (i = 0; i < len; i += 1) {
+ if (letters[i].n) {
+ if(animatorJustifyOffset) {
+ animatorJustifyOffset += animatorFirstCharOffset;
+ }
+ while (lastIndex < i) {
+ letters[lastIndex].animatorJustifyOffset = animatorJustifyOffset;
+ lastIndex += 1;
+ }
+ animatorJustifyOffset = 0;
+ isNewLine = true;
+ } else {
+ for (j = 0; j < jLen; j += 1) {
+ animatorProps = animators[j].a;
+ if (animatorProps.t.propType) {
+ if (isNewLine && documentData.j === 2) {
+ animatorFirstCharOffset += animatorProps.t.v * justifyOffsetMult;
+ }
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j], textData.a[j].s.totalChars);
+ if (mult.length) {
+ animatorJustifyOffset += animatorProps.t.v*mult[0] * justifyOffsetMult;
+ } else {
+ animatorJustifyOffset += animatorProps.t.v*mult * justifyOffsetMult;
+ }
+ }
+ }
+ isNewLine = false;
+ }
+ }
+ if(animatorJustifyOffset) {
+ animatorJustifyOffset += animatorFirstCharOffset;
+ }
+ while(lastIndex < i) {
+ letters[lastIndex].animatorJustifyOffset = animatorJustifyOffset;
+ lastIndex += 1;
+ }
+ }
+ //
+
+ for( i = 0; i < len; i += 1) {
+
+ matrixHelper.reset();
+ elemOpacity = 1;
+ if(letters[i].n) {
+ xPos = 0;
+ yPos += documentData.yOffset;
+ yPos += firstLine ? 1 : 0;
+ currentLength = initPathPos ;
+ firstLine = false;
+ lineLength = 0;
+ if(this._hasMaskedPath) {
+ segmentInd = initSegmentInd;
+ pointInd = initPointInd;
+ points = segments[segmentInd].bezierData.points;
+ prevPoint = points[pointInd - 1];
+ currentPoint = points[pointInd];
+ partialLength = currentPoint.partialLength;
+ segmentLength = 0;
+ }
+ letterO = letterSw = letterFc = letterM = '';
+ letterP = this.defaultPropsArray;
+ }else{
+ if(this._hasMaskedPath) {
+ if(currentLine !== letters[i].line){
+ switch(documentData.j){
+ case 1:
+ currentLength += totalLength - documentData.lineWidths[letters[i].line];
+ break;
+ case 2:
+ currentLength += (totalLength - documentData.lineWidths[letters[i].line])/2;
+ break;
+ }
+ currentLine = letters[i].line;
+ }
+ if (ind !== letters[i].ind) {
+ if (letters[ind]) {
+ currentLength += letters[ind].extra;
+ }
+ currentLength += letters[i].an / 2;
+ ind = letters[i].ind;
+ }
+ currentLength += alignment[0] * letters[i].an / 200;
+ var animatorOffset = 0;
+ for (j = 0; j < jLen; j += 1) {
+ animatorProps = animators[j].a;
+ if (animatorProps.p.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ if(mult.length){
+ animatorOffset += animatorProps.p.v[0] * mult[0];
+ } else{
+ animatorOffset += animatorProps.p.v[0] * mult;
+ }
+
+ }
+ if (animatorProps.a.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ if(mult.length){
+ animatorOffset += animatorProps.a.v[0] * mult[0];
+ } else{
+ animatorOffset += animatorProps.a.v[0] * mult;
+ }
+
+ }
+ }
+ flag = true;
+ while (flag) {
+ if (segmentLength + partialLength >= currentLength + animatorOffset || !points) {
+ perc = (currentLength + animatorOffset - segmentLength) / currentPoint.partialLength;
+ xPathPos = prevPoint.point[0] + (currentPoint.point[0] - prevPoint.point[0]) * perc;
+ yPathPos = prevPoint.point[1] + (currentPoint.point[1] - prevPoint.point[1]) * perc;
+ matrixHelper.translate(-alignment[0]*letters[i].an/200, -(alignment[1] * yOff / 100));
+ flag = false;
+ } else if (points) {
+ segmentLength += currentPoint.partialLength;
+ pointInd += 1;
+ if (pointInd >= points.length) {
+ pointInd = 0;
+ segmentInd += 1;
+ if (!segments[segmentInd]) {
+ if (mask.v.c) {
+ pointInd = 0;
+ segmentInd = 0;
+ points = segments[segmentInd].bezierData.points;
+ } else {
+ segmentLength -= currentPoint.partialLength;
+ points = null;
+ }
+ } else {
+ points = segments[segmentInd].bezierData.points;
+ }
+ }
+ if (points) {
+ prevPoint = currentPoint;
+ currentPoint = points[pointInd];
+ partialLength = currentPoint.partialLength;
+ }
+ }
+ }
+ offf = letters[i].an / 2 - letters[i].add;
+ matrixHelper.translate(-offf, 0, 0);
+ } else {
+ offf = letters[i].an/2 - letters[i].add;
+ matrixHelper.translate(-offf,0,0);
+
+ // Grouping alignment
+ matrixHelper.translate(-alignment[0]*letters[i].an/200, -alignment[1]*yOff/100, 0);
+ }
+
+ lineLength += letters[i].l/2;
+ for(j=0;j<jLen;j+=1){
+ animatorProps = animators[j].a;
+ if (animatorProps.t.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ //This condition is to prevent applying tracking to first character in each line. Might be better to use a boolean "isNewLine"
+ if(xPos !== 0 || documentData.j !== 0) {
+ if(this._hasMaskedPath) {
+ if(mult.length) {
+ currentLength += animatorProps.t.v*mult[0];
+ } else {
+ currentLength += animatorProps.t.v*mult;
+ }
+ }else{
+ if(mult.length) {
+ xPos += animatorProps.t.v*mult[0];
+ } else {
+ xPos += animatorProps.t.v*mult;
+ }
+ }
+ }
+ }
+ }
+ lineLength += letters[i].l/2;
+ if(documentData.strokeWidthAnim) {
+ sw = documentData.sw || 0;
+ }
+ if(documentData.strokeColorAnim) {
+ if(documentData.sc){
+ sc = [documentData.sc[0], documentData.sc[1], documentData.sc[2]];
+ }else{
+ sc = [0,0,0];
+ }
+ }
+ if(documentData.fillColorAnim && documentData.fc) {
+ fc = [documentData.fc[0], documentData.fc[1], documentData.fc[2]];
+ }
+ for(j=0;j<jLen;j+=1){
+ animatorProps = animators[j].a;
+ if (animatorProps.a.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+
+ if(mult.length){
+ matrixHelper.translate(-animatorProps.a.v[0]*mult[0], -animatorProps.a.v[1]*mult[1], animatorProps.a.v[2]*mult[2]);
+ } else {
+ matrixHelper.translate(-animatorProps.a.v[0]*mult, -animatorProps.a.v[1]*mult, animatorProps.a.v[2]*mult);
+ }
+ }
+ }
+ for(j=0;j<jLen;j+=1){
+ animatorProps = animators[j].a;
+ if (animatorProps.s.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ if(mult.length){
+ matrixHelper.scale(1+((animatorProps.s.v[0]-1)*mult[0]),1+((animatorProps.s.v[1]-1)*mult[1]),1);
+ } else {
+ matrixHelper.scale(1+((animatorProps.s.v[0]-1)*mult),1+((animatorProps.s.v[1]-1)*mult),1);
+ }
+ }
+ }
+ for(j=0;j<jLen;j+=1) {
+ animatorProps = animators[j].a;
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ if (animatorProps.sk.propType) {
+ if(mult.length) {
+ matrixHelper.skewFromAxis(-animatorProps.sk.v * mult[0], animatorProps.sa.v * mult[1]);
+ } else {
+ matrixHelper.skewFromAxis(-animatorProps.sk.v * mult, animatorProps.sa.v * mult);
+ }
+ }
+ if (animatorProps.r.propType) {
+ if(mult.length) {
+ matrixHelper.rotateZ(-animatorProps.r.v * mult[2]);
+ } else {
+ matrixHelper.rotateZ(-animatorProps.r.v * mult);
+ }
+ }
+ if (animatorProps.ry.propType) {
+
+ if(mult.length) {
+ matrixHelper.rotateY(animatorProps.ry.v*mult[1]);
+ }else{
+ matrixHelper.rotateY(animatorProps.ry.v*mult);
+ }
+ }
+ if (animatorProps.rx.propType) {
+ if(mult.length) {
+ matrixHelper.rotateX(animatorProps.rx.v*mult[0]);
+ } else {
+ matrixHelper.rotateX(animatorProps.rx.v*mult);
+ }
+ }
+ if (animatorProps.o.propType) {
+ if(mult.length) {
+ elemOpacity += ((animatorProps.o.v)*mult[0] - elemOpacity)*mult[0];
+ } else {
+ elemOpacity += ((animatorProps.o.v)*mult - elemOpacity)*mult;
+ }
+ }
+ if (documentData.strokeWidthAnim && animatorProps.sw.propType) {
+ if(mult.length) {
+ sw += animatorProps.sw.v*mult[0];
+ } else {
+ sw += animatorProps.sw.v*mult;
+ }
+ }
+ if (documentData.strokeColorAnim && animatorProps.sc.propType) {
+ for(k=0;k<3;k+=1){
+ if(mult.length) {
+ sc[k] = sc[k] + (animatorProps.sc.v[k] - sc[k])*mult[0];
+ } else {
+ sc[k] = sc[k] + (animatorProps.sc.v[k] - sc[k])*mult;
+ }
+ }
+ }
+ if (documentData.fillColorAnim && documentData.fc) {
+ if(animatorProps.fc.propType){
+ for(k=0;k<3;k+=1){
+ if(mult.length) {
+ fc[k] = fc[k] + (animatorProps.fc.v[k] - fc[k])*mult[0];
+ } else {
+ fc[k] = fc[k] + (animatorProps.fc.v[k] - fc[k])*mult;
+ }
+ }
+ }
+ if(animatorProps.fh.propType){
+ if(mult.length) {
+ fc = addHueToRGB(fc,animatorProps.fh.v*mult[0]);
+ } else {
+ fc = addHueToRGB(fc,animatorProps.fh.v*mult);
+ }
+ }
+ if(animatorProps.fs.propType){
+ if(mult.length) {
+ fc = addSaturationToRGB(fc,animatorProps.fs.v*mult[0]);
+ } else {
+ fc = addSaturationToRGB(fc,animatorProps.fs.v*mult);
+ }
+ }
+ if(animatorProps.fb.propType){
+ if(mult.length) {
+ fc = addBrightnessToRGB(fc,animatorProps.fb.v*mult[0]);
+ } else {
+ fc = addBrightnessToRGB(fc,animatorProps.fb.v*mult);
+ }
+ }
+ }
+ }
+
+ for(j=0;j<jLen;j+=1){
+ animatorProps = animators[j].a;
+
+ if (animatorProps.p.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ if(this._hasMaskedPath) {
+ if(mult.length) {
+ matrixHelper.translate(0, animatorProps.p.v[1] * mult[0], -animatorProps.p.v[2] * mult[1]);
+ } else {
+ matrixHelper.translate(0, animatorProps.p.v[1] * mult, -animatorProps.p.v[2] * mult);
+ }
+ }else{
+ if(mult.length) {
+ matrixHelper.translate(animatorProps.p.v[0] * mult[0], animatorProps.p.v[1] * mult[1], -animatorProps.p.v[2] * mult[2]);
+ } else {
+ matrixHelper.translate(animatorProps.p.v[0] * mult, animatorProps.p.v[1] * mult, -animatorProps.p.v[2] * mult);
+
+ }
+ }
+ }
+ }
+ if(documentData.strokeWidthAnim){
+ letterSw = sw < 0 ? 0 : sw;
+ }
+ if(documentData.strokeColorAnim){
+ letterSc = 'rgb('+Math.round(sc[0]*255)+','+Math.round(sc[1]*255)+','+Math.round(sc[2]*255)+')';
+ }
+ if(documentData.fillColorAnim && documentData.fc){
+ letterFc = 'rgb('+Math.round(fc[0]*255)+','+Math.round(fc[1]*255)+','+Math.round(fc[2]*255)+')';
+ }
+
+ if(this._hasMaskedPath) {
+ matrixHelper.translate(0,-documentData.ls);
+
+ matrixHelper.translate(0, alignment[1]*yOff/100 + yPos,0);
+ if (textData.p.p) {
+ tanAngle = (currentPoint.point[1] - prevPoint.point[1]) / (currentPoint.point[0] - prevPoint.point[0]);
+ var rot = Math.atan(tanAngle) * 180 / Math.PI;
+ if (currentPoint.point[0] < prevPoint.point[0]) {
+ rot += 180;
+ }
+ matrixHelper.rotate(-rot * Math.PI / 180);
+ }
+ matrixHelper.translate(xPathPos, yPathPos, 0);
+ currentLength -= alignment[0]*letters[i].an/200;
+ if(letters[i+1] && ind !== letters[i+1].ind){
+ currentLength += letters[i].an / 2;
+ currentLength += documentData.tr/1000*documentData.finalSize;
+ }
+ }else{
+
+ matrixHelper.translate(xPos,yPos,0);
+
+ if(documentData.ps){
+ //matrixHelper.translate(documentData.ps[0],documentData.ps[1],0);
+ matrixHelper.translate(documentData.ps[0],documentData.ps[1] + documentData.ascent,0);
+ }
+ switch(documentData.j){
+ case 1:
+ matrixHelper.translate(letters[i].animatorJustifyOffset + documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[letters[i].line]),0,0);
+ break;
+ case 2:
+ matrixHelper.translate(letters[i].animatorJustifyOffset + documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[letters[i].line])/2,0,0);
+ break;
+ }
+ matrixHelper.translate(0,-documentData.ls);
+ matrixHelper.translate(offf,0,0);
+ matrixHelper.translate(alignment[0]*letters[i].an/200,alignment[1]*yOff/100,0);
+ xPos += letters[i].l + documentData.tr/1000*documentData.finalSize;
+ }
+ if(renderType === 'html'){
+ letterM = matrixHelper.toCSS();
+ }else if(renderType === 'svg'){
+ letterM = matrixHelper.to2dCSS();
+ }else{
+ letterP = [matrixHelper.props[0],matrixHelper.props[1],matrixHelper.props[2],matrixHelper.props[3],matrixHelper.props[4],matrixHelper.props[5],matrixHelper.props[6],matrixHelper.props[7],matrixHelper.props[8],matrixHelper.props[9],matrixHelper.props[10],matrixHelper.props[11],matrixHelper.props[12],matrixHelper.props[13],matrixHelper.props[14],matrixHelper.props[15]];
+ }
+ letterO = elemOpacity;
+ }
+
+ if(renderedLettersCount <= i) {
+ letterValue = new LetterProps(letterO,letterSw,letterSc,letterFc,letterM,letterP);
+ this.renderedLetters.push(letterValue);
+ renderedLettersCount += 1;
+ this.lettersChangedFlag = true;
+ } else {
+ letterValue = this.renderedLetters[i];
+ this.lettersChangedFlag = letterValue.update(letterO, letterSw, letterSc, letterFc, letterM, letterP) || this.lettersChangedFlag;
+ }
+ }
+};
+
+TextAnimatorProperty.prototype.getValue = function(){
+ if(this._elem.globalData.frameId === this._frameId){
+ return;
+ }
+ this._frameId = this._elem.globalData.frameId;
+ this.iterateDynamicProperties();
+};
+
+TextAnimatorProperty.prototype.mHelper = new Matrix();
+TextAnimatorProperty.prototype.defaultPropsArray = [];
+extendPrototype([DynamicPropertyContainer], TextAnimatorProperty);
+function TextAnimatorDataProperty(elem, animatorProps, container) {
+ var defaultData = {propType:false};
+ var getProp = PropertyFactory.getProp;
+ var textAnimator_animatables = animatorProps.a;
+ this.a = {
+ r: textAnimator_animatables.r ? getProp(elem, textAnimator_animatables.r, 0, degToRads, container) : defaultData,
+ rx: textAnimator_animatables.rx ? getProp(elem, textAnimator_animatables.rx, 0, degToRads, container) : defaultData,
+ ry: textAnimator_animatables.ry ? getProp(elem, textAnimator_animatables.ry, 0, degToRads, container) : defaultData,
+ sk: textAnimator_animatables.sk ? getProp(elem, textAnimator_animatables.sk, 0, degToRads, container) : defaultData,
+ sa: textAnimator_animatables.sa ? getProp(elem, textAnimator_animatables.sa, 0, degToRads, container) : defaultData,
+ s: textAnimator_animatables.s ? getProp(elem, textAnimator_animatables.s, 1, 0.01, container) : defaultData,
+ a: textAnimator_animatables.a ? getProp(elem, textAnimator_animatables.a, 1, 0, container) : defaultData,
+ o: textAnimator_animatables.o ? getProp(elem, textAnimator_animatables.o, 0, 0.01, container) : defaultData,
+ p: textAnimator_animatables.p ? getProp(elem,textAnimator_animatables.p, 1, 0, container) : defaultData,
+ sw: textAnimator_animatables.sw ? getProp(elem, textAnimator_animatables.sw, 0, 0, container) : defaultData,
+ sc: textAnimator_animatables.sc ? getProp(elem, textAnimator_animatables.sc, 1, 0, container) : defaultData,
+ fc: textAnimator_animatables.fc ? getProp(elem, textAnimator_animatables.fc, 1, 0, container) : defaultData,
+ fh: textAnimator_animatables.fh ? getProp(elem, textAnimator_animatables.fh, 0, 0, container) : defaultData,
+ fs: textAnimator_animatables.fs ? getProp(elem, textAnimator_animatables.fs, 0, 0.01, container) : defaultData,
+ fb: textAnimator_animatables.fb ? getProp(elem, textAnimator_animatables.fb, 0, 0.01, container) : defaultData,
+ t: textAnimator_animatables.t ? getProp(elem, textAnimator_animatables.t, 0, 0, container) : defaultData
+ };
+
+ this.s = TextSelectorProp.getTextSelectorProp(elem,animatorProps.s, container);
+ this.s.t = animatorProps.s.t;
+}
+function LetterProps(o, sw, sc, fc, m, p){
+ this.o = o;
+ this.sw = sw;
+ this.sc = sc;
+ this.fc = fc;
+ this.m = m;
+ this.p = p;
+ this._mdf = {
+ o: true,
+ sw: !!sw,
+ sc: !!sc,
+ fc: !!fc,
+ m: true,
+ p: true
+ };
+}
+
+LetterProps.prototype.update = function(o, sw, sc, fc, m, p) {
+ this._mdf.o = false;
+ this._mdf.sw = false;
+ this._mdf.sc = false;
+ this._mdf.fc = false;
+ this._mdf.m = false;
+ this._mdf.p = false;
+ var updated = false;
+
+ if(this.o !== o) {
+ this.o = o;
+ this._mdf.o = true;
+ updated = true;
+ }
+ if(this.sw !== sw) {
+ this.sw = sw;
+ this._mdf.sw = true;
+ updated = true;
+ }
+ if(this.sc !== sc) {
+ this.sc = sc;
+ this._mdf.sc = true;
+ updated = true;
+ }
+ if(this.fc !== fc) {
+ this.fc = fc;
+ this._mdf.fc = true;
+ updated = true;
+ }
+ if(this.m !== m) {
+ this.m = m;
+ this._mdf.m = true;
+ updated = true;
+ }
+ if(p.length && (this.p[0] !== p[0] || this.p[1] !== p[1] || this.p[4] !== p[4] || this.p[5] !== p[5] || this.p[12] !== p[12] || this.p[13] !== p[13])) {
+ this.p = p;
+ this._mdf.p = true;
+ updated = true;
+ }
+ return updated;
+};
+function TextProperty(elem, data){
+ this._frameId = initialDefaultFrame;
+ this.pv = '';
+ this.v = '';
+ this.kf = false;
+ this._isFirstFrame = true;
+ this._mdf = false;
+ this.data = data;
+ this.elem = elem;
+ this.comp = this.elem.comp;
+ this.keysIndex = 0;
+ this.canResize = false;
+ this.minimumFontSize = 1;
+ this.effectsSequence = [];
+ this.currentData = {
+ ascent: 0,
+ boxWidth: this.defaultBoxWidth,
+ f: '',
+ fStyle: '',
+ fWeight: '',
+ fc: '',
+ j: '',
+ justifyOffset: '',
+ l: [],
+ lh: 0,
+ lineWidths: [],
+ ls: '',
+ of: '',
+ s: '',
+ sc: '',
+ sw: 0,
+ t: 0,
+ tr: 0,
+ sz:0,
+ ps:null,
+ fillColorAnim: false,
+ strokeColorAnim: false,
+ strokeWidthAnim: false,
+ yOffset: 0,
+ finalSize:0,
+ finalText:[],
+ finalLineHeight: 0,
+ __complete: false
+
+ };
+ this.copyData(this.currentData, this.data.d.k[0].s);
+
+ if(!this.searchProperty()) {
+ this.completeTextData(this.currentData);
+ }
+}
+
+TextProperty.prototype.defaultBoxWidth = [0,0];
+
+TextProperty.prototype.copyData = function(obj, data) {
+ for(var s in data) {
+ if(data.hasOwnProperty(s)) {
+ obj[s] = data[s];
+ }
+ }
+ return obj;
+}
+
+TextProperty.prototype.setCurrentData = function(data){
+ if(!data.__complete) {
+ this.completeTextData(data);
+ }
+ this.currentData = data;
+ this.currentData.boxWidth = this.currentData.boxWidth || this.defaultBoxWidth;
+ this._mdf = true;
+};
+
+TextProperty.prototype.searchProperty = function() {
+ return this.searchKeyframes();
+};
+
+TextProperty.prototype.searchKeyframes = function() {
+ this.kf = this.data.d.k.length > 1;
+ if(this.kf) {
+ this.addEffect(this.getKeyframeValue.bind(this));
+ }
+ return this.kf;
+}
+
+TextProperty.prototype.addEffect = function(effectFunction) {
+ this.effectsSequence.push(effectFunction);
+ this.elem.addDynamicProperty(this);
+};
+
+TextProperty.prototype.getValue = function(_finalValue) {
+ if((this.elem.globalData.frameId === this.frameId || !this.effectsSequence.length) && !_finalValue) {
+ return;
+ }
+ this.currentData.t = this.data.d.k[this.keysIndex].s.t;
+ var currentValue = this.currentData;
+ var currentIndex = this.keysIndex;
+ if(this.lock) {
+ this.setCurrentData(this.currentData);
+ return;
+ }
+ this.lock = true;
+ this._mdf = false;
+ var multipliedValue;
+ var i, len = this.effectsSequence.length;
+ var finalValue = _finalValue || this.data.d.k[this.keysIndex].s;
+ for(i = 0; i < len; i += 1) {
+ //Checking if index changed to prevent creating a new object every time the expression updates.
+ if(currentIndex !== this.keysIndex) {
+ finalValue = this.effectsSequence[i](finalValue, finalValue.t);
+ } else {
+ finalValue = this.effectsSequence[i](this.currentData, finalValue.t);
+ }
+ }
+ if(currentValue !== finalValue) {
+ this.setCurrentData(finalValue);
+ }
+ this.pv = this.v = this.currentData;
+ this.lock = false;
+ this.frameId = this.elem.globalData.frameId;
+}
+
+TextProperty.prototype.getKeyframeValue = function() {
+ var textKeys = this.data.d.k, textDocumentData;
+ var frameNum = this.elem.comp.renderedFrame;
+ var i = 0, len = textKeys.length;
+ while(i <= len - 1) {
+ textDocumentData = textKeys[i].s;
+ if(i === len - 1 || textKeys[i+1].t > frameNum){
+ break;
+ }
+ i += 1;
+ }
+ if(this.keysIndex !== i) {
+ this.keysIndex = i;
+ }
+ return this.data.d.k[this.keysIndex].s;
+};
+
+TextProperty.prototype.buildFinalText = function(text) {
+ var combinedCharacters = FontManager.getCombinedCharacterCodes();
+ var charactersArray = [];
+ var i = 0, len = text.length;
+ while (i < len) {
+ if (combinedCharacters.indexOf(text.charCodeAt(i)) !== -1) {
+ charactersArray[charactersArray.length - 1] += text.charAt(i);
+ } else {
+ charactersArray.push(text.charAt(i));
+ }
+ i += 1;
+ }
+ return charactersArray;
+}
+
+TextProperty.prototype.completeTextData = function(documentData) {
+ documentData.__complete = true;
+ var fontManager = this.elem.globalData.fontManager;
+ var data = this.data;
+ var letters = [];
+ var i, len;
+ var newLineFlag, index = 0, val;
+ var anchorGrouping = data.m.g;
+ var currentSize = 0, currentPos = 0, currentLine = 0, lineWidths = [];
+ var lineWidth = 0;
+ var maxLineWidth = 0;
+ var j, jLen;
+ var fontData = fontManager.getFontByName(documentData.f);
+ var charData, cLength = 0;
+ var styles = fontData.fStyle ? fontData.fStyle.split(' ') : [];
+
+ var fWeight = 'normal', fStyle = 'normal';
+ len = styles.length;
+ var styleName;
+ for(i=0;i<len;i+=1){
+ styleName = styles[i].toLowerCase();
+ switch(styleName) {
+ case 'italic':
+ fStyle = 'italic';
+ break;
+ case 'bold':
+ fWeight = '700';
+ break;
+ case 'black':
+ fWeight = '900';
+ break;
+ case 'medium':
+ fWeight = '500';
+ break;
+ case 'regular':
+ case 'normal':
+ fWeight = '400';
+ break;
+ case 'light':
+ case 'thin':
+ fWeight = '200';
+ break;
+ }
+ }
+ documentData.fWeight = fontData.fWeight || fWeight;
+ documentData.fStyle = fStyle;
+ len = documentData.t.length;
+ documentData.finalSize = documentData.s;
+ documentData.finalText = this.buildFinalText(documentData.t);
+ documentData.finalLineHeight = documentData.lh;
+ var trackingOffset = documentData.tr/1000*documentData.finalSize;
+ var charCode;
+ if(documentData.sz){
+ var flag = true;
+ var boxWidth = documentData.sz[0];
+ var boxHeight = documentData.sz[1];
+ var currentHeight, finalText;
+ while(flag) {
+ finalText = this.buildFinalText(documentData.t);
+ currentHeight = 0;
+ lineWidth = 0;
+ len = finalText.length;
+ trackingOffset = documentData.tr/1000*documentData.finalSize;
+ var lastSpaceIndex = -1;
+ for(i=0;i<len;i+=1){
+ charCode = finalText[i].charCodeAt(0);
+ newLineFlag = false;
+ if(finalText[i] === ' '){
+ lastSpaceIndex = i;
+ }else if(charCode === 13 || charCode === 3){
+ lineWidth = 0;
+ newLineFlag = true;
+ currentHeight += documentData.finalLineHeight || documentData.finalSize*1.2;
+ }
+ if(fontManager.chars){
+ charData = fontManager.getCharData(finalText[i], fontData.fStyle, fontData.fFamily);
+ cLength = newLineFlag ? 0 : charData.w*documentData.finalSize/100;
+ }else{
+ //tCanvasHelper.font = documentData.s + 'px '+ fontData.fFamily;
+ cLength = fontManager.measureText(finalText[i], documentData.f, documentData.finalSize);
+ }
+ if(lineWidth + cLength > boxWidth && finalText[i] !== ' '){
+ if(lastSpaceIndex === -1){
+ len += 1;
+ } else {
+ i = lastSpaceIndex;
+ }
+ currentHeight += documentData.finalLineHeight || documentData.finalSize*1.2;
+ finalText.splice(i, lastSpaceIndex === i ? 1 : 0,"\r");
+ //finalText = finalText.substr(0,i) + "\r" + finalText.substr(i === lastSpaceIndex ? i + 1 : i);
+ lastSpaceIndex = -1;
+ lineWidth = 0;
+ }else {
+ lineWidth += cLength;
+ lineWidth += trackingOffset;
+ }
+ }
+ currentHeight += fontData.ascent*documentData.finalSize/100;
+ if(this.canResize && documentData.finalSize > this.minimumFontSize && boxHeight < currentHeight) {
+ documentData.finalSize -= 1;
+ documentData.finalLineHeight = documentData.finalSize * documentData.lh / documentData.s;
+ } else {
+ documentData.finalText = finalText;
+ len = documentData.finalText.length;
+ flag = false;
+ }
+ }
+
+ }
+ lineWidth = - trackingOffset;
+ cLength = 0;
+ var uncollapsedSpaces = 0;
+ var currentChar;
+ for (i = 0;i < len ;i += 1) {
+ newLineFlag = false;
+ currentChar = documentData.finalText[i];
+ charCode = currentChar.charCodeAt(0);
+ if (currentChar === ' '){
+ val = '\u00A0';
+ } else if (charCode === 13 || charCode === 3) {
+ uncollapsedSpaces = 0;
+ lineWidths.push(lineWidth);
+ maxLineWidth = lineWidth > maxLineWidth ? lineWidth : maxLineWidth;
+ lineWidth = - 2 * trackingOffset;
+ val = '';
+ newLineFlag = true;
+ currentLine += 1;
+ }else{
+ val = documentData.finalText[i];
+ }
+ if(fontManager.chars){
+ charData = fontManager.getCharData(currentChar, fontData.fStyle, fontManager.getFontByName(documentData.f).fFamily);
+ cLength = newLineFlag ? 0 : charData.w*documentData.finalSize/100;
+ }else{
+ //var charWidth = fontManager.measureText(val, documentData.f, documentData.finalSize);
+ //tCanvasHelper.font = documentData.finalSize + 'px '+ fontManager.getFontByName(documentData.f).fFamily;
+ cLength = fontManager.measureText(val, documentData.f, documentData.finalSize);
+ }
+
+ //
+ if(currentChar === ' '){
+ uncollapsedSpaces += cLength + trackingOffset;
+ } else {
+ lineWidth += cLength + trackingOffset + uncollapsedSpaces;
+ uncollapsedSpaces = 0;
+ }
+ letters.push({l:cLength,an:cLength,add:currentSize,n:newLineFlag, anIndexes:[], val: val, line: currentLine, animatorJustifyOffset: 0});
+ if(anchorGrouping == 2){
+ currentSize += cLength;
+ if(val === '' || val === '\u00A0' || i === len - 1){
+ if(val === '' || val === '\u00A0'){
+ currentSize -= cLength;
+ }
+ while(currentPos<=i){
+ letters[currentPos].an = currentSize;
+ letters[currentPos].ind = index;
+ letters[currentPos].extra = cLength;
+ currentPos += 1;
+ }
+ index += 1;
+ currentSize = 0;
+ }
+ }else if(anchorGrouping == 3){
+ currentSize += cLength;
+ if(val === '' || i === len - 1){
+ if(val === ''){
+ currentSize -= cLength;
+ }
+ while(currentPos<=i){
+ letters[currentPos].an = currentSize;
+ letters[currentPos].ind = index;
+ letters[currentPos].extra = cLength;
+ currentPos += 1;
+ }
+ currentSize = 0;
+ index += 1;
+ }
+ }else{
+ letters[index].ind = index;
+ letters[index].extra = 0;
+ index += 1;
+ }
+ }
+ documentData.l = letters;
+ maxLineWidth = lineWidth > maxLineWidth ? lineWidth : maxLineWidth;
+ lineWidths.push(lineWidth);
+ if(documentData.sz){
+ documentData.boxWidth = documentData.sz[0];
+ documentData.justifyOffset = 0;
+ }else{
+ documentData.boxWidth = maxLineWidth;
+ switch(documentData.j){
+ case 1:
+ documentData.justifyOffset = - documentData.boxWidth;
+ break;
+ case 2:
+ documentData.justifyOffset = - documentData.boxWidth/2;
+ break;
+ default:
+ documentData.justifyOffset = 0;
+ }
+ }
+ documentData.lineWidths = lineWidths;
+
+ var animators = data.a, animatorData, letterData;
+ jLen = animators.length;
+ var based, ind, indexes = [];
+ for(j=0;j<jLen;j+=1){
+ animatorData = animators[j];
+ if(animatorData.a.sc){
+ documentData.strokeColorAnim = true;
+ }
+ if(animatorData.a.sw){
+ documentData.strokeWidthAnim = true;
+ }
+ if(animatorData.a.fc || animatorData.a.fh || animatorData.a.fs || animatorData.a.fb){
+ documentData.fillColorAnim = true;
+ }
+ ind = 0;
+ based = animatorData.s.b;
+ for(i=0;i<len;i+=1){
+ letterData = letters[i];
+ letterData.anIndexes[j] = ind;
+ if((based == 1 && letterData.val !== '') || (based == 2 && letterData.val !== '' && letterData.val !== '\u00A0') || (based == 3 && (letterData.n || letterData.val == '\u00A0' || i == len - 1)) || (based == 4 && (letterData.n || i == len - 1))){
+ if(animatorData.s.rn === 1){
+ indexes.push(ind);
+ }
+ ind += 1;
+ }
+ }
+ data.a[j].s.totalChars = ind;
+ var currentInd = -1, newInd;
+ if(animatorData.s.rn === 1){
+ for(i = 0; i < len; i += 1){
+ letterData = letters[i];
+ if(currentInd != letterData.anIndexes[j]){
+ currentInd = letterData.anIndexes[j];
+ newInd = indexes.splice(Math.floor(Math.random()*indexes.length),1)[0];
+ }
+ letterData.anIndexes[j] = newInd;
+ }
+ }
+ }
+ documentData.yOffset = documentData.finalLineHeight || documentData.finalSize*1.2;
+ documentData.ls = documentData.ls || 0;
+ documentData.ascent = fontData.ascent*documentData.finalSize/100;
+};
+
+TextProperty.prototype.updateDocumentData = function(newData, index) {
+ index = index === undefined ? this.keysIndex : index;
+ var dData = this.copyData({}, this.data.d.k[index].s);
+ dData = this.copyData(dData, newData);
+ this.data.d.k[index].s = dData;
+ this.recalculate(index);
+ this.elem.addDynamicProperty(this);
+};
+
+TextProperty.prototype.recalculate = function(index) {
+ var dData = this.data.d.k[index].s;
+ dData.__complete = false;
+ this.keysIndex = 0;
+ this._isFirstFrame = true;
+ this.getValue(dData);
+}
+
+TextProperty.prototype.canResizeFont = function(_canResize) {
+ this.canResize = _canResize;
+ this.recalculate(this.keysIndex);
+ this.elem.addDynamicProperty(this);
+};
+
+TextProperty.prototype.setMinimumFontSize = function(_fontValue) {
+ this.minimumFontSize = Math.floor(_fontValue) || 1;
+ this.recalculate(this.keysIndex);
+ this.elem.addDynamicProperty(this);
+};
+
+var TextSelectorProp = (function(){
+ var max = Math.max;
+ var min = Math.min;
+ var floor = Math.floor;
+
+ function TextSelectorProp(elem,data){
+ this._currentTextLength = -1;
+ this.k = false;
+ this.data = data;
+ this.elem = elem;
+ this.comp = elem.comp;
+ this.finalS = 0;
+ this.finalE = 0;
+ this.initDynamicPropertyContainer(elem);
+ this.s = PropertyFactory.getProp(elem,data.s || {k:0},0,0,this);
+ if('e' in data){
+ this.e = PropertyFactory.getProp(elem,data.e,0,0,this);
+ }else{
+ this.e = {v:100};
+ }
+ this.o = PropertyFactory.getProp(elem,data.o || {k:0},0,0,this);
+ this.xe = PropertyFactory.getProp(elem,data.xe || {k:0},0,0,this);
+ this.ne = PropertyFactory.getProp(elem,data.ne || {k:0},0,0,this);
+ this.a = PropertyFactory.getProp(elem,data.a,0,0.01,this);
+ if(!this.dynamicProperties.length){
+ this.getValue();
+ }
+ }
+
+ TextSelectorProp.prototype = {
+ getMult: function(ind) {
+ if(this._currentTextLength !== this.elem.textProperty.currentData.l.length) {
+ this.getValue();
+ }
+ //var easer = bez.getEasingCurve(this.ne.v/100,0,1-this.xe.v/100,1);
+ var easer = BezierFactory.getBezierEasing(this.ne.v/100,0,1-this.xe.v/100,1).get;
+ var mult = 0;
+ var s = this.finalS;
+ var e = this.finalE;
+ var type = this.data.sh;
+ if(type == 2){
+ if(e === s){
+ mult = ind >= e ? 1 : 0;
+ }else{
+ mult = max(0,min(0.5/(e-s) + (ind-s)/(e-s),1));
+ }
+ mult = easer(mult);
+ }else if(type == 3){
+ if(e === s){
+ mult = ind >= e ? 0 : 1;
+ }else{
+ mult = 1 - max(0,min(0.5/(e-s) + (ind-s)/(e-s),1));
+ }
+
+ mult = easer(mult);
+ }else if(type == 4){
+ if(e === s){
+ mult = 0;
+ }else{
+ mult = max(0,min(0.5/(e-s) + (ind-s)/(e-s),1));
+ if(mult<0.5){
+ mult *= 2;
+ }else{
+ mult = 1 - 2*(mult-0.5);
+ }
+ }
+ mult = easer(mult);
+ }else if(type == 5){
+ if(e === s){
+ mult = 0;
+ }else{
+ var tot = e - s;
+ /*ind += 0.5;
+ mult = -4/(tot*tot)*(ind*ind)+(4/tot)*ind;*/
+ ind = min(max(0,ind+0.5-s),e-s);
+ var x = -tot/2+ind;
+ var a = tot/2;
+ mult = Math.sqrt(1 - (x*x)/(a*a));
+ }
+ mult = easer(mult);
+ }else if(type == 6){
+ if(e === s){
+ mult = 0;
+ }else{
+ ind = min(max(0,ind+0.5-s),e-s);
+ mult = (1+(Math.cos((Math.PI+Math.PI*2*(ind)/(e-s)))))/2;
+ /*
+ ind = Math.min(Math.max(s,ind),e-1);
+ mult = (1+(Math.cos((Math.PI+Math.PI*2*(ind-s)/(e-1-s)))))/2;
+ mult = Math.max(mult,(1/(e-1-s))/(e-1-s));*/
+ }
+ mult = easer(mult);
+ }else {
+ if(ind >= floor(s)){
+ if(ind-s < 0){
+ mult = 1 - (s - ind);
+ }else{
+ mult = max(0,min(e-ind,1));
+ }
+ }
+ mult = easer(mult);
+ }
+ return mult*this.a.v;
+ },
+ getValue: function(newCharsFlag) {
+ this.iterateDynamicProperties();
+ this._mdf = newCharsFlag || this._mdf;
+ this._currentTextLength = this.elem.textProperty.currentData.l.length || 0;
+ if(newCharsFlag && this.data.r === 2) {
+ this.e.v = this._currentTextLength;
+ }
+ var divisor = this.data.r === 2 ? 1 : 100 / this.data.totalChars;
+ var o = this.o.v/divisor;
+ var s = this.s.v/divisor + o;
+ var e = (this.e.v/divisor) + o;
+ if(s>e){
+ var _s = s;
+ s = e;
+ e = _s;
+ }
+ this.finalS = s;
+ this.finalE = e;
+ }
+ }
+ extendPrototype([DynamicPropertyContainer], TextSelectorProp);
+
+ function getTextSelectorProp(elem, data,arr) {
+ return new TextSelectorProp(elem, data, arr);
+ }
+
+ return {
+ getTextSelectorProp: getTextSelectorProp
+ };
+}());
+
+
+var pool_factory = (function() {
+ return function(initialLength, _create, _release, _clone) {
+
+ var _length = 0;
+ var _maxLength = initialLength;
+ var pool = createSizedArray(_maxLength);
+
+ var ob = {
+ newElement: newElement,
+ release: release
+ };
+
+ function newElement(){
+ var element;
+ if(_length){
+ _length -= 1;
+ element = pool[_length];
+ } else {
+ element = _create();
+ }
+ return element;
+ }
+
+ function release(element) {
+ if(_length === _maxLength) {
+ pool = pooling.double(pool);
+ _maxLength = _maxLength*2;
+ }
+ if (_release) {
+ _release(element);
+ }
+ pool[_length] = element;
+ _length += 1;
+ }
+
+ function clone() {
+ var clonedElement = newElement();
+ return _clone(clonedElement);
+ }
+
+ return ob;
+ };
+}());
+
+var pooling = (function(){
+
+ function double(arr){
+ return arr.concat(createSizedArray(arr.length));
+ }
+
+ return {
+ double: double
+ };
+}());
+var point_pool = (function(){
+
+ function create() {
+ return createTypedArray('float32', 2);
+ }
+ return pool_factory(8, create);
+}());
+var shape_pool = (function(){
+
+ function create() {
+ return new ShapePath();
+ }
+
+ function release(shapePath) {
+ var len = shapePath._length, i;
+ for(i = 0; i < len; i += 1) {
+ point_pool.release(shapePath.v[i]);
+ point_pool.release(shapePath.i[i]);
+ point_pool.release(shapePath.o[i]);
+ shapePath.v[i] = null;
+ shapePath.i[i] = null;
+ shapePath.o[i] = null;
+ }
+ shapePath._length = 0;
+ shapePath.c = false;
+ }
+
+ function clone(shape) {
+ var cloned = factory.newElement();
+ var i, len = shape._length === undefined ? shape.v.length : shape._length;
+ cloned.setLength(len);
+ cloned.c = shape.c;
+ var pt;
+
+ for(i = 0; i < len; i += 1) {
+ cloned.setTripleAt(shape.v[i][0],shape.v[i][1],shape.o[i][0],shape.o[i][1],shape.i[i][0],shape.i[i][1], i);
+ }
+ return cloned;
+ }
+
+ var factory = pool_factory(4, create, release);
+ factory.clone = clone;
+
+ return factory;
+}());
+var shapeCollection_pool = (function(){
+ var ob = {
+ newShapeCollection: newShapeCollection,
+ release: release
+ };
+
+ var _length = 0;
+ var _maxLength = 4;
+ var pool = createSizedArray(_maxLength);
+
+ function newShapeCollection(){
+ var shapeCollection;
+ if(_length){
+ _length -= 1;
+ shapeCollection = pool[_length];
+ } else {
+ shapeCollection = new ShapeCollection();
+ }
+ return shapeCollection;
+ }
+
+ function release(shapeCollection) {
+ var i, len = shapeCollection._length;
+ for(i = 0; i < len; i += 1) {
+ shape_pool.release(shapeCollection.shapes[i]);
+ }
+ shapeCollection._length = 0;
+
+ if(_length === _maxLength) {
+ pool = pooling.double(pool);
+ _maxLength = _maxLength*2;
+ }
+ pool[_length] = shapeCollection;
+ _length += 1;
+ }
+
+ return ob;
+}());
+var segments_length_pool = (function(){
+
+ function create() {
+ return {
+ lengths: [],
+ totalLength: 0
+ };
+ }
+
+ function release(element) {
+ var i, len = element.lengths.length;
+ for(i=0;i<len;i+=1) {
+ bezier_length_pool.release(element.lengths[i]);
+ }
+ element.lengths.length = 0;
+ }
+
+ return pool_factory(8, create, release);
+}());
+var bezier_length_pool = (function(){
+
+ function create() {
+ return {
+ addedLength: 0,
+ percents: createTypedArray('float32', defaultCurveSegments),
+ lengths: createTypedArray('float32', defaultCurveSegments),
+ };
+ }
+ return pool_factory(8, create);
+}());
+function BaseRenderer(){}
+BaseRenderer.prototype.checkLayers = function(num){
+ var i, len = this.layers.length, data;
+ this.completeLayers = true;
+ for (i = len - 1; i >= 0; i--) {
+ if (!this.elements[i]) {
+ data = this.layers[i];
+ if(data.ip - data.st <= (num - this.layers[i].st) && data.op - data.st > (num - this.layers[i].st))
+ {
+ this.buildItem(i);
+ }
+ }
+ this.completeLayers = this.elements[i] ? this.completeLayers:false;
+ }
+ this.checkPendingElements();
+};
+
+BaseRenderer.prototype.createItem = function(layer){
+ switch(layer.ty){
+ case 2:
+ return this.createImage(layer);
+ case 0:
+ return this.createComp(layer);
+ case 1:
+ return this.createSolid(layer);
+ case 3:
+ return this.createNull(layer);
+ case 4:
+ return this.createShape(layer);
+ case 5:
+ return this.createText(layer);
+ case 13:
+ return this.createCamera(layer);
+ }
+ return this.createNull(layer);
+};
+
+BaseRenderer.prototype.createCamera = function(){
+ throw new Error('You\'re using a 3d camera. Try the html renderer.');
+};
+
+BaseRenderer.prototype.buildAllItems = function(){
+ var i, len = this.layers.length;
+ for(i=0;i<len;i+=1){
+ this.buildItem(i);
+ }
+ this.checkPendingElements();
+};
+
+BaseRenderer.prototype.includeLayers = function(newLayers){
+ this.completeLayers = false;
+ var i, len = newLayers.length;
+ var j, jLen = this.layers.length;
+ for(i=0;i<len;i+=1){
+ j = 0;
+ while(j<jLen){
+ if(this.layers[j].id == newLayers[i].id){
+ this.layers[j] = newLayers[i];
+ break;
+ }
+ j += 1;
+ }
+ }
+};
+
+BaseRenderer.prototype.setProjectInterface = function(pInterface){
+ this.globalData.projectInterface = pInterface;
+};
+
+BaseRenderer.prototype.initItems = function(){
+ if(!this.globalData.progressiveLoad){
+ this.buildAllItems();
+ }
+};
+BaseRenderer.prototype.buildElementParenting = function(element, parentName, hierarchy) {
+ var elements = this.elements;
+ var layers = this.layers;
+ var i=0, len = layers.length;
+ while (i < len) {
+ if (layers[i].ind == parentName) {
+ if (!elements[i] || elements[i] === true) {
+ this.buildItem(i);
+ this.addPendingElement(element);
+ } else {
+ hierarchy.push(elements[i]);
+ elements[i].setAsParent();
+ if(layers[i].parent !== undefined) {
+ this.buildElementParenting(element, layers[i].parent, hierarchy);
+ } else {
+ element.setHierarchy(hierarchy);
+ }
+ }
+ }
+ i += 1;
+ }
+};
+
+BaseRenderer.prototype.addPendingElement = function(element){
+ this.pendingElements.push(element);
+};
+
+BaseRenderer.prototype.searchExtraCompositions = function(assets){
+ var i, len = assets.length;
+ for(i=0;i<len;i+=1){
+ if(assets[i].xt){
+ var comp = this.createComp(assets[i]);
+ comp.initExpressions();
+ this.globalData.projectInterface.registerComposition(comp);
+ }
+ }
+};
+
+BaseRenderer.prototype.setupGlobalData = function(animData, fontsContainer) {
+ this.globalData.fontManager = new FontManager();
+ this.globalData.fontManager.addChars(animData.chars);
+ this.globalData.fontManager.addFonts(animData.fonts, fontsContainer);
+ this.globalData.getAssetData = this.animationItem.getAssetData.bind(this.animationItem);
+ this.globalData.getAssetsPath = this.animationItem.getAssetsPath.bind(this.animationItem);
+ this.globalData.imageLoader = this.animationItem.imagePreloader;
+ this.globalData.frameId = 0;
+ this.globalData.frameRate = animData.fr;
+ this.globalData.nm = animData.nm;
+ this.globalData.compSize = {
+ w: animData.w,
+ h: animData.h
+ }
+}
+function SVGRenderer(animationItem, config){
+ this.animationItem = animationItem;
+ this.layers = null;
+ this.renderedFrame = -1;
+ this.svgElement = createNS('svg');
+ var defs = createNS( 'defs');
+ this.svgElement.appendChild(defs);
+ var maskElement = createNS('g');
+ this.svgElement.appendChild(maskElement);
+ this.layerElement = maskElement;
+ this.renderConfig = {
+ preserveAspectRatio: (config && config.preserveAspectRatio) || 'xMidYMid meet',
+ imagePreserveAspectRatio: (config && config.imagePreserveAspectRatio) || 'xMidYMid slice',
+ progressiveLoad: (config && config.progressiveLoad) || false,
+ hideOnTransparent: (config && config.hideOnTransparent === false) ? false : true,
+ viewBoxOnly: (config && config.viewBoxOnly) || false,
+ viewBoxSize: (config && config.viewBoxSize) || false,
+ className: (config && config.className) || ''
+ };
+ this.globalData = {
+ _mdf: false,
+ frameNum: -1,
+ defs: defs,
+ renderConfig: this.renderConfig
+ };
+ this.elements = [];
+ this.pendingElements = [];
+ this.destroyed = false;
+ this.rendererType = 'svg';
+
+}
+
+extendPrototype([BaseRenderer],SVGRenderer);
+
+SVGRenderer.prototype.createNull = function (data) {
+ return new NullElement(data,this.globalData,this);
+};
+
+SVGRenderer.prototype.createShape = function (data) {
+ return new SVGShapeElement(data,this.globalData,this);
+};
+
+SVGRenderer.prototype.createText = function (data) {
+ return new SVGTextElement(data,this.globalData,this);
+
+};
+
+SVGRenderer.prototype.createImage = function (data) {
+ return new IImageElement(data,this.globalData,this);
+};
+
+SVGRenderer.prototype.createComp = function (data) {
+ return new SVGCompElement(data,this.globalData,this);
+
+};
+
+SVGRenderer.prototype.createSolid = function (data) {
+ return new ISolidElement(data,this.globalData,this);
+};
+
+SVGRenderer.prototype.configAnimation = function(animData){
+ this.svgElement.setAttribute('xmlns','http://www.w3.org/2000/svg');
+ if(this.renderConfig.viewBoxSize) {
+ this.svgElement.setAttribute('viewBox',this.renderConfig.viewBoxSize);
+ } else {
+ this.svgElement.setAttribute('viewBox','0 0 '+animData.w+' '+animData.h);
+ }
+
+ if(!this.renderConfig.viewBoxOnly) {
+ this.svgElement.setAttribute('width',animData.w);
+ this.svgElement.setAttribute('height',animData.h);
+ this.svgElement.style.width = '100%';
+ this.svgElement.style.height = '100%';
+ this.svgElement.style.transform = 'translate3d(0,0,0)';
+ }
+ if(this.renderConfig.className) {
+ this.svgElement.setAttribute('class', this.renderConfig.className);
+ }
+ this.svgElement.setAttribute('preserveAspectRatio',this.renderConfig.preserveAspectRatio);
+ //this.layerElement.style.transform = 'translate3d(0,0,0)';
+ //this.layerElement.style.transformOrigin = this.layerElement.style.mozTransformOrigin = this.layerElement.style.webkitTransformOrigin = this.layerElement.style['-webkit-transform'] = "0px 0px 0px";
+ this.animationItem.wrapper.appendChild(this.svgElement);
+ //Mask animation
+ var defs = this.globalData.defs;
+
+ this.setupGlobalData(animData, defs);
+ this.globalData.progressiveLoad = this.renderConfig.progressiveLoad;
+ this.data = animData;
+
+ var maskElement = createNS( 'clipPath');
+ var rect = createNS('rect');
+ rect.setAttribute('width',animData.w);
+ rect.setAttribute('height',animData.h);
+ rect.setAttribute('x',0);
+ rect.setAttribute('y',0);
+ var maskId = 'animationMask_'+randomString(10);
+ maskElement.setAttribute('id', maskId);
+ maskElement.appendChild(rect);
+ this.layerElement.setAttribute("clip-path", "url(" + locationHref + "#"+maskId+")");
+
+ defs.appendChild(maskElement);
+ this.layers = animData.layers;
+ this.elements = createSizedArray(animData.layers.length);
+};
+
+
+SVGRenderer.prototype.destroy = function () {
+ this.animationItem.wrapper.innerHTML = '';
+ this.layerElement = null;
+ this.globalData.defs = null;
+ var i, len = this.layers ? this.layers.length : 0;
+ for (i = 0; i < len; i++) {
+ if(this.elements[i]){
+ this.elements[i].destroy();
+ }
+ }
+ this.elements.length = 0;
+ this.destroyed = true;
+ this.animationItem = null;
+};
+
+SVGRenderer.prototype.updateContainerSize = function () {
+};
+
+SVGRenderer.prototype.buildItem = function(pos){
+ var elements = this.elements;
+ if(elements[pos] || this.layers[pos].ty == 99){
+ return;
+ }
+ elements[pos] = true;
+ var element = this.createItem(this.layers[pos]);
+
+ elements[pos] = element;
+ if(expressionsPlugin){
+ if(this.layers[pos].ty === 0){
+ this.globalData.projectInterface.registerComposition(element);
+ }
+ element.initExpressions();
+ }
+ this.appendElementInPos(element,pos);
+ if(this.layers[pos].tt){
+ if(!this.elements[pos - 1] || this.elements[pos - 1] === true){
+ this.buildItem(pos - 1);
+ this.addPendingElement(element);
+ } else {
+ element.setMatte(elements[pos - 1].layerId);
+ }
+ }
+};
+
+SVGRenderer.prototype.checkPendingElements = function(){
+ while(this.pendingElements.length){
+ var element = this.pendingElements.pop();
+ element.checkParenting();
+ if(element.data.tt){
+ var i = 0, len = this.elements.length;
+ while(i<len){
+ if(this.elements[i] === element){
+ element.setMatte(this.elements[i - 1].layerId);
+ break;
+ }
+ i += 1;
+ }
+ }
+ }
+};
+
+SVGRenderer.prototype.renderFrame = function(num){
+ if(this.renderedFrame === num || this.destroyed){
+ return;
+ }
+ if(num === null){
+ num = this.renderedFrame;
+ }else{
+ this.renderedFrame = num;
+ }
+ // console.log('-------');
+ // console.log('FRAME ',num);
+ this.globalData.frameNum = num;
+ this.globalData.frameId += 1;
+ this.globalData.projectInterface.currentFrame = num;
+ this.globalData._mdf = false;
+ var i, len = this.layers.length;
+ if(!this.completeLayers){
+ this.checkLayers(num);
+ }
+ for (i = len - 1; i >= 0; i--) {
+ if(this.completeLayers || this.elements[i]){
+ this.elements[i].prepareFrame(num - this.layers[i].st);
+ }
+ }
+ if(this.globalData._mdf) {
+ for (i = 0; i < len; i += 1) {
+ if(this.completeLayers || this.elements[i]){
+ this.elements[i].renderFrame();
+ }
+ }
+ }
+};
+
+SVGRenderer.prototype.appendElementInPos = function(element, pos){
+ var newElement = element.getBaseElement();
+ if(!newElement){
+ return;
+ }
+ var i = 0;
+ var nextElement;
+ while(i<pos){
+ if(this.elements[i] && this.elements[i]!== true && this.elements[i].getBaseElement()){
+ nextElement = this.elements[i].getBaseElement();
+ }
+ i += 1;
+ }
+ if(nextElement){
+ this.layerElement.insertBefore(newElement, nextElement);
+ } else {
+ this.layerElement.appendChild(newElement);
+ }
+};
+
+SVGRenderer.prototype.hide = function(){
+ this.layerElement.style.display = 'none';
+};
+
+SVGRenderer.prototype.show = function(){
+ this.layerElement.style.display = 'block';
+};
+
+function HybridRenderer(animationItem, config){
+ this.animationItem = animationItem;
+ this.layers = null;
+ this.renderedFrame = -1;
+ this.renderConfig = {
+ className: (config && config.className) || '',
+ imagePreserveAspectRatio: (config && config.imagePreserveAspectRatio) || 'xMidYMid slice',
+ hideOnTransparent: (config && config.hideOnTransparent === false) ? false : true
+ };
+ this.globalData = {
+ _mdf: false,
+ frameNum: -1,
+ renderConfig: this.renderConfig
+ };
+ this.pendingElements = [];
+ this.elements = [];
+ this.threeDElements = [];
+ this.destroyed = false;
+ this.camera = null;
+ this.supports3d = true;
+ this.rendererType = 'html';
+
+}
+
+extendPrototype([BaseRenderer],HybridRenderer);
+
+HybridRenderer.prototype.buildItem = SVGRenderer.prototype.buildItem;
+
+HybridRenderer.prototype.checkPendingElements = function(){
+ while(this.pendingElements.length){
+ var element = this.pendingElements.pop();
+ element.checkParenting();
+ }
+};
+
+HybridRenderer.prototype.appendElementInPos = function(element, pos){
+ var newDOMElement = element.getBaseElement();
+ if(!newDOMElement){
+ return;
+ }
+ var layer = this.layers[pos];
+ if(!layer.ddd || !this.supports3d){
+ if(this.threeDElements) {
+ this.addTo3dContainer(newDOMElement,pos);
+ } else {
+ var i = 0;
+ var nextDOMElement, nextLayer, tmpDOMElement;
+ while(i<pos){
+ if(this.elements[i] && this.elements[i]!== true && this.elements[i].getBaseElement){
+ nextLayer = this.elements[i];
+ tmpDOMElement = this.layers[i].ddd ? this.getThreeDContainerByPos(i) : nextLayer.getBaseElement();
+ nextDOMElement = tmpDOMElement || nextDOMElement;
+ }
+ i += 1;
+ }
+ if(nextDOMElement){
+ if(!layer.ddd || !this.supports3d){
+ this.layerElement.insertBefore(newDOMElement, nextDOMElement);
+ }
+ } else {
+ if(!layer.ddd || !this.supports3d){
+ this.layerElement.appendChild(newDOMElement);
+ }
+ }
+ }
+
+ } else {
+ this.addTo3dContainer(newDOMElement,pos);
+ }
+};
+
+HybridRenderer.prototype.createShape = function (data) {
+ if(!this.supports3d){
+ return new SVGShapeElement(data, this.globalData, this);
+ }
+ return new HShapeElement(data, this.globalData, this);
+};
+
+HybridRenderer.prototype.createText = function (data) {
+ if(!this.supports3d){
+ return new SVGTextElement(data, this.globalData, this);
+ }
+ return new HTextElement(data, this.globalData, this);
+};
+
+HybridRenderer.prototype.createCamera = function (data) {
+ this.camera = new HCameraElement(data, this.globalData, this);
+ return this.camera;
+};
+
+HybridRenderer.prototype.createImage = function (data) {
+ if(!this.supports3d){
+ return new IImageElement(data, this.globalData, this);
+ }
+ return new HImageElement(data, this.globalData, this);
+};
+
+HybridRenderer.prototype.createComp = function (data) {
+ if(!this.supports3d){
+ return new SVGCompElement(data, this.globalData, this);
+ }
+ return new HCompElement(data, this.globalData, this);
+
+};
+
+HybridRenderer.prototype.createSolid = function (data) {
+ if(!this.supports3d){
+ return new ISolidElement(data, this.globalData, this);
+ }
+ return new HSolidElement(data, this.globalData, this);
+};
+
+HybridRenderer.prototype.createNull = SVGRenderer.prototype.createNull;
+
+HybridRenderer.prototype.getThreeDContainerByPos = function(pos){
+ var i = 0, len = this.threeDElements.length;
+ while(i<len) {
+ if(this.threeDElements[i].startPos <= pos && this.threeDElements[i].endPos >= pos) {
+ return this.threeDElements[i].perspectiveElem;
+ }
+ i += 1;
+ }
+};
+
+HybridRenderer.prototype.createThreeDContainer = function(pos, type){
+ var perspectiveElem = createTag('div');
+ styleDiv(perspectiveElem);
+ var container = createTag('div');
+ styleDiv(container);
+ if(type === '3d') {
+ perspectiveElem.style.width = this.globalData.compSize.w+'px';
+ perspectiveElem.style.height = this.globalData.compSize.h+'px';
+ perspectiveElem.style.transformOrigin = perspectiveElem.style.mozTransformOrigin = perspectiveElem.style.webkitTransformOrigin = "50% 50%";
+ container.style.transform = container.style.webkitTransform = 'matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)';
+ }
+
+ perspectiveElem.appendChild(container);
+ //this.resizerElem.appendChild(perspectiveElem);
+ var threeDContainerData = {
+ container:container,
+ perspectiveElem:perspectiveElem,
+ startPos: pos,
+ endPos: pos,
+ type: type
+ };
+ this.threeDElements.push(threeDContainerData);
+ return threeDContainerData;
+};
+
+HybridRenderer.prototype.build3dContainers = function(){
+ var i, len = this.layers.length;
+ var lastThreeDContainerData;
+ var currentContainer = '';
+ for(i=0;i<len;i+=1){
+ if(this.layers[i].ddd && this.layers[i].ty !== 3){
+ if(currentContainer !== '3d'){
+ currentContainer = '3d';
+ lastThreeDContainerData = this.createThreeDContainer(i,'3d');
+ }
+ lastThreeDContainerData.endPos = Math.max(lastThreeDContainerData.endPos,i);
+ } else {
+ if(currentContainer !== '2d'){
+ currentContainer = '2d';
+ lastThreeDContainerData = this.createThreeDContainer(i,'2d');
+ }
+ lastThreeDContainerData.endPos = Math.max(lastThreeDContainerData.endPos,i);
+ }
+ }
+ len = this.threeDElements.length;
+ for(i = len - 1; i >= 0; i --) {
+ this.resizerElem.appendChild(this.threeDElements[i].perspectiveElem);
+ }
+};
+
+HybridRenderer.prototype.addTo3dContainer = function(elem,pos){
+ var i = 0, len = this.threeDElements.length;
+ while(i<len){
+ if(pos <= this.threeDElements[i].endPos){
+ var j = this.threeDElements[i].startPos;
+ var nextElement;
+ while(j<pos){
+ if(this.elements[j] && this.elements[j].getBaseElement){
+ nextElement = this.elements[j].getBaseElement();
+ }
+ j += 1;
+ }
+ if(nextElement){
+ this.threeDElements[i].container.insertBefore(elem, nextElement);
+ } else {
+ this.threeDElements[i].container.appendChild(elem);
+ }
+ break;
+ }
+ i += 1;
+ }
+};
+
+HybridRenderer.prototype.configAnimation = function(animData){
+ var resizerElem = createTag('div');
+ var wrapper = this.animationItem.wrapper;
+ resizerElem.style.width = animData.w+'px';
+ resizerElem.style.height = animData.h+'px';
+ this.resizerElem = resizerElem;
+ styleDiv(resizerElem);
+ resizerElem.style.transformStyle = resizerElem.style.webkitTransformStyle = resizerElem.style.mozTransformStyle = "flat";
+ if(this.renderConfig.className) {
+ resizerElem.setAttribute('class', this.renderConfig.className);
+ }
+ wrapper.appendChild(resizerElem);
+
+ resizerElem.style.overflow = 'hidden';
+ var svg = createNS('svg');
+ svg.setAttribute('width','1');
+ svg.setAttribute('height','1');
+ styleDiv(svg);
+ this.resizerElem.appendChild(svg);
+ var defs = createNS('defs');
+ svg.appendChild(defs);
+ this.data = animData;
+ //Mask animation
+ this.setupGlobalData(animData, svg);
+ this.globalData.defs = defs;
+ this.layers = animData.layers;
+ this.layerElement = this.resizerElem;
+ this.build3dContainers();
+ this.updateContainerSize();
+};
+
+HybridRenderer.prototype.destroy = function () {
+ this.animationItem.wrapper.innerHTML = '';
+ this.animationItem.container = null;
+ this.globalData.defs = null;
+ var i, len = this.layers ? this.layers.length : 0;
+ for (i = 0; i < len; i++) {
+ this.elements[i].destroy();
+ }
+ this.elements.length = 0;
+ this.destroyed = true;
+ this.animationItem = null;
+};
+
+HybridRenderer.prototype.updateContainerSize = function () {
+ var elementWidth = this.animationItem.wrapper.offsetWidth;
+ var elementHeight = this.animationItem.wrapper.offsetHeight;
+ var elementRel = elementWidth/elementHeight;
+ var animationRel = this.globalData.compSize.w/this.globalData.compSize.h;
+ var sx,sy,tx,ty;
+ if(animationRel>elementRel){
+ sx = elementWidth/(this.globalData.compSize.w);
+ sy = elementWidth/(this.globalData.compSize.w);
+ tx = 0;
+ ty = ((elementHeight-this.globalData.compSize.h*(elementWidth/this.globalData.compSize.w))/2);
+ }else{
+ sx = elementHeight/(this.globalData.compSize.h);
+ sy = elementHeight/(this.globalData.compSize.h);
+ tx = (elementWidth-this.globalData.compSize.w*(elementHeight/this.globalData.compSize.h))/2;
+ ty = 0;
+ }
+ this.resizerElem.style.transform = this.resizerElem.style.webkitTransform = 'matrix3d(' + sx + ',0,0,0,0,'+sy+',0,0,0,0,1,0,'+tx+','+ty+',0,1)';
+};
+
+HybridRenderer.prototype.renderFrame = SVGRenderer.prototype.renderFrame;
+
+HybridRenderer.prototype.hide = function(){
+ this.resizerElem.style.display = 'none';
+};
+
+HybridRenderer.prototype.show = function(){
+ this.resizerElem.style.display = 'block';
+};
+
+HybridRenderer.prototype.initItems = function(){
+ this.buildAllItems();
+ if(this.camera){
+ this.camera.setup();
+ } else {
+ var cWidth = this.globalData.compSize.w;
+ var cHeight = this.globalData.compSize.h;
+ var i, len = this.threeDElements.length;
+ for(i=0;i<len;i+=1){
+ this.threeDElements[i].perspectiveElem.style.perspective = this.threeDElements[i].perspectiveElem.style.webkitPerspective = Math.sqrt(Math.pow(cWidth,2) + Math.pow(cHeight,2)) + 'px';
+ }
+ }
+};
+
+HybridRenderer.prototype.searchExtraCompositions = function(assets){
+ var i, len = assets.length;
+ var floatingContainer = createTag('div');
+ for(i=0;i<len;i+=1){
+ if(assets[i].xt){
+ var comp = this.createComp(assets[i],floatingContainer,this.globalData.comp,null);
+ comp.initExpressions();
+ this.globalData.projectInterface.registerComposition(comp);
+ }
+ }
+};
+
+function MaskElement(data,element,globalData) {
+ this.data = data;
+ this.element = element;
+ this.globalData = globalData;
+ this.storedData = [];
+ this.masksProperties = this.data.masksProperties || [];
+ this.maskElement = null;
+ var defs = this.globalData.defs;
+ var i, len = this.masksProperties ? this.masksProperties.length : 0;
+ this.viewData = createSizedArray(len);
+ this.solidPath = '';
+
+
+ var path, properties = this.masksProperties;
+ var count = 0;
+ var currentMasks = [];
+ var j, jLen;
+ var layerId = randomString(10);
+ var rect, expansor, feMorph,x;
+ var maskType = 'clipPath', maskRef = 'clip-path';
+ for (i = 0; i < len; i++) {
+
+ if((properties[i].mode !== 'a' && properties[i].mode !== 'n')|| properties[i].inv || properties[i].o.k !== 100){
+ maskType = 'mask';
+ maskRef = 'mask';
+ }
+
+ if((properties[i].mode == 's' || properties[i].mode == 'i') && count === 0){
+ rect = createNS( 'rect');
+ rect.setAttribute('fill', '#ffffff');
+ rect.setAttribute('width', this.element.comp.data.w || 0);
+ rect.setAttribute('height', this.element.comp.data.h || 0);
+ currentMasks.push(rect);
+ } else {
+ rect = null;
+ }
+
+ path = createNS( 'path');
+ if(properties[i].mode == 'n') {
+ // TODO move this to a factory or to a constructor
+ this.viewData[i] = {
+ op: PropertyFactory.getProp(this.element,properties[i].o,0,0.01,this.element),
+ prop: ShapePropertyFactory.getShapeProp(this.element,properties[i],3),
+ elem: path,
+ lastPath: ''
+ };
+ defs.appendChild(path);
+ continue;
+ }
+ count += 1;
+
+ path.setAttribute('fill', properties[i].mode === 's' ? '#000000':'#ffffff');
+ path.setAttribute('clip-rule','nonzero');
+ var filterID;
+
+ if (properties[i].x.k !== 0) {
+ maskType = 'mask';
+ maskRef = 'mask';
+ x = PropertyFactory.getProp(this.element,properties[i].x,0,null,this.element);
+ filterID = 'fi_'+randomString(10);
+ expansor = createNS('filter');
+ expansor.setAttribute('id',filterID);
+ feMorph = createNS('feMorphology');
+ feMorph.setAttribute('operator','dilate');
+ feMorph.setAttribute('in','SourceGraphic');
+ feMorph.setAttribute('radius','0');
+ expansor.appendChild(feMorph);
+ defs.appendChild(expansor);
+ path.setAttribute('stroke', properties[i].mode === 's' ? '#000000':'#ffffff');
+ } else {
+ feMorph = null;
+ x = null;
+ }
+
+ // TODO move this to a factory or to a constructor
+ this.storedData[i] = {
+ elem: path,
+ x: x,
+ expan: feMorph,
+ lastPath: '',
+ lastOperator:'',
+ filterId:filterID,
+ lastRadius:0
+ };
+ if(properties[i].mode == 'i'){
+ jLen = currentMasks.length;
+ var g = createNS('g');
+ for(j=0;j<jLen;j+=1){
+ g.appendChild(currentMasks[j]);
+ }
+ var mask = createNS('mask');
+ mask.setAttribute('mask-type','alpha');
+ mask.setAttribute('id',layerId+'_'+count);
+ mask.appendChild(path);
+ defs.appendChild(mask);
+ g.setAttribute('mask','url(' + locationHref + '#'+layerId+'_'+count+')');
+
+ currentMasks.length = 0;
+ currentMasks.push(g);
+ }else{
+ currentMasks.push(path);
+ }
+ if(properties[i].inv && !this.solidPath){
+ this.solidPath = this.createLayerSolidPath();
+ }
+ // TODO move this to a factory or to a constructor
+ this.viewData[i] = {
+ elem: path,
+ lastPath: '',
+ op: PropertyFactory.getProp(this.element,properties[i].o,0,0.01,this.element),
+ prop:ShapePropertyFactory.getShapeProp(this.element,properties[i],3),
+ invRect: rect
+ };
+ if(!this.viewData[i].prop.k){
+ this.drawPath(properties[i],this.viewData[i].prop.v,this.viewData[i]);
+ }
+ }
+
+ this.maskElement = createNS( maskType);
+
+ len = currentMasks.length;
+ for(i=0;i<len;i+=1){
+ this.maskElement.appendChild(currentMasks[i]);
+ }
+
+ if(count > 0){
+ this.maskElement.setAttribute('id', layerId);
+ this.element.maskedElement.setAttribute(maskRef, "url(" + locationHref + "#" + layerId + ")");
+ defs.appendChild(this.maskElement);
+ }
+ if (this.viewData.length) {
+ this.element.addRenderableComponent(this);
+ }
+
+}
+
+MaskElement.prototype.getMaskProperty = function(pos){
+ return this.viewData[pos].prop;
+};
+
+MaskElement.prototype.renderFrame = function (isFirstFrame) {
+ var finalMat = this.element.finalTransform.mat;
+ var i, len = this.masksProperties.length;
+ for (i = 0; i < len; i++) {
+ if(this.viewData[i].prop._mdf || isFirstFrame){
+ this.drawPath(this.masksProperties[i],this.viewData[i].prop.v,this.viewData[i]);
+ }
+ if(this.viewData[i].op._mdf || isFirstFrame){
+ this.viewData[i].elem.setAttribute('fill-opacity',this.viewData[i].op.v);
+ }
+ if(this.masksProperties[i].mode !== 'n'){
+ if(this.viewData[i].invRect && (this.element.finalTransform.mProp._mdf || isFirstFrame)){
+ this.viewData[i].invRect.setAttribute('x', -finalMat.props[12]);
+ this.viewData[i].invRect.setAttribute('y', -finalMat.props[13]);
+ }
+ if(this.storedData[i].x && (this.storedData[i].x._mdf || isFirstFrame)){
+ var feMorph = this.storedData[i].expan;
+ if(this.storedData[i].x.v < 0){
+ if(this.storedData[i].lastOperator !== 'erode'){
+ this.storedData[i].lastOperator = 'erode';
+ this.storedData[i].elem.setAttribute('filter','url(' + locationHref + '#'+this.storedData[i].filterId+')');
+ }
+ feMorph.setAttribute('radius',-this.storedData[i].x.v);
+ }else{
+ if(this.storedData[i].lastOperator !== 'dilate'){
+ this.storedData[i].lastOperator = 'dilate';
+ this.storedData[i].elem.setAttribute('filter',null);
+ }
+ this.storedData[i].elem.setAttribute('stroke-width', this.storedData[i].x.v*2);
+
+ }
+ }
+ }
+ }
+};
+
+MaskElement.prototype.getMaskelement = function () {
+ return this.maskElement;
+};
+
+MaskElement.prototype.createLayerSolidPath = function(){
+ var path = 'M0,0 ';
+ path += ' h' + this.globalData.compSize.w ;
+ path += ' v' + this.globalData.compSize.h ;
+ path += ' h-' + this.globalData.compSize.w ;
+ path += ' v-' + this.globalData.compSize.h + ' ';
+ return path;
+};
+
+MaskElement.prototype.drawPath = function(pathData,pathNodes,viewData){
+ var pathString = " M"+pathNodes.v[0][0]+','+pathNodes.v[0][1];
+ var i, len;
+ len = pathNodes._length;
+ for(i=1;i<len;i+=1){
+ //pathString += " C"+pathNodes.o[i-1][0]+','+pathNodes.o[i-1][1] + " "+pathNodes.i[i][0]+','+pathNodes.i[i][1] + " "+pathNodes.v[i][0]+','+pathNodes.v[i][1];
+ pathString += " C"+pathNodes.o[i-1][0]+','+pathNodes.o[i-1][1] + " "+pathNodes.i[i][0]+','+pathNodes.i[i][1] + " "+pathNodes.v[i][0]+','+pathNodes.v[i][1];
+ }
+ //pathString += " C"+pathNodes.o[i-1][0]+','+pathNodes.o[i-1][1] + " "+pathNodes.i[0][0]+','+pathNodes.i[0][1] + " "+pathNodes.v[0][0]+','+pathNodes.v[0][1];
+ if(pathNodes.c && len > 1){
+ pathString += " C"+pathNodes.o[i-1][0]+','+pathNodes.o[i-1][1] + " "+pathNodes.i[0][0]+','+pathNodes.i[0][1] + " "+pathNodes.v[0][0]+','+pathNodes.v[0][1];
+ }
+ //pathNodes.__renderedString = pathString;
+
+ if(viewData.lastPath !== pathString){
+ var pathShapeValue = '';
+ if(viewData.elem){
+ if(pathNodes.c){
+ pathShapeValue = pathData.inv ? this.solidPath + pathString : pathString;
+ }
+ viewData.elem.setAttribute('d',pathShapeValue);
+ }
+ viewData.lastPath = pathString;
+ }
+};
+
+MaskElement.prototype.destroy = function(){
+ this.element = null;
+ this.globalData = null;
+ this.maskElement = null;
+ this.data = null;
+ this.masksProperties = null;
+};
+
+/**
+ * @file
+ * Handles AE's layer parenting property.
+ *
+ */
+
+function HierarchyElement(){}
+
+HierarchyElement.prototype = {
+ /**
+ * @function
+ * Initializes hierarchy properties
+ *
+ */
+ initHierarchy: function() {
+ //element's parent list
+ this.hierarchy = [];
+ //if element is parent of another layer _isParent will be true
+ this._isParent = false;
+ this.checkParenting();
+ },
+ /**
+ * @function
+ * Sets layer's hierarchy.
+ * @param {array} hierarch
+ * layer's parent list
+ *
+ */
+ setHierarchy: function(hierarchy){
+ this.hierarchy = hierarchy;
+ },
+ /**
+ * @function
+ * Sets layer as parent.
+ *
+ */
+ setAsParent: function() {
+ this._isParent = true;
+ },
+ /**
+ * @function
+ * Searches layer's parenting chain
+ *
+ */
+ checkParenting: function(){
+ if (this.data.parent !== undefined){
+ this.comp.buildElementParenting(this, this.data.parent, []);
+ }
+ }
+};
+/**
+ * @file
+ * Handles element's layer frame update.
+ * Checks layer in point and out point
+ *
+ */
+
+function FrameElement(){}
+
+FrameElement.prototype = {
+ /**
+ * @function
+ * Initializes frame related properties.
+ *
+ */
+ initFrame: function(){
+ //set to true when inpoint is rendered
+ this._isFirstFrame = false;
+ //list of animated properties
+ this.dynamicProperties = [];
+ // If layer has been modified in current tick this will be true
+ this._mdf = false;
+ },
+ /**
+ * @function
+ * Calculates all dynamic values
+ *
+ * @param {number} num
+ * current frame number in Layer's time
+ * @param {boolean} isVisible
+ * if layers is currently in range
+ *
+ */
+ prepareProperties: function(num, isVisible) {
+ var i, len = this.dynamicProperties.length;
+ for (i = 0;i < len; i += 1) {
+ if (isVisible || (this._isParent && this.dynamicProperties[i].propType === 'transform')) {
+ this.dynamicProperties[i].getValue();
+ if (this.dynamicProperties[i]._mdf) {
+ this.globalData._mdf = true;
+ this._mdf = true;
+ }
+ }
+ }
+ },
+ addDynamicProperty: function(prop) {
+ if(this.dynamicProperties.indexOf(prop) === -1) {
+ this.dynamicProperties.push(prop);
+ }
+ }
+};
+function TransformElement(){}
+
+TransformElement.prototype = {
+ initTransform: function() {
+ this.finalTransform = {
+ mProp: this.data.ks ? TransformPropertyFactory.getTransformProperty(this, this.data.ks, this) : {o:0},
+ _matMdf: false,
+ _opMdf: false,
+ mat: new Matrix()
+ };
+ if (this.data.ao) {
+ this.finalTransform.mProp.autoOriented = true;
+ }
+
+ //TODO: check TYPE 11: Guided elements
+ if (this.data.ty !== 11) {
+ //this.createElements();
+ }
+ },
+ renderTransform: function() {
+
+ this.finalTransform._opMdf = this.finalTransform.mProp.o._mdf || this._isFirstFrame;
+ this.finalTransform._matMdf = this.finalTransform.mProp._mdf || this._isFirstFrame;
+
+ if (this.hierarchy) {
+ var mat;
+ var finalMat = this.finalTransform.mat;
+ var i = 0, len = this.hierarchy.length;
+ //Checking if any of the transformation matrices in the hierarchy chain has changed.
+ if (!this.finalTransform._matMdf) {
+ while (i < len) {
+ if (this.hierarchy[i].finalTransform.mProp._mdf) {
+ this.finalTransform._matMdf = true;
+ break;
+ }
+ i += 1;
+ }
+ }
+
+ if (this.finalTransform._matMdf) {
+ mat = this.finalTransform.mProp.v.props;
+ finalMat.cloneFromProps(mat);
+ for (i = 0; i < len; i += 1) {
+ mat = this.hierarchy[i].finalTransform.mProp.v.props;
+ finalMat.transform(mat[0], mat[1], mat[2], mat[3], mat[4], mat[5], mat[6], mat[7], mat[8], mat[9], mat[10], mat[11], mat[12], mat[13], mat[14], mat[15]);
+ }
+ }
+ }
+ },
+ globalToLocal: function(pt) {
+ var transforms = [];
+ transforms.push(this.finalTransform);
+ var flag = true;
+ var comp = this.comp;
+ while (flag) {
+ if (comp.finalTransform) {
+ if (comp.data.hasMask) {
+ transforms.splice(0, 0, comp.finalTransform);
+ }
+ comp = comp.comp;
+ } else {
+ flag = false;
+ }
+ }
+ var i, len = transforms.length,ptNew;
+ for (i = 0; i < len; i += 1) {
+ ptNew = transforms[i].mat.applyToPointArray(0, 0, 0);
+ //ptNew = transforms[i].mat.applyToPointArray(pt[0],pt[1],pt[2]);
+ pt = [pt[0] - ptNew[0], pt[1] - ptNew[1], 0];
+ }
+ return pt;
+ },
+ mHelper: new Matrix()
+};
+function RenderableElement(){
+
+}
+
+RenderableElement.prototype = {
+ initRenderable: function() {
+ //layer's visibility related to inpoint and outpoint. Rename isVisible to isInRange
+ this.isInRange = false;
+ //layer's display state
+ this.hidden = false;
+ // If layer's transparency equals 0, it can be hidden
+ this.isTransparent = false;
+ //list of animated components
+ this.renderableComponents = [];
+ },
+ addRenderableComponent: function(component) {
+ if(this.renderableComponents.indexOf(component) === -1) {
+ this.renderableComponents.push(component);
+ }
+ },
+ removeRenderableComponent: function(component) {
+ if(this.renderableComponents.indexOf(component) !== -1) {
+ this.renderableComponents.splice(this.renderableComponents.indexOf(component), 1);
+ }
+ },
+ prepareRenderableFrame: function(num) {
+ this.checkLayerLimits(num);
+ },
+ checkTransparency: function(){
+ if(this.finalTransform.mProp.o.v <= 0) {
+ if(!this.isTransparent && this.globalData.renderConfig.hideOnTransparent){
+ this.isTransparent = true;
+ this.hide();
+ }
+ } else if(this.isTransparent) {
+ this.isTransparent = false;
+ this.show();
+ }
+ },
+ /**
+ * @function
+ * Initializes frame related properties.
+ *
+ * @param {number} num
+ * current frame number in Layer's time
+ *
+ */
+ checkLayerLimits: function(num) {
+ if(this.data.ip - this.data.st <= num && this.data.op - this.data.st > num)
+ {
+ if(this.isInRange !== true){
+ this.globalData._mdf = true;
+ this._mdf = true;
+ this.isInRange = true;
+ this.show();
+ }
+ } else {
+ if(this.isInRange !== false){
+ this.globalData._mdf = true;
+ this.isInRange = false;
+ this.hide();
+ }
+ }
+ },
+ renderRenderable: function() {
+ var i, len = this.renderableComponents.length;
+ for(i = 0; i < len; i += 1) {
+ this.renderableComponents[i].renderFrame(this._isFirstFrame);
+ }
+ /*this.maskManager.renderFrame(this.finalTransform.mat);
+ this.renderableEffectsManager.renderFrame(this._isFirstFrame);*/
+ },
+ sourceRectAtTime: function(){
+ return {
+ top:0,
+ left:0,
+ width:100,
+ height:100
+ };
+ },
+ getLayerSize: function(){
+ if(this.data.ty === 5){
+ return {w:this.data.textData.width,h:this.data.textData.height};
+ }else{
+ return {w:this.data.width,h:this.data.height};
+ }
+ }
+};
+function RenderableDOMElement() {}
+
+(function(){
+ var _prototype = {
+ initElement: function(data,globalData,comp) {
+ this.initFrame();
+ this.initBaseData(data, globalData, comp);
+ this.initTransform(data, globalData, comp);
+ this.initHierarchy();
+ this.initRenderable();
+ this.initRendererElement();
+ this.createContainerElements();
+ this.createRenderableComponents();
+ this.createContent();
+ this.hide();
+ },
+ hide: function(){
+ if (!this.hidden && (!this.isInRange || this.isTransparent)) {
+ var elem = this.baseElement || this.layerElement;
+ elem.style.display = 'none';
+ this.hidden = true;
+ }
+ },
+ show: function(){
+ if (this.isInRange && !this.isTransparent){
+ if (!this.data.hd) {
+ var elem = this.baseElement || this.layerElement;
+ elem.style.display = 'block';
+ }
+ this.hidden = false;
+ this._isFirstFrame = true;
+ }
+ },
+ renderFrame: function() {
+ //If it is exported as hidden (data.hd === true) no need to render
+ //If it is not visible no need to render
+ if (this.data.hd || this.hidden) {
+ return;
+ }
+ this.renderTransform();
+ this.renderRenderable();
+ this.renderElement();
+ this.renderInnerContent();
+ if (this._isFirstFrame) {
+ this._isFirstFrame = false;
+ }
+ },
+ renderInnerContent: function() {},
+ prepareFrame: function(num) {
+ this._mdf = false;
+ this.prepareRenderableFrame(num);
+ this.prepareProperties(num, this.isInRange);
+ this.checkTransparency();
+ },
+ destroy: function(){
+ this.innerElem = null;
+ this.destroyBaseElement();
+ }
+ };
+ extendPrototype([RenderableElement, createProxyFunction(_prototype)], RenderableDOMElement);
+}());
+function ProcessedElement(element, position) {
+ this.elem = element;
+ this.pos = position;
+}
+function SVGStyleData(data, level) {
+ this.data = data;
+ this.type = data.ty;
+ this.d = '';
+ this.lvl = level;
+ this._mdf = false;
+ this.closed = data.hd === true;
+ this.pElem = createNS('path');
+ this.msElem = null;
+}
+
+SVGStyleData.prototype.reset = function() {
+ this.d = '';
+ this._mdf = false;
+};
+function SVGShapeData(transformers, level, shape) {
+ this.caches = [];
+ this.styles = [];
+ this.transformers = transformers;
+ this.lStr = '';
+ this.sh = shape;
+ this.lvl = level;
+ //TODO find if there are some cases where _isAnimated can be false.
+ // For now, since shapes add up with other shapes. They have to be calculated every time.
+ // One way of finding out is checking if all styles associated to this shape depend only of this shape
+ this._isAnimated = !!shape.k;
+ // TODO: commenting this for now since all shapes are animated
+ var i = 0, len = transformers.length;
+ while(i < len) {
+ if(transformers[i].mProps.dynamicProperties.length) {
+ this._isAnimated = true;
+ break;
+ }
+ i += 1;
+ }
+}
+
+SVGShapeData.prototype.setAsAnimated = function() {
+ this._isAnimated = true;
+}
+function SVGTransformData(mProps, op, container) {
+ this.transform = {
+ mProps: mProps,
+ op: op,
+ container: container
+ };
+ this.elements = [];
+ this._isAnimated = this.transform.mProps.dynamicProperties.length || this.transform.op.effectsSequence.length;
+}
+function SVGStrokeStyleData(elem, data, styleOb){
+ this.initDynamicPropertyContainer(elem);
+ this.getValue = this.iterateDynamicProperties;
+ this.o = PropertyFactory.getProp(elem,data.o,0,0.01,this);
+ this.w = PropertyFactory.getProp(elem,data.w,0,null,this);
+ this.d = new DashProperty(elem,data.d||{},'svg',this);
+ this.c = PropertyFactory.getProp(elem,data.c,1,255,this);
+ this.style = styleOb;
+ this._isAnimated = !!this._isAnimated;
+}
+
+extendPrototype([DynamicPropertyContainer], SVGStrokeStyleData);
+function SVGFillStyleData(elem, data, styleOb){
+ this.initDynamicPropertyContainer(elem);
+ this.getValue = this.iterateDynamicProperties;
+ this.o = PropertyFactory.getProp(elem,data.o,0,0.01,this);
+ this.c = PropertyFactory.getProp(elem,data.c,1,255,this);
+ this.style = styleOb;
+}
+
+extendPrototype([DynamicPropertyContainer], SVGFillStyleData);
+function SVGGradientFillStyleData(elem, data, styleOb){
+ this.initDynamicPropertyContainer(elem);
+ this.getValue = this.iterateDynamicProperties;
+ this.initGradientData(elem, data, styleOb);
+}
+
+SVGGradientFillStyleData.prototype.initGradientData = function(elem, data, styleOb){
+ this.o = PropertyFactory.getProp(elem,data.o,0,0.01,this);
+ this.s = PropertyFactory.getProp(elem,data.s,1,null,this);
+ this.e = PropertyFactory.getProp(elem,data.e,1,null,this);
+ this.h = PropertyFactory.getProp(elem,data.h||{k:0},0,0.01,this);
+ this.a = PropertyFactory.getProp(elem,data.a||{k:0},0,degToRads,this);
+ this.g = new GradientProperty(elem,data.g,this);
+ this.style = styleOb;
+ this.stops = [];
+ this.setGradientData(styleOb.pElem, data);
+ this.setGradientOpacity(data, styleOb);
+ this._isAnimated = !!this._isAnimated;
+
+};
+
+SVGGradientFillStyleData.prototype.setGradientData = function(pathElement,data){
+
+ var gradientId = 'gr_'+randomString(10);
+ var gfill = createNS(data.t === 1 ? 'linearGradient' : 'radialGradient');
+ gfill.setAttribute('id',gradientId);
+ gfill.setAttribute('spreadMethod','pad');
+ gfill.setAttribute('gradientUnits','userSpaceOnUse');
+ var stops = [];
+ var stop, j, jLen;
+ jLen = data.g.p*4;
+ for(j=0;j<jLen;j+=4){
+ stop = createNS('stop');
+ gfill.appendChild(stop);
+ stops.push(stop);
+ }
+ pathElement.setAttribute( data.ty === 'gf' ? 'fill':'stroke','url(' + locationHref + '#'+gradientId+')');
+
+ this.gf = gfill;
+ this.cst = stops;
+};
+
+SVGGradientFillStyleData.prototype.setGradientOpacity = function(data, styleOb){
+ if(this.g._hasOpacity && !this.g._collapsable){
+ var stop, j, jLen;
+ var mask = createNS("mask");
+ var maskElement = createNS( 'path');
+ mask.appendChild(maskElement);
+ var opacityId = 'op_'+randomString(10);
+ var maskId = 'mk_'+randomString(10);
+ mask.setAttribute('id',maskId);
+ var opFill = createNS(data.t === 1 ? 'linearGradient' : 'radialGradient');
+ opFill.setAttribute('id',opacityId);
+ opFill.setAttribute('spreadMethod','pad');
+ opFill.setAttribute('gradientUnits','userSpaceOnUse');
+ jLen = data.g.k.k[0].s ? data.g.k.k[0].s.length : data.g.k.k.length;
+ var stops = this.stops;
+ for(j=data.g.p*4;j<jLen;j+=2){
+ stop = createNS('stop');
+ stop.setAttribute('stop-color','rgb(255,255,255)');
+ opFill.appendChild(stop);
+ stops.push(stop);
+ }
+ maskElement.setAttribute( data.ty === 'gf' ? 'fill':'stroke','url(' + locationHref + '#'+opacityId+')');
+ this.of = opFill;
+ this.ms = mask;
+ this.ost = stops;
+ this.maskId = maskId;
+ styleOb.msElem = maskElement;
+ }
+};
+
+extendPrototype([DynamicPropertyContainer], SVGGradientFillStyleData);
+function SVGGradientStrokeStyleData(elem, data, styleOb){
+ this.initDynamicPropertyContainer(elem);
+ this.getValue = this.iterateDynamicProperties;
+ this.w = PropertyFactory.getProp(elem,data.w,0,null,this);
+ this.d = new DashProperty(elem,data.d||{},'svg',this);
+ this.initGradientData(elem, data, styleOb);
+ this._isAnimated = !!this._isAnimated;
+}
+
+extendPrototype([SVGGradientFillStyleData, DynamicPropertyContainer], SVGGradientStrokeStyleData);
+function ShapeGroupData() {
+ this.it = [];
+ this.prevViewData = [];
+ this.gr = createNS('g');
+}
+var SVGElementsRenderer = (function() {
+ var _identityMatrix = new Matrix();
+ var _matrixHelper = new Matrix();
+
+ var ob = {
+ createRenderFunction: createRenderFunction
+ }
+
+ function createRenderFunction(data) {
+ var ty = data.ty;
+ switch(data.ty) {
+ case 'fl':
+ return renderFill;
+ case 'gf':
+ return renderGradient;
+ case 'gs':
+ return renderGradientStroke;
+ case 'st':
+ return renderStroke;
+ case 'sh':
+ case 'el':
+ case 'rc':
+ case 'sr':
+ return renderPath;
+ case 'tr':
+ return renderContentTransform;
+ }
+ }
+
+ function renderContentTransform(styleData, itemData, isFirstFrame) {
+ if(isFirstFrame || itemData.transform.op._mdf){
+ itemData.transform.container.setAttribute('opacity',itemData.transform.op.v);
+ }
+ if(isFirstFrame || itemData.transform.mProps._mdf){
+ itemData.transform.container.setAttribute('transform',itemData.transform.mProps.v.to2dCSS());
+ }
+ }
+
+ function renderPath(styleData, itemData, isFirstFrame) {
+ var j, jLen,pathStringTransformed,redraw,pathNodes,l, lLen = itemData.styles.length;
+ var lvl = itemData.lvl;
+ var paths, mat, props, iterations, k;
+ for(l=0;l<lLen;l+=1){
+ redraw = itemData.sh._mdf || isFirstFrame;
+ if(itemData.styles[l].lvl < lvl){
+ mat = _matrixHelper.reset();
+ iterations = lvl - itemData.styles[l].lvl;
+ k = itemData.transformers.length-1;
+ while(!redraw && iterations > 0) {
+ redraw = itemData.transformers[k].mProps._mdf || redraw;
+ iterations --;
+ k --;
+ }
+ if(redraw) {
+ iterations = lvl - itemData.styles[l].lvl;
+ k = itemData.transformers.length-1;
+ while(iterations > 0) {
+ props = itemData.transformers[k].mProps.v.props;
+ mat.transform(props[0],props[1],props[2],props[3],props[4],props[5],props[6],props[7],props[8],props[9],props[10],props[11],props[12],props[13],props[14],props[15]);
+ iterations --;
+ k --;
+ }
+ }
+ } else {
+ mat = _identityMatrix;
+ }
+ paths = itemData.sh.paths;
+ jLen = paths._length;
+ if(redraw){
+ pathStringTransformed = '';
+ for(j=0;j<jLen;j+=1){
+ pathNodes = paths.shapes[j];
+ if(pathNodes && pathNodes._length){
+ pathStringTransformed += buildShapeString(pathNodes, pathNodes._length, pathNodes.c, mat);
+ }
+ }
+ itemData.caches[l] = pathStringTransformed;
+ } else {
+ pathStringTransformed = itemData.caches[l];
+ }
+ itemData.styles[l].d += styleData.hd === true ? '' : pathStringTransformed;
+ itemData.styles[l]._mdf = redraw || itemData.styles[l]._mdf;
+ }
+ }
+
+ function renderFill (styleData,itemData, isFirstFrame){
+ var styleElem = itemData.style;
+
+ if(itemData.c._mdf || isFirstFrame){
+ styleElem.pElem.setAttribute('fill','rgb('+bm_floor(itemData.c.v[0])+','+bm_floor(itemData.c.v[1])+','+bm_floor(itemData.c.v[2])+')');
+ }
+ if(itemData.o._mdf || isFirstFrame){
+ styleElem.pElem.setAttribute('fill-opacity',itemData.o.v);
+ }
+ };
+
+ function renderGradientStroke (styleData, itemData, isFirstFrame) {
+ renderGradient(styleData, itemData, isFirstFrame);
+ renderStroke(styleData, itemData, isFirstFrame);
+ }
+
+ function renderGradient(styleData, itemData, isFirstFrame) {
+ var gfill = itemData.gf;
+ var hasOpacity = itemData.g._hasOpacity;
+ var pt1 = itemData.s.v, pt2 = itemData.e.v;
+
+ if (itemData.o._mdf || isFirstFrame) {
+ var attr = styleData.ty === 'gf' ? 'fill-opacity' : 'stroke-opacity';
+ itemData.style.pElem.setAttribute(attr, itemData.o.v);
+ }
+ if (itemData.s._mdf || isFirstFrame) {
+ var attr1 = styleData.t === 1 ? 'x1' : 'cx';
+ var attr2 = attr1 === 'x1' ? 'y1' : 'cy';
+ gfill.setAttribute(attr1, pt1[0]);
+ gfill.setAttribute(attr2, pt1[1]);
+ if (hasOpacity && !itemData.g._collapsable) {
+ itemData.of.setAttribute(attr1, pt1[0]);
+ itemData.of.setAttribute(attr2, pt1[1]);
+ }
+ }
+ var stops, i, len, stop;
+ if (itemData.g._cmdf || isFirstFrame) {
+ stops = itemData.cst;
+ var cValues = itemData.g.c;
+ len = stops.length;
+ for (i = 0; i < len; i += 1){
+ stop = stops[i];
+ stop.setAttribute('offset', cValues[i * 4] + '%');
+ stop.setAttribute('stop-color','rgb('+ cValues[i * 4 + 1] + ',' + cValues[i * 4 + 2] + ','+cValues[i * 4 + 3] + ')');
+ }
+ }
+ if (hasOpacity && (itemData.g._omdf || isFirstFrame)) {
+ var oValues = itemData.g.o;
+ if(itemData.g._collapsable) {
+ stops = itemData.cst;
+ } else {
+ stops = itemData.ost;
+ }
+ len = stops.length;
+ for (i = 0; i < len; i += 1) {
+ stop = stops[i];
+ if(!itemData.g._collapsable) {
+ stop.setAttribute('offset', oValues[i * 2] + '%');
+ }
+ stop.setAttribute('stop-opacity', oValues[i * 2 + 1]);
+ }
+ }
+ if (styleData.t === 1) {
+ if (itemData.e._mdf || isFirstFrame) {
+ gfill.setAttribute('x2', pt2[0]);
+ gfill.setAttribute('y2', pt2[1]);
+ if (hasOpacity && !itemData.g._collapsable) {
+ itemData.of.setAttribute('x2', pt2[0]);
+ itemData.of.setAttribute('y2', pt2[1]);
+ }
+ }
+ } else {
+ var rad;
+ if (itemData.s._mdf || itemData.e._mdf || isFirstFrame) {
+ rad = Math.sqrt(Math.pow(pt1[0] - pt2[0], 2) + Math.pow(pt1[1] - pt2[1], 2));
+ gfill.setAttribute('r', rad);
+ if(hasOpacity && !itemData.g._collapsable){
+ itemData.of.setAttribute('r', rad);
+ }
+ }
+ if (itemData.e._mdf || itemData.h._mdf || itemData.a._mdf || isFirstFrame) {
+ if (!rad) {
+ rad = Math.sqrt(Math.pow(pt1[0] - pt2[0], 2) + Math.pow(pt1[1] - pt2[1], 2));
+ }
+ var ang = Math.atan2(pt2[1] - pt1[1], pt2[0] - pt1[0]);
+
+ var percent = itemData.h.v >= 1 ? 0.99 : itemData.h.v <= -1 ? -0.99: itemData.h.v;
+ var dist = rad * percent;
+ var x = Math.cos(ang + itemData.a.v) * dist + pt1[0];
+ var y = Math.sin(ang + itemData.a.v) * dist + pt1[1];
+ gfill.setAttribute('fx', x);
+ gfill.setAttribute('fy', y);
+ if (hasOpacity && !itemData.g._collapsable) {
+ itemData.of.setAttribute('fx', x);
+ itemData.of.setAttribute('fy', y);
+ }
+ }
+ //gfill.setAttribute('fy','200');
+ }
+ };
+
+ function renderStroke(styleData, itemData, isFirstFrame) {
+ var styleElem = itemData.style;
+ var d = itemData.d;
+ if (d && (d._mdf || isFirstFrame) && d.dashStr) {
+ styleElem.pElem.setAttribute('stroke-dasharray', d.dashStr);
+ styleElem.pElem.setAttribute('stroke-dashoffset', d.dashoffset[0]);
+ }
+ if(itemData.c && (itemData.c._mdf || isFirstFrame)){
+ styleElem.pElem.setAttribute('stroke','rgb(' + bm_floor(itemData.c.v[0]) + ',' + bm_floor(itemData.c.v[1]) + ',' + bm_floor(itemData.c.v[2]) + ')');
+ }
+ if(itemData.o._mdf || isFirstFrame){
+ styleElem.pElem.setAttribute('stroke-opacity', itemData.o.v);
+ }
+ if(itemData.w._mdf || isFirstFrame){
+ styleElem.pElem.setAttribute('stroke-width', itemData.w.v);
+ if(styleElem.msElem){
+ styleElem.msElem.setAttribute('stroke-width', itemData.w.v);
+ }
+ }
+ };
+
+ return ob;
+}())
+function ShapeTransformManager() {
+ this.sequences = {};
+ this.sequenceList = [];
+ this.transform_key_count = 0;
+}
+
+ShapeTransformManager.prototype = {
+ addTransformSequence: function(transforms) {
+ var i, len = transforms.length;
+ var key = '_';
+ for(i = 0; i < len; i += 1) {
+ key += transforms[i].transform.key + '_';
+ }
+ var sequence = this.sequences[key];
+ if(!sequence) {
+ sequence = {
+ transforms: [].concat(transforms),
+ finalTransform: new Matrix(),
+ _mdf: false
+ };
+ this.sequences[key] = sequence;
+ this.sequenceList.push(sequence);
+ }
+ return sequence;
+ },
+ processSequence: function(sequence, isFirstFrame) {
+ var i = 0, len = sequence.transforms.length, _mdf = isFirstFrame;
+ while (i < len && !isFirstFrame) {
+ if (sequence.transforms[i].transform.mProps._mdf) {
+ _mdf = true;
+ break;
+ }
+ i += 1
+ }
+ if (_mdf) {
+ var props;
+ sequence.finalTransform.reset();
+ for (i = len - 1; i >= 0; i -= 1) {
+ props = sequence.transforms[i].transform.mProps.v.props;
+ sequence.finalTransform.transform(props[0],props[1],props[2],props[3],props[4],props[5],props[6],props[7],props[8],props[9],props[10],props[11],props[12],props[13],props[14],props[15]);
+ }
+ }
+ sequence._mdf = _mdf;
+
+ },
+ processSequences: function(isFirstFrame) {
+ var i, len = this.sequenceList.length;
+ for (i = 0; i < len; i += 1) {
+ this.processSequence(this.sequenceList[i], isFirstFrame);
+ }
+
+ },
+ getNewKey: function() {
+ return '_' + this.transform_key_count++;
+ }
+}
+function BaseElement(){
+}
+
+BaseElement.prototype = {
+ checkMasks: function(){
+ if(!this.data.hasMask){
+ return false;
+ }
+ var i = 0, len = this.data.masksProperties.length;
+ while(i<len) {
+ if((this.data.masksProperties[i].mode !== 'n' && this.data.masksProperties[i].cl !== false)) {
+ return true;
+ }
+ i += 1;
+ }
+ return false;
+ },
+ initExpressions: function(){
+ this.layerInterface = LayerExpressionInterface(this);
+ if(this.data.hasMask && this.maskManager) {
+ this.layerInterface.registerMaskInterface(this.maskManager);
+ }
+ var effectsInterface = EffectsExpressionInterface.createEffectsInterface(this,this.layerInterface);
+ this.layerInterface.registerEffectsInterface(effectsInterface);
+
+ if(this.data.ty === 0 || this.data.xt){
+ this.compInterface = CompExpressionInterface(this);
+ } else if(this.data.ty === 4){
+ this.layerInterface.shapeInterface = ShapeExpressionInterface(this.shapesData,this.itemsData,this.layerInterface);
+ this.layerInterface.content = this.layerInterface.shapeInterface;
+ } else if(this.data.ty === 5){
+ this.layerInterface.textInterface = TextExpressionInterface(this);
+ this.layerInterface.text = this.layerInterface.textInterface;
+ }
+ },
+ blendModeEnums: {
+ 1:'multiply',
+ 2:'screen',
+ 3:'overlay',
+ 4:'darken',
+ 5:'lighten',
+ 6:'color-dodge',
+ 7:'color-burn',
+ 8:'hard-light',
+ 9:'soft-light',
+ 10:'difference',
+ 11:'exclusion',
+ 12:'hue',
+ 13:'saturation',
+ 14:'color',
+ 15:'luminosity'
+ },
+ getBlendMode: function(){
+ return this.blendModeEnums[this.data.bm] || '';
+ },
+ setBlendMode: function(){
+ var blendModeValue = this.getBlendMode();
+ var elem = this.baseElement || this.layerElement;
+
+ elem.style['mix-blend-mode'] = blendModeValue;
+ },
+ initBaseData: function(data, globalData, comp){
+ this.globalData = globalData;
+ this.comp = comp;
+ this.data = data;
+ this.layerId = 'ly_'+randomString(10);
+
+ //Stretch factor for old animations missing this property.
+ if(!this.data.sr){
+ this.data.sr = 1;
+ }
+ // effects manager
+ this.effectsManager = new EffectsManager(this.data,this,this.dynamicProperties);
+
+ },
+ getType: function(){
+ return this.type;
+ }
+}
+function NullElement(data,globalData,comp){
+ this.initFrame();
+ this.initBaseData(data, globalData, comp);
+ this.initFrame();
+ this.initTransform(data, globalData, comp);
+ this.initHierarchy();
+}
+
+NullElement.prototype.prepareFrame = function(num) {
+ this.prepareProperties(num, true);
+};
+
+NullElement.prototype.renderFrame = function() {
+};
+
+NullElement.prototype.getBaseElement = function() {
+ return null;
+};
+
+NullElement.prototype.destroy = function() {
+};
+
+NullElement.prototype.sourceRectAtTime = function() {
+};
+
+NullElement.prototype.hide = function() {
+};
+
+extendPrototype([BaseElement,TransformElement,HierarchyElement,FrameElement], NullElement);
+
+function SVGBaseElement(){
+}
+
+SVGBaseElement.prototype = {
+ initRendererElement: function() {
+ this.layerElement = createNS('g');
+ },
+ createContainerElements: function(){
+ this.matteElement = createNS('g');
+ this.transformedElement = this.layerElement;
+ this.maskedElement = this.layerElement;
+ this._sizeChanged = false;
+ var layerElementParent = null;
+ //If this layer acts as a mask for the following layer
+ var filId, fil, gg;
+ if (this.data.td) {
+ if (this.data.td == 3 || this.data.td == 1) {
+ var masker = createNS('mask');
+ masker.setAttribute('id', this.layerId);
+ masker.setAttribute('mask-type', this.data.td == 3 ? 'luminance' : 'alpha');
+ masker.appendChild(this.layerElement);
+ layerElementParent = masker;
+ this.globalData.defs.appendChild(masker);
+ // This is only for IE and Edge when mask if of type alpha
+ if (!featureSupport.maskType && this.data.td == 1) {
+ masker.setAttribute('mask-type', 'luminance');
+ filId = randomString(10);
+ fil = filtersFactory.createFilter(filId);
+ this.globalData.defs.appendChild(fil);
+ fil.appendChild(filtersFactory.createAlphaToLuminanceFilter());
+ gg = createNS('g');
+ gg.appendChild(this.layerElement);
+ layerElementParent = gg;
+ masker.appendChild(gg);
+ gg.setAttribute('filter','url(' + locationHref + '#' + filId + ')');
+ }
+ } else if(this.data.td == 2) {
+ var maskGroup = createNS('mask');
+ maskGroup.setAttribute('id', this.layerId);
+ maskGroup.setAttribute('mask-type','alpha');
+ var maskGrouper = createNS('g');
+ maskGroup.appendChild(maskGrouper);
+ filId = randomString(10);
+ fil = filtersFactory.createFilter(filId);
+ ////
+
+ var feColorMatrix = createNS('feColorMatrix');
+ feColorMatrix.setAttribute('type', 'matrix');
+ feColorMatrix.setAttribute('color-interpolation-filters', 'sRGB');
+ feColorMatrix.setAttribute('values','1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1');
+ fil.appendChild(feColorMatrix);
+
+ ////
+ /*var feCTr = createNS('feComponentTransfer');
+ feCTr.setAttribute('in','SourceGraphic');
+ fil.appendChild(feCTr);
+ var feFunc = createNS('feFuncA');
+ feFunc.setAttribute('type','table');
+ feFunc.setAttribute('tableValues','1.0 0.0');
+ feCTr.appendChild(feFunc);*/
+ this.globalData.defs.appendChild(fil);
+ var alphaRect = createNS('rect');
+ alphaRect.setAttribute('width', this.comp.data.w);
+ alphaRect.setAttribute('height', this.comp.data.h);
+ alphaRect.setAttribute('x','0');
+ alphaRect.setAttribute('y','0');
+ alphaRect.setAttribute('fill','#ffffff');
+ alphaRect.setAttribute('opacity','0');
+ maskGrouper.setAttribute('filter', 'url(' + locationHref + '#'+filId+')');
+ maskGrouper.appendChild(alphaRect);
+ maskGrouper.appendChild(this.layerElement);
+ layerElementParent = maskGrouper;
+ if (!featureSupport.maskType) {
+ maskGroup.setAttribute('mask-type', 'luminance');
+ fil.appendChild(filtersFactory.createAlphaToLuminanceFilter());
+ gg = createNS('g');
+ maskGrouper.appendChild(alphaRect);
+ gg.appendChild(this.layerElement);
+ layerElementParent = gg;
+ maskGrouper.appendChild(gg);
+ }
+ this.globalData.defs.appendChild(maskGroup);
+ }
+ } else if (this.data.tt) {
+ this.matteElement.appendChild(this.layerElement);
+ layerElementParent = this.matteElement;
+ this.baseElement = this.matteElement;
+ } else {
+ this.baseElement = this.layerElement;
+ }
+ if (this.data.ln) {
+ this.layerElement.setAttribute('id', this.data.ln);
+ }
+ if (this.data.cl) {
+ this.layerElement.setAttribute('class', this.data.cl);
+ }
+ //Clipping compositions to hide content that exceeds boundaries. If collapsed transformations is on, component should not be clipped
+ if (this.data.ty === 0 && !this.data.hd) {
+ var cp = createNS( 'clipPath');
+ var pt = createNS('path');
+ pt.setAttribute('d','M0,0 L' + this.data.w + ',0' + ' L' + this.data.w + ',' + this.data.h + ' L0,' + this.data.h + 'z');
+ var clipId = 'cp_'+randomString(8);
+ cp.setAttribute('id',clipId);
+ cp.appendChild(pt);
+ this.globalData.defs.appendChild(cp);
+
+ if (this.checkMasks()) {
+ var cpGroup = createNS('g');
+ cpGroup.setAttribute('clip-path','url(' + locationHref + '#'+clipId + ')');
+ cpGroup.appendChild(this.layerElement);
+ this.transformedElement = cpGroup;
+ if (layerElementParent) {
+ layerElementParent.appendChild(this.transformedElement);
+ } else {
+ this.baseElement = this.transformedElement;
+ }
+ } else {
+ this.layerElement.setAttribute('clip-path','url(' + locationHref + '#'+clipId+')');
+ }
+
+ }
+ if (this.data.bm !== 0) {
+ this.setBlendMode();
+ }
+
+ },
+ renderElement: function() {
+ if (this.finalTransform._matMdf) {
+ this.transformedElement.setAttribute('transform', this.finalTransform.mat.to2dCSS());
+ }
+ if (this.finalTransform._opMdf) {
+ this.transformedElement.setAttribute('opacity', this.finalTransform.mProp.o.v);
+ }
+ },
+ destroyBaseElement: function() {
+ this.layerElement = null;
+ this.matteElement = null;
+ this.maskManager.destroy();
+ },
+ getBaseElement: function() {
+ if (this.data.hd) {
+ return null;
+ }
+ return this.baseElement;
+ },
+ createRenderableComponents: function() {
+ this.maskManager = new MaskElement(this.data, this, this.globalData);
+ this.renderableEffectsManager = new SVGEffects(this);
+ },
+ setMatte: function(id) {
+ if (!this.matteElement) {
+ return;
+ }
+ this.matteElement.setAttribute("mask", "url(" + locationHref + "#" + id + ")");
+ }
+};
+function IShapeElement(){
+}
+
+IShapeElement.prototype = {
+ addShapeToModifiers: function(data) {
+ var i, len = this.shapeModifiers.length;
+ for(i=0;i<len;i+=1){
+ this.shapeModifiers[i].addShape(data);
+ }
+ },
+ isShapeInAnimatedModifiers: function(data) {
+ var i = 0, len = this.shapeModifiers.length;
+ while(i < len) {
+ if(this.shapeModifiers[i].isAnimatedWithShape(data)) {
+ return true;
+ }
+ }
+ return false;
+ },
+ renderModifiers: function() {
+ if(!this.shapeModifiers.length){
+ return;
+ }
+ var i, len = this.shapes.length;
+ for(i=0;i<len;i+=1){
+ this.shapes[i].sh.reset();
+ }
+
+ len = this.shapeModifiers.length;
+ for(i=len-1;i>=0;i-=1){
+ this.shapeModifiers[i].processShapes(this._isFirstFrame);
+ }
+ },
+ lcEnum: {
+ '1': 'butt',
+ '2': 'round',
+ '3': 'square'
+ },
+ ljEnum: {
+ '1': 'miter',
+ '2': 'round',
+ '3': 'bevel'
+ },
+ searchProcessedElement: function(elem){
+ var elements = this.processedElements;
+ var i = 0, len = elements.length;
+ while (i < len) {
+ if (elements[i].elem === elem) {
+ return elements[i].pos;
+ }
+ i += 1;
+ }
+ return 0;
+ },
+ addProcessedElement: function(elem, pos){
+ var elements = this.processedElements;
+ var i = elements.length;
+ while(i) {
+ i -= 1;
+ if (elements[i].elem === elem) {
+ elements[i].pos = pos;
+ return;
+ }
+ }
+ elements.push(new ProcessedElement(elem, pos));
+ },
+ prepareFrame: function(num) {
+ this.prepareRenderableFrame(num);
+ this.prepareProperties(num, this.isInRange);
+ }
+};
+function ITextElement(){
+}
+
+ITextElement.prototype.initElement = function(data,globalData,comp){
+ this.lettersChangedFlag = true;
+ this.initFrame();
+ this.initBaseData(data, globalData, comp);
+ this.textProperty = new TextProperty(this, data.t, this.dynamicProperties);
+ this.textAnimator = new TextAnimatorProperty(data.t, this.renderType, this);
+ this.initTransform(data, globalData, comp);
+ this.initHierarchy();
+ this.initRenderable();
+ this.initRendererElement();
+ this.createContainerElements();
+ this.createRenderableComponents();
+ this.createContent();
+ this.hide();
+ this.textAnimator.searchProperties(this.dynamicProperties);
+};
+
+ITextElement.prototype.prepareFrame = function(num) {
+ this._mdf = false;
+ this.prepareRenderableFrame(num);
+ this.prepareProperties(num, this.isInRange);
+ if(this.textProperty._mdf || this.textProperty._isFirstFrame) {
+ this.buildNewText();
+ this.textProperty._isFirstFrame = false;
+ this.textProperty._mdf = false;
+ }
+};
+
+ITextElement.prototype.createPathShape = function(matrixHelper, shapes) {
+ var j,jLen = shapes.length;
+ var k, kLen, pathNodes;
+ var shapeStr = '';
+ for(j=0;j<jLen;j+=1){
+ pathNodes = shapes[j].ks.k;
+ shapeStr += buildShapeString(pathNodes, pathNodes.i.length, true, matrixHelper);
+ }
+ return shapeStr;
+};
+
+ITextElement.prototype.updateDocumentData = function(newData, index) {
+ this.textProperty.updateDocumentData(newData, index);
+};
+
+ITextElement.prototype.canResizeFont = function(_canResize) {
+ this.textProperty.canResizeFont(_canResize);
+};
+
+ITextElement.prototype.setMinimumFontSize = function(_fontSize) {
+ this.textProperty.setMinimumFontSize(_fontSize);
+};
+
+ITextElement.prototype.applyTextPropertiesToMatrix = function(documentData, matrixHelper, lineNumber, xPos, yPos) {
+ if(documentData.ps){
+ matrixHelper.translate(documentData.ps[0],documentData.ps[1] + documentData.ascent,0);
+ }
+ matrixHelper.translate(0,-documentData.ls,0);
+ switch(documentData.j){
+ case 1:
+ matrixHelper.translate(documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[lineNumber]),0,0);
+ break;
+ case 2:
+ matrixHelper.translate(documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[lineNumber] )/2,0,0);
+ break;
+ }
+ matrixHelper.translate(xPos, yPos, 0);
+};
+
+
+ITextElement.prototype.buildColor = function(colorData) {
+ return 'rgb(' + Math.round(colorData[0]*255) + ',' + Math.round(colorData[1]*255) + ',' + Math.round(colorData[2]*255) + ')';
+};
+
+ITextElement.prototype.emptyProp = new LetterProps();
+
+ITextElement.prototype.destroy = function(){
+
+};
+function ICompElement(){}
+
+extendPrototype([BaseElement, TransformElement, HierarchyElement, FrameElement, RenderableDOMElement], ICompElement);
+
+ICompElement.prototype.initElement = function(data,globalData,comp) {
+ this.initFrame();
+ this.initBaseData(data, globalData, comp);
+ this.initTransform(data, globalData, comp);
+ this.initRenderable();
+ this.initHierarchy();
+ this.initRendererElement();
+ this.createContainerElements();
+ this.createRenderableComponents();
+ if(this.data.xt || !globalData.progressiveLoad){
+ this.buildAllItems();
+ }
+ this.hide();
+};
+
+/*ICompElement.prototype.hide = function(){
+ if(!this.hidden){
+ this.hideElement();
+ var i,len = this.elements.length;
+ for( i = 0; i < len; i+=1 ){
+ if(this.elements[i]){
+ this.elements[i].hide();
+ }
+ }
+ }
+};*/
+
+ICompElement.prototype.prepareFrame = function(num){
+ this._mdf = false;
+ this.prepareRenderableFrame(num);
+ this.prepareProperties(num, this.isInRange);
+ if(!this.isInRange && !this.data.xt){
+ return;
+ }
+
+ if (!this.tm._placeholder) {
+ var timeRemapped = this.tm.v;
+ if(timeRemapped === this.data.op){
+ timeRemapped = this.data.op - 1;
+ }
+ this.renderedFrame = timeRemapped;
+ } else {
+ this.renderedFrame = num/this.data.sr;
+ }
+ var i,len = this.elements.length;
+ if(!this.completeLayers){
+ this.checkLayers(this.renderedFrame);
+ }
+ //This iteration needs to be backwards because of how expressions connect between each other
+ for( i = len - 1; i >= 0; i -= 1 ){
+ if(this.completeLayers || this.elements[i]){
+ this.elements[i].prepareFrame(this.renderedFrame - this.layers[i].st);
+ if(this.elements[i]._mdf) {
+ this._mdf = true;
+ }
+ }
+ }
+};
+
+ICompElement.prototype.renderInnerContent = function() {
+ var i,len = this.layers.length;
+ for( i = 0; i < len; i += 1 ){
+ if(this.completeLayers || this.elements[i]){
+ this.elements[i].renderFrame();
+ }
+ }
+};
+
+ICompElement.prototype.setElements = function(elems){
+ this.elements = elems;
+};
+
+ICompElement.prototype.getElements = function(){
+ return this.elements;
+};
+
+ICompElement.prototype.destroyElements = function(){
+ var i,len = this.layers.length;
+ for( i = 0; i < len; i+=1 ){
+ if(this.elements[i]){
+ this.elements[i].destroy();
+ }
+ }
+};
+
+ICompElement.prototype.destroy = function(){
+ this.destroyElements();
+ this.destroyBaseElement();
+};
+
+function IImageElement(data,globalData,comp){
+ this.assetData = globalData.getAssetData(data.refId);
+ this.initElement(data,globalData,comp);
+}
+
+extendPrototype([BaseElement,TransformElement,SVGBaseElement,HierarchyElement,FrameElement,RenderableDOMElement], IImageElement);
+
+IImageElement.prototype.createContent = function(){
+
+ var assetPath = this.globalData.getAssetsPath(this.assetData);
+
+ this.innerElem = createNS('image');
+ this.innerElem.setAttribute('width',this.assetData.w+"px");
+ this.innerElem.setAttribute('height',this.assetData.h+"px");
+ this.innerElem.setAttribute('preserveAspectRatio',this.assetData.pr || this.globalData.renderConfig.imagePreserveAspectRatio);
+ this.innerElem.setAttributeNS('http://www.w3.org/1999/xlink','href',assetPath);
+
+ this.layerElement.appendChild(this.innerElem);
+};
+
+function ISolidElement(data,globalData,comp){
+ this.initElement(data,globalData,comp);
+}
+extendPrototype([IImageElement], ISolidElement);
+
+ISolidElement.prototype.createContent = function(){
+
+ var rect = createNS('rect');
+ ////rect.style.width = this.data.sw;
+ ////rect.style.height = this.data.sh;
+ ////rect.style.fill = this.data.sc;
+ rect.setAttribute('width',this.data.sw);
+ rect.setAttribute('height',this.data.sh);
+ rect.setAttribute('fill',this.data.sc);
+ this.layerElement.appendChild(rect);
+};
+function SVGCompElement(data,globalData,comp){
+ this.layers = data.layers;
+ this.supports3d = true;
+ this.completeLayers = false;
+ this.pendingElements = [];
+ this.elements = this.layers ? createSizedArray(this.layers.length) : [];
+ //this.layerElement = createNS('g');
+ this.initElement(data,globalData,comp);
+ this.tm = data.tm ? PropertyFactory.getProp(this,data.tm,0,globalData.frameRate,this) : {_placeholder:true};
+}
+
+extendPrototype([SVGRenderer, ICompElement, SVGBaseElement], SVGCompElement);
+function SVGTextElement(data,globalData,comp){
+ this.textSpans = [];
+ this.renderType = 'svg';
+ this.initElement(data,globalData,comp);
+}
+
+extendPrototype([BaseElement,TransformElement,SVGBaseElement,HierarchyElement,FrameElement,RenderableDOMElement,ITextElement], SVGTextElement);
+
+SVGTextElement.prototype.createContent = function(){
+
+ if (this.data.singleShape && !this.globalData.fontManager.chars) {
+ this.textContainer = createNS('text');
+ }
+};
+
+SVGTextElement.prototype.buildTextContents = function(textArray) {
+ var i = 0, len = textArray.length;
+ var textContents = [], currentTextContent = '';
+ while (i < len) {
+ if(textArray[i] === String.fromCharCode(13) || textArray[i] === String.fromCharCode(3)) {
+ textContents.push(currentTextContent);
+ currentTextContent = '';
+ } else {
+ currentTextContent += textArray[i];
+ }
+ i += 1;
+ }
+ textContents.push(currentTextContent);
+ return textContents;
+}
+
+SVGTextElement.prototype.buildNewText = function(){
+ var i, len;
+
+ var documentData = this.textProperty.currentData;
+ this.renderedLetters = createSizedArray(documentData ? documentData.l.length : 0);
+ if(documentData.fc) {
+ this.layerElement.setAttribute('fill', this.buildColor(documentData.fc));
+ }else{
+ this.layerElement.setAttribute('fill', 'rgba(0,0,0,0)');
+ }
+ if(documentData.sc){
+ this.layerElement.setAttribute('stroke', this.buildColor(documentData.sc));
+ this.layerElement.setAttribute('stroke-width', documentData.sw);
+ }
+ this.layerElement.setAttribute('font-size', documentData.finalSize);
+ var fontData = this.globalData.fontManager.getFontByName(documentData.f);
+ if(fontData.fClass){
+ this.layerElement.setAttribute('class',fontData.fClass);
+ } else {
+ this.layerElement.setAttribute('font-family', fontData.fFamily);
+ var fWeight = documentData.fWeight, fStyle = documentData.fStyle;
+ this.layerElement.setAttribute('font-style', fStyle);
+ this.layerElement.setAttribute('font-weight', fWeight);
+ }
+
+ var letters = documentData.l || [];
+ var usesGlyphs = !!this.globalData.fontManager.chars;
+ len = letters.length;
+
+ var tSpan;
+ var matrixHelper = this.mHelper;
+ var shapes, shapeStr = '', singleShape = this.data.singleShape;
+ var xPos = 0, yPos = 0, firstLine = true;
+ var trackingOffset = documentData.tr/1000*documentData.finalSize;
+ if(singleShape && !usesGlyphs && !documentData.sz) {
+ var tElement = this.textContainer;
+ var justify = 'start';
+ switch(documentData.j) {
+ case 1:
+ justify = 'end';
+ break;
+ case 2:
+ justify = 'middle';
+ break;
+ }
+ tElement.setAttribute('text-anchor',justify);
+ tElement.setAttribute('letter-spacing',trackingOffset);
+ var textContent = this.buildTextContents(documentData.finalText);
+ len = textContent.length;
+ yPos = documentData.ps ? documentData.ps[1] + documentData.ascent : 0;
+ for ( i = 0; i < len; i += 1) {
+ tSpan = this.textSpans[i] || createNS('tspan');
+ tSpan.textContent = textContent[i];
+ tSpan.setAttribute('x', 0);
+ tSpan.setAttribute('y', yPos);
+ tSpan.style.display = 'inherit';
+ tElement.appendChild(tSpan);
+ this.textSpans[i] = tSpan;
+ yPos += documentData.finalLineHeight;
+ }
+
+ this.layerElement.appendChild(tElement);
+ } else {
+ var cachedSpansLength = this.textSpans.length;
+ var shapeData, charData;
+ for (i = 0; i < len; i += 1) {
+ if(!usesGlyphs || !singleShape || i === 0){
+ tSpan = cachedSpansLength > i ? this.textSpans[i] : createNS(usesGlyphs?'path':'text');
+ if (cachedSpansLength <= i) {
+ tSpan.setAttribute('stroke-linecap', 'butt');
+ tSpan.setAttribute('stroke-linejoin','round');
+ tSpan.setAttribute('stroke-miterlimit','4');
+ this.textSpans[i] = tSpan;
+ this.layerElement.appendChild(tSpan);
+ }
+ tSpan.style.display = 'inherit';
+ }
+
+ matrixHelper.reset();
+ matrixHelper.scale(documentData.finalSize / 100, documentData.finalSize / 100);
+ if (singleShape) {
+ if(letters[i].n) {
+ xPos = -trackingOffset;
+ yPos += documentData.yOffset;
+ yPos += firstLine ? 1 : 0;
+ firstLine = false;
+ }
+ this.applyTextPropertiesToMatrix(documentData, matrixHelper, letters[i].line, xPos, yPos);
+ xPos += letters[i].l || 0;
+ //xPos += letters[i].val === ' ' ? 0 : trackingOffset;
+ xPos += trackingOffset;
+ }
+ if(usesGlyphs) {
+ charData = this.globalData.fontManager.getCharData(documentData.finalText[i], fontData.fStyle, this.globalData.fontManager.getFontByName(documentData.f).fFamily);
+ shapeData = charData && charData.data || {};
+ shapes = shapeData.shapes ? shapeData.shapes[0].it : [];
+ if(!singleShape){
+ tSpan.setAttribute('d',this.createPathShape(matrixHelper,shapes));
+ } else {
+ shapeStr += this.createPathShape(matrixHelper,shapes);
+ }
+ } else {
+ if(singleShape) {
+ tSpan.setAttribute("transform", "translate(" + matrixHelper.props[12] + "," + matrixHelper.props[13] + ")");
+ }
+ tSpan.textContent = letters[i].val;
+ tSpan.setAttributeNS("http://www.w3.org/XML/1998/namespace", "xml:space","preserve");
+ }
+ //
+ }
+ if (singleShape && tSpan) {
+ tSpan.setAttribute('d',shapeStr);
+ }
+ }
+ while (i < this.textSpans.length){
+ this.textSpans[i].style.display = 'none';
+ i += 1;
+ }
+
+ this._sizeChanged = true;
+};
+
+SVGTextElement.prototype.sourceRectAtTime = function(time){
+ this.prepareFrame(this.comp.renderedFrame - this.data.st);
+ this.renderInnerContent();
+ if(this._sizeChanged){
+ this._sizeChanged = false;
+ var textBox = this.layerElement.getBBox();
+ this.bbox = {
+ top: textBox.y,
+ left: textBox.x,
+ width: textBox.width,
+ height: textBox.height
+ };
+ }
+ return this.bbox;
+};
+
+SVGTextElement.prototype.renderInnerContent = function(){
+
+ if(!this.data.singleShape){
+ this.textAnimator.getMeasures(this.textProperty.currentData, this.lettersChangedFlag);
+ if(this.lettersChangedFlag || this.textAnimator.lettersChangedFlag){
+ this._sizeChanged = true;
+ var i,len;
+ var renderedLetters = this.textAnimator.renderedLetters;
+
+ var letters = this.textProperty.currentData.l;
+
+ len = letters.length;
+ var renderedLetter, textSpan;
+ for(i=0;i<len;i+=1){
+ if(letters[i].n){
+ continue;
+ }
+ renderedLetter = renderedLetters[i];
+ textSpan = this.textSpans[i];
+ if(renderedLetter._mdf.m) {
+ textSpan.setAttribute('transform',renderedLetter.m);
+ }
+ if(renderedLetter._mdf.o) {
+ textSpan.setAttribute('opacity',renderedLetter.o);
+ }
+ if(renderedLetter._mdf.sw){
+ textSpan.setAttribute('stroke-width',renderedLetter.sw);
+ }
+ if(renderedLetter._mdf.sc){
+ textSpan.setAttribute('stroke',renderedLetter.sc);
+ }
+ if(renderedLetter._mdf.fc){
+ textSpan.setAttribute('fill',renderedLetter.fc);
+ }
+ }
+ }
+ }
+};
+function SVGShapeElement(data,globalData,comp){
+ //List of drawable elements
+ this.shapes = [];
+ // Full shape data
+ this.shapesData = data.shapes;
+ //List of styles that will be applied to shapes
+ this.stylesList = [];
+ //List of modifiers that will be applied to shapes
+ this.shapeModifiers = [];
+ //List of items in shape tree
+ this.itemsData = [];
+ //List of items in previous shape tree
+ this.processedElements = [];
+ // List of animated components
+ this.animatedContents = [];
+ this.initElement(data,globalData,comp);
+ //Moving any property that doesn't get too much access after initialization because of v8 way of handling more than 10 properties.
+ // List of elements that have been created
+ this.prevViewData = [];
+ //Moving any property that doesn't get too much access after initialization because of v8 way of handling more than 10 properties.
+}
+
+extendPrototype([BaseElement,TransformElement,SVGBaseElement,IShapeElement,HierarchyElement,FrameElement,RenderableDOMElement], SVGShapeElement);
+
+SVGShapeElement.prototype.initSecondaryElement = function() {
+};
+
+SVGShapeElement.prototype.identityMatrix = new Matrix();
+
+SVGShapeElement.prototype.buildExpressionInterface = function(){};
+
+SVGShapeElement.prototype.createContent = function(){
+ this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement, 0, [], true);
+ this.filterUniqueShapes();
+};
+
+/*
+This method searches for multiple shapes that affect a single element and one of them is animated
+*/
+SVGShapeElement.prototype.filterUniqueShapes = function(){
+ var i, len = this.shapes.length, shape;
+ var j, jLen = this.stylesList.length;
+ var style, count = 0;
+ var tempShapes = [];
+ var areAnimated = false;
+ for(j = 0; j < jLen; j += 1) {
+ style = this.stylesList[j];
+ areAnimated = false;
+ tempShapes.length = 0;
+ for(i = 0; i < len; i += 1) {
+ shape = this.shapes[i];
+ if(shape.styles.indexOf(style) !== -1) {
+ tempShapes.push(shape);
+ areAnimated = shape._isAnimated || areAnimated;
+ }
+ }
+ if(tempShapes.length > 1 && areAnimated) {
+ this.setShapesAsAnimated(tempShapes);
+ }
+ }
+}
+
+SVGShapeElement.prototype.setShapesAsAnimated = function(shapes){
+ var i, len = shapes.length;
+ for(i = 0; i < len; i += 1) {
+ shapes[i].setAsAnimated();
+ }
+}
+
+SVGShapeElement.prototype.createStyleElement = function(data, level){
+ //TODO: prevent drawing of hidden styles
+ var elementData;
+ var styleOb = new SVGStyleData(data, level);
+
+ var pathElement = styleOb.pElem;
+ if(data.ty === 'st') {
+ elementData = new SVGStrokeStyleData(this, data, styleOb);
+ } else if(data.ty === 'fl') {
+ elementData = new SVGFillStyleData(this, data, styleOb);
+ } else if(data.ty === 'gf' || data.ty === 'gs') {
+ var gradientConstructor = data.ty === 'gf' ? SVGGradientFillStyleData : SVGGradientStrokeStyleData;
+ elementData = new gradientConstructor(this, data, styleOb);
+ this.globalData.defs.appendChild(elementData.gf);
+ if (elementData.maskId) {
+ this.globalData.defs.appendChild(elementData.ms);
+ this.globalData.defs.appendChild(elementData.of);
+ pathElement.setAttribute('mask','url(' + locationHref + '#' + elementData.maskId + ')');
+ }
+ }
+
+ if(data.ty === 'st' || data.ty === 'gs') {
+ pathElement.setAttribute('stroke-linecap', this.lcEnum[data.lc] || 'round');
+ pathElement.setAttribute('stroke-linejoin',this.ljEnum[data.lj] || 'round');
+ pathElement.setAttribute('fill-opacity','0');
+ if(data.lj === 1) {
+ pathElement.setAttribute('stroke-miterlimit',data.ml);
+ }
+ }
+
+ if(data.r === 2) {
+ pathElement.setAttribute('fill-rule', 'evenodd');
+ }
+
+ if(data.ln){
+ pathElement.setAttribute('id',data.ln);
+ }
+ if(data.cl){
+ pathElement.setAttribute('class',data.cl);
+ }
+ this.stylesList.push(styleOb);
+ this.addToAnimatedContents(data, elementData);
+ return elementData;
+};
+
+SVGShapeElement.prototype.createGroupElement = function(data) {
+ var elementData = new ShapeGroupData();
+ if(data.ln){
+ elementData.gr.setAttribute('id',data.ln);
+ }
+ if(data.cl){
+ elementData.gr.setAttribute('class',data.cl);
+ }
+ return elementData;
+};
+
+SVGShapeElement.prototype.createTransformElement = function(data, container) {
+ var transformProperty = TransformPropertyFactory.getTransformProperty(this,data,this);
+ var elementData = new SVGTransformData(transformProperty, transformProperty.o, container);
+ this.addToAnimatedContents(data, elementData);
+ return elementData;
+};
+
+SVGShapeElement.prototype.createShapeElement = function(data, ownTransformers, level) {
+ var ty = 4;
+ if(data.ty === 'rc'){
+ ty = 5;
+ }else if(data.ty === 'el'){
+ ty = 6;
+ }else if(data.ty === 'sr'){
+ ty = 7;
+ }
+ var shapeProperty = ShapePropertyFactory.getShapeProp(this,data,ty,this);
+ var elementData = new SVGShapeData(ownTransformers, level, shapeProperty);
+ this.shapes.push(elementData);
+ this.addShapeToModifiers(elementData);
+ this.addToAnimatedContents(data, elementData);
+ return elementData;
+};
+
+SVGShapeElement.prototype.addToAnimatedContents = function(data, element) {
+ var i = 0, len = this.animatedContents.length;
+ while(i < len) {
+ if(this.animatedContents[i].element === element) {
+ return;
+ }
+ i += 1;
+ }
+ this.animatedContents.push({
+ fn: SVGElementsRenderer.createRenderFunction(data),
+ element: element,
+ data: data
+ });
+};
+
+SVGShapeElement.prototype.setElementStyles = function(elementData){
+ var arr = elementData.styles;
+ var j, jLen = this.stylesList.length;
+ for (j = 0; j < jLen; j += 1) {
+ if (!this.stylesList[j].closed) {
+ arr.push(this.stylesList[j]);
+ }
+ }
+};
+
+SVGShapeElement.prototype.reloadShapes = function(){
+ this._isFirstFrame = true;
+ var i, len = this.itemsData.length;
+ for( i = 0; i < len; i += 1) {
+ this.prevViewData[i] = this.itemsData[i];
+ }
+ this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement, 0, [], true);
+ this.filterUniqueShapes();
+ len = this.dynamicProperties.length;
+ for(i = 0; i < len; i += 1) {
+ this.dynamicProperties[i].getValue();
+ }
+ this.renderModifiers();
+};
+
+SVGShapeElement.prototype.searchShapes = function(arr,itemsData,prevViewData,container, level, transformers, render){
+ var ownTransformers = [].concat(transformers);
+ var i, len = arr.length - 1;
+ var j, jLen;
+ var ownStyles = [], ownModifiers = [], styleOb, currentTransform, modifier, processedPos;
+ for(i=len;i>=0;i-=1){
+ processedPos = this.searchProcessedElement(arr[i]);
+ if(!processedPos){
+ arr[i]._render = render;
+ } else {
+ itemsData[i] = prevViewData[processedPos - 1];
+ }
+ if(arr[i].ty == 'fl' || arr[i].ty == 'st' || arr[i].ty == 'gf' || arr[i].ty == 'gs'){
+ if(!processedPos){
+ itemsData[i] = this.createStyleElement(arr[i], level);
+ } else {
+ itemsData[i].style.closed = false;
+ }
+ if(arr[i]._render){
+ container.appendChild(itemsData[i].style.pElem);
+ }
+ ownStyles.push(itemsData[i].style);
+ }else if(arr[i].ty == 'gr'){
+ if(!processedPos){
+ itemsData[i] = this.createGroupElement(arr[i]);
+ } else {
+ jLen = itemsData[i].it.length;
+ for(j=0;j<jLen;j+=1){
+ itemsData[i].prevViewData[j] = itemsData[i].it[j];
+ }
+ }
+ this.searchShapes(arr[i].it,itemsData[i].it,itemsData[i].prevViewData,itemsData[i].gr, level + 1, ownTransformers, render);
+ if(arr[i]._render){
+ container.appendChild(itemsData[i].gr);
+ }
+ }else if(arr[i].ty == 'tr'){
+ if(!processedPos){
+ itemsData[i] = this.createTransformElement(arr[i], container);
+ }
+ currentTransform = itemsData[i].transform;
+ ownTransformers.push(currentTransform);
+ }else if(arr[i].ty == 'sh' || arr[i].ty == 'rc' || arr[i].ty == 'el' || arr[i].ty == 'sr'){
+ if(!processedPos){
+ itemsData[i] = this.createShapeElement(arr[i], ownTransformers, level);
+ }
+ this.setElementStyles(itemsData[i]);
+
+ }else if(arr[i].ty == 'tm' || arr[i].ty == 'rd' || arr[i].ty == 'ms'){
+ if(!processedPos){
+ modifier = ShapeModifiers.getModifier(arr[i].ty);
+ modifier.init(this,arr[i]);
+ itemsData[i] = modifier;
+ this.shapeModifiers.push(modifier);
+ } else {
+ modifier = itemsData[i];
+ modifier.closed = false;
+ }
+ ownModifiers.push(modifier);
+ }else if(arr[i].ty == 'rp'){
+ if(!processedPos){
+ modifier = ShapeModifiers.getModifier(arr[i].ty);
+ itemsData[i] = modifier;
+ modifier.init(this,arr,i,itemsData);
+ this.shapeModifiers.push(modifier);
+ render = false;
+ }else{
+ modifier = itemsData[i];
+ modifier.closed = true;
+ }
+ ownModifiers.push(modifier);
+ }
+ this.addProcessedElement(arr[i], i + 1);
+ }
+ len = ownStyles.length;
+ for(i=0;i<len;i+=1){
+ ownStyles[i].closed = true;
+ }
+ len = ownModifiers.length;
+ for(i=0;i<len;i+=1){
+ ownModifiers[i].closed = true;
+ }
+};
+
+SVGShapeElement.prototype.renderInnerContent = function() {
+ this.renderModifiers();
+ var i, len = this.stylesList.length;
+ for(i=0;i<len;i+=1){
+ this.stylesList[i].reset();
+ }
+ this.renderShape();
+
+ for (i = 0; i < len; i += 1) {
+ if (this.stylesList[i]._mdf || this._isFirstFrame) {
+ if(this.stylesList[i].msElem){
+ this.stylesList[i].msElem.setAttribute('d', this.stylesList[i].d);
+ //Adding M0 0 fixes same mask bug on all browsers
+ this.stylesList[i].d = 'M0 0' + this.stylesList[i].d;
+ }
+ this.stylesList[i].pElem.setAttribute('d', this.stylesList[i].d || 'M0 0');
+ }
+ }
+};
+
+SVGShapeElement.prototype.renderShape = function() {
+ var i, len = this.animatedContents.length;
+ var animatedContent;
+ for(i = 0; i < len; i += 1) {
+ animatedContent = this.animatedContents[i];
+ if((this._isFirstFrame || animatedContent.element._isAnimated) && animatedContent.data !== true) {
+ animatedContent.fn(animatedContent.data, animatedContent.element, this._isFirstFrame);
+ }
+ }
+}
+
+SVGShapeElement.prototype.destroy = function(){
+ this.destroyBaseElement();
+ this.shapesData = null;
+ this.itemsData = null;
+};
+
+function SVGTintFilter(filter, filterManager){
+ this.filterManager = filterManager;
+ var feColorMatrix = createNS('feColorMatrix');
+ feColorMatrix.setAttribute('type','matrix');
+ feColorMatrix.setAttribute('color-interpolation-filters','linearRGB');
+ feColorMatrix.setAttribute('values','0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0');
+ feColorMatrix.setAttribute('result','f1');
+ filter.appendChild(feColorMatrix);
+ feColorMatrix = createNS('feColorMatrix');
+ feColorMatrix.setAttribute('type','matrix');
+ feColorMatrix.setAttribute('color-interpolation-filters','sRGB');
+ feColorMatrix.setAttribute('values','1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0');
+ feColorMatrix.setAttribute('result','f2');
+ filter.appendChild(feColorMatrix);
+ this.matrixFilter = feColorMatrix;
+ if(filterManager.effectElements[2].p.v !== 100 || filterManager.effectElements[2].p.k){
+ var feMerge = createNS('feMerge');
+ filter.appendChild(feMerge);
+ var feMergeNode;
+ feMergeNode = createNS('feMergeNode');
+ feMergeNode.setAttribute('in','SourceGraphic');
+ feMerge.appendChild(feMergeNode);
+ feMergeNode = createNS('feMergeNode');
+ feMergeNode.setAttribute('in','f2');
+ feMerge.appendChild(feMergeNode);
+ }
+}
+
+SVGTintFilter.prototype.renderFrame = function(forceRender){
+ if(forceRender || this.filterManager._mdf){
+ var colorBlack = this.filterManager.effectElements[0].p.v;
+ var colorWhite = this.filterManager.effectElements[1].p.v;
+ var opacity = this.filterManager.effectElements[2].p.v/100;
+ this.matrixFilter.setAttribute('values',(colorWhite[0]- colorBlack[0])+' 0 0 0 '+ colorBlack[0] +' '+ (colorWhite[1]- colorBlack[1]) +' 0 0 0 '+ colorBlack[1] +' '+ (colorWhite[2]- colorBlack[2]) +' 0 0 0 '+ colorBlack[2] +' 0 0 0 ' + opacity + ' 0');
+ }
+};
+function SVGFillFilter(filter, filterManager){
+ this.filterManager = filterManager;
+ var feColorMatrix = createNS('feColorMatrix');
+ feColorMatrix.setAttribute('type','matrix');
+ feColorMatrix.setAttribute('color-interpolation-filters','sRGB');
+ feColorMatrix.setAttribute('values','1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0');
+ filter.appendChild(feColorMatrix);
+ this.matrixFilter = feColorMatrix;
+}
+SVGFillFilter.prototype.renderFrame = function(forceRender){
+ if(forceRender || this.filterManager._mdf){
+ var color = this.filterManager.effectElements[2].p.v;
+ var opacity = this.filterManager.effectElements[6].p.v;
+ this.matrixFilter.setAttribute('values','0 0 0 0 '+color[0]+' 0 0 0 0 '+color[1]+' 0 0 0 0 '+color[2]+' 0 0 0 '+opacity+' 0');
+ }
+};
+function SVGStrokeEffect(elem, filterManager){
+ this.initialized = false;
+ this.filterManager = filterManager;
+ this.elem = elem;
+ this.paths = [];
+}
+
+SVGStrokeEffect.prototype.initialize = function(){
+
+ var elemChildren = this.elem.layerElement.children || this.elem.layerElement.childNodes;
+ var path,groupPath, i, len;
+ if(this.filterManager.effectElements[1].p.v === 1){
+ len = this.elem.maskManager.masksProperties.length;
+ i = 0;
+ } else {
+ i = this.filterManager.effectElements[0].p.v - 1;
+ len = i + 1;
+ }
+ groupPath = createNS('g');
+ groupPath.setAttribute('fill','none');
+ groupPath.setAttribute('stroke-linecap','round');
+ groupPath.setAttribute('stroke-dashoffset',1);
+ for(i;i<len;i+=1){
+ path = createNS('path');
+ groupPath.appendChild(path);
+ this.paths.push({p:path,m:i});
+ }
+ if(this.filterManager.effectElements[10].p.v === 3){
+ var mask = createNS('mask');
+ var id = 'stms_' + randomString(10);
+ mask.setAttribute('id',id);
+ mask.setAttribute('mask-type','alpha');
+ mask.appendChild(groupPath);
+ this.elem.globalData.defs.appendChild(mask);
+ var g = createNS('g');
+ g.setAttribute('mask','url(' + locationHref + '#'+id+')');
+ while (elemChildren[0]) {
+ g.appendChild(elemChildren[0]);
+ }
+ this.elem.layerElement.appendChild(g);
+ this.masker = mask;
+ groupPath.setAttribute('stroke','#fff');
+ } else if(this.filterManager.effectElements[10].p.v === 1 || this.filterManager.effectElements[10].p.v === 2){
+ if(this.filterManager.effectElements[10].p.v === 2){
+ elemChildren = this.elem.layerElement.children || this.elem.layerElement.childNodes;
+ while(elemChildren.length){
+ this.elem.layerElement.removeChild(elemChildren[0]);
+ }
+ }
+ this.elem.layerElement.appendChild(groupPath);
+ this.elem.layerElement.removeAttribute('mask');
+ groupPath.setAttribute('stroke','#fff');
+ }
+ this.initialized = true;
+ this.pathMasker = groupPath;
+};
+
+SVGStrokeEffect.prototype.renderFrame = function(forceRender){
+ if(!this.initialized){
+ this.initialize();
+ }
+ var i, len = this.paths.length;
+ var mask, path;
+ for(i=0;i<len;i+=1){
+ if(this.paths[i].m === -1) {
+ continue;
+ }
+ mask = this.elem.maskManager.viewData[this.paths[i].m];
+ path = this.paths[i].p;
+ if(forceRender || this.filterManager._mdf || mask.prop._mdf){
+ path.setAttribute('d',mask.lastPath);
+ }
+ if(forceRender || this.filterManager.effectElements[9].p._mdf || this.filterManager.effectElements[4].p._mdf || this.filterManager.effectElements[7].p._mdf || this.filterManager.effectElements[8].p._mdf || mask.prop._mdf){
+ var dasharrayValue;
+ if(this.filterManager.effectElements[7].p.v !== 0 || this.filterManager.effectElements[8].p.v !== 100){
+ var s = Math.min(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v)/100;
+ var e = Math.max(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v)/100;
+ var l = path.getTotalLength();
+ dasharrayValue = '0 0 0 ' + l*s + ' ';
+ var lineLength = l*(e-s);
+ var segment = 1+this.filterManager.effectElements[4].p.v*2*this.filterManager.effectElements[9].p.v/100;
+ var units = Math.floor(lineLength/segment);
+ var j;
+ for(j=0;j<units;j+=1){
+ dasharrayValue += '1 ' + this.filterManager.effectElements[4].p.v*2*this.filterManager.effectElements[9].p.v/100 + ' ';
+ }
+ dasharrayValue += '0 ' + l*10 + ' 0 0';
+ } else {
+ dasharrayValue = '1 ' + this.filterManager.effectElements[4].p.v*2*this.filterManager.effectElements[9].p.v/100;
+ }
+ path.setAttribute('stroke-dasharray',dasharrayValue);
+ }
+ }
+ if(forceRender || this.filterManager.effectElements[4].p._mdf){
+ this.pathMasker.setAttribute('stroke-width',this.filterManager.effectElements[4].p.v*2);
+ }
+
+ if(forceRender || this.filterManager.effectElements[6].p._mdf){
+ this.pathMasker.setAttribute('opacity',this.filterManager.effectElements[6].p.v);
+ }
+ if(this.filterManager.effectElements[10].p.v === 1 || this.filterManager.effectElements[10].p.v === 2){
+ if(forceRender || this.filterManager.effectElements[3].p._mdf){
+ var color = this.filterManager.effectElements[3].p.v;
+ this.pathMasker.setAttribute('stroke','rgb('+bm_floor(color[0]*255)+','+bm_floor(color[1]*255)+','+bm_floor(color[2]*255)+')');
+ }
+ }
+};
+function SVGTritoneFilter(filter, filterManager){
+ this.filterManager = filterManager;
+ var feColorMatrix = createNS('feColorMatrix');
+ feColorMatrix.setAttribute('type','matrix');
+ feColorMatrix.setAttribute('color-interpolation-filters','linearRGB');
+ feColorMatrix.setAttribute('values','0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0');
+ feColorMatrix.setAttribute('result','f1');
+ filter.appendChild(feColorMatrix);
+ var feComponentTransfer = createNS('feComponentTransfer');
+ feComponentTransfer.setAttribute('color-interpolation-filters','sRGB');
+ filter.appendChild(feComponentTransfer);
+ this.matrixFilter = feComponentTransfer;
+ var feFuncR = createNS('feFuncR');
+ feFuncR.setAttribute('type','table');
+ feComponentTransfer.appendChild(feFuncR);
+ this.feFuncR = feFuncR;
+ var feFuncG = createNS('feFuncG');
+ feFuncG.setAttribute('type','table');
+ feComponentTransfer.appendChild(feFuncG);
+ this.feFuncG = feFuncG;
+ var feFuncB = createNS('feFuncB');
+ feFuncB.setAttribute('type','table');
+ feComponentTransfer.appendChild(feFuncB);
+ this.feFuncB = feFuncB;
+}
+
+SVGTritoneFilter.prototype.renderFrame = function(forceRender){
+ if(forceRender || this.filterManager._mdf){
+ var color1 = this.filterManager.effectElements[0].p.v;
+ var color2 = this.filterManager.effectElements[1].p.v;
+ var color3 = this.filterManager.effectElements[2].p.v;
+ var tableR = color3[0] + ' ' + color2[0] + ' ' + color1[0];
+ var tableG = color3[1] + ' ' + color2[1] + ' ' + color1[1];
+ var tableB = color3[2] + ' ' + color2[2] + ' ' + color1[2];
+ this.feFuncR.setAttribute('tableValues', tableR);
+ this.feFuncG.setAttribute('tableValues', tableG);
+ this.feFuncB.setAttribute('tableValues', tableB);
+ //var opacity = this.filterManager.effectElements[2].p.v/100;
+ //this.matrixFilter.setAttribute('values',(colorWhite[0]- colorBlack[0])+' 0 0 0 '+ colorBlack[0] +' '+ (colorWhite[1]- colorBlack[1]) +' 0 0 0 '+ colorBlack[1] +' '+ (colorWhite[2]- colorBlack[2]) +' 0 0 0 '+ colorBlack[2] +' 0 0 0 ' + opacity + ' 0');
+ }
+};
+function SVGProLevelsFilter(filter, filterManager){
+ this.filterManager = filterManager;
+ var effectElements = this.filterManager.effectElements;
+ var feComponentTransfer = createNS('feComponentTransfer');
+ var feFuncR, feFuncG, feFuncB;
+
+ if(effectElements[10].p.k || effectElements[10].p.v !== 0 || effectElements[11].p.k || effectElements[11].p.v !== 1 || effectElements[12].p.k || effectElements[12].p.v !== 1 || effectElements[13].p.k || effectElements[13].p.v !== 0 || effectElements[14].p.k || effectElements[14].p.v !== 1){
+ this.feFuncR = this.createFeFunc('feFuncR', feComponentTransfer);
+ }
+ if(effectElements[17].p.k || effectElements[17].p.v !== 0 || effectElements[18].p.k || effectElements[18].p.v !== 1 || effectElements[19].p.k || effectElements[19].p.v !== 1 || effectElements[20].p.k || effectElements[20].p.v !== 0 || effectElements[21].p.k || effectElements[21].p.v !== 1){
+ this.feFuncG = this.createFeFunc('feFuncG', feComponentTransfer);
+ }
+ if(effectElements[24].p.k || effectElements[24].p.v !== 0 || effectElements[25].p.k || effectElements[25].p.v !== 1 || effectElements[26].p.k || effectElements[26].p.v !== 1 || effectElements[27].p.k || effectElements[27].p.v !== 0 || effectElements[28].p.k || effectElements[28].p.v !== 1){
+ this.feFuncB = this.createFeFunc('feFuncB', feComponentTransfer);
+ }
+ if(effectElements[31].p.k || effectElements[31].p.v !== 0 || effectElements[32].p.k || effectElements[32].p.v !== 1 || effectElements[33].p.k || effectElements[33].p.v !== 1 || effectElements[34].p.k || effectElements[34].p.v !== 0 || effectElements[35].p.k || effectElements[35].p.v !== 1){
+ this.feFuncA = this.createFeFunc('feFuncA', feComponentTransfer);
+ }
+
+ if(this.feFuncR || this.feFuncG || this.feFuncB || this.feFuncA){
+ feComponentTransfer.setAttribute('color-interpolation-filters','sRGB');
+ filter.appendChild(feComponentTransfer);
+ feComponentTransfer = createNS('feComponentTransfer');
+ }
+
+ if(effectElements[3].p.k || effectElements[3].p.v !== 0 || effectElements[4].p.k || effectElements[4].p.v !== 1 || effectElements[5].p.k || effectElements[5].p.v !== 1 || effectElements[6].p.k || effectElements[6].p.v !== 0 || effectElements[7].p.k || effectElements[7].p.v !== 1){
+
+ feComponentTransfer.setAttribute('color-interpolation-filters','sRGB');
+ filter.appendChild(feComponentTransfer);
+ this.feFuncRComposed = this.createFeFunc('feFuncR', feComponentTransfer);
+ this.feFuncGComposed = this.createFeFunc('feFuncG', feComponentTransfer);
+ this.feFuncBComposed = this.createFeFunc('feFuncB', feComponentTransfer);
+ }
+}
+
+SVGProLevelsFilter.prototype.createFeFunc = function(type, feComponentTransfer) {
+ var feFunc = createNS(type);
+ feFunc.setAttribute('type','table');
+ feComponentTransfer.appendChild(feFunc);
+ return feFunc;
+};
+
+SVGProLevelsFilter.prototype.getTableValue = function(inputBlack, inputWhite, gamma, outputBlack, outputWhite) {
+ var cnt = 0;
+ var segments = 256;
+ var perc;
+ var min = Math.min(inputBlack, inputWhite);
+ var max = Math.max(inputBlack, inputWhite);
+ var table = Array.call(null,{length:segments});
+ var colorValue;
+ var pos = 0;
+ var outputDelta = outputWhite - outputBlack;
+ var inputDelta = inputWhite - inputBlack;
+ while(cnt <= 256) {
+ perc = cnt/256;
+ if(perc <= min){
+ colorValue = inputDelta < 0 ? outputWhite : outputBlack;
+ } else if(perc >= max){
+ colorValue = inputDelta < 0 ? outputBlack : outputWhite;
+ } else {
+ colorValue = (outputBlack + outputDelta * Math.pow((perc - inputBlack) / inputDelta, 1 / gamma));
+ }
+ table[pos++] = colorValue;
+ cnt += 256/(segments-1);
+ }
+ return table.join(' ');
+};
+
+SVGProLevelsFilter.prototype.renderFrame = function(forceRender){
+ if(forceRender || this.filterManager._mdf){
+ var val, cnt, perc, bezier;
+ var effectElements = this.filterManager.effectElements;
+ if(this.feFuncRComposed && (forceRender || effectElements[3].p._mdf || effectElements[4].p._mdf || effectElements[5].p._mdf || effectElements[6].p._mdf || effectElements[7].p._mdf)){
+ val = this.getTableValue(effectElements[3].p.v,effectElements[4].p.v,effectElements[5].p.v,effectElements[6].p.v,effectElements[7].p.v);
+ this.feFuncRComposed.setAttribute('tableValues',val);
+ this.feFuncGComposed.setAttribute('tableValues',val);
+ this.feFuncBComposed.setAttribute('tableValues',val);
+ }
+
+
+ if(this.feFuncR && (forceRender || effectElements[10].p._mdf || effectElements[11].p._mdf || effectElements[12].p._mdf || effectElements[13].p._mdf || effectElements[14].p._mdf)){
+ val = this.getTableValue(effectElements[10].p.v,effectElements[11].p.v,effectElements[12].p.v,effectElements[13].p.v,effectElements[14].p.v);
+ this.feFuncR.setAttribute('tableValues',val);
+ }
+
+ if(this.feFuncG && (forceRender || effectElements[17].p._mdf || effectElements[18].p._mdf || effectElements[19].p._mdf || effectElements[20].p._mdf || effectElements[21].p._mdf)){
+ val = this.getTableValue(effectElements[17].p.v,effectElements[18].p.v,effectElements[19].p.v,effectElements[20].p.v,effectElements[21].p.v);
+ this.feFuncG.setAttribute('tableValues',val);
+ }
+
+ if(this.feFuncB && (forceRender || effectElements[24].p._mdf || effectElements[25].p._mdf || effectElements[26].p._mdf || effectElements[27].p._mdf || effectElements[28].p._mdf)){
+ val = this.getTableValue(effectElements[24].p.v,effectElements[25].p.v,effectElements[26].p.v,effectElements[27].p.v,effectElements[28].p.v);
+ this.feFuncB.setAttribute('tableValues',val);
+ }
+
+ if(this.feFuncA && (forceRender || effectElements[31].p._mdf || effectElements[32].p._mdf || effectElements[33].p._mdf || effectElements[34].p._mdf || effectElements[35].p._mdf)){
+ val = this.getTableValue(effectElements[31].p.v,effectElements[32].p.v,effectElements[33].p.v,effectElements[34].p.v,effectElements[35].p.v);
+ this.feFuncA.setAttribute('tableValues',val);
+ }
+
+ }
+};
+function SVGDropShadowEffect(filter, filterManager){
+ filter.setAttribute('x','-100%');
+ filter.setAttribute('y','-100%');
+ filter.setAttribute('width','400%');
+ filter.setAttribute('height','400%');
+ this.filterManager = filterManager;
+
+ var feGaussianBlur = createNS('feGaussianBlur');
+ feGaussianBlur.setAttribute('in','SourceAlpha');
+ feGaussianBlur.setAttribute('result','drop_shadow_1');
+ feGaussianBlur.setAttribute('stdDeviation','0');
+ this.feGaussianBlur = feGaussianBlur;
+ filter.appendChild(feGaussianBlur);
+
+ var feOffset = createNS('feOffset');
+ feOffset.setAttribute('dx','25');
+ feOffset.setAttribute('dy','0');
+ feOffset.setAttribute('in','drop_shadow_1');
+ feOffset.setAttribute('result','drop_shadow_2');
+ this.feOffset = feOffset;
+ filter.appendChild(feOffset);
+ var feFlood = createNS('feFlood');
+ feFlood.setAttribute('flood-color','#00ff00');
+ feFlood.setAttribute('flood-opacity','1');
+ feFlood.setAttribute('result','drop_shadow_3');
+ this.feFlood = feFlood;
+ filter.appendChild(feFlood);
+
+ var feComposite = createNS('feComposite');
+ feComposite.setAttribute('in','drop_shadow_3');
+ feComposite.setAttribute('in2','drop_shadow_2');
+ feComposite.setAttribute('operator','in');
+ feComposite.setAttribute('result','drop_shadow_4');
+ filter.appendChild(feComposite);
+
+
+ var feMerge = createNS('feMerge');
+ filter.appendChild(feMerge);
+ var feMergeNode;
+ feMergeNode = createNS('feMergeNode');
+ feMerge.appendChild(feMergeNode);
+ feMergeNode = createNS('feMergeNode');
+ feMergeNode.setAttribute('in','SourceGraphic');
+ this.feMergeNode = feMergeNode;
+ this.feMerge = feMerge;
+ this.originalNodeAdded = false;
+ feMerge.appendChild(feMergeNode);
+}
+
+SVGDropShadowEffect.prototype.renderFrame = function(forceRender){
+ if(forceRender || this.filterManager._mdf){
+ if(forceRender || this.filterManager.effectElements[4].p._mdf){
+ this.feGaussianBlur.setAttribute('stdDeviation', this.filterManager.effectElements[4].p.v / 4);
+ }
+ if(forceRender || this.filterManager.effectElements[0].p._mdf){
+ var col = this.filterManager.effectElements[0].p.v;
+ this.feFlood.setAttribute('flood-color',rgbToHex(Math.round(col[0]*255),Math.round(col[1]*255),Math.round(col[2]*255)));
+ }
+ if(forceRender || this.filterManager.effectElements[1].p._mdf){
+ this.feFlood.setAttribute('flood-opacity',this.filterManager.effectElements[1].p.v/255);
+ }
+ if(forceRender || this.filterManager.effectElements[2].p._mdf || this.filterManager.effectElements[3].p._mdf){
+ var distance = this.filterManager.effectElements[3].p.v;
+ var angle = (this.filterManager.effectElements[2].p.v - 90) * degToRads;
+ var x = distance * Math.cos(angle);
+ var y = distance * Math.sin(angle);
+ this.feOffset.setAttribute('dx', x);
+ this.feOffset.setAttribute('dy', y);
+ }
+ /*if(forceRender || this.filterManager.effectElements[5].p._mdf){
+ if(this.filterManager.effectElements[5].p.v === 1 && this.originalNodeAdded) {
+ this.feMerge.removeChild(this.feMergeNode);
+ this.originalNodeAdded = false;
+ } else if(this.filterManager.effectElements[5].p.v === 0 && !this.originalNodeAdded) {
+ this.feMerge.appendChild(this.feMergeNode);
+ this.originalNodeAdded = true;
+ }
+ }*/
+ }
+};
+var _svgMatteSymbols = [];
+var _svgMatteMaskCounter = 0;
+
+function SVGMatte3Effect(filterElem, filterManager, elem){
+ this.initialized = false;
+ this.filterManager = filterManager;
+ this.filterElem = filterElem;
+ this.elem = elem;
+ elem.matteElement = createNS('g');
+ elem.matteElement.appendChild(elem.layerElement);
+ elem.matteElement.appendChild(elem.transformedElement);
+ elem.baseElement = elem.matteElement;
+}
+
+SVGMatte3Effect.prototype.findSymbol = function(mask) {
+ var i = 0, len = _svgMatteSymbols.length;
+ while(i < len) {
+ if(_svgMatteSymbols[i] === mask) {
+ return _svgMatteSymbols[i];
+ }
+ i += 1;
+ }
+ return null;
+};
+
+SVGMatte3Effect.prototype.replaceInParent = function(mask, symbolId) {
+ var parentNode = mask.layerElement.parentNode;
+ if(!parentNode) {
+ return;
+ }
+ var children = parentNode.children;
+ var i = 0, len = children.length;
+ while (i < len) {
+ if (children[i] === mask.layerElement) {
+ break;
+ }
+ i += 1;
+ }
+ var nextChild;
+ if (i <= len - 2) {
+ nextChild = children[i + 1];
+ }
+ var useElem = createNS('use');
+ useElem.setAttribute('href', '#' + symbolId);
+ if(nextChild) {
+ parentNode.insertBefore(useElem, nextChild);
+ } else {
+ parentNode.appendChild(useElem);
+ }
+};
+
+SVGMatte3Effect.prototype.setElementAsMask = function(elem, mask) {
+ if(!this.findSymbol(mask)) {
+ var symbolId = 'matte_' + randomString(5) + '_' + _svgMatteMaskCounter++;
+ var masker = createNS('mask');
+ masker.setAttribute('id', mask.layerId);
+ masker.setAttribute('mask-type', 'alpha');
+ _svgMatteSymbols.push(mask);
+ var defs = elem.globalData.defs;
+ defs.appendChild(masker);
+ var symbol = createNS('symbol');
+ symbol.setAttribute('id', symbolId);
+ this.replaceInParent(mask, symbolId);
+ symbol.appendChild(mask.layerElement);
+ defs.appendChild(symbol);
+ var useElem = createNS('use');
+ useElem.setAttribute('href', '#' + symbolId);
+ masker.appendChild(useElem);
+ mask.data.hd = false;
+ mask.show();
+ }
+ elem.setMatte(mask.layerId);
+};
+
+SVGMatte3Effect.prototype.initialize = function() {
+ var ind = this.filterManager.effectElements[0].p.v;
+ var elements = this.elem.comp.elements;
+ var i = 0, len = elements.length;
+ while (i < len) {
+ if (elements[i] && elements[i].data.ind === ind) {
+ this.setElementAsMask(this.elem, elements[i]);
+ }
+ i += 1;
+ }
+ this.initialized = true;
+};
+
+SVGMatte3Effect.prototype.renderFrame = function() {
+ if(!this.initialized) {
+ this.initialize();
+ }
+};
+function SVGEffects(elem){
+ var i, len = elem.data.ef ? elem.data.ef.length : 0;
+ var filId = randomString(10);
+ var fil = filtersFactory.createFilter(filId);
+ var count = 0;
+ this.filters = [];
+ var filterManager;
+ for(i=0;i<len;i+=1){
+ filterManager = null;
+ if(elem.data.ef[i].ty === 20){
+ count += 1;
+ filterManager = new SVGTintFilter(fil, elem.effectsManager.effectElements[i]);
+ }else if(elem.data.ef[i].ty === 21){
+ count += 1;
+ filterManager = new SVGFillFilter(fil, elem.effectsManager.effectElements[i]);
+ }else if(elem.data.ef[i].ty === 22){
+ filterManager = new SVGStrokeEffect(elem, elem.effectsManager.effectElements[i]);
+ }else if(elem.data.ef[i].ty === 23){
+ count += 1;
+ filterManager = new SVGTritoneFilter(fil, elem.effectsManager.effectElements[i]);
+ }else if(elem.data.ef[i].ty === 24){
+ count += 1;
+ filterManager = new SVGProLevelsFilter(fil, elem.effectsManager.effectElements[i]);
+ }else if(elem.data.ef[i].ty === 25){
+ count += 1;
+ filterManager = new SVGDropShadowEffect(fil, elem.effectsManager.effectElements[i]);
+ }else if(elem.data.ef[i].ty === 28){
+ //count += 1;
+ filterManager = new SVGMatte3Effect(fil, elem.effectsManager.effectElements[i], elem);
+ }
+ if(filterManager) {
+ this.filters.push(filterManager);
+ }
+ }
+ if(count){
+ elem.globalData.defs.appendChild(fil);
+ elem.layerElement.setAttribute('filter','url(' + locationHref + '#'+filId+')');
+ }
+ if (this.filters.length) {
+ elem.addRenderableComponent(this);
+ }
+}
+
+SVGEffects.prototype.renderFrame = function(_isFirstFrame){
+ var i, len = this.filters.length;
+ for(i=0;i<len;i+=1){
+ this.filters[i].renderFrame(_isFirstFrame);
+ }
+};
+function CVEffects() {
+
+}
+CVEffects.prototype.renderFrame = function(){};
+function HBaseElement(data,globalData,comp){}
+HBaseElement.prototype = {
+ checkBlendMode: function(){},
+ initRendererElement: function(){
+ this.baseElement = createTag(this.data.tg || 'div');
+ if(this.data.hasMask) {
+ this.svgElement = createNS('svg');
+ this.layerElement = createNS('g');
+ this.maskedElement = this.layerElement;
+ this.svgElement.appendChild(this.layerElement);
+ this.baseElement.appendChild(this.svgElement);
+ } else {
+ this.layerElement = this.baseElement;
+ }
+ styleDiv(this.baseElement);
+ },
+ createContainerElements: function(){
+ this.renderableEffectsManager = new CVEffects(this);
+ this.transformedElement = this.baseElement;
+ this.maskedElement = this.layerElement;
+ if (this.data.ln) {
+ this.layerElement.setAttribute('id',this.data.ln);
+ }
+ if (this.data.cl) {
+ this.layerElement.setAttribute('class', this.data.cl);
+ }
+ if (this.data.bm !== 0) {
+ this.setBlendMode();
+ }
+ },
+ renderElement: function() {
+ if(this.finalTransform._matMdf){
+ this.transformedElement.style.transform = this.transformedElement.style.webkitTransform = this.finalTransform.mat.toCSS();
+ }
+ if(this.finalTransform._opMdf){
+ this.transformedElement.style.opacity = this.finalTransform.mProp.o.v;
+ }
+ },
+ renderFrame: function() {
+ //If it is exported as hidden (data.hd === true) no need to render
+ //If it is not visible no need to render
+ if (this.data.hd || this.hidden) {
+ return;
+ }
+ this.renderTransform();
+ this.renderRenderable();
+ this.renderElement();
+ this.renderInnerContent();
+ if (this._isFirstFrame) {
+ this._isFirstFrame = false;
+ }
+ },
+ destroy: function(){
+ this.layerElement = null;
+ this.transformedElement = null;
+ if(this.matteElement) {
+ this.matteElement = null;
+ }
+ if(this.maskManager) {
+ this.maskManager.destroy();
+ this.maskManager = null;
+ }
+ },
+ createRenderableComponents: function(){
+ this.maskManager = new MaskElement(this.data, this, this.globalData);
+ },
+ addEffects: function(){
+ },
+ setMatte: function(){}
+};
+HBaseElement.prototype.getBaseElement = SVGBaseElement.prototype.getBaseElement;
+HBaseElement.prototype.destroyBaseElement = HBaseElement.prototype.destroy;
+HBaseElement.prototype.buildElementParenting = HybridRenderer.prototype.buildElementParenting;
+function HSolidElement(data,globalData,comp){
+ this.initElement(data,globalData,comp);
+}
+extendPrototype([BaseElement,TransformElement,HBaseElement,HierarchyElement,FrameElement,RenderableDOMElement], HSolidElement);
+
+HSolidElement.prototype.createContent = function(){
+ var rect;
+ if(this.data.hasMask){
+ rect = createNS('rect');
+ rect.setAttribute('width',this.data.sw);
+ rect.setAttribute('height',this.data.sh);
+ rect.setAttribute('fill',this.data.sc);
+ this.svgElement.setAttribute('width',this.data.sw);
+ this.svgElement.setAttribute('height',this.data.sh);
+ } else {
+ rect = createTag('div');
+ rect.style.width = this.data.sw + 'px';
+ rect.style.height = this.data.sh + 'px';
+ rect.style.backgroundColor = this.data.sc;
+ }
+ this.layerElement.appendChild(rect);
+};
+
+function HCompElement(data,globalData,comp){
+ this.layers = data.layers;
+ this.supports3d = !data.hasMask;
+ this.completeLayers = false;
+ this.pendingElements = [];
+ this.elements = this.layers ? createSizedArray(this.layers.length) : [];
+ this.initElement(data,globalData,comp);
+ this.tm = data.tm ? PropertyFactory.getProp(this,data.tm,0,globalData.frameRate,this) : {_placeholder:true};
+}
+
+extendPrototype([HybridRenderer, ICompElement, HBaseElement], HCompElement);
+HCompElement.prototype._createBaseContainerElements = HCompElement.prototype.createContainerElements;
+
+HCompElement.prototype.createContainerElements = function(){
+ this._createBaseContainerElements();
+ //divElement.style.clip = 'rect(0px, '+this.data.w+'px, '+this.data.h+'px, 0px)';
+ if(this.data.hasMask){
+ this.svgElement.setAttribute('width',this.data.w);
+ this.svgElement.setAttribute('height',this.data.h);
+ this.transformedElement = this.baseElement;
+ } else {
+ this.transformedElement = this.layerElement;
+ }
+};
+
+HCompElement.prototype.addTo3dContainer = function(elem,pos) {
+ var j = 0;
+ var nextElement;
+ while(j<pos){
+ if(this.elements[j] && this.elements[j].getBaseElement){
+ nextElement = this.elements[j].getBaseElement();
+ }
+ j += 1;
+ }
+ if(nextElement){
+ this.layerElement.insertBefore(elem, nextElement);
+ } else {
+ this.layerElement.appendChild(elem);
+ }
+}
+
+function HShapeElement(data,globalData,comp){
+ //List of drawable elements
+ this.shapes = [];
+ // Full shape data
+ this.shapesData = data.shapes;
+ //List of styles that will be applied to shapes
+ this.stylesList = [];
+ //List of modifiers that will be applied to shapes
+ this.shapeModifiers = [];
+ //List of items in shape tree
+ this.itemsData = [];
+ //List of items in previous shape tree
+ this.processedElements = [];
+ // List of animated components
+ this.animatedContents = [];
+ this.shapesContainer = createNS('g');
+ this.initElement(data,globalData,comp);
+ //Moving any property that doesn't get too much access after initialization because of v8 way of handling more than 10 properties.
+ // List of elements that have been created
+ this.prevViewData = [];
+ this.currentBBox = {
+ x:999999,
+ y: -999999,
+ h: 0,
+ w: 0
+ };
+}
+extendPrototype([BaseElement,TransformElement,HSolidElement,SVGShapeElement,HBaseElement,HierarchyElement,FrameElement,RenderableElement], HShapeElement);
+HShapeElement.prototype._renderShapeFrame = HShapeElement.prototype.renderInnerContent;
+
+HShapeElement.prototype.createContent = function(){
+ var cont;
+ this.baseElement.style.fontSize = 0;
+ if (this.data.hasMask) {
+ this.layerElement.appendChild(this.shapesContainer);
+ cont = this.svgElement;
+ } else {
+ cont = createNS('svg');
+ var size = this.comp.data ? this.comp.data : this.globalData.compSize;
+ cont.setAttribute('width',size.w);
+ cont.setAttribute('height',size.h);
+ cont.appendChild(this.shapesContainer);
+ this.layerElement.appendChild(cont);
+ }
+
+ this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.shapesContainer,0, [], true);
+ this.filterUniqueShapes();
+ this.shapeCont = cont;
+};
+
+HShapeElement.prototype.getTransformedPoint = function(transformers, point) {
+ var i, len = transformers.length;
+ for(i = 0; i < len; i += 1) {
+ point = transformers[i].mProps.v.applyToPointArray(point[0], point[1], 0);
+ }
+ return point;
+}
+
+HShapeElement.prototype.calculateShapeBoundingBox = function(item, boundingBox) {
+ var shape = item.sh.v;
+ var transformers = item.transformers;
+ var i, len = shape._length, vPoint, oPoint, nextIPoint, nextVPoint, bounds;
+ if (len <= 1) {
+ return;
+ }
+ for (i = 0; i < len - 1; i += 1) {
+ vPoint = this.getTransformedPoint(transformers, shape.v[i]);
+ oPoint = this.getTransformedPoint(transformers, shape.o[i]);
+ nextIPoint = this.getTransformedPoint(transformers, shape.i[i + 1]);
+ nextVPoint = this.getTransformedPoint(transformers, shape.v[i + 1]);
+ this.checkBounds(vPoint, oPoint, nextIPoint, nextVPoint, boundingBox);
+ }
+ if(shape.c) {
+ vPoint = this.getTransformedPoint(transformers, shape.v[i]);
+ oPoint = this.getTransformedPoint(transformers, shape.o[i]);
+ nextIPoint = this.getTransformedPoint(transformers, shape.i[0]);
+ nextVPoint = this.getTransformedPoint(transformers, shape.v[0]);
+ this.checkBounds(vPoint, oPoint, nextIPoint, nextVPoint, boundingBox);
+ }
+}
+
+HShapeElement.prototype.checkBounds = function(vPoint, oPoint, nextIPoint, nextVPoint, boundingBox) {
+ this.getBoundsOfCurve(vPoint, oPoint, nextIPoint, nextVPoint);
+ var bounds = this.shapeBoundingBox;
+ boundingBox.x = bm_min(bounds.left, boundingBox.x);
+ boundingBox.xMax = bm_max(bounds.right, boundingBox.xMax);
+ boundingBox.y = bm_min(bounds.top, boundingBox.y);
+ boundingBox.yMax = bm_max(bounds.bottom, boundingBox.yMax);
+}
+
+HShapeElement.prototype.shapeBoundingBox = {
+ left:0,
+ right:0,
+ top:0,
+ bottom:0,
+}
+
+HShapeElement.prototype.tempBoundingBox = {
+ x:0,
+ xMax:0,
+ y:0,
+ yMax:0,
+ width:0,
+ height:0
+}
+
+HShapeElement.prototype.getBoundsOfCurve = function(p0, p1, p2, p3) {
+
+ var bounds = [[p0[0],p3[0]], [p0[1],p3[1]]];
+
+ for (var a, b, c, t, b2ac, t1, t2, i = 0; i < 2; ++i) {
+
+ b = 6 * p0[i] - 12 * p1[i] + 6 * p2[i];
+ a = -3 * p0[i] + 9 * p1[i] - 9 * p2[i] + 3 * p3[i];
+ c = 3 * p1[i] - 3 * p0[i];
+
+ b = b | 0;
+ a = a | 0;
+ c = c | 0;
+
+ if (a === 0) {
+
+ if (b === 0) {
+ continue;
+ }
+
+ t = -c / b;
+
+ if (0 < t && t < 1) {
+ bounds[i].push(this.calculateF(t,p0,p1,p2,p3,i));
+ }
+ continue;
+ }
+
+ b2ac = b * b - 4 * c * a;
+
+ if (b2ac < 0) {
+ continue;
+ }
+
+ t1 = (-b + bm_sqrt(b2ac))/(2 * a);
+ if (0 < t1 && t1 < 1) bounds[i].push(this.calculateF(t1,p0,p1,p2,p3,i));
+
+ t2 = (-b - bm_sqrt(b2ac))/(2 * a);
+ if (0 < t2 && t2 < 1) bounds[i].push(this.calculateF(t2,p0,p1,p2,p3,i));
+
+ }
+
+ this.shapeBoundingBox.left = bm_min.apply(null, bounds[0]);
+ this.shapeBoundingBox.top = bm_min.apply(null, bounds[1]);
+ this.shapeBoundingBox.right = bm_max.apply(null, bounds[0]);
+ this.shapeBoundingBox.bottom = bm_max.apply(null, bounds[1]);
+ };
+
+ HShapeElement.prototype.calculateF = function(t, p0, p1, p2, p3, i) {
+ return bm_pow(1-t, 3) * p0[i]
+ + 3 * bm_pow(1-t, 2) * t * p1[i]
+ + 3 * (1-t) * bm_pow(t, 2) * p2[i]
+ + bm_pow(t, 3) * p3[i];
+ }
+
+HShapeElement.prototype.calculateBoundingBox = function(itemsData, boundingBox) {
+ var i, len = itemsData.length, path;
+ for(i = 0; i < len; i += 1) {
+ if(itemsData[i] && itemsData[i].sh) {
+ this.calculateShapeBoundingBox(itemsData[i], boundingBox)
+ } else if(itemsData[i] && itemsData[i].it) {
+ this.calculateBoundingBox(itemsData[i].it, boundingBox)
+ }
+ }
+}
+
+HShapeElement.prototype.currentBoxContains = function(box) {
+ return this.currentBBox.x <= box.x
+ && this.currentBBox.y <= box.y
+ && this.currentBBox.width + this.currentBBox.x >= box.x + box.width
+ && this.currentBBox.height + this.currentBBox.y >= box.y + box.height
+}
+
+HShapeElement.prototype.renderInnerContent = function() {
+ this._renderShapeFrame();
+
+ if(!this.hidden && (this._isFirstFrame || this._mdf)) {
+ var tempBoundingBox = this.tempBoundingBox;
+ var max = 999999;
+ tempBoundingBox.x = max;
+ tempBoundingBox.xMax = -max;
+ tempBoundingBox.y = max;
+ tempBoundingBox.yMax = -max;
+ this.calculateBoundingBox(this.itemsData, tempBoundingBox);
+ tempBoundingBox.width = tempBoundingBox.xMax < tempBoundingBox.x ? 0 : tempBoundingBox.xMax - tempBoundingBox.x;
+ tempBoundingBox.height = tempBoundingBox.yMax < tempBoundingBox.y ? 0 : tempBoundingBox.yMax - tempBoundingBox.y;
+ //var tempBoundingBox = this.shapeCont.getBBox();
+ if(this.currentBoxContains(tempBoundingBox)) {
+ return;
+ }
+ var changed = false;
+ if(this.currentBBox.w !== tempBoundingBox.width){
+ this.currentBBox.w = tempBoundingBox.width;
+ this.shapeCont.setAttribute('width',tempBoundingBox.width);
+ changed = true;
+ }
+ if(this.currentBBox.h !== tempBoundingBox.height){
+ this.currentBBox.h = tempBoundingBox.height;
+ this.shapeCont.setAttribute('height',tempBoundingBox.height);
+ changed = true;
+ }
+ if(changed || this.currentBBox.x !== tempBoundingBox.x || this.currentBBox.y !== tempBoundingBox.y){
+ this.currentBBox.w = tempBoundingBox.width;
+ this.currentBBox.h = tempBoundingBox.height;
+ this.currentBBox.x = tempBoundingBox.x;
+ this.currentBBox.y = tempBoundingBox.y;
+
+ this.shapeCont.setAttribute('viewBox',this.currentBBox.x+' '+this.currentBBox.y+' '+this.currentBBox.w+' '+this.currentBBox.h);
+ this.shapeCont.style.transform = this.shapeCont.style.webkitTransform = 'translate(' + this.currentBBox.x + 'px,' + this.currentBBox.y + 'px)';
+ }
+ }
+
+};
+function HTextElement(data,globalData,comp){
+ this.textSpans = [];
+ this.textPaths = [];
+ this.currentBBox = {
+ x:999999,
+ y: -999999,
+ h: 0,
+ w: 0
+ };
+ this.renderType = 'svg';
+ this.isMasked = false;
+ this.initElement(data,globalData,comp);
+
+}
+extendPrototype([BaseElement,TransformElement,HBaseElement,HierarchyElement,FrameElement,RenderableDOMElement,ITextElement], HTextElement);
+
+HTextElement.prototype.createContent = function(){
+ this.isMasked = this.checkMasks();
+ if(this.isMasked){
+ this.renderType = 'svg';
+ this.compW = this.comp.data.w;
+ this.compH = this.comp.data.h;
+ this.svgElement.setAttribute('width',this.compW);
+ this.svgElement.setAttribute('height',this.compH);
+ var g = createNS('g');
+ this.maskedElement.appendChild(g);
+ this.innerElem = g;
+ } else {
+ this.renderType = 'html';
+ this.innerElem = this.layerElement;
+ }
+
+ this.checkParenting();
+
+};
+
+HTextElement.prototype.buildNewText = function(){
+ var documentData = this.textProperty.currentData;
+ this.renderedLetters = createSizedArray(documentData.l ? documentData.l.length : 0);
+ var innerElemStyle = this.innerElem.style;
+ innerElemStyle.color = innerElemStyle.fill = documentData.fc ? this.buildColor(documentData.fc) : 'rgba(0,0,0,0)';
+ if(documentData.sc){
+ innerElemStyle.stroke = this.buildColor(documentData.sc);
+ innerElemStyle.strokeWidth = documentData.sw+'px';
+ }
+ var fontData = this.globalData.fontManager.getFontByName(documentData.f);
+ if(!this.globalData.fontManager.chars){
+ innerElemStyle.fontSize = documentData.finalSize+'px';
+ innerElemStyle.lineHeight = documentData.finalSize+'px';
+ if(fontData.fClass){
+ this.innerElem.className = fontData.fClass;
+ } else {
+ innerElemStyle.fontFamily = fontData.fFamily;
+ var fWeight = documentData.fWeight, fStyle = documentData.fStyle;
+ innerElemStyle.fontStyle = fStyle;
+ innerElemStyle.fontWeight = fWeight;
+ }
+ }
+ var i, len;
+
+ var letters = documentData.l;
+ len = letters.length;
+ var tSpan,tParent,tCont;
+ var matrixHelper = this.mHelper;
+ var shapes, shapeStr = '';
+ var cnt = 0;
+ for (i = 0;i < len ;i += 1) {
+ if(this.globalData.fontManager.chars){
+ if(!this.textPaths[cnt]){
+ tSpan = createNS('path');
+ tSpan.setAttribute('stroke-linecap', 'butt');
+ tSpan.setAttribute('stroke-linejoin','round');
+ tSpan.setAttribute('stroke-miterlimit','4');
+ } else {
+ tSpan = this.textPaths[cnt];
+ }
+ if(!this.isMasked){
+ if(this.textSpans[cnt]){
+ tParent = this.textSpans[cnt];
+ tCont = tParent.children[0];
+ } else {
+
+ tParent = createTag('div');
+ tCont = createNS('svg');
+ tCont.appendChild(tSpan);
+ styleDiv(tParent);
+ }
+ }
+ }else{
+ if(!this.isMasked){
+ if(this.textSpans[cnt]){
+ tParent = this.textSpans[cnt];
+ tSpan = this.textPaths[cnt];
+ } else {
+ tParent = createTag('span');
+ styleDiv(tParent);
+ tSpan = createTag('span');
+ styleDiv(tSpan);
+ tParent.appendChild(tSpan);
+ }
+ } else {
+ tSpan = this.textPaths[cnt] ? this.textPaths[cnt] : createNS('text');
+ }
+ }
+ //tSpan.setAttribute('visibility', 'hidden');
+ if(this.globalData.fontManager.chars){
+ var charData = this.globalData.fontManager.getCharData(documentData.finalText[i], fontData.fStyle, this.globalData.fontManager.getFontByName(documentData.f).fFamily);
+ var shapeData;
+ if(charData){
+ shapeData = charData.data;
+ } else {
+ shapeData = null;
+ }
+ matrixHelper.reset();
+ if(shapeData && shapeData.shapes){
+ shapes = shapeData.shapes[0].it;
+ matrixHelper.scale(documentData.finalSize/100,documentData.finalSize/100);
+ shapeStr = this.createPathShape(matrixHelper,shapes);
+ tSpan.setAttribute('d',shapeStr);
+ }
+ if(!this.isMasked){
+ this.innerElem.appendChild(tParent);
+ if(shapeData && shapeData.shapes){
+
+ //document.body.appendChild is needed to get exact measure of shape
+ document.body.appendChild(tCont);
+ var boundingBox = tCont.getBBox();
+ tCont.setAttribute('width',boundingBox.width + 2);
+ tCont.setAttribute('height',boundingBox.height + 2);
+ tCont.setAttribute('viewBox',(boundingBox.x-1)+' '+ (boundingBox.y-1)+' '+ (boundingBox.width+2)+' '+ (boundingBox.height+2));
+ tCont.style.transform = tCont.style.webkitTransform = 'translate(' + (boundingBox.x-1) + 'px,' + (boundingBox.y-1) + 'px)';
+
+ letters[i].yOffset = boundingBox.y-1;
+
+ } else{
+ tCont.setAttribute('width',1);
+ tCont.setAttribute('height',1);
+ }
+ tParent.appendChild(tCont);
+ }else{
+ this.innerElem.appendChild(tSpan);
+ }
+ }else{
+ tSpan.textContent = letters[i].val;
+ tSpan.setAttributeNS("http://www.w3.org/XML/1998/namespace", "xml:space","preserve");
+ if(!this.isMasked){
+ this.innerElem.appendChild(tParent);
+ //
+ tSpan.style.transform = tSpan.style.webkitTransform = 'translate3d(0,'+ -documentData.finalSize/1.2+'px,0)';
+ } else {
+ this.innerElem.appendChild(tSpan);
+ }
+ }
+ //
+ if(!this.isMasked){
+ this.textSpans[cnt] = tParent;
+ }else{
+ this.textSpans[cnt] = tSpan;
+ }
+ this.textSpans[cnt].style.display = 'block';
+ this.textPaths[cnt] = tSpan;
+ cnt += 1;
+ }
+ while(cnt < this.textSpans.length){
+ this.textSpans[cnt].style.display = 'none';
+ cnt += 1;
+ }
+};
+
+HTextElement.prototype.renderInnerContent = function() {
+
+ if(this.data.singleShape){
+ if(!this._isFirstFrame && !this.lettersChangedFlag){
+ return;
+ } else {
+ // Todo Benchmark if using this is better than getBBox
+ if(this.isMasked && this.finalTransform._matMdf){
+ this.svgElement.setAttribute('viewBox',-this.finalTransform.mProp.p.v[0]+' '+ -this.finalTransform.mProp.p.v[1]+' '+this.compW+' '+this.compH);
+ this.svgElement.style.transform = this.svgElement.style.webkitTransform = 'translate(' + -this.finalTransform.mProp.p.v[0] + 'px,' + -this.finalTransform.mProp.p.v[1] + 'px)';
+ }
+ }
+ }
+
+ this.textAnimator.getMeasures(this.textProperty.currentData, this.lettersChangedFlag);
+ if(!this.lettersChangedFlag && !this.textAnimator.lettersChangedFlag){
+ return;
+ }
+ var i,len, count = 0;
+ var renderedLetters = this.textAnimator.renderedLetters;
+
+ var letters = this.textProperty.currentData.l;
+
+ len = letters.length;
+ var renderedLetter, textSpan, textPath;
+ for(i=0;i<len;i+=1){
+ if(letters[i].n){
+ count += 1;
+ continue;
+ }
+ textSpan = this.textSpans[i];
+ textPath = this.textPaths[i];
+ renderedLetter = renderedLetters[count];
+ count += 1;
+ if(renderedLetter._mdf.m) {
+ if(!this.isMasked){
+ textSpan.style.transform = textSpan.style.webkitTransform = renderedLetter.m;
+ }else{
+ textSpan.setAttribute('transform',renderedLetter.m);
+ }
+ }
+ ////textSpan.setAttribute('opacity',renderedLetter.o);
+ textSpan.style.opacity = renderedLetter.o;
+ if(renderedLetter.sw && renderedLetter._mdf.sw){
+ textPath.setAttribute('stroke-width',renderedLetter.sw);
+ }
+ if(renderedLetter.sc && renderedLetter._mdf.sc){
+ textPath.setAttribute('stroke',renderedLetter.sc);
+ }
+ if(renderedLetter.fc && renderedLetter._mdf.fc){
+ textPath.setAttribute('fill',renderedLetter.fc);
+ textPath.style.color = renderedLetter.fc;
+ }
+ }
+
+ if(this.innerElem.getBBox && !this.hidden && (this._isFirstFrame || this._mdf)){
+ var boundingBox = this.innerElem.getBBox();
+
+ if(this.currentBBox.w !== boundingBox.width){
+ this.currentBBox.w = boundingBox.width;
+ this.svgElement.setAttribute('width',boundingBox.width);
+ }
+ if(this.currentBBox.h !== boundingBox.height){
+ this.currentBBox.h = boundingBox.height;
+ this.svgElement.setAttribute('height',boundingBox.height);
+ }
+
+ var margin = 1;
+ if(this.currentBBox.w !== (boundingBox.width + margin*2) || this.currentBBox.h !== (boundingBox.height + margin*2) || this.currentBBox.x !== (boundingBox.x - margin) || this.currentBBox.y !== (boundingBox.y - margin)){
+ this.currentBBox.w = boundingBox.width + margin*2;
+ this.currentBBox.h = boundingBox.height + margin*2;
+ this.currentBBox.x = boundingBox.x - margin;
+ this.currentBBox.y = boundingBox.y - margin;
+
+ this.svgElement.setAttribute('viewBox',this.currentBBox.x+' '+this.currentBBox.y+' '+this.currentBBox.w+' '+this.currentBBox.h);
+ this.svgElement.style.transform = this.svgElement.style.webkitTransform = 'translate(' + this.currentBBox.x + 'px,' + this.currentBBox.y + 'px)';
+ }
+ }
+};
+function HImageElement(data,globalData,comp){
+ this.assetData = globalData.getAssetData(data.refId);
+ this.initElement(data,globalData,comp);
+}
+
+extendPrototype([BaseElement,TransformElement,HBaseElement,HSolidElement,HierarchyElement,FrameElement,RenderableElement], HImageElement);
+
+
+HImageElement.prototype.createContent = function(){
+ var assetPath = this.globalData.getAssetsPath(this.assetData);
+ var img = new Image();
+
+ if(this.data.hasMask){
+ this.imageElem = createNS('image');
+ this.imageElem.setAttribute('width',this.assetData.w+"px");
+ this.imageElem.setAttribute('height',this.assetData.h+"px");
+ this.imageElem.setAttributeNS('http://www.w3.org/1999/xlink','href',assetPath);
+ this.layerElement.appendChild(this.imageElem);
+ this.baseElement.setAttribute('width',this.assetData.w);
+ this.baseElement.setAttribute('height',this.assetData.h);
+ } else {
+ this.layerElement.appendChild(img);
+ }
+ img.src = assetPath;
+ if(this.data.ln){
+ this.baseElement.setAttribute('id',this.data.ln);
+ }
+};
+function HCameraElement(data,globalData,comp){
+ this.initFrame();
+ this.initBaseData(data,globalData,comp);
+ this.initHierarchy();
+ var getProp = PropertyFactory.getProp;
+ this.pe = getProp(this,data.pe,0,0,this);
+ if(data.ks.p.s){
+ this.px = getProp(this,data.ks.p.x,1,0,this);
+ this.py = getProp(this,data.ks.p.y,1,0,this);
+ this.pz = getProp(this,data.ks.p.z,1,0,this);
+ }else{
+ this.p = getProp(this,data.ks.p,1,0,this);
+ }
+ if(data.ks.a){
+ this.a = getProp(this,data.ks.a,1,0,this);
+ }
+ if(data.ks.or.k.length && data.ks.or.k[0].to){
+ var i,len = data.ks.or.k.length;
+ for(i=0;i<len;i+=1){
+ data.ks.or.k[i].to = null;
+ data.ks.or.k[i].ti = null;
+ }
+ }
+ this.or = getProp(this,data.ks.or,1,degToRads,this);
+ this.or.sh = true;
+ this.rx = getProp(this,data.ks.rx,0,degToRads,this);
+ this.ry = getProp(this,data.ks.ry,0,degToRads,this);
+ this.rz = getProp(this,data.ks.rz,0,degToRads,this);
+ this.mat = new Matrix();
+ this._prevMat = new Matrix();
+ this._isFirstFrame = true;
+}
+extendPrototype([BaseElement, FrameElement, HierarchyElement], HCameraElement);
+
+HCameraElement.prototype.setup = function() {
+ var i, len = this.comp.threeDElements.length, comp;
+ for(i=0;i<len;i+=1){
+ //[perspectiveElem,container]
+ comp = this.comp.threeDElements[i];
+ if(comp.type === '3d') {
+ comp.perspectiveElem.style.perspective = comp.perspectiveElem.style.webkitPerspective = this.pe.v+'px';
+ comp.container.style.transformOrigin = comp.container.style.mozTransformOrigin = comp.container.style.webkitTransformOrigin = "0px 0px 0px";
+ comp.perspectiveElem.style.transform = comp.perspectiveElem.style.webkitTransform = 'matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)';
+ }
+ }
+};
+
+HCameraElement.prototype.createElements = function(){
+};
+
+HCameraElement.prototype.hide = function(){
+};
+
+HCameraElement.prototype.renderFrame = function(){
+ var _mdf = this._isFirstFrame;
+ var i, len;
+ if(this.hierarchy){
+ len = this.hierarchy.length;
+ for(i=0;i<len;i+=1){
+ _mdf = this.hierarchy[i].finalTransform.mProp._mdf || _mdf;
+ }
+ }
+ if(_mdf || this.pe._mdf || (this.p && this.p._mdf) || (this.px && (this.px._mdf || this.py._mdf || this.pz._mdf)) || this.rx._mdf || this.ry._mdf || this.rz._mdf || this.or._mdf || (this.a && this.a._mdf)) {
+ this.mat.reset();
+
+ if(this.hierarchy){
+ var mat;
+ len = this.hierarchy.length - 1;
+ for (i = len; i >= 0; i -= 1) {
+ /*mat = this.hierarchy[i].finalTransform.mProp.v.props;
+ console.log(mat)
+ this.mat.transform(-mat[0],-mat[1],-mat[2],-mat[3],-mat[4],-mat[5],-mat[6],-mat[7],-mat[8],-mat[9],-mat[10],-mat[11],-mat[12],-mat[13],-mat[14],mat[15]);
+ console.log(this.mat.props)*/
+ var mTransf = this.hierarchy[i].finalTransform.mProp;
+ this.mat.translate(-mTransf.p.v[0],-mTransf.p.v[1],mTransf.p.v[2]);
+ this.mat.rotateX(-mTransf.or.v[0]).rotateY(-mTransf.or.v[1]).rotateZ(mTransf.or.v[2]);
+ this.mat.rotateX(-mTransf.rx.v).rotateY(-mTransf.ry.v).rotateZ(mTransf.rz.v);
+ this.mat.scale(1/mTransf.s.v[0],1/mTransf.s.v[1],1/mTransf.s.v[2]);
+ this.mat.translate(mTransf.a.v[0],mTransf.a.v[1],mTransf.a.v[2]);
+ }
+ }
+
+ if(this.p){
+ this.mat.translate(-this.p.v[0],-this.p.v[1],this.p.v[2]);
+ }else{
+ this.mat.translate(-this.px.v,-this.py.v,this.pz.v);
+ }
+ if(this.a){
+ var diffVector = [this.p.v[0]-this.a.v[0],this.p.v[1]-this.a.v[1],this.p.v[2]-this.a.v[2]];
+ var mag = Math.sqrt(Math.pow(diffVector[0],2)+Math.pow(diffVector[1],2)+Math.pow(diffVector[2],2));
+ //var lookDir = getNormalizedPoint(getDiffVector(this.a.v,this.p.v));
+ var lookDir = [diffVector[0]/mag,diffVector[1]/mag,diffVector[2]/mag];
+ var lookLengthOnXZ = Math.sqrt( lookDir[2]*lookDir[2] + lookDir[0]*lookDir[0] );
+ var m_rotationX = (Math.atan2( lookDir[1], lookLengthOnXZ ));
+ var m_rotationY = (Math.atan2( lookDir[0], -lookDir[2]));
+ this.mat.rotateY(m_rotationY).rotateX(-m_rotationX);
+
+ }
+ this.mat.rotateX(-this.rx.v).rotateY(-this.ry.v).rotateZ(this.rz.v);
+ this.mat.rotateX(-this.or.v[0]).rotateY(-this.or.v[1]).rotateZ(this.or.v[2]);
+ this.mat.translate(this.globalData.compSize.w/2,this.globalData.compSize.h/2,0);
+ this.mat.translate(0,0,this.pe.v);
+
+
+
+
+ var hasMatrixChanged = !this._prevMat.equals(this.mat);
+ if((hasMatrixChanged || this.pe._mdf) && this.comp.threeDElements) {
+ len = this.comp.threeDElements.length;
+ var comp;
+ for(i=0;i<len;i+=1){
+ comp = this.comp.threeDElements[i];
+ if(comp.type === '3d') {
+ if(hasMatrixChanged) {
+ comp.container.style.transform = comp.container.style.webkitTransform = this.mat.toCSS();
+ }
+ if(this.pe._mdf) {
+ comp.perspectiveElem.style.perspective = comp.perspectiveElem.style.webkitPerspective = this.pe.v+'px';
+ }
+ }
+ }
+ this.mat.clone(this._prevMat);
+ }
+ }
+ this._isFirstFrame = false;
+};
+
+HCameraElement.prototype.prepareFrame = function(num) {
+ this.prepareProperties(num, true);
+};
+
+HCameraElement.prototype.destroy = function(){
+};
+HCameraElement.prototype.initExpressions = function(){};
+HCameraElement.prototype.getBaseElement = function(){return null;};
+function HEffects() {
+}
+HEffects.prototype.renderFrame = function(){};
+var animationManager = (function(){
+ var moduleOb = {};
+ var registeredAnimations = [];
+ var initTime = 0;
+ var len = 0;
+ var playingAnimationsNum = 0;
+ var _stopped = true;
+ var _isFrozen = false;
+
+ function removeElement(ev){
+ var i = 0;
+ var animItem = ev.target;
+ while(i<len) {
+ if (registeredAnimations[i].animation === animItem) {
+ registeredAnimations.splice(i, 1);
+ i -= 1;
+ len -= 1;
+ if(!animItem.isPaused){
+ subtractPlayingCount();
+ }
+ }
+ i += 1;
+ }
+ }
+
+ function registerAnimation(element, animationData){
+ if(!element){
+ return null;
+ }
+ var i=0;
+ while(i<len){
+ if(registeredAnimations[i].elem == element && registeredAnimations[i].elem !== null ){
+ return registeredAnimations[i].animation;
+ }
+ i+=1;
+ }
+ var animItem = new AnimationItem();
+ setupAnimation(animItem, element);
+ animItem.setData(element, animationData);
+ return animItem;
+ }
+
+ function getRegisteredAnimations() {
+ var i, len = registeredAnimations.length;
+ var animations = [];
+ for(i = 0; i < len; i += 1) {
+ animations.push(registeredAnimations[i].animation);
+ }
+ return animations;
+ }
+
+ function addPlayingCount(){
+ playingAnimationsNum += 1;
+ activate();
+ }
+
+ function subtractPlayingCount(){
+ playingAnimationsNum -= 1;
+ }
+
+ function setupAnimation(animItem, element){
+ animItem.addEventListener('destroy',removeElement);
+ animItem.addEventListener('_active',addPlayingCount);
+ animItem.addEventListener('_idle',subtractPlayingCount);
+ registeredAnimations.push({elem: element,animation:animItem});
+ len += 1;
+ }
+
+ function loadAnimation(params){
+ var animItem = new AnimationItem();
+ setupAnimation(animItem, null);
+ animItem.setParams(params);
+ return animItem;
+ }
+
+
+ function setSpeed(val,animation){
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.setSpeed(val, animation);
+ }
+ }
+
+ function setDirection(val, animation){
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.setDirection(val, animation);
+ }
+ }
+
+ function play(animation){
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.play(animation);
+ }
+ }
+ function resume(nowTime) {
+ var elapsedTime = nowTime - initTime;
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.advanceTime(elapsedTime);
+ }
+ initTime = nowTime;
+ if(playingAnimationsNum && !_isFrozen) {
+ window.requestAnimationFrame(resume);
+ } else {
+ _stopped = true;
+ }
+ }
+
+ function first(nowTime){
+ initTime = nowTime;
+ window.requestAnimationFrame(resume);
+ }
+
+ function pause(animation) {
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.pause(animation);
+ }
+ }
+
+ function goToAndStop(value,isFrame,animation) {
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.goToAndStop(value,isFrame,animation);
+ }
+ }
+
+ function stop(animation) {
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.stop(animation);
+ }
+ }
+
+ function togglePause(animation) {
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.togglePause(animation);
+ }
+ }
+
+ function destroy(animation) {
+ var i;
+ for(i=(len-1);i>=0;i-=1){
+ registeredAnimations[i].animation.destroy(animation);
+ }
+ }
+
+ function searchAnimations(animationData, standalone, renderer){
+ var animElements = [].concat([].slice.call(document.getElementsByClassName('lottie')),
+ [].slice.call(document.getElementsByClassName('bodymovin')));
+ var i, len = animElements.length;
+ for(i=0;i<len;i+=1){
+ if(renderer){
+ animElements[i].setAttribute('data-bm-type',renderer);
+ }
+ registerAnimation(animElements[i], animationData);
+ }
+ if(standalone && len === 0){
+ if(!renderer){
+ renderer = 'svg';
+ }
+ var body = document.getElementsByTagName('body')[0];
+ body.innerHTML = '';
+ var div = createTag('div');
+ div.style.width = '100%';
+ div.style.height = '100%';
+ div.setAttribute('data-bm-type',renderer);
+ body.appendChild(div);
+ registerAnimation(div, animationData);
+ }
+ }
+
+ function resize(){
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.resize();
+ }
+ }
+
+ function activate(){
+ if(!_isFrozen && playingAnimationsNum){
+ if(_stopped) {
+ window.requestAnimationFrame(first);
+ _stopped = false;
+ }
+ }
+ }
+
+ function freeze() {
+ _isFrozen = true;
+ }
+
+ function unfreeze() {
+ _isFrozen = false;
+ activate();
+ }
+
+ moduleOb.registerAnimation = registerAnimation;
+ moduleOb.loadAnimation = loadAnimation;
+ moduleOb.setSpeed = setSpeed;
+ moduleOb.setDirection = setDirection;
+ moduleOb.play = play;
+ moduleOb.pause = pause;
+ moduleOb.stop = stop;
+ moduleOb.togglePause = togglePause;
+ moduleOb.searchAnimations = searchAnimations;
+ moduleOb.resize = resize;
+ //moduleOb.start = start;
+ moduleOb.goToAndStop = goToAndStop;
+ moduleOb.destroy = destroy;
+ moduleOb.freeze = freeze;
+ moduleOb.unfreeze = unfreeze;
+ moduleOb.getRegisteredAnimations = getRegisteredAnimations;
+ return moduleOb;
+}());
+
+var AnimationItem = function () {
+ this._cbs = [];
+ this.name = '';
+ this.path = '';
+ this.isLoaded = false;
+ this.currentFrame = 0;
+ this.currentRawFrame = 0;
+ this.totalFrames = 0;
+ this.frameRate = 0;
+ this.frameMult = 0;
+ this.playSpeed = 1;
+ this.playDirection = 1;
+ this.playCount = 0;
+ this.animationData = {};
+ this.assets = [];
+ this.isPaused = true;
+ this.autoplay = false;
+ this.loop = true;
+ this.renderer = null;
+ this.animationID = randomString(10);
+ this.assetsPath = '';
+ this.timeCompleted = 0;
+ this.segmentPos = 0;
+ this.subframeEnabled = subframeEnabled;
+ this.segments = [];
+ this._idle = true;
+ this._completedLoop = false;
+ this.projectInterface = ProjectInterface();
+ this.imagePreloader = new ImagePreloader();
+};
+
+extendPrototype([BaseEvent], AnimationItem);
+
+AnimationItem.prototype.setParams = function(params) {
+ if(params.context){
+ this.context = params.context;
+ }
+ if(params.wrapper || params.container){
+ this.wrapper = params.wrapper || params.container;
+ }
+ var animType = params.animType ? params.animType : params.renderer ? params.renderer : 'svg';
+ switch(animType){
+ case 'canvas':
+ this.renderer = new CanvasRenderer(this, params.rendererSettings);
+ break;
+ case 'svg':
+ this.renderer = new SVGRenderer(this, params.rendererSettings);
+ break;
+ default:
+ this.renderer = new HybridRenderer(this, params.rendererSettings);
+ break;
+ }
+ this.renderer.setProjectInterface(this.projectInterface);
+ this.animType = animType;
+
+ if(params.loop === '' || params.loop === null){
+ }else if(params.loop === false){
+ this.loop = false;
+ }else if(params.loop === true){
+ this.loop = true;
+ }else{
+ this.loop = parseInt(params.loop);
+ }
+ this.autoplay = 'autoplay' in params ? params.autoplay : true;
+ this.name = params.name ? params.name : '';
+ this.autoloadSegments = params.hasOwnProperty('autoloadSegments') ? params.autoloadSegments : true;
+ this.assetsPath = params.assetsPath;
+ if(params.animationData){
+ this.configAnimation(params.animationData);
+ }else if(params.path){
+ if(params.path.substr(-4) != 'json'){
+ if (params.path.substr(-1, 1) != '/') {
+ params.path += '/';
+ }
+ params.path += 'data.json';
+ }
+
+ if(params.path.lastIndexOf('\\') != -1){
+ this.path = params.path.substr(0,params.path.lastIndexOf('\\')+1);
+ }else{
+ this.path = params.path.substr(0,params.path.lastIndexOf('/')+1);
+ }
+ this.fileName = params.path.substr(params.path.lastIndexOf('/')+1);
+ this.fileName = this.fileName.substr(0,this.fileName.lastIndexOf('.json'));
+
+ assetLoader.load(params.path, this.configAnimation.bind(this), function() {
+ this.trigger('data_failed');
+ }.bind(this));
+ }
+};
+
+AnimationItem.prototype.setData = function (wrapper, animationData) {
+ var params = {
+ wrapper: wrapper,
+ animationData: animationData ? (typeof animationData === "object") ? animationData : JSON.parse(animationData) : null
+ };
+ var wrapperAttributes = wrapper.attributes;
+
+ params.path = wrapperAttributes.getNamedItem('data-animation-path') ? wrapperAttributes.getNamedItem('data-animation-path').value : wrapperAttributes.getNamedItem('data-bm-path') ? wrapperAttributes.getNamedItem('data-bm-path').value : wrapperAttributes.getNamedItem('bm-path') ? wrapperAttributes.getNamedItem('bm-path').value : '';
+ params.animType = wrapperAttributes.getNamedItem('data-anim-type') ? wrapperAttributes.getNamedItem('data-anim-type').value : wrapperAttributes.getNamedItem('data-bm-type') ? wrapperAttributes.getNamedItem('data-bm-type').value : wrapperAttributes.getNamedItem('bm-type') ? wrapperAttributes.getNamedItem('bm-type').value : wrapperAttributes.getNamedItem('data-bm-renderer') ? wrapperAttributes.getNamedItem('data-bm-renderer').value : wrapperAttributes.getNamedItem('bm-renderer') ? wrapperAttributes.getNamedItem('bm-renderer').value : 'canvas';
+
+ var loop = wrapperAttributes.getNamedItem('data-anim-loop') ? wrapperAttributes.getNamedItem('data-anim-loop').value : wrapperAttributes.getNamedItem('data-bm-loop') ? wrapperAttributes.getNamedItem('data-bm-loop').value : wrapperAttributes.getNamedItem('bm-loop') ? wrapperAttributes.getNamedItem('bm-loop').value : '';
+ if(loop === ''){
+ }else if(loop === 'false'){
+ params.loop = false;
+ }else if(loop === 'true'){
+ params.loop = true;
+ }else{
+ params.loop = parseInt(loop);
+ }
+ var autoplay = wrapperAttributes.getNamedItem('data-anim-autoplay') ? wrapperAttributes.getNamedItem('data-anim-autoplay').value : wrapperAttributes.getNamedItem('data-bm-autoplay') ? wrapperAttributes.getNamedItem('data-bm-autoplay').value : wrapperAttributes.getNamedItem('bm-autoplay') ? wrapperAttributes.getNamedItem('bm-autoplay').value : true;
+ params.autoplay = autoplay !== "false";
+
+ params.name = wrapperAttributes.getNamedItem('data-name') ? wrapperAttributes.getNamedItem('data-name').value : wrapperAttributes.getNamedItem('data-bm-name') ? wrapperAttributes.getNamedItem('data-bm-name').value : wrapperAttributes.getNamedItem('bm-name') ? wrapperAttributes.getNamedItem('bm-name').value : '';
+ var prerender = wrapperAttributes.getNamedItem('data-anim-prerender') ? wrapperAttributes.getNamedItem('data-anim-prerender').value : wrapperAttributes.getNamedItem('data-bm-prerender') ? wrapperAttributes.getNamedItem('data-bm-prerender').value : wrapperAttributes.getNamedItem('bm-prerender') ? wrapperAttributes.getNamedItem('bm-prerender').value : '';
+
+ if(prerender === 'false'){
+ params.prerender = false;
+ }
+ this.setParams(params);
+};
+
+AnimationItem.prototype.includeLayers = function(data) {
+ if(data.op > this.animationData.op){
+ this.animationData.op = data.op;
+ this.totalFrames = Math.floor(data.op - this.animationData.ip);
+ }
+ var layers = this.animationData.layers;
+ var i, len = layers.length;
+ var newLayers = data.layers;
+ var j, jLen = newLayers.length;
+ for(j=0;j<jLen;j+=1){
+ i = 0;
+ while(i<len){
+ if(layers[i].id == newLayers[j].id){
+ layers[i] = newLayers[j];
+ break;
+ }
+ i += 1;
+ }
+ }
+ if(data.chars || data.fonts){
+ this.renderer.globalData.fontManager.addChars(data.chars);
+ this.renderer.globalData.fontManager.addFonts(data.fonts, this.renderer.globalData.defs);
+ }
+ if(data.assets){
+ len = data.assets.length;
+ for(i = 0; i < len; i += 1){
+ this.animationData.assets.push(data.assets[i]);
+ }
+ }
+ this.animationData.__complete = false;
+ dataManager.completeData(this.animationData,this.renderer.globalData.fontManager);
+ this.renderer.includeLayers(data.layers);
+ if(expressionsPlugin){
+ expressionsPlugin.initExpressions(this);
+ }
+ this.loadNextSegment();
+};
+
+AnimationItem.prototype.loadNextSegment = function() {
+ var segments = this.animationData.segments;
+ if(!segments || segments.length === 0 || !this.autoloadSegments){
+ this.trigger('data_ready');
+ this.timeCompleted = this.totalFrames;
+ return;
+ }
+ var segment = segments.shift();
+ this.timeCompleted = segment.time * this.frameRate;
+ var segmentPath = this.path+this.fileName+'_' + this.segmentPos + '.json';
+ this.segmentPos += 1;
+ assetLoader.load(segmentPath, this.includeLayers.bind(this), function() {
+ this.trigger('data_failed');
+ }.bind(this));
+};
+
+AnimationItem.prototype.loadSegments = function() {
+ var segments = this.animationData.segments;
+ if(!segments) {
+ this.timeCompleted = this.totalFrames;
+ }
+ this.loadNextSegment();
+};
+
+AnimationItem.prototype.imagesLoaded = function() {
+ this.trigger('loaded_images');
+ this.checkLoaded()
+}
+
+AnimationItem.prototype.preloadImages = function() {
+ this.imagePreloader.setAssetsPath(this.assetsPath);
+ this.imagePreloader.setPath(this.path);
+ this.imagePreloader.loadAssets(this.animationData.assets, this.imagesLoaded.bind(this));
+}
+
+AnimationItem.prototype.configAnimation = function (animData) {
+ if(!this.renderer){
+ return;
+ }
+ this.animationData = animData;
+ this.totalFrames = Math.floor(this.animationData.op - this.animationData.ip);
+ this.renderer.configAnimation(animData);
+ if(!animData.assets){
+ animData.assets = [];
+ }
+ this.renderer.searchExtraCompositions(animData.assets);
+
+ this.assets = this.animationData.assets;
+ this.frameRate = this.animationData.fr;
+ this.firstFrame = Math.round(this.animationData.ip);
+ this.frameMult = this.animationData.fr / 1000;
+ this.trigger('config_ready');
+ this.preloadImages();
+ this.loadSegments();
+ this.updaFrameModifier();
+ this.waitForFontsLoaded();
+};
+
+AnimationItem.prototype.waitForFontsLoaded = function(){
+ if(!this.renderer) {
+ return;
+ }
+ if(this.renderer.globalData.fontManager.loaded()){
+ this.checkLoaded();
+ }else{
+ setTimeout(this.waitForFontsLoaded.bind(this),20);
+ }
+}
+
+AnimationItem.prototype.checkLoaded = function () {
+ if (!this.isLoaded && this.renderer.globalData.fontManager.loaded() && (this.imagePreloader.loaded() || this.renderer.rendererType !== 'canvas')) {
+ this.isLoaded = true;
+ dataManager.completeData(this.animationData, this.renderer.globalData.fontManager);
+ if(expressionsPlugin){
+ expressionsPlugin.initExpressions(this);
+ }
+ this.renderer.initItems();
+ setTimeout(function() {
+ this.trigger('DOMLoaded');
+ }.bind(this), 0);
+ this.gotoFrame();
+ if(this.autoplay){
+ this.play();
+ }
+ }
+};
+
+AnimationItem.prototype.resize = function () {
+ this.renderer.updateContainerSize();
+};
+
+AnimationItem.prototype.setSubframe = function(flag){
+ this.subframeEnabled = flag ? true : false;
+};
+
+AnimationItem.prototype.gotoFrame = function () {
+ this.currentFrame = this.subframeEnabled ? this.currentRawFrame : ~~this.currentRawFrame;
+
+ if(this.timeCompleted !== this.totalFrames && this.currentFrame > this.timeCompleted){
+ this.currentFrame = this.timeCompleted;
+ }
+ this.trigger('enterFrame');
+ this.renderFrame();
+};
+
+AnimationItem.prototype.renderFrame = function () {
+ if(this.isLoaded === false){
+ return;
+ }
+ this.renderer.renderFrame(this.currentFrame + this.firstFrame);
+};
+
+AnimationItem.prototype.play = function (name) {
+ if(name && this.name != name){
+ return;
+ }
+ if(this.isPaused === true){
+ this.isPaused = false;
+ if(this._idle){
+ this._idle = false;
+ this.trigger('_active');
+ }
+ }
+};
+
+AnimationItem.prototype.pause = function (name) {
+ if(name && this.name != name){
+ return;
+ }
+ if(this.isPaused === false){
+ this.isPaused = true;
+ this._idle = true;
+ this.trigger('_idle');
+ }
+};
+
+AnimationItem.prototype.togglePause = function (name) {
+ if(name && this.name != name){
+ return;
+ }
+ if(this.isPaused === true){
+ this.play();
+ }else{
+ this.pause();
+ }
+};
+
+AnimationItem.prototype.stop = function (name) {
+ if(name && this.name != name){
+ return;
+ }
+ this.pause();
+ this.playCount = 0;
+ this._completedLoop = false;
+ this.setCurrentRawFrameValue(0);
+};
+
+AnimationItem.prototype.goToAndStop = function (value, isFrame, name) {
+ if(name && this.name != name){
+ return;
+ }
+ if(isFrame){
+ this.setCurrentRawFrameValue(value);
+ }else{
+ this.setCurrentRawFrameValue(value * this.frameModifier);
+ }
+ this.pause();
+};
+
+AnimationItem.prototype.goToAndPlay = function (value, isFrame, name) {
+ this.goToAndStop(value, isFrame, name);
+ this.play();
+};
+
+AnimationItem.prototype.advanceTime = function (value) {
+ if (this.isPaused === true || this.isLoaded === false) {
+ return;
+ }
+ var nextValue = this.currentRawFrame + value * this.frameModifier;
+ var _isComplete = false;
+ // Checking if nextValue > totalFrames - 1 for addressing non looping and looping animations.
+ // If animation won't loop, it should stop at totalFrames - 1. If it will loop it should complete the last frame and then loop.
+ if (nextValue >= this.totalFrames - 1 && this.frameModifier > 0) {
+ if (!this.loop || this.playCount === this.loop) {
+ if (!this.checkSegments(nextValue > this.totalFrames ? nextValue % this.totalFrames : 0)) {
+ _isComplete = true;
+ nextValue = this.totalFrames - 1;
+ }
+ } else if (nextValue >= this.totalFrames) {
+ this.playCount += 1;
+ if (!this.checkSegments(nextValue % this.totalFrames)) {
+ this.setCurrentRawFrameValue(nextValue % this.totalFrames);
+ this._completedLoop = true;
+ this.trigger('loopComplete');
+ }
+ } else {
+ this.setCurrentRawFrameValue(nextValue);
+ }
+ } else if(nextValue < 0) {
+ if (!this.checkSegments(nextValue % this.totalFrames)) {
+ if (this.loop && !(this.playCount-- <= 0 && this.loop !== true)) {
+ this.setCurrentRawFrameValue(this.totalFrames + (nextValue % this.totalFrames));
+ if(!this._completedLoop) {
+ this._completedLoop = true;
+ } else {
+ this.trigger('loopComplete');
+ }
+ } else {
+ _isComplete = true;
+ nextValue = 0;
+ }
+ }
+ } else {
+ this.setCurrentRawFrameValue(nextValue);
+ }
+ if (_isComplete) {
+ this.setCurrentRawFrameValue(nextValue);
+ this.pause();
+ this.trigger('complete');
+ }
+};
+
+AnimationItem.prototype.adjustSegment = function(arr, offset){
+ this.playCount = 0;
+ if(arr[1] < arr[0]){
+ if(this.frameModifier > 0){
+ if(this.playSpeed < 0){
+ this.setSpeed(-this.playSpeed);
+ } else {
+ this.setDirection(-1);
+ }
+ }
+ this.timeCompleted = this.totalFrames = arr[0] - arr[1];
+ this.firstFrame = arr[1];
+ this.setCurrentRawFrameValue(this.totalFrames - 0.001 - offset);
+ } else if(arr[1] > arr[0]){
+ if(this.frameModifier < 0){
+ if(this.playSpeed < 0){
+ this.setSpeed(-this.playSpeed);
+ } else {
+ this.setDirection(1);
+ }
+ }
+ this.timeCompleted = this.totalFrames = arr[1] - arr[0];
+ this.firstFrame = arr[0];
+ this.setCurrentRawFrameValue(0.001 + offset);
+ }
+ this.trigger('segmentStart');
+};
+AnimationItem.prototype.setSegment = function (init,end) {
+ var pendingFrame = -1;
+ if(this.isPaused) {
+ if (this.currentRawFrame + this.firstFrame < init) {
+ pendingFrame = init;
+ } else if (this.currentRawFrame + this.firstFrame > end) {
+ pendingFrame = end - init;
+ }
+ }
+
+ this.firstFrame = init;
+ this.timeCompleted = this.totalFrames = end - init;
+ if(pendingFrame !== -1) {
+ this.goToAndStop(pendingFrame,true);
+ }
+};
+
+AnimationItem.prototype.playSegments = function (arr, forceFlag) {
+ if (forceFlag) {
+ this.segments.length = 0;
+ }
+ if (typeof arr[0] === 'object') {
+ var i, len = arr.length;
+ for (i = 0; i < len; i += 1) {
+ this.segments.push(arr[i]);
+ }
+ } else {
+ this.segments.push(arr);
+ }
+ if (this.segments.length) {
+ this.adjustSegment(this.segments.shift(), 0);
+ }
+ if (this.isPaused) {
+ this.play();
+ }
+};
+
+AnimationItem.prototype.resetSegments = function (forceFlag) {
+ this.segments.length = 0;
+ this.segments.push([this.animationData.ip,this.animationData.op]);
+ //this.segments.push([this.animationData.ip*this.frameRate,Math.floor(this.animationData.op - this.animationData.ip+this.animationData.ip*this.frameRate)]);
+ if (forceFlag) {
+ this.checkSegments(0);
+ }
+};
+AnimationItem.prototype.checkSegments = function(offset) {
+ if (this.segments.length) {
+ this.adjustSegment(this.segments.shift(), offset);
+ return true;
+ }
+ return false;
+};
+
+AnimationItem.prototype.destroy = function (name) {
+ if ((name && this.name != name) || !this.renderer) {
+ return;
+ }
+ this.renderer.destroy();
+ this.imagePreloader.destroy();
+ this.trigger('destroy');
+ this._cbs = null;
+ this.onEnterFrame = this.onLoopComplete = this.onComplete = this.onSegmentStart = this.onDestroy = null;
+ this.renderer = null;
+};
+
+AnimationItem.prototype.setCurrentRawFrameValue = function(value){
+ this.currentRawFrame = value;
+ this.gotoFrame();
+};
+
+AnimationItem.prototype.setSpeed = function (val) {
+ this.playSpeed = val;
+ this.updaFrameModifier();
+};
+
+AnimationItem.prototype.setDirection = function (val) {
+ this.playDirection = val < 0 ? -1 : 1;
+ this.updaFrameModifier();
+};
+
+AnimationItem.prototype.updaFrameModifier = function () {
+ this.frameModifier = this.frameMult * this.playSpeed * this.playDirection;
+};
+
+AnimationItem.prototype.getPath = function () {
+ return this.path;
+};
+
+AnimationItem.prototype.getAssetsPath = function (assetData) {
+ var path = '';
+ if(assetData.e) {
+ path = assetData.p;
+ } else if(this.assetsPath){
+ var imagePath = assetData.p;
+ if(imagePath.indexOf('images/') !== -1){
+ imagePath = imagePath.split('/')[1];
+ }
+ path = this.assetsPath + imagePath;
+ } else {
+ path = this.path;
+ path += assetData.u ? assetData.u : '';
+ path += assetData.p;
+ }
+ return path;
+};
+
+AnimationItem.prototype.getAssetData = function (id) {
+ var i = 0, len = this.assets.length;
+ while (i < len) {
+ if(id == this.assets[i].id){
+ return this.assets[i];
+ }
+ i += 1;
+ }
+};
+
+AnimationItem.prototype.hide = function () {
+ this.renderer.hide();
+};
+
+AnimationItem.prototype.show = function () {
+ this.renderer.show();
+};
+
+AnimationItem.prototype.getDuration = function (isFrame) {
+ return isFrame ? this.totalFrames : this.totalFrames / this.frameRate;
+};
+
+AnimationItem.prototype.trigger = function(name){
+ if(this._cbs && this._cbs[name]){
+ switch(name){
+ case 'enterFrame':
+ this.triggerEvent(name,new BMEnterFrameEvent(name,this.currentFrame,this.totalFrames,this.frameMult));
+ break;
+ case 'loopComplete':
+ this.triggerEvent(name,new BMCompleteLoopEvent(name,this.loop,this.playCount,this.frameMult));
+ break;
+ case 'complete':
+ this.triggerEvent(name,new BMCompleteEvent(name,this.frameMult));
+ break;
+ case 'segmentStart':
+ this.triggerEvent(name,new BMSegmentStartEvent(name,this.firstFrame,this.totalFrames));
+ break;
+ case 'destroy':
+ this.triggerEvent(name,new BMDestroyEvent(name,this));
+ break;
+ default:
+ this.triggerEvent(name);
+ }
+ }
+ if(name === 'enterFrame' && this.onEnterFrame){
+ this.onEnterFrame.call(this,new BMEnterFrameEvent(name,this.currentFrame,this.totalFrames,this.frameMult));
+ }
+ if(name === 'loopComplete' && this.onLoopComplete){
+ this.onLoopComplete.call(this,new BMCompleteLoopEvent(name,this.loop,this.playCount,this.frameMult));
+ }
+ if(name === 'complete' && this.onComplete){
+ this.onComplete.call(this,new BMCompleteEvent(name,this.frameMult));
+ }
+ if(name === 'segmentStart' && this.onSegmentStart){
+ this.onSegmentStart.call(this,new BMSegmentStartEvent(name,this.firstFrame,this.totalFrames));
+ }
+ if(name === 'destroy' && this.onDestroy){
+ this.onDestroy.call(this,new BMDestroyEvent(name,this));
+ }
+};
+
+function EffectsManager(){}
+
+ var lottiejs = {};
+
+ var _isFrozen = false;
+
+ function setLocationHref (href) {
+ locationHref = href;
+ }
+
+ function searchAnimations() {
+ if (standalone === true) {
+ animationManager.searchAnimations(animationData, standalone, renderer);
+ } else {
+ animationManager.searchAnimations();
+ }
+ }
+
+ function setSubframeRendering(flag) {
+ subframeEnabled = flag;
+ }
+
+ function loadAnimation(params) {
+ if (standalone === true) {
+ params.animationData = JSON.parse(animationData);
+ }
+ return animationManager.loadAnimation(params);
+ }
+
+ function setQuality(value) {
+ if (typeof value === 'string') {
+ switch (value) {
+ case 'high':
+ defaultCurveSegments = 200;
+ break;
+ case 'medium':
+ defaultCurveSegments = 50;
+ break;
+ case 'low':
+ defaultCurveSegments = 10;
+ break;
+ }
+ } else if (!isNaN(value) && value > 1) {
+ defaultCurveSegments = value;
+ }
+ if (defaultCurveSegments >= 50) {
+ roundValues(false);
+ } else {
+ roundValues(true);
+ }
+ }
+
+ function inBrowser() {
+ return typeof navigator !== 'undefined';
+ }
+
+ function installPlugin(type, plugin) {
+ if (type === 'expressions') {
+ expressionsPlugin = plugin;
+ }
+ }
+
+ function getFactory(name) {
+ switch (name) {
+ case "propertyFactory":
+ return PropertyFactory;
+ case "shapePropertyFactory":
+ return ShapePropertyFactory;
+ case "matrix":
+ return Matrix;
+ }
+ }
+
+ lottiejs.play = animationManager.play;
+ lottiejs.pause = animationManager.pause;
+ lottiejs.setLocationHref = setLocationHref;
+ lottiejs.togglePause = animationManager.togglePause;
+ lottiejs.setSpeed = animationManager.setSpeed;
+ lottiejs.setDirection = animationManager.setDirection;
+ lottiejs.stop = animationManager.stop;
+ lottiejs.searchAnimations = searchAnimations;
+ lottiejs.registerAnimation = animationManager.registerAnimation;
+ lottiejs.loadAnimation = loadAnimation;
+ lottiejs.setSubframeRendering = setSubframeRendering;
+ lottiejs.resize = animationManager.resize;
+ //lottiejs.start = start;
+ lottiejs.goToAndStop = animationManager.goToAndStop;
+ lottiejs.destroy = animationManager.destroy;
+ lottiejs.setQuality = setQuality;
+ lottiejs.inBrowser = inBrowser;
+ lottiejs.installPlugin = installPlugin;
+ lottiejs.freeze = animationManager.freeze;
+ lottiejs.unfreeze = animationManager.unfreeze;
+ lottiejs.getRegisteredAnimations = animationManager.getRegisteredAnimations;
+ lottiejs.__getFactory = getFactory;
+ lottiejs.version = '5.4.2';
+
+ function checkReady() {
+ if (document.readyState === "complete") {
+ clearInterval(readyStateCheckInterval);
+ searchAnimations();
+ }
+ }
+
+ function getQueryVariable(variable) {
+ var vars = queryString.split('&');
+ for (var i = 0; i < vars.length; i++) {
+ var pair = vars[i].split('=');
+ if (decodeURIComponent(pair[0]) == variable) {
+ return decodeURIComponent(pair[1]);
+ }
+ }
+ }
+ var standalone = '__[STANDALONE]__';
+ var animationData = '__[ANIMATIONDATA]__';
+ var renderer = '';
+ if (standalone) {
+ var scripts = document.getElementsByTagName('script');
+ var index = scripts.length - 1;
+ var myScript = scripts[index] || {
+ src: ''
+ };
+ var queryString = myScript.src.replace(/^[^\?]+\??/, '');
+ renderer = getQueryVariable('renderer');
+ }
+ var readyStateCheckInterval = setInterval(checkReady, 100);
+ return lottiejs;
+}));
diff --git a/build/player/lottie_light_html.min.js b/build/player/lottie_light_html.min.js
new file mode 100644
index 0000000..cb71243
--- /dev/null
+++ b/build/player/lottie_light_html.min.js
@@ -0,0 +1 @@
+var t,e;"undefined"!=typeof navigator&&(t=window||{},e=function(u){"use strict";var h,e="http://www.w3.org/2000/svg",x="",s=-999999,i=!0,k=(/^((?!chrome|android).)*safari/i.test(navigator.userAgent),Math.round,Math.pow),A=Math.sqrt,c=(Math.abs,Math.floor),d=Math.max,g=Math.min,a={};!function(){var t,e=Object.getOwnPropertyNames(Math),s=e.length;for(t=0;t<s;t+=1)a[e[t]]=Math[e[t]]}(),a.random=Math.random,a.abs=function(t){if("object"===typeof t&&t.length){var e,s=M(t.length),i=t.length;for(e=0;e<i;e+=1)s[e]=Math.abs(t[e]);return s}return Math.abs(t)};var E=150,O=Math.PI/180,v=.5519;function r(t){t?Math.round:function(t){return t}}function b(t){t.style.position="absolute",t.style.top=0,t.style.left=0,t.style.display="block",t.style.transformOrigin=t.style.webkitTransformOrigin="0 0",t.style.backfaceVisibility=t.style.webkitBackfaceVisibility="visible",t.style.transformStyle=t.style.webkitTransformStyle=t.style.mozTransformStyle="preserve-3d"}function n(t,e,s,i){this.type=t,this.currentTime=e,this.totalTime=s,this.direction=i<0?-1:1}function o(t,e){this.type=t,this.direction=e<0?-1:1}function l(t,e,s,i){this.type=t,this.currentLoop=s,this.totalLoops=e,this.direction=i<0?-1:1}function p(t,e,s){this.type=t,this.firstFrame=e,this.totalFrames=s}function f(t,e){this.type=t,this.target=e}function C(t,e){var s;void 0===e&&(e="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890");var i="";for(s=t;0<s;--s)i+=e[Math.round(Math.random()*(e.length-1))];return i}function m(t,e,s){var i,a,r,n,h,o,l,p;switch(o=s*(1-e),l=s*(1-(h=6*t-(n=Math.floor(6*t)))*e),p=s*(1-(1-h)*e),n%6){case 0:i=s,a=p,r=o;break;case 1:i=l,a=s,r=o;break;case 2:i=o,a=s,r=p;break;case 3:i=o,a=l,r=s;break;case 4:i=p,a=o,r=s;break;case 5:i=s,a=o,r=l}return[i,a,r]}function y(t,e,s){var i,a=Math.max(t,e,s),r=Math.min(t,e,s),n=a-r,h=0===a?0:n/a,o=a/255;switch(a){case r:i=0;break;case t:i=e-s+n*(e<s?6:0),i/=6*n;break;case e:i=s-t+2*n,i/=6*n;break;case s:i=t-e+4*n,i/=6*n}return[i,h,o]}function lt(t,e){var s=y(255*t[0],255*t[1],255*t[2]);return s[1]+=e,1<s[1]?s[1]=1:s[1]<=0&&(s[1]=0),m(s[0],s[1],s[2])}function pt(t,e){var s=y(255*t[0],255*t[1],255*t[2]);return s[2]+=e,1<s[2]?s[2]=1:s[2]<0&&(s[2]=0),m(s[0],s[1],s[2])}function ft(t,e){var s=y(255*t[0],255*t[1],255*t[2]);return s[0]+=e/360,1<s[0]?s[0]-=1:s[0]<0&&(s[0]+=1),m(s[0],s[1],s[2])}r(!1);var _=function(){var t,e,i=[];for(t=0;t<256;t+=1)e=t.toString(16),i[t]=1==e.length?"0"+e:e;return function(t,e,s){return t<0&&(t=0),e<0&&(e=0),s<0&&(s=0),"#"+i[t]+i[e]+i[s]}}();function t(){}t.prototype={triggerEvent:function(t,e){if(this._cbs[t])for(var s=this._cbs[t].length,i=0;i<s;i++)this._cbs[t][i](e)},addEventListener:function(t,e){return this._cbs[t]||(this._cbs[t]=[]),this._cbs[t].push(e),function(){this.removeEventListener(t,e)}.bind(this)},removeEventListener:function(t,e){if(e){if(this._cbs[t]){for(var s=0,i=this._cbs[t].length;s<i;)this._cbs[t][s]===e&&(this._cbs[t].splice(s,1),s-=1,i-=1),s+=1;this._cbs[t].length||(this._cbs[t]=null)}}else this._cbs[t]=null}};var q="function"==typeof Uint8ClampedArray&&"function"==typeof Float32Array?function(t,e){return"float32"===t?new Float32Array(e):"int16"===t?new Int16Array(e):"uint8c"===t?new Uint8ClampedArray(e):void 0}:function(t,e){var s,i=0,a=[];switch(t){case"int16":case"uint8c":s=1;break;default:s=1.1}for(i=0;i<e;i+=1)a.push(s);return a};function M(t){return Array.apply(null,{length:t})}function w(t){return document.createElementNS(e,t)}function D(t){return document.createElement(t)}function P(){}P.prototype={addDynamicProperty:function(t){-1===this.dynamicProperties.indexOf(t)&&(this.dynamicProperties.push(t),this.container.addDynamicProperty(this),this._isAnimated=!0)},iterateDynamicProperties:function(){this._mdf=!1;var t,e=this.dynamicProperties.length;for(t=0;t<e;t+=1)this.dynamicProperties[t].getValue(),this.dynamicProperties[t]._mdf&&(this._mdf=!0)},initDynamicPropertyContainer:function(t){this.container=t,this.dynamicProperties=[],this._mdf=!1,this._isAnimated=!1}};var S=function(){var a=Math.cos,r=Math.sin,n=Math.tan,i=Math.round;function t(){return this.props[0]=1,this.props[1]=0,this.props[2]=0,this.props[3]=0,this.props[4]=0,this.props[5]=1,this.props[6]=0,this.props[7]=0,this.props[8]=0,this.props[9]=0,this.props[10]=1,this.props[11]=0,this.props[12]=0,this.props[13]=0,this.props[14]=0,this.props[15]=1,this}function e(t){if(0===t)return this;var e=a(t),s=r(t);return this._t(e,-s,0,0,s,e,0,0,0,0,1,0,0,0,0,1)}function s(t){if(0===t)return this;var e=a(t),s=r(t);return this._t(1,0,0,0,0,e,-s,0,0,s,e,0,0,0,0,1)}function h(t){if(0===t)return this;var e=a(t),s=r(t);return this._t(e,0,s,0,0,1,0,0,-s,0,e,0,0,0,0,1)}function o(t){if(0===t)return this;var e=a(t),s=r(t);return this._t(e,-s,0,0,s,e,0,0,0,0,1,0,0,0,0,1)}function l(t,e){return this._t(1,e,t,1,0,0)}function p(t,e){return this.shear(n(t),n(e))}function f(t,e){var s=a(e),i=r(e);return this._t(s,i,0,0,-i,s,0,0,0,0,1,0,0,0,0,1)._t(1,0,0,0,n(t),1,0,0,0,0,1,0,0,0,0,1)._t(s,-i,0,0,i,s,0,0,0,0,1,0,0,0,0,1)}function m(t,e,s){return s||0===s||(s=1),1===t&&1===e&&1===s?this:this._t(t,0,0,0,0,e,0,0,0,0,s,0,0,0,0,1)}function d(t,e,s,i,a,r,n,h,o,l,p,f,m,d,c,u){return this.props[0]=t,this.props[1]=e,this.props[2]=s,this.props[3]=i,this.props[4]=a,this.props[5]=r,this.props[6]=n,this.props[7]=h,this.props[8]=o,this.props[9]=l,this.props[10]=p,this.props[11]=f,this.props[12]=m,this.props[13]=d,this.props[14]=c,this.props[15]=u,this}function c(t,e,s){return s=s||0,0!==t||0!==e||0!==s?this._t(1,0,0,0,0,1,0,0,0,0,1,0,t,e,s,1):this}function u(t,e,s,i,a,r,n,h,o,l,p,f,m,d,c,u){var g=this.props;if(1===t&&0===e&&0===s&&0===i&&0===a&&1===r&&0===n&&0===h&&0===o&&0===l&&1===p&&0===f)return g[12]=g[12]*t+g[15]*m,g[13]=g[13]*r+g[15]*d,g[14]=g[14]*p+g[15]*c,g[15]=g[15]*u,this._identityCalculated=!1,this;var y=g[0],v=g[1],b=g[2],_=g[3],k=g[4],x=g[5],A=g[6],E=g[7],C=g[8],M=g[9],w=g[10],D=g[11],P=g[12],S=g[13],F=g[14],T=g[15];return g[0]=y*t+v*a+b*o+_*m,g[1]=y*e+v*r+b*l+_*d,g[2]=y*s+v*n+b*p+_*c,g[3]=y*i+v*h+b*f+_*u,g[4]=k*t+x*a+A*o+E*m,g[5]=k*e+x*r+A*l+E*d,g[6]=k*s+x*n+A*p+E*c,g[7]=k*i+x*h+A*f+E*u,g[8]=C*t+M*a+w*o+D*m,g[9]=C*e+M*r+w*l+D*d,g[10]=C*s+M*n+w*p+D*c,g[11]=C*i+M*h+w*f+D*u,g[12]=P*t+S*a+F*o+T*m,g[13]=P*e+S*r+F*l+T*d,g[14]=P*s+S*n+F*p+T*c,g[15]=P*i+S*h+F*f+T*u,this._identityCalculated=!1,this}function g(){return this._identityCalculated||(this._identity=!(1!==this.props[0]||0!==this.props[1]||0!==this.props[2]||0!==this.props[3]||0!==this.props[4]||1!==this.props[5]||0!==this.props[6]||0!==this.props[7]||0!==this.props[8]||0!==this.props[9]||1!==this.props[10]||0!==this.props[11]||0!==this.props[12]||0!==this.props[13]||0!==this.props[14]||1!==this.props[15]),this._identityCalculated=!0),this._identity}function y(t){for(var e=0;e<16;){if(t.props[e]!==this.props[e])return!1;e+=1}return!0}function v(t){var e;for(e=0;e<16;e+=1)t.props[e]=this.props[e]}function b(t){var e;for(e=0;e<16;e+=1)this.props[e]=t[e]}function _(t,e,s){return{x:t*this.props[0]+e*this.props[4]+s*this.props[8]+this.props[12],y:t*this.props[1]+e*this.props[5]+s*this.props[9]+this.props[13],z:t*this.props[2]+e*this.props[6]+s*this.props[10]+this.props[14]}}function k(t,e,s){return t*this.props[0]+e*this.props[4]+s*this.props[8]+this.props[12]}function x(t,e,s){return t*this.props[1]+e*this.props[5]+s*this.props[9]+this.props[13]}function A(t,e,s){return t*this.props[2]+e*this.props[6]+s*this.props[10]+this.props[14]}function E(t){var e=this.props[0]*this.props[5]-this.props[1]*this.props[4],s=this.props[5]/e,i=-this.props[1]/e,a=-this.props[4]/e,r=this.props[0]/e,n=(this.props[4]*this.props[13]-this.props[5]*this.props[12])/e,h=-(this.props[0]*this.props[13]-this.props[1]*this.props[12])/e;return[t[0]*s+t[1]*a+n,t[0]*i+t[1]*r+h,0]}function C(t){var e,s=t.length,i=[];for(e=0;e<s;e+=1)i[e]=E(t[e]);return i}function M(t,e,s){var i=q("float32",6);if(this.isIdentity())i[0]=t[0],i[1]=t[1],i[2]=e[0],i[3]=e[1],i[4]=s[0],i[5]=s[1];else{var a=this.props[0],r=this.props[1],n=this.props[4],h=this.props[5],o=this.props[12],l=this.props[13];i[0]=t[0]*a+t[1]*n+o,i[1]=t[0]*r+t[1]*h+l,i[2]=e[0]*a+e[1]*n+o,i[3]=e[0]*r+e[1]*h+l,i[4]=s[0]*a+s[1]*n+o,i[5]=s[0]*r+s[1]*h+l}return i}function w(t,e,s){return this.isIdentity()?[t,e,s]:[t*this.props[0]+e*this.props[4]+s*this.props[8]+this.props[12],t*this.props[1]+e*this.props[5]+s*this.props[9]+this.props[13],t*this.props[2]+e*this.props[6]+s*this.props[10]+this.props[14]]}function D(t,e){if(this.isIdentity())return t+","+e;var s=this.props;return Math.round(100*(t*s[0]+e*s[4]+s[12]))/100+","+Math.round(100*(t*s[1]+e*s[5]+s[13]))/100}function P(){for(var t=0,e=this.props,s="matrix3d(";t<16;)s+=i(1e4*e[t])/1e4,s+=15===t?")":",",t+=1;return s}function S(t){return t<1e-6&&0<t||-1e-6<t&&t<0?i(1e4*t)/1e4:t}function F(){var t=this.props;return"matrix("+S(t[0])+","+S(t[1])+","+S(t[4])+","+S(t[5])+","+S(t[12])+","+S(t[13])+")"}return function(){this.reset=t,this.rotate=e,this.rotateX=s,this.rotateY=h,this.rotateZ=o,this.skew=p,this.skewFromAxis=f,this.shear=l,this.scale=m,this.setTransform=d,this.translate=c,this.transform=u,this.applyToPoint=_,this.applyToX=k,this.applyToY=x,this.applyToZ=A,this.applyToPointArray=w,this.applyToTriplePoints=M,this.applyToPointStringified=D,this.toCSS=P,this.to2dCSS=F,this.clone=v,this.cloneFromProps=b,this.equals=y,this.inversePoints=C,this.inversePoint=E,this._t=this.transform,this.isIdentity=g,this._identity=!0,this._identityCalculated=!1,this.props=q("float32",16),this.reset()}}();!function(h,o){var l,p=this,f=256,m=6,d="random",c=o.pow(f,m),u=o.pow(2,52),g=2*u,y=f-1;function v(t){var e,s=t.length,n=this,i=0,a=n.i=n.j=0,r=n.S=[];for(s||(t=[s++]);i<f;)r[i]=i++;for(i=0;i<f;i++)r[i]=r[a=y&a+t[i%s]+(e=r[i])],r[a]=e;n.g=function(t){for(var e,s=0,i=n.i,a=n.j,r=n.S;t--;)e=r[i=y&i+1],s=s*f+r[y&(r[i]=r[a=y&a+e])+(r[a]=e)];return n.i=i,n.j=a,s}}function b(t,e){return e.i=t.i,e.j=t.j,e.S=t.S.slice(),e}function _(t,e){for(var s,i=t+"",a=0;a<i.length;)e[y&a]=y&(s^=19*e[y&a])+i.charCodeAt(a++);return k(e)}function k(t){return String.fromCharCode.apply(0,t)}o["seed"+d]=function(t,e,s){var i=[],a=_(function t(e,s){var i,a=[],r=typeof e;if(s&&"object"==r)for(i in e)try{a.push(t(e[i],s-1))}catch(t){}return a.length?a:"string"==r?e:e+"\0"}((e=!0===e?{entropy:!0}:e||{}).entropy?[t,k(h)]:null===t?function(){try{if(l)return k(l.randomBytes(f));var t=new Uint8Array(f);return(p.crypto||p.msCrypto).getRandomValues(t),k(t)}catch(t){var e=p.navigator,s=e&&e.plugins;return[+new Date,p,s,p.screen,k(h)]}}():t,3),i),r=new v(i),n=function(){for(var t=r.g(m),e=c,s=0;t<u;)t=(t+s)*f,e*=f,s=r.g(1);for(;g<=t;)t/=2,e/=2,s>>>=1;return(t+s)/e};return n.int32=function(){return 0|r.g(4)},n.quick=function(){return r.g(4)/4294967296},n.double=n,_(k(r.S),h),(e.pass||s||function(t,e,s,i){return i&&(i.S&&b(i,r),t.state=function(){return b(r,{})}),s?(o[d]=t,e):t})(n,a,"global"in e?e.global:this==o,e.state)},_(o.random(),h)}([],a);var j=function(){var t={getBezierEasing:function(t,e,s,i,a){var r=a||("bez_"+t+"_"+e+"_"+s+"_"+i).replace(/\./g,"p");if(h[r])return h[r];var n=new o([t,e,s,i]);return h[r]=n}},h={};var l=11,p=1/(l-1),e="function"==typeof Float32Array;function i(t,e){return 1-3*e+3*t}function a(t,e){return 3*e-6*t}function r(t){return 3*t}function f(t,e,s){return((i(e,s)*t+a(e,s))*t+r(e))*t}function m(t,e,s){return 3*i(e,s)*t*t+2*a(e,s)*t+r(e)}function o(t){this._p=t,this._mSampleValues=e?new Float32Array(l):new Array(l),this._precomputed=!1,this.get=this.get.bind(this)}return o.prototype={get:function(t){var e=this._p[0],s=this._p[1],i=this._p[2],a=this._p[3];return this._precomputed||this._precompute(),e===s&&i===a?t:0===t?0:1===t?1:f(this._getTForX(t),s,a)},_precompute:function(){var t=this._p[0],e=this._p[1],s=this._p[2],i=this._p[3];this._precomputed=!0,t===e&&s===i||this._calcSampleValues()},_calcSampleValues:function(){for(var t=this._p[0],e=this._p[2],s=0;s<l;++s)this._mSampleValues[s]=f(s*p,t,e)},_getTForX:function(t){for(var e=this._p[0],s=this._p[2],i=this._mSampleValues,a=0,r=1,n=l-1;r!==n&&i[r]<=t;++r)a+=p;var h=a+(t-i[--r])/(i[r+1]-i[r])*p,o=m(h,e,s);return.001<=o?function(t,e,s,i){for(var a=0;a<4;++a){var r=m(e,s,i);if(0===r)return e;e-=(f(e,s,i)-t)/r}return e}(t,h,e,s):0===o?h:function(t,e,s,i,a){for(var r,n,h=0;0<(r=f(n=e+(s-e)/2,i,a)-t)?s=n:e=n,1e-7<Math.abs(r)&&++h<10;);return n}(t,a,a+p,e,s)}},t}();function F(t,e){var s,i,a=t.length;for(s=0;s<a;s+=1)for(var r in i=t[s].prototype)i.hasOwnProperty(r)&&(e.prototype[r]=i[r])}!function(){for(var r=0,t=["ms","moz","webkit","o"],e=0;e<t.length&&!u.requestAnimationFrame;++e)u.requestAnimationFrame=u[t[e]+"RequestAnimationFrame"],u.cancelAnimationFrame=u[t[e]+"CancelAnimationFrame"]||u[t[e]+"CancelRequestAnimationFrame"];u.requestAnimationFrame||(u.requestAnimationFrame=function(t,e){var s=(new Date).getTime(),i=Math.max(0,16-(s-r)),a=setTimeout(function(){t(s+i)},i);return r=s+i,a}),u.cancelAnimationFrame||(u.cancelAnimationFrame=function(t){clearTimeout(t)})}();var mt=function(){function y(t,e,s,i,a,r){var n=t*i+e*a+s*r-a*i-r*t-s*e;return-.001<n&&n<.001}Math;var p=function(t,e,s,i){var a,r,n,h,o,l,p=E,f=0,m=[],d=[],c=Et.newElement();for(n=s.length,a=0;a<p;a+=1){for(o=a/(p-1),r=l=0;r<n;r+=1)h=k(1-o,3)*t[r]+3*k(1-o,2)*o*s[r]+3*(1-o)*k(o,2)*i[r]+k(o,3)*e[r],m[r]=h,null!==d[r]&&(l+=k(m[r]-d[r],2)),d[r]=m[r];l&&(f+=l=A(l)),c.percents[a]=o,c.lengths[a]=f}return c.addedLength=f,c};function v(t){this.segmentLength=0,this.points=new Array(t)}function b(t,e){this.partialLength=t,this.point=e}var _,t=(_={},function(t){var e=t.s,s=t.e,i=t.to,a=t.ti,r=(e[0]+"_"+e[1]+"_"+s[0]+"_"+s[1]+"_"+i[0]+"_"+i[1]+"_"+a[0]+"_"+a[1]).replace(/\./g,"p");if(_[r])t.bezierData=_[r];else{var n,h,o,l,p,f,m,d=E,c=0,u=null;2===e.length&&(e[0]!=s[0]||e[1]!=s[1])&&y(e[0],e[1],s[0],s[1],e[0]+i[0],e[1]+i[1])&&y(e[0],e[1],s[0],s[1],s[0]+a[0],s[1]+a[1])&&(d=2);var g=new v(d);for(o=i.length,n=0;n<d;n+=1){for(m=M(o),p=n/(d-1),h=f=0;h<o;h+=1)l=k(1-p,3)*e[h]+3*k(1-p,2)*p*(e[h]+i[h])+3*(1-p)*k(p,2)*(s[h]+a[h])+k(p,3)*s[h],m[h]=l,null!==u&&(f+=k(m[h]-u[h],2));c+=f=A(f),g.points[n]=new b(f,m),u=m}g.segmentLength=c,t.bezierData=g,_[r]=g}});function P(t,e){var s=e.percents,i=e.lengths,a=s.length,r=c((a-1)*t),n=t*e.addedLength,h=0;if(r===a-1||0===r||n===i[r])return s[r];for(var o=i[r]>n?-1:1,l=!0;l;)if(i[r]<=n&&i[r+1]>n?(h=(n-i[r])/(i[r+1]-i[r]),l=!1):r+=o,r<0||a-1<=r){if(r===a-1)return s[r];l=!1}return s[r]+(s[r+1]-s[r])*h}var S=q("float32",8);return{getSegmentsLength:function(t){var e,s=At.newElement(),i=t.c,a=t.v,r=t.o,n=t.i,h=t._length,o=s.lengths,l=0;for(e=0;e<h-1;e+=1)o[e]=p(a[e],a[e+1],r[e],n[e+1]),l+=o[e].addedLength;return i&&h&&(o[e]=p(a[e],a[0],r[e],n[0]),l+=o[e].addedLength),s.totalLength=l,s},getNewSegment:function(t,e,s,i,a,r,n){var h,o=P(a=a<0?0:1<a?1:a,n),l=P(r=1<r?1:r,n),p=t.length,f=1-o,m=1-l,d=f*f*f,c=o*f*f*3,u=o*o*f*3,g=o*o*o,y=f*f*m,v=o*f*m+f*o*m+f*f*l,b=o*o*m+f*o*l+o*f*l,_=o*o*l,k=f*m*m,x=o*m*m+f*l*m+f*m*l,A=o*l*m+f*l*l+o*m*l,E=o*l*l,C=m*m*m,M=l*m*m+m*l*m+m*m*l,w=l*l*m+m*l*l+l*m*l,D=l*l*l;for(h=0;h<p;h+=1)S[4*h]=Math.round(1e3*(d*t[h]+c*s[h]+u*i[h]+g*e[h]))/1e3,S[4*h+1]=Math.round(1e3*(y*t[h]+v*s[h]+b*i[h]+_*e[h]))/1e3,S[4*h+2]=Math.round(1e3*(k*t[h]+x*s[h]+A*i[h]+E*e[h]))/1e3,S[4*h+3]=Math.round(1e3*(C*t[h]+M*s[h]+w*i[h]+D*e[h]))/1e3;return S},getPointInSegment:function(t,e,s,i,a,r){var n=P(a,r),h=1-n;return[Math.round(1e3*(h*h*h*t[0]+(n*h*h+h*n*h+h*h*n)*s[0]+(n*n*h+h*n*n+n*h*n)*i[0]+n*n*n*e[0]))/1e3,Math.round(1e3*(h*h*h*t[1]+(n*h*h+h*n*h+h*h*n)*s[1]+(n*n*h+h*n*n+n*h*n)*i[1]+n*n*n*e[1]))/1e3]},buildBezierData:t,pointOnLine2D:y,pointOnLine3D:function(t,e,s,i,a,r,n,h,o){if(0===s&&0===r&&0===o)return y(t,e,i,a,n,h);var l,p=Math.sqrt(Math.pow(i-t,2)+Math.pow(a-e,2)+Math.pow(r-s,2)),f=Math.sqrt(Math.pow(n-t,2)+Math.pow(h-e,2)+Math.pow(o-s,2)),m=Math.sqrt(Math.pow(n-i,2)+Math.pow(h-a,2)+Math.pow(o-r,2));return-1e-4<(l=f<p?m<p?p-f-m:m-f-p:f<m?m-f-p:f-p-m)&&l<1e-4}}}();var T=function(){function d(t,e){for(var s=0,i=e.length;s<i;){if(e[s].id===t)return e[s].layers.__used?JSON.parse(JSON.stringify(e[s].layers)):(e[s].layers.__used=!0,e[s].layers);s+=1}}function c(t){var e,s,i;for(e=t.length-1;0<=e;e-=1)if("sh"==t[e].ty)if(t[e].ks.k.i)u(t[e].ks.k);else for(i=t[e].ks.k.length,s=0;s<i;s+=1)t[e].ks.k[s].s&&u(t[e].ks.k[s].s[0]),t[e].ks.k[s].e&&u(t[e].ks.k[s].e[0]);else"gr"==t[e].ty&&c(t[e].it)}function u(t){var e,s=t.i.length;for(e=0;e<s;e+=1)t.i[e][0]+=t.v[e][0],t.i[e][1]+=t.v[e][1],t.o[e][0]+=t.v[e][0],t.o[e][1]+=t.v[e][1]}function h(t,e){var s=e?e.split("."):[100,100,100];return t[0]>s[0]||!(s[0]>t[0])&&(t[1]>s[1]||!(s[1]>t[1])&&(t[2]>s[2]||!(s[2]>t[2])&&void 0))}var o,s=function(){var i=[4,4,14];function a(t){var e,s,i,a=t.length;for(e=0;e<a;e+=1)5===t[e].ty&&(s=t[e],i=s.t.d,s.t.d={k:[{s:i,t:0}]})}return function(t){if(h(i,t.v)&&(a(t.layers),t.assets)){var e,s=t.assets.length;for(e=0;e<s;e+=1)t.assets[e].layers&&a(t.assets[e].layers)}}}(),i=(o=[4,7,99],function(t){if(t.chars&&!h(o,t.v)){var e,s,i,a,r,n=t.chars.length;for(e=0;e<n;e+=1)if(t.chars[e].data&&t.chars[e].data.shapes)for(i=(r=t.chars[e].data.shapes[0].it).length,s=0;s<i;s+=1)(a=r[s].ks.k).__converted||(u(r[s].ks.k),a.__converted=!0)}}),a=function(){var i=[4,1,9];function r(t){var e,s,i,a=t.length;for(e=0;e<a;e+=1)if("gr"===t[e].ty)r(t[e].it);else if("fl"===t[e].ty||"st"===t[e].ty)if(t[e].c.k&&t[e].c.k[0].i)for(i=t[e].c.k.length,s=0;s<i;s+=1)t[e].c.k[s].s&&(t[e].c.k[s].s[0]/=255,t[e].c.k[s].s[1]/=255,t[e].c.k[s].s[2]/=255,t[e].c.k[s].s[3]/=255),t[e].c.k[s].e&&(t[e].c.k[s].e[0]/=255,t[e].c.k[s].e[1]/=255,t[e].c.k[s].e[2]/=255,t[e].c.k[s].e[3]/=255);else t[e].c.k[0]/=255,t[e].c.k[1]/=255,t[e].c.k[2]/=255,t[e].c.k[3]/=255}function a(t){var e,s=t.length;for(e=0;e<s;e+=1)4===t[e].ty&&r(t[e].shapes)}return function(t){if(h(i,t.v)&&(a(t.layers),t.assets)){var e,s=t.assets.length;for(e=0;e<s;e+=1)t.assets[e].layers&&a(t.assets[e].layers)}}}(),r=function(){var i=[4,4,18];function l(t){var e,s,i;for(e=t.length-1;0<=e;e-=1)if("sh"==t[e].ty)if(t[e].ks.k.i)t[e].ks.k.c=t[e].closed;else for(i=t[e].ks.k.length,s=0;s<i;s+=1)t[e].ks.k[s].s&&(t[e].ks.k[s].s[0].c=t[e].closed),t[e].ks.k[s].e&&(t[e].ks.k[s].e[0].c=t[e].closed);else"gr"==t[e].ty&&l(t[e].it)}function a(t){var e,s,i,a,r,n,h=t.length;for(s=0;s<h;s+=1){if((e=t[s]).hasMask){var o=e.masksProperties;for(a=o.length,i=0;i<a;i+=1)if(o[i].pt.k.i)o[i].pt.k.c=o[i].cl;else for(n=o[i].pt.k.length,r=0;r<n;r+=1)o[i].pt.k[r].s&&(o[i].pt.k[r].s[0].c=o[i].cl),o[i].pt.k[r].e&&(o[i].pt.k[r].e[0].c=o[i].cl)}4===e.ty&&l(e.shapes)}}return function(t){if(h(i,t.v)&&(a(t.layers),t.assets)){var e,s=t.assets.length;for(e=0;e<s;e+=1)t.assets[e].layers&&a(t.assets[e].layers)}}}(),t={};return t.completeData=function(t,e){t.__complete||(a(t),s(t),i(t),r(t),function t(e,s,i){var a,r,n,h,o,l,p,f=e.length;for(r=0;r<f;r+=1)if("ks"in(a=e[r])&&!a.completed){if(a.completed=!0,a.tt&&(e[r-1].td=a.tt),a.hasMask){var m=a.masksProperties;for(h=m.length,n=0;n<h;n+=1)if(m[n].pt.k.i)u(m[n].pt.k);else for(l=m[n].pt.k.length,o=0;o<l;o+=1)m[n].pt.k[o].s&&u(m[n].pt.k[o].s[0]),m[n].pt.k[o].e&&u(m[n].pt.k[o].e[0])}0===a.ty?(a.layers=d(a.refId,s),t(a.layers,s,i)):4===a.ty?c(a.shapes):5==a.ty&&(0!==(p=a).t.a.length||"m"in p.t.p||(p.singleShape=!0))}}(t.layers,t.assets,e),t.__complete=!0)},t}(),I=function(){var r={w:0,size:0,shapes:[]},t=[];function u(t,e){var s=D("span");s.style.fontFamily=e;var i=D("span");i.innerHTML="giItT1WQy@!-/#",s.style.position="absolute",s.style.left="-10000px",s.style.top="-10000px",s.style.fontSize="300px",s.style.fontVariant="normal",s.style.fontStyle="normal",s.style.fontWeight="normal",s.style.letterSpacing="0",s.appendChild(i),document.body.appendChild(s);var a=i.offsetWidth;return i.style.fontFamily=t+", "+e,{node:i,w:a,parent:s}}t=t.concat([2304,2305,2306,2307,2362,2363,2364,2364,2366,2367,2368,2369,2370,2371,2372,2373,2374,2375,2376,2377,2378,2379,2380,2381,2382,2383,2387,2388,2389,2390,2391,2402,2403]);var e=function(){this.fonts=[],this.chars=null,this.typekitLoaded=0,this.isLoaded=!1,this.initTime=Date.now()};return e.getCombinedCharacterCodes=function(){return t},e.prototype.addChars=function(t){if(t){this.chars||(this.chars=[]);var e,s,i,a=t.length,r=this.chars.length;for(e=0;e<a;e+=1){for(s=0,i=!1;s<r;)this.chars[s].style===t[e].style&&this.chars[s].fFamily===t[e].fFamily&&this.chars[s].ch===t[e].ch&&(i=!0),s+=1;i||(this.chars.push(t[e]),r+=1)}}},e.prototype.addFonts=function(t,e){if(t){if(this.chars)return this.isLoaded=!0,void(this.fonts=t.list);var s,i,a,r,n=t.list,h=n.length,o=h;for(s=0;s<h;s+=1){var l,p,f=!0;if(n[s].loaded=!1,n[s].monoCase=u(n[s].fFamily,"monospace"),n[s].sansCase=u(n[s].fFamily,"sans-serif"),n[s].fPath){if("p"===n[s].fOrigin||3===n[s].origin){if(0<(l=document.querySelectorAll('style[f-forigin="p"][f-family="'+n[s].fFamily+'"], style[f-origin="3"][f-family="'+n[s].fFamily+'"]')).length&&(f=!1),f){var m=D("style");m.setAttribute("f-forigin",n[s].fOrigin),m.setAttribute("f-origin",n[s].origin),m.setAttribute("f-family",n[s].fFamily),m.type="text/css",m.innerHTML="@font-face {font-family: "+n[s].fFamily+"; font-style: normal; src: url('"+n[s].fPath+"');}",e.appendChild(m)}}else if("g"===n[s].fOrigin||1===n[s].origin){for(l=document.querySelectorAll('link[f-forigin="g"], link[f-origin="1"]'),p=0;p<l.length;p++)-1!==l[p].href.indexOf(n[s].fPath)&&(f=!1);if(f){var d=D("link");d.setAttribute("f-forigin",n[s].fOrigin),d.setAttribute("f-origin",n[s].origin),d.type="text/css",d.rel="stylesheet",d.href=n[s].fPath,document.body.appendChild(d)}}else if("t"===n[s].fOrigin||2===n[s].origin){for(l=document.querySelectorAll('script[f-forigin="t"], script[f-origin="2"]'),p=0;p<l.length;p++)n[s].fPath===l[p].src&&(f=!1);if(f){var c=D("link");c.setAttribute("f-forigin",n[s].fOrigin),c.setAttribute("f-origin",n[s].origin),c.setAttribute("rel","stylesheet"),c.setAttribute("href",n[s].fPath),e.appendChild(c)}}}else n[s].loaded=!0,o-=1;n[s].helper=(i=e,a=n[s],r=void 0,(r=w("text")).style.fontSize="100px",r.setAttribute("font-family",a.fFamily),r.setAttribute("font-style",a.fStyle),r.setAttribute("font-weight",a.fWeight),r.textContent="1",a.fClass?(r.style.fontFamily="inherit",r.className=a.fClass):r.style.fontFamily=a.fFamily,i.appendChild(r),D("canvas").getContext("2d").font=a.fWeight+" "+a.fStyle+" 100px "+a.fFamily,r),n[s].cache={},this.fonts.push(n[s])}0===o?this.isLoaded=!0:setTimeout(this.checkLoadedFonts.bind(this),100)}else this.isLoaded=!0},e.prototype.getCharData=function(t,e,s){for(var i=0,a=this.chars.length;i<a;){if(this.chars[i].ch===t&&this.chars[i].style===e&&this.chars[i].fFamily===s)return this.chars[i];i+=1}return console&&console.warn&&console.warn("Missing character from exported characters list: ",t,e,s),r},e.prototype.getFontByName=function(t){for(var e=0,s=this.fonts.length;e<s;){if(this.fonts[e].fName===t)return this.fonts[e];e+=1}return this.fonts[0]},e.prototype.measureText=function(t,e,s){var i=this.getFontByName(e),a=t.charCodeAt(0);if(!i.cache[a+1]){var r=i.helper;if(" "===t){r.textContent="|"+t+"|";var n=r.getComputedTextLength();r.textContent="||";var h=r.getComputedTextLength();i.cache[a+1]=(n-h)/100}else r.textContent=t,i.cache[a+1]=r.getComputedTextLength()/100}return i.cache[a+1]*s},e.prototype.checkLoadedFonts=function(){var t,e,s,i=this.fonts.length,a=i;for(t=0;t<i;t+=1)this.fonts[t].loaded?a-=1:"n"===this.fonts[t].fOrigin||0===this.fonts[t].origin?this.fonts[t].loaded=!0:(e=this.fonts[t].monoCase.node,s=this.fonts[t].monoCase.w,e.offsetWidth!==s?(a-=1,this.fonts[t].loaded=!0):(e=this.fonts[t].sansCase.node,s=this.fonts[t].sansCase.w,e.offsetWidth!==s&&(a-=1,this.fonts[t].loaded=!0)),this.fonts[t].loaded&&(this.fonts[t].sansCase.parent.parentNode.removeChild(this.fonts[t].sansCase.parent),this.fonts[t].monoCase.parent.parentNode.removeChild(this.fonts[t].monoCase.parent)));0!==a&&Date.now()-this.initTime<5e3?setTimeout(this.checkLoadedFonts.bind(this),20):setTimeout(function(){this.isLoaded=!0}.bind(this),0)},e.prototype.loaded=function(){return this.isLoaded},e}(),B=function(){var f=s,a=Math.abs;function m(t,e){var s,i=this.offsetTime;"multidimensional"===this.propType&&(s=q("float32",this.pv.length));for(var a,r,n,h,o,l,p,f,m=e.lastIndex,d=m,c=this.keyframes.length-1,u=!0;u;){if(a=this.keyframes[d],r=this.keyframes[d+1],d===c-1&&t>=r.t-i){a.h&&(a=r),m=0;break}if(r.t-i>t){m=d;break}d<c-1?d+=1:(m=0,u=!1)}var g,y,v,b,_,k,x,A,E,C=r.t-i,M=a.t-i;if(a.to){a.bezierData||mt.buildBezierData(a);var w=a.bezierData;if(C<=t||t<M){var D=C<=t?w.points.length-1:0;for(h=w.points[D].point.length,n=0;n<h;n+=1)s[n]=w.points[D].point[n]}else{a.__fnct?f=a.__fnct:(f=j.getBezierEasing(a.o.x,a.o.y,a.i.x,a.i.y,a.n).get,a.__fnct=f),o=f((t-M)/(C-M));var P,S=w.segmentLength*o,F=e.lastFrame<t&&e._lastBezierData===w?e._lastAddedLength:0;for(p=e.lastFrame<t&&e._lastBezierData===w?e._lastPoint:0,u=!0,l=w.points.length;u;){if(F+=w.points[p].partialLength,0===S||0===o||p===w.points.length-1){for(h=w.points[p].point.length,n=0;n<h;n+=1)s[n]=w.points[p].point[n];break}if(F<=S&&S<F+w.points[p+1].partialLength){for(P=(S-F)/w.points[p+1].partialLength,h=w.points[p].point.length,n=0;n<h;n+=1)s[n]=w.points[p].point[n]+(w.points[p+1].point[n]-w.points[p].point[n])*P;break}p<l-1?p+=1:u=!1}e._lastPoint=p,e._lastAddedLength=F-w.points[p].partialLength,e._lastBezierData=w}}else{var T,I,B,L,z;if(c=a.s.length,this.sh&&1!==a.h)if(C<=t)s[0]=a.e[0],s[1]=a.e[1],s[2]=a.e[2];else if(t<=M)s[0]=a.s[0],s[1]=a.s[1],s[2]=a.s[2];else{var R=N(a.s),V=N(a.e);g=s,y=function(t,e,s){var i,a,r,n,h,o=[],l=t[0],p=t[1],f=t[2],m=t[3],d=e[0],c=e[1],u=e[2],g=e[3];(a=l*d+p*c+f*u+m*g)<0&&(a=-a,d=-d,c=-c,u=-u,g=-g);h=1e-6<1-a?(i=Math.acos(a),r=Math.sin(i),n=Math.sin((1-s)*i)/r,Math.sin(s*i)/r):(n=1-s,s);return o[0]=n*l+h*d,o[1]=n*p+h*c,o[2]=n*f+h*u,o[3]=n*m+h*g,o}(R,V,(t-M)/(C-M)),v=y[0],b=y[1],_=y[2],k=y[3],x=Math.atan2(2*b*k-2*v*_,1-2*b*b-2*_*_),A=Math.asin(2*v*b+2*_*k),E=Math.atan2(2*v*k-2*b*_,1-2*v*v-2*_*_),g[0]=x/O,g[1]=A/O,g[2]=E/O}else for(d=0;d<c;d+=1)1!==a.h&&(o=C<=t?1:t<M?0:(a.o.x.constructor===Array?(a.__fnct||(a.__fnct=[]),a.__fnct[d]?f=a.__fnct[d]:(T=void 0===typeof a.o.x[d]?a.o.x[0]:a.o.x[d],I=void 0===typeof a.o.y[d]?a.o.y[0]:a.o.y[d],B=void 0===typeof a.i.x[d]?a.i.x[0]:a.i.x[d],L=void 0===typeof a.i.y[d]?a.i.y[0]:a.i.y[d],f=j.getBezierEasing(T,I,B,L).get,a.__fnct[d]=f)):a.__fnct?f=a.__fnct:(T=a.o.x,I=a.o.y,B=a.i.x,L=a.i.y,f=j.getBezierEasing(T,I,B,L).get,a.__fnct=f),f((t-M)/(C-M)))),z=1===a.h?a.s[d]:a.s[d]+(a.e[d]-a.s[d])*o,1===c?s=z:s[d]=z}return e.lastIndex=m,s}function N(t){var e=t[0]*O,s=t[1]*O,i=t[2]*O,a=Math.cos(e/2),r=Math.cos(s/2),n=Math.cos(i/2),h=Math.sin(e/2),o=Math.sin(s/2),l=Math.sin(i/2);return[h*o*n+a*r*l,h*r*n+a*o*l,a*o*n-h*r*l,a*r*n-h*o*l]}function d(){var t=this.comp.renderedFrame-this.offsetTime,e=this.keyframes[0].t-this.offsetTime,s=this.keyframes[this.keyframes.length-1].t-this.offsetTime;if(!(t===this._caching.lastFrame||this._caching.lastFrame!==f&&(this._caching.lastFrame>=s&&s<=t||this._caching.lastFrame<e&&t<e))){this._caching.lastFrame>=t&&(this._caching._lastBezierData=null,this._caching.lastIndex=0);var i=this.interpolateValue(t,this._caching);this.pv=i}return this._caching.lastFrame=t,this.pv}function c(t){var e;if("unidimensional"===this.propType)e=t*this.mult,1e-5<a(this.v-e)&&(this.v=e,this._mdf=!0);else for(var s=0,i=this.v.length;s<i;)e=t[s]*this.mult,1e-5<a(this.v[s]-e)&&(this.v[s]=e,this._mdf=!0),s+=1}function u(){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length)if(this.lock)this.setVValue(this.pv);else{this.lock=!0,this._mdf=this._isFirstFrame;var t,e=this.effectsSequence.length,s=this.kf?this.pv:this.data.k;for(t=0;t<e;t+=1)s=this.effectsSequence[t](s);this.setVValue(s),this._isFirstFrame=!1,this.lock=!1,this.frameId=this.elem.globalData.frameId}}function g(t){this.effectsSequence.push(t),this.container.addDynamicProperty(this)}function n(t,e,s,i){this.propType="unidimensional",this.mult=s||1,this.data=e,this.v=s?e.k*s:e.k,this.pv=e.k,this._mdf=!1,this.elem=t,this.container=i,this.comp=t.comp,this.k=!1,this.kf=!1,this.vel=0,this.effectsSequence=[],this._isFirstFrame=!0,this.getValue=u,this.setVValue=c,this.addEffect=g}function h(t,e,s,i){this.propType="multidimensional",this.mult=s||1,this.data=e,this._mdf=!1,this.elem=t,this.container=i,this.comp=t.comp,this.k=!1,this.kf=!1,this.frameId=-1;var a,r=e.k.length;this.v=q("float32",r),this.pv=q("float32",r);q("float32",r);for(this.vel=q("float32",r),a=0;a<r;a+=1)this.v[a]=e.k[a]*this.mult,this.pv[a]=e.k[a];this._isFirstFrame=!0,this.effectsSequence=[],this.getValue=u,this.setVValue=c,this.addEffect=g}function o(t,e,s,i){this.propType="unidimensional",this.keyframes=e.k,this.offsetTime=t.data.st,this.frameId=-1,this._caching={lastFrame:f,lastIndex:0,value:0,_lastBezierData:null},this.k=!0,this.kf=!0,this.data=e,this.mult=s||1,this.elem=t,this.container=i,this.comp=t.comp,this.v=f,this.pv=f,this._isFirstFrame=!0,this.getValue=u,this.setVValue=c,this.interpolateValue=m,this.effectsSequence=[d.bind(this)],this.addEffect=g}function l(t,e,s,i){this.propType="multidimensional";var a,r,n,h,o,l=e.k.length;for(a=0;a<l-1;a+=1)e.k[a].to&&e.k[a].s&&e.k[a].e&&(r=e.k[a].s,n=e.k[a].e,h=e.k[a].to,o=e.k[a].ti,(2===r.length&&(r[0]!==n[0]||r[1]!==n[1])&&mt.pointOnLine2D(r[0],r[1],n[0],n[1],r[0]+h[0],r[1]+h[1])&&mt.pointOnLine2D(r[0],r[1],n[0],n[1],n[0]+o[0],n[1]+o[1])||3===r.length&&(r[0]!==n[0]||r[1]!==n[1]||r[2]!==n[2])&&mt.pointOnLine3D(r[0],r[1],r[2],n[0],n[1],n[2],r[0]+h[0],r[1]+h[1],r[2]+h[2])&&mt.pointOnLine3D(r[0],r[1],r[2],n[0],n[1],n[2],n[0]+o[0],n[1]+o[1],n[2]+o[2]))&&(e.k[a].to=null,e.k[a].ti=null),r[0]===n[0]&&r[1]===n[1]&&0===h[0]&&0===h[1]&&0===o[0]&&0===o[1]&&(2===r.length||r[2]===n[2]&&0===h[2]&&0===o[2])&&(e.k[a].to=null,e.k[a].ti=null));this.effectsSequence=[d.bind(this)],this.keyframes=e.k,this.offsetTime=t.data.st,this.k=!0,this.kf=!0,this._isFirstFrame=!0,this.mult=s||1,this.elem=t,this.container=i,this.comp=t.comp,this.getValue=u,this.setVValue=c,this.interpolateValue=m,this.frameId=-1;var p=e.k[0].s.length;for(this.v=q("float32",p),this.pv=q("float32",p),a=0;a<p;a+=1)this.v[a]=f,this.pv[a]=f;this._caching={lastFrame:f,lastIndex:0,value:q("float32",p)},this.addEffect=g}return{getProp:function(t,e,s,i,a){var r;if(0===e.a)r=0===s?new n(t,e,i,a):new h(t,e,i,a);else if(1===e.a)r=0===s?new o(t,e,i,a):new l(t,e,i,a);else if(e.k.length)if("number"==typeof e.k[0])r=new h(t,e,i,a);else switch(s){case 0:r=new o(t,e,i,a);break;case 1:r=new l(t,e,i,a)}else r=new n(t,e,i,a);return r.effectsSequence.length&&a.addDynamicProperty(r),r}}}(),L=function(){function i(t,e,s){if(this.elem=t,this.frameId=-1,this.propType="transform",this.data=e,this.v=new S,this.pre=new S,this.appliedTransformations=0,this.initDynamicPropertyContainer(s||t),e.p.s?(this.px=B.getProp(t,e.p.x,0,0,this),this.py=B.getProp(t,e.p.y,0,0,this),e.p.z&&(this.pz=B.getProp(t,e.p.z,0,0,this))):this.p=B.getProp(t,e.p,1,0,this),e.r)this.r=B.getProp(t,e.r,0,O,this);else if(e.rx){if(this.rx=B.getProp(t,e.rx,0,O,this),this.ry=B.getProp(t,e.ry,0,O,this),this.rz=B.getProp(t,e.rz,0,O,this),e.or.k[0].ti){var i,a=e.or.k.length;for(i=0;i<a;i+=1)e.or.k[i].to=e.or.k[i].ti=null}this.or=B.getProp(t,e.or,1,O,this),this.or.sh=!0}e.sk&&(this.sk=B.getProp(t,e.sk,0,O,this),this.sa=B.getProp(t,e.sa,0,O,this)),e.a&&(this.a=B.getProp(t,e.a,1,0,this)),e.s&&(this.s=B.getProp(t,e.s,1,.01,this)),e.o?this.o=B.getProp(t,e.o,0,.01,t):this.o={_mdf:!1,v:1},this._isDirty=!0,this.dynamicProperties.length||this.getValue(!0)}return i.prototype={applyToMatrix:function(t){var e=this._mdf;this.iterateDynamicProperties(),this._mdf=this._mdf||e,this.a&&t.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.s&&t.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&t.skewFromAxis(-this.sk.v,this.sa.v),this.r?t.rotate(-this.r.v):t.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.data.p.s?this.data.p.z?t.translate(this.px.v,this.py.v,-this.pz.v):t.translate(this.px.v,this.py.v,0):t.translate(this.p.v[0],this.p.v[1],-this.p.v[2])},getValue:function(t){if(this.elem.globalData.frameId!==this.frameId){if(this._isDirty&&(this.precalculateMatrix(),this._isDirty=!1),this.iterateDynamicProperties(),this._mdf||t){if(this.v.cloneFromProps(this.pre.props),this.appliedTransformations<1&&this.v.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations<2&&this.v.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&this.appliedTransformations<3&&this.v.skewFromAxis(-this.sk.v,this.sa.v),this.r&&this.appliedTransformations<4?this.v.rotate(-this.r.v):!this.r&&this.appliedTransformations<4&&this.v.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.autoOriented){var e,s,i=this.elem.globalData.frameRate;if(this.p&&this.p.keyframes&&this.p.getValueAtTime)s=this.p._caching.lastFrame+this.p.offsetTime<=this.p.keyframes[0].t?(e=this.p.getValueAtTime((this.p.keyframes[0].t+.01)/i,0),this.p.getValueAtTime(this.p.keyframes[0].t/i,0)):this.p._caching.lastFrame+this.p.offsetTime>=this.p.keyframes[this.p.keyframes.length-1].t?(e=this.p.getValueAtTime(this.p.keyframes[this.p.keyframes.length-1].t/i,0),this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length-1].t-.01)/i,0)):(e=this.p.pv,this.p.getValueAtTime((this.p._caching.lastFrame+this.p.offsetTime-.01)/i,this.p.offsetTime));else if(this.px&&this.px.keyframes&&this.py.keyframes&&this.px.getValueAtTime&&this.py.getValueAtTime){e=[],s=[];var a=this.px,r=this.py;a._caching.lastFrame+a.offsetTime<=a.keyframes[0].t?(e[0]=a.getValueAtTime((a.keyframes[0].t+.01)/i,0),e[1]=r.getValueAtTime((r.keyframes[0].t+.01)/i,0),s[0]=a.getValueAtTime(a.keyframes[0].t/i,0),s[1]=r.getValueAtTime(r.keyframes[0].t/i,0)):a._caching.lastFrame+a.offsetTime>=a.keyframes[a.keyframes.length-1].t?(e[0]=a.getValueAtTime(a.keyframes[a.keyframes.length-1].t/i,0),e[1]=r.getValueAtTime(r.keyframes[r.keyframes.length-1].t/i,0),s[0]=a.getValueAtTime((a.keyframes[a.keyframes.length-1].t-.01)/i,0),s[1]=r.getValueAtTime((r.keyframes[r.keyframes.length-1].t-.01)/i,0)):(e=[a.pv,r.pv],s[0]=a.getValueAtTime((a._caching.lastFrame+a.offsetTime-.01)/i,a.offsetTime),s[1]=r.getValueAtTime((r._caching.lastFrame+r.offsetTime-.01)/i,r.offsetTime))}this.v.rotate(-Math.atan2(e[1]-s[1],e[0]-s[0]))}this.data.p.s?this.data.p.z?this.v.translate(this.px.v,this.py.v,-this.pz.v):this.v.translate(this.px.v,this.py.v,0):this.v.translate(this.p.v[0],this.p.v[1],-this.p.v[2])}this.frameId=this.elem.globalData.frameId}},precalculateMatrix:function(){if(!this.a.k&&(this.pre.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations=1,!this.s.effectsSequence.length)){if(this.pre.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.appliedTransformations=2,this.sk){if(this.sk.effectsSequence.length||this.sa.effectsSequence.length)return;this.pre.skewFromAxis(-this.sk.v,this.sa.v),this.appliedTransformations=3}if(this.r){if(this.r.effectsSequence.length)return;this.pre.rotate(-this.r.v),this.appliedTransformations=4}else this.rz.effectsSequence.length||this.ry.effectsSequence.length||this.rx.effectsSequence.length||this.or.effectsSequence.length||(this.pre.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.appliedTransformations=4)}},autoOrient:function(){}},F([P],i),i.prototype.addDynamicProperty=function(t){this._addDynamicProperty(t),this.elem.addDynamicProperty(t),this._isDirty=!0},i.prototype._addDynamicProperty=P.prototype.addDynamicProperty,{getTransformProperty:function(t,e,s){return new i(t,e,s)}}}();function z(){this.c=!1,this._length=0,this._maxLength=8,this.v=M(this._maxLength),this.o=M(this._maxLength),this.i=M(this._maxLength)}z.prototype.setPathData=function(t,e){this.c=t,this.setLength(e);for(var s=0;s<e;)this.v[s]=_t.newElement(),this.o[s]=_t.newElement(),this.i[s]=_t.newElement(),s+=1},z.prototype.setLength=function(t){for(;this._maxLength<t;)this.doubleArrayLength();this._length=t},z.prototype.doubleArrayLength=function(){this.v=this.v.concat(M(this._maxLength)),this.i=this.i.concat(M(this._maxLength)),this.o=this.o.concat(M(this._maxLength)),this._maxLength*=2},z.prototype.setXYAt=function(t,e,s,i,a){var r;switch(this._length=Math.max(this._length,i+1),this._length>=this._maxLength&&this.doubleArrayLength(),s){case"v":r=this.v;break;case"i":r=this.i;break;case"o":r=this.o}(!r[i]||r[i]&&!a)&&(r[i]=_t.newElement()),r[i][0]=t,r[i][1]=e},z.prototype.setTripleAt=function(t,e,s,i,a,r,n,h){this.setXYAt(t,e,"v",n,h),this.setXYAt(s,i,"o",n,h),this.setXYAt(a,r,"i",n,h)},z.prototype.reverse=function(){var t=new z;t.setPathData(this.c,this._length);var e=this.v,s=this.o,i=this.i,a=0;this.c&&(t.setTripleAt(e[0][0],e[0][1],i[0][0],i[0][1],s[0][0],s[0][1],0,!1),a=1);var r,n=this._length-1,h=this._length;for(r=a;r<h;r+=1)t.setTripleAt(e[n][0],e[n][1],i[n][0],i[n][1],s[n][0],s[n][1],r,!1),n-=1;return t};var R,V,N=function(){var a=-999999;function t(t,e,s){var i,a,r,n,h,o,l,p,f,m=s.lastIndex,d=this.keyframes;if(t<d[0].t-this.offsetTime)i=d[0].s[0],r=!0,m=0;else if(t>=d[d.length-1].t-this.offsetTime)i=1===d[d.length-2].h?d[d.length-1].s[0]:d[d.length-2].e[0],r=!0;else{for(var c,u,g=m,y=d.length-1,v=!0;v&&(c=d[g],!((u=d[g+1]).t-this.offsetTime>t));)g<y-1?g+=1:v=!1;if(m=g,!(r=1===c.h)){if(t>=u.t-this.offsetTime)p=1;else if(t<c.t-this.offsetTime)p=0;else{var b;c.__fnct?b=c.__fnct:(b=j.getBezierEasing(c.o.x,c.o.y,c.i.x,c.i.y).get,c.__fnct=b),p=b((t-(c.t-this.offsetTime))/(u.t-this.offsetTime-(c.t-this.offsetTime)))}a=c.e[0]}i=c.s[0]}for(o=e._length,l=i.i[0].length,s.lastIndex=m,n=0;n<o;n+=1)for(h=0;h<l;h+=1)f=r?i.i[n][h]:i.i[n][h]+(a.i[n][h]-i.i[n][h])*p,e.i[n][h]=f,f=r?i.o[n][h]:i.o[n][h]+(a.o[n][h]-i.o[n][h])*p,e.o[n][h]=f,f=r?i.v[n][h]:i.v[n][h]+(a.v[n][h]-i.v[n][h])*p,e.v[n][h]=f}function r(){this.paths=this.localShapeCollection}function e(t){(function(t,e){if(t._length!==e._length||t.c!==e.c)return!1;var s,i=t._length;for(s=0;s<i;s+=1)if(t.v[s][0]!==e.v[s][0]||t.v[s][1]!==e.v[s][1]||t.o[s][0]!==e.o[s][0]||t.o[s][1]!==e.o[s][1]||t.i[s][0]!==e.i[s][0]||t.i[s][1]!==e.i[s][1])return!1;return!0})(this.v,t)||(this.v=kt.clone(t),this.localShapeCollection.releaseShapes(),this.localShapeCollection.addShape(this.v),this._mdf=!0,this.paths=this.localShapeCollection)}function s(){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length)if(this.lock)this.setVValue(this.pv);else{this.lock=!0,this._mdf=!1;var t,e=this.kf?this.pv:this.data.ks?this.data.ks.k:this.data.pt.k,s=this.effectsSequence.length;for(t=0;t<s;t+=1)e=this.effectsSequence[t](e);this.setVValue(e),this.lock=!1,this.frameId=this.elem.globalData.frameId}}function n(t,e,s){this.propType="shape",this.comp=t.comp,this.container=t,this.elem=t,this.data=e,this.k=!1,this.kf=!1,this._mdf=!1;var i=3===s?e.pt.k:e.ks.k;this.v=kt.clone(i),this.pv=kt.clone(this.v),this.localShapeCollection=xt.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.reset=r,this.effectsSequence=[]}function i(t){this.effectsSequence.push(t),this.container.addDynamicProperty(this)}function h(t,e,s){this.propType="shape",this.comp=t.comp,this.elem=t,this.container=t,this.offsetTime=t.data.st,this.keyframes=3===s?e.pt.k:e.ks.k,this.k=!0,this.kf=!0;var i=this.keyframes[0].s[0].i.length;this.keyframes[0].s[0].i[0].length;this.v=kt.newElement(),this.v.setPathData(this.keyframes[0].s[0].c,i),this.pv=kt.clone(this.v),this.localShapeCollection=xt.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.lastFrame=a,this.reset=r,this._caching={lastFrame:a,lastIndex:0},this.effectsSequence=[function(){var t=this.comp.renderedFrame-this.offsetTime,e=this.keyframes[0].t-this.offsetTime,s=this.keyframes[this.keyframes.length-1].t-this.offsetTime,i=this._caching.lastFrame;return i!==a&&(i<e&&t<e||s<i&&s<t)||(this._caching.lastIndex=i<t?this._caching.lastIndex:0,this.interpolateShape(t,this.pv,this._caching)),this._caching.lastFrame=t,this.pv}.bind(this)]}n.prototype.interpolateShape=t,n.prototype.getValue=s,n.prototype.setVValue=e,n.prototype.addEffect=i,h.prototype.getValue=s,h.prototype.interpolateShape=t,h.prototype.setVValue=e,h.prototype.addEffect=i;var o=function(){var n=v;function t(t,e){this.v=kt.newElement(),this.v.setPathData(!0,4),this.localShapeCollection=xt.newShapeCollection(),this.paths=this.localShapeCollection,this.localShapeCollection.addShape(this.v),this.d=e.d,this.elem=t,this.comp=t.comp,this.frameId=-1,this.initDynamicPropertyContainer(t),this.p=B.getProp(t,e.p,1,0,this),this.s=B.getProp(t,e.s,1,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertEllToPath())}return t.prototype={reset:r,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertEllToPath())},convertEllToPath:function(){var t=this.p.v[0],e=this.p.v[1],s=this.s.v[0]/2,i=this.s.v[1]/2,a=3!==this.d,r=this.v;r.v[0][0]=t,r.v[0][1]=e-i,r.v[1][0]=a?t+s:t-s,r.v[1][1]=e,r.v[2][0]=t,r.v[2][1]=e+i,r.v[3][0]=a?t-s:t+s,r.v[3][1]=e,r.i[0][0]=a?t-s*n:t+s*n,r.i[0][1]=e-i,r.i[1][0]=a?t+s:t-s,r.i[1][1]=e-i*n,r.i[2][0]=a?t+s*n:t-s*n,r.i[2][1]=e+i,r.i[3][0]=a?t-s:t+s,r.i[3][1]=e+i*n,r.o[0][0]=a?t+s*n:t-s*n,r.o[0][1]=e-i,r.o[1][0]=a?t+s:t-s,r.o[1][1]=e+i*n,r.o[2][0]=a?t-s*n:t+s*n,r.o[2][1]=e+i,r.o[3][0]=a?t-s:t+s,r.o[3][1]=e-i*n}},F([P],t),t}(),l=function(){function t(t,e){this.v=kt.newElement(),this.v.setPathData(!0,0),this.elem=t,this.comp=t.comp,this.data=e,this.frameId=-1,this.d=e.d,this.initDynamicPropertyContainer(t),1===e.sy?(this.ir=B.getProp(t,e.ir,0,0,this),this.is=B.getProp(t,e.is,0,.01,this),this.convertToPath=this.convertStarToPath):this.convertToPath=this.convertPolygonToPath,this.pt=B.getProp(t,e.pt,0,0,this),this.p=B.getProp(t,e.p,1,0,this),this.r=B.getProp(t,e.r,0,O,this),this.or=B.getProp(t,e.or,0,0,this),this.os=B.getProp(t,e.os,0,.01,this),this.localShapeCollection=xt.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertToPath())}return t.prototype={reset:r,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertToPath())},convertStarToPath:function(){var t,e,s,i,a=2*Math.floor(this.pt.v),r=2*Math.PI/a,n=!0,h=this.or.v,o=this.ir.v,l=this.os.v,p=this.is.v,f=2*Math.PI*h/(2*a),m=2*Math.PI*o/(2*a),d=-Math.PI/2;d+=this.r.v;var c=3===this.data.d?-1:1;for(t=this.v._length=0;t<a;t+=1){s=n?l:p,i=n?f:m;var u=(e=n?h:o)*Math.cos(d),g=e*Math.sin(d),y=0===u&&0===g?0:g/Math.sqrt(u*u+g*g),v=0===u&&0===g?0:-u/Math.sqrt(u*u+g*g);u+=+this.p.v[0],g+=+this.p.v[1],this.v.setTripleAt(u,g,u-y*i*s*c,g-v*i*s*c,u+y*i*s*c,g+v*i*s*c,t,!0),n=!n,d+=r*c}},convertPolygonToPath:function(){var t,e=Math.floor(this.pt.v),s=2*Math.PI/e,i=this.or.v,a=this.os.v,r=2*Math.PI*i/(4*e),n=-Math.PI/2,h=3===this.data.d?-1:1;for(n+=this.r.v,t=this.v._length=0;t<e;t+=1){var o=i*Math.cos(n),l=i*Math.sin(n),p=0===o&&0===l?0:l/Math.sqrt(o*o+l*l),f=0===o&&0===l?0:-o/Math.sqrt(o*o+l*l);o+=+this.p.v[0],l+=+this.p.v[1],this.v.setTripleAt(o,l,o-p*r*a*h,l-f*r*a*h,o+p*r*a*h,l+f*r*a*h,t,!0),n+=s*h}this.paths.length=0,this.paths[0]=this.v}},F([P],t),t}(),p=function(){function t(t,e){this.v=kt.newElement(),this.v.c=!0,this.localShapeCollection=xt.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.elem=t,this.comp=t.comp,this.frameId=-1,this.d=e.d,this.initDynamicPropertyContainer(t),this.p=B.getProp(t,e.p,1,0,this),this.s=B.getProp(t,e.s,1,0,this),this.r=B.getProp(t,e.r,0,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertRectToPath())}return t.prototype={convertRectToPath:function(){var t=this.p.v[0],e=this.p.v[1],s=this.s.v[0]/2,i=this.s.v[1]/2,a=g(s,i,this.r.v),r=a*(1-v);this.v._length=0,2===this.d||1===this.d?(this.v.setTripleAt(t+s,e-i+a,t+s,e-i+a,t+s,e-i+r,0,!0),this.v.setTripleAt(t+s,e+i-a,t+s,e+i-r,t+s,e+i-a,1,!0),0!==a?(this.v.setTripleAt(t+s-a,e+i,t+s-a,e+i,t+s-r,e+i,2,!0),this.v.setTripleAt(t-s+a,e+i,t-s+r,e+i,t-s+a,e+i,3,!0),this.v.setTripleAt(t-s,e+i-a,t-s,e+i-a,t-s,e+i-r,4,!0),this.v.setTripleAt(t-s,e-i+a,t-s,e-i+r,t-s,e-i+a,5,!0),this.v.setTripleAt(t-s+a,e-i,t-s+a,e-i,t-s+r,e-i,6,!0),this.v.setTripleAt(t+s-a,e-i,t+s-r,e-i,t+s-a,e-i,7,!0)):(this.v.setTripleAt(t-s,e+i,t-s+r,e+i,t-s,e+i,2),this.v.setTripleAt(t-s,e-i,t-s,e-i+r,t-s,e-i,3))):(this.v.setTripleAt(t+s,e-i+a,t+s,e-i+r,t+s,e-i+a,0,!0),0!==a?(this.v.setTripleAt(t+s-a,e-i,t+s-a,e-i,t+s-r,e-i,1,!0),this.v.setTripleAt(t-s+a,e-i,t-s+r,e-i,t-s+a,e-i,2,!0),this.v.setTripleAt(t-s,e-i+a,t-s,e-i+a,t-s,e-i+r,3,!0),this.v.setTripleAt(t-s,e+i-a,t-s,e+i-r,t-s,e+i-a,4,!0),this.v.setTripleAt(t-s+a,e+i,t-s+a,e+i,t-s+r,e+i,5,!0),this.v.setTripleAt(t+s-a,e+i,t+s-r,e+i,t+s-a,e+i,6,!0),this.v.setTripleAt(t+s,e+i-a,t+s,e+i-a,t+s,e+i-r,7,!0)):(this.v.setTripleAt(t-s,e-i,t-s+r,e-i,t-s,e-i,1,!0),this.v.setTripleAt(t-s,e+i,t-s,e+i-r,t-s,e+i,2,!0),this.v.setTripleAt(t+s,e+i,t+s-r,e+i,t+s,e+i,3,!0)))},getValue:function(t){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertRectToPath())},reset:r},F([P],t),t}();var f={getShapeProp:function(t,e,s){var i;if(3===s||4===s){var a=3===s?e.pt:e.ks,r=a.k;i=1===a.a||r.length?new h(t,e,s):new n(t,e,s)}else 5===s?i=new p(t,e):6===s?i=new o(t,e):7===s&&(i=new l(t,e));return i.k&&t.addDynamicProperty(i),i},getConstructorFunction:function(){return n},getKeyframedConstructorFunction:function(){return h}};return f}(),G=(V={},(R={}).registerModifier=function(t,e){V[t]||(V[t]=e)},R.getModifier=function(t,e,s){return new V[t](e,s)},R);function W(){}function X(){}function Y(){}function H(){}function U(){this._length=0,this._maxLength=4,this.shapes=M(this._maxLength)}function Z(t,e,s,i){this.elem=t,this.frameId=-1,this.dataProps=M(e.length),this.renderer=s,this.k=!1,this.dashStr="",this.dashArray=q("float32",e.length?e.length-1:0),this.dashoffset=q("float32",1),this.initDynamicPropertyContainer(i);var a,r,n=e.length||0;for(a=0;a<n;a+=1)r=B.getProp(t,e[a].v,0,0,this),this.k=r.k||this.k,this.dataProps[a]={n:e[a].n,p:r};this.k||this.getValue(!0),this._isAnimated=this.k}function J(t,e,s){this.data=e,this.c=q("uint8c",4*e.p);var i=e.k.k[0].s?e.k.k[0].s.length-4*e.p:e.k.k.length-4*e.p;this.o=q("float32",i),this._cmdf=!1,this._omdf=!1,this._collapsable=this.checkCollapsable(),this._hasOpacity=i,this.initDynamicPropertyContainer(s),this.prop=B.getProp(t,e.k,1,null,this),this.k=this.prop.k,this.getValue(!0)}W.prototype.initModifierProperties=function(){},W.prototype.addShapeToModifier=function(){},W.prototype.addShape=function(t){if(!this.closed){var e={shape:t.sh,data:t,localShapeCollection:xt.newShapeCollection()};this.shapes.push(e),this.addShapeToModifier(e),this._isAnimated&&t.setAsAnimated()}},W.prototype.init=function(t,e){this.shapes=[],this.elem=t,this.initDynamicPropertyContainer(t),this.initModifierProperties(t,e),this.frameId=s,this.closed=!1,this.k=!1,this.dynamicProperties.length?this.k=!0:this.getValue(!0)},W.prototype.processKeys=function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties())},F([P],W),F([W],X),X.prototype.initModifierProperties=function(t,e){this.s=B.getProp(t,e.s,0,.01,this),this.e=B.getProp(t,e.e,0,.01,this),this.o=B.getProp(t,e.o,0,0,this),this.sValue=0,this.eValue=0,this.getValue=this.processKeys,this.m=e.m,this._isAnimated=!!this.s.effectsSequence.length||!!this.e.effectsSequence.length||!!this.o.effectsSequence.length},X.prototype.addShapeToModifier=function(t){t.pathsData=[]},X.prototype.calculateShapeEdges=function(t,e,s,i,a){var r=[];e<=1?r.push({s:t,e:e}):1<=t?r.push({s:t-1,e:e-1}):(r.push({s:t,e:1}),r.push({s:0,e:e-1}));var n,h,o=[],l=r.length;for(n=0;n<l;n+=1){var p,f;if((h=r[n]).e*a<i||h.s*a>i+s);else p=h.s*a<=i?0:(h.s*a-i)/s,f=h.e*a>=i+s?1:(h.e*a-i)/s,o.push([p,f])}return o.length||o.push([0,0]),o},X.prototype.releasePathsData=function(t){var e,s=t.length;for(e=0;e<s;e+=1)At.release(t[e]);return t.length=0,t},X.prototype.processShapes=function(t){var e,s,i;if(this._mdf||t){var a=this.o.v%360/360;if(a<0&&(a+=1),e=(1<this.s.v?1:this.s.v<0?0:this.s.v)+a,(s=(1<this.e.v?1:this.e.v<0?0:this.e.v)+a)<e){var r=e;e=s,s=r}e=1e-4*Math.round(1e4*e),s=1e-4*Math.round(1e4*s),this.sValue=e,this.eValue=s}else e=this.sValue,s=this.eValue;var n,h,o,l,p,f,m=this.shapes.length,d=0;if(s===e)for(n=0;n<m;n+=1)this.shapes[n].localShapeCollection.releaseShapes(),this.shapes[n].shape._mdf=!0,this.shapes[n].shape.paths=this.shapes[n].localShapeCollection;else if(1===s&&0===e||0===s&&1===e){if(this._mdf)for(n=0;n<m;n+=1)this.shapes[n].pathsData.length=0,this.shapes[n].shape._mdf=!0}else{var c,u,g=[];for(n=0;n<m;n+=1)if((c=this.shapes[n]).shape._mdf||this._mdf||t||2===this.m){if(o=(i=c.shape.paths)._length,f=0,!c.shape._mdf&&c.pathsData.length)f=c.totalShapeLength;else{for(l=this.releasePathsData(c.pathsData),h=0;h<o;h+=1)p=mt.getSegmentsLength(i.shapes[h]),l.push(p),f+=p.totalLength;c.totalShapeLength=f,c.pathsData=l}d+=f,c.shape._mdf=!0}else c.shape.paths=c.localShapeCollection;var y,v=e,b=s,_=0;for(n=m-1;0<=n;n-=1)if((c=this.shapes[n]).shape._mdf){for((u=c.localShapeCollection).releaseShapes(),2===this.m&&1<m?(y=this.calculateShapeEdges(e,s,c.totalShapeLength,_,d),_+=c.totalShapeLength):y=[[v,b]],o=y.length,h=0;h<o;h+=1){v=y[h][0],b=y[h][1],g.length=0,b<=1?g.push({s:c.totalShapeLength*v,e:c.totalShapeLength*b}):1<=v?g.push({s:c.totalShapeLength*(v-1),e:c.totalShapeLength*(b-1)}):(g.push({s:c.totalShapeLength*v,e:c.totalShapeLength}),g.push({s:0,e:c.totalShapeLength*(b-1)}));var k=this.addShapes(c,g[0]);if(g[0].s!==g[0].e){if(1<g.length)if(c.shape.paths.shapes[c.shape.paths._length-1].c){var x=k.pop();this.addPaths(k,u),k=this.addShapes(c,g[1],x)}else this.addPaths(k,u),k=this.addShapes(c,g[1]);this.addPaths(k,u)}}c.shape.paths=u}}},X.prototype.addPaths=function(t,e){var s,i=t.length;for(s=0;s<i;s+=1)e.addShape(t[s])},X.prototype.addSegment=function(t,e,s,i,a,r,n){a.setXYAt(e[0],e[1],"o",r),a.setXYAt(s[0],s[1],"i",r+1),n&&a.setXYAt(t[0],t[1],"v",r),a.setXYAt(i[0],i[1],"v",r+1)},X.prototype.addSegmentFromArray=function(t,e,s,i){e.setXYAt(t[1],t[5],"o",s),e.setXYAt(t[2],t[6],"i",s+1),i&&e.setXYAt(t[0],t[4],"v",s),e.setXYAt(t[3],t[7],"v",s+1)},X.prototype.addShapes=function(t,e,s){var i,a,r,n,h,o,l,p,f=t.pathsData,m=t.shape.paths.shapes,d=t.shape.paths._length,c=0,u=[],g=!0;for(p=s?(h=s._length,s._length):(s=kt.newElement(),h=0),u.push(s),i=0;i<d;i+=1){for(o=f[i].lengths,s.c=m[i].c,r=m[i].c?o.length:o.length+1,a=1;a<r;a+=1)if(c+(n=o[a-1]).addedLength<e.s)c+=n.addedLength,s.c=!1;else{if(c>e.e){s.c=!1;break}e.s<=c&&e.e>=c+n.addedLength?(this.addSegment(m[i].v[a-1],m[i].o[a-1],m[i].i[a],m[i].v[a],s,h,g),g=!1):(l=mt.getNewSegment(m[i].v[a-1],m[i].v[a],m[i].o[a-1],m[i].i[a],(e.s-c)/n.addedLength,(e.e-c)/n.addedLength,o[a-1]),this.addSegmentFromArray(l,s,h,g),g=!1,s.c=!1),c+=n.addedLength,h+=1}if(m[i].c&&o.length){if(n=o[a-1],c<=e.e){var y=o[a-1].addedLength;e.s<=c&&e.e>=c+y?(this.addSegment(m[i].v[a-1],m[i].o[a-1],m[i].i[0],m[i].v[0],s,h,g),g=!1):(l=mt.getNewSegment(m[i].v[a-1],m[i].v[0],m[i].o[a-1],m[i].i[0],(e.s-c)/y,(e.e-c)/y,o[a-1]),this.addSegmentFromArray(l,s,h,g),g=!1,s.c=!1)}else s.c=!1;c+=n.addedLength,h+=1}if(s._length&&(s.setXYAt(s.v[p][0],s.v[p][1],"i",p),s.setXYAt(s.v[s._length-1][0],s.v[s._length-1][1],"o",s._length-1)),c>e.e)break;i<d-1&&(s=kt.newElement(),g=!0,u.push(s),h=0)}return u},G.registerModifier("tm",X),F([W],Y),Y.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.rd=B.getProp(t,e.r,0,null,this),this._isAnimated=!!this.rd.effectsSequence.length},Y.prototype.processPath=function(t,e){var s=kt.newElement();s.c=t.c;var i,a,r,n,h,o,l,p,f,m,d,c,u,g=t._length,y=0;for(i=0;i<g;i+=1)a=t.v[i],n=t.o[i],r=t.i[i],a[0]===n[0]&&a[1]===n[1]&&a[0]===r[0]&&a[1]===r[1]?0!==i&&i!==g-1||t.c?(h=0===i?t.v[g-1]:t.v[i-1],l=(o=Math.sqrt(Math.pow(a[0]-h[0],2)+Math.pow(a[1]-h[1],2)))?Math.min(o/2,e)/o:0,p=c=a[0]+(h[0]-a[0])*l,f=u=a[1]-(a[1]-h[1])*l,m=p-(p-a[0])*v,d=f-(f-a[1])*v,s.setTripleAt(p,f,m,d,c,u,y),y+=1,h=i===g-1?t.v[0]:t.v[i+1],l=(o=Math.sqrt(Math.pow(a[0]-h[0],2)+Math.pow(a[1]-h[1],2)))?Math.min(o/2,e)/o:0,p=m=a[0]+(h[0]-a[0])*l,f=d=a[1]+(h[1]-a[1])*l,c=p-(p-a[0])*v,u=f-(f-a[1])*v,s.setTripleAt(p,f,m,d,c,u,y)):s.setTripleAt(a[0],a[1],n[0],n[1],r[0],r[1],y):s.setTripleAt(t.v[i][0],t.v[i][1],t.o[i][0],t.o[i][1],t.i[i][0],t.i[i][1],y),y+=1;return s},Y.prototype.processShapes=function(t){var e,s,i,a,r,n,h=this.shapes.length,o=this.rd.v;if(0!==o)for(s=0;s<h;s+=1){if((r=this.shapes[s]).shape.paths,n=r.localShapeCollection,r.shape._mdf||this._mdf||t)for(n.releaseShapes(),r.shape._mdf=!0,e=r.shape.paths.shapes,a=r.shape.paths._length,i=0;i<a;i+=1)n.addShape(this.processPath(e[i],o));r.shape.paths=r.localShapeCollection}this.dynamicProperties.length||(this._mdf=!1)},G.registerModifier("rd",Y),F([W],H),H.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.c=B.getProp(t,e.c,0,null,this),this.o=B.getProp(t,e.o,0,null,this),this.tr=L.getTransformProperty(t,e.tr,this),this.so=B.getProp(t,e.tr.so,0,.01,this),this.eo=B.getProp(t,e.tr.eo,0,.01,this),this.data=e,this.dynamicProperties.length||this.getValue(!0),this._isAnimated=!!this.dynamicProperties.length,this.pMatrix=new S,this.rMatrix=new S,this.sMatrix=new S,this.tMatrix=new S,this.matrix=new S},H.prototype.applyTransforms=function(t,e,s,i,a,r){var n=r?-1:1,h=i.s.v[0]+(1-i.s.v[0])*(1-a),o=i.s.v[1]+(1-i.s.v[1])*(1-a);t.translate(i.p.v[0]*n*a,i.p.v[1]*n*a,i.p.v[2]),e.translate(-i.a.v[0],-i.a.v[1],i.a.v[2]),e.rotate(-i.r.v*n*a),e.translate(i.a.v[0],i.a.v[1],i.a.v[2]),s.translate(-i.a.v[0],-i.a.v[1],i.a.v[2]),s.scale(r?1/h:h,r?1/o:o),s.translate(i.a.v[0],i.a.v[1],i.a.v[2])},H.prototype.init=function(t,e,s,i){this.elem=t,this.arr=e,this.pos=s,this.elemsData=i,this._currentCopies=0,this._elements=[],this._groups=[],this.frameId=-1,this.initDynamicPropertyContainer(t),this.initModifierProperties(t,e[s]);for(;0<s;)s-=1,this._elements.unshift(e[s]),1;this.dynamicProperties.length?this.k=!0:this.getValue(!0)},H.prototype.resetElements=function(t){var e,s=t.length;for(e=0;e<s;e+=1)t[e]._processed=!1,"gr"===t[e].ty&&this.resetElements(t[e].it)},H.prototype.cloneElements=function(t){t.length;var e=JSON.parse(JSON.stringify(t));return this.resetElements(e),e},H.prototype.changeGroupRender=function(t,e){var s,i=t.length;for(s=0;s<i;s+=1)t[s]._render=e,"gr"===t[s].ty&&this.changeGroupRender(t[s].it,e)},H.prototype.processShapes=function(t){var e,s,i,a,r;if(this._mdf||t){var n,h=Math.ceil(this.c.v);if(this._groups.length<h){for(;this._groups.length<h;){var o={it:this.cloneElements(this._elements),ty:"gr"};o.it.push({a:{a:0,ix:1,k:[0,0]},nm:"Transform",o:{a:0,ix:7,k:100},p:{a:0,ix:2,k:[0,0]},r:{a:1,ix:6,k:[{s:0,e:0,t:0},{s:0,e:0,t:1}]},s:{a:0,ix:3,k:[100,100]},sa:{a:0,ix:5,k:0},sk:{a:0,ix:4,k:0},ty:"tr"}),this.arr.splice(0,0,o),this._groups.splice(0,0,o),this._currentCopies+=1}this.elem.reloadShapes()}for(i=r=0;i<=this._groups.length-1;i+=1)n=r<h,this._groups[i]._render=n,this.changeGroupRender(this._groups[i].it,n),r+=1;this._currentCopies=h;var l=this.o.v,p=l%1,f=0<l?Math.floor(l):Math.ceil(l),m=(this.tr.v.props,this.pMatrix.props),d=this.rMatrix.props,c=this.sMatrix.props;this.pMatrix.reset(),this.rMatrix.reset(),this.sMatrix.reset(),this.tMatrix.reset(),this.matrix.reset();var u,g,y=0;if(0<l){for(;y<f;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),y+=1;p&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,p,!1),y+=p)}else if(l<0){for(;f<y;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!0),y-=1;p&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,-p,!0),y-=p)}for(i=1===this.data.m?0:this._currentCopies-1,a=1===this.data.m?1:-1,r=this._currentCopies;r;){if(g=(s=(e=this.elemsData[i].it)[e.length-1].transform.mProps.v.props).length,e[e.length-1].transform.mProps._mdf=!0,e[e.length-1].transform.op._mdf=!0,e[e.length-1].transform.op.v=this.so.v+(this.eo.v-this.so.v)*(i/(this._currentCopies-1)),0!==y){for((0!==i&&1===a||i!==this._currentCopies-1&&-1===a)&&this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),this.matrix.transform(d[0],d[1],d[2],d[3],d[4],d[5],d[6],d[7],d[8],d[9],d[10],d[11],d[12],d[13],d[14],d[15]),this.matrix.transform(c[0],c[1],c[2],c[3],c[4],c[5],c[6],c[7],c[8],c[9],c[10],c[11],c[12],c[13],c[14],c[15]),this.matrix.transform(m[0],m[1],m[2],m[3],m[4],m[5],m[6],m[7],m[8],m[9],m[10],m[11],m[12],m[13],m[14],m[15]),u=0;u<g;u+=1)s[u]=this.matrix.props[u];this.matrix.reset()}else for(this.matrix.reset(),u=0;u<g;u+=1)s[u]=this.matrix.props[u];y+=1,r-=1,i+=a}}else for(r=this._currentCopies,i=0,a=1;r;)s=(e=this.elemsData[i].it)[e.length-1].transform.mProps.v.props,e[e.length-1].transform.mProps._mdf=!1,e[e.length-1].transform.op._mdf=!1,r-=1,i+=a},H.prototype.addShape=function(){},G.registerModifier("rp",H),U.prototype.addShape=function(t){this._length===this._maxLength&&(this.shapes=this.shapes.concat(M(this._maxLength)),this._maxLength*=2),this.shapes[this._length]=t,this._length+=1},U.prototype.releaseShapes=function(){var t;for(t=0;t<this._length;t+=1)kt.release(this.shapes[t]);this._length=0},Z.prototype.getValue=function(t){if((this.elem.globalData.frameId!==this.frameId||t)&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf=this._mdf||t,this._mdf)){var e=0,s=this.dataProps.length;for("svg"===this.renderer&&(this.dashStr=""),e=0;e<s;e+=1)"o"!=this.dataProps[e].n?"svg"===this.renderer?this.dashStr+=" "+this.dataProps[e].p.v:this.dashArray[e]=this.dataProps[e].p.v:this.dashoffset[0]=this.dataProps[e].p.v}},F([P],Z),J.prototype.comparePoints=function(t,e){for(var s=0,i=this.o.length/2;s<i;){if(.01<Math.abs(t[4*s]-t[4*e+2*s]))return!1;s+=1}return!0},J.prototype.checkCollapsable=function(){if(this.o.length/2!=this.c.length/4)return!1;if(this.data.k.k[0].s)for(var t=0,e=this.data.k.k.length;t<e;){if(!this.comparePoints(this.data.k.k[t].s,this.data.p))return!1;t+=1}else if(!this.comparePoints(this.data.k.k,this.data.p))return!1;return!0},J.prototype.getValue=function(t){if(this.prop.getValue(),this._mdf=!1,this._cmdf=!1,this._omdf=!1,this.prop._mdf||t){var e,s,i,a=4*this.data.p;for(e=0;e<a;e+=1)s=e%4==0?100:255,i=Math.round(this.prop.v[e]*s),this.c[e]!==i&&(this.c[e]=i,this._cmdf=!t);if(this.o.length)for(a=this.prop.v.length,e=4*this.data.p;e<a;e+=1)s=e%2==0?100:1,i=e%2==0?Math.round(100*this.prop.v[e]):this.prop.v[e],this.o[e-4*this.data.p]!==i&&(this.o[e-4*this.data.p]=i,this._omdf=!t);this._mdf=!t}},F([P],J);var K,Q,$=function(t,e,s,i){if(0===e)return"";var a,r=t.o,n=t.i,h=t.v,o=" M"+i.applyToPointStringified(h[0][0],h[0][1]);for(a=1;a<e;a+=1)o+=" C"+i.applyToPointStringified(r[a-1][0],r[a-1][1])+" "+i.applyToPointStringified(n[a][0],n[a][1])+" "+i.applyToPointStringified(h[a][0],h[a][1]);return s&&e&&(o+=" C"+i.applyToPointStringified(r[a-1][0],r[a-1][1])+" "+i.applyToPointStringified(n[0][0],n[0][1])+" "+i.applyToPointStringified(h[0][0],h[0][1]),o+="z"),o},tt=function(){var a=function(){var t=D("canvas");t.width=1,t.height=1;var e=t.getContext("2d");return e.fillStyle="#FF0000",e.fillRect(0,0,1,1),t}();function t(){this.loadedAssets+=1,this.loadedAssets===this.totalImages&&this.imagesLoadedCb&&this.imagesLoadedCb(null)}function e(t){var e=function(t,e,s){var i="";if(t.e)i=t.p;else if(e){var a=t.p;-1!==a.indexOf("images/")&&(a=a.split("/")[1]),i=e+a}else i=s,i+=t.u?t.u:"",i+=t.p;return i}(t,this.assetsPath,this.path),s=D("img");s.crossOrigin="anonymous",s.addEventListener("load",this._imageLoaded.bind(this),!1),s.addEventListener("error",function(){i.img=a,this._imageLoaded()}.bind(this),!1),s.src=e;var i={img:s,assetData:t};return i}function s(t,e){this.imagesLoadedCb=e;var s,i=t.length;for(s=0;s<i;s+=1)t[s].layers||(this.totalImages+=1,this.images.push(this._createImageData(t[s])))}function i(t){this.path=t||""}function r(t){this.assetsPath=t||""}function n(t){for(var e=0,s=this.images.length;e<s;){if(this.images[e].assetData===t)return this.images[e].img;e+=1}}function h(){this.imagesLoadedCb=null,this.images.length=0}function o(){return this.totalImages===this.loadedAssets}return function(){this.loadAssets=s,this.setAssetsPath=r,this.setPath=i,this.loaded=o,this.destroy=h,this.getImage=n,this._createImageData=e,this._imageLoaded=t,this.assetsPath="",this.path="",this.totalImages=0,this.loadedAssets=0,this.imagesLoadedCb=null,this.images=[]}}(),et=(K={maskType:!0},(/MSIE 10/i.test(navigator.userAgent)||/MSIE 9/i.test(navigator.userAgent)||/rv:11.0/i.test(navigator.userAgent)||/Edge\/\d./i.test(navigator.userAgent))&&(K.maskType=!1),K),st=((Q={}).createFilter=function(t){var e=w("filter");return e.setAttribute("id",t),e.setAttribute("filterUnits","objectBoundingBox"),e.setAttribute("x","0%"),e.setAttribute("y","0%"),e.setAttribute("width","100%"),e.setAttribute("height","100%"),e},Q.createAlphaToLuminanceFilter=function(){var t=w("feColorMatrix");return t.setAttribute("type","matrix"),t.setAttribute("color-interpolation-filters","sRGB"),t.setAttribute("values","0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1"),t},Q),it=function(){function r(t){return t.response&&"object"==typeof t.response?t.response:t.response&&"string"==typeof t.response?JSON.parse(t.response):t.responseText?JSON.parse(t.responseText):void 0}return{load:function(t,e,s){var i,a=new XMLHttpRequest;a.open("GET",t,!0),a.responseType="json",a.send(),a.onreadystatechange=function(){if(4==a.readyState)if(200==a.status)i=r(a),e(i);else try{i=r(a),e(i)}catch(t){s&&s(t)}}}}}();function at(t,e,s){this._isFirstFrame=!0,this._hasMaskedPath=!1,this._frameId=-1,this._textData=t,this._renderType=e,this._elem=s,this._animatorsData=M(this._textData.a.length),this._pathData={},this._moreOptions={alignment:{}},this.renderedLetters=[],this.lettersChangedFlag=!1,this.initDynamicPropertyContainer(s)}function rt(t,e,s){var i={propType:!1},a=B.getProp,r=e.a;this.a={r:r.r?a(t,r.r,0,O,s):i,rx:r.rx?a(t,r.rx,0,O,s):i,ry:r.ry?a(t,r.ry,0,O,s):i,sk:r.sk?a(t,r.sk,0,O,s):i,sa:r.sa?a(t,r.sa,0,O,s):i,s:r.s?a(t,r.s,1,.01,s):i,a:r.a?a(t,r.a,1,0,s):i,o:r.o?a(t,r.o,0,.01,s):i,p:r.p?a(t,r.p,1,0,s):i,sw:r.sw?a(t,r.sw,0,0,s):i,sc:r.sc?a(t,r.sc,1,0,s):i,fc:r.fc?a(t,r.fc,1,0,s):i,fh:r.fh?a(t,r.fh,0,0,s):i,fs:r.fs?a(t,r.fs,0,.01,s):i,fb:r.fb?a(t,r.fb,0,.01,s):i,t:r.t?a(t,r.t,0,0,s):i},this.s=yt.getTextSelectorProp(t,e.s,s),this.s.t=e.s.t}function dt(t,e,s,i,a,r){this.o=t,this.sw=e,this.sc=s,this.fc=i,this.m=a,this.p=r,this._mdf={o:!0,sw:!!e,sc:!!s,fc:!!i,m:!0,p:!0}}function nt(t,e){this._frameId=s,this.pv="",this.v="",this.kf=!1,this._isFirstFrame=!0,this._mdf=!1,this.data=e,this.elem=t,this.comp=this.elem.comp,this.keysIndex=0,this.canResize=!1,this.minimumFontSize=1,this.effectsSequence=[],this.currentData={ascent:0,boxWidth:this.defaultBoxWidth,f:"",fStyle:"",fWeight:"",fc:"",j:"",justifyOffset:"",l:[],lh:0,lineWidths:[],ls:"",of:"",s:"",sc:"",sw:0,t:0,tr:0,sz:0,ps:null,fillColorAnim:!1,strokeColorAnim:!1,strokeWidthAnim:!1,yOffset:0,finalSize:0,finalText:[],finalLineHeight:0,__complete:!1},this.copyData(this.currentData,this.data.d.k[0].s),this.searchProperty()||this.completeTextData(this.currentData)}at.prototype.searchProperties=function(){var t,e,s=this._textData.a.length,i=B.getProp;for(t=0;t<s;t+=1)e=this._textData.a[t],this._animatorsData[t]=new rt(this._elem,e,this);this._textData.p&&"m"in this._textData.p?(this._pathData={f:i(this._elem,this._textData.p.f,0,0,this),l:i(this._elem,this._textData.p.l,0,0,this),r:this._textData.p.r,m:this._elem.maskManager.getMaskProperty(this._textData.p.m)},this._hasMaskedPath=!0):this._hasMaskedPath=!1,this._moreOptions.alignment=i(this._elem,this._textData.m.a,1,0,this)},at.prototype.getMeasures=function(t,e){if(this.lettersChangedFlag=e,this._mdf||this._isFirstFrame||e||this._hasMaskedPath&&this._pathData.m._mdf){this._isFirstFrame=!1;var s,i,a,r,n,h,o,l,p,f,m,d,c,u,g,y,v,b,_,k=this._moreOptions.alignment.v,x=this._animatorsData,A=this._textData,E=this.mHelper,C=this._renderType,M=this.renderedLetters.length,w=(this.data,t.l);if(this._hasMaskedPath){if(_=this._pathData.m,!this._pathData.n||this._pathData._mdf){var D,P=_.v;for(this._pathData.r&&(P=P.reverse()),n={tLength:0,segments:[]},r=P._length-1,a=y=0;a<r;a+=1)D={s:P.v[a],e:P.v[a+1],to:[P.o[a][0]-P.v[a][0],P.o[a][1]-P.v[a][1]],ti:[P.i[a+1][0]-P.v[a+1][0],P.i[a+1][1]-P.v[a+1][1]]},mt.buildBezierData(D),n.tLength+=D.bezierData.segmentLength,n.segments.push(D),y+=D.bezierData.segmentLength;a=r,_.v.c&&(D={s:P.v[a],e:P.v[0],to:[P.o[a][0]-P.v[a][0],P.o[a][1]-P.v[a][1]],ti:[P.i[0][0]-P.v[0][0],P.i[0][1]-P.v[0][1]]},mt.buildBezierData(D),n.tLength+=D.bezierData.segmentLength,n.segments.push(D),y+=D.bezierData.segmentLength),this._pathData.pi=n}if(n=this._pathData.pi,h=this._pathData.f.v,f=1,p=!(l=m=0),u=n.segments,h<0&&_.v.c)for(n.tLength<Math.abs(h)&&(h=-Math.abs(h)%n.tLength),f=(c=u[m=u.length-1].bezierData.points).length-1;h<0;)h+=c[f].partialLength,(f-=1)<0&&(f=(c=u[m-=1].bezierData.points).length-1);d=(c=u[m].bezierData.points)[f-1],g=(o=c[f]).partialLength}r=w.length,i=s=0;var S,F,T,I,B=1.2*t.finalSize*.714,L=!0;T=x.length;var z,R,V,N,O,q,j,G,W,X,Y,H,U,Z=-1,J=h,K=m,Q=f,$=-1,tt="",et=this.defaultPropsArray;if(2===t.j||1===t.j){var st=0,it=0,at=2===t.j?-.5:-1,rt=0,nt=!0;for(a=0;a<r;a+=1)if(w[a].n){for(st&&(st+=it);rt<a;)w[rt].animatorJustifyOffset=st,rt+=1;nt=!(st=0)}else{for(F=0;F<T;F+=1)(S=x[F].a).t.propType&&(nt&&2===t.j&&(it+=S.t.v*at),(z=x[F].s.getMult(w[a].anIndexes[F],A.a[F].s.totalChars)).length?st+=S.t.v*z[0]*at:st+=S.t.v*z*at);nt=!1}for(st&&(st+=it);rt<a;)w[rt].animatorJustifyOffset=st,rt+=1}for(a=0;a<r;a+=1){if(E.reset(),O=1,w[a].n)s=0,i+=t.yOffset,i+=L?1:0,h=J,L=!1,0,this._hasMaskedPath&&(f=Q,d=(c=u[m=K].bezierData.points)[f-1],g=(o=c[f]).partialLength,l=0),U=X=H=tt="",et=this.defaultPropsArray;else{if(this._hasMaskedPath){if($!==w[a].line){switch(t.j){case 1:h+=y-t.lineWidths[w[a].line];break;case 2:h+=(y-t.lineWidths[w[a].line])/2}$=w[a].line}Z!==w[a].ind&&(w[Z]&&(h+=w[Z].extra),h+=w[a].an/2,Z=w[a].ind),h+=k[0]*w[a].an/200;var ht=0;for(F=0;F<T;F+=1)(S=x[F].a).p.propType&&((z=x[F].s.getMult(w[a].anIndexes[F],A.a[F].s.totalChars)).length?ht+=S.p.v[0]*z[0]:ht+=S.p.v[0]*z),S.a.propType&&((z=x[F].s.getMult(w[a].anIndexes[F],A.a[F].s.totalChars)).length?ht+=S.a.v[0]*z[0]:ht+=S.a.v[0]*z);for(p=!0;p;)h+ht<=l+g||!c?(v=(h+ht-l)/o.partialLength,V=d.point[0]+(o.point[0]-d.point[0])*v,N=d.point[1]+(o.point[1]-d.point[1])*v,E.translate(-k[0]*w[a].an/200,-k[1]*B/100),p=!1):c&&(l+=o.partialLength,(f+=1)>=c.length&&(f=0,c=u[m+=1]?u[m].bezierData.points:_.v.c?u[m=f=0].bezierData.points:(l-=o.partialLength,null)),c&&(d=o,g=(o=c[f]).partialLength));R=w[a].an/2-w[a].add,E.translate(-R,0,0)}else R=w[a].an/2-w[a].add,E.translate(-R,0,0),E.translate(-k[0]*w[a].an/200,-k[1]*B/100,0);for(w[a].l/2,F=0;F<T;F+=1)(S=x[F].a).t.propType&&(z=x[F].s.getMult(w[a].anIndexes[F],A.a[F].s.totalChars),0===s&&0===t.j||(this._hasMaskedPath?z.length?h+=S.t.v*z[0]:h+=S.t.v*z:z.length?s+=S.t.v*z[0]:s+=S.t.v*z));for(w[a].l/2,t.strokeWidthAnim&&(j=t.sw||0),t.strokeColorAnim&&(q=t.sc?[t.sc[0],t.sc[1],t.sc[2]]:[0,0,0]),t.fillColorAnim&&t.fc&&(G=[t.fc[0],t.fc[1],t.fc[2]]),F=0;F<T;F+=1)(S=x[F].a).a.propType&&((z=x[F].s.getMult(w[a].anIndexes[F],A.a[F].s.totalChars)).length?E.translate(-S.a.v[0]*z[0],-S.a.v[1]*z[1],S.a.v[2]*z[2]):E.translate(-S.a.v[0]*z,-S.a.v[1]*z,S.a.v[2]*z));for(F=0;F<T;F+=1)(S=x[F].a).s.propType&&((z=x[F].s.getMult(w[a].anIndexes[F],A.a[F].s.totalChars)).length?E.scale(1+(S.s.v[0]-1)*z[0],1+(S.s.v[1]-1)*z[1],1):E.scale(1+(S.s.v[0]-1)*z,1+(S.s.v[1]-1)*z,1));for(F=0;F<T;F+=1){if(S=x[F].a,z=x[F].s.getMult(w[a].anIndexes[F],A.a[F].s.totalChars),S.sk.propType&&(z.length?E.skewFromAxis(-S.sk.v*z[0],S.sa.v*z[1]):E.skewFromAxis(-S.sk.v*z,S.sa.v*z)),S.r.propType&&(z.length?E.rotateZ(-S.r.v*z[2]):E.rotateZ(-S.r.v*z)),S.ry.propType&&(z.length?E.rotateY(S.ry.v*z[1]):E.rotateY(S.ry.v*z)),S.rx.propType&&(z.length?E.rotateX(S.rx.v*z[0]):E.rotateX(S.rx.v*z)),S.o.propType&&(z.length?O+=(S.o.v*z[0]-O)*z[0]:O+=(S.o.v*z-O)*z),t.strokeWidthAnim&&S.sw.propType&&(z.length?j+=S.sw.v*z[0]:j+=S.sw.v*z),t.strokeColorAnim&&S.sc.propType)for(W=0;W<3;W+=1)z.length?q[W]=q[W]+(S.sc.v[W]-q[W])*z[0]:q[W]=q[W]+(S.sc.v[W]-q[W])*z;if(t.fillColorAnim&&t.fc){if(S.fc.propType)for(W=0;W<3;W+=1)z.length?G[W]=G[W]+(S.fc.v[W]-G[W])*z[0]:G[W]=G[W]+(S.fc.v[W]-G[W])*z;S.fh.propType&&(G=z.length?ft(G,S.fh.v*z[0]):ft(G,S.fh.v*z)),S.fs.propType&&(G=z.length?lt(G,S.fs.v*z[0]):lt(G,S.fs.v*z)),S.fb.propType&&(G=z.length?pt(G,S.fb.v*z[0]):pt(G,S.fb.v*z))}}for(F=0;F<T;F+=1)(S=x[F].a).p.propType&&(z=x[F].s.getMult(w[a].anIndexes[F],A.a[F].s.totalChars),this._hasMaskedPath?z.length?E.translate(0,S.p.v[1]*z[0],-S.p.v[2]*z[1]):E.translate(0,S.p.v[1]*z,-S.p.v[2]*z):z.length?E.translate(S.p.v[0]*z[0],S.p.v[1]*z[1],-S.p.v[2]*z[2]):E.translate(S.p.v[0]*z,S.p.v[1]*z,-S.p.v[2]*z));if(t.strokeWidthAnim&&(X=j<0?0:j),t.strokeColorAnim&&(Y="rgb("+Math.round(255*q[0])+","+Math.round(255*q[1])+","+Math.round(255*q[2])+")"),t.fillColorAnim&&t.fc&&(H="rgb("+Math.round(255*G[0])+","+Math.round(255*G[1])+","+Math.round(255*G[2])+")"),this._hasMaskedPath){if(E.translate(0,-t.ls),E.translate(0,k[1]*B/100+i,0),A.p.p){b=(o.point[1]-d.point[1])/(o.point[0]-d.point[0]);var ot=180*Math.atan(b)/Math.PI;o.point[0]<d.point[0]&&(ot+=180),E.rotate(-ot*Math.PI/180)}E.translate(V,N,0),h-=k[0]*w[a].an/200,w[a+1]&&Z!==w[a+1].ind&&(h+=w[a].an/2,h+=t.tr/1e3*t.finalSize)}else{switch(E.translate(s,i,0),t.ps&&E.translate(t.ps[0],t.ps[1]+t.ascent,0),t.j){case 1:E.translate(w[a].animatorJustifyOffset+t.justifyOffset+(t.boxWidth-t.lineWidths[w[a].line]),0,0);break;case 2:E.translate(w[a].animatorJustifyOffset+t.justifyOffset+(t.boxWidth-t.lineWidths[w[a].line])/2,0,0)}E.translate(0,-t.ls),E.translate(R,0,0),E.translate(k[0]*w[a].an/200,k[1]*B/100,0),s+=w[a].l+t.tr/1e3*t.finalSize}"html"===C?tt=E.toCSS():"svg"===C?tt=E.to2dCSS():et=[E.props[0],E.props[1],E.props[2],E.props[3],E.props[4],E.props[5],E.props[6],E.props[7],E.props[8],E.props[9],E.props[10],E.props[11],E.props[12],E.props[13],E.props[14],E.props[15]],U=O}this.lettersChangedFlag=M<=a?(I=new dt(U,X,Y,H,tt,et),this.renderedLetters.push(I),M+=1,!0):(I=this.renderedLetters[a]).update(U,X,Y,H,tt,et)||this.lettersChangedFlag}}},at.prototype.getValue=function(){this._elem.globalData.frameId!==this._frameId&&(this._frameId=this._elem.globalData.frameId,this.iterateDynamicProperties())},at.prototype.mHelper=new S,at.prototype.defaultPropsArray=[],F([P],at),dt.prototype.update=function(t,e,s,i,a,r){this._mdf.o=!1,this._mdf.sw=!1,this._mdf.sc=!1,this._mdf.fc=!1,this._mdf.m=!1;var n=this._mdf.p=!1;return this.o!==t&&(this.o=t,n=this._mdf.o=!0),this.sw!==e&&(this.sw=e,n=this._mdf.sw=!0),this.sc!==s&&(this.sc=s,n=this._mdf.sc=!0),this.fc!==i&&(this.fc=i,n=this._mdf.fc=!0),this.m!==a&&(this.m=a,n=this._mdf.m=!0),!r.length||this.p[0]===r[0]&&this.p[1]===r[1]&&this.p[4]===r[4]&&this.p[5]===r[5]&&this.p[12]===r[12]&&this.p[13]===r[13]||(this.p=r,n=this._mdf.p=!0),n},nt.prototype.defaultBoxWidth=[0,0],nt.prototype.copyData=function(t,e){for(var s in e)e.hasOwnProperty(s)&&(t[s]=e[s]);return t},nt.prototype.setCurrentData=function(t){t.__complete||this.completeTextData(t),this.currentData=t,this.currentData.boxWidth=this.currentData.boxWidth||this.defaultBoxWidth,this._mdf=!0},nt.prototype.searchProperty=function(){return this.searchKeyframes()},nt.prototype.searchKeyframes=function(){return this.kf=1<this.data.d.k.length,this.kf&&this.addEffect(this.getKeyframeValue.bind(this)),this.kf},nt.prototype.addEffect=function(t){this.effectsSequence.push(t),this.elem.addDynamicProperty(this)},nt.prototype.getValue=function(t){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length||t){this.currentData.t=this.data.d.k[this.keysIndex].s.t;var e=this.currentData,s=this.keysIndex;if(this.lock)this.setCurrentData(this.currentData);else{this.lock=!0,this._mdf=!1;var i,a=this.effectsSequence.length,r=t||this.data.d.k[this.keysIndex].s;for(i=0;i<a;i+=1)r=s!==this.keysIndex?this.effectsSequence[i](r,r.t):this.effectsSequence[i](this.currentData,r.t);e!==r&&this.setCurrentData(r),this.pv=this.v=this.currentData,this.lock=!1,this.frameId=this.elem.globalData.frameId}}},nt.prototype.getKeyframeValue=function(){for(var t=this.data.d.k,e=this.elem.comp.renderedFrame,s=0,i=t.length;s<=i-1&&(t[s].s,!(s===i-1||t[s+1].t>e));)s+=1;return this.keysIndex!==s&&(this.keysIndex=s),this.data.d.k[this.keysIndex].s},nt.prototype.buildFinalText=function(t){for(var e=I.getCombinedCharacterCodes(),s=[],i=0,a=t.length;i<a;)-1!==e.indexOf(t.charCodeAt(i))?s[s.length-1]+=t.charAt(i):s.push(t.charAt(i)),i+=1;return s},nt.prototype.completeTextData=function(t){t.__complete=!0;var e,s,i,a,r,n,h,o=this.elem.globalData.fontManager,l=this.data,p=[],f=0,m=l.m.g,d=0,c=0,u=0,g=[],y=0,v=0,b=o.getFontByName(t.f),_=0,k=b.fStyle?b.fStyle.split(" "):[],x="normal",A="normal";for(s=k.length,e=0;e<s;e+=1)switch(k[e].toLowerCase()){case"italic":A="italic";break;case"bold":x="700";break;case"black":x="900";break;case"medium":x="500";break;case"regular":case"normal":x="400";break;case"light":case"thin":x="200"}t.fWeight=b.fWeight||x,t.fStyle=A,s=t.t.length,t.finalSize=t.s,t.finalText=this.buildFinalText(t.t),t.finalLineHeight=t.lh;var E,C=t.tr/1e3*t.finalSize;if(t.sz)for(var M,w,D=!0,P=t.sz[0],S=t.sz[1];D;){y=M=0,s=(w=this.buildFinalText(t.t)).length,C=t.tr/1e3*t.finalSize;var F=-1;for(e=0;e<s;e+=1)E=w[e].charCodeAt(0),i=!1," "===w[e]?F=e:13!==E&&3!==E||(i=!(y=0),M+=t.finalLineHeight||1.2*t.finalSize),P<y+(_=o.chars?(h=o.getCharData(w[e],b.fStyle,b.fFamily),i?0:h.w*t.finalSize/100):o.measureText(w[e],t.f,t.finalSize))&&" "!==w[e]?(-1===F?s+=1:e=F,M+=t.finalLineHeight||1.2*t.finalSize,w.splice(e,F===e?1:0,"\r"),F=-1,y=0):(y+=_,y+=C);M+=b.ascent*t.finalSize/100,this.canResize&&t.finalSize>this.minimumFontSize&&S<M?(t.finalSize-=1,t.finalLineHeight=t.finalSize*t.lh/t.s):(t.finalText=w,s=t.finalText.length,D=!1)}y=-C;var T,I=_=0;for(e=0;e<s;e+=1)if(i=!1,E=(T=t.finalText[e]).charCodeAt(0)," "===T?a="\xa0":13===E||3===E?(I=0,g.push(y),v=v<y?y:v,y=-2*C,i=!(a=""),u+=1):a=t.finalText[e],_=o.chars?(h=o.getCharData(T,b.fStyle,o.getFontByName(t.f).fFamily),i?0:h.w*t.finalSize/100):o.measureText(a,t.f,t.finalSize)," "===T?I+=_+C:(y+=_+C+I,I=0),p.push({l:_,an:_,add:d,n:i,anIndexes:[],val:a,line:u,animatorJustifyOffset:0}),2==m){if(d+=_,""===a||"\xa0"===a||e===s-1){for(""!==a&&"\xa0"!==a||(d-=_);c<=e;)p[c].an=d,p[c].ind=f,p[c].extra=_,c+=1;f+=1,d=0}}else if(3==m){if(d+=_,""===a||e===s-1){for(""===a&&(d-=_);c<=e;)p[c].an=d,p[c].ind=f,p[c].extra=_,c+=1;d=0,f+=1}}else p[f].ind=f,p[f].extra=0,f+=1;if(t.l=p,v=v<y?y:v,g.push(y),t.sz)t.boxWidth=t.sz[0],t.justifyOffset=0;else switch(t.boxWidth=v,t.j){case 1:t.justifyOffset=-t.boxWidth;break;case 2:t.justifyOffset=-t.boxWidth/2;break;default:t.justifyOffset=0}t.lineWidths=g;var B,L,z=l.a;n=z.length;var R,V,N=[];for(r=0;r<n;r+=1){for((B=z[r]).a.sc&&(t.strokeColorAnim=!0),B.a.sw&&(t.strokeWidthAnim=!0),(B.a.fc||B.a.fh||B.a.fs||B.a.fb)&&(t.fillColorAnim=!0),V=0,R=B.s.b,e=0;e<s;e+=1)(L=p[e]).anIndexes[r]=V,(1==R&&""!==L.val||2==R&&""!==L.val&&"\xa0"!==L.val||3==R&&(L.n||"\xa0"==L.val||e==s-1)||4==R&&(L.n||e==s-1))&&(1===B.s.rn&&N.push(V),V+=1);l.a[r].s.totalChars=V;var O,q=-1;if(1===B.s.rn)for(e=0;e<s;e+=1)q!=(L=p[e]).anIndexes[r]&&(q=L.anIndexes[r],O=N.splice(Math.floor(Math.random()*N.length),1)[0]),L.anIndexes[r]=O}t.yOffset=t.finalLineHeight||1.2*t.finalSize,t.ls=t.ls||0,t.ascent=b.ascent*t.finalSize/100},nt.prototype.updateDocumentData=function(t,e){e=void 0===e?this.keysIndex:e;var s=this.copyData({},this.data.d.k[e].s);s=this.copyData(s,t),this.data.d.k[e].s=s,this.recalculate(e),this.elem.addDynamicProperty(this)},nt.prototype.recalculate=function(t){var e=this.data.d.k[t].s;e.__complete=!1,this.keysIndex=0,this._isFirstFrame=!0,this.getValue(e)},nt.prototype.canResizeFont=function(t){this.canResize=t,this.recalculate(this.keysIndex),this.elem.addDynamicProperty(this)},nt.prototype.setMinimumFontSize=function(t){this.minimumFontSize=Math.floor(t)||1,this.recalculate(this.keysIndex),this.elem.addDynamicProperty(this)};var ht,ot,ct,ut,gt,yt=function(){var l=Math.max,p=Math.min,f=Math.floor;function i(t,e){this._currentTextLength=-1,this.k=!1,this.data=e,this.elem=t,this.comp=t.comp,this.finalS=0,this.finalE=0,this.initDynamicPropertyContainer(t),this.s=B.getProp(t,e.s||{k:0},0,0,this),this.e="e"in e?B.getProp(t,e.e,0,0,this):{v:100},this.o=B.getProp(t,e.o||{k:0},0,0,this),this.xe=B.getProp(t,e.xe||{k:0},0,0,this),this.ne=B.getProp(t,e.ne||{k:0},0,0,this),this.a=B.getProp(t,e.a,0,.01,this),this.dynamicProperties.length||this.getValue()}return i.prototype={getMult:function(t){this._currentTextLength!==this.elem.textProperty.currentData.l.length&&this.getValue();var e=j.getBezierEasing(this.ne.v/100,0,1-this.xe.v/100,1).get,s=0,i=this.finalS,a=this.finalE,r=this.data.sh;if(2==r)s=e(s=a===i?a<=t?1:0:l(0,p(.5/(a-i)+(t-i)/(a-i),1)));else if(3==r)s=e(s=a===i?a<=t?0:1:1-l(0,p(.5/(a-i)+(t-i)/(a-i),1)));else if(4==r)a===i?s=0:(s=l(0,p(.5/(a-i)+(t-i)/(a-i),1)))<.5?s*=2:s=1-2*(s-.5),s=e(s);else if(5==r){if(a===i)s=0;else{var n=a-i,h=-n/2+(t=p(l(0,t+.5-i),a-i)),o=n/2;s=Math.sqrt(1-h*h/(o*o))}s=e(s)}else s=6==r?e(s=a===i?0:(t=p(l(0,t+.5-i),a-i),(1+Math.cos(Math.PI+2*Math.PI*t/(a-i)))/2)):(t>=f(i)&&(s=t-i<0?1-(i-t):l(0,p(a-t,1))),e(s));return s*this.a.v},getValue:function(t){this.iterateDynamicProperties(),this._mdf=t||this._mdf,this._currentTextLength=this.elem.textProperty.currentData.l.length||0,t&&2===this.data.r&&(this.e.v=this._currentTextLength);var e=2===this.data.r?1:100/this.data.totalChars,s=this.o.v/e,i=this.s.v/e+s,a=this.e.v/e+s;if(a<i){var r=i;i=a,a=r}this.finalS=i,this.finalE=a}},F([P],i),{getTextSelectorProp:function(t,e,s){return new i(t,e,s)}}}(),vt=function(t,e,s,i){var a=0,r=t,n=M(r);function h(){return a?n[a-=1]:e()}return{newElement:h,release:function(t){a===r&&(n=bt.double(n),r*=2),s&&s(t),n[a]=t,a+=1}}},bt={double:function(t){return t.concat(M(t.length))}},_t=vt(8,function(){return q("float32",2)}),kt=((ht=vt(4,function(){return new z},function(t){var e,s=t._length;for(e=0;e<s;e+=1)_t.release(t.v[e]),_t.release(t.i[e]),_t.release(t.o[e]),t.v[e]=null,t.i[e]=null,t.o[e]=null;t._length=0,t.c=!1})).clone=function(t){var e,s=ht.newElement(),i=void 0===t._length?t.v.length:t._length;for(s.setLength(i),s.c=t.c,e=0;e<i;e+=1)s.setTripleAt(t.v[e][0],t.v[e][1],t.o[e][0],t.o[e][1],t.i[e][0],t.i[e][1],e);return s},ht),xt=(ot={newShapeCollection:function(){var t;t=ct?gt[ct-=1]:new U;return t},release:function(t){var e,s=t._length;for(e=0;e<s;e+=1)kt.release(t.shapes[e]);t._length=0,ct===ut&&(gt=bt.double(gt),ut*=2);gt[ct]=t,ct+=1}},ct=0,gt=M(ut=4),ot),At=vt(8,function(){return{lengths:[],totalLength:0}},function(t){var e,s=t.lengths.length;for(e=0;e<s;e+=1)Et.release(t.lengths[e]);t.lengths.length=0}),Et=vt(8,function(){return{addedLength:0,percents:q("float32",E),lengths:q("float32",E)}});function Ct(){}function Mt(t,e){this.animationItem=t,this.layers=null,this.renderedFrame=-1,this.svgElement=w("svg");var s=w("defs");this.svgElement.appendChild(s);var i=w("g");this.svgElement.appendChild(i),this.layerElement=i,this.renderConfig={preserveAspectRatio:e&&e.preserveAspectRatio||"xMidYMid meet",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",progressiveLoad:e&&e.progressiveLoad||!1,hideOnTransparent:!e||!1!==e.hideOnTransparent,viewBoxOnly:e&&e.viewBoxOnly||!1,viewBoxSize:e&&e.viewBoxSize||!1,className:e&&e.className||""},this.globalData={_mdf:!1,frameNum:-1,defs:s,renderConfig:this.renderConfig},this.elements=[],this.pendingElements=[],this.destroyed=!1,this.rendererType="svg"}function wt(t,e){this.animationItem=t,this.layers=null,this.renderedFrame=-1,this.renderConfig={className:e&&e.className||"",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",hideOnTransparent:!e||!1!==e.hideOnTransparent},this.globalData={_mdf:!1,frameNum:-1,renderConfig:this.renderConfig},this.pendingElements=[],this.elements=[],this.threeDElements=[],this.destroyed=!1,this.camera=null,this.supports3d=!0,this.rendererType="html"}function Dt(t,e,s){this.data=t,this.element=e,this.globalData=s,this.storedData=[],this.masksProperties=this.data.masksProperties||[],this.maskElement=null;var i,a=this.globalData.defs,r=this.masksProperties?this.masksProperties.length:0;this.viewData=M(r),this.solidPath="";var n,h,o,l,p,f,m,d=this.masksProperties,c=0,u=[],g=C(10),y="clipPath",v="clip-path";for(i=0;i<r;i++)if(("a"!==d[i].mode&&"n"!==d[i].mode||d[i].inv||100!==d[i].o.k)&&(v=y="mask"),"s"!=d[i].mode&&"i"!=d[i].mode||0!==c?l=null:((l=w("rect")).setAttribute("fill","#ffffff"),l.setAttribute("width",this.element.comp.data.w||0),l.setAttribute("height",this.element.comp.data.h||0),u.push(l)),n=w("path"),"n"!=d[i].mode){var b;if(c+=1,n.setAttribute("fill","s"===d[i].mode?"#000000":"#ffffff"),n.setAttribute("clip-rule","nonzero"),0!==d[i].x.k?(v=y="mask",m=B.getProp(this.element,d[i].x,0,null,this.element),b="fi_"+C(10),(p=w("filter")).setAttribute("id",b),(f=w("feMorphology")).setAttribute("operator","dilate"),f.setAttribute("in","SourceGraphic"),f.setAttribute("radius","0"),p.appendChild(f),a.appendChild(p),n.setAttribute("stroke","s"===d[i].mode?"#000000":"#ffffff")):m=f=null,this.storedData[i]={elem:n,x:m,expan:f,lastPath:"",lastOperator:"",filterId:b,lastRadius:0},"i"==d[i].mode){o=u.length;var _=w("g");for(h=0;h<o;h+=1)_.appendChild(u[h]);var k=w("mask");k.setAttribute("mask-type","alpha"),k.setAttribute("id",g+"_"+c),k.appendChild(n),a.appendChild(k),_.setAttribute("mask","url("+x+"#"+g+"_"+c+")"),u.length=0,u.push(_)}else u.push(n);d[i].inv&&!this.solidPath&&(this.solidPath=this.createLayerSolidPath()),this.viewData[i]={elem:n,lastPath:"",op:B.getProp(this.element,d[i].o,0,.01,this.element),prop:N.getShapeProp(this.element,d[i],3),invRect:l},this.viewData[i].prop.k||this.drawPath(d[i],this.viewData[i].prop.v,this.viewData[i])}else this.viewData[i]={op:B.getProp(this.element,d[i].o,0,.01,this.element),prop:N.getShapeProp(this.element,d[i],3),elem:n,lastPath:""},a.appendChild(n);for(this.maskElement=w(y),r=u.length,i=0;i<r;i+=1)this.maskElement.appendChild(u[i]);0<c&&(this.maskElement.setAttribute("id",g),this.element.maskedElement.setAttribute(v,"url("+x+"#"+g+")"),a.appendChild(this.maskElement)),this.viewData.length&&this.element.addRenderableComponent(this)}function Pt(){}function St(){}function Ft(){}function Tt(){}function It(){}function Bt(t,e){this.elem=t,this.pos=e}function Lt(t,e){this.data=t,this.type=t.ty,this.d="",this.lvl=e,this._mdf=!1,this.closed=!0===t.hd,this.pElem=w("path"),this.msElem=null}function zt(t,e,s){this.caches=[],this.styles=[],this.transformers=t,this.lStr="",this.sh=s,this.lvl=e,this._isAnimated=!!s.k;for(var i=0,a=t.length;i<a;){if(t[i].mProps.dynamicProperties.length){this._isAnimated=!0;break}i+=1}}function Rt(t,e,s){this.transform={mProps:t,op:e,container:s},this.elements=[],this._isAnimated=this.transform.mProps.dynamicProperties.length||this.transform.op.effectsSequence.length}function Vt(t,e,s){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.o=B.getProp(t,e.o,0,.01,this),this.w=B.getProp(t,e.w,0,null,this),this.d=new Z(t,e.d||{},"svg",this),this.c=B.getProp(t,e.c,1,255,this),this.style=s,this._isAnimated=!!this._isAnimated}function Nt(t,e,s){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.o=B.getProp(t,e.o,0,.01,this),this.c=B.getProp(t,e.c,1,255,this),this.style=s}function Ot(t,e,s){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.initGradientData(t,e,s)}function qt(t,e,s){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.w=B.getProp(t,e.w,0,null,this),this.d=new Z(t,e.d||{},"svg",this),this.initGradientData(t,e,s),this._isAnimated=!!this._isAnimated}function jt(){this.it=[],this.prevViewData=[],this.gr=w("g")}Ct.prototype.checkLayers=function(t){var e,s,i=this.layers.length;for(this.completeLayers=!0,e=i-1;0<=e;e--)this.elements[e]||(s=this.layers[e]).ip-s.st<=t-this.layers[e].st&&s.op-s.st>t-this.layers[e].st&&this.buildItem(e),this.completeLayers=!!this.elements[e]&&this.completeLayers;this.checkPendingElements()},Ct.prototype.createItem=function(t){switch(t.ty){case 2:return this.createImage(t);case 0:return this.createComp(t);case 1:return this.createSolid(t);case 3:return this.createNull(t);case 4:return this.createShape(t);case 5:return this.createText(t);case 13:return this.createCamera(t)}return this.createNull(t)},Ct.prototype.createCamera=function(){throw new Error("You're using a 3d camera. Try the html renderer.")},Ct.prototype.buildAllItems=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)this.buildItem(t);this.checkPendingElements()},Ct.prototype.includeLayers=function(t){this.completeLayers=!1;var e,s,i=t.length,a=this.layers.length;for(e=0;e<i;e+=1)for(s=0;s<a;){if(this.layers[s].id==t[e].id){this.layers[s]=t[e];break}s+=1}},Ct.prototype.setProjectInterface=function(t){this.globalData.projectInterface=t},Ct.prototype.initItems=function(){this.globalData.progressiveLoad||this.buildAllItems()},Ct.prototype.buildElementParenting=function(t,e,s){for(var i=this.elements,a=this.layers,r=0,n=a.length;r<n;)a[r].ind==e&&(i[r]&&!0!==i[r]?(s.push(i[r]),i[r].setAsParent(),void 0!==a[r].parent?this.buildElementParenting(t,a[r].parent,s):t.setHierarchy(s)):(this.buildItem(r),this.addPendingElement(t))),r+=1},Ct.prototype.addPendingElement=function(t){this.pendingElements.push(t)},Ct.prototype.searchExtraCompositions=function(t){var e,s=t.length;for(e=0;e<s;e+=1)if(t[e].xt){var i=this.createComp(t[e]);i.initExpressions(),this.globalData.projectInterface.registerComposition(i)}},Ct.prototype.setupGlobalData=function(t,e){this.globalData.fontManager=new I,this.globalData.fontManager.addChars(t.chars),this.globalData.fontManager.addFonts(t.fonts,e),this.globalData.getAssetData=this.animationItem.getAssetData.bind(this.animationItem),this.globalData.getAssetsPath=this.animationItem.getAssetsPath.bind(this.animationItem),this.globalData.imageLoader=this.animationItem.imagePreloader,this.globalData.frameId=0,this.globalData.frameRate=t.fr,this.globalData.nm=t.nm,this.globalData.compSize={w:t.w,h:t.h}},F([Ct],Mt),Mt.prototype.createNull=function(t){return new Xt(t,this.globalData,this)},Mt.prototype.createShape=function(t){return new te(t,this.globalData,this)},Mt.prototype.createText=function(t){return new $t(t,this.globalData,this)},Mt.prototype.createImage=function(t){return new Jt(t,this.globalData,this)},Mt.prototype.createComp=function(t){return new Qt(t,this.globalData,this)},Mt.prototype.createSolid=function(t){return new Kt(t,this.globalData,this)},Mt.prototype.configAnimation=function(t){this.svgElement.setAttribute("xmlns","http://www.w3.org/2000/svg"),this.renderConfig.viewBoxSize?this.svgElement.setAttribute("viewBox",this.renderConfig.viewBoxSize):this.svgElement.setAttribute("viewBox","0 0 "+t.w+" "+t.h),this.renderConfig.viewBoxOnly||(this.svgElement.setAttribute("width",t.w),this.svgElement.setAttribute("height",t.h),this.svgElement.style.width="100%",this.svgElement.style.height="100%",this.svgElement.style.transform="translate3d(0,0,0)"),this.renderConfig.className&&this.svgElement.setAttribute("class",this.renderConfig.className),this.svgElement.setAttribute("preserveAspectRatio",this.renderConfig.preserveAspectRatio),this.animationItem.wrapper.appendChild(this.svgElement);var e=this.globalData.defs;this.setupGlobalData(t,e),this.globalData.progressiveLoad=this.renderConfig.progressiveLoad,this.data=t;var s=w("clipPath"),i=w("rect");i.setAttribute("width",t.w),i.setAttribute("height",t.h),i.setAttribute("x",0),i.setAttribute("y",0);var a="animationMask_"+C(10);s.setAttribute("id",a),s.appendChild(i),this.layerElement.setAttribute("clip-path","url("+x+"#"+a+")"),e.appendChild(s),this.layers=t.layers,this.elements=M(t.layers.length)},Mt.prototype.destroy=function(){this.animationItem.wrapper.innerHTML="",this.layerElement=null,this.globalData.defs=null;var t,e=this.layers?this.layers.length:0;for(t=0;t<e;t++)this.elements[t]&&this.elements[t].destroy();this.elements.length=0,this.destroyed=!0,this.animationItem=null},Mt.prototype.updateContainerSize=function(){},Mt.prototype.buildItem=function(t){var e=this.elements;if(!e[t]&&99!=this.layers[t].ty){e[t]=!0;var s=this.createItem(this.layers[t]);e[t]=s,h&&(0===this.layers[t].ty&&this.globalData.projectInterface.registerComposition(s),s.initExpressions()),this.appendElementInPos(s,t),this.layers[t].tt&&(this.elements[t-1]&&!0!==this.elements[t-1]?s.setMatte(e[t-1].layerId):(this.buildItem(t-1),this.addPendingElement(s)))}},Mt.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){var t=this.pendingElements.pop();if(t.checkParenting(),t.data.tt)for(var e=0,s=this.elements.length;e<s;){if(this.elements[e]===t){t.setMatte(this.elements[e-1].layerId);break}e+=1}}},Mt.prototype.renderFrame=function(t){if(this.renderedFrame!==t&&!this.destroyed){null===t?t=this.renderedFrame:this.renderedFrame=t,this.globalData.frameNum=t,this.globalData.frameId+=1,this.globalData.projectInterface.currentFrame=t,this.globalData._mdf=!1;var e,s=this.layers.length;for(this.completeLayers||this.checkLayers(t),e=s-1;0<=e;e--)(this.completeLayers||this.elements[e])&&this.elements[e].prepareFrame(t-this.layers[e].st);if(this.globalData._mdf)for(e=0;e<s;e+=1)(this.completeLayers||this.elements[e])&&this.elements[e].renderFrame()}},Mt.prototype.appendElementInPos=function(t,e){var s=t.getBaseElement();if(s){for(var i,a=0;a<e;)this.elements[a]&&!0!==this.elements[a]&&this.elements[a].getBaseElement()&&(i=this.elements[a].getBaseElement()),a+=1;i?this.layerElement.insertBefore(s,i):this.layerElement.appendChild(s)}},Mt.prototype.hide=function(){this.layerElement.style.display="none"},Mt.prototype.show=function(){this.layerElement.style.display="block"},F([Ct],wt),wt.prototype.buildItem=Mt.prototype.buildItem,wt.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){this.pendingElements.pop().checkParenting()}},wt.prototype.appendElementInPos=function(t,e){var s=t.getBaseElement();if(s){var i=this.layers[e];if(i.ddd&&this.supports3d)this.addTo3dContainer(s,e);else if(this.threeDElements)this.addTo3dContainer(s,e);else{for(var a,r,n=0;n<e;)this.elements[n]&&!0!==this.elements[n]&&this.elements[n].getBaseElement&&(r=this.elements[n],a=(this.layers[n].ddd?this.getThreeDContainerByPos(n):r.getBaseElement())||a),n+=1;a?i.ddd&&this.supports3d||this.layerElement.insertBefore(s,a):i.ddd&&this.supports3d||this.layerElement.appendChild(s)}}},wt.prototype.createShape=function(t){return this.supports3d?new ue(t,this.globalData,this):new te(t,this.globalData,this)},wt.prototype.createText=function(t){return this.supports3d?new ge(t,this.globalData,this):new $t(t,this.globalData,this)},wt.prototype.createCamera=function(t){return this.camera=new ve(t,this.globalData,this),this.camera},wt.prototype.createImage=function(t){return this.supports3d?new ye(t,this.globalData,this):new Jt(t,this.globalData,this)},wt.prototype.createComp=function(t){return this.supports3d?new ce(t,this.globalData,this):new Qt(t,this.globalData,this)},wt.prototype.createSolid=function(t){return this.supports3d?new de(t,this.globalData,this):new Kt(t,this.globalData,this)},wt.prototype.createNull=Mt.prototype.createNull,wt.prototype.getThreeDContainerByPos=function(t){for(var e=0,s=this.threeDElements.length;e<s;){if(this.threeDElements[e].startPos<=t&&this.threeDElements[e].endPos>=t)return this.threeDElements[e].perspectiveElem;e+=1}},wt.prototype.createThreeDContainer=function(t,e){var s=D("div");b(s);var i=D("div");b(i),"3d"===e&&(s.style.width=this.globalData.compSize.w+"px",s.style.height=this.globalData.compSize.h+"px",s.style.transformOrigin=s.style.mozTransformOrigin=s.style.webkitTransformOrigin="50% 50%",i.style.transform=i.style.webkitTransform="matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)"),s.appendChild(i);var a={container:i,perspectiveElem:s,startPos:t,endPos:t,type:e};return this.threeDElements.push(a),a},wt.prototype.build3dContainers=function(){var t,e,s=this.layers.length,i="";for(t=0;t<s;t+=1)this.layers[t].ddd&&3!==this.layers[t].ty?"3d"!==i&&(i="3d",e=this.createThreeDContainer(t,"3d")):"2d"!==i&&(i="2d",e=this.createThreeDContainer(t,"2d")),e.endPos=Math.max(e.endPos,t);for(t=(s=this.threeDElements.length)-1;0<=t;t--)this.resizerElem.appendChild(this.threeDElements[t].perspectiveElem)},wt.prototype.addTo3dContainer=function(t,e){for(var s=0,i=this.threeDElements.length;s<i;){if(e<=this.threeDElements[s].endPos){for(var a,r=this.threeDElements[s].startPos;r<e;)this.elements[r]&&this.elements[r].getBaseElement&&(a=this.elements[r].getBaseElement()),r+=1;a?this.threeDElements[s].container.insertBefore(t,a):this.threeDElements[s].container.appendChild(t);break}s+=1}},wt.prototype.configAnimation=function(t){var e=D("div"),s=this.animationItem.wrapper;e.style.width=t.w+"px",e.style.height=t.h+"px",b(this.resizerElem=e),e.style.transformStyle=e.style.webkitTransformStyle=e.style.mozTransformStyle="flat",this.renderConfig.className&&e.setAttribute("class",this.renderConfig.className),s.appendChild(e),e.style.overflow="hidden";var i=w("svg");i.setAttribute("width","1"),i.setAttribute("height","1"),b(i),this.resizerElem.appendChild(i);var a=w("defs");i.appendChild(a),this.data=t,this.setupGlobalData(t,i),this.globalData.defs=a,this.layers=t.layers,this.layerElement=this.resizerElem,this.build3dContainers(),this.updateContainerSize()},wt.prototype.destroy=function(){this.animationItem.wrapper.innerHTML="",this.animationItem.container=null,this.globalData.defs=null;var t,e=this.layers?this.layers.length:0;for(t=0;t<e;t++)this.elements[t].destroy();this.elements.length=0,this.destroyed=!0,this.animationItem=null},wt.prototype.updateContainerSize=function(){var t,e,s,i,a=this.animationItem.wrapper.offsetWidth,r=this.animationItem.wrapper.offsetHeight;i=a/r<this.globalData.compSize.w/this.globalData.compSize.h?(t=a/this.globalData.compSize.w,e=a/this.globalData.compSize.w,s=0,(r-this.globalData.compSize.h*(a/this.globalData.compSize.w))/2):(t=r/this.globalData.compSize.h,e=r/this.globalData.compSize.h,s=(a-this.globalData.compSize.w*(r/this.globalData.compSize.h))/2,0),this.resizerElem.style.transform=this.resizerElem.style.webkitTransform="matrix3d("+t+",0,0,0,0,"+e+",0,0,0,0,1,0,"+s+","+i+",0,1)"},wt.prototype.renderFrame=Mt.prototype.renderFrame,wt.prototype.hide=function(){this.resizerElem.style.display="none"},wt.prototype.show=function(){this.resizerElem.style.display="block"},wt.prototype.initItems=function(){if(this.buildAllItems(),this.camera)this.camera.setup();else{var t,e=this.globalData.compSize.w,s=this.globalData.compSize.h,i=this.threeDElements.length;for(t=0;t<i;t+=1)this.threeDElements[t].perspectiveElem.style.perspective=this.threeDElements[t].perspectiveElem.style.webkitPerspective=Math.sqrt(Math.pow(e,2)+Math.pow(s,2))+"px"}},wt.prototype.searchExtraCompositions=function(t){var e,s=t.length,i=D("div");for(e=0;e<s;e+=1)if(t[e].xt){var a=this.createComp(t[e],i,this.globalData.comp,null);a.initExpressions(),this.globalData.projectInterface.registerComposition(a)}},Dt.prototype.getMaskProperty=function(t){return this.viewData[t].prop},Dt.prototype.renderFrame=function(t){var e,s=this.element.finalTransform.mat,i=this.masksProperties.length;for(e=0;e<i;e++)if((this.viewData[e].prop._mdf||t)&&this.drawPath(this.masksProperties[e],this.viewData[e].prop.v,this.viewData[e]),(this.viewData[e].op._mdf||t)&&this.viewData[e].elem.setAttribute("fill-opacity",this.viewData[e].op.v),"n"!==this.masksProperties[e].mode&&(this.viewData[e].invRect&&(this.element.finalTransform.mProp._mdf||t)&&(this.viewData[e].invRect.setAttribute("x",-s.props[12]),this.viewData[e].invRect.setAttribute("y",-s.props[13])),this.storedData[e].x&&(this.storedData[e].x._mdf||t))){var a=this.storedData[e].expan;this.storedData[e].x.v<0?("erode"!==this.storedData[e].lastOperator&&(this.storedData[e].lastOperator="erode",this.storedData[e].elem.setAttribute("filter","url("+x+"#"+this.storedData[e].filterId+")")),a.setAttribute("radius",-this.storedData[e].x.v)):("dilate"!==this.storedData[e].lastOperator&&(this.storedData[e].lastOperator="dilate",this.storedData[e].elem.setAttribute("filter",null)),this.storedData[e].elem.setAttribute("stroke-width",2*this.storedData[e].x.v))}},Dt.prototype.getMaskelement=function(){return this.maskElement},Dt.prototype.createLayerSolidPath=function(){var t="M0,0 ";return t+=" h"+this.globalData.compSize.w,t+=" v"+this.globalData.compSize.h,t+=" h-"+this.globalData.compSize.w,t+=" v-"+this.globalData.compSize.h+" "},Dt.prototype.drawPath=function(t,e,s){var i,a,r=" M"+e.v[0][0]+","+e.v[0][1];for(a=e._length,i=1;i<a;i+=1)r+=" C"+e.o[i-1][0]+","+e.o[i-1][1]+" "+e.i[i][0]+","+e.i[i][1]+" "+e.v[i][0]+","+e.v[i][1];if(e.c&&1<a&&(r+=" C"+e.o[i-1][0]+","+e.o[i-1][1]+" "+e.i[0][0]+","+e.i[0][1]+" "+e.v[0][0]+","+e.v[0][1]),s.lastPath!==r){var n="";s.elem&&(e.c&&(n=t.inv?this.solidPath+r:r),s.elem.setAttribute("d",n)),s.lastPath=r}},Dt.prototype.destroy=function(){this.element=null,this.globalData=null,this.maskElement=null,this.data=null,this.masksProperties=null},Pt.prototype={initHierarchy:function(){this.hierarchy=[],this._isParent=!1,this.checkParenting()},setHierarchy:function(t){this.hierarchy=t},setAsParent:function(){this._isParent=!0},checkParenting:function(){void 0!==this.data.parent&&this.comp.buildElementParenting(this,this.data.parent,[])}},St.prototype={initFrame:function(){this._isFirstFrame=!1,this.dynamicProperties=[],this._mdf=!1},prepareProperties:function(t,e){var s,i=this.dynamicProperties.length;for(s=0;s<i;s+=1)(e||this._isParent&&"transform"===this.dynamicProperties[s].propType)&&(this.dynamicProperties[s].getValue(),this.dynamicProperties[s]._mdf&&(this.globalData._mdf=!0,this._mdf=!0))},addDynamicProperty:function(t){-1===this.dynamicProperties.indexOf(t)&&this.dynamicProperties.push(t)}},Ft.prototype={initTransform:function(){this.finalTransform={mProp:this.data.ks?L.getTransformProperty(this,this.data.ks,this):{o:0},_matMdf:!1,_opMdf:!1,mat:new S},this.data.ao&&(this.finalTransform.mProp.autoOriented=!0),this.data.ty},renderTransform:function(){if(this.finalTransform._opMdf=this.finalTransform.mProp.o._mdf||this._isFirstFrame,this.finalTransform._matMdf=this.finalTransform.mProp._mdf||this._isFirstFrame,this.hierarchy){var t,e=this.finalTransform.mat,s=0,i=this.hierarchy.length;if(!this.finalTransform._matMdf)for(;s<i;){if(this.hierarchy[s].finalTransform.mProp._mdf){this.finalTransform._matMdf=!0;break}s+=1}if(this.finalTransform._matMdf)for(t=this.finalTransform.mProp.v.props,e.cloneFromProps(t),s=0;s<i;s+=1)t=this.hierarchy[s].finalTransform.mProp.v.props,e.transform(t[0],t[1],t[2],t[3],t[4],t[5],t[6],t[7],t[8],t[9],t[10],t[11],t[12],t[13],t[14],t[15])}},globalToLocal:function(t){var e=[];e.push(this.finalTransform);for(var s=!0,i=this.comp;s;)i.finalTransform?(i.data.hasMask&&e.splice(0,0,i.finalTransform),i=i.comp):s=!1;var a,r,n=e.length;for(a=0;a<n;a+=1)r=e[a].mat.applyToPointArray(0,0,0),t=[t[0]-r[0],t[1]-r[1],0];return t},mHelper:new S},Tt.prototype={initRenderable:function(){this.isInRange=!1,this.hidden=!1,this.isTransparent=!1,this.renderableComponents=[]},addRenderableComponent:function(t){-1===this.renderableComponents.indexOf(t)&&this.renderableComponents.push(t)},removeRenderableComponent:function(t){-1!==this.renderableComponents.indexOf(t)&&this.renderableComponents.splice(this.renderableComponents.indexOf(t),1)},prepareRenderableFrame:function(t){this.checkLayerLimits(t)},checkTransparency:function(){this.finalTransform.mProp.o.v<=0?!this.isTransparent&&this.globalData.renderConfig.hideOnTransparent&&(this.isTransparent=!0,this.hide()):this.isTransparent&&(this.isTransparent=!1,this.show())},checkLayerLimits:function(t){this.data.ip-this.data.st<=t&&this.data.op-this.data.st>t?!0!==this.isInRange&&(this.globalData._mdf=!0,this._mdf=!0,this.isInRange=!0,this.show()):!1!==this.isInRange&&(this.globalData._mdf=!0,this.isInRange=!1,this.hide())},renderRenderable:function(){var t,e=this.renderableComponents.length;for(t=0;t<e;t+=1)this.renderableComponents[t].renderFrame(this._isFirstFrame)},sourceRectAtTime:function(){return{top:0,left:0,width:100,height:100}},getLayerSize:function(){return 5===this.data.ty?{w:this.data.textData.width,h:this.data.textData.height}:{w:this.data.width,h:this.data.height}}},F([Tt,function(t){function e(){}return e.prototype=t,e}({initElement:function(t,e,s){this.initFrame(),this.initBaseData(t,e,s),this.initTransform(t,e,s),this.initHierarchy(),this.initRenderable(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),this.createContent(),this.hide()},hide:function(){this.hidden||this.isInRange&&!this.isTransparent||((this.baseElement||this.layerElement).style.display="none",this.hidden=!0)},show:function(){this.isInRange&&!this.isTransparent&&(this.data.hd||((this.baseElement||this.layerElement).style.display="block"),this.hidden=!1,this._isFirstFrame=!0)},renderFrame:function(){this.data.hd||this.hidden||(this.renderTransform(),this.renderRenderable(),this.renderElement(),this.renderInnerContent(),this._isFirstFrame&&(this._isFirstFrame=!1))},renderInnerContent:function(){},prepareFrame:function(t){this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),this.checkTransparency()},destroy:function(){this.innerElem=null,this.destroyBaseElement()}})],It),Lt.prototype.reset=function(){this.d="",this._mdf=!1},zt.prototype.setAsAnimated=function(){this._isAnimated=!0},F([P],Vt),F([P],Nt),Ot.prototype.initGradientData=function(t,e,s){this.o=B.getProp(t,e.o,0,.01,this),this.s=B.getProp(t,e.s,1,null,this),this.e=B.getProp(t,e.e,1,null,this),this.h=B.getProp(t,e.h||{k:0},0,.01,this),this.a=B.getProp(t,e.a||{k:0},0,O,this),this.g=new J(t,e.g,this),this.style=s,this.stops=[],this.setGradientData(s.pElem,e),this.setGradientOpacity(e,s),this._isAnimated=!!this._isAnimated},Ot.prototype.setGradientData=function(t,e){var s="gr_"+C(10),i=w(1===e.t?"linearGradient":"radialGradient");i.setAttribute("id",s),i.setAttribute("spreadMethod","pad"),i.setAttribute("gradientUnits","userSpaceOnUse");var a,r,n,h=[];for(n=4*e.g.p,r=0;r<n;r+=4)a=w("stop"),i.appendChild(a),h.push(a);t.setAttribute("gf"===e.ty?"fill":"stroke","url("+x+"#"+s+")"),this.gf=i,this.cst=h},Ot.prototype.setGradientOpacity=function(t,e){if(this.g._hasOpacity&&!this.g._collapsable){var s,i,a,r=w("mask"),n=w("path");r.appendChild(n);var h="op_"+C(10),o="mk_"+C(10);r.setAttribute("id",o);var l=w(1===t.t?"linearGradient":"radialGradient");l.setAttribute("id",h),l.setAttribute("spreadMethod","pad"),l.setAttribute("gradientUnits","userSpaceOnUse"),a=t.g.k.k[0].s?t.g.k.k[0].s.length:t.g.k.k.length;var p=this.stops;for(i=4*t.g.p;i<a;i+=2)(s=w("stop")).setAttribute("stop-color","rgb(255,255,255)"),l.appendChild(s),p.push(s);n.setAttribute("gf"===t.ty?"fill":"stroke","url("+x+"#"+h+")"),this.of=l,this.ms=r,this.ost=p,this.maskId=o,e.msElem=n}},F([P],Ot),F([Ot,P],qt);var Gt=function(){var g=new S,y=new S;function e(t,e,s){(s||e.transform.op._mdf)&&e.transform.container.setAttribute("opacity",e.transform.op.v),(s||e.transform.mProps._mdf)&&e.transform.container.setAttribute("transform",e.transform.mProps.v.to2dCSS())}function s(t,e,s){var i,a,r,n,h,o,l,p,f,m,d,c=e.styles.length,u=e.lvl;for(o=0;o<c;o+=1){if(n=e.sh._mdf||s,e.styles[o].lvl<u){for(p=y.reset(),m=u-e.styles[o].lvl,d=e.transformers.length-1;!n&&0<m;)n=e.transformers[d].mProps._mdf||n,m--,d--;if(n)for(m=u-e.styles[o].lvl,d=e.transformers.length-1;0<m;)f=e.transformers[d].mProps.v.props,p.transform(f[0],f[1],f[2],f[3],f[4],f[5],f[6],f[7],f[8],f[9],f[10],f[11],f[12],f[13],f[14],f[15]),m--,d--}else p=g;if(a=(l=e.sh.paths)._length,n){for(r="",i=0;i<a;i+=1)(h=l.shapes[i])&&h._length&&(r+=$(h,h._length,h.c,p));e.caches[o]=r}else r=e.caches[o];e.styles[o].d+=!0===t.hd?"":r,e.styles[o]._mdf=n||e.styles[o]._mdf}}function i(t,e,s){var i=e.style;(e.c._mdf||s)&&i.pElem.setAttribute("fill","rgb("+c(e.c.v[0])+","+c(e.c.v[1])+","+c(e.c.v[2])+")"),(e.o._mdf||s)&&i.pElem.setAttribute("fill-opacity",e.o.v)}function a(t,e,s){r(t,e,s),n(t,e,s)}function r(t,e,s){var i,a,r,n,h,o=e.gf,l=e.g._hasOpacity,p=e.s.v,f=e.e.v;if(e.o._mdf||s){var m="gf"===t.ty?"fill-opacity":"stroke-opacity";e.style.pElem.setAttribute(m,e.o.v)}if(e.s._mdf||s){var d=1===t.t?"x1":"cx",c="x1"===d?"y1":"cy";o.setAttribute(d,p[0]),o.setAttribute(c,p[1]),l&&!e.g._collapsable&&(e.of.setAttribute(d,p[0]),e.of.setAttribute(c,p[1]))}if(e.g._cmdf||s){i=e.cst;var u=e.g.c;for(r=i.length,a=0;a<r;a+=1)(n=i[a]).setAttribute("offset",u[4*a]+"%"),n.setAttribute("stop-color","rgb("+u[4*a+1]+","+u[4*a+2]+","+u[4*a+3]+")")}if(l&&(e.g._omdf||s)){var g=e.g.o;for(r=(i=e.g._collapsable?e.cst:e.ost).length,a=0;a<r;a+=1)n=i[a],e.g._collapsable||n.setAttribute("offset",g[2*a]+"%"),n.setAttribute("stop-opacity",g[2*a+1])}if(1===t.t)(e.e._mdf||s)&&(o.setAttribute("x2",f[0]),o.setAttribute("y2",f[1]),l&&!e.g._collapsable&&(e.of.setAttribute("x2",f[0]),e.of.setAttribute("y2",f[1])));else if((e.s._mdf||e.e._mdf||s)&&(h=Math.sqrt(Math.pow(p[0]-f[0],2)+Math.pow(p[1]-f[1],2)),o.setAttribute("r",h),l&&!e.g._collapsable&&e.of.setAttribute("r",h)),e.e._mdf||e.h._mdf||e.a._mdf||s){h||(h=Math.sqrt(Math.pow(p[0]-f[0],2)+Math.pow(p[1]-f[1],2)));var y=Math.atan2(f[1]-p[1],f[0]-p[0]),v=h*(1<=e.h.v?.99:e.h.v<=-1?-.99:e.h.v),b=Math.cos(y+e.a.v)*v+p[0],_=Math.sin(y+e.a.v)*v+p[1];o.setAttribute("fx",b),o.setAttribute("fy",_),l&&!e.g._collapsable&&(e.of.setAttribute("fx",b),e.of.setAttribute("fy",_))}}function n(t,e,s){var i=e.style,a=e.d;a&&(a._mdf||s)&&a.dashStr&&(i.pElem.setAttribute("stroke-dasharray",a.dashStr),i.pElem.setAttribute("stroke-dashoffset",a.dashoffset[0])),e.c&&(e.c._mdf||s)&&i.pElem.setAttribute("stroke","rgb("+c(e.c.v[0])+","+c(e.c.v[1])+","+c(e.c.v[2])+")"),(e.o._mdf||s)&&i.pElem.setAttribute("stroke-opacity",e.o.v),(e.w._mdf||s)&&(i.pElem.setAttribute("stroke-width",e.w.v),i.msElem&&i.msElem.setAttribute("stroke-width",e.w.v))}return{createRenderFunction:function(t){t.ty;switch(t.ty){case"fl":return i;case"gf":return r;case"gs":return a;case"st":return n;case"sh":case"el":case"rc":case"sr":return s;case"tr":return e}}}}();function Wt(){}function Xt(t,e,s){this.initFrame(),this.initBaseData(t,e,s),this.initFrame(),this.initTransform(t,e,s),this.initHierarchy()}function Yt(){}function Ht(){}function Ut(){}function Zt(){}function Jt(t,e,s){this.assetData=e.getAssetData(t.refId),this.initElement(t,e,s)}function Kt(t,e,s){this.initElement(t,e,s)}function Qt(t,e,s){this.layers=t.layers,this.supports3d=!0,this.completeLayers=!1,this.pendingElements=[],this.elements=this.layers?M(this.layers.length):[],this.initElement(t,e,s),this.tm=t.tm?B.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function $t(t,e,s){this.textSpans=[],this.renderType="svg",this.initElement(t,e,s)}function te(t,e,s){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.shapeModifiers=[],this.itemsData=[],this.processedElements=[],this.animatedContents=[],this.initElement(t,e,s),this.prevViewData=[]}function ee(t,e){this.filterManager=e;var s=w("feColorMatrix");if(s.setAttribute("type","matrix"),s.setAttribute("color-interpolation-filters","linearRGB"),s.setAttribute("values","0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"),s.setAttribute("result","f1"),t.appendChild(s),(s=w("feColorMatrix")).setAttribute("type","matrix"),s.setAttribute("color-interpolation-filters","sRGB"),s.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"),s.setAttribute("result","f2"),t.appendChild(s),this.matrixFilter=s,100!==e.effectElements[2].p.v||e.effectElements[2].p.k){var i,a=w("feMerge");t.appendChild(a),(i=w("feMergeNode")).setAttribute("in","SourceGraphic"),a.appendChild(i),(i=w("feMergeNode")).setAttribute("in","f2"),a.appendChild(i)}}function se(t,e){this.filterManager=e;var s=w("feColorMatrix");s.setAttribute("type","matrix"),s.setAttribute("color-interpolation-filters","sRGB"),s.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"),t.appendChild(s),this.matrixFilter=s}function ie(t,e){this.initialized=!1,this.filterManager=e,this.elem=t,this.paths=[]}function ae(t,e){this.filterManager=e;var s=w("feColorMatrix");s.setAttribute("type","matrix"),s.setAttribute("color-interpolation-filters","linearRGB"),s.setAttribute("values","0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"),s.setAttribute("result","f1"),t.appendChild(s);var i=w("feComponentTransfer");i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),this.matrixFilter=i;var a=w("feFuncR");a.setAttribute("type","table"),i.appendChild(a),this.feFuncR=a;var r=w("feFuncG");r.setAttribute("type","table"),i.appendChild(r),this.feFuncG=r;var n=w("feFuncB");n.setAttribute("type","table"),i.appendChild(n),this.feFuncB=n}function re(t,e){this.filterManager=e;var s=this.filterManager.effectElements,i=w("feComponentTransfer");(s[10].p.k||0!==s[10].p.v||s[11].p.k||1!==s[11].p.v||s[12].p.k||1!==s[12].p.v||s[13].p.k||0!==s[13].p.v||s[14].p.k||1!==s[14].p.v)&&(this.feFuncR=this.createFeFunc("feFuncR",i)),(s[17].p.k||0!==s[17].p.v||s[18].p.k||1!==s[18].p.v||s[19].p.k||1!==s[19].p.v||s[20].p.k||0!==s[20].p.v||s[21].p.k||1!==s[21].p.v)&&(this.feFuncG=this.createFeFunc("feFuncG",i)),(s[24].p.k||0!==s[24].p.v||s[25].p.k||1!==s[25].p.v||s[26].p.k||1!==s[26].p.v||s[27].p.k||0!==s[27].p.v||s[28].p.k||1!==s[28].p.v)&&(this.feFuncB=this.createFeFunc("feFuncB",i)),(s[31].p.k||0!==s[31].p.v||s[32].p.k||1!==s[32].p.v||s[33].p.k||1!==s[33].p.v||s[34].p.k||0!==s[34].p.v||s[35].p.k||1!==s[35].p.v)&&(this.feFuncA=this.createFeFunc("feFuncA",i)),(this.feFuncR||this.feFuncG||this.feFuncB||this.feFuncA)&&(i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),i=w("feComponentTransfer")),(s[3].p.k||0!==s[3].p.v||s[4].p.k||1!==s[4].p.v||s[5].p.k||1!==s[5].p.v||s[6].p.k||0!==s[6].p.v||s[7].p.k||1!==s[7].p.v)&&(i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),this.feFuncRComposed=this.createFeFunc("feFuncR",i),this.feFuncGComposed=this.createFeFunc("feFuncG",i),this.feFuncBComposed=this.createFeFunc("feFuncB",i))}function ne(t,e){t.setAttribute("x","-100%"),t.setAttribute("y","-100%"),t.setAttribute("width","400%"),t.setAttribute("height","400%"),this.filterManager=e;var s=w("feGaussianBlur");s.setAttribute("in","SourceAlpha"),s.setAttribute("result","drop_shadow_1"),s.setAttribute("stdDeviation","0"),this.feGaussianBlur=s,t.appendChild(s);var i=w("feOffset");i.setAttribute("dx","25"),i.setAttribute("dy","0"),i.setAttribute("in","drop_shadow_1"),i.setAttribute("result","drop_shadow_2"),this.feOffset=i,t.appendChild(i);var a=w("feFlood");a.setAttribute("flood-color","#00ff00"),a.setAttribute("flood-opacity","1"),a.setAttribute("result","drop_shadow_3"),this.feFlood=a,t.appendChild(a);var r=w("feComposite");r.setAttribute("in","drop_shadow_3"),r.setAttribute("in2","drop_shadow_2"),r.setAttribute("operator","in"),r.setAttribute("result","drop_shadow_4"),t.appendChild(r);var n,h=w("feMerge");t.appendChild(h),n=w("feMergeNode"),h.appendChild(n),(n=w("feMergeNode")).setAttribute("in","SourceGraphic"),this.feMergeNode=n,this.feMerge=h,this.originalNodeAdded=!1,h.appendChild(n)}Wt.prototype={checkMasks:function(){if(!this.data.hasMask)return!1;for(var t=0,e=this.data.masksProperties.length;t<e;){if("n"!==this.data.masksProperties[t].mode&&!1!==this.data.masksProperties[t].cl)return!0;t+=1}return!1},initExpressions:function(){this.layerInterface=LayerExpressionInterface(this),this.data.hasMask&&this.maskManager&&this.layerInterface.registerMaskInterface(this.maskManager);var t=EffectsExpressionInterface.createEffectsInterface(this,this.layerInterface);this.layerInterface.registerEffectsInterface(t),0===this.data.ty||this.data.xt?this.compInterface=CompExpressionInterface(this):4===this.data.ty?(this.layerInterface.shapeInterface=ShapeExpressionInterface(this.shapesData,this.itemsData,this.layerInterface),this.layerInterface.content=this.layerInterface.shapeInterface):5===this.data.ty&&(this.layerInterface.textInterface=TextExpressionInterface(this),this.layerInterface.text=this.layerInterface.textInterface)},blendModeEnums:{1:"multiply",2:"screen",3:"overlay",4:"darken",5:"lighten",6:"color-dodge",7:"color-burn",8:"hard-light",9:"soft-light",10:"difference",11:"exclusion",12:"hue",13:"saturation",14:"color",15:"luminosity"},getBlendMode:function(){return this.blendModeEnums[this.data.bm]||""},setBlendMode:function(){var t=this.getBlendMode();(this.baseElement||this.layerElement).style["mix-blend-mode"]=t},initBaseData:function(t,e,s){this.globalData=e,this.comp=s,this.data=t,this.layerId="ly_"+C(10),this.data.sr||(this.data.sr=1),this.effectsManager=new ke(this.data,this,this.dynamicProperties)},getType:function(){return this.type}},Xt.prototype.prepareFrame=function(t){this.prepareProperties(t,!0)},Xt.prototype.renderFrame=function(){},Xt.prototype.getBaseElement=function(){return null},Xt.prototype.destroy=function(){},Xt.prototype.sourceRectAtTime=function(){},Xt.prototype.hide=function(){},F([Wt,Ft,Pt,St],Xt),Yt.prototype={initRendererElement:function(){this.layerElement=w("g")},createContainerElements:function(){this.matteElement=w("g"),this.transformedElement=this.layerElement,this.maskedElement=this.layerElement,this._sizeChanged=!1;var t,e,s,i=null;if(this.data.td){if(3==this.data.td||1==this.data.td){var a=w("mask");a.setAttribute("id",this.layerId),a.setAttribute("mask-type",3==this.data.td?"luminance":"alpha"),a.appendChild(this.layerElement),i=a,this.globalData.defs.appendChild(a),et.maskType||1!=this.data.td||(a.setAttribute("mask-type","luminance"),t=C(10),e=st.createFilter(t),this.globalData.defs.appendChild(e),e.appendChild(st.createAlphaToLuminanceFilter()),(s=w("g")).appendChild(this.layerElement),i=s,a.appendChild(s),s.setAttribute("filter","url("+x+"#"+t+")"))}else if(2==this.data.td){var r=w("mask");r.setAttribute("id",this.layerId),r.setAttribute("mask-type","alpha");var n=w("g");r.appendChild(n),t=C(10),e=st.createFilter(t);var h=w("feColorMatrix");h.setAttribute("type","matrix"),h.setAttribute("color-interpolation-filters","sRGB"),h.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"),e.appendChild(h),this.globalData.defs.appendChild(e);var o=w("rect");o.setAttribute("width",this.comp.data.w),o.setAttribute("height",this.comp.data.h),o.setAttribute("x","0"),o.setAttribute("y","0"),o.setAttribute("fill","#ffffff"),o.setAttribute("opacity","0"),n.setAttribute("filter","url("+x+"#"+t+")"),n.appendChild(o),n.appendChild(this.layerElement),i=n,et.maskType||(r.setAttribute("mask-type","luminance"),e.appendChild(st.createAlphaToLuminanceFilter()),s=w("g"),n.appendChild(o),s.appendChild(this.layerElement),i=s,n.appendChild(s)),this.globalData.defs.appendChild(r)}}else this.data.tt?(this.matteElement.appendChild(this.layerElement),i=this.matteElement,this.baseElement=this.matteElement):this.baseElement=this.layerElement;if(this.data.ln&&this.layerElement.setAttribute("id",this.data.ln),this.data.cl&&this.layerElement.setAttribute("class",this.data.cl),0===this.data.ty&&!this.data.hd){var l=w("clipPath"),p=w("path");p.setAttribute("d","M0,0 L"+this.data.w+",0 L"+this.data.w+","+this.data.h+" L0,"+this.data.h+"z");var f="cp_"+C(8);if(l.setAttribute("id",f),l.appendChild(p),this.globalData.defs.appendChild(l),this.checkMasks()){var m=w("g");m.setAttribute("clip-path","url("+x+"#"+f+")"),m.appendChild(this.layerElement),this.transformedElement=m,i?i.appendChild(this.transformedElement):this.baseElement=this.transformedElement}else this.layerElement.setAttribute("clip-path","url("+x+"#"+f+")")}0!==this.data.bm&&this.setBlendMode()},renderElement:function(){this.finalTransform._matMdf&&this.transformedElement.setAttribute("transform",this.finalTransform.mat.to2dCSS()),this.finalTransform._opMdf&&this.transformedElement.setAttribute("opacity",this.finalTransform.mProp.o.v)},destroyBaseElement:function(){this.layerElement=null,this.matteElement=null,this.maskManager.destroy()},getBaseElement:function(){return this.data.hd?null:this.baseElement},createRenderableComponents:function(){this.maskManager=new Dt(this.data,this,this.globalData),this.renderableEffectsManager=new pe(this)},setMatte:function(t){this.matteElement&&this.matteElement.setAttribute("mask","url("+x+"#"+t+")")}},Ht.prototype={addShapeToModifiers:function(t){var e,s=this.shapeModifiers.length;for(e=0;e<s;e+=1)this.shapeModifiers[e].addShape(t)},isShapeInAnimatedModifiers:function(t){for(var e=this.shapeModifiers.length;0<e;)if(this.shapeModifiers[0].isAnimatedWithShape(t))return!0;return!1},renderModifiers:function(){if(this.shapeModifiers.length){var t,e=this.shapes.length;for(t=0;t<e;t+=1)this.shapes[t].sh.reset();for(t=(e=this.shapeModifiers.length)-1;0<=t;t-=1)this.shapeModifiers[t].processShapes(this._isFirstFrame)}},lcEnum:{1:"butt",2:"round",3:"square"},ljEnum:{1:"miter",2:"round",3:"bevel"},searchProcessedElement:function(t){for(var e=this.processedElements,s=0,i=e.length;s<i;){if(e[s].elem===t)return e[s].pos;s+=1}return 0},addProcessedElement:function(t,e){for(var s=this.processedElements,i=s.length;i;)if(s[i-=1].elem===t)return void(s[i].pos=e);s.push(new Bt(t,e))},prepareFrame:function(t){this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange)}},Ut.prototype.initElement=function(t,e,s){this.lettersChangedFlag=!0,this.initFrame(),this.initBaseData(t,e,s),this.textProperty=new nt(this,t.t,this.dynamicProperties),this.textAnimator=new at(t.t,this.renderType,this),this.initTransform(t,e,s),this.initHierarchy(),this.initRenderable(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),this.createContent(),this.hide(),this.textAnimator.searchProperties(this.dynamicProperties)},Ut.prototype.prepareFrame=function(t){this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),(this.textProperty._mdf||this.textProperty._isFirstFrame)&&(this.buildNewText(),this.textProperty._isFirstFrame=!1,this.textProperty._mdf=!1)},Ut.prototype.createPathShape=function(t,e){var s,i,a=e.length,r="";for(s=0;s<a;s+=1)i=e[s].ks.k,r+=$(i,i.i.length,!0,t);return r},Ut.prototype.updateDocumentData=function(t,e){this.textProperty.updateDocumentData(t,e)},Ut.prototype.canResizeFont=function(t){this.textProperty.canResizeFont(t)},Ut.prototype.setMinimumFontSize=function(t){this.textProperty.setMinimumFontSize(t)},Ut.prototype.applyTextPropertiesToMatrix=function(t,e,s,i,a){switch(t.ps&&e.translate(t.ps[0],t.ps[1]+t.ascent,0),e.translate(0,-t.ls,0),t.j){case 1:e.translate(t.justifyOffset+(t.boxWidth-t.lineWidths[s]),0,0);break;case 2:e.translate(t.justifyOffset+(t.boxWidth-t.lineWidths[s])/2,0,0)}e.translate(i,a,0)},Ut.prototype.buildColor=function(t){return"rgb("+Math.round(255*t[0])+","+Math.round(255*t[1])+","+Math.round(255*t[2])+")"},Ut.prototype.emptyProp=new dt,Ut.prototype.destroy=function(){},F([Wt,Ft,Pt,St,It],Zt),Zt.prototype.initElement=function(t,e,s){this.initFrame(),this.initBaseData(t,e,s),this.initTransform(t,e,s),this.initRenderable(),this.initHierarchy(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),!this.data.xt&&e.progressiveLoad||this.buildAllItems(),this.hide()},Zt.prototype.prepareFrame=function(t){if(this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),this.isInRange||this.data.xt){if(this.tm._placeholder)this.renderedFrame=t/this.data.sr;else{var e=this.tm.v;e===this.data.op&&(e=this.data.op-1),this.renderedFrame=e}var s,i=this.elements.length;for(this.completeLayers||this.checkLayers(this.renderedFrame),s=i-1;0<=s;s-=1)(this.completeLayers||this.elements[s])&&(this.elements[s].prepareFrame(this.renderedFrame-this.layers[s].st),this.elements[s]._mdf&&(this._mdf=!0))}},Zt.prototype.renderInnerContent=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)(this.completeLayers||this.elements[t])&&this.elements[t].renderFrame()},Zt.prototype.setElements=function(t){this.elements=t},Zt.prototype.getElements=function(){return this.elements},Zt.prototype.destroyElements=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)this.elements[t]&&this.elements[t].destroy()},Zt.prototype.destroy=function(){this.destroyElements(),this.destroyBaseElement()},F([Wt,Ft,Yt,Pt,St,It],Jt),Jt.prototype.createContent=function(){var t=this.globalData.getAssetsPath(this.assetData);this.innerElem=w("image"),this.innerElem.setAttribute("width",this.assetData.w+"px"),this.innerElem.setAttribute("height",this.assetData.h+"px"),this.innerElem.setAttribute("preserveAspectRatio",this.assetData.pr||this.globalData.renderConfig.imagePreserveAspectRatio),this.innerElem.setAttributeNS("http://www.w3.org/1999/xlink","href",t),this.layerElement.appendChild(this.innerElem)},F([Jt],Kt),Kt.prototype.createContent=function(){var t=w("rect");t.setAttribute("width",this.data.sw),t.setAttribute("height",this.data.sh),t.setAttribute("fill",this.data.sc),this.layerElement.appendChild(t)},F([Mt,Zt,Yt],Qt),F([Wt,Ft,Yt,Pt,St,It,Ut],$t),$t.prototype.createContent=function(){this.data.singleShape&&!this.globalData.fontManager.chars&&(this.textContainer=w("text"))},$t.prototype.buildTextContents=function(t){for(var e=0,s=t.length,i=[],a="";e<s;)t[e]===String.fromCharCode(13)||t[e]===String.fromCharCode(3)?(i.push(a),a=""):a+=t[e],e+=1;return i.push(a),i},$t.prototype.buildNewText=function(){var t,e,s=this.textProperty.currentData;this.renderedLetters=M(s?s.l.length:0),s.fc?this.layerElement.setAttribute("fill",this.buildColor(s.fc)):this.layerElement.setAttribute("fill","rgba(0,0,0,0)"),s.sc&&(this.layerElement.setAttribute("stroke",this.buildColor(s.sc)),this.layerElement.setAttribute("stroke-width",s.sw)),this.layerElement.setAttribute("font-size",s.finalSize);var i=this.globalData.fontManager.getFontByName(s.f);if(i.fClass)this.layerElement.setAttribute("class",i.fClass);else{this.layerElement.setAttribute("font-family",i.fFamily);var a=s.fWeight,r=s.fStyle;this.layerElement.setAttribute("font-style",r),this.layerElement.setAttribute("font-weight",a)}var n,h=s.l||[],o=!!this.globalData.fontManager.chars;e=h.length;var l,p=this.mHelper,f="",m=this.data.singleShape,d=0,c=0,u=!0,g=s.tr/1e3*s.finalSize;if(!m||o||s.sz){var y,v,b=this.textSpans.length;for(t=0;t<e;t+=1)o&&m&&0!==t||(n=t<b?this.textSpans[t]:w(o?"path":"text"),b<=t&&(n.setAttribute("stroke-linecap","butt"),n.setAttribute("stroke-linejoin","round"),n.setAttribute("stroke-miterlimit","4"),this.textSpans[t]=n,this.layerElement.appendChild(n)),n.style.display="inherit"),p.reset(),p.scale(s.finalSize/100,s.finalSize/100),m&&(h[t].n&&(d=-g,c+=s.yOffset,c+=u?1:0,u=!1),this.applyTextPropertiesToMatrix(s,p,h[t].line,d,c),d+=h[t].l||0,d+=g),o?(l=(y=(v=this.globalData.fontManager.getCharData(s.finalText[t],i.fStyle,this.globalData.fontManager.getFontByName(s.f).fFamily))&&v.data||{}).shapes?y.shapes[0].it:[],m?f+=this.createPathShape(p,l):n.setAttribute("d",this.createPathShape(p,l))):(m&&n.setAttribute("transform","translate("+p.props[12]+","+p.props[13]+")"),n.textContent=h[t].val,n.setAttributeNS("http://www.w3.org/XML/1998/namespace","xml:space","preserve"));m&&n&&n.setAttribute("d",f)}else{var _=this.textContainer,k="start";switch(s.j){case 1:k="end";break;case 2:k="middle"}_.setAttribute("text-anchor",k),_.setAttribute("letter-spacing",g);var x=this.buildTextContents(s.finalText);for(e=x.length,c=s.ps?s.ps[1]+s.ascent:0,t=0;t<e;t+=1)(n=this.textSpans[t]||w("tspan")).textContent=x[t],n.setAttribute("x",0),n.setAttribute("y",c),n.style.display="inherit",_.appendChild(n),this.textSpans[t]=n,c+=s.finalLineHeight;this.layerElement.appendChild(_)}for(;t<this.textSpans.length;)this.textSpans[t].style.display="none",t+=1;this._sizeChanged=!0},$t.prototype.sourceRectAtTime=function(t){if(this.prepareFrame(this.comp.renderedFrame-this.data.st),this.renderInnerContent(),this._sizeChanged){this._sizeChanged=!1;var e=this.layerElement.getBBox();this.bbox={top:e.y,left:e.x,width:e.width,height:e.height}}return this.bbox},$t.prototype.renderInnerContent=function(){if(!this.data.singleShape&&(this.textAnimator.getMeasures(this.textProperty.currentData,this.lettersChangedFlag),this.lettersChangedFlag||this.textAnimator.lettersChangedFlag)){var t,e;this._sizeChanged=!0;var s,i,a=this.textAnimator.renderedLetters,r=this.textProperty.currentData.l;for(e=r.length,t=0;t<e;t+=1)r[t].n||(s=a[t],i=this.textSpans[t],s._mdf.m&&i.setAttribute("transform",s.m),s._mdf.o&&i.setAttribute("opacity",s.o),s._mdf.sw&&i.setAttribute("stroke-width",s.sw),s._mdf.sc&&i.setAttribute("stroke",s.sc),s._mdf.fc&&i.setAttribute("fill",s.fc))}},F([Wt,Ft,Yt,Ht,Pt,St,It],te),te.prototype.initSecondaryElement=function(){},te.prototype.identityMatrix=new S,te.prototype.buildExpressionInterface=function(){},te.prototype.createContent=function(){this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes()},te.prototype.filterUniqueShapes=function(){var t,e,s,i,a=this.shapes.length,r=this.stylesList.length,n=[],h=!1;for(s=0;s<r;s+=1){for(i=this.stylesList[s],h=!1,t=n.length=0;t<a;t+=1)-1!==(e=this.shapes[t]).styles.indexOf(i)&&(n.push(e),h=e._isAnimated||h);1<n.length&&h&&this.setShapesAsAnimated(n)}},te.prototype.setShapesAsAnimated=function(t){var e,s=t.length;for(e=0;e<s;e+=1)t[e].setAsAnimated()},te.prototype.createStyleElement=function(t,e){var s,i=new Lt(t,e),a=i.pElem;if("st"===t.ty)s=new Vt(this,t,i);else if("fl"===t.ty)s=new Nt(this,t,i);else if("gf"===t.ty||"gs"===t.ty){s=new("gf"===t.ty?Ot:qt)(this,t,i),this.globalData.defs.appendChild(s.gf),s.maskId&&(this.globalData.defs.appendChild(s.ms),this.globalData.defs.appendChild(s.of),a.setAttribute("mask","url("+x+"#"+s.maskId+")"))}return"st"!==t.ty&&"gs"!==t.ty||(a.setAttribute("stroke-linecap",this.lcEnum[t.lc]||"round"),a.setAttribute("stroke-linejoin",this.ljEnum[t.lj]||"round"),a.setAttribute("fill-opacity","0"),1===t.lj&&a.setAttribute("stroke-miterlimit",t.ml)),2===t.r&&a.setAttribute("fill-rule","evenodd"),t.ln&&a.setAttribute("id",t.ln),t.cl&&a.setAttribute("class",t.cl),this.stylesList.push(i),this.addToAnimatedContents(t,s),s},te.prototype.createGroupElement=function(t){var e=new jt;return t.ln&&e.gr.setAttribute("id",t.ln),t.cl&&e.gr.setAttribute("class",t.cl),e},te.prototype.createTransformElement=function(t,e){var s=L.getTransformProperty(this,t,this),i=new Rt(s,s.o,e);return this.addToAnimatedContents(t,i),i},te.prototype.createShapeElement=function(t,e,s){var i=4;"rc"===t.ty?i=5:"el"===t.ty?i=6:"sr"===t.ty&&(i=7);var a=new zt(e,s,N.getShapeProp(this,t,i,this));return this.shapes.push(a),this.addShapeToModifiers(a),this.addToAnimatedContents(t,a),a},te.prototype.addToAnimatedContents=function(t,e){for(var s=0,i=this.animatedContents.length;s<i;){if(this.animatedContents[s].element===e)return;s+=1}this.animatedContents.push({fn:Gt.createRenderFunction(t),element:e,data:t})},te.prototype.setElementStyles=function(t){var e,s=t.styles,i=this.stylesList.length;for(e=0;e<i;e+=1)this.stylesList[e].closed||s.push(this.stylesList[e])},te.prototype.reloadShapes=function(){this._isFirstFrame=!0;var t,e=this.itemsData.length;for(t=0;t<e;t+=1)this.prevViewData[t]=this.itemsData[t];for(this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes(),e=this.dynamicProperties.length,t=0;t<e;t+=1)this.dynamicProperties[t].getValue();this.renderModifiers()},te.prototype.searchShapes=function(t,e,s,i,a,r,n){var h,o,l,p,f,m,d=[].concat(r),c=t.length-1,u=[],g=[];for(h=c;0<=h;h-=1){if((m=this.searchProcessedElement(t[h]))?e[h]=s[m-1]:t[h]._render=n,"fl"==t[h].ty||"st"==t[h].ty||"gf"==t[h].ty||"gs"==t[h].ty)m?e[h].style.closed=!1:e[h]=this.createStyleElement(t[h],a),t[h]._render&&i.appendChild(e[h].style.pElem),u.push(e[h].style);else if("gr"==t[h].ty){if(m)for(l=e[h].it.length,o=0;o<l;o+=1)e[h].prevViewData[o]=e[h].it[o];else e[h]=this.createGroupElement(t[h]);this.searchShapes(t[h].it,e[h].it,e[h].prevViewData,e[h].gr,a+1,d,n),t[h]._render&&i.appendChild(e[h].gr)}else"tr"==t[h].ty?(m||(e[h]=this.createTransformElement(t[h],i)),p=e[h].transform,d.push(p)):"sh"==t[h].ty||"rc"==t[h].ty||"el"==t[h].ty||"sr"==t[h].ty?(m||(e[h]=this.createShapeElement(t[h],d,a)),this.setElementStyles(e[h])):"tm"==t[h].ty||"rd"==t[h].ty||"ms"==t[h].ty?(m?(f=e[h]).closed=!1:((f=G.getModifier(t[h].ty)).init(this,t[h]),e[h]=f,this.shapeModifiers.push(f)),g.push(f)):"rp"==t[h].ty&&(m?(f=e[h]).closed=!0:(f=G.getModifier(t[h].ty),(e[h]=f).init(this,t,h,e),this.shapeModifiers.push(f),n=!1),g.push(f));this.addProcessedElement(t[h],h+1)}for(c=u.length,h=0;h<c;h+=1)u[h].closed=!0;for(c=g.length,h=0;h<c;h+=1)g[h].closed=!0},te.prototype.renderInnerContent=function(){this.renderModifiers();var t,e=this.stylesList.length;for(t=0;t<e;t+=1)this.stylesList[t].reset();for(this.renderShape(),t=0;t<e;t+=1)(this.stylesList[t]._mdf||this._isFirstFrame)&&(this.stylesList[t].msElem&&(this.stylesList[t].msElem.setAttribute("d",this.stylesList[t].d),this.stylesList[t].d="M0 0"+this.stylesList[t].d),this.stylesList[t].pElem.setAttribute("d",this.stylesList[t].d||"M0 0"))},te.prototype.renderShape=function(){var t,e,s=this.animatedContents.length;for(t=0;t<s;t+=1)e=this.animatedContents[t],(this._isFirstFrame||e.element._isAnimated)&&!0!==e.data&&e.fn(e.data,e.element,this._isFirstFrame)},te.prototype.destroy=function(){this.destroyBaseElement(),this.shapesData=null,this.itemsData=null},ee.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[0].p.v,s=this.filterManager.effectElements[1].p.v,i=this.filterManager.effectElements[2].p.v/100;this.matrixFilter.setAttribute("values",s[0]-e[0]+" 0 0 0 "+e[0]+" "+(s[1]-e[1])+" 0 0 0 "+e[1]+" "+(s[2]-e[2])+" 0 0 0 "+e[2]+" 0 0 0 "+i+" 0")}},se.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[2].p.v,s=this.filterManager.effectElements[6].p.v;this.matrixFilter.setAttribute("values","0 0 0 0 "+e[0]+" 0 0 0 0 "+e[1]+" 0 0 0 0 "+e[2]+" 0 0 0 "+s+" 0")}},ie.prototype.initialize=function(){var t,e,s,i,a=this.elem.layerElement.children||this.elem.layerElement.childNodes;for(1===this.filterManager.effectElements[1].p.v?(i=this.elem.maskManager.masksProperties.length,s=0):i=(s=this.filterManager.effectElements[0].p.v-1)+1,(e=w("g")).setAttribute("fill","none"),e.setAttribute("stroke-linecap","round"),e.setAttribute("stroke-dashoffset",1);s<i;s+=1)t=w("path"),e.appendChild(t),this.paths.push({p:t,m:s});if(3===this.filterManager.effectElements[10].p.v){var r=w("mask"),n="stms_"+C(10);r.setAttribute("id",n),r.setAttribute("mask-type","alpha"),r.appendChild(e),this.elem.globalData.defs.appendChild(r);var h=w("g");for(h.setAttribute("mask","url("+x+"#"+n+")");a[0];)h.appendChild(a[0]);this.elem.layerElement.appendChild(h),this.masker=r,e.setAttribute("stroke","#fff")}else if(1===this.filterManager.effectElements[10].p.v||2===this.filterManager.effectElements[10].p.v){if(2===this.filterManager.effectElements[10].p.v)for(a=this.elem.layerElement.children||this.elem.layerElement.childNodes;a.length;)this.elem.layerElement.removeChild(a[0]);this.elem.layerElement.appendChild(e),this.elem.layerElement.removeAttribute("mask"),e.setAttribute("stroke","#fff")}this.initialized=!0,this.pathMasker=e},ie.prototype.renderFrame=function(t){this.initialized||this.initialize();var e,s,i,a=this.paths.length;for(e=0;e<a;e+=1)if(-1!==this.paths[e].m&&(s=this.elem.maskManager.viewData[this.paths[e].m],i=this.paths[e].p,(t||this.filterManager._mdf||s.prop._mdf)&&i.setAttribute("d",s.lastPath),t||this.filterManager.effectElements[9].p._mdf||this.filterManager.effectElements[4].p._mdf||this.filterManager.effectElements[7].p._mdf||this.filterManager.effectElements[8].p._mdf||s.prop._mdf)){var r;if(0!==this.filterManager.effectElements[7].p.v||100!==this.filterManager.effectElements[8].p.v){var n=Math.min(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v)/100,h=Math.max(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v)/100,o=i.getTotalLength();r="0 0 0 "+o*n+" ";var l,p=o*(h-n),f=1+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v/100,m=Math.floor(p/f);for(l=0;l<m;l+=1)r+="1 "+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v/100+" ";r+="0 "+10*o+" 0 0"}else r="1 "+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v/100;i.setAttribute("stroke-dasharray",r)}if((t||this.filterManager.effectElements[4].p._mdf)&&this.pathMasker.setAttribute("stroke-width",2*this.filterManager.effectElements[4].p.v),(t||this.filterManager.effectElements[6].p._mdf)&&this.pathMasker.setAttribute("opacity",this.filterManager.effectElements[6].p.v),(1===this.filterManager.effectElements[10].p.v||2===this.filterManager.effectElements[10].p.v)&&(t||this.filterManager.effectElements[3].p._mdf)){var d=this.filterManager.effectElements[3].p.v;this.pathMasker.setAttribute("stroke","rgb("+c(255*d[0])+","+c(255*d[1])+","+c(255*d[2])+")")}},ae.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[0].p.v,s=this.filterManager.effectElements[1].p.v,i=this.filterManager.effectElements[2].p.v,a=i[0]+" "+s[0]+" "+e[0],r=i[1]+" "+s[1]+" "+e[1],n=i[2]+" "+s[2]+" "+e[2];this.feFuncR.setAttribute("tableValues",a),this.feFuncG.setAttribute("tableValues",r),this.feFuncB.setAttribute("tableValues",n)}},re.prototype.createFeFunc=function(t,e){var s=w(t);return s.setAttribute("type","table"),e.appendChild(s),s},re.prototype.getTableValue=function(t,e,s,i,a){for(var r,n,h=0,o=Math.min(t,e),l=Math.max(t,e),p=Array.call(null,{length:256}),f=0,m=a-i,d=e-t;h<=256;)n=(r=h/256)<=o?d<0?a:i:l<=r?d<0?i:a:i+m*Math.pow((r-t)/d,1/s),p[f++]=n,h+=256/255;return p.join(" ")},re.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e,s=this.filterManager.effectElements;this.feFuncRComposed&&(t||s[3].p._mdf||s[4].p._mdf||s[5].p._mdf||s[6].p._mdf||s[7].p._mdf)&&(e=this.getTableValue(s[3].p.v,s[4].p.v,s[5].p.v,s[6].p.v,s[7].p.v),this.feFuncRComposed.setAttribute("tableValues",e),this.feFuncGComposed.setAttribute("tableValues",e),this.feFuncBComposed.setAttribute("tableValues",e)),this.feFuncR&&(t||s[10].p._mdf||s[11].p._mdf||s[12].p._mdf||s[13].p._mdf||s[14].p._mdf)&&(e=this.getTableValue(s[10].p.v,s[11].p.v,s[12].p.v,s[13].p.v,s[14].p.v),this.feFuncR.setAttribute("tableValues",e)),this.feFuncG&&(t||s[17].p._mdf||s[18].p._mdf||s[19].p._mdf||s[20].p._mdf||s[21].p._mdf)&&(e=this.getTableValue(s[17].p.v,s[18].p.v,s[19].p.v,s[20].p.v,s[21].p.v),this.feFuncG.setAttribute("tableValues",e)),this.feFuncB&&(t||s[24].p._mdf||s[25].p._mdf||s[26].p._mdf||s[27].p._mdf||s[28].p._mdf)&&(e=this.getTableValue(s[24].p.v,s[25].p.v,s[26].p.v,s[27].p.v,s[28].p.v),this.feFuncB.setAttribute("tableValues",e)),this.feFuncA&&(t||s[31].p._mdf||s[32].p._mdf||s[33].p._mdf||s[34].p._mdf||s[35].p._mdf)&&(e=this.getTableValue(s[31].p.v,s[32].p.v,s[33].p.v,s[34].p.v,s[35].p.v),this.feFuncA.setAttribute("tableValues",e))}},ne.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){if((t||this.filterManager.effectElements[4].p._mdf)&&this.feGaussianBlur.setAttribute("stdDeviation",this.filterManager.effectElements[4].p.v/4),t||this.filterManager.effectElements[0].p._mdf){var e=this.filterManager.effectElements[0].p.v;this.feFlood.setAttribute("flood-color",_(Math.round(255*e[0]),Math.round(255*e[1]),Math.round(255*e[2])))}if((t||this.filterManager.effectElements[1].p._mdf)&&this.feFlood.setAttribute("flood-opacity",this.filterManager.effectElements[1].p.v/255),t||this.filterManager.effectElements[2].p._mdf||this.filterManager.effectElements[3].p._mdf){var s=this.filterManager.effectElements[3].p.v,i=(this.filterManager.effectElements[2].p.v-90)*O,a=s*Math.cos(i),r=s*Math.sin(i);this.feOffset.setAttribute("dx",a),this.feOffset.setAttribute("dy",r)}}};var he=[],oe=0;function le(t,e,s){this.initialized=!1,this.filterManager=e,this.filterElem=t,(this.elem=s).matteElement=w("g"),s.matteElement.appendChild(s.layerElement),s.matteElement.appendChild(s.transformedElement),s.baseElement=s.matteElement}function pe(t){var e,s,i=t.data.ef?t.data.ef.length:0,a=C(10),r=st.createFilter(a),n=0;for(this.filters=[],e=0;e<i;e+=1)s=null,20===t.data.ef[e].ty?(n+=1,s=new ee(r,t.effectsManager.effectElements[e])):21===t.data.ef[e].ty?(n+=1,s=new se(r,t.effectsManager.effectElements[e])):22===t.data.ef[e].ty?s=new ie(t,t.effectsManager.effectElements[e]):23===t.data.ef[e].ty?(n+=1,s=new ae(r,t.effectsManager.effectElements[e])):24===t.data.ef[e].ty?(n+=1,s=new re(r,t.effectsManager.effectElements[e])):25===t.data.ef[e].ty?(n+=1,s=new ne(r,t.effectsManager.effectElements[e])):28===t.data.ef[e].ty&&(s=new le(r,t.effectsManager.effectElements[e],t)),s&&this.filters.push(s);n&&(t.globalData.defs.appendChild(r),t.layerElement.setAttribute("filter","url("+x+"#"+a+")")),this.filters.length&&t.addRenderableComponent(this)}function fe(){}function me(t,e,s){}function de(t,e,s){this.initElement(t,e,s)}function ce(t,e,s){this.layers=t.layers,this.supports3d=!t.hasMask,this.completeLayers=!1,this.pendingElements=[],this.elements=this.layers?M(this.layers.length):[],this.initElement(t,e,s),this.tm=t.tm?B.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function ue(t,e,s){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.shapeModifiers=[],this.itemsData=[],this.processedElements=[],this.animatedContents=[],this.shapesContainer=w("g"),this.initElement(t,e,s),this.prevViewData=[],this.currentBBox={x:999999,y:-999999,h:0,w:0}}function ge(t,e,s){this.textSpans=[],this.textPaths=[],this.currentBBox={x:999999,y:-999999,h:0,w:0},this.renderType="svg",this.isMasked=!1,this.initElement(t,e,s)}function ye(t,e,s){this.assetData=e.getAssetData(t.refId),this.initElement(t,e,s)}function ve(t,e,s){this.initFrame(),this.initBaseData(t,e,s),this.initHierarchy();var i=B.getProp;if(this.pe=i(this,t.pe,0,0,this),t.ks.p.s?(this.px=i(this,t.ks.p.x,1,0,this),this.py=i(this,t.ks.p.y,1,0,this),this.pz=i(this,t.ks.p.z,1,0,this)):this.p=i(this,t.ks.p,1,0,this),t.ks.a&&(this.a=i(this,t.ks.a,1,0,this)),t.ks.or.k.length&&t.ks.or.k[0].to){var a,r=t.ks.or.k.length;for(a=0;a<r;a+=1)t.ks.or.k[a].to=null,t.ks.or.k[a].ti=null}this.or=i(this,t.ks.or,1,O,this),this.or.sh=!0,this.rx=i(this,t.ks.rx,0,O,this),this.ry=i(this,t.ks.ry,0,O,this),this.rz=i(this,t.ks.rz,0,O,this),this.mat=new S,this._prevMat=new S,this._isFirstFrame=!0}le.prototype.findSymbol=function(t){for(var e=0,s=he.length;e<s;){if(he[e]===t)return he[e];e+=1}return null},le.prototype.replaceInParent=function(t,e){var s=t.layerElement.parentNode;if(s){for(var i,a=s.children,r=0,n=a.length;r<n&&a[r]!==t.layerElement;)r+=1;r<=n-2&&(i=a[r+1]);var h=w("use");h.setAttribute("href","#"+e),i?s.insertBefore(h,i):s.appendChild(h)}},le.prototype.setElementAsMask=function(t,e){if(!this.findSymbol(e)){var s="matte_"+C(5)+"_"+oe++,i=w("mask");i.setAttribute("id",e.layerId),i.setAttribute("mask-type","alpha"),he.push(e);var a=t.globalData.defs;a.appendChild(i);var r=w("symbol");r.setAttribute("id",s),this.replaceInParent(e,s),r.appendChild(e.layerElement),a.appendChild(r);var n=w("use");n.setAttribute("href","#"+s),i.appendChild(n),e.data.hd=!1,e.show()}t.setMatte(e.layerId)},le.prototype.initialize=function(){for(var t=this.filterManager.effectElements[0].p.v,e=this.elem.comp.elements,s=0,i=e.length;s<i;)e[s]&&e[s].data.ind===t&&this.setElementAsMask(this.elem,e[s]),s+=1;this.initialized=!0},le.prototype.renderFrame=function(){this.initialized||this.initialize()},pe.prototype.renderFrame=function(t){var e,s=this.filters.length;for(e=0;e<s;e+=1)this.filters[e].renderFrame(t)},fe.prototype.renderFrame=function(){},(me.prototype={checkBlendMode:function(){},initRendererElement:function(){this.baseElement=D(this.data.tg||"div"),this.data.hasMask?(this.svgElement=w("svg"),this.layerElement=w("g"),this.maskedElement=this.layerElement,this.svgElement.appendChild(this.layerElement),this.baseElement.appendChild(this.svgElement)):this.layerElement=this.baseElement,b(this.baseElement)},createContainerElements:function(){this.renderableEffectsManager=new fe(this),this.transformedElement=this.baseElement,this.maskedElement=this.layerElement,this.data.ln&&this.layerElement.setAttribute("id",this.data.ln),this.data.cl&&this.layerElement.setAttribute("class",this.data.cl),0!==this.data.bm&&this.setBlendMode()},renderElement:function(){this.finalTransform._matMdf&&(this.transformedElement.style.transform=this.transformedElement.style.webkitTransform=this.finalTransform.mat.toCSS()),this.finalTransform._opMdf&&(this.transformedElement.style.opacity=this.finalTransform.mProp.o.v)},renderFrame:function(){this.data.hd||this.hidden||(this.renderTransform(),this.renderRenderable(),this.renderElement(),this.renderInnerContent(),this._isFirstFrame&&(this._isFirstFrame=!1))},destroy:function(){this.layerElement=null,this.transformedElement=null,this.matteElement&&(this.matteElement=null),this.maskManager&&(this.maskManager.destroy(),this.maskManager=null)},createRenderableComponents:function(){this.maskManager=new Dt(this.data,this,this.globalData)},addEffects:function(){},setMatte:function(){}}).getBaseElement=Yt.prototype.getBaseElement,me.prototype.destroyBaseElement=me.prototype.destroy,me.prototype.buildElementParenting=wt.prototype.buildElementParenting,F([Wt,Ft,me,Pt,St,It],de),de.prototype.createContent=function(){var t;this.data.hasMask?((t=w("rect")).setAttribute("width",this.data.sw),t.setAttribute("height",this.data.sh),t.setAttribute("fill",this.data.sc),this.svgElement.setAttribute("width",this.data.sw),this.svgElement.setAttribute("height",this.data.sh)):((t=D("div")).style.width=this.data.sw+"px",t.style.height=this.data.sh+"px",t.style.backgroundColor=this.data.sc),this.layerElement.appendChild(t)},F([wt,Zt,me],ce),ce.prototype._createBaseContainerElements=ce.prototype.createContainerElements,ce.prototype.createContainerElements=function(){this._createBaseContainerElements(),this.data.hasMask?(this.svgElement.setAttribute("width",this.data.w),this.svgElement.setAttribute("height",this.data.h),this.transformedElement=this.baseElement):this.transformedElement=this.layerElement},ce.prototype.addTo3dContainer=function(t,e){for(var s,i=0;i<e;)this.elements[i]&&this.elements[i].getBaseElement&&(s=this.elements[i].getBaseElement()),i+=1;s?this.layerElement.insertBefore(t,s):this.layerElement.appendChild(t)},F([Wt,Ft,de,te,me,Pt,St,Tt],ue),ue.prototype._renderShapeFrame=ue.prototype.renderInnerContent,ue.prototype.createContent=function(){var t;if(this.baseElement.style.fontSize=0,this.data.hasMask)this.layerElement.appendChild(this.shapesContainer),t=this.svgElement;else{t=w("svg");var e=this.comp.data?this.comp.data:this.globalData.compSize;t.setAttribute("width",e.w),t.setAttribute("height",e.h),t.appendChild(this.shapesContainer),this.layerElement.appendChild(t)}this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.shapesContainer,0,[],!0),this.filterUniqueShapes(),this.shapeCont=t},ue.prototype.getTransformedPoint=function(t,e){var s,i=t.length;for(s=0;s<i;s+=1)e=t[s].mProps.v.applyToPointArray(e[0],e[1],0);return e},ue.prototype.calculateShapeBoundingBox=function(t,e){var s,i,a,r,n,h=t.sh.v,o=t.transformers,l=h._length;if(!(l<=1)){for(s=0;s<l-1;s+=1)i=this.getTransformedPoint(o,h.v[s]),a=this.getTransformedPoint(o,h.o[s]),r=this.getTransformedPoint(o,h.i[s+1]),n=this.getTransformedPoint(o,h.v[s+1]),this.checkBounds(i,a,r,n,e);h.c&&(i=this.getTransformedPoint(o,h.v[s]),a=this.getTransformedPoint(o,h.o[s]),r=this.getTransformedPoint(o,h.i[0]),n=this.getTransformedPoint(o,h.v[0]),this.checkBounds(i,a,r,n,e))}},ue.prototype.checkBounds=function(t,e,s,i,a){this.getBoundsOfCurve(t,e,s,i);var r=this.shapeBoundingBox;a.x=g(r.left,a.x),a.xMax=d(r.right,a.xMax),a.y=g(r.top,a.y),a.yMax=d(r.bottom,a.yMax)},ue.prototype.shapeBoundingBox={left:0,right:0,top:0,bottom:0},ue.prototype.tempBoundingBox={x:0,xMax:0,y:0,yMax:0,width:0,height:0},ue.prototype.getBoundsOfCurve=function(t,e,s,i){for(var a,r,n,h,o,l,p,f=[[t[0],i[0]],[t[1],i[1]]],m=0;m<2;++m)if(r=6*t[m]-12*e[m]+6*s[m],a=-3*t[m]+9*e[m]-9*s[m]+3*i[m],n=3*e[m]-3*t[m],r|=0,n|=0,0!==(a|=0))(o=r*r-4*n*a)<0||(0<(l=(-r+A(o))/(2*a))&&l<1&&f[m].push(this.calculateF(l,t,e,s,i,m)),0<(p=(-r-A(o))/(2*a))&&p<1&&f[m].push(this.calculateF(p,t,e,s,i,m)));else{if(0===r)continue;0<(h=-n/r)&&h<1&&f[m].push(this.calculateF(h,t,e,s,i,m))}this.shapeBoundingBox.left=g.apply(null,f[0]),this.shapeBoundingBox.top=g.apply(null,f[1]),this.shapeBoundingBox.right=d.apply(null,f[0]),this.shapeBoundingBox.bottom=d.apply(null,f[1])},ue.prototype.calculateF=function(t,e,s,i,a,r){return k(1-t,3)*e[r]+3*k(1-t,2)*t*s[r]+3*(1-t)*k(t,2)*i[r]+k(t,3)*a[r]},ue.prototype.calculateBoundingBox=function(t,e){var s,i=t.length;for(s=0;s<i;s+=1)t[s]&&t[s].sh?this.calculateShapeBoundingBox(t[s],e):t[s]&&t[s].it&&this.calculateBoundingBox(t[s].it,e)},ue.prototype.currentBoxContains=function(t){return this.currentBBox.x<=t.x&&this.currentBBox.y<=t.y&&this.currentBBox.width+this.currentBBox.x>=t.x+t.width&&this.currentBBox.height+this.currentBBox.y>=t.y+t.height},ue.prototype.renderInnerContent=function(){if(this._renderShapeFrame(),!this.hidden&&(this._isFirstFrame||this._mdf)){var t=this.tempBoundingBox,e=999999;if(t.x=e,t.xMax=-e,t.y=e,t.yMax=-e,this.calculateBoundingBox(this.itemsData,t),t.width=t.xMax<t.x?0:t.xMax-t.x,t.height=t.yMax<t.y?0:t.yMax-t.y,this.currentBoxContains(t))return;var s=!1;this.currentBBox.w!==t.width&&(this.currentBBox.w=t.width,this.shapeCont.setAttribute("width",t.width),s=!0),this.currentBBox.h!==t.height&&(this.currentBBox.h=t.height,this.shapeCont.setAttribute("height",t.height),s=!0),(s||this.currentBBox.x!==t.x||this.currentBBox.y!==t.y)&&(this.currentBBox.w=t.width,this.currentBBox.h=t.height,this.currentBBox.x=t.x,this.currentBBox.y=t.y,this.shapeCont.setAttribute("viewBox",this.currentBBox.x+" "+this.currentBBox.y+" "+this.currentBBox.w+" "+this.currentBBox.h),this.shapeCont.style.transform=this.shapeCont.style.webkitTransform="translate("+this.currentBBox.x+"px,"+this.currentBBox.y+"px)")}},F([Wt,Ft,me,Pt,St,It,Ut],ge),ge.prototype.createContent=function(){if(this.isMasked=this.checkMasks(),this.isMasked){this.renderType="svg",this.compW=this.comp.data.w,this.compH=this.comp.data.h,this.svgElement.setAttribute("width",this.compW),this.svgElement.setAttribute("height",this.compH);var t=w("g");this.maskedElement.appendChild(t),this.innerElem=t}else this.renderType="html",this.innerElem=this.layerElement;this.checkParenting()},ge.prototype.buildNewText=function(){var t=this.textProperty.currentData;this.renderedLetters=M(t.l?t.l.length:0);var e=this.innerElem.style;e.color=e.fill=t.fc?this.buildColor(t.fc):"rgba(0,0,0,0)",t.sc&&(e.stroke=this.buildColor(t.sc),e.strokeWidth=t.sw+"px");var s,i,a=this.globalData.fontManager.getFontByName(t.f);if(!this.globalData.fontManager.chars)if(e.fontSize=t.finalSize+"px",e.lineHeight=t.finalSize+"px",a.fClass)this.innerElem.className=a.fClass;else{e.fontFamily=a.fFamily;var r=t.fWeight,n=t.fStyle;e.fontStyle=n,e.fontWeight=r}var h,o,l,p=t.l;i=p.length;var f,m=this.mHelper,d="",c=0;for(s=0;s<i;s+=1){if(this.globalData.fontManager.chars?(this.textPaths[c]?h=this.textPaths[c]:((h=w("path")).setAttribute("stroke-linecap","butt"),h.setAttribute("stroke-linejoin","round"),h.setAttribute("stroke-miterlimit","4")),this.isMasked||(this.textSpans[c]?l=(o=this.textSpans[c]).children[0]:(o=D("div"),(l=w("svg")).appendChild(h),b(o)))):this.isMasked?h=this.textPaths[c]?this.textPaths[c]:w("text"):this.textSpans[c]?(o=this.textSpans[c],h=this.textPaths[c]):(b(o=D("span")),b(h=D("span")),o.appendChild(h)),this.globalData.fontManager.chars){var u,g=this.globalData.fontManager.getCharData(t.finalText[s],a.fStyle,this.globalData.fontManager.getFontByName(t.f).fFamily);if(u=g?g.data:null,m.reset(),u&&u.shapes&&(f=u.shapes[0].it,m.scale(t.finalSize/100,t.finalSize/100),d=this.createPathShape(m,f),h.setAttribute("d",d)),this.isMasked)this.innerElem.appendChild(h);else{if(this.innerElem.appendChild(o),u&&u.shapes){document.body.appendChild(l);var y=l.getBBox();l.setAttribute("width",y.width+2),l.setAttribute("height",y.height+2),l.setAttribute("viewBox",y.x-1+" "+(y.y-1)+" "+(y.width+2)+" "+(y.height+2)),l.style.transform=l.style.webkitTransform="translate("+(y.x-1)+"px,"+(y.y-1)+"px)",p[s].yOffset=y.y-1}else l.setAttribute("width",1),l.setAttribute("height",1);o.appendChild(l)}}else h.textContent=p[s].val,h.setAttributeNS("http://www.w3.org/XML/1998/namespace","xml:space","preserve"),this.isMasked?this.innerElem.appendChild(h):(this.innerElem.appendChild(o),h.style.transform=h.style.webkitTransform="translate3d(0,"+-t.finalSize/1.2+"px,0)");this.isMasked?this.textSpans[c]=h:this.textSpans[c]=o,this.textSpans[c].style.display="block",this.textPaths[c]=h,c+=1}for(;c<this.textSpans.length;)this.textSpans[c].style.display="none",c+=1},ge.prototype.renderInnerContent=function(){if(this.data.singleShape){if(!this._isFirstFrame&&!this.lettersChangedFlag)return;this.isMasked&&this.finalTransform._matMdf&&(this.svgElement.setAttribute("viewBox",-this.finalTransform.mProp.p.v[0]+" "+-this.finalTransform.mProp.p.v[1]+" "+this.compW+" "+this.compH),this.svgElement.style.transform=this.svgElement.style.webkitTransform="translate("+-this.finalTransform.mProp.p.v[0]+"px,"+-this.finalTransform.mProp.p.v[1]+"px)")}if(this.textAnimator.getMeasures(this.textProperty.currentData,this.lettersChangedFlag),this.lettersChangedFlag||this.textAnimator.lettersChangedFlag){var t,e,s,i,a,r=0,n=this.textAnimator.renderedLetters,h=this.textProperty.currentData.l;for(e=h.length,t=0;t<e;t+=1)h[t].n?r+=1:(i=this.textSpans[t],a=this.textPaths[t],s=n[r],r+=1,s._mdf.m&&(this.isMasked?i.setAttribute("transform",s.m):i.style.transform=i.style.webkitTransform=s.m),i.style.opacity=s.o,s.sw&&s._mdf.sw&&a.setAttribute("stroke-width",s.sw),s.sc&&s._mdf.sc&&a.setAttribute("stroke",s.sc),s.fc&&s._mdf.fc&&(a.setAttribute("fill",s.fc),a.style.color=s.fc));if(this.innerElem.getBBox&&!this.hidden&&(this._isFirstFrame||this._mdf)){var o=this.innerElem.getBBox();this.currentBBox.w!==o.width&&(this.currentBBox.w=o.width,this.svgElement.setAttribute("width",o.width)),this.currentBBox.h!==o.height&&(this.currentBBox.h=o.height,this.svgElement.setAttribute("height",o.height));this.currentBBox.w===o.width+2&&this.currentBBox.h===o.height+2&&this.currentBBox.x===o.x-1&&this.currentBBox.y===o.y-1||(this.currentBBox.w=o.width+2,this.currentBBox.h=o.height+2,this.currentBBox.x=o.x-1,this.currentBBox.y=o.y-1,this.svgElement.setAttribute("viewBox",this.currentBBox.x+" "+this.currentBBox.y+" "+this.currentBBox.w+" "+this.currentBBox.h),this.svgElement.style.transform=this.svgElement.style.webkitTransform="translate("+this.currentBBox.x+"px,"+this.currentBBox.y+"px)")}}},F([Wt,Ft,me,de,Pt,St,Tt],ye),ye.prototype.createContent=function(){var t=this.globalData.getAssetsPath(this.assetData),e=new Image;this.data.hasMask?(this.imageElem=w("image"),this.imageElem.setAttribute("width",this.assetData.w+"px"),this.imageElem.setAttribute("height",this.assetData.h+"px"),this.imageElem.setAttributeNS("http://www.w3.org/1999/xlink","href",t),this.layerElement.appendChild(this.imageElem),this.baseElement.setAttribute("width",this.assetData.w),this.baseElement.setAttribute("height",this.assetData.h)):this.layerElement.appendChild(e),e.src=t,this.data.ln&&this.baseElement.setAttribute("id",this.data.ln)},F([Wt,St,Pt],ve),ve.prototype.setup=function(){var t,e,s=this.comp.threeDElements.length;for(t=0;t<s;t+=1)"3d"===(e=this.comp.threeDElements[t]).type&&(e.perspectiveElem.style.perspective=e.perspectiveElem.style.webkitPerspective=this.pe.v+"px",e.container.style.transformOrigin=e.container.style.mozTransformOrigin=e.container.style.webkitTransformOrigin="0px 0px 0px",e.perspectiveElem.style.transform=e.perspectiveElem.style.webkitTransform="matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)")},ve.prototype.createElements=function(){},ve.prototype.hide=function(){},ve.prototype.renderFrame=function(){var t,e,s=this._isFirstFrame;if(this.hierarchy)for(e=this.hierarchy.length,t=0;t<e;t+=1)s=this.hierarchy[t].finalTransform.mProp._mdf||s;if(s||this.pe._mdf||this.p&&this.p._mdf||this.px&&(this.px._mdf||this.py._mdf||this.pz._mdf)||this.rx._mdf||this.ry._mdf||this.rz._mdf||this.or._mdf||this.a&&this.a._mdf){if(this.mat.reset(),this.hierarchy)for(t=e=this.hierarchy.length-1;0<=t;t-=1){var i=this.hierarchy[t].finalTransform.mProp;this.mat.translate(-i.p.v[0],-i.p.v[1],i.p.v[2]),this.mat.rotateX(-i.or.v[0]).rotateY(-i.or.v[1]).rotateZ(i.or.v[2]),this.mat.rotateX(-i.rx.v).rotateY(-i.ry.v).rotateZ(i.rz.v),this.mat.scale(1/i.s.v[0],1/i.s.v[1],1/i.s.v[2]),this.mat.translate(i.a.v[0],i.a.v[1],i.a.v[2])}if(this.p?this.mat.translate(-this.p.v[0],-this.p.v[1],this.p.v[2]):this.mat.translate(-this.px.v,-this.py.v,this.pz.v),this.a){var a=[this.p.v[0]-this.a.v[0],this.p.v[1]-this.a.v[1],this.p.v[2]-this.a.v[2]],r=Math.sqrt(Math.pow(a[0],2)+Math.pow(a[1],2)+Math.pow(a[2],2)),n=[a[0]/r,a[1]/r,a[2]/r],h=Math.sqrt(n[2]*n[2]+n[0]*n[0]),o=Math.atan2(n[1],h),l=Math.atan2(n[0],-n[2]);this.mat.rotateY(l).rotateX(-o)}this.mat.rotateX(-this.rx.v).rotateY(-this.ry.v).rotateZ(this.rz.v),this.mat.rotateX(-this.or.v[0]).rotateY(-this.or.v[1]).rotateZ(this.or.v[2]),this.mat.translate(this.globalData.compSize.w/2,this.globalData.compSize.h/2,0),this.mat.translate(0,0,this.pe.v);var p=!this._prevMat.equals(this.mat);if((p||this.pe._mdf)&&this.comp.threeDElements){var f;for(e=this.comp.threeDElements.length,t=0;t<e;t+=1)"3d"===(f=this.comp.threeDElements[t]).type&&(p&&(f.container.style.transform=f.container.style.webkitTransform=this.mat.toCSS()),this.pe._mdf&&(f.perspectiveElem.style.perspective=f.perspectiveElem.style.webkitPerspective=this.pe.v+"px"));this.mat.clone(this._prevMat)}}this._isFirstFrame=!1},ve.prototype.prepareFrame=function(t){this.prepareProperties(t,!0)},ve.prototype.destroy=function(){},ve.prototype.initExpressions=function(){},ve.prototype.getBaseElement=function(){return null};var be=function(){var t={},a=[],i=0,r=0,n=0,h=!0,o=!1;function s(t){for(var e=0,s=t.target;e<r;)a[e].animation===s&&(a.splice(e,1),e-=1,r-=1,s.isPaused||f()),e+=1}function l(t,e){if(!t)return null;for(var s=0;s<r;){if(a[s].elem==t&&null!==a[s].elem)return a[s].animation;s+=1}var i=new _e;return m(i,t),i.setData(t,e),i}function p(){n+=1,c()}function f(){n-=1}function m(t,e){t.addEventListener("destroy",s),t.addEventListener("_active",p),t.addEventListener("_idle",f),a.push({elem:e,animation:t}),r+=1}function d(t){var e,s=t-i;for(e=0;e<r;e+=1)a[e].animation.advanceTime(s);i=t,n&&!o?u.requestAnimationFrame(d):h=!0}function e(t){i=t,u.requestAnimationFrame(d)}function c(){!o&&n&&h&&(u.requestAnimationFrame(e),h=!1)}return t.registerAnimation=l,t.loadAnimation=function(t){var e=new _e;return m(e,null),e.setParams(t),e},t.setSpeed=function(t,e){var s;for(s=0;s<r;s+=1)a[s].animation.setSpeed(t,e)},t.setDirection=function(t,e){var s;for(s=0;s<r;s+=1)a[s].animation.setDirection(t,e)},t.play=function(t){var e;for(e=0;e<r;e+=1)a[e].animation.play(t)},t.pause=function(t){var e;for(e=0;e<r;e+=1)a[e].animation.pause(t)},t.stop=function(t){var e;for(e=0;e<r;e+=1)a[e].animation.stop(t)},t.togglePause=function(t){var e;for(e=0;e<r;e+=1)a[e].animation.togglePause(t)},t.searchAnimations=function(t,e,s){var i,a=[].concat([].slice.call(document.getElementsByClassName("lottie")),[].slice.call(document.getElementsByClassName("bodymovin"))),r=a.length;for(i=0;i<r;i+=1)s&&a[i].setAttribute("data-bm-type",s),l(a[i],t);if(e&&0===r){s||(s="svg");var n=document.getElementsByTagName("body")[0];n.innerHTML="";var h=D("div");h.style.width="100%",h.style.height="100%",h.setAttribute("data-bm-type",s),n.appendChild(h),l(h,t)}},t.resize=function(){var t;for(t=0;t<r;t+=1)a[t].animation.resize()},t.goToAndStop=function(t,e,s){var i;for(i=0;i<r;i+=1)a[i].animation.goToAndStop(t,e,s)},t.destroy=function(t){var e;for(e=r-1;0<=e;e-=1)a[e].animation.destroy(t)},t.freeze=function(){o=!0},t.unfreeze=function(){o=!1,c()},t.getRegisteredAnimations=function(){var t,e=a.length,s=[];for(t=0;t<e;t+=1)s.push(a[t].animation);return s},t}(),_e=function(){this._cbs=[],this.name="",this.path="",this.isLoaded=!1,this.currentFrame=0,this.currentRawFrame=0,this.totalFrames=0,this.frameRate=0,this.frameMult=0,this.playSpeed=1,this.playDirection=1,this.playCount=0,this.animationData={},this.assets=[],this.isPaused=!0,this.autoplay=!1,this.loop=!0,this.renderer=null,this.animationID=C(10),this.assetsPath="",this.timeCompleted=0,this.segmentPos=0,this.subframeEnabled=i,this.segments=[],this._idle=!0,this._completedLoop=!1,this.projectInterface={},this.imagePreloader=new tt};function ke(){}F([t],_e),_e.prototype.setParams=function(t){t.context&&(this.context=t.context),(t.wrapper||t.container)&&(this.wrapper=t.wrapper||t.container);var e=t.animType?t.animType:t.renderer?t.renderer:"svg";switch(e){case"canvas":this.renderer=new CanvasRenderer(this,t.rendererSettings);break;case"svg":this.renderer=new Mt(this,t.rendererSettings);break;default:this.renderer=new wt(this,t.rendererSettings)}this.renderer.setProjectInterface(this.projectInterface),this.animType=e,""===t.loop||null===t.loop||(!1===t.loop?this.loop=!1:!0===t.loop?this.loop=!0:this.loop=parseInt(t.loop)),this.autoplay=!("autoplay"in t)||t.autoplay,this.name=t.name?t.name:"",this.autoloadSegments=!t.hasOwnProperty("autoloadSegments")||t.autoloadSegments,this.assetsPath=t.assetsPath,t.animationData?this.configAnimation(t.animationData):t.path&&("json"!=t.path.substr(-4)&&("/"!=t.path.substr(-1,1)&&(t.path+="/"),t.path+="data.json"),-1!=t.path.lastIndexOf("\\")?this.path=t.path.substr(0,t.path.lastIndexOf("\\")+1):this.path=t.path.substr(0,t.path.lastIndexOf("/")+1),this.fileName=t.path.substr(t.path.lastIndexOf("/")+1),this.fileName=this.fileName.substr(0,this.fileName.lastIndexOf(".json")),it.load(t.path,this.configAnimation.bind(this),function(){this.trigger("data_failed")}.bind(this)))},_e.prototype.setData=function(t,e){var s={wrapper:t,animationData:e?"object"==typeof e?e:JSON.parse(e):null},i=t.attributes;s.path=i.getNamedItem("data-animation-path")?i.getNamedItem("data-animation-path").value:i.getNamedItem("data-bm-path")?i.getNamedItem("data-bm-path").value:i.getNamedItem("bm-path")?i.getNamedItem("bm-path").value:"",s.animType=i.getNamedItem("data-anim-type")?i.getNamedItem("data-anim-type").value:i.getNamedItem("data-bm-type")?i.getNamedItem("data-bm-type").value:i.getNamedItem("bm-type")?i.getNamedItem("bm-type").value:i.getNamedItem("data-bm-renderer")?i.getNamedItem("data-bm-renderer").value:i.getNamedItem("bm-renderer")?i.getNamedItem("bm-renderer").value:"canvas";var a=i.getNamedItem("data-anim-loop")?i.getNamedItem("data-anim-loop").value:i.getNamedItem("data-bm-loop")?i.getNamedItem("data-bm-loop").value:i.getNamedItem("bm-loop")?i.getNamedItem("bm-loop").value:"";""===a||(s.loop="false"!==a&&("true"===a||parseInt(a)));var r=i.getNamedItem("data-anim-autoplay")?i.getNamedItem("data-anim-autoplay").value:i.getNamedItem("data-bm-autoplay")?i.getNamedItem("data-bm-autoplay").value:!i.getNamedItem("bm-autoplay")||i.getNamedItem("bm-autoplay").value;s.autoplay="false"!==r,s.name=i.getNamedItem("data-name")?i.getNamedItem("data-name").value:i.getNamedItem("data-bm-name")?i.getNamedItem("data-bm-name").value:i.getNamedItem("bm-name")?i.getNamedItem("bm-name").value:"","false"===(i.getNamedItem("data-anim-prerender")?i.getNamedItem("data-anim-prerender").value:i.getNamedItem("data-bm-prerender")?i.getNamedItem("data-bm-prerender").value:i.getNamedItem("bm-prerender")?i.getNamedItem("bm-prerender").value:"")&&(s.prerender=!1),this.setParams(s)},_e.prototype.includeLayers=function(t){t.op>this.animationData.op&&(this.animationData.op=t.op,this.totalFrames=Math.floor(t.op-this.animationData.ip));var e,s,i=this.animationData.layers,a=i.length,r=t.layers,n=r.length;for(s=0;s<n;s+=1)for(e=0;e<a;){if(i[e].id==r[s].id){i[e]=r[s];break}e+=1}if((t.chars||t.fonts)&&(this.renderer.globalData.fontManager.addChars(t.chars),this.renderer.globalData.fontManager.addFonts(t.fonts,this.renderer.globalData.defs)),t.assets)for(a=t.assets.length,e=0;e<a;e+=1)this.animationData.assets.push(t.assets[e]);this.animationData.__complete=!1,T.completeData(this.animationData,this.renderer.globalData.fontManager),this.renderer.includeLayers(t.layers),h&&h.initExpressions(this),this.loadNextSegment()},_e.prototype.loadNextSegment=function(){var t=this.animationData.segments;if(!t||0===t.length||!this.autoloadSegments)return this.trigger("data_ready"),void(this.timeCompleted=this.totalFrames);var e=t.shift();this.timeCompleted=e.time*this.frameRate;var s=this.path+this.fileName+"_"+this.segmentPos+".json";this.segmentPos+=1,it.load(s,this.includeLayers.bind(this),function(){this.trigger("data_failed")}.bind(this))},_e.prototype.loadSegments=function(){this.animationData.segments||(this.timeCompleted=this.totalFrames),this.loadNextSegment()},_e.prototype.imagesLoaded=function(){this.trigger("loaded_images"),this.checkLoaded()},_e.prototype.preloadImages=function(){this.imagePreloader.setAssetsPath(this.assetsPath),this.imagePreloader.setPath(this.path),this.imagePreloader.loadAssets(this.animationData.assets,this.imagesLoaded.bind(this))},_e.prototype.configAnimation=function(t){this.renderer&&(this.animationData=t,this.totalFrames=Math.floor(this.animationData.op-this.animationData.ip),this.renderer.configAnimation(t),t.assets||(t.assets=[]),this.renderer.searchExtraCompositions(t.assets),this.assets=this.animationData.assets,this.frameRate=this.animationData.fr,this.firstFrame=Math.round(this.animationData.ip),this.frameMult=this.animationData.fr/1e3,this.trigger("config_ready"),this.preloadImages(),this.loadSegments(),this.updaFrameModifier(),this.waitForFontsLoaded())},_e.prototype.waitForFontsLoaded=function(){this.renderer&&(this.renderer.globalData.fontManager.loaded()?this.checkLoaded():setTimeout(this.waitForFontsLoaded.bind(this),20))},_e.prototype.checkLoaded=function(){this.isLoaded||!this.renderer.globalData.fontManager.loaded()||!this.imagePreloader.loaded()&&"canvas"===this.renderer.rendererType||(this.isLoaded=!0,T.completeData(this.animationData,this.renderer.globalData.fontManager),h&&h.initExpressions(this),this.renderer.initItems(),setTimeout(function(){this.trigger("DOMLoaded")}.bind(this),0),this.gotoFrame(),this.autoplay&&this.play())},_e.prototype.resize=function(){this.renderer.updateContainerSize()},_e.prototype.setSubframe=function(t){this.subframeEnabled=!!t},_e.prototype.gotoFrame=function(){this.currentFrame=this.subframeEnabled?this.currentRawFrame:~~this.currentRawFrame,this.timeCompleted!==this.totalFrames&&this.currentFrame>this.timeCompleted&&(this.currentFrame=this.timeCompleted),this.trigger("enterFrame"),this.renderFrame()},_e.prototype.renderFrame=function(){!1!==this.isLoaded&&this.renderer.renderFrame(this.currentFrame+this.firstFrame)},_e.prototype.play=function(t){t&&this.name!=t||!0===this.isPaused&&(this.isPaused=!1,this._idle&&(this._idle=!1,this.trigger("_active")))},_e.prototype.pause=function(t){t&&this.name!=t||!1===this.isPaused&&(this.isPaused=!0,this._idle=!0,this.trigger("_idle"))},_e.prototype.togglePause=function(t){t&&this.name!=t||(!0===this.isPaused?this.play():this.pause())},_e.prototype.stop=function(t){t&&this.name!=t||(this.pause(),this.playCount=0,this._completedLoop=!1,this.setCurrentRawFrameValue(0))},_e.prototype.goToAndStop=function(t,e,s){s&&this.name!=s||(e?this.setCurrentRawFrameValue(t):this.setCurrentRawFrameValue(t*this.frameModifier),this.pause())},_e.prototype.goToAndPlay=function(t,e,s){this.goToAndStop(t,e,s),this.play()},_e.prototype.advanceTime=function(t){if(!0!==this.isPaused&&!1!==this.isLoaded){var e=this.currentRawFrame+t*this.frameModifier,s=!1;e>=this.totalFrames-1&&0<this.frameModifier?this.loop&&this.playCount!==this.loop?e>=this.totalFrames?(this.playCount+=1,this.checkSegments(e%this.totalFrames)||(this.setCurrentRawFrameValue(e%this.totalFrames),this._completedLoop=!0,this.trigger("loopComplete"))):this.setCurrentRawFrameValue(e):this.checkSegments(e>this.totalFrames?e%this.totalFrames:0)||(s=!0,e=this.totalFrames-1):e<0?this.checkSegments(e%this.totalFrames)||(!this.loop||this.playCount--<=0&&!0!==this.loop?(s=!0,e=0):(this.setCurrentRawFrameValue(this.totalFrames+e%this.totalFrames),this._completedLoop?this.trigger("loopComplete"):this._completedLoop=!0)):this.setCurrentRawFrameValue(e),s&&(this.setCurrentRawFrameValue(e),this.pause(),this.trigger("complete"))}},_e.prototype.adjustSegment=function(t,e){this.playCount=0,t[1]<t[0]?(0<this.frameModifier&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(-1)),this.timeCompleted=this.totalFrames=t[0]-t[1],this.firstFrame=t[1],this.setCurrentRawFrameValue(this.totalFrames-.001-e)):t[1]>t[0]&&(this.frameModifier<0&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(1)),this.timeCompleted=this.totalFrames=t[1]-t[0],this.firstFrame=t[0],this.setCurrentRawFrameValue(.001+e)),this.trigger("segmentStart")},_e.prototype.setSegment=function(t,e){var s=-1;this.isPaused&&(this.currentRawFrame+this.firstFrame<t?s=t:this.currentRawFrame+this.firstFrame>e&&(s=e-t)),this.firstFrame=t,this.timeCompleted=this.totalFrames=e-t,-1!==s&&this.goToAndStop(s,!0)},_e.prototype.playSegments=function(t,e){if(e&&(this.segments.length=0),"object"==typeof t[0]){var s,i=t.length;for(s=0;s<i;s+=1)this.segments.push(t[s])}else this.segments.push(t);this.segments.length&&this.adjustSegment(this.segments.shift(),0),this.isPaused&&this.play()},_e.prototype.resetSegments=function(t){this.segments.length=0,this.segments.push([this.animationData.ip,this.animationData.op]),t&&this.checkSegments(0)},_e.prototype.checkSegments=function(t){return!!this.segments.length&&(this.adjustSegment(this.segments.shift(),t),!0)},_e.prototype.destroy=function(t){t&&this.name!=t||!this.renderer||(this.renderer.destroy(),this.imagePreloader.destroy(),this.trigger("destroy"),this._cbs=null,this.onEnterFrame=this.onLoopComplete=this.onComplete=this.onSegmentStart=this.onDestroy=null,this.renderer=null)},_e.prototype.setCurrentRawFrameValue=function(t){this.currentRawFrame=t,this.gotoFrame()},_e.prototype.setSpeed=function(t){this.playSpeed=t,this.updaFrameModifier()},_e.prototype.setDirection=function(t){this.playDirection=t<0?-1:1,this.updaFrameModifier()},_e.prototype.updaFrameModifier=function(){this.frameModifier=this.frameMult*this.playSpeed*this.playDirection},_e.prototype.getPath=function(){return this.path},_e.prototype.getAssetsPath=function(t){var e="";if(t.e)e=t.p;else if(this.assetsPath){var s=t.p;-1!==s.indexOf("images/")&&(s=s.split("/")[1]),e=this.assetsPath+s}else e=this.path,e+=t.u?t.u:"",e+=t.p;return e},_e.prototype.getAssetData=function(t){for(var e=0,s=this.assets.length;e<s;){if(t==this.assets[e].id)return this.assets[e];e+=1}},_e.prototype.hide=function(){this.renderer.hide()},_e.prototype.show=function(){this.renderer.show()},_e.prototype.getDuration=function(t){return t?this.totalFrames:this.totalFrames/this.frameRate};var xe={};_e.prototype.trigger=function(t){if(this._cbs&&this._cbs[t])switch(t){case"enterFrame":this.triggerEvent(t,new n(t,this.currentFrame,this.totalFrames,this.frameMult));break;case"loopComplete":this.triggerEvent(t,new l(t,this.loop,this.playCount,this.frameMult));break;case"complete":this.triggerEvent(t,new o(t,this.frameMult));break;case"segmentStart":this.triggerEvent(t,new p(t,this.firstFrame,this.totalFrames));break;case"destroy":this.triggerEvent(t,new f(t,this));break;default:this.triggerEvent(t)}"enterFrame"===t&&this.onEnterFrame&&this.onEnterFrame.call(this,new n(t,this.currentFrame,this.totalFrames,this.frameMult)),"loopComplete"===t&&this.onLoopComplete&&this.onLoopComplete.call(this,new l(t,this.loop,this.playCount,this.frameMult)),"complete"===t&&this.onComplete&&this.onComplete.call(this,new o(t,this.frameMult)),"segmentStart"===t&&this.onSegmentStart&&this.onSegmentStart.call(this,new p(t,this.firstFrame,this.totalFrames)),"destroy"===t&&this.onDestroy&&this.onDestroy.call(this,new f(t,this))};function Ae(){!0===Ee?be.searchAnimations(Ce,Ee,Me):be.searchAnimations()}xe.play=be.play,xe.pause=be.pause,xe.setLocationHref=function(t){x=t},xe.togglePause=be.togglePause,xe.setSpeed=be.setSpeed,xe.setDirection=be.setDirection,xe.stop=be.stop,xe.searchAnimations=Ae,xe.registerAnimation=be.registerAnimation,xe.loadAnimation=function(t){return!0===Ee&&(t.animationData=JSON.parse(Ce)),be.loadAnimation(t)},xe.setSubframeRendering=function(t){i=t},xe.resize=be.resize,xe.goToAndStop=be.goToAndStop,xe.destroy=be.destroy,xe.setQuality=function(t){if("string"==typeof t)switch(t){case"high":E=200;break;case"medium":E=50;break;case"low":E=10}else!isNaN(t)&&1<t&&(E=t);r(!(50<=E))},xe.inBrowser=function(){return"undefined"!=typeof navigator},xe.installPlugin=function(t,e){"expressions"===t&&(h=e)},xe.freeze=be.freeze,xe.unfreeze=be.unfreeze,xe.getRegisteredAnimations=be.getRegisteredAnimations,xe.__getFactory=function(t){switch(t){case"propertyFactory":return B;case"shapePropertyFactory":return N;case"matrix":return S}},xe.version="5.4.2";var Ee="__[STANDALONE]__",Ce="__[ANIMATIONDATA]__",Me="";if(Ee){var we=document.getElementsByTagName("script"),De=(we[we.length-1]||{src:""}).src.replace(/^[^\?]+\??/,"");Me=function(t){for(var e=De.split("&"),s=0;s<e.length;s++){var i=e[s].split("=");if(decodeURIComponent(i[0])==t)return decodeURIComponent(i[1])}}("renderer")}var Pe=setInterval(function(){"complete"===document.readyState&&(clearInterval(Pe),Ae())},100);return xe},"function"==typeof define&&define.amd?define(function(){return e(t)}):"object"==typeof module&&module.exports?module.exports=e(t):(t.lottie=e(t),t.bodymovin=t.lottie));
\ No newline at end of file
diff --git a/build/player/lottie_svg.js b/build/player/lottie_svg.js
new file mode 100644
index 0000000..9e6025c
--- /dev/null
+++ b/build/player/lottie_svg.js
@@ -0,0 +1,11943 @@
+(typeof navigator !== "undefined") && (function(root, factory) {
+ if (typeof define === "function" && define.amd) {
+ define(function() {
+ return factory(root);
+ });
+ } else if (typeof module === "object" && module.exports) {
+ module.exports = factory(root);
+ } else {
+ root.lottie = factory(root);
+ root.bodymovin = root.lottie;
+ }
+}((window || {}), function(window) {
+ "use strict";
+ var svgNS = "http://www.w3.org/2000/svg";
+
+var locationHref = '';
+
+var initialDefaultFrame = -999999;
+
+var subframeEnabled = true;
+var expressionsPlugin;
+var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+var cachedColors = {};
+var bm_rounder = Math.round;
+var bm_rnd;
+var bm_pow = Math.pow;
+var bm_sqrt = Math.sqrt;
+var bm_abs = Math.abs;
+var bm_floor = Math.floor;
+var bm_max = Math.max;
+var bm_min = Math.min;
+var blitter = 10;
+
+var BMMath = {};
+(function(){
+ var propertyNames = Object.getOwnPropertyNames(Math);
+ var i, len = propertyNames.length;
+ for(i=0;i<len;i+=1){
+ BMMath[propertyNames[i]] = Math[propertyNames[i]];
+ }
+}());
+
+function ProjectInterface(){return {};}
+
+BMMath.random = Math.random;
+BMMath.abs = function(val){
+ var tOfVal = typeof val;
+ if(tOfVal === 'object' && val.length){
+ var absArr = createSizedArray(val.length);
+ var i, len = val.length;
+ for(i=0;i<len;i+=1){
+ absArr[i] = Math.abs(val[i]);
+ }
+ return absArr;
+ }
+ return Math.abs(val);
+
+};
+var defaultCurveSegments = 150;
+var degToRads = Math.PI/180;
+var roundCorner = 0.5519;
+
+function roundValues(flag){
+ if(flag){
+ bm_rnd = Math.round;
+ }else{
+ bm_rnd = function(val){
+ return val;
+ };
+ }
+}
+roundValues(false);
+
+function styleDiv(element){
+ element.style.position = 'absolute';
+ element.style.top = 0;
+ element.style.left = 0;
+ element.style.display = 'block';
+ element.style.transformOrigin = element.style.webkitTransformOrigin = '0 0';
+ element.style.backfaceVisibility = element.style.webkitBackfaceVisibility = 'visible';
+ element.style.transformStyle = element.style.webkitTransformStyle = element.style.mozTransformStyle = "preserve-3d";
+}
+
+function BMEnterFrameEvent(n,c,t,d){
+ this.type = n;
+ this.currentTime = c;
+ this.totalTime = t;
+ this.direction = d < 0 ? -1:1;
+}
+
+function BMCompleteEvent(n,d){
+ this.type = n;
+ this.direction = d < 0 ? -1:1;
+}
+
+function BMCompleteLoopEvent(n,c,t,d){
+ this.type = n;
+ this.currentLoop = t;
+ this.totalLoops = c;
+ this.direction = d < 0 ? -1:1;
+}
+
+function BMSegmentStartEvent(n,f,t){
+ this.type = n;
+ this.firstFrame = f;
+ this.totalFrames = t;
+}
+
+function BMDestroyEvent(n,t){
+ this.type = n;
+ this.target = t;
+}
+
+function randomString(length, chars){
+ if(chars === undefined){
+ chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890';
+ }
+ var i;
+ var result = '';
+ for (i = length; i > 0; --i) result += chars[Math.round(Math.random() * (chars.length - 1))];
+ return result;
+}
+
+function HSVtoRGB(h, s, v) {
+ var r, g, b, i, f, p, q, t;
+ i = Math.floor(h * 6);
+ f = h * 6 - i;
+ p = v * (1 - s);
+ q = v * (1 - f * s);
+ t = v * (1 - (1 - f) * s);
+ switch (i % 6) {
+ case 0: r = v; g = t; b = p; break;
+ case 1: r = q; g = v; b = p; break;
+ case 2: r = p; g = v; b = t; break;
+ case 3: r = p; g = q; b = v; break;
+ case 4: r = t; g = p; b = v; break;
+ case 5: r = v; g = p; b = q; break;
+ }
+ return [ r,
+ g,
+ b ];
+}
+
+function RGBtoHSV(r, g, b) {
+ var max = Math.max(r, g, b), min = Math.min(r, g, b),
+ d = max - min,
+ h,
+ s = (max === 0 ? 0 : d / max),
+ v = max / 255;
+
+ switch (max) {
+ case min: h = 0; break;
+ case r: h = (g - b) + d * (g < b ? 6: 0); h /= 6 * d; break;
+ case g: h = (b - r) + d * 2; h /= 6 * d; break;
+ case b: h = (r - g) + d * 4; h /= 6 * d; break;
+ }
+
+ return [
+ h,
+ s,
+ v
+ ];
+}
+
+function addSaturationToRGB(color,offset){
+ var hsv = RGBtoHSV(color[0]*255,color[1]*255,color[2]*255);
+ hsv[1] += offset;
+ if (hsv[1] > 1) {
+ hsv[1] = 1;
+ }
+ else if (hsv[1] <= 0) {
+ hsv[1] = 0;
+ }
+ return HSVtoRGB(hsv[0],hsv[1],hsv[2]);
+}
+
+function addBrightnessToRGB(color,offset){
+ var hsv = RGBtoHSV(color[0]*255,color[1]*255,color[2]*255);
+ hsv[2] += offset;
+ if (hsv[2] > 1) {
+ hsv[2] = 1;
+ }
+ else if (hsv[2] < 0) {
+ hsv[2] = 0;
+ }
+ return HSVtoRGB(hsv[0],hsv[1],hsv[2]);
+}
+
+function addHueToRGB(color,offset) {
+ var hsv = RGBtoHSV(color[0]*255,color[1]*255,color[2]*255);
+ hsv[0] += offset/360;
+ if (hsv[0] > 1) {
+ hsv[0] -= 1;
+ }
+ else if (hsv[0] < 0) {
+ hsv[0] += 1;
+ }
+ return HSVtoRGB(hsv[0],hsv[1],hsv[2]);
+}
+
+var rgbToHex = (function(){
+ var colorMap = [];
+ var i;
+ var hex;
+ for(i=0;i<256;i+=1){
+ hex = i.toString(16);
+ colorMap[i] = hex.length == 1 ? '0' + hex : hex;
+ }
+
+ return function(r, g, b) {
+ if(r<0){
+ r = 0;
+ }
+ if(g<0){
+ g = 0;
+ }
+ if(b<0){
+ b = 0;
+ }
+ return '#' + colorMap[r] + colorMap[g] + colorMap[b];
+ };
+}());
+function BaseEvent(){}
+BaseEvent.prototype = {
+ triggerEvent: function (eventName, args) {
+ if (this._cbs[eventName]) {
+ var len = this._cbs[eventName].length;
+ for (var i = 0; i < len; i++){
+ this._cbs[eventName][i](args);
+ }
+ }
+ },
+ addEventListener: function (eventName, callback) {
+ if (!this._cbs[eventName]){
+ this._cbs[eventName] = [];
+ }
+ this._cbs[eventName].push(callback);
+
+ return function() {
+ this.removeEventListener(eventName, callback);
+ }.bind(this);
+ },
+ removeEventListener: function (eventName,callback){
+ if (!callback){
+ this._cbs[eventName] = null;
+ }else if(this._cbs[eventName]){
+ var i = 0, len = this._cbs[eventName].length;
+ while(i<len){
+ if(this._cbs[eventName][i] === callback){
+ this._cbs[eventName].splice(i,1);
+ i -=1;
+ len -= 1;
+ }
+ i += 1;
+ }
+ if(!this._cbs[eventName].length){
+ this._cbs[eventName] = null;
+ }
+ }
+ }
+};
+var createTypedArray = (function(){
+ function createRegularArray(type, len){
+ var i = 0, arr = [], value;
+ switch(type) {
+ case 'int16':
+ case 'uint8c':
+ value = 1;
+ break;
+ default:
+ value = 1.1;
+ break;
+ }
+ for(i = 0; i < len; i += 1) {
+ arr.push(value);
+ }
+ return arr;
+ }
+ function createTypedArray(type, len){
+ if(type === 'float32') {
+ return new Float32Array(len);
+ } else if(type === 'int16') {
+ return new Int16Array(len);
+ } else if(type === 'uint8c') {
+ return new Uint8ClampedArray(len);
+ }
+ }
+ if(typeof Uint8ClampedArray === 'function' && typeof Float32Array === 'function') {
+ return createTypedArray;
+ } else {
+ return createRegularArray;
+ }
+}());
+
+function createSizedArray(len) {
+ return Array.apply(null,{length:len});
+}
+function createNS(type) {
+ //return {appendChild:function(){},setAttribute:function(){},style:{}}
+ return document.createElementNS(svgNS, type);
+}
+function createTag(type) {
+ //return {appendChild:function(){},setAttribute:function(){},style:{}}
+ return document.createElement(type);
+}
+function DynamicPropertyContainer(){};
+DynamicPropertyContainer.prototype = {
+ addDynamicProperty: function(prop) {
+ if(this.dynamicProperties.indexOf(prop) === -1) {
+ this.dynamicProperties.push(prop);
+ this.container.addDynamicProperty(this);
+ this._isAnimated = true;
+ }
+ },
+ iterateDynamicProperties: function(){
+ this._mdf = false;
+ var i, len = this.dynamicProperties.length;
+ for(i=0;i<len;i+=1){
+ this.dynamicProperties[i].getValue();
+ if(this.dynamicProperties[i]._mdf) {
+ this._mdf = true;
+ }
+ }
+ },
+ initDynamicPropertyContainer: function(container){
+ this.container = container;
+ this.dynamicProperties = [];
+ this._mdf = false;
+ this._isAnimated = false;
+ }
+}
+/*!
+ Transformation Matrix v2.0
+ (c) Epistemex 2014-2015
+ www.epistemex.com
+ By Ken Fyrstenberg
+ Contributions by leeoniya.
+ License: MIT, header required.
+ */
+
+/**
+ * 2D transformation matrix object initialized with identity matrix.
+ *
+ * The matrix can synchronize a canvas context by supplying the context
+ * as an argument, or later apply current absolute transform to an
+ * existing context.
+ *
+ * All values are handled as floating point values.
+ *
+ * @param {CanvasRenderingContext2D} [context] - Optional context to sync with Matrix
+ * @prop {number} a - scale x
+ * @prop {number} b - shear y
+ * @prop {number} c - shear x
+ * @prop {number} d - scale y
+ * @prop {number} e - translate x
+ * @prop {number} f - translate y
+ * @prop {CanvasRenderingContext2D|null} [context=null] - set or get current canvas context
+ * @constructor
+ */
+
+var Matrix = (function(){
+
+ var _cos = Math.cos;
+ var _sin = Math.sin;
+ var _tan = Math.tan;
+ var _rnd = Math.round;
+
+ function reset(){
+ this.props[0] = 1;
+ this.props[1] = 0;
+ this.props[2] = 0;
+ this.props[3] = 0;
+ this.props[4] = 0;
+ this.props[5] = 1;
+ this.props[6] = 0;
+ this.props[7] = 0;
+ this.props[8] = 0;
+ this.props[9] = 0;
+ this.props[10] = 1;
+ this.props[11] = 0;
+ this.props[12] = 0;
+ this.props[13] = 0;
+ this.props[14] = 0;
+ this.props[15] = 1;
+ return this;
+ }
+
+ function rotate(angle) {
+ if(angle === 0){
+ return this;
+ }
+ var mCos = _cos(angle);
+ var mSin = _sin(angle);
+ return this._t(mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+ }
+
+ function rotateX(angle){
+ if(angle === 0){
+ return this;
+ }
+ var mCos = _cos(angle);
+ var mSin = _sin(angle);
+ return this._t(1, 0, 0, 0, 0, mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1);
+ }
+
+ function rotateY(angle){
+ if(angle === 0){
+ return this;
+ }
+ var mCos = _cos(angle);
+ var mSin = _sin(angle);
+ return this._t(mCos, 0, mSin, 0, 0, 1, 0, 0, -mSin, 0, mCos, 0, 0, 0, 0, 1);
+ }
+
+ function rotateZ(angle){
+ if(angle === 0){
+ return this;
+ }
+ var mCos = _cos(angle);
+ var mSin = _sin(angle);
+ return this._t(mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+ }
+
+ function shear(sx,sy){
+ return this._t(1, sy, sx, 1, 0, 0);
+ }
+
+ function skew(ax, ay){
+ return this.shear(_tan(ax), _tan(ay));
+ }
+
+ function skewFromAxis(ax, angle){
+ var mCos = _cos(angle);
+ var mSin = _sin(angle);
+ return this._t(mCos, mSin, 0, 0, -mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+ ._t(1, 0, 0, 0, _tan(ax), 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
+ ._t(mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+ //return this._t(mCos, mSin, -mSin, mCos, 0, 0)._t(1, 0, _tan(ax), 1, 0, 0)._t(mCos, -mSin, mSin, mCos, 0, 0);
+ }
+
+ function scale(sx, sy, sz) {
+ if(!sz && sz !== 0) {
+ sz = 1;
+ }
+ if(sx === 1 && sy === 1 && sz === 1){
+ return this;
+ }
+ return this._t(sx, 0, 0, 0, 0, sy, 0, 0, 0, 0, sz, 0, 0, 0, 0, 1);
+ }
+
+ function setTransform(a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p) {
+ this.props[0] = a;
+ this.props[1] = b;
+ this.props[2] = c;
+ this.props[3] = d;
+ this.props[4] = e;
+ this.props[5] = f;
+ this.props[6] = g;
+ this.props[7] = h;
+ this.props[8] = i;
+ this.props[9] = j;
+ this.props[10] = k;
+ this.props[11] = l;
+ this.props[12] = m;
+ this.props[13] = n;
+ this.props[14] = o;
+ this.props[15] = p;
+ return this;
+ }
+
+ function translate(tx, ty, tz) {
+ tz = tz || 0;
+ if(tx !== 0 || ty !== 0 || tz !== 0){
+ return this._t(1,0,0,0,0,1,0,0,0,0,1,0,tx,ty,tz,1);
+ }
+ return this;
+ }
+
+ function transform(a2, b2, c2, d2, e2, f2, g2, h2, i2, j2, k2, l2, m2, n2, o2, p2) {
+
+ var _p = this.props;
+
+ if(a2 === 1 && b2 === 0 && c2 === 0 && d2 === 0 && e2 === 0 && f2 === 1 && g2 === 0 && h2 === 0 && i2 === 0 && j2 === 0 && k2 === 1 && l2 === 0){
+ //NOTE: commenting this condition because TurboFan deoptimizes code when present
+ //if(m2 !== 0 || n2 !== 0 || o2 !== 0){
+ _p[12] = _p[12] * a2 + _p[15] * m2;
+ _p[13] = _p[13] * f2 + _p[15] * n2;
+ _p[14] = _p[14] * k2 + _p[15] * o2;
+ _p[15] = _p[15] * p2;
+ //}
+ this._identityCalculated = false;
+ return this;
+ }
+
+ var a1 = _p[0];
+ var b1 = _p[1];
+ var c1 = _p[2];
+ var d1 = _p[3];
+ var e1 = _p[4];
+ var f1 = _p[5];
+ var g1 = _p[6];
+ var h1 = _p[7];
+ var i1 = _p[8];
+ var j1 = _p[9];
+ var k1 = _p[10];
+ var l1 = _p[11];
+ var m1 = _p[12];
+ var n1 = _p[13];
+ var o1 = _p[14];
+ var p1 = _p[15];
+
+ /* matrix order (canvas compatible):
+ * ace
+ * bdf
+ * 001
+ */
+ _p[0] = a1 * a2 + b1 * e2 + c1 * i2 + d1 * m2;
+ _p[1] = a1 * b2 + b1 * f2 + c1 * j2 + d1 * n2 ;
+ _p[2] = a1 * c2 + b1 * g2 + c1 * k2 + d1 * o2 ;
+ _p[3] = a1 * d2 + b1 * h2 + c1 * l2 + d1 * p2 ;
+
+ _p[4] = e1 * a2 + f1 * e2 + g1 * i2 + h1 * m2 ;
+ _p[5] = e1 * b2 + f1 * f2 + g1 * j2 + h1 * n2 ;
+ _p[6] = e1 * c2 + f1 * g2 + g1 * k2 + h1 * o2 ;
+ _p[7] = e1 * d2 + f1 * h2 + g1 * l2 + h1 * p2 ;
+
+ _p[8] = i1 * a2 + j1 * e2 + k1 * i2 + l1 * m2 ;
+ _p[9] = i1 * b2 + j1 * f2 + k1 * j2 + l1 * n2 ;
+ _p[10] = i1 * c2 + j1 * g2 + k1 * k2 + l1 * o2 ;
+ _p[11] = i1 * d2 + j1 * h2 + k1 * l2 + l1 * p2 ;
+
+ _p[12] = m1 * a2 + n1 * e2 + o1 * i2 + p1 * m2 ;
+ _p[13] = m1 * b2 + n1 * f2 + o1 * j2 + p1 * n2 ;
+ _p[14] = m1 * c2 + n1 * g2 + o1 * k2 + p1 * o2 ;
+ _p[15] = m1 * d2 + n1 * h2 + o1 * l2 + p1 * p2 ;
+
+ this._identityCalculated = false;
+ return this;
+ }
+
+ function isIdentity() {
+ if(!this._identityCalculated){
+ this._identity = !(this.props[0] !== 1 || this.props[1] !== 0 || this.props[2] !== 0 || this.props[3] !== 0 || this.props[4] !== 0 || this.props[5] !== 1 || this.props[6] !== 0 || this.props[7] !== 0 || this.props[8] !== 0 || this.props[9] !== 0 || this.props[10] !== 1 || this.props[11] !== 0 || this.props[12] !== 0 || this.props[13] !== 0 || this.props[14] !== 0 || this.props[15] !== 1);
+ this._identityCalculated = true;
+ }
+ return this._identity;
+ }
+
+ function equals(matr){
+ var i = 0;
+ while (i < 16) {
+ if(matr.props[i] !== this.props[i]) {
+ return false;
+ }
+ i+=1;
+ }
+ return true;
+ }
+
+ function clone(matr){
+ var i;
+ for(i=0;i<16;i+=1){
+ matr.props[i] = this.props[i];
+ }
+ }
+
+ function cloneFromProps(props){
+ var i;
+ for(i=0;i<16;i+=1){
+ this.props[i] = props[i];
+ }
+ }
+
+ function applyToPoint(x, y, z) {
+
+ return {
+ x: x * this.props[0] + y * this.props[4] + z * this.props[8] + this.props[12],
+ y: x * this.props[1] + y * this.props[5] + z * this.props[9] + this.props[13],
+ z: x * this.props[2] + y * this.props[6] + z * this.props[10] + this.props[14]
+ };
+ /*return {
+ x: x * me.a + y * me.c + me.e,
+ y: x * me.b + y * me.d + me.f
+ };*/
+ }
+ function applyToX(x, y, z) {
+ return x * this.props[0] + y * this.props[4] + z * this.props[8] + this.props[12];
+ }
+ function applyToY(x, y, z) {
+ return x * this.props[1] + y * this.props[5] + z * this.props[9] + this.props[13];
+ }
+ function applyToZ(x, y, z) {
+ return x * this.props[2] + y * this.props[6] + z * this.props[10] + this.props[14];
+ }
+
+ function inversePoint(pt) {
+ var determinant = this.props[0] * this.props[5] - this.props[1] * this.props[4];
+ var a = this.props[5]/determinant;
+ var b = - this.props[1]/determinant;
+ var c = - this.props[4]/determinant;
+ var d = this.props[0]/determinant;
+ var e = (this.props[4] * this.props[13] - this.props[5] * this.props[12])/determinant;
+ var f = - (this.props[0] * this.props[13] - this.props[1] * this.props[12])/determinant;
+ return [pt[0] * a + pt[1] * c + e, pt[0] * b + pt[1] * d + f, 0];
+ }
+
+ function inversePoints(pts){
+ var i, len = pts.length, retPts = [];
+ for(i=0;i<len;i+=1){
+ retPts[i] = inversePoint(pts[i]);
+ }
+ return retPts;
+ }
+
+ function applyToTriplePoints(pt1, pt2, pt3) {
+ var arr = createTypedArray('float32', 6);
+ if(this.isIdentity()) {
+ arr[0] = pt1[0];
+ arr[1] = pt1[1];
+ arr[2] = pt2[0];
+ arr[3] = pt2[1];
+ arr[4] = pt3[0];
+ arr[5] = pt3[1];
+ } else {
+ var p0 = this.props[0], p1 = this.props[1], p4 = this.props[4], p5 = this.props[5], p12 = this.props[12], p13 = this.props[13];
+ arr[0] = pt1[0] * p0 + pt1[1] * p4 + p12;
+ arr[1] = pt1[0] * p1 + pt1[1] * p5 + p13;
+ arr[2] = pt2[0] * p0 + pt2[1] * p4 + p12;
+ arr[3] = pt2[0] * p1 + pt2[1] * p5 + p13;
+ arr[4] = pt3[0] * p0 + pt3[1] * p4 + p12;
+ arr[5] = pt3[0] * p1 + pt3[1] * p5 + p13;
+ }
+ return arr;
+ }
+
+ function applyToPointArray(x,y,z){
+ var arr;
+ if(this.isIdentity()) {
+ arr = [x,y,z];
+ } else {
+ arr = [x * this.props[0] + y * this.props[4] + z * this.props[8] + this.props[12],x * this.props[1] + y * this.props[5] + z * this.props[9] + this.props[13],x * this.props[2] + y * this.props[6] + z * this.props[10] + this.props[14]];
+ }
+ return arr;
+ }
+
+ function applyToPointStringified(x, y) {
+ if(this.isIdentity()) {
+ return x + ',' + y;
+ }
+ var _p = this.props;
+ return Math.round((x * _p[0] + y * _p[4] + _p[12]) * 100) / 100+','+ Math.round((x * _p[1] + y * _p[5] + _p[13]) * 100) / 100;
+ }
+
+ function toCSS() {
+ //Doesn't make much sense to add this optimization. If it is an identity matrix, it's very likely this will get called only once since it won't be keyframed.
+ /*if(this.isIdentity()) {
+ return '';
+ }*/
+ var i = 0;
+ var props = this.props;
+ var cssValue = 'matrix3d(';
+ var v = 10000;
+ while(i<16){
+ cssValue += _rnd(props[i]*v)/v;
+ cssValue += i === 15 ? ')':',';
+ i += 1;
+ }
+ return cssValue;
+ }
+
+ function roundMatrixProperty(val) {
+ var v = 10000;
+ if((val < 0.000001 && val > 0) || (val > -0.000001 && val < 0)) {
+ return _rnd(val * v) / v;
+ }
+ return val;
+ }
+
+ function to2dCSS() {
+ //Doesn't make much sense to add this optimization. If it is an identity matrix, it's very likely this will get called only once since it won't be keyframed.
+ /*if(this.isIdentity()) {
+ return '';
+ }*/
+ var props = this.props;
+ var _a = roundMatrixProperty(props[0]);
+ var _b = roundMatrixProperty(props[1]);
+ var _c = roundMatrixProperty(props[4]);
+ var _d = roundMatrixProperty(props[5]);
+ var _e = roundMatrixProperty(props[12]);
+ var _f = roundMatrixProperty(props[13]);
+ return "matrix(" + _a + ',' + _b + ',' + _c + ',' + _d + ',' + _e + ',' + _f + ")";
+ }
+
+ return function(){
+ this.reset = reset;
+ this.rotate = rotate;
+ this.rotateX = rotateX;
+ this.rotateY = rotateY;
+ this.rotateZ = rotateZ;
+ this.skew = skew;
+ this.skewFromAxis = skewFromAxis;
+ this.shear = shear;
+ this.scale = scale;
+ this.setTransform = setTransform;
+ this.translate = translate;
+ this.transform = transform;
+ this.applyToPoint = applyToPoint;
+ this.applyToX = applyToX;
+ this.applyToY = applyToY;
+ this.applyToZ = applyToZ;
+ this.applyToPointArray = applyToPointArray;
+ this.applyToTriplePoints = applyToTriplePoints;
+ this.applyToPointStringified = applyToPointStringified;
+ this.toCSS = toCSS;
+ this.to2dCSS = to2dCSS;
+ this.clone = clone;
+ this.cloneFromProps = cloneFromProps;
+ this.equals = equals;
+ this.inversePoints = inversePoints;
+ this.inversePoint = inversePoint;
+ this._t = this.transform;
+ this.isIdentity = isIdentity;
+ this._identity = true;
+ this._identityCalculated = false;
+
+ this.props = createTypedArray('float32', 16);
+ this.reset();
+ };
+}());
+
+/*
+ Copyright 2014 David Bau.
+
+ Permission is hereby granted, free of charge, to any person obtaining
+ a copy of this software and associated documentation files (the
+ "Software"), to deal in the Software without restriction, including
+ without limitation the rights to use, copy, modify, merge, publish,
+ distribute, sublicense, and/or sell copies of the Software, and to
+ permit persons to whom the Software is furnished to do so, subject to
+ the following conditions:
+
+ The above copyright notice and this permission notice shall be
+ included in all copies or substantial portions of the Software.
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+ IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+ CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+ TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+ SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+ */
+
+(function (pool, math) {
+//
+// The following constants are related to IEEE 754 limits.
+//
+ var global = this,
+ width = 256, // each RC4 output is 0 <= x < 256
+ chunks = 6, // at least six RC4 outputs for each double
+ digits = 52, // there are 52 significant digits in a double
+ rngname = 'random', // rngname: name for Math.random and Math.seedrandom
+ startdenom = math.pow(width, chunks),
+ significance = math.pow(2, digits),
+ overflow = significance * 2,
+ mask = width - 1,
+ nodecrypto; // node.js crypto module, initialized at the bottom.
+
+//
+// seedrandom()
+// This is the seedrandom function described above.
+//
+ function seedrandom(seed, options, callback) {
+ var key = [];
+ options = (options === true) ? { entropy: true } : (options || {});
+
+ // Flatten the seed string or build one from local entropy if needed.
+ var shortseed = mixkey(flatten(
+ options.entropy ? [seed, tostring(pool)] :
+ (seed === null) ? autoseed() : seed, 3), key);
+
+ // Use the seed to initialize an ARC4 generator.
+ var arc4 = new ARC4(key);
+
+ // This function returns a random double in [0, 1) that contains
+ // randomness in every bit of the mantissa of the IEEE 754 value.
+ var prng = function() {
+ var n = arc4.g(chunks), // Start with a numerator n < 2 ^ 48
+ d = startdenom, // and denominator d = 2 ^ 48.
+ x = 0; // and no 'extra last byte'.
+ while (n < significance) { // Fill up all significant digits by
+ n = (n + x) * width; // shifting numerator and
+ d *= width; // denominator and generating a
+ x = arc4.g(1); // new least-significant-byte.
+ }
+ while (n >= overflow) { // To avoid rounding up, before adding
+ n /= 2; // last byte, shift everything
+ d /= 2; // right using integer math until
+ x >>>= 1; // we have exactly the desired bits.
+ }
+ return (n + x) / d; // Form the number within [0, 1).
+ };
+
+ prng.int32 = function() { return arc4.g(4) | 0; };
+ prng.quick = function() { return arc4.g(4) / 0x100000000; };
+ prng.double = prng;
+
+ // Mix the randomness into accumulated entropy.
+ mixkey(tostring(arc4.S), pool);
+
+ // Calling convention: what to return as a function of prng, seed, is_math.
+ return (options.pass || callback ||
+ function(prng, seed, is_math_call, state) {
+ if (state) {
+ // Load the arc4 state from the given state if it has an S array.
+ if (state.S) { copy(state, arc4); }
+ // Only provide the .state method if requested via options.state.
+ prng.state = function() { return copy(arc4, {}); };
+ }
+
+ // If called as a method of Math (Math.seedrandom()), mutate
+ // Math.random because that is how seedrandom.js has worked since v1.0.
+ if (is_math_call) { math[rngname] = prng; return seed; }
+
+ // Otherwise, it is a newer calling convention, so return the
+ // prng directly.
+ else return prng;
+ })(
+ prng,
+ shortseed,
+ 'global' in options ? options.global : (this == math),
+ options.state);
+ }
+ math['seed' + rngname] = seedrandom;
+
+//
+// ARC4
+//
+// An ARC4 implementation. The constructor takes a key in the form of
+// an array of at most (width) integers that should be 0 <= x < (width).
+//
+// The g(count) method returns a pseudorandom integer that concatenates
+// the next (count) outputs from ARC4. Its return value is a number x
+// that is in the range 0 <= x < (width ^ count).
+//
+ function ARC4(key) {
+ var t, keylen = key.length,
+ me = this, i = 0, j = me.i = me.j = 0, s = me.S = [];
+
+ // The empty key [] is treated as [0].
+ if (!keylen) { key = [keylen++]; }
+
+ // Set up S using the standard key scheduling algorithm.
+ while (i < width) {
+ s[i] = i++;
+ }
+ for (i = 0; i < width; i++) {
+ s[i] = s[j = mask & (j + key[i % keylen] + (t = s[i]))];
+ s[j] = t;
+ }
+
+ // The "g" method returns the next (count) outputs as one number.
+ me.g = function(count) {
+ // Using instance members instead of closure state nearly doubles speed.
+ var t, r = 0,
+ i = me.i, j = me.j, s = me.S;
+ while (count--) {
+ t = s[i = mask & (i + 1)];
+ r = r * width + s[mask & ((s[i] = s[j = mask & (j + t)]) + (s[j] = t))];
+ }
+ me.i = i; me.j = j;
+ return r;
+ // For robust unpredictability, the function call below automatically
+ // discards an initial batch of values. This is called RC4-drop[256].
+ // See http://google.com/search?q=rsa+fluhrer+response&btnI
+ };
+ }
+
+//
+// copy()
+// Copies internal state of ARC4 to or from a plain object.
+//
+ function copy(f, t) {
+ t.i = f.i;
+ t.j = f.j;
+ t.S = f.S.slice();
+ return t;
+ }
+
+//
+// flatten()
+// Converts an object tree to nested arrays of strings.
+//
+ function flatten(obj, depth) {
+ var result = [], typ = (typeof obj), prop;
+ if (depth && typ == 'object') {
+ for (prop in obj) {
+ try { result.push(flatten(obj[prop], depth - 1)); } catch (e) {}
+ }
+ }
+ return (result.length ? result : typ == 'string' ? obj : obj + '\0');
+ }
+
+//
+// mixkey()
+// Mixes a string seed into a key that is an array of integers, and
+// returns a shortened string seed that is equivalent to the result key.
+//
+ function mixkey(seed, key) {
+ var stringseed = seed + '', smear, j = 0;
+ while (j < stringseed.length) {
+ key[mask & j] =
+ mask & ((smear ^= key[mask & j] * 19) + stringseed.charCodeAt(j++));
+ }
+ return tostring(key);
+ }
+
+//
+// autoseed()
+// Returns an object for autoseeding, using window.crypto and Node crypto
+// module if available.
+//
+ function autoseed() {
+ try {
+ if (nodecrypto) { return tostring(nodecrypto.randomBytes(width)); }
+ var out = new Uint8Array(width);
+ (global.crypto || global.msCrypto).getRandomValues(out);
+ return tostring(out);
+ } catch (e) {
+ var browser = global.navigator,
+ plugins = browser && browser.plugins;
+ return [+new Date(), global, plugins, global.screen, tostring(pool)];
+ }
+ }
+
+//
+// tostring()
+// Converts an array of charcodes to a string
+//
+ function tostring(a) {
+ return String.fromCharCode.apply(0, a);
+ }
+
+//
+// When seedrandom.js is loaded, we immediately mix a few bits
+// from the built-in RNG into the entropy pool. Because we do
+// not want to interfere with deterministic PRNG state later,
+// seedrandom will not call math.random on its own again after
+// initialization.
+//
+ mixkey(math.random(), pool);
+
+//
+// Nodejs and AMD support: export the implementation as a module using
+// either convention.
+//
+
+// End anonymous scope, and pass initial values.
+})(
+ [], // pool: entropy pool starts empty
+ BMMath // math: package containing random, pow, and seedrandom
+);
+var BezierFactory = (function(){
+ /**
+ * BezierEasing - use bezier curve for transition easing function
+ * by Gaëtan Renaudeau 2014 - 2015 – MIT License
+ *
+ * Credits: is based on Firefox's nsSMILKeySpline.cpp
+ * Usage:
+ * var spline = BezierEasing([ 0.25, 0.1, 0.25, 1.0 ])
+ * spline.get(x) => returns the easing value | x must be in [0, 1] range
+ *
+ */
+
+ var ob = {};
+ ob.getBezierEasing = getBezierEasing;
+ var beziers = {};
+
+ function getBezierEasing(a,b,c,d,nm){
+ var str = nm || ('bez_' + a+'_'+b+'_'+c+'_'+d).replace(/\./g, 'p');
+ if(beziers[str]){
+ return beziers[str];
+ }
+ var bezEasing = new BezierEasing([a,b,c,d]);
+ beziers[str] = bezEasing;
+ return bezEasing;
+ }
+
+// These values are established by empiricism with tests (tradeoff: performance VS precision)
+ var NEWTON_ITERATIONS = 4;
+ var NEWTON_MIN_SLOPE = 0.001;
+ var SUBDIVISION_PRECISION = 0.0000001;
+ var SUBDIVISION_MAX_ITERATIONS = 10;
+
+ var kSplineTableSize = 11;
+ var kSampleStepSize = 1.0 / (kSplineTableSize - 1.0);
+
+ var float32ArraySupported = typeof Float32Array === "function";
+
+ function A (aA1, aA2) { return 1.0 - 3.0 * aA2 + 3.0 * aA1; }
+ function B (aA1, aA2) { return 3.0 * aA2 - 6.0 * aA1; }
+ function C (aA1) { return 3.0 * aA1; }
+
+// Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2.
+ function calcBezier (aT, aA1, aA2) {
+ return ((A(aA1, aA2)*aT + B(aA1, aA2))*aT + C(aA1))*aT;
+ }
+
+// Returns dx/dt given t, x1, and x2, or dy/dt given t, y1, and y2.
+ function getSlope (aT, aA1, aA2) {
+ return 3.0 * A(aA1, aA2)*aT*aT + 2.0 * B(aA1, aA2) * aT + C(aA1);
+ }
+
+ function binarySubdivide (aX, aA, aB, mX1, mX2) {
+ var currentX, currentT, i = 0;
+ do {
+ currentT = aA + (aB - aA) / 2.0;
+ currentX = calcBezier(currentT, mX1, mX2) - aX;
+ if (currentX > 0.0) {
+ aB = currentT;
+ } else {
+ aA = currentT;
+ }
+ } while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS);
+ return currentT;
+ }
+
+ function newtonRaphsonIterate (aX, aGuessT, mX1, mX2) {
+ for (var i = 0; i < NEWTON_ITERATIONS; ++i) {
+ var currentSlope = getSlope(aGuessT, mX1, mX2);
+ if (currentSlope === 0.0) return aGuessT;
+ var currentX = calcBezier(aGuessT, mX1, mX2) - aX;
+ aGuessT -= currentX / currentSlope;
+ }
+ return aGuessT;
+ }
+
+ /**
+ * points is an array of [ mX1, mY1, mX2, mY2 ]
+ */
+ function BezierEasing (points) {
+ this._p = points;
+ this._mSampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize);
+ this._precomputed = false;
+
+ this.get = this.get.bind(this);
+ }
+
+ BezierEasing.prototype = {
+
+ get: function (x) {
+ var mX1 = this._p[0],
+ mY1 = this._p[1],
+ mX2 = this._p[2],
+ mY2 = this._p[3];
+ if (!this._precomputed) this._precompute();
+ if (mX1 === mY1 && mX2 === mY2) return x; // linear
+ // Because JavaScript number are imprecise, we should guarantee the extremes are right.
+ if (x === 0) return 0;
+ if (x === 1) return 1;
+ return calcBezier(this._getTForX(x), mY1, mY2);
+ },
+
+ // Private part
+
+ _precompute: function () {
+ var mX1 = this._p[0],
+ mY1 = this._p[1],
+ mX2 = this._p[2],
+ mY2 = this._p[3];
+ this._precomputed = true;
+ if (mX1 !== mY1 || mX2 !== mY2)
+ this._calcSampleValues();
+ },
+
+ _calcSampleValues: function () {
+ var mX1 = this._p[0],
+ mX2 = this._p[2];
+ for (var i = 0; i < kSplineTableSize; ++i) {
+ this._mSampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);
+ }
+ },
+
+ /**
+ * getTForX chose the fastest heuristic to determine the percentage value precisely from a given X projection.
+ */
+ _getTForX: function (aX) {
+ var mX1 = this._p[0],
+ mX2 = this._p[2],
+ mSampleValues = this._mSampleValues;
+
+ var intervalStart = 0.0;
+ var currentSample = 1;
+ var lastSample = kSplineTableSize - 1;
+
+ for (; currentSample !== lastSample && mSampleValues[currentSample] <= aX; ++currentSample) {
+ intervalStart += kSampleStepSize;
+ }
+ --currentSample;
+
+ // Interpolate to provide an initial guess for t
+ var dist = (aX - mSampleValues[currentSample]) / (mSampleValues[currentSample+1] - mSampleValues[currentSample]);
+ var guessForT = intervalStart + dist * kSampleStepSize;
+
+ var initialSlope = getSlope(guessForT, mX1, mX2);
+ if (initialSlope >= NEWTON_MIN_SLOPE) {
+ return newtonRaphsonIterate(aX, guessForT, mX1, mX2);
+ } else if (initialSlope === 0.0) {
+ return guessForT;
+ } else {
+ return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2);
+ }
+ }
+ };
+
+ return ob;
+
+}());
+(function () {
+ var lastTime = 0;
+ var vendors = ['ms', 'moz', 'webkit', 'o'];
+ for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
+ window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];
+ window.cancelAnimationFrame = window[vendors[x] + 'CancelAnimationFrame'] || window[vendors[x] + 'CancelRequestAnimationFrame'];
+ }
+ if(!window.requestAnimationFrame)
+ window.requestAnimationFrame = function (callback, element) {
+ var currTime = new Date().getTime();
+ var timeToCall = Math.max(0, 16 - (currTime - lastTime));
+ var id = setTimeout(function () {
+ callback(currTime + timeToCall);
+ },
+ timeToCall);
+ lastTime = currTime + timeToCall;
+ return id;
+ };
+ if(!window.cancelAnimationFrame)
+ window.cancelAnimationFrame = function (id) {
+ clearTimeout(id);
+ };
+}());
+
+function extendPrototype(sources,destination){
+ var i, len = sources.length, sourcePrototype;
+ for (i = 0;i < len;i += 1) {
+ sourcePrototype = sources[i].prototype;
+ for (var attr in sourcePrototype) {
+ if (sourcePrototype.hasOwnProperty(attr)) destination.prototype[attr] = sourcePrototype[attr];
+ }
+ }
+}
+
+function getDescriptor(object, prop) {
+ return Object.getOwnPropertyDescriptor(object, prop);
+}
+
+function createProxyFunction(prototype) {
+ function ProxyFunction(){}
+ ProxyFunction.prototype = prototype;
+ return ProxyFunction;
+}
+function bezFunction(){
+
+ var easingFunctions = [];
+ var math = Math;
+
+ function pointOnLine2D(x1,y1, x2,y2, x3,y3){
+ var det1 = (x1*y2) + (y1*x3) + (x2*y3) - (x3*y2) - (y3*x1) - (x2*y1);
+ return det1 > -0.001 && det1 < 0.001;
+ }
+
+ function pointOnLine3D(x1,y1,z1, x2,y2,z2, x3,y3,z3){
+ if(z1 === 0 && z2 === 0 && z3 === 0) {
+ return pointOnLine2D(x1,y1, x2,y2, x3,y3);
+ }
+ var dist1 = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2) + Math.pow(z2 - z1, 2));
+ var dist2 = Math.sqrt(Math.pow(x3 - x1, 2) + Math.pow(y3 - y1, 2) + Math.pow(z3 - z1, 2));
+ var dist3 = Math.sqrt(Math.pow(x3 - x2, 2) + Math.pow(y3 - y2, 2) + Math.pow(z3 - z2, 2));
+ var diffDist;
+ if(dist1 > dist2){
+ if(dist1 > dist3){
+ diffDist = dist1 - dist2 - dist3;
+ } else {
+ diffDist = dist3 - dist2 - dist1;
+ }
+ } else if(dist3 > dist2){
+ diffDist = dist3 - dist2 - dist1;
+ } else {
+ diffDist = dist2 - dist1 - dist3;
+ }
+ return diffDist > -0.0001 && diffDist < 0.0001;
+ }
+
+ var getBezierLength = (function(){
+
+ return function(pt1,pt2,pt3,pt4){
+ var curveSegments = defaultCurveSegments;
+ var k;
+ var i, len;
+ var ptCoord,perc,addedLength = 0;
+ var ptDistance;
+ var point = [],lastPoint = [];
+ var lengthData = bezier_length_pool.newElement();
+ len = pt3.length;
+ for(k=0;k<curveSegments;k+=1){
+ perc = k/(curveSegments-1);
+ ptDistance = 0;
+ for(i=0;i<len;i+=1){
+ ptCoord = bm_pow(1-perc,3)*pt1[i]+3*bm_pow(1-perc,2)*perc*pt3[i]+3*(1-perc)*bm_pow(perc,2)*pt4[i]+bm_pow(perc,3)*pt2[i];
+ point[i] = ptCoord;
+ if(lastPoint[i] !== null){
+ ptDistance += bm_pow(point[i] - lastPoint[i],2);
+ }
+ lastPoint[i] = point[i];
+ }
+ if(ptDistance){
+ ptDistance = bm_sqrt(ptDistance);
+ addedLength += ptDistance;
+ }
+ lengthData.percents[k] = perc;
+ lengthData.lengths[k] = addedLength;
+ }
+ lengthData.addedLength = addedLength;
+ return lengthData;
+ };
+ }());
+
+ function getSegmentsLength(shapeData) {
+ var segmentsLength = segments_length_pool.newElement();
+ var closed = shapeData.c;
+ var pathV = shapeData.v;
+ var pathO = shapeData.o;
+ var pathI = shapeData.i;
+ var i, len = shapeData._length;
+ var lengths = segmentsLength.lengths;
+ var totalLength = 0;
+ for(i=0;i<len-1;i+=1){
+ lengths[i] = getBezierLength(pathV[i],pathV[i+1],pathO[i],pathI[i+1]);
+ totalLength += lengths[i].addedLength;
+ }
+ if(closed && len){
+ lengths[i] = getBezierLength(pathV[i],pathV[0],pathO[i],pathI[0]);
+ totalLength += lengths[i].addedLength;
+ }
+ segmentsLength.totalLength = totalLength;
+ return segmentsLength;
+ }
+
+ function BezierData(length){
+ this.segmentLength = 0;
+ this.points = new Array(length);
+ }
+
+ function PointData(partial,point){
+ this.partialLength = partial;
+ this.point = point;
+ }
+
+ var buildBezierData = (function(){
+
+ var storedData = {};
+
+ return function (keyData){
+ var pt1 = keyData.s;
+ var pt2 = keyData.e;
+ var pt3 = keyData.to;
+ var pt4 = keyData.ti;
+ var bezierName = (pt1[0]+'_'+pt1[1]+'_'+pt2[0]+'_'+pt2[1]+'_'+pt3[0]+'_'+pt3[1]+'_'+pt4[0]+'_'+pt4[1]).replace(/\./g, 'p');
+ if(storedData[bezierName]){
+ keyData.bezierData = storedData[bezierName];
+ return;
+ }
+ var curveSegments = defaultCurveSegments;
+ var k, i, len;
+ var ptCoord,perc,addedLength = 0;
+ var ptDistance;
+ var point,lastPoint = null;
+ if (pt1.length === 2 && (pt1[0] != pt2[0] || pt1[1] != pt2[1]) && pointOnLine2D(pt1[0],pt1[1],pt2[0],pt2[1],pt1[0]+pt3[0],pt1[1]+pt3[1]) && pointOnLine2D(pt1[0],pt1[1],pt2[0],pt2[1],pt2[0]+pt4[0],pt2[1]+pt4[1])){
+ curveSegments = 2;
+ }
+ var bezierData = new BezierData(curveSegments);
+ len = pt3.length;
+ for (k = 0; k < curveSegments; k += 1) {
+ point = createSizedArray(len);
+ perc = k / (curveSegments - 1);
+ ptDistance = 0;
+ for (i = 0; i < len; i += 1){
+ ptCoord = bm_pow(1-perc,3)*pt1[i]+3*bm_pow(1-perc,2)*perc*(pt1[i] + pt3[i])+3*(1-perc)*bm_pow(perc,2)*(pt2[i] + pt4[i])+bm_pow(perc,3)*pt2[i];
+ point[i] = ptCoord;
+ if(lastPoint !== null){
+ ptDistance += bm_pow(point[i] - lastPoint[i],2);
+ }
+ }
+ ptDistance = bm_sqrt(ptDistance);
+ addedLength += ptDistance;
+ bezierData.points[k] = new PointData(ptDistance, point);
+ lastPoint = point;
+ }
+ bezierData.segmentLength = addedLength;
+ keyData.bezierData = bezierData;
+ storedData[bezierName] = bezierData;
+ };
+ }());
+
+ function getDistancePerc(perc,bezierData){
+ var percents = bezierData.percents;
+ var lengths = bezierData.lengths;
+ var len = percents.length;
+ var initPos = bm_floor((len-1)*perc);
+ var lengthPos = perc*bezierData.addedLength;
+ var lPerc = 0;
+ if(initPos === len - 1 || initPos === 0 || lengthPos === lengths[initPos]){
+ return percents[initPos];
+ }else{
+ var dir = lengths[initPos] > lengthPos ? -1 : 1;
+ var flag = true;
+ while(flag){
+ if(lengths[initPos] <= lengthPos && lengths[initPos+1] > lengthPos){
+ lPerc = (lengthPos - lengths[initPos]) / (lengths[initPos+1] - lengths[initPos]);
+ flag = false;
+ }else{
+ initPos += dir;
+ }
+ if(initPos < 0 || initPos >= len - 1){
+ //FIX for TypedArrays that don't store floating point values with enough accuracy
+ if(initPos === len - 1) {
+ return percents[initPos];
+ }
+ flag = false;
+ }
+ }
+ return percents[initPos] + (percents[initPos+1] - percents[initPos])*lPerc;
+ }
+ }
+
+ function getPointInSegment(pt1, pt2, pt3, pt4, percent, bezierData) {
+ var t1 = getDistancePerc(percent,bezierData);
+ var u0 = 1;
+ var u1 = 1 - t1;
+ var ptX = Math.round((u1*u1*u1* pt1[0] + (t1*u1*u1 + u1*t1*u1 + u1*u1*t1)* pt3[0] + (t1*t1*u1 + u1*t1*t1 + t1*u1*t1)*pt4[0] + t1*t1*t1* pt2[0])* 1000) / 1000;
+ var ptY = Math.round((u1*u1*u1* pt1[1] + (t1*u1*u1 + u1*t1*u1 + u1*u1*t1)* pt3[1] + (t1*t1*u1 + u1*t1*t1 + t1*u1*t1)*pt4[1] + t1*t1*t1* pt2[1])* 1000) / 1000;
+ return [ptX, ptY];
+ }
+
+ function getSegmentArray() {
+
+ }
+
+ var bezier_segment_points = createTypedArray('float32', 8);
+
+ function getNewSegment(pt1,pt2,pt3,pt4,startPerc,endPerc, bezierData){
+
+ startPerc = startPerc < 0 ? 0 : startPerc > 1 ? 1 : startPerc;
+ var t0 = getDistancePerc(startPerc,bezierData);
+ endPerc = endPerc > 1 ? 1 : endPerc;
+ var t1 = getDistancePerc(endPerc,bezierData);
+ var i, len = pt1.length;
+ var u0 = 1 - t0;
+ var u1 = 1 - t1;
+ var u0u0u0 = u0*u0*u0;
+ var t0u0u0_3 = t0*u0*u0*3;
+ var t0t0u0_3 = t0*t0*u0*3;
+ var t0t0t0 = t0*t0*t0;
+ //
+ var u0u0u1 = u0*u0*u1;
+ var t0u0u1_3 = t0*u0*u1 + u0*t0*u1 + u0*u0*t1;
+ var t0t0u1_3 = t0*t0*u1 + u0*t0*t1 + t0*u0*t1;
+ var t0t0t1 = t0*t0*t1;
+ //
+ var u0u1u1 = u0*u1*u1;
+ var t0u1u1_3 = t0*u1*u1 + u0*t1*u1 + u0*u1*t1;
+ var t0t1u1_3 = t0*t1*u1 + u0*t1*t1 + t0*u1*t1;
+ var t0t1t1 = t0*t1*t1;
+ //
+ var u1u1u1 = u1*u1*u1;
+ var t1u1u1_3 = t1*u1*u1 + u1*t1*u1 + u1*u1*t1;
+ var t1t1u1_3 = t1*t1*u1 + u1*t1*t1 + t1*u1*t1;
+ var t1t1t1 = t1*t1*t1;
+ for(i=0;i<len;i+=1){
+ bezier_segment_points[i * 4] = Math.round((u0u0u0 * pt1[i] + t0u0u0_3 * pt3[i] + t0t0u0_3 * pt4[i] + t0t0t0 * pt2[i]) * 1000) / 1000;
+ bezier_segment_points[i * 4 + 1] = Math.round((u0u0u1 * pt1[i] + t0u0u1_3 * pt3[i] + t0t0u1_3 * pt4[i] + t0t0t1 * pt2[i]) * 1000) / 1000;
+ bezier_segment_points[i * 4 + 2] = Math.round((u0u1u1 * pt1[i] + t0u1u1_3 * pt3[i] + t0t1u1_3 * pt4[i] + t0t1t1 * pt2[i]) * 1000) / 1000;
+ bezier_segment_points[i * 4 + 3] = Math.round((u1u1u1 * pt1[i] + t1u1u1_3 * pt3[i] + t1t1u1_3 * pt4[i] + t1t1t1 * pt2[i]) * 1000) / 1000;
+ }
+
+ return bezier_segment_points;
+ }
+
+ return {
+ getSegmentsLength : getSegmentsLength,
+ getNewSegment : getNewSegment,
+ getPointInSegment : getPointInSegment,
+ buildBezierData : buildBezierData,
+ pointOnLine2D : pointOnLine2D,
+ pointOnLine3D : pointOnLine3D
+ };
+}
+
+var bez = bezFunction();
+function dataFunctionManager(){
+
+ //var tCanvasHelper = createTag('canvas').getContext('2d');
+
+ function completeLayers(layers, comps, fontManager){
+ var layerData;
+ var animArray, lastFrame;
+ var i, len = layers.length;
+ var j, jLen, k, kLen;
+ for(i=0;i<len;i+=1){
+ layerData = layers[i];
+ if(!('ks' in layerData) || layerData.completed){
+ continue;
+ }
+ layerData.completed = true;
+ if(layerData.tt){
+ layers[i-1].td = layerData.tt;
+ }
+ animArray = [];
+ lastFrame = -1;
+ if(layerData.hasMask){
+ var maskProps = layerData.masksProperties;
+ jLen = maskProps.length;
+ for(j=0;j<jLen;j+=1){
+ if(maskProps[j].pt.k.i){
+ convertPathsToAbsoluteValues(maskProps[j].pt.k);
+ }else{
+ kLen = maskProps[j].pt.k.length;
+ for(k=0;k<kLen;k+=1){
+ if(maskProps[j].pt.k[k].s){
+ convertPathsToAbsoluteValues(maskProps[j].pt.k[k].s[0]);
+ }
+ if(maskProps[j].pt.k[k].e){
+ convertPathsToAbsoluteValues(maskProps[j].pt.k[k].e[0]);
+ }
+ }
+ }
+ }
+ }
+ if(layerData.ty===0){
+ layerData.layers = findCompLayers(layerData.refId, comps);
+ completeLayers(layerData.layers,comps, fontManager);
+ }else if(layerData.ty === 4){
+ completeShapes(layerData.shapes);
+ }else if(layerData.ty == 5){
+ completeText(layerData, fontManager);
+ }
+ }
+ }
+
+ function findCompLayers(id,comps){
+ var i = 0, len = comps.length;
+ while(i<len){
+ if(comps[i].id === id){
+ if(!comps[i].layers.__used) {
+ comps[i].layers.__used = true;
+ return comps[i].layers;
+ }
+ return JSON.parse(JSON.stringify(comps[i].layers));
+ }
+ i += 1;
+ }
+ }
+
+ function completeShapes(arr){
+ var i, len = arr.length;
+ var j, jLen;
+ var hasPaths = false;
+ for(i=len-1;i>=0;i-=1){
+ if(arr[i].ty == 'sh'){
+ if(arr[i].ks.k.i){
+ convertPathsToAbsoluteValues(arr[i].ks.k);
+ }else{
+ jLen = arr[i].ks.k.length;
+ for(j=0;j<jLen;j+=1){
+ if(arr[i].ks.k[j].s){
+ convertPathsToAbsoluteValues(arr[i].ks.k[j].s[0]);
+ }
+ if(arr[i].ks.k[j].e){
+ convertPathsToAbsoluteValues(arr[i].ks.k[j].e[0]);
+ }
+ }
+ }
+ hasPaths = true;
+ }else if(arr[i].ty == 'gr'){
+ completeShapes(arr[i].it);
+ }
+ }
+ /*if(hasPaths){
+ //mx: distance
+ //ss: sensitivity
+ //dc: decay
+ arr.splice(arr.length-1,0,{
+ "ty": "ms",
+ "mx":20,
+ "ss":10,
+ "dc":0.001,
+ "maxDist":200
+ });
+ }*/
+ }
+
+ function convertPathsToAbsoluteValues(path){
+ var i, len = path.i.length;
+ for(i=0;i<len;i+=1){
+ path.i[i][0] += path.v[i][0];
+ path.i[i][1] += path.v[i][1];
+ path.o[i][0] += path.v[i][0];
+ path.o[i][1] += path.v[i][1];
+ }
+ }
+
+ function checkVersion(minimum,animVersionString){
+ var animVersion = animVersionString ? animVersionString.split('.') : [100,100,100];
+ if(minimum[0]>animVersion[0]){
+ return true;
+ } else if(animVersion[0] > minimum[0]){
+ return false;
+ }
+ if(minimum[1]>animVersion[1]){
+ return true;
+ } else if(animVersion[1] > minimum[1]){
+ return false;
+ }
+ if(minimum[2]>animVersion[2]){
+ return true;
+ } else if(animVersion[2] > minimum[2]){
+ return false;
+ }
+ }
+
+ var checkText = (function(){
+ var minimumVersion = [4,4,14];
+
+ function updateTextLayer(textLayer){
+ var documentData = textLayer.t.d;
+ textLayer.t.d = {
+ k: [
+ {
+ s:documentData,
+ t:0
+ }
+ ]
+ };
+ }
+
+ function iterateLayers(layers){
+ var i, len = layers.length;
+ for(i=0;i<len;i+=1){
+ if(layers[i].ty === 5){
+ updateTextLayer(layers[i]);
+ }
+ }
+ }
+
+ return function (animationData){
+ if(checkVersion(minimumVersion,animationData.v)){
+ iterateLayers(animationData.layers);
+ if(animationData.assets){
+ var i, len = animationData.assets.length;
+ for(i=0;i<len;i+=1){
+ if(animationData.assets[i].layers){
+ iterateLayers(animationData.assets[i].layers);
+
+ }
+ }
+ }
+ }
+ };
+ }());
+
+ var checkChars = (function() {
+ var minimumVersion = [4,7,99];
+ return function (animationData){
+ if(animationData.chars && !checkVersion(minimumVersion,animationData.v)){
+ var i, len = animationData.chars.length, j, jLen, k, kLen;
+ var pathData, paths;
+ for(i = 0; i < len; i += 1) {
+ if(animationData.chars[i].data && animationData.chars[i].data.shapes) {
+ paths = animationData.chars[i].data.shapes[0].it;
+ jLen = paths.length;
+
+ for(j = 0; j < jLen; j += 1) {
+ pathData = paths[j].ks.k;
+ if(!pathData.__converted) {
+ convertPathsToAbsoluteValues(paths[j].ks.k);
+ pathData.__converted = true;
+ }
+ }
+ }
+ }
+ }
+ };
+ }());
+
+ var checkColors = (function(){
+ var minimumVersion = [4,1,9];
+
+ function iterateShapes(shapes){
+ var i, len = shapes.length;
+ var j, jLen;
+ for(i=0;i<len;i+=1){
+ if(shapes[i].ty === 'gr'){
+ iterateShapes(shapes[i].it);
+ }else if(shapes[i].ty === 'fl' || shapes[i].ty === 'st'){
+ if(shapes[i].c.k && shapes[i].c.k[0].i){
+ jLen = shapes[i].c.k.length;
+ for(j=0;j<jLen;j+=1){
+ if(shapes[i].c.k[j].s){
+ shapes[i].c.k[j].s[0] /= 255;
+ shapes[i].c.k[j].s[1] /= 255;
+ shapes[i].c.k[j].s[2] /= 255;
+ shapes[i].c.k[j].s[3] /= 255;
+ }
+ if(shapes[i].c.k[j].e){
+ shapes[i].c.k[j].e[0] /= 255;
+ shapes[i].c.k[j].e[1] /= 255;
+ shapes[i].c.k[j].e[2] /= 255;
+ shapes[i].c.k[j].e[3] /= 255;
+ }
+ }
+ } else {
+ shapes[i].c.k[0] /= 255;
+ shapes[i].c.k[1] /= 255;
+ shapes[i].c.k[2] /= 255;
+ shapes[i].c.k[3] /= 255;
+ }
+ }
+ }
+ }
+
+ function iterateLayers(layers){
+ var i, len = layers.length;
+ for(i=0;i<len;i+=1){
+ if(layers[i].ty === 4){
+ iterateShapes(layers[i].shapes);
+ }
+ }
+ }
+
+ return function (animationData){
+ if(checkVersion(minimumVersion,animationData.v)){
+ iterateLayers(animationData.layers);
+ if(animationData.assets){
+ var i, len = animationData.assets.length;
+ for(i=0;i<len;i+=1){
+ if(animationData.assets[i].layers){
+ iterateLayers(animationData.assets[i].layers);
+
+ }
+ }
+ }
+ }
+ };
+ }());
+
+ var checkShapes = (function(){
+ var minimumVersion = [4,4,18];
+
+
+
+ function completeShapes(arr){
+ var i, len = arr.length;
+ var j, jLen;
+ var hasPaths = false;
+ for(i=len-1;i>=0;i-=1){
+ if(arr[i].ty == 'sh'){
+ if(arr[i].ks.k.i){
+ arr[i].ks.k.c = arr[i].closed;
+ }else{
+ jLen = arr[i].ks.k.length;
+ for(j=0;j<jLen;j+=1){
+ if(arr[i].ks.k[j].s){
+ arr[i].ks.k[j].s[0].c = arr[i].closed;
+ }
+ if(arr[i].ks.k[j].e){
+ arr[i].ks.k[j].e[0].c = arr[i].closed;
+ }
+ }
+ }
+ hasPaths = true;
+ }else if(arr[i].ty == 'gr'){
+ completeShapes(arr[i].it);
+ }
+ }
+ }
+
+ function iterateLayers(layers){
+ var layerData;
+ var i, len = layers.length;
+ var j, jLen, k, kLen;
+ for(i=0;i<len;i+=1){
+ layerData = layers[i];
+ if(layerData.hasMask){
+ var maskProps = layerData.masksProperties;
+ jLen = maskProps.length;
+ for(j=0;j<jLen;j+=1){
+ if(maskProps[j].pt.k.i){
+ maskProps[j].pt.k.c = maskProps[j].cl;
+ }else{
+ kLen = maskProps[j].pt.k.length;
+ for(k=0;k<kLen;k+=1){
+ if(maskProps[j].pt.k[k].s){
+ maskProps[j].pt.k[k].s[0].c = maskProps[j].cl;
+ }
+ if(maskProps[j].pt.k[k].e){
+ maskProps[j].pt.k[k].e[0].c = maskProps[j].cl;
+ }
+ }
+ }
+ }
+ }
+ if(layerData.ty === 4){
+ completeShapes(layerData.shapes);
+ }
+ }
+ }
+
+ return function (animationData){
+ if(checkVersion(minimumVersion,animationData.v)){
+ iterateLayers(animationData.layers);
+ if(animationData.assets){
+ var i, len = animationData.assets.length;
+ for(i=0;i<len;i+=1){
+ if(animationData.assets[i].layers){
+ iterateLayers(animationData.assets[i].layers);
+
+ }
+ }
+ }
+ }
+ };
+ }());
+
+ function completeData(animationData, fontManager){
+ if(animationData.__complete){
+ return;
+ }
+ checkColors(animationData);
+ checkText(animationData);
+ checkChars(animationData);
+ checkShapes(animationData);
+ completeLayers(animationData.layers, animationData.assets, fontManager);
+ animationData.__complete = true;
+ //blitAnimation(animationData, animationData.assets, fontManager);
+ }
+
+ function completeText(data, fontManager){
+ if(data.t.a.length === 0 && !('m' in data.t.p)){
+ data.singleShape = true;
+ }
+ }
+
+ var moduleOb = {};
+ moduleOb.completeData = completeData;
+
+ return moduleOb;
+}
+
+var dataManager = dataFunctionManager();
+var FontManager = (function(){
+
+ var maxWaitingTime = 5000;
+ var emptyChar = {
+ w: 0,
+ size:0,
+ shapes:[]
+ };
+ var combinedCharacters = [];
+ //Hindi characters
+ combinedCharacters = combinedCharacters.concat([2304, 2305, 2306, 2307, 2362, 2363, 2364, 2364, 2366
+ , 2367, 2368, 2369, 2370, 2371, 2372, 2373, 2374, 2375, 2376, 2377, 2378, 2379
+ , 2380, 2381, 2382, 2383, 2387, 2388, 2389, 2390, 2391, 2402, 2403]);
+
+ function setUpNode(font, family){
+ var parentNode = createTag('span');
+ parentNode.style.fontFamily = family;
+ var node = createTag('span');
+ // Characters that vary significantly among different fonts
+ node.innerHTML = 'giItT1WQy@!-/#';
+ // Visible - so we can measure it - but not on the screen
+ parentNode.style.position = 'absolute';
+ parentNode.style.left = '-10000px';
+ parentNode.style.top = '-10000px';
+ // Large font size makes even subtle changes obvious
+ parentNode.style.fontSize = '300px';
+ // Reset any font properties
+ parentNode.style.fontVariant = 'normal';
+ parentNode.style.fontStyle = 'normal';
+ parentNode.style.fontWeight = 'normal';
+ parentNode.style.letterSpacing = '0';
+ parentNode.appendChild(node);
+ document.body.appendChild(parentNode);
+
+ // Remember width with no applied web font
+ var width = node.offsetWidth;
+ node.style.fontFamily = font + ', '+family;
+ return {node:node, w:width, parent:parentNode};
+ }
+
+ function checkLoadedFonts() {
+ var i, len = this.fonts.length;
+ var node, w;
+ var loadedCount = len;
+ for(i=0;i<len; i+= 1){
+ if(this.fonts[i].loaded){
+ loadedCount -= 1;
+ continue;
+ }
+ if(this.fonts[i].fOrigin === 'n' || this.fonts[i].origin === 0){
+ this.fonts[i].loaded = true;
+ } else{
+ node = this.fonts[i].monoCase.node;
+ w = this.fonts[i].monoCase.w;
+ if(node.offsetWidth !== w){
+ loadedCount -= 1;
+ this.fonts[i].loaded = true;
+ }else{
+ node = this.fonts[i].sansCase.node;
+ w = this.fonts[i].sansCase.w;
+ if(node.offsetWidth !== w){
+ loadedCount -= 1;
+ this.fonts[i].loaded = true;
+ }
+ }
+ if(this.fonts[i].loaded){
+ this.fonts[i].sansCase.parent.parentNode.removeChild(this.fonts[i].sansCase.parent);
+ this.fonts[i].monoCase.parent.parentNode.removeChild(this.fonts[i].monoCase.parent);
+ }
+ }
+ }
+
+ if(loadedCount !== 0 && Date.now() - this.initTime < maxWaitingTime){
+ setTimeout(this.checkLoadedFonts.bind(this),20);
+ }else{
+ setTimeout(function(){this.isLoaded = true;}.bind(this),0);
+
+ }
+ }
+
+ function createHelper(def, fontData){
+ var tHelper = createNS('text');
+ tHelper.style.fontSize = '100px';
+ //tHelper.style.fontFamily = fontData.fFamily;
+ tHelper.setAttribute('font-family', fontData.fFamily);
+ tHelper.setAttribute('font-style', fontData.fStyle);
+ tHelper.setAttribute('font-weight', fontData.fWeight);
+ tHelper.textContent = '1';
+ if(fontData.fClass){
+ tHelper.style.fontFamily = 'inherit';
+ tHelper.className = fontData.fClass;
+ } else {
+ tHelper.style.fontFamily = fontData.fFamily;
+ }
+ def.appendChild(tHelper);
+ var tCanvasHelper = createTag('canvas').getContext('2d');
+ tCanvasHelper.font = fontData.fWeight + ' ' + fontData.fStyle + ' 100px '+ fontData.fFamily;
+ //tCanvasHelper.font = ' 100px '+ fontData.fFamily;
+ return tHelper;
+ }
+
+ function addFonts(fontData, defs){
+ if(!fontData){
+ this.isLoaded = true;
+ return;
+ }
+ if(this.chars){
+ this.isLoaded = true;
+ this.fonts = fontData.list;
+ return;
+ }
+
+
+ var fontArr = fontData.list;
+ var i, len = fontArr.length;
+ var _pendingFonts = len;
+ for(i=0; i<len; i+= 1){
+ var shouldLoadFont = true;
+ var loadedSelector;
+ var j;
+ fontArr[i].loaded = false;
+ fontArr[i].monoCase = setUpNode(fontArr[i].fFamily,'monospace');
+ fontArr[i].sansCase = setUpNode(fontArr[i].fFamily,'sans-serif');
+ if(!fontArr[i].fPath) {
+ fontArr[i].loaded = true;
+ _pendingFonts -= 1;
+ }else if(fontArr[i].fOrigin === 'p' || fontArr[i].origin === 3){
+ loadedSelector = document.querySelectorAll('style[f-forigin="p"][f-family="'+ fontArr[i].fFamily +'"], style[f-origin="3"][f-family="'+ fontArr[i].fFamily +'"]');
+
+ if (loadedSelector.length > 0) {
+ shouldLoadFont = false;
+ }
+
+ if (shouldLoadFont) {
+ var s = createTag('style');
+ s.setAttribute('f-forigin', fontArr[i].fOrigin);
+ s.setAttribute('f-origin', fontArr[i].origin);
+ s.setAttribute('f-family', fontArr[i].fFamily);
+ s.type = "text/css";
+ s.innerHTML = "@font-face {" + "font-family: "+fontArr[i].fFamily+"; font-style: normal; src: url('"+fontArr[i].fPath+"');}";
+ defs.appendChild(s);
+ }
+ } else if(fontArr[i].fOrigin === 'g' || fontArr[i].origin === 1){
+ loadedSelector = document.querySelectorAll('link[f-forigin="g"], link[f-origin="1"]');
+
+ for (j = 0; j < loadedSelector.length; j++) {
+ if (loadedSelector[j].href.indexOf(fontArr[i].fPath) !== -1) {
+ // Font is already loaded
+ shouldLoadFont = false;
+ }
+ }
+
+ if (shouldLoadFont) {
+ var l = createTag('link');
+ l.setAttribute('f-forigin', fontArr[i].fOrigin);
+ l.setAttribute('f-origin', fontArr[i].origin);
+ l.type = "text/css";
+ l.rel = "stylesheet";
+ l.href = fontArr[i].fPath;
+ document.body.appendChild(l);
+ }
+ } else if(fontArr[i].fOrigin === 't' || fontArr[i].origin === 2){
+ loadedSelector = document.querySelectorAll('script[f-forigin="t"], script[f-origin="2"]');
+
+ for (j = 0; j < loadedSelector.length; j++) {
+ if (fontArr[i].fPath === loadedSelector[j].src) {
+ // Font is already loaded
+ shouldLoadFont = false;
+ }
+ }
+
+ if (shouldLoadFont) {
+ var sc = createTag('link');
+ sc.setAttribute('f-forigin', fontArr[i].fOrigin);
+ sc.setAttribute('f-origin', fontArr[i].origin);
+ sc.setAttribute('rel','stylesheet');
+ sc.setAttribute('href',fontArr[i].fPath);
+ defs.appendChild(sc);
+ }
+ }
+ fontArr[i].helper = createHelper(defs,fontArr[i]);
+ fontArr[i].cache = {};
+ this.fonts.push(fontArr[i]);
+ }
+ if (_pendingFonts === 0) {
+ this.isLoaded = true;
+ } else {
+ //On some cases even if the font is loaded, it won't load correctly when measuring text on canvas.
+ //Adding this timeout seems to fix it
+ setTimeout(this.checkLoadedFonts.bind(this), 100);
+ }
+ }
+
+ function addChars(chars){
+ if(!chars){
+ return;
+ }
+ if(!this.chars){
+ this.chars = [];
+ }
+ var i, len = chars.length;
+ var j, jLen = this.chars.length, found;
+ for(i=0;i<len;i+=1){
+ j = 0;
+ found = false;
+ while(j<jLen){
+ if(this.chars[j].style === chars[i].style && this.chars[j].fFamily === chars[i].fFamily && this.chars[j].ch === chars[i].ch){
+ found = true;
+ }
+ j += 1;
+ }
+ if(!found){
+ this.chars.push(chars[i]);
+ jLen += 1;
+ }
+ }
+ }
+
+ function getCharData(char, style, font){
+ var i = 0, len = this.chars.length;
+ while( i < len) {
+ if(this.chars[i].ch === char && this.chars[i].style === style && this.chars[i].fFamily === font){
+ return this.chars[i];
+ }
+ i+= 1;
+ }
+ if(console && console.warn) {
+ console.warn('Missing character from exported characters list: ', char, style, font);
+ }
+ return emptyChar;
+ }
+
+ function measureText(char, fontName, size) {
+ var fontData = this.getFontByName(fontName);
+ var index = char.charCodeAt(0);
+ if(!fontData.cache[index + 1]) {
+ var tHelper = fontData.helper;
+ //Canvas version
+ //fontData.cache[index] = tHelper.measureText(char).width / 100;
+ //SVG version
+ //console.log(tHelper.getBBox().width)
+ if (char === ' ') {
+ tHelper.textContent = '|' + char + '|';
+ var doubleSize = tHelper.getComputedTextLength();
+ tHelper.textContent = '||';
+ var singleSize = tHelper.getComputedTextLength();
+ fontData.cache[index + 1] = (doubleSize - singleSize)/100;
+ } else {
+ tHelper.textContent = char;
+ fontData.cache[index + 1] = (tHelper.getComputedTextLength())/100;
+ }
+ }
+ return fontData.cache[index + 1] * size;
+ }
+
+ function getFontByName(name){
+ var i = 0, len = this.fonts.length;
+ while(i<len){
+ if(this.fonts[i].fName === name) {
+ return this.fonts[i];
+ }
+ i += 1;
+ }
+ return this.fonts[0];
+ }
+
+ function getCombinedCharacterCodes() {
+ return combinedCharacters;
+ }
+
+ function loaded() {
+ return this.isLoaded;
+ }
+
+ var Font = function(){
+ this.fonts = [];
+ this.chars = null;
+ this.typekitLoaded = 0;
+ this.isLoaded = false;
+ this.initTime = Date.now();
+ };
+ //TODO: for now I'm adding these methods to the Class and not the prototype. Think of a better way to implement it.
+ Font.getCombinedCharacterCodes = getCombinedCharacterCodes;
+
+ Font.prototype.addChars = addChars;
+ Font.prototype.addFonts = addFonts;
+ Font.prototype.getCharData = getCharData;
+ Font.prototype.getFontByName = getFontByName;
+ Font.prototype.measureText = measureText;
+ Font.prototype.checkLoadedFonts = checkLoadedFonts;
+ Font.prototype.loaded = loaded;
+
+ return Font;
+
+}());
+var PropertyFactory = (function(){
+
+ var initFrame = initialDefaultFrame;
+ var math_abs = Math.abs;
+
+ function interpolateValue(frameNum, caching) {
+ var offsetTime = this.offsetTime;
+ var newValue;
+ if (this.propType === 'multidimensional') {
+ newValue = createTypedArray('float32', this.pv.length);
+ }
+ var iterationIndex = caching.lastIndex;
+ var i = iterationIndex;
+ var len = this.keyframes.length - 1, flag = true;
+ var keyData, nextKeyData;
+
+ while (flag) {
+ keyData = this.keyframes[i];
+ nextKeyData = this.keyframes[i + 1];
+ if (i === len - 1 && frameNum >= nextKeyData.t - offsetTime){
+ if(keyData.h){
+ keyData = nextKeyData;
+ }
+ iterationIndex = 0;
+ break;
+ }
+ if ((nextKeyData.t - offsetTime) > frameNum){
+ iterationIndex = i;
+ break;
+ }
+ if (i < len - 1){
+ i += 1;
+ } else {
+ iterationIndex = 0;
+ flag = false;
+ }
+ }
+
+ var k, kLen, perc, jLen, j, fnc;
+ var nextKeyTime = nextKeyData.t - offsetTime;
+ var keyTime = keyData.t - offsetTime;
+ if (keyData.to) {
+ if (!keyData.bezierData) {
+ bez.buildBezierData(keyData);
+ }
+ var bezierData = keyData.bezierData;
+ if (frameNum >= nextKeyTime || frameNum < keyTime) {
+ var ind = frameNum >= nextKeyTime ? bezierData.points.length - 1 : 0;
+ kLen = bezierData.points[ind].point.length;
+ for (k = 0; k < kLen; k += 1) {
+ newValue[k] = bezierData.points[ind].point[k];
+ }
+ // caching._lastBezierData = null;
+ } else {
+ if (keyData.__fnct) {
+ fnc = keyData.__fnct;
+ } else {
+ fnc = BezierFactory.getBezierEasing(keyData.o.x, keyData.o.y, keyData.i.x, keyData.i.y, keyData.n).get;
+ keyData.__fnct = fnc;
+ }
+ perc = fnc((frameNum - keyTime) / (nextKeyTime - keyTime));
+ var distanceInLine = bezierData.segmentLength*perc;
+
+ var segmentPerc;
+ var addedLength = (caching.lastFrame < frameNum && caching._lastBezierData === bezierData) ? caching._lastAddedLength : 0;
+ j = (caching.lastFrame < frameNum && caching._lastBezierData === bezierData) ? caching._lastPoint : 0;
+ flag = true;
+ jLen = bezierData.points.length;
+ while (flag) {
+ addedLength += bezierData.points[j].partialLength;
+ if (distanceInLine === 0 || perc === 0 || j === bezierData.points.length - 1) {
+ kLen = bezierData.points[j].point.length;
+ for (k = 0; k < kLen; k += 1) {
+ newValue[k] = bezierData.points[j].point[k];
+ }
+ break;
+ } else if (distanceInLine >= addedLength && distanceInLine < addedLength + bezierData.points[j + 1].partialLength) {
+ segmentPerc = (distanceInLine - addedLength) / bezierData.points[j + 1].partialLength;
+ kLen = bezierData.points[j].point.length;
+ for (k = 0; k < kLen; k += 1) {
+ newValue[k] = bezierData.points[j].point[k] + (bezierData.points[j + 1].point[k] - bezierData.points[j].point[k]) * segmentPerc;
+ }
+ break;
+ }
+ if (j < jLen - 1){
+ j += 1;
+ } else {
+ flag = false;
+ }
+ }
+ caching._lastPoint = j;
+ caching._lastAddedLength = addedLength - bezierData.points[j].partialLength;
+ caching._lastBezierData = bezierData;
+ }
+ } else {
+ var outX, outY, inX, inY, keyValue;
+ len = keyData.s.length;
+ if (this.sh && keyData.h !== 1) {
+ if (frameNum >= nextKeyTime) {
+ newValue[0] = keyData.e[0];
+ newValue[1] = keyData.e[1];
+ newValue[2] = keyData.e[2];
+ } else if (frameNum <= keyTime) {
+ newValue[0] = keyData.s[0];
+ newValue[1] = keyData.s[1];
+ newValue[2] = keyData.s[2];
+ } else {
+ var quatStart = createQuaternion(keyData.s);
+ var quatEnd = createQuaternion(keyData.e);
+ var time = (frameNum - keyTime) / (nextKeyTime - keyTime);
+ quaternionToEuler(newValue, slerp(quatStart, quatEnd, time));
+ }
+
+ } else {
+ for(i = 0; i < len; i += 1) {
+ if (keyData.h !== 1) {
+ if (frameNum >= nextKeyTime) {
+ perc = 1;
+ } else if(frameNum < keyTime) {
+ perc = 0;
+ } else {
+ if(keyData.o.x.constructor === Array) {
+ if (!keyData.__fnct) {
+ keyData.__fnct = [];
+ }
+ if (!keyData.__fnct[i]) {
+ outX = (typeof keyData.o.x[i] === undefined) ? keyData.o.x[0] : keyData.o.x[i];
+ outY = (typeof keyData.o.y[i] === undefined) ? keyData.o.y[0] : keyData.o.y[i];
+ inX = (typeof keyData.i.x[i] === undefined) ? keyData.i.x[0] : keyData.i.x[i];
+ inY = (typeof keyData.i.y[i] === undefined) ? keyData.i.y[0] : keyData.i.y[i];
+
+ fnc = BezierFactory.getBezierEasing(outX, outY, inX, inY).get;
+ keyData.__fnct[i] = fnc;
+ } else {
+ fnc = keyData.__fnct[i];
+ }
+ } else {
+ if (!keyData.__fnct) {
+ outX = keyData.o.x;
+ outY = keyData.o.y;
+ inX = keyData.i.x;
+ inY = keyData.i.y;
+ fnc = BezierFactory.getBezierEasing(outX, outY, inX, inY).get;
+ keyData.__fnct = fnc;
+ } else {
+ fnc = keyData.__fnct;
+ }
+ }
+ perc = fnc((frameNum - keyTime) / (nextKeyTime - keyTime ));
+ }
+ }
+
+ keyValue = keyData.h === 1 ? keyData.s[i] : keyData.s[i] + (keyData.e[i] - keyData.s[i]) * perc;
+
+ if (len === 1) {
+ newValue = keyValue;
+ } else {
+ newValue[i] = keyValue;
+ }
+ }
+ }
+ }
+ caching.lastIndex = iterationIndex;
+ return newValue;
+ }
+
+ //based on @Toji's https://github.com/toji/gl-matrix/
+ function slerp(a, b, t) {
+ var out = [];
+ var ax = a[0], ay = a[1], az = a[2], aw = a[3],
+ bx = b[0], by = b[1], bz = b[2], bw = b[3]
+
+ var omega, cosom, sinom, scale0, scale1;
+
+ cosom = ax * bx + ay * by + az * bz + aw * bw;
+ if (cosom < 0.0) {
+ cosom = -cosom;
+ bx = -bx;
+ by = -by;
+ bz = -bz;
+ bw = -bw;
+ }
+ if ((1.0 - cosom) > 0.000001) {
+ omega = Math.acos(cosom);
+ sinom = Math.sin(omega);
+ scale0 = Math.sin((1.0 - t) * omega) / sinom;
+ scale1 = Math.sin(t * omega) / sinom;
+ } else {
+ scale0 = 1.0 - t;
+ scale1 = t;
+ }
+ out[0] = scale0 * ax + scale1 * bx;
+ out[1] = scale0 * ay + scale1 * by;
+ out[2] = scale0 * az + scale1 * bz;
+ out[3] = scale0 * aw + scale1 * bw;
+
+ return out;
+ }
+
+ function quaternionToEuler(out, quat) {
+ var qx = quat[0];
+ var qy = quat[1];
+ var qz = quat[2];
+ var qw = quat[3];
+ var heading = Math.atan2(2*qy*qw-2*qx*qz , 1 - 2*qy*qy - 2*qz*qz)
+ var attitude = Math.asin(2*qx*qy + 2*qz*qw)
+ var bank = Math.atan2(2*qx*qw-2*qy*qz , 1 - 2*qx*qx - 2*qz*qz);
+ out[0] = heading/degToRads;
+ out[1] = attitude/degToRads;
+ out[2] = bank/degToRads;
+ }
+
+ function createQuaternion(values) {
+ var heading = values[0] * degToRads;
+ var attitude = values[1] * degToRads;
+ var bank = values[2] * degToRads;
+ var c1 = Math.cos(heading / 2);
+ var c2 = Math.cos(attitude / 2);
+ var c3 = Math.cos(bank / 2);
+ var s1 = Math.sin(heading / 2);
+ var s2 = Math.sin(attitude / 2);
+ var s3 = Math.sin(bank / 2);
+ var w = c1 * c2 * c3 - s1 * s2 * s3;
+ var x = s1 * s2 * c3 + c1 * c2 * s3;
+ var y = s1 * c2 * c3 + c1 * s2 * s3;
+ var z = c1 * s2 * c3 - s1 * c2 * s3;
+
+ return [x,y,z,w];
+ }
+
+ function getValueAtCurrentTime(){
+ var frameNum = this.comp.renderedFrame - this.offsetTime;
+ var initTime = this.keyframes[0].t - this.offsetTime;
+ var endTime = this.keyframes[this.keyframes.length- 1].t-this.offsetTime;
+ if(!(frameNum === this._caching.lastFrame || (this._caching.lastFrame !== initFrame && ((this._caching.lastFrame >= endTime && frameNum >= endTime) || (this._caching.lastFrame < initTime && frameNum < initTime))))){
+ if(this._caching.lastFrame >= frameNum) {
+ this._caching._lastBezierData = null;
+ this._caching.lastIndex = 0;
+ }
+
+ var renderResult = this.interpolateValue(frameNum, this._caching);
+ this.pv = renderResult;
+ }
+ this._caching.lastFrame = frameNum;
+ return this.pv;
+ }
+
+ function setVValue(val) {
+ var multipliedValue;
+ if(this.propType === 'unidimensional') {
+ multipliedValue = val * this.mult;
+ if(math_abs(this.v - multipliedValue) > 0.00001) {
+ this.v = multipliedValue;
+ this._mdf = true;
+ }
+ } else {
+ var i = 0, len = this.v.length;
+ while (i < len) {
+ multipliedValue = val[i] * this.mult;
+ if (math_abs(this.v[i] - multipliedValue) > 0.00001) {
+ this.v[i] = multipliedValue;
+ this._mdf = true;
+ }
+ i += 1;
+ }
+ }
+ }
+
+ function processEffectsSequence() {
+ if(this.elem.globalData.frameId === this.frameId || !this.effectsSequence.length) {
+ return;
+ }
+ if(this.lock) {
+ this.setVValue(this.pv);
+ return;
+ }
+ this.lock = true;
+ this._mdf = this._isFirstFrame;
+ var multipliedValue;
+ var i, len = this.effectsSequence.length;
+ var finalValue = this.kf ? this.pv : this.data.k;
+ for(i = 0; i < len; i += 1) {
+ finalValue = this.effectsSequence[i](finalValue);
+ }
+ this.setVValue(finalValue);
+ this._isFirstFrame = false;
+ this.lock = false;
+ this.frameId = this.elem.globalData.frameId;
+ }
+
+ function addEffect(effectFunction) {
+ this.effectsSequence.push(effectFunction);
+ this.container.addDynamicProperty(this);
+ }
+
+ function ValueProperty(elem, data, mult, container){
+ this.propType = 'unidimensional';
+ this.mult = mult || 1;
+ this.data = data;
+ this.v = mult ? data.k * mult : data.k;
+ this.pv = data.k;
+ this._mdf = false;
+ this.elem = elem;
+ this.container = container;
+ this.comp = elem.comp;
+ this.k = false;
+ this.kf = false;
+ this.vel = 0;
+ this.effectsSequence = [];
+ this._isFirstFrame = true;
+ this.getValue = processEffectsSequence;
+ this.setVValue = setVValue;
+ this.addEffect = addEffect;
+ }
+
+ function MultiDimensionalProperty(elem, data, mult, container) {
+ this.propType = 'multidimensional';
+ this.mult = mult || 1;
+ this.data = data;
+ this._mdf = false;
+ this.elem = elem;
+ this.container = container;
+ this.comp = elem.comp;
+ this.k = false;
+ this.kf = false;
+ this.frameId = -1;
+ var i, len = data.k.length;
+ this.v = createTypedArray('float32', len);
+ this.pv = createTypedArray('float32', len);
+ var arr = createTypedArray('float32', len);
+ this.vel = createTypedArray('float32', len);
+ for (i = 0; i < len; i += 1) {
+ this.v[i] = data.k[i] * this.mult;
+ this.pv[i] = data.k[i];
+ }
+ this._isFirstFrame = true;
+ this.effectsSequence = [];
+ this.getValue = processEffectsSequence;
+ this.setVValue = setVValue;
+ this.addEffect = addEffect;
+ }
+
+ function KeyframedValueProperty(elem, data, mult, container) {
+ this.propType = 'unidimensional';
+ this.keyframes = data.k;
+ this.offsetTime = elem.data.st;
+ this.frameId = -1;
+ this._caching = {lastFrame: initFrame, lastIndex: 0, value: 0, _lastBezierData: null};
+ this.k = true;
+ this.kf = true;
+ this.data = data;
+ this.mult = mult || 1;
+ this.elem = elem;
+ this.container = container;
+ this.comp = elem.comp;
+ this.v = initFrame;
+ this.pv = initFrame;
+ this._isFirstFrame = true;
+ this.getValue = processEffectsSequence;
+ this.setVValue = setVValue;
+ this.interpolateValue = interpolateValue;
+ this.effectsSequence = [getValueAtCurrentTime.bind(this)];
+ this.addEffect = addEffect;
+ }
+
+ function KeyframedMultidimensionalProperty(elem, data, mult, container){
+ this.propType = 'multidimensional';
+ var i, len = data.k.length;
+ var s, e,to,ti;
+ for (i = 0; i < len - 1; i += 1) {
+ if (data.k[i].to && data.k[i].s && data.k[i].e) {
+ s = data.k[i].s;
+ e = data.k[i].e;
+ to = data.k[i].to;
+ ti = data.k[i].ti;
+ if((s.length === 2 && !(s[0] === e[0] && s[1] === e[1]) && bez.pointOnLine2D(s[0],s[1],e[0],e[1],s[0] + to[0],s[1] + to[1]) && bez.pointOnLine2D(s[0],s[1],e[0],e[1],e[0] + ti[0],e[1] + ti[1])) || (s.length === 3 && !(s[0] === e[0] && s[1] === e[1] && s[2] === e[2]) && bez.pointOnLine3D(s[0],s[1],s[2],e[0],e[1],e[2],s[0] + to[0],s[1] + to[1],s[2] + to[2]) && bez.pointOnLine3D(s[0],s[1],s[2],e[0],e[1],e[2],e[0] + ti[0],e[1] + ti[1],e[2] + ti[2]))){
+ data.k[i].to = null;
+ data.k[i].ti = null;
+ }
+ if(s[0] === e[0] && s[1] === e[1] && to[0] === 0 && to[1] === 0 && ti[0] === 0 && ti[1] === 0) {
+ if(s.length === 2 || (s[2] === e[2] && to[2] === 0 && ti[2] === 0)) {
+ data.k[i].to = null;
+ data.k[i].ti = null;
+ }
+ }
+ }
+ }
+ this.effectsSequence = [getValueAtCurrentTime.bind(this)];
+ this.keyframes = data.k;
+ this.offsetTime = elem.data.st;
+ this.k = true;
+ this.kf = true;
+ this._isFirstFrame = true;
+ this.mult = mult || 1;
+ this.elem = elem;
+ this.container = container;
+ this.comp = elem.comp;
+ this.getValue = processEffectsSequence;
+ this.setVValue = setVValue;
+ this.interpolateValue = interpolateValue;
+ this.frameId = -1;
+ var arrLen = data.k[0].s.length;
+ this.v = createTypedArray('float32', arrLen);
+ this.pv = createTypedArray('float32', arrLen);
+ for (i = 0; i < arrLen; i += 1) {
+ this.v[i] = initFrame;
+ this.pv[i] = initFrame;
+ }
+ this._caching={lastFrame:initFrame,lastIndex:0,value:createTypedArray('float32', arrLen)};
+ this.addEffect = addEffect;
+ }
+
+ function getProp(elem,data,type, mult, container) {
+ var p;
+ if(data.a === 0){
+ if(type === 0) {
+ p = new ValueProperty(elem,data,mult, container);
+ } else {
+ p = new MultiDimensionalProperty(elem,data, mult, container);
+ }
+ } else if(data.a === 1){
+ if(type === 0) {
+ p = new KeyframedValueProperty(elem,data,mult, container);
+ } else {
+ p = new KeyframedMultidimensionalProperty(elem,data, mult, container);
+ }
+ } else if(!data.k.length){
+ p = new ValueProperty(elem,data, mult, container);
+ }else if(typeof(data.k[0]) === 'number'){
+ p = new MultiDimensionalProperty(elem,data, mult, container);
+ }else{
+ switch(type){
+ case 0:
+ p = new KeyframedValueProperty(elem,data,mult, container);
+ break;
+ case 1:
+ p = new KeyframedMultidimensionalProperty(elem,data,mult, container);
+ break;
+ }
+ }
+ if(p.effectsSequence.length){
+ container.addDynamicProperty(p);
+ }
+ return p;
+ }
+
+ var ob = {
+ getProp: getProp
+ };
+ return ob;
+}());
+var TransformPropertyFactory = (function() {
+
+ function applyToMatrix(mat) {
+ var _mdf = this._mdf;
+ this.iterateDynamicProperties();
+ this._mdf = this._mdf || _mdf;
+ if (this.a) {
+ mat.translate(-this.a.v[0], -this.a.v[1], this.a.v[2]);
+ }
+ if (this.s) {
+ mat.scale(this.s.v[0], this.s.v[1], this.s.v[2]);
+ }
+ if (this.sk) {
+ mat.skewFromAxis(-this.sk.v, this.sa.v);
+ }
+ if (this.r) {
+ mat.rotate(-this.r.v);
+ } else {
+ mat.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]);
+ }
+ if (this.data.p.s) {
+ if (this.data.p.z) {
+ mat.translate(this.px.v, this.py.v, -this.pz.v);
+ } else {
+ mat.translate(this.px.v, this.py.v, 0);
+ }
+ } else {
+ mat.translate(this.p.v[0], this.p.v[1], -this.p.v[2]);
+ }
+ }
+ function processKeys(forceRender){
+ if (this.elem.globalData.frameId === this.frameId) {
+ return;
+ }
+ if(this._isDirty) {
+ this.precalculateMatrix();
+ this._isDirty = false;
+ }
+
+ this.iterateDynamicProperties();
+
+ if (this._mdf || forceRender) {
+ this.v.cloneFromProps(this.pre.props);
+ if (this.appliedTransformations < 1) {
+ this.v.translate(-this.a.v[0], -this.a.v[1], this.a.v[2]);
+ }
+ if(this.appliedTransformations < 2) {
+ this.v.scale(this.s.v[0], this.s.v[1], this.s.v[2]);
+ }
+ if (this.sk && this.appliedTransformations < 3) {
+ this.v.skewFromAxis(-this.sk.v, this.sa.v);
+ }
+ if (this.r && this.appliedTransformations < 4) {
+ this.v.rotate(-this.r.v);
+ } else if (!this.r && this.appliedTransformations < 4){
+ this.v.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]);
+ }
+ if (this.autoOriented) {
+ var v1,v2, frameRate = this.elem.globalData.frameRate;
+ if(this.p && this.p.keyframes && this.p.getValueAtTime) {
+ if (this.p._caching.lastFrame+this.p.offsetTime <= this.p.keyframes[0].t) {
+ v1 = this.p.getValueAtTime((this.p.keyframes[0].t + 0.01) / frameRate,0);
+ v2 = this.p.getValueAtTime(this.p.keyframes[0].t / frameRate, 0);
+ } else if(this.p._caching.lastFrame+this.p.offsetTime >= this.p.keyframes[this.p.keyframes.length - 1].t) {
+ v1 = this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length - 1].t / frameRate), 0);
+ v2 = this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length - 1].t - 0.01) / frameRate, 0);
+ } else {
+ v1 = this.p.pv;
+ v2 = this.p.getValueAtTime((this.p._caching.lastFrame+this.p.offsetTime - 0.01) / frameRate, this.p.offsetTime);
+ }
+ } else if(this.px && this.px.keyframes && this.py.keyframes && this.px.getValueAtTime && this.py.getValueAtTime) {
+ v1 = [];
+ v2 = [];
+ var px = this.px, py = this.py, frameRate;
+ if (px._caching.lastFrame+px.offsetTime <= px.keyframes[0].t) {
+ v1[0] = px.getValueAtTime((px.keyframes[0].t + 0.01) / frameRate,0);
+ v1[1] = py.getValueAtTime((py.keyframes[0].t + 0.01) / frameRate,0);
+ v2[0] = px.getValueAtTime((px.keyframes[0].t) / frameRate,0);
+ v2[1] = py.getValueAtTime((py.keyframes[0].t) / frameRate,0);
+ } else if(px._caching.lastFrame+px.offsetTime >= px.keyframes[px.keyframes.length - 1].t) {
+ v1[0] = px.getValueAtTime((px.keyframes[px.keyframes.length - 1].t / frameRate),0);
+ v1[1] = py.getValueAtTime((py.keyframes[py.keyframes.length - 1].t / frameRate),0);
+ v2[0] = px.getValueAtTime((px.keyframes[px.keyframes.length - 1].t - 0.01) / frameRate,0);
+ v2[1] = py.getValueAtTime((py.keyframes[py.keyframes.length - 1].t - 0.01) / frameRate,0);
+ } else {
+ v1 = [px.pv, py.pv];
+ v2[0] = px.getValueAtTime((px._caching.lastFrame+px.offsetTime - 0.01) / frameRate,px.offsetTime);
+ v2[1] = py.getValueAtTime((py._caching.lastFrame+py.offsetTime - 0.01) / frameRate,py.offsetTime);
+ }
+ }
+ this.v.rotate(-Math.atan2(v1[1] - v2[1], v1[0] - v2[0]));
+ }
+ if(this.data.p.s){
+ if(this.data.p.z) {
+ this.v.translate(this.px.v, this.py.v, -this.pz.v);
+ } else {
+ this.v.translate(this.px.v, this.py.v, 0);
+ }
+ }else{
+ this.v.translate(this.p.v[0],this.p.v[1],-this.p.v[2]);
+ }
+ }
+ this.frameId = this.elem.globalData.frameId;
+ }
+
+ function precalculateMatrix() {
+ if(!this.a.k) {
+ this.pre.translate(-this.a.v[0], -this.a.v[1], this.a.v[2]);
+ this.appliedTransformations = 1;
+ } else {
+ return;
+ }
+ if(!this.s.effectsSequence.length) {
+ this.pre.scale(this.s.v[0], this.s.v[1], this.s.v[2]);
+ this.appliedTransformations = 2;
+ } else {
+ return;
+ }
+ if(this.sk) {
+ if(!this.sk.effectsSequence.length && !this.sa.effectsSequence.length) {
+ this.pre.skewFromAxis(-this.sk.v, this.sa.v);
+ this.appliedTransformations = 3;
+ } else {
+ return;
+ }
+ }
+ if (this.r) {
+ if(!this.r.effectsSequence.length) {
+ this.pre.rotate(-this.r.v);
+ this.appliedTransformations = 4;
+ } else {
+ return;
+ }
+ } else if(!this.rz.effectsSequence.length && !this.ry.effectsSequence.length && !this.rx.effectsSequence.length && !this.or.effectsSequence.length) {
+ this.pre.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]);
+ this.appliedTransformations = 4;
+ }
+ }
+
+ function autoOrient(){
+ //
+ //var prevP = this.getValueAtTime();
+ }
+
+ function addDynamicProperty(prop) {
+ this._addDynamicProperty(prop);
+ this.elem.addDynamicProperty(prop);
+ this._isDirty = true;
+ }
+
+ function TransformProperty(elem,data,container){
+ this.elem = elem;
+ this.frameId = -1;
+ this.propType = 'transform';
+ this.data = data;
+ this.v = new Matrix();
+ //Precalculated matrix with non animated properties
+ this.pre = new Matrix();
+ this.appliedTransformations = 0;
+ this.initDynamicPropertyContainer(container || elem);
+ if(data.p.s){
+ this.px = PropertyFactory.getProp(elem,data.p.x,0,0,this);
+ this.py = PropertyFactory.getProp(elem,data.p.y,0,0,this);
+ if(data.p.z){
+ this.pz = PropertyFactory.getProp(elem,data.p.z,0,0,this);
+ }
+ }else{
+ this.p = PropertyFactory.getProp(elem,data.p,1,0,this);
+ }
+ if(data.r) {
+ this.r = PropertyFactory.getProp(elem, data.r, 0, degToRads, this);
+ } else if(data.rx) {
+ this.rx = PropertyFactory.getProp(elem, data.rx, 0, degToRads, this);
+ this.ry = PropertyFactory.getProp(elem, data.ry, 0, degToRads, this);
+ this.rz = PropertyFactory.getProp(elem, data.rz, 0, degToRads, this);
+ if(data.or.k[0].ti) {
+ var i, len = data.or.k.length;
+ for(i=0;i<len;i+=1) {
+ data.or.k[i].to = data.or.k[i].ti = null;
+ }
+ }
+ this.or = PropertyFactory.getProp(elem, data.or, 1, degToRads, this);
+ //sh Indicates it needs to be capped between -180 and 180
+ this.or.sh = true;
+ }
+ if(data.sk){
+ this.sk = PropertyFactory.getProp(elem, data.sk, 0, degToRads, this);
+ this.sa = PropertyFactory.getProp(elem, data.sa, 0, degToRads, this);
+ }
+ if(data.a) {
+ this.a = PropertyFactory.getProp(elem,data.a,1,0,this);
+ }
+ if(data.s) {
+ this.s = PropertyFactory.getProp(elem,data.s,1,0.01,this);
+ }
+ // Opacity is not part of the transform properties, that's why it won't use this.dynamicProperties. That way transforms won't get updated if opacity changes.
+ if(data.o){
+ this.o = PropertyFactory.getProp(elem,data.o,0,0.01,elem);
+ } else {
+ this.o = {_mdf:false,v:1};
+ }
+ this._isDirty = true;
+ if(!this.dynamicProperties.length){
+ this.getValue(true);
+ }
+ }
+
+ TransformProperty.prototype = {
+ applyToMatrix: applyToMatrix,
+ getValue: processKeys,
+ precalculateMatrix: precalculateMatrix,
+ autoOrient: autoOrient
+ }
+
+ extendPrototype([DynamicPropertyContainer], TransformProperty);
+ TransformProperty.prototype.addDynamicProperty = addDynamicProperty;
+ TransformProperty.prototype._addDynamicProperty = DynamicPropertyContainer.prototype.addDynamicProperty;
+
+ function getTransformProperty(elem,data,container){
+ return new TransformProperty(elem,data,container);
+ }
+
+ return {
+ getTransformProperty: getTransformProperty
+ };
+
+}());
+function ShapePath(){
+ this.c = false;
+ this._length = 0;
+ this._maxLength = 8;
+ this.v = createSizedArray(this._maxLength);
+ this.o = createSizedArray(this._maxLength);
+ this.i = createSizedArray(this._maxLength);
+}
+
+ShapePath.prototype.setPathData = function(closed, len) {
+ this.c = closed;
+ this.setLength(len);
+ var i = 0;
+ while(i < len){
+ this.v[i] = point_pool.newElement();
+ this.o[i] = point_pool.newElement();
+ this.i[i] = point_pool.newElement();
+ i += 1;
+ }
+};
+
+ShapePath.prototype.setLength = function(len) {
+ while(this._maxLength < len) {
+ this.doubleArrayLength();
+ }
+ this._length = len;
+};
+
+ShapePath.prototype.doubleArrayLength = function() {
+ this.v = this.v.concat(createSizedArray(this._maxLength));
+ this.i = this.i.concat(createSizedArray(this._maxLength));
+ this.o = this.o.concat(createSizedArray(this._maxLength));
+ this._maxLength *= 2;
+};
+
+ShapePath.prototype.setXYAt = function(x, y, type, pos, replace) {
+ var arr;
+ this._length = Math.max(this._length, pos + 1);
+ if(this._length >= this._maxLength) {
+ this.doubleArrayLength();
+ }
+ switch(type){
+ case 'v':
+ arr = this.v;
+ break;
+ case 'i':
+ arr = this.i;
+ break;
+ case 'o':
+ arr = this.o;
+ break;
+ }
+ if(!arr[pos] || (arr[pos] && !replace)){
+ arr[pos] = point_pool.newElement();
+ }
+ arr[pos][0] = x;
+ arr[pos][1] = y;
+};
+
+ShapePath.prototype.setTripleAt = function(vX,vY,oX,oY,iX,iY,pos, replace) {
+ this.setXYAt(vX,vY,'v',pos, replace);
+ this.setXYAt(oX,oY,'o',pos, replace);
+ this.setXYAt(iX,iY,'i',pos, replace);
+};
+
+ShapePath.prototype.reverse = function() {
+ var newPath = new ShapePath();
+ newPath.setPathData(this.c, this._length);
+ var vertices = this.v, outPoints = this.o, inPoints = this.i;
+ var init = 0;
+ if (this.c) {
+ newPath.setTripleAt(vertices[0][0], vertices[0][1], inPoints[0][0], inPoints[0][1], outPoints[0][0], outPoints[0][1], 0, false);
+ init = 1;
+ }
+ var cnt = this._length - 1;
+ var len = this._length;
+
+ var i;
+ for (i = init; i < len; i += 1) {
+ newPath.setTripleAt(vertices[cnt][0], vertices[cnt][1], inPoints[cnt][0], inPoints[cnt][1], outPoints[cnt][0], outPoints[cnt][1], i, false);
+ cnt -= 1;
+ }
+ return newPath;
+};
+var ShapePropertyFactory = (function(){
+
+ var initFrame = -999999;
+
+ function interpolateShape(frameNum, previousValue, caching) {
+ var iterationIndex = caching.lastIndex;
+ var keyPropS,keyPropE,isHold, j, k, jLen, kLen, perc, vertexValue;
+ var kf = this.keyframes;
+ if(frameNum < kf[0].t-this.offsetTime){
+ keyPropS = kf[0].s[0];
+ isHold = true;
+ iterationIndex = 0;
+ }else if(frameNum >= kf[kf.length - 1].t-this.offsetTime){
+ if(kf[kf.length - 2].h === 1){
+ keyPropS = kf[kf.length - 1].s[0];
+ }else{
+ keyPropS = kf[kf.length - 2].e[0];
+ }
+ isHold = true;
+ }else{
+ var i = iterationIndex;
+ var len = kf.length- 1,flag = true,keyData,nextKeyData;
+ while(flag){
+ keyData = kf[i];
+ nextKeyData = kf[i+1];
+ if((nextKeyData.t - this.offsetTime) > frameNum){
+ break;
+ }
+ if(i < len - 1){
+ i += 1;
+ }else{
+ flag = false;
+ }
+ }
+ isHold = keyData.h === 1;
+ iterationIndex = i;
+ if(!isHold){
+ if(frameNum >= nextKeyData.t-this.offsetTime){
+ perc = 1;
+ }else if(frameNum < keyData.t-this.offsetTime){
+ perc = 0;
+ }else{
+ var fnc;
+ if(keyData.__fnct){
+ fnc = keyData.__fnct;
+ }else{
+ fnc = BezierFactory.getBezierEasing(keyData.o.x,keyData.o.y,keyData.i.x,keyData.i.y).get;
+ keyData.__fnct = fnc;
+ }
+ perc = fnc((frameNum-(keyData.t-this.offsetTime))/((nextKeyData.t-this.offsetTime)-(keyData.t-this.offsetTime)));
+ }
+ keyPropE = keyData.e[0];
+ }
+ keyPropS = keyData.s[0];
+ }
+ jLen = previousValue._length;
+ kLen = keyPropS.i[0].length;
+ caching.lastIndex = iterationIndex;
+
+ for(j=0;j<jLen;j+=1){
+ for(k=0;k<kLen;k+=1){
+ vertexValue = isHold ? keyPropS.i[j][k] : keyPropS.i[j][k]+(keyPropE.i[j][k]-keyPropS.i[j][k])*perc;
+ previousValue.i[j][k] = vertexValue;
+ vertexValue = isHold ? keyPropS.o[j][k] : keyPropS.o[j][k]+(keyPropE.o[j][k]-keyPropS.o[j][k])*perc;
+ previousValue.o[j][k] = vertexValue;
+ vertexValue = isHold ? keyPropS.v[j][k] : keyPropS.v[j][k]+(keyPropE.v[j][k]-keyPropS.v[j][k])*perc;
+ previousValue.v[j][k] = vertexValue;
+ }
+ }
+ }
+
+ function interpolateShapeCurrentTime(){
+ var frameNum = this.comp.renderedFrame - this.offsetTime;
+ var initTime = this.keyframes[0].t - this.offsetTime;
+ var endTime = this.keyframes[this.keyframes.length - 1].t - this.offsetTime;
+ var lastFrame = this._caching.lastFrame;
+ if(!(lastFrame !== initFrame && ((lastFrame < initTime && frameNum < initTime) || (lastFrame > endTime && frameNum > endTime)))){
+ ////
+ this._caching.lastIndex = lastFrame < frameNum ? this._caching.lastIndex : 0;
+ this.interpolateShape(frameNum, this.pv, this._caching);
+ ////
+ }
+ this._caching.lastFrame = frameNum;
+ return this.pv;
+ }
+
+ function resetShape(){
+ this.paths = this.localShapeCollection;
+ }
+
+ function shapesEqual(shape1, shape2) {
+ if(shape1._length !== shape2._length || shape1.c !== shape2.c){
+ return false;
+ }
+ var i, len = shape1._length;
+ for(i = 0; i < len; i += 1) {
+ if(shape1.v[i][0] !== shape2.v[i][0]
+ || shape1.v[i][1] !== shape2.v[i][1]
+ || shape1.o[i][0] !== shape2.o[i][0]
+ || shape1.o[i][1] !== shape2.o[i][1]
+ || shape1.i[i][0] !== shape2.i[i][0]
+ || shape1.i[i][1] !== shape2.i[i][1]) {
+ return false;
+ }
+ }
+ return true;
+ }
+
+ function setVValue(newPath) {
+ if(!shapesEqual(this.v, newPath)) {
+ this.v = shape_pool.clone(newPath);
+ this.localShapeCollection.releaseShapes();
+ this.localShapeCollection.addShape(this.v);
+ this._mdf = true;
+ this.paths = this.localShapeCollection;
+ }
+ }
+
+ function processEffectsSequence() {
+ if(this.elem.globalData.frameId === this.frameId || !this.effectsSequence.length) {
+ return;
+ }
+ if(this.lock) {
+ this.setVValue(this.pv);
+ return;
+ }
+ this.lock = true;
+ this._mdf = false;
+ var finalValue = this.kf ? this.pv : this.data.ks ? this.data.ks.k : this.data.pt.k;
+ var i, len = this.effectsSequence.length;
+ for(i = 0; i < len; i += 1) {
+ finalValue = this.effectsSequence[i](finalValue);
+ }
+ this.setVValue(finalValue);
+ this.lock = false;
+ this.frameId = this.elem.globalData.frameId;
+ };
+
+ function ShapeProperty(elem, data, type){
+ this.propType = 'shape';
+ this.comp = elem.comp;
+ this.container = elem;
+ this.elem = elem;
+ this.data = data;
+ this.k = false;
+ this.kf = false;
+ this._mdf = false;
+ var pathData = type === 3 ? data.pt.k : data.ks.k;
+ this.v = shape_pool.clone(pathData);
+ this.pv = shape_pool.clone(this.v);
+ this.localShapeCollection = shapeCollection_pool.newShapeCollection();
+ this.paths = this.localShapeCollection;
+ this.paths.addShape(this.v);
+ this.reset = resetShape;
+ this.effectsSequence = [];
+ }
+
+ function addEffect(effectFunction) {
+ this.effectsSequence.push(effectFunction);
+ this.container.addDynamicProperty(this);
+ }
+
+ ShapeProperty.prototype.interpolateShape = interpolateShape;
+ ShapeProperty.prototype.getValue = processEffectsSequence;
+ ShapeProperty.prototype.setVValue = setVValue;
+ ShapeProperty.prototype.addEffect = addEffect;
+
+ function KeyframedShapeProperty(elem,data,type){
+ this.propType = 'shape';
+ this.comp = elem.comp;
+ this.elem = elem;
+ this.container = elem;
+ this.offsetTime = elem.data.st;
+ this.keyframes = type === 3 ? data.pt.k : data.ks.k;
+ this.k = true;
+ this.kf = true;
+ var i, len = this.keyframes[0].s[0].i.length;
+ var jLen = this.keyframes[0].s[0].i[0].length;
+ this.v = shape_pool.newElement();
+ this.v.setPathData(this.keyframes[0].s[0].c, len);
+ this.pv = shape_pool.clone(this.v);
+ this.localShapeCollection = shapeCollection_pool.newShapeCollection();
+ this.paths = this.localShapeCollection;
+ this.paths.addShape(this.v);
+ this.lastFrame = initFrame;
+ this.reset = resetShape;
+ this._caching = {lastFrame: initFrame, lastIndex: 0};
+ this.effectsSequence = [interpolateShapeCurrentTime.bind(this)];
+ }
+ KeyframedShapeProperty.prototype.getValue = processEffectsSequence;
+ KeyframedShapeProperty.prototype.interpolateShape = interpolateShape;
+ KeyframedShapeProperty.prototype.setVValue = setVValue;
+ KeyframedShapeProperty.prototype.addEffect = addEffect;
+
+ var EllShapeProperty = (function(){
+
+ var cPoint = roundCorner;
+
+ function EllShapeProperty(elem,data) {
+ /*this.v = {
+ v: createSizedArray(4),
+ i: createSizedArray(4),
+ o: createSizedArray(4),
+ c: true
+ };*/
+ this.v = shape_pool.newElement();
+ this.v.setPathData(true, 4);
+ this.localShapeCollection = shapeCollection_pool.newShapeCollection();
+ this.paths = this.localShapeCollection;
+ this.localShapeCollection.addShape(this.v);
+ this.d = data.d;
+ this.elem = elem;
+ this.comp = elem.comp;
+ this.frameId = -1;
+ this.initDynamicPropertyContainer(elem);
+ this.p = PropertyFactory.getProp(elem,data.p,1,0,this);
+ this.s = PropertyFactory.getProp(elem,data.s,1,0,this);
+ if(this.dynamicProperties.length){
+ this.k = true;
+ }else{
+ this.k = false;
+ this.convertEllToPath();
+ }
+ };
+
+ EllShapeProperty.prototype = {
+ reset: resetShape,
+ getValue: function (){
+ if(this.elem.globalData.frameId === this.frameId){
+ return;
+ }
+ this.frameId = this.elem.globalData.frameId;
+ this.iterateDynamicProperties();
+
+ if(this._mdf){
+ this.convertEllToPath();
+ }
+ },
+ convertEllToPath: function() {
+ var p0 = this.p.v[0], p1 = this.p.v[1], s0 = this.s.v[0]/2, s1 = this.s.v[1]/2;
+ var _cw = this.d !== 3;
+ var _v = this.v;
+ _v.v[0][0] = p0;
+ _v.v[0][1] = p1 - s1;
+ _v.v[1][0] = _cw ? p0 + s0 : p0 - s0;
+ _v.v[1][1] = p1;
+ _v.v[2][0] = p0;
+ _v.v[2][1] = p1 + s1;
+ _v.v[3][0] = _cw ? p0 - s0 : p0 + s0;
+ _v.v[3][1] = p1;
+ _v.i[0][0] = _cw ? p0 - s0 * cPoint : p0 + s0 * cPoint;
+ _v.i[0][1] = p1 - s1;
+ _v.i[1][0] = _cw ? p0 + s0 : p0 - s0;
+ _v.i[1][1] = p1 - s1 * cPoint;
+ _v.i[2][0] = _cw ? p0 + s0 * cPoint : p0 - s0 * cPoint;
+ _v.i[2][1] = p1 + s1;
+ _v.i[3][0] = _cw ? p0 - s0 : p0 + s0;
+ _v.i[3][1] = p1 + s1 * cPoint;
+ _v.o[0][0] = _cw ? p0 + s0 * cPoint : p0 - s0 * cPoint;
+ _v.o[0][1] = p1 - s1;
+ _v.o[1][0] = _cw ? p0 + s0 : p0 - s0;
+ _v.o[1][1] = p1 + s1 * cPoint;
+ _v.o[2][0] = _cw ? p0 - s0 * cPoint : p0 + s0 * cPoint;
+ _v.o[2][1] = p1 + s1;
+ _v.o[3][0] = _cw ? p0 - s0 : p0 + s0;
+ _v.o[3][1] = p1 - s1 * cPoint;
+ }
+ }
+
+ extendPrototype([DynamicPropertyContainer], EllShapeProperty);
+
+ return EllShapeProperty;
+ }());
+
+ var StarShapeProperty = (function() {
+
+ function StarShapeProperty(elem,data) {
+ this.v = shape_pool.newElement();
+ this.v.setPathData(true, 0);
+ this.elem = elem;
+ this.comp = elem.comp;
+ this.data = data;
+ this.frameId = -1;
+ this.d = data.d;
+ this.initDynamicPropertyContainer(elem);
+ if(data.sy === 1){
+ this.ir = PropertyFactory.getProp(elem,data.ir,0,0,this);
+ this.is = PropertyFactory.getProp(elem,data.is,0,0.01,this);
+ this.convertToPath = this.convertStarToPath;
+ } else {
+ this.convertToPath = this.convertPolygonToPath;
+ }
+ this.pt = PropertyFactory.getProp(elem,data.pt,0,0,this);
+ this.p = PropertyFactory.getProp(elem,data.p,1,0,this);
+ this.r = PropertyFactory.getProp(elem,data.r,0,degToRads,this);
+ this.or = PropertyFactory.getProp(elem,data.or,0,0,this);
+ this.os = PropertyFactory.getProp(elem,data.os,0,0.01,this);
+ this.localShapeCollection = shapeCollection_pool.newShapeCollection();
+ this.localShapeCollection.addShape(this.v);
+ this.paths = this.localShapeCollection;
+ if(this.dynamicProperties.length){
+ this.k = true;
+ }else{
+ this.k = false;
+ this.convertToPath();
+ }
+ };
+
+ StarShapeProperty.prototype = {
+ reset: resetShape,
+ getValue: function() {
+ if(this.elem.globalData.frameId === this.frameId){
+ return;
+ }
+ this.frameId = this.elem.globalData.frameId;
+ this.iterateDynamicProperties();
+ if(this._mdf){
+ this.convertToPath();
+ }
+ },
+ convertStarToPath: function() {
+ var numPts = Math.floor(this.pt.v)*2;
+ var angle = Math.PI*2/numPts;
+ /*this.v.v.length = numPts;
+ this.v.i.length = numPts;
+ this.v.o.length = numPts;*/
+ var longFlag = true;
+ var longRad = this.or.v;
+ var shortRad = this.ir.v;
+ var longRound = this.os.v;
+ var shortRound = this.is.v;
+ var longPerimSegment = 2*Math.PI*longRad/(numPts*2);
+ var shortPerimSegment = 2*Math.PI*shortRad/(numPts*2);
+ var i, rad,roundness,perimSegment, currentAng = -Math.PI/ 2;
+ currentAng += this.r.v;
+ var dir = this.data.d === 3 ? -1 : 1;
+ this.v._length = 0;
+ for(i=0;i<numPts;i+=1){
+ rad = longFlag ? longRad : shortRad;
+ roundness = longFlag ? longRound : shortRound;
+ perimSegment = longFlag ? longPerimSegment : shortPerimSegment;
+ var x = rad * Math.cos(currentAng);
+ var y = rad * Math.sin(currentAng);
+ var ox = x === 0 && y === 0 ? 0 : y/Math.sqrt(x*x + y*y);
+ var oy = x === 0 && y === 0 ? 0 : -x/Math.sqrt(x*x + y*y);
+ x += + this.p.v[0];
+ y += + this.p.v[1];
+ this.v.setTripleAt(x,y,x-ox*perimSegment*roundness*dir,y-oy*perimSegment*roundness*dir,x+ox*perimSegment*roundness*dir,y+oy*perimSegment*roundness*dir, i, true);
+
+ /*this.v.v[i] = [x,y];
+ this.v.i[i] = [x+ox*perimSegment*roundness*dir,y+oy*perimSegment*roundness*dir];
+ this.v.o[i] = [x-ox*perimSegment*roundness*dir,y-oy*perimSegment*roundness*dir];
+ this.v._length = numPts;*/
+ longFlag = !longFlag;
+ currentAng += angle*dir;
+ }
+ },
+ convertPolygonToPath: function() {
+ var numPts = Math.floor(this.pt.v);
+ var angle = Math.PI*2/numPts;
+ var rad = this.or.v;
+ var roundness = this.os.v;
+ var perimSegment = 2*Math.PI*rad/(numPts*4);
+ var i, currentAng = -Math.PI/ 2;
+ var dir = this.data.d === 3 ? -1 : 1;
+ currentAng += this.r.v;
+ this.v._length = 0;
+ for(i=0;i<numPts;i+=1){
+ var x = rad * Math.cos(currentAng);
+ var y = rad * Math.sin(currentAng);
+ var ox = x === 0 && y === 0 ? 0 : y/Math.sqrt(x*x + y*y);
+ var oy = x === 0 && y === 0 ? 0 : -x/Math.sqrt(x*x + y*y);
+ x += + this.p.v[0];
+ y += + this.p.v[1];
+ this.v.setTripleAt(x,y,x-ox*perimSegment*roundness*dir,y-oy*perimSegment*roundness*dir,x+ox*perimSegment*roundness*dir,y+oy*perimSegment*roundness*dir, i, true);
+ currentAng += angle*dir;
+ }
+ this.paths.length = 0;
+ this.paths[0] = this.v;
+ }
+
+ }
+ extendPrototype([DynamicPropertyContainer], StarShapeProperty);
+
+ return StarShapeProperty;
+ }());
+
+ var RectShapeProperty = (function() {
+
+ function RectShapeProperty(elem,data) {
+ this.v = shape_pool.newElement();
+ this.v.c = true;
+ this.localShapeCollection = shapeCollection_pool.newShapeCollection();
+ this.localShapeCollection.addShape(this.v);
+ this.paths = this.localShapeCollection;
+ this.elem = elem;
+ this.comp = elem.comp;
+ this.frameId = -1;
+ this.d = data.d;
+ this.initDynamicPropertyContainer(elem);
+ this.p = PropertyFactory.getProp(elem,data.p,1,0,this);
+ this.s = PropertyFactory.getProp(elem,data.s,1,0,this);
+ this.r = PropertyFactory.getProp(elem,data.r,0,0,this);
+ if(this.dynamicProperties.length){
+ this.k = true;
+ }else{
+ this.k = false;
+ this.convertRectToPath();
+ }
+ };
+
+ RectShapeProperty.prototype = {
+ convertRectToPath: function (){
+ var p0 = this.p.v[0], p1 = this.p.v[1], v0 = this.s.v[0]/2, v1 = this.s.v[1]/2;
+ var round = bm_min(v0,v1,this.r.v);
+ var cPoint = round*(1-roundCorner);
+ this.v._length = 0;
+
+ if(this.d === 2 || this.d === 1) {
+ this.v.setTripleAt(p0+v0, p1-v1+round,p0+v0, p1-v1+round,p0+v0,p1-v1+cPoint,0, true);
+ this.v.setTripleAt(p0+v0, p1+v1-round,p0+v0, p1+v1-cPoint,p0+v0, p1+v1-round,1, true);
+ if(round!== 0){
+ this.v.setTripleAt(p0+v0-round, p1+v1,p0+v0-round,p1+v1,p0+v0-cPoint,p1+v1,2, true);
+ this.v.setTripleAt(p0-v0+round,p1+v1,p0-v0+cPoint,p1+v1,p0-v0+round,p1+v1,3, true);
+ this.v.setTripleAt(p0-v0,p1+v1-round,p0-v0,p1+v1-round,p0-v0,p1+v1-cPoint,4, true);
+ this.v.setTripleAt(p0-v0,p1-v1+round,p0-v0,p1-v1+cPoint,p0-v0,p1-v1+round,5, true);
+ this.v.setTripleAt(p0-v0+round,p1-v1,p0-v0+round,p1-v1,p0-v0+cPoint,p1-v1,6, true);
+ this.v.setTripleAt(p0+v0-round,p1-v1,p0+v0-cPoint,p1-v1,p0+v0-round,p1-v1,7, true);
+ } else {
+ this.v.setTripleAt(p0-v0,p1+v1,p0-v0+cPoint,p1+v1,p0-v0,p1+v1,2);
+ this.v.setTripleAt(p0-v0,p1-v1,p0-v0,p1-v1+cPoint,p0-v0,p1-v1,3);
+ }
+ }else{
+ this.v.setTripleAt(p0+v0,p1-v1+round,p0+v0,p1-v1+cPoint,p0+v0,p1-v1+round,0, true);
+ if(round!== 0){
+ this.v.setTripleAt(p0+v0-round,p1-v1,p0+v0-round,p1-v1,p0+v0-cPoint,p1-v1,1, true);
+ this.v.setTripleAt(p0-v0+round,p1-v1,p0-v0+cPoint,p1-v1,p0-v0+round,p1-v1,2, true);
+ this.v.setTripleAt(p0-v0,p1-v1+round,p0-v0,p1-v1+round,p0-v0,p1-v1+cPoint,3, true);
+ this.v.setTripleAt(p0-v0,p1+v1-round,p0-v0,p1+v1-cPoint,p0-v0,p1+v1-round,4, true);
+ this.v.setTripleAt(p0-v0+round,p1+v1,p0-v0+round,p1+v1,p0-v0+cPoint,p1+v1,5, true);
+ this.v.setTripleAt(p0+v0-round,p1+v1,p0+v0-cPoint,p1+v1,p0+v0-round,p1+v1,6, true);
+ this.v.setTripleAt(p0+v0,p1+v1-round,p0+v0,p1+v1-round,p0+v0,p1+v1-cPoint,7, true);
+ } else {
+ this.v.setTripleAt(p0-v0,p1-v1,p0-v0+cPoint,p1-v1,p0-v0,p1-v1,1, true);
+ this.v.setTripleAt(p0-v0,p1+v1,p0-v0,p1+v1-cPoint,p0-v0,p1+v1,2, true);
+ this.v.setTripleAt(p0+v0,p1+v1,p0+v0-cPoint,p1+v1,p0+v0,p1+v1,3, true);
+
+ }
+ }
+ },
+ getValue: function(frameNum){
+ if(this.elem.globalData.frameId === this.frameId){
+ return;
+ }
+ this.frameId = this.elem.globalData.frameId;
+ this.iterateDynamicProperties();
+ if(this._mdf){
+ this.convertRectToPath();
+ }
+
+ },
+ reset: resetShape
+ }
+ extendPrototype([DynamicPropertyContainer], RectShapeProperty);
+
+ return RectShapeProperty;
+ }());
+
+ function getShapeProp(elem,data,type){
+ var prop;
+ if(type === 3 || type === 4){
+ var dataProp = type === 3 ? data.pt : data.ks;
+ var keys = dataProp.k;
+ if(dataProp.a === 1 || keys.length){
+ prop = new KeyframedShapeProperty(elem, data, type);
+ }else{
+ prop = new ShapeProperty(elem, data, type);
+ }
+ }else if(type === 5){
+ prop = new RectShapeProperty(elem, data);
+ }else if(type === 6){
+ prop = new EllShapeProperty(elem, data);
+ }else if(type === 7){
+ prop = new StarShapeProperty(elem, data);
+ }
+ if(prop.k){
+ elem.addDynamicProperty(prop);
+ }
+ return prop;
+ }
+
+ function getConstructorFunction() {
+ return ShapeProperty;
+ }
+
+ function getKeyframedConstructorFunction() {
+ return KeyframedShapeProperty;
+ }
+
+ var ob = {};
+ ob.getShapeProp = getShapeProp;
+ ob.getConstructorFunction = getConstructorFunction;
+ ob.getKeyframedConstructorFunction = getKeyframedConstructorFunction;
+ return ob;
+}());
+var ShapeModifiers = (function(){
+ var ob = {};
+ var modifiers = {};
+ ob.registerModifier = registerModifier;
+ ob.getModifier = getModifier;
+
+ function registerModifier(nm,factory){
+ if(!modifiers[nm]){
+ modifiers[nm] = factory;
+ }
+ }
+
+ function getModifier(nm,elem, data){
+ return new modifiers[nm](elem, data);
+ }
+
+ return ob;
+}());
+
+function ShapeModifier(){}
+ShapeModifier.prototype.initModifierProperties = function(){};
+ShapeModifier.prototype.addShapeToModifier = function(){};
+ShapeModifier.prototype.addShape = function(data){
+ if(!this.closed){
+ var shapeData = {shape:data.sh, data: data, localShapeCollection:shapeCollection_pool.newShapeCollection()};
+ this.shapes.push(shapeData);
+ this.addShapeToModifier(shapeData);
+ if(this._isAnimated) {
+ data.setAsAnimated();
+ }
+ }
+};
+ShapeModifier.prototype.init = function(elem,data){
+ this.shapes = [];
+ this.elem = elem;
+ this.initDynamicPropertyContainer(elem);
+ this.initModifierProperties(elem,data);
+ this.frameId = initialDefaultFrame;
+ this.closed = false;
+ this.k = false;
+ if(this.dynamicProperties.length){
+ this.k = true;
+ }else{
+ this.getValue(true);
+ }
+};
+ShapeModifier.prototype.processKeys = function(){
+ if(this.elem.globalData.frameId === this.frameId){
+ return;
+ }
+ this.frameId = this.elem.globalData.frameId;
+ this.iterateDynamicProperties();
+};
+
+extendPrototype([DynamicPropertyContainer], ShapeModifier);
+function TrimModifier(){
+}
+extendPrototype([ShapeModifier], TrimModifier);
+TrimModifier.prototype.initModifierProperties = function(elem, data) {
+ this.s = PropertyFactory.getProp(elem, data.s, 0, 0.01, this);
+ this.e = PropertyFactory.getProp(elem, data.e, 0, 0.01, this);
+ this.o = PropertyFactory.getProp(elem, data.o, 0, 0, this);
+ this.sValue = 0;
+ this.eValue = 0;
+ this.getValue = this.processKeys;
+ this.m = data.m;
+ this._isAnimated = !!this.s.effectsSequence.length || !!this.e.effectsSequence.length || !!this.o.effectsSequence.length;
+};
+
+TrimModifier.prototype.addShapeToModifier = function(shapeData){
+ shapeData.pathsData = [];
+};
+
+TrimModifier.prototype.calculateShapeEdges = function(s, e, shapeLength, addedLength, totalModifierLength) {
+ var segments = [];
+ if (e <= 1) {
+ segments.push({
+ s: s,
+ e: e
+ });
+ } else if (s >= 1) {
+ segments.push({
+ s: s - 1,
+ e: e - 1
+ });
+ } else {
+ segments.push({
+ s: s,
+ e: 1
+ });
+ segments.push({
+ s: 0,
+ e: e - 1
+ });
+ }
+ var shapeSegments = [];
+ var i, len = segments.length, segmentOb;
+ for (i = 0; i < len; i += 1) {
+ segmentOb = segments[i];
+ if (segmentOb.e * totalModifierLength < addedLength || segmentOb.s * totalModifierLength > addedLength + shapeLength) {
+
+ } else {
+ var shapeS, shapeE;
+ if (segmentOb.s * totalModifierLength <= addedLength) {
+ shapeS = 0;
+ } else {
+ shapeS = (segmentOb.s * totalModifierLength - addedLength) / shapeLength;
+ }
+ if(segmentOb.e * totalModifierLength >= addedLength + shapeLength) {
+ shapeE = 1;
+ } else {
+ shapeE = ((segmentOb.e * totalModifierLength - addedLength) / shapeLength);
+ }
+ shapeSegments.push([shapeS, shapeE]);
+ }
+ }
+ if (!shapeSegments.length) {
+ shapeSegments.push([0, 0]);
+ }
+ return shapeSegments;
+};
+
+TrimModifier.prototype.releasePathsData = function(pathsData) {
+ var i, len = pathsData.length;
+ for (i = 0; i < len; i += 1) {
+ segments_length_pool.release(pathsData[i]);
+ }
+ pathsData.length = 0;
+ return pathsData;
+};
+
+TrimModifier.prototype.processShapes = function(_isFirstFrame) {
+ var s, e;
+ if (this._mdf || _isFirstFrame) {
+ var o = (this.o.v % 360) / 360;
+ if (o < 0) {
+ o += 1;
+ }
+ s = (this.s.v > 1 ? 1 : this.s.v < 0 ? 0 : this.s.v) + o;
+ e = (this.e.v > 1 ? 1 : this.e.v < 0 ? 0 : this.e.v) + o;
+ if (s === e) {
+
+ }
+ if (s > e) {
+ var _s = s;
+ s = e;
+ e = _s;
+ }
+ s = Math.round(s * 10000) * 0.0001;
+ e = Math.round(e * 10000) * 0.0001;
+ this.sValue = s;
+ this.eValue = e;
+ } else {
+ s = this.sValue;
+ e = this.eValue;
+ }
+ var shapePaths;
+ var i, len = this.shapes.length, j, jLen;
+ var pathsData, pathData, totalShapeLength, totalModifierLength = 0;
+
+ if (e === s) {
+ for (i = 0; i < len; i += 1) {
+ this.shapes[i].localShapeCollection.releaseShapes();
+ this.shapes[i].shape._mdf = true;
+ this.shapes[i].shape.paths = this.shapes[i].localShapeCollection;
+ }
+ } else if (!((e === 1 && s === 0) || (e===0 && s === 1))){
+ var segments = [], shapeData, localShapeCollection;
+ for (i = 0; i < len; i += 1) {
+ shapeData = this.shapes[i];
+ // if shape hasn't changed and trim properties haven't changed, cached previous path can be used
+ if (!shapeData.shape._mdf && !this._mdf && !_isFirstFrame && this.m !== 2) {
+ shapeData.shape.paths = shapeData.localShapeCollection;
+ } else {
+ shapePaths = shapeData.shape.paths;
+ jLen = shapePaths._length;
+ totalShapeLength = 0;
+ if (!shapeData.shape._mdf && shapeData.pathsData.length) {
+ totalShapeLength = shapeData.totalShapeLength;
+ } else {
+ pathsData = this.releasePathsData(shapeData.pathsData);
+ for (j = 0; j < jLen; j += 1) {
+ pathData = bez.getSegmentsLength(shapePaths.shapes[j]);
+ pathsData.push(pathData);
+ totalShapeLength += pathData.totalLength;
+ }
+ shapeData.totalShapeLength = totalShapeLength;
+ shapeData.pathsData = pathsData;
+ }
+
+ totalModifierLength += totalShapeLength;
+ shapeData.shape._mdf = true;
+ }
+ }
+ var shapeS = s, shapeE = e, addedLength = 0, edges;
+ for (i = len - 1; i >= 0; i -= 1) {
+ shapeData = this.shapes[i];
+ if (shapeData.shape._mdf) {
+ localShapeCollection = shapeData.localShapeCollection;
+ localShapeCollection.releaseShapes();
+ //if m === 2 means paths are trimmed individually so edges need to be found for this specific shape relative to whoel group
+ if (this.m === 2 && len > 1) {
+ edges = this.calculateShapeEdges(s, e, shapeData.totalShapeLength, addedLength, totalModifierLength);
+ addedLength += shapeData.totalShapeLength;
+ } else {
+ edges = [[shapeS, shapeE]];
+ }
+ jLen = edges.length;
+ for (j = 0; j < jLen; j += 1) {
+ shapeS = edges[j][0];
+ shapeE = edges[j][1];
+ segments.length = 0;
+ if (shapeE <= 1) {
+ segments.push({
+ s:shapeData.totalShapeLength * shapeS,
+ e:shapeData.totalShapeLength * shapeE
+ });
+ } else if (shapeS >= 1) {
+ segments.push({
+ s:shapeData.totalShapeLength * (shapeS - 1),
+ e:shapeData.totalShapeLength * (shapeE - 1)
+ });
+ } else {
+ segments.push({
+ s:shapeData.totalShapeLength * shapeS,
+ e:shapeData.totalShapeLength
+ });
+ segments.push({
+ s:0,
+ e:shapeData.totalShapeLength * (shapeE - 1)
+ });
+ }
+ var newShapesData = this.addShapes(shapeData,segments[0]);
+ if (segments[0].s !== segments[0].e) {
+ if (segments.length > 1) {
+ var lastShapeInCollection = shapeData.shape.paths.shapes[shapeData.shape.paths._length - 1];
+ if (lastShapeInCollection.c) {
+ var lastShape = newShapesData.pop();
+ this.addPaths(newShapesData, localShapeCollection);
+ newShapesData = this.addShapes(shapeData, segments[1], lastShape);
+ } else {
+ this.addPaths(newShapesData, localShapeCollection);
+ newShapesData = this.addShapes(shapeData, segments[1]);
+ }
+ }
+ this.addPaths(newShapesData, localShapeCollection);
+ }
+
+ }
+ shapeData.shape.paths = localShapeCollection;
+ }
+ }
+ } else if (this._mdf) {
+ for (i = 0; i < len; i += 1) {
+ //Releasign Trim Cached paths data when no trim applied in case shapes are modified inbetween.
+ //Don't remove this even if it's losing cached info.
+ this.shapes[i].pathsData.length = 0;
+ this.shapes[i].shape._mdf = true;
+ }
+ }
+};
+
+TrimModifier.prototype.addPaths = function(newPaths, localShapeCollection) {
+ var i, len = newPaths.length;
+ for (i = 0; i < len; i += 1) {
+ localShapeCollection.addShape(newPaths[i]);
+ }
+};
+
+TrimModifier.prototype.addSegment = function(pt1, pt2, pt3, pt4, shapePath, pos, newShape) {
+ shapePath.setXYAt(pt2[0], pt2[1], 'o', pos);
+ shapePath.setXYAt(pt3[0], pt3[1], 'i', pos + 1);
+ if(newShape){
+ shapePath.setXYAt(pt1[0], pt1[1], 'v', pos);
+ }
+ shapePath.setXYAt(pt4[0], pt4[1], 'v', pos + 1);
+};
+
+TrimModifier.prototype.addSegmentFromArray = function(points, shapePath, pos, newShape) {
+ shapePath.setXYAt(points[1], points[5], 'o', pos);
+ shapePath.setXYAt(points[2], points[6], 'i', pos + 1);
+ if(newShape){
+ shapePath.setXYAt(points[0], points[4], 'v', pos);
+ }
+ shapePath.setXYAt(points[3], points[7], 'v', pos + 1);
+};
+
+TrimModifier.prototype.addShapes = function(shapeData, shapeSegment, shapePath) {
+ var pathsData = shapeData.pathsData;
+ var shapePaths = shapeData.shape.paths.shapes;
+ var i, len = shapeData.shape.paths._length, j, jLen;
+ var addedLength = 0;
+ var currentLengthData,segmentCount;
+ var lengths;
+ var segment;
+ var shapes = [];
+ var initPos;
+ var newShape = true;
+ if (!shapePath) {
+ shapePath = shape_pool.newElement();
+ segmentCount = 0;
+ initPos = 0;
+ } else {
+ segmentCount = shapePath._length;
+ initPos = shapePath._length;
+ }
+ shapes.push(shapePath);
+ for (i = 0; i < len; i += 1) {
+ lengths = pathsData[i].lengths;
+ shapePath.c = shapePaths[i].c;
+ jLen = shapePaths[i].c ? lengths.length : lengths.length + 1;
+ for (j = 1; j < jLen; j +=1) {
+ currentLengthData = lengths[j-1];
+ if (addedLength + currentLengthData.addedLength < shapeSegment.s) {
+ addedLength += currentLengthData.addedLength;
+ shapePath.c = false;
+ } else if(addedLength > shapeSegment.e) {
+ shapePath.c = false;
+ break;
+ } else {
+ if (shapeSegment.s <= addedLength && shapeSegment.e >= addedLength + currentLengthData.addedLength) {
+ this.addSegment(shapePaths[i].v[j - 1], shapePaths[i].o[j - 1], shapePaths[i].i[j], shapePaths[i].v[j], shapePath, segmentCount, newShape);
+ newShape = false;
+ } else {
+ segment = bez.getNewSegment(shapePaths[i].v[j - 1], shapePaths[i].v[j], shapePaths[i].o[j - 1], shapePaths[i].i[j], (shapeSegment.s - addedLength)/currentLengthData.addedLength,(shapeSegment.e - addedLength)/currentLengthData.addedLength, lengths[j-1]);
+ this.addSegmentFromArray(segment, shapePath, segmentCount, newShape);
+ // this.addSegment(segment.pt1, segment.pt3, segment.pt4, segment.pt2, shapePath, segmentCount, newShape);
+ newShape = false;
+ shapePath.c = false;
+ }
+ addedLength += currentLengthData.addedLength;
+ segmentCount += 1;
+ }
+ }
+ if (shapePaths[i].c && lengths.length) {
+ currentLengthData = lengths[j - 1];
+ if (addedLength <= shapeSegment.e) {
+ var segmentLength = lengths[j - 1].addedLength;
+ if (shapeSegment.s <= addedLength && shapeSegment.e >= addedLength + segmentLength) {
+ this.addSegment(shapePaths[i].v[j - 1], shapePaths[i].o[j - 1], shapePaths[i].i[0], shapePaths[i].v[0], shapePath, segmentCount, newShape);
+ newShape = false;
+ } else {
+ segment = bez.getNewSegment(shapePaths[i].v[j - 1], shapePaths[i].v[0], shapePaths[i].o[j - 1], shapePaths[i].i[0], (shapeSegment.s - addedLength) / segmentLength, (shapeSegment.e - addedLength) / segmentLength, lengths[j - 1]);
+ this.addSegmentFromArray(segment, shapePath, segmentCount, newShape);
+ // this.addSegment(segment.pt1, segment.pt3, segment.pt4, segment.pt2, shapePath, segmentCount, newShape);
+ newShape = false;
+ shapePath.c = false;
+ }
+ } else {
+ shapePath.c = false;
+ }
+ addedLength += currentLengthData.addedLength;
+ segmentCount += 1;
+ }
+ if (shapePath._length) {
+ shapePath.setXYAt(shapePath.v[initPos][0], shapePath.v[initPos][1], 'i', initPos);
+ shapePath.setXYAt(shapePath.v[shapePath._length - 1][0], shapePath.v[shapePath._length - 1][1],'o', shapePath._length - 1);
+ }
+ if (addedLength > shapeSegment.e) {
+ break;
+ }
+ if (i < len - 1) {
+ shapePath = shape_pool.newElement();
+ newShape = true;
+ shapes.push(shapePath);
+ segmentCount = 0;
+ }
+ }
+ return shapes;
+};
+
+
+ShapeModifiers.registerModifier('tm', TrimModifier);
+function RoundCornersModifier(){}
+extendPrototype([ShapeModifier],RoundCornersModifier);
+RoundCornersModifier.prototype.initModifierProperties = function(elem,data){
+ this.getValue = this.processKeys;
+ this.rd = PropertyFactory.getProp(elem,data.r,0,null,this);
+ this._isAnimated = !!this.rd.effectsSequence.length;
+};
+
+RoundCornersModifier.prototype.processPath = function(path, round){
+ var cloned_path = shape_pool.newElement();
+ cloned_path.c = path.c;
+ var i, len = path._length;
+ var currentV,currentI,currentO,closerV, newV,newO,newI,distance,newPosPerc,index = 0;
+ var vX,vY,oX,oY,iX,iY;
+ for(i=0;i<len;i+=1){
+ currentV = path.v[i];
+ currentO = path.o[i];
+ currentI = path.i[i];
+ if(currentV[0]===currentO[0] && currentV[1]===currentO[1] && currentV[0]===currentI[0] && currentV[1]===currentI[1]){
+ if((i===0 || i === len - 1) && !path.c){
+ cloned_path.setTripleAt(currentV[0],currentV[1],currentO[0],currentO[1],currentI[0],currentI[1],index);
+ /*cloned_path.v[index] = currentV;
+ cloned_path.o[index] = currentO;
+ cloned_path.i[index] = currentI;*/
+ index += 1;
+ } else {
+ if(i===0){
+ closerV = path.v[len-1];
+ } else {
+ closerV = path.v[i-1];
+ }
+ distance = Math.sqrt(Math.pow(currentV[0]-closerV[0],2)+Math.pow(currentV[1]-closerV[1],2));
+ newPosPerc = distance ? Math.min(distance/2,round)/distance : 0;
+ vX = iX = currentV[0]+(closerV[0]-currentV[0])*newPosPerc;
+ vY = iY = currentV[1]-(currentV[1]-closerV[1])*newPosPerc;
+ oX = vX-(vX-currentV[0])*roundCorner;
+ oY = vY-(vY-currentV[1])*roundCorner;
+ cloned_path.setTripleAt(vX,vY,oX,oY,iX,iY,index);
+ index += 1;
+
+ if(i === len - 1){
+ closerV = path.v[0];
+ } else {
+ closerV = path.v[i+1];
+ }
+ distance = Math.sqrt(Math.pow(currentV[0]-closerV[0],2)+Math.pow(currentV[1]-closerV[1],2));
+ newPosPerc = distance ? Math.min(distance/2,round)/distance : 0;
+ vX = oX = currentV[0]+(closerV[0]-currentV[0])*newPosPerc;
+ vY = oY = currentV[1]+(closerV[1]-currentV[1])*newPosPerc;
+ iX = vX-(vX-currentV[0])*roundCorner;
+ iY = vY-(vY-currentV[1])*roundCorner;
+ cloned_path.setTripleAt(vX,vY,oX,oY,iX,iY,index);
+ index += 1;
+ }
+ } else {
+ cloned_path.setTripleAt(path.v[i][0],path.v[i][1],path.o[i][0],path.o[i][1],path.i[i][0],path.i[i][1],index);
+ index += 1;
+ }
+ }
+ return cloned_path;
+};
+
+RoundCornersModifier.prototype.processShapes = function(_isFirstFrame){
+ var shapePaths;
+ var i, len = this.shapes.length;
+ var j, jLen;
+ var rd = this.rd.v;
+
+ if(rd !== 0){
+ var shapeData, newPaths, localShapeCollection;
+ for(i=0;i<len;i+=1){
+ shapeData = this.shapes[i];
+ newPaths = shapeData.shape.paths;
+ localShapeCollection = shapeData.localShapeCollection;
+ if(!(!shapeData.shape._mdf && !this._mdf && !_isFirstFrame)){
+ localShapeCollection.releaseShapes();
+ shapeData.shape._mdf = true;
+ shapePaths = shapeData.shape.paths.shapes;
+ jLen = shapeData.shape.paths._length;
+ for(j=0;j<jLen;j+=1){
+ localShapeCollection.addShape(this.processPath(shapePaths[j],rd));
+ }
+ }
+ shapeData.shape.paths = shapeData.localShapeCollection;
+ }
+
+ }
+ if(!this.dynamicProperties.length){
+ this._mdf = false;
+ }
+};
+
+ShapeModifiers.registerModifier('rd',RoundCornersModifier);
+function RepeaterModifier(){}
+extendPrototype([ShapeModifier], RepeaterModifier);
+
+RepeaterModifier.prototype.initModifierProperties = function(elem,data){
+ this.getValue = this.processKeys;
+ this.c = PropertyFactory.getProp(elem,data.c,0,null,this);
+ this.o = PropertyFactory.getProp(elem,data.o,0,null,this);
+ this.tr = TransformPropertyFactory.getTransformProperty(elem,data.tr,this);
+ this.so = PropertyFactory.getProp(elem,data.tr.so,0,0.01,this);
+ this.eo = PropertyFactory.getProp(elem,data.tr.eo,0,0.01,this);
+ this.data = data;
+ if(!this.dynamicProperties.length){
+ this.getValue(true);
+ }
+ this._isAnimated = !!this.dynamicProperties.length;
+ this.pMatrix = new Matrix();
+ this.rMatrix = new Matrix();
+ this.sMatrix = new Matrix();
+ this.tMatrix = new Matrix();
+ this.matrix = new Matrix();
+};
+
+RepeaterModifier.prototype.applyTransforms = function(pMatrix, rMatrix, sMatrix, transform, perc, inv){
+ var dir = inv ? -1 : 1;
+ var scaleX = transform.s.v[0] + (1 - transform.s.v[0]) * (1 - perc);
+ var scaleY = transform.s.v[1] + (1 - transform.s.v[1]) * (1 - perc);
+ pMatrix.translate(transform.p.v[0] * dir * perc, transform.p.v[1] * dir * perc, transform.p.v[2]);
+ rMatrix.translate(-transform.a.v[0], -transform.a.v[1], transform.a.v[2]);
+ rMatrix.rotate(-transform.r.v * dir * perc);
+ rMatrix.translate(transform.a.v[0], transform.a.v[1], transform.a.v[2]);
+ sMatrix.translate(-transform.a.v[0], -transform.a.v[1], transform.a.v[2]);
+ sMatrix.scale(inv ? 1/scaleX : scaleX, inv ? 1/scaleY : scaleY);
+ sMatrix.translate(transform.a.v[0], transform.a.v[1], transform.a.v[2]);
+};
+
+RepeaterModifier.prototype.init = function(elem, arr, pos, elemsData) {
+ this.elem = elem;
+ this.arr = arr;
+ this.pos = pos;
+ this.elemsData = elemsData;
+ this._currentCopies = 0;
+ this._elements = [];
+ this._groups = [];
+ this.frameId = -1;
+ this.initDynamicPropertyContainer(elem);
+ this.initModifierProperties(elem,arr[pos]);
+ var cont = 0;
+ while(pos>0){
+ pos -= 1;
+ //this._elements.unshift(arr.splice(pos,1)[0]);
+ this._elements.unshift(arr[pos]);
+ cont += 1;
+ }
+ if(this.dynamicProperties.length){
+ this.k = true;
+ }else{
+ this.getValue(true);
+ }
+};
+
+RepeaterModifier.prototype.resetElements = function(elements){
+ var i, len = elements.length;
+ for(i = 0; i < len; i += 1) {
+ elements[i]._processed = false;
+ if(elements[i].ty === 'gr'){
+ this.resetElements(elements[i].it);
+ }
+ }
+};
+
+RepeaterModifier.prototype.cloneElements = function(elements){
+ var i, len = elements.length;
+ var newElements = JSON.parse(JSON.stringify(elements));
+ this.resetElements(newElements);
+ return newElements;
+};
+
+RepeaterModifier.prototype.changeGroupRender = function(elements, renderFlag) {
+ var i, len = elements.length;
+ for(i = 0; i < len; i += 1) {
+ elements[i]._render = renderFlag;
+ if(elements[i].ty === 'gr') {
+ this.changeGroupRender(elements[i].it, renderFlag);
+ }
+ }
+};
+
+RepeaterModifier.prototype.processShapes = function(_isFirstFrame) {
+ var items, itemsTransform, i, dir, cont;
+ if(this._mdf || _isFirstFrame){
+ var copies = Math.ceil(this.c.v);
+ if(this._groups.length < copies){
+ while(this._groups.length < copies){
+ var group = {
+ it:this.cloneElements(this._elements),
+ ty:'gr'
+ };
+ group.it.push({"a":{"a":0,"ix":1,"k":[0,0]},"nm":"Transform","o":{"a":0,"ix":7,"k":100},"p":{"a":0,"ix":2,"k":[0,0]},"r":{"a":1,"ix":6,"k":[{s:0,e:0,t:0},{s:0,e:0,t:1}]},"s":{"a":0,"ix":3,"k":[100,100]},"sa":{"a":0,"ix":5,"k":0},"sk":{"a":0,"ix":4,"k":0},"ty":"tr"});
+
+ this.arr.splice(0,0,group);
+ this._groups.splice(0,0,group);
+ this._currentCopies += 1;
+ }
+ this.elem.reloadShapes();
+ }
+ cont = 0;
+ var renderFlag;
+ for(i = 0; i <= this._groups.length - 1; i += 1){
+ renderFlag = cont < copies;
+ this._groups[i]._render = renderFlag;
+ this.changeGroupRender(this._groups[i].it, renderFlag);
+ cont += 1;
+ }
+
+ this._currentCopies = copies;
+ ////
+
+ var offset = this.o.v;
+ var offsetModulo = offset%1;
+ var roundOffset = offset > 0 ? Math.floor(offset) : Math.ceil(offset);
+ var k;
+ var tMat = this.tr.v.props;
+ var pProps = this.pMatrix.props;
+ var rProps = this.rMatrix.props;
+ var sProps = this.sMatrix.props;
+ this.pMatrix.reset();
+ this.rMatrix.reset();
+ this.sMatrix.reset();
+ this.tMatrix.reset();
+ this.matrix.reset();
+ var iteration = 0;
+
+ if(offset > 0) {
+ while(iteration<roundOffset){
+ this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, 1, false);
+ iteration += 1;
+ }
+ if(offsetModulo){
+ this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, offsetModulo, false);
+ iteration += offsetModulo;
+ }
+ } else if(offset < 0) {
+ while(iteration>roundOffset){
+ this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, 1, true);
+ iteration -= 1;
+ }
+ if(offsetModulo){
+ this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, - offsetModulo, true);
+ iteration -= offsetModulo;
+ }
+ }
+ i = this.data.m === 1 ? 0 : this._currentCopies - 1;
+ dir = this.data.m === 1 ? 1 : -1;
+ cont = this._currentCopies;
+ var j, jLen;
+ while(cont){
+ items = this.elemsData[i].it;
+ itemsTransform = items[items.length - 1].transform.mProps.v.props;
+ jLen = itemsTransform.length;
+ items[items.length - 1].transform.mProps._mdf = true;
+ items[items.length - 1].transform.op._mdf = true;
+ items[items.length - 1].transform.op.v = this.so.v + (this.eo.v - this.so.v) * (i / (this._currentCopies - 1));
+ if(iteration !== 0){
+ if((i !== 0 && dir === 1) || (i !== this._currentCopies - 1 && dir === -1)){
+ this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, 1, false);
+ }
+ this.matrix.transform(rProps[0],rProps[1],rProps[2],rProps[3],rProps[4],rProps[5],rProps[6],rProps[7],rProps[8],rProps[9],rProps[10],rProps[11],rProps[12],rProps[13],rProps[14],rProps[15]);
+ this.matrix.transform(sProps[0],sProps[1],sProps[2],sProps[3],sProps[4],sProps[5],sProps[6],sProps[7],sProps[8],sProps[9],sProps[10],sProps[11],sProps[12],sProps[13],sProps[14],sProps[15]);
+ this.matrix.transform(pProps[0],pProps[1],pProps[2],pProps[3],pProps[4],pProps[5],pProps[6],pProps[7],pProps[8],pProps[9],pProps[10],pProps[11],pProps[12],pProps[13],pProps[14],pProps[15]);
+
+ for(j=0;j<jLen;j+=1) {
+ itemsTransform[j] = this.matrix.props[j];
+ }
+ this.matrix.reset();
+ } else {
+ this.matrix.reset();
+ for(j=0;j<jLen;j+=1) {
+ itemsTransform[j] = this.matrix.props[j];
+ }
+ }
+ iteration += 1;
+ cont -= 1;
+ i += dir;
+ }
+ } else {
+ cont = this._currentCopies;
+ i = 0;
+ dir = 1;
+ while(cont){
+ items = this.elemsData[i].it;
+ itemsTransform = items[items.length - 1].transform.mProps.v.props;
+ items[items.length - 1].transform.mProps._mdf = false;
+ items[items.length - 1].transform.op._mdf = false;
+ cont -= 1;
+ i += dir;
+ }
+ }
+};
+
+RepeaterModifier.prototype.addShape = function(){};
+
+ShapeModifiers.registerModifier('rp',RepeaterModifier);
+function ShapeCollection(){
+ this._length = 0;
+ this._maxLength = 4;
+ this.shapes = createSizedArray(this._maxLength);
+}
+
+ShapeCollection.prototype.addShape = function(shapeData){
+ if(this._length === this._maxLength){
+ this.shapes = this.shapes.concat(createSizedArray(this._maxLength));
+ this._maxLength *= 2;
+ }
+ this.shapes[this._length] = shapeData;
+ this._length += 1;
+};
+
+ShapeCollection.prototype.releaseShapes = function(){
+ var i;
+ for(i = 0; i < this._length; i += 1) {
+ shape_pool.release(this.shapes[i]);
+ }
+ this._length = 0;
+};
+function DashProperty(elem, data, renderer, container) {
+ this.elem = elem;
+ this.frameId = -1;
+ this.dataProps = createSizedArray(data.length);
+ this.renderer = renderer;
+ this.k = false;
+ this.dashStr = '';
+ this.dashArray = createTypedArray('float32', data.length ? data.length - 1 : 0);
+ this.dashoffset = createTypedArray('float32', 1);
+ this.initDynamicPropertyContainer(container);
+ var i, len = data.length || 0, prop;
+ for(i = 0; i < len; i += 1) {
+ prop = PropertyFactory.getProp(elem,data[i].v,0, 0, this);
+ this.k = prop.k || this.k;
+ this.dataProps[i] = {n:data[i].n,p:prop};
+ }
+ if(!this.k){
+ this.getValue(true);
+ }
+ this._isAnimated = this.k;
+}
+
+DashProperty.prototype.getValue = function(forceRender) {
+ if(this.elem.globalData.frameId === this.frameId && !forceRender){
+ return;
+ }
+ this.frameId = this.elem.globalData.frameId;
+ this.iterateDynamicProperties();
+ this._mdf = this._mdf || forceRender;
+ if (this._mdf) {
+ var i = 0, len = this.dataProps.length;
+ if(this.renderer === 'svg') {
+ this.dashStr = '';
+ }
+ for(i=0;i<len;i+=1){
+ if(this.dataProps[i].n != 'o'){
+ if(this.renderer === 'svg') {
+ this.dashStr += ' ' + this.dataProps[i].p.v;
+ }else{
+ this.dashArray[i] = this.dataProps[i].p.v;
+ }
+ }else{
+ this.dashoffset[0] = this.dataProps[i].p.v;
+ }
+ }
+ }
+};
+extendPrototype([DynamicPropertyContainer], DashProperty);
+function GradientProperty(elem,data,container){
+ this.data = data;
+ this.c = createTypedArray('uint8c', data.p*4);
+ var cLength = data.k.k[0].s ? (data.k.k[0].s.length - data.p*4) : data.k.k.length - data.p*4;
+ this.o = createTypedArray('float32', cLength);
+ this._cmdf = false;
+ this._omdf = false;
+ this._collapsable = this.checkCollapsable();
+ this._hasOpacity = cLength;
+ this.initDynamicPropertyContainer(container);
+ this.prop = PropertyFactory.getProp(elem,data.k,1,null,this);
+ this.k = this.prop.k;
+ this.getValue(true);
+}
+
+GradientProperty.prototype.comparePoints = function(values, points) {
+ var i = 0, len = this.o.length/2, diff;
+ while(i < len) {
+ diff = Math.abs(values[i*4] - values[points*4 + i*2]);
+ if(diff > 0.01){
+ return false;
+ }
+ i += 1;
+ }
+ return true;
+};
+
+GradientProperty.prototype.checkCollapsable = function() {
+ if (this.o.length/2 !== this.c.length/4) {
+ return false;
+ }
+ if (this.data.k.k[0].s) {
+ var i = 0, len = this.data.k.k.length;
+ while (i < len) {
+ if (!this.comparePoints(this.data.k.k[i].s, this.data.p)) {
+ return false;
+ }
+ i += 1;
+ }
+ } else if(!this.comparePoints(this.data.k.k, this.data.p)) {
+ return false;
+ }
+ return true;
+};
+
+GradientProperty.prototype.getValue = function(forceRender){
+ this.prop.getValue();
+ this._mdf = false;
+ this._cmdf = false;
+ this._omdf = false;
+ if(this.prop._mdf || forceRender){
+ var i, len = this.data.p*4;
+ var mult, val;
+ for(i=0;i<len;i+=1){
+ mult = i%4 === 0 ? 100 : 255;
+ val = Math.round(this.prop.v[i]*mult);
+ if(this.c[i] !== val){
+ this.c[i] = val;
+ this._cmdf = !forceRender;
+ }
+ }
+ if(this.o.length){
+ len = this.prop.v.length;
+ for(i=this.data.p*4;i<len;i+=1){
+ mult = i%2 === 0 ? 100 : 1;
+ val = i%2 === 0 ? Math.round(this.prop.v[i]*100):this.prop.v[i];
+ if(this.o[i-this.data.p*4] !== val){
+ this.o[i-this.data.p*4] = val;
+ this._omdf = !forceRender;
+ }
+ }
+ }
+ this._mdf = !forceRender;
+ }
+};
+
+extendPrototype([DynamicPropertyContainer], GradientProperty);
+var buildShapeString = function(pathNodes, length, closed, mat) {
+ if(length === 0) {
+ return '';
+ }
+ var _o = pathNodes.o;
+ var _i = pathNodes.i;
+ var _v = pathNodes.v;
+ var i, shapeString = " M" + mat.applyToPointStringified(_v[0][0], _v[0][1]);
+ for(i = 1; i < length; i += 1) {
+ shapeString += " C" + mat.applyToPointStringified(_o[i - 1][0], _o[i - 1][1]) + " " + mat.applyToPointStringified(_i[i][0], _i[i][1]) + " " + mat.applyToPointStringified(_v[i][0], _v[i][1]);
+ }
+ if (closed && length) {
+ shapeString += " C" + mat.applyToPointStringified(_o[i - 1][0], _o[i - 1][1]) + " " + mat.applyToPointStringified(_i[0][0], _i[0][1]) + " " + mat.applyToPointStringified(_v[0][0], _v[0][1]);
+ shapeString += 'z';
+ }
+ return shapeString;
+}
+var ImagePreloader = (function(){
+
+ var proxyImage = (function(){
+ var canvas = createTag('canvas');
+ canvas.width = 1;
+ canvas.height = 1;
+ var ctx = canvas.getContext('2d');
+ ctx.fillStyle = '#FF0000';
+ ctx.fillRect(0, 0, 1, 1);
+ return canvas;
+ }())
+
+ function imageLoaded(){
+ this.loadedAssets += 1;
+ if(this.loadedAssets === this.totalImages){
+ if(this.imagesLoadedCb) {
+ this.imagesLoadedCb(null);
+ }
+ }
+ }
+
+ function getAssetsPath(assetData, assetsPath, original_path) {
+ var path = '';
+ if (assetData.e) {
+ path = assetData.p;
+ } else if(assetsPath) {
+ var imagePath = assetData.p;
+ if (imagePath.indexOf('images/') !== -1) {
+ imagePath = imagePath.split('/')[1];
+ }
+ path = assetsPath + imagePath;
+ } else {
+ path = original_path;
+ path += assetData.u ? assetData.u : '';
+ path += assetData.p;
+ }
+ return path;
+ }
+
+ function createImageData(assetData) {
+ var path = getAssetsPath(assetData, this.assetsPath, this.path);
+ var img = createTag('img');
+ img.crossOrigin = 'anonymous';
+ img.addEventListener('load', this._imageLoaded.bind(this), false);
+ img.addEventListener('error', function() {
+ ob.img = proxyImage;
+ this._imageLoaded();
+ }.bind(this), false);
+ img.src = path;
+ var ob = {
+ img: img,
+ assetData: assetData
+ }
+ return ob;
+ }
+
+ function loadAssets(assets, cb){
+ this.imagesLoadedCb = cb;
+ var i, len = assets.length;
+ for (i = 0; i < len; i += 1) {
+ if(!assets[i].layers){
+ this.totalImages += 1;
+ this.images.push(this._createImageData(assets[i]));
+ }
+ }
+ }
+
+ function setPath(path){
+ this.path = path || '';
+ }
+
+ function setAssetsPath(path){
+ this.assetsPath = path || '';
+ }
+
+ function getImage(assetData) {
+ var i = 0, len = this.images.length;
+ while (i < len) {
+ if (this.images[i].assetData === assetData) {
+ return this.images[i].img;
+ }
+ i += 1;
+ }
+ }
+
+ function destroy() {
+ this.imagesLoadedCb = null;
+ this.images.length = 0;
+ }
+
+ function loaded() {
+ return this.totalImages === this.loadedAssets;
+ }
+
+ return function ImagePreloader(){
+ this.loadAssets = loadAssets;
+ this.setAssetsPath = setAssetsPath;
+ this.setPath = setPath;
+ this.loaded = loaded;
+ this.destroy = destroy;
+ this.getImage = getImage;
+ this._createImageData = createImageData;
+ this._imageLoaded = imageLoaded;
+ this.assetsPath = '';
+ this.path = '';
+ this.totalImages = 0;
+ this.loadedAssets = 0;
+ this.imagesLoadedCb = null;
+ this.images = [];
+ };
+}());
+var featureSupport = (function(){
+ var ob = {
+ maskType: true
+ };
+ if (/MSIE 10/i.test(navigator.userAgent) || /MSIE 9/i.test(navigator.userAgent) || /rv:11.0/i.test(navigator.userAgent) || /Edge\/\d./i.test(navigator.userAgent)) {
+ ob.maskType = false;
+ }
+ return ob;
+}());
+var filtersFactory = (function(){
+ var ob = {};
+ ob.createFilter = createFilter;
+ ob.createAlphaToLuminanceFilter = createAlphaToLuminanceFilter;
+
+ function createFilter(filId){
+ var fil = createNS('filter');
+ fil.setAttribute('id',filId);
+ fil.setAttribute('filterUnits','objectBoundingBox');
+ fil.setAttribute('x','0%');
+ fil.setAttribute('y','0%');
+ fil.setAttribute('width','100%');
+ fil.setAttribute('height','100%');
+ return fil;
+ }
+
+ function createAlphaToLuminanceFilter(){
+ var feColorMatrix = createNS('feColorMatrix');
+ feColorMatrix.setAttribute('type','matrix');
+ feColorMatrix.setAttribute('color-interpolation-filters','sRGB');
+ feColorMatrix.setAttribute('values','0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1');
+ return feColorMatrix;
+ }
+
+ return ob;
+}());
+var assetLoader = (function(){
+
+ function formatResponse(xhr) {
+ if(xhr.response && typeof xhr.response === 'object') {
+ return xhr.response;
+ } else if(xhr.response && typeof xhr.response === 'string') {
+ return JSON.parse(xhr.response);
+ } else if(xhr.responseText) {
+ return JSON.parse(xhr.responseText);
+ }
+ }
+
+ function loadAsset(path, callback, errorCallback) {
+ var response;
+ var xhr = new XMLHttpRequest();
+ xhr.open('GET', path, true);
+ // set responseType after calling open or IE will break.
+ xhr.responseType = "json";
+ xhr.send();
+ xhr.onreadystatechange = function () {
+ if (xhr.readyState == 4) {
+ if(xhr.status == 200){
+ response = formatResponse(xhr);
+ callback(response);
+ }else{
+ try{
+ response = formatResponse(xhr);
+ callback(response);
+ }catch(err){
+ if(errorCallback) {
+ errorCallback(err);
+ }
+ }
+ }
+ }
+ };
+ }
+ return {
+ load: loadAsset
+ }
+}())
+
+function TextAnimatorProperty(textData, renderType, elem){
+ this._isFirstFrame = true;
+ this._hasMaskedPath = false;
+ this._frameId = -1;
+ this._textData = textData;
+ this._renderType = renderType;
+ this._elem = elem;
+ this._animatorsData = createSizedArray(this._textData.a.length);
+ this._pathData = {};
+ this._moreOptions = {
+ alignment: {}
+ };
+ this.renderedLetters = [];
+ this.lettersChangedFlag = false;
+ this.initDynamicPropertyContainer(elem);
+
+}
+
+TextAnimatorProperty.prototype.searchProperties = function(){
+ var i, len = this._textData.a.length, animatorProps;
+ var getProp = PropertyFactory.getProp;
+ for(i=0;i<len;i+=1){
+ animatorProps = this._textData.a[i];
+ this._animatorsData[i] = new TextAnimatorDataProperty(this._elem, animatorProps, this);
+ }
+ if(this._textData.p && 'm' in this._textData.p){
+ this._pathData = {
+ f: getProp(this._elem,this._textData.p.f,0,0,this),
+ l: getProp(this._elem,this._textData.p.l,0,0,this),
+ r: this._textData.p.r,
+ m: this._elem.maskManager.getMaskProperty(this._textData.p.m)
+ };
+ this._hasMaskedPath = true;
+ } else {
+ this._hasMaskedPath = false;
+ }
+ this._moreOptions.alignment = getProp(this._elem,this._textData.m.a,1,0,this);
+};
+
+TextAnimatorProperty.prototype.getMeasures = function(documentData, lettersChangedFlag){
+ this.lettersChangedFlag = lettersChangedFlag;
+ if(!this._mdf && !this._isFirstFrame && !lettersChangedFlag && (!this._hasMaskedPath || !this._pathData.m._mdf)) {
+ return;
+ }
+ this._isFirstFrame = false;
+ var alignment = this._moreOptions.alignment.v;
+ var animators = this._animatorsData;
+ var textData = this._textData;
+ var matrixHelper = this.mHelper;
+ var renderType = this._renderType;
+ var renderedLettersCount = this.renderedLetters.length;
+ var data = this.data;
+ var xPos,yPos;
+ var i, len;
+ var letters = documentData.l, pathInfo, currentLength, currentPoint, segmentLength, flag, pointInd, segmentInd, prevPoint, points, segments, partialLength, totalLength, perc, tanAngle, mask;
+ if(this._hasMaskedPath) {
+ mask = this._pathData.m;
+ if(!this._pathData.n || this._pathData._mdf){
+ var paths = mask.v;
+ if(this._pathData.r){
+ paths = paths.reverse();
+ }
+ // TODO: release bezier data cached from previous pathInfo: this._pathData.pi
+ pathInfo = {
+ tLength: 0,
+ segments: []
+ };
+ len = paths._length - 1;
+ var pathData;
+ totalLength = 0;
+ for (i = 0; i < len; i += 1) {
+ pathData = {
+ s: paths.v[i],
+ e: paths.v[i + 1],
+ to: [paths.o[i][0] - paths.v[i][0], paths.o[i][1] - paths.v[i][1]],
+ ti: [paths.i[i + 1][0] - paths.v[i + 1][0], paths.i[i + 1][1] - paths.v[i + 1][1]]
+ };
+ bez.buildBezierData(pathData);
+ pathInfo.tLength += pathData.bezierData.segmentLength;
+ pathInfo.segments.push(pathData);
+ totalLength += pathData.bezierData.segmentLength;
+ }
+ i = len;
+ if (mask.v.c) {
+ pathData = {
+ s: paths.v[i],
+ e: paths.v[0],
+ to: [paths.o[i][0] - paths.v[i][0], paths.o[i][1] - paths.v[i][1]],
+ ti: [paths.i[0][0] - paths.v[0][0], paths.i[0][1] - paths.v[0][1]]
+ };
+ bez.buildBezierData(pathData);
+ pathInfo.tLength += pathData.bezierData.segmentLength;
+ pathInfo.segments.push(pathData);
+ totalLength += pathData.bezierData.segmentLength;
+ }
+ this._pathData.pi = pathInfo;
+ }
+ pathInfo = this._pathData.pi;
+
+ currentLength = this._pathData.f.v;
+ segmentInd = 0;
+ pointInd = 1;
+ segmentLength = 0;
+ flag = true;
+ segments = pathInfo.segments;
+ if (currentLength < 0 && mask.v.c) {
+ if (pathInfo.tLength < Math.abs(currentLength)) {
+ currentLength = -Math.abs(currentLength) % pathInfo.tLength;
+ }
+ segmentInd = segments.length - 1;
+ points = segments[segmentInd].bezierData.points;
+ pointInd = points.length - 1;
+ while (currentLength < 0) {
+ currentLength += points[pointInd].partialLength;
+ pointInd -= 1;
+ if (pointInd < 0) {
+ segmentInd -= 1;
+ points = segments[segmentInd].bezierData.points;
+ pointInd = points.length - 1;
+ }
+ }
+
+ }
+ points = segments[segmentInd].bezierData.points;
+ prevPoint = points[pointInd - 1];
+ currentPoint = points[pointInd];
+ partialLength = currentPoint.partialLength;
+ }
+
+
+ len = letters.length;
+ xPos = 0;
+ yPos = 0;
+ var yOff = documentData.finalSize * 1.2 * 0.714;
+ var firstLine = true;
+ var animatorProps, animatorSelector;
+ var j, jLen;
+ var letterValue;
+
+ jLen = animators.length;
+ var lastLetter;
+
+ var mult, ind = -1, offf, xPathPos, yPathPos;
+ var initPathPos = currentLength,initSegmentInd = segmentInd, initPointInd = pointInd, currentLine = -1;
+ var elemOpacity;
+ var sc,sw,fc,k;
+ var lineLength = 0;
+ var letterSw, letterSc, letterFc, letterM = '', letterP = this.defaultPropsArray, letterO;
+
+ //
+ if(documentData.j === 2 || documentData.j === 1) {
+ var animatorJustifyOffset = 0;
+ var animatorFirstCharOffset = 0;
+ var justifyOffsetMult = documentData.j === 2 ? -0.5 : -1;
+ var lastIndex = 0;
+ var isNewLine = true;
+
+ for (i = 0; i < len; i += 1) {
+ if (letters[i].n) {
+ if(animatorJustifyOffset) {
+ animatorJustifyOffset += animatorFirstCharOffset;
+ }
+ while (lastIndex < i) {
+ letters[lastIndex].animatorJustifyOffset = animatorJustifyOffset;
+ lastIndex += 1;
+ }
+ animatorJustifyOffset = 0;
+ isNewLine = true;
+ } else {
+ for (j = 0; j < jLen; j += 1) {
+ animatorProps = animators[j].a;
+ if (animatorProps.t.propType) {
+ if (isNewLine && documentData.j === 2) {
+ animatorFirstCharOffset += animatorProps.t.v * justifyOffsetMult;
+ }
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j], textData.a[j].s.totalChars);
+ if (mult.length) {
+ animatorJustifyOffset += animatorProps.t.v*mult[0] * justifyOffsetMult;
+ } else {
+ animatorJustifyOffset += animatorProps.t.v*mult * justifyOffsetMult;
+ }
+ }
+ }
+ isNewLine = false;
+ }
+ }
+ if(animatorJustifyOffset) {
+ animatorJustifyOffset += animatorFirstCharOffset;
+ }
+ while(lastIndex < i) {
+ letters[lastIndex].animatorJustifyOffset = animatorJustifyOffset;
+ lastIndex += 1;
+ }
+ }
+ //
+
+ for( i = 0; i < len; i += 1) {
+
+ matrixHelper.reset();
+ elemOpacity = 1;
+ if(letters[i].n) {
+ xPos = 0;
+ yPos += documentData.yOffset;
+ yPos += firstLine ? 1 : 0;
+ currentLength = initPathPos ;
+ firstLine = false;
+ lineLength = 0;
+ if(this._hasMaskedPath) {
+ segmentInd = initSegmentInd;
+ pointInd = initPointInd;
+ points = segments[segmentInd].bezierData.points;
+ prevPoint = points[pointInd - 1];
+ currentPoint = points[pointInd];
+ partialLength = currentPoint.partialLength;
+ segmentLength = 0;
+ }
+ letterO = letterSw = letterFc = letterM = '';
+ letterP = this.defaultPropsArray;
+ }else{
+ if(this._hasMaskedPath) {
+ if(currentLine !== letters[i].line){
+ switch(documentData.j){
+ case 1:
+ currentLength += totalLength - documentData.lineWidths[letters[i].line];
+ break;
+ case 2:
+ currentLength += (totalLength - documentData.lineWidths[letters[i].line])/2;
+ break;
+ }
+ currentLine = letters[i].line;
+ }
+ if (ind !== letters[i].ind) {
+ if (letters[ind]) {
+ currentLength += letters[ind].extra;
+ }
+ currentLength += letters[i].an / 2;
+ ind = letters[i].ind;
+ }
+ currentLength += alignment[0] * letters[i].an / 200;
+ var animatorOffset = 0;
+ for (j = 0; j < jLen; j += 1) {
+ animatorProps = animators[j].a;
+ if (animatorProps.p.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ if(mult.length){
+ animatorOffset += animatorProps.p.v[0] * mult[0];
+ } else{
+ animatorOffset += animatorProps.p.v[0] * mult;
+ }
+
+ }
+ if (animatorProps.a.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ if(mult.length){
+ animatorOffset += animatorProps.a.v[0] * mult[0];
+ } else{
+ animatorOffset += animatorProps.a.v[0] * mult;
+ }
+
+ }
+ }
+ flag = true;
+ while (flag) {
+ if (segmentLength + partialLength >= currentLength + animatorOffset || !points) {
+ perc = (currentLength + animatorOffset - segmentLength) / currentPoint.partialLength;
+ xPathPos = prevPoint.point[0] + (currentPoint.point[0] - prevPoint.point[0]) * perc;
+ yPathPos = prevPoint.point[1] + (currentPoint.point[1] - prevPoint.point[1]) * perc;
+ matrixHelper.translate(-alignment[0]*letters[i].an/200, -(alignment[1] * yOff / 100));
+ flag = false;
+ } else if (points) {
+ segmentLength += currentPoint.partialLength;
+ pointInd += 1;
+ if (pointInd >= points.length) {
+ pointInd = 0;
+ segmentInd += 1;
+ if (!segments[segmentInd]) {
+ if (mask.v.c) {
+ pointInd = 0;
+ segmentInd = 0;
+ points = segments[segmentInd].bezierData.points;
+ } else {
+ segmentLength -= currentPoint.partialLength;
+ points = null;
+ }
+ } else {
+ points = segments[segmentInd].bezierData.points;
+ }
+ }
+ if (points) {
+ prevPoint = currentPoint;
+ currentPoint = points[pointInd];
+ partialLength = currentPoint.partialLength;
+ }
+ }
+ }
+ offf = letters[i].an / 2 - letters[i].add;
+ matrixHelper.translate(-offf, 0, 0);
+ } else {
+ offf = letters[i].an/2 - letters[i].add;
+ matrixHelper.translate(-offf,0,0);
+
+ // Grouping alignment
+ matrixHelper.translate(-alignment[0]*letters[i].an/200, -alignment[1]*yOff/100, 0);
+ }
+
+ lineLength += letters[i].l/2;
+ for(j=0;j<jLen;j+=1){
+ animatorProps = animators[j].a;
+ if (animatorProps.t.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ //This condition is to prevent applying tracking to first character in each line. Might be better to use a boolean "isNewLine"
+ if(xPos !== 0 || documentData.j !== 0) {
+ if(this._hasMaskedPath) {
+ if(mult.length) {
+ currentLength += animatorProps.t.v*mult[0];
+ } else {
+ currentLength += animatorProps.t.v*mult;
+ }
+ }else{
+ if(mult.length) {
+ xPos += animatorProps.t.v*mult[0];
+ } else {
+ xPos += animatorProps.t.v*mult;
+ }
+ }
+ }
+ }
+ }
+ lineLength += letters[i].l/2;
+ if(documentData.strokeWidthAnim) {
+ sw = documentData.sw || 0;
+ }
+ if(documentData.strokeColorAnim) {
+ if(documentData.sc){
+ sc = [documentData.sc[0], documentData.sc[1], documentData.sc[2]];
+ }else{
+ sc = [0,0,0];
+ }
+ }
+ if(documentData.fillColorAnim && documentData.fc) {
+ fc = [documentData.fc[0], documentData.fc[1], documentData.fc[2]];
+ }
+ for(j=0;j<jLen;j+=1){
+ animatorProps = animators[j].a;
+ if (animatorProps.a.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+
+ if(mult.length){
+ matrixHelper.translate(-animatorProps.a.v[0]*mult[0], -animatorProps.a.v[1]*mult[1], animatorProps.a.v[2]*mult[2]);
+ } else {
+ matrixHelper.translate(-animatorProps.a.v[0]*mult, -animatorProps.a.v[1]*mult, animatorProps.a.v[2]*mult);
+ }
+ }
+ }
+ for(j=0;j<jLen;j+=1){
+ animatorProps = animators[j].a;
+ if (animatorProps.s.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ if(mult.length){
+ matrixHelper.scale(1+((animatorProps.s.v[0]-1)*mult[0]),1+((animatorProps.s.v[1]-1)*mult[1]),1);
+ } else {
+ matrixHelper.scale(1+((animatorProps.s.v[0]-1)*mult),1+((animatorProps.s.v[1]-1)*mult),1);
+ }
+ }
+ }
+ for(j=0;j<jLen;j+=1) {
+ animatorProps = animators[j].a;
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ if (animatorProps.sk.propType) {
+ if(mult.length) {
+ matrixHelper.skewFromAxis(-animatorProps.sk.v * mult[0], animatorProps.sa.v * mult[1]);
+ } else {
+ matrixHelper.skewFromAxis(-animatorProps.sk.v * mult, animatorProps.sa.v * mult);
+ }
+ }
+ if (animatorProps.r.propType) {
+ if(mult.length) {
+ matrixHelper.rotateZ(-animatorProps.r.v * mult[2]);
+ } else {
+ matrixHelper.rotateZ(-animatorProps.r.v * mult);
+ }
+ }
+ if (animatorProps.ry.propType) {
+
+ if(mult.length) {
+ matrixHelper.rotateY(animatorProps.ry.v*mult[1]);
+ }else{
+ matrixHelper.rotateY(animatorProps.ry.v*mult);
+ }
+ }
+ if (animatorProps.rx.propType) {
+ if(mult.length) {
+ matrixHelper.rotateX(animatorProps.rx.v*mult[0]);
+ } else {
+ matrixHelper.rotateX(animatorProps.rx.v*mult);
+ }
+ }
+ if (animatorProps.o.propType) {
+ if(mult.length) {
+ elemOpacity += ((animatorProps.o.v)*mult[0] - elemOpacity)*mult[0];
+ } else {
+ elemOpacity += ((animatorProps.o.v)*mult - elemOpacity)*mult;
+ }
+ }
+ if (documentData.strokeWidthAnim && animatorProps.sw.propType) {
+ if(mult.length) {
+ sw += animatorProps.sw.v*mult[0];
+ } else {
+ sw += animatorProps.sw.v*mult;
+ }
+ }
+ if (documentData.strokeColorAnim && animatorProps.sc.propType) {
+ for(k=0;k<3;k+=1){
+ if(mult.length) {
+ sc[k] = sc[k] + (animatorProps.sc.v[k] - sc[k])*mult[0];
+ } else {
+ sc[k] = sc[k] + (animatorProps.sc.v[k] - sc[k])*mult;
+ }
+ }
+ }
+ if (documentData.fillColorAnim && documentData.fc) {
+ if(animatorProps.fc.propType){
+ for(k=0;k<3;k+=1){
+ if(mult.length) {
+ fc[k] = fc[k] + (animatorProps.fc.v[k] - fc[k])*mult[0];
+ } else {
+ fc[k] = fc[k] + (animatorProps.fc.v[k] - fc[k])*mult;
+ }
+ }
+ }
+ if(animatorProps.fh.propType){
+ if(mult.length) {
+ fc = addHueToRGB(fc,animatorProps.fh.v*mult[0]);
+ } else {
+ fc = addHueToRGB(fc,animatorProps.fh.v*mult);
+ }
+ }
+ if(animatorProps.fs.propType){
+ if(mult.length) {
+ fc = addSaturationToRGB(fc,animatorProps.fs.v*mult[0]);
+ } else {
+ fc = addSaturationToRGB(fc,animatorProps.fs.v*mult);
+ }
+ }
+ if(animatorProps.fb.propType){
+ if(mult.length) {
+ fc = addBrightnessToRGB(fc,animatorProps.fb.v*mult[0]);
+ } else {
+ fc = addBrightnessToRGB(fc,animatorProps.fb.v*mult);
+ }
+ }
+ }
+ }
+
+ for(j=0;j<jLen;j+=1){
+ animatorProps = animators[j].a;
+
+ if (animatorProps.p.propType) {
+ animatorSelector = animators[j].s;
+ mult = animatorSelector.getMult(letters[i].anIndexes[j],textData.a[j].s.totalChars);
+ if(this._hasMaskedPath) {
+ if(mult.length) {
+ matrixHelper.translate(0, animatorProps.p.v[1] * mult[0], -animatorProps.p.v[2] * mult[1]);
+ } else {
+ matrixHelper.translate(0, animatorProps.p.v[1] * mult, -animatorProps.p.v[2] * mult);
+ }
+ }else{
+ if(mult.length) {
+ matrixHelper.translate(animatorProps.p.v[0] * mult[0], animatorProps.p.v[1] * mult[1], -animatorProps.p.v[2] * mult[2]);
+ } else {
+ matrixHelper.translate(animatorProps.p.v[0] * mult, animatorProps.p.v[1] * mult, -animatorProps.p.v[2] * mult);
+
+ }
+ }
+ }
+ }
+ if(documentData.strokeWidthAnim){
+ letterSw = sw < 0 ? 0 : sw;
+ }
+ if(documentData.strokeColorAnim){
+ letterSc = 'rgb('+Math.round(sc[0]*255)+','+Math.round(sc[1]*255)+','+Math.round(sc[2]*255)+')';
+ }
+ if(documentData.fillColorAnim && documentData.fc){
+ letterFc = 'rgb('+Math.round(fc[0]*255)+','+Math.round(fc[1]*255)+','+Math.round(fc[2]*255)+')';
+ }
+
+ if(this._hasMaskedPath) {
+ matrixHelper.translate(0,-documentData.ls);
+
+ matrixHelper.translate(0, alignment[1]*yOff/100 + yPos,0);
+ if (textData.p.p) {
+ tanAngle = (currentPoint.point[1] - prevPoint.point[1]) / (currentPoint.point[0] - prevPoint.point[0]);
+ var rot = Math.atan(tanAngle) * 180 / Math.PI;
+ if (currentPoint.point[0] < prevPoint.point[0]) {
+ rot += 180;
+ }
+ matrixHelper.rotate(-rot * Math.PI / 180);
+ }
+ matrixHelper.translate(xPathPos, yPathPos, 0);
+ currentLength -= alignment[0]*letters[i].an/200;
+ if(letters[i+1] && ind !== letters[i+1].ind){
+ currentLength += letters[i].an / 2;
+ currentLength += documentData.tr/1000*documentData.finalSize;
+ }
+ }else{
+
+ matrixHelper.translate(xPos,yPos,0);
+
+ if(documentData.ps){
+ //matrixHelper.translate(documentData.ps[0],documentData.ps[1],0);
+ matrixHelper.translate(documentData.ps[0],documentData.ps[1] + documentData.ascent,0);
+ }
+ switch(documentData.j){
+ case 1:
+ matrixHelper.translate(letters[i].animatorJustifyOffset + documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[letters[i].line]),0,0);
+ break;
+ case 2:
+ matrixHelper.translate(letters[i].animatorJustifyOffset + documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[letters[i].line])/2,0,0);
+ break;
+ }
+ matrixHelper.translate(0,-documentData.ls);
+ matrixHelper.translate(offf,0,0);
+ matrixHelper.translate(alignment[0]*letters[i].an/200,alignment[1]*yOff/100,0);
+ xPos += letters[i].l + documentData.tr/1000*documentData.finalSize;
+ }
+ if(renderType === 'html'){
+ letterM = matrixHelper.toCSS();
+ }else if(renderType === 'svg'){
+ letterM = matrixHelper.to2dCSS();
+ }else{
+ letterP = [matrixHelper.props[0],matrixHelper.props[1],matrixHelper.props[2],matrixHelper.props[3],matrixHelper.props[4],matrixHelper.props[5],matrixHelper.props[6],matrixHelper.props[7],matrixHelper.props[8],matrixHelper.props[9],matrixHelper.props[10],matrixHelper.props[11],matrixHelper.props[12],matrixHelper.props[13],matrixHelper.props[14],matrixHelper.props[15]];
+ }
+ letterO = elemOpacity;
+ }
+
+ if(renderedLettersCount <= i) {
+ letterValue = new LetterProps(letterO,letterSw,letterSc,letterFc,letterM,letterP);
+ this.renderedLetters.push(letterValue);
+ renderedLettersCount += 1;
+ this.lettersChangedFlag = true;
+ } else {
+ letterValue = this.renderedLetters[i];
+ this.lettersChangedFlag = letterValue.update(letterO, letterSw, letterSc, letterFc, letterM, letterP) || this.lettersChangedFlag;
+ }
+ }
+};
+
+TextAnimatorProperty.prototype.getValue = function(){
+ if(this._elem.globalData.frameId === this._frameId){
+ return;
+ }
+ this._frameId = this._elem.globalData.frameId;
+ this.iterateDynamicProperties();
+};
+
+TextAnimatorProperty.prototype.mHelper = new Matrix();
+TextAnimatorProperty.prototype.defaultPropsArray = [];
+extendPrototype([DynamicPropertyContainer], TextAnimatorProperty);
+function TextAnimatorDataProperty(elem, animatorProps, container) {
+ var defaultData = {propType:false};
+ var getProp = PropertyFactory.getProp;
+ var textAnimator_animatables = animatorProps.a;
+ this.a = {
+ r: textAnimator_animatables.r ? getProp(elem, textAnimator_animatables.r, 0, degToRads, container) : defaultData,
+ rx: textAnimator_animatables.rx ? getProp(elem, textAnimator_animatables.rx, 0, degToRads, container) : defaultData,
+ ry: textAnimator_animatables.ry ? getProp(elem, textAnimator_animatables.ry, 0, degToRads, container) : defaultData,
+ sk: textAnimator_animatables.sk ? getProp(elem, textAnimator_animatables.sk, 0, degToRads, container) : defaultData,
+ sa: textAnimator_animatables.sa ? getProp(elem, textAnimator_animatables.sa, 0, degToRads, container) : defaultData,
+ s: textAnimator_animatables.s ? getProp(elem, textAnimator_animatables.s, 1, 0.01, container) : defaultData,
+ a: textAnimator_animatables.a ? getProp(elem, textAnimator_animatables.a, 1, 0, container) : defaultData,
+ o: textAnimator_animatables.o ? getProp(elem, textAnimator_animatables.o, 0, 0.01, container) : defaultData,
+ p: textAnimator_animatables.p ? getProp(elem,textAnimator_animatables.p, 1, 0, container) : defaultData,
+ sw: textAnimator_animatables.sw ? getProp(elem, textAnimator_animatables.sw, 0, 0, container) : defaultData,
+ sc: textAnimator_animatables.sc ? getProp(elem, textAnimator_animatables.sc, 1, 0, container) : defaultData,
+ fc: textAnimator_animatables.fc ? getProp(elem, textAnimator_animatables.fc, 1, 0, container) : defaultData,
+ fh: textAnimator_animatables.fh ? getProp(elem, textAnimator_animatables.fh, 0, 0, container) : defaultData,
+ fs: textAnimator_animatables.fs ? getProp(elem, textAnimator_animatables.fs, 0, 0.01, container) : defaultData,
+ fb: textAnimator_animatables.fb ? getProp(elem, textAnimator_animatables.fb, 0, 0.01, container) : defaultData,
+ t: textAnimator_animatables.t ? getProp(elem, textAnimator_animatables.t, 0, 0, container) : defaultData
+ };
+
+ this.s = TextSelectorProp.getTextSelectorProp(elem,animatorProps.s, container);
+ this.s.t = animatorProps.s.t;
+}
+function LetterProps(o, sw, sc, fc, m, p){
+ this.o = o;
+ this.sw = sw;
+ this.sc = sc;
+ this.fc = fc;
+ this.m = m;
+ this.p = p;
+ this._mdf = {
+ o: true,
+ sw: !!sw,
+ sc: !!sc,
+ fc: !!fc,
+ m: true,
+ p: true
+ };
+}
+
+LetterProps.prototype.update = function(o, sw, sc, fc, m, p) {
+ this._mdf.o = false;
+ this._mdf.sw = false;
+ this._mdf.sc = false;
+ this._mdf.fc = false;
+ this._mdf.m = false;
+ this._mdf.p = false;
+ var updated = false;
+
+ if(this.o !== o) {
+ this.o = o;
+ this._mdf.o = true;
+ updated = true;
+ }
+ if(this.sw !== sw) {
+ this.sw = sw;
+ this._mdf.sw = true;
+ updated = true;
+ }
+ if(this.sc !== sc) {
+ this.sc = sc;
+ this._mdf.sc = true;
+ updated = true;
+ }
+ if(this.fc !== fc) {
+ this.fc = fc;
+ this._mdf.fc = true;
+ updated = true;
+ }
+ if(this.m !== m) {
+ this.m = m;
+ this._mdf.m = true;
+ updated = true;
+ }
+ if(p.length && (this.p[0] !== p[0] || this.p[1] !== p[1] || this.p[4] !== p[4] || this.p[5] !== p[5] || this.p[12] !== p[12] || this.p[13] !== p[13])) {
+ this.p = p;
+ this._mdf.p = true;
+ updated = true;
+ }
+ return updated;
+};
+function TextProperty(elem, data){
+ this._frameId = initialDefaultFrame;
+ this.pv = '';
+ this.v = '';
+ this.kf = false;
+ this._isFirstFrame = true;
+ this._mdf = false;
+ this.data = data;
+ this.elem = elem;
+ this.comp = this.elem.comp;
+ this.keysIndex = 0;
+ this.canResize = false;
+ this.minimumFontSize = 1;
+ this.effectsSequence = [];
+ this.currentData = {
+ ascent: 0,
+ boxWidth: this.defaultBoxWidth,
+ f: '',
+ fStyle: '',
+ fWeight: '',
+ fc: '',
+ j: '',
+ justifyOffset: '',
+ l: [],
+ lh: 0,
+ lineWidths: [],
+ ls: '',
+ of: '',
+ s: '',
+ sc: '',
+ sw: 0,
+ t: 0,
+ tr: 0,
+ sz:0,
+ ps:null,
+ fillColorAnim: false,
+ strokeColorAnim: false,
+ strokeWidthAnim: false,
+ yOffset: 0,
+ finalSize:0,
+ finalText:[],
+ finalLineHeight: 0,
+ __complete: false
+
+ };
+ this.copyData(this.currentData, this.data.d.k[0].s);
+
+ if(!this.searchProperty()) {
+ this.completeTextData(this.currentData);
+ }
+}
+
+TextProperty.prototype.defaultBoxWidth = [0,0];
+
+TextProperty.prototype.copyData = function(obj, data) {
+ for(var s in data) {
+ if(data.hasOwnProperty(s)) {
+ obj[s] = data[s];
+ }
+ }
+ return obj;
+}
+
+TextProperty.prototype.setCurrentData = function(data){
+ if(!data.__complete) {
+ this.completeTextData(data);
+ }
+ this.currentData = data;
+ this.currentData.boxWidth = this.currentData.boxWidth || this.defaultBoxWidth;
+ this._mdf = true;
+};
+
+TextProperty.prototype.searchProperty = function() {
+ return this.searchKeyframes();
+};
+
+TextProperty.prototype.searchKeyframes = function() {
+ this.kf = this.data.d.k.length > 1;
+ if(this.kf) {
+ this.addEffect(this.getKeyframeValue.bind(this));
+ }
+ return this.kf;
+}
+
+TextProperty.prototype.addEffect = function(effectFunction) {
+ this.effectsSequence.push(effectFunction);
+ this.elem.addDynamicProperty(this);
+};
+
+TextProperty.prototype.getValue = function(_finalValue) {
+ if((this.elem.globalData.frameId === this.frameId || !this.effectsSequence.length) && !_finalValue) {
+ return;
+ }
+ this.currentData.t = this.data.d.k[this.keysIndex].s.t;
+ var currentValue = this.currentData;
+ var currentIndex = this.keysIndex;
+ if(this.lock) {
+ this.setCurrentData(this.currentData);
+ return;
+ }
+ this.lock = true;
+ this._mdf = false;
+ var multipliedValue;
+ var i, len = this.effectsSequence.length;
+ var finalValue = _finalValue || this.data.d.k[this.keysIndex].s;
+ for(i = 0; i < len; i += 1) {
+ //Checking if index changed to prevent creating a new object every time the expression updates.
+ if(currentIndex !== this.keysIndex) {
+ finalValue = this.effectsSequence[i](finalValue, finalValue.t);
+ } else {
+ finalValue = this.effectsSequence[i](this.currentData, finalValue.t);
+ }
+ }
+ if(currentValue !== finalValue) {
+ this.setCurrentData(finalValue);
+ }
+ this.pv = this.v = this.currentData;
+ this.lock = false;
+ this.frameId = this.elem.globalData.frameId;
+}
+
+TextProperty.prototype.getKeyframeValue = function() {
+ var textKeys = this.data.d.k, textDocumentData;
+ var frameNum = this.elem.comp.renderedFrame;
+ var i = 0, len = textKeys.length;
+ while(i <= len - 1) {
+ textDocumentData = textKeys[i].s;
+ if(i === len - 1 || textKeys[i+1].t > frameNum){
+ break;
+ }
+ i += 1;
+ }
+ if(this.keysIndex !== i) {
+ this.keysIndex = i;
+ }
+ return this.data.d.k[this.keysIndex].s;
+};
+
+TextProperty.prototype.buildFinalText = function(text) {
+ var combinedCharacters = FontManager.getCombinedCharacterCodes();
+ var charactersArray = [];
+ var i = 0, len = text.length;
+ while (i < len) {
+ if (combinedCharacters.indexOf(text.charCodeAt(i)) !== -1) {
+ charactersArray[charactersArray.length - 1] += text.charAt(i);
+ } else {
+ charactersArray.push(text.charAt(i));
+ }
+ i += 1;
+ }
+ return charactersArray;
+}
+
+TextProperty.prototype.completeTextData = function(documentData) {
+ documentData.__complete = true;
+ var fontManager = this.elem.globalData.fontManager;
+ var data = this.data;
+ var letters = [];
+ var i, len;
+ var newLineFlag, index = 0, val;
+ var anchorGrouping = data.m.g;
+ var currentSize = 0, currentPos = 0, currentLine = 0, lineWidths = [];
+ var lineWidth = 0;
+ var maxLineWidth = 0;
+ var j, jLen;
+ var fontData = fontManager.getFontByName(documentData.f);
+ var charData, cLength = 0;
+ var styles = fontData.fStyle ? fontData.fStyle.split(' ') : [];
+
+ var fWeight = 'normal', fStyle = 'normal';
+ len = styles.length;
+ var styleName;
+ for(i=0;i<len;i+=1){
+ styleName = styles[i].toLowerCase();
+ switch(styleName) {
+ case 'italic':
+ fStyle = 'italic';
+ break;
+ case 'bold':
+ fWeight = '700';
+ break;
+ case 'black':
+ fWeight = '900';
+ break;
+ case 'medium':
+ fWeight = '500';
+ break;
+ case 'regular':
+ case 'normal':
+ fWeight = '400';
+ break;
+ case 'light':
+ case 'thin':
+ fWeight = '200';
+ break;
+ }
+ }
+ documentData.fWeight = fontData.fWeight || fWeight;
+ documentData.fStyle = fStyle;
+ len = documentData.t.length;
+ documentData.finalSize = documentData.s;
+ documentData.finalText = this.buildFinalText(documentData.t);
+ documentData.finalLineHeight = documentData.lh;
+ var trackingOffset = documentData.tr/1000*documentData.finalSize;
+ var charCode;
+ if(documentData.sz){
+ var flag = true;
+ var boxWidth = documentData.sz[0];
+ var boxHeight = documentData.sz[1];
+ var currentHeight, finalText;
+ while(flag) {
+ finalText = this.buildFinalText(documentData.t);
+ currentHeight = 0;
+ lineWidth = 0;
+ len = finalText.length;
+ trackingOffset = documentData.tr/1000*documentData.finalSize;
+ var lastSpaceIndex = -1;
+ for(i=0;i<len;i+=1){
+ charCode = finalText[i].charCodeAt(0);
+ newLineFlag = false;
+ if(finalText[i] === ' '){
+ lastSpaceIndex = i;
+ }else if(charCode === 13 || charCode === 3){
+ lineWidth = 0;
+ newLineFlag = true;
+ currentHeight += documentData.finalLineHeight || documentData.finalSize*1.2;
+ }
+ if(fontManager.chars){
+ charData = fontManager.getCharData(finalText[i], fontData.fStyle, fontData.fFamily);
+ cLength = newLineFlag ? 0 : charData.w*documentData.finalSize/100;
+ }else{
+ //tCanvasHelper.font = documentData.s + 'px '+ fontData.fFamily;
+ cLength = fontManager.measureText(finalText[i], documentData.f, documentData.finalSize);
+ }
+ if(lineWidth + cLength > boxWidth && finalText[i] !== ' '){
+ if(lastSpaceIndex === -1){
+ len += 1;
+ } else {
+ i = lastSpaceIndex;
+ }
+ currentHeight += documentData.finalLineHeight || documentData.finalSize*1.2;
+ finalText.splice(i, lastSpaceIndex === i ? 1 : 0,"\r");
+ //finalText = finalText.substr(0,i) + "\r" + finalText.substr(i === lastSpaceIndex ? i + 1 : i);
+ lastSpaceIndex = -1;
+ lineWidth = 0;
+ }else {
+ lineWidth += cLength;
+ lineWidth += trackingOffset;
+ }
+ }
+ currentHeight += fontData.ascent*documentData.finalSize/100;
+ if(this.canResize && documentData.finalSize > this.minimumFontSize && boxHeight < currentHeight) {
+ documentData.finalSize -= 1;
+ documentData.finalLineHeight = documentData.finalSize * documentData.lh / documentData.s;
+ } else {
+ documentData.finalText = finalText;
+ len = documentData.finalText.length;
+ flag = false;
+ }
+ }
+
+ }
+ lineWidth = - trackingOffset;
+ cLength = 0;
+ var uncollapsedSpaces = 0;
+ var currentChar;
+ for (i = 0;i < len ;i += 1) {
+ newLineFlag = false;
+ currentChar = documentData.finalText[i];
+ charCode = currentChar.charCodeAt(0);
+ if (currentChar === ' '){
+ val = '\u00A0';
+ } else if (charCode === 13 || charCode === 3) {
+ uncollapsedSpaces = 0;
+ lineWidths.push(lineWidth);
+ maxLineWidth = lineWidth > maxLineWidth ? lineWidth : maxLineWidth;
+ lineWidth = - 2 * trackingOffset;
+ val = '';
+ newLineFlag = true;
+ currentLine += 1;
+ }else{
+ val = documentData.finalText[i];
+ }
+ if(fontManager.chars){
+ charData = fontManager.getCharData(currentChar, fontData.fStyle, fontManager.getFontByName(documentData.f).fFamily);
+ cLength = newLineFlag ? 0 : charData.w*documentData.finalSize/100;
+ }else{
+ //var charWidth = fontManager.measureText(val, documentData.f, documentData.finalSize);
+ //tCanvasHelper.font = documentData.finalSize + 'px '+ fontManager.getFontByName(documentData.f).fFamily;
+ cLength = fontManager.measureText(val, documentData.f, documentData.finalSize);
+ }
+
+ //
+ if(currentChar === ' '){
+ uncollapsedSpaces += cLength + trackingOffset;
+ } else {
+ lineWidth += cLength + trackingOffset + uncollapsedSpaces;
+ uncollapsedSpaces = 0;
+ }
+ letters.push({l:cLength,an:cLength,add:currentSize,n:newLineFlag, anIndexes:[], val: val, line: currentLine, animatorJustifyOffset: 0});
+ if(anchorGrouping == 2){
+ currentSize += cLength;
+ if(val === '' || val === '\u00A0' || i === len - 1){
+ if(val === '' || val === '\u00A0'){
+ currentSize -= cLength;
+ }
+ while(currentPos<=i){
+ letters[currentPos].an = currentSize;
+ letters[currentPos].ind = index;
+ letters[currentPos].extra = cLength;
+ currentPos += 1;
+ }
+ index += 1;
+ currentSize = 0;
+ }
+ }else if(anchorGrouping == 3){
+ currentSize += cLength;
+ if(val === '' || i === len - 1){
+ if(val === ''){
+ currentSize -= cLength;
+ }
+ while(currentPos<=i){
+ letters[currentPos].an = currentSize;
+ letters[currentPos].ind = index;
+ letters[currentPos].extra = cLength;
+ currentPos += 1;
+ }
+ currentSize = 0;
+ index += 1;
+ }
+ }else{
+ letters[index].ind = index;
+ letters[index].extra = 0;
+ index += 1;
+ }
+ }
+ documentData.l = letters;
+ maxLineWidth = lineWidth > maxLineWidth ? lineWidth : maxLineWidth;
+ lineWidths.push(lineWidth);
+ if(documentData.sz){
+ documentData.boxWidth = documentData.sz[0];
+ documentData.justifyOffset = 0;
+ }else{
+ documentData.boxWidth = maxLineWidth;
+ switch(documentData.j){
+ case 1:
+ documentData.justifyOffset = - documentData.boxWidth;
+ break;
+ case 2:
+ documentData.justifyOffset = - documentData.boxWidth/2;
+ break;
+ default:
+ documentData.justifyOffset = 0;
+ }
+ }
+ documentData.lineWidths = lineWidths;
+
+ var animators = data.a, animatorData, letterData;
+ jLen = animators.length;
+ var based, ind, indexes = [];
+ for(j=0;j<jLen;j+=1){
+ animatorData = animators[j];
+ if(animatorData.a.sc){
+ documentData.strokeColorAnim = true;
+ }
+ if(animatorData.a.sw){
+ documentData.strokeWidthAnim = true;
+ }
+ if(animatorData.a.fc || animatorData.a.fh || animatorData.a.fs || animatorData.a.fb){
+ documentData.fillColorAnim = true;
+ }
+ ind = 0;
+ based = animatorData.s.b;
+ for(i=0;i<len;i+=1){
+ letterData = letters[i];
+ letterData.anIndexes[j] = ind;
+ if((based == 1 && letterData.val !== '') || (based == 2 && letterData.val !== '' && letterData.val !== '\u00A0') || (based == 3 && (letterData.n || letterData.val == '\u00A0' || i == len - 1)) || (based == 4 && (letterData.n || i == len - 1))){
+ if(animatorData.s.rn === 1){
+ indexes.push(ind);
+ }
+ ind += 1;
+ }
+ }
+ data.a[j].s.totalChars = ind;
+ var currentInd = -1, newInd;
+ if(animatorData.s.rn === 1){
+ for(i = 0; i < len; i += 1){
+ letterData = letters[i];
+ if(currentInd != letterData.anIndexes[j]){
+ currentInd = letterData.anIndexes[j];
+ newInd = indexes.splice(Math.floor(Math.random()*indexes.length),1)[0];
+ }
+ letterData.anIndexes[j] = newInd;
+ }
+ }
+ }
+ documentData.yOffset = documentData.finalLineHeight || documentData.finalSize*1.2;
+ documentData.ls = documentData.ls || 0;
+ documentData.ascent = fontData.ascent*documentData.finalSize/100;
+};
+
+TextProperty.prototype.updateDocumentData = function(newData, index) {
+ index = index === undefined ? this.keysIndex : index;
+ var dData = this.copyData({}, this.data.d.k[index].s);
+ dData = this.copyData(dData, newData);
+ this.data.d.k[index].s = dData;
+ this.recalculate(index);
+ this.elem.addDynamicProperty(this);
+};
+
+TextProperty.prototype.recalculate = function(index) {
+ var dData = this.data.d.k[index].s;
+ dData.__complete = false;
+ this.keysIndex = 0;
+ this._isFirstFrame = true;
+ this.getValue(dData);
+}
+
+TextProperty.prototype.canResizeFont = function(_canResize) {
+ this.canResize = _canResize;
+ this.recalculate(this.keysIndex);
+ this.elem.addDynamicProperty(this);
+};
+
+TextProperty.prototype.setMinimumFontSize = function(_fontValue) {
+ this.minimumFontSize = Math.floor(_fontValue) || 1;
+ this.recalculate(this.keysIndex);
+ this.elem.addDynamicProperty(this);
+};
+
+var TextSelectorProp = (function(){
+ var max = Math.max;
+ var min = Math.min;
+ var floor = Math.floor;
+
+ function TextSelectorProp(elem,data){
+ this._currentTextLength = -1;
+ this.k = false;
+ this.data = data;
+ this.elem = elem;
+ this.comp = elem.comp;
+ this.finalS = 0;
+ this.finalE = 0;
+ this.initDynamicPropertyContainer(elem);
+ this.s = PropertyFactory.getProp(elem,data.s || {k:0},0,0,this);
+ if('e' in data){
+ this.e = PropertyFactory.getProp(elem,data.e,0,0,this);
+ }else{
+ this.e = {v:100};
+ }
+ this.o = PropertyFactory.getProp(elem,data.o || {k:0},0,0,this);
+ this.xe = PropertyFactory.getProp(elem,data.xe || {k:0},0,0,this);
+ this.ne = PropertyFactory.getProp(elem,data.ne || {k:0},0,0,this);
+ this.a = PropertyFactory.getProp(elem,data.a,0,0.01,this);
+ if(!this.dynamicProperties.length){
+ this.getValue();
+ }
+ }
+
+ TextSelectorProp.prototype = {
+ getMult: function(ind) {
+ if(this._currentTextLength !== this.elem.textProperty.currentData.l.length) {
+ this.getValue();
+ }
+ //var easer = bez.getEasingCurve(this.ne.v/100,0,1-this.xe.v/100,1);
+ var easer = BezierFactory.getBezierEasing(this.ne.v/100,0,1-this.xe.v/100,1).get;
+ var mult = 0;
+ var s = this.finalS;
+ var e = this.finalE;
+ var type = this.data.sh;
+ if(type == 2){
+ if(e === s){
+ mult = ind >= e ? 1 : 0;
+ }else{
+ mult = max(0,min(0.5/(e-s) + (ind-s)/(e-s),1));
+ }
+ mult = easer(mult);
+ }else if(type == 3){
+ if(e === s){
+ mult = ind >= e ? 0 : 1;
+ }else{
+ mult = 1 - max(0,min(0.5/(e-s) + (ind-s)/(e-s),1));
+ }
+
+ mult = easer(mult);
+ }else if(type == 4){
+ if(e === s){
+ mult = 0;
+ }else{
+ mult = max(0,min(0.5/(e-s) + (ind-s)/(e-s),1));
+ if(mult<0.5){
+ mult *= 2;
+ }else{
+ mult = 1 - 2*(mult-0.5);
+ }
+ }
+ mult = easer(mult);
+ }else if(type == 5){
+ if(e === s){
+ mult = 0;
+ }else{
+ var tot = e - s;
+ /*ind += 0.5;
+ mult = -4/(tot*tot)*(ind*ind)+(4/tot)*ind;*/
+ ind = min(max(0,ind+0.5-s),e-s);
+ var x = -tot/2+ind;
+ var a = tot/2;
+ mult = Math.sqrt(1 - (x*x)/(a*a));
+ }
+ mult = easer(mult);
+ }else if(type == 6){
+ if(e === s){
+ mult = 0;
+ }else{
+ ind = min(max(0,ind+0.5-s),e-s);
+ mult = (1+(Math.cos((Math.PI+Math.PI*2*(ind)/(e-s)))))/2;
+ /*
+ ind = Math.min(Math.max(s,ind),e-1);
+ mult = (1+(Math.cos((Math.PI+Math.PI*2*(ind-s)/(e-1-s)))))/2;
+ mult = Math.max(mult,(1/(e-1-s))/(e-1-s));*/
+ }
+ mult = easer(mult);
+ }else {
+ if(ind >= floor(s)){
+ if(ind-s < 0){
+ mult = 1 - (s - ind);
+ }else{
+ mult = max(0,min(e-ind,1));
+ }
+ }
+ mult = easer(mult);
+ }
+ return mult*this.a.v;
+ },
+ getValue: function(newCharsFlag) {
+ this.iterateDynamicProperties();
+ this._mdf = newCharsFlag || this._mdf;
+ this._currentTextLength = this.elem.textProperty.currentData.l.length || 0;
+ if(newCharsFlag && this.data.r === 2) {
+ this.e.v = this._currentTextLength;
+ }
+ var divisor = this.data.r === 2 ? 1 : 100 / this.data.totalChars;
+ var o = this.o.v/divisor;
+ var s = this.s.v/divisor + o;
+ var e = (this.e.v/divisor) + o;
+ if(s>e){
+ var _s = s;
+ s = e;
+ e = _s;
+ }
+ this.finalS = s;
+ this.finalE = e;
+ }
+ }
+ extendPrototype([DynamicPropertyContainer], TextSelectorProp);
+
+ function getTextSelectorProp(elem, data,arr) {
+ return new TextSelectorProp(elem, data, arr);
+ }
+
+ return {
+ getTextSelectorProp: getTextSelectorProp
+ };
+}());
+
+
+var pool_factory = (function() {
+ return function(initialLength, _create, _release, _clone) {
+
+ var _length = 0;
+ var _maxLength = initialLength;
+ var pool = createSizedArray(_maxLength);
+
+ var ob = {
+ newElement: newElement,
+ release: release
+ };
+
+ function newElement(){
+ var element;
+ if(_length){
+ _length -= 1;
+ element = pool[_length];
+ } else {
+ element = _create();
+ }
+ return element;
+ }
+
+ function release(element) {
+ if(_length === _maxLength) {
+ pool = pooling.double(pool);
+ _maxLength = _maxLength*2;
+ }
+ if (_release) {
+ _release(element);
+ }
+ pool[_length] = element;
+ _length += 1;
+ }
+
+ function clone() {
+ var clonedElement = newElement();
+ return _clone(clonedElement);
+ }
+
+ return ob;
+ };
+}());
+
+var pooling = (function(){
+
+ function double(arr){
+ return arr.concat(createSizedArray(arr.length));
+ }
+
+ return {
+ double: double
+ };
+}());
+var point_pool = (function(){
+
+ function create() {
+ return createTypedArray('float32', 2);
+ }
+ return pool_factory(8, create);
+}());
+var shape_pool = (function(){
+
+ function create() {
+ return new ShapePath();
+ }
+
+ function release(shapePath) {
+ var len = shapePath._length, i;
+ for(i = 0; i < len; i += 1) {
+ point_pool.release(shapePath.v[i]);
+ point_pool.release(shapePath.i[i]);
+ point_pool.release(shapePath.o[i]);
+ shapePath.v[i] = null;
+ shapePath.i[i] = null;
+ shapePath.o[i] = null;
+ }
+ shapePath._length = 0;
+ shapePath.c = false;
+ }
+
+ function clone(shape) {
+ var cloned = factory.newElement();
+ var i, len = shape._length === undefined ? shape.v.length : shape._length;
+ cloned.setLength(len);
+ cloned.c = shape.c;
+ var pt;
+
+ for(i = 0; i < len; i += 1) {
+ cloned.setTripleAt(shape.v[i][0],shape.v[i][1],shape.o[i][0],shape.o[i][1],shape.i[i][0],shape.i[i][1], i);
+ }
+ return cloned;
+ }
+
+ var factory = pool_factory(4, create, release);
+ factory.clone = clone;
+
+ return factory;
+}());
+var shapeCollection_pool = (function(){
+ var ob = {
+ newShapeCollection: newShapeCollection,
+ release: release
+ };
+
+ var _length = 0;
+ var _maxLength = 4;
+ var pool = createSizedArray(_maxLength);
+
+ function newShapeCollection(){
+ var shapeCollection;
+ if(_length){
+ _length -= 1;
+ shapeCollection = pool[_length];
+ } else {
+ shapeCollection = new ShapeCollection();
+ }
+ return shapeCollection;
+ }
+
+ function release(shapeCollection) {
+ var i, len = shapeCollection._length;
+ for(i = 0; i < len; i += 1) {
+ shape_pool.release(shapeCollection.shapes[i]);
+ }
+ shapeCollection._length = 0;
+
+ if(_length === _maxLength) {
+ pool = pooling.double(pool);
+ _maxLength = _maxLength*2;
+ }
+ pool[_length] = shapeCollection;
+ _length += 1;
+ }
+
+ return ob;
+}());
+var segments_length_pool = (function(){
+
+ function create() {
+ return {
+ lengths: [],
+ totalLength: 0
+ };
+ }
+
+ function release(element) {
+ var i, len = element.lengths.length;
+ for(i=0;i<len;i+=1) {
+ bezier_length_pool.release(element.lengths[i]);
+ }
+ element.lengths.length = 0;
+ }
+
+ return pool_factory(8, create, release);
+}());
+var bezier_length_pool = (function(){
+
+ function create() {
+ return {
+ addedLength: 0,
+ percents: createTypedArray('float32', defaultCurveSegments),
+ lengths: createTypedArray('float32', defaultCurveSegments),
+ };
+ }
+ return pool_factory(8, create);
+}());
+function BaseRenderer(){}
+BaseRenderer.prototype.checkLayers = function(num){
+ var i, len = this.layers.length, data;
+ this.completeLayers = true;
+ for (i = len - 1; i >= 0; i--) {
+ if (!this.elements[i]) {
+ data = this.layers[i];
+ if(data.ip - data.st <= (num - this.layers[i].st) && data.op - data.st > (num - this.layers[i].st))
+ {
+ this.buildItem(i);
+ }
+ }
+ this.completeLayers = this.elements[i] ? this.completeLayers:false;
+ }
+ this.checkPendingElements();
+};
+
+BaseRenderer.prototype.createItem = function(layer){
+ switch(layer.ty){
+ case 2:
+ return this.createImage(layer);
+ case 0:
+ return this.createComp(layer);
+ case 1:
+ return this.createSolid(layer);
+ case 3:
+ return this.createNull(layer);
+ case 4:
+ return this.createShape(layer);
+ case 5:
+ return this.createText(layer);
+ case 13:
+ return this.createCamera(layer);
+ }
+ return this.createNull(layer);
+};
+
+BaseRenderer.prototype.createCamera = function(){
+ throw new Error('You\'re using a 3d camera. Try the html renderer.');
+};
+
+BaseRenderer.prototype.buildAllItems = function(){
+ var i, len = this.layers.length;
+ for(i=0;i<len;i+=1){
+ this.buildItem(i);
+ }
+ this.checkPendingElements();
+};
+
+BaseRenderer.prototype.includeLayers = function(newLayers){
+ this.completeLayers = false;
+ var i, len = newLayers.length;
+ var j, jLen = this.layers.length;
+ for(i=0;i<len;i+=1){
+ j = 0;
+ while(j<jLen){
+ if(this.layers[j].id == newLayers[i].id){
+ this.layers[j] = newLayers[i];
+ break;
+ }
+ j += 1;
+ }
+ }
+};
+
+BaseRenderer.prototype.setProjectInterface = function(pInterface){
+ this.globalData.projectInterface = pInterface;
+};
+
+BaseRenderer.prototype.initItems = function(){
+ if(!this.globalData.progressiveLoad){
+ this.buildAllItems();
+ }
+};
+BaseRenderer.prototype.buildElementParenting = function(element, parentName, hierarchy) {
+ var elements = this.elements;
+ var layers = this.layers;
+ var i=0, len = layers.length;
+ while (i < len) {
+ if (layers[i].ind == parentName) {
+ if (!elements[i] || elements[i] === true) {
+ this.buildItem(i);
+ this.addPendingElement(element);
+ } else {
+ hierarchy.push(elements[i]);
+ elements[i].setAsParent();
+ if(layers[i].parent !== undefined) {
+ this.buildElementParenting(element, layers[i].parent, hierarchy);
+ } else {
+ element.setHierarchy(hierarchy);
+ }
+ }
+ }
+ i += 1;
+ }
+};
+
+BaseRenderer.prototype.addPendingElement = function(element){
+ this.pendingElements.push(element);
+};
+
+BaseRenderer.prototype.searchExtraCompositions = function(assets){
+ var i, len = assets.length;
+ for(i=0;i<len;i+=1){
+ if(assets[i].xt){
+ var comp = this.createComp(assets[i]);
+ comp.initExpressions();
+ this.globalData.projectInterface.registerComposition(comp);
+ }
+ }
+};
+
+BaseRenderer.prototype.setupGlobalData = function(animData, fontsContainer) {
+ this.globalData.fontManager = new FontManager();
+ this.globalData.fontManager.addChars(animData.chars);
+ this.globalData.fontManager.addFonts(animData.fonts, fontsContainer);
+ this.globalData.getAssetData = this.animationItem.getAssetData.bind(this.animationItem);
+ this.globalData.getAssetsPath = this.animationItem.getAssetsPath.bind(this.animationItem);
+ this.globalData.imageLoader = this.animationItem.imagePreloader;
+ this.globalData.frameId = 0;
+ this.globalData.frameRate = animData.fr;
+ this.globalData.nm = animData.nm;
+ this.globalData.compSize = {
+ w: animData.w,
+ h: animData.h
+ }
+}
+function SVGRenderer(animationItem, config){
+ this.animationItem = animationItem;
+ this.layers = null;
+ this.renderedFrame = -1;
+ this.svgElement = createNS('svg');
+ var defs = createNS( 'defs');
+ this.svgElement.appendChild(defs);
+ var maskElement = createNS('g');
+ this.svgElement.appendChild(maskElement);
+ this.layerElement = maskElement;
+ this.renderConfig = {
+ preserveAspectRatio: (config && config.preserveAspectRatio) || 'xMidYMid meet',
+ imagePreserveAspectRatio: (config && config.imagePreserveAspectRatio) || 'xMidYMid slice',
+ progressiveLoad: (config && config.progressiveLoad) || false,
+ hideOnTransparent: (config && config.hideOnTransparent === false) ? false : true,
+ viewBoxOnly: (config && config.viewBoxOnly) || false,
+ viewBoxSize: (config && config.viewBoxSize) || false,
+ className: (config && config.className) || ''
+ };
+ this.globalData = {
+ _mdf: false,
+ frameNum: -1,
+ defs: defs,
+ renderConfig: this.renderConfig
+ };
+ this.elements = [];
+ this.pendingElements = [];
+ this.destroyed = false;
+ this.rendererType = 'svg';
+
+}
+
+extendPrototype([BaseRenderer],SVGRenderer);
+
+SVGRenderer.prototype.createNull = function (data) {
+ return new NullElement(data,this.globalData,this);
+};
+
+SVGRenderer.prototype.createShape = function (data) {
+ return new SVGShapeElement(data,this.globalData,this);
+};
+
+SVGRenderer.prototype.createText = function (data) {
+ return new SVGTextElement(data,this.globalData,this);
+
+};
+
+SVGRenderer.prototype.createImage = function (data) {
+ return new IImageElement(data,this.globalData,this);
+};
+
+SVGRenderer.prototype.createComp = function (data) {
+ return new SVGCompElement(data,this.globalData,this);
+
+};
+
+SVGRenderer.prototype.createSolid = function (data) {
+ return new ISolidElement(data,this.globalData,this);
+};
+
+SVGRenderer.prototype.configAnimation = function(animData){
+ this.svgElement.setAttribute('xmlns','http://www.w3.org/2000/svg');
+ if(this.renderConfig.viewBoxSize) {
+ this.svgElement.setAttribute('viewBox',this.renderConfig.viewBoxSize);
+ } else {
+ this.svgElement.setAttribute('viewBox','0 0 '+animData.w+' '+animData.h);
+ }
+
+ if(!this.renderConfig.viewBoxOnly) {
+ this.svgElement.setAttribute('width',animData.w);
+ this.svgElement.setAttribute('height',animData.h);
+ this.svgElement.style.width = '100%';
+ this.svgElement.style.height = '100%';
+ this.svgElement.style.transform = 'translate3d(0,0,0)';
+ }
+ if(this.renderConfig.className) {
+ this.svgElement.setAttribute('class', this.renderConfig.className);
+ }
+ this.svgElement.setAttribute('preserveAspectRatio',this.renderConfig.preserveAspectRatio);
+ //this.layerElement.style.transform = 'translate3d(0,0,0)';
+ //this.layerElement.style.transformOrigin = this.layerElement.style.mozTransformOrigin = this.layerElement.style.webkitTransformOrigin = this.layerElement.style['-webkit-transform'] = "0px 0px 0px";
+ this.animationItem.wrapper.appendChild(this.svgElement);
+ //Mask animation
+ var defs = this.globalData.defs;
+
+ this.setupGlobalData(animData, defs);
+ this.globalData.progressiveLoad = this.renderConfig.progressiveLoad;
+ this.data = animData;
+
+ var maskElement = createNS( 'clipPath');
+ var rect = createNS('rect');
+ rect.setAttribute('width',animData.w);
+ rect.setAttribute('height',animData.h);
+ rect.setAttribute('x',0);
+ rect.setAttribute('y',0);
+ var maskId = 'animationMask_'+randomString(10);
+ maskElement.setAttribute('id', maskId);
+ maskElement.appendChild(rect);
+ this.layerElement.setAttribute("clip-path", "url(" + locationHref + "#"+maskId+")");
+
+ defs.appendChild(maskElement);
+ this.layers = animData.layers;
+ this.elements = createSizedArray(animData.layers.length);
+};
+
+
+SVGRenderer.prototype.destroy = function () {
+ this.animationItem.wrapper.innerHTML = '';
+ this.layerElement = null;
+ this.globalData.defs = null;
+ var i, len = this.layers ? this.layers.length : 0;
+ for (i = 0; i < len; i++) {
+ if(this.elements[i]){
+ this.elements[i].destroy();
+ }
+ }
+ this.elements.length = 0;
+ this.destroyed = true;
+ this.animationItem = null;
+};
+
+SVGRenderer.prototype.updateContainerSize = function () {
+};
+
+SVGRenderer.prototype.buildItem = function(pos){
+ var elements = this.elements;
+ if(elements[pos] || this.layers[pos].ty == 99){
+ return;
+ }
+ elements[pos] = true;
+ var element = this.createItem(this.layers[pos]);
+
+ elements[pos] = element;
+ if(expressionsPlugin){
+ if(this.layers[pos].ty === 0){
+ this.globalData.projectInterface.registerComposition(element);
+ }
+ element.initExpressions();
+ }
+ this.appendElementInPos(element,pos);
+ if(this.layers[pos].tt){
+ if(!this.elements[pos - 1] || this.elements[pos - 1] === true){
+ this.buildItem(pos - 1);
+ this.addPendingElement(element);
+ } else {
+ element.setMatte(elements[pos - 1].layerId);
+ }
+ }
+};
+
+SVGRenderer.prototype.checkPendingElements = function(){
+ while(this.pendingElements.length){
+ var element = this.pendingElements.pop();
+ element.checkParenting();
+ if(element.data.tt){
+ var i = 0, len = this.elements.length;
+ while(i<len){
+ if(this.elements[i] === element){
+ element.setMatte(this.elements[i - 1].layerId);
+ break;
+ }
+ i += 1;
+ }
+ }
+ }
+};
+
+SVGRenderer.prototype.renderFrame = function(num){
+ if(this.renderedFrame === num || this.destroyed){
+ return;
+ }
+ if(num === null){
+ num = this.renderedFrame;
+ }else{
+ this.renderedFrame = num;
+ }
+ // console.log('-------');
+ // console.log('FRAME ',num);
+ this.globalData.frameNum = num;
+ this.globalData.frameId += 1;
+ this.globalData.projectInterface.currentFrame = num;
+ this.globalData._mdf = false;
+ var i, len = this.layers.length;
+ if(!this.completeLayers){
+ this.checkLayers(num);
+ }
+ for (i = len - 1; i >= 0; i--) {
+ if(this.completeLayers || this.elements[i]){
+ this.elements[i].prepareFrame(num - this.layers[i].st);
+ }
+ }
+ if(this.globalData._mdf) {
+ for (i = 0; i < len; i += 1) {
+ if(this.completeLayers || this.elements[i]){
+ this.elements[i].renderFrame();
+ }
+ }
+ }
+};
+
+SVGRenderer.prototype.appendElementInPos = function(element, pos){
+ var newElement = element.getBaseElement();
+ if(!newElement){
+ return;
+ }
+ var i = 0;
+ var nextElement;
+ while(i<pos){
+ if(this.elements[i] && this.elements[i]!== true && this.elements[i].getBaseElement()){
+ nextElement = this.elements[i].getBaseElement();
+ }
+ i += 1;
+ }
+ if(nextElement){
+ this.layerElement.insertBefore(newElement, nextElement);
+ } else {
+ this.layerElement.appendChild(newElement);
+ }
+};
+
+SVGRenderer.prototype.hide = function(){
+ this.layerElement.style.display = 'none';
+};
+
+SVGRenderer.prototype.show = function(){
+ this.layerElement.style.display = 'block';
+};
+
+function MaskElement(data,element,globalData) {
+ this.data = data;
+ this.element = element;
+ this.globalData = globalData;
+ this.storedData = [];
+ this.masksProperties = this.data.masksProperties || [];
+ this.maskElement = null;
+ var defs = this.globalData.defs;
+ var i, len = this.masksProperties ? this.masksProperties.length : 0;
+ this.viewData = createSizedArray(len);
+ this.solidPath = '';
+
+
+ var path, properties = this.masksProperties;
+ var count = 0;
+ var currentMasks = [];
+ var j, jLen;
+ var layerId = randomString(10);
+ var rect, expansor, feMorph,x;
+ var maskType = 'clipPath', maskRef = 'clip-path';
+ for (i = 0; i < len; i++) {
+
+ if((properties[i].mode !== 'a' && properties[i].mode !== 'n')|| properties[i].inv || properties[i].o.k !== 100){
+ maskType = 'mask';
+ maskRef = 'mask';
+ }
+
+ if((properties[i].mode == 's' || properties[i].mode == 'i') && count === 0){
+ rect = createNS( 'rect');
+ rect.setAttribute('fill', '#ffffff');
+ rect.setAttribute('width', this.element.comp.data.w || 0);
+ rect.setAttribute('height', this.element.comp.data.h || 0);
+ currentMasks.push(rect);
+ } else {
+ rect = null;
+ }
+
+ path = createNS( 'path');
+ if(properties[i].mode == 'n') {
+ // TODO move this to a factory or to a constructor
+ this.viewData[i] = {
+ op: PropertyFactory.getProp(this.element,properties[i].o,0,0.01,this.element),
+ prop: ShapePropertyFactory.getShapeProp(this.element,properties[i],3),
+ elem: path,
+ lastPath: ''
+ };
+ defs.appendChild(path);
+ continue;
+ }
+ count += 1;
+
+ path.setAttribute('fill', properties[i].mode === 's' ? '#000000':'#ffffff');
+ path.setAttribute('clip-rule','nonzero');
+ var filterID;
+
+ if (properties[i].x.k !== 0) {
+ maskType = 'mask';
+ maskRef = 'mask';
+ x = PropertyFactory.getProp(this.element,properties[i].x,0,null,this.element);
+ filterID = 'fi_'+randomString(10);
+ expansor = createNS('filter');
+ expansor.setAttribute('id',filterID);
+ feMorph = createNS('feMorphology');
+ feMorph.setAttribute('operator','dilate');
+ feMorph.setAttribute('in','SourceGraphic');
+ feMorph.setAttribute('radius','0');
+ expansor.appendChild(feMorph);
+ defs.appendChild(expansor);
+ path.setAttribute('stroke', properties[i].mode === 's' ? '#000000':'#ffffff');
+ } else {
+ feMorph = null;
+ x = null;
+ }
+
+ // TODO move this to a factory or to a constructor
+ this.storedData[i] = {
+ elem: path,
+ x: x,
+ expan: feMorph,
+ lastPath: '',
+ lastOperator:'',
+ filterId:filterID,
+ lastRadius:0
+ };
+ if(properties[i].mode == 'i'){
+ jLen = currentMasks.length;
+ var g = createNS('g');
+ for(j=0;j<jLen;j+=1){
+ g.appendChild(currentMasks[j]);
+ }
+ var mask = createNS('mask');
+ mask.setAttribute('mask-type','alpha');
+ mask.setAttribute('id',layerId+'_'+count);
+ mask.appendChild(path);
+ defs.appendChild(mask);
+ g.setAttribute('mask','url(' + locationHref + '#'+layerId+'_'+count+')');
+
+ currentMasks.length = 0;
+ currentMasks.push(g);
+ }else{
+ currentMasks.push(path);
+ }
+ if(properties[i].inv && !this.solidPath){
+ this.solidPath = this.createLayerSolidPath();
+ }
+ // TODO move this to a factory or to a constructor
+ this.viewData[i] = {
+ elem: path,
+ lastPath: '',
+ op: PropertyFactory.getProp(this.element,properties[i].o,0,0.01,this.element),
+ prop:ShapePropertyFactory.getShapeProp(this.element,properties[i],3),
+ invRect: rect
+ };
+ if(!this.viewData[i].prop.k){
+ this.drawPath(properties[i],this.viewData[i].prop.v,this.viewData[i]);
+ }
+ }
+
+ this.maskElement = createNS( maskType);
+
+ len = currentMasks.length;
+ for(i=0;i<len;i+=1){
+ this.maskElement.appendChild(currentMasks[i]);
+ }
+
+ if(count > 0){
+ this.maskElement.setAttribute('id', layerId);
+ this.element.maskedElement.setAttribute(maskRef, "url(" + locationHref + "#" + layerId + ")");
+ defs.appendChild(this.maskElement);
+ }
+ if (this.viewData.length) {
+ this.element.addRenderableComponent(this);
+ }
+
+}
+
+MaskElement.prototype.getMaskProperty = function(pos){
+ return this.viewData[pos].prop;
+};
+
+MaskElement.prototype.renderFrame = function (isFirstFrame) {
+ var finalMat = this.element.finalTransform.mat;
+ var i, len = this.masksProperties.length;
+ for (i = 0; i < len; i++) {
+ if(this.viewData[i].prop._mdf || isFirstFrame){
+ this.drawPath(this.masksProperties[i],this.viewData[i].prop.v,this.viewData[i]);
+ }
+ if(this.viewData[i].op._mdf || isFirstFrame){
+ this.viewData[i].elem.setAttribute('fill-opacity',this.viewData[i].op.v);
+ }
+ if(this.masksProperties[i].mode !== 'n'){
+ if(this.viewData[i].invRect && (this.element.finalTransform.mProp._mdf || isFirstFrame)){
+ this.viewData[i].invRect.setAttribute('x', -finalMat.props[12]);
+ this.viewData[i].invRect.setAttribute('y', -finalMat.props[13]);
+ }
+ if(this.storedData[i].x && (this.storedData[i].x._mdf || isFirstFrame)){
+ var feMorph = this.storedData[i].expan;
+ if(this.storedData[i].x.v < 0){
+ if(this.storedData[i].lastOperator !== 'erode'){
+ this.storedData[i].lastOperator = 'erode';
+ this.storedData[i].elem.setAttribute('filter','url(' + locationHref + '#'+this.storedData[i].filterId+')');
+ }
+ feMorph.setAttribute('radius',-this.storedData[i].x.v);
+ }else{
+ if(this.storedData[i].lastOperator !== 'dilate'){
+ this.storedData[i].lastOperator = 'dilate';
+ this.storedData[i].elem.setAttribute('filter',null);
+ }
+ this.storedData[i].elem.setAttribute('stroke-width', this.storedData[i].x.v*2);
+
+ }
+ }
+ }
+ }
+};
+
+MaskElement.prototype.getMaskelement = function () {
+ return this.maskElement;
+};
+
+MaskElement.prototype.createLayerSolidPath = function(){
+ var path = 'M0,0 ';
+ path += ' h' + this.globalData.compSize.w ;
+ path += ' v' + this.globalData.compSize.h ;
+ path += ' h-' + this.globalData.compSize.w ;
+ path += ' v-' + this.globalData.compSize.h + ' ';
+ return path;
+};
+
+MaskElement.prototype.drawPath = function(pathData,pathNodes,viewData){
+ var pathString = " M"+pathNodes.v[0][0]+','+pathNodes.v[0][1];
+ var i, len;
+ len = pathNodes._length;
+ for(i=1;i<len;i+=1){
+ //pathString += " C"+pathNodes.o[i-1][0]+','+pathNodes.o[i-1][1] + " "+pathNodes.i[i][0]+','+pathNodes.i[i][1] + " "+pathNodes.v[i][0]+','+pathNodes.v[i][1];
+ pathString += " C"+pathNodes.o[i-1][0]+','+pathNodes.o[i-1][1] + " "+pathNodes.i[i][0]+','+pathNodes.i[i][1] + " "+pathNodes.v[i][0]+','+pathNodes.v[i][1];
+ }
+ //pathString += " C"+pathNodes.o[i-1][0]+','+pathNodes.o[i-1][1] + " "+pathNodes.i[0][0]+','+pathNodes.i[0][1] + " "+pathNodes.v[0][0]+','+pathNodes.v[0][1];
+ if(pathNodes.c && len > 1){
+ pathString += " C"+pathNodes.o[i-1][0]+','+pathNodes.o[i-1][1] + " "+pathNodes.i[0][0]+','+pathNodes.i[0][1] + " "+pathNodes.v[0][0]+','+pathNodes.v[0][1];
+ }
+ //pathNodes.__renderedString = pathString;
+
+ if(viewData.lastPath !== pathString){
+ var pathShapeValue = '';
+ if(viewData.elem){
+ if(pathNodes.c){
+ pathShapeValue = pathData.inv ? this.solidPath + pathString : pathString;
+ }
+ viewData.elem.setAttribute('d',pathShapeValue);
+ }
+ viewData.lastPath = pathString;
+ }
+};
+
+MaskElement.prototype.destroy = function(){
+ this.element = null;
+ this.globalData = null;
+ this.maskElement = null;
+ this.data = null;
+ this.masksProperties = null;
+};
+
+/**
+ * @file
+ * Handles AE's layer parenting property.
+ *
+ */
+
+function HierarchyElement(){}
+
+HierarchyElement.prototype = {
+ /**
+ * @function
+ * Initializes hierarchy properties
+ *
+ */
+ initHierarchy: function() {
+ //element's parent list
+ this.hierarchy = [];
+ //if element is parent of another layer _isParent will be true
+ this._isParent = false;
+ this.checkParenting();
+ },
+ /**
+ * @function
+ * Sets layer's hierarchy.
+ * @param {array} hierarch
+ * layer's parent list
+ *
+ */
+ setHierarchy: function(hierarchy){
+ this.hierarchy = hierarchy;
+ },
+ /**
+ * @function
+ * Sets layer as parent.
+ *
+ */
+ setAsParent: function() {
+ this._isParent = true;
+ },
+ /**
+ * @function
+ * Searches layer's parenting chain
+ *
+ */
+ checkParenting: function(){
+ if (this.data.parent !== undefined){
+ this.comp.buildElementParenting(this, this.data.parent, []);
+ }
+ }
+};
+/**
+ * @file
+ * Handles element's layer frame update.
+ * Checks layer in point and out point
+ *
+ */
+
+function FrameElement(){}
+
+FrameElement.prototype = {
+ /**
+ * @function
+ * Initializes frame related properties.
+ *
+ */
+ initFrame: function(){
+ //set to true when inpoint is rendered
+ this._isFirstFrame = false;
+ //list of animated properties
+ this.dynamicProperties = [];
+ // If layer has been modified in current tick this will be true
+ this._mdf = false;
+ },
+ /**
+ * @function
+ * Calculates all dynamic values
+ *
+ * @param {number} num
+ * current frame number in Layer's time
+ * @param {boolean} isVisible
+ * if layers is currently in range
+ *
+ */
+ prepareProperties: function(num, isVisible) {
+ var i, len = this.dynamicProperties.length;
+ for (i = 0;i < len; i += 1) {
+ if (isVisible || (this._isParent && this.dynamicProperties[i].propType === 'transform')) {
+ this.dynamicProperties[i].getValue();
+ if (this.dynamicProperties[i]._mdf) {
+ this.globalData._mdf = true;
+ this._mdf = true;
+ }
+ }
+ }
+ },
+ addDynamicProperty: function(prop) {
+ if(this.dynamicProperties.indexOf(prop) === -1) {
+ this.dynamicProperties.push(prop);
+ }
+ }
+};
+function TransformElement(){}
+
+TransformElement.prototype = {
+ initTransform: function() {
+ this.finalTransform = {
+ mProp: this.data.ks ? TransformPropertyFactory.getTransformProperty(this, this.data.ks, this) : {o:0},
+ _matMdf: false,
+ _opMdf: false,
+ mat: new Matrix()
+ };
+ if (this.data.ao) {
+ this.finalTransform.mProp.autoOriented = true;
+ }
+
+ //TODO: check TYPE 11: Guided elements
+ if (this.data.ty !== 11) {
+ //this.createElements();
+ }
+ },
+ renderTransform: function() {
+
+ this.finalTransform._opMdf = this.finalTransform.mProp.o._mdf || this._isFirstFrame;
+ this.finalTransform._matMdf = this.finalTransform.mProp._mdf || this._isFirstFrame;
+
+ if (this.hierarchy) {
+ var mat;
+ var finalMat = this.finalTransform.mat;
+ var i = 0, len = this.hierarchy.length;
+ //Checking if any of the transformation matrices in the hierarchy chain has changed.
+ if (!this.finalTransform._matMdf) {
+ while (i < len) {
+ if (this.hierarchy[i].finalTransform.mProp._mdf) {
+ this.finalTransform._matMdf = true;
+ break;
+ }
+ i += 1;
+ }
+ }
+
+ if (this.finalTransform._matMdf) {
+ mat = this.finalTransform.mProp.v.props;
+ finalMat.cloneFromProps(mat);
+ for (i = 0; i < len; i += 1) {
+ mat = this.hierarchy[i].finalTransform.mProp.v.props;
+ finalMat.transform(mat[0], mat[1], mat[2], mat[3], mat[4], mat[5], mat[6], mat[7], mat[8], mat[9], mat[10], mat[11], mat[12], mat[13], mat[14], mat[15]);
+ }
+ }
+ }
+ },
+ globalToLocal: function(pt) {
+ var transforms = [];
+ transforms.push(this.finalTransform);
+ var flag = true;
+ var comp = this.comp;
+ while (flag) {
+ if (comp.finalTransform) {
+ if (comp.data.hasMask) {
+ transforms.splice(0, 0, comp.finalTransform);
+ }
+ comp = comp.comp;
+ } else {
+ flag = false;
+ }
+ }
+ var i, len = transforms.length,ptNew;
+ for (i = 0; i < len; i += 1) {
+ ptNew = transforms[i].mat.applyToPointArray(0, 0, 0);
+ //ptNew = transforms[i].mat.applyToPointArray(pt[0],pt[1],pt[2]);
+ pt = [pt[0] - ptNew[0], pt[1] - ptNew[1], 0];
+ }
+ return pt;
+ },
+ mHelper: new Matrix()
+};
+function RenderableElement(){
+
+}
+
+RenderableElement.prototype = {
+ initRenderable: function() {
+ //layer's visibility related to inpoint and outpoint. Rename isVisible to isInRange
+ this.isInRange = false;
+ //layer's display state
+ this.hidden = false;
+ // If layer's transparency equals 0, it can be hidden
+ this.isTransparent = false;
+ //list of animated components
+ this.renderableComponents = [];
+ },
+ addRenderableComponent: function(component) {
+ if(this.renderableComponents.indexOf(component) === -1) {
+ this.renderableComponents.push(component);
+ }
+ },
+ removeRenderableComponent: function(component) {
+ if(this.renderableComponents.indexOf(component) !== -1) {
+ this.renderableComponents.splice(this.renderableComponents.indexOf(component), 1);
+ }
+ },
+ prepareRenderableFrame: function(num) {
+ this.checkLayerLimits(num);
+ },
+ checkTransparency: function(){
+ if(this.finalTransform.mProp.o.v <= 0) {
+ if(!this.isTransparent && this.globalData.renderConfig.hideOnTransparent){
+ this.isTransparent = true;
+ this.hide();
+ }
+ } else if(this.isTransparent) {
+ this.isTransparent = false;
+ this.show();
+ }
+ },
+ /**
+ * @function
+ * Initializes frame related properties.
+ *
+ * @param {number} num
+ * current frame number in Layer's time
+ *
+ */
+ checkLayerLimits: function(num) {
+ if(this.data.ip - this.data.st <= num && this.data.op - this.data.st > num)
+ {
+ if(this.isInRange !== true){
+ this.globalData._mdf = true;
+ this._mdf = true;
+ this.isInRange = true;
+ this.show();
+ }
+ } else {
+ if(this.isInRange !== false){
+ this.globalData._mdf = true;
+ this.isInRange = false;
+ this.hide();
+ }
+ }
+ },
+ renderRenderable: function() {
+ var i, len = this.renderableComponents.length;
+ for(i = 0; i < len; i += 1) {
+ this.renderableComponents[i].renderFrame(this._isFirstFrame);
+ }
+ /*this.maskManager.renderFrame(this.finalTransform.mat);
+ this.renderableEffectsManager.renderFrame(this._isFirstFrame);*/
+ },
+ sourceRectAtTime: function(){
+ return {
+ top:0,
+ left:0,
+ width:100,
+ height:100
+ };
+ },
+ getLayerSize: function(){
+ if(this.data.ty === 5){
+ return {w:this.data.textData.width,h:this.data.textData.height};
+ }else{
+ return {w:this.data.width,h:this.data.height};
+ }
+ }
+};
+function RenderableDOMElement() {}
+
+(function(){
+ var _prototype = {
+ initElement: function(data,globalData,comp) {
+ this.initFrame();
+ this.initBaseData(data, globalData, comp);
+ this.initTransform(data, globalData, comp);
+ this.initHierarchy();
+ this.initRenderable();
+ this.initRendererElement();
+ this.createContainerElements();
+ this.createRenderableComponents();
+ this.createContent();
+ this.hide();
+ },
+ hide: function(){
+ if (!this.hidden && (!this.isInRange || this.isTransparent)) {
+ var elem = this.baseElement || this.layerElement;
+ elem.style.display = 'none';
+ this.hidden = true;
+ }
+ },
+ show: function(){
+ if (this.isInRange && !this.isTransparent){
+ if (!this.data.hd) {
+ var elem = this.baseElement || this.layerElement;
+ elem.style.display = 'block';
+ }
+ this.hidden = false;
+ this._isFirstFrame = true;
+ }
+ },
+ renderFrame: function() {
+ //If it is exported as hidden (data.hd === true) no need to render
+ //If it is not visible no need to render
+ if (this.data.hd || this.hidden) {
+ return;
+ }
+ this.renderTransform();
+ this.renderRenderable();
+ this.renderElement();
+ this.renderInnerContent();
+ if (this._isFirstFrame) {
+ this._isFirstFrame = false;
+ }
+ },
+ renderInnerContent: function() {},
+ prepareFrame: function(num) {
+ this._mdf = false;
+ this.prepareRenderableFrame(num);
+ this.prepareProperties(num, this.isInRange);
+ this.checkTransparency();
+ },
+ destroy: function(){
+ this.innerElem = null;
+ this.destroyBaseElement();
+ }
+ };
+ extendPrototype([RenderableElement, createProxyFunction(_prototype)], RenderableDOMElement);
+}());
+function ProcessedElement(element, position) {
+ this.elem = element;
+ this.pos = position;
+}
+function SVGStyleData(data, level) {
+ this.data = data;
+ this.type = data.ty;
+ this.d = '';
+ this.lvl = level;
+ this._mdf = false;
+ this.closed = data.hd === true;
+ this.pElem = createNS('path');
+ this.msElem = null;
+}
+
+SVGStyleData.prototype.reset = function() {
+ this.d = '';
+ this._mdf = false;
+};
+function SVGShapeData(transformers, level, shape) {
+ this.caches = [];
+ this.styles = [];
+ this.transformers = transformers;
+ this.lStr = '';
+ this.sh = shape;
+ this.lvl = level;
+ //TODO find if there are some cases where _isAnimated can be false.
+ // For now, since shapes add up with other shapes. They have to be calculated every time.
+ // One way of finding out is checking if all styles associated to this shape depend only of this shape
+ this._isAnimated = !!shape.k;
+ // TODO: commenting this for now since all shapes are animated
+ var i = 0, len = transformers.length;
+ while(i < len) {
+ if(transformers[i].mProps.dynamicProperties.length) {
+ this._isAnimated = true;
+ break;
+ }
+ i += 1;
+ }
+}
+
+SVGShapeData.prototype.setAsAnimated = function() {
+ this._isAnimated = true;
+}
+function SVGTransformData(mProps, op, container) {
+ this.transform = {
+ mProps: mProps,
+ op: op,
+ container: container
+ };
+ this.elements = [];
+ this._isAnimated = this.transform.mProps.dynamicProperties.length || this.transform.op.effectsSequence.length;
+}
+function SVGStrokeStyleData(elem, data, styleOb){
+ this.initDynamicPropertyContainer(elem);
+ this.getValue = this.iterateDynamicProperties;
+ this.o = PropertyFactory.getProp(elem,data.o,0,0.01,this);
+ this.w = PropertyFactory.getProp(elem,data.w,0,null,this);
+ this.d = new DashProperty(elem,data.d||{},'svg',this);
+ this.c = PropertyFactory.getProp(elem,data.c,1,255,this);
+ this.style = styleOb;
+ this._isAnimated = !!this._isAnimated;
+}
+
+extendPrototype([DynamicPropertyContainer], SVGStrokeStyleData);
+function SVGFillStyleData(elem, data, styleOb){
+ this.initDynamicPropertyContainer(elem);
+ this.getValue = this.iterateDynamicProperties;
+ this.o = PropertyFactory.getProp(elem,data.o,0,0.01,this);
+ this.c = PropertyFactory.getProp(elem,data.c,1,255,this);
+ this.style = styleOb;
+}
+
+extendPrototype([DynamicPropertyContainer], SVGFillStyleData);
+function SVGGradientFillStyleData(elem, data, styleOb){
+ this.initDynamicPropertyContainer(elem);
+ this.getValue = this.iterateDynamicProperties;
+ this.initGradientData(elem, data, styleOb);
+}
+
+SVGGradientFillStyleData.prototype.initGradientData = function(elem, data, styleOb){
+ this.o = PropertyFactory.getProp(elem,data.o,0,0.01,this);
+ this.s = PropertyFactory.getProp(elem,data.s,1,null,this);
+ this.e = PropertyFactory.getProp(elem,data.e,1,null,this);
+ this.h = PropertyFactory.getProp(elem,data.h||{k:0},0,0.01,this);
+ this.a = PropertyFactory.getProp(elem,data.a||{k:0},0,degToRads,this);
+ this.g = new GradientProperty(elem,data.g,this);
+ this.style = styleOb;
+ this.stops = [];
+ this.setGradientData(styleOb.pElem, data);
+ this.setGradientOpacity(data, styleOb);
+ this._isAnimated = !!this._isAnimated;
+
+};
+
+SVGGradientFillStyleData.prototype.setGradientData = function(pathElement,data){
+
+ var gradientId = 'gr_'+randomString(10);
+ var gfill = createNS(data.t === 1 ? 'linearGradient' : 'radialGradient');
+ gfill.setAttribute('id',gradientId);
+ gfill.setAttribute('spreadMethod','pad');
+ gfill.setAttribute('gradientUnits','userSpaceOnUse');
+ var stops = [];
+ var stop, j, jLen;
+ jLen = data.g.p*4;
+ for(j=0;j<jLen;j+=4){
+ stop = createNS('stop');
+ gfill.appendChild(stop);
+ stops.push(stop);
+ }
+ pathElement.setAttribute( data.ty === 'gf' ? 'fill':'stroke','url(' + locationHref + '#'+gradientId+')');
+
+ this.gf = gfill;
+ this.cst = stops;
+};
+
+SVGGradientFillStyleData.prototype.setGradientOpacity = function(data, styleOb){
+ if(this.g._hasOpacity && !this.g._collapsable){
+ var stop, j, jLen;
+ var mask = createNS("mask");
+ var maskElement = createNS( 'path');
+ mask.appendChild(maskElement);
+ var opacityId = 'op_'+randomString(10);
+ var maskId = 'mk_'+randomString(10);
+ mask.setAttribute('id',maskId);
+ var opFill = createNS(data.t === 1 ? 'linearGradient' : 'radialGradient');
+ opFill.setAttribute('id',opacityId);
+ opFill.setAttribute('spreadMethod','pad');
+ opFill.setAttribute('gradientUnits','userSpaceOnUse');
+ jLen = data.g.k.k[0].s ? data.g.k.k[0].s.length : data.g.k.k.length;
+ var stops = this.stops;
+ for(j=data.g.p*4;j<jLen;j+=2){
+ stop = createNS('stop');
+ stop.setAttribute('stop-color','rgb(255,255,255)');
+ opFill.appendChild(stop);
+ stops.push(stop);
+ }
+ maskElement.setAttribute( data.ty === 'gf' ? 'fill':'stroke','url(' + locationHref + '#'+opacityId+')');
+ this.of = opFill;
+ this.ms = mask;
+ this.ost = stops;
+ this.maskId = maskId;
+ styleOb.msElem = maskElement;
+ }
+};
+
+extendPrototype([DynamicPropertyContainer], SVGGradientFillStyleData);
+function SVGGradientStrokeStyleData(elem, data, styleOb){
+ this.initDynamicPropertyContainer(elem);
+ this.getValue = this.iterateDynamicProperties;
+ this.w = PropertyFactory.getProp(elem,data.w,0,null,this);
+ this.d = new DashProperty(elem,data.d||{},'svg',this);
+ this.initGradientData(elem, data, styleOb);
+ this._isAnimated = !!this._isAnimated;
+}
+
+extendPrototype([SVGGradientFillStyleData, DynamicPropertyContainer], SVGGradientStrokeStyleData);
+function ShapeGroupData() {
+ this.it = [];
+ this.prevViewData = [];
+ this.gr = createNS('g');
+}
+var SVGElementsRenderer = (function() {
+ var _identityMatrix = new Matrix();
+ var _matrixHelper = new Matrix();
+
+ var ob = {
+ createRenderFunction: createRenderFunction
+ }
+
+ function createRenderFunction(data) {
+ var ty = data.ty;
+ switch(data.ty) {
+ case 'fl':
+ return renderFill;
+ case 'gf':
+ return renderGradient;
+ case 'gs':
+ return renderGradientStroke;
+ case 'st':
+ return renderStroke;
+ case 'sh':
+ case 'el':
+ case 'rc':
+ case 'sr':
+ return renderPath;
+ case 'tr':
+ return renderContentTransform;
+ }
+ }
+
+ function renderContentTransform(styleData, itemData, isFirstFrame) {
+ if(isFirstFrame || itemData.transform.op._mdf){
+ itemData.transform.container.setAttribute('opacity',itemData.transform.op.v);
+ }
+ if(isFirstFrame || itemData.transform.mProps._mdf){
+ itemData.transform.container.setAttribute('transform',itemData.transform.mProps.v.to2dCSS());
+ }
+ }
+
+ function renderPath(styleData, itemData, isFirstFrame) {
+ var j, jLen,pathStringTransformed,redraw,pathNodes,l, lLen = itemData.styles.length;
+ var lvl = itemData.lvl;
+ var paths, mat, props, iterations, k;
+ for(l=0;l<lLen;l+=1){
+ redraw = itemData.sh._mdf || isFirstFrame;
+ if(itemData.styles[l].lvl < lvl){
+ mat = _matrixHelper.reset();
+ iterations = lvl - itemData.styles[l].lvl;
+ k = itemData.transformers.length-1;
+ while(!redraw && iterations > 0) {
+ redraw = itemData.transformers[k].mProps._mdf || redraw;
+ iterations --;
+ k --;
+ }
+ if(redraw) {
+ iterations = lvl - itemData.styles[l].lvl;
+ k = itemData.transformers.length-1;
+ while(iterations > 0) {
+ props = itemData.transformers[k].mProps.v.props;
+ mat.transform(props[0],props[1],props[2],props[3],props[4],props[5],props[6],props[7],props[8],props[9],props[10],props[11],props[12],props[13],props[14],props[15]);
+ iterations --;
+ k --;
+ }
+ }
+ } else {
+ mat = _identityMatrix;
+ }
+ paths = itemData.sh.paths;
+ jLen = paths._length;
+ if(redraw){
+ pathStringTransformed = '';
+ for(j=0;j<jLen;j+=1){
+ pathNodes = paths.shapes[j];
+ if(pathNodes && pathNodes._length){
+ pathStringTransformed += buildShapeString(pathNodes, pathNodes._length, pathNodes.c, mat);
+ }
+ }
+ itemData.caches[l] = pathStringTransformed;
+ } else {
+ pathStringTransformed = itemData.caches[l];
+ }
+ itemData.styles[l].d += styleData.hd === true ? '' : pathStringTransformed;
+ itemData.styles[l]._mdf = redraw || itemData.styles[l]._mdf;
+ }
+ }
+
+ function renderFill (styleData,itemData, isFirstFrame){
+ var styleElem = itemData.style;
+
+ if(itemData.c._mdf || isFirstFrame){
+ styleElem.pElem.setAttribute('fill','rgb('+bm_floor(itemData.c.v[0])+','+bm_floor(itemData.c.v[1])+','+bm_floor(itemData.c.v[2])+')');
+ }
+ if(itemData.o._mdf || isFirstFrame){
+ styleElem.pElem.setAttribute('fill-opacity',itemData.o.v);
+ }
+ };
+
+ function renderGradientStroke (styleData, itemData, isFirstFrame) {
+ renderGradient(styleData, itemData, isFirstFrame);
+ renderStroke(styleData, itemData, isFirstFrame);
+ }
+
+ function renderGradient(styleData, itemData, isFirstFrame) {
+ var gfill = itemData.gf;
+ var hasOpacity = itemData.g._hasOpacity;
+ var pt1 = itemData.s.v, pt2 = itemData.e.v;
+
+ if (itemData.o._mdf || isFirstFrame) {
+ var attr = styleData.ty === 'gf' ? 'fill-opacity' : 'stroke-opacity';
+ itemData.style.pElem.setAttribute(attr, itemData.o.v);
+ }
+ if (itemData.s._mdf || isFirstFrame) {
+ var attr1 = styleData.t === 1 ? 'x1' : 'cx';
+ var attr2 = attr1 === 'x1' ? 'y1' : 'cy';
+ gfill.setAttribute(attr1, pt1[0]);
+ gfill.setAttribute(attr2, pt1[1]);
+ if (hasOpacity && !itemData.g._collapsable) {
+ itemData.of.setAttribute(attr1, pt1[0]);
+ itemData.of.setAttribute(attr2, pt1[1]);
+ }
+ }
+ var stops, i, len, stop;
+ if (itemData.g._cmdf || isFirstFrame) {
+ stops = itemData.cst;
+ var cValues = itemData.g.c;
+ len = stops.length;
+ for (i = 0; i < len; i += 1){
+ stop = stops[i];
+ stop.setAttribute('offset', cValues[i * 4] + '%');
+ stop.setAttribute('stop-color','rgb('+ cValues[i * 4 + 1] + ',' + cValues[i * 4 + 2] + ','+cValues[i * 4 + 3] + ')');
+ }
+ }
+ if (hasOpacity && (itemData.g._omdf || isFirstFrame)) {
+ var oValues = itemData.g.o;
+ if(itemData.g._collapsable) {
+ stops = itemData.cst;
+ } else {
+ stops = itemData.ost;
+ }
+ len = stops.length;
+ for (i = 0; i < len; i += 1) {
+ stop = stops[i];
+ if(!itemData.g._collapsable) {
+ stop.setAttribute('offset', oValues[i * 2] + '%');
+ }
+ stop.setAttribute('stop-opacity', oValues[i * 2 + 1]);
+ }
+ }
+ if (styleData.t === 1) {
+ if (itemData.e._mdf || isFirstFrame) {
+ gfill.setAttribute('x2', pt2[0]);
+ gfill.setAttribute('y2', pt2[1]);
+ if (hasOpacity && !itemData.g._collapsable) {
+ itemData.of.setAttribute('x2', pt2[0]);
+ itemData.of.setAttribute('y2', pt2[1]);
+ }
+ }
+ } else {
+ var rad;
+ if (itemData.s._mdf || itemData.e._mdf || isFirstFrame) {
+ rad = Math.sqrt(Math.pow(pt1[0] - pt2[0], 2) + Math.pow(pt1[1] - pt2[1], 2));
+ gfill.setAttribute('r', rad);
+ if(hasOpacity && !itemData.g._collapsable){
+ itemData.of.setAttribute('r', rad);
+ }
+ }
+ if (itemData.e._mdf || itemData.h._mdf || itemData.a._mdf || isFirstFrame) {
+ if (!rad) {
+ rad = Math.sqrt(Math.pow(pt1[0] - pt2[0], 2) + Math.pow(pt1[1] - pt2[1], 2));
+ }
+ var ang = Math.atan2(pt2[1] - pt1[1], pt2[0] - pt1[0]);
+
+ var percent = itemData.h.v >= 1 ? 0.99 : itemData.h.v <= -1 ? -0.99: itemData.h.v;
+ var dist = rad * percent;
+ var x = Math.cos(ang + itemData.a.v) * dist + pt1[0];
+ var y = Math.sin(ang + itemData.a.v) * dist + pt1[1];
+ gfill.setAttribute('fx', x);
+ gfill.setAttribute('fy', y);
+ if (hasOpacity && !itemData.g._collapsable) {
+ itemData.of.setAttribute('fx', x);
+ itemData.of.setAttribute('fy', y);
+ }
+ }
+ //gfill.setAttribute('fy','200');
+ }
+ };
+
+ function renderStroke(styleData, itemData, isFirstFrame) {
+ var styleElem = itemData.style;
+ var d = itemData.d;
+ if (d && (d._mdf || isFirstFrame) && d.dashStr) {
+ styleElem.pElem.setAttribute('stroke-dasharray', d.dashStr);
+ styleElem.pElem.setAttribute('stroke-dashoffset', d.dashoffset[0]);
+ }
+ if(itemData.c && (itemData.c._mdf || isFirstFrame)){
+ styleElem.pElem.setAttribute('stroke','rgb(' + bm_floor(itemData.c.v[0]) + ',' + bm_floor(itemData.c.v[1]) + ',' + bm_floor(itemData.c.v[2]) + ')');
+ }
+ if(itemData.o._mdf || isFirstFrame){
+ styleElem.pElem.setAttribute('stroke-opacity', itemData.o.v);
+ }
+ if(itemData.w._mdf || isFirstFrame){
+ styleElem.pElem.setAttribute('stroke-width', itemData.w.v);
+ if(styleElem.msElem){
+ styleElem.msElem.setAttribute('stroke-width', itemData.w.v);
+ }
+ }
+ };
+
+ return ob;
+}())
+function ShapeTransformManager() {
+ this.sequences = {};
+ this.sequenceList = [];
+ this.transform_key_count = 0;
+}
+
+ShapeTransformManager.prototype = {
+ addTransformSequence: function(transforms) {
+ var i, len = transforms.length;
+ var key = '_';
+ for(i = 0; i < len; i += 1) {
+ key += transforms[i].transform.key + '_';
+ }
+ var sequence = this.sequences[key];
+ if(!sequence) {
+ sequence = {
+ transforms: [].concat(transforms),
+ finalTransform: new Matrix(),
+ _mdf: false
+ };
+ this.sequences[key] = sequence;
+ this.sequenceList.push(sequence);
+ }
+ return sequence;
+ },
+ processSequence: function(sequence, isFirstFrame) {
+ var i = 0, len = sequence.transforms.length, _mdf = isFirstFrame;
+ while (i < len && !isFirstFrame) {
+ if (sequence.transforms[i].transform.mProps._mdf) {
+ _mdf = true;
+ break;
+ }
+ i += 1
+ }
+ if (_mdf) {
+ var props;
+ sequence.finalTransform.reset();
+ for (i = len - 1; i >= 0; i -= 1) {
+ props = sequence.transforms[i].transform.mProps.v.props;
+ sequence.finalTransform.transform(props[0],props[1],props[2],props[3],props[4],props[5],props[6],props[7],props[8],props[9],props[10],props[11],props[12],props[13],props[14],props[15]);
+ }
+ }
+ sequence._mdf = _mdf;
+
+ },
+ processSequences: function(isFirstFrame) {
+ var i, len = this.sequenceList.length;
+ for (i = 0; i < len; i += 1) {
+ this.processSequence(this.sequenceList[i], isFirstFrame);
+ }
+
+ },
+ getNewKey: function() {
+ return '_' + this.transform_key_count++;
+ }
+}
+function BaseElement(){
+}
+
+BaseElement.prototype = {
+ checkMasks: function(){
+ if(!this.data.hasMask){
+ return false;
+ }
+ var i = 0, len = this.data.masksProperties.length;
+ while(i<len) {
+ if((this.data.masksProperties[i].mode !== 'n' && this.data.masksProperties[i].cl !== false)) {
+ return true;
+ }
+ i += 1;
+ }
+ return false;
+ },
+ initExpressions: function(){
+ this.layerInterface = LayerExpressionInterface(this);
+ if(this.data.hasMask && this.maskManager) {
+ this.layerInterface.registerMaskInterface(this.maskManager);
+ }
+ var effectsInterface = EffectsExpressionInterface.createEffectsInterface(this,this.layerInterface);
+ this.layerInterface.registerEffectsInterface(effectsInterface);
+
+ if(this.data.ty === 0 || this.data.xt){
+ this.compInterface = CompExpressionInterface(this);
+ } else if(this.data.ty === 4){
+ this.layerInterface.shapeInterface = ShapeExpressionInterface(this.shapesData,this.itemsData,this.layerInterface);
+ this.layerInterface.content = this.layerInterface.shapeInterface;
+ } else if(this.data.ty === 5){
+ this.layerInterface.textInterface = TextExpressionInterface(this);
+ this.layerInterface.text = this.layerInterface.textInterface;
+ }
+ },
+ blendModeEnums: {
+ 1:'multiply',
+ 2:'screen',
+ 3:'overlay',
+ 4:'darken',
+ 5:'lighten',
+ 6:'color-dodge',
+ 7:'color-burn',
+ 8:'hard-light',
+ 9:'soft-light',
+ 10:'difference',
+ 11:'exclusion',
+ 12:'hue',
+ 13:'saturation',
+ 14:'color',
+ 15:'luminosity'
+ },
+ getBlendMode: function(){
+ return this.blendModeEnums[this.data.bm] || '';
+ },
+ setBlendMode: function(){
+ var blendModeValue = this.getBlendMode();
+ var elem = this.baseElement || this.layerElement;
+
+ elem.style['mix-blend-mode'] = blendModeValue;
+ },
+ initBaseData: function(data, globalData, comp){
+ this.globalData = globalData;
+ this.comp = comp;
+ this.data = data;
+ this.layerId = 'ly_'+randomString(10);
+
+ //Stretch factor for old animations missing this property.
+ if(!this.data.sr){
+ this.data.sr = 1;
+ }
+ // effects manager
+ this.effectsManager = new EffectsManager(this.data,this,this.dynamicProperties);
+
+ },
+ getType: function(){
+ return this.type;
+ }
+}
+function NullElement(data,globalData,comp){
+ this.initFrame();
+ this.initBaseData(data, globalData, comp);
+ this.initFrame();
+ this.initTransform(data, globalData, comp);
+ this.initHierarchy();
+}
+
+NullElement.prototype.prepareFrame = function(num) {
+ this.prepareProperties(num, true);
+};
+
+NullElement.prototype.renderFrame = function() {
+};
+
+NullElement.prototype.getBaseElement = function() {
+ return null;
+};
+
+NullElement.prototype.destroy = function() {
+};
+
+NullElement.prototype.sourceRectAtTime = function() {
+};
+
+NullElement.prototype.hide = function() {
+};
+
+extendPrototype([BaseElement,TransformElement,HierarchyElement,FrameElement], NullElement);
+
+function SVGBaseElement(){
+}
+
+SVGBaseElement.prototype = {
+ initRendererElement: function() {
+ this.layerElement = createNS('g');
+ },
+ createContainerElements: function(){
+ this.matteElement = createNS('g');
+ this.transformedElement = this.layerElement;
+ this.maskedElement = this.layerElement;
+ this._sizeChanged = false;
+ var layerElementParent = null;
+ //If this layer acts as a mask for the following layer
+ var filId, fil, gg;
+ if (this.data.td) {
+ if (this.data.td == 3 || this.data.td == 1) {
+ var masker = createNS('mask');
+ masker.setAttribute('id', this.layerId);
+ masker.setAttribute('mask-type', this.data.td == 3 ? 'luminance' : 'alpha');
+ masker.appendChild(this.layerElement);
+ layerElementParent = masker;
+ this.globalData.defs.appendChild(masker);
+ // This is only for IE and Edge when mask if of type alpha
+ if (!featureSupport.maskType && this.data.td == 1) {
+ masker.setAttribute('mask-type', 'luminance');
+ filId = randomString(10);
+ fil = filtersFactory.createFilter(filId);
+ this.globalData.defs.appendChild(fil);
+ fil.appendChild(filtersFactory.createAlphaToLuminanceFilter());
+ gg = createNS('g');
+ gg.appendChild(this.layerElement);
+ layerElementParent = gg;
+ masker.appendChild(gg);
+ gg.setAttribute('filter','url(' + locationHref + '#' + filId + ')');
+ }
+ } else if(this.data.td == 2) {
+ var maskGroup = createNS('mask');
+ maskGroup.setAttribute('id', this.layerId);
+ maskGroup.setAttribute('mask-type','alpha');
+ var maskGrouper = createNS('g');
+ maskGroup.appendChild(maskGrouper);
+ filId = randomString(10);
+ fil = filtersFactory.createFilter(filId);
+ ////
+
+ var feColorMatrix = createNS('feColorMatrix');
+ feColorMatrix.setAttribute('type', 'matrix');
+ feColorMatrix.setAttribute('color-interpolation-filters', 'sRGB');
+ feColorMatrix.setAttribute('values','1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1');
+ fil.appendChild(feColorMatrix);
+
+ ////
+ /*var feCTr = createNS('feComponentTransfer');
+ feCTr.setAttribute('in','SourceGraphic');
+ fil.appendChild(feCTr);
+ var feFunc = createNS('feFuncA');
+ feFunc.setAttribute('type','table');
+ feFunc.setAttribute('tableValues','1.0 0.0');
+ feCTr.appendChild(feFunc);*/
+ this.globalData.defs.appendChild(fil);
+ var alphaRect = createNS('rect');
+ alphaRect.setAttribute('width', this.comp.data.w);
+ alphaRect.setAttribute('height', this.comp.data.h);
+ alphaRect.setAttribute('x','0');
+ alphaRect.setAttribute('y','0');
+ alphaRect.setAttribute('fill','#ffffff');
+ alphaRect.setAttribute('opacity','0');
+ maskGrouper.setAttribute('filter', 'url(' + locationHref + '#'+filId+')');
+ maskGrouper.appendChild(alphaRect);
+ maskGrouper.appendChild(this.layerElement);
+ layerElementParent = maskGrouper;
+ if (!featureSupport.maskType) {
+ maskGroup.setAttribute('mask-type', 'luminance');
+ fil.appendChild(filtersFactory.createAlphaToLuminanceFilter());
+ gg = createNS('g');
+ maskGrouper.appendChild(alphaRect);
+ gg.appendChild(this.layerElement);
+ layerElementParent = gg;
+ maskGrouper.appendChild(gg);
+ }
+ this.globalData.defs.appendChild(maskGroup);
+ }
+ } else if (this.data.tt) {
+ this.matteElement.appendChild(this.layerElement);
+ layerElementParent = this.matteElement;
+ this.baseElement = this.matteElement;
+ } else {
+ this.baseElement = this.layerElement;
+ }
+ if (this.data.ln) {
+ this.layerElement.setAttribute('id', this.data.ln);
+ }
+ if (this.data.cl) {
+ this.layerElement.setAttribute('class', this.data.cl);
+ }
+ //Clipping compositions to hide content that exceeds boundaries. If collapsed transformations is on, component should not be clipped
+ if (this.data.ty === 0 && !this.data.hd) {
+ var cp = createNS( 'clipPath');
+ var pt = createNS('path');
+ pt.setAttribute('d','M0,0 L' + this.data.w + ',0' + ' L' + this.data.w + ',' + this.data.h + ' L0,' + this.data.h + 'z');
+ var clipId = 'cp_'+randomString(8);
+ cp.setAttribute('id',clipId);
+ cp.appendChild(pt);
+ this.globalData.defs.appendChild(cp);
+
+ if (this.checkMasks()) {
+ var cpGroup = createNS('g');
+ cpGroup.setAttribute('clip-path','url(' + locationHref + '#'+clipId + ')');
+ cpGroup.appendChild(this.layerElement);
+ this.transformedElement = cpGroup;
+ if (layerElementParent) {
+ layerElementParent.appendChild(this.transformedElement);
+ } else {
+ this.baseElement = this.transformedElement;
+ }
+ } else {
+ this.layerElement.setAttribute('clip-path','url(' + locationHref + '#'+clipId+')');
+ }
+
+ }
+ if (this.data.bm !== 0) {
+ this.setBlendMode();
+ }
+
+ },
+ renderElement: function() {
+ if (this.finalTransform._matMdf) {
+ this.transformedElement.setAttribute('transform', this.finalTransform.mat.to2dCSS());
+ }
+ if (this.finalTransform._opMdf) {
+ this.transformedElement.setAttribute('opacity', this.finalTransform.mProp.o.v);
+ }
+ },
+ destroyBaseElement: function() {
+ this.layerElement = null;
+ this.matteElement = null;
+ this.maskManager.destroy();
+ },
+ getBaseElement: function() {
+ if (this.data.hd) {
+ return null;
+ }
+ return this.baseElement;
+ },
+ createRenderableComponents: function() {
+ this.maskManager = new MaskElement(this.data, this, this.globalData);
+ this.renderableEffectsManager = new SVGEffects(this);
+ },
+ setMatte: function(id) {
+ if (!this.matteElement) {
+ return;
+ }
+ this.matteElement.setAttribute("mask", "url(" + locationHref + "#" + id + ")");
+ }
+};
+function IShapeElement(){
+}
+
+IShapeElement.prototype = {
+ addShapeToModifiers: function(data) {
+ var i, len = this.shapeModifiers.length;
+ for(i=0;i<len;i+=1){
+ this.shapeModifiers[i].addShape(data);
+ }
+ },
+ isShapeInAnimatedModifiers: function(data) {
+ var i = 0, len = this.shapeModifiers.length;
+ while(i < len) {
+ if(this.shapeModifiers[i].isAnimatedWithShape(data)) {
+ return true;
+ }
+ }
+ return false;
+ },
+ renderModifiers: function() {
+ if(!this.shapeModifiers.length){
+ return;
+ }
+ var i, len = this.shapes.length;
+ for(i=0;i<len;i+=1){
+ this.shapes[i].sh.reset();
+ }
+
+ len = this.shapeModifiers.length;
+ for(i=len-1;i>=0;i-=1){
+ this.shapeModifiers[i].processShapes(this._isFirstFrame);
+ }
+ },
+ lcEnum: {
+ '1': 'butt',
+ '2': 'round',
+ '3': 'square'
+ },
+ ljEnum: {
+ '1': 'miter',
+ '2': 'round',
+ '3': 'bevel'
+ },
+ searchProcessedElement: function(elem){
+ var elements = this.processedElements;
+ var i = 0, len = elements.length;
+ while (i < len) {
+ if (elements[i].elem === elem) {
+ return elements[i].pos;
+ }
+ i += 1;
+ }
+ return 0;
+ },
+ addProcessedElement: function(elem, pos){
+ var elements = this.processedElements;
+ var i = elements.length;
+ while(i) {
+ i -= 1;
+ if (elements[i].elem === elem) {
+ elements[i].pos = pos;
+ return;
+ }
+ }
+ elements.push(new ProcessedElement(elem, pos));
+ },
+ prepareFrame: function(num) {
+ this.prepareRenderableFrame(num);
+ this.prepareProperties(num, this.isInRange);
+ }
+};
+function ITextElement(){
+}
+
+ITextElement.prototype.initElement = function(data,globalData,comp){
+ this.lettersChangedFlag = true;
+ this.initFrame();
+ this.initBaseData(data, globalData, comp);
+ this.textProperty = new TextProperty(this, data.t, this.dynamicProperties);
+ this.textAnimator = new TextAnimatorProperty(data.t, this.renderType, this);
+ this.initTransform(data, globalData, comp);
+ this.initHierarchy();
+ this.initRenderable();
+ this.initRendererElement();
+ this.createContainerElements();
+ this.createRenderableComponents();
+ this.createContent();
+ this.hide();
+ this.textAnimator.searchProperties(this.dynamicProperties);
+};
+
+ITextElement.prototype.prepareFrame = function(num) {
+ this._mdf = false;
+ this.prepareRenderableFrame(num);
+ this.prepareProperties(num, this.isInRange);
+ if(this.textProperty._mdf || this.textProperty._isFirstFrame) {
+ this.buildNewText();
+ this.textProperty._isFirstFrame = false;
+ this.textProperty._mdf = false;
+ }
+};
+
+ITextElement.prototype.createPathShape = function(matrixHelper, shapes) {
+ var j,jLen = shapes.length;
+ var k, kLen, pathNodes;
+ var shapeStr = '';
+ for(j=0;j<jLen;j+=1){
+ pathNodes = shapes[j].ks.k;
+ shapeStr += buildShapeString(pathNodes, pathNodes.i.length, true, matrixHelper);
+ }
+ return shapeStr;
+};
+
+ITextElement.prototype.updateDocumentData = function(newData, index) {
+ this.textProperty.updateDocumentData(newData, index);
+};
+
+ITextElement.prototype.canResizeFont = function(_canResize) {
+ this.textProperty.canResizeFont(_canResize);
+};
+
+ITextElement.prototype.setMinimumFontSize = function(_fontSize) {
+ this.textProperty.setMinimumFontSize(_fontSize);
+};
+
+ITextElement.prototype.applyTextPropertiesToMatrix = function(documentData, matrixHelper, lineNumber, xPos, yPos) {
+ if(documentData.ps){
+ matrixHelper.translate(documentData.ps[0],documentData.ps[1] + documentData.ascent,0);
+ }
+ matrixHelper.translate(0,-documentData.ls,0);
+ switch(documentData.j){
+ case 1:
+ matrixHelper.translate(documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[lineNumber]),0,0);
+ break;
+ case 2:
+ matrixHelper.translate(documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[lineNumber] )/2,0,0);
+ break;
+ }
+ matrixHelper.translate(xPos, yPos, 0);
+};
+
+
+ITextElement.prototype.buildColor = function(colorData) {
+ return 'rgb(' + Math.round(colorData[0]*255) + ',' + Math.round(colorData[1]*255) + ',' + Math.round(colorData[2]*255) + ')';
+};
+
+ITextElement.prototype.emptyProp = new LetterProps();
+
+ITextElement.prototype.destroy = function(){
+
+};
+function ICompElement(){}
+
+extendPrototype([BaseElement, TransformElement, HierarchyElement, FrameElement, RenderableDOMElement], ICompElement);
+
+ICompElement.prototype.initElement = function(data,globalData,comp) {
+ this.initFrame();
+ this.initBaseData(data, globalData, comp);
+ this.initTransform(data, globalData, comp);
+ this.initRenderable();
+ this.initHierarchy();
+ this.initRendererElement();
+ this.createContainerElements();
+ this.createRenderableComponents();
+ if(this.data.xt || !globalData.progressiveLoad){
+ this.buildAllItems();
+ }
+ this.hide();
+};
+
+/*ICompElement.prototype.hide = function(){
+ if(!this.hidden){
+ this.hideElement();
+ var i,len = this.elements.length;
+ for( i = 0; i < len; i+=1 ){
+ if(this.elements[i]){
+ this.elements[i].hide();
+ }
+ }
+ }
+};*/
+
+ICompElement.prototype.prepareFrame = function(num){
+ this._mdf = false;
+ this.prepareRenderableFrame(num);
+ this.prepareProperties(num, this.isInRange);
+ if(!this.isInRange && !this.data.xt){
+ return;
+ }
+
+ if (!this.tm._placeholder) {
+ var timeRemapped = this.tm.v;
+ if(timeRemapped === this.data.op){
+ timeRemapped = this.data.op - 1;
+ }
+ this.renderedFrame = timeRemapped;
+ } else {
+ this.renderedFrame = num/this.data.sr;
+ }
+ var i,len = this.elements.length;
+ if(!this.completeLayers){
+ this.checkLayers(this.renderedFrame);
+ }
+ //This iteration needs to be backwards because of how expressions connect between each other
+ for( i = len - 1; i >= 0; i -= 1 ){
+ if(this.completeLayers || this.elements[i]){
+ this.elements[i].prepareFrame(this.renderedFrame - this.layers[i].st);
+ if(this.elements[i]._mdf) {
+ this._mdf = true;
+ }
+ }
+ }
+};
+
+ICompElement.prototype.renderInnerContent = function() {
+ var i,len = this.layers.length;
+ for( i = 0; i < len; i += 1 ){
+ if(this.completeLayers || this.elements[i]){
+ this.elements[i].renderFrame();
+ }
+ }
+};
+
+ICompElement.prototype.setElements = function(elems){
+ this.elements = elems;
+};
+
+ICompElement.prototype.getElements = function(){
+ return this.elements;
+};
+
+ICompElement.prototype.destroyElements = function(){
+ var i,len = this.layers.length;
+ for( i = 0; i < len; i+=1 ){
+ if(this.elements[i]){
+ this.elements[i].destroy();
+ }
+ }
+};
+
+ICompElement.prototype.destroy = function(){
+ this.destroyElements();
+ this.destroyBaseElement();
+};
+
+function IImageElement(data,globalData,comp){
+ this.assetData = globalData.getAssetData(data.refId);
+ this.initElement(data,globalData,comp);
+}
+
+extendPrototype([BaseElement,TransformElement,SVGBaseElement,HierarchyElement,FrameElement,RenderableDOMElement], IImageElement);
+
+IImageElement.prototype.createContent = function(){
+
+ var assetPath = this.globalData.getAssetsPath(this.assetData);
+
+ this.innerElem = createNS('image');
+ this.innerElem.setAttribute('width',this.assetData.w+"px");
+ this.innerElem.setAttribute('height',this.assetData.h+"px");
+ this.innerElem.setAttribute('preserveAspectRatio',this.assetData.pr || this.globalData.renderConfig.imagePreserveAspectRatio);
+ this.innerElem.setAttributeNS('http://www.w3.org/1999/xlink','href',assetPath);
+
+ this.layerElement.appendChild(this.innerElem);
+};
+
+function ISolidElement(data,globalData,comp){
+ this.initElement(data,globalData,comp);
+}
+extendPrototype([IImageElement], ISolidElement);
+
+ISolidElement.prototype.createContent = function(){
+
+ var rect = createNS('rect');
+ ////rect.style.width = this.data.sw;
+ ////rect.style.height = this.data.sh;
+ ////rect.style.fill = this.data.sc;
+ rect.setAttribute('width',this.data.sw);
+ rect.setAttribute('height',this.data.sh);
+ rect.setAttribute('fill',this.data.sc);
+ this.layerElement.appendChild(rect);
+};
+function SVGCompElement(data,globalData,comp){
+ this.layers = data.layers;
+ this.supports3d = true;
+ this.completeLayers = false;
+ this.pendingElements = [];
+ this.elements = this.layers ? createSizedArray(this.layers.length) : [];
+ //this.layerElement = createNS('g');
+ this.initElement(data,globalData,comp);
+ this.tm = data.tm ? PropertyFactory.getProp(this,data.tm,0,globalData.frameRate,this) : {_placeholder:true};
+}
+
+extendPrototype([SVGRenderer, ICompElement, SVGBaseElement], SVGCompElement);
+function SVGTextElement(data,globalData,comp){
+ this.textSpans = [];
+ this.renderType = 'svg';
+ this.initElement(data,globalData,comp);
+}
+
+extendPrototype([BaseElement,TransformElement,SVGBaseElement,HierarchyElement,FrameElement,RenderableDOMElement,ITextElement], SVGTextElement);
+
+SVGTextElement.prototype.createContent = function(){
+
+ if (this.data.singleShape && !this.globalData.fontManager.chars) {
+ this.textContainer = createNS('text');
+ }
+};
+
+SVGTextElement.prototype.buildTextContents = function(textArray) {
+ var i = 0, len = textArray.length;
+ var textContents = [], currentTextContent = '';
+ while (i < len) {
+ if(textArray[i] === String.fromCharCode(13) || textArray[i] === String.fromCharCode(3)) {
+ textContents.push(currentTextContent);
+ currentTextContent = '';
+ } else {
+ currentTextContent += textArray[i];
+ }
+ i += 1;
+ }
+ textContents.push(currentTextContent);
+ return textContents;
+}
+
+SVGTextElement.prototype.buildNewText = function(){
+ var i, len;
+
+ var documentData = this.textProperty.currentData;
+ this.renderedLetters = createSizedArray(documentData ? documentData.l.length : 0);
+ if(documentData.fc) {
+ this.layerElement.setAttribute('fill', this.buildColor(documentData.fc));
+ }else{
+ this.layerElement.setAttribute('fill', 'rgba(0,0,0,0)');
+ }
+ if(documentData.sc){
+ this.layerElement.setAttribute('stroke', this.buildColor(documentData.sc));
+ this.layerElement.setAttribute('stroke-width', documentData.sw);
+ }
+ this.layerElement.setAttribute('font-size', documentData.finalSize);
+ var fontData = this.globalData.fontManager.getFontByName(documentData.f);
+ if(fontData.fClass){
+ this.layerElement.setAttribute('class',fontData.fClass);
+ } else {
+ this.layerElement.setAttribute('font-family', fontData.fFamily);
+ var fWeight = documentData.fWeight, fStyle = documentData.fStyle;
+ this.layerElement.setAttribute('font-style', fStyle);
+ this.layerElement.setAttribute('font-weight', fWeight);
+ }
+
+ var letters = documentData.l || [];
+ var usesGlyphs = !!this.globalData.fontManager.chars;
+ len = letters.length;
+
+ var tSpan;
+ var matrixHelper = this.mHelper;
+ var shapes, shapeStr = '', singleShape = this.data.singleShape;
+ var xPos = 0, yPos = 0, firstLine = true;
+ var trackingOffset = documentData.tr/1000*documentData.finalSize;
+ if(singleShape && !usesGlyphs && !documentData.sz) {
+ var tElement = this.textContainer;
+ var justify = 'start';
+ switch(documentData.j) {
+ case 1:
+ justify = 'end';
+ break;
+ case 2:
+ justify = 'middle';
+ break;
+ }
+ tElement.setAttribute('text-anchor',justify);
+ tElement.setAttribute('letter-spacing',trackingOffset);
+ var textContent = this.buildTextContents(documentData.finalText);
+ len = textContent.length;
+ yPos = documentData.ps ? documentData.ps[1] + documentData.ascent : 0;
+ for ( i = 0; i < len; i += 1) {
+ tSpan = this.textSpans[i] || createNS('tspan');
+ tSpan.textContent = textContent[i];
+ tSpan.setAttribute('x', 0);
+ tSpan.setAttribute('y', yPos);
+ tSpan.style.display = 'inherit';
+ tElement.appendChild(tSpan);
+ this.textSpans[i] = tSpan;
+ yPos += documentData.finalLineHeight;
+ }
+
+ this.layerElement.appendChild(tElement);
+ } else {
+ var cachedSpansLength = this.textSpans.length;
+ var shapeData, charData;
+ for (i = 0; i < len; i += 1) {
+ if(!usesGlyphs || !singleShape || i === 0){
+ tSpan = cachedSpansLength > i ? this.textSpans[i] : createNS(usesGlyphs?'path':'text');
+ if (cachedSpansLength <= i) {
+ tSpan.setAttribute('stroke-linecap', 'butt');
+ tSpan.setAttribute('stroke-linejoin','round');
+ tSpan.setAttribute('stroke-miterlimit','4');
+ this.textSpans[i] = tSpan;
+ this.layerElement.appendChild(tSpan);
+ }
+ tSpan.style.display = 'inherit';
+ }
+
+ matrixHelper.reset();
+ matrixHelper.scale(documentData.finalSize / 100, documentData.finalSize / 100);
+ if (singleShape) {
+ if(letters[i].n) {
+ xPos = -trackingOffset;
+ yPos += documentData.yOffset;
+ yPos += firstLine ? 1 : 0;
+ firstLine = false;
+ }
+ this.applyTextPropertiesToMatrix(documentData, matrixHelper, letters[i].line, xPos, yPos);
+ xPos += letters[i].l || 0;
+ //xPos += letters[i].val === ' ' ? 0 : trackingOffset;
+ xPos += trackingOffset;
+ }
+ if(usesGlyphs) {
+ charData = this.globalData.fontManager.getCharData(documentData.finalText[i], fontData.fStyle, this.globalData.fontManager.getFontByName(documentData.f).fFamily);
+ shapeData = charData && charData.data || {};
+ shapes = shapeData.shapes ? shapeData.shapes[0].it : [];
+ if(!singleShape){
+ tSpan.setAttribute('d',this.createPathShape(matrixHelper,shapes));
+ } else {
+ shapeStr += this.createPathShape(matrixHelper,shapes);
+ }
+ } else {
+ if(singleShape) {
+ tSpan.setAttribute("transform", "translate(" + matrixHelper.props[12] + "," + matrixHelper.props[13] + ")");
+ }
+ tSpan.textContent = letters[i].val;
+ tSpan.setAttributeNS("http://www.w3.org/XML/1998/namespace", "xml:space","preserve");
+ }
+ //
+ }
+ if (singleShape && tSpan) {
+ tSpan.setAttribute('d',shapeStr);
+ }
+ }
+ while (i < this.textSpans.length){
+ this.textSpans[i].style.display = 'none';
+ i += 1;
+ }
+
+ this._sizeChanged = true;
+};
+
+SVGTextElement.prototype.sourceRectAtTime = function(time){
+ this.prepareFrame(this.comp.renderedFrame - this.data.st);
+ this.renderInnerContent();
+ if(this._sizeChanged){
+ this._sizeChanged = false;
+ var textBox = this.layerElement.getBBox();
+ this.bbox = {
+ top: textBox.y,
+ left: textBox.x,
+ width: textBox.width,
+ height: textBox.height
+ };
+ }
+ return this.bbox;
+};
+
+SVGTextElement.prototype.renderInnerContent = function(){
+
+ if(!this.data.singleShape){
+ this.textAnimator.getMeasures(this.textProperty.currentData, this.lettersChangedFlag);
+ if(this.lettersChangedFlag || this.textAnimator.lettersChangedFlag){
+ this._sizeChanged = true;
+ var i,len;
+ var renderedLetters = this.textAnimator.renderedLetters;
+
+ var letters = this.textProperty.currentData.l;
+
+ len = letters.length;
+ var renderedLetter, textSpan;
+ for(i=0;i<len;i+=1){
+ if(letters[i].n){
+ continue;
+ }
+ renderedLetter = renderedLetters[i];
+ textSpan = this.textSpans[i];
+ if(renderedLetter._mdf.m) {
+ textSpan.setAttribute('transform',renderedLetter.m);
+ }
+ if(renderedLetter._mdf.o) {
+ textSpan.setAttribute('opacity',renderedLetter.o);
+ }
+ if(renderedLetter._mdf.sw){
+ textSpan.setAttribute('stroke-width',renderedLetter.sw);
+ }
+ if(renderedLetter._mdf.sc){
+ textSpan.setAttribute('stroke',renderedLetter.sc);
+ }
+ if(renderedLetter._mdf.fc){
+ textSpan.setAttribute('fill',renderedLetter.fc);
+ }
+ }
+ }
+ }
+};
+function SVGShapeElement(data,globalData,comp){
+ //List of drawable elements
+ this.shapes = [];
+ // Full shape data
+ this.shapesData = data.shapes;
+ //List of styles that will be applied to shapes
+ this.stylesList = [];
+ //List of modifiers that will be applied to shapes
+ this.shapeModifiers = [];
+ //List of items in shape tree
+ this.itemsData = [];
+ //List of items in previous shape tree
+ this.processedElements = [];
+ // List of animated components
+ this.animatedContents = [];
+ this.initElement(data,globalData,comp);
+ //Moving any property that doesn't get too much access after initialization because of v8 way of handling more than 10 properties.
+ // List of elements that have been created
+ this.prevViewData = [];
+ //Moving any property that doesn't get too much access after initialization because of v8 way of handling more than 10 properties.
+}
+
+extendPrototype([BaseElement,TransformElement,SVGBaseElement,IShapeElement,HierarchyElement,FrameElement,RenderableDOMElement], SVGShapeElement);
+
+SVGShapeElement.prototype.initSecondaryElement = function() {
+};
+
+SVGShapeElement.prototype.identityMatrix = new Matrix();
+
+SVGShapeElement.prototype.buildExpressionInterface = function(){};
+
+SVGShapeElement.prototype.createContent = function(){
+ this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement, 0, [], true);
+ this.filterUniqueShapes();
+};
+
+/*
+This method searches for multiple shapes that affect a single element and one of them is animated
+*/
+SVGShapeElement.prototype.filterUniqueShapes = function(){
+ var i, len = this.shapes.length, shape;
+ var j, jLen = this.stylesList.length;
+ var style, count = 0;
+ var tempShapes = [];
+ var areAnimated = false;
+ for(j = 0; j < jLen; j += 1) {
+ style = this.stylesList[j];
+ areAnimated = false;
+ tempShapes.length = 0;
+ for(i = 0; i < len; i += 1) {
+ shape = this.shapes[i];
+ if(shape.styles.indexOf(style) !== -1) {
+ tempShapes.push(shape);
+ areAnimated = shape._isAnimated || areAnimated;
+ }
+ }
+ if(tempShapes.length > 1 && areAnimated) {
+ this.setShapesAsAnimated(tempShapes);
+ }
+ }
+}
+
+SVGShapeElement.prototype.setShapesAsAnimated = function(shapes){
+ var i, len = shapes.length;
+ for(i = 0; i < len; i += 1) {
+ shapes[i].setAsAnimated();
+ }
+}
+
+SVGShapeElement.prototype.createStyleElement = function(data, level){
+ //TODO: prevent drawing of hidden styles
+ var elementData;
+ var styleOb = new SVGStyleData(data, level);
+
+ var pathElement = styleOb.pElem;
+ if(data.ty === 'st') {
+ elementData = new SVGStrokeStyleData(this, data, styleOb);
+ } else if(data.ty === 'fl') {
+ elementData = new SVGFillStyleData(this, data, styleOb);
+ } else if(data.ty === 'gf' || data.ty === 'gs') {
+ var gradientConstructor = data.ty === 'gf' ? SVGGradientFillStyleData : SVGGradientStrokeStyleData;
+ elementData = new gradientConstructor(this, data, styleOb);
+ this.globalData.defs.appendChild(elementData.gf);
+ if (elementData.maskId) {
+ this.globalData.defs.appendChild(elementData.ms);
+ this.globalData.defs.appendChild(elementData.of);
+ pathElement.setAttribute('mask','url(' + locationHref + '#' + elementData.maskId + ')');
+ }
+ }
+
+ if(data.ty === 'st' || data.ty === 'gs') {
+ pathElement.setAttribute('stroke-linecap', this.lcEnum[data.lc] || 'round');
+ pathElement.setAttribute('stroke-linejoin',this.ljEnum[data.lj] || 'round');
+ pathElement.setAttribute('fill-opacity','0');
+ if(data.lj === 1) {
+ pathElement.setAttribute('stroke-miterlimit',data.ml);
+ }
+ }
+
+ if(data.r === 2) {
+ pathElement.setAttribute('fill-rule', 'evenodd');
+ }
+
+ if(data.ln){
+ pathElement.setAttribute('id',data.ln);
+ }
+ if(data.cl){
+ pathElement.setAttribute('class',data.cl);
+ }
+ this.stylesList.push(styleOb);
+ this.addToAnimatedContents(data, elementData);
+ return elementData;
+};
+
+SVGShapeElement.prototype.createGroupElement = function(data) {
+ var elementData = new ShapeGroupData();
+ if(data.ln){
+ elementData.gr.setAttribute('id',data.ln);
+ }
+ if(data.cl){
+ elementData.gr.setAttribute('class',data.cl);
+ }
+ return elementData;
+};
+
+SVGShapeElement.prototype.createTransformElement = function(data, container) {
+ var transformProperty = TransformPropertyFactory.getTransformProperty(this,data,this);
+ var elementData = new SVGTransformData(transformProperty, transformProperty.o, container);
+ this.addToAnimatedContents(data, elementData);
+ return elementData;
+};
+
+SVGShapeElement.prototype.createShapeElement = function(data, ownTransformers, level) {
+ var ty = 4;
+ if(data.ty === 'rc'){
+ ty = 5;
+ }else if(data.ty === 'el'){
+ ty = 6;
+ }else if(data.ty === 'sr'){
+ ty = 7;
+ }
+ var shapeProperty = ShapePropertyFactory.getShapeProp(this,data,ty,this);
+ var elementData = new SVGShapeData(ownTransformers, level, shapeProperty);
+ this.shapes.push(elementData);
+ this.addShapeToModifiers(elementData);
+ this.addToAnimatedContents(data, elementData);
+ return elementData;
+};
+
+SVGShapeElement.prototype.addToAnimatedContents = function(data, element) {
+ var i = 0, len = this.animatedContents.length;
+ while(i < len) {
+ if(this.animatedContents[i].element === element) {
+ return;
+ }
+ i += 1;
+ }
+ this.animatedContents.push({
+ fn: SVGElementsRenderer.createRenderFunction(data),
+ element: element,
+ data: data
+ });
+};
+
+SVGShapeElement.prototype.setElementStyles = function(elementData){
+ var arr = elementData.styles;
+ var j, jLen = this.stylesList.length;
+ for (j = 0; j < jLen; j += 1) {
+ if (!this.stylesList[j].closed) {
+ arr.push(this.stylesList[j]);
+ }
+ }
+};
+
+SVGShapeElement.prototype.reloadShapes = function(){
+ this._isFirstFrame = true;
+ var i, len = this.itemsData.length;
+ for( i = 0; i < len; i += 1) {
+ this.prevViewData[i] = this.itemsData[i];
+ }
+ this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement, 0, [], true);
+ this.filterUniqueShapes();
+ len = this.dynamicProperties.length;
+ for(i = 0; i < len; i += 1) {
+ this.dynamicProperties[i].getValue();
+ }
+ this.renderModifiers();
+};
+
+SVGShapeElement.prototype.searchShapes = function(arr,itemsData,prevViewData,container, level, transformers, render){
+ var ownTransformers = [].concat(transformers);
+ var i, len = arr.length - 1;
+ var j, jLen;
+ var ownStyles = [], ownModifiers = [], styleOb, currentTransform, modifier, processedPos;
+ for(i=len;i>=0;i-=1){
+ processedPos = this.searchProcessedElement(arr[i]);
+ if(!processedPos){
+ arr[i]._render = render;
+ } else {
+ itemsData[i] = prevViewData[processedPos - 1];
+ }
+ if(arr[i].ty == 'fl' || arr[i].ty == 'st' || arr[i].ty == 'gf' || arr[i].ty == 'gs'){
+ if(!processedPos){
+ itemsData[i] = this.createStyleElement(arr[i], level);
+ } else {
+ itemsData[i].style.closed = false;
+ }
+ if(arr[i]._render){
+ container.appendChild(itemsData[i].style.pElem);
+ }
+ ownStyles.push(itemsData[i].style);
+ }else if(arr[i].ty == 'gr'){
+ if(!processedPos){
+ itemsData[i] = this.createGroupElement(arr[i]);
+ } else {
+ jLen = itemsData[i].it.length;
+ for(j=0;j<jLen;j+=1){
+ itemsData[i].prevViewData[j] = itemsData[i].it[j];
+ }
+ }
+ this.searchShapes(arr[i].it,itemsData[i].it,itemsData[i].prevViewData,itemsData[i].gr, level + 1, ownTransformers, render);
+ if(arr[i]._render){
+ container.appendChild(itemsData[i].gr);
+ }
+ }else if(arr[i].ty == 'tr'){
+ if(!processedPos){
+ itemsData[i] = this.createTransformElement(arr[i], container);
+ }
+ currentTransform = itemsData[i].transform;
+ ownTransformers.push(currentTransform);
+ }else if(arr[i].ty == 'sh' || arr[i].ty == 'rc' || arr[i].ty == 'el' || arr[i].ty == 'sr'){
+ if(!processedPos){
+ itemsData[i] = this.createShapeElement(arr[i], ownTransformers, level);
+ }
+ this.setElementStyles(itemsData[i]);
+
+ }else if(arr[i].ty == 'tm' || arr[i].ty == 'rd' || arr[i].ty == 'ms'){
+ if(!processedPos){
+ modifier = ShapeModifiers.getModifier(arr[i].ty);
+ modifier.init(this,arr[i]);
+ itemsData[i] = modifier;
+ this.shapeModifiers.push(modifier);
+ } else {
+ modifier = itemsData[i];
+ modifier.closed = false;
+ }
+ ownModifiers.push(modifier);
+ }else if(arr[i].ty == 'rp'){
+ if(!processedPos){
+ modifier = ShapeModifiers.getModifier(arr[i].ty);
+ itemsData[i] = modifier;
+ modifier.init(this,arr,i,itemsData);
+ this.shapeModifiers.push(modifier);
+ render = false;
+ }else{
+ modifier = itemsData[i];
+ modifier.closed = true;
+ }
+ ownModifiers.push(modifier);
+ }
+ this.addProcessedElement(arr[i], i + 1);
+ }
+ len = ownStyles.length;
+ for(i=0;i<len;i+=1){
+ ownStyles[i].closed = true;
+ }
+ len = ownModifiers.length;
+ for(i=0;i<len;i+=1){
+ ownModifiers[i].closed = true;
+ }
+};
+
+SVGShapeElement.prototype.renderInnerContent = function() {
+ this.renderModifiers();
+ var i, len = this.stylesList.length;
+ for(i=0;i<len;i+=1){
+ this.stylesList[i].reset();
+ }
+ this.renderShape();
+
+ for (i = 0; i < len; i += 1) {
+ if (this.stylesList[i]._mdf || this._isFirstFrame) {
+ if(this.stylesList[i].msElem){
+ this.stylesList[i].msElem.setAttribute('d', this.stylesList[i].d);
+ //Adding M0 0 fixes same mask bug on all browsers
+ this.stylesList[i].d = 'M0 0' + this.stylesList[i].d;
+ }
+ this.stylesList[i].pElem.setAttribute('d', this.stylesList[i].d || 'M0 0');
+ }
+ }
+};
+
+SVGShapeElement.prototype.renderShape = function() {
+ var i, len = this.animatedContents.length;
+ var animatedContent;
+ for(i = 0; i < len; i += 1) {
+ animatedContent = this.animatedContents[i];
+ if((this._isFirstFrame || animatedContent.element._isAnimated) && animatedContent.data !== true) {
+ animatedContent.fn(animatedContent.data, animatedContent.element, this._isFirstFrame);
+ }
+ }
+}
+
+SVGShapeElement.prototype.destroy = function(){
+ this.destroyBaseElement();
+ this.shapesData = null;
+ this.itemsData = null;
+};
+
+function SVGTintFilter(filter, filterManager){
+ this.filterManager = filterManager;
+ var feColorMatrix = createNS('feColorMatrix');
+ feColorMatrix.setAttribute('type','matrix');
+ feColorMatrix.setAttribute('color-interpolation-filters','linearRGB');
+ feColorMatrix.setAttribute('values','0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0');
+ feColorMatrix.setAttribute('result','f1');
+ filter.appendChild(feColorMatrix);
+ feColorMatrix = createNS('feColorMatrix');
+ feColorMatrix.setAttribute('type','matrix');
+ feColorMatrix.setAttribute('color-interpolation-filters','sRGB');
+ feColorMatrix.setAttribute('values','1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0');
+ feColorMatrix.setAttribute('result','f2');
+ filter.appendChild(feColorMatrix);
+ this.matrixFilter = feColorMatrix;
+ if(filterManager.effectElements[2].p.v !== 100 || filterManager.effectElements[2].p.k){
+ var feMerge = createNS('feMerge');
+ filter.appendChild(feMerge);
+ var feMergeNode;
+ feMergeNode = createNS('feMergeNode');
+ feMergeNode.setAttribute('in','SourceGraphic');
+ feMerge.appendChild(feMergeNode);
+ feMergeNode = createNS('feMergeNode');
+ feMergeNode.setAttribute('in','f2');
+ feMerge.appendChild(feMergeNode);
+ }
+}
+
+SVGTintFilter.prototype.renderFrame = function(forceRender){
+ if(forceRender || this.filterManager._mdf){
+ var colorBlack = this.filterManager.effectElements[0].p.v;
+ var colorWhite = this.filterManager.effectElements[1].p.v;
+ var opacity = this.filterManager.effectElements[2].p.v/100;
+ this.matrixFilter.setAttribute('values',(colorWhite[0]- colorBlack[0])+' 0 0 0 '+ colorBlack[0] +' '+ (colorWhite[1]- colorBlack[1]) +' 0 0 0 '+ colorBlack[1] +' '+ (colorWhite[2]- colorBlack[2]) +' 0 0 0 '+ colorBlack[2] +' 0 0 0 ' + opacity + ' 0');
+ }
+};
+function SVGFillFilter(filter, filterManager){
+ this.filterManager = filterManager;
+ var feColorMatrix = createNS('feColorMatrix');
+ feColorMatrix.setAttribute('type','matrix');
+ feColorMatrix.setAttribute('color-interpolation-filters','sRGB');
+ feColorMatrix.setAttribute('values','1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0');
+ filter.appendChild(feColorMatrix);
+ this.matrixFilter = feColorMatrix;
+}
+SVGFillFilter.prototype.renderFrame = function(forceRender){
+ if(forceRender || this.filterManager._mdf){
+ var color = this.filterManager.effectElements[2].p.v;
+ var opacity = this.filterManager.effectElements[6].p.v;
+ this.matrixFilter.setAttribute('values','0 0 0 0 '+color[0]+' 0 0 0 0 '+color[1]+' 0 0 0 0 '+color[2]+' 0 0 0 '+opacity+' 0');
+ }
+};
+function SVGStrokeEffect(elem, filterManager){
+ this.initialized = false;
+ this.filterManager = filterManager;
+ this.elem = elem;
+ this.paths = [];
+}
+
+SVGStrokeEffect.prototype.initialize = function(){
+
+ var elemChildren = this.elem.layerElement.children || this.elem.layerElement.childNodes;
+ var path,groupPath, i, len;
+ if(this.filterManager.effectElements[1].p.v === 1){
+ len = this.elem.maskManager.masksProperties.length;
+ i = 0;
+ } else {
+ i = this.filterManager.effectElements[0].p.v - 1;
+ len = i + 1;
+ }
+ groupPath = createNS('g');
+ groupPath.setAttribute('fill','none');
+ groupPath.setAttribute('stroke-linecap','round');
+ groupPath.setAttribute('stroke-dashoffset',1);
+ for(i;i<len;i+=1){
+ path = createNS('path');
+ groupPath.appendChild(path);
+ this.paths.push({p:path,m:i});
+ }
+ if(this.filterManager.effectElements[10].p.v === 3){
+ var mask = createNS('mask');
+ var id = 'stms_' + randomString(10);
+ mask.setAttribute('id',id);
+ mask.setAttribute('mask-type','alpha');
+ mask.appendChild(groupPath);
+ this.elem.globalData.defs.appendChild(mask);
+ var g = createNS('g');
+ g.setAttribute('mask','url(' + locationHref + '#'+id+')');
+ while (elemChildren[0]) {
+ g.appendChild(elemChildren[0]);
+ }
+ this.elem.layerElement.appendChild(g);
+ this.masker = mask;
+ groupPath.setAttribute('stroke','#fff');
+ } else if(this.filterManager.effectElements[10].p.v === 1 || this.filterManager.effectElements[10].p.v === 2){
+ if(this.filterManager.effectElements[10].p.v === 2){
+ elemChildren = this.elem.layerElement.children || this.elem.layerElement.childNodes;
+ while(elemChildren.length){
+ this.elem.layerElement.removeChild(elemChildren[0]);
+ }
+ }
+ this.elem.layerElement.appendChild(groupPath);
+ this.elem.layerElement.removeAttribute('mask');
+ groupPath.setAttribute('stroke','#fff');
+ }
+ this.initialized = true;
+ this.pathMasker = groupPath;
+};
+
+SVGStrokeEffect.prototype.renderFrame = function(forceRender){
+ if(!this.initialized){
+ this.initialize();
+ }
+ var i, len = this.paths.length;
+ var mask, path;
+ for(i=0;i<len;i+=1){
+ if(this.paths[i].m === -1) {
+ continue;
+ }
+ mask = this.elem.maskManager.viewData[this.paths[i].m];
+ path = this.paths[i].p;
+ if(forceRender || this.filterManager._mdf || mask.prop._mdf){
+ path.setAttribute('d',mask.lastPath);
+ }
+ if(forceRender || this.filterManager.effectElements[9].p._mdf || this.filterManager.effectElements[4].p._mdf || this.filterManager.effectElements[7].p._mdf || this.filterManager.effectElements[8].p._mdf || mask.prop._mdf){
+ var dasharrayValue;
+ if(this.filterManager.effectElements[7].p.v !== 0 || this.filterManager.effectElements[8].p.v !== 100){
+ var s = Math.min(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v)/100;
+ var e = Math.max(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v)/100;
+ var l = path.getTotalLength();
+ dasharrayValue = '0 0 0 ' + l*s + ' ';
+ var lineLength = l*(e-s);
+ var segment = 1+this.filterManager.effectElements[4].p.v*2*this.filterManager.effectElements[9].p.v/100;
+ var units = Math.floor(lineLength/segment);
+ var j;
+ for(j=0;j<units;j+=1){
+ dasharrayValue += '1 ' + this.filterManager.effectElements[4].p.v*2*this.filterManager.effectElements[9].p.v/100 + ' ';
+ }
+ dasharrayValue += '0 ' + l*10 + ' 0 0';
+ } else {
+ dasharrayValue = '1 ' + this.filterManager.effectElements[4].p.v*2*this.filterManager.effectElements[9].p.v/100;
+ }
+ path.setAttribute('stroke-dasharray',dasharrayValue);
+ }
+ }
+ if(forceRender || this.filterManager.effectElements[4].p._mdf){
+ this.pathMasker.setAttribute('stroke-width',this.filterManager.effectElements[4].p.v*2);
+ }
+
+ if(forceRender || this.filterManager.effectElements[6].p._mdf){
+ this.pathMasker.setAttribute('opacity',this.filterManager.effectElements[6].p.v);
+ }
+ if(this.filterManager.effectElements[10].p.v === 1 || this.filterManager.effectElements[10].p.v === 2){
+ if(forceRender || this.filterManager.effectElements[3].p._mdf){
+ var color = this.filterManager.effectElements[3].p.v;
+ this.pathMasker.setAttribute('stroke','rgb('+bm_floor(color[0]*255)+','+bm_floor(color[1]*255)+','+bm_floor(color[2]*255)+')');
+ }
+ }
+};
+function SVGTritoneFilter(filter, filterManager){
+ this.filterManager = filterManager;
+ var feColorMatrix = createNS('feColorMatrix');
+ feColorMatrix.setAttribute('type','matrix');
+ feColorMatrix.setAttribute('color-interpolation-filters','linearRGB');
+ feColorMatrix.setAttribute('values','0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0');
+ feColorMatrix.setAttribute('result','f1');
+ filter.appendChild(feColorMatrix);
+ var feComponentTransfer = createNS('feComponentTransfer');
+ feComponentTransfer.setAttribute('color-interpolation-filters','sRGB');
+ filter.appendChild(feComponentTransfer);
+ this.matrixFilter = feComponentTransfer;
+ var feFuncR = createNS('feFuncR');
+ feFuncR.setAttribute('type','table');
+ feComponentTransfer.appendChild(feFuncR);
+ this.feFuncR = feFuncR;
+ var feFuncG = createNS('feFuncG');
+ feFuncG.setAttribute('type','table');
+ feComponentTransfer.appendChild(feFuncG);
+ this.feFuncG = feFuncG;
+ var feFuncB = createNS('feFuncB');
+ feFuncB.setAttribute('type','table');
+ feComponentTransfer.appendChild(feFuncB);
+ this.feFuncB = feFuncB;
+}
+
+SVGTritoneFilter.prototype.renderFrame = function(forceRender){
+ if(forceRender || this.filterManager._mdf){
+ var color1 = this.filterManager.effectElements[0].p.v;
+ var color2 = this.filterManager.effectElements[1].p.v;
+ var color3 = this.filterManager.effectElements[2].p.v;
+ var tableR = color3[0] + ' ' + color2[0] + ' ' + color1[0];
+ var tableG = color3[1] + ' ' + color2[1] + ' ' + color1[1];
+ var tableB = color3[2] + ' ' + color2[2] + ' ' + color1[2];
+ this.feFuncR.setAttribute('tableValues', tableR);
+ this.feFuncG.setAttribute('tableValues', tableG);
+ this.feFuncB.setAttribute('tableValues', tableB);
+ //var opacity = this.filterManager.effectElements[2].p.v/100;
+ //this.matrixFilter.setAttribute('values',(colorWhite[0]- colorBlack[0])+' 0 0 0 '+ colorBlack[0] +' '+ (colorWhite[1]- colorBlack[1]) +' 0 0 0 '+ colorBlack[1] +' '+ (colorWhite[2]- colorBlack[2]) +' 0 0 0 '+ colorBlack[2] +' 0 0 0 ' + opacity + ' 0');
+ }
+};
+function SVGProLevelsFilter(filter, filterManager){
+ this.filterManager = filterManager;
+ var effectElements = this.filterManager.effectElements;
+ var feComponentTransfer = createNS('feComponentTransfer');
+ var feFuncR, feFuncG, feFuncB;
+
+ if(effectElements[10].p.k || effectElements[10].p.v !== 0 || effectElements[11].p.k || effectElements[11].p.v !== 1 || effectElements[12].p.k || effectElements[12].p.v !== 1 || effectElements[13].p.k || effectElements[13].p.v !== 0 || effectElements[14].p.k || effectElements[14].p.v !== 1){
+ this.feFuncR = this.createFeFunc('feFuncR', feComponentTransfer);
+ }
+ if(effectElements[17].p.k || effectElements[17].p.v !== 0 || effectElements[18].p.k || effectElements[18].p.v !== 1 || effectElements[19].p.k || effectElements[19].p.v !== 1 || effectElements[20].p.k || effectElements[20].p.v !== 0 || effectElements[21].p.k || effectElements[21].p.v !== 1){
+ this.feFuncG = this.createFeFunc('feFuncG', feComponentTransfer);
+ }
+ if(effectElements[24].p.k || effectElements[24].p.v !== 0 || effectElements[25].p.k || effectElements[25].p.v !== 1 || effectElements[26].p.k || effectElements[26].p.v !== 1 || effectElements[27].p.k || effectElements[27].p.v !== 0 || effectElements[28].p.k || effectElements[28].p.v !== 1){
+ this.feFuncB = this.createFeFunc('feFuncB', feComponentTransfer);
+ }
+ if(effectElements[31].p.k || effectElements[31].p.v !== 0 || effectElements[32].p.k || effectElements[32].p.v !== 1 || effectElements[33].p.k || effectElements[33].p.v !== 1 || effectElements[34].p.k || effectElements[34].p.v !== 0 || effectElements[35].p.k || effectElements[35].p.v !== 1){
+ this.feFuncA = this.createFeFunc('feFuncA', feComponentTransfer);
+ }
+
+ if(this.feFuncR || this.feFuncG || this.feFuncB || this.feFuncA){
+ feComponentTransfer.setAttribute('color-interpolation-filters','sRGB');
+ filter.appendChild(feComponentTransfer);
+ feComponentTransfer = createNS('feComponentTransfer');
+ }
+
+ if(effectElements[3].p.k || effectElements[3].p.v !== 0 || effectElements[4].p.k || effectElements[4].p.v !== 1 || effectElements[5].p.k || effectElements[5].p.v !== 1 || effectElements[6].p.k || effectElements[6].p.v !== 0 || effectElements[7].p.k || effectElements[7].p.v !== 1){
+
+ feComponentTransfer.setAttribute('color-interpolation-filters','sRGB');
+ filter.appendChild(feComponentTransfer);
+ this.feFuncRComposed = this.createFeFunc('feFuncR', feComponentTransfer);
+ this.feFuncGComposed = this.createFeFunc('feFuncG', feComponentTransfer);
+ this.feFuncBComposed = this.createFeFunc('feFuncB', feComponentTransfer);
+ }
+}
+
+SVGProLevelsFilter.prototype.createFeFunc = function(type, feComponentTransfer) {
+ var feFunc = createNS(type);
+ feFunc.setAttribute('type','table');
+ feComponentTransfer.appendChild(feFunc);
+ return feFunc;
+};
+
+SVGProLevelsFilter.prototype.getTableValue = function(inputBlack, inputWhite, gamma, outputBlack, outputWhite) {
+ var cnt = 0;
+ var segments = 256;
+ var perc;
+ var min = Math.min(inputBlack, inputWhite);
+ var max = Math.max(inputBlack, inputWhite);
+ var table = Array.call(null,{length:segments});
+ var colorValue;
+ var pos = 0;
+ var outputDelta = outputWhite - outputBlack;
+ var inputDelta = inputWhite - inputBlack;
+ while(cnt <= 256) {
+ perc = cnt/256;
+ if(perc <= min){
+ colorValue = inputDelta < 0 ? outputWhite : outputBlack;
+ } else if(perc >= max){
+ colorValue = inputDelta < 0 ? outputBlack : outputWhite;
+ } else {
+ colorValue = (outputBlack + outputDelta * Math.pow((perc - inputBlack) / inputDelta, 1 / gamma));
+ }
+ table[pos++] = colorValue;
+ cnt += 256/(segments-1);
+ }
+ return table.join(' ');
+};
+
+SVGProLevelsFilter.prototype.renderFrame = function(forceRender){
+ if(forceRender || this.filterManager._mdf){
+ var val, cnt, perc, bezier;
+ var effectElements = this.filterManager.effectElements;
+ if(this.feFuncRComposed && (forceRender || effectElements[3].p._mdf || effectElements[4].p._mdf || effectElements[5].p._mdf || effectElements[6].p._mdf || effectElements[7].p._mdf)){
+ val = this.getTableValue(effectElements[3].p.v,effectElements[4].p.v,effectElements[5].p.v,effectElements[6].p.v,effectElements[7].p.v);
+ this.feFuncRComposed.setAttribute('tableValues',val);
+ this.feFuncGComposed.setAttribute('tableValues',val);
+ this.feFuncBComposed.setAttribute('tableValues',val);
+ }
+
+
+ if(this.feFuncR && (forceRender || effectElements[10].p._mdf || effectElements[11].p._mdf || effectElements[12].p._mdf || effectElements[13].p._mdf || effectElements[14].p._mdf)){
+ val = this.getTableValue(effectElements[10].p.v,effectElements[11].p.v,effectElements[12].p.v,effectElements[13].p.v,effectElements[14].p.v);
+ this.feFuncR.setAttribute('tableValues',val);
+ }
+
+ if(this.feFuncG && (forceRender || effectElements[17].p._mdf || effectElements[18].p._mdf || effectElements[19].p._mdf || effectElements[20].p._mdf || effectElements[21].p._mdf)){
+ val = this.getTableValue(effectElements[17].p.v,effectElements[18].p.v,effectElements[19].p.v,effectElements[20].p.v,effectElements[21].p.v);
+ this.feFuncG.setAttribute('tableValues',val);
+ }
+
+ if(this.feFuncB && (forceRender || effectElements[24].p._mdf || effectElements[25].p._mdf || effectElements[26].p._mdf || effectElements[27].p._mdf || effectElements[28].p._mdf)){
+ val = this.getTableValue(effectElements[24].p.v,effectElements[25].p.v,effectElements[26].p.v,effectElements[27].p.v,effectElements[28].p.v);
+ this.feFuncB.setAttribute('tableValues',val);
+ }
+
+ if(this.feFuncA && (forceRender || effectElements[31].p._mdf || effectElements[32].p._mdf || effectElements[33].p._mdf || effectElements[34].p._mdf || effectElements[35].p._mdf)){
+ val = this.getTableValue(effectElements[31].p.v,effectElements[32].p.v,effectElements[33].p.v,effectElements[34].p.v,effectElements[35].p.v);
+ this.feFuncA.setAttribute('tableValues',val);
+ }
+
+ }
+};
+function SVGDropShadowEffect(filter, filterManager){
+ filter.setAttribute('x','-100%');
+ filter.setAttribute('y','-100%');
+ filter.setAttribute('width','400%');
+ filter.setAttribute('height','400%');
+ this.filterManager = filterManager;
+
+ var feGaussianBlur = createNS('feGaussianBlur');
+ feGaussianBlur.setAttribute('in','SourceAlpha');
+ feGaussianBlur.setAttribute('result','drop_shadow_1');
+ feGaussianBlur.setAttribute('stdDeviation','0');
+ this.feGaussianBlur = feGaussianBlur;
+ filter.appendChild(feGaussianBlur);
+
+ var feOffset = createNS('feOffset');
+ feOffset.setAttribute('dx','25');
+ feOffset.setAttribute('dy','0');
+ feOffset.setAttribute('in','drop_shadow_1');
+ feOffset.setAttribute('result','drop_shadow_2');
+ this.feOffset = feOffset;
+ filter.appendChild(feOffset);
+ var feFlood = createNS('feFlood');
+ feFlood.setAttribute('flood-color','#00ff00');
+ feFlood.setAttribute('flood-opacity','1');
+ feFlood.setAttribute('result','drop_shadow_3');
+ this.feFlood = feFlood;
+ filter.appendChild(feFlood);
+
+ var feComposite = createNS('feComposite');
+ feComposite.setAttribute('in','drop_shadow_3');
+ feComposite.setAttribute('in2','drop_shadow_2');
+ feComposite.setAttribute('operator','in');
+ feComposite.setAttribute('result','drop_shadow_4');
+ filter.appendChild(feComposite);
+
+
+ var feMerge = createNS('feMerge');
+ filter.appendChild(feMerge);
+ var feMergeNode;
+ feMergeNode = createNS('feMergeNode');
+ feMerge.appendChild(feMergeNode);
+ feMergeNode = createNS('feMergeNode');
+ feMergeNode.setAttribute('in','SourceGraphic');
+ this.feMergeNode = feMergeNode;
+ this.feMerge = feMerge;
+ this.originalNodeAdded = false;
+ feMerge.appendChild(feMergeNode);
+}
+
+SVGDropShadowEffect.prototype.renderFrame = function(forceRender){
+ if(forceRender || this.filterManager._mdf){
+ if(forceRender || this.filterManager.effectElements[4].p._mdf){
+ this.feGaussianBlur.setAttribute('stdDeviation', this.filterManager.effectElements[4].p.v / 4);
+ }
+ if(forceRender || this.filterManager.effectElements[0].p._mdf){
+ var col = this.filterManager.effectElements[0].p.v;
+ this.feFlood.setAttribute('flood-color',rgbToHex(Math.round(col[0]*255),Math.round(col[1]*255),Math.round(col[2]*255)));
+ }
+ if(forceRender || this.filterManager.effectElements[1].p._mdf){
+ this.feFlood.setAttribute('flood-opacity',this.filterManager.effectElements[1].p.v/255);
+ }
+ if(forceRender || this.filterManager.effectElements[2].p._mdf || this.filterManager.effectElements[3].p._mdf){
+ var distance = this.filterManager.effectElements[3].p.v;
+ var angle = (this.filterManager.effectElements[2].p.v - 90) * degToRads;
+ var x = distance * Math.cos(angle);
+ var y = distance * Math.sin(angle);
+ this.feOffset.setAttribute('dx', x);
+ this.feOffset.setAttribute('dy', y);
+ }
+ /*if(forceRender || this.filterManager.effectElements[5].p._mdf){
+ if(this.filterManager.effectElements[5].p.v === 1 && this.originalNodeAdded) {
+ this.feMerge.removeChild(this.feMergeNode);
+ this.originalNodeAdded = false;
+ } else if(this.filterManager.effectElements[5].p.v === 0 && !this.originalNodeAdded) {
+ this.feMerge.appendChild(this.feMergeNode);
+ this.originalNodeAdded = true;
+ }
+ }*/
+ }
+};
+var _svgMatteSymbols = [];
+var _svgMatteMaskCounter = 0;
+
+function SVGMatte3Effect(filterElem, filterManager, elem){
+ this.initialized = false;
+ this.filterManager = filterManager;
+ this.filterElem = filterElem;
+ this.elem = elem;
+ elem.matteElement = createNS('g');
+ elem.matteElement.appendChild(elem.layerElement);
+ elem.matteElement.appendChild(elem.transformedElement);
+ elem.baseElement = elem.matteElement;
+}
+
+SVGMatte3Effect.prototype.findSymbol = function(mask) {
+ var i = 0, len = _svgMatteSymbols.length;
+ while(i < len) {
+ if(_svgMatteSymbols[i] === mask) {
+ return _svgMatteSymbols[i];
+ }
+ i += 1;
+ }
+ return null;
+};
+
+SVGMatte3Effect.prototype.replaceInParent = function(mask, symbolId) {
+ var parentNode = mask.layerElement.parentNode;
+ if(!parentNode) {
+ return;
+ }
+ var children = parentNode.children;
+ var i = 0, len = children.length;
+ while (i < len) {
+ if (children[i] === mask.layerElement) {
+ break;
+ }
+ i += 1;
+ }
+ var nextChild;
+ if (i <= len - 2) {
+ nextChild = children[i + 1];
+ }
+ var useElem = createNS('use');
+ useElem.setAttribute('href', '#' + symbolId);
+ if(nextChild) {
+ parentNode.insertBefore(useElem, nextChild);
+ } else {
+ parentNode.appendChild(useElem);
+ }
+};
+
+SVGMatte3Effect.prototype.setElementAsMask = function(elem, mask) {
+ if(!this.findSymbol(mask)) {
+ var symbolId = 'matte_' + randomString(5) + '_' + _svgMatteMaskCounter++;
+ var masker = createNS('mask');
+ masker.setAttribute('id', mask.layerId);
+ masker.setAttribute('mask-type', 'alpha');
+ _svgMatteSymbols.push(mask);
+ var defs = elem.globalData.defs;
+ defs.appendChild(masker);
+ var symbol = createNS('symbol');
+ symbol.setAttribute('id', symbolId);
+ this.replaceInParent(mask, symbolId);
+ symbol.appendChild(mask.layerElement);
+ defs.appendChild(symbol);
+ var useElem = createNS('use');
+ useElem.setAttribute('href', '#' + symbolId);
+ masker.appendChild(useElem);
+ mask.data.hd = false;
+ mask.show();
+ }
+ elem.setMatte(mask.layerId);
+};
+
+SVGMatte3Effect.prototype.initialize = function() {
+ var ind = this.filterManager.effectElements[0].p.v;
+ var elements = this.elem.comp.elements;
+ var i = 0, len = elements.length;
+ while (i < len) {
+ if (elements[i] && elements[i].data.ind === ind) {
+ this.setElementAsMask(this.elem, elements[i]);
+ }
+ i += 1;
+ }
+ this.initialized = true;
+};
+
+SVGMatte3Effect.prototype.renderFrame = function() {
+ if(!this.initialized) {
+ this.initialize();
+ }
+};
+function SVGEffects(elem){
+ var i, len = elem.data.ef ? elem.data.ef.length : 0;
+ var filId = randomString(10);
+ var fil = filtersFactory.createFilter(filId);
+ var count = 0;
+ this.filters = [];
+ var filterManager;
+ for(i=0;i<len;i+=1){
+ filterManager = null;
+ if(elem.data.ef[i].ty === 20){
+ count += 1;
+ filterManager = new SVGTintFilter(fil, elem.effectsManager.effectElements[i]);
+ }else if(elem.data.ef[i].ty === 21){
+ count += 1;
+ filterManager = new SVGFillFilter(fil, elem.effectsManager.effectElements[i]);
+ }else if(elem.data.ef[i].ty === 22){
+ filterManager = new SVGStrokeEffect(elem, elem.effectsManager.effectElements[i]);
+ }else if(elem.data.ef[i].ty === 23){
+ count += 1;
+ filterManager = new SVGTritoneFilter(fil, elem.effectsManager.effectElements[i]);
+ }else if(elem.data.ef[i].ty === 24){
+ count += 1;
+ filterManager = new SVGProLevelsFilter(fil, elem.effectsManager.effectElements[i]);
+ }else if(elem.data.ef[i].ty === 25){
+ count += 1;
+ filterManager = new SVGDropShadowEffect(fil, elem.effectsManager.effectElements[i]);
+ }else if(elem.data.ef[i].ty === 28){
+ //count += 1;
+ filterManager = new SVGMatte3Effect(fil, elem.effectsManager.effectElements[i], elem);
+ }
+ if(filterManager) {
+ this.filters.push(filterManager);
+ }
+ }
+ if(count){
+ elem.globalData.defs.appendChild(fil);
+ elem.layerElement.setAttribute('filter','url(' + locationHref + '#'+filId+')');
+ }
+ if (this.filters.length) {
+ elem.addRenderableComponent(this);
+ }
+}
+
+SVGEffects.prototype.renderFrame = function(_isFirstFrame){
+ var i, len = this.filters.length;
+ for(i=0;i<len;i+=1){
+ this.filters[i].renderFrame(_isFirstFrame);
+ }
+};
+var animationManager = (function(){
+ var moduleOb = {};
+ var registeredAnimations = [];
+ var initTime = 0;
+ var len = 0;
+ var playingAnimationsNum = 0;
+ var _stopped = true;
+ var _isFrozen = false;
+
+ function removeElement(ev){
+ var i = 0;
+ var animItem = ev.target;
+ while(i<len) {
+ if (registeredAnimations[i].animation === animItem) {
+ registeredAnimations.splice(i, 1);
+ i -= 1;
+ len -= 1;
+ if(!animItem.isPaused){
+ subtractPlayingCount();
+ }
+ }
+ i += 1;
+ }
+ }
+
+ function registerAnimation(element, animationData){
+ if(!element){
+ return null;
+ }
+ var i=0;
+ while(i<len){
+ if(registeredAnimations[i].elem == element && registeredAnimations[i].elem !== null ){
+ return registeredAnimations[i].animation;
+ }
+ i+=1;
+ }
+ var animItem = new AnimationItem();
+ setupAnimation(animItem, element);
+ animItem.setData(element, animationData);
+ return animItem;
+ }
+
+ function getRegisteredAnimations() {
+ var i, len = registeredAnimations.length;
+ var animations = [];
+ for(i = 0; i < len; i += 1) {
+ animations.push(registeredAnimations[i].animation);
+ }
+ return animations;
+ }
+
+ function addPlayingCount(){
+ playingAnimationsNum += 1;
+ activate();
+ }
+
+ function subtractPlayingCount(){
+ playingAnimationsNum -= 1;
+ }
+
+ function setupAnimation(animItem, element){
+ animItem.addEventListener('destroy',removeElement);
+ animItem.addEventListener('_active',addPlayingCount);
+ animItem.addEventListener('_idle',subtractPlayingCount);
+ registeredAnimations.push({elem: element,animation:animItem});
+ len += 1;
+ }
+
+ function loadAnimation(params){
+ var animItem = new AnimationItem();
+ setupAnimation(animItem, null);
+ animItem.setParams(params);
+ return animItem;
+ }
+
+
+ function setSpeed(val,animation){
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.setSpeed(val, animation);
+ }
+ }
+
+ function setDirection(val, animation){
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.setDirection(val, animation);
+ }
+ }
+
+ function play(animation){
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.play(animation);
+ }
+ }
+ function resume(nowTime) {
+ var elapsedTime = nowTime - initTime;
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.advanceTime(elapsedTime);
+ }
+ initTime = nowTime;
+ if(playingAnimationsNum && !_isFrozen) {
+ window.requestAnimationFrame(resume);
+ } else {
+ _stopped = true;
+ }
+ }
+
+ function first(nowTime){
+ initTime = nowTime;
+ window.requestAnimationFrame(resume);
+ }
+
+ function pause(animation) {
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.pause(animation);
+ }
+ }
+
+ function goToAndStop(value,isFrame,animation) {
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.goToAndStop(value,isFrame,animation);
+ }
+ }
+
+ function stop(animation) {
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.stop(animation);
+ }
+ }
+
+ function togglePause(animation) {
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.togglePause(animation);
+ }
+ }
+
+ function destroy(animation) {
+ var i;
+ for(i=(len-1);i>=0;i-=1){
+ registeredAnimations[i].animation.destroy(animation);
+ }
+ }
+
+ function searchAnimations(animationData, standalone, renderer){
+ var animElements = [].concat([].slice.call(document.getElementsByClassName('lottie')),
+ [].slice.call(document.getElementsByClassName('bodymovin')));
+ var i, len = animElements.length;
+ for(i=0;i<len;i+=1){
+ if(renderer){
+ animElements[i].setAttribute('data-bm-type',renderer);
+ }
+ registerAnimation(animElements[i], animationData);
+ }
+ if(standalone && len === 0){
+ if(!renderer){
+ renderer = 'svg';
+ }
+ var body = document.getElementsByTagName('body')[0];
+ body.innerHTML = '';
+ var div = createTag('div');
+ div.style.width = '100%';
+ div.style.height = '100%';
+ div.setAttribute('data-bm-type',renderer);
+ body.appendChild(div);
+ registerAnimation(div, animationData);
+ }
+ }
+
+ function resize(){
+ var i;
+ for(i=0;i<len;i+=1){
+ registeredAnimations[i].animation.resize();
+ }
+ }
+
+ function activate(){
+ if(!_isFrozen && playingAnimationsNum){
+ if(_stopped) {
+ window.requestAnimationFrame(first);
+ _stopped = false;
+ }
+ }
+ }
+
+ function freeze() {
+ _isFrozen = true;
+ }
+
+ function unfreeze() {
+ _isFrozen = false;
+ activate();
+ }
+
+ moduleOb.registerAnimation = registerAnimation;
+ moduleOb.loadAnimation = loadAnimation;
+ moduleOb.setSpeed = setSpeed;
+ moduleOb.setDirection = setDirection;
+ moduleOb.play = play;
+ moduleOb.pause = pause;
+ moduleOb.stop = stop;
+ moduleOb.togglePause = togglePause;
+ moduleOb.searchAnimations = searchAnimations;
+ moduleOb.resize = resize;
+ //moduleOb.start = start;
+ moduleOb.goToAndStop = goToAndStop;
+ moduleOb.destroy = destroy;
+ moduleOb.freeze = freeze;
+ moduleOb.unfreeze = unfreeze;
+ moduleOb.getRegisteredAnimations = getRegisteredAnimations;
+ return moduleOb;
+}());
+
+var AnimationItem = function () {
+ this._cbs = [];
+ this.name = '';
+ this.path = '';
+ this.isLoaded = false;
+ this.currentFrame = 0;
+ this.currentRawFrame = 0;
+ this.totalFrames = 0;
+ this.frameRate = 0;
+ this.frameMult = 0;
+ this.playSpeed = 1;
+ this.playDirection = 1;
+ this.playCount = 0;
+ this.animationData = {};
+ this.assets = [];
+ this.isPaused = true;
+ this.autoplay = false;
+ this.loop = true;
+ this.renderer = null;
+ this.animationID = randomString(10);
+ this.assetsPath = '';
+ this.timeCompleted = 0;
+ this.segmentPos = 0;
+ this.subframeEnabled = subframeEnabled;
+ this.segments = [];
+ this._idle = true;
+ this._completedLoop = false;
+ this.projectInterface = ProjectInterface();
+ this.imagePreloader = new ImagePreloader();
+};
+
+extendPrototype([BaseEvent], AnimationItem);
+
+AnimationItem.prototype.setParams = function(params) {
+ if(params.context){
+ this.context = params.context;
+ }
+ if(params.wrapper || params.container){
+ this.wrapper = params.wrapper || params.container;
+ }
+ var animType = params.animType ? params.animType : params.renderer ? params.renderer : 'svg';
+ switch(animType){
+ case 'canvas':
+ this.renderer = new CanvasRenderer(this, params.rendererSettings);
+ break;
+ case 'svg':
+ this.renderer = new SVGRenderer(this, params.rendererSettings);
+ break;
+ default:
+ this.renderer = new HybridRenderer(this, params.rendererSettings);
+ break;
+ }
+ this.renderer.setProjectInterface(this.projectInterface);
+ this.animType = animType;
+
+ if(params.loop === '' || params.loop === null){
+ }else if(params.loop === false){
+ this.loop = false;
+ }else if(params.loop === true){
+ this.loop = true;
+ }else{
+ this.loop = parseInt(params.loop);
+ }
+ this.autoplay = 'autoplay' in params ? params.autoplay : true;
+ this.name = params.name ? params.name : '';
+ this.autoloadSegments = params.hasOwnProperty('autoloadSegments') ? params.autoloadSegments : true;
+ this.assetsPath = params.assetsPath;
+ if(params.animationData){
+ this.configAnimation(params.animationData);
+ }else if(params.path){
+ if(params.path.substr(-4) != 'json'){
+ if (params.path.substr(-1, 1) != '/') {
+ params.path += '/';
+ }
+ params.path += 'data.json';
+ }
+
+ if(params.path.lastIndexOf('\\') != -1){
+ this.path = params.path.substr(0,params.path.lastIndexOf('\\')+1);
+ }else{
+ this.path = params.path.substr(0,params.path.lastIndexOf('/')+1);
+ }
+ this.fileName = params.path.substr(params.path.lastIndexOf('/')+1);
+ this.fileName = this.fileName.substr(0,this.fileName.lastIndexOf('.json'));
+
+ assetLoader.load(params.path, this.configAnimation.bind(this), function() {
+ this.trigger('data_failed');
+ }.bind(this));
+ }
+};
+
+AnimationItem.prototype.setData = function (wrapper, animationData) {
+ var params = {
+ wrapper: wrapper,
+ animationData: animationData ? (typeof animationData === "object") ? animationData : JSON.parse(animationData) : null
+ };
+ var wrapperAttributes = wrapper.attributes;
+
+ params.path = wrapperAttributes.getNamedItem('data-animation-path') ? wrapperAttributes.getNamedItem('data-animation-path').value : wrapperAttributes.getNamedItem('data-bm-path') ? wrapperAttributes.getNamedItem('data-bm-path').value : wrapperAttributes.getNamedItem('bm-path') ? wrapperAttributes.getNamedItem('bm-path').value : '';
+ params.animType = wrapperAttributes.getNamedItem('data-anim-type') ? wrapperAttributes.getNamedItem('data-anim-type').value : wrapperAttributes.getNamedItem('data-bm-type') ? wrapperAttributes.getNamedItem('data-bm-type').value : wrapperAttributes.getNamedItem('bm-type') ? wrapperAttributes.getNamedItem('bm-type').value : wrapperAttributes.getNamedItem('data-bm-renderer') ? wrapperAttributes.getNamedItem('data-bm-renderer').value : wrapperAttributes.getNamedItem('bm-renderer') ? wrapperAttributes.getNamedItem('bm-renderer').value : 'canvas';
+
+ var loop = wrapperAttributes.getNamedItem('data-anim-loop') ? wrapperAttributes.getNamedItem('data-anim-loop').value : wrapperAttributes.getNamedItem('data-bm-loop') ? wrapperAttributes.getNamedItem('data-bm-loop').value : wrapperAttributes.getNamedItem('bm-loop') ? wrapperAttributes.getNamedItem('bm-loop').value : '';
+ if(loop === ''){
+ }else if(loop === 'false'){
+ params.loop = false;
+ }else if(loop === 'true'){
+ params.loop = true;
+ }else{
+ params.loop = parseInt(loop);
+ }
+ var autoplay = wrapperAttributes.getNamedItem('data-anim-autoplay') ? wrapperAttributes.getNamedItem('data-anim-autoplay').value : wrapperAttributes.getNamedItem('data-bm-autoplay') ? wrapperAttributes.getNamedItem('data-bm-autoplay').value : wrapperAttributes.getNamedItem('bm-autoplay') ? wrapperAttributes.getNamedItem('bm-autoplay').value : true;
+ params.autoplay = autoplay !== "false";
+
+ params.name = wrapperAttributes.getNamedItem('data-name') ? wrapperAttributes.getNamedItem('data-name').value : wrapperAttributes.getNamedItem('data-bm-name') ? wrapperAttributes.getNamedItem('data-bm-name').value : wrapperAttributes.getNamedItem('bm-name') ? wrapperAttributes.getNamedItem('bm-name').value : '';
+ var prerender = wrapperAttributes.getNamedItem('data-anim-prerender') ? wrapperAttributes.getNamedItem('data-anim-prerender').value : wrapperAttributes.getNamedItem('data-bm-prerender') ? wrapperAttributes.getNamedItem('data-bm-prerender').value : wrapperAttributes.getNamedItem('bm-prerender') ? wrapperAttributes.getNamedItem('bm-prerender').value : '';
+
+ if(prerender === 'false'){
+ params.prerender = false;
+ }
+ this.setParams(params);
+};
+
+AnimationItem.prototype.includeLayers = function(data) {
+ if(data.op > this.animationData.op){
+ this.animationData.op = data.op;
+ this.totalFrames = Math.floor(data.op - this.animationData.ip);
+ }
+ var layers = this.animationData.layers;
+ var i, len = layers.length;
+ var newLayers = data.layers;
+ var j, jLen = newLayers.length;
+ for(j=0;j<jLen;j+=1){
+ i = 0;
+ while(i<len){
+ if(layers[i].id == newLayers[j].id){
+ layers[i] = newLayers[j];
+ break;
+ }
+ i += 1;
+ }
+ }
+ if(data.chars || data.fonts){
+ this.renderer.globalData.fontManager.addChars(data.chars);
+ this.renderer.globalData.fontManager.addFonts(data.fonts, this.renderer.globalData.defs);
+ }
+ if(data.assets){
+ len = data.assets.length;
+ for(i = 0; i < len; i += 1){
+ this.animationData.assets.push(data.assets[i]);
+ }
+ }
+ this.animationData.__complete = false;
+ dataManager.completeData(this.animationData,this.renderer.globalData.fontManager);
+ this.renderer.includeLayers(data.layers);
+ if(expressionsPlugin){
+ expressionsPlugin.initExpressions(this);
+ }
+ this.loadNextSegment();
+};
+
+AnimationItem.prototype.loadNextSegment = function() {
+ var segments = this.animationData.segments;
+ if(!segments || segments.length === 0 || !this.autoloadSegments){
+ this.trigger('data_ready');
+ this.timeCompleted = this.totalFrames;
+ return;
+ }
+ var segment = segments.shift();
+ this.timeCompleted = segment.time * this.frameRate;
+ var segmentPath = this.path+this.fileName+'_' + this.segmentPos + '.json';
+ this.segmentPos += 1;
+ assetLoader.load(segmentPath, this.includeLayers.bind(this), function() {
+ this.trigger('data_failed');
+ }.bind(this));
+};
+
+AnimationItem.prototype.loadSegments = function() {
+ var segments = this.animationData.segments;
+ if(!segments) {
+ this.timeCompleted = this.totalFrames;
+ }
+ this.loadNextSegment();
+};
+
+AnimationItem.prototype.imagesLoaded = function() {
+ this.trigger('loaded_images');
+ this.checkLoaded()
+}
+
+AnimationItem.prototype.preloadImages = function() {
+ this.imagePreloader.setAssetsPath(this.assetsPath);
+ this.imagePreloader.setPath(this.path);
+ this.imagePreloader.loadAssets(this.animationData.assets, this.imagesLoaded.bind(this));
+}
+
+AnimationItem.prototype.configAnimation = function (animData) {
+ if(!this.renderer){
+ return;
+ }
+ this.animationData = animData;
+ this.totalFrames = Math.floor(this.animationData.op - this.animationData.ip);
+ this.renderer.configAnimation(animData);
+ if(!animData.assets){
+ animData.assets = [];
+ }
+ this.renderer.searchExtraCompositions(animData.assets);
+
+ this.assets = this.animationData.assets;
+ this.frameRate = this.animationData.fr;
+ this.firstFrame = Math.round(this.animationData.ip);
+ this.frameMult = this.animationData.fr / 1000;
+ this.trigger('config_ready');
+ this.preloadImages();
+ this.loadSegments();
+ this.updaFrameModifier();
+ this.waitForFontsLoaded();
+};
+
+AnimationItem.prototype.waitForFontsLoaded = function(){
+ if(!this.renderer) {
+ return;
+ }
+ if(this.renderer.globalData.fontManager.loaded()){
+ this.checkLoaded();
+ }else{
+ setTimeout(this.waitForFontsLoaded.bind(this),20);
+ }
+}
+
+AnimationItem.prototype.checkLoaded = function () {
+ if (!this.isLoaded && this.renderer.globalData.fontManager.loaded() && (this.imagePreloader.loaded() || this.renderer.rendererType !== 'canvas')) {
+ this.isLoaded = true;
+ dataManager.completeData(this.animationData, this.renderer.globalData.fontManager);
+ if(expressionsPlugin){
+ expressionsPlugin.initExpressions(this);
+ }
+ this.renderer.initItems();
+ setTimeout(function() {
+ this.trigger('DOMLoaded');
+ }.bind(this), 0);
+ this.gotoFrame();
+ if(this.autoplay){
+ this.play();
+ }
+ }
+};
+
+AnimationItem.prototype.resize = function () {
+ this.renderer.updateContainerSize();
+};
+
+AnimationItem.prototype.setSubframe = function(flag){
+ this.subframeEnabled = flag ? true : false;
+};
+
+AnimationItem.prototype.gotoFrame = function () {
+ this.currentFrame = this.subframeEnabled ? this.currentRawFrame : ~~this.currentRawFrame;
+
+ if(this.timeCompleted !== this.totalFrames && this.currentFrame > this.timeCompleted){
+ this.currentFrame = this.timeCompleted;
+ }
+ this.trigger('enterFrame');
+ this.renderFrame();
+};
+
+AnimationItem.prototype.renderFrame = function () {
+ if(this.isLoaded === false){
+ return;
+ }
+ this.renderer.renderFrame(this.currentFrame + this.firstFrame);
+};
+
+AnimationItem.prototype.play = function (name) {
+ if(name && this.name != name){
+ return;
+ }
+ if(this.isPaused === true){
+ this.isPaused = false;
+ if(this._idle){
+ this._idle = false;
+ this.trigger('_active');
+ }
+ }
+};
+
+AnimationItem.prototype.pause = function (name) {
+ if(name && this.name != name){
+ return;
+ }
+ if(this.isPaused === false){
+ this.isPaused = true;
+ this._idle = true;
+ this.trigger('_idle');
+ }
+};
+
+AnimationItem.prototype.togglePause = function (name) {
+ if(name && this.name != name){
+ return;
+ }
+ if(this.isPaused === true){
+ this.play();
+ }else{
+ this.pause();
+ }
+};
+
+AnimationItem.prototype.stop = function (name) {
+ if(name && this.name != name){
+ return;
+ }
+ this.pause();
+ this.playCount = 0;
+ this._completedLoop = false;
+ this.setCurrentRawFrameValue(0);
+};
+
+AnimationItem.prototype.goToAndStop = function (value, isFrame, name) {
+ if(name && this.name != name){
+ return;
+ }
+ if(isFrame){
+ this.setCurrentRawFrameValue(value);
+ }else{
+ this.setCurrentRawFrameValue(value * this.frameModifier);
+ }
+ this.pause();
+};
+
+AnimationItem.prototype.goToAndPlay = function (value, isFrame, name) {
+ this.goToAndStop(value, isFrame, name);
+ this.play();
+};
+
+AnimationItem.prototype.advanceTime = function (value) {
+ if (this.isPaused === true || this.isLoaded === false) {
+ return;
+ }
+ var nextValue = this.currentRawFrame + value * this.frameModifier;
+ var _isComplete = false;
+ // Checking if nextValue > totalFrames - 1 for addressing non looping and looping animations.
+ // If animation won't loop, it should stop at totalFrames - 1. If it will loop it should complete the last frame and then loop.
+ if (nextValue >= this.totalFrames - 1 && this.frameModifier > 0) {
+ if (!this.loop || this.playCount === this.loop) {
+ if (!this.checkSegments(nextValue > this.totalFrames ? nextValue % this.totalFrames : 0)) {
+ _isComplete = true;
+ nextValue = this.totalFrames - 1;
+ }
+ } else if (nextValue >= this.totalFrames) {
+ this.playCount += 1;
+ if (!this.checkSegments(nextValue % this.totalFrames)) {
+ this.setCurrentRawFrameValue(nextValue % this.totalFrames);
+ this._completedLoop = true;
+ this.trigger('loopComplete');
+ }
+ } else {
+ this.setCurrentRawFrameValue(nextValue);
+ }
+ } else if(nextValue < 0) {
+ if (!this.checkSegments(nextValue % this.totalFrames)) {
+ if (this.loop && !(this.playCount-- <= 0 && this.loop !== true)) {
+ this.setCurrentRawFrameValue(this.totalFrames + (nextValue % this.totalFrames));
+ if(!this._completedLoop) {
+ this._completedLoop = true;
+ } else {
+ this.trigger('loopComplete');
+ }
+ } else {
+ _isComplete = true;
+ nextValue = 0;
+ }
+ }
+ } else {
+ this.setCurrentRawFrameValue(nextValue);
+ }
+ if (_isComplete) {
+ this.setCurrentRawFrameValue(nextValue);
+ this.pause();
+ this.trigger('complete');
+ }
+};
+
+AnimationItem.prototype.adjustSegment = function(arr, offset){
+ this.playCount = 0;
+ if(arr[1] < arr[0]){
+ if(this.frameModifier > 0){
+ if(this.playSpeed < 0){
+ this.setSpeed(-this.playSpeed);
+ } else {
+ this.setDirection(-1);
+ }
+ }
+ this.timeCompleted = this.totalFrames = arr[0] - arr[1];
+ this.firstFrame = arr[1];
+ this.setCurrentRawFrameValue(this.totalFrames - 0.001 - offset);
+ } else if(arr[1] > arr[0]){
+ if(this.frameModifier < 0){
+ if(this.playSpeed < 0){
+ this.setSpeed(-this.playSpeed);
+ } else {
+ this.setDirection(1);
+ }
+ }
+ this.timeCompleted = this.totalFrames = arr[1] - arr[0];
+ this.firstFrame = arr[0];
+ this.setCurrentRawFrameValue(0.001 + offset);
+ }
+ this.trigger('segmentStart');
+};
+AnimationItem.prototype.setSegment = function (init,end) {
+ var pendingFrame = -1;
+ if(this.isPaused) {
+ if (this.currentRawFrame + this.firstFrame < init) {
+ pendingFrame = init;
+ } else if (this.currentRawFrame + this.firstFrame > end) {
+ pendingFrame = end - init;
+ }
+ }
+
+ this.firstFrame = init;
+ this.timeCompleted = this.totalFrames = end - init;
+ if(pendingFrame !== -1) {
+ this.goToAndStop(pendingFrame,true);
+ }
+};
+
+AnimationItem.prototype.playSegments = function (arr, forceFlag) {
+ if (forceFlag) {
+ this.segments.length = 0;
+ }
+ if (typeof arr[0] === 'object') {
+ var i, len = arr.length;
+ for (i = 0; i < len; i += 1) {
+ this.segments.push(arr[i]);
+ }
+ } else {
+ this.segments.push(arr);
+ }
+ if (this.segments.length) {
+ this.adjustSegment(this.segments.shift(), 0);
+ }
+ if (this.isPaused) {
+ this.play();
+ }
+};
+
+AnimationItem.prototype.resetSegments = function (forceFlag) {
+ this.segments.length = 0;
+ this.segments.push([this.animationData.ip,this.animationData.op]);
+ //this.segments.push([this.animationData.ip*this.frameRate,Math.floor(this.animationData.op - this.animationData.ip+this.animationData.ip*this.frameRate)]);
+ if (forceFlag) {
+ this.checkSegments(0);
+ }
+};
+AnimationItem.prototype.checkSegments = function(offset) {
+ if (this.segments.length) {
+ this.adjustSegment(this.segments.shift(), offset);
+ return true;
+ }
+ return false;
+};
+
+AnimationItem.prototype.destroy = function (name) {
+ if ((name && this.name != name) || !this.renderer) {
+ return;
+ }
+ this.renderer.destroy();
+ this.imagePreloader.destroy();
+ this.trigger('destroy');
+ this._cbs = null;
+ this.onEnterFrame = this.onLoopComplete = this.onComplete = this.onSegmentStart = this.onDestroy = null;
+ this.renderer = null;
+};
+
+AnimationItem.prototype.setCurrentRawFrameValue = function(value){
+ this.currentRawFrame = value;
+ this.gotoFrame();
+};
+
+AnimationItem.prototype.setSpeed = function (val) {
+ this.playSpeed = val;
+ this.updaFrameModifier();
+};
+
+AnimationItem.prototype.setDirection = function (val) {
+ this.playDirection = val < 0 ? -1 : 1;
+ this.updaFrameModifier();
+};
+
+AnimationItem.prototype.updaFrameModifier = function () {
+ this.frameModifier = this.frameMult * this.playSpeed * this.playDirection;
+};
+
+AnimationItem.prototype.getPath = function () {
+ return this.path;
+};
+
+AnimationItem.prototype.getAssetsPath = function (assetData) {
+ var path = '';
+ if(assetData.e) {
+ path = assetData.p;
+ } else if(this.assetsPath){
+ var imagePath = assetData.p;
+ if(imagePath.indexOf('images/') !== -1){
+ imagePath = imagePath.split('/')[1];
+ }
+ path = this.assetsPath + imagePath;
+ } else {
+ path = this.path;
+ path += assetData.u ? assetData.u : '';
+ path += assetData.p;
+ }
+ return path;
+};
+
+AnimationItem.prototype.getAssetData = function (id) {
+ var i = 0, len = this.assets.length;
+ while (i < len) {
+ if(id == this.assets[i].id){
+ return this.assets[i];
+ }
+ i += 1;
+ }
+};
+
+AnimationItem.prototype.hide = function () {
+ this.renderer.hide();
+};
+
+AnimationItem.prototype.show = function () {
+ this.renderer.show();
+};
+
+AnimationItem.prototype.getDuration = function (isFrame) {
+ return isFrame ? this.totalFrames : this.totalFrames / this.frameRate;
+};
+
+AnimationItem.prototype.trigger = function(name){
+ if(this._cbs && this._cbs[name]){
+ switch(name){
+ case 'enterFrame':
+ this.triggerEvent(name,new BMEnterFrameEvent(name,this.currentFrame,this.totalFrames,this.frameMult));
+ break;
+ case 'loopComplete':
+ this.triggerEvent(name,new BMCompleteLoopEvent(name,this.loop,this.playCount,this.frameMult));
+ break;
+ case 'complete':
+ this.triggerEvent(name,new BMCompleteEvent(name,this.frameMult));
+ break;
+ case 'segmentStart':
+ this.triggerEvent(name,new BMSegmentStartEvent(name,this.firstFrame,this.totalFrames));
+ break;
+ case 'destroy':
+ this.triggerEvent(name,new BMDestroyEvent(name,this));
+ break;
+ default:
+ this.triggerEvent(name);
+ }
+ }
+ if(name === 'enterFrame' && this.onEnterFrame){
+ this.onEnterFrame.call(this,new BMEnterFrameEvent(name,this.currentFrame,this.totalFrames,this.frameMult));
+ }
+ if(name === 'loopComplete' && this.onLoopComplete){
+ this.onLoopComplete.call(this,new BMCompleteLoopEvent(name,this.loop,this.playCount,this.frameMult));
+ }
+ if(name === 'complete' && this.onComplete){
+ this.onComplete.call(this,new BMCompleteEvent(name,this.frameMult));
+ }
+ if(name === 'segmentStart' && this.onSegmentStart){
+ this.onSegmentStart.call(this,new BMSegmentStartEvent(name,this.firstFrame,this.totalFrames));
+ }
+ if(name === 'destroy' && this.onDestroy){
+ this.onDestroy.call(this,new BMDestroyEvent(name,this));
+ }
+};
+
+var Expressions = (function(){
+ var ob = {};
+ ob.initExpressions = initExpressions;
+
+
+ function initExpressions(animation){
+
+ var stackCount = 0;
+ var registers = [];
+
+ function pushExpression() {
+ stackCount += 1;
+ }
+
+ function popExpression() {
+ stackCount -= 1;
+ if (stackCount === 0) {
+ releaseInstances();
+ }
+ }
+
+ function registerExpressionProperty(expression) {
+ if (registers.indexOf(expression) === -1) {
+ registers.push(expression)
+ }
+ }
+
+ function releaseInstances() {
+ var i, len = registers.length;
+ for (i = 0; i < len; i += 1) {
+ registers[i].release();
+ }
+ registers.length = 0;
+ }
+
+ animation.renderer.compInterface = CompExpressionInterface(animation.renderer);
+ animation.renderer.globalData.projectInterface.registerComposition(animation.renderer);
+ animation.renderer.globalData.pushExpression = pushExpression;
+ animation.renderer.globalData.popExpression = popExpression;
+ animation.renderer.globalData.registerExpressionProperty = registerExpressionProperty;
+ }
+ return ob;
+}());
+
+expressionsPlugin = Expressions;
+
+var ExpressionManager = (function(){
+ 'use strict';
+ var ob = {};
+ var Math = BMMath;
+ var window = null;
+ var document = null;
+
+ function $bm_isInstanceOfArray(arr) {
+ return arr.constructor === Array || arr.constructor === Float32Array;
+ }
+
+ function isNumerable(tOfV, v) {
+ return tOfV === 'number' || tOfV === 'boolean' || tOfV === 'string' || v instanceof Number;
+ }
+
+ function $bm_neg(a){
+ var tOfA = typeof a;
+ if(tOfA === 'number' || tOfA === 'boolean' || a instanceof Number ){
+ return -a;
+ }
+ if($bm_isInstanceOfArray(a)){
+ var i, lenA = a.length;
+ var retArr = [];
+ for(i=0;i<lenA;i+=1){
+ retArr[i] = -a[i];
+ }
+ return retArr;
+ }
+ }
+
+ var easeInBez = BezierFactory.getBezierEasing(0.333,0,.833,.833, 'easeIn').get;
+ var easeOutBez = BezierFactory.getBezierEasing(0.167,0.167,.667,1, 'easeOut').get;
+ var easeInOutBez = BezierFactory.getBezierEasing(.33,0,.667,1, 'easeInOut').get;
+
+ function sum(a,b) {
+ var tOfA = typeof a;
+ var tOfB = typeof b;
+ if(tOfA === 'string' || tOfB === 'string'){
+ return a + b;
+ }
+ if(isNumerable(tOfA, a) && isNumerable(tOfB, b)) {
+ return a + b;
+ }
+ if($bm_isInstanceOfArray(a) && isNumerable(tOfB, b)){
+ a = a.slice(0);
+ a[0] = a[0] + b;
+ return a;
+ }
+ if(isNumerable(tOfA, a) && $bm_isInstanceOfArray(b)){
+ b = b.slice(0);
+ b[0] = a + b[0];
+ return b;
+ }
+ if($bm_isInstanceOfArray(a) && $bm_isInstanceOfArray(b)){
+
+ var i = 0, lenA = a.length, lenB = b.length;
+ var retArr = [];
+ while(i<lenA || i < lenB){
+ if((typeof a[i] === 'number' || a[i] instanceof Number) && (typeof b[i] === 'number' || b[i] instanceof Number)){
+ retArr[i] = a[i] + b[i];
+ }else{
+ retArr[i] = b[i] === undefined ? a[i] : a[i] || b[i];
+ }
+ i += 1;
+ }
+ return retArr;
+ }
+ return 0;
+ }
+ var add = sum;
+
+ function sub(a,b) {
+ var tOfA = typeof a;
+ var tOfB = typeof b;
+ if(isNumerable(tOfA, a) && isNumerable(tOfB, b)) {
+ if(tOfA === 'string') {
+ a = parseInt(a);
+ }
+ if(tOfB === 'string') {
+ b = parseInt(b);
+ }
+ return a - b;
+ }
+ if( $bm_isInstanceOfArray(a) && isNumerable(tOfB, b)){
+ a = a.slice(0);
+ a[0] = a[0] - b;
+ return a;
+ }
+ if(isNumerable(tOfA, a) && $bm_isInstanceOfArray(b)){
+ b = b.slice(0);
+ b[0] = a - b[0];
+ return b;
+ }
+ if($bm_isInstanceOfArray(a) && $bm_isInstanceOfArray(b)){
+ var i = 0, lenA = a.length, lenB = b.length;
+ var retArr = [];
+ while(i<lenA || i < lenB){
+ if((typeof a[i] === 'number' || a[i] instanceof Number) && (typeof b[i] === 'number' || b[i] instanceof Number)){
+ retArr[i] = a[i] - b[i];
+ }else{
+ retArr[i] = b[i] === undefined ? a[i] : a[i] || b[i];
+ }
+ i += 1;
+ }
+ return retArr;
+ }
+ return 0;
+ }
+
+ function mul(a,b) {
+ var tOfA = typeof a;
+ var tOfB = typeof b;
+ var arr;
+ if(isNumerable(tOfA, a) && isNumerable(tOfB, b)) {
+ return a * b;
+ }
+
+ var i, len;
+ if($bm_isInstanceOfArray(a) && isNumerable(tOfB, b)){
+ len = a.length;
+ arr = createTypedArray('float32', len);
+ for(i=0;i<len;i+=1){
+ arr[i] = a[i] * b;
+ }
+ return arr;
+ }
+ if(isNumerable(tOfA, a) && $bm_isInstanceOfArray(b)){
+ len = b.length;
+ arr = createTypedArray('float32', len);
+ for(i=0;i<len;i+=1){
+ arr[i] = a * b[i];
+ }
+ return arr;
+ }
+ return 0;
+ }
+
+ function div(a,b) {
+ var tOfA = typeof a;
+ var tOfB = typeof b;
+ var arr;
+ if(isNumerable(tOfA, a) && isNumerable(tOfB, b)) {
+ return a / b;
+ }
+ var i, len;
+ if($bm_isInstanceOfArray(a) && isNumerable(tOfB, b)){
+ len = a.length;
+ arr = createTypedArray('float32', len);
+ for(i=0;i<len;i+=1){
+ arr[i] = a[i] / b;
+ }
+ return arr;
+ }
+ if(isNumerable(tOfA, a) && $bm_isInstanceOfArray(b)){
+ len = b.length;
+ arr = createTypedArray('float32', len);
+ for(i=0;i<len;i+=1){
+ arr[i] = a / b[i];
+ }
+ return arr;
+ }
+ return 0;
+ }
+ function mod(a,b) {
+ if(typeof a === 'string') {
+ a = parseInt(a);
+ }
+ if(typeof b === 'string') {
+ b = parseInt(b);
+ }
+ return a % b;
+ }
+
+ function clamp(num, min, max) {
+ if(min > max){
+ var mm = max;
+ max = min;
+ min = mm;
+ }
+ return Math.min(Math.max(num, min), max);
+ }
+
+ function radiansToDegrees(val) {
+ return val/degToRads;
+ }
+ var radians_to_degrees = radiansToDegrees;
+
+ function degreesToRadians(val) {
+ return val*degToRads;
+ }
+ var degrees_to_radians = radiansToDegrees;
+
+ var helperLengthArray = [0,0,0,0,0,0];
+
+ function length(arr1, arr2) {
+ if (typeof arr1 === 'number' || arr1 instanceof Number) {
+ arr2 = arr2 || 0;
+ return Math.abs(arr1 - arr2);
+ }
+ if(!arr2) {
+ arr2 = helperLengthArray;
+ }
+ var i, len = Math.min(arr1.length, arr2.length);
+ var addedLength = 0;
+ for (i = 0; i < len; i += 1) {
+ addedLength += Math.pow(arr2[i] - arr1[i], 2);
+ }
+ return Math.sqrt(addedLength);
+ }
+
+ function normalize(vec) {
+ return div(vec, length(vec));
+ }
+
+ function rgbToHsl(val) {
+ var r = val[0]; var g = val[1]; var b = val[2];
+ var max = Math.max(r, g, b), min = Math.min(r, g, b);
+ var h, s, l = (max + min) / 2;
+
+ if(max == min){
+ h = s = 0; // achromatic
+ }else{
+ var d = max - min;
+ s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+ switch(max){
+ case r: h = (g - b) / d + (g < b ? 6 : 0); break;
+ case g: h = (b - r) / d + 2; break;
+ case b: h = (r - g) / d + 4; break;
+ }
+ h /= 6;
+ }
+
+ return [h, s, l,val[3]];
+ }
+
+ function hue2rgb(p, q, t){
+ if(t < 0) t += 1;
+ if(t > 1) t -= 1;
+ if(t < 1/6) return p + (q - p) * 6 * t;
+ if(t < 1/2) return q;
+ if(t < 2/3) return p + (q - p) * (2/3 - t) * 6;
+ return p;
+ }
+
+ function hslToRgb(val){
+ var h = val[0];
+ var s = val[1];
+ var l = val[2];
+
+ var r, g, b;
+
+ if(s === 0){
+ r = g = b = l; // achromatic
+ }else{
+
+ var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+ var p = 2 * l - q;
+ r = hue2rgb(p, q, h + 1/3);
+ g = hue2rgb(p, q, h);
+ b = hue2rgb(p, q, h - 1/3);
+ }
+
+ return [r, g , b, val[3]];
+ }
+
+ function linear(t, tMin, tMax, value1, value2){
+ if(value1 === undefined || value2 === undefined){
+ value1 = tMin;
+ value2 = tMax;
+ tMin = 0;
+ tMax = 1;
+ }
+ if(tMax < tMin) {
+ var _tMin = tMax;
+ tMax = tMin;
+ tMin = _tMin;
+ }
+ if(t <= tMin) {
+ return value1;
+ }else if(t >= tMax){
+ return value2;
+ }
+ var perc = tMax === tMin ? 0 : (t-tMin)/(tMax-tMin);
+ if(!value1.length){
+ return value1 + (value2-value1)*perc;
+ }
+ var i, len = value1.length;
+ var arr = createTypedArray('float32', len);
+ for(i=0;i<len;i+=1){
+ arr[i] = value1[i] + (value2[i]-value1[i])*perc;
+ }
+ return arr;
+ }
+ function random(min,max){
+ if(max === undefined){
+ if(min === undefined){
+ min = 0;
+ max = 1;
+ } else {
+ max = min;
+ min = undefined;
+ }
+ }
+ if(max.length){
+ var i, len = max.length;
+ if(!min){
+ min = createTypedArray('float32', len);
+ }
+ var arr = createTypedArray('float32', len);
+ var rnd = BMMath.random();
+ for(i=0;i<len;i+=1){
+ arr[i] = min[i] + rnd*(max[i]-min[i]);
+ }
+ return arr;
+ }
+ if(min === undefined){
+ min = 0;
+ }
+ var rndm = BMMath.random();
+ return min + rndm*(max-min);
+ }
+
+ function createPath(points, inTangents, outTangents, closed) {
+ var i, len = points.length;
+ var path = shape_pool.newElement();
+ path.setPathData(!!closed, len);
+ var arrPlaceholder = [0,0], inVertexPoint, outVertexPoint;
+ for(i = 0; i < len; i += 1) {
+ inVertexPoint = (inTangents && inTangents[i]) ? inTangents[i] : arrPlaceholder;
+ outVertexPoint = (outTangents && outTangents[i]) ? outTangents[i] : arrPlaceholder;
+ path.setTripleAt(points[i][0],points[i][1],outVertexPoint[0] + points[i][0],outVertexPoint[1] + points[i][1],inVertexPoint[0] + points[i][0],inVertexPoint[1] + points[i][1],i,true);
+ }
+ return path;
+ }
+
+ function initiateExpression(elem,data,property){
+ var val = data.x;
+ var needsVelocity = /velocity(?![\w\d])/.test(val);
+ var _needsRandom = val.indexOf('random') !== -1;
+ var elemType = elem.data.ty;
+ var transform,$bm_transform,content,effect;
+ var thisProperty = property;
+ thisProperty.valueAtTime = thisProperty.getValueAtTime;
+ elem.comp.frameDuration = 1/elem.comp.globalData.frameRate;
+ elem.comp.displayStartTime = 0;
+ var inPoint = elem.data.ip/elem.comp.globalData.frameRate;
+ var outPoint = elem.data.op/elem.comp.globalData.frameRate;
+ var width = elem.data.sw ? elem.data.sw : 0;
+ var height = elem.data.sh ? elem.data.sh : 0;
+ var name = elem.data.nm;
+ var loopIn, loop_in, loopOut, loop_out;
+ var toWorld,fromWorld,fromComp,toComp,fromCompToSurface, position, rotation, anchorPoint, scale, thisLayer,thisComp,mask,valueAtTime,velocityAtTime;
+ var __expression_functions = [];
+ if(data.xf) {
+ var i, len = data.xf.length;
+ for(i = 0; i < len; i += 1) {
+ __expression_functions[i] = eval('(function(){ return ' + data.xf[i] + '}())');
+ }
+ }
+
+ var scoped_bm_rt;
+ var expression_function = eval('[function _expression_function(){' + val+';scoped_bm_rt=$bm_rt}' + ']')[0];
+ var numKeys = property.kf ? data.k.length : 0;
+
+ var active = !this.data || this.data.hd !== true;
+
+ var wiggle = function wiggle(freq,amp){
+ var i,j, len = this.pv.length ? this.pv.length : 1;
+ var addedAmps = createTypedArray('float32', len);
+ freq = 5;
+ var iterations = Math.floor(time*freq);
+ i = 0;
+ j = 0;
+ while(i<iterations){
+ //var rnd = BMMath.random();
+ for(j=0;j<len;j+=1){
+ addedAmps[j] += -amp + amp*2*BMMath.random();
+ //addedAmps[j] += -amp + amp*2*rnd;
+ }
+ i += 1;
+ }
+ //var rnd2 = BMMath.random();
+ var periods = time*freq;
+ var perc = periods - Math.floor(periods);
+ var arr = createTypedArray('float32', len);
+ if(len>1){
+ for(j=0;j<len;j+=1){
+ arr[j] = this.pv[j] + addedAmps[j] + (-amp + amp*2*BMMath.random())*perc;
+ //arr[j] = this.pv[j] + addedAmps[j] + (-amp + amp*2*rnd)*perc;
+ //arr[i] = this.pv[i] + addedAmp + amp1*perc + amp2*(1-perc);
+ }
+ return arr;
+ } else {
+ return this.pv + addedAmps[0] + (-amp + amp*2*BMMath.random())*perc;
+ }
+ }.bind(this);
+
+ if(thisProperty.loopIn) {
+ loopIn = thisProperty.loopIn.bind(thisProperty);
+ loop_in = loopIn;
+ }
+
+ if(thisProperty.loopOut) {
+ loopOut = thisProperty.loopOut.bind(thisProperty);
+ loop_out = loopOut;
+ }
+
+ function loopInDuration(type,duration){
+ return loopIn(type,duration,true);
+ }
+
+ function loopOutDuration(type,duration){
+ return loopOut(type,duration,true);
+ }
+
+ if(this.getValueAtTime) {
+ valueAtTime = this.getValueAtTime.bind(this);
+ }
+
+ if(this.getVelocityAtTime) {
+ velocityAtTime = this.getVelocityAtTime.bind(this);
+ }
+
+ var comp = elem.comp.globalData.projectInterface.bind(elem.comp.globalData.projectInterface);
+
+ function lookAt(elem1,elem2){
+ var fVec = [elem2[0]-elem1[0],elem2[1]-elem1[1],elem2[2]-elem1[2]];
+ var pitch = Math.atan2(fVec[0],Math.sqrt(fVec[1]*fVec[1]+fVec[2]*fVec[2]))/degToRads;
+ var yaw = -Math.atan2(fVec[1],fVec[2])/degToRads;
+ return [yaw,pitch,0];
+ }
+
+ function easeOut(t, tMin, tMax, val1, val2){
+ return applyEase(easeOutBez, t, tMin, tMax, val1, val2);
+ }
+
+ function easeIn(t, tMin, tMax, val1, val2){
+ return applyEase(easeInBez, t, tMin, tMax, val1, val2);
+ }
+
+ function ease(t, tMin, tMax, val1, val2){
+ return applyEase(easeInOutBez, t, tMin, tMax, val1, val2);
+ }
+
+ function applyEase(fn, t, tMin, tMax, val1, val2) {
+ if(val1 === undefined){
+ val1 = tMin;
+ val2 = tMax;
+ } else {
+ t = (t - tMin) / (tMax - tMin);
+ }
+ t = t > 1 ? 1 : t < 0 ? 0 : t;
+ var mult = fn(t);
+ if($bm_isInstanceOfArray(val1)) {
+ var i, len = val1.length;
+ var arr = createTypedArray('float32', len);
+ for (i = 0; i < len; i += 1) {
+ arr[i] = (val2[i] - val1[i]) * mult + val1[i];
+ }
+ return arr;
+ } else {
+ return (val2 - val1) * mult + val1;
+ }
+ }
+
+ function nearestKey(time){
+ var i, len = data.k.length,index,keyTime;
+ if(!data.k.length || typeof(data.k[0]) === 'number'){
+ index = 0;
+ keyTime = 0;
+ } else {
+ index = -1;
+ time *= elem.comp.globalData.frameRate;
+ if (time < data.k[0].t) {
+ index = 1;
+ keyTime = data.k[0].t;
+ } else {
+ for(i=0;i<len-1;i+=1){
+ if(time === data.k[i].t){
+ index = i + 1;
+ keyTime = data.k[i].t;
+ break;
+ }else if(time>data.k[i].t && time<data.k[i+1].t){
+ if(time-data.k[i].t > data.k[i+1].t - time){
+ index = i + 2;
+ keyTime = data.k[i+1].t;
+ } else {
+ index = i + 1;
+ keyTime = data.k[i].t;
+ }
+ break;
+ }
+ }
+ if(index === -1){
+ index = i + 1;
+ keyTime = data.k[i].t;
+ }
+ }
+
+ }
+ var ob = {};
+ ob.index = index;
+ ob.time = keyTime/elem.comp.globalData.frameRate;
+ return ob;
+ }
+
+ function key(ind){
+ var ob, i, len;
+ if(!data.k.length || typeof(data.k[0]) === 'number'){
+ throw new Error('The property has no keyframe at index ' + ind);
+ }
+ ind -= 1;
+ ob = {
+ time: data.k[ind].t/elem.comp.globalData.frameRate
+ };
+ var arr;
+ if(ind === data.k.length - 1 && !data.k[ind].h){
+ arr = data.k[ind-1].e;
+ }else{
+ arr = data.k[ind].s;
+ }
+ len = arr.length;
+ for(i=0;i<len;i+=1){
+ ob[i] = arr[i];
+ }
+ return ob;
+ }
+
+ function framesToTime(frames, fps) {
+ if (!fps) {
+ fps = elem.comp.globalData.frameRate;
+ }
+ return frames / fps;
+ }
+
+ function timeToFrames(t, fps) {
+ if (!t && t !== 0) {
+ t = time;
+ }
+ if (!fps) {
+ fps = elem.comp.globalData.frameRate;
+ }
+ return t * fps;
+ }
+
+ function seedRandom(seed){
+ BMMath.seedrandom(randSeed + seed);
+ }
+
+ function sourceRectAtTime() {
+ return elem.sourceRectAtTime();
+ }
+
+ function substring(init, end) {
+ if(typeof value === 'string') {
+ if(end === undefined) {
+ return value.substring(init)
+ }
+ return value.substring(init, end)
+ }
+ return '';
+ }
+
+ function substr(init, end) {
+ if(typeof value === 'string') {
+ if(end === undefined) {
+ return value.substr(init)
+ }
+ return value.substr(init, end)
+ }
+ return '';
+ }
+
+ var time, velocity, value, text, textIndex, textTotal, selectorValue;
+ var index = elem.data.ind;
+ var hasParent = !!(elem.hierarchy && elem.hierarchy.length);
+ var parent;
+ var randSeed = Math.floor(Math.random()*1000000);
+ var globalData = elem.globalData;
+ function executeExpression(_value) {
+ // globalData.pushExpression();
+ value = _value;
+ if (_needsRandom) {
+ seedRandom(randSeed);
+ }
+ if (this.frameExpressionId === elem.globalData.frameId && this.propType !== 'textSelector') {
+ return value;
+ }
+ if(this.propType === 'textSelector'){
+ textIndex = this.textIndex;
+ textTotal = this.textTotal;
+ selectorValue = this.selectorValue;
+ }
+ if (!thisLayer) {
+ text = elem.layerInterface.text;
+ thisLayer = elem.layerInterface;
+ thisComp = elem.comp.compInterface;
+ toWorld = thisLayer.toWorld.bind(thisLayer);
+ fromWorld = thisLayer.fromWorld.bind(thisLayer);
+ fromComp = thisLayer.fromComp.bind(thisLayer);
+ toComp = thisLayer.toComp.bind(thisLayer);
+ mask = thisLayer.mask ? thisLayer.mask.bind(thisLayer) : null;
+ fromCompToSurface = fromComp;
+ }
+ if (!transform) {
+ transform = elem.layerInterface("ADBE Transform Group");
+ $bm_transform = transform;
+ if(transform) {
+ anchorPoint = transform.anchorPoint;
+ /*position = transform.position;
+ rotation = transform.rotation;
+ scale = transform.scale;*/
+ }
+ }
+
+ if (elemType === 4 && !content) {
+ content = thisLayer("ADBE Root Vectors Group");
+ }
+ if (!effect) {
+ effect = thisLayer(4);
+ }
+ hasParent = !!(elem.hierarchy && elem.hierarchy.length);
+ if (hasParent && !parent) {
+ parent = elem.hierarchy[0].layerInterface;
+ }
+ time = this.comp.renderedFrame/this.comp.globalData.frameRate;
+ if (needsVelocity) {
+ velocity = velocityAtTime(time);
+ }
+ expression_function();
+ this.frameExpressionId = elem.globalData.frameId;
+
+
+ //TODO: Check if it's possible to return on ShapeInterface the .v value
+ if (scoped_bm_rt.propType === "shape") {
+ scoped_bm_rt = scoped_bm_rt.v;
+ }
+ // globalData.popExpression();
+ return scoped_bm_rt;
+ }
+ return executeExpression;
+ }
+
+ ob.initiateExpression = initiateExpression;
+ return ob;
+}());
+(function addPropertyDecorator() {
+
+ function getStaticValueAtTime() {
+ return this.pv;
+ }
+
+ function loopOut(type,duration,durationFlag){
+ if(!this.k || !this.keyframes){
+ return this.pv;
+ }
+ type = type ? type.toLowerCase() : '';
+ var currentFrame = this.comp.renderedFrame;
+ var keyframes = this.keyframes;
+ var lastKeyFrame = keyframes[keyframes.length - 1].t;
+ if(currentFrame<=lastKeyFrame){
+ return this.pv;
+ }else{
+ var cycleDuration, firstKeyFrame;
+ if(!durationFlag){
+ if(!duration || duration > keyframes.length - 1){
+ duration = keyframes.length - 1;
+ }
+ firstKeyFrame = keyframes[keyframes.length - 1 - duration].t;
+ cycleDuration = lastKeyFrame - firstKeyFrame;
+ } else {
+ if(!duration){
+ cycleDuration = Math.max(0,lastKeyFrame - this.elem.data.ip);
+ } else {
+ cycleDuration = Math.abs(lastKeyFrame - elem.comp.globalData.frameRate*duration);
+ }
+ firstKeyFrame = lastKeyFrame - cycleDuration;
+ }
+ var i, len, ret;
+ if(type === 'pingpong') {
+ var iterations = Math.floor((currentFrame - firstKeyFrame)/cycleDuration);
+ if(iterations % 2 !== 0){
+ return this.getValueAtTime(((cycleDuration - (currentFrame - firstKeyFrame) % cycleDuration + firstKeyFrame)) / this.comp.globalData.frameRate, 0);
+ }
+ } else if(type === 'offset'){
+ var initV = this.getValueAtTime(firstKeyFrame / this.comp.globalData.frameRate, 0);
+ var endV = this.getValueAtTime(lastKeyFrame / this.comp.globalData.frameRate, 0);
+ var current = this.getValueAtTime(((currentFrame - firstKeyFrame) % cycleDuration + firstKeyFrame) / this.comp.globalData.frameRate, 0);
+ var repeats = Math.floor((currentFrame - firstKeyFrame)/cycleDuration);
+ if(this.pv.length){
+ ret = new Array(initV.length);
+ len = ret.length;
+ for(i=0;i<len;i+=1){
+ ret[i] = (endV[i]-initV[i])*repeats + current[i];
+ }
+ return ret;
+ }
+ return (endV-initV)*repeats + current;
+ } else if(type === 'continue'){
+ var lastValue = this.getValueAtTime(lastKeyFrame / this.comp.globalData.frameRate, 0);
+ var nextLastValue = this.getValueAtTime((lastKeyFrame - 0.001) / this.comp.globalData.frameRate, 0);
+ if(this.pv.length){
+ ret = new Array(lastValue.length);
+ len = ret.length;
+ for(i=0;i<len;i+=1){
+ ret[i] = lastValue[i] + (lastValue[i]-nextLastValue[i])*((currentFrame - lastKeyFrame)/ this.comp.globalData.frameRate)/0.0005;
+ }
+ return ret;
+ }
+ return lastValue + (lastValue-nextLastValue)*(((currentFrame - lastKeyFrame))/0.001);
+ }
+ return this.getValueAtTime((((currentFrame - firstKeyFrame) % cycleDuration + firstKeyFrame)) / this.comp.globalData.frameRate, 0);
+ }
+ }
+
+ function loopIn(type,duration, durationFlag) {
+ if(!this.k){
+ return this.pv;
+ }
+ type = type ? type.toLowerCase() : '';
+ var currentFrame = this.comp.renderedFrame;
+ var keyframes = this.keyframes;
+ var firstKeyFrame = keyframes[0].t;
+ if(currentFrame>=firstKeyFrame){
+ return this.pv;
+ }else{
+ var cycleDuration, lastKeyFrame;
+ if(!durationFlag){
+ if(!duration || duration > keyframes.length - 1){
+ duration = keyframes.length - 1;
+ }
+ lastKeyFrame = keyframes[duration].t;
+ cycleDuration = lastKeyFrame - firstKeyFrame;
+ } else {
+ if(!duration){
+ cycleDuration = Math.max(0,this.elem.data.op - firstKeyFrame);
+ } else {
+ cycleDuration = Math.abs(elem.comp.globalData.frameRate*duration);
+ }
+ lastKeyFrame = firstKeyFrame + cycleDuration;
+ }
+ var i, len, ret;
+ if(type === 'pingpong') {
+ var iterations = Math.floor((firstKeyFrame - currentFrame)/cycleDuration);
+ if(iterations % 2 === 0){
+ return this.getValueAtTime((((firstKeyFrame - currentFrame)%cycleDuration + firstKeyFrame)) / this.comp.globalData.frameRate, 0);
+ }
+ } else if(type === 'offset'){
+ var initV = this.getValueAtTime(firstKeyFrame / this.comp.globalData.frameRate, 0);
+ var endV = this.getValueAtTime(lastKeyFrame / this.comp.globalData.frameRate, 0);
+ var current = this.getValueAtTime((cycleDuration - (firstKeyFrame - currentFrame)%cycleDuration + firstKeyFrame) / this.comp.globalData.frameRate, 0);
+ var repeats = Math.floor((firstKeyFrame - currentFrame)/cycleDuration)+1;
+ if(this.pv.length){
+ ret = new Array(initV.length);
+ len = ret.length;
+ for(i=0;i<len;i+=1){
+ ret[i] = current[i]-(endV[i]-initV[i])*repeats;
+ }
+ return ret;
+ }
+ return current-(endV-initV)*repeats;
+ } else if(type === 'continue'){
+ var firstValue = this.getValueAtTime(firstKeyFrame / this.comp.globalData.frameRate, 0);
+ var nextFirstValue = this.getValueAtTime((firstKeyFrame + 0.001) / this.comp.globalData.frameRate, 0);
+ if(this.pv.length){
+ ret = new Array(firstValue.length);
+ len = ret.length;
+ for(i=0;i<len;i+=1){
+ ret[i] = firstValue[i] + (firstValue[i]-nextFirstValue[i])*(firstKeyFrame - currentFrame)/0.001;
+ }
+ return ret;
+ }
+ return firstValue + (firstValue-nextFirstValue)*(firstKeyFrame - currentFrame)/0.001;
+ }
+ return this.getValueAtTime(((cycleDuration - (firstKeyFrame - currentFrame) % cycleDuration + firstKeyFrame)) / this.comp.globalData.frameRate, 0);
+ }
+ }
+
+ function getValueAtTime(frameNum) {
+ frameNum *= this.elem.globalData.frameRate;
+ frameNum -= this.offsetTime;
+ if(frameNum !== this._cachingAtTime.lastFrame) {
+ this._cachingAtTime.lastIndex = this._cachingAtTime.lastFrame < frameNum ? this._cachingAtTime.lastIndex : 0;
+ this._cachingAtTime.value = this.interpolateValue(frameNum, this._cachingAtTime);
+ this._cachingAtTime.lastFrame = frameNum;
+ }
+ return this._cachingAtTime.value;
+
+ }
+
+ function getSpeedAtTime(frameNum) {
+ var delta = -0.01;
+ var v1 = this.getValueAtTime(frameNum);
+ var v2 = this.getValueAtTime(frameNum + delta);
+ var speed = 0;
+ if(v1.length){
+ var i;
+ for(i=0;i<v1.length;i+=1){
+ speed += Math.pow(v2[i] - v1[i], 2);
+ }
+ speed = Math.sqrt(speed) * 100;
+ } else {
+ speed = 0;
+ }
+ return speed;
+ }
+
+ function getVelocityAtTime(frameNum) {
+ if(this.vel !== undefined){
+ return this.vel;
+ }
+ var delta = -0.001;
+ //frameNum += this.elem.data.st;
+ var v1 = this.getValueAtTime(frameNum);
+ var v2 = this.getValueAtTime(frameNum + delta);
+ var velocity;
+ if(v1.length){
+ velocity = createTypedArray('float32', v1.length);
+ var i;
+ for(i=0;i<v1.length;i+=1){
+ //removing frameRate
+ //if needed, don't add it here
+ //velocity[i] = this.elem.globalData.frameRate*((v2[i] - v1[i])/delta);
+ velocity[i] = (v2[i] - v1[i])/delta;
+ }
+ } else {
+ velocity = (v2 - v1)/delta;
+ }
+ return velocity;
+ }
+
+ function setGroupProperty(propertyGroup){
+ this.propertyGroup = propertyGroup;
+ }
+
+ function searchExpressions(elem,data,prop){
+ if(data.x){
+ prop.k = true;
+ prop.x = true;
+ prop.initiateExpression = ExpressionManager.initiateExpression;
+ prop.effectsSequence.push(prop.initiateExpression(elem,data,prop).bind(prop));
+ }
+ }
+
+ function getTransformValueAtTime(time) {
+ console.warn('Transform at time not supported');
+ }
+
+ function getTransformStaticValueAtTime(time) {
+
+ }
+
+ var TextExpressionSelectorProp = (function(){
+
+ function getValueProxy(index,total){
+ this.textIndex = index+1;
+ this.textTotal = total;
+ this.getValue();
+ return this.v;
+ }
+
+ return function TextExpressionSelectorProp(elem,data){
+ this.pv = 1;
+ this.comp = elem.comp;
+ this.elem = elem;
+ this.mult = 0.01;
+ this.propType = 'textSelector';
+ this.textTotal = data.totalChars;
+ this.selectorValue = 100;
+ this.lastValue = [1,1,1];
+ searchExpressions.bind(this)(elem,data,this);
+ this.getMult = getValueProxy;
+ this.getVelocityAtTime = getVelocityAtTime;
+ if(this.kf){
+ this.getValueAtTime = getValueAtTime.bind(this);
+ } else {
+ this.getValueAtTime = getStaticValueAtTime.bind(this);
+ }
+ this.setGroupProperty = setGroupProperty;
+ };
+ }());
+
+ var getTransformProperty = TransformPropertyFactory.getTransformProperty;
+ TransformPropertyFactory.getTransformProperty = function(elem, data, container) {
+ var prop = getTransformProperty(elem, data, container);
+ if(prop.dynamicProperties.length) {
+ prop.getValueAtTime = getTransformValueAtTime.bind(prop);
+ } else {
+ prop.getValueAtTime = getTransformStaticValueAtTime.bind(prop);
+ }
+ prop.setGroupProperty = setGroupProperty;
+ return prop;
+ };
+
+ var propertyGetProp = PropertyFactory.getProp;
+ PropertyFactory.getProp = function(elem,data,type, mult, container){
+ var prop = propertyGetProp(elem,data,type, mult, container);
+ //prop.getVelocityAtTime = getVelocityAtTime;
+ //prop.loopOut = loopOut;
+ //prop.loopIn = loopIn;
+ if(prop.kf){
+ prop.getValueAtTime = getValueAtTime.bind(prop);
+ } else {
+ prop.getValueAtTime = getStaticValueAtTime.bind(prop);
+ }
+ prop.setGroupProperty = setGroupProperty;
+ prop.loopOut = loopOut;
+ prop.loopIn = loopIn;
+ prop.getVelocityAtTime = getVelocityAtTime.bind(prop);
+ prop.getSpeedAtTime = getSpeedAtTime.bind(prop);
+ prop.numKeys = data.a === 1 ? data.k.length : 0;
+ prop.propertyIndex = data.ix;
+ var value = 0;
+ if(type !== 0) {
+ value = createTypedArray('float32', data.a === 1 ? data.k[0].s.length : data.k.length);
+ }
+ prop._cachingAtTime = {
+ lastFrame: initialDefaultFrame,
+ lastIndex: 0,
+ value: value
+ };
+ searchExpressions(elem,data,prop);
+ if(prop.k){
+ container.addDynamicProperty(prop);
+ }
+
+ return prop;
+ };
+
+ function getShapeValueAtTime(frameNum) {
+ //For now this caching object is created only when needed instead of creating it when the shape is initialized.
+ if (!this._cachingAtTime) {
+ this._cachingAtTime = {
+ shapeValue: shape_pool.clone(this.pv),
+ lastIndex: 0,
+ lastTime: initialDefaultFrame
+ };
+ }
+ if(frameNum !== this._cachingAtTime.lastTime) {
+ this._cachingAtTime.lastIndex = this._cachingAtTime.lastTime < frameNum ? this._caching.lastIndex : 0;
+ this._cachingAtTime.lastTime = frameNum;
+ frameNum *= this.elem.globalData.frameRate;
+ this.interpolateShape(frameNum, this._cachingAtTime.shapeValue, this._cachingAtTime);
+ }
+ return this._cachingAtTime.shapeValue;
+ }
+
+ var ShapePropertyConstructorFunction = ShapePropertyFactory.getConstructorFunction();
+ var KeyframedShapePropertyConstructorFunction = ShapePropertyFactory.getKeyframedConstructorFunction();
+
+ function ShapeExpressions(){}
+ ShapeExpressions.prototype = {
+ vertices: function(prop, time){
+ if (this.k) {
+ this.getValue();
+ }
+ var shapePath = this.v;
+ if(time !== undefined) {
+ shapePath = this.getValueAtTime(time, 0);
+ }
+ var i, len = shapePath._length;
+ var vertices = shapePath[prop];
+ var points = shapePath.v;
+ var arr = createSizedArray(len);
+ for(i = 0; i < len; i += 1) {
+ if(prop === 'i' || prop === 'o') {
+ arr[i] = [vertices[i][0] - points[i][0], vertices[i][1] - points[i][1]];
+ } else {
+ arr[i] = [vertices[i][0], vertices[i][1]];
+ }
+
+ }
+ return arr;
+ },
+ points: function(time){
+ return this.vertices('v', time);
+ },
+ inTangents: function(time){
+ return this.vertices('i', time);
+ },
+ outTangents: function(time){
+ return this.vertices('o', time);
+ },
+ isClosed: function(){
+ return this.v.c;
+ },
+ pointOnPath: function(perc, time){
+ var shapePath = this.v;
+ if(time !== undefined) {
+ shapePath = this.getValueAtTime(time, 0);
+ }
+ if(!this._segmentsLength) {
+ this._segmentsLength = bez.getSegmentsLength(shapePath);
+ }
+
+ var segmentsLength = this._segmentsLength;
+ var lengths = segmentsLength.lengths;
+ var lengthPos = segmentsLength.totalLength * perc;
+ var i = 0, len = lengths.length;
+ var j = 0, jLen;
+ var accumulatedLength = 0, pt;
+ while(i < len) {
+ if(accumulatedLength + lengths[i].addedLength > lengthPos) {
+ var initIndex = i;
+ var endIndex = (shapePath.c && i === len - 1) ? 0 : i + 1;
+ var segmentPerc = (lengthPos - accumulatedLength)/lengths[i].addedLength;
+ pt = bez.getPointInSegment(shapePath.v[initIndex], shapePath.v[endIndex], shapePath.o[initIndex], shapePath.i[endIndex], segmentPerc, lengths[i]);
+ break;
+ } else {
+ accumulatedLength += lengths[i].addedLength;
+ }
+ i += 1;
+ }
+ if(!pt){
+ pt = shapePath.c ? [shapePath.v[0][0],shapePath.v[0][1]]:[shapePath.v[shapePath._length-1][0],shapePath.v[shapePath._length-1][1]];
+ }
+ return pt;
+ },
+ vectorOnPath: function(perc, time, vectorType){
+ //perc doesn't use triple equality because it can be a Number object as well as a primitive.
+ perc = perc == 1 ? this.v.c ? 0 : 0.999 : perc;
+ var pt1 = this.pointOnPath(perc, time);
+ var pt2 = this.pointOnPath(perc + 0.001, time);
+ var xLength = pt2[0] - pt1[0];
+ var yLength = pt2[1] - pt1[1];
+ var magnitude = Math.sqrt(Math.pow(xLength,2) + Math.pow(yLength,2));
+ var unitVector = vectorType === 'tangent' ? [xLength/magnitude, yLength/magnitude] : [-yLength/magnitude, xLength/magnitude];
+ return unitVector;
+ },
+ tangentOnPath: function(perc, time){
+ return this.vectorOnPath(perc, time, 'tangent');
+ },
+ normalOnPath: function(perc, time){
+ return this.vectorOnPath(perc, time, 'normal');
+ },
+ setGroupProperty: setGroupProperty,
+ getValueAtTime: getStaticValueAtTime
+ };
+ extendPrototype([ShapeExpressions], ShapePropertyConstructorFunction);
+ extendPrototype([ShapeExpressions], KeyframedShapePropertyConstructorFunction);
+ KeyframedShapePropertyConstructorFunction.prototype.getValueAtTime = getShapeValueAtTime;
+ KeyframedShapePropertyConstructorFunction.prototype.initiateExpression = ExpressionManager.initiateExpression;
+
+ var propertyGetShapeProp = ShapePropertyFactory.getShapeProp;
+ ShapePropertyFactory.getShapeProp = function(elem,data,type, arr, trims){
+ var prop = propertyGetShapeProp(elem,data,type, arr, trims);
+ prop.propertyIndex = data.ix;
+ prop.lock = false;
+ if(type === 3){
+ searchExpressions(elem,data.pt,prop);
+ } else if(type === 4){
+ searchExpressions(elem,data.ks,prop);
+ }
+ if(prop.k){
+ elem.addDynamicProperty(prop);
+ }
+ return prop;
+ };
+
+ var propertyGetTextProp = TextSelectorProp.getTextSelectorProp;
+ TextSelectorProp.getTextSelectorProp = function(elem, data,arr){
+ if(data.t === 1){
+ return new TextExpressionSelectorProp(elem, data,arr);
+ } else {
+ return propertyGetTextProp(elem,data,arr);
+ }
+ };
+}());
+(function addDecorator() {
+
+ function searchExpressions(){
+ if(this.data.d.x){
+ this.calculateExpression = ExpressionManager.initiateExpression.bind(this)(this.elem,this.data.d,this);
+ this.addEffect(this.getExpressionValue.bind(this));
+ return true;
+ }
+ }
+
+ TextProperty.prototype.getExpressionValue = function(currentValue, text) {
+ var newValue = this.calculateExpression(text);
+ if(currentValue.t !== newValue) {
+ var newData = {};
+ this.copyData(newData, currentValue);
+ newData.t = newValue.toString();
+ newData.__complete = false;
+ return newData;
+ }
+ return currentValue;
+ }
+
+ TextProperty.prototype.searchProperty = function(){
+
+ var isKeyframed = this.searchKeyframes();
+ var hasExpressions = this.searchExpressions();
+ this.kf = isKeyframed || hasExpressions;
+ return this.kf;
+ };
+
+ TextProperty.prototype.searchExpressions = searchExpressions;
+
+}());
+var ShapeExpressionInterface = (function(){
+
+ function iterateElements(shapes,view, propertyGroup){
+ var arr = [];
+ var i, len = shapes ? shapes.length : 0;
+ for(i=0;i<len;i+=1){
+ if(shapes[i].ty == 'gr'){
+ arr.push(groupInterfaceFactory(shapes[i],view[i],propertyGroup));
+ }else if(shapes[i].ty == 'fl'){
+ arr.push(fillInterfaceFactory(shapes[i],view[i],propertyGroup));
+ }else if(shapes[i].ty == 'st'){
+ arr.push(strokeInterfaceFactory(shapes[i],view[i],propertyGroup));
+ }else if(shapes[i].ty == 'tm'){
+ arr.push(trimInterfaceFactory(shapes[i],view[i],propertyGroup));
+ }else if(shapes[i].ty == 'tr'){
+ //arr.push(transformInterfaceFactory(shapes[i],view[i],propertyGroup));
+ }else if(shapes[i].ty == 'el'){
+ arr.push(ellipseInterfaceFactory(shapes[i],view[i],propertyGroup));
+ }else if(shapes[i].ty == 'sr'){
+ arr.push(starInterfaceFactory(shapes[i],view[i],propertyGroup));
+ } else if(shapes[i].ty == 'sh'){
+ arr.push(pathInterfaceFactory(shapes[i],view[i],propertyGroup));
+ } else if(shapes[i].ty == 'rc'){
+ arr.push(rectInterfaceFactory(shapes[i],view[i],propertyGroup));
+ } else if(shapes[i].ty == 'rd'){
+ arr.push(roundedInterfaceFactory(shapes[i],view[i],propertyGroup));
+ } else if(shapes[i].ty == 'rp'){
+ arr.push(repeaterInterfaceFactory(shapes[i],view[i],propertyGroup));
+ }
+ }
+ return arr;
+ }
+
+ function contentsInterfaceFactory(shape,view, propertyGroup){
+ var interfaces;
+ var interfaceFunction = function _interfaceFunction(value){
+ var i = 0, len = interfaces.length;
+ while(i<len){
+ if(interfaces[i]._name === value || interfaces[i].mn === value || interfaces[i].propertyIndex === value || interfaces[i].ix === value || interfaces[i].ind === value){
+ return interfaces[i];
+ }
+ i+=1;
+ }
+ if(typeof value === 'number'){
+ return interfaces[value-1];
+ }
+ };
+ interfaceFunction.propertyGroup = function(val){
+ if(val === 1){
+ return interfaceFunction;
+ } else{
+ return propertyGroup(val-1);
+ }
+ };
+ interfaces = iterateElements(shape.it, view.it, interfaceFunction.propertyGroup);
+ interfaceFunction.numProperties = interfaces.length;
+ interfaceFunction.propertyIndex = shape.cix;
+ interfaceFunction._name = shape.nm;
+
+ return interfaceFunction;
+ }
+
+ function groupInterfaceFactory(shape,view, propertyGroup){
+ var interfaceFunction = function _interfaceFunction(value){
+ switch(value){
+ case 'ADBE Vectors Group':
+ case 'Contents':
+ case 2:
+ return interfaceFunction.content;
+ //Not necessary for now. Keeping them here in case a new case appears
+ //case 'ADBE Vector Transform Group':
+ //case 3:
+ default:
+ return interfaceFunction.transform;
+ }
+ };
+ interfaceFunction.propertyGroup = function(val){
+ if(val === 1){
+ return interfaceFunction;
+ } else{
+ return propertyGroup(val-1);
+ }
+ };
+ var content = contentsInterfaceFactory(shape,view,interfaceFunction.propertyGroup);
+ var transformInterface = transformInterfaceFactory(shape.it[shape.it.length - 1],view.it[view.it.length - 1],interfaceFunction.propertyGroup);
+ interfaceFunction.content = content;
+ interfaceFunction.transform = transformInterface;
+ Object.defineProperty(interfaceFunction, '_name', {
+ get: function(){
+ return shape.nm;
+ }
+ });
+ //interfaceFunction.content = interfaceFunction;
+ interfaceFunction.numProperties = shape.np;
+ interfaceFunction.propertyIndex = shape.ix;
+ interfaceFunction.nm = shape.nm;
+ interfaceFunction.mn = shape.mn;
+ return interfaceFunction;
+ }
+
+ function fillInterfaceFactory(shape,view,propertyGroup){
+ function interfaceFunction(val){
+ if(val === 'Color' || val === 'color'){
+ return interfaceFunction.color;
+ } else if(val === 'Opacity' || val === 'opacity'){
+ return interfaceFunction.opacity;
+ }
+ }
+ Object.defineProperties(interfaceFunction, {
+ 'color': {
+ get: ExpressionPropertyInterface(view.c)
+ },
+ 'opacity': {
+ get: ExpressionPropertyInterface(view.o)
+ },
+ '_name': { value: shape.nm },
+ 'mn': { value: shape.mn }
+ });
+
+ view.c.setGroupProperty(propertyGroup);
+ view.o.setGroupProperty(propertyGroup);
+ return interfaceFunction;
+ }
+
+ function strokeInterfaceFactory(shape,view,propertyGroup){
+ function _propertyGroup(val){
+ if(val === 1){
+ return ob;
+ } else{
+ return propertyGroup(val-1);
+ }
+ }
+ function _dashPropertyGroup(val){
+ if(val === 1){
+ return dashOb;
+ } else{
+ return _propertyGroup(val-1);
+ }
+ }
+ function addPropertyToDashOb(i) {
+ Object.defineProperty(dashOb, shape.d[i].nm, {
+ get: ExpressionPropertyInterface(view.d.dataProps[i].p)
+ });
+ }
+ var i, len = shape.d ? shape.d.length : 0;
+ var dashOb = {};
+ for (i = 0; i < len; i += 1) {
+ addPropertyToDashOb(i);
+ view.d.dataProps[i].p.setGroupProperty(_dashPropertyGroup);
+ }
+
+ function interfaceFunction(val){
+ if(val === 'Color' || val === 'color'){
+ return interfaceFunction.color;
+ } else if(val === 'Opacity' || val === 'opacity'){
+ return interfaceFunction.opacity;
+ } else if(val === 'Stroke Width' || val === 'stroke width'){
+ return interfaceFunction.strokeWidth;
+ }
+ }
+ Object.defineProperties(interfaceFunction, {
+ 'color': {
+ get: ExpressionPropertyInterface(view.c)
+ },
+ 'opacity': {
+ get: ExpressionPropertyInterface(view.o)
+ },
+ 'strokeWidth': {
+ get: ExpressionPropertyInterface(view.w)
+ },
+ 'dash': {
+ get: function() {
+ return dashOb;
+ }
+ },
+ '_name': { value: shape.nm },
+ 'mn': { value: shape.mn }
+ });
+
+ view.c.setGroupProperty(_propertyGroup);
+ view.o.setGroupProperty(_propertyGroup);
+ view.w.setGroupProperty(_propertyGroup);
+ return interfaceFunction;
+ }
+
+ function trimInterfaceFactory(shape,view,propertyGroup){
+ function _propertyGroup(val){
+ if(val == 1){
+ return interfaceFunction;
+ } else {
+ return propertyGroup(--val);
+ }
+ }
+ interfaceFunction.propertyIndex = shape.ix;
+
+ view.s.setGroupProperty(_propertyGroup);
+ view.e.setGroupProperty(_propertyGroup);
+ view.o.setGroupProperty(_propertyGroup);
+
+ function interfaceFunction(val){
+ if(val === shape.e.ix || val === 'End' || val === 'end'){
+ return interfaceFunction.end;
+ }
+ if(val === shape.s.ix){
+ return interfaceFunction.start;
+ }
+ if(val === shape.o.ix){
+ return interfaceFunction.offset;
+ }
+ }
+ interfaceFunction.propertyIndex = shape.ix;
+
+ Object.defineProperties(interfaceFunction, {
+ 'start': {
+ get: ExpressionPropertyInterface(view.s)
+ },
+ 'end': {
+ get: ExpressionPropertyInterface(view.e)
+ },
+ 'offset': {
+ get: ExpressionPropertyInterface(view.o)
+ },
+ '_name': { value: shape.nm }
+ });
+ interfaceFunction.mn = shape.mn;
+ return interfaceFunction;
+ }
+
+ function transformInterfaceFactory(shape,view,propertyGroup){
+ function _propertyGroup(val){
+ if(val == 1){
+ return interfaceFunction;
+ } else {
+ return propertyGroup(--val);
+ }
+ }
+ view.transform.mProps.o.setGroupProperty(_propertyGroup);
+ view.transform.mProps.p.setGroupProperty(_propertyGroup);
+ view.transform.mProps.a.setGroupProperty(_propertyGroup);
+ view.transform.mProps.s.setGroupProperty(_propertyGroup);
+ view.transform.mProps.r.setGroupProperty(_propertyGroup);
+ if(view.transform.mProps.sk){
+ view.transform.mProps.sk.setGroupProperty(_propertyGroup);
+ view.transform.mProps.sa.setGroupProperty(_propertyGroup);
+ }
+ view.transform.op.setGroupProperty(_propertyGroup);
+
+ function interfaceFunction(value){
+ if(shape.a.ix === value || value === 'Anchor Point'){
+ return interfaceFunction.anchorPoint;
+ }
+ if(shape.o.ix === value || value === 'Opacity'){
+ return interfaceFunction.opacity;
+ }
+ if(shape.p.ix === value || value === 'Position'){
+ return interfaceFunction.position;
+ }
+ if(shape.r.ix === value || value === 'Rotation' || value === 'ADBE Vector Rotation'){
+ return interfaceFunction.rotation;
+ }
+ if(shape.s.ix === value || value === 'Scale'){
+ return interfaceFunction.scale;
+ }
+ if(shape.sk && shape.sk.ix === value || value === 'Skew'){
+ return interfaceFunction.skew;
+ }
+ if(shape.sa && shape.sa.ix === value || value === 'Skew Axis'){
+ return interfaceFunction.skewAxis;
+ }
+
+ }
+ Object.defineProperties(interfaceFunction, {
+ 'opacity': {
+ get: ExpressionPropertyInterface(view.transform.mProps.o)
+ },
+ 'position': {
+ get: ExpressionPropertyInterface(view.transform.mProps.p)
+ },
+ 'anchorPoint': {
+ get: ExpressionPropertyInterface(view.transform.mProps.a)
+ },
+ 'scale': {
+ get: ExpressionPropertyInterface(view.transform.mProps.s)
+ },
+ 'rotation': {
+ get: ExpressionPropertyInterface(view.transform.mProps.r)
+ },
+ 'skew': {
+ get: ExpressionPropertyInterface(view.transform.mProps.sk)
+ },
+ 'skewAxis': {
+ get: ExpressionPropertyInterface(view.transform.mProps.sa)
+ },
+ '_name': { value: shape.nm }
+ });
+ interfaceFunction.ty = 'tr';
+ interfaceFunction.mn = shape.mn;
+ return interfaceFunction;
+ }
+
+ function ellipseInterfaceFactory(shape,view,propertyGroup){
+ function _propertyGroup(val){
+ if(val == 1){
+ return interfaceFunction;
+ } else {
+ return propertyGroup(--val);
+ }
+ }
+ interfaceFunction.propertyIndex = shape.ix;
+ var prop = view.sh.ty === 'tm' ? view.sh.prop : view.sh;
+ prop.s.setGroupProperty(_propertyGroup);
+ prop.p.setGroupProperty(_propertyGroup);
+ function interfaceFunction(value){
+ if(shape.p.ix === value){
+ return interfaceFunction.position;
+ }
+ if(shape.s.ix === value){
+ return interfaceFunction.size;
+ }
+ }
+
+ Object.defineProperties(interfaceFunction, {
+ 'size': {
+ get: ExpressionPropertyInterface(prop.s)
+ },
+ 'position': {
+ get: ExpressionPropertyInterface(prop.p)
+ },
+ '_name': { value: shape.nm }
+ });
+ interfaceFunction.mn = shape.mn;
+ return interfaceFunction;
+ }
+
+ function starInterfaceFactory(shape,view,propertyGroup){
+ function _propertyGroup(val){
+ if(val == 1){
+ return interfaceFunction;
+ } else {
+ return propertyGroup(--val);
+ }
+ }
+ var prop = view.sh.ty === 'tm' ? view.sh.prop : view.sh;
+ interfaceFunction.propertyIndex = shape.ix;
+ prop.or.setGroupProperty(_propertyGroup);
+ prop.os.setGroupProperty(_propertyGroup);
+ prop.pt.setGroupProperty(_propertyGroup);
+ prop.p.setGroupProperty(_propertyGroup);
+ prop.r.setGroupProperty(_propertyGroup);
+ if(shape.ir){
+ prop.ir.setGroupProperty(_propertyGroup);
+ prop.is.setGroupProperty(_propertyGroup);
+ }
+
+ function interfaceFunction(value){
+ if(shape.p.ix === value){
+ return interfaceFunction.position;
+ }
+ if(shape.r.ix === value){
+ return interfaceFunction.rotation;
+ }
+ if(shape.pt.ix === value){
+ return interfaceFunction.points;
+ }
+ if(shape.or.ix === value || 'ADBE Vector Star Outer Radius' === value){
+ return interfaceFunction.outerRadius;
+ }
+ if(shape.os.ix === value){
+ return interfaceFunction.outerRoundness;
+ }
+ if(shape.ir && (shape.ir.ix === value || 'ADBE Vector Star Inner Radius' === value)){
+ return interfaceFunction.innerRadius;
+ }
+ if(shape.is && shape.is.ix === value){
+ return interfaceFunction.innerRoundness;
+ }
+
+ }
+
+ Object.defineProperties(interfaceFunction, {
+ 'position': {
+ get: ExpressionPropertyInterface(prop.p)
+ },
+ 'rotation': {
+ get: ExpressionPropertyInterface(prop.r)
+ },
+ 'points': {
+ get: ExpressionPropertyInterface(prop.pt)
+ },
+ 'outerRadius': {
+ get: ExpressionPropertyInterface(prop.or)
+ },
+ 'outerRoundness': {
+ get: ExpressionPropertyInterface(prop.os)
+ },
+ 'innerRadius': {
+ get: ExpressionPropertyInterface(prop.ir)
+ },
+ 'innerRoundness': {
+ get: ExpressionPropertyInterface(prop.is)
+ },
+ '_name': { value: shape.nm }
+ });
+ interfaceFunction.mn = shape.mn;
+ return interfaceFunction;
+ }
+
+ function rectInterfaceFactory(shape,view,propertyGroup){
+ function _propertyGroup(val){
+ if(val == 1){
+ return interfaceFunction;
+ } else {
+ return propertyGroup(--val);
+ }
+ }
+ var prop = view.sh.ty === 'tm' ? view.sh.prop : view.sh;
+ interfaceFunction.propertyIndex = shape.ix;
+ prop.p.setGroupProperty(_propertyGroup);
+ prop.s.setGroupProperty(_propertyGroup);
+ prop.r.setGroupProperty(_propertyGroup);
+
+ function interfaceFunction(value){
+ if(shape.p.ix === value){
+ return interfaceFunction.position;
+ }
+ if(shape.r.ix === value){
+ return interfaceFunction.roundness;
+ }
+ if(shape.s.ix === value || value === 'Size' || value === 'ADBE Vector Rect Size'){
+ return interfaceFunction.size;
+ }
+
+ }
+ Object.defineProperties(interfaceFunction, {
+ 'position': {
+ get: ExpressionPropertyInterface(prop.p)
+ },
+ 'roundness': {
+ get: ExpressionPropertyInterface(prop.r)
+ },
+ 'size': {
+ get: ExpressionPropertyInterface(prop.s)
+ },
+ '_name': { value: shape.nm }
+ });
+ interfaceFunction.mn = shape.mn;
+ return interfaceFunction;
+ }
+
+ function roundedInterfaceFactory(shape,view,propertyGroup){
+ function _propertyGroup(val){
+ if(val == 1){
+ return interfaceFunction;
+ } else {
+ return propertyGroup(--val);
+ }
+ }
+ var prop = view;
+ interfaceFunction.propertyIndex = shape.ix;
+ prop.rd.setGroupProperty(_propertyGroup);
+
+ function interfaceFunction(value){
+ if(shape.r.ix === value || 'Round Corners 1' === value){
+ return interfaceFunction.radius;
+ }
+
+ }
+ Object.defineProperties(interfaceFunction, {
+ 'radius': {
+ get: ExpressionPropertyInterface(prop.rd)
+ },
+ '_name': { value: shape.nm }
+ });
+ interfaceFunction.mn = shape.mn;
+ return interfaceFunction;
+ }
+
+ function repeaterInterfaceFactory(shape,view,propertyGroup){
+ function _propertyGroup(val){
+ if(val == 1){
+ return interfaceFunction;
+ } else {
+ return propertyGroup(--val);
+ }
+ }
+ var prop = view;
+ interfaceFunction.propertyIndex = shape.ix;
+ prop.c.setGroupProperty(_propertyGroup);
+ prop.o.setGroupProperty(_propertyGroup);
+
+ function interfaceFunction(value){
+ if(shape.c.ix === value || 'Copies' === value){
+ return interfaceFunction.copies;
+ } else if(shape.o.ix === value || 'Offset' === value){
+ return interfaceFunction.offset;
+ }
+
+ }
+ Object.defineProperties(interfaceFunction, {
+ 'copies': {
+ get: ExpressionPropertyInterface(prop.c)
+ },
+ 'offset': {
+ get: ExpressionPropertyInterface(prop.o)
+ },
+ '_name': { value: shape.nm }
+ });
+ interfaceFunction.mn = shape.mn;
+ return interfaceFunction;
+ }
+
+ function pathInterfaceFactory(shape,view,propertyGroup){
+ var prop = view.sh;
+ function _propertyGroup(val){
+ if(val == 1){
+ return interfaceFunction;
+ } else {
+ return propertyGroup(--val);
+ }
+ }
+ prop.setGroupProperty(_propertyGroup);
+
+ function interfaceFunction(val){
+ if(val === 'Shape' || val === 'shape' || val === 'Path' || val === 'path' || val === 'ADBE Vector Shape' || val === 2){
+ return interfaceFunction.path;
+ }
+ }
+ Object.defineProperties(interfaceFunction, {
+ 'path': {
+ get: function(){
+ if(prop.k){
+ prop.getValue();
+ }
+ return prop;
+ }
+ },
+ 'shape': {
+ get: function(){
+ if(prop.k){
+ prop.getValue();
+ }
+ return prop;
+ }
+ },
+ '_name': { value: shape.nm },
+ 'ix': { value: shape.ix },
+ 'mn': { value: shape.mn }
+ });
+ return interfaceFunction;
+ }
+
+ return function(shapes,view,propertyGroup) {
+ var interfaces;
+ function _interfaceFunction(value){
+ if(typeof value === 'number'){
+ return interfaces[value-1];
+ } else {
+ var i = 0, len = interfaces.length;
+ while(i<len){
+ if(interfaces[i]._name === value){
+ return interfaces[i];
+ }
+ i+=1;
+ }
+ }
+ }
+ _interfaceFunction.propertyGroup = propertyGroup;
+ interfaces = iterateElements(shapes, view, _interfaceFunction);
+ return _interfaceFunction;
+ };
+}());
+
+var TextExpressionInterface = (function(){
+ return function(elem){
+ var _prevValue, _sourceText;
+ function _thisLayerFunction(){
+ }
+ Object.defineProperty(_thisLayerFunction, "sourceText", {
+ get: function(){
+ elem.textProperty.getValue()
+ var stringValue = elem.textProperty.currentData.t;
+ if(stringValue !== _prevValue) {
+ elem.textProperty.currentData.t = _prevValue;
+ _sourceText = new String(stringValue);
+ //If stringValue is an empty string, eval returns undefined, so it has to be returned as a String primitive
+ _sourceText.value = stringValue ? stringValue : new String(stringValue);
+ }
+ return _sourceText;
+ }
+ });
+ return _thisLayerFunction;
+ };
+}());
+var LayerExpressionInterface = (function (){
+ function toWorld(arr, time){
+ var toWorldMat = new Matrix();
+ toWorldMat.reset();
+ var transformMat;
+ if(time) {
+ //Todo implement value at time on transform properties
+ //transformMat = this._elem.finalTransform.mProp.getValueAtTime(time);
+ transformMat = this._elem.finalTransform.mProp;
+ } else {
+ transformMat = this._elem.finalTransform.mProp;
+ }
+ transformMat.applyToMatrix(toWorldMat);
+ if(this._elem.hierarchy && this._elem.hierarchy.length){
+ var i, len = this._elem.hierarchy.length;
+ for(i=0;i<len;i+=1){
+ this._elem.hierarchy[i].finalTransform.mProp.applyToMatrix(toWorldMat);
+ }
+ return toWorldMat.applyToPointArray(arr[0],arr[1],arr[2]||0);
+ }
+ return toWorldMat.applyToPointArray(arr[0],arr[1],arr[2]||0);
+ }
+ function fromWorld(arr, time){
+ var toWorldMat = new Matrix();
+ toWorldMat.reset();
+ var transformMat;
+ if(time) {
+ //Todo implement value at time on transform properties
+ //transformMat = this._elem.finalTransform.mProp.getValueAtTime(time);
+ transformMat = this._elem.finalTransform.mProp;
+ } else {
+ transformMat = this._elem.finalTransform.mProp;
+ }
+ transformMat.applyToMatrix(toWorldMat);
+ if(this._elem.hierarchy && this._elem.hierarchy.length){
+ var i, len = this._elem.hierarchy.length;
+ for(i=0;i<len;i+=1){
+ this._elem.hierarchy[i].finalTransform.mProp.applyToMatrix(toWorldMat);
+ }
+ return toWorldMat.inversePoint(arr);
+ }
+ return toWorldMat.inversePoint(arr);
+ }
+ function fromComp(arr){
+ var toWorldMat = new Matrix();
+ toWorldMat.reset();
+ this._elem.finalTransform.mProp.applyToMatrix(toWorldMat);
+ if(this._elem.hierarchy && this._elem.hierarchy.length){
+ var i, len = this._elem.hierarchy.length;
+ for(i=0;i<len;i+=1){
+ this._elem.hierarchy[i].finalTransform.mProp.applyToMatrix(toWorldMat);
+ }
+ return toWorldMat.inversePoint(arr);
+ }
+ return toWorldMat.inversePoint(arr);
+ }
+
+ function sampleImage() {
+ return [1,1,1,1];
+ }
+
+
+ return function(elem){
+
+ var transformInterface;
+
+ function _registerMaskInterface(maskManager){
+ _thisLayerFunction.mask = new MaskManagerInterface(maskManager, elem);
+ }
+ function _registerEffectsInterface(effects){
+ _thisLayerFunction.effect = effects;
+ }
+
+ function _thisLayerFunction(name){
+ switch(name){
+ case "ADBE Root Vectors Group":
+ case "Contents":
+ case 2:
+ return _thisLayerFunction.shapeInterface;
+ case 1:
+ case 6:
+ case "Transform":
+ case "transform":
+ case "ADBE Transform Group":
+ return transformInterface;
+ case 4:
+ case "ADBE Effect Parade":
+ case "effects":
+ case "Effects":
+ return _thisLayerFunction.effect;
+ }
+ }
+ _thisLayerFunction.toWorld = toWorld;
+ _thisLayerFunction.fromWorld = fromWorld;
+ _thisLayerFunction.toComp = toWorld;
+ _thisLayerFunction.fromComp = fromComp;
+ _thisLayerFunction.sampleImage = sampleImage;
+ _thisLayerFunction.sourceRectAtTime = elem.sourceRectAtTime.bind(elem);
+ _thisLayerFunction._elem = elem;
+ transformInterface = TransformExpressionInterface(elem.finalTransform.mProp);
+ var anchorPointDescriptor = getDescriptor(transformInterface, 'anchorPoint');
+ Object.defineProperties(_thisLayerFunction,{
+ hasParent: {
+ get: function(){
+ return elem.hierarchy.length;
+ }
+ },
+ parent: {
+ get: function(){
+ return elem.hierarchy[0].layerInterface;
+ }
+ },
+ rotation: getDescriptor(transformInterface, 'rotation'),
+ scale: getDescriptor(transformInterface, 'scale'),
+ position: getDescriptor(transformInterface, 'position'),
+ opacity: getDescriptor(transformInterface, 'opacity'),
+ anchorPoint: anchorPointDescriptor,
+ anchor_point: anchorPointDescriptor,
+ transform: {
+ get: function () {
+ return transformInterface;
+ }
+ },
+ active: {
+ get: function(){
+ return elem.isInRange;
+ }
+ }
+ });
+
+ _thisLayerFunction.startTime = elem.data.st;
+ _thisLayerFunction.index = elem.data.ind;
+ _thisLayerFunction.source = elem.data.refId;
+ _thisLayerFunction.height = elem.data.ty === 0 ? elem.data.h : 100;
+ _thisLayerFunction.width = elem.data.ty === 0 ? elem.data.w : 100;
+ _thisLayerFunction.inPoint = elem.data.ip/elem.comp.globalData.frameRate;
+ _thisLayerFunction.outPoint = elem.data.op/elem.comp.globalData.frameRate;
+ _thisLayerFunction._name = elem.data.nm;
+
+ _thisLayerFunction.registerMaskInterface = _registerMaskInterface;
+ _thisLayerFunction.registerEffectsInterface = _registerEffectsInterface;
+ return _thisLayerFunction;
+ };
+}());
+
+var CompExpressionInterface = (function (){
+ return function(comp){
+ function _thisLayerFunction(name){
+ var i=0, len = comp.layers.length;
+ while(i<len){
+ if(comp.layers[i].nm === name || comp.layers[i].ind === name){
+ return comp.elements[i].layerInterface;
+ }
+ i += 1;
+ }
+ return null;
+ //return {active:false};
+ }
+ Object.defineProperty(_thisLayerFunction, "_name", { value:comp.data.nm });
+ _thisLayerFunction.layer = _thisLayerFunction;
+ _thisLayerFunction.pixelAspect = 1;
+ _thisLayerFunction.height = comp.data.h || comp.globalData.compSize.h;
+ _thisLayerFunction.width = comp.data.w || comp.globalData.compSize.w;
+ _thisLayerFunction.pixelAspect = 1;
+ _thisLayerFunction.frameDuration = 1/comp.globalData.frameRate;
+ _thisLayerFunction.displayStartTime = 0;
+ _thisLayerFunction.numLayers = comp.layers.length;
+ return _thisLayerFunction;
+ };
+}());
+var TransformExpressionInterface = (function (){
+ return function(transform){
+ function _thisFunction(name){
+ switch(name){
+ case "scale":
+ case "Scale":
+ case "ADBE Scale":
+ case 6:
+ return _thisFunction.scale;
+ case "rotation":
+ case "Rotation":
+ case "ADBE Rotation":
+ case "ADBE Rotate Z":
+ case 10:
+ return _thisFunction.rotation;
+ case "ADBE Rotate X":
+ return _thisFunction.xRotation;
+ case "ADBE Rotate Y":
+ return _thisFunction.yRotation;
+ case "position":
+ case "Position":
+ case "ADBE Position":
+ case 2:
+ return _thisFunction.position;
+ case 'ADBE Position_0':
+ return _thisFunction.xPosition;
+ case 'ADBE Position_1':
+ return _thisFunction.yPosition;
+ case 'ADBE Position_2':
+ return _thisFunction.zPosition;
+ case "anchorPoint":
+ case "AnchorPoint":
+ case "Anchor Point":
+ case "ADBE AnchorPoint":
+ case 1:
+ return _thisFunction.anchorPoint;
+ case "opacity":
+ case "Opacity":
+ case 11:
+ return _thisFunction.opacity;
+ }
+ }
+
+ Object.defineProperty(_thisFunction, "rotation", {
+ get: ExpressionPropertyInterface(transform.r || transform.rz)
+ });
+
+ Object.defineProperty(_thisFunction, "zRotation", {
+ get: ExpressionPropertyInterface(transform.rz || transform.r)
+ });
+
+ Object.defineProperty(_thisFunction, "xRotation", {
+ get: ExpressionPropertyInterface(transform.rx)
+ });
+
+ Object.defineProperty(_thisFunction, "yRotation", {
+ get: ExpressionPropertyInterface(transform.ry)
+ });
+ Object.defineProperty(_thisFunction, "scale", {
+ get: ExpressionPropertyInterface(transform.s)
+ });
+
+ if(transform.p) {
+ var _transformFactory = ExpressionPropertyInterface(transform.p);
+ }
+ Object.defineProperty(_thisFunction, "position", {
+ get: function () {
+ if(transform.p) {
+ return _transformFactory();
+ } else {
+ return [transform.px.v, transform.py.v, transform.pz ? transform.pz.v : 0];
+ }
+ }
+ });
+
+ Object.defineProperty(_thisFunction, "xPosition", {
+ get: ExpressionPropertyInterface(transform.px)
+ });
+
+ Object.defineProperty(_thisFunction, "yPosition", {
+ get: ExpressionPropertyInterface(transform.py)
+ });
+
+ Object.defineProperty(_thisFunction, "zPosition", {
+ get: ExpressionPropertyInterface(transform.pz)
+ });
+
+ Object.defineProperty(_thisFunction, "anchorPoint", {
+ get: ExpressionPropertyInterface(transform.a)
+ });
+
+ Object.defineProperty(_thisFunction, "opacity", {
+ get: ExpressionPropertyInterface(transform.o)
+ });
+
+ Object.defineProperty(_thisFunction, "skew", {
+ get: ExpressionPropertyInterface(transform.sk)
+ });
+
+ Object.defineProperty(_thisFunction, "skewAxis", {
+ get: ExpressionPropertyInterface(transform.sa)
+ });
+
+ Object.defineProperty(_thisFunction, "orientation", {
+ get: ExpressionPropertyInterface(transform.or)
+ });
+
+ return _thisFunction;
+ };
+}());
+var ProjectInterface = (function (){
+
+ function registerComposition(comp){
+ this.compositions.push(comp);
+ }
+
+ return function(){
+ function _thisProjectFunction(name){
+ var i = 0, len = this.compositions.length;
+ while(i<len){
+ if(this.compositions[i].data && this.compositions[i].data.nm === name){
+ if(this.compositions[i].prepareFrame && this.compositions[i].data.xt) {
+ this.compositions[i].prepareFrame(this.currentFrame);
+ }
+ return this.compositions[i].compInterface;
+ }
+ i+=1;
+ }
+ }
+
+ _thisProjectFunction.compositions = [];
+ _thisProjectFunction.currentFrame = 0;
+
+ _thisProjectFunction.registerComposition = registerComposition;
+
+
+
+ return _thisProjectFunction;
+ };
+}());
+var EffectsExpressionInterface = (function (){
+ var ob = {
+ createEffectsInterface: createEffectsInterface
+ };
+
+ function createEffectsInterface(elem, propertyGroup){
+ if(elem.effectsManager){
+
+ var effectElements = [];
+ var effectsData = elem.data.ef;
+ var i, len = elem.effectsManager.effectElements.length;
+ for(i=0;i<len;i+=1){
+ effectElements.push(createGroupInterface(effectsData[i],elem.effectsManager.effectElements[i],propertyGroup,elem));
+ }
+
+ return function(name){
+ var effects = elem.data.ef || [], i = 0, len = effects.length;
+ while(i<len) {
+ if(name === effects[i].nm || name === effects[i].mn || name === effects[i].ix){
+ return effectElements[i];
+ }
+ i += 1;
+ }
+ };
+ }
+ }
+
+ function createGroupInterface(data,elements, propertyGroup, elem){
+ var effectElements = [];
+ var i, len = data.ef.length;
+ for(i=0;i<len;i+=1){
+ if(data.ef[i].ty === 5){
+ effectElements.push(createGroupInterface(data.ef[i],elements.effectElements[i],elements.effectElements[i].propertyGroup, elem));
+ } else {
+ effectElements.push(createValueInterface(elements.effectElements[i],data.ef[i].ty, elem, _propertyGroup));
+ }
+ }
+
+ function _propertyGroup(val) {
+ if(val === 1){
+ return groupInterface;
+ } else{
+ return propertyGroup(val-1);
+ }
+ }
+
+ var groupInterface = function(name){
+ var effects = data.ef, i = 0, len = effects.length;
+ while(i<len) {
+ if(name === effects[i].nm || name === effects[i].mn || name === effects[i].ix){
+ if(effects[i].ty === 5){
+ return effectElements[i];
+ } else {
+ return effectElements[i]();
+ }
+ }
+ i += 1;
+ }
+ return effectElements[0]();
+ };
+
+ groupInterface.propertyGroup = _propertyGroup;
+
+ if(data.mn === 'ADBE Color Control'){
+ Object.defineProperty(groupInterface, 'color', {
+ get: function(){
+ return effectElements[0]();
+ }
+ });
+ }
+ Object.defineProperty(groupInterface, 'numProperties', {
+ get: function(){
+ return data.np;
+ }
+ });
+ groupInterface.active = groupInterface.enabled = data.en !== 0;
+ return groupInterface;
+ }
+
+ function createValueInterface(element, type, elem, propertyGroup){
+ var expressionProperty = ExpressionPropertyInterface(element.p);
+ function interfaceFunction(){
+ if(type === 10){
+ return elem.comp.compInterface(element.p.v);
+ }
+ return expressionProperty();
+ }
+
+ if(element.p.setGroupProperty) {
+ element.p.setGroupProperty(propertyGroup);
+ }
+
+ return interfaceFunction;
+ }
+
+ return ob;
+
+}());
+var MaskManagerInterface = (function(){
+
+ function MaskInterface(mask, data){
+ this._mask = mask;
+ this._data = data;
+ }
+ Object.defineProperty(MaskInterface.prototype, 'maskPath', {
+ get: function(){
+ if(this._mask.prop.k){
+ this._mask.prop.getValue();
+ }
+ return this._mask.prop;
+ }
+ });
+
+ var MaskManager = function(maskManager, elem){
+ var _maskManager = maskManager;
+ var _elem = elem;
+ var _masksInterfaces = createSizedArray(maskManager.viewData.length);
+ var i, len = maskManager.viewData.length;
+ for(i = 0; i < len; i += 1) {
+ _masksInterfaces[i] = new MaskInterface(maskManager.viewData[i], maskManager.masksProperties[i]);
+ }
+
+ var maskFunction = function(name){
+ i = 0;
+ while(i<len){
+ if(maskManager.masksProperties[i].nm === name){
+ return _masksInterfaces[i];
+ }
+ i += 1;
+ }
+ };
+ return maskFunction;
+ };
+ return MaskManager;
+}());
+
+var ExpressionPropertyInterface = (function() {
+
+ var defaultUnidimensionalValue = {pv:0, v:0, mult: 1}
+ var defaultMultidimensionalValue = {pv:[0,0,0], v:[0,0,0], mult: 1}
+
+ function completeProperty(expressionValue, property, type) {
+ Object.defineProperty(expressionValue, 'velocity', {
+ get: function(){
+ return property.getVelocityAtTime(property.comp.currentFrame);
+ }
+ });
+ expressionValue.numKeys = property.keyframes ? property.keyframes.length : 0;
+ expressionValue.key = function(pos) {
+ if (!expressionValue.numKeys) {
+ return 0;
+ } else {
+ var value = '';
+ if ('s' in property.keyframes[pos-1]) {
+ value = property.keyframes[pos-1].s;
+ } else if ('e' in property.keyframes[pos-2]) {
+ value = property.keyframes[pos-2].e;
+ } else {
+ value = property.keyframes[pos-2].s;
+ }
+ var valueProp = type === 'unidimensional' ? new Number(value) : Object.assign({}, value);
+ valueProp.time = property.keyframes[pos-1].t / property.elem.comp.globalData.frameRate;
+ return valueProp;
+ }
+ };
+ expressionValue.valueAtTime = property.getValueAtTime;
+ expressionValue.speedAtTime = property.getSpeedAtTime;
+ expressionValue.velocityAtTime = property.getVelocityAtTime;
+ expressionValue.propertyGroup = property.propertyGroup;
+ }
+
+ function UnidimensionalPropertyInterface(property) {
+ if(!property || !('pv' in property)) {
+ property = defaultUnidimensionalValue;
+ }
+ var mult = 1 / property.mult;
+ var val = property.pv * mult;
+ var expressionValue = new Number(val);
+ expressionValue.value = val;
+ completeProperty(expressionValue, property, 'unidimensional');
+
+ return function() {
+ if (property.k) {
+ property.getValue();
+ }
+ val = property.v * mult;
+ if(expressionValue.value !== val) {
+ expressionValue = new Number(val);
+ expressionValue.value = val;
+ completeProperty(expressionValue, property, 'unidimensional');
+ }
+ return expressionValue;
+ }
+ }
+
+ function MultidimensionalPropertyInterface(property) {
+ if(!property || !('pv' in property)) {
+ property = defaultMultidimensionalValue;
+ }
+ var mult = 1 / property.mult;
+ var len = property.pv.length;
+ var expressionValue = createTypedArray('float32', len);
+ var arrValue = createTypedArray('float32', len);
+ expressionValue.value = arrValue;
+ completeProperty(expressionValue, property, 'multidimensional');
+
+ return function() {
+ if (property.k) {
+ property.getValue();
+ }
+ for (var i = 0; i < len; i += 1) {
+ expressionValue[i] = arrValue[i] = property.v[i] * mult;
+ }
+ return expressionValue;
+ }
+ }
+
+ //TODO: try to avoid using this getter
+ function defaultGetter() {
+ return defaultUnidimensionalValue;
+ }
+
+ return function(property) {
+ if(!property) {
+ return defaultGetter;
+ } else if (property.propType === 'unidimensional') {
+ return UnidimensionalPropertyInterface(property);
+ } else {
+ return MultidimensionalPropertyInterface(property);
+ }
+ }
+}())
+
+function SliderEffect(data,elem, container){
+ this.p = PropertyFactory.getProp(elem,data.v,0,0,container);
+}
+function AngleEffect(data,elem, container){
+ this.p = PropertyFactory.getProp(elem,data.v,0,0,container);
+}
+function ColorEffect(data,elem, container){
+ this.p = PropertyFactory.getProp(elem,data.v,1,0,container);
+}
+function PointEffect(data,elem, container){
+ this.p = PropertyFactory.getProp(elem,data.v,1,0,container);
+}
+function LayerIndexEffect(data,elem, container){
+ this.p = PropertyFactory.getProp(elem,data.v,0,0,container);
+}
+function MaskIndexEffect(data,elem, container){
+ this.p = PropertyFactory.getProp(elem,data.v,0,0,container);
+}
+function CheckboxEffect(data,elem, container){
+ this.p = PropertyFactory.getProp(elem,data.v,0,0,container);
+}
+function NoValueEffect(){
+ this.p = {};
+}
+function EffectsManager(){}
+function EffectsManager(data,element){
+ var effects = data.ef || [];
+ this.effectElements = [];
+ var i,len = effects.length;
+ var effectItem;
+ for(i=0;i<len;i++) {
+ effectItem = new GroupEffect(effects[i],element);
+ this.effectElements.push(effectItem);
+ }
+}
+
+function GroupEffect(data,element){
+ this.init(data,element);
+}
+
+extendPrototype([DynamicPropertyContainer], GroupEffect);
+
+GroupEffect.prototype.getValue = GroupEffect.prototype.iterateDynamicProperties;
+
+GroupEffect.prototype.init = function(data,element){
+ this.data = data;
+ this.effectElements = [];
+ this.initDynamicPropertyContainer(element);
+ var i, len = this.data.ef.length;
+ var eff, effects = this.data.ef;
+ for(i=0;i<len;i+=1){
+ eff = null;
+ switch(effects[i].ty){
+ case 0:
+ eff = new SliderEffect(effects[i],element,this);
+ break;
+ case 1:
+ eff = new AngleEffect(effects[i],element,this);
+ break;
+ case 2:
+ eff = new ColorEffect(effects[i],element,this);
+ break;
+ case 3:
+ eff = new PointEffect(effects[i],element,this);
+ break;
+ case 4:
+ case 7:
+ eff = new CheckboxEffect(effects[i],element,this);
+ break;
+ case 10:
+ eff = new LayerIndexEffect(effects[i],element,this);
+ break;
+ case 11:
+ eff = new MaskIndexEffect(effects[i],element,this);
+ break;
+ case 5:
+ eff = new EffectsManager(effects[i],element,this);
+ break;
+ //case 6:
+ default:
+ eff = new NoValueEffect(effects[i],element,this);
+ break;
+ }
+ if(eff) {
+ this.effectElements.push(eff);
+ }
+ }
+};
+
+ var lottiejs = {};
+
+ var _isFrozen = false;
+
+ function setLocationHref (href) {
+ locationHref = href;
+ }
+
+ function searchAnimations() {
+ if (standalone === true) {
+ animationManager.searchAnimations(animationData, standalone, renderer);
+ } else {
+ animationManager.searchAnimations();
+ }
+ }
+
+ function setSubframeRendering(flag) {
+ subframeEnabled = flag;
+ }
+
+ function loadAnimation(params) {
+ if (standalone === true) {
+ params.animationData = JSON.parse(animationData);
+ }
+ return animationManager.loadAnimation(params);
+ }
+
+ function setQuality(value) {
+ if (typeof value === 'string') {
+ switch (value) {
+ case 'high':
+ defaultCurveSegments = 200;
+ break;
+ case 'medium':
+ defaultCurveSegments = 50;
+ break;
+ case 'low':
+ defaultCurveSegments = 10;
+ break;
+ }
+ } else if (!isNaN(value) && value > 1) {
+ defaultCurveSegments = value;
+ }
+ if (defaultCurveSegments >= 50) {
+ roundValues(false);
+ } else {
+ roundValues(true);
+ }
+ }
+
+ function inBrowser() {
+ return typeof navigator !== 'undefined';
+ }
+
+ function installPlugin(type, plugin) {
+ if (type === 'expressions') {
+ expressionsPlugin = plugin;
+ }
+ }
+
+ function getFactory(name) {
+ switch (name) {
+ case "propertyFactory":
+ return PropertyFactory;
+ case "shapePropertyFactory":
+ return ShapePropertyFactory;
+ case "matrix":
+ return Matrix;
+ }
+ }
+
+ lottiejs.play = animationManager.play;
+ lottiejs.pause = animationManager.pause;
+ lottiejs.setLocationHref = setLocationHref;
+ lottiejs.togglePause = animationManager.togglePause;
+ lottiejs.setSpeed = animationManager.setSpeed;
+ lottiejs.setDirection = animationManager.setDirection;
+ lottiejs.stop = animationManager.stop;
+ lottiejs.searchAnimations = searchAnimations;
+ lottiejs.registerAnimation = animationManager.registerAnimation;
+ lottiejs.loadAnimation = loadAnimation;
+ lottiejs.setSubframeRendering = setSubframeRendering;
+ lottiejs.resize = animationManager.resize;
+ //lottiejs.start = start;
+ lottiejs.goToAndStop = animationManager.goToAndStop;
+ lottiejs.destroy = animationManager.destroy;
+ lottiejs.setQuality = setQuality;
+ lottiejs.inBrowser = inBrowser;
+ lottiejs.installPlugin = installPlugin;
+ lottiejs.freeze = animationManager.freeze;
+ lottiejs.unfreeze = animationManager.unfreeze;
+ lottiejs.getRegisteredAnimations = animationManager.getRegisteredAnimations;
+ lottiejs.__getFactory = getFactory;
+ lottiejs.version = '5.4.2';
+
+ function checkReady() {
+ if (document.readyState === "complete") {
+ clearInterval(readyStateCheckInterval);
+ searchAnimations();
+ }
+ }
+
+ function getQueryVariable(variable) {
+ var vars = queryString.split('&');
+ for (var i = 0; i < vars.length; i++) {
+ var pair = vars[i].split('=');
+ if (decodeURIComponent(pair[0]) == variable) {
+ return decodeURIComponent(pair[1]);
+ }
+ }
+ }
+ var standalone = '__[STANDALONE]__';
+ var animationData = '__[ANIMATIONDATA]__';
+ var renderer = '';
+ if (standalone) {
+ var scripts = document.getElementsByTagName('script');
+ var index = scripts.length - 1;
+ var myScript = scripts[index] || {
+ src: ''
+ };
+ var queryString = myScript.src.replace(/^[^\?]+\??/, '');
+ renderer = getQueryVariable('renderer');
+ }
+ var readyStateCheckInterval = setInterval(checkReady, 100);
+ return lottiejs;
+}));
diff --git a/build/player/lottie_svg.min.js b/build/player/lottie_svg.min.js
new file mode 100644
index 0000000..deae9c6
--- /dev/null
+++ b/build/player/lottie_svg.min.js
@@ -0,0 +1 @@
+var a,b;"undefined"!=typeof navigator&&(a=window||{},b=function(window){"use strict";var svgNS="http://www.w3.org/2000/svg",locationHref="",initialDefaultFrame=-999999,subframeEnabled=!0,expressionsPlugin,isSafari=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),cachedColors={},bm_rounder=Math.round,bm_rnd,bm_pow=Math.pow,bm_sqrt=Math.sqrt,bm_abs=Math.abs,bm_floor=Math.floor,bm_max=Math.max,bm_min=Math.min,blitter=10,BMMath={};function ProjectInterface(){return{}}!function(){var t,e=Object.getOwnPropertyNames(Math),r=e.length;for(t=0;t<r;t+=1)BMMath[e[t]]=Math[e[t]]}(),BMMath.random=Math.random,BMMath.abs=function(t){if("object"===typeof t&&t.length){var e,r=createSizedArray(t.length),i=t.length;for(e=0;e<i;e+=1)r[e]=Math.abs(t[e]);return r}return Math.abs(t)};var defaultCurveSegments=150,degToRads=Math.PI/180,roundCorner=.5519;function roundValues(t){bm_rnd=t?Math.round:function(t){return t}}function styleDiv(t){t.style.position="absolute",t.style.top=0,t.style.left=0,t.style.display="block",t.style.transformOrigin=t.style.webkitTransformOrigin="0 0",t.style.backfaceVisibility=t.style.webkitBackfaceVisibility="visible",t.style.transformStyle=t.style.webkitTransformStyle=t.style.mozTransformStyle="preserve-3d"}function BMEnterFrameEvent(t,e,r,i){this.type=t,this.currentTime=e,this.totalTime=r,this.direction=i<0?-1:1}function BMCompleteEvent(t,e){this.type=t,this.direction=e<0?-1:1}function BMCompleteLoopEvent(t,e,r,i){this.type=t,this.currentLoop=r,this.totalLoops=e,this.direction=i<0?-1:1}function BMSegmentStartEvent(t,e,r){this.type=t,this.firstFrame=e,this.totalFrames=r}function BMDestroyEvent(t,e){this.type=t,this.target=e}function randomString(t,e){var r;void 0===e&&(e="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890");var i="";for(r=t;0<r;--r)i+=e[Math.round(Math.random()*(e.length-1))];return i}function HSVtoRGB(t,e,r){var i,s,a,n,o,h,p,l;switch(h=r*(1-e),p=r*(1-(o=6*t-(n=Math.floor(6*t)))*e),l=r*(1-(1-o)*e),n%6){case 0:i=r,s=l,a=h;break;case 1:i=p,s=r,a=h;break;case 2:i=h,s=r,a=l;break;case 3:i=h,s=p,a=r;break;case 4:i=l,s=h,a=r;break;case 5:i=r,s=h,a=p}return[i,s,a]}function RGBtoHSV(t,e,r){var i,s=Math.max(t,e,r),a=Math.min(t,e,r),n=s-a,o=0===s?0:n/s,h=s/255;switch(s){case a:i=0;break;case t:i=e-r+n*(e<r?6:0),i/=6*n;break;case e:i=r-t+2*n,i/=6*n;break;case r:i=t-e+4*n,i/=6*n}return[i,o,h]}function addSaturationToRGB(t,e){var r=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return r[1]+=e,1<r[1]?r[1]=1:r[1]<=0&&(r[1]=0),HSVtoRGB(r[0],r[1],r[2])}function addBrightnessToRGB(t,e){var r=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return r[2]+=e,1<r[2]?r[2]=1:r[2]<0&&(r[2]=0),HSVtoRGB(r[0],r[1],r[2])}function addHueToRGB(t,e){var r=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return r[0]+=e/360,1<r[0]?r[0]-=1:r[0]<0&&(r[0]+=1),HSVtoRGB(r[0],r[1],r[2])}roundValues(!1);var rgbToHex=function(){var t,e,i=[];for(t=0;t<256;t+=1)e=t.toString(16),i[t]=1==e.length?"0"+e:e;return function(t,e,r){return t<0&&(t=0),e<0&&(e=0),r<0&&(r=0),"#"+i[t]+i[e]+i[r]}}();function BaseEvent(){}BaseEvent.prototype={triggerEvent:function(t,e){if(this._cbs[t])for(var r=this._cbs[t].length,i=0;i<r;i++)this._cbs[t][i](e)},addEventListener:function(t,e){return this._cbs[t]||(this._cbs[t]=[]),this._cbs[t].push(e),function(){this.removeEventListener(t,e)}.bind(this)},removeEventListener:function(t,e){if(e){if(this._cbs[t]){for(var r=0,i=this._cbs[t].length;r<i;)this._cbs[t][r]===e&&(this._cbs[t].splice(r,1),r-=1,i-=1),r+=1;this._cbs[t].length||(this._cbs[t]=null)}}else this._cbs[t]=null}};var createTypedArray="function"==typeof Uint8ClampedArray&&"function"==typeof Float32Array?function(t,e){return"float32"===t?new Float32Array(e):"int16"===t?new Int16Array(e):"uint8c"===t?new Uint8ClampedArray(e):void 0}:function(t,e){var r,i=0,s=[];switch(t){case"int16":case"uint8c":r=1;break;default:r=1.1}for(i=0;i<e;i+=1)s.push(r);return s};function createSizedArray(t){return Array.apply(null,{length:t})}function createNS(t){return document.createElementNS(svgNS,t)}function createTag(t){return document.createElement(t)}function DynamicPropertyContainer(){}DynamicPropertyContainer.prototype={addDynamicProperty:function(t){-1===this.dynamicProperties.indexOf(t)&&(this.dynamicProperties.push(t),this.container.addDynamicProperty(this),this._isAnimated=!0)},iterateDynamicProperties:function(){this._mdf=!1;var t,e=this.dynamicProperties.length;for(t=0;t<e;t+=1)this.dynamicProperties[t].getValue(),this.dynamicProperties[t]._mdf&&(this._mdf=!0)},initDynamicPropertyContainer:function(t){this.container=t,this.dynamicProperties=[],this._mdf=!1,this._isAnimated=!1}};var Matrix=function(){var s=Math.cos,a=Math.sin,n=Math.tan,i=Math.round;function t(){return this.props[0]=1,this.props[1]=0,this.props[2]=0,this.props[3]=0,this.props[4]=0,this.props[5]=1,this.props[6]=0,this.props[7]=0,this.props[8]=0,this.props[9]=0,this.props[10]=1,this.props[11]=0,this.props[12]=0,this.props[13]=0,this.props[14]=0,this.props[15]=1,this}function e(t){if(0===t)return this;var e=s(t),r=a(t);return this._t(e,-r,0,0,r,e,0,0,0,0,1,0,0,0,0,1)}function r(t){if(0===t)return this;var e=s(t),r=a(t);return this._t(1,0,0,0,0,e,-r,0,0,r,e,0,0,0,0,1)}function o(t){if(0===t)return this;var e=s(t),r=a(t);return this._t(e,0,r,0,0,1,0,0,-r,0,e,0,0,0,0,1)}function h(t){if(0===t)return this;var e=s(t),r=a(t);return this._t(e,-r,0,0,r,e,0,0,0,0,1,0,0,0,0,1)}function p(t,e){return this._t(1,e,t,1,0,0)}function l(t,e){return this.shear(n(t),n(e))}function f(t,e){var r=s(e),i=a(e);return this._t(r,i,0,0,-i,r,0,0,0,0,1,0,0,0,0,1)._t(1,0,0,0,n(t),1,0,0,0,0,1,0,0,0,0,1)._t(r,-i,0,0,i,r,0,0,0,0,1,0,0,0,0,1)}function m(t,e,r){return r||0===r||(r=1),1===t&&1===e&&1===r?this:this._t(t,0,0,0,0,e,0,0,0,0,r,0,0,0,0,1)}function c(t,e,r,i,s,a,n,o,h,p,l,f,m,c,d,u){return this.props[0]=t,this.props[1]=e,this.props[2]=r,this.props[3]=i,this.props[4]=s,this.props[5]=a,this.props[6]=n,this.props[7]=o,this.props[8]=h,this.props[9]=p,this.props[10]=l,this.props[11]=f,this.props[12]=m,this.props[13]=c,this.props[14]=d,this.props[15]=u,this}function d(t,e,r){return r=r||0,0!==t||0!==e||0!==r?this._t(1,0,0,0,0,1,0,0,0,0,1,0,t,e,r,1):this}function u(t,e,r,i,s,a,n,o,h,p,l,f,m,c,d,u){var y=this.props;if(1===t&&0===e&&0===r&&0===i&&0===s&&1===a&&0===n&&0===o&&0===h&&0===p&&1===l&&0===f)return y[12]=y[12]*t+y[15]*m,y[13]=y[13]*a+y[15]*c,y[14]=y[14]*l+y[15]*d,y[15]=y[15]*u,this._identityCalculated=!1,this;var g=y[0],v=y[1],b=y[2],P=y[3],_=y[4],S=y[5],A=y[6],x=y[7],E=y[8],k=y[9],T=y[10],M=y[11],D=y[12],F=y[13],C=y[14],I=y[15];return y[0]=g*t+v*s+b*h+P*m,y[1]=g*e+v*a+b*p+P*c,y[2]=g*r+v*n+b*l+P*d,y[3]=g*i+v*o+b*f+P*u,y[4]=_*t+S*s+A*h+x*m,y[5]=_*e+S*a+A*p+x*c,y[6]=_*r+S*n+A*l+x*d,y[7]=_*i+S*o+A*f+x*u,y[8]=E*t+k*s+T*h+M*m,y[9]=E*e+k*a+T*p+M*c,y[10]=E*r+k*n+T*l+M*d,y[11]=E*i+k*o+T*f+M*u,y[12]=D*t+F*s+C*h+I*m,y[13]=D*e+F*a+C*p+I*c,y[14]=D*r+F*n+C*l+I*d,y[15]=D*i+F*o+C*f+I*u,this._identityCalculated=!1,this}function y(){return this._identityCalculated||(this._identity=!(1!==this.props[0]||0!==this.props[1]||0!==this.props[2]||0!==this.props[3]||0!==this.props[4]||1!==this.props[5]||0!==this.props[6]||0!==this.props[7]||0!==this.props[8]||0!==this.props[9]||1!==this.props[10]||0!==this.props[11]||0!==this.props[12]||0!==this.props[13]||0!==this.props[14]||1!==this.props[15]),this._identityCalculated=!0),this._identity}function g(t){for(var e=0;e<16;){if(t.props[e]!==this.props[e])return!1;e+=1}return!0}function v(t){var e;for(e=0;e<16;e+=1)t.props[e]=this.props[e]}function b(t){var e;for(e=0;e<16;e+=1)this.props[e]=t[e]}function P(t,e,r){return{x:t*this.props[0]+e*this.props[4]+r*this.props[8]+this.props[12],y:t*this.props[1]+e*this.props[5]+r*this.props[9]+this.props[13],z:t*this.props[2]+e*this.props[6]+r*this.props[10]+this.props[14]}}function _(t,e,r){return t*this.props[0]+e*this.props[4]+r*this.props[8]+this.props[12]}function S(t,e,r){return t*this.props[1]+e*this.props[5]+r*this.props[9]+this.props[13]}function A(t,e,r){return t*this.props[2]+e*this.props[6]+r*this.props[10]+this.props[14]}function x(t){var e=this.props[0]*this.props[5]-this.props[1]*this.props[4],r=this.props[5]/e,i=-this.props[1]/e,s=-this.props[4]/e,a=this.props[0]/e,n=(this.props[4]*this.props[13]-this.props[5]*this.props[12])/e,o=-(this.props[0]*this.props[13]-this.props[1]*this.props[12])/e;return[t[0]*r+t[1]*s+n,t[0]*i+t[1]*a+o,0]}function E(t){var e,r=t.length,i=[];for(e=0;e<r;e+=1)i[e]=x(t[e]);return i}function k(t,e,r){var i=createTypedArray("float32",6);if(this.isIdentity())i[0]=t[0],i[1]=t[1],i[2]=e[0],i[3]=e[1],i[4]=r[0],i[5]=r[1];else{var s=this.props[0],a=this.props[1],n=this.props[4],o=this.props[5],h=this.props[12],p=this.props[13];i[0]=t[0]*s+t[1]*n+h,i[1]=t[0]*a+t[1]*o+p,i[2]=e[0]*s+e[1]*n+h,i[3]=e[0]*a+e[1]*o+p,i[4]=r[0]*s+r[1]*n+h,i[5]=r[0]*a+r[1]*o+p}return i}function T(t,e,r){return this.isIdentity()?[t,e,r]:[t*this.props[0]+e*this.props[4]+r*this.props[8]+this.props[12],t*this.props[1]+e*this.props[5]+r*this.props[9]+this.props[13],t*this.props[2]+e*this.props[6]+r*this.props[10]+this.props[14]]}function M(t,e){if(this.isIdentity())return t+","+e;var r=this.props;return Math.round(100*(t*r[0]+e*r[4]+r[12]))/100+","+Math.round(100*(t*r[1]+e*r[5]+r[13]))/100}function D(){for(var t=0,e=this.props,r="matrix3d(";t<16;)r+=i(1e4*e[t])/1e4,r+=15===t?")":",",t+=1;return r}function F(t){return t<1e-6&&0<t||-1e-6<t&&t<0?i(1e4*t)/1e4:t}function C(){var t=this.props;return"matrix("+F(t[0])+","+F(t[1])+","+F(t[4])+","+F(t[5])+","+F(t[12])+","+F(t[13])+")"}return function(){this.reset=t,this.rotate=e,this.rotateX=r,this.rotateY=o,this.rotateZ=h,this.skew=l,this.skewFromAxis=f,this.shear=p,this.scale=m,this.setTransform=c,this.translate=d,this.transform=u,this.applyToPoint=P,this.applyToX=_,this.applyToY=S,this.applyToZ=A,this.applyToPointArray=T,this.applyToTriplePoints=k,this.applyToPointStringified=M,this.toCSS=D,this.to2dCSS=C,this.clone=v,this.cloneFromProps=b,this.equals=g,this.inversePoints=E,this.inversePoint=x,this._t=this.transform,this.isIdentity=y,this._identity=!0,this._identityCalculated=!1,this.props=createTypedArray("float32",16),this.reset()}}();!function(o,h){var p,l=this,f=256,m=6,c="random",d=h.pow(f,m),u=h.pow(2,52),y=2*u,g=f-1;function v(t){var e,r=t.length,n=this,i=0,s=n.i=n.j=0,a=n.S=[];for(r||(t=[r++]);i<f;)a[i]=i++;for(i=0;i<f;i++)a[i]=a[s=g&s+t[i%r]+(e=a[i])],a[s]=e;n.g=function(t){for(var e,r=0,i=n.i,s=n.j,a=n.S;t--;)e=a[i=g&i+1],r=r*f+a[g&(a[i]=a[s=g&s+e])+(a[s]=e)];return n.i=i,n.j=s,r}}function b(t,e){return e.i=t.i,e.j=t.j,e.S=t.S.slice(),e}function P(t,e){for(var r,i=t+"",s=0;s<i.length;)e[g&s]=g&(r^=19*e[g&s])+i.charCodeAt(s++);return _(e)}function _(t){return String.fromCharCode.apply(0,t)}h["seed"+c]=function(t,e,r){var i=[],s=P(function t(e,r){var i,s=[],a=typeof e;if(r&&"object"==a)for(i in e)try{s.push(t(e[i],r-1))}catch(t){}return s.length?s:"string"==a?e:e+"\0"}((e=!0===e?{entropy:!0}:e||{}).entropy?[t,_(o)]:null===t?function(){try{if(p)return _(p.randomBytes(f));var t=new Uint8Array(f);return(l.crypto||l.msCrypto).getRandomValues(t),_(t)}catch(t){var e=l.navigator,r=e&&e.plugins;return[+new Date,l,r,l.screen,_(o)]}}():t,3),i),a=new v(i),n=function(){for(var t=a.g(m),e=d,r=0;t<u;)t=(t+r)*f,e*=f,r=a.g(1);for(;y<=t;)t/=2,e/=2,r>>>=1;return(t+r)/e};return n.int32=function(){return 0|a.g(4)},n.quick=function(){return a.g(4)/4294967296},n.double=n,P(_(a.S),o),(e.pass||r||function(t,e,r,i){return i&&(i.S&&b(i,a),t.state=function(){return b(a,{})}),r?(h[c]=t,e):t})(n,s,"global"in e?e.global:this==h,e.state)},P(h.random(),o)}([],BMMath);var BezierFactory=function(){var t={getBezierEasing:function(t,e,r,i,s){var a=s||("bez_"+t+"_"+e+"_"+r+"_"+i).replace(/\./g,"p");if(o[a])return o[a];var n=new h([t,e,r,i]);return o[a]=n}},o={};var p=11,l=1/(p-1),e="function"==typeof Float32Array;function i(t,e){return 1-3*e+3*t}function s(t,e){return 3*e-6*t}function a(t){return 3*t}function f(t,e,r){return((i(e,r)*t+s(e,r))*t+a(e))*t}function m(t,e,r){return 3*i(e,r)*t*t+2*s(e,r)*t+a(e)}function h(t){this._p=t,this._mSampleValues=e?new Float32Array(p):new Array(p),this._precomputed=!1,this.get=this.get.bind(this)}return h.prototype={get:function(t){var e=this._p[0],r=this._p[1],i=this._p[2],s=this._p[3];return this._precomputed||this._precompute(),e===r&&i===s?t:0===t?0:1===t?1:f(this._getTForX(t),r,s)},_precompute:function(){var t=this._p[0],e=this._p[1],r=this._p[2],i=this._p[3];this._precomputed=!0,t===e&&r===i||this._calcSampleValues()},_calcSampleValues:function(){for(var t=this._p[0],e=this._p[2],r=0;r<p;++r)this._mSampleValues[r]=f(r*l,t,e)},_getTForX:function(t){for(var e=this._p[0],r=this._p[2],i=this._mSampleValues,s=0,a=1,n=p-1;a!==n&&i[a]<=t;++a)s+=l;var o=s+(t-i[--a])/(i[a+1]-i[a])*l,h=m(o,e,r);return.001<=h?function(t,e,r,i){for(var s=0;s<4;++s){var a=m(e,r,i);if(0===a)return e;e-=(f(e,r,i)-t)/a}return e}(t,o,e,r):0===h?o:function(t,e,r,i,s){for(var a,n,o=0;0<(a=f(n=e+(r-e)/2,i,s)-t)?r=n:e=n,1e-7<Math.abs(a)&&++o<10;);return n}(t,s,s+l,e,r)}},t}();function extendPrototype(t,e){var r,i,s=t.length;for(r=0;r<s;r+=1)for(var a in i=t[r].prototype)i.hasOwnProperty(a)&&(e.prototype[a]=i[a])}function getDescriptor(t,e){return Object.getOwnPropertyDescriptor(t,e)}function createProxyFunction(t){function e(){}return e.prototype=t,e}function bezFunction(){Math;function g(t,e,r,i,s,a){var n=t*i+e*s+r*a-s*i-a*t-r*e;return-.001<n&&n<.001}var l=function(t,e,r,i){var s,a,n,o,h,p,l=defaultCurveSegments,f=0,m=[],c=[],d=bezier_length_pool.newElement();for(n=r.length,s=0;s<l;s+=1){for(h=s/(l-1),a=p=0;a<n;a+=1)o=bm_pow(1-h,3)*t[a]+3*bm_pow(1-h,2)*h*r[a]+3*(1-h)*bm_pow(h,2)*i[a]+bm_pow(h,3)*e[a],m[a]=o,null!==c[a]&&(p+=bm_pow(m[a]-c[a],2)),c[a]=m[a];p&&(f+=p=bm_sqrt(p)),d.percents[s]=h,d.lengths[s]=f}return d.addedLength=f,d};function v(t){this.segmentLength=0,this.points=new Array(t)}function b(t,e){this.partialLength=t,this.point=e}var P,t=(P={},function(t){var e=t.s,r=t.e,i=t.to,s=t.ti,a=(e[0]+"_"+e[1]+"_"+r[0]+"_"+r[1]+"_"+i[0]+"_"+i[1]+"_"+s[0]+"_"+s[1]).replace(/\./g,"p");if(P[a])t.bezierData=P[a];else{var n,o,h,p,l,f,m,c=defaultCurveSegments,d=0,u=null;2===e.length&&(e[0]!=r[0]||e[1]!=r[1])&&g(e[0],e[1],r[0],r[1],e[0]+i[0],e[1]+i[1])&&g(e[0],e[1],r[0],r[1],r[0]+s[0],r[1]+s[1])&&(c=2);var y=new v(c);for(h=i.length,n=0;n<c;n+=1){for(m=createSizedArray(h),l=n/(c-1),o=f=0;o<h;o+=1)p=bm_pow(1-l,3)*e[o]+3*bm_pow(1-l,2)*l*(e[o]+i[o])+3*(1-l)*bm_pow(l,2)*(r[o]+s[o])+bm_pow(l,3)*r[o],m[o]=p,null!==u&&(f+=bm_pow(m[o]-u[o],2));d+=f=bm_sqrt(f),y.points[n]=new b(f,m),u=m}y.segmentLength=d,t.bezierData=y,P[a]=y}});function D(t,e){var r=e.percents,i=e.lengths,s=r.length,a=bm_floor((s-1)*t),n=t*e.addedLength,o=0;if(a===s-1||0===a||n===i[a])return r[a];for(var h=i[a]>n?-1:1,p=!0;p;)if(i[a]<=n&&i[a+1]>n?(o=(n-i[a])/(i[a+1]-i[a]),p=!1):a+=h,a<0||s-1<=a){if(a===s-1)return r[a];p=!1}return r[a]+(r[a+1]-r[a])*o}var F=createTypedArray("float32",8);return{getSegmentsLength:function(t){var e,r=segments_length_pool.newElement(),i=t.c,s=t.v,a=t.o,n=t.i,o=t._length,h=r.lengths,p=0;for(e=0;e<o-1;e+=1)h[e]=l(s[e],s[e+1],a[e],n[e+1]),p+=h[e].addedLength;return i&&o&&(h[e]=l(s[e],s[0],a[e],n[0]),p+=h[e].addedLength),r.totalLength=p,r},getNewSegment:function(t,e,r,i,s,a,n){var o,h=D(s=s<0?0:1<s?1:s,n),p=D(a=1<a?1:a,n),l=t.length,f=1-h,m=1-p,c=f*f*f,d=h*f*f*3,u=h*h*f*3,y=h*h*h,g=f*f*m,v=h*f*m+f*h*m+f*f*p,b=h*h*m+f*h*p+h*f*p,P=h*h*p,_=f*m*m,S=h*m*m+f*p*m+f*m*p,A=h*p*m+f*p*p+h*m*p,x=h*p*p,E=m*m*m,k=p*m*m+m*p*m+m*m*p,T=p*p*m+m*p*p+p*m*p,M=p*p*p;for(o=0;o<l;o+=1)F[4*o]=Math.round(1e3*(c*t[o]+d*r[o]+u*i[o]+y*e[o]))/1e3,F[4*o+1]=Math.round(1e3*(g*t[o]+v*r[o]+b*i[o]+P*e[o]))/1e3,F[4*o+2]=Math.round(1e3*(_*t[o]+S*r[o]+A*i[o]+x*e[o]))/1e3,F[4*o+3]=Math.round(1e3*(E*t[o]+k*r[o]+T*i[o]+M*e[o]))/1e3;return F},getPointInSegment:function(t,e,r,i,s,a){var n=D(s,a),o=1-n;return[Math.round(1e3*(o*o*o*t[0]+(n*o*o+o*n*o+o*o*n)*r[0]+(n*n*o+o*n*n+n*o*n)*i[0]+n*n*n*e[0]))/1e3,Math.round(1e3*(o*o*o*t[1]+(n*o*o+o*n*o+o*o*n)*r[1]+(n*n*o+o*n*n+n*o*n)*i[1]+n*n*n*e[1]))/1e3]},buildBezierData:t,pointOnLine2D:g,pointOnLine3D:function(t,e,r,i,s,a,n,o,h){if(0===r&&0===a&&0===h)return g(t,e,i,s,n,o);var p,l=Math.sqrt(Math.pow(i-t,2)+Math.pow(s-e,2)+Math.pow(a-r,2)),f=Math.sqrt(Math.pow(n-t,2)+Math.pow(o-e,2)+Math.pow(h-r,2)),m=Math.sqrt(Math.pow(n-i,2)+Math.pow(o-s,2)+Math.pow(h-a,2));return-1e-4<(p=f<l?m<l?l-f-m:m-f-l:f<m?m-f-l:f-l-m)&&p<1e-4}}}!function(){for(var a=0,t=["ms","moz","webkit","o"],e=0;e<t.length&&!window.requestAnimationFrame;++e)window.requestAnimationFrame=window[t[e]+"RequestAnimationFrame"],window.cancelAnimationFrame=window[t[e]+"CancelAnimationFrame"]||window[t[e]+"CancelRequestAnimationFrame"];window.requestAnimationFrame||(window.requestAnimationFrame=function(t,e){var r=(new Date).getTime(),i=Math.max(0,16-(r-a)),s=setTimeout(function(){t(r+i)},i);return a=r+i,s}),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(t){clearTimeout(t)})}();var bez=bezFunction();function dataFunctionManager(){function c(t,e){for(var r=0,i=e.length;r<i;){if(e[r].id===t)return e[r].layers.__used?JSON.parse(JSON.stringify(e[r].layers)):(e[r].layers.__used=!0,e[r].layers);r+=1}}function d(t){var e,r,i;for(e=t.length-1;0<=e;e-=1)if("sh"==t[e].ty){if(t[e].ks.k.i)u(t[e].ks.k);else for(i=t[e].ks.k.length,r=0;r<i;r+=1)t[e].ks.k[r].s&&u(t[e].ks.k[r].s[0]),t[e].ks.k[r].e&&u(t[e].ks.k[r].e[0]);!0}else"gr"==t[e].ty&&d(t[e].it)}function u(t){var e,r=t.i.length;for(e=0;e<r;e+=1)t.i[e][0]+=t.v[e][0],t.i[e][1]+=t.v[e][1],t.o[e][0]+=t.v[e][0],t.o[e][1]+=t.v[e][1]}function o(t,e){var r=e?e.split("."):[100,100,100];return t[0]>r[0]||!(r[0]>t[0])&&(t[1]>r[1]||!(r[1]>t[1])&&(t[2]>r[2]||!(r[2]>t[2])&&void 0))}var h,r=function(){var i=[4,4,14];function s(t){var e,r,i,s=t.length;for(e=0;e<s;e+=1)5===t[e].ty&&(r=t[e],void 0,i=r.t.d,r.t.d={k:[{s:i,t:0}]})}return function(t){if(o(i,t.v)&&(s(t.layers),t.assets)){var e,r=t.assets.length;for(e=0;e<r;e+=1)t.assets[e].layers&&s(t.assets[e].layers)}}}(),i=(h=[4,7,99],function(t){if(t.chars&&!o(h,t.v)){var e,r,i,s,a,n=t.chars.length;for(e=0;e<n;e+=1)if(t.chars[e].data&&t.chars[e].data.shapes)for(i=(a=t.chars[e].data.shapes[0].it).length,r=0;r<i;r+=1)(s=a[r].ks.k).__converted||(u(a[r].ks.k),s.__converted=!0)}}),s=function(){var i=[4,1,9];function a(t){var e,r,i,s=t.length;for(e=0;e<s;e+=1)if("gr"===t[e].ty)a(t[e].it);else if("fl"===t[e].ty||"st"===t[e].ty)if(t[e].c.k&&t[e].c.k[0].i)for(i=t[e].c.k.length,r=0;r<i;r+=1)t[e].c.k[r].s&&(t[e].c.k[r].s[0]/=255,t[e].c.k[r].s[1]/=255,t[e].c.k[r].s[2]/=255,t[e].c.k[r].s[3]/=255),t[e].c.k[r].e&&(t[e].c.k[r].e[0]/=255,t[e].c.k[r].e[1]/=255,t[e].c.k[r].e[2]/=255,t[e].c.k[r].e[3]/=255);else t[e].c.k[0]/=255,t[e].c.k[1]/=255,t[e].c.k[2]/=255,t[e].c.k[3]/=255}function s(t){var e,r=t.length;for(e=0;e<r;e+=1)4===t[e].ty&&a(t[e].shapes)}return function(t){if(o(i,t.v)&&(s(t.layers),t.assets)){var e,r=t.assets.length;for(e=0;e<r;e+=1)t.assets[e].layers&&s(t.assets[e].layers)}}}(),a=function(){var i=[4,4,18];function p(t){var e,r,i;for(e=t.length-1;0<=e;e-=1)if("sh"==t[e].ty){if(t[e].ks.k.i)t[e].ks.k.c=t[e].closed;else for(i=t[e].ks.k.length,r=0;r<i;r+=1)t[e].ks.k[r].s&&(t[e].ks.k[r].s[0].c=t[e].closed),t[e].ks.k[r].e&&(t[e].ks.k[r].e[0].c=t[e].closed);!0}else"gr"==t[e].ty&&p(t[e].it)}function s(t){var e,r,i,s,a,n,o=t.length;for(r=0;r<o;r+=1){if((e=t[r]).hasMask){var h=e.masksProperties;for(s=h.length,i=0;i<s;i+=1)if(h[i].pt.k.i)h[i].pt.k.c=h[i].cl;else for(n=h[i].pt.k.length,a=0;a<n;a+=1)h[i].pt.k[a].s&&(h[i].pt.k[a].s[0].c=h[i].cl),h[i].pt.k[a].e&&(h[i].pt.k[a].e[0].c=h[i].cl)}4===e.ty&&p(e.shapes)}}return function(t){if(o(i,t.v)&&(s(t.layers),t.assets)){var e,r=t.assets.length;for(e=0;e<r;e+=1)t.assets[e].layers&&s(t.assets[e].layers)}}}();var t={};return t.completeData=function(t,e){t.__complete||(s(t),r(t),i(t),a(t),function t(e,r,i){var s,a,n,o,h,p,l,f=e.length;for(a=0;a<f;a+=1)if("ks"in(s=e[a])&&!s.completed){if(s.completed=!0,s.tt&&(e[a-1].td=s.tt),s.hasMask){var m=s.masksProperties;for(o=m.length,n=0;n<o;n+=1)if(m[n].pt.k.i)u(m[n].pt.k);else for(p=m[n].pt.k.length,h=0;h<p;h+=1)m[n].pt.k[h].s&&u(m[n].pt.k[h].s[0]),m[n].pt.k[h].e&&u(m[n].pt.k[h].e[0])}0===s.ty?(s.layers=c(s.refId,r),t(s.layers,r,i)):4===s.ty?d(s.shapes):5==s.ty&&(0!==(l=s).t.a.length||"m"in l.t.p||(l.singleShape=!0))}}(t.layers,t.assets,e),t.__complete=!0)},t}var dataManager=dataFunctionManager(),FontManager=function(){var a={w:0,size:0,shapes:[]},t=[];function u(t,e){var r=createTag("span");r.style.fontFamily=e;var i=createTag("span");i.innerHTML="giItT1WQy@!-/#",r.style.position="absolute",r.style.left="-10000px",r.style.top="-10000px",r.style.fontSize="300px",r.style.fontVariant="normal",r.style.fontStyle="normal",r.style.fontWeight="normal",r.style.letterSpacing="0",r.appendChild(i),document.body.appendChild(r);var s=i.offsetWidth;return i.style.fontFamily=t+", "+e,{node:i,w:s,parent:r}}t=t.concat([2304,2305,2306,2307,2362,2363,2364,2364,2366,2367,2368,2369,2370,2371,2372,2373,2374,2375,2376,2377,2378,2379,2380,2381,2382,2383,2387,2388,2389,2390,2391,2402,2403]);var e=function(){this.fonts=[],this.chars=null,this.typekitLoaded=0,this.isLoaded=!1,this.initTime=Date.now()};return e.getCombinedCharacterCodes=function(){return t},e.prototype.addChars=function(t){if(t){this.chars||(this.chars=[]);var e,r,i,s=t.length,a=this.chars.length;for(e=0;e<s;e+=1){for(r=0,i=!1;r<a;)this.chars[r].style===t[e].style&&this.chars[r].fFamily===t[e].fFamily&&this.chars[r].ch===t[e].ch&&(i=!0),r+=1;i||(this.chars.push(t[e]),a+=1)}}},e.prototype.addFonts=function(t,e){if(t){if(this.chars)return this.isLoaded=!0,void(this.fonts=t.list);var r,i,s,a,n=t.list,o=n.length,h=o;for(r=0;r<o;r+=1){var p,l,f=!0;if(n[r].loaded=!1,n[r].monoCase=u(n[r].fFamily,"monospace"),n[r].sansCase=u(n[r].fFamily,"sans-serif"),n[r].fPath){if("p"===n[r].fOrigin||3===n[r].origin){if(0<(p=document.querySelectorAll('style[f-forigin="p"][f-family="'+n[r].fFamily+'"], style[f-origin="3"][f-family="'+n[r].fFamily+'"]')).length&&(f=!1),f){var m=createTag("style");m.setAttribute("f-forigin",n[r].fOrigin),m.setAttribute("f-origin",n[r].origin),m.setAttribute("f-family",n[r].fFamily),m.type="text/css",m.innerHTML="@font-face {font-family: "+n[r].fFamily+"; font-style: normal; src: url('"+n[r].fPath+"');}",e.appendChild(m)}}else if("g"===n[r].fOrigin||1===n[r].origin){for(p=document.querySelectorAll('link[f-forigin="g"], link[f-origin="1"]'),l=0;l<p.length;l++)-1!==p[l].href.indexOf(n[r].fPath)&&(f=!1);if(f){var c=createTag("link");c.setAttribute("f-forigin",n[r].fOrigin),c.setAttribute("f-origin",n[r].origin),c.type="text/css",c.rel="stylesheet",c.href=n[r].fPath,document.body.appendChild(c)}}else if("t"===n[r].fOrigin||2===n[r].origin){for(p=document.querySelectorAll('script[f-forigin="t"], script[f-origin="2"]'),l=0;l<p.length;l++)n[r].fPath===p[l].src&&(f=!1);if(f){var d=createTag("link");d.setAttribute("f-forigin",n[r].fOrigin),d.setAttribute("f-origin",n[r].origin),d.setAttribute("rel","stylesheet"),d.setAttribute("href",n[r].fPath),e.appendChild(d)}}}else n[r].loaded=!0,h-=1;n[r].helper=(i=e,s=n[r],a=void 0,(a=createNS("text")).style.fontSize="100px",a.setAttribute("font-family",s.fFamily),a.setAttribute("font-style",s.fStyle),a.setAttribute("font-weight",s.fWeight),a.textContent="1",s.fClass?(a.style.fontFamily="inherit",a.className=s.fClass):a.style.fontFamily=s.fFamily,i.appendChild(a),createTag("canvas").getContext("2d").font=s.fWeight+" "+s.fStyle+" 100px "+s.fFamily,a),n[r].cache={},this.fonts.push(n[r])}0===h?this.isLoaded=!0:setTimeout(this.checkLoadedFonts.bind(this),100)}else this.isLoaded=!0},e.prototype.getCharData=function(t,e,r){for(var i=0,s=this.chars.length;i<s;){if(this.chars[i].ch===t&&this.chars[i].style===e&&this.chars[i].fFamily===r)return this.chars[i];i+=1}return console&&console.warn&&console.warn("Missing character from exported characters list: ",t,e,r),a},e.prototype.getFontByName=function(t){for(var e=0,r=this.fonts.length;e<r;){if(this.fonts[e].fName===t)return this.fonts[e];e+=1}return this.fonts[0]},e.prototype.measureText=function(t,e,r){var i=this.getFontByName(e),s=t.charCodeAt(0);if(!i.cache[s+1]){var a=i.helper;if(" "===t){a.textContent="|"+t+"|";var n=a.getComputedTextLength();a.textContent="||";var o=a.getComputedTextLength();i.cache[s+1]=(n-o)/100}else a.textContent=t,i.cache[s+1]=a.getComputedTextLength()/100}return i.cache[s+1]*r},e.prototype.checkLoadedFonts=function(){var t,e,r,i=this.fonts.length,s=i;for(t=0;t<i;t+=1)this.fonts[t].loaded?s-=1:"n"===this.fonts[t].fOrigin||0===this.fonts[t].origin?this.fonts[t].loaded=!0:(e=this.fonts[t].monoCase.node,r=this.fonts[t].monoCase.w,e.offsetWidth!==r?(s-=1,this.fonts[t].loaded=!0):(e=this.fonts[t].sansCase.node,r=this.fonts[t].sansCase.w,e.offsetWidth!==r&&(s-=1,this.fonts[t].loaded=!0)),this.fonts[t].loaded&&(this.fonts[t].sansCase.parent.parentNode.removeChild(this.fonts[t].sansCase.parent),this.fonts[t].monoCase.parent.parentNode.removeChild(this.fonts[t].monoCase.parent)));0!==s&&Date.now()-this.initTime<5e3?setTimeout(this.checkLoadedFonts.bind(this),20):setTimeout(function(){this.isLoaded=!0}.bind(this),0)},e.prototype.loaded=function(){return this.isLoaded},e}(),PropertyFactory=function(){var f=initialDefaultFrame,s=Math.abs;function m(t,e){var r,i=this.offsetTime;"multidimensional"===this.propType&&(r=createTypedArray("float32",this.pv.length));for(var s,a,n,o,h,p,l,f,m=e.lastIndex,c=m,d=this.keyframes.length-1,u=!0;u;){if(s=this.keyframes[c],a=this.keyframes[c+1],c===d-1&&t>=a.t-i){s.h&&(s=a),m=0;break}if(a.t-i>t){m=c;break}c<d-1?c+=1:(m=0,u=!1)}var y,g,v,b,P,_,S,A,x,E=a.t-i,k=s.t-i;if(s.to){s.bezierData||bez.buildBezierData(s);var T=s.bezierData;if(E<=t||t<k){var M=E<=t?T.points.length-1:0;for(o=T.points[M].point.length,n=0;n<o;n+=1)r[n]=T.points[M].point[n]}else{s.__fnct?f=s.__fnct:(f=BezierFactory.getBezierEasing(s.o.x,s.o.y,s.i.x,s.i.y,s.n).get,s.__fnct=f),h=f((t-k)/(E-k));var D,F=T.segmentLength*h,C=e.lastFrame<t&&e._lastBezierData===T?e._lastAddedLength:0;for(l=e.lastFrame<t&&e._lastBezierData===T?e._lastPoint:0,u=!0,p=T.points.length;u;){if(C+=T.points[l].partialLength,0===F||0===h||l===T.points.length-1){for(o=T.points[l].point.length,n=0;n<o;n+=1)r[n]=T.points[l].point[n];break}if(C<=F&&F<C+T.points[l+1].partialLength){for(D=(F-C)/T.points[l+1].partialLength,o=T.points[l].point.length,n=0;n<o;n+=1)r[n]=T.points[l].point[n]+(T.points[l+1].point[n]-T.points[l].point[n])*D;break}l<p-1?l+=1:u=!1}e._lastPoint=l,e._lastAddedLength=C-T.points[l].partialLength,e._lastBezierData=T}}else{var I,w,V,R,L;if(d=s.s.length,this.sh&&1!==s.h)if(E<=t)r[0]=s.e[0],r[1]=s.e[1],r[2]=s.e[2];else if(t<=k)r[0]=s.s[0],r[1]=s.s[1],r[2]=s.s[2];else{var G=z(s.s),N=z(s.e);y=r,g=function(t,e,r){var i,s,a,n,o,h=[],p=t[0],l=t[1],f=t[2],m=t[3],c=e[0],d=e[1],u=e[2],y=e[3];(s=p*c+l*d+f*u+m*y)<0&&(s=-s,c=-c,d=-d,u=-u,y=-y);o=1e-6<1-s?(i=Math.acos(s),a=Math.sin(i),n=Math.sin((1-r)*i)/a,Math.sin(r*i)/a):(n=1-r,r);return h[0]=n*p+o*c,h[1]=n*l+o*d,h[2]=n*f+o*u,h[3]=n*m+o*y,h}(G,N,(t-k)/(E-k)),v=g[0],b=g[1],P=g[2],_=g[3],S=Math.atan2(2*b*_-2*v*P,1-2*b*b-2*P*P),A=Math.asin(2*v*b+2*P*_),x=Math.atan2(2*v*_-2*b*P,1-2*v*v-2*P*P),y[0]=S/degToRads,y[1]=A/degToRads,y[2]=x/degToRads}else for(c=0;c<d;c+=1)1!==s.h&&(h=E<=t?1:t<k?0:(s.o.x.constructor===Array?(s.__fnct||(s.__fnct=[]),s.__fnct[c]?f=s.__fnct[c]:(I=void 0===typeof s.o.x[c]?s.o.x[0]:s.o.x[c],w=void 0===typeof s.o.y[c]?s.o.y[0]:s.o.y[c],V=void 0===typeof s.i.x[c]?s.i.x[0]:s.i.x[c],R=void 0===typeof s.i.y[c]?s.i.y[0]:s.i.y[c],f=BezierFactory.getBezierEasing(I,w,V,R).get,s.__fnct[c]=f)):s.__fnct?f=s.__fnct:(I=s.o.x,w=s.o.y,V=s.i.x,R=s.i.y,f=BezierFactory.getBezierEasing(I,w,V,R).get,s.__fnct=f),f((t-k)/(E-k)))),L=1===s.h?s.s[c]:s.s[c]+(s.e[c]-s.s[c])*h,1===d?r=L:r[c]=L}return e.lastIndex=m,r}function z(t){var e=t[0]*degToRads,r=t[1]*degToRads,i=t[2]*degToRads,s=Math.cos(e/2),a=Math.cos(r/2),n=Math.cos(i/2),o=Math.sin(e/2),h=Math.sin(r/2),p=Math.sin(i/2);return[o*h*n+s*a*p,o*a*n+s*h*p,s*h*n-o*a*p,s*a*n-o*h*p]}function c(){var t=this.comp.renderedFrame-this.offsetTime,e=this.keyframes[0].t-this.offsetTime,r=this.keyframes[this.keyframes.length-1].t-this.offsetTime;if(!(t===this._caching.lastFrame||this._caching.lastFrame!==f&&(this._caching.lastFrame>=r&&r<=t||this._caching.lastFrame<e&&t<e))){this._caching.lastFrame>=t&&(this._caching._lastBezierData=null,this._caching.lastIndex=0);var i=this.interpolateValue(t,this._caching);this.pv=i}return this._caching.lastFrame=t,this.pv}function d(t){var e;if("unidimensional"===this.propType)e=t*this.mult,1e-5<s(this.v-e)&&(this.v=e,this._mdf=!0);else for(var r=0,i=this.v.length;r<i;)e=t[r]*this.mult,1e-5<s(this.v[r]-e)&&(this.v[r]=e,this._mdf=!0),r+=1}function u(){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length)if(this.lock)this.setVValue(this.pv);else{this.lock=!0,this._mdf=this._isFirstFrame;var t,e=this.effectsSequence.length,r=this.kf?this.pv:this.data.k;for(t=0;t<e;t+=1)r=this.effectsSequence[t](r);this.setVValue(r),this._isFirstFrame=!1,this.lock=!1,this.frameId=this.elem.globalData.frameId}}function y(t){this.effectsSequence.push(t),this.container.addDynamicProperty(this)}function n(t,e,r,i){this.propType="unidimensional",this.mult=r||1,this.data=e,this.v=r?e.k*r:e.k,this.pv=e.k,this._mdf=!1,this.elem=t,this.container=i,this.comp=t.comp,this.k=!1,this.kf=!1,this.vel=0,this.effectsSequence=[],this._isFirstFrame=!0,this.getValue=u,this.setVValue=d,this.addEffect=y}function o(t,e,r,i){this.propType="multidimensional",this.mult=r||1,this.data=e,this._mdf=!1,this.elem=t,this.container=i,this.comp=t.comp,this.k=!1,this.kf=!1,this.frameId=-1;var s,a=e.k.length;this.v=createTypedArray("float32",a),this.pv=createTypedArray("float32",a);createTypedArray("float32",a);for(this.vel=createTypedArray("float32",a),s=0;s<a;s+=1)this.v[s]=e.k[s]*this.mult,this.pv[s]=e.k[s];this._isFirstFrame=!0,this.effectsSequence=[],this.getValue=u,this.setVValue=d,this.addEffect=y}function h(t,e,r,i){this.propType="unidimensional",this.keyframes=e.k,this.offsetTime=t.data.st,this.frameId=-1,this._caching={lastFrame:f,lastIndex:0,value:0,_lastBezierData:null},this.k=!0,this.kf=!0,this.data=e,this.mult=r||1,this.elem=t,this.container=i,this.comp=t.comp,this.v=f,this.pv=f,this._isFirstFrame=!0,this.getValue=u,this.setVValue=d,this.interpolateValue=m,this.effectsSequence=[c.bind(this)],this.addEffect=y}function p(t,e,r,i){this.propType="multidimensional";var s,a,n,o,h,p=e.k.length;for(s=0;s<p-1;s+=1)e.k[s].to&&e.k[s].s&&e.k[s].e&&(a=e.k[s].s,n=e.k[s].e,o=e.k[s].to,h=e.k[s].ti,(2===a.length&&(a[0]!==n[0]||a[1]!==n[1])&&bez.pointOnLine2D(a[0],a[1],n[0],n[1],a[0]+o[0],a[1]+o[1])&&bez.pointOnLine2D(a[0],a[1],n[0],n[1],n[0]+h[0],n[1]+h[1])||3===a.length&&(a[0]!==n[0]||a[1]!==n[1]||a[2]!==n[2])&&bez.pointOnLine3D(a[0],a[1],a[2],n[0],n[1],n[2],a[0]+o[0],a[1]+o[1],a[2]+o[2])&&bez.pointOnLine3D(a[0],a[1],a[2],n[0],n[1],n[2],n[0]+h[0],n[1]+h[1],n[2]+h[2]))&&(e.k[s].to=null,e.k[s].ti=null),a[0]===n[0]&&a[1]===n[1]&&0===o[0]&&0===o[1]&&0===h[0]&&0===h[1]&&(2===a.length||a[2]===n[2]&&0===o[2]&&0===h[2])&&(e.k[s].to=null,e.k[s].ti=null));this.effectsSequence=[c.bind(this)],this.keyframes=e.k,this.offsetTime=t.data.st,this.k=!0,this.kf=!0,this._isFirstFrame=!0,this.mult=r||1,this.elem=t,this.container=i,this.comp=t.comp,this.getValue=u,this.setVValue=d,this.interpolateValue=m,this.frameId=-1;var l=e.k[0].s.length;for(this.v=createTypedArray("float32",l),this.pv=createTypedArray("float32",l),s=0;s<l;s+=1)this.v[s]=f,this.pv[s]=f;this._caching={lastFrame:f,lastIndex:0,value:createTypedArray("float32",l)},this.addEffect=y}return{getProp:function(t,e,r,i,s){var a;if(0===e.a)a=0===r?new n(t,e,i,s):new o(t,e,i,s);else if(1===e.a)a=0===r?new h(t,e,i,s):new p(t,e,i,s);else if(e.k.length)if("number"==typeof e.k[0])a=new o(t,e,i,s);else switch(r){case 0:a=new h(t,e,i,s);break;case 1:a=new p(t,e,i,s)}else a=new n(t,e,i,s);return a.effectsSequence.length&&s.addDynamicProperty(a),a}}}(),TransformPropertyFactory=function(){function i(t,e,r){if(this.elem=t,this.frameId=-1,this.propType="transform",this.data=e,this.v=new Matrix,this.pre=new Matrix,this.appliedTransformations=0,this.initDynamicPropertyContainer(r||t),e.p.s?(this.px=PropertyFactory.getProp(t,e.p.x,0,0,this),this.py=PropertyFactory.getProp(t,e.p.y,0,0,this),e.p.z&&(this.pz=PropertyFactory.getProp(t,e.p.z,0,0,this))):this.p=PropertyFactory.getProp(t,e.p,1,0,this),e.r)this.r=PropertyFactory.getProp(t,e.r,0,degToRads,this);else if(e.rx){if(this.rx=PropertyFactory.getProp(t,e.rx,0,degToRads,this),this.ry=PropertyFactory.getProp(t,e.ry,0,degToRads,this),this.rz=PropertyFactory.getProp(t,e.rz,0,degToRads,this),e.or.k[0].ti){var i,s=e.or.k.length;for(i=0;i<s;i+=1)e.or.k[i].to=e.or.k[i].ti=null}this.or=PropertyFactory.getProp(t,e.or,1,degToRads,this),this.or.sh=!0}e.sk&&(this.sk=PropertyFactory.getProp(t,e.sk,0,degToRads,this),this.sa=PropertyFactory.getProp(t,e.sa,0,degToRads,this)),e.a&&(this.a=PropertyFactory.getProp(t,e.a,1,0,this)),e.s&&(this.s=PropertyFactory.getProp(t,e.s,1,.01,this)),e.o?this.o=PropertyFactory.getProp(t,e.o,0,.01,t):this.o={_mdf:!1,v:1},this._isDirty=!0,this.dynamicProperties.length||this.getValue(!0)}return i.prototype={applyToMatrix:function(t){var e=this._mdf;this.iterateDynamicProperties(),this._mdf=this._mdf||e,this.a&&t.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.s&&t.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&t.skewFromAxis(-this.sk.v,this.sa.v),this.r?t.rotate(-this.r.v):t.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.data.p.s?this.data.p.z?t.translate(this.px.v,this.py.v,-this.pz.v):t.translate(this.px.v,this.py.v,0):t.translate(this.p.v[0],this.p.v[1],-this.p.v[2])},getValue:function(t){if(this.elem.globalData.frameId!==this.frameId){if(this._isDirty&&(this.precalculateMatrix(),this._isDirty=!1),this.iterateDynamicProperties(),this._mdf||t){if(this.v.cloneFromProps(this.pre.props),this.appliedTransformations<1&&this.v.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations<2&&this.v.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&this.appliedTransformations<3&&this.v.skewFromAxis(-this.sk.v,this.sa.v),this.r&&this.appliedTransformations<4?this.v.rotate(-this.r.v):!this.r&&this.appliedTransformations<4&&this.v.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.autoOriented){var e,r,i=this.elem.globalData.frameRate;if(this.p&&this.p.keyframes&&this.p.getValueAtTime)r=this.p._caching.lastFrame+this.p.offsetTime<=this.p.keyframes[0].t?(e=this.p.getValueAtTime((this.p.keyframes[0].t+.01)/i,0),this.p.getValueAtTime(this.p.keyframes[0].t/i,0)):this.p._caching.lastFrame+this.p.offsetTime>=this.p.keyframes[this.p.keyframes.length-1].t?(e=this.p.getValueAtTime(this.p.keyframes[this.p.keyframes.length-1].t/i,0),this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length-1].t-.01)/i,0)):(e=this.p.pv,this.p.getValueAtTime((this.p._caching.lastFrame+this.p.offsetTime-.01)/i,this.p.offsetTime));else if(this.px&&this.px.keyframes&&this.py.keyframes&&this.px.getValueAtTime&&this.py.getValueAtTime){e=[],r=[];var s=this.px,a=this.py;s._caching.lastFrame+s.offsetTime<=s.keyframes[0].t?(e[0]=s.getValueAtTime((s.keyframes[0].t+.01)/i,0),e[1]=a.getValueAtTime((a.keyframes[0].t+.01)/i,0),r[0]=s.getValueAtTime(s.keyframes[0].t/i,0),r[1]=a.getValueAtTime(a.keyframes[0].t/i,0)):s._caching.lastFrame+s.offsetTime>=s.keyframes[s.keyframes.length-1].t?(e[0]=s.getValueAtTime(s.keyframes[s.keyframes.length-1].t/i,0),e[1]=a.getValueAtTime(a.keyframes[a.keyframes.length-1].t/i,0),r[0]=s.getValueAtTime((s.keyframes[s.keyframes.length-1].t-.01)/i,0),r[1]=a.getValueAtTime((a.keyframes[a.keyframes.length-1].t-.01)/i,0)):(e=[s.pv,a.pv],r[0]=s.getValueAtTime((s._caching.lastFrame+s.offsetTime-.01)/i,s.offsetTime),r[1]=a.getValueAtTime((a._caching.lastFrame+a.offsetTime-.01)/i,a.offsetTime))}this.v.rotate(-Math.atan2(e[1]-r[1],e[0]-r[0]))}this.data.p.s?this.data.p.z?this.v.translate(this.px.v,this.py.v,-this.pz.v):this.v.translate(this.px.v,this.py.v,0):this.v.translate(this.p.v[0],this.p.v[1],-this.p.v[2])}this.frameId=this.elem.globalData.frameId}},precalculateMatrix:function(){if(!this.a.k&&(this.pre.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations=1,!this.s.effectsSequence.length)){if(this.pre.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.appliedTransformations=2,this.sk){if(this.sk.effectsSequence.length||this.sa.effectsSequence.length)return;this.pre.skewFromAxis(-this.sk.v,this.sa.v),this.appliedTransformations=3}if(this.r){if(this.r.effectsSequence.length)return;this.pre.rotate(-this.r.v),this.appliedTransformations=4}else this.rz.effectsSequence.length||this.ry.effectsSequence.length||this.rx.effectsSequence.length||this.or.effectsSequence.length||(this.pre.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.appliedTransformations=4)}},autoOrient:function(){}},extendPrototype([DynamicPropertyContainer],i),i.prototype.addDynamicProperty=function(t){this._addDynamicProperty(t),this.elem.addDynamicProperty(t),this._isDirty=!0},i.prototype._addDynamicProperty=DynamicPropertyContainer.prototype.addDynamicProperty,{getTransformProperty:function(t,e,r){return new i(t,e,r)}}}();function ShapePath(){this.c=!1,this._length=0,this._maxLength=8,this.v=createSizedArray(this._maxLength),this.o=createSizedArray(this._maxLength),this.i=createSizedArray(this._maxLength)}ShapePath.prototype.setPathData=function(t,e){this.c=t,this.setLength(e);for(var r=0;r<e;)this.v[r]=point_pool.newElement(),this.o[r]=point_pool.newElement(),this.i[r]=point_pool.newElement(),r+=1},ShapePath.prototype.setLength=function(t){for(;this._maxLength<t;)this.doubleArrayLength();this._length=t},ShapePath.prototype.doubleArrayLength=function(){this.v=this.v.concat(createSizedArray(this._maxLength)),this.i=this.i.concat(createSizedArray(this._maxLength)),this.o=this.o.concat(createSizedArray(this._maxLength)),this._maxLength*=2},ShapePath.prototype.setXYAt=function(t,e,r,i,s){var a;switch(this._length=Math.max(this._length,i+1),this._length>=this._maxLength&&this.doubleArrayLength(),r){case"v":a=this.v;break;case"i":a=this.i;break;case"o":a=this.o}(!a[i]||a[i]&&!s)&&(a[i]=point_pool.newElement()),a[i][0]=t,a[i][1]=e},ShapePath.prototype.setTripleAt=function(t,e,r,i,s,a,n,o){this.setXYAt(t,e,"v",n,o),this.setXYAt(r,i,"o",n,o),this.setXYAt(s,a,"i",n,o)},ShapePath.prototype.reverse=function(){var t=new ShapePath;t.setPathData(this.c,this._length);var e=this.v,r=this.o,i=this.i,s=0;this.c&&(t.setTripleAt(e[0][0],e[0][1],i[0][0],i[0][1],r[0][0],r[0][1],0,!1),s=1);var a,n=this._length-1,o=this._length;for(a=s;a<o;a+=1)t.setTripleAt(e[n][0],e[n][1],i[n][0],i[n][1],r[n][0],r[n][1],a,!1),n-=1;return t};var ShapePropertyFactory=function(){var s=-999999;function t(t,e,r){var i,s,a,n,o,h,p,l,f,m=r.lastIndex,c=this.keyframes;if(t<c[0].t-this.offsetTime)i=c[0].s[0],a=!0,m=0;else if(t>=c[c.length-1].t-this.offsetTime)i=1===c[c.length-2].h?c[c.length-1].s[0]:c[c.length-2].e[0],a=!0;else{for(var d,u,y=m,g=c.length-1,v=!0;v&&(d=c[y],!((u=c[y+1]).t-this.offsetTime>t));)y<g-1?y+=1:v=!1;if(m=y,!(a=1===d.h)){if(t>=u.t-this.offsetTime)l=1;else if(t<d.t-this.offsetTime)l=0;else{var b;d.__fnct?b=d.__fnct:(b=BezierFactory.getBezierEasing(d.o.x,d.o.y,d.i.x,d.i.y).get,d.__fnct=b),l=b((t-(d.t-this.offsetTime))/(u.t-this.offsetTime-(d.t-this.offsetTime)))}s=d.e[0]}i=d.s[0]}for(h=e._length,p=i.i[0].length,r.lastIndex=m,n=0;n<h;n+=1)for(o=0;o<p;o+=1)f=a?i.i[n][o]:i.i[n][o]+(s.i[n][o]-i.i[n][o])*l,e.i[n][o]=f,f=a?i.o[n][o]:i.o[n][o]+(s.o[n][o]-i.o[n][o])*l,e.o[n][o]=f,f=a?i.v[n][o]:i.v[n][o]+(s.v[n][o]-i.v[n][o])*l,e.v[n][o]=f}function a(){this.paths=this.localShapeCollection}function e(t){(function(t,e){if(t._length!==e._length||t.c!==e.c)return!1;var r,i=t._length;for(r=0;r<i;r+=1)if(t.v[r][0]!==e.v[r][0]||t.v[r][1]!==e.v[r][1]||t.o[r][0]!==e.o[r][0]||t.o[r][1]!==e.o[r][1]||t.i[r][0]!==e.i[r][0]||t.i[r][1]!==e.i[r][1])return!1;return!0})(this.v,t)||(this.v=shape_pool.clone(t),this.localShapeCollection.releaseShapes(),this.localShapeCollection.addShape(this.v),this._mdf=!0,this.paths=this.localShapeCollection)}function r(){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length)if(this.lock)this.setVValue(this.pv);else{this.lock=!0,this._mdf=!1;var t,e=this.kf?this.pv:this.data.ks?this.data.ks.k:this.data.pt.k,r=this.effectsSequence.length;for(t=0;t<r;t+=1)e=this.effectsSequence[t](e);this.setVValue(e),this.lock=!1,this.frameId=this.elem.globalData.frameId}}function n(t,e,r){this.propType="shape",this.comp=t.comp,this.container=t,this.elem=t,this.data=e,this.k=!1,this.kf=!1,this._mdf=!1;var i=3===r?e.pt.k:e.ks.k;this.v=shape_pool.clone(i),this.pv=shape_pool.clone(this.v),this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.reset=a,this.effectsSequence=[]}function i(t){this.effectsSequence.push(t),this.container.addDynamicProperty(this)}function o(t,e,r){this.propType="shape",this.comp=t.comp,this.elem=t,this.container=t,this.offsetTime=t.data.st,this.keyframes=3===r?e.pt.k:e.ks.k,this.k=!0,this.kf=!0;var i=this.keyframes[0].s[0].i.length;this.keyframes[0].s[0].i[0].length;this.v=shape_pool.newElement(),this.v.setPathData(this.keyframes[0].s[0].c,i),this.pv=shape_pool.clone(this.v),this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.lastFrame=s,this.reset=a,this._caching={lastFrame:s,lastIndex:0},this.effectsSequence=[function(){var t=this.comp.renderedFrame-this.offsetTime,e=this.keyframes[0].t-this.offsetTime,r=this.keyframes[this.keyframes.length-1].t-this.offsetTime,i=this._caching.lastFrame;return i!==s&&(i<e&&t<e||r<i&&r<t)||(this._caching.lastIndex=i<t?this._caching.lastIndex:0,this.interpolateShape(t,this.pv,this._caching)),this._caching.lastFrame=t,this.pv}.bind(this)]}n.prototype.interpolateShape=t,n.prototype.getValue=r,n.prototype.setVValue=e,n.prototype.addEffect=i,o.prototype.getValue=r,o.prototype.interpolateShape=t,o.prototype.setVValue=e,o.prototype.addEffect=i;var h=function(){var n=roundCorner;function t(t,e){this.v=shape_pool.newElement(),this.v.setPathData(!0,4),this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.paths=this.localShapeCollection,this.localShapeCollection.addShape(this.v),this.d=e.d,this.elem=t,this.comp=t.comp,this.frameId=-1,this.initDynamicPropertyContainer(t),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.s=PropertyFactory.getProp(t,e.s,1,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertEllToPath())}return t.prototype={reset:a,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertEllToPath())},convertEllToPath:function(){var t=this.p.v[0],e=this.p.v[1],r=this.s.v[0]/2,i=this.s.v[1]/2,s=3!==this.d,a=this.v;a.v[0][0]=t,a.v[0][1]=e-i,a.v[1][0]=s?t+r:t-r,a.v[1][1]=e,a.v[2][0]=t,a.v[2][1]=e+i,a.v[3][0]=s?t-r:t+r,a.v[3][1]=e,a.i[0][0]=s?t-r*n:t+r*n,a.i[0][1]=e-i,a.i[1][0]=s?t+r:t-r,a.i[1][1]=e-i*n,a.i[2][0]=s?t+r*n:t-r*n,a.i[2][1]=e+i,a.i[3][0]=s?t-r:t+r,a.i[3][1]=e+i*n,a.o[0][0]=s?t+r*n:t-r*n,a.o[0][1]=e-i,a.o[1][0]=s?t+r:t-r,a.o[1][1]=e+i*n,a.o[2][0]=s?t-r*n:t+r*n,a.o[2][1]=e+i,a.o[3][0]=s?t-r:t+r,a.o[3][1]=e-i*n}},extendPrototype([DynamicPropertyContainer],t),t}(),p=function(){function t(t,e){this.v=shape_pool.newElement(),this.v.setPathData(!0,0),this.elem=t,this.comp=t.comp,this.data=e,this.frameId=-1,this.d=e.d,this.initDynamicPropertyContainer(t),1===e.sy?(this.ir=PropertyFactory.getProp(t,e.ir,0,0,this),this.is=PropertyFactory.getProp(t,e.is,0,.01,this),this.convertToPath=this.convertStarToPath):this.convertToPath=this.convertPolygonToPath,this.pt=PropertyFactory.getProp(t,e.pt,0,0,this),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.r=PropertyFactory.getProp(t,e.r,0,degToRads,this),this.or=PropertyFactory.getProp(t,e.or,0,0,this),this.os=PropertyFactory.getProp(t,e.os,0,.01,this),this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertToPath())}return t.prototype={reset:a,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertToPath())},convertStarToPath:function(){var t,e,r,i,s=2*Math.floor(this.pt.v),a=2*Math.PI/s,n=!0,o=this.or.v,h=this.ir.v,p=this.os.v,l=this.is.v,f=2*Math.PI*o/(2*s),m=2*Math.PI*h/(2*s),c=-Math.PI/2;c+=this.r.v;var d=3===this.data.d?-1:1;for(t=this.v._length=0;t<s;t+=1){r=n?p:l,i=n?f:m;var u=(e=n?o:h)*Math.cos(c),y=e*Math.sin(c),g=0===u&&0===y?0:y/Math.sqrt(u*u+y*y),v=0===u&&0===y?0:-u/Math.sqrt(u*u+y*y);u+=+this.p.v[0],y+=+this.p.v[1],this.v.setTripleAt(u,y,u-g*i*r*d,y-v*i*r*d,u+g*i*r*d,y+v*i*r*d,t,!0),n=!n,c+=a*d}},convertPolygonToPath:function(){var t,e=Math.floor(this.pt.v),r=2*Math.PI/e,i=this.or.v,s=this.os.v,a=2*Math.PI*i/(4*e),n=-Math.PI/2,o=3===this.data.d?-1:1;for(n+=this.r.v,t=this.v._length=0;t<e;t+=1){var h=i*Math.cos(n),p=i*Math.sin(n),l=0===h&&0===p?0:p/Math.sqrt(h*h+p*p),f=0===h&&0===p?0:-h/Math.sqrt(h*h+p*p);h+=+this.p.v[0],p+=+this.p.v[1],this.v.setTripleAt(h,p,h-l*a*s*o,p-f*a*s*o,h+l*a*s*o,p+f*a*s*o,t,!0),n+=r*o}this.paths.length=0,this.paths[0]=this.v}},extendPrototype([DynamicPropertyContainer],t),t}(),l=function(){function t(t,e){this.v=shape_pool.newElement(),this.v.c=!0,this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.elem=t,this.comp=t.comp,this.frameId=-1,this.d=e.d,this.initDynamicPropertyContainer(t),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.s=PropertyFactory.getProp(t,e.s,1,0,this),this.r=PropertyFactory.getProp(t,e.r,0,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertRectToPath())}return t.prototype={convertRectToPath:function(){var t=this.p.v[0],e=this.p.v[1],r=this.s.v[0]/2,i=this.s.v[1]/2,s=bm_min(r,i,this.r.v),a=s*(1-roundCorner);this.v._length=0,2===this.d||1===this.d?(this.v.setTripleAt(t+r,e-i+s,t+r,e-i+s,t+r,e-i+a,0,!0),this.v.setTripleAt(t+r,e+i-s,t+r,e+i-a,t+r,e+i-s,1,!0),0!==s?(this.v.setTripleAt(t+r-s,e+i,t+r-s,e+i,t+r-a,e+i,2,!0),this.v.setTripleAt(t-r+s,e+i,t-r+a,e+i,t-r+s,e+i,3,!0),this.v.setTripleAt(t-r,e+i-s,t-r,e+i-s,t-r,e+i-a,4,!0),this.v.setTripleAt(t-r,e-i+s,t-r,e-i+a,t-r,e-i+s,5,!0),this.v.setTripleAt(t-r+s,e-i,t-r+s,e-i,t-r+a,e-i,6,!0),this.v.setTripleAt(t+r-s,e-i,t+r-a,e-i,t+r-s,e-i,7,!0)):(this.v.setTripleAt(t-r,e+i,t-r+a,e+i,t-r,e+i,2),this.v.setTripleAt(t-r,e-i,t-r,e-i+a,t-r,e-i,3))):(this.v.setTripleAt(t+r,e-i+s,t+r,e-i+a,t+r,e-i+s,0,!0),0!==s?(this.v.setTripleAt(t+r-s,e-i,t+r-s,e-i,t+r-a,e-i,1,!0),this.v.setTripleAt(t-r+s,e-i,t-r+a,e-i,t-r+s,e-i,2,!0),this.v.setTripleAt(t-r,e-i+s,t-r,e-i+s,t-r,e-i+a,3,!0),this.v.setTripleAt(t-r,e+i-s,t-r,e+i-a,t-r,e+i-s,4,!0),this.v.setTripleAt(t-r+s,e+i,t-r+s,e+i,t-r+a,e+i,5,!0),this.v.setTripleAt(t+r-s,e+i,t+r-a,e+i,t+r-s,e+i,6,!0),this.v.setTripleAt(t+r,e+i-s,t+r,e+i-s,t+r,e+i-a,7,!0)):(this.v.setTripleAt(t-r,e-i,t-r+a,e-i,t-r,e-i,1,!0),this.v.setTripleAt(t-r,e+i,t-r,e+i-a,t-r,e+i,2,!0),this.v.setTripleAt(t+r,e+i,t+r-a,e+i,t+r,e+i,3,!0)))},getValue:function(t){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertRectToPath())},reset:a},extendPrototype([DynamicPropertyContainer],t),t}();var f={getShapeProp:function(t,e,r){var i;if(3===r||4===r){var s=3===r?e.pt:e.ks,a=s.k;i=1===s.a||a.length?new o(t,e,r):new n(t,e,r)}else 5===r?i=new l(t,e):6===r?i=new h(t,e):7===r&&(i=new p(t,e));return i.k&&t.addDynamicProperty(i),i},getConstructorFunction:function(){return n},getKeyframedConstructorFunction:function(){return o}};return f}(),ShapeModifiers=(Tr={},Ur={},Tr.registerModifier=function(t,e){Ur[t]||(Ur[t]=e)},Tr.getModifier=function(t,e,r){return new Ur[t](e,r)},Tr),Tr,Ur;function ShapeModifier(){}function TrimModifier(){}function RoundCornersModifier(){}function RepeaterModifier(){}function ShapeCollection(){this._length=0,this._maxLength=4,this.shapes=createSizedArray(this._maxLength)}function DashProperty(t,e,r,i){this.elem=t,this.frameId=-1,this.dataProps=createSizedArray(e.length),this.renderer=r,this.k=!1,this.dashStr="",this.dashArray=createTypedArray("float32",e.length?e.length-1:0),this.dashoffset=createTypedArray("float32",1),this.initDynamicPropertyContainer(i);var s,a,n=e.length||0;for(s=0;s<n;s+=1)a=PropertyFactory.getProp(t,e[s].v,0,0,this),this.k=a.k||this.k,this.dataProps[s]={n:e[s].n,p:a};this.k||this.getValue(!0),this._isAnimated=this.k}function GradientProperty(t,e,r){this.data=e,this.c=createTypedArray("uint8c",4*e.p);var i=e.k.k[0].s?e.k.k[0].s.length-4*e.p:e.k.k.length-4*e.p;this.o=createTypedArray("float32",i),this._cmdf=!1,this._omdf=!1,this._collapsable=this.checkCollapsable(),this._hasOpacity=i,this.initDynamicPropertyContainer(r),this.prop=PropertyFactory.getProp(t,e.k,1,null,this),this.k=this.prop.k,this.getValue(!0)}ShapeModifier.prototype.initModifierProperties=function(){},ShapeModifier.prototype.addShapeToModifier=function(){},ShapeModifier.prototype.addShape=function(t){if(!this.closed){var e={shape:t.sh,data:t,localShapeCollection:shapeCollection_pool.newShapeCollection()};this.shapes.push(e),this.addShapeToModifier(e),this._isAnimated&&t.setAsAnimated()}},ShapeModifier.prototype.init=function(t,e){this.shapes=[],this.elem=t,this.initDynamicPropertyContainer(t),this.initModifierProperties(t,e),this.frameId=initialDefaultFrame,this.closed=!1,this.k=!1,this.dynamicProperties.length?this.k=!0:this.getValue(!0)},ShapeModifier.prototype.processKeys=function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties())},extendPrototype([DynamicPropertyContainer],ShapeModifier),extendPrototype([ShapeModifier],TrimModifier),TrimModifier.prototype.initModifierProperties=function(t,e){this.s=PropertyFactory.getProp(t,e.s,0,.01,this),this.e=PropertyFactory.getProp(t,e.e,0,.01,this),this.o=PropertyFactory.getProp(t,e.o,0,0,this),this.sValue=0,this.eValue=0,this.getValue=this.processKeys,this.m=e.m,this._isAnimated=!!this.s.effectsSequence.length||!!this.e.effectsSequence.length||!!this.o.effectsSequence.length},TrimModifier.prototype.addShapeToModifier=function(t){t.pathsData=[]},TrimModifier.prototype.calculateShapeEdges=function(t,e,r,i,s){var a=[];e<=1?a.push({s:t,e:e}):1<=t?a.push({s:t-1,e:e-1}):(a.push({s:t,e:1}),a.push({s:0,e:e-1}));var n,o,h=[],p=a.length;for(n=0;n<p;n+=1){var l,f;if((o=a[n]).e*s<i||o.s*s>i+r);else l=o.s*s<=i?0:(o.s*s-i)/r,f=o.e*s>=i+r?1:(o.e*s-i)/r,h.push([l,f])}return h.length||h.push([0,0]),h},TrimModifier.prototype.releasePathsData=function(t){var e,r=t.length;for(e=0;e<r;e+=1)segments_length_pool.release(t[e]);return t.length=0,t},TrimModifier.prototype.processShapes=function(t){var e,r,i;if(this._mdf||t){var s=this.o.v%360/360;if(s<0&&(s+=1),e=(1<this.s.v?1:this.s.v<0?0:this.s.v)+s,(r=(1<this.e.v?1:this.e.v<0?0:this.e.v)+s)<e){var a=e;e=r,r=a}e=1e-4*Math.round(1e4*e),r=1e-4*Math.round(1e4*r),this.sValue=e,this.eValue=r}else e=this.sValue,r=this.eValue;var n,o,h,p,l,f,m=this.shapes.length,c=0;if(r===e)for(n=0;n<m;n+=1)this.shapes[n].localShapeCollection.releaseShapes(),this.shapes[n].shape._mdf=!0,this.shapes[n].shape.paths=this.shapes[n].localShapeCollection;else if(1===r&&0===e||0===r&&1===e){if(this._mdf)for(n=0;n<m;n+=1)this.shapes[n].pathsData.length=0,this.shapes[n].shape._mdf=!0}else{var d,u,y=[];for(n=0;n<m;n+=1)if((d=this.shapes[n]).shape._mdf||this._mdf||t||2===this.m){if(h=(i=d.shape.paths)._length,f=0,!d.shape._mdf&&d.pathsData.length)f=d.totalShapeLength;else{for(p=this.releasePathsData(d.pathsData),o=0;o<h;o+=1)l=bez.getSegmentsLength(i.shapes[o]),p.push(l),f+=l.totalLength;d.totalShapeLength=f,d.pathsData=p}c+=f,d.shape._mdf=!0}else d.shape.paths=d.localShapeCollection;var g,v=e,b=r,P=0;for(n=m-1;0<=n;n-=1)if((d=this.shapes[n]).shape._mdf){for((u=d.localShapeCollection).releaseShapes(),2===this.m&&1<m?(g=this.calculateShapeEdges(e,r,d.totalShapeLength,P,c),P+=d.totalShapeLength):g=[[v,b]],h=g.length,o=0;o<h;o+=1){v=g[o][0],b=g[o][1],y.length=0,b<=1?y.push({s:d.totalShapeLength*v,e:d.totalShapeLength*b}):1<=v?y.push({s:d.totalShapeLength*(v-1),e:d.totalShapeLength*(b-1)}):(y.push({s:d.totalShapeLength*v,e:d.totalShapeLength}),y.push({s:0,e:d.totalShapeLength*(b-1)}));var _=this.addShapes(d,y[0]);if(y[0].s!==y[0].e){if(1<y.length)if(d.shape.paths.shapes[d.shape.paths._length-1].c){var S=_.pop();this.addPaths(_,u),_=this.addShapes(d,y[1],S)}else this.addPaths(_,u),_=this.addShapes(d,y[1]);this.addPaths(_,u)}}d.shape.paths=u}}},TrimModifier.prototype.addPaths=function(t,e){var r,i=t.length;for(r=0;r<i;r+=1)e.addShape(t[r])},TrimModifier.prototype.addSegment=function(t,e,r,i,s,a,n){s.setXYAt(e[0],e[1],"o",a),s.setXYAt(r[0],r[1],"i",a+1),n&&s.setXYAt(t[0],t[1],"v",a),s.setXYAt(i[0],i[1],"v",a+1)},TrimModifier.prototype.addSegmentFromArray=function(t,e,r,i){e.setXYAt(t[1],t[5],"o",r),e.setXYAt(t[2],t[6],"i",r+1),i&&e.setXYAt(t[0],t[4],"v",r),e.setXYAt(t[3],t[7],"v",r+1)},TrimModifier.prototype.addShapes=function(t,e,r){var i,s,a,n,o,h,p,l,f=t.pathsData,m=t.shape.paths.shapes,c=t.shape.paths._length,d=0,u=[],y=!0;for(l=r?(o=r._length,r._length):(r=shape_pool.newElement(),o=0),u.push(r),i=0;i<c;i+=1){for(h=f[i].lengths,r.c=m[i].c,a=m[i].c?h.length:h.length+1,s=1;s<a;s+=1)if(d+(n=h[s-1]).addedLength<e.s)d+=n.addedLength,r.c=!1;else{if(d>e.e){r.c=!1;break}e.s<=d&&e.e>=d+n.addedLength?(this.addSegment(m[i].v[s-1],m[i].o[s-1],m[i].i[s],m[i].v[s],r,o,y),y=!1):(p=bez.getNewSegment(m[i].v[s-1],m[i].v[s],m[i].o[s-1],m[i].i[s],(e.s-d)/n.addedLength,(e.e-d)/n.addedLength,h[s-1]),this.addSegmentFromArray(p,r,o,y),y=!1,r.c=!1),d+=n.addedLength,o+=1}if(m[i].c&&h.length){if(n=h[s-1],d<=e.e){var g=h[s-1].addedLength;e.s<=d&&e.e>=d+g?(this.addSegment(m[i].v[s-1],m[i].o[s-1],m[i].i[0],m[i].v[0],r,o,y),y=!1):(p=bez.getNewSegment(m[i].v[s-1],m[i].v[0],m[i].o[s-1],m[i].i[0],(e.s-d)/g,(e.e-d)/g,h[s-1]),this.addSegmentFromArray(p,r,o,y),y=!1,r.c=!1)}else r.c=!1;d+=n.addedLength,o+=1}if(r._length&&(r.setXYAt(r.v[l][0],r.v[l][1],"i",l),r.setXYAt(r.v[r._length-1][0],r.v[r._length-1][1],"o",r._length-1)),d>e.e)break;i<c-1&&(r=shape_pool.newElement(),y=!0,u.push(r),o=0)}return u},ShapeModifiers.registerModifier("tm",TrimModifier),extendPrototype([ShapeModifier],RoundCornersModifier),RoundCornersModifier.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.rd=PropertyFactory.getProp(t,e.r,0,null,this),this._isAnimated=!!this.rd.effectsSequence.length},RoundCornersModifier.prototype.processPath=function(t,e){var r=shape_pool.newElement();r.c=t.c;var i,s,a,n,o,h,p,l,f,m,c,d,u,y=t._length,g=0;for(i=0;i<y;i+=1)s=t.v[i],n=t.o[i],a=t.i[i],s[0]===n[0]&&s[1]===n[1]&&s[0]===a[0]&&s[1]===a[1]?0!==i&&i!==y-1||t.c?(o=0===i?t.v[y-1]:t.v[i-1],p=(h=Math.sqrt(Math.pow(s[0]-o[0],2)+Math.pow(s[1]-o[1],2)))?Math.min(h/2,e)/h:0,l=d=s[0]+(o[0]-s[0])*p,f=u=s[1]-(s[1]-o[1])*p,m=l-(l-s[0])*roundCorner,c=f-(f-s[1])*roundCorner,r.setTripleAt(l,f,m,c,d,u,g),g+=1,o=i===y-1?t.v[0]:t.v[i+1],p=(h=Math.sqrt(Math.pow(s[0]-o[0],2)+Math.pow(s[1]-o[1],2)))?Math.min(h/2,e)/h:0,l=m=s[0]+(o[0]-s[0])*p,f=c=s[1]+(o[1]-s[1])*p,d=l-(l-s[0])*roundCorner,u=f-(f-s[1])*roundCorner,r.setTripleAt(l,f,m,c,d,u,g)):r.setTripleAt(s[0],s[1],n[0],n[1],a[0],a[1],g):r.setTripleAt(t.v[i][0],t.v[i][1],t.o[i][0],t.o[i][1],t.i[i][0],t.i[i][1],g),g+=1;return r},RoundCornersModifier.prototype.processShapes=function(t){var e,r,i,s,a,n,o=this.shapes.length,h=this.rd.v;if(0!==h)for(r=0;r<o;r+=1){if((a=this.shapes[r]).shape.paths,n=a.localShapeCollection,a.shape._mdf||this._mdf||t)for(n.releaseShapes(),a.shape._mdf=!0,e=a.shape.paths.shapes,s=a.shape.paths._length,i=0;i<s;i+=1)n.addShape(this.processPath(e[i],h));a.shape.paths=a.localShapeCollection}this.dynamicProperties.length||(this._mdf=!1)},ShapeModifiers.registerModifier("rd",RoundCornersModifier),extendPrototype([ShapeModifier],RepeaterModifier),RepeaterModifier.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.c=PropertyFactory.getProp(t,e.c,0,null,this),this.o=PropertyFactory.getProp(t,e.o,0,null,this),this.tr=TransformPropertyFactory.getTransformProperty(t,e.tr,this),this.so=PropertyFactory.getProp(t,e.tr.so,0,.01,this),this.eo=PropertyFactory.getProp(t,e.tr.eo,0,.01,this),this.data=e,this.dynamicProperties.length||this.getValue(!0),this._isAnimated=!!this.dynamicProperties.length,this.pMatrix=new Matrix,this.rMatrix=new Matrix,this.sMatrix=new Matrix,this.tMatrix=new Matrix,this.matrix=new Matrix},RepeaterModifier.prototype.applyTransforms=function(t,e,r,i,s,a){var n=a?-1:1,o=i.s.v[0]+(1-i.s.v[0])*(1-s),h=i.s.v[1]+(1-i.s.v[1])*(1-s);t.translate(i.p.v[0]*n*s,i.p.v[1]*n*s,i.p.v[2]),e.translate(-i.a.v[0],-i.a.v[1],i.a.v[2]),e.rotate(-i.r.v*n*s),e.translate(i.a.v[0],i.a.v[1],i.a.v[2]),r.translate(-i.a.v[0],-i.a.v[1],i.a.v[2]),r.scale(a?1/o:o,a?1/h:h),r.translate(i.a.v[0],i.a.v[1],i.a.v[2])},RepeaterModifier.prototype.init=function(t,e,r,i){this.elem=t,this.arr=e,this.pos=r,this.elemsData=i,this._currentCopies=0,this._elements=[],this._groups=[],this.frameId=-1,this.initDynamicPropertyContainer(t),this.initModifierProperties(t,e[r]);for(;0<r;)r-=1,this._elements.unshift(e[r]),1;this.dynamicProperties.length?this.k=!0:this.getValue(!0)},RepeaterModifier.prototype.resetElements=function(t){var e,r=t.length;for(e=0;e<r;e+=1)t[e]._processed=!1,"gr"===t[e].ty&&this.resetElements(t[e].it)},RepeaterModifier.prototype.cloneElements=function(t){t.length;var e=JSON.parse(JSON.stringify(t));return this.resetElements(e),e},RepeaterModifier.prototype.changeGroupRender=function(t,e){var r,i=t.length;for(r=0;r<i;r+=1)t[r]._render=e,"gr"===t[r].ty&&this.changeGroupRender(t[r].it,e)},RepeaterModifier.prototype.processShapes=function(t){var e,r,i,s,a;if(this._mdf||t){var n,o=Math.ceil(this.c.v);if(this._groups.length<o){for(;this._groups.length<o;){var h={it:this.cloneElements(this._elements),ty:"gr"};h.it.push({a:{a:0,ix:1,k:[0,0]},nm:"Transform",o:{a:0,ix:7,k:100},p:{a:0,ix:2,k:[0,0]},r:{a:1,ix:6,k:[{s:0,e:0,t:0},{s:0,e:0,t:1}]},s:{a:0,ix:3,k:[100,100]},sa:{a:0,ix:5,k:0},sk:{a:0,ix:4,k:0},ty:"tr"}),this.arr.splice(0,0,h),this._groups.splice(0,0,h),this._currentCopies+=1}this.elem.reloadShapes()}for(i=a=0;i<=this._groups.length-1;i+=1)n=a<o,this._groups[i]._render=n,this.changeGroupRender(this._groups[i].it,n),a+=1;this._currentCopies=o;var p=this.o.v,l=p%1,f=0<p?Math.floor(p):Math.ceil(p),m=(this.tr.v.props,this.pMatrix.props),c=this.rMatrix.props,d=this.sMatrix.props;this.pMatrix.reset(),this.rMatrix.reset(),this.sMatrix.reset(),this.tMatrix.reset(),this.matrix.reset();var u,y,g=0;if(0<p){for(;g<f;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),g+=1;l&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,l,!1),g+=l)}else if(p<0){for(;f<g;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!0),g-=1;l&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,-l,!0),g-=l)}for(i=1===this.data.m?0:this._currentCopies-1,s=1===this.data.m?1:-1,a=this._currentCopies;a;){if(y=(r=(e=this.elemsData[i].it)[e.length-1].transform.mProps.v.props).length,e[e.length-1].transform.mProps._mdf=!0,e[e.length-1].transform.op._mdf=!0,e[e.length-1].transform.op.v=this.so.v+(this.eo.v-this.so.v)*(i/(this._currentCopies-1)),0!==g){for((0!==i&&1===s||i!==this._currentCopies-1&&-1===s)&&this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),this.matrix.transform(c[0],c[1],c[2],c[3],c[4],c[5],c[6],c[7],c[8],c[9],c[10],c[11],c[12],c[13],c[14],c[15]),this.matrix.transform(d[0],d[1],d[2],d[3],d[4],d[5],d[6],d[7],d[8],d[9],d[10],d[11],d[12],d[13],d[14],d[15]),this.matrix.transform(m[0],m[1],m[2],m[3],m[4],m[5],m[6],m[7],m[8],m[9],m[10],m[11],m[12],m[13],m[14],m[15]),u=0;u<y;u+=1)r[u]=this.matrix.props[u];this.matrix.reset()}else for(this.matrix.reset(),u=0;u<y;u+=1)r[u]=this.matrix.props[u];g+=1,a-=1,i+=s}}else for(a=this._currentCopies,i=0,s=1;a;)r=(e=this.elemsData[i].it)[e.length-1].transform.mProps.v.props,e[e.length-1].transform.mProps._mdf=!1,e[e.length-1].transform.op._mdf=!1,a-=1,i+=s},RepeaterModifier.prototype.addShape=function(){},ShapeModifiers.registerModifier("rp",RepeaterModifier),ShapeCollection.prototype.addShape=function(t){this._length===this._maxLength&&(this.shapes=this.shapes.concat(createSizedArray(this._maxLength)),this._maxLength*=2),this.shapes[this._length]=t,this._length+=1},ShapeCollection.prototype.releaseShapes=function(){var t;for(t=0;t<this._length;t+=1)shape_pool.release(this.shapes[t]);this._length=0},DashProperty.prototype.getValue=function(t){if((this.elem.globalData.frameId!==this.frameId||t)&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf=this._mdf||t,this._mdf)){var e=0,r=this.dataProps.length;for("svg"===this.renderer&&(this.dashStr=""),e=0;e<r;e+=1)"o"!=this.dataProps[e].n?"svg"===this.renderer?this.dashStr+=" "+this.dataProps[e].p.v:this.dashArray[e]=this.dataProps[e].p.v:this.dashoffset[0]=this.dataProps[e].p.v}},extendPrototype([DynamicPropertyContainer],DashProperty),GradientProperty.prototype.comparePoints=function(t,e){for(var r=0,i=this.o.length/2;r<i;){if(.01<Math.abs(t[4*r]-t[4*e+2*r]))return!1;r+=1}return!0},GradientProperty.prototype.checkCollapsable=function(){if(this.o.length/2!=this.c.length/4)return!1;if(this.data.k.k[0].s)for(var t=0,e=this.data.k.k.length;t<e;){if(!this.comparePoints(this.data.k.k[t].s,this.data.p))return!1;t+=1}else if(!this.comparePoints(this.data.k.k,this.data.p))return!1;return!0},GradientProperty.prototype.getValue=function(t){if(this.prop.getValue(),this._mdf=!1,this._cmdf=!1,this._omdf=!1,this.prop._mdf||t){var e,r,i,s=4*this.data.p;for(e=0;e<s;e+=1)r=e%4==0?100:255,i=Math.round(this.prop.v[e]*r),this.c[e]!==i&&(this.c[e]=i,this._cmdf=!t);if(this.o.length)for(s=this.prop.v.length,e=4*this.data.p;e<s;e+=1)r=e%2==0?100:1,i=e%2==0?Math.round(100*this.prop.v[e]):this.prop.v[e],this.o[e-4*this.data.p]!==i&&(this.o[e-4*this.data.p]=i,this._omdf=!t);this._mdf=!t}},extendPrototype([DynamicPropertyContainer],GradientProperty);var buildShapeString=function(t,e,r,i){if(0===e)return"";var s,a=t.o,n=t.i,o=t.v,h=" M"+i.applyToPointStringified(o[0][0],o[0][1]);for(s=1;s<e;s+=1)h+=" C"+i.applyToPointStringified(a[s-1][0],a[s-1][1])+" "+i.applyToPointStringified(n[s][0],n[s][1])+" "+i.applyToPointStringified(o[s][0],o[s][1]);return r&&e&&(h+=" C"+i.applyToPointStringified(a[s-1][0],a[s-1][1])+" "+i.applyToPointStringified(n[0][0],n[0][1])+" "+i.applyToPointStringified(o[0][0],o[0][1]),h+="z"),h},ImagePreloader=function(){var s=function(){var t=createTag("canvas");t.width=1,t.height=1;var e=t.getContext("2d");return e.fillStyle="#FF0000",e.fillRect(0,0,1,1),t}();function t(){this.loadedAssets+=1,this.loadedAssets===this.totalImages&&this.imagesLoadedCb&&this.imagesLoadedCb(null)}function e(t){var e=function(t,e,r){var i="";if(t.e)i=t.p;else if(e){var s=t.p;-1!==s.indexOf("images/")&&(s=s.split("/")[1]),i=e+s}else i=r,i+=t.u?t.u:"",i+=t.p;return i}(t,this.assetsPath,this.path),r=createTag("img");r.crossOrigin="anonymous",r.addEventListener("load",this._imageLoaded.bind(this),!1),r.addEventListener("error",function(){i.img=s,this._imageLoaded()}.bind(this),!1),r.src=e;var i={img:r,assetData:t};return i}function r(t,e){this.imagesLoadedCb=e;var r,i=t.length;for(r=0;r<i;r+=1)t[r].layers||(this.totalImages+=1,this.images.push(this._createImageData(t[r])))}function i(t){this.path=t||""}function a(t){this.assetsPath=t||""}function n(t){for(var e=0,r=this.images.length;e<r;){if(this.images[e].assetData===t)return this.images[e].img;e+=1}}function o(){this.imagesLoadedCb=null,this.images.length=0}function h(){return this.totalImages===this.loadedAssets}return function(){this.loadAssets=r,this.setAssetsPath=a,this.setPath=i,this.loaded=h,this.destroy=o,this.getImage=n,this._createImageData=e,this._imageLoaded=t,this.assetsPath="",this.path="",this.totalImages=0,this.loadedAssets=0,this.imagesLoadedCb=null,this.images=[]}}(),featureSupport=(lw={maskType:!0},(/MSIE 10/i.test(navigator.userAgent)||/MSIE 9/i.test(navigator.userAgent)||/rv:11.0/i.test(navigator.userAgent)||/Edge\/\d./i.test(navigator.userAgent))&&(lw.maskType=!1),lw),lw,filtersFactory=(mw={},mw.createFilter=function(t){var e=createNS("filter");return e.setAttribute("id",t),e.setAttribute("filterUnits","objectBoundingBox"),e.setAttribute("x","0%"),e.setAttribute("y","0%"),e.setAttribute("width","100%"),e.setAttribute("height","100%"),e},mw.createAlphaToLuminanceFilter=function(){var t=createNS("feColorMatrix");return t.setAttribute("type","matrix"),t.setAttribute("color-interpolation-filters","sRGB"),t.setAttribute("values","0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1"),t},mw),mw,assetLoader=function(){function a(t){return t.response&&"object"==typeof t.response?t.response:t.response&&"string"==typeof t.response?JSON.parse(t.response):t.responseText?JSON.parse(t.responseText):void 0}return{load:function(t,e,r){var i,s=new XMLHttpRequest;s.open("GET",t,!0),s.responseType="json",s.send(),s.onreadystatechange=function(){if(4==s.readyState)if(200==s.status)i=a(s),e(i);else try{i=a(s),e(i)}catch(t){r&&r(t)}}}}}();function TextAnimatorProperty(t,e,r){this._isFirstFrame=!0,this._hasMaskedPath=!1,this._frameId=-1,this._textData=t,this._renderType=e,this._elem=r,this._animatorsData=createSizedArray(this._textData.a.length),this._pathData={},this._moreOptions={alignment:{}},this.renderedLetters=[],this.lettersChangedFlag=!1,this.initDynamicPropertyContainer(r)}function TextAnimatorDataProperty(t,e,r){var i={propType:!1},s=PropertyFactory.getProp,a=e.a;this.a={r:a.r?s(t,a.r,0,degToRads,r):i,rx:a.rx?s(t,a.rx,0,degToRads,r):i,ry:a.ry?s(t,a.ry,0,degToRads,r):i,sk:a.sk?s(t,a.sk,0,degToRads,r):i,sa:a.sa?s(t,a.sa,0,degToRads,r):i,s:a.s?s(t,a.s,1,.01,r):i,a:a.a?s(t,a.a,1,0,r):i,o:a.o?s(t,a.o,0,.01,r):i,p:a.p?s(t,a.p,1,0,r):i,sw:a.sw?s(t,a.sw,0,0,r):i,sc:a.sc?s(t,a.sc,1,0,r):i,fc:a.fc?s(t,a.fc,1,0,r):i,fh:a.fh?s(t,a.fh,0,0,r):i,fs:a.fs?s(t,a.fs,0,.01,r):i,fb:a.fb?s(t,a.fb,0,.01,r):i,t:a.t?s(t,a.t,0,0,r):i},this.s=TextSelectorProp.getTextSelectorProp(t,e.s,r),this.s.t=e.s.t}function LetterProps(t,e,r,i,s,a){this.o=t,this.sw=e,this.sc=r,this.fc=i,this.m=s,this.p=a,this._mdf={o:!0,sw:!!e,sc:!!r,fc:!!i,m:!0,p:!0}}function TextProperty(t,e){this._frameId=initialDefaultFrame,this.pv="",this.v="",this.kf=!1,this._isFirstFrame=!0,this._mdf=!1,this.data=e,this.elem=t,this.comp=this.elem.comp,this.keysIndex=0,this.canResize=!1,this.minimumFontSize=1,this.effectsSequence=[],this.currentData={ascent:0,boxWidth:this.defaultBoxWidth,f:"",fStyle:"",fWeight:"",fc:"",j:"",justifyOffset:"",l:[],lh:0,lineWidths:[],ls:"",of:"",s:"",sc:"",sw:0,t:0,tr:0,sz:0,ps:null,fillColorAnim:!1,strokeColorAnim:!1,strokeWidthAnim:!1,yOffset:0,finalSize:0,finalText:[],finalLineHeight:0,__complete:!1},this.copyData(this.currentData,this.data.d.k[0].s),this.searchProperty()||this.completeTextData(this.currentData)}TextAnimatorProperty.prototype.searchProperties=function(){var t,e,r=this._textData.a.length,i=PropertyFactory.getProp;for(t=0;t<r;t+=1)e=this._textData.a[t],this._animatorsData[t]=new TextAnimatorDataProperty(this._elem,e,this);this._textData.p&&"m"in this._textData.p?(this._pathData={f:i(this._elem,this._textData.p.f,0,0,this),l:i(this._elem,this._textData.p.l,0,0,this),r:this._textData.p.r,m:this._elem.maskManager.getMaskProperty(this._textData.p.m)},this._hasMaskedPath=!0):this._hasMaskedPath=!1,this._moreOptions.alignment=i(this._elem,this._textData.m.a,1,0,this)},TextAnimatorProperty.prototype.getMeasures=function(t,e){if(this.lettersChangedFlag=e,this._mdf||this._isFirstFrame||e||this._hasMaskedPath&&this._pathData.m._mdf){this._isFirstFrame=!1;var r,i,s,a,n,o,h,p,l,f,m,c,d,u,y,g,v,b,P,_=this._moreOptions.alignment.v,S=this._animatorsData,A=this._textData,x=this.mHelper,E=this._renderType,k=this.renderedLetters.length,T=(this.data,t.l);if(this._hasMaskedPath){if(P=this._pathData.m,!this._pathData.n||this._pathData._mdf){var M,D=P.v;for(this._pathData.r&&(D=D.reverse()),n={tLength:0,segments:[]},a=D._length-1,s=g=0;s<a;s+=1)M={s:D.v[s],e:D.v[s+1],to:[D.o[s][0]-D.v[s][0],D.o[s][1]-D.v[s][1]],ti:[D.i[s+1][0]-D.v[s+1][0],D.i[s+1][1]-D.v[s+1][1]]},bez.buildBezierData(M),n.tLength+=M.bezierData.segmentLength,n.segments.push(M),g+=M.bezierData.segmentLength;s=a,P.v.c&&(M={s:D.v[s],e:D.v[0],to:[D.o[s][0]-D.v[s][0],D.o[s][1]-D.v[s][1]],ti:[D.i[0][0]-D.v[0][0],D.i[0][1]-D.v[0][1]]},bez.buildBezierData(M),n.tLength+=M.bezierData.segmentLength,n.segments.push(M),g+=M.bezierData.segmentLength),this._pathData.pi=n}if(n=this._pathData.pi,o=this._pathData.f.v,f=1,l=!(p=m=0),u=n.segments,o<0&&P.v.c)for(n.tLength<Math.abs(o)&&(o=-Math.abs(o)%n.tLength),f=(d=u[m=u.length-1].bezierData.points).length-1;o<0;)o+=d[f].partialLength,(f-=1)<0&&(f=(d=u[m-=1].bezierData.points).length-1);c=(d=u[m].bezierData.points)[f-1],y=(h=d[f]).partialLength}a=T.length,i=r=0;var F,C,I,w,V=1.2*t.finalSize*.714,R=!0;I=S.length;var L,G,N,z,B,O,j,q,H,W,X,Y,J,U=-1,$=o,K=m,Z=f,Q=-1,tt="",et=this.defaultPropsArray;if(2===t.j||1===t.j){var rt=0,it=0,st=2===t.j?-.5:-1,at=0,nt=!0;for(s=0;s<a;s+=1)if(T[s].n){for(rt&&(rt+=it);at<s;)T[at].animatorJustifyOffset=rt,at+=1;nt=!(rt=0)}else{for(C=0;C<I;C+=1)(F=S[C].a).t.propType&&(nt&&2===t.j&&(it+=F.t.v*st),(L=S[C].s.getMult(T[s].anIndexes[C],A.a[C].s.totalChars)).length?rt+=F.t.v*L[0]*st:rt+=F.t.v*L*st);nt=!1}for(rt&&(rt+=it);at<s;)T[at].animatorJustifyOffset=rt,at+=1}for(s=0;s<a;s+=1){if(x.reset(),B=1,T[s].n)r=0,i+=t.yOffset,i+=R?1:0,o=$,R=!1,0,this._hasMaskedPath&&(f=Z,c=(d=u[m=K].bezierData.points)[f-1],y=(h=d[f]).partialLength,p=0),J=W=Y=tt="",et=this.defaultPropsArray;else{if(this._hasMaskedPath){if(Q!==T[s].line){switch(t.j){case 1:o+=g-t.lineWidths[T[s].line];break;case 2:o+=(g-t.lineWidths[T[s].line])/2}Q=T[s].line}U!==T[s].ind&&(T[U]&&(o+=T[U].extra),o+=T[s].an/2,U=T[s].ind),o+=_[0]*T[s].an/200;var ot=0;for(C=0;C<I;C+=1)(F=S[C].a).p.propType&&((L=S[C].s.getMult(T[s].anIndexes[C],A.a[C].s.totalChars)).length?ot+=F.p.v[0]*L[0]:ot+=F.p.v[0]*L),F.a.propType&&((L=S[C].s.getMult(T[s].anIndexes[C],A.a[C].s.totalChars)).length?ot+=F.a.v[0]*L[0]:ot+=F.a.v[0]*L);for(l=!0;l;)o+ot<=p+y||!d?(v=(o+ot-p)/h.partialLength,N=c.point[0]+(h.point[0]-c.point[0])*v,z=c.point[1]+(h.point[1]-c.point[1])*v,x.translate(-_[0]*T[s].an/200,-_[1]*V/100),l=!1):d&&(p+=h.partialLength,(f+=1)>=d.length&&(f=0,d=u[m+=1]?u[m].bezierData.points:P.v.c?u[m=f=0].bezierData.points:(p-=h.partialLength,null)),d&&(c=h,y=(h=d[f]).partialLength));G=T[s].an/2-T[s].add,x.translate(-G,0,0)}else G=T[s].an/2-T[s].add,x.translate(-G,0,0),x.translate(-_[0]*T[s].an/200,-_[1]*V/100,0);for(T[s].l/2,C=0;C<I;C+=1)(F=S[C].a).t.propType&&(L=S[C].s.getMult(T[s].anIndexes[C],A.a[C].s.totalChars),0===r&&0===t.j||(this._hasMaskedPath?L.length?o+=F.t.v*L[0]:o+=F.t.v*L:L.length?r+=F.t.v*L[0]:r+=F.t.v*L));for(T[s].l/2,t.strokeWidthAnim&&(j=t.sw||0),t.strokeColorAnim&&(O=t.sc?[t.sc[0],t.sc[1],t.sc[2]]:[0,0,0]),t.fillColorAnim&&t.fc&&(q=[t.fc[0],t.fc[1],t.fc[2]]),C=0;C<I;C+=1)(F=S[C].a).a.propType&&((L=S[C].s.getMult(T[s].anIndexes[C],A.a[C].s.totalChars)).length?x.translate(-F.a.v[0]*L[0],-F.a.v[1]*L[1],F.a.v[2]*L[2]):x.translate(-F.a.v[0]*L,-F.a.v[1]*L,F.a.v[2]*L));for(C=0;C<I;C+=1)(F=S[C].a).s.propType&&((L=S[C].s.getMult(T[s].anIndexes[C],A.a[C].s.totalChars)).length?x.scale(1+(F.s.v[0]-1)*L[0],1+(F.s.v[1]-1)*L[1],1):x.scale(1+(F.s.v[0]-1)*L,1+(F.s.v[1]-1)*L,1));for(C=0;C<I;C+=1){if(F=S[C].a,L=S[C].s.getMult(T[s].anIndexes[C],A.a[C].s.totalChars),F.sk.propType&&(L.length?x.skewFromAxis(-F.sk.v*L[0],F.sa.v*L[1]):x.skewFromAxis(-F.sk.v*L,F.sa.v*L)),F.r.propType&&(L.length?x.rotateZ(-F.r.v*L[2]):x.rotateZ(-F.r.v*L)),F.ry.propType&&(L.length?x.rotateY(F.ry.v*L[1]):x.rotateY(F.ry.v*L)),F.rx.propType&&(L.length?x.rotateX(F.rx.v*L[0]):x.rotateX(F.rx.v*L)),F.o.propType&&(L.length?B+=(F.o.v*L[0]-B)*L[0]:B+=(F.o.v*L-B)*L),t.strokeWidthAnim&&F.sw.propType&&(L.length?j+=F.sw.v*L[0]:j+=F.sw.v*L),t.strokeColorAnim&&F.sc.propType)for(H=0;H<3;H+=1)L.length?O[H]=O[H]+(F.sc.v[H]-O[H])*L[0]:O[H]=O[H]+(F.sc.v[H]-O[H])*L;if(t.fillColorAnim&&t.fc){if(F.fc.propType)for(H=0;H<3;H+=1)L.length?q[H]=q[H]+(F.fc.v[H]-q[H])*L[0]:q[H]=q[H]+(F.fc.v[H]-q[H])*L;F.fh.propType&&(q=L.length?addHueToRGB(q,F.fh.v*L[0]):addHueToRGB(q,F.fh.v*L)),F.fs.propType&&(q=L.length?addSaturationToRGB(q,F.fs.v*L[0]):addSaturationToRGB(q,F.fs.v*L)),F.fb.propType&&(q=L.length?addBrightnessToRGB(q,F.fb.v*L[0]):addBrightnessToRGB(q,F.fb.v*L))}}for(C=0;C<I;C+=1)(F=S[C].a).p.propType&&(L=S[C].s.getMult(T[s].anIndexes[C],A.a[C].s.totalChars),this._hasMaskedPath?L.length?x.translate(0,F.p.v[1]*L[0],-F.p.v[2]*L[1]):x.translate(0,F.p.v[1]*L,-F.p.v[2]*L):L.length?x.translate(F.p.v[0]*L[0],F.p.v[1]*L[1],-F.p.v[2]*L[2]):x.translate(F.p.v[0]*L,F.p.v[1]*L,-F.p.v[2]*L));if(t.strokeWidthAnim&&(W=j<0?0:j),t.strokeColorAnim&&(X="rgb("+Math.round(255*O[0])+","+Math.round(255*O[1])+","+Math.round(255*O[2])+")"),t.fillColorAnim&&t.fc&&(Y="rgb("+Math.round(255*q[0])+","+Math.round(255*q[1])+","+Math.round(255*q[2])+")"),this._hasMaskedPath){if(x.translate(0,-t.ls),x.translate(0,_[1]*V/100+i,0),A.p.p){b=(h.point[1]-c.point[1])/(h.point[0]-c.point[0]);var ht=180*Math.atan(b)/Math.PI;h.point[0]<c.point[0]&&(ht+=180),x.rotate(-ht*Math.PI/180)}x.translate(N,z,0),o-=_[0]*T[s].an/200,T[s+1]&&U!==T[s+1].ind&&(o+=T[s].an/2,o+=t.tr/1e3*t.finalSize)}else{switch(x.translate(r,i,0),t.ps&&x.translate(t.ps[0],t.ps[1]+t.ascent,0),t.j){case 1:x.translate(T[s].animatorJustifyOffset+t.justifyOffset+(t.boxWidth-t.lineWidths[T[s].line]),0,0);break;case 2:x.translate(T[s].animatorJustifyOffset+t.justifyOffset+(t.boxWidth-t.lineWidths[T[s].line])/2,0,0)}x.translate(0,-t.ls),x.translate(G,0,0),x.translate(_[0]*T[s].an/200,_[1]*V/100,0),r+=T[s].l+t.tr/1e3*t.finalSize}"html"===E?tt=x.toCSS():"svg"===E?tt=x.to2dCSS():et=[x.props[0],x.props[1],x.props[2],x.props[3],x.props[4],x.props[5],x.props[6],x.props[7],x.props[8],x.props[9],x.props[10],x.props[11],x.props[12],x.props[13],x.props[14],x.props[15]],J=B}this.lettersChangedFlag=k<=s?(w=new LetterProps(J,W,X,Y,tt,et),this.renderedLetters.push(w),k+=1,!0):(w=this.renderedLetters[s]).update(J,W,X,Y,tt,et)||this.lettersChangedFlag}}},TextAnimatorProperty.prototype.getValue=function(){this._elem.globalData.frameId!==this._frameId&&(this._frameId=this._elem.globalData.frameId,this.iterateDynamicProperties())},TextAnimatorProperty.prototype.mHelper=new Matrix,TextAnimatorProperty.prototype.defaultPropsArray=[],extendPrototype([DynamicPropertyContainer],TextAnimatorProperty),LetterProps.prototype.update=function(t,e,r,i,s,a){this._mdf.o=!1,this._mdf.sw=!1,this._mdf.sc=!1,this._mdf.fc=!1,this._mdf.m=!1;var n=this._mdf.p=!1;return this.o!==t&&(this.o=t,n=this._mdf.o=!0),this.sw!==e&&(this.sw=e,n=this._mdf.sw=!0),this.sc!==r&&(this.sc=r,n=this._mdf.sc=!0),this.fc!==i&&(this.fc=i,n=this._mdf.fc=!0),this.m!==s&&(this.m=s,n=this._mdf.m=!0),!a.length||this.p[0]===a[0]&&this.p[1]===a[1]&&this.p[4]===a[4]&&this.p[5]===a[5]&&this.p[12]===a[12]&&this.p[13]===a[13]||(this.p=a,n=this._mdf.p=!0),n},TextProperty.prototype.defaultBoxWidth=[0,0],TextProperty.prototype.copyData=function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r]);return t},TextProperty.prototype.setCurrentData=function(t){t.__complete||this.completeTextData(t),this.currentData=t,this.currentData.boxWidth=this.currentData.boxWidth||this.defaultBoxWidth,this._mdf=!0},TextProperty.prototype.searchProperty=function(){return this.searchKeyframes()},TextProperty.prototype.searchKeyframes=function(){return this.kf=1<this.data.d.k.length,this.kf&&this.addEffect(this.getKeyframeValue.bind(this)),this.kf},TextProperty.prototype.addEffect=function(t){this.effectsSequence.push(t),this.elem.addDynamicProperty(this)},TextProperty.prototype.getValue=function(t){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length||t){this.currentData.t=this.data.d.k[this.keysIndex].s.t;var e=this.currentData,r=this.keysIndex;if(this.lock)this.setCurrentData(this.currentData);else{this.lock=!0,this._mdf=!1;var i,s=this.effectsSequence.length,a=t||this.data.d.k[this.keysIndex].s;for(i=0;i<s;i+=1)a=r!==this.keysIndex?this.effectsSequence[i](a,a.t):this.effectsSequence[i](this.currentData,a.t);e!==a&&this.setCurrentData(a),this.pv=this.v=this.currentData,this.lock=!1,this.frameId=this.elem.globalData.frameId}}},TextProperty.prototype.getKeyframeValue=function(){for(var t=this.data.d.k,e=this.elem.comp.renderedFrame,r=0,i=t.length;r<=i-1&&(t[r].s,!(r===i-1||t[r+1].t>e));)r+=1;return this.keysIndex!==r&&(this.keysIndex=r),this.data.d.k[this.keysIndex].s},TextProperty.prototype.buildFinalText=function(t){for(var e=FontManager.getCombinedCharacterCodes(),r=[],i=0,s=t.length;i<s;)-1!==e.indexOf(t.charCodeAt(i))?r[r.length-1]+=t.charAt(i):r.push(t.charAt(i)),i+=1;return r},TextProperty.prototype.completeTextData=function(t){t.__complete=!0;var e,r,i,s,a,n,o,h=this.elem.globalData.fontManager,p=this.data,l=[],f=0,m=p.m.g,c=0,d=0,u=0,y=[],g=0,v=0,b=h.getFontByName(t.f),P=0,_=b.fStyle?b.fStyle.split(" "):[],S="normal",A="normal";for(r=_.length,e=0;e<r;e+=1)switch(_[e].toLowerCase()){case"italic":A="italic";break;case"bold":S="700";break;case"black":S="900";break;case"medium":S="500";break;case"regular":case"normal":S="400";break;case"light":case"thin":S="200"}t.fWeight=b.fWeight||S,t.fStyle=A,r=t.t.length,t.finalSize=t.s,t.finalText=this.buildFinalText(t.t),t.finalLineHeight=t.lh;var x,E=t.tr/1e3*t.finalSize;if(t.sz)for(var k,T,M=!0,D=t.sz[0],F=t.sz[1];M;){g=k=0,r=(T=this.buildFinalText(t.t)).length,E=t.tr/1e3*t.finalSize;var C=-1;for(e=0;e<r;e+=1)x=T[e].charCodeAt(0),i=!1," "===T[e]?C=e:13!==x&&3!==x||(i=!(g=0),k+=t.finalLineHeight||1.2*t.finalSize),D<g+(P=h.chars?(o=h.getCharData(T[e],b.fStyle,b.fFamily),i?0:o.w*t.finalSize/100):h.measureText(T[e],t.f,t.finalSize))&&" "!==T[e]?(-1===C?r+=1:e=C,k+=t.finalLineHeight||1.2*t.finalSize,T.splice(e,C===e?1:0,"\r"),C=-1,g=0):(g+=P,g+=E);k+=b.ascent*t.finalSize/100,this.canResize&&t.finalSize>this.minimumFontSize&&F<k?(t.finalSize-=1,t.finalLineHeight=t.finalSize*t.lh/t.s):(t.finalText=T,r=t.finalText.length,M=!1)}g=-E;var I,w=P=0;for(e=0;e<r;e+=1)if(i=!1,x=(I=t.finalText[e]).charCodeAt(0)," "===I?s="\xa0":13===x||3===x?(w=0,y.push(g),v=v<g?g:v,g=-2*E,i=!(s=""),u+=1):s=t.finalText[e],P=h.chars?(o=h.getCharData(I,b.fStyle,h.getFontByName(t.f).fFamily),i?0:o.w*t.finalSize/100):h.measureText(s,t.f,t.finalSize)," "===I?w+=P+E:(g+=P+E+w,w=0),l.push({l:P,an:P,add:c,n:i,anIndexes:[],val:s,line:u,animatorJustifyOffset:0}),2==m){if(c+=P,""===s||"\xa0"===s||e===r-1){for(""!==s&&"\xa0"!==s||(c-=P);d<=e;)l[d].an=c,l[d].ind=f,l[d].extra=P,d+=1;f+=1,c=0}}else if(3==m){if(c+=P,""===s||e===r-1){for(""===s&&(c-=P);d<=e;)l[d].an=c,l[d].ind=f,l[d].extra=P,d+=1;c=0,f+=1}}else l[f].ind=f,l[f].extra=0,f+=1;if(t.l=l,v=v<g?g:v,y.push(g),t.sz)t.boxWidth=t.sz[0],t.justifyOffset=0;else switch(t.boxWidth=v,t.j){case 1:t.justifyOffset=-t.boxWidth;break;case 2:t.justifyOffset=-t.boxWidth/2;break;default:t.justifyOffset=0}t.lineWidths=y;var V,R,L=p.a;n=L.length;var G,N,z=[];for(a=0;a<n;a+=1){for((V=L[a]).a.sc&&(t.strokeColorAnim=!0),V.a.sw&&(t.strokeWidthAnim=!0),(V.a.fc||V.a.fh||V.a.fs||V.a.fb)&&(t.fillColorAnim=!0),N=0,G=V.s.b,e=0;e<r;e+=1)(R=l[e]).anIndexes[a]=N,(1==G&&""!==R.val||2==G&&""!==R.val&&"\xa0"!==R.val||3==G&&(R.n||"\xa0"==R.val||e==r-1)||4==G&&(R.n||e==r-1))&&(1===V.s.rn&&z.push(N),N+=1);p.a[a].s.totalChars=N;var B,O=-1;if(1===V.s.rn)for(e=0;e<r;e+=1)O!=(R=l[e]).anIndexes[a]&&(O=R.anIndexes[a],B=z.splice(Math.floor(Math.random()*z.length),1)[0]),R.anIndexes[a]=B}t.yOffset=t.finalLineHeight||1.2*t.finalSize,t.ls=t.ls||0,t.ascent=b.ascent*t.finalSize/100},TextProperty.prototype.updateDocumentData=function(t,e){e=void 0===e?this.keysIndex:e;var r=this.copyData({},this.data.d.k[e].s);r=this.copyData(r,t),this.data.d.k[e].s=r,this.recalculate(e),this.elem.addDynamicProperty(this)},TextProperty.prototype.recalculate=function(t){var e=this.data.d.k[t].s;e.__complete=!1,this.keysIndex=0,this._isFirstFrame=!0,this.getValue(e)},TextProperty.prototype.canResizeFont=function(t){this.canResize=t,this.recalculate(this.keysIndex),this.elem.addDynamicProperty(this)},TextProperty.prototype.setMinimumFontSize=function(t){this.minimumFontSize=Math.floor(t)||1,this.recalculate(this.keysIndex),this.elem.addDynamicProperty(this)};var TextSelectorProp=function(){var p=Math.max,l=Math.min,f=Math.floor;function i(t,e){this._currentTextLength=-1,this.k=!1,this.data=e,this.elem=t,this.comp=t.comp,this.finalS=0,this.finalE=0,this.initDynamicPropertyContainer(t),this.s=PropertyFactory.getProp(t,e.s||{k:0},0,0,this),this.e="e"in e?PropertyFactory.getProp(t,e.e,0,0,this):{v:100},this.o=PropertyFactory.getProp(t,e.o||{k:0},0,0,this),this.xe=PropertyFactory.getProp(t,e.xe||{k:0},0,0,this),this.ne=PropertyFactory.getProp(t,e.ne||{k:0},0,0,this),this.a=PropertyFactory.getProp(t,e.a,0,.01,this),this.dynamicProperties.length||this.getValue()}return i.prototype={getMult:function(t){this._currentTextLength!==this.elem.textProperty.currentData.l.length&&this.getValue();var e=BezierFactory.getBezierEasing(this.ne.v/100,0,1-this.xe.v/100,1).get,r=0,i=this.finalS,s=this.finalE,a=this.data.sh;if(2==a)r=e(r=s===i?s<=t?1:0:p(0,l(.5/(s-i)+(t-i)/(s-i),1)));else if(3==a)r=e(r=s===i?s<=t?0:1:1-p(0,l(.5/(s-i)+(t-i)/(s-i),1)));else if(4==a)s===i?r=0:(r=p(0,l(.5/(s-i)+(t-i)/(s-i),1)))<.5?r*=2:r=1-2*(r-.5),r=e(r);else if(5==a){if(s===i)r=0;else{var n=s-i,o=-n/2+(t=l(p(0,t+.5-i),s-i)),h=n/2;r=Math.sqrt(1-o*o/(h*h))}r=e(r)}else r=6==a?e(r=s===i?0:(t=l(p(0,t+.5-i),s-i),(1+Math.cos(Math.PI+2*Math.PI*t/(s-i)))/2)):(t>=f(i)&&(r=t-i<0?1-(i-t):p(0,l(s-t,1))),e(r));return r*this.a.v},getValue:function(t){this.iterateDynamicProperties(),this._mdf=t||this._mdf,this._currentTextLength=this.elem.textProperty.currentData.l.length||0,t&&2===this.data.r&&(this.e.v=this._currentTextLength);var e=2===this.data.r?1:100/this.data.totalChars,r=this.o.v/e,i=this.s.v/e+r,s=this.e.v/e+r;if(s<i){var a=i;i=s,s=a}this.finalS=i,this.finalE=s}},extendPrototype([DynamicPropertyContainer],i),{getTextSelectorProp:function(t,e,r){return new i(t,e,r)}}}(),pool_factory=function(t,e,r,i){var s=0,a=t,n=createSizedArray(a);function o(){return s?n[s-=1]:e()}return{newElement:o,release:function(t){s===a&&(n=pooling.double(n),a*=2),r&&r(t),n[s]=t,s+=1}}},pooling={double:function(t){return t.concat(createSizedArray(t.length))}},point_pool=pool_factory(8,function(){return createTypedArray("float32",2)}),shape_pool=(xA=pool_factory(4,function(){return new ShapePath},function(t){var e,r=t._length;for(e=0;e<r;e+=1)point_pool.release(t.v[e]),point_pool.release(t.i[e]),point_pool.release(t.o[e]),t.v[e]=null,t.i[e]=null,t.o[e]=null;t._length=0,t.c=!1}),xA.clone=function(t){var e,r=xA.newElement(),i=void 0===t._length?t.v.length:t._length;for(r.setLength(i),r.c=t.c,e=0;e<i;e+=1)r.setTripleAt(t.v[e][0],t.v[e][1],t.o[e][0],t.o[e][1],t.i[e][0],t.i[e][1],e);return r},xA),xA,shapeCollection_pool=(GA={newShapeCollection:function(){var t;t=HA?JA[HA-=1]:new ShapeCollection;return t},release:function(t){var e,r=t._length;for(e=0;e<r;e+=1)shape_pool.release(t.shapes[e]);t._length=0,HA===IA&&(JA=pooling.double(JA),IA*=2);JA[HA]=t,HA+=1}},HA=0,IA=4,JA=createSizedArray(IA),GA),GA,HA,IA,JA,segments_length_pool=pool_factory(8,function(){return{lengths:[],totalLength:0}},function(t){var e,r=t.lengths.length;for(e=0;e<r;e+=1)bezier_length_pool.release(t.lengths[e]);t.lengths.length=0}),bezier_length_pool=pool_factory(8,function(){return{addedLength:0,percents:createTypedArray("float32",defaultCurveSegments),lengths:createTypedArray("float32",defaultCurveSegments)}});function BaseRenderer(){}function SVGRenderer(t,e){this.animationItem=t,this.layers=null,this.renderedFrame=-1,this.svgElement=createNS("svg");var r=createNS("defs");this.svgElement.appendChild(r);var i=createNS("g");this.svgElement.appendChild(i),this.layerElement=i,this.renderConfig={preserveAspectRatio:e&&e.preserveAspectRatio||"xMidYMid meet",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",progressiveLoad:e&&e.progressiveLoad||!1,hideOnTransparent:!e||!1!==e.hideOnTransparent,viewBoxOnly:e&&e.viewBoxOnly||!1,viewBoxSize:e&&e.viewBoxSize||!1,className:e&&e.className||""},this.globalData={_mdf:!1,frameNum:-1,defs:r,renderConfig:this.renderConfig},this.elements=[],this.pendingElements=[],this.destroyed=!1,this.rendererType="svg"}function MaskElement(t,e,r){this.data=t,this.element=e,this.globalData=r,this.storedData=[],this.masksProperties=this.data.masksProperties||[],this.maskElement=null;var i,s=this.globalData.defs,a=this.masksProperties?this.masksProperties.length:0;this.viewData=createSizedArray(a),this.solidPath="";var n,o,h,p,l,f,m,c=this.masksProperties,d=0,u=[],y=randomString(10),g="clipPath",v="clip-path";for(i=0;i<a;i++)if(("a"!==c[i].mode&&"n"!==c[i].mode||c[i].inv||100!==c[i].o.k)&&(v=g="mask"),"s"!=c[i].mode&&"i"!=c[i].mode||0!==d?p=null:((p=createNS("rect")).setAttribute("fill","#ffffff"),p.setAttribute("width",this.element.comp.data.w||0),p.setAttribute("height",this.element.comp.data.h||0),u.push(p)),n=createNS("path"),"n"!=c[i].mode){var b;if(d+=1,n.setAttribute("fill","s"===c[i].mode?"#000000":"#ffffff"),n.setAttribute("clip-rule","nonzero"),0!==c[i].x.k?(v=g="mask",m=PropertyFactory.getProp(this.element,c[i].x,0,null,this.element),b="fi_"+randomString(10),(l=createNS("filter")).setAttribute("id",b),(f=createNS("feMorphology")).setAttribute("operator","dilate"),f.setAttribute("in","SourceGraphic"),f.setAttribute("radius","0"),l.appendChild(f),s.appendChild(l),n.setAttribute("stroke","s"===c[i].mode?"#000000":"#ffffff")):m=f=null,this.storedData[i]={elem:n,x:m,expan:f,lastPath:"",lastOperator:"",filterId:b,lastRadius:0},"i"==c[i].mode){h=u.length;var P=createNS("g");for(o=0;o<h;o+=1)P.appendChild(u[o]);var _=createNS("mask");_.setAttribute("mask-type","alpha"),_.setAttribute("id",y+"_"+d),_.appendChild(n),s.appendChild(_),P.setAttribute("mask","url("+locationHref+"#"+y+"_"+d+")"),u.length=0,u.push(P)}else u.push(n);c[i].inv&&!this.solidPath&&(this.solidPath=this.createLayerSolidPath()),this.viewData[i]={elem:n,lastPath:"",op:PropertyFactory.getProp(this.element,c[i].o,0,.01,this.element),prop:ShapePropertyFactory.getShapeProp(this.element,c[i],3),invRect:p},this.viewData[i].prop.k||this.drawPath(c[i],this.viewData[i].prop.v,this.viewData[i])}else this.viewData[i]={op:PropertyFactory.getProp(this.element,c[i].o,0,.01,this.element),prop:ShapePropertyFactory.getShapeProp(this.element,c[i],3),elem:n,lastPath:""},s.appendChild(n);for(this.maskElement=createNS(g),a=u.length,i=0;i<a;i+=1)this.maskElement.appendChild(u[i]);0<d&&(this.maskElement.setAttribute("id",y),this.element.maskedElement.setAttribute(v,"url("+locationHref+"#"+y+")"),s.appendChild(this.maskElement)),this.viewData.length&&this.element.addRenderableComponent(this)}function HierarchyElement(){}function FrameElement(){}function TransformElement(){}function RenderableElement(){}function RenderableDOMElement(){}function ProcessedElement(t,e){this.elem=t,this.pos=e}function SVGStyleData(t,e){this.data=t,this.type=t.ty,this.d="",this.lvl=e,this._mdf=!1,this.closed=!0===t.hd,this.pElem=createNS("path"),this.msElem=null}function SVGShapeData(t,e,r){this.caches=[],this.styles=[],this.transformers=t,this.lStr="",this.sh=r,this.lvl=e,this._isAnimated=!!r.k;for(var i=0,s=t.length;i<s;){if(t[i].mProps.dynamicProperties.length){this._isAnimated=!0;break}i+=1}}function SVGTransformData(t,e,r){this.transform={mProps:t,op:e,container:r},this.elements=[],this._isAnimated=this.transform.mProps.dynamicProperties.length||this.transform.op.effectsSequence.length}function SVGStrokeStyleData(t,e,r){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.o=PropertyFactory.getProp(t,e.o,0,.01,this),this.w=PropertyFactory.getProp(t,e.w,0,null,this),this.d=new DashProperty(t,e.d||{},"svg",this),this.c=PropertyFactory.getProp(t,e.c,1,255,this),this.style=r,this._isAnimated=!!this._isAnimated}function SVGFillStyleData(t,e,r){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.o=PropertyFactory.getProp(t,e.o,0,.01,this),this.c=PropertyFactory.getProp(t,e.c,1,255,this),this.style=r}function SVGGradientFillStyleData(t,e,r){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.initGradientData(t,e,r)}function SVGGradientStrokeStyleData(t,e,r){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.w=PropertyFactory.getProp(t,e.w,0,null,this),this.d=new DashProperty(t,e.d||{},"svg",this),this.initGradientData(t,e,r),this._isAnimated=!!this._isAnimated}function ShapeGroupData(){this.it=[],this.prevViewData=[],this.gr=createNS("g")}BaseRenderer.prototype.checkLayers=function(t){var e,r,i=this.layers.length;for(this.completeLayers=!0,e=i-1;0<=e;e--)this.elements[e]||(r=this.layers[e]).ip-r.st<=t-this.layers[e].st&&r.op-r.st>t-this.layers[e].st&&this.buildItem(e),this.completeLayers=!!this.elements[e]&&this.completeLayers;this.checkPendingElements()},BaseRenderer.prototype.createItem=function(t){switch(t.ty){case 2:return this.createImage(t);case 0:return this.createComp(t);case 1:return this.createSolid(t);case 3:return this.createNull(t);case 4:return this.createShape(t);case 5:return this.createText(t);case 13:return this.createCamera(t)}return this.createNull(t)},BaseRenderer.prototype.createCamera=function(){throw new Error("You're using a 3d camera. Try the html renderer.")},BaseRenderer.prototype.buildAllItems=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)this.buildItem(t);this.checkPendingElements()},BaseRenderer.prototype.includeLayers=function(t){this.completeLayers=!1;var e,r,i=t.length,s=this.layers.length;for(e=0;e<i;e+=1)for(r=0;r<s;){if(this.layers[r].id==t[e].id){this.layers[r]=t[e];break}r+=1}},BaseRenderer.prototype.setProjectInterface=function(t){this.globalData.projectInterface=t},BaseRenderer.prototype.initItems=function(){this.globalData.progressiveLoad||this.buildAllItems()},BaseRenderer.prototype.buildElementParenting=function(t,e,r){for(var i=this.elements,s=this.layers,a=0,n=s.length;a<n;)s[a].ind==e&&(i[a]&&!0!==i[a]?(r.push(i[a]),i[a].setAsParent(),void 0!==s[a].parent?this.buildElementParenting(t,s[a].parent,r):t.setHierarchy(r)):(this.buildItem(a),this.addPendingElement(t))),a+=1},BaseRenderer.prototype.addPendingElement=function(t){this.pendingElements.push(t)},BaseRenderer.prototype.searchExtraCompositions=function(t){var e,r=t.length;for(e=0;e<r;e+=1)if(t[e].xt){var i=this.createComp(t[e]);i.initExpressions(),this.globalData.projectInterface.registerComposition(i)}},BaseRenderer.prototype.setupGlobalData=function(t,e){this.globalData.fontManager=new FontManager,this.globalData.fontManager.addChars(t.chars),this.globalData.fontManager.addFonts(t.fonts,e),this.globalData.getAssetData=this.animationItem.getAssetData.bind(this.animationItem),this.globalData.getAssetsPath=this.animationItem.getAssetsPath.bind(this.animationItem),this.globalData.imageLoader=this.animationItem.imagePreloader,this.globalData.frameId=0,this.globalData.frameRate=t.fr,this.globalData.nm=t.nm,this.globalData.compSize={w:t.w,h:t.h}},extendPrototype([BaseRenderer],SVGRenderer),SVGRenderer.prototype.createNull=function(t){return new NullElement(t,this.globalData,this)},SVGRenderer.prototype.createShape=function(t){return new SVGShapeElement(t,this.globalData,this)},SVGRenderer.prototype.createText=function(t){return new SVGTextElement(t,this.globalData,this)},SVGRenderer.prototype.createImage=function(t){return new IImageElement(t,this.globalData,this)},SVGRenderer.prototype.createComp=function(t){return new SVGCompElement(t,this.globalData,this)},SVGRenderer.prototype.createSolid=function(t){return new ISolidElement(t,this.globalData,this)},SVGRenderer.prototype.configAnimation=function(t){this.svgElement.setAttribute("xmlns","http://www.w3.org/2000/svg"),this.renderConfig.viewBoxSize?this.svgElement.setAttribute("viewBox",this.renderConfig.viewBoxSize):this.svgElement.setAttribute("viewBox","0 0 "+t.w+" "+t.h),this.renderConfig.viewBoxOnly||(this.svgElement.setAttribute("width",t.w),this.svgElement.setAttribute("height",t.h),this.svgElement.style.width="100%",this.svgElement.style.height="100%",this.svgElement.style.transform="translate3d(0,0,0)"),this.renderConfig.className&&this.svgElement.setAttribute("class",this.renderConfig.className),this.svgElement.setAttribute("preserveAspectRatio",this.renderConfig.preserveAspectRatio),this.animationItem.wrapper.appendChild(this.svgElement);var e=this.globalData.defs;this.setupGlobalData(t,e),this.globalData.progressiveLoad=this.renderConfig.progressiveLoad,this.data=t;var r=createNS("clipPath"),i=createNS("rect");i.setAttribute("width",t.w),i.setAttribute("height",t.h),i.setAttribute("x",0),i.setAttribute("y",0);var s="animationMask_"+randomString(10);r.setAttribute("id",s),r.appendChild(i),this.layerElement.setAttribute("clip-path","url("+locationHref+"#"+s+")"),e.appendChild(r),this.layers=t.layers,this.elements=createSizedArray(t.layers.length)},SVGRenderer.prototype.destroy=function(){this.animationItem.wrapper.innerHTML="",this.layerElement=null,this.globalData.defs=null;var t,e=this.layers?this.layers.length:0;for(t=0;t<e;t++)this.elements[t]&&this.elements[t].destroy();this.elements.length=0,this.destroyed=!0,this.animationItem=null},SVGRenderer.prototype.updateContainerSize=function(){},SVGRenderer.prototype.buildItem=function(t){var e=this.elements;if(!e[t]&&99!=this.layers[t].ty){e[t]=!0;var r=this.createItem(this.layers[t]);e[t]=r,expressionsPlugin&&(0===this.layers[t].ty&&this.globalData.projectInterface.registerComposition(r),r.initExpressions()),this.appendElementInPos(r,t),this.layers[t].tt&&(this.elements[t-1]&&!0!==this.elements[t-1]?r.setMatte(e[t-1].layerId):(this.buildItem(t-1),this.addPendingElement(r)))}},SVGRenderer.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){var t=this.pendingElements.pop();if(t.checkParenting(),t.data.tt)for(var e=0,r=this.elements.length;e<r;){if(this.elements[e]===t){t.setMatte(this.elements[e-1].layerId);break}e+=1}}},SVGRenderer.prototype.renderFrame=function(t){if(this.renderedFrame!==t&&!this.destroyed){null===t?t=this.renderedFrame:this.renderedFrame=t,this.globalData.frameNum=t,this.globalData.frameId+=1,this.globalData.projectInterface.currentFrame=t,this.globalData._mdf=!1;var e,r=this.layers.length;for(this.completeLayers||this.checkLayers(t),e=r-1;0<=e;e--)(this.completeLayers||this.elements[e])&&this.elements[e].prepareFrame(t-this.layers[e].st);if(this.globalData._mdf)for(e=0;e<r;e+=1)(this.completeLayers||this.elements[e])&&this.elements[e].renderFrame()}},SVGRenderer.prototype.appendElementInPos=function(t,e){var r=t.getBaseElement();if(r){for(var i,s=0;s<e;)this.elements[s]&&!0!==this.elements[s]&&this.elements[s].getBaseElement()&&(i=this.elements[s].getBaseElement()),s+=1;i?this.layerElement.insertBefore(r,i):this.layerElement.appendChild(r)}},SVGRenderer.prototype.hide=function(){this.layerElement.style.display="none"},SVGRenderer.prototype.show=function(){this.layerElement.style.display="block"},MaskElement.prototype.getMaskProperty=function(t){return this.viewData[t].prop},MaskElement.prototype.renderFrame=function(t){var e,r=this.element.finalTransform.mat,i=this.masksProperties.length;for(e=0;e<i;e++)if((this.viewData[e].prop._mdf||t)&&this.drawPath(this.masksProperties[e],this.viewData[e].prop.v,this.viewData[e]),(this.viewData[e].op._mdf||t)&&this.viewData[e].elem.setAttribute("fill-opacity",this.viewData[e].op.v),"n"!==this.masksProperties[e].mode&&(this.viewData[e].invRect&&(this.element.finalTransform.mProp._mdf||t)&&(this.viewData[e].invRect.setAttribute("x",-r.props[12]),this.viewData[e].invRect.setAttribute("y",-r.props[13])),this.storedData[e].x&&(this.storedData[e].x._mdf||t))){var s=this.storedData[e].expan;this.storedData[e].x.v<0?("erode"!==this.storedData[e].lastOperator&&(this.storedData[e].lastOperator="erode",this.storedData[e].elem.setAttribute("filter","url("+locationHref+"#"+this.storedData[e].filterId+")")),s.setAttribute("radius",-this.storedData[e].x.v)):("dilate"!==this.storedData[e].lastOperator&&(this.storedData[e].lastOperator="dilate",this.storedData[e].elem.setAttribute("filter",null)),this.storedData[e].elem.setAttribute("stroke-width",2*this.storedData[e].x.v))}},MaskElement.prototype.getMaskelement=function(){return this.maskElement},MaskElement.prototype.createLayerSolidPath=function(){var t="M0,0 ";return t+=" h"+this.globalData.compSize.w,t+=" v"+this.globalData.compSize.h,t+=" h-"+this.globalData.compSize.w,t+=" v-"+this.globalData.compSize.h+" "},MaskElement.prototype.drawPath=function(t,e,r){var i,s,a=" M"+e.v[0][0]+","+e.v[0][1];for(s=e._length,i=1;i<s;i+=1)a+=" C"+e.o[i-1][0]+","+e.o[i-1][1]+" "+e.i[i][0]+","+e.i[i][1]+" "+e.v[i][0]+","+e.v[i][1];if(e.c&&1<s&&(a+=" C"+e.o[i-1][0]+","+e.o[i-1][1]+" "+e.i[0][0]+","+e.i[0][1]+" "+e.v[0][0]+","+e.v[0][1]),r.lastPath!==a){var n="";r.elem&&(e.c&&(n=t.inv?this.solidPath+a:a),r.elem.setAttribute("d",n)),r.lastPath=a}},MaskElement.prototype.destroy=function(){this.element=null,this.globalData=null,this.maskElement=null,this.data=null,this.masksProperties=null},HierarchyElement.prototype={initHierarchy:function(){this.hierarchy=[],this._isParent=!1,this.checkParenting()},setHierarchy:function(t){this.hierarchy=t},setAsParent:function(){this._isParent=!0},checkParenting:function(){void 0!==this.data.parent&&this.comp.buildElementParenting(this,this.data.parent,[])}},FrameElement.prototype={initFrame:function(){this._isFirstFrame=!1,this.dynamicProperties=[],this._mdf=!1},prepareProperties:function(t,e){var r,i=this.dynamicProperties.length;for(r=0;r<i;r+=1)(e||this._isParent&&"transform"===this.dynamicProperties[r].propType)&&(this.dynamicProperties[r].getValue(),this.dynamicProperties[r]._mdf&&(this.globalData._mdf=!0,this._mdf=!0))},addDynamicProperty:function(t){-1===this.dynamicProperties.indexOf(t)&&this.dynamicProperties.push(t)}},TransformElement.prototype={initTransform:function(){this.finalTransform={mProp:this.data.ks?TransformPropertyFactory.getTransformProperty(this,this.data.ks,this):{o:0},_matMdf:!1,_opMdf:!1,mat:new Matrix},this.data.ao&&(this.finalTransform.mProp.autoOriented=!0),this.data.ty},renderTransform:function(){if(this.finalTransform._opMdf=this.finalTransform.mProp.o._mdf||this._isFirstFrame,this.finalTransform._matMdf=this.finalTransform.mProp._mdf||this._isFirstFrame,this.hierarchy){var t,e=this.finalTransform.mat,r=0,i=this.hierarchy.length;if(!this.finalTransform._matMdf)for(;r<i;){if(this.hierarchy[r].finalTransform.mProp._mdf){this.finalTransform._matMdf=!0;break}r+=1}if(this.finalTransform._matMdf)for(t=this.finalTransform.mProp.v.props,e.cloneFromProps(t),r=0;r<i;r+=1)t=this.hierarchy[r].finalTransform.mProp.v.props,e.transform(t[0],t[1],t[2],t[3],t[4],t[5],t[6],t[7],t[8],t[9],t[10],t[11],t[12],t[13],t[14],t[15])}},globalToLocal:function(t){var e=[];e.push(this.finalTransform);for(var r=!0,i=this.comp;r;)i.finalTransform?(i.data.hasMask&&e.splice(0,0,i.finalTransform),i=i.comp):r=!1;var s,a,n=e.length;for(s=0;s<n;s+=1)a=e[s].mat.applyToPointArray(0,0,0),t=[t[0]-a[0],t[1]-a[1],0];return t},mHelper:new Matrix},RenderableElement.prototype={initRenderable:function(){this.isInRange=!1,this.hidden=!1,this.isTransparent=!1,this.renderableComponents=[]},addRenderableComponent:function(t){-1===this.renderableComponents.indexOf(t)&&this.renderableComponents.push(t)},removeRenderableComponent:function(t){-1!==this.renderableComponents.indexOf(t)&&this.renderableComponents.splice(this.renderableComponents.indexOf(t),1)},prepareRenderableFrame:function(t){this.checkLayerLimits(t)},checkTransparency:function(){this.finalTransform.mProp.o.v<=0?!this.isTransparent&&this.globalData.renderConfig.hideOnTransparent&&(this.isTransparent=!0,this.hide()):this.isTransparent&&(this.isTransparent=!1,this.show())},checkLayerLimits:function(t){this.data.ip-this.data.st<=t&&this.data.op-this.data.st>t?!0!==this.isInRange&&(this.globalData._mdf=!0,this._mdf=!0,this.isInRange=!0,this.show()):!1!==this.isInRange&&(this.globalData._mdf=!0,this.isInRange=!1,this.hide())},renderRenderable:function(){var t,e=this.renderableComponents.length;for(t=0;t<e;t+=1)this.renderableComponents[t].renderFrame(this._isFirstFrame)},sourceRectAtTime:function(){return{top:0,left:0,width:100,height:100}},getLayerSize:function(){return 5===this.data.ty?{w:this.data.textData.width,h:this.data.textData.height}:{w:this.data.width,h:this.data.height}}},extendPrototype([RenderableElement,createProxyFunction({initElement:function(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initTransform(t,e,r),this.initHierarchy(),this.initRenderable(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),this.createContent(),this.hide()},hide:function(){this.hidden||this.isInRange&&!this.isTransparent||((this.baseElement||this.layerElement).style.display="none",this.hidden=!0)},show:function(){this.isInRange&&!this.isTransparent&&(this.data.hd||((this.baseElement||this.layerElement).style.display="block"),this.hidden=!1,this._isFirstFrame=!0)},renderFrame:function(){this.data.hd||this.hidden||(this.renderTransform(),this.renderRenderable(),this.renderElement(),this.renderInnerContent(),this._isFirstFrame&&(this._isFirstFrame=!1))},renderInnerContent:function(){},prepareFrame:function(t){this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),this.checkTransparency()},destroy:function(){this.innerElem=null,this.destroyBaseElement()}})],RenderableDOMElement),SVGStyleData.prototype.reset=function(){this.d="",this._mdf=!1},SVGShapeData.prototype.setAsAnimated=function(){this._isAnimated=!0},extendPrototype([DynamicPropertyContainer],SVGStrokeStyleData),extendPrototype([DynamicPropertyContainer],SVGFillStyleData),SVGGradientFillStyleData.prototype.initGradientData=function(t,e,r){this.o=PropertyFactory.getProp(t,e.o,0,.01,this),this.s=PropertyFactory.getProp(t,e.s,1,null,this),this.e=PropertyFactory.getProp(t,e.e,1,null,this),this.h=PropertyFactory.getProp(t,e.h||{k:0},0,.01,this),this.a=PropertyFactory.getProp(t,e.a||{k:0},0,degToRads,this),this.g=new GradientProperty(t,e.g,this),this.style=r,this.stops=[],this.setGradientData(r.pElem,e),this.setGradientOpacity(e,r),this._isAnimated=!!this._isAnimated},SVGGradientFillStyleData.prototype.setGradientData=function(t,e){var r="gr_"+randomString(10),i=createNS(1===e.t?"linearGradient":"radialGradient");i.setAttribute("id",r),i.setAttribute("spreadMethod","pad"),i.setAttribute("gradientUnits","userSpaceOnUse");var s,a,n,o=[];for(n=4*e.g.p,a=0;a<n;a+=4)s=createNS("stop"),i.appendChild(s),o.push(s);t.setAttribute("gf"===e.ty?"fill":"stroke","url("+locationHref+"#"+r+")"),this.gf=i,this.cst=o},SVGGradientFillStyleData.prototype.setGradientOpacity=function(t,e){if(this.g._hasOpacity&&!this.g._collapsable){var r,i,s,a=createNS("mask"),n=createNS("path");a.appendChild(n);var o="op_"+randomString(10),h="mk_"+randomString(10);a.setAttribute("id",h);var p=createNS(1===t.t?"linearGradient":"radialGradient");p.setAttribute("id",o),p.setAttribute("spreadMethod","pad"),p.setAttribute("gradientUnits","userSpaceOnUse"),s=t.g.k.k[0].s?t.g.k.k[0].s.length:t.g.k.k.length;var l=this.stops;for(i=4*t.g.p;i<s;i+=2)(r=createNS("stop")).setAttribute("stop-color","rgb(255,255,255)"),p.appendChild(r),l.push(r);n.setAttribute("gf"===t.ty?"fill":"stroke","url("+locationHref+"#"+o+")"),this.of=p,this.ms=a,this.ost=l,this.maskId=h,e.msElem=n}},extendPrototype([DynamicPropertyContainer],SVGGradientFillStyleData),extendPrototype([SVGGradientFillStyleData,DynamicPropertyContainer],SVGGradientStrokeStyleData);var SVGElementsRenderer=function(){var y=new Matrix,g=new Matrix;function e(t,e,r){(r||e.transform.op._mdf)&&e.transform.container.setAttribute("opacity",e.transform.op.v),(r||e.transform.mProps._mdf)&&e.transform.container.setAttribute("transform",e.transform.mProps.v.to2dCSS())}function r(t,e,r){var i,s,a,n,o,h,p,l,f,m,c,d=e.styles.length,u=e.lvl;for(h=0;h<d;h+=1){if(n=e.sh._mdf||r,e.styles[h].lvl<u){for(l=g.reset(),m=u-e.styles[h].lvl,c=e.transformers.length-1;!n&&0<m;)n=e.transformers[c].mProps._mdf||n,m--,c--;if(n)for(m=u-e.styles[h].lvl,c=e.transformers.length-1;0<m;)f=e.transformers[c].mProps.v.props,l.transform(f[0],f[1],f[2],f[3],f[4],f[5],f[6],f[7],f[8],f[9],f[10],f[11],f[12],f[13],f[14],f[15]),m--,c--}else l=y;if(s=(p=e.sh.paths)._length,n){for(a="",i=0;i<s;i+=1)(o=p.shapes[i])&&o._length&&(a+=buildShapeString(o,o._length,o.c,l));e.caches[h]=a}else a=e.caches[h];e.styles[h].d+=!0===t.hd?"":a,e.styles[h]._mdf=n||e.styles[h]._mdf}}function i(t,e,r){var i=e.style;(e.c._mdf||r)&&i.pElem.setAttribute("fill","rgb("+bm_floor(e.c.v[0])+","+bm_floor(e.c.v[1])+","+bm_floor(e.c.v[2])+")"),(e.o._mdf||r)&&i.pElem.setAttribute("fill-opacity",e.o.v)}function s(t,e,r){a(t,e,r),n(t,e,r)}function a(t,e,r){var i,s,a,n,o,h=e.gf,p=e.g._hasOpacity,l=e.s.v,f=e.e.v;if(e.o._mdf||r){var m="gf"===t.ty?"fill-opacity":"stroke-opacity";e.style.pElem.setAttribute(m,e.o.v)}if(e.s._mdf||r){var c=1===t.t?"x1":"cx",d="x1"===c?"y1":"cy";h.setAttribute(c,l[0]),h.setAttribute(d,l[1]),p&&!e.g._collapsable&&(e.of.setAttribute(c,l[0]),e.of.setAttribute(d,l[1]))}if(e.g._cmdf||r){i=e.cst;var u=e.g.c;for(a=i.length,s=0;s<a;s+=1)(n=i[s]).setAttribute("offset",u[4*s]+"%"),n.setAttribute("stop-color","rgb("+u[4*s+1]+","+u[4*s+2]+","+u[4*s+3]+")")}if(p&&(e.g._omdf||r)){var y=e.g.o;for(a=(i=e.g._collapsable?e.cst:e.ost).length,s=0;s<a;s+=1)n=i[s],e.g._collapsable||n.setAttribute("offset",y[2*s]+"%"),n.setAttribute("stop-opacity",y[2*s+1])}if(1===t.t)(e.e._mdf||r)&&(h.setAttribute("x2",f[0]),h.setAttribute("y2",f[1]),p&&!e.g._collapsable&&(e.of.setAttribute("x2",f[0]),e.of.setAttribute("y2",f[1])));else if((e.s._mdf||e.e._mdf||r)&&(o=Math.sqrt(Math.pow(l[0]-f[0],2)+Math.pow(l[1]-f[1],2)),h.setAttribute("r",o),p&&!e.g._collapsable&&e.of.setAttribute("r",o)),e.e._mdf||e.h._mdf||e.a._mdf||r){o||(o=Math.sqrt(Math.pow(l[0]-f[0],2)+Math.pow(l[1]-f[1],2)));var g=Math.atan2(f[1]-l[1],f[0]-l[0]),v=o*(1<=e.h.v?.99:e.h.v<=-1?-.99:e.h.v),b=Math.cos(g+e.a.v)*v+l[0],P=Math.sin(g+e.a.v)*v+l[1];h.setAttribute("fx",b),h.setAttribute("fy",P),p&&!e.g._collapsable&&(e.of.setAttribute("fx",b),e.of.setAttribute("fy",P))}}function n(t,e,r){var i=e.style,s=e.d;s&&(s._mdf||r)&&s.dashStr&&(i.pElem.setAttribute("stroke-dasharray",s.dashStr),i.pElem.setAttribute("stroke-dashoffset",s.dashoffset[0])),e.c&&(e.c._mdf||r)&&i.pElem.setAttribute("stroke","rgb("+bm_floor(e.c.v[0])+","+bm_floor(e.c.v[1])+","+bm_floor(e.c.v[2])+")"),(e.o._mdf||r)&&i.pElem.setAttribute("stroke-opacity",e.o.v),(e.w._mdf||r)&&(i.pElem.setAttribute("stroke-width",e.w.v),i.msElem&&i.msElem.setAttribute("stroke-width",e.w.v))}return{createRenderFunction:function(t){t.ty;switch(t.ty){case"fl":return i;case"gf":return a;case"gs":return s;case"st":return n;case"sh":case"el":case"rc":case"sr":return r;case"tr":return e}}}}();function ShapeTransformManager(){this.sequences={},this.sequenceList=[],this.transform_key_count=0}function BaseElement(){}function NullElement(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initFrame(),this.initTransform(t,e,r),this.initHierarchy()}function SVGBaseElement(){}function IShapeElement(){}function ITextElement(){}function ICompElement(){}function IImageElement(t,e,r){this.assetData=e.getAssetData(t.refId),this.initElement(t,e,r)}function ISolidElement(t,e,r){this.initElement(t,e,r)}function SVGCompElement(t,e,r){this.layers=t.layers,this.supports3d=!0,this.completeLayers=!1,this.pendingElements=[],this.elements=this.layers?createSizedArray(this.layers.length):[],this.initElement(t,e,r),this.tm=t.tm?PropertyFactory.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function SVGTextElement(t,e,r){this.textSpans=[],this.renderType="svg",this.initElement(t,e,r)}function SVGShapeElement(t,e,r){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.shapeModifiers=[],this.itemsData=[],this.processedElements=[],this.animatedContents=[],this.initElement(t,e,r),this.prevViewData=[]}function SVGTintFilter(t,e){this.filterManager=e;var r=createNS("feColorMatrix");if(r.setAttribute("type","matrix"),r.setAttribute("color-interpolation-filters","linearRGB"),r.setAttribute("values","0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"),r.setAttribute("result","f1"),t.appendChild(r),(r=createNS("feColorMatrix")).setAttribute("type","matrix"),r.setAttribute("color-interpolation-filters","sRGB"),r.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"),r.setAttribute("result","f2"),t.appendChild(r),this.matrixFilter=r,100!==e.effectElements[2].p.v||e.effectElements[2].p.k){var i,s=createNS("feMerge");t.appendChild(s),(i=createNS("feMergeNode")).setAttribute("in","SourceGraphic"),s.appendChild(i),(i=createNS("feMergeNode")).setAttribute("in","f2"),s.appendChild(i)}}function SVGFillFilter(t,e){this.filterManager=e;var r=createNS("feColorMatrix");r.setAttribute("type","matrix"),r.setAttribute("color-interpolation-filters","sRGB"),r.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"),t.appendChild(r),this.matrixFilter=r}function SVGStrokeEffect(t,e){this.initialized=!1,this.filterManager=e,this.elem=t,this.paths=[]}function SVGTritoneFilter(t,e){this.filterManager=e;var r=createNS("feColorMatrix");r.setAttribute("type","matrix"),r.setAttribute("color-interpolation-filters","linearRGB"),r.setAttribute("values","0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"),r.setAttribute("result","f1"),t.appendChild(r);var i=createNS("feComponentTransfer");i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),this.matrixFilter=i;var s=createNS("feFuncR");s.setAttribute("type","table"),i.appendChild(s),this.feFuncR=s;var a=createNS("feFuncG");a.setAttribute("type","table"),i.appendChild(a),this.feFuncG=a;var n=createNS("feFuncB");n.setAttribute("type","table"),i.appendChild(n),this.feFuncB=n}function SVGProLevelsFilter(t,e){this.filterManager=e;var r=this.filterManager.effectElements,i=createNS("feComponentTransfer");(r[10].p.k||0!==r[10].p.v||r[11].p.k||1!==r[11].p.v||r[12].p.k||1!==r[12].p.v||r[13].p.k||0!==r[13].p.v||r[14].p.k||1!==r[14].p.v)&&(this.feFuncR=this.createFeFunc("feFuncR",i)),(r[17].p.k||0!==r[17].p.v||r[18].p.k||1!==r[18].p.v||r[19].p.k||1!==r[19].p.v||r[20].p.k||0!==r[20].p.v||r[21].p.k||1!==r[21].p.v)&&(this.feFuncG=this.createFeFunc("feFuncG",i)),(r[24].p.k||0!==r[24].p.v||r[25].p.k||1!==r[25].p.v||r[26].p.k||1!==r[26].p.v||r[27].p.k||0!==r[27].p.v||r[28].p.k||1!==r[28].p.v)&&(this.feFuncB=this.createFeFunc("feFuncB",i)),(r[31].p.k||0!==r[31].p.v||r[32].p.k||1!==r[32].p.v||r[33].p.k||1!==r[33].p.v||r[34].p.k||0!==r[34].p.v||r[35].p.k||1!==r[35].p.v)&&(this.feFuncA=this.createFeFunc("feFuncA",i)),(this.feFuncR||this.feFuncG||this.feFuncB||this.feFuncA)&&(i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),i=createNS("feComponentTransfer")),(r[3].p.k||0!==r[3].p.v||r[4].p.k||1!==r[4].p.v||r[5].p.k||1!==r[5].p.v||r[6].p.k||0!==r[6].p.v||r[7].p.k||1!==r[7].p.v)&&(i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),this.feFuncRComposed=this.createFeFunc("feFuncR",i),this.feFuncGComposed=this.createFeFunc("feFuncG",i),this.feFuncBComposed=this.createFeFunc("feFuncB",i))}function SVGDropShadowEffect(t,e){t.setAttribute("x","-100%"),t.setAttribute("y","-100%"),t.setAttribute("width","400%"),t.setAttribute("height","400%"),this.filterManager=e;var r=createNS("feGaussianBlur");r.setAttribute("in","SourceAlpha"),r.setAttribute("result","drop_shadow_1"),r.setAttribute("stdDeviation","0"),this.feGaussianBlur=r,t.appendChild(r);var i=createNS("feOffset");i.setAttribute("dx","25"),i.setAttribute("dy","0"),i.setAttribute("in","drop_shadow_1"),i.setAttribute("result","drop_shadow_2"),this.feOffset=i,t.appendChild(i);var s=createNS("feFlood");s.setAttribute("flood-color","#00ff00"),s.setAttribute("flood-opacity","1"),s.setAttribute("result","drop_shadow_3"),this.feFlood=s,t.appendChild(s);var a=createNS("feComposite");a.setAttribute("in","drop_shadow_3"),a.setAttribute("in2","drop_shadow_2"),a.setAttribute("operator","in"),a.setAttribute("result","drop_shadow_4"),t.appendChild(a);var n,o=createNS("feMerge");t.appendChild(o),n=createNS("feMergeNode"),o.appendChild(n),(n=createNS("feMergeNode")).setAttribute("in","SourceGraphic"),this.feMergeNode=n,this.feMerge=o,this.originalNodeAdded=!1,o.appendChild(n)}ShapeTransformManager.prototype={addTransformSequence:function(t){var e,r=t.length,i="_";for(e=0;e<r;e+=1)i+=t[e].transform.key+"_";var s=this.sequences[i];return s||(s={transforms:[].concat(t),finalTransform:new Matrix,_mdf:!1},this.sequences[i]=s,this.sequenceList.push(s)),s},processSequence:function(t,e){for(var r,i=0,s=t.transforms.length,a=e;i<s&&!e;){if(t.transforms[i].transform.mProps._mdf){a=!0;break}i+=1}if(a)for(t.finalTransform.reset(),i=s-1;0<=i;i-=1)r=t.transforms[i].transform.mProps.v.props,t.finalTransform.transform(r[0],r[1],r[2],r[3],r[4],r[5],r[6],r[7],r[8],r[9],r[10],r[11],r[12],r[13],r[14],r[15]);t._mdf=a},processSequences:function(t){var e,r=this.sequenceList.length;for(e=0;e<r;e+=1)this.processSequence(this.sequenceList[e],t)},getNewKey:function(){return"_"+this.transform_key_count++}},BaseElement.prototype={checkMasks:function(){if(!this.data.hasMask)return!1;for(var t=0,e=this.data.masksProperties.length;t<e;){if("n"!==this.data.masksProperties[t].mode&&!1!==this.data.masksProperties[t].cl)return!0;t+=1}return!1},initExpressions:function(){this.layerInterface=LayerExpressionInterface(this),this.data.hasMask&&this.maskManager&&this.layerInterface.registerMaskInterface(this.maskManager);var t=EffectsExpressionInterface.createEffectsInterface(this,this.layerInterface);this.layerInterface.registerEffectsInterface(t),0===this.data.ty||this.data.xt?this.compInterface=CompExpressionInterface(this):4===this.data.ty?(this.layerInterface.shapeInterface=ShapeExpressionInterface(this.shapesData,this.itemsData,this.layerInterface),this.layerInterface.content=this.layerInterface.shapeInterface):5===this.data.ty&&(this.layerInterface.textInterface=TextExpressionInterface(this),this.layerInterface.text=this.layerInterface.textInterface)},blendModeEnums:{1:"multiply",2:"screen",3:"overlay",4:"darken",5:"lighten",6:"color-dodge",7:"color-burn",8:"hard-light",9:"soft-light",10:"difference",11:"exclusion",12:"hue",13:"saturation",14:"color",15:"luminosity"},getBlendMode:function(){return this.blendModeEnums[this.data.bm]||""},setBlendMode:function(){var t=this.getBlendMode();(this.baseElement||this.layerElement).style["mix-blend-mode"]=t},initBaseData:function(t,e,r){this.globalData=e,this.comp=r,this.data=t,this.layerId="ly_"+randomString(10),this.data.sr||(this.data.sr=1),this.effectsManager=new EffectsManager(this.data,this,this.dynamicProperties)},getType:function(){return this.type}},NullElement.prototype.prepareFrame=function(t){this.prepareProperties(t,!0)},NullElement.prototype.renderFrame=function(){},NullElement.prototype.getBaseElement=function(){return null},NullElement.prototype.destroy=function(){},NullElement.prototype.sourceRectAtTime=function(){},NullElement.prototype.hide=function(){},extendPrototype([BaseElement,TransformElement,HierarchyElement,FrameElement],NullElement),SVGBaseElement.prototype={initRendererElement:function(){this.layerElement=createNS("g")},createContainerElements:function(){this.matteElement=createNS("g"),this.transformedElement=this.layerElement,this.maskedElement=this.layerElement,this._sizeChanged=!1;var t,e,r,i=null;if(this.data.td){if(3==this.data.td||1==this.data.td){var s=createNS("mask");s.setAttribute("id",this.layerId),s.setAttribute("mask-type",3==this.data.td?"luminance":"alpha"),s.appendChild(this.layerElement),i=s,this.globalData.defs.appendChild(s),featureSupport.maskType||1!=this.data.td||(s.setAttribute("mask-type","luminance"),t=randomString(10),e=filtersFactory.createFilter(t),this.globalData.defs.appendChild(e),e.appendChild(filtersFactory.createAlphaToLuminanceFilter()),(r=createNS("g")).appendChild(this.layerElement),i=r,s.appendChild(r),r.setAttribute("filter","url("+locationHref+"#"+t+")"))}else if(2==this.data.td){var a=createNS("mask");a.setAttribute("id",this.layerId),a.setAttribute("mask-type","alpha");var n=createNS("g");a.appendChild(n),t=randomString(10),e=filtersFactory.createFilter(t);var o=createNS("feColorMatrix");o.setAttribute("type","matrix"),o.setAttribute("color-interpolation-filters","sRGB"),o.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"),e.appendChild(o),this.globalData.defs.appendChild(e);var h=createNS("rect");h.setAttribute("width",this.comp.data.w),h.setAttribute("height",this.comp.data.h),h.setAttribute("x","0"),h.setAttribute("y","0"),h.setAttribute("fill","#ffffff"),h.setAttribute("opacity","0"),n.setAttribute("filter","url("+locationHref+"#"+t+")"),n.appendChild(h),n.appendChild(this.layerElement),i=n,featureSupport.maskType||(a.setAttribute("mask-type","luminance"),e.appendChild(filtersFactory.createAlphaToLuminanceFilter()),r=createNS("g"),n.appendChild(h),r.appendChild(this.layerElement),i=r,n.appendChild(r)),this.globalData.defs.appendChild(a)}}else this.data.tt?(this.matteElement.appendChild(this.layerElement),i=this.matteElement,this.baseElement=this.matteElement):this.baseElement=this.layerElement;if(this.data.ln&&this.layerElement.setAttribute("id",this.data.ln),this.data.cl&&this.layerElement.setAttribute("class",this.data.cl),0===this.data.ty&&!this.data.hd){var p=createNS("clipPath"),l=createNS("path");l.setAttribute("d","M0,0 L"+this.data.w+",0 L"+this.data.w+","+this.data.h+" L0,"+this.data.h+"z");var f="cp_"+randomString(8);if(p.setAttribute("id",f),p.appendChild(l),this.globalData.defs.appendChild(p),this.checkMasks()){var m=createNS("g");m.setAttribute("clip-path","url("+locationHref+"#"+f+")"),m.appendChild(this.layerElement),this.transformedElement=m,i?i.appendChild(this.transformedElement):this.baseElement=this.transformedElement}else this.layerElement.setAttribute("clip-path","url("+locationHref+"#"+f+")")}0!==this.data.bm&&this.setBlendMode()},renderElement:function(){this.finalTransform._matMdf&&this.transformedElement.setAttribute("transform",this.finalTransform.mat.to2dCSS()),this.finalTransform._opMdf&&this.transformedElement.setAttribute("opacity",this.finalTransform.mProp.o.v)},destroyBaseElement:function(){this.layerElement=null,this.matteElement=null,this.maskManager.destroy()},getBaseElement:function(){return this.data.hd?null:this.baseElement},createRenderableComponents:function(){this.maskManager=new MaskElement(this.data,this,this.globalData),this.renderableEffectsManager=new SVGEffects(this)},setMatte:function(t){this.matteElement&&this.matteElement.setAttribute("mask","url("+locationHref+"#"+t+")")}},IShapeElement.prototype={addShapeToModifiers:function(t){var e,r=this.shapeModifiers.length;for(e=0;e<r;e+=1)this.shapeModifiers[e].addShape(t)},isShapeInAnimatedModifiers:function(t){for(var e=this.shapeModifiers.length;0<e;)if(this.shapeModifiers[0].isAnimatedWithShape(t))return!0;return!1},renderModifiers:function(){if(this.shapeModifiers.length){var t,e=this.shapes.length;for(t=0;t<e;t+=1)this.shapes[t].sh.reset();for(t=(e=this.shapeModifiers.length)-1;0<=t;t-=1)this.shapeModifiers[t].processShapes(this._isFirstFrame)}},lcEnum:{1:"butt",2:"round",3:"square"},ljEnum:{1:"miter",2:"round",3:"bevel"},searchProcessedElement:function(t){for(var e=this.processedElements,r=0,i=e.length;r<i;){if(e[r].elem===t)return e[r].pos;r+=1}return 0},addProcessedElement:function(t,e){for(var r=this.processedElements,i=r.length;i;)if(r[i-=1].elem===t)return void(r[i].pos=e);r.push(new ProcessedElement(t,e))},prepareFrame:function(t){this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange)}},ITextElement.prototype.initElement=function(t,e,r){this.lettersChangedFlag=!0,this.initFrame(),this.initBaseData(t,e,r),this.textProperty=new TextProperty(this,t.t,this.dynamicProperties),this.textAnimator=new TextAnimatorProperty(t.t,this.renderType,this),this.initTransform(t,e,r),this.initHierarchy(),this.initRenderable(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),this.createContent(),this.hide(),this.textAnimator.searchProperties(this.dynamicProperties)},ITextElement.prototype.prepareFrame=function(t){this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),(this.textProperty._mdf||this.textProperty._isFirstFrame)&&(this.buildNewText(),this.textProperty._isFirstFrame=!1,this.textProperty._mdf=!1)},ITextElement.prototype.createPathShape=function(t,e){var r,i,s=e.length,a="";for(r=0;r<s;r+=1)i=e[r].ks.k,a+=buildShapeString(i,i.i.length,!0,t);return a},ITextElement.prototype.updateDocumentData=function(t,e){this.textProperty.updateDocumentData(t,e)},ITextElement.prototype.canResizeFont=function(t){this.textProperty.canResizeFont(t)},ITextElement.prototype.setMinimumFontSize=function(t){this.textProperty.setMinimumFontSize(t)},ITextElement.prototype.applyTextPropertiesToMatrix=function(t,e,r,i,s){switch(t.ps&&e.translate(t.ps[0],t.ps[1]+t.ascent,0),e.translate(0,-t.ls,0),t.j){case 1:e.translate(t.justifyOffset+(t.boxWidth-t.lineWidths[r]),0,0);break;case 2:e.translate(t.justifyOffset+(t.boxWidth-t.lineWidths[r])/2,0,0)}e.translate(i,s,0)},ITextElement.prototype.buildColor=function(t){return"rgb("+Math.round(255*t[0])+","+Math.round(255*t[1])+","+Math.round(255*t[2])+")"},ITextElement.prototype.emptyProp=new LetterProps,ITextElement.prototype.destroy=function(){},extendPrototype([BaseElement,TransformElement,HierarchyElement,FrameElement,RenderableDOMElement],ICompElement),ICompElement.prototype.initElement=function(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initTransform(t,e,r),this.initRenderable(),this.initHierarchy(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),!this.data.xt&&e.progressiveLoad||this.buildAllItems(),this.hide()},ICompElement.prototype.prepareFrame=function(t){if(this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),this.isInRange||this.data.xt){if(this.tm._placeholder)this.renderedFrame=t/this.data.sr;else{var e=this.tm.v;e===this.data.op&&(e=this.data.op-1),this.renderedFrame=e}var r,i=this.elements.length;for(this.completeLayers||this.checkLayers(this.renderedFrame),r=i-1;0<=r;r-=1)(this.completeLayers||this.elements[r])&&(this.elements[r].prepareFrame(this.renderedFrame-this.layers[r].st),this.elements[r]._mdf&&(this._mdf=!0))}},ICompElement.prototype.renderInnerContent=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)(this.completeLayers||this.elements[t])&&this.elements[t].renderFrame()},ICompElement.prototype.setElements=function(t){this.elements=t},ICompElement.prototype.getElements=function(){return this.elements},ICompElement.prototype.destroyElements=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)this.elements[t]&&this.elements[t].destroy()},ICompElement.prototype.destroy=function(){this.destroyElements(),this.destroyBaseElement()},extendPrototype([BaseElement,TransformElement,SVGBaseElement,HierarchyElement,FrameElement,RenderableDOMElement],IImageElement),IImageElement.prototype.createContent=function(){var t=this.globalData.getAssetsPath(this.assetData);this.innerElem=createNS("image"),this.innerElem.setAttribute("width",this.assetData.w+"px"),this.innerElem.setAttribute("height",this.assetData.h+"px"),this.innerElem.setAttribute("preserveAspectRatio",this.assetData.pr||this.globalData.renderConfig.imagePreserveAspectRatio),this.innerElem.setAttributeNS("http://www.w3.org/1999/xlink","href",t),this.layerElement.appendChild(this.innerElem)},extendPrototype([IImageElement],ISolidElement),ISolidElement.prototype.createContent=function(){var t=createNS("rect");t.setAttribute("width",this.data.sw),t.setAttribute("height",this.data.sh),t.setAttribute("fill",this.data.sc),this.layerElement.appendChild(t)},extendPrototype([SVGRenderer,ICompElement,SVGBaseElement],SVGCompElement),extendPrototype([BaseElement,TransformElement,SVGBaseElement,HierarchyElement,FrameElement,RenderableDOMElement,ITextElement],SVGTextElement),SVGTextElement.prototype.createContent=function(){this.data.singleShape&&!this.globalData.fontManager.chars&&(this.textContainer=createNS("text"))},SVGTextElement.prototype.buildTextContents=function(t){for(var e=0,r=t.length,i=[],s="";e<r;)t[e]===String.fromCharCode(13)||t[e]===String.fromCharCode(3)?(i.push(s),s=""):s+=t[e],e+=1;return i.push(s),i},SVGTextElement.prototype.buildNewText=function(){var t,e,r=this.textProperty.currentData;this.renderedLetters=createSizedArray(r?r.l.length:0),r.fc?this.layerElement.setAttribute("fill",this.buildColor(r.fc)):this.layerElement.setAttribute("fill","rgba(0,0,0,0)"),r.sc&&(this.layerElement.setAttribute("stroke",this.buildColor(r.sc)),this.layerElement.setAttribute("stroke-width",r.sw)),this.layerElement.setAttribute("font-size",r.finalSize);var i=this.globalData.fontManager.getFontByName(r.f);if(i.fClass)this.layerElement.setAttribute("class",i.fClass);else{this.layerElement.setAttribute("font-family",i.fFamily);var s=r.fWeight,a=r.fStyle;this.layerElement.setAttribute("font-style",a),this.layerElement.setAttribute("font-weight",s)}var n,o=r.l||[],h=!!this.globalData.fontManager.chars;e=o.length;var p,l=this.mHelper,f="",m=this.data.singleShape,c=0,d=0,u=!0,y=r.tr/1e3*r.finalSize;if(!m||h||r.sz){var g,v,b=this.textSpans.length;for(t=0;t<e;t+=1)h&&m&&0!==t||(n=t<b?this.textSpans[t]:createNS(h?"path":"text"),b<=t&&(n.setAttribute("stroke-linecap","butt"),n.setAttribute("stroke-linejoin","round"),n.setAttribute("stroke-miterlimit","4"),this.textSpans[t]=n,this.layerElement.appendChild(n)),n.style.display="inherit"),l.reset(),l.scale(r.finalSize/100,r.finalSize/100),m&&(o[t].n&&(c=-y,d+=r.yOffset,d+=u?1:0,u=!1),this.applyTextPropertiesToMatrix(r,l,o[t].line,c,d),c+=o[t].l||0,c+=y),h?(p=(g=(v=this.globalData.fontManager.getCharData(r.finalText[t],i.fStyle,this.globalData.fontManager.getFontByName(r.f).fFamily))&&v.data||{}).shapes?g.shapes[0].it:[],m?f+=this.createPathShape(l,p):n.setAttribute("d",this.createPathShape(l,p))):(m&&n.setAttribute("transform","translate("+l.props[12]+","+l.props[13]+")"),n.textContent=o[t].val,n.setAttributeNS("http://www.w3.org/XML/1998/namespace","xml:space","preserve"));m&&n&&n.setAttribute("d",f)}else{var P=this.textContainer,_="start";switch(r.j){case 1:_="end";break;case 2:_="middle"}P.setAttribute("text-anchor",_),P.setAttribute("letter-spacing",y);var S=this.buildTextContents(r.finalText);for(e=S.length,d=r.ps?r.ps[1]+r.ascent:0,t=0;t<e;t+=1)(n=this.textSpans[t]||createNS("tspan")).textContent=S[t],n.setAttribute("x",0),n.setAttribute("y",d),n.style.display="inherit",P.appendChild(n),this.textSpans[t]=n,d+=r.finalLineHeight;this.layerElement.appendChild(P)}for(;t<this.textSpans.length;)this.textSpans[t].style.display="none",t+=1;this._sizeChanged=!0},SVGTextElement.prototype.sourceRectAtTime=function(t){if(this.prepareFrame(this.comp.renderedFrame-this.data.st),this.renderInnerContent(),this._sizeChanged){this._sizeChanged=!1;var e=this.layerElement.getBBox();this.bbox={top:e.y,left:e.x,width:e.width,height:e.height}}return this.bbox},SVGTextElement.prototype.renderInnerContent=function(){if(!this.data.singleShape&&(this.textAnimator.getMeasures(this.textProperty.currentData,this.lettersChangedFlag),this.lettersChangedFlag||this.textAnimator.lettersChangedFlag)){var t,e;this._sizeChanged=!0;var r,i,s=this.textAnimator.renderedLetters,a=this.textProperty.currentData.l;for(e=a.length,t=0;t<e;t+=1)a[t].n||(r=s[t],i=this.textSpans[t],r._mdf.m&&i.setAttribute("transform",r.m),r._mdf.o&&i.setAttribute("opacity",r.o),r._mdf.sw&&i.setAttribute("stroke-width",r.sw),r._mdf.sc&&i.setAttribute("stroke",r.sc),r._mdf.fc&&i.setAttribute("fill",r.fc))}},extendPrototype([BaseElement,TransformElement,SVGBaseElement,IShapeElement,HierarchyElement,FrameElement,RenderableDOMElement],SVGShapeElement),SVGShapeElement.prototype.initSecondaryElement=function(){},SVGShapeElement.prototype.identityMatrix=new Matrix,SVGShapeElement.prototype.buildExpressionInterface=function(){},SVGShapeElement.prototype.createContent=function(){this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes()},SVGShapeElement.prototype.filterUniqueShapes=function(){var t,e,r,i,s=this.shapes.length,a=this.stylesList.length,n=[],o=!1;for(r=0;r<a;r+=1){for(i=this.stylesList[r],o=!1,t=n.length=0;t<s;t+=1)-1!==(e=this.shapes[t]).styles.indexOf(i)&&(n.push(e),o=e._isAnimated||o);1<n.length&&o&&this.setShapesAsAnimated(n)}},SVGShapeElement.prototype.setShapesAsAnimated=function(t){var e,r=t.length;for(e=0;e<r;e+=1)t[e].setAsAnimated()},SVGShapeElement.prototype.createStyleElement=function(t,e){var r,i=new SVGStyleData(t,e),s=i.pElem;if("st"===t.ty)r=new SVGStrokeStyleData(this,t,i);else if("fl"===t.ty)r=new SVGFillStyleData(this,t,i);else if("gf"===t.ty||"gs"===t.ty){r=new("gf"===t.ty?SVGGradientFillStyleData:SVGGradientStrokeStyleData)(this,t,i),this.globalData.defs.appendChild(r.gf),r.maskId&&(this.globalData.defs.appendChild(r.ms),this.globalData.defs.appendChild(r.of),s.setAttribute("mask","url("+locationHref+"#"+r.maskId+")"))}return"st"!==t.ty&&"gs"!==t.ty||(s.setAttribute("stroke-linecap",this.lcEnum[t.lc]||"round"),s.setAttribute("stroke-linejoin",this.ljEnum[t.lj]||"round"),s.setAttribute("fill-opacity","0"),1===t.lj&&s.setAttribute("stroke-miterlimit",t.ml)),2===t.r&&s.setAttribute("fill-rule","evenodd"),t.ln&&s.setAttribute("id",t.ln),t.cl&&s.setAttribute("class",t.cl),this.stylesList.push(i),this.addToAnimatedContents(t,r),r},SVGShapeElement.prototype.createGroupElement=function(t){var e=new ShapeGroupData;return t.ln&&e.gr.setAttribute("id",t.ln),t.cl&&e.gr.setAttribute("class",t.cl),e},SVGShapeElement.prototype.createTransformElement=function(t,e){var r=TransformPropertyFactory.getTransformProperty(this,t,this),i=new SVGTransformData(r,r.o,e);return this.addToAnimatedContents(t,i),i},SVGShapeElement.prototype.createShapeElement=function(t,e,r){var i=4;"rc"===t.ty?i=5:"el"===t.ty?i=6:"sr"===t.ty&&(i=7);var s=new SVGShapeData(e,r,ShapePropertyFactory.getShapeProp(this,t,i,this));return this.shapes.push(s),this.addShapeToModifiers(s),this.addToAnimatedContents(t,s),s},SVGShapeElement.prototype.addToAnimatedContents=function(t,e){for(var r=0,i=this.animatedContents.length;r<i;){if(this.animatedContents[r].element===e)return;r+=1}this.animatedContents.push({fn:SVGElementsRenderer.createRenderFunction(t),element:e,data:t})},SVGShapeElement.prototype.setElementStyles=function(t){var e,r=t.styles,i=this.stylesList.length;for(e=0;e<i;e+=1)this.stylesList[e].closed||r.push(this.stylesList[e])},SVGShapeElement.prototype.reloadShapes=function(){this._isFirstFrame=!0;var t,e=this.itemsData.length;for(t=0;t<e;t+=1)this.prevViewData[t]=this.itemsData[t];for(this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes(),e=this.dynamicProperties.length,t=0;t<e;t+=1)this.dynamicProperties[t].getValue();this.renderModifiers()},SVGShapeElement.prototype.searchShapes=function(t,e,r,i,s,a,n){var o,h,p,l,f,m,c=[].concat(a),d=t.length-1,u=[],y=[];for(o=d;0<=o;o-=1){if((m=this.searchProcessedElement(t[o]))?e[o]=r[m-1]:t[o]._render=n,"fl"==t[o].ty||"st"==t[o].ty||"gf"==t[o].ty||"gs"==t[o].ty)m?e[o].style.closed=!1:e[o]=this.createStyleElement(t[o],s),t[o]._render&&i.appendChild(e[o].style.pElem),u.push(e[o].style);else if("gr"==t[o].ty){if(m)for(p=e[o].it.length,h=0;h<p;h+=1)e[o].prevViewData[h]=e[o].it[h];else e[o]=this.createGroupElement(t[o]);this.searchShapes(t[o].it,e[o].it,e[o].prevViewData,e[o].gr,s+1,c,n),t[o]._render&&i.appendChild(e[o].gr)}else"tr"==t[o].ty?(m||(e[o]=this.createTransformElement(t[o],i)),l=e[o].transform,c.push(l)):"sh"==t[o].ty||"rc"==t[o].ty||"el"==t[o].ty||"sr"==t[o].ty?(m||(e[o]=this.createShapeElement(t[o],c,s)),this.setElementStyles(e[o])):"tm"==t[o].ty||"rd"==t[o].ty||"ms"==t[o].ty?(m?(f=e[o]).closed=!1:((f=ShapeModifiers.getModifier(t[o].ty)).init(this,t[o]),e[o]=f,this.shapeModifiers.push(f)),y.push(f)):"rp"==t[o].ty&&(m?(f=e[o]).closed=!0:(f=ShapeModifiers.getModifier(t[o].ty),(e[o]=f).init(this,t,o,e),this.shapeModifiers.push(f),n=!1),y.push(f));this.addProcessedElement(t[o],o+1)}for(d=u.length,o=0;o<d;o+=1)u[o].closed=!0;for(d=y.length,o=0;o<d;o+=1)y[o].closed=!0},SVGShapeElement.prototype.renderInnerContent=function(){this.renderModifiers();var t,e=this.stylesList.length;for(t=0;t<e;t+=1)this.stylesList[t].reset();for(this.renderShape(),t=0;t<e;t+=1)(this.stylesList[t]._mdf||this._isFirstFrame)&&(this.stylesList[t].msElem&&(this.stylesList[t].msElem.setAttribute("d",this.stylesList[t].d),this.stylesList[t].d="M0 0"+this.stylesList[t].d),this.stylesList[t].pElem.setAttribute("d",this.stylesList[t].d||"M0 0"))},SVGShapeElement.prototype.renderShape=function(){var t,e,r=this.animatedContents.length;for(t=0;t<r;t+=1)e=this.animatedContents[t],(this._isFirstFrame||e.element._isAnimated)&&!0!==e.data&&e.fn(e.data,e.element,this._isFirstFrame)},SVGShapeElement.prototype.destroy=function(){this.destroyBaseElement(),this.shapesData=null,this.itemsData=null},SVGTintFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[0].p.v,r=this.filterManager.effectElements[1].p.v,i=this.filterManager.effectElements[2].p.v/100;this.matrixFilter.setAttribute("values",r[0]-e[0]+" 0 0 0 "+e[0]+" "+(r[1]-e[1])+" 0 0 0 "+e[1]+" "+(r[2]-e[2])+" 0 0 0 "+e[2]+" 0 0 0 "+i+" 0")}},SVGFillFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[2].p.v,r=this.filterManager.effectElements[6].p.v;this.matrixFilter.setAttribute("values","0 0 0 0 "+e[0]+" 0 0 0 0 "+e[1]+" 0 0 0 0 "+e[2]+" 0 0 0 "+r+" 0")}},SVGStrokeEffect.prototype.initialize=function(){var t,e,r,i,s=this.elem.layerElement.children||this.elem.layerElement.childNodes;for(1===this.filterManager.effectElements[1].p.v?(i=this.elem.maskManager.masksProperties.length,r=0):i=(r=this.filterManager.effectElements[0].p.v-1)+1,(e=createNS("g")).setAttribute("fill","none"),e.setAttribute("stroke-linecap","round"),e.setAttribute("stroke-dashoffset",1);r<i;r+=1)t=createNS("path"),e.appendChild(t),this.paths.push({p:t,m:r});if(3===this.filterManager.effectElements[10].p.v){var a=createNS("mask"),n="stms_"+randomString(10);a.setAttribute("id",n),a.setAttribute("mask-type","alpha"),a.appendChild(e),this.elem.globalData.defs.appendChild(a);var o=createNS("g");for(o.setAttribute("mask","url("+locationHref+"#"+n+")");s[0];)o.appendChild(s[0]);this.elem.layerElement.appendChild(o),this.masker=a,e.setAttribute("stroke","#fff")}else if(1===this.filterManager.effectElements[10].p.v||2===this.filterManager.effectElements[10].p.v){if(2===this.filterManager.effectElements[10].p.v)for(s=this.elem.layerElement.children||this.elem.layerElement.childNodes;s.length;)this.elem.layerElement.removeChild(s[0]);this.elem.layerElement.appendChild(e),this.elem.layerElement.removeAttribute("mask"),e.setAttribute("stroke","#fff")}this.initialized=!0,this.pathMasker=e},SVGStrokeEffect.prototype.renderFrame=function(t){this.initialized||this.initialize();var e,r,i,s=this.paths.length;for(e=0;e<s;e+=1)if(-1!==this.paths[e].m&&(r=this.elem.maskManager.viewData[this.paths[e].m],i=this.paths[e].p,(t||this.filterManager._mdf||r.prop._mdf)&&i.setAttribute("d",r.lastPath),t||this.filterManager.effectElements[9].p._mdf||this.filterManager.effectElements[4].p._mdf||this.filterManager.effectElements[7].p._mdf||this.filterManager.effectElements[8].p._mdf||r.prop._mdf)){var a;if(0!==this.filterManager.effectElements[7].p.v||100!==this.filterManager.effectElements[8].p.v){var n=Math.min(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v)/100,o=Math.max(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v)/100,h=i.getTotalLength();a="0 0 0 "+h*n+" ";var p,l=h*(o-n),f=1+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v/100,m=Math.floor(l/f);for(p=0;p<m;p+=1)a+="1 "+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v/100+" ";a+="0 "+10*h+" 0 0"}else a="1 "+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v/100;i.setAttribute("stroke-dasharray",a)}if((t||this.filterManager.effectElements[4].p._mdf)&&this.pathMasker.setAttribute("stroke-width",2*this.filterManager.effectElements[4].p.v),(t||this.filterManager.effectElements[6].p._mdf)&&this.pathMasker.setAttribute("opacity",this.filterManager.effectElements[6].p.v),(1===this.filterManager.effectElements[10].p.v||2===this.filterManager.effectElements[10].p.v)&&(t||this.filterManager.effectElements[3].p._mdf)){var c=this.filterManager.effectElements[3].p.v;this.pathMasker.setAttribute("stroke","rgb("+bm_floor(255*c[0])+","+bm_floor(255*c[1])+","+bm_floor(255*c[2])+")")}},SVGTritoneFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[0].p.v,r=this.filterManager.effectElements[1].p.v,i=this.filterManager.effectElements[2].p.v,s=i[0]+" "+r[0]+" "+e[0],a=i[1]+" "+r[1]+" "+e[1],n=i[2]+" "+r[2]+" "+e[2];this.feFuncR.setAttribute("tableValues",s),this.feFuncG.setAttribute("tableValues",a),this.feFuncB.setAttribute("tableValues",n)}},SVGProLevelsFilter.prototype.createFeFunc=function(t,e){var r=createNS(t);return r.setAttribute("type","table"),e.appendChild(r),r},SVGProLevelsFilter.prototype.getTableValue=function(t,e,r,i,s){for(var a,n,o=0,h=Math.min(t,e),p=Math.max(t,e),l=Array.call(null,{length:256}),f=0,m=s-i,c=e-t;o<=256;)n=(a=o/256)<=h?c<0?s:i:p<=a?c<0?i:s:i+m*Math.pow((a-t)/c,1/r),l[f++]=n,o+=256/255;return l.join(" ")},SVGProLevelsFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e,r=this.filterManager.effectElements;this.feFuncRComposed&&(t||r[3].p._mdf||r[4].p._mdf||r[5].p._mdf||r[6].p._mdf||r[7].p._mdf)&&(e=this.getTableValue(r[3].p.v,r[4].p.v,r[5].p.v,r[6].p.v,r[7].p.v),this.feFuncRComposed.setAttribute("tableValues",e),this.feFuncGComposed.setAttribute("tableValues",e),this.feFuncBComposed.setAttribute("tableValues",e)),this.feFuncR&&(t||r[10].p._mdf||r[11].p._mdf||r[12].p._mdf||r[13].p._mdf||r[14].p._mdf)&&(e=this.getTableValue(r[10].p.v,r[11].p.v,r[12].p.v,r[13].p.v,r[14].p.v),this.feFuncR.setAttribute("tableValues",e)),this.feFuncG&&(t||r[17].p._mdf||r[18].p._mdf||r[19].p._mdf||r[20].p._mdf||r[21].p._mdf)&&(e=this.getTableValue(r[17].p.v,r[18].p.v,r[19].p.v,r[20].p.v,r[21].p.v),this.feFuncG.setAttribute("tableValues",e)),this.feFuncB&&(t||r[24].p._mdf||r[25].p._mdf||r[26].p._mdf||r[27].p._mdf||r[28].p._mdf)&&(e=this.getTableValue(r[24].p.v,r[25].p.v,r[26].p.v,r[27].p.v,r[28].p.v),this.feFuncB.setAttribute("tableValues",e)),this.feFuncA&&(t||r[31].p._mdf||r[32].p._mdf||r[33].p._mdf||r[34].p._mdf||r[35].p._mdf)&&(e=this.getTableValue(r[31].p.v,r[32].p.v,r[33].p.v,r[34].p.v,r[35].p.v),this.feFuncA.setAttribute("tableValues",e))}},SVGDropShadowEffect.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){if((t||this.filterManager.effectElements[4].p._mdf)&&this.feGaussianBlur.setAttribute("stdDeviation",this.filterManager.effectElements[4].p.v/4),t||this.filterManager.effectElements[0].p._mdf){var e=this.filterManager.effectElements[0].p.v;this.feFlood.setAttribute("flood-color",rgbToHex(Math.round(255*e[0]),Math.round(255*e[1]),Math.round(255*e[2])))}if((t||this.filterManager.effectElements[1].p._mdf)&&this.feFlood.setAttribute("flood-opacity",this.filterManager.effectElements[1].p.v/255),t||this.filterManager.effectElements[2].p._mdf||this.filterManager.effectElements[3].p._mdf){var r=this.filterManager.effectElements[3].p.v,i=(this.filterManager.effectElements[2].p.v-90)*degToRads,s=r*Math.cos(i),a=r*Math.sin(i);this.feOffset.setAttribute("dx",s),this.feOffset.setAttribute("dy",a)}}};var _svgMatteSymbols=[],_svgMatteMaskCounter=0;function SVGMatte3Effect(t,e,r){this.initialized=!1,this.filterManager=e,this.filterElem=t,(this.elem=r).matteElement=createNS("g"),r.matteElement.appendChild(r.layerElement),r.matteElement.appendChild(r.transformedElement),r.baseElement=r.matteElement}function SVGEffects(t){var e,r,i=t.data.ef?t.data.ef.length:0,s=randomString(10),a=filtersFactory.createFilter(s),n=0;for(this.filters=[],e=0;e<i;e+=1)r=null,20===t.data.ef[e].ty?(n+=1,r=new SVGTintFilter(a,t.effectsManager.effectElements[e])):21===t.data.ef[e].ty?(n+=1,r=new SVGFillFilter(a,t.effectsManager.effectElements[e])):22===t.data.ef[e].ty?r=new SVGStrokeEffect(t,t.effectsManager.effectElements[e]):23===t.data.ef[e].ty?(n+=1,r=new SVGTritoneFilter(a,t.effectsManager.effectElements[e])):24===t.data.ef[e].ty?(n+=1,r=new SVGProLevelsFilter(a,t.effectsManager.effectElements[e])):25===t.data.ef[e].ty?(n+=1,r=new SVGDropShadowEffect(a,t.effectsManager.effectElements[e])):28===t.data.ef[e].ty&&(r=new SVGMatte3Effect(a,t.effectsManager.effectElements[e],t)),r&&this.filters.push(r);n&&(t.globalData.defs.appendChild(a),t.layerElement.setAttribute("filter","url("+locationHref+"#"+s+")")),this.filters.length&&t.addRenderableComponent(this)}SVGMatte3Effect.prototype.findSymbol=function(t){for(var e=0,r=_svgMatteSymbols.length;e<r;){if(_svgMatteSymbols[e]===t)return _svgMatteSymbols[e];e+=1}return null},SVGMatte3Effect.prototype.replaceInParent=function(t,e){var r=t.layerElement.parentNode;if(r){for(var i,s=r.children,a=0,n=s.length;a<n&&s[a]!==t.layerElement;)a+=1;a<=n-2&&(i=s[a+1]);var o=createNS("use");o.setAttribute("href","#"+e),i?r.insertBefore(o,i):r.appendChild(o)}},SVGMatte3Effect.prototype.setElementAsMask=function(t,e){if(!this.findSymbol(e)){var r="matte_"+randomString(5)+"_"+_svgMatteMaskCounter++,i=createNS("mask");i.setAttribute("id",e.layerId),i.setAttribute("mask-type","alpha"),_svgMatteSymbols.push(e);var s=t.globalData.defs;s.appendChild(i);var a=createNS("symbol");a.setAttribute("id",r),this.replaceInParent(e,r),a.appendChild(e.layerElement),s.appendChild(a);var n=createNS("use");n.setAttribute("href","#"+r),i.appendChild(n),e.data.hd=!1,e.show()}t.setMatte(e.layerId)},SVGMatte3Effect.prototype.initialize=function(){for(var t=this.filterManager.effectElements[0].p.v,e=this.elem.comp.elements,r=0,i=e.length;r<i;)e[r]&&e[r].data.ind===t&&this.setElementAsMask(this.elem,e[r]),r+=1;this.initialized=!0},SVGMatte3Effect.prototype.renderFrame=function(){this.initialized||this.initialize()},SVGEffects.prototype.renderFrame=function(t){var e,r=this.filters.length;for(e=0;e<r;e+=1)this.filters[e].renderFrame(t)};var animationManager=function(){var t={},s=[],i=0,a=0,n=0,o=!0,h=!1;function r(t){for(var e=0,r=t.target;e<a;)s[e].animation===r&&(s.splice(e,1),e-=1,a-=1,r.isPaused||f()),e+=1}function p(t,e){if(!t)return null;for(var r=0;r<a;){if(s[r].elem==t&&null!==s[r].elem)return s[r].animation;r+=1}var i=new AnimationItem;return m(i,t),i.setData(t,e),i}function l(){n+=1,d()}function f(){n-=1}function m(t,e){t.addEventListener("destroy",r),t.addEventListener("_active",l),t.addEventListener("_idle",f),s.push({elem:e,animation:t}),a+=1}function c(t){var e,r=t-i;for(e=0;e<a;e+=1)s[e].animation.advanceTime(r);i=t,n&&!h?window.requestAnimationFrame(c):o=!0}function e(t){i=t,window.requestAnimationFrame(c)}function d(){!h&&n&&o&&(window.requestAnimationFrame(e),o=!1)}return t.registerAnimation=p,t.loadAnimation=function(t){var e=new AnimationItem;return m(e,null),e.setParams(t),e},t.setSpeed=function(t,e){var r;for(r=0;r<a;r+=1)s[r].animation.setSpeed(t,e)},t.setDirection=function(t,e){var r;for(r=0;r<a;r+=1)s[r].animation.setDirection(t,e)},t.play=function(t){var e;for(e=0;e<a;e+=1)s[e].animation.play(t)},t.pause=function(t){var e;for(e=0;e<a;e+=1)s[e].animation.pause(t)},t.stop=function(t){var e;for(e=0;e<a;e+=1)s[e].animation.stop(t)},t.togglePause=function(t){var e;for(e=0;e<a;e+=1)s[e].animation.togglePause(t)},t.searchAnimations=function(t,e,r){var i,s=[].concat([].slice.call(document.getElementsByClassName("lottie")),[].slice.call(document.getElementsByClassName("bodymovin"))),a=s.length;for(i=0;i<a;i+=1)r&&s[i].setAttribute("data-bm-type",r),p(s[i],t);if(e&&0===a){r||(r="svg");var n=document.getElementsByTagName("body")[0];n.innerHTML="";var o=createTag("div");o.style.width="100%",o.style.height="100%",o.setAttribute("data-bm-type",r),n.appendChild(o),p(o,t)}},t.resize=function(){var t;for(t=0;t<a;t+=1)s[t].animation.resize()},t.goToAndStop=function(t,e,r){var i;for(i=0;i<a;i+=1)s[i].animation.goToAndStop(t,e,r)},t.destroy=function(t){var e;for(e=a-1;0<=e;e-=1)s[e].animation.destroy(t)},t.freeze=function(){h=!0},t.unfreeze=function(){h=!1,d()},t.getRegisteredAnimations=function(){var t,e=s.length,r=[];for(t=0;t<e;t+=1)r.push(s[t].animation);return r},t}(),AnimationItem=function(){this._cbs=[],this.name="",this.path="",this.isLoaded=!1,this.currentFrame=0,this.currentRawFrame=0,this.totalFrames=0,this.frameRate=0,this.frameMult=0,this.playSpeed=1,this.playDirection=1,this.playCount=0,this.animationData={},this.assets=[],this.isPaused=!0,this.autoplay=!1,this.loop=!0,this.renderer=null,this.animationID=randomString(10),this.assetsPath="",this.timeCompleted=0,this.segmentPos=0,this.subframeEnabled=subframeEnabled,this.segments=[],this._idle=!0,this._completedLoop=!1,this.projectInterface=ProjectInterface(),this.imagePreloader=new ImagePreloader};extendPrototype([BaseEvent],AnimationItem),AnimationItem.prototype.setParams=function(t){t.context&&(this.context=t.context),(t.wrapper||t.container)&&(this.wrapper=t.wrapper||t.container);var e=t.animType?t.animType:t.renderer?t.renderer:"svg";switch(e){case"canvas":this.renderer=new CanvasRenderer(this,t.rendererSettings);break;case"svg":this.renderer=new SVGRenderer(this,t.rendererSettings);break;default:this.renderer=new HybridRenderer(this,t.rendererSettings)}this.renderer.setProjectInterface(this.projectInterface),this.animType=e,""===t.loop||null===t.loop||(!1===t.loop?this.loop=!1:!0===t.loop?this.loop=!0:this.loop=parseInt(t.loop)),this.autoplay=!("autoplay"in t)||t.autoplay,this.name=t.name?t.name:"",this.autoloadSegments=!t.hasOwnProperty("autoloadSegments")||t.autoloadSegments,this.assetsPath=t.assetsPath,t.animationData?this.configAnimation(t.animationData):t.path&&("json"!=t.path.substr(-4)&&("/"!=t.path.substr(-1,1)&&(t.path+="/"),t.path+="data.json"),-1!=t.path.lastIndexOf("\\")?this.path=t.path.substr(0,t.path.lastIndexOf("\\")+1):this.path=t.path.substr(0,t.path.lastIndexOf("/")+1),this.fileName=t.path.substr(t.path.lastIndexOf("/")+1),this.fileName=this.fileName.substr(0,this.fileName.lastIndexOf(".json")),assetLoader.load(t.path,this.configAnimation.bind(this),function(){this.trigger("data_failed")}.bind(this)))},AnimationItem.prototype.setData=function(t,e){var r={wrapper:t,animationData:e?"object"==typeof e?e:JSON.parse(e):null},i=t.attributes;r.path=i.getNamedItem("data-animation-path")?i.getNamedItem("data-animation-path").value:i.getNamedItem("data-bm-path")?i.getNamedItem("data-bm-path").value:i.getNamedItem("bm-path")?i.getNamedItem("bm-path").value:"",r.animType=i.getNamedItem("data-anim-type")?i.getNamedItem("data-anim-type").value:i.getNamedItem("data-bm-type")?i.getNamedItem("data-bm-type").value:i.getNamedItem("bm-type")?i.getNamedItem("bm-type").value:i.getNamedItem("data-bm-renderer")?i.getNamedItem("data-bm-renderer").value:i.getNamedItem("bm-renderer")?i.getNamedItem("bm-renderer").value:"canvas";var s=i.getNamedItem("data-anim-loop")?i.getNamedItem("data-anim-loop").value:i.getNamedItem("data-bm-loop")?i.getNamedItem("data-bm-loop").value:i.getNamedItem("bm-loop")?i.getNamedItem("bm-loop").value:"";""===s||(r.loop="false"!==s&&("true"===s||parseInt(s)));var a=i.getNamedItem("data-anim-autoplay")?i.getNamedItem("data-anim-autoplay").value:i.getNamedItem("data-bm-autoplay")?i.getNamedItem("data-bm-autoplay").value:!i.getNamedItem("bm-autoplay")||i.getNamedItem("bm-autoplay").value;r.autoplay="false"!==a,r.name=i.getNamedItem("data-name")?i.getNamedItem("data-name").value:i.getNamedItem("data-bm-name")?i.getNamedItem("data-bm-name").value:i.getNamedItem("bm-name")?i.getNamedItem("bm-name").value:"","false"===(i.getNamedItem("data-anim-prerender")?i.getNamedItem("data-anim-prerender").value:i.getNamedItem("data-bm-prerender")?i.getNamedItem("data-bm-prerender").value:i.getNamedItem("bm-prerender")?i.getNamedItem("bm-prerender").value:"")&&(r.prerender=!1),this.setParams(r)},AnimationItem.prototype.includeLayers=function(t){t.op>this.animationData.op&&(this.animationData.op=t.op,this.totalFrames=Math.floor(t.op-this.animationData.ip));var e,r,i=this.animationData.layers,s=i.length,a=t.layers,n=a.length;for(r=0;r<n;r+=1)for(e=0;e<s;){if(i[e].id==a[r].id){i[e]=a[r];break}e+=1}if((t.chars||t.fonts)&&(this.renderer.globalData.fontManager.addChars(t.chars),this.renderer.globalData.fontManager.addFonts(t.fonts,this.renderer.globalData.defs)),t.assets)for(s=t.assets.length,e=0;e<s;e+=1)this.animationData.assets.push(t.assets[e]);this.animationData.__complete=!1,dataManager.completeData(this.animationData,this.renderer.globalData.fontManager),this.renderer.includeLayers(t.layers),expressionsPlugin&&expressionsPlugin.initExpressions(this),this.loadNextSegment()},AnimationItem.prototype.loadNextSegment=function(){var t=this.animationData.segments;if(!t||0===t.length||!this.autoloadSegments)return this.trigger("data_ready"),void(this.timeCompleted=this.totalFrames);var e=t.shift();this.timeCompleted=e.time*this.frameRate;var r=this.path+this.fileName+"_"+this.segmentPos+".json";this.segmentPos+=1,assetLoader.load(r,this.includeLayers.bind(this),function(){this.trigger("data_failed")}.bind(this))},AnimationItem.prototype.loadSegments=function(){this.animationData.segments||(this.timeCompleted=this.totalFrames),this.loadNextSegment()},AnimationItem.prototype.imagesLoaded=function(){this.trigger("loaded_images"),this.checkLoaded()},AnimationItem.prototype.preloadImages=function(){this.imagePreloader.setAssetsPath(this.assetsPath),this.imagePreloader.setPath(this.path),this.imagePreloader.loadAssets(this.animationData.assets,this.imagesLoaded.bind(this))},AnimationItem.prototype.configAnimation=function(t){this.renderer&&(this.animationData=t,this.totalFrames=Math.floor(this.animationData.op-this.animationData.ip),this.renderer.configAnimation(t),t.assets||(t.assets=[]),this.renderer.searchExtraCompositions(t.assets),this.assets=this.animationData.assets,this.frameRate=this.animationData.fr,this.firstFrame=Math.round(this.animationData.ip),this.frameMult=this.animationData.fr/1e3,this.trigger("config_ready"),this.preloadImages(),this.loadSegments(),this.updaFrameModifier(),this.waitForFontsLoaded())},AnimationItem.prototype.waitForFontsLoaded=function(){this.renderer&&(this.renderer.globalData.fontManager.loaded()?this.checkLoaded():setTimeout(this.waitForFontsLoaded.bind(this),20))},AnimationItem.prototype.checkLoaded=function(){this.isLoaded||!this.renderer.globalData.fontManager.loaded()||!this.imagePreloader.loaded()&&"canvas"===this.renderer.rendererType||(this.isLoaded=!0,dataManager.completeData(this.animationData,this.renderer.globalData.fontManager),expressionsPlugin&&expressionsPlugin.initExpressions(this),this.renderer.initItems(),setTimeout(function(){this.trigger("DOMLoaded")}.bind(this),0),this.gotoFrame(),this.autoplay&&this.play())},AnimationItem.prototype.resize=function(){this.renderer.updateContainerSize()},AnimationItem.prototype.setSubframe=function(t){this.subframeEnabled=!!t},AnimationItem.prototype.gotoFrame=function(){this.currentFrame=this.subframeEnabled?this.currentRawFrame:~~this.currentRawFrame,this.timeCompleted!==this.totalFrames&&this.currentFrame>this.timeCompleted&&(this.currentFrame=this.timeCompleted),this.trigger("enterFrame"),this.renderFrame()},AnimationItem.prototype.renderFrame=function(){!1!==this.isLoaded&&this.renderer.renderFrame(this.currentFrame+this.firstFrame)},AnimationItem.prototype.play=function(t){t&&this.name!=t||!0===this.isPaused&&(this.isPaused=!1,this._idle&&(this._idle=!1,this.trigger("_active")))},AnimationItem.prototype.pause=function(t){t&&this.name!=t||!1===this.isPaused&&(this.isPaused=!0,this._idle=!0,this.trigger("_idle"))},AnimationItem.prototype.togglePause=function(t){t&&this.name!=t||(!0===this.isPaused?this.play():this.pause())},AnimationItem.prototype.stop=function(t){t&&this.name!=t||(this.pause(),this.playCount=0,this._completedLoop=!1,this.setCurrentRawFrameValue(0))},AnimationItem.prototype.goToAndStop=function(t,e,r){r&&this.name!=r||(e?this.setCurrentRawFrameValue(t):this.setCurrentRawFrameValue(t*this.frameModifier),this.pause())},AnimationItem.prototype.goToAndPlay=function(t,e,r){this.goToAndStop(t,e,r),this.play()},AnimationItem.prototype.advanceTime=function(t){if(!0!==this.isPaused&&!1!==this.isLoaded){var e=this.currentRawFrame+t*this.frameModifier,r=!1;e>=this.totalFrames-1&&0<this.frameModifier?this.loop&&this.playCount!==this.loop?e>=this.totalFrames?(this.playCount+=1,this.checkSegments(e%this.totalFrames)||(this.setCurrentRawFrameValue(e%this.totalFrames),this._completedLoop=!0,this.trigger("loopComplete"))):this.setCurrentRawFrameValue(e):this.checkSegments(e>this.totalFrames?e%this.totalFrames:0)||(r=!0,e=this.totalFrames-1):e<0?this.checkSegments(e%this.totalFrames)||(!this.loop||this.playCount--<=0&&!0!==this.loop?(r=!0,e=0):(this.setCurrentRawFrameValue(this.totalFrames+e%this.totalFrames),this._completedLoop?this.trigger("loopComplete"):this._completedLoop=!0)):this.setCurrentRawFrameValue(e),r&&(this.setCurrentRawFrameValue(e),this.pause(),this.trigger("complete"))}},AnimationItem.prototype.adjustSegment=function(t,e){this.playCount=0,t[1]<t[0]?(0<this.frameModifier&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(-1)),this.timeCompleted=this.totalFrames=t[0]-t[1],this.firstFrame=t[1],this.setCurrentRawFrameValue(this.totalFrames-.001-e)):t[1]>t[0]&&(this.frameModifier<0&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(1)),this.timeCompleted=this.totalFrames=t[1]-t[0],this.firstFrame=t[0],this.setCurrentRawFrameValue(.001+e)),this.trigger("segmentStart")},AnimationItem.prototype.setSegment=function(t,e){var r=-1;this.isPaused&&(this.currentRawFrame+this.firstFrame<t?r=t:this.currentRawFrame+this.firstFrame>e&&(r=e-t)),this.firstFrame=t,this.timeCompleted=this.totalFrames=e-t,-1!==r&&this.goToAndStop(r,!0)},AnimationItem.prototype.playSegments=function(t,e){if(e&&(this.segments.length=0),"object"==typeof t[0]){var r,i=t.length;for(r=0;r<i;r+=1)this.segments.push(t[r])}else this.segments.push(t);this.segments.length&&this.adjustSegment(this.segments.shift(),0),this.isPaused&&this.play()},AnimationItem.prototype.resetSegments=function(t){this.segments.length=0,this.segments.push([this.animationData.ip,this.animationData.op]),t&&this.checkSegments(0)},AnimationItem.prototype.checkSegments=function(t){return!!this.segments.length&&(this.adjustSegment(this.segments.shift(),t),!0)},AnimationItem.prototype.destroy=function(t){t&&this.name!=t||!this.renderer||(this.renderer.destroy(),this.imagePreloader.destroy(),this.trigger("destroy"),this._cbs=null,this.onEnterFrame=this.onLoopComplete=this.onComplete=this.onSegmentStart=this.onDestroy=null,this.renderer=null)},AnimationItem.prototype.setCurrentRawFrameValue=function(t){this.currentRawFrame=t,this.gotoFrame()},AnimationItem.prototype.setSpeed=function(t){this.playSpeed=t,this.updaFrameModifier()},AnimationItem.prototype.setDirection=function(t){this.playDirection=t<0?-1:1,this.updaFrameModifier()},AnimationItem.prototype.updaFrameModifier=function(){this.frameModifier=this.frameMult*this.playSpeed*this.playDirection},AnimationItem.prototype.getPath=function(){return this.path},AnimationItem.prototype.getAssetsPath=function(t){var e="";if(t.e)e=t.p;else if(this.assetsPath){var r=t.p;-1!==r.indexOf("images/")&&(r=r.split("/")[1]),e=this.assetsPath+r}else e=this.path,e+=t.u?t.u:"",e+=t.p;return e},AnimationItem.prototype.getAssetData=function(t){for(var e=0,r=this.assets.length;e<r;){if(t==this.assets[e].id)return this.assets[e];e+=1}},AnimationItem.prototype.hide=function(){this.renderer.hide()},AnimationItem.prototype.show=function(){this.renderer.show()},AnimationItem.prototype.getDuration=function(t){return t?this.totalFrames:this.totalFrames/this.frameRate},AnimationItem.prototype.trigger=function(t){if(this._cbs&&this._cbs[t])switch(t){case"enterFrame":this.triggerEvent(t,new BMEnterFrameEvent(t,this.currentFrame,this.totalFrames,this.frameMult));break;case"loopComplete":this.triggerEvent(t,new BMCompleteLoopEvent(t,this.loop,this.playCount,this.frameMult));break;case"complete":this.triggerEvent(t,new BMCompleteEvent(t,this.frameMult));break;case"segmentStart":this.triggerEvent(t,new BMSegmentStartEvent(t,this.firstFrame,this.totalFrames));break;case"destroy":this.triggerEvent(t,new BMDestroyEvent(t,this));break;default:this.triggerEvent(t)}"enterFrame"===t&&this.onEnterFrame&&this.onEnterFrame.call(this,new BMEnterFrameEvent(t,this.currentFrame,this.totalFrames,this.frameMult)),"loopComplete"===t&&this.onLoopComplete&&this.onLoopComplete.call(this,new BMCompleteLoopEvent(t,this.loop,this.playCount,this.frameMult)),"complete"===t&&this.onComplete&&this.onComplete.call(this,new BMCompleteEvent(t,this.frameMult)),"segmentStart"===t&&this.onSegmentStart&&this.onSegmentStart.call(this,new BMSegmentStartEvent(t,this.firstFrame,this.totalFrames)),"destroy"===t&&this.onDestroy&&this.onDestroy.call(this,new BMDestroyEvent(t,this))};var Expressions=(bO={},bO.initExpressions=function(t){var e=0,r=[];function i(){var t,e=r.length;for(t=0;t<e;t+=1)r[t].release();r.length=0}t.renderer.compInterface=CompExpressionInterface(t.renderer),t.renderer.globalData.projectInterface.registerComposition(t.renderer),t.renderer.globalData.pushExpression=function(){e+=1},t.renderer.globalData.popExpression=function(){0==(e-=1)&&i()},t.renderer.globalData.registerExpressionProperty=function(t){-1===r.indexOf(t)&&r.push(t)}},bO),bO;expressionsPlugin=Expressions;var ExpressionManager=function(){var ob={},Math=BMMath,window=null,document=null;function $bm_isInstanceOfArray(t){return t.constructor===Array||t.constructor===Float32Array}function isNumerable(t,e){return"number"===t||"boolean"===t||"string"===t||e instanceof Number}function $bm_neg(t){var e=typeof t;if("number"===e||"boolean"===e||t instanceof Number)return-t;if($bm_isInstanceOfArray(t)){var r,i=t.length,s=[];for(r=0;r<i;r+=1)s[r]=-t[r];return s}}var easeInBez=BezierFactory.getBezierEasing(.333,0,.833,.833,"easeIn").get,easeOutBez=BezierFactory.getBezierEasing(.167,.167,.667,1,"easeOut").get,easeInOutBez=BezierFactory.getBezierEasing(.33,0,.667,1,"easeInOut").get;function sum(t,e){var r=typeof t,i=typeof e;if("string"===r||"string"===i)return t+e;if(isNumerable(r,t)&&isNumerable(i,e))return t+e;if($bm_isInstanceOfArray(t)&&isNumerable(i,e))return(t=t.slice(0))[0]=t[0]+e,t;if(isNumerable(r,t)&&$bm_isInstanceOfArray(e))return(e=e.slice(0))[0]=t+e[0],e;if($bm_isInstanceOfArray(t)&&$bm_isInstanceOfArray(e)){for(var s=0,a=t.length,n=e.length,o=[];s<a||s<n;)("number"==typeof t[s]||t[s]instanceof Number)&&("number"==typeof e[s]||e[s]instanceof Number)?o[s]=t[s]+e[s]:o[s]=void 0===e[s]?t[s]:t[s]||e[s],s+=1;return o}return 0}var add=sum;function sub(t,e){var r=typeof t,i=typeof e;if(isNumerable(r,t)&&isNumerable(i,e))return"string"===r&&(t=parseInt(t)),"string"===i&&(e=parseInt(e)),t-e;if($bm_isInstanceOfArray(t)&&isNumerable(i,e))return(t=t.slice(0))[0]=t[0]-e,t;if(isNumerable(r,t)&&$bm_isInstanceOfArray(e))return(e=e.slice(0))[0]=t-e[0],e;if($bm_isInstanceOfArray(t)&&$bm_isInstanceOfArray(e)){for(var s=0,a=t.length,n=e.length,o=[];s<a||s<n;)("number"==typeof t[s]||t[s]instanceof Number)&&("number"==typeof e[s]||e[s]instanceof Number)?o[s]=t[s]-e[s]:o[s]=void 0===e[s]?t[s]:t[s]||e[s],s+=1;return o}return 0}function mul(t,e){var r,i,s,a=typeof t,n=typeof e;if(isNumerable(a,t)&&isNumerable(n,e))return t*e;if($bm_isInstanceOfArray(t)&&isNumerable(n,e)){for(s=t.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t[i]*e;return r}if(isNumerable(a,t)&&$bm_isInstanceOfArray(e)){for(s=e.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t*e[i];return r}return 0}function div(t,e){var r,i,s,a=typeof t,n=typeof e;if(isNumerable(a,t)&&isNumerable(n,e))return t/e;if($bm_isInstanceOfArray(t)&&isNumerable(n,e)){for(s=t.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t[i]/e;return r}if(isNumerable(a,t)&&$bm_isInstanceOfArray(e)){for(s=e.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t/e[i];return r}return 0}function mod(t,e){return"string"==typeof t&&(t=parseInt(t)),"string"==typeof e&&(e=parseInt(e)),t%e}function clamp(t,e,r){if(r<e){var i=r;r=e,e=i}return Math.min(Math.max(t,e),r)}function radiansToDegrees(t){return t/degToRads}var radians_to_degrees=radiansToDegrees;function degreesToRadians(t){return t*degToRads}var degrees_to_radians=radiansToDegrees,helperLengthArray=[0,0,0,0,0,0];function length(t,e){if("number"==typeof t||t instanceof Number)return e=e||0,Math.abs(t-e);e||(e=helperLengthArray);var r,i=Math.min(t.length,e.length),s=0;for(r=0;r<i;r+=1)s+=Math.pow(e[r]-t[r],2);return Math.sqrt(s)}function normalize(t){return div(t,length(t))}function rgbToHsl(t){var e,r,i=t[0],s=t[1],a=t[2],n=Math.max(i,s,a),o=Math.min(i,s,a),h=(n+o)/2;if(n==o)e=r=0;else{var p=n-o;switch(r=.5<h?p/(2-n-o):p/(n+o),n){case i:e=(s-a)/p+(s<a?6:0);break;case s:e=(a-i)/p+2;break;case a:e=(i-s)/p+4}e/=6}return[e,r,h,t[3]]}function hue2rgb(t,e,r){return r<0&&(r+=1),1<r&&(r-=1),r<1/6?t+6*(e-t)*r:r<.5?e:r<2/3?t+(e-t)*(2/3-r)*6:t}function hslToRgb(t){var e,r,i,s=t[0],a=t[1],n=t[2];if(0===a)e=r=i=n;else{var o=n<.5?n*(1+a):n+a-n*a,h=2*n-o;e=hue2rgb(h,o,s+1/3),r=hue2rgb(h,o,s),i=hue2rgb(h,o,s-1/3)}return[e,r,i,t[3]]}function linear(t,e,r,i,s){if(void 0!==i&&void 0!==s||(i=e,s=r,e=0,r=1),r<e){var a=r;r=e,e=a}if(t<=e)return i;if(r<=t)return s;var n=r===e?0:(t-e)/(r-e);if(!i.length)return i+(s-i)*n;var o,h=i.length,p=createTypedArray("float32",h);for(o=0;o<h;o+=1)p[o]=i[o]+(s[o]-i[o])*n;return p}function random(t,e){if(void 0===e&&(void 0===t?(t=0,e=1):(e=t,t=void 0)),e.length){var r,i=e.length;t||(t=createTypedArray("float32",i));var s=createTypedArray("float32",i),a=BMMath.random();for(r=0;r<i;r+=1)s[r]=t[r]+a*(e[r]-t[r]);return s}return void 0===t&&(t=0),t+BMMath.random()*(e-t)}function createPath(t,e,r,i){var s,a=t.length,n=shape_pool.newElement();n.setPathData(!!i,a);var o,h,p=[0,0];for(s=0;s<a;s+=1)o=e&&e[s]?e[s]:p,h=r&&r[s]?r[s]:p,n.setTripleAt(t[s][0],t[s][1],h[0]+t[s][0],h[1]+t[s][1],o[0]+t[s][0],o[1]+t[s][1],s,!0);return n}function initiateExpression(elem,data,property){var val=data.x,needsVelocity=/velocity(?![\w\d])/.test(val),_needsRandom=-1!==val.indexOf("random"),elemType=elem.data.ty,transform,$bm_transform,content,effect,thisProperty=property;thisProperty.valueAtTime=thisProperty.getValueAtTime,elem.comp.frameDuration=1/elem.comp.globalData.frameRate,elem.comp.displayStartTime=0;var inPoint=elem.data.ip/elem.comp.globalData.frameRate,outPoint=elem.data.op/elem.comp.globalData.frameRate,width=elem.data.sw?elem.data.sw:0,height=elem.data.sh?elem.data.sh:0,name=elem.data.nm,loopIn,loop_in,loopOut,loop_out,toWorld,fromWorld,fromComp,toComp,fromCompToSurface,position,rotation,anchorPoint,scale,thisLayer,thisComp,mask,valueAtTime,velocityAtTime,__expression_functions=[],scoped_bm_rt;if(data.xf){var i,len=data.xf.length;for(i=0;i<len;i+=1)__expression_functions[i]=eval("(function(){ return "+data.xf[i]+"}())")}var expression_function=eval("[function _expression_function(){"+val+";scoped_bm_rt=$bm_rt}]")[0],numKeys=property.kf?data.k.length:0,active=!this.data||!0!==this.data.hd,wiggle=function(t,e){var r,i,s=this.pv.length?this.pv.length:1,a=createTypedArray("float32",s);var n=Math.floor(5*time);for(i=r=0;r<n;){for(i=0;i<s;i+=1)a[i]+=-e+2*e*BMMath.random();r+=1}var o=5*time,h=o-Math.floor(o),p=createTypedArray("float32",s);if(1<s){for(i=0;i<s;i+=1)p[i]=this.pv[i]+a[i]+(-e+2*e*BMMath.random())*h;return p}return this.pv+a[0]+(-e+2*e*BMMath.random())*h}.bind(this);function loopInDuration(t,e){return loopIn(t,e,!0)}function loopOutDuration(t,e){return loopOut(t,e,!0)}thisProperty.loopIn&&(loopIn=thisProperty.loopIn.bind(thisProperty),loop_in=loopIn),thisProperty.loopOut&&(loopOut=thisProperty.loopOut.bind(thisProperty),loop_out=loopOut),this.getValueAtTime&&(valueAtTime=this.getValueAtTime.bind(this)),this.getVelocityAtTime&&(velocityAtTime=this.getVelocityAtTime.bind(this));var comp=elem.comp.globalData.projectInterface.bind(elem.comp.globalData.projectInterface),time,velocity,value,text,textIndex,textTotal,selectorValue;function lookAt(t,e){var r=[e[0]-t[0],e[1]-t[1],e[2]-t[2]],i=Math.atan2(r[0],Math.sqrt(r[1]*r[1]+r[2]*r[2]))/degToRads;return[-Math.atan2(r[1],r[2])/degToRads,i,0]}function easeOut(t,e,r,i,s){return applyEase(easeOutBez,t,e,r,i,s)}function easeIn(t,e,r,i,s){return applyEase(easeInBez,t,e,r,i,s)}function ease(t,e,r,i,s){return applyEase(easeInOutBez,t,e,r,i,s)}function applyEase(t,e,r,i,s,a){void 0===s?(s=r,a=i):e=(e-r)/(i-r);var n=t(e=1<e?1:e<0?0:e);if($bm_isInstanceOfArray(s)){var o,h=s.length,p=createTypedArray("float32",h);for(o=0;o<h;o+=1)p[o]=(a[o]-s[o])*n+s[o];return p}return(a-s)*n+s}function nearestKey(t){var e,r,i,s=data.k.length;if(data.k.length&&"number"!=typeof data.k[0])if(r=-1,(t*=elem.comp.globalData.frameRate)<data.k[0].t)r=1,i=data.k[0].t;else{for(e=0;e<s-1;e+=1){if(t===data.k[e].t){r=e+1,i=data.k[e].t;break}if(t>data.k[e].t&&t<data.k[e+1].t){i=t-data.k[e].t>data.k[e+1].t-t?(r=e+2,data.k[e+1].t):(r=e+1,data.k[e].t);break}}-1===r&&(r=e+1,i=data.k[e].t)}else i=r=0;var a={};return a.index=r,a.time=i/elem.comp.globalData.frameRate,a}function key(t){var e,r,i,s;if(!data.k.length||"number"==typeof data.k[0])throw new Error("The property has no keyframe at index "+t);for(t-=1,e={time:data.k[t].t/elem.comp.globalData.frameRate},i=(s=t!==data.k.length-1||data.k[t].h?data.k[t].s:data.k[t-1].e).length,r=0;r<i;r+=1)e[r]=s[r];return e}function framesToTime(t,e){return e||(e=elem.comp.globalData.frameRate),t/e}function timeToFrames(t,e){return t||0===t||(t=time),e||(e=elem.comp.globalData.frameRate),t*e}function seedRandom(t){BMMath.seedrandom(randSeed+t)}function sourceRectAtTime(){return elem.sourceRectAtTime()}function substring(t,e){return"string"==typeof value?void 0===e?value.substring(t):value.substring(t,e):""}function substr(t,e){return"string"==typeof value?void 0===e?value.substr(t):value.substr(t,e):""}var index=elem.data.ind,hasParent=!(!elem.hierarchy||!elem.hierarchy.length),parent,randSeed=Math.floor(1e6*Math.random()),globalData=elem.globalData;function executeExpression(t){return value=t,_needsRandom&&seedRandom(randSeed),this.frameExpressionId===elem.globalData.frameId&&"textSelector"!==this.propType?value:("textSelector"===this.propType&&(textIndex=this.textIndex,textTotal=this.textTotal,selectorValue=this.selectorValue),thisLayer||(text=elem.layerInterface.text,thisLayer=elem.layerInterface,thisComp=elem.comp.compInterface,toWorld=thisLayer.toWorld.bind(thisLayer),fromWorld=thisLayer.fromWorld.bind(thisLayer),fromComp=thisLayer.fromComp.bind(thisLayer),toComp=thisLayer.toComp.bind(thisLayer),mask=thisLayer.mask?thisLayer.mask.bind(thisLayer):null,fromCompToSurface=fromComp),transform||(transform=elem.layerInterface("ADBE Transform Group"),($bm_transform=transform)&&(anchorPoint=transform.anchorPoint)),4!==elemType||content||(content=thisLayer("ADBE Root Vectors Group")),effect||(effect=thisLayer(4)),(hasParent=!(!elem.hierarchy||!elem.hierarchy.length))&&!parent&&(parent=elem.hierarchy[0].layerInterface),time=this.comp.renderedFrame/this.comp.globalData.frameRate,needsVelocity&&(velocity=velocityAtTime(time)),expression_function(),this.frameExpressionId=elem.globalData.frameId,"shape"===scoped_bm_rt.propType&&(scoped_bm_rt=scoped_bm_rt.v),scoped_bm_rt)}return executeExpression}return ob.initiateExpression=initiateExpression,ob}();!function(){function o(){return this.pv}function h(t,e,r){if(!this.k||!this.keyframes)return this.pv;t=t?t.toLowerCase():"";var i,s,a,n,o,h=this.comp.renderedFrame,p=this.keyframes,l=p[p.length-1].t;if(h<=l)return this.pv;if(r?s=l-(i=e?Math.abs(l-elem.comp.globalData.frameRate*e):Math.max(0,l-this.elem.data.ip)):((!e||e>p.length-1)&&(e=p.length-1),i=l-(s=p[p.length-1-e].t)),"pingpong"===t){if(Math.floor((h-s)/i)%2!=0)return this.getValueAtTime((i-(h-s)%i+s)/this.comp.globalData.frameRate,0)}else{if("offset"===t){var f=this.getValueAtTime(s/this.comp.globalData.frameRate,0),m=this.getValueAtTime(l/this.comp.globalData.frameRate,0),c=this.getValueAtTime(((h-s)%i+s)/this.comp.globalData.frameRate,0),d=Math.floor((h-s)/i);if(this.pv.length){for(n=(o=new Array(f.length)).length,a=0;a<n;a+=1)o[a]=(m[a]-f[a])*d+c[a];return o}return(m-f)*d+c}if("continue"===t){var u=this.getValueAtTime(l/this.comp.globalData.frameRate,0),y=this.getValueAtTime((l-.001)/this.comp.globalData.frameRate,0);if(this.pv.length){for(n=(o=new Array(u.length)).length,a=0;a<n;a+=1)o[a]=u[a]+(u[a]-y[a])*((h-l)/this.comp.globalData.frameRate)/5e-4;return o}return u+(h-l)/.001*(u-y)}}return this.getValueAtTime(((h-s)%i+s)/this.comp.globalData.frameRate,0)}function p(t,e,r){if(!this.k)return this.pv;t=t?t.toLowerCase():"";var i,s,a,n,o,h=this.comp.renderedFrame,p=this.keyframes,l=p[0].t;if(l<=h)return this.pv;if(r?s=l+(i=e?Math.abs(elem.comp.globalData.frameRate*e):Math.max(0,this.elem.data.op-l)):((!e||e>p.length-1)&&(e=p.length-1),i=(s=p[e].t)-l),"pingpong"===t){if(Math.floor((l-h)/i)%2==0)return this.getValueAtTime(((l-h)%i+l)/this.comp.globalData.frameRate,0)}else{if("offset"===t){var f=this.getValueAtTime(l/this.comp.globalData.frameRate,0),m=this.getValueAtTime(s/this.comp.globalData.frameRate,0),c=this.getValueAtTime((i-(l-h)%i+l)/this.comp.globalData.frameRate,0),d=Math.floor((l-h)/i)+1;if(this.pv.length){for(n=(o=new Array(f.length)).length,a=0;a<n;a+=1)o[a]=c[a]-(m[a]-f[a])*d;return o}return c-(m-f)*d}if("continue"===t){var u=this.getValueAtTime(l/this.comp.globalData.frameRate,0),y=this.getValueAtTime((l+.001)/this.comp.globalData.frameRate,0);if(this.pv.length){for(n=(o=new Array(u.length)).length,a=0;a<n;a+=1)o[a]=u[a]+(u[a]-y[a])*(l-h)/.001;return o}return u+(u-y)*(l-h)/.001}}return this.getValueAtTime((i-(l-h)%i+l)/this.comp.globalData.frameRate,0)}function l(t){return t*=this.elem.globalData.frameRate,(t-=this.offsetTime)!==this._cachingAtTime.lastFrame&&(this._cachingAtTime.lastIndex=this._cachingAtTime.lastFrame<t?this._cachingAtTime.lastIndex:0,this._cachingAtTime.value=this.interpolateValue(t,this._cachingAtTime),this._cachingAtTime.lastFrame=t),this._cachingAtTime.value}function f(t){if(void 0!==this.vel)return this.vel;var e,r,i=this.getValueAtTime(t),s=this.getValueAtTime(t+-.001);if(i.length)for(e=createTypedArray("float32",i.length),r=0;r<i.length;r+=1)e[r]=(s[r]-i[r])/-.001;else e=(s-i)/-.001;return e}function m(t){this.propertyGroup=t}function c(t,e,r){e.x&&(r.k=!0,r.x=!0,r.initiateExpression=ExpressionManager.initiateExpression,r.effectsSequence.push(r.initiateExpression(t,e,r).bind(r)))}var i=function(){function r(t,e){return this.textIndex=t+1,this.textTotal=e,this.getValue(),this.v}return function(t,e){this.pv=1,this.comp=t.comp,this.elem=t,this.mult=.01,this.propType="textSelector",this.textTotal=e.totalChars,this.selectorValue=100,this.lastValue=[1,1,1],c.bind(this)(t,e,this),this.getMult=r,this.getVelocityAtTime=f,this.kf?this.getValueAtTime=l.bind(this):this.getValueAtTime=o.bind(this),this.setGroupProperty=m}}(),s=TransformPropertyFactory.getTransformProperty;TransformPropertyFactory.getTransformProperty=function(t,e,r){var i=s(t,e,r);return i.dynamicProperties.length?i.getValueAtTime=function(t){console.warn("Transform at time not supported")}.bind(i):i.getValueAtTime=function(t){}.bind(i),i.setGroupProperty=m,i};var d=PropertyFactory.getProp;PropertyFactory.getProp=function(t,e,r,i,s){var a=d(t,e,r,i,s);a.kf?a.getValueAtTime=l.bind(a):a.getValueAtTime=o.bind(a),a.setGroupProperty=m,a.loopOut=h,a.loopIn=p,a.getVelocityAtTime=f.bind(a),a.getSpeedAtTime=function(t){var e=this.getValueAtTime(t),r=this.getValueAtTime(t+-.01),i=0;if(e.length){var s;for(s=0;s<e.length;s+=1)i+=Math.pow(r[s]-e[s],2);i=100*Math.sqrt(i)}else i=0;return i}.bind(a),a.numKeys=1===e.a?e.k.length:0,a.propertyIndex=e.ix;var n=0;return 0!==r&&(n=createTypedArray("float32",1===e.a?e.k[0].s.length:e.k.length)),a._cachingAtTime={lastFrame:initialDefaultFrame,lastIndex:0,value:n},c(t,e,a),a.k&&s.addDynamicProperty(a),a};var t=ShapePropertyFactory.getConstructorFunction(),e=ShapePropertyFactory.getKeyframedConstructorFunction();function r(){}r.prototype={vertices:function(t,e){this.k&&this.getValue();var r=this.v;void 0!==e&&(r=this.getValueAtTime(e,0));var i,s=r._length,a=r[t],n=r.v,o=createSizedArray(s);for(i=0;i<s;i+=1)o[i]="i"===t||"o"===t?[a[i][0]-n[i][0],a[i][1]-n[i][1]]:[a[i][0],a[i][1]];return o},points:function(t){return this.vertices("v",t)},inTangents:function(t){return this.vertices("i",t)},outTangents:function(t){return this.vertices("o",t)},isClosed:function(){return this.v.c},pointOnPath:function(t,e){var r=this.v;void 0!==e&&(r=this.getValueAtTime(e,0)),this._segmentsLength||(this._segmentsLength=bez.getSegmentsLength(r));for(var i,s=this._segmentsLength,a=s.lengths,n=s.totalLength*t,o=0,h=a.length,p=0;o<h;){if(p+a[o].addedLength>n){var l=o,f=r.c&&o===h-1?0:o+1,m=(n-p)/a[o].addedLength;i=bez.getPointInSegment(r.v[l],r.v[f],r.o[l],r.i[f],m,a[o]);break}p+=a[o].addedLength,o+=1}return i||(i=r.c?[r.v[0][0],r.v[0][1]]:[r.v[r._length-1][0],r.v[r._length-1][1]]),i},vectorOnPath:function(t,e,r){t=1==t?this.v.c?0:.999:t;var i=this.pointOnPath(t,e),s=this.pointOnPath(t+.001,e),a=s[0]-i[0],n=s[1]-i[1],o=Math.sqrt(Math.pow(a,2)+Math.pow(n,2));return"tangent"===r?[a/o,n/o]:[-n/o,a/o]},tangentOnPath:function(t,e){return this.vectorOnPath(t,e,"tangent")},normalOnPath:function(t,e){return this.vectorOnPath(t,e,"normal")},setGroupProperty:m,getValueAtTime:o},extendPrototype([r],t),extendPrototype([r],e),e.prototype.getValueAtTime=function(t){return this._cachingAtTime||(this._cachingAtTime={shapeValue:shape_pool.clone(this.pv),lastIndex:0,lastTime:initialDefaultFrame}),t!==this._cachingAtTime.lastTime&&(this._cachingAtTime.lastIndex=this._cachingAtTime.lastTime<t?this._caching.lastIndex:0,this._cachingAtTime.lastTime=t,t*=this.elem.globalData.frameRate,this.interpolateShape(t,this._cachingAtTime.shapeValue,this._cachingAtTime)),this._cachingAtTime.shapeValue},e.prototype.initiateExpression=ExpressionManager.initiateExpression;var n=ShapePropertyFactory.getShapeProp;ShapePropertyFactory.getShapeProp=function(t,e,r,i,s){var a=n(t,e,r,i,s);return a.propertyIndex=e.ix,a.lock=!1,3===r?c(t,e.pt,a):4===r&&c(t,e.ks,a),a.k&&t.addDynamicProperty(a),a};var a=TextSelectorProp.getTextSelectorProp;TextSelectorProp.getTextSelectorProp=function(t,e,r){return 1===e.t?new i(t,e,r):a(t,e,r)}}(),TextProperty.prototype.getExpressionValue=function(t,e){var r=this.calculateExpression(e);if(t.t===r)return t;var i={};return this.copyData(i,t),i.t=r.toString(),i.__complete=!1,i},TextProperty.prototype.searchProperty=function(){var t=this.searchKeyframes(),e=this.searchExpressions();return this.kf=t||e,this.kf},TextProperty.prototype.searchExpressions=function(){if(this.data.d.x)return this.calculateExpression=ExpressionManager.initiateExpression.bind(this)(this.elem,this.data.d,this),this.addEffect(this.getExpressionValue.bind(this)),!0};var ShapeExpressionInterface=function(){function f(t,e,r){var i,s=[],a=t?t.length:0;for(i=0;i<a;i+=1)"gr"==t[i].ty?s.push(n(t[i],e[i],r)):"fl"==t[i].ty?s.push(o(t[i],e[i],r)):"st"==t[i].ty?s.push(h(t[i],e[i],r)):"tm"==t[i].ty?s.push(p(t[i],e[i],r)):"tr"==t[i].ty||("el"==t[i].ty?s.push(l(t[i],e[i],r)):"sr"==t[i].ty?s.push(m(t[i],e[i],r)):"sh"==t[i].ty?s.push(y(t[i],e[i],r)):"rc"==t[i].ty?s.push(c(t[i],e[i],r)):"rd"==t[i].ty?s.push(d(t[i],e[i],r)):"rp"==t[i].ty&&s.push(u(t[i],e[i],r)));return s}function n(t,e,r){var i=function(t){switch(t){case"ADBE Vectors Group":case"Contents":case 2:return i.content;default:return i.transform}};i.propertyGroup=function(t){return 1===t?i:r(t-1)};var s,a,n,o,h,p=(s=t,a=e,n=i.propertyGroup,(h=function(t){for(var e=0,r=o.length;e<r;){if(o[e]._name===t||o[e].mn===t||o[e].propertyIndex===t||o[e].ix===t||o[e].ind===t)return o[e];e+=1}if("number"==typeof t)return o[t-1]}).propertyGroup=function(t){return 1===t?h:n(t-1)},o=f(s.it,a.it,h.propertyGroup),h.numProperties=o.length,h.propertyIndex=s.cix,h._name=s.nm,h),l=function(e,t,r){function i(t){return 1==t?s:r(--t)}t.transform.mProps.o.setGroupProperty(i),t.transform.mProps.p.setGroupProperty(i),t.transform.mProps.a.setGroupProperty(i),t.transform.mProps.s.setGroupProperty(i),t.transform.mProps.r.setGroupProperty(i),t.transform.mProps.sk&&(t.transform.mProps.sk.setGroupProperty(i),t.transform.mProps.sa.setGroupProperty(i));function s(t){return e.a.ix===t||"Anchor Point"===t?s.anchorPoint:e.o.ix===t||"Opacity"===t?s.opacity:e.p.ix===t||"Position"===t?s.position:e.r.ix===t||"Rotation"===t||"ADBE Vector Rotation"===t?s.rotation:e.s.ix===t||"Scale"===t?s.scale:e.sk&&e.sk.ix===t||"Skew"===t?s.skew:e.sa&&e.sa.ix===t||"Skew Axis"===t?s.skewAxis:void 0}return t.transform.op.setGroupProperty(i),Object.defineProperties(s,{opacity:{get:ExpressionPropertyInterface(t.transform.mProps.o)},position:{get:ExpressionPropertyInterface(t.transform.mProps.p)},anchorPoint:{get:ExpressionPropertyInterface(t.transform.mProps.a)},scale:{get:ExpressionPropertyInterface(t.transform.mProps.s)},rotation:{get:ExpressionPropertyInterface(t.transform.mProps.r)},skew:{get:ExpressionPropertyInterface(t.transform.mProps.sk)},skewAxis:{get:ExpressionPropertyInterface(t.transform.mProps.sa)},_name:{value:e.nm}}),s.ty="tr",s.mn=e.mn,s}(t.it[t.it.length-1],e.it[e.it.length-1],i.propertyGroup);return i.content=p,i.transform=l,Object.defineProperty(i,"_name",{get:function(){return t.nm}}),i.numProperties=t.np,i.propertyIndex=t.ix,i.nm=t.nm,i.mn=t.mn,i}function o(t,e,r){function i(t){return"Color"===t||"color"===t?i.color:"Opacity"===t||"opacity"===t?i.opacity:void 0}return Object.defineProperties(i,{color:{get:ExpressionPropertyInterface(e.c)},opacity:{get:ExpressionPropertyInterface(e.o)},_name:{value:t.nm},mn:{value:t.mn}}),e.c.setGroupProperty(r),e.o.setGroupProperty(r),i}function h(t,e,r){function i(t){return 1===t?ob:r(t-1)}function s(t){return 1===t?h:i(t-1)}var a,n,o=t.d?t.d.length:0,h={};for(a=0;a<o;a+=1)n=a,Object.defineProperty(h,t.d[n].nm,{get:ExpressionPropertyInterface(e.d.dataProps[n].p)}),e.d.dataProps[a].p.setGroupProperty(s);function p(t){return"Color"===t||"color"===t?p.color:"Opacity"===t||"opacity"===t?p.opacity:"Stroke Width"===t||"stroke width"===t?p.strokeWidth:void 0}return Object.defineProperties(p,{color:{get:ExpressionPropertyInterface(e.c)},opacity:{get:ExpressionPropertyInterface(e.o)},strokeWidth:{get:ExpressionPropertyInterface(e.w)},dash:{get:function(){return h}},_name:{value:t.nm},mn:{value:t.mn}}),e.c.setGroupProperty(i),e.o.setGroupProperty(i),e.w.setGroupProperty(i),p}function p(e,t,r){function i(t){return 1==t?s:r(--t)}function s(t){return t===e.e.ix||"End"===t||"end"===t?s.end:t===e.s.ix?s.start:t===e.o.ix?s.offset:void 0}return s.propertyIndex=e.ix,t.s.setGroupProperty(i),t.e.setGroupProperty(i),t.o.setGroupProperty(i),s.propertyIndex=e.ix,Object.defineProperties(s,{start:{get:ExpressionPropertyInterface(t.s)},end:{get:ExpressionPropertyInterface(t.e)},offset:{get:ExpressionPropertyInterface(t.o)},_name:{value:e.nm}}),s.mn=e.mn,s}function l(e,t,r){function i(t){return 1==t?a:r(--t)}a.propertyIndex=e.ix;var s="tm"===t.sh.ty?t.sh.prop:t.sh;function a(t){return e.p.ix===t?a.position:e.s.ix===t?a.size:void 0}return s.s.setGroupProperty(i),s.p.setGroupProperty(i),Object.defineProperties(a,{size:{get:ExpressionPropertyInterface(s.s)},position:{get:ExpressionPropertyInterface(s.p)},_name:{value:e.nm}}),a.mn=e.mn,a}function m(e,t,r){function i(t){return 1==t?a:r(--t)}var s="tm"===t.sh.ty?t.sh.prop:t.sh;function a(t){return e.p.ix===t?a.position:e.r.ix===t?a.rotation:e.pt.ix===t?a.points:e.or.ix===t||"ADBE Vector Star Outer Radius"===t?a.outerRadius:e.os.ix===t?a.outerRoundness:!e.ir||e.ir.ix!==t&&"ADBE Vector Star Inner Radius"!==t?e.is&&e.is.ix===t?a.innerRoundness:void 0:a.innerRadius}return a.propertyIndex=e.ix,s.or.setGroupProperty(i),s.os.setGroupProperty(i),s.pt.setGroupProperty(i),s.p.setGroupProperty(i),s.r.setGroupProperty(i),e.ir&&(s.ir.setGroupProperty(i),s.is.setGroupProperty(i)),Object.defineProperties(a,{position:{get:ExpressionPropertyInterface(s.p)},rotation:{get:ExpressionPropertyInterface(s.r)},points:{get:ExpressionPropertyInterface(s.pt)},outerRadius:{get:ExpressionPropertyInterface(s.or)},outerRoundness:{get:ExpressionPropertyInterface(s.os)},innerRadius:{get:ExpressionPropertyInterface(s.ir)},innerRoundness:{get:ExpressionPropertyInterface(s.is)},_name:{value:e.nm}}),a.mn=e.mn,a}function c(e,t,r){function i(t){return 1==t?a:r(--t)}var s="tm"===t.sh.ty?t.sh.prop:t.sh;function a(t){return e.p.ix===t?a.position:e.r.ix===t?a.roundness:e.s.ix===t||"Size"===t||"ADBE Vector Rect Size"===t?a.size:void 0}return a.propertyIndex=e.ix,s.p.setGroupProperty(i),s.s.setGroupProperty(i),s.r.setGroupProperty(i),Object.defineProperties(a,{position:{get:ExpressionPropertyInterface(s.p)},roundness:{get:ExpressionPropertyInterface(s.r)},size:{get:ExpressionPropertyInterface(s.s)},_name:{value:e.nm}}),a.mn=e.mn,a}function d(e,t,r){var i=t;function s(t){if(e.r.ix===t||"Round Corners 1"===t)return s.radius}return s.propertyIndex=e.ix,i.rd.setGroupProperty(function(t){return 1==t?s:r(--t)}),Object.defineProperties(s,{radius:{get:ExpressionPropertyInterface(i.rd)},_name:{value:e.nm}}),s.mn=e.mn,s}function u(e,t,r){function i(t){return 1==t?a:r(--t)}var s=t;function a(t){return e.c.ix===t||"Copies"===t?a.copies:e.o.ix===t||"Offset"===t?a.offset:void 0}return a.propertyIndex=e.ix,s.c.setGroupProperty(i),s.o.setGroupProperty(i),Object.defineProperties(a,{copies:{get:ExpressionPropertyInterface(s.c)},offset:{get:ExpressionPropertyInterface(s.o)},_name:{value:e.nm}}),a.mn=e.mn,a}function y(t,e,r){var i=e.sh;function s(t){if("Shape"===t||"shape"===t||"Path"===t||"path"===t||"ADBE Vector Shape"===t||2===t)return s.path}return i.setGroupProperty(function(t){return 1==t?s:r(--t)}),Object.defineProperties(s,{path:{get:function(){return i.k&&i.getValue(),i}},shape:{get:function(){return i.k&&i.getValue(),i}},_name:{value:t.nm},ix:{value:t.ix},mn:{value:t.mn}}),s}return function(t,e,r){var i;function s(t){if("number"==typeof t)return i[t-1];for(var e=0,r=i.length;e<r;){if(i[e]._name===t)return i[e];e+=1}}return s.propertyGroup=r,i=f(t,e,s),s}}(),TextExpressionInterface=function(e){var r;function t(){}return Object.defineProperty(t,"sourceText",{get:function(){e.textProperty.getValue();var t=e.textProperty.currentData.t;return void 0!==t&&(e.textProperty.currentData.t=void 0,(r=new String(t)).value=t||new String(t)),r}}),t},LayerExpressionInterface=function(){function s(t,e){var r=new Matrix;if(r.reset(),this._elem.finalTransform.mProp.applyToMatrix(r),this._elem.hierarchy&&this._elem.hierarchy.length){var i,s=this._elem.hierarchy.length;for(i=0;i<s;i+=1)this._elem.hierarchy[i].finalTransform.mProp.applyToMatrix(r);return r.applyToPointArray(t[0],t[1],t[2]||0)}return r.applyToPointArray(t[0],t[1],t[2]||0)}function a(t,e){var r=new Matrix;if(r.reset(),this._elem.finalTransform.mProp.applyToMatrix(r),this._elem.hierarchy&&this._elem.hierarchy.length){var i,s=this._elem.hierarchy.length;for(i=0;i<s;i+=1)this._elem.hierarchy[i].finalTransform.mProp.applyToMatrix(r);return r.inversePoint(t)}return r.inversePoint(t)}function n(t){var e=new Matrix;if(e.reset(),this._elem.finalTransform.mProp.applyToMatrix(e),this._elem.hierarchy&&this._elem.hierarchy.length){var r,i=this._elem.hierarchy.length;for(r=0;r<i;r+=1)this._elem.hierarchy[r].finalTransform.mProp.applyToMatrix(e);return e.inversePoint(t)}return e.inversePoint(t)}function o(){return[1,1,1,1]}return function(e){var r;function i(t){switch(t){case"ADBE Root Vectors Group":case"Contents":case 2:return i.shapeInterface;case 1:case 6:case"Transform":case"transform":case"ADBE Transform Group":return r;case 4:case"ADBE Effect Parade":case"effects":case"Effects":return i.effect}}i.toWorld=s,i.fromWorld=a,i.toComp=s,i.fromComp=n,i.sampleImage=o,i.sourceRectAtTime=e.sourceRectAtTime.bind(e);var t=getDescriptor(r=TransformExpressionInterface((i._elem=e).finalTransform.mProp),"anchorPoint");return Object.defineProperties(i,{hasParent:{get:function(){return e.hierarchy.length}},parent:{get:function(){return e.hierarchy[0].layerInterface}},rotation:getDescriptor(r,"rotation"),scale:getDescriptor(r,"scale"),position:getDescriptor(r,"position"),opacity:getDescriptor(r,"opacity"),anchorPoint:t,anchor_point:t,transform:{get:function(){return r}},active:{get:function(){return e.isInRange}}}),i.startTime=e.data.st,i.index=e.data.ind,i.source=e.data.refId,i.height=0===e.data.ty?e.data.h:100,i.width=0===e.data.ty?e.data.w:100,i.inPoint=e.data.ip/e.comp.globalData.frameRate,i.outPoint=e.data.op/e.comp.globalData.frameRate,i._name=e.data.nm,i.registerMaskInterface=function(t){i.mask=new MaskManagerInterface(t,e)},i.registerEffectsInterface=function(t){i.effect=t},i}}(),CompExpressionInterface=function(i){function t(t){for(var e=0,r=i.layers.length;e<r;){if(i.layers[e].nm===t||i.layers[e].ind===t)return i.elements[e].layerInterface;e+=1}return null}return Object.defineProperty(t,"_name",{value:i.data.nm}),(t.layer=t).pixelAspect=1,t.height=i.data.h||i.globalData.compSize.h,t.width=i.data.w||i.globalData.compSize.w,t.pixelAspect=1,t.frameDuration=1/i.globalData.frameRate,t.displayStartTime=0,t.numLayers=i.layers.length,t},TransformExpressionInterface=function(t){function e(t){switch(t){case"scale":case"Scale":case"ADBE Scale":case 6:return e.scale;case"rotation":case"Rotation":case"ADBE Rotation":case"ADBE Rotate Z":case 10:return e.rotation;case"ADBE Rotate X":return e.xRotation;case"ADBE Rotate Y":return e.yRotation;case"position":case"Position":case"ADBE Position":case 2:return e.position;case"ADBE Position_0":return e.xPosition;case"ADBE Position_1":return e.yPosition;case"ADBE Position_2":return e.zPosition;case"anchorPoint":case"AnchorPoint":case"Anchor Point":case"ADBE AnchorPoint":case 1:return e.anchorPoint;case"opacity":case"Opacity":case 11:return e.opacity}}if(Object.defineProperty(e,"rotation",{get:ExpressionPropertyInterface(t.r||t.rz)}),Object.defineProperty(e,"zRotation",{get:ExpressionPropertyInterface(t.rz||t.r)}),Object.defineProperty(e,"xRotation",{get:ExpressionPropertyInterface(t.rx)}),Object.defineProperty(e,"yRotation",{get:ExpressionPropertyInterface(t.ry)}),Object.defineProperty(e,"scale",{get:ExpressionPropertyInterface(t.s)}),t.p)var r=ExpressionPropertyInterface(t.p);return Object.defineProperty(e,"position",{get:function(){return t.p?r():[t.px.v,t.py.v,t.pz?t.pz.v:0]}}),Object.defineProperty(e,"xPosition",{get:ExpressionPropertyInterface(t.px)}),Object.defineProperty(e,"yPosition",{get:ExpressionPropertyInterface(t.py)}),Object.defineProperty(e,"zPosition",{get:ExpressionPropertyInterface(t.pz)}),Object.defineProperty(e,"anchorPoint",{get:ExpressionPropertyInterface(t.a)}),Object.defineProperty(e,"opacity",{get:ExpressionPropertyInterface(t.o)}),Object.defineProperty(e,"skew",{get:ExpressionPropertyInterface(t.sk)}),Object.defineProperty(e,"skewAxis",{get:ExpressionPropertyInterface(t.sa)}),Object.defineProperty(e,"orientation",{get:ExpressionPropertyInterface(t.or)}),e},ProjectInterface=function(){function e(t){this.compositions.push(t)}return function(){function t(t){for(var e=0,r=this.compositions.length;e<r;){if(this.compositions[e].data&&this.compositions[e].data.nm===t)return this.compositions[e].prepareFrame&&this.compositions[e].data.xt&&this.compositions[e].prepareFrame(this.currentFrame),this.compositions[e].compInterface;e+=1}}return t.compositions=[],t.currentFrame=0,t.registerComposition=e,t}}(),EffectsExpressionInterface=function(){function p(s,t,e,r){var i,a=[],n=s.ef.length;for(i=0;i<n;i+=1)5===s.ef[i].ty?a.push(p(s.ef[i],t.effectElements[i],t.effectElements[i].propertyGroup,r)):a.push(l(t.effectElements[i],s.ef[i].ty,r,o));function o(t){return 1===t?h:e(t-1)}var h=function(t){for(var e=s.ef,r=0,i=e.length;r<i;){if(t===e[r].nm||t===e[r].mn||t===e[r].ix)return 5===e[r].ty?a[r]:a[r]();r+=1}return a[0]()};return h.propertyGroup=o,"ADBE Color Control"===s.mn&&Object.defineProperty(h,"color",{get:function(){return a[0]()}}),Object.defineProperty(h,"numProperties",{get:function(){return s.np}}),h.active=h.enabled=0!==s.en,h}function l(t,e,r,i){var s=ExpressionPropertyInterface(t.p);return t.p.setGroupProperty&&t.p.setGroupProperty(i),function(){return 10===e?r.comp.compInterface(t.p.v):s()}}return{createEffectsInterface:function(s,t){if(s.effectsManager){var e,a=[],r=s.data.ef,i=s.effectsManager.effectElements.length;for(e=0;e<i;e+=1)a.push(p(r[e],s.effectsManager.effectElements[e],t,s));return function(t){for(var e=s.data.ef||[],r=0,i=e.length;r<i;){if(t===e[r].nm||t===e[r].mn||t===e[r].ix)return a[r];r+=1}}}}}}(),MaskManagerInterface=function(){function a(t,e){this._mask=t,this._data=e}Object.defineProperty(a.prototype,"maskPath",{get:function(){return this._mask.prop.k&&this._mask.prop.getValue(),this._mask.prop}});return function(e,t){var r,i=createSizedArray(e.viewData.length),s=e.viewData.length;for(r=0;r<s;r+=1)i[r]=new a(e.viewData[r],e.masksProperties[r]);return function(t){for(r=0;r<s;){if(e.masksProperties[r].nm===t)return i[r];r+=1}}}}(),ExpressionPropertyInterface=function(){var s={pv:0,v:0,mult:1},n={pv:[0,0,0],v:[0,0,0],mult:1};function o(i,s,a){Object.defineProperty(i,"velocity",{get:function(){return s.getVelocityAtTime(s.comp.currentFrame)}}),i.numKeys=s.keyframes?s.keyframes.length:0,i.key=function(t){if(i.numKeys){var e="";e="s"in s.keyframes[t-1]?s.keyframes[t-1].s:"e"in s.keyframes[t-2]?s.keyframes[t-2].e:s.keyframes[t-2].s;var r="unidimensional"===a?new Number(e):Object.assign({},e);return r.time=s.keyframes[t-1].t/s.elem.comp.globalData.frameRate,r}return 0},i.valueAtTime=s.getValueAtTime,i.speedAtTime=s.getSpeedAtTime,i.velocityAtTime=s.getVelocityAtTime,i.propertyGroup=s.propertyGroup}function e(){return s}return function(t){return t?"unidimensional"===t.propType?function(t){t&&"pv"in t||(t=s);var e=1/t.mult,r=t.pv*e,i=new Number(r);return i.value=r,o(i,t,"unidimensional"),function(){return t.k&&t.getValue(),r=t.v*e,i.value!==r&&((i=new Number(r)).value=r,o(i,t,"unidimensional")),i}}(t):function(e){e&&"pv"in e||(e=n);var r=1/e.mult,i=e.pv.length,s=createTypedArray("float32",i),a=createTypedArray("float32",i);return s.value=a,o(s,e,"multidimensional"),function(){e.k&&e.getValue();for(var t=0;t<i;t+=1)s[t]=a[t]=e.v[t]*r;return s}}(t):e}}();function SliderEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function AngleEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function ColorEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,1,0,r)}function PointEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,1,0,r)}function LayerIndexEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function MaskIndexEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function CheckboxEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function NoValueEffect(){this.p={}}function EffectsManager(){}function EffectsManager(t,e){var r=t.ef||[];this.effectElements=[];var i,s,a=r.length;for(i=0;i<a;i++)s=new GroupEffect(r[i],e),this.effectElements.push(s)}function GroupEffect(t,e){this.init(t,e)}extendPrototype([DynamicPropertyContainer],GroupEffect),GroupEffect.prototype.getValue=GroupEffect.prototype.iterateDynamicProperties,GroupEffect.prototype.init=function(t,e){this.data=t,this.effectElements=[],this.initDynamicPropertyContainer(e);var r,i,s=this.data.ef.length,a=this.data.ef;for(r=0;r<s;r+=1){switch(i=null,a[r].ty){case 0:i=new SliderEffect(a[r],e,this);break;case 1:i=new AngleEffect(a[r],e,this);break;case 2:i=new ColorEffect(a[r],e,this);break;case 3:i=new PointEffect(a[r],e,this);break;case 4:case 7:i=new CheckboxEffect(a[r],e,this);break;case 10:i=new LayerIndexEffect(a[r],e,this);break;case 11:i=new MaskIndexEffect(a[r],e,this);break;case 5:i=new EffectsManager(a[r],e,this);break;default:i=new NoValueEffect(a[r],e,this)}i&&this.effectElements.push(i)}};var lottiejs={},_isFrozen=!1;function setLocationHref(t){locationHref=t}function searchAnimations(){!0===standalone?animationManager.searchAnimations(animationData,standalone,renderer):animationManager.searchAnimations()}function setSubframeRendering(t){subframeEnabled=t}function loadAnimation(t){return!0===standalone&&(t.animationData=JSON.parse(animationData)),animationManager.loadAnimation(t)}function setQuality(t){if("string"==typeof t)switch(t){case"high":defaultCurveSegments=200;break;case"medium":defaultCurveSegments=50;break;case"low":defaultCurveSegments=10}else!isNaN(t)&&1<t&&(defaultCurveSegments=t);roundValues(!(50<=defaultCurveSegments))}function inBrowser(){return"undefined"!=typeof navigator}function installPlugin(t,e){"expressions"===t&&(expressionsPlugin=e)}function getFactory(t){switch(t){case"propertyFactory":return PropertyFactory;case"shapePropertyFactory":return ShapePropertyFactory;case"matrix":return Matrix}}function checkReady(){"complete"===document.readyState&&(clearInterval(readyStateCheckInterval),searchAnimations())}function getQueryVariable(t){for(var e=queryString.split("&"),r=0;r<e.length;r++){var i=e[r].split("=");if(decodeURIComponent(i[0])==t)return decodeURIComponent(i[1])}}lottiejs.play=animationManager.play,lottiejs.pause=animationManager.pause,lottiejs.setLocationHref=setLocationHref,lottiejs.togglePause=animationManager.togglePause,lottiejs.setSpeed=animationManager.setSpeed,lottiejs.setDirection=animationManager.setDirection,lottiejs.stop=animationManager.stop,lottiejs.searchAnimations=searchAnimations,lottiejs.registerAnimation=animationManager.registerAnimation,lottiejs.loadAnimation=loadAnimation,lottiejs.setSubframeRendering=setSubframeRendering,lottiejs.resize=animationManager.resize,lottiejs.goToAndStop=animationManager.goToAndStop,lottiejs.destroy=animationManager.destroy,lottiejs.setQuality=setQuality,lottiejs.inBrowser=inBrowser,lottiejs.installPlugin=installPlugin,lottiejs.freeze=animationManager.freeze,lottiejs.unfreeze=animationManager.unfreeze,lottiejs.getRegisteredAnimations=animationManager.getRegisteredAnimations,lottiejs.__getFactory=getFactory,lottiejs.version="5.4.2";var standalone="__[STANDALONE]__",animationData="__[ANIMATIONDATA]__",renderer="";if(standalone){var scripts=document.getElementsByTagName("script"),index=scripts.length-1,myScript=scripts[index]||{src:""},queryString=myScript.src.replace(/^[^\?]+\??/,"");renderer=getQueryVariable("renderer")}var readyStateCheckInterval=setInterval(checkReady,100);return lottiejs},"function"==typeof define&&define.amd?define(function(){return b(a)}):"object"==typeof module&&module.exports?module.exports=b(a):(a.lottie=b(a),a.bodymovin=a.lottie));
\ No newline at end of file
diff --git a/player/index.html b/player/index.html
index 108e868..e26aa35 100644
--- a/player/index.html
+++ b/player/index.html
@@ -27,7 +27,7 @@
<script src="js/utils/common.js"></script>
<script src="js/utils/BaseEvent.js"></script>
<script src="js/utils/helpers/arrays.js"></script>
- <script src="js/utils/helpers/svg_elements.js"></script>
+ <script src="js/utils/helpers/svg_elements.js" data-builds="full,svg,svg_light,html,html_light"></script>
<script src="js/utils/helpers/html_elements.js"></script>
<script src="js/utils/helpers/dynamicProperties.js"></script>
<script src="js/3rd_party/transformation-matrix.js"></script>
@@ -68,8 +68,8 @@
<script src="js/utils/pooling/bezier_length_pool.js"></script>
<script src="js/renderers/BaseRenderer.js"></script>
<script src="js/renderers/SVGRenderer.js"></script>
- <script src="js/renderers/CanvasRenderer.js" data-builds="full"></script>
- <script src="js/renderers/HybridRenderer.js" data-builds="full"></script>
+ <script src="js/renderers/CanvasRenderer.js" data-builds="full,canvas,canvas_light"></script>
+ <script src="js/renderers/HybridRenderer.js" data-builds="full,html,html_light"></script>
<script src="js/mask.js"></script>
<script src="js/elements/helpers/HierarchyElement.js"></script>
<script src="js/elements/helpers/FrameElement.js"></script>
@@ -77,17 +77,17 @@
<script src="js/elements/helpers/RenderableElement.js"></script>
<script src="js/elements/helpers/RenderableDOMElement.js"></script>
<script src="js/elements/helpers/shapes/ProcessedElement.js"></script>
- <script src="js/elements/helpers/shapes/SVGStyleData.js"></script>
- <script src="js/elements/helpers/shapes/SVGShapeData.js"></script>
- <script src="js/elements/helpers/shapes/SVGTransformData.js"></script>
- <script src="js/elements/helpers/shapes/SVGStrokeStyleData.js"></script>
- <script src="js/elements/helpers/shapes/SVGFillStyleData.js"></script>
- <script src="js/elements/helpers/shapes/SVGGradientFillStyleData.js"></script>
- <script src="js/elements/helpers/shapes/SVGGradientStrokeStyleData.js"></script>
+ <script src="js/elements/helpers/shapes/SVGStyleData.js" data-builds="full,svg,svg_light,html,html_light"></script>
+ <script src="js/elements/helpers/shapes/SVGShapeData.js" ></script>
+ <script src="js/elements/helpers/shapes/SVGTransformData.js" data-builds="full,svg,svg_light,html,html_light"></script>
+ <script src="js/elements/helpers/shapes/SVGStrokeStyleData.js" data-builds="full,svg,svg_light,html,html_light"></script>
+ <script src="js/elements/helpers/shapes/SVGFillStyleData.js" data-builds="full,svg,svg_light,html,html_light"></script>
+ <script src="js/elements/helpers/shapes/SVGGradientFillStyleData.js" data-builds="full,svg,svg_light,html,html_light"></script>
+ <script src="js/elements/helpers/shapes/SVGGradientStrokeStyleData.js" data-builds="full,svg,svg_light,html,html_light"></script>
<script src="js/elements/helpers/shapes/ShapeGroupData.js"></script>
- <script src="js/elements/helpers/shapes/SVGElementsRenderer.js"></script>
+ <script src="js/elements/helpers/shapes/SVGElementsRenderer.js" data-builds="full,svg,svg_light,html,html_light"></script>
<script src="js/elements/helpers/shapes/ShapeTransformManager.js"></script>
- <script src="js/elements/helpers/shapes/CVShapeData.js" data-builds="full"></script>
+ <script src="js/elements/helpers/shapes/CVShapeData.js" data-builds="full,canvas,canvas_light"></script>
<script src="js/elements/BaseElement.js"></script>
<script src="js/elements/NullElement.js"></script>
<script src="js/elements/svgElements/SVGBaseElement.js"></script>
@@ -96,53 +96,53 @@
<script src="js/elements/CompElement.js"></script>
<script src="js/elements/ImageElement.js"></script>
<script src="js/elements/SolidElement.js"></script>
- <script src="js/elements/svgElements/SVGCompElement.js"></script>
- <script src="js/elements/svgElements/SVGTextElement.js"></script>
+ <script src="js/elements/svgElements/SVGCompElement.js" data-builds="full,svg,svg_light,html,html_light"></script>
+ <script src="js/elements/svgElements/SVGTextElement.js" data-builds="full,svg,svg_light,html,html_light"></script>
<script src="js/elements/svgElements/SVGShapeElement.js"></script>
- <script src="js/elements/svgElements/effects/SVGTintEffect.js"></script>
- <script src="js/elements/svgElements/effects/SVGFillFilter.js"></script>
- <script src="js/elements/svgElements/effects/SVGStrokeEffect.js"></script>
- <script src="js/elements/svgElements/effects/SVGTritoneFilter.js"></script>
- <script src="js/elements/svgElements/effects/SVGProLevelsFilter.js"></script>
- <script src="js/elements/svgElements/effects/SVGDropShadowEffect.js"></script>
- <script src="js/elements/svgElements/effects/SVGMatte3Effect.js"></script>
- <script src="js/elements/svgElements/SVGEffects.js"></script>
- <script src="js/elements/canvasElements/CVContextData.js" data-builds="full"></script>
- <script src="js/elements/canvasElements/CVBaseElement.js" data-builds="full"></script>
- <script src="js/elements/canvasElements/CVImageElement.js" data-builds="full"></script>
- <script src="js/elements/canvasElements/CVCompElement.js" data-builds="full"></script>
- <script src="js/elements/canvasElements/CVMaskElement.js" data-builds="full"></script>
- <script src="js/elements/canvasElements/CVShapeElement.js" data-builds="full"></script>
- <script src="js/elements/canvasElements/CVSolidElement.js" data-builds="full"></script>
- <script src="js/elements/canvasElements/CVTextElement.js" data-builds="full"></script>
- <script src="js/elements/canvasElements/CVEffects.js" data-builds="full"></script>
- <script src="js/elements/htmlElements/HBaseElement.js" data-builds="full"></script>
- <script src="js/elements/htmlElements/HSolidElement.js" data-builds="full"></script>
- <script src="js/elements/htmlElements/HCompElement.js" data-builds="full"></script>
- <script src="js/elements/htmlElements/HShapeElement.js" data-builds="full"></script>
- <script src="js/elements/htmlElements/HTextElement.js" data-builds="full"></script>
- <script src="js/elements/htmlElements/HImageElement.js" data-builds="full"></script>
- <script src="js/elements/htmlElements/HCameraElement.js" data-builds="full"></script>
- <script src="js/elements/htmlElements/HEffects.js" data-builds="full"></script>
+ <script src="js/elements/svgElements/effects/SVGTintEffect.js" data-builds="full,svg,svg_light,html,html_light"></script>
+ <script src="js/elements/svgElements/effects/SVGFillFilter.js" data-builds="full,svg,svg_light,html,html_light"></script>
+ <script src="js/elements/svgElements/effects/SVGStrokeEffect.js" data-builds="full,svg,svg_light,html,html_light"></script>
+ <script src="js/elements/svgElements/effects/SVGTritoneFilter.js" data-builds="full,svg,svg_light,html,html_light"></script>
+ <script src="js/elements/svgElements/effects/SVGProLevelsFilter.js" data-builds="full,svg,svg_light,html,html_light"></script>
+ <script src="js/elements/svgElements/effects/SVGDropShadowEffect.js" data-builds="full,svg,svg_light,html,html_light"></script>
+ <script src="js/elements/svgElements/effects/SVGMatte3Effect.js" data-builds="full,svg,svg_light,html,html_light"></script>
+ <script src="js/elements/svgElements/SVGEffects.js" data-builds="full,svg,svg_light,html,html_light"></script>
+ <script src="js/elements/canvasElements/CVContextData.js" data-builds="full,canvas,canvas_light"></script>
+ <script src="js/elements/canvasElements/CVBaseElement.js" data-builds="full,canvas,canvas_light"></script>
+ <script src="js/elements/canvasElements/CVImageElement.js" data-builds="full,canvas,canvas_light"></script>
+ <script src="js/elements/canvasElements/CVCompElement.js" data-builds="full,canvas,canvas_light"></script>
+ <script src="js/elements/canvasElements/CVMaskElement.js" data-builds="full,canvas,canvas_light"></script>
+ <script src="js/elements/canvasElements/CVShapeElement.js" data-builds="full,canvas,canvas_light"></script>
+ <script src="js/elements/canvasElements/CVSolidElement.js" data-builds="full,canvas,canvas_light"></script>
+ <script src="js/elements/canvasElements/CVTextElement.js" data-builds="full,canvas,canvas_light"></script>
+ <script src="js/elements/canvasElements/CVEffects.js" data-builds="full,canvas,canvas_light,html,html_light"></script>
+ <script src="js/elements/htmlElements/HBaseElement.js" data-builds="full,html,html_light"></script>
+ <script src="js/elements/htmlElements/HSolidElement.js" data-builds="full,html,html_light"></script>
+ <script src="js/elements/htmlElements/HCompElement.js" data-builds="full,html,html_light"></script>
+ <script src="js/elements/htmlElements/HShapeElement.js" data-builds="full,html,html_light"></script>
+ <script src="js/elements/htmlElements/HTextElement.js" data-builds="full,html,html_light"></script>
+ <script src="js/elements/htmlElements/HImageElement.js" data-builds="full,html,html_light"></script>
+ <script src="js/elements/htmlElements/HCameraElement.js" data-builds="full,html,html_light"></script>
+ <script src="js/elements/htmlElements/HEffects.js" data-builds="full,html,html_light"></script>
<script src="js/animation/AnimationManager.js"></script>
<script src="js/animation/AnimationItem.js"></script>
<!-- Expressions -->
- <script src="js/utils/expressions/Expressions.js" data-builds="full"></script>
- <script src="js/utils/expressions/ExpressionManager.js" data-builds="full"></script>
- <script src="js/utils/expressions/ExpressionPropertyDecorator.js" data-builds="full"></script>
- <script src="js/utils/expressions/ExpressionTextPropertyDecorator.js" data-builds="full"></script>
- <script src="js/utils/expressions/ShapeInterface.js" data-builds="full"></script>
- <script src="js/utils/expressions/TextInterface.js" data-builds="full"></script>
- <script src="js/utils/expressions/LayerInterface.js" data-builds="full"></script>
- <script src="js/utils/expressions/CompInterface.js" data-builds="full"></script>
- <script src="js/utils/expressions/TransformInterface.js" data-builds="full"></script>
- <script src="js/utils/expressions/ProjectInterface.js" data-builds="full"></script>
- <script src="js/utils/expressions/EffectInterface.js" data-builds="full"></script>
- <script src="js/utils/expressions/MaskInterface.js" data-builds="full"></script>
- <script src="js/utils/expressions/ExpressionValueFactory.js" data-builds="full"></script>
- <script src="js/effects/SliderEffect.js" data-builds="full"></script>
+ <script src="js/utils/expressions/Expressions.js" data-builds="full,svg,canvas,html"></script>
+ <script src="js/utils/expressions/ExpressionManager.js" data-builds="full,svg,canvas,html"></script>
+ <script src="js/utils/expressions/ExpressionPropertyDecorator.js" data-builds="full,svg,canvas,html"></script>
+ <script src="js/utils/expressions/ExpressionTextPropertyDecorator.js" data-builds="full,svg,canvas,html"></script>
+ <script src="js/utils/expressions/ShapeInterface.js" data-builds="full,svg,canvas,html"></script>
+ <script src="js/utils/expressions/TextInterface.js" data-builds="full,svg,canvas,html"></script>
+ <script src="js/utils/expressions/LayerInterface.js" data-builds="full,svg,canvas,html"></script>
+ <script src="js/utils/expressions/CompInterface.js" data-builds="full,svg,canvas,html"></script>
+ <script src="js/utils/expressions/TransformInterface.js" data-builds="full,svg,canvas,html"></script>
+ <script src="js/utils/expressions/ProjectInterface.js" data-builds="full,svg,canvas,html"></script>
+ <script src="js/utils/expressions/EffectInterface.js" data-builds="full,svg,canvas,html"></script>
+ <script src="js/utils/expressions/MaskInterface.js" data-builds="full,svg,canvas,html"></script>
+ <script src="js/utils/expressions/ExpressionValueFactory.js" data-builds="full,svg,canvas,html"></script>
+ <script src="js/effects/SliderEffect.js" data-builds="full,svg,canvas,html"></script>
<script src="js/effects/EffectsManagerPlaceholder.js" ></script>
- <script src="js/EffectsManager.js" data-builds="full"></script>
+ <script src="js/EffectsManager.js" data-builds="full,svg,canvas,html"></script>
<!-- end Expressions -->
<!-- endbuild -->
<script src="js/module.js" ></script>
diff --git a/tasks/build.js b/tasks/build.js
index a88a389..42f3f81 100644
--- a/tasks/build.js
+++ b/tasks/build.js
@@ -33,7 +33,7 @@
function getScripts($) {
return new Promise((resolve, reject)=> {
try {
- const defaultBuilds = ['full','light','svg','canvas','html']
+ const defaultBuilds = ['full','svg_light','svg','canvas','html', 'canvas_light', 'html_light']
const scriptNodes = []
let shouldAddToScripts = false;
$("head").contents().each((index, node) => {
@@ -148,12 +148,62 @@
},
{
fileName: 'lottie_light.js',
- build: 'light',
+ build: 'svg_light',
process: noop
},
{
fileName: 'lottie_light.min.js',
- build: 'light',
+ build: 'svg_light',
+ process: uglifyCode
+ },
+ {
+ fileName: 'lottie_svg.js',
+ build: 'svg',
+ process: noop
+ },
+ {
+ fileName: 'lottie_svg.min.js',
+ build: 'svg',
+ process: uglifyCode
+ },
+ {
+ fileName: 'lottie_light_canvas.js',
+ build: 'canvas_light',
+ process: noop
+ },
+ {
+ fileName: 'lottie_light_canvas.min.js',
+ build: 'canvas_light',
+ process: uglifyCode
+ },
+ {
+ fileName: 'lottie_canvas.js',
+ build: 'canvas',
+ process: noop
+ },
+ {
+ fileName: 'lottie_canvas.min.js',
+ build: 'canvas',
+ process: uglifyCode
+ },
+ {
+ fileName: 'lottie_html.js',
+ build: 'html',
+ process: noop
+ },
+ {
+ fileName: 'lottie_html.min.js',
+ build: 'html',
+ process: uglifyCode
+ },
+ {
+ fileName: 'lottie_light_html.js',
+ build: 'html_light',
+ process: noop
+ },
+ {
+ fileName: 'lottie_light_html.min.js',
+ build: 'html_light',
process: uglifyCode
}];
