@canvas3/nuxt 0.1.23 → 0.1.24

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "canvas-nuxt-layout",
   "configKey": "canvas3Layout",
-  "version": "0.1.23",
+  "version": "0.1.24",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.0"

package/dist/runtime/utils/canvas3/canvas3.js

@@ -12,6 +12,7 @@ import Scroll from "#canvas3-nuxt/utils/canvas3/scroll";
 import { defaultCanvas3Options } from "#canvas3-nuxt/constants/default-canvas3-options";
 import { studio783log } from "#canvas3-nuxt/constants/studio783Log";
 const canvasInitiated = ref(false);
+const ANIMATION_FALSE_STATE_DELAY = 0;
 class Canvas3Class {
   canvasInitiated = canvasInitiated;
   mouseMoveInProgress = false;
@@ -375,7 +376,13 @@ class Canvas3Class {
     this.meshPositionsUpdate = state;
   }
   setAnimationsToRender(state) {
-    this.animationsRender = state;
+    if (state) {
+      this.animationsRender = state;
+    } else {
+      setTimeout(() => {
+        this.animationsRender = state;
+      }, ANIMATION_FALSE_STATE_DELAY);
+    }
   }
   setAnimationToRender(callBackName, state, animationId) {
     const animationToUpdate = this.animations.get(callBackName);
@@ -385,7 +392,14 @@ class Canvas3Class {
     } else {
       animationToUpdate.animationIds.splice(animationToUpdate.animationIds.indexOf(animationId), 1);
     }
-    animationToUpdate.render = animationToUpdate.animationIds.length > 0;
+    const newState = animationToUpdate.animationIds.length > 0;
+    if (newState) {
+      animationToUpdate.render = newState;
+    } else {
+      setTimeout(() => {
+        animationToUpdate.render = newState;
+      }, ANIMATION_FALSE_STATE_DELAY);
+    }
   }
   externalAnimationsRender() {
     for (const [_key, callbackOption] of this.animations.entries()) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canvas3/nuxt",
-  "version": "0.1.23",
+  "version": "0.1.24",
   "publishConfig": {
     "access": "public"
   },