motion 10.3.0 → 10.5.0-alpha.1

package/dist/targets/dom/timeline/utils/calc-time.cjs.js

@@ -1,23 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var isNumber = require('../../../../utils/is-number.cjs.js');
-
-function calcNextTime(current, next, prev, labels) {
-    var _a;
-    if (isNumber.isNumber(next)) {
-        return next;
-    }
-    else if (next.startsWith("-") || next.startsWith("+")) {
-        return Math.max(0, current + parseFloat(next));
-    }
-    else if (next === "<") {
-        return prev;
-    }
-    else {
-        return (_a = labels.get(next)) !== null && _a !== void 0 ? _a : current;
-    }
-}
-
-exports.calcNextTime = calcNextTime;

package/dist/targets/dom/timeline/utils/calc-time.es.js

@@ -1,19 +0,0 @@
-import { isNumber } from '../../../../utils/is-number.es.js';
-
-function calcNextTime(current, next, prev, labels) {
-    var _a;
-    if (isNumber(next)) {
-        return next;
-    }
-    else if (next.startsWith("-") || next.startsWith("+")) {
-        return Math.max(0, current + parseFloat(next));
-    }
-    else if (next === "<") {
-        return prev;
-    }
-    else {
-        return (_a = labels.get(next)) !== null && _a !== void 0 ? _a : current;
-    }
-}
-
-export { calcNextTime };

package/dist/targets/dom/timeline/utils/edit.cjs.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var mix = require('../../../../utils/mix.cjs.js');
-var array = require('../../../../utils/array.cjs.js');
-var getEasing = require('../../../js/utils/get-easing.cjs.js');
-
-function eraseKeyframes(sequence, startTime, endTime) {
-    for (let i = 0; i < sequence.length; i++) {
-        const keyframe = sequence[i];
-        if (keyframe.at > startTime && keyframe.at < endTime) {
-            array.removeItem(sequence, keyframe);
-            // If we remove this item we have to push the pointer back one
-            i--;
-        }
-    }
-}
-function addKeyframes(sequence, keyframes, easing, offset, startTime, endTime) {
-    /**
-     * Erase every existing value between currentTime and targetTime,
-     * this will essentially splice this timeline into any currently
-     * defined ones.
-     */
-    eraseKeyframes(sequence, startTime, endTime);
-    for (let i = 0; i < keyframes.length; i++) {
-        sequence.push({
-            value: keyframes[i],
-            at: mix.mix(startTime, endTime, offset[i]),
-            easing: getEasing.getEasingForSegment(easing, i),
-        });
-    }
-}
-
-exports.addKeyframes = addKeyframes;
-exports.eraseKeyframes = eraseKeyframes;

package/dist/targets/dom/timeline/utils/edit.es.js

@@ -1,31 +0,0 @@
-import { mix } from '../../../../utils/mix.es.js';
-import { removeItem } from '../../../../utils/array.es.js';
-import { getEasingForSegment } from '../../../js/utils/get-easing.es.js';
-
-function eraseKeyframes(sequence, startTime, endTime) {
-    for (let i = 0; i < sequence.length; i++) {
-        const keyframe = sequence[i];
-        if (keyframe.at > startTime && keyframe.at < endTime) {
-            removeItem(sequence, keyframe);
-            // If we remove this item we have to push the pointer back one
-            i--;
-        }
-    }
-}
-function addKeyframes(sequence, keyframes, easing, offset, startTime, endTime) {
-    /**
-     * Erase every existing value between currentTime and targetTime,
-     * this will essentially splice this timeline into any currently
-     * defined ones.
-     */
-    eraseKeyframes(sequence, startTime, endTime);
-    for (let i = 0; i < keyframes.length; i++) {
-        sequence.push({
-            value: keyframes[i],
-            at: mix(startTime, endTime, offset[i]),
-            easing: getEasingForSegment(easing, i),
-        });
-    }
-}
-
-export { addKeyframes, eraseKeyframes };

package/dist/targets/dom/timeline/utils/sort.cjs.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function compareByTime(a, b) {
-    if (a.at === b.at) {
-        return a.value === null ? 1 : -1;
-    }
-    else {
-        return a.at - b.at;
-    }
-}
-
-exports.compareByTime = compareByTime;

package/dist/targets/dom/timeline/utils/sort.es.js

@@ -1,10 +0,0 @@
-function compareByTime(a, b) {
-    if (a.at === b.at) {
-        return a.value === null ? 1 : -1;
-    }
-    else {
-        return a.at - b.at;
-    }
-}
-
-export { compareByTime };

package/dist/targets/dom/utils/apply.cjs.js

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const cssVariableRenderer = (element, name) => (latest) => element.style.setProperty(name, latest);
-const styleRenderer = (element, name) => (latest) => (element.style[name] = latest);
-
-exports.cssVariableRenderer = cssVariableRenderer;
-exports.styleRenderer = styleRenderer;

package/dist/targets/dom/utils/apply.es.js

@@ -1,4 +0,0 @@
-const cssVariableRenderer = (element, name) => (latest) => element.style.setProperty(name, latest);
-const styleRenderer = (element, name) => (latest) => (element.style[name] = latest);
-
-export { cssVariableRenderer, styleRenderer };

package/dist/targets/dom/utils/controls.cjs.js

@@ -1,59 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var noop = require('../../../utils/noop.cjs.js');
-var stopAnimation = require('./stop-animation.cjs.js');
-var time = require('./time.cjs.js');
-
-const createAnimation = (factory) => factory();
-const createAnimations = (animationFactory, duration) => new Proxy({
-    animations: animationFactory.map(createAnimation).filter(Boolean),
-    duration,
-}, controls);
-/**
- * TODO:
- * Currently this returns the first animation, ideally it would return
- * the first active animation.
- */
-const getActiveAnimation = (state) => state.animations[0];
-const controls = {
-    get: (target, key) => {
-        var _a, _b;
-        switch (key) {
-            case "duration":
-                return target.duration;
-            case "currentTime":
-                let time = ((_a = getActiveAnimation(target)) === null || _a === void 0 ? void 0 : _a[key]) || 0;
-                return time ? time / 1000 : 0;
-            case "playbackRate":
-                return (_b = getActiveAnimation(target)) === null || _b === void 0 ? void 0 : _b[key];
-            case "finished":
-                if (!target.finished) {
-                    target.finished = Promise.all(target.animations.map(selectFinished)).catch(noop.noop);
-                }
-                return target.finished;
-            case "stop":
-                return () => target.animations.forEach(stopAnimation.stopAnimation);
-            default:
-                return () => target.animations.forEach((animation) => animation[key]());
-        }
-    },
-    set: (target, key, value) => {
-        switch (key) {
-            case "currentTime":
-                value = time.ms(value);
-            case "currentTime":
-            case "playbackRate":
-                for (let i = 0; i < target.animations.length; i++) {
-                    target.animations[i][key] = value;
-                }
-                return true;
-        }
-        return false;
-    },
-};
-const selectFinished = (animation) => animation.finished;
-
-exports.controls = controls;
-exports.createAnimations = createAnimations;

package/dist/targets/dom/utils/controls.es.js

