@designcombo/state 0.1.13 → 0.1.15

package/dist/index.es.js

@@ -108,11 +108,11 @@ var tr = function() {
         } catch (l) {
           c = l instanceof Zr ? l.errors : [l];
         }
-      var N = this._finalizers;
-      if (N) {
+      var H = this._finalizers;
+      if (H) {
         this._finalizers = null;
         try {
-          for (var m = sn(N), p = m.next(); !p.done; p = m.next()) {
+          for (var m = sn(H), p = m.next(); !p.done; p = m.next()) {
             var h = p.value;
             try {
               kn(h);
@@ -513,8 +513,8 @@ function gn(t) {
 var Xe = { exports: {} };
 Xe.exports;
 (function(t, r) {
-  var n = 200, i = "__lodash_hash_undefined__", o = 1, c = 2, f = 9007199254740991, d = "[object Arguments]", E = "[object Array]", j = "[object AsyncFunction]", S = "[object Boolean]", N = "[object Date]", m = "[object Error]", p = "[object Function]", h = "[object GeneratorFunction]", l = "[object Map]", g = "[object Number]", v = "[object Null]", _ = "[object Object]", b = "[object Promise]", y = "[object Proxy]", R = "[object RegExp]", A = "[object Set]", O = "[object String]", D = "[object Symbol]", w = "[object Undefined]", T = "[object WeakMap]", x = "[object ArrayBuffer]", F = "[object DataView]", Dt = "[object Float32Array]", Ct = "[object Float64Array]", Ie = "[object Int8Array]", ir = "[object Int16Array]", ar = "[object Int32Array]", sr = "[object Uint8Array]", or = "[object Uint8ClampedArray]", z = "[object Uint16Array]", cr = "[object Uint32Array]", ur = /[\\^$.*+?()[\]{}|]/g, rt = /^\[object .+?Constructor\]$/, Se = /^(?:0|[1-9]\d*)$/, H = {};
-  H[Dt] = H[Ct] = H[Ie] = H[ir] = H[ar] = H[sr] = H[or] = H[z] = H[cr] = !0, H[d] = H[E] = H[x] = H[S] = H[F] = H[N] = H[m] = H[p] = H[l] = H[g] = H[_] = H[R] = H[A] = H[O] = H[T] = !1;
+  var n = 200, i = "__lodash_hash_undefined__", o = 1, c = 2, f = 9007199254740991, d = "[object Arguments]", E = "[object Array]", j = "[object AsyncFunction]", S = "[object Boolean]", H = "[object Date]", m = "[object Error]", p = "[object Function]", h = "[object GeneratorFunction]", l = "[object Map]", b = "[object Number]", v = "[object Null]", _ = "[object Object]", g = "[object Promise]", y = "[object Proxy]", R = "[object RegExp]", A = "[object Set]", O = "[object String]", D = "[object Symbol]", w = "[object Undefined]", T = "[object WeakMap]", x = "[object ArrayBuffer]", F = "[object DataView]", Dt = "[object Float32Array]", Ct = "[object Float64Array]", Ie = "[object Int8Array]", ir = "[object Int16Array]", ar = "[object Int32Array]", sr = "[object Uint8Array]", or = "[object Uint8ClampedArray]", z = "[object Uint16Array]", cr = "[object Uint32Array]", ur = /[\\^$.*+?()[\]{}|]/g, rt = /^\[object .+?Constructor\]$/, Se = /^(?:0|[1-9]\d*)$/, N = {};
+  N[Dt] = N[Ct] = N[Ie] = N[ir] = N[ar] = N[sr] = N[or] = N[z] = N[cr] = !0, N[d] = N[E] = N[x] = N[S] = N[F] = N[H] = N[m] = N[p] = N[l] = N[b] = N[_] = N[R] = N[A] = N[O] = N[T] = !1;
   var we = typeof et == "object" && et && et.Object === Object && et, lr = typeof self == "object" && self && self.Object === Object && self, nt = we || lr || Function("return this")(), Te = r && !r.nodeType && r, ke = Te && !0 && t && !t.nodeType && t, Yt = ke && ke.exports === Te, Vt = Yt && we.process, Ae = function() {
     try {
       return Vt && Vt.binding && Vt.binding("util");
@@ -577,7 +577,7 @@ Xe.exports;
     return e ? "Symbol(src)_1." + e : "";
   }(), De = _t.toString, hr = RegExp(
     "^" + Zt.call(Q).replace(ur, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  ), Qt = Yt ? nt.Buffer : void 0, zt = nt.Symbol, Ce = nt.Uint8Array, Ht = _t.propertyIsEnumerable, vt = Rt.splice, it = zt ? zt.toStringTag : void 0, Nt = Object.getOwnPropertySymbols, te = Qt ? Qt.isBuffer : void 0, It = Me(Object.keys, Object), ee = pt(nt, "DataView"), St = pt(nt, "Map"), re = pt(nt, "Promise"), ne = pt(nt, "Set"), ie = pt(nt, "WeakMap"), mt = pt(Object, "create"), je = V(ee), ft = V(St), yr = V(re), mr = V(ne), br = V(ie), Re = zt ? zt.prototype : void 0, ae = Re ? Re.valueOf : void 0;
+  ), Qt = Yt ? nt.Buffer : void 0, zt = nt.Symbol, Ce = nt.Uint8Array, Nt = _t.propertyIsEnumerable, vt = Rt.splice, it = zt ? zt.toStringTag : void 0, Ht = Object.getOwnPropertySymbols, te = Qt ? Qt.isBuffer : void 0, It = Me(Object.keys, Object), ee = pt(nt, "DataView"), St = pt(nt, "Map"), re = pt(nt, "Promise"), ne = pt(nt, "Set"), ie = pt(nt, "WeakMap"), mt = pt(Object, "create"), je = V(ee), ft = V(St), yr = V(re), mr = V(ne), br = V(ie), Re = zt ? zt.prototype : void 0, ae = Re ? Re.valueOf : void 0;
   function W(e) {
     var a = -1, s = e == null ? 0 : e.length;
     for (this.clear(); ++a < s; ) {
@@ -728,15 +728,15 @@ Xe.exports;
     return Wt(e) ? u : qt(u, s(e));
   }
   function wt(e) {
-    return e == null ? e === void 0 ? w : v : it && it in Object(e) ? dt(e) : Ne(e);
+    return e == null ? e === void 0 ? w : v : it && it in Object(e) ? dt(e) : He(e);
   }
   function ze(e) {
     return lt(e) && wt(e) == d;
   }
-  function He(e, a, s, u, k) {
-    return e === a ? !0 : e == null || a == null || !lt(e) && !lt(a) ? e !== e && a !== a : Hr(e, a, s, u, He, k);
+  function Ne(e, a, s, u, k) {
+    return e === a ? !0 : e == null || a == null || !lt(e) && !lt(a) ? e !== e && a !== a : Nr(e, a, s, u, Ne, k);
   }
-  function Hr(e, a, s, u, k, I) {
+  function Nr(e, a, s, u, k, I) {
     var P = Wt(e), M = Wt(a), U = P ? E : ut(e), C = M ? E : ut(a);
     U = U == d ? _ : U, C = C == d ? _ : C;
     var K = U == _, q = C == _, L = U == C;
@@ -756,14 +756,14 @@ Xe.exports;
     }
     return L ? (I || (I = new ct()), Wr(e, a, s, u, k, I)) : !1;
   }
-  function Nr(e) {
+  function Hr(e) {
     if (!We(e) || Yr(e))
       return !1;
     var a = Ge(e) ? hr : rt;
     return a.test(V(e));
   }
   function Ur(e) {
-    return lt(e) && le(e.length) && !!H[wt(e)];
+    return lt(e) && le(e.length) && !!N[wt(e)];
   }
   function Lr(e) {
     if (!Vr(e))
@@ -815,8 +815,8 @@ Xe.exports;
       case x:
         return !(e.byteLength != a.byteLength || !I(new Ce(e), new Ce(a)));
       case S:
-      case N:
-      case g:
+      case H:
+      case b:
         return Ue(+e, +a);
       case m:
         return e.name == a.name && e.message == a.message;
@@ -881,7 +881,7 @@ Xe.exports;
   }
   function pt(e, a) {
     var s = Jt(e, a);
-    return Nr(s) ? s : void 0;
+    return Hr(s) ? s : void 0;
   }
   function dt(e) {
     var a = Q.call(e, it), s = e[it];
@@ -893,12 +893,12 @@ Xe.exports;
     var k = De.call(e);
     return u && (a ? e[it] = s : delete e[it]), k;
   }
-  var Br = Nt ? function(e) {
-    return e == null ? [] : (e = Object(e), Ee(Nt(e), function(a) {
-      return Ht.call(e, a);
+  var Br = Ht ? function(e) {
+    return e == null ? [] : (e = Object(e), Ee(Ht(e), function(a) {
+      return Nt.call(e, a);
     }));
   } : qr, ut = wt;
-  (ee && ut(new ee(new ArrayBuffer(1))) != F || St && ut(new St()) != l || re && ut(re.resolve()) != b || ne && ut(new ne()) != A || ie && ut(new ie()) != T) && (ut = function(e) {
+  (ee && ut(new ee(new ArrayBuffer(1))) != F || St && ut(new St()) != l || re && ut(re.resolve()) != g || ne && ut(new ne()) != A || ie && ut(new ie()) != T) && (ut = function(e) {
     var a = wt(e), s = a == _ ? e.constructor : void 0, u = s ? V(s) : "";
     if (u)
       switch (u) {
@@ -907,7 +907,7 @@ Xe.exports;
         case ft:
           return l;
         case yr:
-          return b;
+          return g;
         case mr:
           return A;
         case br:
@@ -929,7 +929,7 @@ Xe.exports;
     var a = e && e.constructor, s = typeof a == "function" && a.prototype || _t;
     return e === s;
   }
-  function Ne(e) {
+  function He(e) {
     return De.call(e);
   }
   function V(e) {
@@ -951,14 +951,14 @@ Xe.exports;
   var Le = ze(/* @__PURE__ */ function() {
     return arguments;
   }()) ? ze : function(e) {
-    return lt(e) && Q.call(e, "callee") && !Ht.call(e, "callee");
+    return lt(e) && Q.call(e, "callee") && !Nt.call(e, "callee");
   }, Wt = Array.isArray;
   function ue(e) {
     return e != null && le(e.length) && !Ge(e);
   }
   var Bt = te || Jr;
   function Xr(e, a) {
-    return He(e, a);
+    return Ne(e, a);
   }
   function Ge(e) {
     if (!We(e))
@@ -988,14 +988,14 @@ Xe.exports;
   }
   t.exports = Xr;
 })(Xe, Xe.exports);
-var Hi = Xe.exports;
-const st = /* @__PURE__ */ gn(Hi);
+var Ni = Xe.exports;
+const st = /* @__PURE__ */ gn(Ni);
 var qe = { exports: {} };
 qe.exports;
 (function(t, r) {
-  var n = 200, i = "__lodash_hash_undefined__", o = 9007199254740991, c = "[object Arguments]", f = "[object Array]", d = "[object Boolean]", E = "[object Date]", j = "[object Error]", S = "[object Function]", N = "[object GeneratorFunction]", m = "[object Map]", p = "[object Number]", h = "[object Object]", l = "[object Promise]", g = "[object RegExp]", v = "[object Set]", _ = "[object String]", b = "[object Symbol]", y = "[object WeakMap]", R = "[object ArrayBuffer]", A = "[object DataView]", O = "[object Float32Array]", D = "[object Float64Array]", w = "[object Int8Array]", T = "[object Int16Array]", x = "[object Int32Array]", F = "[object Uint8Array]", Dt = "[object Uint8ClampedArray]", Ct = "[object Uint16Array]", Ie = "[object Uint32Array]", ir = /[\\^$.*+?()[\]{}|]/g, ar = /\w*$/, sr = /^\[object .+?Constructor\]$/, or = /^(?:0|[1-9]\d*)$/, z = {};
-  z[c] = z[f] = z[R] = z[A] = z[d] = z[E] = z[O] = z[D] = z[w] = z[T] = z[x] = z[m] = z[p] = z[h] = z[g] = z[v] = z[_] = z[b] = z[F] = z[Dt] = z[Ct] = z[Ie] = !0, z[j] = z[S] = z[y] = !1;
-  var cr = typeof et == "object" && et && et.Object === Object && et, ur = typeof self == "object" && self && self.Object === Object && self, rt = cr || ur || Function("return this")(), Se = r && !r.nodeType && r, H = Se && !0 && t && !t.nodeType && t, we = H && H.exports === Se;
+  var n = 200, i = "__lodash_hash_undefined__", o = 9007199254740991, c = "[object Arguments]", f = "[object Array]", d = "[object Boolean]", E = "[object Date]", j = "[object Error]", S = "[object Function]", H = "[object GeneratorFunction]", m = "[object Map]", p = "[object Number]", h = "[object Object]", l = "[object Promise]", b = "[object RegExp]", v = "[object Set]", _ = "[object String]", g = "[object Symbol]", y = "[object WeakMap]", R = "[object ArrayBuffer]", A = "[object DataView]", O = "[object Float32Array]", D = "[object Float64Array]", w = "[object Int8Array]", T = "[object Int16Array]", x = "[object Int32Array]", F = "[object Uint8Array]", Dt = "[object Uint8ClampedArray]", Ct = "[object Uint16Array]", Ie = "[object Uint32Array]", ir = /[\\^$.*+?()[\]{}|]/g, ar = /\w*$/, sr = /^\[object .+?Constructor\]$/, or = /^(?:0|[1-9]\d*)$/, z = {};
+  z[c] = z[f] = z[R] = z[A] = z[d] = z[E] = z[O] = z[D] = z[w] = z[T] = z[x] = z[m] = z[p] = z[h] = z[b] = z[v] = z[_] = z[g] = z[F] = z[Dt] = z[Ct] = z[Ie] = !0, z[j] = z[S] = z[y] = !1;
+  var cr = typeof et == "object" && et && et.Object === Object && et, ur = typeof self == "object" && self && self.Object === Object && self, rt = cr || ur || Function("return this")(), Se = r && !r.nodeType && r, N = Se && !0 && t && !t.nodeType && t, we = N && N.exports === Se;
   function lr(e, a) {
     return e.set(a[0], a[1]), e;
   }
@@ -1056,7 +1056,7 @@ qe.exports;
     return e ? "Symbol(src)_1." + e : "";
   }(), Me = pr.toString, ot = jt.hasOwnProperty, Rt = jt.toString, dr = RegExp(
     "^" + Me.call(ot).replace(ir, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  ), _t = we ? rt.Buffer : void 0, Ft = rt.Symbol, Zt = rt.Uint8Array, Q = qt(Object.getPrototypeOf, Object), Pe = Object.create, De = jt.propertyIsEnumerable, hr = fr.splice, Qt = Object.getOwnPropertySymbols, zt = _t ? _t.isBuffer : void 0, Ce = qt(Object.keys, Object), Ht = at(rt, "DataView"), vt = at(rt, "Map"), it = at(rt, "Promise"), Nt = at(rt, "Set"), te = at(rt, "WeakMap"), It = at(Object, "create"), ee = V(Ht), St = V(vt), re = V(it), ne = V(Nt), ie = V(te), mt = Ft ? Ft.prototype : void 0, je = mt ? mt.valueOf : void 0;
+  ), _t = we ? rt.Buffer : void 0, Ft = rt.Symbol, Zt = rt.Uint8Array, Q = qt(Object.getPrototypeOf, Object), Pe = Object.create, De = jt.propertyIsEnumerable, hr = fr.splice, Qt = Object.getOwnPropertySymbols, zt = _t ? _t.isBuffer : void 0, Ce = qt(Object.keys, Object), Nt = at(rt, "DataView"), vt = at(rt, "Map"), it = at(rt, "Promise"), Ht = at(rt, "Set"), te = at(rt, "WeakMap"), It = at(Object, "create"), ee = V(Nt), St = V(vt), re = V(it), ne = V(Ht), ie = V(te), mt = Ft ? Ft.prototype : void 0, je = mt ? mt.valueOf : void 0;
   function ft(e) {
     var a = -1, s = e ? e.length : 0;
     for (this.clear(); ++a < s; ) {
@@ -1199,7 +1199,7 @@ qe.exports;
       if (M = Br(e), !a)
         return Lr(e, M);
     } else {
-      var C = dt(e), K = C == S || C == N;
+      var C = dt(e), K = C == S || C == H;
       if (Ge(e))
         return Gt(e, a);
       if (C == h || C == c || K && !I) {
@@ -1240,7 +1240,7 @@ qe.exports;
     return a.test(V(e));
   }
   function zr(e) {
-    if (!Ne(e))
+    if (!He(e))
       return Ce(e);
     var a = [];
     for (var s in Object(e))
@@ -1265,15 +1265,15 @@ qe.exports;
     var u = a ? s(Ee(e), !0) : Ee(e);
     return Yt(u, lr, new e.constructor());
   }
-  function He(e) {
+  function Ne(e) {
     var a = new e.constructor(e.source, ar.exec(e));
     return a.lastIndex = e.lastIndex, a;
   }
-  function Hr(e, a, s) {
+  function Nr(e, a, s) {
     var u = a ? s(Oe(e), !0) : Oe(e);
     return Yt(u, nt, new e.constructor());
   }
-  function Nr(e) {
+  function Hr(e) {
     return je ? Object(je.call(e)) : {};
   }
   function Ur(e, a) {
@@ -1309,7 +1309,7 @@ qe.exports;
     return Fr(s) ? s : void 0;
   }
   var pt = Qt ? qt(Qt, Object) : qr, dt = Rr;
-  (Ht && dt(new Ht(new ArrayBuffer(1))) != A || vt && dt(new vt()) != m || it && dt(it.resolve()) != l || Nt && dt(new Nt()) != v || te && dt(new te()) != y) && (dt = function(e) {
+  (Nt && dt(new Nt(new ArrayBuffer(1))) != A || vt && dt(new vt()) != m || it && dt(it.resolve()) != l || Ht && dt(new Ht()) != v || te && dt(new te()) != y) && (dt = function(e) {
     var a = Rt.call(e), s = a == h ? e.constructor : void 0, u = s ? V(s) : void 0;
     if (u)
       switch (u) {
@@ -1331,7 +1331,7 @@ qe.exports;
     return a && typeof e[0] == "string" && ot.call(e, "index") && (s.index = e.index, s.input = e.input), s;
   }
   function ut(e) {
-    return typeof e.constructor == "function" && !Ne(e) ? Cr(Q(e)) : {};
+    return typeof e.constructor == "function" && !He(e) ? Cr(Q(e)) : {};
   }
   function $r(e, a, s, u) {
     var k = e.constructor;
@@ -1358,12 +1358,12 @@ qe.exports;
       case p:
       case _:
         return new k(e);
-      case g:
-        return He(e);
-      case v:
-        return Hr(e, u, s);
       case b:
-        return Nr(e);
+        return Ne(e);
+      case v:
+        return Nr(e, u, s);
+      case g:
+        return Hr(e);
     }
   }
   function Kr(e, a) {
@@ -1376,7 +1376,7 @@ qe.exports;
   function Vr(e) {
     return !!xe && xe in e;
   }
-  function Ne(e) {
+  function He(e) {
     var a = e && e.constructor, s = typeof a == "function" && a.prototype || jt;
     return e === s;
   }
@@ -1412,7 +1412,7 @@ qe.exports;
   var Ge = zt || Jr;
   function le(e) {
     var a = lt(e) ? Rt.call(e) : "";
-    return a == S || a == N;
+    return a == S || a == H;
   }
   function We(e) {
     return typeof e == "number" && e > -1 && e % 1 == 0 && e <= o;
@@ -1435,8 +1435,8 @@ qe.exports;
   }
   t.exports = Ue;
 })(qe, qe.exports);
-var Ni = qe.exports;
-const tt = /* @__PURE__ */ gn(Ni), Ui = (t) => new Promise((r, n) => {
+var Hi = qe.exports;
+const tt = /* @__PURE__ */ gn(Hi), Ui = (t) => new Promise((r, n) => {
   const i = new Image();
   console.warn("update cdn config for cors?"), i.onload = () => {
     const o = i.width, c = i.height;
@@ -1626,34 +1626,35 @@ const Wi = async (t, r) => {
     metadata: t.metadata || {}
   };
 }, Ki = async (t, r) => {
+  const n = t;
   await Je([
     {
-      fontFamily: t.details.fontFamily,
-      url: t.details.fontUrl
+      fontFamily: n.details.fontFamily,
+      url: n.details.fontUrl
     }
   ]);
-  const n = t.id, i = t.details, o = Jn(i), c = Xn(t.details.text, o), f = rr(r, {
-    width: o.width,
-    height: c
+  const i = n.id, o = n.details, c = Jn(o), f = Xn(n.details.text, c), d = rr(r, {
+    width: c.width,
+    height: f
   });
   return {
-    id: n,
+    id: i,
     name: "caption",
     type: "caption",
-    display: ge(t.display),
-    playbackRate: t.playbackRate || 1,
+    display: ge(n.display),
     details: {
-      ...o,
-      text: i.text || "",
+      ...c,
+      text: o.text || "",
       // Default text content
-      height: c,
+      height: f,
       // Default height
-      fontUrl: i.fontUrl,
-      top: f.top,
-      left: f.left,
-      borderWidth: i.borderWidth || 0,
-      borderColor: i.borderColor || "#000000",
-      boxShadow: i.boxShadow || er
+      fontUrl: o.fontUrl,
+      top: d.top,
+      left: d.left,
+      borderWidth: o.borderWidth || 0,
+      borderColor: o.borderColor || "#000000",
+      boxShadow: o.boxShadow || er,
+      words: o.words || []
     },
     metadata: {}
   };
@@ -1673,7 +1674,6 @@ const Wi = async (t, r) => {
     name: "text",
     type: "text",
     display: ge(t.display),
-    playbackRate: t.playbackRate || 1,
     details: {
       ...o,
       text: i.text || "",
@@ -1749,8 +1749,8 @@ function Pn(t = 16) {
   return i = i.replace(/[^a-zA-Z0-9]/g, "").slice(0, t - 1), n + i;
 }
 const tn = (t) => Object.keys(t).reduce((r, n) => {
-  const { display: i } = t[n];
-  return Math.max(r, i.to);
+  const { display: i, playbackRate: o } = t[n];
+  return Math.max(r, i.to / (o || 1));
 }, 0);
 function qi(t) {
   const r = $t.pipe(
@@ -1768,8 +1768,10 @@ function qi(t) {
   ), d = r.subscribe(async (p) => {
     var h;
     if (p.key === hi) {
-      const l = (h = p.value) == null ? void 0 : h.payload, g = l.trackItemIds, v = l.trackItemDetailsMap, _ = g.map(async (b) => {
-        const y = v[b];
+      const l = (h = p.value) == null ? void 0 : h.payload, b = l.trackItemIds, v = l.trackItemDetailsMap;
+      console.warn("IMPROVE FONTS LOADING");
+      const _ = b.map(async (g) => {
+        const y = v[g];
         return (y.type === "caption" || y.type === "text") && await Je([
           {
             fontFamily: y.details.fontFamily,
@@ -1785,23 +1787,23 @@ function qi(t) {
     if (p.key === yi) return t.undo();
     if (p.key === mi) return t.redo();
   }), j = i.subscribe((p) => {
-    var l, g, v;
+    var l, b, v;
     const h = [];
-    if ((l = p.value) != null && l.payload.trackItemIds && (h.push((g = p.value) == null ? void 0 : g.payload.trackItemIds), t.updateState({ activeIds: h })), p.key === bi) {
-      const _ = (v = p.value) == null ? void 0 : v.payload.trackItemIds, b = tt(t.getState()), y = _ && _.length ? _ : b.activeIds, R = b.trackItemIds, A = b.trackItemDetailsMap, O = R.filter(
+    if ((l = p.value) != null && l.payload.trackItemIds && (h.push((b = p.value) == null ? void 0 : b.payload.trackItemIds), t.updateState({ activeIds: h })), p.key === bi) {
+      const _ = (v = p.value) == null ? void 0 : v.payload.trackItemIds, g = tt(t.getState()), y = _ && _.length ? _ : g.activeIds, R = g.trackItemIds, A = g.trackItemDetailsMap, O = R.filter(
         (F) => !y.includes(F)
       ), D = Object.fromEntries(
         Object.entries(A).filter(
           ([F]) => !y.includes(F)
         )
       ), w = Xi(
-        b.tracks,
+        g.tracks,
         y
       ), T = Object.fromEntries(
-        Object.entries(b.trackItemsMap).filter(
+        Object.entries(g.trackItemsMap).filter(
           ([F]) => !y.includes(F)
         )
-      ), x = tn(b.trackItemsMap);
+      ), x = tn(g.trackItemsMap);
       t.updateState(
         {
           trackItemIds: O,
@@ -1815,10 +1817,11 @@ function qi(t) {
       );
     }
   }), S = n.subscribe(async (p) => {
-    var _, b, y, R, A;
+    var _, g, y, R, A;
     const h = tt(t.getState());
-    let l = [], g = "text";
+    let l = [], b = "text";
     if (p.key === gi) {
+      b = "caption";
       const O = (_ = p.value) == null ? void 0 : _.payload, D = [];
       for (const x of O) {
         const F = Ki(x, {
@@ -1835,27 +1838,27 @@ function qi(t) {
         T.push(F);
         const { details: Dt, ...Ct } = x;
         h.trackItemDetailsMap[F] = {
-          type: g,
+          type: b,
           details: Dt
         }, h.trackItemsMap[F] = Ct, h.trackItemIds.push(F);
       }
       l = T;
     }
     if (p.key === _i) {
-      g = "text";
-      const O = await Yi((b = p.value) == null ? void 0 : b.payload, {
+      b = "text";
+      const O = await Yi((g = p.value) == null ? void 0 : g.payload, {
         size: {
           width: 1080,
           height: 1920
         }
       }), { details: D, ...w } = O;
       h.trackItemDetailsMap[w.id] = {
-        type: g,
+        type: b,
         details: D
       }, h.trackItemsMap[w.id] = w, h.trackItemIds.push(w.id), l = [w.id];
     }
     if (p.key === vi) {
-      g = "image";
+      b = "image";
       const O = await $i((y = p.value) == null ? void 0 : y.payload, {
         size: {
           width: 1080,
@@ -1863,20 +1866,20 @@ function qi(t) {
         }
       }), { details: D, ...w } = O;
       h.trackItemDetailsMap[w.id] = {
-        type: g,
+        type: b,
         details: D
       }, h.trackItemsMap[w.id] = w, h.trackItemIds.push(w.id), l = [w.id];
     }
     if (p.key === Ii) {
-      g = "audio";
+      b = "audio";
       const O = await Bi((R = p.value) == null ? void 0 : R.payload), { details: D, ...w } = O;
       h.trackItemDetailsMap[w.id] = {
-        type: g,
+        type: b,
         details: D
       }, h.trackItemsMap[w.id] = w, h.trackItemIds.push(w.id), l = [w.id];
     }
     if (p.key === Si) {
-      g = "video";
+      b = "video";
       const O = await Wi((A = p.value) == null ? void 0 : A.payload, {
         size: {
           width: 1080,
@@ -1884,14 +1887,14 @@ function qi(t) {
         }
       }), { details: D, ...w } = O;
       h.trackItemDetailsMap[w.id] = {
-        type: g,
+        type: b,
         details: D
       }, h.trackItemsMap[w.id] = w, h.trackItemIds.push(w.id), l = [w.id];
     }
     h.tracks.unshift({
       id: fn(),
       accepts: ["text", "audio", "helper", "video", "image", "caption"],
-      type: g,
+      type: b,
       items: l,
       magnetic: !1,
       static: !1
@@ -1910,27 +1913,27 @@ function qi(t) {
         kind: "add"
       }
     );
-  }), N = c.subscribe(async (p) => {
+  }), H = c.subscribe(async (p) => {
     var h;
     if (p.key === wi) {
-      const l = tt(t.getState()), g = (h = p.value) == null ? void 0 : h.options.time;
+      const l = tt(t.getState()), b = (h = p.value) == null ? void 0 : h.options.time;
       if (l.activeIds.length === 1) {
         const v = l.activeIds[0], _ = l.trackItemsMap[v];
-        if (g >= _.display.to || g <= _.display.from)
+        if (b >= _.display.to || b <= _.display.from)
           return;
-        const b = l.trackItemDetailsMap[v], y = Pn(), R = {
+        const g = l.trackItemDetailsMap[v], y = Pn(), R = {
           ..._,
           id: y,
           display: {
-            from: g,
+            from: b,
             to: _.display.to
           },
           trim: {
-            from: g,
+            from: b,
             to: _.display.to
           }
         };
-        l.trackItemsMap[v].display.to = g, l.trackItemsMap[y] = R, l.trackItemIds.push(y), l.trackItemDetailsMap[y] = b, l.tracks.forEach((A) => {
+        l.trackItemsMap[v].display.to = b, l.trackItemsMap[y] = R, l.trackItemIds.push(y), l.trackItemDetailsMap[y] = g, l.tracks.forEach((A) => {
           A.items.includes(v) && A.items.push(y);
         }), t.updateState(
           {
@@ -1950,25 +1953,25 @@ function qi(t) {
     if (p.key === Ti) {
       const l = tt(t.getState());
       if (l.activeIds.length) {
-        const g = l.activeIds, v = [], _ = {
-          activeIds: g,
+        const b = l.activeIds, v = [], _ = {
+          activeIds: b,
           trackItemDetailsMap: {},
           trackItemsMap: {},
           tracks: []
         };
-        g.forEach((y) => {
+        b.forEach((y) => {
           _.trackItemDetailsMap[y] = l.trackItemDetailsMap[y], _.trackItemsMap[y] = l.trackItemsMap[y], v.push(
             l.tracks.find((R) => R.items.includes(y))
           );
         });
-        const b = /* @__PURE__ */ new Set();
-        v.filter((y) => b.has(y.id) ? !1 : (b.add(y), !0)), _.tracks = Array.from(b.keys()), localStorage.setItem("DesignComboTemp", JSON.stringify(_));
+        const g = /* @__PURE__ */ new Set();
+        v.filter((y) => g.has(y.id) ? !1 : (g.add(y), !0)), _.tracks = Array.from(g.keys()), localStorage.setItem("DesignComboTemp", JSON.stringify(_));
       }
     }
     if (p.key === ki) {
       const l = localStorage.getItem("DesignComboTemp");
       if (!l) return;
-      const g = tt(t.getState()), v = JSON.parse(l), _ = {}, b = v.trackItemsMap, y = v.trackItemDetailsMap, R = v.tracks, A = [], O = v.activeIds.map(async (D) => {
+      const b = tt(t.getState()), v = JSON.parse(l), _ = {}, g = v.trackItemsMap, y = v.trackItemDetailsMap, R = v.tracks, A = [], O = v.activeIds.map(async (D) => {
         const w = y[D];
         (w.type === "caption" || w.type === "text") && await Je([
           {
@@ -1977,10 +1980,10 @@ function qi(t) {
           }
         ]);
         const T = Pn();
-        return _[D] = T, g.trackItemsMap[T] = {
-          ...b[D],
+        return _[D] = T, b.trackItemsMap[T] = {
+          ...g[D],
           id: T
-        }, g.trackItemDetailsMap[T] = w, g.trackItemIds.push(T), !0;
+        }, b.trackItemDetailsMap[T] = w, b.trackItemIds.push(T), !0;
       });
       await Promise.all(O), R.forEach((D) => {
         const w = D.items.map((x) => _[x]), T = {
@@ -1989,12 +1992,12 @@ function qi(t) {
           id: fn()
         };
         A.push(T);
-      }), g.tracks = [...g.tracks, ...A], t.updateState(
+      }), b.tracks = [...b.tracks, ...A], 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,
@@ -2005,10 +2008,10 @@ function qi(t) {
   }), m = f.subscribe((p) => {
     var h, l;
     if (p.key === Ai) {
-      const g = tt(t.getState()), v = g.trackItemDetailsMap, _ = g.trackItemsMap, b = Object.keys((h = p.value) == null ? void 0 : h.payload);
-      if (!b.length) return;
+      const b = tt(t.getState()), v = b.trackItemDetailsMap, _ = b.trackItemsMap, g = Object.keys((h = p.value) == null ? void 0 : h.payload);
+      if (!g.length) return;
       const y = (l = p.value) == null ? void 0 : l.payload;
-      b.forEach((A) => {
+      g.forEach((A) => {
         y[A].details ? v[A].details = {
           ...v[A].details,
           ...y[A].details
@@ -2030,7 +2033,7 @@ function qi(t) {
   });
   return {
     unsubscribe: () => {
-      S.unsubscribe(), N.unsubscribe(), m.unsubscribe(), E.unsubscribe(), j.unsubscribe(), d.unsubscribe();
+      S.unsubscribe(), H.unsubscribe(), m.unsubscribe(), E.unsubscribe(), j.unsubscribe(), d.unsubscribe();
     }
   };
 }
@@ -2040,11 +2043,11 @@ function Zn(t, r, n = { cyclesFix: !0 }, i = []) {
   let o = [];
   const c = Array.isArray(t);
   for (const j in t) {
-    const S = t[j], N = c ? +j : j;
+    const S = t[j], H = c ? +j : j;
     if (!(j in r)) {
       o.push({
         type: "REMOVE",
-        path: [N],
+        path: [H],
         oldValue: t[j]
       });
       continue;
@@ -2052,10 +2055,10 @@ function Zn(t, r, n = { cyclesFix: !0 }, i = []) {
     const m = r[j], p = typeof S == "object" && typeof m == "object" && Array.isArray(S) === Array.isArray(m);
     if (S && m && p && !Ji[(E = (d = Object.getPrototypeOf(S)) == null ? void 0 : d.constructor) == null ? void 0 : E.name] && (!n.cyclesFix || !i.includes(S))) {
       const h = Zn(S, m, n, n.cyclesFix ? i.concat([S]) : []);
-      o.push.apply(o, h.map((l) => (l.path.unshift(N), l)));
+      o.push.apply(o, h.map((l) => (l.path.unshift(H), l)));
     } else S !== m && // treat NaN values as equivalent
     !(Number.isNaN(S) && Number.isNaN(m)) && !(p && (isNaN(S) ? S + "" == m + "" : +S == +m)) && o.push({
-      path: [N],
+      path: [H],
       type: "CHANGE",
       value: m,
       oldValue: S
@@ -2563,35 +2566,35 @@ function Fn() {
     }
   }
   function c(m, p, h, l) {
-    let { base_: g, assigned_: v } = m, _ = m.copy_;
-    _.length < g.length && ([g, _] = [_, g], [h, l] = [l, h]);
-    for (let b = 0; b < g.length; b++)
-      if (v[b] && _[b] !== g[b]) {
-        const y = p.concat([b]);
+    let { base_: b, assigned_: v } = m, _ = m.copy_;
+    _.length < b.length && ([b, _] = [_, b], [h, l] = [l, h]);
+    for (let g = 0; g < b.length; g++)
+      if (v[g] && _[g] !== b[g]) {
+        const y = p.concat([g]);
         h.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: N(_[b])
+          value: H(_[g])
         }), l.push({
           op: r,
           path: y,
-          value: N(g[b])
+          value: H(b[g])
         });
       }
-    for (let b = g.length; b < _.length; b++) {
-      const y = p.concat([b]);
+    for (let g = b.length; g < _.length; g++) {
+      const y = p.concat([g]);
       h.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: N(_[b])
+        value: H(_[g])
       });
     }
-    for (let b = _.length - 1; g.length <= b; --b) {
-      const y = p.concat([b]);
+    for (let g = _.length - 1; b.length <= g; --g) {
+      const y = p.concat([g]);
       l.push({
         op: i,
         path: y
@@ -2599,44 +2602,44 @@ function Fn() {
     }
   }
   function f(m, p, h, l) {
-    const { base_: g, copy_: v } = m;
-    de(m.assigned_, (_, b) => {
-      const y = en(g, _), R = en(v, _), A = b ? he(g, _) ? r : n : i;
+    const { base_: b, copy_: v } = m;
+    de(m.assigned_, (_, g) => {
+      const y = en(b, _), R = en(v, _), A = g ? he(b, _) ? r : n : i;
       if (y === R && A === r)
         return;
       const O = p.concat(_);
       h.push(A === i ? { op: A, path: O } : { op: A, path: O, value: R }), l.push(
-        A === n ? { op: i, path: O } : A === i ? { op: n, path: O, value: N(y) } : { op: r, path: O, value: N(y) }
+        A === n ? { op: i, path: O } : A === i ? { op: n, path: O, value: H(y) } : { op: r, path: O, value: H(y) }
       );
     });
   }
   function d(m, p, h, l) {
-    let { base_: g, copy_: v } = m, _ = 0;
-    g.forEach((b) => {
-      if (!v.has(b)) {
+    let { base_: b, copy_: v } = m, _ = 0;
+    b.forEach((g) => {
+      if (!v.has(g)) {
         const y = p.concat([_]);
         h.push({
           op: i,
           path: y,
-          value: b
+          value: g
         }), l.unshift({
           op: n,
           path: y,
-          value: b
+          value: g
         });
       }
       _++;
-    }), _ = 0, v.forEach((b) => {
-      if (!g.has(b)) {
+    }), _ = 0, v.forEach((g) => {
+      if (!b.has(g)) {
         const y = p.concat([_]);
         h.push({
           op: n,
           path: y,
-          value: b
+          value: g
         }), l.unshift({
           op: i,
           path: y,
-          value: b
+          value: g
         });
       }
       _++;
@@ -2655,34 +2658,34 @@ function Fn() {
   }
   function j(m, p) {
     return p.forEach((h) => {
-      const { path: l, op: g } = h;
+      const { path: l, op: b } = h;
       let v = m;
       for (let R = 0; R < l.length - 1; R++) {
         const A = Mt(v);
         let O = l[R];
         typeof O != "string" && typeof O != "number" && (O = "" + O), (A === 0 || A === 1) && (O === "__proto__" || O === "constructor") && G(19), typeof v == "function" && O === "prototype" && G(19), v = en(v, O), typeof v != "object" && G(18, l.join("/"));
       }
-      const _ = Mt(v), b = S(h.value), y = l[l.length - 1];
-      switch (g) {
+      const _ = Mt(v), g = S(h.value), y = l[l.length - 1];
+      switch (b) {
         case r:
           switch (_) {
             case 2:
-              return v.set(y, b);
+              return v.set(y, g);
             case 3:
               G(16);
             default:
-              return v[y] = b;
+              return v[y] = g;
           }
         case n:
           switch (_) {
             case 1:
-              return y === "-" ? v.push(b) : v.splice(y, 0, b);
+              return y === "-" ? v.push(g) : v.splice(y, 0, g);
             case 2:
-              return v.set(y, b);
+              return v.set(y, g);
             case 3:
-              return v.add(b);
+              return v.add(g);
             default:
-              return v[y] = b;
+              return v[y] = g;
           }
         case i:
           switch (_) {
@@ -2696,7 +2699,7 @@ function Fn() {
               return delete v[y];
           }
         default:
-          G(17, g);
+          G(17, b);
       }
     }), m;
   }
@@ -2716,7 +2719,7 @@ function Fn() {
       p[h] = S(m[h]);
     return he(m, pe) && (p[pe] = m[pe]), p;
   }
-  function N(m) {
+  function H(m) {
     return xt(m) ? S(m) : m;
   }
   ea("Patches", {
@@ -2758,7 +2761,7 @@ function Ia(t, r) {
     t[o + n] = r[n];
   return t;
 }
-var Sn = Object.prototype, Sa = Sn.hasOwnProperty, wn = Sn.toString, zn = ga.Symbol, wa = Sn.propertyIsEnumerable, Hn = zn ? zn.isConcatSpreadable : void 0, Nn = Math.max;
+var Sn = Object.prototype, Sa = Sn.hasOwnProperty, wn = Sn.toString, zn = ga.Symbol, wa = Sn.propertyIsEnumerable, Nn = zn ? zn.isConcatSpreadable : void 0, Hn = Math.max;
 function Ta(t, r, n, i, o) {
   var c = -1, f = t.length;
   for (n || (n = Oa), o || (o = []); ++c < f; ) {
@@ -2780,8 +2783,8 @@ function Aa(t, r, n) {
   return c;
 }
 function Ea(t, r) {
-  return r = Nn(r === void 0 ? t.length - 1 : r, 0), function() {
-    for (var n = arguments, i = -1, o = Nn(n.length - r, 0), c = Array(o); ++i < o; )
+  return r = Hn(r === void 0 ? t.length - 1 : r, 0), function() {
+    for (var n = arguments, i = -1, o = Hn(n.length - r, 0), c = Array(o); ++i < o; )
       c[i] = n[r + i];
     i = -1;
     for (var f = Array(r + 1); ++i < r; )
@@ -2790,7 +2793,7 @@ function Ea(t, r) {
   };
 }
 function Oa(t) {
-  return Pa(t) || Ma(t) || !!(Hn && t && t[Hn]);
+  return Pa(t) || Ma(t) || !!(Nn && t && t[Nn]);
 }
 function xa(t) {
   if (typeof t == "string" || za(t))
@@ -2825,10 +2828,10 @@ function ai(t) {
 function za(t) {
   return typeof t == "symbol" || ai(t) && wn.call(t) == ya;
 }
-var Ha = Ea(function(t, r) {
+var Na = Ea(function(t, r) {
   return t == null ? {} : ka(t, va(Ta(r), xa));
-}), Na = Ha;
-const Un = /* @__PURE__ */ gn(Na), Ua = {
+}), Ha = Na;
+const Un = /* @__PURE__ */ gn(Ha), Ua = {
   tracks: [],
   trackItemIds: [],
   trackItemsMap: {},
@@ -2975,7 +2978,7 @@ class Wa {
       transitionIds: d,
       transitionsMap: E,
       trackItemsMap: j
-    }), N = [], m = [], p = [], h = [], l = [], g = [];
+    }), H = [], m = [], p = [], h = [], l = [], b = [];
     n.forEach((T) => {
       let x;
       const F = T.path.slice(1);
@@ -2991,15 +2994,15 @@ class Wa {
         path: F,
         op: "add",
         value: T.oldValue
-      }, T.path.includes("trackItemIds") ? p.push(x) : T.path.includes("transitionIds") ? m.push(x) : T.path.includes("trackItemsMap") ? l.push(x) : T.path.includes("transitionsMap") ? h.push(x) : T.path.includes("tracks") ? N.push(x) : T.path.includes("trackItemDetailsMap") && g.push(x);
+      }, T.path.includes("trackItemIds") ? p.push(x) : T.path.includes("transitionIds") ? m.push(x) : T.path.includes("trackItemsMap") ? l.push(x) : T.path.includes("transitionsMap") ? h.push(x) : T.path.includes("tracks") ? H.push(x) : T.path.includes("trackItemDetailsMap") && b.push(x);
     });
     const v = this.applyPatch(
       S.tracks,
-      N
+      H
     ), _ = this.applyPatch(
       S.transitionIds,
       m
-    ), b = this.applyPatch(
+    ), g = this.applyPatch(
       S.trackItemIds,
       p
     ), y = this.applyPatch(
@@ -3010,11 +3013,11 @@ class Wa {
       l
     ), A = this.applyPatch(
       S.trackItemDetailsMap,
-      g
+      b
     ), O = tt({
       tracks: v,
       transitionIds: _,
-      trackItemIds: b,
+      trackItemIds: g,
       transitionsMap: y,
       trackItemsMap: R,
       trackItemDetailsMap: A
@@ -3044,7 +3047,7 @@ class Wa {
       transitionIds: d,
       transitionsMap: E,
       trackItemsMap: j
-    }), N = [], m = [], p = [], h = [], l = [], g = [];
+    }), H = [], m = [], p = [], h = [], l = [], b = [];
     n.forEach((T) => {
       let x;
       const F = T.path.slice(1);
@@ -3060,15 +3063,15 @@ class Wa {
         path: F,
         op: "remove",
         value: T.oldValue
-      }, T.path.includes("trackItemIds") ? p.push(x) : T.path.includes("transitionIds") ? m.push(x) : T.path.includes("trackItemsMap") ? l.push(x) : T.path.includes("transitionsMap") ? h.push(x) : T.path.includes("trackItemDetailsMap") ? g.push(x) : N.push(x);
+      }, T.path.includes("trackItemIds") ? p.push(x) : T.path.includes("transitionIds") ? m.push(x) : T.path.includes("trackItemsMap") ? l.push(x) : T.path.includes("transitionsMap") ? h.push(x) : T.path.includes("trackItemDetailsMap") ? b.push(x) : H.push(x);
     });
     const v = this.applyPatch(
       S.tracks,
-      N
+      H
     ), _ = this.applyPatch(
       S.transitionIds,
       m
-    ), b = this.applyPatch(
+    ), g = this.applyPatch(
       S.trackItemIds,
       p
     ), y = this.applyPatch(
@@ -3079,11 +3082,11 @@ class Wa {
       l
     ), A = this.applyPatch(
       S.trackItemDetailsMap,
-      g
+      b
     ), O = tt({
       tracks: v,
       transitionIds: _,
-      trackItemIds: b,
+      trackItemIds: g,
       transitionsMap: y,
       trackItemsMap: R,
       trackItemDetailsMap: A