@cliquify.me/timeline 6.0.5 → 6.0.7

package/dist/index.es.js

@@ -1,6 +1,6 @@
 var Dl = Object.defineProperty;
 var Il = (i, t, e) => t in i ? Dl(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var S = (i, t, e) => Il(i, typeof t != "symbol" ? t + "" : t, e);
+var x = (i, t, e) => Il(i, typeof t != "symbol" ? t + "" : t, e);
 import { dispatch as se } from "@designcombo/events";
 function y(i, t, e) {
   return (t = function(s) {
@@ -1000,7 +1000,7 @@ Resulting to default behavior: removing object from previous canvas and adding t
   }
   toCanvasElement() {
     let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 1, { width: e, height: s, left: r, top: n, filter: o } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    const a = (e || this.width) * t, c = (s || this.height) * t, h = this.getZoom(), l = this.width, u = this.height, d = this.skipControlsDrawing, f = h * t, g = this.viewportTransform, p = [f, 0, 0, f, (g[4] - (r || 0)) * t, (g[5] - (n || 0)) * t], m = this.enableRetinaScaling, b = Tt({ width: a, height: c }), _ = o ? this._objects.filter((x) => o(x)) : this._objects;
+    const a = (e || this.width) * t, c = (s || this.height) * t, h = this.getZoom(), l = this.width, u = this.height, d = this.skipControlsDrawing, f = h * t, g = this.viewportTransform, p = [f, 0, 0, f, (g[4] - (r || 0)) * t, (g[5] - (n || 0)) * t], m = this.enableRetinaScaling, b = Tt({ width: a, height: c }), _ = o ? this._objects.filter((w) => o(w)) : this._objects;
     return this.enableRetinaScaling = !1, this.viewportTransform = p, this.width = a, this.height = c, this.skipControlsDrawing = !0, this.calcViewportBoundaries(), this.renderCanvas(b.getContext("2d"), _), this.viewportTransform = g, this.width = l, this.height = u, this.calcViewportBoundaries(), this.enableRetinaScaling = m, this.skipControlsDrawing = d, b;
   }
   dispose() {
@@ -1935,8 +1935,8 @@ let Qt = class Fr extends iu {
     delete this.group, t.withoutTransform && qa(this), t.withoutShadow && (this.shadow = null), t.viewportTransform && qi(this, this.getViewportTransform()), this.setCoords();
     const h = Yt(), l = this.getBoundingRect(), u = this.shadow, d = new T();
     if (u) {
-      const _ = u.blur, x = u.nonScaling ? new T(1, 1) : this.getObjectScaling();
-      d.x = 2 * Math.round(n(u.offsetX) + _) * n(x.x), d.y = 2 * Math.round(n(u.offsetY) + _) * n(x.y);
+      const _ = u.blur, w = u.nonScaling ? new T(1, 1) : this.getObjectScaling();
+      d.x = 2 * Math.round(n(u.offsetX) + _) * n(w.x), d.y = 2 * Math.round(n(u.offsetY) + _) * n(w.y);
     }
     const f = l.width + d.x, g = l.height + d.y;
     h.width = Math.ceil(f), h.height = Math.ceil(g);
@@ -2041,9 +2041,9 @@ let Qt = class Fr extends iu {
   toObject() {
     const t = (arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : []).concat(Fr.customProperties, this.constructor.customProperties || []);
     let e;
-    const s = L.NUM_FRACTION_DIGITS, { clipPath: r, fill: n, stroke: o, shadow: a, strokeDashArray: c, left: h, top: l, originX: u, originY: d, width: f, height: g, strokeWidth: p, strokeLineCap: m, strokeDashOffset: b, strokeLineJoin: _, strokeUniform: x, strokeMiterLimit: w, scaleX: O, scaleY: C, angle: D, flipX: M, flipY: I, opacity: R, visible: z, backgroundColor: E, fillRule: W, paintFirst: F, globalCompositeOperation: at, skewX: nt, skewY: ct } = this;
+    const s = L.NUM_FRACTION_DIGITS, { clipPath: r, fill: n, stroke: o, shadow: a, strokeDashArray: c, left: h, top: l, originX: u, originY: d, width: f, height: g, strokeWidth: p, strokeLineCap: m, strokeDashOffset: b, strokeLineJoin: _, strokeUniform: w, strokeMiterLimit: S, scaleX: C, scaleY: O, angle: D, flipX: M, flipY: I, opacity: R, visible: z, backgroundColor: E, fillRule: W, paintFirst: F, globalCompositeOperation: at, skewX: nt, skewY: ct } = this;
     r && !r.excludeFromExport && (e = r.toObject(t.concat("inverted", "absolutePositioned")));
-    const Y = (Zt) => H(Zt, s), Ft = v(v({}, Ve(this, t)), {}, { type: this.constructor.type, version: Ni, originX: u, originY: d, left: Y(h), top: Y(l), width: Y(f), height: Y(g), fill: no(n) ? n.toObject() : n, stroke: no(o) ? o.toObject() : o, strokeWidth: Y(p), strokeDashArray: c && c.concat(), strokeLineCap: m, strokeDashOffset: b, strokeLineJoin: _, strokeUniform: x, strokeMiterLimit: Y(w), scaleX: Y(O), scaleY: Y(C), angle: Y(D), flipX: M, flipY: I, opacity: Y(R), shadow: a && a.toObject(), visible: z, backgroundColor: E, fillRule: W, paintFirst: F, globalCompositeOperation: at, skewX: Y(nt), skewY: Y(ct) }, e ? { clipPath: e } : null);
+    const Y = (Zt) => H(Zt, s), Ft = v(v({}, Ve(this, t)), {}, { type: this.constructor.type, version: Ni, originX: u, originY: d, left: Y(h), top: Y(l), width: Y(f), height: Y(g), fill: no(n) ? n.toObject() : n, stroke: no(o) ? o.toObject() : o, strokeWidth: Y(p), strokeDashArray: c && c.concat(), strokeLineCap: m, strokeDashOffset: b, strokeLineJoin: _, strokeUniform: w, strokeMiterLimit: Y(S), scaleX: Y(C), scaleY: Y(O), angle: Y(D), flipX: M, flipY: I, opacity: Y(R), shadow: a && a.toObject(), visible: z, backgroundColor: E, fillRule: W, paintFirst: F, globalCompositeOperation: at, skewX: Y(nt), skewY: Y(ct) }, e ? { clipPath: e } : null);
     return this.includeDefaultValues ? Ft : this._removeDefaultValues(Ft);
   }
   toDatalessObject(t) {
@@ -2198,17 +2198,17 @@ function _c(i, t, e, s, r) {
   const { target: n } = e, { counterAxis: o, origin: a, lockSkewing: c, skew: h, flip: l } = Pi[i];
   if (Pt(n, c)) return !1;
   const { origin: u, flip: d } = Pi[o], f = et(e[u]) * (n[d] ? -1 : 1), g = -Math.sign(f) * (n[l] ? -1 : 1), p = 0.5 * -((n[h] === 0 && hi(e, j, j, s, r)[i] > 0 || n[h] > 0 ? 1 : -1) * g) + 0.5;
-  return Oe(Pa, Ge((b, _, x, w) => function(O, C, D) {
-    let { target: M, ex: I, ey: R, skewingSide: z } = C, E = N(C, cu);
-    const { skew: W } = Pi[O], F = D.subtract(new T(I, R)).divide(new T(M.scaleX, M.scaleY))[O], at = M[W], nt = E[W], ct = Math.tan(q(nt)), Y = O === "y" ? M._getTransformedDimensions({ scaleX: 1, scaleY: 1, skewX: 0 }).x : M._getTransformedDimensions({ scaleX: 1, scaleY: 1 }).y, Ft = 2 * F * z / Math.max(Y, 1) + ct, Zt = Vt(Math.atan(Ft));
+  return Oe(Pa, Ge((b, _, w, S) => function(C, O, D) {
+    let { target: M, ex: I, ey: R, skewingSide: z } = O, E = N(O, cu);
+    const { skew: W } = Pi[C], F = D.subtract(new T(I, R)).divide(new T(M.scaleX, M.scaleY))[C], at = M[W], nt = E[W], ct = Math.tan(q(nt)), Y = C === "y" ? M._getTransformedDimensions({ scaleX: 1, scaleY: 1, skewX: 0 }).x : M._getTransformedDimensions({ scaleX: 1, scaleY: 1 }).y, Ft = 2 * F * z / Math.max(Y, 1) + ct, Zt = Vt(Math.atan(Ft));
     M.set(W, Zt);
     const ar = at !== M[W];
-    if (ar && O === "y") {
+    if (ar && C === "y") {
       const { skewX: wi, scaleX: xs } = M, ge = M._getTransformedDimensions({ skewY: at }), cr = M._getTransformedDimensions(), Me = wi !== 0 ? ge.x / cr.x : 1;
       Me !== 1 && M.set(gt, Me * xs);
     }
     return ar;
-  }(i, _, new T(x, w))))(t, v(v({}, e), {}, { [a]: p, skewingSide: g }), s, r);
+  }(i, _, new T(w, S))))(t, v(v({}, e), {}, { [a]: p, skewingSide: g }), s, r);
 }
 const Tc = (i, t, e, s) => _c("x", i, t, e, s), xc = (i, t, e, s) => _c("y", i, t, e, s);
 function di(i, t) {
@@ -3063,47 +3063,47 @@ function nn(i, t, e, s, r, n, o, a) {
   if (L.cachesBoundsOfCurve && (c = [...arguments].join(), js.boundsOfCurveCache[c])) return js.boundsOfCurveCache[c];
   const h = Math.sqrt, l = Math.abs, u = [], d = [[0, 0], [0, 0]];
   let f = 6 * i - 12 * e + 6 * r, g = -3 * i + 9 * e - 9 * r + 3 * o, p = 3 * e - 3 * i;
-  for (let w = 0; w < 2; ++w) {
-    if (w > 0 && (f = 6 * t - 12 * s + 6 * n, g = -3 * t + 9 * s - 9 * n + 3 * a, p = 3 * s - 3 * t), l(g) < 1e-12) {
+  for (let S = 0; S < 2; ++S) {
+    if (S > 0 && (f = 6 * t - 12 * s + 6 * n, g = -3 * t + 9 * s - 9 * n + 3 * a, p = 3 * s - 3 * t), l(g) < 1e-12) {
       if (l(f) < 1e-12) continue;
       const I = -p / f;
       0 < I && I < 1 && u.push(I);
       continue;
     }
-    const O = f * f - 4 * p * g;
-    if (O < 0) continue;
-    const C = h(O), D = (-f + C) / (2 * g);
+    const C = f * f - 4 * p * g;
+    if (C < 0) continue;
+    const O = h(C), D = (-f + O) / (2 * g);
     0 < D && D < 1 && u.push(D);
-    const M = (-f - C) / (2 * g);
+    const M = (-f - O) / (2 * g);
     0 < M && M < 1 && u.push(M);
   }
   let m = u.length;
   const b = m, _ = Bc(i, t, e, s, r, n, o, a);
   for (; m--; ) {
-    const { x: w, y: O } = _(u[m]);
-    d[0][m] = w, d[1][m] = O;
+    const { x: S, y: C } = _(u[m]);
+    d[0][m] = S, d[1][m] = C;
   }
   d[0][b] = i, d[1][b] = t, d[0][b + 1] = o, d[1][b + 1] = a;
-  const x = [new T(Math.min(...d[0]), Math.min(...d[1])), new T(Math.max(...d[0]), Math.max(...d[1]))];
-  return L.cachesBoundsOfCurve && (js.boundsOfCurveCache[c] = x), x;
+  const w = [new T(Math.min(...d[0]), Math.min(...d[1])), new T(Math.max(...d[0]), Math.max(...d[1]))];
+  return L.cachesBoundsOfCurve && (js.boundsOfCurveCache[c] = w), w;
 }
 const Hu = (i, t, e) => {
   let [s, r, n, o, a, c, h, l] = e;
   const u = ((d, f, g, p, m, b, _) => {
     if (g === 0 || p === 0) return [];
-    let x = 0, w = 0, O = 0;
-    const C = Math.PI, D = _ * Tn, M = Lt(D), I = At(D), R = 0.5 * (-I * d - M * f), z = 0.5 * (-I * f + M * d), E = g ** 2, W = p ** 2, F = z ** 2, at = R ** 2, nt = E * W - E * F - W * at;
+    let w = 0, S = 0, C = 0;
+    const O = Math.PI, D = _ * Tn, M = Lt(D), I = At(D), R = 0.5 * (-I * d - M * f), z = 0.5 * (-I * f + M * d), E = g ** 2, W = p ** 2, F = z ** 2, at = R ** 2, nt = E * W - E * F - W * at;
     let ct = Math.abs(g), Y = Math.abs(p);
     if (nt < 0) {
       const pe = Math.sqrt(1 - nt / (E * W));
       ct *= pe, Y *= pe;
-    } else O = (m === b ? -1 : 1) * Math.sqrt(nt / (E * F + W * at));
-    const Ft = O * ct * z / Y, Zt = -O * Y * R / ct, ar = I * Ft - M * Zt + 0.5 * d, wi = M * Ft + I * Zt + 0.5 * f;
+    } else C = (m === b ? -1 : 1) * Math.sqrt(nt / (E * F + W * at));
+    const Ft = C * ct * z / Y, Zt = -C * Y * R / ct, ar = I * Ft - M * Zt + 0.5 * d, wi = M * Ft + I * Zt + 0.5 * f;
     let xs = Eo(1, 0, (R - Ft) / ct, (z - Zt) / Y), ge = Eo((R - Ft) / ct, (z - Zt) / Y, (-R - Ft) / ct, (-z - Zt) / Y);
-    b === 0 && ge > 0 ? ge -= 2 * C : b === 1 && ge < 0 && (ge += 2 * C);
-    const cr = Math.ceil(Math.abs(ge / C * 2)), Me = [], Ss = ge / cr, Ml = 8 / 3 * Math.sin(Ss / 4) * Math.sin(Ss / 4) / Math.sin(Ss / 2);
+    b === 0 && ge > 0 ? ge -= 2 * O : b === 1 && ge < 0 && (ge += 2 * O);
+    const cr = Math.ceil(Math.abs(ge / O * 2)), Me = [], Ss = ge / cr, Ml = 8 / 3 * Math.sin(Ss / 4) * Math.sin(Ss / 4) / Math.sin(Ss / 2);
     let Ci = xs + Ss;
-    for (let pe = 0; pe < cr; pe++) Me[pe] = zu(xs, Ci, I, M, ct, Y, ar, wi, Ml, x, w), x = Me[pe][5], w = Me[pe][6], xs = Ci, Ci += Ss;
+    for (let pe = 0; pe < cr; pe++) Me[pe] = zu(xs, Ci, I, M, ct, Y, ar, wi, Ml, w, S), w = Me[pe][5], S = Me[pe][6], xs = Ci, Ci += Ss;
     return Me;
   })(h - i, l - t, r, n, a, c, o);
   for (let d = 0, f = u.length; d < f; d++) u[d][1] += i, u[d][2] += t, u[d][3] += i, u[d][4] += t, u[d][5] += i, u[d][6] += t;
@@ -4081,14 +4081,14 @@ class lr {
     } else if (this.type === "radial") {
       const { x1: u, y1: d, x2: f, y2: g, r1: p, r2: m } = this.coords, b = p > m;
       s.push("<radialGradient ", l, ' cx="', b ? u : f, '" cy="', b ? d : g, '" r="', b ? p : m, '" fx="', b ? f : u, '" fy="', b ? g : d, `">
-`), b && (o.reverse(), o.forEach((x) => {
-        x.offset = 1 - x.offset;
+`), b && (o.reverse(), o.forEach((w) => {
+        w.offset = 1 - w.offset;
       }));
       const _ = Math.min(p, m);
       if (_ > 0) {
-        const x = _ / Math.max(p, m);
-        o.forEach((w) => {
-          w.offset += x * (1 - w.offset);
+        const w = _ / Math.max(p, m);
+        o.forEach((S) => {
+          S.offset += w * (1 - S.offset);
         });
       }
     }
@@ -4820,9 +4820,9 @@ class ut extends Qc {
   }
   _renderChars(t, e, s, r, n, o) {
     const a = this.textAlign.includes(Bt), c = this.path, h = !a && this.charSpacing === 0 && this.isEmptyStyles(o) && !c, l = this.direction === "ltr", u = this.direction === "ltr" ? 1 : -1, d = e.direction;
-    let f, g, p, m, b, _ = "", x = 0;
+    let f, g, p, m, b, _ = "", w = 0;
     if (e.save(), d !== this.direction && (e.canvas.setAttribute("dir", l ? "ltr" : "rtl"), e.direction = l ? "ltr" : "rtl", e.textAlign = l ? B : Z), n -= this.getHeightOfLineImpl(o) * this._fontSizeFraction, h) return this._renderChar(t, e, o, 0, s.join(""), r, n), void e.restore();
-    for (let w = 0, O = s.length - 1; w <= O; w++) m = w === O || this.charSpacing || c, _ += s[w], p = this.__charBounds[o][w], x === 0 ? (r += u * (p.kernedWidth - p.width), x += p.width) : x += p.kernedWidth, a && !m && this._reSpaceAndTab.test(s[w]) && (m = !0), m || (f = f || this.getCompleteStyleDeclaration(o, w), g = this.getCompleteStyleDeclaration(o, w + 1), m = gi(f, g, !1)), m && (c ? (e.save(), e.translate(p.renderLeft, p.renderTop), e.rotate(p.angle), this._renderChar(t, e, o, w, _, -x / 2, 0), e.restore()) : (b = r, this._renderChar(t, e, o, w, _, b, n)), _ = "", f = g, r += u * x, x = 0);
+    for (let S = 0, C = s.length - 1; S <= C; S++) m = S === C || this.charSpacing || c, _ += s[S], p = this.__charBounds[o][S], w === 0 ? (r += u * (p.kernedWidth - p.width), w += p.width) : w += p.kernedWidth, a && !m && this._reSpaceAndTab.test(s[S]) && (m = !0), m || (f = f || this.getCompleteStyleDeclaration(o, S), g = this.getCompleteStyleDeclaration(o, S + 1), m = gi(f, g, !1)), m && (c ? (e.save(), e.translate(p.renderLeft, p.renderTop), e.rotate(p.angle), this._renderChar(t, e, o, S, _, -w / 2, 0), e.restore()) : (b = r, this._renderChar(t, e, o, S, _, b, n)), _ = "", f = g, r += u * w, w = 0);
     e.restore();
   }
   _applyPatternGradientTransformText(t) {
@@ -4896,26 +4896,26 @@ class ut extends Qc {
         continue;
       }
       const d = this._textLines[h], f = u / this.lineHeight, g = this._getLineLeftOffset(h);
-      let p = 0, m = 0, b = this.getValueOfPropertyAt(h, 0, e), _ = this.getValueOfPropertyAt(h, 0, rt), x = this.getValueOfPropertyAt(h, 0, We), w = b, O = _, C = x;
+      let p = 0, m = 0, b = this.getValueOfPropertyAt(h, 0, e), _ = this.getValueOfPropertyAt(h, 0, rt), w = this.getValueOfPropertyAt(h, 0, We), S = b, C = _, O = w;
       const D = s + f * (1 - this._fontSizeFraction);
       let M = this.getHeightOfChar(h, 0), I = this.getValueOfPropertyAt(h, 0, "deltaY");
       for (let E = 0, W = d.length; E < W; E++) {
         const F = this.__charBounds[h][E];
-        w = this.getValueOfPropertyAt(h, E, e), O = this.getValueOfPropertyAt(h, E, rt), C = this.getValueOfPropertyAt(h, E, We);
+        S = this.getValueOfPropertyAt(h, E, e), C = this.getValueOfPropertyAt(h, E, rt), O = this.getValueOfPropertyAt(h, E, We);
         const at = this.getHeightOfChar(h, E), nt = this.getValueOfPropertyAt(h, E, "deltaY");
-        if (n && w && O) {
-          const ct = this.fontSize * C / 1e3;
+        if (n && S && C) {
+          const ct = this.fontSize * O / 1e3;
           t.save(), t.fillStyle = _, t.translate(F.renderLeft, F.renderTop), t.rotate(F.angle), t.fillRect(-F.kernedWidth / 2, c * at + nt - a * ct, F.kernedWidth, ct), t.restore();
-        } else if ((w !== b || O !== _ || at !== M || C !== x || nt !== I) && m > 0) {
-          const ct = this.fontSize * x / 1e3;
+        } else if ((S !== b || C !== _ || at !== M || O !== w || nt !== I) && m > 0) {
+          const ct = this.fontSize * w / 1e3;
           let Y = r + g + p;
-          this.direction === "rtl" && (Y = this.width - Y - m), b && _ && x && (t.fillStyle = _, t.fillRect(Y, D + c * M + I - a * ct, m, ct)), p = F.left, m = F.width, b = w, x = C, _ = O, M = at, I = nt;
+          this.direction === "rtl" && (Y = this.width - Y - m), b && _ && w && (t.fillStyle = _, t.fillRect(Y, D + c * M + I - a * ct, m, ct)), p = F.left, m = F.width, b = S, w = O, _ = C, M = at, I = nt;
         } else m += F.kernedWidth;
       }
       let R = r + g + p;
-      this.direction === "rtl" && (R = this.width - R - m), t.fillStyle = O;
-      const z = this.fontSize * C / 1e3;
-      w && O && C && t.fillRect(R, D + c * M + I - a * z, m - o, z), s += u;
+      this.direction === "rtl" && (R = this.width - R - m), t.fillStyle = C;
+      const z = this.fontSize * O / 1e3;
+      S && C && O && t.fillRect(R, D + c * M + I - a * z, m - o, z), s += u;
     }
     this._removeShadow(t);
   }
@@ -4954,8 +4954,8 @@ class ut extends Qc {
   }
   static async fromElement(t, e, s) {
     const r = ue(t, ut.ATTRIBUTE_NAMES, s), n = v(v({}, e), r), { textAnchor: o = B, textDecoration: a = "", dx: c = 0, dy: h = 0, top: l = 0, left: u = 0, fontSize: d = xn, strokeWidth: f = 1 } = n, g = N(n, _d), p = new this(Gr(t.textContent || "").trim(), v({ left: u + c, top: l + h, underline: a.includes("underline"), overline: a.includes("overline"), linethrough: a.includes("line-through"), strokeWidth: 0, fontSize: d }, g)), m = p.getScaledHeight() / p.height, b = ((p.height + p.strokeWidth) * p.lineHeight - p.height) * m, _ = p.getScaledHeight() + b;
-    let x = 0;
-    return o === j && (x = p.getScaledWidth() / 2), o === Z && (x = p.getScaledWidth()), p.set({ left: p.left - x, top: p.top - (_ - p.fontSize * (0.07 + p._fontSizeFraction)) / p.lineHeight, strokeWidth: f }), p;
+    let w = 0;
+    return o === j && (w = p.getScaledWidth() / 2), o === Z && (w = p.getScaledWidth()), p.set({ left: p.left - w, top: p.top - (_ - p.fontSize * (0.07 + p._fontSizeFraction)) / p.lineHeight, strokeWidth: f }), p;
   }
   static fromObject(t) {
     return this._fromObject(v(v({}, t), {}, { styles: jc(t.styles || {}, t.text) }), { extraParam: "text" });
@@ -5061,12 +5061,12 @@ class Td {
     let { selectionStart: r, selectionEnd: n } = e;
     const o = this.target, a = o.canvas, c = new T(o.flipX ? -1 : 1, o.flipY ? -1 : 1), h = o._getCursorBoundaries(r), l = new T(h.left + h.leftOffset, h.top + h.topOffset).multiply(c).transform(o.calcTransformMatrix()), u = a.getScenePoint(t).subtract(l), d = o.getCanvasRetinaScaling(), f = o.getBoundingRect(), g = l.subtract(new T(f.left, f.top)), p = a.viewportTransform, m = g.add(u).transform(p, !0), b = o.backgroundColor, _ = Xn(o.styles);
     o.backgroundColor = "";
-    const x = { stroke: "transparent", fill: "transparent", textBackgroundColor: "transparent" };
-    o.setSelectionStyles(x, 0, r), o.setSelectionStyles(x, n, o.text.length), o.dirty = !0;
-    const w = o.toCanvasElement({ enableRetinaScaling: a.enableRetinaScaling, viewportTransform: !0 });
-    o.backgroundColor = b, o.styles = _, o.dirty = !0, Qr(w, { position: "fixed", left: "".concat(-w.width, "px"), border: mt, width: "".concat(w.width / d, "px"), height: "".concat(w.height / d, "px") }), this.__dragImageDisposer && this.__dragImageDisposer(), this.__dragImageDisposer = () => {
-      w.remove();
-    }, It(t.target || this.target.hiddenTextarea).body.appendChild(w), (s = t.dataTransfer) === null || s === void 0 || s.setDragImage(w, m.x, m.y);
+    const w = { stroke: "transparent", fill: "transparent", textBackgroundColor: "transparent" };
+    o.setSelectionStyles(w, 0, r), o.setSelectionStyles(w, n, o.text.length), o.dirty = !0;
+    const S = o.toCanvasElement({ enableRetinaScaling: a.enableRetinaScaling, viewportTransform: !0 });
+    o.backgroundColor = b, o.styles = _, o.dirty = !0, Qr(S, { position: "fixed", left: "".concat(-S.width, "px"), border: mt, width: "".concat(S.width / d, "px"), height: "".concat(S.height / d, "px") }), this.__dragImageDisposer && this.__dragImageDisposer(), this.__dragImageDisposer = () => {
+      S.remove();
+    }, It(t.target || this.target.hiddenTextarea).body.appendChild(S), (s = t.dataTransfer) === null || s === void 0 || s.setDragImage(S, m.x, m.y);
   }
   onDragStart(t) {
     this.__dragStartFired = !0;
@@ -5405,12 +5405,12 @@ class Sd extends xd {
     if (this.hiddenTextarea.value === "") return this.styles = {}, void o();
     const a = this._splitTextIntoLines(s).graphemeText, c = this._text.length, h = a.length, l = this.selectionStart, u = this.selectionEnd, d = l !== u;
     let f, g, p, m, b = h - c;
-    const _ = this.fromStringToGraphemeSelection(r, n, s), x = l > _.selectionStart;
-    d ? (g = this._text.slice(l, u), b += u - l) : h < c && (g = x ? this._text.slice(u + b, u) : this._text.slice(l, l - b));
-    const w = a.slice(_.selectionEnd - b, _.selectionEnd);
-    if (g && g.length && (w.length && (f = this.getSelectionStyles(l, l + 1, !1), f = w.map(() => f[0])), d ? (p = l, m = u) : x ? (p = u - g.length, m = u) : (p = u, m = u + g.length), this.removeStyleFromTo(p, m)), w.length) {
-      const { copyPasteData: O } = Ht();
-      e && w.join("") === O.copiedText && !L.disableStyleCopyPaste && (f = O.copiedTextStyle), this.insertNewStyleBlock(w, l, f);
+    const _ = this.fromStringToGraphemeSelection(r, n, s), w = l > _.selectionStart;
+    d ? (g = this._text.slice(l, u), b += u - l) : h < c && (g = w ? this._text.slice(u + b, u) : this._text.slice(l, l - b));
+    const S = a.slice(_.selectionEnd - b, _.selectionEnd);
+    if (g && g.length && (S.length && (f = this.getSelectionStyles(l, l + 1, !1), f = S.map(() => f[0])), d ? (p = l, m = u) : w ? (p = u - g.length, m = u) : (p = u, m = u + g.length), this.removeStyleFromTo(p, m)), S.length) {
+      const { copyPasteData: C } = Ht();
+      e && S.join("") === C.copiedText && !L.disableStyleCopyPaste && (f = C.copiedTextStyle), this.insertNewStyleBlock(S, l, f);
     }
     o();
   }
@@ -5720,9 +5720,9 @@ class ie extends wd {
         _ = this.__charBounds[l][d - 1].left + this.__charBounds[l][d - 1].width - D;
       }
       m = p, (this.lineHeight < 1 || f === l && this.lineHeight > 1) && (p /= this.lineHeight);
-      let x = s.left + g + b, w = p, O = 0;
-      const C = _ - b;
-      this.inCompositionMode ? (t.fillStyle = this.compositionColor || "black", w = 1, O = p) : t.fillStyle = this.selectionColor, this.direction === "rtl" && (this.textAlign === Z || this.textAlign === Bt || this.textAlign === As ? x = this.width - x - C : this.textAlign === B || this.textAlign === Nr ? x = s.left + g - _ : this.textAlign !== j && this.textAlign !== Ls || (x = s.left + g - _)), t.fillRect(x, s.top + s.topOffset + O, C, w), s.topOffset += m;
+      let w = s.left + g + b, S = p, C = 0;
+      const O = _ - b;
+      this.inCompositionMode ? (t.fillStyle = this.compositionColor || "black", S = 1, C = p) : t.fillStyle = this.selectionColor, this.direction === "rtl" && (this.textAlign === Z || this.textAlign === Bt || this.textAlign === As ? w = this.width - w - O : this.textAlign === B || this.textAlign === Nr ? w = s.left + g - _ : this.textAlign !== j && this.textAlign !== Ls || (w = s.left + g - _)), t.fillRect(w, s.top + s.topOffset + C, O, S), s.topOffset += m;
     }
   }
   getCurrentCharFontSize() {
@@ -5840,8 +5840,8 @@ class Ae extends ie {
     const m = Math.max(e, r, this.dynamicMinWidth), b = n[t];
     let _;
     for (f = 0, _ = 0; _ < b.length; _++) {
-      const { word: x, width: w } = b[_];
-      f += x.length, u += g + w - a, u > m && !p ? (h.push(d), d = [], u = w, p = !0) : u += a, p || c || d.push(l), d = d.concat(x), g = c ? 0 : this._measureWord([l], t, f), f++, p = !1;
+      const { word: w, width: S } = b[_];
+      f += w.length, u += g + S - a, u > m && !p ? (h.push(d), d = [], u = S, p = !0) : u += a, p || c || d.push(l), d = d.concat(w), g = c ? 0 : this._measureWord([l], t, f), f++, p = !1;
     }
     return _ && h.push(d), r + o > this.dynamicMinWidth && (this.dynamicMinWidth = r - a + o), h;
   }
@@ -6252,8 +6252,8 @@ function jd(i, t, e, s) {
   const { target: r } = t, { commandIndex: n, pointIndex: o } = this, a = ((c, h, l, u, d) => {
     const { path: f, pathOffset: g } = c, p = f[(u > 0 ? u : f.length) - 1], m = new T(p[d], p[d + 1]), b = m.subtract(g).transform(c.calcOwnMatrix()), _ = oe(new T(h, l), void 0, c.calcOwnMatrix());
     f[u][d] = _.x + g.x, f[u][d + 1] = _.y + g.y, c.setDimensions();
-    const x = m.subtract(c.pathOffset).transform(c.calcOwnMatrix()).subtract(b);
-    return c.left -= x.x, c.top -= x.y, c.set("dirty", !0), !0;
+    const w = m.subtract(c.pathOffset).transform(c.calcOwnMatrix()).subtract(b);
+    return c.left -= w.x, c.top -= w.y, c.set("dirty", !0), !0;
   })(r, e, s, n, o);
   return En(this.actionName, v(v({}, Pn(i, t, e, s)), {}, { commandIndex: n, pointIndex: o })), a;
 }
@@ -6638,11 +6638,11 @@ class _r extends it {
       let l = 0, u = 0, d = 0, f = 0, g = 0;
       const p = h - h % c, m = p + c;
       for (let b = -14; b < a; b++) {
-        const _ = b / a, x = 4 * Math.floor(n * _), w = 1 - Math.abs(_);
-        let O = h + x;
-        O < p ? O = p : O > m && (O = m);
-        const C = e[O + 3] * w;
-        l += e[O] * C, u += e[O + 1] * C, d += e[O + 2] * C, f += C, g += w;
+        const _ = b / a, w = 4 * Math.floor(n * _), S = 1 - Math.abs(_);
+        let C = h + w;
+        C < p ? C = p : C > m && (C = m);
+        const O = e[C + 3] * S;
+        l += e[C] * O, u += e[C + 1] * O, d += e[C + 2] * O, f += O, g += S;
       }
       o[h] = l / f, o[h + 1] = u / f, o[h + 2] = d / f, o[h + 3] = f / g;
     }
@@ -6651,11 +6651,11 @@ class _r extends it {
       let l = 0, u = 0, d = 0, f = 0, g = 0;
       const p = h % c, m = o.length - c + p;
       for (let b = -14; b < a; b++) {
-        const _ = b / a, x = Math.floor(n * _) * c, w = 1 - Math.abs(_);
-        let O = h + x;
-        O < p ? O = p : O > m && (O = m);
-        const C = o[O + 3] * w;
-        l += o[O] * C, u += o[O + 1] * C, d += o[O + 2] * C, f += C, g += w;
+        const _ = b / a, w = Math.floor(n * _) * c, S = 1 - Math.abs(_);
+        let C = h + w;
+        C < p ? C = p : C > m && (C = m);
+        const O = o[C + 3] * S;
+        l += o[C] * O, u += o[C + 1] * O, d += o[C + 2] * O, f += O, g += S;
       }
       e[h] = l / f, e[h + 1] = u / f, e[h + 2] = d / f, e[h + 3] = f / g;
     }
@@ -6958,9 +6958,9 @@ class Sr extends it {
   }
   applyTo2d(t) {
     const e = t.imageData, s = e.data, r = this.matrix, n = Math.round(Math.sqrt(r.length)), o = Math.floor(n / 2), a = e.width, c = e.height, h = t.ctx.createImageData(a, c), l = h.data, u = this.opaque ? 1 : 0;
-    let d, f, g, p, m, b, _, x, w, O, C, D, M;
-    for (C = 0; C < c; C++) for (O = 0; O < a; O++) {
-      for (m = 4 * (C * a + O), d = 0, f = 0, g = 0, p = 0, M = 0; M < n; M++) for (D = 0; D < n; D++) _ = C + M - o, b = O + D - o, _ < 0 || _ >= c || b < 0 || b >= a || (x = 4 * (_ * a + b), w = r[M * n + D], d += s[x] * w, f += s[x + 1] * w, g += s[x + 2] * w, u || (p += s[x + 3] * w));
+    let d, f, g, p, m, b, _, w, S, C, O, D, M;
+    for (O = 0; O < c; O++) for (C = 0; C < a; C++) {
+      for (m = 4 * (O * a + C), d = 0, f = 0, g = 0, p = 0, M = 0; M < n; M++) for (D = 0; D < n; D++) _ = O + M - o, b = C + D - o, _ < 0 || _ >= c || b < 0 || b >= a || (w = 4 * (_ * a + b), S = r[M * n + D], d += s[w] * S, f += s[w + 1] * S, g += s[w + 2] * S, u || (p += s[w + 3] * S));
       l[m] = d, l[m + 1] = f, l[m + 2] = g, l[m + 3] = u ? s[m + 3] : p;
     }
     t.imageData = h;
@@ -7316,39 +7316,39 @@ class Ir extends it {
   }
   lanczosResize(t, e, s, r, n) {
     const o = t.imageData.data, a = t.ctx.createImageData(r, n), c = a.data, h = this.lanczosCreate(this.lanczosLobes), l = this.rcpScaleX, u = this.rcpScaleY, d = 2 / this.rcpScaleX, f = 2 / this.rcpScaleY, g = Math.ceil(l * this.lanczosLobes / 2), p = Math.ceil(u * this.lanczosLobes / 2), m = {}, b = { x: 0, y: 0 }, _ = { x: 0, y: 0 };
-    return function x(w) {
-      let O, C, D, M, I, R, z, E, W, F, at;
-      for (b.x = (w + 0.5) * l, _.x = Math.floor(b.x), O = 0; O < n; O++) {
-        for (b.y = (O + 0.5) * u, _.y = Math.floor(b.y), I = 0, R = 0, z = 0, E = 0, W = 0, C = _.x - g; C <= _.x + g; C++) if (!(C < 0 || C >= e)) {
-          F = Math.floor(1e3 * Math.abs(C - b.x)), m[F] || (m[F] = {});
-          for (let nt = _.y - p; nt <= _.y + p; nt++) nt < 0 || nt >= s || (at = Math.floor(1e3 * Math.abs(nt - b.y)), m[F][at] || (m[F][at] = h(Math.sqrt(Math.pow(F * d, 2) + Math.pow(at * f, 2)) / 1e3)), D = m[F][at], D > 0 && (M = 4 * (nt * e + C), I += D, R += D * o[M], z += D * o[M + 1], E += D * o[M + 2], W += D * o[M + 3]));
+    return function w(S) {
+      let C, O, D, M, I, R, z, E, W, F, at;
+      for (b.x = (S + 0.5) * l, _.x = Math.floor(b.x), C = 0; C < n; C++) {
+        for (b.y = (C + 0.5) * u, _.y = Math.floor(b.y), I = 0, R = 0, z = 0, E = 0, W = 0, O = _.x - g; O <= _.x + g; O++) if (!(O < 0 || O >= e)) {
+          F = Math.floor(1e3 * Math.abs(O - b.x)), m[F] || (m[F] = {});
+          for (let nt = _.y - p; nt <= _.y + p; nt++) nt < 0 || nt >= s || (at = Math.floor(1e3 * Math.abs(nt - b.y)), m[F][at] || (m[F][at] = h(Math.sqrt(Math.pow(F * d, 2) + Math.pow(at * f, 2)) / 1e3)), D = m[F][at], D > 0 && (M = 4 * (nt * e + O), I += D, R += D * o[M], z += D * o[M + 1], E += D * o[M + 2], W += D * o[M + 3]));
         }
-        M = 4 * (O * r + w), c[M] = R / I, c[M + 1] = z / I, c[M + 2] = E / I, c[M + 3] = W / I;
+        M = 4 * (C * r + S), c[M] = R / I, c[M + 1] = z / I, c[M + 2] = E / I, c[M + 3] = W / I;
       }
-      return ++w < r ? x(w) : a;
+      return ++S < r ? w(S) : a;
     }(0);
   }
   bilinearFiltering(t, e, s, r, n) {
-    let o, a, c, h, l, u, d, f, g, p, m, b, _, x = 0;
-    const w = this.rcpScaleX, O = this.rcpScaleY, C = 4 * (e - 1), D = t.imageData.data, M = t.ctx.createImageData(r, n), I = M.data;
-    for (d = 0; d < n; d++) for (f = 0; f < r; f++) for (l = Math.floor(w * f), u = Math.floor(O * d), g = w * f - l, p = O * d - u, _ = 4 * (u * e + l), m = 0; m < 4; m++) o = D[_ + m], a = D[_ + 4 + m], c = D[_ + C + m], h = D[_ + C + 4 + m], b = o * (1 - g) * (1 - p) + a * g * (1 - p) + c * p * (1 - g) + h * g * p, I[x++] = b;
+    let o, a, c, h, l, u, d, f, g, p, m, b, _, w = 0;
+    const S = this.rcpScaleX, C = this.rcpScaleY, O = 4 * (e - 1), D = t.imageData.data, M = t.ctx.createImageData(r, n), I = M.data;
+    for (d = 0; d < n; d++) for (f = 0; f < r; f++) for (l = Math.floor(S * f), u = Math.floor(C * d), g = S * f - l, p = C * d - u, _ = 4 * (u * e + l), m = 0; m < 4; m++) o = D[_ + m], a = D[_ + 4 + m], c = D[_ + O + m], h = D[_ + O + 4 + m], b = o * (1 - g) * (1 - p) + a * g * (1 - p) + c * p * (1 - g) + h * g * p, I[w++] = b;
     return M;
   }
   hermiteFastResize(t, e, s, r, n) {
     const o = this.rcpScaleX, a = this.rcpScaleY, c = Math.ceil(o / 2), h = Math.ceil(a / 2), l = t.imageData.data, u = t.ctx.createImageData(r, n), d = u.data;
     for (let f = 0; f < n; f++) for (let g = 0; g < r; g++) {
       const p = 4 * (g + f * r);
-      let m = 0, b = 0, _ = 0, x = 0, w = 0, O = 0, C = 0;
+      let m = 0, b = 0, _ = 0, w = 0, S = 0, C = 0, O = 0;
       const D = (f + 0.5) * a;
       for (let M = Math.floor(f * a); M < (f + 1) * a; M++) {
         const I = Math.abs(D - (M + 0.5)) / h, R = (g + 0.5) * o, z = I * I;
         for (let E = Math.floor(g * o); E < (g + 1) * o; E++) {
           let W = Math.abs(R - (E + 0.5)) / c;
           const F = Math.sqrt(z + W * W);
-          F > 1 && F < -1 || (m = 2 * F * F * F - 3 * F * F + 1, m > 0 && (W = 4 * (E + M * e), C += m * l[W + 3], _ += m, l[W + 3] < 255 && (m = m * l[W + 3] / 250), x += m * l[W], w += m * l[W + 1], O += m * l[W + 2], b += m));
+          F > 1 && F < -1 || (m = 2 * F * F * F - 3 * F * F + 1, m > 0 && (W = 4 * (E + M * e), O += m * l[W + 3], _ += m, l[W + 3] < 255 && (m = m * l[W + 3] / 250), w += m * l[W], S += m * l[W + 1], C += m * l[W + 2], b += m));
         }
       }
-      d[p] = x / b, d[p + 1] = w / b, d[p + 2] = O / b, d[p + 3] = C / _;
+      d[p] = w / b, d[p + 1] = S / b, d[p + 2] = C / b, d[p + 3] = O / _;
     }
     return u;
   }
@@ -7443,8 +7443,8 @@ const Yd = {
 }, es = class es extends st {
   constructor(e) {
     super(e);
-    S(this, "id");
-    S(this, "accepts", [
+    x(this, "id");
+    x(this, "accepts", [
       "audio",
       "video",
       "image",
@@ -7452,10 +7452,10 @@ const Yd = {
       "caption",
       "template"
     ]);
-    S(this, "metadata");
-    S(this, "items", []);
-    S(this, "magnetic");
-    S(this, "static");
+    x(this, "metadata");
+    x(this, "items", []);
+    x(this, "magnetic");
+    x(this, "static");
     Object.assign(this, es.ownDefaults), this.id = e.id, this.accepts = e.accepts || [], this.items = e.items || [], this.magnetic = e.magnetic, this.static = e.static, this.metadata = e.metadata, this.fill = "rgba(34, 34, 37, 0.8)", this.objectCaching = !1;
   }
   static getDefaults() {
@@ -7468,7 +7468,7 @@ const Yd = {
     this.width = e;
   }
 };
-S(es, "ownDefaults", Yd), S(es, "type", "Track");
+x(es, "ownDefaults", Yd), x(es, "type", "Track");
 let Nt = es;
 k.setClass(Nt, "Track");
 const er = 1, Ue = "rgba(255, 255, 255,1.0)", Vd = [
@@ -7535,13 +7535,13 @@ const er = 1, Ue = "rgba(255, 255, 255,1.0)", Vd = [
       width: e.width
     });
     super([r, n, o], e);
-    S(this, "guide");
-    S(this, "topGuide");
-    S(this, "bottomGuide");
-    S(this, "metadata");
-    S(this, "accepts", []);
-    S(this, "kind");
-    S(this, "activeGuideFill");
+    x(this, "guide");
+    x(this, "topGuide");
+    x(this, "bottomGuide");
+    x(this, "metadata");
+    x(this, "accepts", []);
+    x(this, "kind");
+    x(this, "activeGuideFill");
     Object.assign(this, ss.ownDefaults), this.guide = n, this.topGuide = r, this.bottomGuide = o, this.id = e.id, this.metadata = e.metadata, this.tScale = e.tScale, this.kind = e.kind, this.activeGuideFill = e.activeGuideFill || Ue;
   }
   static getDefaults() {
@@ -7557,7 +7557,7 @@ const er = 1, Ue = "rgba(255, 255, 255,1.0)", Vd = [
     e ? this.guide.set("fill", this.activeGuideFill) : this.guide.set("fill", "transparent");
   }
 };
-S(ss, "type", "Helper"), S(ss, "ownDefaults", {
+x(ss, "type", "Helper"), x(ss, "ownDefaults", {
   selectable: !1,
   evented: !1
 });
@@ -7566,11 +7566,11 @@ k.setClass(Se, "Helper");
 const rs = class rs extends st {
   constructor(e) {
     super(e);
-    S(this, "guideItemId");
-    S(this, "distXToActCenter");
-    S(this, "trackItemType");
-    S(this, "defaultPos");
-    S(this, "draggedObject");
+    x(this, "guideItemId");
+    x(this, "distXToActCenter");
+    x(this, "trackItemType");
+    x(this, "defaultPos");
+    x(this, "draggedObject");
     Object.assign(this, rs.ownDefaults), this.id = e.id;
   }
   static getDefaults() {
@@ -7593,7 +7593,7 @@ const rs = class rs extends st {
     ), e.lineWidth = er, e.setLineDash(this.strokeDashArray), e.strokeStyle = Ue, e.stroke(), e.restore();
   }
 };
-S(rs, "type", "Placeholder"), S(rs, "ownDefaults", {
+x(rs, "type", "Placeholder"), x(rs, "ownDefaults", {
   rx: 6,
   ry: 6,
   objectCaching: !1,
@@ -7615,7 +7615,7 @@ const Ud = {
   center: 0,
   bottom: 0.5,
   right: 0.5
-}, A = (i) => typeof i == "string" ? Ud[i] : i - 0.5, ze = "center", sr = "left", Ly = "top", Ry = "bottom", rr = "right", Fy = "none";
+}, A = (i) => typeof i == "string" ? Ud[i] : i - 0.5, ze = "center", sr = "left", Ry = "top", Fy = "bottom", rr = "right", By = "none";
 function ir(i) {
   return A(i.originX) === A(ze) && A(i.originY) === A(ze);
 }
@@ -7638,7 +7638,7 @@ function P(i, t = 1, e = 1) {
   const s = ch * t;
   return i / s * Kd * e;
 }
-function By(i, t = 1) {
+function Wy(i, t = 1) {
   return Q(i, t);
 }
 const Br = (i, t) => (t || Object.keys(i)).reduce((s, r) => {
@@ -7677,12 +7677,12 @@ const Br = (i, t) => (t || Object.keys(i)).reduce((s, r) => {
         ), _ = n.width + n.left;
         if (_ <= b) {
           n.set("width", _);
-          const x = P(
+          const w = P(
             b - _,
             n.tScale,
             n.playbackRate
           );
-          return n.trim.from = x, !0;
+          return n.trim.from = w, !0;
         }
         return !1;
       }
@@ -7751,8 +7751,22 @@ const Br = (i, t) => (t || Object.keys(i)).reduce((s, r) => {
 }, un = nf(
   "resizing",
   yi(af)
-), { wrapWithFireEvent: cf, getLocalPoint: hf } = _s, lf = (i, t, e, s) => {
-  const r = hf(
+), cf = (i) => {
+  const t = i.canvas;
+  if (!t || !t.state) return null;
+  const e = t.state.getState();
+  if (!e || !e.structure || !e.trackItemsMap) return null;
+  const s = e.structure.find(
+    (o) => o.id === i.id
+  );
+  if (!s || !s.items || s.items.length === 0) return null;
+  let r = 1 / 0, n = -1 / 0;
+  return s.items.forEach((o) => {
+    const a = e.trackItemsMap[o];
+    a && a.display && (a.display.from < r && (r = a.display.from), a.display.to > n && (n = a.display.to));
+  }), r === 1 / 0 || n === -1 / 0 ? null : { minFrom: r, maxTo: n };
+}, { wrapWithFireEvent: hf, getLocalPoint: lf } = _s, uf = (i, t, e, s) => {
+  const r = lf(
     t,
     t.originX,
     t.originY,
@@ -7760,36 +7774,40 @@ const Br = (i, t) => (t || Object.keys(i)).reduce((s, r) => {
     s
   );
   if (A(t.originX) === A(ze) || A(t.originX) === A(rr) && r.x < 0 || A(t.originX) === A(sr) && r.x > 0) {
-    let { target: n } = t, o = n.strokeWidth / (n.strokeUniform ? n.scaleX : 1), a = ir(t) ? 2 : 1, c = n.width, h = Math.ceil(
+    const n = t.target, o = n.strokeWidth / (n.strokeUniform ? n.scaleX : 1), a = ir(t) ? 2 : 1, c = n.width, h = Math.ceil(
       Math.abs(r.x * a / n.scaleX) - o
-    );
-    if (t.corner === "mr") {
-      const u = n.trim.to, d = h - c, f = P(
-        d,
+    ), l = t.corner === "mr", u = cf(n);
+    if (l) {
+      const d = n.trim.to, f = h - c, g = P(
+        f,
         n.tScale,
         n.playbackRate
-      ), g = u + f;
-      if (g > n.duration) return !1;
-      n.set("width", Math.max(h, 0)), n.trim.to = g;
+      ), p = d + g;
+      if (u) {
+        if (p > u.maxTo) return !1;
+      } else if (p > n.duration) return !1;
+      n.set("width", Math.max(h, 0)), n.trim.to = p;
     } else {
       if (n.left < 0) return !1;
-      const u = c - h;
-      if (n.left + u < 0) return !1;
-      const f = h - c, g = n.trim.from, p = P(
-        f,
+      const d = c - h;
+      if (n.left + d < 0) return !1;
+      const g = h - c, p = n.trim.from, m = P(
+        g,
         n.tScale,
         n.playbackRate
-      ), m = g - p;
-      if (m < 0) return !1;
-      n.set("width", Math.max(h, 0)), n.trim.from = m;
+      ), b = p - m;
+      if (u) {
+        if (b < u.minFrom) return !1;
+      } else if (b < 0) return !1;
+      n.set("width", Math.max(h, 0)), n.trim.from = b;
     }
     return c !== n.width;
   }
   return !1;
-}, Vo = cf(
+}, Vo = hf(
   "resizing",
-  yi(lf)
-), { scaleSkewCursorStyleHandler: Ut } = _s, uf = () => ({
+  yi(uf)
+), { scaleSkewCursorStyleHandler: Ut } = _s, df = () => ({
   mr: new $({
     x: 0.5,
     y: 0,
@@ -7808,7 +7826,7 @@ const Br = (i, t) => (t || Object.keys(i)).reduce((s, r) => {
     render: Gt,
     controlOrientation: "left"
   })
-}), Wy = () => ({
+}), Xy = () => ({
   mr: new $({
     x: 0.5,
     y: 0,
@@ -7827,7 +7845,7 @@ const Br = (i, t) => (t || Object.keys(i)).reduce((s, r) => {
     actionName: "resizing",
     controlOrientation: "left"
   })
-}), Xy = () => ({
+}), zy = () => ({
   mr: new $({
     x: 0.5,
     y: 0,
@@ -7846,7 +7864,7 @@ const Br = (i, t) => (t || Object.keys(i)).reduce((s, r) => {
     actionName: "resizing",
     controlOrientation: "left"
   })
-}), df = () => ({
+}), ff = () => ({
   mr: new $({
     x: 0.5,
     y: 0,
@@ -7885,10 +7903,10 @@ const Br = (i, t) => (t || Object.keys(i)).reduce((s, r) => {
     controlOrientation: "left"
   })
 });
-let ff = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", nr = (i = 21) => {
+let gf = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", nr = (i = 21) => {
   let t = "", e = crypto.getRandomValues(new Uint8Array(i |= 0));
   for (; i--; )
-    t += ff[e[i] & 63];
+    t += gf[e[i] & 63];
   return t;
 };
 function Ds(i = 16) {
@@ -7896,8 +7914,8 @@ function Ds(i = 16) {
   let s = nr(i - 1);
   return s = s.replace(/[^a-zA-Z0-9]/g, "").slice(0, i - 1), e + s;
 }
-const { wrapWithFireEvent: gf, getLocalPoint: pf } = _s, mf = (i, t, e, s) => {
-  const r = pf(
+const { wrapWithFireEvent: pf, getLocalPoint: mf } = _s, vf = (i, t, e, s) => {
+  const r = mf(
     t,
     t.originX,
     t.originY,
@@ -7927,19 +7945,19 @@ const { wrapWithFireEvent: gf, getLocalPoint: pf } = _s, mf = (i, t, e, s) => {
       if (n.left < 0) return !1;
       const d = c - h;
       if (n.left + d < 0) {
-        const x = Q(
+        const w = Q(
           n.duration,
           n.tScale,
           n.playbackRate
-        ), w = n.width + n.left;
-        if (w <= x) {
-          n.set("width", w);
-          const O = P(
-            x - w,
+        ), S = n.width + n.left;
+        if (S <= w) {
+          n.set("width", S);
+          const C = P(
+            w - S,
             n.tScale,
             n.playbackRate
           );
-          return n.trim.from = O, !0;
+          return n.trim.from = C, !0;
         }
         return !1;
       }
@@ -7959,18 +7977,18 @@ const { wrapWithFireEvent: gf, getLocalPoint: pf } = _s, mf = (i, t, e, s) => {
     return c !== n.width;
   }
   return !1;
-}, dn = gf(
+}, dn = pf(
   "resizing",
-  yi(mf)
+  yi(vf)
 ), is = class is extends st {
   constructor(e) {
     super(e);
-    S(this, "duration");
-    S(this, "fromId");
-    S(this, "toId");
-    S(this, "kind", "none");
-    S(this, "isSelected", !1);
-    S(this, "availableDrop", !0);
+    x(this, "duration");
+    x(this, "fromId");
+    x(this, "toId");
+    x(this, "kind", "none");
+    x(this, "isSelected", !1);
+    x(this, "availableDrop", !0);
     Object.assign(this, is.ownDefaults), this.id = e.id, this.centeredScaling = !0, this.strokeWidth = 0, this.tScale = e.tScale, this.duration = e.duration, this.fromId = e.fromId, this.toId = e.toId, this.kind = e.kind, this.strokeDashArray = e.strokeDashArray || [];
   }
   static createControls() {
@@ -8002,7 +8020,7 @@ const { wrapWithFireEvent: gf, getLocalPoint: pf } = _s, mf = (i, t, e, s) => {
     ), e.lineWidth = er, e.setLineDash(this.strokeDashArray), e.strokeStyle = s, e.stroke(), e.restore();
   }
 };
-S(is, "type", "Transition"), S(is, "ownDefaults", {
+x(is, "type", "Transition"), x(is, "ownDefaults", {
   objectCaching: !1,
   borderColor: "transparent",
   stroke: "transparent",
@@ -8021,16 +8039,16 @@ k.setClass($t, "Transition");
 const Bs = class Bs extends st {
   constructor(e) {
     super(e);
-    S(this, "id");
-    S(this, "resourceId", "");
-    S(this, "tScale");
-    S(this, "isSelected", !1);
-    S(this, "trim");
-    S(this, "duration");
+    x(this, "id");
+    x(this, "resourceId", "");
+    x(this, "tScale");
+    x(this, "isSelected", !1);
+    x(this, "trim");
+    x(this, "duration");
     Object.assign(this, Bs.ownDefaults), this.id = e.id, this.tScale = e.tScale, this.objectCaching = !1, this.rx = 8, this.ry = 8;
   }
   static createControls() {
-    return { controls: df() };
+    return { controls: ff() };
   }
   // add custom text to the track item
   _render(e) {
@@ -8054,7 +8072,7 @@ const Bs = class Bs extends st {
     this.src = e;
   }
 };
-S(Bs, "type", "Trimmable"), S(Bs, "ownDefaults", {
+x(Bs, "type", "Trimmable"), x(Bs, "ownDefaults", {
   rx: 6,
   ry: 6,
   objectCaching: !1,
@@ -8070,11 +8088,11 @@ k.setClass(ne, "Trimmable");
 const ns = class ns extends st {
   constructor(e) {
     super(e);
-    S(this, "isSelected", !1);
+    x(this, "isSelected", !1);
     Object.assign(this, ns.ownDefaults), this.tScale = e.tScale, this.display = e.display;
   }
   static createControls() {
-    return { controls: uf() };
+    return { controls: df() };
   }
   static getDefaults() {
     return {
@@ -8099,7 +8117,7 @@ const ns = class ns extends st {
     ), e.lineWidth = er, e.strokeStyle = Ue, e.stroke(), e.restore());
   }
 };
-S(ns, "type", "Resizable"), S(ns, "ownDefaults", {
+x(ns, "type", "Resizable"), x(ns, "ownDefaults", {
   rx: 6,
   ry: 6,
   objectCaching: !1,
@@ -8112,21 +8130,21 @@ S(ns, "type", "Resizable"), S(ns, "ownDefaults", {
 });
 let fn = ns;
 k.setClass(fn, "Resizable");
-function vf(i) {
+function yf(i) {
   const t = Math.floor(i / 1e3), e = Math.floor(t / 60), s = t % 60, r = String(e).padStart(2, "0"), n = String(s).padStart(2, "0");
   return `${r}:${n}`;
 }
 const os = class os extends st {
   constructor(e) {
     super(e);
-    S(this, "duration");
-    S(this, "fromId");
-    S(this, "toId");
-    S(this, "isSelected", !1);
-    S(this, "name");
-    S(this, "durationString");
-    S(this, "itemType");
-    Object.assign(this, os.ownDefaults), this.id = e.id, this.fill = "#27272a", this.name = e.type.toUpperCase(), this.durationString = vf(e.duration), this.itemType = e.type;
+    x(this, "duration");
+    x(this, "fromId");
+    x(this, "toId");
+    x(this, "isSelected", !1);
+    x(this, "name");
+    x(this, "durationString");
+    x(this, "itemType");
+    Object.assign(this, os.ownDefaults), this.id = e.id, this.fill = "#27272a", this.name = e.type.toUpperCase(), this.durationString = yf(e.duration), this.itemType = e.type;
   }
   static getDefaults() {
     return {
@@ -8162,7 +8180,7 @@ const os = class os extends st {
     e.fillStyle = "rgba(0, 0, 0, 0.5)", e.roundRect ? (e.beginPath(), e.roundRect(s, r, n, o, a), e.fill()) : e.fillRect(s, r, n, o);
   }
 };
-S(os, "type", "PreviewTrackItem"), S(os, "ownDefaults", {
+x(os, "type", "PreviewTrackItem"), x(os, "ownDefaults", {
   objectCaching: !1,
   borderColor: "transparent",
   stroke: "transparent",
@@ -8174,10 +8192,10 @@ S(os, "type", "PreviewTrackItem"), S(os, "ownDefaults", {
 });
 let we = os;
 k.setClass(we, "PreviewTrackItem");
-class yf {
+class bf {
   constructor() {
-    S(this, "___eventListeners", {});
-    S(this, "___activeObjects", []);
+    x(this, "___eventListeners", {});
+    x(this, "___activeObjects", []);
   }
   resize(t, { force: e } = { force: !1 }) {
     var s;
@@ -8218,7 +8236,7 @@ function Gs(i, t) {
     items: e.items.filter((s) => !t.includes(s))
   }));
 }
-const bf = (i, t) => {
+const _f = (i, t) => {
   var h, l, u, d, f, g, p, m;
   const e = i.display, s = Q(e.from, t.tScale), r = Q(
     e.to - e.from,
@@ -8244,33 +8262,33 @@ const bf = (i, t) => {
   };
   return new a(c);
 };
-var lh = typeof global == "object" && global && global.Object === Object && global, _f = typeof self == "object" && self && self.Object === Object && self, Rt = lh || _f || Function("return this")(), Ot = Rt.Symbol, uh = Object.prototype, Tf = uh.hasOwnProperty, xf = uh.toString, Os = Ot ? Ot.toStringTag : void 0;
-function Sf(i) {
-  var t = Tf.call(i, Os), e = i[Os];
+var lh = typeof global == "object" && global && global.Object === Object && global, Tf = typeof self == "object" && self && self.Object === Object && self, Rt = lh || Tf || Function("return this")(), Ot = Rt.Symbol, uh = Object.prototype, xf = uh.hasOwnProperty, Sf = uh.toString, Os = Ot ? Ot.toStringTag : void 0;
+function wf(i) {
+  var t = xf.call(i, Os), e = i[Os];
   try {
     i[Os] = void 0;
     var s = !0;
   } catch {
   }
-  var r = xf.call(i);
+  var r = Sf.call(i);
   return s && (t ? i[Os] = e : delete i[Os]), r;
 }
-var wf = Object.prototype, Cf = wf.toString;
-function Of(i) {
-  return Cf.call(i);
+var Cf = Object.prototype, Of = Cf.toString;
+function kf(i) {
+  return Of.call(i);
 }
-var kf = "[object Null]", Mf = "[object Undefined]", Go = Ot ? Ot.toStringTag : void 0;
+var Mf = "[object Null]", Df = "[object Undefined]", Go = Ot ? Ot.toStringTag : void 0;
 function Ts(i) {
-  return i == null ? i === void 0 ? Mf : kf : Go && Go in Object(i) ? Sf(i) : Of(i);
+  return i == null ? i === void 0 ? Df : Mf : Go && Go in Object(i) ? wf(i) : kf(i);
 }
 function Ce(i) {
   return i != null && typeof i == "object";
 }
-var Df = "[object Symbol]";
+var If = "[object Symbol]";
 function bi(i) {
-  return typeof i == "symbol" || Ce(i) && Ts(i) == Df;
+  return typeof i == "symbol" || Ce(i) && Ts(i) == If;
 }
-function If(i, t) {
+function jf(i, t) {
   for (var e = -1, s = i == null ? 0 : i.length, r = Array(s); ++e < s; )
     r[e] = t(i[e], e, i);
   return r;
@@ -8280,27 +8298,27 @@ function dh(i) {
   if (typeof i == "string")
     return i;
   if (qt(i))
-    return If(i, dh) + "";
+    return jf(i, dh) + "";
   if (bi(i))
     return Uo ? Uo.call(i) : "";
   var t = i + "";
   return t == "0" && 1 / i == -1 / 0 ? "-0" : t;
 }
-var jf = /\s/;
-function Ef(i) {
-  for (var t = i.length; t-- && jf.test(i.charAt(t)); )
+var Ef = /\s/;
+function Pf(i) {
+  for (var t = i.length; t-- && Ef.test(i.charAt(t)); )
     ;
   return t;
 }
-var Pf = /^\s+/;
-function Af(i) {
-  return i && i.slice(0, Ef(i) + 1).replace(Pf, "");
+var Af = /^\s+/;
+function Lf(i) {
+  return i && i.slice(0, Pf(i) + 1).replace(Af, "");
 }
 function Kt(i) {
   var t = typeof i;
   return i != null && (t == "object" || t == "function");
 }
-var $o = NaN, Lf = /^[-+]0x[0-9a-f]+$/i, Rf = /^0b[01]+$/i, Ff = /^0o[0-7]+$/i, Bf = parseInt;
+var $o = NaN, Rf = /^[-+]0x[0-9a-f]+$/i, Ff = /^0b[01]+$/i, Bf = /^0o[0-7]+$/i, Wf = parseInt;
 function qo(i) {
   if (typeof i == "number")
     return i;
@@ -8312,32 +8330,32 @@ function qo(i) {
   }
   if (typeof i != "string")
     return i === 0 ? i : +i;
-  i = Af(i);
-  var e = Rf.test(i);
-  return e || Ff.test(i) ? Bf(i.slice(2), e ? 2 : 8) : Lf.test(i) ? $o : +i;
+  i = Lf(i);
+  var e = Ff.test(i);
+  return e || Bf.test(i) ? Wf(i.slice(2), e ? 2 : 8) : Rf.test(i) ? $o : +i;
 }
-function Wf(i) {
+function Xf(i) {
   return i;
 }
-var Xf = "[object AsyncFunction]", zf = "[object Function]", Hf = "[object GeneratorFunction]", Yf = "[object Proxy]";
+var zf = "[object AsyncFunction]", Hf = "[object Function]", Yf = "[object GeneratorFunction]", Vf = "[object Proxy]";
 function fh(i) {
   if (!Kt(i))
     return !1;
   var t = Ts(i);
-  return t == zf || t == Hf || t == Xf || t == Yf;
+  return t == Hf || t == Yf || t == zf || t == Vf;
 }
 var Xi = Rt["__core-js_shared__"], Ko = function() {
   var i = /[^.]+$/.exec(Xi && Xi.keys && Xi.keys.IE_PROTO || "");
   return i ? "Symbol(src)_1." + i : "";
 }();
-function Vf(i) {
+function Gf(i) {
   return !!Ko && Ko in i;
 }
-var Gf = Function.prototype, Nf = Gf.toString;
+var Nf = Function.prototype, Uf = Nf.toString;
 function $e(i) {
   if (i != null) {
     try {
-      return Nf.call(i);
+      return Uf.call(i);
     } catch {
     }
     try {
@@ -8347,23 +8365,23 @@ function $e(i) {
   }
   return "";
 }
-var Uf = /[\\^$.*+?()[\]{}|]/g, $f = /^\[object .+?Constructor\]$/, qf = Function.prototype, Kf = Object.prototype, Jf = qf.toString, Zf = Kf.hasOwnProperty, Qf = RegExp(
-  "^" + Jf.call(Zf).replace(Uf, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+var $f = /[\\^$.*+?()[\]{}|]/g, qf = /^\[object .+?Constructor\]$/, Kf = Function.prototype, Jf = Object.prototype, Zf = Kf.toString, Qf = Jf.hasOwnProperty, tg = RegExp(
+  "^" + Zf.call(Qf).replace($f, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
 );
-function tg(i) {
-  if (!Kt(i) || Vf(i))
+function eg(i) {
+  if (!Kt(i) || Gf(i))
     return !1;
-  var t = fh(i) ? Qf : $f;
+  var t = fh(i) ? tg : qf;
   return t.test($e(i));
 }
-function eg(i, t) {
+function sg(i, t) {
   return i == null ? void 0 : i[t];
 }
 function qe(i, t) {
-  var e = eg(i, t);
-  return tg(e) ? e : void 0;
+  var e = sg(i, t);
+  return eg(e) ? e : void 0;
 }
-var gn = qe(Rt, "WeakMap"), Jo = Object.create, sg = /* @__PURE__ */ function() {
+var gn = qe(Rt, "WeakMap"), Jo = Object.create, rg = /* @__PURE__ */ function() {
   function i() {
   }
   return function(t) {
@@ -8376,7 +8394,7 @@ var gn = qe(Rt, "WeakMap"), Jo = Object.create, sg = /* @__PURE__ */ function()
     return i.prototype = void 0, e;
   };
 }();
-function rg(i, t, e) {
+function ig(i, t, e) {
   switch (e.length) {
     case 0:
       return i.call(t);
@@ -8389,20 +8407,20 @@ function rg(i, t, e) {
   }
   return i.apply(t, e);
 }
-var ig = 800, ng = 16, og = Date.now;
-function ag(i) {
+var ng = 800, og = 16, ag = Date.now;
+function cg(i) {
   var t = 0, e = 0;
   return function() {
-    var s = og(), r = ng - (s - e);
+    var s = ag(), r = og - (s - e);
     if (e = s, r > 0) {
-      if (++t >= ig)
+      if (++t >= ng)
         return arguments[0];
     } else
       t = 0;
     return i.apply(void 0, arguments);
   };
 }
-function cg(i) {
+function hg(i) {
   return function() {
     return i;
   };
@@ -8413,25 +8431,25 @@ var ti = function() {
     return i({}, "", {}), i;
   } catch {
   }
-}(), hg = ti ? function(i, t) {
+}(), lg = ti ? function(i, t) {
   return ti(i, "toString", {
     configurable: !0,
     enumerable: !1,
-    value: cg(t),
+    value: hg(t),
     writable: !0
   });
-} : Wf, lg = ag(hg);
-function ug(i, t) {
+} : Xf, ug = cg(lg);
+function dg(i, t) {
   for (var e = -1, s = i == null ? 0 : i.length; ++e < s && t(i[e], e, i) !== !1; )
     ;
   return i;
 }
-var dg = 9007199254740991, fg = /^(?:0|[1-9]\d*)$/;
+var fg = 9007199254740991, gg = /^(?:0|[1-9]\d*)$/;
 function Nn(i, t) {
   var e = typeof i;
-  return t = t ?? dg, !!t && (e == "number" || e != "symbol" && fg.test(i)) && i > -1 && i % 1 == 0 && i < t;
+  return t = t ?? fg, !!t && (e == "number" || e != "symbol" && gg.test(i)) && i > -1 && i % 1 == 0 && i < t;
 }
-function gg(i, t, e) {
+function pg(i, t, e) {
   t == "__proto__" && ti ? ti(i, t, {
     configurable: !0,
     enumerable: !0,
@@ -8442,55 +8460,55 @@ function gg(i, t, e) {
 function Un(i, t) {
   return i === t || i !== i && t !== t;
 }
-var pg = Object.prototype, mg = pg.hasOwnProperty;
+var mg = Object.prototype, vg = mg.hasOwnProperty;
 function gh(i, t, e) {
   var s = i[t];
-  (!(mg.call(i, t) && Un(s, e)) || e === void 0 && !(t in i)) && gg(i, t, e);
+  (!(vg.call(i, t) && Un(s, e)) || e === void 0 && !(t in i)) && pg(i, t, e);
 }
 var Zo = Math.max;
-function vg(i, t, e) {
+function yg(i, t, e) {
   return t = Zo(t === void 0 ? i.length - 1 : t, 0), function() {
     for (var s = arguments, r = -1, n = Zo(s.length - t, 0), o = Array(n); ++r < n; )
       o[r] = s[t + r];
     r = -1;
     for (var a = Array(t + 1); ++r < t; )
       a[r] = s[r];
-    return a[t] = e(o), rg(i, this, a);
+    return a[t] = e(o), ig(i, this, a);
   };
 }
-var yg = 9007199254740991;
+var bg = 9007199254740991;
 function $n(i) {
-  return typeof i == "number" && i > -1 && i % 1 == 0 && i <= yg;
+  return typeof i == "number" && i > -1 && i % 1 == 0 && i <= bg;
 }
-function bg(i) {
+function _g(i) {
   return i != null && $n(i.length) && !fh(i);
 }
-var _g = Object.prototype;
+var Tg = Object.prototype;
 function ph(i) {
-  var t = i && i.constructor, e = typeof t == "function" && t.prototype || _g;
+  var t = i && i.constructor, e = typeof t == "function" && t.prototype || Tg;
   return i === e;
 }
-function Tg(i, t) {
+function xg(i, t) {
   for (var e = -1, s = Array(i); ++e < i; )
     s[e] = t(e);
   return s;
 }
-var xg = "[object Arguments]";
+var Sg = "[object Arguments]";
 function Qo(i) {
-  return Ce(i) && Ts(i) == xg;
+  return Ce(i) && Ts(i) == Sg;
 }
-var mh = Object.prototype, Sg = mh.hasOwnProperty, wg = mh.propertyIsEnumerable, qn = Qo(/* @__PURE__ */ function() {
+var mh = Object.prototype, wg = mh.hasOwnProperty, Cg = mh.propertyIsEnumerable, qn = Qo(/* @__PURE__ */ function() {
   return arguments;
 }()) ? Qo : function(i) {
-  return Ce(i) && Sg.call(i, "callee") && !wg.call(i, "callee");
+  return Ce(i) && wg.call(i, "callee") && !Cg.call(i, "callee");
 };
-function Cg() {
+function Og() {
   return !1;
 }
-var vh = typeof exports == "object" && exports && !exports.nodeType && exports, ta = vh && typeof module == "object" && module && !module.nodeType && module, Og = ta && ta.exports === vh, ea = Og ? Rt.Buffer : void 0, kg = ea ? ea.isBuffer : void 0, ei = kg || Cg, Mg = "[object Arguments]", Dg = "[object Array]", Ig = "[object Boolean]", jg = "[object Date]", Eg = "[object Error]", Pg = "[object Function]", Ag = "[object Map]", Lg = "[object Number]", Rg = "[object Object]", Fg = "[object RegExp]", Bg = "[object Set]", Wg = "[object String]", Xg = "[object WeakMap]", zg = "[object ArrayBuffer]", Hg = "[object DataView]", Yg = "[object Float32Array]", Vg = "[object Float64Array]", Gg = "[object Int8Array]", Ng = "[object Int16Array]", Ug = "[object Int32Array]", $g = "[object Uint8Array]", qg = "[object Uint8ClampedArray]", Kg = "[object Uint16Array]", Jg = "[object Uint32Array]", G = {};
-G[Yg] = G[Vg] = G[Gg] = G[Ng] = G[Ug] = G[$g] = G[qg] = G[Kg] = G[Jg] = !0;
-G[Mg] = G[Dg] = G[zg] = G[Ig] = G[Hg] = G[jg] = G[Eg] = G[Pg] = G[Ag] = G[Lg] = G[Rg] = G[Fg] = G[Bg] = G[Wg] = G[Xg] = !1;
-function Zg(i) {
+var vh = typeof exports == "object" && exports && !exports.nodeType && exports, ta = vh && typeof module == "object" && module && !module.nodeType && module, kg = ta && ta.exports === vh, ea = kg ? Rt.Buffer : void 0, Mg = ea ? ea.isBuffer : void 0, ei = Mg || Og, Dg = "[object Arguments]", Ig = "[object Array]", jg = "[object Boolean]", Eg = "[object Date]", Pg = "[object Error]", Ag = "[object Function]", Lg = "[object Map]", Rg = "[object Number]", Fg = "[object Object]", Bg = "[object RegExp]", Wg = "[object Set]", Xg = "[object String]", zg = "[object WeakMap]", Hg = "[object ArrayBuffer]", Yg = "[object DataView]", Vg = "[object Float32Array]", Gg = "[object Float64Array]", Ng = "[object Int8Array]", Ug = "[object Int16Array]", $g = "[object Int32Array]", qg = "[object Uint8Array]", Kg = "[object Uint8ClampedArray]", Jg = "[object Uint16Array]", Zg = "[object Uint32Array]", G = {};
+G[Vg] = G[Gg] = G[Ng] = G[Ug] = G[$g] = G[qg] = G[Kg] = G[Jg] = G[Zg] = !0;
+G[Dg] = G[Ig] = G[Hg] = G[jg] = G[Yg] = G[Eg] = G[Pg] = G[Ag] = G[Lg] = G[Rg] = G[Fg] = G[Bg] = G[Wg] = G[Xg] = G[zg] = !1;
+function Qg(i) {
   return Ce(i) && $n(i.length) && !!G[Ts(i)];
 }
 function Kn(i) {
@@ -8498,17 +8516,17 @@ function Kn(i) {
     return i(t);
   };
 }
-var yh = typeof exports == "object" && exports && !exports.nodeType && exports, Rs = yh && typeof module == "object" && module && !module.nodeType && module, Qg = Rs && Rs.exports === yh, zi = Qg && lh.process, ps = function() {
+var yh = typeof exports == "object" && exports && !exports.nodeType && exports, Rs = yh && typeof module == "object" && module && !module.nodeType && module, tp = Rs && Rs.exports === yh, zi = tp && lh.process, ps = function() {
   try {
     var i = Rs && Rs.require && Rs.require("util").types;
     return i || zi && zi.binding && zi.binding("util");
   } catch {
   }
-}(), sa = ps && ps.isTypedArray, bh = sa ? Kn(sa) : Zg, tp = Object.prototype, ep = tp.hasOwnProperty;
-function sp(i, t) {
-  var e = qt(i), s = !e && qn(i), r = !e && !s && ei(i), n = !e && !s && !r && bh(i), o = e || s || r || n, a = o ? Tg(i.length, String) : [], c = a.length;
+}(), sa = ps && ps.isTypedArray, bh = sa ? Kn(sa) : Qg, ep = Object.prototype, sp = ep.hasOwnProperty;
+function rp(i, t) {
+  var e = qt(i), s = !e && qn(i), r = !e && !s && ei(i), n = !e && !s && !r && bh(i), o = e || s || r || n, a = o ? xg(i.length, String) : [], c = a.length;
   for (var h in i)
-    ep.call(i, h) && !(o && // Safari 9 has enumerable `arguments.length` in strict mode.
+    sp.call(i, h) && !(o && // Safari 9 has enumerable `arguments.length` in strict mode.
     (h == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
     r && (h == "offset" || h == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
     n && (h == "buffer" || h == "byteLength" || h == "byteOffset") || // Skip index properties.
@@ -8520,51 +8538,51 @@ function _h(i, t) {
     return i(t(e));
   };
 }
-var rp = _h(Object.keys, Object), ip = Object.prototype, np = ip.hasOwnProperty;
-function op(i) {
+var ip = _h(Object.keys, Object), np = Object.prototype, op = np.hasOwnProperty;
+function ap(i) {
   if (!ph(i))
-    return rp(i);
+    return ip(i);
   var t = [];
   for (var e in Object(i))
-    np.call(i, e) && e != "constructor" && t.push(e);
+    op.call(i, e) && e != "constructor" && t.push(e);
   return t;
 }
-function ap(i) {
-  return bg(i) ? sp(i) : op(i);
+function cp(i) {
+  return _g(i) ? rp(i) : ap(i);
 }
-var cp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, hp = /^\w*$/;
-function lp(i, t) {
+var hp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, lp = /^\w*$/;
+function up(i, t) {
   if (qt(i))
     return !1;
   var e = typeof i;
-  return e == "number" || e == "symbol" || e == "boolean" || i == null || bi(i) ? !0 : hp.test(i) || !cp.test(i) || t != null && i in Object(t);
+  return e == "number" || e == "symbol" || e == "boolean" || i == null || bi(i) ? !0 : lp.test(i) || !hp.test(i) || t != null && i in Object(t);
 }
 var Ns = qe(Object, "create");
-function up() {
+function dp() {
   this.__data__ = Ns ? Ns(null) : {}, this.size = 0;
 }
-function dp(i) {
+function fp(i) {
   var t = this.has(i) && delete this.__data__[i];
   return this.size -= t ? 1 : 0, t;
 }
-var fp = "__lodash_hash_undefined__", gp = Object.prototype, pp = gp.hasOwnProperty;
-function mp(i) {
+var gp = "__lodash_hash_undefined__", pp = Object.prototype, mp = pp.hasOwnProperty;
+function vp(i) {
   var t = this.__data__;
   if (Ns) {
     var e = t[i];
-    return e === fp ? void 0 : e;
+    return e === gp ? void 0 : e;
   }
-  return pp.call(t, i) ? t[i] : void 0;
+  return mp.call(t, i) ? t[i] : void 0;
 }
-var vp = Object.prototype, yp = vp.hasOwnProperty;
-function bp(i) {
+var yp = Object.prototype, bp = yp.hasOwnProperty;
+function _p(i) {
   var t = this.__data__;
-  return Ns ? t[i] !== void 0 : yp.call(t, i);
+  return Ns ? t[i] !== void 0 : bp.call(t, i);
 }
-var _p = "__lodash_hash_undefined__";
-function Tp(i, t) {
+var Tp = "__lodash_hash_undefined__";
+function xp(i, t) {
   var e = this.__data__;
-  return this.size += this.has(i) ? 0 : 1, e[i] = Ns && t === void 0 ? _p : t, this;
+  return this.size += this.has(i) ? 0 : 1, e[i] = Ns && t === void 0 ? Tp : t, this;
 }
 function He(i) {
   var t = -1, e = i == null ? 0 : i.length;
@@ -8573,12 +8591,12 @@ function He(i) {
     this.set(s[0], s[1]);
   }
 }
-He.prototype.clear = up;
-He.prototype.delete = dp;
-He.prototype.get = mp;
-He.prototype.has = bp;
-He.prototype.set = Tp;
-function xp() {
+He.prototype.clear = dp;
+He.prototype.delete = fp;
+He.prototype.get = vp;
+He.prototype.has = _p;
+He.prototype.set = xp;
+function Sp() {
   this.__data__ = [], this.size = 0;
 }
 function _i(i, t) {
@@ -8587,22 +8605,22 @@ function _i(i, t) {
       return e;
   return -1;
 }
-var Sp = Array.prototype, wp = Sp.splice;
-function Cp(i) {
+var wp = Array.prototype, Cp = wp.splice;
+function Op(i) {
   var t = this.__data__, e = _i(t, i);
   if (e < 0)
     return !1;
   var s = t.length - 1;
-  return e == s ? t.pop() : wp.call(t, e, 1), --this.size, !0;
+  return e == s ? t.pop() : Cp.call(t, e, 1), --this.size, !0;
 }
-function Op(i) {
+function kp(i) {
   var t = this.__data__, e = _i(t, i);
   return e < 0 ? void 0 : t[e][1];
 }
-function kp(i) {
+function Mp(i) {
   return _i(this.__data__, i) > -1;
 }
-function Mp(i, t) {
+function Dp(i, t) {
   var e = this.__data__, s = _i(e, i);
   return s < 0 ? (++this.size, e.push([i, t])) : e[s][1] = t, this;
 }
@@ -8613,38 +8631,38 @@ function de(i) {
     this.set(s[0], s[1]);
   }
 }
-de.prototype.clear = xp;
-de.prototype.delete = Cp;
-de.prototype.get = Op;
-de.prototype.has = kp;
-de.prototype.set = Mp;
+de.prototype.clear = Sp;
+de.prototype.delete = Op;
+de.prototype.get = kp;
+de.prototype.has = Mp;
+de.prototype.set = Dp;
 var Us = qe(Rt, "Map");
-function Dp() {
+function Ip() {
   this.size = 0, this.__data__ = {
     hash: new He(),
     map: new (Us || de)(),
     string: new He()
   };
 }
-function Ip(i) {
+function jp(i) {
   var t = typeof i;
   return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? i !== "__proto__" : i === null;
 }
 function Ti(i, t) {
   var e = i.__data__;
-  return Ip(t) ? e[typeof t == "string" ? "string" : "hash"] : e.map;
+  return jp(t) ? e[typeof t == "string" ? "string" : "hash"] : e.map;
 }
-function jp(i) {
+function Ep(i) {
   var t = Ti(this, i).delete(i);
   return this.size -= t ? 1 : 0, t;
 }
-function Ep(i) {
+function Pp(i) {
   return Ti(this, i).get(i);
 }
-function Pp(i) {
+function Ap(i) {
   return Ti(this, i).has(i);
 }
-function Ap(i, t) {
+function Lp(i, t) {
   var e = Ti(this, i), s = e.size;
   return e.set(i, t), this.size += e.size == s ? 0 : 1, this;
 }
@@ -8655,15 +8673,15 @@ function fe(i) {
     this.set(s[0], s[1]);
   }
 }
-fe.prototype.clear = Dp;
-fe.prototype.delete = jp;
-fe.prototype.get = Ep;
-fe.prototype.has = Pp;
-fe.prototype.set = Ap;
-var Lp = "Expected a function";
+fe.prototype.clear = Ip;
+fe.prototype.delete = Ep;
+fe.prototype.get = Pp;
+fe.prototype.has = Ap;
+fe.prototype.set = Lp;
+var Rp = "Expected a function";
 function Jn(i, t) {
   if (typeof i != "function" || t != null && typeof t != "function")
-    throw new TypeError(Lp);
+    throw new TypeError(Rp);
   var e = function() {
     var s = arguments, r = t ? t.apply(this, s) : s[0], n = e.cache;
     if (n.has(r))
@@ -8674,24 +8692,24 @@ function Jn(i, t) {
   return e.cache = new (Jn.Cache || fe)(), e;
 }
 Jn.Cache = fe;
-var Rp = 500;
-function Fp(i) {
+var Fp = 500;
+function Bp(i) {
   var t = Jn(i, function(s) {
-    return e.size === Rp && e.clear(), s;
+    return e.size === Fp && e.clear(), s;
   }), e = t.cache;
   return t;
 }
-var Bp = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, Wp = /\\(\\)?/g, Xp = Fp(function(i) {
+var Wp = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, Xp = /\\(\\)?/g, zp = Bp(function(i) {
   var t = [];
-  return i.charCodeAt(0) === 46 && t.push(""), i.replace(Bp, function(e, s, r, n) {
-    t.push(r ? n.replace(Wp, "$1") : s || e);
+  return i.charCodeAt(0) === 46 && t.push(""), i.replace(Wp, function(e, s, r, n) {
+    t.push(r ? n.replace(Xp, "$1") : s || e);
   }), t;
 });
-function zp(i) {
+function Hp(i) {
   return i == null ? "" : dh(i);
 }
 function xi(i, t) {
-  return qt(i) ? i : lp(i, t) ? [i] : Xp(zp(i));
+  return qt(i) ? i : up(i, t) ? [i] : zp(Hp(i));
 }
 function Zn(i) {
   if (typeof i == "string" || bi(i))
@@ -8699,7 +8717,7 @@ function Zn(i) {
   var t = i + "";
   return t == "0" && 1 / i == -1 / 0 ? "-0" : t;
 }
-function Hp(i, t) {
+function Yp(i, t) {
   t = xi(t, i);
   for (var e = 0, s = t.length; i != null && e < s; )
     i = i[Zn(t[e++])];
@@ -8711,12 +8729,12 @@ function Th(i, t) {
   return i;
 }
 var ra = Ot ? Ot.isConcatSpreadable : void 0;
-function Yp(i) {
+function Vp(i) {
   return qt(i) || qn(i) || !!(ra && i && i[ra]);
 }
-function Vp(i, t, e, s, r) {
+function Gp(i, t, e, s, r) {
   var n = -1, o = i.length;
-  for (e || (e = Yp), r || (r = []); ++n < o; ) {
+  for (e || (e = Vp), r || (r = []); ++n < o; ) {
     var a = i[n];
     e(a) ? Th(r, a) : r[r.length] = a;
   }
@@ -8724,31 +8742,31 @@ function Vp(i, t, e, s, r) {
 }
 function Qn(i) {
   var t = i == null ? 0 : i.length;
-  return t ? Vp(i) : [];
+  return t ? Gp(i) : [];
 }
-function Gp(i) {
-  return lg(vg(i, void 0, Qn), i + "");
+function Np(i) {
+  return ug(yg(i, void 0, Qn), i + "");
 }
-var Np = _h(Object.getPrototypeOf, Object);
-function Up() {
+var Up = _h(Object.getPrototypeOf, Object);
+function $p() {
   this.__data__ = new de(), this.size = 0;
 }
-function $p(i) {
+function qp(i) {
   var t = this.__data__, e = t.delete(i);
   return this.size = t.size, e;
 }
-function qp(i) {
+function Kp(i) {
   return this.__data__.get(i);
 }
-function Kp(i) {
+function Jp(i) {
   return this.__data__.has(i);
 }
-var Jp = 200;
-function Zp(i, t) {
+var Zp = 200;
+function Qp(i, t) {
   var e = this.__data__;
   if (e instanceof de) {
     var s = e.__data__;
-    if (!Us || s.length < Jp - 1)
+    if (!Us || s.length < Zp - 1)
       return s.push([i, t]), this.size = ++e.size, this;
     e = this.__data__ = new fe(s);
   }
@@ -8758,95 +8776,94 @@ function ce(i) {
   var t = this.__data__ = new de(i);
   this.size = t.size;
 }
-ce.prototype.clear = Up;
-ce.prototype.delete = $p;
-ce.prototype.get = qp;
-ce.prototype.has = Kp;
-ce.prototype.set = Zp;
-var xh = typeof exports == "object" && exports && !exports.nodeType && exports, ia = xh && typeof module == "object" && module && !module.nodeType && module, Qp = ia && ia.exports === xh, na = Qp ? Rt.Buffer : void 0;
+ce.prototype.clear = $p;
+ce.prototype.delete = qp;
+ce.prototype.get = Kp;
+ce.prototype.has = Jp;
+ce.prototype.set = Qp;
+var xh = typeof exports == "object" && exports && !exports.nodeType && exports, ia = xh && typeof module == "object" && module && !module.nodeType && module, tm = ia && ia.exports === xh, na = tm ? Rt.Buffer : void 0;
 na && na.allocUnsafe;
-function tm(i, t) {
+function em(i, t) {
   return i.slice();
 }
-function em(i, t) {
+function sm(i, t) {
   for (var e = -1, s = i == null ? 0 : i.length, r = 0, n = []; ++e < s; ) {
     var o = i[e];
     t(o, e, i) && (n[r++] = o);
   }
   return n;
 }
-function sm() {
+function rm() {
   return [];
 }
-var rm = Object.prototype, im = rm.propertyIsEnumerable, oa = Object.getOwnPropertySymbols, nm = oa ? function(i) {
-  return i == null ? [] : (i = Object(i), em(oa(i), function(t) {
-    return im.call(i, t);
+var im = Object.prototype, nm = im.propertyIsEnumerable, oa = Object.getOwnPropertySymbols, om = oa ? function(i) {
+  return i == null ? [] : (i = Object(i), sm(oa(i), function(t) {
+    return nm.call(i, t);
   }));
-} : sm;
-function om(i, t, e) {
+} : rm;
+function am(i, t, e) {
   var s = t(i);
   return qt(i) ? s : Th(s, e(i));
 }
 function pn(i) {
-  return om(i, ap, nm);
+  return am(i, cp, om);
 }
-var mn = qe(Rt, "DataView"), vn = qe(Rt, "Promise"), yn = qe(Rt, "Set"), aa = "[object Map]", am = "[object Object]", ca = "[object Promise]", ha = "[object Set]", la = "[object WeakMap]", ua = "[object DataView]", cm = $e(mn), hm = $e(Us), lm = $e(vn), um = $e(yn), dm = $e(gn), Dt = Ts;
+var mn = qe(Rt, "DataView"), vn = qe(Rt, "Promise"), yn = qe(Rt, "Set"), aa = "[object Map]", cm = "[object Object]", ca = "[object Promise]", ha = "[object Set]", la = "[object WeakMap]", ua = "[object DataView]", hm = $e(mn), lm = $e(Us), um = $e(vn), dm = $e(yn), fm = $e(gn), Dt = Ts;
 (mn && Dt(new mn(new ArrayBuffer(1))) != ua || Us && Dt(new Us()) != aa || vn && Dt(vn.resolve()) != ca || yn && Dt(new yn()) != ha || gn && Dt(new gn()) != la) && (Dt = function(i) {
-  var t = Ts(i), e = t == am ? i.constructor : void 0, s = e ? $e(e) : "";
+  var t = Ts(i), e = t == cm ? i.constructor : void 0, s = e ? $e(e) : "";
   if (s)
     switch (s) {
-      case cm:
-        return ua;
       case hm:
-        return aa;
+        return ua;
       case lm:
-        return ca;
+        return aa;
       case um:
-        return ha;
+        return ca;
       case dm:
+        return ha;
+      case fm:
         return la;
     }
   return t;
 });
-var fm = Object.prototype, gm = fm.hasOwnProperty;
-function pm(i) {
+var gm = Object.prototype, pm = gm.hasOwnProperty;
+function mm(i) {
   var t = i.length, e = new i.constructor(t);
-  return t && typeof i[0] == "string" && gm.call(i, "index") && (e.index = i.index, e.input = i.input), e;
+  return t && typeof i[0] == "string" && pm.call(i, "index") && (e.index = i.index, e.input = i.input), e;
 }
 var si = Rt.Uint8Array;
 function to(i) {
   var t = new i.constructor(i.byteLength);
   return new si(t).set(new si(i)), t;
 }
-function mm(i, t) {
+function vm(i, t) {
   var e = to(i.buffer);
   return new i.constructor(e, i.byteOffset, i.byteLength);
 }
-var vm = /\w*$/;
-function ym(i) {
-  var t = new i.constructor(i.source, vm.exec(i));
+var ym = /\w*$/;
+function bm(i) {
+  var t = new i.constructor(i.source, ym.exec(i));
   return t.lastIndex = i.lastIndex, t;
 }
 var da = Ot ? Ot.prototype : void 0, fa = da ? da.valueOf : void 0;
-function bm(i) {
+function _m(i) {
   return fa ? Object(fa.call(i)) : {};
 }
-function _m(i, t) {
+function Tm(i, t) {
   var e = to(i.buffer);
   return new i.constructor(e, i.byteOffset, i.length);
 }
-var Tm = "[object Boolean]", xm = "[object Date]", Sm = "[object Map]", wm = "[object Number]", Cm = "[object RegExp]", Om = "[object Set]", km = "[object String]", Mm = "[object Symbol]", Dm = "[object ArrayBuffer]", Im = "[object DataView]", jm = "[object Float32Array]", Em = "[object Float64Array]", Pm = "[object Int8Array]", Am = "[object Int16Array]", Lm = "[object Int32Array]", Rm = "[object Uint8Array]", Fm = "[object Uint8ClampedArray]", Bm = "[object Uint16Array]", Wm = "[object Uint32Array]";
-function Xm(i, t, e) {
+var xm = "[object Boolean]", Sm = "[object Date]", wm = "[object Map]", Cm = "[object Number]", Om = "[object RegExp]", km = "[object Set]", Mm = "[object String]", Dm = "[object Symbol]", Im = "[object ArrayBuffer]", jm = "[object DataView]", Em = "[object Float32Array]", Pm = "[object Float64Array]", Am = "[object Int8Array]", Lm = "[object Int16Array]", Rm = "[object Int32Array]", Fm = "[object Uint8Array]", Bm = "[object Uint8ClampedArray]", Wm = "[object Uint16Array]", Xm = "[object Uint32Array]";
+function zm(i, t, e) {
   var s = i.constructor;
   switch (t) {
-    case Dm:
+    case Im:
       return to(i);
-    case Tm:
     case xm:
+    case Sm:
       return new s(+i);
-    case Im:
-      return mm(i);
     case jm:
+      return vm(i);
     case Em:
     case Pm:
     case Am:
@@ -8855,34 +8872,35 @@ function Xm(i, t, e) {
     case Fm:
     case Bm:
     case Wm:
-      return _m(i);
-    case Sm:
-      return new s();
+    case Xm:
+      return Tm(i);
     case wm:
-    case km:
-      return new s(i);
-    case Cm:
-      return ym(i);
-    case Om:
       return new s();
+    case Cm:
     case Mm:
+      return new s(i);
+    case Om:
       return bm(i);
+    case km:
+      return new s();
+    case Dm:
+      return _m(i);
   }
 }
-function zm(i) {
-  return typeof i.constructor == "function" && !ph(i) ? sg(Np(i)) : {};
+function Hm(i) {
+  return typeof i.constructor == "function" && !ph(i) ? rg(Up(i)) : {};
 }
-var Hm = "[object Map]";
-function Ym(i) {
-  return Ce(i) && Dt(i) == Hm;
+var Ym = "[object Map]";
+function Vm(i) {
+  return Ce(i) && Dt(i) == Ym;
 }
-var ga = ps && ps.isMap, Vm = ga ? Kn(ga) : Ym, Gm = "[object Set]";
-function Nm(i) {
-  return Ce(i) && Dt(i) == Gm;
+var ga = ps && ps.isMap, Gm = ga ? Kn(ga) : Vm, Nm = "[object Set]";
+function Um(i) {
+  return Ce(i) && Dt(i) == Nm;
 }
-var pa = ps && ps.isSet, Um = pa ? Kn(pa) : Nm, Sh = "[object Arguments]", $m = "[object Array]", qm = "[object Boolean]", Km = "[object Date]", Jm = "[object Error]", wh = "[object Function]", Zm = "[object GeneratorFunction]", Qm = "[object Map]", tv = "[object Number]", Ch = "[object Object]", ev = "[object RegExp]", sv = "[object Set]", rv = "[object String]", iv = "[object Symbol]", nv = "[object WeakMap]", ov = "[object ArrayBuffer]", av = "[object DataView]", cv = "[object Float32Array]", hv = "[object Float64Array]", lv = "[object Int8Array]", uv = "[object Int16Array]", dv = "[object Int32Array]", fv = "[object Uint8Array]", gv = "[object Uint8ClampedArray]", pv = "[object Uint16Array]", mv = "[object Uint32Array]", V = {};
-V[Sh] = V[$m] = V[ov] = V[av] = V[qm] = V[Km] = V[cv] = V[hv] = V[lv] = V[uv] = V[dv] = V[Qm] = V[tv] = V[Ch] = V[ev] = V[sv] = V[rv] = V[iv] = V[fv] = V[gv] = V[pv] = V[mv] = !0;
-V[Jm] = V[wh] = V[nv] = !1;
+var pa = ps && ps.isSet, $m = pa ? Kn(pa) : Um, Sh = "[object Arguments]", qm = "[object Array]", Km = "[object Boolean]", Jm = "[object Date]", Zm = "[object Error]", wh = "[object Function]", Qm = "[object GeneratorFunction]", tv = "[object Map]", ev = "[object Number]", Ch = "[object Object]", sv = "[object RegExp]", rv = "[object Set]", iv = "[object String]", nv = "[object Symbol]", ov = "[object WeakMap]", av = "[object ArrayBuffer]", cv = "[object DataView]", hv = "[object Float32Array]", lv = "[object Float64Array]", uv = "[object Int8Array]", dv = "[object Int16Array]", fv = "[object Int32Array]", gv = "[object Uint8Array]", pv = "[object Uint8ClampedArray]", mv = "[object Uint16Array]", vv = "[object Uint32Array]", V = {};
+V[Sh] = V[qm] = V[av] = V[cv] = V[Km] = V[Jm] = V[hv] = V[lv] = V[uv] = V[dv] = V[fv] = V[tv] = V[ev] = V[Ch] = V[sv] = V[rv] = V[iv] = V[nv] = V[gv] = V[pv] = V[mv] = V[vv] = !0;
+V[Zm] = V[wh] = V[ov] = !1;
 function Wr(i, t, e, s, r, n) {
   var o;
   if (o !== void 0)
@@ -8891,42 +8909,42 @@ function Wr(i, t, e, s, r, n) {
     return i;
   var a = qt(i);
   if (a)
-    o = pm(i);
+    o = mm(i);
   else {
-    var c = Dt(i), h = c == wh || c == Zm;
+    var c = Dt(i), h = c == wh || c == Qm;
     if (ei(i))
-      return tm(i);
+      return em(i);
     if (c == Ch || c == Sh || h && !r)
-      o = h ? {} : zm(i);
+      o = h ? {} : Hm(i);
     else {
       if (!V[c])
         return r ? i : {};
-      o = Xm(i, c);
+      o = zm(i, c);
     }
   }
   n || (n = new ce());
   var l = n.get(i);
   if (l)
     return l;
-  n.set(i, o), Um(i) ? i.forEach(function(f) {
+  n.set(i, o), $m(i) ? i.forEach(function(f) {
     o.add(Wr(f, t, e, f, i, n));
-  }) : Vm(i) && i.forEach(function(f, g) {
+  }) : Gm(i) && i.forEach(function(f, g) {
     o.set(g, Wr(f, t, e, g, i, n));
   });
   var u = pn, d = a ? void 0 : u(i);
-  return ug(d || i, function(f, g) {
+  return dg(d || i, function(f, g) {
     d && (g = f, f = i[g]), gh(o, g, Wr(f, t, e, g, i, n));
   }), o;
 }
-var vv = 1, yv = 4;
+var yv = 1, bv = 4;
 function Fe(i) {
-  return Wr(i, vv | yv);
-}
-var bv = "__lodash_hash_undefined__";
-function _v(i) {
-  return this.__data__.set(i, bv), this;
+  return Wr(i, yv | bv);
 }
+var _v = "__lodash_hash_undefined__";
 function Tv(i) {
+  return this.__data__.set(i, _v), this;
+}
+function xv(i) {
   return this.__data__.has(i);
 }
 function ri(i) {
@@ -8934,26 +8952,26 @@ function ri(i) {
   for (this.__data__ = new fe(); ++t < e; )
     this.add(i[t]);
 }
-ri.prototype.add = ri.prototype.push = _v;
-ri.prototype.has = Tv;
-function xv(i, t) {
+ri.prototype.add = ri.prototype.push = Tv;
+ri.prototype.has = xv;
+function Sv(i, t) {
   for (var e = -1, s = i == null ? 0 : i.length; ++e < s; )
     if (t(i[e], e, i))
       return !0;
   return !1;
 }
-function Sv(i, t) {
+function wv(i, t) {
   return i.has(t);
 }
-var wv = 1, Cv = 2;
+var Cv = 1, Ov = 2;
 function Oh(i, t, e, s, r, n) {
-  var o = e & wv, a = i.length, c = t.length;
+  var o = e & Cv, a = i.length, c = t.length;
   if (a != c && !(o && c > a))
     return !1;
   var h = n.get(i), l = n.get(t);
   if (h && l)
     return h == t && l == i;
-  var u = -1, d = !0, f = e & Cv ? new ri() : void 0;
+  var u = -1, d = !0, f = e & Ov ? new ri() : void 0;
   for (n.set(i, t), n.set(t, i); ++u < a; ) {
     var g = i[u], p = t[u];
     if (s)
@@ -8965,8 +8983,8 @@ function Oh(i, t, e, s, r, n) {
       break;
     }
     if (f) {
-      if (!xv(t, function(b, _) {
-        if (!Sv(f, _) && (g === b || r(g, b, e, s, n)))
+      if (!Sv(t, function(b, _) {
+        if (!wv(f, _) && (g === b || r(g, b, e, s, n)))
           return f.push(_);
       })) {
         d = !1;
@@ -8979,62 +8997,62 @@ function Oh(i, t, e, s, r, n) {
   }
   return n.delete(i), n.delete(t), d;
 }
-function Ov(i) {
+function kv(i) {
   var t = -1, e = Array(i.size);
   return i.forEach(function(s, r) {
     e[++t] = [r, s];
   }), e;
 }
-function kv(i) {
+function Mv(i) {
   var t = -1, e = Array(i.size);
   return i.forEach(function(s) {
     e[++t] = s;
   }), e;
 }
-var Mv = 1, Dv = 2, Iv = "[object Boolean]", jv = "[object Date]", Ev = "[object Error]", Pv = "[object Map]", Av = "[object Number]", Lv = "[object RegExp]", Rv = "[object Set]", Fv = "[object String]", Bv = "[object Symbol]", Wv = "[object ArrayBuffer]", Xv = "[object DataView]", ma = Ot ? Ot.prototype : void 0, Hi = ma ? ma.valueOf : void 0;
-function zv(i, t, e, s, r, n, o) {
+var Dv = 1, Iv = 2, jv = "[object Boolean]", Ev = "[object Date]", Pv = "[object Error]", Av = "[object Map]", Lv = "[object Number]", Rv = "[object RegExp]", Fv = "[object Set]", Bv = "[object String]", Wv = "[object Symbol]", Xv = "[object ArrayBuffer]", zv = "[object DataView]", ma = Ot ? Ot.prototype : void 0, Hi = ma ? ma.valueOf : void 0;
+function Hv(i, t, e, s, r, n, o) {
   switch (e) {
-    case Xv:
+    case zv:
       if (i.byteLength != t.byteLength || i.byteOffset != t.byteOffset)
         return !1;
       i = i.buffer, t = t.buffer;
-    case Wv:
+    case Xv:
       return !(i.byteLength != t.byteLength || !n(new si(i), new si(t)));
-    case Iv:
     case jv:
-    case Av:
-      return Un(+i, +t);
     case Ev:
-      return i.name == t.name && i.message == t.message;
     case Lv:
-    case Fv:
-      return i == t + "";
+      return Un(+i, +t);
     case Pv:
-      var a = Ov;
+      return i.name == t.name && i.message == t.message;
     case Rv:
-      var c = s & Mv;
-      if (a || (a = kv), i.size != t.size && !c)
+    case Bv:
+      return i == t + "";
+    case Av:
+      var a = kv;
+    case Fv:
+      var c = s & Dv;
+      if (a || (a = Mv), i.size != t.size && !c)
         return !1;
       var h = o.get(i);
       if (h)
         return h == t;
-      s |= Dv, o.set(i, t);
+      s |= Iv, o.set(i, t);
       var l = Oh(a(i), a(t), s, r, n, o);
       return o.delete(i), l;
-    case Bv:
+    case Wv:
       if (Hi)
         return Hi.call(i) == Hi.call(t);
   }
   return !1;
 }
-var Hv = 1, Yv = Object.prototype, Vv = Yv.hasOwnProperty;
-function Gv(i, t, e, s, r, n) {
-  var o = e & Hv, a = pn(i), c = a.length, h = pn(t), l = h.length;
+var Yv = 1, Vv = Object.prototype, Gv = Vv.hasOwnProperty;
+function Nv(i, t, e, s, r, n) {
+  var o = e & Yv, a = pn(i), c = a.length, h = pn(t), l = h.length;
   if (c != l && !o)
     return !1;
   for (var u = c; u--; ) {
     var d = a[u];
-    if (!(o ? d in t : Vv.call(t, d)))
+    if (!(o ? d in t : Gv.call(t, d)))
       return !1;
   }
   var f = n.get(i), g = n.get(t);
@@ -9046,21 +9064,21 @@ function Gv(i, t, e, s, r, n) {
     d = a[u];
     var b = i[d], _ = t[d];
     if (s)
-      var x = o ? s(_, b, d, t, i, n) : s(b, _, d, i, t, n);
-    if (!(x === void 0 ? b === _ || r(b, _, e, s, n) : x)) {
+      var w = o ? s(_, b, d, t, i, n) : s(b, _, d, i, t, n);
+    if (!(w === void 0 ? b === _ || r(b, _, e, s, n) : w)) {
       p = !1;
       break;
     }
     m || (m = d == "constructor");
   }
   if (p && !m) {
-    var w = i.constructor, O = t.constructor;
-    w != O && "constructor" in i && "constructor" in t && !(typeof w == "function" && w instanceof w && typeof O == "function" && O instanceof O) && (p = !1);
+    var S = i.constructor, C = t.constructor;
+    S != C && "constructor" in i && "constructor" in t && !(typeof S == "function" && S instanceof S && typeof C == "function" && C instanceof C) && (p = !1);
   }
   return n.delete(i), n.delete(t), p;
 }
-var Nv = 1, va = "[object Arguments]", ya = "[object Array]", Pr = "[object Object]", Uv = Object.prototype, ba = Uv.hasOwnProperty;
-function $v(i, t, e, s, r, n) {
+var Uv = 1, va = "[object Arguments]", ya = "[object Array]", Pr = "[object Object]", $v = Object.prototype, ba = $v.hasOwnProperty;
+function qv(i, t, e, s, r, n) {
   var o = qt(i), a = qt(t), c = o ? ya : Dt(i), h = a ? ya : Dt(t);
   c = c == va ? Pr : c, h = h == va ? Pr : h;
   var l = c == Pr, u = h == Pr, d = c == h;
@@ -9070,23 +9088,23 @@ function $v(i, t, e, s, r, n) {
     o = !0, l = !1;
   }
   if (d && !l)
-    return n || (n = new ce()), o || bh(i) ? Oh(i, t, e, s, r, n) : zv(i, t, c, e, s, r, n);
-  if (!(e & Nv)) {
+    return n || (n = new ce()), o || bh(i) ? Oh(i, t, e, s, r, n) : Hv(i, t, c, e, s, r, n);
+  if (!(e & Uv)) {
     var f = l && ba.call(i, "__wrapped__"), g = u && ba.call(t, "__wrapped__");
     if (f || g) {
       var p = f ? i.value() : i, m = g ? t.value() : t;
       return n || (n = new ce()), r(p, m, e, s, n);
     }
   }
-  return d ? (n || (n = new ce()), Gv(i, t, e, s, r, n)) : !1;
+  return d ? (n || (n = new ce()), Nv(i, t, e, s, r, n)) : !1;
 }
 function kh(i, t, e, s, r) {
-  return i === t ? !0 : i == null || t == null || !Ce(i) && !Ce(t) ? i !== i && t !== t : $v(i, t, e, s, kh, r);
+  return i === t ? !0 : i == null || t == null || !Ce(i) && !Ce(t) ? i !== i && t !== t : qv(i, t, e, s, kh, r);
 }
-function qv(i, t) {
+function Kv(i, t) {
   return i != null && t in Object(i);
 }
-function Kv(i, t, e) {
+function Jv(i, t, e) {
   t = xi(t, i);
   for (var s = -1, r = t.length, n = !1; ++s < r; ) {
     var o = Zn(t[s]);
@@ -9096,50 +9114,50 @@ function Kv(i, t, e) {
   }
   return n || ++s != r ? n : (r = i == null ? 0 : i.length, !!r && $n(r) && Nn(o, r) && (qt(i) || qn(i)));
 }
-function Jv(i, t) {
-  return i != null && Kv(i, t, qv);
+function Zv(i, t) {
+  return i != null && Jv(i, t, Kv);
 }
 var Yi = function() {
   return Rt.Date.now();
-}, Zv = "Expected a function", Qv = Math.max, t0 = Math.min;
-function e0(i, t, e) {
+}, Qv = "Expected a function", t0 = Math.max, e0 = Math.min;
+function s0(i, t, e) {
   var s, r, n, o, a, c, h = 0, l = !1, u = !1, d = !0;
   if (typeof i != "function")
-    throw new TypeError(Zv);
-  t = qo(t) || 0, Kt(e) && (l = !!e.leading, u = "maxWait" in e, n = u ? Qv(qo(e.maxWait) || 0, t) : n, d = "trailing" in e ? !!e.trailing : d);
-  function f(C) {
+    throw new TypeError(Qv);
+  t = qo(t) || 0, Kt(e) && (l = !!e.leading, u = "maxWait" in e, n = u ? t0(qo(e.maxWait) || 0, t) : n, d = "trailing" in e ? !!e.trailing : d);
+  function f(O) {
     var D = s, M = r;
-    return s = r = void 0, h = C, o = i.apply(M, D), o;
+    return s = r = void 0, h = O, o = i.apply(M, D), o;
   }
-  function g(C) {
-    return h = C, a = setTimeout(b, t), l ? f(C) : o;
+  function g(O) {
+    return h = O, a = setTimeout(b, t), l ? f(O) : o;
   }
-  function p(C) {
-    var D = C - c, M = C - h, I = t - D;
-    return u ? t0(I, n - M) : I;
+  function p(O) {
+    var D = O - c, M = O - h, I = t - D;
+    return u ? e0(I, n - M) : I;
   }
-  function m(C) {
-    var D = C - c, M = C - h;
+  function m(O) {
+    var D = O - c, M = O - h;
     return c === void 0 || D >= t || D < 0 || u && M >= n;
   }
   function b() {
-    var C = Yi();
-    if (m(C))
-      return _(C);
-    a = setTimeout(b, p(C));
+    var O = Yi();
+    if (m(O))
+      return _(O);
+    a = setTimeout(b, p(O));
   }
-  function _(C) {
-    return a = void 0, d && s ? f(C) : (s = r = void 0, o);
+  function _(O) {
+    return a = void 0, d && s ? f(O) : (s = r = void 0, o);
   }
-  function x() {
+  function w() {
     a !== void 0 && clearTimeout(a), h = 0, s = c = r = a = void 0;
   }
-  function w() {
+  function S() {
     return a === void 0 ? o : _(Yi());
   }
-  function O() {
-    var C = Yi(), D = m(C);
-    if (s = arguments, r = this, c = C, D) {
+  function C() {
+    var O = Yi(), D = m(O);
+    if (s = arguments, r = this, c = O, D) {
       if (a === void 0)
         return g(c);
       if (u)
@@ -9147,12 +9165,12 @@ function e0(i, t, e) {
     }
     return a === void 0 && (a = setTimeout(b, t)), o;
   }
-  return O.cancel = x, O.flush = w, O;
+  return C.cancel = w, C.flush = S, C;
 }
-function s0(i, t) {
+function r0(i, t) {
   return kh(i, t);
 }
-function r0(i, t, e, s) {
+function i0(i, t, e, s) {
   if (!Kt(i))
     return i;
   t = xi(t, i);
@@ -9168,34 +9186,34 @@ function r0(i, t, e, s) {
   }
   return i;
 }
-function i0(i, t, e) {
+function n0(i, t, e) {
   for (var s = -1, r = t.length, n = {}; ++s < r; ) {
-    var o = t[s], a = Hp(i, o);
-    e(a, o) && r0(n, xi(o, i), a);
+    var o = t[s], a = Yp(i, o);
+    e(a, o) && i0(n, xi(o, i), a);
   }
   return n;
 }
-function n0(i, t) {
-  return i0(i, t, function(e, s) {
-    return Jv(i, s);
+function o0(i, t) {
+  return n0(i, t, function(e, s) {
+    return Zv(i, s);
   });
 }
-var o0 = Gp(function(i, t) {
-  return i == null ? {} : n0(i, t);
-}), a0 = "Expected a function";
-function c0(i, t, e) {
+var a0 = Np(function(i, t) {
+  return i == null ? {} : o0(i, t);
+}), c0 = "Expected a function";
+function h0(i, t, e) {
   var s = !0, r = !0;
   if (typeof i != "function")
-    throw new TypeError(a0);
-  return Kt(e) && (s = "leading" in e ? !!e.leading : s, r = "trailing" in e ? !!e.trailing : r), e0(i, t, {
+    throw new TypeError(c0);
+  return Kt(e) && (s = "leading" in e ? !!e.leading : s, r = "trailing" in e ? !!e.trailing : r), s0(i, t, {
     leading: s,
     maxWait: t,
     trailing: r
   });
 }
-class h0 {
+class l0 {
   addTrackItem(t) {
-    const e = bf(t, {
+    const e = _f(t, {
       tScale: this.tScale,
       sizesMap: this.sizesMap
     });
@@ -9243,7 +9261,7 @@ class h0 {
   }
   selectTrackItemByIds(t) {
     const e = this.getActiveObjects().map((n) => n.id);
-    if (s0(e, t)) return;
+    if (r0(e, t)) return;
     const r = this.getObjects(...be.objectTypes, "Transition").filter((n) => t.includes(n.id));
     if (!r.length)
       this.discardActiveObject();
@@ -9339,7 +9357,7 @@ const _a = (i) => {
       return 1e3;
   }
 };
-class l0 {
+class u0 {
   findOrCreateTrack(t, { trackId: e, trackIndex: s }) {
     if (e) {
       const o = this.tracks.find((a) => a.id === e);
@@ -9462,16 +9480,16 @@ function Mh(i) {
         const p = Math.abs(c - g), m = Math.abs(c - f), b = P(1, e.tScale);
         if (p < n)
           if (e instanceof ne) {
-            const _ = g - e.left, x = _ - a, w = P(
-              x,
+            const _ = g - e.left, w = _ - a, S = P(
+              w,
               e.tScale,
               e.playbackRate
-            ), O = e.trim.to + w;
+            ), C = e.trim.to + S;
             if (_ < b || _ < b) return;
-            O <= e.duration && (e.set({
+            C <= e.duration && (e.set({
               width: _,
               scaleX: 1
-            }), e.trim.to = O, e.onResizeSnap && e.onResizeSnap(), h = !0);
+            }), e.trim.to = C, e.onResizeSnap && e.onResizeSnap(), h = !0);
           } else
             e.set({
               width: g - e.left,
@@ -9479,16 +9497,16 @@ function Mh(i) {
             }), e.onResizeSnap && e.onResizeSnap(), h = !0;
         else if (m < n)
           if (e instanceof ne) {
-            const _ = f - e.left, x = _ - a, w = P(
-              x,
+            const _ = f - e.left, w = _ - a, S = P(
+              w,
               e.tScale,
               e.playbackRate
-            ), O = e.trim.to + w;
+            ), C = e.trim.to + S;
             if (_ < b) return;
-            O <= e.duration && (e.set({
+            C <= e.duration && (e.set({
               width: _,
               scaleX: 1
-            }), e.trim.to = O, e.onResizeSnap && e.onResizeSnap(), h = !0);
+            }), e.trim.to = C, e.onResizeSnap && e.onResizeSnap(), h = !0);
           } else
             e.set({
               width: f - e.left,
@@ -9498,16 +9516,16 @@ function Mh(i) {
         const p = Math.abs(o - f), m = Math.abs(o - g);
         if (p < n)
           if (e instanceof ne) {
-            const b = c - f, _ = b - a, x = P(
+            const b = c - f, _ = b - a, w = P(
               _,
               e.tScale,
               e.playbackRate
-            ), w = e.trim.from - x;
-            w >= 0 && (e.set({
+            ), S = e.trim.from - w;
+            S >= 0 && (e.set({
               left: f,
               width: b,
               scaleX: 1
-            }), e.trim.from = w, e.onResizeSnap && e.onResizeSnap(), h = !0);
+            }), e.trim.from = S, e.onResizeSnap && e.onResizeSnap(), h = !0);
           } else
             e.set({
               left: f,
@@ -9516,16 +9534,16 @@ function Mh(i) {
             }), e.onResizeSnap && e.onResizeSnap(), h = !0;
         else if (m < n)
           if (e instanceof ne) {
-            const b = c - g, _ = b - a, x = P(
+            const b = c - g, _ = b - a, w = P(
               _,
               e.tScale,
               e.playbackRate
-            ), w = e.trim.from - x;
-            w >= 0 && (e.set({
+            ), S = e.trim.from - w;
+            S >= 0 && (e.set({
               left: g,
               width: b,
               scaleX: 1
-            }), e.trim.from = w, e.onResizeSnap && e.onResizeSnap(), h = !0);
+            }), e.trim.from = S, e.onResizeSnap && e.onResizeSnap(), h = !0);
           } else
             e.set({
               left: g,
@@ -9546,15 +9564,15 @@ function Mh(i) {
         var m;
         const p = t.trackItemsMap[g.id];
         if (p) {
-          const b = p.duration || 0, _ = (m = p.metadata) == null ? void 0 : m.userLimitDuration, x = typeof _ == "number" ? _ : b, w = p.display.from || 0, O = Math.max(0, d - w), C = Math.min(O, x);
+          const b = p.duration || 0, _ = (m = p.metadata) == null ? void 0 : m.userLimitDuration, w = typeof _ == "number" ? _ : b, S = p.display.from || 0, C = Math.max(0, d - S), O = Math.min(C, w);
           g.display = {
-            from: w,
-            to: w + C
+            from: S,
+            to: S + O
           }, g.trim && (g.trim = {
             from: g.trim.from || 0,
-            to: (g.trim.from || 0) + C
+            to: (g.trim.from || 0) + O
           });
-          const D = Q(C, t.tScale);
+          const D = Q(O, t.tScale);
           g.set({
             width: D,
             scaleX: 1
@@ -9564,20 +9582,20 @@ function Mh(i) {
     }
   }
 }
-function u0(i) {
+function d0(i) {
   i.on("object:resizing", Mh.bind(i));
 }
-function d0(i) {
+function f0(i) {
   i.off("object:resizing", Mh.bind(i));
 }
-const Fs = 100, Vi = 0, Ar = 5, Ta = 3, f0 = 25, ls = {
+const Fs = 100, Vi = 0, Ar = 5, Ta = 3, g0 = 25, ls = {
   scrollInterval: null
 };
 function xa(i) {
-  const t = f0 - Ta, e = (Fs - i) / Fs;
+  const t = g0 - Ta, e = (Fs - i) / Fs;
   return Ta + t * e;
 }
-function g0(i, t) {
+function p0(i, t) {
   ls.scrollInterval && clearInterval(ls.scrollInterval);
   const e = t.target, s = e.getBoundingRect();
   ls.scrollInterval = setInterval(() => {
@@ -9593,19 +9611,19 @@ function g0(i, t) {
     n.y > i.height - Vi && e.top + s.height < i.bounding.height + 80 && (e.set("top", e.top + Ar), i.setViewportPos(r[4], r[5] - Ar)), n.y < Vi && e.top > -80 && -r[5] > Vi && (e.set("top", e.top - Ar), i.setViewportPos(r[4], r[5] + Ar)), e.setCoords(), i.requestRenderAll();
   }, 16);
 }
-function p0() {
+function m0() {
   ls.scrollInterval && (clearInterval(ls.scrollInterval), ls.scrollInterval = null);
 }
 function Dh() {
-  p0();
+  m0();
 }
 function Ih(i) {
-  g0(this, i);
+  p0(this, i);
 }
-function m0(i) {
+function v0(i) {
   i.on("mouse:up", Dh), i.on("object:moving", Ih.bind(i));
 }
-function v0(i) {
+function y0(i) {
   i.off("mouse:up", Dh), i.off("object:moving", Ih.bind(i));
 }
 function jh(i) {
@@ -9625,10 +9643,10 @@ function jh(i) {
     }
   }
 }
-function y0(i) {
+function b0(i) {
   i.on("object:modified", jh);
 }
-function b0(i) {
+function _0(i) {
   i.off("object:modified", jh);
 }
 const Eh = {
@@ -9714,7 +9732,7 @@ const Eh = {
   }), r;
 }, Lh = (i, t, e) => {
   i.forEach((s) => {
-    const r = _0(e.getZoom());
+    const r = T0(e.getZoom());
     s.orientation === "H" ? e.add(
       wa(
         [
@@ -9737,7 +9755,7 @@ const Eh = {
       )
     );
   });
-}, _0 = (i) => ({
+}, T0 = (i) => ({
   strokeWidth: 2 / i
 }), wa = (i, t) => new ye(i, {
   ...t,
@@ -9782,10 +9800,10 @@ const Eh = {
   i.remove(...t), t = [];
 }, Bh = (i) => {
   i.forEach((t) => t.setSelected(!1));
-}, Oa = (i) => i instanceof Se, T0 = (i) => Object.assign({}, {
+}, Oa = (i) => i instanceof Se, x0 = (i) => Object.assign({}, {
   left: 16,
   right: 80
-}, i), x0 = ["touchstart", "touchmove", "touchend"], S0 = (i) => x0.includes(i.type) || i.pointerType === "touch";
+}, i), S0 = ["touchstart", "touchmove", "touchend"], w0 = (i) => S0.includes(i.type) || i.pointerType === "touch";
 function Wh(i) {
   const t = this;
   if (!t) return;
@@ -9833,10 +9851,10 @@ function zh(i) {
     Si(t, e), d.length && Lh(d, o, t);
   }
 }
-function w0(i) {
+function C0(i) {
   i.on("object:moving", Wh.bind(i)), i.on("object:modified", Xh.bind(i)), i.on("object:resizing", zh.bind(i));
 }
-function C0(i) {
+function O0(i) {
   i.off("object:moving", Wh.bind(i)), i.off("object:modified", Xh.bind(i)), i.off("object:resizing", zh.bind(i));
 }
 function bn(i, t, e) {
@@ -9942,20 +9960,20 @@ function Yh(i) {
     return f.draggedObject = u, f;
   }), e.add(...t.placeholderMovingObjects)));
 }
-function O0(i) {
+function k0(i) {
   i.on("before:transform", Yh.bind(i));
 }
-function k0(i) {
+function M0(i) {
   i.off("before:transform", Yh.bind(i));
 }
 const as = class as extends st {
   constructor(e) {
     super(e);
-    S(this, "duration");
-    S(this, "fromId");
-    S(this, "toId");
-    S(this, "itemType", "none");
-    S(this, "isSelected", !1);
+    x(this, "duration");
+    x(this, "fromId");
+    x(this, "toId");
+    x(this, "itemType", "none");
+    x(this, "isSelected", !1);
     Object.assign(this, as.ownDefaults), this.id = e.id;
   }
   static createControls() {
@@ -10001,7 +10019,7 @@ const as = class as extends st {
     ), e.lineWidth = er, e.strokeStyle = Ue, e.stroke(), e.restore());
   }
 };
-S(as, "type", "TransitionGuide"), S(as, "ownDefaults", {
+x(as, "type", "TransitionGuide"), x(as, "ownDefaults", {
   objectCaching: !1,
   borderColor: "transparent",
   stroke: "transparent",
@@ -10016,7 +10034,7 @@ S(as, "type", "TransitionGuide"), S(as, "ownDefaults", {
   ry: 8
 });
 let $s = as;
-const M0 = (i) => {
+const D0 = (i) => {
   const { trackItemIds: t, transitionsMap: e, trackItemsMap: s } = i, r = /* @__PURE__ */ new Map();
   Object.values(e).forEach((h) => {
     var f, g;
@@ -10049,7 +10067,7 @@ const M0 = (i) => {
   return n.forEach((h) => {
     h.sort((l, u) => "display" in l && "display" in u ? l.display.from - u.display.from : 0);
   }), n;
-}, D0 = [
+}, I0 = [
   "text",
   "image",
   "video",
@@ -10061,7 +10079,7 @@ function Vh() {
   const i = J();
   Fh(this, i.placeholderMovingObjects);
 }
-function I0(i) {
+function j0(i) {
   const t = i.target.left;
   i.target.left = Math.max(t, 0);
 }
@@ -10071,11 +10089,11 @@ function Gh(i, t) {
     return t.left < r.left + r.width && t.left + t.width - 1 > r.left && t.top < r.top + r.height && t.top + t.height > r.top;
   });
 }
-function j0(i, t) {
+function E0(i, t) {
   const s = i.canvas.getActiveObject(), r = s.left + s.width / 2, n = t.left + t.width / 2;
   return r < n ? t.left - s.width : (r > n, t.left + t.width);
 }
-const E0 = (i, t, e) => !(e < 0 || Gh(i, {
+const P0 = (i, t, e) => !(e < 0 || Gh(i, {
   ...t.getBoundingRect(),
   left: e
 })), Nh = (i) => {
@@ -10084,17 +10102,17 @@ const E0 = (i, t, e) => !(e < 0 || Gh(i, {
   ), r = i.type.toLowerCase();
   return i instanceof we, e && (s == null ? void 0 : s.includes(r));
 };
-function P0(i) {
+function A0(i) {
   J().isPointerOverHelperTrack ? i.opacity = 0 : i.opacity = 1;
 }
-function A0() {
+function L0() {
   const i = J(), t = i.primaryMovingObjects[0];
   return {
     top: i.objectInitialPositions[t.id].top,
     left: i.objectInitialPositions[t.id].left
   };
 }
-function L0(i) {
+function R0(i) {
   const t = i.getBoundingRect(), e = J(), s = e.draggingOverTrack;
   if (e.primaryMovingObjects.map((n) => n.id).includes(i.id)) {
     const o = e.primaryMovingObjects[0].getBoundingRect();
@@ -10108,10 +10126,10 @@ function L0(i) {
     left: t.left
   };
 }
-function R0(i, t, e, s) {
-  const n = i.canvas.getActiveObjects().map((l) => l.id), o = j0(i, t), a = e.filter(
+function F0(i, t, e, s) {
+  const n = i.canvas.getActiveObjects().map((l) => l.id), o = E0(i, t), a = e.filter(
     (l) => !n.includes(l.id)
-  ), c = E0(
+  ), c = P0(
     a,
     i,
     o
@@ -10130,18 +10148,18 @@ function R0(i, t, e, s) {
     top: t.top
   };
 }
-const F0 = (i, t) => {
+const B0 = (i, t) => {
   i.forEach((e, s) => {
     e.set({ left: t[s] });
   });
-}, Uh = c0(
+}, Uh = h0(
   (i) => {
     const t = i.target.canvas;
-    I0(i);
+    j0(i);
     const e = J(), s = e.draggingOverTrack;
     if (s) {
       const a = e.primaryMovingObjects[0];
-      D0.includes(a.type) && e.placeholderMovingObjects.forEach((c) => {
+      I0.includes(a.type) && e.placeholderMovingObjects.forEach((c) => {
         c.visible = !0;
       });
     } else {
@@ -10183,7 +10201,7 @@ const F0 = (i, t) => {
     } else {
       if (e.orderNormalTrack = !1, e.updateItemsInTrack && e.updateItemsInTrack !== s.id) {
         const d = t.getObjects().find((f) => f.id === e.updateItemsInTrack);
-        d != null && d.magnetic ? B0(t, e) : t.updateTrackItemCoords(!0), e.updateItemsInTrack = null, e.initialTrackPoints = [];
+        d != null && d.magnetic ? W0(t, e) : t.updateTrackItemCoords(!0), e.updateItemsInTrack = null, e.initialTrackPoints = [];
       }
       e.initialTrackPoints.length === 0 && s instanceof Nt && (e.updateItemsInTrack = s.id, e.initialTrackPoints = ka(
         e,
@@ -10203,8 +10221,8 @@ const F0 = (i, t) => {
           d.visible = !1;
           return;
         }
-        g.setCoords(), P0(d);
-        let p = H0(
+        g.setCoords(), A0(d);
+        let p = Y0(
           g,
           n,
           i.pointer,
@@ -10212,7 +10230,7 @@ const F0 = (i, t) => {
         );
         if (e.draggingOverTrack instanceof Se ? d.opacity = 0 : d.opacity = 1, g instanceof we && p.isInvalidDrop && e.draggingOverTrack instanceof Nt) {
           const m = i.pointer, b = [...t.viewportTransform], _ = m.y - b[5];
-          z0(t, _);
+          H0(t, _);
         } else e.primaryMovingObjects.length > 1 ? (t.trackIdAfterTransform = e.trackTopToIdMap[p.top], t.positionAfterTransform[g.id] = {
           top: p.top,
           left: p.left + (c[f - 1] || 0)
@@ -10236,9 +10254,9 @@ const F0 = (i, t) => {
   );
   let a = 0;
   const c = [];
-  return t.magnetic ? W0(o, a, c) : X0(t, c, e), c;
+  return t.magnetic ? X0(o, a, c) : z0(t, c, e), c;
 };
-function B0(i, t) {
+function W0(i, t) {
   const e = [];
   i.getObjects().find((a) => a.id === t.updateItemsInTrack).items.forEach((a) => {
     const c = i.getObjects().find((h) => h.id === a);
@@ -10249,9 +10267,9 @@ function B0(i, t) {
   ).sort(
     (a, c) => a.left - c.left
   );
-  t.initialTrackPoints.length > o.length && F0(o, t.initialTrackPoints);
+  t.initialTrackPoints.length > o.length && B0(o, t.initialTrackPoints);
 }
-function W0(i, t, e) {
+function X0(i, t, e) {
   var h;
   const s = J(), r = (h = i[0]) == null ? void 0 : h.canvas, n = s.draggingOverTrack, o = s.primaryMovingObjects.map((l) => l.id);
   if (!r) return;
@@ -10276,7 +10294,7 @@ function W0(i, t, e) {
     }
   }
 }
-function X0(i, t, e) {
+function z0(i, t, e) {
   const s = i.items, r = {}, n = {}, o = e.getActiveObjects().map((h) => h.id);
   Object.values(e.trackItemsMap).forEach((h) => {
     s.includes(h.id) && (r[h.id] = h);
@@ -10285,7 +10303,7 @@ function X0(i, t, e) {
   Object.values(e.transitionsMap).forEach((h) => {
     a.includes(h.id) && (n[h.id] = h);
   });
-  const c = M0({
+  const c = D0({
     trackItemIds: Fe(s),
     transitionsMap: Fe(n),
     trackItemsMap: Fe(r)
@@ -10300,12 +10318,12 @@ function X0(i, t, e) {
     }
   });
 }
-function z0(i, t) {
+function H0(i, t) {
   i.getObjects("Helper").reduce(
     (r, n) => Math.abs(n.top - t) < Math.abs(r.top - t) ? n : r
   ).setSelected(!0);
 }
-const H0 = (i, t, e, s) => {
+const Y0 = (i, t, e, s) => {
   const r = Nh(i);
   return !r && i instanceof we ? {
     top: 0,
@@ -10315,22 +10333,22 @@ const H0 = (i, t, e, s) => {
     top: 0,
     left: 0,
     isInvalidDrop: !0
-  } : R0(
+  } : F0(
     i,
     s,
     t,
     e
-  ) : L0(i) : A0();
+  ) : R0(i) : L0();
 };
-function Y0(i) {
+function V0(i) {
   i.on("mouse:up", Vh.bind(i)), i.on("object:moving", Uh);
 }
-function V0(i) {
+function G0(i) {
   i.off("mouse:up", Vh.bind(i)), i.off("object:moving", Uh);
 }
-const G0 = (i) => {
+const N0 = (i) => {
   J().canvas.fire("track:create", i);
-}, N0 = (i) => {
+}, U0 = (i) => {
   J().canvas.fire("track-items:moved", i);
 }, $h = (i) => {
   var a, c, h;
@@ -10382,10 +10400,10 @@ const G0 = (i) => {
         positions: t.positionAfterTransform
       }
     };
-    G0(u);
+    N0(u);
   } else if (o instanceof Nt) {
     const u = {
-      isSecondaryOverlapped: $0(),
+      isSecondaryOverlapped: q0(),
       secondaryTracks: e.secondaryTracks,
       primaryTracks: e.primaryTracks,
       primaryPositions: {
@@ -10393,10 +10411,10 @@ const G0 = (i) => {
         positions: t.positionAfterTransform
       }
     };
-    N0(u);
+    U0(u);
   }
 };
-function U0() {
+function $0() {
   const i = J(), t = i.canvas, [e] = i.primaryMovingObjects, s = e.id, r = t.positionAfterTransform[s], n = e.getBoundingRect().top, o = r.top - n, a = {};
   return i.secondaryMovingObjects.forEach((c) => {
     const h = c.getBoundingRect().top + o, l = i.trackTopToIdMap[h], u = bn(
@@ -10410,8 +10428,8 @@ function U0() {
     };
   }), a;
 }
-function $0() {
-  const i = U0(), t = J();
+function q0() {
+  const i = $0(), t = J();
   return Object.keys(i).some((e) => {
     const s = t.trackToItemsMap[e], r = i[e].objects;
     return !s || !s.length ? !0 : s.filter((n) => !r.includes(n)).some((n) => qh(
@@ -10426,11 +10444,11 @@ function qh(i, t) {
     return t.left < r.left + r.width && t.left + t.width > r.left && t.top < r.top + r.height && t.top + t.height > r.top;
   });
 }
-const q0 = (i) => {
+const K0 = (i) => {
   i.on("object:modified", $h);
-}, K0 = (i) => {
+}, J0 = (i) => {
   i.off("object:modified", $h);
-}, Kh = "drag", J0 = `${Kh}:start`, Jh = `${Kh}:end`, Zh = "timeline", Z0 = `${Zh}:boundingChanged`, Q0 = `${Zh}:seek`, ty = (i) => {
+}, Kh = "drag", Z0 = `${Kh}:start`, Jh = `${Kh}:end`, Zh = "timeline", Q0 = `${Zh}:boundingChanged`, ty = `${Zh}:seek`, ey = (i) => {
   const { trackItemIds: t, transitionsMap: e, trackItemsMap: s } = i, r = /* @__PURE__ */ new Map();
   Object.values(e).forEach((c) => {
     var u, d;
@@ -10463,7 +10481,7 @@ const q0 = (i) => {
   return n.forEach((c) => {
     c.sort((h, l) => "display" in h && "display" in l ? h.display.from - l.display.from : 0);
   }), n;
-}, ey = "add:audio", sy = "add:video", ry = "add:image", iy = "add:text", ny = [
+}, sy = "add:audio", ry = "add:video", iy = "add:image", ny = "add:text", oy = [
   "transition",
   "image",
   "video",
@@ -10472,7 +10490,7 @@ const q0 = (i) => {
   "text"
 ];
 let tt, Is, Be = [], qs = "";
-function oy(i, t) {
+function ay(i, t) {
   let e = 1 / 0, s = null;
   const r = new T(i.x, i.y);
   return t.forEach((n) => {
@@ -10482,7 +10500,7 @@ function oy(i, t) {
     o < e && (e = o, s = n);
   }), s;
 }
-const ay = ({
+const cy = ({
   width: i,
   height: t,
   id: e,
@@ -10511,41 +10529,55 @@ const ay = ({
   });
 };
 function Qh(i) {
-  var g;
-  const t = (g = i.e.dataTransfer) == null ? void 0 : g.types[0];
+  var f;
+  let t = null;
+  for (const g of ((f = i.e.dataTransfer) == null ? void 0 : f.types) || [])
+    try {
+      t = JSON.parse(g);
+      break;
+    } catch {
+      try {
+        const p = i.e.dataTransfer.getData(g);
+        if (p) {
+          t = JSON.parse(p);
+          break;
+        }
+      } catch {
+      }
+    }
   if (!t) return;
-  const e = JSON.parse(t), s = e.type;
-  if (!ny.includes(s)) return;
-  const r = e.duration || 5e3, n = this;
-  n.discardActiveObject(), n.setActiveIds([]);
-  const o = Q(r, this.tScale), a = n.getItemSize(s), c = n.getTrackItems();
-  if (tt = ay({
-    width: o,
-    height: a,
+  const e = t.type;
+  if (!oy.includes(e)) return;
+  const s = t.duration || 5e3, r = this;
+  r.discardActiveObject(), r.setActiveIds([]);
+  const n = Q(s, this.tScale), o = r.getItemSize(e), a = r.getTrackItems();
+  if (tt = cy({
+    width: n,
+    height: o,
     id: "TransitionGuide",
     left: 0,
     top: 0,
-    type: s,
-    duration: r
-  }), tt.visible = !1, qs = s, s === "transition") {
-    Be = n.getObjects("Transition");
-    const p = Be.filter((m) => m.kind !== "none");
-    Be.forEach((m) => {
-      const b = c.find((C) => C.id === m.toId), _ = c.find((C) => C.id === m.fromId), x = m.width;
-      ((b == null ? void 0 : b.width) || 0) >= x / 2 && ((_ == null ? void 0 : _.width) || 0) >= x / 2 || (m.availableDrop = !1);
-      const w = p.find(
-        (C) => C.fromId === m.toId
+    type: e,
+    duration: s
+  }), tt.visible = !1, qs = e, e === "transition") {
+    Be = r.getObjects("Transition");
+    const g = Be.filter((p) => p.kind !== "none");
+    Be.forEach((p) => {
+      const m = a.find((C) => C.id === p.toId), b = a.find((C) => C.id === p.fromId), _ = p.width;
+      ((m == null ? void 0 : m.width) || 0) >= _ / 2 && ((b == null ? void 0 : b.width) || 0) >= _ / 2 || (p.availableDrop = !1);
+      const w = g.find(
+        (C) => C.fromId === p.toId
       );
-      w && w.width + x / 2 >= ((b == null ? void 0 : b.width) || 0) && (m.availableDrop = !1);
-      const O = p.find(
-        (C) => C.toId === m.fromId
+      w && w.width + _ / 2 >= ((m == null ? void 0 : m.width) || 0) && (p.availableDrop = !1);
+      const S = g.find(
+        (C) => C.toId === p.fromId
       );
-      O && O.width + x / 2 >= ((_ == null ? void 0 : _.width) || 0) && (m.availableDrop = !1), m.visible = !0;
+      S && S.width + _ / 2 >= ((b == null ? void 0 : b.width) || 0) && (p.availableDrop = !1), p.visible = !0;
     });
   }
-  const h = J();
-  n.trackIdAfterTransform = "", n.positionAfterTransform = {};
-  const l = tt, u = [tt];
+  const c = J();
+  r.trackIdAfterTransform = "", r.positionAfterTransform = {};
+  const h = tt, l = [tt];
   ot({
     activeTrackToItemsMap: {},
     primaryTracks: {},
@@ -10555,31 +10587,31 @@ function Qh(i) {
     activeObjects: [],
     trackTopToIdMap: {},
     isDragOver: !1
-  }), ot({ activeObjects: u });
-  const d = n.getObjects("Track"), f = n.getTrackItems();
-  d.forEach((p) => {
-    const m = f.filter((b) => p.items.includes(b.id));
-    h.trackToItemsMap[p.id] = m, h.trackTopToIdMap[p.top] = p.id, h.trackTops.push(p.top);
-  }), h.trackTops.sort((p, m) => p - m), h.primaryMovingObjects = u, h.primaryMovingObjects = h.primaryMovingObjects.sort(
-    (p, m) => p.left - m.left
-  ), l && (n.positionBeforeTransform = {
-    top: l.top,
-    left: l.left
-  }), h.placeholderMovingObjects = h.primaryMovingObjects.map((p) => {
-    const m = p.getBoundingRect();
-    h.objectInitialPositions[p.id] = {
-      top: m.top,
-      left: m.left
+  }), ot({ activeObjects: l });
+  const u = r.getObjects("Track"), d = r.getTrackItems();
+  u.forEach((g) => {
+    const p = d.filter((m) => g.items.includes(m.id));
+    c.trackToItemsMap[g.id] = p, c.trackTopToIdMap[g.top] = g.id, c.trackTops.push(g.top);
+  }), c.trackTops.sort((g, p) => g - p), c.primaryMovingObjects = l, c.primaryMovingObjects = c.primaryMovingObjects.sort(
+    (g, p) => g.left - p.left
+  ), h && (r.positionBeforeTransform = {
+    top: h.top,
+    left: h.left
+  }), c.placeholderMovingObjects = c.primaryMovingObjects.map((g) => {
+    const p = g.getBoundingRect();
+    c.objectInitialPositions[g.id] = {
+      top: p.top,
+      left: p.left
     };
-    const b = new Vs({
-      id: `${p.id}-placeholder`,
-      left: m.left,
-      top: m.top,
-      width: m.width,
-      height: m.height
+    const m = new Vs({
+      id: `${g.id}-placeholder`,
+      left: p.left,
+      top: p.top,
+      width: p.width,
+      height: p.height
     });
-    return b.visible = !1, b.draggedObject = p, b;
-  }), n.add(...h.placeholderMovingObjects), n.add(tt), se(J0);
+    return m.visible = !1, m.draggedObject = g, m;
+  }), r.add(...c.placeholderMovingObjects), r.add(tt), se(Z0);
 }
 const tl = (i) => {
   const t = J();
@@ -10596,15 +10628,17 @@ function el() {
   }), i.remove(tt);
 }
 function sl(i) {
-  const t = J(), e = t.placeholderMovingObjects[0];
-  if (e.visible || (tt.visible = !0, e.visible = !0), t.activeObjects[0] instanceof $s && (e.visible = !1), !tt) return !1;
-  i.e.preventDefault();
+  const t = J();
+  if (!tt || !t.placeholderMovingObjects || !t.placeholderMovingObjects[0])
+    return !1;
+  const e = t.placeholderMovingObjects[0];
+  e.visible || (tt.visible = !0, e.visible = !0), t.activeObjects[0] instanceof $s && (e.visible = !1), i.e.preventDefault();
   const s = this, r = s.getScenePoint(i.e);
   tt.set({
     left: r.x - 16,
     top: r.y - tt.height / 2
   });
-  const n = oy(
+  const n = ay(
     r,
     Be.filter((c) => c.availableDrop)
   );
@@ -10643,76 +10677,92 @@ function sl(i) {
   s.requestRenderAll();
 }
 function rl(i) {
-  var o;
+  var n;
   qs = "";
   const t = this;
   tl(t);
   const e = J(), s = e.draggingOverTrack;
   ot({ draggingOverTrack: null, isPointerOverHelperTrack: !1 });
-  const r = (o = i.e.dataTransfer) == null ? void 0 : o.types[0], n = JSON.parse(i.e.dataTransfer.getData(r));
-  if (n.type !== "transition") {
-    const a = e.activeObjects[0], c = P(a.left, t.tScale);
-    if (s instanceof Nt)
-      if (e.placeholderMovingObjects[0].opacity !== 0) {
-        const l = Gi(s, this.getObjects("Track"));
-        if (s.magnetic) {
-          const u = e.initialTrackPoints[e.initialTrackPoints.length - 1], d = P(u, t.tScale) || 0;
-          Lr(n, l, d);
-        } else Lr(n, l, c);
-      } else {
-        const l = t.getScenePoint(i.e), u = P(
-          l.x,
+  let r = null;
+  for (const o of ((n = i.e.dataTransfer) == null ? void 0 : n.types) || [])
+    try {
+      r = JSON.parse(o);
+      break;
+    } catch {
+      try {
+        const a = i.e.dataTransfer.getData(o);
+        if (a) {
+          r = JSON.parse(a);
+          break;
+        }
+      } catch {
+      }
+    }
+  if (r) {
+    if (r.type !== "transition") {
+      const o = e.activeObjects[0], a = P(o.left, t.tScale);
+      if (s instanceof Nt)
+        if (e.placeholderMovingObjects[0].opacity !== 0) {
+          const h = Gi(s, this.getObjects("Track"));
+          if (s.magnetic) {
+            const l = e.initialTrackPoints[e.initialTrackPoints.length - 1], u = P(l, t.tScale) || 0;
+            Lr(r, h, u);
+          } else Lr(r, h, a);
+        } else {
+          const h = t.getScenePoint(i.e), l = P(
+            h.x,
+            t.tScale
+          ), u = h.y, f = t.getObjects("Helper").reduce(
+            (p, m) => Math.abs(m.top - u) < Math.abs(p.top - u) ? m : p
+          ), g = Gi(f, this.getObjects("Track"));
+          Lr(r, g, l, !0);
+        }
+      else {
+        const c = t.getScenePoint(i.e), h = P(
+          c.x - 16,
           t.tScale
-        ), d = l.y, g = t.getObjects("Helper").reduce(
-          (m, b) => Math.abs(b.top - d) < Math.abs(m.top - d) ? b : m
-        ), p = Gi(g, this.getObjects("Track"));
-        Lr(n, p, u, !0);
+        ), l = Gi(
+          s,
+          this.getObjects("Track")
+        );
+        Lr(r, l, h, !0);
       }
-    else {
-      const h = t.getScenePoint(i.e), l = P(
-        h.x - 16,
-        t.tScale
-      ), u = Gi(
-        s,
-        this.getObjects("Track")
-      );
-      Lr(n, u, l, !0);
+      this.remove(o), this.requestRenderAll();
+      return;
     }
-    this.remove(a), this.requestRenderAll();
-    return;
-  }
-  if (tt) {
-    if (Is) {
-      const a = Is.id, c = o0(n, ["kind", "direction"]);
-      Object.keys(c).forEach((_) => {
-        _ === "kind" ? Is.kind = c[_] : Is[_] = c[_];
-      });
-      const h = Fe(this.trackItemIds), l = Fe(this.transitionsMap), u = Fe(this.trackItemsMap);
-      l[a] = {
-        ...l[a],
-        ...c
-      };
-      const d = ty({
-        trackItemIds: h,
-        transitionsMap: l,
-        trackItemsMap: u
-      }), g = l[a].fromId, p = d.find((_) => _.find((x) => x.id === g)) || [], m = cy(
-        p
-      ), b = hy(
-        this.trackItemsMap,
-        m
-      );
-      this.trackItemsMap = b, this.transitionsMap[a] = {
-        ...this.transitionsMap[a],
-        ...c
-      }, this.adjustMagneticTrack(), this.calcBounding(), this.updateTransitions(), this.refreshTrackLayout(), this.updateState({ kind: "add:transition", updateHistory: !0 });
+    if (tt) {
+      if (Is) {
+        const o = Is.id, a = a0(r, ["kind", "direction"]);
+        Object.keys(a).forEach((b) => {
+          b === "kind" ? Is.kind = a[b] : Is[b] = a[b];
+        });
+        const c = Fe(this.trackItemIds), h = Fe(this.transitionsMap), l = Fe(this.trackItemsMap);
+        h[o] = {
+          ...h[o],
+          ...a
+        };
+        const u = ey({
+          trackItemIds: c,
+          transitionsMap: h,
+          trackItemsMap: l
+        }), f = h[o].fromId, g = u.find((b) => b.find((_) => _.id === f)) || [], p = hy(
+          g
+        ), m = ly(
+          this.trackItemsMap,
+          p
+        );
+        this.trackItemsMap = m, this.transitionsMap[o] = {
+          ...this.transitionsMap[o],
+          ...a
+        }, this.adjustMagneticTrack(), this.calcBounding(), this.updateTransitions(), this.refreshTrackLayout(), this.updateState({ kind: "add:transition", updateHistory: !0 });
+      }
+      Be.forEach((o) => {
+        o.strokeDashArray = [], o.setSelected(!1), o.kind === "none" && (o.visible = !1);
+      }), t.remove(tt), t.requestRenderAll(), se(Jh);
     }
-    Be.forEach((a) => {
-      a.strokeDashArray = [], a.setSelected(!1), a.kind === "none" && (a.visible = !1);
-    }), t.remove(tt), t.requestRenderAll(), se(Jh);
   }
 }
-const cy = (i) => {
+const hy = (i) => {
   var r;
   const [t] = i, e = i.filter(
     (n) => n.type !== "transition"
@@ -10728,7 +10778,7 @@ const cy = (i) => {
       display: a
     };
   });
-}, hy = (i, t) => {
+}, ly = (i, t) => {
   let e = i;
   return t.forEach((s) => {
     e[s.id] = s;
@@ -10746,28 +10796,28 @@ const cy = (i) => {
     return h < l ? c : o;
   }, 0);
 }, Lr = (i, t, e, s) => {
-  i.type === "image" ? se(ry, {
+  i.type === "image" ? se(iy, {
     payload: {
       ...i,
       id: Ds(),
       display: { from: e }
     },
     options: { trackIndex: t, isNewTrack: s }
-  }) : i.type === "video" ? se(sy, {
+  }) : i.type === "video" ? se(ry, {
     payload: {
       ...i,
       id: Ds(),
       display: { from: e }
     },
     options: { trackIndex: t, isNewTrack: s }
-  }) : i.type === "audio" ? se(ey, {
+  }) : i.type === "audio" ? se(sy, {
     payload: {
       ...i,
       id: Ds(),
       display: { from: e }
     },
     options: { trackIndex: t, isNewTrack: s }
-  }) : i.type === "text" && se(iy, {
+  }) : i.type === "text" && se(ny, {
     payload: {
       ...i,
       id: Ds(),
@@ -10776,10 +10826,10 @@ const cy = (i) => {
     options: { trackIndex: t, isNewTrack: s }
   });
 };
-function ly(i) {
+function uy(i) {
   i.on("dragover", sl), i.on("dragenter", Qh), i.on("dragleave", el), i.on("drop", rl);
 }
-function uy(i) {
+function dy(i) {
   i.off("dragover", sl), i.off("dragenter", Qh), i.off("dragleave", el), i.off("drop", rl);
 }
 function il(i) {
@@ -10818,9 +10868,9 @@ function al(i) {
     t.setSelected(!1);
   });
 }
-const dy = (i) => {
+const fy = (i) => {
   i.on("selection:created", nl), i.on("selection:updated", ol), i.on("selection:cleared", al), i.on("mouse:wheel", il);
-}, fy = (i) => {
+}, gy = (i) => {
   i.off("mouse:wheel", il), i.off("selection:created", nl), i.off("selection:updated", ol), i.off("selection:cleared", al);
 }, cl = () => {
   var n;
@@ -10854,14 +10904,14 @@ const dy = (i) => {
   }
   t.alignTransitionsToTrack(!1);
 };
-function gy(i) {
+function py(i) {
   i.on("object:moving", cl);
 }
-function py(i) {
+function my(i) {
   i.off("object:moving", cl);
 }
 let Et, eo = !1;
-function my(i, t) {
+function vy(i, t) {
   const e = i.canvas;
   if (e.objectTypes.includes(i.type)) {
     Et || (Et = i);
@@ -10871,7 +10921,7 @@ function my(i, t) {
 }
 function hl(i) {
   const t = this, e = t.findTarget(i.e), s = t.getScenePoint(i.e);
-  e && (e.isSelected && Et && (e.hoverCursor = "default"), my(e, s));
+  e && (e.isSelected && Et && (e.hoverCursor = "default"), vy(e, s));
 }
 function ll() {
   Et && (Et.lockMovementX = !1, Et.lockMovementY = !1, Et = void 0);
@@ -10888,18 +10938,18 @@ function fl() {
 function gl() {
   eo = !1;
 }
-function vy(i) {
+function yy(i) {
   i.on("mouse:out", dl.bind(i)), i.on("mouse:up", ll.bind(i)), i.on("mouse:move", hl.bind(i)), i.on("after:render", ul.bind(i)), i.on("object:resizing", fl.bind(i)), i.on("object:modified", gl.bind(i));
 }
-function yy(i) {
+function by(i) {
   i.off("mouse:out", dl.bind(i)), i.off("mouse:up", ll.bind(i)), i.off("mouse:move", hl.bind(i)), i.off("after:render", ul.bind(i)), i.off("object:resizing", fl.bind(i)), i.off("object:modified", gl.bind(i));
 }
-const by = (i) => {
-  ot({ canvas: i }), m0(i), u0(i), y0(i), w0(i), O0(i), Y0(i), q0(i), ly(i), dy(i), gy(i), vy(i);
-}, _y = (i) => {
-  ot({ canvas: null }), v0(i), d0(i), b0(i), C0(i), k0(i), V0(i), K0(i), uy(i), fy(i), py(i), yy(i);
+const _y = (i) => {
+  ot({ canvas: i }), v0(i), d0(i), b0(i), C0(i), k0(i), V0(i), K0(i), uy(i), fy(i), py(i), yy(i);
+}, Ty = (i) => {
+  ot({ canvas: null }), y0(i), f0(i), _0(i), O0(i), M0(i), G0(i), J0(i), dy(i), gy(i), my(i), by(i);
 };
-class Ty {
+class xy {
   removeTransitions() {
     const t = this.getObjects("Transition");
     this.remove(...t);
@@ -10991,8 +11041,8 @@ function pl(i) {
     if (_.type === "audio")
       if (d) {
         u.push(_.id);
-        const x = a.objectInitialPositions[_.id];
-        x && (_.set({ top: x.top, left: x.left }), _.setCoords());
+        const w = a.objectInitialPositions[_.id];
+        w && (_.set({ top: w.top, left: w.left }), _.setCoords());
       } else
         d = !0;
   });
@@ -11003,7 +11053,7 @@ function pl(i) {
     accepts: h.accepts,
     muted: h.muted || !1
   }, g = Qn(
-    Object.keys(t).map((_) => t[_].objects.filter((x) => !u.includes(x.id)).map((x) => x.id))
+    Object.keys(t).map((_) => t[_].objects.filter((w) => !u.includes(w.id)).map((w) => w.id))
   );
   let p = Gs(this.tracks, [
     ...Object.keys(r).filter((_) => !u.includes(_)),
@@ -11011,17 +11061,17 @@ function pl(i) {
   ]);
   const m = [];
   Object.keys(t).forEach((_) => {
-    const { objects: x, index: w } = t[_], O = this.tracks.find(
+    const { objects: w, index: S } = t[_], C = this.tracks.find(
       (M) => M.id === _
-    ), C = x.map((M) => M.id).filter(
+    ), O = w.map((M) => M.id).filter(
       (M) => !this.transitionIds.includes(M) && !u.includes(M)
     ), D = {
       id: nr(),
-      items: C,
-      type: O.type,
-      accepts: O.accepts,
-      tempIndex: w,
-      muted: O.muted || !1
+      items: O,
+      type: C.type,
+      accepts: C.accepts,
+      tempIndex: S,
+      muted: C.muted || !1
     };
     m.push(D);
   });
@@ -11081,11 +11131,11 @@ function ml(i) {
     secondaryTracks: e,
     primaryTracks: s,
     primaryPositions: r
-  } = i, { trackId: n, positions: o } = r, a = this.tracks.find((C) => C.id === n), c = J(), l = c.primaryMovingObjects.sort((C, D) => C.left - D.left);
-  l.forEach((C, D) => {
-    l[D - 1] && C.left - l[D - 1].left;
+  } = i, { trackId: n, positions: o } = r, a = this.tracks.find((O) => O.id === n), c = J(), l = c.primaryMovingObjects.sort((O, D) => O.left - D.left);
+  l.forEach((O, D) => {
+    l[D - 1] && O.left - l[D - 1].left;
   });
-  const u = this.tracks.findIndex((C) => C.id === n), d = Object.keys(o), f = this.tracks.find((C) => C.id === n), g = [];
+  const u = this.tracks.findIndex((O) => O.id === n), d = Object.keys(o), f = this.tracks.find((O) => O.id === n), g = [];
   f && f.items.find((D) => {
     const M = this.trackItemsMap[D];
     return M && M.type === "audio" && !d.includes(D);
@@ -11101,19 +11151,19 @@ function ml(i) {
     }
   });
   const p = {};
-  d.forEach((C) => {
-    g.includes(C) || (p[C] = o[C]);
+  d.forEach((O) => {
+    g.includes(O) || (p[O] = o[O]);
   });
   const m = Object.keys(p), b = Qn(
-    Object.keys(e).map((C) => e[C].objects.map((D) => D.id))
+    Object.keys(e).map((O) => e[O].objects.map((D) => D.id))
   );
   let _ = Gs(this.tracks, [
     ...m,
     ...b
   ]);
-  Object.keys(s).forEach((C) => {
+  Object.keys(s).forEach((O) => {
     this.pauseEventListeners();
-    const { objects: D } = s[C];
+    const { objects: D } = s[O];
     D.forEach((R) => {
       if (R.isMain && (a != null && a.magnetic) || g.includes(R.id)) return;
       const z = p[R.id];
@@ -11122,9 +11172,9 @@ function ml(i) {
     const M = r.trackId, I = _.find((R) => R.id === M);
     I == null || I.items.push(...m), this.tracks = _;
   });
-  const x = this.tracks[u], w = [];
-  Object.keys(e).forEach((C) => {
-    const { objects: D, index: M } = e[C], I = D.filter(
+  const w = this.tracks[u], S = [];
+  Object.keys(e).forEach((O) => {
+    const { objects: D, index: M } = e[O], I = D.filter(
       (E) => E.type !== "transition" && !g.includes(E.id)
     ).map((E) => E.id), [R] = I, z = this.trackItemsMap[R];
     if (t && z) {
@@ -11136,14 +11186,14 @@ function ml(i) {
         tempIndex: M,
         muted: !1
       };
-      w.push(W);
+      S.push(W);
     } else {
       const E = _[u + M];
       E == null || E.items.push(...I), this.tracks = _;
     }
   });
-  const O = Hh(x, w);
-  O.length && _.splice(u, 1, ...O), this.tracks = _, this.renderTracks(), this.alignItemsToTrack(), this.uodateTrackItemIdsOrdering(), this.adjustMagneticTrack(), or(this), this.updateTransitions(!0), this.updateState({ updateHistory: !0, kind: "update" });
+  const C = Hh(w, S);
+  C.length && _.splice(u, 1, ...C), this.tracks = _, this.renderTracks(), this.alignItemsToTrack(), this.uodateTrackItemIdsOrdering(), this.adjustMagneticTrack(), or(this), this.updateTransitions(!0), this.updateState({ updateHistory: !0, kind: "update" });
 }
 function vl({
   trackItemIds: i,
@@ -11214,23 +11264,23 @@ function vl({
   or(this), this.updateTransitions(!0), this.uodateTrackItemIdsOrdering(), this.updateState({ updateHistory: !0, kind: "update" });
 }
 let _n = { x: 0, y: 0 };
-function xy(i) {
+function Sy(i) {
   _n = i.scenePoint;
 }
 function yl(i) {
   const t = i.scenePoint;
   if ((_n.x === t.x || _n.y === t.y) && !i.target) {
     const s = this.getElement().getBoundingClientRect(), r = this.viewportTransform, n = i.e.clientX - s.left - r[4], o = P(n, this.scale.zoom);
-    se(Q0, { payload: { time: o } });
+    se(ty, { payload: { time: o } });
   }
 }
-const Sy = (i) => {
-  i.on("track:create", pl.bind(i)), i.on("track-items:resized", vl.bind(i)), i.on("track-items:moved", ml.bind(i)), i.on("mouse:up", yl.bind(i)), i.on("mouse:down", xy.bind(i));
+const wy = (i) => {
+  i.on("track:create", pl.bind(i)), i.on("track-items:resized", vl.bind(i)), i.on("track-items:moved", ml.bind(i)), i.on("mouse:up", yl.bind(i)), i.on("mouse:down", Sy.bind(i));
 };
-function wy(i) {
+function Cy(i) {
   i.off("track:create", pl.bind(i)), i.off("track-items:resized", vl.bind(i)), i.off("track-items:moved", ml.bind(i)), i.off("mouse:up", yl.bind(i));
 }
-function Cy(i, t) {
+function Oy(i, t) {
   return t.forEach((e) => {
     Object.getOwnPropertyNames(e.prototype).forEach((s) => {
       s !== "constructor" && Object.defineProperty(
@@ -11242,7 +11292,7 @@ function Cy(i, t) {
   }), i;
 }
 let bl, _l, Tl, xl, Sl, wl, Cl, Ol, kl;
-const Oy = (i) => {
+const ky = (i) => {
   bl = i.state.subscribeToActiveIds(
     ({ activeIds: t }) => {
       const e = i.activeIds;
@@ -11348,7 +11398,7 @@ const Oy = (i) => {
       }
     }), i.trackItemIds = e.trackItemIds, i.activeIds = e.activeIds, or(i), i.renderTracks(), i.alignItemsToTrack(), i.updateTrackItemCoords(), i.calcBounding(), i.updateTransitions(), i.refreshTrackLayout(), i.selectTrackItemByIds(e.activeIds), i.updateState({ updateHistory: !1 });
   });
-}, ky = (i) => {
+}, My = (i) => {
   bl.unsubscribe(), _l.unsubscribe(), Tl.unsubscribe(), xl.unsubscribe(), Sl.unsubscribe(), wl.unsubscribe(), Cl.unsubscribe(), Ol.unsubscribe(), kl.unsubscribe();
 }, Ma = (i, t) => {
   let e = !1;
@@ -11357,30 +11407,30 @@ const Oy = (i) => {
     r.containsPoint(i) && (s.push(r), e = !0);
   }), { isOverObject: e, overObjects: s };
 };
-function My(i) {
+function Dy(i) {
   return JSON.parse(JSON.stringify(i));
 }
-class Dy {
+class Iy {
   constructor(t, e = {}) {
-    S(this, "canvas");
-    S(this, "fill", "rgba(0,0,0,.3)");
-    S(this, "stroke", "rgba(255,255,255,.3)");
-    S(this, "lineWidth", 1);
-    S(this, "hideX", !1);
-    S(this, "hideY", !1);
-    S(this, "scrollbarMinWidth", 40);
-    S(this, "scrollbarSize", 5);
-    S(this, "scrollSpace", 0);
-    S(this, "padding", 4);
-    S(this, "extraMarginX", 200);
-    S(this, "extraMarginY", 200);
-    S(this, "offsetX", 0);
-    S(this, "offsetY", 0);
-    S(this, "scrollbarWidth", 5);
-    S(this, "scrollbarColor", "rgba(0,0,0,.3)");
-    S(this, "onViewportChange");
-    S(this, "_bar");
-    S(this, "_barViewport", {
+    x(this, "canvas");
+    x(this, "fill", "rgba(0,0,0,.3)");
+    x(this, "stroke", "rgba(255,255,255,.3)");
+    x(this, "lineWidth", 1);
+    x(this, "hideX", !1);
+    x(this, "hideY", !1);
+    x(this, "scrollbarMinWidth", 40);
+    x(this, "scrollbarSize", 5);
+    x(this, "scrollSpace", 0);
+    x(this, "padding", 4);
+    x(this, "extraMarginX", 200);
+    x(this, "extraMarginY", 200);
+    x(this, "offsetX", 0);
+    x(this, "offsetY", 0);
+    x(this, "scrollbarWidth", 5);
+    x(this, "scrollbarColor", "rgba(0,0,0,.3)");
+    x(this, "onViewportChange");
+    x(this, "_bar");
+    x(this, "_barViewport", {
       left: 1,
       right: -1,
       top: 1,
@@ -11388,9 +11438,9 @@ class Dy {
       sx: 1,
       sy: 1
     });
-    S(this, "_originalMouseDown");
-    S(this, "_originalMouseMove");
-    S(this, "_originalMouseUp");
+    x(this, "_originalMouseDown");
+    x(this, "_originalMouseMove");
+    x(this, "_originalMouseUp");
     this.canvas = t, Object.assign(this, e), e.scrollbarWidth !== void 0 && (this.scrollbarSize = e.scrollbarWidth), e.scrollbarColor !== void 0 && (this.fill = e.scrollbarColor), this._originalMouseDown = this.canvas.__onMouseDown, this._originalMouseMove = this.canvas._onMouseMove, this._originalMouseUp = this.canvas._onMouseUp, this.canvas.__onMouseDown = this.mouseDownHandler.bind(this), this.canvas._onMouseMove = this.mouseMoveHandler.bind(this), this.canvas._onMouseUp = this.mouseUpHandler.bind(this), this.beforeRenderHandler = this.beforeRenderHandler.bind(this), this.afterRenderHandler = this.afterRenderHandler.bind(this), this.initBehavior();
   }
   initBehavior() {
@@ -11510,7 +11560,7 @@ class Dy {
     this._originalMouseDown && (this.canvas.__onMouseDown = this._originalMouseDown), this._originalMouseMove && (this.canvas._onMouseMove = this._originalMouseMove), this._originalMouseUp && (this.canvas._onMouseUp = this._originalMouseUp), this.canvas.off("before:render", this.beforeRenderHandler), this.canvas.off("after:render", this.afterRenderHandler);
   }
 }
-const Iy = (i) => {
+const jy = (i) => {
   const t = i.getTrackItems();
   if (t.length === 0)
     return { left: 0, top: 0, right: 0, bottom: 0 };
@@ -11518,8 +11568,8 @@ const Iy = (i) => {
     t.map((o) => o.getCoords()).flat(1)
   );
   return { left: e, top: s, right: e + r, bottom: s + n };
-}, jy = (i, t, e = 0, s = 0, r = 200, n = 200) => {
-  const o = t[0], a = Iy(i), c = Math.min(a.left, -e), h = Math.min(a.top, -s), l = a.right + r, u = a.bottom + n, d = l - c, f = u - h, g = i.width / o, p = i.height / o;
+}, Ey = (i, t, e = 0, s = 0, r = 200, n = 200) => {
+  const o = t[0], a = jy(i), c = Math.min(a.left, -e), h = Math.min(a.top, -s), l = a.right + r, u = a.bottom + n, d = l - c, f = u - h, g = i.width / o, p = i.height / o;
   if (d <= g)
     t[4] = -c * o;
   else {
@@ -11537,7 +11587,7 @@ const Iy = (i) => {
     b < 0 && t[5] < b && (t[5] = b);
   }
   return t;
-}, Ey = (i, t = {}) => (e) => {
+}, Py = (i, t = {}) => (e) => {
   const s = e.e;
   s.target == i.upperCanvasEl && s.preventDefault();
   const r = Math.floor(s.deltaY) != Math.ceil(s.deltaY);
@@ -11549,7 +11599,7 @@ const Iy = (i) => {
   }
   const n = i.viewportTransform.slice(0);
   s.shiftKey ? n[4] -= s.deltaY : (n[4] -= s.deltaX, n[5] -= s.deltaY);
-  const o = jy(
+  const o = Ey(
     i,
     n,
     t.offsetX ?? 0,
@@ -11562,35 +11612,35 @@ const Iy = (i) => {
   constructor(e, s) {
     var r;
     super(e, s);
-    S(this, "itemTypes", []);
-    S(this, "acceptsMap");
-    S(this, "sizesMap", {});
-    S(this, "objectTypes", []);
+    x(this, "itemTypes", []);
+    x(this, "acceptsMap");
+    x(this, "sizesMap", {});
+    x(this, "objectTypes", []);
     // Declare properties from state
-    S(this, "tracks", []);
-    S(this, "hoverCornerItem", !1);
-    S(this, "trackItemsMap", {});
-    S(this, "trackItemIds", []);
-    S(this, "transitionIds", []);
-    S(this, "transitionsMap", {});
-    S(this, "scale");
-    S(this, "duration");
-    S(this, "bounding");
-    S(this, "onScroll");
-    S(this, "onResizeCanvas");
-    S(this, "tScale");
-    S(this, "state");
-    S(this, "activeIds", []);
-    S(this, "spacing");
-    S(this, "guideLineColor");
-    S(this, "withTransitions", []);
-    S(this, "_mouseWheelHandler");
-    S(this, "_scrollbars");
-    S(this, "_viewportChangeCallback");
+    x(this, "tracks", []);
+    x(this, "hoverCornerItem", !1);
+    x(this, "trackItemsMap", {});
+    x(this, "trackItemIds", []);
+    x(this, "transitionIds", []);
+    x(this, "transitionsMap", {});
+    x(this, "scale");
+    x(this, "duration");
+    x(this, "bounding");
+    x(this, "onScroll");
+    x(this, "onResizeCanvas");
+    x(this, "tScale");
+    x(this, "state");
+    x(this, "activeIds", []);
+    x(this, "spacing");
+    x(this, "guideLineColor");
+    x(this, "withTransitions", []);
+    x(this, "_mouseWheelHandler");
+    x(this, "_scrollbars");
+    x(this, "_viewportChangeCallback");
     this.bounding = s.bounding || {
       width: s.width || 0,
       height: s.height || 0
-    }, this.tScale = ((r = s.scale) == null ? void 0 : r.zoom) || 1, this.state = s.state, this.onScroll = s.onScroll, this.onResizeCanvas = s.onResizeCanvas, this.acceptsMap = s.acceptsMap || {}, this.sizesMap = s.sizesMap || {}, this.itemTypes = s.itemTypes || [], this.objectTypes = Ws.objectTypes, this.spacing = T0(s.spacing), this.itemTypes = s.itemTypes || [], this.positionAfterTransform = {}, this.initializeCanvasDefaults(), this.scale = s.scale, this.duration = s.duration, this.guideLineColor = s.guideLineColor || Ue, this.initEventListeners(), this.withTransitions = s.withTransitions || [];
+    }, this.tScale = ((r = s.scale) == null ? void 0 : r.zoom) || 1, this.state = s.state, this.onScroll = s.onScroll, this.onResizeCanvas = s.onResizeCanvas, this.acceptsMap = s.acceptsMap || {}, this.sizesMap = s.sizesMap || {}, this.itemTypes = s.itemTypes || [], this.objectTypes = Ws.objectTypes, this.spacing = x0(s.spacing), this.itemTypes = s.itemTypes || [], this.positionAfterTransform = {}, this.initializeCanvasDefaults(), this.scale = s.scale, this.duration = s.duration, this.guideLineColor = s.guideLineColor || Ue, this.initEventListeners(), this.withTransitions = s.withTransitions || [];
   }
   static registerItems(e) {
     Object.keys(e).forEach((s) => {
@@ -11612,7 +11662,7 @@ const Iy = (i) => {
       },
       scrollSpace: e.scrollSpace ?? 0
     };
-    this._mouseWheelHandler = Ey(this, s), this.on("mouse:wheel", this._mouseWheelHandler), this._scrollbars = new Dy(this, s);
+    this._mouseWheelHandler = Py(this, s), this.on("mouse:wheel", this._mouseWheelHandler), this._scrollbars = new Iy(this, s);
     const r = e.offsetX ?? 0, n = e.offsetY ?? 0;
     if (r !== 0 || n !== 0) {
       const o = this.viewportTransform.slice(0);
@@ -11660,7 +11710,7 @@ const Iy = (i) => {
     );
     if (r && (r == null ? void 0 : r.findControl(
       this.getViewportPoint(e),
-      S0(e)
+      w0(e)
     ))) {
       super.__onMouseDown(e);
       return;
@@ -11724,12 +11774,12 @@ const Iy = (i) => {
       super._setupCurrentTransform(e, s, r);
   }
   initEventListeners() {
-    Sy(this), by(this), Oy(this);
+    wy(this), _y(this), ky(this);
   }
   setActiveIds(e) {
     this.activeIds = e, this.state.updateState(
       {
-        activeIds: My(this.activeIds)
+        activeIds: Dy(this.activeIds)
       },
       {
         kind: "layer:selection",
@@ -11775,7 +11825,7 @@ const Iy = (i) => {
     };
   }
   purge() {
-    _y(this), wy(this), ky(), this.disposeScrollbars(), this.dispose();
+    Ty(this), Cy(this), My(), this.disposeScrollbars(), this.dispose();
   }
   scrollTo({
     scrollLeft: e,
@@ -11833,7 +11883,7 @@ const Iy = (i) => {
     this.bounding = {
       ...s,
       ...r
-    }, se(Z0, {
+    }, se(Q0, {
       payload: {
         bounding: {
           ...s,
@@ -11874,59 +11924,59 @@ const Iy = (i) => {
     c[4] = h.x, c[5] = h.y, this.setViewportTransform(c), this.requestRenderAll(), this.resumeEventListeners();
   }
 };
-S(Ws, "objectTypes", []);
+x(Ws, "objectTypes", []);
 let be = Ws;
-Cy(be, [
-  yf,
+Oy(be, [
+  bf,
+  u0,
   l0,
-  h0,
-  Ty
+  xy
 ]);
-const zy = {
+const Hy = {
   audio: hn,
   media: dn,
   common: ln,
   transition: un
 };
 export {
-  Ry as BOTTOM,
+  Fy as BOTTOM,
   ze as CENTER,
   $ as Control,
   Jh as DRAG_END,
   Kh as DRAG_PREFIX,
-  J0 as DRAG_START,
+  Z0 as DRAG_START,
   ht as FabricObject,
   Se as Helper,
   sr as LEFT,
-  Fy as NONE,
+  By as NONE,
   Ai as Pattern,
   Vs as Placeholder,
   we as PreviewTrackItem,
   rr as RIGHT,
   st as Rect,
   fn as Resizable,
-  Z0 as TIMELINE_BOUNDING_CHANGED,
+  Q0 as TIMELINE_BOUNDING_CHANGED,
   Zh as TIMELINE_PREFIX,
-  Q0 as TIMELINE_SEEK,
-  Ly as TOP,
+  ty as TIMELINE_SEEK,
+  Ry as TOP,
   Nt as Track,
   $t as Transition,
   ne as Trimmable,
-  By as calculateTimelineWidth,
+  Wy as calculateTimelineWidth,
   ln as changeWidth,
   k as classRegistry,
   _s as controlsUtils,
-  Xy as createAudioControls,
-  df as createMediaControls,
-  uf as createResizeControls,
-  Wy as createTemplateControls,
+  zy as createAudioControls,
+  ff as createMediaControls,
+  df as createResizeControls,
+  Xy as createTemplateControls,
   hh as createTransitionControls,
   be as default,
   Gt as drawVerticalLine,
   Ds as generateId,
   Br as getDuration,
   ir as isTransformCentered,
-  zy as resize,
+  Hy as resize,
   A as resolveOrigin,
   Q as timeMsToUnits,
   P as unitsToTimeMs,