motion-start 0.0.1 → 0.1.0

package/dist/render/utils/animation.d.ts

@@ -0,0 +1,27 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { VariantLabels } from '../../motion/types';
+import type { Target, TargetAndTransition, TargetResolver, TargetWithKeyframes, Transition } from '../../types';
+import type { VisualElement } from '../types';
+import type { AnimationType } from './types';
+export type AnimationDefinition = VariantLabels | TargetAndTransition | TargetResolver;
+export type AnimationOptions = {
+    delay?: number;
+    transitionOverride?: Transition;
+    custom?: any;
+    type?: AnimationType;
+};
+export type MakeTargetAnimatable = (visualElement: VisualElement, target: TargetWithKeyframes, origin?: Target, transitionEnd?: Target) => {
+    target: TargetWithKeyframes;
+    transitionEnd?: Target;
+};
+/**
+ * @internal
+ */
+declare function animateVisualElement(visualElement: VisualElement, definition: AnimationDefinition, options?: AnimationOptions): Promise<void>;
+declare function stopAnimation(visualElement: VisualElement): void;
+declare function sortByTreeOrder(a: VisualElement, b: VisualElement): number;
+export { animateVisualElement, sortByTreeOrder, stopAnimation };
+//# sourceMappingURL=animation.d.ts.map

package/dist/render/utils/animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/utils/animation.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,MAAM,EAAE,mBAAmB,EAAE,cAAc,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAChH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,MAAM,MAAM,mBAAmB,GAAG,aAAa,GAAG,mBAAmB,GAAG,cAAc,CAAC;AACvF,MAAM,MAAM,gBAAgB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,UAAU,CAAC;IAChC,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,IAAI,CAAC,EAAE,aAAa,CAAC;CACrB,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG,CAClC,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,mBAAmB,EAC3B,MAAM,CAAC,EAAE,MAAM,EACf,aAAa,CAAC,EAAE,MAAM,KAClB;IACJ,MAAM,EAAE,mBAAmB,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAUF;;GAEG;AACH,iBAAS,oBAAoB,CAC5B,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,mBAAmB,EAC/B,OAAO,GAAE,gBAAqB,GAcoD,OAAO,CAAC,IAAI,CAAC,CAC/F;AAuID,iBAAS,aAAa,CAAC,aAAa,EAAE,aAAa,QAElD;AACD,iBAAS,eAAe,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,aAAa,UAE1D;AAeD,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC"}

package/{src/render/utils/animation.ts → dist/render/utils/animation.js}

@@ -1,167 +1,145 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { VariantLabels } from "../../motion/types";
-import type { Target, TargetAndTransition, TargetResolver, TargetWithKeyframes, Transition } from "../../types";
-import type { VisualElement } from "../types";
-import { AnimationType } from "./types";
-export type AnimationDefinition = VariantLabels | TargetAndTransition | TargetResolver;
-export type AnimationOptions = {
-    delay?: number;
-    transitionOverride?: Transition;
-    custom?: any;
-    type?: AnimationType;
-};
-export type MakeTargetAnimatable = (visualElement: VisualElement, target: TargetWithKeyframes, origin?: Target, transitionEnd?: Target) => {
-    target: TargetWithKeyframes;
-    transitionEnd?: Target;
-};
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { __assign, __read, __rest } from 'tslib';
-import { startAnimation } from '../../animation/utils/transitions.js';
-import { setTarget } from './setters.js';
-import { resolveVariant } from './variants.js';
-
-/**
- * @internal
- */
-function animateVisualElement(visualElement: VisualElement, definition: AnimationDefinition, options: AnimationOptions = {}) {
-    visualElement.notifyAnimationStart();
-    var animation;
-    if (Array.isArray(definition)) {
-        var animations = definition.map(function (variant) {
-            return animateVariant(visualElement, variant, options);
-        });
-        animation = Promise.all(animations);
-    }
-    else if (typeof definition === "string") {
-        animation = animateVariant(visualElement, definition, options);
-    }
-    else {
-        var resolvedDefinition = typeof definition === "function"
-            ? resolveVariant(visualElement, definition, options.custom)
-            : definition;
-        animation = animateTarget(visualElement, resolvedDefinition, options);
-    }
-    return animation.then(function () {
-        return visualElement.notifyAnimationComplete(definition);
-    }) as Promise<void>;
-}
-function animateVariant(visualElement: VisualElement, variant, options: AnimationOptions = {}) {
-    var _a;
-    if (options === void 0) { options = {}; }
-    var resolved = resolveVariant(visualElement, variant, options.custom);
-    var _b = (resolved || {}).transition, transition = _b === void 0 ? visualElement.getDefaultTransition() || {} : _b;
-    if (options.transitionOverride) {
-        transition = options.transitionOverride;
-    }
-    /**
-     * If we have a variant, create a callback that runs it as an animation.
-     * Otherwise, we resolve a Promise immediately for a composable no-op.
-     */
-    var getAnimation = resolved
-        ? function () { return animateTarget(visualElement, resolved, options); }
-        : function () { return Promise.resolve(); };
-    /**
-     * If we have children, create a callback that runs all their animations.
-     * Otherwise, we resolve a Promise immediately for a composable no-op.
-     */
-    var getChildAnimations = ((_a = visualElement.variantChildren) === null || _a === void 0 ? void 0 : _a.size)
-        ? function (forwardDelay) {
-            if (forwardDelay === void 0) { forwardDelay = 0; }
-            var _a = transition.delayChildren, delayChildren = _a === void 0 ? 0 : _a, staggerChildren = transition.staggerChildren, staggerDirection = transition.staggerDirection;
-            return animateChildren(visualElement, variant, delayChildren + forwardDelay, staggerChildren, staggerDirection, options);
-        }
-        : function () { return Promise.resolve(); };
-    /**
-     * If the transition explicitly defines a "when" option, we need to resolve either
-     * this animation or all children animations before playing the other.
-     */
-    var when = transition.when;
-    if (when) {
-        var _c = __read(when === "beforeChildren"
-            ? [getAnimation, getChildAnimations]
-            : [getChildAnimations, getAnimation], 2), first = _c[0], last = _c[1];
-        return first().then(last);
-    }
-    else {
-        return Promise.all([getAnimation(), getChildAnimations(options.delay)]);
-    }
-}
-/**
- * @internal
- */
-function animateTarget(visualElement: VisualElement, definition: AnimationDefinition, _a) {
-    var _b;
-    var _c = _a === void 0 ? {} : _a, _d = _c.delay, delay = _d === void 0 ? 0 : _d, transitionOverride = _c.transitionOverride, type = _c.type;
-    var _e = visualElement.makeTargetAnimatable(definition), _f = _e.transition, transition = _f === void 0 ? visualElement.getDefaultTransition() : _f, transitionEnd = _e.transitionEnd, target = __rest(_e, ["transition", "transitionEnd"]);
-    if (transitionOverride)
-        transition = transitionOverride;
-    var animations = [];
-    var animationTypeState = type && ((_b = visualElement.animationState) === null || _b === void 0 ? void 0 : _b.getState()[type]);
-    for (var key in target) {
-        var value = visualElement.getValue(key);
-        var valueTarget = target[key];
-        if (!value ||
-            valueTarget === undefined ||
-            (animationTypeState &&
-                shouldBlockAnimation(animationTypeState, key))) {
-            continue;
-        }
-        var animation = startAnimation(key, value, valueTarget, __assign({ delay: delay }, transition));
-        animations.push(animation);
-    }
-    return Promise.all(animations).then(function () {
-        transitionEnd && setTarget(visualElement, transitionEnd);
-    });
-}
-function animateChildren(visualElement, variant, delayChildren, staggerChildren, staggerDirection, options) {
-    if (delayChildren === void 0) { delayChildren = 0; }
-    if (staggerChildren === void 0) { staggerChildren = 0; }
-    if (staggerDirection === void 0) { staggerDirection = 1; }
-    var animations = [];
-    var maxStaggerDuration = (visualElement.variantChildren.size - 1) * staggerChildren;
-    var generateStaggerDuration = staggerDirection === 1
-        ? function (i) {
-            if (i === void 0) { i = 0; }
-            return i * staggerChildren;
-        }
-        : function (i) {
-            if (i === void 0) { i = 0; }
-            return maxStaggerDuration - i * staggerChildren;
-        };
-    Array.from(visualElement.variantChildren)
-        .sort(sortByTreeOrder)
-        .forEach(function (child, i) {
-        animations.push(animateVariant(child, variant, __assign(__assign({}, options), { delay: delayChildren + generateStaggerDuration(i) })).then(function () { return child.notifyAnimationComplete(variant); }));
-    });
-    return Promise.all(animations);
-}
-function stopAnimation(visualElement: VisualElement) {
-    visualElement.forEachValue(function (value) { return value.stop(); });
-}
-function sortByTreeOrder(a: VisualElement, b: VisualElement) {
-    return a.sortNodePosition(b);
-}
-/**
- * Decide whether we should block this animation. Previously, we achieved this
- * just by checking whether the key was listed in protectedKeys, but this
- * posed problems if an animation was triggered by afterChildren and protectedKeys
- * had been set to true in the meantime.
- */
-function shouldBlockAnimation(_a, key) {
-    
-    var protectedKeys = _a.protectedKeys, needsAnimating = _a.needsAnimating;
-    var shouldBlock = protectedKeys.hasOwnProperty(key) && needsAnimating[key] !== true;
-    needsAnimating[key] = false;
-    return shouldBlock;
-}
-
-export { animateVisualElement, sortByTreeOrder, stopAnimation };
-
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { startAnimation } from '../../animation/utils/transitions.js';
+import { setTarget } from './setters.js';
+import { resolveVariant } from './variants.js';
+/**
+ * @internal
+ */
+function animateVisualElement(visualElement, definition, options = {}) {
+    visualElement.notifyAnimationStart();
+    var animation;
+    if (Array.isArray(definition)) {
+        var animations = definition.map((variant) => animateVariant(visualElement, variant, options));
+        animation = Promise.all(animations);
+    }
+    else if (typeof definition === 'string') {
+        animation = animateVariant(visualElement, definition, options);
+    }
+    else {
+        var resolvedDefinition = typeof definition === 'function' ? resolveVariant(visualElement, definition, options.custom) : definition;
+        animation = animateTarget(visualElement, resolvedDefinition, options);
+    }
+    return animation.then(() => visualElement.notifyAnimationComplete(definition));
+}
+function animateVariant(visualElement, variant, options = {}) {
+    var _a;
+    if (options === void 0) {
+        options = {};
+    }
+    var resolved = resolveVariant(visualElement, variant, options.custom);
+    var _b = (resolved || {}).transition, transition = _b === void 0 ? visualElement.getDefaultTransition() || {} : _b;
+    if (options.transitionOverride) {
+        transition = options.transitionOverride;
+    }
+    /**
+     * If we have a variant, create a callback that runs it as an animation.
+     * Otherwise, we resolve a Promise immediately for a composable no-op.
+     */
+    var getAnimation = resolved
+        ? () => animateTarget(visualElement, resolved, options)
+        : () => Promise.resolve();
+    /**
+     * If we have children, create a callback that runs all their animations.
+     * Otherwise, we resolve a Promise immediately for a composable no-op.
+     */
+    var getChildAnimations = ((_a = visualElement.variantChildren) === null || _a === void 0 ? void 0 : _a.size)
+        ? (forwardDelay) => {
+            if (forwardDelay === void 0) {
+                forwardDelay = 0;
+            }
+            var _a = transition.delayChildren, delayChildren = _a === void 0 ? 0 : _a, staggerChildren = transition.staggerChildren, staggerDirection = transition.staggerDirection;
+            return animateChildren(visualElement, variant, delayChildren + forwardDelay, staggerChildren, staggerDirection, options);
+        }
+        : () => Promise.resolve();
+    /**
+     * If the transition explicitly defines a "when" option, we need to resolve either
+     * this animation or all children animations before playing the other.
+     */
+    var when = transition.when;
+    if (when) {
+        var [first, last] = when === 'beforeChildren' ? [getAnimation, getChildAnimations] : [getChildAnimations, getAnimation];
+        //@ts-expect-error
+        return first().then(last);
+    }
+    return Promise.all([getAnimation(), getChildAnimations(options.delay)]);
+}
+/**
+ * @internal
+ */
+function animateTarget(visualElement, definition, _a) {
+    var _b;
+    var _c = _a === void 0 ? {} : _a, _d = _c.delay, delay = _d === void 0 ? 0 : _d, transitionOverride = _c.transitionOverride, type = _c.type;
+    var _e = visualElement.makeTargetAnimatable(definition);
+    var { transition = visualElement.getDefaultTransition(), transitionEnd, ...target } = _e;
+    if (transitionOverride)
+        transition = transitionOverride;
+    var animations = [];
+    var animationTypeState = type && ((_b = visualElement.animationState) === null || _b === void 0 ? void 0 : _b.getState()[type]);
+    for (var key in target) {
+        var value = visualElement.getValue(key);
+        // @ts-expect-error
+        var valueTarget = target[key];
+        if (!value || valueTarget === undefined || (animationTypeState && shouldBlockAnimation(animationTypeState, key))) {
+            continue;
+        }
+        var animation = startAnimation(key, value, valueTarget, Object.assign({ delay: delay }, transition));
+        animations.push(animation);
+    }
+    return Promise.all(animations).then(() => {
+        transitionEnd && setTarget(visualElement, transitionEnd);
+    });
+}
+function animateChildren(visualElement, variant, delayChildren, staggerChildren, staggerDirection, options) {
+    if (delayChildren === void 0) {
+        delayChildren = 0;
+    }
+    if (staggerChildren === void 0) {
+        staggerChildren = 0;
+    }
+    if (staggerDirection === void 0) {
+        staggerDirection = 1;
+    }
+    var animations = [];
+    var maxStaggerDuration = (visualElement.variantChildren.size - 1) * staggerChildren;
+    var generateStaggerDuration = staggerDirection === 1
+        ? (i) => {
+            if (i === void 0) {
+                i = 0;
+            }
+            return i * staggerChildren;
+        }
+        : (i) => {
+            if (i === void 0) {
+                i = 0;
+            }
+            return maxStaggerDuration - i * staggerChildren;
+        };
+    Array.from(visualElement.variantChildren)
+        .sort(sortByTreeOrder)
+        .forEach((child, i) => {
+        animations.push(animateVariant(child, variant, Object.assign(Object.assign({}, options), { delay: delayChildren + generateStaggerDuration(i) })).then(() => child.notifyAnimationComplete(variant)));
+    });
+    return Promise.all(animations);
+}
+function stopAnimation(visualElement) {
+    visualElement.forEachValue((value) => value.stop());
+}
+function sortByTreeOrder(a, b) {
+    return a.sortNodePosition(b);
+}
+/**
+ * Decide whether we should block this animation. Previously, we achieved this
+ * just by checking whether the key was listed in protectedKeys, but this
+ * posed problems if an animation was triggered by afterChildren and protectedKeys
+ * had been set to true in the meantime.
+ */
+function shouldBlockAnimation(_a, key) {
+    var protectedKeys = _a.protectedKeys, needsAnimating = _a.needsAnimating;
+    var shouldBlock = protectedKeys.hasOwnProperty(key) && needsAnimating[key] !== true;
+    needsAnimating[key] = false;
+    return shouldBlock;
+}
+export { animateVisualElement, sortByTreeOrder, stopAnimation };

