openvideo 0.2.17 → 0.2.18

package/dist/{browserAll-CRgUZ3hq.js → browserAll-C8CHW66V.js}

@@ -1,5 +1,5 @@
-import { e as a, A as e, C as i, a as s, E as t, F as n, D as d } from "./index-Gj63TxQW.js";
-import "./webworkerAll-S6vnaIy0.js";
+import { e as a, A as e, C as i, a as s, E as t, F as n, D as d } from "./index-hudXPK2u.js";
+import "./webworkerAll-DHuq-MZm.js";
 a.add(e);
 a.mixin(i, s);
 a.add(t);

package/dist/clips/image-clip.d.ts

@@ -57,6 +57,7 @@ export declare class Image extends BaseClip implements IClip {
         startTime: number;
         duration: number;
     }>;
+    getVisibleHandles(): Array<'tl' | 'tr' | 'bl' | 'br' | 'ml' | 'mr' | 'mt' | 'mb' | 'rot'>;
     /**
      * Load an image clip from a URL using PixiJS Assets
      * This is optimized for Studio as it uses Texture directly

package/dist/clips/video-clip.d.ts

@@ -102,6 +102,7 @@ export declare class Video extends BaseClip implements IPlaybackCapable {
         startTime: number;
         duration: number;
     }>;
+    getVisibleHandles(): Array<'tl' | 'tr' | 'bl' | 'br' | 'ml' | 'mr' | 'mt' | 'mb' | 'rot'>;
     /**
      * Load a video clip from a URL
      * @param url Video URL

package/dist/{index-Gj63TxQW.js → index-hudXPK2u.js}

@@ -18383,7 +18383,7 @@ const Vv = (r) => {
   },
   test: () => !0,
   load: async () => {
-    await import("./browserAll-CRgUZ3hq.js");
+    await import("./browserAll-C8CHW66V.js");
   }
 }, TC = {
   extension: {
@@ -18393,7 +18393,7 @@ const Vv = (r) => {
   },
   test: () => typeof self < "u" && self.WorkerGlobalScope !== void 0,
   load: async () => {
-    await import("./webworkerAll-S6vnaIy0.js");
+    await import("./webworkerAll-DHuq-MZm.js");
   }
 };
 class at {
@@ -68980,6 +68980,9 @@ let Oc = class un extends Gn {
    * Each effect specifies key, startTime, duration, and optional targets
    */
   effects = [];
+  getVisibleHandles() {
+    return ["tl", "tr", "bl", "br", "rot"];
+  }
   /**
    * Load an image clip from a URL using PixiJS Assets
    * This is optimized for Studio as it uses Texture directly
@@ -69376,6 +69379,9 @@ class Vr extends Gn {
    * Each effect specifies key, startTime, duration, and optional targets
    */
   effects = [];
+  getVisibleHandles() {
+    return ["tl", "tr", "bl", "br", "rot"];
+  }
   /**
    * Load a video clip from a URL
    * @param url Video URL
@@ -90034,9 +90040,9 @@ class Ni extends Qe {
   cursor;
   callbacks;
   constructor(e, t, i) {
-    super(), this.handle = e, this.cursor = t, this.callbacks = i, this.eventMode = "static", this.#l(), this.on("pointerdown", this.#r), this.on("globalpointermove", this.#n), this.on("pointerup", this.#u), this.on("pointerupoutside", this.#u);
+    super(), this.handle = e, this.cursor = t, this.callbacks = i, this.eventMode = "static", this.#a(), this.on("pointerdown", this.#r), this.on("globalpointermove", this.#n), this.on("pointerup", this.#l), this.on("pointerupoutside", this.#l);
   }
-  #l() {
+  #a() {
     this.clear();
     const e = 165063;
     if (this.handle === "rot")
@@ -90053,7 +90059,7 @@ class Ni extends Qe {
   #n = (e) => {
     this.#e && this.callbacks.updateDrag(this.handle, e.global);
   };
-  #u = (e) => {
+  #l = (e) => {
     this.#e && (this.#e = !1, this.cursor = "pointer", this.callbacks.endDrag());
   };
 }
@@ -90173,17 +90179,17 @@ class yS extends Ie {
   lastPointer = new ve();
   activeHandle = null;
   #e;
-  #l = /* @__PURE__ */ new Map();
+  #a = /* @__PURE__ */ new Map();
   #r = new ve();
   #n = 0;
-  #u = 0;
-  #c = new ce();
-  #i = new ve();
+  #l = 0;
   #s = new ce();
+  #i = new ve();
+  #o = new ce();
   // Reusable points for selection bounds calculation to avoid GC
   #t = [new ve(), new ve(), new ve(), new ve()];
-  #o = 1;
-  #a = 1;
+  #u = 1;
+  #c = 1;
   #h;
   #d = new Qe();
   #m = new ve();
