@shotstack/shotstack-studio 2.0.0-rc.5 → 2.0.0-rc.6

package/dist/shotstack-studio.es.js

@@ -10,7 +10,7 @@ import "pixi.js/text-html";
 import "pixi.js/sprite-tiling";
 import "pixi.js/filters";
 import "pixi.js/mesh";
-const ug = "2.0.0-rc.5", fg = {
+const ug = "2.0.0-rc.6", fg = {
   version: ug
 };
 class hg {
@@ -520,7 +520,7 @@ const G = {
   OutputDestinationsChanged: "output:destinationsChanged",
   // Merge fields
   MergeFieldChanged: "mergefield:changed"
-}, Be = {
+}, Le = {
   // Canvas → Edit communication
   CanvasClipClicked: "canvas:clipClicked",
   CanvasBackgroundClicked: "canvas:backgroundClicked",
@@ -925,7 +925,7 @@ class Dt extends wg {
    * All drag/resize/rotate interaction is handled by SelectionHandles.
    */
   onPointerDown(e) {
-    e.button === $f.ButtonLeftClick && this.edit.getInternalEvents().emit(Be.CanvasClipClicked, { player: this });
+    e.button === $f.ButtonLeftClick && this.edit.getInternalEvents().emit(Le.CanvasClipClicked, { player: this });
   }
   clipHasKeyframes() {
     return [
@@ -33236,37 +33236,37 @@ const CS = new uo(Dc("APABAAAAAAAAOAAAAf0BAv7tmi1MxDAUx7vtvjhAgcDgkEgEAnmXEBIMCY
 ], jl = {
   Non_Joining: 0,
   Transparent: 6
-}, et = "isol", $s = "fina", sl = "fin2", kS = "fin3", Kr = "medi", Qr = "med2", Jr = "init", Le = null, SS = [
+}, et = "isol", $s = "fina", sl = "fin2", kS = "fin3", Kr = "medi", Qr = "med2", Jr = "init", Be = null, SS = [
   //   Non_Joining,        Left_Joining,       Right_Joining,     Dual_Joining,           ALAPH,            DALATH RISH
   // State 0: prev was U,  not willing to join.
   [
     [
-      Le,
-      Le,
+      Be,
+      Be,
       0
     ],
     [
-      Le,
+      Be,
       et,
       2
     ],
     [
-      Le,
+      Be,
       et,
       1
     ],
     [
-      Le,
+      Be,
       et,
       2
     ],
     [
-      Le,
+      Be,
       et,
       1
     ],
     [
-      Le,
+      Be,
       et,
       6
     ]
@@ -33274,32 +33274,32 @@ const CS = new uo(Dc("APABAAAAAAAAOAAAAf0BAv7tmi1MxDAUx7vtvjhAgcDgkEgEAnmXEBIMCY
   // State 1: prev was R or ISOL/ALAPH,  not willing to join.
   [
     [
-      Le,
-      Le,
+      Be,
+      Be,
       0
     ],
     [
-      Le,
+      Be,
       et,
       2
     ],
     [
-      Le,
+      Be,
       et,
       1
     ],
     [
-      Le,
+      Be,
       et,
       2
     ],
     [
-      Le,
+      Be,
       sl,
       5
     ],
     [
-      Le,
+      Be,
       et,
       6
     ]
@@ -33307,12 +33307,12 @@ const CS = new uo(Dc("APABAAAAAAAAOAAAAf0BAv7tmi1MxDAUx7vtvjhAgcDgkEgEAnmXEBIMCY
   // State 2: prev was D/L in ISOL form,  willing to join.
   [
     [
-      Le,
-      Le,
+      Be,
+      Be,
       0
     ],
     [
-      Le,
+      Be,
       et,
       2
     ],
@@ -33340,12 +33340,12 @@ const CS = new uo(Dc("APABAAAAAAAAOAAAAf0BAv7tmi1MxDAUx7vtvjhAgcDgkEgEAnmXEBIMCY
   // State 3: prev was D in FINA form,  willing to join.
   [
     [
-      Le,
-      Le,
+      Be,
+      Be,
       0
     ],
     [
-      Le,
+      Be,
       et,
       2
     ],
@@ -33373,12 +33373,12 @@ const CS = new uo(Dc("APABAAAAAAAAOAAAAf0BAv7tmi1MxDAUx7vtvjhAgcDgkEgEAnmXEBIMCY
   // State 4: prev was FINA ALAPH,  not willing to join.
   [
     [
-      Le,
-      Le,
+      Be,
+      Be,
       0
     ],
     [
-      Le,
+      Be,
       et,
       2
     ],
@@ -33406,12 +33406,12 @@ const CS = new uo(Dc("APABAAAAAAAAOAAAAf0BAv7tmi1MxDAUx7vtvjhAgcDgkEgEAnmXEBIMCY
   // State 5: prev was FIN2/FIN3 ALAPH,  not willing to join.
   [
     [
-      Le,
-      Le,
+      Be,
+      Be,
       0
     ],
     [
-      Le,
+      Be,
       et,
       2
     ],
@@ -33439,32 +33439,32 @@ const CS = new uo(Dc("APABAAAAAAAAOAAAAf0BAv7tmi1MxDAUx7vtvjhAgcDgkEgEAnmXEBIMCY
   // State 6: prev was DALATH/RISH,  not willing to join.
   [
     [
-      Le,
-      Le,
+      Be,
+      Be,
       0
     ],
     [
-      Le,
+      Be,
       et,
       2
     ],
     [
-      Le,
+      Be,
       et,
       1
     ],
     [
-      Le,
+      Be,
       et,
       2
     ],
     [
-      Le,
+      Be,
       kS,
       5
     ],
     [
-      Le,
+      Be,
       et,
       6
     ]
@@ -33490,10 +33490,10 @@ class ei extends mi {
       var n = t[o];
       let d = AS(n.codePoints[0]);
       if (d === jl.Transparent) {
-        r[o] = Le;
+        r[o] = Be;
         continue;
       }
-      [c, l, a] = SS[a][d], c !== Le && i !== -1 && (r[i] = c), r[o] = l, i = o;
+      [c, l, a] = SS[a][d], c !== Be && i !== -1 && (r[i] = c), r[o] = l, i = o;
     }
     for (let o = 0; o < t.length; o++) {
       let l;
@@ -39620,7 +39620,7 @@ class ws extends Dt {
     if (!i)
       return;
     const a = ws.getFontSourceCacheKey(i), r = ws.fontCapabilityCache.get(a), n = r ?? this.createFontCapabilityCheckPromise(i);
-    r || ws.fontCapabilityCache.set(a, n), this.fontSupportsBold = await n, t && this.edit.getInternalEvents().emit(Be.FontCapabilitiesChanged, { supportsBold: this.fontSupportsBold });
+    r || ws.fontCapabilityCache.set(a, n), this.fontSupportsBold = await n, t && this.edit.getInternalEvents().emit(Le.FontCapabilitiesChanged, { supportsBold: this.fontSupportsBold });
   }
   supportsBold() {
     return this.fontSupportsBold;
@@ -41375,10 +41375,10 @@ class qI {
       }
   }
   setupEventListeners() {
-    this.events.on(Be.PlayerLoaded, this.onPlayerLoadedBound), this.events.on(G.ClipUpdated, this.onClipChangedBound);
+    this.events.on(Le.PlayerLoaded, this.onPlayerLoadedBound), this.events.on(G.ClipUpdated, this.onClipChangedBound), this.events.on(Le.PlayerMovedBetweenTracks, this.onClipChangedBound);
   }
   removeEventListeners() {
-    this.events.off(Be.PlayerLoaded, this.onPlayerLoadedBound), this.events.off(G.ClipUpdated, this.onClipChangedBound);
+    this.events.off(Le.PlayerLoaded, this.onPlayerLoadedBound), this.events.off(G.ClipUpdated, this.onClipChangedBound), this.events.off(Le.PlayerMovedBetweenTracks, this.onClipChangedBound);
   }
   processPendingMaskCleanup() {
     for (let e = this.pendingMaskCleanup.length - 1; e >= 0; e -= 1) {
@@ -42743,7 +42743,7 @@ class ba {
 const sf = /* @__PURE__ */ new Set(["asset", "start", "length", "id"]), k6 = /* @__PURE__ */ new Set(["text-to-image", "image-to-video", "text-to-speech"]);
 class S6 {
   constructor(e) {
-    this.edit = e, this.edit.getInternalEvents().on(Be.Resolved, this.onResolved);
+    this.edit = e, this.edit.getInternalEvents().on(Le.Resolved, this.onResolved);
   }
   isReconciling = !1;
   /**
@@ -42840,7 +42840,7 @@ class S6 {
     r.layer = i + 1, r.clipId = t, this.edit.registerPlayerByClipId(t, r), this.edit.addPlayerToTracksArray(i, r), this.edit.addPlayerToContainer(i, r);
     const n = e.asset?.type ?? "unknown";
     return r.load().then(() => {
-      this.edit.getInternalEvents().emit(Be.PlayerLoaded, {
+      this.edit.getInternalEvents().emit(Le.PlayerLoaded, {
         player: r,
         trackIndex: i,
         clipIndex: a
@@ -42963,7 +42963,7 @@ class S6 {
    * Clean up event subscriptions.
    */
   dispose() {
-    this.edit.getInternalEvents().off(Be.Resolved, this.onResolved);
+    this.edit.getInternalEvents().off(Le.Resolved, this.onResolved);
   }
 }
 function d0(s, e) {
@@ -43275,11 +43275,11 @@ class kr {
   }
   /* @internal Update canvas visuals after size change (viewport mask, background, zoom). */
   updateCanvasForSize() {
-    this.internalEvents.emit(Be.ViewportSizeChanged, {
+    this.internalEvents.emit(Le.ViewportSizeChanged, {
       width: this.size.width,
       height: this.size.height,
       backgroundColor: this.backgroundColor
-    }), this.internalEvents.emit(Be.ViewportNeedsZoomToFit);
+    }), this.internalEvents.emit(Le.ViewportNeedsZoomToFit);
   }
   play() {
     this.isPlaying = !0, this.internalEvents.emit(G.PlaybackPlay);
@@ -43309,11 +43309,11 @@ class kr {
     try {
       this.lastResolved = null, this.document = new ba(e);
       const n = this.document.getResolution(), o = this.document.getAspectRatio();
-      this.size = n ? Xn(n, o) : this.document.getSize(), this.backgroundColor = this.document.getBackground() ?? "#000000", this.internalEvents.emit(Be.ViewportSizeChanged, {
+      this.size = n ? Xn(n, o) : this.document.getSize(), this.backgroundColor = this.document.getBackground() ?? "#000000", this.internalEvents.emit(Le.ViewportSizeChanged, {
         width: this.size.width,
         height: this.size.height,
         backgroundColor: this.backgroundColor
-      }), this.internalEvents.emit(Be.ViewportNeedsZoomToFit), this.clearClips(), await this.initializeFromDocument("loadEdit");
+      }), this.internalEvents.emit(Le.ViewportNeedsZoomToFit), this.clearClips(), await this.initializeFromDocument("loadEdit");
     } catch (n) {
       throw this.document = t, this.lastResolved = i, this.size = a, this.backgroundColor = r, n;
     }
@@ -43403,7 +43403,7 @@ class kr {
   resolve() {
     return this.lastResolved = af(this.document, {
       mergeFields: this.mergeFieldService
-    }), this.internalEvents.emit(Be.Resolved, { edit: this.lastResolved }), this.lastResolved;
+    }), this.internalEvents.emit(Le.Resolved, { edit: this.lastResolved }), this.lastResolved;
   }
   /** @internal Resolve a single clip and update its player. */
   resolveClip(e) {
@@ -43550,7 +43550,7 @@ class kr {
       console.warn(`Cannot remove non-empty track ${e}`);
       return;
     }
-    this.tracks.splice(e, 1), this.internalEvents.emit(Be.TrackContainerRemoved, { trackIndex: e });
+    this.tracks.splice(e, 1), this.internalEvents.emit(Le.TrackContainerRemoved, { trackIndex: e });
     for (let i = e; i < this.tracks.length; i += 1)
       for (const a of this.tracks[i])
         a.layer = i + 1;
@@ -44117,11 +44117,11 @@ class kr {
    * @internal Used by PlayerReconciler and commands
    */
   addPlayerToContainer(e, t) {
-    this.internalEvents.emit(Be.PlayerAddedToTrack, { player: t, trackIndex: e });
+    this.internalEvents.emit(Le.PlayerAddedToTrack, { player: t, trackIndex: e });
   }
   // Move a player's container to the appropriate track container
   movePlayerToTrackContainer(e, t, i) {
-    this.internalEvents.emit(Be.PlayerMovedBetweenTracks, {
+    this.internalEvents.emit(Le.PlayerMovedBetweenTracks, {
       player: e,
       fromTrackIndex: t,
       toTrackIndex: i
@@ -44137,7 +44137,7 @@ class kr {
   async addPlayer(e, t) {
     for (; this.tracks.length <= e; )
       this.tracks.push([]);
-    this.tracks[e].push(t), this.internalEvents.emit(Be.PlayerAddedToTrack, { player: t, trackIndex: e }), await t.load(), this.updateTotalDuration();
+    this.tracks[e].push(t), this.internalEvents.emit(Le.PlayerAddedToTrack, { player: t, trackIndex: e }), await t.load(), this.updateTotalDuration();
   }
   /** @internal */
   selectClip(e, t) {
@@ -44321,7 +44321,7 @@ class kr {
     return this.executeCommand(t);
   }
   setTimelineBackgroundInternal(e) {
-    dx.parse(e), this.backgroundColor = e, this.document.setBackground(e), this.internalEvents.emit(Be.ViewportSizeChanged, {
+    dx.parse(e), this.backgroundColor = e, this.document.setBackground(e), this.internalEvents.emit(Le.ViewportSizeChanged, {
       width: this.size.width,
       height: this.size.height,
       backgroundColor: this.backgroundColor
@@ -44451,9 +44451,9 @@ class kr {
   }
   // ─── Intent Listeners ────────────────────────────────────────────────────────
   setupIntentListeners() {
-    this.internalEvents.on(Be.CanvasClipClicked, (e) => {
+    this.internalEvents.on(Le.CanvasClipClicked, (e) => {
       this.selectPlayer(e.player);
-    }), this.internalEvents.on(Be.CanvasBackgroundClicked, () => {
+    }), this.internalEvents.on(Le.CanvasBackgroundClicked, () => {
       this.clearSelection();
     });
   }
@@ -44719,7 +44719,7 @@ class zs {
    */
   subscribeToEditEvents() {
     const e = this.edit.getInternalEvents();
-    e.on(Be.PlayerAddedToTrack, this.onPlayerAddedToTrack), e.on(Be.PlayerMovedBetweenTracks, this.onPlayerMovedBetweenTracks), e.on(Be.PlayerRemovedFromTrack, this.onPlayerRemovedFromTrack), e.on(Be.TrackContainerRemoved, this.onTrackContainerRemoved), e.on(Be.ViewportSizeChanged, this.onViewportSizeChanged), e.on(Be.ViewportNeedsZoomToFit, this.onViewportNeedsZoomToFit);
+    e.on(Le.PlayerAddedToTrack, this.onPlayerAddedToTrack), e.on(Le.PlayerMovedBetweenTracks, this.onPlayerMovedBetweenTracks), e.on(Le.PlayerRemovedFromTrack, this.onPlayerRemovedFromTrack), e.on(Le.TrackContainerRemoved, this.onTrackContainerRemoved), e.on(Le.ViewportSizeChanged, this.onViewportSizeChanged), e.on(Le.ViewportNeedsZoomToFit, this.onViewportNeedsZoomToFit);
   }
   onPlayerAddedToTrack = ({ player: e, trackIndex: t }) => {
     this.addPlayerToTrack(e, t);
@@ -44776,7 +44776,7 @@ class zs {
     this.container.addChild(this.background), this.container.addChild(this.viewportContainer), this.container.addChild(this.overlayContainer), this.application.stage.addChild(this.container), this.application.stage.eventMode = "static", this.application.stage.hitArea = new H.Rectangle(0, 0, this.viewportSize.width, this.viewportSize.height), this.background.eventMode = "static", this.background.on("pointerdown", this.onBackgroundClickBound);
   }
   onBackgroundClick(e) {
-    e.target === this.background && this.edit.getInternalEvents().emit(Be.CanvasBackgroundClicked);
+    e.target === this.background && this.edit.getInternalEvents().emit(Le.CanvasBackgroundClicked);
   }
   /** @internal */
   pauseTicker() {
@@ -44788,7 +44788,7 @@ class zs {
   }
   dispose() {
     const e = this.edit.getInternalEvents();
-    e.off(Be.PlayerAddedToTrack, this.onPlayerAddedToTrack), e.off(Be.PlayerMovedBetweenTracks, this.onPlayerMovedBetweenTracks), e.off(Be.PlayerRemovedFromTrack, this.onPlayerRemovedFromTrack), e.off(Be.TrackContainerRemoved, this.onTrackContainerRemoved), e.off(Be.ViewportSizeChanged, this.onViewportSizeChanged), e.off(Be.ViewportNeedsZoomToFit, this.onViewportNeedsZoomToFit);
+    e.off(Le.PlayerAddedToTrack, this.onPlayerAddedToTrack), e.off(Le.PlayerMovedBetweenTracks, this.onPlayerMovedBetweenTracks), e.off(Le.PlayerRemovedFromTrack, this.onPlayerRemovedFromTrack), e.off(Le.TrackContainerRemoved, this.onTrackContainerRemoved), e.off(Le.ViewportSizeChanged, this.onViewportSizeChanged), e.off(Le.ViewportNeedsZoomToFit, this.onViewportNeedsZoomToFit);
     const t = document.querySelector(zs.CanvasSelector);
     t && t.contains(this.application.canvas) && t.removeChild(this.application.canvas), this.application.ticker.remove(this.onTickBound), this.background?.off("pointerdown", this.onBackgroundClickBound), this.canvasRoot?.removeEventListener("wheel", this.onWheelBound, { capture: !0 }), this.canvasRoot = null, this.alignmentGuides?.dispose(), this.alignmentGuides = null, this.editBackground?.destroy(), this.viewportMask?.destroy(), this.viewportContainer?.destroy(), this.background?.destroy(), this.overlayContainer.destroy(), this.container?.destroy(), this.uiController = null, this.application.destroy(!0, { children: !0, texture: !0 });
   }
@@ -52247,7 +52247,7 @@ class HE {
       pixelsPerSecond: t.pixelsPerSecond ?? 50,
       width: t.width ?? 800,
       height: t.height ?? 400
-    }, this.edit.getInternalEvents().on(Be.Resolved, this.invalidateCache), this.edit.events.on(G.ClipUpdated, this.invalidateCache), this.edit.events.on(G.TimelineUpdated, this.invalidateCache), this.edit.events.on(G.ClipSelected, this.invalidateCache), this.edit.events.on(G.SelectionCleared, this.invalidateCache);
+    }, this.edit.getInternalEvents().on(Le.Resolved, this.invalidateCache), this.edit.events.on(G.ClipUpdated, this.invalidateCache), this.edit.events.on(G.TimelineUpdated, this.invalidateCache), this.edit.events.on(G.ClipSelected, this.invalidateCache), this.edit.events.on(G.SelectionCleared, this.invalidateCache);
   }
   viewport;
   interactionQuery = null;
@@ -52364,7 +52364,7 @@ class HE {
     this.lumaEditingVisibleByClipId.delete(e);
   }
   dispose() {
-    this.edit.getInternalEvents().off(Be.Resolved, this.invalidateCache), this.edit.events.off(G.ClipUpdated, this.invalidateCache), this.edit.events.off(G.TimelineUpdated, this.invalidateCache), this.edit.events.off(G.ClipSelected, this.invalidateCache), this.edit.events.off(G.SelectionCleared, this.invalidateCache), this.cachedTracks = null, this.interactionQuery = null, this.lumaEditingVisibleByClipId.clear();
+    this.edit.getInternalEvents().off(Le.Resolved, this.invalidateCache), this.edit.events.off(G.ClipUpdated, this.invalidateCache), this.edit.events.off(G.TimelineUpdated, this.invalidateCache), this.edit.events.off(G.ClipSelected, this.invalidateCache), this.edit.events.off(G.SelectionCleared, this.invalidateCache), this.cachedTracks = null, this.interactionQuery = null, this.lumaEditingVisibleByClipId.clear();
   }
   // ========== Private ==========
   getComputedVisualState(e, t, i) {
@@ -57533,7 +57533,7 @@ class ha extends ji {
         }
       }
       a.key === "Enter" && (a.ctrlKey || a.metaKey) && (a.preventDefault(), this.textEditDebounceTimer && (clearTimeout(this.textEditDebounceTimer), this.textEditDebounceTimer = null), this.applyTextEdit(), this.closeAllPopups()), a.key === "Escape" && this.closeAllPopups();
-    }), this.setupOutsideClickHandler(), this.enableDrag(), e.style.position = "relative", e.insertBefore(this.container, e.firstChild), this.unsubFontCapabilities = this.edit.getInternalEvents().on(Be.FontCapabilitiesChanged, () => {
+    }), this.setupOutsideClickHandler(), this.enableDrag(), e.style.position = "relative", e.insertBefore(this.container, e.firstChild), this.unsubFontCapabilities = this.edit.getInternalEvents().on(Le.FontCapabilitiesChanged, () => {
       this.container?.style.display !== "none" && this.syncState();
     }), this.unsubMergeFieldChanged = this.edit.getInternalEvents().on(G.MergeFieldChanged, () => {
       this.container?.style.display !== "none" && this.showMergeFields && this.mergeFieldManager?.hasLabels && this.mergeFieldManager.sync();