@designcombo/state 0.1.45 → 1.0.0

package/dist/index.es.js

@@ -87,8 +87,8 @@ var _r = function() {
         if (this._parentage = null, Array.isArray(d))
           try {
             for (var m = pn(d), E = m.next(); !E.done; E = m.next()) {
-              var A = E.value;
-              A.remove(this);
+              var M = E.value;
+              M.remove(this);
             }
           } catch (h) {
             r = { error: h };
@@ -408,8 +408,8 @@ var ns = Vn(function(t) {
             var E = m.value;
             E.next(n);
           }
-        } catch (A) {
-          a = { error: A };
+        } catch (M) {
+          a = { error: M };
         } finally {
           try {
             m && !m.done && (c = d.return) && c.call(d);
@@ -513,8 +513,8 @@ function kn(t) {
 var dr = { exports: {} };
 dr.exports;
 (function(t, r) {
-  var n = 200, i = "__lodash_hash_undefined__", a = 1, c = 2, d = 9007199254740991, m = "[object Arguments]", E = "[object Array]", A = "[object AsyncFunction]", v = "[object Boolean]", R = "[object Date]", _ = "[object Error]", f = "[object Function]", l = "[object GeneratorFunction]", h = "[object Map]", g = "[object Number]", I = "[object Null]", b = "[object Object]", p = "[object Promise]", y = "[object Proxy]", k = "[object RegExp]", x = "[object Set]", M = "[object String]", C = "[object Symbol]", L = "[object Undefined]", P = "[object WeakMap]", T = "[object ArrayBuffer]", w = "[object DataView]", U = "[object Float32Array]", At = "[object Float64Array]", X = "[object Int8Array]", vt = "[object Int16Array]", yt = "[object Int32Array]", Mt = "[object Uint8Array]", te = "[object Uint8ClampedArray]", N = "[object Uint16Array]", ee = "[object Uint32Array]", re = /[\\^$.*+?()[\]{}|]/g, at = /^\[object .+?Constructor\]$/, Nt = /^(?:0|[1-9]\d*)$/, H = {};
-  H[U] = H[At] = H[X] = H[vt] = H[yt] = H[Mt] = H[te] = H[N] = H[ee] = !0, H[m] = H[E] = H[T] = H[v] = H[w] = H[R] = H[_] = H[f] = H[h] = H[g] = H[b] = H[k] = H[x] = H[M] = H[P] = !1;
+  var n = 200, i = "__lodash_hash_undefined__", a = 1, c = 2, d = 9007199254740991, m = "[object Arguments]", E = "[object Array]", M = "[object AsyncFunction]", v = "[object Boolean]", R = "[object Date]", _ = "[object Error]", f = "[object Function]", l = "[object GeneratorFunction]", h = "[object Map]", b = "[object Number]", g = "[object Null]", I = "[object Object]", p = "[object Promise]", y = "[object Proxy]", T = "[object RegExp]", x = "[object Set]", k = "[object String]", C = "[object Symbol]", L = "[object Undefined]", P = "[object WeakMap]", w = "[object ArrayBuffer]", A = "[object DataView]", U = "[object Float32Array]", At = "[object Float64Array]", X = "[object Int8Array]", vt = "[object Int16Array]", yt = "[object Int32Array]", Mt = "[object Uint8Array]", te = "[object Uint8ClampedArray]", N = "[object Uint16Array]", ee = "[object Uint32Array]", re = /[\\^$.*+?()[\]{}|]/g, at = /^\[object .+?Constructor\]$/, Nt = /^(?:0|[1-9]\d*)$/, H = {};
+  H[U] = H[At] = H[X] = H[vt] = H[yt] = H[Mt] = H[te] = H[N] = H[ee] = !0, H[m] = H[E] = H[w] = H[v] = H[A] = H[R] = H[_] = H[f] = H[h] = H[b] = H[I] = H[T] = H[x] = H[k] = H[P] = !1;
   var z = typeof mt == "object" && mt && mt.Object === Object && mt, G = typeof self == "object" && self && self.Object === Object && self, O = z || G || Function("return this")(), ft = r && !r.nodeType && r, nt = ft && !0 && t && !t.nodeType && t, V = nt && nt.exports === ft, ot = V && z.process, J = function() {
     try {
       return ot && ot.binding && ot.binding("util");
@@ -728,7 +728,7 @@ dr.exports;
     return de(e) ? u : Y(u, o(e));
   }
   function Yt(e) {
-    return e == null ? e === void 0 ? L : I : It && It in Object(e) ? Pt(e) : er(e);
+    return e == null ? e === void 0 ? L : g : It && It in Object(e) ? Pt(e) : er(e);
   }
   function Qe(e) {
     return wt(e) && Yt(e) == m;
@@ -738,8 +738,8 @@ dr.exports;
   }
   function Xr(e, s, o, u, D, S) {
     var $ = de(e), F = de(s), W = $ ? E : kt(e), j = F ? E : kt(s);
-    W = W == m ? b : W, j = j == m ? b : j;
-    var et = W == b, ut = j == b, B = W == j;
+    W = W == m ? I : W, j = j == m ? I : j;
+    var et = W == I, ut = j == I, B = W == j;
     if (B && pe(e)) {
       if (!pe(s))
         return !1;
@@ -808,20 +808,20 @@ dr.exports;
   }
   function Jr(e, s, o, u, D, S, $) {
     switch (o) {
-      case w:
+      case A:
         if (e.byteLength != s.byteLength || e.byteOffset != s.byteOffset)
           return !1;
         e = e.buffer, s = s.buffer;
-      case T:
+      case w:
         return !(e.byteLength != s.byteLength || !S(new Ve(e), new Ve(s)));
       case v:
       case R:
-      case g:
+      case b:
         return rr(+e, +s);
       case _:
         return e.name == s.name && e.message == s.message;
+      case T:
       case k:
-      case M:
         return e == s + "";
       case h:
         var F = We;
@@ -898,12 +898,12 @@ dr.exports;
       return oe.call(e, s);
     }));
   } : sn, kt = Yt;
-  (Te && kt(new Te(new ArrayBuffer(1))) != w || Gt && kt(new Gt()) != h || ke && kt(ke.resolve()) != p || we && kt(new we()) != x || Ae && kt(new Ae()) != P) && (kt = function(e) {
-    var s = Yt(e), o = s == b ? e.constructor : void 0, u = o ? it(o) : "";
+  (Te && kt(new Te(new ArrayBuffer(1))) != A || Gt && kt(new Gt()) != h || ke && kt(ke.resolve()) != p || we && kt(new we()) != x || Ae && kt(new Ae()) != P) && (kt = function(e) {
+    var s = Yt(e), o = s == I ? e.constructor : void 0, u = o ? it(o) : "";
     if (u)
       switch (u) {
         case Je:
-          return w;
+          return A;
         case Ot:
           return h;
         case Er:
@@ -964,7 +964,7 @@ dr.exports;
     if (!sr(e))
       return !1;
     var s = Yt(e);
-    return s == f || s == l || s == A || s == y;
+    return s == f || s == l || s == M || s == y;
   }
   function Ce(e) {
     return typeof e == "number" && e > -1 && e % 1 == 0 && e <= d;
@@ -993,8 +993,8 @@ const st = /* @__PURE__ */ kn(is);
 var pr = { exports: {} };
 pr.exports;
 (function(t, r) {
-  var n = 200, i = "__lodash_hash_undefined__", a = 9007199254740991, c = "[object Arguments]", d = "[object Array]", m = "[object Boolean]", E = "[object Date]", A = "[object Error]", v = "[object Function]", R = "[object GeneratorFunction]", _ = "[object Map]", f = "[object Number]", l = "[object Object]", h = "[object Promise]", g = "[object RegExp]", I = "[object Set]", b = "[object String]", p = "[object Symbol]", y = "[object WeakMap]", k = "[object ArrayBuffer]", x = "[object DataView]", M = "[object Float32Array]", C = "[object Float64Array]", L = "[object Int8Array]", P = "[object Int16Array]", T = "[object Int32Array]", w = "[object Uint8Array]", U = "[object Uint8ClampedArray]", At = "[object Uint16Array]", X = "[object Uint32Array]", vt = /[\\^$.*+?()[\]{}|]/g, yt = /\w*$/, Mt = /^\[object .+?Constructor\]$/, te = /^(?:0|[1-9]\d*)$/, N = {};
-  N[c] = N[d] = N[k] = N[x] = N[m] = N[E] = N[M] = N[C] = N[L] = N[P] = N[T] = N[_] = N[f] = N[l] = N[g] = N[I] = N[b] = N[p] = N[w] = N[U] = N[At] = N[X] = !0, N[A] = N[v] = N[y] = !1;
+  var n = 200, i = "__lodash_hash_undefined__", a = 9007199254740991, c = "[object Arguments]", d = "[object Array]", m = "[object Boolean]", E = "[object Date]", M = "[object Error]", v = "[object Function]", R = "[object GeneratorFunction]", _ = "[object Map]", f = "[object Number]", l = "[object Object]", h = "[object Promise]", b = "[object RegExp]", g = "[object Set]", I = "[object String]", p = "[object Symbol]", y = "[object WeakMap]", T = "[object ArrayBuffer]", x = "[object DataView]", k = "[object Float32Array]", C = "[object Float64Array]", L = "[object Int8Array]", P = "[object Int16Array]", w = "[object Int32Array]", A = "[object Uint8Array]", U = "[object Uint8ClampedArray]", At = "[object Uint16Array]", X = "[object Uint32Array]", vt = /[\\^$.*+?()[\]{}|]/g, yt = /\w*$/, Mt = /^\[object .+?Constructor\]$/, te = /^(?:0|[1-9]\d*)$/, N = {};
+  N[c] = N[d] = N[T] = N[x] = N[m] = N[E] = N[k] = N[C] = N[L] = N[P] = N[w] = N[_] = N[f] = N[l] = N[b] = N[g] = N[I] = N[p] = N[A] = N[U] = N[At] = N[X] = !0, N[M] = N[v] = N[y] = !1;
   var ee = typeof mt == "object" && mt && mt.Object === Object && mt, re = typeof self == "object" && self && self.Object === Object && self, at = ee || re || Function("return this")(), Nt = r && !r.nodeType && r, H = Nt && !0 && t && !t.nodeType && t, z = H && H.exports === Nt;
   function G(e, s) {
     return e.set(s[0], s[1]), e;
@@ -1309,7 +1309,7 @@ pr.exports;
     return Yr(o) ? o : void 0;
   }
   var xt = Se ? Y(Se, Object) : sn, Pt = Gr;
-  (oe && Pt(new oe(new ArrayBuffer(1))) != x || zt && Pt(new zt()) != _ || It && Pt(It.resolve()) != h || ce && Pt(new ce()) != I || Ee && Pt(new Ee()) != y) && (Pt = function(e) {
+  (oe && Pt(new oe(new ArrayBuffer(1))) != x || zt && Pt(new zt()) != _ || It && Pt(It.resolve()) != h || ce && Pt(new ce()) != g || Ee && Pt(new Ee()) != y) && (Pt = function(e) {
     var s = ie.call(e), o = s == l ? e.constructor : void 0, u = o ? it(o) : void 0;
     if (u)
       switch (u) {
@@ -1320,7 +1320,7 @@ pr.exports;
         case ke:
           return h;
         case we:
-          return I;
+          return g;
         case Ae:
           return y;
       }
@@ -1336,19 +1336,19 @@ pr.exports;
   function Qr(e, s, o, u) {
     var D = e.constructor;
     switch (s) {
-      case k:
+      case T:
         return Oe(e);
       case m:
       case E:
         return new D(+e);
       case x:
         return Yt(e, u);
-      case M:
+      case k:
       case C:
       case L:
       case P:
-      case T:
       case w:
+      case A:
       case U:
       case At:
       case X:
@@ -1356,11 +1356,11 @@ pr.exports;
       case _:
         return Qe(e, u, o);
       case f:
-      case b:
+      case I:
         return new D(e);
-      case g:
+      case b:
         return tr(e);
-      case I:
+      case g:
         return Xr(e, u, o);
       case p:
         return Br(e);
@@ -1613,10 +1613,10 @@ const ai = async (t, r) => {
     top: ((_ = t.details) == null ? void 0 : _.top) || 0,
     left: ((f = t.details) == null ? void 0 : f.left) || 0
   }, m = t.display, E = t.trim || t.display;
-  let A = 1 / 0, v = 0;
+  let M = 1 / 0, v = 0;
   return n.forEach((l) => {
     const h = t.trackItemsMap[l];
-    h.display.from < A && (A = h.display.from), h.display.to > v && (v = h.display.to);
+    h.display.from < M && (M = h.display.from), h.display.to > v && (v = h.display.to);
   }), {
     id: t.id,
     details: {
@@ -1627,7 +1627,7 @@ const ai = async (t, r) => {
       rotate: c
     },
     trim: E,
-    display: m || { from: A, to: v },
+    display: m || { from: M, to: v },
     activeEdit: !1
   };
 }, ci = async (t, r) => {
@@ -1705,7 +1705,7 @@ const ai = async (t, r) => {
       boxShadow: a.boxShadow || Ir,
       words: a.words || []
     },
-    metadata: {}
+    metadata: t.metadata || {}
   };
 }, li = async (t, r) => {
   t.details.fontUrl && await hr([
@@ -1843,10 +1843,10 @@ const ps = (t, r, n, i, a) => {
     };
   const d = c.items.map((E) => n[E]), m = t.map((E) => n[E]);
   for (const E of d) {
-    const A = E.display.from, v = E.display.to;
+    const M = E.display.from, v = E.display.to;
     for (const R of m) {
       const _ = R.display.from;
-      if (!(R.display.to <= A || _ >= v))
+      if (!(R.display.to <= M || _ >= v))
         return {
           trackId: void 0,
           trackIndex: r.indexOf(c)
@@ -1872,9 +1872,9 @@ function ms(t) {
   const r = t, n = r.tracks, i = r.trackItemsMap, a = [], c = {};
   return n.forEach((d) => {
     var E;
-    const m = d.items.map((A) => i[A]).sort((A, v) => A.display.from - v.display.from);
-    for (let A = 0; A < m.length - 1; A++) {
-      const v = m[A], R = m[A + 1];
+    const m = d.items.map((M) => i[M]).sort((M, v) => M.display.from - v.display.from);
+    for (let M = 0; M < m.length - 1; M++) {
+      const v = m[M], R = m[M + 1];
       if (Math.abs(v.display.to - R.display.from) <= 1) {
         const _ = `${v.id}-${R.id}`;
         if ((E = r.transitionIds) == null ? void 0 : E.includes(_))
@@ -1915,22 +1915,22 @@ function ys(t) {
   ), m = r.subscribe(async (f) => {
     var l, h;
     if (f.key === Oi) {
-      const g = (l = f.value) == null ? void 0 : l.payload, I = g.trackItemsMap, b = g.trackItemDetailsMap;
+      const b = (l = f.value) == null ? void 0 : l.payload, g = b.trackItemsMap, I = b.trackItemDetailsMap;
       console.warn("IMPROVE FONTS LOADING");
-      for (const y in b)
-        if (b[y].type === "text" || b[y].type === "caption") {
-          const k = b[y].details;
+      for (const y in I)
+        if (I[y].type === "text" || I[y].type === "caption") {
+          const T = I[y].details;
           await hr([
             {
-              fontFamily: k.fontFamily,
-              url: k.fontUrl
+              fontFamily: T.fontFamily,
+              url: T.fontUrl
             }
           ]);
         }
-      const p = Vt(I);
+      const p = Vt(g);
       t.updateState(
         {
-          ...g,
+          ...b,
           duration: p
         },
         {
@@ -1940,10 +1940,10 @@ function ys(t) {
       );
     }
     if (f.key === xi) {
-      const g = (h = f.value) == null ? void 0 : h.payload;
+      const b = (h = f.value) == null ? void 0 : h.payload;
       t.updateState(
         {
-          size: g
+          size: b
         },
         {
           kind: "design:resize",
@@ -1954,71 +1954,71 @@ function ys(t) {
   }), E = a.subscribe((f) => {
     if (f.key === Pi) return t.undo();
     if (f.key === Ci) return t.redo();
-  }), A = i.subscribe((f) => {
-    var h, g, I, b;
+  }), M = i.subscribe((f) => {
+    var h, b, g, I;
     const l = [];
-    if ((h = f.value) != null && h.payload.trackItemIds && (l.push((g = f.value) == null ? void 0 : g.payload.trackItemIds), t.updateState(
+    if ((h = f.value) != null && h.payload.trackItemIds && (l.push((b = f.value) == null ? void 0 : b.payload.trackItemIds), t.updateState(
       { activeIds: l },
       {
         kind: "update",
         updateHistory: !1
       }
     )), f.key === Ri) {
-      const p = (I = f.value) == null ? void 0 : I.payload.trackItemIds, y = Q(t.getState()), k = p && p.length ? p : y.activeIds, x = y.trackItemIds, M = y.trackItemDetailsMap, C = Q(y.tracks), L = x.filter(
-        (X) => !k.includes(X)
+      const p = (g = f.value) == null ? void 0 : g.payload.trackItemIds, y = Q(t.getState()), T = p && p.length ? p : y.activeIds, x = y.trackItemIds, k = y.trackItemDetailsMap, C = Q(y.tracks), L = x.filter(
+        (X) => !T.includes(X)
       ), P = Object.fromEntries(
-        Object.entries(M).filter(
-          ([X]) => !k.includes(X)
+        Object.entries(k).filter(
+          ([X]) => !T.includes(X)
         )
-      ), T = ds(
+      ), w = ds(
         y.tracks,
-        k
-      ), w = Object.fromEntries(
+        T
+      ), A = Object.fromEntries(
         Object.entries(y.trackItemsMap).filter(
-          ([X]) => !k.includes(X)
+          ([X]) => !T.includes(X)
         )
       );
       C.filter((X) => X.magnetic).forEach((X) => {
         let vt = 0;
         X == null || X.items.forEach((yt) => {
-          if (w[yt]) {
-            const Mt = w[yt].display.to - w[yt].display.from;
-            w[yt].display = {
+          if (A[yt]) {
+            const Mt = A[yt].display.to - A[yt].display.from;
+            A[yt].display = {
               from: vt,
               to: vt + Mt
             }, vt += Mt;
           }
         });
       });
-      const At = Vt(w);
+      const At = Vt(A);
       t.updateState(
         {
           trackItemIds: L,
           trackItemDetailsMap: P,
           activeIds: [],
-          trackItemsMap: w,
-          tracks: T,
+          trackItemsMap: A,
+          tracks: w,
           duration: At
         },
         { updateHistory: !0, kind: "remove" }
       );
     }
     if (f.key === Li) {
-      const p = Q(t.getState()), y = {}, k = ((b = f.value) == null ? void 0 : b.payload.trackItemIds) || p.activeIds;
-      if (k.length === 0) return;
-      k.forEach((M) => {
-        const C = p.trackItemsMap[M], L = p.trackItemDetailsMap[M], P = ye();
+      const p = Q(t.getState()), y = {}, T = ((I = f.value) == null ? void 0 : I.payload.trackItemIds) || p.activeIds;
+      if (T.length === 0) return;
+      T.forEach((k) => {
+        const C = p.trackItemsMap[k], L = p.trackItemDetailsMap[k], P = ye();
         p.trackItemsMap[P] = {
           ...Q(C),
           id: P
         }, p.trackItemDetailsMap[P] = {
           ...Q(L)
         }, p.trackItemIds.push(P);
-        const T = p.tracks.find(
-          (w) => w.items.includes(M)
+        const w = p.tracks.find(
+          (A) => A.items.includes(k)
         );
-        y[T.id] ? y[T.id].items.push(P) : y[T.id] = {
-          ...T,
+        y[w.id] ? y[w.id].items.push(P) : y[w.id] = {
+          ...w,
           id: ye(),
           items: [P],
           static: !1,
@@ -2040,13 +2040,13 @@ function ys(t) {
       );
     }
   }), v = n.subscribe(async (f) => {
-    var k, x, M, C, L, P, T, w, U, At, X, vt, yt, Mt, te, N, ee, re, at, Nt, H;
-    const l = Q(t.getState()), h = ((x = (k = f.value) == null ? void 0 : k.options) == null ? void 0 : x.isSelected) || !1;
-    let g = [], I = "text";
-    const b = (C = (M = f.value) == null ? void 0 : M.options) == null ? void 0 : C.trackId;
+    var T, x, k, C, L, P, w, A, U, At, X, vt, yt, Mt, te, N, ee, re, at, Nt, H;
+    const l = Q(t.getState()), h = ((x = (T = f.value) == null ? void 0 : T.options) == null ? void 0 : x.isSelected) || !1;
+    let b = [], g = "text";
+    const I = (C = (k = f.value) == null ? void 0 : k.options) == null ? void 0 : C.trackId;
     let p = (P = (L = f.value) == null ? void 0 : L.options) == null ? void 0 : P.trackIndex;
     if (f.key === fa) {
-      const z = (T = f.value) == null ? void 0 : T.payload, G = z.trackItems.map(
+      const z = (w = f.value) == null ? void 0 : w.payload, G = z.trackItems.map(
         (Y) => us(Y, {
           size: l.size
         })
@@ -2078,7 +2078,7 @@ function ys(t) {
           });
         });
       else {
-        const Y = ((U = (w = f.value) == null ? void 0 : w.options) == null ? void 0 : U.trackIndex) || 0, _t = In(
+        const Y = ((U = (A = f.value) == null ? void 0 : A.options) == null ? void 0 : U.trackIndex) || 0, _t = In(
           Y,
           0,
           l.tracks.length
@@ -2116,7 +2116,7 @@ function ys(t) {
       return;
     }
     if (f.key === Fi) {
-      I = "caption";
+      g = "caption";
       const z = (At = f.value) == null ? void 0 : At.payload, G = [];
       for (const nt of z) {
         const V = ui(nt, {
@@ -2130,24 +2130,24 @@ function ys(t) {
         ft.push(V);
         const { details: ot, ...J } = nt;
         l.trackItemDetailsMap[V] = {
-          type: I,
+          type: g,
           details: ot
         }, l.trackItemsMap[V] = J, l.trackItemIds.push(V);
       }
-      g = ft;
+      b = ft;
     }
     if (f.key === $i) {
-      I = "text";
+      g = "text";
       const z = await li((X = f.value) == null ? void 0 : X.payload, {
         size: l.size
       }), { details: G, ...O } = z;
       l.trackItemDetailsMap[O.id] = {
-        type: I,
+        type: g,
         details: G
-      }, l.trackItemsMap[O.id] = O, l.trackItemIds.push(O.id), g = [O.id];
+      }, l.trackItemsMap[O.id] = O, l.trackItemIds.push(O.id), b = [O.id];
     }
     if (f.key === Ni) {
-      I = "template";
+      g = "template";
       const z = (vt = f.value) == null ? void 0 : vt.payload.trackItemsMap, G = (yt = f.value) == null ? void 0 : yt.payload.trackItemDetailsMap, O = (Mt = f.value) == null ? void 0 : Mt.payload.transitionsMap, ft = ((te = f.value) == null ? void 0 : te.payload.transitionIds) || [], nt = (N = f.value) == null ? void 0 : N.payload.trackItemIds, V = ((ee = f.value) == null ? void 0 : ee.payload.tracks) || [], { details: ot, ...J } = await cs((re = f.value) == null ? void 0 : re.payload, {
         size: l.size
       }), Dt = {
@@ -2157,9 +2157,9 @@ function ys(t) {
         tracks: V
       };
       l.trackItemDetailsMap[J.id] = {
-        type: I,
+        type: g,
         details: ot
-      }, l.trackItemsMap[J.id] = J, l.trackItemIds.push(J.id), g = [J.id], l.trackItemsMap = {
+      }, l.trackItemsMap[J.id] = J, l.trackItemIds.push(J.id), b = [J.id], l.trackItemsMap = {
         ...l.trackItemsMap,
         ...z,
         [J.id]: {
@@ -2179,45 +2179,45 @@ function ys(t) {
       }, l.structure = [...l.structure, Dt];
     }
     if (f.key === Hi) {
-      I = "image";
+      g = "image";
       const z = await ci((at = f.value) == null ? void 0 : at.payload, {
         size: l.size
       }), { details: G, ...O } = z;
       l.trackItemDetailsMap[O.id] = {
-        type: I,
+        type: g,
         details: G
-      }, l.trackItemsMap[O.id] = O, l.trackItemIds.push(O.id), g = [O.id];
+      }, l.trackItemsMap[O.id] = O, l.trackItemIds.push(O.id), b = [O.id];
     }
     if (f.key === ji) {
-      I = "audio";
+      g = "audio";
       const z = await oi((Nt = f.value) == null ? void 0 : Nt.payload), { details: G, ...O } = z;
       l.trackItemDetailsMap[O.id] = {
-        type: I,
+        type: g,
         details: G
-      }, l.trackItemsMap[O.id] = O, l.trackItemIds.push(O.id), g = [O.id];
+      }, l.trackItemsMap[O.id] = O, l.trackItemIds.push(O.id), b = [O.id];
     }
     if (f.key === zi) {
-      I = "video";
+      g = "video";
       const z = await ai((H = f.value) == null ? void 0 : H.payload, {
         size: l.size
       }), { details: G, ...O } = z;
       l.trackItemDetailsMap[O.id] = {
-        type: I,
+        type: g,
         details: G
-      }, l.trackItemsMap[O.id] = O, l.trackItemIds.push(O.id), g = [O.id];
+      }, l.trackItemsMap[O.id] = O, l.trackItemIds.push(O.id), b = [O.id];
     }
     const y = ps(
-      g,
+      b,
       l.tracks,
       l.trackItemsMap,
-      b,
+      I,
       p
     );
     if (y.trackId) {
       const z = l.tracks.find(
         (G) => G.id === y.trackId
       );
-      z && z.items.push(...g);
+      z && z.items.push(...b);
     } else if (y.trackIndex !== void 0) {
       const z = {
         id: fr(),
@@ -2230,8 +2230,8 @@ function ys(t) {
           "caption",
           "template"
         ],
-        type: I,
-        items: g,
+        type: g,
+        items: b,
         magnetic: !1,
         static: !1
       };
@@ -2248,12 +2248,12 @@ function ys(t) {
           "caption",
           "template"
         ],
-        type: I,
-        items: g,
+        type: g,
+        items: b,
         magnetic: !1,
         static: !1
       });
-    h && (l.activeIds = g), l.duration = Vt(l.trackItemsMap), t.updateState(
+    h && (l.activeIds = b), l.duration = Vt(l.trackItemsMap), t.updateState(
       {
         activeIds: l.activeIds,
         trackItemIds: l.trackItemIds,
@@ -2272,25 +2272,37 @@ function ys(t) {
   }), R = c.subscribe(async (f) => {
     var l;
     if (f.key === Ui) {
-      const h = Q(t.getState()), g = (l = f.value) == null ? void 0 : l.options.time;
+      const h = Q(t.getState()), b = (l = f.value) == null ? void 0 : l.options.time;
       if (h.activeIds.length === 1) {
-        const I = h.activeIds[0], b = h.trackItemsMap[I];
-        if (g >= b.display.to || g <= b.display.from)
+        const g = h.activeIds[0], I = h.trackItemsMap[g];
+        if (b >= I.display.to || b <= I.display.from)
           return;
-        const p = h.trackItemDetailsMap[I], y = ye(), k = {
-          ...b,
+        const p = h.trackItemDetailsMap[g], y = ye(), T = {
+          ...I,
+          display: {
+            from: I.display.from,
+            to: b
+          }
+        }, x = {
+          ...I,
           id: y,
           display: {
-            from: g,
-            to: b.display.to
-          },
-          trim: {
-            from: g,
-            to: b.display.to
+            from: b,
+            to: I.display.to
           }
         };
-        h.trackItemsMap[I].display.to = g, h.trackItemsMap[y] = k, h.trackItemIds.push(y), h.trackItemDetailsMap[y] = p, h.tracks.forEach((x) => {
-          x.items.includes(I) && x.items.push(y);
+        if (I.type === "video" || I.type === "audio") {
+          const k = b - T.display.from;
+          T.trim = {
+            from: I.trim.from,
+            to: I.trim.from + k
+          }, x.trim = {
+            from: I.trim.from + k,
+            to: I.trim.to
+          };
+        }
+        h.trackItemsMap[g] = T, h.trackItemsMap[y] = x, h.trackItemIds.push(y), h.trackItemDetailsMap[y] = p, h.tracks.forEach((k) => {
+          k.items.includes(g) && k.items.push(y);
         }), t.updateState(
           {
             trackItemDetailsMap: h.trackItemDetailsMap,
@@ -2309,25 +2321,25 @@ function ys(t) {
     if (f.key === Gi) {
       const h = Q(t.getState());
       if (h.activeIds.length) {
-        const g = h.activeIds, I = [], b = {
-          activeIds: g,
+        const b = h.activeIds, g = [], I = {
+          activeIds: b,
           trackItemDetailsMap: {},
           trackItemsMap: {},
           tracks: []
         };
-        g.forEach((y) => {
-          b.trackItemDetailsMap[y] = h.trackItemDetailsMap[y], b.trackItemsMap[y] = h.trackItemsMap[y], I.push(
-            h.tracks.find((k) => k.items.includes(y))
+        b.forEach((y) => {
+          I.trackItemDetailsMap[y] = h.trackItemDetailsMap[y], I.trackItemsMap[y] = h.trackItemsMap[y], g.push(
+            h.tracks.find((T) => T.items.includes(y))
           );
         });
         const p = /* @__PURE__ */ new Set();
-        I.filter((y) => p.has(y.id) ? !1 : (p.add(y), !0)), b.tracks = Array.from(p.keys()), localStorage.setItem("DesignComboTemp", JSON.stringify(b));
+        g.filter((y) => p.has(y.id) ? !1 : (p.add(y), !0)), I.tracks = Array.from(p.keys()), localStorage.setItem("DesignComboTemp", JSON.stringify(I));
       }
     }
     if (f.key === Yi) {
       const h = localStorage.getItem("DesignComboTemp");
       if (!h) return;
-      const g = Q(t.getState()), I = JSON.parse(h), b = {}, p = I.trackItemsMap, y = I.trackItemDetailsMap, k = I.tracks, x = [], M = I.activeIds.map(async (C) => {
+      const b = Q(t.getState()), g = JSON.parse(h), I = {}, p = g.trackItemsMap, y = g.trackItemDetailsMap, T = g.tracks, x = [], k = g.activeIds.map(async (C) => {
         const L = y[C];
         (L.type === "caption" || L.type === "text") && L.details.fontUrl && await hr([
           {
@@ -2336,24 +2348,24 @@ function ys(t) {
           }
         ]);
         const P = ye();
-        return b[C] = P, g.trackItemsMap[P] = {
+        return I[C] = P, b.trackItemsMap[P] = {
           ...p[C],
           id: P
-        }, g.trackItemDetailsMap[P] = L, g.trackItemIds.push(P), !0;
+        }, b.trackItemDetailsMap[P] = L, b.trackItemIds.push(P), !0;
       });
-      await Promise.all(M), k.forEach((C) => {
-        const L = C.items.map((T) => b[T]), P = {
+      await Promise.all(k), T.forEach((C) => {
+        const L = C.items.map((w) => I[w]), P = {
           ...C,
           items: L,
           id: fr()
         };
         x.push(P);
-      }), g.tracks = [...g.tracks, ...x], t.updateState(
+      }), b.tracks = [...b.tracks, ...x], t.updateState(
         {
-          trackItemDetailsMap: g.trackItemDetailsMap,
-          tracks: g.tracks,
-          trackItemIds: g.trackItemIds,
-          trackItemsMap: g.trackItemsMap
+          trackItemDetailsMap: b.trackItemDetailsMap,
+          tracks: b.tracks,
+          trackItemIds: b.trackItemIds,
+          trackItemsMap: b.trackItemsMap
         },
         {
           updateHistory: !0,
@@ -2362,22 +2374,22 @@ function ys(t) {
       );
     }
   }), _ = d.subscribe(async (f) => {
-    var l, h, g;
+    var l, h, b;
     if (f.key === Wi) {
-      const I = Q(t.getState()), b = I.trackItemDetailsMap, p = I.trackItemsMap, y = Object.keys((l = f.value) == null ? void 0 : l.payload);
+      const g = Q(t.getState()), I = g.trackItemDetailsMap, p = g.trackItemsMap, y = Object.keys((l = f.value) == null ? void 0 : l.payload);
       if (!y.length) return;
-      const k = (h = f.value) == null ? void 0 : h.payload;
-      y.forEach((M) => {
-        const C = k[M];
-        C.details ? b[M].details = {
-          ...b[M].details,
+      const T = (h = f.value) == null ? void 0 : h.payload;
+      y.forEach((k) => {
+        const C = T[k];
+        C.details ? I[k].details = {
+          ...I[k].details,
           ...C.details
-        } : k[M].playbackRate && (p[M].playbackRate = k[M].playbackRate);
+        } : T[k].playbackRate && (p[k].playbackRate = T[k].playbackRate);
       });
       const x = Vt(p);
       t.updateState(
         {
-          trackItemDetailsMap: { ...b },
+          trackItemDetailsMap: { ...I },
           trackItemsMap: { ...p },
           duration: x
         },
@@ -2388,26 +2400,26 @@ function ys(t) {
       );
     }
     if (f.key === Xi) {
-      const I = (g = f.value) == null ? void 0 : g.payload, b = Object.keys(I)[0], p = Object.values(I)[0], y = Q(t.getState()), k = y.trackItemDetailsMap[b];
+      const g = (b = f.value) == null ? void 0 : b.payload, I = Object.keys(g)[0], p = Object.values(g)[0], y = Q(t.getState()), T = y.trackItemDetailsMap[I];
       if (p.details) {
         if (p.type === "image" && p.details.src) {
-          const C = await ri(p.details.src), L = k.details.width || 0, P = k.details.height || 0;
-          let T = C.width, w = C.height;
+          const C = await ri(p.details.src), L = T.details.width || 0, P = T.details.height || 0;
+          let w = C.width, A = C.height;
           const U = C.width / C.height;
-          L / P > U ? (T = L, w = L / U) : (w = P, T = P * U), p.details.mediaWidth = T, p.details.mediaHeight = w;
+          L / P > U ? (w = L, A = L / U) : (A = P, w = P * U), p.details.mediaWidth = w, p.details.mediaHeight = A;
         }
         if (p.type === "video" && p.details.src) {
-          const C = await ni(p.details.src), L = k.details.width || 0, P = k.details.height || 0;
-          let T = C.width, w = C.height;
+          const C = await ni(p.details.src), L = T.details.width || 0, P = T.details.height || 0;
+          let w = C.width, A = C.height;
           const U = C.width / C.height;
-          L / P > U ? (T = L, w = L / U) : (w = P, T = P * U), p.details.mediaWidth = T, p.details.mediaHeight = w;
+          L / P > U ? (w = L, A = L / U) : (A = P, w = P * U), p.details.mediaWidth = w, p.details.mediaHeight = A;
         }
-        const M = k.details;
-        k.details = { ...M, ...p.details }, p.details = k.details;
+        const k = T.details;
+        T.details = { ...k, ...p.details }, p.details = T.details;
       }
-      const x = { ...k, ...p };
-      y.trackItemDetailsMap[b] = x, y.trackItemsMap[b] = {
-        ...y.trackItemsMap[b],
+      const x = { ...T, ...p };
+      y.trackItemDetailsMap[I] = x, y.trackItemsMap[I] = {
+        ...y.trackItemsMap[I],
         type: p.type
       }, t.updateState(
         {
@@ -2427,7 +2439,7 @@ function ys(t) {
   });
   return {
     unsubscribe: () => {
-      v.unsubscribe(), R.unsubscribe(), _.unsubscribe(), E.unsubscribe(), A.unsubscribe(), m.unsubscribe();
+      v.unsubscribe(), R.unsubscribe(), _.unsubscribe(), E.unsubscribe(), M.unsubscribe(), m.unsubscribe();
     }
   };
 }
@@ -2436,17 +2448,17 @@ function di(t, r, n = { cyclesFix: !0 }, i = []) {
   var m, E;
   let a = [];
   const c = Array.isArray(t);
-  for (const A in t) {
-    const v = t[A], R = c ? +A : A;
-    if (!(A in r)) {
+  for (const M in t) {
+    const v = t[M], R = c ? +M : M;
+    if (!(M in r)) {
       a.push({
         type: "REMOVE",
         path: [R],
-        oldValue: t[A]
+        oldValue: t[M]
       });
       continue;
     }
-    const _ = r[A], f = typeof v == "object" && typeof _ == "object" && Array.isArray(v) === Array.isArray(_);
+    const _ = r[M], f = typeof v == "object" && typeof _ == "object" && Array.isArray(v) === Array.isArray(_);
     if (v && _ && f && !_s[(E = (m = Object.getPrototypeOf(v)) == null ? void 0 : m.constructor) == null ? void 0 : E.name] && (!n.cyclesFix || !i.includes(v))) {
       const l = di(v, _, n, n.cyclesFix ? i.concat([v]) : []);
       a.push.apply(a, l.map((h) => (h.path.unshift(R), h)));
@@ -2459,11 +2471,11 @@ function di(t, r, n = { cyclesFix: !0 }, i = []) {
     });
   }
   const d = Array.isArray(r);
-  for (const A in r)
-    A in t || a.push({
+  for (const M in r)
+    M in t || a.push({
       type: "CREATE",
-      path: [d ? +A : A],
-      value: r[A]
+      path: [d ? +M : M],
+      value: r[M]
     });
   return a;
 }
@@ -2828,8 +2840,8 @@ var ws = class {
         const c = n;
         n = r;
         const d = this;
-        return function(E = c, ...A) {
-          return d.produce(E, (v) => n.call(this, v, ...A));
+        return function(E = c, ...M) {
+          return d.produce(E, (v) => n.call(this, v, ...M));
         };
       }
       typeof n != "function" && K(6), i !== void 0 && typeof i != "function" && K(7);
@@ -2960,34 +2972,34 @@ function Gn() {
     }
   }
   function c(_, f, l, h) {
-    let { base_: g, assigned_: I } = _, b = _.copy_;
-    b.length < g.length && ([g, b] = [b, g], [l, h] = [h, l]);
-    for (let p = 0; p < g.length; p++)
-      if (I[p] && b[p] !== g[p]) {
+    let { base_: b, assigned_: g } = _, I = _.copy_;
+    I.length < b.length && ([b, I] = [I, b], [l, h] = [h, l]);
+    for (let p = 0; p < b.length; p++)
+      if (g[p] && I[p] !== b[p]) {
         const y = f.concat([p]);
         l.push({
           op: r,
           path: y,
           // 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: R(b[p])
+          value: R(I[p])
         }), h.push({
           op: r,
           path: y,
-          value: R(g[p])
+          value: R(b[p])
         });
       }
-    for (let p = g.length; p < b.length; p++) {
+    for (let p = b.length; p < I.length; p++) {
       const y = f.concat([p]);
       l.push({
         op: n,
         path: y,
         // 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: R(b[p])
+        value: R(I[p])
       });
     }
-    for (let p = b.length - 1; g.length <= p; --p) {
+    for (let p = I.length - 1; b.length <= p; --p) {
       const y = f.concat([p]);
       h.push({
         op: i,
@@ -2996,22 +3008,22 @@ function Gn() {
     }
   }
   function d(_, f, l, h) {
-    const { base_: g, copy_: I } = _;
-    Fe(_.assigned_, (b, p) => {
-      const y = un(g, b), k = un(I, b), x = p ? $e(g, b) ? r : n : i;
-      if (y === k && x === r)
+    const { base_: b, copy_: g } = _;
+    Fe(_.assigned_, (I, p) => {
+      const y = un(b, I), T = un(g, I), x = p ? $e(b, I) ? r : n : i;
+      if (y === T && x === r)
         return;
-      const M = f.concat(b);
-      l.push(x === i ? { op: x, path: M } : { op: x, path: M, value: k }), h.push(
-        x === n ? { op: i, path: M } : x === i ? { op: n, path: M, value: R(y) } : { op: r, path: M, value: R(y) }
+      const k = f.concat(I);
+      l.push(x === i ? { op: x, path: k } : { op: x, path: k, value: T }), h.push(
+        x === n ? { op: i, path: k } : x === i ? { op: n, path: k, value: R(y) } : { op: r, path: k, value: R(y) }
       );
     });
   }
   function m(_, f, l, h) {
-    let { base_: g, copy_: I } = _, b = 0;
-    g.forEach((p) => {
-      if (!I.has(p)) {
-        const y = f.concat([b]);
+    let { base_: b, copy_: g } = _, I = 0;
+    b.forEach((p) => {
+      if (!g.has(p)) {
+        const y = f.concat([I]);
         l.push({
           op: i,
           path: y,
@@ -3022,10 +3034,10 @@ function Gn() {
           value: p
         });
       }
-      b++;
-    }), b = 0, I.forEach((p) => {
-      if (!g.has(p)) {
-        const y = f.concat([b]);
+      I++;
+    }), I = 0, g.forEach((p) => {
+      if (!b.has(p)) {
+        const y = f.concat([I]);
         l.push({
           op: n,
           path: y,
@@ -3036,7 +3048,7 @@ function Gn() {
           value: p
         });
       }
-      b++;
+      I++;
     });
   }
   function E(_, f, l, h) {
@@ -3050,50 +3062,50 @@ function Gn() {
       value: _
     });
   }
-  function A(_, f) {
+  function M(_, f) {
     return f.forEach((l) => {
-      const { path: h, op: g } = l;
-      let I = _;
-      for (let k = 0; k < h.length - 1; k++) {
-        const x = qt(I);
-        let M = h[k];
-        typeof M != "string" && typeof M != "number" && (M = "" + M), (x === 0 || x === 1) && (M === "__proto__" || M === "constructor") && K(19), typeof I == "function" && M === "prototype" && K(19), I = un(I, M), typeof I != "object" && K(18, h.join("/"));
+      const { path: h, op: b } = l;
+      let g = _;
+      for (let T = 0; T < h.length - 1; T++) {
+        const x = qt(g);
+        let k = h[T];
+        typeof k != "string" && typeof k != "number" && (k = "" + k), (x === 0 || x === 1) && (k === "__proto__" || k === "constructor") && K(19), typeof g == "function" && k === "prototype" && K(19), g = un(g, k), typeof g != "object" && K(18, h.join("/"));
       }
-      const b = qt(I), p = v(l.value), y = h[h.length - 1];
-      switch (g) {
+      const I = qt(g), p = v(l.value), y = h[h.length - 1];
+      switch (b) {
         case r:
-          switch (b) {
+          switch (I) {
             case 2:
-              return I.set(y, p);
+              return g.set(y, p);
             case 3:
               K(16);
             default:
-              return I[y] = p;
+              return g[y] = p;
           }
         case n:
-          switch (b) {
+          switch (I) {
             case 1:
-              return y === "-" ? I.push(p) : I.splice(y, 0, p);
+              return y === "-" ? g.push(p) : g.splice(y, 0, p);
             case 2:
-              return I.set(y, p);
+              return g.set(y, p);
             case 3:
-              return I.add(p);
+              return g.add(p);
             default:
-              return I[y] = p;
+              return g[y] = p;
           }
         case i:
-          switch (b) {
+          switch (I) {
             case 1:
-              return I.splice(y, 1);
+              return g.splice(y, 1);
             case 2:
-              return I.delete(y);
+              return g.delete(y);
             case 3:
-              return I.delete(l.value);
+              return g.delete(l.value);
             default:
-              return delete I[y];
+              return delete g[y];
           }
         default:
-          K(17, g);
+          K(17, b);
       }
     }), _;
   }
@@ -3117,7 +3129,7 @@ function Gn() {
     return Zt(_) ? v(_) : _;
   }
   vs("Patches", {
-    applyPatches_: A,
+    applyPatches_: M,
     generatePatches_: a,
     generateReplacementPatches_: E
   });
@@ -3380,36 +3392,36 @@ class ya {
       tracks: d,
       transitionIds: m,
       transitionsMap: E,
-      trackItemsMap: A
+      trackItemsMap: M
     } = this.getState(), v = Q({
       trackItemDetailsMap: a,
       trackItemIds: c,
       tracks: d,
       transitionIds: m,
       transitionsMap: E,
-      trackItemsMap: A
-    }), R = [], _ = [], f = [], l = [], h = [], g = [];
-    n.forEach((T) => {
-      let w;
-      const U = T.path.slice(1);
-      T.type === "CREATE" ? w = {
+      trackItemsMap: M
+    }), R = [], _ = [], f = [], l = [], h = [], b = [];
+    n.forEach((w) => {
+      let A;
+      const U = w.path.slice(1);
+      w.type === "CREATE" ? A = {
         path: U,
         op: "remove",
-        value: T.value
-      } : T.type === "CHANGE" ? w = {
+        value: w.value
+      } : w.type === "CHANGE" ? A = {
         path: U,
         op: "replace",
-        value: T.oldValue
-      } : w = {
+        value: w.oldValue
+      } : A = {
         path: U,
         op: "add",
-        value: T.oldValue
-      }, T.path.includes("trackItemIds") ? f.push(w) : T.path.includes("transitionIds") ? _.push(w) : T.path.includes("trackItemsMap") ? h.push(w) : T.path.includes("transitionsMap") ? l.push(w) : T.path.includes("tracks") ? R.push(w) : T.path.includes("trackItemDetailsMap") && g.push(w);
+        value: w.oldValue
+      }, w.path.includes("trackItemIds") ? f.push(A) : w.path.includes("transitionIds") ? _.push(A) : w.path.includes("trackItemsMap") ? h.push(A) : w.path.includes("transitionsMap") ? l.push(A) : w.path.includes("tracks") ? R.push(A) : w.path.includes("trackItemDetailsMap") && b.push(A);
     });
-    const I = this.applyPatch(
+    const g = this.applyPatch(
       v.tracks,
       R
-    ), b = this.applyPatch(
+    ), I = this.applyPatch(
       v.transitionIds,
       _
     ), p = this.applyPatch(
@@ -3418,20 +3430,20 @@ class ya {
     ), y = this.applyPatch(
       v.transitionsMap,
       l
-    ), k = this.applyPatch(
+    ), T = this.applyPatch(
       v.trackItemsMap,
       h
     ), x = this.applyPatch(
       v.trackItemDetailsMap,
-      g
-    ), M = Q({
-      tracks: I,
-      transitionIds: b,
+      b
+    ), k = Q({
+      tracks: g,
+      transitionIds: I,
       trackItemIds: p,
       transitionsMap: y,
-      trackItemsMap: k,
+      trackItemsMap: T,
       trackItemDetailsMap: x
-    }), C = Q(this.getState()), L = { ...C, ...M };
+    }), C = Q(this.getState()), L = { ...C, ...k };
     this.prevState = C, this.redos.push({ redos: n, type: i });
     const P = Vt(L.trackItemsMap);
     this.stateSubject.next({ ...L, duration: P }), this.stateHistorySubject.next({ handleRedo: !1, handleUndo: !0 });
@@ -3451,36 +3463,36 @@ class ya {
       tracks: d,
       transitionIds: m,
       transitionsMap: E,
-      trackItemsMap: A
+      trackItemsMap: M
     } = this.getState(), v = Q({
       trackItemDetailsMap: a,
       trackItemIds: c,
       tracks: d,
       transitionIds: m,
       transitionsMap: E,
-      trackItemsMap: A
-    }), R = [], _ = [], f = [], l = [], h = [], g = [];
-    n.forEach((T) => {
-      let w;
-      const U = T.path.slice(1);
-      T.type === "CREATE" ? w = {
+      trackItemsMap: M
+    }), R = [], _ = [], f = [], l = [], h = [], b = [];
+    n.forEach((w) => {
+      let A;
+      const U = w.path.slice(1);
+      w.type === "CREATE" ? A = {
         path: U,
         op: "add",
-        value: T.value
-      } : T.type === "CHANGE" ? w = {
+        value: w.value
+      } : w.type === "CHANGE" ? A = {
         path: U,
         op: "replace",
-        value: T.value
-      } : w = {
+        value: w.value
+      } : A = {
         path: U,
         op: "remove",
-        value: T.oldValue
-      }, T.path.includes("trackItemIds") ? f.push(w) : T.path.includes("transitionIds") ? _.push(w) : T.path.includes("trackItemsMap") ? h.push(w) : T.path.includes("transitionsMap") ? l.push(w) : T.path.includes("trackItemDetailsMap") ? g.push(w) : R.push(w);
+        value: w.oldValue
+      }, w.path.includes("trackItemIds") ? f.push(A) : w.path.includes("transitionIds") ? _.push(A) : w.path.includes("trackItemsMap") ? h.push(A) : w.path.includes("transitionsMap") ? l.push(A) : w.path.includes("trackItemDetailsMap") ? b.push(A) : R.push(A);
     });
-    const I = this.applyPatch(
+    const g = this.applyPatch(
       v.tracks,
       R
-    ), b = this.applyPatch(
+    ), I = this.applyPatch(
       v.transitionIds,
       _
     ), p = this.applyPatch(
@@ -3489,20 +3501,20 @@ class ya {
     ), y = this.applyPatch(
       v.transitionsMap,
       l
-    ), k = this.applyPatch(
+    ), T = this.applyPatch(
       v.trackItemsMap,
       h
     ), x = this.applyPatch(
       v.trackItemDetailsMap,
-      g
-    ), M = Q({
-      tracks: I,
-      transitionIds: b,
+      b
+    ), k = Q({
+      tracks: g,
+      transitionIds: I,
       trackItemIds: p,
       transitionsMap: y,
-      trackItemsMap: k,
+      trackItemsMap: T,
       trackItemDetailsMap: x
-    }), C = Q(this.getState()), L = { ...C, ...M };
+    }), C = Q(this.getState()), L = { ...C, ...k };
     this.prevState = C, this.undos.push({ undos: n, type: i });
     const P = Vt(L.trackItemsMap);
     this.stateSubject.next({ ...L, duration: P }), this.stateHistorySubject.next({ handleRedo: !0, handleUndo: !1 });