Skip to content

Instantly share code, notes, and snippets.

@d-ash
Created April 19, 2018 01:43
Show Gist options
  • Save d-ash/cb1489cd05a0222fa10e7e451c730a1d to your computer and use it in GitHub Desktop.
Save d-ash/cb1489cd05a0222fa10e7e451c730a1d to your computer and use it in GitHub Desktop.
! function(t, e) {
"function" == typeof define && define.amd ? define(function() {
return e(t)
}) : "object" == typeof module && module.exports ? module.exports = e(t) : (t.lottie = e(t), t.bodymovin = t.lottie)
}(window || {}, function(window) {
"use strict";
function ProjectInterface() {
return {}
}
function roundValues(t) {
bm_rnd = t ? Math.round : function(t) {
return t
}
}
function styleDiv(t) {
t.style.position = "absolute", t.style.top = 0, t.style.left = 0, t.style.display = "block", t.style.transformOrigin = t.style.webkitTransformOrigin = "0 0", t.style.backfaceVisibility = t.style.webkitBackfaceVisibility = "visible", t.style.transformStyle = t.style.webkitTransformStyle = t.style.mozTransformStyle = "preserve-3d"
}
function BMEnterFrameEvent(t, e, i, r) {
this.type = t, this.currentTime = e, this.totalTime = i, this.direction = r < 0 ? -1 : 1
}
function BMCompleteEvent(t, e) {
this.type = t, this.direction = e < 0 ? -1 : 1
}
function BMCompleteLoopEvent(t, e, i, r) {
this.type = t, this.currentLoop = i, this.totalLoops = e, this.direction = r < 0 ? -1 : 1
}
function BMSegmentStartEvent(t, e, i) {
this.type = t, this.firstFrame = e, this.totalFrames = i
}
function BMDestroyEvent(t, e) {
this.type = t, this.target = e
}
function randomString(t, e) {
void 0 === e && (e = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890");
var i, r = "";
for (i = t; i > 0; --i) r += e[Math.round(Math.random() * (e.length - 1))];
return r
}
function HSVtoRGB(t, e, i) {
var r, s, a, n, o, h, l, p;
switch (n = Math.floor(6 * t), o = 6 * t - n, h = i * (1 - e), l = i * (1 - o * e), p = i * (1 - (1 - o) * e), n % 6) {
case 0:
r = i, s = p, a = h;
break;
case 1:
r = l, s = i, a = h;
break;
case 2:
r = h, s = i, a = p;
break;
case 3:
r = h, s = l, a = i;
break;
case 4:
r = p, s = h, a = i;
break;
case 5:
r = i, s = h, a = l
}
return [r, s, a]
}
function RGBtoHSV(t, e, i) {
var r, s = Math.max(t, e, i),
a = Math.min(t, e, i),
n = s - a,
o = 0 === s ? 0 : n / s,
h = s / 255;
switch (s) {
case a:
r = 0;
break;
case t:
r = e - i + n * (e < i ? 6 : 0), r /= 6 * n;
break;
case e:
r = i - t + 2 * n, r /= 6 * n;
break;
case i:
r = t - e + 4 * n, r /= 6 * n
}
return [r, o, h]
}
function addSaturationToRGB(t, e) {
var i = RGBtoHSV(255 * t[0], 255 * t[1], 255 * t[2]);
return i[1] += e, i[1] > 1 ? i[1] = 1 : i[1] <= 0 && (i[1] = 0), HSVtoRGB(i[0], i[1], i[2])
}
function addBrightnessToRGB(t, e) {
var i = RGBtoHSV(255 * t[0], 255 * t[1], 255 * t[2]);
return i[2] += e, i[2] > 1 ? i[2] = 1 : i[2] < 0 && (i[2] = 0), HSVtoRGB(i[0], i[1], i[2])
}
function addHueToRGB(t, e) {
var i = RGBtoHSV(255 * t[0], 255 * t[1], 255 * t[2]);
return i[0] += e / 360, i[0] > 1 ? i[0] -= 1 : i[0] < 0 && (i[0] += 1), HSVtoRGB(i[0], i[1], i[2])
}
function BaseEvent() {}
function createSizedArray(t) {
return Array.apply(null, {
length: t
})
}
function createNS(t) {
return document.createElementNS(svgNS, t)
}
function createTag(t) {
return document.createElement(t)
}
function addDynamicProperty(t) {
this.dynamicProperties.indexOf(t) === -1 && (this.dynamicProperties.push(t), this.container.addDynamicProperty(this))
}
function extendPrototype(t, e) {
var i, r, s = t.length;
for (i = 0; i < s; i += 1) {
r = t[i].prototype;
for (var a in r) r.hasOwnProperty(a) && (e.prototype[a] = r[a])
}
}
function getDescriptor(t, e) {
return Object.getOwnPropertyDescriptor(t, e)
}
function createProxyFunction(t) {
function e() {}
return e.prototype = t, e
}
function bezFunction() {
function t(t, e, i, r, s, a) {
var n = t * r + e * s + i * a - s * r - a * t - i * e;
return n > -.001 && n < .001
}
function e(e, i, r, s, a, n, o, h, l) {
if (0 === r && 0 === n && 0 === l) return t(e, i, s, a, o, h);
var p, m = Math.sqrt(Math.pow(s - e, 2) + Math.pow(a - i, 2) + Math.pow(n - r, 2)),
f = Math.sqrt(Math.pow(o - e, 2) + Math.pow(h - i, 2) + Math.pow(l - r, 2)),
c = Math.sqrt(Math.pow(o - s, 2) + Math.pow(h - a, 2) + Math.pow(l - n, 2));
return p = m > f ? m > c ? m - f - c : c - f - m : c > f ? c - f - m : f - m - c, p > -1e-4 && p < 1e-4
}
function i(t) {
var e, i = segments_length_pool.newElement(),
r = t.c,
s = t.v,
a = t.o,
n = t.i,
o = t._length,
l = i.lengths,
p = 0;
for (e = 0; e < o - 1; e += 1) l[e] = h(s[e], s[e + 1], a[e], n[e + 1]), p += l[e].addedLength;
return r && (l[e] = h(s[e], s[0], a[e], n[0]), p += l[e].addedLength), i.totalLength = p, i
}
function r(t) {
this.segmentLength = 0, this.points = new Array(t)
}
function s(t, e) {
this.partialLength = t, this.point = e
}
function a(t, e) {
var i = e.percents,
r = e.lengths,
s = i.length,
a = bm_floor((s - 1) * t),
n = t * e.addedLength,
o = 0;
if (a === s - 1 || 0 === a || n === r[a]) return i[a];
for (var h = r[a] > n ? -1 : 1, l = !0; l;)
if (r[a] <= n && r[a + 1] > n ? (o = (n - r[a]) / (r[a + 1] - r[a]), l = !1) : a += h, a < 0 || a >= s - 1) {
if (a === s - 1) return i[a];
l = !1
}
return i[a] + (i[a + 1] - i[a]) * o
}
function n(t, e, i, r, s, n) {
var o = a(s, n),
h = 1 - o,
l = Math.round(1e3 * (h * h * h * t[0] + (o * h * h + h * o * h + h * h * o) * i[0] + (o * o * h + h * o * o + o * h * o) * r[0] + o * o * o * e[0])) / 1e3,
p = Math.round(1e3 * (h * h * h * t[1] + (o * h * h + h * o * h + h * h * o) * i[1] + (o * o * h + h * o * o + o * h * o) * r[1] + o * o * o * e[1])) / 1e3;
return [l, p]
}
function o(t, e, i, r, s, n, o) {
s = s < 0 ? 0 : s > 1 ? 1 : s;
var h = a(s, o);
n = n > 1 ? 1 : n;
var l, m = a(n, o),
f = t.length,
c = 1 - h,
d = 1 - m,
u = c * c * c,
y = h * c * c * 3,
g = h * h * c * 3,
v = h * h * h,
b = c * c * d,
E = h * c * d + c * h * d + c * c * m,
x = h * h * d + c * h * m + h * c * m,
S = h * h * m,
P = c * d * d,
_ = h * d * d + c * m * d + c * d * m,
C = h * m * d + c * m * m + h * d * m,
A = h * m * m,
k = d * d * d,
M = m * d * d + d * m * d + d * d * m,
T = m * m * d + d * m * m + m * d * m,
D = m * m * m;
for (l = 0; l < f; l += 1) p[4 * l] = Math.round(1e3 * (u * t[l] + y * i[l] + g * r[l] + v * e[l])) / 1e3, p[4 * l + 1] = Math.round(1e3 * (b * t[l] + E * i[l] + x * r[l] + S * e[l])) / 1e3, p[4 * l + 2] = Math.round(1e3 * (P * t[l] + _ * i[l] + C * r[l] + A * e[l])) / 1e3, p[4 * l + 3] = Math.round(1e3 * (k * t[l] + M * i[l] + T * r[l] + D * e[l])) / 1e3;
return p
}
var h = (Math, function() {
return function(t, e, i, r) {
var s, a, n, o, h, l, p = defaultCurveSegments,
m = 0,
f = [],
c = [],
d = bezier_length_pool.newElement();
for (n = i.length, s = 0; s < p; s += 1) {
for (h = s / (p - 1), l = 0, a = 0; a < n; a += 1) o = bm_pow(1 - h, 3) * t[a] + 3 * bm_pow(1 - h, 2) * h * i[a] + 3 * (1 - h) * bm_pow(h, 2) * r[a] + bm_pow(h, 3) * e[a], f[a] = o, null !== c[a] && (l += bm_pow(f[a] - c[a], 2)), c[a] = f[a];
l && (l = bm_sqrt(l), m += l), d.percents[s] = h, d.lengths[s] = m
}
return d.addedLength = m, d
}
}()),
l = function() {
var e = {};
return function(i) {
var a = i.s,
n = i.e,
o = i.to,
h = i.ti,
l = (a[0] + "_" + a[1] + "_" + n[0] + "_" + n[1] + "_" + o[0] + "_" + o[1] + "_" + h[0] + "_" + h[1]).replace(/\./g, "p");
if (e[l]) return void(i.bezierData = e[l]);
var p, m, f, c, d, u, y, g = defaultCurveSegments,
v = 0,
b = null;
2 === a.length && (a[0] != n[0] || a[1] != n[1]) && t(a[0], a[1], n[0], n[1], a[0] + o[0], a[1] + o[1]) && t(a[0], a[1], n[0], n[1], n[0] + h[0], n[1] + h[1]) && (g = 2);
var E = new r(g);
for (f = o.length, p = 0; p < g; p += 1) {
for (y = createSizedArray(f), d = p / (g - 1), u = 0, m = 0; m < f; m += 1) c = bm_pow(1 - d, 3) * a[m] + 3 * bm_pow(1 - d, 2) * d * (a[m] + o[m]) + 3 * (1 - d) * bm_pow(d, 2) * (n[m] + h[m]) + bm_pow(d, 3) * n[m], y[m] = c, null !== b && (u += bm_pow(y[m] - b[m], 2));
u = bm_sqrt(u), v += u, E.points[p] = new s(u, y), b = y
}
E.segmentLength = v, i.bezierData = E, e[l] = E
}
}(),
p = createTypedArray("float32", 8);
return {
getSegmentsLength: i,
getNewSegment: o,
getPointInSegment: n,
buildBezierData: l,
pointOnLine2D: t,
pointOnLine3D: e
}
}
function dataFunctionManager() {
function t(s, a, o) {
var h, l, p, m, f, c, d, u, y = s.length;
for (m = 0; m < y; m += 1)
if (h = s[m], "ks" in h && !h.completed) {
if (h.completed = !0, h.tt && (s[m - 1].td = h.tt), l = [], p = -1, h.hasMask) {
var g = h.masksProperties;
for (c = g.length, f = 0; f < c; f += 1)
if (g[f].pt.k.i) r(g[f].pt.k);
else
for (u = g[f].pt.k.length, d = 0; d < u; d += 1) g[f].pt.k[d].s && r(g[f].pt.k[d].s[0]), g[f].pt.k[d].e && r(g[f].pt.k[d].e[0])
}
0 === h.ty ? (h.layers = e(h.refId, a), t(h.layers, a, o)) : 4 === h.ty ? i(h.shapes) : 5 == h.ty && n(h, o)
}
}
function e(t, e) {
for (var i = 0, r = e.length; i < r;) {
if (e[i].id === t) return e[i].layers.__used ? JSON.parse(JSON.stringify(e[i].layers)) : (e[i].layers.__used = !0, e[i].layers);
i += 1
}
}
function i(t) {
var e, s, a, n = t.length,
o = !1;
for (e = n - 1; e >= 0; e -= 1)
if ("sh" == t[e].ty) {
if (t[e].ks.k.i) r(t[e].ks.k);
else
for (a = t[e].ks.k.length, s = 0; s < a; s += 1) t[e].ks.k[s].s && r(t[e].ks.k[s].s[0]), t[e].ks.k[s].e && r(t[e].ks.k[s].e[0]);
o = !0
} else "gr" == t[e].ty && i(t[e].it)
}
function r(t) {
var e, i = t.i.length;
for (e = 0; e < i; e += 1) t.i[e][0] += t.v[e][0], t.i[e][1] += t.v[e][1], t.o[e][0] += t.v[e][0], t.o[e][1] += t.v[e][1]
}
function s(t, e) {
var i = e ? e.split(".") : [100, 100, 100];
return t[0] > i[0] || !(i[0] > t[0]) && (t[1] > i[1] || !(i[1] > t[1]) && (t[2] > i[2] || !(i[2] > t[2]) && void 0))
}
function a(e, i) {
e.__complete || (l(e), o(e), h(e), p(e), t(e.layers, e.assets, i), e.__complete = !0)
}
function n(t, e) {
0 !== t.t.a.length || "m" in t.t.p || (t.singleShape = !0)
}
var o = function() {
function t(t) {
var e = t.t.d;
t.t.d = {
k: [{
s: e,
t: 0
}]
}
}
function e(e) {
var i, r = e.length;
for (i = 0; i < r; i += 1) 5 === e[i].ty && t(e[i])
}
var i = [4, 4, 14];
return function(t) {
if (s(i, t.v) && (e(t.layers), t.assets)) {
var r, a = t.assets.length;
for (r = 0; r < a; r += 1) t.assets[r].layers && e(t.assets[r].layers)
}
}
}(),
h = function() {
var t = [4, 7, 99];
return function(e) {
if (e.chars && !s(t, e.v)) {
var i, a, n, o, h, l = e.chars.length;
for (i = 0; i < l; i += 1)
if (e.chars[i].data && e.chars[i].data.shapes)
for (h = e.chars[i].data.shapes[0].it, n = h.length, a = 0; a < n; a += 1) o = h[a].ks.k, o.__converted || (r(h[a].ks.k), o.__converted = !0)
}
}
}(),
l = function() {
function t(e) {
var i, r, s, a = e.length;
for (i = 0; i < a; i += 1)
if ("gr" === e[i].ty) t(e[i].it);
else if ("fl" === e[i].ty || "st" === e[i].ty)
if (e[i].c.k && e[i].c.k[0].i)
for (s = e[i].c.k.length, r = 0; r < s; r += 1) e[i].c.k[r].s && (e[i].c.k[r].s[0] /= 255, e[i].c.k[r].s[1] /= 255, e[i].c.k[r].s[2] /= 255, e[i].c.k[r].s[3] /= 255), e[i].c.k[r].e && (e[i].c.k[r].e[0] /= 255, e[i].c.k[r].e[1] /= 255, e[i].c.k[r].e[2] /= 255, e[i].c.k[r].e[3] /= 255);
else e[i].c.k[0] /= 255, e[i].c.k[1] /= 255, e[i].c.k[2] /= 255, e[i].c.k[3] /= 255
}
function e(e) {
var i, r = e.length;
for (i = 0; i < r; i += 1) 4 === e[i].ty && t(e[i].shapes)
}
var i = [4, 1, 9];
return function(t) {
if (s(i, t.v) && (e(t.layers), t.assets)) {
var r, a = t.assets.length;
for (r = 0; r < a; r += 1) t.assets[r].layers && e(t.assets[r].layers)
}
}
}(),
p = function() {
function t(e) {
var i, r, s, a = e.length,
n = !1;
for (i = a - 1; i >= 0; i -= 1)
if ("sh" == e[i].ty) {
if (e[i].ks.k.i) e[i].ks.k.c = e[i].closed;
else
for (s = e[i].ks.k.length, r = 0; r < s; r += 1) e[i].ks.k[r].s && (e[i].ks.k[r].s[0].c = e[i].closed), e[i].ks.k[r].e && (e[i].ks.k[r].e[0].c = e[i].closed);
n = !0
} else "gr" == e[i].ty && t(e[i].it)
}
function e(e) {
var i, r, s, a, n, o, h = e.length;
for (r = 0; r < h; r += 1) {
if (i = e[r], i.hasMask) {
var l = i.masksProperties;
for (a = l.length, s = 0; s < a; s += 1)
if (l[s].pt.k.i) l[s].pt.k.c = l[s].cl;
else
for (o = l[s].pt.k.length, n = 0; n < o; n += 1) l[s].pt.k[n].s && (l[s].pt.k[n].s[0].c = l[s].cl), l[s].pt.k[n].e && (l[s].pt.k[n].e[0].c = l[s].cl)
}
4 === i.ty && t(i.shapes)
}
}
var i = [4, 4, 18];
return function(t) {
if (s(i, t.v) && (e(t.layers), t.assets)) {
var r, a = t.assets.length;
for (r = 0; r < a; r += 1) t.assets[r].layers && e(t.assets[r].layers)
}
}
}(),
m = {};
return m.completeData = a, m
}
function ShapePath() {
this.c = !1, this._length = 0, this._maxLength = 8, this.v = createSizedArray(this._maxLength), this.o = createSizedArray(this._maxLength), this.i = createSizedArray(this._maxLength)
}
function ShapeModifier() {}
function TrimModifier() {}
function RoundCornersModifier() {}
function RepeaterModifier() {}
function ShapeCollection() {
this._length = 0, this._maxLength = 4, this.shapes = createSizedArray(this._maxLength)
}
function DashProperty(t, e, i) {
this.elem = t, this.container = t, this.frameId = -1, this.dataProps = createSizedArray(e.length), this.renderer = i, this._mdf = !1, this.k = !1, this.dynamicProperties = [], this.dashStr = "", this.dashArray = createTypedArray("float32", e.length ? e.length - 1 : 0), this.dashoffset = createTypedArray("float32", 1);
var r, s, a = e.length || 0;
for (r = 0; r < a; r += 1) s = PropertyFactory.getProp(t, e[r].v, 0, 0, this), this.k = !!s.k || this.k, this.dataProps[r] = {
n: e[r].n,
p: s
};
this.k || this.getValue(!0)
}
function GradientProperty(t, e) {
this.container = t, this.prop = PropertyFactory.getProp(t, e.k, 1, null, this), this.data = e, this.k = this.prop.k, this.c = createTypedArray("uint8c", 4 * e.p);
var i = e.k.k[0].s ? e.k.k[0].s.length - 4 * e.p : e.k.k.length - 4 * e.p;
this.o = createTypedArray("float32", i), this._cmdf = !1, this._omdf = !1, this._collapsable = this.checkCollapsable(), this._hasOpacity = i, this._mdf = !1, this.getValue(!0)
}
function TextAnimatorProperty(t, e, i) {
this._mdf = !1, this._isFirstFrame = !0, this._hasMaskedPath = !1, this._frameId = -1, this.dynamicProperties = [], this._textData = t, this._renderType = e, this._elem = i, this.container = i, this._animatorsData = createSizedArray(this._textData.a.length), this._pathData = {}, this._moreOptions = {
alignment: {}
}, this.renderedLetters = [], this.lettersChangedFlag = !1
}
function TextAnimatorDataProperty(t, e, i) {
var r = {
propType: !1
},
s = PropertyFactory.getProp,
a = e.a;
this.a = {
r: a.r ? s(t, a.r, 0, degToRads, i) : r,
rx: a.rx ? s(t, a.rx, 0, degToRads, i) : r,
ry: a.ry ? s(t, a.ry, 0, degToRads, i) : r,
sk: a.sk ? s(t, a.sk, 0, degToRads, i) : r,
sa: a.sa ? s(t, a.sa, 0, degToRads, i) : r,
s: a.s ? s(t, a.s, 1, .01, i) : r,
a: a.a ? s(t, a.a, 1, 0, i) : r,
o: a.o ? s(t, a.o, 0, .01, i) : r,
p: a.p ? s(t, a.p, 1, 0, i) : r,
sw: a.sw ? s(t, a.sw, 0, 0, i) : r,
sc: a.sc ? s(t, a.sc, 1, 0, i) : r,
fc: a.fc ? s(t, a.fc, 1, 0, i) : r,
fh: a.fh ? s(t, a.fh, 0, 0, i) : r,
fs: a.fs ? s(t, a.fs, 0, .01, i) : r,
fb: a.fb ? s(t, a.fb, 0, .01, i) : r,
t: a.t ? s(t, a.t, 0, 0, i) : r
}, this.s = TextSelectorProp.getTextSelectorProp(t, e.s, i), this.s.t = e.s.t
}
function LetterProps(t, e, i, r, s, a) {
this.o = t, this.sw = e, this.sc = i, this.fc = r, this.m = s, this.p = a, this._mdf = {
o: !0,
sw: !!e,
sc: !!i,
fc: !!r,
m: !0,
p: !0
}
}
function TextProperty(t, e) {
this._frameId = initialDefaultFrame, this.pv = "", this.v = "", this.kf = !1, this._isFirstFrame = !0, this._mdf = !1, this.data = e, this.elem = t, this.comp = this.elem.comp, this.keysIndex = -1, this.canResize = !1, this.minimumFontSize = 1, this.effectsSequence = [], this.currentData = {
ascent: 0,
boxWidth: this.defaultBoxWidth,
f: "",
fStyle: "",
fWeight: "",
fc: "",
j: "",
justifyOffset: "",
l: [],
lh: 0,
lineWidths: [],
ls: "",
of: "",
s: "",
sc: "",
sw: 0,
t: 0,
tr: 0,
sz: 0,
ps: null,
fillColorAnim: !1,
strokeColorAnim: !1,
strokeWidthAnim: !1,
yOffset: 0,
finalSize: 0,
finalText: [],
finalLineHeight: 0,
__test: !0
}, this.copyFromDocumentData(this.data.d.k[0].s), this.searchProperty() || (this.completeTextData(this.currentData), this.keysIndex = 0)
}
function BaseRenderer() {}
function SVGRenderer(t, e) {
this.animationItem = t, this.layers = null, this.renderedFrame = -1, this.svgElement = createNS("svg");
var i = createNS("g");
this.svgElement.appendChild(i), this.layerElement = i;
var r = createNS("defs");
this.svgElement.appendChild(r), this.renderConfig = {
preserveAspectRatio: e && e.preserveAspectRatio || "xMidYMid meet",
progressiveLoad: e && e.progressiveLoad || !1,
hideOnTransparent: !e || e.hideOnTransparent !== !1,
viewBoxOnly: e && e.viewBoxOnly || !1,
viewBoxSize: e && e.viewBoxSize || !1,
className: e && e.className || ""
}, this.globalData = {
_mdf: !1,
frameNum: -1,
defs: r,
frameId: 0,
compSize: {
w: 0,
h: 0
},
renderConfig: this.renderConfig,
fontManager: new FontManager
}, this.elements = [], this.pendingElements = [], this.destroyed = !1
}
function MaskElement(t, e, i) {
this.data = t, this.element = e, this.globalData = i, this.storedData = [], this.masksProperties = this.data.masksProperties || [], this.maskElement = null, this._isFirstFrame = !0;
var r, s = this.globalData.defs,
a = this.masksProperties ? this.masksProperties.length : 0;
this.viewData = createSizedArray(a), this.solidPath = "";
var n, o, h, l, p, m, f, c = this.masksProperties,
d = 0,
u = [],
y = randomString(10),
g = "clipPath",
v = "clip-path";
for (r = 0; r < a; r++)
if (("a" !== c[r].mode && "n" !== c[r].mode || c[r].inv || 100 !== c[r].o.k) && (g = "mask", v = "mask"), "s" != c[r].mode && "i" != c[r].mode || 0 !== d ? l = null : (l = createNS("rect"), l.setAttribute("fill", "#ffffff"), l.setAttribute("width", this.element.comp.data.w), l.setAttribute("height", this.element.comp.data.h), u.push(l)), n = createNS("path"), "n" != c[r].mode) {
d += 1, n.setAttribute("fill", "s" === c[r].mode ? "#000000" : "#ffffff"), n.setAttribute("clip-rule", "nonzero");
var b;
if (0 !== c[r].x.k ? (g = "mask", v = "mask", f = PropertyFactory.getProp(this.element, c[r].x, 0, null, this.element), b = "fi_" + randomString(10), p = createNS("filter"), p.setAttribute("id", b), m = createNS("feMorphology"), m.setAttribute("operator", "dilate"), m.setAttribute("in", "SourceGraphic"), m.setAttribute("radius", "0"), p.appendChild(m), s.appendChild(p), n.setAttribute("stroke", "s" === c[r].mode ? "#000000" : "#ffffff")) : (m = null, f = null), this.storedData[r] = {
elem: n,
x: f,
expan: m,
lastPath: "",
lastOperator: "",
filterId: b,
lastRadius: 0
}, "i" == c[r].mode) {
h = u.length;
var E = createNS("g");
for (o = 0; o < h; o += 1) E.appendChild(u[o]);
var x = createNS("mask");
x.setAttribute("mask-type", "alpha"), x.setAttribute("id", y + "_" + d), x.appendChild(n), s.appendChild(x), E.setAttribute("mask", "url(" + locationHref + "#" + y + "_" + d + ")"), u.length = 0, u.push(E)
} else u.push(n);
c[r].inv && !this.solidPath && (this.solidPath = this.createLayerSolidPath()), this.viewData[r] = {
elem: n,
lastPath: "",
op: PropertyFactory.getProp(this.element, c[r].o, 0, .01, this.element),
prop: ShapePropertyFactory.getShapeProp(this.element, c[r], 3),
invRect: l
}, this.viewData[r].prop.k || this.drawPath(c[r], this.viewData[r].prop.v, this.viewData[r])
} else this.viewData[r] = {
op: PropertyFactory.getProp(this.element, c[r].o, 0, .01, this.element),
prop: ShapePropertyFactory.getShapeProp(this.element, c[r], 3),
elem: n
}, s.appendChild(n);
for (this.maskElement = createNS(g), a = u.length, r = 0; r < a; r += 1) this.maskElement.appendChild(u[r]);
d > 0 && (this.maskElement.setAttribute("id", y), this.element.maskedElement.setAttribute(v, "url(" + locationHref + "#" + y + ")"), s.appendChild(this.maskElement))
}
function HierarchyElement() {}
function FrameElement() {}
function TransformElement() {}
function RenderableElement() {}
function RenderableDOMElement() {}
function ProcessedElement(t, e) {
this.elem = t, this.pos = e
}
function SVGStyleData(t, e) {
this.data = t, this.type = t.ty, this.d = "", this.lvl = e, this._mdf = !1, this.closed = !1, this.pElem = createNS("path"), this.msElem = null
}
function SVGShapeData(t, e, i) {
this.caches = [], this.styles = [], this.transformers = t, this.lStr = "", this.sh = i, this.lvl = e
}
function SVGTransformData(t, e) {
this.transform = {
mProps: t,
op: e
}, this.elements = []
}
function SVGStrokeStyleData(t, e, i) {
this.o = PropertyFactory.getProp(t, e.o, 0, .01, t), this.w = PropertyFactory.getProp(t, e.w, 0, null, t), this.d = new DashProperty(t, e.d || {}, "svg", t), this.c = PropertyFactory.getProp(t, e.c, 1, 255, t), this.style = i
}
function SVGFillStyleData(t, e, i) {
this.o = PropertyFactory.getProp(t, e.o, 0, .01, t), this.c = PropertyFactory.getProp(t, e.c, 1, 255, t), this.style = i
}
function SVGGradientFillStyleData(t, e, i) {
this.initGradientData(t, e, i)
}
function SVGGradientStrokeStyleData(t, e, i) {
this.w = PropertyFactory.getProp(t, e.w, 0, null, t), this.d = new DashProperty(t, e.d || {}, "svg", t), this.initGradientData(t, e, i)
}
function ShapeGroupData() {
this.it = [], this.prevViewData = [], this.gr = createNS("g")
}
function BaseElement() {}
function NullElement(t, e, i) {
this.initFrame(), this.initBaseData(t, e, i), this.initFrame(), this.initTransform(t, e, i), this.initHierarchy()
}
function SVGBaseElement() {}
function IShapeElement() {}
function ITextElement() {}
function ICompElement() {}
function IImageElement(t, e, i) {
this.assetData = e.getAssetData(t.refId), this.initElement(t, e, i)
}
function ISolidElement(t, e, i) {
this.initElement(t, e, i)
}
function SVGCompElement(t, e, i) {
this.layers = t.layers, this.supports3d = !0, this.completeLayers = !1, this.pendingElements = [], this.elements = this.layers ? createSizedArray(this.layers.length) : [], this.initElement(t, e, i), this.tm = t.tm ? PropertyFactory.getProp(this, t.tm, 0, e.frameRate, this) : {
_placeholder: !0
}
}
function SVGTextElement(t, e, i) {
this.textSpans = [], this.renderType = "svg", this.initElement(t, e, i)
}
function SVGShapeElement(t, e, i) {
this.shapes = [], this.shapesData = t.shapes, this.stylesList = [], this.shapeModifiers = [], this.itemsData = [], this.processedElements = [], this.initElement(t, e, i), this.prevViewData = []
}
function SVGTintFilter(t, e) {
this.filterManager = e;
var i = createNS("feColorMatrix");
if (i.setAttribute("type", "matrix"), i.setAttribute("color-interpolation-filters", "linearRGB"), i.setAttribute("values", "0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"), i.setAttribute("result", "f1"), t.appendChild(i), i = createNS("feColorMatrix"), i.setAttribute("type", "matrix"), i.setAttribute("color-interpolation-filters", "sRGB"), i.setAttribute("values", "1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"), i.setAttribute("result", "f2"), t.appendChild(i), this.matrixFilter = i, 100 !== e.effectElements[2].p.v || e.effectElements[2].p.k) {
var r = createNS("feMerge");
t.appendChild(r);
var s;
s = createNS("feMergeNode"), s.setAttribute("in", "SourceGraphic"), r.appendChild(s), s = createNS("feMergeNode"), s.setAttribute("in", "f2"), r.appendChild(s)
}
}
function SVGFillFilter(t, e) {
this.filterManager = e;
var i = createNS("feColorMatrix");
i.setAttribute("type", "matrix"), i.setAttribute("color-interpolation-filters", "sRGB"), i.setAttribute("values", "1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"), t.appendChild(i), this.matrixFilter = i
}
function SVGStrokeEffect(t, e) {
this.initialized = !1, this.filterManager = e, this.elem = t, this.paths = []
}
function SVGTritoneFilter(t, e) {
this.filterManager = e;
var i = createNS("feColorMatrix");
i.setAttribute("type", "matrix"), i.setAttribute("color-interpolation-filters", "linearRGB"), i.setAttribute("values", "0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"), i.setAttribute("result", "f1"), t.appendChild(i);
var r = createNS("feComponentTransfer");
r.setAttribute("color-interpolation-filters", "sRGB"), t.appendChild(r), this.matrixFilter = r;
var s = createNS("feFuncR");
s.setAttribute("type", "table"), r.appendChild(s), this.feFuncR = s;
var a = createNS("feFuncG");
a.setAttribute("type", "table"), r.appendChild(a), this.feFuncG = a;
var n = createNS("feFuncB");
n.setAttribute("type", "table"), r.appendChild(n), this.feFuncB = n
}
function SVGProLevelsFilter(t, e) {
this.filterManager = e;
var i = this.filterManager.effectElements,
r = createNS("feComponentTransfer");
(i[10].p.k || 0 !== i[10].p.v || i[11].p.k || 1 !== i[11].p.v || i[12].p.k || 1 !== i[12].p.v || i[13].p.k || 0 !== i[13].p.v || i[14].p.k || 1 !== i[14].p.v) && (this.feFuncR = this.createFeFunc("feFuncR", r)), (i[17].p.k || 0 !== i[17].p.v || i[18].p.k || 1 !== i[18].p.v || i[19].p.k || 1 !== i[19].p.v || i[20].p.k || 0 !== i[20].p.v || i[21].p.k || 1 !== i[21].p.v) && (this.feFuncG = this.createFeFunc("feFuncG", r)), (i[24].p.k || 0 !== i[24].p.v || i[25].p.k || 1 !== i[25].p.v || i[26].p.k || 1 !== i[26].p.v || i[27].p.k || 0 !== i[27].p.v || i[28].p.k || 1 !== i[28].p.v) && (this.feFuncB = this.createFeFunc("feFuncB", r)), (i[31].p.k || 0 !== i[31].p.v || i[32].p.k || 1 !== i[32].p.v || i[33].p.k || 1 !== i[33].p.v || i[34].p.k || 0 !== i[34].p.v || i[35].p.k || 1 !== i[35].p.v) && (this.feFuncA = this.createFeFunc("feFuncA", r)), (this.feFuncR || this.feFuncG || this.feFuncB || this.feFuncA) && (r.setAttribute("color-interpolation-filters", "sRGB"), t.appendChild(r), r = createNS("feComponentTransfer")), (i[3].p.k || 0 !== i[3].p.v || i[4].p.k || 1 !== i[4].p.v || i[5].p.k || 1 !== i[5].p.v || i[6].p.k || 0 !== i[6].p.v || i[7].p.k || 1 !== i[7].p.v) && (r.setAttribute("color-interpolation-filters", "sRGB"), t.appendChild(r), this.feFuncRComposed = this.createFeFunc("feFuncR", r), this.feFuncGComposed = this.createFeFunc("feFuncG", r), this.feFuncBComposed = this.createFeFunc("feFuncB", r))
}
function SVGDropShadowEffect(t, e) {
t.setAttribute("x", "-100%"), t.setAttribute("y", "-100%"), t.setAttribute("width", "400%"), t.setAttribute("height", "400%"), this.filterManager = e;
var i = createNS("feGaussianBlur");
i.setAttribute("in", "SourceAlpha"), i.setAttribute("result", "drop_shadow_1"), i.setAttribute("stdDeviation", "0"), this.feGaussianBlur = i, t.appendChild(i);
var r = createNS("feOffset");
r.setAttribute("dx", "25"), r.setAttribute("dy", "0"), r.setAttribute("in", "drop_shadow_1"), r.setAttribute("result", "drop_shadow_2"), this.feOffset = r, t.appendChild(r);
var s = createNS("feFlood");
s.setAttribute("flood-color", "#00ff00"), s.setAttribute("flood-opacity", "1"), s.setAttribute("result", "drop_shadow_3"), this.feFlood = s, t.appendChild(s);
var a = createNS("feComposite");
a.setAttribute("in", "drop_shadow_3"), a.setAttribute("in2", "drop_shadow_2"), a.setAttribute("operator", "in"), a.setAttribute("result", "drop_shadow_4"), t.appendChild(a);
var n = createNS("feMerge");
t.appendChild(n);
var o;
o = createNS("feMergeNode"), n.appendChild(o), o = createNS("feMergeNode"), o.setAttribute("in", "SourceGraphic"), this.feMergeNode = o, this.feMerge = n, this.originalNodeAdded = !1, n.appendChild(o)
}
function SVGMatte3Effect(t, e, i) {
this.initialized = !1, this.filterManager = e, this.filterElem = t, this.elem = i, i.matteElement = createNS("g"), i.matteElement.appendChild(i.layerElement), i.matteElement.appendChild(i.transformedElement), i.baseElement = i.matteElement
}
function SVGEffects(t) {
var e, i = t.data.ef ? t.data.ef.length : 0,
r = randomString(10),
s = filtersFactory.createFilter(r),
a = 0;
this.filters = [];
var n;
for (e = 0; e < i; e += 1) n = null, 20 === t.data.ef[e].ty ? (a += 1, n = new SVGTintFilter(s, t.effectsManager.effectElements[e])) : 21 === t.data.ef[e].ty ? (a += 1, n = new SVGFillFilter(s, t.effectsManager.effectElements[e])) : 22 === t.data.ef[e].ty ? n = new SVGStrokeEffect(t, t.effectsManager.effectElements[e]) : 23 === t.data.ef[e].ty ? (a += 1, n = new SVGTritoneFilter(s, t.effectsManager.effectElements[e])) : 24 === t.data.ef[e].ty ? (a += 1, n = new SVGProLevelsFilter(s, t.effectsManager.effectElements[e])) : 25 === t.data.ef[e].ty ? (a += 1, n = new SVGDropShadowEffect(s, t.effectsManager.effectElements[e])) : 28 === t.data.ef[e].ty && (n = new SVGMatte3Effect(s, t.effectsManager.effectElements[e], t)), n && this.filters.push(n);
a && (t.globalData.defs.appendChild(s), t.layerElement.setAttribute("filter", "url(" + locationHref + "#" + r + ")"))
}
function EffectsManager() {}
function CanvasRenderer(t, e) {
this.animationItem = t, this.renderConfig = {
clearCanvas: !e || void 0 === e.clearCanvas || e.clearCanvas,
context: e && e.context || null,
progressiveLoad: e && e.progressiveLoad || !1,
preserveAspectRatio: e && e.preserveAspectRatio || "xMidYMid meet",
className: e && e.className || ""
}, this.renderConfig.dpr = e && e.dpr || 1, this.animationItem.wrapper && (this.renderConfig.dpr = e && e.dpr || window.devicePixelRatio || 1), this.renderedFrame = -1, this.globalData = {
frameNum: -1,
_mdf: !1,
renderConfig: this.renderConfig
};
this.contextData = new CVContextData, this.elements = [], this.pendingElements = [], this.transformMat = new Matrix, this.completeLayers = !1
}
function HybridRenderer(t, e) {
this.animationItem = t, this.layers = null, this.renderedFrame = -1, this.renderConfig = {
className: e && e.className || "",
hideOnTransparent: !e || e.hideOnTransparent !== !1
}, this.globalData = {
_mdf: !1,
frameNum: -1,
renderConfig: this.renderConfig
}, this.pendingElements = [], this.elements = [], this.threeDElements = [], this.destroyed = !1, this.camera = null, this.supports3d = !0
}
function CVContextData() {
this.saved = [], this.cArrPos = 0, this.cTr = new Matrix, this.cO = 1;
var t, e = 15;
for (this.savedOp = createTypedArray("float32", e), t = 0; t < e; t += 1) this.saved[t] = createTypedArray("float32", 16);
this._length = e
}
function CVBaseElement() {}
function CVImageElement(t, e, i) {
this.failed = !1, this.img = new Image, this.assetData = e.getAssetData(t.refId), this.initElement(t, e, i), this.globalData.addPendingElement()
}
function CVCompElement(t, e, i) {
this.completeLayers = !1, this.layers = t.layers, this.pendingElements = [], this.elements = createSizedArray(this.layers.length), this.initElement(t, e, i), this.tm = t.tm ? PropertyFactory.getProp(this, t.tm, 0, e.frameRate, this) : {
_placeholder: !0
}
}
function CVMaskElement(t, e) {
this.data = t, this.element = e, this.masksProperties = this.data.masksProperties || [], this.viewData = createSizedArray(this.masksProperties.length);
var i, r = this.masksProperties.length,
s = !1;
for (i = 0; i < r; i++) "n" !== this.masksProperties[i].mode && (s = !0), this.viewData[i] = ShapePropertyFactory.getShapeProp(this.element, this.masksProperties[i], 3);
this.hasMasks = s
}
function CVShapeElement(t, e, i) {
this.shapes = [], this.shapesData = t.shapes, this.stylesList = [], this.itemsData = [], this.prevViewData = [], this.shapeModifiers = [], this.processedElements = [], this.initElement(t, e, i)
}
function CVSolidElement(t, e, i) {
this.initElement(t, e, i)
}
function CVTextElement(t, e, i) {
this.textSpans = [], this.yOffset = 0, this.fillColorAnim = !1, this.strokeColorAnim = !1, this.strokeWidthAnim = !1, this.stroke = !1, this.fill = !1, this.justifyOffset = 0, this.currentRender = null, this.renderType = "canvas", this.values = {
fill: "rgba(0,0,0,0)",
stroke: "rgba(0,0,0,0)",
sWidth: 0,
fValue: ""
}, this.initElement(t, e, i)
}
function CVEffects() {}
function HBaseElement(t, e, i) {}
function HSolidElement(t, e, i) {
this.initElement(t, e, i)
}
function HCompElement(t, e, i) {
this.layers = t.layers, this.supports3d = !t.hasMask, this.completeLayers = !1, this.pendingElements = [], this.elements = this.layers ? createSizedArray(this.layers.length) : [], this.initElement(t, e, i), this.tm = t.tm ? PropertyFactory.getProp(this, t.tm, 0, e.frameRate, this) : {
_placeholder: !0
}
}
function HShapeElement(t, e, i) {
this.shapes = [], this.shapesData = t.shapes, this.stylesList = [], this.shapeModifiers = [], this.itemsData = [], this.processedElements = [], this.shapesContainer = createNS("g"), this.initElement(t, e, i), this.prevViewData = [], this.currentBBox = {
x: 999999,
y: -999999,
h: 0,
w: 0
}
}
function HTextElement(t, e, i) {
this.textSpans = [], this.textPaths = [], this.currentBBox = {
x: 999999,
y: -999999,
h: 0,
w: 0
}, this.renderType = "svg", this.isMasked = !1, this.initElement(t, e, i)
}
function HImageElement(t, e, i) {
this.assetData = e.getAssetData(t.refId), this.initElement(t, e, i)
}
function HCameraElement(t, e, i) {
this.initFrame(), this.initBaseData(t, e, i), this.initHierarchy();
var r = PropertyFactory.getProp;
if (this.pe = r(this, t.pe, 0, 0, this), t.ks.p.s ? (this.px = r(this, t.ks.p.x, 1, 0, this), this.py = r(this, t.ks.p.y, 1, 0, this), this.pz = r(this, t.ks.p.z, 1, 0, this)) : this.p = r(this, t.ks.p, 1, 0, this), t.ks.a && (this.a = r(this, t.ks.a, 1, 0, this)), t.ks.or.k.length && t.ks.or.k[0].to) {
var s, a = t.ks.or.k.length;
for (s = 0; s < a; s += 1) t.ks.or.k[s].to = null, t.ks.or.k[s].ti = null
}
this.or = r(this, t.ks.or, 1, degToRads, this), this.or.sh = !0, this.rx = r(this, t.ks.rx, 0, degToRads, this), this.ry = r(this, t.ks.ry, 0, degToRads, this), this.rz = r(this, t.ks.rz, 0, degToRads, this), this.mat = new Matrix, this._prevMat = new Matrix, this._isFirstFrame = !0
}
function HEffects() {}
function SliderEffect(t, e, i) {
this.p = PropertyFactory.getProp(e, t.v, 0, 0, i)
}
function AngleEffect(t, e, i) {
this.p = PropertyFactory.getProp(e, t.v, 0, 0, i)
}
function ColorEffect(t, e, i) {
this.p = PropertyFactory.getProp(e, t.v, 1, 0, i)
}
function PointEffect(t, e, i) {
this.p = PropertyFactory.getProp(e, t.v, 1, 0, i)
}
function LayerIndexEffect(t, e, i) {
this.p = PropertyFactory.getProp(e, t.v, 0, 0, i)
}
function MaskIndexEffect(t, e, i) {
this.p = PropertyFactory.getProp(e, t.v, 0, 0, i)
}
function CheckboxEffect(t, e, i) {
this.p = PropertyFactory.getProp(e, t.v, 0, 0, i)
}
function NoValueEffect() {
this.p = {}
}
function EffectsManager(t, e) {
var i = t.ef || [];
this.effectElements = [];
var r, s, a = i.length;
for (r = 0; r < a; r++) s = new GroupEffect(i[r], e), this.effectElements.push(s)
}
function GroupEffect(t, e) {
this.container = e, this.dynamicProperties = [], this.init(t, e)
}
function setLocationHref(t) {
locationHref = t
}
function play(t) {
animationManager.play(t)
}
function pause(t) {
animationManager.pause(t)
}
function togglePause(t) {
animationManager.togglePause(t)
}
function setSpeed(t, e) {
animationManager.setSpeed(t, e)
}
function setDirection(t, e) {
animationManager.setDirection(t, e)
}
function stop(t) {
animationManager.stop(t)
}
function searchAnimations() {
standalone === !0 ? animationManager.searchAnimations(animationData, standalone, renderer) : animationManager.searchAnimations()
}
function registerAnimation(t) {
return animationManager.registerAnimation(t)
}
function resize() {
animationManager.resize()
}
function goToAndStop(t, e, i) {
animationManager.goToAndStop(t, e, i)
}
function setSubframeRendering(t) {
subframeEnabled = t
}
function loadAnimation(t) {
return standalone === !0 && (t.animationData = JSON.parse(animationData)), animationManager.loadAnimation(t)
}
function destroy(t) {
return animationManager.destroy(t)
}
function setQuality(t) {
if ("string" == typeof t) switch (t) {
case "high":
defaultCurveSegments = 200;
break;
case "medium":
defaultCurveSegments = 50;
break;
case "low":
defaultCurveSegments = 10
} else !isNaN(t) && t > 1 && (defaultCurveSegments = t);
roundValues(!(defaultCurveSegments >= 50))
}
function inBrowser() {
return "undefined" != typeof navigator
}
function installPlugin(t, e) {
"expressions" === t && (expressionsPlugin = e)
}
function getFactory(t) {
switch (t) {
case "propertyFactory":
return PropertyFactory;
case "shapePropertyFactory":
return ShapePropertyFactory;
case "matrix":
return Matrix
}
}
function checkReady() {
"complete" === document.readyState && (clearInterval(readyStateCheckInterval), searchAnimations())
}
function getQueryVariable(t) {
for (var e = queryString.split("&"), i = 0; i < e.length; i++) {
var r = e[i].split("=");
if (decodeURIComponent(r[0]) == t) return decodeURIComponent(r[1])
}
}
var svgNS = "http://www.w3.org/2000/svg",
locationHref = "",
initialDefaultFrame = -999999,
subframeEnabled = !0,
expressionsPlugin, isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent),
cachedColors = {},
bm_rounder = Math.round,
bm_rnd, bm_pow = Math.pow,
bm_sqrt = Math.sqrt,
bm_abs = Math.abs,
bm_floor = Math.floor,
bm_max = Math.max,
bm_min = Math.min,
blitter = 10,
BMMath = {};
! function() {
var t, e = Object.getOwnPropertyNames(Math),
i = e.length;
for (t = 0; t < i; 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 i, r = createSizedArray(t.length),
s = t.length;
for (i = 0; i < s; i += 1) r[i] = Math.abs(t[i]);
return r
}
return Math.abs(t)
};
var defaultCurveSegments = 150,
degToRads = Math.PI / 180,
roundCorner = .5519;
roundValues(!1);
var rgbToHex = function() {
var t, e, i = [];
for (t = 0; t < 256; t += 1) e = t.toString(16), i[t] = 1 == e.length ? "0" + e : e;
return function(t, e, r) {
return t < 0 && (t = 0), e < 0 && (e = 0), r < 0 && (r = 0), "#" + i[t] + i[e] + i[r]
}
}();
BaseEvent.prototype = {
triggerEvent: function(t, e) {
if (this._cbs[t])
for (var i = this._cbs[t].length, r = 0; r < i; r++) this._cbs[t][r](e)
},
addEventListener: function(t, e) {
return this._cbs[t] || (this._cbs[t] = []), this._cbs[t].push(e),
function() {
this.removeEventListener(t, e)
}.bind(this)
},
removeEventListener: function(t, e) {
if (e) {
if (this._cbs[t]) {
for (var i = 0, r = this._cbs[t].length; i < r;) this._cbs[t][i] === e && (this._cbs[t].splice(i, 1), i -= 1, r -= 1), i += 1;
this._cbs[t].length || (this._cbs[t] = null)
}
} else this._cbs[t] = null
}
};
var createTypedArray = function() {
function t(t, e) {
var i, r = 0,
s = [];
switch (t) {
case "int16":
case "uint8c":
i = 1;
break;
default:
i = 1.1
}
for (r = 0; r < e; r += 1) s.push(i);
return s
}
function e(t, e) {
return "float32" === t ? new Float32Array(e) : "int16" === t ? new Int16Array(e) : "uint8c" === t ? new Uint8ClampedArray(e) : void 0;
}
return "function" == typeof Uint8ClampedArray && "function" == typeof Float32Array ? e : t
}(),
Matrix = function() {
function t() {
return this.props[0] = 1, this.props[1] = 0, this.props[2] = 0, this.props[3] = 0, this.props[4] = 0, this.props[5] = 1, this.props[6] = 0, this.props[7] = 0, this.props[8] = 0, this.props[9] = 0, this.props[10] = 1, this.props[11] = 0, this.props[12] = 0, this.props[13] = 0, this.props[14] = 0, this.props[15] = 1, this
}
function e(t) {
if (0 === t) return this;
var e = k(t),
i = M(t);
return this._t(e, -i, 0, 0, i, e, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
function i(t) {
if (0 === t) return this;
var e = k(t),
i = M(t);
return this._t(1, 0, 0, 0, 0, e, -i, 0, 0, i, e, 0, 0, 0, 0, 1)
}
function r(t) {
if (0 === t) return this;
var e = k(t),
i = M(t);
return this._t(e, 0, i, 0, 0, 1, 0, 0, -i, 0, e, 0, 0, 0, 0, 1)
}
function s(t) {
if (0 === t) return this;
var e = k(t),
i = M(t);
return this._t(e, -i, 0, 0, i, 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(T(t), T(e))
}
function o(t, e) {
var i = k(e),
r = M(e);
return this._t(i, r, 0, 0, -r, i, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)._t(1, 0, 0, 0, T(t), 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)._t(i, -r, 0, 0, r, i, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
function h(t, e, i) {
return i = isNaN(i) ? 1 : i, 1 == t && 1 == e && 1 == i ? this : this._t(t, 0, 0, 0, 0, e, 0, 0, 0, 0, i, 0, 0, 0, 0, 1)
}
function l(t, e, i, r, s, a, n, o, h, l, p, m, f, c, d, u) {
return this.props[0] = t, this.props[1] = e, this.props[2] = i, this.props[3] = r, this.props[4] = s, this.props[5] = a, this.props[6] = n, this.props[7] = o, this.props[8] = h, this.props[9] = l, this.props[10] = p, this.props[11] = m, this.props[12] = f, this.props[13] = c, this.props[14] = d, this.props[15] = u, this
}
function p(t, e, i) {
return i = i || 0, 0 !== t || 0 !== e || 0 !== i ? this._t(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, t, e, i, 1) : this
}
function m(t, e, i, r, s, a, n, o, h, l, p, m, f, c, d, u) {
var y = this.props;
if (1 === t && 0 === e && 0 === i && 0 === r && 0 === s && 1 === a && 0 === n && 0 === o && 0 === h && 0 === l && 1 === p && 0 === m) return y[12] = y[12] * t + y[15] * f, y[13] = y[13] * a + y[15] * c, y[14] = y[14] * p + y[15] * d, y[15] = y[15] * u, this._identityCalculated = !1, this;
var g = y[0],
v = y[1],
b = y[2],
E = y[3],
x = y[4],
S = y[5],
P = y[6],
_ = y[7],
C = y[8],
A = y[9],
k = y[10],
M = y[11],
T = y[12],
D = y[13],
F = y[14],
w = y[15];
return y[0] = g * t + v * s + b * h + E * f, y[1] = g * e + v * a + b * l + E * c, y[2] = g * i + v * n + b * p + E * d, y[3] = g * r + v * o + b * m + E * u, y[4] = x * t + S * s + P * h + _ * f, y[5] = x * e + S * a + P * l + _ * c, y[6] = x * i + S * n + P * p + _ * d, y[7] = x * r + S * o + P * m + _ * u, y[8] = C * t + A * s + k * h + M * f, y[9] = C * e + A * a + k * l + M * c, y[10] = C * i + A * n + k * p + M * d, y[11] = C * r + A * o + k * m + M * u, y[12] = T * t + D * s + F * h + w * f, y[13] = T * e + D * a + F * l + w * c, y[14] = T * i + D * n + F * p + w * d, y[15] = T * r + D * o + F * m + w * u, this._identityCalculated = !1, this
}
function f() {
return this._identityCalculated || (this._identity = !(1 !== this.props[0] || 0 !== this.props[1] || 0 !== this.props[2] || 0 !== this.props[3] || 0 !== this.props[4] || 1 !== this.props[5] || 0 !== this.props[6] || 0 !== this.props[7] || 0 !== this.props[8] || 0 !== this.props[9] || 1 !== this.props[10] || 0 !== this.props[11] || 0 !== this.props[12] || 0 !== this.props[13] || 0 !== this.props[14] || 1 !== this.props[15]), this._identityCalculated = !0), this._identity
}
function c(t) {
for (var e = 0; e < 16;) {
if (t.props[e] !== this.props[e]) return !1;
e += 1
}
return !0
}
function d(t) {
var e;
for (e = 0; e < 16; e += 1) t.props[e] = this.props[e]
}
function u(t) {
var e;
for (e = 0; e < 16; e += 1) this.props[e] = t[e]
}
function y(t, e, i) {
return {
x: t * this.props[0] + e * this.props[4] + i * this.props[8] + this.props[12],
y: t * this.props[1] + e * this.props[5] + i * this.props[9] + this.props[13],
z: t * this.props[2] + e * this.props[6] + i * this.props[10] + this.props[14]
}
}
function g(t, e, i) {
return t * this.props[0] + e * this.props[4] + i * this.props[8] + this.props[12]
}
function v(t, e, i) {
return t * this.props[1] + e * this.props[5] + i * this.props[9] + this.props[13]
}
function b(t, e, i) {
return t * this.props[2] + e * this.props[6] + i * this.props[10] + this.props[14]
}
function E(t) {
var e = this.props[0] * this.props[5] - this.props[1] * this.props[4],
i = this.props[5] / e,
r = -this.props[1] / e,
s = -this.props[4] / e,
a = this.props[0] / e,
n = (this.props[4] * this.props[13] - this.props[5] * this.props[12]) / e,
o = -(this.props[0] * this.props[13] - this.props[1] * this.props[12]) / e;
return [t[0] * i + t[1] * s + n, t[0] * r + t[1] * a + o, 0]
}
function x(t) {
var e, i = t.length,
r = [];
for (e = 0; e < i; e += 1) r[e] = E(t[e]);
return r
}
function S(t, e, i) {
var r = createTypedArray("float32", 6);
if (this.isIdentity()) r[0] = t[0], r[1] = t[1], r[2] = e[0], r[3] = e[1], r[4] = i[0], r[5] = i[1];
else {
var s = this.props[0],
a = this.props[1],
n = this.props[4],
o = this.props[5],
h = this.props[12],
l = this.props[13];
r[0] = t[0] * s + t[1] * n + h, r[1] = t[0] * a + t[1] * o + l, r[2] = e[0] * s + e[1] * n + h, r[3] = e[0] * a + e[1] * o + l, r[4] = i[0] * s + i[1] * n + h, r[5] = i[0] * a + i[1] * o + l
}
return r
}
function P(t, e, i) {
var r;
return r = this.isIdentity() ? [t, e, i] : [t * this.props[0] + e * this.props[4] + i * this.props[8] + this.props[12], t * this.props[1] + e * this.props[5] + i * this.props[9] + this.props[13], t * this.props[2] + e * this.props[6] + i * this.props[10] + this.props[14]]
}
function _(t, e) {
return this.isIdentity() ? t + "," + e : t * this.props[0] + e * this.props[4] + this.props[12] + "," + (t * this.props[1] + e * this.props[5] + this.props[13])
}
function C() {
for (var t = 0, e = this.props, i = "matrix3d(", r = 1e4; t < 16;) i += D(e[t] * r) / r, i += 15 === t ? ")" : ",", t += 1;
return i
}
function A() {
var t = 1e4,
e = this.props;
return "matrix(" + D(e[0] * t) / t + "," + D(e[1] * t) / t + "," + D(e[4] * t) / t + "," + D(e[5] * t) / t + "," + D(e[12] * t) / t + "," + D(e[13] * t) / t + ")"
}
var k = Math.cos,
M = Math.sin,
T = Math.tan,
D = Math.round;
return function() {
this.reset = t, this.rotate = e, this.rotateX = i, this.rotateY = r, this.rotateZ = s, this.skew = n, this.skewFromAxis = o, this.shear = a, this.scale = h, this.setTransform = l, this.translate = p, this.transform = m, this.applyToPoint = y, this.applyToX = g, this.applyToY = v, this.applyToZ = b, this.applyToPointArray = P, this.applyToTriplePoints = S, this.applyToPointStringified = _, this.toCSS = C, this.to2dCSS = A, this.clone = d, this.cloneFromProps = u, this.equals = c, this.inversePoints = x, this.inversePoint = E, this._t = this.transform, this.isIdentity = f, this._identity = !0, this._identityCalculated = !1, this.props = createTypedArray("float32", 16), this.reset()
}
}();
! function(t, e) {
function i(i, l, p) {
var c = [];
l = l === !0 ? {
entropy: !0
} : l || {};
var v = n(a(l.entropy ? [i, h(t)] : null === i ? o() : i, 3), c),
b = new r(c),
E = function() {
for (var t = b.g(f), e = u, i = 0; t < y;) t = (t + i) * m, e *= m, i = b.g(1);
for (; t >= g;) t /= 2, e /= 2, i >>>= 1;
return (t + i) / 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, i, r, a) {
return a && (a.S && s(a, b), t.state = function() {
return s(b, {})
}), r ? (e[d] = t, i) : t
})(E, v, "global" in l ? l.global : this == e, l.state)
}
function r(t) {
var e, i = t.length,
r = this,
s = 0,
a = r.i = r.j = 0,
n = r.S = [];
for (i || (t = [i++]); s < m;) n[s] = s++;
for (s = 0; s < m; s++) n[s] = n[a = v & a + t[s % i] + (e = n[s])], n[a] = e;
r.g = function(t) {
for (var e, i = 0, s = r.i, a = r.j, n = r.S; t--;) e = n[s = v & s + 1], i = i * m + n[v & (n[s] = n[a = v & a + e]) + (n[a] = e)];
return r.i = s, r.j = a, i
}
}
function s(t, e) {
return e.i = t.i, e.j = t.j, e.S = t.S.slice(), e
}
function a(t, e) {
var i, r = [],
s = typeof t;
if (e && "object" == s)
for (i in t) try {
r.push(a(t[i], e - 1))
} catch (n) {}
return r.length ? r : "string" == s ? t : t + "\0"
}
function n(t, e) {
for (var i, r = t + "", s = 0; s < r.length;) e[v & s] = v & (i ^= 19 * e[v & s]) + r.charCodeAt(s++);
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 (i) {
var r = p.navigator,
s = r && r.plugins;
return [+new Date, p, s, p.screen, h(t)]
}
}
function h(t) {
return String.fromCharCode.apply(0, t)
}
var l, p = this,
m = 256,
f = 6,
c = 52,
d = "random",
u = e.pow(m, f),
y = e.pow(2, c),
g = 2 * y,
v = m - 1;
e["seed" + d] = i, n(e.random(), t)
}([], BMMath);
var BezierFactory = function() {
function t(t, e, i, r, s) {
var a = s || ("bez_" + t + "_" + e + "_" + i + "_" + r).replace(/\./g, "p");
if (p[a]) return p[a];
var n = new h([t, e, i, r]);
return p[a] = n, n
}
function e(t, e) {
return 1 - 3 * e + 3 * t
}
function i(t, e) {
return 3 * e - 6 * t
}
function r(t) {
return 3 * t
}
function s(t, s, a) {
return ((e(s, a) * t + i(s, a)) * t + r(s)) * t
}
function a(t, s, a) {
return 3 * e(s, a) * t * t + 2 * i(s, a) * t + r(s)
}
function n(t, e, i, r, a) {
var n, o, h = 0;
do o = e + (i - e) / 2, n = s(o, r, a) - t, n > 0 ? i = o : e = o; while (Math.abs(n) > c && ++h < d);
return o
}
function o(t, e, i, r) {
for (var n = 0; n < m; ++n) {
var o = a(e, i, r);
if (0 === o) return e;
var h = s(e, i, 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,
c = 1e-7,
d = 10,
u = 11,
y = 1 / (u - 1),
g = "function" == typeof Float32Array;
return h.prototype = {
get: function(t) {
var e = this._p[0],
i = this._p[1],
r = this._p[2],
a = this._p[3];
return this._precomputed || this._precompute(), e === i && r === a ? t : 0 === t ? 0 : 1 === t ? 1 : s(this._getTForX(t), i, a)
},
_precompute: function() {
var t = this._p[0],
e = this._p[1],
i = this._p[2],
r = this._p[3];
this._precomputed = !0, t === e && i === r || this._calcSampleValues()
},
_calcSampleValues: function() {
for (var t = this._p[0], e = this._p[2], i = 0; i < u; ++i) this._mSampleValues[i] = s(i * y, t, e)
},
_getTForX: function(t) {
for (var e = this._p[0], i = this._p[2], r = this._mSampleValues, s = 0, h = 1, l = u - 1; h !== l && r[h] <= t; ++h) s += y;
--h;
var p = (t - r[h]) / (r[h + 1] - r[h]),
m = s + p * y,
c = a(m, e, i);
return c >= f ? o(t, m, e, i) : 0 === c ? m : n(t, s, s + y, e, i)
}
}, l
}();
! function() {
for (var t = 0, e = ["ms", "moz", "webkit", "o"], i = 0; i < e.length && !window.requestAnimationFrame; ++i) window.requestAnimationFrame = window[e[i] + "RequestAnimationFrame"], window.cancelAnimationFrame = window[e[i] + "CancelAnimationFrame"] || window[e[i] + "CancelRequestAnimationFrame"];
window.requestAnimationFrame || (window.requestAnimationFrame = function(e, i) {
var r = (new Date).getTime(),
s = Math.max(0, 16 - (r - t)),
a = setTimeout(function() {
e(r + s)
}, s);
return t = r + s, a
}), window.cancelAnimationFrame || (window.cancelAnimationFrame = function(t) {
clearTimeout(t)
})
}();
var bez = bezFunction(),
dataManager = dataFunctionManager(),
FontManager = function() {
function t(t, e) {
var i = createTag("span");
i.style.fontFamily = e;
var r = createTag("span");
r.innerHTML = "giItT1WQy@!-/#", i.style.position = "absolute", i.style.left = "-10000px", i.style.top = "-10000px", i.style.fontSize = "300px", i.style.fontVariant = "normal", i.style.fontStyle = "normal", i.style.fontWeight = "normal", i.style.letterSpacing = "0", i.appendChild(r), document.body.appendChild(i);
var s = r.offsetWidth;
return r.style.fontFamily = t + ", " + e, {
node: r,
w: s,
parent: i
}
}
function e() {
var t, i, r, s = this.fonts.length,
a = s;
for (t = 0; t < s; t += 1)
if (this.fonts[t].loaded) a -= 1;
else if ("t" === this.fonts[t].fOrigin || 2 === this.fonts[t].origin) {
if (window.Typekit && window.Typekit.load && 0 === this.typekitLoaded) {
this.typekitLoaded = 1;
try {
window.Typekit.load({
async: !0,
active: function() {
this.typekitLoaded = 2
}.bind(this)
})
} catch (n) {}
}
2 === this.typekitLoaded && (this.fonts[t].loaded = !0)
} else "n" === this.fonts[t].fOrigin || 0 === this.fonts[t].origin ? this.fonts[t].loaded = !0 : (i = this.fonts[t].monoCase.node, r = this.fonts[t].monoCase.w, i.offsetWidth !== r ? (a -= 1, this.fonts[t].loaded = !0) : (i = this.fonts[t].sansCase.node, r = this.fonts[t].sansCase.w, i.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 < l ? setTimeout(e.bind(this), 20) : setTimeout(function() {
this.loaded = !0
}.bind(this), 0)
}
function i(t, e) {
var i = createNS("text");
i.style.fontSize = "100px", i.setAttribute("font-family", e.fFamily), i.setAttribute("font-style", e.fStyle), i.setAttribute("font-weight", e.fWeight), i.textContent = "1", e.fClass ? (i.style.fontFamily = "inherit", i.className = e.fClass) : i.style.fontFamily = e.fFamily, t.appendChild(i);
var r = createTag("canvas").getContext("2d");
return r.font = e.fWeight + " " + e.fStyle + " 100px " + e.fFamily, i
}
function r(r, s) {
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; a < o; 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 || 3 === n[a].origin) {
var h = createTag("style");
h.type = "text/css", h.innerHTML = "@font-face {font-family: " + n[a].fFamily + "; font-style: normal; src: url('" + n[a].fPath + "');}", s.appendChild(h)
} else if ("g" === n[a].fOrigin || 1 === n[a].origin) {
var l = createTag("link");
l.type = "text/css", l.rel = "stylesheet", l.href = n[a].fPath, document.body.appendChild(l)
} else if ("t" === n[a].fOrigin || 2 === n[a].origin) {
var p = createTag("script");
p.setAttribute("src", n[a].fPath), s.appendChild(p)
}
} else n[a].loaded = !0;
n[a].helper = i(s, n[a]), n[a].cache = {}, this.fonts.push(n[a])
}
setTimeout(function() {
e.bind(this)()
}.bind(this), 100)
}
function s(t) {
if (t) {
this.chars || (this.chars = []);
var e, i, r, s = t.length,
a = this.chars.length;
for (e = 0; e < s; e += 1) {
for (i = 0, r = !1; i < a;) this.chars[i].style === t[e].style && this.chars[i].fFamily === t[e].fFamily && this.chars[i].ch === t[e].ch && (r = !0), i += 1;
r || (this.chars.push(t[e]), a += 1)
}
}
}
function a(t, e, i) {
for (var r = 0, s = this.chars.length; r < s;) {
if (this.chars[r].ch === t && this.chars[r].style === e && this.chars[r].fFamily === i) return this.chars[r];
r += 1
}
return console && console.warn && console.warn("Missing character from exported characters list: ", t, e, i), p
}
function n(t, e, i) {
var r = this.getFontByName(e),
s = t.charCodeAt(0);
if (!r.cache[s + 1]) {
var a = r.helper;
a.textContent = t, r.cache[s + 1] = a.getComputedTextLength() / 100
}
return r.cache[s + 1] * i
}
function o(t) {
for (var e = 0, i = this.fonts.length; e < i;) {
if (this.fonts[e].fName === t) return this.fonts[e];
e += 1
}
return this.fonts[0]
}
function h() {
return m
}
var l = 5e3,
p = {
w: 0,
size: 0,
shapes: []
},
m = [];
m = m.concat([2304, 2305, 2306, 2307, 2362, 2363, 2364, 2364, 2366, 2367, 2368, 2369, 2370, 2371, 2372, 2373, 2374, 2375, 2376, 2377, 2378, 2379, 2380, 2381, 2382, 2383, 2387, 2388, 2389, 2390, 2391, 2402, 2403]);
var f = function() {
this.fonts = [], this.chars = null, this.typekitLoaded = 0, this.loaded = !1, this.initTime = Date.now()
};
return f.getCombinedCharacterCodes = h, f.prototype.addChars = s, f.prototype.addFonts = r, f.prototype.getCharData = a, f.prototype.getFontByName = o, f.prototype.measureText = n, f
}(),
PropertyFactory = function() {
function t(t, s) {
var a, n = this.offsetTime;
"multidimensional" === this.propType && (a = createTypedArray("float32", this.pv.length));
for (var o, h, l = s.lastIndex, p = l, m = this.keyframes.length - 1, f = !0; f;) {
if (o = this.keyframes[p], h = this.keyframes[p + 1], p == m - 1 && t >= h.t - n) {
o.h && (o = h), l = 0;
break
}
if (h.t - n > t) {
l = p;
break
}
p < m - 1 ? p += 1 : (l = 0, f = !1)
}
var c, d, u, y, g, v;
if (o.to) {
o.bezierData || bez.buildBezierData(o);
var b = o.bezierData;
if (t >= h.t - n || t < o.t - n) {
var E = t >= h.t - n ? b.points.length - 1 : 0;
for (d = b.points[E].point.length, c = 0; c < d; c += 1) a[c] = b.points[E].point[c];
s._lastBezierData = null
} else {
o.__fnct ? v = o.__fnct : (v = BezierFactory.getBezierEasing(o.o.x, o.o.y, o.i.x, o.i.y, o.n).get, o.__fnct = v), u = v((t - (o.t - n)) / (h.t - n - (o.t - n)));
var x, S = b.segmentLength * u,
P = s.lastFrame < t && s._lastBezierData === b ? s._lastAddedLength : 0;
for (g = s.lastFrame < t && s._lastBezierData === b ? s._lastPoint : 0, f = !0, y = b.points.length; f;) {
if (P += b.points[g].partialLength, 0 === S || 0 === u || g == b.points.length - 1) {
for (d = b.points[g].point.length, c = 0; c < d; c += 1) a[c] = b.points[g].point[c];
break
}
if (S >= P && S < P + b.points[g + 1].partialLength) {
for (x = (S - P) / b.points[g + 1].partialLength, d = b.points[g].point.length, c = 0; c < d; c += 1) a[c] = b.points[g].point[c] + (b.points[g + 1].point[c] - b.points[g].point[c]) * x;
break
}
g < y - 1 ? g += 1 : f = !1
}
s._lastPoint = g, s._lastAddedLength = P - b.points[g].partialLength, s._lastBezierData = b
}
} else {
var _, C, A, k, M;
if (m = o.s.length, this.sh && 1 !== o.h)
if (t >= h.t - n) a[0] = o.e[0], a[1] = o.e[1], a[2] = o.e[2];
else if (t <= o.t - n) a[0] = o.s[0], a[1] = o.s[1], a[2] = o.s[2];
else {
var T = r(o.s),
D = r(o.e),
F = (t - (o.t - n)) / (h.t - n - (o.t - n));
i(a, e(T, D, F))
} else
for (p = 0; p < m; p += 1) 1 !== o.h && (t >= h.t - n ? u = 1 : t < o.t - n ? u = 0 : (o.o.x.constructor === Array ? (o.__fnct || (o.__fnct = []), o.__fnct[p] ? v = o.__fnct[p] : (_ = o.o.x[p] || o.o.x[0], C = o.o.y[p] || o.o.y[0], A = o.i.x[p] || o.i.x[0], k = o.i.y[p] || o.i.y[0], v = BezierFactory.getBezierEasing(_, C, A, k).get, o.__fnct[p] = v)) : o.__fnct ? v = o.__fnct : (_ = o.o.x, C = o.o.y, A = o.i.x, k = o.i.y, v = BezierFactory.getBezierEasing(_, C, A, k).get, o.__fnct = v), u = v((t - (o.t - n)) / (h.t - n - (o.t - n))))), M = 1 === o.h ? o.s[p] : o.s[p] + (o.e[p] - o.s[p]) * u, 1 === m ? a = M : a[p] = M
}
return s.lastIndex = l, a
}
function e(t, e, i) {
var r, s, a, n, o, h = [],
l = t[0],
p = t[1],
m = t[2],
f = t[3],
c = e[0],
d = e[1],
u = e[2],
y = e[3];
return s = l * c + p * d + m * u + f * y, s < 0 && (s = -s, c = -c, d = -d, u = -u, y = -y), 1 - s > 1e-6 ? (r = Math.acos(s), a = Math.sin(r), n = Math.sin((1 - i) * r) / a, o = Math.sin(i * r) / a) : (n = 1 - i, o = i), h[0] = n * l + o * c, h[1] = n * p + o * d, h[2] = n * m + o * u, h[3] = n * f + o * y, h
}
function i(t, e) {
var i = e[0],
r = e[1],
s = e[2],
a = e[3],
n = Math.atan2(2 * r * a - 2 * i * s, 1 - 2 * r * r - 2 * s * s),
o = Math.asin(2 * i * r + 2 * s * a),
h = Math.atan2(2 * i * a - 2 * r * s, 1 - 2 * i * i - 2 * s * s);
t[0] = n / degToRads, t[1] = o / degToRads, t[2] = h / degToRads
}
function r(t) {
var e = t[0] * degToRads,
i = t[1] * degToRads,
r = t[2] * degToRads,
s = Math.cos(e / 2),
a = Math.cos(i / 2),
n = Math.cos(r / 2),
o = Math.sin(e / 2),
h = Math.sin(i / 2),
l = Math.sin(r / 2),
p = s * a * n - o * h * l,
m = o * h * n + s * a * l,
f = o * a * n + s * h * l,
c = s * h * n - o * a * l;
return [m, f, c, p]
}
function s() {
var t = this.comp.renderedFrame - this.offsetTime,
e = this.keyframes[0].t - this.offsetTime,
i = this.keyframes[this.keyframes.length - 1].t - this.offsetTime;
if (!(t === this._caching.lastFrame || this._caching.lastFrame !== c && (this._caching.lastFrame >= i && t >= i || this._caching.lastFrame < e && t < e))) {
this._caching.lastIndex = this._caching.lastFrame < t ? this._caching.lastIndex : 0;
var r = this.interpolateValue(t, this._caching);
this.pv = r
}
return this._caching.lastFrame = t, this.pv
}
function a(t) {
var e;
if ("unidimensional" === this.propType) e = t * this.mult, Math.abs(this.v - e) > 1e-5 && (this.v = e, this._mdf = !0);
else
for (var i = 0, r = this.v.length; i < r;) e = t[i] * this.mult, Math.abs(this.v[i] - e) > 1e-5 && (this.v[i] = e, this._mdf = !0), i += 1
}
function n() {
if (this.elem.globalData.frameId !== this.frameId && this.effectsSequence.length) {
if (this.lock) return void this.setVValue(this.pv);
this.lock = !0, this._mdf = this._isFirstFrame;
var t, e = this.effectsSequence.length,
i = this.kf ? this.pv : this.data.k;
for (t = 0; t < e; t += 1) i = this.effectsSequence[t](i);
this.setVValue(i), this._isFirstFrame = !1, this.lock = !1, this.frameId = this.elem.globalData.frameId
}
}
function o(t) {
this.effectsSequence.push(t), this.container.addDynamicProperty(this)
}
function h(t, e, i, r) {
this.propType = "unidimensional", this.mult = i || 1, this.data = e, this.v = i ? e.k * i : e.k, this.pv = e.k, this._mdf = !1, this.elem = t, this.container = r, this.comp = t.comp, this.k = !1, this.kf = !1, this.vel = 0, this.effectsSequence = [], this._isFirstFrame = !0, this.getValue = n, this.setVValue = a, this.addEffect = o
}
function l(t, e, i, r) {
this.propType = "multidimensional", this.mult = i || 1, this.data = e, this._mdf = !1, this.elem = t, this.container = r, this.comp = t.comp, this.k = !1, this.kf = !1, this.frameId = -1;
var s, h = e.k.length;
this.v = createTypedArray("float32", h), this.pv = createTypedArray("float32", h);
createTypedArray("float32", h);
for (this.vel = createTypedArray("float32", h), s = 0; s < h; s += 1) this.v[s] = e.k[s] * this.mult, this.pv[s] = e.k[s];
this._isFirstFrame = !0, this.effectsSequence = [], this.getValue = n, this.setVValue = a, this.addEffect = o
}
function p(e, i, r, h) {
this.propType = "unidimensional", this.keyframes = i.k, this.offsetTime = e.data.st, this.frameId = -1, this._caching = {
lastFrame: c,
lastIndex: 0,
value: 0
}, this.k = !0, this.kf = !0, this.data = i, this.mult = r || 1, this.elem = e, this.container = h, this.comp = e.comp, this.v = c, this.pv = c, this._isFirstFrame = !0, this.getValue = n, this.setVValue = a, this.interpolateValue = t, this.effectsSequence = [s.bind(this)], this.addEffect = o
}
function m(e, i, r, h) {
this.propType = "multidimensional";
var l, p, m, f, d, u = i.k.length;
for (l = 0; l < u - 1; l += 1) i.k[l].to && i.k[l].s && i.k[l].e && (p = i.k[l].s, m = i.k[l].e, f = i.k[l].to, d = i.k[l].ti, (2 === p.length && (p[0] !== m[0] || p[1] !== m[1]) && bez.pointOnLine2D(p[0], p[1], m[0], m[1], p[0] + f[0], p[1] + f[1]) && bez.pointOnLine2D(p[0], p[1], m[0], m[1], m[0] + d[0], m[1] + d[1]) || 3 === p.length && (p[0] !== m[0] || p[1] !== m[1] || p[2] !== m[2]) && bez.pointOnLine3D(p[0], p[1], p[2], m[0], m[1], m[2], p[0] + f[0], p[1] + f[1], p[2] + f[2]) && bez.pointOnLine3D(p[0], p[1], p[2], m[0], m[1], m[2], m[0] + d[0], m[1] + d[1], m[2] + d[2])) && (i.k[l].to = null, i.k[l].ti = null), p[0] === m[0] && p[1] === m[1] && 0 === f[0] && 0 === f[1] && 0 === d[0] && 0 === d[1] && (2 === p.length || p[2] === m[2] && 0 === f[2] && 0 === d[2]) && (i.k[l].to = null, i.k[l].ti = null));
this.effectsSequence = [s.bind(this)], this.keyframes = i.k, this.offsetTime = e.data.st, this.k = !0, this.kf = !0, this._isFirstFrame = !0, this.mult = r || 1, this.elem = e, this.container = h, this.comp = e.comp, this.getValue = n, this.setVValue = a, this.interpolateValue = t, this.frameId = -1;
var y = i.k[0].s.length;
for (this.v = createTypedArray("float32", y), this.pv = createTypedArray("float32", y), l = 0; l < y; l += 1) this.v[l] = c, this.pv[l] = c;
this._caching = {
lastFrame: c,
lastIndex: 0,
value: createTypedArray("float32", y)
}, this.addEffect = o
}
function f(t, e, i, r, s) {
var a;
if (0 === e.a) a = 0 === i ? new h(t, e, r, s) : new l(t, e, r, s);
else if (1 === e.a) a = 0 === i ? new p(t, e, r, s) : new m(t, e, r, s);
else if (e.k.length)
if ("number" == typeof e.k[0]) a = new l(t, e, r, s);
else switch (i) {
case 0:
a = new p(t, e, r, s);
break;
case 1:
a = new m(t, e, r, s)
} else a = new h(t, e, r, s);
return a.effectsSequence.length && s.addDynamicProperty(a), a
}
var c = initialDefaultFrame,
d = {
getProp: f
};
return d
}(),
TransformPropertyFactory = function() {
function t() {
var t, e = this.dynamicProperties.length;
for (t = 0; t < e; t += 1) this.dynamicProperties[t].getValue(), this.dynamicProperties[t]._mdf && (this._mdf = !0)
}
function e(t) {
this.searchDynamicProperties(), this.a && t.translate(-this.a.v[0], -this.a.v[1], this.a.v[2]), this.s && t.scale(this.s.v[0], this.s.v[1], this.s.v[2]), this.sk && t.skewFromAxis(-this.sk.v, this.sa.v), this.r ? t.rotate(-this.r.v) : t.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]), this.data.p.s ? this.data.p.z ? t.translate(this.px.v, this.py.v, -this.pz.v) : t.translate(this.px.v, this.py.v, 0) : t.translate(this.p.v[0], this.p.v[1], -this.p.v[2])
}
function i(t) {
if (this.elem.globalData.frameId !== this.frameId) {
if (this._mdf = !1, this.searchDynamicProperties(), this._mdf || t) {
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 e, i;
this.p._caching.lastFrame + this.p.offsetTime <= this.p.keyframes[0].t ? (e = this.p.getValueAtTime((this.p.keyframes[0].t + .01) / this.elem.globalData.frameRate, 0), i = this.p.getValueAtTime(this.p.keyframes[0].t / this.elem.globalData.frameRate, 0)) : this.p._caching.lastFrame + this.p.offsetTime >= this.p.keyframes[this.p.keyframes.length - 1].t ? (e = this.p.getValueAtTime(this.p.keyframes[this.p.keyframes.length - 1].t / this.elem.globalData.frameRate, 0), i = this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length - 1].t - .01) / this.elem.globalData.frameRate, 0)) : (e = this.p.pv, i = this.p.getValueAtTime((this.p._caching.lastFrame + this.p.offsetTime - .01) / this.elem.globalData.frameRate, this.p.offsetTime)), this.v.rotate(-Math.atan2(e[1] - i[1], e[0] - i[0]))
}
this.data.p.s ? this.data.p.z ? this.v.translate(this.px.v, this.py.v, -this.pz.v) : this.v.translate(this.px.v, this.py.v, 0) : this.v.translate(this.p.v[0], this.p.v[1], -this.p.v[2])
}
this.frameId = this.elem.globalData.frameId
}
}
function r() {
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 s() {}
function a(t, e, i) {
if (this.elem = t, this.frameId = -1, this.propType = "transform", this.container = i || t, this.dynamicProperties = [], this._mdf = !1, this.data = e, this.v = new Matrix, e.p.s ? (this.px = PropertyFactory.getProp(t, e.p.x, 0, 0, this), this.py = PropertyFactory.getProp(t, e.p.y, 0, 0, this), e.p.z && (this.pz = PropertyFactory.getProp(t, e.p.z, 0, 0, this))) : this.p = PropertyFactory.getProp(t, e.p, 1, 0, this), e.r) this.r = PropertyFactory.getProp(t, e.r, 0, degToRads, this);
else if (e.rx) {
if (this.rx = PropertyFactory.getProp(t, e.rx, 0, degToRads, this), this.ry = PropertyFactory.getProp(t, e.ry, 0, degToRads, this), this.rz = PropertyFactory.getProp(t, e.rz, 0, degToRads, this), e.or.k[0].ti) {
var r, s = e.or.k.length;
for (r = 0; r < s; r += 1) e.or.k[r].to = e.or.k[r].ti = null
}
this.or = PropertyFactory.getProp(t, e.or, 1, degToRads, this), this.or.sh = !0
}
e.sk && (this.sk = PropertyFactory.getProp(t, e.sk, 0, degToRads, this), this.sa = PropertyFactory.getProp(t, e.sa, 0, degToRads, this)), e.a && (this.a = PropertyFactory.getProp(t, e.a, 1, 0, this)), e.s && (this.s = PropertyFactory.getProp(t, e.s, 1, .01, this)), e.o ? this.o = PropertyFactory.getProp(t, e.o, 0, .01, t) : this.o = {
_mdf: !1,
v: 1
}, this.dynamicProperties.length || this.getValue(!0)
}
function n(t, e, i) {
return new a(t, e, i)
}
return a.prototype = {
applyToMatrix: e,
searchDynamicProperties: t,
getValue: i,
setInverted: r,
autoOrient: s,
addDynamicProperty: addDynamicProperty
}, {
getTransformProperty: n
}
}();
ShapePath.prototype.setPathData = function(t, e) {
this.c = t, this.setLength(e);
for (var i = 0; i < e;) this.v[i] = point_pool.newElement(), this.o[i] = point_pool.newElement(), this.i[i] = point_pool.newElement(), i += 1
}, ShapePath.prototype.setLength = function(t) {
for (; this._maxLength < t;) this.doubleArrayLength();
this._length = t
}, ShapePath.prototype.doubleArrayLength = function() {
this.v = this.v.concat(createSizedArray(this._maxLength)), this.i = this.i.concat(createSizedArray(this._maxLength)), this.o = this.o.concat(createSizedArray(this._maxLength)), this._maxLength *= 2
}, ShapePath.prototype.setXYAt = function(t, e, i, r, s) {
var a;
switch (this._length = Math.max(this._length, r + 1), this._length >= this._maxLength && this.doubleArrayLength(), i) {
case "v":
a = this.v;
break;
case "i":
a = this.i;
break;
case "o":
a = this.o
}(!a[r] || a[r] && !s) && (a[r] = point_pool.newElement()), a[r][0] = t, a[r][1] = e
}, ShapePath.prototype.setTripleAt = function(t, e, i, r, s, a, n, o) {
this.setXYAt(t, e, "v", n, o), this.setXYAt(i, r, "o", n, o), this.setXYAt(s, a, "i", n, o)
}, ShapePath.prototype.reverse = function() {
var t = new ShapePath;
t.setPathData(this.c, this._length);
var e = this.v,
i = this.o,
r = this.i,
s = 0;
this.c && (t.setTripleAt(e[0][0], e[0][1], r[0][0], r[0][1], i[0][0], i[0][1], 0, !1), s = 1);
var a, n = this._length - 1,
o = this._length;
for (a = s; a < o; a += 1) t.setTripleAt(e[n][0], e[n][1], r[n][0], r[n][1], i[n][0], i[n][1], a, !1), n -= 1;
return t
};
var ShapePropertyFactory = function() {
function t(t, e, i) {
var r, s, a, n, o, h, l, p, m, f = i.lastIndex;
if (t < this.keyframes[0].t - this.offsetTime) r = this.keyframes[0].s[0], a = !0, f = 0;
else if (t >= this.keyframes[this.keyframes.length - 1].t - this.offsetTime) r = 1 === this.keyframes[this.keyframes.length - 2].h ? this.keyframes[this.keyframes.length - 1].s[0] : this.keyframes[this.keyframes.length - 2].e[0], a = !0;
else {
for (var c, d, u = f, y = this.keyframes.length - 1, g = !0; g && (c = this.keyframes[u], d = this.keyframes[u + 1], !(d.t - this.offsetTime > t));) u < y - 1 ? u += 1 : g = !1;
if (a = 1 === c.h, f = u, !a) {
if (t >= d.t - this.offsetTime) p = 1;
else if (t < c.t - this.offsetTime) p = 0;
else {
var v;
c.__fnct ? v = c.__fnct : (v = BezierFactory.getBezierEasing(c.o.x, c.o.y, c.i.x, c.i.y).get, c.__fnct = v), p = v((t - (c.t - this.offsetTime)) / (d.t - this.offsetTime - (c.t - this.offsetTime)))
}
s = c.e[0]
}
r = c.s[0]
}
for (h = e._length, l = r.i[0].length, i.lastIndex = f, n = 0; n < h; n += 1)
for (o = 0; o < l; o += 1) m = a ? r.i[n][o] : r.i[n][o] + (s.i[n][o] - r.i[n][o]) * p, e.i[n][o] = m, m = a ? r.o[n][o] : r.o[n][o] + (s.o[n][o] - r.o[n][o]) * p, e.o[n][o] = m, m = a ? r.v[n][o] : r.v[n][o] + (s.v[n][o] - r.v[n][o]) * p, e.v[n][o] = m
}
function e() {
var t = this.comp.renderedFrame - this.offsetTime,
e = this.keyframes[0].t - this.offsetTime,
i = this.keyframes[this.keyframes.length - 1].t - this.offsetTime,
r = this._caching.lastFrame;
return r !== f && (r < e && t < e || r > i && t > i) || (this._caching.lastIndex = r < t ? this._caching.lastIndex : 0, this.interpolateShape(t, this.pv, this._caching)), this._caching.lastFrame = t, this.pv
}
function i() {
return this.v
}
function r() {
this.paths = this.localShapeCollection
}
function s(t, e) {
if (t._length !== e._length || t.c !== e.c) return !1;
var i, r = t._length;
for (i = 0; i < r; i += 1)
if (t.v[i][0] !== e.v[i][0] || t.v[i][1] !== e.v[i][1] || t.o[i][0] !== e.o[i][0] || t.o[i][1] !== e.o[i][1] || t.i[i][0] !== e.i[i][0] || t.i[i][1] !== e.i[i][1]) return !1;
return !0
}
function a() {
if (!this.lock && this.elem.globalData.frameId !== this.frameId) {
this.lock = !0, this.frameId = this.elem.globalData.frameId, this._mdf = !1;
var t, e = this.kf ? this.pv : this.data.k,
i = this.effectsSequence.length;
for (t = 0; t < i; t += 1) e = this.effectsSequence[t](e);
s(this.v, e) || (this.v = shape_pool.clone(e), this.localShapeCollection.releaseShapes(), this.localShapeCollection.addShape(this.v), this._mdf = !0, this.paths = this.localShapeCollection), this.lock = !1
}
}
function n(t, e, s) {
this.propType = "shape", this.comp = t.comp, this.container = t, this.elem = t, this.data = e, this.k = !1, this.kf = !1, this._mdf = !1;
var a = 3 === s ? e.pt.k : e.ks.k;
this.v = shape_pool.clone(a), this.pv = shape_pool.clone(this.v), this.localShapeCollection = shapeCollection_pool.newShapeCollection(), this.paths = this.localShapeCollection, this.paths.addShape(this.v), this.reset = r, this.effectsSequence = [i.bind(this)]
}
function o(t) {
this.effectsSequence.push(t), this.container.addDynamicProperty(this)
}
function h(t, i, s) {
this.propType = "shape", this.comp = t.comp, this.elem = t, this.container = t, this.offsetTime = t.data.st, this.keyframes = 3 === s ? i.pt.k : i.ks.k, this.k = !0, this.kf = !0;
var a = this.keyframes[0].s[0].i.length;
this.keyframes[0].s[0].i[0].length;
this.v = shape_pool.newElement(), this.v.setPathData(this.keyframes[0].s[0].c, a), this.pv = shape_pool.clone(this.v), this.localShapeCollection = shapeCollection_pool.newShapeCollection(), this.paths = this.localShapeCollection, this.paths.addShape(this.v), this.lastFrame = f, this.reset = r, this._caching = {
lastFrame: f,
lastIndex: 0
}, this.effectsSequence = [e.bind(this)]
}
function l(t, e, i) {
var r;
if (3 === i || 4 === i) {
var s = 3 === i ? e.pt : e.ks,
a = s.k;
r = 1 === s.a || a.length ? new h(t, e, i) : new n(t, e, i)
} else 5 === i ? r = new u(t, e) : 6 === i ? r = new c(t, e) : 7 === i && (r = new d(t, e));
return r.k && t.addDynamicProperty(r), r
}
function p() {
return n
}
function m() {
return h
}
var f = -999999;
n.prototype.interpolateShape = t, n.prototype.getValue = a, n.prototype.getValue = a, n.prototype.addEffect = o, h.prototype.getValue = a, h.prototype.interpolateShape = t, h.prototype.addEffect = o;
var c = function() {
function t(t, e) {
this.v = shape_pool.newElement(), this.v.setPathData(!0, 4), this.localShapeCollection = shapeCollection_pool.newShapeCollection(), this.paths = this.localShapeCollection, this.localShapeCollection.addShape(this.v), this.d = e.d, this.dynamicProperties = [], this.elem = t, this.container = t, this.comp = t.comp, this.frameId = -1, this._mdf = !1, this.p = PropertyFactory.getProp(t, e.p, 1, 0, this), this.s = PropertyFactory.getProp(t, e.s, 1, 0, this), this.dynamicProperties.length ? this.k = !0 : this.convertEllToPath()
}
var e = roundCorner;
return t.prototype = {
reset: r,
getValue: function(t) {
var e, i = this.dynamicProperties.length;
if (this.elem.globalData.frameId !== this.frameId) {
for (this._mdf = !1, this.frameId = this.elem.globalData.frameId, e = 0; e < i; e += 1) this.dynamicProperties[e].getValue(t), this.dynamicProperties[e]._mdf && (this._mdf = !0);
this._mdf && this.convertEllToPath()
}
},
addDynamicProperty: addDynamicProperty,
convertEllToPath: function() {
var t = this.p.v[0],
i = this.p.v[1],
r = this.s.v[0] / 2,
s = this.s.v[1] / 2,
a = 3 !== this.d,
n = this.v;
n.v[0][0] = t, n.v[0][1] = i - s, n.v[1][0] = a ? t + r : t - r, n.v[1][1] = i, n.v[2][0] = t, n.v[2][1] = i + s, n.v[3][0] = a ? t - r : t + r, n.v[3][1] = i, n.i[0][0] = a ? t - r * e : t + r * e, n.i[0][1] = i - s, n.i[1][0] = a ? t + r : t - r, n.i[1][1] = i - s * e, n.i[2][0] = a ? t + r * e : t - r * e, n.i[2][1] = i + s, n.i[3][0] = a ? t - r : t + r, n.i[3][1] = i + s * e, n.o[0][0] = a ? t + r * e : t - r * e, n.o[0][1] = i - s, n.o[1][0] = a ? t + r : t - r, n.o[1][1] = i + s * e, n.o[2][0] = a ? t - r * e : t + r * e, n.o[2][1] = i + s, n.o[3][0] = a ? t - r : t + r, n.o[3][1] = i - s * e
}
}, t
}(),
d = function() {
function t(t, e) {
this.v = shape_pool.newElement(), this.v.setPathData(!0, 0), this.elem = t, this.container = t, this.comp = t.comp, this.data = e, this.frameId = -1, this.d = e.d, this.dynamicProperties = [], this._mdf = !1, 1 === e.sy ? (this.ir = PropertyFactory.getProp(t, e.ir, 0, 0, this), this.is = PropertyFactory.getProp(t, e.is, 0, .01, this), this.convertToPath = this.convertStarToPath) : this.convertToPath = this.convertPolygonToPath, this.pt = PropertyFactory.getProp(t, e.pt, 0, 0, this), this.p = PropertyFactory.getProp(t, e.p, 1, 0, this), this.r = PropertyFactory.getProp(t, e.r, 0, degToRads, this), this.or = PropertyFactory.getProp(t, e.or, 0, 0, this), this.os = PropertyFactory.getProp(t, e.os, 0, .01, this), this.localShapeCollection = shapeCollection_pool.newShapeCollection(), this.localShapeCollection.addShape(this.v), this.paths = this.localShapeCollection, this.dynamicProperties.length ? this.k = !0 : this.convertToPath()
}
return t.prototype = {
addDynamicProperty: addDynamicProperty,
reset: r,
getValue: function() {
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; t < e; t += 1) this.dynamicProperties[t].getValue(), this.dynamicProperties[t]._mdf && (this._mdf = !0);
this._mdf && this.convertToPath()
}
},
convertStarToPath: function() {
var t, e, i, r, s = 2 * Math.floor(this.pt.v),
a = 2 * Math.PI / s,
n = !0,
o = this.or.v,
h = this.ir.v,
l = this.os.v,
p = this.is.v,
m = 2 * Math.PI * o / (2 * s),
f = 2 * Math.PI * h / (2 * s),
c = -Math.PI / 2;
c += this.r.v;
var d = 3 === this.data.d ? -1 : 1;
for (this.v._length = 0, t = 0; t < s; t += 1) {
e = n ? o : h, i = n ? l : p, r = n ? m : f;
var u = e * Math.cos(c),
y = e * Math.sin(c),
g = 0 === u && 0 === y ? 0 : y / Math.sqrt(u * u + y * y),
v = 0 === u && 0 === y ? 0 : -u / Math.sqrt(u * u + y * y);
u += +this.p.v[0], y += +this.p.v[1], this.v.setTripleAt(u, y, u - g * r * i * d, y - v * r * i * d, u + g * r * i * d, y + v * r * i * d, t, !0), n = !n, c += a * d
}
},
convertPolygonToPath: function() {
var t, e = Math.floor(this.pt.v),
i = 2 * Math.PI / e,
r = this.or.v,
s = this.os.v,
a = 2 * Math.PI * r / (4 * e),
n = -Math.PI / 2,
o = 3 === this.data.d ? -1 : 1;
for (n += this.r.v, this.v._length = 0, t = 0; t < e; t += 1) {
var h = r * Math.cos(n),
l = r * Math.sin(n),
p = 0 === h && 0 === l ? 0 : l / Math.sqrt(h * h + l * l),
m = 0 === h && 0 === l ? 0 : -h / Math.sqrt(h * h + l * l);
h += +this.p.v[0], l += +this.p.v[1], this.v.setTripleAt(h, l, h - p * a * s * o, l - m * a * s * o, h + p * a * s * o, l + m * a * s * o, t, !0), n += i * o
}
this.paths.length = 0, this.paths[0] = this.v
}
}, t
}(),
u = function() {
function t(t, e) {
this.v = shape_pool.newElement(), this.v.c = !0, this.localShapeCollection = shapeCollection_pool.newShapeCollection(), this.localShapeCollection.addShape(this.v), this.paths = this.localShapeCollection, this.elem = t, this.container = t, this.comp = t.comp, this.frameId = -1, this.d = e.d, this.dynamicProperties = [], this._mdf = !1, this.p = PropertyFactory.getProp(t, e.p, 1, 0, this), this.s = PropertyFactory.getProp(t, e.s, 1, 0, this), this.r = PropertyFactory.getProp(t, e.r, 0, 0, this), this.dynamicProperties.length ? this.k = !0 : this.convertRectToPath()
}
return t.prototype = {
convertRectToPath: function() {
var t = this.p.v[0],
e = this.p.v[1],
i = this.s.v[0] / 2,
r = this.s.v[1] / 2,
s = bm_min(i, r, this.r.v),
a = s * (1 - roundCorner);
this.v._length = 0, 2 === this.d || 1 === this.d ? (this.v.setTripleAt(t + i, e - r + s, t + i, e - r + s, t + i, e - r + a, 0, !0), this.v.setTripleAt(t + i, e + r - s, t + i, e + r - a, t + i, e + r - s, 1, !0), 0 !== s ? (this.v.setTripleAt(t + i - s, e + r, t + i - s, e + r, t + i - a, e + r, 2, !0), this.v.setTripleAt(t - i + s, e + r, t - i + a, e + r, t - i + s, e + r, 3, !0), this.v.setTripleAt(t - i, e + r - s, t - i, e + r - s, t - i, e + r - a, 4, !0), this.v.setTripleAt(t - i, e - r + s, t - i, e - r + a, t - i, e - r + s, 5, !0), this.v.setTripleAt(t - i + s, e - r, t - i + s, e - r, t - i + a, e - r, 6, !0), this.v.setTripleAt(t + i - s, e - r, t + i - a, e - r, t + i - s, e - r, 7, !0)) : (this.v.setTripleAt(t - i, e + r, t - i + a, e + r, t - i, e + r, 2), this.v.setTripleAt(t - i, e - r, t - i, e - r + a, t - i, e - r, 3))) : (this.v.setTripleAt(t + i, e - r + s, t + i, e - r + a, t + i, e - r + s, 0, !0), 0 !== s ? (this.v.setTripleAt(t + i - s, e - r, t + i - s, e - r, t + i - a, e - r, 1, !0), this.v.setTripleAt(t - i + s, e - r, t - i + a, e - r, t - i + s, e - r, 2, !0), this.v.setTripleAt(t - i, e - r + s, t - i, e - r + s, t - i, e - r + a, 3, !0), this.v.setTripleAt(t - i, e + r - s, t - i, e + r - a, t - i, e + r - s, 4, !0), this.v.setTripleAt(t - i + s, e + r, t - i + s, e + r, t - i + a, e + r, 5, !0), this.v.setTripleAt(t + i - s, e + r, t + i - a, e + r, t + i - s, e + r, 6, !0), this.v.setTripleAt(t + i, e + r - s, t + i, e + r - s, t + i, e + r - a, 7, !0)) : (this.v.setTripleAt(t - i, e - r, t - i + a, e - r, t - i, e - r, 1, !0), this.v.setTripleAt(t - i, e + r, t - i, e + r - a, t - i, e + r, 2, !0), this.v.setTripleAt(t + i, e + r, t + i - a, e + r, t + i, e + r, 3, !0)))
},
getValue: function(t) {
if (this.elem.globalData.frameId !== this.frameId) {
this._mdf = !1, this.frameId = this.elem.globalData.frameId;
var e, i = this.dynamicProperties.length;
for (e = 0; e < i; e += 1) this.dynamicProperties[e].getValue(t), this.dynamicProperties[e]._mdf && (this._mdf = !0);
this._mdf && this.convertRectToPath()
}
},
addDynamicProperty: addDynamicProperty,
reset: r
}, t
}(),
y = {};
return y.getShapeProp = l, y.getConstructorFunction = p, y.getKeyframedConstructorFunction = m, y
}(),
ShapeModifiers = function() {
function t(t, e) {
r[t] || (r[t] = e)
}
function e(t, e, i) {
return new r[t](e, i)
}
var i = {},
r = {};
return i.registerModifier = t, i.getModifier = e, i
}();
ShapeModifier.prototype.initModifierProperties = function() {}, ShapeModifier.prototype.addShapeToModifier = function() {}, ShapeModifier.prototype.addShape = function(t) {
if (!this.closed) {
var e = {
shape: t.sh,
data: t,
localShapeCollection: shapeCollection_pool.newShapeCollection()
};
this.shapes.push(e), this.addShapeToModifier(e)
}
}, ShapeModifier.prototype.init = function(t, e) {
this.dynamicProperties = [], this.shapes = [], this.elem = t, this.container = t, this.initModifierProperties(t, e), this.frameId = initialDefaultFrame, this._mdf = !1, this.closed = !1, this.k = !1, this.dynamicProperties.length ? this.k = !0 : this.getValue(!0)
}, ShapeModifier.prototype.processKeys = function() {
if (this.elem.globalData.frameId !== this.frameId) {
this._mdf = !1;
var t, e = this.dynamicProperties.length;
for (t = 0; t < e; t += 1) this.dynamicProperties[t].getValue(), this.dynamicProperties[t]._mdf && (this._mdf = !0);
this.frameId = this.elem.globalData.frameId
}
}, ShapeModifier.prototype.addDynamicProperty = addDynamicProperty, extendPrototype([ShapeModifier], TrimModifier), TrimModifier.prototype.initModifierProperties = function(t, e) {
this.s = PropertyFactory.getProp(t, e.s, 0, .01, this), this.e = PropertyFactory.getProp(t, e.e, 0, .01, this), this.o = PropertyFactory.getProp(t, e.o, 0, 0, this), this.sValue = 0, this.eValue = 0, this.getValue = this.processKeys, this.m = e.m
}, TrimModifier.prototype.addShapeToModifier = function(t) {
t.pathsData = []
}, TrimModifier.prototype.calculateShapeEdges = function(t, e, i, r, s) {
var a = [];
e <= 1 ? a.push({
s: t,
e: e
}) : t >= 1 ? a.push({
s: t - 1,
e: e - 1
}) : (a.push({
s: t,
e: 1
}), a.push({
s: 0,
e: e - 1
}));
var n, o, h = [],
l = a.length;
for (n = 0; n < l; n += 1)
if (o = a[n], o.e * s < r || o.s * s > r + i);
else {
var p, m;
p = o.s * s <= r ? 0 : (o.s * s - r) / i, m = o.e * s >= r + i ? 1 : (o.e * s - r) / i, h.push([p, m])
}
return h.length || h.push([0, 0]), h
}, TrimModifier.prototype.releasePathsData = function(t) {
var e, i = t.length;
for (e = 0; e < i; e += 1) segments_length_pool.release(t[e]);
return t.length = 0, t
}, TrimModifier.prototype.processShapes = function(t) {
var e, i;
if (this._mdf || t) {
var r = this.o.v % 360 / 360;
if (r < 0 && (r += 1), e = this.s.v + r, i = this.e.v + r, e > i) {
var s = e;
e = i, i = s
}
this.sValue = e, this.eValue = i
} else e = this.sValue, i = this.eValue;
var a, n, o, h, l, p, m, f = this.shapes.length,
c = 0;
if (i === e)
for (n = 0; n < f; n += 1) this.shapes[n].localShapeCollection.releaseShapes(), this.shapes[n].shape._mdf = !0, this.shapes[n].shape.paths = this.shapes[n].localShapeCollection;
else if (1 === i && 0 === e || 0 === i && 1 === e) {
if (this._mdf)
for (n = 0; n < f; n += 1) this.shapes[n].shape._mdf = !0
} else {
var d, u, y = [];
for (n = 0; n < f; n += 1)
if (d = this.shapes[n], d.shape._mdf || this._mdf || t || 2 === this.m) {
if (a = d.shape.paths, h = a._length, m = 0, !d.shape._mdf && d.pathsData.length) m = d.totalShapeLength;
else {
for (l = this.releasePathsData(d.pathsData), o = 0; o < h; o += 1) p = bez.getSegmentsLength(a.shapes[o]), l.push(p), m += p.totalLength;
d.totalShapeLength = m, d.pathsData = l
}
c += m, d.shape._mdf = !0
} else d.shape.paths = d.localShapeCollection;
var g, v = e,
b = i,
E = 0;
for (n = f - 1; n >= 0; n -= 1)
if (d = this.shapes[n], d.shape._mdf) {
for (u = d.localShapeCollection, u.releaseShapes(), 2 === this.m && f > 1 ? (g = this.calculateShapeEdges(e, i, d.totalShapeLength, E, c), E += d.totalShapeLength) : g = [
[v, b]
], h = g.length, o = 0; o < h; o += 1) {
v = g[o][0], b = g[o][1], y.length = 0, b <= 1 ? y.push({
s: d.totalShapeLength * v,
e: d.totalShapeLength * b
}) : v >= 1 ? y.push({
s: d.totalShapeLength * (v - 1),
e: d.totalShapeLength * (b - 1)
}) : (y.push({
s: d.totalShapeLength * v,
e: d.totalShapeLength
}), y.push({
s: 0,
e: d.totalShapeLength * (b - 1)
}));
var x = this.addShapes(d, y[0]);
if (y[0].s !== y[0].e) {
if (y.length > 1)
if (d.shape.v.c) {
var S = x.pop();
this.addPaths(x, u), x = this.addShapes(d, y[1], S)
} else this.addPaths(x, u), x = this.addShapes(d, y[1]);
this.addPaths(x, u)
}
}
d.shape.paths = u
}
}
}, TrimModifier.prototype.addPaths = function(t, e) {
var i, r = t.length;
for (i = 0; i < r; i += 1) e.addShape(t[i])
}, TrimModifier.prototype.addSegment = function(t, e, i, r, s, a, n) {
s.setXYAt(e[0], e[1], "o", a), s.setXYAt(i[0], i[1], "i", a + 1), n && s.setXYAt(t[0], t[1], "v", a), s.setXYAt(r[0], r[1], "v", a + 1)
}, TrimModifier.prototype.addSegmentFromArray = function(t, e, i, r) {
e.setXYAt(t[1], t[5], "o", i), e.setXYAt(t[2], t[6], "i", i + 1), r && e.setXYAt(t[0], t[4], "v", i), e.setXYAt(t[3], t[7], "v", i + 1)
}, TrimModifier.prototype.addShapes = function(t, e, i) {
var r, s, a, n, o, h, l, p, m = t.pathsData,
f = t.shape.paths.shapes,
c = t.shape.paths._length,
d = 0,
u = [],
y = !0;
for (i ? (o = i._length, p = i._length) : (i = shape_pool.newElement(), o = 0, p = 0), u.push(i), r = 0; r < c; r += 1) {
for (h = m[r].lengths, i.c = f[r].c, a = f[r].c ? h.length : h.length + 1, s = 1; s < a; s += 1)
if (n = h[s - 1], d + n.addedLength < e.s) d += n.addedLength, i.c = !1;
else {
if (d > e.e) {
i.c = !1;
break
}
e.s <= d && e.e >= d + n.addedLength ? (this.addSegment(f[r].v[s - 1], f[r].o[s - 1], f[r].i[s], f[r].v[s], i, o, y), y = !1) : (l = bez.getNewSegment(f[r].v[s - 1], f[r].v[s], f[r].o[s - 1], f[r].i[s], (e.s - d) / n.addedLength, (e.e - d) / n.addedLength, h[s - 1]), this.addSegmentFromArray(l, i, o, y), y = !1, i.c = !1), d += n.addedLength, o += 1
}
if (f[r].c) {
if (n = h[s - 1], d <= e.e) {
var g = h[s - 1].addedLength;
e.s <= d && e.e >= d + g ? (this.addSegment(f[r].v[s - 1], f[r].o[s - 1], f[r].i[0], f[r].v[0], i, o, y), y = !1) : (l = bez.getNewSegment(f[r].v[s - 1], f[r].v[0], f[r].o[s - 1], f[r].i[0], (e.s - d) / g, (e.e - d) / g, h[s - 1]), this.addSegmentFromArray(l, i, o, y), y = !1, i.c = !1)
} else i.c = !1;
d += n.addedLength, o += 1
}
if (i._length && (i.setXYAt(i.v[p][0], i.v[p][1], "i", p), i.setXYAt(i.v[i._length - 1][0], i.v[i._length - 1][1], "o", i._length - 1)), d > e.e) break;
r < c - 1 && (i = shape_pool.newElement(), y = !0, u.push(i), o = 0)
}
return u
}, ShapeModifiers.registerModifier("tm", TrimModifier), extendPrototype([ShapeModifier], RoundCornersModifier), RoundCornersModifier.prototype.initModifierProperties = function(t, e) {
this.getValue = this.processKeys, this.rd = PropertyFactory.getProp(t, e.r, 0, null, this)
}, RoundCornersModifier.prototype.processPath = function(t, e) {
var i = shape_pool.newElement();
i.c = t.c;
var r, s, a, n, o, h, l, p, m, f, c, d, u, y = t._length,
g = 0;
for (r = 0; r < y; r += 1) s = t.v[r], n = t.o[r], a = t.i[r], s[0] === n[0] && s[1] === n[1] && s[0] === a[0] && s[1] === a[1] ? 0 !== r && r !== y - 1 || t.c ? (o = 0 === r ? t.v[y - 1] : t.v[r - 1], h = Math.sqrt(Math.pow(s[0] - o[0], 2) + Math.pow(s[1] - o[1], 2)), l = h ? Math.min(h / 2, e) / h : 0, p = d = s[0] + (o[0] - s[0]) * l, m = u = s[1] - (s[1] - o[1]) * l, f = p - (p - s[0]) * roundCorner, c = m - (m - s[1]) * roundCorner, i.setTripleAt(p, m, f, c, d, u, g), g += 1, o = r === y - 1 ? t.v[0] : t.v[r + 1], h = Math.sqrt(Math.pow(s[0] - o[0], 2) + Math.pow(s[1] - o[1], 2)), l = h ? Math.min(h / 2, e) / h : 0, p = f = s[0] + (o[0] - s[0]) * l, m = c = s[1] + (o[1] - s[1]) * l, d = p - (p - s[0]) * roundCorner, u = m - (m - s[1]) * roundCorner, i.setTripleAt(p, m, f, c, d, u, g), g += 1) : (i.setTripleAt(s[0], s[1], n[0], n[1], a[0], a[1], g), g += 1) : (i.setTripleAt(t.v[r][0], t.v[r][1], t.o[r][0], t.o[r][1], t.i[r][0], t.i[r][1], g), g += 1);
return i
}, RoundCornersModifier.prototype.processShapes = function(t) {
var e, i, r, s, a = this.shapes.length,
n = this.rd.v;
if (0 !== n) {
var o, h, l;
for (i = 0; i < a; i += 1) {
if (o = this.shapes[i], h = o.shape.paths, l = o.localShapeCollection, o.shape._mdf || this._mdf || t)
for (l.releaseShapes(), o.shape._mdf = !0, e = o.shape.paths.shapes, s = o.shape.paths._length, r = 0; r < s; r += 1) l.addShape(this.processPath(e[r], n));
o.shape.paths = o.localShapeCollection
}
}
this.dynamicProperties.length || (this._mdf = !1)
}, ShapeModifiers.registerModifier("rd", RoundCornersModifier), extendPrototype([ShapeModifier], RepeaterModifier), RepeaterModifier.prototype.initModifierProperties = function(t, e) {
this.getValue = this.processKeys, this.c = PropertyFactory.getProp(t, e.c, 0, null, this), this.o = PropertyFactory.getProp(t, e.o, 0, null, this), this.tr = TransformPropertyFactory.getTransformProperty(t, e.tr, this), this.data = e, this.dynamicProperties.length || this.getValue(!0), this.pMatrix = new Matrix, this.rMatrix = new Matrix, this.sMatrix = new Matrix, this.tMatrix = new Matrix, this.matrix = new Matrix
}, RepeaterModifier.prototype.applyTransforms = function(t, e, i, r, s, a) {
var n = a ? -1 : 1,
o = r.s.v[0] + (1 - r.s.v[0]) * (1 - s),
h = r.s.v[1] + (1 - r.s.v[1]) * (1 - s);
t.translate(r.p.v[0] * n * s, r.p.v[1] * n * s, r.p.v[2]), e.translate(-r.a.v[0], -r.a.v[1], r.a.v[2]), e.rotate(-r.r.v * n * s), e.translate(r.a.v[0], r.a.v[1], r.a.v[2]), i.translate(-r.a.v[0], -r.a.v[1], r.a.v[2]), i.scale(a ? 1 / o : o, a ? 1 / h : h), i.translate(r.a.v[0], r.a.v[1], r.a.v[2])
}, RepeaterModifier.prototype.init = function(t, e, i, r) {
this.elem = t, this.container = t, this.arr = e, this.pos = i, this.elemsData = r, this._currentCopies = 0, this._elements = [], this._groups = [], this.dynamicProperties = [], this.frameId = -1, this.initModifierProperties(t, e[i]);
for (var s = 0; i > 0;) i -= 1, this._elements.unshift(e[i]), s += 1;
this.dynamicProperties.length ? this.k = !0 : this.getValue(!0)
}, RepeaterModifier.prototype.resetElements = function(t) {
var e, i = t.length;
for (e = 0; e < i; e += 1) t[e]._processed = !1, "gr" === t[e].ty && this.resetElements(t[e].it)
}, RepeaterModifier.prototype.cloneElements = function(t) {
var e = (t.length, JSON.parse(JSON.stringify(t)));
return this.resetElements(e), e
}, RepeaterModifier.prototype.changeGroupRender = function(t, e) {
var i, r = t.length;
for (i = 0; i < r; i += 1) t[i]._render = e, "gr" === t[i].ty && this.changeGroupRender(t[i].it, e)
}, RepeaterModifier.prototype.processShapes = function(t) {
var e, i, r, s, a;
if (this._mdf || t) {
var n = Math.ceil(this.c.v);
if (this._groups.length < n) {
for (; this._groups.length < n;) {
var o = {
it: this.cloneElements(this._elements),
ty: "gr"
};
o.it.push({
a: {
a: 0,
ix: 1,
k: [0, 0]
},
nm: "Transform",
o: {
a: 0,
ix: 7,
k: 100
},
p: {
a: 0,
ix: 2,
k: [0, 0]
},
r: {
a: 0,
ix: 6,
k: 0
},
s: {
a: 0,
ix: 3,
k: [100, 100]
},
sa: {
a: 0,
ix: 5,
k: 0
},
sk: {
a: 0,
ix: 4,
k: 0
},
ty: "tr"
}), this.arr.splice(0, 0, o), this._groups.splice(0, 0, o), this._currentCopies += 1
}
this.elem.reloadShapes()
}
a = 0;
var h;
for (r = 0; r <= this._groups.length - 1; r += 1) h = a < n, this._groups[r]._render = h, this.changeGroupRender(this._groups[r].it, h), a += 1;
this._currentCopies = n;
var l = this.o.v,
p = l % 1,
m = l > 0 ? Math.floor(l) : Math.ceil(l),
f = (this.tr.v.props, this.pMatrix.props),
c = this.rMatrix.props,
d = this.sMatrix.props;
this.pMatrix.reset(), this.rMatrix.reset(), this.sMatrix.reset(), this.tMatrix.reset(), this.matrix.reset();
var u = 0;
if (l > 0) {
for (; u < m;) this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, 1, !1), u += 1;
p && (this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, p, !1), u += p)
} else if (l < 0) {
for (; u > m;) this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, 1, !0), u -= 1;
p && (this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, -p, !0), u -= p)
}
r = 1 === this.data.m ? 0 : this._currentCopies - 1, s = 1 === this.data.m ? 1 : -1, a = this._currentCopies;
for (var y, g; a;) {
if (e = this.elemsData[r].it, i = e[e.length - 1].transform.mProps.v.props, g = i.length, e[e.length - 1].transform.mProps._mdf = !0, e[e.length - 1].transform.op._mdf = !0, 0 !== u) {
for ((0 !== r && 1 === s || r !== this._currentCopies - 1 && s === -1) && this.applyTransforms(this.pMatrix, this.rMatrix, this.sMatrix, this.tr, 1, !1), this.matrix.transform(c[0], c[1], c[2], c[3], c[4], c[5], c[6], c[7], c[8], c[9], c[10], c[11], c[12], c[13], c[14], c[15]), this.matrix.transform(d[0], d[1], d[2], d[3], d[4], d[5], d[6], d[7], d[8], d[9], d[10], d[11], d[12], d[13], d[14], d[15]), this.matrix.transform(f[0], f[1], f[2], f[3], f[4], f[5], f[6], f[7], f[8], f[9], f[10], f[11], f[12], f[13], f[14], f[15]), y = 0; y < g; y += 1) i[y] = this.matrix.props[y];
this.matrix.reset()
} else
for (this.matrix.reset(), y = 0; y < g; y += 1) i[y] = this.matrix.props[y];
u += 1, a -= 1, r += s
}
} else
for (a = this._currentCopies, r = 0, s = 1; a;) e = this.elemsData[r].it, i = e[e.length - 1].transform.mProps.v.props, e[e.length - 1].transform.mProps._mdf = !1, e[e.length - 1].transform.op._mdf = !1, a -= 1, r += s
}, RepeaterModifier.prototype.addShape = function() {}, ShapeModifiers.registerModifier("rp", RepeaterModifier), ShapeCollection.prototype.addShape = function(t) {
this._length === this._maxLength && (this.shapes = this.shapes.concat(createSizedArray(this._maxLength)), this._maxLength *= 2), this.shapes[this._length] = t, this._length += 1
}, ShapeCollection.prototype.releaseShapes = function() {
var t;
for (t = 0; t < this._length; t += 1) shape_pool.release(this.shapes[t]);
this._length = 0
}, DashProperty.prototype.addDynamicProperty = addDynamicProperty, DashProperty.prototype.getValue = function(t) {
if (this.elem.globalData.frameId !== this.frameId || t) {
var e = 0,
i = this.dataProps.length;
for (this._mdf = t, this.frameId = this.elem.globalData.frameId; e < i;) this.dataProps[e].p.getValue(), this.dataProps[e].p._mdf && (this._mdf = !0), e += 1;
if (this._mdf)
for ("svg" === this.renderer && (this.dashStr = ""), e = 0; e < i; e += 1) "o" != this.dataProps[e].n ? "svg" === this.renderer ? this.dashStr += " " + this.dataProps[e].p.v : this.dashArray[e] = this.dataProps[e].p.v : this.dashoffset[0] = this.dataProps[e].p.v
}
}, GradientProperty.prototype.addDynamicProperty = function(t) {
this.container.addDynamicProperty(this)
}, GradientProperty.prototype.comparePoints = function(t, e) {
for (var i, r = 0, s = this.o.length / 2; r < s;) {
if (i = Math.abs(t[4 * r] - t[4 * e + 2 * r]), i > .01) return !1;
r += 1
}
return !0
}, GradientProperty.prototype.checkCollapsable = function() {
if (this.o.length / 2 !== this.c.length / 4) return !1;
if (this.data.k.k[0].s)
for (var t = 0, e = this.data.k.k.length; t < e;) {
if (!this.comparePoints(this.data.k.k[t].s, this.data.p)) return !1;
t += 1
} else if (!this.comparePoints(this.data.k.k, this.data.p)) return !1;
return !0
}, GradientProperty.prototype.getValue = function(t) {
if (this.prop.getValue(), this._mdf = !1, this._cmdf = !1, this._omdf = !1, this.prop._mdf || t) {
var e, i, r, s = 4 * this.data.p;
for (e = 0; e < s; e += 1) i = e % 4 === 0 ? 100 : 255, r = Math.round(this.prop.v[e] * i), this.c[e] !== r && (this.c[e] = r, this._cmdf = !t);
if (this.o.length)
for (s = this.prop.v.length, e = 4 * this.data.p; e < s; e += 1) i = e % 2 === 0 ? 100 : 1, r = e % 2 === 0 ? Math.round(100 * this.prop.v[e]) : this.prop.v[e], this.o[e - 4 * this.data.p] !== r && (this.o[e - 4 * this.data.p] = r, this._omdf = !t);
this._mdf = !t
}
};
var ImagePreloader = function() {
function t() {
this.loadedAssets += 1, this.loadedAssets === this.totalImages && this.imagesLoadedCb && this.imagesLoadedCb(null)
}
function e(t) {
var e = "";
if (this.assetsPath) {
var i = t.p;
i.indexOf("images/") !== -1 && (i = i.split("/")[1]), e = this.assetsPath + i
} else e = this.path, e += t.u ? t.u : "", e += t.p;
return e
}
function i(e) {
var i = createTag("img");
i.addEventListener("load", t.bind(this), !1), i.addEventListener("error", t.bind(this), !1), i.src = e
}
function r(t, r) {
this.imagesLoadedCb = r, this.totalAssets = t.length;
var s;
for (s = 0; s < this.totalAssets; s += 1) t[s].layers || (i.bind(this)(e.bind(this)(t[s])), this.totalImages += 1)
}
function s(t) {
this.path = t || ""
}
function a(t) {
this.assetsPath = t || ""
}
function n() {
this.imagesLoadedCb = null
}
return function() {
this.loadAssets = r, this.setAssetsPath = a, this.setPath = s, this.destroy = n, this.assetsPath = "", this.path = "", this.totalAssets = 0, this.totalImages = 0, this.loadedAssets = 0, this.imagesLoadedCb = null
}
}(),
featureSupport = function() {
var t = {
maskType: !0
};
return (/MSIE 10/i.test(navigator.userAgent) || /MSIE 9/i.test(navigator.userAgent) || /rv:11.0/i.test(navigator.userAgent) || /Edge\/\d./i.test(navigator.userAgent)) && (t.maskType = !1), t
}(),
filtersFactory = function() {
function t(t) {
var e = createNS("filter");
return e.setAttribute("id", t), e.setAttribute("filterUnits", "objectBoundingBox"), e.setAttribute("x", "0%"), e.setAttribute("y", "0%"), e.setAttribute("width", "100%"), e.setAttribute("height", "100%"), e
}
function e() {
var t = createNS("feColorMatrix");
return t.setAttribute("type", "matrix"), t.setAttribute("color-interpolation-filters", "sRGB"), t.setAttribute("values", "0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1"), t
}
var i = {};
return i.createFilter = t, i.createAlphaToLuminanceFilter = e, i
}();
TextAnimatorProperty.prototype.addDynamicProperty = addDynamicProperty, TextAnimatorProperty.prototype.searchProperties = function() {
var t, e, i = this._textData.a.length,
r = PropertyFactory.getProp;
for (t = 0; t < i; t += 1) e = this._textData.a[t], this._animatorsData[t] = new TextAnimatorDataProperty(this._elem, e, this);
this._textData.p && "m" in this._textData.p ? (this._pathData = {
f: r(this._elem, this._textData.p.f, 0, 0, this),
l: r(this._elem, this._textData.p.l, 0, 0, this),
r: this._textData.p.r,
m: this._elem.maskManager.getMaskProperty(this._textData.p.m)
}, this._hasMaskedPath = !0) : this._hasMaskedPath = !1, this._moreOptions.alignment = r(this._elem, this._textData.m.a, 1, 0, this)
}, TextAnimatorProperty.prototype.getMeasures = function(t, e) {
if (this.lettersChangedFlag = e, this._mdf || this._isFirstFrame || e || this._hasMaskedPath && this._pathData.m._mdf) {
this._isFirstFrame = !1;
var i, r, s, a, n, o, h, l, p, m, f, c, d, u, y, g, v, b, E, x = this._moreOptions.alignment.v,
S = this._animatorsData,
P = this._textData,
_ = this.mHelper,
C = this._renderType,
A = this.renderedLetters.length,
k = (this.data, t.l);
if (this._hasMaskedPath) {
if (E = this._pathData.m, !this._pathData.n || this._pathData._mdf) {
var M = E.v;
this._pathData.r && (M = M.reverse()), n = {
tLength: 0,
segments: []
}, a = M._length - 1;
var T;
for (g = 0, s = 0; s < a; s += 1) T = {
s: M.v[s],
e: M.v[s + 1],
to: [M.o[s][0] - M.v[s][0], M.o[s][1] - M.v[s][1]],
ti: [M.i[s + 1][0] - M.v[s + 1][0], M.i[s + 1][1] - M.v[s + 1][1]]
}, bez.buildBezierData(T), n.tLength += T.bezierData.segmentLength, n.segments.push(T), g += T.bezierData.segmentLength;
s = a, E.v.c && (T = {
s: M.v[s],
e: M.v[0],
to: [M.o[s][0] - M.v[s][0], M.o[s][1] - M.v[s][1]],
ti: [M.i[0][0] - M.v[0][0], M.i[0][1] - M.v[0][1]]
}, bez.buildBezierData(T), n.tLength += T.bezierData.segmentLength, n.segments.push(T), g += T.bezierData.segmentLength), this._pathData.pi = n
}
if (n = this._pathData.pi, o = this._pathData.f.v, f = 0, m = 1, l = 0, p = !0, u = n.segments, o < 0 && E.v.c)
for (n.tLength < Math.abs(o) && (o = -Math.abs(o) % n.tLength), f = u.length - 1, d = u[f].bezierData.points, m = d.length - 1; o < 0;) o += d[m].partialLength, m -= 1, m < 0 && (f -= 1, d = u[f].bezierData.points, m = d.length - 1);
d = u[f].bezierData.points, c = d[m - 1], h = d[m], y = h.partialLength
}
a = k.length, i = 0, r = 0;
var D, F, w, I, V, R = 1.2 * t.finalSize * .714,
B = !0;
I = S.length;
var L, G, z, N, O, H, j, W, q, Y, X, J, K, Z = -1,
U = o,
Q = f,
$ = m,
tt = -1,
et = 0,
it = "",
rt = this.defaultPropsArray;
if (2 === t.j || 1 === t.j) {
var st = 0,
at = 0,
nt = 2 === t.j ? -.5 : -1,
ot = 0,
ht = !0;
for (s = 0; s < a; s += 1)
if (k[s].n) {
for (st && (st += at); ot < s;) k[ot].animatorJustifyOffset = st, ot += 1;
st = 0, ht = !0
} else {
for (w = 0; w < I; w += 1) D = S[w].a, D.t.propType && (ht && 2 === t.j && (at += D.t.v * nt), F = S[w].s, L = F.getMult(k[s].anIndexes[w], P.a[w].s.totalChars), st += L.length ? D.t.v * L[0] * nt : D.t.v * L * nt);
ht = !1
}
for (st && (st += at); ot < s;) k[ot].animatorJustifyOffset = st, ot += 1
}
for (s = 0; s < a; s += 1) {
if (_.reset(), O = 1, k[s].n) i = 0, r += t.yOffset, r += B ? 1 : 0, o = U, B = !1, et = 0, this._hasMaskedPath && (f = Q, m = $, d = u[f].bezierData.points, c = d[m - 1], h = d[m], y = h.partialLength, l = 0), K = Y = J = it = "", rt = this.defaultPropsArray;
else {
if (this._hasMaskedPath) {
if (tt !== k[s].line) {
switch (t.j) {
case 1:
o += g - t.lineWidths[k[s].line];
break;
case 2:
o += (g - t.lineWidths[k[s].line]) / 2
}
tt = k[s].line
}
Z !== k[s].ind && (k[Z] && (o += k[Z].extra), o += k[s].an / 2, Z = k[s].ind), o += x[0] * k[s].an / 200;
var lt = 0;
for (w = 0; w < I; w += 1) D = S[w].a, D.p.propType && (F = S[w].s, L = F.getMult(k[s].anIndexes[w], P.a[w].s.totalChars), lt += L.length ? D.p.v[0] * L[0] : D.p.v[0] * L), D.a.propType && (F = S[w].s, L = F.getMult(k[s].anIndexes[w], P.a[w].s.totalChars), lt += L.length ? D.a.v[0] * L[0] : D.a.v[0] * L);
for (p = !0; p;) l + y >= o + lt || !d ? (v = (o + lt - l) / h.partialLength, z = c.point[0] + (h.point[0] - c.point[0]) * v, N = c.point[1] + (h.point[1] - c.point[1]) * v, _.translate(-x[0] * k[s].an / 200, -(x[1] * R / 100)), p = !1) : d && (l += h.partialLength, m += 1, m >= d.length && (m = 0, f += 1, u[f] ? d = u[f].bezierData.points : E.v.c ? (m = 0, f = 0, d = u[f].bezierData.points) : (l -= h.partialLength, d = null)), d && (c = h, h = d[m], y = h.partialLength));
G = k[s].an / 2 - k[s].add, _.translate(-G, 0, 0)
} else G = k[s].an / 2 - k[s].add, _.translate(-G, 0, 0), _.translate(-x[0] * k[s].an / 200, -x[1] * R / 100, 0);
for (et += k[s].l / 2, w = 0; w < I; w += 1) D = S[w].a, D.t.propType && (F = S[w].s, L = F.getMult(k[s].anIndexes[w], P.a[w].s.totalChars), 0 === i && 0 === t.j || (this._hasMaskedPath ? o += L.length ? D.t.v * L[0] : D.t.v * L : i += L.length ? D.t.v * L[0] : D.t.v * L));
for (et += k[s].l / 2, t.strokeWidthAnim && (j = t.sw || 0), t.strokeColorAnim && (H = t.sc ? [t.sc[0], t.sc[1], t.sc[2]] : [0, 0, 0]), t.fillColorAnim && t.fc && (W = [t.fc[0], t.fc[1], t.fc[2]]), w = 0; w < I; w += 1) D = S[w].a, D.a.propType && (F = S[w].s, L = F.getMult(k[s].anIndexes[w], P.a[w].s.totalChars), L.length ? _.translate(-D.a.v[0] * L[0], -D.a.v[1] * L[1], D.a.v[2] * L[2]) : _.translate(-D.a.v[0] * L, -D.a.v[1] * L, D.a.v[2] * L));
for (w = 0; w < I; w += 1) D = S[w].a, D.s.propType && (F = S[w].s, L = F.getMult(k[s].anIndexes[w], P.a[w].s.totalChars), L.length ? _.scale(1 + (D.s.v[0] - 1) * L[0], 1 + (D.s.v[1] - 1) * L[1], 1) : _.scale(1 + (D.s.v[0] - 1) * L, 1 + (D.s.v[1] - 1) * L, 1));
for (w = 0; w < I; w += 1) {
if (D = S[w].a, F = S[w].s, L = F.getMult(k[s].anIndexes[w], P.a[w].s.totalChars), D.sk.propType && (L.length ? _.skewFromAxis(-D.sk.v * L[0], D.sa.v * L[1]) : _.skewFromAxis(-D.sk.v * L, D.sa.v * L)), D.r.propType && (L.length ? _.rotateZ(-D.r.v * L[2]) : _.rotateZ(-D.r.v * L)), D.ry.propType && (L.length ? _.rotateY(D.ry.v * L[1]) : _.rotateY(D.ry.v * L)), D.rx.propType && (L.length ? _.rotateX(D.rx.v * L[0]) : _.rotateX(D.rx.v * L)), D.o.propType && (O += L.length ? (D.o.v * L[0] - O) * L[0] : (D.o.v * L - O) * L), t.strokeWidthAnim && D.sw.propType && (j += L.length ? D.sw.v * L[0] : D.sw.v * L), t.strokeColorAnim && D.sc.propType)
for (q = 0; q < 3; q += 1) L.length ? H[q] = H[q] + (D.sc.v[q] - H[q]) * L[0] : H[q] = H[q] + (D.sc.v[q] - H[q]) * L;
if (t.fillColorAnim && t.fc) {
if (D.fc.propType)
for (q = 0; q < 3; q += 1) L.length ? W[q] = W[q] + (D.fc.v[q] - W[q]) * L[0] : W[q] = W[q] + (D.fc.v[q] - W[q]) * L;
D.fh.propType && (W = L.length ? addHueToRGB(W, D.fh.v * L[0]) : addHueToRGB(W, D.fh.v * L)), D.fs.propType && (W = L.length ? addSaturationToRGB(W, D.fs.v * L[0]) : addSaturationToRGB(W, D.fs.v * L)), D.fb.propType && (W = L.length ? addBrightnessToRGB(W, D.fb.v * L[0]) : addBrightnessToRGB(W, D.fb.v * L))
}
}
for (w = 0; w < I; w += 1) D = S[w].a, D.p.propType && (F = S[w].s, L = F.getMult(k[s].anIndexes[w], P.a[w].s.totalChars), this._hasMaskedPath ? L.length ? _.translate(0, D.p.v[1] * L[0], -D.p.v[2] * L[1]) : _.translate(0, D.p.v[1] * L, -D.p.v[2] * L) : L.length ? _.translate(D.p.v[0] * L[0], D.p.v[1] * L[1], -D.p.v[2] * L[2]) : _.translate(D.p.v[0] * L, D.p.v[1] * L, -D.p.v[2] * L));
if (t.strokeWidthAnim && (Y = j < 0 ? 0 : j), t.strokeColorAnim && (X = "rgb(" + Math.round(255 * H[0]) + "," + Math.round(255 * H[1]) + "," + Math.round(255 * H[2]) + ")"), t.fillColorAnim && t.fc && (J = "rgb(" + Math.round(255 * W[0]) + "," + Math.round(255 * W[1]) + "," + Math.round(255 * W[2]) + ")"), this._hasMaskedPath) {
if (_.translate(0, -t.ls), _.translate(0, x[1] * R / 100 + r, 0), P.p.p) {
b = (h.point[1] - c.point[1]) / (h.point[0] - c.point[0]);
var pt = 180 * Math.atan(b) / Math.PI;
h.point[0] < c.point[0] && (pt += 180), _.rotate(-pt * Math.PI / 180)
}
_.translate(z, N, 0), o -= x[0] * k[s].an / 200, k[s + 1] && Z !== k[s + 1].ind && (o += k[s].an / 2, o += t.tr / 1e3 * t.finalSize)
} else {
switch (_.translate(i, r, 0), t.ps && _.translate(t.ps[0], t.ps[1] + t.ascent, 0), t.j) {
case 1:
_.translate(k[s].animatorJustifyOffset + t.justifyOffset + (t.boxWidth - t.lineWidths[k[s].line]), 0, 0);
break;
case 2:
_.translate(k[s].animatorJustifyOffset + t.justifyOffset + (t.boxWidth - t.lineWidths[k[s].line]) / 2, 0, 0)
}
_.translate(0, -t.ls), _.translate(G, 0, 0), _.translate(x[0] * k[s].an / 200, x[1] * R / 100, 0), i += k[s].l + t.tr / 1e3 * t.finalSize
}
"html" === C ? it = _.toCSS() : "svg" === C ? it = _.to2dCSS() : rt = [_.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]], K = O
}
A <= s ? (V = new LetterProps(K, Y, X, J, it, rt), this.renderedLetters.push(V), A += 1, this.lettersChangedFlag = !0) : (V = this.renderedLetters[s], this.lettersChangedFlag = V.update(K, Y, X, J, it, rt) || this.lettersChangedFlag)
}
}
}, TextAnimatorProperty.prototype.getValue = function() {
if (this._elem.globalData.frameId !== this._frameId) {
this._frameId = this._elem.globalData.frameId;
var t, e = this.dynamicProperties.length;
for (this._mdf = !1, t = 0; t < e; t += 1) this.dynamicProperties[t].getValue(), this._mdf = this.dynamicProperties[t]._mdf || this._mdf
}
}, TextAnimatorProperty.prototype.mHelper = new Matrix, TextAnimatorProperty.prototype.defaultPropsArray = [], LetterProps.prototype.update = function(t, e, i, r, s, a) {
this._mdf.o = !1, this._mdf.sw = !1, this._mdf.sc = !1, this._mdf.fc = !1, this._mdf.m = !1, this._mdf.p = !1;
var n = !1;
return this.o !== t && (this.o = t, this._mdf.o = !0, n = !0), this.sw !== e && (this.sw = e, this._mdf.sw = !0, n = !0), this.sc !== i && (this.sc = i, this._mdf.sc = !0, n = !0), this.fc !== r && (this.fc = r, this._mdf.fc = !0, n = !0), this.m !== s && (this.m = s, this._mdf.m = !0, n = !0), !a.length || this.p[0] === a[0] && this.p[1] === a[1] && this.p[4] === a[4] && this.p[5] === a[5] && this.p[12] === a[12] && this.p[13] === a[13] || (this.p = a, this._mdf.p = !0, n = !0), n
}, TextProperty.prototype.defaultBoxWidth = [0, 0], TextProperty.prototype.copyFromDocumentData = function(t) {
for (var e in t) this.currentData[e] = t[e]
}, TextProperty.prototype.setCurrentData = function(t, e) {
this.currentData !== t ? (t.__complete || this.completeTextData(t), this.copyFromDocumentData(t), this.currentData.boxWidth = this.currentData.boxWidth || this.defaultBoxWidth, this.currentData.fillColorAnim = t.fillColorAnim || this.currentData.fillColorAnim, this.currentData.strokeColorAnim = t.strokeColorAnim || this.currentData.strokeColorAnim, this.currentData.strokeWidthAnim = t.strokeWidthAnim || this.currentData.strokeWidthAnim, this._mdf = !0) : e !== this.currentData.t && (this._mdf = !0, this.completeTextData(t))
}, TextProperty.prototype.searchProperty = function() {
return this.searchKeyframes()
}, TextProperty.prototype.searchKeyframes = function() {
return this.kf = this.data.d.k.length > 1, this.kf && this.addEffect(this.getKeyframeValue.bind(this)), this.kf
}, TextProperty.prototype.addEffect = function(t) {
this.effectsSequence.push(t), this.elem.addDynamicProperty(this)
}, TextProperty.prototype.getValue = function(t) {
if (this.elem.globalData.frameId !== this.frameId && this.effectsSequence.length || t) {
var e = this.currentData.t;
if (this.lock) return void this.setCurrentData(this.currentData, e);
this.lock = !0, this._mdf = !1;
var i, r = this.effectsSequence.length,
s = t || this.currentData;
for (i = 0; i < r; i += 1) s = this.effectsSequence[i](s);
this.setCurrentData(s, e), this.pv = this.v = this.currentData, this.lock = !1, this.frameId = this.elem.globalData.frameId
}
}, TextProperty.prototype.getKeyframeValue = function(t) {
for (var e, i = this.data.d.k, r = this.elem.comp.renderedFrame, s = 0, a = i.length; s <= a - 1 && (e = i[s].s, !(s === a - 1 || i[s + 1].t > r));) s += 1;
return this.keysIndex !== s && (t = e, this.keysIndex = s), t
}, TextProperty.prototype.buildFinalText = function(t) {
for (var e = FontManager.getCombinedCharacterCodes(), i = [], r = 0, s = t.length; r < s;) e.indexOf(t.charCodeAt(r)) !== -1 ? i[i.length - 1] += t.charAt(r) : i.push(t.charAt(r)), r += 1;
return i
}, TextProperty.prototype.completeTextData = function(t) {
t.__complete = !0;
var e, i, r, s, a, n, o, h = this.elem.globalData.fontManager,
l = this.data,
p = [],
m = 0,
f = l.m.g,
c = 0,
d = 0,
u = 0,
y = [],
g = 0,
v = 0,
b = h.getFontByName(t.f),
E = 0,
x = b.fStyle ? b.fStyle.split(" ") : [],
S = "normal",
P = "normal";
i = x.length;
var _;
for (e = 0; e < i; e += 1) switch (_ = x[e].toLowerCase()) {
case "italic":
P = "italic";
break;
case "bold":
S = "700";
break;
case "black":
S = "900";
break;
case "medium":
S = "500";
break;
case "regular":
case "normal":
S = "400";
break;
case "light":
case "thin":
S = "200"
}
t.fWeight = b.fWeight || S, t.fStyle = P, i = t.t.length, t.finalSize = t.s, t.finalText = this.buildFinalText(t.t), t.finalLineHeight = t.lh;
var C = t.tr / 1e3 * t.finalSize;
if (t.sz)
for (var A, k, M = !0, T = t.sz[0], D = t.sz[1]; M;) {
k = this.buildFinalText(t.t), A = 0, g = 0, i = k.length, C = t.tr / 1e3 * t.finalSize;
var F = -1;
for (e = 0; e < i; e += 1) r = !1, " " === k[e] ? F = e : 13 === k[e].charCodeAt(0) && (g = 0, r = !0, A += t.finalLineHeight || 1.2 * t.finalSize), h.chars ? (o = h.getCharData(k[e], b.fStyle, b.fFamily), E = r ? 0 : o.w * t.finalSize / 100) : E = h.measureText(k[e], t.f, t.finalSize), g + E > T && " " !== k[e] ? (F === -1 ? i += 1 : e = F, A += t.finalLineHeight || 1.2 * t.finalSize, k.splice(e, F === e ? 1 : 0, "\r"), F = -1, g = 0) : (g += E, g += C);
A += b.ascent * t.finalSize / 100, this.canResize && t.finalSize > this.minimumFontSize && D < A ? (t.finalSize -= 1, t.finalLineHeight = t.finalSize * t.lh / t.s) : (t.finalText = k, i = t.finalText.length, M = !1)
}
g = -C, E = 0;
var w, I = 0;
for (e = 0; e < i; e += 1)
if (r = !1, w = t.finalText[e], " " === w ? s = "\xa0" : 13 === w.charCodeAt(0) ? (I = 0, y.push(g), v = g > v ? g : v, g = -2 * C, s = "", r = !0, u += 1) : s = t.finalText[e], h.chars ? (o = h.getCharData(w, b.fStyle, h.getFontByName(t.f).fFamily), E = r ? 0 : o.w * t.finalSize / 100) : E = h.measureText(s, t.f, t.finalSize), " " === w ? I += E + C : (g += E + C + I, I = 0), p.push({
l: E,
an: E,
add: c,
n: r,
anIndexes: [],
val: s,
line: u,
animatorJustifyOffset: 0
}), 2 == f) {
if (c += E, "" === s || "\xa0" === s || e === i - 1) {
for ("" !== s && "\xa0" !== s || (c -= E); d <= e;) p[d].an = c, p[d].ind = m, p[d].extra = E, d += 1;
m += 1, c = 0
}
} else if (3 == f) {
if (c += E, "" === s || e === i - 1) {
for ("" === s && (c -= E); d <= e;) p[d].an = c, p[d].ind = m, p[d].extra = E, d += 1;
c = 0, m += 1
}
} else p[m].ind = m, p[m].extra = 0, m += 1;
if (t.l = p, v = g > v ? g : v, y.push(g), t.sz) t.boxWidth = t.sz[0], t.justifyOffset = 0;
else switch (t.boxWidth = v, t.j) {
case 1:
t.justifyOffset = -t.boxWidth;
break;
case 2:
t.justifyOffset = -t.boxWidth / 2;
break;
default:
t.justifyOffset = 0
}
t.lineWidths = y;
var V, R, B = l.a;
n = B.length;
var L, G, z = [];
for (a = 0; a < n; a += 1) {
for (V = B[a], V.a.sc && (t.strokeColorAnim = !0), V.a.sw && (t.strokeWidthAnim = !0), (V.a.fc || V.a.fh || V.a.fs || V.a.fb) && (t.fillColorAnim = !0), G = 0, L = V.s.b, e = 0; e < i; e += 1) R = p[e], R.anIndexes[a] = G, (1 == L && "" !== R.val || 2 == L && "" !== R.val && "\xa0" !== R.val || 3 == L && (R.n || "\xa0" == R.val || e == i - 1) || 4 == L && (R.n || e == i - 1)) && (1 === V.s.rn && z.push(G), G += 1);
l.a[a].s.totalChars = G;
var N, O = -1;
if (1 === V.s.rn)
for (e = 0; e < i; e += 1) R = p[e], O != R.anIndexes[a] && (O = R.anIndexes[a], N = z.splice(Math.floor(Math.random() * z.length), 1)[0]), R.anIndexes[a] = N
}
t.yOffset = t.finalLineHeight || 1.2 * t.finalSize, t.ls = t.ls || 0, t.ascent = b.ascent * t.finalSize / 100
}, TextProperty.prototype.updateDocumentData = function(t, e) {
e = void 0 === e ? this.keysIndex === -1 ? 0 : this.keysIndex : e;
var i = this.data.d.k[e].s;
for (var r in t) i[r] = t[r];
this.recalculate(e)
}, TextProperty.prototype.recalculate = function(t) {
var e = this.data.d.k[t].s;
e.__complete = !1, this.keysIndex = this.kf ? -1 : 0, this._isFirstFrame = !0, this.getValue(e)
}, TextProperty.prototype.canResizeFont = function(t) {
this.canResize = t, this.recalculate(this.keysIndex)
}, TextProperty.prototype.setMinimumFontSize = function(t) {
this.minimumFontSize = Math.floor(t) || 1, this.recalculate(this.keysIndex)
};
var TextSelectorProp = function() {
function t(t, e) {
this._mdf = !1, this._currentTextLength = -1, this.k = !1, this.data = e, this.dynamicProperties = [], this.elem = t, this.container = t, this.comp = t.comp, this.finalS = 0, this.finalE = 0, this.s = PropertyFactory.getProp(t, e.s || {
k: 0
}, 0, 0, this), "e" in e ? this.e = PropertyFactory.getProp(t, e.e, 0, 0, this) : this.e = {
v: 100
}, this.o = PropertyFactory.getProp(t, e.o || {
k: 0
}, 0, 0, this), this.xe = PropertyFactory.getProp(t, e.xe || {
k: 0
}, 0, 0, this), this.ne = PropertyFactory.getProp(t, e.ne || {
k: 0
}, 0, 0, this), this.a = PropertyFactory.getProp(t, e.a, 0, .01, this), this.dynamicProperties.length || this.getValue()
}
function e(e, i, r) {
return new t(e, i, r)
}
var i = Math.max,
r = Math.min,
s = Math.floor;
return t.prototype = {
addDynamicProperty: addDynamicProperty,
getMult: function(t) {
this._currentTextLength !== this.elem.textProperty.currentData.l.length && this.getValue();
var e = BezierFactory.getBezierEasing(this.ne.v / 100, 0, 1 - this.xe.v / 100, 1).get,
a = 0,
n = this.finalS,
o = this.finalE,
h = this.data.sh;
if (2 == h) a = o === n ? t >= o ? 1 : 0 : i(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 - i(0, r(.5 / (o - n) + (t - n) / (o - n), 1)), a = e(a);
else if (4 == h) o === n ? a = 0 : (a = i(0, r(.5 / (o - n) + (t - n) / (o - n), 1)), a < .5 ? a *= 2 : a = 1 - 2 * (a - .5)), a = e(a);
else if (5 == h) {
if (o === n) a = 0;
else {
var l = o - n;
t = r(i(0, t + .5 - n), o - n);
var p = -l / 2 + t,
m = l / 2;
a = Math.sqrt(1 - p * p / (m * m))
}
a = e(a)
} else 6 == h ? (o === n ? a = 0 : (t = r(i(0, t + .5 - n), o - n), a = (1 + Math.cos(Math.PI + 2 * Math.PI * t / (o - n))) / 2), a = e(a)) : (t >= s(n) && (a = t - n < 0 ? 1 - (n - t) : i(0, r(o - t, 1))), a = e(a));
return a * this.a.v
},
getValue: function(t) {
if (this._mdf = t || !1, this.dynamicProperties.length) {
var e, i = this.dynamicProperties.length;
for (e = 0; e < i; e += 1) this.dynamicProperties[e].getValue(), this.dynamicProperties[e]._mdf && (this._mdf = !0)
}
this._currentTextLength = this.elem.textProperty.currentData.l.length || 0, t && 2 === this.data.r && (this.e.v = this._currentTextLength);
var r = 2 === this.data.r ? 1 : 100 / this._currentTextLength,
s = this.o.v / r,
a = this.s.v / r + s,
n = this.e.v / r + s;
if (a > n) {
var o = a;
a = n, n = o
}
this.finalS = a, this.finalE = n
}
}, {
getTextSelectorProp: e
}
}(),
pool_factory = function() {
return function(t, e, i, r) {
function s() {
var t;
return n ? (n -= 1, t = h[n]) : t = e(), t
}
function a(t) {
n === o && (h = pooling["double"](h), o = 2 * o), i && i(t), h[n] = t, n += 1
}
var n = 0,
o = t,
h = createSizedArray(o),
l = {
newElement: s,
release: a
};
return l
}
}(),
pooling = function() {
function t(t) {
return t.concat(createSizedArray(t.length))
}
return {
"double": t
}
}(),
point_pool = function() {
function t() {
return createTypedArray("float32", 2)
}
return pool_factory(8, t)
}(),
shape_pool = function() {
function t() {
return new ShapePath
}
function e(t) {
var e, i = t._length;
for (e = 0; e < i; e += 1) point_pool.release(t.v[e]), point_pool.release(t.i[e]), point_pool.release(t.o[e]), t.v[e] = null, t.i[e] = null, t.o[e] = null;
t._length = 0, t.c = !1
}
function i(t) {
var e, i = r.newElement(),
s = void 0 === t._length ? t.v.length : t._length;
i.setLength(s), i.c = t.c;
for (e = 0; e < s; e += 1) i.setTripleAt(t.v[e][0], t.v[e][1], t.o[e][0], t.o[e][1], t.i[e][0], t.i[e][1], e);
return i
}
var r = pool_factory(4, t, e);
return r.clone = i, r
}(),
shapeCollection_pool = function() {
function t() {
var t;
return r ? (r -= 1, t = a[r]) : t = new ShapeCollection, t
}
function e(t) {
var e, i = t._length;
for (e = 0; e < i; e += 1) shape_pool.release(t.shapes[e]);
t._length = 0, r === s && (a = pooling["double"](a), s = 2 * s), a[r] = t, r += 1
}
var i = {
newShapeCollection: t,
release: e
},
r = 0,
s = 4,
a = createSizedArray(s);
return i
}(),
segments_length_pool = function() {
function t() {
return {
lengths: [],
totalLength: 0
}
}
function e(t) {
var e, i = t.lengths.length;
for (e = 0; e < i; e += 1) bezier_length_pool.release(t.lengths[e]);
t.lengths.length = 0
}
return pool_factory(8, t, e)
}(),
bezier_length_pool = function() {
function t() {
return {
addedLength: 0,
percents: createTypedArray("float32", defaultCurveSegments),
lengths: createTypedArray("float32", defaultCurveSegments)
}
}
return pool_factory(8, t)
}();
BaseRenderer.prototype.checkLayers = function(t) {
var e, i, r = this.layers.length;
for (this.completeLayers = !0, e = r - 1; e >= 0; e--) this.elements[e] || (i = this.layers[e], i.ip - i.st <= t - this.layers[e].st && i.op - i.st > t - this.layers[e].st && this.buildItem(e)), this.completeLayers = !!this.elements[e] && this.completeLayers;
this.checkPendingElements()
}, BaseRenderer.prototype.createItem = function(t) {
switch (t.ty) {
case 2:
return this.createImage(t);
case 0:
return this.createComp(t);
case 1:
return this.createSolid(t);
case 3:
return this.createNull(t);
case 4:
return this.createShape(t);
case 5:
return this.createText(t);
case 13:
return this.createCamera(t)
}
return this.createNull(t)
}, BaseRenderer.prototype.createCamera = function() {
throw new Error("You're using a 3d camera. Try the html renderer.")
}, BaseRenderer.prototype.buildAllItems = function() {
var t, e = this.layers.length;
for (t = 0; t < e; t += 1) this.buildItem(t);
this.checkPendingElements()
}, BaseRenderer.prototype.includeLayers = function(t) {
this.completeLayers = !1;
var e, i, r = t.length,
s = this.layers.length;
for (e = 0; e < r; e += 1)
for (i = 0; i < s;) {
if (this.layers[i].id == t[e].id) {
this.layers[i] = t[e];
break
}
i += 1
}
}, BaseRenderer.prototype.setProjectInterface = function(t) {
this.globalData.projectInterface = t
}, BaseRenderer.prototype.initItems = function() {
this.globalData.progressiveLoad || this.buildAllItems()
}, BaseRenderer.prototype.buildElementParenting = function(t, e, i) {
for (var r = this.elements, s = this.layers, a = 0, n = s.length; a < n;) s[a].ind == e && (r[a] && r[a] !== !0 ? (i.push(r[a]), r[a].setAsParent(), void 0 !== s[a].parent ? this.buildElementParenting(t, s[a].parent, i) : t.setHierarchy(i)) : (this.buildItem(a), this.addPendingElement(t))), a += 1
}, BaseRenderer.prototype.addPendingElement = function(t) {
this.pendingElements.push(t)
}, BaseRenderer.prototype.searchExtraCompositions = function(t) {
var e, i = t.length;
for (e = 0; e < i; e += 1)
if (t[e].xt) {
var r = this.createComp(t[e]);
r.initExpressions(), this.globalData.projectInterface.registerComposition(r)
}
}, extendPrototype([BaseRenderer], SVGRenderer), SVGRenderer.prototype.createNull = function(t) {
return new NullElement(t, this.globalData, this)
}, SVGRenderer.prototype.createShape = function(t) {
return new SVGShapeElement(t, this.globalData, this)
}, SVGRenderer.prototype.createText = function(t) {
return new SVGTextElement(t, this.globalData, this)
}, SVGRenderer.prototype.createImage = function(t) {
return new IImageElement(t, this.globalData, this)
}, SVGRenderer.prototype.createComp = function(t) {
return new SVGCompElement(t, this.globalData, this)
}, SVGRenderer.prototype.createSolid = function(t) {
return new ISolidElement(t, this.globalData, this)
}, SVGRenderer.prototype.configAnimation = function(t) {
this.svgElement.setAttribute("xmlns", "http://www.w3.org/2000/svg"), this.renderConfig.viewBoxSize ? this.svgElement.setAttribute("viewBox", this.renderConfig.viewBoxSize) : this.svgElement.setAttribute("viewBox", "0 0 " + t.w + " " + t.h), this.renderConfig.viewBoxOnly || (this.svgElement.setAttribute("width", t.w), this.svgElement.setAttribute("height", t.h), this.svgElement.style.width = "100%", this.svgElement.style.height = "100%"), this.renderConfig.className && this.svgElement.setAttribute("class", this.renderConfig.className), this.svgElement.setAttribute("preserveAspectRatio", this.renderConfig.preserveAspectRatio), this.animationItem.wrapper.appendChild(this.svgElement);
var e = this.globalData.defs;
this.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.nm = t.nm, this.globalData.compSize.w = t.w, this.globalData.compSize.h = t.h, this.globalData.frameRate = t.fr, this.data = t;
var i = createNS("clipPath"),
r = createNS("rect");
r.setAttribute("width", t.w), r.setAttribute("height", t.h), r.setAttribute("x", 0), r.setAttribute("y", 0);
var s = "animationMask_" + randomString(10);
i.setAttribute("id", s), i.appendChild(r), this.layerElement.setAttribute("clip-path", "url(" + locationHref + "#" + s + ")"), e.appendChild(i), this.layers = t.layers, this.globalData.fontManager.addChars(t.chars), this.globalData.fontManager.addFonts(t.fonts, e), this.elements = createSizedArray(t.layers.length)
}, SVGRenderer.prototype.destroy = function() {
this.animationItem.wrapper.innerHTML = "", this.layerElement = null, this.globalData.defs = null;
var t, e = this.layers ? this.layers.length : 0;
for (t = 0; t < e; t++) this.elements[t] && this.elements[t].destroy();
this.elements.length = 0, this.destroyed = !0, this.animationItem = null
}, SVGRenderer.prototype.updateContainerSize = function() {}, SVGRenderer.prototype.buildItem = function(t) {
var e = this.elements;
if (!e[t] && 99 != this.layers[t].ty) {
e[t] = !0;
var i = this.createItem(this.layers[t]);
e[t] = i, expressionsPlugin && (0 === this.layers[t].ty && this.globalData.projectInterface.registerComposition(i), i.initExpressions()), this.appendElementInPos(i, t), this.layers[t].tt && (this.elements[t - 1] && this.elements[t - 1] !== !0 ? i.setMatte(e[t - 1].layerId) : (this.buildItem(t - 1), this.addPendingElement(i)))
}
}, SVGRenderer.prototype.checkPendingElements = function() {
for (; this.pendingElements.length;) {
var t = this.pendingElements.pop();
if (t.checkParenting(), t.data.tt)
for (var e = 0, i = this.elements.length; e < i;) {
if (this.elements[e] === t) {
t.setMatte(this.elements[e - 1].layerId);
break
}
e += 1
}
}
}, SVGRenderer.prototype.renderFrame = function(t) {
if (this.renderedFrame !== t && !this.destroyed) {
null === t ? t = this.renderedFrame : this.renderedFrame = t, this.globalData.frameNum = t, this.globalData.frameId += 1, this.globalData.projectInterface.currentFrame = t, this.globalData._mdf = !1;
var e, i = this.layers.length;
for (this.completeLayers || this.checkLayers(t), e = i - 1; e >= 0; e--)(this.completeLayers || this.elements[e]) && this.elements[e].prepareFrame(t - this.layers[e].st);
if (this.globalData._mdf)
for (e = 0; e < i; e += 1)(this.completeLayers || this.elements[e]) && this.elements[e].renderFrame()
}
}, SVGRenderer.prototype.appendElementInPos = function(t, e) {
var i = t.getBaseElement();
if (i) {
for (var r, s = 0; s < e;) this.elements[s] && this.elements[s] !== !0 && this.elements[s].getBaseElement() && (r = this.elements[s].getBaseElement()), s += 1;
r ? this.layerElement.insertBefore(i, r) : this.layerElement.appendChild(i)
}
}, SVGRenderer.prototype.hide = function() {
this.layerElement.style.display = "none"
}, SVGRenderer.prototype.show = function() {
this.layerElement.style.display = "block"
}, MaskElement.prototype.getMaskProperty = function(t) {
return this.viewData[t].prop
}, MaskElement.prototype.renderFrame = function(t) {
var e, i = this.masksProperties.length;
for (e = 0; e < i; e++)
if ((this.viewData[e].prop._mdf || this._isFirstFrame) && this.drawPath(this.masksProperties[e], this.viewData[e].prop.v, this.viewData[e]), (this.viewData[e].op._mdf || this._isFirstFrame) && this.viewData[e].elem.setAttribute("fill-opacity", this.viewData[e].op.v), "n" !== this.masksProperties[e].mode && (this.viewData[e].invRect && (this.element.finalTransform.mProp._mdf || this._isFirstFrame) && (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._isFirstFrame))) {
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(" + locationHref + "#" + 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._isFirstFrame = !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, i) {
var r, s, a = " M" + e.v[0][0] + "," + e.v[0][1];
for (s = e._length, r = 1; r < s; r += 1) a += " C" + e.o[r - 1][0] + "," + e.o[r - 1][1] + " " + e.i[r][0] + "," + e.i[r][1] + " " + e.v[r][0] + "," + e.v[r][1];
if (e.c && s > 1 && (a += " C" + e.o[r - 1][0] + "," + e.o[r - 1][1] + " " + e.i[0][0] + "," + e.i[0][1] + " " + e.v[0][0] + "," + e.v[0][1]), i.lastPath !== a) {
var n = "";
i.elem && (e.c && (n = t.inv ? this.solidPath + a : a), i.elem.setAttribute("d", n)), i.lastPath = a
}
}, MaskElement.prototype.destroy = function() {
this.element = null, this.globalData = null, this.maskElement = null, this.data = null, this.masksProperties = null
}, HierarchyElement.prototype = {
initHierarchy: function() {
this.hierarchy = [], this._isParent = !1, this.checkParenting()
},
setHierarchy: function(t) {
this.hierarchy = t
},
setAsParent: function() {
this._isParent = !0
},
checkParenting: function() {
void 0 !== this.data.parent && this.comp.buildElementParenting(this, this.data.parent, [])
}
}, FrameElement.prototype = {
initFrame: function() {
this._isFirstFrame = !1, this.dynamicProperties = [], this._mdf = !1
},
prepareProperties: function(t, e) {
var i, r = this.dynamicProperties.length;
for (i = 0; i < r; i += 1)(e || this._isParent && "transform" === this.dynamicProperties[i].propType) && (this.dynamicProperties[i].getValue(), this.dynamicProperties[i]._mdf && (this.globalData._mdf = !0, this._mdf = !0))
},
addDynamicProperty: function(t) {
this.dynamicProperties.indexOf(t) === -1 && this.dynamicProperties.push(t)
}
}, TransformElement.prototype = {
initTransform: function() {
this.finalTransform = {
mProp: this.data.ks ? TransformPropertyFactory.getTransformProperty(this, this.data.ks, this) : {
o: 0
},
_matMdf: !1,
_opMdf: !1,
mat: new Matrix
}, this.data.ao && (this.finalTransform.mProp.autoOriented = !0), 11 !== this.data.ty
},
renderTransform: function() {
if (this.finalTransform._opMdf = this.finalTransform.mProp.o._mdf || this._isFirstFrame, this.finalTransform._matMdf = this.finalTransform.mProp._mdf || this._isFirstFrame, this.hierarchy) {
var t, e = this.finalTransform.mat,
i = 0,
r = this.hierarchy.length;
if (!this.finalTransform._matMdf)
for (; i < r;) {
if (this.hierarchy[i].finalTransform.mProp._mdf) {
this.finalTransform._matMdf = !0;
break
}
i += 1
}
if (this.finalTransform._matMdf)
for (t = this.finalTransform.mProp.v.props, e.cloneFromProps(t), i = 0; i < r; i += 1) t = this.hierarchy[i].finalTransform.mProp.v.props, e.transform(t[0], t[1], t[2], t[3], t[4], t[5], t[6], t[7], t[8], t[9], t[10], t[11], t[12], t[13], t[14], t[15])
}
},
globalToLocal: function(t) {
var e = [];
e.push(this.finalTransform);
for (var i = !0, r = this.comp; i;) r.finalTransform ? (r.data.hasMask && e.splice(0, 0, r.finalTransform), r = r.comp) : i = !1;
var s, a, n = e.length;
for (s = 0; s < n; s += 1) a = e[s].mat.applyToPointArray(0, 0, 0), t = [t[0] - a[0], t[1] - a[1], 0];
return t
},
mHelper: new Matrix
}, RenderableElement.prototype = {
initRenderable: function() {
this.isInRange = !1, this.hidden = !1, this.isTransparent = !1
},
prepareRenderableFrame: function(t) {
this.checkLayerLimits(t)
},
checkTransparency: function() {
this.finalTransform.mProp.o.v <= 0 ? !this.isTransparent && this.globalData.renderConfig.hideOnTransparent && (this.isTransparent = !0, this.hide()) : this.isTransparent && (this.isTransparent = !1, this.show())
},
checkLayerLimits: function(t) {
this.data.ip - this.data.st <= t && this.data.op - this.data.st > t ? this.isInRange !== !0 && (this.globalData._mdf = !0, this._mdf = !0, this.isInRange = !0, this.show()) : this.isInRange !== !1 && (this.globalData._mdf = !0, this.isInRange = !1, this.hide())
},
renderRenderable: function() {
this.maskManager.renderFrame(this.finalTransform.mat), this.renderableEffectsManager.renderFrame(this._isFirstFrame)
},
sourceRectAtTime: function() {
return {
top: 0,
left: 0,
width: 100,
height: 100
}
},
getLayerSize: function() {
return 5 === this.data.ty ? {
w: this.data.textData.width,
h: this.data.textData.height
} : {
w: this.data.width,
h: this.data.height
}
}
},
function() {
var t = {
initElement: function(t, e, i) {
this.initFrame(), this.initBaseData(t, e, i), this.initTransform(t, e, i), this.initHierarchy(), this.initRenderable(), this.initRendererElement(), this.createContainerElements(), this.addMasks(), this.createContent(), this.hide()
},
hide: function() {
if (!this.hidden && (!this.isInRange || this.isTransparent)) {
var t = this.baseElement || this.layerElement;
t.style.display = "none", this.hidden = !0
}
},
show: function() {
if (this.isInRange && !this.isTransparent) {
if (!this.data.hd) {
var t = this.baseElement || this.layerElement;
t.style.display = "block"
}
this.hidden = !1, this._isFirstFrame = !0, this.maskManager._isFirstFrame = !0
}
},
renderFrame: function() {
this.data.hd || this.hidden || (this.renderTransform(), this.renderRenderable(), this.renderElement(), this.renderInnerContent(), this._isFirstFrame && (this._isFirstFrame = !1))
},
renderInnerContent: function() {},
prepareFrame: function(t) {
this._mdf = !1, this.prepareRenderableFrame(t), this.prepareProperties(t, this.isInRange), this.checkTransparency()
},
destroy: function() {
this.innerElem = null, this.destroyBaseElement()
}
};
extendPrototype([RenderableElement, createProxyFunction(t)], RenderableDOMElement)
}(), SVGStyleData.prototype.reset = function() {
this.d = "", this._mdf = !1
}, SVGGradientFillStyleData.prototype.initGradientData = function(t, e, i) {
this.o = PropertyFactory.getProp(t, e.o, 0, .01, t), this.s = PropertyFactory.getProp(t, e.s, 1, null, t), this.e = PropertyFactory.getProp(t, e.e, 1, null, t), this.h = PropertyFactory.getProp(t, e.h || {
k: 0
}, 0, .01, t), this.a = PropertyFactory.getProp(t, e.a || {
k: 0
}, 0, degToRads, t), this.g = new GradientProperty(t, e.g, t), this.style = i, this.stops = [], this.setGradientData(i.pElem, e), this.setGradientOpacity(e, i)
}, SVGGradientFillStyleData.prototype.setGradientData = function(t, e) {
var i = "gr_" + randomString(10),
r = createNS(1 === e.t ? "linearGradient" : "radialGradient");
r.setAttribute("id", i), r.setAttribute("spreadMethod", "pad"), r.setAttribute("gradientUnits", "userSpaceOnUse");
var s, a, n, o = [];
for (n = 4 * e.g.p, a = 0; a < n; a += 4) s = createNS("stop"), r.appendChild(s), o.push(s);
t.setAttribute("gf" === e.ty ? "fill" : "stroke", "url(#" + i + ")"), this.gf = r, this.cst = o
}, SVGGradientFillStyleData.prototype.setGradientOpacity = function(t, e) {
if (this.g._hasOpacity && !this.g._collapsable) {
var i, r, s, a = createNS("mask"),
n = createNS("path");
a.appendChild(n);
var o = "op_" + randomString(10),
h = "mk_" + randomString(10);
a.setAttribute("id", h);
var l = createNS(1 === t.t ? "linearGradient" : "radialGradient");
l.setAttribute("id", o), l.setAttribute("spreadMethod", "pad"), l.setAttribute("gradientUnits", "userSpaceOnUse"), s = t.g.k.k[0].s ? t.g.k.k[0].s.length : t.g.k.k.length;
var p = this.stops;
for (r = 4 * t.g.p; r < s; r += 2) i = createNS("stop"), i.setAttribute("stop-color", "rgb(255,255,255)"), l.appendChild(i), p.push(i);
n.setAttribute("gf" === t.ty ? "fill" : "stroke", "url(#" + o + ")"), this.of = l, this.ms = a, this.ost = p, this.maskId = h, e.msElem = n
}
}, SVGGradientStrokeStyleData.prototype.initGradientData = SVGGradientFillStyleData.prototype.initGradientData, SVGGradientStrokeStyleData.prototype.setGradientData = SVGGradientFillStyleData.prototype.setGradientData, SVGGradientStrokeStyleData.prototype.setGradientOpacity = SVGGradientFillStyleData.prototype.setGradientOpacity, BaseElement.prototype.checkMasks = function() {
if (!this.data.hasMask) return !1;
for (var t = 0, e = this.data.masksProperties.length; t < e;) {
if ("n" !== this.data.masksProperties[t].mode && this.data.masksProperties[t].cl !== !1) return !0;
t += 1
}
return !1
}, BaseElement.prototype.initExpressions = function() {
this.layerInterface = LayerExpressionInterface(this), this.data.hasMask && this.maskManager && this.layerInterface.registerMaskInterface(this.maskManager);
var t = EffectsExpressionInterface.createEffectsInterface(this, this.layerInterface);
this.layerInterface.registerEffectsInterface(t), 0 === this.data.ty || this.data.xt ? this.compInterface = CompExpressionInterface(this) : 4 === this.data.ty ? (this.layerInterface.shapeInterface = ShapeExpressionInterface(this.shapesData, this.itemsData, this.layerInterface), this.layerInterface.content = this.layerInterface.shapeInterface) : 5 === this.data.ty && (this.layerInterface.textInterface = TextExpressionInterface(this), this.layerInterface.text = this.layerInterface.textInterface)
}, BaseElement.prototype.blendModeEnums = {
1: "multiply",
2: "screen",
3: "overlay",
4: "darken",
5: "lighten",
6: "color-dodge",
7: "color-burn",
8: "hard-light",
9: "soft-light",
10: "difference",
11: "exclusion",
12: "hue",
13: "saturation",
14: "color",
15: "luminosity"
}, BaseElement.prototype.getBlendMode = function() {
return this.blendModeEnums[this.data.bm] || ""
}, BaseElement.prototype.setBlendMode = function() {
var t = this.getBlendMode(),
e = this.baseElement || this.layerElement;
e.style["mix-blend-mode"] = t
}, BaseElement.prototype.initBaseData = function(t, e, i) {
this.globalData = e, this.comp = i, this.data = t, this.layerId = "ly_" + randomString(10), this.data.sr || (this.data.sr = 1), this.effectsManager = new EffectsManager(this.data, this, this.dynamicProperties)
}, BaseElement.prototype.getType = function() {
return this.type
}, NullElement.prototype.prepareFrame = function(t) {
this.prepareProperties(t, !0)
}, NullElement.prototype.renderFrame = function() {}, NullElement.prototype.getBaseElement = function() {
return null
}, NullElement.prototype.destroy = function() {}, NullElement.prototype.sourceRectAtTime = function() {}, NullElement.prototype.hide = function() {}, extendPrototype([BaseElement, TransformElement, HierarchyElement, FrameElement], NullElement), SVGBaseElement.prototype = {
initRendererElement: function() {
this.layerElement = createNS("g")
},
createContainerElements: function() {
this.matteElement = createNS("g"), this.transformedElement = this.layerElement, this.maskedElement = this.layerElement, this._sizeChanged = !1;
var t, e, i, r = null;
if (this.data.td) {
if (3 == this.data.td || 1 == this.data.td) {
var s = createNS("mask");
s.setAttribute("id", this.layerId), s.setAttribute("mask-type", 3 == this.data.td ? "luminance" : "alpha"), s.appendChild(this.layerElement), r = s, this.globalData.defs.appendChild(s), featureSupport.maskType || 1 != this.data.td || (s.setAttribute("mask-type", "luminance"), t = randomString(10), e = filtersFactory.createFilter(t), this.globalData.defs.appendChild(e), e.appendChild(filtersFactory.createAlphaToLuminanceFilter()), i = createNS("g"), i.appendChild(this.layerElement), r = i, s.appendChild(i), i.setAttribute("filter", "url(" + locationHref + "#" + t + ")"))
} else if (2 == this.data.td) {
var a = createNS("mask");
a.setAttribute("id", this.layerId), a.setAttribute("mask-type", "alpha");
var n = createNS("g");
a.appendChild(n), t = randomString(10), e = filtersFactory.createFilter(t);
var o = createNS("feColorMatrix");
o.setAttribute("type", "matrix"), o.setAttribute("color-interpolation-filters", "sRGB"), o.setAttribute("values", "1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"), e.appendChild(o), this.globalData.defs.appendChild(e);
var h = createNS("rect");
h.setAttribute("width", this.comp.data.w), h.setAttribute("height", this.comp.data.h), h.setAttribute("x", "0"), h.setAttribute("y", "0"), h.setAttribute("fill", "#ffffff"), h.setAttribute("opacity", "0"), n.setAttribute("filter", "url(" + locationHref + "#" + t + ")"), n.appendChild(h), n.appendChild(this.layerElement), r = n, featureSupport.maskType || (a.setAttribute("mask-type", "luminance"), e.appendChild(filtersFactory.createAlphaToLuminanceFilter()), i = createNS("g"), n.appendChild(h), i.appendChild(this.layerElement), r = i, n.appendChild(i)), this.globalData.defs.appendChild(a)
}
} else this.data.tt ? (this.matteElement.appendChild(this.layerElement), r = this.matteElement, this.baseElement = this.matteElement) : this.baseElement = this.layerElement;
if (this.data.ln && this.layerElement.setAttribute("id", this.data.ln), this.data.cl && this.layerElement.setAttribute("class", this.data.cl), 0 === this.data.ty && !this.data.hd) {
var l = createNS("clipPath"),
p = createNS("path");
p.setAttribute("d", "M0,0 L" + this.data.w + ",0 L" + this.data.w + "," + this.data.h + " L0," + this.data.h + "z");
var m = "cp_" + randomString(8);
if (l.setAttribute("id", m), l.appendChild(p), this.globalData.defs.appendChild(l), this.checkMasks()) {
var f = createNS("g");
f.setAttribute("clip-path", "url(" + locationHref + "#" + m + ")"), f.appendChild(this.layerElement), this.transformedElement = f, r ? r.appendChild(this.transformedElement) : this.baseElement = this.transformedElement
} else this.layerElement.setAttribute("clip-path", "url(" + locationHref + "#" + m + ")")
}
0 !== this.data.bm && this.setBlendMode(), this.renderableEffectsManager = new SVGEffects(this)
},
renderElement: function() {
this.finalTransform._matMdf && this.transformedElement.setAttribute("transform", this.finalTransform.mat.to2dCSS()), this.finalTransform._opMdf && this.transformedElement.setAttribute("opacity", this.finalTransform.mProp.o.v)
},
destroyBaseElement: function() {
this.layerElement = null, this.matteElement = null, this.maskManager.destroy()
},
getBaseElement: function() {
return this.data.hd ? null : this.baseElement
},
addMasks: function() {
this.maskManager = new MaskElement(this.data, this, this.globalData)
},
setMatte: function(t) {
this.matteElement && this.matteElement.setAttribute("mask", "url(" + locationHref + "#" + t + ")")
}
}, IShapeElement.prototype = {
addShapeToModifiers: function(t) {
var e, i = this.shapeModifiers.length;
for (e = 0; e < i; e += 1) this.shapeModifiers[e].addShape(t)
},
renderModifiers: function() {
if (this.shapeModifiers.length) {
var t, e = this.shapes.length;
for (t = 0; t < e; t += 1) this.shapes[t].reset();
for (e = this.shapeModifiers.length, t = e - 1; t >= 0; t -= 1) this.shapeModifiers[t].processShapes(this._isFirstFrame)
}
},
lcEnum: {
1: "butt",
2: "round",
3: "square"
},
ljEnum: {
1: "miter",
2: "round",
3: "butt"
},
searchProcessedElement: function(t) {
for (var e = 0, i = this.processedElements.length; e < i;) {
if (this.processedElements[e].elem === t) return this.processedElements[e].pos;
e += 1
}
return 0
},
addProcessedElement: function(t, e) {
for (var i = this.processedElements.length, r = !1; i;)
if (i -= 1, this.processedElements[i].elem === t) {
this.processedElements[i].pos = e, r = !0;
break
}
r || this.processedElements.push(new ProcessedElement(t, e))
},
prepareFrame: function(t) {
this.prepareRenderableFrame(t), this.prepareProperties(t, this.isInRange)
},
buildShapeString: function(t, e, i, r) {
var s, a = "";
for (s = 1; s < e; s += 1) 1 === s && (a += " M" + r.applyToPointStringified(t.v[0][0], t.v[0][1])), a += " C" + r.applyToPointStringified(t.o[s - 1][0], t.o[s - 1][1]) + " " + r.applyToPointStringified(t.i[s][0], t.i[s][1]) + " " + r.applyToPointStringified(t.v[s][0], t.v[s][1]);
return 1 === e && (a += " M" + r.applyToPointStringified(t.v[0][0], t.v[0][1])), i && e && (a += " C" + r.applyToPointStringified(t.o[s - 1][0], t.o[s - 1][1]) + " " + r.applyToPointStringified(t.i[0][0], t.i[0][1]) + " " + r.applyToPointStringified(t.v[0][0], t.v[0][1]), a += "z"), a
}
}, ITextElement.prototype.initElement = function(t, e, i) {
this.lettersChangedFlag = !0, this.initFrame(), this.initBaseData(t, e, i), this.textProperty = new TextProperty(this, t.t, this.dynamicProperties), this.textAnimator = new TextAnimatorProperty(t.t, this.renderType, this), this.initTransform(t, e, i), this.initHierarchy(), this.initRenderable(), this.initRendererElement(), this.createContainerElements(), this.addMasks(), this.createContent(), this.hide(), this.textAnimator.searchProperties(this.dynamicProperties)
}, ITextElement.prototype.prepareFrame = function(t) {
this._mdf = !1, this.prepareRenderableFrame(t), this.prepareProperties(t, this.isInRange), (this.textProperty._mdf || this.textProperty._isFirstFrame) && (this.buildNewText(), this.textProperty._isFirstFrame = !1, this.textProperty._mdf = !1)
}, ITextElement.prototype.createPathShape = function(t, e) {
var i, r, s = e.length,
a = "";
for (i = 0; i < s; i += 1) r = e[i].ks.k, a += this.buildShapeString(r, r.i.length, !0, t);
return a
}, ITextElement.prototype.updateDocumentData = function(t, e) {
this.textProperty.updateDocumentData(t, e)
}, ITextElement.prototype.canResizeFont = function(t) {
this.textProperty.canResizeFont(t)
}, ITextElement.prototype.setMinimumFontSize = function(t) {
this.textProperty.setMinimumFontSize(t)
}, ITextElement.prototype.applyTextPropertiesToMatrix = function(t, e, i, r, s) {
switch (t.ps && e.translate(t.ps[0], t.ps[1] + t.ascent, 0), e.translate(0, -t.ls, 0), t.j) {
case 1:
e.translate(t.justifyOffset + (t.boxWidth - t.lineWidths[i]), 0, 0);
break;
case 2:
e.translate(t.justifyOffset + (t.boxWidth - t.lineWidths[i]) / 2, 0, 0)
}
e.translate(r, s, 0)
}, ITextElement.prototype.buildColor = function(t) {
return "rgb(" + Math.round(255 * t[0]) + "," + Math.round(255 * t[1]) + "," + Math.round(255 * t[2]) + ")"
}, ITextElement.prototype.buildShapeString = IShapeElement.prototype.buildShapeString, ITextElement.prototype.emptyProp = new LetterProps, ITextElement.prototype.destroy = function() {}, extendPrototype([BaseElement, TransformElement, HierarchyElement, FrameElement, RenderableDOMElement], ICompElement), ICompElement.prototype.initElement = function(t, e, i) {
this.initFrame(), this.initBaseData(t, e, i), this.initTransform(t, e, i), this.initRenderable(), this.initHierarchy(), this.initRendererElement(), this.createContainerElements(), this.addMasks(), !this.data.xt && e.progressiveLoad || this.buildAllItems(), this.hide()
}, ICompElement.prototype.prepareFrame = function(t) {
if (this._mdf = !1, this.prepareRenderableFrame(t), this.prepareProperties(t, this.isInRange), this.isInRange || this.data.xt) {
if (this.tm._placeholder) this.renderedFrame = t / this.data.sr;
else {
var e = this.tm.v;
e === this.data.op && (e = this.data.op - 1), this.renderedFrame = e
}
var i, r = this.elements.length;
for (this.completeLayers || this.checkLayers(this.renderedFrame), i = 0; i < r; i += 1)(this.completeLayers || this.elements[i]) && (this.elements[i].prepareFrame(this.renderedFrame - this.layers[i].st), this.elements[i]._mdf && (this._mdf = !0))
}
}, ICompElement.prototype.renderInnerContent = function() {
var t, e = this.layers.length;
for (t = 0; t < e; t += 1)(this.completeLayers || this.elements[t]) && this.elements[t].renderFrame()
}, ICompElement.prototype.setElements = function(t) {
this.elements = t
}, ICompElement.prototype.getElements = function() {
return this.elements
}, ICompElement.prototype.destroyElements = function() {
var t, e = this.layers.length;
for (t = 0; t < e; t += 1) this.elements[t] && this.elements[t].destroy()
}, ICompElement.prototype.destroy = function() {
this.destroyElements(), this.destroyBaseElement()
}, extendPrototype([BaseElement, TransformElement, SVGBaseElement, HierarchyElement, FrameElement, RenderableDOMElement], IImageElement), IImageElement.prototype.createContent = function() {
var t = this.globalData.getAssetsPath(this.assetData);
this.innerElem = createNS("image"), this.innerElem.setAttribute("width", this.assetData.w + "px"), this.innerElem.setAttribute("height", this.assetData.h + "px"), this.innerElem.setAttribute("preserveAspectRatio", "xMidYMid slice"), this.innerElem.setAttributeNS("http://www.w3.org/1999/xlink", "href", t), this.layerElement.appendChild(this.innerElem)
}, extendPrototype([IImageElement], ISolidElement), ISolidElement.prototype.createContent = function() {
var t = createNS("rect");
t.setAttribute("width", this.data.sw), t.setAttribute("height", this.data.sh), t.setAttribute("fill", this.data.sc), this.layerElement.appendChild(t)
}, extendPrototype([SVGRenderer, ICompElement, SVGBaseElement], SVGCompElement), extendPrototype([BaseElement, TransformElement, SVGBaseElement, HierarchyElement, FrameElement, RenderableDOMElement, ITextElement], SVGTextElement), SVGTextElement.prototype.createContent = function() {
this.data.singleShape && !this.globalData.fontManager.chars && (this.textContainer = createNS("text"))
}, SVGTextElement.prototype.buildTextContents = function(t) {
for (var e = 0, i = t.length, r = [], s = ""; e < i;) t[e] === String.fromCharCode(13) ? (r.push(s), s = "") : s += t[e], e += 1;
return r.push(s), r
}, SVGTextElement.prototype.buildNewText = function() {
var t, e, i = this.textProperty.currentData;
this.renderedLetters = createSizedArray(i ? i.l.length : 0), i.fc ? this.layerElement.setAttribute("fill", this.buildColor(i.fc)) : this.layerElement.setAttribute("fill", "rgba(0,0,0,0)"), i.sc && (this.layerElement.setAttribute("stroke", this.buildColor(i.sc)), this.layerElement.setAttribute("stroke-width", i.sw)), this.layerElement.setAttribute("font-size", i.finalSize);
var r = this.globalData.fontManager.getFontByName(i.f);
if (r.fClass) this.layerElement.setAttribute("class", r.fClass);
else {
this.layerElement.setAttribute("font-family", r.fFamily);
var s = i.fWeight,
a = i.fStyle;
this.layerElement.setAttribute("font-style", a), this.layerElement.setAttribute("font-weight", s)
}
var n = i.l || [],
o = this.globalData.fontManager.chars;
if (e = n.length) {
var h, l, p = this.mHelper,
m = "",
f = this.data.singleShape,
c = 0,
d = 0,
u = !0,
y = i.tr / 1e3 * i.finalSize;
if (!f || o || i.sz) {
var g, v, b = this.textSpans.length;
for (t = 0; t < e; t += 1) o && f && 0 !== t || (h = b > t ? this.textSpans[t] : createNS(o ? "path" : "text"), b <= t && (h.setAttribute("stroke-linecap", "butt"), h.setAttribute("stroke-linejoin", "round"), h.setAttribute("stroke-miterlimit", "4"), this.textSpans[t] = h, this.layerElement.appendChild(h)), h.style.display = "inherit"), p.reset(), p.scale(i.finalSize / 100, i.finalSize / 100), f && (n[t].n && (c = -y, d += i.yOffset, d += u ? 1 : 0, u = !1), this.applyTextPropertiesToMatrix(i, p, n[t].line, c, d), c += n[t].l || 0, c += y), o ? (v = this.globalData.fontManager.getCharData(i.finalText[t], r.fStyle, this.globalData.fontManager.getFontByName(i.f).fFamily), g = v && v.data || {}, l = g.shapes ? g.shapes[0].it : [], f ? m += this.createPathShape(p, l) : h.setAttribute("d", this.createPathShape(p, l))) : (f && h.setAttribute("transform", "translate(" + p.props[12] + "," + p.props[13] + ")"), h.textContent = n[t].val, h.setAttributeNS("http://www.w3.org/XML/1998/namespace", "xml:space", "preserve"));
f && h.setAttribute("d", m)
} else {
var E = this.textContainer,
x = "start";
switch (i.j) {
case 1:
x = "end";
break;
case 2:
x = "middle"
}
E.setAttribute("text-anchor", x), E.setAttribute("letter-spacing", y);
var S = this.buildTextContents(i.finalText);
for (e = S.length, d = i.ps ? i.ps[1] + i.ascent : 0, t = 0; t < e; t += 1) h = this.textSpans[t] || createNS("tspan"), h.textContent = S[t], h.setAttribute("x", 0), h.setAttribute("y", d), h.style.display = "inherit", E.appendChild(h), this.textSpans[t] = h, d += i.finalLineHeight;
this.layerElement.appendChild(E)
}
for (; t < this.textSpans.length;) this.textSpans[t].style.display = "none", t += 1;
this._sizeChanged = !0
}
}, SVGTextElement.prototype.sourceRectAtTime = function(t) {
if (this.prepareFrame(this.comp.renderedFrame - this.data.st), this.renderInnerContent(), this._sizeChanged) {
this._sizeChanged = !1;
var e = this.layerElement.getBBox();
this.bbox = {
top: e.y,
left: e.x,
width: e.width,
height: e.height
}
}
return this.bbox
}, SVGTextElement.prototype.renderInnerContent = function() {
if (!this.data.singleShape && (this.textAnimator.getMeasures(this.textProperty.currentData, this.lettersChangedFlag), this.lettersChangedFlag || this.textAnimator.lettersChangedFlag)) {
this._sizeChanged = !0;
var t, e, i = this.textAnimator.renderedLetters,
r = this.textProperty.currentData.l;
e = r.length;
var s, a;
for (t = 0; t < e; t += 1) r[t].n || (s = i[t], a = this.textSpans[t], s._mdf.m && a.setAttribute("transform", s.m), s._mdf.o && a.setAttribute("opacity", s.o), s._mdf.sw && a.setAttribute("stroke-width", s.sw), s._mdf.sc && a.setAttribute("stroke", s.sc), s._mdf.fc && a.setAttribute("fill", s.fc))
}
}, extendPrototype([BaseElement, TransformElement, SVGBaseElement, IShapeElement, HierarchyElement, FrameElement, RenderableDOMElement], SVGShapeElement), SVGShapeElement.prototype.initSecondaryElement = function() {}, SVGShapeElement.prototype.identityMatrix = new Matrix, SVGShapeElement.prototype.buildExpressionInterface = function() {}, SVGShapeElement.prototype.createContent = function() {
this.searchShapes(this.shapesData, this.itemsData, this.prevViewData, this.layerElement, 0, [], !0)
}, SVGShapeElement.prototype.createStyleElement = function(t, e) {
var i, r = new SVGStyleData(t, e),
s = r.pElem;
if ("st" === t.ty) i = new SVGStrokeStyleData(this, t, r);
else if ("fl" === t.ty) i = new SVGFillStyleData(this, t, r);
else if ("gf" === t.ty || "gs" === t.ty) {
var a = "gf" === t.ty ? SVGGradientFillStyleData : SVGGradientStrokeStyleData;
i = new a(this, t, r), this.globalData.defs.appendChild(i.gf), i.maskId && (this.globalData.defs.appendChild(i.ms), this.globalData.defs.appendChild(i.of), s.setAttribute("mask", "url(#" + i.maskId + ")"))
}
return "st" !== t.ty && "gs" !== t.ty || (s.setAttribute("stroke-linecap", this.lcEnum[t.lc] || "round"), s.setAttribute("stroke-linejoin", this.ljEnum[t.lj] || "round"), s.setAttribute("fill-opacity", "0"), 1 === t.lj && s.setAttribute("stroke-miterlimit", t.ml)), 2 === t.r && s.setAttribute("fill-rule", "evenodd"), t.ln && s.setAttribute("id", t.ln), t.cl && s.setAttribute("class", t.cl), this.stylesList.push(r), i
}, SVGShapeElement.prototype.createGroupElement = function(t) {
var e = new ShapeGroupData;
return t.ln && e.gr.setAttribute("id", t.ln), e
}, SVGShapeElement.prototype.createTransformElement = function(t) {
return new SVGTransformData(TransformPropertyFactory.getTransformProperty(this, t, this), PropertyFactory.getProp(this, t.o, 0, .01, this))
}, SVGShapeElement.prototype.createShapeElement = function(t, e, i) {
var r = 4;
"rc" === t.ty ? r = 5 : "el" === t.ty ? r = 6 : "sr" === t.ty && (r = 7);
var s = ShapePropertyFactory.getShapeProp(this, t, r, this),
a = new SVGShapeData(e, i, s);
return this.shapes.push(a.sh), this.addShapeToModifiers(a), a
}, SVGShapeElement.prototype.setElementStyles = function(t) {
var e, i = t.styles,
r = this.stylesList.length;
for (e = 0; e < r; e += 1) this.stylesList[e].closed || i.push(this.stylesList[e])
}, SVGShapeElement.prototype.reloadShapes = function() {
this._isFirstFrame = !0;
var t, e = this.itemsData.length;
for (t = 0; t < e; t += 1) this.prevViewData[t] = this.itemsData[t];
for (this.searchShapes(this.shapesData, this.itemsData, this.prevViewData, this.layerElement, 0, [], !0), e = this.dynamicProperties.length, t = 0; t < e; t += 1) this.dynamicProperties[t].getValue();
this.renderModifiers()
}, SVGShapeElement.prototype.searchShapes = function(t, e, i, r, s, a, n) {
var o, h, l, p, m, f, c = [].concat(a),
d = t.length - 1,
u = [],
y = [];
for (o = d; o >= 0; o -= 1) {
if (f = this.searchProcessedElement(t[o]), f ? e[o] = i[f - 1] : t[o]._render = n, "fl" == t[o].ty || "st" == t[o].ty || "gf" == t[o].ty || "gs" == t[o].ty) f ? e[o].style.closed = !1 : e[o] = this.createStyleElement(t[o], s), t[o]._render && r.appendChild(e[o].style.pElem), u.push(e[o].style);
else if ("gr" == t[o].ty) {
if (f)
for (l = e[o].it.length, h = 0; h < l; h += 1) e[o].prevViewData[h] = e[o].it[h];
else e[o] = this.createGroupElement(t[o]);
this.searchShapes(t[o].it, e[o].it, e[o].prevViewData, e[o].gr, s + 1, c, n), t[o]._render && r.appendChild(e[o].gr)
} else "tr" == t[o].ty ? (f || (e[o] = this.createTransformElement(t[o])), p = e[o].transform, c.push(p)) : "sh" == t[o].ty || "rc" == t[o].ty || "el" == t[o].ty || "sr" == t[o].ty ? (f || (e[o] = this.createShapeElement(t[o], c, s)), this.setElementStyles(e[o])) : "tm" == t[o].ty || "rd" == t[o].ty || "ms" == t[o].ty ? (f ? (m = e[o], m.closed = !1) : (m = ShapeModifiers.getModifier(t[o].ty), m.init(this, t[o]), e[o] = m, this.shapeModifiers.push(m)), y.push(m)) : "rp" == t[o].ty && (f ? (m = e[o], m.closed = !0) : (m = ShapeModifiers.getModifier(t[o].ty), e[o] = m, m.init(this, t, o, e), this.shapeModifiers.push(m), n = !1), y.push(m));
this.addProcessedElement(t[o], o + 1)
}
for (d = u.length, o = 0; o < d; o += 1) u[o].closed = !0;
for (d = y.length, o = 0; o < d; o += 1) y[o].closed = !0
}, SVGShapeElement.prototype.renderInnerContent = function() {
this.renderModifiers();
var t, e = this.stylesList.length;
for (t = 0; t < e; t += 1) this.stylesList[t].reset();
for (this.renderShape(this.shapesData, this.itemsData, this.layerElement), t = 0; t < e; t += 1)(this.stylesList[t]._mdf || this._isFirstFrame) && (this.stylesList[t].msElem && (this.stylesList[t].msElem.setAttribute("d", this.stylesList[t].d), this.stylesList[t].d = "M0 0" + this.stylesList[t].d), this.stylesList[t].pElem.setAttribute("d", this.stylesList[t].d || "M0 0"))
}, SVGShapeElement.prototype.renderShape = function(t, e, i) {
var r, s, a = t.length - 1;
for (r = 0; r <= a; r += 1) s = t[r].ty, "tr" == s ? ((this._isFirstFrame || e[r].transform.op._mdf) && i.setAttribute("opacity", e[r].transform.op.v), (this._isFirstFrame || e[r].transform.mProps._mdf) && i.setAttribute("transform", e[r].transform.mProps.v.to2dCSS())) : !t[r]._render || "sh" != s && "el" != s && "rc" != s && "sr" != s ? "fl" == s ? this.renderFill(t[r], e[r]) : "gf" == s ? this.renderGradient(t[r], e[r]) : "gs" == s ? (this.renderGradient(t[r], e[r]), this.renderStroke(t[r], e[r])) : "st" == s ? this.renderStroke(t[r], e[r]) : "gr" == s && this.renderShape(t[r].it, e[r].it, e[r].gr) : this.renderPath(e[r])
}, SVGShapeElement.prototype.renderPath = function(t) {
var e, i, r, s, a, n, o, h, l, p, m, f = t.styles.length,
c = t.lvl;
for (n = 0; n < f; n += 1) {
if (s = t.sh._mdf || this._isFirstFrame, t.styles[n].lvl < c)
for (h = this.mHelper.reset(), p = c - t.styles[n].lvl, m = t.transformers.length - 1; p > 0;) s = t.transformers[m].mProps._mdf || s, l = t.transformers[m].mProps.v.props, h.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]), p--, m--;
else h = this.identityMatrix;
if (o = t.sh.paths, i = o._length, s) {
for (r = "", e = 0; e < i; e += 1) a = o.shapes[e], a && a._length && (r += this.buildShapeString(a, a._length, a.c, h));
t.caches[n] = r
} else r = t.caches[n];
t.styles[n].d += r, t.styles[n]._mdf = s || t.styles[n]._mdf
}
}, SVGShapeElement.prototype.renderFill = function(t, e) {
var i = e.style;
(e.c._mdf || this._isFirstFrame) && i.pElem.setAttribute("fill", "rgb(" + bm_floor(e.c.v[0]) + "," + bm_floor(e.c.v[1]) + "," + bm_floor(e.c.v[2]) + ")"), (e.o._mdf || this._isFirstFrame) && i.pElem.setAttribute("fill-opacity", e.o.v)
}, SVGShapeElement.prototype.renderGradient = function(t, e) {
var i = e.gf,
r = e.g._hasOpacity,
s = e.s.v,
a = e.e.v;
if (e.o._mdf || this._isFirstFrame) {
var n = "gf" === t.ty ? "fill-opacity" : "stroke-opacity";
e.style.pElem.setAttribute(n, e.o.v)
}
if (e.s._mdf || this._isFirstFrame) {
var o = 1 === t.t ? "x1" : "cx",
h = "x1" === o ? "y1" : "cy";
i.setAttribute(o, s[0]), i.setAttribute(h, s[1]), r && !e.g._collapsable && (e.of.setAttribute(o, s[0]), e.of.setAttribute(h, s[1]))
}
var l, p, m, f;
if (e.g._cmdf || this._isFirstFrame) {
l = e.cst;
var c = e.g.c;
for (m = l.length, p = 0; p < m; p += 1) f = l[p], f.setAttribute("offset", c[4 * p] + "%"), f.setAttribute("stop-color", "rgb(" + c[4 * p + 1] + "," + c[4 * p + 2] + "," + c[4 * p + 3] + ")")
}
if (r && (e.g._omdf || this._isFirstFrame)) {
var d = e.g.o;
for (l = e.g._collapsable ? e.cst : e.ost, m = l.length, p = 0; p < m; p += 1) f = l[p], e.g._collapsable || f.setAttribute("offset", d[2 * p] + "%"), f.setAttribute("stop-opacity", d[2 * p + 1])
}
if (1 === t.t)(e.e._mdf || this._isFirstFrame) && (i.setAttribute("x2", a[0]), i.setAttribute("y2", a[1]), r && !e.g._collapsable && (e.of.setAttribute("x2", a[0]), e.of.setAttribute("y2", a[1])));
else {
var u;
if ((e.s._mdf || e.e._mdf || this._isFirstFrame) && (u = Math.sqrt(Math.pow(s[0] - a[0], 2) + Math.pow(s[1] - a[1], 2)), i.setAttribute("r", u), r && !e.g._collapsable && e.of.setAttribute("r", u)), e.e._mdf || e.h._mdf || e.a._mdf || this._isFirstFrame) {
u || (u = Math.sqrt(Math.pow(s[0] - a[0], 2) + Math.pow(s[1] - a[1], 2)));
var y = Math.atan2(a[1] - s[1], a[0] - s[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 + s[0],
E = Math.sin(y + e.a.v) * v + s[1];
i.setAttribute("fx", b), i.setAttribute("fy", E), r && !e.g._collapsable && (e.of.setAttribute("fx", b), e.of.setAttribute("fy", E))
}
}
}, SVGShapeElement.prototype.renderStroke = function(t, e) {
var i = e.style,
r = e.d;
r && (r._mdf || this._isFirstFrame) && r.dashStr && (i.pElem.setAttribute("stroke-dasharray", r.dashStr), i.pElem.setAttribute("stroke-dashoffset", r.dashoffset[0])), e.c && (e.c._mdf || this._isFirstFrame) && i.pElem.setAttribute("stroke", "rgb(" + bm_floor(e.c.v[0]) + "," + bm_floor(e.c.v[1]) + "," + bm_floor(e.c.v[2]) + ")"), (e.o._mdf || this._isFirstFrame) && i.pElem.setAttribute("stroke-opacity", e.o.v), (e.w._mdf || this._isFirstFrame) && (i.pElem.setAttribute("stroke-width", e.w.v), i.msElem && i.msElem.setAttribute("stroke-width", e.w.v))
}, SVGShapeElement.prototype.destroy = function() {
this.destroyBaseElement(), this.shapeData = null, this.itemsData = null
}, SVGTintFilter.prototype.renderFrame = function(t) {
if (t || this.filterManager._mdf) {
var e = this.filterManager.effectElements[0].p.v,
i = this.filterManager.effectElements[1].p.v,
r = this.filterManager.effectElements[2].p.v / 100;
this.matrixFilter.setAttribute("values", i[0] - e[0] + " 0 0 0 " + e[0] + " " + (i[1] - e[1]) + " 0 0 0 " + e[1] + " " + (i[2] - e[2]) + " 0 0 0 " + e[2] + " 0 0 0 " + r + " 0")
}
}, SVGFillFilter.prototype.renderFrame = function(t) {
if (t || this.filterManager._mdf) {
var e = this.filterManager.effectElements[2].p.v,
i = this.filterManager.effectElements[6].p.v;
this.matrixFilter.setAttribute("values", "0 0 0 0 " + e[0] + " 0 0 0 0 " + e[1] + " 0 0 0 0 " + e[2] + " 0 0 0 " + i + " 0")
}
}, SVGStrokeEffect.prototype.initialize = function() {
var t, e, i, r, s = this.elem.layerElement.children || this.elem.layerElement.childNodes;
for (1 === this.filterManager.effectElements[1].p.v ? (r = this.elem.maskManager.masksProperties.length, i = 0) : (i = this.filterManager.effectElements[0].p.v - 1, r = i + 1), e = createNS("g"), e.setAttribute("fill", "none"), e.setAttribute("stroke-linecap", "round"), e.setAttribute("stroke-dashoffset", 1), i; i < r; i += 1) t = createNS("path"), e.appendChild(t), this.paths.push({
p: t,
m: i
});
if (3 === this.filterManager.effectElements[10].p.v) {
var a = createNS("mask"),
n = "stms_" + randomString(10);
a.setAttribute("id", n), a.setAttribute("mask-type", "alpha"), a.appendChild(e), this.elem.globalData.defs.appendChild(a);
var o = createNS("g");
o.setAttribute("mask", "url(" + locationHref + "#" + n + ")"), s[0] && o.appendChild(s[0]), this.elem.layerElement.appendChild(o), this.masker = a, e.setAttribute("stroke", "#fff")
} else if (1 === this.filterManager.effectElements[10].p.v || 2 === this.filterManager.effectElements[10].p.v) {
if (2 === this.filterManager.effectElements[10].p.v)
for (s = this.elem.layerElement.children || this.elem.layerElement.childNodes; s.length;) this.elem.layerElement.removeChild(s[0]);
this.elem.layerElement.appendChild(e), this.elem.layerElement.removeAttribute("mask"), e.setAttribute("stroke", "#fff")
}
this.initialized = !0, this.pathMasker = e
}, SVGStrokeEffect.prototype.renderFrame = function(t) {
this.initialized || this.initialize();
var e, i, r, s = this.paths.length;
for (e = 0; e < s; e += 1)
if (this.paths[e].m !== -1 && (i = this.elem.maskManager.viewData[this.paths[e].m], r = this.paths[e].p, (t || this.filterManager._mdf || i.prop._mdf) && r.setAttribute("d", i.lastPath), t || this.filterManager.effectElements[9].p._mdf || this.filterManager.effectElements[4].p._mdf || this.filterManager.effectElements[7].p._mdf || this.filterManager.effectElements[8].p._mdf || i.prop._mdf)) {
var a;
if (0 !== this.filterManager.effectElements[7].p.v || 100 !== this.filterManager.effectElements[8].p.v) {
var n = Math.min(this.filterManager.effectElements[7].p.v, this.filterManager.effectElements[8].p.v) / 100,
o = Math.max(this.filterManager.effectElements[7].p.v, this.filterManager.effectElements[8].p.v) / 100,
h = r.getTotalLength();
a = "0 0 0 " + h * n + " ";
var l, p = h * (o - n),
m = 1 + 2 * this.filterManager.effectElements[4].p.v * this.filterManager.effectElements[9].p.v / 100,
f = Math.floor(p / m);
for (l = 0; l < f; l += 1) a += "1 " + 2 * this.filterManager.effectElements[4].p.v * this.filterManager.effectElements[9].p.v / 100 + " ";
a += "0 " + 10 * h + " 0 0"
} else a = "1 " + 2 * this.filterManager.effectElements[4].p.v * this.filterManager.effectElements[9].p.v / 100;
r.setAttribute("stroke-dasharray", a)
}
if ((t || this.filterManager.effectElements[4].p._mdf) && this.pathMasker.setAttribute("stroke-width", 2 * this.filterManager.effectElements[4].p.v), (t || this.filterManager.effectElements[6].p._mdf) && this.pathMasker.setAttribute("opacity", this.filterManager.effectElements[6].p.v), (1 === this.filterManager.effectElements[10].p.v || 2 === this.filterManager.effectElements[10].p.v) && (t || this.filterManager.effectElements[3].p._mdf)) {
var c = this.filterManager.effectElements[3].p.v;
this.pathMasker.setAttribute("stroke", "rgb(" + bm_floor(255 * c[0]) + "," + bm_floor(255 * c[1]) + "," + bm_floor(255 * c[2]) + ")")
}
}, SVGTritoneFilter.prototype.renderFrame = function(t) {
if (t || this.filterManager._mdf) {
var e = this.filterManager.effectElements[0].p.v,
i = this.filterManager.effectElements[1].p.v,
r = this.filterManager.effectElements[2].p.v,
s = r[0] + " " + i[0] + " " + e[0],
a = r[1] + " " + i[1] + " " + e[1],
n = r[2] + " " + i[2] + " " + e[2];
this.feFuncR.setAttribute("tableValues", s), this.feFuncG.setAttribute("tableValues", a), this.feFuncB.setAttribute("tableValues", n)
}
}, SVGProLevelsFilter.prototype.createFeFunc = function(t, e) {
var i = createNS(t);
return i.setAttribute("type", "table"), e.appendChild(i), i
}, SVGProLevelsFilter.prototype.getTableValue = function(t, e, i, r, s) {
for (var a, n, o = 0, h = 256, l = Math.min(t, e), p = Math.max(t, e), m = Array.call(null, {
length: h
}), f = 0, c = s - r, d = e - t; o <= 256;) a = o / 256, n = a <= l ? d < 0 ? s : r : a >= p ? d < 0 ? r : s : r + c * Math.pow((a - t) / d, 1 / i), m[f++] = n, o += 256 / (h - 1);
return m.join(" ")
}, SVGProLevelsFilter.prototype.renderFrame = function(t) {
if (t || this.filterManager._mdf) {
var e, i = this.filterManager.effectElements;
this.feFuncRComposed && (t || i[3].p._mdf || i[4].p._mdf || i[5].p._mdf || i[6].p._mdf || i[7].p._mdf) && (e = this.getTableValue(i[3].p.v, i[4].p.v, i[5].p.v, i[6].p.v, i[7].p.v), this.feFuncRComposed.setAttribute("tableValues", e), this.feFuncGComposed.setAttribute("tableValues", e), this.feFuncBComposed.setAttribute("tableValues", e)), this.feFuncR && (t || i[10].p._mdf || i[11].p._mdf || i[12].p._mdf || i[13].p._mdf || i[14].p._mdf) && (e = this.getTableValue(i[10].p.v, i[11].p.v, i[12].p.v, i[13].p.v, i[14].p.v), this.feFuncR.setAttribute("tableValues", e)), this.feFuncG && (t || i[17].p._mdf || i[18].p._mdf || i[19].p._mdf || i[20].p._mdf || i[21].p._mdf) && (e = this.getTableValue(i[17].p.v, i[18].p.v, i[19].p.v, i[20].p.v, i[21].p.v), this.feFuncG.setAttribute("tableValues", e)), this.feFuncB && (t || i[24].p._mdf || i[25].p._mdf || i[26].p._mdf || i[27].p._mdf || i[28].p._mdf) && (e = this.getTableValue(i[24].p.v, i[25].p.v, i[26].p.v, i[27].p.v, i[28].p.v), this.feFuncB.setAttribute("tableValues", e)), this.feFuncA && (t || i[31].p._mdf || i[32].p._mdf || i[33].p._mdf || i[34].p._mdf || i[35].p._mdf) && (e = this.getTableValue(i[31].p.v, i[32].p.v, i[33].p.v, i[34].p.v, i[35].p.v), this.feFuncA.setAttribute("tableValues", e))
}
}, SVGDropShadowEffect.prototype.renderFrame = function(t) {
if (t || this.filterManager._mdf) {
if ((t || this.filterManager.effectElements[4].p._mdf) && this.feGaussianBlur.setAttribute("stdDeviation", this.filterManager.effectElements[4].p.v / 4), t || this.filterManager.effectElements[0].p._mdf) {
var e = this.filterManager.effectElements[0].p.v;
this.feFlood.setAttribute("flood-color", rgbToHex(Math.round(255 * e[0]), Math.round(255 * e[1]), Math.round(255 * e[2])))
}
if ((t || this.filterManager.effectElements[1].p._mdf) && this.feFlood.setAttribute("flood-opacity", this.filterManager.effectElements[1].p.v / 255), t || this.filterManager.effectElements[2].p._mdf || this.filterManager.effectElements[3].p._mdf) {
var i = this.filterManager.effectElements[3].p.v,
r = (this.filterManager.effectElements[2].p.v - 90) * degToRads,
s = i * Math.cos(r),
a = i * Math.sin(r);
this.feOffset.setAttribute("dx", s), this.feOffset.setAttribute("dy", a)
}
}
};
var _svgMatteSymbols = [],
_svgMatteMaskCounter = 0;
SVGMatte3Effect.prototype.findSymbol = function(t) {
for (var e = 0, i = _svgMatteSymbols.length; e < i;) {
if (_svgMatteSymbols[e] === t) return _svgMatteSymbols[e];
e += 1
}
return null
}, SVGMatte3Effect.prototype.replaceInParent = function(t, e) {
var i = t.layerElement.parentNode;
if (i) {
for (var r = i.children, s = 0, a = r.length; s < a && r[s] !== t.layerElement;) s += 1;
var n;
s <= a - 2 && (n = r[s + 1]);
var o = createNS("use");
o.setAttribute("href", "#" + e), n ? i.insertBefore(o, n) : i.appendChild(o)
}
}, SVGMatte3Effect.prototype.setElementAsMask = function(t, e) {
if (!this.findSymbol(e)) {
var i = "matte_" + randomString(5) + "_" + _svgMatteMaskCounter++,
r = createNS("mask");
r.setAttribute("id", e.layerId), r.setAttribute("mask-type", "alpha"), _svgMatteSymbols.push(e);
var s = t.globalData.defs;
s.appendChild(r);
var a = createNS("symbol");
a.setAttribute("id", i), this.replaceInParent(e, i), a.appendChild(e.layerElement), s.appendChild(a);
var n = createNS("use");
n.setAttribute("href", "#" + i), r.appendChild(n), e.data.hd = !1, e.show()
}
t.setMatte(e.layerId)
}, SVGMatte3Effect.prototype.initialize = function() {
for (var t = this.filterManager.effectElements[0].p.v, e = 0, i = this.elem.comp.elements.length; e < i;) this.elem.comp.elements[e].data.ind === t && this.setElementAsMask(this.elem, this.elem.comp.elements[e]), e += 1;
this.initialized = !0
}, SVGMatte3Effect.prototype.renderFrame = function() {
this.initialized || this.initialize()
}, SVGEffects.prototype.renderFrame = function(t) {
var e, i = this.filters.length;
for (e = 0; e < i; e += 1) this.filters[e].renderFrame(t)
};
var animationManager = function() {
function t(t) {
for (var e = 0, i = t.target; e < S;) E[e].animation === i && (E.splice(e, 1), e -= 1, S -= 1, i.isPaused || r()), e += 1
}
function e(t, e) {
if (!t) return null;
for (var i = 0; i < S;) {
if (E[i].elem == t && null !== E[i].elem) return E[i].animation;
i += 1
}
var r = new AnimationItem;
return s(r, t), r.setData(t, e), r
}
function i() {
_ += 1, v()
}
function r() {
_ -= 1, 0 === _ && (P = !0)
}
function s(e, s) {
e.addEventListener("destroy", t), e.addEventListener("_active", i), e.addEventListener("_idle", r), E.push({
elem: s,
animation: e
}), S += 1
}
function a(t) {
var e = new AnimationItem;
return s(e, null), e.setParams(t), e
}
function n(t, e) {
var i;
for (i = 0; i < S; i += 1) E[i].animation.setSpeed(t, e)
}
function o(t, e) {
var i;
for (i = 0; i < S; i += 1) E[i].animation.setDirection(t, e)
}
function h(t) {
var e;
for (e = 0; e < S; e += 1) E[e].animation.play(t)
}
function l(t) {
var e, i = t - x;
for (e = 0; e < S; e += 1) E[e].animation.advanceTime(i);
x = t, P ? C = !0 : window.requestAnimationFrame(l)
}
function p(t) {
x = t, window.requestAnimationFrame(l)
}
function m(t) {
var e;
for (e = 0; e < S; e += 1) E[e].animation.pause(t)
}
function f(t, e, i) {
var r;
for (r = 0; r < S; r += 1) E[r].animation.goToAndStop(t, e, i)
}
function c(t) {
var e;
for (e = 0; e < S; e += 1) E[e].animation.stop(t)
}
function d(t) {
var e;
for (e = 0; e < S; e += 1) E[e].animation.togglePause(t)
}
function u(t) {
var e;
for (e = S - 1; e >= 0; e -= 1) E[e].animation.destroy(t)
}
function y(t, i, r) {
var s, a = [].concat([].slice.call(document.getElementsByClassName("lottie")), [].slice.call(document.getElementsByClassName("bodymovin"))),
n = a.length;
for (s = 0; s < n; s += 1) r && a[s].setAttribute("data-bm-type", r), e(a[s], t);
if (i && 0 === n) {
r || (r = "svg");
var o = document.getElementsByTagName("body")[0];
o.innerHTML = "";
var h = createTag("div");
h.style.width = "100%", h.style.height = "100%", h.setAttribute("data-bm-type", r), o.appendChild(h), e(h, t)
}
}
function g() {
var t;
for (t = 0; t < S; t += 1) E[t].animation.resize()
}
function v() {
P && (P = !1, C && (window.requestAnimationFrame(p), C = !1))
}
var b = {},
E = [],
x = 0,
S = 0,
P = !0,
_ = 0,
C = !0;
return b.registerAnimation = e, b.loadAnimation = a, b.setSpeed = n, b.setDirection = o, b.play = h, b.pause = m, b.stop = c, b.togglePause = d, b.searchAnimations = y, b.resize = g, b.goToAndStop = f, b.destroy = u, b
}(),
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.animationData = {}, this.layers = [], this.assets = [], this.isPaused = !0, this.autoplay = !1, this.loop = !0, this.renderer = null, this.animationID = randomString(10), this.assetsPath = "", this.timeCompleted = 0, this.segmentPos = 0, this.subframeEnabled = subframeEnabled, this.segments = [], this._idle = !0, this.projectInterface = ProjectInterface()
};
extendPrototype([BaseEvent], AnimationItem), 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 i = t.animType ? t.animType : t.renderer ? t.renderer : "svg";
switch (i) {
case "canvas":
this.renderer = new CanvasRenderer(this, t.rendererSettings);
break;
case "svg":
this.renderer = new SVGRenderer(this, t.rendererSettings);
break;
default:
this.renderer = new HybridRenderer(this, t.rendererSettings)
}
if (this.renderer.setProjectInterface(this.projectInterface), this.animType = i, "" === t.loop || null === t.loop || (t.loop === !1 ? this.loop = !1 : t.loop === !0 ? this.loop = !0 : this.loop = parseInt(t.loop)), this.autoplay = !("autoplay" in t) || t.autoplay, this.name = t.name ? t.name : "", this.autoloadSegments = !t.hasOwnProperty("autoloadSegments") || t.autoloadSegments, this.assetsPath = t.assetsPath, t.animationData) 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;
t.path.lastIndexOf("\\") != -1 ? this.path = t.path.substr(0, t.path.lastIndexOf("\\") + 1) : this.path = t.path.substr(0, t.path.lastIndexOf("/") + 1), this.fileName = t.path.substr(t.path.lastIndexOf("/") + 1), this.fileName = this.fileName.substr(0, this.fileName.lastIndexOf(".json")), 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 (i) {}
}
}
}, AnimationItem.prototype.setData = function(t, e) {
var i = {
wrapper: t,
animationData: e ? "object" == typeof e ? e : JSON.parse(e) : null
},
r = t.attributes;
i.path = r.getNamedItem("data-animation-path") ? r.getNamedItem("data-animation-path").value : r.getNamedItem("data-bm-path") ? r.getNamedItem("data-bm-path").value : r.getNamedItem("bm-path") ? r.getNamedItem("bm-path").value : "", i.animType = r.getNamedItem("data-anim-type") ? r.getNamedItem("data-anim-type").value : r.getNamedItem("data-bm-type") ? r.getNamedItem("data-bm-type").value : r.getNamedItem("bm-type") ? r.getNamedItem("bm-type").value : r.getNamedItem("data-bm-renderer") ? r.getNamedItem("data-bm-renderer").value : r.getNamedItem("bm-renderer") ? r.getNamedItem("bm-renderer").value : "canvas";
var s = r.getNamedItem("data-anim-loop") ? r.getNamedItem("data-anim-loop").value : r.getNamedItem("data-bm-loop") ? r.getNamedItem("data-bm-loop").value : r.getNamedItem("bm-loop") ? r.getNamedItem("bm-loop").value : "";
"" === s || ("false" === s ? i.loop = !1 : "true" === s ? i.loop = !0 : i.loop = parseInt(s));
var a = r.getNamedItem("data-anim-autoplay") ? r.getNamedItem("data-anim-autoplay").value : r.getNamedItem("data-bm-autoplay") ? r.getNamedItem("data-bm-autoplay").value : !r.getNamedItem("bm-autoplay") || r.getNamedItem("bm-autoplay").value;
i.autoplay = "false" !== a, i.name = r.getNamedItem("data-name") ? r.getNamedItem("data-name").value : r.getNamedItem("data-bm-name") ? r.getNamedItem("data-bm-name").value : r.getNamedItem("bm-name") ? r.getNamedItem("bm-name").value : "";
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 && (i.prerender = !1), this.setParams(i)
}, AnimationItem.prototype.includeLayers = function(t) {
t.op > this.animationData.op && (this.animationData.op = t.op, this.totalFrames = Math.floor(t.op - this.animationData.ip), this.animationData.tf = this.totalFrames);
var e, i, r = this.animationData.layers,
s = r.length,
a = t.layers,
n = a.length;
for (i = 0; i < n; i += 1)
for (e = 0; e < s;) {
if (r[e].id == a[i].id) {
r[e] = a[i];
break
}
e += 1
}
if ((t.chars || t.fonts) && (this.renderer.globalData.fontManager.addChars(t.chars), this.renderer.globalData.fontManager.addFonts(t.fonts, this.renderer.globalData.defs)), t.assets)
for (s = t.assets.length, e = 0; e < s; e += 1) this.animationData.assets.push(t.assets[e]);
this.animationData.__complete = !1, dataManager.completeData(this.animationData, this.renderer.globalData.fontManager), this.renderer.includeLayers(t.layers), expressionsPlugin && expressionsPlugin.initExpressions(this), this.renderer.renderFrame(-1), 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 i = new XMLHttpRequest,
r = this,
s = this.path + this.fileName + "_" + this.segmentPos + ".json";
this.segmentPos += 1, i.open("GET", s, !0), i.send(), i.onreadystatechange = function() {
if (4 == i.readyState)
if (200 == i.status) r.includeLayers(JSON.parse(i.responseText));
else try {
var t = JSON.parse(i.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) {
var e = this;
this.renderer && this.renderer.destroyed || (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, function(t) {
t || e.trigger("loaded_images")
}), 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
}, AnimationItem.prototype.gotoFrame = function() {
this.currentFrame = this.subframeEnabled ? this.currentRawFrame : ~~this.currentRawFrame, this.timeCompleted !== this.totalFrames && this.currentFrame > this.timeCompleted && (this.currentFrame = this.timeCompleted), this.trigger("enterFrame"), this.renderFrame()
}, AnimationItem.prototype.renderFrame = function() {
this.isLoaded !== !1 && this.renderer.renderFrame(this.currentFrame + this.firstFrame)
}, AnimationItem.prototype.play = function(t) {
t && this.name != t || this.isPaused === !0 && (this.isPaused = !1, this._idle && (this._idle = !1, this.trigger("_active")))
}, AnimationItem.prototype.pause = function(t) {
t && this.name != t || this.isPaused === !1 && (this.isPaused = !0, this._idle = !0, this.trigger("_idle"))
}, AnimationItem.prototype.togglePause = function(t) {
t && this.name != t || (this.isPaused === !0 ? this.play() : this.pause())
}, AnimationItem.prototype.stop = function(t) {
t && this.name != t || (this.pause(), this.playCount = 0, this.setCurrentRawFrameValue(0))
}, AnimationItem.prototype.goToAndStop = function(t, e, i) {
i && this.name != i || (e ? this.setCurrentRawFrameValue(t) : this.setCurrentRawFrameValue(t * this.frameModifier), this.pause())
}, AnimationItem.prototype.goToAndPlay = function(t, e, i) {
this.goToAndStop(t, e, i), this.play()
}, AnimationItem.prototype.advanceTime = function(t) {
if (this.isPaused !== !0 && this.isLoaded !== !1) {
var e = this.currentRawFrame + t * this.frameModifier,
i = !1;
e >= this.totalFrames - 1 && this.frameModifier > 0 ? this.loop && this.playCount !== this.loop ? e >= this.totalFrames ? (this.playCount += 1, this.checkSegments(e % this.totalFrames) || (this.setCurrentRawFrameValue(e % this.totalFrames), this.trigger("loopComplete"))) : this.setCurrentRawFrameValue(e) : this.checkSegments(e % this.totalFrames) || (i = !0, e = this.totalFrames - 1) : e < 0 ? this.checkSegments(e % this.totalFrames) || (!this.loop || this.playCount-- <= 0 && this.loop !== !0 ? (i = !0, e = 0) : (this.setCurrentRawFrameValue(this.totalFrames + e % this.totalFrames), this.trigger("loopComplete"))) : this.setCurrentRawFrameValue(e), i && (this.setCurrentRawFrameValue(e), this.pause(), this.trigger("complete"))
}
}, AnimationItem.prototype.adjustSegment = function(t, e) {
this.playCount = 0, t[1] < t[0] ? (this.frameModifier > 0 && (this.playSpeed < 0 ? this.setSpeed(-this.playSpeed) : this.setDirection(-1)), this.timeCompleted = this.totalFrames = t[0] - t[1], this.firstFrame = t[1], this.setCurrentRawFrameValue(this.totalFrames - .001 - e)) : t[1] > t[0] && (this.frameModifier < 0 && (this.playSpeed < 0 ? this.setSpeed(-this.playSpeed) : this.setDirection(1)), this.timeCompleted = this.totalFrames = t[1] - t[0], this.firstFrame = t[0], this.setCurrentRawFrameValue(.001 + e)), this.trigger("segmentStart")
}, AnimationItem.prototype.setSegment = function(t, e) {
var i = -1;
this.isPaused && (this.currentRawFrame + this.firstFrame < t ? i = t : this.currentRawFrame + this.firstFrame > e && (i = e - t)), this.firstFrame = t, this.timeCompleted = this.totalFrames = e - t, i !== -1 && this.goToAndStop(i, !0)
}, AnimationItem.prototype.playSegments = function(t, e) {
if ("object" == typeof t[0]) {
var i, r = t.length;
for (i = 0; i < r; i += 1) this.segments.push(t[i])
} else this.segments.push(t);
e && this.checkSegments(0), this.isPaused && this.play()
}, AnimationItem.prototype.resetSegments = function(t) {
this.segments.length = 0, this.segments.push([this.animationData.ip, this.animationData.op]), t && this.checkSegments(0)
}, AnimationItem.prototype.checkSegments = function(t) {
return !!this.segments.length && (this.adjustSegment(this.segments.shift(), t), !0)
}, AnimationItem.prototype.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, this.onEnterFrame = this.onLoopComplete = this.onComplete = this.onSegmentStart = this.onDestroy = null, this.renderer = null)
}, AnimationItem.prototype.setCurrentRawFrameValue = function(t) {
this.currentRawFrame = t, this.gotoFrame()
}, AnimationItem.prototype.setSpeed = function(t) {
this.playSpeed = t, this.updaFrameModifier()
}, AnimationItem.prototype.setDirection = function(t) {
this.playDirection = t < 0 ? -1 : 1, this.updaFrameModifier()
}, AnimationItem.prototype.updaFrameModifier = function() {
this.frameModifier = this.frameMult * this.playSpeed * this.playDirection
}, AnimationItem.prototype.getPath = function() {
return this.path
}, AnimationItem.prototype.getAssetsPath = function(t) {
var e = "";
if (this.assetsPath) {
var i = t.p;
i.indexOf("images/") !== -1 && (i = i.split("/")[1]), e = this.assetsPath + i
} else e = this.path, e += t.u ? t.u : "", e += t.p;
return e
}, AnimationItem.prototype.getAssetData = function(t) {
for (var e = 0, i = this.assets.length; e < i;) {
if (t == this.assets[e].id) return this.assets[e];
e += 1
}
}, AnimationItem.prototype.hide = function() {
this.renderer.hide()
}, AnimationItem.prototype.show = function() {
this.renderer.show()
}, AnimationItem.prototype.getAssets = function() {
return this.assets
}, AnimationItem.prototype.getDuration = function(t) {
return t ? this.totalFrames : this.totalFrames / this.frameRate
}, AnimationItem.prototype.trigger = function(t) {
if (this._cbs && this._cbs[t]) switch (t) {
case "enterFrame":
this.triggerEvent(t, new BMEnterFrameEvent(t, this.currentFrame, this.totalFrames, this.frameMult));
break;
case "loopComplete":
this.triggerEvent(t, new BMCompleteLoopEvent(t, this.loop, this.playCount, this.frameMult));
break;
case "complete":
this.triggerEvent(t, new BMCompleteEvent(t, this.frameMult));
break;
case "segmentStart":
this.triggerEvent(t, new BMSegmentStartEvent(t, this.firstFrame, this.totalFrames));
break;
case "destroy":
this.triggerEvent(t, new BMDestroyEvent(t, this));
break;
default:
this.triggerEvent(t)
}
"enterFrame" === t && this.onEnterFrame && this.onEnterFrame.call(this, new BMEnterFrameEvent(t, this.currentFrame, this.totalFrames, this.frameMult)), "loopComplete" === t && this.onLoopComplete && this.onLoopComplete.call(this, new BMCompleteLoopEvent(t, this.loop, this.playCount, this.frameMult)),
"complete" === t && this.onComplete && this.onComplete.call(this, new BMCompleteEvent(t, this.frameMult)), "segmentStart" === t && this.onSegmentStart && this.onSegmentStart.call(this, new BMSegmentStartEvent(t, this.firstFrame, this.totalFrames)), "destroy" === t && this.onDestroy && this.onDestroy.call(this, new BMDestroyEvent(t, this))
}, extendPrototype([BaseRenderer], CanvasRenderer), CanvasRenderer.prototype.createShape = function(t) {
return new CVShapeElement(t, this.globalData, this)
}, CanvasRenderer.prototype.createText = function(t) {
return new CVTextElement(t, this.globalData, this)
}, CanvasRenderer.prototype.createImage = function(t) {
return new CVImageElement(t, this.globalData, this)
}, CanvasRenderer.prototype.createComp = function(t) {
return new CVCompElement(t, this.globalData, this)
}, CanvasRenderer.prototype.createSolid = function(t) {
return new CVSolidElement(t, this.globalData, this)
}, CanvasRenderer.prototype.createNull = SVGRenderer.prototype.createNull, CanvasRenderer.prototype.ctxTransform = function(t) {
if (1 !== t[0] || 0 !== t[1] || 0 !== t[4] || 1 !== t[5] || 0 !== t[12] || 0 !== t[13]) {
if (!this.renderConfig.clearCanvas) return void this.canvasContext.transform(t[0], t[1], t[4], t[5], t[12], t[13]);
this.transformMat.cloneFromProps(t);
var e = this.contextData.cTr.props;
this.transformMat.transform(e[0], e[1], e[2], e[3], e[4], e[5], e[6], e[7], e[8], e[9], e[10], e[11], e[12], e[13], e[14], e[15]), this.contextData.cTr.cloneFromProps(this.transformMat.props);
var i = this.contextData.cTr.props;
this.canvasContext.setTransform(i[0], i[1], i[4], i[5], i[12], i[13])
}
}, CanvasRenderer.prototype.ctxOpacity = function(t) {
return this.renderConfig.clearCanvas ? (this.contextData.cO *= t < 0 ? 0 : t, void(this.canvasContext.globalAlpha = this.contextData.cO)) : void(this.canvasContext.globalAlpha *= t < 0 ? 0 : t)
}, CanvasRenderer.prototype.reset = function() {
return this.renderConfig.clearCanvas ? void this.contextData.reset() : void this.canvasContext.restore()
}, CanvasRenderer.prototype.save = function(t) {
if (!this.renderConfig.clearCanvas) return void this.canvasContext.save();
t && this.canvasContext.save();
var e = this.contextData.cTr.props;
this.contextData._length <= this.contextData.cArrPos && this.contextData.duplicate();
var i, r = this.contextData.saved[this.contextData.cArrPos];
for (i = 0; i < 16; i += 1) r[i] = e[i];
this.contextData.savedOp[this.contextData.cArrPos] = this.contextData.cO, this.contextData.cArrPos += 1
}, CanvasRenderer.prototype.restore = function(t) {
if (!this.renderConfig.clearCanvas) return void this.canvasContext.restore();
t && (this.canvasContext.restore(), this.globalData.blendMode = "source-over"), this.contextData.cArrPos -= 1;
var e, i = this.contextData.saved[this.contextData.cArrPos],
r = this.contextData.cTr.props;
for (e = 0; e < 16; e += 1) r[e] = i[e];
this.canvasContext.setTransform(i[0], i[1], i[4], i[5], i[12], i[13]), i = this.contextData.savedOp[this.contextData.cArrPos], this.contextData.cO = i, this.canvasContext.globalAlpha = i
}, CanvasRenderer.prototype.configAnimation = function(t) {
this.animationItem.wrapper ? (this.animationItem.container = createTag("canvas"), this.animationItem.container.style.width = "100%", this.animationItem.container.style.height = "100%", this.animationItem.container.style.transformOrigin = this.animationItem.container.style.mozTransformOrigin = this.animationItem.container.style.webkitTransformOrigin = this.animationItem.container.style["-webkit-transform"] = "0px 0px 0px", this.animationItem.wrapper.appendChild(this.animationItem.container), this.canvasContext = this.animationItem.container.getContext("2d"), this.renderConfig.className && this.animationItem.container.setAttribute("class", this.renderConfig.className)) : this.canvasContext = this.renderConfig.context, this.data = t, this.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 = {
w: t.w,
h: t.h,
sx: 0,
sy: 0,
tx: 0,
ty: 0
}, 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 = createSizedArray(t.layers.length), this.updateContainerSize()
}, CanvasRenderer.prototype.updateContainerSize = function() {
this.reset();
var t, e;
this.animationItem.wrapper && this.animationItem.container ? (t = this.animationItem.wrapper.offsetWidth, e = this.animationItem.wrapper.offsetHeight, this.animationItem.container.setAttribute("width", t * this.renderConfig.dpr), this.animationItem.container.setAttribute("height", e * this.renderConfig.dpr)) : (t = this.canvasContext.canvas.width * this.renderConfig.dpr, e = this.canvasContext.canvas.height * this.renderConfig.dpr);
var i, r;
if (this.renderConfig.preserveAspectRatio.indexOf("meet") !== -1 || this.renderConfig.preserveAspectRatio.indexOf("slice") !== -1) {
var s = this.renderConfig.preserveAspectRatio.split(" "),
a = s[1] || "meet",
n = s[0] || "xMidYMid",
o = n.substr(0, 4),
h = n.substr(4);
i = t / e, r = this.transformCanvas.w / this.transformCanvas.h, r > i && "meet" === a || r < i && "slice" === a ? (this.transformCanvas.sx = t / (this.transformCanvas.w / this.renderConfig.dpr), this.transformCanvas.sy = t / (this.transformCanvas.w / this.renderConfig.dpr)) : (this.transformCanvas.sx = e / (this.transformCanvas.h / this.renderConfig.dpr), this.transformCanvas.sy = e / (this.transformCanvas.h / this.renderConfig.dpr)), "xMid" === o && (r < i && "meet" === a || r > i && "slice" === a) ? this.transformCanvas.tx = (t - this.transformCanvas.w * (e / this.transformCanvas.h)) / 2 * this.renderConfig.dpr : "xMax" === o && (r < i && "meet" === a || r > i && "slice" === a) ? this.transformCanvas.tx = (t - this.transformCanvas.w * (e / this.transformCanvas.h)) * this.renderConfig.dpr : this.transformCanvas.tx = 0, "YMid" === h && (r > i && "meet" === a || r < i && "slice" === a) ? this.transformCanvas.ty = (e - this.transformCanvas.h * (t / this.transformCanvas.w)) / 2 * this.renderConfig.dpr : "YMax" === h && (r > i && "meet" === a || r < i && "slice" === a) ? this.transformCanvas.ty = (e - this.transformCanvas.h * (t / this.transformCanvas.w)) * this.renderConfig.dpr : this.transformCanvas.ty = 0
} else "none" == this.renderConfig.preserveAspectRatio ? (this.transformCanvas.sx = t / (this.transformCanvas.w / this.renderConfig.dpr), this.transformCanvas.sy = e / (this.transformCanvas.h / this.renderConfig.dpr), this.transformCanvas.tx = 0, this.transformCanvas.ty = 0) : (this.transformCanvas.sx = this.renderConfig.dpr, this.transformCanvas.sy = this.renderConfig.dpr, this.transformCanvas.tx = 0, this.transformCanvas.ty = 0);
this.transformCanvas.props = [this.transformCanvas.sx, 0, 0, 0, 0, this.transformCanvas.sy, 0, 0, 0, 0, 1, 0, this.transformCanvas.tx, this.transformCanvas.ty, 0, 1], this.ctxTransform(this.transformCanvas.props), this.canvasContext.beginPath(), this.canvasContext.rect(0, 0, this.transformCanvas.w, this.transformCanvas.h), this.canvasContext.closePath(), this.canvasContext.clip()
}, CanvasRenderer.prototype.destroy = function() {
this.renderConfig.clearCanvas && (this.animationItem.wrapper.innerHTML = "");
var t, e = this.layers ? this.layers.length : 0;
for (t = e - 1; t >= 0; t -= 1) this.elements[t] && this.elements[t].destroy();
this.elements.length = 0, this.globalData.canvasContext = null, this.animationItem.container = null, this.destroyed = !0
}, CanvasRenderer.prototype.renderFrame = function(t) {
if (!(this.renderedFrame == t && this.renderConfig.clearCanvas === !0 || this.destroyed || t === -1)) {
this.renderedFrame = t, this.globalData.frameNum = t - this.animationItem._isFirstFrame, this.globalData.frameId += 1, this.globalData._mdf = !1, this.globalData.projectInterface.currentFrame = t;
var e, i = this.layers.length;
for (this.completeLayers || this.checkLayers(t), e = 0; e < i; e++)(this.completeLayers || this.elements[e]) && this.elements[e].prepareFrame(t - this.layers[e].st);
if (this.globalData._mdf) {
for (this.renderConfig.clearCanvas === !0 ? this.canvasContext.clearRect(0, 0, this.transformCanvas.w, this.transformCanvas.h) : this.save(), e = i - 1; e >= 0; e -= 1)(this.completeLayers || this.elements[e]) && this.elements[e].renderFrame();
this.renderConfig.clearCanvas !== !0 && this.restore()
}
}
}, CanvasRenderer.prototype.buildItem = function(t) {
var e = this.elements;
if (!e[t] && 99 != this.layers[t].ty) {
var i = this.createItem(this.layers[t], this, this.globalData);
e[t] = i, i.initExpressions()
}
}, CanvasRenderer.prototype.checkPendingElements = function() {
for (; this.pendingElements.length;) {
var t = this.pendingElements.pop();
t.checkParenting()
}
}, CanvasRenderer.prototype.hide = function() {
this.animationItem.container.style.display = "none"
}, CanvasRenderer.prototype.show = function() {
this.animationItem.container.style.display = "block"
}, extendPrototype([BaseRenderer], HybridRenderer), HybridRenderer.prototype.buildItem = SVGRenderer.prototype.buildItem, HybridRenderer.prototype.checkPendingElements = function() {
for (; this.pendingElements.length;) {
var t = this.pendingElements.pop();
t.checkParenting()
}
}, HybridRenderer.prototype.appendElementInPos = function(t, e) {
var i = t.getBaseElement();
if (i) {
var r = this.layers[e];
if (r.ddd && this.supports3d) this.addTo3dContainer(i, e);
else if (this.threeDElements) this.addTo3dContainer(i, e);
else {
for (var s, a, n, o = 0; o < e;) this.elements[o] && this.elements[o] !== !0 && this.elements[o].getBaseElement && (a = this.elements[o], n = this.layers[o].ddd ? this.getThreeDContainerByPos(o) : a.getBaseElement(), s = n || s), o += 1;
s ? r.ddd && this.supports3d || this.layerElement.insertBefore(i, s) : r.ddd && this.supports3d || this.layerElement.appendChild(i)
}
}
}, HybridRenderer.prototype.createShape = function(t) {
return this.supports3d ? new HShapeElement(t, this.globalData, this) : new SVGShapeElement(t, this.globalData, this)
}, HybridRenderer.prototype.createText = function(t) {
return this.supports3d ? new HTextElement(t, this.globalData, this) : new SVGTextElement(t, this.globalData, this)
}, HybridRenderer.prototype.createCamera = function(t) {
return this.camera = new HCameraElement(t, this.globalData, this), this.camera
}, HybridRenderer.prototype.createImage = function(t) {
return this.supports3d ? new HImageElement(t, this.globalData, this) : new IImageElement(t, this.globalData, this)
}, HybridRenderer.prototype.createComp = function(t) {
return this.supports3d ? new HCompElement(t, this.globalData, this) : new SVGCompElement(t, this.globalData, this)
}, HybridRenderer.prototype.createSolid = function(t) {
return this.supports3d ? new HSolidElement(t, this.globalData, this) : new ISolidElement(t, this.globalData, this)
}, HybridRenderer.prototype.createNull = SVGRenderer.prototype.createNull, HybridRenderer.prototype.getThreeDContainerByPos = function(t) {
for (var e = 0, i = this.threeDElements.length; e < i;) {
if (this.threeDElements[e].startPos <= t && this.threeDElements[e].endPos >= t) return this.threeDElements[e].perspectiveElem;
e += 1
}
}, HybridRenderer.prototype.createThreeDContainer = function(t, e) {
var i = createTag("div");
styleDiv(i);
var r = createTag("div");
styleDiv(r), "3d" === e && (i.style.width = this.globalData.compSize.w + "px", i.style.height = this.globalData.compSize.h + "px", i.style.transformOrigin = i.style.mozTransformOrigin = i.style.webkitTransformOrigin = "50% 50%", r.style.transform = r.style.webkitTransform = "matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)"), i.appendChild(r);
var s = {
container: r,
perspectiveElem: i,
startPos: t,
endPos: t,
type: e
};
return this.threeDElements.push(s), s
}, HybridRenderer.prototype.build3dContainers = function() {
var t, e, i = this.layers.length,
r = "";
for (t = 0; t < i; t += 1) this.layers[t].ddd && 3 !== this.layers[t].ty ? ("3d" !== r && (r = "3d", e = this.createThreeDContainer(t, "3d")), e.endPos = Math.max(e.endPos, t)) : ("2d" !== r && (r = "2d", e = this.createThreeDContainer(t, "2d")), e.endPos = Math.max(e.endPos, t));
for (i = this.threeDElements.length, t = i - 1; t >= 0; t--) this.resizerElem.appendChild(this.threeDElements[t].perspectiveElem)
}, HybridRenderer.prototype.addTo3dContainer = function(t, e) {
for (var i = 0, r = this.threeDElements.length; i < r;) {
if (e <= this.threeDElements[i].endPos) {
for (var s, a = this.threeDElements[i].startPos; a < e;) this.elements[a] && this.elements[a].getBaseElement && (s = this.elements[a].getBaseElement()), a += 1;
s ? this.threeDElements[i].container.insertBefore(t, s) : this.threeDElements[i].container.appendChild(t);
break
}
i += 1
}
}, HybridRenderer.prototype.configAnimation = function(t) {
var e = createTag("div"),
i = this.animationItem.wrapper;
e.style.width = t.w + "px", e.style.height = t.h + "px", this.resizerElem = e, styleDiv(e), e.style.transformStyle = e.style.webkitTransformStyle = e.style.mozTransformStyle = "flat", this.renderConfig.className && e.setAttribute("class", this.renderConfig.className), i.appendChild(e), e.style.overflow = "hidden";
var r = createNS("svg");
r.setAttribute("width", "1"), r.setAttribute("height", "1"), styleDiv(r), this.resizerElem.appendChild(r);
var s = createNS("defs");
r.appendChild(s), this.globalData.defs = s, this.data = t, 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; t < e; t++) this.elements[t].destroy();
this.elements.length = 0, this.destroyed = !0, this.animationItem = null
}, HybridRenderer.prototype.updateContainerSize = function() {
var t, e, i, r, s = this.animationItem.wrapper.offsetWidth,
a = this.animationItem.wrapper.offsetHeight,
n = s / a,
o = this.globalData.compSize.w / this.globalData.compSize.h;
o > n ? (t = s / this.globalData.compSize.w, e = s / this.globalData.compSize.w, i = 0, r = (a - this.globalData.compSize.h * (s / this.globalData.compSize.w)) / 2) : (t = a / this.globalData.compSize.h, e = a / this.globalData.compSize.h, i = (s - this.globalData.compSize.w * (a / this.globalData.compSize.h)) / 2, r = 0), this.resizerElem.style.transform = this.resizerElem.style.webkitTransform = "matrix3d(" + t + ",0,0,0,0," + e + ",0,0,0,0,1,0," + i + "," + r + ",0,1)"
}, HybridRenderer.prototype.renderFrame = SVGRenderer.prototype.renderFrame, HybridRenderer.prototype.hide = function() {
this.resizerElem.style.display = "none"
}, HybridRenderer.prototype.show = function() {
this.resizerElem.style.display = "block"
}, HybridRenderer.prototype.initItems = function() {
if (this.buildAllItems(), this.camera) this.camera.setup();
else {
var t, e = this.globalData.compSize.w,
i = this.globalData.compSize.h,
r = this.threeDElements.length;
for (t = 0; t < r; t += 1) this.threeDElements[t].perspectiveElem.style.perspective = this.threeDElements[t].perspectiveElem.style.webkitPerspective = Math.sqrt(Math.pow(e, 2) + Math.pow(i, 2)) + "px"
}
}, HybridRenderer.prototype.searchExtraCompositions = function(t) {
var e, i = t.length,
r = createTag("div");
for (e = 0; e < i; e += 1)
if (t[e].xt) {
var s = this.createComp(t[e], r, this.globalData.comp, null);
s.initExpressions(), this.globalData.projectInterface.registerComposition(s)
}
}, CVContextData.prototype.duplicate = function() {
var t = 2 * this._length,
e = this.savedOp;
this.savedOp = createTypedArray("float32", t), this.savedOp.set(e);
var i = 0;
for (i = this._length; i < t; i += 1) this.saved[i] = createTypedArray("float32", 16);
this._length = t
}, CVContextData.prototype.reset = function() {
this.cArrPos = 0, this.cTr.reset(), this.cO = 1
}, CVBaseElement.prototype = {
createElements: function() {},
initRendererElement: function() {},
createContainerElements: function() {
this.canvasContext = this.globalData.canvasContext, this.renderableEffectsManager = new CVEffects(this)
},
createContent: function() {},
setBlendMode: function() {
var t = this.globalData;
if (t.blendMode !== this.data.bm) {
t.blendMode = this.data.bm;
var e = this.getBlendMode();
t.canvasContext.globalCompositeOperation = e
}
},
addMasks: function() {
this.maskManager = new CVMaskElement(this.data, this)
},
hideElement: function() {
this.hidden || this.isInRange && !this.isTransparent || (this.hidden = !0)
},
showElement: function() {
this.isInRange && !this.isTransparent && (this.hidden = !1, this._isFirstFrame = !0, this.maskManager._isFirstFrame = !0)
},
renderFrame: function() {
this.hidden || (this.renderTransform(), this.renderRenderable(), this.setBlendMode(), this.globalData.renderer.save(), this.globalData.renderer.ctxTransform(this.finalTransform.mat.props), this.globalData.renderer.ctxOpacity(this.finalTransform.mProp.o.v), this.renderInnerContent(), this.globalData.renderer.restore(), this.maskManager.hasMasks && this.globalData.renderer.restore(!0), this._isFirstFrame && (this._isFirstFrame = !1))
},
destroy: function() {
this.canvasContext = null, this.data = null, this.globalData = null, this.maskManager.destroy()
},
mHelper: new Matrix
}, CVBaseElement.prototype.hide = CVBaseElement.prototype.hideElement, CVBaseElement.prototype.show = CVBaseElement.prototype.showElement, extendPrototype([BaseElement, TransformElement, CVBaseElement, HierarchyElement, FrameElement, RenderableElement], CVImageElement), CVImageElement.prototype.initElement = SVGShapeElement.prototype.initElement, CVImageElement.prototype.prepareFrame = IImageElement.prototype.prepareFrame, CVImageElement.prototype.imageLoaded = function() {
if (this.globalData.elementLoaded(), this.assetData.w !== this.img.width || this.assetData.h !== this.img.height) {
var t = createTag("canvas");
t.width = this.assetData.w, t.height = this.assetData.h;
var e, i, r = t.getContext("2d"),
s = this.img.width,
a = this.img.height,
n = s / a,
o = this.assetData.w / this.assetData.h;
n > o ? (i = a, e = i * o) : (e = s, i = e / o), r.drawImage(this.img, (s - e) / 2, (a - i) / 2, e, i, 0, 0, this.assetData.w, this.assetData.h), this.img = t
}
}, CVImageElement.prototype.imageFailed = function() {
this.failed = !0, this.globalData.elementLoaded()
}, CVImageElement.prototype.createContent = function() {
var t = this.img;
t.addEventListener("load", this.imageLoaded.bind(this), !1), t.addEventListener("error", this.imageFailed.bind(this), !1);
var e = this.globalData.getAssetsPath(this.assetData);
t.src = e
}, CVImageElement.prototype.renderInnerContent = function(t) {
this.failed || this.canvasContext.drawImage(this.img, 0, 0)
}, CVImageElement.prototype.destroy = function() {
this.img = null
}, extendPrototype([CanvasRenderer, ICompElement, CVBaseElement], CVCompElement), CVCompElement.prototype.renderInnerContent = function() {
var t, e = this.layers.length;
for (t = e - 1; t >= 0; t -= 1)(this.completeLayers || this.elements[t]) && this.elements[t].renderFrame()
}, CVCompElement.prototype.destroy = function() {
var t, e = this.layers.length;
for (t = e - 1; t >= 0; t -= 1) this.elements[t] && this.elements[t].destroy();
this.layers = null, this.elements = null
}, CVMaskElement.prototype.renderFrame = function(t) {
if (this.hasMasks) {
var e, i, r, s, a = this.element.canvasContext,
n = this.masksProperties.length;
for (a.beginPath(), e = 0; e < n; e++)
if ("n" !== this.masksProperties[e].mode) {
this.masksProperties[e].inv && (a.moveTo(0, 0), a.lineTo(this.element.globalData.compWidth, 0), a.lineTo(this.element.globalData.compWidth, this.element.globalData.compHeight), a.lineTo(0, this.element.globalData.compHeight), a.lineTo(0, 0)), s = this.viewData[e].v, i = t.applyToPointArray(s.v[0][0], s.v[0][1], 0), a.moveTo(i[0], i[1]);
var o, h = s._length;
for (o = 1; o < h; o++) r = t.applyToTriplePoints(s.o[o - 1], s.i[o], s.v[o]), a.bezierCurveTo(r[0], r[1], r[2], r[3], r[4], r[5]);
r = t.applyToTriplePoints(s.o[o - 1], s.i[0], s.v[0]), a.bezierCurveTo(r[0], r[1], r[2], r[3], r[4], r[5])
}
this.element.globalData.renderer.save(!0), a.clip()
}
}, CVMaskElement.prototype.getMaskProperty = MaskElement.prototype.getMaskProperty, CVMaskElement.prototype.destroy = function() {
this.element = null
}, extendPrototype([BaseElement, TransformElement, CVBaseElement, IShapeElement, HierarchyElement, FrameElement, RenderableElement], CVShapeElement), CVShapeElement.prototype.initElement = RenderableDOMElement.prototype.initElement, CVShapeElement.prototype.transformHelper = {
opacity: 1,
mat: new Matrix,
_matMdf: !1,
_opMdf: !1
}, CVShapeElement.prototype.dashResetter = [], CVShapeElement.prototype.createContent = function() {
this.searchShapes(this.shapesData, this.itemsData, this.prevViewData, !0)
}, CVShapeElement.prototype.createStyleElement = function(t) {
var e = {
data: t,
type: t.ty,
elements: []
},
i = {};
if ("fl" != t.ty && "st" != t.ty || (i.c = PropertyFactory.getProp(this, t.c, 1, 255, this), i.c.k || (e.co = "rgb(" + bm_floor(i.c.v[0]) + "," + bm_floor(i.c.v[1]) + "," + bm_floor(i.c.v[2]) + ")")), i.o = PropertyFactory.getProp(this, t.o, 0, .01, this), "st" == t.ty) {
if (e.lc = this.lcEnum[t.lc] || "round", e.lj = this.ljEnum[t.lj] || "round", 1 == t.lj && (e.ml = t.ml), i.w = PropertyFactory.getProp(this, t.w, 0, null, this), i.w.k || (e.wi = i.w.v), t.d) {
var r = new DashProperty(this, t.d, "canvas");
i.d = r, i.d.k || (e.da = i.d.dashArray, e["do"] = i.d.dashoffset[0])
}
} else e.r = 2 === t.r ? "evenodd" : "nonzero";
return this.stylesList.push(e), i.style = e, i
}, CVShapeElement.prototype.createGroupElement = function(t) {
var e = {
it: [],
prevViewData: []
};
return e
}, CVShapeElement.prototype.createTransformElement = function(t) {
var e = {
transform: {
mat: new Matrix,
opacity: 1,
_matMdf: !1,
_opMdf: !1,
op: PropertyFactory.getProp(this, t.o, 0, .01, this),
mProps: TransformPropertyFactory.getTransformProperty(this, t, this)
},
elements: []
};
return e
}, CVShapeElement.prototype.createShapeElement = function(t) {
var e = {
nodes: [],
trNodes: [],
tr: [0, 0, 0, 0, 0, 0]
},
i = 4;
"rc" == t.ty ? i = 5 : "el" == t.ty ? i = 6 : "sr" == t.ty && (i = 7), e.sh = ShapePropertyFactory.getShapeProp(this, t, i, this), this.shapes.push(e.sh), this.addShapeToModifiers(e);
var r, s = this.stylesList.length,
a = !1,
n = !1;
for (r = 0; r < s; r += 1) this.stylesList[r].closed || (this.stylesList[r].elements.push(e), "st" === this.stylesList[r].type ? a = !0 : n = !0);
return e.st = a, e.fl = n, e
}, CVShapeElement.prototype.reloadShapes = function() {
this._isFirstFrame = !0;
var t, e = this.itemsData.length;
for (t = 0; t < e; t += 1) this.prevViewData[t] = this.itemsData[t];
for (this.searchShapes(this.shapesData, this.itemsData, this.prevViewData, !0), e = this.dynamicProperties.length, t = 0; t < e; t += 1) this.dynamicProperties[t].getValue();
this.renderModifiers()
}, CVShapeElement.prototype.searchShapes = function(t, e, i, r) {
var s, a, n, o, h, l = t.length - 1,
p = [],
m = [];
for (s = l; s >= 0; s -= 1) {
if (o = this.searchProcessedElement(t[s]), o ? e[s] = i[o - 1] : t[s]._render = r, "fl" == t[s].ty || "st" == t[s].ty) o ? e[s].style.closed = !1 : e[s] = this.createStyleElement(t[s]), p.push(e[s].style);
else if ("gr" == t[s].ty) {
if (o)
for (n = e[s].it.length, a = 0; a < n; a += 1) e[s].prevViewData[a] = e[s].it[a];
else e[s] = this.createGroupElement(t[s]);
this.searchShapes(t[s].it, e[s].it, e[s].prevViewData, r)
} else "tr" == t[s].ty ? o || (e[s] = this.createTransformElement(t[s])) : "sh" == t[s].ty || "rc" == t[s].ty || "el" == t[s].ty || "sr" == t[s].ty ? o || (e[s] = this.createShapeElement(t[s])) : "tm" == t[s].ty || "rd" == t[s].ty ? (o ? (h = e[s], h.closed = !1) : (h = ShapeModifiers.getModifier(t[s].ty), h.init(this, t[s]), e[s] = h, this.shapeModifiers.push(h)), m.push(h)) : "rp" == t[s].ty && (o ? (h = e[s], h.closed = !0) : (h = ShapeModifiers.getModifier(t[s].ty), e[s] = h, h.init(this, t, s, e), this.shapeModifiers.push(h), r = !1), m.push(h));
this.addProcessedElement(t[s], s + 1)
}
for (l = p.length, s = 0; s < l; s += 1) p[s].closed = !0;
for (l = m.length, s = 0; s < l; s += 1) m[s].closed = !0
}, CVShapeElement.prototype.renderInnerContent = function() {
this.transformHelper.mat.reset(), this.transformHelper.opacity = 1, this.transformHelper._matMdf = !1, this.transformHelper._opMdf = !1, this.renderModifiers(), this.renderShape(this.transformHelper, this.shapesData, this.itemsData, !0)
}, CVShapeElement.prototype.renderShapeTransform = function(t, e) {
var i, r;
(t._opMdf || e.op._mdf || this._isFirstFrame) && (e.opacity = t.opacity, e.opacity *= e.op.v, e._opMdf = !0), (t._matMdf || e.mProps._mdf || this._isFirstFrame) && (r = e.mat, r.cloneFromProps(e.mProps.v.props), e._matMdf = !0, i = t.mat.props, r.transform(i[0], i[1], i[2], i[3], i[4], i[5], i[6], i[7], i[8], i[9], i[10], i[11], i[12], i[13], i[14], i[15]))
}, CVShapeElement.prototype.drawLayer = function() {
var t, e, i, r, s, a, n, o, h, l = this.stylesList.length,
p = this.globalData.renderer,
m = this.globalData.canvasContext;
for (t = 0; t < l; t += 1)
if (h = this.stylesList[t], o = h.type, ("st" !== o || 0 !== h.wi) && h.data._render && 0 !== h.coOp) {
for (p.save(), a = h.elements, "st" === o ? (m.strokeStyle = h.co, m.lineWidth = h.wi, m.lineCap = h.lc, m.lineJoin = h.lj, m.miterLimit = h.ml || 0) : m.fillStyle = h.co, p.ctxOpacity(h.coOp), "st" !== o && m.beginPath(), i = a.length, e = 0; e < i; e += 1) {
for ("st" === o && (m.beginPath(), h.da ? (m.setLineDash(h.da), m.lineDashOffset = h["do"], this.globalData.isDashed = !0) : this.globalData.isDashed && (m.setLineDash(this.dashResetter), this.globalData.isDashed = !1)), n = a[e].trNodes, s = n.length, r = 0; r < s; r += 1) "m" == n[r].t ? m.moveTo(n[r].p[0], n[r].p[1]) : "c" == n[r].t ? m.bezierCurveTo(n[r].pts[0], n[r].pts[1], n[r].pts[2], n[r].pts[3], n[r].pts[4], n[r].pts[5]) : m.closePath();
"st" === o && m.stroke()
}
"st" !== o && m.fill(h.r), p.restore()
}
}, CVShapeElement.prototype.renderShape = function(t, e, i, r) {
var s, a, n = e.length - 1;
for (a = t, s = n; s >= 0; s -= 1) "tr" == e[s].ty ? (a = i[s].transform, this.renderShapeTransform(t, a)) : "sh" == e[s].ty || "el" == e[s].ty || "rc" == e[s].ty || "sr" == e[s].ty ? this.renderPath(e[s], i[s], a) : "fl" == e[s].ty ? this.renderFill(e[s], i[s], a) : "st" == e[s].ty ? this.renderStroke(e[s], i[s], a) : "gr" == e[s].ty ? this.renderShape(a, e[s].it, i[s].it) : "tm" == e[s].ty;
r && this.drawLayer()
}, CVShapeElement.prototype.renderPath = function(t, e, i) {
var r, s, a, n, o = i._matMdf || e.sh._mdf || this._isFirstFrame;
if (o) {
var h = e.sh.paths,
l = i.mat;
n = t._render === !1 ? 0 : h._length;
var p = e.trNodes;
for (p.length = 0, a = 0; a < n; a += 1) {
var m = h.shapes[a];
if (m && m.v) {
for (r = m._length, s = 1; s < r; s += 1) 1 == s && p.push({
t: "m",
p: l.applyToPointArray(m.v[0][0], m.v[0][1], 0)
}), p.push({
t: "c",
pts: l.applyToTriplePoints(m.o[s - 1], m.i[s], m.v[s])
});
1 == r && p.push({
t: "m",
p: l.applyToPointArray(m.v[0][0], m.v[0][1], 0)
}), m.c && r && (p.push({
t: "c",
pts: l.applyToTriplePoints(m.o[s - 1], m.i[0], m.v[0])
}), p.push({
t: "z"
})), e.lStr = p
}
}
if (e.st)
for (s = 0; s < 16; s += 1) e.tr[s] = i.mat.props[s];
e.trNodes = p
}
}, CVShapeElement.prototype.renderFill = function(t, e, i) {
var r = e.style;
(e.c._mdf || this._isFirstFrame) && (r.co = "rgb(" + bm_floor(e.c.v[0]) + "," + bm_floor(e.c.v[1]) + "," + bm_floor(e.c.v[2]) + ")"), (e.o._mdf || i._opMdf || this._isFirstFrame) && (r.coOp = e.o.v * i.opacity)
}, CVShapeElement.prototype.renderStroke = function(t, e, i) {
var r = e.style,
s = e.d;
s && (s._mdf || this._isFirstFrame) && (r.da = s.dashArray, r["do"] = s.dashoffset[0]), (e.c._mdf || this._isFirstFrame) && (r.co = "rgb(" + bm_floor(e.c.v[0]) + "," + bm_floor(e.c.v[1]) + "," + bm_floor(e.c.v[2]) + ")"), (e.o._mdf || i._opMdf || this._isFirstFrame) && (r.coOp = e.o.v * i.opacity), (e.w._mdf || this._isFirstFrame) && (r.wi = e.w.v)
}, CVShapeElement.prototype.destroy = function() {
this.shapesData = null, this.globalData = null, this.canvasContext = null, this.stylesList.length = 0, this.itemsData.length = 0
}, extendPrototype([BaseElement, TransformElement, CVBaseElement, HierarchyElement, FrameElement, RenderableElement], CVSolidElement), CVSolidElement.prototype.initElement = SVGShapeElement.prototype.initElement, CVSolidElement.prototype.prepareFrame = IImageElement.prototype.prepareFrame, CVSolidElement.prototype.renderInnerContent = function() {
var t = this.canvasContext;
t.fillStyle = this.data.sc, t.fillRect(0, 0, this.data.sw, this.data.sh)
}, extendPrototype([BaseElement, TransformElement, CVBaseElement, HierarchyElement, FrameElement, RenderableElement, ITextElement], CVTextElement), CVTextElement.prototype.tHelper = createTag("canvas").getContext("2d"), CVTextElement.prototype.buildNewText = function() {
var t = this.textProperty.currentData;
this.renderedLetters = createSizedArray(t.l ? t.l.length : 0);
var e = !1;
t.fc ? (e = !0, this.values.fill = this.buildColor(t.fc)) : this.values.fill = "rgba(0,0,0,0)", this.fill = e;
var i = !1;
t.sc && (i = !0, this.values.stroke = this.buildColor(t.sc), this.values.sWidth = t.sw);
var r, s, a = this.globalData.fontManager.getFontByName(t.f),
n = t.l,
o = this.mHelper;
this.stroke = i, this.values.fValue = t.finalSize + "px " + this.globalData.fontManager.getFontByName(t.f).fFamily, s = t.finalText.length;
var h, l, p, m, f, c, d, u, y, g, v = this.data.singleShape,
b = t.tr / 1e3 * t.finalSize,
E = 0,
x = 0,
S = !0,
P = 0;
for (r = 0; r < s; r += 1) {
for (h = this.globalData.fontManager.getCharData(t.finalText[r], a.fStyle, this.globalData.fontManager.getFontByName(t.f).fFamily), l = h && h.data || {}, o.reset(), v && n[r].n && (E = -b, x += t.yOffset, x += S ? 1 : 0, S = !1), f = l.shapes ? l.shapes[0].it : [], d = f.length, o.scale(t.finalSize / 100, t.finalSize / 100), v && this.applyTextPropertiesToMatrix(t, o, n[r].line, E, x), y = createSizedArray(d), c = 0; c < d; c += 1) {
for (m = f[c].ks.k.i.length, u = f[c].ks.k, g = [], p = 1; p < m; p += 1) 1 == p && g.push(o.applyToX(u.v[0][0], u.v[0][1], 0), o.applyToY(u.v[0][0], u.v[0][1], 0)), g.push(o.applyToX(u.o[p - 1][0], u.o[p - 1][1], 0), o.applyToY(u.o[p - 1][0], u.o[p - 1][1], 0), o.applyToX(u.i[p][0], u.i[p][1], 0), o.applyToY(u.i[p][0], u.i[p][1], 0), o.applyToX(u.v[p][0], u.v[p][1], 0), o.applyToY(u.v[p][0], u.v[p][1], 0));
g.push(o.applyToX(u.o[p - 1][0], u.o[p - 1][1], 0), o.applyToY(u.o[p - 1][0], u.o[p - 1][1], 0), o.applyToX(u.i[0][0], u.i[0][1], 0), o.applyToY(u.i[0][0], u.i[0][1], 0), o.applyToX(u.v[0][0], u.v[0][1], 0), o.applyToY(u.v[0][0], u.v[0][1], 0)), y[c] = g
}
v && (E += n[r].l, E += b), this.textSpans[P] ? this.textSpans[P].elem = y : this.textSpans[P] = {
elem: y
}, P += 1
}
}, CVTextElement.prototype.renderInnerContent = function() {
var t = this.canvasContext;
this.finalTransform.mat.props;
t.font = this.values.fValue, t.lineCap = "butt", t.lineJoin = "miter", t.miterLimit = 4, this.data.singleShape || this.textAnimator.getMeasures(this.textProperty.currentData, this.lettersChangedFlag);
var e, i, r, s, a, n, o = this.textAnimator.renderedLetters,
h = this.textProperty.currentData.l;
i = h.length;
var l, p, m, f = null,
c = null,
d = null;
for (e = 0; e < i; e += 1)
if (!h[e].n) {
if (l = o[e], l && (this.globalData.renderer.save(), this.globalData.renderer.ctxTransform(l.p), this.globalData.renderer.ctxOpacity(l.o)), this.fill) {
for (l && l.fc ? f !== l.fc && (f = l.fc, t.fillStyle = l.fc) : f !== this.values.fill && (f = this.values.fill, t.fillStyle = this.values.fill), p = this.textSpans[e].elem, s = p.length, this.globalData.canvasContext.beginPath(), r = 0; r < s; r += 1)
for (m = p[r], n = m.length, this.globalData.canvasContext.moveTo(m[0], m[1]), a = 2; a < n; a += 6) this.globalData.canvasContext.bezierCurveTo(m[a], m[a + 1], m[a + 2], m[a + 3], m[a + 4], m[a + 5]);
this.globalData.canvasContext.closePath(), this.globalData.canvasContext.fill()
}
if (this.stroke) {
for (l && l.sw ? d !== l.sw && (d = l.sw, t.lineWidth = l.sw) : d !== this.values.sWidth && (d = this.values.sWidth, t.lineWidth = this.values.sWidth), l && l.sc ? c !== l.sc && (c = l.sc, t.strokeStyle = l.sc) : c !== this.values.stroke && (c = this.values.stroke, t.strokeStyle = this.values.stroke), p = this.textSpans[e].elem, s = p.length, this.globalData.canvasContext.beginPath(), r = 0; r < s; r += 1)
for (m = p[r], n = m.length, this.globalData.canvasContext.moveTo(m[0], m[1]), a = 2; a < n; a += 6) this.globalData.canvasContext.bezierCurveTo(m[a], m[a + 1], m[a + 2], m[a + 3], m[a + 4], m[a + 5]);
this.globalData.canvasContext.closePath(), this.globalData.canvasContext.stroke()
}
l && this.globalData.renderer.restore()
}
}, CVEffects.prototype.renderFrame = function() {}, HBaseElement.prototype = {
checkBlendMode: function() {},
initRendererElement: function() {
this.baseElement = createTag(this.data.tg || "div"), this.data.hasMask ? (this.svgElement = createNS("svg"), this.layerElement = createNS("g"), this.maskedElement = this.layerElement, this.svgElement.appendChild(this.layerElement), this.baseElement.appendChild(this.svgElement)) : this.layerElement = this.baseElement, styleDiv(this.baseElement)
},
createContainerElements: function() {
this.renderableEffectsManager = new CVEffects(this), this.transformedElement = this.baseElement, this.maskedElement = this.layerElement, this.data.ln && this.layerElement.setAttribute("id", this.data.ln), this.data.cl && this.layerElement.setAttribute("class", this.data.cl), 0 !== this.data.bm && this.setBlendMode()
},
renderElement: function() {
this.finalTransform._matMdf && (this.transformedElement.style.transform = this.transformedElement.style.webkitTransform = this.finalTransform.mat.toCSS()), this.finalTransform._opMdf && (this.transformedElement.style.opacity = this.finalTransform.mProp.o.v)
},
renderFrame: function() {
this.data.hd || this.hidden || (this.renderTransform(), this.renderRenderable(), this.renderElement(), this.renderInnerContent(), this._isFirstFrame && (this._isFirstFrame = !1))
},
destroy: function() {
this.layerElement = null, this.transformedElement = null, this.matteElement && (this.matteElement = null), this.maskManager && (this.maskManager.destroy(), this.maskManager = null)
},
addMasks: function() {
this.maskManager = new MaskElement(this.data, this, this.globalData)
},
setMatte: function() {}
}, HBaseElement.prototype.getBaseElement = SVGBaseElement.prototype.getBaseElement, HBaseElement.prototype.destroyBaseElement = HBaseElement.prototype.destroy,
HBaseElement.prototype.buildElementParenting = HybridRenderer.prototype.buildElementParenting, extendPrototype([BaseElement, TransformElement, HBaseElement, HierarchyElement, FrameElement, RenderableDOMElement], HSolidElement), HSolidElement.prototype.createContent = function() {
var t;
this.data.hasMask ? (t = createNS("rect"), t.setAttribute("width", this.data.sw), t.setAttribute("height", this.data.sh), t.setAttribute("fill", this.data.sc), this.svgElement.setAttribute("width", this.data.sw), this.svgElement.setAttribute("height", this.data.sh)) : (t = createTag("div"), t.style.width = this.data.sw + "px", t.style.height = this.data.sh + "px", t.style.backgroundColor = this.data.sc), this.layerElement.appendChild(t)
}, extendPrototype([HybridRenderer, ICompElement, HBaseElement], HCompElement), HCompElement.prototype._createBaseContainerElements = HCompElement.prototype.createContainerElements, HCompElement.prototype.createContainerElements = function() {
this._createBaseContainerElements(), this.data.hasMask ? (this.svgElement.setAttribute("width", this.data.w), this.svgElement.setAttribute("height", this.data.h), this.transformedElement = this.baseElement) : this.transformedElement = this.layerElement
}, HCompElement.prototype.addTo3dContainer = function(t, e) {
for (var i, r = 0; r < e;) this.elements[r] && this.elements[r].getBaseElement && (i = this.elements[r].getBaseElement()), r += 1;
i ? this.layerElement.insertBefore(t, i) : this.layerElement.appendChild(t)
}, extendPrototype([BaseElement, TransformElement, HSolidElement, SVGShapeElement, HBaseElement, HierarchyElement, FrameElement, RenderableElement], HShapeElement), HShapeElement.prototype._renderShapeFrame = HShapeElement.prototype.renderInnerContent, HShapeElement.prototype.createContent = function() {
var t;
if (this.baseElement.style.fontSize = 0, this.data.hasMask) this.layerElement.appendChild(this.shapesContainer), t = this.svgElement;
else {
t = createNS("svg");
var e = this.comp.data ? this.comp.data : this.globalData.compSize;
t.setAttribute("width", e.w), t.setAttribute("height", e.h), t.appendChild(this.shapesContainer), this.layerElement.appendChild(t)
}
this.searchShapes(this.shapesData, this.itemsData, this.prevViewData, this.shapesContainer, 0, [], !0), this.shapeCont = t
}, HShapeElement.prototype.getTransformedPoint = function(t, e) {
var i, r = t.length;
for (i = 0; i < r; i += 1) e = t[i].mProps.v.applyToPointArray(e[0], e[1], 0);
return e
}, HShapeElement.prototype.calculateShapeBoundingBox = function(t, e) {
var i, r, s, a, n, o = t.sh.v,
h = t.transformers,
l = o._length;
if (!(l <= 1)) {
for (i = 0; i < l - 1; i += 1) r = this.getTransformedPoint(h, o.v[i]), s = this.getTransformedPoint(h, o.o[i]), a = this.getTransformedPoint(h, o.i[i + 1]), n = this.getTransformedPoint(h, o.v[i + 1]), this.checkBounds(r, s, a, n, e);
o.c && (r = this.getTransformedPoint(h, o.v[i]), s = this.getTransformedPoint(h, o.o[i]), a = this.getTransformedPoint(h, o.i[0]), n = this.getTransformedPoint(h, o.v[0]), this.checkBounds(r, s, a, n, e))
}
}, HShapeElement.prototype.checkBounds = function(t, e, i, r, s) {
this.getBoundsOfCurve(t, e, i, r);
var a = this.shapeBoundingBox;
s.x = bm_min(a.left, s.x), s.xMax = bm_max(a.right, s.xMax), s.y = bm_min(a.top, s.y), s.yMax = bm_max(a.bottom, s.yMax)
}, HShapeElement.prototype.shapeBoundingBox = {
left: 0,
right: 0,
top: 0,
bottom: 0
}, HShapeElement.prototype.tempBoundingBox = {
x: 0,
xMax: 0,
y: 0,
yMax: 0,
width: 0,
height: 0
}, HShapeElement.prototype.getBoundsOfCurve = function(t, e, i, r) {
for (var s, a, n, o, h, l, p, m = [
[t[0], r[0]],
[t[1], r[1]]
], f = 0; f < 2; ++f)
if (a = 6 * t[f] - 12 * e[f] + 6 * i[f], s = -3 * t[f] + 9 * e[f] - 9 * i[f] + 3 * r[f], n = 3 * e[f] - 3 * t[f], a = 0 | a, s = 0 | s, n = 0 | n, 0 !== s) h = a * a - 4 * n * s, h < 0 || (l = (-a + bm_sqrt(h)) / (2 * s), 0 < l && l < 1 && m[f].push(this.calculateF(l, t, e, i, r, f)), p = (-a - bm_sqrt(h)) / (2 * s), 0 < p && p < 1 && m[f].push(this.calculateF(p, t, e, i, r, f)));
else {
if (0 === a) continue;
o = -n / a, 0 < o && o < 1 && m[f].push(this.calculateF(o, t, e, i, r, f))
}
this.shapeBoundingBox.left = bm_min.apply(null, m[0]), this.shapeBoundingBox.top = bm_min.apply(null, m[1]), this.shapeBoundingBox.right = bm_max.apply(null, m[0]), this.shapeBoundingBox.bottom = bm_max.apply(null, m[1])
}, HShapeElement.prototype.calculateF = function(t, e, i, r, s, a) {
return bm_pow(1 - t, 3) * e[a] + 3 * bm_pow(1 - t, 2) * t * i[a] + 3 * (1 - t) * bm_pow(t, 2) * r[a] + bm_pow(t, 3) * s[a]
}, HShapeElement.prototype.calculateBoundingBox = function(t, e) {
var i, r = t.length;
for (i = 0; i < r; i += 1) t[i] && t[i].sh ? this.calculateShapeBoundingBox(t[i], e) : t[i] && t[i].it && this.calculateBoundingBox(t[i].it, e)
}, HShapeElement.prototype.renderInnerContent = function() {
if (this._renderShapeFrame(), !this.hidden && (this._isFirstFrame || this._mdf)) {
var t = this.tempBoundingBox,
e = 999999;
t.x = e, t.xMax = -e, t.y = e, t.yMax = -e, this.calculateBoundingBox(this.itemsData, t), t.width = t.xMax < t.x ? 0 : t.xMax - t.x, t.height = t.yMax < t.y ? 0 : t.yMax - t.y;
var i = !1;
this.currentBBox.w !== t.width && (this.currentBBox.w = t.width, this.shapeCont.setAttribute("width", t.width), i = !0), this.currentBBox.h !== t.height && (this.currentBBox.h = t.height, this.shapeCont.setAttribute("height", t.height), i = !0), (i || this.currentBBox.x !== t.x || this.currentBBox.y !== t.y) && (this.currentBBox.w = t.width, this.currentBBox.h = t.height, this.currentBBox.x = t.x, this.currentBBox.y = t.y, this.shapeCont.setAttribute("viewBox", this.currentBBox.x + " " + this.currentBBox.y + " " + this.currentBBox.w + " " + this.currentBBox.h), this.shapeCont.style.transform = this.shapeCont.style.webkitTransform = "translate(" + this.currentBBox.x + "px," + this.currentBBox.y + "px)")
}
}, extendPrototype([BaseElement, TransformElement, HBaseElement, HierarchyElement, FrameElement, RenderableDOMElement, ITextElement], HTextElement), HTextElement.prototype.createContent = function() {
if (this.isMasked = this.checkMasks(), this.isMasked) {
this.renderType = "svg", this.compW = this.comp.data.w, this.compH = this.comp.data.h, this.svgElement.setAttribute("width", this.compW), this.svgElement.setAttribute("height", this.compH);
var t = createNS("g");
this.maskedElement.appendChild(t), this.innerElem = t
} else this.renderType = "html", this.innerElem = this.layerElement;
this.checkParenting()
}, HTextElement.prototype.buildNewText = function() {
var t = this.textProperty.currentData;
this.renderedLetters = createSizedArray(t.l ? t.l.length : 0);
var e = this.innerElem.style;
e.color = e.fill = t.fc ? this.buildColor(t.fc) : "rgba(0,0,0,0)", t.sc && (e.stroke = this.buildColor(t.sc), e.strokeWidth = t.sw + "px");
var i = this.globalData.fontManager.getFontByName(t.f);
if (!this.globalData.fontManager.chars)
if (e.fontSize = t.finalSize + "px", e.lineHeight = t.finalSize + "px", i.fClass) this.innerElem.className = i.fClass;
else {
e.fontFamily = i.fFamily;
var r = t.fWeight,
s = t.fStyle;
e.fontStyle = s, e.fontWeight = r
}
var a, n, o = t.l;
n = o.length;
var h, l, p, m, f = this.mHelper,
c = "",
d = 0;
for (a = 0; a < n; a += 1) {
if (this.globalData.fontManager.chars ? (this.textPaths[d] ? h = this.textPaths[d] : (h = createNS("path"), h.setAttribute("stroke-linecap", "butt"), h.setAttribute("stroke-linejoin", "round"), h.setAttribute("stroke-miterlimit", "4")), this.isMasked || (this.textSpans[d] ? (l = this.textSpans[d], p = l.children[0]) : (l = createTag("div"), p = createNS("svg"), p.appendChild(h), styleDiv(l)))) : this.isMasked ? h = this.textPaths[d] ? this.textPaths[d] : createNS("text") : this.textSpans[d] ? (l = this.textSpans[d], h = this.textPaths[d]) : (l = createTag("span"), styleDiv(l), h = createTag("span"), styleDiv(h), l.appendChild(h)), this.globalData.fontManager.chars) {
var u, y = this.globalData.fontManager.getCharData(t.finalText[a], i.fStyle, this.globalData.fontManager.getFontByName(t.f).fFamily);
if (u = y ? y.data : null, f.reset(), u && u.shapes && (m = u.shapes[0].it, f.scale(t.finalSize / 100, t.finalSize / 100), c = this.createPathShape(f, m), h.setAttribute("d", c)), this.isMasked) this.innerElem.appendChild(h);
else {
if (this.innerElem.appendChild(l), u && u.shapes) {
document.body.appendChild(p);
var g = p.getBBox();
p.setAttribute("width", g.width + 2), p.setAttribute("height", g.height + 2), p.setAttribute("viewBox", g.x - 1 + " " + (g.y - 1) + " " + (g.width + 2) + " " + (g.height + 2)), p.style.transform = p.style.webkitTransform = "translate(" + (g.x - 1) + "px," + (g.y - 1) + "px)", o[a].yOffset = g.y - 1
} else p.setAttribute("width", 1), p.setAttribute("height", 1);
l.appendChild(p)
}
} else h.textContent = o[a].val, h.setAttributeNS("http://www.w3.org/XML/1998/namespace", "xml:space", "preserve"), this.isMasked ? this.innerElem.appendChild(h) : (this.innerElem.appendChild(l), h.style.transform = h.style.webkitTransform = "translate3d(0," + -t.finalSize / 1.2 + "px,0)");
this.isMasked ? this.textSpans[d] = h : this.textSpans[d] = l, this.textSpans[d].style.display = "block", this.textPaths[d] = h, d += 1
}
for (; d < this.textSpans.length;) this.textSpans[d].style.display = "none", d += 1
}, HTextElement.prototype.renderInnerContent = function() {
if (this.data.singleShape) {
if (!this._isFirstFrame && !this.lettersChangedFlag) return;
this.isMasked && this.finalTransform._matMdf && (this.svgElement.setAttribute("viewBox", -this.finalTransform.mProp.p.v[0] + " " + -this.finalTransform.mProp.p.v[1] + " " + this.compW + " " + this.compH), this.svgElement.style.transform = this.svgElement.style.webkitTransform = "translate(" + -this.finalTransform.mProp.p.v[0] + "px," + -this.finalTransform.mProp.p.v[1] + "px)")
}
if (this.textAnimator.getMeasures(this.textProperty.currentData, this.lettersChangedFlag), this.lettersChangedFlag || this.textAnimator.lettersChangedFlag) {
var t, e, i = 0,
r = this.textAnimator.renderedLetters,
s = this.textProperty.currentData.l;
e = s.length;
var a, n, o;
for (t = 0; t < e; t += 1) s[t].n ? i += 1 : (n = this.textSpans[t], o = this.textPaths[t], a = r[i], i += 1, a._mdf.m && (this.isMasked ? n.setAttribute("transform", a.m) : n.style.transform = n.style.webkitTransform = a.m), n.style.opacity = a.o, a.sw && a._mdf.sw && o.setAttribute("stroke-width", a.sw), a.sc && a._mdf.sc && o.setAttribute("stroke", a.sc), a.fc && a._mdf.fc && (o.setAttribute("fill", a.fc), o.style.color = a.fc));
if (this.innerElem.getBBox && !this.hidden && (this._isFirstFrame || this._mdf)) {
var h = this.innerElem.getBBox();
this.currentBBox.w !== h.width && (this.currentBBox.w = h.width, this.svgElement.setAttribute("width", h.width)), this.currentBBox.h !== h.height && (this.currentBBox.h = h.height, this.svgElement.setAttribute("height", h.height));
var l = 1;
this.currentBBox.w === h.width + 2 * l && this.currentBBox.h === h.height + 2 * l && this.currentBBox.x === h.x - l && this.currentBBox.y === h.y - l || (this.currentBBox.w = h.width + 2 * l, this.currentBBox.h = h.height + 2 * l, this.currentBBox.x = h.x - l, this.currentBBox.y = h.y - l, this.svgElement.setAttribute("viewBox", this.currentBBox.x + " " + this.currentBBox.y + " " + this.currentBBox.w + " " + this.currentBBox.h), this.svgElement.style.transform = this.svgElement.style.webkitTransform = "translate(" + this.currentBBox.x + "px," + this.currentBBox.y + "px)")
}
}
}, extendPrototype([BaseElement, TransformElement, HBaseElement, HSolidElement, HierarchyElement, FrameElement, RenderableElement], HImageElement), HImageElement.prototype.createContent = function() {
var t = this.globalData.getAssetsPath(this.assetData),
e = new Image;
this.data.hasMask ? (this.imageElem = createNS("image"), this.imageElem.setAttribute("width", this.assetData.w + "px"), this.imageElem.setAttribute("height", this.assetData.h + "px"), this.imageElem.setAttributeNS("http://www.w3.org/1999/xlink", "href", t), this.layerElement.appendChild(this.imageElem), this.baseElement.setAttribute("width", this.assetData.w), this.baseElement.setAttribute("height", this.assetData.h)) : this.layerElement.appendChild(e), e.src = t, this.data.ln && this.baseElement.setAttribute("id", this.data.ln)
}, extendPrototype([BaseElement, FrameElement, HierarchyElement], HCameraElement), HCameraElement.prototype.setup = function() {
var t, e, i = this.comp.threeDElements.length;
for (t = 0; t < i; t += 1) e = this.comp.threeDElements[t], "3d" === e.type && (e.perspectiveElem.style.perspective = e.perspectiveElem.style.webkitPerspective = this.pe.v + "px", e.container.style.transformOrigin = e.container.style.mozTransformOrigin = e.container.style.webkitTransformOrigin = "0px 0px 0px", e.perspectiveElem.style.transform = e.perspectiveElem.style.webkitTransform = "matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)")
}, HCameraElement.prototype.createElements = function() {}, HCameraElement.prototype.hide = function() {}, HCameraElement.prototype.renderFrame = function() {
var t, e, i = this._isFirstFrame;
if (this.hierarchy)
for (e = this.hierarchy.length, t = 0; t < e; t += 1) i = this.hierarchy[t].finalTransform.mProp._mdf || i;
if (i || this.p && this.p._mdf || this.px && (this.px._mdf || this.py._mdf || this.pz._mdf) || this.rx._mdf || this.ry._mdf || this.rz._mdf || this.or._mdf || this.a && this.a._mdf) {
if (this.mat.reset(), this.hierarchy) {
for (e = this.hierarchy.length - 1, t = e; t >= 0; t -= 1) {
var r = this.hierarchy[t].finalTransform.mProp;
this.mat.translate(-r.p.v[0], -r.p.v[1], r.p.v[2]), this.mat.rotateX(-r.rx.v).rotateY(-r.ry.v).rotateZ(r.rz.v), this.mat.scale(1 / r.s.v[0], 1 / r.s.v[1], 1 / r.s.v[2]), this.mat.translate(r.a.v[0], r.a.v[1], r.a.v[2])
}
}
if (this.p ? this.mat.translate(-this.p.v[0], -this.p.v[1], this.p.v[2]) : this.mat.translate(-this.px.v, -this.py.v, this.pz.v), this.a) {
var s = [this.p.v[0] - this.a.v[0], this.p.v[1] - this.a.v[1], this.p.v[2] - this.a.v[2]],
a = Math.sqrt(Math.pow(s[0], 2) + Math.pow(s[1], 2) + Math.pow(s[2], 2)),
n = [s[0] / a, s[1] / a, s[2] / a],
o = Math.sqrt(n[2] * n[2] + n[0] * n[0]),
h = Math.atan2(n[1], o),
l = Math.atan2(n[0], -n[2]);
this.mat.rotateY(l).rotateX(-h)
}
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._prevMat.equals(this.mat) && this.comp.threeDElements) {
e = this.comp.threeDElements.length;
var p;
for (t = 0; t < e; t += 1) p = this.comp.threeDElements[t], "3d" === p.type && (p.container.style.transform = p.container.style.webkitTransform = this.mat.toCSS());
this.mat.clone(this._prevMat)
}
}
this._isFirstFrame = !1
}, HCameraElement.prototype.prepareFrame = function(t) {
this.prepareProperties(t, !0)
}, HCameraElement.prototype.destroy = function() {}, HCameraElement.prototype.initExpressions = function() {}, HCameraElement.prototype.getBaseElement = function() {
return null
}, HEffects.prototype.renderFrame = function() {};
var Expressions = function() {
function t(t) {
t.renderer.compInterface = CompExpressionInterface(t.renderer), t.renderer.globalData.projectInterface.registerComposition(t.renderer)
}
var e = {};
return e.initExpressions = t, e
}();
expressionsPlugin = Expressions;
var ExpressionManager = function() {
function duplicatePropertyValue(t, e) {
if (e = e || 1, "number" == typeof t || t instanceof Number) return t * e;
if (t.i) return shape_pool.clone(t);
var i, r = createTypedArray("float32", t.length),
s = t.length;
for (i = 0; i < s; i += 1) r[i] = t[i] * e;
return r
}
function isTypeOfArray(t) {
return t.constructor === Array || t.constructor === Float32Array
}
function $bm_neg(t) {
var e = typeof t;
if ("number" === e || "boolean" === e || t instanceof Number) return -t;
if (isTypeOfArray(t)) {
var i, r = t.length,
s = [];
for (i = 0; i < r; i += 1) s[i] = -t[i];
return s
}
}
function sum(t, e) {
var i = typeof t,
r = typeof e;
if ("string" === i || "string" === r) return t + e;
if (("number" === i || "boolean" === i || "string" === i || t instanceof Number) && ("number" === r || "boolean" === r || "string" === r || e instanceof Number)) return t + e;
if (isTypeOfArray(t) && ("number" === r || "boolean" === r || "string" === r || e instanceof Number)) return t = t.slice(0), t[0] = t[0] + e, t;
if (("number" === i || "boolean" === i || "string" === i || t instanceof Number) && isTypeOfArray(e)) return e = e.slice(0), e[0] = t + e[0], e;
if (isTypeOfArray(t) && isTypeOfArray(e)) {
for (var s = 0, a = t.length, n = e.length, o = []; s < a || s < n;)("number" == typeof t[s] || t[s] instanceof Number) && ("number" == typeof e[s] || e[s] instanceof Number) ? o[s] = t[s] + e[s] : o[s] = void 0 === e[s] ? t[s] : t[s] || e[s], s += 1;
return o
}
return 0
}
function sub(t, e) {
var i = typeof t,
r = typeof e;
if (("number" === i || "boolean" === i || "string" === i || t instanceof Number) && ("number" === r || "boolean" === r || "string" === r || e instanceof Number)) return "string" === i && (t = parseInt(t)), "string" === r && (e = parseInt(e)), t - e;
if (isTypeOfArray(t) && ("number" === r || "boolean" === r || "string" === r || e instanceof Number)) return t = t.slice(0), t[0] = t[0] - e, t;
if (("number" === i || "boolean" === i || "string" === i || t instanceof Number) && isTypeOfArray(e)) return e = e.slice(0), e[0] = t - e[0], e;
if (isTypeOfArray(t) && isTypeOfArray(e)) {
for (var s = 0, a = t.length, n = e.length, o = []; s < a || s < n;) "number" == typeof t[s] || t[s] instanceof Number ? o[s] = t[s] - e[s] : o[s] = void 0 === e[s] ? t[s] : t[s] || e[s], s += 1;
return o
}
return 0
}
function mul(t, e) {
var i, r = typeof t,
s = typeof e;
if (("number" === r || "boolean" === r || "string" === r || t instanceof Number) && ("number" === s || "boolean" === s || "string" === s || e instanceof Number)) return t * e;
var a, n;
if (isTypeOfArray(t) && ("number" === s || "boolean" === s || "string" === s || e instanceof Number)) {
for (n = t.length, i = createTypedArray("float32", n), a = 0; a < n; a += 1) i[a] = t[a] * e;
return i
}
if (("number" === r || "boolean" === r || "string" === r || t instanceof Number) && isTypeOfArray(e)) {
for (n = e.length, i = createTypedArray("float32", n), a = 0; a < n; a += 1) i[a] = t * e[a];
return i
}
return 0
}
function div(t, e) {
var i, r = typeof t,
s = typeof e;
if (("number" === r || "boolean" === r || "string" === r || t instanceof Number) && ("number" === s || "boolean" === s || "string" === s || e instanceof Number)) return t / e;
var a, n;
if (isTypeOfArray(t) && ("number" === s || "boolean" === s || "string" === s || e instanceof Number)) {
for (n = t.length, i = createTypedArray("float32", n), a = 0; a < n; a += 1) i[a] = t[a] / e;
return i
}
if (("number" === r || "boolean" === r || "string" === r || t instanceof Number) && isTypeOfArray(e)) {
for (n = e.length, i = createTypedArray("float32", n), a = 0; a < n; a += 1) i[a] = t / e[a];
return i
}
return 0
}
function mod(t, e) {
return "string" == typeof t && (t = parseInt(t)), "string" == typeof e && (e = parseInt(e)), t % e
}
function clamp(t, e, i) {
if (e > i) {
var r = i;
i = e, e = r
}
return Math.min(Math.max(t, e), i)
}
function radiansToDegrees(t) {
return t / degToRads
}
function degreesToRadians(t) {
return t * degToRads
}
function length(t, e) {
if ("number" == typeof t || t instanceof Number) return e = e || 0, Math.abs(t - e);
e || (e = helperLengthArray);
var i, r = Math.min(t.length, e.length),
s = 0;
for (i = 0; i < r; i += 1) s += Math.pow(e[i] - t[i], 2);
return Math.sqrt(s)
}
function normalize(t) {
return div(t, length(t))
}
function rgbToHsl(t) {
var e, i, r = t[0],
s = t[1],
a = t[2],
n = Math.max(r, s, a),
o = Math.min(r, s, a),
h = (n + o) / 2;
if (n == o) e = i = 0;
else {
var l = n - o;
switch (i = h > .5 ? l / (2 - n - o) : l / (n + o), n) {
case r:
e = (s - a) / l + (s < a ? 6 : 0);
break;
case s:
e = (a - r) / l + 2;
break;
case a:
e = (r - s) / l + 4
}
e /= 6
}
return [e, i, h, t[3]]
}
function hue2rgb(t, e, i) {
return i < 0 && (i += 1), i > 1 && (i -= 1), i < 1 / 6 ? t + 6 * (e - t) * i : i < .5 ? e : i < 2 / 3 ? t + (e - t) * (2 / 3 - i) * 6 : t
}
function hslToRgb(t) {
var e, i, r, s = t[0],
a = t[1],
n = t[2];
if (0 === a) e = i = r = n;
else {
var o = n < .5 ? n * (1 + a) : n + a - n * a,
h = 2 * n - o;
e = hue2rgb(h, o, s + 1 / 3), i = hue2rgb(h, o, s), r = hue2rgb(h, o, s - 1 / 3)
}
return [e, i, r, t[3]]
}
function linear(t, e, i, r, s) {
if (void 0 === r || void 0 === s) return linear(t, 0, 1, e, i);
if (t <= e) return r;
if (t >= i) return s;
var a = i === e ? 0 : (t - e) / (i - e);
if (!r.length) return r + (s - r) * a;
var n, o = r.length,
h = createTypedArray("float32", o);
for (n = 0; n < o; n += 1) h[n] = r[n] + (s[n] - r[n]) * a;
return h
}
function random(t, e) {
if (void 0 === e && (void 0 === t ? (t = 0, e = 1) : (e = t, t = void 0)), e.length) {
var i, r = e.length;
t || (t = createTypedArray("float32", r));
var s = createTypedArray("float32", r),
a = BMMath.random();
for (i = 0; i < r; i += 1) s[i] = t[i] + a * (e[i] - t[i]);
return s
}
void 0 === t && (t = 0);
var n = BMMath.random();
return t + n * (e - t)
}
function createPath(t, e, i, r) {
var s, a = t.length,
n = shape_pool.newElement();
n.setPathData(!!r, a);
var o, h, l = [0, 0];
for (s = 0; s < a; s += 1) o = e ? e[s] : l, h = i ? i[s] : l, n.setTripleAt(t[s][0], t[s][1], h[0] + t[s][0], h[1] + t[s][1], o[0] + t[s][0], o[1] + t[s][1], s, !0);
return n
}
function initiateExpression(elem, data, property) {
function loopInDuration(t, e) {
return loopIn(t, e, !0)
}
function loopOutDuration(t, e) {
return loopOut(t, e, !0)
}
function lookAt(t, e) {
var i = [e[0] - t[0], e[1] - t[1], e[2] - t[2]],
r = Math.atan2(i[0], Math.sqrt(i[1] * i[1] + i[2] * i[2])) / degToRads,
s = -Math.atan2(i[1], i[2]) / degToRads;
return [s, r, 0]
}
function easeOut(t, e, i, r, s) {
return void 0 === r ? (r = e, s = i) : t = (t - e) / (i - e), -(s - r) * t * (t - 2) + r
}
function easeIn(t, e, i, r, s) {
return void 0 === r ? (r = e, s = i) : t = (t - e) / (i - e), (s - r) * t * t + r
}
function nearestKey(t) {
var e, i, r, s = data.k.length;
if (data.k.length && "number" != typeof data.k[0])
if (i = -1, t *= elem.comp.globalData.frameRate, t < data.k[0].t) i = 1, r = data.k[0].t;
else {
for (e = 0; e < s - 1; e += 1) {
if (t === data.k[e].t) {
i = e + 1, r = data.k[e].t;
break
}
if (t > data.k[e].t && t < data.k[e + 1].t) {
t - data.k[e].t > data.k[e + 1].t - t ? (i = e + 2, r = data.k[e + 1].t) : (i = e + 1, r = data.k[e].t);
break
}
}
i === -1 && (i = e + 1, r = data.k[e].t)
}
else i = 0, r = 0;
var a = {};
return a.index = i, a.time = r / elem.comp.globalData.frameRate, a
}
function key(t) {
var e, i, r;
if (!data.k.length || "number" == typeof data.k[0]) throw new Error("The property has no keyframe at index " + t);
t -= 1, e = {
time: data.k[t].t / elem.comp.globalData.frameRate
};
var s;
for (s = t !== data.k.length - 1 || data.k[t].h ? data.k[t].s : data.k[t - 1].e, r = s.length, i = 0; i < r; i += 1) e[i] = s[i];
return e
}
function framesToTime(t, e) {
return e || (e = elem.comp.globalData.frameRate), t / e
}
function timeToFrames(t, e) {
return t || 0 === t || (t = time), e || (e = elem.comp.globalData.frameRate), t * e
}
function seedRandom(t) {
BMMath.seedrandom(randSeed + t)
}
function sourceRectAtTime() {
return elem.sourceRectAtTime()
}
function executeExpression(t) {
return value = t, _needsRandom && seedRandom(randSeed), this.frameExpressionId === elem.globalData.frameId && "textSelector" !== this.propType ? value : ("textSelector" === this.propType && (textIndex = this.textIndex, textTotal = this.textTotal, selectorValue = this.selectorValue), thisLayer || (thisLayer = elem.layerInterface, thisComp = elem.comp.compInterface, toWorld = thisLayer.toWorld.bind(thisLayer), fromWorld = thisLayer.fromWorld.bind(thisLayer), fromComp = thisLayer.fromComp.bind(thisLayer), mask = thisLayer.mask ? thisLayer.mask.bind(thisLayer) : null, fromCompToSurface = fromComp), transform || (transform = elem.layerInterface("ADBE Transform Group"), anchorPoint = transform.anchorPoint), 4 !== elemType || content || (content = thisLayer("ADBE Root Vectors Group")), effect || (effect = thisLayer(4)), hasParent = !(!elem.hierarchy || !elem.hierarchy.length), hasParent && !parent && (parent = elem.hierarchy[0].layerInterface), time = this.comp.renderedFrame / this.comp.globalData.frameRate, needsVelocity && (velocity = velocityAtTime(time)), expression_function(), this.frameExpressionId = elem.globalData.frameId, "shape" === scoped_bm_rt.propType && (scoped_bm_rt = shape_pool.clone(scoped_bm_rt.v)), scoped_bm_rt)
}
var val = data.x,
needsVelocity = /velocity(?![\w\d])/.test(val),
_needsRandom = val.indexOf("random") !== -1,
elemType = elem.data.ty,
transform, content, effect, 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,
width = elem.data.sw ? elem.data.sw : 0,
height = elem.data.sh ? elem.data.sh : 0,
loopIn, loop_in, loopOut, loop_out, toWorld, fromWorld, fromComp, fromCompToSurface, anchorPoint, thisLayer, thisComp, mask, valueAtTime, velocityAtTime, scoped_bm_rt, expression_function = eval("[function _expression_function(){" + val + ";scoped_bm_rt=$bm_rt}]")[0],
numKeys = property.kf ? data.k.length : 0,
wiggle = function(t, e) {
var i, r, s = this.pv.length ? this.pv.length : 1,
a = createTypedArray("float32", s);
t = 5;
var n = Math.floor(time * t);
for (i = 0, r = 0; i < n;) {
for (r = 0; r < s; r += 1) a[r] += -e + 2 * e * BMMath.random();
i += 1
}
var o = time * t,
h = o - Math.floor(o),
l = createTypedArray("float32", s);
if (s > 1) {
for (r = 0; r < s; r += 1) l[r] = this.pv[r] + a[r] + (-e + 2 * e * BMMath.random()) * h;
return l
}
return this.pv + a[0] + (-e + 2 * e * BMMath.random()) * h
}.bind(this);
thisProperty.loopIn && (loopIn = thisProperty.loopIn.bind(thisProperty), loop_in = loopIn), thisProperty.loopOut && (loopOut = thisProperty.loopOut.bind(thisProperty), loop_out = loopOut), this.getValueAtTime && (valueAtTime = this.getValueAtTime.bind(this)), this.getVelocityAtTime && (velocityAtTime = this.getVelocityAtTime.bind(this));
var comp = elem.comp.globalData.projectInterface.bind(elem.comp.globalData.projectInterface),
time, velocity, value, textIndex, textTotal, selectorValue, index = elem.data.ind,
hasParent = !(!elem.hierarchy || !elem.hierarchy.length),
parent, randSeed = Math.floor(1e6 * Math.random());
return executeExpression
}
var ob = {},
Math = BMMath,
window = null,
document = null,
add = sum,
radians_to_degrees = radiansToDegrees,
degrees_to_radians = radiansToDegrees,
helperLengthArray = [0, 0, 0, 0, 0, 0];
return ob.initiateExpression = initiateExpression, ob
}();
! function() {
function t() {
return this.pv
}
function e(t, e, i) {
if (!this.k || !this.keyframes) return this.pv;
t = t ? t.toLowerCase() : "";
var r = this.comp.renderedFrame,
s = this.keyframes,
a = s[s.length - 1].t;
if (r <= a) return this.pv;
var n, o;
i ? (n = e ? Math.abs(a - elem.comp.globalData.frameRate * e) : Math.max(0, a - this.elem.data.ip), o = a - n) : ((!e || e > s.length - 1) && (e = s.length - 1), o = s[s.length - 1 - e].t, n = a - o);
var h, l, p;
if ("pingpong" === t) {
var m = Math.floor((r - o) / n);
if (m % 2 !== 0) return this.getValueAtTime((n - (r - o) % n + o) / this.comp.globalData.frameRate, 0)
} else {
if ("offset" === t) {
var f = this.getValueAtTime(o / this.comp.globalData.frameRate, 0),
c = this.getValueAtTime(a / this.comp.globalData.frameRate, 0),
d = this.getValueAtTime(((r - o) % n + o) / this.comp.globalData.frameRate, 0),
u = Math.floor((r - o) / n);
if (this.pv.length) {
for (p = new Array(f.length), l = p.length, h = 0; h < l; h += 1) p[h] = (c[h] - f[h]) * u + d[h];
return p
}
return (c - f) * u + d
}
if ("continue" === t) {
var y = this.getValueAtTime(a / this.comp.globalData.frameRate, 0),
g = this.getValueAtTime((a - .001) / this.comp.globalData.frameRate, 0);
if (this.pv.length) {
for (p = new Array(y.length), l = p.length, h = 0; h < l; h += 1) p[h] = y[h] + (y[h] - g[h]) * ((r - a) / this.comp.globalData.frameRate) / 5e-4;
return p
}
return y + (y - g) * ((r - a) / .001)
}
}
return this.getValueAtTime(((r - o) % n + o) / this.comp.globalData.frameRate, 0)
}
function i(t, e, i) {
if (!this.k) return this.pv;
t = t ? t.toLowerCase() : "";
var r = this.comp.renderedFrame,
s = this.keyframes,
a = s[0].t;
if (r >= a) return this.pv;
var n, o;
i ? (n = e ? Math.abs(elem.comp.globalData.frameRate * e) : Math.max(0, this.elem.data.op - a), o = a + n) : ((!e || e > s.length - 1) && (e = s.length - 1), o = s[e].t, n = o - a);
var h, l, p;
if ("pingpong" === t) {
var m = Math.floor((a - r) / n);
if (m % 2 === 0) return this.getValueAtTime(((a - r) % n + a) / this.comp.globalData.frameRate, 0)
} else {
if ("offset" === t) {
var f = this.getValueAtTime(a / this.comp.globalData.frameRate, 0),
c = this.getValueAtTime(o / this.comp.globalData.frameRate, 0),
d = this.getValueAtTime((n - (a - r) % n + a) / this.comp.globalData.frameRate, 0),
u = Math.floor((a - r) / n) + 1;
if (this.pv.length) {
for (p = new Array(f.length), l = p.length, h = 0; h < l; h += 1) p[h] = d[h] - (c[h] - f[h]) * u;
return p
}
return d - (c - f) * u
}
if ("continue" === t) {
var y = this.getValueAtTime(a / this.comp.globalData.frameRate, 0),
g = this.getValueAtTime((a + .001) / this.comp.globalData.frameRate, 0);
if (this.pv.length) {
for (p = new Array(y.length), l = p.length, h = 0; h < l; h += 1) p[h] = y[h] + (y[h] - g[h]) * (a - r) / .001;
return p
}
return y + (y - g) * (a - r) / .001
}
}
return this.getValueAtTime((n - (a - r) % n + a) / this.comp.globalData.frameRate, 0)
}
function r(t) {
return t !== this._cachingAtTime.lastFrame && (t *= this.elem.globalData.frameRate, t -= this.offsetTime, this._cachingAtTime.lastIndex = this._cachingAtTime.lastFrame < t ? this._cachingAtTime.lastIndex : 0, this._cachingAtTime.value = this.interpolateValue(t, this._cachingAtTime), this._cachingAtTime.lastFrame = t), this._cachingAtTime.value
}
function s(t) {
if (void 0 !== this.vel) return this.vel;
var e, i = -.01,
r = this.getValueAtTime(t),
s = this.getValueAtTime(t + i);
if (r.length) {
e = createTypedArray("float32", r.length);
var a;
for (a = 0; a < r.length; a += 1) e[a] = (s[a] - r[a]) / i
} else e = (s - r) / i;
return e
}
function a(t) {
this.propertyGroup = t
}
function n(t, e, i) {
e.x && (i.k = !0, i.x = !0, i.initiateExpression = ExpressionManager.initiateExpression, i.effectsSequence.push(i.initiateExpression(t, e, i).bind(i)))
}
function o(t) {
console.warn("Transform at time not supported")
}
function h(t) {}
function l(t) {
return this._cachingAtTime || (this._cachingAtTime = {
shapeValue: shape_pool.clone(this.pv),
lastIndex: 0,
lastTime: initialDefaultFrame
}), t !== this._cachingAtTime.lastTime && (this._cachingAtTime.lastTime = t, t *= this.elem.globalData.frameRate, this.interpolateShape(t, this._cachingAtTime.shapeValue, this._cachingAtTime)), this._cachingAtTime.shapeValue
}
function p() {}
var m = function() {
function e(t, e) {
return this.textIndex = t + 1, this.textTotal = e, this.getValue(), this.v
}
return function(i, o) {
this.pv = 1, this.comp = i.comp, this.elem = i, this.mult = .01, this.propType = "textSelector", this.textTotal = o.totalChars, this.selectorValue = 100, this.lastValue = [1, 1, 1], n.bind(this)(i, o, this), this.getMult = e, this.getVelocityAtTime = s, this.kf ? this.getValueAtTime = r.bind(this) : this.getValueAtTime = t.bind(this), this.setGroupProperty = a
}
}(),
f = TransformPropertyFactory.getTransformProperty;
TransformPropertyFactory.getTransformProperty = function(t, e, i) {
var r = f(t, e, i);
return r.dynamicProperties.length ? r.getValueAtTime = o.bind(r) : r.getValueAtTime = h.bind(r), r.setGroupProperty = a, r
};
var c = PropertyFactory.getProp;
PropertyFactory.getProp = function(o, h, l, p, m) {
var f = c(o, h, l, p, m);
f.kf ? f.getValueAtTime = r.bind(f) : f.getValueAtTime = t.bind(f), f.setGroupProperty = a, f.loopOut = e, f.loopIn = i, f.getVelocityAtTime = s, f.numKeys = 1 === h.a ? h.k.length : 0, f.propertyIndex = h.ix;
var d = 0;
return 0 !== l && (d = createTypedArray("float32", 1 === h.a ? h.k[0].s.length : h.k.length)), f._cachingAtTime = {
lastFrame: initialDefaultFrame,
lastIndex: 0,
value: d
}, n(o, h, f), f.k && m.addDynamicProperty(f), f
};
var d = ShapePropertyFactory.getConstructorFunction(),
u = ShapePropertyFactory.getKeyframedConstructorFunction();
p.prototype = {
vertices: function(t, e) {
var i = this.v;
void 0 !== e && (i = this.getValueAtTime(e, 0));
var r, s = i._length,
a = i[t],
n = i.v,
o = createSizedArray(s);
for (r = 0; r < s; r += 1) "i" === t || "o" === t ? o[r] = [a[r][0] - n[r][0], a[r][1] - n[r][1]] : o[r] = [a[r][0], a[r][1]];
return o
},
points: function(t) {
return this.vertices("v", t)
},
inTangents: function(t) {
return this.vertices("i", t)
},
outTangents: function(t) {
return this.vertices("o", t)
},
isClosed: function() {
return this.v.c
},
pointOnPath: function(t, e) {
var i = this.v;
void 0 !== e && (i = this.getValueAtTime(e, 0)), this._segmentsLength || (this._segmentsLength = bez.getSegmentsLength(i));
for (var r, s = this._segmentsLength, a = s.lengths, n = s.totalLength * t, o = 0, h = a.length, l = 0; o < h;) {
if (l + a[o].addedLength > n) {
var p = o,
m = i.c && o === h - 1 ? 0 : o + 1,
f = (n - l) / a[o].addedLength;
r = bez.getPointInSegment(i.v[p], i.v[m], i.o[p], i.i[m], f, a[o]);
break
}
l += a[o].addedLength, o += 1
}
return r || (r = i.c ? [i.v[0][0], i.v[0][1]] : [i.v[i._length - 1][0], i.v[i._length - 1][1]]), r
},
vectorOnPath: function(t, e, i) {
t = 1 == t ? this.v.c ? 0 : .999 : t;
var r = this.pointOnPath(t, e),
s = this.pointOnPath(t + .001, e),
a = s[0] - r[0],
n = s[1] - r[1],
o = Math.sqrt(Math.pow(a, 2) + Math.pow(n, 2)),
h = "tangent" === i ? [a / o, n / o] : [-n / o, a / o];
return h
},
tangentOnPath: function(t, e) {
return this.vectorOnPath(t, e, "tangent")
},
normalOnPath: function(t, e) {
return this.vectorOnPath(t, e, "normal")
},
setGroupProperty: a,
getValueAtTime: t
}, extendPrototype([p], d), extendPrototype([p], u), u.prototype.getValueAtTime = l, u.prototype.initiateExpression = ExpressionManager.initiateExpression;
var y = ShapePropertyFactory.getShapeProp;
ShapePropertyFactory.getShapeProp = function(t, e, i, r, s) {
var a = y(t, e, i, r, s);
return a.propertyIndex = e.ix, a.lock = !1, 3 === i ? n(t, e.pt, a) : 4 === i && n(t, e.ks, a), a.k && t.addDynamicProperty(a), a
};
var g = TextSelectorProp.getTextSelectorProp;
TextSelectorProp.getTextSelectorProp = function(t, e, i) {
return 1 === e.t ? new m(t, e, i) : g(t, e, i)
}
}(),
function() {
function t() {
if (this.data.d.x) return this.calculateExpression = ExpressionManager.initiateExpression.bind(this)(this.elem, this.data.d, this), this.addEffect(this.getExpressionValue.bind(this)), !0
}
TextProperty.prototype.getExpressionValue = function(t) {
var e = this.calculateExpression(t.t);
return t.t = e, t
}, TextProperty.prototype.searchProperty = function() {
var t = this.searchKeyframes(),
e = this.searchExpressions();
return this.kf = t || e, this.kf
}, TextProperty.prototype.searchExpressions = t
}();
var ShapeExpressionInterface = function() {
function t(t, e, n) {
var c, d = [],
u = t ? t.length : 0;
for (c = 0; c < u; c += 1) "gr" == t[c].ty ? d.push(i(t[c], e[c], n)) : "fl" == t[c].ty ? d.push(r(t[c], e[c], n)) : "st" == t[c].ty ? d.push(s(t[c], e[c], n)) : "tm" == t[c].ty ? d.push(a(t[c], e[c], n)) : "tr" == t[c].ty || ("el" == t[c].ty ? d.push(o(t[c], e[c], n)) : "sr" == t[c].ty ? d.push(h(t[c], e[c], n)) : "sh" == t[c].ty ? d.push(f(t[c], e[c], n)) : "rc" == t[c].ty ? d.push(l(t[c], e[c], n)) : "rd" == t[c].ty ? d.push(p(t[c], e[c], n)) : "rp" == t[c].ty && d.push(m(t[c], e[c], n)));
return d
}
function e(e, i, r) {
var s, a = function(t) {
for (var e = 0, i = s.length; e < i;) {
if (s[e]._name === t || s[e].mn === t || s[e].propertyIndex === t || s[e].ix === t || s[e].ind === t) return s[e];
e += 1
}
if ("number" == typeof t) return s[t - 1]
};
return a.propertyGroup = function(t) {
return 1 === t ? a : r(t - 1)
}, s = t(e.it, i.it, a.propertyGroup), a.numProperties = s.length, a.propertyIndex = e.cix, a._name = e.nm, a
}
function i(t, i, r) {
var s = function(t) {
switch (t) {
case "ADBE Vectors Group":
case "Contents":
case 2:
return s.content;
default:
return s.transform
}
};
s.propertyGroup = function(t) {
return 1 === t ? s : r(t - 1)
};
var a = e(t, i, s.propertyGroup),
o = n(t.it[t.it.length - 1], i.it[i.it.length - 1], s.propertyGroup);
return s.content = a, s.transform = o, Object.defineProperty(s, "_name", {
get: function() {
return t.nm
}
}), s.numProperties = t.np, s.propertyIndex = t.ix, s.nm = t.nm, s.mn = t.mn, s
}
function r(t, e, i) {
function r(t) {
return "Color" === t || "color" === t ? r.color : "Opacity" === t || "opacity" === t ? r.opacity : void 0
}
return Object.defineProperties(r, {
color: {
get: function() {
return ExpressionValue(e.c, 1 / e.c.mult, "color")
}
},
opacity: {
get: function() {
return ExpressionValue(e.o, 100);
}
},
_name: {
value: t.nm
},
mn: {
value: t.mn
}
}), e.c.setGroupProperty(i), e.o.setGroupProperty(i), r
}
function s(t, e, i) {
function r(t) {
return 1 === t ? ob : i(t - 1)
}
function s(t) {
return 1 === t ? l : r(t - 1)
}
function a(i) {
Object.defineProperty(l, t.d[i].nm, {
get: function() {
return ExpressionValue(e.d.dataProps[i].p)
}
})
}
function n(t) {
return "Color" === t || "color" === t ? n.color : "Opacity" === t || "opacity" === t ? n.opacity : "Stroke Width" === t || "stroke width" === t ? n.strokeWidth : void 0
}
var o, h = t.d ? t.d.length : 0,
l = {};
for (o = 0; o < h; o += 1) a(o), e.d.dataProps[o].p.setGroupProperty(s);
return Object.defineProperties(n, {
color: {
get: function() {
return ExpressionValue(e.c, 1 / e.c.mult, "color")
}
},
opacity: {
get: function() {
return ExpressionValue(e.o, 100)
}
},
strokeWidth: {
get: function() {
return ExpressionValue(e.w)
}
},
dash: {
get: function() {
return l
}
},
_name: {
value: t.nm
},
mn: {
value: t.mn
}
}), e.c.setGroupProperty(r), e.o.setGroupProperty(r), e.w.setGroupProperty(r), n
}
function a(t, e, i) {
function r(t) {
return 1 == t ? s : i(--t)
}
function s(e) {
return e === t.e.ix || "End" === e || "end" === e ? s.end : e === t.s.ix ? s.start : e === t.o.ix ? s.offset : void 0
}
return s.propertyIndex = t.ix, e.s.setGroupProperty(r), e.e.setGroupProperty(r), e.o.setGroupProperty(r), s.propertyIndex = t.ix, Object.defineProperties(s, {
start: {
get: function() {
return ExpressionValue(e.s, 1 / e.s.mult)
}
},
end: {
get: function() {
return ExpressionValue(e.e, 1 / e.e.mult)
}
},
offset: {
get: function() {
return ExpressionValue(e.o)
}
},
_name: {
value: t.nm
}
}), s.mn = t.mn, s
}
function n(t, e, i) {
function r(t) {
return 1 == t ? s : i(--t)
}
function s(e) {
return t.a.ix === e || "Anchor Point" === e ? s.anchorPoint : t.o.ix === e || "Opacity" === e ? s.opacity : t.p.ix === e || "Position" === e ? s.position : t.r.ix === e || "Rotation" === e || "ADBE Vector Rotation" === e ? s.rotation : t.s.ix === e || "Scale" === e ? s.scale : t.sk && t.sk.ix === e || "Skew" === e ? s.skew : t.sa && t.sa.ix === e || "Skew Axis" === e ? s.skewAxis : void 0
}
return e.transform.mProps.o.setGroupProperty(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.defineProperties(s, {
opacity: {
get: function() {
return ExpressionValue(e.transform.mProps.o, 1 / e.transform.mProps.o.mult)
}
},
position: {
get: function() {
return ExpressionValue(e.transform.mProps.p)
}
},
anchorPoint: {
get: function() {
return ExpressionValue(e.transform.mProps.a)
}
},
scale: {
get: function() {
return ExpressionValue(e.transform.mProps.s, 1 / e.transform.mProps.s.mult)
}
},
rotation: {
get: function() {
return ExpressionValue(e.transform.mProps.r, 1 / e.transform.mProps.r.mult)
}
},
skew: {
get: function() {
return ExpressionValue(e.transform.mProps.sk)
}
},
skewAxis: {
get: function() {
return ExpressionValue(e.transform.mProps.sa)
}
},
_name: {
value: t.nm
}
}), s.ty = "tr", s.mn = t.mn, s
}
function o(t, e, i) {
function r(t) {
return 1 == t ? s : i(--t)
}
function s(e) {
return t.p.ix === e ? s.position : t.s.ix === e ? s.size : void 0
}
s.propertyIndex = t.ix;
var a = "tm" === e.sh.ty ? e.sh.prop : e.sh;
return a.s.setGroupProperty(r), a.p.setGroupProperty(r), Object.defineProperties(s, {
size: {
get: function() {
return ExpressionValue(a.s)
}
},
position: {
get: function() {
return ExpressionValue(a.p)
}
},
_name: {
value: t.nm
}
}), s.mn = t.mn, s
}
function h(t, e, i) {
function r(t) {
return 1 == t ? s : i(--t)
}
function s(e) {
return t.p.ix === e ? s.position : t.r.ix === e ? s.rotation : t.pt.ix === e ? s.points : t.or.ix === e || "ADBE Vector Star Outer Radius" === e ? s.outerRadius : t.os.ix === e ? s.outerRoundness : !t.ir || t.ir.ix !== e && "ADBE Vector Star Inner Radius" !== e ? t.is && t.is.ix === e ? s.innerRoundness : void 0 : s.innerRadius
}
var a = "tm" === e.sh.ty ? e.sh.prop : e.sh;
return s.propertyIndex = t.ix, a.or.setGroupProperty(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.defineProperties(s, {
position: {
get: function() {
return ExpressionValue(a.p)
}
},
rotation: {
get: function() {
return ExpressionValue(a.r, 1 / a.r.mult)
}
},
points: {
get: function() {
return ExpressionValue(a.pt)
}
},
outerRadius: {
get: function() {
return ExpressionValue(a.or)
}
},
outerRoundness: {
get: function() {
return ExpressionValue(a.os)
}
},
innerRadius: {
get: function() {
return a.ir ? ExpressionValue(a.ir) : 0
}
},
innerRoundness: {
get: function() {
return a.is ? ExpressionValue(a.is, 1 / a.is.mult) : 0
}
},
_name: {
value: t.nm
}
}), s.mn = t.mn, s
}
function l(t, e, i) {
function r(t) {
return 1 == t ? s : i(--t)
}
function s(e) {
return t.p.ix === e ? s.position : t.r.ix === e ? s.roundness : t.s.ix === e || "Size" === e || "ADBE Vector Rect Size" === e ? s.size : void 0
}
var a = "tm" === e.sh.ty ? e.sh.prop : e.sh;
return s.propertyIndex = t.ix, a.p.setGroupProperty(r), a.s.setGroupProperty(r), a.r.setGroupProperty(r), Object.defineProperties(s, {
position: {
get: function() {
return ExpressionValue(a.p)
}
},
roundness: {
get: function() {
return ExpressionValue(a.r)
}
},
size: {
get: function() {
return ExpressionValue(a.s)
}
},
_name: {
value: t.nm
}
}), s.mn = t.mn, s
}
function p(t, e, i) {
function r(t) {
return 1 == t ? s : i(--t)
}
function s(e) {
if (t.r.ix === e || "Round Corners 1" === e) return s.radius
}
var a = e;
return s.propertyIndex = t.ix, a.rd.setGroupProperty(r), Object.defineProperties(s, {
radius: {
get: function() {
return ExpressionValue(a.rd)
}
},
_name: {
value: t.nm
}
}), s.mn = t.mn, s
}
function m(t, e, i) {
function r(t) {
return 1 == t ? s : i(--t)
}
function s(e) {
return t.c.ix === e || "Copies" === e ? s.copies : t.o.ix === e || "Offset" === e ? s.offset : void 0
}
var a = e;
return s.propertyIndex = t.ix, a.c.setGroupProperty(r), a.o.setGroupProperty(r), Object.defineProperties(s, {
copies: {
get: function() {
return ExpressionValue(a.c)
}
},
offset: {
get: function() {
return ExpressionValue(a.o)
}
},
_name: {
value: t.nm
}
}), s.mn = t.mn, s
}
function f(t, e, i) {
function r(t) {
return 1 == t ? s : i(--t)
}
function s(t) {
if ("Shape" === t || "shape" === t || "Path" === t || "path" === t || "ADBE Vector Shape" === t || 2 === t) return s.path
}
var a = e.sh;
return a.setGroupProperty(r), Object.defineProperties(s, {
path: {
get: function() {
return a.k && a.getValue(), a
}
},
shape: {
get: function() {
return a.k && a.getValue(), a
}
},
_name: {
value: t.nm
},
ix: {
value: t.ix
},
mn: {
value: t.mn
}
}), s
}
return function(e, i, r) {
function s(t) {
if ("number" == typeof t) return a[t - 1];
for (var e = 0, i = a.length; e < i;) {
if (a[e]._name === t) return a[e];
e += 1
}
}
var a;
return s.propertyGroup = r, a = t(e, i, s), s
}
}(),
TextExpressionInterface = function() {
return function(t) {
function e() {}
var i, r;
return Object.defineProperty(e, "sourceText", {
get: function() {
var e = t.textProperty.currentData.t;
return e !== i && (t.textProperty.currentData.t = i, r = new String(e), r.value = e ? e : new String(e)), r
}
}), e
}
}(),
LayerExpressionInterface = function() {
function t(t, e) {
var i = new Matrix;
i.reset();
var r;
if (r = e ? this._elem.finalTransform.mProp : this._elem.finalTransform.mProp, r.applyToMatrix(i), this._elem.hierarchy && this._elem.hierarchy.length) {
var s, a = this._elem.hierarchy.length;
for (s = 0; s < a; s += 1) this._elem.hierarchy[s].finalTransform.mProp.applyToMatrix(i);
return i.applyToPointArray(t[0], t[1], t[2] || 0)
}
return i.applyToPointArray(t[0], t[1], t[2] || 0)
}
function e(t, e) {
var i = new Matrix;
i.reset();
var r;
if (r = e ? this._elem.finalTransform.mProp : this._elem.finalTransform.mProp, r.applyToMatrix(i), this._elem.hierarchy && this._elem.hierarchy.length) {
var s, a = this._elem.hierarchy.length;
for (s = 0; s < a; s += 1) this._elem.hierarchy[s].finalTransform.mProp.applyToMatrix(i);
return i.inversePoint(t)
}
return i.inversePoint(t)
}
function i(t) {
var e = new Matrix;
if (e.reset(), this._elem.finalTransform.mProp.applyToMatrix(e), this._elem.hierarchy && this._elem.hierarchy.length) {
var i, r = this._elem.hierarchy.length;
for (i = 0; i < r; i += 1) this._elem.hierarchy[i].finalTransform.mProp.applyToMatrix(e);
return e.inversePoint(t)
}
return e.inversePoint(t)
}
return function(r) {
function s(t) {
n.mask = new MaskManagerInterface(t, r)
}
function a(t) {
n.effect = t
}
function n(t) {
switch (t) {
case "ADBE Root Vectors Group":
case "Contents":
case 2:
return n.shapeInterface;
case 1:
case 6:
case "Transform":
case "transform":
case "ADBE Transform Group":
return o;
case 4:
case "ADBE Effect Parade":
return n.effect
}
}
var o;
n.toWorld = t, n.fromWorld = e, n.toComp = t, n.fromComp = i, n.sourceRectAtTime = r.sourceRectAtTime.bind(r), n._elem = r, o = TransformExpressionInterface(r.finalTransform.mProp);
var h = getDescriptor(o, "anchorPoint");
return Object.defineProperties(n, {
hasParent: {
get: function() {
return r.hierarchy.length
}
},
parent: {
get: function() {
return r.hierarchy[0].layerInterface
}
},
rotation: getDescriptor(o, "rotation"),
scale: getDescriptor(o, "scale"),
position: getDescriptor(o, "position"),
opacity: getDescriptor(o, "opacity"),
anchorPoint: h,
anchor_point: h,
transform: {
get: function() {
return o
}
},
active: {
get: function() {
return r.isInRange
}
}
}), n.startTime = r.data.st, n.index = r.data.ind, n.source = r.data.refId, n.height = 0 === r.data.ty ? r.data.h : 100, n.width = 0 === r.data.ty ? r.data.w : 100, n.registerMaskInterface = s, n.registerEffectsInterface = a, n
}
}(),
CompExpressionInterface = function() {
return function(t) {
function e(e) {
for (var i = 0, r = t.layers.length; i < r;) {
if (t.layers[i].nm === e || t.layers[i].ind === e) return t.elements[i].layerInterface;
i += 1
}
return {
active: !1
}
}
return Object.defineProperty(e, "_name", {
value: t.data.nm
}), 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(t) {
switch (t) {
case "scale":
case "Scale":
case "ADBE Scale":
case 6:
return e.scale;
case "rotation":
case "Rotation":
case "ADBE Rotation":
case "ADBE Rotate Z":
case 10:
return e.rotation;
case "ADBE Rotate X":
return e.xRotation;
case "ADBE Rotate Y":
return e.yRotation;
case "position":
case "Position":
case "ADBE Position":
case 2:
return e.position;
case "ADBE Position_0":
return e.xPosition;
case "ADBE Position_1":
return e.yPosition;
case "ADBE Position_2":
return e.zPosition;
case "anchorPoint":
case "AnchorPoint":
case "Anchor Point":
case "ADBE AnchorPoint":
case 1:
return e.anchorPoint;
case "opacity":
case "Opacity":
case 11:
return e.opacity
}
}
return Object.defineProperty(e, "rotation", {
get: function() {
return t.r ? ExpressionValue(t.r, 1 / degToRads) : ExpressionValue(t.rz, 1 / degToRads)
}
}), Object.defineProperty(e, "xRotation", {
get: function() {
return ExpressionValue(t.rx, 1 / degToRads)
}
}), Object.defineProperty(e, "yRotation", {
get: function() {
return ExpressionValue(t.ry, 1 / degToRads)
}
}), Object.defineProperty(e, "scale", {
get: function() {
return ExpressionValue(t.s, 100)
}
}), Object.defineProperty(e, "position", {
get: function() {
return t.p ? ExpressionValue(t.p) : [t.px.v, t.py.v, t.pz ? t.pz.v : 0]
}
}), Object.defineProperty(e, "xPosition", {
get: function() {
return ExpressionValue(t.px)
}
}), Object.defineProperty(e, "yPosition", {
get: function() {
return ExpressionValue(t.py)
}
}), Object.defineProperty(e, "zPosition", {
get: function() {
return ExpressionValue(t.pz)
}
}), Object.defineProperty(e, "anchorPoint", {
get: function() {
return ExpressionValue(t.a)
}
}), Object.defineProperty(e, "opacity", {
get: function() {
return ExpressionValue(t.o, 100)
}
}), Object.defineProperty(e, "skew", {
get: function() {
return ExpressionValue(t.sk)
}
}), Object.defineProperty(e, "skewAxis", {
get: function() {
return ExpressionValue(t.sa)
}
}), Object.defineProperty(e, "orientation", {
get: function() {
return ExpressionValue(t.or)
}
}), e
}
}(),
ProjectInterface = function() {
function t(t) {
this.compositions.push(t)
}
return function() {
function e(t) {
for (var e = 0, i = this.compositions.length; e < i;) {
if (this.compositions[e].data && this.compositions[e].data.nm === t) return this.compositions[e].prepareFrame && this.compositions[e].prepareFrame(this.compositions[e].data.xt ? this.currentFrame : this.compositions[e].renderedFrame), this.compositions[e].compInterface;
e += 1
}
}
return e.compositions = [], e.currentFrame = 0, e.registerComposition = t, e
}
}(),
EffectsExpressionInterface = function() {
function t(t, i) {
if (t.effectsManager) {
var r, s = [],
a = t.data.ef,
n = t.effectsManager.effectElements.length;
for (r = 0; r < n; r += 1) s.push(e(a[r], t.effectsManager.effectElements[r], i, t));
return function(e) {
for (var i = t.data.ef, r = 0, a = i.length; r < a;) {
if (e === i[r].nm || e === i[r].mn || e === i[r].ix) return s[r];
r += 1
}
}
}
}
function e(t, r, s, a) {
function n(t) {
return 1 === t ? p : s(t - 1)
}
var o, h = [],
l = t.ef.length;
for (o = 0; o < l; o += 1) 5 === t.ef[o].ty ? h.push(e(t.ef[o], r.effectElements[o], r.effectElements[o].propertyGroup, a)) : h.push(i(r.effectElements[o], t.ef[o].ty, a, n));
var p = function(e) {
for (var i = t.ef, r = 0, s = i.length; r < s;) {
if (e === i[r].nm || e === i[r].mn || e === i[r].ix) return 5 === i[r].ty ? h[r] : h[r]();
r += 1
}
return h[0]()
};
return p.propertyGroup = n, "ADBE Color Control" === t.mn && Object.defineProperty(p, "color", {
get: function() {
return h[0]()
}
}), Object.defineProperty(p, "numProperties", {
get: function() {
return t.np
}
}), p.active = 0 !== t.en, p
}
function i(t, e, i, r) {
function s() {
return 10 === e ? i.comp.compInterface(t.p.v) : ExpressionValue(t.p)
}
return t.p.setGroupProperty && t.p.setGroupProperty(r), s
}
var r = {
createEffectsInterface: t
};
return r
}(),
MaskManagerInterface = function() {
function t(t, e) {
this._mask = t, this._data = e
}
Object.defineProperty(t.prototype, "maskPath", {
get: function() {
return this._mask.prop.k && this._mask.prop.getValue(), this._mask.prop
}
});
var e = function(e, i) {
var r, s = createSizedArray(e.viewData.length),
a = e.viewData.length;
for (r = 0; r < a; r += 1) s[r] = new t(e.viewData[r], e.masksProperties[r]);
var n = function(t) {
for (r = 0; r < a;) {
if (e.masksProperties[r].nm === t) return s[r];
r += 1
}
};
return n
};
return e
}(),
ExpressionValue = function() {
return function(t, e, i) {
e = e || 1;
var r;
t.k && t.getValue();
var s, a, n, o;
if (i) {
if ("color" === i) {
for (a = 4, r = createTypedArray("float32", a), n = createTypedArray("float32", a), s = 0; s < a; s += 1) r[s] = n[s] = s < 3 ? t.v[s] * e : 1;
r.value = n
}
} else if ("unidimensional" === t.propType) o = t.v * e, r = new Number(o), r.value = o;
else {
for (a = t.pv.length, r = createTypedArray("float32", a), n = createTypedArray("float32", a), s = 0; s < a; s += 1) r[s] = n[s] = t.v[s] * e;
r.value = n
}
return r.numKeys = t.keyframes ? t.keyframes.length : 0, r.key = function(e) {
return r.numKeys ? t.keyframes[e - 1].t : 0
}, r.valueAtTime = t.getValueAtTime, r.propertyGroup = t.propertyGroup, r
}
}();
GroupEffect.prototype.getValue = function() {
this._mdf = !1;
var t, e = this.dynamicProperties.length;
for (t = 0; t < e; t += 1) this.dynamicProperties[t].getValue(), this.dynamicProperties[t]._mdf && (this._mdf = !0)
}, GroupEffect.prototype.addDynamicProperty = addDynamicProperty, GroupEffect.prototype.init = function(t, e) {
this.data = t, this._mdf = !1, this.effectElements = [];
var i, r, s = this.data.ef.length,
a = this.data.ef;
for (i = 0; i < s; i += 1) {
switch (r = null, a[i].ty) {
case 0:
r = new SliderEffect(a[i], e, this);
break;
case 1:
r = new AngleEffect(a[i], e, this);
break;
case 2:
r = new ColorEffect(a[i], e, this);
break;
case 3:
r = new PointEffect(a[i], e, this);
break;
case 4:
case 7:
r = new CheckboxEffect(a[i], e, this);
break;
case 10:
r = new LayerIndexEffect(a[i], e, this);
break;
case 11:
r = new MaskIndexEffect(a[i], e, this);
break;
case 5:
r = new EffectsManager(a[i], e, this);
break;
default:
r = new NoValueEffect(a[i], e, this)
}
r && this.effectElements.push(r)
}
};
var lottiejs = {};
lottiejs.play = play, lottiejs.pause = pause, lottiejs.setLocationHref = setLocationHref, lottiejs.togglePause = togglePause, lottiejs.setSpeed = setSpeed, lottiejs.setDirection = setDirection, lottiejs.stop = stop, lottiejs.searchAnimations = searchAnimations, lottiejs.registerAnimation = registerAnimation, lottiejs.loadAnimation = loadAnimation, lottiejs.setSubframeRendering = setSubframeRendering, lottiejs.resize = resize, lottiejs.goToAndStop = goToAndStop, lottiejs.destroy = destroy, lottiejs.setQuality = setQuality, lottiejs.inBrowser = inBrowser, lottiejs.installPlugin = installPlugin, lottiejs.__getFactory = getFactory, lottiejs.version = "5.1.10";
var standalone = "__[STANDALONE]__",
animationData = "__[ANIMATIONDATA]__",
renderer = "";
if (standalone) {
var scripts = document.getElementsByTagName("script"),
index = scripts.length - 1,
myScript = scripts[index] || {
src: ""
},
queryString = myScript.src.replace(/^[^\?]+\??/, "");
renderer = getQueryVariable("renderer")
}
var readyStateCheckInterval = setInterval(checkReady, 100);
return lottiejs
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment