animejs
Version:
JavaScript animation engine
220 lines (209 loc) • 7.79 kB
JavaScript
/**
* Anime.js - utils - CJS
* @version v4.4.1
* @license MIT
* @copyright 2026 - Julian Garnier
*/
;
var consts = require('../core/consts.cjs');
var helpers = require('../core/helpers.cjs');
var parser = require('../easings/eases/parser.cjs');
var position = require('../timeline/position.cjs');
var values = require('../core/values.cjs');
var targets = require('../core/targets.cjs');
var random = require('./random.cjs');
/**
* @import {
* StaggerParams,
* StaggerFunction,
* JSTarget,
* } from '../types/index.js'
*/
/**
* @import {
* Spring,
* } from '../easings/spring/index.js'
*/
/**
* @overload
* @param {Number} val
* @param {StaggerParams} [params]
* @return {StaggerFunction<Number>}
*/
/**
* @overload
* @param {String} val
* @param {StaggerParams} [params]
* @return {StaggerFunction<String>}
*/
/**
* @overload
* @param {[Number, Number]} val
* @param {StaggerParams} [params]
* @return {StaggerFunction<Number>}
*/
/**
* @overload
* @param {[String, String]} val
* @param {StaggerParams} [params]
* @return {StaggerFunction<String>}
*/
/**
* @param {Number|String|[Number, Number]|[String, String]} val The staggered value or range
* @param {StaggerParams} [params] The stagger parameters
* @return {StaggerFunction<Number|String>}
*/
const stagger = (val, params = {}) => {
let values$1 = [];
let maxValue = 0;
let cachedOffset;
const from = params.from;
const reversed = params.reversed;
const ease = params.ease;
const hasEasing = !helpers.isUnd(ease);
const hasSpring = hasEasing && !helpers.isUnd(/** @type {Spring} */(ease).ease);
const staggerEase = hasSpring ? /** @type {Spring} */(ease).ease : hasEasing ? parser.parseEase(ease) : null;
const grid = params.grid;
const autoGrid = grid === true;
const axis = params.axis;
const customTotal = params.total;
const fromFirst = helpers.isUnd(from) || from === 0 || from === 'first';
const fromCenter = from === 'center';
const fromLast = from === 'last';
const fromRandom = from === 'random';
const fromArr = helpers.isArr(from);
const isRange = helpers.isArr(val);
const useProp = params.use;
const val1 = isRange ? helpers.parseNumber(val[0]) : helpers.parseNumber(val);
const val2 = isRange ? helpers.parseNumber(val[1]) : 0;
const unitMatch = consts.unitsExecRgx.exec((isRange ? val[1] : val) + consts.emptyString);
const start = params.start || 0 + (isRange ? val1 : 0);
let fromIndex = fromFirst ? 0 : helpers.isNum(from) ? from : 0;
return (target, i, t, _, tl) => {
const [ registeredTarget ] = targets.registerTargets(target);
const total = helpers.isUnd(customTotal) ? t.length : customTotal;
const customIndex = !helpers.isUnd(useProp) ? helpers.isFnc(useProp) ? useProp(registeredTarget, i, total) : values.getOriginalAnimatableValue(registeredTarget, useProp) : false;
const staggerIndex = helpers.isNum(customIndex) || helpers.isStr(customIndex) && helpers.isNum(+customIndex) ? +customIndex : i;
if (fromCenter) fromIndex = (total - 1) / 2;
if (fromLast) fromIndex = total - 1;
if (!values$1.length) {
if (autoGrid) {
let hasPositions = true;
let minPosX = Infinity;
let minPosY = Infinity;
let maxPosX = -Infinity;
let maxPosY = -Infinity;
const pxArr = [];
const pyArr = [];
for (let index = 0; index < total; index++) {
const el = t[index];
let px = 0;
let py = 0;
let found = false;
if (el && helpers.isFnc(el.getBoundingClientRect)) {
const rect = el.getBoundingClientRect();
px = rect.left + rect.width / 2;
py = rect.top + rect.height / 2;
found = true;
} else {
const obj = /** @type {JSTarget} */(el);
if (obj && helpers.isNum(obj.x) && helpers.isNum(obj.y)) {
px = obj.x;
py = obj.y;
found = true;
}
}
if (!found) {
hasPositions = false;
break;
}
pxArr.push(px);
pyArr.push(py);
if (px < minPosX) minPosX = px;
if (py < minPosY) minPosY = py;
if (px > maxPosX) maxPosX = px;
if (py > maxPosY) maxPosY = py;
}
if (hasPositions) {
let fX = pxArr[0];
let fY = pyArr[0];
if (fromArr) {
fX = minPosX + from[0] * (maxPosX - minPosX);
fY = minPosY + from[1] * (maxPosY - minPosY);
} else if (fromCenter) {
fX = (minPosX + maxPosX) / 2;
fY = (minPosY + maxPosY) / 2;
} else if (fromLast) {
fX = pxArr[total - 1];
fY = pyArr[total - 1];
} else if (helpers.isNum(from)) {
fX = pxArr[from];
fY = pyArr[from];
}
for (let index = 0; index < total; index++) {
const distanceX = fX - pxArr[index];
const distanceY = fY - pyArr[index];
let value = helpers.sqrt(distanceX * distanceX + distanceY * distanceY);
if (axis === 'x') value = -distanceX;
if (axis === 'y') value = -distanceY;
values$1.push(value);
}
let minDist = Infinity;
for (let index = 0, l = values$1.length; index < l; index++) {
const absVal = helpers.abs(values$1[index]);
if (absVal > 0 && absVal < minDist) minDist = absVal;
}
if (minDist > 0 && minDist < Infinity) {
for (let index = 0, l = values$1.length; index < l; index++) {
values$1[index] = values$1[index] / minDist;
}
}
} else {
for (let index = 0; index < total; index++) {
values$1.push(helpers.abs(fromIndex - index));
}
}
} else {
for (let index = 0; index < total; index++) {
if (!grid) {
values$1.push(helpers.abs(fromIndex - index));
} else {
let fromX, fromY;
if (fromArr) {
fromX = from[0] * (grid[0] - 1);
fromY = from[1] * (grid[1] - 1);
} else if (fromCenter) {
fromX = (grid[0] - 1) / 2;
fromY = (grid[1] - 1) / 2;
} else {
fromX = fromIndex % grid[0];
fromY = helpers.floor(fromIndex / grid[0]);
}
const toX = index % grid[0];
const toY = helpers.floor(index / grid[0]);
const distanceX = fromX - toX;
const distanceY = fromY - toY;
let value = helpers.sqrt(distanceX * distanceX + distanceY * distanceY);
if (axis === 'x') value = -distanceX;
if (axis === 'y') value = -distanceY;
values$1.push(value);
}
}
}
maxValue = helpers.max(...values$1);
if (staggerEase) values$1 = values$1.map(val => staggerEase(val / maxValue) * maxValue);
if (reversed) values$1 = values$1.map(val => axis ? (val < 0) ? val * -1 : -val : helpers.abs(maxValue - val));
if (fromRandom) values$1 = random.shuffle(values$1);
}
const spacing = isRange ? (val2 - val1) / maxValue : val1;
if (helpers.isUnd(cachedOffset)) {
cachedOffset = tl ? position.parseTimelinePosition(tl, helpers.isUnd(params.start) ? tl.iterationDuration : start) : /** @type {Number} */(start);
}
/** @type {String|Number} */
let output = cachedOffset + ((spacing * helpers.round(values$1[staggerIndex], 2)) || 0);
if (params.modifier) output = params.modifier(/** @type {Number} */(output));
if (unitMatch) output = `${output}${unitMatch[2]}`;
return output;
}
};
exports.stagger = stagger;