framer-motion 11.0.21 → 11.0.23

package/dist/cjs/dom-entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var indexLegacy = require('./index-legacy-2421bf33.js');
+var indexLegacy = require('./index-legacy-8e07ef33.js');
 
 
 

package/dist/cjs/{index-legacy-2421bf33.js → index-legacy-8e07ef33.js}

@@ -1647,6 +1647,7 @@ class BaseAnimation {
     constructor({ autoplay = true, delay = 0, type = "keyframes", repeat = 0, repeatDelay = 0, repeatType = "loop", ...options }) {
         // Track whether the animation has been stopped. Stopped animations won't restart.
         this.isStopped = false;
+        this.hasAttemptedResolve = false;
         this.options = {
             autoplay,
             delay,
@@ -1664,8 +1665,9 @@ class BaseAnimation {
      * This is a deoptimisation, but at its worst still batches read/writes.
      */
     get resolved() {
-        if (!this._resolved)
+        if (!this._resolved && !this.hasAttemptedResolve) {
             flushKeyframeResolvers();
+        }
         return this._resolved;
     }
     /**
@@ -1674,12 +1676,13 @@ class BaseAnimation {
      * Otherwise, it will call initPlayback on the implementing class.
      */
     onKeyframesResolved(keyframes, finalKeyframe) {
-        const { name, type, velocity, delay, onComplete, onUpdate } = this.options;
+        this.hasAttemptedResolve = true;
+        const { name, type, velocity, delay, onComplete, onUpdate, isGenerator, } = this.options;
         /**
          * If we can't animate this value with the resolved keyframes
          * then we should complete it immediately.
          */
-        if (!canAnimate(keyframes, name, type, velocity)) {
+        if (!isGenerator && !canAnimate(keyframes, name, type, velocity)) {
             // Finish immediately
             if (instantAnimationState.current || !delay) {
                 onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(getFinalKeyframe(keyframes, this.options, finalKeyframe));
@@ -2950,6 +2953,7 @@ function pregenerateKeyframes(keyframes, options) {
         keyframes,
         repeat: 0,
         delay: 0,
+        isGenerator: true,
     });
     let state = { done: false, value: keyframes[0] };
     const pregeneratedKeyframes = [];
@@ -2994,6 +2998,12 @@ class AcceleratedAnimation extends BaseAnimation {
             const { onComplete, onUpdate, motionValue, ...options } = this.options;
             const pregeneratedAnimation = pregenerateKeyframes(keyframes, options);
             keyframes = pregeneratedAnimation.keyframes;
+            // If this is a very short animation, ensure we have
+            // at least two keyframes to animate between as older browsers
+            // can't animate between a single keyframe.
+            if (keyframes.length === 1) {
+                keyframes[1] = keyframes[0];
+            }
             duration = pregeneratedAnimation.duration;
             times = pregeneratedAnimation.times;
             ease = pregeneratedAnimation.ease;
@@ -3142,6 +3152,7 @@ class AcceleratedAnimation extends BaseAnimation {
                 type,
                 ease,
                 times,
+                isGenerator: true,
             });
             const sampleTime = secondsToMilliseconds(this.time);
             motionValue.setWithVelocity(sampleAnimation.sample(sampleTime - sampleDelta).value, sampleAnimation.sample(sampleTime).value, sampleDelta);
@@ -3378,7 +3389,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 = "11.0.21";
+        this.version = "11.0.23";
         /**
          * 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
@@ -4146,7 +4157,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "11.0.21", `Attempting to mix Framer Motion versions ${nextValue.version} with 11.0.21 may not work as expected.`);
+                warnOnce(nextValue.version === "11.0.23", `Attempting to mix Framer Motion versions ${nextValue.version} with 11.0.23 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {