@linker-design-plus/timeline-track 2.1.5 → 2.1.6

package/dist/index.es.js

@@ -15330,6 +15330,7 @@ class Au {
       loadStartedSinceRecover: !1,
       hasReadyEventSinceSourceChange: !1,
       hasBufferingSignalSinceSourceChange: !1,
+      pendingClockAlignmentMediaTime: null,
       lastPlaybackResumeAttemptAtMs: -1,
       lastPlaybackProgressCheckAtMs: -1,
       lastPlaybackProgressMediaTimeSeconds: Number.NaN,
@@ -15484,15 +15485,15 @@ class Au {
       });
   }
   applySlotTarget(e, t) {
-    const i = ++e.applyToken, r = e.entry, n = _e(e.element) || null, a = r ? this.buildPreviewSourceCacheKey(r.clip) : null, o = t.entry ? this.buildPreviewSourceCacheKey(t.entry.clip) : null;
-    if (!!r && !!t.entry && r.clip.id !== t.entry.clip.id && (au(e), e.hasReadyEventSinceSourceChange = !1, e.hasBufferingSignalSinceSourceChange = !1, e.lastPlaybackResumeAttemptAtMs = -1, this.resetSlotPlaybackProgressProbe(e), this.resetSlotMediaPendingProbe(e)), e.entry = t.entry, e.requestedPlayState = t.playState, e.isActive = t.role === "current" && !!t.entry, e.errorMessage = t.entry ? e.errorMessage : null, e.isBuffering = t.entry ? e.isBuffering : !1, e.isSeeking = t.entry ? e.isSeeking : !1, e.consecutiveStalledCount = t.entry ? e.consecutiveStalledCount : 0, !t.entry) {
+    const i = ++e.applyToken, r = e.entry, n = _e(e.element) || null, a = r ? this.buildPreviewSourceCacheKey(r.clip) : null, o = t.entry ? this.buildPreviewSourceCacheKey(t.entry.clip) : null, l = !!r && !!t.entry && r.clip.id !== t.entry.clip.id;
+    if (l && (au(e), e.hasReadyEventSinceSourceChange = !1, e.hasBufferingSignalSinceSourceChange = !1, e.lastPlaybackResumeAttemptAtMs = -1, this.resetSlotPlaybackProgressProbe(e), this.resetSlotMediaPendingProbe(e)), e.entry = t.entry, e.requestedPlayState = t.playState, e.isActive = t.role === "current" && !!t.entry, e.errorMessage = t.entry ? e.errorMessage : null, e.isBuffering = t.entry ? e.isBuffering : !1, e.isSeeking = t.entry ? e.isSeeking : !1, e.consecutiveStalledCount = t.entry ? e.consecutiveStalledCount : 0, this.syncSlotClockAlignmentTarget(e, t, l), !t.entry) {
       this.deferredPreloadSlotKeys.delete(this.getSlotKey(e)), (r || n) && this.emitDiagnostic("info", "playback", "slot.cleared", this.buildSlotTraceData(e, {
         message: "Preview slot cleared",
         extra: {
           previousClipId: (r == null ? void 0 : r.clip.id) ?? null,
           previousSource: n
         }
-      })), Le(e.element), e.stableSourceUrl = null, e.desiredSource = null, e.hasReadyEventSinceSourceChange = !1, e.hasBufferingSignalSinceSourceChange = !1, e.lastPlaybackResumeAttemptAtMs = -1, this.resetSlotPlaybackProgressProbe(e), ou(e), this.releaseSlotObjectUrl(e), this.clearPendingRuntimeSource(e), e.element.removeAttribute("src"), Ye(e.element), this.setSlotVisible(e, !1, 0), this.refreshVisualLayout(), this.refreshRuntimeState();
+      })), Le(e.element), e.stableSourceUrl = null, e.desiredSource = null, e.pendingClockAlignmentMediaTime = null, e.hasReadyEventSinceSourceChange = !1, e.hasBufferingSignalSinceSourceChange = !1, e.lastPlaybackResumeAttemptAtMs = -1, this.resetSlotPlaybackProgressProbe(e), ou(e), this.releaseSlotObjectUrl(e), this.clearPendingRuntimeSource(e), e.element.removeAttribute("src"), Ye(e.element), this.setSlotVisible(e, !1, 0), this.refreshVisualLayout(), this.refreshRuntimeState();
       return;
     }
     a && o && a !== o && (this.releaseSlotObjectUrl(e), e.hasReadyEventSinceSourceChange = !1, e.hasBufferingSignalSinceSourceChange = !1, e.lastPlaybackResumeAttemptAtMs = -1, this.resetSlotPlaybackProgressProbe(e));
