angular-three 1.0.2 → 1.2.0

package/fesm2015/angular-three.mjs

@@ -57,26 +57,19 @@ function injectLoader(loaderConstructorFactory, input, extensions, onProgress) {
     return urls$.pipe(map((inputs) => {
         const loaderConstructor = loaderConstructorFactory(inputs);
         const loader = new loaderConstructor();
-        if (extensions) {
+        if (extensions)
             extensions(loader);
-        }
         const urls = Array.isArray(inputs) ? inputs : typeof inputs === 'string' ? [inputs] : Object.values(inputs);
         return [
             urls.map((url) => {
                 if (!cached.has(url)) {
                     cached.set(url, from(loader.loadAsync(url, onProgress)).pipe(tap((data) => {
-                        if (data.scene) {
+                        if (data.scene)
                             Object.assign(data, makeObjectGraph(data.scene));
-                        }
                     }), retry(2), catchError((err) => {
                         console.error(`[NGT] Error loading ${url}: ${err.message}`);
                         return of([]);
-                    }), share({
-                        connector: () => new ReplaySubject(1),
-                        resetOnComplete: true,
-                        resetOnError: true,
-                        resetOnRefCountZero: true,
-                    })));
+                    }), share({ connector: () => new ReplaySubject(1) })));
                 }
                 return cached.get(url);
             }),
@@ -294,19 +287,16 @@ const is = {
 function checkNeedsUpdate(value) {
     if (value !== null && is.obj(value) && 'needsUpdate' in value) {
         value['needsUpdate'] = true;
-        if ('uniformsNeedUpdate' in value) {
+        if ('uniformsNeedUpdate' in value)
             value['uniformsNeedUpdate'] = true;
-        }
     }
 }
 function checkUpdate(value) {
-    if (is.object3D(value)) {
+    if (is.object3D(value))
         value.updateMatrix();
-    }
     if (is.camera(value)) {
-        if (is.perspectiveCamera(value) || is.orthographicCamera(value)) {
+        if (is.perspectiveCamera(value) || is.orthographicCamera(value))
             value.updateProjectionMatrix();
-        }
         value.updateMatrixWorld();
     }
     checkNeedsUpdate(value);
@@ -319,9 +309,8 @@ function updateCamera(camera, size) {
             camera.top = size.height / 2;
             camera.bottom = size.height / -2;
         }
-        else {
+        else
             camera.aspect = size.width / size.height;
-        }
         camera.updateProjectionMatrix();
         camera.updateMatrixWorld();
     }
@@ -413,9 +402,8 @@ function applyProps(instance, props) {
                 value.constructor &&
                 targetProp.constructor.name === value.constructor.name) {
                 targetProp['copy'](value);
-                if (!THREE.ColorManagement && !rootState.linear && isColor) {
+                if (!THREE.ColorManagement && !rootState.linear && isColor)
                     targetProp['convertSRGBToLinear']();
-                }
             }
             // if nothing else fits, just set the single value, ignore undefined
             else if (value !== undefined) {
@@ -424,17 +412,14 @@ function applyProps(instance, props) {
                 if (!isColor && targetProp['setScalar'])
                     targetProp['setScalar'](value);
                 // layers have no copy function, copy the mask
-                else if (targetProp instanceof THREE.Layers && value instanceof THREE.Layers) {
+                else if (targetProp instanceof THREE.Layers && value instanceof THREE.Layers)
                     targetProp.mask = value.mask;
-                }
                 // otherwise just set ...
-                else {
+                else
                     targetProp['set'](value);
-                }
                 // auto-convert srgb
-                if (!THREE.ColorManagement && !(rootState === null || rootState === void 0 ? void 0 : rootState.linear) && isColor) {
+                if (!THREE.ColorManagement && !(rootState === null || rootState === void 0 ? void 0 : rootState.linear) && isColor)
                     targetProp.convertSRGBToLinear();
-                }
             }
         }
         // else just overwrite the value
@@ -527,7 +512,7 @@ class NgtRxStore extends RxState {
         const originalSet = this.set.bind(this);
         Object.defineProperty(this, 'set', {
             get: () => {
-                // Parameters type does not do well with overloads. So we use any[] here
+                // Parameters type does not do well with overloads (RxState#set). So we use any[] here
                 return (...args) => {
                     const firstArg = args[0];
                     if (is.obj(firstArg)) {
@@ -537,7 +522,7 @@ class NgtRxStore extends RxState {
                         }, {});
                         return originalSet(modArgs);
                     }
-                    // @ts-ignore
+                    // @ts-expect-error not sure why ...args here doesn't pass tuple check
                     return originalSet(...args);
                 };
             },
@@ -550,9 +535,9 @@ class NgtRxStore extends RxState {
         return this.hold(obs.pipe(tapEffect(sideEffectFn)));
     }
 }
-NgtRxStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NgtRxStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-NgtRxStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NgtRxStore });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NgtRxStore, decorators: [{
+NgtRxStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NgtRxStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+NgtRxStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NgtRxStore });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NgtRxStore, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });
 
