animejs 4.3.6 → 4.4.1

package/dist/modules/easings/eases/index.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - easings - CJS
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/easings/eases/index.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - easings - ESM
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/easings/eases/parser.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - easings - CJS
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/easings/eases/parser.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - easings - ESM
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/easings/index.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - easings - CJS
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/easings/index.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - easings - ESM
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/easings/irregular/index.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - easings - CJS
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/easings/irregular/index.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - easings - ESM
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/easings/linear/index.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - easings - CJS
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/easings/linear/index.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - easings - ESM
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/easings/none.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - easings - CJS
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/easings/none.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - easings - ESM
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/easings/spring/index.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - easings - CJS
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/easings/spring/index.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - easings - ESM
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/easings/steps/index.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - easings - CJS
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/easings/steps/index.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - easings - ESM
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/engine/engine.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - engine - CJS
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/engine/engine.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - engine - ESM
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/engine/index.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - engine - CJS
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/engine/index.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - engine - ESM
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/events/index.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - events - CJS
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/events/index.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - events - ESM
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/events/scroll.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - events - CJS
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/events/scroll.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - events - ESM
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/index.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - CJS
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */
@@ -21,12 +21,14 @@ var index$1 = require('./utils/index.cjs');
 var index$2 = require('./svg/index.cjs');
 var index$3 = require('./text/index.cjs');
 var waapi = require('./waapi/waapi.cjs');
+var globals = require('./core/globals.cjs');
 var index$4 = require('./easings/cubic-bezier/index.cjs');
 var index$5 = require('./easings/steps/index.cjs');
 var index$6 = require('./easings/linear/index.cjs');
 var index$7 = require('./easings/irregular/index.cjs');
 var index$8 = require('./easings/spring/index.cjs');
 var parser = require('./easings/eases/parser.cjs');
+var helpers = require('./core/helpers.cjs');
 var chainable = require('./utils/chainable.cjs');
 var random = require('./utils/random.cjs');
 var time = require('./utils/time.cjs');
@@ -38,6 +40,7 @@ var motionpath = require('./svg/motionpath.cjs');
 var drawable = require('./svg/drawable.cjs');
 var morphto = require('./svg/morphto.cjs');
 var split = require('./text/split.cjs');
+var scramble = require('./text/scramble.cjs');
 
 
 
@@ -65,6 +68,7 @@ exports.svg = index$2;
 exports.text = index$3;
 exports.WAAPIAnimation = waapi.WAAPIAnimation;
 exports.waapi = waapi.waapi;
+exports.globals = globals.globals;
 exports.cubicBezier = index$4.cubicBezier;
 exports.steps = index$5.steps;
 exports.linear = index$6.linear;
@@ -73,6 +77,9 @@ exports.Spring = index$8.Spring;
 exports.createSpring = index$8.createSpring;
 exports.spring = index$8.spring;
 exports.eases = parser.eases;
+exports.addChild = helpers.addChild;
+exports.forEachChildren = helpers.forEachChildren;
+exports.removeChild = helpers.removeChild;
 exports.clamp = chainable.clamp;
 exports.damp = chainable.damp;
 exports.degToRad = chainable.degToRad;
@@ -103,3 +110,4 @@ exports.morphTo = morphto.morphTo;
 exports.TextSplitter = split.TextSplitter;
 exports.split = split.split;
 exports.splitText = split.splitText;
+exports.scrambleText = scramble.scrambleText;

package/dist/modules/index.d.ts

@@ -17,3 +17,4 @@ export * as easings from "./easings/index.js";
 export * as utils from "./utils/index.js";
 export * as svg from "./svg/index.js";
 export * as text from "./text/index.js";
+export { globals } from "./core/globals.js";

package/dist/modules/index.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - ESM
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */
@@ -23,12 +23,14 @@ export { index$2 as svg };
 import * as index$3 from './text/index.js';
 export { index$3 as text };
 export { WAAPIAnimation, waapi } from './waapi/waapi.js';
+export { globals } from './core/globals.js';
 export { cubicBezier } from './easings/cubic-bezier/index.js';
 export { steps } from './easings/steps/index.js';
 export { linear } from './easings/linear/index.js';
 export { irregular } from './easings/irregular/index.js';
 export { Spring, createSpring, spring } from './easings/spring/index.js';
 export { eases } from './easings/eases/parser.js';
+export { addChild, forEachChildren, removeChild } from './core/helpers.js';
 export { clamp, damp, degToRad, lerp, mapRange, padEnd, padStart, radToDeg, round, roundPad, snap, wrap } from './utils/chainable.js';
 export { createSeededRandom, random, randomPick, shuffle } from './utils/random.js';
 export { keepTime, sync } from './utils/time.js';
