motion 10.4.0 → 10.5.0-alpha.4

package/dist/targets/react/hooks/use-press.es.js

@@ -1,21 +0,0 @@
-import { useGestureState } from './use-gesture-state.es.js';
-
-function usePress(target, options, { press, onPointerDown, poses } = {}, { press: inheritedPress }, isPoseActive) {
-    const [isPressActive, setPressState] = useGestureState(target, options, press, inheritedPress, poses);
-    isPoseActive.press = isPressActive;
-    if (!press)
-        return {};
-    const onPointerUp = () => {
-        setPressState(false);
-        window.removeEventListener("pointerup", onPointerUp);
-    };
-    return {
-        onPointerDown: (e) => {
-            onPointerDown === null || onPointerDown === void 0 ? void 0 : onPointerDown(e);
-            setPressState(true);
-            window.addEventListener("pointerup", onPointerUp);
-        },
-    };
-}
-
-export { usePress };

package/dist/targets/react/hooks/use-viewport.cjs.js

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var useGestureState = require('./use-gesture-state.cjs.js');
-
-function useViewport(ref, target, options, { inViewport, poses, viewport = {}, onViewportEnter, onViewportLeave, }, { inViewport: inheritedInViewport }, isPoseActive) {
-    const { root, margin: rootMargin, once, threshold } = viewport;
-    const [isInViewport, setViewportState] = useGestureState.useGestureState(target, options, inViewport, inheritedInViewport, poses);
-    isPoseActive.inViewport = isInViewport;
-    let shouldObserve = !!inViewport || !!onViewportEnter || !!onViewportLeave;
-    if (once && isInViewport)
-        shouldObserve = false;
-    React.useEffect(() => {
-        if (!shouldObserve || typeof IntersectionObserver === "undefined")
-            return;
-        const observer = new IntersectionObserver(([entry]) => {
-            setViewportState(entry.isIntersecting);
-            const callback = entry.isIntersecting
-                ? onViewportEnter
-                : onViewportLeave;
-            callback && callback(entry);
-        }, { root: root === null || root === void 0 ? void 0 : root.current, rootMargin, threshold });
-        observer.observe(ref.current);
-        return () => observer.disconnect();
-    }, [
-        inViewport,
-        onViewportEnter,
-        onViewportLeave,
-        root,
-        rootMargin,
-        threshold,
-    ]);
-}
-
-exports.useViewport = useViewport;

package/dist/targets/react/hooks/use-viewport.es.js

@@ -1,33 +0,0 @@
-import { useEffect } from 'react';
-import { useGestureState } from './use-gesture-state.es.js';
-
-function useViewport(ref, target, options, { inViewport, poses, viewport = {}, onViewportEnter, onViewportLeave, }, { inViewport: inheritedInViewport }, isPoseActive) {
-    const { root, margin: rootMargin, once, threshold } = viewport;
-    const [isInViewport, setViewportState] = useGestureState(target, options, inViewport, inheritedInViewport, poses);
-    isPoseActive.inViewport = isInViewport;
-    let shouldObserve = !!inViewport || !!onViewportEnter || !!onViewportLeave;
-    if (once && isInViewport)
-        shouldObserve = false;
-    useEffect(() => {
-        if (!shouldObserve || typeof IntersectionObserver === "undefined")
-            return;
-        const observer = new IntersectionObserver(([entry]) => {
-            setViewportState(entry.isIntersecting);
-            const callback = entry.isIntersecting
-                ? onViewportEnter
-                : onViewportLeave;
-            callback && callback(entry);
-        }, { root: root === null || root === void 0 ? void 0 : root.current, rootMargin, threshold });
-        observer.observe(ref.current);
-        return () => observer.disconnect();
-    }, [
-        inViewport,
-        onViewportEnter,
-        onViewportLeave,
-        root,
-        rootMargin,
-        threshold,
-    ]);
-}
-
-export { useViewport };

package/dist/targets/react/index.cjs.js

@@ -1,17 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var animated$1 = require('./animated.cjs.js');
-
-const components = new Map();
-const animated = new Proxy({}, {
-    get: (_, key) => {
-        if (!components.has(key)) {
-            components.set(key, animated$1.createAnimatedComponent(key));
-        }
-        return components.get(key);
-    },
-});
-
-exports.animated = animated;

package/dist/targets/react/index.es.js

