framer-motion 8.5.2-alpha.1 → 8.5.2-alpha.4

package/dist/cjs/index.js

@@ -2105,7 +2105,7 @@ class MotionValue {
          * This will be replaced by the build step with the latest version number.
          * When MotionValues are provided to motion components, warn if versions are mixed.
          */
-        this.version = "8.5.2-alpha.1";
+        this.version = "8.5.2-alpha.4";
         /**
          * Duration, in milliseconds, since last updating frame.
          *
@@ -5953,7 +5953,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "8.5.2-alpha.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.5.2-alpha.1 may not work as expected.`);
+                warnOnce(nextValue.version === "8.5.2-alpha.4", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.5.2-alpha.4 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {
@@ -9868,7 +9868,7 @@ sync) {
          *      it synchronously would prevent subsequent transforms from handing off.
          */
         sync.render(cancelOptimisedAnimation);
-        console.log("handing off from", animation.currentTime);
+        console.log("handing off from", animation, animation.currentTime);
         return animation.currentTime || 0;
     }
     else {
@@ -9894,16 +9894,21 @@ function startOptimizedAppearAnimation(element, name, keyframes, options, onRead
         ready: false,
     });
     const startAnimation = () => {
-        const animation = animateStyle(element, name, keyframes, options);
-        appearAnimationStore.set(storeId, { animation, ready: true });
+        readyAnimation.cancel();
+        const appearAnimation = animateStyle(element, name, keyframes, options);
+        if (document.timeline) {
+            appearAnimation.startTime = document.timeline.currentTime;
+            console.log(appearAnimation.startTime, appearAnimation.currentTime, performance.now());
+        }
+        appearAnimationStore.set(storeId, {
+            animation: appearAnimation,
+            ready: true,
+        });
         if (onReady)
-            onReady(animation);
+            onReady(appearAnimation);
     };
     if (readyAnimation.ready) {
-        readyAnimation.ready.then(() => {
-            readyAnimation.cancel();
-            startAnimation();
-        });
+        readyAnimation.ready.then(startAnimation);
     }
     else {
         startAnimation();

package/dist/es/animation/optimized-appear/handoff.mjs

@@ -51,7 +51,7 @@ sync) {
          *      it synchronously would prevent subsequent transforms from handing off.
          */
         sync.render(cancelOptimisedAnimation);
-        console.log("handing off from", animation.currentTime);
+        console.log("handing off from", animation, animation.currentTime);
         return animation.currentTime || 0;
     }
     else {

package/dist/es/animation/optimized-appear/start.mjs

@@ -21,16 +21,21 @@ function startOptimizedAppearAnimation(element, name, keyframes, options, onRead
         ready: false,
     });
     const startAnimation = () => {
-        const animation = animateStyle(element, name, keyframes, options);
-        appearAnimationStore.set(storeId, { animation, ready: true });
+        readyAnimation.cancel();
+        const appearAnimation = animateStyle(element, name, keyframes, options);
+        if (document.timeline) {
+            appearAnimation.startTime = document.timeline.currentTime;
+            console.log(appearAnimation.startTime, appearAnimation.currentTime, performance.now());
+        }
+        appearAnimationStore.set(storeId, {
+            animation: appearAnimation,
+            ready: true,
+        });
         if (onReady)
-            onReady(animation);
+            onReady(appearAnimation);
     };
     if (readyAnimation.ready) {
-        readyAnimation.ready.then(() => {
-            readyAnimation.cancel();
-            startAnimation();
-        });
+        readyAnimation.ready.then(startAnimation);
     }
     else {
         startAnimation();

package/dist/es/render/utils/motion-values.mjs

@@ -22,7 +22,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "8.5.2-alpha.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.5.2-alpha.1 may not work as expected.`);
+                warnOnce(nextValue.version === "8.5.2-alpha.4", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.5.2-alpha.4 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {

package/dist/es/value/index.mjs

@@ -25,7 +25,7 @@ class MotionValue {
          * This will be replaced by the build step with the latest version number.
          * When MotionValues are provided to motion components, warn if versions are mixed.
          */
-        this.version = "8.5.2-alpha.1";
+        this.version = "8.5.2-alpha.4";
         /**
          * Duration, in milliseconds, since last updating frame.
          *

package/dist/framer-motion.dev.js

@@ -2103,7 +2103,7 @@
              * This will be replaced by the build step with the latest version number.
              * When MotionValues are provided to motion components, warn if versions are mixed.
              */
-            this.version = "8.5.2-alpha.1";
+            this.version = "8.5.2-alpha.4";
             /**
              * Duration, in milliseconds, since last updating frame.
              *
@@ -5966,7 +5966,7 @@
                  * and warn against mismatches.
                  */
                 {
-                    warnOnce(nextValue.version === "8.5.2-alpha.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.5.2-alpha.1 may not work as expected.`);
+                    warnOnce(nextValue.version === "8.5.2-alpha.4", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.5.2-alpha.4 may not work as expected.`);
                 }
             }
             else if (isMotionValue(prevValue)) {
@@ -10487,7 +10487,7 @@
              *      it synchronously would prevent subsequent transforms from handing off.
              */
             sync.render(cancelOptimisedAnimation);
-            console.log("handing off from", animation.currentTime);
+            console.log("handing off from", animation, animation.currentTime);
             return animation.currentTime || 0;
         }
         else {
@@ -10513,16 +10513,21 @@
             ready: false,
         });
         const startAnimation = () => {
-            const animation = animateStyle(element, name, keyframes, options);
-            appearAnimationStore.set(storeId, { animation, ready: true });
+            readyAnimation.cancel();
+            const appearAnimation = animateStyle(element, name, keyframes, options);
+            if (document.timeline) {
+                appearAnimation.startTime = document.timeline.currentTime;
+                console.log(appearAnimation.startTime, appearAnimation.currentTime, performance.now());
+            }
+            appearAnimationStore.set(storeId, {
+                animation: appearAnimation,
+                ready: true,
+            });
             if (onReady)
-                onReady(animation);
+                onReady(appearAnimation);
         };
         if (readyAnimation.ready) {
-            readyAnimation.ready.then(() => {
-                readyAnimation.cancel();
-                startAnimation();
-            });
+            readyAnimation.ready.then(startAnimation);
         }
         else {
             startAnimation();