@@ -1,54 +0,0 @@
-import { noop } from '../../../utils/noop.es.js';
-import { stopAnimation } from './stop-animation.es.js';
-import { ms } from './time.es.js';
-
-const createAnimation = (factory) => factory();
-const createAnimations = (animationFactory, duration) => new Proxy({
-    animations: animationFactory.map(createAnimation).filter(Boolean),
-    duration,
-}, controls);
-/**
- * TODO:
- * Currently this returns the first animation, ideally it would return
- * the first active animation.
- */
-const getActiveAnimation = (state) => state.animations[0];
-const controls = {
-    get: (target, key) => {
-        var _a, _b;
-        switch (key) {
-            case "duration":
-                return target.duration;
-            case "currentTime":
-                let time = ((_a = getActiveAnimation(target)) === null || _a === void 0 ? void 0 : _a[key]) || 0;
-                return time ? time / 1000 : 0;
-            case "playbackRate":
-                return (_b = getActiveAnimation(target)) === null || _b === void 0 ? void 0 : _b[key];
-            case "finished":
-                if (!target.finished) {
-                    target.finished = Promise.all(target.animations.map(selectFinished)).catch(noop);
-                }
-                return target.finished;
-            case "stop":
-                return () => target.animations.forEach(stopAnimation);
-            default:
-                return () => target.animations.forEach((animation) => animation[key]());
-        }
-    },
-    set: (target, key, value) => {
-        switch (key) {
-            case "currentTime":
-                value = ms(value);
-            case "currentTime":
-            case "playbackRate":
-                for (let i = 0; i < target.animations.length; i++) {
-                    target.animations[i][key] = value;
-                }
-                return true;
-        }
-        return false;
-    },
-};
-const selectFinished = (animation) => animation.finished;
-
-export { controls, createAnimations };

package/dist/targets/dom/utils/css-var.cjs.js

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var transforms = require('./transforms.cjs.js');
-
-const isCssVar = (name) => name.startsWith("--");
-const registeredProperties = new Set();
-function registerCssVariable(name) {
-    if (registeredProperties.has(name))
-        return;
-    registeredProperties.add(name);
-    try {
-        const { syntax, initialValue } = transforms.transformDefinitions.has(name)
-            ? transforms.transformDefinitions.get(name)
-            : {};
-        CSS.registerProperty({
-            name,
-            inherits: false,
-            syntax,
-            initialValue,
-        });
-    }
-    catch (e) { }
-}
-
-exports.isCssVar = isCssVar;
-exports.registerCssVariable = registerCssVariable;
-exports.registeredProperties = registeredProperties;

package/dist/targets/dom/utils/css-var.es.js

@@ -1,23 +0,0 @@
-import { transformDefinitions } from './transforms.es.js';
-
-const isCssVar = (name) => name.startsWith("--");
-const registeredProperties = new Set();
-function registerCssVariable(name) {
-    if (registeredProperties.has(name))
-        return;
-    registeredProperties.add(name);
-    try {
-        const { syntax, initialValue } = transformDefinitions.has(name)
-            ? transformDefinitions.get(name)
-            : {};
-        CSS.registerProperty({
-            name,
-            inherits: false,
-            syntax,
-            initialValue,
-        });
-    }
-    catch (e) { }
-}
-
-export { isCssVar, registerCssVariable, registeredProperties };

package/dist/targets/dom/utils/defaults.cjs.js

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const defaults = {
-    duration: 0.3,
-    delay: 0,
-    endDelay: 0,
-    repeat: 0,
-    easing: "ease",
-};
-
-exports.defaults = defaults;

package/dist/targets/dom/utils/defaults.es.js

@@ -1,9 +0,0 @@
-const defaults = {
-    duration: 0.3,
-    delay: 0,
-    endDelay: 0,
-    repeat: 0,
-    easing: "ease",
-};
-
-export { defaults };

package/dist/targets/dom/utils/easing.cjs.js

@@ -1,18 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var isNumber = require('../../../utils/is-number.cjs.js');
-
-const isCubicBezier = (easing) => Array.isArray(easing) && isNumber.isNumber(easing[0]);
-const isEasingList = (easing) => Array.isArray(easing) && !isNumber.isNumber(easing[0]);
-const isCustomEasing = (easing) => typeof easing === "object" &&
-    Boolean(easing.createAnimation);
-const convertEasing = (easing) => isCubicBezier(easing) ? cubicBezierAsString(easing) : easing;
-const cubicBezierAsString = ([a, b, c, d]) => `cubic-bezier(${a}, ${b}, ${c}, ${d})`;
-
-exports.convertEasing = convertEasing;
-exports.cubicBezierAsString = cubicBezierAsString;
-exports.isCubicBezier = isCubicBezier;
-exports.isCustomEasing = isCustomEasing;
-exports.isEasingList = isEasingList;