@@ -1,13 +0,0 @@
-import { createAnimatedComponent } from './animated.es.js';
-
-const components = new Map();
-const animated = new Proxy({}, {
-    get: (_, key) => {
-        if (!components.has(key)) {
-            components.set(key, createAnimatedComponent(key));
-        }
-        return components.get(key);
-    },
-});
-
-export { animated };

package/dist/targets/react/utils/has-changed.cjs.js

@@ -1,24 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function hasChanged(a, b) {
-    if (typeof a !== typeof b)
-        return true;
-    if (Array.isArray(a) && Array.isArray(b))
-        return !shallowCompare(a, b);
-    return a !== b;
-}
-function shallowCompare(next, prev) {
-    const prevLength = prev.length;
-    if (prevLength !== next.length)
-        return false;
-    for (let i = 0; i < prevLength; i++) {
-        if (prev[i] !== next[i])
-            return false;
-    }
-    return true;
-}
-
-exports.hasChanged = hasChanged;
-exports.shallowCompare = shallowCompare;

package/dist/targets/react/utils/has-changed.es.js

@@ -1,19 +0,0 @@
-function hasChanged(a, b) {
-    if (typeof a !== typeof b)
-        return true;
-    if (Array.isArray(a) && Array.isArray(b))
-        return !shallowCompare(a, b);
-    return a !== b;
-}
-function shallowCompare(next, prev) {
-    const prevLength = prev.length;
-    if (prevLength !== next.length)
-        return false;
-    for (let i = 0; i < prevLength; i++) {
-        if (prev[i] !== next[i])
-            return false;
-    }
-    return true;
-}
-
-export { hasChanged, shallowCompare };

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

@@ -1,38 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var isNumber = require('../../../utils/is-number.cjs.js');
-var transforms = require('../../dom/utils/transforms.cjs.js');
-
-function convertKeyframesToStyles(keyframes) {
-    const initialKeyframes = {};
-    const transformKeys = [];
-    for (let key in keyframes) {
-        const value = keyframes[key];
-        if (transforms.isTransform(key)) {
-            if (transforms.transformAlias[key])
-                key = transforms.transformAlias[key];
-            transformKeys.push(key);
-            key = transforms.asTransformCssVar(key);
-        }
-        let initialKeyframe = Array.isArray(value) ? value[0] : value;
-        /**
-         * If this is a number and we have a default value type, convert the number
-         * to this type.
-         */
-        const definition = transforms.transformDefinitions.get(key);
-        if (definition) {
-            initialKeyframe = isNumber.isNumber(value)
-                ? definition.toDefaultUnit(value)
-                : value;
-        }
-        initialKeyframes[key] = initialKeyframe;
-    }
-    if (transformKeys.length) {
-        initialKeyframes.transform = transforms.buildTransformTemplate(transformKeys);
-    }
-    return initialKeyframes;
-}
-
-exports.convertKeyframesToStyles = convertKeyframesToStyles;

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

@@ -1,34 +0,0 @@
-import { isNumber } from '../../../utils/is-number.es.js';
-import { isTransform, transformAlias, asTransformCssVar, transformDefinitions, buildTransformTemplate } from '../../dom/utils/transforms.es.js';
-
-function convertKeyframesToStyles(keyframes) {
-    const initialKeyframes = {};
-    const transformKeys = [];
-    for (let key in keyframes) {
-        const value = keyframes[key];
-        if (isTransform(key)) {
-            if (transformAlias[key])
-                key = transformAlias[key];
-            transformKeys.push(key);
-            key = asTransformCssVar(key);
-        }
-        let initialKeyframe = Array.isArray(value) ? value[0] : value;
-        /**
-         * If this is a number and we have a default value type, convert the number
-         * to this type.
-         */
-        const definition = transformDefinitions.get(key);
-        if (definition) {
-            initialKeyframe = isNumber(value)
-                ? definition.toDefaultUnit(value)
-                : value;
-        }
-        initialKeyframes[key] = initialKeyframe;
-    }
-    if (transformKeys.length) {
-        initialKeyframes.transform = buildTransformTemplate(transformKeys);
-    }
-    return initialKeyframes;
-}
-
-export { convertKeyframesToStyles };

package/dist/targets/react/utils/poses.cjs.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function resolvePose(definition, inheritedDefinition, poses = {}) {
-    if (definition) {
-        return typeof definition === "string" ? poses[definition] : definition;
-    }
-    else if (inheritedDefinition) {
-        return poses[inheritedDefinition];
-    }
-}
-
-exports.resolvePose = resolvePose;

