animejs 4.3.0-beta.0 → 4.3.0-beta.2

package/dist/modules/layout/layout.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - layout - CJS
- * @version v4.3.0-beta.0
+ * @version v4.3.0-beta.2
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */
@@ -53,8 +53,8 @@ var globals = require('../core/globals.cjs');
 
 /**
  * @typedef {Object} LayoutAnimationParams
- * @property {Number} [duration]
  * @property {Number|FunctionValue} [delay]
+ * @property {Number|FunctionValue} [duration]
  * @property {EasingParam} [ease]
  * @property {LayoutStateParams} [frozen]
  * @property {LayoutStateParams} [added]
@@ -857,12 +857,12 @@ class AutoLayout {
     this.children = params.children || '*';
     /** @type {Boolean} */
     this.absoluteCoords = false;
-    /** @type {Number} */
+    /** @type {Number|FunctionValue} */
     this.duration = values.setValue(params.duration, 500);
     /** @type {Number|FunctionValue} */
     this.delay = values.setValue(params.delay, 0);
     /** @type {EasingParam} */
-    this.ease = values.setValue(params.ease, 'inOutExpo');
+    this.ease = values.setValue(params.ease, 'inOut(3.5)');
     /** @type {Callback<this>} */
     this.onComplete = values.setValue(params.onComplete, /** @type {Callback<this>} */(consts.noop));
     /** @type {LayoutStateParams} */
