angular-three 3.7.0 → 4.0.0-next.1

package/package.json

@@ -1,98 +1,80 @@
 {
-  "name": "angular-three",
-  "version": "3.7.0",
-  "publishConfig": {
-    "access": "public"
-  },
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/angular-threejs/angular-three/tree/main/libs/core"
-  },
-  "author": {
-    "name": "Chau Tran",
-    "email": "nartc7789@gmail.com",
-    "url": "https://nartc.me"
-  },
-  "description": "Angular Renderer for THREE.js",
-  "keywords": [
-    "angular",
-    "threejs",
-    "renderer"
-  ],
-  "license": "MIT",
-  "peerDependencies": {
-    "@angular/common": ">=19.0.0 <20.0.0",
-    "@angular/core": ">=19.0.0 <20.0.0",
-    "ngxtension": ">=3.0.0",
-    "three": ">=0.148.0 <0.173.0",
-    "@nativescript/angular": ">=18.0.0 <19.0.0",
-    "@nativescript/canvas": "2.0.0-webgpu.11",
-    "@nativescript/canvas-three": "2.0.0-webgpu.11",
-    "@nativescript/canvas-media": "2.0.0-webgpu.11"
-  },
-  "peerDependenciesMeta": {
-    "@nativescript/angular": {
-      "optional": true
-    },
-    "@nativescript/canvas": {
-      "optional": true
-    },
-    "@nativescript/canvas-three": {
-      "optional": true
-    },
-    "@nativescript/canvas-media": {
-      "optional": true
-    }
-  },
-  "dependencies": {
-    "tslib": "^2.7.0",
-    "@nx/devkit": "^20.0.0",
-    "@phenomnomnominal/tsquery": "^6.0.0",
-    "nx": "^20.0.0"
-  },
-  "generators": "./plugin/generators.json",
-  "schematics": "./plugin/generators.json",
-  "nx-migrations": {
-    "migrations": "./plugin/migrations.json",
-    "packageGroup": [
-      "angular-three-soba",
-      "angular-three-postprocessing",
-      "angular-three-cannon",
-      "angular-three-rapier"
-    ]
-  },
-  "ng-update": {
-    "migrations": "./plugin/migrations.json",
-    "packageGroup": [
-      "angular-three-soba",
-      "angular-three-postprocessing",
-      "angular-three-cannon",
-      "angular-three-rapier"
-    ]
-  },
-  "web-types": [
-    "./web-types.json",
-    "../../node_modules/angular-three/web-types.json"
-  ],
-  "module": "fesm2022/angular-three.mjs",
-  "typings": "index.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./index.d.ts",
-      "default": "./fesm2022/angular-three.mjs"
-    },
-    "./nativescript": {
-      "types": "./nativescript/index.d.ts",
-      "default": "./fesm2022/angular-three-nativescript.mjs"
-    },
-    "./testing": {
-      "types": "./testing/index.d.ts",
-      "default": "./fesm2022/angular-three-testing.mjs"
-    }
-  },
-  "sideEffects": false
-}
+	"name": "angular-three",
+	"version": "4.0.0-next.1",
+	"publishConfig": {
+		"access": "public"
+	},
+	"type": "module",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/angular-threejs/angular-three/tree/main/libs/core"
+	},
+	"author": {
+		"name": "Chau Tran",
+		"email": "nartc7789@gmail.com",
+		"url": "https://nartc.me"
+	},
+	"description": "Angular Renderer for THREE.js",
+	"keywords": [
+		"angular",
+		"threejs",
+		"renderer"
+	],
+	"license": "MIT",
+	"peerDependencies": {
+		"@angular/common": ">=19.0.0 <20.0.0",
+		"@angular/core": ">=19.0.0 <20.0.0",
+		"ngxtension": ">=3.0.0",
+		"three": ">=0.156.0 <0.173.0"
+	},
+	"dependencies": {
+		"tslib": "^2.7.0",
+		"@nx/devkit": "^20.0.0",
+		"@phenomnomnominal/tsquery": "^6.0.0",
+		"nx": "^20.0.0"
+	},
+	"generators": "./plugin/generators.json",
+	"schematics": "./plugin/generators.json",
+	"nx-migrations": {
+		"migrations": "./plugin/migrations.json",
+		"packageGroup": [
+			"angular-three-soba",
+			"angular-three-postprocessing",
+			"angular-three-cannon",
+			"angular-three-rapier"
+		]
+	},
+	"ng-update": {
+		"migrations": "./plugin/migrations.json",
+		"packageGroup": [
+			"angular-three-soba",
+			"angular-three-postprocessing",
+			"angular-three-cannon",
+			"angular-three-rapier"
+		]
+	},
+	"web-types": [
+		"./web-types.json",
+		"../../node_modules/angular-three/web-types.json"
+	],
+	"module": "fesm2022/angular-three.mjs",
+	"typings": "index.d.ts",
+	"exports": {
+		"./package.json": {
+			"default": "./package.json"
+		},
+		".": {
+			"types": "./index.d.ts",
+			"default": "./fesm2022/angular-three.mjs"
+		},
+		"./dom": {
+			"types": "./dom/index.d.ts",
+			"default": "./fesm2022/angular-three-dom.mjs"
+		},
+		"./testing": {
+			"types": "./testing/index.d.ts",
+			"default": "./fesm2022/angular-three-testing.mjs"
+		}
+	},
+	"sideEffects": false
+}