package/{src/render/utils/compare-by-depth.ts → dist/render/utils/compare-by-depth.d.ts}

@@ -1,18 +1,15 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { VisualElement } from "../types";
-export interface WithDepth {
-    depth: number;
-}
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-var compareByDepth = function (a: VisualElement, b: VisualElement) {
-    return a.depth - b.depth;
-};
-
-export { compareByDepth };
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { VisualElement } from "../types";
+export interface WithDepth {
+    depth: number;
+}
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+declare var compareByDepth: (a: VisualElement, b: VisualElement) => number;
+export { compareByDepth };
+//# sourceMappingURL=compare-by-depth.d.ts.map

package/dist/render/utils/compare-by-depth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compare-by-depth.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/utils/compare-by-depth.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC9C,MAAM,WAAW,SAAS;IACtB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED;;;EAGE;AACF,QAAA,IAAI,cAAc,MAAgB,aAAa,KAAK,aAAa,WAEhE,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/render/utils/compare-by-depth.js

@@ -0,0 +1,8 @@
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+var compareByDepth = function (a, b) {
+    return a.depth - b.depth;
+};
+export { compareByDepth };

package/dist/render/utils/flat-tree.d.ts

@@ -0,0 +1,14 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { WithDepth } from './compare-by-depth';
+declare class FlatTree {
+    private children;
+    private isDirty;
+    add: (child: WithDepth) => void;
+    remove: (child: WithDepth) => void;
+    forEach: (callback: (child: WithDepth) => void) => void;
+}
+export { FlatTree };
+//# sourceMappingURL=flat-tree.d.ts.map