@@ -593,15 +578,7 @@ class NgtStore extends NgtRxStore {
                 const fov = (camera.fov * Math.PI) / 180; // convert vertical fov to radians
                 const h = 2 * Math.tan(fov / 2) * distance; // visible height
                 const w = h * aspect;
-                return {
-                    width: w,
-                    height: h,
-                    top,
-                    left,
-                    factor: width / w,
-                    distance,
-                    aspect,
-                };
+                return { width: w, height: h, top, left, factor: width / w, distance, aspect };
             };
             const pointer = new THREE.Vector2();
             let performanceTimeout;
@@ -774,9 +751,8 @@ class NgtStore extends NgtRxStore {
                 // update projection matrix after applyprops
                 camera.updateProjectionMatrix();
             }
-            if (!is.instance(camera)) {
+            if (!is.instance(camera))
                 camera = prepare(camera, { store: this });
-            }
             stateToUpdate.camera = camera;
         }
         // Set up XR (one time only!)
@@ -854,9 +830,8 @@ class NgtStore extends NgtRxStore {
             applyProps(gl, glOptions);
         }
         // Store events internally
-        if (events && !state.events.handlers) {
+        if (events && !state.events.handlers)
             stateToUpdate.events = events(this);
-        }
         // Check performance
         if (performance && !is.equ(performance, state.performance, shallowLoose)) {
             stateToUpdate.performance = Object.assign(Object.assign({}, state.performance), performance);
@@ -872,9 +847,8 @@ class NgtStore extends NgtRxStore {
         // Check frameloop
         if (state.frameloop !== frameloop)
             state.setFrameloop(frameloop);
-        if (!this.get('ready')) {
+        if (!this.get('ready'))
             this.set({ ready: true });
-        }
         this.invalidate();
     }
     resize() {
@@ -905,9 +879,9 @@ class NgtStore extends NgtRxStore {
         this.hold(this.select(), () => invalidate(this));
     }
 }
-NgtStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NgtStore, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-NgtStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NgtStore });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NgtStore, decorators: [{
+NgtStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NgtStore, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+NgtStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NgtStore });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NgtStore, decorators: [{
             type: Injectable
         }] });
 function computeInitialSize(canvas, defaultSize) {
@@ -968,9 +942,9 @@ class NgtArgs {
         this.view.detectChanges();
     }
 }
