framer-motion 12.23.6 → 12.23.9

package/dist/framer-motion.dev.js

@@ -2687,6 +2687,11 @@
             ((type === "spring" || isGenerator(type)) && velocity));
     }
 
+    function makeAnimationInstant(options) {
+        options.duration = 0;
+        options.type === "keyframes";
+    }
+
     /**
      * A list of values that can be hardware-accelerated.
      */
@@ -2779,7 +2784,7 @@
                     onUpdate?.(getFinalKeyframe$1(keyframes, options, finalKeyframe));
                 }
                 keyframes[0] = keyframes[keyframes.length - 1];
-                options.duration = 0;
+                makeAnimationInstant(options);
                 options.repeat = 0;
             }
             /**
@@ -3625,7 +3630,7 @@
              * An object containing a SubscriptionManager for each active event.
              */
             this.events = {};
-            this.updateAndNotify = (v, render = true) => {
+            this.updateAndNotify = (v) => {
                 const currentTime = time.now();
                 /**
                  * If we're updating the value during another frame or eventloop
@@ -3646,10 +3651,6 @@
                         }
                     }
                 }
-                // Update render subscribers
-                if (render) {
-                    this.events.renderRequest?.notify(this.current);
-                }
             };
             this.hasAnimated = false;
             this.setCurrent(init);
@@ -3760,9 +3761,9 @@
          *
          * @public
          */
-        set(v, render = true) {
-            if (!render || !this.passiveEffect) {
-                this.updateAndNotify(v, render);
+        set(v) {
+            if (!this.passiveEffect) {
+                this.updateAndNotify(v);
             }
             else {
                 this.passiveEffect(v, this.updateAndNotify);
@@ -4674,12 +4675,15 @@
             frame.postRender(startAnimation);
             return value.get();
         }, stopAnimation);
-        let unsubscribe = undefined;
         if (isMotionValue(source)) {
-            unsubscribe = source.on("change", (v) => value.set(parseValue(v, unit)));
-            value.on("destroy", unsubscribe);
+            const removeSourceOnChange = source.on("change", (v) => value.set(parseValue(v, unit)));
+            const removeValueOnDestroy = value.on("destroy", removeSourceOnChange);
+            return () => {
+                removeSourceOnChange();
+                removeValueOnDestroy();
+            };
         }
-        return unsubscribe;
+        return stopAnimation;
     }
     function parseValue(v, unit) {
         return unit ? v + unit : v;
@@ -5105,7 +5109,6 @@
         `);
             }
             return () => {
-                parent.removeChild(style);
                 if (parent.contains(style)) {
                     parent.removeChild(style);
                 }
@@ -5591,7 +5594,7 @@
         let shouldSkip = false;
         if (options.type === false ||
             (options.duration === 0 && !options.repeatDelay)) {
-            options.duration = 0;
+            makeAnimationInstant(options);
             if (options.delay === 0) {
                 shouldSkip = true;
             }
@@ -5599,7 +5602,7 @@
         if (MotionGlobalConfig.instantAnimations ||
             MotionGlobalConfig.skipAnimations) {
             shouldSkip = true;
-            options.duration = 0;
+            makeAnimationInstant(options);
             options.delay = 0;
         }
         /**
@@ -8257,7 +8260,7 @@
             for (const key in initialMotionValues) {
                 const value = initialMotionValues[key];
                 if (latestValues[key] !== undefined && isMotionValue(value)) {
-                    value.set(latestValues[key], false);
+                    value.set(latestValues[key]);
                 }
             }
         }
@@ -8321,15 +8324,14 @@
                 if (valueIsTransform && this.projection) {
                     this.projection.isTransformDirty = true;
                 }
+                this.scheduleRender();
             });
-            const removeOnRenderRequest = value.on("renderRequest", this.scheduleRender);
             let removeSyncCheck;
             if (window.MotionCheckAppearSync) {
                 removeSyncCheck = window.MotionCheckAppearSync(this, key, value);
             }
             this.valueSubscriptions.set(key, () => {
                 removeOnChange();
-                removeOnRenderRequest();
                 if (removeSyncCheck)
                     removeSyncCheck();
                 if (value.owner)
@@ -14163,6 +14165,7 @@
     exports.isZeroValueString = isZeroValueString;
     exports.keyframes = keyframes;
     exports.m = m;
+    exports.makeAnimationInstant = makeAnimationInstant;
     exports.makeUseVisualState = makeUseVisualState;
     exports.mapEasingToNativeEasing = mapEasingToNativeEasing;
     exports.mapValue = mapValue;