@@ -90239,7 +90245,7 @@ class yS extends Ie {
       let i, n;
       this.opts.clip ? (i = this.opts.clip.width, n = this.opts.clip.height) : (i = t.width, n = t.height);
       const s = e.toGlobal(new ve(0, 0));
-      this.#r.set(s.x, s.y), this.#s.copyFrom(
+      this.#r.set(s.x, s.y), this.#o.copyFrom(
         new ce(-i / 2, -n / 2, i, n)
       );
     } else {
@@ -90252,7 +90258,7 @@ class yS extends Ie {
             u.toGlobal(h, h), this.toLocal(h, void 0, h), e = Math.min(e, h.x), t = Math.min(t, h.y), i = Math.max(i, h.x), n = Math.max(n, h.y);
         }
       const s = i - e, o = n - t, a = e + s / 2, l = t + o / 2;
-      if (this.#s.copyFrom(new ce(-s / 2, -o / 2, s, o)), this.parent) {
+      if (this.#o.copyFrom(new ce(-s / 2, -o / 2, s, o)), this.parent) {
         const u = this.toGlobal(
           new ve(a, l)
         );
@@ -90336,10 +90342,10 @@ class yS extends Ie {
     const i = e.global.x - this.lastPointer.x, n = e.global.y - this.lastPointer.y;
     this.#m.x += i, this.#m.y += n;
     const s = this.parent.toLocal(this.#m), o = new ce(
-      s.x + this.#s.x,
-      s.y + this.#s.y,
-      this.#s.width,
-      this.#s.height
+      s.x + this.#o.x,
+      s.y + this.#o.y,
+      this.#o.width,
+      this.#o.height
     ), {
       dx: a,
       dy: l,
@@ -90352,10 +90358,10 @@ class yS extends Ie {
     return { moveDx: f, moveDy: p, newPivotWorld: m };
   }
   #A(e, t) {
-    this.#f(), this.isDragging = !0, this.activeHandle = e, this.#l.clear();
+    this.#f(), this.isDragging = !0, this.activeHandle = e, this.#a.clear();
     for (const i of this.group)
-      this.#l.set(i, i.localTransform.clone());
-    this.rotation = this.#n, this.#c.copyFrom(this.#s), this.#F(e);
+      this.#a.set(i, i.localTransform.clone());
+    this.rotation = this.#n, this.#s.copyFrom(this.#o), this.#F(e);
   }
   #E(e, t) {
     this.#P(e, t);
@@ -90373,7 +90379,7 @@ class yS extends Ie {
       proposed: i,
       sx: n,
       sy: s
-    }) : this.#_(this.#D(o, this.#n, n, s)), this.#s.copyFrom(i), this.#p(), this.emit("transforming");
+    }) : this.#_(this.#D(o, this.#n, n, s)), this.#o.copyFrom(i), this.#p(), this.emit("transforming");
   }
   async #I(e, t) {
     const i = this.#i, n = this.#M(
@@ -90388,14 +90394,14 @@ class yS extends Ie {
     );
     const { dx: o, dy: a, guides: l } = this.#h.snapMove(n);
     n.x += o, n.y += a, this.#b(l, s);
-    const u = n.width / this.#c.width, c = n.height / this.#c.height, h = this.toGlobal(i);
+    const u = n.width / this.#s.width, c = n.height / this.#s.height, h = this.toGlobal(i);
     return { proposed: n, sx: u, sy: c, pivotWorld: h };
   }
   #B(e) {
-    this.#f(), this.isDragging = !0, this.activeHandle = "rot", this.#l.clear();
+    this.#f(), this.isDragging = !0, this.activeHandle = "rot", this.#a.clear();
     for (const t of this.group)
-      this.#l.set(t, t.localTransform.clone());
-    this.#u = Math.atan2(
+      this.#a.set(t, t.localTransform.clone());
+    this.#l = Math.atan2(
       e.y - this.#r.y,
       e.x - this.#r.x
     );
@@ -90404,7 +90410,7 @@ class yS extends Ie {
     const i = Math.atan2(
       e.y - this.#r.y,
       e.x - this.#r.x
-    ) - this.#u, n = this.#n + i;
+    ) - this.#l, n = this.#n + i;
     this.#_(this.#O(this.#r, i)), this.rotation = n, this.#p(n), this.emit("transforming");
   }
   #v() {