package/dist/render/utils/flat-tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flat-tree.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/utils/flat-tree.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,cAAM,QAAQ;IACb,OAAO,CAAC,QAAQ,CAAa;IAC7B,OAAO,CAAC,OAAO,CAAS;IACxB,GAAG,UAAW,SAAS,UAGrB;IACF,MAAM,UAAW,SAAS,UAGxB;IACF,OAAO,aAAc,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,UAM7C;CACF;AASD,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/render/utils/flat-tree.js

@@ -0,0 +1,53 @@
+class FlatTree {
+    constructor() {
+        Object.defineProperty(this, "children", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "isDirty", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "add", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (child) => {
+                addUniqueItem(this.children, child);
+                this.isDirty = true;
+            }
+        });
+        Object.defineProperty(this, "remove", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (child) => {
+                removeItem(this.children, child);
+                this.isDirty = true;
+            }
+        });
+        Object.defineProperty(this, "forEach", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (callback) => {
+                this.isDirty && this.children.sort(compareByDepth);
+                var numChildren = this.children.length;
+                for (var i = 0; i < numChildren; i++) {
+                    callback(this.children[i]);
+                }
+            }
+        });
+    }
+}
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { addUniqueItem, removeItem } from '../../utils/array.js';
+import { compareByDepth } from './compare-by-depth.js';
+export { FlatTree };

