@shotstack/shotstack-studio 1.5.0 → 1.5.1

package/dist/shotstack-studio.es.js

@@ -332,7 +332,7 @@ class yi {
     return 0;
   }
 }
-class Ci {
+class vi {
   clipConfiguration;
   constructor(t) {
     this.clipConfiguration = t;
@@ -486,7 +486,7 @@ class Ci {
     }
   }
 }
-class vi {
+class Ci {
   static ButtonLeftClick = 0;
   static ButtonRightClick = 3;
 }
@@ -653,7 +653,7 @@ class D extends ot {
       return;
     const t = [], e = [], i = [], s = [], n = [], a = new yi(this.clipConfiguration).build(this.edit.size, this.getSize());
     t.push(...a.offsetXKeyframes), e.push(...a.offsetYKeyframes), i.push(...a.opacityKeyframes), s.push(...a.scaleKeyframes), n.push(...a.rotationKeyframes);
-    const o = new Ci(this.clipConfiguration).build();
+    const o = new vi(this.clipConfiguration).build();
     t.push(...o.offsetXKeyframes), e.push(...o.offsetYKeyframes), i.push(...o.opacityKeyframes), s.push(...o.scaleKeyframes), n.push(...o.rotationKeyframes), t.length && (this.offsetXKeyframeBuilder = new R(t, this.getLength())), e.length && (this.offsetYKeyframeBuilder = new R(e, this.getLength())), i.length && (this.opacityKeyframeBuilder = new R(i, this.getLength(), 1)), s.length && (this.scaleKeyframeBuilder = new R(s, this.getLength(), 1)), n.length && (this.rotationKeyframeBuilder = new R(n, this.getLength()));
   }
   async load() {
@@ -662,8 +662,8 @@ class D extends ot {
   update(t, e) {
     if (this.getContainer().visible = this.isActive(), this.getContainer().zIndex = 1e5 - this.layer * 100, !this.isActive())
       return;
-    const i = this.getPivot(), s = this.getPosition(), n = this.getScale();
-    this.getContainer().scale.set(n), this.getContainer().pivot.set(i.x, i.y), this.getContainer().position.set(s.x + i.x, s.y + i.y);
+    const i = this.getPivot(), s = this.getPosition(), n = this.getContainerScale();
+    this.getContainer().scale.set(n.x, n.y), this.getContainer().pivot.set(i.x, i.y), this.getContainer().position.set(s.x + i.x, s.y + i.y);
     const a = this.getRotation();
     this.contentContainer.alpha = this.getOpacity(), this.getContainer().angle = a, this.shouldDiscardFrame() && (this.contentContainer.alpha = 0);
   }
@@ -717,8 +717,10 @@ class D extends ot {
   }
   getFitScale() {
     switch (this.clipConfiguration.fit ?? "crop") {
-      case "crop":
-        return Math.max(this.edit.size.width / this.getSize().width, this.edit.size.height / this.getSize().height);
+      case "crop": {
+        const t = this.edit.size.width / this.getSize().width, e = this.edit.size.height / this.getSize().height;
+        return this.edit.size.height >= this.edit.size.width ? e : t;
+      }
       case "cover":
         return Math.max(this.edit.size.width / this.getSize().width, this.edit.size.height / this.getSize().height);
       case "contain":
@@ -731,6 +733,27 @@ class D extends ot {
   getScale() {
     return (this.scaleKeyframeBuilder?.getValue(this.getPlaybackTime()) ?? 1) * this.getFitScale();
   }
+  getContainerScale() {
+    const t = this.scaleKeyframeBuilder?.getValue(this.getPlaybackTime()) ?? 1, e = this.getSize(), i = this.clipConfiguration.fit ?? "crop";
+    if (e.width === 0 || e.height === 0)
+      return { x: t, y: t };
+    const s = this.edit.size.width / e.width, n = this.edit.size.height / e.height;
+    switch (i) {
+      case "contain": {
+        const a = Math.min(s, n) * t;
+        return { x: a, y: a };
+      }
+      case "crop": {
+        const o = (this.edit.size.height >= this.edit.size.width ? n : s) * t;
+        return { x: o, y: o };
+      }
+      case "cover":
+        return { x: s * t, y: n * t };
+      case "none":
+      default:
+        return { x: t, y: t };
+    }
+  }
   getRotation() {
     return this.rotationKeyframeBuilder?.getValue(this.getPlaybackTime()) ?? 0;
   }
@@ -741,7 +764,7 @@ class D extends ot {
     return this.getPlaybackTime() < D.DiscardedFrameCount;
   }
   onPointerStart(t) {
-    if (t.button !== vi.ButtonLeftClick || (this.edit.events.emit("canvas:clip:clicked", { player: this }), this.initialClipConfiguration = structuredClone(this.clipConfiguration), this.clipHasKeyframes()))
+    if (t.button !== Ci.ButtonLeftClick || (this.edit.events.emit("canvas:clip:clicked", { player: this }), this.initialClipConfiguration = structuredClone(this.clipConfiguration), this.clipHasKeyframes()))
       return;
     if (this.scaleDirection = null, this.topLeftScaleHandle?.getBounds().containsPoint(t.globalX, t.globalY) && (this.scaleDirection = "topLeft"), this.topRightScaleHandle?.getBounds().containsPoint(t.globalX, t.globalY) && (this.scaleDirection = "topRight"), this.bottomRightScaleHandle?.getBounds().containsPoint(t.globalX, t.globalY) && (this.scaleDirection = "bottomRight"), this.bottomLeftScaleHandle?.getBounds().containsPoint(t.globalX, t.globalY) && (this.scaleDirection = "bottomLeft"), this.scaleDirection !== null) {
       this.scaleStart = this.getScale() / this.getFitScale();
@@ -788,12 +811,12 @@ class D extends ot {
         { x: n.x + this.getSize().width, y: n.y + this.getSize().height }
       ], h = { x: n.x + this.getSize().width / 2, y: n.y + this.getSize().height / 2 }, p = [...c, h];
       let f = D.SnapThreshold, y = D.SnapThreshold, S = null, b = null;
-      for (const z of p)
+      for (const B of p)
         for (const it of l) {
-          const $ = Math.abs(z.x - it.x);
-          $ < f && (f = $, S = n.x + (it.x - z.x));
-          const ft = Math.abs(z.y - it.y);
-          ft < y && (y = ft, b = n.y + (it.y - z.y));
+          const $ = Math.abs(B.x - it.x);
+          $ < f && (f = $, S = n.x + (it.x - B.x));
+          const ft = Math.abs(B.y - it.y);
+          ft < y && (y = ft, b = n.y + (it.y - B.y));
         }
       S !== null && (n.x = S), b !== null && (n.y = b);
       const O = this.positionBuilder.absoluteToRelative(
@@ -1167,7 +1190,7 @@ ct(ee, "DEFAULT_OPTIONS", {
 });
 ct(ee, "MIN_SAMPLES", 1);
 ct(ee, "MAX_SAMPLES", 100);
-let ve = ee;
+let Ce = ee;
 class _i extends D {
   background;
   text;
@@ -1202,7 +1225,7 @@ class _i extends D {
       x: o,
       y: l
     }, e.stroke.color && e.stroke.width) {
-      const c = new ve({
+      const c = new Ce({
         thickness: e.stroke.width,
         color: e.stroke.color
       });
@@ -1385,7 +1408,7 @@ class Ei extends D {
       color: t.fill?.color ?? "#ffffff",
       alpha: t.fill?.opacity ?? 1
     }, n.fill(), t.stroke) {
-      const a = new ve({
+      const a = new Ce({
         thickness: t.stroke.width,
         color: t.stroke.color
       });
@@ -1514,8 +1537,8 @@ class Et {
     let S = h;
     if (y !== "left") {
       const b = this.measureText(a, e), O = this.textElement.width;
-      let z = 0;
-      y === "center" ? z = (O - b) / 2 : y === "right" && (z = O - b), S = z + h;
+      let B = 0;
+      y === "center" ? B = (O - b) / 2 : y === "right" && (B = O - b), S = B + h;
     }
     this.pixelX = S;
   }
@@ -1837,7 +1860,7 @@ class Ai extends D {
       color: t.background.color,
       alpha: t.background.opacity
     }, this.background.rect(0, 0, t.width ?? this.edit.size.width, t.height ?? this.edit.size.height), this.background.fill()), this.text = new d.Text(t.text, this.createTextStyle(t)), this.positionText(t), t.stroke) {
-      const e = new ve({
+      const e = new Ce({
         thickness: t.stroke.width,
         color: t.stroke.color
       });
@@ -2243,7 +2266,7 @@ class L {
 }
 const k = Object.freeze({
   status: "aborted"
-}), St = (r) => ({ status: "dirty", value: r }), B = (r) => ({ status: "valid", value: r }), Ee = (r) => r.status === "aborted", Ae = (r) => r.status === "dirty", xt = (r) => r.status === "valid", Nt = (r) => typeof Promise < "u" && r instanceof Promise;
+}), St = (r) => ({ status: "dirty", value: r }), z = (r) => ({ status: "valid", value: r }), Ee = (r) => r.status === "aborted", Ae = (r) => r.status === "dirty", xt = (r) => r.status === "valid", Nt = (r) => typeof Promise < "u" && r instanceof Promise;
 function Vt(r, t, e, i) {
   if (typeof t == "function" ? r !== t || !0 : !t.has(r)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return t.get(r);
@@ -2252,10 +2275,10 @@ function Ye(r, t, e, i, s) {
   if (typeof t == "function" ? r !== t || !0 : !t.has(r)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
   return t.set(r, e), e;
 }
-var C;
+var v;
 (function(r) {
   r.errToObj = (t) => typeof t == "string" ? { message: t } : t || {}, r.toString = (t) => typeof t == "string" ? t : t?.message;
-})(C || (C = {}));
+})(v || (v = {}));
 var It, _t;
 class K {
   constructor(t, e, i, s) {
@@ -2512,7 +2535,7 @@ class w {
     return this.safeParse(null).success;
   }
 }
-const Ri = /^c[^\s-]{8,}$/i, Li = /^[0-9a-z]+$/, Mi = /^[0-9A-HJKMNP-TV-Z]{26}$/i, Hi = /^[0-9a-fA-F]{8}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{12}$/i, Bi = /^[a-z0-9_-]{21}$/i, zi = /^[A-Za-z0-9-_]+\.[A-Za-z0-9-_]+\.[A-Za-z0-9-_]*$/, Fi = /^[-+]?P(?!$)(?:(?:[-+]?\d+Y)|(?:[-+]?\d+[.,]\d+Y$))?(?:(?:[-+]?\d+M)|(?:[-+]?\d+[.,]\d+M$))?(?:(?:[-+]?\d+W)|(?:[-+]?\d+[.,]\d+W$))?(?:(?:[-+]?\d+D)|(?:[-+]?\d+[.,]\d+D$))?(?:T(?=[\d+-])(?:(?:[-+]?\d+H)|(?:[-+]?\d+[.,]\d+H$))?(?:(?:[-+]?\d+M)|(?:[-+]?\d+[.,]\d+M$))?(?:[-+]?\d+(?:[.,]\d+)?S)?)??$/, Ni = /^(?!\.)(?!.*\.\.)([A-Z0-9_'+\-\.]*)[A-Z0-9_+-]@([A-Z0-9][A-Z0-9\-]*\.)+[A-Z]{2,}$/i, Vi = "^(\\p{Extended_Pictographic}|\\p{Emoji_Component})+$";
+const Ri = /^c[^\s-]{8,}$/i, Li = /^[0-9a-z]+$/, Mi = /^[0-9A-HJKMNP-TV-Z]{26}$/i, Hi = /^[0-9a-fA-F]{8}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{12}$/i, zi = /^[a-z0-9_-]{21}$/i, Bi = /^[A-Za-z0-9-_]+\.[A-Za-z0-9-_]+\.[A-Za-z0-9-_]*$/, Fi = /^[-+]?P(?!$)(?:(?:[-+]?\d+Y)|(?:[-+]?\d+[.,]\d+Y$))?(?:(?:[-+]?\d+M)|(?:[-+]?\d+[.,]\d+M$))?(?:(?:[-+]?\d+W)|(?:[-+]?\d+[.,]\d+W$))?(?:(?:[-+]?\d+D)|(?:[-+]?\d+[.,]\d+D$))?(?:T(?=[\d+-])(?:(?:[-+]?\d+H)|(?:[-+]?\d+[.,]\d+H$))?(?:(?:[-+]?\d+M)|(?:[-+]?\d+[.,]\d+M$))?(?:[-+]?\d+(?:[.,]\d+)?S)?)??$/, Ni = /^(?!\.)(?!.*\.\.)([A-Z0-9_'+\-\.]*)[A-Z0-9_+-]@([A-Z0-9][A-Z0-9\-]*\.)+[A-Z]{2,}$/i, Vi = "^(\\p{Extended_Pictographic}|\\p{Emoji_Component})+$";
 let le;
 const Gi = /^(?:(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\.){3}(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])$/, Ui = /^(?:(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\.){3}(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\/(3[0-2]|[12]?[0-9])$/, Zi = /^(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))$/, Wi = /^(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))\/(12[0-8]|1[01][0-9]|[1-9]?[0-9])$/, Ki = /^([0-9a-zA-Z+/]{4})*(([0-9a-zA-Z+/]{2}==)|([0-9a-zA-Z+/]{3}=))?$/, $i = /^([0-9a-zA-Z-_]{4})*(([0-9a-zA-Z-_]{2}(==)?)|([0-9a-zA-Z-_]{3}(=)?))?$/, Xe = "((\\d\\d[2468][048]|\\d\\d[13579][26]|\\d\\d0[48]|[02468][048]00|[13579][26]00)-02-29|\\d{4}-((0[13578]|1[02])-(0[1-9]|[12]\\d|3[01])|(0[469]|11)-(0[1-9]|[12]\\d|30)|(02)-(0[1-9]|1\\d|2[0-8])))", Yi = new RegExp(`^${Xe}$`);
 function je(r) {
@@ -2531,7 +2554,7 @@ function qi(r, t) {
   return !!((t === "v4" || !t) && Gi.test(r) || (t === "v6" || !t) && Zi.test(r));
 }
 function Qi(r, t) {
-  if (!zi.test(r))
+  if (!Bi.test(r))
     return !1;
   try {
     const [e] = r.split("."), i = e.replace(/-/g, "+").replace(/_/g, "/").padEnd(e.length + (4 - e.length % 4) % 4, "="), s = JSON.parse(atob(i));
@@ -2610,7 +2633,7 @@ class q extends w {
           message: n.message
         }), i.dirty());
       else if (n.kind === "nanoid")
-        Bi.test(t.data) || (s = this._getOrReturnCtx(t, s), g(s, {
+        zi.test(t.data) || (s = this._getOrReturnCtx(t, s), g(s, {
           validation: "nanoid",
           code: u.invalid_string,
           message: n.message
@@ -2702,7 +2725,7 @@ class q extends w {
     return this.refinement((s) => t.test(s), {
       validation: e,
       code: u.invalid_string,
-      ...C.errToObj(i)
+      ...v.errToObj(i)
     });
   }
   _addCheck(t) {
@@ -2712,46 +2735,46 @@ class q extends w {
     });
   }
   email(t) {
-    return this._addCheck({ kind: "email", ...C.errToObj(t) });
+    return this._addCheck({ kind: "email", ...v.errToObj(t) });
   }
   url(t) {
-    return this._addCheck({ kind: "url", ...C.errToObj(t) });
+    return this._addCheck({ kind: "url", ...v.errToObj(t) });
   }
   emoji(t) {
-    return this._addCheck({ kind: "emoji", ...C.errToObj(t) });
+    return this._addCheck({ kind: "emoji", ...v.errToObj(t) });
   }
   uuid(t) {
-    return this._addCheck({ kind: "uuid", ...C.errToObj(t) });
+    return this._addCheck({ kind: "uuid", ...v.errToObj(t) });
   }
   nanoid(t) {
-    return this._addCheck({ kind: "nanoid", ...C.errToObj(t) });
+    return this._addCheck({ kind: "nanoid", ...v.errToObj(t) });
   }
   cuid(t) {
-    return this._addCheck({ kind: "cuid", ...C.errToObj(t) });
+    return this._addCheck({ kind: "cuid", ...v.errToObj(t) });
   }
   cuid2(t) {
-    return this._addCheck({ kind: "cuid2", ...C.errToObj(t) });
+    return this._addCheck({ kind: "cuid2", ...v.errToObj(t) });
   }
   ulid(t) {
-    return this._addCheck({ kind: "ulid", ...C.errToObj(t) });
+    return this._addCheck({ kind: "ulid", ...v.errToObj(t) });
   }
   base64(t) {
-    return this._addCheck({ kind: "base64", ...C.errToObj(t) });
+    return this._addCheck({ kind: "base64", ...v.errToObj(t) });
   }
   base64url(t) {
     return this._addCheck({
       kind: "base64url",
-      ...C.errToObj(t)
+      ...v.errToObj(t)
     });
   }
   jwt(t) {
-    return this._addCheck({ kind: "jwt", ...C.errToObj(t) });
+    return this._addCheck({ kind: "jwt", ...v.errToObj(t) });
   }
   ip(t) {
-    return this._addCheck({ kind: "ip", ...C.errToObj(t) });
+    return this._addCheck({ kind: "ip", ...v.errToObj(t) });
   }
   cidr(t) {
-    return this._addCheck({ kind: "cidr", ...C.errToObj(t) });
+    return this._addCheck({ kind: "cidr", ...v.errToObj(t) });
   }
   datetime(t) {
     var e, i;
@@ -2766,7 +2789,7 @@ class q extends w {
       precision: typeof t?.precision > "u" ? null : t?.precision,
       offset: (e = t?.offset) !== null && e !== void 0 ? e : !1,
       local: (i = t?.local) !== null && i !== void 0 ? i : !1,
-      ...C.errToObj(t?.message)
+      ...v.errToObj(t?.message)
     });
   }
   date(t) {
@@ -2780,17 +2803,17 @@ class q extends w {
     }) : this._addCheck({
       kind: "time",
       precision: typeof t?.precision > "u" ? null : t?.precision,
-      ...C.errToObj(t?.message)
+      ...v.errToObj(t?.message)
     });
   }
   duration(t) {
-    return this._addCheck({ kind: "duration", ...C.errToObj(t) });
+    return this._addCheck({ kind: "duration", ...v.errToObj(t) });
   }
   regex(t, e) {
     return this._addCheck({
       kind: "regex",
       regex: t,
-      ...C.errToObj(e)
+      ...v.errToObj(e)
     });
   }
   includes(t, e) {
@@ -2798,49 +2821,49 @@ class q extends w {
       kind: "includes",
       value: t,
       position: e?.position,
-      ...C.errToObj(e?.message)
+      ...v.errToObj(e?.message)
     });
   }
   startsWith(t, e) {
     return this._addCheck({
       kind: "startsWith",
       value: t,
-      ...C.errToObj(e)
+      ...v.errToObj(e)
     });
   }
   endsWith(t, e) {
     return this._addCheck({
       kind: "endsWith",
       value: t,
-      ...C.errToObj(e)
+      ...v.errToObj(e)
     });
   }
   min(t, e) {
     return this._addCheck({
       kind: "min",
       value: t,
-      ...C.errToObj(e)
+      ...v.errToObj(e)
     });
   }
   max(t, e) {
     return this._addCheck({
       kind: "max",
       value: t,
-      ...C.errToObj(e)
+      ...v.errToObj(e)
     });
   }
   length(t, e) {
     return this._addCheck({
       kind: "length",
       value: t,
-      ...C.errToObj(e)
+      ...v.errToObj(e)
     });
   }
   /**
    * Equivalent to `.min(1)`
    */
   nonempty(t) {
-    return this.min(1, C.errToObj(t));
+    return this.min(1, v.errToObj(t));
   }
   trim() {
     return new q({
@@ -2980,16 +3003,16 @@ class kt extends w {
     return { status: s.value, value: t.data };
   }
   gte(t, e) {
-    return this.setLimit("min", t, !0, C.toString(e));
+    return this.setLimit("min", t, !0, v.toString(e));
   }
   gt(t, e) {
-    return this.setLimit("min", t, !1, C.toString(e));
+    return this.setLimit("min", t, !1, v.toString(e));
   }
   lte(t, e) {
-    return this.setLimit("max", t, !0, C.toString(e));
+    return this.setLimit("max", t, !0, v.toString(e));
   }
   lt(t, e) {
-    return this.setLimit("max", t, !1, C.toString(e));
+    return this.setLimit("max", t, !1, v.toString(e));
   }
   setLimit(t, e, i, s) {
     return new kt({
@@ -3000,7 +3023,7 @@ class kt extends w {
           kind: t,
           value: e,
           inclusive: i,
-          message: C.toString(s)
+          message: v.toString(s)
         }
       ]
     });
@@ -3014,7 +3037,7 @@ class kt extends w {
   int(t) {
     return this._addCheck({
       kind: "int",
-      message: C.toString(t)
+      message: v.toString(t)
     });
   }
   positive(t) {
@@ -3022,7 +3045,7 @@ class kt extends w {
       kind: "min",
       value: 0,
       inclusive: !1,
-      message: C.toString(t)
+      message: v.toString(t)
     });
   }
   negative(t) {
@@ -3030,7 +3053,7 @@ class kt extends w {
       kind: "max",
       value: 0,
       inclusive: !1,
-      message: C.toString(t)
+      message: v.toString(t)
     });
   }
   nonpositive(t) {
@@ -3038,7 +3061,7 @@ class kt extends w {
       kind: "max",
       value: 0,
       inclusive: !0,
-      message: C.toString(t)
+      message: v.toString(t)
     });
   }
   nonnegative(t) {
@@ -3046,20 +3069,20 @@ class kt extends w {
       kind: "min",
       value: 0,
       inclusive: !0,
-      message: C.toString(t)
+      message: v.toString(t)
     });
   }
   multipleOf(t, e) {
     return this._addCheck({
       kind: "multipleOf",
       value: t,
-      message: C.toString(e)
+      message: v.toString(e)
     });
   }
   finite(t) {
     return this._addCheck({
       kind: "finite",
-      message: C.toString(t)
+      message: v.toString(t)
     });
   }
   safe(t) {
@@ -3067,12 +3090,12 @@ class kt extends w {
       kind: "min",
       inclusive: !0,
       value: Number.MIN_SAFE_INTEGER,
-      message: C.toString(t)
+      message: v.toString(t)
     })._addCheck({
       kind: "max",
       inclusive: !0,
       value: Number.MAX_SAFE_INTEGER,
-      message: C.toString(t)
+      message: v.toString(t)
     });
   }
   get minValue() {
@@ -3150,16 +3173,16 @@ class Tt extends w {
     }), k;
   }
   gte(t, e) {
-    return this.setLimit("min", t, !0, C.toString(e));
+    return this.setLimit("min", t, !0, v.toString(e));
   }
   gt(t, e) {
-    return this.setLimit("min", t, !1, C.toString(e));
+    return this.setLimit("min", t, !1, v.toString(e));
   }
   lte(t, e) {
-    return this.setLimit("max", t, !0, C.toString(e));
+    return this.setLimit("max", t, !0, v.toString(e));
   }
   lt(t, e) {
-    return this.setLimit("max", t, !1, C.toString(e));
+    return this.setLimit("max", t, !1, v.toString(e));
   }
   setLimit(t, e, i, s) {
     return new Tt({
@@ -3170,7 +3193,7 @@ class Tt extends w {
           kind: t,
           value: e,
           inclusive: i,
-          message: C.toString(s)
+          message: v.toString(s)
         }
       ]
     });
@@ -3186,7 +3209,7 @@ class Tt extends w {
       kind: "min",
       value: BigInt(0),
       inclusive: !1,
-      message: C.toString(t)
+      message: v.toString(t)
     });
   }
   negative(t) {
@@ -3194,7 +3217,7 @@ class Tt extends w {
       kind: "max",
       value: BigInt(0),
       inclusive: !1,
-      message: C.toString(t)
+      message: v.toString(t)
     });
   }
   nonpositive(t) {
@@ -3202,7 +3225,7 @@ class Tt extends w {
       kind: "max",
       value: BigInt(0),
       inclusive: !0,
-      message: C.toString(t)
+      message: v.toString(t)
     });
   }
   nonnegative(t) {
@@ -3210,14 +3233,14 @@ class Tt extends w {
       kind: "min",
       value: BigInt(0),
       inclusive: !0,
-      message: C.toString(t)
+      message: v.toString(t)
     });
   }
   multipleOf(t, e) {
     return this._addCheck({
       kind: "multipleOf",
       value: t,
-      message: C.toString(e)
+      message: v.toString(e)
     });
   }
   get minValue() {
@@ -3252,7 +3275,7 @@ class ue extends w {
         received: i.parsedType
       }), k;
     }
-    return B(t.data);
+    return z(t.data);
   }
 }
 ue.create = (r) => new ue({
@@ -3309,14 +3332,14 @@ class Rt extends w {
     return this._addCheck({
       kind: "min",
       value: t.getTime(),
-      message: C.toString(e)
+      message: v.toString(e)
     });
   }
   max(t, e) {
     return this._addCheck({
       kind: "max",
       value: t.getTime(),
-      message: C.toString(e)
+      message: v.toString(e)
     });
   }
   get minDate() {
@@ -3348,7 +3371,7 @@ class pe extends w {
         received: i.parsedType
       }), k;
     }
-    return B(t.data);
+    return z(t.data);
   }
 }
 pe.create = (r) => new pe({
@@ -3365,7 +3388,7 @@ class Gt extends w {
         received: i.parsedType
       }), k;
     }
-    return B(t.data);
+    return z(t.data);
   }
 }
 Gt.create = (r) => new Gt({
@@ -3382,7 +3405,7 @@ class Ut extends w {
         received: i.parsedType
       }), k;
     }
-    return B(t.data);
+    return z(t.data);
   }
 }
 Ut.create = (r) => new Ut({
@@ -3394,7 +3417,7 @@ class fe extends w {
     super(...arguments), this._any = !0;
   }
   _parse(t) {
-    return B(t.data);
+    return z(t.data);
   }
 }
 fe.create = (r) => new fe({
@@ -3406,7 +3429,7 @@ class yt extends w {
     super(...arguments), this._unknown = !0;
   }
   _parse(t) {
-    return B(t.data);
+    return z(t.data);
   }
 }
 yt.create = (r) => new yt({
@@ -3437,7 +3460,7 @@ class ge extends w {
         received: i.parsedType
       }), k;
     }
-    return B(t.data);
+    return z(t.data);
   }
 }
 ge.create = (r) => new ge({
@@ -3490,19 +3513,19 @@ class W extends w {
   min(t, e) {
     return new W({
       ...this._def,
-      minLength: { value: t, message: C.toString(e) }
+      minLength: { value: t, message: v.toString(e) }
     });
   }
   max(t, e) {
     return new W({
       ...this._def,
-      maxLength: { value: t, message: C.toString(e) }
+      maxLength: { value: t, message: v.toString(e) }
     });
   }
   length(t, e) {
     return new W({
       ...this._def,
-      exactLength: { value: t, message: C.toString(e) }
+      exactLength: { value: t, message: v.toString(e) }
     });
   }
   nonempty(t) {
@@ -3610,7 +3633,7 @@ class A extends w {
     return this._def.shape();
   }
   strict(t) {
-    return C.errToObj, new A({
+    return v.errToObj, new A({
       ...this._def,
       unknownKeys: "strict",
       ...t !== void 0 ? {
@@ -3618,7 +3641,7 @@ class A extends w {
           var s, n, a, o;
           const l = (a = (n = (s = this._def).errorMap) === null || n === void 0 ? void 0 : n.call(s, e, i).message) !== null && a !== void 0 ? a : i.defaultError;
           return e.code === "unrecognized_keys" ? {
-            message: (o = C.errToObj(t).message) !== null && o !== void 0 ? o : l
+            message: (o = v.errToObj(t).message) !== null && o !== void 0 ? o : l
           } : {
             message: l
           };
@@ -4200,13 +4223,13 @@ class wt extends w {
   min(t, e) {
     return new wt({
       ...this._def,
-      minSize: { value: t, message: C.toString(e) }
+      minSize: { value: t, message: v.toString(e) }
     });
   }
   max(t, e) {
     return new wt({
       ...this._def,
-      maxSize: { value: t, message: C.toString(e) }
+      maxSize: { value: t, message: v.toString(e) }
     });
   }
   size(t, e) {
@@ -4270,7 +4293,7 @@ class At extends w {
     const n = { errorMap: e.common.contextualErrorMap }, a = e.data;
     if (this._def.returns instanceof Lt) {
       const o = this;
-      return B(async function(...l) {
+      return z(async function(...l) {
         const c = new N([]), h = await o._def.args.parseAsync(l, n).catch((y) => {
           throw c.addIssue(i(l, y)), c;
         }), p = await Reflect.apply(a, this, h);
@@ -4280,7 +4303,7 @@ class At extends w {
       });
     } else {
       const o = this;
-      return B(function(...l) {
+      return z(function(...l) {
         const c = o._def.args.safeParse(l, n);
         if (!c.success)
           throw new N([i(l, c.error)]);
@@ -4387,7 +4410,7 @@ class ht extends w {
         options: i
       }), k;
     }
-    return B(t.data);
+    return z(t.data);
   }
   get options() {
     return this._def.values;
@@ -4447,7 +4470,7 @@ class Xt extends w {
         options: s
       }), k;
     }
-    return B(t.data);
+    return z(t.data);
   }
   get enum() {
     return this._def.values;
@@ -4472,7 +4495,7 @@ class Lt extends w {
         received: e.parsedType
       }), k;
     const i = e.parsedType === m.promise ? e.data : Promise.resolve(e.data);
-    return B(i.then((s) => this._def.type.parseAsync(s, {
+    return z(i.then((s) => this._def.type.parseAsync(s, {
       path: e.path,
       errorMap: e.common.contextualErrorMap
     })));
@@ -4574,7 +4597,7 @@ et.createWithPreprocess = (r, t, e) => new et({
 });
 class J extends w {
   _parse(t) {
-    return this._getType(t) === m.undefined ? B(void 0) : this._def.innerType._parse(t);
+    return this._getType(t) === m.undefined ? z(void 0) : this._def.innerType._parse(t);
   }
   unwrap() {
     return this._def.innerType;
@@ -4587,7 +4610,7 @@ J.create = (r, t) => new J({
 });
 class dt extends w {
   _parse(t) {
-    return this._getType(t) === m.null ? B(null) : this._def.innerType._parse(t);
+    return this._getType(t) === m.null ? z(null) : this._def.innerType._parse(t);
   }
   unwrap() {
     return this._def.innerType;
@@ -4661,7 +4684,7 @@ qt.create = (r, t) => new qt({
   catchValue: typeof t.catch == "function" ? t.catch : () => t.catch,
   ...T(t)
 });
-class Ce extends w {
+class ve extends w {
   _parse(t) {
     if (this._getType(t) !== m.nan) {
       const i = this._getOrReturnCtx(t);
@@ -4674,7 +4697,7 @@ class Ce extends w {
     return { status: "valid", value: t.data };
   }
 }
-Ce.create = (r) => new Ce({
+ve.create = (r) => new ve({
   typeName: x.ZodNaN,
   ...T(r)
 });
@@ -4750,8 +4773,8 @@ var x;
 (function(r) {
   r.ZodString = "ZodString", r.ZodNumber = "ZodNumber", r.ZodNaN = "ZodNaN", r.ZodBigInt = "ZodBigInt", r.ZodBoolean = "ZodBoolean", r.ZodDate = "ZodDate", r.ZodSymbol = "ZodSymbol", r.ZodUndefined = "ZodUndefined", r.ZodNull = "ZodNull", r.ZodAny = "ZodAny", r.ZodUnknown = "ZodUnknown", r.ZodNever = "ZodNever", r.ZodVoid = "ZodVoid", r.ZodArray = "ZodArray", r.ZodObject = "ZodObject", r.ZodUnion = "ZodUnion", r.ZodDiscriminatedUnion = "ZodDiscriminatedUnion", r.ZodIntersection = "ZodIntersection", r.ZodTuple = "ZodTuple", r.ZodRecord = "ZodRecord", r.ZodMap = "ZodMap", r.ZodSet = "ZodSet", r.ZodFunction = "ZodFunction", r.ZodLazy = "ZodLazy", r.ZodLiteral = "ZodLiteral", r.ZodEnum = "ZodEnum", r.ZodEffects = "ZodEffects", r.ZodNativeEnum = "ZodNativeEnum", r.ZodOptional = "ZodOptional", r.ZodNullable = "ZodNullable", r.ZodDefault = "ZodDefault", r.ZodCatch = "ZodCatch", r.ZodPromise = "ZodPromise", r.ZodBranded = "ZodBranded", r.ZodPipeline = "ZodPipeline", r.ZodReadonly = "ZodReadonly";
 })(x || (x = {}));
-const M = q.create, v = kt.create;
-Ce.create;
+const M = q.create, C = kt.create;
+ve.create;
 Tt.create;
 ue.create;
 Rt.create;
@@ -4812,32 +4835,32 @@ const is = at(["linear", "bezier", "constant"]), ss = at([
   "easeInOutCirc",
   "easeInOutBack"
 ]), pt = P({
-  from: v(),
-  to: v(),
-  start: v().min(0),
-  length: v().positive(),
+  from: C(),
+  to: C(),
+  start: C().min(0),
+  length: C().positive(),
   interpolation: is.optional(),
   easing: ss.optional()
 }), ns = M().url("Invalid audio url format."), rs = pt.extend({
-  from: v().min(0).max(1),
-  to: v().min(0).max(1)
-}).array().or(v().min(0).max(1)), De = P({
+  from: C().min(0).max(1),
+  to: C().min(0).max(1)
+}).array().or(C().min(0).max(1)), De = P({
   type: ut("audio"),
   src: ns,
-  trim: v().optional(),
+  trim: C().optional(),
   volume: rs.optional()
 }), as = at(["top", "topRight", "right", "bottomRight", "bottom", "bottomLeft", "left", "topLeft", "center"]), Re = P({
   type: ut("html"),
   html: M(),
   css: M(),
-  width: v().positive().optional(),
-  height: v().positive().optional(),
+  width: C().positive().optional(),
+  height: C().positive().optional(),
   position: as.optional()
 }), os = M().url("Invalid image url format."), ls = P({
-  top: v().min(0).optional(),
-  right: v().min(0).optional(),
-  bottom: v().min(0).optional(),
-  left: v().min(0).optional()
+  top: C().min(0).optional(),
+  right: C().min(0).optional(),
+  bottom: C().min(0).optional(),
+  left: C().min(0).optional()
 }), Le = P({
   type: ut("image"),
   src: os,
@@ -4846,96 +4869,96 @@ const is = at(["linear", "bezier", "constant"]), ss = at([
   type: ut("luma"),
   src: cs
 }), Je = M().regex(/^#([A-Fa-f0-9]{8}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})|transparent$/, "Invalid color format."), He = P({
-  width: v().positive(),
-  height: v().positive()
-}), Be = P({
-  radius: v().positive()
+  width: C().positive(),
+  height: C().positive()
 }), ze = P({
-  length: v().positive(),
-  thickness: v().positive()
+  radius: C().positive()
+}), Be = P({
+  length: C().positive(),
+  thickness: C().positive()
 }), hs = P({
   color: Je,
-  opacity: v().min(0).max(1)
+  opacity: C().min(0).max(1)
 }), ds = P({
   color: Je,
-  width: v().positive()
+  width: C().positive()
 }), Fe = P({
   type: ut("shape"),
-  width: v().positive().optional(),
-  height: v().positive().optional(),
+  width: C().positive().optional(),
+  height: C().positive().optional(),
   shape: at(["rectangle", "circle", "line"]),
   fill: hs.optional(),
   stroke: ds.optional(),
   rectangle: He.optional(),
-  circle: Be.optional(),
-  line: ze.optional()
-}).refine((r) => r.shape === "rectangle" ? He.safeParse(r.rectangle) : r.shape === "circle" ? Be.safeParse(r.circle) : r.shape === "line" ? ze.safeParse(r.line) : !1), ke = M().regex(/^#([A-Fa-f0-9]{8}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})|transparent$/, "Invalid color format."), us = P({
+  circle: ze.optional(),
+  line: Be.optional()
+}).refine((r) => r.shape === "rectangle" ? He.safeParse(r.rectangle) : r.shape === "circle" ? ze.safeParse(r.circle) : r.shape === "line" ? Be.safeParse(r.line) : !1), ke = M().regex(/^#([A-Fa-f0-9]{8}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})|transparent$/, "Invalid color format."), us = P({
   color: ke.optional(),
   family: M().optional(),
-  size: v().positive().optional(),
-  weight: v().optional(),
-  lineHeight: v().optional()
+  size: C().positive().optional(),
+  weight: C().optional(),
+  lineHeight: C().optional()
 }), ps = P({
   horizontal: at(["left", "center", "right"]).optional(),
   vertical: at(["top", "center", "bottom"]).optional()
 }), fs = P({
   color: ke,
-  opacity: v().min(0).max(1)
+  opacity: C().min(0).max(1)
 }), gs = P({
-  width: v().positive(),
+  width: C().positive(),
   color: ke
 }), Ne = P({
   type: ut("text"),
   text: M(),
-  width: v().positive().optional(),
-  height: v().positive().optional(),
+  width: C().positive().optional(),
+  height: C().positive().optional(),
   font: us.optional(),
   alignment: ps.optional(),
   background: fs.optional(),
   stroke: gs.optional()
 }), ms = M().url("Invalid video url format."), ys = P({
-  top: v().min(0).optional(),
-  right: v().min(0).optional(),
-  bottom: v().min(0).optional(),
-  left: v().min(0).optional()
-}), Cs = pt.extend({
-  from: v().min(0).max(1),
-  to: v().min(0).max(1)
-}).array().or(v().min(0).max(1)), Ve = P({
+  top: C().min(0).optional(),
+  right: C().min(0).optional(),
+  bottom: C().min(0).optional(),
+  left: C().min(0).optional()
+}), vs = pt.extend({
+  from: C().min(0).max(1),
+  to: C().min(0).max(1)
+}).array().or(C().min(0).max(1)), Ve = P({
   type: ut("video"),
   src: ms,
-  trim: v().optional(),
+  trim: C().optional(),
   crop: ys.optional(),
-  volume: Cs.optional()
-}), vs = es([Ne, Fe, Re, Le, Ve, Me, De]).refine((r) => r.type === "text" ? Ne.safeParse(r) : r.type === "shape" ? Fe.safeParse(r) : r.type === "html" ? Re.safeParse(r) : r.type === "image" ? Le.safeParse(r) : r.type === "video" ? Ve.safeParse(r) : r.type === "luma" ? Me.safeParse(r) : r.type === "audio" ? De.safeParse(r) : !1), xs = at(["topLeft", "top", "topRight", "left", "center", "right", "bottomLeft", "bottom", "bottomRight"]), ks = at(["crop", "cover", "contain", "none"]), Ct = v().min(-10).max(10).default(0), Ts = pt.extend({
-  from: Ct,
-  to: Ct
-}).array().or(Ct), ws = pt.extend({
-  from: Ct,
-  to: Ct
-}).array().or(Ct), bs = P({
+  volume: vs.optional()
+}), Cs = es([Ne, Fe, Re, Le, Ve, Me, De]).refine((r) => r.type === "text" ? Ne.safeParse(r) : r.type === "shape" ? Fe.safeParse(r) : r.type === "html" ? Re.safeParse(r) : r.type === "image" ? Le.safeParse(r) : r.type === "video" ? Ve.safeParse(r) : r.type === "luma" ? Me.safeParse(r) : r.type === "audio" ? De.safeParse(r) : !1), xs = at(["topLeft", "top", "topRight", "left", "center", "right", "bottomLeft", "bottom", "bottomRight"]), ks = at(["crop", "cover", "contain", "none"]), vt = C().min(-10).max(10).default(0), Ts = pt.extend({
+  from: vt,
+  to: vt
+}).array().or(vt), ws = pt.extend({
+  from: vt,
+  to: vt
+}).array().or(vt), bs = P({
   x: Ts.default(0),
   y: ws.default(0)
 }), Ss = pt.extend({
-  from: v().min(0).max(1),
-  to: v().min(0).max(1)
-}).array().or(v().min(0).max(1)), Is = pt.extend({
-  from: v().min(0),
-  to: v().min(0)
-}).array().or(v().min(0)), _s = P({
+  from: C().min(0).max(1),
+  to: C().min(0).max(1)
+}).array().or(C().min(0).max(1)), Is = pt.extend({
+  from: C().min(0),
+  to: C().min(0)
+}).array().or(C().min(0)), _s = P({
   angle: pt.extend({
-    from: v(),
-    to: v()
-  }).array().or(v())
+    from: C(),
+    to: C()
+  }).array().or(C())
 }), Ps = M(), Ge = M(), Es = P({
   in: Ge.optional(),
   out: Ge.optional()
 }), As = P({
   rotate: _s.default({ angle: 0 })
 }), ti = P({
-  asset: vs,
-  start: v().min(0),
-  length: v().positive(),
+  asset: Cs,
+  start: C().min(0),
+  length: C().positive(),
   position: xs.default("center").optional(),
   fit: ks.default("crop").optional(),
   offset: bs.default({ x: 0, y: 0 }).optional(),
@@ -5122,7 +5145,7 @@ class Hs {
     });
   }
 }
-class Bs {
+class zs {
   constructor(t, e, i) {
     this.trackIndex = t, this.clipIndex = e, this.splitTime = i;
   }
@@ -5186,7 +5209,7 @@ class Bs {
     }
   }
 }
-class zs {
+class Bs {
   constructor(t, e, i) {
     this.clip = t, this.newText = e, this.initialConfig = i;
     const { asset: s } = this.clip.clipConfiguration;
@@ -5379,10 +5402,10 @@ const Ns = P({
   tracks: Ns.array()
 }), Zs = P({
   size: P({
-    width: v().positive(),
-    height: v().positive()
+    width: C().positive(),
+    height: C().positive()
   }),
-  fps: v().positive().optional(),
+  fps: C().positive().optional(),
   format: M()
 }), Ws = P({
   timeline: Us,
@@ -5410,6 +5433,8 @@ class Pt extends ot {
   selectedClip;
   /** @internal */
   updatedClip;
+  /** @internal */
+  viewportMask;
   constructor(t, e = "#ffffff") {
     super(), this.assetLoader = new Jt(), this.edit = null, this.tracks = [], this.clipsToDispose = [], this.clips = [], this.events = new Mt(), this.size = t, this.playbackTime = 0, this.totalDuration = 0, this.isPlaying = !1, this.selectedClip = null, this.updatedClip = null, this.backgroundColor = e, this.setupIntentListeners();
   }
@@ -5417,7 +5442,7 @@ class Pt extends ot {
     const t = new d.Graphics();
     t.fillStyle = {
       color: this.backgroundColor
-    }, t.rect(0, 0, this.size.width, this.size.height), t.fill(), this.getContainer().addChild(t);
+    }, t.rect(0, 0, this.size.width, this.size.height), t.fill(), this.getContainer().addChild(t), this.viewportMask = new d.Graphics(), this.viewportMask.rect(0, 0, this.size.width, this.size.height), this.viewportMask.fill(16777215), this.getContainer().addChild(this.viewportMask), this.getContainer().setMask({ mask: this.viewportMask });
   }
   /** @internal */
   update(t, e) {
@@ -5432,7 +5457,13 @@ class Pt extends ot {
   }
   /** @internal */
   dispose() {
-    this.clearClips();
+    if (this.clearClips(), this.viewportMask) {
+      try {
+        this.getContainer().setMask(null);
+      } catch {
+      }
+      this.viewportMask.destroy(), this.viewportMask = void 0;
+    }
   }
   play() {
     this.isPlaying = !0, this.events.emit("playback:play", {});
@@ -5488,7 +5519,7 @@ class Pt extends ot {
     this.executeCommand(i);
   }
   splitClip(t, e, i) {
-    const s = new Bs(t, e, i);
+    const s = new zs(t, e, i);
     this.executeCommand(s);
   }
   addTrack(t, e) {
@@ -5531,7 +5562,7 @@ class Pt extends ot {
   }
   /** @internal */
   updateTextContent(t, e, i) {
-    const s = new zs(t, e, i);
+    const s = new Bs(t, e, i);
     this.executeCommand(s);
   }
   executeEditCommand(t) {
@@ -5998,7 +6029,7 @@ class Tn {
     n.visible = !1;
     const p = this.createProgressOverlay();
     try {
-      const f = this.edit.getSize ? this.edit.getSize() : { width: 1920, height: 1080 }, y = Math.ceil(this.edit.totalDuration * e / 1e3), S = 1e3 / e, b = 100, O = 50, z = 50, it = (_) => Math.round(_ / y * O);
+      const f = this.edit.getSize ? this.edit.getSize() : { width: 1920, height: 1080 }, y = Math.ceil(this.edit.totalDuration * e / 1e3), S = 1e3 / e, b = 100, O = 50, B = 50, it = (_) => Math.round(_ / y * O);
       this.updateProgressOverlay(p, 0, b);
       const $ = document.createElement("canvas");
       $.width = f.width, $.height = f.height;
@@ -6061,12 +6092,12 @@ class Tn {
         if (V?.[1]) {
           const H = parseInt(V[1], 10);
           if (!Number.isNaN(H) && H > Te && (Te = H, H <= y)) {
-            const X = Math.round(H / y * z);
+            const X = Math.round(H / y * B);
             this.updateProgressOverlay(p, O + X, b);
           }
         }
       };
-      this.ffmpeg.on("log", we), await this.ffmpeg.exec(st), this.ffmpeg.off("log", we), this.updateProgressOverlay(p, O + z, b);
+      this.ffmpeg.on("log", we), await this.ffmpeg.exec(st), this.ffmpeg.off("log", we), this.updateProgressOverlay(p, O + B, b);
       const ae = await this.ffmpeg.readFile(re), ai = ae instanceof Uint8Array ? ae : new TextEncoder().encode(ae.toString()), oi = new Blob([ai], { type: "video/mp4" }), be = URL.createObjectURL(oi), oe = document.createElement("a");
       oe.href = be, oe.download = t, oe.click(), URL.revokeObjectURL(be);
       for (let _ = 0; _ < y; _ += 1)
@@ -6752,8 +6783,8 @@ class Js {
         [
           { time: S, aligns: [t, a] },
           { time: b, aligns: [t, a] }
-        ].forEach(({ time: O, aligns: z }) => {
-          z.some((it) => Math.abs(it - O) < 0.1) && (o.has(O) || o.set(O, { tracks: /* @__PURE__ */ new Set(), isPlayhead: !1 }), o.get(O).tracks.add(h));
+        ].forEach(({ time: O, aligns: B }) => {
+          B.some((it) => Math.abs(it - O) < 0.1) && (o.has(O) || o.set(O, { tracks: /* @__PURE__ */ new Set(), isPlayhead: !1 }), o.get(O).tracks.add(h));
         });
       });
     });
@@ -7086,18 +7117,18 @@ const F = {
   TRACK_PADDING: 2,
   MIN_CLIP_WIDTH: 50
 };
-function Bt(r) {
+function zt(r) {
   const t = r.split("/");
   return t[t.length - 1] || r;
 }
 function rn(r) {
   switch (r.type) {
     case "video":
-      return r.src ? Bt(r.src) : "Video";
+      return r.src ? zt(r.src) : "Video";
     case "audio":
-      return r.src ? Bt(r.src) : "Audio";
+      return r.src ? zt(r.src) : "Audio";
     case "image":
-      return r.src ? Bt(r.src) : "Image";
+      return r.src ? zt(r.src) : "Image";
     case "text":
       return r.text || "Text";
     case "shape":
@@ -7105,7 +7136,7 @@ function rn(r) {
     case "html":
       return "HTML";
     case "luma":
-      return r.src ? Bt(r.src) : "Luma";
+      return r.src ? zt(r.src) : "Luma";
     default:
       return "Unknown Asset";
   }
@@ -7689,7 +7720,7 @@ class dn {
     this.animationFrameId !== null && (cancelAnimationFrame(this.animationFrameId), this.animationFrameId = null), this.app && this.app.destroy(!0);
   }
 }
-const vt = {
+const Ct = {
   RULER: {
     DEFAULT_HEIGHT: 40,
     LABEL_FONT_SIZE: 10,
@@ -7714,7 +7745,7 @@ class We extends ot {
   rulerHeight;
   theme;
   constructor(t) {
-    super(), this.events = new Mt(), this.pixelsPerSecond = t.pixelsPerSecond, this.timelineDuration = t.timelineDuration, this.rulerHeight = t.rulerHeight ?? vt.RULER.DEFAULT_HEIGHT, this.theme = t.theme, this.rulerContainer = new d.Container(), this.rulerBackground = new d.Graphics(), this.timeMarkers = new d.Graphics(), this.timeLabels = new d.Container();
+    super(), this.events = new Mt(), this.pixelsPerSecond = t.pixelsPerSecond, this.timelineDuration = t.timelineDuration, this.rulerHeight = t.rulerHeight ?? Ct.RULER.DEFAULT_HEIGHT, this.theme = t.theme, this.rulerContainer = new d.Container(), this.rulerBackground = new d.Graphics(), this.timeMarkers = new d.Graphics(), this.timeLabels = new d.Container();
   }
   async load() {
     this.setupRuler(), this.draw();
@@ -7745,7 +7776,7 @@ class We extends ot {
   drawTimeLabels() {
     this.timeLabels.removeChildren();
     const t = this.getTimeInterval(), e = this.getVisibleDuration(), i = this.theme?.timeline.ruler.text || 16777215, s = {
-      fontSize: vt.RULER.LABEL_FONT_SIZE,
+      fontSize: Ct.RULER.LABEL_FONT_SIZE,
       fill: i,
       fontFamily: "Arial"
     };
@@ -7754,7 +7785,7 @@ class We extends ot {
         text: this.formatTime(n),
         style: s
       }), o = n * this.pixelsPerSecond;
-      n === 0 ? (a.anchor.set(0, 0.5), a.x = o + vt.RULER.LABEL_PADDING_X) : (a.anchor.set(0.5, 0.5), a.x = o), a.y = this.rulerHeight * 0.5, this.timeLabels.addChild(a);
+      n === 0 ? (a.anchor.set(0, 0.5), a.x = o + Ct.RULER.LABEL_PADDING_X) : (a.anchor.set(0.5, 0.5), a.x = o), a.y = this.rulerHeight * 0.5, this.timeLabels.addChild(a);
     }
   }
   onRulerPointerDown(t) {
@@ -7816,7 +7847,7 @@ class Ke extends ot {
   }
   /** @internal */
   drawPlayhead() {
-    const t = this.currentTime * this.options.pixelsPerSecond, e = this.options.theme?.timeline.playhead ?? 16729156, i = vt.PLAYHEAD.LINE_WIDTH, s = t + i / 2;
+    const t = this.currentTime * this.options.pixelsPerSecond, e = this.options.theme?.timeline.playhead ?? 16729156, i = Ct.PLAYHEAD.LINE_WIDTH, s = t + i / 2;
     this.graphics.clear(), this.graphics.fill(e), this.graphics.rect(t, 0, i, this.options.timelineHeight);
     const n = 8;
     this.graphics.moveTo(s, 10), this.graphics.lineTo(s - n, 0), this.graphics.lineTo(s + n, 0), this.graphics.closePath(), this.graphics.fill();
@@ -7909,7 +7940,7 @@ class un {
   handleScroll(t) {
     let { deltaX: e } = t, { deltaY: i } = t;
     t.shiftKey && (e = i, i = 0);
-    const s = vt.SCROLL.HORIZONTAL_SPEED, n = vt.SCROLL.VERTICAL_SPEED;
+    const s = Ct.SCROLL.HORIZONTAL_SPEED, n = Ct.SCROLL.VERTICAL_SPEED;
     this.scrollX += e * s, this.scrollY += i * n, this.scrollX = this.clampScrollX(this.scrollX), this.scrollY = this.clampScrollY(this.scrollY), this.timeline.setScroll(this.scrollX, this.scrollY), this.events.emit("scroll", { x: this.scrollX, y: this.scrollY });
   }
   setScroll(t, e) {
@@ -7996,7 +8027,7 @@ const E = {
   ACTIVE_ANIMATION_ALPHA: 0.3,
   DIVIDER_ALPHA: 0.5
 };
-class zt {
+class Bt {
   static createIcon(t, e, i) {
     const s = i ? i / E.BUTTON_SIZE : 1;
     switch (t) {
@@ -8049,7 +8080,7 @@ class $e extends d.Container {
   constructor(t) {
     super(), this.size = t.size || E.BUTTON_SIZE, this.theme = t.theme, this.onClick = t.onClick, this.eventMode = "static", this.cursor = "pointer", this.background = new d.Graphics(), this.addChild(this.background), this.hoverBackground = new d.Graphics(), this.addChild(this.hoverBackground);
     const i = this.size * 0.6, s = (this.size - i) / 2;
-    t.iconType && (this.icon = zt.createIcon(t.iconType, this.theme, i), this.icon.position.set(s, s), this.addChild(this.icon)), t.alternateIconType && (this.alternateIcon = zt.createIcon(t.alternateIconType, this.theme, i), this.alternateIcon.position.set(s, s), this.alternateIcon.visible = !1, this.addChild(this.alternateIcon)), this.setupEventListeners(), this.updateVisuals();
+    t.iconType && (this.icon = Bt.createIcon(t.iconType, this.theme, i), this.icon.position.set(s, s), this.addChild(this.icon)), t.alternateIconType && (this.alternateIcon = Bt.createIcon(t.alternateIconType, this.theme, i), this.alternateIcon.position.set(s, s), this.alternateIcon.visible = !1, this.addChild(this.alternateIcon)), this.setupEventListeners(), this.updateVisuals();
   }
   setupEventListeners() {
     this.on("pointerdown", this.handlePointerDown, this), this.on("pointerup", this.handlePointerUp, this), this.on("pointerupoutside", this.handlePointerUp, this), this.on("pointerover", this.handlePointerOver, this), this.on("pointerout", this.handlePointerOut, this);
@@ -8090,11 +8121,11 @@ class $e extends d.Container {
     const i = this.size * 0.6, s = (this.size - i) / 2;
     if (this.icon) {
       const n = this.getIconType(this.icon);
-      n && (this.removeChild(this.icon), this.icon = zt.createIcon(n, t, i), this.icon.position.set(s, s), this.addChild(this.icon));
+      n && (this.removeChild(this.icon), this.icon = Bt.createIcon(n, t, i), this.icon.position.set(s, s), this.addChild(this.icon));
     }
     if (this.alternateIcon) {
       const n = this.getIconType(this.alternateIcon);
-      n && (this.removeChild(this.alternateIcon), this.alternateIcon = zt.createIcon(n, t, i), this.alternateIcon.position.set(s, s), this.alternateIcon.visible = this.state.isActive, this.addChild(this.alternateIcon));
+      n && (this.removeChild(this.alternateIcon), this.alternateIcon = Bt.createIcon(n, t, i), this.alternateIcon.position.set(s, s), this.alternateIcon.visible = this.state.isActive, this.addChild(this.alternateIcon));
     }
     this.updateVisuals();
   }
@@ -8379,7 +8410,7 @@ class yn extends d.Container {
     this.edit.events.off("clip:selected", this.updateEditControls), this.edit.events.off("selection:cleared", this.updateEditControls), this.playbackControls.destroy(), this.timeDisplay.destroy(), this.editControls.destroy(), super.destroy();
   }
 }
-class Cn {
+class vn {
   constructor(t, e, i, s, n, a) {
     this.edit = t, this.layout = e, this.renderer = i, this.viewportManager = s, this.eventHandler = n, this.getTimelineContext = a;
   }
@@ -8747,7 +8778,7 @@ class ri extends ot {
       () => this.optionsManager.getPixelsPerSecond(),
       () => this.optionsManager.getTrackHeight(),
       () => this.visualTrackManager.getVisualTracks()
-    ), this.featureManager = new Cn(this.edit, this.layout, this.renderer, this.viewportManager, this.eventHandler, () => this);
+    ), this.featureManager = new vn(this.edit, this.layout, this.renderer, this.viewportManager, this.eventHandler, () => this);
   }
   async setupTimelineFeatures() {
     const t = this.getExtendedTimelineDuration();