42 lines
1.3 KiB
Plaintext
42 lines
1.3 KiB
Plaintext
import { invariant } from '../../errors.mjs';
|
|
import { noop } from '../../noop.mjs';
|
|
import { anticipate } from '../anticipate.mjs';
|
|
import { backIn, backInOut, backOut } from '../back.mjs';
|
|
import { circIn, circInOut, circOut } from '../circ.mjs';
|
|
import { cubicBezier } from '../cubic-bezier.mjs';
|
|
import { easeIn, easeInOut, easeOut } from '../ease.mjs';
|
|
import { isBezierDefinition } from './is-bezier-definition.mjs';
|
|
|
|
const easingLookup = {
|
|
linear: noop,
|
|
easeIn,
|
|
easeInOut,
|
|
easeOut,
|
|
circIn,
|
|
circInOut,
|
|
circOut,
|
|
backIn,
|
|
backInOut,
|
|
backOut,
|
|
anticipate,
|
|
};
|
|
const isValidEasing = (easing) => {
|
|
return typeof easing === "string";
|
|
};
|
|
const easingDefinitionToFunction = (definition) => {
|
|
if (isBezierDefinition(definition)) {
|
|
// If cubic bezier definition, create bezier curve
|
|
invariant(definition.length === 4, `Cubic bezier arrays must contain four numerical values.`, "cubic-bezier-length");
|
|
const [x1, y1, x2, y2] = definition;
|
|
return cubicBezier(x1, y1, x2, y2);
|
|
}
|
|
else if (isValidEasing(definition)) {
|
|
// Else lookup from table
|
|
invariant(easingLookup[definition] !== undefined, `Invalid easing type '${definition}'`, "invalid-easing-type");
|
|
return easingLookup[definition];
|
|
}
|
|
return definition;
|
|
};
|
|
|
|
export { easingDefinitionToFunction };
|