package/dist/targets/dom/utils/easing.es.js

@@ -1,10 +0,0 @@
-import { isNumber } from '../../../utils/is-number.es.js';
-
-const isCubicBezier = (easing) => Array.isArray(easing) && isNumber(easing[0]);
-const isEasingList = (easing) => Array.isArray(easing) && !isNumber(easing[0]);
-const isCustomEasing = (easing) => typeof easing === "object" &&
-    Boolean(easing.createAnimation);
-const convertEasing = (easing) => isCubicBezier(easing) ? cubicBezierAsString(easing) : easing;
-const cubicBezierAsString = ([a, b, c, d]) => `cubic-bezier(${a}, ${b}, ${c}, ${d})`;
-
-export { convertEasing, cubicBezierAsString, isCubicBezier, isCustomEasing, isEasingList };

package/dist/targets/dom/utils/feature-detection.cjs.js

@@ -1,31 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const testAnimation = (keyframes) => document.createElement("div").animate(keyframes, { duration: 0.001 });
-const featureTests = {
-    cssRegisterProperty: () => typeof CSS !== "undefined" &&
-        Object.hasOwnProperty.call(CSS, "registerProperty"),
-    waapi: () => Object.hasOwnProperty.call(Element.prototype, "animate"),
-    partialKeyframes: () => {
-        try {
-            testAnimation({ opacity: [1] });
-        }
-        catch (e) {
-            return false;
-        }
-        return true;
-    },
-    finished: () => Boolean(testAnimation({ opacity: [0, 1] }).finished),
-};
-const results = {};
-const supports = {};
-for (const key in featureTests) {
-    supports[key] = () => {
-        if (results[key] === undefined)
-            results[key] = featureTests[key]();
-        return results[key];
-    };
-}
-
-exports.supports = supports;

package/dist/targets/dom/utils/feature-detection.es.js

@@ -1,27 +0,0 @@
-const testAnimation = (keyframes) => document.createElement("div").animate(keyframes, { duration: 0.001 });
-const featureTests = {
-    cssRegisterProperty: () => typeof CSS !== "undefined" &&
-        Object.hasOwnProperty.call(CSS, "registerProperty"),
-    waapi: () => Object.hasOwnProperty.call(Element.prototype, "animate"),
-    partialKeyframes: () => {
-        try {
-            testAnimation({ opacity: [1] });
-        }
-        catch (e) {
-            return false;
-        }
-        return true;
-    },
-    finished: () => Boolean(testAnimation({ opacity: [0, 1] }).finished),
-};
-const results = {};
-const supports = {};
-for (const key in featureTests) {
-    supports[key] = () => {
-        if (results[key] === undefined)
-            results[key] = featureTests[key]();
-        return results[key];
-    };
-}
-
-export { supports };

package/dist/targets/dom/utils/get-style-name.cjs.js

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var transforms = require('./transforms.cjs.js');
-
-function getStyleName(key) {
-    if (transforms.transformAlias[key])
-        key = transforms.transformAlias[key];
-    return transforms.isTransform(key) ? transforms.asTransformCssVar(key) : key;
-}
-
-exports.getStyleName = getStyleName;

package/dist/targets/dom/utils/get-style-name.es.js

@@ -1,9 +0,0 @@
-import { isTransform, asTransformCssVar, transformAlias } from './transforms.es.js';
-
-function getStyleName(key) {
-    if (transformAlias[key])
-        key = transformAlias[key];
-    return isTransform(key) ? asTransformCssVar(key) : key;
-}
-
-export { getStyleName };

package/dist/targets/dom/utils/keyframes.cjs.js

