angular-three 1.7.1 → 1.7.2

package/fesm2020/angular-three.mjs

@@ -894,6 +894,27 @@ class NgtStore extends NgtRxStore {
             this.set({ ready: true });
         this.invalidate();
     }
+    destroy(canvas) {
+        this.set((state) => ({
+            internal: { ...state.internal, active: false },
+        }));
+        setTimeout(() => {
+            const { gl, xr, events } = this.get();
+            if (gl) {
+                if (events.disconnect) {
+                    events.disconnect();
+                }
+                gl.renderLists.dispose();
+                gl.forceContextLoss();
+                if (gl.xr && gl.xr.enabled) {
+                    gl.xr.setAnimationLoop(null);
+                    xr.disconnect();
+                }
+                dispose(this.get());
+                rootStateMap.delete(canvas);
+            }
+        }, 500);
+    }
     resize() {
         const state = this.get();
         let oldSize = state.size;
@@ -937,6 +958,15 @@ function computeInitialSize(canvas, defaultSize) {
     }
     return { width: 0, height: 0, top: 0, left: 0 };
 }
+// Disposes an object and all its properties
+function dispose(obj) {
+    if (obj.dispose && !is.scene(obj))
+        obj.dispose();
+    for (const p in obj) {
+        p.dispose?.();
+        delete obj[p];
+    }
+}
 
 const NGT_COMPOUND_PREFIXES = new InjectionToken('NgtCompoundPrefixes');
 
@@ -2477,6 +2507,7 @@ class NgtCanvas extends NgtRxStore {
         if (this.glEnvInjector)
             this.glEnvInjector.destroy();
         injectNgtLoader.destroy();
+        this.store.destroy(this.glCanvas.nativeElement);
         super.ngOnDestroy();
     }
     overrideDetectChanges() {