angular-three 1.7.2 → 1.8.1

package/fesm2020/angular-three.mjs

@@ -6,6 +6,8 @@ import * as THREE from 'three';
 import { DOCUMENT, NgForOf, NgIf } from '@angular/common';
 import { RxState, selectSlice } from '@rx-angular/state';
 import { __classPrivateFieldGet } from 'tslib';
+import * as i1 from '@angular/router';
+import { ActivationEnd, RouterOutlet } from '@angular/router';
 
 const idCache = {};
 function makeId(event) {
@@ -1962,6 +1964,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,
@@ -1975,9 +1978,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;
@@ -3011,9 +3019,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImpor
                 args: ['portalContentAnchor', { read: ViewContainerRef, static: true }]
             }] } });
 
+class NgtRoutedScene {
+    constructor(router) {
+        const { destroy$, cdr } = injectNgtDestroy();
+        router.events
+            .pipe(filter((event) => event instanceof ActivationEnd), takeUntil(destroy$))
+            .subscribe(() => {
+            cdr.detectChanges();
+        });
+    }
+}
+NgtRoutedScene.isRoutedScene = true;
+NgtRoutedScene.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtRoutedScene, deps: [{ token: i1.Router }], 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],
+                }]
+        }], ctorParameters: function () { return [{ type: i1.Router }]; } });
+
 /**
  * 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