motion-start 0.0.1 → 0.1.0

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

@@ -1,55 +1,42 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-// TODO: import type { EasingFunction } from "svelte/transition"; future idea, maybe use svelte built in easing function...
-import type { Easing, EasingFunction } from "../../types";
-// export declare const easingDefinitionToFunction: (definition: Easing) => import("../../types").EasingFunction;
-// export declare const isEasingArray: (ease: any) => ease is Easing[];
-
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { anticipate, backIn, backInOut, backOut, bounceIn, bounceInOut, bounceOut, circIn, circInOut, circOut, cubicBezier, easeIn, easeInOut, easeOut, linear } from 'popmotion';
-import { __read } from 'tslib';
-// import { invariant } from '../../utils/errors.js';
-
-var easingLookup = {
-    linear: linear,
-    easeIn: easeIn,
-    easeInOut: easeInOut,
-    easeOut: easeOut,
-    circIn: circIn,
-    circInOut: circInOut,
-    circOut: circOut,
-    backIn: backIn,
-    backInOut: backInOut,
-    backOut: backOut,
-    anticipate: anticipate,
-    bounceIn: bounceIn,
-    bounceInOut: bounceInOut,
-    bounceOut: bounceOut,
-};
-var easingDefinitionToFunction = function (definition: Easing): EasingFunction {
-    if (Array.isArray(definition)) {
-        // If cubic bezier definition, create bezier curve
-        //invariant(definition.length === 4, "Cubic bezier arrays must contain four numerical values.");
-        var _a = __read(definition, 4), x1 = _a[0], y1 = _a[1], x2 = _a[2], y2 = _a[3];
-        return cubicBezier(x1, y1, x2, y2);
-    }
-    else if (typeof definition === "string") {
-        // Else lookup from table
-        //invariant(easingLookup[definition] !== undefined, "Invalid easing type '" + definition + "'");
-        return easingLookup[definition];
-    }
-    return definition;
-};
-const isEasingArray = (ease: any): ease is Easing[] => {
-    return Array.isArray(ease) && typeof ease[0] !== "number";
-};
-
-export { easingDefinitionToFunction, isEasingArray };
-
+// export declare const easingDefinitionToFunction: (definition: Easing) => import("../../types").EasingFunction;
+// export declare const isEasingArray: (ease: any) => ease is Easing[];
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { anticipate, backIn, backInOut, backOut, bounceIn, bounceInOut, bounceOut, circIn, circInOut, circOut, cubicBezier, easeIn, easeInOut, easeOut, linear, } from 'popmotion';
+// import { invariant } from '../../utils/errors.js';
+var easingLookup = {
+    linear: linear,
+    easeIn: easeIn,
+    easeInOut: easeInOut,
+    easeOut: easeOut,
+    circIn: circIn,
+    circInOut: circInOut,
+    circOut: circOut,
+    backIn: backIn,
+    backInOut: backInOut,
+    backOut: backOut,
+    anticipate: anticipate,
+    bounceIn: bounceIn,
+    bounceInOut: bounceInOut,
+    bounceOut: bounceOut,
+};
+var easingDefinitionToFunction = (definition) => {
+    if (Array.isArray(definition)) {
+        // If cubic bezier definition, create bezier curve
+        //invariant(definition.length === 4, "Cubic bezier arrays must contain four numerical values.");
+        var [x1, y1, x2, y2] = definition;
+        return cubicBezier(x1, y1, x2, y2);
+    }
+    else if (typeof definition === 'string') {
+        // Else lookup from table
+        //invariant(easingLookup[definition] !== undefined, "Invalid easing type '" + definition + "'");
+        return easingLookup[definition];
+    }
+    return definition;
+};
+const isEasingArray = (ease) => {
+    return Array.isArray(ease) && typeof ease[0] !== 'number';
+};
+export { easingDefinitionToFunction, isEasingArray };

package/dist/animation/utils/is-animatable.d.ts

@@ -0,0 +1,17 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { ResolvedValueTarget } from "../../types";
+/**
+ * Check if a value is animatable. Examples:
+ *
+ * ✅: 100, "100px", "#fff"
+ * ❌: "block", "url(2.jpg)"
+ * @param value
+ *
+ * @internal
+ */
+declare var isAnimatable: (key: string, value: ResolvedValueTarget) => boolean;
+export { isAnimatable };
+//# sourceMappingURL=is-animatable.d.ts.map

