framer-motion 11.2.7 → 11.2.8

package/dist/framer-motion.dev.js

@@ -4434,6 +4434,99 @@
         }
     }
 
+    function observeTimeline(update, timeline) {
+        let prevProgress;
+        const onFrame = () => {
+            const { currentTime } = timeline;
+            const percentage = currentTime === null ? 0 : currentTime.value;
+            const progress = percentage / 100;
+            if (prevProgress !== progress) {
+                update(progress);
+            }
+            prevProgress = progress;
+        };
+        frame.update(onFrame, true);
+        return () => cancelFrame(onFrame);
+    }
+
+    const supportsScrollTimeline = memo(() => window.ScrollTimeline !== undefined);
+
+    class GroupPlaybackControls {
+        constructor(animations) {
+            // Bound to accomodate common `return animation.stop` pattern
+            this.stop = () => this.runAll("stop");
+            this.animations = animations.filter(Boolean);
+        }
+        then(onResolve, onReject) {
+            return Promise.all(this.animations).then(onResolve).catch(onReject);
+        }
+        /**
+         * TODO: Filter out cancelled or stopped animations before returning
+         */
+        getAll(propName) {
+            return this.animations[0][propName];
+        }
+        setAll(propName, newValue) {
+            for (let i = 0; i < this.animations.length; i++) {
+                this.animations[i][propName] = newValue;
+            }
+        }
+        attachTimeline(timeline) {
+            const cancelAll = this.animations.map((animation) => {
+                if (supportsScrollTimeline() && animation.attachTimeline) {
+                    animation.attachTimeline(timeline);
+                }
+                else {
+                    animation.pause();
+                    return observeTimeline((progress) => {
+                        animation.time = animation.duration * progress;
+                    }, timeline);
+                }
+            });
+            return () => {
+                cancelAll.forEach((cancelTimeline, i) => {
+                    if (cancelTimeline)
+                        cancelTimeline();
+                    this.animations[i].stop();
+                });
+            };
+        }
+        get time() {
+            return this.getAll("time");
+        }
+        set time(time) {
+            this.setAll("time", time);
+        }
+        get speed() {
+            return this.getAll("speed");
+        }
+        set speed(speed) {
+            this.setAll("speed", speed);
+        }
+        get duration() {
+            let max = 0;
+            for (let i = 0; i < this.animations.length; i++) {
+                max = Math.max(max, this.animations[i].duration);
+            }
+            return max;
+        }
+        runAll(methodName) {
+            this.animations.forEach((controls) => controls[methodName]());
+        }
+        play() {
+            this.runAll("play");
+        }
+        pause() {
+            this.runAll("pause");
+        }
+        cancel() {
+            this.runAll("cancel");
+        }
+        complete() {
+            this.runAll("complete");
+        }
+    }
+
     const animateMotionValue = (name, value, target, transition = {}, element, isHandoff) => (onComplete) => {
         const valueTransition = getValueTransition$1(transition, name) || {};
         /**
@@ -4516,7 +4609,9 @@
                     options.onUpdate(finalKeyframe);
                     options.onComplete();
                 });
-                return;
+                // We still want to return some animation controls here rather
+                // than returning undefined
+                return new GroupPlaybackControls([]);
             }
         }
         /**
@@ -4633,7 +4728,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 = "11.2.7";
+            this.version = "11.2.8";
             /**
              * Tracks whether this value can output a velocity. Currently this is only true
              * if the value is numerical, but we might be able to widen the scope here and support
@@ -6961,100 +7056,6 @@
 
     const visualElementStore = new WeakMap();
 
-    function observeTimeline(update, timeline) {
-        let prevProgress;
-        const onFrame = () => {
-            const { currentTime } = timeline;
-            const percentage = currentTime === null ? 0 : currentTime.value;
-            const progress = percentage / 100;
-            if (prevProgress !== progress) {
-                update(progress);
-            }
-            prevProgress = progress;
-        };
-        frame.update(onFrame, true);
-        return () => cancelFrame(onFrame);
-    }
-
-    const supportsScrollTimeline = memo(() => window.ScrollTimeline !== undefined);
-
-    class GroupPlaybackControls {
-        constructor(animations) {
-            this.animations = animations.filter(Boolean);
-        }
-        then(onResolve, onReject) {
-            return Promise.all(this.animations).then(onResolve).catch(onReject);
-        }
-        /**
-         * TODO: Filter out cancelled or stopped animations before returning
-         */
-        getAll(propName) {
-            return this.animations[0][propName];
-        }
-        setAll(propName, newValue) {
-            for (let i = 0; i < this.animations.length; i++) {
-                this.animations[i][propName] = newValue;
-            }
-        }
-        attachTimeline(timeline) {
-            const cancelAll = this.animations.map((animation) => {
-                if (supportsScrollTimeline() && animation.attachTimeline) {
-                    animation.attachTimeline(timeline);
-                }
-                else {
-                    animation.pause();
-                    return observeTimeline((progress) => {
-                        animation.time = animation.duration * progress;
-                    }, timeline);
-                }
-            });
-            return () => {
-                cancelAll.forEach((cancelTimeline, i) => {
-                    if (cancelTimeline)
-                        cancelTimeline();
-                    this.animations[i].stop();
-                });
-            };
-        }
-        get time() {
-            return this.getAll("time");
-        }
-        set time(time) {
-            this.setAll("time", time);
-        }
-        get speed() {
-            return this.getAll("speed");
-        }
-        set speed(speed) {
-            this.setAll("speed", speed);
-        }
-        get duration() {
-            let max = 0;
-            for (let i = 0; i < this.animations.length; i++) {
-                max = Math.max(max, this.animations[i].duration);
-            }
-            return max;
-        }
-        runAll(methodName) {
-            this.animations.forEach((controls) => controls[methodName]());
-        }
-        play() {
-            this.runAll("play");
-        }
-        pause() {
-            this.runAll("pause");
-        }
-        stop() {
-            this.runAll("stop");
-        }
-        cancel() {
-            this.runAll("cancel");
-        }
-        complete() {
-            this.runAll("complete");
-        }
-    }
-
     function isDOMKeyframes(keyframes) {
         return typeof keyframes === "object" && !Array.isArray(keyframes);
     }
@@ -7101,7 +7102,7 @@
                  * and warn against mismatches.
                  */
                 {
-                    warnOnce(nextValue.version === "11.2.7", `Attempting to mix Framer Motion versions ${nextValue.version} with 11.2.7 may not work as expected.`);
+                    warnOnce(nextValue.version === "11.2.8", `Attempting to mix Framer Motion versions ${nextValue.version} with 11.2.8 may not work as expected.`);
                 }
             }
             else if (isMotionValue(prevValue)) {