@designcombo/state 3.0.0-beta.0 → 3.0.1

package/dist/index.es.js

@@ -108,11 +108,11 @@ var gr = function() {
         } catch (u) {
           c = u instanceof on ? u.errors : [u];
         }
-      var x = this._finalizers;
-      if (x) {
+      var O = this._finalizers;
+      if (O) {
         this._finalizers = null;
         try {
-          for (var y = pn(x), T = y.next(); !T.done; T = y.next()) {
+          for (var y = pn(O), T = y.next(); !T.done; T = y.next()) {
             var C = T.value;
             try {
               Fn(C);
@@ -513,8 +513,8 @@ function Mn(t) {
 var pr = { exports: {} };
 pr.exports;
 (function(t, r) {
-  var n = 200, i = "__lodash_hash_undefined__", a = 1, c = 2, f = 9007199254740991, p = "[object Arguments]", k = "[object Array]", j = "[object AsyncFunction]", A = "[object Boolean]", x = "[object Date]", y = "[object Error]", T = "[object Function]", C = "[object GeneratorFunction]", u = "[object Map]", d = "[object Number]", g = "[object Null]", b = "[object Object]", _ = "[object Promise]", h = "[object Proxy]", S = "[object RegExp]", I = "[object Set]", m = "[object String]", D = "[object Symbol]", P = "[object Undefined]", w = "[object WeakMap]", R = "[object ArrayBuffer]", z = "[object DataView]", N = "[object Float32Array]", M = "[object Float64Array]", O = "[object Int8Array]", B = "[object Int16Array]", vt = "[object Int32Array]", At = "[object Uint8Array]", Dt = "[object Uint8ClampedArray]", H = "[object Uint16Array]", Ut = "[object Uint32Array]", yt = /[\\^$.*+?()[\]{}|]/g, ut = /^\[object .+?Constructor\]$/, Rt = /^(?:0|[1-9]\d*)$/, v = {};
-  v[N] = v[M] = v[O] = v[B] = v[vt] = v[At] = v[Dt] = v[H] = v[Ut] = !0, v[p] = v[k] = v[R] = v[A] = v[z] = v[x] = v[y] = v[T] = v[u] = v[d] = v[b] = v[S] = v[I] = v[m] = v[w] = !1;
+  var n = 200, i = "__lodash_hash_undefined__", a = 1, c = 2, f = 9007199254740991, p = "[object Arguments]", k = "[object Array]", j = "[object AsyncFunction]", A = "[object Boolean]", O = "[object Date]", y = "[object Error]", T = "[object Function]", C = "[object GeneratorFunction]", u = "[object Map]", d = "[object Number]", g = "[object Null]", b = "[object Object]", _ = "[object Promise]", h = "[object Proxy]", v = "[object RegExp]", I = "[object Set]", m = "[object String]", x = "[object Symbol]", D = "[object Undefined]", w = "[object WeakMap]", R = "[object ArrayBuffer]", z = "[object DataView]", N = "[object Float32Array]", M = "[object Float64Array]", P = "[object Int8Array]", B = "[object Int16Array]", vt = "[object Int32Array]", At = "[object Uint8Array]", Dt = "[object Uint8ClampedArray]", H = "[object Uint16Array]", Ut = "[object Uint32Array]", yt = /[\\^$.*+?()[\]{}|]/g, ut = /^\[object .+?Constructor\]$/, Rt = /^(?:0|[1-9]\d*)$/, S = {};
+  S[N] = S[M] = S[P] = S[B] = S[vt] = S[At] = S[Dt] = S[H] = S[Ut] = !0, S[p] = S[k] = S[R] = S[A] = S[z] = S[O] = S[y] = S[T] = S[u] = S[d] = S[b] = S[v] = S[I] = S[m] = S[w] = !1;
   var V = typeof kt == "object" && kt && kt.Object === Object && kt, it = typeof self == "object" && self && self.Object === Object && self, q = V || it || Function("return this")(), Ft = r && !r.nodeType && r, Tt = Ft && !0 && t && !t.nodeType && t, Gt = Tt && Tt.exports === Ft, Wt = Gt && V.process, Vt = function() {
     try {
       return Wt && Wt.binding && Wt.binding("util");
@@ -728,7 +728,7 @@ pr.exports;
     return _e(e) ? l : L(l, o(e));
   }
   function te(e) {
-    return e == null ? e === void 0 ? P : g : Et && Et in Object(e) ? Lt(e) : nr(e);
+    return e == null ? e === void 0 ? D : g : Et && Et in Object(e) ? Lt(e) : nr(e);
   }
   function er(e) {
     return Ct(e) && te(e) == p;
@@ -763,7 +763,7 @@ pr.exports;
     return s.test(ft(e));
   }
   function Xr(e) {
-    return Ct(e) && je(e.length) && !!v[te(e)];
+    return Ct(e) && je(e.length) && !!S[te(e)];
   }
   function Vr(e) {
     if (!rn(e))
@@ -815,12 +815,12 @@ pr.exports;
       case R:
         return !(e.byteLength != s.byteLength || !E(new qe(e), new qe(s)));
       case A:
-      case x:
+      case O:
       case d:
         return ir(+e, +s);
       case y:
         return e.name == s.name && e.message == s.message;
-      case S:
+      case v:
       case m:
         return e == s + "";
       case u:
@@ -835,7 +835,7 @@ pr.exports;
         l |= c, U.set(e, s);
         var at = Re($(e), $(s), l, F, E, U);
         return U.delete(e), at;
-      case D:
+      case x:
         if (Oe)
           return Oe.call(e) == Oe.call(s);
     }
@@ -993,9 +993,9 @@ const nt = /* @__PURE__ */ Mn(zi), fa = "add", Ni = "track", Li = "trackItems",
 var hr = { exports: {} };
 hr.exports;
 (function(t, r) {
-  var n = 200, i = "__lodash_hash_undefined__", a = 9007199254740991, c = "[object Arguments]", f = "[object Array]", p = "[object Boolean]", k = "[object Date]", j = "[object Error]", A = "[object Function]", x = "[object GeneratorFunction]", y = "[object Map]", T = "[object Number]", C = "[object Object]", u = "[object Promise]", d = "[object RegExp]", g = "[object Set]", b = "[object String]", _ = "[object Symbol]", h = "[object WeakMap]", S = "[object ArrayBuffer]", I = "[object DataView]", m = "[object Float32Array]", D = "[object Float64Array]", P = "[object Int8Array]", w = "[object Int16Array]", R = "[object Int32Array]", z = "[object Uint8Array]", N = "[object Uint8ClampedArray]", M = "[object Uint16Array]", O = "[object Uint32Array]", B = /[\\^$.*+?()[\]{}|]/g, vt = /\w*$/, At = /^\[object .+?Constructor\]$/, Dt = /^(?:0|[1-9]\d*)$/, H = {};
-  H[c] = H[f] = H[S] = H[I] = H[p] = H[k] = H[m] = H[D] = H[P] = H[w] = H[R] = H[y] = H[T] = H[C] = H[d] = H[g] = H[b] = H[_] = H[z] = H[N] = H[M] = H[O] = !0, H[j] = H[A] = H[h] = !1;
-  var Ut = typeof kt == "object" && kt && kt.Object === Object && kt, yt = typeof self == "object" && self && self.Object === Object && self, ut = Ut || yt || Function("return this")(), Rt = r && !r.nodeType && r, v = Rt && !0 && t && !t.nodeType && t, V = v && v.exports === Rt;
+  var n = 200, i = "__lodash_hash_undefined__", a = 9007199254740991, c = "[object Arguments]", f = "[object Array]", p = "[object Boolean]", k = "[object Date]", j = "[object Error]", A = "[object Function]", O = "[object GeneratorFunction]", y = "[object Map]", T = "[object Number]", C = "[object Object]", u = "[object Promise]", d = "[object RegExp]", g = "[object Set]", b = "[object String]", _ = "[object Symbol]", h = "[object WeakMap]", v = "[object ArrayBuffer]", I = "[object DataView]", m = "[object Float32Array]", x = "[object Float64Array]", D = "[object Int8Array]", w = "[object Int16Array]", R = "[object Int32Array]", z = "[object Uint8Array]", N = "[object Uint8ClampedArray]", M = "[object Uint16Array]", P = "[object Uint32Array]", B = /[\\^$.*+?()[\]{}|]/g, vt = /\w*$/, At = /^\[object .+?Constructor\]$/, Dt = /^(?:0|[1-9]\d*)$/, H = {};
+  H[c] = H[f] = H[v] = H[I] = H[p] = H[k] = H[m] = H[x] = H[D] = H[w] = H[R] = H[y] = H[T] = H[C] = H[d] = H[g] = H[b] = H[_] = H[z] = H[N] = H[M] = H[P] = !0, H[j] = H[A] = H[h] = !1;
+  var Ut = typeof kt == "object" && kt && kt.Object === Object && kt, yt = typeof self == "object" && self && self.Object === Object && self, ut = Ut || yt || Function("return this")(), Rt = r && !r.nodeType && r, S = Rt && !0 && t && !t.nodeType && t, V = S && S.exports === Rt;
   function it(e, s) {
     return e.set(s[0], s[1]), e;
   }
@@ -1199,7 +1199,7 @@ hr.exports;
       if ($ = Zr(e), !s)
         return Vr(e, $);
     } else {
-      var G = Lt(e), at = G == A || G == x;
+      var G = Lt(e), at = G == A || G == O;
       if (ar(e))
         return be(e, s);
       if (G == C || G == c || at && !E) {
@@ -1336,7 +1336,7 @@ hr.exports;
   function Qr(e, s, o, l) {
     var F = e.constructor;
     switch (s) {
-      case S:
+      case v:
         return Ce(e);
       case p:
       case k:
@@ -1344,14 +1344,14 @@ hr.exports;
       case I:
         return te(e, l);
       case m:
+      case x:
       case D:
-      case P:
       case w:
       case R:
       case z:
       case N:
       case M:
-      case O:
+      case P:
         return Xr(e, l);
       case y:
         return er(e, l, o);
@@ -1412,7 +1412,7 @@ hr.exports;
   var ar = he || an;
   function je(e) {
     var s = Ct(e) ? gt.call(e) : "";
-    return s == A || s == x;
+    return s == A || s == O;
   }
   function or(e) {
     return typeof e == "number" && e > -1 && e % 1 == 0 && e <= a;
@@ -1606,14 +1606,14 @@ const li = async (t, r) => {
     duration: a
   };
 }, us = async (t, r) => {
-  var x;
+  var O;
   const n = t.trackItemIds, i = t.size || {
     width: t.details.width,
     height: t.details.height
   }, a = Math.min(
     r.size.width / i.width,
     r.size.height / i.height
-  ), c = ((x = t.details) == null ? void 0 : x.rotate) || 0, f = Be(r, i), p = t.display, k = t.trim || t.display;
+  ), c = ((O = t.details) == null ? void 0 : O.rotate) || 0, f = Be(r, i), p = t.display, k = t.trim || t.display;
   let j = 1 / 0, A = 0;
   return n.forEach((y) => {
     const T = t.trackItemsMap[y];
@@ -1843,9 +1843,9 @@ const hs = (t, r, n, i, a) => {
   const f = c.items.map((k) => n[k]), p = t.map((k) => n[k]);
   for (const k of f) {
     const j = k.display.from, A = k.display.to;
-    for (const x of p) {
-      const y = x.display.from;
-      if (!(x.display.to <= j || y >= A))
+    for (const O of p) {
+      const y = O.display.from;
+      if (!(O.display.to <= j || y >= A))
         return {
           trackId: void 0,
           trackIndex: r.indexOf(c)
@@ -1893,18 +1893,18 @@ function ys(t) {
   const r = t, n = r.tracks, i = r.trackItemsMap, a = [], c = {}, f = r.structure;
   return n.forEach((p) => {
     var j;
-    const k = p.items.map((A) => i[A]).sort((A, x) => A.display.from - x.display.from);
+    const k = p.items.map((A) => i[A]).sort((A, O) => A.display.from - O.display.from);
     for (let A = 0; A < k.length - 1; A++) {
-      const x = k[A], y = k[A + 1];
-      if (Math.abs(x.display.to - y.display.from) <= 1) {
-        const T = `${x.id}-${y.id}`;
+      const O = k[A], y = k[A + 1];
+      if (Math.abs(O.display.to - y.display.from) <= 1) {
+        const T = `${O.id}-${y.id}`;
         if ((j = r.transitionIds) == null ? void 0 : j.includes(T))
           c[T] = r.transitionsMap[T];
         else {
           const u = {
             id: T,
             duration: 1500,
-            fromId: x.id,
+            fromId: O.id,
             toId: y.id,
             kind: "none",
             trackId: p.id,
@@ -1957,11 +1957,11 @@ function Is(t) {
             }
           ]);
         }
-      const S = oe(_);
+      const v = oe(_);
       t.updateState(
         {
           ...b,
-          duration: S
+          duration: v
         },
         {
           kind: "design:load",
@@ -1998,8 +1998,8 @@ function Is(t) {
         }
       );
     }
-  }), x = i.subscribe(async (u) => {
-    var g, b, _, h, S;
+  }), O = i.subscribe(async (u) => {
+    var g, b, _, h, v;
     const d = [];
     if ((g = u.value) != null && g.payload.trackItemIds && (d.push((b = u.value) == null ? void 0 : b.payload.trackItemIds), t.updateState(
       { activeIds: d },
@@ -2008,17 +2008,17 @@ function Is(t) {
         updateHistory: !1
       }
     )), u.key === rs) {
-      const I = (_ = u.value) == null ? void 0 : _.payload.trackItemIds, m = Y(t.getState()), D = I && I.length ? I : m.activeIds, P = D.map((v) => m.transitionsMap[v]).filter((v) => !!v).map((v) => v.id), w = D.map((v) => m.trackItemsMap[v]).filter((v) => !!v).map((v) => v.id), R = m.transitionIds.filter(
-        (v) => {
-          const V = m.transitionsMap[v];
+      const I = (_ = u.value) == null ? void 0 : _.payload.trackItemIds, m = Y(t.getState()), x = I && I.length ? I : m.activeIds, D = x.map((S) => m.transitionsMap[S]).filter((S) => !!S).map((S) => S.id), w = x.map((S) => m.trackItemsMap[S]).filter((S) => !!S).map((S) => S.id), R = m.transitionIds.filter(
+        (S) => {
+          const V = m.transitionsMap[S];
           return w.includes(V.fromId) || w.includes(V.toId);
         }
       );
-      w.push(...R, ...P);
-      const z = m.trackItemIds, N = m.transitionIds, M = m.trackItemDetailsMap, O = Y(m.tracks), B = Y(m.structure);
-      w.forEach((v) => {
+      w.push(...R, ...D);
+      const z = m.trackItemIds, N = m.transitionIds, M = m.trackItemDetailsMap, P = Y(m.tracks), B = Y(m.structure);
+      w.forEach((S) => {
         var it;
-        const V = m.trackItemsMap[v] || m.transitionsMap[v];
+        const V = m.trackItemsMap[S] || m.transitionsMap[S];
         if (V.type === "template") {
           const q = (it = m.structure.find(
             (Tt) => Tt.id === V.id
@@ -2029,34 +2029,34 @@ function Is(t) {
           );
           B.splice(Ft, 1);
         }
-      }), w.forEach((v) => {
+      }), w.forEach((S) => {
         B.forEach((V) => {
-          V.items.includes(v) && (V.items = V.items.filter((it) => it !== v));
+          V.items.includes(S) && (V.items = V.items.filter((it) => it !== S));
         });
       });
       const vt = z.filter(
-        (v) => !w.includes(v)
+        (S) => !w.includes(S)
       ), At = N.filter(
-        (v) => !w.includes(v)
+        (S) => !w.includes(S)
       ), Dt = Object.fromEntries(
         Object.entries(M).filter(
-          ([v]) => !w.includes(v)
+          ([S]) => !w.includes(S)
         )
       ), H = Object.fromEntries(
         Object.entries(m.transitionsMap).filter(
-          ([v]) => !w.includes(v)
+          ([S]) => !w.includes(S)
         )
       ), Ut = ps(
         m.tracks,
         w
       ), yt = Object.fromEntries(
         Object.entries(m.trackItemsMap).filter(
-          ([v]) => !w.includes(v)
+          ([S]) => !w.includes(S)
         )
       );
-      O.filter((v) => v.magnetic).forEach((v) => {
+      P.filter((S) => S.magnetic).forEach((S) => {
         let V = 0;
-        v == null || v.items.forEach((it) => {
+        S == null || S.items.forEach((it) => {
           if (yt[it]) {
             const q = yt[it].display.to - yt[it].display.from;
             yt[it].display = {
@@ -2083,9 +2083,9 @@ function Is(t) {
       );
     }
     if (u.key === es) {
-      const I = Y(t.getState()), m = {}, D = ((h = u.value) == null ? void 0 : h.payload.trackItemIds) || I.activeIds;
-      if (D.length === 0) return;
-      D.forEach((w) => {
+      const I = Y(t.getState()), m = {}, x = ((h = u.value) == null ? void 0 : h.payload.trackItemIds) || I.activeIds;
+      if (x.length === 0) return;
+      x.forEach((w) => {
         const R = I.trackItemsMap[w], z = I.trackItemDetailsMap[w], N = Se();
         I.trackItemsMap[N] = {
           ...Y(R),
@@ -2094,7 +2094,7 @@ function Is(t) {
           ...Y(z)
         }, I.trackItemIds.push(N);
         const M = I.tracks.find(
-          (O) => O.items.includes(w)
+          (P) => P.items.includes(w)
         );
         m[M.id] ? m[M.id].items.push(N) : m[M.id] = {
           ...M,
@@ -2104,8 +2104,8 @@ function Is(t) {
           magnetic: !1
         };
       });
-      const P = Object.values(m);
-      I.tracks = [...P, ...I.tracks], t.updateState(
+      const D = Object.values(m);
+      I.tracks = [...D, ...I.tracks], t.updateState(
         {
           trackItemDetailsMap: I.trackItemDetailsMap,
           tracks: I.tracks,
@@ -2119,28 +2119,28 @@ function Is(t) {
       );
     }
     if (u.key === ns) {
-      const I = (S = u.value) == null ? void 0 : S.payload, m = Object.keys(I)[0], D = Object.values(I)[0], P = Y(t.getState()), w = P.trackItemDetailsMap[m], R = Y(P.trackItemsMap[m]), z = w.details;
-      if (!D.details.src) return;
+      const I = (v = u.value) == null ? void 0 : v.payload, m = Object.keys(I)[0], x = Object.values(I)[0], D = Y(t.getState()), w = D.trackItemDetailsMap[m], R = Y(D.trackItemsMap[m]), z = w.details;
+      if (!x.details.src) return;
       if (w.type === "image") {
-        const N = await gn(D.details.src), { crop: M, newHeight: O, newWidth: B } = $n(
+        const N = await gn(x.details.src), { crop: M, newHeight: P, newWidth: B } = $n(
           w,
           N
         );
-        D.details.crop = M, D.details.height = O, D.details.width = B;
+        x.details.crop = M, x.details.height = P, x.details.width = B;
       } else if (w.type === "video") {
-        const N = await bn(D.details.src), M = P.trackItemsMap[m], { display: O, duration: B, trim: vt } = Un(M, N), { crop: At, newHeight: Dt, newWidth: H } = $n(
+        const N = await bn(x.details.src), M = D.trackItemsMap[m], { display: P, duration: B, trim: vt } = Un(M, N), { crop: At, newHeight: Dt, newWidth: H } = $n(
           w,
           N
         );
-        D.details.crop = At, D.details.height = Dt, D.details.width = H, R.display = O, R.duration = B, R.trim = vt;
+        x.details.crop = At, x.details.height = Dt, x.details.width = H, R.display = P, R.duration = B, R.trim = vt;
       } else if (w.type === "audio") {
-        const N = await oi(D.details.src), M = P.trackItemsMap[m], { display: O, duration: B, trim: vt } = Un(M, N);
-        R.display = O, R.duration = B, R.trim = vt;
+        const N = await oi(x.details.src), M = D.trackItemsMap[m], { display: P, duration: B, trim: vt } = Un(M, N);
+        R.display = P, R.duration = B, R.trim = vt;
       }
-      w.details = { ...z, ...D.details }, P.trackItemDetailsMap[m] = { ...w }, P.trackItemsMap[m] = { ...R }, t.updateState(
+      w.details = { ...z, ...x.details }, D.trackItemDetailsMap[m] = { ...w }, D.trackItemsMap[m] = { ...R }, t.updateState(
         {
-          trackItemDetailsMap: P.trackItemDetailsMap,
-          trackItemsMap: P.trackItemsMap
+          trackItemDetailsMap: D.trackItemDetailsMap,
+          trackItemsMap: D.trackItemsMap
         },
         {
           updateHistory: !0,
@@ -2149,10 +2149,10 @@ function Is(t) {
       );
     }
   }), y = n.subscribe(async (u) => {
-    var P, w, R, z, N, M, O, B, vt, At, Dt, H, Ut, yt, ut, Rt, v, V, it, q, Ft, Tt, Gt, Wt, Vt;
-    const d = Y(t.getState()), g = ((w = (P = u.value) == null ? void 0 : P.options) == null ? void 0 : w.isSelected) || !1, b = (z = (R = u.value) == null ? void 0 : R.options) == null ? void 0 : z.scaleMode, _ = (M = (N = u.value) == null ? void 0 : N.options) == null ? void 0 : M.isNewTrack;
-    let h = [], S = "text";
-    const I = (B = (O = u.value) == null ? void 0 : O.options) == null ? void 0 : B.trackId;
+    var D, w, R, z, N, M, P, B, vt, At, Dt, H, Ut, yt, ut, Rt, S, V, it, q, Ft, Tt, Gt, Wt, Vt;
+    const d = Y(t.getState()), g = ((w = (D = u.value) == null ? void 0 : D.options) == null ? void 0 : w.isSelected) || !1, b = (z = (R = u.value) == null ? void 0 : R.options) == null ? void 0 : z.scaleMode, _ = (M = (N = u.value) == null ? void 0 : N.options) == null ? void 0 : M.isNewTrack;
+    let h = [], v = "text";
+    const I = (B = (P = u.value) == null ? void 0 : P.options) == null ? void 0 : B.trackId;
     let m = (At = (vt = u.value) == null ? void 0 : vt.options) == null ? void 0 : At.trackIndex;
     if (u.key === Vi) {
       const W = (Dt = u.value) == null ? void 0 : Dt.payload, X = W.trackItems.map(
@@ -2225,7 +2225,7 @@ function Is(t) {
       return;
     }
     if (u.key === Ki) {
-      S = "caption";
+      v = "caption";
       const W = (yt = u.value) == null ? void 0 : yt.payload, X = [];
       for (const pt of W) {
         const lt = pi(pt, {
@@ -2239,25 +2239,25 @@ function Is(t) {
         It.push(lt);
         const { details: dt, ...tt } = pt;
         d.trackItemDetailsMap[lt] = {
-          type: S,
+          type: v,
           details: dt
         }, d.trackItemsMap[lt] = tt, d.trackItemIds.push(lt);
       }
       h = It;
     }
     if (u.key === Gi) {
-      S = "text";
+      v = "text";
       const W = await hi((ut = u.value) == null ? void 0 : ut.payload, {
         size: d.size
       }), { details: X, ...L } = W;
       d.trackItemDetailsMap[L.id] = {
-        type: S,
+        type: v,
         details: X
       }, d.trackItemsMap[L.id] = L, d.trackItemIds.push(L.id), h = [L.id];
     }
     if (u.key === Xi) {
-      S = "template";
-      const W = (Rt = u.value) == null ? void 0 : Rt.payload.trackItemsMap, X = (v = u.value) == null ? void 0 : v.payload.trackItemDetailsMap, L = (V = u.value) == null ? void 0 : V.payload.transitionsMap, It = ((it = u.value) == null ? void 0 : it.payload.transitionIds) || [], pt = (q = u.value) == null ? void 0 : q.payload.trackItemIds, lt = ((Ft = u.value) == null ? void 0 : Ft.payload.tracks) || [], { details: dt, ...tt } = await us((Tt = u.value) == null ? void 0 : Tt.payload, {
+      v = "template";
+      const W = (Rt = u.value) == null ? void 0 : Rt.payload.trackItemsMap, X = (S = u.value) == null ? void 0 : S.payload.trackItemDetailsMap, L = (V = u.value) == null ? void 0 : V.payload.transitionsMap, It = ((it = u.value) == null ? void 0 : it.payload.transitionIds) || [], pt = (q = u.value) == null ? void 0 : q.payload.trackItemIds, lt = ((Ft = u.value) == null ? void 0 : Ft.payload.tracks) || [], { details: dt, ...tt } = await us((Tt = u.value) == null ? void 0 : Tt.payload, {
         size: d.size
       }), Yt = {
         id: tt.id,
@@ -2266,7 +2266,7 @@ function Is(t) {
         tracks: lt
       };
       d.trackItemDetailsMap[tt.id] = {
-        type: S,
+        type: v,
         details: dt
       }, d.trackItemsMap[tt.id] = tt, d.trackItemIds.push(tt.id), h = [tt.id], d.trackItemsMap = {
         ...d.trackItemsMap,
@@ -2288,37 +2288,37 @@ function Is(t) {
       }, d.structure = [...d.structure, Yt];
     }
     if (u.key === Bi) {
-      S = "image";
+      v = "image";
       const W = await fi((Gt = u.value) == null ? void 0 : Gt.payload, {
         size: d.size,
         scaleMode: b
       }), { details: X, ...L } = W;
       d.trackItemDetailsMap[L.id] = {
-        type: S,
+        type: v,
         details: X
       }, d.trackItemsMap[L.id] = L, d.trackItemIds.push(L.id), h = [L.id];
     }
     if (u.key === Yi) {
-      S = "audio";
+      v = "audio";
       const W = await di((Wt = u.value) == null ? void 0 : Wt.payload), { details: X, ...L } = W;
       d.trackItemDetailsMap[L.id] = {
-        type: S,
+        type: v,
         details: X
       }, d.trackItemsMap[L.id] = L, d.trackItemIds.push(L.id), h = [L.id];
     }
     if (u.key === Wi) {
-      S = "video";
+      v = "video";
       const W = await li((Vt = u.value) == null ? void 0 : Vt.payload, {
         size: d.size,
         scaleMode: b
       }), { details: X, ...L } = W;
       d.trackItemDetailsMap[L.id] = {
-        type: S,
+        type: v,
         details: X,
         metadata: L.metadata
       }, d.trackItemsMap[L.id] = L, d.trackItemIds.push(L.id), h = [L.id];
     }
-    const D = hs(
+    const x = hs(
       h,
       d.tracks,
       d.trackItemsMap,
@@ -2327,9 +2327,9 @@ function Is(t) {
     );
     if (_) {
       const W = Ne();
-      D.trackId = W;
+      x.trackId = W;
       const X = {
-        id: D.trackId,
+        id: x.trackId,
         accepts: [
           "text",
           "audio",
@@ -2339,18 +2339,18 @@ function Is(t) {
           "caption",
           "template"
         ],
-        type: S,
+        type: v,
         items: h,
         magnetic: !1,
         static: !1
       };
-      d.tracks.splice(D.trackIndex, 0, X);
-    } else if (D.trackId) {
+      d.tracks.splice(x.trackIndex, 0, X);
+    } else if (x.trackId) {
       const W = d.tracks.find(
-        (X) => X.id === D.trackId
+        (X) => X.id === x.trackId
       );
       W && W.items.push(...h);
-    } else if (D.trackIndex !== void 0) {
+    } else if (x.trackIndex !== void 0) {
       const W = {
         id: Ne(),
         accepts: [
@@ -2362,12 +2362,12 @@ function Is(t) {
           "caption",
           "template"
         ],
-        type: S,
+        type: v,
         items: h,
         magnetic: !1,
         static: !1
       };
-      d.tracks.splice(D.trackIndex, 0, W);
+      d.tracks.splice(x.trackIndex, 0, W);
     } else
       d.tracks.unshift({
         id: Ne(),
@@ -2380,7 +2380,7 @@ function Is(t) {
           "caption",
           "template"
         ],
-        type: S,
+        type: v,
         items: h,
         magnetic: !1,
         static: !1
@@ -2409,13 +2409,13 @@ function Is(t) {
         const _ = g.activeIds[0], h = Y(g.trackItemsMap[_]);
         if (b >= h.display.to || b <= h.display.from)
           return;
-        const S = Y(g.trackItemDetailsMap[_]), I = Se(), m = Y({
+        const v = Y(g.trackItemDetailsMap[_]), I = Se(), m = Y({
           ...h,
           display: {
             from: h.display.from,
             to: b
           }
-        }), D = Y({
+        }), x = Y({
           ...h,
           id: I,
           display: {
@@ -2424,17 +2424,17 @@ function Is(t) {
           }
         });
         if (h.type === "video" || h.type === "audio") {
-          const P = b - m.display.from;
+          const D = b - m.display.from;
           m.trim = {
             from: h.trim.from,
-            to: h.trim.from + P
-          }, D.trim = {
-            from: h.trim.from + P,
+            to: h.trim.from + D
+          }, x.trim = {
+            from: h.trim.from + D,
             to: h.trim.to
           };
         }
-        g.trackItemsMap[_] = m, g.trackItemsMap[I] = D, g.trackItemIds.push(I), g.trackItemDetailsMap[I] = S, g.tracks.forEach((P) => {
-          P.items.includes(_) && P.items.push(I);
+        g.trackItemsMap[_] = m, g.trackItemsMap[I] = x, g.trackItemIds.push(I), g.trackItemDetailsMap[I] = v, g.tracks.forEach((D) => {
+          D.items.includes(_) && D.items.push(I);
         }), t.updateState(
           {
             trackItemDetailsMap: g.trackItemDetailsMap,
@@ -2464,14 +2464,14 @@ function Is(t) {
             g.tracks.find((m) => m.items.includes(I))
           );
         });
-        const S = /* @__PURE__ */ new Set();
-        _.filter((I) => S.has(I.id) ? !1 : (S.add(I), !0)), h.tracks = Array.from(S.keys()), localStorage.setItem("DesignComboTemp", JSON.stringify(h));
+        const v = /* @__PURE__ */ new Set();
+        _.filter((I) => v.has(I.id) ? !1 : (v.add(I), !0)), h.tracks = Array.from(v.keys()), localStorage.setItem("DesignComboTemp", JSON.stringify(h));
       }
     }
     if (u.key === Zi) {
       const g = localStorage.getItem("DesignComboTemp");
       if (!g) return;
-      const b = Y(t.getState()), _ = JSON.parse(g), h = {}, S = _.trackItemsMap, I = _.trackItemDetailsMap, m = _.tracks, D = [], P = _.activeIds.map(async (w) => {
+      const b = Y(t.getState()), _ = JSON.parse(g), h = {}, v = _.trackItemsMap, I = _.trackItemDetailsMap, m = _.tracks, x = [], D = _.activeIds.map(async (w) => {
         const R = I[w];
         (R.type === "caption" || R.type === "text") && R.details.fontUrl && await mr([
           {
@@ -2481,18 +2481,18 @@ function Is(t) {
         ]);
         const z = Se();
         return h[w] = z, b.trackItemsMap[z] = {
-          ...S[w],
+          ...v[w],
           id: z
         }, b.trackItemDetailsMap[z] = R, b.trackItemIds.push(z), !0;
       });
-      await Promise.all(P), m.forEach((w) => {
+      await Promise.all(D), m.forEach((w) => {
         const R = w.items.map((N) => h[N]), z = {
           ...w,
           items: R,
           id: Ne()
         };
-        D.push(z);
-      }), b.tracks = [...b.tracks, ...D], t.updateState(
+        x.push(z);
+      }), b.tracks = [...b.tracks, ...x], t.updateState(
         {
           trackItemDetailsMap: b.trackItemDetailsMap,
           tracks: b.tracks,
@@ -2508,22 +2508,25 @@ function Is(t) {
   }), C = f.subscribe(async (u) => {
     var d, g, b;
     if (u.key === Ji) {
-      const _ = Y(t.getState()), h = _.trackItemDetailsMap, S = _.trackItemsMap, I = Object.keys((d = u.value) == null ? void 0 : d.payload);
+      const _ = Y(t.getState()), h = _.trackItemDetailsMap, v = _.trackItemsMap, I = Object.keys((d = u.value) == null ? void 0 : d.payload);
       if (!I.length) return;
       const m = (g = u.value) == null ? void 0 : g.payload;
-      I.forEach((P) => {
-        const w = m[P];
-        w.details ? h[P].details = {
-          ...h[P].details,
+      I.forEach((D) => {
+        const w = m[D];
+        w.details ? h[D].details = {
+          ...h[D].details,
           ...w.details
-        } : m[P].playbackRate && (S[P].playbackRate = m[P].playbackRate), m[P].display && (S[P].display = m[P].display);
+        } : m[D].playbackRate && (v[D].playbackRate = m[D].playbackRate), m[D].metadata && (v[D].metadata ? v[D].metadata = {
+          ...v[D].metadata,
+          ...m[D].metadata
+        } : v[D].metadata = m[D].metadata), m[D].display && (v[D].display = m[D].display);
       });
-      const D = oe(S);
+      const x = oe(v);
       t.updateState(
         {
           trackItemDetailsMap: { ...h },
-          trackItemsMap: { ...S },
-          duration: D
+          trackItemsMap: { ...v },
+          duration: x
         },
         {
           updateHistory: !0,
@@ -2532,36 +2535,36 @@ function Is(t) {
       );
     }
     if (u.key === qi) {
-      const _ = (b = u.value) == null ? void 0 : b.payload, h = Object.keys(_)[0], S = Object.values(_)[0], I = Y(t.getState()), m = I.trackItemDetailsMap[h], D = m.details;
-      if (S.details) {
-        if (S.type === "image" && S.details.src) {
-          const w = await gn(S.details.src), R = m.details.width || 0, z = m.details.height || 0;
+      const _ = (b = u.value) == null ? void 0 : b.payload, h = Object.keys(_)[0], v = Object.values(_)[0], I = Y(t.getState()), m = I.trackItemDetailsMap[h], x = m.details;
+      if (v.details) {
+        if (v.type === "image" && v.details.src) {
+          const w = await gn(v.details.src), R = m.details.width || 0, z = m.details.height || 0;
           let N = w.width, M = w.height;
-          const O = w.width / w.height;
-          R / z > O ? (N = R, M = R / O) : (M = z, N = z * O), D.crop = {
+          const P = w.width / w.height;
+          R / z > P ? (N = R, M = R / P) : (M = z, N = z * P), x.crop = {
             x: 0,
             y: 0,
-            height: D.height,
-            width: D.width
-          }, S.details.width = N, S.details.height = M;
+            height: x.height,
+            width: x.width
+          }, v.details.width = N, v.details.height = M;
         }
-        if (S.type === "video" && S.details.src) {
-          const w = await bn(S.details.src), R = m.details.width || 0, z = m.details.height || 0;
+        if (v.type === "video" && v.details.src) {
+          const w = await bn(v.details.src), R = m.details.width || 0, z = m.details.height || 0;
           let N = w.width, M = w.height;
-          const O = w.width / w.height;
-          R / z > O ? (N = R, M = R / O) : (M = z, N = z * O), D.crop = {
+          const P = w.width / w.height;
+          R / z > P ? (N = R, M = R / P) : (M = z, N = z * P), x.crop = {
             x: 0,
             y: 0,
-            height: D.height,
-            width: D.width
-          }, S.details.width = N, S.details.height = M;
+            height: x.height,
+            width: x.width
+          }, v.details.width = N, v.details.height = M;
         }
-        m.details = { ...D, ...S.details }, S.details = m.details;
+        m.details = { ...x, ...v.details }, v.details = m.details;
       }
-      const P = { ...m, ...S };
-      I.trackItemDetailsMap[h] = P, I.trackItemsMap[h] = {
+      const D = { ...m, ...v };
+      I.trackItemDetailsMap[h] = D, I.trackItemsMap[h] = {
         ...I.trackItemsMap[h],
-        type: S.type
+        type: v.type
       }, t.updateState(
         {
           trackItemDetailsMap: {
@@ -2580,7 +2583,7 @@ function Is(t) {
   });
   return {
     unsubscribe: () => {
-      y.unsubscribe(), T.unsubscribe(), C.unsubscribe(), j.unsubscribe(), x.unsubscribe(), k.unsubscribe(), A.unsubscribe();
+      y.unsubscribe(), T.unsubscribe(), C.unsubscribe(), j.unsubscribe(), O.unsubscribe(), k.unsubscribe(), A.unsubscribe();
     }
   };
 }
@@ -2590,11 +2593,11 @@ function yi(t, r, n = { cyclesFix: !0 }, i = []) {
   let a = [];
   const c = Array.isArray(t);
   for (const j in t) {
-    const A = t[j], x = c ? +j : j;
+    const A = t[j], O = c ? +j : j;
     if (!(j in r)) {
       a.push({
         type: "REMOVE",
-        path: [x],
+        path: [O],
         oldValue: t[j]
       });
       continue;
@@ -2602,10 +2605,10 @@ function yi(t, r, n = { cyclesFix: !0 }, i = []) {
     const y = r[j], T = typeof A == "object" && typeof y == "object" && Array.isArray(A) === Array.isArray(y);
     if (A && y && T && !gs[(k = (p = Object.getPrototypeOf(A)) == null ? void 0 : p.constructor) == null ? void 0 : k.name] && (!n.cyclesFix || !i.includes(A))) {
       const C = yi(A, y, n, n.cyclesFix ? i.concat([A]) : []);
-      a.push.apply(a, C.map((u) => (u.path.unshift(x), u)));
+      a.push.apply(a, C.map((u) => (u.path.unshift(O), u)));
     } else A !== y && // treat NaN values as equivalent
     !(Number.isNaN(A) && Number.isNaN(y)) && !(T && (isNaN(A) ? A + "" == y + "" : +A == +y)) && a.push({
-      path: [x],
+      path: [O],
       type: "CHANGE",
       value: y,
       oldValue: A
@@ -3123,11 +3126,11 @@ function Kn() {
           path: h,
           // 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: x(b[_])
+          value: O(b[_])
         }), u.push({
           op: r,
           path: h,
-          value: x(d[_])
+          value: O(d[_])
         });
       }
     for (let _ = d.length; _ < b.length; _++) {
@@ -3137,7 +3140,7 @@ function Kn() {
         path: h,
         // 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: x(b[_])
+        value: O(b[_])
       });
     }
     for (let _ = b.length - 1; d.length <= _; --_) {
@@ -3151,12 +3154,12 @@ function Kn() {
   function f(y, T, C, u) {
     const { base_: d, copy_: g } = y;
     He(y.assigned_, (b, _) => {
-      const h = un(d, b), S = un(g, b), I = _ ? $e(d, b) ? r : n : i;
-      if (h === S && I === r)
+      const h = un(d, b), v = un(g, b), I = _ ? $e(d, b) ? r : n : i;
+      if (h === v && I === r)
         return;
       const m = T.concat(b);
-      C.push(I === i ? { op: I, path: m } : { op: I, path: m, value: S }), u.push(
-        I === n ? { op: i, path: m } : I === i ? { op: n, path: m, value: x(h) } : { op: r, path: m, value: x(h) }
+      C.push(I === i ? { op: I, path: m } : { op: I, path: m, value: v }), u.push(
+        I === n ? { op: i, path: m } : I === i ? { op: n, path: m, value: O(h) } : { op: r, path: m, value: O(h) }
       );
     });
   }
@@ -3207,9 +3210,9 @@ function Kn() {
     return T.forEach((C) => {
       const { path: u, op: d } = C;
       let g = y;
-      for (let S = 0; S < u.length - 1; S++) {
+      for (let v = 0; v < u.length - 1; v++) {
         const I = le(g);
-        let m = u[S];
+        let m = u[v];
         typeof m != "string" && typeof m != "number" && (m = "" + m), (I === 0 || I === 1) && (m === "__proto__" || m === "constructor") && Q(19), typeof g == "function" && m === "prototype" && Q(19), g = un(g, m), typeof g != "object" && Q(18, u.join("/"));
       }
       const b = le(g), _ = A(C.value), h = u[u.length - 1];
@@ -3266,7 +3269,7 @@ function Kn() {
       T[C] = A(y[C]);
     return $e(y, Le) && (T[Le] = y[Le]), T;
   }
-  function x(y) {
+  function O(y) {
     return ue(y) ? A(y) : y;
   }
   Ss("Patches", {
@@ -3564,7 +3567,7 @@ class Ha {
       transitionsMap: k,
       trackItemsMap: j,
       structure: A
-    } = this.getState(), x = Y({
+    } = this.getState(), O = Y({
       trackItemDetailsMap: a,
       trackItemIds: c,
       tracks: f,
@@ -3574,51 +3577,51 @@ class Ha {
       structure: A
     }), y = [], T = [], C = [], u = [], d = [], g = [], b = [];
     n.forEach((M) => {
-      let O;
+      let P;
       const B = M.path.slice(1);
-      M.type === "CREATE" ? O = {
+      M.type === "CREATE" ? P = {
         path: B,
         op: "remove",
         value: M.value
-      } : M.type === "CHANGE" ? O = {
+      } : M.type === "CHANGE" ? P = {
         path: B,
         op: "replace",
         value: M.oldValue
-      } : O = {
+      } : P = {
         path: B,
         op: "add",
         value: M.oldValue
-      }, M.path.includes("trackItemIds") ? C.push(O) : M.path.includes("transitionIds") ? T.push(O) : M.path.includes("trackItemsMap") ? d.push(O) : M.path.includes("transitionsMap") ? u.push(O) : M.path.includes("tracks") ? y.push(O) : M.path.includes("trackItemDetailsMap") ? g.push(O) : M.path.includes("structure") && b.push(O);
+      }, M.path.includes("trackItemIds") ? C.push(P) : M.path.includes("transitionIds") ? T.push(P) : M.path.includes("trackItemsMap") ? d.push(P) : M.path.includes("transitionsMap") ? u.push(P) : M.path.includes("tracks") ? y.push(P) : M.path.includes("trackItemDetailsMap") ? g.push(P) : M.path.includes("structure") && b.push(P);
     });
     const _ = this.applyPatch(
-      x.tracks,
+      O.tracks,
       y
     ), h = this.applyPatch(
-      x.transitionIds,
+      O.transitionIds,
       T
-    ), S = this.applyPatch(
-      x.trackItemIds,
+    ), v = this.applyPatch(
+      O.trackItemIds,
       C
     ), I = this.applyPatch(
-      x.transitionsMap,
+      O.transitionsMap,
       u
     ), m = this.applyPatch(
-      x.trackItemsMap,
+      O.trackItemsMap,
       d
-    ), D = this.applyPatch(
-      x.trackItemDetailsMap,
+    ), x = this.applyPatch(
+      O.trackItemDetailsMap,
       g
-    ), P = this.applyPatch(
-      x.structure,
+    ), D = this.applyPatch(
+      O.structure,
       b
     ), w = Y({
       tracks: _,
       transitionIds: h,
-      trackItemIds: S,
+      trackItemIds: v,
       transitionsMap: I,
       trackItemsMap: m,
-      trackItemDetailsMap: D,
-      structure: P
+      trackItemDetailsMap: x,
+      structure: D
     }), R = Y(this.getState()), z = { ...R, ...w };
     this.prevState = R, this.redos.push({ redos: n, type: i });
     const N = oe(z.trackItemsMap);
@@ -3641,7 +3644,7 @@ class Ha {
       transitionsMap: k,
       trackItemsMap: j,
       structure: A
-    } = this.getState(), x = Y({
+    } = this.getState(), O = Y({
       trackItemDetailsMap: a,
       trackItemIds: c,
       tracks: f,
@@ -3651,51 +3654,51 @@ class Ha {
       structure: A
     }), y = [], T = [], C = [], u = [], d = [], g = [], b = [];
     n.forEach((M) => {
-      let O;
+      let P;
       const B = M.path.slice(1);
-      M.type === "CREATE" ? O = {
+      M.type === "CREATE" ? P = {
         path: B,
         op: "add",
         value: M.value
-      } : M.type === "CHANGE" ? O = {
+      } : M.type === "CHANGE" ? P = {
         path: B,
         op: "replace",
         value: M.value
-      } : O = {
+      } : P = {
         path: B,
         op: "remove",
         value: M.oldValue
-      }, M.path.includes("trackItemIds") ? C.push(O) : M.path.includes("transitionIds") ? T.push(O) : M.path.includes("trackItemsMap") ? d.push(O) : M.path.includes("transitionsMap") ? u.push(O) : M.path.includes("trackItemDetailsMap") ? g.push(O) : M.path.includes("structure") ? b.push(O) : y.push(O);
+      }, M.path.includes("trackItemIds") ? C.push(P) : M.path.includes("transitionIds") ? T.push(P) : M.path.includes("trackItemsMap") ? d.push(P) : M.path.includes("transitionsMap") ? u.push(P) : M.path.includes("trackItemDetailsMap") ? g.push(P) : M.path.includes("structure") ? b.push(P) : y.push(P);
     });
     const _ = this.applyPatch(
-      x.tracks,
+      O.tracks,
       y
     ), h = this.applyPatch(
-      x.transitionIds,
+      O.transitionIds,
       T
-    ), S = this.applyPatch(
-      x.trackItemIds,
+    ), v = this.applyPatch(
+      O.trackItemIds,
       C
     ), I = this.applyPatch(
-      x.transitionsMap,
+      O.transitionsMap,
       u
     ), m = this.applyPatch(
-      x.trackItemsMap,
+      O.trackItemsMap,
       d
-    ), D = this.applyPatch(
-      x.trackItemDetailsMap,
+    ), x = this.applyPatch(
+      O.trackItemDetailsMap,
       g
-    ), P = this.applyPatch(
-      x.structure,
+    ), D = this.applyPatch(
+      O.structure,
       b
     ), w = Y({
       tracks: _,
       transitionIds: h,
-      trackItemIds: S,
+      trackItemIds: v,
       transitionsMap: I,
       trackItemsMap: m,
-      trackItemDetailsMap: D,
-      structure: P
+      trackItemDetailsMap: x,
+      structure: D
     }), R = Y(this.getState()), z = { ...R, ...w };
     this.prevState = R, this.undos.push({ undos: n, type: i });
     const N = oe(z.trackItemsMap);