package/dist/animation/utils/is-animatable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-animatable.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/animation/utils/is-animatable.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAUvD;;;;;;;;GAQG;AACH,QAAA,IAAI,YAAY,QAAkB,MAAM,SAAS,mBAAmB,YAgBnE,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/{src/animation/utils/is-animatable.ts → dist/animation/utils/is-animatable.js}

@@ -1,42 +1,33 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { ResolvedValueTarget } from "../../types";
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import {fixed} from '../../utils/fix-process-env';
-import { complex } from 'style-value-types';
-
-/**
- * Check if a value is animatable. Examples:
- *
- * ✅: 100, "100px", "#fff"
- * ❌: "block", "url(2.jpg)"
- * @param value
- *
- * @internal
- */
-var isAnimatable = function (key: string, value: ResolvedValueTarget) {
-    // If the list of keys tat might be non-animatable grows, replace with Set
-    if (key === "zIndex")
-        return false;
-    // If it's a number or a keyframes array, we can animate it. We might at some point
-    // need to do a deep isAnimatable check of keyframes, or let Popmotion handle this,
-    // but for now lets leave it like this for performance reasons
-    if (typeof value === "number" || Array.isArray(value))
-        return true;
-    if (typeof value === "string" && // It's animatable if we have a string
-        complex.test(value) && // And it contains numbers and/or colors
-        !value.startsWith("url(") // Unless it starts with "url("
-    ) {
-        return true;
-    }
-    return false;
-};
-
-export { isAnimatable };
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { fixed } from '../../utils/fix-process-env';
+import { complex } from 'style-value-types';
+/**
+ * Check if a value is animatable. Examples:
+ *
+ * ✅: 100, "100px", "#fff"
+ * ❌: "block", "url(2.jpg)"
+ * @param value
+ *
+ * @internal
+ */
+var isAnimatable = function (key, value) {
+    // If the list of keys tat might be non-animatable grows, replace with Set
+    if (key === "zIndex")
+        return false;
+    // If it's a number or a keyframes array, we can animate it. We might at some point
+    // need to do a deep isAnimatable check of keyframes, or let Popmotion handle this,
+    // but for now lets leave it like this for performance reasons
+    if (typeof value === "number" || Array.isArray(value))
+        return true;
+    if (typeof value === "string" && // It's animatable if we have a string
+        complex.test(value) && // And it contains numbers and/or colors
+        !value.startsWith("url(") // Unless it starts with "url("
+    ) {
+        return true;
+    }
+    return false;
+};
+export { isAnimatable };

package/{src/animation/utils/is-animation-controls.ts → dist/animation/utils/is-animation-controls.d.ts}

@@ -1,17 +1,12 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { AnimationControls } from "../types";
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-
-const isAnimationControls = (v?: any): v is AnimationControls => {
-    return typeof v === "object" && typeof (v)?.start === "function"
-};
-
-export { isAnimationControls };
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { AnimationControls } from "../types";
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+declare const isAnimationControls: (v?: any) => v is AnimationControls;
+export { isAnimationControls };
+//# sourceMappingURL=is-animation-controls.d.ts.map

package/dist/animation/utils/is-animation-controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-animation-controls.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/animation/utils/is-animation-controls.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAGlD;;;EAGE;AAEF,QAAA,MAAM,mBAAmB,OAAQ,GAAG,KAAG,CAAC,IAAI,iBAE3C,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/animation/utils/is-animation-controls.js

@@ -0,0 +1,8 @@
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+const isAnimationControls = (v) => {
+    return typeof v === "object" && typeof (v)?.start === "function";
+};
+export { isAnimationControls };

package/{src/animation/utils/is-keyframes-target.ts → dist/animation/utils/is-keyframes-target.d.ts}