package/dist/targets/react/utils/poses.es.js

@@ -1,10 +0,0 @@
-function resolvePose(definition, inheritedDefinition, poses = {}) {
-    if (definition) {
-        return typeof definition === "string" ? poses[definition] : definition;
-    }
-    else if (inheritedDefinition) {
-        return poses[inheritedDefinition];
-    }
-}
-
-export { resolvePose };

package/dist/targets/react/utils/update-target.cjs.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var options = require('../../dom/utils/options.cjs.js');
-
-function updateTargetAndOptions(target, options$1, toApply) {
-    if (!toApply)
-        return;
-    for (const key in toApply) {
-        if (key === "options")
-            continue;
-        target[key] = toApply[key];
-        if (toApply.options) {
-            options$1[key] = options.getOptions(toApply.options, key);
-        }
-    }
-}
-
-exports.updateTargetAndOptions = updateTargetAndOptions;

package/dist/targets/react/utils/update-target.es.js

@@ -1,16 +0,0 @@
-import { getOptions } from '../../dom/utils/options.es.js';
-
-function updateTargetAndOptions(target, options, toApply) {
-    if (!toApply)
-        return;
-    for (const key in toApply) {
-        if (key === "options")
-            continue;
-        target[key] = toApply[key];
-        if (toApply.options) {
-            options[key] = getOptions(toApply.options, key);
-        }
-    }
-}
-
-export { updateTargetAndOptions };

package/dist/utils/array.cjs.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function addUniqueItem(array, item) {
-    array.indexOf(item) === -1 && array.push(item);
-}
-function removeItem(arr, item) {
-    const index = arr.indexOf(item);
-    index > -1 && arr.splice(index, 1);
-}
-
-exports.addUniqueItem = addUniqueItem;
-exports.removeItem = removeItem;

package/dist/utils/array.es.js

@@ -1,9 +0,0 @@
-function addUniqueItem(array, item) {
-    array.indexOf(item) === -1 && array.push(item);
-}
-function removeItem(arr, item) {
-    const index = arr.indexOf(item);
-    index > -1 && arr.splice(index, 1);
-}
-
-export { addUniqueItem, removeItem };

package/dist/utils/clamp.cjs.js

@@ -1,7 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const clamp = (min, max, v) => Math.min(Math.max(v, min), max);
-
-exports.clamp = clamp;

package/dist/utils/clamp.es.js

@@ -1,3 +0,0 @@
-const clamp = (min, max, v) => Math.min(Math.max(v, min), max);
-
-export { clamp };

package/dist/utils/is-number.cjs.js

@@ -1,7 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const isNumber = (value) => typeof value === "number";
-
-exports.isNumber = isNumber;

package/dist/utils/is-number.es.js

@@ -1,3 +0,0 @@
-const isNumber = (value) => typeof value === "number";
-
-export { isNumber };

package/dist/utils/mix.cjs.js

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-/*
-  Value in range from progress
-
-  Given a lower limit and an upper limit, we return the value within
-  that range as expressed by progress (usually a number from 0 to 1)
-
-  So progress = 0.5 would change
-
-  from -------- to
-
-  to
-
-  from ---- to
-
-  E.g. from = 10, to = 20, progress = 0.5 => 15
-
-  @param [number]: Lower limit of range
-  @param [number]: Upper limit of range
-  @param [number]: The progress between lower and upper limits expressed 0-1
-  @return [number]: Value as calculated from progress within range (not limited within range)
-*/
-const mix = (from, to, progress) => -progress * from + progress * to + from;
-
-exports.mix = mix;

package/dist/utils/mix.es.js

@@ -1,24 +0,0 @@
-/*
-  Value in range from progress
-
-  Given a lower limit and an upper limit, we return the value within
-  that range as expressed by progress (usually a number from 0 to 1)
-
-  So progress = 0.5 would change
-
-  from -------- to
-
-  to
-
-  from ---- to
-
-  E.g. from = 10, to = 20, progress = 0.5 => 15
-
-  @param [number]: Lower limit of range
-  @param [number]: Upper limit of range
-  @param [number]: The progress between lower and upper limits expressed 0-1
-  @return [number]: Value as calculated from progress within range (not limited within range)
-*/
-const mix = (from, to, progress) => -progress * from + progress * to + from;
-
-export { mix };

