angular-three 1.7.1 → 1.8.0

package/fesm2020/angular-three.mjs

@@ -6,6 +6,7 @@ import * as THREE from 'three';
 import { DOCUMENT, NgForOf, NgIf } from '@angular/common';
 import { RxState, selectSlice } from '@rx-angular/state';
 import { __classPrivateFieldGet } from 'tslib';
+import { RouterOutlet } from '@angular/router';
 
 const idCache = {};
 function makeId(event) {
@@ -894,6 +895,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 +959,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');
 
@@ -1932,6 +1963,7 @@ class NgtRendererFactory {
         this.compoundPrefixes = inject(NGT_COMPOUND_PREFIXES);
         this.document = inject(DOCUMENT);
         this.rendererMap = new Map();
+        this.routedSet = new Set();
         this.portals = [];
         this.rendererStore = new NgtRendererStore({
             store: this.store,
@@ -1945,9 +1977,14 @@ class NgtRendererFactory {
         const delegateRenderer = this.delegateRendererFactory.createRenderer(hostElement, type);
         if (!type)
             return delegateRenderer;
+        if (type['type']['isRoutedScene']) {
+            this.routedSet.add(type.id);
+        }
         let renderer = this.rendererMap.get(type.id);
         if (!renderer) {
-            renderer = new NgtRenderer(delegateRenderer, this.rendererStore, this.catalogue, !hostElement);
+            renderer = new NgtRenderer(delegateRenderer, this.rendererStore, this.catalogue, 
+            // setting root scene if there's no routed scene OR this component is the routed Scene
+            !hostElement && (this.routedSet.size === 0 || this.routedSet.has(type.id)));
             this.rendererMap.set(type.id, renderer);
         }
         return renderer;
@@ -2477,6 +2514,7 @@ class NgtCanvas extends NgtRxStore {
         if (this.glEnvInjector)
             this.glEnvInjector.destroy();
         injectNgtLoader.destroy();
+        this.store.destroy(this.glCanvas.nativeElement);
         super.ngOnDestroy();
     }
     overrideDetectChanges() {
@@ -2980,9 +3018,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImpor
                 args: ['portalContentAnchor', { read: ViewContainerRef, static: true }]
             }] } });
 
+class NgtRoutedScene {
+}
+NgtRoutedScene.isRoutedScene = true;
+NgtRoutedScene.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtRoutedScene, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NgtRoutedScene.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: NgtRoutedScene, isStandalone: true, selector: "ngt-routed-scene", ngImport: i0, template: `<router-outlet />`, isInline: true, dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtRoutedScene, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: 'ngt-routed-scene',
+                    template: `<router-outlet />`,
+                    imports: [RouterOutlet],
+                }]
+        }] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { NGT_CATALOGUE, NgtArgs, NgtCanvas, NgtPortal, NgtPortalBeforeRender, NgtPortalContent, NgtPush, NgtRepeat, NgtRxStore, NgtStore, addAfterEffect, addEffect, addTail, applyProps, checkNeedsUpdate, checkUpdate, createAttachFunction, createLoop, createRunInContext, extend, flushGlobalEffects, getLocalState, injectBeforeRender, injectNgtDestroy, injectNgtLoader, injectNgtRef, invalidateInstance, is, makeDefaultCamera, makeDefaultRenderer, makeDpr, makeId, makeObjectGraph, prepare, rootStateMap, safeDetectChanges, startWithUndefined, tapEffect, updateCamera };
+export { NGT_CATALOGUE, NgtArgs, NgtCanvas, NgtPortal, NgtPortalBeforeRender, NgtPortalContent, NgtPush, NgtRepeat, NgtRoutedScene, NgtRxStore, NgtStore, addAfterEffect, addEffect, addTail, applyProps, checkNeedsUpdate, checkUpdate, createAttachFunction, createLoop, createRunInContext, extend, flushGlobalEffects, getLocalState, injectBeforeRender, injectNgtDestroy, injectNgtLoader, injectNgtRef, invalidateInstance, is, makeDefaultCamera, makeDefaultRenderer, makeDpr, makeId, makeObjectGraph, prepare, rootStateMap, safeDetectChanges, startWithUndefined, tapEffect, updateCamera };
 //# sourceMappingURL=angular-three.mjs.map