@@ -16298,7 +16299,23 @@ class Au {
     if (!(t != null && t.entry))
       return this.buildPreviewClockStateFromSlot(null, "unavailable", "no-video-clock");
     const i = this.doesSlotSourceMatchDesired(t, t.desiredSource), r = this.getSlotMediaTimeMs(t), n = this.getSlotTimelineTime(t, r), a = t.requestedPlayState === "playing" && !t.element.ended;
-    return e.status === "failed" || t.phase === "failed" ? this.buildPreviewClockStateFromSlot(t, "failed", "failed", n, r) : a ? !i || t.isResolvingSource || t.phase === "binding" ? this.buildPreviewClockStateFromSlot(t, "priming", "resolving-source", n, r) : t.isSeeking || e.reason === "seeking" ? this.buildPreviewClockStateFromSlot(t, "blocked", "seeking", n, r) : t.isBuffering || t.playbackProgressStalled ? this.buildPreviewClockStateFromSlot(t, "blocked", "media-stalled", n, r) : this.isPreviewClockSlotAlignedToPendingTarget(t, n) ? e.status === "loading" ? this.buildPreviewClockStateFromSlot(t, "blocked", this.resolveClockBlockedReason(e.reason), n, r) : t.element.paused ? this.buildPreviewClockStateFromSlot(t, "blocked", "media-paused", n, r) : n === null || r === null ? this.buildPreviewClockStateFromSlot(t, "priming", "media-pending", n, r) : (this.pendingClockAlignmentTargetTime = null, this.buildPreviewClockStateFromSlot(t, "running", null, n, r)) : this.buildPreviewClockStateFromSlot(t, "blocked", "seeking", n, r) : this.buildPreviewClockStateFromSlot(t, "unavailable", null, n, r);
+    return e.status === "failed" || t.phase === "failed" ? this.buildPreviewClockStateFromSlot(t, "failed", "failed", n, r) : a ? !i || t.isResolvingSource || t.phase === "binding" ? this.buildPreviewClockStateFromSlot(t, "priming", "resolving-source", n, r) : t.isSeeking || e.reason === "seeking" ? this.buildPreviewClockStateFromSlot(t, "blocked", "seeking", n, r) : this.isSlotClockAlignedToPendingMediaTarget(t, r) ? t.isBuffering || t.playbackProgressStalled ? this.buildPreviewClockStateFromSlot(t, "blocked", "media-stalled", n, r) : this.isPreviewClockSlotAlignedToPendingTarget(t, n) ? e.status === "loading" ? this.buildPreviewClockStateFromSlot(t, "blocked", this.resolveClockBlockedReason(e.reason), n, r) : t.element.paused ? this.buildPreviewClockStateFromSlot(t, "blocked", "media-paused", n, r) : n === null || r === null ? this.buildPreviewClockStateFromSlot(t, "priming", "media-pending", n, r) : (this.pendingClockAlignmentTargetTime = null, this.buildPreviewClockStateFromSlot(t, "running", null, n, r)) : this.buildPreviewClockStateFromSlot(t, "blocked", "seeking", n, r) : this.buildPreviewClockStateFromSlot(t, "blocked", "seeking", n, r) : this.buildPreviewClockStateFromSlot(t, "unavailable", null, n, r);
+  }
+  syncSlotClockAlignmentTarget(e, t, i) {
+    if (t.role !== "current" || !t.entry) {
+      e.pendingClockAlignmentMediaTime = null;
+      return;
+    }
+    (i || e.pendingClockAlignmentMediaTime !== null) && (e.pendingClockAlignmentMediaTime = t.entry.mediaTime);
+  }
+  isSlotClockAlignedToPendingMediaTarget(e, t) {
+    const i = e.pendingClockAlignmentMediaTime;
+    if (i === null)
+      return !0;
+    if (t === null)
+      return !1;
+    const r = this.getPreviewClockTargetAlignmentThresholdMs(e);
+    return Math.abs(t - i) > r ? !1 : (e.pendingClockAlignmentMediaTime = null, !0);
   }
   buildPreviewClockStateFromSlot(e, t, i, r = null, n = null) {
     var a;
@@ -19202,7 +19219,7 @@ class Xs {
     this.entries.clear();
   }
 }
-const Gp = "@linker-design-plus/timeline-track", Hp = "2.1.4", Wt = {
+const Gp = "@linker-design-plus/timeline-track", Hp = "2.1.5", Wt = {
   name: Gp,
   version: Hp
 }, zp = 1, $p = 2, Vp = 250, Up = 750, Wp = 1500;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linker-design-plus/timeline-track",
-  "version": "2.1.5",
+  "version": "2.1.6",
   "description": "A TypeScript-based video editing library with timeline and track functionality",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",