package/{src/render/utils/is-draggable.ts → dist/render/utils/is-draggable.d.ts}

@@ -1,17 +1,12 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { VisualElement } from "../types";
-
-
-/** 
-based on framer-motion@4.1.11,
-Copyright (c) 2018 Framer B.V.
-*/
-function isDraggable(visualElement: VisualElement) {
-    var _a = visualElement.getProps(), drag = _a.drag, _dragX = _a._dragX;
-    return drag && !_dragX;
-}
-
-export { isDraggable };
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { VisualElement } from "../types";
+/**
+based on framer-motion@4.1.11,
+Copyright (c) 2018 Framer B.V.
+*/
+declare function isDraggable(visualElement: VisualElement): boolean | undefined;
+export { isDraggable };
+//# sourceMappingURL=is-draggable.d.ts.map

package/dist/render/utils/is-draggable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-draggable.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/utils/is-draggable.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAG9C;;;EAGE;AACF,iBAAS,WAAW,CAAC,aAAa,EAAE,aAAa,uBAGhD;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/render/utils/is-draggable.js

@@ -0,0 +1,9 @@
+/**
+based on framer-motion@4.1.11,
+Copyright (c) 2018 Framer B.V.
+*/
+function isDraggable(visualElement) {
+    var _a = visualElement.getProps(), drag = _a.drag, _dragX = _a._dragX;
+    return drag && !_dragX;
+}
+export { isDraggable };