animejs 4.2.1 → 4.3.0-beta.0

package/dist/modules/scope/index.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - scope - CJS
- * @version v4.2.1
+ * @version v4.3.0-beta.0
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */

package/dist/modules/scope/index.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - scope - ESM
- * @version v4.2.1
+ * @version v4.3.0-beta.0
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */

package/dist/modules/scope/scope.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - scope - CJS
- * @version v4.2.1
+ * @version v4.3.0-beta.0
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */

package/dist/modules/scope/scope.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - scope - ESM
- * @version v4.2.1
+ * @version v4.3.0-beta.0
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */

package/dist/modules/svg/drawable.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - svg - CJS
- * @version v4.2.1
+ * @version v4.3.0-beta.0
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */

package/dist/modules/svg/drawable.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - svg - ESM
- * @version v4.2.1
+ * @version v4.3.0-beta.0
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */

package/dist/modules/svg/helpers.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - svg - CJS
- * @version v4.2.1
+ * @version v4.3.0-beta.0
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */

package/dist/modules/svg/helpers.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - svg - ESM
- * @version v4.2.1
+ * @version v4.3.0-beta.0
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */

package/dist/modules/svg/index.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - svg - CJS
- * @version v4.2.1
+ * @version v4.3.0-beta.0
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */

package/dist/modules/svg/index.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - svg - ESM
- * @version v4.2.1
+ * @version v4.3.0-beta.0
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */

package/dist/modules/svg/morphto.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - svg - CJS
- * @version v4.2.1
+ * @version v4.3.0-beta.0
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */

package/dist/modules/svg/morphto.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - svg - ESM
- * @version v4.2.1
+ * @version v4.3.0-beta.0
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */

package/dist/modules/svg/motionpath.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - svg - CJS
- * @version v4.2.1
+ * @version v4.3.0-beta.0
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */
@@ -26,12 +26,15 @@ var helpers = require('./helpers.cjs');
  * @param {SVGGeometryElement} $path
  * @param {Number} totalLength
  * @param {Number} progress
- * @param {Number}lookup
+ * @param {Number} lookup
+ * @param {Boolean} shouldClamp
  * @return {DOMPoint}
  */