package/testing/lib/test-bed.d.ts

@@ -1,6 +1,7 @@
-import { Type } from '@angular/core';
+import { ComponentRef, Type } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { NgtAnyRecord, NgtCanvasOptions, NgtEventHandlers, NgtInstanceNode, NgtSignalStore, NgtState } from 'angular-three';
+import { type NgtAnyRecord, type NgtCanvasOptions, type NgtEventHandlers, type NgtInstanceNode, type NgtState, type SignalState } from 'angular-three';
+import type * as THREE from 'three';
 import { NgtTestCanvas } from './test-canvas';
 export interface NgtTestGraphedObject {
     type: string;
@@ -8,7 +9,8 @@ export interface NgtTestGraphedObject {
     children: NgtTestGraphedObject[];
 }
 export declare class NgtTestBed {
-    static create<T extends Type<any>>(sceneGraph: T, { mockCanvasOptions, canvasConfiguration, errorOnUnknownElements, providers, declarations, imports, teardown, deferBlockBehavior, }?: {
+    static create<T extends Type<any>>(sceneGraph: T, { sceneGraphInputs, mockCanvasOptions, canvasConfiguration, errorOnUnknownElements, providers, declarations, imports, teardown, deferBlockBehavior, }?: {
+        sceneGraphInputs?: NgtAnyRecord;
         mockCanvasOptions?: {
             width?: number;
             height?: number;
@@ -16,10 +18,11 @@ export declare class NgtTestBed {
         };
         canvasConfiguration?: Partial<Omit<NgtCanvasOptions, 'frameloop' | 'size' | 'events'>>;
     } & Omit<Parameters<TestBed['configureTestingModule']>[0], 'schemas'>): {
-        store: NgtSignalStore<NgtState>;
+        store: SignalState<NgtState>;
         fixture: ComponentFixture<NgtTestCanvas>;
-        scene: import("three").Scene;
-        sceneInstanceNode: import("angular-three").NgtLocalState;
+        sceneGraphComponentRef: ComponentRef<T>;
+        scene: THREE.Scene;
+        sceneInstanceNode: import("angular-three").NgtInstanceState<THREE.Scene>;
         canvas: HTMLCanvasElement;
         destroy: () => void;
         fireEvent: {
@@ -29,9 +32,9 @@ export declare class NgtTestBed {
         advance: (frames: number, delta?: number | number[]) => Promise<void>;
         toGraph: () => NgtTestGraphedObject[];
     };
-    static createToGraph(store: NgtSignalStore<NgtState>): () => NgtTestGraphedObject[];
-    static createAdvance(store: NgtSignalStore<NgtState>): (frames: number, delta?: number | number[]) => Promise<void>;
-    static createEventFirer(store: NgtSignalStore<NgtState>, fixture: ComponentFixture<NgtTestCanvas>): {
+    static createToGraph(store: SignalState<NgtState>): () => NgtTestGraphedObject[];
+    static createAdvance(store: SignalState<NgtState>): (frames: number, delta?: number | number[]) => Promise<void>;
+    static createEventFirer(store: SignalState<NgtState>, fixture: ComponentFixture<NgtTestCanvas>): {
         (el: NgtInstanceNode, eventName: keyof NgtEventHandlers, eventData?: NgtAnyRecord): Promise<void>;
         setAutoDetectChanges(auto: boolean): void;
     };

package/testing/lib/test-canvas.d.ts

@@ -1,11 +1,14 @@
-import { Type } from '@angular/core';
+import { ComponentRef, Type } from '@angular/core';
+import { NgtAnyRecord } from 'angular-three';
 import * as i0 from "@angular/core";
 export declare class NgtTestCanvas {
-    sceneGraph: import("@angular/core").InputSignal<Type<any>>;
-    private ref?;
-    private environmentInjector?;
+    sceneGraph: import("@angular/core").InputSignal<Type<unknown>>;
+    sceneGraphInputs: import("@angular/core").InputSignal<NgtAnyRecord>;
+    private anchorRef;
+    private store;
+    sceneRef?: ComponentRef<unknown>;
     constructor();
     destroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtTestCanvas, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgtTestCanvas, "ngt-test-canvas", never, { "sceneGraph": { "alias": "sceneGraph"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgtTestCanvas, "ngt-test-canvas", never, { "sceneGraph": { "alias": "sceneGraph"; "required": true; "isSignal": true; }; "sceneGraphInputs": { "alias": "sceneGraphInputs"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2024 Angular Three
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/fesm2022/angular-three-nativescript.mjs

@@ -1,134 +0,0 @@
-import '@nativescript/canvas-three';
-import { DOCUMENT } from '@angular/common';
-import * as i0 from '@angular/core';
-import { input, booleanAttribute, output, inject, Injector, EnvironmentInjector, DestroyRef, NgZone, viewChild, ViewContainerRef, untracked, createEnvironmentInjector, Component, NO_ERRORS_SCHEMA, ChangeDetectionStrategy } from '@angular/core';
-import { registerElement } from '@nativescript/angular';
-import { Canvas } from '@nativescript/canvas';
-import { NgtRoutedScene, injectStore, injectCanvasRootInitializer, makeDpr, provideNgtRenderer, provideStore } from 'angular-three';
-import { WebGLRenderer } from 'three';
-
-registerElement('Canvas', () => Canvas);
-class NgtCanvasNative {
-    constructor() {
-        this.sceneGraph = input.required({
-            transform: (value) => {
-                if (value === 'routed')
-                    return NgtRoutedScene;
-                return value;
-            },
-        });
-        this.gl = input();
-        this.size = input();
-        this.shadows = input(false, {
-            transform: (value) => {
-                if (value === '')
-                    return booleanAttribute(value);
-                return value;
-            },
-        });
-        this.legacy = input(false, { transform: booleanAttribute });
-        this.linear = input(false, { transform: booleanAttribute });
-        this.flat = input(false, { transform: booleanAttribute });
-        this.orthographic = input(false, { transform: booleanAttribute });
-        this.frameloop = input('always');
-        this.performance = input();
-        this.dpr = input([1, 2]);
-        this.raycaster = input();
-        this.scene = input();
-        this.camera = input();
-        this.lookAt = input();
-        this.created = output();
-        this.store = injectStore();
-        this.initRoot = injectCanvasRootInitializer();
-        this.injector = inject(Injector);
-        this.environmentInjector = inject(EnvironmentInjector);
-        this.destroyRef = inject(DestroyRef);
-        this.zone = inject(NgZone);
-        this.canvasViewContainerRef = viewChild.required('canvas', { read: ViewContainerRef });
-        this.destroyRef.onDestroy(() => {
-            this.glRef?.destroy();
-            this.glEnvironmentInjector?.destroy();
-            this.configurator?.destroy();
-        });
-    }
-    onReady(event) {
-        const canvas = event.object;
-        const dpr = makeDpr(untracked(this.dpr), window);
-        const canvasWidth = canvas.clientWidth * dpr;
-        const canvasHeight = canvas.clientHeight * dpr;
-        Object.assign(canvas, { width: canvasWidth, height: canvasHeight });
-        const context = canvas.getContext('webgl2');
-        const gl = new WebGLRenderer({
-            canvas,
-            context: context,
-            powerPreference: 'high-performance',
-            antialias: true,
-            alpha: true,
-            ...untracked(this.gl),
-        });
-        gl.setSize(canvasWidth, canvasHeight);
-        this.zone.runOutsideAngular(() => {
-            this.configurator = this.initRoot(canvas);
-            this.configurator.configure({
-                gl,
-                size: { width: canvasWidth, height: canvasHeight, top: 0, left: 0 },
-                shadows: untracked(this.shadows),
-                legacy: untracked(this.legacy),
-                linear: untracked(this.linear),
-                flat: untracked(this.flat),
-                orthographic: untracked(this.orthographic),
-                frameloop: untracked(this.frameloop),
-                performance: untracked(this.performance),
-                dpr: untracked(this.dpr),
-                raycaster: untracked(this.raycaster),
-                scene: untracked(this.scene),
-                camera: untracked(this.camera),
-                lookAt: untracked(this.lookAt),
-            });
-            untracked(this.noZoneRender.bind(this));
-        });
-    }
-    noZoneRender() {
-        // NOTE: destroy previous instances if existed
-        this.glEnvironmentInjector?.destroy();
-        this.glRef?.destroy();
-        // NOTE: Flag the canvas active, rendering will now begin
-        this.store.update((state) => ({ internal: { ...state.internal, active: true } }));
-        // emit created event if observed
-        this.created.emit(this.store.snapshot);
-        this.glEnvironmentInjector = createEnvironmentInjector([{ provide: DOCUMENT, useValue: document }, provideNgtRenderer(this.store)], this.environmentInjector);
-        this.glRef = untracked(this.canvasViewContainerRef).createComponent(untracked(this.sceneGraph), {
-            environmentInjector: this.glEnvironmentInjector,
-            injector: this.injector,
-        });
-        this.glRef.changeDetectorRef.detectChanges();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtCanvasNative, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.6", type: NgtCanvasNative, isStandalone: true, selector: "NgtCanvas", inputs: { sceneGraph: { classPropertyName: "sceneGraph", publicName: "sceneGraph", isSignal: true, isRequired: true, transformFunction: null }, gl: { classPropertyName: "gl", publicName: "gl", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shadows: { classPropertyName: "shadows", publicName: "shadows", isSignal: true, isRequired: false, transformFunction: null }, legacy: { classPropertyName: "legacy", publicName: "legacy", isSignal: true, isRequired: false, transformFunction: null }, linear: { classPropertyName: "linear", publicName: "linear", isSignal: true, isRequired: false, transformFunction: null }, flat: { classPropertyName: "flat", publicName: "flat", isSignal: true, isRequired: false, transformFunction: null }, orthographic: { classPropertyName: "orthographic", publicName: "orthographic", isSignal: true, isRequired: false, transformFunction: null }, frameloop: { classPropertyName: "frameloop", publicName: "frameloop", isSignal: true, isRequired: false, transformFunction: null }, performance: { classPropertyName: "performance", publicName: "performance", isSignal: true, isRequired: false, transformFunction: null }, dpr: { classPropertyName: "dpr", publicName: "dpr", isSignal: true, isRequired: false, transformFunction: null }, raycaster: { classPropertyName: "raycaster", publicName: "raycaster", isSignal: true, isRequired: false, transformFunction: null }, scene: { classPropertyName: "scene", publicName: "scene", isSignal: true, isRequired: false, transformFunction: null }, camera: { classPropertyName: "camera", publicName: "camera", isSignal: true, isRequired: false, transformFunction: null }, lookAt: { classPropertyName: "lookAt", publicName: "lookAt", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { created: "created" }, providers: [{ provide: DOCUMENT, useValue: document }, provideStore()], viewQueries: [{ propertyName: "canvasViewContainerRef", first: true, predicate: ["canvas"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: `
-		<GridLayout>
-			<Canvas #canvas style="width: 100%; height: auto" (ready)="onReady($event)"></Canvas>
-		</GridLayout>
-	`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtCanvasNative, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'NgtCanvas',
-                    standalone: true,
-                    template: `
-		<GridLayout>
-			<Canvas #canvas style="width: 100%; height: auto" (ready)="onReady($event)"></Canvas>
-		</GridLayout>
-	`,
-                    providers: [{ provide: DOCUMENT, useValue: document }, provideStore()],
-                    schemas: [NO_ERRORS_SCHEMA],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], ctorParameters: () => [] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { NgtCanvasNative };
-//# sourceMappingURL=angular-three-nativescript.mjs.map

package/fesm2022/angular-three-nativescript.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"angular-three-nativescript.mjs","sources":["../../../../libs/core/nativescript/src/lib/canvas.ts","../../../../libs/core/nativescript/src/angular-three-nativescript.ts"],"sourcesContent":["import '@nativescript/canvas-three';\n\nimport { DOCUMENT } from '@angular/common';\nimport {\n\tbooleanAttribute,\n\tChangeDetectionStrategy,\n\tComponent,\n\tComponentRef,\n\tcreateEnvironmentInjector,\n\tDestroyRef,\n\tEnvironmentInjector,\n\tinject,\n\tInjector,\n\tinput,\n\tNgZone,\n\tNO_ERRORS_SCHEMA,\n\toutput,\n\tType,\n\tuntracked,\n\tviewChild,\n\tViewContainerRef,\n} from '@angular/core';\nimport { registerElement } from '@nativescript/angular';\nimport { Canvas } from '@nativescript/canvas';\nimport {\n\tinjectCanvasRootInitializer,\n\tinjectStore,\n\tmakeDpr,\n\tNgtCanvasConfigurator,\n\tNgtCanvasOptions,\n\tNgtDpr,\n\tNgtGLOptions,\n\tNgtPerformance,\n\tNgtRoutedScene,\n\tNgtSize,\n\tNgtState,\n\tprovideNgtRenderer,\n\tprovideStore,\n} from 'angular-three';\nimport { Raycaster, Scene, Vector3, WebGLRenderer } from 'three';\n\nregisterElement('Canvas', () => Canvas);\n\n@Component({\n\tselector: 'NgtCanvas',\n\tstandalone: true,\n\ttemplate: `\n\t\t<GridLayout>\n\t\t\t<Canvas #canvas style=\"width: 100%; height: auto\" (ready)=\"onReady($event)\"></Canvas>\n\t\t</GridLayout>\n\t`,\n\tproviders: [{ provide: DOCUMENT, useValue: document }, provideStore()],\n\tschemas: [NO_ERRORS_SCHEMA],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgtCanvasNative {\n\tsceneGraph = input.required<Type<any>, Type<any> | 'routed'>({\n\t\ttransform: (value) => {\n\t\t\tif (value === 'routed') return NgtRoutedScene;\n\t\t\treturn value;\n\t\t},\n\t});\n\tgl = input<NgtGLOptions>();\n\tsize = input<NgtSize>();\n\tshadows = input(false, {\n\t\ttransform: (value) => {\n\t\t\tif (value === '') return booleanAttribute(value);\n\t\t\treturn value as NonNullable<NgtCanvasOptions['shadows']>;\n\t\t},\n\t});\n\tlegacy = input(false, { transform: booleanAttribute });\n\tlinear = input(false, { transform: booleanAttribute });\n\tflat = input(false, { transform: booleanAttribute });\n\torthographic = input(false, { transform: booleanAttribute });\n\tframeloop = input<NonNullable<NgtCanvasOptions['frameloop']>>('always');\n\tperformance = input<Partial<Omit<NgtPerformance, 'regress'>>>();\n\tdpr = input<NgtDpr>([1, 2]);\n\traycaster = input<Partial<Raycaster>>();\n\tscene = input<Scene | Partial<Scene>>();\n\tcamera = input<NonNullable<NgtCanvasOptions['camera']>>();\n\tlookAt = input<Vector3 | Parameters<Vector3['set']>>();\n\tcreated = output<NgtState>();\n\n\tprivate store = injectStore();\n\tprivate initRoot = injectCanvasRootInitializer();\n\tprivate injector = inject(Injector);\n\tprivate environmentInjector = inject(EnvironmentInjector);\n\tprivate destroyRef = inject(DestroyRef);\n\tprivate zone = inject(NgZone);\n\n\tprivate canvasViewContainerRef = viewChild.required('canvas', { read: ViewContainerRef });\n\n\tprivate configurator?: NgtCanvasConfigurator;\n\tprivate glEnvironmentInjector?: EnvironmentInjector;\n\tprivate glRef?: ComponentRef<any>;\n\n\tconstructor() {\n\t\tthis.destroyRef.onDestroy(() => {\n\t\t\tthis.glRef?.destroy();\n\t\t\tthis.glEnvironmentInjector?.destroy();\n\t\t\tthis.configurator?.destroy();\n\t\t});\n\t}\n\n\tonReady(event: any) {\n\t\tconst canvas = event.object;\n\t\tconst dpr = makeDpr(untracked(this.dpr), window);\n\t\tconst canvasWidth = canvas.clientWidth * dpr;\n\t\tconst canvasHeight = canvas.clientHeight * dpr;\n\t\tObject.assign(canvas, { width: canvasWidth, height: canvasHeight });\n\n\t\tconst context = canvas.getContext('webgl2');\n\t\tconst gl = new WebGLRenderer({\n\t\t\tcanvas,\n\t\t\tcontext: context as unknown as WebGLRenderingContext,\n\t\t\tpowerPreference: 'high-performance',\n\t\t\tantialias: true,\n\t\t\talpha: true,\n\t\t\t...untracked(this.gl),\n\t\t});\n\t\tgl.setSize(canvasWidth, canvasHeight);\n\n\t\tthis.zone.runOutsideAngular(() => {\n\t\t\tthis.configurator = this.initRoot(canvas);\n\t\t\tthis.configurator.configure({\n\t\t\t\tgl,\n\t\t\t\tsize: { width: canvasWidth, height: canvasHeight, top: 0, left: 0 },\n\t\t\t\tshadows: untracked(this.shadows),\n\t\t\t\tlegacy: untracked(this.legacy),\n\t\t\t\tlinear: untracked(this.linear),\n\t\t\t\tflat: untracked(this.flat),\n\t\t\t\torthographic: untracked(this.orthographic),\n\t\t\t\tframeloop: untracked(this.frameloop),\n\t\t\t\tperformance: untracked(this.performance),\n\t\t\t\tdpr: untracked(this.dpr),\n\t\t\t\traycaster: untracked(this.raycaster),\n\t\t\t\tscene: untracked(this.scene),\n\t\t\t\tcamera: untracked(this.camera),\n\t\t\t\tlookAt: untracked(this.lookAt),\n\t\t\t});\n\t\t\tuntracked(this.noZoneRender.bind(this));\n\t\t});\n\t}\n\n\tprivate noZoneRender() {\n\t\t// NOTE: destroy previous instances if existed\n\t\tthis.glEnvironmentInjector?.destroy();\n\t\tthis.glRef?.destroy();\n\n\t\t// NOTE: Flag the canvas active, rendering will now begin\n\t\tthis.store.update((state) => ({ internal: { ...state.internal, active: true } }));\n\n\t\t// emit created event if observed\n\t\tthis.created.emit(this.store.snapshot);\n\n\t\tthis.glEnvironmentInjector = createEnvironmentInjector(\n\t\t\t[{ provide: DOCUMENT, useValue: document }, provideNgtRenderer(this.store)],\n\t\t\tthis.environmentInjector,\n\t\t);\n\t\tthis.glRef = untracked(this.canvasViewContainerRef).createComponent(untracked(this.sceneGraph), {\n\t\t\tenvironmentInjector: this.glEnvironmentInjector,\n\t\t\tinjector: this.injector,\n\t\t});\n\n\t\tthis.glRef.changeDetectorRef.detectChanges();\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}