@@ -1,17 +1,12 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { ValueTarget, KeyframesTarget } from "../../types";
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-
-const isKeyframesTarget = (v: ValueTarget): v is KeyframesTarget => {
-    return Array.isArray(v);
-};
-
-export { isKeyframesTarget };
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { ValueTarget, KeyframesTarget } from "../../types";
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+declare const isKeyframesTarget: (v: ValueTarget) => v is KeyframesTarget;
+export { isKeyframesTarget };
+//# sourceMappingURL=is-keyframes-target.d.ts.map

package/dist/animation/utils/is-keyframes-target.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-keyframes-target.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/animation/utils/is-keyframes-target.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGhE;;;EAGE;AAEF,QAAA,MAAM,iBAAiB,MAAO,WAAW,KAAG,CAAC,IAAI,eAEhD,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/animation/utils/is-keyframes-target.js

@@ -0,0 +1,8 @@
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+const isKeyframesTarget = (v) => {
+    return Array.isArray(v);
+};
+export { isKeyframesTarget };

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

@@ -0,0 +1,35 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { AnimationOptions } from 'popmotion';
+import type { PermissiveTransitionDefinition, ResolvedValueTarget, Transition } from '../../types';
+import type { MotionValue } from '../../value';
+/**
+ * Decide whether a transition is defined on a given Transition.
+ * This filters out orchestration options and returns true
+ * if any options are left.
+ */
+declare function isTransitionDefined(_a: Transition): boolean;
+/**
+ * Convert Framer Motion's Transition type into Popmotion-compatible options.
+ */
+declare function convertTransitionToAnimationOptions<T>(_a: PermissiveTransitionDefinition): AnimationOptions<T>;
+/**
+ * Get the delay for a value by checking Transition with decreasing specificity.
+ */
+declare function getDelayFromTransition(transition: Transition, key: keyof Transition | 'layoutX' | 'layoutY' | '' | string): any;
+declare function hydrateKeyframes(options: PermissiveTransitionDefinition): PermissiveTransitionDefinition;
+declare function getPopmotionAnimationOptions(transition: PermissiveTransitionDefinition, options: any, key: string): any;
+declare function isZero(value: string | number): boolean;
+declare function getZeroUnit(potentialUnitType: string | number): any;
+declare function getValueTransition(transition: Transition, key: string): any;
+/**
+ * Start animation on a MotionValue. This function is an interface between
+ * Framer Motion and Popmotion
+ *
+ * @internal
+ */
+declare function startAnimation(key: string, value: MotionValue, target: ResolvedValueTarget, transition?: Transition): Promise<void>;
+export { convertTransitionToAnimationOptions, getDelayFromTransition, getPopmotionAnimationOptions, getValueTransition, getZeroUnit, hydrateKeyframes, isTransitionDefined, isZero, startAnimation, };
+//# sourceMappingURL=transitions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"transitions.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/animation/utils/transitions.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,KAAK,EAAE,8BAA8B,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACnG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAc/C;;;;GAIG;AACH,iBAAS,mBAAmB,CAAC,EAAE,EAAE,UAAU,WAc1C;AAED;;GAEG;AACH,iBAAS,mCAAmC,CAAC,CAAC,EAAE,EAAE,EAAE,8BAA8B,GAAG,gBAAgB,CAAC,CAAC,CAAC,CA4CvG;AACD;;GAEG;AACH,iBAAS,sBAAsB,CAAC,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,EAAE,GAAG,MAAM,OAIlH;AACD,iBAAS,gBAAgB,CAAC,OAAO,EAAE,8BAA8B,kCAMhE;AACD,iBAAS,4BAA4B,CAAC,UAAU,EAAE,8BAA8B,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,OAa1G;AAgFD,iBAAS,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,WAErC;AACD,iBAAS,WAAW,CAAC,iBAAiB,EAAE,MAAM,GAAG,MAAM,OAEtD;AACD,iBAAS,kBAAkB,CAAC,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,OAG9D;AACD;;;;;GAKG;AACH,iBAAS,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,mBAAmB,EAAE,UAAU,CAAC,EAAE,UAAU,iBAoB5G;AAED,OAAO,EACN,mCAAmC,EACnC,sBAAsB,EACtB,4BAA4B,EAC5B,kBAAkB,EAClB,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,MAAM,EACN,cAAc,GACd,CAAC"}