-const getPathPoint = ($path, totalLength, progress, lookup = 0) => {
+const getPathPoint = ($path, totalLength, progress, lookup, shouldClamp) => {
   const point = progress + lookup;
-  const pointOnPath = (point % totalLength + totalLength) % totalLength;
+  const pointOnPath = shouldClamp
+    ? Math.max(0, Math.min(point, totalLength)) // Clamp between 0 and totalLength
+    : (point % totalLength + totalLength) % totalLength; // Wrap around
   return $path.getPointAtLength(pointOnPath);
 };
 
@@ -46,6 +49,7 @@ const getPathProgess = ($path, pathProperty, offset = 0) => {
     const totalLength = +($path.getTotalLength());
     const inSvg = $el[consts.isSvgSymbol];
     const ctm = $path.getCTM();
+    const shouldClamp = offset === 0;
     /** @type {TweenObjectValue} */
     return {
       from: 0,
@@ -55,11 +59,11 @@ const getPathProgess = ($path, pathProperty, offset = 0) => {
         const offsetLength = offset * totalLength;
         const newProgress = progress + offsetLength;
         if (pathProperty === 'a') {
-          const p0 = getPathPoint($path, totalLength, newProgress, -1);
-          const p1 = getPathPoint($path, totalLength, newProgress, 1);
+          const p0 = getPathPoint($path, totalLength, newProgress, -1, shouldClamp);
+          const p1 = getPathPoint($path, totalLength, newProgress, 1, shouldClamp);
           return helpers$1.atan2(p1.y - p0.y, p1.x - p0.x) * 180 / helpers$1.PI;
         } else {
-          const p = getPathPoint($path, totalLength, newProgress, 0);
+          const p = getPathPoint($path, totalLength, newProgress, 0, shouldClamp);
           return pathProperty === 'x' ?
             inSvg || !ctm ? p.x : p.x * ctm.a + p.y * ctm.c + ctm.e :
             inSvg || !ctm ? p.y : p.x * ctm.b + p.y * ctm.d + ctm.f

package/dist/modules/svg/motionpath.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - svg - ESM
- * @version v4.2.1
+ * @version v4.3.0-beta.0
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */
@@ -24,12 +24,15 @@ import { getPath } from './helpers.js';
  * @param {SVGGeometryElement} $path
  * @param {Number} totalLength
  * @param {Number} progress
- * @param {Number}lookup
+ * @param {Number} lookup
+ * @param {Boolean} shouldClamp
  * @return {DOMPoint}
  */
-const getPathPoint = ($path, totalLength, progress, lookup = 0) => {
+const getPathPoint = ($path, totalLength, progress, lookup, shouldClamp) => {
   const point = progress + lookup;
-  const pointOnPath = (point % totalLength + totalLength) % totalLength;
+  const pointOnPath = shouldClamp
+    ? Math.max(0, Math.min(point, totalLength)) // Clamp between 0 and totalLength
+    : (point % totalLength + totalLength) % totalLength; // Wrap around
   return $path.getPointAtLength(pointOnPath);
 };
 
@@ -44,6 +47,7 @@ const getPathProgess = ($path, pathProperty, offset = 0) => {
     const totalLength = +($path.getTotalLength());
     const inSvg = $el[isSvgSymbol];
     const ctm = $path.getCTM();
+    const shouldClamp = offset === 0;
     /** @type {TweenObjectValue} */
     return {
       from: 0,
@@ -53,11 +57,11 @@ const getPathProgess = ($path, pathProperty, offset = 0) => {
         const offsetLength = offset * totalLength;
         const newProgress = progress + offsetLength;
         if (pathProperty === 'a') {
-          const p0 = getPathPoint($path, totalLength, newProgress, -1);
-          const p1 = getPathPoint($path, totalLength, newProgress, 1);
+          const p0 = getPathPoint($path, totalLength, newProgress, -1, shouldClamp);
+          const p1 = getPathPoint($path, totalLength, newProgress, 1, shouldClamp);
           return atan2(p1.y - p0.y, p1.x - p0.x) * 180 / PI;
         } else {
-          const p = getPathPoint($path, totalLength, newProgress, 0);
+          const p = getPathPoint($path, totalLength, newProgress, 0, shouldClamp);
           return pathProperty === 'x' ?
             inSvg || !ctm ? p.x : p.x * ctm.a + p.y * ctm.c + ctm.e :
             inSvg || !ctm ? p.y : p.x * ctm.b + p.y * ctm.d + ctm.f

package/dist/modules/text/index.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - text - CJS
- * @version v4.2.1
+ * @version v4.3.0-beta.0
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */

package/dist/modules/text/index.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - text - ESM
- * @version v4.2.1
+ * @version v4.3.0-beta.0
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */

package/dist/modules/text/split.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - text - CJS
- * @version v4.2.1
+ * @version v4.3.0-beta.0
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */
@@ -89,12 +89,23 @@ const filterEmptyElements = $el => {
 /**
  * @param {HTMLElement} $el
  * @param {Number} lineIndex
- * @param {Set<HTMLElement>} bin
- * @returns {Set<HTMLElement>}
+ * @param {Set<HTMLElement|Node>} bin
+ * @returns {Set<HTMLElement|Node>}
  */
 const filterLineElements = ($el, lineIndex, bin) => {
   const dataLineAttr = $el.getAttribute(dataLine);
-  if (dataLineAttr !== null && +dataLineAttr !== lineIndex || $el.tagName === 'BR') bin.add($el);
+  if (dataLineAttr !== null && +dataLineAttr !== lineIndex || $el.tagName === 'BR') {
+    bin.add($el);
+    // Also remove adjacent whitespace-only text nodes
+    const prev = $el.previousSibling;
+    const next = $el.nextSibling;
+    if (prev && prev.nodeType === 3 && whiteSpaceRgx.test(prev.textContent)) {
+      bin.add(prev);
+    }
+    if (next && next.nodeType === 3 && whiteSpaceRgx.test(next.textContent)) {
+      bin.add(next);
+    }
+  }
   let i = $el.childElementCount;
   while (i--) filterLineElements(/** @type {HTMLElement} */($el.children[i]), lineIndex, bin);
   return bin;
@@ -309,7 +320,7 @@ class TextSplitter {
             // Only concatenate if both current and previous are non-word-like and don't contain spaces
             const lastWordIndex = tempWords.length - 1;
             const lastWord = tempWords[lastWordIndex];
-            if (!lastWord.includes(' ') && !segment.includes(' ')) {
+            if (!whiteSpaceGroupRgx.test(lastWord) && !whiteSpaceGroupRgx.test(segment)) {
               tempWords[lastWordIndex] += segment;
             } else {
               tempWords.push(segment);
@@ -402,7 +413,7 @@ class TextSplitter {
     for (let i = 0, l = elementsArray.length; i < l; i++) {
       const $el = elementsArray[i];
       const { top, height } = $el.getBoundingClientRect();
-      if (y && top - y > height * .5) linesCount++;
+      if (!helpers.isUnd(y) && top - y > height * .5) linesCount++;
       $el.setAttribute(dataLine, `${linesCount}`);
       const nested = $el.querySelectorAll(`[${dataLine}]`);
       let c = nested.length;
@@ -416,9 +427,11 @@ class TextSplitter {
       for (let lineIndex = 0; lineIndex < linesCount + 1; lineIndex++) {
         const $clone = /** @type {HTMLElement} */($el.cloneNode(true));
         filterLineElements($clone, lineIndex, new Set()).forEach($el => {
-          const $parent = $el.parentElement;
-          if ($parent) parents.add($parent);
-          $el.remove();
+          const $parent = $el.parentNode;
+          if ($parent) {
+            if ($el.nodeType === 1) parents.add(/** @type {HTMLElement} */($parent));
+            $parent.removeChild($el);
+          }
         });
         clones.push($clone);
       }
@@ -431,6 +444,7 @@ class TextSplitter {
       if (wordTemplate) this.words = getAllTopLevelElements($el, wordType);
       if (charTemplate) this.chars = getAllTopLevelElements($el, charType);
     }
+
     // Remove the word wrappers and clear the words array if lines split only
     if (this.linesOnly) {
       const words = this.words;

package/dist/modules/text/split.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - text - ESM
- * @version v4.2.1
+ * @version v4.3.0-beta.0
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */
@@ -87,12 +87,23 @@ const filterEmptyElements = $el => {
 /**
  * @param {HTMLElement} $el
  * @param {Number} lineIndex
- * @param {Set<HTMLElement>} bin
- * @returns {Set<HTMLElement>}
+ * @param {Set<HTMLElement|Node>} bin
+ * @returns {Set<HTMLElement|Node>}
  */
 const filterLineElements = ($el, lineIndex, bin) => {
   const dataLineAttr = $el.getAttribute(dataLine);
-  if (dataLineAttr !== null && +dataLineAttr !== lineIndex || $el.tagName === 'BR') bin.add($el);
+  if (dataLineAttr !== null && +dataLineAttr !== lineIndex || $el.tagName === 'BR') {
+    bin.add($el);
+    // Also remove adjacent whitespace-only text nodes
+    const prev = $el.previousSibling;
+    const next = $el.nextSibling;
+    if (prev && prev.nodeType === 3 && whiteSpaceRgx.test(prev.textContent)) {
+      bin.add(prev);
+    }
+    if (next && next.nodeType === 3 && whiteSpaceRgx.test(next.textContent)) {
+      bin.add(next);
+    }
+  }
   let i = $el.childElementCount;
   while (i--) filterLineElements(/** @type {HTMLElement} */($el.children[i]), lineIndex, bin);
   return bin;
@@ -307,7 +318,7 @@ class TextSplitter {
             // Only concatenate if both current and previous are non-word-like and don't contain spaces
             const lastWordIndex = tempWords.length - 1;
             const lastWord = tempWords[lastWordIndex];
-            if (!lastWord.includes(' ') && !segment.includes(' ')) {
+            if (!whiteSpaceGroupRgx.test(lastWord) && !whiteSpaceGroupRgx.test(segment)) {
               tempWords[lastWordIndex] += segment;
             } else {
               tempWords.push(segment);
@@ -400,7 +411,7 @@ class TextSplitter {
     for (let i = 0, l = elementsArray.length; i < l; i++) {
       const $el = elementsArray[i];
       const { top, height } = $el.getBoundingClientRect();
-      if (y && top - y > height * .5) linesCount++;
+      if (!isUnd(y) && top - y > height * .5) linesCount++;
       $el.setAttribute(dataLine, `${linesCount}`);
       const nested = $el.querySelectorAll(`[${dataLine}]`);
       let c = nested.length;
@@ -414,9 +425,11 @@ class TextSplitter {
       for (let lineIndex = 0; lineIndex < linesCount + 1; lineIndex++) {
         const $clone = /** @type {HTMLElement} */($el.cloneNode(true));
         filterLineElements($clone, lineIndex, new Set()).forEach($el => {
-          const $parent = $el.parentElement;
-          if ($parent) parents.add($parent);
-          $el.remove();
+          const $parent = $el.parentNode;
+          if ($parent) {
+            if ($el.nodeType === 1) parents.add(/** @type {HTMLElement} */($parent));
+            $parent.removeChild($el);
+          }
         });
         clones.push($clone);
       }
@@ -429,6 +442,7 @@ class TextSplitter {
       if (wordTemplate) this.words = getAllTopLevelElements($el, wordType);
       if (charTemplate) this.chars = getAllTopLevelElements($el, charType);
     }
+
     // Remove the word wrappers and clear the words array if lines split only
     if (this.linesOnly) {
       const words = this.words;

package/dist/modules/timeline/index.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - timeline - CJS
- * @version v4.2.1
+ * @version v4.3.0-beta.0
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */

package/dist/modules/timeline/index.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - timeline - ESM
- * @version v4.2.1
+ * @version v4.3.0-beta.0
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */

package/dist/modules/timeline/position.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - timeline - CJS
- * @version v4.2.1
+ * @version v4.3.0-beta.0
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */

package/dist/modules/timeline/position.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - timeline - ESM
- * @version v4.2.1
+ * @version v4.3.0-beta.0
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */

package/dist/modules/timeline/timeline.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - timeline - CJS
- * @version v4.2.1
+ * @version v4.3.0-beta.0
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */
@@ -77,11 +77,11 @@ function addTlChild(childParams, tl, timePosition, targets, index, length) {
   const isSetter = helpers.isNum(childParams.duration) && /** @type {Number} */(childParams.duration) <= consts.minValue;
   // Offset the tl position with -minValue for 0 duration animations or .set() calls in order to align their end value with the defined position
   const adjustedPosition = isSetter ? timePosition - consts.minValue : timePosition;
-  render.tick(tl, adjustedPosition, 1, 1, consts.tickModes.AUTO);
+  if (tl.composition) render.tick(tl, adjustedPosition, 1, 1, consts.tickModes.AUTO);
   const tlChild = targets ?
     new animation.JSAnimation(targets,/** @type {AnimationParams} */(childParams), tl, adjustedPosition, false, index, length) :
     new timer.Timer(/** @type {TimerParams} */(childParams), tl, adjustedPosition);
-  tlChild.init(true);
+  if (tl.composition) tlChild.init(true);
   // TODO: Might be better to insert at a position relative to startTime?
   helpers.addChild(tl, tlChild);
   helpers.forEachChildren(tl, (/** @type {Renderable} */child) => {
@@ -93,6 +93,8 @@ function addTlChild(childParams, tl, timePosition, targets, index, length) {
   return tl;
 }
 
+let TLId = 0;
+
 class Timeline extends timer.Timer {
 
   /**
@@ -100,6 +102,9 @@ class Timeline extends timer.Timer {
    */
   constructor(parameters = {}) {
     super(/** @type {TimerParams&TimelineParams} */(parameters), null, 0);
+    ++TLId;
+    /** @type {String|Number} */
+    this.id = !helpers.isUnd(parameters.id) ? parameters.id : TLId;
     /** @type {Number} */
     this.duration = 0; // TL duration starts at 0 and grows when adding children
     /** @type {Record<String, Number>} */
@@ -108,6 +113,8 @@ class Timeline extends timer.Timer {
     const globalDefaults = globals.globals.defaults;
     /** @type {DefaultsParams} */
     this.defaults = defaultsParams ? helpers.mergeObjects(defaultsParams, globalDefaults) : globalDefaults;
+    /** @type {Boolean} */
+    this.composition = values.setValue(parameters.composition, true);
     /** @type {Callback<this>} */
     this.onRender = parameters.onRender || globalDefaults.onRender;
     const tlPlaybackEase = values.setValue(parameters.playbackEase, globalDefaults.playbackEase);
@@ -185,7 +192,8 @@ class Timeline extends timer.Timer {
           position.parseTimelinePosition(this,a2),
         );
       }
-      return this.init(true);
+      if (this.composition) this.init(true);
+      return this;
     }
   }
 
@@ -212,7 +220,7 @@ class Timeline extends timer.Timer {
     if (helpers.isUnd(synced) || synced && helpers.isUnd(synced.pause)) return this;
     synced.pause();
     const duration = +(/** @type {globalThis.Animation} */(synced).effect ? /** @type {globalThis.Animation} */(synced).effect.getTiming().duration : /** @type {Tickable} */(synced).duration);
-    return this.add(synced, { currentTime: [0, duration], duration, ease: 'linear' }, position);
+    return this.add(synced, { currentTime: [0, duration], duration, delay: 0, ease: 'linear', playbackEase: 'linear' }, position);
   }
 
   /**
@@ -235,7 +243,7 @@ class Timeline extends timer.Timer {
    */
   call(callback, position) {
     if (helpers.isUnd(callback) || callback && !helpers.isFnc(callback)) return this;
-    return this.add({ duration: 0, onComplete: () => callback(this) }, position);
+    return this.add({ duration: 0, delay: 0, onComplete: () => callback(this) }, position);
   }
 
   /**

package/dist/modules/timeline/timeline.d.ts

@@ -7,6 +7,8 @@ export class Timeline extends Timer {
     labels: Record<string, number>;
     /** @type {DefaultsParams} */
     defaults: DefaultsParams;
+    /** @type {Boolean} */
+    composition: boolean;
     /** @type {Callback<this>} */
     onRender: Callback<this>;
     _ease: import("../types/index.js").EasingFunction;

package/dist/modules/timeline/timeline.js

@@ -1,13 +1,13 @@
 /**
  * Anime.js - timeline - ESM
- * @version v4.2.1
+ * @version v4.3.0-beta.0
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */
 
 import { globals } from '../core/globals.js';
 import { minValue, compositionTypes, tickModes } from '../core/consts.js';
-import { mergeObjects, isObj, isFnc, isUnd, isStr, normalizeTime, forEachChildren, isNum, addChild, clampInfinity } from '../core/helpers.js';
+import { isUnd, mergeObjects, isObj, isFnc, isStr, normalizeTime, forEachChildren, isNum, addChild, clampInfinity } from '../core/helpers.js';
 import { setValue } from '../core/values.js';
 import { parseTargets } from '../core/targets.js';
 import { tick } from '../core/render.js';
@@ -75,11 +75,11 @@ function addTlChild(childParams, tl, timePosition, targets, index, length) {
   const isSetter = isNum(childParams.duration) && /** @type {Number} */(childParams.duration) <= minValue;
   // Offset the tl position with -minValue for 0 duration animations or .set() calls in order to align their end value with the defined position
   const adjustedPosition = isSetter ? timePosition - minValue : timePosition;
-  tick(tl, adjustedPosition, 1, 1, tickModes.AUTO);
+  if (tl.composition) tick(tl, adjustedPosition, 1, 1, tickModes.AUTO);
   const tlChild = targets ?
     new JSAnimation(targets,/** @type {AnimationParams} */(childParams), tl, adjustedPosition, false, index, length) :
     new Timer(/** @type {TimerParams} */(childParams), tl, adjustedPosition);
-  tlChild.init(true);
+  if (tl.composition) tlChild.init(true);
   // TODO: Might be better to insert at a position relative to startTime?
   addChild(tl, tlChild);
   forEachChildren(tl, (/** @type {Renderable} */child) => {
@@ -91,6 +91,8 @@ function addTlChild(childParams, tl, timePosition, targets, index, length) {
   return tl;
 }
 
+let TLId = 0;
+
 class Timeline extends Timer {
 
   /**
@@ -98,6 +100,9 @@ class Timeline extends Timer {
    */
   constructor(parameters = {}) {
     super(/** @type {TimerParams&TimelineParams} */(parameters), null, 0);
+    ++TLId;
+    /** @type {String|Number} */
+    this.id = !isUnd(parameters.id) ? parameters.id : TLId;
     /** @type {Number} */
     this.duration = 0; // TL duration starts at 0 and grows when adding children
     /** @type {Record<String, Number>} */
@@ -106,6 +111,8 @@ class Timeline extends Timer {
     const globalDefaults = globals.defaults;
     /** @type {DefaultsParams} */
     this.defaults = defaultsParams ? mergeObjects(defaultsParams, globalDefaults) : globalDefaults;
+    /** @type {Boolean} */
+    this.composition = setValue(parameters.composition, true);
     /** @type {Callback<this>} */
     this.onRender = parameters.onRender || globalDefaults.onRender;
     const tlPlaybackEase = setValue(parameters.playbackEase, globalDefaults.playbackEase);
@@ -183,7 +190,8 @@ class Timeline extends Timer {
           parseTimelinePosition(this,a2),
         );
       }
-      return this.init(true);
+      if (this.composition) this.init(true);
+      return this;
     }
   }
 
@@ -210,7 +218,7 @@ class Timeline extends Timer {
     if (isUnd(synced) || synced && isUnd(synced.pause)) return this;
     synced.pause();
     const duration = +(/** @type {globalThis.Animation} */(synced).effect ? /** @type {globalThis.Animation} */(synced).effect.getTiming().duration : /** @type {Tickable} */(synced).duration);
-    return this.add(synced, { currentTime: [0, duration], duration, ease: 'linear' }, position);
+    return this.add(synced, { currentTime: [0, duration], duration, delay: 0, ease: 'linear', playbackEase: 'linear' }, position);
   }
 
   /**
@@ -233,7 +241,7 @@ class Timeline extends Timer {
    */
   call(callback, position) {
     if (isUnd(callback) || callback && !isFnc(callback)) return this;
-    return this.add({ duration: 0, onComplete: () => callback(this) }, position);
+    return this.add({ duration: 0, delay: 0, onComplete: () => callback(this) }, position);
   }
 
   /**

package/dist/modules/timer/index.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - timer - CJS
- * @version v4.2.1
+ * @version v4.3.0-beta.0
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */

package/dist/modules/timer/index.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - timer - ESM
- * @version v4.2.1
+ * @version v4.3.0-beta.0
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */