@cliquify.me/state 3.1.23 → 3.1.25

package/dist/index.es.js

@@ -1,7 +1,7 @@
 var xs = Object.defineProperty;
 var Ds = (t, e, r) => e in t ? xs(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var fe = (t, e, r) => Ds(t, typeof e != "symbol" ? e + "" : e, r);
-import { subject as pe, filter as he } from "@designcombo/events";
+var Qt = (t, e, r) => Ds(t, typeof e != "symbol" ? e + "" : e, r);
+import { subject as he, filter as me } from "@designcombo/events";
 var mn = function(t, e) {
   return mn = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(r, s) {
     r.__proto__ = s;
@@ -86,36 +86,36 @@ var kr = function() {
       if (l)
         if (this._parentage = null, Array.isArray(l))
           try {
-            for (var f = yn(l), I = f.next(); !I.done; I = f.next()) {
-              var S = I.value;
-              S.remove(this);
+            for (var f = yn(l), g = f.next(); !g.done; g = f.next()) {
+              var v = g.value;
+              v.remove(this);
             }
           } catch (u) {
             e = { error: u };
           } finally {
             try {
-              I && !I.done && (r = f.return) && r.call(f);
+              g && !g.done && (r = f.return) && r.call(f);
             } finally {
               if (e) throw e.error;
             }
           }
         else
           l.remove(this);
-      var M = this.initialTeardown;
-      if (Gt(M))
+      var w = this.initialTeardown;
+      if (Gt(w))
         try {
-          M();
+          w();
         } catch (u) {
           c = u instanceof ln ? u.errors : [u];
         }
-      var E = this._finalizers;
-      if (E) {
+      var M = this._finalizers;
+      if (M) {
         this._finalizers = null;
         try {
-          for (var y = yn(E), T = y.next(); !T.done; T = y.next()) {
+          for (var y = yn(M), T = y.next(); !T.done; T = y.next()) {
             var C = T.value;
             try {
-              $n(C);
+              zn(C);
             } catch (u) {
               c = c ?? [], u instanceof ln ? c = In(In([], gn(c)), gn(u.errors)) : c.push(u);
             }
@@ -137,7 +137,7 @@ var kr = function() {
     var r;
     if (e && e !== this)
       if (this.closed)
-        $n(e);
+        zn(e);
       else {
         if (e instanceof t) {
           if (e.closed || e._hasParent(this))
@@ -166,7 +166,7 @@ var kr = function() {
 function as(t) {
   return t instanceof kr || t && "closed" in t && Gt(t.remove) && Gt(t.add) && Gt(t.unsubscribe);
 }
-function $n(t) {
+function zn(t) {
   Gt(t) ? t() : t.unsubscribe();
 }
 var Os = {
@@ -269,15 +269,15 @@ var os = function(t) {
 function mr(t) {
   Ps(t);
 }
-function zs(t) {
+function $s(t) {
   throw t;
 }
 var Fs = {
   closed: !0,
   next: Nn,
-  error: zs,
+  error: $s,
   complete: Nn
-}, $s = function() {
+}, zs = function() {
   return typeof Symbol == "function" && Symbol.observable || "@@observable";
 }();
 function Ns(t) {
@@ -298,10 +298,10 @@ var Hn = function() {
     var r = new t();
     return r.source = this, r.operator = e, r;
   }, t.prototype.subscribe = function(e, r, s) {
-    var a = this, c = Ls(e) ? e : new vn(e, r, s);
+    var a = this, c = js(e) ? e : new vn(e, r, s);
     return yr(function() {
-      var l = a, f = l.operator, I = l.source;
-      c.add(f ? f.call(c, I) : I ? a._subscribe(c) : a._trySubscribe(c));
+      var l = a, f = l.operator, g = l.source;
+      c.add(f ? f.call(c, g) : g ? a._subscribe(c) : a._trySubscribe(c));
     }), c;
   }, t.prototype._trySubscribe = function(e) {
     try {
@@ -311,13 +311,13 @@ var Hn = function() {
     }
   }, t.prototype.forEach = function(e, r) {
     var s = this;
-    return r = jn(r), new r(function(a, c) {
+    return r = Ln(r), new r(function(a, c) {
       var l = new vn({
         next: function(f) {
           try {
             e(f);
-          } catch (I) {
-            c(I), l.unsubscribe();
+          } catch (g) {
+            c(g), l.unsubscribe();
           }
         },
         error: c,
@@ -328,7 +328,7 @@ var Hn = function() {
   }, t.prototype._subscribe = function(e) {
     var r;
     return (r = this.source) === null || r === void 0 ? void 0 : r.subscribe(e);
-  }, t.prototype[$s] = function() {
+  }, t.prototype[zs] = function() {
     return this;
   }, t.prototype.pipe = function() {
     for (var e = [], r = 0; r < arguments.length; r++)
@@ -336,7 +336,7 @@ var Hn = function() {
     return Hs(e)(this);
   }, t.prototype.toPromise = function(e) {
     var r = this;
-    return e = jn(e), new e(function(s, a) {
+    return e = Ln(e), new e(function(s, a) {
       var c;
       r.subscribe(function(l) {
         return c = l;
@@ -350,15 +350,15 @@ var Hn = function() {
     return new t(e);
   }, t;
 }();
-function jn(t) {
+function Ln(t) {
   var e;
   return (e = t ?? Os.Promise) !== null && e !== void 0 ? e : Promise;
 }
-function js(t) {
+function Ls(t) {
   return t && Gt(t.next) && Gt(t.error) && Gt(t.complete);
 }
-function Ls(t) {
-  return t && t instanceof os || js(t) && as(t);
+function js(t) {
+  return t && t instanceof os || Ls(t) && as(t);
 }
 var Us = ss(function(t) {
   return function() {
@@ -371,7 +371,7 @@ var Us = ss(function(t) {
     return r.closed = !1, r.currentObservers = null, r.observers = [], r.isStopped = !1, r.hasError = !1, r.thrownError = null, r;
   }
   return e.prototype.lift = function(r) {
-    var s = new Ln(this, this);
+    var s = new jn(this, this);
     return s.operator = r, s;
   }, e.prototype._throwIfClosed = function() {
     if (this.closed)
@@ -384,11 +384,11 @@ var Us = ss(function(t) {
         s.currentObservers || (s.currentObservers = Array.from(s.observers));
         try {
           for (var l = yn(s.currentObservers), f = l.next(); !f.done; f = l.next()) {
-            var I = f.value;
-            I.next(r);
+            var g = f.value;
+            g.next(r);
           }
-        } catch (S) {
-          a = { error: S };
+        } catch (v) {
+          a = { error: v };
         } finally {
           try {
             f && !f.done && (c = l.return) && c.call(l);
@@ -441,9 +441,9 @@ var Us = ss(function(t) {
     var r = new Hn();
     return r.source = this, r;
   }, e.create = function(r, s) {
-    return new Ln(r, s);
+    return new jn(r, s);
   }, e;
-}(Hn), Ln = function(t) {
+}(Hn), jn = function(t) {
   Qe(e, t);
   function e(r, s) {
     var a = t.call(this) || this;
@@ -492,76 +492,76 @@ function xn(t) {
 var gr = { exports: {} };
 gr.exports;
 (function(t, e) {
-  var r = 200, s = "__lodash_hash_undefined__", a = 1, c = 2, l = 9007199254740991, f = "[object Arguments]", I = "[object Array]", S = "[object AsyncFunction]", M = "[object Boolean]", E = "[object Date]", y = "[object Error]", T = "[object Function]", C = "[object GeneratorFunction]", u = "[object Map]", d = "[object Number]", w = "[object Null]", k = "[object Object]", b = "[object Promise]", m = "[object Proxy]", v = "[object RegExp]", h = "[object Set]", _ = "[object String]", D = "[object Symbol]", g = "[object Undefined]", O = "[object WeakMap]", x = "[object ArrayBuffer]", H = "[object DataView]", L = "[object Float32Array]", R = "[object Float64Array]", $ = "[object Int8Array]", V = "[object Int16Array]", St = "[object Int32Array]", xt = "[object Uint8Array]", Dt = "[object Uint8ClampedArray]", U = "[object Uint16Array]", Rt = "[object Uint32Array]", Mt = /[\\^$.*+?()[\]{}|]/g, ot = /^\[object .+?Constructor\]$/, zt = /^(?:0|[1-9]\d*)$/, A = {};
-  A[L] = A[R] = A[$] = A[V] = A[St] = A[xt] = A[Dt] = A[U] = A[Rt] = !0, A[f] = A[I] = A[x] = A[M] = A[H] = A[E] = A[y] = A[T] = A[u] = A[d] = A[k] = A[v] = A[h] = A[_] = A[O] = !1;
-  var Z = typeof wt == "object" && wt && wt.Object === Object && wt, Et = typeof self == "object" && self && self.Object === Object && self, ct = Z || Et || Function("return this")(), Ft = e && !e.nodeType && e, Tt = Ft && !0 && t && !t.nodeType && t, Yt = Tt && Tt.exports === Ft, Bt = Yt && Z.process, ee = function() {
+  var r = 200, s = "__lodash_hash_undefined__", a = 1, c = 2, l = 9007199254740991, f = "[object Arguments]", g = "[object Array]", v = "[object AsyncFunction]", w = "[object Boolean]", M = "[object Date]", y = "[object Error]", T = "[object Function]", C = "[object GeneratorFunction]", u = "[object Map]", d = "[object Number]", _ = "[object Null]", b = "[object Object]", I = "[object Promise]", m = "[object Proxy]", E = "[object RegExp]", p = "[object Set]", k = "[object String]", x = "[object Symbol]", S = "[object Undefined]", O = "[object WeakMap]", A = "[object ArrayBuffer]", N = "[object DataView]", L = "[object Float32Array]", R = "[object Float64Array]", z = "[object Int8Array]", G = "[object Int16Array]", St = "[object Int32Array]", xt = "[object Uint8Array]", Dt = "[object Uint8ClampedArray]", U = "[object Uint16Array]", Rt = "[object Uint32Array]", Mt = /[\\^$.*+?()[\]{}|]/g, ot = /^\[object .+?Constructor\]$/, $t = /^(?:0|[1-9]\d*)$/, D = {};
+  D[L] = D[R] = D[z] = D[G] = D[St] = D[xt] = D[Dt] = D[U] = D[Rt] = !0, D[f] = D[g] = D[A] = D[w] = D[N] = D[M] = D[y] = D[T] = D[u] = D[d] = D[b] = D[E] = D[p] = D[k] = D[O] = !1;
+  var Q = typeof wt == "object" && wt && wt.Object === Object && wt, Et = typeof self == "object" && self && self.Object === Object && self, ct = Q || Et || Function("return this")(), Ft = e && !e.nodeType && e, Tt = Ft && !0 && t && !t.nodeType && t, Yt = Tt && Tt.exports === Ft, Bt = Yt && Q.process, ne = function() {
     try {
       return Bt && Bt.binding && Bt.binding("util");
     } catch {
     }
-  }(), Xt = ee && ee.isTypedArray;
-  function re(n, i) {
-    for (var o = -1, p = n == null ? 0 : n.length, N = 0, P = []; ++o < p; ) {
-      var B = n[o];
-      i(B, o, n) && (P[N++] = B);
+  }(), Xt = ne && ne.isTypedArray;
+  function se(n, i) {
+    for (var o = -1, h = n == null ? 0 : n.length, H = 0, P = []; ++o < h; ) {
+      var X = n[o];
+      i(X, o, n) && (P[H++] = X);
     }
     return P;
   }
   function Kt(n, i) {
-    for (var o = -1, p = i.length, N = n.length; ++o < p; )
-      n[N + o] = i[o];
+    for (var o = -1, h = i.length, H = n.length; ++o < h; )
+      n[H + o] = i[o];
     return n;
   }
-  function ne(n, i) {
-    for (var o = -1, p = n == null ? 0 : n.length; ++o < p; )
+  function ie(n, i) {
+    for (var o = -1, h = n == null ? 0 : n.length; ++o < h; )
       if (i(n[o], o, n))
         return !0;
     return !1;
   }
   function Se(n, i) {
-    for (var o = -1, p = Array(n); ++o < n; )
-      p[o] = i(o);
-    return p;
+    for (var o = -1, h = Array(n); ++o < n; )
+      h[o] = i(o);
+    return h;
   }
   function we(n) {
     return function(i) {
       return n(i);
     };
   }
-  function $t(n, i) {
+  function zt(n, i) {
     return n.has(i);
   }
   function Vt(n, i) {
     return n == null ? void 0 : n[i];
   }
-  function se(n) {
+  function ae(n) {
     var i = -1, o = Array(n.size);
-    return n.forEach(function(p, N) {
-      o[++i] = [N, p];
+    return n.forEach(function(h, H) {
+      o[++i] = [H, h];
     }), o;
   }
-  function ie(n, i) {
+  function oe(n, i) {
     return function(o) {
       return n(i(o));
     };
   }
   function vt(n) {
     var i = -1, o = Array(n.size);
-    return n.forEach(function(p) {
-      o[++i] = p;
+    return n.forEach(function(h) {
+      o[++i] = h;
     }), o;
   }
-  var F = Array.prototype, j = Function.prototype, z = Object.prototype, nt = ct["__core-js_shared__"], rt = j.toString, W = z.hasOwnProperty, gt = function() {
+  var F = Array.prototype, j = Function.prototype, $ = Object.prototype, nt = ct["__core-js_shared__"], rt = j.toString, W = $.hasOwnProperty, gt = function() {
     var n = /[^.]+$/.exec(nt && nt.keys && nt.keys.IE_PROTO || "");
     return n ? "Symbol(src)_1." + n : "";
-  }(), q = z.toString, Me = RegExp(
+  }(), q = $.toString, Me = RegExp(
     "^" + rt.call(W).replace(Mt, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  ), ae = Yt ? ct.Buffer : void 0, Nt = ct.Symbol, Ee = ct.Uint8Array, Y = z.propertyIsEnumerable, ut = F.splice, ht = Nt ? Nt.toStringTag : void 0, qt = Object.getOwnPropertySymbols, Ht = ae ? ae.isBuffer : void 0, oe = ie(Object.keys, Object), ze = Lt(ct, "DataView"), ce = Lt(ct, "Map"), Fe = Lt(ct, "Promise"), $e = Lt(ct, "Set"), Ne = Lt(ct, "WeakMap"), Jt = Lt(Object, "create"), rr = mt(ze), jt = mt(ce), Er = mt(Fe), Tr = mt($e), Ar = mt(Ne), nr = Nt ? Nt.prototype : void 0, He = nr ? nr.valueOf : void 0;
+  ), ce = Yt ? ct.Buffer : void 0, Nt = ct.Symbol, Ee = ct.Uint8Array, B = $.propertyIsEnumerable, ut = F.splice, ht = Nt ? Nt.toStringTag : void 0, qt = Object.getOwnPropertySymbols, Ht = ce ? ce.isBuffer : void 0, ue = oe(Object.keys, Object), $e = jt(ct, "DataView"), le = jt(ct, "Map"), Fe = jt(ct, "Promise"), ze = jt(ct, "Set"), Ne = jt(ct, "WeakMap"), Jt = jt(Object, "create"), rr = mt($e), Lt = mt(le), Er = mt(Fe), Tr = mt(ze), Ar = mt(Ne), nr = Nt ? Nt.prototype : void 0, He = nr ? nr.valueOf : void 0;
   function st(n) {
     var i = -1, o = n == null ? 0 : n.length;
     for (this.clear(); ++i < o; ) {
-      var p = n[i];
-      this.set(p[0], p[1]);
+      var h = n[i];
+      this.set(h[0], h[1]);
     }
   }
   function xr() {
@@ -591,61 +591,61 @@ gr.exports;
   function lt(n) {
     var i = -1, o = n == null ? 0 : n.length;
     for (this.clear(); ++i < o; ) {
-      var p = n[i];
-      this.set(p[0], p[1]);
+      var h = n[i];
+      this.set(h[0], h[1]);
     }
   }
   function Rr() {
     this.__data__ = [], this.size = 0;
   }
-  function zr(n) {
+  function $r(n) {
     var i = this.__data__, o = xe(i, n);
     if (o < 0)
       return !1;
-    var p = i.length - 1;
-    return o == p ? i.pop() : ut.call(i, o, 1), --this.size, !0;
+    var h = i.length - 1;
+    return o == h ? i.pop() : ut.call(i, o, 1), --this.size, !0;
   }
   function Fr(n) {
     var i = this.__data__, o = xe(i, n);
     return o < 0 ? void 0 : i[o][1];
   }
-  function $r(n) {
+  function zr(n) {
     return xe(this.__data__, n) > -1;
   }
   function Nr(n, i) {
-    var o = this.__data__, p = xe(o, n);
-    return p < 0 ? (++this.size, o.push([n, i])) : o[p][1] = i, this;
+    var o = this.__data__, h = xe(o, n);
+    return h < 0 ? (++this.size, o.push([n, i])) : o[h][1] = i, this;
   }
-  lt.prototype.clear = Rr, lt.prototype.delete = zr, lt.prototype.get = Fr, lt.prototype.has = $r, lt.prototype.set = Nr;
+  lt.prototype.clear = Rr, lt.prototype.delete = $r, lt.prototype.get = Fr, lt.prototype.has = zr, lt.prototype.set = Nr;
   function It(n) {
     var i = -1, o = n == null ? 0 : n.length;
     for (this.clear(); ++i < o; ) {
-      var p = n[i];
-      this.set(p[0], p[1]);
+      var h = n[i];
+      this.set(h[0], h[1]);
     }
   }
   function Hr() {
     this.size = 0, this.__data__ = {
       hash: new st(),
-      map: new (ce || lt)(),
+      map: new (le || lt)(),
       string: new st()
     };
   }
-  function jr(n) {
+  function Lr(n) {
     var i = At(this, n).delete(n);
     return this.size -= i ? 1 : 0, i;
   }
-  function Lr(n) {
+  function jr(n) {
     return At(this, n).get(n);
   }
   function Ur(n) {
     return At(this, n).has(n);
   }
   function Wr(n, i) {
-    var o = At(this, n), p = o.size;
-    return o.set(n, i), this.size += o.size == p ? 0 : 1, this;
+    var o = At(this, n), h = o.size;
+    return o.set(n, i), this.size += o.size == h ? 0 : 1, this;
   }
-  It.prototype.clear = Hr, It.prototype.delete = jr, It.prototype.get = Lr, It.prototype.has = Ur, It.prototype.set = Wr;
+  It.prototype.clear = Hr, It.prototype.delete = Lr, It.prototype.get = jr, It.prototype.has = Ur, It.prototype.set = Wr;
   function Te(n) {
     var i = -1, o = n == null ? 0 : n.length;
     for (this.__data__ = new It(); ++i < o; )
@@ -662,7 +662,7 @@ gr.exports;
     var i = this.__data__ = new lt(n);
     this.size = i.size;
   }
-  function je() {
+  function Le() {
     this.__data__ = new lt(), this.size = 0;
   }
   function Gr(n) {
@@ -678,23 +678,23 @@ gr.exports;
   function Xr(n, i) {
     var o = this.__data__;
     if (o instanceof lt) {
-      var p = o.__data__;
-      if (!ce || p.length < r - 1)
-        return p.push([n, i]), this.size = ++o.size, this;
-      o = this.__data__ = new It(p);
+      var h = o.__data__;
+      if (!le || h.length < r - 1)
+        return h.push([n, i]), this.size = ++o.size, this;
+      o = this.__data__ = new It(h);
     }
     return o.set(n, i), this.size = o.size, this;
   }
-  Ot.prototype.clear = je, Ot.prototype.delete = Gr, Ot.prototype.get = Yr, Ot.prototype.has = Br, Ot.prototype.set = Xr;
+  Ot.prototype.clear = Le, Ot.prototype.delete = Gr, Ot.prototype.get = Yr, Ot.prototype.has = Br, Ot.prototype.set = Xr;
   function Kr(n, i) {
-    var o = De(n), p = !o && ur(n), N = !o && !p && Oe(n), P = !o && !p && !N && fr(n), B = o || p || N || P, G = B ? Se(n.length, String) : [], J = G.length;
-    for (var X in n)
-      W.call(n, X) && !(B && // Safari 9 has enumerable `arguments.length` in strict mode.
-      (X == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-      N && (X == "offset" || X == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
-      P && (X == "buffer" || X == "byteLength" || X == "byteOffset") || // Skip index properties.
-      rn(X, J))) && G.push(X);
-    return G;
+    var o = De(n), h = !o && ur(n), H = !o && !h && Oe(n), P = !o && !h && !H && fr(n), X = o || h || H || P, Y = X ? Se(n.length, String) : [], J = Y.length;
+    for (var V in n)
+      W.call(n, V) && !(X && // Safari 9 has enumerable `arguments.length` in strict mode.
+      (V == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
+      H && (V == "offset" || V == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+      P && (V == "buffer" || V == "byteLength" || V == "byteOffset") || // Skip index properties.
+      rn(V, J))) && Y.push(V);
+    return Y;
   }
   function xe(n, i) {
     for (var o = n.length; o--; )
@@ -702,38 +702,38 @@ gr.exports;
         return o;
     return -1;
   }
-  function Le(n, i, o) {
-    var p = i(n);
-    return De(n) ? p : Kt(p, o(n));
+  function je(n, i, o) {
+    var h = i(n);
+    return De(n) ? h : Kt(h, o(n));
   }
-  function ue(n) {
-    return n == null ? n === void 0 ? g : w : ht && ht in Object(n) ? Ut(n) : or(n);
+  function de(n) {
+    return n == null ? n === void 0 ? S : _ : ht && ht in Object(n) ? Ut(n) : or(n);
   }
   function ir(n) {
-    return Pt(n) && ue(n) == f;
+    return Pt(n) && de(n) == f;
   }
-  function ar(n, i, o, p, N) {
-    return n === i ? !0 : n == null || i == null || !Pt(n) && !Pt(i) ? n !== n && i !== i : Vr(n, i, o, p, ar, N);
+  function ar(n, i, o, h, H) {
+    return n === i ? !0 : n == null || i == null || !Pt(n) && !Pt(i) ? n !== n && i !== i : Vr(n, i, o, h, ar, H);
   }
-  function Vr(n, i, o, p, N, P) {
-    var B = De(n), G = De(i), J = B ? I : Ct(n), X = G ? I : Ct(i);
-    J = J == f ? k : J, X = X == f ? k : X;
-    var dt = J == k, bt = X == k, Q = J == X;
-    if (Q && Oe(n)) {
+  function Vr(n, i, o, h, H, P) {
+    var X = De(n), Y = De(i), J = X ? g : Ct(n), V = Y ? g : Ct(i);
+    J = J == f ? b : J, V = V == f ? b : V;
+    var dt = J == b, bt = V == b, tt = J == V;
+    if (tt && Oe(n)) {
       if (!Oe(i))
         return !1;
-      B = !0, dt = !1;
+      X = !0, dt = !1;
     }
-    if (Q && !dt)
-      return P || (P = new Ot()), B || fr(n) ? Ue(n, i, o, p, N, P) : Qr(n, i, J, o, p, N, P);
+    if (tt && !dt)
+      return P || (P = new Ot()), X || fr(n) ? Ue(n, i, o, h, H, P) : Qr(n, i, J, o, h, H, P);
     if (!(o & a)) {
       var ft = dt && W.call(n, "__wrapped__"), it = bt && W.call(i, "__wrapped__");
       if (ft || it) {
         var Zt = ft ? n.value() : n, Wt = it ? i.value() : i;
-        return P || (P = new Ot()), N(Zt, Wt, o, p, P);
+        return P || (P = new Ot()), H(Zt, Wt, o, h, P);
       }
     }
-    return Q ? (P || (P = new Ot()), tn(n, i, o, p, N, P)) : !1;
+    return tt ? (P || (P = new Ot()), tn(n, i, o, h, H, P)) : !1;
   }
   function qr(n) {
     if (!dr(n) || sn(n))
@@ -742,91 +742,91 @@ gr.exports;
     return i.test(mt(n));
   }
   function Jr(n) {
-    return Pt(n) && Ge(n.length) && !!A[ue(n)];
+    return Pt(n) && Ge(n.length) && !!D[de(n)];
   }
   function Zr(n) {
     if (!an(n))
-      return oe(n);
+      return ue(n);
     var i = [];
     for (var o in Object(n))
       W.call(n, o) && o != "constructor" && i.push(o);
     return i;
   }
-  function Ue(n, i, o, p, N, P) {
-    var B = o & a, G = n.length, J = i.length;
-    if (G != J && !(B && J > G))
+  function Ue(n, i, o, h, H, P) {
+    var X = o & a, Y = n.length, J = i.length;
+    if (Y != J && !(X && J > Y))
       return !1;
-    var X = P.get(n);
-    if (X && P.get(i))
-      return X == i;
-    var dt = -1, bt = !0, Q = o & c ? new Te() : void 0;
-    for (P.set(n, i), P.set(i, n); ++dt < G; ) {
+    var V = P.get(n);
+    if (V && P.get(i))
+      return V == i;
+    var dt = -1, bt = !0, tt = o & c ? new Te() : void 0;
+    for (P.set(n, i), P.set(i, n); ++dt < Y; ) {
       var ft = n[dt], it = i[dt];
-      if (p)
-        var Zt = B ? p(it, ft, dt, i, n, P) : p(ft, it, dt, n, i, P);
+      if (h)
+        var Zt = X ? h(it, ft, dt, i, n, P) : h(ft, it, dt, n, i, P);
       if (Zt !== void 0) {
         if (Zt)
           continue;
         bt = !1;
         break;
       }
-      if (Q) {
-        if (!ne(i, function(Wt, de) {
-          if (!$t(Q, de) && (ft === Wt || N(ft, Wt, o, p, P)))
-            return Q.push(de);
+      if (tt) {
+        if (!ie(i, function(Wt, pe) {
+          if (!zt(tt, pe) && (ft === Wt || H(ft, Wt, o, h, P)))
+            return tt.push(pe);
         })) {
           bt = !1;
           break;
         }
-      } else if (!(ft === it || N(ft, it, o, p, P))) {
+      } else if (!(ft === it || H(ft, it, o, h, P))) {
         bt = !1;
         break;
       }
     }
     return P.delete(n), P.delete(i), bt;
   }
-  function Qr(n, i, o, p, N, P, B) {
+  function Qr(n, i, o, h, H, P, X) {
     switch (o) {
-      case H:
+      case N:
         if (n.byteLength != i.byteLength || n.byteOffset != i.byteOffset)
           return !1;
         n = n.buffer, i = i.buffer;
-      case x:
+      case A:
         return !(n.byteLength != i.byteLength || !P(new Ee(n), new Ee(i)));
+      case w:
       case M:
-      case E:
       case d:
         return cr(+n, +i);
       case y:
         return n.name == i.name && n.message == i.message;
-      case v:
-      case _:
+      case E:
+      case k:
         return n == i + "";
       case u:
-        var G = se;
-      case h:
-        var J = p & a;
-        if (G || (G = vt), n.size != i.size && !J)
+        var Y = ae;
+      case p:
+        var J = h & a;
+        if (Y || (Y = vt), n.size != i.size && !J)
           return !1;
-        var X = B.get(n);
-        if (X)
-          return X == i;
-        p |= c, B.set(n, i);
-        var dt = Ue(G(n), G(i), p, N, P, B);
-        return B.delete(n), dt;
-      case D:
+        var V = X.get(n);
+        if (V)
+          return V == i;
+        h |= c, X.set(n, i);
+        var dt = Ue(Y(n), Y(i), h, H, P, X);
+        return X.delete(n), dt;
+      case x:
         if (He)
           return He.call(n) == He.call(i);
     }
     return !1;
   }
-  function tn(n, i, o, p, N, P) {
-    var B = o & a, G = le(n), J = G.length, X = le(i), dt = X.length;
-    if (J != dt && !B)
+  function tn(n, i, o, h, H, P) {
+    var X = o & a, Y = fe(n), J = Y.length, V = fe(i), dt = V.length;
+    if (J != dt && !X)
       return !1;
     for (var bt = J; bt--; ) {
-      var Q = G[bt];
-      if (!(B ? Q in i : W.call(i, Q)))
+      var tt = Y[bt];
+      if (!(X ? tt in i : W.call(i, tt)))
         return !1;
     }
     var ft = P.get(n);
@@ -834,16 +834,16 @@ gr.exports;
       return ft == i;
     var it = !0;
     P.set(n, i), P.set(i, n);
-    for (var Zt = B; ++bt < J; ) {
-      Q = G[bt];
-      var Wt = n[Q], de = i[Q];
-      if (p)
-        var Fn = B ? p(de, Wt, Q, i, n, P) : p(Wt, de, Q, n, i, P);
-      if (!(Fn === void 0 ? Wt === de || N(Wt, de, o, p, P) : Fn)) {
+    for (var Zt = X; ++bt < J; ) {
+      tt = Y[bt];
+      var Wt = n[tt], pe = i[tt];
+      if (h)
+        var Fn = X ? h(pe, Wt, tt, i, n, P) : h(Wt, pe, tt, n, i, P);
+      if (!(Fn === void 0 ? Wt === pe || H(Wt, pe, o, h, P) : Fn)) {
         it = !1;
         break;
       }
-      Zt || (Zt = Q == "constructor");
+      Zt || (Zt = tt == "constructor");
     }
     if (it && !Zt) {
       var pr = n.constructor, hr = i.constructor;
@@ -851,14 +851,14 @@ gr.exports;
     }
     return P.delete(n), P.delete(i), it;
   }
-  function le(n) {
-    return Le(n, Ye, en);
+  function fe(n) {
+    return je(n, Ye, en);
   }
   function At(n, i) {
     var o = n.__data__;
     return nn(i) ? o[typeof i == "string" ? "string" : "hash"] : o.map;
   }
-  function Lt(n, i) {
+  function jt(n, i) {
     var o = Vt(n, i);
     return qr(o) ? o : void 0;
   }
@@ -866,36 +866,36 @@ gr.exports;
     var i = W.call(n, ht), o = n[ht];
     try {
       n[ht] = void 0;
-      var p = !0;
+      var h = !0;
     } catch {
     }
-    var N = q.call(n);
-    return p && (i ? n[ht] = o : delete n[ht]), N;
+    var H = q.call(n);
+    return h && (i ? n[ht] = o : delete n[ht]), H;
   }
   var en = qt ? function(n) {
-    return n == null ? [] : (n = Object(n), re(qt(n), function(i) {
-      return Y.call(n, i);
+    return n == null ? [] : (n = Object(n), se(qt(n), function(i) {
+      return B.call(n, i);
     }));
-  } : cn, Ct = ue;
-  (ze && Ct(new ze(new ArrayBuffer(1))) != H || ce && Ct(new ce()) != u || Fe && Ct(Fe.resolve()) != b || $e && Ct(new $e()) != h || Ne && Ct(new Ne()) != O) && (Ct = function(n) {
-    var i = ue(n), o = i == k ? n.constructor : void 0, p = o ? mt(o) : "";
-    if (p)
-      switch (p) {
+  } : cn, Ct = de;
+  ($e && Ct(new $e(new ArrayBuffer(1))) != N || le && Ct(new le()) != u || Fe && Ct(Fe.resolve()) != I || ze && Ct(new ze()) != p || Ne && Ct(new Ne()) != O) && (Ct = function(n) {
+    var i = de(n), o = i == b ? n.constructor : void 0, h = o ? mt(o) : "";
+    if (h)
+      switch (h) {
         case rr:
-          return H;
-        case jt:
+          return N;
+        case Lt:
           return u;
         case Er:
-          return b;
+          return I;
         case Tr:
-          return h;
+          return p;
         case Ar:
           return O;
       }
     return i;
   });
   function rn(n, i) {
-    return i = i ?? l, !!i && (typeof n == "number" || zt.test(n)) && n > -1 && n % 1 == 0 && n < i;
+    return i = i ?? l, !!i && (typeof n == "number" || $t.test(n)) && n > -1 && n % 1 == 0 && n < i;
   }
   function nn(n) {
     var i = typeof n;
@@ -905,7 +905,7 @@ gr.exports;
     return !!gt && gt in n;
   }
   function an(n) {
-    var i = n && n.constructor, o = typeof i == "function" && i.prototype || z;
+    var i = n && n.constructor, o = typeof i == "function" && i.prototype || $;
     return n === o;
   }
   function or(n) {
@@ -930,7 +930,7 @@ gr.exports;
   var ur = ir(/* @__PURE__ */ function() {
     return arguments;
   }()) ? ir : function(n) {
-    return Pt(n) && W.call(n, "callee") && !Y.call(n, "callee");
+    return Pt(n) && W.call(n, "callee") && !B.call(n, "callee");
   }, De = Array.isArray;
   function We(n) {
     return n != null && Ge(n.length) && !lr(n);
@@ -942,8 +942,8 @@ gr.exports;
   function lr(n) {
     if (!dr(n))
       return !1;
-    var i = ue(n);
-    return i == T || i == C || i == S || i == m;
+    var i = de(n);
+    return i == T || i == C || i == v || i == m;
   }
   function Ge(n) {
     return typeof n == "number" && n > -1 && n % 1 == 0 && n <= l;
@@ -968,13 +968,13 @@ gr.exports;
   t.exports = on;
 })(gr, gr.exports);
 var Ws = gr.exports;
-const tt = /* @__PURE__ */ xn(Ws), Aa = "add", Gs = "track", Ys = "trackItems", xa = `${Gs}:changed`, Da = `${Ys}:changed`, Bs = "state", Oa = `${Bs}:changed`, Dn = "design", Xs = `${Dn}:load`, Ks = `${Dn}:resize`, yt = "add", Vs = `${yt}:text`, qs = `${yt}:video`, Js = `${yt}:audio`, Ca = `${yt}:placeholder`, Zs = `${yt}:image`, Qs = `${yt}:illustration`, ti = `${yt}:shape`, Pa = `${yt}:mask`, Ra = `${yt}:transition`, ei = `${yt}:animation`, ri = `${yt}:caption`, ni = `${yt}:template`, si = `${yt}:items`, ii = `${yt}:composition`, _e = "edit", ai = `${_e}:object`, oi = `${_e}:replaceMedia`, za = `${_e}:text`, Fa = `${_e}:shape`, $a = `${_e}:templateItem`, Na = `${_e}:deleteTemplateItem`, Ha = "enterEditMode", Re = "active", ja = `${Re}:set`, La = `${Re}:delete`, ci = `${Re}:paste`, ui = `${Re}:clone`, li = `${Re}:split`, pt = "layer", Ua = `${pt}:locked`, Wa = `${pt}:hidden`, Ga = `${pt}:move`, Ya = `${pt}:select`, Ba = `${pt}:selection`, Xa = `${pt}:sendTo`, Ka = `${pt}:rename`, Va = `${pt}:editingName`, qa = `${pt}:copy`, Ja = `${pt}:paste`, di = `${pt}:clone`, Za = `${pt}:split`, Qa = `${pt}:cut`, fi = `${pt}:delete`, pi = `${pt}:replace`, Sr = "history", hi = `${Sr}:undo`, mi = `${Sr}:redo`, to = `${Sr}:reset`, us = "scale", yi = `${us}:changed`;
+const Z = /* @__PURE__ */ xn(Ws), xa = "add", Gs = "track", Ys = "trackItems", Da = `${Gs}:changed`, Oa = `${Ys}:changed`, Bs = "state", Ca = `${Bs}:changed`, Dn = "design", Xs = `${Dn}:load`, Ks = `${Dn}:resize`, yt = "add", Vs = `${yt}:text`, qs = `${yt}:video`, Js = `${yt}:audio`, Pa = `${yt}:placeholder`, Zs = `${yt}:image`, Qs = `${yt}:illustration`, ti = `${yt}:shape`, Ra = `${yt}:mask`, $a = `${yt}:transition`, ei = `${yt}:animation`, ri = `${yt}:caption`, ni = `${yt}:template`, si = `${yt}:items`, ii = `${yt}:composition`, ee = "edit", ai = `${ee}:object`, oi = `${ee}:replaceMedia`, Fa = `${ee}:text`, za = `${ee}:shape`, Na = `${ee}:templateItem`, Ha = `${ee}:deleteTemplateItem`, ci = `${ee}:backgroundEditor`, La = "enterEditMode", Re = "active", ja = `${Re}:set`, Ua = `${Re}:delete`, ui = `${Re}:paste`, li = `${Re}:clone`, di = `${Re}:split`, pt = "layer", Wa = `${pt}:locked`, Ga = `${pt}:hidden`, Ya = `${pt}:move`, Ba = `${pt}:select`, Xa = `${pt}:selection`, Ka = `${pt}:sendTo`, Va = `${pt}:rename`, qa = `${pt}:editingName`, Ja = `${pt}:copy`, Za = `${pt}:paste`, fi = `${pt}:clone`, Qa = `${pt}:split`, to = `${pt}:cut`, pi = `${pt}:delete`, hi = `${pt}:replace`, Sr = "history", mi = `${Sr}:undo`, yi = `${Sr}:redo`, eo = `${Sr}:reset`, us = "scale", gi = `${us}:changed`;
 var Ir = { exports: {} };
 Ir.exports;
 (function(t, e) {
-  var r = 200, s = "__lodash_hash_undefined__", a = 9007199254740991, c = "[object Arguments]", l = "[object Array]", f = "[object Boolean]", I = "[object Date]", S = "[object Error]", M = "[object Function]", E = "[object GeneratorFunction]", y = "[object Map]", T = "[object Number]", C = "[object Object]", u = "[object Promise]", d = "[object RegExp]", w = "[object Set]", k = "[object String]", b = "[object Symbol]", m = "[object WeakMap]", v = "[object ArrayBuffer]", h = "[object DataView]", _ = "[object Float32Array]", D = "[object Float64Array]", g = "[object Int8Array]", O = "[object Int16Array]", x = "[object Int32Array]", H = "[object Uint8Array]", L = "[object Uint8ClampedArray]", R = "[object Uint16Array]", $ = "[object Uint32Array]", V = /[\\^$.*+?()[\]{}|]/g, St = /\w*$/, xt = /^\[object .+?Constructor\]$/, Dt = /^(?:0|[1-9]\d*)$/, U = {};
-  U[c] = U[l] = U[v] = U[h] = U[f] = U[I] = U[_] = U[D] = U[g] = U[O] = U[x] = U[y] = U[T] = U[C] = U[d] = U[w] = U[k] = U[b] = U[H] = U[L] = U[R] = U[$] = !0, U[S] = U[M] = U[m] = !1;
-  var Rt = typeof wt == "object" && wt && wt.Object === Object && wt, Mt = typeof self == "object" && self && self.Object === Object && self, ot = Rt || Mt || Function("return this")(), zt = e && !e.nodeType && e, A = zt && !0 && t && !t.nodeType && t, Z = A && A.exports === zt;
+  var r = 200, s = "__lodash_hash_undefined__", a = 9007199254740991, c = "[object Arguments]", l = "[object Array]", f = "[object Boolean]", g = "[object Date]", v = "[object Error]", w = "[object Function]", M = "[object GeneratorFunction]", y = "[object Map]", T = "[object Number]", C = "[object Object]", u = "[object Promise]", d = "[object RegExp]", _ = "[object Set]", b = "[object String]", I = "[object Symbol]", m = "[object WeakMap]", E = "[object ArrayBuffer]", p = "[object DataView]", k = "[object Float32Array]", x = "[object Float64Array]", S = "[object Int8Array]", O = "[object Int16Array]", A = "[object Int32Array]", N = "[object Uint8Array]", L = "[object Uint8ClampedArray]", R = "[object Uint16Array]", z = "[object Uint32Array]", G = /[\\^$.*+?()[\]{}|]/g, St = /\w*$/, xt = /^\[object .+?Constructor\]$/, Dt = /^(?:0|[1-9]\d*)$/, U = {};
+  U[c] = U[l] = U[E] = U[p] = U[f] = U[g] = U[k] = U[x] = U[S] = U[O] = U[A] = U[y] = U[T] = U[C] = U[d] = U[_] = U[b] = U[I] = U[N] = U[L] = U[R] = U[z] = !0, U[v] = U[w] = U[m] = !1;
+  var Rt = typeof wt == "object" && wt && wt.Object === Object && wt, Mt = typeof self == "object" && self && self.Object === Object && self, ot = Rt || Mt || Function("return this")(), $t = e && !e.nodeType && e, D = $t && !0 && t && !t.nodeType && t, Q = D && D.exports === $t;
   function Et(n, i) {
     return n.set(i[0], i[1]), n;
   }
@@ -982,26 +982,26 @@ Ir.exports;
     return n.add(i), n;
   }
   function Ft(n, i) {
-    for (var o = -1, p = n ? n.length : 0; ++o < p && i(n[o], o, n) !== !1; )
+    for (var o = -1, h = n ? n.length : 0; ++o < h && i(n[o], o, n) !== !1; )
       ;
     return n;
   }
   function Tt(n, i) {
-    for (var o = -1, p = i.length, N = n.length; ++o < p; )
-      n[N + o] = i[o];
+    for (var o = -1, h = i.length, H = n.length; ++o < h; )
+      n[H + o] = i[o];
     return n;
   }
-  function Yt(n, i, o, p) {
-    for (var N = -1, P = n ? n.length : 0; ++N < P; )
-      o = i(o, n[N], N, n);
+  function Yt(n, i, o, h) {
+    for (var H = -1, P = n ? n.length : 0; ++H < P; )
+      o = i(o, n[H], H, n);
     return o;
   }
   function Bt(n, i) {
-    for (var o = -1, p = Array(n); ++o < n; )
-      p[o] = i(o);
-    return p;
+    for (var o = -1, h = Array(n); ++o < n; )
+      h[o] = i(o);
+    return h;
   }
-  function ee(n, i) {
+  function ne(n, i) {
     return n == null ? void 0 : n[i];
   }
   function Xt(n) {
@@ -1013,10 +1013,10 @@ Ir.exports;
       }
     return i;
   }
-  function re(n) {
+  function se(n) {
     var i = -1, o = Array(n.size);
-    return n.forEach(function(p, N) {
-      o[++i] = [N, p];
+    return n.forEach(function(h, H) {
+      o[++i] = [H, h];
     }), o;
   }
   function Kt(n, i) {
@@ -1024,34 +1024,34 @@ Ir.exports;
       return n(i(o));
     };
   }
-  function ne(n) {
+  function ie(n) {
     var i = -1, o = Array(n.size);
-    return n.forEach(function(p) {
-      o[++i] = p;
+    return n.forEach(function(h) {
+      o[++i] = h;
     }), o;
   }
-  var Se = Array.prototype, we = Function.prototype, $t = Object.prototype, Vt = ot["__core-js_shared__"], se = function() {
+  var Se = Array.prototype, we = Function.prototype, zt = Object.prototype, Vt = ot["__core-js_shared__"], ae = function() {
     var n = /[^.]+$/.exec(Vt && Vt.keys && Vt.keys.IE_PROTO || "");
     return n ? "Symbol(src)_1." + n : "";
-  }(), ie = we.toString, vt = $t.hasOwnProperty, F = $t.toString, j = RegExp(
-    "^" + ie.call(vt).replace(V, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  ), z = Z ? ot.Buffer : void 0, nt = ot.Symbol, rt = ot.Uint8Array, W = Kt(Object.getPrototypeOf, Object), gt = Object.create, q = $t.propertyIsEnumerable, Me = Se.splice, ae = Object.getOwnPropertySymbols, Nt = z ? z.isBuffer : void 0, Ee = Kt(Object.keys, Object), Y = At(ot, "DataView"), ut = At(ot, "Map"), ht = At(ot, "Promise"), qt = At(ot, "Set"), Ht = At(ot, "WeakMap"), oe = At(Object, "create"), ze = mt(Y), ce = mt(ut), Fe = mt(ht), $e = mt(qt), Ne = mt(Ht), Jt = nt ? nt.prototype : void 0, rr = Jt ? Jt.valueOf : void 0;
-  function jt(n) {
+  }(), oe = we.toString, vt = zt.hasOwnProperty, F = zt.toString, j = RegExp(
+    "^" + oe.call(vt).replace(G, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+  ), $ = Q ? ot.Buffer : void 0, nt = ot.Symbol, rt = ot.Uint8Array, W = Kt(Object.getPrototypeOf, Object), gt = Object.create, q = zt.propertyIsEnumerable, Me = Se.splice, ce = Object.getOwnPropertySymbols, Nt = $ ? $.isBuffer : void 0, Ee = Kt(Object.keys, Object), B = At(ot, "DataView"), ut = At(ot, "Map"), ht = At(ot, "Promise"), qt = At(ot, "Set"), Ht = At(ot, "WeakMap"), ue = At(Object, "create"), $e = mt(B), le = mt(ut), Fe = mt(ht), ze = mt(qt), Ne = mt(Ht), Jt = nt ? nt.prototype : void 0, rr = Jt ? Jt.valueOf : void 0;
+  function Lt(n) {
     var i = -1, o = n ? n.length : 0;
     for (this.clear(); ++i < o; ) {
-      var p = n[i];
-      this.set(p[0], p[1]);
+      var h = n[i];
+      this.set(h[0], h[1]);
     }
   }
   function Er() {
-    this.__data__ = oe ? oe(null) : {};
+    this.__data__ = ue ? ue(null) : {};
   }
   function Tr(n) {
     return this.has(n) && delete this.__data__[n];
   }
   function Ar(n) {
     var i = this.__data__;
-    if (oe) {
+    if (ue) {
       var o = i[n];
       return o === s ? void 0 : o;
     }
@@ -1059,18 +1059,18 @@ Ir.exports;
   }
   function nr(n) {
     var i = this.__data__;
-    return oe ? i[n] !== void 0 : vt.call(i, n);
+    return ue ? i[n] !== void 0 : vt.call(i, n);
   }
   function He(n, i) {
     var o = this.__data__;
-    return o[n] = oe && i === void 0 ? s : i, this;
+    return o[n] = ue && i === void 0 ? s : i, this;
   }
-  jt.prototype.clear = Er, jt.prototype.delete = Tr, jt.prototype.get = Ar, jt.prototype.has = nr, jt.prototype.set = He;
+  Lt.prototype.clear = Er, Lt.prototype.delete = Tr, Lt.prototype.get = Ar, Lt.prototype.has = nr, Lt.prototype.set = He;
   function st(n) {
     var i = -1, o = n ? n.length : 0;
     for (this.clear(); ++i < o; ) {
-      var p = n[i];
-      this.set(p[0], p[1]);
+      var h = n[i];
+      this.set(h[0], h[1]);
     }
   }
   function xr() {
@@ -1080,8 +1080,8 @@ Ir.exports;
     var i = this.__data__, o = Ae(i, n);
     if (o < 0)
       return !1;
-    var p = i.length - 1;
-    return o == p ? i.pop() : Me.call(i, o, 1), !0;
+    var h = i.length - 1;
+    return o == h ? i.pop() : Me.call(i, o, 1), !0;
   }
   function Or(n) {
     var i = this.__data__, o = Ae(i, n);
@@ -1091,47 +1091,47 @@ Ir.exports;
     return Ae(this.__data__, n) > -1;
   }
   function Pr(n, i) {
-    var o = this.__data__, p = Ae(o, n);
-    return p < 0 ? o.push([n, i]) : o[p][1] = i, this;
+    var o = this.__data__, h = Ae(o, n);
+    return h < 0 ? o.push([n, i]) : o[h][1] = i, this;
   }
   st.prototype.clear = xr, st.prototype.delete = Dr, st.prototype.get = Or, st.prototype.has = Cr, st.prototype.set = Pr;
   function lt(n) {
     var i = -1, o = n ? n.length : 0;
     for (this.clear(); ++i < o; ) {
-      var p = n[i];
-      this.set(p[0], p[1]);
+      var h = n[i];
+      this.set(h[0], h[1]);
     }
   }
   function Rr() {
     this.__data__ = {
-      hash: new jt(),
+      hash: new Lt(),
       map: new (ut || st)(),
-      string: new jt()
+      string: new Lt()
     };
   }
-  function zr(n) {
-    return le(this, n).delete(n);
+  function $r(n) {
+    return fe(this, n).delete(n);
   }
   function Fr(n) {
-    return le(this, n).get(n);
+    return fe(this, n).get(n);
   }
-  function $r(n) {
-    return le(this, n).has(n);
+  function zr(n) {
+    return fe(this, n).has(n);
   }
   function Nr(n, i) {
-    return le(this, n).set(n, i), this;
+    return fe(this, n).set(n, i), this;
   }
-  lt.prototype.clear = Rr, lt.prototype.delete = zr, lt.prototype.get = Fr, lt.prototype.has = $r, lt.prototype.set = Nr;
+  lt.prototype.clear = Rr, lt.prototype.delete = $r, lt.prototype.get = Fr, lt.prototype.has = zr, lt.prototype.set = Nr;
   function It(n) {
     this.__data__ = new st(n);
   }
   function Hr() {
     this.__data__ = new st();
   }
-  function jr(n) {
+  function Lr(n) {
     return this.__data__.delete(n);
   }
-  function Lr(n) {
+  function jr(n) {
     return this.__data__.get(n);
   }
   function Ur(n) {
@@ -1140,23 +1140,23 @@ Ir.exports;
   function Wr(n, i) {
     var o = this.__data__;
     if (o instanceof st) {
-      var p = o.__data__;
-      if (!ut || p.length < r - 1)
-        return p.push([n, i]), this;
-      o = this.__data__ = new lt(p);
+      var h = o.__data__;
+      if (!ut || h.length < r - 1)
+        return h.push([n, i]), this;
+      o = this.__data__ = new lt(h);
     }
     return o.set(n, i), this;
   }
-  It.prototype.clear = Hr, It.prototype.delete = jr, It.prototype.get = Lr, It.prototype.has = Ur, It.prototype.set = Wr;
+  It.prototype.clear = Hr, It.prototype.delete = Lr, It.prototype.get = jr, It.prototype.has = Ur, It.prototype.set = Wr;
   function Te(n, i) {
-    var o = We(n) || De(n) ? Bt(n.length, String) : [], p = o.length, N = !!p;
+    var o = We(n) || De(n) ? Bt(n.length, String) : [], h = o.length, H = !!h;
     for (var P in n)
-      vt.call(n, P) && !(N && (P == "length" || nn(P, p))) && o.push(P);
+      vt.call(n, P) && !(H && (P == "length" || nn(P, h))) && o.push(P);
     return o;
   }
   function sr(n, i, o) {
-    var p = n[i];
-    (!(vt.call(n, i) && ur(p, o)) || o === void 0 && !(i in n)) && (n[i] = o);
+    var h = n[i];
+    (!(vt.call(n, i) && ur(h, o)) || o === void 0 && !(i in n)) && (n[i] = o);
   }
   function Ae(n, i) {
     for (var o = n.length; o--; )
@@ -1167,47 +1167,47 @@ Ir.exports;
   function Ot(n, i) {
     return n && Ue(i, Ye(i), n);
   }
-  function je(n, i, o, p, N, P, B) {
-    var G;
-    if (p && (G = P ? p(n, N, P, B) : p(n)), G !== void 0)
-      return G;
+  function Le(n, i, o, h, H, P, X) {
+    var Y;
+    if (h && (Y = P ? h(n, H, P, X) : h(n)), Y !== void 0)
+      return Y;
     if (!Pt(n))
       return n;
     var J = We(n);
     if (J) {
-      if (G = en(n), !i)
-        return Zr(n, G);
+      if (Y = en(n), !i)
+        return Zr(n, Y);
     } else {
-      var X = Ut(n), dt = X == M || X == E;
+      var V = Ut(n), dt = V == w || V == M;
       if (lr(n))
         return xe(n, i);
-      if (X == C || X == c || dt && !P) {
+      if (V == C || V == c || dt && !P) {
         if (Xt(n))
           return P ? n : {};
-        if (G = Ct(dt ? {} : n), !i)
-          return Qr(n, Ot(G, n));
+        if (Y = Ct(dt ? {} : n), !i)
+          return Qr(n, Ot(Y, n));
       } else {
-        if (!U[X])
+        if (!U[V])
           return P ? n : {};
-        G = rn(n, X, je, i);
+        Y = rn(n, V, Le, i);
       }
     }
-    B || (B = new It());
-    var bt = B.get(n);
+    X || (X = new It());
+    var bt = X.get(n);
     if (bt)
       return bt;
-    if (B.set(n, G), !J)
-      var Q = o ? tn(n) : Ye(n);
-    return Ft(Q || n, function(ft, it) {
-      Q && (it = ft, ft = n[it]), sr(G, it, je(ft, i, o, p, it, n, B));
-    }), G;
+    if (X.set(n, Y), !J)
+      var tt = o ? tn(n) : Ye(n);
+    return Ft(tt || n, function(ft, it) {
+      tt && (it = ft, ft = n[it]), sr(Y, it, Le(ft, i, o, h, it, n, X));
+    }), Y;
   }
   function Gr(n) {
     return Pt(n) ? gt(n) : {};
   }
   function Yr(n, i, o) {
-    var p = i(n);
-    return We(n) ? p : Tt(p, o(n));
+    var h = i(n);
+    return We(n) ? h : Tt(h, o(n));
   }
   function Br(n) {
     return F.call(n);
@@ -1232,74 +1232,74 @@ Ir.exports;
     var o = new n.constructor(n.length);
     return n.copy(o), o;
   }
-  function Le(n) {
+  function je(n) {
     var i = new n.constructor(n.byteLength);
     return new rt(i).set(new rt(n)), i;
   }
-  function ue(n, i) {
-    var o = i ? Le(n.buffer) : n.buffer;
+  function de(n, i) {
+    var o = i ? je(n.buffer) : n.buffer;
     return new n.constructor(o, n.byteOffset, n.byteLength);
   }
   function ir(n, i, o) {
-    var p = i ? o(re(n), !0) : re(n);
-    return Yt(p, Et, new n.constructor());
+    var h = i ? o(se(n), !0) : se(n);
+    return Yt(h, Et, new n.constructor());
   }
   function ar(n) {
     var i = new n.constructor(n.source, St.exec(n));
     return i.lastIndex = n.lastIndex, i;
   }
   function Vr(n, i, o) {
-    var p = i ? o(ne(n), !0) : ne(n);
-    return Yt(p, ct, new n.constructor());
+    var h = i ? o(ie(n), !0) : ie(n);
+    return Yt(h, ct, new n.constructor());
   }
   function qr(n) {
     return rr ? Object(rr.call(n)) : {};
   }
   function Jr(n, i) {
-    var o = i ? Le(n.buffer) : n.buffer;
+    var o = i ? je(n.buffer) : n.buffer;
     return new n.constructor(o, n.byteOffset, n.length);
   }
   function Zr(n, i) {
-    var o = -1, p = n.length;
-    for (i || (i = Array(p)); ++o < p; )
+    var o = -1, h = n.length;
+    for (i || (i = Array(h)); ++o < h; )
       i[o] = n[o];
     return i;
   }
-  function Ue(n, i, o, p) {
+  function Ue(n, i, o, h) {
     o || (o = {});
-    for (var N = -1, P = i.length; ++N < P; ) {
-      var B = i[N], G = void 0;
-      sr(o, B, G === void 0 ? n[B] : G);
+    for (var H = -1, P = i.length; ++H < P; ) {
+      var X = i[H], Y = void 0;
+      sr(o, X, Y === void 0 ? n[X] : Y);
     }
     return o;
   }
   function Qr(n, i) {
-    return Ue(n, Lt(n), i);
+    return Ue(n, jt(n), i);
   }
   function tn(n) {
-    return Yr(n, Ye, Lt);
+    return Yr(n, Ye, jt);
   }
-  function le(n, i) {
+  function fe(n, i) {
     var o = n.__data__;
     return sn(i) ? o[typeof i == "string" ? "string" : "hash"] : o.map;
   }
   function At(n, i) {
-    var o = ee(n, i);
+    var o = ne(n, i);
     return Xr(o) ? o : void 0;
   }
-  var Lt = ae ? Kt(ae, Object) : cn, Ut = Br;
-  (Y && Ut(new Y(new ArrayBuffer(1))) != h || ut && Ut(new ut()) != y || ht && Ut(ht.resolve()) != u || qt && Ut(new qt()) != w || Ht && Ut(new Ht()) != m) && (Ut = function(n) {
-    var i = F.call(n), o = i == C ? n.constructor : void 0, p = o ? mt(o) : void 0;
-    if (p)
-      switch (p) {
-        case ze:
-          return h;
-        case ce:
+  var jt = ce ? Kt(ce, Object) : cn, Ut = Br;
+  (B && Ut(new B(new ArrayBuffer(1))) != p || ut && Ut(new ut()) != y || ht && Ut(ht.resolve()) != u || qt && Ut(new qt()) != _ || Ht && Ut(new Ht()) != m) && (Ut = function(n) {
+    var i = F.call(n), o = i == C ? n.constructor : void 0, h = o ? mt(o) : void 0;
+    if (h)
+      switch (h) {
+        case $e:
+          return p;
+        case le:
           return y;
         case Fe:
           return u;
-        case $e:
-          return w;
+        case ze:
+          return _;
         case Ne:
           return m;
       }
@@ -1312,36 +1312,36 @@ Ir.exports;
   function Ct(n) {
     return typeof n.constructor == "function" && !or(n) ? Gr(W(n)) : {};
   }
-  function rn(n, i, o, p) {
-    var N = n.constructor;
+  function rn(n, i, o, h) {
+    var H = n.constructor;
     switch (i) {
-      case v:
-        return Le(n);
+      case E:
+        return je(n);
       case f:
-      case I:
-        return new N(+n);
-      case h:
-        return ue(n, p);
-      case _:
-      case D:
       case g:
-      case O:
+        return new H(+n);
+      case p:
+        return de(n, h);
+      case k:
       case x:
-      case H:
+      case S:
+      case O:
+      case A:
+      case N:
       case L:
       case R:
-      case $:
-        return Jr(n, p);
+      case z:
+        return Jr(n, h);
       case y:
-        return ir(n, p, o);
+        return ir(n, h, o);
       case T:
-      case k:
-        return new N(n);
+      case b:
+        return new H(n);
       case d:
         return ar(n);
-      case w:
-        return Vr(n, p, o);
-      case b:
+      case _:
+        return Vr(n, h, o);
+      case I:
         return qr(n);
     }
   }
@@ -1353,16 +1353,16 @@ Ir.exports;
     return i == "string" || i == "number" || i == "symbol" || i == "boolean" ? n !== "__proto__" : n === null;
   }
   function an(n) {
-    return !!se && se in n;
+    return !!ae && ae in n;
   }
   function or(n) {
-    var i = n && n.constructor, o = typeof i == "function" && i.prototype || $t;
+    var i = n && n.constructor, o = typeof i == "function" && i.prototype || zt;
     return n === o;
   }
   function mt(n) {
     if (n != null) {
       try {
-        return ie.call(n);
+        return oe.call(n);
       } catch {
       }
       try {
@@ -1373,7 +1373,7 @@ Ir.exports;
     return "";
   }
   function cr(n) {
-    return je(n, !0, !0);
+    return Le(n, !0, !0);
   }
   function ur(n, i) {
     return n === i || n !== n && i !== i;
@@ -1391,7 +1391,7 @@ Ir.exports;
   var lr = Nt || un;
   function Ge(n) {
     var i = Pt(n) ? F.call(n) : "";
-    return i == M || i == E;
+    return i == w || i == M;
   }
   function dr(n) {
     return typeof n == "number" && n > -1 && n % 1 == 0 && n <= a;
@@ -1414,8 +1414,8 @@ Ir.exports;
   }
   t.exports = cr;
 })(Ir, Ir.exports);
-var gi = Ir.exports;
-const K = /* @__PURE__ */ xn(gi), Pe = (t) => new Promise((e, r) => {
+var Ii = Ir.exports;
+const K = /* @__PURE__ */ xn(Ii), Pe = (t) => new Promise((e, r) => {
   const s = new Image();
   console.warn("update cdn config for cors?"), s.onload = () => {
     const a = s.width, c = s.height;
@@ -1439,7 +1439,7 @@ const K = /* @__PURE__ */ xn(gi), Pe = (t) => new Promise((e, r) => {
   }), s.addEventListener("error", (a) => {
     r(a);
   }), s.src = t, s.load();
-}), Ii = async (t) => {
+}), bi = async (t) => {
   var a, c;
   const e = t.duration, r = (a = t.details) == null ? void 0 : a.width, s = (c = t.details) == null ? void 0 : c.height;
   return e && r && s ? { duration: e, width: r, height: s } : _n(t.details.src);
@@ -1459,11 +1459,11 @@ const K = /* @__PURE__ */ xn(gi), Pe = (t) => new Promise((e, r) => {
       });
     }).catch((a) => s(a));
   });
-}, bi = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+}, vi = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
 let Xe = (t = 21) => {
   let e = "", r = crypto.getRandomValues(new Uint8Array(t |= 0));
   for (; t--; )
-    e += bi[r[t] & 63];
+    e += vi[r[t] & 63];
   return e;
 };
 function Ce(t = 16) {
@@ -1471,20 +1471,20 @@ function Ce(t = 16) {
   let s = Xe(t - 1);
   return s = s.replace(/[^a-zA-Z0-9]/g, "").slice(0, t - 1), r + s;
 }
-function vi(t) {
+function _i(t) {
   const e = /#([0-9a-fA-F]{3,6})\b/g, r = /rgb\(\s*(\d+),\s*(\d+),\s*(\d+)\s*\)/g, s = /rgba\(\s*(\d+),\s*(\d+),\s*(\d+),\s*([0-9.]+)\s*\)/g;
   function a(l) {
     return l.length === 3 ? `#${l[0]}${l[0]}${l[1]}${l[1]}${l[2]}${l[2]}`.toUpperCase() : `#${l.toUpperCase()}`;
   }
-  function c(l, f, I) {
-    return `#${(1 << 24 | l << 16 | f << 8 | I).toString(16).slice(1).toUpperCase()}`;
+  function c(l, f, g) {
+    return `#${(1 << 24 | l << 16 | f << 8 | g).toString(16).slice(1).toUpperCase()}`;
   }
   return t = t.replace(e, (l, f) => a(f)), t = t.replace(
     r,
-    (l, f, I, S) => c(+f, +I, +S)
+    (l, f, g, v) => c(+f, +g, +v)
   ), t = t.replace(
     s,
-    (l, f, I, S) => c(+f, +I, +S)
+    (l, f, g, v) => c(+f, +g, +v)
   ), t;
 }
 function at(t) {
@@ -1518,12 +1518,12 @@ function fs(t) {
 function Be(t) {
   return /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(t);
 }
-const _i = (t) => {
+const ki = (t) => {
   const e = `.${t.split(".").filter((c) => c.includes("fill:")).join(".")}`, r = {}, s = /\.([\w-]+)\s*\{\s*([^}]+)\s*\}/g;
   let a;
   for (; (a = s.exec(e)) !== null; ) {
-    const c = a[1], l = a[2], f = {}, I = /fill\s*:\s*([^;]+);?/.exec(l), S = /stroke\s*:\s*([^;]+);?/.exec(l);
-    I && (f.fill = at(I[1].trim())), S && (f.stroke = at(S[1].trim())), r[c] = f;
+    const c = a[1], l = a[2], f = {}, g = /fill\s*:\s*([^;]+);?/.exec(l), v = /stroke\s*:\s*([^;]+);?/.exec(l);
+    g && (f.fill = at(g[1].trim())), v && (f.stroke = at(v[1].trim())), r[c] = f;
   }
   return r;
 };
@@ -1536,79 +1536,79 @@ function dn(t) {
   }
   return !1;
 }
-function ki(t, e, r = 300, s = 300) {
+function Si(t, e, r = 300, s = 300) {
   const a = [], l = new DOMParser().parseFromString(t, "image/svg+xml"), f = l.documentElement;
   f.setAttribute("width", `${r}`), f.setAttribute("height", `${s}`);
-  const I = f.querySelectorAll("style"), S = {};
-  I.forEach((u) => {
-    const d = u.textContent || "", w = _i(d);
-    Object.assign(S, w);
-    const k = d.replace(/\.(st[\w-]+)/g, `.${e}-$1`).replace(/url\(#(.*?)\)/g, `url(#${e}-$1)`);
-    u.textContent = k;
-    const b = Array.from(l.querySelectorAll("*")), m = /* @__PURE__ */ new Set();
-    b.forEach((v) => {
-      if (dn(v)) return;
-      ["fill", "stroke", "stop-color"].forEach((D) => {
-        const g = v.getAttribute(D);
-        g && !["none", "transparent"].includes(g) && m.add(at(g));
+  const g = f.querySelectorAll("style"), v = {};
+  g.forEach((u) => {
+    const d = u.textContent || "", _ = ki(d);
+    Object.assign(v, _);
+    const b = d.replace(/\.(st[\w-]+)/g, `.${e}-$1`).replace(/url\(#(.*?)\)/g, `url(#${e}-$1)`);
+    u.textContent = b;
+    const I = Array.from(l.querySelectorAll("*")), m = /* @__PURE__ */ new Set();
+    I.forEach((E) => {
+      if (dn(E)) return;
+      ["fill", "stroke", "stop-color"].forEach((x) => {
+        const S = E.getAttribute(x);
+        S && !["none", "transparent"].includes(S) && m.add(at(S));
       });
-      const h = v.getAttribute("style");
-      if (h) {
-        const D = /fill\s*:\s*([^;]+);?/.exec(h), g = /stroke\s*:\s*([^;]+);?/.exec(h), O = /stop-color\s*:\s*([^;]+);?/.exec(h);
-        if (D) {
-          const x = D[1].trim();
-          x && !["none", "transparent"].includes(x) && Be(at(x)) && m.add(at(x));
+      const p = E.getAttribute("style");
+      if (p) {
+        const x = /fill\s*:\s*([^;]+);?/.exec(p), S = /stroke\s*:\s*([^;]+);?/.exec(p), O = /stop-color\s*:\s*([^;]+);?/.exec(p);
+        if (x) {
+          const A = x[1].trim();
+          A && !["none", "transparent"].includes(A) && Be(at(A)) && m.add(at(A));
         }
-        if (g) {
-          const x = g[1].trim();
-          x && !["none", "transparent"].includes(x) && Be(at(x)) && m.add(at(x));
+        if (S) {
+          const A = S[1].trim();
+          A && !["none", "transparent"].includes(A) && Be(at(A)) && m.add(at(A));
         }
         if (O) {
-          const x = O[1].trim();
-          x && !["none", "transparent"].includes(x) && Be(at(x)) && m.add(at(x));
+          const A = O[1].trim();
+          A && !["none", "transparent"].includes(A) && Be(at(A)) && m.add(at(A));
         }
       }
-      const _ = v.getAttribute("class");
-      _ && _.split(" ").forEach((D) => {
-        const g = S[D];
-        g != null && g.fill && !["none", "transparent"].includes(g.fill) && m.add(at(g.fill)), g != null && g.stroke && !["none", "transparent"].includes(g.stroke) && m.add(at(g.stroke));
+      const k = E.getAttribute("class");
+      k && k.split(" ").forEach((x) => {
+        const S = v[x];
+        S != null && S.fill && !["none", "transparent"].includes(S.fill) && m.add(at(S.fill)), S != null && S.stroke && !["none", "transparent"].includes(S.stroke) && m.add(at(S.stroke));
       });
-    }), Array.from(m).forEach((v) => {
-      Be(v) && a.push(v);
+    }), Array.from(m).forEach((E) => {
+      Be(E) && a.push(E);
     });
   });
-  const M = Array.from(l.querySelectorAll("*")), E = /* @__PURE__ */ new Set();
-  return M.forEach((u) => {
+  const w = Array.from(l.querySelectorAll("*")), M = /* @__PURE__ */ new Set();
+  return w.forEach((u) => {
     if (dn(u)) return;
     const d = u.getAttribute("class");
     if (d) {
-      const k = d.split(" ").map((b) => `${e}-${b}`).join(" ");
-      u.setAttribute("class", k), k.split(" ").forEach((b) => {
-        const m = S[b];
-        m != null && m.fill && !["none", "transparent"].includes(m.fill) && E.add(at(m.fill)), m != null && m.stroke && !["none", "transparent"].includes(m.stroke) && E.add(at(m.stroke));
+      const b = d.split(" ").map((I) => `${e}-${I}`).join(" ");
+      u.setAttribute("class", b), b.split(" ").forEach((I) => {
+        const m = v[I];
+        m != null && m.fill && !["none", "transparent"].includes(m.fill) && M.add(at(m.fill)), m != null && m.stroke && !["none", "transparent"].includes(m.stroke) && M.add(at(m.stroke));
       });
     }
-    ["fill", "stroke", "stop-color"].forEach((k) => {
-      const b = u.getAttribute(k);
-      b && !["none", "transparent"].includes(b) && E.add(at(b));
+    ["fill", "stroke", "stop-color"].forEach((b) => {
+      const I = u.getAttribute(b);
+      I && !["none", "transparent"].includes(I) && M.add(at(I));
     });
-    const w = u.getAttribute("style");
-    if (w) {
-      const k = /fill\s*:\s*([^;]+);?/.exec(w), b = /stroke\s*:\s*([^;]+);?/.exec(w), m = /stop-color\s*:\s*([^;]+);?/.exec(w);
-      if (k) {
-        const v = k[1].trim();
-        v && !["none", "transparent"].includes(v) && E.add(at(v));
-      }
+    const _ = u.getAttribute("style");
+    if (_) {
+      const b = /fill\s*:\s*([^;]+);?/.exec(_), I = /stroke\s*:\s*([^;]+);?/.exec(_), m = /stop-color\s*:\s*([^;]+);?/.exec(_);
       if (b) {
-        const v = b[1].trim();
-        v && !["none", "transparent"].includes(v) && E.add(at(v));
+        const E = b[1].trim();
+        E && !["none", "transparent"].includes(E) && M.add(at(E));
+      }
+      if (I) {
+        const E = I[1].trim();
+        E && !["none", "transparent"].includes(E) && M.add(at(E));
       }
       if (m) {
-        const v = m[1].trim();
-        v && !["none", "transparent"].includes(v) && E.add(at(v));
+        const E = m[1].trim();
+        E && !["none", "transparent"].includes(E) && M.add(at(E));
       }
     }
-  }), E.forEach(
+  }), M.forEach(
     (u) => !a.includes(u) && Be(u) && a.push(u)
   ), Array.from(l.querySelectorAll("*")).forEach((u) => {
     if (u.hasAttribute("id")) {
@@ -1617,10 +1617,10 @@ function ki(t, e, r = 300, s = 300) {
     }
     if (["fill", "stroke", "stop-color", "filter", "clip-path", "mask"].forEach(
       (d) => {
-        const w = u.getAttribute(d);
-        w && w.includes("url(#") && u.setAttribute(
+        const _ = u.getAttribute(d);
+        _ && _.includes("url(#") && u.setAttribute(
           d,
-          w.replace(/url\(#(.*?)\)/g, `url(#${e}-$1)`)
+          _.replace(/url\(#(.*?)\)/g, `url(#${e}-$1)`)
         );
       }
     ), u.hasAttribute("style")) {
@@ -1675,7 +1675,7 @@ const wr = {
   from: 0,
   to: e.duration
 };
-function te(t, e) {
+function re(t, e) {
   const r = t.scaleMode, s = {
     x: t.size.width / 2,
     y: t.size.height / 2
@@ -1687,11 +1687,11 @@ function te(t, e) {
       t.size.height / e.height
     );
   else if (r === "fit") {
-    const I = t.scaleAspectRatio || 1;
+    const g = t.scaleAspectRatio || 1;
     c = Math.min(
       t.size.width / e.width,
       t.size.height / e.height
-    ) * I;
+    ) * g;
   } else
     c = Math.min(
       t.size.width / e.width,
@@ -1705,7 +1705,7 @@ function te(t, e) {
   };
 }
 const hs = async (t, e) => {
-  const r = t.details.src, s = await Ii(t), a = te(e, {
+  const r = t.details.src, s = await bi(t), a = re(e, {
     ...s
   }), c = ps(t.trim, { duration: s.duration }), l = {
     width: s.width,
@@ -1762,20 +1762,20 @@ const hs = async (t, e) => {
     duration: a
   };
 }, ys = async (t, e) => {
-  var E;
+  var M;
   const r = t.trackItemIds, s = t.size || {
     width: t.details.width,
     height: t.details.height
   }, a = Math.min(
     e.size.width / s.width,
     e.size.height / s.height
-  ), c = ((E = t.details) == null ? void 0 : E.rotate) || 0, l = te(e, s), f = t.display;
-  let I = 1 / 0, S = 0;
+  ), c = ((M = t.details) == null ? void 0 : M.rotate) || 0, l = re(e, s), f = t.display;
+  let g = 1 / 0, v = 0;
   r.forEach((y) => {
     const T = t.trackItemsMap[y];
-    T.display.from < I && (I = T.display.from), T.display.to > S && (S = T.display.to);
+    T.display.from < g && (g = T.display.from), T.display.to > v && (v = T.display.to);
   });
-  const M = t.trim || t.display || { from: I, to: S };
+  const w = t.trim || t.display || { from: g, to: v };
   return {
     id: t.id,
     type: "template",
@@ -1786,25 +1786,26 @@ const hs = async (t, e) => {
       top: t.details.top || l.top,
       left: t.details.left || l.left,
       scale: a,
-      rotate: c
+      rotate: c,
+      background: t.details.background || "transparent"
     },
-    trim: M,
-    display: f || { from: I, to: S },
+    trim: w,
+    display: f || { from: g, to: v },
     activeEdit: !1
   };
-}, Si = async (t, e) => {
-  var M;
+}, wi = async (t, e) => {
+  var w;
   const r = t.trackItemIds, s = t.size || {
     width: t.details.width,
     height: t.details.height
   }, a = Math.min(
     e.size.width / s.width,
     e.size.height / s.height
-  ), c = ((M = t.details) == null ? void 0 : M.rotate) || 0, l = te(e, s), f = t.display;
-  let I = 1 / 0, S = 0;
-  return r.forEach((E) => {
-    const y = t.trackItemsMap[E];
-    y.display.from < I && (I = y.display.from), y.display.to > S && (S = y.display.to);
+  ), c = ((w = t.details) == null ? void 0 : w.rotate) || 0, l = re(e, s), f = t.display;
+  let g = 1 / 0, v = 0;
+  return r.forEach((M) => {
+    const y = t.trackItemsMap[M];
+    y.display.from < g && (g = y.display.from), y.display.to > v && (v = y.display.to);
   }), {
     id: t.id,
     type: "composition",
@@ -1817,18 +1818,18 @@ const hs = async (t, e) => {
       scale: a,
       rotate: c
     },
-    display: f || { from: I, to: S }
+    display: f || { from: g, to: v }
   };
 }, Gn = async (t, e) => {
   const r = t.details, s = Pe(r.src), a = fetch(r.src), [c, l] = await Promise.all([
     s,
     a
-  ]), f = await l.text(), I = te(e, c), { serializer: S, colors: M } = ki(
-    vi(f),
+  ]), f = await l.text(), g = re(e, c), { serializer: v, colors: w } = Si(
+    _i(f),
     t.id,
     parseFloat(r.width || c.width),
     parseFloat(r.height || c.height)
-  ), E = t.details.colorMap || Object.fromEntries(M.map((y) => [y, y]));
+  ), M = t.details.colorMap || Object.fromEntries(w.map((y) => [y, y]));
   return {
     id: t.id,
     name: "illustration",
@@ -1844,15 +1845,15 @@ const hs = async (t, e) => {
       // Default height
       opacity: r.opacity ?? 100,
       // Default opacity
-      transform: r.transform || I.transform,
+      transform: r.transform || g.transform,
       // Default transform
       border: r.border || "none",
       // Default border
       borderRadius: r.borderRadius || 0,
       // Default border radius
-      top: r.top || I.top || "0px",
+      top: r.top || g.top || "0px",
       // Default top
-      left: r.left || I.left || "0px",
+      left: r.left || g.left || "0px",
       // Default left
       borderWidth: r.borderWidth ?? 0,
       // Default border width
@@ -1862,14 +1863,14 @@ const hs = async (t, e) => {
       flipY: r.flipY || !1,
       rotate: r.rotate || "0deg",
       visibility: r.visibility || "visible",
-      svgString: S,
-      initialSvgString: K(S),
-      colorMap: E
+      svgString: v,
+      initialSvgString: K(v),
+      colorMap: M
     },
     metadata: t.metadata || {}
   };
-}, wi = async (t, e) => {
-  const r = t.details, s = Pe(r.src), [a] = await Promise.all([s]), c = te(e, a);
+}, Mi = async (t, e) => {
+  const r = t.details, s = Pe(r.src), [a] = await Promise.all([s]), c = re(e, a);
   return {
     id: t.id,
     name: "shape",
@@ -1908,7 +1909,7 @@ const hs = async (t, e) => {
     metadata: t.metadata || {}
   };
 }, gs = async (t, e) => {
-  const r = t.details, s = await Pe(r.src), a = te(e, s);
+  const r = t.details, s = await Pe(r.src), a = re(e, s);
   return {
     id: t.id,
     type: "image",
@@ -1957,7 +1958,7 @@ const hs = async (t, e) => {
       url: r.details.fontUrl
     }
   ]);
-  const s = r.id, a = r.details, c = vs(a), l = ds(r.details.text, c), f = te(e, {
+  const s = r.id, a = r.details, c = vs(a), l = ds(r.details.text, c), f = re(e, {
     width: c.width,
     height: l
   });
@@ -1992,7 +1993,7 @@ const hs = async (t, e) => {
       url: t.details.fontUrl
     }
   ]);
-  const r = t.id, s = t.details, a = vs(s), c = ds(t.details.text, a), l = te(e, {
+  const r = t.id, s = t.details, a = vs(s), c = ds(t.details.text, a), l = re(e, {
     width: a.width,
     height: c
   });
@@ -2060,7 +2061,7 @@ const hs = async (t, e) => {
   transform: t.transform || "none",
   skewX: t.skewX || 0,
   skewY: t.skewY || 0
-}), Mi = async (t, e) => {
+}), Ei = async (t, e) => {
   switch (t.type) {
     case "video":
       return hs(t, e || {});
@@ -2080,12 +2081,12 @@ const hs = async (t, e) => {
       throw new Error("Unsupported track item");
   }
 };
-function Ei(t, e) {
+function Ti(t, e) {
   return e.some(
     (r) => t.some((s) => s.id === r.id)
   );
 }
-const Ti = (t = [], e = []) => t.length === 0 ? e.map((s) => ({
+const Ai = (t = [], e = []) => t.length === 0 ? e.map((s) => ({
   id: Ce(),
   items: [s.id],
   type: s.type,
@@ -2099,7 +2100,7 @@ const Ti = (t = [], e = []) => t.length === 0 ? e.map((s) => ({
   static: r.static || !1,
   id: r.id || Ce()
 }));
-function Ai(t, e) {
+function xi(t, e) {
   return t.filter((s) => {
     if (e.forEach((a) => {
       s.items.includes(a) && (s.items = s.items.filter((c) => c !== a));
@@ -2107,28 +2108,28 @@ function Ai(t, e) {
       return s;
   });
 }
-const ye = (t) => Object.keys(t).reduce((e, r) => {
+const ge = (t) => Object.keys(t).reduce((e, r) => {
   const { display: s, playbackRate: a } = t[r];
   return Math.max(e, s.to / (a || 1));
 }, 0);
 function kn(t, e, r) {
   return Math.min(Math.max(t, e), r);
 }
-const xi = (t, e, r, s, a) => {
+const Di = (t, e, r, s, a) => {
   if (s === void 0 && a === void 0)
     return { trackId: void 0, trackIndex: void 0 };
-  const c = a !== void 0 ? e[kn(a, 0, e.length)] : e.find((I) => I.id === s);
+  const c = a !== void 0 ? e[kn(a, 0, e.length)] : e.find((g) => g.id === s);
   if (!c)
     return {
       trackId: void 0,
       trackIndex: a !== void 0 ? kn(a, 0, e.length) : void 0
     };
-  const l = c.items.map((I) => r[I]), f = t.map((I) => r[I]);
-  for (const I of l) {
-    const S = I.display.from, M = I.display.to;
-    for (const E of f) {
-      const y = E.display.from;
-      if (!(E.display.to <= S || y >= M))
+  const l = c.items.map((g) => r[g]), f = t.map((g) => r[g]);
+  for (const g of l) {
+    const v = g.display.from, w = g.display.to;
+    for (const M of f) {
+      const y = M.display.from;
+      if (!(M.display.to <= v || y >= w))
         return {
           trackId: void 0,
           trackIndex: e.indexOf(c)
@@ -2140,8 +2141,8 @@ const xi = (t, e, r, s, a) => {
     trackIndex: e.indexOf(c)
   };
 }, Yn = (t, e) => {
-  var f, I;
-  const r = ((f = t.details.crop) == null ? void 0 : f.width) || t.details.width || 0, s = ((I = t.details.crop) == null ? void 0 : I.height) || t.details.height || 0;
+  var f, g;
+  const r = ((f = t.details.crop) == null ? void 0 : f.width) || t.details.width || 0, s = ((g = t.details.crop) == null ? void 0 : g.height) || t.details.height || 0;
   let a = e.width, c = e.height;
   const l = e.width / e.height;
   return r / s > l ? (a = r, c = r / l) : (c = s, a = s * l), {
@@ -2161,81 +2162,81 @@ const xi = (t, e, r, s, a) => {
     trim: r,
     display: s
   };
-}, Di = (t) => {
+}, Oi = (t) => {
   const { trackItemIds: e, transitionsMap: r, trackItemsMap: s } = t, a = /* @__PURE__ */ new Map();
-  Object.values(r).forEach((S) => {
+  Object.values(r).forEach((v) => {
     var T, C;
-    const { fromId: M, toId: E, kind: y } = S;
-    y !== "none" && (a.has(M) || a.set(M, []), a.has(E) || a.set(E, []), (T = a.get(M)) == null || T.push(S), (C = a.get(E)) == null || C.push(S));
+    const { fromId: w, toId: M, kind: y } = v;
+    y !== "none" && (a.has(w) || a.set(w, []), a.has(M) || a.set(M, []), (T = a.get(w)) == null || T.push(v), (C = a.get(M)) == null || C.push(v));
   });
-  const c = [], l = /* @__PURE__ */ new Set(), f = (S) => {
-    const M = [];
-    let E = S;
-    for (; E && !l.has(E); ) {
-      l.add(E);
-      const y = s[E];
-      M.push(y);
+  const c = [], l = /* @__PURE__ */ new Set(), f = (v) => {
+    const w = [];
+    let M = v;
+    for (; M && !l.has(M); ) {
+      l.add(M);
+      const y = s[M];
+      w.push(y);
       const T = Object.values(r).find(
-        (C) => C.fromId === E && C.kind !== "none"
+        (C) => C.fromId === M && C.kind !== "none"
         // Filter here
       );
       if (!T) break;
-      M.push(T), E = T.toId;
+      w.push(T), M = T.toId;
     }
-    return M;
-  }, I = Object.values(r).filter(
-    (S) => S.kind !== "none"
+    return w;
+  }, g = Object.values(r).filter(
+    (v) => v.kind !== "none"
   );
-  for (const S of e)
-    if (!l.has(S) && (!a.has(S) || !I.some((M) => M.toId === S))) {
-      const M = f(S);
-      M.length > 0 && c.push(M);
+  for (const v of e)
+    if (!l.has(v) && (!a.has(v) || !g.some((w) => w.toId === v))) {
+      const w = f(v);
+      w.length > 0 && c.push(w);
     }
-  return c.forEach((S) => {
-    S.sort((M, E) => "display" in M && "display" in E ? M.display.from - E.display.from : 0);
-  }), c.filter((S) => S.filter((E) => E !== void 0).length > 0);
+  return c.forEach((v) => {
+    v.sort((w, M) => "display" in w && "display" in M ? w.display.from - M.display.from : 0);
+  }), c.filter((v) => v.filter((M) => M !== void 0).length > 0);
 };
 function Xn(t, e, r) {
   t.forEach((s) => {
     const l = Object.values(e).filter(
-      (S) => s.items.includes(S.id)
+      (v) => s.items.includes(v.id)
     ).sort(
-      (S, M) => S.display.from - M.display.from
-    ).map((S) => S.id), f = Di({
+      (v, w) => v.display.from - w.display.from
+    ).map((v) => v.id), f = Oi({
       trackItemIds: l,
       transitionsMap: r,
       trackItemsMap: e
     });
-    let I = 0;
-    l.forEach((S) => {
-      const M = [];
+    let g = 0;
+    l.forEach((v) => {
+      const w = [];
       for (const y of f)
-        if (y.find((T) => T.id === S)) {
+        if (y.find((T) => T.id === v)) {
           const T = f.findIndex(
-            (C) => C.find((u) => u.id === S)
+            (C) => C.find((u) => u.id === v)
           );
           if (T - 1 >= 0)
             for (let C = T - 1; C >= 0; C--) {
               const u = f[C];
-              M.push(u);
+              w.push(u);
             }
         }
-      let E = 0;
-      if (M.forEach((y) => {
+      let M = 0;
+      if (w.forEach((y) => {
         y.forEach((T) => {
-          T.type === "transition" && (E += T.duration);
+          T.type === "transition" && (M += T.duration);
         });
-      }), e[S]) {
-        const y = e[S].display.to - e[S].display.from;
-        e[S].display = {
-          from: I - E,
-          to: I + y - E
-        }, I += y;
+      }), e[v]) {
+        const y = e[v].display.to - e[v].display.from;
+        e[v].display = {
+          from: g - M,
+          to: g + y - M
+        }, g += y;
       }
     });
   });
 }
-function Oi(t, e) {
+function Ci(t, e) {
   let s = e.reduce(
     (a, c) => c.display.to > a.display.to ? c : a,
     { display: { to: 0 } }
@@ -2245,22 +2246,22 @@ function Oi(t, e) {
     a.display.from = s, a.display.to = a.display.from + f, s = a.display.to;
   });
 }
-function Ci(t) {
+function Pi(t) {
   const e = t, r = e.tracks, s = e.trackItemsMap, a = [], c = {}, l = e.structure;
   return r.forEach((f) => {
-    var S;
-    const I = f.items.map((M) => s[M]).sort((M, E) => M.display.from - E.display.from);
-    for (let M = 0; M < I.length - 1; M++) {
-      const E = I[M], y = I[M + 1];
-      if (Math.abs(E.display.to - y.display.from) <= 1) {
-        const T = `${E.id}-${y.id}`;
-        if ((S = e.transitionIds) == null ? void 0 : S.includes(T))
+    var v;
+    const g = f.items.map((w) => s[w]).sort((w, M) => w.display.from - M.display.from);
+    for (let w = 0; w < g.length - 1; w++) {
+      const M = g[w], y = g[w + 1];
+      if (Math.abs(M.display.to - y.display.from) <= 1) {
+        const T = `${M.id}-${y.id}`;
+        if ((v = e.transitionIds) == null ? void 0 : v.includes(T))
           c[T] = e.transitionsMap[T];
         else {
           const u = {
             id: T,
             duration: 1500,
-            fromId: E.id,
+            fromId: M.id,
             toId: y.id,
             kind: "none",
             trackId: f.id,
@@ -2272,9 +2273,9 @@ function Ci(t) {
       }
     }
   }), l.forEach((f) => {
-    f.transitions.forEach((I) => {
-      c[I] = {
-        ...e.transitionsMap[I],
+    f.transitions.forEach((g) => {
+      c[g] = {
+        ...e.transitionsMap[g],
         trackId: f.id
       };
     });
@@ -2283,59 +2284,59 @@ function Ci(t) {
     transitionsMap: c
   };
 }
-function Pi(t, e, r) {
+function Ri(t, e, r) {
   const s = t.toId, a = r[s], c = e.find((l) => l.items.includes(s));
   c && (c.magnetic || c.items.forEach((l) => {
     const f = r[l];
     f.display.from > a.display.from && (f.display.from = f.display.from + t.duration, f.display.to = f.display.to + t.duration);
   }));
 }
-function Ri(t) {
-  const e = pe.pipe(
-    he(({ key: u }) => u.startsWith(Dn))
-  ), r = pe.pipe(
-    he(({ key: u }) => u.startsWith(yt))
-  ), s = pe.pipe(
-    he(({ key: u }) => u.startsWith(pt))
-  ), a = pe.pipe(
-    he(({ key: u }) => u.startsWith(Sr))
-  ), c = pe.pipe(
-    he(({ key: u }) => u.startsWith(Re))
-  ), l = pe.pipe(
-    he(({ key: u }) => u.startsWith(_e))
-  ), f = pe.pipe(
-    he(({ key: u }) => u.startsWith(us))
-  ), I = e.subscribe(async (u) => {
-    var d, w;
+function $i(t) {
+  const e = he.pipe(
+    me(({ key: u }) => u.startsWith(Dn))
+  ), r = he.pipe(
+    me(({ key: u }) => u.startsWith(yt))
+  ), s = he.pipe(
+    me(({ key: u }) => u.startsWith(pt))
+  ), a = he.pipe(
+    me(({ key: u }) => u.startsWith(Sr))
+  ), c = he.pipe(
+    me(({ key: u }) => u.startsWith(Re))
+  ), l = he.pipe(
+    me(({ key: u }) => u.startsWith(ee))
+  ), f = he.pipe(
+    me(({ key: u }) => u.startsWith(us))
+  ), g = e.subscribe(async (u) => {
+    var d, _;
     if (u.key === Xs) {
-      const k = (d = u.value) == null ? void 0 : d.payload, b = k.trackItemsMap, m = k.trackItemDetailsMap;
+      const b = (d = u.value) == null ? void 0 : d.payload, I = b.trackItemsMap, m = b.trackItemDetailsMap;
       console.warn("IMPROVE FONTS LOADING");
-      for (const h in m)
-        if (m[h].type === "text" || m[h].type === "caption") {
-          const _ = m[h].details;
+      for (const p in m)
+        if (m[p].type === "text" || m[p].type === "caption") {
+          const k = m[p].details;
           await br([
             {
-              fontFamily: _.fontFamily,
-              url: _.fontUrl
+              fontFamily: k.fontFamily,
+              url: k.fontUrl
             }
           ]);
-        } else if (m[h].type === "illustration") {
-          const _ = b[h], D = m[h].details, g = await Gn(
-            { ..._, details: D },
+        } else if (m[p].type === "illustration") {
+          const k = I[p], x = m[p].details, S = await Gn(
+            { ...k, details: x },
             {
-              size: { width: D.width, height: D.height }
+              size: { width: x.width, height: x.height }
             }
           ), O = Wn(
-            g.details.svgString,
-            D.colorMap
+            S.details.svgString,
+            x.colorMap
           );
-          g.details.svgString = O, m[h].details = g.details, b[h] = g;
+          S.details.svgString = O, m[p].details = S.details, I[p] = S;
         }
-      const v = ye(b);
+      const E = ge(I);
       t.updateState(
         {
-          ...k,
-          duration: v
+          ...b,
+          duration: E
         },
         {
           kind: "design:load",
@@ -2344,10 +2345,10 @@ function Ri(t) {
       );
     }
     if (u.key === Ks) {
-      const k = (w = u.value) == null ? void 0 : w.payload;
+      const b = (_ = u.value) == null ? void 0 : _.payload;
       t.updateState(
         {
-          size: k
+          size: b
         },
         {
           kind: "design:resize",
@@ -2355,16 +2356,16 @@ function Ri(t) {
         }
       );
     }
-  }), S = a.subscribe((u) => {
-    if (u.key === hi) return t.undo();
-    if (u.key === mi) return t.redo();
-  }), M = f.subscribe((u) => {
+  }), v = a.subscribe((u) => {
+    if (u.key === mi) return t.undo();
+    if (u.key === yi) return t.redo();
+  }), w = f.subscribe((u) => {
     var d;
-    if (u.key === yi) {
-      const w = (d = u.value) == null ? void 0 : d.payload.scale;
+    if (u.key === gi) {
+      const _ = (d = u.value) == null ? void 0 : d.payload.scale;
       t.updateState(
         {
-          scale: w
+          scale: _
         },
         {
           kind: "update",
@@ -2372,79 +2373,79 @@ function Ri(t) {
         }
       );
     }
-  }), E = s.subscribe(async (u) => {
-    var w, k, b, m, v;
+  }), M = s.subscribe(async (u) => {
+    var _, b, I, m, E;
     const d = [];
-    if ((w = u.value) != null && w.payload.trackItemIds && (d.push((k = u.value) == null ? void 0 : k.payload.trackItemIds), t.updateState(
+    if ((_ = u.value) != null && _.payload.trackItemIds && (d.push((b = u.value) == null ? void 0 : b.payload.trackItemIds), t.updateState(
       { activeIds: d },
       {
         kind: "update",
         updateHistory: !1
       }
-    )), u.key === fi) {
-      const h = (b = u.value) == null ? void 0 : b.payload.trackItemIds, _ = K(t.getState()), D = h && h.length ? h : _.activeIds, g = D.map((A) => _.trackItemsMap[A]).filter((A) => !!A).map((A) => A.id), O = _.transitionIds.filter(
-        (A) => {
-          const Z = _.transitionsMap[A];
-          return g.includes(Z.fromId) || g.includes(Z.toId);
+    )), u.key === pi) {
+      const p = (I = u.value) == null ? void 0 : I.payload.trackItemIds, k = K(t.getState()), x = p && p.length ? p : k.activeIds, S = x.map((D) => k.trackItemsMap[D]).filter((D) => !!D).map((D) => D.id), O = k.transitionIds.filter(
+        (D) => {
+          const Q = k.transitionsMap[D];
+          return S.includes(Q.fromId) || S.includes(Q.toId);
         }
       );
-      g.push(...O);
-      const x = {}, H = _.trackItemIds, L = _.transitionIds, R = _.trackItemDetailsMap, $ = K(_.tracks), V = K(_.structure);
-      g.forEach((A) => {
+      S.push(...O);
+      const A = {}, N = k.trackItemIds, L = k.transitionIds, R = k.trackItemDetailsMap, z = K(k.tracks), G = K(k.structure);
+      S.forEach((D) => {
         var Et;
-        const Z = _.trackItemsMap[A] || _.transitionsMap[A];
-        if (Z.type === "template" || Z.type === "composition") {
-          const ct = (Et = _.structure.find(
-            (Tt) => Tt.id === Z.id
+        const Q = k.trackItemsMap[D] || k.transitionsMap[D];
+        if (Q.type === "template" || Q.type === "composition") {
+          const ct = (Et = k.structure.find(
+            (Tt) => Tt.id === Q.id
           )) == null ? void 0 : Et.items;
-          g.push(...ct);
-          const Ft = V.findIndex(
-            (Tt) => Tt.id === Z.id
+          S.push(...ct);
+          const Ft = G.findIndex(
+            (Tt) => Tt.id === Q.id
           );
-          V.splice(Ft, 1);
+          G.splice(Ft, 1);
         }
-      }), g.forEach((A) => {
-        V.forEach((Z) => {
-          Z.items.includes(A) && (Z.items = Z.items.filter((Et) => Et !== A));
+      }), S.forEach((D) => {
+        G.forEach((Q) => {
+          Q.items.includes(D) && (Q.items = Q.items.filter((Et) => Et !== D));
         });
       });
-      const St = H.filter(
-        (A) => !g.includes(A)
+      const St = N.filter(
+        (D) => !S.includes(D)
       );
-      L.forEach((A) => {
-        D.includes(A) && D.length === 1 && (x[A] = K(_.transitionsMap[A]));
+      L.forEach((D) => {
+        x.includes(D) && x.length === 1 && (A[D] = K(k.transitionsMap[D]));
       });
       const xt = L.filter(
-        (A) => !g.includes(A) && !D.includes(A)
+        (D) => !S.includes(D) && !x.includes(D)
       ), Dt = Object.fromEntries(
         Object.entries(R).filter(
-          ([A]) => !g.includes(A)
+          ([D]) => !S.includes(D)
         )
       ), U = Object.fromEntries(
-        Object.entries(_.transitionsMap).filter(
-          ([A]) => !g.includes(A)
+        Object.entries(k.transitionsMap).filter(
+          ([D]) => !S.includes(D)
         )
       );
-      Object.keys(U).forEach((A) => {
-        D.includes(A) && (U[A].kind = "none");
+      Object.keys(U).forEach((D) => {
+        x.includes(D) && (U[D].kind = "none");
       });
-      const Rt = Ai(
-        _.tracks,
-        g
+      const Rt = xi(
+        k.tracks,
+        S
       ), Mt = Object.fromEntries(
-        Object.entries(_.trackItemsMap).filter(
-          ([A]) => !g.includes(A)
+        Object.entries(k.trackItemsMap).filter(
+          ([D]) => !S.includes(D)
         )
-      ), ot = $.filter((A) => A.magnetic);
+      ), ot = z.filter((D) => D.magnetic);
       Xn(
         ot,
         Mt,
-        _.transitionsMap
+        k.transitionsMap
       );
-      const zt = ye(Mt);
-      Object.keys(x).forEach((A) => {
-        Pi(
-          x[A],
+      const $t = ge(Mt);
+      Object.keys(A).forEach((D) => {
+        Ri(
+          A[D],
           Rt,
           Mt
         );
@@ -2455,29 +2456,29 @@ function Ri(t) {
           activeIds: [],
           trackItemsMap: Mt,
           tracks: Rt,
-          duration: zt,
-          structure: V,
+          duration: $t,
+          structure: G,
           transitionIds: xt,
           transitionsMap: U
         },
         { updateHistory: !0, kind: "remove" }
       );
     }
-    if (u.key === di) {
-      const h = K(t.getState()), _ = {}, D = ((m = u.value) == null ? void 0 : m.payload.trackItemIds) || h.activeIds;
-      if (D.length === 0) return;
-      D.forEach((O) => {
-        const x = h.trackItemsMap[O], H = h.trackItemDetailsMap[O], L = Ce();
-        h.trackItemsMap[L] = {
-          ...K(x),
+    if (u.key === fi) {
+      const p = K(t.getState()), k = {}, x = ((m = u.value) == null ? void 0 : m.payload.trackItemIds) || p.activeIds;
+      if (x.length === 0) return;
+      x.forEach((O) => {
+        const A = p.trackItemsMap[O], N = p.trackItemDetailsMap[O], L = Ce();
+        p.trackItemsMap[L] = {
+          ...K(A),
           id: L
-        }, h.trackItemDetailsMap[L] = {
-          ...K(H)
-        }, h.trackItemIds.push(L);
-        const R = h.tracks.find(
-          ($) => $.items.includes(O)
+        }, p.trackItemDetailsMap[L] = {
+          ...K(N)
+        }, p.trackItemIds.push(L);
+        const R = p.tracks.find(
+          (z) => z.items.includes(O)
         );
-        _[R.id] ? _[R.id].items.push(L) : _[R.id] = {
+        k[R.id] ? k[R.id].items.push(L) : k[R.id] = {
           ...R,
           id: Ce(),
           items: [L],
@@ -2485,13 +2486,13 @@ function Ri(t) {
           magnetic: !1
         };
       });
-      const g = Object.values(_);
-      h.tracks = [...g, ...h.tracks], t.updateState(
+      const S = Object.values(k);
+      p.tracks = [...S, ...p.tracks], t.updateState(
         {
-          trackItemDetailsMap: h.trackItemDetailsMap,
-          tracks: h.tracks,
-          trackItemIds: h.trackItemIds,
-          trackItemsMap: h.trackItemsMap
+          trackItemDetailsMap: p.trackItemDetailsMap,
+          tracks: p.tracks,
+          trackItemIds: p.trackItemIds,
+          trackItemsMap: p.trackItemsMap
         },
         {
           updateHistory: !0,
@@ -2499,29 +2500,29 @@ function Ri(t) {
         }
       );
     }
-    if (u.key === pi) {
-      const h = (v = u.value) == null ? void 0 : v.payload, _ = Object.keys(h)[0], D = Object.values(h)[0], g = K(t.getState()), O = g.trackItemDetailsMap[_], x = K(g.trackItemsMap[_]), H = O.details;
-      if (!D.details.src) return;
+    if (u.key === hi) {
+      const p = (E = u.value) == null ? void 0 : E.payload, k = Object.keys(p)[0], x = Object.values(p)[0], S = K(t.getState()), O = S.trackItemDetailsMap[k], A = K(S.trackItemsMap[k]), N = O.details;
+      if (!x.details.src) return;
       if (O.type === "image") {
-        const L = await Pe(D.details.src), { crop: R, newHeight: $, newWidth: V } = Yn(
+        const L = await Pe(x.details.src), { crop: R, newHeight: z, newWidth: G } = Yn(
           O,
           L
         );
-        D.details.crop = R, D.details.height = $, D.details.width = V;
+        x.details.crop = R, x.details.height = z, x.details.width = G;
       } else if (O.type === "video") {
-        const L = await _n(D.details.src), R = g.trackItemsMap[_], { display: $, duration: V, trim: St } = Bn(R, L), { crop: xt, newHeight: Dt, newWidth: U } = Yn(
+        const L = await _n(x.details.src), R = S.trackItemsMap[k], { display: z, duration: G, trim: St } = Bn(R, L), { crop: xt, newHeight: Dt, newWidth: U } = Yn(
           O,
           L
         );
-        D.details.crop = xt, D.details.height = Dt, D.details.width = U, x.display = $, x.duration = V, x.trim = St;
+        x.details.crop = xt, x.details.height = Dt, x.details.width = U, A.display = z, A.duration = G, A.trim = St;
       } else if (O.type === "audio") {
-        const L = await ls(D.details.src), R = g.trackItemsMap[_], { display: $, duration: V, trim: St } = Bn(R, L);
-        x.display = $, x.duration = V, x.trim = St;
+        const L = await ls(x.details.src), R = S.trackItemsMap[k], { display: z, duration: G, trim: St } = Bn(R, L);
+        A.display = z, A.duration = G, A.trim = St;
       }
-      O.details = { ...H, ...D.details }, g.trackItemDetailsMap[_] = { ...O }, g.trackItemsMap[_] = { ...x }, t.updateState(
+      O.details = { ...N, ...x.details }, S.trackItemDetailsMap[k] = { ...O }, S.trackItemsMap[k] = { ...A }, t.updateState(
         {
-          trackItemDetailsMap: g.trackItemDetailsMap,
-          trackItemsMap: g.trackItemsMap
+          trackItemDetailsMap: S.trackItemDetailsMap,
+          trackItemsMap: S.trackItemsMap
         },
         {
           updateHistory: !0,
@@ -2530,11 +2531,11 @@ function Ri(t) {
       );
     }
   }), y = r.subscribe(async (u) => {
-    var O, x, H, L, R, $, V, St, xt, Dt, U, Rt, Mt, ot, zt, A, Z, Et, ct, Ft, Tt, Yt, Bt, ee, Xt, re, Kt, ne, Se, we, $t, Vt, se, ie, vt;
-    const d = K(t.getState()), w = ((x = (O = u.value) == null ? void 0 : O.options) == null ? void 0 : x.isSelected) || !1, k = (L = (H = u.value) == null ? void 0 : H.options) == null ? void 0 : L.scaleMode, b = ($ = (R = u.value) == null ? void 0 : R.options) == null ? void 0 : $.scaleAspectRatio, m = (St = (V = u.value) == null ? void 0 : V.options) == null ? void 0 : St.isNewTrack;
-    let v = [], h = "text";
-    const _ = (Dt = (xt = u.value) == null ? void 0 : xt.options) == null ? void 0 : Dt.trackId;
-    let D = (Rt = (U = u.value) == null ? void 0 : U.options) == null ? void 0 : Rt.trackIndex;
+    var O, A, N, L, R, z, G, St, xt, Dt, U, Rt, Mt, ot, $t, D, Q, Et, ct, Ft, Tt, Yt, Bt, ne, Xt, se, Kt, ie, Se, we, zt, Vt, ae, oe, vt;
+    const d = K(t.getState()), _ = ((A = (O = u.value) == null ? void 0 : O.options) == null ? void 0 : A.isSelected) || !1, b = (L = (N = u.value) == null ? void 0 : N.options) == null ? void 0 : L.scaleMode, I = (z = (R = u.value) == null ? void 0 : R.options) == null ? void 0 : z.scaleAspectRatio, m = (St = (G = u.value) == null ? void 0 : G.options) == null ? void 0 : St.isNewTrack;
+    let E = [], p = "text";
+    const k = (Dt = (xt = u.value) == null ? void 0 : xt.options) == null ? void 0 : Dt.trackId;
+    let x = (Rt = (U = u.value) == null ? void 0 : U.options) == null ? void 0 : Rt.trackIndex;
     if (u.key === ei) {
       const F = (Mt = u.value) == null ? void 0 : Mt.payload;
       let j = d.trackItemsMap[F.id].animations;
@@ -2542,62 +2543,62 @@ function Ri(t) {
     }
     if (u.key === si) {
       const F = (ot = u.value) == null ? void 0 : ot.payload, j = F.trackItems.map(
-        (Y) => Mi(Y, {
+        (B) => Ei(B, {
           size: d.size,
-          scaleMode: k,
-          scaleAspectRatio: b
+          scaleMode: b,
+          scaleAspectRatio: I
         })
-      ), z = await Promise.all(j), nt = Ti(F.tracks, F.trackItems), rt = [];
-      F.trackItems.forEach((Y) => {
-        if (Y.type !== "template") return;
+      ), $ = await Promise.all(j), nt = Ai(F.tracks, F.trackItems), rt = [];
+      F.trackItems.forEach((B) => {
+        if (B.type !== "template") return;
         d.trackItemsMap = {
           ...d.trackItemsMap,
-          ...Y.trackItemsMap
+          ...B.trackItemsMap
         }, d.trackItemDetailsMap = {
           ...d.trackItemDetailsMap,
-          ...Y.trackItemDetailsMap
+          ...B.trackItemDetailsMap
         }, d.transitionsMap = {
           ...d.transitionsMap,
-          ...Y.transitionsMap
+          ...B.transitionsMap
         };
         const ut = {
-          id: Y.id,
-          items: Y.trackItemIds,
-          transitions: Y.transitionsIds || [],
-          tracks: Y.tracks
+          id: B.id,
+          items: B.trackItemIds,
+          transitions: B.transitionsIds || [],
+          tracks: B.tracks
         };
         rt.push(ut);
       });
       const W = [], gt = {}, q = {};
-      if (z.forEach((Y) => {
-        const { details: ut, ...ht } = Y;
-        W.push(Y.id), gt[Y.id] = {
-          type: Y.type,
+      if ($.forEach((B) => {
+        const { details: ut, ...ht } = B;
+        W.push(B.id), gt[B.id] = {
+          type: B.type,
           details: ut
-        }, q[Y.id] = ht;
-      }), Ei(
+        }, q[B.id] = ht;
+      }), Ti(
         d.tracks,
         nt
       ))
-        d.tracks.forEach((Y) => {
+        d.tracks.forEach((B) => {
           nt.forEach((ut) => {
-            if (Y.id === ut.id) {
-              if (Y.magnetic) {
-                const ht = ut.items.map((Ht) => q[Ht]), qt = Y.items.map(
+            if (B.id === ut.id) {
+              if (B.magnetic) {
+                const ht = ut.items.map((Ht) => q[Ht]), qt = B.items.map(
                   (Ht) => d.trackItemsMap[Ht]
                 );
-                Oi(
+                Ci(
                   ht,
                   qt
                 );
               }
-              Y.items.push(...W);
+              B.items.push(...W);
             }
           });
         });
       else {
-        const Y = ((A = (zt = u.value) == null ? void 0 : zt.options) == null ? void 0 : A.trackIndex) || 0, ut = kn(
-          Y,
+        const B = ((D = ($t = u.value) == null ? void 0 : $t.options) == null ? void 0 : D.trackIndex) || 0, ut = kn(
+          B,
           0,
           d.tracks.length
         );
@@ -2612,10 +2613,10 @@ function Ri(t) {
       }, d.trackItemIds = [
         ...d.trackItemIds,
         ...W
-      ], d.structure = [...d.structure, ...rt], d.duration = ye(d.trackItemsMap);
-      const { transitionIds: ae, transitionsMap: Nt } = Ci(
+      ], d.structure = [...d.structure, ...rt], d.duration = ge(d.trackItemsMap);
+      const { transitionIds: ce, transitionsMap: Nt } = Pi(
         d
-      ), Ee = d.tracks.filter((Y) => Y.magnetic);
+      ), Ee = d.tracks.filter((B) => B.magnetic);
       Xn(
         Ee,
         d.trackItemsMap,
@@ -2628,7 +2629,7 @@ function Ri(t) {
           tracks: d.tracks,
           duration: d.duration,
           structure: d.structure,
-          transitionIds: ae,
+          transitionIds: ce,
           transitionsMap: Nt
         },
         {
@@ -2639,42 +2640,42 @@ function Ri(t) {
       return;
     }
     if (u.key === ri) {
-      h = "caption";
-      const F = (Z = u.value) == null ? void 0 : Z.payload, j = [];
+      p = "caption";
+      const F = (Q = u.value) == null ? void 0 : Q.payload, j = [];
       for (const rt of F) {
         const W = Is(rt, {
           size: d.size
         });
         j.push(W);
       }
-      const z = await Promise.all(j), nt = [];
-      for (const rt of z) {
+      const $ = await Promise.all(j), nt = [];
+      for (const rt of $) {
         const W = rt.id;
         nt.push(W);
         const { details: gt, ...q } = rt;
         d.trackItemDetailsMap[W] = {
-          type: h,
+          type: p,
           details: gt
         }, d.trackItemsMap[W] = q, d.trackItemIds.push(W);
       }
-      v = nt;
+      E = nt;
     }
     if (u.key === Vs) {
-      h = "text";
+      p = "text";
       const F = await bs((Et = u.value) == null ? void 0 : Et.payload, {
         size: d.size
-      }), { details: j, ...z } = F;
-      d.trackItemDetailsMap[z.id] = {
-        type: h,
+      }), { details: j, ...$ } = F;
+      d.trackItemDetailsMap[$.id] = {
+        type: p,
         details: j
-      }, d.trackItemsMap[z.id] = z, d.trackItemIds.push(z.id), v = [z.id];
+      }, d.trackItemsMap[$.id] = $, d.trackItemIds.push($.id), E = [$.id];
     }
     if (u.key === ni) {
-      h = "template";
-      const F = (ct = u.value) == null ? void 0 : ct.payload.trackItemsMap, j = (Ft = u.value) == null ? void 0 : Ft.payload.trackItemDetailsMap, z = (Tt = u.value) == null ? void 0 : Tt.payload.transitionsMap, nt = ((Yt = u.value) == null ? void 0 : Yt.payload.transitionIds) || [], rt = (Bt = u.value) == null ? void 0 : Bt.payload.trackItemIds, W = ((ee = u.value) == null ? void 0 : ee.payload.tracks) || [], { details: gt, ...q } = await ys((Xt = u.value) == null ? void 0 : Xt.payload, {
+      p = "template";
+      const F = (ct = u.value) == null ? void 0 : ct.payload.trackItemsMap, j = (Ft = u.value) == null ? void 0 : Ft.payload.trackItemDetailsMap, $ = (Tt = u.value) == null ? void 0 : Tt.payload.transitionsMap, nt = ((Yt = u.value) == null ? void 0 : Yt.payload.transitionIds) || [], rt = (Bt = u.value) == null ? void 0 : Bt.payload.trackItemIds, W = ((ne = u.value) == null ? void 0 : ne.payload.tracks) || [], { details: gt, ...q } = await ys((Xt = u.value) == null ? void 0 : Xt.payload, {
         size: d.size,
-        scaleMode: k,
-        scaleAspectRatio: b
+        scaleMode: b,
+        scaleAspectRatio: I
       }), Me = {
         id: q.id,
         items: rt,
@@ -2682,9 +2683,9 @@ function Ri(t) {
         tracks: W
       };
       d.trackItemDetailsMap[q.id] = {
-        type: h,
+        type: p,
         details: gt
-      }, d.trackItemsMap[q.id] = q, d.trackItemIds.push(q.id), v = [q.id], d.trackItemsMap = {
+      }, d.trackItemsMap[q.id] = q, d.trackItemIds.push(q.id), E = [q.id], d.trackItemsMap = {
         ...d.trackItemsMap,
         ...F,
         [q.id]: {
@@ -2699,85 +2700,85 @@ function Ri(t) {
         }
       }, d.transitionsMap = {
         ...d.transitionsMap,
-        ...z
+        ...$
       }, d.structure = [...d.structure, Me];
     }
     if (u.key === Qs) {
-      h = "illustration";
-      const F = await Gn((re = u.value) == null ? void 0 : re.payload, {
+      p = "illustration";
+      const F = await Gn((se = u.value) == null ? void 0 : se.payload, {
         size: d.size,
-        scaleMode: k,
-        scaleAspectRatio: b
-      }), { details: j, ...z } = F;
-      d.trackItemDetailsMap[z.id] = {
-        type: h,
+        scaleMode: b,
+        scaleAspectRatio: I
+      }), { details: j, ...$ } = F;
+      d.trackItemDetailsMap[$.id] = {
+        type: p,
         details: j
-      }, d.trackItemsMap[z.id] = z, d.trackItemIds.push(z.id), v = [z.id];
+      }, d.trackItemsMap[$.id] = $, d.trackItemIds.push($.id), E = [$.id];
     }
     if (u.key === ti) {
-      h = "shape";
-      const F = await wi((Kt = u.value) == null ? void 0 : Kt.payload, {
+      p = "shape";
+      const F = await Mi((Kt = u.value) == null ? void 0 : Kt.payload, {
         size: d.size,
-        scaleMode: k,
-        scaleAspectRatio: b
-      }), { details: j, ...z } = F;
-      d.trackItemDetailsMap[z.id] = {
-        type: h,
+        scaleMode: b,
+        scaleAspectRatio: I
+      }), { details: j, ...$ } = F;
+      d.trackItemDetailsMap[$.id] = {
+        type: p,
         details: j
-      }, d.trackItemsMap[z.id] = z, d.trackItemIds.push(z.id), v = [z.id];
+      }, d.trackItemsMap[$.id] = $, d.trackItemIds.push($.id), E = [$.id];
     }
     if (u.key === Zs) {
-      h = "image";
-      const F = await gs((ne = u.value) == null ? void 0 : ne.payload, {
+      p = "image";
+      const F = await gs((ie = u.value) == null ? void 0 : ie.payload, {
         size: d.size,
-        scaleMode: k,
-        scaleAspectRatio: b
-      }), { details: j, ...z } = F;
-      d.trackItemDetailsMap[z.id] = {
-        type: h,
+        scaleMode: b,
+        scaleAspectRatio: I
+      }), { details: j, ...$ } = F;
+      d.trackItemDetailsMap[$.id] = {
+        type: p,
         details: j
-      }, d.trackItemsMap[z.id] = z, d.trackItemIds.push(z.id), v = [z.id];
+      }, d.trackItemsMap[$.id] = $, d.trackItemIds.push($.id), E = [$.id];
     }
     if (u.key === Js) {
-      h = "audio";
-      const F = await ms((Se = u.value) == null ? void 0 : Se.payload), { details: j, ...z } = F;
-      d.trackItemDetailsMap[z.id] = {
-        type: h,
+      p = "audio";
+      const F = await ms((Se = u.value) == null ? void 0 : Se.payload), { details: j, ...$ } = F;
+      d.trackItemDetailsMap[$.id] = {
+        type: p,
         details: j
-      }, d.trackItemsMap[z.id] = z, d.trackItemIds.push(z.id), v = [z.id];
+      }, d.trackItemsMap[$.id] = $, d.trackItemIds.push($.id), E = [$.id];
     }
     if (u.key === qs) {
-      h = "video";
+      p = "video";
       const F = await hs((we = u.value) == null ? void 0 : we.payload, {
         size: d.size,
-        scaleMode: k,
-        scaleAspectRatio: b
-      }), { details: j, ...z } = F;
-      d.trackItemDetailsMap[z.id] = {
-        type: h,
+        scaleMode: b,
+        scaleAspectRatio: I
+      }), { details: j, ...$ } = F;
+      d.trackItemDetailsMap[$.id] = {
+        type: p,
         details: j,
-        metadata: z.metadata
-      }, d.trackItemsMap[z.id] = z, d.trackItemIds.push(z.id), v = [z.id];
+        metadata: $.metadata
+      }, d.trackItemsMap[$.id] = $, d.trackItemIds.push($.id), E = [$.id];
     }
     if (u.key === ii) {
-      h = "composition";
-      const F = ($t = u.value) == null ? void 0 : $t.payload.trackItemsMap, j = (Vt = u.value) == null ? void 0 : Vt.payload.trackItemDetailsMap, z = (se = u.value) == null ? void 0 : se.payload.trackItemIds, nt = ((ie = u.value) == null ? void 0 : ie.payload.tracks) || [], { details: rt, ...W } = await Si(
+      p = "composition";
+      const F = (zt = u.value) == null ? void 0 : zt.payload.trackItemsMap, j = (Vt = u.value) == null ? void 0 : Vt.payload.trackItemDetailsMap, $ = (ae = u.value) == null ? void 0 : ae.payload.trackItemIds, nt = ((oe = u.value) == null ? void 0 : oe.payload.tracks) || [], { details: rt, ...W } = await wi(
         (vt = u.value) == null ? void 0 : vt.payload,
         {
           size: d.size,
-          scaleMode: k,
-          scaleAspectRatio: b
+          scaleMode: b,
+          scaleAspectRatio: I
         }
       ), gt = {
         id: W.id,
-        items: z,
+        items: $,
         transitions: [],
         tracks: nt
       };
       d.trackItemDetailsMap[W.id] = {
-        type: h,
+        type: p,
         details: rt
-      }, d.trackItemsMap[W.id] = W, d.trackItemIds.push(W.id), v = [W.id], d.trackItemsMap = {
+      }, d.trackItemsMap[W.id] = W, d.trackItemIds.push(W.id), E = [W.id], d.trackItemsMap = {
         ...d.trackItemsMap,
         ...F,
         [W.id]: {
@@ -2787,23 +2788,23 @@ function Ri(t) {
         ...d.trackItemDetailsMap,
         ...j,
         [W.id]: {
-          type: h,
+          type: p,
           details: rt
         }
       }, d.structure = [...d.structure, gt];
     }
-    const g = xi(
-      v,
+    const S = Di(
+      E,
       d.tracks,
       d.trackItemsMap,
-      _,
-      D
+      k,
+      x
     );
     if (m) {
       const F = Xe();
-      g.trackId = F;
+      S.trackId = F;
       const j = {
-        id: g.trackId,
+        id: S.trackId,
         accepts: [
           "text",
           "audio",
@@ -2813,18 +2814,18 @@ function Ri(t) {
           "caption",
           "template"
         ],
-        type: h,
-        items: v,
+        type: p,
+        items: E,
         magnetic: !1,
         static: !1
       };
-      d.tracks.splice(g.trackIndex, 0, j);
-    } else if (g.trackId) {
+      d.tracks.splice(S.trackIndex, 0, j);
+    } else if (S.trackId) {
       const F = d.tracks.find(
-        (j) => j.id === g.trackId
+        (j) => j.id === S.trackId
       );
-      F && F.items.push(...v);
-    } else if (g.trackIndex !== void 0) {
+      F && F.items.push(...E);
+    } else if (S.trackIndex !== void 0) {
       const F = {
         id: Xe(),
         accepts: [
@@ -2836,12 +2837,12 @@ function Ri(t) {
           "caption",
           "template"
         ],
-        type: h,
-        items: v,
+        type: p,
+        items: E,
         magnetic: !1,
         static: !1
       };
-      d.tracks.splice(g.trackIndex, 0, F);
+      d.tracks.splice(S.trackIndex, 0, F);
     } else
       d.tracks.unshift({
         id: Xe(),
@@ -2854,12 +2855,12 @@ function Ri(t) {
           "caption",
           "template"
         ],
-        type: h,
-        items: v,
+        type: p,
+        items: E,
         magnetic: !1,
         static: !1
       });
-    w && (d.activeIds = v), d.duration = ye(d.trackItemsMap), t.updateState(
+    _ && (d.activeIds = E), d.duration = ge(d.trackItemsMap), t.updateState(
       {
         activeIds: d.activeIds,
         trackItemIds: d.trackItemIds,
@@ -2877,44 +2878,44 @@ function Ri(t) {
     );
   }), T = c.subscribe(async (u) => {
     var d;
-    if (u.key === li) {
-      const w = K(t.getState()), k = (d = u.value) == null ? void 0 : d.options.time;
-      if (w.activeIds.length === 1) {
-        const b = w.activeIds[0], m = K(w.trackItemsMap[b]);
-        if (k >= m.display.to || k <= m.display.from)
+    if (u.key === di) {
+      const _ = K(t.getState()), b = (d = u.value) == null ? void 0 : d.options.time;
+      if (_.activeIds.length === 1) {
+        const I = _.activeIds[0], m = K(_.trackItemsMap[I]);
+        if (b >= m.display.to || b <= m.display.from)
           return;
-        const v = K(w.trackItemDetailsMap[b]), h = Ce(), _ = K({
+        const E = K(_.trackItemDetailsMap[I]), p = Ce(), k = K({
           ...m,
           display: {
             from: m.display.from,
-            to: k
+            to: b
           }
-        }), D = K({
+        }), x = K({
           ...m,
-          id: h,
+          id: p,
           display: {
-            from: k,
+            from: b,
             to: m.display.to
           }
         });
         if (m.type === "video" || m.type === "audio") {
-          const g = k - _.display.from;
-          _.trim = {
+          const S = b - k.display.from;
+          k.trim = {
             from: m.trim.from,
-            to: m.trim.from + g
-          }, D.trim = {
-            from: m.trim.from + g,
+            to: m.trim.from + S
+          }, x.trim = {
+            from: m.trim.from + S,
             to: m.trim.to
           };
         }
-        w.trackItemsMap[b] = _, w.trackItemsMap[h] = D, w.trackItemIds.push(h), w.trackItemDetailsMap[h] = v, w.tracks.forEach((g) => {
-          g.items.includes(b) && g.items.push(h);
+        _.trackItemsMap[I] = k, _.trackItemsMap[p] = x, _.trackItemIds.push(p), _.trackItemDetailsMap[p] = E, _.tracks.forEach((S) => {
+          S.items.includes(I) && S.items.push(p);
         }), t.updateState(
           {
-            trackItemDetailsMap: w.trackItemDetailsMap,
-            tracks: w.tracks,
-            trackItemIds: w.trackItemIds,
-            trackItemsMap: w.trackItemsMap
+            trackItemDetailsMap: _.trackItemDetailsMap,
+            tracks: _.tracks,
+            trackItemIds: _.trackItemIds,
+            trackItemsMap: _.trackItemsMap
           },
           {
             updateHistory: !0,
@@ -2924,56 +2925,56 @@ function Ri(t) {
       }
       return;
     }
-    if (u.key === ui) {
-      const w = K(t.getState());
-      if (w.activeIds.length) {
-        const k = w.activeIds, b = [], m = {
-          activeIds: k,
+    if (u.key === li) {
+      const _ = K(t.getState());
+      if (_.activeIds.length) {
+        const b = _.activeIds, I = [], m = {
+          activeIds: b,
           trackItemDetailsMap: {},
           trackItemsMap: {},
           tracks: []
         };
-        k.forEach((h) => {
-          m.trackItemDetailsMap[h] = w.trackItemDetailsMap[h], m.trackItemsMap[h] = w.trackItemsMap[h], b.push(
-            w.tracks.find((_) => _.items.includes(h))
+        b.forEach((p) => {
+          m.trackItemDetailsMap[p] = _.trackItemDetailsMap[p], m.trackItemsMap[p] = _.trackItemsMap[p], I.push(
+            _.tracks.find((k) => k.items.includes(p))
           );
         });
-        const v = /* @__PURE__ */ new Set();
-        b.filter((h) => v.has(h.id) ? !1 : (v.add(h), !0)), m.tracks = Array.from(v.keys()), localStorage.setItem("DesignComboTemp", JSON.stringify(m));
+        const E = /* @__PURE__ */ new Set();
+        I.filter((p) => E.has(p.id) ? !1 : (E.add(p), !0)), m.tracks = Array.from(E.keys()), localStorage.setItem("DesignComboTemp", JSON.stringify(m));
       }
     }
-    if (u.key === ci) {
-      const w = localStorage.getItem("DesignComboTemp");
-      if (!w) return;
-      const k = K(t.getState()), b = JSON.parse(w), m = {}, v = b.trackItemsMap, h = b.trackItemDetailsMap, _ = b.tracks, D = [], g = b.activeIds.map(async (O) => {
-        const x = h[O];
-        (x.type === "caption" || x.type === "text") && x.details.fontUrl && await br([
+    if (u.key === ui) {
+      const _ = localStorage.getItem("DesignComboTemp");
+      if (!_) return;
+      const b = K(t.getState()), I = JSON.parse(_), m = {}, E = I.trackItemsMap, p = I.trackItemDetailsMap, k = I.tracks, x = [], S = I.activeIds.map(async (O) => {
+        const A = p[O];
+        (A.type === "caption" || A.type === "text") && A.details.fontUrl && await br([
           {
-            fontFamily: x.details.fontFamily,
-            url: x.details.fontUrl
+            fontFamily: A.details.fontFamily,
+            url: A.details.fontUrl
           }
         ]);
-        const H = Ce();
-        return m[O] = H, k.trackItemsMap[H] = {
-          ...v[O],
-          id: H
-        }, k.trackItemDetailsMap[H] = x, k.trackItemIds.push(H), !0;
+        const N = Ce();
+        return m[O] = N, b.trackItemsMap[N] = {
+          ...E[O],
+          id: N
+        }, b.trackItemDetailsMap[N] = A, b.trackItemIds.push(N), !0;
       });
-      await Promise.all(g), _.forEach((O) => {
-        const x = O.items.map((L) => m[L]), H = {
+      await Promise.all(S), k.forEach((O) => {
+        const A = O.items.map((L) => m[L]), N = {
           ...O,
           magnetic: !1,
           static: !1,
-          items: x,
+          items: A,
           id: Xe()
         };
-        D.push(H);
-      }), k.tracks = [...D, ...k.tracks], t.updateState(
+        x.push(N);
+      }), b.tracks = [...x, ...b.tracks], t.updateState(
         {
-          trackItemDetailsMap: k.trackItemDetailsMap,
-          tracks: k.tracks,
-          trackItemIds: k.trackItemIds,
-          trackItemsMap: k.trackItemsMap
+          trackItemDetailsMap: b.trackItemDetailsMap,
+          tracks: b.tracks,
+          trackItemIds: b.trackItemIds,
+          trackItemsMap: b.trackItemsMap
         },
         {
           updateHistory: !0,
@@ -2982,43 +2983,43 @@ function Ri(t) {
       );
     }
   }), C = l.subscribe(async (u) => {
-    var d, w, k;
+    var d, _, b, I;
     if (u.key === ai) {
-      const b = K(t.getState()), m = b.trackItemDetailsMap, v = b.trackItemsMap, h = Object.keys((d = u.value) == null ? void 0 : d.payload);
-      if (!h.length) return;
-      const _ = (w = u.value) == null ? void 0 : w.payload;
-      h.forEach((g) => {
-        const O = _[g];
-        if (O.details) {
-          if (m[g].details = {
-            ...m[g].details,
-            ...O.details
-          }, O.details.colorMap) {
-            const x = m[g].details.initialSvgString, H = Wn(
-              x,
-              O.details.colorMap
+      const m = K(t.getState()), E = m.trackItemDetailsMap, p = m.trackItemsMap, k = Object.keys((d = u.value) == null ? void 0 : d.payload);
+      if (!k.length) return;
+      const x = (_ = u.value) == null ? void 0 : _.payload;
+      k.forEach((O) => {
+        const A = x[O];
+        if (A.details) {
+          if (E[O].details = {
+            ...E[O].details,
+            ...A.details
+          }, A.details.colorMap) {
+            const N = E[O].details.initialSvgString, L = Wn(
+              N,
+              A.details.colorMap
             );
-            m[g].details.svgString = H;
+            E[O].details.svgString = L;
           }
-        } else _[g].playbackRate && (v[g].playbackRate = _[g].playbackRate);
-        _[g].metadata && (v[g].metadata ? v[g].metadata = {
-          ...v[g].metadata,
-          ..._[g].metadata
-        } : v[g].metadata = _[g].metadata), _[g].display && (v[g].display = _[g].display);
+        } else x[O].playbackRate && (p[O].playbackRate = x[O].playbackRate);
+        x[O].metadata && (p[O].metadata ? p[O].metadata = {
+          ...p[O].metadata,
+          ...x[O].metadata
+        } : p[O].metadata = x[O].metadata), x[O].display && (p[O].display = x[O].display);
       });
-      for (const g of h) {
-        const O = _[g];
-        if (v[g].type === "shape" && O.details.src) {
-          const x = await Pe(O.details.src);
-          m[g].details.width = x.width, m[g].details.height = x.height;
+      for (const O of k) {
+        const A = x[O];
+        if (p[O].type === "shape" && A.details.src) {
+          const N = await Pe(A.details.src);
+          E[O].details.width = N.width, E[O].details.height = N.height;
         }
       }
-      const D = ye(v);
+      const S = ge(p);
       t.updateState(
         {
-          trackItemDetailsMap: { ...m },
-          trackItemsMap: { ...v },
-          duration: D
+          trackItemDetailsMap: { ...E },
+          trackItemsMap: { ...p },
+          duration: S
         },
         {
           updateHistory: !0,
@@ -3027,43 +3028,43 @@ function Ri(t) {
       );
     }
     if (u.key === oi) {
-      const b = (k = u.value) == null ? void 0 : k.payload, m = Object.keys(b)[0], v = Object.values(b)[0], h = K(t.getState()), _ = h.trackItemDetailsMap[m], D = _.details;
-      if (v.details) {
-        if (v.type === "image" && v.details.src) {
-          const O = await Pe(v.details.src), x = _.details.width || 0, H = _.details.height || 0;
-          let L = O.width, R = O.height;
-          const $ = O.width / O.height;
-          x / H > $ ? (L = x, R = x / $) : (R = H, L = H * $), D.crop = {
+      const m = (b = u.value) == null ? void 0 : b.payload, E = Object.keys(m)[0], p = Object.values(m)[0], k = K(t.getState()), x = k.trackItemDetailsMap[E], S = x.details;
+      if (p.details) {
+        if (p.type === "image" && p.details.src) {
+          const A = await Pe(p.details.src), N = x.details.width || 0, L = x.details.height || 0;
+          let R = A.width, z = A.height;
+          const G = A.width / A.height;
+          N / L > G ? (R = N, z = N / G) : (z = L, R = L * G), S.crop = {
             x: 0,
             y: 0,
-            height: D.height,
-            width: D.width
-          }, v.details.width = L, v.details.height = R;
+            height: S.height,
+            width: S.width
+          }, p.details.width = R, p.details.height = z;
         }
-        if (v.type === "video" && v.details.src) {
-          const O = await _n(v.details.src), x = _.details.width || 0, H = _.details.height || 0;
-          let L = O.width, R = O.height;
-          const $ = O.width / O.height;
-          x / H > $ ? (L = x, R = x / $) : (R = H, L = H * $), D.crop = {
+        if (p.type === "video" && p.details.src) {
+          const A = await _n(p.details.src), N = x.details.width || 0, L = x.details.height || 0;
+          let R = A.width, z = A.height;
+          const G = A.width / A.height;
+          N / L > G ? (R = N, z = N / G) : (z = L, R = L * G), S.crop = {
             x: 0,
             y: 0,
-            height: D.height,
-            width: D.width
-          }, v.details.width = L, v.details.height = R;
+            height: S.height,
+            width: S.width
+          }, p.details.width = R, p.details.height = z;
         }
-        _.details = { ...D, ...v.details }, v.details = _.details;
+        x.details = { ...S, ...p.details }, p.details = x.details;
       }
-      const g = { ..._, ...v };
-      h.trackItemDetailsMap[m] = g, h.trackItemsMap[m] = {
-        ...h.trackItemsMap[m],
-        type: v.type
+      const O = { ...x, ...p };
+      k.trackItemDetailsMap[E] = O, k.trackItemsMap[E] = {
+        ...k.trackItemsMap[E],
+        type: p.type
       }, t.updateState(
         {
           trackItemDetailsMap: {
-            ...h.trackItemDetailsMap
+            ...k.trackItemDetailsMap
           },
           trackItemsMap: {
-            ...h.trackItemsMap
+            ...k.trackItemsMap
           }
         },
         {
@@ -3072,43 +3073,55 @@ function Ri(t) {
         }
       );
     }
+    if (u.key === ci) {
+      const m = K(t.getState()), { type: E, value: p } = (I = u.value) == null ? void 0 : I.payload;
+      m.background.value = p, m.background.type = E || "color", t.updateState(
+        {
+          ...m
+        },
+        {
+          updateHistory: !0,
+          kind: "update:details"
+        }
+      );
+    }
   });
   return {
     unsubscribe: () => {
-      y.unsubscribe(), T.unsubscribe(), C.unsubscribe(), S.unsubscribe(), E.unsubscribe(), I.unsubscribe(), M.unsubscribe();
+      y.unsubscribe(), T.unsubscribe(), C.unsubscribe(), v.unsubscribe(), M.unsubscribe(), g.unsubscribe(), w.unsubscribe();
     }
   };
 }
-const zi = { Date: !0, RegExp: !0, String: !0, Number: !0 };
+const Fi = { Date: !0, RegExp: !0, String: !0, Number: !0 };
 function _s(t, e, r = { cyclesFix: !0 }, s = []) {
-  var f, I;
+  var f, g;
   let a = [];
   const c = Array.isArray(t);
-  for (const S in t) {
-    const M = t[S], E = c ? +S : S;
-    if (!(S in e)) {
+  for (const v in t) {
+    const w = t[v], M = c ? +v : v;
+    if (!(v in e)) {
       a.push({
         type: "REMOVE",
-        path: [E],
-        oldValue: t[S]
+        path: [M],
+        oldValue: t[v]
       });
       continue;
     }
-    const y = e[S], T = typeof M == "object" && typeof y == "object" && Array.isArray(M) === Array.isArray(y);
-    M && y && T && !zi[(I = (f = Object.getPrototypeOf(M)) == null ? void 0 : f.constructor) == null ? void 0 : I.name] && (!r.cyclesFix || !s.includes(M)) ? a.push.apply(a, _s(M, y, r, r.cyclesFix ? s.concat([M]) : []).map((C) => (C.path.unshift(E), C))) : M !== y && // treat NaN values as equivalent
-    !(Number.isNaN(M) && Number.isNaN(y)) && !(T && (isNaN(M) ? M + "" == y + "" : +M == +y)) && a.push({
-      path: [E],
+    const y = e[v], T = typeof w == "object" && typeof y == "object" && Array.isArray(w) === Array.isArray(y);
+    w && y && T && !Fi[(g = (f = Object.getPrototypeOf(w)) == null ? void 0 : f.constructor) == null ? void 0 : g.name] && (!r.cyclesFix || !s.includes(w)) ? a.push.apply(a, _s(w, y, r, r.cyclesFix ? s.concat([w]) : []).map((C) => (C.path.unshift(M), C))) : w !== y && // treat NaN values as equivalent
+    !(Number.isNaN(w) && Number.isNaN(y)) && !(T && (isNaN(w) ? w + "" == y + "" : +w == +y)) && a.push({
+      path: [M],
       type: "CHANGE",
       value: y,
-      oldValue: M
+      oldValue: w
     });
   }
   const l = Array.isArray(e);
-  for (const S in e)
-    S in t || a.push({
+  for (const v in e)
+    v in t || a.push({
       type: "CREATE",
-      path: [l ? +S : S],
-      value: e[S]
+      path: [l ? +v : v],
+      value: e[v]
     });
   return a;
 }
@@ -3152,44 +3165,44 @@ function et(t, ...e) {
     `[Immer] minified error nr: ${t}. Full error at: https://bit.ly/3cXEKWf`
   );
 }
-var ge = Object.getPrototypeOf;
-function Ie(t) {
+var Ie = Object.getPrototypeOf;
+function be(t) {
   return !!t && !!t[_t];
 }
-function Qt(t) {
+function te(t) {
   var e;
   return t ? Ss(t) || Array.isArray(t) || !!t[Ke] || !!((e = t.constructor) != null && e[Ke]) || tr(t) || er(t) : !1;
 }
-var Fi = Object.prototype.constructor.toString();
+var zi = Object.prototype.constructor.toString();
 function Ss(t) {
   if (!t || typeof t != "object")
     return !1;
-  const e = ge(t);
+  const e = Ie(t);
   if (e === null)
     return !0;
   const r = Object.hasOwnProperty.call(e, "constructor") && e.constructor;
-  return r === Object ? !0 : typeof r == "function" && Function.toString.call(r) === Fi;
+  return r === Object ? !0 : typeof r == "function" && Function.toString.call(r) === zi;
 }
 function Ve(t, e) {
-  be(t) === 0 ? Reflect.ownKeys(t).forEach((r) => {
+  ve(t) === 0 ? Reflect.ownKeys(t).forEach((r) => {
     e(r, t[r], t);
   }) : t.forEach((r, s) => e(s, r, t));
 }
-function be(t) {
+function ve(t) {
   const e = t[_t];
   return e ? e.type_ : Array.isArray(t) ? 1 : tr(t) ? 2 : er(t) ? 3 : 0;
 }
 function qe(t, e) {
-  return be(t) === 2 ? t.has(e) : Object.prototype.hasOwnProperty.call(t, e);
+  return ve(t) === 2 ? t.has(e) : Object.prototype.hasOwnProperty.call(t, e);
 }
 function fn(t, e) {
-  return be(t) === 2 ? t.get(e) : t[e];
+  return ve(t) === 2 ? t.get(e) : t[e];
 }
 function ws(t, e, r) {
-  const s = be(t);
+  const s = ve(t);
   s === 2 ? t.set(e, r) : s === 3 ? t.add(r) : t[e] = r;
 }
-function $i(t, e) {
+function Ni(t, e) {
   return t === e ? t !== 0 || 1 / t === 1 / e : t !== t && e !== e;
 }
 function tr(t) {
@@ -3198,7 +3211,7 @@ function tr(t) {
 function er(t) {
   return t instanceof Set;
 }
-function me(t) {
+function ye(t) {
   return t.copy_ || t.base_;
 }
 function Sn(t, e) {
@@ -3223,9 +3236,9 @@ function Sn(t, e) {
         value: t[l]
       });
     }
-    return Object.create(ge(t), s);
+    return Object.create(Ie(t), s);
   } else {
-    const s = ge(t);
+    const s = Ie(t);
     if (s !== null && r)
       return { ...t };
     const a = Object.create(s);
@@ -3233,20 +3246,20 @@ function Sn(t, e) {
   }
 }
 function Cn(t, e = !1) {
-  return Mr(t) || Ie(t) || !Qt(t) || (be(t) > 1 && (t.set = t.add = t.clear = t.delete = Ni), Object.freeze(t), e && Object.entries(t).forEach(([r, s]) => Cn(s, !0))), t;
+  return Mr(t) || be(t) || !te(t) || (ve(t) > 1 && (t.set = t.add = t.clear = t.delete = Hi), Object.freeze(t), e && Object.entries(t).forEach(([r, s]) => Cn(s, !0))), t;
 }
-function Ni() {
+function Hi() {
   et(2);
 }
 function Mr(t) {
   return Object.isFrozen(t);
 }
 var wn = {};
-function ve(t) {
+function _e(t) {
   const e = wn[t];
   return e || et(0, t), e;
 }
-function Hi(t, e) {
+function Li(t, e) {
   wn[t] || (wn[t] = e);
 }
 var Je;
@@ -3265,10 +3278,10 @@ function ji(t, e) {
   };
 }
 function Kn(t, e) {
-  e && (ve("Patches"), t.patches_ = [], t.inversePatches_ = [], t.patchListener_ = e);
+  e && (_e("Patches"), t.patches_ = [], t.inversePatches_ = [], t.patchListener_ = e);
 }
 function Mn(t) {
-  En(t), t.drafts_.forEach(Li), t.drafts_ = null;
+  En(t), t.drafts_.forEach(Ui), t.drafts_ = null;
 }
 function En(t) {
   t === Je && (Je = t.parent_);
@@ -3276,14 +3289,14 @@ function En(t) {
 function Vn(t) {
   return Je = ji(Je, t);
 }
-function Li(t) {
+function Ui(t) {
   const e = t[_t];
   e.type_ === 0 || e.type_ === 1 ? e.revoke_() : e.revoked_ = !0;
 }
 function qn(t, e) {
   e.unfinalizedDrafts_ = e.drafts_.length;
   const r = e.drafts_[0];
-  return t !== void 0 && t !== r ? (r[_t].modified_ && (Mn(e), et(4)), Qt(t) && (t = vr(e, t), e.parent_ || _r(e, t)), e.patches_ && ve("Patches").generateReplacementPatches_(
+  return t !== void 0 && t !== r ? (r[_t].modified_ && (Mn(e), et(4)), te(t) && (t = vr(e, t), e.parent_ || _r(e, t)), e.patches_ && _e("Patches").generateReplacementPatches_(
     r[_t].base_,
     t,
     e.patches_,
@@ -3309,8 +3322,8 @@ function vr(t, e, r) {
     let c = a, l = !1;
     s.type_ === 3 && (c = new Set(a), a.clear(), l = !0), Ve(
       c,
-      (f, I) => Jn(t, s, a, f, I, r, l)
-    ), _r(t, a, !1), r && t.patches_ && ve("Patches").generatePatches_(
+      (f, g) => Jn(t, s, a, f, g, r, l)
+    ), _r(t, a, !1), r && t.patches_ && _e("Patches").generatePatches_(
       s,
       r,
       t.patches_,
@@ -3320,15 +3333,15 @@ function vr(t, e, r) {
   return s.copy_;
 }
 function Jn(t, e, r, s, a, c, l) {
-  if (process.env.NODE_ENV !== "production" && a === r && et(5), Ie(a)) {
+  if (process.env.NODE_ENV !== "production" && a === r && et(5), be(a)) {
     const f = c && e && e.type_ !== 3 && // Set objects are atomic since they have no keys.
-    !qe(e.assigned_, s) ? c.concat(s) : void 0, I = vr(t, a, f);
-    if (ws(r, s, I), Ie(I))
+    !qe(e.assigned_, s) ? c.concat(s) : void 0, g = vr(t, a, f);
+    if (ws(r, s, g), be(g))
       t.canAutoFreeze_ = !1;
     else
       return;
   } else l && r.add(a);
-  if (Qt(a) && !Mr(a)) {
+  if (te(a) && !Mr(a)) {
     if (!t.immer_.autoFreeze_ && t.unfinalizedDrafts_ < 1)
       return;
     vr(t, a), (!e || !e.scope_.parent_) && typeof s != "symbol" && Object.prototype.propertyIsEnumerable.call(r, s) && _r(t, a);
@@ -3337,7 +3350,7 @@ function Jn(t, e, r, s, a, c, l) {
 function _r(t, e, r = !1) {
   !t.parent_ && t.immer_.autoFreeze_ && t.canAutoFreeze_ && Cn(e, r);
 }
-function Ui(t, e) {
+function Wi(t, e) {
   const r = Array.isArray(t), s = {
     type_: r ? 1 : 0,
     // Track which produce call this is associated with.
@@ -3370,27 +3383,27 @@ var Pn = {
   get(t, e) {
     if (e === _t)
       return t;
-    const r = me(t);
+    const r = ye(t);
     if (!qe(r, e))
-      return Wi(t, r, e);
+      return Gi(t, r, e);
     const s = r[e];
-    return t.finalized_ || !Qt(s) ? s : s === pn(t.base_, e) ? (hn(t), t.copy_[e] = An(s, t)) : s;
+    return t.finalized_ || !te(s) ? s : s === pn(t.base_, e) ? (hn(t), t.copy_[e] = An(s, t)) : s;
   },
   has(t, e) {
-    return e in me(t);
+    return e in ye(t);
   },
   ownKeys(t) {
-    return Reflect.ownKeys(me(t));
+    return Reflect.ownKeys(ye(t));
   },
   set(t, e, r) {
-    const s = Es(me(t), e);
+    const s = Es(ye(t), e);
     if (s != null && s.set)
       return s.set.call(t.draft_, r), !0;
     if (!t.modified_) {
-      const a = pn(me(t), e), c = a == null ? void 0 : a[_t];
+      const a = pn(ye(t), e), c = a == null ? void 0 : a[_t];
       if (c && c.base_ === r)
         return t.copy_[e] = r, t.assigned_[e] = !1, !0;
-      if ($i(r, a) && (r !== void 0 || qe(t.base_, e)))
+      if (Ni(r, a) && (r !== void 0 || qe(t.base_, e)))
         return !0;
       hn(t), Tn(t);
     }
@@ -3404,7 +3417,7 @@ var Pn = {
   // Note: We never coerce `desc.value` into an Immer draft, because we can't make
   // the same guarantee in ES5 mode.
   getOwnPropertyDescriptor(t, e) {
-    const r = me(t), s = Reflect.getOwnPropertyDescriptor(r, e);
+    const r = ye(t), s = Reflect.getOwnPropertyDescriptor(r, e);
     return s && {
       writable: !0,
       configurable: t.type_ !== 1 || e !== "length",
@@ -3416,7 +3429,7 @@ var Pn = {
     et(11);
   },
   getPrototypeOf(t) {
-    return ge(t.base_);
+    return Ie(t.base_);
   },
   setPrototypeOf() {
     et(12);
@@ -3435,9 +3448,9 @@ Ze.set = function(t, e, r) {
 };
 function pn(t, e) {
   const r = t[_t];
-  return (r ? me(r) : t)[e];
+  return (r ? ye(r) : t)[e];
 }
-function Wi(t, e, r) {
+function Gi(t, e, r) {
   var a;
   const s = Es(e, r);
   return s ? "value" in s ? s.value : (
@@ -3449,12 +3462,12 @@ function Wi(t, e, r) {
 function Es(t, e) {
   if (!(e in t))
     return;
-  let r = ge(t);
+  let r = Ie(t);
   for (; r; ) {
     const s = Object.getOwnPropertyDescriptor(r, e);
     if (s)
       return s;
-    r = ge(r);
+    r = Ie(r);
   }
 }
 function Tn(t) {
@@ -3466,20 +3479,20 @@ function hn(t) {
     t.scope_.immer_.useStrictShallowCopy_
   ));
 }
-var Gi = class {
+var Yi = class {
   constructor(t) {
     this.autoFreeze_ = !0, this.useStrictShallowCopy_ = !1, this.produce = (e, r, s) => {
       if (typeof e == "function" && typeof r != "function") {
         const c = r;
         r = e;
         const l = this;
-        return function(I = c, ...S) {
-          return l.produce(I, (M) => r.call(this, M, ...S));
+        return function(g = c, ...v) {
+          return l.produce(g, (w) => r.call(this, w, ...v));
         };
       }
       typeof r != "function" && et(6), s !== void 0 && typeof s != "function" && et(7);
       let a;
-      if (Qt(e)) {
+      if (te(e)) {
         const c = Vn(this), l = An(e, void 0);
         let f = !0;
         try {
@@ -3491,14 +3504,14 @@ var Gi = class {
       } else if (!e || typeof e != "object") {
         if (a = r(e), a === void 0 && (a = e), a === On && (a = void 0), this.autoFreeze_ && Cn(a, !0), s) {
           const c = [], l = [];
-          ve("Patches").generateReplacementPatches_(e, a, c, l), s(c, l);
+          _e("Patches").generateReplacementPatches_(e, a, c, l), s(c, l);
         }
         return a;
       } else
         et(1, e);
     }, this.produceWithPatches = (e, r) => {
       if (typeof e == "function")
-        return (l, ...f) => this.produceWithPatches(l, (I) => e(I, ...f));
+        return (l, ...f) => this.produceWithPatches(l, (g) => e(g, ...f));
       let s, a;
       return [this.produce(e, r, (l, f) => {
         s = l, a = f;
@@ -3506,7 +3519,7 @@ var Gi = class {
     }, typeof (t == null ? void 0 : t.autoFreeze) == "boolean" && this.setAutoFreeze(t.autoFreeze), typeof (t == null ? void 0 : t.useStrictShallowCopy) == "boolean" && this.setUseStrictShallowCopy(t.useStrictShallowCopy);
   }
   createDraft(t) {
-    Qt(t) || et(8), Ie(t) && (t = Yi(t));
+    te(t) || et(8), be(t) && (t = Bi(t));
     const e = Vn(this), r = An(t, void 0);
     return r[_t].isManual_ = !0, En(e), r;
   }
@@ -3542,22 +3555,22 @@ var Gi = class {
       }
     }
     r > -1 && (e = e.slice(r + 1));
-    const s = ve("Patches").applyPatches_;
-    return Ie(t) ? s(t, e) : this.produce(
+    const s = _e("Patches").applyPatches_;
+    return be(t) ? s(t, e) : this.produce(
       t,
       (a) => s(a, e)
     );
   }
 };
 function An(t, e) {
-  const r = tr(t) ? ve("MapSet").proxyMap_(t, e) : er(t) ? ve("MapSet").proxySet_(t, e) : Ui(t, e);
+  const r = tr(t) ? _e("MapSet").proxyMap_(t, e) : er(t) ? _e("MapSet").proxySet_(t, e) : Wi(t, e);
   return (e ? e.scope_ : Ms()).drafts_.push(r), r;
 }
-function Yi(t) {
-  return Ie(t) || et(10, t), Ts(t);
+function Bi(t) {
+  return be(t) || et(10, t), Ts(t);
 }
 function Ts(t) {
-  if (!Qt(t) || Mr(t))
+  if (!te(t) || Mr(t))
     return t;
   const e = t[_t];
   let r;
@@ -3605,35 +3618,35 @@ function Zn() {
     }
   }
   function c(y, T, C, u) {
-    let { base_: d, assigned_: w } = y, k = y.copy_;
-    k.length < d.length && ([d, k] = [k, d], [C, u] = [u, C]);
-    for (let b = 0; b < d.length; b++)
-      if (w[b] && k[b] !== d[b]) {
-        const m = T.concat([b]);
+    let { base_: d, assigned_: _ } = y, b = y.copy_;
+    b.length < d.length && ([d, b] = [b, d], [C, u] = [u, C]);
+    for (let I = 0; I < d.length; I++)
+      if (_[I] && b[I] !== d[I]) {
+        const m = T.concat([I]);
         C.push({
           op: e,
           path: m,
           // Need to maybe clone it, as it can in fact be the original value
           // due to the base/copy inversion at the start of this function
-          value: E(k[b])
+          value: M(b[I])
         }), u.push({
           op: e,
           path: m,
-          value: E(d[b])
+          value: M(d[I])
         });
       }
-    for (let b = d.length; b < k.length; b++) {
-      const m = T.concat([b]);
+    for (let I = d.length; I < b.length; I++) {
+      const m = T.concat([I]);
       C.push({
         op: r,
         path: m,
         // Need to maybe clone it, as it can in fact be the original value
         // due to the base/copy inversion at the start of this function
-        value: E(k[b])
+        value: M(b[I])
       });
     }
-    for (let b = k.length - 1; d.length <= b; --b) {
-      const m = T.concat([b]);
+    for (let I = b.length - 1; d.length <= I; --I) {
+      const m = T.concat([I]);
       u.push({
         op: s,
         path: m
@@ -3641,50 +3654,50 @@ function Zn() {
     }
   }
   function l(y, T, C, u) {
-    const { base_: d, copy_: w } = y;
-    Ve(y.assigned_, (k, b) => {
-      const m = fn(d, k), v = fn(w, k), h = b ? qe(d, k) ? e : r : s;
-      if (m === v && h === e)
+    const { base_: d, copy_: _ } = y;
+    Ve(y.assigned_, (b, I) => {
+      const m = fn(d, b), E = fn(_, b), p = I ? qe(d, b) ? e : r : s;
+      if (m === E && p === e)
         return;
-      const _ = T.concat(k);
-      C.push(h === s ? { op: h, path: _ } : { op: h, path: _, value: v }), u.push(
-        h === r ? { op: s, path: _ } : h === s ? { op: r, path: _, value: E(m) } : { op: e, path: _, value: E(m) }
+      const k = T.concat(b);
+      C.push(p === s ? { op: p, path: k } : { op: p, path: k, value: E }), u.push(
+        p === r ? { op: s, path: k } : p === s ? { op: r, path: k, value: M(m) } : { op: e, path: k, value: M(m) }
       );
     });
   }
   function f(y, T, C, u) {
-    let { base_: d, copy_: w } = y, k = 0;
-    d.forEach((b) => {
-      if (!w.has(b)) {
-        const m = T.concat([k]);
+    let { base_: d, copy_: _ } = y, b = 0;
+    d.forEach((I) => {
+      if (!_.has(I)) {
+        const m = T.concat([b]);
         C.push({
           op: s,
           path: m,
-          value: b
+          value: I
         }), u.unshift({
           op: r,
           path: m,
-          value: b
+          value: I
         });
       }
-      k++;
-    }), k = 0, w.forEach((b) => {
-      if (!d.has(b)) {
-        const m = T.concat([k]);
+      b++;
+    }), b = 0, _.forEach((I) => {
+      if (!d.has(I)) {
+        const m = T.concat([b]);
         C.push({
           op: r,
           path: m,
-          value: b
+          value: I
         }), u.unshift({
           op: s,
           path: m,
-          value: b
+          value: I
         });
       }
-      k++;
+      b++;
     });
   }
-  function I(y, T, C, u) {
+  function g(y, T, C, u) {
     C.push({
       op: e,
       path: [],
@@ -3695,89 +3708,89 @@ function Zn() {
       value: y
     });
   }
-  function S(y, T) {
+  function v(y, T) {
     return T.forEach((C) => {
       const { path: u, op: d } = C;
-      let w = y;
-      for (let v = 0; v < u.length - 1; v++) {
-        const h = be(w);
-        let _ = u[v];
-        typeof _ != "string" && typeof _ != "number" && (_ = "" + _), (h === 0 || h === 1) && (_ === "__proto__" || _ === "constructor") && et(19), typeof w == "function" && _ === "prototype" && et(19), w = fn(w, _), typeof w != "object" && et(18, u.join("/"));
+      let _ = y;
+      for (let E = 0; E < u.length - 1; E++) {
+        const p = ve(_);
+        let k = u[E];
+        typeof k != "string" && typeof k != "number" && (k = "" + k), (p === 0 || p === 1) && (k === "__proto__" || k === "constructor") && et(19), typeof _ == "function" && k === "prototype" && et(19), _ = fn(_, k), typeof _ != "object" && et(18, u.join("/"));
       }
-      const k = be(w), b = M(C.value), m = u[u.length - 1];
+      const b = ve(_), I = w(C.value), m = u[u.length - 1];
       switch (d) {
         case e:
-          switch (k) {
+          switch (b) {
             case 2:
-              return w.set(m, b);
+              return _.set(m, I);
             case 3:
               et(16);
             default:
-              return w[m] = b;
+              return _[m] = I;
           }
         case r:
-          switch (k) {
+          switch (b) {
             case 1:
-              return m === "-" ? w.push(b) : w.splice(m, 0, b);
+              return m === "-" ? _.push(I) : _.splice(m, 0, I);
             case 2:
-              return w.set(m, b);
+              return _.set(m, I);
             case 3:
-              return w.add(b);
+              return _.add(I);
             default:
-              return w[m] = b;
+              return _[m] = I;
           }
         case s:
-          switch (k) {
+          switch (b) {
             case 1:
-              return w.splice(m, 1);
+              return _.splice(m, 1);
             case 2:
-              return w.delete(m);
+              return _.delete(m);
             case 3:
-              return w.delete(C.value);
+              return _.delete(C.value);
             default:
-              return delete w[m];
+              return delete _[m];
           }
         default:
           et(17, d);
       }
     }), y;
   }
-  function M(y) {
-    if (!Qt(y))
+  function w(y) {
+    if (!te(y))
       return y;
     if (Array.isArray(y))
-      return y.map(M);
+      return y.map(w);
     if (tr(y))
       return new Map(
-        Array.from(y.entries()).map(([C, u]) => [C, M(u)])
+        Array.from(y.entries()).map(([C, u]) => [C, w(u)])
       );
     if (er(y))
-      return new Set(Array.from(y).map(M));
-    const T = Object.create(ge(y));
+      return new Set(Array.from(y).map(w));
+    const T = Object.create(Ie(y));
     for (const C in y)
-      T[C] = M(y[C]);
+      T[C] = w(y[C]);
     return qe(y, Ke) && (T[Ke] = y[Ke]), T;
   }
-  function E(y) {
-    return Ie(y) ? M(y) : y;
+  function M(y) {
+    return be(y) ? w(y) : y;
   }
-  Hi("Patches", {
-    applyPatches_: S,
+  Li("Patches", {
+    applyPatches_: v,
     generatePatches_: a,
-    generateReplacementPatches_: I
+    generateReplacementPatches_: g
   });
 }
-var kt = new Gi(), Bi = kt.produce;
+var kt = new Yi(), Xi = kt.produce;
 kt.produceWithPatches.bind(
   kt
 );
 kt.setAutoFreeze.bind(kt);
 kt.setUseStrictShallowCopy.bind(kt);
-var Xi = kt.applyPatches.bind(kt);
+var Ki = kt.applyPatches.bind(kt);
 kt.createDraft.bind(kt);
 kt.finishDraft.bind(kt);
-var Ki = 9007199254740991, Vi = "[object Arguments]", qi = "[object Function]", Ji = "[object GeneratorFunction]", Zi = "[object Symbol]", Qi = typeof wt == "object" && wt && wt.Object === Object && wt, ta = typeof self == "object" && self && self.Object === Object && self, ea = Qi || ta || Function("return this")();
-function ra(t, e, r) {
+var Vi = 9007199254740991, qi = "[object Arguments]", Ji = "[object Function]", Zi = "[object GeneratorFunction]", Qi = "[object Symbol]", ta = typeof wt == "object" && wt && wt.Object === Object && wt, ea = typeof self == "object" && self && self.Object === Object && self, ra = ta || ea || Function("return this")();
+function na(t, e, r) {
   switch (r.length) {
     case 0:
       return t.call(e);
@@ -3790,92 +3803,92 @@ function ra(t, e, r) {
   }
   return t.apply(e, r);
 }
-function na(t, e) {
+function sa(t, e) {
   for (var r = -1, s = t ? t.length : 0, a = Array(s); ++r < s; )
     a[r] = e(t[r], r, t);
   return a;
 }
-function sa(t, e) {
+function ia(t, e) {
   for (var r = -1, s = e.length, a = t.length; ++r < s; )
     t[a + r] = e[r];
   return t;
 }
-var Rn = Object.prototype, ia = Rn.hasOwnProperty, zn = Rn.toString, Qn = ea.Symbol, aa = Rn.propertyIsEnumerable, ts = Qn ? Qn.isConcatSpreadable : void 0, es = Math.max;
-function oa(t, e, r, s, a) {
+var Rn = Object.prototype, aa = Rn.hasOwnProperty, $n = Rn.toString, Qn = ra.Symbol, oa = Rn.propertyIsEnumerable, ts = Qn ? Qn.isConcatSpreadable : void 0, es = Math.max;
+function ca(t, e, r, s, a) {
   var c = -1, l = t.length;
-  for (r || (r = da), a || (a = []); ++c < l; ) {
+  for (r || (r = fa), a || (a = []); ++c < l; ) {
     var f = t[c];
-    r(f) ? sa(a, f) : a[a.length] = f;
+    r(f) ? ia(a, f) : a[a.length] = f;
   }
   return a;
 }
-function ca(t, e) {
-  return t = Object(t), ua(t, e, function(r, s) {
+function ua(t, e) {
+  return t = Object(t), la(t, e, function(r, s) {
     return s in t;
   });
 }
-function ua(t, e, r) {
+function la(t, e, r) {
   for (var s = -1, a = e.length, c = {}; ++s < a; ) {
     var l = e[s], f = t[l];
     r(f, l) && (c[l] = f);
   }
   return c;
 }
-function la(t, e) {
+function da(t, e) {
   return e = es(e === void 0 ? t.length - 1 : e, 0), function() {
     for (var r = arguments, s = -1, a = es(r.length - e, 0), c = Array(a); ++s < a; )
       c[s] = r[e + s];
     s = -1;
     for (var l = Array(e + 1); ++s < e; )
       l[s] = r[s];
-    return l[e] = c, ra(t, this, l);
+    return l[e] = c, na(t, this, l);
   };
 }
-function da(t) {
-  return ha(t) || pa(t) || !!(ts && t && t[ts]);
-}
 function fa(t) {
-  if (typeof t == "string" || va(t))
+  return ma(t) || ha(t) || !!(ts && t && t[ts]);
+}
+function pa(t) {
+  if (typeof t == "string" || _a(t))
     return t;
   var e = t + "";
   return e == "0" && 1 / t == -1 / 0 ? "-0" : e;
 }
-function pa(t) {
-  return ya(t) && ia.call(t, "callee") && (!aa.call(t, "callee") || zn.call(t) == Vi);
-}
-var ha = Array.isArray;
-function ma(t) {
-  return t != null && Ia(t.length) && !ga(t);
+function ha(t) {
+  return ga(t) && aa.call(t, "callee") && (!oa.call(t, "callee") || $n.call(t) == qi);
 }
+var ma = Array.isArray;
 function ya(t) {
-  return As(t) && ma(t);
+  return t != null && ba(t.length) && !Ia(t);
 }
 function ga(t) {
-  var e = ba(t) ? zn.call(t) : "";
-  return e == qi || e == Ji;
+  return As(t) && ya(t);
 }
 function Ia(t) {
-  return typeof t == "number" && t > -1 && t % 1 == 0 && t <= Ki;
+  var e = va(t) ? $n.call(t) : "";
+  return e == Ji || e == Zi;
 }
 function ba(t) {
+  return typeof t == "number" && t > -1 && t % 1 == 0 && t <= Vi;
+}
+function va(t) {
   var e = typeof t;
   return !!t && (e == "object" || e == "function");
 }
 function As(t) {
   return !!t && typeof t == "object";
 }
-function va(t) {
-  return typeof t == "symbol" || As(t) && zn.call(t) == Zi;
+function _a(t) {
+  return typeof t == "symbol" || As(t) && $n.call(t) == Qi;
 }
-var _a = la(function(t, e) {
-  return t == null ? {} : ca(t, na(oa(e), fa));
-}), ka = _a;
-const rs = /* @__PURE__ */ xn(ka), Sa = {
+var ka = da(function(t, e) {
+  return t == null ? {} : ua(t, sa(ca(e), pa));
+}), Sa = ka;
+const rs = /* @__PURE__ */ xn(Sa), wa = {
   width: 1080,
   height: 1920
-}, wa = 30, Ma = {
-  size: Sa,
-  fps: wa,
+}, Ma = 30, Ea = {
+  size: wa,
+  fps: Ma,
   tracks: [],
   trackItemIds: [],
   trackItemsMap: {},
@@ -3890,7 +3903,11 @@ const rs = /* @__PURE__ */ xn(ka), Sa = {
   duration: 0,
   activeIds: [],
   trackItemDetailsMap: {},
-  structure: []
+  structure: [],
+  background: {
+    type: "color",
+    value: "transparent"
+  }
 }, ns = [
   "tracks",
   "trackItemsMap",
@@ -3900,22 +3917,23 @@ const rs = /* @__PURE__ */ xn(ka), Sa = {
   "trackItemIds",
   "structure"
 ];
-class eo {
+class ro {
   constructor(e) {
-    fe(this, "stateSubject");
-    fe(this, "stateHistorySubject");
-    fe(this, "prevState");
-    fe(this, "undos", []);
-    fe(this, "redos", []);
-    fe(this, "listener");
-    const r = Object.assign({}, Ma, e);
+    Qt(this, "stateSubject");
+    Qt(this, "stateHistorySubject");
+    Qt(this, "prevState");
+    Qt(this, "background");
+    Qt(this, "undos", []);
+    Qt(this, "redos", []);
+    Qt(this, "listener");
+    const r = Object.assign({}, Ea, e);
     this.stateSubject = new Un(r), this.stateHistorySubject = new Un({
       handleRedo: !1,
       handleUndo: !1
-    }), this.prevState = r, this.initListeners();
+    }), this.background = r.background, this.prevState = r, this.initListeners();
   }
   initListeners() {
-    Ri(this);
+    $i(this);
   }
   destroyListeners() {
     this.listener && this.listener.unsubscribe();
@@ -3947,18 +3965,21 @@ class eo {
       ...K(s),
       ...K(e)
     };
-    tt(s, a) || (r.updateHistory && this.updateHistory(a, r.kind), this.prevState = s, this.stateSubject.next(a));
+    Z(s, a) || (r.updateHistory && this.updateHistory(a, r.kind), this.prevState = s, this.stateSubject.next(a));
   }
   // emit changes for design size
-  subscribeToSize(e) {
+  subscribeToUpdateStateDetails(e) {
     return this.stateSubject.asObservable().subscribe((r) => {
-      tt(r.size, this.prevState.size) || e({ size: r.size });
+      (!Z(r.size, this.prevState.size) || !Z(r.background, this.prevState.background)) && e({
+        size: r.size,
+        background: r.background
+      });
     });
   }
   // Selectively subscribe to scale changes
   subscribeToScale(e) {
     return this.stateSubject.asObservable().subscribe((r) => {
-      tt(r.scale, this.prevState.scale) || e({ scale: r.scale });
+      Z(r.scale, this.prevState.scale) || e({ scale: r.scale });
     });
   }
   // Selectively subscribe to fps changes
@@ -3969,7 +3990,7 @@ class eo {
   }
   subscribeToUpdateTrackItem(e) {
     return this.stateSubject.asObservable().subscribe((r) => {
-      tt(r.trackItemsMap, this.prevState.trackItemsMap) || e({ trackItemsMap: r.trackItemsMap });
+      Z(r.trackItemsMap, this.prevState.trackItemsMap) || e({ trackItemsMap: r.trackItemsMap });
     });
   }
   subscribeToUpdateAnimations(e) {
@@ -3977,7 +3998,7 @@ class eo {
       const s = Object.keys(r.trackItemsMap).filter(
         (a) => {
           const c = this.prevState.trackItemsMap[a], l = r.trackItemsMap[a];
-          return c && l && !tt(c.animations, l.animations);
+          return c && l && !Z(c.animations, l.animations);
         }
       );
       e({ trackItemsMap: r.trackItemsMap, changedAnimationIds: s });
@@ -3985,14 +4006,14 @@ class eo {
   }
   subscribeToUpdateTrackItemTiming(e) {
     return this.stateSubject.asObservable().subscribe((r) => {
-      if (!tt(r.trackItemsMap, this.prevState.trackItemsMap)) {
+      if (!Z(r.trackItemsMap, this.prevState.trackItemsMap)) {
         const s = Object.keys(r.trackItemsMap).filter((c) => {
           const l = this.prevState.trackItemsMap[c], f = r.trackItemsMap[c];
-          return l && f && !tt(l.trim, f.trim);
+          return l && f && !Z(l.trim, f.trim);
         }), a = Object.keys(r.trackItemsMap).filter(
           (c) => {
             const l = this.prevState.trackItemsMap[c], f = r.trackItemsMap[c];
-            return l && f && !tt(l.display, f.display);
+            return l && f && !Z(l.display, f.display);
           }
         );
         e({
@@ -4005,7 +4026,7 @@ class eo {
   }
   subscribeToUpdateItemDetails(e) {
     return this.stateSubject.asObservable().subscribe((r) => {
-      tt(r.trackItemDetailsMap, this.prevState.trackItemDetailsMap) || e({ trackItemDetailsMap: r.trackItemDetailsMap });
+      Z(r.trackItemDetailsMap, this.prevState.trackItemDetailsMap) || e({ trackItemDetailsMap: r.trackItemDetailsMap });
     });
   }
   // Selectively subscribe to duration changes
@@ -4029,13 +4050,13 @@ class eo {
   subscribeToAddOrRemoveItems(e) {
     return this.stateSubject.asObservable().subscribe((r) => {
       const s = [...r.trackItemIds].sort(), a = [...this.prevState.trackItemIds].sort(), c = [...r.transitionIds].sort(), l = [...this.prevState.transitionIds].sort();
-      (!tt(s, a) || !tt(c, l)) && e({ trackItemIds: r.trackItemIds });
+      (!Z(s, a) || !Z(c, l)) && e({ trackItemIds: r.trackItemIds });
     });
   }
   // Selectively subscribe to activeIds changes
   subscribeToActiveIds(e) {
     return this.stateSubject.asObservable().subscribe((r) => {
-      tt(r.activeIds, this.prevState.activeIds) || e({ activeIds: r.activeIds });
+      Z(r.activeIds, this.prevState.activeIds) || e({ activeIds: r.activeIds });
     });
   }
   subscribeToTracks(e) {
@@ -4052,10 +4073,10 @@ class eo {
   // Selectively subscribe to multiple track-related properties
   subscribeToState(e) {
     return this.stateSubject.asObservable().subscribe((r) => {
-      (!tt(r.tracks, this.prevState.tracks) || !tt(r.trackItemIds, this.prevState.trackItemIds) || !tt(r.trackItemsMap, this.prevState.trackItemsMap) || !tt(r.transitionIds, this.prevState.transitionIds) || !tt(r.transitionsMap, this.prevState.transitionsMap) || !tt(
+      (!Z(r.tracks, this.prevState.tracks) || !Z(r.trackItemIds, this.prevState.trackItemIds) || !Z(r.trackItemsMap, this.prevState.trackItemsMap) || !Z(r.transitionIds, this.prevState.transitionIds) || !Z(r.transitionsMap, this.prevState.transitionsMap) || !Z(
         r.trackItemDetailsMap,
         this.prevState.trackItemDetailsMap
-      ) || !tt(r.structure, this.prevState.structure)) && e({
+      ) || !Z(r.structure, this.prevState.structure)) && e({
         tracks: r.tracks,
         trackItemIds: r.trackItemIds,
         trackItemsMap: r.trackItemsMap,
@@ -4075,72 +4096,72 @@ class eo {
       trackItemIds: c,
       tracks: l,
       transitionIds: f,
-      transitionsMap: I,
-      trackItemsMap: S,
-      structure: M
-    } = this.getState(), E = K({
+      transitionsMap: g,
+      trackItemsMap: v,
+      structure: w
+    } = this.getState(), M = K({
       trackItemDetailsMap: a,
       trackItemIds: c,
       tracks: l,
       transitionIds: f,
-      transitionsMap: I,
-      trackItemsMap: S,
-      structure: M
-    }), y = [], T = [], C = [], u = [], d = [], w = [], k = [];
+      transitionsMap: g,
+      trackItemsMap: v,
+      structure: w
+    }), y = [], T = [], C = [], u = [], d = [], _ = [], b = [];
     r.forEach((R) => {
-      let $;
-      const V = R.path.slice(1);
-      R.type === "CREATE" ? $ = {
-        path: V,
+      let z;
+      const G = R.path.slice(1);
+      R.type === "CREATE" ? z = {
+        path: G,
         op: "remove",
         value: R.value
-      } : R.type === "CHANGE" ? $ = {
-        path: V,
+      } : R.type === "CHANGE" ? z = {
+        path: G,
         op: "replace",
         value: R.oldValue
-      } : $ = {
-        path: V,
+      } : z = {
+        path: G,
         op: "add",
         value: R.oldValue
-      }, R.path.includes("trackItemIds") ? C.push($) : R.path.includes("transitionIds") ? T.push($) : R.path.includes("trackItemsMap") ? d.push($) : R.path.includes("transitionsMap") ? u.push($) : R.path.includes("tracks") ? y.push($) : R.path.includes("trackItemDetailsMap") ? w.push($) : R.path.includes("structure") && k.push($);
+      }, R.path.includes("trackItemIds") ? C.push(z) : R.path.includes("transitionIds") ? T.push(z) : R.path.includes("trackItemsMap") ? d.push(z) : R.path.includes("transitionsMap") ? u.push(z) : R.path.includes("tracks") ? y.push(z) : R.path.includes("trackItemDetailsMap") ? _.push(z) : R.path.includes("structure") && b.push(z);
     });
-    const b = this.applyPatch(
-      E.tracks,
+    const I = this.applyPatch(
+      M.tracks,
       y
     ), m = this.applyPatch(
-      E.transitionIds,
+      M.transitionIds,
       T
-    ), v = this.applyPatch(
-      E.trackItemIds,
+    ), E = this.applyPatch(
+      M.trackItemIds,
       C
-    ), h = this.applyPatch(
-      E.transitionsMap,
+    ), p = this.applyPatch(
+      M.transitionsMap,
       u
-    ), _ = this.applyPatch(
-      E.trackItemsMap,
+    ), k = this.applyPatch(
+      M.trackItemsMap,
       d
-    ), D = this.applyPatch(
-      E.trackItemDetailsMap,
-      w
-    ), g = this.applyPatch(
-      E.structure,
-      k
+    ), x = this.applyPatch(
+      M.trackItemDetailsMap,
+      _
+    ), S = this.applyPatch(
+      M.structure,
+      b
     ), O = K({
-      tracks: b,
+      tracks: I,
       transitionIds: m,
-      trackItemIds: v,
-      transitionsMap: h,
-      trackItemsMap: _,
-      trackItemDetailsMap: D,
-      structure: g
-    }), x = K(this.getState()), H = { ...x, ...O };
-    this.prevState = x, this.redos.push({ redos: r, type: s });
-    const L = ye(H.trackItemsMap);
-    this.stateSubject.next({ ...H, duration: L }), this.stateHistorySubject.next({ handleRedo: !1, handleUndo: !0 }), this.updateState(H, { updateHistory: !1 });
+      trackItemIds: E,
+      transitionsMap: p,
+      trackItemsMap: k,
+      trackItemDetailsMap: x,
+      structure: S
+    }), A = K(this.getState()), N = { ...A, ...O };
+    this.prevState = A, this.redos.push({ redos: r, type: s });
+    const L = ge(N.trackItemsMap);
+    this.stateSubject.next({ ...N, duration: L }), this.stateHistorySubject.next({ handleRedo: !1, handleUndo: !0 }), this.updateState(N, { updateHistory: !1 });
   }
   applyPatch(e, r) {
-    return r.reverse().reduce((s, a) => Bi(s, (c) => {
-      Xi(c, [a]);
+    return r.reverse().reduce((s, a) => Xi(s, (c) => {
+      Ki(c, [a]);
     }), e);
   }
   redo() {
@@ -4152,68 +4173,68 @@ class eo {
       trackItemIds: c,
       tracks: l,
       transitionIds: f,
-      transitionsMap: I,
-      trackItemsMap: S,
-      structure: M
-    } = this.getState(), E = K({
+      transitionsMap: g,
+      trackItemsMap: v,
+      structure: w
+    } = this.getState(), M = K({
       trackItemDetailsMap: a,
       trackItemIds: c,
       tracks: l,
       transitionIds: f,
-      transitionsMap: I,
-      trackItemsMap: S,
-      structure: M
-    }), y = [], T = [], C = [], u = [], d = [], w = [], k = [];
+      transitionsMap: g,
+      trackItemsMap: v,
+      structure: w
+    }), y = [], T = [], C = [], u = [], d = [], _ = [], b = [];
     r.forEach((R) => {
-      let $;
-      const V = R.path.slice(1);
-      R.type === "CREATE" ? $ = {
-        path: V,
+      let z;
+      const G = R.path.slice(1);
+      R.type === "CREATE" ? z = {
+        path: G,
         op: "add",
         value: R.value
-      } : R.type === "CHANGE" ? $ = {
-        path: V,
+      } : R.type === "CHANGE" ? z = {
+        path: G,
         op: "replace",
         value: R.value
-      } : $ = {
-        path: V,
+      } : z = {
+        path: G,
         op: "remove",
         value: R.oldValue
-      }, R.path.includes("trackItemIds") ? C.push($) : R.path.includes("transitionIds") ? T.push($) : R.path.includes("trackItemsMap") ? d.push($) : R.path.includes("transitionsMap") ? u.push($) : R.path.includes("trackItemDetailsMap") ? w.push($) : R.path.includes("structure") ? k.push($) : y.push($);
+      }, R.path.includes("trackItemIds") ? C.push(z) : R.path.includes("transitionIds") ? T.push(z) : R.path.includes("trackItemsMap") ? d.push(z) : R.path.includes("transitionsMap") ? u.push(z) : R.path.includes("trackItemDetailsMap") ? _.push(z) : R.path.includes("structure") ? b.push(z) : y.push(z);
     });
-    const b = this.applyPatch(
-      E.tracks,
+    const I = this.applyPatch(
+      M.tracks,
       y
     ), m = this.applyPatch(
-      E.transitionIds,
+      M.transitionIds,
       T
-    ), v = this.applyPatch(
-      E.trackItemIds,
+    ), E = this.applyPatch(
+      M.trackItemIds,
       C
-    ), h = this.applyPatch(
-      E.transitionsMap,
+    ), p = this.applyPatch(
+      M.transitionsMap,
       u
-    ), _ = this.applyPatch(
-      E.trackItemsMap,
+    ), k = this.applyPatch(
+      M.trackItemsMap,
       d
-    ), D = this.applyPatch(
-      E.trackItemDetailsMap,
-      w
-    ), g = this.applyPatch(
-      E.structure,
-      k
+    ), x = this.applyPatch(
+      M.trackItemDetailsMap,
+      _
+    ), S = this.applyPatch(
+      M.structure,
+      b
     ), O = K({
-      tracks: b,
+      tracks: I,
       transitionIds: m,
-      trackItemIds: v,
-      transitionsMap: h,
-      trackItemsMap: _,
-      trackItemDetailsMap: D,
-      structure: g
-    }), x = K(this.getState()), H = { ...x, ...O };
-    this.prevState = x, this.undos.push({ undos: r, type: s });
-    const L = ye(H.trackItemsMap);
-    this.stateSubject.next({ ...H, duration: L }), this.stateHistorySubject.next({ handleRedo: !0, handleUndo: !1 }), this.updateState(H, { updateHistory: !1 });
+      trackItemIds: E,
+      transitionsMap: p,
+      trackItemsMap: k,
+      trackItemDetailsMap: x,
+      structure: S
+    }), A = K(this.getState()), N = { ...A, ...O };
+    this.prevState = A, this.undos.push({ undos: r, type: s });
+    const L = ge(N.trackItemsMap);
+    this.stateSubject.next({ ...N, duration: L }), this.stateHistorySubject.next({ handleRedo: !0, handleUndo: !1 }), this.updateState(N, { updateHistory: !1 });
   }
   toJSON() {
     const {
@@ -4224,7 +4245,7 @@ class eo {
       trackItemIds: c,
       transitionsMap: l,
       trackItemsMap: f,
-      transitionIds: I
+      transitionIds: g
     } = this.getState();
     return {
       fps: e,
@@ -4234,17 +4255,17 @@ class eo {
       trackItemIds: c,
       transitionsMap: l,
       trackItemsMap: f,
-      transitionIds: I
+      transitionIds: g
     };
   }
 }
 export {
-  ui as ACTIVE_CLONE,
-  La as ACTIVE_DELETE,
-  ci as ACTIVE_PASTE,
+  li as ACTIVE_CLONE,
+  Ua as ACTIVE_DELETE,
+  ui as ACTIVE_PASTE,
   Re as ACTIVE_PREFIX,
   ja as ACTIVE_SET,
-  li as ACTIVE_SPLIT,
+  di as ACTIVE_SPLIT,
   ei as ADD_ANIMATION,
   Js as ADD_AUDIO,
   ri as ADD_CAPTIONS,
@@ -4252,53 +4273,54 @@ export {
   Qs as ADD_ILLUSTRATION,
   Zs as ADD_IMAGE,
   si as ADD_ITEMS,
-  Pa as ADD_MASK,
-  Ca as ADD_PLACEHOLDER,
+  Ra as ADD_MASK,
+  Pa as ADD_PLACEHOLDER,
   yt as ADD_PREFIX,
   ti as ADD_SHAPE,
-  Aa as ADD_SUFFIX,
+  xa as ADD_SUFFIX,
   ni as ADD_TEMPLATE,
   Vs as ADD_TEXT,
-  Ra as ADD_TRANSITION,
+  $a as ADD_TRANSITION,
   qs as ADD_VIDEO,
-  Na as DELETE_TEMPLATE_ITEM,
+  Ha as DELETE_TEMPLATE_ITEM,
   Xs as DESIGN_LOAD,
   Dn as DESIGN_PREFIX,
   Ks as DESIGN_RESIZE,
+  ci as EDIT_BACKGROUND_EDITOR,
   ai as EDIT_OBJECT,
-  _e as EDIT_PREFIX,
-  Fa as EDIT_SHAPE,
-  $a as EDIT_TEMPLATE_ITEM,
-  za as EDIT_TEXT,
-  Ha as ENTER_EDIT_MODE,
+  ee as EDIT_PREFIX,
+  za as EDIT_SHAPE,
+  Na as EDIT_TEMPLATE_ITEM,
+  Fa as EDIT_TEXT,
+  La as ENTER_EDIT_MODE,
   Sr as HISTORY_PREFIX,
-  mi as HISTORY_REDO,
-  to as HISTORY_RESET,
-  hi as HISTORY_UNDO,
-  di as LAYER_CLONE,
-  qa as LAYER_COPY,
-  Qa as LAYER_CUT,
-  fi as LAYER_DELETE,
-  Va as LAYER_EDITING_NAME,
-  Wa as LAYER_HIDDEN,
-  Ua as LAYER_LOCKED,
-  Ga as LAYER_MOVE,
-  Ja as LAYER_PASTE,
+  yi as HISTORY_REDO,
+  eo as HISTORY_RESET,
+  mi as HISTORY_UNDO,
+  fi as LAYER_CLONE,
+  Ja as LAYER_COPY,
+  to as LAYER_CUT,
+  pi as LAYER_DELETE,
+  qa as LAYER_EDITING_NAME,
+  Ga as LAYER_HIDDEN,
+  Wa as LAYER_LOCKED,
+  Ya as LAYER_MOVE,
+  Za as LAYER_PASTE,
   pt as LAYER_PREFIX,
-  Ka as LAYER_RENAME,
-  pi as LAYER_REPLACE,
-  Ya as LAYER_SELECT,
-  Ba as LAYER_SELECTION,
-  Xa as LAYER_SEND_TO,
-  Za as LAYER_SPLIT,
+  Va as LAYER_RENAME,
+  hi as LAYER_REPLACE,
+  Ba as LAYER_SELECT,
+  Xa as LAYER_SELECTION,
+  Ka as LAYER_SEND_TO,
+  Qa as LAYER_SPLIT,
   oi as REPLACE_MEDIA,
-  Oa as STATE_CHANGED,
+  Ca as STATE_CHANGED,
   Bs as STATE_PREFIX,
-  yi as TIMELINE_SCALE_CHANGED,
+  gi as TIMELINE_SCALE_CHANGED,
   us as TIMELINE_SCALE_PREFIX,
-  xa as TRACKS_CHANGED,
-  Da as TRACK_ITEMS_CHANGED,
+  Da as TRACKS_CHANGED,
+  Oa as TRACK_ITEMS_CHANGED,
   Ys as TRACK_ITEMS_PREFIX,
   Gs as TRACK_PREFIX,
-  eo as default
+  ro as default
 };