@shotstack/shotstack-studio 1.2.1 → 1.2.2

package/dist/shotstack-studio.es.js

@@ -42,15 +42,12 @@ class Te {
   async load(e, t) {
     this.updateAssetLoadMetadata(e, "pending", 0);
     try {
-      const i = this.extractUrl(t);
-      if (i && await this.isPlayableVideo(i)) {
-        const n = await this.loadVideoTexture(e, i, t);
-        return this.updateAssetLoadMetadata(e, "success", 1), n;
-      }
-      const s = await v.Assets.load(t, (n) => {
-        this.updateAssetLoadMetadata(e, "loading", n);
+      if (await this.shouldUseSafariVideoLoader(t))
+        return await this.loadVideoForSafari(e, t);
+      const i = await v.Assets.load(t, (s) => {
+        this.updateAssetLoadMetadata(e, "loading", s);
       });
-      return this.updateAssetLoadMetadata(e, "success", 1), s;
+      return this.updateAssetLoadMetadata(e, "success", 1), i;
     } catch {
       return this.updateAssetLoadMetadata(e, "failed", 1), null;
     }
@@ -84,31 +81,27 @@ class Te {
     const t = await this.getContentType(e);
     return t?.startsWith("video/") ? document.createElement("video").canPlayType(t) !== "" : !1;
   }
-  async loadVideoTexture(e, t, i) {
-    const s = typeof i == "object" ? i.data ?? {} : {};
-    return new Promise((n, r) => {
-      const o = document.createElement("video");
-      o.crossOrigin = "anonymous", o.playsInline = !0, o.preload = "metadata";
-      const h = setTimeout(() => r(new Error("Video loading timeout")), 1e4), c = () => clearTimeout(h), l = () => {
-        if (c(), o.readyState >= 1)
-          try {
-            const m = new v.VideoSource({
-              resource: o,
-              ...s
-            });
-            n(new v.Texture({ source: m }));
-          } catch (m) {
-            r(m);
-          }
-      };
-      o.addEventListener("loadedmetadata", l, { once: !0 }), o.addEventListener(
-        "error",
-        () => {
-          c(), r(new Error("Video loading failed"));
-        },
-        { once: !0 }
-      ), this.updateAssetLoadMetadata(e, "loading", 0.5), o.src = t;
+  async shouldUseSafariVideoLoader(e) {
+    const t = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), i = this.extractUrl(e);
+    return t && i !== void 0 && await this.isPlayableVideo(i);
+  }
+  async loadVideoForSafari(e, t) {
+    const i = this.extractUrl(t), s = typeof t == "object" ? t.data ?? {} : {}, n = await new Promise((r, o) => {
+      const l = document.createElement("video");
+      l.crossOrigin = "anonymous", l.playsInline = !0, l.muted = !0, l.preload = "metadata", l.addEventListener("loadedmetadata", () => {
+        try {
+          const c = new v.VideoSource({
+            resource: l,
+            autoPlay: s.autoPlay ?? !1,
+            ...s
+          });
+          r(new v.Texture({ source: c }));
+        } catch (c) {
+          o(c);
+        }
+      }, { once: !0 }), l.addEventListener("error", () => o(new Error("Video loading failed")), { once: !0 }), this.updateAssetLoadMetadata(e, "loading", 0.5), l.src = i;
     });
+    return this.updateAssetLoadMetadata(e, "success", 1), n;
   }
   updateAssetLoadMetadata(e, t, i) {
     this.loadTracker.registry[e] ? (this.loadTracker.registry[e].progress = i, this.loadTracker.registry[e].status = t) : this.loadTracker.registry[e] = { progress: i, status: t };
@@ -141,8 +134,8 @@ class Ve {
     }
     if (await this.loadWoff2Decompressor(), !this.woff2Decompressor)
       throw new Error("Cannot initialize Woff2 decompressor.");
-    const r = this.woff2Decompressor.decompress(n), o = ft.parse(new Uint8Array(r).buffer), h = o.names.fontFamily.en || o.names.fontFamily[Object.keys(o.names.fontFamily)[0]], c = new Blob([r], { type: "font/ttf" }), l = URL.createObjectURL(c), m = new FontFace(h, `url(${l})`);
-    return await m.load(), document.fonts.add(m), m;
+    const r = this.woff2Decompressor.decompress(n), o = ft.parse(new Uint8Array(r).buffer), l = o.names.fontFamily.en || o.names.fontFamily[Object.keys(o.names.fontFamily)[0]], c = new Blob([r], { type: "font/ttf" }), h = URL.createObjectURL(c), g = new FontFace(l, `url(${h})`);
+    return await g.load(), document.fonts.add(g), g;
   }
   async loadWoff2Decompressor() {
     if (this.woff2Decompressor)
@@ -287,10 +280,10 @@ class F extends Error {
         else if (r.path.length === 0)
           i._errors.push(t(r));
         else {
-          let o = i, h = 0;
-          for (; h < r.path.length; ) {
-            const c = r.path[h];
-            h === r.path.length - 1 ? (o[c] = o[c] || { _errors: [] }, o[c]._errors.push(t(r))) : o[c] = o[c] || { _errors: [] }, o = o[c], h++;
+          let o = i, l = 0;
+          for (; l < r.path.length; ) {
+            const c = r.path[l];
+            l === r.path.length - 1 ? (o[c] = o[c] || { _errors: [] }, o[c]._errors.push(t(r))) : o[c] = o[c] || { _errors: [] }, o = o[c], l++;
           }
         }
     };
@@ -392,8 +385,8 @@ const qe = (a) => {
       message: s.message
     };
   let o = "";
-  const h = i.filter((c) => !!c).slice().reverse();
-  for (const c of h)
+  const l = i.filter((c) => !!c).slice().reverse();
+  for (const c of l)
     o = c(r, { data: e, defaultError: o }).message;
   return {
     ...s,
@@ -471,10 +464,10 @@ function Rt(a, e, t, i, s) {
   if (typeof e == "function" ? a !== e || !0 : !e.has(a)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
   return e.set(a, t), t;
 }
-var g;
+var m;
 (function(a) {
   a.errToObj = (e) => typeof e == "string" ? { message: e } : e || {}, a.toString = (e) => typeof e == "string" ? e : e?.message;
-})(g || (g = {}));
+})(m || (m = {}));
 var ve, xe;
 class V {
   constructor(e, t, i, s) {
@@ -506,9 +499,9 @@ function _(a) {
   if (e && (t || i))
     throw new Error(`Can't use "invalid_type_error" or "required_error" in conjunction with custom error map.`);
   return e ? { errorMap: e, description: s } : { errorMap: (r, o) => {
-    var h, c;
-    const { message: l } = a;
-    return r.code === "invalid_enum_value" ? { message: l ?? o.defaultError } : typeof o.data > "u" ? { message: (h = l ?? i) !== null && h !== void 0 ? h : o.defaultError } : r.code !== "invalid_type" ? { message: o.defaultError } : { message: (c = l ?? t) !== null && c !== void 0 ? c : o.defaultError };
+    var l, c;
+    const { message: h } = a;
+    return r.code === "invalid_enum_value" ? { message: h ?? o.defaultError } : typeof o.data > "u" ? { message: (l = h ?? i) !== null && l !== void 0 ? l : o.defaultError } : r.code !== "invalid_type" ? { message: o.defaultError } : { message: (c = h ?? t) !== null && c !== void 0 ? c : o.defaultError };
   }, description: s };
 }
 class b {
@@ -634,7 +627,7 @@ class b {
         code: u.custom,
         ...i(s)
       });
-      return typeof Promise < "u" && r instanceof Promise ? r.then((h) => h ? !0 : (o(), !1)) : r ? !0 : (o(), !1);
+      return typeof Promise < "u" && r instanceof Promise ? r.then((l) => l ? !0 : (o(), !1)) : r ? !0 : (o(), !1);
     });
   }
   refinement(e, t) {
@@ -921,7 +914,7 @@ class j extends b {
     return this.refinement((s) => e.test(s), {
       validation: t,
       code: u.invalid_string,
-      ...g.errToObj(i)
+      ...m.errToObj(i)
     });
   }
   _addCheck(e) {
@@ -931,46 +924,46 @@ class j extends b {
     });
   }
   email(e) {
-    return this._addCheck({ kind: "email", ...g.errToObj(e) });
+    return this._addCheck({ kind: "email", ...m.errToObj(e) });
   }
   url(e) {
-    return this._addCheck({ kind: "url", ...g.errToObj(e) });
+    return this._addCheck({ kind: "url", ...m.errToObj(e) });
   }
   emoji(e) {
-    return this._addCheck({ kind: "emoji", ...g.errToObj(e) });
+    return this._addCheck({ kind: "emoji", ...m.errToObj(e) });
   }
   uuid(e) {
-    return this._addCheck({ kind: "uuid", ...g.errToObj(e) });
+    return this._addCheck({ kind: "uuid", ...m.errToObj(e) });
   }
   nanoid(e) {
-    return this._addCheck({ kind: "nanoid", ...g.errToObj(e) });
+    return this._addCheck({ kind: "nanoid", ...m.errToObj(e) });
   }
   cuid(e) {
-    return this._addCheck({ kind: "cuid", ...g.errToObj(e) });
+    return this._addCheck({ kind: "cuid", ...m.errToObj(e) });
   }
   cuid2(e) {
-    return this._addCheck({ kind: "cuid2", ...g.errToObj(e) });
+    return this._addCheck({ kind: "cuid2", ...m.errToObj(e) });
   }
   ulid(e) {
-    return this._addCheck({ kind: "ulid", ...g.errToObj(e) });
+    return this._addCheck({ kind: "ulid", ...m.errToObj(e) });
   }
   base64(e) {
-    return this._addCheck({ kind: "base64", ...g.errToObj(e) });
+    return this._addCheck({ kind: "base64", ...m.errToObj(e) });
   }
   base64url(e) {
     return this._addCheck({
       kind: "base64url",
-      ...g.errToObj(e)
+      ...m.errToObj(e)
     });
   }
   jwt(e) {
-    return this._addCheck({ kind: "jwt", ...g.errToObj(e) });
+    return this._addCheck({ kind: "jwt", ...m.errToObj(e) });
   }
   ip(e) {
-    return this._addCheck({ kind: "ip", ...g.errToObj(e) });
+    return this._addCheck({ kind: "ip", ...m.errToObj(e) });
   }
   cidr(e) {
-    return this._addCheck({ kind: "cidr", ...g.errToObj(e) });
+    return this._addCheck({ kind: "cidr", ...m.errToObj(e) });
   }
   datetime(e) {
     var t, i;
@@ -985,7 +978,7 @@ class j extends b {
       precision: typeof e?.precision > "u" ? null : e?.precision,
       offset: (t = e?.offset) !== null && t !== void 0 ? t : !1,
       local: (i = e?.local) !== null && i !== void 0 ? i : !1,
-      ...g.errToObj(e?.message)
+      ...m.errToObj(e?.message)
     });
   }
   date(e) {
@@ -999,17 +992,17 @@ class j extends b {
     }) : this._addCheck({
       kind: "time",
       precision: typeof e?.precision > "u" ? null : e?.precision,
-      ...g.errToObj(e?.message)
+      ...m.errToObj(e?.message)
     });
   }
   duration(e) {
-    return this._addCheck({ kind: "duration", ...g.errToObj(e) });
+    return this._addCheck({ kind: "duration", ...m.errToObj(e) });
   }
   regex(e, t) {
     return this._addCheck({
       kind: "regex",
       regex: e,
-      ...g.errToObj(t)
+      ...m.errToObj(t)
     });
   }
   includes(e, t) {
@@ -1017,49 +1010,49 @@ class j extends b {
       kind: "includes",
       value: e,
       position: t?.position,
-      ...g.errToObj(t?.message)
+      ...m.errToObj(t?.message)
     });
   }
   startsWith(e, t) {
     return this._addCheck({
       kind: "startsWith",
       value: e,
-      ...g.errToObj(t)
+      ...m.errToObj(t)
     });
   }
   endsWith(e, t) {
     return this._addCheck({
       kind: "endsWith",
       value: e,
-      ...g.errToObj(t)
+      ...m.errToObj(t)
     });
   }
   min(e, t) {
     return this._addCheck({
       kind: "min",
       value: e,
-      ...g.errToObj(t)
+      ...m.errToObj(t)
     });
   }
   max(e, t) {
     return this._addCheck({
       kind: "max",
       value: e,
-      ...g.errToObj(t)
+      ...m.errToObj(t)
     });
   }
   length(e, t) {
     return this._addCheck({
       kind: "length",
       value: e,
-      ...g.errToObj(t)
+      ...m.errToObj(t)
     });
   }
   /**
    * Equivalent to `.min(1)`
    */
   nonempty(e) {
-    return this.min(1, g.errToObj(e));
+    return this.min(1, m.errToObj(e));
   }
   trim() {
     return new j({
@@ -1199,16 +1192,16 @@ class pe extends b {
     return { status: s.value, value: e.data };
   }
   gte(e, t) {
-    return this.setLimit("min", e, !0, g.toString(t));
+    return this.setLimit("min", e, !0, m.toString(t));
   }
   gt(e, t) {
-    return this.setLimit("min", e, !1, g.toString(t));
+    return this.setLimit("min", e, !1, m.toString(t));
   }
   lte(e, t) {
-    return this.setLimit("max", e, !0, g.toString(t));
+    return this.setLimit("max", e, !0, m.toString(t));
   }
   lt(e, t) {
-    return this.setLimit("max", e, !1, g.toString(t));
+    return this.setLimit("max", e, !1, m.toString(t));
   }
   setLimit(e, t, i, s) {
     return new pe({
@@ -1219,7 +1212,7 @@ class pe extends b {
           kind: e,
           value: t,
           inclusive: i,
-          message: g.toString(s)
+          message: m.toString(s)
         }
       ]
     });
@@ -1233,7 +1226,7 @@ class pe extends b {
   int(e) {
     return this._addCheck({
       kind: "int",
-      message: g.toString(e)
+      message: m.toString(e)
     });
   }
   positive(e) {
@@ -1241,7 +1234,7 @@ class pe extends b {
       kind: "min",
       value: 0,
       inclusive: !1,
-      message: g.toString(e)
+      message: m.toString(e)
     });
   }
   negative(e) {
@@ -1249,7 +1242,7 @@ class pe extends b {
       kind: "max",
       value: 0,
       inclusive: !1,
-      message: g.toString(e)
+      message: m.toString(e)
     });
   }
   nonpositive(e) {
@@ -1257,7 +1250,7 @@ class pe extends b {
       kind: "max",
       value: 0,
       inclusive: !0,
-      message: g.toString(e)
+      message: m.toString(e)
     });
   }
   nonnegative(e) {
@@ -1265,20 +1258,20 @@ class pe extends b {
       kind: "min",
       value: 0,
       inclusive: !0,
-      message: g.toString(e)
+      message: m.toString(e)
     });
   }
   multipleOf(e, t) {
     return this._addCheck({
       kind: "multipleOf",
       value: e,
-      message: g.toString(t)
+      message: m.toString(t)
     });
   }
   finite(e) {
     return this._addCheck({
       kind: "finite",
-      message: g.toString(e)
+      message: m.toString(e)
     });
   }
   safe(e) {
@@ -1286,12 +1279,12 @@ class pe extends b {
       kind: "min",
       inclusive: !0,
       value: Number.MIN_SAFE_INTEGER,
-      message: g.toString(e)
+      message: m.toString(e)
     })._addCheck({
       kind: "max",
       inclusive: !0,
       value: Number.MAX_SAFE_INTEGER,
-      message: g.toString(e)
+      message: m.toString(e)
     });
   }
   get minValue() {
@@ -1369,16 +1362,16 @@ class me extends b {
     }), w;
   }
   gte(e, t) {
-    return this.setLimit("min", e, !0, g.toString(t));
+    return this.setLimit("min", e, !0, m.toString(t));
   }
   gt(e, t) {
-    return this.setLimit("min", e, !1, g.toString(t));
+    return this.setLimit("min", e, !1, m.toString(t));
   }
   lte(e, t) {
-    return this.setLimit("max", e, !0, g.toString(t));
+    return this.setLimit("max", e, !0, m.toString(t));
   }
   lt(e, t) {
-    return this.setLimit("max", e, !1, g.toString(t));
+    return this.setLimit("max", e, !1, m.toString(t));
   }
   setLimit(e, t, i, s) {
     return new me({
@@ -1389,7 +1382,7 @@ class me extends b {
           kind: e,
           value: t,
           inclusive: i,
-          message: g.toString(s)
+          message: m.toString(s)
         }
       ]
     });
@@ -1405,7 +1398,7 @@ class me extends b {
       kind: "min",
       value: BigInt(0),
       inclusive: !1,
-      message: g.toString(e)
+      message: m.toString(e)
     });
   }
   negative(e) {
@@ -1413,7 +1406,7 @@ class me extends b {
       kind: "max",
       value: BigInt(0),
       inclusive: !1,
-      message: g.toString(e)
+      message: m.toString(e)
     });
   }
   nonpositive(e) {
@@ -1421,7 +1414,7 @@ class me extends b {
       kind: "max",
       value: BigInt(0),
       inclusive: !0,
-      message: g.toString(e)
+      message: m.toString(e)
     });
   }
   nonnegative(e) {
@@ -1429,14 +1422,14 @@ class me extends b {
       kind: "min",
       value: BigInt(0),
       inclusive: !0,
-      message: g.toString(e)
+      message: m.toString(e)
     });
   }
   multipleOf(e, t) {
     return this._addCheck({
       kind: "multipleOf",
       value: e,
-      message: g.toString(t)
+      message: m.toString(t)
     });
   }
   get minValue() {
@@ -1528,14 +1521,14 @@ class be extends b {
     return this._addCheck({
       kind: "min",
       value: e.getTime(),
-      message: g.toString(t)
+      message: m.toString(t)
     });
   }
   max(e, t) {
     return this._addCheck({
       kind: "max",
       value: e.getTime(),
-      message: g.toString(t)
+      message: m.toString(t)
     });
   }
   get minDate() {
@@ -1709,19 +1702,19 @@ class Z extends b {
   min(e, t) {
     return new Z({
       ...this._def,
-      minLength: { value: e, message: g.toString(t) }
+      minLength: { value: e, message: m.toString(t) }
     });
   }
   max(e, t) {
     return new Z({
       ...this._def,
-      maxLength: { value: e, message: g.toString(t) }
+      maxLength: { value: e, message: m.toString(t) }
     });
   }
   length(e, t) {
     return new Z({
       ...this._def,
-      exactLength: { value: e, message: g.toString(t) }
+      exactLength: { value: e, message: m.toString(t) }
     });
   }
   nonempty(e) {
@@ -1775,22 +1768,22 @@ class P extends b {
     if (!(this._def.catchall instanceof G && this._def.unknownKeys === "strip"))
       for (const c in s.data)
         r.includes(c) || o.push(c);
-    const h = [];
+    const l = [];
     for (const c of r) {
-      const l = n[c], m = s.data[c];
-      h.push({
+      const h = n[c], g = s.data[c];
+      l.push({
         key: { status: "valid", value: c },
-        value: l._parse(new V(s, m, s.path, c)),
+        value: h._parse(new V(s, g, s.path, c)),
         alwaysSet: c in s.data
       });
     }
     if (this._def.catchall instanceof G) {
       const c = this._def.unknownKeys;
       if (c === "passthrough")
-        for (const l of o)
-          h.push({
-            key: { status: "valid", value: l },
-            value: { status: "valid", value: s.data[l] }
+        for (const h of o)
+          l.push({
+            key: { status: "valid", value: h },
+            value: { status: "valid", value: s.data[h] }
           });
       else if (c === "strict")
         o.length > 0 && (d(s, {
@@ -1800,46 +1793,46 @@ class P extends b {
       else if (c !== "strip") throw new Error("Internal ZodObject error: invalid unknownKeys value.");
     } else {
       const c = this._def.catchall;
-      for (const l of o) {
-        const m = s.data[l];
-        h.push({
-          key: { status: "valid", value: l },
+      for (const h of o) {
+        const g = s.data[h];
+        l.push({
+          key: { status: "valid", value: h },
           value: c._parse(
-            new V(s, m, s.path, l)
+            new V(s, g, s.path, h)
             //, ctx.child(key), value, getParsedType(value)
           ),
-          alwaysSet: l in s.data
+          alwaysSet: h in s.data
         });
       }
     }
     return s.common.async ? Promise.resolve().then(async () => {
       const c = [];
-      for (const l of h) {
-        const m = await l.key, p = await l.value;
+      for (const h of l) {
+        const g = await h.key, p = await h.value;
         c.push({
-          key: m,
+          key: g,
           value: p,
-          alwaysSet: l.alwaysSet
+          alwaysSet: h.alwaysSet
         });
       }
       return c;
-    }).then((c) => z.mergeObjectSync(i, c)) : z.mergeObjectSync(i, h);
+    }).then((c) => z.mergeObjectSync(i, c)) : z.mergeObjectSync(i, l);
   }
   get shape() {
     return this._def.shape();
   }
   strict(e) {
-    return g.errToObj, new P({
+    return m.errToObj, new P({
       ...this._def,
       unknownKeys: "strict",
       ...e !== void 0 ? {
         errorMap: (t, i) => {
           var s, n, r, o;
-          const h = (r = (n = (s = this._def).errorMap) === null || n === void 0 ? void 0 : n.call(s, t, i).message) !== null && r !== void 0 ? r : i.defaultError;
+          const l = (r = (n = (s = this._def).errorMap) === null || n === void 0 ? void 0 : n.call(s, t, i).message) !== null && r !== void 0 ? r : i.defaultError;
           return t.code === "unrecognized_keys" ? {
-            message: (o = g.errToObj(e).message) !== null && o !== void 0 ? o : h
+            message: (o = m.errToObj(e).message) !== null && o !== void 0 ? o : l
           } : {
-            message: h
+            message: l
           };
         }
       } : {}
@@ -2077,7 +2070,7 @@ class Re extends b {
     {
       let n;
       const r = [];
-      for (const h of i) {
+      for (const l of i) {
         const c = {
           ...t,
           common: {
@@ -2085,18 +2078,18 @@ class Re extends b {
             issues: []
           },
           parent: null
-        }, l = h._parseSync({
+        }, h = l._parseSync({
           data: t.data,
           path: t.path,
           parent: c
         });
-        if (l.status === "valid")
-          return l;
-        l.status === "dirty" && !n && (n = { result: l, ctx: c }), c.common.issues.length && r.push(c.common.issues);
+        if (h.status === "valid")
+          return h;
+        h.status === "dirty" && !n && (n = { result: h, ctx: c }), c.common.issues.length && r.push(c.common.issues);
       }
       if (n)
         return t.common.issues.push(...n.ctx.common.issues), n.result;
-      const o = r.map((h) => new F(h));
+      const o = r.map((l) => new F(l));
       return d(t, {
         code: u.invalid_union,
         unionErrors: o
@@ -2182,10 +2175,10 @@ function tt(a, e) {
   if (t === f.object && i === f.object) {
     const s = C.objectKeys(e), n = C.objectKeys(a).filter((o) => s.indexOf(o) !== -1), r = { ...a, ...e };
     for (const o of n) {
-      const h = tt(a[o], e[o]);
-      if (!h.valid)
+      const l = tt(a[o], e[o]);
+      if (!l.valid)
         return { valid: !1 };
-      r[o] = h.data;
+      r[o] = l.data;
     }
     return { valid: !0, data: r };
   } else if (t === f.array && i === f.array) {
@@ -2193,10 +2186,10 @@ function tt(a, e) {
       return { valid: !1 };
     const s = [];
     for (let n = 0; n < a.length; n++) {
-      const r = a[n], o = e[n], h = tt(r, o);
-      if (!h.valid)
+      const r = a[n], o = e[n], l = tt(r, o);
+      if (!l.valid)
         return { valid: !1 };
-      s.push(h.data);
+      s.push(l.data);
     }
     return { valid: !0, data: s };
   } else return t === f.date && i === f.date && +a == +e ? { valid: !0, data: a } : { valid: !1 };
@@ -2264,8 +2257,8 @@ class W extends b {
       type: "array"
     }), t.dirty());
     const n = [...i.data].map((r, o) => {
-      const h = this._def.items[o] || this._def.rest;
-      return h ? h._parse(new V(i, r, i.path, o)) : null;
+      const l = this._def.items[o] || this._def.rest;
+      return l ? l._parse(new V(i, r, i.path, o)) : null;
     }).filter((r) => !!r);
     return i.common.async ? Promise.all(n).then((r) => z.mergeArray(t, r)) : z.mergeArray(t, n);
   }
@@ -2345,28 +2338,28 @@ class it extends b {
         expected: f.map,
         received: i.parsedType
       }), w;
-    const s = this._def.keyType, n = this._def.valueType, r = [...i.data.entries()].map(([o, h], c) => ({
+    const s = this._def.keyType, n = this._def.valueType, r = [...i.data.entries()].map(([o, l], c) => ({
       key: s._parse(new V(i, o, i.path, [c, "key"])),
-      value: n._parse(new V(i, h, i.path, [c, "value"]))
+      value: n._parse(new V(i, l, i.path, [c, "value"]))
     }));
     if (i.common.async) {
       const o = /* @__PURE__ */ new Map();
       return Promise.resolve().then(async () => {
-        for (const h of r) {
-          const c = await h.key, l = await h.value;
-          if (c.status === "aborted" || l.status === "aborted")
+        for (const l of r) {
+          const c = await l.key, h = await l.value;
+          if (c.status === "aborted" || h.status === "aborted")
             return w;
-          (c.status === "dirty" || l.status === "dirty") && t.dirty(), o.set(c.value, l.value);
+          (c.status === "dirty" || h.status === "dirty") && t.dirty(), o.set(c.value, h.value);
         }
         return { status: t.value, value: o };
       });
     } else {
       const o = /* @__PURE__ */ new Map();
-      for (const h of r) {
-        const c = h.key, l = h.value;
-        if (c.status === "aborted" || l.status === "aborted")
+      for (const l of r) {
+        const c = l.key, h = l.value;
+        if (c.status === "aborted" || h.status === "aborted")
           return w;
-        (c.status === "dirty" || l.status === "dirty") && t.dirty(), o.set(c.value, l.value);
+        (c.status === "dirty" || h.status === "dirty") && t.dirty(), o.set(c.value, h.value);
       }
       return { status: t.value, value: o };
     }
@@ -2404,28 +2397,28 @@ class ge extends b {
       message: s.maxSize.message
     }), t.dirty());
     const n = this._def.valueType;
-    function r(h) {
+    function r(l) {
       const c = /* @__PURE__ */ new Set();
-      for (const l of h) {
-        if (l.status === "aborted")
+      for (const h of l) {
+        if (h.status === "aborted")
           return w;
-        l.status === "dirty" && t.dirty(), c.add(l.value);
+        h.status === "dirty" && t.dirty(), c.add(h.value);
       }
       return { status: t.value, value: c };
     }
-    const o = [...i.data.values()].map((h, c) => n._parse(new V(i, h, i.path, c)));
-    return i.common.async ? Promise.all(o).then((h) => r(h)) : r(o);
+    const o = [...i.data.values()].map((l, c) => n._parse(new V(i, l, i.path, c)));
+    return i.common.async ? Promise.all(o).then((l) => r(l)) : r(o);
   }
   min(e, t) {
     return new ge({
       ...this._def,
-      minSize: { value: e, message: g.toString(t) }
+      minSize: { value: e, message: m.toString(t) }
     });
   }
   max(e, t) {
     return new ge({
       ...this._def,
-      maxSize: { value: e, message: g.toString(t) }
+      maxSize: { value: e, message: m.toString(t) }
     });
   }
   size(e, t) {
@@ -2454,7 +2447,7 @@ class we extends b {
         expected: f.function,
         received: t.parsedType
       }), w;
-    function i(o, h) {
+    function i(o, l) {
       return qe({
         data: o,
         path: t.path,
@@ -2466,11 +2459,11 @@ class we extends b {
         ].filter((c) => !!c),
         issueData: {
           code: u.invalid_arguments,
-          argumentsError: h
+          argumentsError: l
         }
       });
     }
-    function s(o, h) {
+    function s(o, l) {
       return qe({
         data: o,
         path: t.path,
@@ -2482,31 +2475,31 @@ class we extends b {
         ].filter((c) => !!c),
         issueData: {
           code: u.invalid_return_type,
-          returnTypeError: h
+          returnTypeError: l
         }
       });
     }
     const n = { errorMap: t.common.contextualErrorMap }, r = t.data;
     if (this._def.returns instanceof Ce) {
       const o = this;
-      return M(async function(...h) {
-        const c = new F([]), l = await o._def.args.parseAsync(h, n).catch((k) => {
-          throw c.addIssue(i(h, k)), c;
-        }), m = await Reflect.apply(r, this, l);
-        return await o._def.returns._def.type.parseAsync(m, n).catch((k) => {
-          throw c.addIssue(s(m, k)), c;
+      return M(async function(...l) {
+        const c = new F([]), h = await o._def.args.parseAsync(l, n).catch((k) => {
+          throw c.addIssue(i(l, k)), c;
+        }), g = await Reflect.apply(r, this, h);
+        return await o._def.returns._def.type.parseAsync(g, n).catch((k) => {
+          throw c.addIssue(s(g, k)), c;
         });
       });
     } else {
       const o = this;
-      return M(function(...h) {
-        const c = o._def.args.safeParse(h, n);
+      return M(function(...l) {
+        const c = o._def.args.safeParse(l, n);
         if (!c.success)
-          throw new F([i(h, c.error)]);
-        const l = Reflect.apply(r, this, c.data), m = o._def.returns.safeParse(l, n);
-        if (!m.success)
-          throw new F([s(l, m.error)]);
-        return m.data;
+          throw new F([i(l, c.error)]);
+        const h = Reflect.apply(r, this, c.data), g = o._def.returns.safeParse(h, n);
+        if (!g.success)
+          throw new F([s(h, g.error)]);
+        return g.data;
       });
     }
   }
@@ -2724,12 +2717,12 @@ class X extends b {
         return Promise.resolve(r).then(async (o) => {
           if (t.value === "aborted")
             return w;
-          const h = await this._def.schema._parseAsync({
+          const l = await this._def.schema._parseAsync({
             data: o,
             path: i.path,
             parent: i
           });
-          return h.status === "aborted" ? w : h.status === "dirty" || t.value === "dirty" ? ye(h.value) : h;
+          return l.status === "aborted" ? w : l.status === "dirty" || t.value === "dirty" ? ye(l.value) : l;
         });
       {
         if (t.value === "aborted")
@@ -2744,10 +2737,10 @@ class X extends b {
     }
     if (s.type === "refinement") {
       const r = (o) => {
-        const h = s.refinement(o, n);
+        const l = s.refinement(o, n);
         if (i.common.async)
-          return Promise.resolve(h);
-        if (h instanceof Promise)
+          return Promise.resolve(l);
+        if (l instanceof Promise)
           throw new Error("Async refinement encountered during synchronous parse operation. Use .parseAsync instead.");
         return o;
       };
@@ -3304,8 +3297,8 @@ class es {
     };
   }
   getValue(e, t, i, s) {
-    const n = this.curves[s ?? ""] ?? this.curves.ease, [[r, o], [h, c]] = n, l = i + (3 * r - 3 * h + 1) * i * (1 - i), m = e, p = e + (t - e) * o, k = e + (t - e) * c, A = t, S = l, N = 1 - S;
-    return N ** 3 * m + 3 * N ** 2 * S * p + 3 * N * S ** 2 * k + S ** 3 * A;
+    const n = this.curves[s ?? ""] ?? this.curves.ease, [[r, o], [l, c]] = n, h = i + (3 * r - 3 * l + 1) * i * (1 - i), g = e, p = e + (t - e) * o, k = e + (t - e) * c, A = t, S = h, N = 1 - S;
+    return N ** 3 * g + 3 * N ** 2 * S * p + 3 * N * S ** 2 * k + S ** 3 * A;
   }
 }
 class R {
@@ -3368,19 +3361,19 @@ class R {
     for (let n = 0; n < e.length; n += 1) {
       const r = e[n], o = e[n + 1];
       if (n === 0 && r.start !== 0) {
-        const l = { start: 0, length: r.start, from: i, to: r.from };
-        s.push(l);
+        const h = { start: 0, length: r.start, from: i, to: r.from };
+        s.push(h);
       }
       if (s.push(r), !o) {
         if (r.start + r.length < t) {
-          const m = r.start + r.length, p = { start: m, length: t - m, from: r.to, to: r.to };
+          const g = r.start + r.length, p = { start: g, length: t - g, from: r.to, to: r.to };
           s.push(p);
         }
         break;
       }
       if (r.start + r.length !== o.start) {
-        const l = { start: r.start + r.length, length: o.start, from: r.to, to: o.from };
-        s.push(l);
+        const h = { start: r.start + r.length, length: o.start, from: r.to, to: o.from };
+        s.push(h);
       }
     }
     return s;
@@ -3418,19 +3411,19 @@ class ts {
     this.clipConfiguration = e;
   }
   build(e, t) {
-    const i = [], s = [], n = [], r = [], o = [], { effect: h, length: c } = this.clipConfiguration;
-    if (!h)
+    const i = [], s = [], n = [], r = [], o = [], { effect: l, length: c } = this.clipConfiguration;
+    if (!l)
       return { offsetXKeyframes: i, offsetYKeyframes: s, opacityKeyframes: n, scaleKeyframes: r, rotationKeyframes: o };
-    const l = 0;
+    const h = 0;
     switch (this.getPresetName()) {
       case "zoomIn": {
         const p = this.getZoomSpeed(), k = 1 * this.clipConfiguration.scale, A = p * this.clipConfiguration.scale;
-        r.push({ from: k, to: A, start: l, length: c, interpolation: "linear" });
+        r.push({ from: k, to: A, start: h, length: c, interpolation: "linear" });
         break;
       }
       case "zoomOut": {
         const k = this.getZoomSpeed() * this.clipConfiguration.scale, A = 1 * this.clipConfiguration.scale;
-        r.push({ from: k, to: A, start: l, length: c, interpolation: "linear" });
+        r.push({ from: k, to: A, start: h, length: c, interpolation: "linear" });
         break;
       }
       case "slideLeft": {
@@ -3438,10 +3431,10 @@ class ts {
         const k = e.width + e.width * p * 2, A = t.height / t.width * e.height;
         if (A < k) {
           const S = Math.abs(k / e.width);
-          r.push({ from: S, to: S, start: l, length: c, interpolation: "linear" });
+          r.push({ from: S, to: S, start: h, length: c, interpolation: "linear" });
         } else
           p = (A - e.width) / 2 / e.width;
-        i.push({ from: p, to: -p, start: l, length: c });
+        i.push({ from: p, to: -p, start: h, length: c });
         break;
       }
       case "slideRight": {
@@ -3449,10 +3442,10 @@ class ts {
         const k = e.width + e.width * p * 2, A = t.height / t.width * e.height;
         if (A < k) {
           const S = Math.abs(k / e.width);
-          r.push({ from: S, to: S, start: l, length: c, interpolation: "linear" });
+          r.push({ from: S, to: S, start: h, length: c, interpolation: "linear" });
         } else
           p = (A - e.width) / 2 / e.width;
-        i.push({ from: -p, to: p, start: l, length: c });
+        i.push({ from: -p, to: p, start: h, length: c });
         break;
       }
       case "slideUp": {
@@ -3460,10 +3453,10 @@ class ts {
         const k = e.height + e.height * p * 2, A = t.height / t.width * e.width;
         if (A < k) {
           const S = Math.abs(k / e.height);
-          r.push({ from: S, to: S, start: l, length: c, interpolation: "linear" });
+          r.push({ from: S, to: S, start: h, length: c, interpolation: "linear" });
         } else
           p = (A - e.height) / 2 / e.height;
-        s.push({ from: p, to: -p, start: l, length: c });
+        s.push({ from: p, to: -p, start: h, length: c });
         break;
       }
       case "slideDown": {
@@ -3471,10 +3464,10 @@ class ts {
         const k = e.height + e.height * p * 2, A = t.height / t.width * e.width;
         if (A < k) {
           const S = Math.abs(k / e.height);
-          r.push({ from: S, to: S, start: l, length: c, interpolation: "linear" });
+          r.push({ from: S, to: S, start: h, length: c, interpolation: "linear" });
         } else
           p = (A - e.height) / 2 / e.height;
-        s.push({ from: -p, to: p, start: l, length: c });
+        s.push({ from: -p, to: p, start: h, length: c });
         break;
       }
     }
@@ -3529,33 +3522,33 @@ class is {
     const r = 0, o = this.getInPresetLength();
     switch (this.getInPresetName()) {
       case "fade": {
-        const l = Math.max(0, Math.min(this.clipConfiguration.opacity ?? 1, 1));
-        i.push({ from: 0, to: l, start: r, length: o, interpolation: "linear" });
+        const h = Math.max(0, Math.min(this.clipConfiguration.opacity ?? 1, 1));
+        i.push({ from: 0, to: h, start: r, length: o, interpolation: "linear" });
         break;
       }
       case "zoom": {
-        const l = this.clipConfiguration.scale + 9, m = this.clipConfiguration.scale;
-        s.push({ from: l, to: m, start: r, length: o, interpolation: "bezier", easing: "easeIn" }), i.push({ from: 0, to: 1, start: r, length: o, interpolation: "bezier", easing: "easeIn" });
+        const h = this.clipConfiguration.scale + 9, g = this.clipConfiguration.scale;
+        s.push({ from: h, to: g, start: r, length: o, interpolation: "bezier", easing: "easeIn" }), i.push({ from: 0, to: 1, start: r, length: o, interpolation: "bezier", easing: "easeIn" });
         break;
       }
       case "slideLeft": {
-        const c = this.clipConfiguration.offset?.x + 0.025, l = this.clipConfiguration.offset?.x;
-        e.push({ from: c, to: l, start: r, length: o, interpolation: "bezier", easing: "easeIn" }), i.push({ from: 0, to: 1, start: r, length: o, interpolation: "bezier", easing: "easeIn" });
+        const c = this.clipConfiguration.offset?.x + 0.025, h = this.clipConfiguration.offset?.x;
+        e.push({ from: c, to: h, start: r, length: o, interpolation: "bezier", easing: "easeIn" }), i.push({ from: 0, to: 1, start: r, length: o, interpolation: "bezier", easing: "easeIn" });
         break;
       }
       case "slideRight": {
-        const c = this.clipConfiguration.offset?.x - 0.025, l = this.clipConfiguration.offset?.x;
-        e.push({ from: c, to: l, start: r, length: o, interpolation: "bezier", easing: "easeIn" }), i.push({ from: 0, to: 1, start: r, length: o, interpolation: "bezier", easing: "easeIn" });
+        const c = this.clipConfiguration.offset?.x - 0.025, h = this.clipConfiguration.offset?.x;
+        e.push({ from: c, to: h, start: r, length: o, interpolation: "bezier", easing: "easeIn" }), i.push({ from: 0, to: 1, start: r, length: o, interpolation: "bezier", easing: "easeIn" });
         break;
       }
       case "slideUp": {
-        const c = this.clipConfiguration.offset?.y + 0.025, l = this.clipConfiguration.offset?.y;
-        t.push({ from: c, to: l, start: r, length: o, interpolation: "bezier", easing: "easeIn" }), i.push({ from: 0, to: 1, start: r, length: o, interpolation: "bezier", easing: "easeIn" });
+        const c = this.clipConfiguration.offset?.y + 0.025, h = this.clipConfiguration.offset?.y;
+        t.push({ from: c, to: h, start: r, length: o, interpolation: "bezier", easing: "easeIn" }), i.push({ from: 0, to: 1, start: r, length: o, interpolation: "bezier", easing: "easeIn" });
         break;
       }
       case "slideDown": {
-        const c = this.clipConfiguration.offset?.y - 0.025, l = this.clipConfiguration.offset?.y;
-        t.push({ from: c, to: l, start: r, length: o, interpolation: "bezier", easing: "easeOut" }), i.push({ from: 0, to: 1, start: r, length: o, interpolation: "bezier", easing: "easeOut" });
+        const c = this.clipConfiguration.offset?.y - 0.025, h = this.clipConfiguration.offset?.y;
+        t.push({ from: c, to: h, start: r, length: o, interpolation: "bezier", easing: "easeOut" }), i.push({ from: 0, to: 1, start: r, length: o, interpolation: "bezier", easing: "easeOut" });
         break;
       }
       case "carouselLeft":
@@ -3588,28 +3581,28 @@ class is {
         break;
       }
       case "zoom": {
-        const l = this.clipConfiguration.scale, m = l + 9;
-        s.push({ from: l, to: m, start: o, length: r, interpolation: "bezier", easing: "easeOut" }), i.push({ from: 1, to: 0, start: o, length: r, interpolation: "bezier", easing: "easeOut" });
+        const h = this.clipConfiguration.scale, g = h + 9;
+        s.push({ from: h, to: g, start: o, length: r, interpolation: "bezier", easing: "easeOut" }), i.push({ from: 1, to: 0, start: o, length: r, interpolation: "bezier", easing: "easeOut" });
         break;
       }
       case "slideLeft": {
-        const c = this.clipConfiguration.offset?.x, l = c - 0.025;
-        e.push({ from: c, to: l, start: o, length: r, interpolation: "bezier", easing: "easeOut" }), i.push({ from: 1, to: 0, start: o, length: r, interpolation: "bezier", easing: "easeOut" });
+        const c = this.clipConfiguration.offset?.x, h = c - 0.025;
+        e.push({ from: c, to: h, start: o, length: r, interpolation: "bezier", easing: "easeOut" }), i.push({ from: 1, to: 0, start: o, length: r, interpolation: "bezier", easing: "easeOut" });
         break;
       }
       case "slideRight": {
-        const c = this.clipConfiguration.offset?.x, l = c + 0.025;
-        e.push({ from: c, to: l, start: o, length: r, interpolation: "bezier", easing: "easeOut" }), i.push({ from: 1, to: 0, start: o, length: r, interpolation: "bezier", easing: "easeOut" });
+        const c = this.clipConfiguration.offset?.x, h = c + 0.025;
+        e.push({ from: c, to: h, start: o, length: r, interpolation: "bezier", easing: "easeOut" }), i.push({ from: 1, to: 0, start: o, length: r, interpolation: "bezier", easing: "easeOut" });
         break;
       }
       case "slideUp": {
-        const c = this.clipConfiguration.offset?.y, l = c - 0.025;
-        t.push({ from: c, to: l, start: o, length: r, interpolation: "bezier", easing: "easeIn" }), i.push({ from: 1, to: 0, start: o, length: r, interpolation: "bezier", easing: "easeIn" });
+        const c = this.clipConfiguration.offset?.y, h = c - 0.025;
+        t.push({ from: c, to: h, start: o, length: r, interpolation: "bezier", easing: "easeIn" }), i.push({ from: 1, to: 0, start: o, length: r, interpolation: "bezier", easing: "easeIn" });
         break;
       }
       case "slideDown": {
-        const c = this.clipConfiguration.offset?.y, l = c + 0.025;
-        t.push({ from: c, to: l, start: o, length: r, interpolation: "bezier", easing: "easeIn" }), i.push({ from: 1, to: 0, start: o, length: r, interpolation: "bezier", easing: "easeIn" });
+        const c = this.clipConfiguration.offset?.y, h = c + 0.025;
+        t.push({ from: c, to: h, start: o, length: r, interpolation: "bezier", easing: "easeIn" }), i.push({ from: 1, to: 0, start: o, length: r, interpolation: "bezier", easing: "easeIn" });
         break;
       }
       case "carouselLeft":
@@ -3919,14 +3912,14 @@ class I extends ot {
       return;
     if (this.scaleDirection = null, this.topLeftScaleHandle?.getBounds().containsPoint(e.globalX, e.globalY) && (this.scaleDirection = "topLeft"), this.topRightScaleHandle?.getBounds().containsPoint(e.globalX, e.globalY) && (this.scaleDirection = "topRight"), this.bottomRightScaleHandle?.getBounds().containsPoint(e.globalX, e.globalY) && (this.scaleDirection = "bottomRight"), this.bottomLeftScaleHandle?.getBounds().containsPoint(e.globalX, e.globalY) && (this.scaleDirection = "bottomLeft"), this.scaleDirection !== null) {
       this.scaleStart = this.getScale() / this.getFitScale();
-      const h = e.getLocalPosition(this.edit.getContainer());
-      this.scaleOffset = h;
+      const l = e.getLocalPosition(this.edit.getContainer());
+      this.scaleOffset = l;
       return;
     }
     if (this.rotationHandle?.getBounds().containsPoint(e.globalX, e.globalY)) {
       this.isRotating = !0, this.rotationStart = this.getRotation();
-      const h = e.getLocalPosition(this.edit.getContainer());
-      this.rotationOffset = h;
+      const l = e.getLocalPosition(this.edit.getContainer());
+      this.rotationOffset = l;
       return;
     }
     this.isDragging = !0;
@@ -3938,15 +3931,15 @@ class I extends ot {
   }
   onPointerMove(e) {
     if (this.scaleDirection !== null && this.scaleStart !== null) {
-      const t = e.getLocalPosition(this.edit.getContainer()), i = this.getPosition(), s = this.getPivot(), n = { x: i.x + s.x, y: i.y + s.y }, r = Math.sqrt((this.scaleOffset.x - n.x) ** 2 + (this.scaleOffset.y - n.y) ** 2), h = Math.sqrt((t.x - n.x) ** 2 + (t.y - n.y) ** 2) / r, c = this.scaleStart * h;
+      const t = e.getLocalPosition(this.edit.getContainer()), i = this.getPosition(), s = this.getPivot(), n = { x: i.x + s.x, y: i.y + s.y }, r = Math.sqrt((this.scaleOffset.x - n.x) ** 2 + (this.scaleOffset.y - n.y) ** 2), l = Math.sqrt((t.x - n.x) ** 2 + (t.y - n.y) ** 2) / r, c = this.scaleStart * l;
       this.clipConfiguration.scale = Math.max(I.MinScale, Math.min(c, I.MaxScale)), this.scaleKeyframeBuilder = new R(this.clipConfiguration.scale, this.getLength(), 1);
       return;
     }
     if (this.isRotating && this.rotationStart !== null) {
-      const t = e.getLocalPosition(this.edit.getContainer()), i = this.getPosition(), s = this.getPivot(), n = { x: i.x + s.x, y: i.y + s.y }, r = Math.atan2(this.rotationOffset.y - n.y, this.rotationOffset.x - n.x), h = (Math.atan2(t.y - n.y, t.x - n.x) - r) * (180 / Math.PI);
-      let c = this.rotationStart + h;
-      const l = 45, m = c % l, p = 2;
-      Math.abs(m) < p ? c = Math.floor(c / l) * l : Math.abs(m - l) < p && (c = Math.ceil(c / l) * l), this.clipConfiguration.transform || (this.clipConfiguration.transform = { rotate: { angle: 0 } }), this.clipConfiguration.transform.rotate || (this.clipConfiguration.transform.rotate = { angle: 0 }), this.clipConfiguration.transform.rotate.angle = c, this.rotationKeyframeBuilder = new R(this.clipConfiguration.transform.rotate.angle, this.getLength());
+      const t = e.getLocalPosition(this.edit.getContainer()), i = this.getPosition(), s = this.getPivot(), n = { x: i.x + s.x, y: i.y + s.y }, r = Math.atan2(this.rotationOffset.y - n.y, this.rotationOffset.x - n.x), l = (Math.atan2(t.y - n.y, t.x - n.x) - r) * (180 / Math.PI);
+      let c = this.rotationStart + l;
+      const h = 45, g = c % h, p = 2;
+      Math.abs(g) < p ? c = Math.floor(c / h) * h : Math.abs(g - h) < p && (c = Math.ceil(c / h) * h), this.clipConfiguration.transform || (this.clipConfiguration.transform = { rotate: { angle: 0 } }), this.clipConfiguration.transform.rotate || (this.clipConfiguration.transform.rotate = { angle: 0 }), this.clipConfiguration.transform.rotate.angle = c, this.rotationKeyframeBuilder = new R(this.clipConfiguration.transform.rotate.angle, this.getLength());
       return;
     }
     if (this.isDragging) {
@@ -3955,15 +3948,15 @@ class I extends ot {
         { x: this.edit.size.width, y: 0 },
         { x: 0, y: this.edit.size.height },
         { x: this.edit.size.width, y: this.edit.size.height }
-      ], o = { x: this.edit.size.width / 2, y: this.edit.size.height / 2 }, h = [...r, o], c = [
+      ], o = { x: this.edit.size.width / 2, y: this.edit.size.height / 2 }, l = [...r, o], c = [
         { x: n.x, y: n.y },
         { x: n.x + this.getSize().width, y: n.y },
         { x: n.x, y: n.y + this.getSize().height },
         { x: n.x + this.getSize().width, y: n.y + this.getSize().height }
-      ], l = { x: n.x + this.getSize().width / 2, y: n.y + this.getSize().height / 2 }, m = [...c, l];
+      ], h = { x: n.x + this.getSize().width / 2, y: n.y + this.getSize().height / 2 }, g = [...c, h];
       let p = I.SnapThreshold, k = I.SnapThreshold, A = null, S = null;
-      for (const J of m)
-        for (const re of h) {
+      for (const J of g)
+        for (const re of l) {
           const K = Math.abs(J.x - re.x);
           K < p && (p = K, A = n.x + (re.x - J.x));
           const oe = Math.abs(J.y - re.y);
@@ -4000,8 +3993,8 @@ class I extends ot {
   }
   hasStateChanged() {
     if (!this.initialClipConfiguration) return !1;
-    const e = this.clipConfiguration.offset?.x, t = this.clipConfiguration.offset?.y, i = this.clipConfiguration.scale, s = Number(this.clipConfiguration.transform?.rotate?.angle ?? 0), n = this.initialClipConfiguration.offset?.x, r = this.initialClipConfiguration.offset?.y, o = this.initialClipConfiguration.scale, h = Number(this.initialClipConfiguration.transform?.rotate?.angle ?? 0);
-    return n !== void 0 && e !== n || r !== void 0 && t !== r || o !== void 0 && i !== o || s !== h;
+    const e = this.clipConfiguration.offset?.x, t = this.clipConfiguration.offset?.y, i = this.clipConfiguration.scale, s = Number(this.clipConfiguration.transform?.rotate?.angle ?? 0), n = this.initialClipConfiguration.offset?.x, r = this.initialClipConfiguration.offset?.y, o = this.initialClipConfiguration.scale, l = Number(this.initialClipConfiguration.transform?.rotate?.angle ?? 0);
+    return n !== void 0 && e !== n || r !== void 0 && t !== r || o !== void 0 && i !== o || s !== l;
   }
 }
 class nt extends I {
@@ -4371,10 +4364,10 @@ class us extends I {
       lineHeight: (t.font?.lineHeight ?? 1) * (t.font?.size ?? 32),
       align: n
     };
-    let o = (e.width ?? this.edit.size.width) / 2 - s.width / 2, h = (e.height ?? this.edit.size.height) / 2 - s.height / 2;
-    if (n === "left" && (o = 0), n === "right" && (o = (e.width ?? this.edit.size.width) - s.width), r === "top" && (h = 0), r === "bottom" && (h = (e.height ?? this.edit.size.height) - s.height), s.position = {
+    let o = (e.width ?? this.edit.size.width) / 2 - s.width / 2, l = (e.height ?? this.edit.size.height) / 2 - s.height / 2;
+    if (n === "left" && (o = 0), n === "right" && (o = (e.width ?? this.edit.size.width) - s.width), r === "top" && (l = 0), r === "bottom" && (l = (e.height ?? this.edit.size.height) - s.height), s.position = {
       x: o,
-      y: h
+      y: l
     }, t.stroke.color && t.stroke.width) {
       const c = new ct({
         thickness: t.stroke.width,
@@ -4407,24 +4400,24 @@ class us extends I {
     const e = this.clipConfiguration.asset, { html: t, css: i, position: s } = e;
     if (!t.includes('data-html-type="text"'))
       return console.warn("Unsupported html format."), null;
-    const r = new DOMParser().parseFromString(t, "text/html").body.textContent ?? "", h = (await new CSSStyleSheet().replace(i)).cssRules[0], c = { text: r, font: {}, alignment: {}, background: {}, stroke: {} };
-    if (h?.constructor.name !== "CSSStyleRule" || !("style" in h))
+    const r = new DOMParser().parseFromString(t, "text/html").body.textContent ?? "", l = (await new CSSStyleSheet().replace(i)).cssRules[0], c = { text: r, font: {}, alignment: {}, background: {}, stroke: {} };
+    if (l?.constructor.name !== "CSSStyleRule" || !("style" in l))
       return console.warn("Unsupported css format."), c;
-    const l = h.style, m = this.parseAlignment(s ?? "center");
+    const h = l.style, g = this.parseAlignment(s ?? "center");
     c.font = {
-      color: l.color.length ? l.color : void 0,
-      family: l.fontFamily.length ? l.fontFamily : void 0,
-      size: l.fontSize.length ? parseInt(l.fontSize, 10) : void 0,
-      weight: l.fontWeight.length ? parseInt(l.fontWeight, 10) : void 0,
-      lineHeight: l.lineHeight.length ? parseInt(l.lineHeight, 10) : void 0
-    }, c.alignment = m;
+      color: h.color.length ? h.color : void 0,
+      family: h.fontFamily.length ? h.fontFamily : void 0,
+      size: h.fontSize.length ? parseInt(h.fontSize, 10) : void 0,
+      weight: h.fontWeight.length ? parseInt(h.fontWeight, 10) : void 0,
+      lineHeight: h.lineHeight.length ? parseInt(h.lineHeight, 10) : void 0
+    }, c.alignment = g;
     let p = "";
-    return l.background.length && (p = l.background), l.backgroundColor.length && (p = l.backgroundColor), c.background = {
+    return h.background.length && (p = h.background), h.backgroundColor.length && (p = h.backgroundColor), c.background = {
       color: p.length ? p : void 0,
-      opacity: l.opacity.length ? parseInt(l.opacity, 10) : void 0
+      opacity: h.opacity.length ? parseInt(h.opacity, 10) : void 0
     }, c.stroke = {
-      width: l.strokeWidth.length ? parseInt(l.strokeWidth, 10) : void 0,
-      color: l.stroke.length ? l.stroke : void 0
+      width: h.strokeWidth.length ? parseInt(h.strokeWidth, 10) : void 0,
+      color: h.stroke.length ? h.stroke : void 0
     }, c;
   }
   parseAlignment(e) {
@@ -4484,7 +4477,7 @@ class ds extends I {
     const t = this.clipConfiguration.asset;
     if (!t.crop)
       return e;
-    const i = e.width, s = e.height, n = Math.floor((t.crop?.left ?? 0) * i), r = Math.floor((t.crop?.right ?? 0) * i), o = Math.floor((t.crop?.top ?? 0) * s), h = Math.floor((t.crop?.bottom ?? 0) * s), c = n, l = o, m = i - n - r, p = s - o - h, k = new v.Rectangle(c, l, m, p);
+    const i = e.width, s = e.height, n = Math.floor((t.crop?.left ?? 0) * i), r = Math.floor((t.crop?.right ?? 0) * i), o = Math.floor((t.crop?.top ?? 0) * s), l = Math.floor((t.crop?.bottom ?? 0) * s), c = n, h = o, g = i - n - r, p = s - o - l, k = new v.Rectangle(c, h, g, p);
     return new v.Texture({ source: e.source, frame: k });
   }
 }
@@ -4537,18 +4530,18 @@ class fs extends I {
     const n = new v.Graphics();
     switch (e.shape) {
       case "rectangle": {
-        const r = e.rectangle, o = i / 2 - r.width / 2, h = s / 2 - r.height / 2;
-        n.rect(o, h, r.width, r.height);
+        const r = e.rectangle, o = i / 2 - r.width / 2, l = s / 2 - r.height / 2;
+        n.rect(o, l, r.width, r.height);
         break;
       }
       case "circle": {
-        const r = e.circle, o = i / 2, h = s / 2;
-        n.circle(o, h, r.radius);
+        const r = e.circle, o = i / 2, l = s / 2;
+        n.circle(o, l, r.radius);
         break;
       }
       case "line": {
-        const r = e.line, o = i / 2 - r.length / 2, h = s / 2 - r.thickness / 2;
-        n.rect(o, h, r.length, r.thickness);
+        const r = e.line, o = i / 2 - r.length / 2, l = s / 2 - r.thickness / 2;
+        n.rect(o, l, r.length, r.thickness);
         break;
       }
       default:
@@ -4618,11 +4611,11 @@ class ps extends I {
       x: r,
       y: o
     }, e.stroke) {
-      const h = new ct({
+      const l = new ct({
         thickness: e.stroke.width,
         color: e.stroke.color
       });
-      i.filters = [h];
+      i.filters = [l];
     }
     this.background = t, this.text = i, this.getContainer().addChild(t), this.getContainer().addChild(i), this.configureKeyframes();
   }
@@ -4696,7 +4689,7 @@ class ms extends I {
     const t = this.clipConfiguration.asset;
     if (!t.crop)
       return e;
-    const i = e.width, s = e.height, n = Math.floor((t.crop?.left ?? 0) * i), r = Math.floor((t.crop?.right ?? 0) * i), o = Math.floor((t.crop?.top ?? 0) * s), h = Math.floor((t.crop?.bottom ?? 0) * s), c = n, l = o, m = i - n - r, p = s - o - h, k = new v.Rectangle(c, l, m, p);
+    const i = e.width, s = e.height, n = Math.floor((t.crop?.left ?? 0) * i), r = Math.floor((t.crop?.right ?? 0) * i), o = Math.floor((t.crop?.top ?? 0) * s), l = Math.floor((t.crop?.bottom ?? 0) * s), c = n, h = o, g = i - n - r, p = s - o - l, k = new v.Rectangle(c, h, g, p);
     return new v.Texture({ source: e.source, frame: k });
   }
 }
@@ -5060,11 +5053,11 @@ class he {
           const o = {
             x: this.application.canvas.width / 2,
             y: this.application.canvas.height / 2
-          }, h = {
+          }, l = {
             x: t.position.x - o.x,
             y: t.position.y - o.y
           }, c = this.currentZoom / r;
-          t.position.x = o.x + h.x * c, t.position.y = o.y + h.y * c, t.scale.x = this.currentZoom, t.scale.y = this.currentZoom;
+          t.position.x = o.x + l.x * c, t.position.y = o.y + l.y * c, t.scale.x = this.currentZoom, t.scale.y = this.currentZoom;
         }
       },
       {
@@ -5217,25 +5210,25 @@ class xs {
     this.isReady || await this.init();
     const i = this.edit.isPlaying, s = this.edit.playbackTime;
     this.edit.pause();
-    const n = this.edit.getContainer(), r = n.visible, { x: o, y: h } = n.position, { x: c, y: l } = n.scale;
+    const n = this.edit.getContainer(), r = n.visible, { x: o, y: l } = n.position, { x: c, y: h } = n.scale;
     n.visible = !1;
-    const m = this.createProgressOverlay();
+    const g = this.createProgressOverlay();
     try {
       const p = this.edit.getSize ? this.edit.getSize() : { width: 1920, height: 1080 }, k = Math.ceil(this.edit.totalDuration * t / 1e3), A = 1e3 / t, S = 100, N = 50, J = 50, re = (T) => Math.round(T / k * N);
-      this.updateProgressOverlay(m, 0, S);
+      this.updateProgressOverlay(g, 0, S);
       const K = document.createElement("canvas");
       K.width = p.width, K.height = p.height;
       const oe = K.getContext("2d");
       if (!oe)
         throw new Error("Could not get 2D context for canvas");
       const $e = this.findAudioPlayers();
-      this.updateProgressOverlay(m, 2, S);
+      this.updateProgressOverlay(g, 2, S);
       const H = [];
       if ($e.length > 0) {
-        this.updateProgressOverlay(m, 3, S);
+        this.updateProgressOverlay(g, 3, S);
         for (let T = 0; T < $e.length; T += 1) {
           const D = await this.processAudioTrack($e[T], T);
-          D && H.push(D), this.updateProgressOverlay(m, 4 + T, S);
+          D && H.push(D), this.updateProgressOverlay(g, 4 + T, S);
         }
       }
       n.position.x = 0, n.position.y = 0, n.scale.x = 1, n.scale.y = 1;
@@ -5249,9 +5242,9 @@ class xs {
         } catch (D) {
           console.error(`Error capturing frame ${T}:`, D);
         }
-        this.updateProgressOverlay(m, re(T + 1), S);
+        this.updateProgressOverlay(g, re(T + 1), S);
       }
-      this.updateProgressOverlay(m, N, S);
+      this.updateProgressOverlay(g, N, S);
       let Y = ["-framerate", t.toString(), "-i", "frame_%06d.png"];
       for (const T of H)
         Y = Y.concat(["-i", T.filename]);
@@ -5285,11 +5278,11 @@ class xs {
           const E = parseInt(D[1], 10);
           if (!Number.isNaN(E) && E > lt && (lt = E, E <= k)) {
             const B = Math.round(E / k * J);
-            this.updateProgressOverlay(m, N + B, S);
+            this.updateProgressOverlay(g, N + B, S);
           }
         }
       };
-      this.ffmpeg.on("log", ht), await this.ffmpeg.exec(Y), this.ffmpeg.off("log", ht), this.updateProgressOverlay(m, N + J, S);
+      this.ffmpeg.on("log", ht), await this.ffmpeg.exec(Y), this.ffmpeg.off("log", ht), this.updateProgressOverlay(g, N + J, S);
       const Ue = await this.ffmpeg.readFile(je), Dt = Ue instanceof Uint8Array ? Ue : new TextEncoder().encode(Ue.toString()), Zt = new Blob([Dt], { type: "video/mp4" }), ut = URL.createObjectURL(Zt), We = document.createElement("a");
       We.href = ut, We.download = e, We.click(), URL.revokeObjectURL(ut);
       for (let T = 0; T < k; T += 1)
@@ -5302,11 +5295,11 @@ class xs {
           await this.ffmpeg.deleteFile(T.filename);
         } catch {
         }
-      await this.ffmpeg.deleteFile(je), this.updateProgressOverlay(m, S, S);
+      await this.ffmpeg.deleteFile(je), this.updateProgressOverlay(g, S, S);
     } catch (p) {
       throw console.error("Error during export:", p), p;
     } finally {
-      this.removeProgressOverlay(m), n.position.x = o, n.position.y = h, n.scale.x = c, n.scale.y = l, n.visible = r, this.edit.seek(s), i && this.edit.play();
+      this.removeProgressOverlay(g), n.position.x = o, n.position.y = l, n.scale.x = c, n.scale.y = h, n.visible = r, this.edit.seek(s), i && this.edit.play();
     }
   }
   findAudioPlayers() {
@@ -5330,8 +5323,8 @@ class xs {
             for (const n of i.children)
               if (n instanceof v.Container) {
                 const r = n, o = ["player", "clip", "audioPlayer", "entity"];
-                for (const h of o) {
-                  const c = r[h];
+                for (const l of o) {
+                  const c = r[l];
                   c instanceof nt && !t.includes(c) && t.push(c);
                 }
               }