angular-three 1.9.12 → 1.9.13

package/fesm2020/angular-three.mjs

@@ -513,12 +513,9 @@ function tapEffect(effectFn) {
     let cleanupFn = () => { };
     let firstRun = false;
     let prev = undefined;
-    const teardown = (error) => {
-        return () => {
-            if (cleanupFn) {
-                cleanupFn({ prev, complete: true, error });
-            }
-        };
+    const teardown = (error) => () => {
+        if (cleanupFn)
+            cleanupFn({ prev, complete: true, error });
     };
     return tap({
         next: (value) => {
@@ -561,13 +558,10 @@ class NgtRxStore extends RxState {
         // override get to return {} if get() returns undefined
         const originalGet = this.get.bind(this);
         Object.defineProperty(this, 'get', {
-            get: () => {
-                return (...args) => {
-                    if (args.length === 0) {
-                        return originalGet() ?? {};
-                    }
-                    return originalGet(...args);
-                };
+            get: () => (...args) => {
+                if (args.length === 0)
+                    return originalGet() ?? {};
+                return originalGet(...args);
             },
         });
         // call initialize that might be setup by derived Stores
@@ -584,14 +578,12 @@ class NgtRxStore extends RxState {
         if (keys.length) {
             $ = combineLatest(keys.map((key) => this.select(key).pipe(startWith(this.get(key) ?? undefined))));
         }
-        this.hold($, () => {
-            requestAnimationFrame(() => void safeDetectChanges(cdr));
-        });
+        this.hold($, () => void requestAnimationFrame(() => void safeDetectChanges(cdr)));
     }
 }
-NgtRxStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtRxStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-NgtRxStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtRxStore });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtRxStore, decorators: [{
+NgtRxStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtRxStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+NgtRxStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtRxStore });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtRxStore, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });
 
@@ -774,14 +766,12 @@ class NgtStore extends NgtRxStore {
         const stateToUpdate = {};
         // setup renderer
         let gl = state.gl;
-        if (!state.gl) {
+        if (!state.gl)
             stateToUpdate.gl = gl = makeDefaultRenderer(glOptions, canvasElement);
-        }
         // setup raycaster
         let raycaster = state.raycaster;
-        if (!raycaster) {
+        if (!raycaster)
             stateToUpdate.raycaster = raycaster = new THREE.Raycaster();
-        }
         // set raycaster options
         const { params, ...options } = raycasterOptions || {};
         if (!is.equ(options, raycaster, shallowLoose))
@@ -917,9 +907,7 @@ class NgtStore extends NgtRxStore {
         this.invalidate();
     }
     destroy(canvas) {
-        this.set((state) => ({
-            internal: { ...state.internal, active: false },
-        }));
+        this.set((state) => ({ internal: { ...state.internal, active: false } }));
         setTimeout(() => {
             const { gl, xr, events } = this.get();
             if (gl) {
@@ -966,15 +954,14 @@ class NgtStore extends NgtRxStore {
         this.hold(this.select(), () => invalidate(this));
     }
 }
-NgtStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtStore, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-NgtStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtStore });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtStore, decorators: [{
+NgtStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtStore, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+NgtStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtStore });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtStore, decorators: [{
             type: Injectable
         }] });
 function computeInitialSize(canvas, defaultSize) {
-    if (defaultSize) {
+    if (defaultSize)
         return defaultSize;
-    }
     if (canvas instanceof HTMLCanvasElement && canvas.parentElement) {
         return canvas.parentElement.getBoundingClientRect();
     }
@@ -1020,9 +1007,9 @@ class NgtCommonDirective {
         }
     }
 }
-NgtCommonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtCommonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NgtCommonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.1", type: NgtCommonDirective, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtCommonDirective, decorators: [{
+NgtCommonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtCommonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+NgtCommonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.5", type: NgtCommonDirective, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtCommonDirective, decorators: [{
             type: Directive
         }], ctorParameters: function () { return []; } });
 
@@ -1032,9 +1019,7 @@ class NgtArgs extends NgtCommonDirective {
         this.injectedArgs = [];
     }
     set args(args) {
-        if (args == null || !Array.isArray(args))
-            return;
-        if (args.length === 1 && args[0] === null)
+        if (args == null || !Array.isArray(args) || (args.length === 1 && args[0] === null))
             return;
         this.injected = false;
         this.injectedArgs = args;
@@ -1051,9 +1036,9 @@ class NgtArgs extends NgtCommonDirective {
         return !this.injected && !!this.injectedArgs.length;
     }
 }
