version 4.4.15
diff --git a/History.md b/History.md
index 40246a7..bcd6cf2 100644
--- a/History.md
+++ b/History.md
@@ -1,3 +1,7 @@
+## V 4.4.15
+- new expressions
+- blend mode fix
+
 ## V 4.4.14
 - fixed bodymovin_light
 - fixed translations with same origin and destination
diff --git a/README.md b/README.md
index 4bea4a2..83763b8 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,10 @@
 # bodymovin
 After Effects plugin for exporting animations to svg/canvas/html + js
 
+## V 4.4.15
+- new expressions
+- blend mode fix
+
 ## V 4.4.14
 - fixed bodymovin_light
 - fixed translations with same origin and destination
diff --git a/build/extension/bodymovin.zxp b/build/extension/bodymovin.zxp
index 768a729..5a2a65d 100644
--- a/build/extension/bodymovin.zxp
+++ b/build/extension/bodymovin.zxp
Binary files differ
diff --git a/build/player/bodymovin.js b/build/player/bodymovin.js
index 1c2e5f7..e251bf4 100644
--- a/build/player/bodymovin.js
+++ b/build/player/bodymovin.js
@@ -1,9 +1,11829 @@
-(function (root, factory) { if(typeof define === "function" && define.amd) { define( factory); } else if(typeof module === "object" && module.exports) { module.exports = factory(); } else { root.bodymovin = factory(); } }(window, function() {function ProjectInterface(){return{}}function roundValues(t){bm_rnd=t?Math.round:function(t){return t}}function roundTo2Decimals(t){return Math.round(1e4*t)/1e4}function roundTo3Decimals(t){return Math.round(100*t)/100}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 styleUnselectableDiv(t){t.style.userSelect="none",t.style.MozUserSelect="none",t.style.webkitUserSelect="none",t.style.oUserSelect="none"}function BMEnterFrameEvent(t,e,s,r){this.type=t,this.currentTime=e,this.totalTime=s,this.direction=0>r?-1:1}function BMCompleteEvent(t,e){this.type=t,this.direction=0>e?-1:1}function BMCompleteLoopEvent(t,e,s,r){this.type=t,this.currentLoop=e,this.totalLoops=s,this.direction=0>r?-1:1}function BMSegmentStartEvent(t,e,s){this.type=t,this.firstFrame=e,this.totalFrames=s}function BMDestroyEvent(t,e){this.type=t,this.target=e}function _addEventListener(t,e){this._cbs[t]||(this._cbs[t]=[]),this._cbs[t].push(e)}function _removeEventListener(t,e){if(e){if(this._cbs[t]){for(var s=0,r=this._cbs[t].length;r>s;)this._cbs[t][s]===e&&(this._cbs[t].splice(s,1),s-=1,r-=1),s+=1;this._cbs[t].length||(this._cbs[t]=null)}}else this._cbs[t]=null}function _triggerEvent(t,e){if(this._cbs[t])for(var s=this._cbs[t].length,r=0;s>r;r++)this._cbs[t][r](e)}function randomString(t,e){void 0===e&&(e="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890");var s,r="";for(s=t;s>0;--s)r+=e[Math.round(Math.random()*(e.length-1))];return r}function HSVtoRGB(t,e,s){var r,i,a,n,o,h,l,p;switch(1===arguments.length&&(e=t.s,s=t.v,t=t.h),n=Math.floor(6*t),o=6*t-n,h=s*(1-e),l=s*(1-o*e),p=s*(1-(1-o)*e),n%6){case 0:r=s,i=p,a=h;break;case 1:r=l,i=s,a=h;break;case 2:r=h,i=s,a=p;break;case 3:r=h,i=l,a=s;break;case 4:r=p,i=h,a=s;break;case 5:r=s,i=h,a=l}return[r,i,a]}function RGBtoHSV(t,e,s){1===arguments.length&&(e=t.g,s=t.b,t=t.r);var r,i=Math.max(t,e,s),a=Math.min(t,e,s),n=i-a,o=0===i?0:n/i,h=i/255;switch(i){case a:r=0;break;case t:r=e-s+n*(s>e?6:0),r/=6*n;break;case e:r=s-t+2*n,r/=6*n;break;case s:r=t-e+4*n,r/=6*n}return[r,o,h]}function addSaturationToRGB(t,e){var s=RGBtoHSV(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),HSVtoRGB(s[0],s[1],s[2])}function addBrightnessToRGB(t,e){var s=RGBtoHSV(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),HSVtoRGB(s[0],s[1],s[2])}function addHueToRGB(t,e){var s=RGBtoHSV(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),HSVtoRGB(s[0],s[1],s[2])}function componentToHex(t){var e=t.toString(16);return 1==e.length?"0"+e:e}function fillToRgba(t,e){if(!cachedColors[t]){var s=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);cachedColors[t]=parseInt(s[1],16)+","+parseInt(s[2],16)+","+parseInt(s[3],16)}return"rgba("+cachedColors[t]+","+e+")"}function RenderedFrame(t,e){this.tr=t,this.o=e}function LetterProps(t,e,s,r,i,a){this.o=t,this.sw=e,this.sc=s,this.fc=r,this.m=i,this.props=a}function iterateDynamicProperties(t){var e,s=this.dynamicProperties;for(e=0;s>e;e+=1)this.dynamicProperties[e].getValue(t)}function reversePath(t,e){var s,r,i=[],a=[],n=[],o={},h=0;e&&(i[0]=t.o[0],a[0]=t.i[0],n[0]=t.v[0],h=1),r=t.i.length;var l=r-1;for(s=h;r>s;s+=1)i.push(t.o[l]),a.push(t.i[l]),n.push(t.v[l]),l-=1;return o.i=i,o.o=a,o.v=n,o}function Matrix(){}function matrixManagerFunction(){var t=new Matrix,e=function(e,s,r,i,a){return t.reset().translate(i,a).rotate(e).scale(s,r).toCSS()},s=function(t){return e(t.tr.r[2],t.tr.s[0],t.tr.s[1],t.tr.p[0],t.tr.p[1])};return{getMatrix:s}}function createElement(t,e,s){if(!e){var r=Object.create(t.prototype,s),i={};return r&&"[object Function]"===i.toString.call(r.init)&&r.init(),r}e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.prototype._parent=t.prototype}function extendPrototype(t,e){for(var s in t.prototype)t.prototype.hasOwnProperty(s)&&(e.prototype[s]=t.prototype[s])}function bezFunction(){function t(t,e,s,r,i,a){var n=t*r+e*i+s*a-i*r-a*t-s*e;return n>-1e-4&&1e-4>n}function e(e,s,r,i,a,n,o,h,l){return t(e,s,i,a,o,h)&&t(e,r,i,n,o,l)}function s(t){this.segmentLength=0,this.points=new Array(t)}function r(t,e){this.partialLength=t,this.point=e}function i(t,e){var s=e.segments,r=s.length,i=bm_floor((r-1)*t),a=t*e.addedLength,n=0;if(a==s[i].l)return s[i].p;for(var o=s[i].l>a?-1:1,h=!0;h;)s[i].l<=a&&s[i+1].l>a?(n=(a-s[i].l)/(s[i+1].l-s[i].l),h=!1):i+=o,(0>i||i>=r-1)&&(h=!1);return s[i].p+(s[i+1].p-s[i].p)*n}function a(){this.pt1=new Array(2),this.pt2=new Array(2),this.pt3=new Array(2),this.pt4=new Array(2)}function n(t,e,s,r,n,o,h){var l=new a;n=0>n?0:n>1?1:n;var p=i(n,h);o=o>1?1:o;var m,f=i(o,h),d=t.length,c=1-p,u=1-f;for(m=0;d>m;m+=1)l.pt1[m]=Math.round(1e3*(c*c*c*t[m]+(p*c*c+c*p*c+c*c*p)*s[m]+(p*p*c+c*p*p+p*c*p)*r[m]+p*p*p*e[m]))/1e3,l.pt3[m]=Math.round(1e3*(c*c*u*t[m]+(p*c*u+c*p*u+c*c*f)*s[m]+(p*p*u+c*p*f+p*c*f)*r[m]+p*p*f*e[m]))/1e3,l.pt4[m]=Math.round(1e3*(c*u*u*t[m]+(p*u*u+c*f*u+c*u*f)*s[m]+(p*f*u+c*f*f+p*u*f)*r[m]+p*f*f*e[m]))/1e3,l.pt2[m]=Math.round(1e3*(u*u*u*t[m]+(f*u*u+u*f*u+u*u*f)*s[m]+(f*f*u+u*f*f+f*u*f)*r[m]+f*f*f*e[m]))/1e3;return l}var o=(Math,function(){function t(t,e){this.l=t,this.p=e}return function(e,s,r,i){var a,n,o,h,l,p,m=defaultCurveSegments,f=0,d=[],c=[],u={addedLength:0,segments:[]};for(o=r.length,a=0;m>a;a+=1){for(l=a/(m-1),p=0,n=0;o>n;n+=1)h=bm_pow(1-l,3)*e[n]+3*bm_pow(1-l,2)*l*r[n]+3*(1-l)*bm_pow(l,2)*i[n]+bm_pow(l,3)*s[n],d[n]=h,null!==c[n]&&(p+=bm_pow(d[n]-c[n],2)),c[n]=d[n];p&&(p=bm_sqrt(p),f+=p),u.segments.push(new t(f,l))}return u.addedLength=f,u}}()),h=function(){var e={};return function(i){var a=i.s,n=i.e,o=i.to,h=i.ti,l=(a.join("_")+"_"+n.join("_")+"_"+o.join("_")+"_"+h.join("_")).replace(/\./g,"p");if(e[l])return void(i.bezierData=e[l]);var p,m,f,d,c,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 E=new s(g);for(f=o.length,p=0;g>p;p+=1){for(y=new Array(f),c=p/(g-1),u=0,m=0;f>m;m+=1)d=bm_pow(1-c,3)*a[m]+3*bm_pow(1-c,2)*c*(a[m]+o[m])+3*(1-c)*bm_pow(c,2)*(n[m]+h[m])+bm_pow(c,3)*n[m],y[m]=d,null!==b&&(u+=bm_pow(y[m]-b[m],2));u=bm_sqrt(u),v+=u,E.points[p]=new r(u,y),b=y}E.segmentLength=v,i.bezierData=E,e[l]=E}}();return{getBezierLength:o,getNewSegment:n,buildBezierData:h,pointOnLine2D:t,pointOnLine3D:e}}function dataFunctionManager(){function t(i,a,o){var h,l,p,m,f,d,c,u,y=i.length;for(m=0;y>m;m+=1)if(h=i[m],"ks"in h&&!h.completed){if(h.completed=!0,h.tt&&(i[m-1].td=h.tt),l=[],p=-1,h.hasMask){var g=h.masksProperties;for(d=g.length,f=0;d>f;f+=1)if(g[f].pt.k.i)r(g[f].pt.k);else for(u=g[f].pt.k.length,c=0;u>c;c+=1)g[f].pt.k[c].s&&r(g[f].pt.k[c].s[0]),g[f].pt.k[c].e&&r(g[f].pt.k[c].e[0])}0===h.ty?(h.layers=e(h.refId,a),t(h.layers,a,o)):4===h.ty?s(h.shapes):5==h.ty&&n(h,o)}}function e(t,e){for(var s=0,r=e.length;r>s;){if(e[s].id===t)return e[s].layers;s+=1}}function s(t){var e,i,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)r(t[e].ks.k);else for(a=t[e].ks.k.length,i=0;a>i;i+=1)t[e].ks.k[i].s&&r(t[e].ks.k[i].s[0]),t[e].ks.k[i].e&&r(t[e].ks.k[i].e[0]);o=!0}else"gr"==t[e].ty&&s(t[e].it)}function r(t){var e,s=t.i.length;for(e=0;s>e;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 i(t,e){var s=e?e.split("."):[100,100,100];return t[0]>s[0]?!0:s[0]>t[0]?!1:t[1]>s[1]?!0:s[1]>t[1]?!1:t[2]>s[2]?!0:s[2]>t[2]?!1:void 0}function a(e,s){e.__complete||(o(e),t(e.layers,e.assets,s),e.__complete=!0)}function n(t,e){var s,r,i,a,n,o,h,l=[],p=t.t.d,m=0,f=t.t.m.g,d=0,c=0,u=0,y=[],g=0,v=0,b=e.getFontByName(p.f),E=0,P=b.fStyle.split(" "),k="normal",S="normal";for(r=P.length,s=0;r>s;s+=1)"italic"===P[s].toLowerCase()?S="italic":"bold"===P[s].toLowerCase()?k="700":"black"===P[s].toLowerCase()?k="900":"medium"===P[s].toLowerCase()?k="500":"regular"===P[s].toLowerCase()||"normal"===P[s].toLowerCase()?k="400":("light"===P[s].toLowerCase()||"thin"===P[s].toLowerCase())&&(k="200");if(p.fWeight=k,p.fStyle=S,r=p.t.length,p.sz){var x=p.sz[0],C=-1;for(s=0;r>s;s+=1)i=!1," "===p.t.charAt(s)?C=s:13===p.t.charCodeAt(s)&&(g=0,i=!0),e.chars?(h=e.getCharData(p.t.charAt(s),b.fStyle,b.fFamily),E=i?0:h.w*p.s/100):E=e.measureText(p.t.charAt(s),p.f,p.s),g+E>x?(-1===C?(p.t=p.t.substr(0,s)+"\r"+p.t.substr(s),r+=1):(s=C,p.t=p.t.substr(0,s)+"\r"+p.t.substr(s+1)),C=-1,g=0):g+=E;r=p.t.length}for(g=0,E=0,s=0;r>s;s+=1)if(i=!1," "===p.t.charAt(s)?a=" ":13===p.t.charCodeAt(s)?(y.push(g),v=g>v?g:v,g=0,a="",i=!0,u+=1):a=p.t.charAt(s),e.chars?(h=e.getCharData(p.t.charAt(s),b.fStyle,e.getFontByName(p.f).fFamily),E=i?0:h.w*p.s/100):E=e.measureText(a,p.f,p.s),g+=E,l.push({l:E,an:E,add:d,n:i,anIndexes:[],val:a,line:u}),2==f){if(d+=E,""==a||" "==a||s==r-1){for((""==a||" "==a)&&(d-=E);s>=c;)l[c].an=d,l[c].ind=m,l[c].extra=E,c+=1;m+=1,d=0}}else if(3==f){if(d+=E,""==a||s==r-1){for(""==a&&(d-=E);s>=c;)l[c].an=d,l[c].ind=m,l[c].extra=E,c+=1;d=0,m+=1}}else l[m].ind=m,l[m].extra=0,m+=1;if(p.l=l,v=g>v?g:v,y.push(g),p.sz)p.boxWidth=p.sz[0],t.t.d.justifyOffset=0;else switch(p.boxWidth=v,p.j){case 1:t.t.d.justifyOffset=-p.boxWidth;break;case 2:t.t.d.justifyOffset=-p.boxWidth/2;break;default:t.t.d.justifyOffset=0}p.lineWidths=y;var M=t.t.a;o=M.length;var D,A,w=[];for(n=0;o>n;n+=1){for(M[n].a.sc&&(p.strokeColorAnim=!0),M[n].a.sw&&(p.strokeWidthAnim=!0),(M[n].a.fc||M[n].a.fh||M[n].a.fs||M[n].a.fb)&&(p.fillColorAnim=!0),A=0,D=M[n].s.b,s=0;r>s;s+=1)l[s].anIndexes[n]=A,(1==D&&""!=l[s].val||2==D&&""!=l[s].val&&" "!=l[s].val||3==D&&(l[s].n||" "==l[s].val||s==r-1)||4==D&&(l[s].n||s==r-1))&&(1===M[n].s.rn&&w.push(A),A+=1);t.t.a[n].s.totalChars=A;var T,I=-1;if(1===M[n].s.rn)for(s=0;r>s;s+=1)I!=l[s].anIndexes[n]&&(I=l[s].anIndexes[n],T=w.splice(Math.floor(Math.random()*w.length),1)[0]),l[s].anIndexes[n]=T}0!==o||"m"in t.t.p||(t.singleShape=!0),p.yOffset=p.lh||1.2*p.s,p.ascent=b.ascent*p.s/100}var o=function(){function t(e){var s,r,i,a=e.length;for(s=0;a>s;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(i=e[s].c.k.length,r=0;i>r;r+=1)e[s].c.k[r].s&&(e[s].c.k[r].s[0]/=255,e[s].c.k[r].s[1]/=255,e[s].c.k[r].s[2]/=255,e[s].c.k[r].s[3]/=255),e[s].c.k[r].e&&(e[s].c.k[r].e[0]/=255,e[s].c.k[r].e[1]/=255,e[s].c.k[r].e[2]/=255,e[s].c.k[r].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,r=e.length;for(s=0;r>s;s+=1)4===e[s].ty&&t(e[s].shapes)}var s=[4,1,9];return function(t){if(i(s,t.v)&&(e(t.layers),t.assets)){var r,a=t.assets.length;for(r=0;a>r;r+=1)t.assets[r].layers&&e(t.assets[r].layers)}}}(),h={};return h.completeData=a,h}function ShapeModifier(){}function TrimModifier(){}function RoundCornersModifier(){}function BaseRenderer(){}function SVGRenderer(t,e){this.animationItem=t,this.layers=null,this.renderedFrame=-1,this.globalData={frameNum:-1},this.renderConfig={preserveAspectRatio:e&&e.preserveAspectRatio||"xMidYMid meet",progressiveLoad:e&&e.progressiveLoad||!1},this.elements=[],this.destroyed=!1}function CanvasRenderer(t,e){this.animationItem=t,this.renderConfig={clearCanvas:e&&void 0!==e.clearCanvas?e.clearCanvas:!0,context:e&&e.context||null,progressiveLoad:e&&e.progressiveLoad||!1,preserveAspectRatio:e&&e.preserveAspectRatio||"xMidYMid meet"},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},this.contextData={saved:Array.apply(null,{length:15}),savedOp:Array.apply(null,{length:15}),cArrPos:0,cTr:new Matrix,cO:1};var s,r=15;for(s=0;r>s;s+=1)this.contextData.saved[s]=Array.apply(null,{length:16});this.elements=[],this.transformMat=new Matrix,this.completeLayers=!1}function HybridRenderer(t){this.animationItem=t,this.layers=null,this.renderedFrame=-1,this.globalData={frameNum:-1},this.elements=[],this.threeDElements=[],this.destroyed=!1,this.camera=null,this.supports3d=!0}function MaskElement(t,e,s){this.dynamicProperties=[],this.data=t,this.element=e,this.globalData=s,this.paths=[],this.storedData=[],this.masksProperties=this.data.masksProperties,this.viewData=new Array(this.masksProperties.length),this.maskElement=null,this.firstFrame=!0;var r,i,a,n,o,h,l,p,m=this.globalData.defs,f=this.masksProperties.length,d=this.masksProperties,c=0,u=[],y=randomString(10),g="clipPath",v="clip-path";for(r=0;f>r;r++)if(("a"!==d[r].mode&&"n"!==d[r].mode||d[r].inv)&&(g="mask",v="mask"),"s"!=d[r].mode&&"i"!=d[r].mode||0!=c?o=null:(o=document.createElementNS(svgNS,"rect"),o.setAttribute("fill","#ffffff"),o.setAttribute("width",this.element.comp.data?this.element.comp.data.w:this.element.globalData.compSize.w),o.setAttribute("height",this.element.comp.data?this.element.comp.data.h:this.element.globalData.compSize.h),u.push(o)),i=document.createElementNS(svgNS,"path"),"n"!=d[r].mode&&d[r].cl!==!1){if(c+=1,d[r].cl?"s"==d[r].mode?i.setAttribute("fill","#000000"):i.setAttribute("fill","#ffffff"):(i.setAttribute("fill","none"),"s"==d[r].mode?i.setAttribute("fill","#000000"):i.setAttribute("fill","#ffffff"),i.setAttribute("stroke-width","1"),i.setAttribute("stroke-miterlimit","10")),i.setAttribute("clip-rule","nonzero"),0!==d[r].x.k){g="mask",v="mask",p=PropertyFactory.getProp(this.element,d[r].x,0,null,this.dynamicProperties);var b="fi_"+randomString(10);h=document.createElementNS(svgNS,"filter"),h.setAttribute("id",b),l=document.createElementNS(svgNS,"feMorphology"),l.setAttribute("operator","dilate"),l.setAttribute("in","SourceGraphic"),l.setAttribute("radius","0"),h.appendChild(l),m.appendChild(h),"s"==d[r].mode?i.setAttribute("stroke","#000000"):i.setAttribute("stroke","#ffffff")}else l=null,p=null;if(this.storedData[r]={elem:i,x:p,expan:l,lastPath:"",lastOperator:"",filterId:b,lastRadius:0},"i"==d[r].mode){n=u.length;var E=document.createElementNS(svgNS,"g");for(a=0;n>a;a+=1)E.appendChild(u[a]);var P=document.createElementNS(svgNS,"mask");P.setAttribute("mask-type","alpha"),P.setAttribute("id",y+"_"+c),P.appendChild(i),m.appendChild(P),E.setAttribute("mask","url(#"+y+"_"+c+")"),u.length=0,u.push(E)}else u.push(i);d[r].inv&&!this.solidPath&&(this.solidPath=this.createLayerSolidPath()),this.viewData[r]={elem:i,lastPath:"",prop:ShapePropertyFactory.getShapeProp(this.element,d[r],3,this.dynamicProperties,null)},o&&(this.viewData[r].invRect=o),this.viewData[r].prop.k||this.drawPath(d[r],this.viewData[r].prop.v,this.viewData[r])}else this.viewData[r]={prop:ShapePropertyFactory.getShapeProp(this.element,d[r],3,this.dynamicProperties,null),elem:i},m.appendChild(i);for(this.maskElement=document.createElementNS(svgNS,g),f=u.length,r=0;f>r;r+=1)this.maskElement.appendChild(u[r]);this.maskElement.setAttribute("id",y),c>0&&this.element.maskedElement.setAttribute(v,"url(#"+y+")"),m.appendChild(this.maskElement)}function BaseElement(){}function SVGBaseElement(t,e,s,r,i){this.globalData=s,this.comp=r,this.data=t,this.matteElement=null,this.parentContainer=e,this.layerId=i?i.layerId:"ly_"+randomString(10),this.placeholder=i,this.init()}function ITextElement(t,e,s,r){}function SVGTextElement(t,e,s,r,i){this.textSpans=[],this.renderType="svg",this._parent.constructor.call(this,t,e,s,r,i)}function SVGEffects(t){var e,s=t.data.ef.length,r=document.createElementNS(svgNS,"filter"),i=0;this.filters=[];var a;for(e=0;s>e;e+=1)20===t.data.ef[e].ty?(i+=1,a=new SVGTintFilter(r,t.effects.effectElements[e]),this.filters.push(a)):21===t.data.ef[e].ty?(i+=1,a=new SVGFillFilter(r,t.effects.effectElements[e]),this.filters.push(a)):22===t.data.ef[e].ty&&(a=new SVGStrokeEffect(t,t.effects.effectElements[e]),this.filters.push(a));if(i){var n=randomString(10);r.setAttribute("id",n),r.setAttribute("filterUnits","objectBoundingBox"),r.setAttribute("x","0%"),r.setAttribute("y","0%"),r.setAttribute("width","100%"),r.setAttribute("height","100%"),t.globalData.defs.appendChild(r),t.layerElement.setAttribute("filter","url(#"+n+")")}}function SVGTintFilter(t,e){this.filterManager=e;var s=document.createElementNS(svgNS,"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=document.createElementNS(svgNS,"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 r=document.createElementNS(svgNS,"feMerge");t.appendChild(r);var i;i=document.createElementNS(svgNS,"feMergeNode"),i.setAttribute("in","SourceGraphic"),r.appendChild(i),i=document.createElementNS(svgNS,"feMergeNode"),i.setAttribute("in","f2"),r.appendChild(i)}}function SVGFillFilter(t,e){this.filterManager=e;var s=document.createElementNS(svgNS,"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 SVGStrokeEffect(t,e){this.initialized=!1,this.filterManager=e,this.elem=t}function ICompElement(t,e,s,r,i){this._parent.constructor.call(this,t,e,s,r,i),this.layers=t.layers,this.supports3d=!0,this.completeLayers=!1,this.elements=Array.apply(null,{length:this.layers.length}),this.data.tm&&(this.tm=PropertyFactory.getProp(this,this.data.tm,0,s.frameRate,this.dynamicProperties)),this.data.xt?(this.layerElement=document.createElementNS(svgNS,"g"),this.buildAllItems()):s.progressiveLoad||this.buildAllItems()}function IImageElement(t,e,s,r,i){this.assetData=s.getAssetData(t.refId),this._parent.constructor.call(this,t,e,s,r,i)}function IShapeElement(t,e,s,r,i){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.viewData=[],this.shapeModifiers=[],this._parent.constructor.call(this,t,e,s,r,i)}function ISolidElement(t,e,s,r,i){this._parent.constructor.call(this,t,e,s,r,i)}function CVBaseElement(t,e,s){this.globalData=s,this.data=t,this.comp=e,this.canvasContext=s.canvasContext,this.init()}function CVCompElement(t,e,s){this._parent.constructor.call(this,t,e,s);var r={};for(var i in s)s.hasOwnProperty(i)&&(r[i]=s[i]);r.renderer=this,r.compHeight=this.data.h,r.compWidth=this.data.w,this.renderConfig={clearCanvas:!0},this.contextData={saved:Array.apply(null,{length:15}),savedOp:Array.apply(null,{length:15}),cArrPos:0,cTr:new Matrix,cO:1},this.completeLayers=!1;var a,n=15;for(a=0;n>a;a+=1)this.contextData.saved[a]=Array.apply(null,{length:16});this.transformMat=new Matrix,this.parentGlobalData=this.globalData;var o=document.createElement("canvas");r.canvasContext=o.getContext("2d"),this.canvasContext=r.canvasContext,o.width=this.data.w,o.height=this.data.h,this.canvas=o,this.globalData=r,this.layers=t.layers,this.elements=Array.apply(null,{length:this.layers.length}),this.data.tm&&(this.tm=PropertyFactory.getProp(this,this.data.tm,0,s.frameRate,this.dynamicProperties)),(this.data.xt||!s.progressiveLoad)&&this.buildAllItems()}function CVImageElement(t,e,s){this.assetData=s.getAssetData(t.refId),this._parent.constructor.call(this,t,e,s),this.globalData.addPendingElement()}function CVMaskElement(t,e){this.data=t,this.element=e,this.dynamicProperties=[],this.masksProperties=this.data.masksProperties,this.viewData=new Array(this.masksProperties.length);var s,r=this.masksProperties.length;for(s=0;r>s;s++)this.viewData[s]=ShapePropertyFactory.getShapeProp(this.element,this.masksProperties[s],3,this.dynamicProperties,null)}function CVShapeElement(t,e,s){this.shapes=[],this.stylesList=[],this.viewData=[],this.shapeModifiers=[],this.shapesData=t.shapes,this.firstFrame=!0,this._parent.constructor.call(this,t,e,s)}function CVSolidElement(t,e,s){this._parent.constructor.call(this,t,e,s)}function CVTextElement(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._parent.constructor.call(this,t,e,s)}function HBaseElement(t,e,s,r,i){this.globalData=s,this.comp=r,this.data=t,this.matteElement=null,this.parentContainer=e,this.layerId=i?i.layerId:"ly_"+randomString(10),this.placeholder=i,this.init()}function HSolidElement(t,e,s,r,i){this._parent.constructor.call(this,t,e,s,r,i)}function HCompElement(t,e,s,r,i){this._parent.constructor.call(this,t,e,s,r,i),this.layers=t.layers,this.supports3d=!0,this.completeLayers=!1,this.elements=Array.apply(null,{length:this.layers.length}),this.data.tm&&(this.tm=PropertyFactory.getProp(this,this.data.tm,0,s.frameRate,this.dynamicProperties)),this.data.hasMask&&(this.supports3d=!1),this.data.xt&&(this.layerElement=document.createElement("div")),this.buildAllItems()}function HShapeElement(t,e,s,r,i){this.shapes=[],this.shapeModifiers=[],this.shapesData=t.shapes,this.stylesList=[],this.viewData=[],this._parent.constructor.call(this,t,e,s,r,i),this.addedTransforms={mdf:!1,mats:[this.finalTransform.mat]},this.currentBBox={x:999999,y:-999999,h:0,w:0}}function HTextElement(t,e,s,r,i){this.textSpans=[],this.textPaths=[],this.currentBBox={x:999999,y:-999999,h:0,w:0},this.renderType="svg",this.isMasked=!1,this._parent.constructor.call(this,t,e,s,r,i)}function HImageElement(t,e,s,r,i){this.assetData=s.getAssetData(t.refId),this._parent.constructor.call(this,t,e,s,r,i)}function HCameraElement(t,e,s,r,i){if(this._parent.constructor.call(this,t,e,s,r,i),this.pe=PropertyFactory.getProp(this,t.pe,0,0,this.dynamicProperties),t.ks.p.s?(this.px=PropertyFactory.getProp(this,t.ks.p.x,1,0,this.dynamicProperties),this.py=PropertyFactory.getProp(this,t.ks.p.y,1,0,this.dynamicProperties),this.pz=PropertyFactory.getProp(this,t.ks.p.z,1,0,this.dynamicProperties)):this.p=PropertyFactory.getProp(this,t.ks.p,1,0,this.dynamicProperties),t.ks.a&&(this.a=PropertyFactory.getProp(this,t.ks.a,1,0,this.dynamicProperties)),t.ks.or.k.length){var a,n=t.ks.or.k.length;for(a=0;n>a;a+=1)t.ks.or.k[a].to=null,t.ks.or.k[a].ti=null}this.or=PropertyFactory.getProp(this,t.ks.or,1,degToRads,this.dynamicProperties),this.or.sh=!0,this.rx=PropertyFactory.getProp(this,t.ks.rx,0,degToRads,this.dynamicProperties),this.ry=PropertyFactory.getProp(this,t.ks.ry,0,degToRads,this.dynamicProperties),this.rz=PropertyFactory.getProp(this,t.ks.rz,0,degToRads,this.dynamicProperties),this.mat=new Matrix}function SliderEffect(t,e,s){this.p=PropertyFactory.getProp(e,t.v,0,0,s)}function AngleEffect(t,e,s){this.p=PropertyFactory.getProp(e,t.v,0,0,s)}function ColorEffect(t,e,s){this.p=PropertyFactory.getProp(e,t.v,1,0,s)}function PointEffect(t,e,s){this.p=PropertyFactory.getProp(e,t.v,1,0,s)}function CheckboxEffect(t,e,s){this.p=PropertyFactory.getProp(e,t.v,1,0,s)}function NoValueEffect(){this.p={}}function EffectsManager(t,e,s){var r=t.ef;this.effectElements=[];var i,a,n=r.length;for(i=0;n>i;i++)a=new GroupEffect(r[i],e,s),this.effectElements.push(a)}function GroupEffect(t,e,s){this.dynamicProperties=[],this.init(t,e,this.dynamicProperties),this.dynamicProperties.length&&s.push(this)}var svgNS="http://www.w3.org/2000/svg",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),s=e.length;for(t=0;s>t;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 s,r=Array.apply(null,{length:t.length}),i=t.length;for(s=0;i>s;s+=1)r[s]=Math.abs(t[s]);return r}return t};var defaultCurveSegments=75,degToRads=Math.PI/180,roundCorner=.5519;roundValues(!1);var rgbToHex=function(){var t,e,s=[];for(t=0;256>t;t+=1)e=t.toString(16),s[t]=1==e.length?"0"+e:e;return function(t,e,r){return 0>t&&(t=0),0>e&&(e=0),0>r&&(r=0),"#"+s[t]+s[e]+s[r]}}(),fillColorToString=function(){var t=[];return function(e,s){return void 0!==s&&(e[3]=s),t[e[0]]||(t[e[0]]={}),t[e[0]][e[1]]||(t[e[0]][e[1]]={}),t[e[0]][e[1]][e[2]]||(t[e[0]][e[1]][e[2]]={}),t[e[0]][e[1]][e[2]][e[3]]||(t[e[0]][e[1]][e[2]][e[3]]="rgba("+e.join(",")+")"),t[e[0]][e[1]][e[2]][e[3]]}}(),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=Math.cos(t),s=Math.sin(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=Math.cos(t),s=Math.sin(t);return this._t(1,0,0,0,0,e,-s,0,0,s,e,0,0,0,0,1)}function r(t){if(0===t)return this;var e=Math.cos(t),s=Math.sin(t);return this._t(e,0,s,0,0,1,0,0,-s,0,e,0,0,0,0,1)}function i(t){if(0===t)return this;var e=Math.cos(t),s=Math.sin(t);return this._t(e,-s,0,0,s,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(Math.tan(t),Math.tan(e))}function o(t,e){var s=Math.cos(e),r=Math.sin(e);return this._t(s,r,0,0,-r,s,0,0,0,0,1,0,0,0,0,1)._t(1,0,0,0,Math.tan(t),1,0,0,0,0,1,0,0,0,0,1)._t(s,-r,0,0,r,s,0,0,0,0,1,0,0,0,0,1)}function h(t,e,s){return s=isNaN(s)?1:s,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,r,i,a,n,o,h,l,p,m,f,d,c,u){return this.props[0]=t,this.props[1]=e,this.props[2]=s,this.props[3]=r,this.props[4]=i,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]=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 m(t,e,s,r,i,a,n,o,h,l,p,m,f,d,c,u){if(1===t&&0===e&&0===s&&0===r&&0===i&&1===a&&0===n&&0===o&&0===h&&0===l&&1===p&&0===m)return(0!==f||0!==d||0!==c)&&(this.props[12]=this.props[12]*t+this.props[13]*i+this.props[14]*h+this.props[15]*f,this.props[13]=this.props[12]*e+this.props[13]*a+this.props[14]*l+this.props[15]*d,this.props[14]=this.props[12]*s+this.props[13]*n+this.props[14]*p+this.props[15]*c,this.props[15]=this.props[12]*r+this.props[13]*o+this.props[14]*m+this.props[15]*u),this;var y=this.props[0],g=this.props[1],v=this.props[2],b=this.props[3],E=this.props[4],P=this.props[5],k=this.props[6],S=this.props[7],x=this.props[8],C=this.props[9],M=this.props[10],D=this.props[11],A=this.props[12],w=this.props[13],T=this.props[14],I=this.props[15];return this.props[0]=y*t+g*i+v*h+b*f,this.props[1]=y*e+g*a+v*l+b*d,this.props[2]=y*s+g*n+v*p+b*c,this.props[3]=y*r+g*o+v*m+b*u,this.props[4]=E*t+P*i+k*h+S*f,this.props[5]=E*e+P*a+k*l+S*d,this.props[6]=E*s+P*n+k*p+S*c,this.props[7]=E*r+P*o+k*m+S*u,this.props[8]=x*t+C*i+M*h+D*f,this.props[9]=x*e+C*a+M*l+D*d,this.props[10]=x*s+C*n+M*p+D*c,this.props[11]=x*r+C*o+M*m+D*u,this.props[12]=A*t+w*i+T*h+I*f,this.props[13]=A*e+w*a+T*l+I*d,this.props[14]=A*s+w*n+T*p+I*c,this.props[15]=A*r+w*o+T*m+I*u,this}function f(t){var e;for(e=0;16>e;e+=1)t.props[e]=this.props[e]}function d(t){var e;for(e=0;16>e;e+=1)this.props[e]=t[e]}function c(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 u(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 g(t,e,s){return t*this.props[2]+e*this.props[6]+s*this.props[10]+this.props[14]}function v(t){var e,s=this.props[0]*this.props[5]-this.props[1]*this.props[4],r=this.props[5]/s,i=-this.props[1]/s,a=-this.props[4]/s,n=this.props[0]/s,o=(this.props[4]*this.props[13]-this.props[5]*this.props[12])/s,h=-(this.props[0]*this.props[13]-this.props[1]*this.props[12])/s,l=t.length,p=[];for(e=0;l>e;e+=1)p[e]=[t[e][0]*r+t[e][1]*a+o,t[e][0]*i+t[e][1]*n+h,0];return p}function b(t,e,s){return[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 E(t,e){return bm_rnd(t*this.props[0]+e*this.props[4]+this.props[12])+","+bm_rnd(t*this.props[1]+e*this.props[5]+this.props[13])}function P(){return[this.props[0],this.props[1],this.props[2],this.props[3],this.props[4],this.props[5],this.props[6],this.props[7],this.props[8],this.props[9],this.props[10],this.props[11],this.props[12],this.props[13],this.props[14],this.props[15]]}function k(){return isSafari?"matrix3d("+roundTo2Decimals(this.props[0])+","+roundTo2Decimals(this.props[1])+","+roundTo2Decimals(this.props[2])+","+roundTo2Decimals(this.props[3])+","+roundTo2Decimals(this.props[4])+","+roundTo2Decimals(this.props[5])+","+roundTo2Decimals(this.props[6])+","+roundTo2Decimals(this.props[7])+","+roundTo2Decimals(this.props[8])+","+roundTo2Decimals(this.props[9])+","+roundTo2Decimals(this.props[10])+","+roundTo2Decimals(this.props[11])+","+roundTo2Decimals(this.props[12])+","+roundTo2Decimals(this.props[13])+","+roundTo2Decimals(this.props[14])+","+roundTo2Decimals(this.props[15])+")":(this.cssParts[1]=this.props.join(","),this.cssParts.join(""))}function S(){return"matrix("+this.props[0]+","+this.props[1]+","+this.props[4]+","+this.props[5]+","+this.props[12]+","+this.props[13]+")"}function x(){return""+this.toArray()}return function(){this.reset=t,this.rotate=e,this.rotateX=s,this.rotateY=r,this.rotateZ=i,this.skew=n,this.skewFromAxis=o,this.shear=a,this.scale=h,this.setTransform=l,this.translate=p,this.transform=m,this.applyToPoint=c,this.applyToX=u,this.applyToY=y,this.applyToZ=g,this.applyToPointArray=b,this.applyToPointStringified=E,this.toArray=P,this.toCSS=k,this.to2dCSS=S,this.toString=x,this.clone=f,this.cloneFromProps=d,this.inversePoints=v,this._t=this.transform,this.props=[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1],this.cssParts=["matrix3d(","",")"]}}();!function(t,e){function s(s,l,p){var d=[];l=1==l?{entropy:!0}:l||{};var v=n(a(l.entropy?[s,h(t)]:null==s?o():s,3),d),b=new r(d),E=function(){for(var t=b.g(f),e=u,s=0;y>t;)t=(t+s)*m,e*=m,s=b.g(1);for(;t>=g;)t/=2,e/=2,s>>>=1;return(t+s)/e};return E.int32=function(){return 0|b.g(4)},E.quick=function(){return b.g(4)/4294967296},E["double"]=E,n(h(b.S),t),(l.pass||p||function(t,s,r,a){return a&&(a.S&&i(a,b),t.state=function(){return i(b,{})}),r?(e[c]=t,s):t})(E,v,"global"in l?l.global:this==e,l.state)}function r(t){var e,s=t.length,r=this,i=0,a=r.i=r.j=0,n=r.S=[];for(s||(t=[s++]);m>i;)n[i]=i++;for(i=0;m>i;i++)n[i]=n[a=v&a+t[i%s]+(e=n[i])],n[a]=e;(r.g=function(t){for(var e,s=0,i=r.i,a=r.j,n=r.S;t--;)e=n[i=v&i+1],s=s*m+n[v&(n[i]=n[a=v&a+e])+(n[a]=e)];return r.i=i,r.j=a,s})(m)}function i(t,e){return e.i=t.i,e.j=t.j,e.S=t.S.slice(),e}function a(t,e){var s,r=[],i=typeof t;if(e&&"object"==i)for(s in t)try{r.push(a(t[s],e-1))}catch(n){}return r.length?r:"string"==i?t:t+"\x00"}function n(t,e){for(var s,r=t+"",i=0;i<r.length;)e[v&i]=v&(s^=19*e[v&i])+r.charCodeAt(i++);return h(e)}function o(){try{if(l)return h(l.randomBytes(m));var e=new Uint8Array(m);return(p.crypto||p.msCrypto).getRandomValues(e),h(e)}catch(s){var r=p.navigator,i=r&&r.plugins;return[+new Date,p,i,p.screen,h(t)]}}function h(t){return String.fromCharCode.apply(0,t)}var l,p=this,m=256,f=6,d=52,c="random",u=e.pow(m,f),y=e.pow(2,d),g=2*y,v=m-1;e["seed"+c]=s,n(e.random(),t)}([],BMMath);var BezierFactory=function(){function t(t,e,s,r,i){var a=i||("bez_"+t+"_"+e+"_"+s+"_"+r).replace(/\./g,"p");
+(function (root, factory) { if(typeof define === "function" && define.amd) { define( factory); } else if(typeof module === "object" && module.exports) { module.exports = factory(); } else { root.bodymovin = factory(); } }(window, function() {var svgNS = "http://www.w3.org/2000/svg";
+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;
 
-if(p[a])return p[a];var n=new h([t,e,s,r]);return p[a]=n,n}function e(t,e){return 1-3*e+3*t}function s(t,e){return 3*e-6*t}function r(t){return 3*t}function i(t,i,a){return((e(i,a)*t+s(i,a))*t+r(i))*t}function a(t,i,a){return 3*e(i,a)*t*t+2*s(i,a)*t+r(i)}function n(t,e,s,r,a){var n,o,h=0;do o=e+(s-e)/2,n=i(o,r,a)-t,n>0?s=o:e=o;while(Math.abs(n)>d&&++h<c);return o}function o(t,e,s,r){for(var n=0;m>n;++n){var o=a(e,s,r);if(0===o)return e;var h=i(e,s,r)-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={},m=4,f=.001,d=1e-7,c=10,u=11,y=1/(u-1),g="function"==typeof Float32Array;return h.prototype={get:function(t){var e=this._p[0],s=this._p[1],r=this._p[2],a=this._p[3];return this._precomputed||this._precompute(),e===s&&r===a?t:0===t?0:1===t?1:i(this._getTForX(t),s,a)},_precompute:function(){var t=this._p[0],e=this._p[1],s=this._p[2],r=this._p[3];this._precomputed=!0,(t!==e||s!==r)&&this._calcSampleValues()},_calcSampleValues:function(){for(var t=this._p[0],e=this._p[2],s=0;u>s;++s)this._mSampleValues[s]=i(s*y,t,e)},_getTForX:function(t){for(var e=this._p[0],s=this._p[2],r=this._mSampleValues,i=0,h=1,l=u-1;h!==l&&r[h]<=t;++h)i+=y;--h;var p=(t-r[h])/(r[h+1]-r[h]),m=i+p*y,d=a(m,e,s);return d>=f?o(t,m,e,s):0===d?m:n(t,i,i+y,e,s)}},l}(),MatrixManager=matrixManagerFunction;!function(){for(var t=0,e=["ms","moz","webkit","o"],s=0;s<e.length&&!window.requestAnimationFrame;++s)window.requestAnimationFrame=window[e[s]+"RequestAnimationFrame"],window.cancelAnimationFrame=window[e[s]+"CancelAnimationFrame"]||window[e[s]+"CancelRequestAnimationFrame"];window.requestAnimationFrame||(window.requestAnimationFrame=function(e,s){var r=(new Date).getTime(),i=Math.max(0,16-(r-t)),a=window.setTimeout(function(){e(r+i)},i);return t=r+i,a}),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(t){clearTimeout(t)})}();var bez=bezFunction(),dataManager=dataFunctionManager(),FontManager=function(){function t(t,e){var s=document.createElement("span");s.style.fontFamily=e;var r=document.createElement("span");r.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(r),document.body.appendChild(s);var i=r.offsetWidth;return r.style.fontFamily=t+", "+e,{node:r,w:i,parent:s}}function e(){var t,s,r,i=this.fonts.length,a=i;for(t=0;i>t;t+=1)if(this.fonts[t].loaded)a-=1;else if("t"===this.fonts[t].fOrigin){if(window.Typekit&&window.Typekit.load&&0===this.typekitLoaded){this.typekitLoaded=1;try{Typekit.load({async:!0,active:function(){this.typekitLoaded=2}.bind(this)})}catch(n){}}2===this.typekitLoaded&&(this.fonts[t].loaded=!0)}else"n"===this.fonts[t].fOrigin?this.fonts[t].loaded=!0:(s=this.fonts[t].monoCase.node,r=this.fonts[t].monoCase.w,s.offsetWidth!==r?(a-=1,this.fonts[t].loaded=!0):(s=this.fonts[t].sansCase.node,r=this.fonts[t].sansCase.w,s.offsetWidth!==r&&(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<h?setTimeout(e.bind(this),20):setTimeout(function(){this.loaded=!0}.bind(this),0)}function s(t,e){var s=document.createElementNS(svgNS,"text");s.style.fontSize="100px",s.style.fontFamily=e.fFamily,s.textContent="1",e.fClass?(s.style.fontFamily="inherit",s.className=e.fClass):s.style.fontFamily=e.fFamily,t.appendChild(s);var r=document.createElement("canvas").getContext("2d");return r.font="100px "+e.fFamily,r}function r(r,i){if(!r)return void(this.loaded=!0);if(this.chars)return this.loaded=!0,void(this.fonts=r.list);var a,n=r.list,o=n.length;for(a=0;o>a;a+=1){if(n[a].loaded=!1,n[a].monoCase=t(n[a].fFamily,"monospace"),n[a].sansCase=t(n[a].fFamily,"sans-serif"),n[a].fPath){if("p"===n[a].fOrigin){var h=document.createElement("style");h.type="text/css",h.innerHTML="@font-face {font-family: "+n[a].fFamily+"; font-style: normal; src: url('"+n[a].fPath+"');}",i.appendChild(h)}else if("g"===n[a].fOrigin){var l=document.createElement("link");l.type="text/css",l.rel="stylesheet",l.href=n[a].fPath,i.appendChild(l)}else if("t"===n[a].fOrigin){var p=document.createElement("script");p.setAttribute("src",n[a].fPath),i.appendChild(p)}}else n[a].loaded=!0;n[a].helper=s(i,n[a]),this.fonts.push(n[a])}e.bind(this)()}function i(t){if(t){this.chars||(this.chars=[]);var e,s,r,i=t.length,a=this.chars.length;for(e=0;i>e;e+=1){for(s=0,r=!1;a>s;)this.chars[s].style===t[e].style&&this.chars[s].fFamily===t[e].fFamily&&this.chars[s].ch===t[e].ch&&(r=!0),s+=1;r||(this.chars.push(t[e]),a+=1)}}}function a(t,e,s){for(var r=0,i=this.chars.length;i>r;){if(this.chars[r].ch===t&&this.chars[r].style===e&&this.chars[r].fFamily===s)return this.chars[r];r+=1}}function n(t,e,s){var r=this.getFontByName(e),i=r.helper;return i.measureText(t).width*s/100}function o(t){for(var e=0,s=this.fonts.length;s>e;){if(this.fonts[e].fName===t)return this.fonts[e];e+=1}return"sans-serif"}var h=5e3,l=function(){this.fonts=[],this.chars=null,this.typekitLoaded=0,this.loaded=!1,this.initTime=Date.now()};return l.prototype.addChars=i,l.prototype.addFonts=r,l.prototype.getCharData=a,l.prototype.getFontByName=o,l.prototype.measureText=n,l}(),PropertyFactory=function(){function t(){if(this.elem.globalData.frameId!==this.frameId){this.mdf=!1;var t=this.comp.renderedFrame-this.offsetTime;if(t===this.lastFrame||this.lastFrame!==l&&(this.lastFrame>=this.keyframes[this.keyframes.length-1].t-this.offsetTime&&t>=this.keyframes[this.keyframes.length-1].t-this.offsetTime||this.lastFrame<this.keyframes[0].t-this.offsetTime&&t<this.keyframes[0].t-this.offsetTime));else{for(var e,s,r=0,i=this.keyframes.length-1,a=1,n=!0;n;){if(e=this.keyframes[r],s=this.keyframes[r+1],r==i-1&&t>=s.t-this.offsetTime){e.h&&(e=s);break}if(s.t-this.offsetTime>t)break;i-1>r?r+=a:n=!1}var o,h,p,m,f,d=0;if(e.to){e.bezierData||bez.buildBezierData(e);var c=e.bezierData;if(t>=s.t-this.offsetTime||t<e.t-this.offsetTime){var u=t>=s.t-this.offsetTime?c.points.length-1:0;for(h=c.points[u].point.length,o=0;h>o;o+=1)this.v[o]=this.mult?c.points[u].point[o]*this.mult:c.points[u].point[o],this.pv[o]=c.points[u].point[o],this.lastPValue[o]!==this.pv[o]&&(this.mdf=!0,this.lastPValue[o]=this.pv[o])}else{e.__fnct?f=e.__fnct:(f=BezierFactory.getBezierEasing(e.o.x,e.o.y,e.i.x,e.i.y,e.n).get,e.__fnct=f),p=f((t-(e.t-this.offsetTime))/(s.t-this.offsetTime-(e.t-this.offsetTime)));var y,g=c.segmentLength*p,v=0;for(a=1,n=!0,m=c.points.length;n;){if(v+=c.points[d].partialLength*a,0===g||0===p||d==c.points.length-1){for(h=c.points[d].point.length,o=0;h>o;o+=1)this.v[o]=this.mult?c.points[d].point[o]*this.mult:c.points[d].point[o],this.pv[o]=c.points[d].point[o],this.lastPValue[o]!==this.pv[o]&&(this.mdf=!0,this.lastPValue[o]=this.pv[o]);break}if(g>=v&&g<v+c.points[d+1].partialLength){for(y=(g-v)/c.points[d+1].partialLength,h=c.points[d].point.length,o=0;h>o;o+=1)this.v[o]=this.mult?(c.points[d].point[o]+(c.points[d+1].point[o]-c.points[d].point[o])*y)*this.mult:c.points[d].point[o]+(c.points[d+1].point[o]-c.points[d].point[o])*y,this.pv[o]=c.points[d].point[o]+(c.points[d+1].point[o]-c.points[d].point[o])*y,this.lastPValue[o]!==this.pv[o]&&(this.mdf=!0,this.lastPValue[o]=this.pv[o]);break}m-1>d&&1==a||d>0&&-1==a?d+=a:n=!1}}}else{var b,E,P,k,S,x=!1;for(i=e.s.length,r=0;i>r;r+=1){if(1!==e.h&&(e.o.x instanceof Array?(x=!0,e.__fnct||(e.__fnct=[]),e.__fnct[r]||(b=e.o.x[r]||e.o.x[0],E=e.o.y[r]||e.o.y[0],P=e.i.x[r]||e.i.x[0],k=e.i.y[r]||e.i.y[0])):(x=!1,e.__fnct||(b=e.o.x,E=e.o.y,P=e.i.x,k=e.i.y)),x?e.__fnct[r]?f=e.__fnct[r]:(f=BezierFactory.getBezierEasing(b,E,P,k).get,e.__fnct[r]=f):e.__fnct?f=e.__fnct:(f=BezierFactory.getBezierEasing(b,E,P,k).get,e.__fnct=f),p=t>=s.t-this.offsetTime?1:t<e.t-this.offsetTime?0:f((t-(e.t-this.offsetTime))/(s.t-this.offsetTime-(e.t-this.offsetTime)))),this.sh&&1!==e.h){var C=e.s[r],M=e.e[r];-180>C-M?C+=360:C-M>180&&(C-=360),S=C+(M-C)*p}else S=1===e.h?e.s[r]:e.s[r]+(e.e[r]-e.s[r])*p;1===i?(this.v=this.mult?S*this.mult:S,this.pv=S,this.lastPValue!=this.pv&&(this.mdf=!0,this.lastPValue=this.pv)):(this.v[r]=this.mult?S*this.mult:S,this.pv[r]=S,this.lastPValue[r]!==this.pv[r]&&(this.mdf=!0,this.lastPValue[r]=this.pv[r]))}}}this.lastFrame=t,this.frameId=this.elem.globalData.frameId}}function e(){}function s(t,s,r){this.mult=r,this.v=r?s.k*r:s.k,this.pv=s.k,this.mdf=!1,this.comp=t.comp,this.k=!1,this.kf=!1,this.vel=0,this.getValue=e}function r(t,s,r){this.mult=r,this.data=s,this.mdf=!1,this.comp=t.comp,this.k=!1,this.kf=!1,this.frameId=-1,this.v=new Array(s.k.length),this.pv=new Array(s.k.length),this.lastValue=new Array(s.k.length);var i=Array.apply(null,{length:s.k.length});this.vel=i.map(function(){return 0});var a,n=s.k.length;for(a=0;n>a;a+=1)this.v[a]=r?s.k[a]*r:s.k[a],this.pv[a]=s.k[a];this.getValue=e}function i(e,s,r){this.keyframes=s.k,this.offsetTime=e.data.st,this.lastValue=-99999,this.lastPValue=-99999,this.frameId=-1,this.k=!0,this.kf=!0,this.data=s,this.mult=r,this.elem=e,this.comp=e.comp,this.lastFrame=l,this.v=r?s.k[0].s[0]*r:s.k[0].s[0],this.pv=s.k[0].s[0],this.getValue=t}function a(e,s,r){var i,a,n,o,h,p=s.k.length;for(i=0;p-1>i;i+=1)s.k[i].to&&s.k[i].s&&s.k[i].e&&(a=s.k[i].s,n=s.k[i].e,o=s.k[i].to,h=s.k[i].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]))&&(s.k[i].to=null,s.k[i].ti=null));this.keyframes=s.k,this.offsetTime=e.data.st,this.k=!0,this.kf=!0,this.mult=r,this.elem=e,this.comp=e.comp,this.getValue=t,this.frameId=-1,this.v=new Array(s.k[0].s.length),this.pv=new Array(s.k[0].s.length),this.lastValue=new Array(s.k[0].s.length),this.lastPValue=new Array(s.k[0].s.length),this.lastFrame=l}function n(t,e,n,o,h){var l;if(2===n)l=new p(t,e,h);else if(7===n)l=new TrimProperty(t,e,h);else if(e.k.length)if("number"==typeof e.k[0])l=new r(t,e,o);else switch(n){case 0:l=new i(t,e,o);break;case 1:l=new a(t,e,o)}else l=new s(t,e,o);return l.k&&h.push(l),l}function o(t,e,s,r){return new f(t,e,s,r)}function h(t,e,s){return new d(t,e,s)}var l=-999999,p=function(){function t(){return this.p.k&&this.p.getValue(),this.p.v.key||(this.p.v.key=function(t){return this.p.v.numKeys?this.p.keyframes[t-1].t:0}.bind(this)),this.p.v.numKeys||(this.p.v.numKeys=this.p.keyframes?this.p.keyframes.length:0),this.p.v.valueAtTime||(this.p.v.valueAtTime=this.p.getValueAtTime.bind(this.p)),this.p.v}function e(){return this.px.k&&this.px.getValue(),this.px.v}function s(){return this.py.k&&this.py.getValue(),this.py.v}function r(){return this.a.k&&this.a.getValue(),this.a.v}function i(){return this.or.k&&this.or.getValue(),this.or.v}function a(){return this.r.k&&this.r.getValue(),this.r.v/degToRads}function n(){return this.s.k&&this.s.getValue(),this.s.v}function o(){return this.o.k&&this.o.getValue(),this.o.v}function h(){return this.sk.k&&this.sk.getValue(),this.sk.v}function l(){return this.sa.k&&this.sa.getValue(),this.sa.v}function p(t){var e,s=this.dynamicProperties.length;for(e=0;s>e;e+=1)this.dynamicProperties[e].getValue(),this.dynamicProperties[e].mdf&&(this.mdf=!0);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.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 m(){if(this.elem.globalData.frameId!==this.frameId){this.mdf=!1;var t,e=this.dynamicProperties.length;for(t=0;e>t;t+=1)this.dynamicProperties[t].getValue(),this.dynamicProperties[t].mdf&&(this.mdf=!0);if(this.mdf){if(this.v.reset(),this.a&&this.v.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.s&&this.v.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&this.v.skewFromAxis(-this.sk.v,this.sa.v),this.r?this.v.rotate(-this.r.v):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&&this.p.keyframes&&this.p.getValueAtTime){var s,r;this.p.lastFrame+this.p.offsetTime<this.p.keyframes[0].t?(s=this.p.getValueAtTime(this.p.keyframes[0].t-this.p.offsetTime+.01,this.p.offsetTime),r=this.p.getValueAtTime(this.p.keyframes[0].t-this.p.offsetTime,this.p.offsetTime)):this.p.lastFrame+this.p.offsetTime>this.p.keyframes[this.p.keyframes.length-1].t?(s=this.p.getValueAtTime(this.p.keyframes[this.p.keyframes.length-1].t-this.p.offsetTime,this.p.offsetTime),r=this.p.getValueAtTime(this.p.keyframes[this.p.keyframes.length-1].t-this.p.offsetTime-.01,this.p.offsetTime)):(s=this.p.pv,r=this.p.getValueAtTime(this.p.lastFrame-.01,this.p.offsetTime)),this.v.rotate(-Math.atan2(s[1]-r[1],s[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 f(){this.inverted=!0,this.iv=new Matrix,this.k||(this.data.p.s?this.iv.translate(this.px.v,this.py.v,-this.pz.v):this.iv.translate(this.p.v[0],this.p.v[1],-this.p.v[2]),this.r?this.iv.rotate(-this.r.v):this.iv.rotateX(-this.rx.v).rotateY(-this.ry.v).rotateZ(this.rz.v),this.s&&this.iv.scale(this.s.v[0],this.s.v[1],1),this.a&&this.iv.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]))}function d(){}return function(c,u,y){this.elem=c,this.frameId=-1,this.dynamicProperties=[],this.mdf=!1,this.data=u,this.getValue=m,this.applyToMatrix=p,this.setInverted=f,this.autoOrient=d,this.v=new Matrix,u.p.s?(this.px=PropertyFactory.getProp(c,u.p.x,0,0,this.dynamicProperties),this.py=PropertyFactory.getProp(c,u.p.y,0,0,this.dynamicProperties),u.p.z&&(this.pz=PropertyFactory.getProp(c,u.p.z,0,0,this.dynamicProperties))):this.p=PropertyFactory.getProp(c,u.p,1,0,this.dynamicProperties),u.r?this.r=PropertyFactory.getProp(c,u.r,0,degToRads,this.dynamicProperties):u.rx&&(this.rx=PropertyFactory.getProp(c,u.rx,0,degToRads,this.dynamicProperties),this.ry=PropertyFactory.getProp(c,u.ry,0,degToRads,this.dynamicProperties),this.rz=PropertyFactory.getProp(c,u.rz,0,degToRads,this.dynamicProperties),this.or=PropertyFactory.getProp(c,u.or,0,degToRads,this.dynamicProperties)),u.sk&&(this.sk=PropertyFactory.getProp(c,u.sk,0,degToRads,this.dynamicProperties),this.sa=PropertyFactory.getProp(c,u.sa,0,degToRads,this.dynamicProperties)),u.a&&(this.a=PropertyFactory.getProp(c,u.a,1,0,this.dynamicProperties)),u.s&&(this.s=PropertyFactory.getProp(c,u.s,1,.01,this.dynamicProperties)),this.o=u.o?PropertyFactory.getProp(c,u.o,0,.01,y):{mdf:!1,v:1},this.dynamicProperties.length?y.push(this):(this.a&&this.v.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.s&&this.v.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&this.v.skewFromAxis(-this.sk.v,this.sa.v),this.r?this.v.rotate(-this.r.v):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.data.p.s?u.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])),Object.defineProperty(this,"position",{get:t}),Object.defineProperty(this,"xPosition",{get:e}),Object.defineProperty(this,"yPosition",{get:s}),Object.defineProperty(this,"orientation",{get:i}),Object.defineProperty(this,"anchorPoint",{get:r}),Object.defineProperty(this,"rotation",{get:a}),Object.defineProperty(this,"scale",{get:n}),Object.defineProperty(this,"opacity",{get:o}),Object.defineProperty(this,"skew",{get:h}),Object.defineProperty(this,"skewAxis",{get:l})}}(),m=function(){function t(t){if(this.prop.getValue(),this.cmdf=!1,this.omdf=!1,this.prop.mdf||t){var e,s,r,i=4*this.data.p;for(e=0;i>e;e+=1)s=e%4===0?100:255,r=Math.round(this.prop.v[e]*s),this.c[e]!==r&&(this.c[e]=r,this.cmdf=!0);if(this.o.length)for(i=this.prop.v.length,e=4*this.data.p;i>e;e+=1)s=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=!0)}}function e(e,s,r){this.prop=n(e,s.k,1,null,[]),this.data=s,this.k=this.prop.k,this.c=Array.apply(null,{length:4*s.p});var i=s.k.k[0].s?s.k.k[0].s.length-4*s.p:s.k.k.length-4*s.p;this.o=Array.apply(null,{length:i}),this.cmdf=!1,this.omdf=!1,this.getValue=t,this.prop.k&&r.push(this),this.getValue(!0)}return function(t,s,r){return new e(t,s,r)}}(),f=function(){function t(t){var e=0,s=this.dataProps.length;if(this.elem.globalData.frameId!==this.frameId||t){for(this.mdf=!1,this.frameId=this.elem.globalData.frameId;s>e;){if(this.dataProps[e].p.mdf){this.mdf=!0;break}e+=1}if(this.mdf||t)for("svg"===this.renderer&&(this.dasharray=""),e=0;s>e;e+=1)"o"!=this.dataProps[e].n?"svg"===this.renderer?this.dasharray+=" "+this.dataProps[e].p.v:this.dasharray[e]=this.dataProps[e].p.v:this.dashoffset=this.dataProps[e].p.v}}return function(e,s,r,i){this.elem=e,this.frameId=-1,this.dataProps=new Array(s.length),this.renderer=r,this.mdf=!1,this.k=!1,this.dasharray="svg"===this.renderer?"":new Array(s.length-1),this.dashoffset=0;var a,n,o=s.length;for(a=0;o>a;a+=1)n=PropertyFactory.getProp(e,s[a].v,0,0,i),this.k=n.k?!0:this.k,this.dataProps[a]={n:s[a].n,p:n};this.getValue=t,this.k?i.push(this):this.getValue(!0)}}(),d=function(){function t(){if(this.dynamicProperties.length){var t,e=this.dynamicProperties.length;for(t=0;e>t;t+=1)this.dynamicProperties[t].getValue(),this.dynamicProperties[t].mdf&&(this.mdf=!0)}var s=this.data.totalChars,r=2===this.data.r?1:100/s,i=this.o.v/r,a=this.s.v/r+i,n=this.e.v/r+i;if(a>n){var o=a;a=n,n=o}this.finalS=a,this.finalE=n}function e(t){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:s(0,r(.5/(o-n)+(t-n)/(o-n),1)),a=e(a);else if(3==h)a=o===n?t>=o?0:1:1-s(0,r(.5/(o-n)+(t-n)/(o-n),1)),a=e(a);else if(4==h)o===n?a=t>=o?0:1:(a=s(0,r(.5/(o-n)+(t-n)/(o-n),1)),.5>a?a*=2:a=1-a);else if(5==h)if(o===n)a=t>=o?0:1;else{var l=o-n;a=-4/(l*l)*t*t+4/l*t}else 6==h?a=o===n?t>=o?0:1:(1+(Math.cos(Math.PI+2*Math.PI*(t-n)/(o-n))+0))/2:t>=i(n)&&(a=0>t-n?1-(n-t):s(0,r(o-t,1)));return a*this.a.v}var s=Math.max,r=Math.min,i=Math.floor;return this.mdf=!1,function(s,r,i){this.mdf=!1,this.k=!1,this.data=r,this.dynamicProperties=[],this.getValue=t,this.getMult=e,this.comp=s.comp,this.finalS=0,this.finalE=0,this.s=PropertyFactory.getProp(s,r.s||{k:0},0,0,this.dynamicProperties),this.e="e"in r?PropertyFactory.getProp(s,r.e,0,0,this.dynamicProperties):{v:2===r.r?r.totalChars:100},this.o=PropertyFactory.getProp(s,r.o||{k:0},0,0,this.dynamicProperties),this.xe=PropertyFactory.getProp(s,r.xe||{k:0},0,0,this.dynamicProperties),this.ne=PropertyFactory.getProp(s,r.ne||{k:0},0,0,this.dynamicProperties),this.a=PropertyFactory.getProp(s,r.a,0,.01,this.dynamicProperties),this.dynamicProperties.length?i.push(this):this.getValue()}}(),c={};return c.getProp=n,c.getDashProp=o,c.getTextSelectorProp=h,c.getGradientProp=m,c}(),ShapePropertyFactory=function(){function t(){this.mdf=!1;var t=this.comp.renderedFrame-this.offsetTime;if(this.lastFrame!==n&&(this.lastFrame<this.keyframes[0].t-this.offsetTime&&t<this.keyframes[0].t-this.offsetTime||this.lastFrame>this.keyframes[this.keyframes.length-1].t-this.offsetTime&&t>this.keyframes[this.keyframes.length-1].t-this.offsetTime));else{var e,s,r;if(t<this.keyframes[0].t-this.offsetTime)e=this.keyframes[0].s[0],r=!0;else if(t>this.keyframes[this.keyframes.length-1].t-this.offsetTime)e=1===this.keyframes[this.keyframes.length-2].h?this.keyframes[this.keyframes.length-1].s[0]:this.keyframes[this.keyframes.length-2].e[0],r=!0;else{for(var i,a,o,h,l,p,m=0,f=this.keyframes.length-1,d=!0;d&&(i=this.keyframes[m],a=this.keyframes[m+1],!(a.t-this.offsetTime>t));)f-1>m?m+=1:d=!1;r=1===i.h,r&&m===f&&(i=a);var c;if(!r){var u;i.__fnct?u=i.__fnct:(u=BezierFactory.getBezierEasing(i.o.x,i.o.y,i.i.x,i.i.y).get,i.__fnct=u),c=t>=a.t-this.offsetTime?1:t<i.t-this.offsetTime?0:u((t-(i.t-this.offsetTime))/(a.t-this.offsetTime-(i.t-this.offsetTime))),s=i.e[0]}e=i.s[0]}h=this.v.i.length,p=e.i[0].length;var y,g=!1;for(o=0;h>o;o+=1)for(l=0;p>l;l+=1)r?(y=e.i[o][l],this.v.i[o][l]!==y&&(this.v.i[o][l]=y,this.pv.i[o][l]=y,g=!0),y=e.o[o][l],this.v.o[o][l]!==y&&(this.v.o[o][l]=y,this.pv.o[o][l]=y,g=!0),y=e.v[o][l],this.v.v[o][l]!==y&&(this.v.v[o][l]=y,this.pv.v[o][l]=y,g=!0)):(y=e.i[o][l]+(s.i[o][l]-e.i[o][l])*c,this.v.i[o][l]!==y&&(this.v.i[o][l]=y,this.pv.i[o][l]=y,g=!0),y=e.o[o][l]+(s.o[o][l]-e.o[o][l])*c,this.v.o[o][l]!==y&&(this.v.o[o][l]=y,this.pv.o[o][l]=y,g=!0),y=e.v[o][l]+(s.v[o][l]-e.v[o][l])*c,this.v.v[o][l]!==y&&(this.v.v[o][l]=y,this.pv.v[o][l]=y,g=!0));this.mdf=g,this.paths.length=0,this.paths[0]=this.v}this.lastFrame=t}function e(){return this.v}function s(){this.paths.length?(this.paths.length=1,this.paths[0]=this.v):this.paths=[this.v]}function r(t,r,i){this.comp=t.comp,this.k=!1,this.mdf=!1,this.closed=3===i?r.cl:r.closed,this.numNodes=3===i?r.pt.k.v.length:r.ks.k.v.length,this.v=3===i?r.pt.k:r.ks.k,this.getValue=e,this.pv=this.v,this.v.c=this.closed,this.paths=[this.v],this.reset=s}function i(e,r,i){this.comp=e.comp,this.offsetTime=e.data.st,this.getValue=t,this.keyframes=3===i?r.pt.k:r.ks.k,this.k=!0,this.closed=3===i?r.cl:r.closed;var a,o=this.keyframes[0].s[0].i.length,h=this.keyframes[0].s[0].i[0].length;for(this.numNodes=o,this.v={i:Array.apply(null,{length:o}),o:Array.apply(null,{length:o}),v:Array.apply(null,{length:o}),c:this.closed},this.pv={i:Array.apply(null,{length:o}),o:Array.apply(null,{length:o}),v:Array.apply(null,{length:o})},a=0;o>a;a+=1)this.v.i[a]=Array.apply(null,{length:h}),this.v.o[a]=Array.apply(null,{length:h}),this.v.v[a]=Array.apply(null,{length:h}),this.pv.i[a]=Array.apply(null,{length:h}),this.pv.o[a]=Array.apply(null,{length:h}),this.pv.v[a]=Array.apply(null,{length:h});this.paths=[],this.lastFrame=n,this.reset=s}function a(t,e,s,a){var n;if(3===s||4===s){var p=3===s?e.pt.k:e.ks.k;n=p.length?new i(t,e,s):new r(t,e,s)}else 5===s?n=new l(t,e):6===s?n=new o(t,e):7===s&&(n=new h(t,e));return n.k&&a.push(n),n}var n=-999999,o=function(){function t(){var t=this.p.v[0],e=this.p.v[1],s=this.s.v[0]/2,i=this.s.v[1]/2;2!==this.d&&3!==this.d?(this.v.v[0]=[t,e-i],this.v.i[0]=[t-s*r,e-i],this.v.o[0]=[t+s*r,e-i],this.v.v[1]=[t+s,e],this.v.i[1]=[t+s,e-i*r],this.v.o[1]=[t+s,e+i*r],this.v.v[2]=[t,e+i],this.v.i[2]=[t+s*r,e+i],this.v.o[2]=[t-s*r,e+i],this.v.v[3]=[t-s,e],this.v.i[3]=[t-s,e+i*r],this.v.o[3]=[t-s,e-i*r]):(this.v.v[0]=[t,e-i],this.v.o[0]=[t-s*r,e-i],this.v.i[0]=[t+s*r,e-i],this.v.v[1]=[t-s,e],this.v.o[1]=[t-s,e+i*r],this.v.i[1]=[t-s,e-i*r],this.v.v[2]=[t,e+i],this.v.o[2]=[t+s*r,e+i],this.v.i[2]=[t-s*r,e+i],this.v.v[3]=[t+s,e],this.v.o[3]=[t+s,e-i*r],this.v.i[3]=[t+s,e+i*r]),this.paths.length=0,this.paths[0]=this.v}function e(t){var e,s=this.dynamicProperties.length;if(this.elem.globalData.frameId!==this.frameId){for(this.mdf=!1,this.frameId=this.elem.globalData.frameId,e=0;s>e;e+=1)this.dynamicProperties[e].getValue(t),this.dynamicProperties[e].mdf&&(this.mdf=!0);this.mdf&&(this.convertEllToPath(),this.paths.length=0,this.paths[0]=this.v)}}var r=roundCorner;return function(r,i){this.v={v:Array.apply(null,{length:4}),i:Array.apply(null,{length:4}),o:Array.apply(null,{length:4}),c:!0},this.numNodes=4,this.d=i.d,this.dynamicProperties=[],this.paths=[],i.closed=!0,this.closed=!0,this.elem=r,this.comp=r.comp,this.frameId=-1,this.mdf=!1,this.getValue=e,this.convertEllToPath=t,this.reset=s,this.p=PropertyFactory.getProp(r,i.p,1,0,this.dynamicProperties),this.s=PropertyFactory.getProp(r,i.s,1,0,this.dynamicProperties),this.dynamicProperties.length?this.k=!0:this.convertEllToPath()}}(),h=function(){function t(){var t=Math.floor(this.pt.v),e=2*Math.PI/t;this.v.v.length=t,this.v.i.length=t,this.v.o.length=t;var s,r=this.or.v,i=this.os.v,a=2*Math.PI*r/(4*t),n=-Math.PI/2,o=3===this.data.d?-1:1;for(n+=this.r.v,s=0;t>s;s+=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),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.v[s]=[h,l],this.v.i[s]=[h+p*a*i*o,l+m*a*i*o],this.v.o[s]=[h-p*a*i*o,l-m*a*i*o],n+=e*o}this.numNodes=t,this.paths.length=0,this.paths[0]=this.v}function e(){var t=2*Math.floor(this.pt.v),e=2*Math.PI/t;this.v.v.length=t,this.v.i.length=t,this.v.o.length=t;var s,r,i,a,n=!0,o=this.or.v,h=this.ir.v,l=this.os.v,p=this.is.v,m=2*Math.PI*o/(2*t),f=2*Math.PI*h/(2*t),d=-Math.PI/2;d+=this.r.v;var c=3===this.data.d?-1:1;for(s=0;t>s;s+=1){r=n?o:h,i=n?l:p,a=n?m:f;var u=r*Math.cos(d),y=r*Math.sin(d),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.v[s]=[u,y],this.v.i[s]=[u+g*a*i*c,y+v*a*i*c],this.v.o[s]=[u-g*a*i*c,y-v*a*i*c],n=!n,d+=e*c}this.numNodes=t,this.paths.length=0,this.paths[0]=this.v}function r(){if(this.elem.globalData.frameId!==this.frameId){this.mdf=!1,this.frameId=this.elem.globalData.frameId;var t,e=this.dynamicProperties.length;for(t=0;e>t;t+=1)this.dynamicProperties[t].getValue(),this.dynamicProperties[t].mdf&&(this.mdf=!0);this.mdf&&this.convertToPath()}}return function(i,a){this.v={v:[],i:[],o:[],c:!0},this.elem=i,this.comp=i.comp,this.data=a,this.frameId=-1,this.d=a.d,this.dynamicProperties=[],this.mdf=!1,a.closed=!0,this.closed=!0,this.getValue=r,this.reset=s,1===a.sy?(this.ir=PropertyFactory.getProp(i,a.ir,0,0,this.dynamicProperties),this.is=PropertyFactory.getProp(i,a.is,0,.01,this.dynamicProperties),this.convertToPath=e):this.convertToPath=t,this.pt=PropertyFactory.getProp(i,a.pt,0,0,this.dynamicProperties),this.p=PropertyFactory.getProp(i,a.p,1,0,this.dynamicProperties),this.r=PropertyFactory.getProp(i,a.r,0,degToRads,this.dynamicProperties),this.or=PropertyFactory.getProp(i,a.or,0,0,this.dynamicProperties),this.os=PropertyFactory.getProp(i,a.os,0,.01,this.dynamicProperties),this.paths=[],this.dynamicProperties.length?this.k=!0:this.convertToPath()}}(),l=function(){function t(t){if(this.elem.globalData.frameId!==this.frameId){this.mdf=!1,this.frameId=this.elem.globalData.frameId;var e,s=this.dynamicProperties.length;for(e=0;s>e;e+=1)this.dynamicProperties[e].getValue(t),this.dynamicProperties[e].mdf&&(this.mdf=!0);this.mdf&&this.convertRectToPath()}}function e(){var t=this.p.v[0],e=this.p.v[1],s=this.s.v[0]/2,r=this.s.v[1]/2,i=bm_min(s,r,this.r.v),a=i*(1-roundCorner);2===this.d||1===this.d?(this.v.v[0]=[t+s,e-r+i],this.v.o[0]=this.v.v[0],this.v.i[0]=[t+s,e-r+a],this.v.v[1]=[t+s,e+r-i],this.v.o[1]=[t+s,e+r-a],this.v.i[1]=this.v.v[1],this.v.v[2]=[t+s-i,e+r],this.v.o[2]=this.v.v[2],this.v.i[2]=[t+s-a,e+r],this.v.v[3]=[t-s+i,e+r],this.v.o[3]=[t-s+a,e+r],this.v.i[3]=this.v.v[3],this.v.v[4]=[t-s,e+r-i],this.v.o[4]=this.v.v[4],this.v.i[4]=[t-s,e+r-a],this.v.v[5]=[t-s,e-r+i],this.v.o[5]=[t-s,e-r+a],this.v.i[5]=this.v.v[5],this.v.v[6]=[t-s+i,e-r],this.v.o[6]=this.v.v[6],this.v.i[6]=[t-s+a,e-r],this.v.v[7]=[t+s-i,e-r],this.v.o[7]=[t+s-a,e-r],this.v.i[7]=this.v.v[7]):(this.v.v[0]=[t+s,e-r+i],this.v.o[0]=[t+s,e-r+a],this.v.i[0]=this.v.v[0],this.v.v[1]=[t+s-i,e-r],this.v.o[1]=this.v.v[1],this.v.i[1]=[t+s-a,e-r],this.v.v[2]=[t-s+i,e-r],this.v.o[2]=[t-s+a,e-r],this.v.i[2]=this.v.v[2],this.v.v[3]=[t-s,e-r+i],this.v.o[3]=this.v.v[3],this.v.i[3]=[t-s,e-r+a],this.v.v[4]=[t-s,e+r-i],this.v.o[4]=[t-s,e+r-a],this.v.i[4]=this.v.v[4],this.v.v[5]=[t-s+i,e+r],this.v.o[5]=this.v.v[5],this.v.i[5]=[t-s+a,e+r],this.v.v[6]=[t+s-i,e+r],this.v.o[6]=[t+s-a,e+r],this.v.i[6]=this.v.v[6],this.v.v[7]=[t+s,e+r-i],this.v.o[7]=this.v.v[7],this.v.i[7]=[t+s,e+r-a]),this.paths.length=0,this.paths[0]=this.v}return function(r,i){this.v={v:Array.apply(null,{length:8}),i:Array.apply(null,{length:8}),o:Array.apply(null,{length:8}),c:!0},this.paths=[],this.numNodes=8,this.elem=r,this.comp=r.comp,this.frameId=-1,this.d=i.d,this.dynamicProperties=[],this.mdf=!1,i.closed=!0,this.closed=!0,this.getValue=t,this.convertRectToPath=e,this.reset=s,this.p=PropertyFactory.getProp(r,i.p,1,0,this.dynamicProperties),this.s=PropertyFactory.getProp(r,i.s,1,0,this.dynamicProperties),this.r=PropertyFactory.getProp(r,i.r,0,0,this.dynamicProperties),this.dynamicProperties.length?this.k=!0:this.convertRectToPath()}}(),p={};return p.getShapeProp=a,p}(),ShapeModifiers=function(){function t(t,e){r[t]||(r[t]=e)}function e(t,e,s,i){return new r[t](e,s,i)}var s={},r={};return s.registerModifier=t,s.getModifier=e,s}();ShapeModifier.prototype.initModifierProperties=function(){},ShapeModifier.prototype.addShapeToModifier=function(){},ShapeModifier.prototype.addShape=function(t){this.closed||(this.shapes.push({shape:t,last:[]}),this.addShapeToModifier(t))},ShapeModifier.prototype.init=function(t,e,s){this.elem=t,this.frameId=-1,this.shapes=[],this.dynamicProperties=[],this.mdf=!1,this.closed=!1,this.k=!1,this.isTrimming=!1,this.comp=t.comp,this.initModifierProperties(t,e),this.dynamicProperties.length?(this.k=!0,s.push(this)):this.getValue(!0)},extendPrototype(ShapeModifier,TrimModifier),TrimModifier.prototype.processKeys=function(t){if(this.elem.globalData.frameId!==this.frameId||t){this.mdf=t?!0:!1,this.frameId=this.elem.globalData.frameId;var e,s=this.dynamicProperties.length;for(e=0;s>e;e+=1)this.dynamicProperties[e].getValue(),this.dynamicProperties[e].mdf&&(this.mdf=!0);if(this.mdf||t){var r=this.o.v%360/360;0>r&&(r+=1);var i=this.s.v+r,a=this.e.v+r;if(i>a){var n=i;i=a,a=n}this.sValue=i,this.eValue=a,this.oValue=r}}},TrimModifier.prototype.initModifierProperties=function(t,e){this.sValue=0,this.eValue=0,this.oValue=0,this.getValue=this.processKeys,this.s=PropertyFactory.getProp(t,e.s,0,.01,this.dynamicProperties),this.e=PropertyFactory.getProp(t,e.e,0,.01,this.dynamicProperties),this.o=PropertyFactory.getProp(t,e.o,0,0,this.dynamicProperties),this.dynamicProperties.length||this.getValue(!0)},TrimModifier.prototype.getSegmentsLength=function(t){var e,s=t.c,r=t.v,i=t.o,a=t.i,n=r.length,o=[],h=0;for(e=0;n-1>e;e+=1)o[e]=bez.getBezierLength(r[e],r[e+1],i[e],a[e+1]),h+=o[e].addedLength;return s&&(o[e]=bez.getBezierLength(r[e],r[0],i[e],a[0]),h+=o[e].addedLength),{lengths:o,totalLength:h}},TrimModifier.prototype.processShapes=function(t){var e,s,r,i,a,n,o,h=this.shapes.length,l=this.sValue,p=this.eValue,m=0;if(p===l)for(s=0;h>s;s+=1)this.shapes[s].shape.paths=[],this.shapes[s].shape.mdf=!0;else{var f,d,c=[];for(s=0;h>s;s+=1){if(f=this.shapes[s],f.shape.mdf||this.mdf||t){if(e=f.shape.paths,i=e.length,o=0,!f.shape.mdf&&f.pathsData)o=f.totalShapeLength;else{for(a=[],r=0;i>r;r+=1)n=this.getSegmentsLength(e[r]),a.push(n),o+=n.totalLength;f.totalShapeLength=o,f.pathsData=a}m+=o}else f.shape.paths=f.last;f.shape.mdf=!0}for(s=0;h>s;s+=1)if(d=[],f=this.shapes[s],f.shape.mdf){c.length=0,1>=p?c.push({s:f.totalShapeLength*l,e:f.totalShapeLength*p}):l>=1?c.push({s:f.totalShapeLength*(l-1),e:f.totalShapeLength*(p-1)}):(c.push({s:f.totalShapeLength*l,e:f.totalShapeLength}),c.push({s:0,e:f.totalShapeLength*(p-1)}));var u,y=this.addShapes(f,c[0]);d.push(y),c.length>1&&(f.shape.closed?this.addShapes(f,c[1],y):(y.i[0]=[y.v[0][0],y.v[0][1]],u=y.v.length-1,y.o[u]=[y.v[u][0],y.v[u][1]],y=this.addShapes(f,c[1]),d.push(y))),y.i[0]=[y.v[0][0],y.v[0][1]],u=y.v.length-1,y.o[u]=[y.v[u][0],y.v[u][1]],f.last=d,f.shape.paths=d}}this.dynamicProperties.length||(this.mdf=!1)},TrimModifier.prototype.addSegment=function(t,e,s,r,i,a){i.o[a]=e,i.i[a+1]=s,i.v[a+1]=r,i.v[a]=t},TrimModifier.prototype.addShapes=function(t,e,s){var r,i,a,n,o,h,l,p=t.pathsData,m=t.shape.paths,f=m.length,d=0;
+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]];
+    }
+}());
 
-for(s?o=s.v.length-1:(s={c:!1,v:[],i:[],o:[]},o=0),r=0;f>r;r+=1){for(h=p[r].lengths,a=m[r].c?h.length:h.length+1,i=1;a>i;i+=1)if(n=h[i-1],d+n.addedLength<e.s)d+=n.addedLength;else{if(d>e.e)break;e.s<=d&&e.e>=d+n.addedLength?this.addSegment(m[r].v[i-1],m[r].o[i-1],m[r].i[i],m[r].v[i],s,o):(l=bez.getNewSegment(m[r].v[i-1],m[r].v[i],m[r].o[i-1],m[r].i[i],(e.s-d)/n.addedLength,(e.e-d)/n.addedLength,h[i-1]),this.addSegment(l.pt1,l.pt3,l.pt4,l.pt2,s,o)),d+=n.addedLength,o+=1}if(m[r].c&&d<=e.e){var c=h[i-1].addedLength;e.s<=d&&e.e>=d+c?this.addSegment(m[r].v[i-1],m[r].o[i-1],m[r].i[0],m[r].v[0],s,o):(l=bez.getNewSegment(m[r].v[i-1],m[r].v[0],m[r].o[i-1],m[r].i[0],(e.s-d)/c,(e.e-d)/c,h[i-1]),this.addSegment(l.pt1,l.pt3,l.pt4,l.pt2,s,o))}}return s},ShapeModifiers.registerModifier("tm",TrimModifier),extendPrototype(ShapeModifier,RoundCornersModifier),RoundCornersModifier.prototype.processKeys=function(t){if(this.elem.globalData.frameId!==this.frameId||t){this.mdf=t?!0:!1,this.frameId=this.elem.globalData.frameId;var e,s=this.dynamicProperties.length;for(e=0;s>e;e+=1)this.dynamicProperties[e].getValue(),this.dynamicProperties[e].mdf&&(this.mdf=!0)}},RoundCornersModifier.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.rd=PropertyFactory.getProp(t,e.r,0,null,this.dynamicProperties),this.dynamicProperties.length||this.getValue(!0)},RoundCornersModifier.prototype.processPath=function(t,e){var s,r,i,a,n,o,h,l,p,m,f=t.v.length,d=[],c=[],u=[];for(s=0;f>s;s+=1)r=t.v[s],a=t.o[s],i=t.i[s],r[0]===a[0]&&r[1]===a[1]&&r[0]===i[0]&&r[1]===i[1]?0!==s&&s!==f-1||t.c?(n=0===s?t.v[f-1]:t.v[s-1],p=Math.sqrt(Math.pow(r[0]-n[0],2)+Math.pow(r[1]-n[1],2)),m=p?Math.min(p/2,e)/p:0,o=[r[0]+(n[0]-r[0])*m,r[1]-(r[1]-n[1])*m],l=o,h=[o[0]-(o[0]-r[0])*roundCorner,o[1]-(o[1]-r[1])*roundCorner],d.push(o),c.push(h),u.push(l),n=s===f-1?t.v[0]:t.v[s+1],p=Math.sqrt(Math.pow(r[0]-n[0],2)+Math.pow(r[1]-n[1],2)),m=p?Math.min(p/2,e)/p:0,o=[r[0]+(n[0]-r[0])*m,r[1]+(n[1]-r[1])*m],l=[o[0]-(o[0]-r[0])*roundCorner,o[1]-(o[1]-r[1])*roundCorner],h=o,d.push(o),c.push(h),u.push(l)):(d.push(r),c.push(a),u.push(i)):(d.push(t.v[s]),c.push(t.o[s]),u.push(t.i[s]));return{v:d,o:c,i:u,c:t.c}},RoundCornersModifier.prototype.processShapes=function(){var t,e,s,r,i=this.shapes.length,a=this.rd.v;if(0!==a){var n,o=[];for(e=0;i>e;e+=1)if(n=this.shapes[e],n.shape.mdf||this.mdf){for(n.shape.mdf=!0,t=n.shape.paths,r=t.length,s=0;r>s;s+=1)o.push(this.processPath(t[s],a));n.shape.paths=o,n.last=o}else n.shape.paths=n.last}this.dynamicProperties.length||(this.mdf=!1)},ShapeModifiers.registerModifier("rd",RoundCornersModifier);var ImagePreloader=function(){function t(){this.loadedAssets+=1,this.loadedAssets===this.totalImages}function e(t){var e="";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}function s(e){var s=document.createElement("img");s.addEventListener("load",t.bind(this),!1),s.addEventListener("error",t.bind(this),!1),s.src=e}function r(t){this.totalAssets=t.length;var r;for(r=0;r<this.totalAssets;r+=1)t[r].layers||(s.bind(this)(e.bind(this)(t[r])),this.totalImages+=1)}function i(t){this.path=t||""}function a(t){this.assetsPath=t||""}return function(){this.loadAssets=r,this.setAssetsPath=a,this.setPath=i,this.assetsPath="",this.path="",this.totalAssets=0,this.totalImages=0,this.loadedAssets=0}}();BaseRenderer.prototype.checkLayers=function(t){var e,s,r=this.layers.length;for(this.completeLayers=!0,e=r-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:!1},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 4:return this.createShape(t);case 5:return this.createText(t);case 99:return null}return this.createBase(t)},BaseRenderer.prototype.buildAllItems=function(){var t,e=this.layers.length;for(t=0;e>t;t+=1)this.buildItem(t)},BaseRenderer.prototype.includeLayers=function(t){this.completeLayers=!1;var e,s,r=t.length,i=this.layers.length;for(e=0;r>e;e+=1)for(s=0;i>s;){if(this.layers[s].id==t[e].id){this.layers[s]=t[e];break}s+=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){for(var s=this.elements,r=this.layers,i=0,a=r.length;a>i;)r[i].ind==e&&(s[i]||this.buildItem(i),t.getHierarchy().push(s[i]),void 0!==r[i].parent&&this.buildElementParenting(t,r[i].parent)),i+=1},extendPrototype(BaseRenderer,SVGRenderer),SVGRenderer.prototype.createBase=function(t){return new SVGBaseElement(t,this.layerElement,this.globalData,this)},SVGRenderer.prototype.createShape=function(t){return new IShapeElement(t,this.layerElement,this.globalData,this)},SVGRenderer.prototype.createText=function(t){return new SVGTextElement(t,this.layerElement,this.globalData,this)},SVGRenderer.prototype.createImage=function(t){return new IImageElement(t,this.layerElement,this.globalData,this)},SVGRenderer.prototype.createComp=function(t){return new ICompElement(t,this.layerElement,this.globalData,this)},SVGRenderer.prototype.createSolid=function(t){return new ISolidElement(t,this.layerElement,this.globalData,this)},SVGRenderer.prototype.configAnimation=function(t){this.layerElement=document.createElementNS(svgNS,"svg"),this.layerElement.setAttribute("xmlns","http://www.w3.org/2000/svg"),this.layerElement.setAttribute("width",t.w),this.layerElement.setAttribute("height",t.h),this.layerElement.setAttribute("viewBox","0 0 "+t.w+" "+t.h),this.layerElement.setAttribute("preserveAspectRatio",this.renderConfig.preserveAspectRatio),this.layerElement.style.width="100%",this.layerElement.style.height="100%",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.layerElement);var e=document.createElementNS(svgNS,"defs");this.globalData.defs=e,this.layerElement.appendChild(e),this.globalData.getAssetData=this.animationItem.getAssetData.bind(this.animationItem),this.globalData.getAssetsPath=this.animationItem.getAssetsPath.bind(this.animationItem),this.globalData.progressiveLoad=this.renderConfig.progressiveLoad,this.globalData.frameId=0,this.globalData.compSize={w:t.w,h:t.h},this.globalData.frameRate=t.fr;var s=document.createElementNS(svgNS,"clipPath"),r=document.createElementNS(svgNS,"rect");r.setAttribute("width",t.w),r.setAttribute("height",t.h),r.setAttribute("x",0),r.setAttribute("y",0);var i="animationMask_"+randomString(10);s.setAttribute("id",i),s.appendChild(r);var a=document.createElementNS(svgNS,"g");a.setAttribute("clip-path","url(#"+i+")"),this.layerElement.appendChild(a),e.appendChild(s),this.layerElement=a,this.layers=t.layers,this.globalData.fontManager=new FontManager,this.globalData.fontManager.addChars(t.chars),this.globalData.fontManager.addFonts(t.fonts,e),this.elements=Array.apply(null,{length: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;e>t;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){var s=this.createItem(this.layers[t]);e[t]=s,expressionsPlugin&&(0===this.layers[t].ty&&this.globalData.projectInterface.registerComposition(s),s.initExpressions()),this.appendElementInPos(s,t),this.layers[t].tt&&(this.buildItem(t-1),s.setMatte(e[t-1].layerId))}},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;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);for(e=s-1;e>=0;e--)(this.completeLayers||this.elements[e])&&this.elements[e].renderFrame()}},SVGRenderer.prototype.appendElementInPos=function(t,e){var s=t.getBaseElement();if(s){for(var r,i=0;e>i;)this.elements[i]&&this.elements[i].getBaseElement()&&(r=this.elements[i].getBaseElement()),i+=1;r?this.layerElement.insertBefore(s,r):this.layerElement.appendChild(s)}},SVGRenderer.prototype.hide=function(){this.layerElement.style.display="none"},SVGRenderer.prototype.show=function(){this.layerElement.style.display="block"},SVGRenderer.prototype.searchExtraCompositions=function(t){var e,s=t.length,r=document.createElementNS(svgNS,"g");for(e=0;s>e;e+=1)if(t[e].xt){var i=this.createComp(t[e],r,this.globalData.comp,null);i.initExpressions(),this.globalData.projectInterface.registerComposition(i)}},extendPrototype(BaseRenderer,CanvasRenderer),CanvasRenderer.prototype.createBase=function(t){return new CVBaseElement(t,this,this.globalData)},CanvasRenderer.prototype.createShape=function(t){return new CVShapeElement(t,this,this.globalData)},CanvasRenderer.prototype.createText=function(t){return new CVTextElement(t,this,this.globalData)},CanvasRenderer.prototype.createImage=function(t){return new CVImageElement(t,this,this.globalData)},CanvasRenderer.prototype.createComp=function(t){return new CVCompElement(t,this,this.globalData)},CanvasRenderer.prototype.createSolid=function(t){return new CVSolidElement(t,this,this.globalData)},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),this.transformMat.transform(this.contextData.cTr.props[0],this.contextData.cTr.props[1],this.contextData.cTr.props[2],this.contextData.cTr.props[3],this.contextData.cTr.props[4],this.contextData.cTr.props[5],this.contextData.cTr.props[6],this.contextData.cTr.props[7],this.contextData.cTr.props[8],this.contextData.cTr.props[9],this.contextData.cTr.props[10],this.contextData.cTr.props[11],this.contextData.cTr.props[12],this.contextData.cTr.props[13],this.contextData.cTr.props[14],this.contextData.cTr.props[15]),this.contextData.cTr.cloneFromProps(this.transformMat.props);var e=this.contextData.cTr.props;this.canvasContext.setTransform(e[0],e[1],e[4],e[5],e[12],e[13])}},CanvasRenderer.prototype.ctxOpacity=function(t){if(1!==t){if(!this.renderConfig.clearCanvas)return void(this.canvasContext.globalAlpha*=0>t?0:t);this.contextData.cO*=0>t?0:t,this.canvasContext.globalAlpha=this.contextData.cO}},CanvasRenderer.prototype.reset=function(){return this.renderConfig.clearCanvas?(this.contextData.cArrPos=0,this.contextData.cTr.reset(),void(this.contextData.cO=1)):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;(null===this.contextData.saved[this.contextData.cArrPos]||void 0===this.contextData.saved[this.contextData.cArrPos])&&(this.contextData.saved[this.contextData.cArrPos]=new Array(16));var s,r=this.contextData.saved[this.contextData.cArrPos];for(s=0;16>s;s+=1)r[s]=e[s];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.contextData.cArrPos-=1;var e,s=this.contextData.saved[this.contextData.cArrPos],r=this.contextData.cTr.props;for(e=0;16>e;e+=1)r[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.canvasContext.globalAlpha=s},CanvasRenderer.prototype.configAnimation=function(t){this.animationItem.wrapper?(this.animationItem.container=document.createElement("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.canvasContext=this.renderConfig.context,this.globalData.canvasContext=this.canvasContext,this.globalData.renderer=this,this.globalData.isDashed=!1,this.globalData.totalFrames=Math.floor(t.tf),this.globalData.compWidth=t.w,this.globalData.compHeight=t.h,this.globalData.frameRate=t.fr,this.globalData.frameId=0,this.globalData.compSize={w:t.w,h:t.h},this.globalData.progressiveLoad=this.renderConfig.progressiveLoad,this.layers=t.layers,this.transformCanvas={},this.transformCanvas.w=t.w,this.transformCanvas.h=t.h,this.globalData.fontManager=new FontManager,this.globalData.fontManager.addChars(t.chars),this.globalData.fontManager.addFonts(t.fonts,document.body),this.globalData.getAssetData=this.animationItem.getAssetData.bind(this.animationItem),this.globalData.getAssetsPath=this.animationItem.getAssetsPath.bind(this.animationItem),this.globalData.elementLoaded=this.animationItem.elementLoaded.bind(this.animationItem),this.globalData.addPendingElement=this.animationItem.addPendingElement.bind(this.animationItem),this.globalData.transformCanvas=this.transformCanvas,this.elements=Array.apply(null,{length:t.layers.length}),this.updateContainerSize()},CanvasRenderer.prototype.updateContainerSize=function(){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 s,r;if(-1!==this.renderConfig.preserveAspectRatio.indexOf("meet")||-1!==this.renderConfig.preserveAspectRatio.indexOf("slice")){var i=this.renderConfig.preserveAspectRatio.split(" "),a=i[1]||"meet",n=i[0]||"xMidYMid",o=n.substr(0,4),h=n.substr(4);s=t/e,r=this.transformCanvas.w/this.transformCanvas.h,r>s&&"meet"===a||s>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)),this.transformCanvas.tx="xMid"===o&&(s>r&&"meet"===a||r>s&&"slice"===a)?(t-this.transformCanvas.w*(e/this.transformCanvas.h))/2*this.renderConfig.dpr:"xMax"===o&&(s>r&&"meet"===a||r>s&&"slice"===a)?(t-this.transformCanvas.w*(e/this.transformCanvas.h))*this.renderConfig.dpr:0,this.transformCanvas.ty="YMid"===h&&(r>s&&"meet"===a||s>r&&"slice"===a)?(e-this.transformCanvas.h*(t/this.transformCanvas.w))/2*this.renderConfig.dpr:"YMax"===h&&(r>s&&"meet"===a||s>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.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];var l,p=this.elements.length;for(l=0;p>l;l+=1)this.elements[l]&&0===this.elements[l].data.ty&&this.elements[l].resize(this.globalData.transformCanvas)},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].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||null===t)){this.renderedFrame=t,this.globalData.frameNum=t-this.animationItem.firstFrame,this.globalData.frameId+=1,this.globalData.projectInterface.currentFrame=t,this.renderConfig.clearCanvas===!0?(this.reset(),this.canvasContext.save(),this.canvasContext.clearRect(this.transformCanvas.tx,this.transformCanvas.ty,this.transformCanvas.w*this.transformCanvas.sx,this.transformCanvas.h*this.transformCanvas.sy)):this.save(),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();var e,s=this.layers.length;for(this.completeLayers||this.checkLayers(t),e=0;s>e;e++)(this.completeLayers||this.elements[e])&&this.elements[e].prepareFrame(t-this.layers[e].st);for(e=s-1;e>=0;e-=1)(this.completeLayers||this.elements[e])&&this.elements[e].renderFrame();this.renderConfig.clearCanvas!==!0?this.restore():this.canvasContext.restore()}},CanvasRenderer.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,s.initExpressions(),0===this.layers[t].ty&&s.resize(this.globalData.transformCanvas)}},CanvasRenderer.prototype.hide=function(){this.animationItem.container.style.display="none"},CanvasRenderer.prototype.show=function(){this.animationItem.container.style.display="block"},CanvasRenderer.prototype.searchExtraCompositions=function(t){{var e,s=t.length;document.createElementNS(svgNS,"g")}for(e=0;s>e;e+=1)if(t[e].xt){var r=this.createComp(t[e],this.globalData.comp,this.globalData);r.initExpressions(),this.globalData.projectInterface.registerComposition(r)}},extendPrototype(BaseRenderer,HybridRenderer),HybridRenderer.prototype.buildItem=SVGRenderer.prototype.buildItem,HybridRenderer.prototype.appendElementInPos=function(t,e){var s=t.getBaseElement();if(s){var r=this.layers[e];if(r.ddd&&this.supports3d)this.addTo3dContainer(s,e);else{for(var i,a=0;e>a;)this.elements[a]&&this.elements[a].getBaseElement()&&(i=this.elements[a].getBaseElement()),a+=1;i?r.ddd&&this.supports3d||this.layerElement.insertBefore(s,i):r.ddd&&this.supports3d||this.layerElement.appendChild(s)}}},HybridRenderer.prototype.createBase=function(t){return new SVGBaseElement(t,this.layerElement,this.globalData,this)},HybridRenderer.prototype.createShape=function(t){return this.supports3d?new HShapeElement(t,this.layerElement,this.globalData,this):new IShapeElement(t,this.layerElement,this.globalData,this)},HybridRenderer.prototype.createText=function(t){return this.supports3d?new HTextElement(t,this.layerElement,this.globalData,this):new SVGTextElement(t,this.layerElement,this.globalData,this)},HybridRenderer.prototype.createCamera=function(t){return this.camera=new HCameraElement(t,this.layerElement,this.globalData,this),this.camera},HybridRenderer.prototype.createImage=function(t){return this.supports3d?new HImageElement(t,this.layerElement,this.globalData,this):new IImageElement(t,this.layerElement,this.globalData,this)},HybridRenderer.prototype.createComp=function(t){return this.supports3d?new HCompElement(t,this.layerElement,this.globalData,this):new ICompElement(t,this.layerElement,this.globalData,this)},HybridRenderer.prototype.createSolid=function(t){return this.supports3d?new HSolidElement(t,this.layerElement,this.globalData,this):new ISolidElement(t,this.layerElement,this.globalData,this)},HybridRenderer.prototype.getThreeDContainer=function(t){var e=document.createElement("div");styleDiv(e),e.style.width=this.globalData.compSize.w+"px",e.style.height=this.globalData.compSize.h+"px",e.style.transformOrigin=e.style.mozTransformOrigin=e.style.webkitTransformOrigin="50% 50%";var s=document.createElement("div");styleDiv(s),s.style.transform=s.style.webkitTransform="matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)",e.appendChild(s),this.resizerElem.appendChild(e);var r={container:s,perspectiveElem:e,startPos:t,endPos:t};return this.threeDElements.push(r),r},HybridRenderer.prototype.build3dContainers=function(){var t,e,s=this.layers.length;for(t=0;s>t;t+=1)this.layers[t].ddd?(e||(e=this.getThreeDContainer(t)),e.endPos=Math.max(e.endPos,t)):e=null},HybridRenderer.prototype.addTo3dContainer=function(t,e){for(var s=0,r=this.threeDElements.length;r>s;){if(e<=this.threeDElements[s].endPos){for(var i,a=this.threeDElements[s].startPos;e>a;)this.elements[a]&&this.elements[a].getBaseElement()&&(i=this.elements[a].getBaseElement()),a+=1;i?this.threeDElements[s].container.insertBefore(t,i):this.threeDElements[s].container.appendChild(t);break}s+=1}},HybridRenderer.prototype.configAnimation=function(t){var e=document.createElement("div"),s=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",s.appendChild(e),e.style.overflow="hidden";var r=document.createElementNS(svgNS,"svg");r.setAttribute("width","1"),r.setAttribute("height","1"),styleDiv(r),this.resizerElem.appendChild(r);var i=document.createElementNS(svgNS,"defs");r.appendChild(i),this.globalData.defs=i,this.globalData.getAssetData=this.animationItem.getAssetData.bind(this.animationItem),this.globalData.getAssetsPath=this.animationItem.getAssetsPath.bind(this.animationItem),this.globalData.elementLoaded=this.animationItem.elementLoaded.bind(this.animationItem),this.globalData.frameId=0,this.globalData.compSize={w:t.w,h:t.h},this.globalData.frameRate=t.fr,this.layers=t.layers,this.globalData.fontManager=new FontManager,this.globalData.fontManager.addChars(t.chars),this.globalData.fontManager.addFonts(t.fonts,r),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;e>t;t++)this.elements[t].destroy();this.elements.length=0,this.destroyed=!0,this.animationItem=null},HybridRenderer.prototype.updateContainerSize=function(){var t,e,s,r,i=this.animationItem.wrapper.offsetWidth,a=this.animationItem.wrapper.offsetHeight,n=i/a,o=this.globalData.compSize.w/this.globalData.compSize.h;o>n?(t=i/this.globalData.compSize.w,e=i/this.globalData.compSize.w,s=0,r=(a-this.globalData.compSize.h*(i/this.globalData.compSize.w))/2):(t=a/this.globalData.compSize.h,e=a/this.globalData.compSize.h,s=(i-this.globalData.compSize.w*(a/this.globalData.compSize.h))/2,r=0),this.resizerElem.style.transform=this.resizerElem.style.webkitTransform="matrix3d("+t+",0,0,0,0,"+e+",0,0,0,0,1,0,"+s+","+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,s=this.globalData.compSize.h,r=this.threeDElements.length;for(t=0;r>t;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"}},HybridRenderer.prototype.searchExtraCompositions=function(t){var e,s=t.length,r=document.createElement("div");for(e=0;s>e;e+=1)if(t[e].xt){var i=this.createComp(t[e],r,this.globalData.comp,null);i.initExpressions(),this.globalData.projectInterface.registerComposition(i)}},MaskElement.prototype.getMaskProperty=function(t){return this.viewData[t].prop},MaskElement.prototype.prepareFrame=function(){var t,e=this.dynamicProperties.length;for(t=0;e>t;t+=1)this.dynamicProperties[t].getValue()},MaskElement.prototype.renderFrame=function(t){var e,s=this.masksProperties.length;for(e=0;s>e;e++)if((this.viewData[e].prop.mdf||this.firstFrame)&&this.drawPath(this.masksProperties[e],this.viewData[e].prop.v,this.viewData[e]),"n"!==this.masksProperties[e].mode&&this.masksProperties[e].cl!==!1&&(this.viewData[e].invRect&&(this.element.finalTransform.mProp.mdf||this.firstFrame)&&(this.viewData[e].invRect.setAttribute("x",-t.props[12]),this.viewData[e].invRect.setAttribute("y",-t.props[13])),this.storedData[e].x&&(this.storedData[e].x.mdf||this.firstFrame))){var r=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(#"+this.storedData[e].filterId+")")),r.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))}this.firstFrame=!1},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,s){var r,i,a="";for(i=e.v.length,r=1;i>r;r+=1)1==r&&(a+=" M"+bm_rnd(e.v[0][0])+","+bm_rnd(e.v[0][1])),a+=" C"+bm_rnd(e.o[r-1][0])+","+bm_rnd(e.o[r-1][1])+" "+bm_rnd(e.i[r][0])+","+bm_rnd(e.i[r][1])+" "+bm_rnd(e.v[r][0])+","+bm_rnd(e.v[r][1]);t.cl&&(a+=" C"+bm_rnd(e.o[r-1][0])+","+bm_rnd(e.o[r-1][1])+" "+bm_rnd(e.i[0][0])+","+bm_rnd(e.i[0][1])+" "+bm_rnd(e.v[0][0])+","+bm_rnd(e.v[0][1])),s.lastPath!==a&&(s.elem&&(t.inv?s.elem.setAttribute("d",this.solidPath+a):s.elem.setAttribute("d",a)),s.lastPath=a)},MaskElement.prototype.getMask=function(t){for(var e=0,s=this.masksProperties.length;s>e;){if(this.masksProperties[e].nm===t)return{maskPath:this.viewData[e].prop.pv};e+=1}},MaskElement.prototype.destroy=function(){this.element=null,this.globalData=null,this.maskElement=null,this.data=null,this.paths=null,this.masksProperties=null},BaseElement.prototype.checkMasks=function(){if(!this.data.hasMask)return!1;for(var t=0,e=this.data.masksProperties.length;e>t;){if("n"!==this.data.masksProperties[t].mode&&this.data.masksProperties[t].cl!==!1)return!0;t+=1}return!1},BaseElement.prototype.checkParenting=function(){void 0!==this.data.parent&&this.comp.buildElementParenting(this,this.data.parent)},BaseElement.prototype.prepareFrame=function(t){this.data.ip-this.data.st<=t&&this.data.op-this.data.st>t?this.isVisible!==!0&&(this.elemMdf=!0,this.globalData.mdf=!0,this.isVisible=!0,this.firstFrame=!0,this.data.hasMask&&(this.maskManager.firstFrame=!0)):this.isVisible!==!1&&(this.elemMdf=!0,this.globalData.mdf=!0,this.isVisible=!1);var e,s=this.dynamicProperties.length;for(e=0;s>e;e+=1)this.dynamicProperties[e].getValue(),this.dynamicProperties[e].mdf&&(this.elemMdf=!0,this.globalData.mdf=!0);return this.data.hasMask&&this.maskManager.prepareFrame(t*this.data.sr),this.currentFrameNum=t*this.data.sr,this.isVisible},BaseElement.prototype.globalToLocal=function(t){var e=[];e.push(this.finalTransform);for(var s=!0,r=this.comp;s;)r.finalTransform?(r.data.hasMask&&e.splice(0,0,r.finalTransform),r=r.comp):s=!1;var i,a,n=e.length;for(i=0;n>i;i+=1)a=e[i].mat.applyToPointArray(0,0,0),t=[t[0]-a[0],t[1]-a[1],0];return t},BaseElement.prototype.initExpressions=function(){this.layerInterface=LayerExpressionInterface(this),this.data.hasMask&&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.createShapeInterface(this.shapesData,this.viewData,this.layerInterface))},BaseElement.prototype.setBlendMode=function(){var t="";switch(this.data.bm){case 1:t="multiply";break;case 2:t="screen";break;case 3:t="overlay";break;case 4:t="darken";break;case 5:t="lighten";break;case 6:t="color-dodge";break;case 7:t="color-burn";break;case 8:t="hard-light";break;case 9:t="soft-light";break;case 10:t="difference";break;case 11:t="exclusion";break;case 12:t="hue";break;case 13:t="saturation";break;case 14:t="color";break;case 15:t="luminosity"}this.layerElement.style["mix-blend-mode"]=t},BaseElement.prototype.init=function(){this.data.sr||(this.data.sr=1),this.dynamicProperties=[],this.data.ef&&(this.effects=new EffectsManager(this.data,this,this.dynamicProperties)),this.hidden=!1,this.firstFrame=!0,this.isVisible=!1,this.currentFrameNum=-99999,this.lastNum=-99999,this.data.ks&&(this.finalTransform={mProp:PropertyFactory.getProp(this,this.data.ks,2,null,this.dynamicProperties),matMdf:!1,opMdf:!1,mat:new Matrix,opacity:1},this.data.ao&&(this.finalTransform.mProp.autoOriented=!0),this.finalTransform.op=this.finalTransform.mProp.o,this.transform=this.finalTransform.mProp,11!==this.data.ty&&this.createElements(),this.data.hasMask&&this.addMasks(this.data)),this.elemMdf=!1},BaseElement.prototype.getType=function(){return this.type},BaseElement.prototype.resetHierarchy=function(){this.hierarchy?this.hierarchy.length=0:this.hierarchy=[]},BaseElement.prototype.getHierarchy=function(){return this.hierarchy||(this.hierarchy=[]),this.hierarchy},BaseElement.prototype.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}},BaseElement.prototype.hide=function(){},BaseElement.prototype.mHelper=new Matrix,createElement(BaseElement,SVGBaseElement),SVGBaseElement.prototype.createElements=function(){if(this.data.td){if(3==this.data.td)this.layerElement=document.createElementNS(svgNS,"mask"),this.layerElement.setAttribute("id",this.layerId),this.layerElement.setAttribute("mask-type","luminance"),this.globalData.defs.appendChild(this.layerElement);else if(2==this.data.td){var t=document.createElementNS(svgNS,"mask");t.setAttribute("id",this.layerId),t.setAttribute("mask-type","alpha");var e=document.createElementNS(svgNS,"g");t.appendChild(e),this.layerElement=document.createElementNS(svgNS,"g");var s=document.createElementNS(svgNS,"filter"),r=randomString(10);s.setAttribute("id",r),s.setAttribute("filterUnits","objectBoundingBox"),s.setAttribute("x","0%"),s.setAttribute("y","0%"),s.setAttribute("width","100%"),s.setAttribute("height","100%");var i=document.createElementNS(svgNS,"feComponentTransfer");i.setAttribute("in","SourceGraphic"),s.appendChild(i);var a=document.createElementNS(svgNS,"feFuncA");a.setAttribute("type","table"),a.setAttribute("tableValues","1.0 0.0"),i.appendChild(a),this.globalData.defs.appendChild(s);var n=document.createElementNS(svgNS,"rect");n.setAttribute("width",this.comp.data?this.comp.data.w:this.globalData.compSize.w),n.setAttribute("height",this.comp.data?this.comp.data.h:this.globalData.compSize.h),n.setAttribute("x","0"),n.setAttribute("y","0"),n.setAttribute("fill","#ffffff"),n.setAttribute("opacity","0"),e.setAttribute("filter","url(#"+r+")"),e.appendChild(n),e.appendChild(this.layerElement),
-this.globalData.defs.appendChild(t)}else{this.layerElement=document.createElementNS(svgNS,"g");var o=document.createElementNS(svgNS,"mask");o.setAttribute("id",this.layerId),o.setAttribute("mask-type","alpha"),o.appendChild(this.layerElement),this.globalData.defs.appendChild(o)}this.data.hasMask&&(this.maskedElement=this.layerElement)}else this.data.hasMask||this.data.tt?(this.layerElement=document.createElementNS(svgNS,"g"),this.data.tt?(this.matteElement=document.createElementNS(svgNS,"g"),this.matteElement.appendChild(this.layerElement),this.baseElement=this.matteElement):this.baseElement=this.layerElement,this.data.hasMask&&(this.maskedElement=this.layerElement)):(this.layerElement=document.createElementNS(svgNS,"g"),this.baseElement=this.layerElement);if(!this.data.ln&&!this.data.cl||4!==this.data.ty&&0!==this.data.ty||(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.checkMasks()){var h=document.createElementNS(svgNS,"clipPath"),l=document.createElementNS(svgNS,"path");l.setAttribute("d","M0,0 L"+this.data.w+",0 L"+this.data.w+","+this.data.h+" L0,"+this.data.h+"z");var p="cp_"+randomString(8);h.setAttribute("id",p),this.layerElement.setAttribute("clip-path","url(#"+p+")"),h.appendChild(l),this.globalData.defs.appendChild(h)}0!==this.data.bm&&this.setBlendMode(),this.layerElement!==this.parentContainer&&(this.placeholder=null),this.data.ef&&(this.effectsManager=new SVGEffects(this)),this.checkParenting()},SVGBaseElement.prototype.setBlendMode=BaseElement.prototype.setBlendMode,SVGBaseElement.prototype.renderFrame=function(t){if(3===this.data.ty||this.data.hd)return!1;if(!this.isVisible)return this.isVisible;this.lastNum=this.currentFrameNum,this.finalTransform.opMdf=this.finalTransform.op.mdf,this.finalTransform.matMdf=this.finalTransform.mProp.mdf,this.finalTransform.opacity=this.finalTransform.op.v,this.firstFrame&&(this.finalTransform.opMdf=!0,this.finalTransform.matMdf=!0);var e,s=this.finalTransform.mat;if(this.hierarchy){var r,i=this.hierarchy.length;for(e=this.finalTransform.mProp.v.props,s.cloneFromProps(e),r=0;i>r;r+=1)this.finalTransform.matMdf=this.hierarchy[r].finalTransform.mProp.mdf?!0:this.finalTransform.matMdf,e=this.hierarchy[r].finalTransform.mProp.v.props,s.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])}else this.isVisible&&s.cloneFromProps(this.finalTransform.mProp.v.props);return t&&(e=t.mat.props,s.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.finalTransform.opacity*=t.opacity,this.finalTransform.opMdf=t.opMdf?!0:this.finalTransform.opMdf,this.finalTransform.matMdf=t.matMdf?!0:this.finalTransform.matMdf),this.finalTransform.matMdf&&this.layerElement&&this.layerElement.setAttribute("transform",s.to2dCSS()),this.finalTransform.opMdf&&this.layerElement&&this.layerElement.setAttribute("opacity",this.finalTransform.opacity),this.data.hasMask&&this.maskManager.renderFrame(s),this.effectsManager&&this.effectsManager.renderFrame(this.firstFrame),this.isVisible},SVGBaseElement.prototype.destroy=function(){this.layerElement=null,this.parentContainer=null,this.matteElement&&(this.matteElement=null),this.maskManager&&this.maskManager.destroy()},SVGBaseElement.prototype.getBaseElement=function(){return this.baseElement},SVGBaseElement.prototype.addMasks=function(t){this.maskManager=new MaskElement(t,this,this.globalData)},SVGBaseElement.prototype.setMatte=function(t){this.matteElement&&this.matteElement.setAttribute("mask","url(#"+t+")")},SVGBaseElement.prototype.setMatte=function(t){this.matteElement&&this.matteElement.setAttribute("mask","url(#"+t+")")},SVGBaseElement.prototype.hide=function(){},ITextElement.prototype.init=function(){this._parent.init.call(this),this.lettersChangedFlag=!1;var t=this.data;this.renderedLetters=Array.apply(null,{length:t.t.d.l?t.t.d.l.length:0}),this.viewData={m:{a:PropertyFactory.getProp(this,t.t.m.a,1,0,this.dynamicProperties)}};var e=this.data.t;if(e.a.length){this.viewData.a=Array.apply(null,{length:e.a.length});var s,r,i,a=e.a.length;for(s=0;a>s;s+=1)i=e.a[s],r={a:{},s:{}},"r"in i.a&&(r.a.r=PropertyFactory.getProp(this,i.a.r,0,degToRads,this.dynamicProperties)),"rx"in i.a&&(r.a.rx=PropertyFactory.getProp(this,i.a.rx,0,degToRads,this.dynamicProperties)),"ry"in i.a&&(r.a.ry=PropertyFactory.getProp(this,i.a.ry,0,degToRads,this.dynamicProperties)),"sk"in i.a&&(r.a.sk=PropertyFactory.getProp(this,i.a.sk,0,degToRads,this.dynamicProperties)),"sa"in i.a&&(r.a.sa=PropertyFactory.getProp(this,i.a.sa,0,degToRads,this.dynamicProperties)),"s"in i.a&&(r.a.s=PropertyFactory.getProp(this,i.a.s,1,.01,this.dynamicProperties)),"a"in i.a&&(r.a.a=PropertyFactory.getProp(this,i.a.a,1,0,this.dynamicProperties)),"o"in i.a&&(r.a.o=PropertyFactory.getProp(this,i.a.o,0,.01,this.dynamicProperties)),"p"in i.a&&(r.a.p=PropertyFactory.getProp(this,i.a.p,1,0,this.dynamicProperties)),"sw"in i.a&&(r.a.sw=PropertyFactory.getProp(this,i.a.sw,0,0,this.dynamicProperties)),"sc"in i.a&&(r.a.sc=PropertyFactory.getProp(this,i.a.sc,1,0,this.dynamicProperties)),"fc"in i.a&&(r.a.fc=PropertyFactory.getProp(this,i.a.fc,1,0,this.dynamicProperties)),"fh"in i.a&&(r.a.fh=PropertyFactory.getProp(this,i.a.fh,0,0,this.dynamicProperties)),"fs"in i.a&&(r.a.fs=PropertyFactory.getProp(this,i.a.fs,0,.01,this.dynamicProperties)),"fb"in i.a&&(r.a.fb=PropertyFactory.getProp(this,i.a.fb,0,.01,this.dynamicProperties)),"t"in i.a&&(r.a.t=PropertyFactory.getProp(this,i.a.t,0,0,this.dynamicProperties)),r.s=PropertyFactory.getTextSelectorProp(this,i.s,this.dynamicProperties),r.s.t=i.s.t,this.viewData.a[s]=r}else this.viewData.a=[];e.p&&"m"in e.p?(this.viewData.p={f:PropertyFactory.getProp(this,e.p.f,0,0,this.dynamicProperties),l:PropertyFactory.getProp(this,e.p.l,0,0,this.dynamicProperties),r:e.p.r,m:this.maskManager.getMaskProperty(e.p.m)},this.maskPath=!0):this.maskPath=!1},ITextElement.prototype.createPathShape=function(t,e){var s,r,i,a,n=e.length,o="";for(s=0;n>s;s+=1){for(i=e[s].ks.k.i.length,a=e[s].ks.k,r=1;i>r;r+=1)1==r&&(o+=" M"+t.applyToPointStringified(a.v[0][0],a.v[0][1])),o+=" C"+t.applyToPointStringified(a.o[r-1][0],a.o[r-1][1])+" "+t.applyToPointStringified(a.i[r][0],a.i[r][1])+" "+t.applyToPointStringified(a.v[r][0],a.v[r][1]);o+=" C"+t.applyToPointStringified(a.o[r-1][0],a.o[r-1][1])+" "+t.applyToPointStringified(a.i[0][0],a.i[0][1])+" "+t.applyToPointStringified(a.v[0][0],a.v[0][1]),o+="z"}return o},ITextElement.prototype.getMeasures=function(){var t,e,s,r,i=this.mHelper,a=this.renderType,n=this.data,o=n.t.d,h=o.l;if(this.maskPath){var l=this.viewData.p.m;if(!this.viewData.p.n||this.viewData.p.mdf){var p=l.v;this.viewData.p.r&&(p=reversePath(p,l.closed));var m={tLength:0,segments:[]};r=p.v.length-1;var f,d=0;for(s=0;r>s;s+=1)f={s:p.v[s],e:p.v[s+1],to:[p.o[s][0]-p.v[s][0],p.o[s][1]-p.v[s][1]],ti:[p.i[s+1][0]-p.v[s+1][0],p.i[s+1][1]-p.v[s+1][1]]},bez.buildBezierData(f),m.tLength+=f.bezierData.segmentLength,m.segments.push(f),d+=f.bezierData.segmentLength;s=r,l.closed&&(f={s:p.v[s],e:p.v[0],to:[p.o[s][0]-p.v[s][0],p.o[s][1]-p.v[s][1]],ti:[p.i[0][0]-p.v[0][0],p.i[0][1]-p.v[0][1]]},bez.buildBezierData(f),m.tLength+=f.bezierData.segmentLength,m.segments.push(f),d+=f.bezierData.segmentLength),this.viewData.p.pi=m}var c,u,y,m=this.viewData.p.pi,g=this.viewData.p.f.v,v=0,b=1,E=0,P=!0,k=m.segments;if(0>g&&l.closed)for(m.tLength<Math.abs(g)&&(g=-Math.abs(g)%m.tLength),v=k.length-1,y=k[v].bezierData.points,b=y.length-1;0>g;)g+=y[b].partialLength,b-=1,0>b&&(v-=1,y=k[v].bezierData.points,b=y.length-1);y=k[v].bezierData.points,u=y[b-1],c=y[b];var S,x,C=c.partialLength}r=h.length,t=0,e=0;var M,D,A,w,T,I=1.2*n.t.d.s*.714,F=!0,V=this.viewData,B=Array.apply(null,{length:r});this.lettersChangedFlag=!1,w=V.a.length;var R,_,N,L,z,O,G,H,j,W,q,X,Y,U,Z,J,K=-1,$=g,Q=v,tt=b,et=-1,st=0;for(s=0;r>s;s+=1)if(i.reset(),O=1,h[s].n)t=0,e+=o.yOffset,e+=F?1:0,g=$,F=!1,st=0,this.maskPath&&(v=Q,b=tt,y=k[v].bezierData.points,u=y[b-1],c=y[b],C=c.partialLength,E=0),B[s]=this.emptyProp;else{if(this.maskPath){if(et!==h[s].line){switch(o.j){case 1:g+=d-o.lineWidths[h[s].line];break;case 2:g+=(d-o.lineWidths[h[s].line])/2}et=h[s].line}K!==h[s].ind&&(h[K]&&(g+=h[K].extra),g+=h[s].an/2,K=h[s].ind),g+=V.m.a.v[0]*h[s].an/200;var rt=0;for(A=0;w>A;A+=1)M=V.a[A].a,"p"in M&&(D=V.a[A].s,_=D.getMult(h[s].anIndexes[A],n.t.a[A].s.totalChars),rt+=_.length?M.p.v[0]*_[0]:M.p.v[0]*_);for(P=!0;P;)E+C>=g+rt||!y?(S=(g+rt-E)/c.partialLength,L=u.point[0]+(c.point[0]-u.point[0])*S,z=u.point[1]+(c.point[1]-u.point[1])*S,i.translate(0,-(V.m.a.v[1]*I/100)+e),P=!1):y&&(E+=c.partialLength,b+=1,b>=y.length&&(b=0,v+=1,k[v]?y=k[v].bezierData.points:l.closed?(b=0,v=0,y=k[v].bezierData.points):(E-=c.partialLength,y=null)),y&&(u=c,c=y[b],C=c.partialLength));N=h[s].an/2-h[s].add,i.translate(-N,0,0)}else N=h[s].an/2-h[s].add,i.translate(-N,0,0),i.translate(-V.m.a.v[0]*h[s].an/200,-V.m.a.v[1]*I/100,0);for(st+=h[s].l/2,A=0;w>A;A+=1)M=V.a[A].a,"t"in M&&(D=V.a[A].s,_=D.getMult(h[s].anIndexes[A],n.t.a[A].s.totalChars),this.maskPath?g+=_.length?M.t*_[0]:M.t*_:t+=_.length?M.t.v*_[0]:M.t.v*_);for(st+=h[s].l/2,o.strokeWidthAnim&&(H=n.t.d.sw||0),o.strokeColorAnim&&(G=n.t.d.sc?[n.t.d.sc[0],n.t.d.sc[1],n.t.d.sc[2]]:[0,0,0]),o.fillColorAnim&&(j=[n.t.d.fc[0],n.t.d.fc[1],n.t.d.fc[2]]),A=0;w>A;A+=1)M=V.a[A].a,"a"in M&&(D=V.a[A].s,_=D.getMult(h[s].anIndexes[A],n.t.a[A].s.totalChars),_.length?i.translate(-M.a.v[0]*_[0],-M.a.v[1]*_[1],M.a.v[2]*_[2]):i.translate(-M.a.v[0]*_,-M.a.v[1]*_,M.a.v[2]*_));for(A=0;w>A;A+=1)M=V.a[A].a,"s"in M&&(D=V.a[A].s,_=D.getMult(h[s].anIndexes[A],n.t.a[A].s.totalChars),_.length?i.scale(1+(M.s.v[0]-1)*_[0],1+(M.s.v[1]-1)*_[1],1):i.scale(1+(M.s.v[0]-1)*_,1+(M.s.v[1]-1)*_,1));for(A=0;w>A;A+=1){if(M=V.a[A].a,D=V.a[A].s,_=D.getMult(h[s].anIndexes[A],n.t.a[A].s.totalChars),"sk"in M&&(_.length?i.skewFromAxis(-M.sk.v*_[0],M.sa.v*_[1]):i.skewFromAxis(-M.sk.v*_,M.sa.v*_)),"r"in M&&i.rotateZ(_.length?-M.r.v*_[2]:-M.r.v*_),"ry"in M&&i.rotateY(_.length?M.ry.v*_[1]:M.ry.v*_),"rx"in M&&i.rotateX(_.length?M.rx.v*_[0]:M.rx.v*_),"o"in M&&(O+=_.length?(M.o.v*_[0]-O)*_[0]:(M.o.v*_-O)*_),o.strokeWidthAnim&&"sw"in M&&(H+=_.length?M.sw.v*_[0]:M.sw.v*_),o.strokeColorAnim&&"sc"in M)for(W=0;3>W;W+=1)G[W]=Math.round(_.length?255*(G[W]+(M.sc.v[W]-G[W])*_[0]):255*(G[W]+(M.sc.v[W]-G[W])*_));if(o.fillColorAnim){if("fc"in M)for(W=0;3>W;W+=1)j[W]=_.length?j[W]+(M.fc.v[W]-j[W])*_[0]:j[W]+(M.fc.v[W]-j[W])*_;"fh"in M&&(j=_.length?addHueToRGB(j,M.fh.v*_[0]):addHueToRGB(j,M.fh.v*_)),"fs"in M&&(j=_.length?addSaturationToRGB(j,M.fs.v*_[0]):addSaturationToRGB(j,M.fs.v*_)),"fb"in M&&(j=_.length?addBrightnessToRGB(j,M.fb.v*_[0]):addBrightnessToRGB(j,M.fb.v*_))}}for(A=0;w>A;A+=1)M=V.a[A].a,"p"in M&&(D=V.a[A].s,_=D.getMult(h[s].anIndexes[A],n.t.a[A].s.totalChars),this.maskPath?_.length?i.translate(0,M.p.v[1]*_[0],-M.p.v[2]*_[1]):i.translate(0,M.p.v[1]*_,-M.p.v[2]*_):_.length?i.translate(M.p.v[0]*_[0],M.p.v[1]*_[1],-M.p.v[2]*_[2]):i.translate(M.p.v[0]*_,M.p.v[1]*_,-M.p.v[2]*_));if(o.strokeWidthAnim&&(q=0>H?0:H),o.strokeColorAnim&&(X="rgb("+Math.round(255*G[0])+","+Math.round(255*G[1])+","+Math.round(255*G[2])+")"),o.fillColorAnim&&(Y="rgb("+Math.round(255*j[0])+","+Math.round(255*j[1])+","+Math.round(255*j[2])+")"),this.maskPath){if(n.t.p.p){x=(c.point[1]-u.point[1])/(c.point[0]-u.point[0]);var it=180*Math.atan(x)/Math.PI;c.point[0]<u.point[0]&&(it+=180),i.rotate(-it*Math.PI/180)}i.translate(L,z,0),i.translate(V.m.a.v[0]*h[s].an/200,V.m.a.v[1]*I/100,0),g-=V.m.a.v[0]*h[s].an/200,h[s+1]&&K!==h[s+1].ind&&(g+=h[s].an/2,g+=o.tr/1e3*n.t.d.s)}else{switch(i.translate(t,e,0),o.ps&&i.translate(o.ps[0],o.ps[1]+o.ascent,0),o.j){case 1:i.translate(o.justifyOffset+(o.boxWidth-o.lineWidths[h[s].line]),0,0);break;case 2:i.translate(o.justifyOffset+(o.boxWidth-o.lineWidths[h[s].line])/2,0,0)}i.translate(N,0,0),i.translate(V.m.a.v[0]*h[s].an/200,V.m.a.v[1]*I/100,0),t+=h[s].l+o.tr/1e3*n.t.d.s}"html"===a?U=i.toCSS():"svg"===a?U=i.to2dCSS():Z=[i.props[0],i.props[1],i.props[2],i.props[3],i.props[4],i.props[5],i.props[6],i.props[7],i.props[8],i.props[9],i.props[10],i.props[11],i.props[12],i.props[13],i.props[14],i.props[15]],J=O,R=this.renderedLetters[s],!R||R.o===J&&R.sw===q&&R.sc===X&&R.fc===Y?"svg"!==a&&"html"!==a||R&&R.m===U?"canvas"!==a||R&&R.props[0]===Z[0]&&R.props[1]===Z[1]&&R.props[4]===Z[4]&&R.props[5]===Z[5]&&R.props[12]===Z[12]&&R.props[13]===Z[13]?T=R:(this.lettersChangedFlag=!0,T=new LetterProps(J,q,X,Y,null,Z)):(this.lettersChangedFlag=!0,T=new LetterProps(J,q,X,Y,U)):(this.lettersChangedFlag=!0,T=new LetterProps(J,q,X,Y,U,Z)),this.renderedLetters[s]=T}},ITextElement.prototype.emptyProp=new LetterProps,createElement(SVGBaseElement,SVGTextElement),SVGTextElement.prototype.init=ITextElement.prototype.init,SVGTextElement.prototype.createPathShape=ITextElement.prototype.createPathShape,SVGTextElement.prototype.getMeasures=ITextElement.prototype.getMeasures,SVGTextElement.prototype.createElements=function(){this._parent.createElements.call(this);var t=this.data.t.d;t.fc?this.layerElement.setAttribute("fill","rgb("+Math.round(255*t.fc[0])+","+Math.round(255*t.fc[1])+","+Math.round(255*t.fc[2])+")"):this.layerElement.setAttribute("fill","rgba(0,0,0,0)"),t.sc&&(this.layerElement.setAttribute("stroke","rgb("+Math.round(255*t.sc[0])+","+Math.round(255*t.sc[1])+","+Math.round(255*t.sc[2])+")"),this.layerElement.setAttribute("stroke-width",t.sw)),this.layerElement.setAttribute("font-size",t.s);var e=this.globalData.fontManager.getFontByName(t.f);if(e.fClass)this.layerElement.setAttribute("class",e.fClass);else{this.layerElement.setAttribute("font-family",e.fFamily);var s=t.fWeight,r=t.fStyle;this.layerElement.setAttribute("font-style",r),this.layerElement.setAttribute("font-weight",s)}var i,a,n=t.l||[];if(a=n.length){var o,h,l=this.mHelper,p="",m=this.data.singleShape;if(m)var f=0,d=0,c=t.lineWidths,u=t.boxWidth,y=!0;for(i=0;a>i;i+=1){if(this.globalData.fontManager.chars?m&&0!==i||(o=document.createElementNS(svgNS,"path")):o=document.createElementNS(svgNS,"text"),o.setAttribute("stroke-linecap","butt"),o.setAttribute("stroke-linejoin","round"),o.setAttribute("stroke-miterlimit","4"),m&&n[i].n&&(f=0,d+=t.yOffset,d+=y?1:0,y=!1),l.reset(),this.globalData.fontManager.chars&&l.scale(t.s/100,t.s/100),m){switch(t.ps&&l.translate(t.ps[0],t.ps[1]+t.ascent,0),t.j){case 1:l.translate(t.justifyOffset+(u-c[n[i].line]),0,0);break;case 2:l.translate(t.justifyOffset+(u-c[n[i].line])/2,0,0)}l.translate(f,d,0)}if(this.globalData.fontManager.chars){var g,v=this.globalData.fontManager.getCharData(t.t.charAt(i),e.fStyle,this.globalData.fontManager.getFontByName(t.f).fFamily);g=v?v.data:null,g&&g.shapes&&(h=g.shapes[0].it,m||(p=""),p+=this.createPathShape(l,h),m||o.setAttribute("d",p)),m||this.layerElement.appendChild(o)}else o.textContent=n[i].val,o.setAttributeNS("http://www.w3.org/XML/1998/namespace","xml:space","preserve"),this.layerElement.appendChild(o),m&&o.setAttribute("transform",l.to2dCSS());m&&(f+=n[i].l),this.textSpans.push(o)}this.data.ln&&this.layerElement.setAttribute("id",this.data.ln),this.data.cl&&this.layerElement.setAttribute("class",this.data.cl),m&&this.globalData.fontManager.chars&&(o.setAttribute("d",p),this.layerElement.appendChild(o))}},SVGTextElement.prototype.hide=function(){this.hidden||(this.layerElement.style.display="none",this.hidden=!0)},SVGTextElement.prototype.renderFrame=function(t){var e=this._parent.renderFrame.call(this,t);if(e===!1)return void this.hide();if(this.hidden&&(this.hidden=!1,this.layerElement.style.display="block"),!this.data.singleShape&&(this.getMeasures(),this.lettersChangedFlag)){var s,r,i=this.renderedLetters,a=this.data.t.d.l;r=a.length;var n;for(s=0;r>s;s+=1)a[s].n||(n=i[s],this.textSpans[s].setAttribute("transform",n.m),this.textSpans[s].setAttribute("opacity",n.o),n.sw&&this.textSpans[s].setAttribute("stroke-width",n.sw),n.sc&&this.textSpans[s].setAttribute("stroke",n.sc),n.fc&&this.textSpans[s].setAttribute("fill",n.fc));this.firstFrame&&(this.firstFrame=!1)}},SVGTextElement.prototype.destroy=function(){this._parent.destroy.call()},SVGEffects.prototype.renderFrame=function(t){var e,s=this.filters.length;for(e=0;s>e;e+=1)this.filters[e].renderFrame(t)},SVGTintFilter.prototype.renderFrame=function(t){if(t||this.filterManager.mdf){var e=this.filterManager.effectElements[0].p.v,s=this.filterManager.effectElements[1].p.v,r=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 "+r+" 0")}},SVGFillFilter.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")}},SVGStrokeEffect.prototype.initialize=function(){var t=this.elem.layerElement.children||this.elem.layerElement.childNodes,e=document.createElementNS(svgNS,"mask"),s="stms_"+randomString(10);e.setAttribute("id",s),e.setAttribute("mask-type","alpha");var r=document.createElementNS(svgNS,"path");r.setAttribute("fill","none"),r.setAttribute("stroke-linecap","round"),r.setAttribute("stroke-dashoffset",1),e.appendChild(r),this.elem.globalData.defs.appendChild(e);var i=document.createElementNS(svgNS,"g");i.setAttribute("mask","url(#"+s+")"),i.appendChild(t[0]),this.elem.layerElement.appendChild(i),this.initialized=!0,this.masker=e,this.pathMasker=r,r.setAttribute("stroke","#fff")},SVGStrokeEffect.prototype.renderFrame=function(t){this.initialized||this.initialize();var e=this.elem.maskManager.viewData[Math.max(this.filterManager.effectElements[0].p.v,1)-1];if((t||this.filterManager.mdf||e.prop.mdf)&&this.pathMasker.setAttribute("d",e.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||e.prop.mdf){var s;if(0!==this.filterManager.effectElements[7].p.v||100!==this.filterManager.effectElements[8].p.v){var r=Math.min(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v)/100,i=Math.max(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v)/100,a=e.elem.getTotalLength();s="0 0 0 "+a*r+" ";var n,o=a*(i-r),h=1+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v/100,l=Math.floor(o/h);for(n=0;l>n;n+=1)s+="1 "+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v/100+" ";s+="0 "+10*a+" 0 0"}else s="1 "+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v/100;this.pathMasker.setAttribute("stroke-width",2*this.filterManager.effectElements[4].p.v),this.pathMasker.setAttribute("stroke-dasharray",s)}(t||this.filterManager.effectElements[6].p.mdf)&&this.pathMasker.setAttribute("opacity",this.filterManager.effectElements[6].p.v)},createElement(SVGBaseElement,ICompElement),ICompElement.prototype.hide=function(){if(!this.hidden){var t,e=this.elements.length;for(t=0;e>t;t+=1)this.elements[t]&&this.elements[t].hide();this.hidden=!0}},ICompElement.prototype.prepareFrame=function(t){if(this._parent.prepareFrame.call(this,t),this.isVisible!==!1||this.data.xt){var e=t;this.tm&&(e=this.tm.v,e===this.data.op&&(e=this.data.op-1)),this.renderedFrame=e/this.data.sr;var s,r=this.elements.length;for(this.completeLayers||this.checkLayers(this.renderedFrame),s=0;r>s;s+=1)(this.completeLayers||this.elements[s])&&this.elements[s].prepareFrame(e/this.data.sr-this.layers[s].st)}},ICompElement.prototype.renderFrame=function(t){var e,s=this._parent.renderFrame.call(this,t),r=this.layers.length;if(s===!1)return void this.hide();for(this.hidden=!1,e=0;r>e;e+=1)(this.completeLayers||this.elements[e])&&this.elements[e].renderFrame();this.firstFrame&&(this.firstFrame=!1)},ICompElement.prototype.setElements=function(t){this.elements=t},ICompElement.prototype.getElements=function(){return this.elements},ICompElement.prototype.destroy=function(){this._parent.destroy.call();var t,e=this.layers.length;for(t=0;e>t;t+=1)this.elements[t]&&this.elements[t].destroy()},ICompElement.prototype.checkLayers=SVGRenderer.prototype.checkLayers,ICompElement.prototype.buildItem=SVGRenderer.prototype.buildItem,ICompElement.prototype.buildAllItems=SVGRenderer.prototype.buildAllItems,ICompElement.prototype.buildElementParenting=SVGRenderer.prototype.buildElementParenting,ICompElement.prototype.createItem=SVGRenderer.prototype.createItem,ICompElement.prototype.createImage=SVGRenderer.prototype.createImage,ICompElement.prototype.createComp=SVGRenderer.prototype.createComp,ICompElement.prototype.createSolid=SVGRenderer.prototype.createSolid,ICompElement.prototype.createShape=SVGRenderer.prototype.createShape,ICompElement.prototype.createText=SVGRenderer.prototype.createText,ICompElement.prototype.createBase=SVGRenderer.prototype.createBase,ICompElement.prototype.appendElementInPos=SVGRenderer.prototype.appendElementInPos,createElement(SVGBaseElement,IImageElement),IImageElement.prototype.createElements=function(){var t=this.globalData.getAssetsPath(this.assetData);this._parent.createElements.call(this),this.innerElem=document.createElementNS(svgNS,"image"),this.innerElem.setAttribute("width",this.assetData.w+"px"),this.innerElem.setAttribute("height",this.assetData.h+"px"),this.innerElem.setAttribute("preserveAspectRatio","xMidYMid slice"),this.innerElem.setAttributeNS("http://www.w3.org/1999/xlink","href",t),this.maskedElement=this.innerElem,this.layerElement.appendChild(this.innerElem),this.data.ln&&this.innerElem.setAttribute("id",this.data.ln),this.data.cl&&this.innerElem.setAttribute("class",this.data.cl)},IImageElement.prototype.hide=function(){this.hidden||(this.innerElem.style.display="none",this.hidden=!0)},IImageElement.prototype.renderFrame=function(t){var e=this._parent.renderFrame.call(this,t);return e===!1?void this.hide():(this.hidden&&(this.hidden=!1,this.innerElem.style.display="block"),void(this.firstFrame&&(this.firstFrame=!1)))},IImageElement.prototype.destroy=function(){this._parent.destroy.call(),this.innerElem=null},createElement(SVGBaseElement,IShapeElement),IShapeElement.prototype.lcEnum={1:"butt",2:"round",3:"butt"},IShapeElement.prototype.ljEnum={1:"miter",2:"round",3:"butt"},IShapeElement.prototype.buildExpressionInterface=function(){},IShapeElement.prototype.createElements=function(){this._parent.createElements.call(this),this.searchShapes(this.shapesData,this.viewData,this.layerElement,this.dynamicProperties,0),(!this.data.hd||this.data.td)&&styleUnselectableDiv(this.layerElement)},IShapeElement.prototype.setGradientData=function(t,e,s){var r,i="gr_"+randomString(10);r=1===e.t?document.createElementNS(svgNS,"linearGradient"):document.createElementNS(svgNS,"radialGradient"),r.setAttribute("id",i),r.setAttribute("spreadMethod","pad"),r.setAttribute("gradientUnits","userSpaceOnUse");var a,n,o,h=[];for(o=4*e.g.p,n=0;o>n;n+=4)a=document.createElementNS(svgNS,"stop"),r.appendChild(a),h.push(a);t.setAttribute("gf"===e.ty?"fill":"stroke","url(#"+i+")"),this.globalData.defs.appendChild(r),s.gf=r,s.cst=h},IShapeElement.prototype.setGradientOpacity=function(t,e,s){if(t.g.k.k[0].s&&t.g.k.k[0].s.length>4*t.g.p||t.g.k.k.length>4*t.g.p){var r,i,a,n,o=document.createElementNS(svgNS,"mask"),h=document.createElementNS(svgNS,"path");o.appendChild(h);var l="op_"+randomString(10),p="mk_"+randomString(10);o.setAttribute("id",p),r=1===t.t?document.createElementNS(svgNS,"linearGradient"):document.createElementNS(svgNS,"radialGradient"),r.setAttribute("id",l),r.setAttribute("spreadMethod","pad"),r.setAttribute("gradientUnits","userSpaceOnUse"),n=t.g.k.k[0].s?t.g.k.k[0].s.length:t.g.k.k.length;var m=[];for(a=4*t.g.p;n>a;a+=2)i=document.createElementNS(svgNS,"stop"),i.setAttribute("stop-color","rgb(255,255,255)"),r.appendChild(i),m.push(i);return h.setAttribute("gf"===t.ty?"fill":"stroke","url(#"+l+")"),this.globalData.defs.appendChild(r),this.globalData.defs.appendChild(o),e.of=r,e.ost=m,s.msElem=h,p}},IShapeElement.prototype.searchShapes=function(t,e,s,r,i){var a,n,o,h,l,p=t.length-1,m=[],f=[];for(a=p;a>=0;a-=1)if("fl"==t[a].ty||"st"==t[a].ty||"gf"==t[a].ty||"gs"==t[a].ty){e[a]={},h={type:t[a].ty,d:"",ld:"",lvl:i,transformers:[],mdf:!1};var d=document.createElementNS(svgNS,"path");if(e[a].o=PropertyFactory.getProp(this,t[a].o,0,.01,r),("st"==t[a].ty||"gs"==t[a].ty)&&(d.setAttribute("stroke-linecap",this.lcEnum[t[a].lc]||"round"),d.setAttribute("stroke-linejoin",this.ljEnum[t[a].lj]||"round"),d.setAttribute("fill-opacity","0"),1==t[a].lj&&d.setAttribute("stroke-miterlimit",t[a].ml),e[a].w=PropertyFactory.getProp(this,t[a].w,0,null,r),t[a].d)){var c=PropertyFactory.getDashProp(this,t[a].d,"svg",r);c.k||(d.setAttribute("stroke-dasharray",c.dasharray),d.setAttribute("stroke-dashoffset",c.dashoffset)),e[a].d=c}if("fl"==t[a].ty||"st"==t[a].ty)e[a].c=PropertyFactory.getProp(this,t[a].c,1,255,r),s.appendChild(d);else{e[a].g=PropertyFactory.getGradientProp(this,t[a].g,r),2==t[a].t&&(e[a].h=PropertyFactory.getProp(this,t[a].h,1,.01,r),e[a].a=PropertyFactory.getProp(this,t[a].a,1,degToRads,r)),e[a].s=PropertyFactory.getProp(this,t[a].s,1,null,r),e[a].e=PropertyFactory.getProp(this,t[a].e,1,null,r),this.setGradientData(d,t[a],e[a],h);var u=this.setGradientOpacity(t[a],e[a],h);u&&d.setAttribute("mask","url(#"+u+")"),e[a].elem=d,s.appendChild(d)}t[a].ln&&d.setAttribute("id",t[a].ln),t[a].cl&&d.setAttribute("class",t[a].cl),h.pElem=d,this.stylesList.push(h),e[a].style=h,m.push(h)}else if("gr"==t[a].ty){e[a]={it:[]};var y=document.createElementNS(svgNS,"g");s.appendChild(y),e[a].gr=y,this.searchShapes(t[a].it,e[a].it,y,r,i+1)}else if("tr"==t[a].ty)for(e[a]={transform:{op:PropertyFactory.getProp(this,t[a].o,0,.01,r),mProps:PropertyFactory.getProp(this,t[a],2,null,r)},elements:[]},l=e[a].transform,o=this.stylesList.length,n=0;o>n;n+=1)this.stylesList[n].closed||this.stylesList[n].transformers.push(l);else if("sh"==t[a].ty||"rc"==t[a].ty||"el"==t[a].ty||"sr"==t[a].ty){e[a]={elements:[],caches:[],styles:[],lStr:""};var g=4;for("rc"==t[a].ty?g=5:"el"==t[a].ty?g=6:"sr"==t[a].ty&&(g=7),e[a].sh=ShapePropertyFactory.getShapeProp(this,t[a],g,r),e[a].lvl=i,this.shapes.push(e[a].sh),this.addShapeToModifiers(e[a].sh),o=this.stylesList.length,n=0;o>n;n+=1)this.stylesList[n].closed||e[a].elements.push({ty:this.stylesList[n].type,st:this.stylesList[n]})}else if("tm"==t[a].ty||"rd"==t[a].ty||"ms"==t[a].ty){var v=ShapeModifiers.getModifier(t[a].ty);v.init(this,t[a],r),this.shapeModifiers.push(v),f.push(v),e[a]=v}for(p=m.length,a=0;p>a;a+=1)m[a].closed=!0;for(p=f.length,a=0;p>a;a+=1)f[a].closed=!0},IShapeElement.prototype.addShapeToModifiers=function(t){var e,s=this.shapeModifiers.length;for(e=0;s>e;e+=1)this.shapeModifiers[e].addShape(t)},IShapeElement.prototype.renderModifiers=function(){if(this.shapeModifiers.length){var t,e=this.shapes.length;for(t=0;e>t;t+=1)this.shapes[t].reset();for(e=this.shapeModifiers.length,t=e-1;t>=0;t-=1)this.shapeModifiers[t].processShapes(this.firstFrame)}},IShapeElement.prototype.renderFrame=function(t){var e=this._parent.renderFrame.call(this,t);return e===!1?void this.hide():(this.globalToLocal([0,0,0]),this.hidden=!1,this.renderModifiers(),void this.renderShape(null,null,!0,null))},IShapeElement.prototype.hide=function(){if(!this.hidden){var t,e=this.stylesList.length;for(t=e-1;t>=0;t-=1)"0"!==this.stylesList[t].ld&&(this.stylesList[t].ld="0",this.stylesList[t].pElem.style.display="none",this.stylesList[t].pElem.parentNode&&(this.stylesList[t].parent=this.stylesList[t].pElem.parentNode));this.hidden=!0}},IShapeElement.prototype.renderShape=function(t,e,s,r){var i,a;if(!t)for(t=this.shapesData,a=this.stylesList.length,i=0;a>i;i+=1)this.stylesList[i].d="",this.stylesList[i].mdf=!1;e||(e=this.viewData),a=t.length-1;var n;for(i=a;i>=0;i-=1)n=t[i].ty,"tr"==n?((this.firstFrame||e[i].transform.op.mdf&&r)&&r.setAttribute("opacity",e[i].transform.op.v),(this.firstFrame||e[i].transform.mProps.mdf&&r)&&r.setAttribute("transform",e[i].transform.mProps.v.to2dCSS())):"sh"==n||"el"==n||"rc"==n||"sr"==n?this.renderPath(t[i],e[i]):"fl"==n?this.renderFill(t[i],e[i]):"gf"==n?this.renderGradient(t[i],e[i]):"gs"==n?(this.renderGradient(t[i],e[i]),this.renderStroke(t[i],e[i])):"st"==n?this.renderStroke(t[i],e[i]):"gr"==n&&this.renderShape(t[i].it,e[i].it,!1,e[i].gr);if(s){for(a=this.stylesList.length,i=0;a>i;i+=1)"0"===this.stylesList[i].ld&&(this.stylesList[i].ld="1",this.stylesList[i].pElem.style.display="block"),(this.stylesList[i].mdf||this.firstFrame)&&(this.stylesList[i].pElem.setAttribute("d",this.stylesList[i].d),this.stylesList[i].msElem&&this.stylesList[i].msElem.setAttribute("d",this.stylesList[i].d));this.firstFrame&&(this.firstFrame=!1)}},IShapeElement.prototype.renderPath=function(t,e){var s,r,i,a,n,o,h,l,p=e.elements.length,m=e.lvl;for(l=0;p>l;l+=1){o=e.sh.mdf||this.firstFrame,n="";var f=e.sh.paths;if(a=f.length,e.elements[l].st.lvl<m){var d,c,u=this.mHelper.reset(),y=e.elements[l].st.lvl;for(c=m-1;c>=y;c-=1)o=e.elements[l].st.transformers[c-y].mProps.mdf||o,d=e.elements[l].st.transformers[c-y].mProps.v.props,u.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]);if(o){for(i=0;a>i;i+=1)if(h=f[i],h&&h.v){for(s=h.v.length,r=1;s>r;r+=1)1==r&&(n+=" M"+u.applyToPointStringified(h.v[0][0],h.v[0][1])),n+=" C"+u.applyToPointStringified(h.o[r-1][0],h.o[r-1][1])+" "+u.applyToPointStringified(h.i[r][0],h.i[r][1])+" "+u.applyToPointStringified(h.v[r][0],h.v[r][1]);1==s&&(n+=" M"+u.applyToPointStringified(h.v[0][0],h.v[0][1])),h.c&&(n+=" C"+u.applyToPointStringified(h.o[r-1][0],h.o[r-1][1])+" "+u.applyToPointStringified(h.i[0][0],h.i[0][1])+" "+u.applyToPointStringified(h.v[0][0],h.v[0][1]),n+="z")}e.caches[l]=n}else n=e.caches[l]}else if(o){for(i=0;a>i;i+=1)if(h=f[i],h&&h.v){for(s=h.v.length,r=1;s>r;r+=1)1==r&&(n+=" M"+h.v[0].join(",")),n+=" C"+h.o[r-1].join(",")+" "+h.i[r].join(",")+" "+h.v[r].join(",");1==s&&(n+=" M"+h.v[0].join(",")),h.c&&(n+=" C"+h.o[r-1].join(",")+" "+h.i[0].join(",")+" "+h.v[0].join(","),n+="z")}e.caches[l]=n}else n=e.caches[l];e.elements[l].st.d+=n,e.elements[l].st.mdf=o||e.elements[l].st.mdf}},IShapeElement.prototype.renderFill=function(t,e){var s=e.style;(e.c.mdf||this.firstFrame)&&s.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||this.firstFrame)&&s.pElem.setAttribute("fill-opacity",e.o.v)},IShapeElement.prototype.renderGradient=function(t,e){var s=e.gf,r=e.of,i=e.s.v,a=e.e.v;if(e.o.mdf||this.firstFrame){var n="gf"===t.ty?"fill-opacity":"stroke-opacity";e.elem.setAttribute(n,e.o.v)}if(e.s.mdf||this.firstFrame){var o=1===t.t?"x1":"cx",h="x1"===o?"y1":"cy";s.setAttribute(o,i[0]),s.setAttribute(h,i[1]),r&&(r.setAttribute(o,i[0]),r.setAttribute(h,i[1]))}var l,p,m,f;if(e.g.cmdf||this.firstFrame){l=e.cst;var d=e.g.c;for(m=l.length,p=0;m>p;p+=1)f=l[p],f.setAttribute("offset",d[4*p]+"%"),f.setAttribute("stop-color","rgb("+d[4*p+1]+","+d[4*p+2]+","+d[4*p+3]+")")}if(r&&(e.g.omdf||this.firstFrame)){l=e.ost;var c=e.g.o;for(m=l.length,p=0;m>p;p+=1)f=l[p],f.setAttribute("offset",c[2*p]+"%"),f.setAttribute("stop-opacity",c[2*p+1])}if(1===t.t)(e.e.mdf||this.firstFrame)&&(s.setAttribute("x2",a[0]),s.setAttribute("y2",a[1]),r&&(r.setAttribute("x2",a[0]),r.setAttribute("y2",a[1])));else{var u;if((e.s.mdf||e.e.mdf||this.firstFrame)&&(u=Math.sqrt(Math.pow(i[0]-a[0],2)+Math.pow(i[1]-a[1],2)),s.setAttribute("r",u),r&&r.setAttribute("r",u)),e.e.mdf||e.h.mdf||e.a.mdf||this.firstFrame){u||(u=Math.sqrt(Math.pow(i[0]-a[0],2)+Math.pow(i[1]-a[1],2)));var y=Math.atan2(a[1]-i[1],a[0]-i[0]),g=e.h.v>=1?.99:e.h.v<=-1?-.99:e.h.v,v=u*g,b=Math.cos(y+e.a.v)*v+i[0],E=Math.sin(y+e.a.v)*v+i[1];s.setAttribute("fx",b),s.setAttribute("fy",E),r&&(r.setAttribute("fx",b),r.setAttribute("fy",E))}}},IShapeElement.prototype.renderStroke=function(t,e){
-var s=e.style,r=e.d;r&&r.k&&(r.mdf||this.firstFrame)&&(s.pElem.setAttribute("stroke-dasharray",r.dasharray),s.pElem.setAttribute("stroke-dashoffset",r.dashoffset)),e.c&&(e.c.mdf||this.firstFrame)&&s.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||this.firstFrame)&&s.pElem.setAttribute("stroke-opacity",e.o.v),(e.w.mdf||this.firstFrame)&&(s.pElem.setAttribute("stroke-width",e.w.v),s.msElem&&s.msElem.setAttribute("stroke-width",e.w.v))},IShapeElement.prototype.destroy=function(){this._parent.destroy.call(),this.shapeData=null,this.viewData=null,this.parentContainer=null,this.placeholder=null},createElement(SVGBaseElement,ISolidElement),ISolidElement.prototype.createElements=function(){this._parent.createElements.call(this);var t=document.createElementNS(svgNS,"rect");t.setAttribute("width",this.data.sw),t.setAttribute("height",this.data.sh),t.setAttribute("fill",this.data.sc),this.layerElement.appendChild(t),this.innerElem=t,this.data.ln&&this.innerElem.setAttribute("id",this.data.ln),this.data.cl&&this.innerElem.setAttribute("class",this.data.cl)},ISolidElement.prototype.hide=IImageElement.prototype.hide,ISolidElement.prototype.renderFrame=IImageElement.prototype.renderFrame,ISolidElement.prototype.destroy=IImageElement.prototype.destroy,createElement(BaseElement,CVBaseElement),CVBaseElement.prototype.createElements=function(){this.checkParenting()},CVBaseElement.prototype.checkBlendMode=function(t){if(t.blendMode!==this.data.bm){t.blendMode=this.data.bm;var e="";switch(this.data.bm){case 0:e="normal";break;case 1:e="multiply";break;case 2:e="screen";break;case 3:e="overlay";break;case 4:e="darken";break;case 5:e="lighten";break;case 6:e="color-dodge";break;case 7:e="color-burn";break;case 8:e="hard-light";break;case 9:e="soft-light";break;case 10:e="difference";break;case 11:e="exclusion";break;case 12:e="hue";break;case 13:e="saturation";break;case 14:e="color";break;case 15:e="luminosity"}t.canvasContext.globalCompositeOperation=e}},CVBaseElement.prototype.renderFrame=function(t){if(3===this.data.ty)return!1;if(this.checkBlendMode(0===this.data.ty?this.parentGlobalData:this.globalData),!this.isVisible)return this.isVisible;this.finalTransform.opMdf=this.finalTransform.op.mdf,this.finalTransform.matMdf=this.finalTransform.mProp.mdf,this.finalTransform.opacity=this.finalTransform.op.v;var e,s=this.finalTransform.mat;if(this.hierarchy){var r,i=this.hierarchy.length;for(e=this.finalTransform.mProp.v.props,s.cloneFromProps(e),r=0;i>r;r+=1)this.finalTransform.matMdf=this.hierarchy[r].finalTransform.mProp.mdf?!0:this.finalTransform.matMdf,e=this.hierarchy[r].finalTransform.mProp.v.props,s.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])}else t?(e=this.finalTransform.mProp.v.props,s.cloneFromProps(e)):s.cloneFromProps(this.finalTransform.mProp.v.props);return t&&(e=t.mat.props,s.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.finalTransform.opacity*=t.opacity,this.finalTransform.opMdf=t.opMdf?!0:this.finalTransform.opMdf,this.finalTransform.matMdf=t.matMdf?!0:this.finalTransform.matMdf),this.data.hasMask&&(this.globalData.renderer.save(!0),this.maskManager.renderFrame(0===this.data.ty?null:s)),this.data.hd&&(this.isVisible=!1),this.isVisible},CVBaseElement.prototype.addMasks=function(t){this.maskManager=new CVMaskElement(t,this,this.globalData)},CVBaseElement.prototype.destroy=function(){this.canvasContext=null,this.data=null,this.globalData=null,this.maskManager&&this.maskManager.destroy()},CVBaseElement.prototype.mHelper=new Matrix,createElement(CVBaseElement,CVCompElement),CVCompElement.prototype.ctxTransform=CanvasRenderer.prototype.ctxTransform,CVCompElement.prototype.ctxOpacity=CanvasRenderer.prototype.ctxOpacity,CVCompElement.prototype.save=CanvasRenderer.prototype.save,CVCompElement.prototype.restore=CanvasRenderer.prototype.restore,CVCompElement.prototype.reset=function(){this.contextData.cArrPos=0,this.contextData.cTr.reset(),this.contextData.cO=1},CVCompElement.prototype.resize=function(t){var e=Math.max(t.sx,t.sy);this.canvas.width=this.data.w*e,this.canvas.height=this.data.h*e,this.transformCanvas={sc:e,w:this.data.w*e,h:this.data.h*e,props:[e,0,0,0,0,e,0,0,0,0,1,0,0,0,0,1]};var s,r=this.elements.length;for(s=0;r>s;s+=1)this.elements[s]&&0===this.elements[s].data.ty&&this.elements[s].resize(t)},CVCompElement.prototype.prepareFrame=function(t){if(this.globalData.frameId=this.parentGlobalData.frameId,this.globalData.mdf=!1,this._parent.prepareFrame.call(this,t),this.isVisible!==!1||this.data.xt){var e=t;this.tm&&(e=this.tm.v,e===this.data.op&&(e=this.data.op-1)),this.renderedFrame=e/this.data.sr;var s,r=this.elements.length;for(this.completeLayers||this.checkLayers(t),s=0;r>s;s+=1)(this.completeLayers||this.elements[s])&&(this.elements[s].prepareFrame(e/this.data.sr-this.layers[s].st),0===this.elements[s].data.ty&&this.elements[s].globalData.mdf&&(this.globalData.mdf=!0));this.globalData.mdf&&!this.data.xt&&(this.canvasContext.clearRect(0,0,this.data.w,this.data.h),this.ctxTransform(this.transformCanvas.props))}},CVCompElement.prototype.renderFrame=function(t){if(this._parent.renderFrame.call(this,t)!==!1){if(this.globalData.mdf){var e,s=this.layers.length;for(e=s-1;e>=0;e-=1)(this.completeLayers||this.elements[e])&&this.elements[e].renderFrame()}this.data.hasMask&&this.globalData.renderer.restore(!0),this.firstFrame&&(this.firstFrame=!1),this.parentGlobalData.renderer.save(),this.parentGlobalData.renderer.ctxTransform(this.finalTransform.mat.props),this.parentGlobalData.renderer.ctxOpacity(this.finalTransform.opacity),this.parentGlobalData.renderer.canvasContext.drawImage(this.canvas,0,0,this.data.w,this.data.h),this.parentGlobalData.renderer.restore(),this.globalData.mdf&&this.reset()}},CVCompElement.prototype.setElements=function(t){this.elements=t},CVCompElement.prototype.getElements=function(){return this.elements},CVCompElement.prototype.destroy=function(){var t,e=this.layers.length;for(t=e-1;t>=0;t-=1)this.elements[t].destroy();this.layers=null,this.elements=null,this._parent.destroy.call()},CVCompElement.prototype.checkLayers=CanvasRenderer.prototype.checkLayers,CVCompElement.prototype.buildItem=CanvasRenderer.prototype.buildItem,CVCompElement.prototype.buildAllItems=CanvasRenderer.prototype.buildAllItems,CVCompElement.prototype.createItem=CanvasRenderer.prototype.createItem,CVCompElement.prototype.createImage=CanvasRenderer.prototype.createImage,CVCompElement.prototype.createComp=CanvasRenderer.prototype.createComp,CVCompElement.prototype.createSolid=CanvasRenderer.prototype.createSolid,CVCompElement.prototype.createShape=CanvasRenderer.prototype.createShape,CVCompElement.prototype.createText=CanvasRenderer.prototype.createText,CVCompElement.prototype.createBase=CanvasRenderer.prototype.createBase,CVCompElement.prototype.buildElementParenting=CanvasRenderer.prototype.buildElementParenting,createElement(CVBaseElement,CVImageElement),CVImageElement.prototype.createElements=function(){var t=function(){if(this.globalData.elementLoaded(),this.assetData.w!==this.img.width||this.assetData.h!==this.img.height){var t=document.createElement("canvas");t.width=this.assetData.w,t.height=this.assetData.h;var e,s,r=t.getContext("2d"),i=this.img.width,a=this.img.height,n=i/a,o=this.assetData.w/this.assetData.h;n>o?(s=a,e=s*o):(e=i,s=e/o),r.drawImage(this.img,(i-e)/2,(a-s)/2,e,s,0,0,this.assetData.w,this.assetData.h),this.img=t}}.bind(this),e=function(){this.failed=!0,this.globalData.elementLoaded()}.bind(this);this.img=new Image,this.img.addEventListener("load",t,!1),this.img.addEventListener("error",e,!1);var s=this.globalData.getAssetsPath(this.assetData);this.img.src=s,this._parent.createElements.call(this)},CVImageElement.prototype.renderFrame=function(t){if(!this.failed&&this._parent.renderFrame.call(this,t)!==!1){var e=this.canvasContext;this.globalData.renderer.save();var s=this.finalTransform.mat.props;this.globalData.renderer.ctxTransform(s),this.globalData.renderer.ctxOpacity(this.finalTransform.opacity),e.drawImage(this.img,0,0),this.globalData.renderer.restore(this.data.hasMask),this.firstFrame&&(this.firstFrame=!1)}},CVImageElement.prototype.destroy=function(){this.img=null,this._parent.destroy.call()},CVMaskElement.prototype.getMaskProperty=function(t){return this.viewData[t]},CVMaskElement.prototype.prepareFrame=function(t){var e,s=this.dynamicProperties.length;for(e=0;s>e;e+=1)this.dynamicProperties[e].getValue(t),this.dynamicProperties[e].mdf&&(this.element.globalData.mdf=!0)},CVMaskElement.prototype.renderFrame=function(t){var e,s,r,i,a,n=this.element.canvasContext,o=this.data.masksProperties.length,h=!1;for(e=0;o>e;e++)if("n"!==this.masksProperties[e].mode){h===!1&&(n.beginPath(),h=!0),this.masksProperties[e].inv&&(n.moveTo(0,0),n.lineTo(this.element.globalData.compWidth,0),n.lineTo(this.element.globalData.compWidth,this.element.globalData.compHeight),n.lineTo(0,this.element.globalData.compHeight),n.lineTo(0,0)),a=this.viewData[e].v,s=t?t.applyToPointArray(a.v[0][0],a.v[0][1],0):a.v[0],n.moveTo(s[0],s[1]);var l,p=a.v.length;for(l=1;p>l;l++)s=t?t.applyToPointArray(a.o[l-1][0],a.o[l-1][1],0):a.o[l-1],r=t?t.applyToPointArray(a.i[l][0],a.i[l][1],0):a.i[l],i=t?t.applyToPointArray(a.v[l][0],a.v[l][1],0):a.v[l],n.bezierCurveTo(s[0],s[1],r[0],r[1],i[0],i[1]);s=t?t.applyToPointArray(a.o[l-1][0],a.o[l-1][1],0):a.o[l-1],r=t?t.applyToPointArray(a.i[0][0],a.i[0][1],0):a.i[0],i=t?t.applyToPointArray(a.v[0][0],a.v[0][1],0):a.v[0],n.bezierCurveTo(s[0],s[1],r[0],r[1],i[0],i[1])}h&&n.clip()},CVMaskElement.prototype.getMask=function(t){for(var e=0,s=this.masksProperties.length;s>e;){if(this.masksProperties[e].nm===t)return{maskPath:this.viewData[e].pv};e+=1}},CVMaskElement.prototype.destroy=function(){this.element=null},createElement(CVBaseElement,CVShapeElement),CVShapeElement.prototype.lcEnum={1:"butt",2:"round",3:"butt"},CVShapeElement.prototype.ljEnum={1:"miter",2:"round",3:"butt"},CVShapeElement.prototype.transformHelper={opacity:1,mat:new Matrix,matMdf:!1,opMdf:!1},CVShapeElement.prototype.dashResetter=[],CVShapeElement.prototype.createElements=function(){this._parent.createElements.call(this),this.searchShapes(this.shapesData,this.viewData,this.dynamicProperties)},CVShapeElement.prototype.searchShapes=function(t,e,s){var r,i,a,n,o=t.length-1,h=[],l=[];for(r=o;r>=0;r-=1)if("fl"==t[r].ty||"st"==t[r].ty){if(n={type:t[r].ty,elements:[]},e[r]={},("fl"==t[r].ty||"st"==t[r].ty)&&(e[r].c=PropertyFactory.getProp(this,t[r].c,1,255,s),e[r].c.k||(n.co="rgb("+bm_floor(e[r].c.v[0])+","+bm_floor(e[r].c.v[1])+","+bm_floor(e[r].c.v[2])+")")),e[r].o=PropertyFactory.getProp(this,t[r].o,0,.01,s),"st"==t[r].ty&&(n.lc=this.lcEnum[t[r].lc]||"round",n.lj=this.ljEnum[t[r].lj]||"round",1==t[r].lj&&(n.ml=t[r].ml),e[r].w=PropertyFactory.getProp(this,t[r].w,0,null,s),e[r].w.k||(n.wi=e[r].w.v),t[r].d)){var p=PropertyFactory.getDashProp(this,t[r].d,"canvas",s);e[r].d=p,e[r].d.k||(n.da=e[r].d.dasharray,n["do"]=e[r].d.dashoffset)}this.stylesList.push(n),e[r].style=n,h.push(e[r].style)}else if("gr"==t[r].ty)e[r]={it:[]},this.searchShapes(t[r].it,e[r].it,s);else if("tr"==t[r].ty)e[r]={transform:{mat:new Matrix,opacity:1,matMdf:!1,opMdf:!1,op:PropertyFactory.getProp(this,t[r].o,0,.01,s),mProps:PropertyFactory.getProp(this,t[r],2,null,s)},elements:[]};else if("sh"==t[r].ty||"rc"==t[r].ty||"el"==t[r].ty||"sr"==t[r].ty){e[r]={nodes:[],trNodes:[],tr:[0,0,0,0,0,0]};var m=4;"rc"==t[r].ty?m=5:"el"==t[r].ty?m=6:"sr"==t[r].ty&&(m=7),e[r].sh=ShapePropertyFactory.getShapeProp(this,t[r],m,s),this.shapes.push(e[r].sh),this.addShapeToModifiers(e[r].sh),a=this.stylesList.length;var f=!1,d=!1;for(i=0;a>i;i+=1)this.stylesList[i].closed||(this.stylesList[i].elements.push(e[r]),"st"===this.stylesList[i].type?f=!0:d=!0);e[r].st=f,e[r].fl=d}else if("tm"==t[r].ty||"rd"==t[r].ty){var c=ShapeModifiers.getModifier(t[r].ty);c.init(this,t[r],s),this.shapeModifiers.push(c),l.push(c),e[r]=c}for(o=h.length,r=0;o>r;r+=1)h[r].closed=!0;for(o=l.length,r=0;o>r;r+=1)l[r].closed=!0},CVShapeElement.prototype.addShapeToModifiers=IShapeElement.prototype.addShapeToModifiers,CVShapeElement.prototype.renderModifiers=IShapeElement.prototype.renderModifiers,CVShapeElement.prototype.renderFrame=function(t){this._parent.renderFrame.call(this,t)!==!1&&(this.transformHelper.mat.reset(),this.transformHelper.opacity=this.finalTransform.opacity,this.transformHelper.matMdf=!1,this.transformHelper.opMdf=this.finalTransform.opMdf,this.renderModifiers(),this.renderShape(this.transformHelper,null,null,!0),this.data.hasMask&&this.globalData.renderer.restore(!0))},CVShapeElement.prototype.renderShape=function(t,e,s,r){var i,a;if(!e)for(e=this.shapesData,a=this.stylesList.length,i=0;a>i;i+=1)this.stylesList[i].d="",this.stylesList[i].mdf=!1;s||(s=this.viewData),a=e.length-1;var n,o;for(n=t,i=a;i>=0;i-=1)if("tr"==e[i].ty){n=s[i].transform;var h=s[i].transform.mProps.v.props;if(n.matMdf=n.mProps.mdf,n.opMdf=n.op.mdf,o=n.mat,o.cloneFromProps(h),t){var l=t.mat.props;n.opacity=t.opacity,n.opacity*=s[i].transform.op.v,n.matMdf=t.matMdf?!0:n.matMdf,n.opMdf=t.opMdf?!0:n.opMdf,o.transform(l[0],l[1],l[2],l[3],l[4],l[5],l[6],l[7],l[8],l[9],l[10],l[11],l[12],l[13],l[14],l[15])}else n.opacity=n.op.o}else"sh"==e[i].ty||"el"==e[i].ty||"rc"==e[i].ty||"sr"==e[i].ty?this.renderPath(e[i],s[i],n):"fl"==e[i].ty?this.renderFill(e[i],s[i],n):"st"==e[i].ty?this.renderStroke(e[i],s[i],n):"gr"==e[i].ty?this.renderShape(n,e[i].it,s[i].it):"tm"==e[i].ty;if(r){a=this.stylesList.length;var p,m,f,d,c,u,y,g=this.globalData.renderer,v=this.globalData.canvasContext;for(g.save(),g.ctxTransform(this.finalTransform.mat.props),i=0;a>i;i+=1)if(y=this.stylesList[i].type,"st"!==y||0!==this.stylesList[i].wi){for(g.save(),c=this.stylesList[i].elements,"st"===y?(v.strokeStyle=this.stylesList[i].co,v.lineWidth=this.stylesList[i].wi,v.lineCap=this.stylesList[i].lc,v.lineJoin=this.stylesList[i].lj,v.miterLimit=this.stylesList[i].ml||0):v.fillStyle=this.stylesList[i].co,g.ctxOpacity(this.stylesList[i].coOp),"st"!==y&&v.beginPath(),m=c.length,p=0;m>p;p+=1){for("st"===y&&(v.beginPath(),this.stylesList[i].da?(v.setLineDash(this.stylesList[i].da),v.lineDashOffset=this.stylesList[i]["do"],this.globalData.isDashed=!0):this.globalData.isDashed&&(v.setLineDash(this.dashResetter),this.globalData.isDashed=!1)),u=c[p].trNodes,d=u.length,f=0;d>f;f+=1)"m"==u[f].t?v.moveTo(u[f].p[0],u[f].p[1]):"c"==u[f].t?v.bezierCurveTo(u[f].p1[0],u[f].p1[1],u[f].p2[0],u[f].p2[1],u[f].p3[0],u[f].p3[1]):v.closePath();"st"===y&&v.stroke()}"st"!==y&&v.fill(),g.restore()}g.restore(),this.firstFrame&&(this.firstFrame=!1)}},CVShapeElement.prototype.renderPath=function(t,e,s){var r,i,a,n,o=s.matMdf||e.sh.mdf||this.firstFrame;if(o){var h=e.sh.paths;n=h.length;var l=e.trNodes;for(l.length=0,a=0;n>a;a+=1){var p=h[a];if(p&&p.v){for(r=p.v.length,i=1;r>i;i+=1)1==i&&l.push({t:"m",p:s.mat.applyToPointArray(p.v[0][0],p.v[0][1],0)}),l.push({t:"c",p1:s.mat.applyToPointArray(p.o[i-1][0],p.o[i-1][1],0),p2:s.mat.applyToPointArray(p.i[i][0],p.i[i][1],0),p3:s.mat.applyToPointArray(p.v[i][0],p.v[i][1],0)});1==r&&l.push({t:"m",p:s.mat.applyToPointArray(p.v[0][0],p.v[0][1],0)}),p.c&&(l.push({t:"c",p1:s.mat.applyToPointArray(p.o[i-1][0],p.o[i-1][1],0),p2:s.mat.applyToPointArray(p.i[0][0],p.i[0][1],0),p3:s.mat.applyToPointArray(p.v[0][0],p.v[0][1],0)}),l.push({t:"z"})),e.lStr=l}}if(e.st)for(i=0;16>i;i+=1)e.tr[i]=s.mat.props[i];e.trNodes=l}},CVShapeElement.prototype.renderFill=function(t,e,s){var r=e.style;(e.c.mdf||this.firstFrame)&&(r.co="rgb("+bm_floor(e.c.v[0])+","+bm_floor(e.c.v[1])+","+bm_floor(e.c.v[2])+")"),(e.o.mdf||s.opMdf||this.firstFrame)&&(r.coOp=e.o.v*s.opacity)},CVShapeElement.prototype.renderStroke=function(t,e,s){var r=e.style,i=e.d;i&&(i.mdf||this.firstFrame)&&(r.da=i.dasharray,r["do"]=i.dashoffset),(e.c.mdf||this.firstFrame)&&(r.co="rgb("+bm_floor(e.c.v[0])+","+bm_floor(e.c.v[1])+","+bm_floor(e.c.v[2])+")"),(e.o.mdf||s.opMdf||this.firstFrame)&&(r.coOp=e.o.v*s.opacity),(e.w.mdf||this.firstFrame)&&(r.wi=e.w.v)},CVShapeElement.prototype.destroy=function(){this.shapesData=null,this.globalData=null,this.canvasContext=null,this.stylesList.length=0,this.viewData.length=0,this._parent.destroy.call()},createElement(CVBaseElement,CVSolidElement),CVSolidElement.prototype.renderFrame=function(t){if(this._parent.renderFrame.call(this,t)!==!1){var e=this.canvasContext;this.globalData.renderer.save(),this.globalData.renderer.ctxTransform(this.finalTransform.mat.props),this.globalData.renderer.ctxOpacity(this.finalTransform.opacity),e.fillStyle=this.data.sc,e.fillRect(0,0,this.data.sw,this.data.sh),this.globalData.renderer.restore(this.data.hasMask),this.firstFrame&&(this.firstFrame=!1)}},createElement(CVBaseElement,CVTextElement),CVTextElement.prototype.init=ITextElement.prototype.init,CVTextElement.prototype.getMeasures=ITextElement.prototype.getMeasures,CVTextElement.prototype.getMult=ITextElement.prototype.getMult,CVTextElement.prototype.tHelper=document.createElement("canvas").getContext("2d"),CVTextElement.prototype.createElements=function(){this._parent.createElements.call(this);var t=this.data.t.d,e=!1;t.fc?(e=!0,this.values.fill="rgb("+Math.round(255*t.fc[0])+","+Math.round(255*t.fc[1])+","+Math.round(255*t.fc[2])+")"):this.values.fill="rgba(0,0,0,0)",this.fill=e;var s=!1;t.sc&&(s=!0,this.values.stroke="rgb("+Math.round(255*t.sc[0])+","+Math.round(255*t.sc[1])+","+Math.round(255*t.sc[2])+")",this.values.sWidth=t.sw);var r,i,a=this.globalData.fontManager.getFontByName(t.f),n=t.l,o=this.mHelper;this.stroke=s,this.values.fValue=t.s+"px "+this.globalData.fontManager.getFontByName(t.f).fFamily,i=t.t.length,this.tHelper.font=this.values.fValue;var h,l,p,m,f,d,c,u,y,g,v=this.data.singleShape;if(v)var b=0,E=0,P=t.lineWidths,k=t.boxWidth,S=!0;for(r=0;i>r;r+=1){h=this.globalData.fontManager.getCharData(t.t.charAt(r),a.fStyle,this.globalData.fontManager.getFontByName(t.f).fFamily);var l;if(l=h?h.data:null,o.reset(),v&&n[r].n&&(b=0,E+=t.yOffset,E+=S?1:0,S=!1),l&&l.shapes){if(f=l.shapes[0].it,c=f.length,o.scale(t.s/100,t.s/100),v){switch(t.ps&&o.translate(t.ps[0],t.ps[1]+t.ascent,0),t.j){case 1:o.translate(t.justifyOffset+(k-P[n[r].line]),0,0);break;case 2:o.translate(t.justifyOffset+(k-P[n[r].line])/2,0,0)}o.translate(b,E,0)}for(y=new Array(c),d=0;c>d;d+=1){for(m=f[d].ks.k.i.length,u=f[d].ks.k,g=[],p=1;m>p;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[d]=g}}else y=[];v&&(b+=n[r].l),this.textSpans.push({elem:y})}},CVTextElement.prototype.renderFrame=function(t){if(this._parent.renderFrame.call(this,t)!==!1){var e=this.canvasContext,s=this.finalTransform.mat.props;this.globalData.renderer.save(),this.globalData.renderer.ctxTransform(s),this.globalData.renderer.ctxOpacity(this.finalTransform.opacity),e.font=this.values.fValue,e.lineCap="butt",e.lineJoin="miter",e.miterLimit=4,this.data.singleShape||this.getMeasures();var r,i,a,n,o,h,l=this.renderedLetters,p=this.data.t.d.l;i=p.length;var m,f,d,c=null,u=null,y=null;for(r=0;i>r;r+=1)if(!p[r].n){if(m=l[r],m&&(this.globalData.renderer.save(),this.globalData.renderer.ctxTransform(m.props),this.globalData.renderer.ctxOpacity(m.o)),this.fill){for(m&&m.fc?c!==m.fc&&(c=m.fc,e.fillStyle=m.fc):c!==this.values.fill&&(c=this.values.fill,e.fillStyle=this.values.fill),f=this.textSpans[r].elem,n=f.length,this.globalData.canvasContext.beginPath(),a=0;n>a;a+=1)for(d=f[a],h=d.length,this.globalData.canvasContext.moveTo(d[0],d[1]),o=2;h>o;o+=6)this.globalData.canvasContext.bezierCurveTo(d[o],d[o+1],d[o+2],d[o+3],d[o+4],d[o+5]);this.globalData.canvasContext.closePath(),this.globalData.canvasContext.fill()}if(this.stroke){for(m&&m.sw?y!==m.sw&&(y=m.sw,e.lineWidth=m.sw):y!==this.values.sWidth&&(y=this.values.sWidth,e.lineWidth=this.values.sWidth),m&&m.sc?u!==m.sc&&(u=m.sc,e.strokeStyle=m.sc):u!==this.values.stroke&&(u=this.values.stroke,e.strokeStyle=this.values.stroke),f=this.textSpans[r].elem,n=f.length,this.globalData.canvasContext.beginPath(),a=0;n>a;a+=1)for(d=f[a],h=d.length,this.globalData.canvasContext.moveTo(d[0],d[1]),o=2;h>o;o+=6)this.globalData.canvasContext.bezierCurveTo(d[o],d[o+1],d[o+2],d[o+3],d[o+4],d[o+5]);this.globalData.canvasContext.closePath(),this.globalData.canvasContext.stroke()}m&&this.globalData.renderer.restore()}this.globalData.renderer.restore(this.data.hasMask),this.firstFrame&&(this.firstFrame=!1)}},createElement(BaseElement,HBaseElement),HBaseElement.prototype.checkBlendMode=function(){},HBaseElement.prototype.setBlendMode=BaseElement.prototype.setBlendMode,HBaseElement.prototype.getBaseElement=function(){return this.baseElement},HBaseElement.prototype.createElements=function(){this.data.hasMask?(this.layerElement=document.createElementNS(svgNS,"svg"),this.baseElement=this.layerElement,this.maskedElement=this.layerElement):this.layerElement=this.parentContainer,!this.data.ln||4!==this.data.ty&&0!==this.data.ty||(this.layerElement===this.parentContainer&&(this.layerElement=document.createElementNS(svgNS,"g"),this.baseElement=this.layerElement),this.layerElement.setAttribute("id",this.data.ln)),this.setBlendMode(),this.layerElement!==this.parentContainer&&(this.placeholder=null),this.checkParenting()},HBaseElement.prototype.renderFrame=function(t){if(3===this.data.ty)return!1;if(this.currentFrameNum===this.lastNum||!this.isVisible)return this.isVisible;this.lastNum=this.currentFrameNum,this.data.hasMask&&this.maskManager.renderFrame(),this.finalTransform.opMdf=this.finalTransform.op.mdf,this.finalTransform.matMdf=this.finalTransform.mProp.mdf,this.finalTransform.opacity=this.finalTransform.op.v,this.firstFrame&&(this.finalTransform.opMdf=!0,this.finalTransform.matMdf=!0);var e,s=this.finalTransform.mat;if(this.hierarchy){var r,i=this.hierarchy.length;for(e=this.finalTransform.mProp.v.props,s.cloneFromProps(e),r=0;i>r;r+=1)this.finalTransform.matMdf=this.hierarchy[r].finalTransform.mProp.mdf?!0:this.finalTransform.matMdf,e=this.hierarchy[r].finalTransform.mProp.v.props,s.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])}else this.isVisible&&this.finalTransform.matMdf&&(t?(e=this.finalTransform.mProp.v.props,s.cloneFromProps(e)):s.cloneFromProps(this.finalTransform.mProp.v.props));return t&&(e=t.mat.props,s.cloneFromProps(e),this.finalTransform.opacity*=t.opacity,this.finalTransform.opMdf=t.opMdf?!0:this.finalTransform.opMdf,this.finalTransform.matMdf=t.matMdf?!0:this.finalTransform.matMdf),this.finalTransform.matMdf&&(this.layerElement.style.transform=this.layerElement.style.webkitTransform=s.toCSS(),this.finalMat=s),this.finalTransform.opMdf&&(this.layerElement.style.opacity=this.finalTransform.opacity),this.isVisible},HBaseElement.prototype.destroy=function(){this.layerElement=null,this.parentContainer=null,this.matteElement&&(this.matteElement=null),this.maskManager&&(this.maskManager.destroy(),this.maskManager=null)},HBaseElement.prototype.getDomElement=function(){return this.layerElement},HBaseElement.prototype.addMasks=function(t){this.maskManager=new MaskElement(t,this,this.globalData)},HBaseElement.prototype.hide=function(){},HBaseElement.prototype.setMatte=function(){},HBaseElement.prototype.buildElementParenting=HybridRenderer.prototype.buildElementParenting,createElement(HBaseElement,HSolidElement),HSolidElement.prototype.createElements=function(){var t=document.createElement("div");styleDiv(t);var e=document.createElementNS(svgNS,"svg");e.setAttribute("width",this.data.sw),e.setAttribute("height",this.data.sh),t.appendChild(e),this.layerElement=t,this.baseElement=t,this.innerElem=t,this.data.ln&&this.innerElem.setAttribute("id",this.data.ln),0!==this.data.bm&&this.setBlendMode();var s=document.createElementNS(svgNS,"rect");s.setAttribute("width",this.data.sw),s.setAttribute("height",this.data.sh),s.setAttribute("fill",this.data.sc),e.appendChild(s),this.data.hasMask&&(this.maskedElement=s),this.checkParenting()},HSolidElement.prototype.hide=IImageElement.prototype.hide,HSolidElement.prototype.renderFrame=IImageElement.prototype.renderFrame,HSolidElement.prototype.destroy=IImageElement.prototype.destroy,createElement(HBaseElement,HCompElement),HCompElement.prototype.createElements=function(){var t=document.createElement("div");if(styleDiv(t),this.data.ln&&t.setAttribute("id",this.data.ln),t.style.clip="rect(0px, "+this.data.w+"px, "+this.data.h+"px, 0px)",this.data.hasMask){var e=document.createElementNS(svgNS,"svg");e.setAttribute("width",this.data.w),e.setAttribute("height",this.data.h);var s=document.createElementNS(svgNS,"g");e.appendChild(s),t.appendChild(e),this.maskedElement=s,this.baseElement=t,this.layerElement=s}else this.layerElement=t,this.baseElement=this.layerElement;this.checkParenting()},HCompElement.prototype.hide=ICompElement.prototype.hide,HCompElement.prototype.prepareFrame=ICompElement.prototype.prepareFrame,HCompElement.prototype.setElements=ICompElement.prototype.setElements,HCompElement.prototype.getElements=ICompElement.prototype.getElements,HCompElement.prototype.destroy=ICompElement.prototype.destroy,HCompElement.prototype.renderFrame=function(t){var e,s=this._parent.renderFrame.call(this,t),r=this.layers.length;if(s===!1)return void this.hide();for(this.hidden=!1,e=0;r>e;e+=1)(this.completeLayers||this.elements[e])&&this.elements[e].renderFrame();this.firstFrame&&(this.firstFrame=!1)},HCompElement.prototype.checkLayers=BaseRenderer.prototype.checkLayers,HCompElement.prototype.buildItem=HybridRenderer.prototype.buildItem,HCompElement.prototype.buildAllItems=BaseRenderer.prototype.buildAllItems,HCompElement.prototype.createItem=HybridRenderer.prototype.createItem,HCompElement.prototype.buildElementParenting=HybridRenderer.prototype.buildElementParenting,HCompElement.prototype.createImage=HybridRenderer.prototype.createImage,HCompElement.prototype.createComp=HybridRenderer.prototype.createComp,HCompElement.prototype.createSolid=HybridRenderer.prototype.createSolid,HCompElement.prototype.createShape=HybridRenderer.prototype.createShape,HCompElement.prototype.createText=HybridRenderer.prototype.createText,HCompElement.prototype.createBase=HybridRenderer.prototype.createBase,HCompElement.prototype.appendElementInPos=HybridRenderer.prototype.appendElementInPos,createElement(HBaseElement,HShapeElement);var parent=HShapeElement.prototype._parent;extendPrototype(IShapeElement,HShapeElement),HShapeElement.prototype._parent=parent,HShapeElement.prototype.createElements=function(){var t=document.createElement("div");styleDiv(t);var e=document.createElementNS(svgNS,"svg"),s=this.comp.data?this.comp.data:this.globalData.compSize;if(e.setAttribute("width",s.w),e.setAttribute("height",s.h),this.data.hasMask){var r=document.createElementNS(svgNS,"g");t.appendChild(e),e.appendChild(r),this.maskedElement=r,this.layerElement=r,this.shapesContainer=r}else t.appendChild(e),this.layerElement=e,this.shapesContainer=document.createElementNS(svgNS,"g"),this.layerElement.appendChild(this.shapesContainer);this.data.hd||(this.baseElement=t),this.innerElem=t,this.data.ln&&this.innerElem.setAttribute("id",this.data.ln),this.searchShapes(this.shapesData,this.viewData,this.layerElement,this.dynamicProperties,0),this.buildExpressionInterface(),this.layerElement=t,this.shapeCont=e,0!==this.data.bm&&this.setBlendMode(),this.checkParenting()},HShapeElement.prototype.renderFrame=function(t){var e=this._parent.renderFrame.call(this,t);if(e===!1)return void this.hide();if(this.hidden=!1,this.renderModifiers(),this.addedTransforms.mdf=this.finalTransform.matMdf,this.addedTransforms.mats.length=1,this.addedTransforms.mats[0]=this.finalTransform.mat,this.renderShape(null,null,!0,null),this.isVisible&&(this.elemMdf||this.firstFrame)){var s=this.shapeCont.getBBox();this.currentBBox.w!==s.width&&(this.currentBBox.w=s.width,this.shapeCont.setAttribute("width",s.width)),this.currentBBox.h!==s.height&&(this.currentBBox.h=s.height,this.shapeCont.setAttribute("height",s.height)),(this.currentBBox.w!==s.width||this.currentBBox.h!==s.height||this.currentBBox.x!==s.x||this.currentBBox.y!==s.y)&&(this.currentBBox.w=s.width,this.currentBBox.h=s.height,this.currentBBox.x=s.x,this.currentBBox.y=s.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)")}},createElement(HBaseElement,HTextElement),HTextElement.prototype.init=ITextElement.prototype.init,HTextElement.prototype.getMeasures=ITextElement.prototype.getMeasures,HTextElement.prototype.createPathShape=ITextElement.prototype.createPathShape,HTextElement.prototype.createElements=function(){this.isMasked=this.checkMasks();var t=this.data.t.d,e=document.createElement("div");if(styleDiv(e),this.layerElement=e,this.isMasked){this.renderType="svg";var s=document.createElementNS(svgNS,"svg");this.cont=s,this.compW=this.comp.data?this.comp.data.w:this.globalData.compSize.w,this.compH=this.comp.data?this.comp.data.h:this.globalData.compSize.h,s.setAttribute("width",this.compW),s.setAttribute("height",this.compH);var r=document.createElementNS(svgNS,"g");s.appendChild(r),e.appendChild(s),this.maskedElement=r,this.innerElem=r}else this.renderType="html",this.innerElem=e;this.baseElement=e,this.innerElem.style.color=this.innerElem.style.fill=t.fc?"rgb("+Math.round(255*t.fc[0])+","+Math.round(255*t.fc[1])+","+Math.round(255*t.fc[2])+")":"rgba(0,0,0,0)",t.sc&&(this.innerElem.style.stroke="rgb("+Math.round(255*t.sc[0])+","+Math.round(255*t.sc[1])+","+Math.round(255*t.sc[2])+")",this.innerElem.style.strokeWidth=t.sw+"px");var i=this.globalData.fontManager.getFontByName(t.f);if(!this.globalData.fontManager.chars)if(this.innerElem.style.fontSize=t.s+"px",this.innerElem.style.lineHeight=t.s+"px",i.fClass)this.innerElem.className=i.fClass;else{this.innerElem.style.fontFamily=i.fFamily;var a=t.fWeight,n=t.fStyle;this.innerElem.style.fontStyle=n,this.innerElem.style.fontWeight=a}var o,h,l=t.l;h=l.length;var p,m,f,d,c=this.mHelper,u="";for(o=0;h>o;o+=1){if(this.globalData.fontManager.chars?(p=document.createElementNS(svgNS,"path"),this.isMasked||(m=document.createElement("div"),f=document.createElementNS(svgNS,"svg"),f.appendChild(p),styleDiv(m)),p.setAttribute("stroke-linecap","butt"),p.setAttribute("stroke-linejoin","round"),p.setAttribute("stroke-miterlimit","4")):this.isMasked?p=document.createElementNS(svgNS,"text"):(m=document.createElement("span"),styleDiv(m),p=document.createElement("span"),styleDiv(p),m.appendChild(p)),this.globalData.fontManager.chars){var y,g=this.globalData.fontManager.getCharData(t.t.charAt(o),i.fStyle,this.globalData.fontManager.getFontByName(t.f).fFamily);if(y=g?g.data:null,c.reset(),y&&y.shapes&&(d=y.shapes[0].it,c.scale(t.s/100,t.s/100),u=this.createPathShape(c,d),p.setAttribute("d",u)),this.isMasked)this.innerElem.appendChild(p);else if(this.innerElem.appendChild(m),y&&y.shapes){document.body.appendChild(f);var v=f.getBBox();f.setAttribute("width",v.width),f.setAttribute("height",v.height),f.setAttribute("viewBox",v.x+" "+v.y+" "+v.width+" "+v.height),f.style.transform=f.style.webkitTransform="translate("+v.x+"px,"+v.y+"px)",l[o].yOffset=v.y,m.appendChild(f)}else f.setAttribute("width",1),f.setAttribute("height",1)}else p.textContent=l[o].val,p.setAttributeNS("http://www.w3.org/XML/1998/namespace","xml:space","preserve"),this.isMasked?this.innerElem.appendChild(p):(this.innerElem.appendChild(m),
-p.style.transform=p.style.webkitTransform="translate3d(0,"+-t.s/1.2+"px,0)");this.textSpans.push(this.isMasked?p:m),this.textPaths.push(p)}},HTextElement.prototype.hide=SVGTextElement.prototype.hide,HTextElement.prototype.renderFrame=function(t){var e=this._parent.renderFrame.call(this,t);if(e===!1)return void this.hide();if(this.hidden&&(this.hidden=!1,this.innerElem.style.display="block"),this.data.singleShape){if(!this.firstFrame)return;this.isMasked&&this.finalTransform.matMdf&&(this.cont.setAttribute("viewBox",-this.finalTransform.mProp.p.v[0]+" "+-this.finalTransform.mProp.p.v[1]+" "+this.compW+" "+this.compH),this.cont.style.transform=this.cont.style.webkitTransform="translate("+-this.finalTransform.mProp.p.v[0]+"px,"+-this.finalTransform.mProp.p.v[1]+"px)")}if(this.getMeasures(),this.lettersChangedFlag){var s,r,i=this.renderedLetters,a=this.data.t.d.l;r=a.length;var n;for(s=0;r>s;s+=1)a[s].n||(n=i[s],this.isMasked?this.textSpans[s].setAttribute("transform",n.m):this.textSpans[s].style.transform=this.textSpans[s].style.webkitTransform=n.m,this.textSpans[s].style.opacity=n.o,n.sw&&this.textPaths[s].setAttribute("stroke-width",n.sw),n.sc&&this.textPaths[s].setAttribute("stroke",n.sc),n.fc&&(this.textPaths[s].setAttribute("fill",n.fc),this.textPaths[s].style.color=n.fc));if(this.isVisible&&(this.elemMdf||this.firstFrame)&&this.innerElem.getBBox){var o=this.innerElem.getBBox();this.currentBBox.w!==o.width&&(this.currentBBox.w=o.width,this.cont.setAttribute("width",o.width)),this.currentBBox.h!==o.height&&(this.currentBBox.h=o.height,this.cont.setAttribute("height",o.height)),(this.currentBBox.w!==o.width||this.currentBBox.h!==o.height||this.currentBBox.x!==o.x||this.currentBBox.y!==o.y)&&(this.currentBBox.w=o.width,this.currentBBox.h=o.height,this.currentBBox.x=o.x,this.currentBBox.y=o.y,this.cont.setAttribute("viewBox",this.currentBBox.x+" "+this.currentBBox.y+" "+this.currentBBox.w+" "+this.currentBBox.h),this.cont.style.transform=this.cont.style.webkitTransform="translate("+this.currentBBox.x+"px,"+this.currentBBox.y+"px)")}this.firstFrame&&(this.firstFrame=!1)}},HTextElement.prototype.destroy=SVGTextElement.prototype.destroy,createElement(HBaseElement,HImageElement),HImageElement.prototype.createElements=function(){var t=this.globalData.getAssetsPath(this.assetData),e=new Image;if(this.data.hasMask){var s=document.createElement("div");styleDiv(s);var r=document.createElementNS(svgNS,"svg");r.setAttribute("width",this.assetData.w),r.setAttribute("height",this.assetData.h),s.appendChild(r),this.imageElem=document.createElementNS(svgNS,"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),r.appendChild(this.imageElem),this.layerElement=s,this.baseElement=s,this.innerElem=s,this.maskedElement=this.imageElem}else styleDiv(e),this.layerElement=e,this.baseElement=e,this.innerElem=e;e.src=t,this.data.ln&&this.innerElem.setAttribute("id",this.data.ln),this.checkParenting()},HImageElement.prototype.hide=HSolidElement.prototype.hide,HImageElement.prototype.renderFrame=HSolidElement.prototype.renderFrame,HImageElement.prototype.destroy=HSolidElement.prototype.destroy,createElement(HBaseElement,HCameraElement),HCameraElement.prototype.setup=function(){var t,e,s=this.comp.threeDElements.length;for(t=0;s>t;t+=1)e=this.comp.threeDElements[t],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,s=this.firstFrame;if(this.hierarchy)for(e=this.hierarchy.length,t=0;e>t;t+=1)s=this.hierarchy[t].finalTransform.mProp.mdf?!0:s;if(s||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.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 r=[this.p.v[0]-this.a.v[0],this.p.v[1]-this.a.v[1],this.p.v[2]-this.a.v[2]],i=Math.sqrt(Math.pow(r[0],2)+Math.pow(r[1],2)+Math.pow(r[2],2)),a=[r[0]/i,r[1]/i,r[2]/i],n=Math.sqrt(a[2]*a[2]+a[0]*a[0]),o=Math.atan2(a[1],n),h=Math.atan2(a[0],-a[2]);this.mat.rotateY(h).rotateX(-o)}if(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),this.hierarchy){var l;for(e=this.hierarchy.length,t=0;e>t;t+=1)l=this.hierarchy[t].finalTransform.mProp.iv.props,this.mat.transform(l[0],l[1],l[2],l[3],l[4],l[5],l[6],l[7],l[8],l[9],l[10],l[11],-l[12],-l[13],l[14],l[15])}e=this.comp.threeDElements.length;var p;for(t=0;e>t;t+=1)p=this.comp.threeDElements[t],p.container.style.transform=p.container.style.webkitTransform=this.mat.toCSS()}this.firstFrame=!1},HCameraElement.prototype.destroy=function(){};var animationManager=function(){function t(e){var s=0,r=e.target;for(r.removeEventListener("destroy",t);P>s;)v[s].animation===r&&(v.splice(s,1),s-=1,P-=1),s+=1}function e(e,s){if(!e)return null;for(var r=0;P>r;){if(v[r].elem==e&&null!==v[r].elem)return v[r].animation;r+=1}var i=new AnimationItem;return i.setData(e,s),i.addEventListener("destroy",t),v.push({elem:e,animation:i}),P+=1,i}function s(e){var s=new AnimationItem;return s.setParams(e),s.addEventListener("destroy",t),v.push({elem:null,animation:s}),P+=1,s}function r(t,e){var s;for(s=0;P>s;s+=1)v[s].animation.setSpeed(t,e)}function i(t,e){var s;for(s=0;P>s;s+=1)v[s].animation.setDirection(t,e)}function a(t){var e;for(e=0;P>e;e+=1)v[e].animation.play(t)}function n(t,e){E=!1,b=Date.now();var s;for(s=0;P>s;s+=1)v[s].animation.moveFrame(t,e)}function o(t){var e,s=t-b;for(e=0;P>e;e+=1)v[e].animation.advanceTime(s);b=t,requestAnimationFrame(o)}function h(t){b=t,requestAnimationFrame(o)}function l(t){var e;for(e=0;P>e;e+=1)v[e].animation.pause(t)}function p(t,e,s){var r;for(r=0;P>r;r+=1)v[r].animation.goToAndStop(t,e,s)}function m(t){var e;for(e=0;P>e;e+=1)v[e].animation.stop(t)}function f(t){var e;for(e=0;P>e;e+=1)v[e].animation.togglePause(t)}function d(t){var e;for(e=0;P>e;e+=1)v[e].animation.destroy(t)}function c(t,s,r){var i,a=document.getElementsByClassName("bodymovin"),n=a.length;for(i=0;n>i;i+=1)r&&a[i].setAttribute("data-bm-type",r),e(a[i],t);if(s&&0===n){r||(r="svg");var o=document.getElementsByTagName("body")[0];o.innerHTML="";var h=document.createElement("div");h.style.width="100%",h.style.height="100%",h.setAttribute("data-bm-type",r),o.appendChild(h),e(h,t)}}function u(){var t;for(t=0;P>t;t+=1)v[t].animation.resize()}function y(){requestAnimationFrame(h)}var g={},v=[],b=0,E=!0,P=0;return setTimeout(y,0),g.registerAnimation=e,g.loadAnimation=s,g.setSpeed=r,g.setDirection=i,g.play=a,g.moveFrame=n,g.pause=l,g.stop=m,g.togglePause=f,g.searchAnimations=c,g.resize=u,g.start=y,g.goToAndStop=p,g.destroy=d,g}(),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.pendingElements=0,this.playCount=0,this.prerenderFramesFlag=!0,this.animationData={},this.layers=[],this.assets=[],this.isPaused=!0,this.autoplay=!1,this.loop=!0,this.renderer=null,this.animationID=randomString(10),this.scaleMode="fit",this.assetsPath="",this.timeCompleted=0,this.segmentPos=0,this.subframeEnabled=subframeEnabled,this.segments=[],this.pendingSegment=!1,this.projectInterface=ProjectInterface()};AnimationItem.prototype.setParams=function(t){var e=this;t.context&&(this.context=t.context),(t.wrapper||t.container)&&(this.wrapper=t.wrapper||t.container);var s=t.animType?t.animType:t.renderer?t.renderer:"svg";switch(s){case"canvas":this.renderer=new CanvasRenderer(this,t.rendererSettings);break;case"svg":this.renderer=new SVGRenderer(this,t.rendererSettings);break;case"hybrid":case"html":default:this.renderer=new HybridRenderer(this,t.rendererSettings)}if(this.renderer.setProjectInterface(this.projectInterface),this.animType=s,""===t.loop||null===t.loop||(this.loop=t.loop===!1?!1:t.loop===!0?!0:parseInt(t.loop)),this.autoplay="autoplay"in t?t.autoplay:!0,this.name=t.name?t.name:"",this.prerenderFramesFlag="prerender"in t?t.prerender:!0,this.autoloadSegments=t.hasOwnProperty("autoloadSegments")?t.autoloadSegments:!0,t.animationData)e.configAnimation(t.animationData);else if(t.path){"json"!=t.path.substr(-4)&&("/"!=t.path.substr(-1,1)&&(t.path+="/"),t.path+="data.json");var r=new XMLHttpRequest;this.path=-1!=t.path.lastIndexOf("\\")?t.path.substr(0,t.path.lastIndexOf("\\")+1):t.path.substr(0,t.path.lastIndexOf("/")+1),this.assetsPath=t.assetsPath,this.fileName=t.path.substr(t.path.lastIndexOf("/")+1),this.fileName=this.fileName.substr(0,this.fileName.lastIndexOf(".json")),r.open("GET",t.path,!0),r.send(),r.onreadystatechange=function(){if(4==r.readyState)if(200==r.status)e.configAnimation(JSON.parse(r.responseText));else try{var t=JSON.parse(r.responseText);e.configAnimation(t)}catch(s){}}}},AnimationItem.prototype.setData=function(t,e){var s={wrapper:t,animationData:e?"object"==typeof e?e:JSON.parse(e):null},r=t.attributes;s.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:"",s.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 i=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:"";""===i||(s.loop="false"===i?!1:"true"===i?!0:parseInt(i));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:!0;s.autoplay="false"!==a,s.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:"";var n=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:"";"false"===n&&(s.prerender=!1),this.setParams(s)},AnimationItem.prototype.includeLayers=function(t){t.op>this.animationData.op&&(this.animationData.op=t.op,this.totalFrames=Math.floor(t.op-this.animationData.ip),this.animationData.tf=this.totalFrames);var e,s,r=this.animationData.layers,i=r.length,a=t.layers,n=a.length;for(s=0;n>s;s+=1)for(e=0;i>e;){if(r[e].id==a[s].id){r[e]=a[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(i=t.assets.length,e=0;i>e;e+=1)this.animationData.assets.push(t.assets[e]);dataManager.completeData(this.animationData,this.renderer.globalData.fontManager),this.renderer.includeLayers(t.layers),expressionsPlugin&&expressionsPlugin.initExpressions(this),this.renderer.renderFrame(null),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.animationData.tf);var e=t.shift();this.timeCompleted=e.time*this.frameRate;var s=new XMLHttpRequest,r=this,i=this.path+this.fileName+"_"+this.segmentPos+".json";this.segmentPos+=1,s.open("GET",i,!0),s.send(),s.onreadystatechange=function(){if(4==s.readyState)if(200==s.status)r.includeLayers(JSON.parse(s.responseText));else try{var t=JSON.parse(s.responseText);r.includeLayers(t)}catch(e){}}},AnimationItem.prototype.loadSegments=function(){var t=this.animationData.segments;t||(this.timeCompleted=this.animationData.tf),this.loadNextSegment()},AnimationItem.prototype.configAnimation=function(t){this.animationData=t,this.totalFrames=Math.floor(this.animationData.op-this.animationData.ip),this.animationData.tf=this.totalFrames,this.renderer.configAnimation(t),t.assets||(t.assets=[]),t.comps&&(t.assets=t.assets.concat(t.comps),t.comps=null),this.renderer.searchExtraCompositions(t.assets),this.layers=this.animationData.layers,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.imagePreloader=new ImagePreloader,this.imagePreloader.setAssetsPath(this.assetsPath),this.imagePreloader.setPath(this.path),this.imagePreloader.loadAssets(t.assets),this.loadSegments(),this.updaFrameModifier(),this.renderer.globalData.fontManager?this.waitForFontsLoaded():(dataManager.completeData(this.animationData,this.renderer.globalData.fontManager),this.checkLoaded())},AnimationItem.prototype.waitForFontsLoaded=function(){function t(){this.renderer.globalData.fontManager.loaded?(dataManager.completeData(this.animationData,this.renderer.globalData.fontManager),this.checkLoaded()):setTimeout(t.bind(this),20)}return function(){t.bind(this)()}}(),AnimationItem.prototype.addPendingElement=function(){this.pendingElements+=1},AnimationItem.prototype.elementLoaded=function(){this.pendingElements--,this.checkLoaded()},AnimationItem.prototype.checkLoaded=function(){0===this.pendingElements&&(expressionsPlugin&&expressionsPlugin.initExpressions(this),this.renderer.initItems(),setTimeout(function(){this.trigger("DOMLoaded")}.bind(this),0),this.isLoaded=!0,this.gotoFrame(),this.autoplay&&this.play())},AnimationItem.prototype.resize=function(){this.renderer.updateContainerSize()},AnimationItem.prototype.setSubframe=function(t){this.subframeEnabled=t?!0:!1},AnimationItem.prototype.gotoFrame=function(){this.currentFrame=this.subframeEnabled?this.currentRawFrame:Math.floor(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)},AnimationItem.prototype.pause=function(t){t&&this.name!=t||this.isPaused===!1&&(this.isPaused=!0)},AnimationItem.prototype.togglePause=function(t){t&&this.name!=t||(this.isPaused===!0?(this.isPaused=!1,this.play()):(this.isPaused=!0,this.pause()))},AnimationItem.prototype.stop=function(t){t&&this.name!=t||(this.isPaused=!0,this.currentFrame=this.currentRawFrame=0,this.playCount=0,this.gotoFrame())},AnimationItem.prototype.goToAndStop=function(t,e,s){s&&this.name!=s||(this.setCurrentRawFrameValue(e?t:t*this.frameModifier),this.isPaused=!0)},AnimationItem.prototype.goToAndPlay=function(t,e,s){this.goToAndStop(t,e,s),this.play()},AnimationItem.prototype.advanceTime=function(t){return this.pendingSegment?(this.pendingSegment=!1,this.adjustSegment(this.segments.shift()),void(this.isPaused&&this.play())):void(this.isPaused!==!0&&this.isLoaded!==!1&&this.setCurrentRawFrameValue(this.currentRawFrame+t*this.frameModifier))},AnimationItem.prototype.updateAnimation=function(t){this.setCurrentRawFrameValue(this.totalFrames*t)},AnimationItem.prototype.moveFrame=function(t,e){e&&this.name!=e||this.setCurrentRawFrameValue(this.currentRawFrame+t)},AnimationItem.prototype.adjustSegment=function(t){this.playCount=0,t[1]<t[0]?(this.frameModifier>0&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(-1)),this.totalFrames=t[0]-t[1],this.firstFrame=t[1],this.setCurrentRawFrameValue(this.totalFrames-.01)):t[1]>t[0]&&(this.frameModifier<0&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(1)),this.totalFrames=t[1]-t[0],this.firstFrame=t[0],this.setCurrentRawFrameValue(0)),this.trigger("segmentStart")},AnimationItem.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-.01)),this.firstFrame=t,this.totalFrames=e-t,-1!==s&&this.goToAndStop(s,!0)},AnimationItem.prototype.playSegments=function(t,e){if("object"==typeof t[0]){var s,r=t.length;for(s=0;r>s;s+=1)this.segments.push(t[s])}else this.segments.push(t);e&&this.adjustSegment(this.segments.shift()),this.isPaused&&this.play()},AnimationItem.prototype.resetSegments=function(t){this.segments.length=0,this.segments.push([this.animationData.ip*this.frameRate,Math.floor(this.animationData.op-this.animationData.ip+this.animationData.ip*this.frameRate)]),t&&this.adjustSegment(this.segments.shift())},AnimationItem.prototype.checkSegments=function(){this.segments.length&&(this.pendingSegment=!0)},AnimationItem.prototype.remove=function(t){t&&this.name!=t||this.renderer.destroy()},AnimationItem.prototype.destroy=function(t){t&&this.name!=t||this.renderer&&this.renderer.destroyed||(this.renderer.destroy(),this.trigger("destroy"),this._cbs=null)},AnimationItem.prototype.setCurrentRawFrameValue=function(t){if(this.currentRawFrame=t,this.currentRawFrame>=this.totalFrames){if(this.checkSegments(),this.loop===!1)return this.currentRawFrame=this.totalFrames-.01,this.gotoFrame(),this.pause(),void this.trigger("complete");if(this.trigger("loopComplete"),this.playCount+=1,this.loop!==!0&&this.playCount==this.loop||this.pendingSegment)return this.currentRawFrame=this.totalFrames-.01,this.gotoFrame(),this.pause(),void this.trigger("complete");this.currentRawFrame=this.currentRawFrame%this.totalFrames}else if(this.currentRawFrame<0)return this.checkSegments(),this.playCount-=1,this.playCount<0&&(this.playCount=0),this.loop===!1||this.pendingSegment?(this.currentRawFrame=0,this.gotoFrame(),this.pause(),void this.trigger("complete")):(this.trigger("loopComplete"),this.currentRawFrame=(this.totalFrames+this.currentRawFrame)%this.totalFrames,void this.gotoFrame());this.gotoFrame()},AnimationItem.prototype.setSpeed=function(t){this.playSpeed=t,this.updaFrameModifier()},AnimationItem.prototype.setDirection=function(t){this.playDirection=0>t?-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(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},AnimationItem.prototype.getAssetData=function(t){for(var e=0,s=this.assets.length;s>e;){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.getAssets=function(){return this.assets},AnimationItem.prototype.trigger=function(t){if(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))},AnimationItem.prototype.addEventListener=_addEventListener,AnimationItem.prototype.removeEventListener=_removeEventListener,AnimationItem.prototype.triggerEvent=_triggerEvent;var Expressions=function(){function t(t){t.renderer.compInterface=CompExpressionInterface(t.renderer),t.renderer.globalData.projectInterface.registerComposition(t.renderer)}var e={};return e.initExpressions=t,e}();expressionsPlugin=Expressions,function(){function t(){return this.pv}function e(t,e){var s,r,i=0,a=this.keyframes.length-1,n=1,o=!0;e=this.offsetTime||0;for(var h="object"==typeof this.pv?[this.pv.length]:0;o;){if(s=this.keyframes[i],r=this.keyframes[i+1],i==a-1&&t>=r.t-e){s.h&&(s=r);break}if(r.t-e>t)break;a-1>i?i+=n:o=!1}var l,p,m,f,d,c=0;if(s.to){s.bezierData||bez.buildBezierData(s);var u=s.bezierData;if(t>=r.t-e||t<s.t-e){var y=t>=r.t-e?u.points.length-1:0;for(p=u.points[y].point.length,l=0;p>l;l+=1)h[l]=u.points[y].point[l]}else{s.__fnct?d=s.__fnct:(d=BezierFactory.getBezierEasing(s.o.x,s.o.y,s.i.x,s.i.y,s.n).get,s.__fnct=d),m=d((t-(s.t-e))/(r.t-e-(s.t-e)));var g,v=u.segmentLength*m,b=0;for(n=1,o=!0,f=u.points.length;o;){if(b+=u.points[c].partialLength*n,0===v||0===m||c==u.points.length-1){for(p=u.points[c].point.length,l=0;p>l;l+=1)h[l]=u.points[c].point[l];break}if(v>=b&&v<b+u.points[c+1].partialLength){for(g=(v-b)/u.points[c+1].partialLength,p=u.points[c].point.length,l=0;p>l;l+=1)h[l]=u.points[c].point[l]+(u.points[c+1].point[l]-u.points[c].point[l])*g;break}f-1>c&&1==n||c>0&&-1==n?c+=n:o=!1}}}else{var E,P,k,S,x,C=!1;for(a=s.s.length,i=0;a>i;i+=1){if(1!==s.h&&(s.o.x instanceof Array?(C=!0,s.__fnct||(s.__fnct=[]),s.__fnct[i]||(E=s.o.x[i]||s.o.x[0],P=s.o.y[i]||s.o.y[0],k=s.i.x[i]||s.i.x[0],S=s.i.y[i]||s.i.y[0])):(C=!1,s.__fnct||(E=s.o.x,P=s.o.y,k=s.i.x,S=s.i.y)),C?s.__fnct[i]?d=s.__fnct[i]:(d=BezierFactory.getBezierEasing(E,P,k,S).get,s.__fnct[i]=d):s.__fnct?d=s.__fnct:(d=BezierFactory.getBezierEasing(E,P,k,S).get,s.__fnct=d),m=t>=r.t-e?1:t<s.t-e?0:d((t-(s.t-e))/(r.t-e-(s.t-e)))),this.sh&&1!==s.h){var M=s.s[i],D=s.e[i];-180>M-D?M+=360:M-D>180&&(M-=360),x=M+(D-M)*m}else x=1===s.h?s.s[i]:s.s[i]+(s.e[i]-s.s[i])*m;1===a?h=x:h[i]=x}}return h}function s(t){if(void 0!==this.vel)return this.vel;var e=.01;t*=this.elem.globalData.frameRate;var s,r=this.getValueAtTime(t),i=this.getValueAtTime(t+e);if(r.length){s=Array.apply(null,{length:r.length});var a;for(a=0;a<r.length;a+=1)s[a]=this.elem.globalData.frameRate*((i[a]-r[a])/e)}else s=(i-r)/e;return s}function r(t){this.propertyGroup=t}function i(t,e,s){e.x&&(s.k=!0,s.x=!0,s.getValue&&(s.getPreValue=s.getValue),s.getValue=ExpressionManager.initiateExpression.bind(s)(t,e,s))}var a=function(){function a(t,e){return this.textIndex=t+1,this.textTotal=e,this.getValue(),this.v}return function(n,o){this.pv=1,this.comp=n.comp,this.elem=n,this.mult=.01,this.type="textSelector",this.textTotal=o.totalChars,this.selectorValue=100,this.lastValue=[1,1,1],i.bind(this)(n,o,this),this.getMult=a,this.getVelocityAtTime=s,this.getValueAtTime=this.kf?e:t,this.setGroupProperty=r}}(),n=PropertyFactory.getProp;PropertyFactory.getProp=function(a,o,h,l,p){var m=n(a,o,h,l,p);m.getVelocityAtTime=s,m.getValueAtTime=m.kf?e:t,m.setGroupProperty=r;var f=m.k;return void 0!==o.ix&&Object.defineProperty(m,"propertyIndex",{get:function(){return o.ix}}),i(a,o,m),!f&&m.x&&p.push(m),m};var o=ShapePropertyFactory.getShapeProp;ShapePropertyFactory.getShapeProp=function(t,e,s,i,a){var n=o(t,e,s,i,a),h="tm"===n.ty?n.prop:n;return h.setGroupProperty=r,void 0!==e.ix&&Object.defineProperty(h,"propertyIndex",{get:function(){return e.ix}}),n};var h=PropertyFactory.getTextSelectorProp;PropertyFactory.getTextSelectorProp=function(t,e,s){return 1===e.t?new a(t,e,s):h(t,e,s)}}();var ExpressionManager=function(){function duplicatePropertyValue(t,e){if(e=e||1,"number"==typeof t)return t*e;if(t.i)return JSON.parse(JSON.stringify(t));var s,r=Array.apply(null,{length:t.length}),i=t.length;for(s=0;i>s;s+=1)r[s]=t[s]*e;return r}function $bm_neg(t){var e=typeof t;if("number"===e||"boolean"===e)return-t;if("object"===e){var s,r=t.length,i=[];for(s=0;r>s;s+=1)i[s]=-t[s];return i}}function sum(t,e){var s=typeof t,r=typeof e;if("string"===s||"string"===r)return t+e;if(!("number"!==s&&"boolean"!==s||"number"!==r&&"boolean"!==r))return t+e;if("object"===s&&("number"===r||"boolean"===r))return t[0]=t[0]+e,t;if(("number"===s||"boolean"===s)&&"object"===r)return e[0]=t+e[0],e;if("object"===s&&"object"===r){for(var i=0,a=t.length,n=e.length,o=[];a>i||n>i;)o[i]="number"==typeof t[i]&&"number"==typeof e[i]?t[i]+e[i]:void 0==e[i]?t[i]:t[i]||e[i],i+=1;return o}return 0}function sub(t,e){var s=typeof t,r=typeof e;if(!("number"!==s&&"boolean"!==s||"number"!==r&&"boolean"!==r))return t-e;if("object"===s&&("number"===r||"boolean"===r))return t[0]=t[0]-e,t;if(("number"===s||"boolean"===s)&&"object"===r)return e[0]=t-e[0],e;if("object"===s&&"object"===r){for(var i=0,a=t.length,n=e.length,o=[];a>i||n>i;)o[i]="number"==typeof t[i]&&"number"==typeof e[i]?t[i]-e[i]:void 0==e[i]?t[i]:t[i]||e[i],i+=1;return o}return 0}function mul(t,e){var s=typeof t,r=typeof e;if(!("number"!==s&&"boolean"!==s||"number"!==r&&"boolean"!==r))return t*e;var i,a;if("object"===s&&("number"===r||"boolean"===r)){for(a=t.length,arr=Array.apply(null,{length:a}),i=0;a>i;i+=1)arr[i]=t[i]*e;return arr}if(("number"===s||"boolean"===s)&&"object"===r){for(a=e.length,arr=Array.apply(null,{length:a}),i=0;a>i;i+=1)arr[i]=t*e[i];return arr}return 0}function div(t,e){var s=typeof t,r=typeof e;if(!("number"!==s&&"boolean"!==s||"number"!==r&&"boolean"!==r))return t/e;var i,a;if("object"===s&&("number"===r||"boolean"===r)){for(a=t.length,arr=Array.apply(null,{length:a}),i=0;a>i;i+=1)arr[i]=t[i]/e;return arr}if(("number"===s||"boolean"===s)&&"object"===r){for(a=e.length,arr=Array.apply(null,{length:a}),i=0;a>i;i+=1)arr[i]=t/e[i];return arr}return 0}function clamp(t,e,s){if(e>s){var r=s;s=e,e=r}return Math.min(Math.max(t,e),s)}function radiansToDegrees(t){return t/degToRads}function degreesToRadians(t){return t*degToRads}function length(t,e){e||(e=helperLengthArray);var s,r=Math.min(t.length,e.length),i=0;for(s=0;r>s;s+=1)i+=Math.pow(e[s]-t[s],2);return Math.sqrt(i)}function rgbToHsl(t){var e,s,r=t[0],i=t[1],a=t[2],n=Math.max(r,i,a),o=Math.min(r,i,a),h=(n+o)/2;if(n==o)e=s=0;else{var l=n-o;switch(s=h>.5?l/(2-n-o):l/(n+o),n){case r:e=(i-a)/l+(a>i?6:0);break;case i:e=(a-r)/l+2;break;case a:e=(r-i)/l+4}e/=6}return[e,s,h,t[3]]}function hslToRgb(t){function e(t,e,s){return 0>s&&(s+=1),s>1&&(s-=1),1/6>s?t+6*(e-t)*s:.5>s?e:2/3>s?t+(e-t)*(2/3-s)*6:t}var s,r,i,a=t[0],n=t[1],o=t[2];if(0==n)s=r=i=o;else{var h=.5>o?o*(1+n):o+n-o*n,l=2*o-h;s=e(l,h,a+1/3),r=e(l,h,a),i=e(l,h,a-1/3)}return[s,r,i,t[3]]}function linear(t,e,s,r,i){if(void 0===r||void 0===i)return linear(t,0,1,e,s);if(e>=t)return r;if(t>=s)return i;var a=s===e?0:t/(s-e);if(!r.length)return r+(i-r)*a;var n,o=r.length,h=Array.apply(null,{length:o});for(n=0;o>n;n+=1)h[n]=r[n]+(i[n]-r[n])*a;return h}function seedRandom(t){BMMath.seedrandom(t)}function random(t,e){if(void 0===e&&(void 0===t?(t=0,e=1):(e=t,t=void 0)),e.length){var s,r=e.length;t||(t=Array.apply(null,{length:r}));var i=Array.apply(null,{length:r}),a=BMMath.random();for(s=0;r>s;s+=1)i[s]=t[s]+a*(e[s]-t[s]);return i}void 0===t&&(t=0);var n=BMMath.random();return t+n*(e-t)}function initiateExpression(elem,data,property){function lookAt(t,e){var s=[e[0]-t[0],e[1]-t[1],e[2]-t[2]],r=Math.atan2(s[0],Math.sqrt(s[1]*s[1]+s[2]*s[2]))/degToRads,i=-Math.atan2(s[1],s[2])/degToRads;return[i,r,0]}function easeOut(t,e,s){return-(s-e)*t*(t-2)+e}function nearestKey(t){var e,s,r,i=data.k.length;if(data.k.length&&"number"!=typeof data.k[0]){for(s=-1,t*=elem.comp.globalData.frameRate,e=0;i-1>e;e+=1){if(t===data.k[e].t){s=e+1,r=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?(s=e+2,r=data.k[e+1].t):(s=e+1,r=data.k[e].t);break}}-1===s&&(s=e+1,r=data.k[e].t)}else s=0,r=0;var a={};return a.index=s,a.time=r/elem.comp.globalData.frameRate,a}function key(t){if(!data.k.length||"number"==typeof data.k[0])return{time:0};t-=1;var e,s={time:data.k[t].t/elem.comp.globalData.frameRate};e=t===data.k.length-1?data.k[t-1].e:data.k[t].s;var r,i=e.length;for(r=0;i>r;r+=1)s[r]=e[r];return s}function framesToTime(t,e){return e||(e=elem.comp.globalData.frameRate),t/e}function timeToFrames(t,e){return t||(t=time),e||(e=elem.comp.globalData.frameRate),t*e}function execute(){if(this.frameExpressionId!==elem.globalData.frameId||"textSelector"===this.type){if(this.lock)return this.v=duplicatePropertyValue(this.pv,this.mult),!0;"textSelector"===this.type&&(textIndex=this.textIndex,textTotal=this.textTotal,selectorValue=this.selectorValue),transform||(transform=elem.transform),thisLayer||(thisLayer=elem.layerInterface,thisComp=elem.comp.compInterface),4!==elemType||content||(content=thisLayer("ADBE Root Vectors Group")),effect||(effect=thisLayer(4)),hasParent=!(!elem.hierarchy||!elem.hierarchy.length),hasParent&&!parent&&(parent=elem.hierarchy[elem.hierarchy.length-1].layerInterface),this.lock=!0,this.getPreValue&&this.getPreValue(),value=this.pv,time=this.comp.renderedFrame/this.comp.globalData.frameRate,needsVelocity&&(velocity=velocityAtTime(time)),bindedFn(),this.frameExpressionId=elem.globalData.frameId;var t,e;if(this.mult)if("number"==typeof this.v)this.v*=this.mult;else for(e=this.v.length,value===this.v&&(this.v=2===e?[value[0],value[1]]:[value[0],value[1],value[2]]),t=0;e>t;t+=1)this.v[t]*=this.mult;if("number"==typeof this.v)this.lastValue!==this.v&&(this.lastValue=this.v,this.mdf=!0);else if(this.v.i)this.mdf=!0;else for(e=this.v.length,t=0;e>t;t+=1)this.v[t]!==this.lastValue[t]&&(this.lastValue[t]=this.v[t],this.mdf=!0);this.lock=!1}}var val=data.x,needsVelocity=-1!==val.indexOf("velocity"),elemType=elem.data.ty,transform,content,effect,thisComp=elem.comp,thisProperty=property;elem.comp.frameDuration=1/elem.comp.globalData.frameRate;var inPoint=elem.data.ip/elem.comp.globalData.frameRate,outPoint=elem.data.op/elem.comp.globalData.frameRate,thisLayer,thisComp,fnStr="var fn = function(){"+val+";this.v = $bm_rt;}";eval(fnStr);var bindedFn=fn.bind(this),numKeys=data.k?data.k.length:0,wiggle=function(t,e){var s,r,i=this.pv.length?this.pv.length:1,a=Array.apply(null,{len:i});for(r=0;i>r;r+=1)a[r]=0;t=5;var n=Math.floor(time*t);for(s=0,r=0;n>s;){for(r=0;i>r;r+=1)a[r]+=-e+2*e*BMMath.random();s+=1}var o=time*t,h=o-Math.floor(o),l=Array.apply({length:i});for(r=0;i>r;r+=1)l[r]=this.pv[r]+a[r]+(-e+2*e*BMMath.random())*h;return l}.bind(this),loopIn=function(t,e,s){if(!this.k)return this.pv;var r=time*elem.comp.globalData.frameRate,i=this.keyframes,a=i[0].t;if(r>=a)return this.pv;var n,o;s?(n=e?Math.abs(elem.comp.globalData.frameRate*e):Math.max(0,this.elem.data.op-a),o=a+n):((!e||e>i.length-1)&&(e=i.length-1),o=i[e].t,n=o-a);var h,l,p;if("pingpong"===t){var m=Math.floor((a-r)/n);if(m%2===0)return this.getValueAtTime((a-r)%n+a)}else{if("offset"===t){var f=this.getValueAtTime(a),d=this.getValueAtTime(o),c=this.getValueAtTime(n-(a-r)%n+a),u=Math.floor((a-r)/n)+1;if(this.pv.length){
-for(p=new Array(f.length),l=p.length,h=0;l>h;h+=1)p[h]=c[h]-(d[h]-f[h])*u;return p}return c-(d-f)*u}if("continue"===t){var y=this.getValueAtTime(a),g=this.getValueAtTime(a+.001);if(this.pv.length){for(p=new Array(y.length),l=p.length,h=0;l>h;h+=1)p[h]=y[h]+(y[h]-g[h])*(a-r)/5e-4;return p}return y+(y-g)*(a-r)/5e-4}}return this.getValueAtTime(n-(a-r)%n+a)}.bind(this),loopInDuration=function(t,e){return loopIn(t,e,!0)}.bind(this),loopOut=function(t,e,s){if(!this.k)return this.pv;var r=time*elem.comp.globalData.frameRate,i=this.keyframes,a=i[i.length-1].t;if(a>=r)return this.pv;var n,o;s?(n=e?Math.abs(a-elem.comp.globalData.frameRate*e):Math.max(0,a-this.elem.data.ip),o=a-n):((!e||e>i.length-1)&&(e=i.length-1),o=i[i.length-1-e].t,n=a-o);var h,l,p;if("pingpong"===t){var m=Math.floor((r-o)/n);if(m%2!==0)return this.getValueAtTime(n-(r-o)%n+o)}else{if("offset"===t){var f=this.getValueAtTime(o),d=this.getValueAtTime(a),c=this.getValueAtTime((r-o)%n+o),u=Math.floor((r-o)/n);if(this.pv.length){for(p=new Array(f.length),l=p.length,h=0;l>h;h+=1)p[h]=(d[h]-f[h])*u+c[h];return p}return(d-f)*u+c}if("continue"===t){var y=this.getValueAtTime(a),g=this.getValueAtTime(a-.001);if(this.pv.length){for(p=new Array(y.length),l=p.length,h=0;l>h;h+=1)p[h]=y[h]+(y[h]-g[h])*(r-a)/5e-4;return p}return y+(y-g)*(r-a)/5e-4}}return this.getValueAtTime((r-o)%n+o)}.bind(this),loop_out=loopOut,loopOutDuration=function(t,e){return loopOut(t,e,!0)}.bind(this),valueAtTime=function(t){return this.getValueAtTime(t*elem.comp.globalData.frameRate)}.bind(this),velocityAtTime=function(t){return this.getVelocityAtTime(t)}.bind(this),comp=elem.comp.globalData.projectInterface.bind(elem.comp.globalData.projectInterface),time,velocity,value,textIndex,textTotal,selectorValue,index=elem.data.ind+1,hasParent=!(!elem.hierarchy||!elem.hierarchy.length),parent;return execute}var ob={},Math=BMMath,radians_to_degrees=radiansToDegrees,degrees_to_radians=radiansToDegrees,helperLengthArray=[0,0,0,0,0,0];return ob.initiateExpression=initiateExpression,ob}(),ShapeExpressionInterface=function(){function t(t,e,s){return m(t,e,s)}function e(t,e,s){return d(t,e,s)}function s(t,e,s){return c(t,e,s)}function r(t,e,s){return u(t,e,s)}function i(t,e,s){return y(t,e,s)}function a(t,e,s){return g(t,e,s)}function n(t,e,s){return v(t,e,s)}function o(t,e,s){return b(t,e,s)}function h(t,e,s){return E(t,e,s)}function l(t,e,s){var r,i=[],a=t?t.length:0;for(r=0;a>r;r+=1)"gr"==t[r].ty?i.push(ShapeExpressionInterface.createGroupInterface(t[r],e[r],s)):"fl"==t[r].ty?i.push(ShapeExpressionInterface.createFillInterface(t[r],e[r],s)):"st"==t[r].ty?i.push(ShapeExpressionInterface.createStrokeInterface(t[r],e[r],s)):"tm"==t[r].ty?i.push(ShapeExpressionInterface.createTrimInterface(t[r],e[r],s)):"tr"==t[r].ty||("el"==t[r].ty?i.push(ShapeExpressionInterface.createEllipseInterface(t[r],e[r],s)):"sr"==t[r].ty?i.push(ShapeExpressionInterface.createStarInterface(t[r],e[r],s)):"sh"==t[r].ty&&i.push(ShapeExpressionInterface.createPathInterface(t[r],e[r],s)));return i}var p={createShapeInterface:t,createGroupInterface:e,createTrimInterface:i,createStrokeInterface:r,createTransformInterface:a,createEllipseInterface:n,createStarInterface:o,createPathInterface:h,createFillInterface:s},m=function(){return function(t,e,s){function r(t){if("number"==typeof t)return i[t-1];for(var e=0,s=i.length;s>e;){if(i[e]._name===t)return i[e];e+=1}}var i;return r.propertyGroup=s,i=l(t,e,r),r}}(),f=function(){return function(t,e,s){var r,i=function(t){if("number"==typeof t)return r[t-1];for(var e=0,s=r.length;s>e;){if(r[e]._name===t)return r[e];e+=1}};return i.propertyGroup=function(t){return 1===t?i:s(t-1)},r=l(t.it,e.it,i.propertyGroup),i}}(),d=function(){return function(t,e,s){var r=function(t){switch(t){case"ADBE Vectors Group":case 2:return r.content;case"ADBE Vector Transform Group":case 3:default:return r.transform}};r.propertyGroup=function(t){return 1===t?r:s(t-1)};var i=f(t,e,r.propertyGroup),a=ShapeExpressionInterface.createTransformInterface(t.it[t.it.length-1],e.it[e.it.length-1],r.propertyGroup);return r.content=i,r.transform=a,Object.defineProperty(r,"_name",{get:function(){return t.nm}}),r.nm=t.nm,r}}(),c=function(){return function(t,e,s){e.c.setGroupProperty(s),e.o.setGroupProperty(s);var r={get color(){return e.c.k&&e.c.getValue(),[e.c.v[0]/e.c.mult,e.c.v[1]/e.c.mult,e.c.v[2]/e.c.mult,1]},get opacity(){return e.o.k&&e.o.getValue(),e.o.v},_name:t.nm};return r}}(),u=function(){return function(t,e,s){function r(t){return 1===t?i:s(t-1)}e.c.setGroupProperty(r),e.o.setGroupProperty(r),e.w.setGroupProperty(r);var i={get color(){return e.c.k&&e.c.getValue(),[e.c.v[0]/e.c.mult,e.c.v[1]/e.c.mult,e.c.v[2]/e.c.mult,1]},get opacity(){return e.o.k&&e.o.getValue(),e.o.v},get strokeWidth(){return e.w.k&&e.w.getValue(),e.w.v},dashOb:{},get dash(){var r,i=e.d,a=t.d,n=a.length;for(r=0;n>r;r+=1)i.dataProps[r].p.k&&i.dataProps[r].p.getValue(),i.dataProps[r].p.setGroupProperty(s),this.dashOb[a[r].nm]=i.dataProps[r].p.v;return this.dashOb},_name:t.nm};return i}}(),y=function(){return function(t,e,s){function r(t){return 1==t?i:s(--t)}function i(e){return e===t.e.ix?i.end:e===t.s.ix?i.start:e===t.o.ix?i.offset:void 0}return r.propertyIndex=t.ix,e.s.setGroupProperty(r),e.e.setGroupProperty(r),e.o.setGroupProperty(r),i.propertyIndex=t.ix,Object.defineProperty(i,"start",{get:function(){return e.s.k&&e.s.getValue(),e.s.v/e.s.mult}}),Object.defineProperty(i,"end",{get:function(){return e.e.k&&e.e.getValue(),e.e.v/e.e.mult}}),Object.defineProperty(i,"offset",{get:function(){return e.o.k&&e.o.getValue(),e.o.v}}),Object.defineProperty(i,"_name",{get:function(){return t.nm}}),i}}(),g=function(){return function(t,e,s){function r(t){return 1==t?i:s(--t)}function i(e){return t.a.ix===e?i.anchorPoint:t.o.ix===e?i.opacity:t.p.ix===e?i.position:t.r.ix===e?i.rotation:t.s.ix===e?i.scale:t.sk&&t.sk.ix===e?i.skew:t.sa&&t.sa.ix===e?i.skewAxis:void 0}e.transform.mProps.o.setGroupProperty(r),e.transform.mProps.p.setGroupProperty(r),e.transform.mProps.a.setGroupProperty(r),e.transform.mProps.s.setGroupProperty(r),e.transform.mProps.r.setGroupProperty(r),e.transform.mProps.sk&&(e.transform.mProps.sk.setGroupProperty(r),e.transform.mProps.sa.setGroupProperty(r)),e.transform.op.setGroupProperty(r),Object.defineProperty(i,"opacity",{get:function(){return e.transform.mProps.o.k&&e.transform.mProps.o.getValue(),e.transform.mProps.o.v/e.transform.mProps.o.mult}}),Object.defineProperty(i,"position",{get:function(){return e.transform.mProps.p.k&&e.transform.mProps.p.getValue(),[e.transform.mProps.p.v[0],e.transform.mProps.p.v[1]]}}),Object.defineProperty(i,"anchorPoint",{get:function(){return e.transform.mProps.a.k&&e.transform.mProps.a.getValue(),[e.transform.mProps.a.v[0],e.transform.mProps.a.v[1]]}});var a=[];return Object.defineProperty(i,"scale",{get:function(){return e.transform.mProps.s.k&&e.transform.mProps.s.getValue(),a[0]=e.transform.mProps.s.v[0]/e.transform.mProps.s.mult,a[1]=e.transform.mProps.s.v[1]/e.transform.mProps.s.mult,a}}),Object.defineProperty(i,"rotation",{get:function(){return e.transform.mProps.r.k&&e.transform.mProps.r.getValue(),e.transform.mProps.r.v/e.transform.mProps.r.mult}}),Object.defineProperty(i,"skew",{get:function(){return e.transform.mProps.sk.k&&e.transform.mProps.sk.getValue(),e.transform.mProps.sk.v}}),Object.defineProperty(i,"skewAxis",{get:function(){return e.transform.mProps.sa.k&&e.transform.mProps.sa.getValue(),e.transform.mProps.sa.v}}),Object.defineProperty(i,"_name",{get:function(){return t.nm}}),i.ty="tr",i}}(),v=function(){return function(t,e,s){function r(t){return 1==t?r:s(--t)}function i(e){return t.p.ix===e?i.position:t.s.ix===e?i.size:void 0}r.propertyIndex=t.ix;var a="tm"===e.sh.ty?e.sh.prop:e.sh;return a.s.setGroupProperty(r),a.p.setGroupProperty(r),Object.defineProperty(i,"size",{get:function(){return a.s.k&&a.s.getValue(),[a.s.v[0],a.s.v[1]]}}),Object.defineProperty(i,"position",{get:function(){return a.p.k&&a.p.getValue(),[a.p.v[0],a.p.v[1]]}}),Object.defineProperty(i,"_name",{get:function(){return t.nm}}),i}}(),b=function(){return function(t,e,s){function r(t){return 1==t?r:s(--t)}function i(e){return t.p.ix===e?i.position:t.r.ix===e?i.rotation:t.pt.ix===e?i.points:t.or.ix===e||"ADBE Vector Star Outer Radius"===e?i.outerRadius:t.os.ix===e?i.outerRoundness:!t.ir||t.ir.ix!==e&&"ADBE Vector Star Inner Radius"!==e?t.is&&t.is.ix===e?i.innerRoundness:void 0:i.innerRadius}var a="tm"===e.sh.ty?e.sh.prop:e.sh;return r.propertyIndex=t.ix,a.or.setGroupProperty(r),a.os.setGroupProperty(r),a.pt.setGroupProperty(r),a.p.setGroupProperty(r),a.r.setGroupProperty(r),t.ir&&(a.ir.setGroupProperty(r),a.is.setGroupProperty(r)),Object.defineProperty(i,"position",{get:function(){return a.p.k&&a.p.getValue(),a.p.v}}),Object.defineProperty(i,"rotation",{get:function(){return a.r.k&&a.r.getValue(),a.r.v/a.r.mult}}),Object.defineProperty(i,"points",{get:function(){return a.pt.k&&a.pt.getValue(),a.pt.v}}),Object.defineProperty(i,"outerRadius",{get:function(){return a.or.k&&a.or.getValue(),a.or.v}}),Object.defineProperty(i,"outerRoundness",{get:function(){return a.os.k&&a.os.getValue(),a.os.v/a.os.mult}}),Object.defineProperty(i,"innerRadius",{get:function(){return a.ir?(a.ir.k&&a.ir.getValue(),a.ir.v):0}}),Object.defineProperty(i,"innerRoundness",{get:function(){return a.is?(a.is.k&&a.is.getValue(),a.is.v/a.is.mult):0}}),Object.defineProperty(i,"_name",{get:function(){return t.nm}}),i}}(),E=function(){return function(t,e,s){var r="tm"===e.sh.ty?e.sh.prop:e.sh;r.setGroupProperty(s);var i={get shape(){return r.k&&r.getValue(),r.v},get path(){return r.k&&r.getValue(),r.v},_name:t.nm};return i}}();return p}(),LayerExpressionInterface=function(){function t(t){var e=new Matrix;if(e.reset(),this._elem.finalTransform.mProp.applyToMatrix(e),this._elem.hierarchy&&this._elem.hierarchy.length){var s,r=this._elem.hierarchy.length;for(s=0;r>s;s+=1)this._elem.hierarchy[s].finalTransform.mProp.applyToMatrix(e);return e.applyToPointArray(t[0],t[1],t[2]||0)}return e.applyToPointArray(t[0],t[1],t[2]||0)}return function(e){function s(t){i.mask=t.getMask.bind(t)}function r(t){i.effect=t}function i(t){switch(t){case"ADBE Root Vectors Group":case 2:return i.shapeInterface;case"Transform":case"transform":case"ADBE Transform Group":return a;case 4:return i.effect}}var a=TransformExpressionInterface(e.transform);return i.toWorld=t,i.toComp=t,i._elem=e,Object.defineProperty(i,"hasParent",{get:function(){return!!e.hierarchy}}),Object.defineProperty(i,"parent",{get:function(){return e.hierarchy[0].layerInterface}}),Object.defineProperty(i,"rotation",{get:function(){return a.rotation}}),Object.defineProperty(i,"scale",{get:function(){return a.scale}}),Object.defineProperty(i,"position",{get:function(){return a.position}}),Object.defineProperty(i,"anchorPoint",{get:function(){return a.anchorPoint}}),Object.defineProperty(i,"transform",{get:function(){return a}}),Object.defineProperty(i,"_name",{value:e.data.nm}),Object.defineProperty(i,"content",{get:function(){return i.shapeInterface}}),i.active=!0,i.registerMaskInterface=s,i.registerEffectsInterface=r,i}}(),CompExpressionInterface=function(){return function(t){function e(e){for(var s=0,r=t.layers.length;r>s;){if(t.layers[s].nm===e)return t.elements[s].layerInterface;s+=1}}return e.layer=e,e.pixelAspect=1,e.height=t.globalData.compSize.h,e.width=t.globalData.compSize.w,e.pixelAspect=1,e.frameDuration=1/t.globalData.frameRate,e}}(),TransformExpressionInterface=function(){return function(t){function e(s){switch(s){case"scale":case"Scale":case"ADBE Scale":return e.scale;case"rotation":case"Rotation":case"ADBE Rotation":return e.rotation;case"position":case"Position":case"ADBE Position":return t.position;case"anchorPoint":case"AnchorPoint":case"ADBE AnchorPoint":return e.anchorPoint}}return Object.defineProperty(e,"rotation",{get:function(){return t.rotation}}),Object.defineProperty(e,"scale",{get:function(){var e,s=t.scale,r=s.length,i=Array.apply(null,{length:r});for(e=0;r>e;e+=1)i[e]=100*s[e];return i}}),Object.defineProperty(e,"position",{get:function(){return t.position}}),Object.defineProperty(e,"anchorPoint",{get:function(){return t.anchorPoint}}),e}}(),ProjectInterface=function(){function t(t){this.compositions.push(t)}return function(){function e(t){for(var e=0,s=this.compositions.length;s>e;){if(this.compositions[e].data&&this.compositions[e].data.nm===t)return 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,s){if(t.effects){var r,i=[],a=t.data.ef,n=t.effects.effectElements.length;for(r=0;n>r;r+=1)i.push(e(a[r],t.effects.effectElements[r],s));return function(e){for(var s=t.data.ef,r=0,a=s.length;a>r;){if(e===s[r].nm||e===s[r].ix)return i[r];r+=1}}}}function e(t,r,i){var a,n=[],o=t.ef.length;for(a=0;o>a;a+=1)n.push(5===t.ef.ty?e(t.ef[a],r.effectElements[a],i):s(r.effectElements[a]));return function(e){for(var s=t.ef,r=0,i=s.length;i>r;){if(e===s[r].nm||e===s[r].mn||e===s[r].ix)return 5===s[r].ty?n[r]:n[r]();r+=1}return n[0]()}}function s(t){return function(){if(t.p.k&&t.p.getValue(),"number"==typeof t.p.v)return t.p.v;var e,s=t.p.v.length,r=Array.apply(null,{length:s});for(e=0;s>e;e+=1)r[e]=t.p.v[e];return r}}var r={createEffectsInterface:t};return r}();GroupEffect.prototype.getValue=function(){this.mdf=!1;var t,e=this.dynamicProperties.length;for(t=0;e>t;t+=1)this.dynamicProperties[t].getValue(),this.mdf=this.dynamicProperties[t].mdf?!0:this.mdf},GroupEffect.prototype.init=function(t,e,s){this.data=t,this.mdf=!1,this.effectElements=[];var r,i,a=this.data.ef.length,n=this.data.ef;for(r=0;a>r;r+=1)switch(n[r].ty){case 0:i=new SliderEffect(n[r],e,s),this.effectElements.push(i);break;case 1:i=new AngleEffect(n[r],e,s),this.effectElements.push(i);break;case 2:i=new ColorEffect(n[r],e,s),this.effectElements.push(i);break;case 3:i=new PointEffect(n[r],e,s),this.effectElements.push(i);break;case 4:case 7:i=new CheckboxEffect(n[r],e,s),this.effectElements.push(i);break;case 5:i=new EffectsManager(n[r],e,s),this.effectElements.push(i);break;case 6:i=new NoValueEffect(n[r],e,s),this.effectElements.push(i)}};var bodymovinjs = {}; function play(animation){ animationManager.play(animation); } function pause(animation){ animationManager.pause(animation); } function togglePause(animation){ animationManager.togglePause(animation); } function setSpeed(value,animation){ animationManager.setSpeed(value, animation); } function setDirection(value,animation){ animationManager.setDirection(value, animation); } function stop(animation){ animationManager.stop(animation); } function moveFrame(value){ animationManager.moveFrame(value); } function searchAnimations(){ if(standalone === true){ animationManager.searchAnimations(animationData,standalone, renderer); }else{ animationManager.searchAnimations(); } } function registerAnimation(elem){ return animationManager.registerAnimation(elem); } function resize(){ animationManager.resize(); } function start(){ animationManager.start(); } function goToAndStop(val,isFrame, animation){ animationManager.goToAndStop(val,isFrame, animation); } function setSubframeRendering(flag){ subframeEnabled = flag; } function loadAnimation(params){ if(standalone === true){ params.animationData = JSON.parse(animationData); } return animationManager.loadAnimation(params); } function destroy(animation){ return animationManager.destroy(animation); } 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 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; } } bodymovinjs.play = play; bodymovinjs.pause = pause; bodymovinjs.togglePause = togglePause; bodymovinjs.setSpeed = setSpeed; bodymovinjs.setDirection = setDirection; bodymovinjs.stop = stop; bodymovinjs.moveFrame = moveFrame; bodymovinjs.searchAnimations = searchAnimations; bodymovinjs.registerAnimation = registerAnimation; bodymovinjs.loadAnimation = loadAnimation; bodymovinjs.setSubframeRendering = setSubframeRendering; bodymovinjs.resize = resize; bodymovinjs.start = start; bodymovinjs.goToAndStop = goToAndStop; bodymovinjs.destroy = destroy; bodymovinjs.setQuality = setQuality; bodymovinjs.installPlugin = installPlugin; bodymovinjs.__getFactory = getFactory; bodymovinjs.version = '4.4.14'; 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]; var queryString = myScript.src.replace(/^[^\?]+\??/,''); renderer = getQueryVariable('renderer'); } var readyStateCheckInterval = setInterval(checkReady, 100); return bodymovinjs; }));  
\ No newline at end of file
+function ProjectInterface(){return {}};
+
+BMMath.random = Math.random;
+BMMath.abs = function(val){
+    var tOfVal = typeof val;
+    if(tOfVal === 'object' && val.length){
+        var absArr = Array.apply(null,{length:val.length});
+        var i, len = val.length;
+        for(i=0;i<len;i+=1){
+            absArr[i] = Math.abs(val[i]);
+        }
+        return absArr;
+    }
+    return val;
+
+}
+var defaultCurveSegments = 75;
+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 roundTo2Decimals(val){
+    return Math.round(val*10000)/10000;
+}
+
+function roundTo3Decimals(val){
+    return Math.round(val*100)/100;
+}
+
+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 styleUnselectableDiv(element){
+    element.style.userSelect = 'none';
+    element.style.MozUserSelect = 'none';
+    element.style.webkitUserSelect = 'none';
+    element.style.oUserSelect = 'none';
+
+}
+
+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 = c;
+    this.totalLoops = t;
+    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 _addEventListener(eventName, callback){
+
+    if (!this._cbs[eventName]){
+        this._cbs[eventName] = [];
+    }
+    this._cbs[eventName].push(callback);
+
+}
+
+function _removeEventListener(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;
+        }
+    }
+
+}
+
+function _triggerEvent(eventName, args){
+    if (this._cbs[eventName]) {
+        var len = this._cbs[eventName].length;
+        for (var i = 0; i < len; i++){
+            this._cbs[eventName][i](args);
+        }
+    }
+}
+
+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;
+    if (arguments.length === 1) {
+        s = h.s, v = h.v, h = h.h;
+    }
+    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) {
+    if (arguments.length === 1) {
+        g = r.g, b = r.b, r = r.r;
+    }
+    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]);
+}
+
+function componentToHex(c) {
+    var hex = c.toString(16);
+    return hex.length == 1 ? '0' + hex : hex;
+}
+
+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 fillToRgba(hex,alpha){
+    if(!cachedColors[hex]){
+        var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+        cachedColors[hex] = parseInt(result[1], 16)+','+parseInt(result[2], 16)+','+parseInt(result[3], 16);
+    }
+    return 'rgba('+cachedColors[hex]+','+alpha+')';
+}
+
+var fillColorToString = (function(){
+
+    var colorMap = [];
+    return function(colorArr,alpha){
+        if(alpha !== undefined){
+            colorArr[3] = alpha;
+        }
+        if(!colorMap[colorArr[0]]){
+            colorMap[colorArr[0]] = {};
+        }
+        if(!colorMap[colorArr[0]][colorArr[1]]){
+            colorMap[colorArr[0]][colorArr[1]] = {};
+        }
+        if(!colorMap[colorArr[0]][colorArr[1]][colorArr[2]]){
+            colorMap[colorArr[0]][colorArr[1]][colorArr[2]] = {};
+        }
+        if(!colorMap[colorArr[0]][colorArr[1]][colorArr[2]][colorArr[3]]){
+            colorMap[colorArr[0]][colorArr[1]][colorArr[2]][colorArr[3]] = 'rgba(' + colorArr.join(',')+')';
+        }
+        return colorMap[colorArr[0]][colorArr[1]][colorArr[2]][colorArr[3]];
+    };
+}());
+
+function RenderedFrame(tr,o) {
+    this.tr = tr;
+    this.o = o;
+}
+
+function LetterProps(o,sw,sc,fc,m,p){
+    this.o = o;
+    this.sw = sw;
+    this.sc = sc;
+    this.fc = fc;
+    this.m = m;
+    this.props = p;
+}
+
+function iterateDynamicProperties(num){
+    var i, len = this.dynamicProperties;
+    for(i=0;i<len;i+=1){
+        this.dynamicProperties[i].getValue(num);
+    }
+}
+
+function reversePath(paths, isClosed){
+    var newI = [], newO = [], newV = [];
+    var i, len, newPaths = {};
+    var init = 0;
+    if (isClosed) {
+        newI[0] = paths.o[0];
+        newO[0] = paths.i[0];
+        newV[0] = paths.v[0];
+        init = 1;
+    }
+    len = paths.i.length;
+    var cnt = len - 1;
+
+    for (i = init; i < len; i += 1) {
+        newI.push(paths.o[cnt]);
+        newO.push(paths.i[cnt]);
+        newV.push(paths.v[cnt]);
+        cnt -= 1;
+    }
+
+    newPaths.i = newI;
+    newPaths.o = newO;
+    newPaths.v = newV;
+
+    return newPaths;
+}
+/*!
+ 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(){
+
+    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 = Math.cos(angle);
+        var mSin = Math.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 = Math.cos(angle);
+        var mSin = Math.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 = Math.cos(angle);
+        var mSin = Math.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 = Math.cos(angle);
+        var mSin = Math.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(Math.tan(ax), Math.tan(ay));
+    }
+
+    function skewFromAxis(ax, angle){
+        var mCos = Math.cos(angle);
+        var mSin = Math.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
+            , Math.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, Math.tan(ax), 1, 0, 0)._t(mCos, -mSin, mSin, mCos, 0, 0);
+    }
+
+    function scale(sx, sy, sz) {
+        sz = isNaN(sz) ? 1 : sz;
+        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) {
+
+        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){
+            if(m2 !== 0 || n2 !== 0 || o2 !== 0){
+
+                this.props[12] = this.props[12] * a2 + this.props[13] * e2 + this.props[14] * i2 + this.props[15] * m2 ;
+                this.props[13] = this.props[12] * b2 + this.props[13] * f2 + this.props[14] * j2 + this.props[15] * n2 ;
+                this.props[14] = this.props[12] * c2 + this.props[13] * g2 + this.props[14] * k2 + this.props[15] * o2 ;
+                this.props[15] = this.props[12] * d2 + this.props[13] * h2 + this.props[14] * l2 + this.props[15] * p2 ;
+            }
+            return this;
+        }
+
+        var a1 = this.props[0];
+        var b1 = this.props[1];
+        var c1 = this.props[2];
+        var d1 = this.props[3];
+        var e1 = this.props[4];
+        var f1 = this.props[5];
+        var g1 = this.props[6];
+        var h1 = this.props[7];
+        var i1 = this.props[8];
+        var j1 = this.props[9];
+        var k1 = this.props[10];
+        var l1 = this.props[11];
+        var m1 = this.props[12];
+        var n1 = this.props[13];
+        var o1 = this.props[14];
+        var p1 = this.props[15];
+
+        /* matrix order (canvas compatible):
+         * ace
+         * bdf
+         * 001
+         */
+        this.props[0] = a1 * a2 + b1 * e2 + c1 * i2 + d1 * m2;
+        this.props[1] = a1 * b2 + b1 * f2 + c1 * j2 + d1 * n2 ;
+        this.props[2] = a1 * c2 + b1 * g2 + c1 * k2 + d1 * o2 ;
+        this.props[3] = a1 * d2 + b1 * h2 + c1 * l2 + d1 * p2 ;
+
+        this.props[4] = e1 * a2 + f1 * e2 + g1 * i2 + h1 * m2 ;
+        this.props[5] = e1 * b2 + f1 * f2 + g1 * j2 + h1 * n2 ;
+        this.props[6] = e1 * c2 + f1 * g2 + g1 * k2 + h1 * o2 ;
+        this.props[7] = e1 * d2 + f1 * h2 + g1 * l2 + h1 * p2 ;
+
+        this.props[8] = i1 * a2 + j1 * e2 + k1 * i2 + l1 * m2 ;
+        this.props[9] = i1 * b2 + j1 * f2 + k1 * j2 + l1 * n2 ;
+        this.props[10] = i1 * c2 + j1 * g2 + k1 * k2 + l1 * o2 ;
+        this.props[11] = i1 * d2 + j1 * h2 + k1 * l2 + l1 * p2 ;
+
+        this.props[12] = m1 * a2 + n1 * e2 + o1 * i2 + p1 * m2 ;
+        this.props[13] = m1 * b2 + n1 * f2 + o1 * j2 + p1 * n2 ;
+        this.props[14] = m1 * c2 + n1 * g2 + o1 * k2 + p1 * o2 ;
+        this.props[15] = m1 * d2 + n1 * h2 + o1 * l2 + p1 * p2 ;
+
+        return this;
+    }
+
+    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 inversePoints(pts){
+        //var determinant = this.a * this.d - this.b * this.c;
+        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;
+        var i, len = pts.length, retPts = [];
+        for(i=0;i<len;i+=1){
+            retPts[i] = [pts[i][0] * a + pts[i][1] * c + e, pts[i][0] * b + pts[i][1] * d + f, 0]
+        }
+        return retPts;
+    }
+
+    function applyToPointArray(x,y,z){
+        return [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]];
+    }
+    function applyToPointStringified(x, y) {
+        return (bm_rnd(x * this.props[0] + y * this.props[4] + this.props[12]))+','+(bm_rnd(x * this.props[1] + y * this.props[5] + this.props[13]));
+    }
+
+    function toArray() {
+        return [this.props[0],this.props[1],this.props[2],this.props[3],this.props[4],this.props[5],this.props[6],this.props[7],this.props[8],this.props[9],this.props[10],this.props[11],this.props[12],this.props[13],this.props[14],this.props[15]];
+    }
+
+    function toCSS() {
+        if(isSafari){
+            return "matrix3d(" + roundTo2Decimals(this.props[0]) + ',' + roundTo2Decimals(this.props[1]) + ',' + roundTo2Decimals(this.props[2]) + ',' + roundTo2Decimals(this.props[3]) + ',' + roundTo2Decimals(this.props[4]) + ',' + roundTo2Decimals(this.props[5]) + ',' + roundTo2Decimals(this.props[6]) + ',' + roundTo2Decimals(this.props[7]) + ',' + roundTo2Decimals(this.props[8]) + ',' + roundTo2Decimals(this.props[9]) + ',' + roundTo2Decimals(this.props[10]) + ',' + roundTo2Decimals(this.props[11]) + ',' + roundTo2Decimals(this.props[12]) + ',' + roundTo2Decimals(this.props[13]) + ',' + roundTo2Decimals(this.props[14]) + ',' + roundTo2Decimals(this.props[15]) + ')';
+        } else {
+            this.cssParts[1] = this.props.join(',');
+            return this.cssParts.join('');
+        }
+    }
+
+    function to2dCSS() {
+        return "matrix(" + this.props[0] + ',' + this.props[1] + ',' + this.props[4] + ',' + this.props[5] + ',' + this.props[12] + ',' + this.props[13] + ")";
+    }
+
+    function toString() {
+        return "" + this.toArray();
+    }
+
+    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.applyToPointStringified = applyToPointStringified;
+        this.toArray = toArray;
+        this.toCSS = toCSS;
+        this.to2dCSS = to2dCSS;
+        this.toString = toString;
+        this.clone = clone;
+        this.cloneFromProps = cloneFromProps;
+        this.inversePoints = inversePoints;
+        this._t = this.transform;
+
+        this.props = [1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1];
+
+        this.cssParts = ['matrix3d(','',')'];
+    }
+}());
+
+function Matrix() {
+
+
+}
+
+/*
+ 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
+        })(width);
+    }
+
+//
+// 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 matrixManagerFunction(){
+
+    var mat = new Matrix();
+
+    var returnMatrix2D = function(rX, scaleX, scaleY, tX, tY){
+        return mat.reset().translate(tX,tY).rotate(rX).scale(scaleX,scaleY).toCSS();
+    };
+
+    var getMatrix = function(animData){
+        return returnMatrix2D(animData.tr.r[2],animData.tr.s[0],animData.tr.s[1],animData.tr.p[0],animData.tr.p[1]);
+    };
+
+    return {
+        getMatrix : getMatrix
+    };
+
+}
+var MatrixManager = matrixManagerFunction;
+(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 = window.setTimeout(function () {
+                    callback(currTime + timeToCall);
+                },
+                timeToCall);
+            lastTime = currTime + timeToCall;
+            return id;
+        };
+    if(!window.cancelAnimationFrame)
+        window.cancelAnimationFrame = function (id) {
+            clearTimeout(id);
+        };
+}());
+function createElement(parent,child,params){
+    if(child){
+        child.prototype = Object.create(parent.prototype);
+        child.prototype.constructor = child;
+        child.prototype._parent = parent.prototype;
+    }else{
+        var instance = Object.create(parent.prototype,params);
+        var getType = {};
+        if(instance && getType.toString.call(instance.init) === '[object Function]'){
+            instance.init();
+        }
+        return instance;
+    }
+}
+
+function extendPrototype(source,destination){
+    for (var attr in source.prototype) {
+        if (source.prototype.hasOwnProperty(attr)) destination.prototype[attr] = source.prototype[attr];
+    }
+}
+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.0001 && det1 < 0.0001;
+    }
+
+    function pointOnLine3D(x1,y1,z1, x2,y2,z2, x3,y3,z3){
+        return pointOnLine2D(x1,y1, x2,y2, x3,y3) && pointOnLine2D(x1,z1, x2,z2, x3,z3);
+    }
+
+    /*function getEasingCurve(aa,bb,cc,dd,encodedFuncName) {
+        if(!encodedFuncName){
+            encodedFuncName = ('bez_' + aa+'_'+bb+'_'+cc+'_'+dd).replace(/\./g, 'p');
+        }
+        if(easingFunctions[encodedFuncName]){
+            return easingFunctions[encodedFuncName];
+        }
+        var A0, B0, C0;
+        var A1, B1, C1;
+        easingFunctions[encodedFuncName] = function(tt) {
+            var x = tt;
+            var i = 0, z;
+            while (++i < 20) {
+                C0 = 3 * aa;
+                B0 = 3 * (cc - aa) - C0;
+                A0 = 1 - C0 - B0;
+                z = (x * (C0 + x * (B0 + x * A0))) - tt;
+                if (bm_abs(z) < 1e-3) break;
+                x -= z / (C0 + x * (2 * B0 + 3 * A0 * x));
+            }
+            C1 = 3 * bb;
+            B1 = 3 * (dd - bb) - C1;
+            A1 = 1 - C1 - B1;
+            var polyB = x * (C1 + x * (B1 + x * A1));
+            //return c * polyB + b;
+            return polyB;
+        };
+        return easingFunctions[encodedFuncName];
+    }*/
+    var getBezierLength = (function(){
+
+        function Segment(l,p){
+            this.l = l;
+            this.p = p;
+        }
+
+        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 = {
+                addedLength: 0,
+                segments: []
+            };
+            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.segments.push(new Segment(addedLength,perc));
+            }
+            lengthData.addedLength = addedLength;
+            return lengthData;
+        };
+    }());
+
+    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.join('_')+'_'+pt2.join('_')+'_'+pt3.join('_')+'_'+pt4.join('_')).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 = new Array(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 segments = bezierData.segments;
+        var len = segments.length;
+        var initPos = bm_floor((len-1)*perc);
+        var lengthPos = perc*bezierData.addedLength;
+        var lPerc = 0;
+        if(lengthPos == segments[initPos].l){
+            return segments[initPos].p;
+        }else{
+            var dir = segments[initPos].l > lengthPos ? -1 : 1;
+            var flag = true;
+            while(flag){
+                if(segments[initPos].l <= lengthPos && segments[initPos+1].l > lengthPos){
+                    lPerc = (lengthPos - segments[initPos].l)/(segments[initPos+1].l-segments[initPos].l);
+                    flag = false;
+                }else{
+                    initPos += dir;
+                }
+                if(initPos < 0 || initPos >= len - 1){
+                    flag = false;
+                }
+            }
+            return segments[initPos].p + (segments[initPos+1].p - segments[initPos].p)*lPerc;
+        }
+    }
+
+    function SegmentPoints(){
+        this.pt1 = new Array(2);
+        this.pt2 = new Array(2);
+        this.pt3 = new Array(2);
+        this.pt4 = new Array(2);
+    }
+
+    function getNewSegment(pt1,pt2,pt3,pt4,startPerc,endPerc, bezierData){
+
+        var pts = new SegmentPoints();
+        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;
+        //Math.round(num * 100) / 100
+        for(i=0;i<len;i+=1){
+            pts.pt1[i] =  Math.round((u0*u0*u0* pt1[i] + (t0*u0*u0 + u0*t0*u0 + u0*u0*t0) * pt3[i] + (t0*t0*u0 + u0*t0*t0 + t0*u0*t0)* pt4[i] + t0*t0*t0* pt2[i])* 1000) / 1000;
+            pts.pt3[i] = Math.round((u0*u0*u1*pt1[i] + (t0*u0*u1 + u0*t0*u1 + u0*u0*t1)* pt3[i] + (t0*t0*u1 + u0*t0*t1 + t0*u0*t1)* pt4[i] + t0*t0*t1* pt2[i])* 1000) / 1000;
+            pts.pt4[i] = Math.round((u0*u1*u1* pt1[i] + (t0*u1*u1 + u0*t1*u1 + u0*u1*t1)* pt3[i] + (t0*t1*u1 + u0*t1*t1 + t0*u1*t1)* pt4[i] + t0*t1*t1* pt2[i])* 1000) / 1000;
+            pts.pt2[i] = Math.round((u1*u1*u1* pt1[i] + (t1*u1*u1 + u1*t1*u1 + u1*u1*t1)* pt3[i] + (t1*t1*u1 + u1*t1*t1 + t1*u1*t1)*pt4[i] + t1*t1*t1* pt2[i])* 1000) / 1000;
+        }
+        return pts;
+    }
+
+    return {
+        //getEasingCurve : getEasingCurve,
+        getBezierLength : getBezierLength,
+        getNewSegment : getNewSegment,
+        buildBezierData : buildBezierData,
+        pointOnLine2D : pointOnLine2D,
+        pointOnLine3D : pointOnLine3D
+    };
+}
+
+var bez = bezFunction();
+function dataFunctionManager(){
+
+    //var tCanvasHelper = document.createElement('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){
+                return 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.push({
+                "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 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);
+
+                        }
+                    }
+                }
+            }
+        }
+    }());
+
+    /*function blitPaths(path){
+        var i, len = path.i.length;
+        for(i=0;i<len;i+=1){
+            path.i[i][0] /= blitter;
+            path.i[i][1] /= blitter;
+            path.o[i][0] /= blitter;
+            path.o[i][1] /= blitter;
+            path.v[i][0] /= blitter;
+            path.v[i][1] /= blitter;
+        }
+    }
+
+    function blitShapes(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){
+                    blitPaths(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){
+                            blitPaths(arr[i].ks.k[j].s[0]);
+                        }
+                        if(arr[i].ks.k[j].e){
+                            blitPaths(arr[i].ks.k[j].e[0]);
+                        }
+                    }
+                }
+                hasPaths = true;
+            }else if(arr[i].ty == 'gr'){
+                blitShapes(arr[i].it);
+            }else if(arr[i].ty == 'rc'){
+                blitProperty(arr[i].p);
+                blitProperty(arr[i].s);
+            }else if(arr[i].ty == 'st'){
+                blitProperty(arr[i].w);
+            }else if(arr[i].ty == 'tr'){
+                blitProperty(arr[i].p);
+                blitProperty(arr[i].sk);
+                blitProperty(arr[i].a);
+            }else if(arr[i].ty == 'el'){
+                blitProperty(arr[i].p);
+                blitProperty(arr[i].s);
+            }else if(arr[i].ty == 'rd'){
+                blitProperty(arr[i].r);
+            }else{
+
+                //console.log(arr[i].ty );
+            }
+        }
+    }
+
+    function blitText(data, fontManager){
+
+    }
+
+    function blitValue(val){
+        if(typeof(val) === 'number'){
+            val /= blitter;
+        } else {
+            var i = val.length-1;
+            while(i>=0){
+                val[i] /= blitter;
+                i-=1;
+            }
+        }
+        return val;
+    }
+
+    function blitProperty(data){
+        if(!data.k.length){
+            data.k = blitValue(data.k);
+        }else if(typeof(data.k[0]) === 'number'){
+            data.k = blitValue(data.k);
+        } else {
+            var i, len = data.k.length;
+            for(i=0;i<len;i+=1){
+                if(data.k[i].s){
+                    //console.log('pre S: ', data.k[i].s);
+                    data.k[i].s = blitValue(data.k[i].s);
+                    //console.log('post S: ', data.k[i].s);
+                }
+                if(data.k[i].e){
+                    //console.log('pre E: ', data.k[i].e);
+                    data.k[i].e = blitValue(data.k[i].e);
+                    //console.log('post E: ', data.k[i].e);
+                }
+            }
+        }
+    }
+
+    function blitLayers(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)){
+                continue;
+            }
+            blitProperty(layerData.ks.a);
+            blitProperty(layerData.ks.p);
+            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){
+                        blitPaths(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){
+                                blitPaths(maskProps[j].pt.k[k].s[0]);
+                            }
+                            if(maskProps[j].pt.k[k].e){
+                                blitPaths(maskProps[j].pt.k[k].e[0]);
+                            }
+                        }
+                    }
+                }
+            }
+            if(layerData.ty===0){
+                layerData.w = Math.round(layerData.w/blitter);
+                layerData.h = Math.round(layerData.h/blitter);
+                blitLayers(layerData.layers,comps, fontManager);
+            }else if(layerData.ty === 4){
+                blitShapes(layerData.shapes);
+            }else if(layerData.ty == 5){
+                blitText(layerData, fontManager);
+            }else if(layerData.ty == 1){
+                layerData.sh /= blitter;
+                layerData.sw /= blitter;
+            } else {
+            }
+        }
+    }
+
+    function blitAnimation(animationData,comps, fontManager){
+        blitLayers(animationData.layers,comps, fontManager);
+    }*/
+
+    function completeData(animationData, fontManager){
+        if(animationData.__complete){
+            return;
+        }
+        checkColors(animationData);
+        completeLayers(animationData.layers, animationData.assets, fontManager);
+        animationData.__complete = true;
+        //blitAnimation(animationData, animationData.assets, fontManager);
+    }
+
+    function completeText(data, fontManager){
+        var letters = [];
+        var documentData = data.t.d;
+        var i, len;
+        var newLineFlag, index = 0, val;
+        var anchorGrouping = data.t.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.split(' ');
+
+        var fWeight = 'normal', fStyle = 'normal';
+        len = styles.length;
+        for(i=0;i<len;i+=1){
+            if (styles[i].toLowerCase() === 'italic') {
+                fStyle = 'italic';
+            }else if (styles[i].toLowerCase() === 'bold') {
+                fWeight = '700';
+            } else if (styles[i].toLowerCase() === 'black') {
+                fWeight = '900';
+            } else if (styles[i].toLowerCase() === 'medium') {
+                fWeight = '500';
+            } else if (styles[i].toLowerCase() === 'regular' || styles[i].toLowerCase() === 'normal') {
+                fWeight = '400';
+            } else if (styles[i].toLowerCase() === 'light' || styles[i].toLowerCase() === 'thin') {
+                fWeight = '200';
+            }
+        }
+        documentData.fWeight = fWeight;
+        documentData.fStyle = fStyle;
+        len = documentData.t.length;
+        if(documentData.sz){
+            var boxWidth = documentData.sz[0];
+            var lastSpaceIndex = -1;
+            for(i=0;i<len;i+=1){
+                newLineFlag = false;
+                if(documentData.t.charAt(i) === ' '){
+                    lastSpaceIndex = i;
+                }else if(documentData.t.charCodeAt(i) === 13){
+                    lineWidth = 0;
+                    newLineFlag = true;
+                }
+                if(fontManager.chars){
+                    charData = fontManager.getCharData(documentData.t.charAt(i), fontData.fStyle, fontData.fFamily);
+                    cLength = newLineFlag ? 0 : charData.w*documentData.s/100;
+                }else{
+                    //tCanvasHelper.font = documentData.s + 'px '+ fontData.fFamily;
+                    cLength = fontManager.measureText(documentData.t.charAt(i), documentData.f, documentData.s);
+                }
+                if(lineWidth + cLength > boxWidth){
+                    if(lastSpaceIndex === -1){
+                       //i -= 1;
+                        documentData.t = documentData.t.substr(0,i) + "\r" + documentData.t.substr(i);
+                        len += 1;
+                    } else {
+                        i = lastSpaceIndex;
+                        documentData.t = documentData.t.substr(0,i) + "\r" + documentData.t.substr(i+1);
+                    }
+                    lastSpaceIndex = -1;
+                    lineWidth = 0;
+                }else {
+                    lineWidth += cLength;
+                }
+            }
+            len = documentData.t.length;
+        }
+        lineWidth = 0;
+        cLength = 0;
+        for (i = 0;i < len ;i += 1) {
+            newLineFlag = false;
+            if(documentData.t.charAt(i) === ' '){
+                val = '\u00A0';
+            }else if(documentData.t.charCodeAt(i) === 13){
+                lineWidths.push(lineWidth);
+                maxLineWidth = lineWidth > maxLineWidth ? lineWidth : maxLineWidth;
+                lineWidth = 0;
+                val = '';
+                newLineFlag = true;
+                currentLine += 1;
+            }else{
+                val = documentData.t.charAt(i);
+            }
+            if(fontManager.chars){
+                charData = fontManager.getCharData(documentData.t.charAt(i), fontData.fStyle, fontManager.getFontByName(documentData.f).fFamily);
+                cLength = newLineFlag ? 0 : charData.w*documentData.s/100;
+            }else{
+                //var charWidth = fontManager.measureText(val, documentData.f, documentData.s);
+                //tCanvasHelper.font = documentData.s + 'px '+ fontManager.getFontByName(documentData.f).fFamily;
+                cLength = fontManager.measureText(val, documentData.f, documentData.s);
+            }
+
+            //
+            lineWidth += cLength;
+            letters.push({l:cLength,an:cLength,add:currentSize,n:newLineFlag, anIndexes:[], val: val, line: currentLine});
+            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];
+            data.t.d.justifyOffset = 0;
+        }else{
+            documentData.boxWidth = maxLineWidth;
+            switch(documentData.j){
+                case 1:
+                    data.t.d.justifyOffset = - documentData.boxWidth;
+                    break;
+                case 2:
+                    data.t.d.justifyOffset = - documentData.boxWidth/2;
+                    break;
+                default:
+                    data.t.d.justifyOffset = 0;
+            }
+        }
+        documentData.lineWidths = lineWidths;
+
+        var animators = data.t.a;
+        jLen = animators.length;
+        var based, ind, indexes = [];
+        for(j=0;j<jLen;j+=1){
+            if(animators[j].a.sc){
+                documentData.strokeColorAnim = true;
+            }
+            if(animators[j].a.sw){
+                documentData.strokeWidthAnim = true;
+            }
+            if(animators[j].a.fc || animators[j].a.fh || animators[j].a.fs || animators[j].a.fb){
+                documentData.fillColorAnim = true;
+            }
+            ind = 0;
+            based = animators[j].s.b;
+            for(i=0;i<len;i+=1){
+                letters[i].anIndexes[j] = ind;
+                if((based == 1 && letters[i].val != '') || (based == 2 && letters[i].val != '' && letters[i].val != '\u00A0') || (based == 3 && (letters[i].n || letters[i].val == '\u00A0' || i == len - 1)) || (based == 4 && (letters[i].n || i == len - 1))){
+                    if(animators[j].s.rn === 1){
+                        indexes.push(ind);
+                    }
+                    ind += 1;
+                }
+            }
+            data.t.a[j].s.totalChars = ind;
+            var currentInd = -1, newInd;
+            if(animators[j].s.rn === 1){
+                for(i = 0; i < len; i += 1){
+                    if(currentInd != letters[i].anIndexes[j]){
+                        currentInd = letters[i].anIndexes[j];
+                        newInd = indexes.splice(Math.floor(Math.random()*indexes.length),1)[0];
+                    }
+                    letters[i].anIndexes[j] = newInd;
+                }
+            }
+        }
+        if(jLen === 0 && !('m' in data.t.p)){
+            data.singleShape = true;
+        }
+        documentData.yOffset = documentData.lh || documentData.s*1.2;
+        documentData.ascent = fontData.ascent*documentData.s/100;
+    }
+
+    var moduleOb = {};
+    moduleOb.completeData = completeData;
+
+    return moduleOb;
+}
+
+var dataManager = dataFunctionManager();
+var FontManager = (function(){
+
+    var maxWaitingTime = 5000;
+
+    function setUpNode(font, family){
+        var parentNode = document.createElement('span');
+        parentNode.style.fontFamily    = family;
+        var node = document.createElement('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 === 't'){
+                if(window.Typekit && window.Typekit.load && this.typekitLoaded === 0){
+                    this.typekitLoaded = 1;
+                    try{Typekit.load({
+                        async: true,
+                        active: function() {
+                            this.typekitLoaded = 2;
+                        }.bind(this)
+                    });}catch(e){}
+                }
+                if(this.typekitLoaded === 2) {
+                    this.fonts[i].loaded = true;
+                }
+            } else if(this.fonts[i].fOrigin === 'n'){
+                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(checkLoadedFonts.bind(this),20);
+        }else{
+            setTimeout(function(){this.loaded = true;}.bind(this),0);
+
+        }
+    };
+
+    function createHelper(def, fontData){
+        var tHelper = document.createElementNS(svgNS,'text');
+        tHelper.style.fontSize = '100px';
+        tHelper.style.fontFamily = fontData.fFamily;
+        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 = document.createElement('canvas').getContext('2d');
+        tCanvasHelper.font = '100px '+ fontData.fFamily;
+        return tCanvasHelper;
+        return tHelper;
+    }
+
+    function addFonts(fontData, defs){
+        if(!fontData){
+            this.loaded = true;
+            return;
+        }
+        if(this.chars){
+            this.loaded = true;
+            this.fonts = fontData.list;
+            return;
+        }
+
+        var fontArr = fontData.list;
+        var i, len = fontArr.length;
+        for(i=0; i<len; i+= 1){
+            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;
+            }else if(fontArr[i].fOrigin === 'p'){
+                var s = document.createElement('style');
+                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'){
+                //<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
+                var l = document.createElement('link');
+                l.type = "text/css";
+                l.rel = "stylesheet";
+                l.href = fontArr[i].fPath;
+                defs.appendChild(l);
+            } else if(fontArr[i].fOrigin === 't'){
+                //<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
+                var sc = document.createElement('script');
+                sc.setAttribute('src',fontArr[i].fPath);
+                defs.appendChild(sc);
+            }
+            fontArr[i].helper = createHelper(defs,fontArr[i]);
+            this.fonts.push(fontArr[i]);
+        }
+        checkLoadedFonts.bind(this)();
+    }
+
+    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;
+        }
+    }
+
+    function measureText(char, fontName, size){
+        var fontData = this.getFontByName(fontName);
+        var tHelper = fontData.helper;
+        //tHelper.textContent = char;
+        return tHelper.measureText(char).width*size/100;
+        //return tHelper.getComputedTextLength()*size/100;
+    }
+
+    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 'sans-serif';
+    }
+
+    var Font = function(){
+        this.fonts = [];
+        this.chars = null;
+        this.typekitLoaded = 0;
+        this.loaded = false;
+        this.initTime = Date.now();
+    };
+    Font.prototype.addChars = addChars;
+    Font.prototype.addFonts = addFonts;
+    Font.prototype.getCharData = getCharData;
+    Font.prototype.getFontByName = getFontByName;
+    Font.prototype.measureText = measureText;
+
+    return Font;
+
+}());
+var PropertyFactory = (function(){
+
+    var initFrame = -999999;
+
+    function getValue(){
+        if(this.elem.globalData.frameId === this.frameId){
+            return;
+        }
+        this.mdf = false;
+        var frameNum = this.comp.renderedFrame - this.offsetTime;
+        if(frameNum === this.lastFrame || (this.lastFrame !== initFrame && ((this.lastFrame >= this.keyframes[this.keyframes.length- 1].t-this.offsetTime && frameNum >= this.keyframes[this.keyframes.length- 1].t-this.offsetTime) || (this.lastFrame < this.keyframes[0].t-this.offsetTime && frameNum < this.keyframes[0].t-this.offsetTime)))){
+
+        }else{
+            var i = 0,len = this.keyframes.length- 1,dir= 1,flag = true;
+            var keyData, nextKeyData;
+
+            while(flag){
+                keyData = this.keyframes[i];
+                nextKeyData = this.keyframes[i+1];
+                if(i == len-1 && frameNum >= nextKeyData.t - this.offsetTime){
+                    if(keyData.h){
+                        keyData = nextKeyData;
+                    }
+                    break;
+                }
+                if((nextKeyData.t - this.offsetTime) > frameNum){
+                    break;
+                }
+                if(i < len - 1){
+                    i += dir;
+                }else{
+                    flag = false;
+                }
+            }
+
+            var k, kLen,perc,jLen, j = 0, fnc;
+            if(keyData.to){
+
+                if(!keyData.bezierData){
+                    bez.buildBezierData(keyData);
+                }
+                var bezierData = keyData.bezierData;
+                if(frameNum >= nextKeyData.t-this.offsetTime || frameNum < keyData.t-this.offsetTime){
+                    var ind = frameNum >= nextKeyData.t-this.offsetTime ? bezierData.points.length - 1 : 0;
+                    kLen = bezierData.points[ind].point.length;
+                    for(k = 0; k < kLen; k += 1){
+                        this.v[k] = this.mult ? bezierData.points[ind].point[k]*this.mult : bezierData.points[ind].point[k];
+                        this.pv[k] = bezierData.points[ind].point[k];
+                        if(this.lastPValue[k] !== this.pv[k]) {
+                            this.mdf = true;
+                            this.lastPValue[k] = this.pv[k];
+                        }
+                    }
+                }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-(keyData.t-this.offsetTime))/((nextKeyData.t-this.offsetTime)-(keyData.t-this.offsetTime)));
+                    var distanceInLine = bezierData.segmentLength*perc;
+
+                    var segmentPerc;
+                    var addedLength = 0;
+                    dir = 1;
+                    flag = true;
+                    jLen = bezierData.points.length;
+                    while(flag){
+                        addedLength +=bezierData.points[j].partialLength*dir;
+                        if(distanceInLine === 0 || perc === 0 || j == bezierData.points.length - 1){
+                            kLen = bezierData.points[j].point.length;
+                            for(k=0;k<kLen;k+=1){
+                                this.v[k] = this.mult ? bezierData.points[j].point[k]*this.mult : bezierData.points[j].point[k];
+                                this.pv[k] = bezierData.points[j].point[k];
+                                if(this.lastPValue[k] !== this.pv[k]) {
+                                    this.mdf = true;
+                                    this.lastPValue[k] = this.pv[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){
+                                this.v[k] = this.mult ? (bezierData.points[j].point[k] + (bezierData.points[j+1].point[k] - bezierData.points[j].point[k])*segmentPerc)*this.mult : bezierData.points[j].point[k] + (bezierData.points[j+1].point[k] - bezierData.points[j].point[k])*segmentPerc;
+                                this.pv[k] = bezierData.points[j].point[k] + (bezierData.points[j+1].point[k] - bezierData.points[j].point[k])*segmentPerc;
+
+                                if(this.lastPValue[k] !== this.pv[k]) {
+                                    this.mdf = true;
+                                    this.lastPValue[k] = this.pv[k];
+                                }
+                            }
+                            break;
+                        }
+                        if(j < jLen - 1 && dir == 1 || j > 0 && dir == -1){
+                            j += dir;
+                        }else{
+                            flag = false;
+                        }
+                    }
+                }
+            }else{
+                var outX,outY,inX,inY, isArray = false, keyValue;
+                len = keyData.s.length;
+                for(i=0;i<len;i+=1){
+                    if(keyData.h !== 1){
+                        if(keyData.o.x instanceof Array){
+                            isArray = true;
+                            if(!keyData.__fnct){
+                                keyData.__fnct = [];
+                            }
+                            if(!keyData.__fnct[i]){
+                                outX = keyData.o.x[i] || keyData.o.x[0];
+                                outY = keyData.o.y[i] || keyData.o.y[0];
+                                inX = keyData.i.x[i] || keyData.i.x[0];
+                                inY = keyData.i.y[i] || keyData.i.y[0];
+                            }
+                        }else{
+                            isArray = false;
+                            if(!keyData.__fnct) {
+                                outX = keyData.o.x;
+                                outY = keyData.o.y;
+                                inX = keyData.i.x;
+                                inY = keyData.i.y;
+                            }
+                        }
+                        if(isArray){
+                            if(keyData.__fnct[i]){
+                                fnc = keyData.__fnct[i];
+                            }else{
+                                //fnc = bez.getEasingCurve(outX,outY,inX,inY);
+                                fnc = BezierFactory.getBezierEasing(outX,outY,inX,inY).get;
+                                keyData.__fnct[i] = fnc;
+                            }
+                        }else{
+                            if(keyData.__fnct){
+                                fnc = keyData.__fnct;
+                            }else{
+                                //fnc = bez.getEasingCurve(outX,outY,inX,inY);
+                                fnc = BezierFactory.getBezierEasing(outX,outY,inX,inY).get;
+                                keyData.__fnct = fnc;
+                            }
+                        }
+                        if(frameNum >= nextKeyData.t-this.offsetTime){
+                            perc = 1;
+                        }else if(frameNum < keyData.t-this.offsetTime){
+                            perc = 0;
+                        }else{
+                            perc = fnc((frameNum-(keyData.t-this.offsetTime))/((nextKeyData.t-this.offsetTime)-(keyData.t-this.offsetTime)));
+                        }
+                    }
+                    if(this.sh && keyData.h !== 1){
+                        var initP = keyData.s[i];
+                        var endP = keyData.e[i];
+                        if(initP-endP < -180){
+                            initP += 360;
+                        } else if(initP-endP > 180){
+                            initP -= 360;
+                        }
+                        keyValue = initP+(endP-initP)*perc;
+                    } else {
+                        keyValue = keyData.h === 1 ? keyData.s[i] : keyData.s[i]+(keyData.e[i]-keyData.s[i])*perc;
+                    }
+                    if(len === 1){
+                        this.v = this.mult ? keyValue*this.mult : keyValue;
+                        this.pv = keyValue;
+                        if(this.lastPValue != this.pv){
+                            this.mdf = true;
+                            this.lastPValue = this.pv;
+                        }
+                    }else{
+                        this.v[i] = this.mult ? keyValue*this.mult : keyValue;
+                        this.pv[i] = keyValue;
+                        if(this.lastPValue[i] !== this.pv[i]){
+                            this.mdf = true;
+                            this.lastPValue[i] = this.pv[i];
+                        }
+                    }
+                }
+            }
+        }
+        this.lastFrame = frameNum;
+        this.frameId = this.elem.globalData.frameId;
+    }
+
+    function getNoValue(){}
+
+    function ValueProperty(elem,data, mult){
+        this.mult = mult;
+        this.v = mult ? data.k * mult : data.k;
+        this.pv = data.k;
+        this.mdf = false;
+        this.comp = elem.comp;
+        this.k = false;
+        this.kf = false;
+        this.vel = 0;
+        this.getValue = getNoValue;
+    }
+
+    function MultiDimensionalProperty(elem,data, mult){
+        this.mult = mult;
+        this.data = data;
+        this.mdf = false;
+        this.comp = elem.comp;
+        this.k = false;
+        this.kf = false;
+        this.frameId = -1;
+        this.v = new Array(data.k.length);
+        this.pv = new Array(data.k.length);
+        this.lastValue = new Array(data.k.length);
+        var arr = Array.apply(null, {length:data.k.length});
+        this.vel = arr.map(function () { return 0 });
+        var i, len = data.k.length;
+        for(i = 0;i<len;i+=1){
+            this.v[i] = mult ? data.k[i] * mult : data.k[i];
+            this.pv[i] = data.k[i];
+        }
+        this.getValue = getNoValue;
+    }
+
+    function KeyframedValueProperty(elem, data, mult){
+        this.keyframes = data.k;
+        this.offsetTime = elem.data.st;
+        this.lastValue = -99999;
+        this.lastPValue = -99999;
+        this.frameId = -1;
+        this.k = true;
+        this.kf = true;
+        this.data = data;
+        this.mult = mult;
+        this.elem = elem;
+        this.comp = elem.comp;
+        this.lastFrame = initFrame;
+        this.v = mult ? data.k[0].s[0]*mult : data.k[0].s[0];
+        this.pv = data.k[0].s[0];
+        this.getValue = getValue;
+    }
+
+    function KeyframedMultidimensionalProperty(elem, data, mult){
+        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;
+                }
+            }
+        }
+        this.keyframes = data.k;
+        this.offsetTime = elem.data.st;
+        this.k = true;
+        this.kf = true;
+        this.mult = mult;
+        this.elem = elem;
+        this.comp = elem.comp;
+        this.getValue = getValue;
+        this.frameId = -1;
+        this.v = new Array(data.k[0].s.length);
+        this.pv = new Array(data.k[0].s.length);
+        this.lastValue = new Array(data.k[0].s.length);
+        this.lastPValue = new Array(data.k[0].s.length);
+        this.lastFrame = initFrame;
+    }
+
+    var TransformProperty = (function(){
+        function positionGetter(){
+            if(this.p.k){
+                this.p.getValue();
+            }
+            if(!this.p.v.key){
+                this.p.v.key = function(pos){
+                    if(!this.p.v.numKeys){
+                        return 0;
+                    } else {
+                        return this.p.keyframes[pos-1].t;
+                    }
+                }.bind(this);
+            }
+            if(!this.p.v.numKeys){
+                this.p.v.numKeys = this.p.keyframes ? this.p.keyframes.length : 0;
+            }
+            if(!this.p.v.valueAtTime){
+                this.p.v.valueAtTime = this.p.getValueAtTime.bind(this.p);
+            }
+            return this.p.v;
+        }
+        function xPositionGetter(){
+            if(this.px.k){
+                this.px.getValue();
+            }
+            return this.px.v;
+        }
+        function yPositionGetter(){
+            if(this.py.k){
+                this.py.getValue();
+            }
+            return this.py.v;
+        }
+        function zPositionGetter(){
+            if(this.pz.k){
+                this.pz.getValue();
+            }
+            return this.pz.v;
+        }
+        function anchorGetter(){
+            if(this.a.k){
+                this.a.getValue();
+            }
+            return this.a.v;
+        }
+        function orientationGetter(){
+            if(this.or.k){
+                this.or.getValue();
+            }
+            return this.or.v;
+        }
+        function rotationGetter(){
+            if(this.r.k){
+                this.r.getValue();
+            }
+            return this.r.v/degToRads;
+        }
+        function scaleGetter(){
+            if(this.s.k){
+                this.s.getValue();
+            }
+            return this.s.v;
+        }
+        function opacityGetter(){
+            if(this.o.k){
+                this.o.getValue();
+            }
+            return this.o.v;
+        }
+        function skewGetter(){
+            if(this.sk.k){
+                this.sk.getValue();
+            }
+            return this.sk.v;
+        }
+        function skewAxisGetter(){
+            if(this.sa.k){
+                this.sa.getValue();
+            }
+            return this.sa.v;
+        }
+        function applyToMatrix(mat){
+            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;
+                }
+            }
+            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.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(){
+            if(this.elem.globalData.frameId === this.frameId){
+                return;
+            }
+
+            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;
+                }
+            }
+            if(this.mdf){
+                this.v.reset();
+                if(this.a){
+                    this.v.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]);
+                }
+                if(this.s){
+                    this.v.scale(this.s.v[0],this.s.v[1],this.s.v[2]);
+                }
+                if(this.sk){
+                    this.v.skewFromAxis(-this.sk.v,this.sa.v);
+                }
+                if(this.r){
+                    this.v.rotate(-this.r.v);
+                }else{
+                    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 && this.p.keyframes && this.p.getValueAtTime){
+                    var v1,v2;
+                    if(this.p.lastFrame+this.p.offsetTime < this.p.keyframes[0].t){
+                        v1 = this.p.getValueAtTime(this.p.keyframes[0].t+0.01,0);
+                        v2 = this.p.getValueAtTime(this.p.keyframes[0].t, 0);
+                    }else if(this.p.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,0);
+                        v2 = this.p.getValueAtTime(this.p.keyframes[this.p.keyframes.length - 1].t-0.01, 0);
+                    } else {
+                        v1 = this.p.pv;
+                        v2 = this.p.getValueAtTime(this.p.lastFrame+this.p.offsetTime - 0.01, this.p.offsetTime);
+                    }
+                    //var prevV = this.p.getValueAtTime(this.p.lastFrame - 0.01, true);
+                    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 setInverted(){
+            this.inverted = true;
+            this.iv = new Matrix();
+            if(!this.k){
+                if(this.data.p.s){
+                    this.iv.translate(this.px.v,this.py.v,-this.pz.v);
+                }else{
+                    this.iv.translate(this.p.v[0],this.p.v[1],-this.p.v[2]);
+                }
+                if(this.r){
+                    this.iv.rotate(-this.r.v);
+                }else{
+                    this.iv.rotateX(-this.rx.v).rotateY(-this.ry.v).rotateZ(this.rz.v);
+                }
+                if(this.s){
+                    this.iv.scale(this.s.v[0],this.s.v[1],1);
+                }
+                if(this.a){
+                    this.iv.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]);
+                }
+            }
+        }
+
+        function autoOrient(){
+            //
+            //var prevP = this.getValueAtTime();
+        }
+
+        return function TransformProperty(elem,data,arr){
+            this.elem = elem;
+            this.frameId = -1;
+            this.dynamicProperties = [];
+            this.mdf = false;
+            this.data = data;
+            this.getValue = processKeys;
+            this.applyToMatrix = applyToMatrix;
+            this.setInverted = setInverted;
+            this.autoOrient = autoOrient;
+            this.v = new Matrix();
+            if(data.p.s){
+                this.px = PropertyFactory.getProp(elem,data.p.x,0,0,this.dynamicProperties);
+                this.py = PropertyFactory.getProp(elem,data.p.y,0,0,this.dynamicProperties);
+                if(data.p.z){
+                    this.pz = PropertyFactory.getProp(elem,data.p.z,0,0,this.dynamicProperties);
+                }
+            }else{
+                this.p = PropertyFactory.getProp(elem,data.p,1,0,this.dynamicProperties);
+            }
+            if(data.r) {
+                this.r = PropertyFactory.getProp(elem, data.r, 0, degToRads, this.dynamicProperties);
+            } else if(data.rx) {
+                this.rx = PropertyFactory.getProp(elem, data.rx, 0, degToRads, this.dynamicProperties);
+                this.ry = PropertyFactory.getProp(elem, data.ry, 0, degToRads, this.dynamicProperties);
+                this.rz = PropertyFactory.getProp(elem, data.rz, 0, degToRads, this.dynamicProperties);
+                this.or = PropertyFactory.getProp(elem, data.or, 0, degToRads, this.dynamicProperties);
+            }
+            if(data.sk){
+                this.sk = PropertyFactory.getProp(elem, data.sk, 0, degToRads, this.dynamicProperties);
+                this.sa = PropertyFactory.getProp(elem, data.sa, 0, degToRads, this.dynamicProperties);
+            }
+            if(data.a) {
+                this.a = PropertyFactory.getProp(elem,data.a,1,0,this.dynamicProperties);
+            }
+            if(data.s) {
+                this.s = PropertyFactory.getProp(elem,data.s,1,0.01,this.dynamicProperties);
+            }
+            if(data.o){
+                this.o = PropertyFactory.getProp(elem,data.o,0,0.01,arr);
+            } else {
+                this.o = {mdf:false,v:1};
+            }
+            if(this.dynamicProperties.length){
+                arr.push(this);
+            }else{
+                if(this.a){
+                    this.v.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]);
+                }
+                if(this.s){
+                    this.v.scale(this.s.v[0],this.s.v[1],this.s.v[2]);
+                }
+                if(this.sk){
+                    this.v.skewFromAxis(-this.sk.v,this.sa.v);
+                }
+                if(this.r){
+                    this.v.rotate(-this.r.v);
+                }else{
+                    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.data.p.s){
+                    if(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]);
+                }
+            }
+            Object.defineProperty(this, "position", { get: positionGetter});
+            Object.defineProperty(this, "xPosition", { get: xPositionGetter});
+            Object.defineProperty(this, "yPosition", { get: yPositionGetter});
+            Object.defineProperty(this, "orientation", { get: orientationGetter});
+            Object.defineProperty(this, "anchorPoint", { get: anchorGetter});
+            Object.defineProperty(this, "rotation", { get: rotationGetter});
+            Object.defineProperty(this, "scale", { get: scaleGetter});
+            Object.defineProperty(this, "opacity", { get: opacityGetter});
+            Object.defineProperty(this, "skew", { get: skewGetter});
+            Object.defineProperty(this, "skewAxis", { get: skewAxisGetter});
+        }
+    }());
+
+    function getProp(elem,data,type, mult, arr) {
+        var p;
+        if(type === 2){
+            p = new TransformProperty(elem, data, arr);
+        }else if(type === 7){
+            p = new TrimProperty(elem, data, arr);
+        }else if(!data.k.length){
+            p = new ValueProperty(elem,data, mult);
+        }else if(typeof(data.k[0]) === 'number'){
+            p = new MultiDimensionalProperty(elem,data, mult);
+        }else{
+            switch(type){
+                case 0:
+                    p = new KeyframedValueProperty(elem,data,mult);
+                    break;
+                case 1:
+                    p = new KeyframedMultidimensionalProperty(elem,data,mult);
+                    break;
+            }
+        }
+        if(p.k){
+            arr.push(p);
+        }
+        return p;
+    }
+
+    var getGradientProp = (function(){
+
+        function getValue(forceRender){
+            this.prop.getValue();
+            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 = true;
+                    }
+                }
+                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 = true;
+                        }
+                    }
+                }
+            }
+
+        }
+
+        function gradientProp(elem,data,arr){
+            this.prop = getProp(elem,data.k,1,null,[]);
+            this.data = data;
+            this.k = this.prop.k;
+            this.c = Array.apply(null,{length: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 = Array.apply(null,{length:cLength});
+            this.cmdf = false;
+            this.omdf = false;
+            this.getValue = getValue;
+            if(this.prop.k){
+                arr.push(this);
+            }
+            this.getValue(true);
+        }
+
+        return function getGradientProp(elem,data,arr){
+            return new gradientProp(elem,data,arr);
+        }
+    }());
+
+
+
+
+    var DashProperty = (function(){
+
+        function processKeys(forceRender){
+            var i = 0, len = this.dataProps.length;
+
+            if(this.elem.globalData.frameId === this.frameId && !forceRender){
+                return;
+            }
+            this.mdf = false;
+            this.frameId = this.elem.globalData.frameId;
+            while(i<len){
+                if(this.dataProps[i].p.mdf){
+                    this.mdf = true;
+                    break;
+                }
+                i+=1;
+            }
+            if(this.mdf || forceRender){
+                if(this.renderer === 'svg') {
+                    this.dasharray = '';
+                }
+                for(i=0;i<len;i+=1){
+                    if(this.dataProps[i].n != 'o'){
+                        if(this.renderer === 'svg') {
+                            this.dasharray += ' ' + this.dataProps[i].p.v;
+                        }else{
+                            this.dasharray[i] = this.dataProps[i].p.v;
+                        }
+                    }else{
+                        this.dashoffset = this.dataProps[i].p.v;
+                    }
+                }
+            }
+        }
+
+        return function(elem, data,renderer, dynamicProperties){
+            this.elem = elem;
+            this.frameId = -1;
+            this.dataProps = new Array(data.length);
+            this.renderer = renderer;
+            this.mdf = false;
+            this.k = false;
+            if(this.renderer === 'svg'){
+                this.dasharray = '';
+            }else{
+
+                this.dasharray = new Array(data.length - 1);
+            }
+            this.dashoffset = 0;
+            var i, len = data.length, prop;
+            for(i=0;i<len;i+=1){
+                prop = PropertyFactory.getProp(elem,data[i].v,0, 0, dynamicProperties);
+                this.k = prop.k ? true : this.k;
+                this.dataProps[i] = {n:data[i].n,p:prop};
+            }
+            this.getValue = processKeys;
+            if(this.k){
+                dynamicProperties.push(this);
+            }else{
+                this.getValue(true);
+            }
+
+        }
+    }());
+
+    function getDashProp(elem, data,renderer, dynamicProperties) {
+        return new DashProperty(elem, data,renderer, dynamicProperties);
+    };
+
+    var TextSelectorProp = (function(){
+        var max = Math.max;
+        var min = Math.min;
+        var floor = Math.floor;
+        this.mdf = false;
+        function updateRange(){
+            if(this.dynamicProperties.length){
+                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;
+                    }
+                }
+            }
+            var totalChars = this.data.totalChars;
+            var divisor = this.data.r === 2 ? 1 : 100/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;
+        }
+
+        function getMult(ind){
+            //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 = ind >= e ? 0 : 1;
+                }else{
+                    mult = max(0,min(0.5/(e-s) + (ind-s)/(e-s),1));
+                    if(mult<.5){
+                        mult *= 2;
+                    }else{
+                        mult = 1 - mult;
+                    }
+                }
+            }else if(type == 5){
+                if(e === s){
+                    mult = ind >= e ? 0 : 1;
+                }else{
+                    var tot = e - s;
+
+                    mult = -4/(tot*tot)*(ind*ind)+(4/tot)*ind;
+                }
+            }else if(type == 6){
+                if(e === s){
+                    mult = ind >= e ? 0 : 1;
+                }else{
+                    mult = (1+(Math.cos(Math.PI+Math.PI*2*(ind-s)/(e-s))+0))/2;
+                }
+            }else {
+                if(ind >= floor(s)){
+                    if(ind-s < 0){
+                        mult = 1 - (s - ind);
+                    }else{
+                        mult = max(0,min(e-ind,1));
+                    }
+                }
+            }
+            return mult*this.a.v;
+        }
+
+        return function TextSelectorProp(elem,data, arr){
+            this.mdf = false;
+            this.k = false;
+            this.data = data;
+            this.dynamicProperties = [];
+            this.getValue = updateRange;
+            this.getMult = getMult;
+            this.comp = elem.comp;
+            this.finalS = 0;
+            this.finalE = 0;
+            this.s = PropertyFactory.getProp(elem,data.s || {k:0},0,0,this.dynamicProperties);
+            if('e' in data){
+                this.e = PropertyFactory.getProp(elem,data.e,0,0,this.dynamicProperties);
+            }else{
+                this.e = {v:data.r === 2 ? data.totalChars : 100};
+            }
+            this.o = PropertyFactory.getProp(elem,data.o || {k:0},0,0,this.dynamicProperties);
+            this.xe = PropertyFactory.getProp(elem,data.xe || {k:0},0,0,this.dynamicProperties);
+            this.ne = PropertyFactory.getProp(elem,data.ne || {k:0},0,0,this.dynamicProperties);
+            this.a = PropertyFactory.getProp(elem,data.a,0,0.01,this.dynamicProperties);
+            if(this.dynamicProperties.length){
+                arr.push(this);
+            }else{
+                this.getValue();
+            }
+        }
+    }());
+
+    function getTextSelectorProp(elem, data,arr) {
+        return new TextSelectorProp(elem, data, arr);
+    };
+
+    var ob = {};
+    ob.getProp = getProp;
+    ob.getDashProp = getDashProp;
+    ob.getTextSelectorProp = getTextSelectorProp;
+    ob.getGradientProp = getGradientProp;
+    return ob;
+}());
+var ShapePropertyFactory = (function(){
+
+    var initFrame = -999999;
+
+    function interpolateShape() {
+        this.mdf = false;
+        var frameNum = this.comp.renderedFrame - this.offsetTime;
+        if(this.lastFrame !== initFrame && ((this.lastFrame < this.keyframes[0].t-this.offsetTime && frameNum < this.keyframes[0].t-this.offsetTime) || (this.lastFrame > this.keyframes[this.keyframes.length - 1].t-this.offsetTime && frameNum > this.keyframes[this.keyframes.length - 1].t-this.offsetTime))){
+        }else{
+            var keyPropS,keyPropE,isHold;
+            if(frameNum < this.keyframes[0].t-this.offsetTime){
+                keyPropS = this.keyframes[0].s[0];
+                isHold = true;
+            }else if(frameNum > this.keyframes[this.keyframes.length - 1].t-this.offsetTime){
+                if(this.keyframes[this.keyframes.length - 2].h === 1){
+                    //keyPropS = this.keyframes[this.keyframes.length - 1].s ? this.keyframes[this.keyframes.length - 1].s[0] : this.keyframes[this.keyframes.length - 2].s[0];
+                    keyPropS = this.keyframes[this.keyframes.length - 1].s[0];
+                }else{
+                    keyPropS = this.keyframes[this.keyframes.length - 2].e[0];
+                }
+                isHold = true;
+            }else{
+                var i = 0,len = this.keyframes.length- 1,flag = true,keyData,nextKeyData, j, jLen, k, kLen;
+                while(flag){
+                    keyData = this.keyframes[i];
+                    nextKeyData = this.keyframes[i+1];
+                    if((nextKeyData.t - this.offsetTime) > frameNum){
+                        break;
+                    }
+                    if(i < len - 1){
+                        i += 1;
+                    }else{
+                        flag = false;
+                    }
+                }
+                isHold = keyData.h === 1;
+                if(isHold && i === len){
+                    keyData = nextKeyData;
+                }
+
+                var perc;
+                if(!isHold){
+                    var fnc;
+                    if(keyData.__fnct){
+                        fnc = keyData.__fnct;
+                    }else{
+                        //fnc = bez.getEasingCurve(keyData.o.x,keyData.o.y,keyData.i.x,keyData.i.y);
+                        fnc = BezierFactory.getBezierEasing(keyData.o.x,keyData.o.y,keyData.i.x,keyData.i.y).get;
+                        keyData.__fnct = fnc;
+                    }
+                    if(frameNum >= nextKeyData.t-this.offsetTime){
+                        perc = 1;
+                    }else if(frameNum < keyData.t-this.offsetTime){
+                        perc = 0;
+                    }else{
+                        perc = fnc((frameNum-(keyData.t-this.offsetTime))/((nextKeyData.t-this.offsetTime)-(keyData.t-this.offsetTime)));
+                    }
+                    keyPropE = keyData.e[0];
+                }
+                keyPropS = keyData.s[0];
+            }
+            jLen = this.v.i.length;
+            kLen = keyPropS.i[0].length;
+            var hasModified = false;
+            var vertexValue;
+            for(j=0;j<jLen;j+=1){
+                for(k=0;k<kLen;k+=1){
+                    if(isHold){
+                        vertexValue = keyPropS.i[j][k];
+                        if(this.v.i[j][k] !== vertexValue){
+                            this.v.i[j][k] = vertexValue;
+                            this.pv.i[j][k] = vertexValue;
+                            hasModified = true;
+                        }
+                        vertexValue = keyPropS.o[j][k];
+                        if(this.v.o[j][k] !== vertexValue){
+                            this.v.o[j][k] = vertexValue;
+                            this.pv.o[j][k] = vertexValue;
+                            hasModified = true;
+                        }
+                        vertexValue = keyPropS.v[j][k];
+                        if(this.v.v[j][k] !== vertexValue){
+                            this.v.v[j][k] = vertexValue;
+                            this.pv.v[j][k] = vertexValue;
+                            hasModified = true;
+                        }
+                    }else{
+                        vertexValue = keyPropS.i[j][k]+(keyPropE.i[j][k]-keyPropS.i[j][k])*perc;
+                        if(this.v.i[j][k] !== vertexValue){
+                            this.v.i[j][k] = vertexValue;
+                            this.pv.i[j][k] = vertexValue;
+                            hasModified = true;
+                        }
+                        vertexValue = keyPropS.o[j][k]+(keyPropE.o[j][k]-keyPropS.o[j][k])*perc;
+                        if(this.v.o[j][k] !== vertexValue){
+                            this.v.o[j][k] = vertexValue;
+                            this.pv.o[j][k] = vertexValue;
+                            hasModified = true;
+                        }
+                        vertexValue = keyPropS.v[j][k]+(keyPropE.v[j][k]-keyPropS.v[j][k])*perc;
+                        if(this.v.v[j][k] !== vertexValue){
+                            this.v.v[j][k] = vertexValue;
+                            this.pv.v[j][k] = vertexValue;
+                            hasModified = true;
+                        }
+                    }
+                }
+            }
+            this.mdf = hasModified;
+            this.paths.length = 0;
+            this.paths[0] = this.v;
+        }
+
+        this.lastFrame = frameNum;
+    }
+
+    function getShapeValue(){
+        return this.v;
+    }
+
+    function resetShape(){
+        if(this.paths.length){
+            this.paths.length = 1;
+            this.paths[0] = this.v;
+        } else {
+            this.paths = [this.v];
+        }
+    }
+
+    function ShapeProperty(elem, data, type){
+        this.comp = elem.comp;
+        this.k = false;
+        this.mdf = false;
+        this.closed = type === 3 ? data.cl : data.closed;
+        this.numNodes = type === 3 ? data.pt.k.v.length : data.ks.k.v.length;
+        this.v = type === 3 ? data.pt.k : data.ks.k;
+        this.getValue = getShapeValue;
+        this.pv = this.v;
+        this.v.c = this.closed;
+        this.paths = [this.v];
+        this.reset = resetShape;
+    }
+
+    function KeyframedShapeProperty(elem,data,type){
+        this.comp = elem.comp;
+        this.offsetTime = elem.data.st;
+        this.getValue = interpolateShape;
+        this.keyframes = type === 3 ? data.pt.k : data.ks.k;
+        this.k = true;
+        this.closed = type === 3 ? data.cl : data.closed;
+        var i, len = this.keyframes[0].s[0].i.length;
+        var jLen = this.keyframes[0].s[0].i[0].length;
+        this.numNodes = len;
+        this.v = {
+            i: Array.apply(null,{length:len}),
+            o: Array.apply(null,{length:len}),
+            v: Array.apply(null,{length:len}),
+            c: this.closed
+        };
+        this.pv = {
+            i: Array.apply(null,{length:len}),
+            o: Array.apply(null,{length:len}),
+            v: Array.apply(null,{length:len})
+        };
+        for(i=0;i<len;i+=1){
+            this.v.i[i] = Array.apply(null,{length:jLen});
+            this.v.o[i] = Array.apply(null,{length:jLen});
+            this.v.v[i] = Array.apply(null,{length:jLen});
+            this.pv.i[i] = Array.apply(null,{length:jLen});
+            this.pv.o[i] = Array.apply(null,{length:jLen});
+            this.pv.v[i] = Array.apply(null,{length:jLen});
+        }
+        this.paths = [];
+        this.lastFrame = initFrame;
+        this.reset = resetShape;
+    }
+
+    var EllShapeProperty = (function(){
+
+        var cPoint = roundCorner;
+
+        function convertEllToPath(){
+            var p0 = this.p.v[0], p1 = this.p.v[1], s0 = this.s.v[0]/2, s1 = this.s.v[1]/2;
+            if(this.d !== 2 && this.d !== 3){
+                this.v.v[0] = [p0,p1-s1];
+                this.v.i[0] = [p0 - s0*cPoint,p1 - s1];
+                this.v.o[0] = [p0 + s0*cPoint,p1 - s1];
+                this.v.v[1] = [p0 + s0,p1];
+                this.v.i[1] = [p0 + s0,p1 - s1*cPoint];
+                this.v.o[1] = [p0 + s0,p1 + s1*cPoint];
+                this.v.v[2] = [p0,p1+s1];
+                this.v.i[2] = [p0 + s0*cPoint,p1 + s1];
+                this.v.o[2] = [p0 - s0*cPoint,p1 + s1];
+                this.v.v[3] = [p0 - s0,p1];
+                this.v.i[3] = [p0 - s0,p1 + s1*cPoint];
+                this.v.o[3] = [p0 - s0,p1 - s1*cPoint];
+            }else{
+                this.v.v[0] = [p0,p1-s1];
+                this.v.o[0] = [p0 - s0*cPoint,p1 - s1];
+                this.v.i[0] = [p0 + s0*cPoint,p1 - s1];
+                this.v.v[1] = [p0 - s0,p1];
+                this.v.o[1] = [p0 - s0,p1 + s1*cPoint];
+                this.v.i[1] = [p0 - s0,p1 - s1*cPoint];
+                this.v.v[2] = [p0,p1+s1];
+                this.v.o[2] = [p0 + s0*cPoint,p1 + s1];
+                this.v.i[2] = [p0 - s0*cPoint,p1 + s1];
+                this.v.v[3] = [p0 + s0,p1];
+                this.v.o[3] = [p0 + s0,p1 - s1*cPoint];
+                this.v.i[3] = [p0 + s0,p1 + s1*cPoint];
+            }
+            this.paths.length = 0;
+            this.paths[0] = this.v;
+        }
+
+        function processKeys(frameNum){
+            var i, len = this.dynamicProperties.length;
+            if(this.elem.globalData.frameId === this.frameId){
+                return;
+            }
+            this.mdf = false;
+            this.frameId = this.elem.globalData.frameId;
+
+            for(i=0;i<len;i+=1){
+                this.dynamicProperties[i].getValue(frameNum);
+                if(this.dynamicProperties[i].mdf){
+                    this.mdf = true;
+                }
+            }
+            if(this.mdf){
+                this.convertEllToPath();
+                this.paths.length = 0;
+                this.paths[0] = this.v;
+            }
+        }
+
+        return function EllShapeProperty(elem,data) {
+            this.v = {
+                v: Array.apply(null,{length:4}),
+                i: Array.apply(null,{length:4}),
+                o: Array.apply(null,{length:4}),
+                c: true
+            };
+            this.numNodes = 4;
+            this.d = data.d;
+            this.dynamicProperties = [];
+            this.paths = [];
+            data.closed = true;
+            this.closed = true;
+            this.elem = elem;
+            this.comp = elem.comp;
+            this.frameId = -1;
+            this.mdf = false;
+            this.getValue = processKeys;
+            this.convertEllToPath = convertEllToPath;
+            this.reset = resetShape;
+            this.p = PropertyFactory.getProp(elem,data.p,1,0,this.dynamicProperties);
+            this.s = PropertyFactory.getProp(elem,data.s,1,0,this.dynamicProperties);
+            if(this.dynamicProperties.length){
+                this.k = true;
+            }else{
+                this.convertEllToPath();
+            }
+        }
+    }());
+
+    var StarShapeProperty = (function() {
+
+        function convertPolygonToPath(){
+            var numPts = Math.floor(this.pt.v);
+            var angle = Math.PI*2/numPts;
+            this.v.v.length = numPts;
+            this.v.i.length = numPts;
+            this.v.o.length = 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;
+            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.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];
+                currentAng += angle*dir;
+            }
+            this.numNodes = numPts;
+            this.paths.length = 0;
+            this.paths[0] = this.v;
+        }
+
+        function convertStarToPath() {
+            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;
+            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.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];
+                longFlag = !longFlag;
+                currentAng += angle*dir;
+            }
+            this.numNodes = numPts;
+            this.paths.length = 0;
+            this.paths[0] = this.v;
+        }
+
+        function processKeys() {
+            if(this.elem.globalData.frameId === this.frameId){
+                return;
+            }
+            this.mdf = false;
+            this.frameId = this.elem.globalData.frameId;
+            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;
+                }
+            }
+            if(this.mdf){
+                this.convertToPath();
+            }
+        }
+
+        return function StarShapeProperty(elem,data) {
+            this.v = {
+                v: [],
+                i: [],
+                o: [],
+                c: true
+            };
+            this.elem = elem;
+            this.comp = elem.comp;
+            this.data = data;
+            this.frameId = -1;
+            this.d = data.d;
+            this.dynamicProperties = [];
+            this.mdf = false;
+            data.closed = true;
+            this.closed = true;
+            this.getValue = processKeys;
+            this.reset = resetShape;
+            if(data.sy === 1){
+                this.ir = PropertyFactory.getProp(elem,data.ir,0,0,this.dynamicProperties);
+                this.is = PropertyFactory.getProp(elem,data.is,0,0.01,this.dynamicProperties);
+                this.convertToPath = convertStarToPath;
+            } else {
+                this.convertToPath = convertPolygonToPath;
+            }
+            this.pt = PropertyFactory.getProp(elem,data.pt,0,0,this.dynamicProperties);
+            this.p = PropertyFactory.getProp(elem,data.p,1,0,this.dynamicProperties);
+            this.r = PropertyFactory.getProp(elem,data.r,0,degToRads,this.dynamicProperties);
+            this.or = PropertyFactory.getProp(elem,data.or,0,0,this.dynamicProperties);
+            this.os = PropertyFactory.getProp(elem,data.os,0,0.01,this.dynamicProperties);
+            this.paths = [];
+            if(this.dynamicProperties.length){
+                this.k = true;
+            }else{
+                this.convertToPath();
+            }
+        }
+    }());
+
+    var RectShapeProperty = (function() {
+        function processKeys(frameNum){
+            if(this.elem.globalData.frameId === this.frameId){
+                return;
+            }
+            this.mdf = false;
+            this.frameId = this.elem.globalData.frameId;
+            var i, len = this.dynamicProperties.length;
+
+            for(i=0;i<len;i+=1){
+                this.dynamicProperties[i].getValue(frameNum);
+                if(this.dynamicProperties[i].mdf){
+                    this.mdf = true;
+                }
+            }
+            if(this.mdf){
+                this.convertRectToPath();
+            }
+
+        }
+
+        function convertRectToPath(){
+            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);
+
+            if(this.d === 2 || this.d === 1) {
+
+                this.v.v[0] = [p0+v0,p1-v1+round];
+                this.v.o[0] = this.v.v[0];
+                this.v.i[0] = [p0+v0,p1-v1+cPoint];
+
+                this.v.v[1] = [p0+v0,p1+v1-round];
+                this.v.o[1] = [p0+v0,p1+v1-cPoint];
+                this.v.i[1] = this.v.v[1];
+
+                this.v.v[2] = [p0+v0-round,p1+v1];
+                this.v.o[2] = this.v.v[2];
+                this.v.i[2] = [p0+v0-cPoint,p1+v1];
+
+                this.v.v[3] = [p0-v0+round,p1+v1];
+                this.v.o[3] = [p0-v0+cPoint,p1+v1];
+                this.v.i[3] = this.v.v[3];
+
+                this.v.v[4] = [p0-v0,p1+v1-round];
+                this.v.o[4] = this.v.v[4];
+                this.v.i[4] = [p0-v0,p1+v1-cPoint];
+
+                this.v.v[5] = [p0-v0,p1-v1+round];
+                this.v.o[5] = [p0-v0,p1-v1+cPoint];
+                this.v.i[5] = this.v.v[5];
+
+                this.v.v[6] = [p0-v0+round,p1-v1];
+                this.v.o[6] = this.v.v[6];
+                this.v.i[6] = [p0-v0+cPoint,p1-v1];
+
+                this.v.v[7] = [p0+v0-round,p1-v1];
+                this.v.o[7] = [p0+v0-cPoint,p1-v1];
+                this.v.i[7] = this.v.v[7];
+            }else{
+                this.v.v[0] = [p0+v0,p1-v1+round];
+                this.v.o[0] = [p0+v0,p1-v1+cPoint];
+                this.v.i[0] = this.v.v[0];
+
+                this.v.v[1] = [p0+v0-round,p1-v1];
+                this.v.o[1] = this.v.v[1];
+                this.v.i[1] = [p0+v0-cPoint,p1-v1];
+
+                this.v.v[2] = [p0-v0+round,p1-v1];
+                this.v.o[2] = [p0-v0+cPoint,p1-v1];
+                this.v.i[2] = this.v.v[2];
+
+                this.v.v[3] = [p0-v0,p1-v1+round];
+                this.v.o[3] = this.v.v[3];
+                this.v.i[3] = [p0-v0,p1-v1+cPoint];
+
+                this.v.v[4] = [p0-v0,p1+v1-round];
+                this.v.o[4] = [p0-v0,p1+v1-cPoint];
+                this.v.i[4] = this.v.v[4];
+
+                this.v.v[5] = [p0-v0+round,p1+v1];
+                this.v.o[5] = this.v.v[5];
+                this.v.i[5] = [p0-v0+cPoint,p1+v1];
+
+                this.v.v[6] = [p0+v0-round,p1+v1];
+                this.v.o[6] = [p0+v0-cPoint,p1+v1];
+                this.v.i[6] = this.v.v[6];
+
+                this.v.v[7] = [p0+v0,p1+v1-round];
+                this.v.o[7] = this.v.v[7];
+                this.v.i[7] = [p0+v0,p1+v1-cPoint];
+            }
+            this.paths.length = 0;
+            this.paths[0] = this.v;
+        }
+
+        return function RectShapeProperty(elem,data) {
+            this.v = {
+                v: Array.apply(null,{length:8}),
+                i: Array.apply(null,{length:8}),
+                o: Array.apply(null,{length:8}),
+                c: true
+            };
+            this.paths = [];
+            this.numNodes = 8;
+            this.elem = elem;
+            this.comp = elem.comp;
+            this.frameId = -1;
+            this.d = data.d;
+            this.dynamicProperties = [];
+            this.mdf = false;
+            data.closed = true;
+            this.closed = true;
+            this.getValue = processKeys;
+            this.convertRectToPath = convertRectToPath;
+            this.reset = resetShape;
+            this.p = PropertyFactory.getProp(elem,data.p,1,0,this.dynamicProperties);
+            this.s = PropertyFactory.getProp(elem,data.s,1,0,this.dynamicProperties);
+            this.r = PropertyFactory.getProp(elem,data.r,0,0,this.dynamicProperties);
+            if(this.dynamicProperties.length){
+                this.k = true;
+            }else{
+                this.convertRectToPath();
+            }
+        }
+    }());
+
+    function getShapeProp(elem,data,type, arr){
+        var prop;
+        if(type === 3 || type === 4){
+            var keys = type === 3 ? data.pt.k : data.ks.k;
+            if(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){
+            arr.push(prop);
+        }
+        return prop;
+    }
+
+    var ob = {};
+    ob.getShapeProp = getShapeProp;
+    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, dynamicProperties){
+        return new modifiers[nm](elem, data, dynamicProperties);
+    }
+
+    return ob;
+}());
+
+function ShapeModifier(){}
+ShapeModifier.prototype.initModifierProperties = function(){};
+ShapeModifier.prototype.addShapeToModifier = function(){};
+ShapeModifier.prototype.addShape = function(shape){
+    if(!this.closed){
+        this.shapes.push({shape:shape,last:[]});
+        this.addShapeToModifier(shape);
+    }
+}
+ShapeModifier.prototype.init = function(elem,data,dynamicProperties){
+    this.elem = elem;
+    this.frameId = -1;
+    this.shapes = [];
+    this.dynamicProperties = [];
+    this.mdf = false;
+    this.closed = false;
+    this.k = false;
+    this.isTrimming = false;
+    this.comp = elem.comp;
+    this.initModifierProperties(elem,data);
+    if(this.dynamicProperties.length){
+        this.k = true;
+        dynamicProperties.push(this);
+    }else{
+        this.getValue(true);
+    }
+}
+function TrimModifier(){};
+extendPrototype(ShapeModifier,TrimModifier);
+TrimModifier.prototype.processKeys = function(forceRender){
+    if(this.elem.globalData.frameId === this.frameId && !forceRender){
+        return;
+    }
+    this.mdf = forceRender ? true : false;
+    this.frameId = this.elem.globalData.frameId;
+    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;
+        }
+    }
+    if(this.mdf || forceRender){
+        var o = (this.o.v%360)/360;
+        if(o < 0){
+            o += 1;
+        }
+        var s = this.s.v + o;
+        var e = this.e.v + o;
+        if(s == e){
+
+        }
+        if(s>e){
+            var _s = s;
+            s = e;
+            e = _s;
+        }
+        this.sValue = s;
+        this.eValue = e;
+        this.oValue = o;
+    }
+}
+TrimModifier.prototype.initModifierProperties = function(elem,data){
+    this.sValue = 0;
+    this.eValue = 0;
+    this.oValue = 0;
+    this.getValue = this.processKeys;
+    this.s = PropertyFactory.getProp(elem,data.s,0,0.01,this.dynamicProperties);
+    this.e = PropertyFactory.getProp(elem,data.e,0,0.01,this.dynamicProperties);
+    this.o = PropertyFactory.getProp(elem,data.o,0,0,this.dynamicProperties);
+    if(!this.dynamicProperties.length){
+        this.getValue(true);
+    }
+};
+
+TrimModifier.prototype.getSegmentsLength = function(keyframes){
+    var closed = keyframes.c;
+    var pathV = keyframes.v;
+    var pathO = keyframes.o;
+    var pathI = keyframes.i;
+    var i, len = pathV.length;
+    var lengths = [];
+    var totalLength = 0;
+    for(i=0;i<len-1;i+=1){
+        lengths[i] = bez.getBezierLength(pathV[i],pathV[i+1],pathO[i],pathI[i+1]);
+        totalLength += lengths[i].addedLength;
+    }
+    if(closed){
+        lengths[i] = bez.getBezierLength(pathV[i],pathV[0],pathO[i],pathI[0]);
+        totalLength += lengths[i].addedLength;
+    }
+    return {lengths:lengths,totalLength:totalLength};
+}
+
+TrimModifier.prototype.processShapes = function(firstFrame){
+    var shapePaths;
+    var i, len = this.shapes.length;
+    var j, jLen;
+    var s = this.sValue;
+    var e = this.eValue;
+    var pathsData,pathData, totalShapeLength, totalModifierLength = 0;
+
+
+    if(e === s){
+        for(i=0;i<len;i+=1){
+            this.shapes[i].shape.paths = [];
+            this.shapes[i].shape.mdf = true;
+        }
+    } else {
+        var segments = [], shapeData, newShapes;
+        for(i=0;i<len;i+=1){
+            shapeData = this.shapes[i];
+            if(!shapeData.shape.mdf && !this.mdf && !firstFrame){
+                shapeData.shape.paths = shapeData.last;
+            } else {
+                shapePaths = shapeData.shape.paths;
+                jLen = shapePaths.length;
+                totalShapeLength = 0;
+                if(!shapeData.shape.mdf && shapeData.pathsData){
+                    totalShapeLength = shapeData.totalShapeLength;
+                } else {
+                    pathsData = [];
+                    for(j=0;j<jLen;j+=1){
+                        pathData = this.getSegmentsLength(shapePaths[j]);
+                        pathsData.push(pathData);
+                        totalShapeLength += pathData.totalLength;
+                    }
+                    shapeData.totalShapeLength = totalShapeLength;
+                    shapeData.pathsData = pathsData;
+                }
+
+                totalModifierLength += totalShapeLength;
+            }
+            shapeData.shape.mdf = true;
+        }
+        for(i=0;i<len;i+=1){
+            newShapes = [];
+            shapeData = this.shapes[i];
+            if(shapeData.shape.mdf){
+                segments.length = 0;
+                if(e <= 1){
+                    segments.push({
+                        s:shapeData.totalShapeLength*s,
+                        e:shapeData.totalShapeLength*e
+                    })
+                }else if(s >= 1){
+                    segments.push({
+                        s:shapeData.totalShapeLength*(s-1),
+                        e:shapeData.totalShapeLength*(e-1)
+                    })
+                }else{
+                    segments.push({
+                        s:shapeData.totalShapeLength*s,
+                        e:shapeData.totalShapeLength
+                    })
+                    segments.push({
+                        s:0,
+                        e:shapeData.totalShapeLength*(e-1)
+                    })
+                }
+                var newShapeData = this.addShapes(shapeData,segments[0]);
+                var lastPos;
+                newShapes.push(newShapeData);
+                if(segments.length > 1){
+                    if(shapeData.shape.closed){
+                        this.addShapes(shapeData,segments[1], newShapeData);
+                    } else {
+                        newShapeData.i[0] = [newShapeData.v[0][0],newShapeData.v[0][1]];
+                        lastPos = newShapeData.v.length-1;
+                        newShapeData.o[lastPos] = [newShapeData.v[lastPos][0],newShapeData.v[lastPos][1]];
+                        newShapeData = this.addShapes(shapeData,segments[1]);
+                        newShapes.push(newShapeData);
+                    }
+                }
+                newShapeData.i[0] = [newShapeData.v[0][0],newShapeData.v[0][1]];
+                lastPos = newShapeData.v.length-1;
+                newShapeData.o[lastPos] = [newShapeData.v[lastPos][0],newShapeData.v[lastPos][1]];
+                shapeData.last = newShapes;
+                shapeData.shape.paths = newShapes;
+            }
+        }
+    }
+    if(!this.dynamicProperties.length){
+        this.mdf = false;
+    }
+}
+
+TrimModifier.prototype.addSegment = function(pt1,pt2,pt3,pt4,shapePath,pos) {
+    shapePath.o[pos] = pt2;
+    shapePath.i[pos+1] = pt3;
+    shapePath.v[pos+1] = pt4;
+    shapePath.v[pos] = pt1;
+}
+
+TrimModifier.prototype.addShapes = function(shapeData, shapeSegment, shapePath){
+    var pathsData = shapeData.pathsData;
+    var shapePaths = shapeData.shape.paths;
+    var i, len = shapePaths.length, j, jLen;
+    var addedLength = 0;
+    var currentLengthData,segmentCount;
+    var lengths;
+    var segment;
+    if(!shapePath){
+        shapePath = {
+            c: false,
+            v:[],
+            i:[],
+            o:[]
+        };
+        segmentCount = 0;
+    } else {
+        segmentCount = shapePath.v.length - 1;
+    }
+    for(i=0;i<len;i+=1){
+        lengths = pathsData[i].lengths;
+        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;
+            } else if(addedLength > shapeSegment.e){
+                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);
+
+                } 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.addSegment(segment.pt1,segment.pt3,segment.pt4,segment.pt2,shapePath,segmentCount);
+                }
+                addedLength += currentLengthData.addedLength;
+                segmentCount += 1;
+            }
+        }
+        if(shapePaths[i].c){
+            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);
+                }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.addSegment(segment.pt1,segment.pt3,segment.pt4,segment.pt2,shapePath,segmentCount);
+                }
+            }
+        }
+    }
+    return shapePath;
+
+}
+
+
+ShapeModifiers.registerModifier('tm',TrimModifier);
+function RoundCornersModifier(){};
+extendPrototype(ShapeModifier,RoundCornersModifier);
+RoundCornersModifier.prototype.processKeys = function(forceRender){
+    if(this.elem.globalData.frameId === this.frameId && !forceRender){
+        return;
+    }
+    this.mdf = forceRender ? true : false;
+    this.frameId = this.elem.globalData.frameId;
+    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;
+        }
+    }
+}
+RoundCornersModifier.prototype.initModifierProperties = function(elem,data){
+    this.getValue = this.processKeys;
+    this.rd = PropertyFactory.getProp(elem,data.r,0,null,this.dynamicProperties);
+    if(!this.dynamicProperties.length){
+        this.getValue(true);
+    }
+};
+
+RoundCornersModifier.prototype.processPath = function(path, round){
+    var i, len = path.v.length;
+    var vValues = [],oValues = [],iValues = [];
+    var currentV,currentI,currentO,closerV, newV,newO,newI,distance,newPosPerc;
+    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){
+                vValues.push(currentV);
+                oValues.push(currentO);
+                iValues.push(currentI);
+            } 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;
+                newV = [currentV[0]+(closerV[0]-currentV[0])*newPosPerc,currentV[1]-(currentV[1]-closerV[1])*newPosPerc];
+                newI = newV;
+                newO = [newV[0]-(newV[0]-currentV[0])*roundCorner,newV[1]-(newV[1]-currentV[1])*roundCorner];
+                vValues.push(newV);
+                oValues.push(newO);
+                iValues.push(newI);
+
+                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;
+                newV = [currentV[0]+(closerV[0]-currentV[0])*newPosPerc,currentV[1]+(closerV[1]-currentV[1])*newPosPerc];
+                newI = [newV[0]-(newV[0]-currentV[0])*roundCorner,newV[1]-(newV[1]-currentV[1])*roundCorner];
+                newO = newV;
+                vValues.push(newV);
+                oValues.push(newO);
+                iValues.push(newI);
+            }
+        } else {
+            vValues.push(path.v[i]);
+            oValues.push(path.o[i]);
+            iValues.push(path.i[i]);
+        }
+    }
+    return {
+        v:vValues,
+        o:oValues,
+        i:iValues,
+        c:path.c
+    };
+}
+
+RoundCornersModifier.prototype.processShapes = function(){
+    var shapePaths;
+    var i, len = this.shapes.length;
+    var j, jLen;
+    var rd = this.rd.v;
+
+    if(rd !== 0){
+        var shapeData, newPaths = [];
+        for(i=0;i<len;i+=1){
+            shapeData = this.shapes[i];
+            if(!shapeData.shape.mdf && !this.mdf){
+                shapeData.shape.paths = shapeData.last;
+            } else {
+                shapeData.shape.mdf = true;
+                shapePaths = shapeData.shape.paths;
+                jLen = shapePaths.length;
+                for(j=0;j<jLen;j+=1){
+                    newPaths.push(this.processPath(shapePaths[j],rd));
+                }
+                shapeData.shape.paths = newPaths;
+                shapeData.last = newPaths;
+            }
+        }
+
+    }
+    if(!this.dynamicProperties.length){
+        this.mdf = false;
+    }
+}
+
+
+ShapeModifiers.registerModifier('rd',RoundCornersModifier);
+var ImagePreloader = (function(){
+
+    function imageLoaded(){
+        this.loadedAssets += 1;
+        if(this.loadedAssets === this.totalImages){
+        }
+    }
+
+    function getAssetsPath(assetData){
+        var path = '';
+        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;
+    }
+
+    function loadImage(path){
+        var img = document.createElement('img');
+        img.addEventListener('load', imageLoaded.bind(this), false);
+        img.addEventListener('error', imageLoaded.bind(this), false);
+        img.src = path;
+    }
+    function loadAssets(assets){
+        this.totalAssets = assets.length;
+        var i;
+        for(i=0;i<this.totalAssets;i+=1){
+            if(!assets[i].layers){
+                loadImage.bind(this)(getAssetsPath.bind(this)(assets[i]));
+                this.totalImages += 1;
+            }
+        }
+    }
+
+    function setPath(path){
+        this.path = path || '';
+    }
+
+    function setAssetsPath(path){
+        this.assetsPath = path || '';
+    }
+
+    return function ImagePreloader(){
+        this.loadAssets = loadAssets;
+        this.setAssetsPath = setAssetsPath;
+        this.setPath = setPath;
+        this.assetsPath = '';
+        this.path = '';
+        this.totalAssets = 0;
+        this.totalImages = 0;
+        this.loadedAssets = 0;
+    }
+}());
+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;
+    }
+};
+
+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 4:
+            return this.createShape(layer);
+        case 5:
+            return this.createText(layer);
+        case 99:
+            return null;
+    }
+    return this.createBase(layer);
+};
+BaseRenderer.prototype.buildAllItems = function(){
+    var i, len = this.layers.length;
+    for(i=0;i<len;i+=1){
+        this.buildItem(i);
+    }
+};
+
+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){
+    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]){
+                this.buildItem(i);
+            }
+            element.getHierarchy().push(elements[i]);
+            if(layers[i].parent !== undefined){
+                this.buildElementParenting(element,layers[i].parent);
+            }
+        }
+        i += 1;
+    }
+};
+function SVGRenderer(animationItem, config){
+    this.animationItem = animationItem;
+    this.layers = null;
+    this.renderedFrame = -1;
+    this.globalData = {
+        frameNum: -1
+    };
+    this.renderConfig = {
+        preserveAspectRatio: (config && config.preserveAspectRatio) || 'xMidYMid meet',
+        progressiveLoad: (config && config.progressiveLoad) || false
+    };
+    this.elements = [];
+    this.destroyed = false;
+
+}
+
+extendPrototype(BaseRenderer,SVGRenderer);
+
+SVGRenderer.prototype.createBase = function (data) {
+    return new SVGBaseElement(data, this.layerElement,this.globalData,this);
+};
+
+SVGRenderer.prototype.createShape = function (data) {
+    return new IShapeElement(data, this.layerElement,this.globalData,this);
+};
+
+SVGRenderer.prototype.createText = function (data) {
+    return new SVGTextElement(data, this.layerElement,this.globalData,this);
+
+};
+
+SVGRenderer.prototype.createImage = function (data) {
+    return new IImageElement(data, this.layerElement,this.globalData,this);
+};
+
+SVGRenderer.prototype.createComp = function (data) {
+    return new ICompElement(data, this.layerElement,this.globalData,this);
+
+};
+
+SVGRenderer.prototype.createSolid = function (data) {
+    return new ISolidElement(data, this.layerElement,this.globalData,this);
+};
+
+SVGRenderer.prototype.configAnimation = function(animData){
+    this.layerElement = document.createElementNS(svgNS,'svg');
+    this.layerElement.setAttribute('xmlns','http://www.w3.org/2000/svg');
+    this.layerElement.setAttribute('width',animData.w);
+    this.layerElement.setAttribute('height',animData.h);
+    this.layerElement.setAttribute('viewBox','0 0 '+animData.w+' '+animData.h);
+    this.layerElement.setAttribute('preserveAspectRatio',this.renderConfig.preserveAspectRatio);
+    this.layerElement.style.width = '100%';
+    this.layerElement.style.height = '100%';
+    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.layerElement);
+    //Mask animation
+    var defs = document.createElementNS(svgNS, 'defs');
+    this.globalData.defs = defs;
+    this.layerElement.appendChild(defs);
+    this.globalData.getAssetData = this.animationItem.getAssetData.bind(this.animationItem);
+    this.globalData.getAssetsPath = this.animationItem.getAssetsPath.bind(this.animationItem);
+    this.globalData.progressiveLoad = this.renderConfig.progressiveLoad;
+    this.globalData.frameId = 0;
+    this.globalData.compSize = {
+        w: animData.w,
+        h: animData.h
+    };
+    this.globalData.frameRate = animData.fr;
+    var maskElement = document.createElementNS(svgNS, 'clipPath');
+    var rect = document.createElementNS(svgNS,'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);
+    var maskedElement = document.createElementNS(svgNS,'g');
+    maskedElement.setAttribute("clip-path", "url(#"+maskId+")");
+    this.layerElement.appendChild(maskedElement);
+    defs.appendChild(maskElement);
+    this.layerElement = maskedElement;
+    this.layers = animData.layers;
+    this.globalData.fontManager = new FontManager();
+    this.globalData.fontManager.addChars(animData.chars);
+    this.globalData.fontManager.addFonts(animData.fonts,defs);
+    this.elements = Array.apply(null,{length: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;
+    }
+    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){
+        this.buildItem(pos - 1);
+        element.setMatte(elements[pos - 1].layerId);
+    }
+};
+
+SVGRenderer.prototype.renderFrame = function(num){
+    if(this.renderedFrame == num || this.destroyed){
+        return;
+    }
+    if(num === null){
+        num = this.renderedFrame;
+    }else{
+        this.renderedFrame = num;
+    }
+    //clearPoints();
+    /*console.log('-------');
+    console.log('FRAME ',num);*/
+    this.globalData.frameNum = num;
+    this.globalData.frameId += 1;
+    this.globalData.projectInterface.currentFrame = num;
+    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);
+        }
+    }
+    for (i = len - 1; i >= 0; i--) {
+        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].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';
+};
+
+SVGRenderer.prototype.searchExtraCompositions = function(assets){
+    var i, len = assets.length;
+    var floatingContainer = document.createElementNS(svgNS,'g');
+    for(i=0;i<len;i+=1){
+        if(assets[i].xt){
+            var comp = this.createComp(assets[i],floatingContainer,this.globalData.comp,null);
+            comp.initExpressions();
+            //comp.compInterface = CompExpressionInterface(comp);
+            //Expressions.addLayersInterface(comp.elements, this.globalData.projectInterface);
+            this.globalData.projectInterface.registerComposition(comp);
+        }
+    }
+};
+
+function MaskElement(data,element,globalData) {
+    this.dynamicProperties = [];
+    this.data = data;
+    this.element = element;
+    this.globalData = globalData;
+    this.paths = [];
+    this.storedData = [];
+    this.masksProperties = this.data.masksProperties;
+    this.viewData = new Array(this.masksProperties.length);
+    this.maskElement = null;
+    this.firstFrame = true;
+    var defs = this.globalData.defs;
+    var i, len = this.masksProperties.length;
+
+
+    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){
+            maskType = 'mask';
+            maskRef = 'mask';
+        }
+
+        if((properties[i].mode == 's' || properties[i].mode == 'i') && count == 0){
+            rect = document.createElementNS(svgNS, 'rect');
+            rect.setAttribute('fill', '#ffffff');
+            rect.setAttribute('width', this.element.comp.data ? this.element.comp.data.w : this.element.globalData.compSize.w);
+            rect.setAttribute('height', this.element.comp.data ? this.element.comp.data.h : this.element.globalData.compSize.h);
+            currentMasks.push(rect);
+        } else {
+            rect = null;
+        }
+
+        path = document.createElementNS(svgNS, 'path');
+        if(properties[i].mode == 'n' || properties[i].cl === false) {
+            this.viewData[i] = {
+                prop: ShapePropertyFactory.getShapeProp(this.element,properties[i],3,this.dynamicProperties,null),
+                elem: path
+            };
+            defs.appendChild(path);
+            continue;
+        }
+        count += 1;
+        if (properties[i].cl) {
+            if(properties[i].mode == 's'){
+                path.setAttribute('fill', '#000000');
+            }else{
+                path.setAttribute('fill', '#ffffff');
+            }
+        } else {
+            path.setAttribute('fill', 'none');
+            if(properties[i].mode == 's'){
+                path.setAttribute('fill', '#000000');
+            }else{
+                path.setAttribute('fill', '#ffffff');
+            }
+            path.setAttribute('stroke-width', '1');
+            path.setAttribute('stroke-miterlimit', '10');
+        }
+        path.setAttribute('clip-rule','nonzero');
+
+        if(properties[i].x.k !== 0){
+            maskType = 'mask';
+            maskRef = 'mask';
+            x = PropertyFactory.getProp(this.element,properties[i].x,0,null,this.dynamicProperties);
+            var filterID = 'fi_'+randomString(10);
+            expansor = document.createElementNS(svgNS,'filter');
+            expansor.setAttribute('id',filterID);
+            feMorph = document.createElementNS(svgNS,'feMorphology');
+            feMorph.setAttribute('operator','dilate');
+            feMorph.setAttribute('in','SourceGraphic');
+            feMorph.setAttribute('radius','0');
+            expansor.appendChild(feMorph);
+            defs.appendChild(expansor);
+            if(properties[i].mode == 's'){
+                path.setAttribute('stroke', '#000000');
+            }else{
+                path.setAttribute('stroke', '#ffffff');
+            }
+        }else{
+            feMorph = null;
+            x = null;
+        }
+
+
+        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 = document.createElementNS(svgNS,'g');
+            for(j=0;j<jLen;j+=1){
+                g.appendChild(currentMasks[j]);
+            }
+            var mask = document.createElementNS(svgNS,'mask');
+            mask.setAttribute('mask-type','alpha');
+            mask.setAttribute('id',layerId+'_'+count);
+            mask.appendChild(path);
+            defs.appendChild(mask);
+            g.setAttribute('mask','url(#'+layerId+'_'+count+')');
+
+            currentMasks.length = 0;
+            currentMasks.push(g);
+        }else{
+            currentMasks.push(path);
+        }
+        if(properties[i].inv && !this.solidPath){
+            this.solidPath = this.createLayerSolidPath();
+        }
+        this.viewData[i] = {
+            elem: path,
+            lastPath: '',
+            prop:ShapePropertyFactory.getShapeProp(this.element,properties[i],3,this.dynamicProperties,null)
+        };
+        if(rect){
+            this.viewData[i].invRect = rect;
+        }
+        if(!this.viewData[i].prop.k){
+            this.drawPath(properties[i],this.viewData[i].prop.v,this.viewData[i]);
+        }
+    }
+
+    this.maskElement = document.createElementNS(svgNS, maskType);
+
+    len = currentMasks.length;
+    for(i=0;i<len;i+=1){
+        this.maskElement.appendChild(currentMasks[i]);
+    }
+
+    this.maskElement.setAttribute('id', layerId);
+    if(count > 0){
+        this.element.maskedElement.setAttribute(maskRef, "url(#" + layerId + ")");
+    }
+
+    defs.appendChild(this.maskElement);
+};
+
+MaskElement.prototype.getMaskProperty = function(pos){
+    return this.viewData[pos].prop;
+};
+
+MaskElement.prototype.prepareFrame = function(){
+    var i, len = this.dynamicProperties.length;
+    for(i=0;i<len;i+=1){
+        this.dynamicProperties[i].getValue();
+
+    }
+};
+
+MaskElement.prototype.renderFrame = function (finalMat) {
+    var i, len = this.masksProperties.length;
+    for (i = 0; i < len; i++) {
+        if(this.viewData[i].prop.mdf || this.firstFrame){
+            this.drawPath(this.masksProperties[i],this.viewData[i].prop.v,this.viewData[i]);
+        }
+        if(this.masksProperties[i].mode !== 'n' && this.masksProperties[i].cl !== false){
+            if(this.viewData[i].invRect && (this.element.finalTransform.mProp.mdf || this.firstFrame)){
+                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 || this.firstFrame)){
+                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(#'+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);
+
+                }
+            }
+        }
+    }
+    this.firstFrame = false;
+};
+
+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 = '';
+    var i, len;
+    len = pathNodes.v.length;
+    for(i=1;i<len;i+=1){
+        if(i==1){
+            //pathString += " M"+pathNodes.v[0][0]+','+pathNodes.v[0][1];
+            pathString += " M"+bm_rnd(pathNodes.v[0][0])+','+bm_rnd(pathNodes.v[0][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"+bm_rnd(pathNodes.o[i-1][0])+','+bm_rnd(pathNodes.o[i-1][1]) + " "+bm_rnd(pathNodes.i[i][0])+','+bm_rnd(pathNodes.i[i][1]) + " "+bm_rnd(pathNodes.v[i][0])+','+bm_rnd(pathNodes.v[i][1]);
+    }
+    if(pathData.cl){
+        //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];
+        pathString += " C"+bm_rnd(pathNodes.o[i-1][0])+','+bm_rnd(pathNodes.o[i-1][1]) + " "+bm_rnd(pathNodes.i[0][0])+','+bm_rnd(pathNodes.i[0][1]) + " "+bm_rnd(pathNodes.v[0][0])+','+bm_rnd(pathNodes.v[0][1]);
+    }
+    //pathNodes.__renderedString = pathString;
+
+
+    if(viewData.lastPath !== pathString){
+        if(viewData.elem){
+            if(pathData.inv){
+                viewData.elem.setAttribute('d',this.solidPath + pathString);
+            }else{
+                viewData.elem.setAttribute('d',pathString);
+            }
+        }
+        viewData.lastPath = pathString;
+    }
+};
+
+MaskElement.prototype.getMask = function(nm){
+    var i = 0, len = this.masksProperties.length;
+    while(i<len){
+        if(this.masksProperties[i].nm === nm){
+            return {
+                maskPath: this.viewData[i].prop.pv
+            }
+        }
+        i += 1;
+    }
+};
+
+MaskElement.prototype.destroy = function(){
+    this.element = null;
+    this.globalData = null;
+    this.maskElement = null;
+    this.data = null;
+    this.paths = null;
+    this.masksProperties = null;
+};
+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;
+}
+
+BaseElement.prototype.checkParenting = function(){
+    if(this.data.parent !== undefined){
+        this.comp.buildElementParenting(this, this.data.parent);
+    }
+}
+
+BaseElement.prototype.prepareFrame = function(num){
+    if(this.data.ip - this.data.st <= num && this.data.op - this.data.st > num)
+    {
+        if(this.isVisible !== true){
+            this.elemMdf = true;
+            this.globalData.mdf = true;
+            this.isVisible = true;
+            this.firstFrame = true;
+            if(this.data.hasMask){
+                this.maskManager.firstFrame = true;
+            }
+        }
+    }else{
+        if(this.isVisible !== false){
+            this.elemMdf = true;
+            this.globalData.mdf = true;
+            this.isVisible = false;
+        }
+    }
+    var i, len = this.dynamicProperties.length;
+    for(i=0;i<len;i+=1){
+        this.dynamicProperties[i].getValue();
+        if(this.dynamicProperties[i].mdf){
+            this.elemMdf = true;
+            this.globalData.mdf = true;
+        }
+    }
+    if(this.data.hasMask){
+        this.maskManager.prepareFrame(num*this.data.sr);
+    }
+    /* TODO check this
+    if(this.data.sy){
+        if(this.data.sy[0].renderedData[num]){
+            if(this.data.sy[0].renderedData[num].c){
+                this.feFlood.setAttribute('flood-color','rgb('+Math.round(this.data.sy[0].renderedData[num].c[0])+','+Math.round(this.data.sy[0].renderedData[num].c[1])+','+Math.round(this.data.sy[0].renderedData[num].c[2])+')');
+            }
+            if(this.data.sy[0].renderedData[num].s){
+                this.feMorph.setAttribute('radius',this.data.sy[0].renderedData[num].s);
+            }
+        }
+    }
+    */
+
+
+    this.currentFrameNum = num*this.data.sr;
+    return this.isVisible;
+};
+
+BaseElement.prototype.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;
+};
+
+BaseElement.prototype.initExpressions = function(){
+    this.layerInterface = LayerExpressionInterface(this);
+    //layers[i].layerInterface = LayerExpressionInterface(layers[i]);
+    //layers[i].layerInterface = LayerExpressionInterface(layers[i]);
+    if(this.data.hasMask){
+        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.createShapeInterface(this.shapesData,this.viewData,this.layerInterface);
+    }
+}
+
+BaseElement.prototype.setBlendMode = function(){
+    var blendModeValue = '';
+    switch(this.data.bm){
+        case 1:
+            blendModeValue = 'multiply';
+            break;
+        case 2:
+            blendModeValue = 'screen';
+            break;
+        case 3:
+            blendModeValue = 'overlay';
+            break;
+        case 4:
+            blendModeValue = 'darken';
+            break;
+        case 5:
+            blendModeValue = 'lighten';
+            break;
+        case 6:
+            blendModeValue = 'color-dodge';
+            break;
+        case 7:
+            blendModeValue = 'color-burn';
+            break;
+        case 8:
+            blendModeValue = 'hard-light';
+            break;
+        case 9:
+            blendModeValue = 'soft-light';
+            break;
+        case 10:
+            blendModeValue = 'difference';
+            break;
+        case 11:
+            blendModeValue = 'exclusion';
+            break;
+        case 12:
+            blendModeValue = 'hue';
+            break;
+        case 13:
+            blendModeValue = 'saturation';
+            break;
+        case 14:
+            blendModeValue = 'color';
+            break;
+        case 15:
+            blendModeValue = 'luminosity';
+            break;
+    }
+    var elem = this.baseElement || this.layerElement;
+
+    elem.style['mix-blend-mode'] = blendModeValue;
+}
+
+BaseElement.prototype.init = function(){
+    if(!this.data.sr){
+        this.data.sr = 1;
+    }
+    this.dynamicProperties = [];
+    if(this.data.ef){
+        this.effects = new EffectsManager(this.data,this,this.dynamicProperties);
+        //this.effect = this.effectsManager.bind(this.effectsManager);
+    }
+    //this.elemInterface = buildLayerExpressionInterface(this);
+    this.hidden = false;
+    this.firstFrame = true;
+    this.isVisible = false;
+    this.currentFrameNum = -99999;
+    this.lastNum = -99999;
+    if(this.data.ks){
+        this.finalTransform = {
+            mProp: PropertyFactory.getProp(this,this.data.ks,2,null,this.dynamicProperties),
+            matMdf: false,
+            opMdf: false,
+            mat: new Matrix(),
+            opacity: 1
+        };
+        if(this.data.ao){
+            this.finalTransform.mProp.autoOriented = true;
+        }
+        this.finalTransform.op = this.finalTransform.mProp.o;
+        this.transform = this.finalTransform.mProp;
+        if(this.data.ty !== 11){
+            this.createElements();
+        }
+        if(this.data.hasMask){
+            this.addMasks(this.data);
+        }
+    }
+    this.elemMdf = false;
+};
+BaseElement.prototype.getType = function(){
+    return this.type;
+};
+
+BaseElement.prototype.resetHierarchy = function(){
+    if(!this.hierarchy){
+        this.hierarchy = [];
+    }else{
+        this.hierarchy.length = 0;
+    }
+};
+
+BaseElement.prototype.getHierarchy = function(){
+    if(!this.hierarchy){
+        this.hierarchy = [];
+    }
+    return this.hierarchy;
+};
+
+BaseElement.prototype.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};
+    }
+};
+
+BaseElement.prototype.hide = function(){
+
+};
+
+BaseElement.prototype.mHelper = new Matrix();
+function SVGBaseElement(data,parentContainer,globalData,comp, placeholder){
+    this.globalData = globalData;
+    this.comp = comp;
+    this.data = data;
+    this.matteElement = null;
+    this.parentContainer = parentContainer;
+    this.layerId = placeholder ? placeholder.layerId : 'ly_'+randomString(10);
+    this.placeholder = placeholder;
+    this.init();
+};
+
+createElement(BaseElement, SVGBaseElement);
+
+SVGBaseElement.prototype.createElements = function(){
+    if(this.data.td){
+        if(this.data.td == 3){
+            this.layerElement = document.createElementNS(svgNS,'mask');
+            this.layerElement.setAttribute('id',this.layerId);
+            this.layerElement.setAttribute('mask-type','luminance');
+            this.globalData.defs.appendChild(this.layerElement);
+        }else if(this.data.td == 2){
+            var maskGroup = document.createElementNS(svgNS,'mask');
+            maskGroup.setAttribute('id',this.layerId);
+            maskGroup.setAttribute('mask-type','alpha');
+            var maskGrouper = document.createElementNS(svgNS,'g');
+            maskGroup.appendChild(maskGrouper);
+            this.layerElement = document.createElementNS(svgNS,'g');
+            var fil = document.createElementNS(svgNS,'filter');
+            var filId = randomString(10);
+            fil.setAttribute('id',filId);
+            fil.setAttribute('filterUnits','objectBoundingBox');
+            fil.setAttribute('x','0%');
+            fil.setAttribute('y','0%');
+            fil.setAttribute('width','100%');
+            fil.setAttribute('height','100%');
+            var feCTr = document.createElementNS(svgNS,'feComponentTransfer');
+            feCTr.setAttribute('in','SourceGraphic');
+            fil.appendChild(feCTr);
+            var feFunc = document.createElementNS(svgNS,'feFuncA');
+            feFunc.setAttribute('type','table');
+            feFunc.setAttribute('tableValues','1.0 0.0');
+            feCTr.appendChild(feFunc);
+            this.globalData.defs.appendChild(fil);
+            var alphaRect = document.createElementNS(svgNS,'rect');
+            alphaRect.setAttribute('width',this.comp.data ? this.comp.data.w : this.globalData.compSize.w);
+            alphaRect.setAttribute('height',this.comp.data ? this.comp.data.h : this.globalData.compSize.h);
+            alphaRect.setAttribute('x','0');
+            alphaRect.setAttribute('y','0');
+            alphaRect.setAttribute('fill','#ffffff');
+            alphaRect.setAttribute('opacity','0');
+            maskGrouper.setAttribute('filter','url(#'+filId+')');
+            maskGrouper.appendChild(alphaRect);
+            maskGrouper.appendChild(this.layerElement);
+            this.globalData.defs.appendChild(maskGroup);
+        }else{
+            this.layerElement = document.createElementNS(svgNS,'g');
+            var masker = document.createElementNS(svgNS,'mask');
+            masker.setAttribute('id',this.layerId);
+            masker.setAttribute('mask-type','alpha');
+            masker.appendChild(this.layerElement);
+            this.globalData.defs.appendChild(masker);
+        }
+        if(this.data.hasMask){
+            this.maskedElement = this.layerElement;
+        }
+    }else if(this.data.hasMask || this.data.tt){
+        this.layerElement = document.createElementNS(svgNS,'g');
+        if(this.data.tt){
+            this.matteElement = document.createElementNS(svgNS,'g');
+            this.matteElement.appendChild(this.layerElement);
+            this.baseElement = this.matteElement;
+            //this.appendNodeToParent(this.matteElement);
+        }else{
+            this.baseElement = this.layerElement;
+            //this.appendNodeToParent(this.layerElement);
+        }
+        if(this.data.hasMask){
+            this.maskedElement = this.layerElement;
+        }
+    }else{
+        this.layerElement = document.createElementNS(svgNS,'g');
+        this.baseElement = this.layerElement;
+        //this.appendNodeToParent(this.layerElement);
+    }
+    if((this.data.ln || this.data.cl) && (this.data.ty === 4 || this.data.ty === 0)){
+        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.ty === 0 && !this.checkMasks()){
+        var cp = document.createElementNS(svgNS, 'clipPath');
+        var pt = document.createElementNS(svgNS,'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);
+        this.layerElement.setAttribute('clip-path','url(#'+clipId+')');
+        cp.appendChild(pt);
+        this.globalData.defs.appendChild(cp);
+    }
+    if(this.data.bm !== 0){
+        this.setBlendMode();
+    }
+    if(this.layerElement !== this.parentContainer){
+        this.placeholder = null;
+    }
+    /* Todo performance killer
+    if(this.data.sy){
+        var filterID = 'st_'+randomString(10);
+        var c = this.data.sy[0].c.k;
+        var r = this.data.sy[0].s.k;
+        var expansor = document.createElementNS(svgNS,'filter');
+        expansor.setAttribute('id',filterID);
+        var feFlood = document.createElementNS(svgNS,'feFlood');
+        this.feFlood = feFlood;
+        if(!c[0].e){
+            feFlood.setAttribute('flood-color','rgb('+c[0]+','+c[1]+','+c[2]+')');
+        }
+        feFlood.setAttribute('result','base');
+        expansor.appendChild(feFlood);
+        var feMorph = document.createElementNS(svgNS,'feMorphology');
+        feMorph.setAttribute('operator','dilate');
+        feMorph.setAttribute('in','SourceGraphic');
+        feMorph.setAttribute('result','bigger');
+        this.feMorph = feMorph;
+        if(!r.length){
+            feMorph.setAttribute('radius',this.data.sy[0].s.k);
+        }
+        expansor.appendChild(feMorph);
+        var feColorMatrix = document.createElementNS(svgNS,'feColorMatrix');
+        feColorMatrix.setAttribute('result','mask');
+        feColorMatrix.setAttribute('in','bigger');
+        feColorMatrix.setAttribute('type','matrix');
+        feColorMatrix.setAttribute('values','0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0');
+        expansor.appendChild(feColorMatrix);
+        var feComposite = document.createElementNS(svgNS,'feComposite');
+        feComposite.setAttribute('result','drop');
+        feComposite.setAttribute('in','base');
+        feComposite.setAttribute('in2','mask');
+        feComposite.setAttribute('operator','in');
+        expansor.appendChild(feComposite);
+        var feBlend = document.createElementNS(svgNS,'feBlend');
+        feBlend.setAttribute('in','SourceGraphic');
+        feBlend.setAttribute('in2','drop');
+        feBlend.setAttribute('mode','normal');
+        expansor.appendChild(feBlend);
+        this.globalData.defs.appendChild(expansor);
+        var cont = document.createElementNS(svgNS,'g');
+        if(this.layerElement === this.parentContainer){
+            this.layerElement = cont;
+        }else{
+            cont.appendChild(this.layerElement);
+        }
+        cont.setAttribute('filter','url(#'+filterID+')');
+        if(this.data.td){
+            cont.setAttribute('data-td',this.data.td);
+        }
+        if(this.data.td == 3){
+            this.globalData.defs.appendChild(cont);
+        }else if(this.data.td == 2){
+            maskGrouper.appendChild(cont);
+        }else if(this.data.td == 1){
+            masker.appendChild(cont);
+        }else{
+            if(this.data.hasMask && this.data.tt){
+                this.matteElement.appendChild(cont);
+            }else{
+                this.appendNodeToParent(cont);
+            }
+        }
+    }*/
+    if(this.data.ef){
+        this.effectsManager = new SVGEffects(this);
+    }
+    this.checkParenting();
+};
+
+
+SVGBaseElement.prototype.setBlendMode = BaseElement.prototype.setBlendMode;
+
+SVGBaseElement.prototype.renderFrame = function(parentTransform){
+    if(this.data.ty === 3 || this.data.hd){
+        return false;
+    }
+
+    if(!this.isVisible){
+        return this.isVisible;
+    }
+    this.lastNum = this.currentFrameNum;
+    this.finalTransform.opMdf = this.finalTransform.op.mdf;
+    this.finalTransform.matMdf = this.finalTransform.mProp.mdf;
+    this.finalTransform.opacity = this.finalTransform.op.v;
+    if(this.firstFrame){
+        this.finalTransform.opMdf = true;
+        this.finalTransform.matMdf = true;
+    }
+
+    var mat;
+    var finalMat = this.finalTransform.mat;
+
+    if(this.hierarchy){
+        var i, len = this.hierarchy.length;
+
+        mat = this.finalTransform.mProp.v.props;
+        finalMat.cloneFromProps(mat);
+        for(i=0;i<len;i+=1){
+            this.finalTransform.matMdf = this.hierarchy[i].finalTransform.mProp.mdf ? true : this.finalTransform.matMdf;
+            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]);
+        }
+    }else{
+        if(this.isVisible){
+            finalMat.cloneFromProps(this.finalTransform.mProp.v.props);
+        }
+    }
+    if(parentTransform){
+        mat = parentTransform.mat.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]);
+        this.finalTransform.opacity *= parentTransform.opacity;
+        this.finalTransform.opMdf = parentTransform.opMdf ? true : this.finalTransform.opMdf;
+        this.finalTransform.matMdf = parentTransform.matMdf ? true : this.finalTransform.matMdf;
+    }
+    if(this.finalTransform.matMdf && this.layerElement){
+        this.layerElement.setAttribute('transform',finalMat.to2dCSS());
+    }
+    if(this.finalTransform.opMdf && this.layerElement){
+        this.layerElement.setAttribute('opacity',this.finalTransform.opacity);
+    }
+
+    if(this.data.hasMask){
+        this.maskManager.renderFrame(finalMat);
+    }
+    if(this.effectsManager){
+        this.effectsManager.renderFrame(this.firstFrame);
+    }
+    return this.isVisible;
+};
+
+SVGBaseElement.prototype.destroy = function(){
+    this.layerElement = null;
+    this.parentContainer = null;
+    if(this.matteElement) {
+        this.matteElement = null;
+    }
+    if(this.maskManager) {
+        this.maskManager.destroy();
+    }
+};
+
+SVGBaseElement.prototype.getBaseElement = function(){
+    return this.baseElement;
+};
+SVGBaseElement.prototype.addMasks = function(data){
+    this.maskManager = new MaskElement(data,this,this.globalData);
+};
+
+SVGBaseElement.prototype.setMatte = function(id){
+    if(!this.matteElement){
+        return;
+    }
+    this.matteElement.setAttribute("mask", "url(#" + id + ")");
+};
+
+SVGBaseElement.prototype.setMatte = function(id){
+    if(!this.matteElement){
+        return;
+    }
+    this.matteElement.setAttribute("mask", "url(#" + id + ")");
+};
+
+SVGBaseElement.prototype.hide = function(){
+
+};
+
+function ITextElement(data, animationItem,parentContainer,globalData){
+}
+ITextElement.prototype.init = function(){
+    this._parent.init.call(this);
+    this.lettersChangedFlag = false;
+    var data = this.data;
+    this.renderedLetters = Array.apply(null,{length:data.t.d.l ? data.t.d.l.length : 0});
+    this.viewData = {
+        m:{
+            a: PropertyFactory.getProp(this,data.t.m.a,1,0,this.dynamicProperties)
+        }
+    };
+    var textData = this.data.t;
+    if(textData.a.length){
+        this.viewData.a = Array.apply(null,{length:textData.a.length});
+        var i, len = textData.a.length, animatorData, animatorProps;
+        for(i=0;i<len;i+=1){
+            animatorProps = textData.a[i];
+            animatorData = {
+                a: {},
+                s: {}
+            };
+            if('r' in animatorProps.a) {
+                animatorData.a.r = PropertyFactory.getProp(this,animatorProps.a.r,0,degToRads,this.dynamicProperties);
+            }
+            if('rx' in animatorProps.a) {
+                animatorData.a.rx = PropertyFactory.getProp(this,animatorProps.a.rx,0,degToRads,this.dynamicProperties);
+            }
+            if('ry' in animatorProps.a) {
+                animatorData.a.ry = PropertyFactory.getProp(this,animatorProps.a.ry,0,degToRads,this.dynamicProperties);
+            }
+            if('sk' in animatorProps.a) {
+                animatorData.a.sk = PropertyFactory.getProp(this,animatorProps.a.sk,0,degToRads,this.dynamicProperties);
+            }
+            if('sa' in animatorProps.a) {
+                animatorData.a.sa = PropertyFactory.getProp(this,animatorProps.a.sa,0,degToRads,this.dynamicProperties);
+            }
+            if('s' in animatorProps.a) {
+                animatorData.a.s = PropertyFactory.getProp(this,animatorProps.a.s,1,0.01,this.dynamicProperties);
+            }
+            if('a' in animatorProps.a) {
+                animatorData.a.a = PropertyFactory.getProp(this,animatorProps.a.a,1,0,this.dynamicProperties);
+            }
+            if('o' in animatorProps.a) {
+                animatorData.a.o = PropertyFactory.getProp(this,animatorProps.a.o,0,0.01,this.dynamicProperties);
+            }
+            if('p' in animatorProps.a) {
+                animatorData.a.p = PropertyFactory.getProp(this,animatorProps.a.p,1,0,this.dynamicProperties);
+            }
+            if('sw' in animatorProps.a) {
+                animatorData.a.sw = PropertyFactory.getProp(this,animatorProps.a.sw,0,0,this.dynamicProperties);
+            }
+            if('sc' in animatorProps.a) {
+                animatorData.a.sc = PropertyFactory.getProp(this,animatorProps.a.sc,1,0,this.dynamicProperties);
+            }
+            if('fc' in animatorProps.a) {
+                animatorData.a.fc = PropertyFactory.getProp(this,animatorProps.a.fc,1,0,this.dynamicProperties);
+            }
+            if('fh' in animatorProps.a) {
+                animatorData.a.fh = PropertyFactory.getProp(this,animatorProps.a.fh,0,0,this.dynamicProperties);
+            }
+            if('fs' in animatorProps.a) {
+                animatorData.a.fs = PropertyFactory.getProp(this,animatorProps.a.fs,0,0.01,this.dynamicProperties);
+            }
+            if('fb' in animatorProps.a) {
+                animatorData.a.fb = PropertyFactory.getProp(this,animatorProps.a.fb,0,0.01,this.dynamicProperties);
+            }
+            if('t' in animatorProps.a) {
+                animatorData.a.t = PropertyFactory.getProp(this,animatorProps.a.t,0,0,this.dynamicProperties);
+            }
+            animatorData.s = PropertyFactory.getTextSelectorProp(this,animatorProps.s,this.dynamicProperties);
+            animatorData.s.t = animatorProps.s.t;
+            this.viewData.a[i] = animatorData;
+        }
+    }else{
+        this.viewData.a = [];
+    }
+    if(textData.p && 'm' in textData.p){
+        this.viewData.p = {
+            f: PropertyFactory.getProp(this,textData.p.f,0,0,this.dynamicProperties),
+            l: PropertyFactory.getProp(this,textData.p.l,0,0,this.dynamicProperties),
+            r: textData.p.r,
+            m: this.maskManager.getMaskProperty(textData.p.m)
+        };
+        this.maskPath = true;
+    } else {
+        this.maskPath = 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){
+        kLen = shapes[j].ks.k.i.length;
+        pathNodes = shapes[j].ks.k;
+        for(k=1;k<kLen;k+=1){
+            if(k==1){
+                shapeStr += " M"+matrixHelper.applyToPointStringified(pathNodes.v[0][0],pathNodes.v[0][1]);
+            }
+            shapeStr += " C"+matrixHelper.applyToPointStringified(pathNodes.o[k-1][0],pathNodes.o[k-1][1]) + " "+matrixHelper.applyToPointStringified(pathNodes.i[k][0],pathNodes.i[k][1]) + " "+matrixHelper.applyToPointStringified(pathNodes.v[k][0],pathNodes.v[k][1]);
+        }
+        shapeStr += " C"+matrixHelper.applyToPointStringified(pathNodes.o[k-1][0],pathNodes.o[k-1][1]) + " "+matrixHelper.applyToPointStringified(pathNodes.i[0][0],pathNodes.i[0][1]) + " "+matrixHelper.applyToPointStringified(pathNodes.v[0][0],pathNodes.v[0][1]);
+        shapeStr += 'z';
+    }
+    return shapeStr;
+};
+
+ITextElement.prototype.getMeasures = function(){
+
+    var matrixHelper = this.mHelper;
+    var renderType = this.renderType;
+    var data = this.data;
+    var xPos,yPos;
+    var i, len;
+    var documentData = data.t.d;
+    var letters = documentData.l;
+    if(this.maskPath) {
+        var mask = this.viewData.p.m;
+        if(!this.viewData.p.n || this.viewData.p.mdf){
+            var paths = mask.v;
+            if(this.viewData.p.r){
+                paths = reversePath(paths, mask.closed);
+            }
+            var pathInfo = {
+                tLength: 0,
+                segments: []
+            };
+            len = paths.v.length - 1;
+            var pathData;
+            var 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.closed) {
+                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.viewData.p.pi = pathInfo;
+        }
+        var pathInfo = this.viewData.p.pi;
+
+        var currentLength = this.viewData.p.f.v, segmentInd = 0, pointInd = 1, currentPoint, prevPoint, points;
+        var segmentLength = 0, flag = true;
+        var segments = pathInfo.segments;
+        if (currentLength < 0 && mask.closed) {
+            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];
+        var partialLength = currentPoint.partialLength;
+        var perc, tanAngle;
+    }
+
+
+    len = letters.length;
+    xPos = 0;
+    yPos = 0;
+    var yOff = data.t.d.s*1.2*.714;
+    var firstLine = true;
+    var renderedData = this.viewData, animatorProps, animatorSelector;
+    var j, jLen;
+    var lettersValue = Array.apply(null,{length:len}), letterValue;
+    this.lettersChangedFlag = false;
+
+    jLen = renderedData.a.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,letterO;
+    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.maskPath) {
+                segmentInd = initSegmentInd;
+                pointInd = initPointInd;
+                points = segments[segmentInd].bezierData.points;
+                prevPoint = points[pointInd - 1];
+                currentPoint = points[pointInd];
+                partialLength = currentPoint.partialLength;
+                segmentLength = 0;
+            }
+            lettersValue[i] = this.emptyProp;
+        }else{
+            if(this.maskPath) {
+                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 += renderedData.m.a.v[0] * letters[i].an / 200;
+                var animatorOffset = 0;
+                for (j = 0; j < jLen; j += 1) {
+                    animatorProps = renderedData.a[j].a;
+                    if ('p' in animatorProps) {
+                        animatorSelector = renderedData.a[j].s;
+                        mult = animatorSelector.getMult(letters[i].anIndexes[j],data.t.a[j].s.totalChars);
+                        if(mult.length){
+                            animatorOffset += animatorProps.p.v[0] * mult[0];
+                        } else{
+                            animatorOffset += animatorProps.p.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(0, -(renderedData.m.a.v[1] * yOff / 100) + yPos);
+                        flag = false;
+                    } else if (points) {
+                        segmentLength += currentPoint.partialLength;
+                        pointInd += 1;
+                        if (pointInd >= points.length) {
+                            pointInd = 0;
+                            segmentInd += 1;
+                            if (!segments[segmentInd]) {
+                                if (mask.closed) {
+                                    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(-renderedData.m.a.v[0]*letters[i].an/200, -renderedData.m.a.v[1]*yOff/100, 0);
+            }
+
+            lineLength += letters[i].l/2;
+            for(j=0;j<jLen;j+=1){
+                animatorProps = renderedData.a[j].a;
+                if ('t' in animatorProps) {
+                    animatorSelector = renderedData.a[j].s;
+                    mult = animatorSelector.getMult(letters[i].anIndexes[j],data.t.a[j].s.totalChars);
+                    if(this.maskPath) {
+                        if(mult.length) {
+                            currentLength += animatorProps.t*mult[0];
+                        } else {
+                            currentLength += animatorProps.t*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 = data.t.d.sw || 0;
+            }
+            if(documentData.strokeColorAnim) {
+                if(data.t.d.sc){
+                    sc = [data.t.d.sc[0], data.t.d.sc[1], data.t.d.sc[2]];
+                }else{
+                    sc = [0,0,0];
+                }
+            }
+            if(documentData.fillColorAnim) {
+                fc = [data.t.d.fc[0], data.t.d.fc[1], data.t.d.fc[2]];
+            }
+            for(j=0;j<jLen;j+=1){
+                animatorProps = renderedData.a[j].a;
+                if ('a' in animatorProps) {
+                    animatorSelector = renderedData.a[j].s;
+                    mult = animatorSelector.getMult(letters[i].anIndexes[j],data.t.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 = renderedData.a[j].a;
+                if ('s' in animatorProps) {
+                    animatorSelector = renderedData.a[j].s;
+                    mult = animatorSelector.getMult(letters[i].anIndexes[j],data.t.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 = renderedData.a[j].a;
+                animatorSelector = renderedData.a[j].s;
+                mult = animatorSelector.getMult(letters[i].anIndexes[j],data.t.a[j].s.totalChars);
+                if ('sk' in animatorProps) {
+                    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 ('r' in animatorProps) {
+                    if(mult.length) {
+                        matrixHelper.rotateZ(-animatorProps.r.v * mult[2]);
+                    } else {
+                        matrixHelper.rotateZ(-animatorProps.r.v * mult);
+                    }
+                }
+                if ('ry' in animatorProps) {
+
+                    if(mult.length) {
+                        matrixHelper.rotateY(animatorProps.ry.v*mult[1]);
+                    }else{
+                        matrixHelper.rotateY(animatorProps.ry.v*mult);
+                    }
+                }
+                if ('rx' in animatorProps) {
+                    if(mult.length) {
+                        matrixHelper.rotateX(animatorProps.rx.v*mult[0]);
+                    } else {
+                        matrixHelper.rotateX(animatorProps.rx.v*mult);
+                    }
+                }
+                if ('o' in animatorProps) {
+                    if(mult.length) {
+                        elemOpacity += ((animatorProps.o.v)*mult[0] - elemOpacity)*mult[0];
+                    } else {
+                        elemOpacity += ((animatorProps.o.v)*mult - elemOpacity)*mult;
+                    }
+                }
+                if (documentData.strokeWidthAnim && 'sw' in animatorProps) {
+                    if(mult.length) {
+                        sw += animatorProps.sw.v*mult[0];
+                    } else {
+                        sw += animatorProps.sw.v*mult;
+                    }
+                }
+                if (documentData.strokeColorAnim && 'sc' in animatorProps) {
+                    for(k=0;k<3;k+=1){
+                        if(mult.length) {
+                            sc[k] = Math.round(255*(sc[k] + (animatorProps.sc.v[k] - sc[k])*mult[0]));
+                        } else {
+                            sc[k] = Math.round(255*(sc[k] + (animatorProps.sc.v[k] - sc[k])*mult));
+                        }
+                    }
+                }
+                if (documentData.fillColorAnim) {
+                    if('fc' in animatorProps){
+                        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;
+                                //console.log('mult',mult);
+                                //console.log(Math.round(fc[k] + (animatorProps.fc.v[k] - fc[k])*mult));
+                            }
+                        }
+                    }
+                    if('fh' in animatorProps){
+                        if(mult.length) {
+                            fc = addHueToRGB(fc,animatorProps.fh.v*mult[0]);
+                        } else {
+                            fc = addHueToRGB(fc,animatorProps.fh.v*mult);
+                        }
+                    }
+                    if('fs' in animatorProps){
+                        if(mult.length) {
+                            fc = addSaturationToRGB(fc,animatorProps.fs.v*mult[0]);
+                        } else {
+                            fc = addSaturationToRGB(fc,animatorProps.fs.v*mult);
+                        }
+                    }
+                    if('fb' in animatorProps){
+                        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 = renderedData.a[j].a;
+
+                if ('p' in animatorProps) {
+                    animatorSelector = renderedData.a[j].s;
+                    mult = animatorSelector.getMult(letters[i].anIndexes[j],data.t.a[j].s.totalChars);
+                    if(this.maskPath) {
+                        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){
+                letterFc = 'rgb('+Math.round(fc[0]*255)+','+Math.round(fc[1]*255)+','+Math.round(fc[2]*255)+')';
+            }
+
+            if(this.maskPath) {
+                if (data.t.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);
+                matrixHelper.translate(renderedData.m.a.v[0]*letters[i].an/200, renderedData.m.a.v[1]*yOff/100,0);
+                currentLength -= renderedData.m.a.v[0]*letters[i].an/200;
+                if(letters[i+1] && ind !== letters[i+1].ind){
+                    currentLength += letters[i].an / 2;
+                    currentLength += documentData.tr/1000*data.t.d.s;
+                }
+            }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(documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[letters[i].line]),0,0);
+                        break;
+                    case 2:
+                        matrixHelper.translate(documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[letters[i].line])/2,0,0);
+                        break;
+                }
+                matrixHelper.translate(offf,0,0);
+                matrixHelper.translate(renderedData.m.a.v[0]*letters[i].an/200,renderedData.m.a.v[1]*yOff/100,0);
+                xPos += letters[i].l + documentData.tr/1000*data.t.d.s;
+            }
+            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;
+
+            lastLetter = this.renderedLetters[i];
+            if(lastLetter && (lastLetter.o !== letterO || lastLetter.sw !== letterSw || lastLetter.sc !== letterSc || lastLetter.fc !== letterFc)){
+                this.lettersChangedFlag = true;
+                letterValue = new LetterProps(letterO,letterSw,letterSc,letterFc,letterM,letterP);
+            }else{
+                if((renderType === 'svg' || renderType === 'html') && (!lastLetter || lastLetter.m !== letterM)){
+                    this.lettersChangedFlag = true;
+                    letterValue = new LetterProps(letterO,letterSw,letterSc,letterFc,letterM);
+                }else if(renderType === 'canvas' && (!lastLetter || (lastLetter.props[0] !== letterP[0] || lastLetter.props[1] !== letterP[1] || lastLetter.props[4] !== letterP[4] || lastLetter.props[5] !== letterP[5] || lastLetter.props[12] !== letterP[12] || lastLetter.props[13] !== letterP[13]))){
+                    this.lettersChangedFlag = true;
+                    letterValue = new LetterProps(letterO,letterSw,letterSc,letterFc,null,letterP);
+                } else {
+                    letterValue = lastLetter;
+                }
+            }
+
+            this.renderedLetters[i] = letterValue;
+        }
+    }
+};
+
+ITextElement.prototype.emptyProp = new LetterProps();
+
+function SVGTextElement(data,parentContainer,globalData,comp, placeholder){
+    this.textSpans = [];
+    this.renderType = 'svg';
+    this._parent.constructor.call(this,data,parentContainer,globalData,comp, placeholder);
+}
+createElement(SVGBaseElement, SVGTextElement);
+
+SVGTextElement.prototype.init = ITextElement.prototype.init;
+SVGTextElement.prototype.createPathShape = ITextElement.prototype.createPathShape;
+SVGTextElement.prototype.getMeasures = ITextElement.prototype.getMeasures;
+
+SVGTextElement.prototype.createElements = function(){
+
+    this._parent.createElements.call(this);
+    var documentData = this.data.t.d;
+
+    if(documentData.fc) {
+        this.layerElement.setAttribute('fill', 'rgb(' + Math.round(documentData.fc[0]*255) + ',' + Math.round(documentData.fc[1]*255) + ',' + Math.round(documentData.fc[2]*255) + ')');
+    }else{
+        this.layerElement.setAttribute('fill', 'rgba(0,0,0,0)');
+    }
+    if(documentData.sc){
+        this.layerElement.setAttribute('stroke', 'rgb(' + Math.round(documentData.sc[0]*255) + ',' + Math.round(documentData.sc[1]*255) + ',' + Math.round(documentData.sc[2]*255) + ')');
+        this.layerElement.setAttribute('stroke-width', documentData.sw);
+    }
+    this.layerElement.setAttribute('font-size', documentData.s);
+    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 i, len;
+
+
+
+    var letters = documentData.l || [];
+    len = letters.length;
+    if(!len){
+        return;
+    }
+    var tSpan;
+    var matrixHelper = this.mHelper;
+    var shapes, shapeStr = '', singleShape = this.data.singleShape;
+    if (singleShape) {
+        var xPos = 0, yPos = 0, lineWidths = documentData.lineWidths, boxWidth = documentData.boxWidth, firstLine = true;
+    }
+    for (i = 0;i < len ;i += 1) {
+        if(this.globalData.fontManager.chars){
+            if(!singleShape || i === 0){
+                tSpan = document.createElementNS(svgNS,'path');
+            }
+        }else{
+            tSpan = document.createElementNS(svgNS,'text');
+        }
+        tSpan.setAttribute('stroke-linecap', 'butt');
+        tSpan.setAttribute('stroke-linejoin','round');
+        tSpan.setAttribute('stroke-miterlimit','4');
+        //tSpan.setAttribute('visibility', 'hidden');
+        if(singleShape && letters[i].n) {
+            xPos = 0;
+            yPos += documentData.yOffset;
+            yPos += firstLine ? 1 : 0;
+            firstLine = false;
+        }
+        matrixHelper.reset();
+        if(this.globalData.fontManager.chars) {
+            matrixHelper.scale(documentData.s / 100, documentData.s / 100);
+        }
+        if (singleShape) {
+            if(documentData.ps){
+                matrixHelper.translate(documentData.ps[0],documentData.ps[1] + documentData.ascent,0);
+            }
+            switch(documentData.j){
+                case 1:
+                    matrixHelper.translate(documentData.justifyOffset + (boxWidth - lineWidths[letters[i].line]),0,0);
+                    break;
+                case 2:
+                    matrixHelper.translate(documentData.justifyOffset + (boxWidth - lineWidths[letters[i].line])/2,0,0);
+                    break;
+            }
+            matrixHelper.translate(xPos, yPos, 0);
+        }
+        if(this.globalData.fontManager.chars){
+            var charData = this.globalData.fontManager.getCharData(documentData.t.charAt(i), fontData.fStyle, this.globalData.fontManager.getFontByName(documentData.f).fFamily);
+            var shapeData;
+            if(charData){
+                shapeData = charData.data;
+            } else {
+                shapeData = null;
+            }
+            if(shapeData && shapeData.shapes){
+                shapes = shapeData.shapes[0].it;
+                if(!singleShape){
+                    shapeStr = '';
+                }
+                shapeStr += this.createPathShape(matrixHelper,shapes);
+                if(!singleShape){
+
+                    tSpan.setAttribute('d',shapeStr);
+                }
+            }
+            if(!singleShape){
+                this.layerElement.appendChild(tSpan);
+            }
+        }else{
+            tSpan.textContent = letters[i].val;
+            tSpan.setAttributeNS("http://www.w3.org/XML/1998/namespace", "xml:space","preserve");
+            this.layerElement.appendChild(tSpan);
+            if(singleShape){
+                tSpan.setAttribute('transform',matrixHelper.to2dCSS());
+            }
+        }
+        if(singleShape) {
+            xPos += letters[i].l;
+        }
+        //
+        this.textSpans.push(tSpan);
+    }
+    if(this.data.ln){
+        this.layerElement.setAttribute('id',this.data.ln);
+    }
+    if(this.data.cl){
+        this.layerElement.setAttribute('class',this.data.cl);
+    }
+    if(singleShape && this.globalData.fontManager.chars){
+        tSpan.setAttribute('d',shapeStr);
+        this.layerElement.appendChild(tSpan);
+    }
+};
+
+SVGTextElement.prototype.hide = function(){
+    if(!this.hidden){
+        this.layerElement.style.display = 'none';
+        this.hidden = true;
+    }
+};
+
+SVGTextElement.prototype.renderFrame = function(parentMatrix){
+
+    var renderParent = this._parent.renderFrame.call(this,parentMatrix);
+    if(renderParent===false){
+        this.hide();
+        return;
+    }
+    if(this.hidden){
+        this.hidden = false;
+        this.layerElement.style.display = 'block';
+    }
+
+    if(this.data.singleShape){
+        return;
+    }
+
+    this.getMeasures();
+    if(!this.lettersChangedFlag){
+        return;
+    }
+    var  i,len;
+    var renderedLetters = this.renderedLetters;
+
+    var letters = this.data.t.d.l;
+
+    len = letters.length;
+    var renderedLetter;
+    for(i=0;i<len;i+=1){
+        if(letters[i].n){
+            continue;
+        }
+        renderedLetter = renderedLetters[i];
+        this.textSpans[i].setAttribute('transform',renderedLetter.m);
+        this.textSpans[i].setAttribute('opacity',renderedLetter.o);
+        if(renderedLetter.sw){
+            this.textSpans[i].setAttribute('stroke-width',renderedLetter.sw);
+        }
+        if(renderedLetter.sc){
+            this.textSpans[i].setAttribute('stroke',renderedLetter.sc);
+        }
+        if(renderedLetter.fc){
+            this.textSpans[i].setAttribute('fill',renderedLetter.fc);
+        }
+    }
+    if(this.firstFrame) {
+        this.firstFrame = false;
+    }
+}
+
+
+SVGTextElement.prototype.destroy = function(){
+    this._parent.destroy.call();
+};
+function SVGEffects(elem){
+    var i, len = elem.data.ef.length;
+    var fil = document.createElementNS(svgNS,'filter');
+    var count = 0;
+    this.filters = [];
+    var filterManager;
+    for(i=0;i<len;i+=1){
+        if(elem.data.ef[i].ty === 20){
+            count += 1;
+            filterManager = new SVGTintFilter(fil, elem.effects.effectElements[i]);
+            this.filters.push(filterManager);
+        }else if(elem.data.ef[i].ty === 21){
+            count += 1;
+            filterManager = new SVGFillFilter(fil, elem.effects.effectElements[i]);
+            this.filters.push(filterManager);
+        }else if(elem.data.ef[i].ty === 22){
+            filterManager = new SVGStrokeEffect(elem, elem.effects.effectElements[i]);
+            this.filters.push(filterManager);
+        }
+    }
+    if(count){
+        var filId = randomString(10);
+        fil.setAttribute('id',filId);
+        fil.setAttribute('filterUnits','objectBoundingBox');
+        fil.setAttribute('x','0%');
+        fil.setAttribute('y','0%');
+        fil.setAttribute('width','100%');
+        fil.setAttribute('height','100%');
+        elem.globalData.defs.appendChild(fil);
+        elem.layerElement.setAttribute('filter','url(#'+filId+')');
+    }
+}
+
+SVGEffects.prototype.renderFrame = function(firstFrame){
+    var i, len = this.filters.length;
+    for(i=0;i<len;i+=1){
+        this.filters[i].renderFrame(firstFrame);
+    }
+};
+
+function SVGTintFilter(filter, filterManager){
+    this.filterManager = filterManager;
+    var feColorMatrix = document.createElementNS(svgNS,'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 = document.createElementNS(svgNS,'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 = document.createElementNS(svgNS,'feMerge');
+        filter.appendChild(feMerge);
+        var feMergeNode;
+        feMergeNode = document.createElementNS(svgNS,'feMergeNode');
+        feMergeNode.setAttribute('in','SourceGraphic');
+        feMerge.appendChild(feMergeNode);
+        feMergeNode = document.createElementNS(svgNS,'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 = document.createElementNS(svgNS,'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;
+}
+
+SVGStrokeEffect.prototype.initialize = function(){
+
+    var elemChildren = this.elem.layerElement.children || this.elem.layerElement.childNodes;
+    var mask = document.createElementNS(svgNS,'mask');
+    var id = 'stms_' + randomString(10);
+    mask.setAttribute('id',id);
+    mask.setAttribute('mask-type','alpha');
+    var path = document.createElementNS(svgNS,'path');
+    path.setAttribute('fill','none');
+    path.setAttribute('stroke-linecap','round');
+    path.setAttribute('stroke-dashoffset',1);
+    mask.appendChild(path);
+    this.elem.globalData.defs.appendChild(mask);
+    var g = document.createElementNS(svgNS,'g');
+    g.setAttribute('mask','url(#'+id+')');
+    g.appendChild(elemChildren[0]);
+    this.elem.layerElement.appendChild(g);
+    this.initialized = true;
+    this.masker = mask;
+    this.pathMasker = path;
+    path.setAttribute('stroke','#fff');
+}
+
+SVGStrokeEffect.prototype.renderFrame = function(forceRender){
+    if(!this.initialized){
+        this.initialize();
+    }
+    var mask = this.elem.maskManager.viewData[Math.max(this.filterManager.effectElements[0].p.v,1) - 1];
+    /*if(!mask){
+        console.log(this.filterManager.effectElements);
+    }*/
+    if(forceRender || this.filterManager.mdf || mask.prop.mdf){
+        this.pathMasker.setAttribute('d',mask.lastPath);
+        //this.pathMasker
+    }
+    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 = mask.elem.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 i;
+            for(i=0;i<units;i+=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;
+        }
+        this.pathMasker.setAttribute('stroke-width',this.filterManager.effectElements[4].p.v*2);
+        this.pathMasker.setAttribute('stroke-dasharray',dasharrayValue);
+    }
+    if(forceRender || this.filterManager.effectElements[6].p.mdf){
+        this.pathMasker.setAttribute('opacity',this.filterManager.effectElements[6].p.v);
+    }
+};
+function ICompElement(data,parentContainer,globalData,comp, placeholder){
+    this._parent.constructor.call(this,data,parentContainer,globalData,comp, placeholder);
+    this.layers = data.layers;
+    this.supports3d = true;
+    this.completeLayers = false;
+    this.elements = Array.apply(null,{length:this.layers.length});
+    if(this.data.tm){
+        this.tm = PropertyFactory.getProp(this,this.data.tm,0,globalData.frameRate,this.dynamicProperties);
+    }
+    if(this.data.xt){
+        this.layerElement = document.createElementNS(svgNS,'g');
+        this.buildAllItems();
+    } else if(!globalData.progressiveLoad){
+        this.buildAllItems();
+    }
+}
+createElement(SVGBaseElement, ICompElement);
+
+ICompElement.prototype.hide = function(){
+    if(!this.hidden){
+        var i,len = this.elements.length;
+        for( i = 0; i < len; i+=1 ){
+            if(this.elements[i]){
+                this.elements[i].hide();
+            }
+        }
+        this.hidden = true;
+    }
+};
+
+ICompElement.prototype.prepareFrame = function(num){
+    this._parent.prepareFrame.call(this,num);
+    if(this.isVisible===false && !this.data.xt){
+        return;
+    }
+    var timeRemapped = num;
+    if(this.tm){
+        timeRemapped = this.tm.v;
+        if(timeRemapped === this.data.op){
+            timeRemapped = this.data.op - 1;
+        }
+    }
+    this.renderedFrame = timeRemapped/this.data.sr;
+    var i,len = this.elements.length;
+    if(!this.completeLayers){
+        this.checkLayers(this.renderedFrame);
+    }
+    for( i = 0; i < len; i+=1 ){
+        /*if(!this.elements[i]){
+            this.checkLayer(i, this.renderedFrame - this.layers[i].st, this.layerElement);
+        }*/
+        if(this.completeLayers || this.elements[i]){
+            this.elements[i].prepareFrame(timeRemapped/this.data.sr - this.layers[i].st);
+        }
+    }
+};
+
+ICompElement.prototype.renderFrame = function(parentMatrix){
+    var renderParent = this._parent.renderFrame.call(this,parentMatrix);
+    var i,len = this.layers.length;
+    if(renderParent===false){
+        this.hide();
+        return;
+    }
+
+    this.hidden = false;
+    for( i = 0; i < len; i+=1 ){
+        if(this.completeLayers || this.elements[i]){
+            this.elements[i].renderFrame();
+        }
+    }
+    if(this.firstFrame){
+        this.firstFrame = false;
+    }
+};
+
+ICompElement.prototype.setElements = function(elems){
+    this.elements = elems;
+};
+
+ICompElement.prototype.getElements = function(){
+    return this.elements;
+};
+
+ICompElement.prototype.destroy = function(){
+    this._parent.destroy.call();
+    var i,len = this.layers.length;
+    for( i = 0; i < len; i+=1 ){
+        if(this.elements[i]){
+            this.elements[i].destroy();
+        }
+    }
+};
+
+ICompElement.prototype.checkLayers = SVGRenderer.prototype.checkLayers;
+ICompElement.prototype.buildItem = SVGRenderer.prototype.buildItem;
+ICompElement.prototype.buildAllItems = SVGRenderer.prototype.buildAllItems;
+ICompElement.prototype.buildElementParenting = SVGRenderer.prototype.buildElementParenting;
+ICompElement.prototype.createItem = SVGRenderer.prototype.createItem;
+ICompElement.prototype.createImage = SVGRenderer.prototype.createImage;
+ICompElement.prototype.createComp = SVGRenderer.prototype.createComp;
+ICompElement.prototype.createSolid = SVGRenderer.prototype.createSolid;
+ICompElement.prototype.createShape = SVGRenderer.prototype.createShape;
+ICompElement.prototype.createText = SVGRenderer.prototype.createText;
+ICompElement.prototype.createBase = SVGRenderer.prototype.createBase;
+ICompElement.prototype.appendElementInPos = SVGRenderer.prototype.appendElementInPos;
+function IImageElement(data,parentContainer,globalData,comp,placeholder){
+    this.assetData = globalData.getAssetData(data.refId);
+    this._parent.constructor.call(this,data,parentContainer,globalData,comp,placeholder);
+}
+createElement(SVGBaseElement, IImageElement);
+
+IImageElement.prototype.createElements = function(){
+
+    var assetPath = this.globalData.getAssetsPath(this.assetData);
+
+    this._parent.createElements.call(this);
+
+    this.innerElem = document.createElementNS(svgNS,'image');
+    this.innerElem.setAttribute('width',this.assetData.w+"px");
+    this.innerElem.setAttribute('height',this.assetData.h+"px");
+    this.innerElem.setAttribute('preserveAspectRatio','xMidYMid slice');
+    this.innerElem.setAttributeNS('http://www.w3.org/1999/xlink','href',assetPath);
+    this.maskedElement = this.innerElem;
+    this.layerElement.appendChild(this.innerElem);
+    if(this.data.ln){
+        this.innerElem.setAttribute('id',this.data.ln);
+    }
+    if(this.data.cl){
+        this.innerElem.setAttribute('class',this.data.cl);
+    }
+
+};
+
+IImageElement.prototype.hide = function(){
+    if(!this.hidden){
+        this.innerElem.style.display = 'none';
+        this.hidden = true;
+    }
+};
+
+IImageElement.prototype.renderFrame = function(parentMatrix){
+    var renderParent = this._parent.renderFrame.call(this,parentMatrix);
+    if(renderParent===false){
+        this.hide();
+        return;
+    }
+    if(this.hidden){
+        this.hidden = false;
+        this.innerElem.style.display = 'block';
+    }
+    if(this.firstFrame){
+        this.firstFrame = false;
+    }
+};
+
+IImageElement.prototype.destroy = function(){
+    this._parent.destroy.call();
+    this.innerElem =  null;
+};
+function IShapeElement(data,parentContainer,globalData,comp, placeholder){
+    this.shapes = [];
+    this.shapesData = data.shapes;
+    this.stylesList = [];
+    this.viewData = [];
+    this.shapeModifiers = [];
+    this._parent.constructor.call(this,data,parentContainer,globalData,comp, placeholder);
+}
+createElement(SVGBaseElement, IShapeElement);
+
+IShapeElement.prototype.lcEnum = {
+    '1': 'butt',
+    '2': 'round',
+    '3': 'butt'
+}
+
+IShapeElement.prototype.ljEnum = {
+    '1': 'miter',
+    '2': 'round',
+    '3': 'butt'
+}
+
+IShapeElement.prototype.buildExpressionInterface = function(){};
+
+IShapeElement.prototype.createElements = function(){
+    //TODO check if I can use symbol so i can set its viewBox
+    this._parent.createElements.call(this);
+    this.searchShapes(this.shapesData,this.viewData,this.layerElement,this.dynamicProperties, 0);
+    if(!this.data.hd || this.data.td){
+        styleUnselectableDiv(this.layerElement);
+    }
+    //this.elemInterface.registerShapeExpressionInterface(ShapeExpressionInterface.createShapeInterface(this.shapesData,this.viewData,this.elemInterface));
+};
+
+IShapeElement.prototype.setGradientData = function(pathElement,arr,data){
+
+    var gradientId = 'gr_'+randomString(10);
+    var gfill;
+    if(arr.t === 1){
+        gfill = document.createElementNS(svgNS,'linearGradient');
+    } else {
+        gfill = document.createElementNS(svgNS,'radialGradient');
+    }
+    gfill.setAttribute('id',gradientId);
+    gfill.setAttribute('spreadMethod','pad');
+    gfill.setAttribute('gradientUnits','userSpaceOnUse');
+    var stops = [];
+    var stop, j, jLen;
+    jLen = arr.g.p*4;
+    for(j=0;j<jLen;j+=4){
+        stop = document.createElementNS(svgNS,'stop');
+        gfill.appendChild(stop);
+        stops.push(stop);
+    }
+    pathElement.setAttribute( arr.ty === 'gf' ? 'fill':'stroke','url(#'+gradientId+')');
+    this.globalData.defs.appendChild(gfill);
+    data.gf = gfill;
+    data.cst = stops;
+}
+
+IShapeElement.prototype.setGradientOpacity = function(arr, data, styleOb){
+    if((arr.g.k.k[0].s && arr.g.k.k[0].s.length > arr.g.p*4) || arr.g.k.k.length > arr.g.p*4){
+        var opFill;
+        var stop, j, jLen;
+        var mask = document.createElementNS(svgNS,"mask");
+        var maskElement = document.createElementNS(svgNS, 'path');
+        mask.appendChild(maskElement);
+        var opacityId = 'op_'+randomString(10);
+        var maskId = 'mk_'+randomString(10);
+        mask.setAttribute('id',maskId);
+        if(arr.t === 1){
+            opFill = document.createElementNS(svgNS,'linearGradient');
+        } else {
+            opFill = document.createElementNS(svgNS,'radialGradient');
+        }
+        opFill.setAttribute('id',opacityId);
+        opFill.setAttribute('spreadMethod','pad');
+        opFill.setAttribute('gradientUnits','userSpaceOnUse');
+        jLen = arr.g.k.k[0].s ? arr.g.k.k[0].s.length : arr.g.k.k.length;
+        var stops = [];
+        for(j=arr.g.p*4;j<jLen;j+=2){
+            stop = document.createElementNS(svgNS,'stop');
+            stop.setAttribute('stop-color','rgb(255,255,255)');
+            //stop.setAttribute('offset',Math.round(arr.y[j][0]*100)+'%');
+            //stop.setAttribute('style','stop-color:rgb(255,255,255);stop-opacity:'+arr.y[j][1]);
+            opFill.appendChild(stop);
+            stops.push(stop);
+        }
+        maskElement.setAttribute( arr.ty === 'gf' ? 'fill':'stroke','url(#'+opacityId+')');
+        this.globalData.defs.appendChild(opFill);
+        this.globalData.defs.appendChild(mask);
+        data.of = opFill;
+        data.ost = stops;
+        styleOb.msElem = maskElement;
+        return maskId;
+    }
+};
+
+IShapeElement.prototype.searchShapes = function(arr,data,container,dynamicProperties, level){
+    var i, len = arr.length - 1;
+    var j, jLen;
+    var ownArrays = [], ownModifiers = [], styleOb, currentTransform;
+    for(i=len;i>=0;i-=1){
+        if(arr[i].ty == 'fl' || arr[i].ty == 'st' || arr[i].ty == 'gf' || arr[i].ty == 'gs'){
+            data[i] = {};
+            styleOb = {
+                type: arr[i].ty,
+                d: '',
+                ld: '',
+                lvl: level,
+                transformers:[],
+                mdf: false
+            };
+            var pathElement = document.createElementNS(svgNS, "path");
+            data[i].o = PropertyFactory.getProp(this,arr[i].o,0,0.01,dynamicProperties);
+            if(arr[i].ty == 'st' || arr[i].ty == 'gs') {
+                pathElement.setAttribute('stroke-linecap', this.lcEnum[arr[i].lc] || 'round');
+                ////pathElement.style.strokeLinecap = this.lcEnum[arr[i].lc] || 'round';
+                pathElement.setAttribute('stroke-linejoin',this.ljEnum[arr[i].lj] || 'round');
+                ////pathElement.style.strokeLinejoin = this.ljEnum[arr[i].lj] || 'round';
+                pathElement.setAttribute('fill-opacity','0');
+                ////pathElement.style.fillOpacity = 0;
+                if(arr[i].lj == 1) {
+                    pathElement.setAttribute('stroke-miterlimit',arr[i].ml);
+                    ////pathElement.style.strokeMiterlimit = arr[i].ml;
+                }
+
+                data[i].w = PropertyFactory.getProp(this,arr[i].w,0,null,dynamicProperties);
+                if(arr[i].d){
+                    var d = PropertyFactory.getDashProp(this,arr[i].d,'svg',dynamicProperties);
+                    if(!d.k){
+                        pathElement.setAttribute('stroke-dasharray', d.dasharray);
+                        ////pathElement.style.strokeDasharray = d.dasharray;
+                        pathElement.setAttribute('stroke-dashoffset', d.dashoffset);
+                        ////pathElement.style.strokeDashoffset = d.dashoffset;
+                    }
+                    data[i].d = d;
+                }
+
+            }
+            if(arr[i].ty == 'fl' || arr[i].ty == 'st'){
+                data[i].c = PropertyFactory.getProp(this,arr[i].c,1,255,dynamicProperties);
+                container.appendChild(pathElement);
+            } else {
+                data[i].g = PropertyFactory.getGradientProp(this,arr[i].g,dynamicProperties);
+                if(arr[i].t == 2){
+                    data[i].h = PropertyFactory.getProp(this,arr[i].h,1,0.01,dynamicProperties);
+                    data[i].a = PropertyFactory.getProp(this,arr[i].a,1,degToRads,dynamicProperties);
+                }
+                data[i].s = PropertyFactory.getProp(this,arr[i].s,1,null,dynamicProperties);
+                data[i].e = PropertyFactory.getProp(this,arr[i].e,1,null,dynamicProperties);
+                this.setGradientData(pathElement,arr[i],data[i], styleOb);
+                var maskId = this.setGradientOpacity(arr[i],data[i], styleOb);
+                if(maskId){
+                    pathElement.setAttribute('mask','url(#'+maskId+')');
+                }
+                data[i].elem = pathElement;
+                container.appendChild(pathElement);
+            }
+
+            if(arr[i].ln){
+                pathElement.setAttribute('id',arr[i].ln);
+            }
+            if(arr[i].cl){
+                pathElement.setAttribute('class',arr[i].cl);
+            }
+            styleOb.pElem = pathElement;
+            this.stylesList.push(styleOb);
+            data[i].style = styleOb;
+            ownArrays.push(styleOb);
+        }else if(arr[i].ty == 'gr'){
+            data[i] = {
+                it: []
+            };
+            var g = document.createElementNS(svgNS,'g');
+            container.appendChild(g);
+            data[i].gr = g;
+            this.searchShapes(arr[i].it,data[i].it,g,dynamicProperties, level + 1);
+        }else if(arr[i].ty == 'tr'){
+            data[i] = {
+                transform : {
+                    op: PropertyFactory.getProp(this,arr[i].o,0,0.01,dynamicProperties),
+                    mProps: PropertyFactory.getProp(this,arr[i],2,null,dynamicProperties)
+                },
+                elements: []
+            };
+            currentTransform = data[i].transform;
+            jLen = this.stylesList.length;
+            for(j=0;j<jLen;j+=1){
+                if(!this.stylesList[j].closed){
+                    this.stylesList[j].transformers.push(currentTransform);
+                }
+            }
+        }else if(arr[i].ty == 'sh' || arr[i].ty == 'rc' || arr[i].ty == 'el' || arr[i].ty == 'sr'){
+            data[i] = {
+                elements : [],
+                caches:[],
+                styles : [],
+                lStr: ''
+            };
+            var ty = 4;
+            if(arr[i].ty == 'rc'){
+                ty = 5;
+            }else if(arr[i].ty == 'el'){
+                ty = 6;
+            }else if(arr[i].ty == 'sr'){
+                ty = 7;
+            }
+            data[i].sh = ShapePropertyFactory.getShapeProp(this,arr[i],ty,dynamicProperties);
+            data[i].lvl = level;
+            this.shapes.push(data[i].sh);
+            this.addShapeToModifiers(data[i].sh);
+            jLen = this.stylesList.length;
+            for(j=0;j<jLen;j+=1){
+                if(!this.stylesList[j].closed){
+                    data[i].elements.push({
+                        ty:this.stylesList[j].type,
+                        st: this.stylesList[j]
+                    });
+                }
+            }
+        }else if(arr[i].ty == 'tm' || arr[i].ty == 'rd' || arr[i].ty == 'ms'){
+            var modifier = ShapeModifiers.getModifier(arr[i].ty);
+            modifier.init(this,arr[i],dynamicProperties);
+            this.shapeModifiers.push(modifier);
+            ownModifiers.push(modifier);
+            data[i] = modifier;
+        }
+    }
+    len = ownArrays.length;
+    for(i=0;i<len;i+=1){
+        ownArrays[i].closed = true;
+    }
+    len = ownModifiers.length;
+    for(i=0;i<len;i+=1){
+        ownModifiers[i].closed = true;
+    }
+};
+
+IShapeElement.prototype.addShapeToModifiers = function(shape) {
+    var i, len = this.shapeModifiers.length;
+    for(i=0;i<len;i+=1){
+        this.shapeModifiers[i].addShape(shape);
+    }
+};
+
+IShapeElement.prototype.renderModifiers = function() {
+    if(!this.shapeModifiers.length){
+        return;
+    }
+    var i, len = this.shapes.length;
+    for(i=0;i<len;i+=1){
+        this.shapes[i].reset();
+    }
+
+
+    len = this.shapeModifiers.length;
+
+    for(i=len-1;i>=0;i-=1){
+        this.shapeModifiers[i].processShapes(this.firstFrame);
+    }
+};
+
+IShapeElement.prototype.renderFrame = function(parentMatrix){
+    var renderParent = this._parent.renderFrame.call(this,parentMatrix);
+    if(renderParent===false){
+        this.hide();
+        return;
+    }
+    this.globalToLocal([0,0,0]);
+
+    this.hidden = false;
+    this.renderModifiers();
+    this.renderShape(null,null,true, null);
+};
+
+IShapeElement.prototype.hide = function(){
+    if(!this.hidden){
+        var i, len = this.stylesList.length;
+        for(i=len-1;i>=0;i-=1){
+            if(this.stylesList[i].ld !== '0'){
+                this.stylesList[i].ld = '0';
+                this.stylesList[i].pElem.style.display = 'none';
+                if(this.stylesList[i].pElem.parentNode){
+                    this.stylesList[i].parent = this.stylesList[i].pElem.parentNode;
+                    //this.stylesList[i].pElem.parentNode.removeChild(this.stylesList[i].pElem);
+                }
+            }
+        }
+        this.hidden = true;
+    }
+};
+
+IShapeElement.prototype.renderShape = function(items,data,isMain, container){
+    var i, len;
+    if(!items){
+        items = this.shapesData;
+        len = this.stylesList.length;
+        for(i=0;i<len;i+=1){
+            this.stylesList[i].d = '';
+            this.stylesList[i].mdf = false;
+        }
+    }
+    if(!data){
+        data = this.viewData;
+    }
+    ///
+    ///
+    len = items.length - 1;
+    var ty;
+    for(i=len;i>=0;i-=1){
+        ty = items[i].ty;
+        if(ty == 'tr'){
+            if(this.firstFrame || data[i].transform.op.mdf && container){
+                container.setAttribute('opacity',data[i].transform.op.v);
+            }
+            if(this.firstFrame || data[i].transform.mProps.mdf && container){
+                container.setAttribute('transform',data[i].transform.mProps.v.to2dCSS());
+            }
+        }else if(ty == 'sh' || ty == 'el' || ty == 'rc' || ty == 'sr'){
+            this.renderPath(items[i],data[i]);
+        }else if(ty == 'fl'){
+            this.renderFill(items[i],data[i]);
+        }else if(ty == 'gf'){
+            this.renderGradient(items[i],data[i]);
+        }else if(ty == 'gs'){
+            this.renderGradient(items[i],data[i]);
+            this.renderStroke(items[i],data[i]);
+        }else if(ty == 'st'){
+            this.renderStroke(items[i],data[i]);
+        }else if(ty == 'gr'){
+            this.renderShape(items[i].it,data[i].it,false, data[i].gr);
+        }else if(ty == 'tm'){
+            //
+        }
+    }
+    if(isMain) {
+        len = this.stylesList.length;
+        for (i = 0; i < len; i += 1) {
+            if (this.stylesList[i].ld === '0') {
+                this.stylesList[i].ld = '1';
+                this.stylesList[i].pElem.style.display = 'block';
+                //this.stylesList[i].parent.appendChild(this.stylesList[i].pElem);
+            }
+            if (this.stylesList[i].mdf || this.firstFrame) {
+                this.stylesList[i].pElem.setAttribute('d', this.stylesList[i].d);
+                if(this.stylesList[i].msElem){
+                    this.stylesList[i].msElem.setAttribute('d', this.stylesList[i].d);
+                }
+            }
+        }
+        if (this.firstFrame) {
+            this.firstFrame = false;
+        }
+    }
+
+};
+
+IShapeElement.prototype.renderPath = function(pathData,viewData){
+    var len, i, j, jLen,pathStringTransformed,redraw,pathNodes,l, lLen = viewData.elements.length;
+    var lvl = viewData.lvl;
+    for(l=0;l<lLen;l+=1){
+        redraw = viewData.sh.mdf || this.firstFrame;
+        pathStringTransformed = '';
+        var paths = viewData.sh.paths;
+        jLen = paths.length;
+        if(viewData.elements[l].st.lvl < lvl){
+            var mat = this.mHelper.reset(), props;
+            var k, kLen = viewData.elements[l].st.lvl;
+            for(k=lvl-1;k>=kLen;k-=1){
+                redraw = viewData.elements[l].st.transformers[k - kLen].mProps.mdf || redraw;
+                props = viewData.elements[l].st.transformers[k - kLen].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]);
+            }
+            if(redraw){
+                for(j=0;j<jLen;j+=1){
+                    pathNodes = paths[j];
+                    if(pathNodes && pathNodes.v){
+                        len = pathNodes.v.length;
+                        for (i = 1; i < len; i += 1) {
+                            if (i == 1) {
+                                pathStringTransformed += " M" + mat.applyToPointStringified(pathNodes.v[0][0], pathNodes.v[0][1]);
+                            }
+                            pathStringTransformed += " C" + mat.applyToPointStringified(pathNodes.o[i - 1][0], pathNodes.o[i - 1][1]) + " " + mat.applyToPointStringified(pathNodes.i[i][0], pathNodes.i[i][1]) + " " + mat.applyToPointStringified(pathNodes.v[i][0], pathNodes.v[i][1]);
+                        }
+                        if (len == 1) {
+                            pathStringTransformed += " M" + mat.applyToPointStringified(pathNodes.v[0][0], pathNodes.v[0][1]);
+                        }
+                        if (pathNodes.c) {
+                            pathStringTransformed += " C" + mat.applyToPointStringified(pathNodes.o[i - 1][0], pathNodes.o[i - 1][1]) + " " + mat.applyToPointStringified(pathNodes.i[0][0], pathNodes.i[0][1]) + " " + mat.applyToPointStringified(pathNodes.v[0][0], pathNodes.v[0][1]);
+                            pathStringTransformed += 'z';
+                        }
+                    }
+                }
+                viewData.caches[l] = pathStringTransformed;
+            } else {
+                pathStringTransformed = viewData.caches[l];
+            }
+        } else {
+            if(redraw){
+                for(j=0;j<jLen;j+=1){
+                    pathNodes = paths[j];
+                    if(pathNodes && pathNodes.v){
+                        len = pathNodes.v.length;
+                        for (i = 1; i < len; i += 1) {
+                            if (i == 1) {
+                                //pathStringTransformed += " M" + groupTransform.mat.applyToPointStringified(pathNodes.v[0][0], pathNodes.v[0][1]);
+                                pathStringTransformed += " M" + pathNodes.v[0].join(',');
+                            }
+                            //pathStringTransformed += " C" + groupTransform.mat.applyToPointStringified(pathNodes.o[i - 1][0], pathNodes.o[i - 1][1]) + " " + groupTransform.mat.applyToPointStringified(pathNodes.i[i][0], pathNodes.i[i][1]) + " " + groupTransform.mat.applyToPointStringified(pathNodes.v[i][0], pathNodes.v[i][1]);
+                            pathStringTransformed += " C" + pathNodes.o[i - 1].join(',') + " " + pathNodes.i[i].join(',') + " " + pathNodes.v[i].join(',');
+                        }
+                        if (len == 1) {
+                            //pathStringTransformed += " M" + groupTransform.mat.applyToPointStringified(pathNodes.v[0][0], pathNodes.v[0][1]);
+                            pathStringTransformed += " M" + pathNodes.v[0].join(',');
+                        }
+                        if (pathNodes.c) {
+                            //pathStringTransformed += " C" + groupTransform.mat.applyToPointStringified(pathNodes.o[i - 1][0], pathNodes.o[i - 1][1]) + " " + groupTransform.mat.applyToPointStringified(pathNodes.i[0][0], pathNodes.i[0][1]) + " " + groupTransform.mat.applyToPointStringified(pathNodes.v[0][0], pathNodes.v[0][1]);
+                            pathStringTransformed += " C" + pathNodes.o[i - 1].join(',') + " " + pathNodes.i[0].join(',') + " " + pathNodes.v[0].join(',');
+                            pathStringTransformed += 'z';
+                        }
+                    }
+                }
+                viewData.caches[l] = pathStringTransformed;
+            } else {
+                pathStringTransformed = viewData.caches[l];
+            }
+        }
+        viewData.elements[l].st.d += pathStringTransformed;
+        viewData.elements[l].st.mdf = redraw || viewData.elements[l].st.mdf;
+    }
+
+};
+
+IShapeElement.prototype.renderFill = function(styleData,viewData){
+    var styleElem = viewData.style;
+
+    if(viewData.c.mdf || this.firstFrame){
+        styleElem.pElem.setAttribute('fill','rgb('+bm_floor(viewData.c.v[0])+','+bm_floor(viewData.c.v[1])+','+bm_floor(viewData.c.v[2])+')');
+        ////styleElem.pElem.style.fill = 'rgb('+bm_floor(viewData.c.v[0])+','+bm_floor(viewData.c.v[1])+','+bm_floor(viewData.c.v[2])+')';
+    }
+    if(viewData.o.mdf || this.firstFrame){
+        styleElem.pElem.setAttribute('fill-opacity',viewData.o.v);
+    }
+};
+
+IShapeElement.prototype.renderGradient = function(styleData,viewData){
+    var gfill = viewData.gf;
+    var opFill = viewData.of;
+    var pt1 = viewData.s.v,pt2 = viewData.e.v;
+
+    if(viewData.o.mdf || this.firstFrame){
+        var attr = styleData.ty === 'gf' ? 'fill-opacity':'stroke-opacity';
+        viewData.elem.setAttribute(attr,viewData.o.v);
+    }
+    //clippedElement.setAttribute('transform','matrix(1,0,0,1,-100,0)');
+    if(viewData.s.mdf || this.firstFrame){
+        var attr1 = styleData.t === 1 ? 'x1':'cx';
+        var attr2 = attr1 === 'x1' ? 'y1':'cy';
+        gfill.setAttribute(attr1,pt1[0]);
+        gfill.setAttribute(attr2,pt1[1]);
+        if(opFill){
+            opFill.setAttribute(attr1,pt1[0]);
+            opFill.setAttribute(attr2,pt1[1]);
+        }
+    }
+    var stops, i, len, stop;
+    if(viewData.g.cmdf || this.firstFrame){
+        stops = viewData.cst;
+        var cValues = viewData.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(opFill && (viewData.g.omdf || this.firstFrame)){
+        stops = viewData.ost;
+        var oValues = viewData.g.o;
+        len = stops.length;
+        for(i=0;i<len;i+=1){
+            stop = stops[i];
+            stop.setAttribute('offset',oValues[i*2]+'%');
+            stop.setAttribute('stop-opacity',oValues[i*2+1]);
+        }
+    }
+    if(styleData.t === 1){
+        if(viewData.e.mdf  || this.firstFrame){
+            gfill.setAttribute('x2',pt2[0]);
+            gfill.setAttribute('y2',pt2[1]);
+            if(opFill){
+                opFill.setAttribute('x2',pt2[0]);
+                opFill.setAttribute('y2',pt2[1]);
+            }
+        }
+    } else {
+        var rad;
+        if(viewData.s.mdf || viewData.e.mdf || this.firstFrame){
+            rad = Math.sqrt(Math.pow(pt1[0]-pt2[0],2)+Math.pow(pt1[1]-pt2[1],2));
+            gfill.setAttribute('r',rad);
+            if(opFill){
+                opFill.setAttribute('r',rad);
+            }
+        }
+        if(viewData.e.mdf || viewData.h.mdf || viewData.a.mdf || this.firstFrame){
+            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 = viewData.h.v >= 1 ? 0.99 : viewData.h.v <= -1 ? -0.99:viewData.h.v;
+            var dist = rad*percent;
+            var x = Math.cos(ang + viewData.a.v)*dist + pt1[0];
+            var y = Math.sin(ang + viewData.a.v)*dist + pt1[1];
+            gfill.setAttribute('fx',x);
+            gfill.setAttribute('fy',y);
+            if(opFill){
+                opFill.setAttribute('fx',x);
+                opFill.setAttribute('fy',y);
+            }
+        }
+        //gfill.setAttribute('fy','200');
+    }
+};
+
+IShapeElement.prototype.renderStroke = function(styleData,viewData){
+    var styleElem = viewData.style;
+    //TODO fix dashes
+    var d = viewData.d;
+    var dasharray,dashoffset;
+    if(d && d.k && (d.mdf || this.firstFrame)){
+        styleElem.pElem.setAttribute('stroke-dasharray', d.dasharray);
+        ////styleElem.pElem.style.strokeDasharray = d.dasharray;
+        styleElem.pElem.setAttribute('stroke-dashoffset', d.dashoffset);
+        ////styleElem.pElem.style.strokeDashoffset = d.dashoffset;
+    }
+    if(viewData.c && (viewData.c.mdf || this.firstFrame)){
+        styleElem.pElem.setAttribute('stroke','rgb('+bm_floor(viewData.c.v[0])+','+bm_floor(viewData.c.v[1])+','+bm_floor(viewData.c.v[2])+')');
+        ////styleElem.pElem.style.stroke = 'rgb('+bm_floor(viewData.c.v[0])+','+bm_floor(viewData.c.v[1])+','+bm_floor(viewData.c.v[2])+')';
+    }
+    if(viewData.o.mdf || this.firstFrame){
+        styleElem.pElem.setAttribute('stroke-opacity',viewData.o.v);
+    }
+    if(viewData.w.mdf || this.firstFrame){
+        styleElem.pElem.setAttribute('stroke-width',viewData.w.v);
+        if(styleElem.msElem){
+            styleElem.msElem.setAttribute('stroke-width',viewData.w.v);
+        }
+        ////styleElem.pElem.style.strokeWidth = viewData.w.v;
+    }
+};
+
+IShapeElement.prototype.destroy = function(){
+    this._parent.destroy.call();
+    this.shapeData = null;
+    this.viewData = null;
+    this.parentContainer = null;
+    this.placeholder = null;
+};
+
+function ISolidElement(data,parentContainer,globalData,comp, placeholder){
+    this._parent.constructor.call(this,data,parentContainer,globalData,comp, placeholder);
+}
+createElement(SVGBaseElement, ISolidElement);
+
+ISolidElement.prototype.createElements = function(){
+    this._parent.createElements.call(this);
+
+    var rect = document.createElementNS(svgNS,'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);
+    this.innerElem = rect;
+    if(this.data.ln){
+        this.innerElem.setAttribute('id',this.data.ln);
+    }
+    if(this.data.cl){
+        this.innerElem.setAttribute('class',this.data.cl);
+    }
+};
+
+ISolidElement.prototype.hide = IImageElement.prototype.hide;
+ISolidElement.prototype.renderFrame = IImageElement.prototype.renderFrame;
+ISolidElement.prototype.destroy = IImageElement.prototype.destroy;
+
+var animationManager = (function(){
+    var moduleOb = {};
+    var registeredAnimations = [];
+    var initTime = 0;
+    var isPaused = true;
+    var len = 0;
+
+    function removeElement(ev){
+        var i = 0;
+        var animItem = ev.target;
+        animItem.removeEventListener('destroy',removeElement);
+        while(i<len) {
+            if (registeredAnimations[i].animation === animItem) {
+                registeredAnimations.splice(i, 1);
+                i -= 1;
+                len -= 1;
+            }
+            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();
+        animItem.setData(element, animationData);
+        animItem.addEventListener('destroy',removeElement);
+        registeredAnimations.push({elem: element,animation:animItem});
+        len += 1;
+        return animItem;
+    }
+
+    function loadAnimation(params){
+        var animItem = new AnimationItem();
+        animItem.setParams(params);
+        animItem.addEventListener('destroy',removeElement);
+        registeredAnimations.push({elem: null,animation:animItem});
+        len += 1;
+        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 moveFrame (value, animation) {
+        isPaused = false;
+        initTime = Date.now();
+        var i;
+        for(i=0;i<len;i+=1){
+            registeredAnimations[i].animation.moveFrame(value,animation);
+        }
+    }
+
+    function resume(nowTime) {
+
+        var elapsedTime = nowTime - initTime;
+        var i;
+        for(i=0;i<len;i+=1){
+            registeredAnimations[i].animation.advanceTime(elapsedTime);
+        }
+        initTime = nowTime;
+        requestAnimationFrame(resume);
+
+
+    }
+
+    function first(nowTime){
+        initTime = nowTime;
+        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=0;i<len;i+=1){
+            registeredAnimations[i].animation.destroy(animation);
+        }
+    }
+
+    function searchAnimations(animationData, standalone, renderer){
+        var animElements = 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 = document.createElement('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 start(){
+        requestAnimationFrame(first);
+    }
+    //start();
+
+    setTimeout(start,0);
+
+    moduleOb.registerAnimation = registerAnimation;
+    moduleOb.loadAnimation = loadAnimation;
+    moduleOb.setSpeed = setSpeed;
+    moduleOb.setDirection = setDirection;
+    moduleOb.play = play;
+    moduleOb.moveFrame = moveFrame;
+    moduleOb.pause = pause;
+    moduleOb.stop = stop;
+    moduleOb.togglePause = togglePause;
+    moduleOb.searchAnimations = searchAnimations;
+    moduleOb.resize = resize;
+    moduleOb.start = start;
+    moduleOb.goToAndStop = goToAndStop;
+    moduleOb.destroy = destroy;
+    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.pendingElements = 0;
+    this.playCount = 0;
+    this.prerenderFramesFlag = true;
+    this.animationData = {};
+    this.layers = [];
+    this.assets = [];
+    this.isPaused = true;
+    this.autoplay = false;
+    this.loop = true;
+    this.renderer = null;
+    this.animationID = randomString(10);
+    this.scaleMode = 'fit';
+    this.assetsPath = '';
+    this.timeCompleted = 0;
+    this.segmentPos = 0;
+    this.subframeEnabled = subframeEnabled;
+    this.segments = [];
+    this.pendingSegment = false;
+    this.projectInterface = ProjectInterface();
+};
+
+AnimationItem.prototype.setParams = function(params) {
+    var self = this;
+    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;
+        case 'hybrid':
+        case 'html':
+        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.prerenderFramesFlag = 'prerender' in params ? params.prerender : true;
+    this.autoloadSegments = params.hasOwnProperty('autoloadSegments') ? params.autoloadSegments :  true;
+    if(params.animationData){
+        self.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';
+        }
+
+        var xhr = new XMLHttpRequest();
+        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.assetsPath = params.assetsPath;
+        this.fileName = params.path.substr(params.path.lastIndexOf('/')+1);
+        this.fileName = this.fileName.substr(0,this.fileName.lastIndexOf('.json'));
+        xhr.open('GET', params.path, true);
+        xhr.send();
+        xhr.onreadystatechange = function () {
+            if (xhr.readyState == 4) {
+                if(xhr.status == 200){
+                    self.configAnimation(JSON.parse(xhr.responseText));
+                }else{
+                    try{
+                        var response = JSON.parse(xhr.responseText);
+                        self.configAnimation(response);
+                    }catch(err){
+                    }
+                }
+            }
+        };
+    }
+};
+
+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);
+        this.animationData.tf = this.totalFrames;
+    }
+    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.totalFrames = 50;
+    //this.animationData.tf = 50;
+    dataManager.completeData(this.animationData,this.renderer.globalData.fontManager);
+    this.renderer.includeLayers(data.layers);
+    if(expressionsPlugin){
+        expressionsPlugin.initExpressions(this);
+    }
+    this.renderer.renderFrame(null);
+    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.animationData.tf;
+        return;
+    }
+    var segment = segments.shift();
+    this.timeCompleted = segment.time * this.frameRate;
+    var xhr = new XMLHttpRequest();
+    var self = this;
+    var segmentPath = this.path+this.fileName+'_' + this.segmentPos + '.json';
+    this.segmentPos += 1;
+    xhr.open('GET', segmentPath, true);
+    xhr.send();
+    xhr.onreadystatechange = function () {
+        if (xhr.readyState == 4) {
+            if(xhr.status == 200){
+                self.includeLayers(JSON.parse(xhr.responseText));
+            }else{
+                try{
+                    var response = JSON.parse(xhr.responseText);
+                    self.includeLayers(response);
+                }catch(err){
+                }
+            }
+        }
+    };
+};
+
+AnimationItem.prototype.loadSegments = function() {
+    var segments = this.animationData.segments;
+    if(!segments) {
+        this.timeCompleted = this.animationData.tf;
+    }
+    this.loadNextSegment();
+};
+
+AnimationItem.prototype.configAnimation = function (animData) {
+    //console.log(JSON.parse(JSON.stringify(animData)));
+    //animData.w = Math.round(animData.w/blitter);
+    //animData.h = Math.round(animData.h/blitter);
+    this.animationData = animData;
+    this.totalFrames = Math.floor(this.animationData.op - this.animationData.ip);
+    this.animationData.tf = this.totalFrames;
+    this.renderer.configAnimation(animData);
+    if(!animData.assets){
+        animData.assets = [];
+    }
+    if(animData.comps) {
+        animData.assets = animData.assets.concat(animData.comps);
+        animData.comps = null;
+    }
+    this.renderer.searchExtraCompositions(animData.assets);
+
+    this.layers = this.animationData.layers;
+    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.imagePreloader = new ImagePreloader();
+    this.imagePreloader.setAssetsPath(this.assetsPath);
+    this.imagePreloader.setPath(this.path);
+    this.imagePreloader.loadAssets(animData.assets);
+    this.loadSegments();
+    this.updaFrameModifier();
+    if(this.renderer.globalData.fontManager){
+        this.waitForFontsLoaded();
+    }else{
+        dataManager.completeData(this.animationData,this.renderer.globalData.fontManager);
+        this.checkLoaded();
+    }
+};
+
+AnimationItem.prototype.waitForFontsLoaded = (function(){
+    function checkFontsLoaded(){
+        if(this.renderer.globalData.fontManager.loaded){
+            dataManager.completeData(this.animationData,this.renderer.globalData.fontManager);
+            //this.renderer.buildItems(this.animationData.layers);
+            this.checkLoaded();
+        }else{
+            setTimeout(checkFontsLoaded.bind(this),20);
+        }
+    }
+
+    return function(){
+        checkFontsLoaded.bind(this)();
+    }
+}());
+
+AnimationItem.prototype.addPendingElement = function () {
+    this.pendingElements += 1;
+}
+
+AnimationItem.prototype.elementLoaded = function () {
+    this.pendingElements--;
+    this.checkLoaded();
+};
+
+AnimationItem.prototype.checkLoaded = function () {
+    if (this.pendingElements === 0) {
+        if(expressionsPlugin){
+            expressionsPlugin.initExpressions(this);
+        }
+        this.renderer.initItems();
+        setTimeout(function(){
+            this.trigger('DOMLoaded');
+        }.bind(this),0);
+        this.isLoaded = true;
+        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 () {
+    if(this.subframeEnabled){
+        this.currentFrame = this.currentRawFrame;
+    }else{
+        this.currentFrame = Math.floor(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;
+    }
+};
+
+AnimationItem.prototype.pause = function (name) {
+    if(name && this.name != name){
+        return;
+    }
+    if(this.isPaused === false){
+        this.isPaused = true;
+    }
+};
+
+AnimationItem.prototype.togglePause = function (name) {
+    if(name && this.name != name){
+        return;
+    }
+    if(this.isPaused === true){
+        this.isPaused = false;
+        this.play();
+    }else{
+        this.isPaused = true;
+        this.pause();
+    }
+};
+
+AnimationItem.prototype.stop = function (name) {
+    if(name && this.name != name){
+        return;
+    }
+    this.isPaused = true;
+    this.currentFrame = this.currentRawFrame = 0;
+    this.playCount = 0;
+    this.gotoFrame();
+};
+
+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.isPaused = true;
+};
+
+AnimationItem.prototype.goToAndPlay = function (value, isFrame, name) {
+    this.goToAndStop(value, isFrame, name);
+    this.play();
+};
+
+AnimationItem.prototype.advanceTime = function (value) {
+    if(this.pendingSegment){
+        this.pendingSegment = false;
+        this.adjustSegment(this.segments.shift());
+        if(this.isPaused){
+            this.play();
+        }
+        return;
+    }
+    if (this.isPaused === true || this.isLoaded === false) {
+        return;
+    }
+    this.setCurrentRawFrameValue(this.currentRawFrame + value * this.frameModifier);
+};
+
+AnimationItem.prototype.updateAnimation = function (perc) {
+    this.setCurrentRawFrameValue(this.totalFrames * perc);
+};
+
+AnimationItem.prototype.moveFrame = function (value, name) {
+    if(name && this.name != name){
+        return;
+    }
+    this.setCurrentRawFrameValue(this.currentRawFrame+value);
+};
+
+AnimationItem.prototype.adjustSegment = function(arr){
+    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.totalFrames = arr[0] - arr[1];
+        this.firstFrame = arr[1];
+        this.setCurrentRawFrameValue(this.totalFrames - 0.01);
+    } else if(arr[1] > arr[0]){
+        if(this.frameModifier < 0){
+            if(this.playSpeed < 0){
+                this.setSpeed(-this.playSpeed);
+            } else {
+                this.setDirection(1);
+            }
+        }
+        this.totalFrames = arr[1] - arr[0];
+        this.firstFrame = arr[0];
+        this.setCurrentRawFrameValue(0);
+    }
+    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 - 0.01;
+        }
+    }
+
+    this.firstFrame = init;
+    this.totalFrames = end - init;
+    if(pendingFrame !== -1) {
+        this.goToAndStop(pendingFrame,true);
+    }
+}
+
+AnimationItem.prototype.playSegments = function (arr,forceFlag) {
+    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(forceFlag){
+        this.adjustSegment(this.segments.shift());
+    }
+    if(this.isPaused){
+        this.play();
+    }
+};
+
+AnimationItem.prototype.resetSegments = function (forceFlag) {
+    this.segments.length = 0;
+    this.segments.push([this.animationData.ip*this.frameRate,Math.floor(this.animationData.op - this.animationData.ip+this.animationData.ip*this.frameRate)]);
+    if(forceFlag){
+        this.adjustSegment(this.segments.shift());
+    }
+};
+AnimationItem.prototype.checkSegments = function(){
+    if(this.segments.length){
+        this.pendingSegment = true;
+    }
+}
+
+AnimationItem.prototype.remove = function (name) {
+    if(name && this.name != name){
+        return;
+    }
+    this.renderer.destroy();
+};
+
+AnimationItem.prototype.destroy = function (name) {
+    if((name && this.name != name) || (this.renderer && this.renderer.destroyed)){
+        return;
+    }
+    this.renderer.destroy();
+    this.trigger('destroy');
+    this._cbs = null;
+};
+
+AnimationItem.prototype.setCurrentRawFrameValue = function(value){
+    this.currentRawFrame = value;
+    if (this.currentRawFrame >= this.totalFrames) {
+        this.checkSegments();
+        if(this.loop === false){
+            this.currentRawFrame = this.totalFrames - 0.01;
+            this.gotoFrame();
+            this.pause();
+            this.trigger('complete');
+            return;
+        }else{
+            this.trigger('loopComplete');
+            this.playCount += 1;
+            if((this.loop !== true && this.playCount == this.loop) || this.pendingSegment){
+                this.currentRawFrame = this.totalFrames - 0.01;
+                this.gotoFrame();
+                this.pause();
+                this.trigger('complete');
+                return;
+            } else {
+                this.currentRawFrame = this.currentRawFrame % this.totalFrames;
+            }
+        }
+    } else if (this.currentRawFrame < 0) {
+        this.checkSegments();
+        this.playCount -= 1;
+        if(this.playCount < 0){
+            this.playCount = 0;
+        }
+        if(this.loop === false  || this.pendingSegment){
+            this.currentRawFrame = 0;
+            this.gotoFrame();
+            this.pause();
+            this.trigger('complete');
+            return;
+        }else{
+            this.trigger('loopComplete');
+            this.currentRawFrame = (this.totalFrames + this.currentRawFrame) % this.totalFrames;
+            this.gotoFrame();
+            return;
+        }
+    }
+
+    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(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.getAssets = function () {
+    return this.assets;
+};
+
+AnimationItem.prototype.trigger = function(name){
+    if(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));
+    }
+};
+
+AnimationItem.prototype.addEventListener = _addEventListener;
+AnimationItem.prototype.removeEventListener = _removeEventListener;
+AnimationItem.prototype.triggerEvent = _triggerEvent;
+
+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'
+    };
+    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
+    };
+    this.contextData = {
+        saved : Array.apply(null,{length:15}),
+        savedOp: Array.apply(null,{length:15}),
+        cArrPos : 0,
+        cTr : new Matrix(),
+        cO : 1
+    };
+    var i, len = 15;
+    for(i=0;i<len;i+=1){
+        this.contextData.saved[i] = Array.apply(null,{length:16});
+    }
+    this.elements = [];
+    this.transformMat = new Matrix();
+    this.completeLayers = false;
+}
+extendPrototype(BaseRenderer,CanvasRenderer);
+
+CanvasRenderer.prototype.createBase = function (data) {
+    return new CVBaseElement(data, this, this.globalData);
+};
+
+CanvasRenderer.prototype.createShape = function (data) {
+    return new CVShapeElement(data, this, this.globalData);
+};
+
+CanvasRenderer.prototype.createText = function (data) {
+    return new CVTextElement(data, this, this.globalData);
+};
+
+CanvasRenderer.prototype.createImage = function (data) {
+    return new CVImageElement(data, this, this.globalData);
+};
+
+CanvasRenderer.prototype.createComp = function (data) {
+    return new CVCompElement(data, this, this.globalData);
+};
+
+CanvasRenderer.prototype.createSolid = function (data) {
+    return new CVSolidElement(data, this, this.globalData);
+};
+
+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);
+    this.transformMat.transform(this.contextData.cTr.props[0],this.contextData.cTr.props[1],this.contextData.cTr.props[2],this.contextData.cTr.props[3],this.contextData.cTr.props[4],this.contextData.cTr.props[5],this.contextData.cTr.props[6],this.contextData.cTr.props[7],this.contextData.cTr.props[8],this.contextData.cTr.props[9],this.contextData.cTr.props[10],this.contextData.cTr.props[11],this.contextData.cTr.props[12],this.contextData.cTr.props[13],this.contextData.cTr.props[14],this.contextData.cTr.props[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;
+        return;
+    }
+    this.contextData.cO *= op < 0 ? 0 : op;
+    this.canvasContext.globalAlpha = this.contextData.cO;
+};
+
+CanvasRenderer.prototype.reset = function(){
+    if(!this.renderConfig.clearCanvas){
+        this.canvasContext.restore();
+        return;
+    }
+    this.contextData.cArrPos = 0;
+    this.contextData.cTr.reset();
+    this.contextData.cO = 1;
+};
+
+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.saved[this.contextData.cArrPos] === null || this.contextData.saved[this.contextData.cArrPos] === undefined){
+        this.contextData.saved[this.contextData.cArrPos] = new Array(16);
+    }
+    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.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;
+    this.canvasContext.globalAlpha = popped;
+};
+
+CanvasRenderer.prototype.configAnimation = function(animData){
+    if(this.animationItem.wrapper){
+        this.animationItem.container = document.createElement('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');
+    }else{
+        this.canvasContext = this.renderConfig.context;
+    }
+    this.globalData.canvasContext = this.canvasContext;
+    this.globalData.renderer = this;
+    this.globalData.isDashed = false;
+    this.globalData.totalFrames = Math.floor(animData.tf);
+    this.globalData.compWidth = animData.w;
+    this.globalData.compHeight = animData.h;
+    this.globalData.frameRate = animData.fr;
+    this.globalData.frameId = 0;
+    this.globalData.compSize = {
+        w: animData.w,
+        h: animData.h
+    };
+    this.globalData.progressiveLoad = this.renderConfig.progressiveLoad;
+    this.layers = animData.layers;
+    this.transformCanvas = {};
+    this.transformCanvas.w = animData.w;
+    this.transformCanvas.h = animData.h;
+    this.globalData.fontManager = new FontManager();
+    this.globalData.fontManager.addChars(animData.chars);
+    this.globalData.fontManager.addFonts(animData.fonts,document.body);
+    this.globalData.getAssetData = this.animationItem.getAssetData.bind(this.animationItem);
+    this.globalData.getAssetsPath = this.animationItem.getAssetsPath.bind(this.animationItem);
+    this.globalData.elementLoaded = this.animationItem.elementLoaded.bind(this.animationItem);
+    this.globalData.addPendingElement = this.animationItem.addPendingElement.bind(this.animationItem);
+    this.globalData.transformCanvas = this.transformCanvas;
+    this.elements = Array.apply(null,{length:animData.layers.length});
+
+    this.updateContainerSize();
+};
+
+CanvasRenderer.prototype.updateContainerSize = function () {
+    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);
+        }
+    }
+};
+
+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) {
+        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 === null){
+        return;
+    }
+    this.renderedFrame = num;
+    this.globalData.frameNum = num - this.animationItem.firstFrame;
+    this.globalData.frameId += 1;
+    this.globalData.projectInterface.currentFrame = num;
+    if(this.renderConfig.clearCanvas === true){
+        this.reset();
+        this.canvasContext.save();
+        //this.canvasContext.canvas.width = this.canvasContext.canvas.width;
+        this.canvasContext.clearRect(this.transformCanvas.tx, this.transformCanvas.ty, this.transformCanvas.w*this.transformCanvas.sx, this.transformCanvas.h*this.transformCanvas.sy);
+    }else{
+        this.save();
+    }
+    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();
+
+    //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);
+        }
+    }
+    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();
+    } else {
+        this.canvasContext.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.hide = function(){
+    this.animationItem.container.style.display = 'none';
+};
+
+CanvasRenderer.prototype.show = function(){
+    this.animationItem.container.style.display = 'block';
+};
+
+CanvasRenderer.prototype.searchExtraCompositions = function(assets){
+    var i, len = assets.length;
+    var floatingContainer = document.createElementNS(svgNS,'g');
+    for(i=0;i<len;i+=1){
+        if(assets[i].xt){
+            var comp = this.createComp(assets[i],this.globalData.comp,this.globalData);
+            comp.initExpressions();
+            //comp.compInterface = CompExpressionInterface(comp);
+            //Expressions.addLayersInterface(comp.elements, this.globalData.projectInterface);
+            this.globalData.projectInterface.registerComposition(comp);
+        }
+    }
+};
+function HybridRenderer(animationItem){
+    this.animationItem = animationItem;
+    this.layers = null;
+    this.renderedFrame = -1;
+    this.globalData = {
+        frameNum: -1
+    };
+    this.elements = [];
+    this.threeDElements = [];
+    this.destroyed = false;
+    this.camera = null;
+    this.supports3d = true;
+
+}
+
+extendPrototype(BaseRenderer,HybridRenderer);
+
+HybridRenderer.prototype.buildItem = SVGRenderer.prototype.buildItem;
+
+HybridRenderer.prototype.appendElementInPos = function(element, pos){
+    var newElement = element.getBaseElement();
+    if(!newElement){
+        return;
+    }
+    var layer = this.layers[pos];
+    if(!layer.ddd || !this.supports3d){
+        var i = 0;
+        var nextElement;
+        while(i<pos){
+            if(this.elements[i] && this.elements[i].getBaseElement()){
+                nextElement = this.elements[i].getBaseElement();
+            }
+            i += 1;
+        }
+        if(nextElement){
+            if(!layer.ddd || !this.supports3d){
+                this.layerElement.insertBefore(newElement, nextElement);
+            }
+        } else {
+            if(!layer.ddd || !this.supports3d){
+                this.layerElement.appendChild(newElement);
+            }
+        }
+    } else {
+        this.addTo3dContainer(newElement,pos);
+    }
+};
+
+
+HybridRenderer.prototype.createBase = function (data) {
+    return new SVGBaseElement(data, this.layerElement,this.globalData,this);
+};
+
+HybridRenderer.prototype.createShape = function (data) {
+    if(!this.supports3d){
+        return new IShapeElement(data, this.layerElement,this.globalData,this);
+    }
+    return new HShapeElement(data, this.layerElement,this.globalData,this);
+};
+
+HybridRenderer.prototype.createText = function (data) {
+    if(!this.supports3d){
+        return new SVGTextElement(data, this.layerElement,this.globalData,this);
+    }
+    return new HTextElement(data, this.layerElement,this.globalData,this);
+};
+
+HybridRenderer.prototype.createCamera = function (data) {
+    this.camera = new HCameraElement(data, this.layerElement,this.globalData,this);
+    return this.camera;
+};
+
+HybridRenderer.prototype.createImage = function (data) {
+    if(!this.supports3d){
+        return new IImageElement(data, this.layerElement,this.globalData,this);
+    }
+    return new HImageElement(data, this.layerElement,this.globalData,this);
+};
+
+HybridRenderer.prototype.createComp = function (data) {
+    if(!this.supports3d){
+        return new ICompElement(data, this.layerElement,this.globalData,this);
+    }
+    return new HCompElement(data, this.layerElement,this.globalData,this);
+
+};
+
+HybridRenderer.prototype.createSolid = function (data) {
+    if(!this.supports3d){
+        return new ISolidElement(data, this.layerElement,this.globalData,this);
+    }
+    return new HSolidElement(data, this.layerElement,this.globalData,this);
+};
+
+HybridRenderer.prototype.getThreeDContainer = function(pos){
+    var perspectiveElem = document.createElement('div');
+    styleDiv(perspectiveElem);
+    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%";
+    var container = document.createElement('div');
+    styleDiv(container);
+    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
+    };
+    this.threeDElements.push(threeDContainerData);
+    return threeDContainerData;
+};
+
+HybridRenderer.prototype.build3dContainers = function(){
+    var i, len = this.layers.length;
+    var lastThreeDContainerData;
+    for(i=0;i<len;i+=1){
+        if(this.layers[i].ddd){
+            if(!lastThreeDContainerData){
+                lastThreeDContainerData = this.getThreeDContainer(i);
+            }
+            lastThreeDContainerData.endPos = Math.max(lastThreeDContainerData.endPos,i);
+        } else {
+            lastThreeDContainerData = null;
+        }
+    }
+};
+
+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 = document.createElement('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";
+    wrapper.appendChild(resizerElem);
+
+    resizerElem.style.overflow = 'hidden';
+    var svg = document.createElementNS(svgNS,'svg');
+    svg.setAttribute('width','1');
+    svg.setAttribute('height','1');
+    styleDiv(svg);
+    this.resizerElem.appendChild(svg);
+    var defs = document.createElementNS(svgNS,'defs');
+    svg.appendChild(defs);
+    this.globalData.defs = defs;
+    //Mask animation
+    this.globalData.getAssetData = this.animationItem.getAssetData.bind(this.animationItem);
+    this.globalData.getAssetsPath = this.animationItem.getAssetsPath.bind(this.animationItem);
+    this.globalData.elementLoaded = this.animationItem.elementLoaded.bind(this.animationItem);
+    this.globalData.frameId = 0;
+    this.globalData.compSize = {
+        w: animData.w,
+        h: animData.h
+    };
+    this.globalData.frameRate = animData.fr;
+    this.layers = animData.layers;
+    this.globalData.fontManager = new FontManager();
+    this.globalData.fontManager.addChars(animData.chars);
+    this.globalData.fontManager.addFonts(animData.fonts,svg);
+    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 = document.createElement('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 CVBaseElement(data, comp,globalData){
+    this.globalData = globalData;
+    this.data = data;
+    this.comp = comp;
+    this.canvasContext = globalData.canvasContext;
+    this.init();
+}
+
+createElement(BaseElement, CVBaseElement);
+
+CVBaseElement.prototype.createElements = function(){
+    this.checkParenting();
+};
+
+CVBaseElement.prototype.checkBlendMode = function(globalData){
+    if(globalData.blendMode !== this.data.bm) {
+        globalData.blendMode = this.data.bm;
+
+        var blendModeValue = '';
+        switch (this.data.bm) {
+            case 0:
+                blendModeValue = 'normal';
+                break;
+            case 1:
+                blendModeValue = 'multiply';
+                break;
+            case 2:
+                blendModeValue = 'screen';
+                break;
+            case 3:
+                blendModeValue = 'overlay';
+                break;
+            case 4:
+                blendModeValue = 'darken';
+                break;
+            case 5:
+                blendModeValue = 'lighten';
+                break;
+            case 6:
+                blendModeValue = 'color-dodge';
+                break;
+            case 7:
+                blendModeValue = 'color-burn';
+                break;
+            case 8:
+                blendModeValue = 'hard-light';
+                break;
+            case 9:
+                blendModeValue = 'soft-light';
+                break;
+            case 10:
+                blendModeValue = 'difference';
+                break;
+            case 11:
+                blendModeValue = 'exclusion';
+                break;
+            case 12:
+                blendModeValue = 'hue';
+                break;
+            case 13:
+                blendModeValue = 'saturation';
+                break;
+            case 14:
+                blendModeValue = 'color';
+                break;
+            case 15:
+                blendModeValue = 'luminosity';
+                break;
+        }
+        globalData.canvasContext.globalCompositeOperation = blendModeValue;
+    }
+};
+
+
+CVBaseElement.prototype.renderFrame = function(parentTransform){
+    if(this.data.ty === 3){
+        return false;
+    }
+        this.checkBlendMode(this.data.ty === 0?this.parentGlobalData:this.globalData);
+
+    if(!this.isVisible){
+        return this.isVisible;
+    }
+    this.finalTransform.opMdf = this.finalTransform.op.mdf;
+    this.finalTransform.matMdf = this.finalTransform.mProp.mdf;
+    this.finalTransform.opacity = this.finalTransform.op.v;
+
+    var mat;
+    var finalMat = this.finalTransform.mat;
+
+    if(this.hierarchy){
+        var i, len = this.hierarchy.length;
+        mat = this.finalTransform.mProp.v.props;
+        finalMat.cloneFromProps(mat);
+        for(i=0;i<len;i+=1){
+            this.finalTransform.matMdf = this.hierarchy[i].finalTransform.mProp.mdf ? true : this.finalTransform.matMdf;
+            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]);
+        }
+    }else{
+        if(!parentTransform){
+            finalMat.cloneFromProps(this.finalTransform.mProp.v.props);
+        }else{
+            mat = this.finalTransform.mProp.v.props;
+            finalMat.cloneFromProps(mat);
+        }
+    }
+
+    if(parentTransform){
+        mat = parentTransform.mat.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]);
+        this.finalTransform.opacity *= parentTransform.opacity;
+        this.finalTransform.opMdf = parentTransform.opMdf ? true : this.finalTransform.opMdf;
+        this.finalTransform.matMdf = parentTransform.matMdf ? true : this.finalTransform.matMdf
+    }
+
+    if(this.data.hasMask){
+        this.globalData.renderer.save(true);
+        this.maskManager.renderFrame(this.data.ty === 0?null:finalMat);
+    }
+    if(this.data.hd){
+        this.isVisible = false;
+    }
+    return this.isVisible;
+
+};
+
+CVBaseElement.prototype.addMasks = function(data){
+    this.maskManager = new CVMaskElement(data,this,this.globalData);
+};
+
+
+CVBaseElement.prototype.destroy = function(){
+    this.canvasContext = null;
+    this.data = null;
+    this.globalData = null;
+    if(this.maskManager) {
+        this.maskManager.destroy();
+    }
+};
+
+CVBaseElement.prototype.mHelper = new Matrix();
+
+function CVCompElement(data, comp,globalData){
+    this._parent.constructor.call(this,data, comp,globalData);
+    var compGlobalData = {};
+    for(var s in globalData){
+        if(globalData.hasOwnProperty(s)){
+            compGlobalData[s] = globalData[s];
+        }
+    }
+    compGlobalData.renderer = this;
+    compGlobalData.compHeight = this.data.h;
+    compGlobalData.compWidth = this.data.w;
+    this.renderConfig = {
+        clearCanvas: true
+    };
+    this.contextData = {
+        saved : Array.apply(null,{length:15}),
+        savedOp: Array.apply(null,{length:15}),
+        cArrPos : 0,
+        cTr : new Matrix(),
+        cO : 1
+    };
+    this.completeLayers = false;
+    var i, len = 15;
+    for(i=0;i<len;i+=1){
+        this.contextData.saved[i] = Array.apply(null,{length:16});
+    }
+    this.transformMat = new Matrix();
+    this.parentGlobalData = this.globalData;
+    var cv = document.createElement('canvas');
+    //document.body.appendChild(cv);
+    compGlobalData.canvasContext = cv.getContext('2d');
+    this.canvasContext = compGlobalData.canvasContext;
+    cv.width = this.data.w;
+    cv.height = this.data.h;
+    this.canvas = cv;
+    this.globalData = compGlobalData;
+    this.layers = data.layers;
+    this.elements = Array.apply(null,{length:this.layers.length});
+    if(this.data.tm){
+        this.tm = PropertyFactory.getProp(this,this.data.tm,0,globalData.frameRate,this.dynamicProperties);
+    }
+    if(this.data.xt || !globalData.progressiveLoad){
+        this.buildAllItems();
+    }
+}
+createElement(CVBaseElement, CVCompElement);
+
+CVCompElement.prototype.ctxTransform = CanvasRenderer.prototype.ctxTransform;
+CVCompElement.prototype.ctxOpacity = CanvasRenderer.prototype.ctxOpacity;
+CVCompElement.prototype.save = CanvasRenderer.prototype.save;
+CVCompElement.prototype.restore = CanvasRenderer.prototype.restore;
+CVCompElement.prototype.reset =  function(){
+    this.contextData.cArrPos = 0;
+    this.contextData.cTr.reset();
+    this.contextData.cO = 1;
+};
+CVCompElement.prototype.resize = function(transformCanvas){
+    var maxScale = Math.max(transformCanvas.sx,transformCanvas.sy);
+    this.canvas.width = this.data.w*maxScale;
+    this.canvas.height = this.data.h*maxScale;
+    this.transformCanvas = {
+        sc:maxScale,
+        w:this.data.w*maxScale,
+        h:this.data.h*maxScale,
+        props:[maxScale,0,0,0,0,maxScale,0,0,0,0,1,0,0,0,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(transformCanvas);
+        }
+    }
+};
+
+CVCompElement.prototype.prepareFrame = function(num){
+    this.globalData.frameId = this.parentGlobalData.frameId;
+    this.globalData.mdf = false;
+    this._parent.prepareFrame.call(this,num);
+    if(this.isVisible===false && !this.data.xt){
+        return;
+    }
+    var timeRemapped = num;
+    if(this.tm){
+        timeRemapped = this.tm.v;
+        if(timeRemapped === this.data.op){
+            timeRemapped = this.data.op - 1;
+        }
+    }
+    this.renderedFrame = timeRemapped/this.data.sr;
+    var i,len = this.elements.length;
+
+    if(!this.completeLayers){
+        this.checkLayers(num);
+    }
+
+    for( i = 0; i < len; i+=1 ){
+        if(this.completeLayers || this.elements[i]){
+            this.elements[i].prepareFrame(timeRemapped/this.data.sr - this.layers[i].st);
+            if(this.elements[i].data.ty === 0 && this.elements[i].globalData.mdf){
+                this.globalData.mdf = true;
+            }
+        }
+    }
+    if(this.globalData.mdf && !this.data.xt){
+        this.canvasContext.clearRect(0, 0, this.data.w, this.data.h);
+        this.ctxTransform(this.transformCanvas.props);
+    }
+};
+
+CVCompElement.prototype.renderFrame = function(parentMatrix){
+    if(this._parent.renderFrame.call(this,parentMatrix)===false){
+        return;
+    }
+    if(this.globalData.mdf){
+        var i,len = this.layers.length;
+        for( i = len - 1; i >= 0; i -= 1 ){
+            if(this.completeLayers || this.elements[i]){
+                this.elements[i].renderFrame();
+            }
+        }
+    }
+    if(this.data.hasMask){
+        this.globalData.renderer.restore(true);
+    }
+    if(this.firstFrame){
+        this.firstFrame = false;
+    }
+    this.parentGlobalData.renderer.save();
+    this.parentGlobalData.renderer.ctxTransform(this.finalTransform.mat.props);
+    this.parentGlobalData.renderer.ctxOpacity(this.finalTransform.opacity);
+    this.parentGlobalData.renderer.canvasContext.drawImage(this.canvas,0,0,this.data.w,this.data.h);
+    this.parentGlobalData.renderer.restore();
+
+    if(this.globalData.mdf){
+        this.reset();
+    }
+};
+
+CVCompElement.prototype.setElements = function(elems){
+    this.elements = elems;
+};
+
+CVCompElement.prototype.getElements = function(){
+    return this.elements;
+};
+
+CVCompElement.prototype.destroy = function(){
+    var i,len = this.layers.length;
+    for( i = len - 1; i >= 0; i -= 1 ){
+        this.elements[i].destroy();
+    }
+    this.layers = null;
+    this.elements = null;
+    this._parent.destroy.call();
+};
+CVCompElement.prototype.checkLayers = CanvasRenderer.prototype.checkLayers;
+CVCompElement.prototype.buildItem = CanvasRenderer.prototype.buildItem;
+CVCompElement.prototype.buildAllItems = CanvasRenderer.prototype.buildAllItems;
+CVCompElement.prototype.createItem = CanvasRenderer.prototype.createItem;
+CVCompElement.prototype.createImage = CanvasRenderer.prototype.createImage;
+CVCompElement.prototype.createComp = CanvasRenderer.prototype.createComp;
+CVCompElement.prototype.createSolid = CanvasRenderer.prototype.createSolid;
+CVCompElement.prototype.createShape = CanvasRenderer.prototype.createShape;
+CVCompElement.prototype.createText = CanvasRenderer.prototype.createText;
+CVCompElement.prototype.createBase = CanvasRenderer.prototype.createBase;
+CVCompElement.prototype.buildElementParenting = CanvasRenderer.prototype.buildElementParenting;
+function CVImageElement(data, comp,globalData){
+    this.assetData = globalData.getAssetData(data.refId);
+    this._parent.constructor.call(this,data, comp,globalData);
+    this.globalData.addPendingElement();
+}
+createElement(CVBaseElement, CVImageElement);
+
+CVImageElement.prototype.createElements = function(){
+    var imageLoaded = function(){
+        this.globalData.elementLoaded();
+        if(this.assetData.w !== this.img.width || this.assetData.h !== this.img.height){
+            var canvas = document.createElement('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;
+            if(imgRel>canvasRel){
+                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;
+        }
+    }.bind(this);
+    var imageFailed = function(){
+        this.failed = true;
+        this.globalData.elementLoaded();
+    }.bind(this);
+
+    this.img = new Image();
+    this.img.addEventListener('load', imageLoaded, false);
+    this.img.addEventListener('error', imageFailed, false);
+    var assetPath = this.globalData.getAssetsPath(this.assetData);
+    this.img.src = assetPath;
+
+    this._parent.createElements.call(this);
+
+};
+
+CVImageElement.prototype.renderFrame = function(parentMatrix){
+    if(this.failed){
+        return;
+    }
+    if(this._parent.renderFrame.call(this,parentMatrix)===false){
+        return;
+    }
+    var ctx = this.canvasContext;
+    this.globalData.renderer.save();
+    var finalMat = this.finalTransform.mat.props;
+    this.globalData.renderer.ctxTransform(finalMat);
+    this.globalData.renderer.ctxOpacity(this.finalTransform.opacity);
+    ctx.drawImage(this.img,0,0);
+    this.globalData.renderer.restore(this.data.hasMask);
+    if(this.firstFrame){
+        this.firstFrame = false;
+    }
+};
+
+CVImageElement.prototype.destroy = function(){
+    this.img = null;
+    this._parent.destroy.call();
+};
+
+function CVMaskElement(data,element){
+    this.data = data;
+    this.element = element;
+    this.dynamicProperties = [];
+    this.masksProperties = this.data.masksProperties;
+    this.viewData = new Array(this.masksProperties.length);
+    var i, len = this.masksProperties.length;
+    for (i = 0; i < len; i++) {
+        this.viewData[i] = ShapePropertyFactory.getShapeProp(this.element,this.masksProperties[i],3,this.dynamicProperties,null);
+    }
+}
+
+CVMaskElement.prototype.getMaskProperty = function(pos){
+    return this.viewData[pos];
+};
+
+CVMaskElement.prototype.prepareFrame = function(num){
+    var i, len = this.dynamicProperties.length;
+    for(i=0;i<len;i+=1){
+        this.dynamicProperties[i].getValue(num);
+        if(this.dynamicProperties[i].mdf){
+            this.element.globalData.mdf = true;
+        }
+    }
+};
+
+CVMaskElement.prototype.renderFrame = function (transform) {
+    var ctx = this.element.canvasContext;
+    var i, len = this.data.masksProperties.length;
+    var pt,pt2,pt3,data, hasMasks = false;
+    for (i = 0; i < len; i++) {
+        if(this.masksProperties[i].mode === 'n'){
+            continue;
+        }
+        if(hasMasks === false){
+            ctx.beginPath();
+            hasMasks = true;
+        }
+        if (this.masksProperties[i].inv) {
+            ctx.moveTo(0, 0);
+            ctx.lineTo(this.element.globalData.compWidth, 0);
+            ctx.lineTo(this.element.globalData.compWidth, this.element.globalData.compHeight);
+            ctx.lineTo(0, this.element.globalData.compHeight);
+            ctx.lineTo(0, 0);
+        }
+        data = this.viewData[i].v;
+        pt = transform ? transform.applyToPointArray(data.v[0][0],data.v[0][1],0):data.v[0];
+        ctx.moveTo(pt[0], pt[1]);
+        var j, jLen = data.v.length;
+        for (j = 1; j < jLen; j++) {
+            pt = transform ? transform.applyToPointArray(data.o[j - 1][0],data.o[j - 1][1],0) : data.o[j - 1];
+            pt2 = transform ? transform.applyToPointArray(data.i[j][0],data.i[j][1],0) : data.i[j];
+            pt3 = transform ? transform.applyToPointArray(data.v[j][0],data.v[j][1],0) : data.v[j];
+            ctx.bezierCurveTo(pt[0], pt[1], pt2[0], pt2[1], pt3[0], pt3[1]);
+        }
+        pt = transform ? transform.applyToPointArray(data.o[j - 1][0],data.o[j - 1][1],0) : data.o[j - 1];
+        pt2 = transform ? transform.applyToPointArray(data.i[0][0],data.i[0][1],0) : data.i[0];
+        pt3 = transform ? transform.applyToPointArray(data.v[0][0],data.v[0][1],0) : data.v[0];
+        ctx.bezierCurveTo(pt[0], pt[1], pt2[0], pt2[1], pt3[0], pt3[1]);
+    }
+    if(hasMasks){
+        ctx.clip();
+    }
+};
+
+CVMaskElement.prototype.getMask = function(nm){
+    var i = 0, len = this.masksProperties.length;
+    while(i<len){
+        if(this.masksProperties[i].nm === nm){
+            return {
+                maskPath: this.viewData[i].pv
+            }
+        }
+        i += 1;
+    }
+};
+
+CVMaskElement.prototype.destroy = function(){
+    this.element = null;
+};
+function CVShapeElement(data, comp,globalData){
+    this.shapes = [];
+    this.stylesList = [];
+    this.viewData = [];
+    this.shapeModifiers = [];
+    this.shapesData = data.shapes;
+    this.firstFrame = true;
+    this._parent.constructor.call(this,data, comp,globalData);
+}
+createElement(CVBaseElement, CVShapeElement);
+
+CVShapeElement.prototype.lcEnum = {
+    '1': 'butt',
+    '2': 'round',
+    '3': 'butt'
+}
+
+CVShapeElement.prototype.ljEnum = {
+    '1': 'miter',
+    '2': 'round',
+    '3': 'butt'
+};
+CVShapeElement.prototype.transformHelper = {opacity:1,mat:new Matrix(),matMdf:false,opMdf:false};
+
+CVShapeElement.prototype.dashResetter = [];
+
+CVShapeElement.prototype.createElements = function(){
+
+    this._parent.createElements.call(this);
+    this.searchShapes(this.shapesData,this.viewData,this.dynamicProperties);
+};
+CVShapeElement.prototype.searchShapes = function(arr,data,dynamicProperties){
+    var i, len = arr.length - 1;
+    var j, jLen;
+    var ownArrays = [], ownModifiers = [], styleElem;
+    for(i=len;i>=0;i-=1){
+        if(arr[i].ty == 'fl' || arr[i].ty == 'st'){
+            styleElem = {
+                type: arr[i].ty,
+                elements: []
+            };
+            data[i] = {};
+            if(arr[i].ty == 'fl' || arr[i].ty == 'st'){
+                data[i].c = PropertyFactory.getProp(this,arr[i].c,1,255,dynamicProperties);
+                if(!data[i].c.k){
+                    styleElem.co = 'rgb('+bm_floor(data[i].c.v[0])+','+bm_floor(data[i].c.v[1])+','+bm_floor(data[i].c.v[2])+')';
+                }
+            }
+            data[i].o = PropertyFactory.getProp(this,arr[i].o,0,0.01,dynamicProperties);
+            if(arr[i].ty == 'st') {
+                styleElem.lc = this.lcEnum[arr[i].lc] || 'round';
+                styleElem.lj = this.ljEnum[arr[i].lj] || 'round';
+                if(arr[i].lj == 1) {
+                    styleElem.ml = arr[i].ml;
+                }
+                data[i].w = PropertyFactory.getProp(this,arr[i].w,0,null,dynamicProperties);
+                if(!data[i].w.k){
+                    styleElem.wi = data[i].w.v;
+                }
+                if(arr[i].d){
+                    var d = PropertyFactory.getDashProp(this,arr[i].d,'canvas',dynamicProperties);
+                    data[i].d = d;
+                    if(!data[i].d.k){
+                        styleElem.da = data[i].d.dasharray;
+                        styleElem.do = data[i].d.dashoffset;
+                    }
+                }
+
+            }
+            this.stylesList.push(styleElem);
+            data[i].style = styleElem;
+            ownArrays.push(data[i].style);
+        }else if(arr[i].ty == 'gr'){
+            data[i] = {
+                it: []
+            };
+            this.searchShapes(arr[i].it,data[i].it,dynamicProperties);
+        }else if(arr[i].ty == 'tr'){
+            data[i] = {
+                transform : {
+                    mat: new Matrix(),
+                    opacity: 1,
+                    matMdf:false,
+                    opMdf:false,
+                    op: PropertyFactory.getProp(this,arr[i].o,0,0.01,dynamicProperties),
+                    mProps: PropertyFactory.getProp(this,arr[i],2,null,dynamicProperties)
+                },
+                elements: []
+            };
+        }else if(arr[i].ty == 'sh' || arr[i].ty == 'rc' || arr[i].ty == 'el' || arr[i].ty == 'sr'){
+            data[i] = {
+                nodes:[],
+                trNodes:[],
+                tr:[0,0,0,0,0,0]
+            };
+            var ty = 4;
+            if(arr[i].ty == 'rc'){
+                ty = 5;
+            }else if(arr[i].ty == 'el'){
+                ty = 6;
+            }else if(arr[i].ty == 'sr'){
+                ty = 7;
+            }
+            data[i].sh = ShapePropertyFactory.getShapeProp(this,arr[i],ty,dynamicProperties);
+            this.shapes.push(data[i].sh);
+            this.addShapeToModifiers(data[i].sh);
+            jLen = this.stylesList.length;
+            var hasStrokes = false, hasFills = false;
+            for(j=0;j<jLen;j+=1){
+                if(!this.stylesList[j].closed){
+                    this.stylesList[j].elements.push(data[i]);
+                    if(this.stylesList[j].type === 'st'){
+                        hasStrokes = true;
+                    }else{
+                        hasFills = true;
+                    }
+                }
+            }
+            data[i].st = hasStrokes;
+            data[i].fl = hasFills;
+        }else if(arr[i].ty == 'tm' || arr[i].ty == 'rd'){
+            var modifier = ShapeModifiers.getModifier(arr[i].ty);
+            modifier.init(this,arr[i],dynamicProperties);
+            this.shapeModifiers.push(modifier);
+            ownModifiers.push(modifier);
+            data[i] = modifier;
+        }
+    }
+    len = ownArrays.length;
+    for(i=0;i<len;i+=1){
+        ownArrays[i].closed = true;
+    }
+    len = ownModifiers.length;
+    for(i=0;i<len;i+=1){
+        ownModifiers[i].closed = true;
+    }
+};
+
+CVShapeElement.prototype.addShapeToModifiers = IShapeElement.prototype.addShapeToModifiers;
+CVShapeElement.prototype.renderModifiers = IShapeElement.prototype.renderModifiers;
+
+CVShapeElement.prototype.renderFrame = function(parentMatrix){
+    if(this._parent.renderFrame.call(this, parentMatrix)===false){
+        return;
+    }
+    this.transformHelper.mat.reset();
+    this.transformHelper.opacity = this.finalTransform.opacity;
+    this.transformHelper.matMdf = false;
+    this.transformHelper.opMdf = this.finalTransform.opMdf;
+    this.renderModifiers();
+    this.renderShape(this.transformHelper,null,null,true);
+    if(this.data.hasMask){
+        this.globalData.renderer.restore(true);
+    }
+};
+
+CVShapeElement.prototype.renderShape = function(parentTransform,items,data,isMain){
+    var i, len;
+    if(!items){
+        items = this.shapesData;
+        len = this.stylesList.length;
+        for(i=0;i<len;i+=1){
+            this.stylesList[i].d = '';
+            this.stylesList[i].mdf = false;
+        }
+    }
+    if(!data){
+        data = this.viewData;
+    }
+    ///
+    ///
+    len = items.length - 1;
+    var groupTransform,groupMatrix;
+    groupTransform = parentTransform;
+    for(i=len;i>=0;i-=1){
+        if(items[i].ty == 'tr'){
+            groupTransform = data[i].transform;
+            var mtArr = data[i].transform.mProps.v.props;
+            groupTransform.matMdf = groupTransform.mProps.mdf;
+            groupTransform.opMdf = groupTransform.op.mdf;
+            groupMatrix = groupTransform.mat;
+            groupMatrix.cloneFromProps(mtArr);
+            if(parentTransform){
+                var props = parentTransform.mat.props;
+                groupTransform.opacity = parentTransform.opacity;
+                groupTransform.opacity *= data[i].transform.op.v;
+                groupTransform.matMdf = parentTransform.matMdf ? true : groupTransform.matMdf;
+                groupTransform.opMdf = parentTransform.opMdf ? true : groupTransform.opMdf;
+                groupMatrix.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]);
+            }else{
+                groupTransform.opacity = groupTransform.op.o;
+            }
+        }else if(items[i].ty == 'sh' || items[i].ty == 'el' || items[i].ty == 'rc' || items[i].ty == 'sr'){
+            this.renderPath(items[i],data[i],groupTransform);
+        }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 == 'gr'){
+            this.renderShape(groupTransform,items[i].it,data[i].it);
+        }else if(items[i].ty == 'tm'){
+            //
+        }
+    }
+    if(!isMain){
+        return;
+    }
+    len = this.stylesList.length;
+    var j, jLen, k, kLen,elems,nodes, renderer = this.globalData.renderer, ctx = this.globalData.canvasContext, type;
+    renderer.save();
+    renderer.ctxTransform(this.finalTransform.mat.props);
+    for(i=0;i<len;i+=1){
+        type = this.stylesList[i].type;
+        if(type === 'st' && this.stylesList[i].wi === 0){
+            continue;
+        }
+        renderer.save();
+        elems = this.stylesList[i].elements;
+        if(type === 'st'){
+            ctx.strokeStyle = this.stylesList[i].co;
+            ctx.lineWidth = this.stylesList[i].wi;
+            ctx.lineCap = this.stylesList[i].lc;
+            ctx.lineJoin = this.stylesList[i].lj;
+            ctx.miterLimit = this.stylesList[i].ml || 0;
+        }else{
+            ctx.fillStyle = this.stylesList[i].co;
+        }
+        renderer.ctxOpacity(this.stylesList[i].coOp);
+        if(type !== 'st'){
+            ctx.beginPath();
+        }
+        jLen = elems.length;
+        for(j=0;j<jLen;j+=1){
+            if(type === 'st'){
+                ctx.beginPath();
+                if(this.stylesList[i].da){
+                    ctx.setLineDash(this.stylesList[i].da);
+                    ctx.lineDashOffset = this.stylesList[i].do;
+                    this.globalData.isDashed = true;
+                }else if(this.globalData.isDashed){
+                    ctx.setLineDash(this.dashResetter);
+                    this.globalData.isDashed = false;
+                }
+            }
+            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].p1[0],nodes[k].p1[1],nodes[k].p2[0],nodes[k].p2[1],nodes[k].p3[0],nodes[k].p3[1]);
+                }else{
+                    ctx.closePath();
+                }
+            }
+            if(type === 'st'){
+                ctx.stroke();
+            }
+        }
+        if(type !== 'st'){
+            ctx.fill();
+        }
+        renderer.restore();
+    }
+    renderer.restore();
+    if(this.firstFrame){
+        this.firstFrame = false;
+    }
+};
+CVShapeElement.prototype.renderPath = function(pathData,viewData,groupTransform){
+    var len, i, j,jLen;
+    var redraw = groupTransform.matMdf || viewData.sh.mdf || this.firstFrame;
+    if(redraw) {
+        var paths = viewData.sh.paths;
+        jLen = paths.length;
+        var pathStringTransformed = viewData.trNodes;
+        pathStringTransformed.length = 0;
+        for(j=0;j<jLen;j+=1){
+            var pathNodes = paths[j];
+            if(pathNodes && pathNodes.v){
+                len = pathNodes.v.length;
+                for (i = 1; i < len; i += 1) {
+                    if (i == 1) {
+                        pathStringTransformed.push({
+                            t: 'm',
+                            p: groupTransform.mat.applyToPointArray(pathNodes.v[0][0], pathNodes.v[0][1], 0)
+                        });
+                    }
+                    pathStringTransformed.push({
+                        t: 'c',
+                        p1: groupTransform.mat.applyToPointArray(pathNodes.o[i - 1][0], pathNodes.o[i - 1][1], 0),
+                        p2: groupTransform.mat.applyToPointArray(pathNodes.i[i][0], pathNodes.i[i][1], 0),
+                        p3: groupTransform.mat.applyToPointArray(pathNodes.v[i][0], pathNodes.v[i][1], 0)
+                    });
+                }
+                if (len == 1) {
+                    pathStringTransformed.push({
+                        t: 'm',
+                        p: groupTransform.mat.applyToPointArray(pathNodes.v[0][0], pathNodes.v[0][1], 0)
+                    });
+                }
+                if (pathNodes.c) {
+                    pathStringTransformed.push({
+                        t: 'c',
+                        p1: groupTransform.mat.applyToPointArray(pathNodes.o[i - 1][0], pathNodes.o[i - 1][1], 0),
+                        p2: groupTransform.mat.applyToPointArray(pathNodes.i[0][0], pathNodes.i[0][1], 0),
+                        p3: groupTransform.mat.applyToPointArray(pathNodes.v[0][0], pathNodes.v[0][1], 0)
+                    });
+                    pathStringTransformed.push({
+                        t: 'z'
+                    });
+                }
+                viewData.lStr = pathStringTransformed;
+            }
+
+        }
+
+        if (viewData.st) {
+            for (i = 0; i < 16; i += 1) {
+                viewData.tr[i] = groupTransform.mat.props[i];
+            }
+        }
+        viewData.trNodes = pathStringTransformed;
+
+    }
+};
+
+
+
+CVShapeElement.prototype.renderFill = function(styleData,viewData, groupTransform){
+    var styleElem = viewData.style;
+
+    if(viewData.c.mdf || this.firstFrame){
+        styleElem.co = 'rgb('+bm_floor(viewData.c.v[0])+','+bm_floor(viewData.c.v[1])+','+bm_floor(viewData.c.v[2])+')';
+    }
+    if(viewData.o.mdf || groupTransform.opMdf || this.firstFrame){
+        styleElem.coOp = viewData.o.v*groupTransform.opacity;
+    }
+};
+
+CVShapeElement.prototype.renderStroke = function(styleData,viewData, groupTransform){
+    var styleElem = viewData.style;
+    //TODO fix dashes
+    var d = viewData.d;
+    var dasharray,dashoffset;
+    if(d && (d.mdf  || this.firstFrame)){
+        styleElem.da = d.dasharray;
+        styleElem.do = d.dashoffset;
+    }
+    if(viewData.c.mdf || this.firstFrame){
+        styleElem.co = 'rgb('+bm_floor(viewData.c.v[0])+','+bm_floor(viewData.c.v[1])+','+bm_floor(viewData.c.v[2])+')';
+    }
+    if(viewData.o.mdf || groupTransform.opMdf || this.firstFrame){
+        styleElem.coOp = viewData.o.v*groupTransform.opacity;
+    }
+    if(viewData.w.mdf || this.firstFrame){
+        styleElem.wi = viewData.w.v;
+    }
+};
+
+
+CVShapeElement.prototype.destroy = function(){
+    this.shapesData = null;
+    this.globalData = null;
+    this.canvasContext = null;
+    this.stylesList.length = 0;
+    this.viewData.length = 0;
+    this._parent.destroy.call();
+};
+
+
+function CVSolidElement(data, comp,globalData){
+    this._parent.constructor.call(this,data, comp,globalData);
+}
+createElement(CVBaseElement, CVSolidElement);
+
+CVSolidElement.prototype.renderFrame = function(parentMatrix){
+    if(this._parent.renderFrame.call(this, parentMatrix)===false){
+        return;
+    }
+    var ctx = this.canvasContext;
+    this.globalData.renderer.save();
+    this.globalData.renderer.ctxTransform(this.finalTransform.mat.props);
+    this.globalData.renderer.ctxOpacity(this.finalTransform.opacity);
+    ctx.fillStyle=this.data.sc;
+    ctx.fillRect(0,0,this.data.sw,this.data.sh);
+    this.globalData.renderer.restore(this.data.hasMask);
+    if(this.firstFrame){
+        this.firstFrame = false;
+    }
+};
+function CVTextElement(data, comp, globalData){
+    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._parent.constructor.call(this,data,comp, globalData);
+}
+createElement(CVBaseElement, CVTextElement);
+
+CVTextElement.prototype.init = ITextElement.prototype.init;
+CVTextElement.prototype.getMeasures = ITextElement.prototype.getMeasures;
+CVTextElement.prototype.getMult = ITextElement.prototype.getMult;
+
+CVTextElement.prototype.tHelper = document.createElement('canvas').getContext('2d');
+
+CVTextElement.prototype.createElements = function(){
+
+    this._parent.createElements.call(this);
+    //console.log('this.data: ',this.data);
+    var documentData = this.data.t.d;
+
+    var hasFill = false;
+    if(documentData.fc) {
+        hasFill = true;
+        this.values.fill = 'rgb(' + Math.round(documentData.fc[0]*255) + ',' + Math.round(documentData.fc[1]*255) + ',' + Math.round(documentData.fc[2]*255) + ')';
+    }else{
+        this.values.fill = 'rgba(0,0,0,0)';
+    }
+    this.fill = hasFill;
+    var hasStroke = false;
+    if(documentData.sc){
+        hasStroke = true;
+        this.values.stroke = 'rgb(' + Math.round(documentData.sc[0]*255) + ',' + Math.round(documentData.sc[1]*255) + ',' + Math.round(documentData.sc[2]*255) + ')';
+        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.s + 'px '+ this.globalData.fontManager.getFontByName(documentData.f).fFamily;
+    len = documentData.t.length;
+    this.tHelper.font = this.values.fValue;
+    var charData, shapeData, k, kLen, shapes, j, jLen, pathNodes, commands, pathArr, singleShape = this.data.singleShape;
+    if (singleShape) {
+        var xPos = 0, yPos = 0, lineWidths = documentData.lineWidths, boxWidth = documentData.boxWidth, firstLine = true;
+    }
+    for (i = 0;i < len ;i += 1) {
+        charData = this.globalData.fontManager.getCharData(documentData.t.charAt(i), fontData.fStyle, this.globalData.fontManager.getFontByName(documentData.f).fFamily);
+        var shapeData;
+        if(charData){
+            shapeData = charData.data;
+        } else {
+            shapeData = null;
+        }
+        matrixHelper.reset();
+        if(singleShape && letters[i].n) {
+            xPos = 0;
+            yPos += documentData.yOffset;
+            yPos += firstLine ? 1 : 0;
+            firstLine = false;
+        }
+
+        if(shapeData && shapeData.shapes){
+            shapes = shapeData.shapes[0].it;
+            jLen = shapes.length;
+            matrixHelper.scale(documentData.s/100,documentData.s/100);
+            if(singleShape){
+                if(documentData.ps){
+                    matrixHelper.translate(documentData.ps[0],documentData.ps[1] + documentData.ascent,0);
+                }
+                switch(documentData.j){
+                    case 1:
+                        matrixHelper.translate(documentData.justifyOffset + (boxWidth - lineWidths[letters[i].line]),0,0);
+                        break;
+                    case 2:
+                        matrixHelper.translate(documentData.justifyOffset + (boxWidth - lineWidths[letters[i].line])/2,0,0);
+                        break;
+                }
+                matrixHelper.translate(xPos,yPos,0);
+            }
+            commands = new Array(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;
+            }
+        }else{
+            commands = [];
+        }
+        if(singleShape){
+            xPos += letters[i].l;
+        }
+        this.textSpans.push({elem: commands});
+    }
+};
+
+CVTextElement.prototype.renderFrame = function(parentMatrix){
+    if(this._parent.renderFrame.call(this, parentMatrix)===false){
+        return;
+    }
+    var ctx = this.canvasContext;
+    var finalMat = this.finalTransform.mat.props;
+    this.globalData.renderer.save();
+    this.globalData.renderer.ctxTransform(finalMat);
+    this.globalData.renderer.ctxOpacity(this.finalTransform.opacity);
+    ctx.font = this.values.fValue;
+    ctx.lineCap = 'butt';
+    ctx.lineJoin = 'miter';
+    ctx.miterLimit = 4;
+
+    if(!this.data.singleShape){
+        this.getMeasures();
+    }
+
+    var  i,len, j, jLen, k, kLen;
+    var renderedLetters = this.renderedLetters;
+
+    var letters = this.data.t.d.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.props);
+            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();
+        }
+    }
+    /*if(this.data.hasMask){
+     this.globalData.renderer.restore(true);
+     }*/
+    this.globalData.renderer.restore(this.data.hasMask);
+    if(this.firstFrame){
+        this.firstFrame = false;
+    }
+};
+function HBaseElement(data,parentContainer,globalData,comp, placeholder){
+    this.globalData = globalData;
+    this.comp = comp;
+    this.data = data;
+    this.matteElement = null;
+    this.parentContainer = parentContainer;
+    this.layerId = placeholder ? placeholder.layerId : 'ly_'+randomString(10);
+    this.placeholder = placeholder;
+    this.init();
+};
+
+createElement(BaseElement, HBaseElement);
+HBaseElement.prototype.checkBlendMode = function(){
+
+};
+HBaseElement.prototype.setBlendMode = BaseElement.prototype.setBlendMode;
+
+/*HBaseElement.prototype.appendNodeToParent = function(node) {
+    if(this.data.hd){
+        return;
+    }
+    if(this.placeholder){
+        var g = this.placeholder.phElement;
+        g.parentNode.insertBefore(node, g);
+        //g.parentNode.removeChild(g);
+    }else{
+        this.parentContainer.appendChild(node);
+    }
+};*/
+
+
+HBaseElement.prototype.getBaseElement = function(){
+    return this.baseElement;
+};
+
+HBaseElement.prototype.createElements = function(){
+    if(this.data.hasMask){
+        this.layerElement = document.createElementNS(svgNS,'svg');
+        //this.appendNodeToParent(this.layerElement);
+        this.baseElement = this.layerElement;
+        this.maskedElement = this.layerElement;
+    }else{
+        this.layerElement = this.parentContainer;
+    }
+    if(this.data.ln && (this.data.ty === 4 || this.data.ty === 0)){
+        if(this.layerElement === this.parentContainer){
+            this.layerElement = document.createElementNS(svgNS,'g');
+            //this.appendNodeToParent(this.layerElement);
+            this.baseElement = this.layerElement;
+        }
+        this.layerElement.setAttribute('id',this.data.ln);
+    }
+    this.setBlendMode();
+    if(this.layerElement !== this.parentContainer){
+        this.placeholder = null;
+    }
+    this.checkParenting();
+};
+
+HBaseElement.prototype.renderFrame = function(parentTransform){
+    if(this.data.ty === 3){
+        return false;
+    }
+
+    if(this.currentFrameNum === this.lastNum || !this.isVisible){
+        return this.isVisible;
+    }
+    this.lastNum = this.currentFrameNum;
+
+    if(this.data.hasMask){
+        this.maskManager.renderFrame();
+    }
+    this.finalTransform.opMdf = this.finalTransform.op.mdf;
+    this.finalTransform.matMdf = this.finalTransform.mProp.mdf;
+    this.finalTransform.opacity = this.finalTransform.op.v;
+    if(this.firstFrame){
+        this.finalTransform.opMdf = true;
+        this.finalTransform.matMdf = true;
+    }
+
+    var mat;
+    var finalMat = this.finalTransform.mat;
+
+    if(this.hierarchy){
+        var i, len = this.hierarchy.length;
+
+        mat = this.finalTransform.mProp.v.props;
+        finalMat.cloneFromProps(mat);
+        for(i=0;i<len;i+=1){
+            this.finalTransform.matMdf = this.hierarchy[i].finalTransform.mProp.mdf ? true : this.finalTransform.matMdf;
+            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]);
+        }
+    }else{
+        if(this.isVisible && this.finalTransform.matMdf){
+            if(!parentTransform){
+                finalMat.cloneFromProps(this.finalTransform.mProp.v.props);
+            }else{
+                mat = this.finalTransform.mProp.v.props;
+                finalMat.cloneFromProps(mat);
+            }
+        }
+    }
+
+    if(parentTransform){
+        mat = parentTransform.mat.props;
+        finalMat.cloneFromProps(mat);
+        this.finalTransform.opacity *= parentTransform.opacity;
+        this.finalTransform.opMdf = parentTransform.opMdf ? true : this.finalTransform.opMdf;
+        this.finalTransform.matMdf = parentTransform.matMdf ? true : this.finalTransform.matMdf
+    }
+
+    if(this.finalTransform.matMdf){
+        this.layerElement.style.transform = this.layerElement.style.webkitTransform = finalMat.toCSS();
+        this.finalMat = finalMat;
+    }
+    if(this.finalTransform.opMdf){
+        this.layerElement.style.opacity = this.finalTransform.opacity;
+    }
+    return this.isVisible;
+};
+
+HBaseElement.prototype.destroy = function(){
+    this.layerElement = null;
+    this.parentContainer = null;
+    if(this.matteElement) {
+        this.matteElement = null;
+    }
+    if(this.maskManager) {
+        this.maskManager.destroy();
+        this.maskManager = null;
+    }
+};
+
+HBaseElement.prototype.getDomElement = function(){
+    return this.layerElement;
+};
+HBaseElement.prototype.addMasks = function(data){
+    this.maskManager = new MaskElement(data,this,this.globalData);
+};
+
+HBaseElement.prototype.hide = function(){
+
+};
+
+HBaseElement.prototype.setMatte = function(){
+
+}
+
+HBaseElement.prototype.buildElementParenting = HybridRenderer.prototype.buildElementParenting;
+function HSolidElement(data,parentContainer,globalData,comp, placeholder){
+    this._parent.constructor.call(this,data,parentContainer,globalData,comp, placeholder);
+}
+createElement(HBaseElement, HSolidElement);
+
+HSolidElement.prototype.createElements = function(){
+    var parent = document.createElement('div');
+    styleDiv(parent);
+    var cont = document.createElementNS(svgNS,'svg');
+    cont.setAttribute('width',this.data.sw);
+    cont.setAttribute('height',this.data.sh);
+    parent.appendChild(cont);
+    this.layerElement = parent;
+    //this.appendNodeToParent(parent);
+    this.baseElement = parent;
+    this.innerElem = parent;
+    if(this.data.ln){
+        this.innerElem.setAttribute('id',this.data.ln);
+    }
+    if(this.data.bm !== 0){
+        this.setBlendMode();
+    }
+    var rect = document.createElementNS(svgNS,'rect');
+    rect.setAttribute('width',this.data.sw);
+    rect.setAttribute('height',this.data.sh);
+    rect.setAttribute('fill',this.data.sc);
+    cont.appendChild(rect);
+    if(this.data.hasMask){
+        this.maskedElement = rect;
+    }
+    this.checkParenting();
+};
+
+
+
+HSolidElement.prototype.hide = IImageElement.prototype.hide;
+HSolidElement.prototype.renderFrame = IImageElement.prototype.renderFrame;
+HSolidElement.prototype.destroy = IImageElement.prototype.destroy;
+function HCompElement(data,parentContainer,globalData,comp, placeholder){
+    this._parent.constructor.call(this,data,parentContainer,globalData,comp, placeholder);
+    this.layers = data.layers;
+    this.supports3d = true;
+    this.completeLayers = false;
+    this.elements = Array.apply(null,{length:this.layers.length});
+    if(this.data.tm){
+        this.tm = PropertyFactory.getProp(this,this.data.tm,0,globalData.frameRate,this.dynamicProperties);
+    }
+    if(this.data.hasMask) {
+        this.supports3d = false;
+    }
+    if(this.data.xt){
+        this.layerElement = document.createElement('div');
+    }
+    this.buildAllItems();
+
+}
+createElement(HBaseElement, HCompElement);
+
+HCompElement.prototype.createElements = function(){
+    var divElement = document.createElement('div');
+    styleDiv(divElement);
+    if(this.data.ln){
+        divElement.setAttribute('id',this.data.ln);
+    }
+    divElement.style.clip = 'rect(0px, '+this.data.w+'px, '+this.data.h+'px, 0px)';
+    if(this.data.hasMask){
+        var compSvg = document.createElementNS(svgNS,'svg');
+        compSvg.setAttribute('width',this.data.w);
+        compSvg.setAttribute('height',this.data.h);
+        var g = document.createElementNS(svgNS,'g');
+        compSvg.appendChild(g);
+        divElement.appendChild(compSvg);
+        this.maskedElement = g;
+        this.baseElement = divElement;
+        this.layerElement = g;
+    }else{
+        this.layerElement = divElement;
+        this.baseElement = this.layerElement;
+    }
+    //this.appendNodeToParent(this.layerElement);
+    this.checkParenting();
+};
+
+HCompElement.prototype.hide = ICompElement.prototype.hide;
+HCompElement.prototype.prepareFrame = ICompElement.prototype.prepareFrame;
+HCompElement.prototype.setElements = ICompElement.prototype.setElements;
+HCompElement.prototype.getElements = ICompElement.prototype.getElements;
+HCompElement.prototype.destroy = ICompElement.prototype.destroy;
+
+HCompElement.prototype.renderFrame = function(parentMatrix){
+    var renderParent = this._parent.renderFrame.call(this,parentMatrix);
+    var i,len = this.layers.length;
+    if(renderParent===false){
+        this.hide();
+        return;
+    }
+
+    this.hidden = false;
+
+    for( i = 0; i < len; i+=1 ){
+        if(this.completeLayers || this.elements[i]){
+            this.elements[i].renderFrame();
+        }
+    }
+    if(this.firstFrame){
+        this.firstFrame = false;
+    }
+};
+
+HCompElement.prototype.checkLayers = BaseRenderer.prototype.checkLayers;
+HCompElement.prototype.buildItem = HybridRenderer.prototype.buildItem;
+HCompElement.prototype.buildAllItems = BaseRenderer.prototype.buildAllItems;
+HCompElement.prototype.createItem = HybridRenderer.prototype.createItem;
+HCompElement.prototype.buildElementParenting = HybridRenderer.prototype.buildElementParenting;
+HCompElement.prototype.createImage = HybridRenderer.prototype.createImage;
+HCompElement.prototype.createComp = HybridRenderer.prototype.createComp;
+HCompElement.prototype.createSolid = HybridRenderer.prototype.createSolid;
+HCompElement.prototype.createShape = HybridRenderer.prototype.createShape;
+HCompElement.prototype.createText = HybridRenderer.prototype.createText;
+HCompElement.prototype.createBase = HybridRenderer.prototype.createBase;
+HCompElement.prototype.appendElementInPos = HybridRenderer.prototype.appendElementInPos;
+function HShapeElement(data,parentContainer,globalData,comp, placeholder){
+    this.shapes = [];
+    this.shapeModifiers = [];
+    this.shapesData = data.shapes;
+    this.stylesList = [];
+    this.viewData = [];
+    this._parent.constructor.call(this,data,parentContainer,globalData,comp, placeholder);
+    this.addedTransforms = {
+        mdf: false,
+        mats: [this.finalTransform.mat]
+    };
+    this.currentBBox = {
+        x:999999,
+        y: -999999,
+        h: 0,
+        w: 0
+    };
+}
+createElement(HBaseElement, HShapeElement);
+var parent = HShapeElement.prototype._parent;
+extendPrototype(IShapeElement, HShapeElement);
+HShapeElement.prototype._parent = parent;
+
+HShapeElement.prototype.createElements = function(){
+    var parent = document.createElement('div');
+    styleDiv(parent);
+    var cont = document.createElementNS(svgNS,'svg');
+    var size = this.comp.data ? this.comp.data : this.globalData.compSize;
+    cont.setAttribute('width',size.w);
+    cont.setAttribute('height',size.h);
+    if(this.data.hasMask){
+        var g = document.createElementNS(svgNS,'g');
+        parent.appendChild(cont);
+        cont.appendChild(g);
+        this.maskedElement = g;
+        this.layerElement = g;
+        this.shapesContainer = g;
+    }else{
+        parent.appendChild(cont);
+        this.layerElement = cont;
+        this.shapesContainer = document.createElementNS(svgNS,'g');
+        this.layerElement.appendChild(this.shapesContainer);
+    }
+    if(!this.data.hd){
+        //this.parentContainer.appendChild(parent);
+        this.baseElement = parent;
+    }
+    this.innerElem = parent;
+    if(this.data.ln){
+        this.innerElem.setAttribute('id',this.data.ln);
+    }
+    this.searchShapes(this.shapesData,this.viewData,this.layerElement,this.dynamicProperties,0);
+    this.buildExpressionInterface();
+    this.layerElement = parent;
+    this.shapeCont = cont;
+    if(this.data.bm !== 0){
+        this.setBlendMode();
+    }
+    this.checkParenting();
+};
+
+HShapeElement.prototype.renderFrame = function(parentMatrix){
+    var renderParent = this._parent.renderFrame.call(this,parentMatrix);
+    if(renderParent===false){
+        this.hide();
+        return;
+    }
+
+    this.hidden = false;
+    this.renderModifiers();
+    this.addedTransforms.mdf = this.finalTransform.matMdf;
+    this.addedTransforms.mats.length = 1;
+    this.addedTransforms.mats[0] = this.finalTransform.mat;
+    this.renderShape(null,null,true, null);
+
+    if(this.isVisible && (this.elemMdf || this.firstFrame)){
+        var boundingBox = this.shapeCont.getBBox();
+        if(this.currentBBox.w !== boundingBox.width){
+            this.currentBBox.w = boundingBox.width;
+            this.shapeCont.setAttribute('width',boundingBox.width);
+        }
+        if(this.currentBBox.h !== boundingBox.height){
+            this.currentBBox.h = boundingBox.height;
+            this.shapeCont.setAttribute('height',boundingBox.height);
+        }
+        if(this.currentBBox.w !== boundingBox.width || this.currentBBox.h !== boundingBox.height  || this.currentBBox.x !== boundingBox.x  || this.currentBBox.y !== boundingBox.y){
+            this.currentBBox.w = boundingBox.width;
+            this.currentBBox.h = boundingBox.height;
+            this.currentBBox.x = boundingBox.x;
+            this.currentBBox.y = boundingBox.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,parentContainer,globalData,comp, placeholder){
+    this.textSpans = [];
+    this.textPaths = [];
+    this.currentBBox = {
+        x:999999,
+        y: -999999,
+        h: 0,
+        w: 0
+    }
+    this.renderType = 'svg';
+    this.isMasked = false;
+    this._parent.constructor.call(this,data,parentContainer,globalData,comp, placeholder);
+
+}
+createElement(HBaseElement, HTextElement);
+
+HTextElement.prototype.init = ITextElement.prototype.init;
+HTextElement.prototype.getMeasures = ITextElement.prototype.getMeasures;
+HTextElement.prototype.createPathShape = ITextElement.prototype.createPathShape;
+
+HTextElement.prototype.createElements = function(){
+    this.isMasked = this.checkMasks();
+    var documentData = this.data.t.d;
+    var parent = document.createElement('div');
+    styleDiv(parent);
+    this.layerElement = parent;
+    if(this.isMasked){
+        this.renderType = 'svg';
+        var cont = document.createElementNS(svgNS,'svg');
+        this.cont = cont;
+        this.compW = this.comp.data ? this.comp.data.w : this.globalData.compSize.w;
+        this.compH = this.comp.data ? this.comp.data.h : this.globalData.compSize.h;
+        cont.setAttribute('width',this.compW);
+        cont.setAttribute('height',this.compH);
+        var g = document.createElementNS(svgNS,'g');
+        cont.appendChild(g);
+        parent.appendChild(cont);
+        this.maskedElement = g;
+        this.innerElem = g;
+    } else {
+        this.renderType = 'html';
+        this.innerElem = parent;
+    }
+    this.baseElement = parent;
+
+    if(documentData.fc) {
+        this.innerElem.style.color = this.innerElem.style.fill = 'rgb(' + Math.round(documentData.fc[0]*255) + ',' + Math.round(documentData.fc[1]*255) + ',' + Math.round(documentData.fc[2]*255) + ')';
+        ////this.innerElem.setAttribute('fill', 'rgb(' + documentData.fc[0] + ',' + documentData.fc[1] + ',' + documentData.fc[2] + ')');
+    }else{
+        this.innerElem.style.color = this.innerElem.style.fill = 'rgba(0,0,0,0)';
+        ////this.innerElem.setAttribute('fill', 'rgba(0,0,0,0)');
+    }
+    if(documentData.sc){
+        ////this.innerElem.setAttribute('stroke', 'rgb(' + documentData.sc[0] + ',' + documentData.sc[1] + ',' + documentData.sc[2] + ')');
+        this.innerElem.style.stroke = 'rgb(' + Math.round(documentData.sc[0]*255) + ',' + Math.round(documentData.sc[1]*255) + ',' + Math.round(documentData.sc[2]*255) + ')';
+        ////this.innerElem.setAttribute('stroke-width', documentData.sw);
+        this.innerElem.style.strokeWidth = documentData.sw+'px';
+    }
+    ////this.innerElem.setAttribute('font-size', documentData.s);
+    var fontData = this.globalData.fontManager.getFontByName(documentData.f);
+    if(!this.globalData.fontManager.chars){
+        this.innerElem.style.fontSize = documentData.s+'px';
+        this.innerElem.style.lineHeight = documentData.s+'px';
+        if(fontData.fClass){
+            this.innerElem.className = fontData.fClass;
+        } else {
+            ////this.innerElem.setAttribute('font-family', fontData.fFamily);
+            this.innerElem.style.fontFamily = fontData.fFamily;
+            var fWeight = documentData.fWeight, fStyle = documentData.fStyle;
+            ////this.innerElem.setAttribute('font-style', fStyle);
+            this.innerElem.style.fontStyle = fStyle;
+            ////this.innerElem.setAttribute('font-weight', fWeight);
+            this.innerElem.style.fontWeight = fWeight;
+        }
+    }
+    var i, len;
+
+
+
+    var letters = documentData.l;
+    len = letters.length;
+    var tSpan,tParent,tCont;
+    var matrixHelper = this.mHelper;
+    var shapes, shapeStr = '';
+    for (i = 0;i < len ;i += 1) {
+        if(this.globalData.fontManager.chars){
+            tSpan = document.createElementNS(svgNS,'path');
+            if(!this.isMasked){
+                tParent = document.createElement('div');
+                tCont = document.createElementNS(svgNS,'svg');
+                tCont.appendChild(tSpan);
+                styleDiv(tParent);
+            }
+            tSpan.setAttribute('stroke-linecap', 'butt');
+            tSpan.setAttribute('stroke-linejoin','round');
+            tSpan.setAttribute('stroke-miterlimit','4');
+        }else{
+            if(!this.isMasked){
+                tParent = document.createElement('span');
+                styleDiv(tParent);
+                tSpan = document.createElement('span');
+                styleDiv(tSpan);
+                tParent.appendChild(tSpan);
+            } else {
+                tSpan = document.createElementNS(svgNS,'text');
+            }
+        }
+        //tSpan.setAttribute('visibility', 'hidden');
+        if(this.globalData.fontManager.chars){
+            var charData = this.globalData.fontManager.getCharData(documentData.t.charAt(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.s/100,documentData.s/100);
+                shapeStr = this.createPathShape(matrixHelper,shapes);
+                tSpan.setAttribute('d',shapeStr);
+            }
+            if(!this.isMasked){
+                this.innerElem.appendChild(tParent);
+                if(shapeData && shapeData.shapes){
+                    document.body.appendChild(tCont);
+
+                    var boundingBox = tCont.getBBox();
+                    tCont.setAttribute('width',boundingBox.width);
+                    tCont.setAttribute('height',boundingBox.height);
+                    tCont.setAttribute('viewBox',boundingBox.x+' '+ boundingBox.y+' '+ boundingBox.width+' '+ boundingBox.height);
+                    tCont.style.transform = tCont.style.webkitTransform = 'translate(' + boundingBox.x + 'px,' + boundingBox.y + 'px)';
+
+                    letters[i].yOffset = boundingBox.y;
+                    tParent.appendChild(tCont);
+
+
+                    /*var rBound = Math.ceil(shapeData.bounds.r*scale);
+                    var tBound = Math.floor(shapeData.bounds.t*scale);
+                    var lBound = Math.floor(shapeData.bounds.l*scale);
+                    var bBound = Math.ceil(shapeData.bounds.b*scale);
+                    tCont.setAttribute('width',rBound - lBound);
+                    tCont.setAttribute('height',bBound - tBound);
+                    tCont.setAttribute('viewBox',lBound+' '+tBound+' '+(rBound - lBound)+' '+(bBound - tBound));
+                    tCont.style.transform = tCont.style.webkitTransform = 'translate('+lBound+'px,'+ tBound+'px)';
+                    letters[i].yOffset = tBound;*/
+                } else{
+                    tCont.setAttribute('width',1);
+                    tCont.setAttribute('height',1);
+                }
+            }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.s/1.2+'px,0)';
+            } else {
+                this.innerElem.appendChild(tSpan);
+            }
+        }
+        //
+        if(!this.isMasked){
+            this.textSpans.push(tParent);
+        }else{
+            this.textSpans.push(tSpan);
+        }
+        this.textPaths.push(tSpan);
+    }
+};
+
+HTextElement.prototype.hide = SVGTextElement.prototype.hide;
+
+HTextElement.prototype.renderFrame = function(parentMatrix){
+
+    var renderParent = this._parent.renderFrame.call(this,parentMatrix);
+    if(renderParent===false){
+        this.hide();
+        return;
+    }
+    if(this.hidden){
+        this.hidden = false;
+        this.innerElem.style.display = 'block';
+    }
+
+    if(this.data.singleShape){
+        if(!this.firstFrame){
+            return;
+        } else {
+            // Todo Benchmark if using this is better than getBBox
+             if(this.isMasked && this.finalTransform.matMdf){
+                 this.cont.setAttribute('viewBox',-this.finalTransform.mProp.p.v[0]+' '+ -this.finalTransform.mProp.p.v[1]+' '+this.compW+' '+this.compH);
+                this.cont.style.transform = this.cont.style.webkitTransform = 'translate(' + -this.finalTransform.mProp.p.v[0] + 'px,' + -this.finalTransform.mProp.p.v[1] + 'px)';
+             }
+        }
+    }
+
+    this.getMeasures();
+    if(!this.lettersChangedFlag){
+        return;
+    }
+    var  i,len;
+    var renderedLetters = this.renderedLetters;
+
+    var letters = this.data.t.d.l;
+
+    len = letters.length;
+    var renderedLetter;
+    for(i=0;i<len;i+=1){
+        if(letters[i].n){
+            continue;
+        }
+        renderedLetter = renderedLetters[i];
+        if(!this.isMasked){
+            this.textSpans[i].style.transform = this.textSpans[i].style.webkitTransform = renderedLetter.m;
+        }else{
+            this.textSpans[i].setAttribute('transform',renderedLetter.m);
+        }
+        ////this.textSpans[i].setAttribute('opacity',renderedLetter.o);
+        this.textSpans[i].style.opacity = renderedLetter.o;
+        if(renderedLetter.sw){
+            this.textPaths[i].setAttribute('stroke-width',renderedLetter.sw);
+        }
+        if(renderedLetter.sc){
+            this.textPaths[i].setAttribute('stroke',renderedLetter.sc);
+        }
+        if(renderedLetter.fc){
+            this.textPaths[i].setAttribute('fill',renderedLetter.fc);
+            this.textPaths[i].style.color = renderedLetter.fc;
+        }
+    }
+    if(this.isVisible && (this.elemMdf || this.firstFrame)){
+        if(this.innerElem.getBBox){
+            var boundingBox = this.innerElem.getBBox();
+
+            if(this.currentBBox.w !== boundingBox.width){
+                this.currentBBox.w = boundingBox.width;
+                this.cont.setAttribute('width',boundingBox.width);
+            }
+            if(this.currentBBox.h !== boundingBox.height){
+                this.currentBBox.h = boundingBox.height;
+                this.cont.setAttribute('height',boundingBox.height);
+            }
+            if(this.currentBBox.w !== boundingBox.width || this.currentBBox.h !== boundingBox.height  || this.currentBBox.x !== boundingBox.x  || this.currentBBox.y !== boundingBox.y){
+                this.currentBBox.w = boundingBox.width;
+                this.currentBBox.h = boundingBox.height;
+                this.currentBBox.x = boundingBox.x;
+                this.currentBBox.y = boundingBox.y;
+
+                this.cont.setAttribute('viewBox',this.currentBBox.x+' '+this.currentBBox.y+' '+this.currentBBox.w+' '+this.currentBBox.h);
+                this.cont.style.transform = this.cont.style.webkitTransform = 'translate(' + this.currentBBox.x + 'px,' + this.currentBBox.y + 'px)';
+            }
+        }
+    }
+    if(this.firstFrame){
+        this.firstFrame = false;
+    }
+}
+
+
+HTextElement.prototype.destroy = SVGTextElement.prototype.destroy;
+function HImageElement(data,parentContainer,globalData,comp, placeholder){
+    this.assetData = globalData.getAssetData(data.refId);
+    this._parent.constructor.call(this,data,parentContainer,globalData,comp, placeholder);
+}
+createElement(HBaseElement, HImageElement);
+
+HImageElement.prototype.createElements = function(){
+
+    var assetPath = this.globalData.getAssetsPath(this.assetData);
+    var img = new Image();
+
+    if(this.data.hasMask){
+        var parent = document.createElement('div');
+        styleDiv(parent);
+        var cont = document.createElementNS(svgNS,'svg');
+        cont.setAttribute('width',this.assetData.w);
+        cont.setAttribute('height',this.assetData.h);
+        parent.appendChild(cont);
+        this.imageElem = document.createElementNS(svgNS,'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);
+        cont.appendChild(this.imageElem);
+        this.layerElement = parent;
+        this.baseElement = parent;
+        this.innerElem = parent;
+        this.maskedElement = this.imageElem;
+    } else {
+        styleDiv(img);
+        this.layerElement = img;
+        this.baseElement = img;
+        this.innerElem = img;
+    }
+    img.src = assetPath;
+    if(this.data.ln){
+        this.innerElem.setAttribute('id',this.data.ln);
+    }
+    this.checkParenting();
+};
+
+HImageElement.prototype.hide = HSolidElement.prototype.hide;
+HImageElement.prototype.renderFrame = HSolidElement.prototype.renderFrame;
+HImageElement.prototype.destroy = HSolidElement.prototype.destroy;
+function HCameraElement(data,parentContainer,globalData,comp, placeholder){
+    this._parent.constructor.call(this,data,parentContainer,globalData,comp, placeholder);
+    this.pe = PropertyFactory.getProp(this,data.pe,0,0,this.dynamicProperties);
+    if(data.ks.p.s){
+        this.px = PropertyFactory.getProp(this,data.ks.p.x,1,0,this.dynamicProperties);
+        this.py = PropertyFactory.getProp(this,data.ks.p.y,1,0,this.dynamicProperties);
+        this.pz = PropertyFactory.getProp(this,data.ks.p.z,1,0,this.dynamicProperties);
+    }else{
+        this.p = PropertyFactory.getProp(this,data.ks.p,1,0,this.dynamicProperties);
+    }
+    if(data.ks.a){
+        this.a = PropertyFactory.getProp(this,data.ks.a,1,0,this.dynamicProperties);
+    }
+    if(data.ks.or.k.length){
+        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 = PropertyFactory.getProp(this,data.ks.or,1,degToRads,this.dynamicProperties);
+    this.or.sh = true;
+    this.rx = PropertyFactory.getProp(this,data.ks.rx,0,degToRads,this.dynamicProperties);
+    this.ry = PropertyFactory.getProp(this,data.ks.ry,0,degToRads,this.dynamicProperties);
+    this.rz = PropertyFactory.getProp(this,data.ks.rz,0,degToRads,this.dynamicProperties);
+    this.mat = new Matrix();
+}
+createElement(HBaseElement, 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];
+        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.firstFrame;
+    var i, len;
+    if(this.hierarchy){
+        len = this.hierarchy.length;
+        for(i=0;i<len;i+=1){
+            mdf = this.hierarchy[i].finalTransform.mProp.mdf ? true : mdf;
+        }
+    }
+    if(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.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);
+        if(this.hierarchy){
+            var mat;
+            len = this.hierarchy.length;
+            for(i=0;i<len;i+=1){
+                mat = this.hierarchy[i].finalTransform.mProp.iv.props;
+                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]);
+            }
+        }
+        len = this.comp.threeDElements.length;
+        var comp;
+        for(i=0;i<len;i+=1){
+            comp = this.comp.threeDElements[i];
+            comp.container.style.transform = comp.container.style.webkitTransform = this.mat.toCSS();
+        }
+    }
+    this.firstFrame = false;
+};
+
+HCameraElement.prototype.destroy = function(){
+};
+var Expressions = (function(){
+    var ob = {};
+    ob.initExpressions = initExpressions;
+
+
+    function initExpressions(animation){
+        animation.renderer.compInterface = CompExpressionInterface(animation.renderer);
+        animation.renderer.globalData.projectInterface.registerComposition(animation.renderer);
+    }
+   return ob;
+}());
+
+expressionsPlugin = Expressions;
+
+(function addPropertyDecorator(){
+
+    function getStaticValueAtTime(){
+        return this.pv;
+    }
+
+    function getValueAtTime(frameNum, offsetTime) {
+        var i = 0,len = this.keyframes.length- 1,dir= 1,flag = true;
+        var keyData, nextKeyData;
+        offsetTime = offsetTime === undefined ? this.offsetTime : 0;
+        //console.log(this.offsetTime);
+        var retVal = typeof this.pv === 'object' ? [this.pv.length] : 0;
+
+        while(flag){
+            keyData = this.keyframes[i];
+            nextKeyData = this.keyframes[i+1];
+            if(i == len-1 && frameNum >= nextKeyData.t - offsetTime){
+                if(keyData.h){
+                    keyData = nextKeyData;
+                }
+                break;
+            }
+            if((nextKeyData.t - offsetTime) > frameNum){
+                break;
+            }
+            if(i < len - 1){
+                i += dir;
+            }else{
+                flag = false;
+            }
+        }
+
+        var k, kLen,perc,jLen, j = 0, fnc;
+        if(keyData.to){
+
+            if(!keyData.bezierData){
+                bez.buildBezierData(keyData);
+            }
+            var bezierData = keyData.bezierData;
+            if(frameNum >= nextKeyData.t-offsetTime || frameNum < keyData.t-offsetTime){
+                var ind = frameNum >= nextKeyData.t-offsetTime ? bezierData.points.length - 1 : 0;
+                kLen = bezierData.points[ind].point.length;
+                for(k = 0; k < kLen; k += 1){
+                    retVal[k] = bezierData.points[ind].point[k];
+                }
+            }else{
+                if(keyData.__fnct){
+                    fnc = keyData.__fnct;
+                }else{
+                    //fnc = bez.getEasingCurve(keyData.o.x,keyData.o.y,keyData.i.x,keyData.i.y,keyData.n);
+                    fnc = BezierFactory.getBezierEasing(keyData.o.x,keyData.o.y,keyData.i.x,keyData.i.y,keyData.n).get;
+                    keyData.__fnct = fnc;
+                }
+                perc = fnc((frameNum-(keyData.t-offsetTime))/((nextKeyData.t-offsetTime)-(keyData.t-offsetTime)));
+                var distanceInLine = bezierData.segmentLength*perc;
+
+                var segmentPerc;
+                var addedLength = 0;
+                dir = 1;
+                flag = true;
+                jLen = bezierData.points.length;
+                while(flag){
+                    addedLength +=bezierData.points[j].partialLength*dir;
+                    if(distanceInLine === 0 || perc === 0 || j == bezierData.points.length - 1){
+                        kLen = bezierData.points[j].point.length;
+                        for(k=0;k<kLen;k+=1){
+                            retVal[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){
+                            retVal[k] = bezierData.points[j].point[k] + (bezierData.points[j+1].point[k] - bezierData.points[j].point[k])*segmentPerc;
+                        }
+                        break;
+                    }
+                    if(j < jLen - 1 && dir == 1 || j > 0 && dir == -1){
+                        j += dir;
+                    }else{
+                        flag = false;
+                    }
+                }
+            }
+        }else{
+            var outX,outY,inX,inY, isArray = false, keyValue;
+            len = keyData.s.length;
+            for(i=0;i<len;i+=1){
+                if(keyData.h !== 1){
+                    if(keyData.o.x instanceof Array){
+                        isArray = true;
+                        if(!keyData.__fnct){
+                            keyData.__fnct = [];
+                        }
+                        if(!keyData.__fnct[i]){
+                            outX = keyData.o.x[i] || keyData.o.x[0];
+                            outY = keyData.o.y[i] || keyData.o.y[0];
+                            inX = keyData.i.x[i] || keyData.i.x[0];
+                            inY = keyData.i.y[i] || keyData.i.y[0];
+                        }
+                    }else{
+                        isArray = false;
+                        if(!keyData.__fnct) {
+                            outX = keyData.o.x;
+                            outY = keyData.o.y;
+                            inX = keyData.i.x;
+                            inY = keyData.i.y;
+                        }
+                    }
+                    if(isArray){
+                        if(keyData.__fnct[i]){
+                            fnc = keyData.__fnct[i];
+                        }else{
+                            //fnc = bez.getEasingCurve(outX,outY,inX,inY);
+                            fnc = BezierFactory.getBezierEasing(outX,outY,inX,inY).get;
+                            keyData.__fnct[i] = fnc;
+                        }
+                    }else{
+                        if(keyData.__fnct){
+                            fnc = keyData.__fnct;
+                        }else{
+                            //fnc = bez.getEasingCurve(outX,outY,inX,inY);
+                            fnc = BezierFactory.getBezierEasing(outX,outY,inX,inY).get;
+                            keyData.__fnct = fnc;
+                        }
+                    }
+                    if(frameNum >= nextKeyData.t-offsetTime){
+                        perc = 1;
+                    }else if(frameNum < keyData.t-offsetTime){
+                        perc = 0;
+                    }else{
+                        perc = fnc((frameNum-(keyData.t-offsetTime))/((nextKeyData.t-offsetTime)-(keyData.t-offsetTime)));
+                    }
+                }
+                if(this.sh && keyData.h !== 1){
+                    var initP = keyData.s[i];
+                    var endP = keyData.e[i];
+                    if(initP-endP < -180){
+                        initP += 360;
+                    } else if(initP-endP > 180){
+                        initP -= 360;
+                    }
+                    keyValue = initP+(endP-initP)*perc;
+                } else {
+                    keyValue = keyData.h === 1 ? keyData.s[i] : keyData.s[i]+(keyData.e[i]-keyData.s[i])*perc;
+                }
+                if(len === 1){
+                    retVal = keyValue;
+                }else{
+                    retVal[i] = keyValue;
+                }
+            }
+        }
+        return retVal;
+    }
+
+    function getVelocityAtTime(frameNum) {
+        if(this.vel !== undefined){
+            return this.vel;
+        }
+        var delta = -0.01;
+        frameNum *= this.elem.globalData.frameRate;
+        //frameNum += this.elem.data.st;
+        var v1 = this.getValueAtTime(frameNum,0);
+        var v2 = this.getValueAtTime(frameNum + delta,0);
+        var velocity;
+        if(v1.length){
+            velocity = Array.apply(null,{length:v1.length});
+            var i;
+            for(i=0;i<v1.length;i+=1){
+                velocity[i] = this.elem.globalData.frameRate*((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;
+            if(prop.getValue) {
+                prop.getPreValue = prop.getValue;
+            }
+            prop.getValue = ExpressionManager.initiateExpression.bind(prop)(elem,data,prop);
+        }
+    }
+
+    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 = .01;
+            this.type = '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;
+            } else {
+                this.getValueAtTime = getStaticValueAtTime;
+            }
+            this.setGroupProperty = setGroupProperty;
+        }
+    }());
+
+
+    var propertyGetProp = PropertyFactory.getProp;
+    PropertyFactory.getProp = function(elem,data,type, mult, arr){
+        var prop = propertyGetProp(elem,data,type, mult, arr);
+        prop.getVelocityAtTime = getVelocityAtTime;
+        if(prop.kf){
+            prop.getValueAtTime = getValueAtTime;
+        } else {
+            prop.getValueAtTime = getStaticValueAtTime;
+        }
+        prop.setGroupProperty = setGroupProperty;
+        var isAdded = prop.k;
+        if(data.ix !== undefined){
+            Object.defineProperty(prop,'propertyIndex',{
+                get: function(){
+                    return data.ix;
+                }
+            })
+        }
+        searchExpressions(elem,data,prop);
+        if(!isAdded && prop.x){
+            arr.push(prop);
+        }
+
+        return prop;
+    }
+
+    var propertyGetShapeProp = ShapePropertyFactory.getShapeProp;
+    ShapePropertyFactory.getShapeProp = function(elem,data,type, arr, trims){
+        var prop = propertyGetShapeProp(elem,data,type, arr, trims);
+        var shapeProp = prop.ty === 'tm' ? prop.prop : prop;
+        shapeProp.setGroupProperty = setGroupProperty;
+        if(data.ix !== undefined){
+            Object.defineProperty(shapeProp,'propertyIndex',{
+                get: function(){
+                    return data.ix;
+                }
+            })
+        }
+        return prop;
+    }
+
+    var propertyGetTextProp = PropertyFactory.getTextSelectorProp;
+    PropertyFactory.getTextSelectorProp = function(elem, data,arr){
+        if(data.t === 1){
+            return new TextExpressionSelectorProp(elem, data,arr);
+        } else {
+            return propertyGetTextProp(elem,data,arr);
+        }
+    }
+}());
+var ExpressionManager = (function(){
+    var ob = {};
+    var Math = BMMath;
+
+    function duplicatePropertyValue(value, mult){
+        mult = mult || 1;
+
+        if(typeof value === 'number'){
+            return value*mult;
+        }else if(value.i){
+            return JSON.parse(JSON.stringify(value));
+        }else{
+            var arr = Array.apply(null,{length:value.length});
+            var i, len = value.length;
+            for(i=0;i<len;i+=1){
+                arr[i]=value[i]*mult;
+            }
+            return arr;
+        }
+    }
+
+    function $bm_neg(a){
+        var tOfA = typeof a;
+        if(tOfA === 'number' || tOfA === 'boolean'){
+            return -a;
+        }
+        if(tOfA === 'object'){
+            var i, lenA = a.length;
+            var retArr = [];
+            for(i=0;i<lenA;i+=1){
+                retArr[i] = -a[i];
+            }
+            return retArr;
+        }
+    }
+
+    function sum(a,b) {
+        var tOfA = typeof a;
+        var tOfB = typeof b;
+        if(tOfA === 'string' || tOfB === 'string'){
+            return a + b;
+        }
+        if((tOfA === 'number' || tOfA === 'boolean') && (tOfB === 'number' || tOfB === 'boolean')) {
+            return a + b;
+        }
+        if(tOfA === 'object' && (tOfB === 'number' || tOfB === 'boolean')){
+            a[0] = a[0] + b;
+            return a;
+        }
+        if((tOfA === 'number' || tOfA === 'boolean') && tOfB === 'object'){
+            b[0] = a + b[0];
+            return b;
+        }
+        if(tOfA === 'object' && tOfB === 'object'){
+            var i = 0, lenA = a.length, lenB = b.length;
+            var retArr = [];
+            while(i<lenA || i < lenB){
+                if(typeof a[i] === 'number' && typeof b[i] === '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 sub(a,b) {
+        var tOfA = typeof a;
+        var tOfB = typeof b;
+        if((tOfA === 'number' || tOfA === 'boolean') && (tOfB === 'number' || tOfB === 'boolean')) {
+            return a - b;
+        }
+        if(tOfA === 'object' && (tOfB === 'number' || tOfB === 'boolean')){
+            a[0] = a[0] - b;
+            return a;
+        }
+        if((tOfA === 'number' || tOfA === 'boolean') && tOfB === 'object'){
+            b[0] = a - b[0];
+            return b;
+        }
+        if(tOfA === 'object' && tOfB === 'object'){
+            var i = 0, lenA = a.length, lenB = b.length;
+            var retArr = [];
+            while(i<lenA || i < lenB){
+                if(typeof a[i] === 'number' && typeof b[i] === '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;
+        if((tOfA === 'number' || tOfA === 'boolean') && (tOfB === 'number' || tOfB === 'boolean')) {
+            return a * b;
+        }
+
+        var i, len;
+        if(tOfA === 'object' && (tOfB === 'number' || tOfB === 'boolean')){
+            len = a.length;
+            arr = Array.apply(null,{length:len});
+            for(i=0;i<len;i+=1){
+                arr[i] = a[i] * b;
+            }
+            return arr;
+        }
+        if((tOfA === 'number' || tOfA === 'boolean') && tOfB === 'object'){
+            len = b.length;
+            arr = Array.apply(null,{length: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;
+        if((tOfA === 'number' || tOfA === 'boolean') && (tOfB === 'number' || tOfB === 'boolean')) {
+            return a / b;
+        }
+        var i, len;
+        if(tOfA === 'object' && (tOfB === 'number' || tOfB === 'boolean')){
+            len = a.length;
+            arr = Array.apply(null,{length:len});
+            for(i=0;i<len;i+=1){
+                arr[i] = a[i] / b;
+            }
+            return arr;
+        }
+        if((tOfA === 'number' || tOfA === 'boolean') && tOfB === 'object'){
+            len = b.length;
+            arr = Array.apply(null,{length:len});
+            for(i=0;i<len;i+=1){
+                arr[i] = a / b[i];
+            }
+            return arr;
+        }
+        return 0;
+    }
+
+    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(!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 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 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{
+            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;
+            }
+
+            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){
+            return linear(t,0,1,tMin,tMax);
+        }
+        if(t <= tMin) {
+            return value1;
+        }else if(t >= tMax){
+            return value2;
+        }
+        var perc = tMax === tMin ? 0 : t/(tMax-tMin);
+        if(!value1.length){
+            return value1 + (value2-value1)*perc;
+        }
+        var i, len = value1.length;
+        var arr = Array.apply( null, { length: len } );
+        for(i=0;i<len;i+=1){
+            arr[i] = value1[i] + (value2[i]-value1[i])*perc;
+        }
+        return arr;
+    }
+
+    function seedRandom(seed){
+        BMMath.seedrandom(seed);
+    };
+    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 = Array.apply(null,{length:len});
+            }
+            var arr = Array.apply(null,{length: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 initiateExpression(elem,data,property){
+        var val = data.x;
+        var needsVelocity = val.indexOf('velocity') !== -1;
+        var elemType = elem.data.ty;
+        var transform,content,effect;
+        var thisComp = elem.comp;
+        var thisProperty = property;
+        elem.comp.frameDuration = 1/elem.comp.globalData.frameRate;
+        var inPoint = elem.data.ip/elem.comp.globalData.frameRate;
+        var outPoint = elem.data.op/elem.comp.globalData.frameRate;
+        var thisLayer,thisComp;
+        var fnStr = 'var fn = function(){'+val+';this.v = $bm_rt;}';
+        eval(fnStr);
+        var bindedFn = fn.bind(this);
+        var numKeys = data.k ? data.k.length : 0;
+
+        var wiggle = function wiggle(freq,amp){
+            var i,j, len = this.pv.length ? this.pv.length : 1;
+            var addedAmps = Array.apply(null,{len:len});
+            for(j=0;j<len;j+=1){
+                addedAmps[j] = 0;
+            }
+            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 = Array.apply({length:len});
+            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;
+        }.bind(this);
+
+        var loopIn = function loopIn(type,duration, durationFlag) {
+            if(!this.k){
+                return this.pv;
+            }
+            var currentFrame = time*elem.comp.globalData.frameRate;
+            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);
+                    }
+                } else if(type === 'offset'){
+                    var initV = this.getValueAtTime(firstKeyFrame);
+                    var endV = this.getValueAtTime(lastKeyFrame);
+                    var current = this.getValueAtTime(cycleDuration - (firstKeyFrame - currentFrame)%cycleDuration +  firstKeyFrame);
+                    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);
+                    var nextFirstValue = this.getValueAtTime(firstKeyFrame + 0.001);
+                    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.0005;
+                        }
+                        return ret;
+                    }
+                    return firstValue + (firstValue-nextFirstValue)*(firstKeyFrame - currentFrame)/0.0005;
+                }
+                return this.getValueAtTime(cycleDuration - (firstKeyFrame - currentFrame)%cycleDuration +  firstKeyFrame);
+            }
+        }.bind(this);
+
+        var loopInDuration = function loopInDuration(type,duration){
+            return loopIn(type,duration,true);
+        }.bind(this);
+
+        var loopOut = function loopOut(type,duration,durationFlag){
+            if(!this.k){
+                return this.pv;
+            }
+            var currentFrame = time*elem.comp.globalData.frameRate;
+            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);
+                    }
+                } else if(type === 'offset'){
+                    var initV = this.getValueAtTime(firstKeyFrame);
+                    var endV = this.getValueAtTime(lastKeyFrame);
+                    var current = this.getValueAtTime((currentFrame - firstKeyFrame)%cycleDuration +  firstKeyFrame);
+                    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);
+                    var nextLastValue = this.getValueAtTime(lastKeyFrame - 0.001);
+                    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)/0.0005;
+                        }
+                        return ret;
+                    }
+                    return lastValue + (lastValue-nextLastValue)*(currentFrame - lastKeyFrame)/0.0005;
+                }
+                return this.getValueAtTime((currentFrame - firstKeyFrame)%cycleDuration +  firstKeyFrame);
+            }
+        }.bind(this);
+        var loop_out = loopOut;
+
+        var loopOutDuration = function loopOutDuration(type,duration){
+            return loopOut(type,duration,true);
+        }.bind(this);
+
+        var valueAtTime = function valueAtTime(t) {
+            return this.getValueAtTime(t*elem.comp.globalData.frameRate, 0);
+        }.bind(this);
+
+        var velocityAtTime = function velocityAtTime(t) {
+            return this.getVelocityAtTime(t);
+        }.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, val1, val2){
+            return -(val2-val1) * t*(t-2) + 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;
+                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){
+            if(!data.k.length || typeof(data.k[0]) === 'number'){
+                return {time:0};
+            }
+            ind -= 1;
+            var ob = {
+                time: data.k[ind].t/elem.comp.globalData.frameRate
+            };
+            var arr;
+            if(ind === data.k.length - 1){
+                arr = data.k[ind-1].e;
+            }else{
+                arr = data.k[ind].s;
+            }
+            var i, 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 = time;
+            }
+            if(!fps){
+                fps = elem.comp.globalData.frameRate;
+            }
+            return t*fps;
+        }
+
+        var time,velocity, value,textIndex,textTotal,selectorValue, index = elem.data.ind + 1;
+        var hasParent = !!(elem.hierarchy && elem.hierarchy.length);
+        var parent;
+        function execute(){
+            //seedRandom(0);
+            if(this.frameExpressionId === elem.globalData.frameId && this.type !== 'textSelector'){
+                return;
+            }
+            if(this.lock){
+                this.v = duplicatePropertyValue(this.pv,this.mult);
+                return true;
+            }
+            if(this.type === 'textSelector'){
+                textIndex = this.textIndex;
+                textTotal = this.textTotal;
+                selectorValue = this.selectorValue;
+            }
+            if(!transform){
+                transform = elem.transform;
+            }
+            if(!thisLayer){
+                thisLayer = elem.layerInterface;
+                thisComp = elem.comp.compInterface;
+            }
+            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[elem.hierarchy.length - 1].layerInterface;
+            }
+            this.lock = true;
+            if(this.getPreValue){
+                this.getPreValue();
+            }
+            value = this.pv;
+            time = this.comp.renderedFrame/this.comp.globalData.frameRate;
+            if(needsVelocity){
+                velocity = velocityAtTime(time);
+            }
+            bindedFn();
+            //console.log(val,this.v);
+            this.frameExpressionId = elem.globalData.frameId;
+            var i,len;
+            if(this.mult){
+                if(typeof this.v === 'number'){
+                    this.v *= this.mult;
+                }else{
+                    len = this.v.length;
+                    if(value === this.v){
+                        this.v = len === 2 ? [value[0],value[1]] : [value[0],value[1],value[2]];
+                    }
+                    for(i = 0; i < len; i += 1){
+                        this.v[i] *= this.mult;
+                    }
+                }
+            }
+
+            /*if(!this.v){
+                console.log(val);
+            }*/
+            if(typeof this.v === 'number'){
+                if(this.lastValue !== this.v){
+                    this.lastValue = this.v;
+                    this.mdf = true;
+                }
+            }else if(this.v.i){
+                // Todo Improve validation for masks and shapes
+                this.mdf = true;
+            }else{
+                /*if(!this.lastValue){
+                }*/
+                len = this.v.length;
+                for(i = 0; i < len; i += 1){
+                    if(this.v[i] !== this.lastValue[i]){
+                        this.lastValue[i] = this.v[i];
+                        this.mdf = true;
+                    }
+                }
+            }
+            this.lock = false;
+        }
+        return execute;
+    }
+
+    ob.initiateExpression = initiateExpression;
+    return ob;
+}());
+var ShapeExpressionInterface = (function(){
+    var ob = {
+        createShapeInterface:createShapeInterface,
+        createGroupInterface:createGroupInterface,
+        createTrimInterface:createTrimInterface,
+        createStrokeInterface:createStrokeInterface,
+        createTransformInterface:createTransformInterface,
+        createEllipseInterface:createEllipseInterface,
+        createStarInterface:createStarInterface,
+        createPathInterface:createPathInterface,
+        createFillInterface:createFillInterface
+    };
+    function createShapeInterface(shapes,view,propertyGroup){
+        return shapeInterfaceFactory(shapes,view,propertyGroup);
+    }
+    function createGroupInterface(shapes,view,propertyGroup){
+        return groupInterfaceFactory(shapes,view,propertyGroup);
+    }
+    function createFillInterface(shape,view,propertyGroup){
+        return fillInterfaceFactory(shape,view,propertyGroup);
+    }
+    function createStrokeInterface(shape,view,propertyGroup){
+        return strokeInterfaceFactory(shape,view,propertyGroup);
+    }
+    function createTrimInterface(shape,view,propertyGroup){
+        return trimInterfaceFactory(shape,view,propertyGroup);
+    }
+    function createTransformInterface(shape,view,propertyGroup){
+        return transformInterfaceFactory(shape,view,propertyGroup);
+    }
+    function createEllipseInterface(shape,view,propertyGroup){
+        return ellipseInterfaceFactory(shape,view,propertyGroup);
+    }
+    function createStarInterface(shape,view,propertyGroup){
+        return starInterfaceFactory(shape,view,propertyGroup);
+    }
+    function createPathInterface(shape,view,propertyGroup){
+        return pathInterfaceFactory(shape,view,propertyGroup);
+    }
+
+    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(ShapeExpressionInterface.createGroupInterface(shapes[i],view[i],propertyGroup));
+            }else if(shapes[i].ty == 'fl'){
+                arr.push(ShapeExpressionInterface.createFillInterface(shapes[i],view[i],propertyGroup));
+            }else if(shapes[i].ty == 'st'){
+                arr.push(ShapeExpressionInterface.createStrokeInterface(shapes[i],view[i],propertyGroup));
+            }else if(shapes[i].ty == 'tm'){
+                arr.push(ShapeExpressionInterface.createTrimInterface(shapes[i],view[i],propertyGroup));
+            }else if(shapes[i].ty == 'tr'){
+                //arr.push(ShapeExpressionInterface.createTransformInterface(shapes[i],view[i],propertyGroup));
+            }else if(shapes[i].ty == 'el'){
+                arr.push(ShapeExpressionInterface.createEllipseInterface(shapes[i],view[i],propertyGroup));
+            }else if(shapes[i].ty == 'sr'){
+                arr.push(ShapeExpressionInterface.createStarInterface(shapes[i],view[i],propertyGroup));
+            } else if(shapes[i].ty == 'sh'){
+                arr.push(ShapeExpressionInterface.createPathInterface(shapes[i],view[i],propertyGroup));
+            } else{
+                //console.log(shapes[i].ty);
+            }
+        }
+        return arr;
+    }
+
+    var shapeInterfaceFactory = (function(){
+        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 contentsInterfaceFactory = (function(){
+       return function(shape,view, propertyGroup){
+           var interfaces;
+           var interfaceFunction = function _interfaceFunction(value){
+               if(typeof value === 'number'){
+                   return interfaces[value-1];
+               }
+               var i = 0, len = interfaces.length;
+               while(i<len){
+                   if(interfaces[i]._name === value){
+                       return interfaces[i];
+                   }
+                   i+=1;
+               }
+           };
+           interfaceFunction.propertyGroup = function(val){
+               if(val === 1){
+                   return interfaceFunction;
+               } else{
+                   return propertyGroup(val-1);
+               }
+           };
+
+           interfaces = iterateElements(shape.it, view.it, interfaceFunction.propertyGroup);
+
+           return interfaceFunction;
+       }
+    }());
+
+    var groupInterfaceFactory = (function(){
+        return function(shape,view, propertyGroup){
+            var interfaceFunction = function _interfaceFunction(value){
+                switch(value){
+                    case 'ADBE Vectors Group':
+                    case 2:
+                        return interfaceFunction.content;
+                    case 'ADBE Vector Transform Group':
+                    case 3:
+                    default:
+                        return interfaceFunction.transform;
+                }
+                /*if(value === 'ADBE Vector Transform Group'){
+                    return interfaceFunction.transform;
+                    var i = 0, len = interfaces.length;
+                    while(i<len){
+                        if(interfaces[i].ty === 'tr'){
+                            return interfaces[i];
+                        }
+                        i+=1;
+                    }
+                    return null;
+                }
+                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 = function(val){
+                if(val === 1){
+                    return interfaceFunction;
+                } else{
+                    return propertyGroup(val-1);
+                }
+            };
+            var content = contentsInterfaceFactory(shape,view,interfaceFunction.propertyGroup);
+            var transformInterface = ShapeExpressionInterface.createTransformInterface(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.nm = shape.nm;
+            return interfaceFunction;
+        }
+    }());
+
+    var fillInterfaceFactory = (function(){
+        return function(shape,view,propertyGroup){
+
+            view.c.setGroupProperty(propertyGroup);
+            view.o.setGroupProperty(propertyGroup);
+            var ob = {
+                get color(){
+                    if(view.c.k){
+                        view.c.getValue();
+                    }
+                    return [view.c.v[0]/view.c.mult,view.c.v[1]/view.c.mult,view.c.v[2]/view.c.mult,1];
+                },
+                get opacity(){
+                    if(view.o.k){
+                        view.o.getValue();
+                    }
+                    return view.o.v;
+                },
+                _name: shape.nm
+            };
+            return ob;
+        }
+    }());
+
+    var strokeInterfaceFactory = (function(){
+        return function(shape,view,propertyGroup){
+            function _propertyGroup(val){
+                if(val === 1){
+                    return ob;
+                } else{
+                    return propertyGroup(val-1);
+                }
+            };
+            view.c.setGroupProperty(_propertyGroup);
+            view.o.setGroupProperty(_propertyGroup);
+            view.w.setGroupProperty(_propertyGroup);
+            var ob = {
+                get color(){
+                    if(view.c.k){
+                        view.c.getValue();
+                    }
+                    return [view.c.v[0]/view.c.mult,view.c.v[1]/view.c.mult,view.c.v[2]/view.c.mult,1];
+                },
+                get opacity(){
+                    if(view.o.k){
+                        view.o.getValue();
+                    }
+                    return view.o.v;
+                },
+                get strokeWidth(){
+                    if(view.w.k){
+                        view.w.getValue();
+                    }
+                    return view.w.v;
+                },
+                dashOb: {},
+                get dash(){
+                    var d = view.d;
+                    var dModels = shape.d;
+                    var i, len = dModels.length;
+                    for(i=0;i<len;i+=1){
+                        if(d.dataProps[i].p.k){
+                            d.dataProps[i].p.getValue();
+                        }
+                        d.dataProps[i].p.setGroupProperty(propertyGroup);
+                        this.dashOb[dModels[i].nm] = d.dataProps[i].p.v;
+                    }
+                    return this.dashOb;
+                },
+                _name: shape.nm
+            };
+            return ob;
+        }
+    }());
+
+    var trimInterfaceFactory = (function(){
+        return function(shape,view,propertyGroup){
+            function _propertyGroup(val){
+                if(val == 1){
+                    return interfaceFunction;
+                } else {
+                    return propertyGroup(--val);
+                }
+            }
+            _propertyGroup.propertyIndex = shape.ix;
+
+            view.s.setGroupProperty(_propertyGroup);
+            view.e.setGroupProperty(_propertyGroup);
+            view.o.setGroupProperty(_propertyGroup);
+
+            function interfaceFunction(val){
+                if(val === shape.e.ix){
+                    return interfaceFunction.end;
+                }
+                if(val === shape.s.ix){
+                    return interfaceFunction.start;
+                }
+                if(val === shape.o.ix){
+                    return interfaceFunction.offset;
+                }
+            }
+            interfaceFunction.propertyIndex = shape.ix;
+            Object.defineProperty(interfaceFunction, 'start', {
+                get: function(){
+                    if(view.s.k){
+                        view.s.getValue();
+                    }
+                    return view.s.v/view.s.mult;
+                }
+            });
+            Object.defineProperty(interfaceFunction, 'end', {
+                get: function(){
+                    if(view.e.k){
+                        view.e.getValue();
+                    }
+                    return view.e.v/view.e.mult;
+                }
+            });
+            Object.defineProperty(interfaceFunction, 'offset', {
+                get: function(){
+                    if(view.o.k){
+                        view.o.getValue();
+                    }
+                    return view.o.v;
+                }
+            });
+            Object.defineProperty(interfaceFunction, '_name', {
+                get: function(){
+                    return shape.nm;
+                }
+            });
+            return interfaceFunction;
+        }
+    }());
+
+    var transformInterfaceFactory = (function(){
+        return function(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){
+                    return interfaceFunction.anchorPoint;
+                }
+                if(shape.o.ix === value){
+                    return interfaceFunction.opacity;
+                }
+                if(shape.p.ix === value){
+                    return interfaceFunction.position;
+                }
+                if(shape.r.ix === value){
+                    return interfaceFunction.rotation;
+                }
+                if(shape.s.ix === value){
+                    return interfaceFunction.scale;
+                }
+                if(shape.sk && shape.sk.ix === value){
+                    return interfaceFunction.skew;
+                }
+                if(shape.sa && shape.sa.ix === value){
+                    return interfaceFunction.skewAxis;
+                }
+
+            }
+            Object.defineProperty(interfaceFunction, 'opacity', {
+                get: function(){
+                    if(view.transform.mProps.o.k){
+                        view.transform.mProps.o.getValue();
+                    }
+                    return view.transform.mProps.o.v/view.transform.mProps.o.mult;
+                }
+            });
+            Object.defineProperty(interfaceFunction, 'position', {
+                get: function(){
+                    if(view.transform.mProps.p.k){
+                        view.transform.mProps.p.getValue();
+                    }
+                    return [view.transform.mProps.p.v[0],view.transform.mProps.p.v[1]];
+                }
+            });
+            Object.defineProperty(interfaceFunction, 'anchorPoint', {
+                get: function(){
+                    if(view.transform.mProps.a.k){
+                        view.transform.mProps.a.getValue();
+                    }
+                    return [view.transform.mProps.a.v[0],view.transform.mProps.a.v[1]];
+                }
+            });
+            var scaleArray = [];
+            Object.defineProperty(interfaceFunction, 'scale', {
+                get: function(){
+                    if(view.transform.mProps.s.k){
+                        view.transform.mProps.s.getValue();
+                    }
+                    scaleArray[0] = view.transform.mProps.s.v[0]/view.transform.mProps.s.mult;
+                    scaleArray[1] = view.transform.mProps.s.v[1]/view.transform.mProps.s.mult;
+                    return scaleArray;
+                }
+            });
+            Object.defineProperty(interfaceFunction, 'rotation', {
+                get: function(){
+                    if(view.transform.mProps.r.k){
+                        view.transform.mProps.r.getValue();
+                    }
+                    return view.transform.mProps.r.v/view.transform.mProps.r.mult;
+                }
+            });
+            Object.defineProperty(interfaceFunction, 'skew', {
+                get: function(){
+                    if(view.transform.mProps.sk.k){
+                        view.transform.mProps.sk.getValue();
+                    }
+                    return view.transform.mProps.sk.v;
+                }
+            });
+            Object.defineProperty(interfaceFunction, 'skewAxis', {
+                get: function(){
+                    if(view.transform.mProps.sa.k){
+                        view.transform.mProps.sa.getValue();
+                    }
+                    return view.transform.mProps.sa.v;
+                }
+            });
+            Object.defineProperty(interfaceFunction, '_name', {
+                get: function(){
+                    return shape.nm;
+                }
+            });
+            interfaceFunction.ty = 'tr';
+            return interfaceFunction;
+        }
+    }());
+
+    var ellipseInterfaceFactory = (function(){
+        return function(shape,view,propertyGroup){
+            function _propertyGroup(val){
+                if(val == 1){
+                    return _propertyGroup;
+                } else {
+                    return propertyGroup(--val);
+                }
+            }
+            _propertyGroup.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.defineProperty(interfaceFunction, 'size', {
+                get: function(){
+                    if(prop.s.k){
+                        prop.s.getValue();
+                    }
+                    return [prop.s.v[0],prop.s.v[1]];
+                }
+            });
+            Object.defineProperty(interfaceFunction, 'position', {
+                get: function(){
+                    if(prop.p.k){
+                        prop.p.getValue();
+                    }
+                    return [prop.p.v[0],prop.p.v[1]];
+                }
+            });
+            Object.defineProperty(interfaceFunction, '_name', {
+                get: function(){
+                    return shape.nm;
+                }
+            });
+            return interfaceFunction;
+