@@ -40,3 +42,4 @@ export { createMotionPath } from './svg/motionpath.js';
 export { createDrawable } from './svg/drawable.js';
 export { morphTo } from './svg/morphto.js';
 export { TextSplitter, split, splitText } from './text/split.js';
+export { scrambleText } from './text/scramble.js';

package/dist/modules/layout/index.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - layout - CJS
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/layout/index.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - layout - ESM
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/layout/layout.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - layout - CJS
- * @version v4.3.6
+ * @version v4.4.1
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */
@@ -79,6 +79,7 @@ var globals = require('../core/globals.cjs');
 
 /**
  * @typedef {Object} LayoutSpecificAnimationParams
+ * @property {Number|String} [id]
  * @property {Number|FunctionValue} [delay]
  * @property {Number|FunctionValue} [duration]
  * @property {EasingParam|FunctionValue} [ease]
@@ -121,7 +122,7 @@ var globals = require('../core/globals.cjs');
  * @property {String} id
  * @property {DOMTarget} $el
  * @property {Number} index
- * @property {Number} total
+ * @property {Array<DOMTarget>} targets
  * @property {Number} delay
  * @property {Number} duration
  * @property {EasingParam} ease
@@ -265,7 +266,7 @@ const createNode = ($el, parentNode, state, recycledNode) => {
   node.$measure = $el;
   node.id = dataId;
   node.index = 0;
-  node.total = 1;
+  node.targets = null;
   node.delay = 0;
   node.duration = 0;
   node.ease = null;
@@ -451,12 +452,12 @@ const updateNodeProperties = (node, props) => {
  * @param  {LayoutAnimationTimingsParams} params
  */
 const updateNodeTimingParams = (node, params) => {
-  const easeFunctionResult = values.getFunctionValue(params.ease, node.$el, node.index, node.total);
+  const easeFunctionResult = values.getFunctionValue(params.ease, node.$el, node.index, node.targets, null, null);
   const keyEasing = helpers.isFnc(easeFunctionResult) ? easeFunctionResult : params.ease;
   const hasSpring = !helpers.isUnd(keyEasing) && !helpers.isUnd(/** @type {Spring} */(keyEasing).ease);
   node.ease = hasSpring ? /** @type {Spring} */(keyEasing).ease : keyEasing;
-  node.duration = hasSpring ? /** @type {Spring} */(keyEasing).settlingDuration : values.getFunctionValue(params.duration, node.$el, node.index, node.total);
-  node.delay = values.getFunctionValue(params.delay, node.$el, node.index, node.total);
+  node.duration = hasSpring ? /** @type {Spring} */(keyEasing).settlingDuration : values.getFunctionValue(params.duration, node.$el, node.index, node.targets, null, null);
+  node.delay = values.getFunctionValue(params.delay, node.$el, node.index, node.targets, null, null);
 };
 
 /**
@@ -829,10 +830,12 @@ class LayoutSnapshot {
 
     const inRootNodeIds = new Set();
     // Update index and total for inital timing calculation
-    let index = 0, total = this.nodes.size;
+    let index = 0;
+    const allNodeTargets = [];
+    this.nodes.forEach((node) => { allNodeTargets.push(node.$el); });
     this.nodes.forEach((node, id) => {
       node.index = index++;
-      node.total = total;
+      node.targets = allNodeTargets;
       // Track ids of nodes that belong to the current root to filter detached matches
       if (node && node.measuredIsInsideRoot) {
         inRootNodeIds.add(id);
@@ -944,8 +947,8 @@ class AutoLayout {
     this.params = params;
     /** @type {DOMTarget} */
     this.root = /** @type {DOMTarget} */(targets.registerTargets(root)[0]);
-    /** @type {Number} */
-    this.id = layoutId++;
+    /** @type {Number|String} */
+    this.id = params.id || layoutId++;
     /** @type {LayoutChildrenParam} */
     this.children = params.children || '*';
     /** @type {Boolean} */
@@ -1068,7 +1071,9 @@ class AutoLayout {
       duration: values.setValue(params.duration, this.params.duration),
     };
     /** @type {TimelineParams} */