-NgtArgs.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtArgs, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-NgtArgs.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.1", type: NgtArgs, isStandalone: true, selector: "[args]", inputs: { args: "args" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtArgs, decorators: [{
+NgtArgs.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtArgs, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NgtArgs.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.5", type: NgtArgs, isStandalone: true, selector: "[args]", inputs: { args: "args" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtArgs, decorators: [{
             type: Directive,
             args: [{ selector: '[args]', standalone: true }]
         }], propDecorators: { args: [{
@@ -1083,9 +1068,9 @@ class NgtParent extends NgtCommonDirective {
         return !this.injected && !!this.injectedParent;
     }
 }
-NgtParent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtParent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-NgtParent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.1", type: NgtParent, isStandalone: true, selector: "[parent]", inputs: { parent: "parent" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtParent, decorators: [{
+NgtParent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtParent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NgtParent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.5", type: NgtParent, isStandalone: true, selector: "[parent]", inputs: { parent: "parent" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtParent, decorators: [{
             type: Directive,
             args: [{ selector: '[parent]', standalone: true }]
         }], propDecorators: { parent: [{
@@ -1533,9 +1518,8 @@ function attachThreeChild(parent, child) {
     }
     pLS.add(child, added ? 'objects' : 'nonObjects');
     cLS.parent = parent;
-    if (cLS.afterAttach) {
+    if (cLS.afterAttach)
         cLS.afterAttach.emit({ parent, node: child });
-    }
     invalidateInstance(child);
     invalidateInstance(parent);
 }
@@ -1545,12 +1529,10 @@ function removeThreeChild(parent, child, dispose) {
     // clear parent ref
     cLS.parent = null;
     // remove child from parent
-    if (pLS.objects) {
+    if (pLS.objects)
         pLS.remove(child, 'objects');
-    }
-    if (pLS.nonObjects) {
+    if (pLS.nonObjects)
         pLS.remove(child, 'nonObjects');
-    }
     if (cLS.attach) {
         detach(parent, child, cLS.attach);
     }
@@ -1581,15 +1563,14 @@ function processThreeEvent(instance, priority, eventName, callback, cdr, targetC
             .subscribe((state) => callback({ state, object: instance }), priority || lS.priority || 0);
     }
     if (eventName === SPECIAL_EVENTS.AFTER_UPDATE || eventName === SPECIAL_EVENTS.AFTER_ATTACH) {
-        if (!lS[eventName]) {
-            lS[eventName] = new EventEmitter();
-        }
-        const sub = lS[eventName]?.subscribe(callback);
+        let emitter = lS[eventName];
+        if (!emitter)
+            emitter = new EventEmitter();
+        const sub = emitter.subscribe(callback);
         return sub.unsubscribe.bind(sub);
     }
-    if (!lS.handlers) {
+    if (!lS.handlers)
         lS.handlers = {};
-    }
     // try to get the previous handler. compound might have one, the THREE object might also have one with the same name
     const previousHandler = lS.handlers[eventName];
     // readjust the callback
@@ -1598,23 +1579,18 @@ function processThreeEvent(instance, priority, eventName, callback, cdr, targetC
             previousHandler(event);
         callback(event);
     };
-    lS.handlers = {
-        ...lS.handlers,
-        [eventName]: eventToHandler(updatedCallback, cdr, targetCdr),
-    };
+    Object.assign(lS.handlers, { [eventName]: eventToHandler(updatedCallback, cdr, targetCdr) });
     // increment the count everytime
     lS.eventCount += 1;
     // but only add the instance (target) to the interaction array (so that it is handled by the EventManager with Raycast)
     // the first time eventCount is incremented
-    if (lS.eventCount === 1 && instance['raycast']) {
+    if (lS.eventCount === 1 && instance['raycast'])
         lS.store.get('addInteraction')(instance);
-    }
     // clean up the event listener by removing the target from the interaction array
     return () => {
         const localState = getLocalState(instance);
-        if (localState && localState.eventCount) {
+        if (localState && localState.eventCount)
             localState.store.get('removeInteraction')(instance['uuid']);
-        }
     };
 }
 function eventToHandler(callback, cdr, targetCdr) {
@@ -1628,9 +1604,7 @@ function kebabToPascal(str) {
     // split the string at each hyphen
     const parts = str.split('-');
     // map over the parts, capitalizing the first letter of each part
-    const pascalParts = parts.map((part) => {
-        return part.charAt(0).toUpperCase() + part.slice(1);
-    });
+    const pascalParts = parts.map((part) => part.charAt(0).toUpperCase() + part.slice(1));
     // join the parts together to create the final PascalCase string
     return pascalParts.join('');
 }
@@ -1660,9 +1634,8 @@ class NgtRendererStore {
         ];
         const rendererNode = Object.assign(node, { __ngt_renderer__: state });
         // assign ownerDocument to node so we can use HostListener in Component
-        if (!rendererNode['ownerDocument']) {
+        if (!rendererNode['ownerDocument'])
             rendererNode['ownerDocument'] = this.root.document;
-        }
         // assign injectorFactory on non-three type since
         // rendererNode is an instance of DOM Node
         if (state[0 /* NgtRendererClassId.type */] !== 'three') {
@@ -1672,9 +1645,9 @@ class NgtRendererStore {
             // we attach an arrow function to the Comment node
             // In our directives, we can call this function to then start tracking the RendererNode
             // this is done to limit the amount of Nodes we need to process for getCreationState
-            rendererNode['__ngt_renderer_add_comment__'] = (portalNode) => {
-                if (portalNode && portalNode.__ngt_renderer__[0 /* NgtRendererClassId.type */] === 'portal') {
-                    this.portals.push(portalNode);
+            rendererNode['__ngt_renderer_add_comment__'] = (node) => {
+                if (node && node.__ngt_renderer__[0 /* NgtRendererClassId.type */] === 'portal') {
+                    this.portals.push(node);
                 }
                 else {
                     this.comments.push(rendererNode);
@@ -1711,15 +1684,11 @@ class NgtRendererStore {
         rS[7 /* NgtRendererClassId.compounded */] = instance;
         const attributes = Object.keys(rS[9 /* NgtRendererClassId.attributes */]);
         const properties = Object.keys(rS[10 /* NgtRendererClassId.properties */]);
-        if (attributes.length) {
-            for (const key of attributes) {
-                this.applyAttribute(instance, key, rS[9 /* NgtRendererClassId.attributes */][key]);
-            }
+        for (const key of attributes) {
+            this.applyAttribute(instance, key, rS[9 /* NgtRendererClassId.attributes */][key]);
         }
-        if (properties.length) {
-            for (const key of properties) {
-                this.applyProperty(instance, key, rS[10 /* NgtRendererClassId.properties */][key]);
-            }
+        for (const key of properties) {
+            this.applyProperty(instance, key, rS[10 /* NgtRendererClassId.properties */][key]);
         }
         this.executeOperation(compound);
     }
@@ -2014,6 +1983,7 @@ class NgtRendererFactory {
         this.catalogue = inject(NGT_CATALOGUE);
         this.rendererMap = new Map();
         this.routedSet = new Set();
+        // all Renderer instances share the same Store
         this.rendererStore = new NgtRendererStore({
             store: inject(NgtStore),
             cdr: inject(ChangeDetectorRef),
@@ -2039,9 +2009,9 @@ class NgtRendererFactory {
         return renderer;
     }
 }
-NgtRendererFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtRendererFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-NgtRendererFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtRendererFactory });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtRendererFactory, decorators: [{
+NgtRendererFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtRendererFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+NgtRendererFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtRendererFactory });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtRendererFactory, decorators: [{
             type: Injectable
         }] });
 /**
@@ -2352,12 +2322,10 @@ class NgtRenderer {
 }
 
 function provideNgtRenderer({ store, changeDetectorRef, compoundPrefixes = [] }) {
-    if (!compoundPrefixes.includes('ngts')) {
+    if (!compoundPrefixes.includes('ngts'))
         compoundPrefixes.push('ngts');
-    }
-    if (!compoundPrefixes.includes('ngtp')) {
+    if (!compoundPrefixes.includes('ngtp'))
         compoundPrefixes.push('ngtp');
-    }
     return makeEnvironmentProviders([
         { provide: RendererFactory2, useClass: NgtRendererFactory },
         { provide: NgtStore, useValue: store },
@@ -2440,7 +2408,7 @@ class NgtCanvas extends NgtRxStore {
         this.envInjector = inject(EnvironmentInjector);
         this.host = inject(ElementRef);
         this.store = inject(NgtStore);
-        this.hostClass = true;
+        this.hbClass = true;
         this.sceneGraphInputs = {};
         this.compoundPrefixes = [];
         this.created = new EventEmitter();
@@ -2459,7 +2427,7 @@ class NgtCanvas extends NgtRxStore {
             events: createPointerEvents,
         });
     }
-    get pointerEvents() {
+    get hbPointerEvents() {
         return this.get('eventSource') !== this.host.nativeElement ? 'none' : 'auto';
     }
     set linear(linear) {
@@ -2558,9 +2526,8 @@ class NgtCanvas extends NgtRxStore {
             });
         }
         // emit created event if observed
-        if (this.created.observed) {
+        if (this.created.observed)
             this.created.emit(this.store.get());
-        }
         // render
         if (this.glRef)
             this.glRef.destroy();
@@ -2600,23 +2567,23 @@ class NgtCanvas extends NgtRxStore {
         safeDetectChanges(this.cdr);
     }
 }
-NgtCanvas.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtCanvas, deps: null, target: i0.ɵɵFactoryTarget.Component });
-NgtCanvas.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: NgtCanvas, isStandalone: true, selector: "ngt-canvas", inputs: { sceneGraph: "sceneGraph", sceneGraphInputs: "sceneGraphInputs", compoundPrefixes: "compoundPrefixes", linear: "linear", legacy: "legacy", flat: "flat", orthographic: "orthographic", frameloop: "frameloop", dpr: "dpr", raycaster: "raycaster", shadows: "shadows", camera: "camera", gl: "gl", eventSource: "eventSource", eventPrefix: "eventPrefix", lookAt: "lookAt", performance: "performance" }, outputs: { created: "created", pointerMissed: "pointerMissed" }, host: { properties: { "class.ngt-canvas": "this.hostClass", "style.pointerEvents": "this.pointerEvents" } }, providers: [NgtStore, provideNgxResizeOptions({ emitInZone: false })], viewQueries: [{ propertyName: "glCanvas", first: true, predicate: ["glCanvas"], descendants: true, static: true }, { propertyName: "glAnchor", first: true, predicate: ["glCanvas"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
+NgtCanvas.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtCanvas, deps: null, target: i0.ɵɵFactoryTarget.Component });
+NgtCanvas.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NgtCanvas, isStandalone: true, selector: "ngt-canvas", inputs: { sceneGraph: "sceneGraph", sceneGraphInputs: "sceneGraphInputs", compoundPrefixes: "compoundPrefixes", linear: "linear", legacy: "legacy", flat: "flat", orthographic: "orthographic", frameloop: "frameloop", dpr: "dpr", raycaster: "raycaster", shadows: "shadows", camera: "camera", gl: "gl", eventSource: "eventSource", eventPrefix: "eventPrefix", lookAt: "lookAt", performance: "performance" }, outputs: { created: "created", pointerMissed: "pointerMissed" }, host: { properties: { "class.ngt-canvas": "this.hbClass", "style.pointerEvents": "this.hbPointerEvents" } }, providers: [NgtStore, provideNgxResizeOptions({ emitInZone: false })], viewQueries: [{ propertyName: "glCanvas", first: true, predicate: ["glCanvas"], descendants: true, static: true }, { propertyName: "glAnchor", first: true, predicate: ["glCanvas"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <div (ngxResize)="onResize($event)" style="height: 100%; width: 100%;">
             <canvas #glCanvas style="display: block;"></canvas>
         </div>
     `, isInline: true, styles: [":host{display:block;position:relative;width:100%;height:100%;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: NgxResize, selector: "[ngxResize]", inputs: ["ngxResizeOptions"], outputs: ["ngxResize"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtCanvas, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtCanvas, decorators: [{
             type: Component,
             args: [{ selector: 'ngt-canvas', standalone: true, template: `
         <div (ngxResize)="onResize($event)" style="height: 100%; width: 100%;">
             <canvas #glCanvas style="display: block;"></canvas>
         </div>
     `, imports: [NgxResize], providers: [NgtStore, provideNgxResizeOptions({ emitInZone: false })], styles: [":host{display:block;position:relative;width:100%;height:100%;overflow:hidden}\n"] }]
-        }], propDecorators: { hostClass: [{
+        }], propDecorators: { hbClass: [{
                 type: HostBinding,
                 args: ['class.ngt-canvas']
-            }], pointerEvents: [{
+            }], hbPointerEvents: [{
                 type: HostBinding,
                 args: ['style.pointerEvents']
             }], sceneGraph: [{
@@ -2689,7 +2656,7 @@ function injectNgtDestroy(cb) {
 function injectBeforeRender(cb, priority = 0) {
     try {
         const store = inject(NgtStore);
-        const sub = store.get('internal').subscribe((state) => cb(state), priority, store);
+        const sub = store.get('internal').subscribe(cb, priority, store);
         injectNgtDestroy(() => void sub());
         return sub;
     }
@@ -2703,17 +2670,13 @@ function injectNgtRef(initialValue = null) {
     let lastValue = ref.nativeElement;
     const cdRefs = [];
     const ref$ = new BehaviorSubject(lastValue);
-    const { destroy$, cdr } = injectNgtDestroy(() => {
-        ref$.complete();
-    });
+    const { destroy$, cdr } = injectNgtDestroy(() => void ref$.complete());
     cdRefs.push(cdr);
     const obs$ = ref$.asObservable().pipe(distinctUntilChanged(), takeUntil(destroy$));
-    const subscribe = (callback) => {
-        return obs$.subscribe((current) => {
-            callback(current, lastValue);
-            lastValue = current;
-        });
-    };
+    const subscribe = (callback) => obs$.subscribe((current) => {
+        callback(current, lastValue);
+        lastValue = current;
+    });
     const useCDR = (cdr) => void cdRefs.push(cdr);
     const $ = obs$.pipe(filter((value, index) => index > 0 || value != null), takeUntil(destroy$));
     const children$ = (type = 'objects') => $.pipe(switchMap((instance) => {
@@ -2805,9 +2768,9 @@ class NgtRepeat extends NgForOf {
         this.ngForOf = Number.isInteger(count) ? Array.from({ length: count }, (_, i) => i) : [];
     }
 }
-NgtRepeat.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtRepeat, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-NgtRepeat.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.1", type: NgtRepeat, isStandalone: true, selector: "[ngFor][ngForRepeat]", inputs: { ngForRepeat: "ngForRepeat" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtRepeat, decorators: [{
+NgtRepeat.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtRepeat, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NgtRepeat.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.5", type: NgtRepeat, isStandalone: true, selector: "[ngFor][ngForRepeat]", inputs: { ngForRepeat: "ngForRepeat" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtRepeat, decorators: [{
             type: Directive,
             args: [{ selector: '[ngFor][ngForRepeat]', standalone: true }]
         }], propDecorators: { ngForRepeat: [{
@@ -2852,9 +2815,9 @@ class NgtPush {
         this.obj = undefined;
     }
 }
-NgtPush.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtPush, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-NgtPush.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: NgtPush, isStandalone: true, name: "ngtPush", pure: false });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtPush, decorators: [{
+NgtPush.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtPush, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+NgtPush.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.5", ngImport: i0, type: NgtPush, isStandalone: true, name: "ngtPush", pure: false });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtPush, decorators: [{
             type: Pipe,
             args: [{ name: 'ngtPush', pure: false, standalone: true }]
         }] });
@@ -2903,14 +2866,11 @@ class NgtPortalBeforeRender {
         this.subscription?.();
     }
 }
-NgtPortalBeforeRender.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtPortalBeforeRender, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NgtPortalBeforeRender.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.1", type: NgtPortalBeforeRender, isStandalone: true, selector: "ngt-portal-before-render", inputs: { renderPriority: "renderPriority", parentScene: "parentScene", parentCamera: "parentCamera" }, outputs: { beforeRender: "beforeRender" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtPortalBeforeRender, decorators: [{
+NgtPortalBeforeRender.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtPortalBeforeRender, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+NgtPortalBeforeRender.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.5", type: NgtPortalBeforeRender, isStandalone: true, selector: "[ngtPortalBeforeRender]", inputs: { renderPriority: "renderPriority", parentScene: "parentScene", parentCamera: "parentCamera" }, outputs: { beforeRender: "beforeRender" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtPortalBeforeRender, decorators: [{
             type: Directive,
-            args: [{
-                    selector: 'ngt-portal-before-render',
-                    standalone: true,
-                }]
+            args: [{ selector: '[ngtPortalBeforeRender]', standalone: true }]
         }], propDecorators: { renderPriority: [{
                 type: Input
             }], parentScene: [{
@@ -2929,9 +2889,9 @@ class NgtPortalContent {
         }
     }
 }
-NgtPortalContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtPortalContent, deps: [{ token: i0.ViewContainerRef }, { token: i0.ViewContainerRef, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
-NgtPortalContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.1", type: NgtPortalContent, isStandalone: true, selector: "ng-template[ngtPortalContent]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtPortalContent, decorators: [{
+NgtPortalContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtPortalContent, deps: [{ token: i0.ViewContainerRef }, { token: i0.ViewContainerRef, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
+NgtPortalContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.5", type: NgtPortalContent, isStandalone: true, selector: "ng-template[ngtPortalContent]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtPortalContent, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[ngtPortalContent]', standalone: true }]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ViewContainerRef, decorators: [{
@@ -3038,27 +2998,29 @@ class NgtPortal extends NgtRxStore {
         };
     }
 }
-NgtPortal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtPortal, deps: null, target: i0.ɵɵFactoryTarget.Component });
-NgtPortal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: NgtPortal, isStandalone: true, selector: "ngt-portal", inputs: { container: "container", state: "state", autoRender: "autoRender", autoRenderPriority: "autoRenderPriority" }, outputs: { beforeRender: "beforeRender" }, providers: [NgtStore], queries: [{ propertyName: "portalContentTemplate", first: true, predicate: NgtPortalContent, descendants: true, read: TemplateRef, static: true }], viewQueries: [{ propertyName: "portalContentAnchor", first: true, predicate: ["portalContentAnchor"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: `
+NgtPortal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtPortal, deps: null, target: i0.ɵɵFactoryTarget.Component });
+NgtPortal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NgtPortal, isStandalone: true, selector: "ngt-portal", inputs: { container: "container", state: "state", autoRender: "autoRender", autoRenderPriority: "autoRenderPriority" }, outputs: { beforeRender: "beforeRender" }, providers: [NgtStore], queries: [{ propertyName: "portalContentTemplate", first: true, predicate: NgtPortalContent, descendants: true, read: TemplateRef, static: true }], viewQueries: [{ propertyName: "portalContentAnchor", first: true, predicate: ["portalContentAnchor"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: `
         <ng-container #portalContentAnchor>
-            <ngt-portal-before-render
+            <ng-container
                 *ngIf="autoRender && portalContentRendered"
+                ngtPortalBeforeRender
                 [renderPriority]="autoRenderPriority"
                 [parentScene]="parentScene"
                 [parentCamera]="parentCamera"
                 (beforeRender)="onBeforeRender($event)"
             />
         </ng-container>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgtPortalBeforeRender, selector: "ngt-portal-before-render", inputs: ["renderPriority", "parentScene", "parentCamera"], outputs: ["beforeRender"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtPortal, decorators: [{
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgtPortalBeforeRender, selector: "[ngtPortalBeforeRender]", inputs: ["renderPriority", "parentScene", "parentCamera"], outputs: ["beforeRender"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtPortal, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngt-portal',
                     standalone: true,
                     template: `
         <ng-container #portalContentAnchor>
-            <ngt-portal-before-render
+            <ng-container
                 *ngIf="autoRender && portalContentRendered"
+                ngtPortalBeforeRender
                 [renderPriority]="autoRenderPriority"
                 [parentScene]="parentScene"
                 [parentCamera]="parentCamera"
@@ -3096,9 +3058,9 @@ class NgtRoutedScene {
     }
 }
 NgtRoutedScene.isRoutedScene = true;
-NgtRoutedScene.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: NgtRoutedScene, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-NgtRoutedScene.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", 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.2.1", ngImport: i0, type: NgtRoutedScene, decorators: [{
+NgtRoutedScene.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtRoutedScene, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+NgtRoutedScene.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", 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.2.5", ngImport: i0, type: NgtRoutedScene, decorators: [{
             type: Component,
             args: [{
                     standalone: true,