@@ -1030,26 +1030,16 @@ class AutoLayout {
 
       // Recalculate postion relative to their parent for elements that have been moved
       if (!oldStateNode.measuredIsRemoved && !isRemovedNow && !hasNoOldState && (parentChanged || elementChanged)) {
-        let offsetX = 0;
-        let offsetY = 0;
-        let current = node.parentNode;
-        while (current) {
-          offsetX += current.properties.x || 0;
-          offsetY += current.properties.y || 0;
-          if (current.parentNode === newState.rootNode) break;
-          current = current.parentNode;
-        }
-        let oldOffsetX = 0;
-        let oldOffsetY = 0;
-        let oldCurrent = oldStateNode.parentNode;
-        while (oldCurrent) {
-          oldOffsetX += oldCurrent.properties.x || 0;
-          oldOffsetY += oldCurrent.properties.y || 0;
-          if (oldCurrent.parentNode === oldState.rootNode) break;
-          oldCurrent = oldCurrent.parentNode;
-        }
-        oldStateNode.properties.x += oldOffsetX - offsetX;
-        oldStateNode.properties.y += oldOffsetY - offsetY;
+        const oldAbsoluteLeft = oldStateNode.properties.left;
+        const oldAbsoluteTop = oldStateNode.properties.top;
+        const newParent = parent || newState.rootNode;
+        const oldParent = newParent.id ? oldState.nodes.get(newParent.id) : null;
+        const parentLeft = oldParent ? oldParent.properties.left : newParent.properties.left;
+        const parentTop = oldParent ? oldParent.properties.top : newParent.properties.top;
+        const borderLeft = oldParent ? oldParent.properties.clientLeft : newParent.properties.clientLeft;
+        const borderTop = oldParent ? oldParent.properties.clientTop : newParent.properties.clientTop;
+        oldStateNode.properties.x = oldAbsoluteLeft - parentLeft - borderLeft;
+        oldStateNode.properties.y = oldAbsoluteTop - parentTop - borderTop;
       }
 
       if (node.hasVisibilitySwap) {
@@ -1199,8 +1189,7 @@ class AutoLayout {
         // Don't animate dimensions and positions of inlined elements
         if (!newNode.isInlined) {
           // Display grid can mess with the absolute positioning, so set it to block during transition
-          // if (oldNode.measuredDisplay === 'grid' || newNode.measuredDisplay === 'grid') $el.style.display = 'block';
-          $el.style.display = 'block';
+          if (oldNode.measuredDisplay === 'grid' || newNode.measuredDisplay === 'grid') $el.style.display = 'block';
           // All children must be in position absolue
           if ($el !== root || this.absoluteCoords) {
             $el.style.position = this.absoluteCoords ? 'fixed' : 'absolute';

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

@@ -14,8 +14,8 @@ export class AutoLayout {
     children: LayoutChildrenParam;
     /** @type {Boolean} */
     absoluteCoords: boolean;
-    /** @type {Number} */
-    duration: number;
+    /** @type {Number|FunctionValue} */
+    duration: number | FunctionValue;
     /** @type {Number|FunctionValue} */
     delay: number | FunctionValue;
     /** @type {EasingParam} */
@@ -74,8 +74,8 @@ export function createLayout(root: DOMTargetSelector, params?: AutoLayoutParams)
 export type LayoutChildrenParam = DOMTargetSelector | Array<DOMTargetSelector>;
 export type LayoutStateParams = Record<string, number | string>;
 export type LayoutAnimationParams = {
-    duration?: number;
     delay?: number | FunctionValue;
+    duration?: number | FunctionValue;
     ease?: EasingParam;
     frozen?: LayoutStateParams;
     added?: LayoutStateParams;

package/dist/modules/layout/layout.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - layout - ESM
- * @version v4.3.0-beta.0
+ * @version v4.3.0-beta.2
  * @license MIT
  * @copyright 2025 - Julian Garnier
  */
@@ -51,8 +51,8 @@ import { scope } from '../core/globals.js';
 
 /**
  * @typedef {Object} LayoutAnimationParams
- * @property {Number} [duration]
  * @property {Number|FunctionValue} [delay]
+ * @property {Number|FunctionValue} [duration]
  * @property {EasingParam} [ease]
  * @property {LayoutStateParams} [frozen]
  * @property {LayoutStateParams} [added]
@@ -855,12 +855,12 @@ class AutoLayout {
     this.children = params.children || '*';
     /** @type {Boolean} */
     this.absoluteCoords = false;
-    /** @type {Number} */
+    /** @type {Number|FunctionValue} */
     this.duration = setValue(params.duration, 500);
     /** @type {Number|FunctionValue} */
     this.delay = setValue(params.delay, 0);
     /** @type {EasingParam} */
-    this.ease = setValue(params.ease, 'inOutExpo');
+    this.ease = setValue(params.ease, 'inOut(3.5)');
     /** @type {Callback<this>} */
     this.onComplete = setValue(params.onComplete, /** @type {Callback<this>} */(noop));
     /** @type {LayoutStateParams} */
@@ -1028,26 +1028,16 @@ class AutoLayout {
 
       // Recalculate postion relative to their parent for elements that have been moved
       if (!oldStateNode.measuredIsRemoved && !isRemovedNow && !hasNoOldState && (parentChanged || elementChanged)) {
-        let offsetX = 0;
-        let offsetY = 0;
-        let current = node.parentNode;
-        while (current) {
-          offsetX += current.properties.x || 0;
-          offsetY += current.properties.y || 0;
-          if (current.parentNode === newState.rootNode) break;
-          current = current.parentNode;
-        }
-        let oldOffsetX = 0;
-        let oldOffsetY = 0;
-        let oldCurrent = oldStateNode.parentNode;
-        while (oldCurrent) {
-          oldOffsetX += oldCurrent.properties.x || 0;
-          oldOffsetY += oldCurrent.properties.y || 0;
-          if (oldCurrent.parentNode === oldState.rootNode) break;
-          oldCurrent = oldCurrent.parentNode;
-        }
-        oldStateNode.properties.x += oldOffsetX - offsetX;
-        oldStateNode.properties.y += oldOffsetY - offsetY;
+        const oldAbsoluteLeft = oldStateNode.properties.left;
+        const oldAbsoluteTop = oldStateNode.properties.top;
+        const newParent = parent || newState.rootNode;
+        const oldParent = newParent.id ? oldState.nodes.get(newParent.id) : null;
+        const parentLeft = oldParent ? oldParent.properties.left : newParent.properties.left;
+        const parentTop = oldParent ? oldParent.properties.top : newParent.properties.top;
+        const borderLeft = oldParent ? oldParent.properties.clientLeft : newParent.properties.clientLeft;
+        const borderTop = oldParent ? oldParent.properties.clientTop : newParent.properties.clientTop;
+        oldStateNode.properties.x = oldAbsoluteLeft - parentLeft - borderLeft;
+        oldStateNode.properties.y = oldAbsoluteTop - parentTop - borderTop;
       }
 
       if (node.hasVisibilitySwap) {
@@ -1197,8 +1187,7 @@ class AutoLayout {
         // Don't animate dimensions and positions of inlined elements
         if (!newNode.isInlined) {
           // Display grid can mess with the absolute positioning, so set it to block during transition
-          // if (oldNode.measuredDisplay === 'grid' || newNode.measuredDisplay === 'grid') $el.style.display = 'block';
-          $el.style.display = 'block';
+          if (oldNode.measuredDisplay === 'grid' || newNode.measuredDisplay === 'grid') $el.style.display = 'block';
           // All children must be in position absolue
           if ($el !== root || this.absoluteCoords) {
             $el.style.position = this.absoluteCoords ? 'fixed' : 'absolute';

package/dist/modules/scope/index.cjs

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

package/dist/modules/scope/index.js

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

package/dist/modules/scope/scope.cjs

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

package/dist/modules/scope/scope.js

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

package/dist/modules/svg/drawable.cjs

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

package/dist/modules/svg/drawable.js

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

package/dist/modules/svg/helpers.cjs

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

package/dist/modules/svg/helpers.js

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

package/dist/modules/svg/index.cjs

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

package/dist/modules/svg/index.js

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

package/dist/modules/svg/morphto.cjs

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

package/dist/modules/svg/morphto.js

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

package/dist/modules/svg/motionpath.cjs

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

package/dist/modules/svg/motionpath.js

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

package/dist/modules/text/index.cjs

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

package/dist/modules/text/index.js

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

package/dist/modules/text/split.cjs

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

package/dist/modules/text/split.js

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

package/dist/modules/timeline/index.cjs

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

package/dist/modules/timeline/index.js

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

package/dist/modules/timeline/position.cjs

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

package/dist/modules/timeline/position.js

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

package/dist/modules/timeline/timeline.cjs

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

package/dist/modules/timeline/timeline.js

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

package/dist/modules/timer/index.cjs

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

package/dist/modules/timer/index.js

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

package/dist/modules/timer/timer.cjs

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

package/dist/modules/timer/timer.js

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

package/dist/modules/utils/chainable.cjs

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

package/dist/modules/utils/chainable.js

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

package/dist/modules/utils/index.cjs

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

package/dist/modules/utils/index.js

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

package/dist/modules/utils/number.cjs

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

package/dist/modules/utils/number.js

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

package/dist/modules/utils/random.cjs

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

package/dist/modules/utils/random.js

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

package/dist/modules/utils/stagger.cjs

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

package/dist/modules/utils/stagger.js

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

package/dist/modules/utils/target.cjs

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

package/dist/modules/utils/target.js

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

package/dist/modules/utils/time.cjs

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

package/dist/modules/utils/time.js

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

package/dist/modules/waapi/composition.cjs

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

package/dist/modules/waapi/composition.js

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

package/dist/modules/waapi/index.cjs

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

package/dist/modules/waapi/index.js

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

package/dist/modules/waapi/waapi.cjs

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

package/dist/modules/waapi/waapi.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "animejs",
-  "version": "4.3.0-beta.0",
+  "version": "4.3.0-beta.2",
   "description": "JavaScript animation engine",
   "homepage": "https://animejs.com",
   "author": "Julian Garnier <julian@animejs.com>",