-    const tlParams = {};
+    const tlParams = {
+      id: this.id
+    };
     const onComplete = values.setValue(params.onComplete, this.params.onComplete);
     const onPause = values.setValue(params.onPause, this.params.onPause);
     for (let name in globals.defaults) {
@@ -1082,7 +1087,8 @@ class AutoLayout {
     }
     tlParams.onComplete = () => {
       const ap = /** @type {ScrollObserver} */(params.autoplay);
-      const isScrollControled = ap && ap.linked;
+      const ed = globals.globals.editor;
+      const isScrollControled = (ap && ap.linked) || (ed && ed.showPanel);
       if (isScrollControled) {
         if (onComplete) onComplete(this.timeline);
         return;
@@ -1281,41 +1287,39 @@ class AutoLayout {
         animatedParent = animatedParent.parentNode;
       }
 
-      const animatingTotal = animating.length;
-
       // Root is always animated first in sync with the first child (animating.length is the total of children)
       if (node === rootNode) {
         node.index = 0;
-        node.total = animatingTotal;
+        node.targets = animating;
         updateNodeTimingParams(node, animationTimings);
       } else if (node.isEntering) {
         node.index = animatedParent ? animatedParent.index : enteringIndex;
-        node.total = animatedParent ? animatingTotal : entering.length;
+        node.targets = animatedParent ? animating : entering;
         updateNodeTimingParams(node, enterFromTimings);
         enteringIndex++;
       } else if (node.isLeaving) {
         node.index = animatedParent ? animatedParent.index : leavingIndex;
-        node.total = animatedParent ? animatingTotal : leaving.length;
+        node.targets = animatedParent ? animating : leaving;
         leavingIndex++;
         updateNodeTimingParams(node, leaveToTimings);
       } else if (node.isTarget) {
         node.index = animatingIndex++;
-        node.total = animatingTotal;
+        node.targets = animating;
         updateNodeTimingParams(node, animationTimings);
       } else {
         node.index = animatedParent ? animatedParent.index : 0;
-        node.total = animatingTotal;
+        node.targets = animating;
         updateNodeTimingParams(node, swapAtTimings);
       }
 
       // Make sure the old state node has its inex and total values up to date for valid "from" function values calculation
       oldStateNode.index = node.index;
-      oldStateNode.total = node.total;
+      oldStateNode.targets = node.targets;
 
       // Computes all values up front so we can check for changes and we don't have to re-compute them inside the animation props
       for (let prop in nodeProperties) {
-        nodeProperties[prop] = values.getFunctionValue(nodeProperties[prop], $el, node.index, node.total);
-        oldStateNodeProperties[prop] = values.getFunctionValue(oldStateNodeProperties[prop], $el, oldStateNode.index, oldStateNode.total);
+        nodeProperties[prop] = values.getFunctionValue(nodeProperties[prop], $el, node.index, node.targets, null, null);
+        oldStateNodeProperties[prop] = values.getFunctionValue(oldStateNodeProperties[prop], $el, oldStateNode.index, oldStateNode.targets, null, null);
       }
 
       // Use a 1px tolerance to detect dimensions changes to prevent width / height animations on barelly visible elements
@@ -1541,8 +1545,8 @@ class AutoLayout {
         }
         $el.style.transform = oldState.getComputedValue($el, 'transform');
         if (animatedSwap.includes($el)) {
-          node.ease = values.getFunctionValue(swapAtParams.ease, $el, node.index, node.total);
-          node.duration = values.getFunctionValue(swapAtParams.duration, $el, node.index, node.total);
+          node.ease = values.getFunctionValue(swapAtParams.ease, $el, node.index, node.targets, null, null);
+          node.duration = values.getFunctionValue(swapAtParams.duration, $el, node.index, node.targets, null, null);
         }
       }
       this.transformAnimation = waapi.waapi.animate(transformed, {
@@ -1557,7 +1561,7 @@ class AutoLayout {
           if (!animatedSwap.includes($el)) return newValue;
           const oldValue = oldState.getComputedValue($el, 'transform');
           const node = newState.getNode($el);
-          return [oldValue, values.getFunctionValue(swapAtProps.transform, $el, node.index, node.total), newValue]
+          return [oldValue, values.getFunctionValue(swapAtProps.transform, $el, node.index, node.targets, null, null), newValue]
         },
         autoplay: false,
         // persist: true,

package/dist/modules/layout/layout.d.ts

@@ -8,8 +8,8 @@ export class AutoLayout {
     params: AutoLayoutParams;
     /** @type {DOMTarget} */
     root: DOMTarget;
-    /** @type {Number} */
-    id: number;
+    /** @type {Number|String} */
+    id: number | string;
     /** @type {LayoutChildrenParam} */
     children: LayoutChildrenParam;
     /** @type {Boolean} */
@@ -74,6 +74,7 @@ export type LayoutAnimationTimingsParams = {
 export type LayoutStateAnimationProperties = Record<string, number | string | FunctionValue>;
 export type LayoutStateParams = LayoutStateAnimationProperties & LayoutAnimationTimingsParams;
 export type LayoutSpecificAnimationParams = {
+    id?: number | string;
     delay?: number | FunctionValue;
     duration?: number | FunctionValue;
     ease?: EasingParam | FunctionValue;
@@ -103,7 +104,7 @@ export type LayoutNode = {
     id: string;
     $el: DOMTarget;
     index: number;
-    total: number;
+    targets: Array<DOMTarget>;
     delay: number;
     duration: number;
     ease: EasingParam;