package/dist/utils/noop.cjs.js

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const noop = () => { };
-const noopReturn = (v) => v;
-
-exports.noop = noop;
-exports.noopReturn = noopReturn;

package/dist/utils/noop.es.js

@@ -1,4 +0,0 @@
-const noop = () => { };
-const noopReturn = (v) => v;
-
-export { noop, noopReturn };

package/dist/utils/progress.cjs.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-/*
-  Progress within given range
-
-  Given a lower limit and an upper limit, we return the progress
-  (expressed as a number 0-1) represented by the given value.
-
-  @param [number]: Lower limit
-  @param [number]: Upper limit
-  @param [number]: Value to find progress within given range
-  @return [number]: Progress of value within range as expressed 0-1
-*/
-const progress = (from, to, value) => {
-    return to - from === 0 ? 1 : (value - from) / (to - from);
-};
-
-exports.progress = progress;

package/dist/utils/progress.es.js

@@ -1,16 +0,0 @@
-/*
-  Progress within given range
-
-  Given a lower limit and an upper limit, we return the progress
-  (expressed as a number 0-1) represented by the given value.
-
-  @param [number]: Lower limit
-  @param [number]: Upper limit
-  @param [number]: Value to find progress within given range
-  @return [number]: Progress of value within range as expressed 0-1
-*/
-const progress = (from, to, value) => {
-    return to - from === 0 ? 1 : (value - from) / (to - from);
-};
-
-export { progress };

package/dist/utils/stagger.cjs.js

@@ -1,38 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var getFunction = require('../targets/js/easing/utils/get-function.cjs.js');
-var isNumber = require('./is-number.cjs.js');
-
-function stagger(duration = 0.1, { start = 0, from = 0, easing } = {}) {
-    return (i, total) => {
-        const fromIndex = isNumber.isNumber(from) ? from : getFromIndex(from, total);
-        const distance = Math.abs(fromIndex - i);
-        let delay = duration * distance;
-        if (easing) {
-            const maxDelay = total * i;
-            const easingFunction = getFunction.getEasingFunction(easing);
-            delay = easingFunction(delay / maxDelay) * maxDelay;
-        }
-        return start + delay;
-    };
-}
-function getFromIndex(from, total) {
-    if (from === "first") {
-        return 0;
-    }
-    else {
-        const lastIndex = total - 1;
-        return from === "last" ? lastIndex : lastIndex / 2;
-    }
-}
-function resolveOption(option, i, total) {
-    return typeof option === "function"
-        ? option(i, total)
-        : option;
-}
-
-exports.getFromIndex = getFromIndex;
-exports.resolveOption = resolveOption;
-exports.stagger = stagger;

package/dist/utils/stagger.es.js

@@ -1,32 +0,0 @@
-import { getEasingFunction } from '../targets/js/easing/utils/get-function.es.js';
-import { isNumber } from './is-number.es.js';
-
-function stagger(duration = 0.1, { start = 0, from = 0, easing } = {}) {
-    return (i, total) => {
-        const fromIndex = isNumber(from) ? from : getFromIndex(from, total);
-        const distance = Math.abs(fromIndex - i);
-        let delay = duration * distance;
-        if (easing) {
-            const maxDelay = total * i;
-            const easingFunction = getEasingFunction(easing);
-            delay = easingFunction(delay / maxDelay) * maxDelay;
-        }
-        return start + delay;
-    };
-}
-function getFromIndex(from, total) {
-    if (from === "first") {
-        return 0;
-    }
-    else {
-        const lastIndex = total - 1;
-        return from === "last" ? lastIndex : lastIndex / 2;
-    }
-}
-function resolveOption(option, i, total) {
-    return typeof option === "function"
-        ? option(i, total)
-        : option;
-}
-
-export { getFromIndex, resolveOption, stagger };

package/dist/utils/velocity-per-second.cjs.js

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-/*
-  Convert velocity into velocity per second
-
-  @param [number]: Unit per frame
-  @param [number]: Frame duration in ms
-*/
-function velocityPerSecond(velocity, frameDuration) {
-    return frameDuration ? velocity * (1000 / frameDuration) : 0;
-}
-
-exports.velocityPerSecond = velocityPerSecond;

package/dist/utils/velocity-per-second.es.js

