@cliquify.me/state 3.1.22 → 3.1.23

package/dist/index.es.js

@@ -87,8 +87,8 @@ var kr = function() {
         if (this._parentage = null, Array.isArray(l))
           try {
             for (var f = yn(l), I = f.next(); !I.done; I = f.next()) {
-              var k = I.value;
-              k.remove(this);
+              var S = I.value;
+              S.remove(this);
             }
           } catch (u) {
             e = { error: u };
@@ -387,8 +387,8 @@ var Us = ss(function(t) {
             var I = f.value;
             I.next(r);
           }
-        } catch (k) {
-          a = { error: k };
+        } catch (S) {
+          a = { error: S };
         } finally {
           try {
             f && !f.done && (c = l.return) && c.call(l);
@@ -492,8 +492,8 @@ function xn(t) {
 var gr = { exports: {} };
 gr.exports;
 (function(t, e) {
-  var r = 200, s = "__lodash_hash_undefined__", a = 1, c = 2, l = 9007199254740991, f = "[object Arguments]", I = "[object Array]", k = "[object AsyncFunction]", M = "[object Boolean]", E = "[object Date]", y = "[object Error]", T = "[object Function]", C = "[object GeneratorFunction]", u = "[object Map]", d = "[object Number]", w = "[object Null]", S = "[object Object]", b = "[object Promise]", m = "[object Proxy]", v = "[object RegExp]", h = "[object Set]", _ = "[object String]", D = "[object Symbol]", g = "[object Undefined]", O = "[object WeakMap]", x = "[object ArrayBuffer]", H = "[object DataView]", L = "[object Float32Array]", R = "[object Float64Array]", $ = "[object Int8Array]", V = "[object Int16Array]", St = "[object Int32Array]", xt = "[object Uint8Array]", Dt = "[object Uint8ClampedArray]", U = "[object Uint16Array]", Rt = "[object Uint32Array]", Mt = /[\\^$.*+?()[\]{}|]/g, ot = /^\[object .+?Constructor\]$/, zt = /^(?:0|[1-9]\d*)$/, A = {};
-  A[L] = A[R] = A[$] = A[V] = A[St] = A[xt] = A[Dt] = A[U] = A[Rt] = !0, A[f] = A[I] = A[x] = A[M] = A[H] = A[E] = A[y] = A[T] = A[u] = A[d] = A[S] = A[v] = A[h] = A[_] = A[O] = !1;
+  var r = 200, s = "__lodash_hash_undefined__", a = 1, c = 2, l = 9007199254740991, f = "[object Arguments]", I = "[object Array]", S = "[object AsyncFunction]", M = "[object Boolean]", E = "[object Date]", y = "[object Error]", T = "[object Function]", C = "[object GeneratorFunction]", u = "[object Map]", d = "[object Number]", w = "[object Null]", k = "[object Object]", b = "[object Promise]", m = "[object Proxy]", v = "[object RegExp]", h = "[object Set]", _ = "[object String]", D = "[object Symbol]", g = "[object Undefined]", O = "[object WeakMap]", x = "[object ArrayBuffer]", H = "[object DataView]", L = "[object Float32Array]", R = "[object Float64Array]", $ = "[object Int8Array]", V = "[object Int16Array]", St = "[object Int32Array]", xt = "[object Uint8Array]", Dt = "[object Uint8ClampedArray]", U = "[object Uint16Array]", Rt = "[object Uint32Array]", Mt = /[\\^$.*+?()[\]{}|]/g, ot = /^\[object .+?Constructor\]$/, zt = /^(?:0|[1-9]\d*)$/, A = {};
+  A[L] = A[R] = A[$] = A[V] = A[St] = A[xt] = A[Dt] = A[U] = A[Rt] = !0, A[f] = A[I] = A[x] = A[M] = A[H] = A[E] = A[y] = A[T] = A[u] = A[d] = A[k] = A[v] = A[h] = A[_] = A[O] = !1;
   var Z = typeof wt == "object" && wt && wt.Object === Object && wt, Et = typeof self == "object" && self && self.Object === Object && self, ct = Z || Et || Function("return this")(), Ft = e && !e.nodeType && e, Tt = Ft && !0 && t && !t.nodeType && t, Yt = Tt && Tt.exports === Ft, Bt = Yt && Z.process, ee = function() {
     try {
       return Bt && Bt.binding && Bt.binding("util");
@@ -717,8 +717,8 @@ gr.exports;
   }
   function Vr(n, i, o, p, N, P) {
     var B = De(n), G = De(i), J = B ? I : Ct(n), X = G ? I : Ct(i);
-    J = J == f ? S : J, X = X == f ? S : X;
-    var dt = J == S, bt = X == S, Q = J == X;
+    J = J == f ? k : J, X = X == f ? k : X;
+    var dt = J == k, bt = X == k, Q = J == X;
     if (Q && Oe(n)) {
       if (!Oe(i))
         return !1;
@@ -878,7 +878,7 @@ gr.exports;
     }));
   } : cn, Ct = ue;
   (ze && Ct(new ze(new ArrayBuffer(1))) != H || ce && Ct(new ce()) != u || Fe && Ct(Fe.resolve()) != b || $e && Ct(new $e()) != h || Ne && Ct(new Ne()) != O) && (Ct = function(n) {
-    var i = ue(n), o = i == S ? n.constructor : void 0, p = o ? mt(o) : "";
+    var i = ue(n), o = i == k ? n.constructor : void 0, p = o ? mt(o) : "";
     if (p)
       switch (p) {
         case rr:
@@ -943,7 +943,7 @@ gr.exports;
     if (!dr(n))
       return !1;
     var i = ue(n);
-    return i == T || i == C || i == k || i == m;
+    return i == T || i == C || i == S || i == m;
   }
   function Ge(n) {
     return typeof n == "number" && n > -1 && n % 1 == 0 && n <= l;
@@ -972,8 +972,8 @@ const tt = /* @__PURE__ */ xn(Ws), Aa = "add", Gs = "track", Ys = "trackItems",
 var Ir = { exports: {} };
 Ir.exports;
 (function(t, e) {
-  var r = 200, s = "__lodash_hash_undefined__", a = 9007199254740991, c = "[object Arguments]", l = "[object Array]", f = "[object Boolean]", I = "[object Date]", k = "[object Error]", M = "[object Function]", E = "[object GeneratorFunction]", y = "[object Map]", T = "[object Number]", C = "[object Object]", u = "[object Promise]", d = "[object RegExp]", w = "[object Set]", S = "[object String]", b = "[object Symbol]", m = "[object WeakMap]", v = "[object ArrayBuffer]", h = "[object DataView]", _ = "[object Float32Array]", D = "[object Float64Array]", g = "[object Int8Array]", O = "[object Int16Array]", x = "[object Int32Array]", H = "[object Uint8Array]", L = "[object Uint8ClampedArray]", R = "[object Uint16Array]", $ = "[object Uint32Array]", V = /[\\^$.*+?()[\]{}|]/g, St = /\w*$/, xt = /^\[object .+?Constructor\]$/, Dt = /^(?:0|[1-9]\d*)$/, U = {};
-  U[c] = U[l] = U[v] = U[h] = U[f] = U[I] = U[_] = U[D] = U[g] = U[O] = U[x] = U[y] = U[T] = U[C] = U[d] = U[w] = U[S] = U[b] = U[H] = U[L] = U[R] = U[$] = !0, U[k] = U[M] = U[m] = !1;
+  var r = 200, s = "__lodash_hash_undefined__", a = 9007199254740991, c = "[object Arguments]", l = "[object Array]", f = "[object Boolean]", I = "[object Date]", S = "[object Error]", M = "[object Function]", E = "[object GeneratorFunction]", y = "[object Map]", T = "[object Number]", C = "[object Object]", u = "[object Promise]", d = "[object RegExp]", w = "[object Set]", k = "[object String]", b = "[object Symbol]", m = "[object WeakMap]", v = "[object ArrayBuffer]", h = "[object DataView]", _ = "[object Float32Array]", D = "[object Float64Array]", g = "[object Int8Array]", O = "[object Int16Array]", x = "[object Int32Array]", H = "[object Uint8Array]", L = "[object Uint8ClampedArray]", R = "[object Uint16Array]", $ = "[object Uint32Array]", V = /[\\^$.*+?()[\]{}|]/g, St = /\w*$/, xt = /^\[object .+?Constructor\]$/, Dt = /^(?:0|[1-9]\d*)$/, U = {};
+  U[c] = U[l] = U[v] = U[h] = U[f] = U[I] = U[_] = U[D] = U[g] = U[O] = U[x] = U[y] = U[T] = U[C] = U[d] = U[w] = U[k] = U[b] = U[H] = U[L] = U[R] = U[$] = !0, U[S] = U[M] = U[m] = !1;
   var Rt = typeof wt == "object" && wt && wt.Object === Object && wt, Mt = typeof self == "object" && self && self.Object === Object && self, ot = Rt || Mt || Function("return this")(), zt = e && !e.nodeType && e, A = zt && !0 && t && !t.nodeType && t, Z = A && A.exports === zt;
   function Et(n, i) {
     return n.set(i[0], i[1]), n;
@@ -1335,7 +1335,7 @@ Ir.exports;
       case y:
         return ir(n, p, o);
       case T:
-      case S:
+      case k:
         return new N(n);
       case d:
         return ar(n);
@@ -1481,10 +1481,10 @@ function vi(t) {
   }
   return t = t.replace(e, (l, f) => a(f)), t = t.replace(
     r,
-    (l, f, I, k) => c(+f, +I, +k)
+    (l, f, I, S) => c(+f, +I, +S)
   ), t = t.replace(
     s,
-    (l, f, I, k) => c(+f, +I, +k)
+    (l, f, I, S) => c(+f, +I, +S)
   ), t;
 }
 function at(t) {
@@ -1522,8 +1522,8 @@ const _i = (t) => {
   const e = `.${t.split(".").filter((c) => c.includes("fill:")).join(".")}`, r = {}, s = /\.([\w-]+)\s*\{\s*([^}]+)\s*\}/g;
   let a;
   for (; (a = s.exec(e)) !== null; ) {
-    const c = a[1], l = a[2], f = {}, I = /fill\s*:\s*([^;]+);?/.exec(l), k = /stroke\s*:\s*([^;]+);?/.exec(l);
-    I && (f.fill = at(I[1].trim())), k && (f.stroke = at(k[1].trim())), r[c] = f;
+    const c = a[1], l = a[2], f = {}, I = /fill\s*:\s*([^;]+);?/.exec(l), S = /stroke\s*:\s*([^;]+);?/.exec(l);
+    I && (f.fill = at(I[1].trim())), S && (f.stroke = at(S[1].trim())), r[c] = f;
   }
   return r;
 };
@@ -1539,12 +1539,12 @@ function dn(t) {
 function ki(t, e, r = 300, s = 300) {
   const a = [], l = new DOMParser().parseFromString(t, "image/svg+xml"), f = l.documentElement;
   f.setAttribute("width", `${r}`), f.setAttribute("height", `${s}`);
-  const I = f.querySelectorAll("style"), k = {};
+  const I = f.querySelectorAll("style"), S = {};
   I.forEach((u) => {
     const d = u.textContent || "", w = _i(d);
-    Object.assign(k, w);
-    const S = d.replace(/\.(st[\w-]+)/g, `.${e}-$1`).replace(/url\(#(.*?)\)/g, `url(#${e}-$1)`);
-    u.textContent = S;
+    Object.assign(S, w);
+    const k = d.replace(/\.(st[\w-]+)/g, `.${e}-$1`).replace(/url\(#(.*?)\)/g, `url(#${e}-$1)`);
+    u.textContent = k;
     const b = Array.from(l.querySelectorAll("*")), m = /* @__PURE__ */ new Set();
     b.forEach((v) => {
       if (dn(v)) return;
@@ -1570,7 +1570,7 @@ function ki(t, e, r = 300, s = 300) {
       }
       const _ = v.getAttribute("class");
       _ && _.split(" ").forEach((D) => {
-        const g = k[D];
+        const g = S[D];
         g != null && g.fill && !["none", "transparent"].includes(g.fill) && m.add(at(g.fill)), g != null && g.stroke && !["none", "transparent"].includes(g.stroke) && m.add(at(g.stroke));
       });
     }), Array.from(m).forEach((v) => {
@@ -1582,21 +1582,21 @@ function ki(t, e, r = 300, s = 300) {
     if (dn(u)) return;
     const d = u.getAttribute("class");
     if (d) {
-      const S = d.split(" ").map((b) => `${e}-${b}`).join(" ");
-      u.setAttribute("class", S), S.split(" ").forEach((b) => {
-        const m = k[b];
+      const k = d.split(" ").map((b) => `${e}-${b}`).join(" ");
+      u.setAttribute("class", k), k.split(" ").forEach((b) => {
+        const m = S[b];
         m != null && m.fill && !["none", "transparent"].includes(m.fill) && E.add(at(m.fill)), m != null && m.stroke && !["none", "transparent"].includes(m.stroke) && E.add(at(m.stroke));
       });
     }
-    ["fill", "stroke", "stop-color"].forEach((S) => {
-      const b = u.getAttribute(S);
+    ["fill", "stroke", "stop-color"].forEach((k) => {
+      const b = u.getAttribute(k);
       b && !["none", "transparent"].includes(b) && E.add(at(b));
     });
     const w = u.getAttribute("style");
     if (w) {
-      const S = /fill\s*:\s*([^;]+);?/.exec(w), b = /stroke\s*:\s*([^;]+);?/.exec(w), m = /stop-color\s*:\s*([^;]+);?/.exec(w);
-      if (S) {
-        const v = S[1].trim();
+      const k = /fill\s*:\s*([^;]+);?/.exec(w), b = /stroke\s*:\s*([^;]+);?/.exec(w), m = /stop-color\s*:\s*([^;]+);?/.exec(w);
+      if (k) {
+        const v = k[1].trim();
         v && !["none", "transparent"].includes(v) && E.add(at(v));
       }
       if (b) {
@@ -1770,12 +1770,12 @@ const hs = async (t, e) => {
     e.size.width / s.width,
     e.size.height / s.height
   ), c = ((E = t.details) == null ? void 0 : E.rotate) || 0, l = te(e, s), f = t.display;
-  let I = 1 / 0, k = 0;
+  let I = 1 / 0, S = 0;
   r.forEach((y) => {
     const T = t.trackItemsMap[y];
-    T.display.from < I && (I = T.display.from), T.display.to > k && (k = T.display.to);
+    T.display.from < I && (I = T.display.from), T.display.to > S && (S = T.display.to);
   });
-  const M = t.trim || t.display || { from: I, to: k };
+  const M = t.trim || t.display || { from: I, to: S };
   return {
     id: t.id,
     type: "template",
@@ -1789,7 +1789,7 @@ const hs = async (t, e) => {
       rotate: c
     },
     trim: M,
-    display: f || { from: I, to: k },
+    display: f || { from: I, to: S },
     activeEdit: !1
   };
 }, Si = async (t, e) => {
@@ -1801,10 +1801,10 @@ const hs = async (t, e) => {
     e.size.width / s.width,
     e.size.height / s.height
   ), c = ((M = t.details) == null ? void 0 : M.rotate) || 0, l = te(e, s), f = t.display;
-  let I = 1 / 0, k = 0;
+  let I = 1 / 0, S = 0;
   return r.forEach((E) => {
     const y = t.trackItemsMap[E];
-    y.display.from < I && (I = y.display.from), y.display.to > k && (k = y.display.to);
+    y.display.from < I && (I = y.display.from), y.display.to > S && (S = y.display.to);
   }), {
     id: t.id,
     type: "composition",
@@ -1817,13 +1817,13 @@ const hs = async (t, e) => {
       scale: a,
       rotate: c
     },
-    display: f || { from: I, to: k }
+    display: f || { from: I, to: S }
   };
 }, Gn = async (t, e) => {
   const r = t.details, s = Pe(r.src), a = fetch(r.src), [c, l] = await Promise.all([
     s,
     a
-  ]), f = await l.text(), I = te(e, c), { serializer: k, colors: M } = ki(
+  ]), f = await l.text(), I = te(e, c), { serializer: S, colors: M } = ki(
     vi(f),
     t.id,
     parseFloat(r.width || c.width),
@@ -1862,8 +1862,8 @@ const hs = async (t, e) => {
       flipY: r.flipY || !1,
       rotate: r.rotate || "0deg",
       visibility: r.visibility || "visible",
-      svgString: k,
-      initialSvgString: K(k),
+      svgString: S,
+      initialSvgString: K(S),
       colorMap: E
     },
     metadata: t.metadata || {}
@@ -2125,10 +2125,10 @@ const xi = (t, e, r, s, a) => {
     };
   const l = c.items.map((I) => r[I]), f = t.map((I) => r[I]);
   for (const I of l) {
-    const k = I.display.from, M = I.display.to;
+    const S = I.display.from, M = I.display.to;
     for (const E of f) {
       const y = E.display.from;
-      if (!(E.display.to <= k || y >= M))
+      if (!(E.display.to <= S || y >= M))
         return {
           trackId: void 0,
           trackIndex: e.indexOf(c)
@@ -2163,14 +2163,14 @@ const xi = (t, e, r, s, a) => {
   };
 }, Di = (t) => {
   const { trackItemIds: e, transitionsMap: r, trackItemsMap: s } = t, a = /* @__PURE__ */ new Map();
-  Object.values(r).forEach((k) => {
+  Object.values(r).forEach((S) => {
     var T, C;
-    const { fromId: M, toId: E, kind: y } = k;
-    y !== "none" && (a.has(M) || a.set(M, []), a.has(E) || a.set(E, []), (T = a.get(M)) == null || T.push(k), (C = a.get(E)) == null || C.push(k));
+    const { fromId: M, toId: E, kind: y } = S;
+    y !== "none" && (a.has(M) || a.set(M, []), a.has(E) || a.set(E, []), (T = a.get(M)) == null || T.push(S), (C = a.get(E)) == null || C.push(S));
   });
-  const c = [], l = /* @__PURE__ */ new Set(), f = (k) => {
+  const c = [], l = /* @__PURE__ */ new Set(), f = (S) => {
     const M = [];
-    let E = k;
+    let E = S;
     for (; E && !l.has(E); ) {
       l.add(E);
       const y = s[E];
@@ -2184,35 +2184,35 @@ const xi = (t, e, r, s, a) => {
     }
     return M;
   }, I = Object.values(r).filter(
-    (k) => k.kind !== "none"
+    (S) => S.kind !== "none"
   );
-  for (const k of e)
-    if (!l.has(k) && (!a.has(k) || !I.some((M) => M.toId === k))) {
-      const M = f(k);
+  for (const S of e)
+    if (!l.has(S) && (!a.has(S) || !I.some((M) => M.toId === S))) {
+      const M = f(S);
       M.length > 0 && c.push(M);
     }
-  return c.forEach((k) => {
-    k.sort((M, E) => "display" in M && "display" in E ? M.display.from - E.display.from : 0);
-  }), c.filter((k) => k.filter((E) => E !== void 0).length > 0);
+  return c.forEach((S) => {
+    S.sort((M, E) => "display" in M && "display" in E ? M.display.from - E.display.from : 0);
+  }), c.filter((S) => S.filter((E) => E !== void 0).length > 0);
 };
 function Xn(t, e, r) {
   t.forEach((s) => {
     const l = Object.values(e).filter(
-      (k) => s.items.includes(k.id)
+      (S) => s.items.includes(S.id)
     ).sort(
-      (k, M) => k.display.from - M.display.from
-    ).map((k) => k.id), f = Di({
+      (S, M) => S.display.from - M.display.from
+    ).map((S) => S.id), f = Di({
       trackItemIds: l,
       transitionsMap: r,
       trackItemsMap: e
     });
     let I = 0;
-    l.forEach((k) => {
+    l.forEach((S) => {
       const M = [];
       for (const y of f)
-        if (y.find((T) => T.id === k)) {
+        if (y.find((T) => T.id === S)) {
           const T = f.findIndex(
-            (C) => C.find((u) => u.id === k)
+            (C) => C.find((u) => u.id === S)
           );
           if (T - 1 >= 0)
             for (let C = T - 1; C >= 0; C--) {
@@ -2225,9 +2225,9 @@ function Xn(t, e, r) {
         y.forEach((T) => {
           T.type === "transition" && (E += T.duration);
         });
-      }), e[k]) {
-        const y = e[k].display.to - e[k].display.from;
-        e[k].display = {
+      }), e[S]) {
+        const y = e[S].display.to - e[S].display.from;
+        e[S].display = {
           from: I - E,
           to: I + y - E
         }, I += y;
@@ -2248,13 +2248,13 @@ function Oi(t, e) {
 function Ci(t) {
   const e = t, r = e.tracks, s = e.trackItemsMap, a = [], c = {}, l = e.structure;
   return r.forEach((f) => {
-    var k;
+    var S;
     const I = f.items.map((M) => s[M]).sort((M, E) => M.display.from - E.display.from);
     for (let M = 0; M < I.length - 1; M++) {
       const E = I[M], y = I[M + 1];
       if (Math.abs(E.display.to - y.display.from) <= 1) {
         const T = `${E.id}-${y.id}`;
-        if ((k = e.transitionIds) == null ? void 0 : k.includes(T))
+        if ((S = e.transitionIds) == null ? void 0 : S.includes(T))
           c[T] = e.transitionsMap[T];
         else {
           const u = {
@@ -2308,7 +2308,7 @@ function Ri(t) {
   ), I = e.subscribe(async (u) => {
     var d, w;
     if (u.key === Xs) {
-      const S = (d = u.value) == null ? void 0 : d.payload, b = S.trackItemsMap, m = S.trackItemDetailsMap;
+      const k = (d = u.value) == null ? void 0 : d.payload, b = k.trackItemsMap, m = k.trackItemDetailsMap;
       console.warn("IMPROVE FONTS LOADING");
       for (const h in m)
         if (m[h].type === "text" || m[h].type === "caption") {
@@ -2334,7 +2334,7 @@ function Ri(t) {
       const v = ye(b);
       t.updateState(
         {
-          ...S,
+          ...k,
           duration: v
         },
         {
@@ -2344,10 +2344,10 @@ function Ri(t) {
       );
     }
     if (u.key === Ks) {
-      const S = (w = u.value) == null ? void 0 : w.payload;
+      const k = (w = u.value) == null ? void 0 : w.payload;
       t.updateState(
         {
-          size: S
+          size: k
         },
         {
           kind: "design:resize",
@@ -2355,7 +2355,7 @@ function Ri(t) {
         }
       );
     }
-  }), k = a.subscribe((u) => {
+  }), S = a.subscribe((u) => {
     if (u.key === hi) return t.undo();
     if (u.key === mi) return t.redo();
   }), M = f.subscribe((u) => {
@@ -2373,9 +2373,9 @@ function Ri(t) {
       );
     }
   }), E = s.subscribe(async (u) => {
-    var w, S, b, m, v;
+    var w, k, b, m, v;
     const d = [];
-    if ((w = u.value) != null && w.payload.trackItemIds && (d.push((S = u.value) == null ? void 0 : S.payload.trackItemIds), t.updateState(
+    if ((w = u.value) != null && w.payload.trackItemIds && (d.push((k = u.value) == null ? void 0 : k.payload.trackItemIds), t.updateState(
       { activeIds: d },
       {
         kind: "update",
@@ -2531,7 +2531,7 @@ function Ri(t) {
     }
   }), y = r.subscribe(async (u) => {
     var O, x, H, L, R, $, V, St, xt, Dt, U, Rt, Mt, ot, zt, A, Z, Et, ct, Ft, Tt, Yt, Bt, ee, Xt, re, Kt, ne, Se, we, $t, Vt, se, ie, vt;
-    const d = K(t.getState()), w = ((x = (O = u.value) == null ? void 0 : O.options) == null ? void 0 : x.isSelected) || !1, S = (L = (H = u.value) == null ? void 0 : H.options) == null ? void 0 : L.scaleMode, b = ($ = (R = u.value) == null ? void 0 : R.options) == null ? void 0 : $.scaleAspectRatio, m = (St = (V = u.value) == null ? void 0 : V.options) == null ? void 0 : St.isNewTrack;
+    const d = K(t.getState()), w = ((x = (O = u.value) == null ? void 0 : O.options) == null ? void 0 : x.isSelected) || !1, k = (L = (H = u.value) == null ? void 0 : H.options) == null ? void 0 : L.scaleMode, b = ($ = (R = u.value) == null ? void 0 : R.options) == null ? void 0 : $.scaleAspectRatio, m = (St = (V = u.value) == null ? void 0 : V.options) == null ? void 0 : St.isNewTrack;
     let v = [], h = "text";
     const _ = (Dt = (xt = u.value) == null ? void 0 : xt.options) == null ? void 0 : Dt.trackId;
     let D = (Rt = (U = u.value) == null ? void 0 : U.options) == null ? void 0 : Rt.trackIndex;
@@ -2543,7 +2543,9 @@ function Ri(t) {
     if (u.key === si) {
       const F = (ot = u.value) == null ? void 0 : ot.payload, j = F.trackItems.map(
         (Y) => Mi(Y, {
-          size: d.size
+          size: d.size,
+          scaleMode: k,
+          scaleAspectRatio: b
         })
       ), z = await Promise.all(j), nt = Ti(F.tracks, F.trackItems), rt = [];
       F.trackItems.forEach((Y) => {
@@ -2671,7 +2673,7 @@ function Ri(t) {
       h = "template";
       const F = (ct = u.value) == null ? void 0 : ct.payload.trackItemsMap, j = (Ft = u.value) == null ? void 0 : Ft.payload.trackItemDetailsMap, z = (Tt = u.value) == null ? void 0 : Tt.payload.transitionsMap, nt = ((Yt = u.value) == null ? void 0 : Yt.payload.transitionIds) || [], rt = (Bt = u.value) == null ? void 0 : Bt.payload.trackItemIds, W = ((ee = u.value) == null ? void 0 : ee.payload.tracks) || [], { details: gt, ...q } = await ys((Xt = u.value) == null ? void 0 : Xt.payload, {
         size: d.size,
-        scaleMode: S,
+        scaleMode: k,
         scaleAspectRatio: b
       }), Me = {
         id: q.id,
@@ -2704,7 +2706,7 @@ function Ri(t) {
       h = "illustration";
       const F = await Gn((re = u.value) == null ? void 0 : re.payload, {
         size: d.size,
-        scaleMode: S,
+        scaleMode: k,
         scaleAspectRatio: b
       }), { details: j, ...z } = F;
       d.trackItemDetailsMap[z.id] = {
@@ -2716,7 +2718,7 @@ function Ri(t) {
       h = "shape";
       const F = await wi((Kt = u.value) == null ? void 0 : Kt.payload, {
         size: d.size,
-        scaleMode: S,
+        scaleMode: k,
         scaleAspectRatio: b
       }), { details: j, ...z } = F;
       d.trackItemDetailsMap[z.id] = {
@@ -2728,7 +2730,7 @@ function Ri(t) {
       h = "image";
       const F = await gs((ne = u.value) == null ? void 0 : ne.payload, {
         size: d.size,
-        scaleMode: S,
+        scaleMode: k,
         scaleAspectRatio: b
       }), { details: j, ...z } = F;
       d.trackItemDetailsMap[z.id] = {
@@ -2748,7 +2750,7 @@ function Ri(t) {
       h = "video";
       const F = await hs((we = u.value) == null ? void 0 : we.payload, {
         size: d.size,
-        scaleMode: S,
+        scaleMode: k,
         scaleAspectRatio: b
       }), { details: j, ...z } = F;
       d.trackItemDetailsMap[z.id] = {
@@ -2763,7 +2765,7 @@ function Ri(t) {
         (vt = u.value) == null ? void 0 : vt.payload,
         {
           size: d.size,
-          scaleMode: S,
+          scaleMode: k,
           scaleAspectRatio: b
         }
       ), gt = {
@@ -2876,27 +2878,27 @@ function Ri(t) {
   }), T = c.subscribe(async (u) => {
     var d;
     if (u.key === li) {
-      const w = K(t.getState()), S = (d = u.value) == null ? void 0 : d.options.time;
+      const w = K(t.getState()), k = (d = u.value) == null ? void 0 : d.options.time;
       if (w.activeIds.length === 1) {
         const b = w.activeIds[0], m = K(w.trackItemsMap[b]);
-        if (S >= m.display.to || S <= m.display.from)
+        if (k >= m.display.to || k <= m.display.from)
           return;
         const v = K(w.trackItemDetailsMap[b]), h = Ce(), _ = K({
           ...m,
           display: {
             from: m.display.from,
-            to: S
+            to: k
           }
         }), D = K({
           ...m,
           id: h,
           display: {
-            from: S,
+            from: k,
             to: m.display.to
           }
         });
         if (m.type === "video" || m.type === "audio") {
-          const g = S - _.display.from;
+          const g = k - _.display.from;
           _.trim = {
             from: m.trim.from,
             to: m.trim.from + g
@@ -2925,13 +2927,13 @@ function Ri(t) {
     if (u.key === ui) {
       const w = K(t.getState());
       if (w.activeIds.length) {
-        const S = w.activeIds, b = [], m = {
-          activeIds: S,
+        const k = w.activeIds, b = [], m = {
+          activeIds: k,
           trackItemDetailsMap: {},
           trackItemsMap: {},
           tracks: []
         };
-        S.forEach((h) => {
+        k.forEach((h) => {
           m.trackItemDetailsMap[h] = w.trackItemDetailsMap[h], m.trackItemsMap[h] = w.trackItemsMap[h], b.push(
             w.tracks.find((_) => _.items.includes(h))
           );
@@ -2943,7 +2945,7 @@ function Ri(t) {
     if (u.key === ci) {
       const w = localStorage.getItem("DesignComboTemp");
       if (!w) return;
-      const S = K(t.getState()), b = JSON.parse(w), m = {}, v = b.trackItemsMap, h = b.trackItemDetailsMap, _ = b.tracks, D = [], g = b.activeIds.map(async (O) => {
+      const k = K(t.getState()), b = JSON.parse(w), m = {}, v = b.trackItemsMap, h = b.trackItemDetailsMap, _ = b.tracks, D = [], g = b.activeIds.map(async (O) => {
         const x = h[O];
         (x.type === "caption" || x.type === "text") && x.details.fontUrl && await br([
           {
@@ -2952,10 +2954,10 @@ function Ri(t) {
           }
         ]);
         const H = Ce();
-        return m[O] = H, S.trackItemsMap[H] = {
+        return m[O] = H, k.trackItemsMap[H] = {
           ...v[O],
           id: H
-        }, S.trackItemDetailsMap[H] = x, S.trackItemIds.push(H), !0;
+        }, k.trackItemDetailsMap[H] = x, k.trackItemIds.push(H), !0;
       });
       await Promise.all(g), _.forEach((O) => {
         const x = O.items.map((L) => m[L]), H = {
@@ -2966,12 +2968,12 @@ function Ri(t) {
           id: Xe()
         };
         D.push(H);
-      }), S.tracks = [...D, ...S.tracks], t.updateState(
+      }), k.tracks = [...D, ...k.tracks], t.updateState(
         {
-          trackItemDetailsMap: S.trackItemDetailsMap,
-          tracks: S.tracks,
-          trackItemIds: S.trackItemIds,
-          trackItemsMap: S.trackItemsMap
+          trackItemDetailsMap: k.trackItemDetailsMap,
+          tracks: k.tracks,
+          trackItemIds: k.trackItemIds,
+          trackItemsMap: k.trackItemsMap
         },
         {
           updateHistory: !0,
@@ -2980,7 +2982,7 @@ function Ri(t) {
       );
     }
   }), C = l.subscribe(async (u) => {
-    var d, w, S;
+    var d, w, k;
     if (u.key === ai) {
       const b = K(t.getState()), m = b.trackItemDetailsMap, v = b.trackItemsMap, h = Object.keys((d = u.value) == null ? void 0 : d.payload);
       if (!h.length) return;
@@ -3025,7 +3027,7 @@ function Ri(t) {
       );
     }
     if (u.key === oi) {
-      const b = (S = u.value) == null ? void 0 : S.payload, m = Object.keys(b)[0], v = Object.values(b)[0], h = K(t.getState()), _ = h.trackItemDetailsMap[m], D = _.details;
+      const b = (k = u.value) == null ? void 0 : k.payload, m = Object.keys(b)[0], v = Object.values(b)[0], h = K(t.getState()), _ = h.trackItemDetailsMap[m], D = _.details;
       if (v.details) {
         if (v.type === "image" && v.details.src) {
           const O = await Pe(v.details.src), x = _.details.width || 0, H = _.details.height || 0;
@@ -3073,7 +3075,7 @@ function Ri(t) {
   });
   return {
     unsubscribe: () => {
-      y.unsubscribe(), T.unsubscribe(), C.unsubscribe(), k.unsubscribe(), E.unsubscribe(), I.unsubscribe(), M.unsubscribe();
+      y.unsubscribe(), T.unsubscribe(), C.unsubscribe(), S.unsubscribe(), E.unsubscribe(), I.unsubscribe(), M.unsubscribe();
     }
   };
 }
@@ -3082,17 +3084,17 @@ function _s(t, e, r = { cyclesFix: !0 }, s = []) {
   var f, I;
   let a = [];
   const c = Array.isArray(t);
-  for (const k in t) {
-    const M = t[k], E = c ? +k : k;
-    if (!(k in e)) {
+  for (const S in t) {
+    const M = t[S], E = c ? +S : S;
+    if (!(S in e)) {
       a.push({
         type: "REMOVE",
         path: [E],
-        oldValue: t[k]
+        oldValue: t[S]
       });
       continue;
     }
-    const y = e[k], T = typeof M == "object" && typeof y == "object" && Array.isArray(M) === Array.isArray(y);
+    const y = e[S], T = typeof M == "object" && typeof y == "object" && Array.isArray(M) === Array.isArray(y);
     M && y && T && !zi[(I = (f = Object.getPrototypeOf(M)) == null ? void 0 : f.constructor) == null ? void 0 : I.name] && (!r.cyclesFix || !s.includes(M)) ? a.push.apply(a, _s(M, y, r, r.cyclesFix ? s.concat([M]) : []).map((C) => (C.path.unshift(E), C))) : M !== y && // treat NaN values as equivalent
     !(Number.isNaN(M) && Number.isNaN(y)) && !(T && (isNaN(M) ? M + "" == y + "" : +M == +y)) && a.push({
       path: [E],
@@ -3102,11 +3104,11 @@ function _s(t, e, r = { cyclesFix: !0 }, s = []) {
     });
   }
   const l = Array.isArray(e);
-  for (const k in e)
-    k in t || a.push({
+  for (const S in e)
+    S in t || a.push({
       type: "CREATE",
-      path: [l ? +k : k],
-      value: e[k]
+      path: [l ? +S : S],
+      value: e[S]
     });
   return a;
 }
@@ -3471,8 +3473,8 @@ var Gi = class {
         const c = r;
         r = e;
         const l = this;
-        return function(I = c, ...k) {
-          return l.produce(I, (M) => r.call(this, M, ...k));
+        return function(I = c, ...S) {
+          return l.produce(I, (M) => r.call(this, M, ...S));
         };
       }
       typeof r != "function" && et(6), s !== void 0 && typeof s != "function" && et(7);
@@ -3603,34 +3605,34 @@ function Zn() {
     }
   }
   function c(y, T, C, u) {
-    let { base_: d, assigned_: w } = y, S = y.copy_;
-    S.length < d.length && ([d, S] = [S, d], [C, u] = [u, C]);
+    let { base_: d, assigned_: w } = y, k = y.copy_;
+    k.length < d.length && ([d, k] = [k, d], [C, u] = [u, C]);
     for (let b = 0; b < d.length; b++)
-      if (w[b] && S[b] !== d[b]) {
+      if (w[b] && k[b] !== d[b]) {
         const m = T.concat([b]);
         C.push({
           op: e,
           path: m,
           // Need to maybe clone it, as it can in fact be the original value
           // due to the base/copy inversion at the start of this function
-          value: E(S[b])
+          value: E(k[b])
         }), u.push({
           op: e,
           path: m,
           value: E(d[b])
         });
       }
-    for (let b = d.length; b < S.length; b++) {
+    for (let b = d.length; b < k.length; b++) {
       const m = T.concat([b]);
       C.push({
         op: r,
         path: m,
         // Need to maybe clone it, as it can in fact be the original value
         // due to the base/copy inversion at the start of this function
-        value: E(S[b])
+        value: E(k[b])
       });
     }
-    for (let b = S.length - 1; d.length <= b; --b) {
+    for (let b = k.length - 1; d.length <= b; --b) {
       const m = T.concat([b]);
       u.push({
         op: s,
@@ -3640,21 +3642,21 @@ function Zn() {
   }
   function l(y, T, C, u) {
     const { base_: d, copy_: w } = y;
-    Ve(y.assigned_, (S, b) => {
-      const m = fn(d, S), v = fn(w, S), h = b ? qe(d, S) ? e : r : s;
+    Ve(y.assigned_, (k, b) => {
+      const m = fn(d, k), v = fn(w, k), h = b ? qe(d, k) ? e : r : s;
       if (m === v && h === e)
         return;
-      const _ = T.concat(S);
+      const _ = T.concat(k);
       C.push(h === s ? { op: h, path: _ } : { op: h, path: _, value: v }), u.push(
         h === r ? { op: s, path: _ } : h === s ? { op: r, path: _, value: E(m) } : { op: e, path: _, value: E(m) }
       );
     });
   }
   function f(y, T, C, u) {
-    let { base_: d, copy_: w } = y, S = 0;
+    let { base_: d, copy_: w } = y, k = 0;
     d.forEach((b) => {
       if (!w.has(b)) {
-        const m = T.concat([S]);
+        const m = T.concat([k]);
         C.push({
           op: s,
           path: m,
@@ -3665,10 +3667,10 @@ function Zn() {
           value: b
         });
       }
-      S++;
-    }), S = 0, w.forEach((b) => {
+      k++;
+    }), k = 0, w.forEach((b) => {
       if (!d.has(b)) {
-        const m = T.concat([S]);
+        const m = T.concat([k]);
         C.push({
           op: r,
           path: m,
@@ -3679,7 +3681,7 @@ function Zn() {
           value: b
         });
       }
-      S++;
+      k++;
     });
   }
   function I(y, T, C, u) {
@@ -3693,7 +3695,7 @@ function Zn() {
       value: y
     });
   }
-  function k(y, T) {
+  function S(y, T) {
     return T.forEach((C) => {
       const { path: u, op: d } = C;
       let w = y;
@@ -3702,10 +3704,10 @@ function Zn() {
         let _ = u[v];
         typeof _ != "string" && typeof _ != "number" && (_ = "" + _), (h === 0 || h === 1) && (_ === "__proto__" || _ === "constructor") && et(19), typeof w == "function" && _ === "prototype" && et(19), w = fn(w, _), typeof w != "object" && et(18, u.join("/"));
       }
-      const S = be(w), b = M(C.value), m = u[u.length - 1];
+      const k = be(w), b = M(C.value), m = u[u.length - 1];
       switch (d) {
         case e:
-          switch (S) {
+          switch (k) {
             case 2:
               return w.set(m, b);
             case 3:
@@ -3714,7 +3716,7 @@ function Zn() {
               return w[m] = b;
           }
         case r:
-          switch (S) {
+          switch (k) {
             case 1:
               return m === "-" ? w.push(b) : w.splice(m, 0, b);
             case 2:
@@ -3725,7 +3727,7 @@ function Zn() {
               return w[m] = b;
           }
         case s:
-          switch (S) {
+          switch (k) {
             case 1:
               return w.splice(m, 1);
             case 2:
@@ -3760,7 +3762,7 @@ function Zn() {
     return Ie(y) ? M(y) : y;
   }
   Hi("Patches", {
-    applyPatches_: k,
+    applyPatches_: S,
     generatePatches_: a,
     generateReplacementPatches_: I
   });
@@ -4074,7 +4076,7 @@ class eo {
       tracks: l,
       transitionIds: f,
       transitionsMap: I,
-      trackItemsMap: k,
+      trackItemsMap: S,
       structure: M
     } = this.getState(), E = K({
       trackItemDetailsMap: a,
@@ -4082,9 +4084,9 @@ class eo {
       tracks: l,
       transitionIds: f,
       transitionsMap: I,
-      trackItemsMap: k,
+      trackItemsMap: S,
       structure: M
-    }), y = [], T = [], C = [], u = [], d = [], w = [], S = [];
+    }), y = [], T = [], C = [], u = [], d = [], w = [], k = [];
     r.forEach((R) => {
       let $;
       const V = R.path.slice(1);
@@ -4100,7 +4102,7 @@ class eo {
         path: V,
         op: "add",
         value: R.oldValue
-      }, R.path.includes("trackItemIds") ? C.push($) : R.path.includes("transitionIds") ? T.push($) : R.path.includes("trackItemsMap") ? d.push($) : R.path.includes("transitionsMap") ? u.push($) : R.path.includes("tracks") ? y.push($) : R.path.includes("trackItemDetailsMap") ? w.push($) : R.path.includes("structure") && S.push($);
+      }, R.path.includes("trackItemIds") ? C.push($) : R.path.includes("transitionIds") ? T.push($) : R.path.includes("trackItemsMap") ? d.push($) : R.path.includes("transitionsMap") ? u.push($) : R.path.includes("tracks") ? y.push($) : R.path.includes("trackItemDetailsMap") ? w.push($) : R.path.includes("structure") && k.push($);
     });
     const b = this.applyPatch(
       E.tracks,
@@ -4122,7 +4124,7 @@ class eo {
       w
     ), g = this.applyPatch(
       E.structure,
-      S
+      k
     ), O = K({
       tracks: b,
       transitionIds: m,
@@ -4151,7 +4153,7 @@ class eo {
       tracks: l,
       transitionIds: f,
       transitionsMap: I,
-      trackItemsMap: k,
+      trackItemsMap: S,
       structure: M
     } = this.getState(), E = K({
       trackItemDetailsMap: a,
@@ -4159,9 +4161,9 @@ class eo {
       tracks: l,
       transitionIds: f,
       transitionsMap: I,
-      trackItemsMap: k,
+      trackItemsMap: S,
       structure: M
-    }), y = [], T = [], C = [], u = [], d = [], w = [], S = [];
+    }), y = [], T = [], C = [], u = [], d = [], w = [], k = [];
     r.forEach((R) => {
       let $;
       const V = R.path.slice(1);
@@ -4177,7 +4179,7 @@ class eo {
         path: V,
         op: "remove",
         value: R.oldValue
-      }, R.path.includes("trackItemIds") ? C.push($) : R.path.includes("transitionIds") ? T.push($) : R.path.includes("trackItemsMap") ? d.push($) : R.path.includes("transitionsMap") ? u.push($) : R.path.includes("trackItemDetailsMap") ? w.push($) : R.path.includes("structure") ? S.push($) : y.push($);
+      }, R.path.includes("trackItemIds") ? C.push($) : R.path.includes("transitionIds") ? T.push($) : R.path.includes("trackItemsMap") ? d.push($) : R.path.includes("transitionsMap") ? u.push($) : R.path.includes("trackItemDetailsMap") ? w.push($) : R.path.includes("structure") ? k.push($) : y.push($);
     });
     const b = this.applyPatch(
       E.tracks,
@@ -4199,7 +4201,7 @@ class eo {
       w
     ), g = this.applyPatch(
       E.structure,
-      S
+      k
     ), O = K({
       tracks: b,
       transitionIds: m,