-NgtArgs.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NgtArgs, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NgtArgs.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.1", type: NgtArgs, isStandalone: true, selector: "[args]", inputs: { args: "args" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NgtArgs, decorators: [{
+NgtArgs.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NgtArgs, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+NgtArgs.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.2", type: NgtArgs, isStandalone: true, selector: "[args]", inputs: { args: "args" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NgtArgs, decorators: [{
             type: Directive,
             args: [{ selector: '[args]', standalone: true }]
         }], ctorParameters: function () { return []; }, propDecorators: { args: [{
@@ -1369,7 +1343,8 @@ function attachThreeChild(parent, child) {
     // whether the child is added to the parent with parent.add()
     let added = false;
     // assign store on child if not already exist
-    if (!cLS.store) {
+    // or child store is the parent of parent store
+    if (!cLS.store || cLS.store === pLS.store.get('previousStore')) {
         cLS.store = pLS.store;
     }
     if (cLS.attach) {
@@ -1649,7 +1624,6 @@ class NgtRendererStore {
             return;
         }
         if (name === SPECIAL_PROPERTIES.VALUE) {
-            // TODO  the last time we tried this here, this didn't work
             // coercion
             let maybeCoerced = value;
             if (maybeCoerced === '' || maybeCoerced === 'true' || maybeCoerced === 'false') {
@@ -1848,7 +1822,12 @@ class NgtRendererStore {
         let i = this.portals.length - 1;
         while (i >= 0) {
             // loop through the portal state backwards to find the closest NgtStore
-            const injector = this.portals[i].__ngt_renderer__[13 /* NgtRendererClassId.injectorFactory */]();
+            const portal = this.portals[i];
+            if (portal.__ngt_renderer__[3 /* NgtRendererClassId.destroyed */]) {
+                i--;
+                continue;
+            }
+            const injector = portal.__ngt_renderer__[13 /* NgtRendererClassId.injectorFactory */]();
             if (!injector) {
                 i--;
                 continue;
@@ -1872,31 +1851,47 @@ class NgtRendererFactory {
         this.store = inject(NgtStore);
         this.catalogue = inject(NGT_CATALOGUE);
         this.compoundPrefixes = inject(NGT_COMPOUND_PREFIXES);
-        this.rendererStore = new NgtRendererStore({
-            store: this.store,
-            cdr: this.cdr,
-            compoundPrefixes: this.compoundPrefixes,
-        });
+        this.rendererMap = new Map();
     }
     createRenderer(hostElement, type) {
-        // TODO  we might need to check on "type" to return DomRenderer for that particular type to support HTML
-        if (!this.renderer) {
-            const domRenderer = this.domRendererFactory.createRenderer(hostElement, type);
-            this.renderer = new NgtRenderer(domRenderer, this.rendererStore, this.catalogue);
+        const domRenderer = this.domRendererFactory.createRenderer(hostElement, type);
+        if (!type)
+            return domRenderer;
+        let renderer = this.rendererMap.get(type.id);
+        if (renderer)
+            return renderer;
+        if (!hostElement) {
+            const store = new NgtRendererStore({
+                store: this.store,
+                cdr: this.cdr,
+                compoundPrefixes: this.compoundPrefixes,
+            });
+            renderer = new NgtRenderer(domRenderer, store, this.catalogue, true);
+            this.rendererMap.set(type.id, renderer);
+        }
+        if (!renderer) {
+            const store = new NgtRendererStore({
+                store: this.store,
+                cdr: this.cdr,
+                compoundPrefixes: this.compoundPrefixes,
+            });
+            renderer = new NgtRenderer(domRenderer, store, this.catalogue);
+            this.rendererMap.set(type.id, renderer);
         }
-        return this.renderer;
+        return renderer;
     }
 }
-NgtRendererFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NgtRendererFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-NgtRendererFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NgtRendererFactory });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NgtRendererFactory, decorators: [{
+NgtRendererFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NgtRendererFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+NgtRendererFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NgtRendererFactory });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NgtRendererFactory, decorators: [{
             type: Injectable
         }] });
 class NgtRenderer {
-    constructor(domRenderer, store, catalogue) {
+    constructor(domRenderer, store, catalogue, root = false) {
         this.domRenderer = domRenderer;
         this.store = store;
         this.catalogue = catalogue;
+        this.root = root;
         this.first = false;
         this.createText = this.domRenderer.createText.bind(this.domRenderer);
         this.destroy = this.domRenderer.destroy.bind(this.domRenderer);
@@ -1913,7 +1908,7 @@ class NgtRenderer {
     createElement(name, namespace) {
         const element = this.domRenderer.createElement(name, namespace);
         // on first pass, we return the Root Scene as the root node
-        if (!this.first) {
+        if (this.root && !this.first) {
             this.first = true;
             return this.store.createNode('three', this.store.rootScene);
         }
@@ -1975,7 +1970,7 @@ class NgtRenderer {
         }
         this.store.setParent(newChild, parent);
         this.store.addChild(parent, newChild);
-        // if new chlid is a portal
+        // if new child is a portal
         if (newChild.__ngt_renderer__[0 /* NgtRendererClassId.type */] === 'portal') {
             this.store.processPortalContainer(newChild);
             if (newChild.__ngt_renderer__[12 /* NgtRendererClassId.portalContainer */]) {
@@ -2036,25 +2031,23 @@ class NgtRenderer {
                 this.store.setCompound(parent, newChild);
             }
         }
-        if (newChild.__ngt_renderer__[0 /* NgtRendererClassId.type */] === 'three' && !getLocalState(newChild).parent) {
+        const shouldFindGrandparentInstance = 
+        // if child is three but haven't been attached to a parent yet
+        (newChild.__ngt_renderer__[0 /* NgtRendererClassId.type */] === 'three' && !getLocalState(newChild).parent) ||
+            // or both parent and child are DOM elements
+            (parent.__ngt_renderer__[0 /* NgtRendererClassId.type */] === 'dom' &&
+                newChild.__ngt_renderer__[0 /* NgtRendererClassId.type */] === 'dom');
+        if (shouldFindGrandparentInstance) {
             // we'll try to get the grandparent instance here so that we can run appendChild with both instances
             const closestGrandparentInstance = this.store.getClosestParentWithInstance(parent);
             if (closestGrandparentInstance) {
                 this.appendChild(closestGrandparentInstance, newChild);
             }
-            return;
-        }
-        if (parent.__ngt_renderer__[0 /* NgtRendererClassId.type */] === 'dom' &&
-            newChild.__ngt_renderer__[0 /* NgtRendererClassId.type */] === 'dom') {
-            const closestGrandparentInstance = this.store.getClosestParentWithInstance(parent);
-            if (closestGrandparentInstance) {
-                this.appendChild(closestGrandparentInstance, newChild);
-            }
         }
     }
     insertBefore(parent, newChild
     // TODO  we might need these?
-    // refChild: NgtRendererNode,
+    // refChild: NgtRendererNode
     // isMove?: boolean | undefined
     ) {
         if (!parent.__ngt_renderer__)
@@ -2320,9 +2313,7 @@ class NgtCanvas extends NgtRxStore {
         // set rootStateMap
         rootStateMap.set(this.glCanvas.nativeElement, this.store);
         // subscribe to store to listen for ready state
-        this.hold(this.store.select('ready').pipe(filter((ready) => ready)), () => {
-            this.storeReady();
-        });
+        this.hold(this.store.select('ready').pipe(filter((ready) => ready)), () => this.storeReady());
     }
     onResize({ width, height }) {
         if (width > 0 && height > 0) {
@@ -2357,9 +2348,8 @@ class NgtCanvas extends NgtRxStore {
             this.cdr.detectChanges();
         }
         // render
-        if (this.glRef) {
+        if (this.glRef)
             this.glRef.destroy();
-        }
         requestAnimationFrame(() => {
             this.glEnvInjector = createEnvironmentInjector([
                 provideNgtRenderer({
@@ -2378,12 +2368,10 @@ class NgtCanvas extends NgtRxStore {
         });
     }
     ngOnDestroy() {
-        if (this.glRef) {
+        if (this.glRef)
             this.glRef.destroy();
-        }
-        if (this.glEnvInjector) {
+        if (this.glEnvInjector)
             this.glEnvInjector.destroy();
-        }
         injectNgtLoader.destroy();
         super.ngOnDestroy();
     }
@@ -2396,13 +2384,13 @@ class NgtCanvas extends NgtRxStore {
         };
     }
 }
-NgtCanvas.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NgtCanvas, deps: null, target: i0.ɵɵFactoryTarget.Component });
-NgtCanvas.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: NgtCanvas, isStandalone: true, selector: "ngt-canvas", inputs: { sceneGraph: "sceneGraph", 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, ngImport: i0, template: `
+NgtCanvas.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NgtCanvas, deps: null, target: i0.ɵɵFactoryTarget.Component });
+NgtCanvas.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: NgtCanvas, isStandalone: true, selector: "ngt-canvas", inputs: { sceneGraph: "sceneGraph", 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, 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.1.1", ngImport: i0, type: NgtCanvas, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NgtCanvas, decorators: [{
             type: Component,
             args: [{ selector: 'ngt-canvas', standalone: true, template: `
         <div (ngxResize)="onResize($event)" style="height: 100%; width: 100%;">
@@ -2476,8 +2464,7 @@ function injectNgtDestroy(cb) {
         return { destroy$, cdr };
     }
     catch (e) {
-        console.warn(`[NGT] injectNgtDestroy is being called outside of Constructor Context`);
-        return {};
+        throw new Error(`[NGT] injectNgtDestroy is being called outside of Constructor Context`);
     }
 }
 
@@ -2494,10 +2481,7 @@ function injectBeforeRender(cb, priority = 0) {
 }
 
 function injectNgtRef(initialValue = null) {
-    let ref = new ElementRef(initialValue);
-    if (is.ref(initialValue)) {
-        ref = initialValue;
-    }
+    const ref = is.ref(initialValue) ? initialValue : new ElementRef(initialValue);
     let lastValue = ref.nativeElement;
     const cdRefs = [];
     const ref$ = new BehaviorSubject(lastValue);
@@ -2547,7 +2531,7 @@ function injectNgtRef(initialValue = null) {
                     }
                     // during creation phase, 'context' on ViewRef will be null
                     // we check the "context" to avoid running detectChanges during this phase.
-                    // becuase there's nothing to check
+                    // because there's nothing to check
                     if (cd['context']) {
                         cd.detectChanges();
                     }
@@ -2564,9 +2548,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.1.1", ngImport: i0, type: NgtRepeat, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-NgtRepeat.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.1", type: NgtRepeat, isStandalone: true, selector: "[ngFor][ngForRepeat]", inputs: { ngForRepeat: "ngForRepeat" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NgtRepeat, decorators: [{
+NgtRepeat.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NgtRepeat, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NgtRepeat.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.2", type: NgtRepeat, isStandalone: true, selector: "[ngFor][ngForRepeat]", inputs: { ngForRepeat: "ngForRepeat" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NgtRepeat, decorators: [{
             type: Directive,
             args: [{ selector: '[ngFor][ngForRepeat]', standalone: true }]
         }], propDecorators: { ngForRepeat: [{
@@ -2617,9 +2601,9 @@ class NgtPush {
         this.obj = undefined;
     }
 }
-NgtPush.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NgtPush, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-NgtPush.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.1", ngImport: i0, type: NgtPush, isStandalone: true, name: "ngtPush", pure: false });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NgtPush, decorators: [{
+NgtPush.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NgtPush, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+NgtPush.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: NgtPush, isStandalone: true, name: "ngtPush", pure: false });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NgtPush, decorators: [{
             type: Pipe,
             args: [{ name: 'ngtPush', pure: false, standalone: true }]
         }] });
@@ -2670,9 +2654,9 @@ class NgtPortalBeforeRender {
         (_a = this.subscription) === null || _a === void 0 ? void 0 : _a.call(this);
     }
 }
-NgtPortalBeforeRender.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NgtPortalBeforeRender, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NgtPortalBeforeRender.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.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.1.1", ngImport: i0, type: NgtPortalBeforeRender, decorators: [{
+NgtPortalBeforeRender.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NgtPortalBeforeRender, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+NgtPortalBeforeRender.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.2", 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.1.2", ngImport: i0, type: NgtPortalBeforeRender, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ngt-portal-before-render',
@@ -2696,9 +2680,9 @@ class NgtPortalContent {
         }
     }
 }
-NgtPortalContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.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.1.1", type: NgtPortalContent, isStandalone: true, selector: "ng-template[ngtPortalContent]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NgtPortalContent, decorators: [{
+NgtPortalContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", 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.1.2", type: NgtPortalContent, isStandalone: true, selector: "ng-template[ngtPortalContent]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NgtPortalContent, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[ngtPortalContent]', standalone: true }]
         }], ctorParameters: function () {
@@ -2785,8 +2769,8 @@ _NgtPortal_instances = new WeakSet(), _NgtPortal_inject = function _NgtPortal_in
     }
     return Object.assign(Object.assign(Object.assign({}, intersect), { scene: is.ref(inputs.container) ? inputs.container.nativeElement : inputs.container, raycaster: this.raycaster, pointer: this.pointer, previousStore: this.parentStore, events: Object.assign(Object.assign(Object.assign({}, rootState.events), ((injectState === null || injectState === void 0 ? void 0 : injectState.events) || {})), events), size: Object.assign(Object.assign({}, rootState.size), size), viewport: Object.assign(Object.assign({}, rootState.viewport), (viewport || {})) }), restInputsState);
 };
-NgtPortal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NgtPortal, deps: null, target: i0.ɵɵFactoryTarget.Component });
-NgtPortal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.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.1.2", ngImport: i0, type: NgtPortal, deps: null, target: i0.ɵɵFactoryTarget.Component });
+NgtPortal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", 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
                 *ngIf="autoRender && portalContentRendered"
@@ -2797,7 +2781,7 @@ NgtPortal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15
             />
         </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.1.1", ngImport: i0, type: NgtPortal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NgtPortal, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngt-portal',