@xtia/timeline 1.1.8 → 1.1.9

package/internal/timeline.d.ts

@@ -118,7 +118,8 @@ export declare class Timeline {
      */
     range(): TimelineRange;
     /**
-     * Seeks the Timeline to a specified position, triggering in order any point and range subscriptions between its current and new positions
+     * Seeks the Timeline to a specified position, triggering in order any point and range
+     * subscriptions between its current and new positions
      * @param toPosition
      */
     seek(toPosition: number | TimelinePoint): void;
@@ -133,6 +134,14 @@ export declare class Timeline {
      */
     seek(toPosition: number | TimelinePoint, durationMs: number, easer?: Easer | keyof typeof easers): Promise<void>;
     seek(toPosition: number | TimelinePoint, duration: Period, easer?: Easer | keyof typeof easers): Promise<void>;
+    /**
+     * Smooth-seeks through a range over a given duration
+     * @param range The range to seek through
+     * @param durationMs Smooth-seek duration
+     * @param easer Optional easing function
+     */
+    seek(range: TimelineRange, durationMs: number, easer?: Easer | keyof typeof easers): Promise<void>;
+    seek(range: TimelineRange, duration: Period, easer?: Easer | keyof typeof easers): Promise<void>;
     private seekDirect;
     private seekWrapped;
     private seekPoints;

package/internal/timeline.js

@@ -176,6 +176,10 @@ export class Timeline {
         return range;
     }
     seek(to, duration, easer) {
+        if (to instanceof TimelineRange) {
+            this.seek(to.start);
+            return this.seek(to, duration, easer);
+        }
         const durationMs = typeof duration == "object"
             ? duration.asMilliseconds
             : duration;
@@ -195,7 +199,6 @@ export class Timeline {
             this.seekDirect(interruptPosition);
         }
         if (!durationMs) {
-            const fromTime = this._currentTime;
             this.seekDirect(toPosition);
             this._frameEvents?.emit();
             // only add Promise overhead if duration is explicitly 0
@@ -352,7 +355,8 @@ export class Timeline {
             previousTime = currentTime;
             let delta = elapsed * this.timeScale;
             this.next(delta);
-            rafId = requestAnimFrame(frame);
+            if (this._pause)
+                rafId = requestAnimFrame(frame);
         };
         rafId = requestAnimFrame(frame);
         this._pause = () => cancelAnimFrame(rafId);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xtia/timeline",
-  "version": "1.1.8",
+  "version": "1.1.9",
   "repository": {
     "url": "https://github.com/tiadrop/timeline",
     "type": "github"