@xtia/timeline 1.1.10 → 1.1.12

package/internal/emitters.js

@@ -7,7 +7,8 @@ export class Emitter {
     }
     createTransformListen(handler) {
         let parentUnsubscribe = null;
-        const { emit, listen } = createListenable(() => parentUnsubscribe = this.onListen(value => {
+        const parentListen = this.onListen;
+        const { emit, listen } = createListenable(() => parentUnsubscribe = parentListen(value => {
             handler(value, emit);
         }), () => {
             parentUnsubscribe();

package/internal/timeline.js

@@ -87,8 +87,11 @@ export class Timeline {
         this._progression = null;
         if (endAction == "loop")
             endAction = "restart";
-        if (autoplay !== false) {
-            this.play(typeof autoplay == "number" ? autoplay : default_fps);
+        if (autoplay === true) {
+            this.play();
+        }
+        else if (typeof autoplay == "number") {
+            this.play(autoplay);
         }
         if (typeof endAction == "object"
             && "restartAt" in endAction) {
@@ -210,7 +213,10 @@ export class Timeline {
             .range(0, durationMs)
             .ease(easer)
             .tween(this._currentTime, toPosition)
-            .apply(v => this.seekDirect(v));
+            .apply(v => {
+            this.seekDirect(v);
+            this._frameEvents?.emit();
+        });
         return seeker.end.promise();
     }
     seekDirect(toPosition) {
@@ -334,9 +340,9 @@ export class Timeline {
         this.playWithInterval(arg ?? default_fps);
     }
     playWithInterval(fps) {
-        let previousTime = Date.now();
+        let previousTime = performance.now();
         const interval = setInterval(() => {
-            const newTime = Date.now();
+            const newTime = performance.now();
             const elapsed = newTime - previousTime;
             previousTime = newTime;
             let delta = elapsed * this.timeScale;

package/internal/tween.js

@@ -143,13 +143,13 @@ function tokenise(s) {
     let m;
     while ((m = tweenableTokenRegex.exec(s))) {
         const token = m[0];
-        const prefix = s.slice(lastIdx, m.index); // literal before token
+        const prefix = s.substring(lastIdx, m.index); // literal before token
         const type = getTokenType(token);
         chunks.push({ prefix, token, type });
         lastIdx = m.index + token.length;
     }
     // trailing literal after the last token – stored as a final chunk
-    const tail = s.slice(lastIdx);
+    const tail = s.substring(lastIdx);
     if (tail.length) {
         chunks.push({ prefix: tail, token: "", type: TokenTypes.none });
     }

package/package.json

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