@@ -90421,7 +90427,7 @@ class yS extends Ie {
   }
   #p(e = this.#n) {
     this.parent && this.position.copyFrom(this.parent.toLocal(this.#r)), this.rotation = e;
-    const i = 1 / ((this.parent ? Math.abs(this.parent.worldTransform.a) : 1) || 1), n = this.#s;
+    const i = 1 / ((this.parent ? Math.abs(this.parent.worldTransform.a) : 1) || 1), n = this.#o;
     this.wireframe.draw(n, i);
     const s = n.x + n.width / 2, o = n.y + n.height / 2, l = this.opts.locked ? [] : this.opts.clip?.getVisibleHandles?.() ?? [
       "tl",
@@ -90465,7 +90471,7 @@ class yS extends Ie {
   }
   // helpers
   #F(e) {
-    const t = this.#c;
+    const t = this.#s;
     if (this.opts.centeredScaling) {
       this.#i.set(t.x + t.width / 2, t.y + t.height / 2);
       return;
@@ -90473,44 +90479,48 @@ class yS extends Ie {
     e === "tl" ? this.#i.set(t.x + t.width, t.y + t.height) : e === "tr" ? this.#i.set(t.x, t.y + t.height) : e === "bl" ? this.#i.set(t.x + t.width, t.y) : e === "br" ? this.#i.set(t.x, t.y) : e === "ml" ? this.#i.set(t.x + t.width, t.y + t.height / 2) : e === "mr" ? this.#i.set(t.x, t.y + t.height / 2) : e === "mt" ? this.#i.set(t.x + t.width / 2, t.y + t.height) : e === "mb" && this.#i.set(t.x + t.width / 2, t.y);
   }
   #M(e, t, i) {
-    if (this.opts.centeredScaling) {
-      const s = Math.max(this.#o, Math.abs(t.x - i.x) * 2), o = Math.max(this.#a, Math.abs(t.y - i.y) * 2);
-      return new ce(i.x - s / 2, i.y - o / 2, s, o);
-    }
-    if (e === "tl") {
-      const s = Math.min(t.x, i.x - this.#o), o = Math.min(t.y, i.y - this.#a);
-      return new ce(s, o, i.x - s, i.y - o);
-    }
-    if (e === "tr") {
-      const s = Math.max(t.x, i.x + this.#o), o = Math.min(t.y, i.y - this.#a);
-      return new ce(i.x, o, s - i.x, i.y - o);
-    }
-    if (e === "bl") {
-      const s = Math.min(t.x, i.x - this.#o), o = Math.max(t.y, i.y + this.#a);
-      return new ce(s, i.y, i.x - s, o - i.y);
-    }
-    if (e === "br") {
-      const s = Math.max(t.x, i.x + this.#o), o = Math.max(t.y, i.y + this.#a);
-      return new ce(i.x, i.y, s - i.x, o - i.y);
-    }
-    const n = this.#c;
+    let n = !1;
+    if (this.opts.clip && (this.opts.clip.type === "Image" || this.opts.clip.type === "Video") && (n = !0), this.opts.centeredScaling) {
+      let o = Math.abs(t.x - i.x) * 2, a = Math.abs(t.y - i.y) * 2;
+      if (n) {
+        const l = this.#s.width, u = this.#s.height, c = l / u;
+        o / l > a / u ? a = o / c : o = a * c;
+      }
+      return o = Math.max(this.#u, o), a = Math.max(this.#c, a), new ce(i.x - o / 2, i.y - a / 2, o, a);
+    }
+    if (["tl", "tr", "bl", "br"].includes(e)) {
+      let o = Math.abs(t.x - i.x), a = Math.abs(t.y - i.y);
+      if (n) {
+        const l = this.#s.width, u = this.#s.height, c = l / u;
+        o / l > a / u ? a = o / c : o = a * c;
+      }
+      if (o = Math.max(this.#u, o), a = Math.max(this.#c, a), e === "tl")
+        return new ce(i.x - o, i.y - a, o, a);
+      if (e === "tr")
+        return new ce(i.x, i.y - a, o, a);
+      if (e === "bl")
+        return new ce(i.x - o, i.y, o, a);
+      if (e === "br")
+        return new ce(i.x, i.y, o, a);
+    }
+    const s = this.#s;
     if (e === "ml") {
-      const s = Math.min(t.x, i.x - this.#o);
-      return new ce(s, n.y, i.x - s, n.height);
+      const o = Math.min(t.x, i.x - this.#u);
+      return new ce(o, s.y, i.x - o, s.height);
     }
     if (e === "mr") {
-      const s = Math.max(t.x, i.x + this.#o);
-      return new ce(i.x, n.y, s - i.x, n.height);
+      const o = Math.max(t.x, i.x + this.#u);
+      return new ce(i.x, s.y, o - i.x, s.height);
     }
     if (e === "mt") {
-      const s = Math.min(t.y, i.y - this.#a);
-      return new ce(n.x, s, n.width, i.y - s);
+      const o = Math.min(t.y, i.y - this.#c);
+      return new ce(s.x, o, s.width, i.y - o);
     }
     if (e === "mb") {
-      const s = Math.max(t.y, i.y + this.#a);
-      return new ce(n.x, i.y, n.width, s - i.y);
+      const o = Math.max(t.y, i.y + this.#c);
+      return new ce(s.x, i.y, s.width, o - i.y);
     }
-    return new ce(i.x, i.y, this.#o, this.#a);
+    return new ce(i.x, i.y, this.#u, this.#c);
   }
   #D(e, t, i, n) {
     return xS.delta.identity().translate(-e.x, -e.y).rotate(-t).scale(i, n).rotate(t).translate(e.x, e.y);
@@ -90520,7 +90530,7 @@ class yS extends Ie {
   }
   #_(e) {
     for (const t of this.group) {
-      const i = this.#l.get(t), n = t.parent;
+      const i = this.#a.get(t), n = t.parent;
       if (!i || !n) continue;
       const s = n.worldTransform.clone().invert(), o = n.worldTransform.clone().append(i), a = e.clone().append(o), l = s.clone().append(a);
       t.setFromMatrix(l);
@@ -90771,10 +90781,10 @@ class Ste {
         transformer: this.activeTransformer
       });
     }), this.activeTransformer.on("pointerdown", (s) => {
-      if (s.button !== 0) return;
-      this.studio.emit("transform:start", {
+      if (s.button !== 0 || (this.studio.emit("transform:start", {
         transformer: this.activeTransformer
-      });
+      }), this.activeTransformer?.activeHandle !== null))
+        return;
       const o = this.getTopmostClipAtPoint(s.global), a = Date.now();
       o && o === this.lastPointerDownClip && a - this.lastPointerDownTime < 350 && (o.type === "Text" || o.type === "Caption") && this.studio.emit("clip:dblclick", { clip: o }), this.lastPointerDownTime = a, this.lastPointerDownClip = o, o && !this.selectedClips.has(o) && (this.selectClip(o, s.shiftKey), s.stopPropagation());
     }), this.studio.artboard.addChild(this.activeTransformer), this.activeTransformer.showImmediate(), this.studio.pixiApp?.render();
@@ -90838,7 +90848,7 @@ class Ste {
           const g = await e.getTexture();
           g && (await t.updateFrame(g), e.width = u, e.height = g.height, this.textClipResizedWidth = null, e.left = f - e.width / 2, e.top = i.y - e.height / 2, n.scale.set(1, 1), i.scale.set(1, 1));
         } else {
-          let m = a, g = l;
+          const m = a, g = l;
           e.left = i.x - m / 2, e.top = i.y - g / 2, e.width = m, e.height = g;
           const v = e.flip == null ? 1 : -1;
           e.angle = v * i.angle;
@@ -90856,9 +90866,7 @@ class Ste {
     if (t != null) {
       const i = t.getRoot(), n = t.getSprite();
       if (i != null && n != null && n.texture != null) {
-        const s = n.texture.width, o = n.texture.height, a = Math.abs(i.scale.x * n.scale.x) * s, l = Math.abs(i.scale.y * n.scale.y) * o;
-        let u = a, c = l;
-        const h = i.x - u / 2, d = i.y - c / 2;
+        const s = n.texture.width, o = n.texture.height, a = Math.abs(i.scale.x * n.scale.x) * s, l = Math.abs(i.scale.y * n.scale.y) * o, u = a, c = l, h = i.x - u / 2, d = i.y - c / 2;
         e.left = h, e.top = d, e.width = u, e.height = c;
         const f = e.flip == null ? 1 : -1;
         e.angle = f * i.angle, t.updateTransforms(), this.studio.emit("clip:updated", { clip: e });

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { a4 as t, p as e, q as i, w as o, v as n, t as r, Y as T, a2 as E, I as m, a9 as f, L as g, V as A, P as I, S as C, s as L, u as P, K as S, O as _, V as l, a8 as O, x as c, o as p, a6 as u, a5 as M, l as d, m as F, z as N, W as x, a0 as R, a7 as U, X as V, a3 as y, a1 as k, y as D, J as h, Z as w, n as B, Q as G, _ as J, r as K, U as j, $ as q } from "./index-Gj63TxQW.js";
+import { a4 as t, p as e, q as i, w as o, v as n, t as r, Y as T, a2 as E, I as m, a9 as f, L as g, V as A, P as I, S as C, s as L, u as P, K as S, O as _, V as l, a8 as O, x as c, o as p, a6 as u, a5 as M, l as d, m as F, z as N, W as x, a0 as R, a7 as U, X as V, a3 as y, a1 as k, y as D, J as h, Z as w, n as B, Q as G, _ as J, r as K, U as j, $ as q } from "./index-hudXPK2u.js";
 export {
   t as ANIMATABLE_PROPERTIES,
   e as Audio,