angular-three-soba 4.0.0-next.9 → 4.0.0-next.91

package/fesm2022/angular-three-soba-stats.mjs

@@ -44,10 +44,10 @@ class NgtsStats {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtsStats, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", type: NgtsStats, isStandalone: true, selector: "ngt-canvas[stats]", inputs: { options: { classPropertyName: "options", publicName: "stats", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgtsStats, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.1", type: NgtsStats, isStandalone: true, selector: "ngt-canvas[stats]", inputs: { options: { classPropertyName: "options", publicName: "stats", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtsStats, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgtsStats, decorators: [{
             type: Directive,
             args: [{ selector: 'ngt-canvas[stats]' }]
         }], ctorParameters: () => [] });

package/gizmos/lib/gizmo-helper/gizmo-helper.d.ts

@@ -15,7 +15,7 @@ export interface NgtsGizmoHelperOptions {
     renderPriority: number;
     autoClear?: boolean;
 }
-export declare class NgtsGizmoHelper {
+export declare class NgtsGizmoHelperImpl {
     options: import("@angular/core").InputSignalWithTransform<NgtsGizmoHelperOptions, "" | Partial<NgtsGizmoHelperOptions>>;
     update: import("@angular/core").OutputEmitterRef<void>;
     protected renderPriority: import("@angular/core").Signal<number>;
@@ -37,6 +37,7 @@ export declare class NgtsGizmoHelper {
     private updateDefaultUpEffect;
     private isOrbitControls;
     private isCameraControls;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgtsGizmoHelper, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgtsGizmoHelper, "ngts-gizmo-helper", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "update": "update"; }, ["content"], never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtsGizmoHelperImpl, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgtsGizmoHelperImpl, "ngts-gizmo-helper", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "update": "update"; }, ["content"], never, true, never>;
 }
+export declare const NgtsGizmoHelper: readonly [typeof NgtsGizmoHelperImpl, typeof NgtsGizmoHelperContent];

package/loaders/README.md

@@ -35,34 +35,34 @@ The function also has static methods for preloading and setting the decoder path
 
 ```ts
 @Component({
- selector: 'app-suzi',
- template: `
-  <ngt-primitive *args="[scene()]" [rotation]="[-0.63, 0, 0]" [scale]="2" [position]="[0, -1.175, 0]" />
- `,
- imports: [NgtArgs],
- schemas: [CUSTOM_ELEMENTS_SCHEMA],
- changeDetection: ChangeDetectionStrategy.OnPush,
+	selector: 'app-suzi',
+	template: `
+		<ngt-primitive *args="[scene()]" [rotation]="[-0.63, 0, 0]" [scale]="2" [position]="[0, -1.175, 0]" />
+	`,
+	imports: [NgtArgs],
+	schemas: [CUSTOM_ELEMENTS_SCHEMA],
+	changeDetection: ChangeDetectionStrategy.OnPush,
 })
 class Suzi {
- gltf = injectGLTF(() => './suzanne-high-poly.gltf');
+	gltf = injectGLTF(() => './suzanne-high-poly.gltf');
 
- scene = computed(() => {
-  const gltf = this.gltf();
-  if (!gltf) return null;
-  const { scene, materials } = gltf;
-  scene.traverse((obj) => (obj as any).isMesh && (obj.receiveShadow = obj.castShadow = true));
+	scene = computed(() => {
+		const gltf = this.gltf();
+		if (!gltf) return null;
+		const { scene, materials } = gltf;
+		scene.traverse((obj) => (obj as any).isMesh && (obj.receiveShadow = obj.castShadow = true));
 
-  const material = materials['default'] as MeshStandardMaterial;
+		const material = materials['default'] as MeshStandardMaterial;
 
-  material.color.set('orange');
-  material.roughness = 0;
-  material.normalMap = new CanvasTexture(new FlakesTexture(), UVMapping, RepeatWrapping, RepeatWrapping);
-  material.normalMap.flipY = false;
-  material.normalMap.repeat.set(40, 40);
-  material.normalScale.set(0.05, 0.05);
+		material.color.set('orange');
+		material.roughness = 0;
+		material.normalMap = new CanvasTexture(new FlakesTexture(), UVMapping, RepeatWrapping, RepeatWrapping);
+		material.normalMap.flipY = false;
+		material.normalMap.repeat.set(40, 40);
+		material.normalScale.set(0.05, 0.05);
 
-  return scene;
- });
+		return scene;
+	});
 }
 ```
 
@@ -76,19 +76,19 @@ The function also has a static method for preloading textures:
 
 ```ts
 @Component({
- template: `
-  <ngt-mesh>
-   <ngt-mesh-physical-material [normalMap]="normalMap()" [roughnessMap]="roughnessMap()" />
-  </ngt-mesh>
- `,
+	template: `
+		<ngt-mesh>
+			<ngt-mesh-physical-material [normalMap]="normalMap()" [roughnessMap]="roughnessMap()" />
+		</ngt-mesh>
+	`,
 })
 export class MyCmp {
- private textures = injectTexture(() => ({
-  roughnessMap: 'roughness_floor.jpeg',
-  normalMap: 'NORM.jpg',
- }));
- roughnessMap = computed(() => this.textures()?.roughnessMap || null);
- normalMap = computed(() => this.textures()?.normalMap || null);
+	private textures = injectTexture(() => ({
+		roughnessMap: 'roughness_floor.jpeg',
+		normalMap: 'NORM.jpg',
+	}));
+	roughnessMap = computed(() => this.textures()?.roughnessMap || null);
+	normalMap = computed(() => this.textures()?.normalMap || null);
 }
 ```
 
@@ -96,12 +96,12 @@ export class MyCmp {
 
 ```ts
 function injectProgress(injector?: Injector): Signal<{
- errors: string[];
- active: boolean;
- progress: number;
- item: string;
- loaded: number;
- total: number;
+	errors: string[];
+	active: boolean;
+	progress: number;
+	item: string;
+	loaded: number;
+	total: number;
 }>;
 ```
 

package/materials/lib/mesh-transmission-material.d.ts

@@ -3,7 +3,7 @@ import { NgtAttachable, NgtThreeElements } from 'angular-three';
 import { MeshTransmissionMaterial } from 'angular-three-soba/vanilla-exports';
 import * as THREE from 'three';
 import * as i0 from "@angular/core";
-export type MeshTransmissionMaterialOptions = ConstructorParameters<typeof MeshTransmissionMaterial>[0];
+export type MeshTransmissionMaterialOptions = Exclude<ConstructorParameters<typeof MeshTransmissionMaterial>[0], undefined>;
 export type NgtsMeshTransmissionMaterialOptions = Partial<NgtThreeElements['ngt-mesh-physical-material']> & Omit<MeshTransmissionMaterialOptions, 'buffer' | 'anisotropicBlur' | 'samples' | 'transmissionSampler'> & {
     anisotropicBlur?: number;
     buffer?: THREE.Texture;
@@ -24,7 +24,7 @@ export type NgtsMeshTransmissionMaterialOptions = Partial<NgtThreeElements['ngt-
     /** Refraction samples, default: 6 */
     samples: number;
     /** Buffer scene background (can be a texture, a cubetexture or a color), default: null */
-    background?: THREE.Texture | THREE.Color;
+    background?: THREE.Texture | THREE.Color | null;
 };
 export declare class NgtsMeshTransmissionMaterial {
     attach: import("@angular/core").InputSignal<NgtAttachable>;
@@ -41,8 +41,8 @@ export declare class NgtsMeshTransmissionMaterial {
     private backsideThickness;
     private backsideEnvMapIntensity;
     protected transmissionSampler: import("@angular/core").Signal<boolean>;
-    protected transmission: import("@angular/core").Signal<Readonly<number | undefined>>;
-    protected thickness: import("@angular/core").Signal<Readonly<number | undefined>>;
+    protected transmission: import("@angular/core").Signal<number | undefined>;
+    protected thickness: import("@angular/core").Signal<number | undefined>;
     protected side: import("@angular/core").Signal<0 | 1 | 2 | undefined>;
     materialRef: import("@angular/core").Signal<ElementRef<MeshTransmissionMaterial & {
         samples?: number | undefined;

package/misc/README.md

@@ -48,21 +48,21 @@ The `params` object includes the following properties:
 - `width`: The width of the FBO in pixels. Or it can also be the `settings` object.
 - `height`: The height of the FBO in pixels.
 - `settings`: An object containing the settings for the FBO.
-  - `samples`: The number of samples for multisample anti-aliasing (MSAA). Set to 0 to disable MSAA.
-  - `depth`: If set, the scene depth will be rendered into buffer.depthTexture. (Default: false)
-  - `wrapS`: The wrapping mode for the s-coordinate of the FBO texture.
-  - `wrapT`: The wrapping mode for the t-coordinate of the FBO texture.
-  - `magFilter`: The magnification filter for the FBO texture.
-  - `minFilter`: The minification filter for the FBO texture.
-  - `format`: The internal format of the color buffer.
-  - `type`: The data type of the color buffer.
-  - `anisotropy`: The level of anisotropic filtering for the FBO texture.
-  - `depthBuffer`: Whether to include a depth buffer. (Default: true)
-  - `stencilBuffer`: Whether to include a stencil buffer. (Default: false)
-  - `generateMipmaps`: Whether to generate mipmaps for the FBO texture. (Default: true)
-  - `depthTexture`: A DepthTexture instance to use for the depth buffer.
-  - `encoding`: The encoding of the FBO texture.
-  - `colorSpace`: The color space of the FBO texture.
+    - `samples`: The number of samples for multisample anti-aliasing (MSAA). Set to 0 to disable MSAA.
+    - `depth`: If set, the scene depth will be rendered into buffer.depthTexture. (Default: false)
+    - `wrapS`: The wrapping mode for the s-coordinate of the FBO texture.
+    - `wrapT`: The wrapping mode for the t-coordinate of the FBO texture.
+    - `magFilter`: The magnification filter for the FBO texture.
+    - `minFilter`: The minification filter for the FBO texture.
+    - `format`: The internal format of the color buffer.
+    - `type`: The data type of the color buffer.
+    - `anisotropy`: The level of anisotropic filtering for the FBO texture.
+    - `depthBuffer`: Whether to include a depth buffer. (Default: true)
+    - `stencilBuffer`: Whether to include a stencil buffer. (Default: false)
+    - `generateMipmaps`: Whether to generate mipmaps for the FBO texture. (Default: true)
+    - `depthTexture`: A DepthTexture instance to use for the depth buffer.
+    - `encoding`: The encoding of the FBO texture.
+    - `colorSpace`: The color space of the FBO texture.
 
 ### NgtsFBO
 
@@ -78,7 +78,7 @@ A directive that allows you to render a part of your scene into an FBO using an
 
 	<ngt-mesh>
 		<ngt-box-geometry *args="[3, 3, 3]" />
-		<ngt-mesh-standard-material [map]="target().texture" />
+		<ngt-mesh-standard-material [map]="target.texture" />
 	</ngt-mesh>
 </ng-template>
 ```

package/misc/lib/deprecated.d.ts

@@ -6,9 +6,3 @@ export declare const setUpdateRange: (attribute: THREE.BufferAttribute, updateRa
     offset: number;
     count: number;
 }) => void;
-export declare const LinearEncoding = 3000;
-export declare const sRGBEncoding = 3001;
-/**
- * NOTE: TextureEncoding was deprecated in r152, and removed in r162.
- */
-export type TextureEncoding = typeof LinearEncoding | typeof sRGBEncoding;

package/misc/lib/depth-buffer.d.ts

@@ -5,4 +5,4 @@ export declare function injectDepthBuffer(params?: () => {
     frames?: number;
 }, { injector }?: {
     injector?: Injector;
-}): import("@angular/core").Signal<THREE.DepthTexture | null>;
+}): THREE.DepthTexture | null;

package/misc/lib/fbo.d.ts

@@ -1,6 +1,5 @@
 import { Injector } from '@angular/core';
 import * as THREE from 'three';
-import { TextureEncoding } from './deprecated';
 import * as i0 from "@angular/core";
 interface FBOSettings {
     /** Defines the count of MSAA samples. Can only be used with WebGL 2. Default: 0 */
@@ -18,7 +17,6 @@ interface FBOSettings {
     stencilBuffer?: boolean | undefined;
     generateMipmaps?: boolean | undefined;
     depthTexture?: THREE.DepthTexture | undefined;
-    encoding?: TextureEncoding | undefined;
     colorSpace?: THREE.ColorSpace | undefined;
 }
 export interface NgtsFBOParams {
@@ -28,7 +26,7 @@ export interface NgtsFBOParams {
 }
 export declare function injectFBO(params?: () => NgtsFBOParams, { injector }?: {
     injector?: Injector;
-}): import("@angular/core").Signal<THREE.WebGLRenderTarget<THREE.Texture>>;
+}): THREE.WebGLRenderTarget<THREE.Texture>;
 export declare class NgtsFBO {
     fbo: import("@angular/core").InputSignal<{
         width: NgtsFBOParams["width"];

package/misc/lib/html/html-content.d.ts

@@ -1,6 +1,6 @@
 import { ElementRef } from '@angular/core';
 import { NgtHTML } from 'angular-three';
-import { NgtsHTML } from './html';
+import { NgtsHTMLImpl } from './html';
 import { CalculatePosition } from './utils';
 import * as i0 from "@angular/core";
 type PointerEventsProperties = 'auto' | 'none' | 'visiblePainted' | 'visibleFill' | 'visibleStroke' | 'visible' | 'painted' | 'fill' | 'stroke' | 'all' | 'inherit';
@@ -24,7 +24,7 @@ export declare class NgtsHTMLContent extends NgtHTML {
     transformOuterRef: import("@angular/core").Signal<ElementRef<HTMLDivElement> | undefined>;
     transformInnerRef: import("@angular/core").Signal<ElementRef<HTMLDivElement> | undefined>;
     containerRef: import("@angular/core").Signal<ElementRef<HTMLDivElement> | undefined>;
-    protected html: NgtsHTML;
+    protected html: NgtsHTMLImpl;
     private host;
     private store;
     protected size: import("angular-three").DeepSignal<import("angular-three").NgtSize>;

package/misc/lib/html/html.d.ts

@@ -9,7 +9,7 @@ export interface NgtsHTMLOptions extends Partial<NgtThreeElements['ngt-group']>
     castShadow: boolean;
     receiveShadow: boolean;
 }
-export declare class NgtsHTML {
+export declare class NgtsHTMLImpl {
     options: import("@angular/core").InputSignalWithTransform<NgtsHTMLOptions, "" | Partial<NgtsHTMLOptions>>;
     protected parameters: import("@angular/core").Signal<Omit<NgtsHTMLOptions, "castShadow" | "receiveShadow" | "transform" | "occlude">>;
     groupRef: import("@angular/core").Signal<ElementRef<THREE.Group<THREE.Object3DEventMap>>>;
@@ -25,7 +25,7 @@ export declare class NgtsHTML {
     protected fragmentShader: import("@angular/core").Signal<string>;
     constructor();
     protected readonly DoubleSide: 2;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgtsHTML, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgtsHTML, "ngts-html", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["[data-occlusion-geometry]", "[data-occlusion-material]", "*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtsHTMLImpl, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgtsHTMLImpl, "ngts-html", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["[data-occlusion-geometry]", "[data-occlusion-material]", "*"], true, never>;
 }
-export declare const NgtsHTMLDeclarations: readonly [typeof NgtsHTML, typeof NgtsHTMLContent];
+export declare const NgtsHTML: readonly [typeof NgtsHTMLImpl, typeof NgtsHTMLContent];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "angular-three-soba",
-	"version": "4.0.0-next.9",
+	"version": "4.0.0-next.91",
 	"publishConfig": {
 		"access": "public"
 	},
@@ -35,6 +35,10 @@
 			"types": "./abstractions/index.d.ts",
 			"default": "./fesm2022/angular-three-soba-abstractions.mjs"
 		},
+		"./cameras": {
+			"types": "./cameras/index.d.ts",
+			"default": "./fesm2022/angular-three-soba-cameras.mjs"
+		},
 		"./controls": {
 			"types": "./controls/index.d.ts",
 			"default": "./fesm2022/angular-three-soba-controls.mjs"
@@ -47,10 +51,6 @@
 			"types": "./loaders/index.d.ts",
 			"default": "./fesm2022/angular-three-soba-loaders.mjs"
 		},
-		"./cameras": {
-			"types": "./cameras/index.d.ts",
-			"default": "./fesm2022/angular-three-soba-cameras.mjs"
-		},
 		"./materials": {
 			"types": "./materials/index.d.ts",
 			"default": "./fesm2022/angular-three-soba-materials.mjs"
@@ -90,7 +90,7 @@
 		"maath": ">=0.10.0 <0.11.0",
 		"meshline": "^3.1.0",
 		"stats-gl": ">=2.0.0",
-		"three": ">=0.148.0 <0.174.0",
+		"three": ">=0.156.0 <0.175.0",
 		"three-custom-shader-material": ">=5.5.0 <6.4.0",
 		"three-mesh-bvh": ">=0.5.0 <0.10.0",
 		"three-stdlib": "^2.0.0",

package/performances/index.d.ts

@@ -1,5 +1,6 @@
 export * from './lib/adaptive-dpr';
 export * from './lib/adaptive-events';
+export * from './lib/bvh';
 export * from './lib/detailed';
 export * from './lib/instances/instances';
 export * from './lib/points/points';

package/performances/lib/adaptive-dpr.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class NgtsAdaptiveDpr {
-    pixelated: import("@angular/core").InputSignal<boolean>;
+    pixelated: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsAdaptiveDpr, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgtsAdaptiveDpr, "ngts-adaptive-dpr", never, { "pixelated": { "alias": "pixelated"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

package/performances/lib/bvh.d.ts

@@ -0,0 +1,49 @@
+import { ElementRef } from '@angular/core';
+import { NgtThreeElements } from 'angular-three';
+import * as THREE from 'three';
+import { SplitStrategy } from 'three-mesh-bvh';
+import * as i0 from "@angular/core";
+export type NgtsBVHOptions = Partial<NgtThreeElements['ngt-group']> & {
+    /**Enabled, default: true */
+    enabled: boolean;
+    /** Use .raycastFirst to retrieve hits which is generally faster, default: false */
+    firstHitOnly: boolean;
+    /** Split strategy, default: SAH (slowest to construct, fastest runtime, least memory) */
+    strategy: SplitStrategy;
+    /** Print out warnings encountered during tree construction, default: false */
+    verbose: boolean;
+    /** If true then the bounding box for the geometry is set once the BVH has been constructed, default: true */
+    setBoundingBox: boolean;
+    /** The maximum depth to allow the tree to build to, default: 40 */
+    maxDepth: number;
+    /** The number of triangles to aim for in a leaf node, default: 10 */
+    maxLeafTris: number;
+    /** If false then an index buffer is created if it does not exist and is rearranged */
+    /** to hold the bvh structure. If false then a separate buffer is created to store the */
+    /** structure and the index buffer (or lack thereof) is retained. This can be used */
+    /** when the existing index layout is important or groups are being used so a */
+    /** single BVH hierarchy can be created to improve performance. */
+    /** default: false */
+    /** Note: This setting is experimental */
+    indirect?: boolean;
+};
+export declare class NgtsBVH {
+    options: import("@angular/core").InputSignalWithTransform<NgtsBVHOptions, "" | Partial<NgtsBVHOptions>>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsBVHOptions, "indirect" | "enabled" | "firstHitOnly" | "strategy" | "verbose" | "setBoundingBox" | "maxDepth" | "maxLeafTris">>;
+    groupRef: import("@angular/core").Signal<ElementRef<THREE.Group<THREE.Object3DEventMap>>>;
+    private store;
+    private enabled;
+    private firstHitOnly;
+    private strategy;
+    private verbose;
+    private setBoundingBox;
+    private maxDepth;
+    private maxLeafTris;
+    private indirect;
+    private reset;
+    private retryMap;
+    private MAX_RETRIES;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtsBVH, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgtsBVH, "ngts-bvh", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/shaders/lib/mesh-refraction-material.d.ts

@@ -1,8 +1,8 @@
 import * as THREE from 'three';
 export declare const MeshRefractionMaterial: (new (parameters?: (THREE.ShaderMaterialParameters & Partial<{
-    [name: string]: number | boolean | any[] | THREE.CubeTexture | THREE.Texture | Int32Array<ArrayBufferLike> | Float32Array<ArrayBufferLike> | THREE.Matrix4 | THREE.Matrix3 | THREE.Quaternion | THREE.Vector4 | THREE.Vector3 | THREE.Vector2 | THREE.Color | null;
+    [name: string]: number | boolean | any[] | THREE.Color | THREE.CubeTexture | THREE.Texture | Int32Array<ArrayBufferLike> | Float32Array<ArrayBufferLike> | THREE.Matrix4 | THREE.Matrix3 | THREE.Quaternion | THREE.Vector4 | THREE.Vector3 | THREE.Vector2 | null;
 }>) | undefined) => THREE.ShaderMaterial & {
-    [name: string]: number | boolean | any[] | THREE.CubeTexture | THREE.Texture | Int32Array<ArrayBufferLike> | Float32Array<ArrayBufferLike> | THREE.Matrix4 | THREE.Matrix3 | THREE.Quaternion | THREE.Vector4 | THREE.Vector3 | THREE.Vector2 | THREE.Color | null;
+    [name: string]: number | boolean | any[] | THREE.Color | THREE.CubeTexture | THREE.Texture | Int32Array<ArrayBufferLike> | Float32Array<ArrayBufferLike> | THREE.Matrix4 | THREE.Matrix3 | THREE.Quaternion | THREE.Vector4 | THREE.Vector3 | THREE.Vector2 | null;
 }) & {
     key: string;
 };

package/staging/lib/caustics.d.ts

@@ -24,7 +24,7 @@ export interface NgtsCausticsOptions extends Partial<NgtThreeElements['ngt-group
     /** Buffer resolution, default: 2048 */
     resolution: number;
     /** Camera position, it will point towards the contents bounds center, default: [5, 5, 5] */
-    lightSource: [x: number, y: number, z: number] | ElementRef<THREE.Object3D> | THREE.Object3D;
+    lightSource: [x: number, y: number, z: number] | ElementRef<THREE.Object3D | NgtThreeElements['ngt-object3D']> | THREE.Object3D | NgtThreeElements['ngt-object3D'];
 }
 export declare class NgtsCaustics {
     protected readonly Math: Math;
@@ -44,8 +44,8 @@ export declare class NgtsCaustics {
     private normalTarget;
     private normalTargetB;
     private causticsTargetParams;
-    causticsTarget: import("@angular/core").Signal<THREE.WebGLRenderTarget<THREE.Texture>>;
-    causticsTargetB: import("@angular/core").Signal<THREE.WebGLRenderTarget<THREE.Texture>>;
+    protected causticsTarget: THREE.WebGLRenderTarget<THREE.Texture>;
+    protected causticsTargetB: THREE.WebGLRenderTarget<THREE.Texture>;
     private cameraHelper;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsCaustics, never>;

package/staging/lib/environment/inject-environment.d.ts

@@ -1,5 +1,4 @@
 import { Injector } from '@angular/core';
-import { TextureEncoding } from 'angular-three-soba/misc';
 import * as THREE from 'three';
 export declare const ENVIRONMENT_PRESETS: {
     apartment: string;
@@ -19,7 +18,7 @@ export interface NgtsInjectEnvironmentOptions {
     path: string;
     preset?: NgtsEnvironmentPresets;
     extensions?: (loader: THREE.Loader) => void;
-    encoding?: TextureEncoding;
+    colorSpace?: THREE.ColorSpace;
 }
 export declare function injectEnvironment(options?: () => Partial<NgtsInjectEnvironmentOptions>, { injector }?: {
     injector?: Injector;

package/staging/lib/render-texture.d.ts

@@ -41,7 +41,7 @@ export declare class NgtsRenderTextureContent {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsRenderTextureContent, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgtsRenderTextureContent, "ng-template[renderTextureContent]", never, {}, {}, never, never, true, never>;
 }
-export declare class NgtsRenderTexture {
+export declare class NgtsRenderTextureImpl {
     attach: import("@angular/core").InputSignal<NgtAttachable>;
     options: import("@angular/core").InputSignalWithTransform<NgtsRenderTextureOptions, "" | Partial<NgtsRenderTextureOptions>>;
     protected parameters: import("@angular/core").Signal<Omit<NgtsRenderTextureOptions, "width" | "height" | "frames" | "depthBuffer" | "stencilBuffer" | "generateMipmaps" | "samples" | "renderPriority" | "eventPriority" | "compute">>;
@@ -57,12 +57,13 @@ export declare class NgtsRenderTexture {
     private fboParams;
     protected renderPriority: import("@angular/core").Signal<number>;
     protected frames: import("@angular/core").Signal<number>;
-    protected fbo: import("@angular/core").Signal<THREE.WebGLRenderTarget<THREE.Texture>>;
+    protected fbo: THREE.WebGLRenderTarget<THREE.Texture>;
     protected virtualScene: THREE.Scene;
     protected eventPriority: import("@angular/core").Signal<number>;
     protected compute: import("@angular/core").Signal<NgtComputeFunction>;
     private uvCompute;
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgtsRenderTexture, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgtsRenderTexture, "ngts-render-texture", never, { "attach": { "alias": "attach"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, ["content"], never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtsRenderTextureImpl, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgtsRenderTextureImpl, "ngts-render-texture", never, { "attach": { "alias": "attach"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, ["content"], never, true, never>;
 }
+export declare const NgtsRenderTexture: readonly [typeof NgtsRenderTextureImpl, typeof NgtsRenderTextureContent];

package/staging/lib/stage.d.ts

@@ -83,14 +83,14 @@ export declare class NgtsStage {
     protected environmentOptions: import("@angular/core").Signal<Partial<NgtsEnvironmentOptions>>;
     protected boundsOptions: import("@angular/core").Signal<{
         raycast?: ((raycaster: import("three").Raycaster, intersects: import("three").Intersection[]) => void) | Readonly<((raycaster: import("three").Raycaster, intersects: import("three").Intersection[]) => void) | null | undefined>;
-        isGroup?: Readonly<true | undefined>;
-        isObject3D?: Readonly<true | undefined>;
-        id?: Readonly<number | undefined>;
-        uuid?: Readonly<string | undefined>;
-        name?: Readonly<string | undefined>;
-        type?: Readonly<string | undefined>;
-        parent?: import("three").Object3D<import("three").Object3DEventMap> | Readonly<import("three").Object3D<import("three").Object3DEventMap> | null | undefined>;
-        children?: import("three").Object3D<import("three").Object3DEventMap>[] | Readonly<import("three").Object3D<import("three").Object3DEventMap>[] | undefined>;
+        id?: number | undefined;
+        uuid?: string | undefined;
+        name?: string | undefined;
+        type?: string | undefined;
+        parent?: import("three").Object3D<import("three").Object3DEventMap> | Readonly<import("three").Object3D<import("three").Object3DEventMap> | null> | undefined;
+        children?: import("three").Object3D<import("three").Object3DEventMap>[] | undefined;
+        isGroup?: true | undefined;
+        isObject3D?: true | undefined;
         up?: import("three").Vector3 | [x: number, y: number, z: number] | Readonly<number | import("three").Vector3 | [x: number, y: number, z: number] | undefined>;
         position?: import("three").Vector3 | [x: number, y: number, z: number] | Readonly<number | import("three").Vector3 | [x: number, y: number, z: number] | undefined>;
         rotation?: import("three").Euler | [x: number, y: number, z: number, order?: import("three").EulerOrder | undefined] | Readonly<number | import("three").Euler | [x: number, y: number, z: number, order?: import("three").EulerOrder | undefined] | undefined>;
@@ -163,12 +163,13 @@ export declare class NgtsStage {
         toJSON?: ((meta?: import("three").JSONMeta) => import("three").Object3DJSON) | Readonly<((meta?: import("three").JSONMeta) => import("three").Object3DJSON) | undefined>;
         clone?: ((recursive?: boolean) => Group<import("three").Object3DEventMap>) | Readonly<((recursive?: boolean) => Group<import("three").Object3DEventMap>) | undefined>;
         copy?: ((object: import("three").Object3D, recursive?: boolean) => Group<import("three").Object3DEventMap>) | Readonly<((object: import("three").Object3D, recursive?: boolean) => Group<import("three").Object3DEventMap>) | undefined>;
-        addEventListener?: (((<T extends keyof import("three").Object3DEventMap>(type: T, listener: import("three").EventListener<import("three").Object3DEventMap[T], T, Group<import("three").Object3DEventMap>>) => void) | Readonly<(<T extends keyof import("three").Object3DEventMap>(type: T, listener: import("three").EventListener<import("three").Object3DEventMap[T], T, Group<import("three").Object3DEventMap>>) => void) | undefined>) & (<TEventKey extends keyof import("angular-three").NgtEventHandlers | "added" | "removed" | "childadded" | "childremoved" | keyof import("angular-three").NgtNodeEventMap<Group<import("three").Object3DEventMap>>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<typeof Group, Group<import("three").Object3DEventMap>>, ev: import("angular-three").NgtAllObject3DEventsMap<Group<import("three").Object3DEventMap>>[TEventKey]) => any) => void)) | undefined;
+        addEventListener?: (((<T extends keyof import("three").Object3DEventMap>(type: T, listener: import("three").EventListener<import("three").Object3DEventMap[T], T, Group<import("three").Object3DEventMap>>) => void) | Readonly<(<T extends keyof import("three").Object3DEventMap>(type: T, listener: import("three").EventListener<import("three").Object3DEventMap[T], T, Group<import("three").Object3DEventMap>>) => void) | undefined>) & (<TEventKey extends keyof import("angular-three").NgtEventHandlers | "added" | "removed" | "childadded" | "childremoved" | "change" | keyof import("angular-three").NgtNodeEventMap<Group<import("three").Object3DEventMap>>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<typeof Group, Group<import("three").Object3DEventMap>>, ev: import("angular-three").NgtAllObject3DEventsMap<Group<import("three").Object3DEventMap>>[TEventKey]) => any) => void)) | undefined;
         hasEventListener?: (<T extends keyof import("three").Object3DEventMap>(type: T, listener: import("three").EventListener<import("three").Object3DEventMap[T], T, Group<import("three").Object3DEventMap>>) => boolean) | Readonly<(<T extends keyof import("three").Object3DEventMap>(type: T, listener: import("three").EventListener<import("three").Object3DEventMap[T], T, Group<import("three").Object3DEventMap>>) => boolean) | undefined>;
-        removeEventListener?: (((<T extends keyof import("three").Object3DEventMap>(type: T, listener: import("three").EventListener<import("three").Object3DEventMap[T], T, Group<import("three").Object3DEventMap>>) => void) | Readonly<(<T extends keyof import("three").Object3DEventMap>(type: T, listener: import("three").EventListener<import("three").Object3DEventMap[T], T, Group<import("three").Object3DEventMap>>) => void) | undefined>) & (<TEventKey extends keyof import("angular-three").NgtEventHandlers | "added" | "removed" | "childadded" | "childremoved" | keyof import("angular-three").NgtNodeEventMap<Group<import("three").Object3DEventMap>>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<typeof Group, Group<import("three").Object3DEventMap>>, ev: import("angular-three").NgtAllObject3DEventsMap<Group<import("three").Object3DEventMap>>[TEventKey]) => any) => void)) | undefined;
+        removeEventListener?: (((<T extends keyof import("three").Object3DEventMap>(type: T, listener: import("three").EventListener<import("three").Object3DEventMap[T], T, Group<import("three").Object3DEventMap>>) => void) | Readonly<(<T extends keyof import("three").Object3DEventMap>(type: T, listener: import("three").EventListener<import("three").Object3DEventMap[T], T, Group<import("three").Object3DEventMap>>) => void) | undefined>) & (<TEventKey extends keyof import("angular-three").NgtEventHandlers | "added" | "removed" | "childadded" | "childremoved" | "change" | keyof import("angular-three").NgtNodeEventMap<Group<import("three").Object3DEventMap>>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<typeof Group, Group<import("three").Object3DEventMap>>, ev: import("angular-three").NgtAllObject3DEventsMap<Group<import("three").Object3DEventMap>>[TEventKey]) => any) => void)) | undefined;
         dispatchEvent?: (<T extends keyof import("three").Object3DEventMap>(event: import("three").BaseEvent<T> & import("three").Object3DEventMap[T]) => void) | Readonly<(<T extends keyof import("three").Object3DEventMap>(event: import("three").BaseEvent<T> & import("three").Object3DEventMap[T]) => void) | undefined>;
         dispose?: (() => void) | Readonly<(() => void) | null | undefined>;
-        __ngt_args__?: [] | readonly [] | undefined;
+        parameters?: Partial<Group<import("three").Object3DEventMap>> | Readonly<Partial<Group<import("three").Object3DEventMap>>> | undefined;
+        __ngt_args__?: [] | Readonly<[] | undefined>;
         fit: boolean;
         clip: boolean;
         margin: number;