@@ -1,16 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function hydrateKeyframes(keyframes, readInitialValue) {
-    for (let i = 0; i < keyframes.length; i++) {
-        if (keyframes[i] === null) {
-            keyframes[i] = i ? keyframes[i - 1] : readInitialValue();
-        }
-    }
-    return keyframes;
-}
-const keyframesList = (keyframes) => Array.isArray(keyframes) ? keyframes : [keyframes];
-
-exports.hydrateKeyframes = hydrateKeyframes;
-exports.keyframesList = keyframesList;

package/dist/targets/dom/utils/keyframes.es.js

@@ -1,11 +0,0 @@
-function hydrateKeyframes(keyframes, readInitialValue) {
-    for (let i = 0; i < keyframes.length; i++) {
-        if (keyframes[i] === null) {
-            keyframes[i] = i ? keyframes[i - 1] : readInitialValue();
-        }
-    }
-    return keyframes;
-}
-const keyframesList = (keyframes) => Array.isArray(keyframes) ? keyframes : [keyframes];
-
-export { hydrateKeyframes, keyframesList };

package/dist/targets/dom/utils/options.cjs.js

@@ -1,7 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const getOptions = (options, key) => options[key] ? Object.assign(Object.assign({}, options), options[key]) : options;
-
-exports.getOptions = getOptions;

package/dist/targets/dom/utils/options.es.js

@@ -1,3 +0,0 @@
-const getOptions = (options, key) => options[key] ? Object.assign(Object.assign({}, options), options[key]) : options;
-
-export { getOptions };

package/dist/targets/dom/utils/resolve-elements.cjs.js

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function resolveElements(elements, selectorCache) {
-    var _a;
-    if (typeof elements === "string") {
-        if (selectorCache) {
-            (_a = selectorCache[elements]) !== null && _a !== void 0 ? _a : (selectorCache[elements] = document.querySelectorAll(elements));
-            elements = selectorCache[elements];
-        }
-        else {
-            elements = document.querySelectorAll(elements);
-        }
-    }
-    else if (elements instanceof Element) {
-        elements = [elements];
-    }
-    return Array.from(elements);
-}
-
-exports.resolveElements = resolveElements;

package/dist/targets/dom/utils/resolve-elements.es.js

@@ -1,18 +0,0 @@
-function resolveElements(elements, selectorCache) {
-    var _a;
-    if (typeof elements === "string") {
-        if (selectorCache) {
-            (_a = selectorCache[elements]) !== null && _a !== void 0 ? _a : (selectorCache[elements] = document.querySelectorAll(elements));
-            elements = selectorCache[elements];
-        }
-        else {
-            elements = document.querySelectorAll(elements);
-        }
-    }
-    else if (elements instanceof Element) {
-        elements = [elements];
-    }
-    return Array.from(elements);
-}
-
-export { resolveElements };

package/dist/targets/dom/utils/stop-animation.cjs.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function stopAnimation(animation) {
-    if (!animation)
-        return;
-    // Suppress error thrown by WAAPI
-    try {
-        /**
-         * commitStyles has overhead so we only want to commit and cancel
-         */
-        animation.playState !== "finished" && animation.commitStyles();
-        animation.cancel();
-    }
-    catch (e) { }
-}
-
-exports.stopAnimation = stopAnimation;

package/dist/targets/dom/utils/stop-animation.es.js

@@ -1,15 +0,0 @@
-function stopAnimation(animation) {
-    if (!animation)
-        return;
-    // Suppress error thrown by WAAPI
-    try {
-        /**
-         * commitStyles has overhead so we only want to commit and cancel
-         */
-        animation.playState !== "finished" && animation.commitStyles();
-        animation.cancel();
-    }
-    catch (e) { }
-}
-
-export { stopAnimation };

package/dist/targets/dom/utils/time.cjs.js

@@ -1,7 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const ms = (seconds) => seconds * 1000;
-
-exports.ms = ms;

package/dist/targets/dom/utils/time.es.js

@@ -1,3 +0,0 @@
-const ms = (seconds) => seconds * 1000;
-
-export { ms };