@@ -1,11 +0,0 @@
-/*
-  Convert velocity into velocity per second
-
-  @param [number]: Unit per frame
-  @param [number]: Frame duration in ms
-*/
-function velocityPerSecond(velocity, frameDuration) {
-    return frameDuration ? velocity * (1000 / frameDuration) : 0;
-}
-
-export { velocityPerSecond };

package/dist/utils/wrap.cjs.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const wrap = (min, max, v) => {
-    const rangeSize = max - min;
-    return ((((v - min) % rangeSize) + rangeSize) % rangeSize) + min;
-};
-
-exports.wrap = wrap;

package/dist/utils/wrap.es.js

@@ -1,6 +0,0 @@
-const wrap = (min, max, v) => {
-    const rangeSize = max - min;
-    return ((((v - min) % rangeSize) + rangeSize) % rangeSize) + min;
-};
-
-export { wrap };

package/types/react-entry.d.ts

@@ -1,2 +0,0 @@
-export { animated } from "./targets/react/index";
-export * from "./targets/react/types";

package/types/targets/dom/animate-style.d.ts

@@ -1,2 +0,0 @@
-import { AnimationFactory, AnimationOptions, ValueKeyframesDefinition } from "./types";
-export declare function animateStyle(element: Element, key: string, keyframesDefinition: ValueKeyframesDefinition, options?: AnimationOptions): AnimationFactory;

package/types/targets/dom/animate.d.ts

@@ -1,2 +0,0 @@
-import { AcceptedElements, AnimationControls, AnimationListOptions, MotionKeyframesDefinition } from "./types";
-export declare function animate(elements: AcceptedElements, keyframes: MotionKeyframesDefinition, options?: AnimationListOptions): AnimationControls;

package/types/targets/dom/data.d.ts

@@ -1,2 +0,0 @@
-import { AnimationData } from "./types";
-export declare function getAnimationData(element: Element): AnimationData;

package/types/targets/dom/style.d.ts

@@ -1,3 +0,0 @@
-export declare const style: {
-    get: (element: Element, name: string) => string | undefined;
-};

package/types/targets/dom/timeline/index.d.ts

@@ -1,15 +0,0 @@
-import { AnimationOptions, AnimationOptionsWithOverrides, PlaybackOptions, ValueKeyframesDefinition } from "../types";
-import { TimelineDefinition } from "./types";
-declare type AnimateStyleDefinition = [
-    Element,
-    string,
-    ValueKeyframesDefinition,
-    AnimationOptions
-];
-export declare type TimelineOptions = PlaybackOptions & {
-    duration?: number;
-    defaultOptions?: AnimationOptionsWithOverrides;
-};
-export declare function timeline(definition: TimelineDefinition, options?: TimelineOptions): import("../types").AnimationControls;
-export declare function createAnimationsFromTimeline(definition: TimelineDefinition, { defaultOptions, ...timelineOptions }?: TimelineOptions): AnimateStyleDefinition[];
-export {};

package/types/targets/dom/timeline/types.d.ts

@@ -1,13 +0,0 @@
-import { AcceptedElements, AnimationListOptions, Easing, MotionKeyframesDefinition } from "../types";
-export declare type TimelineSegment = [AcceptedElements, MotionKeyframesDefinition] | [AcceptedElements, MotionKeyframesDefinition, AnimationListOptions];
-export declare type TimelineDefinition = TimelineSegment[];
-export declare type NextTime = number | "<" | `+${number}` | `-${number}` | `${string}`;
-export interface ElementSequence {
-    [key: string]: ValueSequence;
-}
-export declare type AbsoluteKeyframe = {
-    value: string | number | null;
-    at: number;
-    easing?: Easing;
-};
-export declare type ValueSequence = AbsoluteKeyframe[];

package/types/targets/dom/timeline/utils/calc-time.d.ts

@@ -1,2 +0,0 @@
-import { NextTime } from "../types";
-export declare function calcNextTime(current: number, next: NextTime, prev: number, labels: Map<string, number>): number;

package/types/targets/dom/timeline/utils/edit.d.ts

@@ -1,4 +0,0 @@
-import { Easing, UnresolvedValueKeyframe } from "../../types";
-import { ValueSequence } from "../types";
-export declare function eraseKeyframes(sequence: ValueSequence, startTime: number, endTime: number): void;
-export declare function addKeyframes(sequence: ValueSequence, keyframes: UnresolvedValueKeyframe[], easing: Easing | Easing[], offset: number[], startTime: number, endTime: number): void;