motion-v 1.0.0 → 1.0.2

package/dist/cjs/index.js

@@ -6733,7 +6733,6 @@ class AnimationFeature extends Feature {
       const prevTarget = this.state.target;
       this.state.target = { ...this.state.baseTarget };
       let animationOptions = {};
-      const transition = { ...this.state.options.transition };
       animationOptions = this.resolveStateAnimation({
         controlActiveState,
         directAnimate,
@@ -6745,7 +6744,7 @@ class AnimationFeature extends Feature {
         factories,
         getChildAnimations,
         childAnimations,
-        transition,
+        transition: animationOptions,
         controlActiveState,
         isExit
       });
@@ -8467,8 +8466,9 @@ class MotionState {
     this.target = {};
   }
   // Update visual element with new options
-  updateOptions() {
+  updateOptions(options) {
     var _a;
+    this.options = options;
     (_a = this.visualElement) == null ? void 0 : _a.update({
       ...this.options,
       whileTap: this.options.whilePress,
@@ -8489,8 +8489,7 @@ class MotionState {
       "Animation state must be mounted with valid Element"
     );
     this.element = element;
-    this.options = options;
-    this.updateOptions();
+    this.updateOptions(options);
     this.featureManager.mount();
     if (!notAnimate && this.options.animate) {
       if (this.type === "svg") {
@@ -8539,12 +8538,9 @@ class MotionState {
         mountedStates.delete(this.element);
         this.featureManager.unmount();
         (_c = this.visualElement) == null ? void 0 : _c.unmount();
+        this.clearAnimation();
       };
-      if (shouldDelay) {
-        Promise.resolve().then(unmountState);
-      } else {
-        unmountState();
-      }
+      shouldDelay ? Promise.resolve().then(unmountState) : unmountState();
     };
     unmount();
   }
@@ -8558,8 +8554,7 @@ class MotionState {
   // Update motion state with new options
   update(options) {
     const hasAnimateChange = isAnimateChanged(this.options, options);
-    this.options = options;
-    this.updateOptions();
+    this.updateOptions(options);
     this.featureManager.update();
     if (hasAnimateChange) {
       this.startAnimation();

package/dist/es/features/animation/animation.mjs

@@ -27,7 +27,6 @@ class AnimationFeature extends Feature {
       const prevTarget = this.state.target;
       this.state.target = { ...this.state.baseTarget };
       let animationOptions = {};
-      const transition = { ...this.state.options.transition };
       animationOptions = this.resolveStateAnimation({
         controlActiveState,
         directAnimate,
@@ -39,7 +38,7 @@ class AnimationFeature extends Feature {
         factories,
         getChildAnimations,
         childAnimations,
-        transition,
+        transition: animationOptions,
         controlActiveState,
         isExit
       });

package/dist/es/state/motion-state.d.ts

@@ -40,7 +40,7 @@ export declare class MotionState {
     private _context;
     get context(): MotionStateContext;
     private initTarget;
-    updateOptions(): void;
+    updateOptions(options: Options): void;
     beforeMount(): void;
     mount(element: HTMLElement, options: Options, notAnimate?: boolean): void;
     clearAnimation(): void;

package/dist/es/state/motion-state.mjs

@@ -58,8 +58,9 @@ class MotionState {
     this.target = {};
   }
   // Update visual element with new options
-  updateOptions() {
+  updateOptions(options) {
     var _a;
+    this.options = options;
     (_a = this.visualElement) == null ? void 0 : _a.update({
       ...this.options,
       whileTap: this.options.whilePress,
@@ -80,8 +81,7 @@ class MotionState {
       "Animation state must be mounted with valid Element"
     );
     this.element = element;
-    this.options = options;
-    this.updateOptions();
+    this.updateOptions(options);
     this.featureManager.mount();
     if (!notAnimate && this.options.animate) {
       if (this.type === "svg") {
@@ -130,12 +130,9 @@ class MotionState {
         mountedStates.delete(this.element);
         this.featureManager.unmount();
         (_c = this.visualElement) == null ? void 0 : _c.unmount();
+        this.clearAnimation();
       };
-      if (shouldDelay) {
-        Promise.resolve().then(unmountState);
-      } else {
-        unmountState();
-      }
+      shouldDelay ? Promise.resolve().then(unmountState) : unmountState();
     };
     unmount();
   }
@@ -149,8 +146,7 @@ class MotionState {
   // Update motion state with new options
   update(options) {
     const hasAnimateChange = isAnimateChanged(this.options, options);
-    this.options = options;
-    this.updateOptions();
+    this.updateOptions(options);
     this.featureManager.update();
     if (hasAnimateChange) {
       this.startAnimation();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "motion-v",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "",
   "author": "",
   "license": "MIT",