angular-three-soba 4.0.0-next.97 → 4.0.0-next.99

package/gizmos/lib/pivot-controls/axis-arrow.d.ts

@@ -6,7 +6,7 @@ export declare function calculateOffset(clickPoint: THREE.Vector3, normal: THREE
 export declare class NgtsAxisArrow {
     protected readonly DoubleSide: 2;
     direction: import("@angular/core").InputSignal<THREE.Vector3>;
-    axis: import("@angular/core").InputSignal<0 | 1 | 2>;
+    axis: import("@angular/core").InputSignal<0 | 2 | 1>;
     private groupRef;
     private innerGroupRef;
     private annotationRef;

package/gizmos/lib/pivot-controls/axis-rotator.d.ts

@@ -7,7 +7,7 @@ export declare class NgtsAxisRotator {
     protected readonly DoubleSide: 2;
     dir1: import("@angular/core").InputSignal<THREE.Vector3>;
     dir2: import("@angular/core").InputSignal<THREE.Vector3>;
-    axis: import("@angular/core").InputSignal<0 | 1 | 2>;
+    axis: import("@angular/core").InputSignal<0 | 2 | 1>;
     groupRef: import("@angular/core").Signal<ElementRef<THREE.Group<THREE.Object3DEventMap>>>;
     annotationRef: import("@angular/core").Signal<ElementRef<HTMLDivElement> | undefined>;
     protected pivotControls: NgtsPivotControls;

package/gizmos/lib/pivot-controls/pivot-controls.d.ts

@@ -60,7 +60,7 @@ export interface NgtsPivotControlsOptions {
 }
 export declare class NgtsPivotControls {
     options: import("@angular/core").InputSignalWithTransform<NgtsPivotControlsOptions, "" | Partial<NgtsPivotControlsOptions>>;
-    protected parameters: import("@angular/core").Signal<Omit<NgtsPivotControlsOptions, "opacity" | "anchor" | "fixed" | "rotation" | "scale" | "matrix" | "visible" | "userData" | "axisColors" | "hoveredColor" | "enabled" | "lineWidth" | "offset" | "autoTransform" | "activeAxes" | "disableAxes" | "disableSliders" | "disableRotations" | "disableScaling" | "translationLimits" | "rotationLimits" | "scaleLimits" | "annotations" | "annotationsClass" | "depthTest">>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsPivotControlsOptions, "rotation" | "scale" | "matrix" | "visible" | "userData" | "opacity" | "anchor" | "fixed" | "axisColors" | "hoveredColor" | "enabled" | "lineWidth" | "offset" | "autoTransform" | "activeAxes" | "disableAxes" | "disableSliders" | "disableRotations" | "disableScaling" | "translationLimits" | "rotationLimits" | "scaleLimits" | "annotations" | "annotationsClass" | "depthTest">>;
     dragStarted: import("@angular/core").OutputEmitterRef<OnDragStartParameters>;
     dragEnded: import("@angular/core").OutputEmitterRef<void>;
     dragged: import("@angular/core").OutputEmitterRef<OnDragParameters>;

package/gizmos/lib/pivot-controls/plane-slider.d.ts

@@ -7,7 +7,7 @@ export declare class NgtsPlaneSlider {
     protected readonly DoubleSide: 2;
     dir1: import("@angular/core").InputSignal<THREE.Vector3>;
     dir2: import("@angular/core").InputSignal<THREE.Vector3>;
-    axis: import("@angular/core").InputSignal<0 | 1 | 2>;
+    axis: import("@angular/core").InputSignal<0 | 2 | 1>;
     groupRef: import("@angular/core").Signal<ElementRef<THREE.Group<THREE.Object3DEventMap>>>;
     private meshRef;
     annotationRef: import("@angular/core").Signal<ElementRef<HTMLDivElement> | undefined>;

package/gizmos/lib/pivot-controls/scaling-sphere.d.ts

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
 export declare function calculateOffset(clickPoint: THREE.Vector3, normal: THREE.Vector3, rayStart: THREE.Vector3, rayDir: THREE.Vector3): number;
 export declare class NgtsScalingSphere {
     direction: import("@angular/core").InputSignal<THREE.Vector3>;
-    axis: import("@angular/core").InputSignal<0 | 1 | 2>;
+    axis: import("@angular/core").InputSignal<0 | 2 | 1>;
     groupRef: import("@angular/core").Signal<ElementRef<THREE.Group<THREE.Object3DEventMap>>>;
     private innerGroupRef;
     annotationRef: import("@angular/core").Signal<ElementRef<HTMLDivElement> | undefined>;

package/loaders/index.d.ts

@@ -1,6 +1,10 @@
 export * from './lib/fbx-loader';
+export * from './lib/fbx-resource';
 export * from './lib/font-loader';
+export * from './lib/font-resource';
 export * from './lib/gltf-loader';
+export * from './lib/gltf-resource';
 export * from './lib/loader';
 export * from './lib/progress';
 export * from './lib/texture-loader';
+export * from './lib/texture-resource';

package/loaders/lib/fbx-loader.d.ts

@@ -1,10 +1,18 @@
 import { Injector } from '@angular/core';
+/**
+ * @deprecated Use fbxResource instead. Will be removed in v5.0.0
+ * @since v4.0.0
+ */
 declare function _injectFBX<TUrl extends string | string[] | Record<string, string>>(input: () => TUrl, { injector }?: {
     injector?: Injector;
-}): import("@angular/core").Signal<import("angular-three").NgtLoaderResults<TUrl, import("three").Group<import("three").Object3DEventMap>> | null>;
+}): import("@angular/core").Signal<import("angular-three").NgtLoaderResults<TUrl, import("three").Group<import("three").Object3DEventMap>> | undefined>;
 declare namespace _injectFBX {
     var preload: <TUrl extends string | string[] | Record<string, string>>(input: () => TUrl) => void;
 }
 export type NgtsFBXLoader = typeof _injectFBX;
+/**
+ * @deprecated Use fbxResource instead. Will be removed in v5.0.0
+ * @since v4.0.0
+ */
 export declare const injectFBX: NgtsFBXLoader;
 export {};

package/loaders/lib/fbx-resource.d.ts

@@ -0,0 +1,7 @@
+import { Injector } from '@angular/core';
+export declare function fbxResource<TUrl extends string | string[] | Record<string, string>>(input: () => TUrl, { injector }?: {
+    injector?: Injector;
+}): import("@angular/core").ResourceRef<import("angular-three").NgtLoaderResults<TUrl, import("three").Group<import("three").Object3DEventMap>> | undefined>;
+export declare namespace fbxResource {
+    var preload: <TUrl extends string | string[] | Record<string, string>>(input: TUrl) => void;
+}

package/loaders/lib/font-loader.d.ts

@@ -1,26 +1,12 @@
 import { Injector } from '@angular/core';
-import { Font } from 'three-stdlib';
-export type Glyph = {
-    _cachedOutline: string[];
-    ha: number;
-    o: string;
-};
-export type FontData = {
-    boundingBox: {
-        yMax: number;
-        yMin: number;
-    };
-    familyName: string;
-    glyphs: {
-        [k: string]: Glyph;
-    };
-    resolution: number;
-    underlineThickness: number;
-};
-export type NgtsFontInput = string | FontData;
+import { type NgtsFontInput } from './font-resource';
+/**
+ * @deprecated Use fontResource instead. Will be removed in v5.0.0
+ * @since v4.0.0
+ */
 export declare function injectFont(input: () => NgtsFontInput, { injector }?: {
     injector?: Injector;
-}): import("@angular/core").Signal<Font | null>;
+}): import("@angular/core").Signal<import("three-stdlib").Font | undefined>;
 export declare namespace injectFont {
     var preload: (input: () => NgtsFontInput) => void;
     var clear: (input?: () => NgtsFontInput) => void;

package/loaders/lib/font-resource.d.ts

@@ -0,0 +1,28 @@
+import { Injector } from '@angular/core';
+import { Font } from 'three-stdlib';
+type Glyph = {
+    _cachedOutline: string[];
+    ha: number;
+    o: string;
+};
+type FontData = {
+    boundingBox: {
+        yMax: number;
+        yMin: number;
+    };
+    familyName: string;
+    glyphs: {
+        [k: string]: Glyph;
+    };
+    resolution: number;
+    underlineThickness: number;
+};
+export type NgtsFontInput = string | FontData;
+export declare function fontResource(input: () => NgtsFontInput, { injector }?: {
+    injector?: Injector;
+}): import("@angular/core").ResourceRef<Font | undefined>;
+export declare namespace fontResource {
+    var preload: (input: NgtsFontInput) => void;
+    var clear: (input?: NgtsFontInput) => void;
+}
+export {};

package/loaders/lib/gltf-loader.d.ts

@@ -3,6 +3,10 @@ import { NgtLoaderResults, NgtObjectMap } from 'angular-three';
 import { GLTF, GLTFLoader } from 'three-stdlib';
 type InjectGLTFUrl<TGltf extends GLTF | GLTF[] | Record<string, GLTF>> = TGltf extends GLTF ? string : TGltf extends GLTF[] ? string[] : TGltf extends Record<string, GLTF> ? Record<string, string> : never;
 type InjectGLTFObjectMap<TGltf extends GLTF | GLTF[] | Record<string, GLTF>> = TGltf extends GLTF ? TGltf & NgtObjectMap : TGltf extends Array<infer _GLTF extends GLTF> ? Array<_GLTF & NgtObjectMap> : TGltf extends Record<string, infer _GLTF extends GLTF> ? Record<string, _GLTF & NgtObjectMap> : never;
+/**
+ * @deprecated Use gltfResource instead. Will be removed in v5.0.0
+ * @since v4.0.0
+ */
 declare function _injectGLTF<TGltf extends GLTF | GLTF[] | Record<string, GLTF> = GLTF, TUrl extends string | string[] | Record<string, string> = InjectGLTFUrl<TGltf>>(path: () => TUrl, { useDraco, useMeshOpt, injector, extensions, onLoad, }?: {
     useDraco?: boolean | string;
     useMeshOpt?: boolean;
@@ -22,5 +26,9 @@ declare namespace _injectGLTF {
     var setDecoderPath: (path: string) => void;
 }
 export type NgtsGLTFLoader = typeof _injectGLTF;
+/**
+ * @deprecated Use gltfResource instead. Will be removed in v5.0.0
+ * @since v4.0.0
+ */
 export declare const injectGLTF: NgtsGLTFLoader;
 export {};

package/loaders/lib/gltf-resource.d.ts

@@ -0,0 +1,32 @@
+import { Injector, ResourceRef, Signal } from '@angular/core';
+import { type NgtObjectMap } from 'angular-three';
+import { type GLTF, GLTFLoader } from 'three-stdlib';
+type GLTFUrl<TGLTF extends GLTF | GLTF[] | Record<string, GLTF>> = TGLTF extends GLTF ? string : TGLTF extends GLTF[] ? string[] : TGLTF extends Record<string, GLTF> ? Record<string, string> : never;
+type GLTFObjectMap<TGLTF extends GLTF | GLTF[] | Record<string, GLTF>, TUrl extends string | string[] | Record<string, string>> = [TGLTF, TUrl] extends [GLTF, string] ? TGLTF & NgtObjectMap : [TGLTF, TUrl] extends [Array<infer _GLTF extends GLTF>, string[]] ? Array<_GLTF & NgtObjectMap> : [TGLTF, TUrl] extends [Record<string, infer _GLTF extends GLTF>, Record<string, string>] ? {
+    [Key in keyof TGLTF]: _GLTF & NgtObjectMap;
+} : [TGLTF, TUrl] extends [GLTF, string[] | Record<string, string>] ? TUrl extends string[] ? Array<TGLTF & NgtObjectMap> : {
+    [K in keyof TUrl]: TGLTF & NgtObjectMap;
+} : never;
+type GLTFObjectSceneMap<TGLTF extends GLTF | GLTF[] | Record<string, GLTF>, TUrl extends string | string[] | Record<string, string>> = [TGLTF, TUrl] extends [GLTF, string] ? GLTF['scene'] : [TGLTF, TUrl] extends [Array<infer _GLTF extends GLTF>, string[]] ? Array<_GLTF['scene']> : [TGLTF, TUrl] extends [Record<string, infer _GLTF extends GLTF>, Record<string, string>] ? {
+    [Key in keyof TGLTF]: _GLTF['scene'];
+} : [TGLTF, TUrl] extends [GLTF, string[] | Record<string, string>] ? TUrl extends string[] ? Array<GLTF['scene']> : {
+    [K in keyof TUrl]: GLTF['scene'];
+} : never;
+export declare function gltfResource<TGLTF extends GLTF | GLTF[] | Record<string, GLTF> = GLTF, TUrl extends string | string[] | Record<string, string> = GLTFUrl<TGLTF>>(input: () => TUrl, { useDraco, useMeshOpt, injector, extensions, onLoad, }?: {
+    useDraco?: boolean | string;
+    useMeshOpt?: boolean;
+    injector?: Injector;
+    extensions?: (loader: GLTFLoader) => void;
+    onLoad?: (data: GLTFObjectMap<TGLTF, TUrl>) => void;
+}): ResourceRef<GLTFObjectMap<TGLTF, TUrl> | undefined> & {
+    scene: Signal<GLTFObjectSceneMap<TGLTF, TUrl> | null>;
+};
+export declare namespace gltfResource {
+    var preload: <TUrl extends string | string[] | Record<string, string>>(input: TUrl, { useDraco, useMeshOpt, extensions, }?: {
+        useDraco?: boolean | string;
+        useMeshOpt?: boolean;
+        extensions?: (loader: GLTFLoader) => void;
+    }) => void;
+    var setDecoderPath: (path: string) => void;
+}
+export {};

package/loaders/lib/loader.d.ts

@@ -9,8 +9,8 @@ export interface NgtsLoaderOptions {
 }
 export declare class NgtsLoader {
     private progressState;
-    protected active: import("@angular/core").Signal<boolean>;
-    protected progress: import("@angular/core").Signal<number>;
+    protected active: import("angular-three").Signal<boolean>;
+    protected progress: import("angular-three").Signal<number>;
     options: import("@angular/core").InputSignalWithTransform<NgtsLoaderOptions, "" | Partial<NgtsLoaderOptions>>;
     protected containerClass: import("@angular/core").Signal<string | undefined>;
     protected innerClass: import("@angular/core").Signal<string | undefined>;

package/loaders/lib/progress.d.ts

@@ -1,5 +1,5 @@
 import { Injector } from '@angular/core';
-export declare function injectProgress(injector?: Injector): import("@angular/core").Signal<{
+export declare function progress(injector?: Injector): import("angular-three").SignalState<{
     errors: string[];
     active: boolean;
     progress: number;
@@ -7,3 +7,8 @@ export declare function injectProgress(injector?: Injector): import("@angular/co
     loaded: number;
     total: number;
 }>;
+/**
+ * @deprecated Use `progress` instead. Will be removed in v5.0.0
+ * @since v4.0.0
+ */
+export declare const injectProgress: typeof progress;

package/loaders/lib/texture-loader.d.ts

@@ -1,6 +1,10 @@
 import { Injector, Signal } from '@angular/core';
 import { NgtLoaderResults } from 'angular-three';
 import * as THREE from 'three';
+/**
+ * @deprecated Use textureResource instead. Will be removed in v5.0.0
+ * @since v4.0.0
+ */
 declare function _injectTexture<TInput extends string[] | string | Record<string, string>>(input: () => TInput, { onLoad, injector }?: {
     onLoad?: (texture: THREE.Texture[]) => void;
     injector?: Injector;
@@ -9,5 +13,9 @@ declare namespace _injectTexture {
     var preload: <TInput extends string[] | string | Record<string, string>>(input: () => TInput) => void;
 }
 export type NgtsTextureLoader = typeof _injectTexture;
+/**
+ * @deprecated Use textureResource instead. Will be removed in v5.0.0
+ * @since v4.0.0
+ */
 export declare const injectTexture: NgtsTextureLoader;
 export {};

package/loaders/lib/texture-resource.d.ts

@@ -0,0 +1,10 @@
+import { Injector } from '@angular/core';
+import { NgtLoaderResults } from 'angular-three';
+import * as THREE from 'three';
+export declare function textureResource<TUrl extends string[] | string | Record<string, string>>(input: () => TUrl, { onLoad, injector, }?: {
+    onLoad?: (result: NgtLoaderResults<TUrl, THREE.Texture>) => void;
+    injector?: Injector;
+}): import("@angular/core").ResourceRef<NgtLoaderResults<TUrl, THREE.Texture> | undefined>;
+export declare namespace textureResource {
+    var preload: <TUrl extends string[] | string | Record<string, string>>(input: TUrl) => void;
+}

package/misc/lib/animations.d.ts

@@ -38,7 +38,12 @@ export type NgtsAnimation<TAnimation extends NgtsAnimationClip = NgtsAnimationCl
 /**
  * Use afterNextRender
  */
-export declare function injectAnimations<TAnimation extends NgtsAnimationClip>(animations: () => NgtsAnimation<TAnimation> | undefined | null, object: ElementRef<THREE.Object3D> | THREE.Object3D | (() => ElementRef<THREE.Object3D> | THREE.Object3D | undefined | null), { injector }?: {
+export declare function animations<TAnimation extends NgtsAnimationClip>(animationsFactory: () => NgtsAnimation<TAnimation> | undefined | null, object: ElementRef<THREE.Object3D> | THREE.Object3D | (() => ElementRef<THREE.Object3D> | THREE.Object3D | undefined | null), { injector }?: {
     injector?: Injector;
 }): NgtsAnimationApi<TAnimation>;
+/**
+ * @deprecated use animations instead. Will be removed in v5.0.0
+ * @since v4.0.0
+ */
+export declare const injectAnimations: typeof animations;
 export {};

package/misc/lib/decal.d.ts

@@ -11,7 +11,7 @@ export interface NgtsDecalOptions extends Partial<NgtThreeElements['ngt-mesh']>
 export declare class NgtsDecal {
     mesh: import("@angular/core").InputSignal<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap> | ElementRef<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>> | null | undefined>;
     options: import("@angular/core").InputSignalWithTransform<NgtsDecalOptions, "" | Partial<NgtsDecalOptions>>;
-    protected parameters: import("@angular/core").Signal<Omit<NgtsDecalOptions, "position" | "rotation" | "scale" | "map" | "debug" | "depthTest" | "polygonOffsetFactor">>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsDecalOptions, "position" | "scale" | "debug" | "rotation" | "map" | "depthTest" | "polygonOffsetFactor">>;
     meshRef: import("@angular/core").Signal<ElementRef<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>>;
     private helperRef;
     protected map: import("@angular/core").Signal<THREE.Texture | null | undefined>;

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

@@ -1,8 +1,13 @@
 import { Injector } from '@angular/core';
 import * as THREE from 'three';
-export declare function injectDepthBuffer(params?: () => {
+export declare function depthBuffer(params?: () => {
     size?: number;
     frames?: number;
 }, { injector }?: {
     injector?: Injector;
 }): THREE.DepthTexture | null;
+/**
+ * @deprecated use depthBuffer instead. Will be removed in v5.0.0
+ * @since v4.0.0
+ */
+export declare const injectDepthBuffer: typeof depthBuffer;

package/misc/lib/fbo.d.ts

@@ -24,9 +24,14 @@ export interface NgtsFBOParams {
     height?: number;
     settings?: FBOSettings;
 }
-export declare function injectFBO(params?: () => NgtsFBOParams, { injector }?: {
+export declare function fbo(params?: () => NgtsFBOParams, { injector }?: {
     injector?: Injector;
 }): THREE.WebGLRenderTarget<THREE.Texture>;
+/**
+ * @deprecated use fbo instead. Will be removed in v5.0.0
+ * @since v4.0.0
+ */
+export declare const injectFBO: typeof fbo;
 export declare class NgtsFBO {
     fbo: import("@angular/core").InputSignal<{
         width: NgtsFBOParams["width"];
@@ -36,7 +41,7 @@ export declare class NgtsFBO {
     private viewContainerRef;
     constructor();
     static ngTemplateContextGuard(_: NgtsFBO, ctx: unknown): ctx is {
-        $implicit: ReturnType<typeof injectFBO>;
+        $implicit: ReturnType<typeof fbo>;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsFBO, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgtsFBO, "ng-template[fbo]", never, { "fbo": { "alias": "fbo"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

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

@@ -11,13 +11,13 @@ export interface NgtsHTMLOptions extends Partial<NgtThreeElements['ngt-group']>
 }
 export declare class NgtsHTMLImpl {
     options: import("@angular/core").InputSignalWithTransform<NgtsHTMLOptions, "" | Partial<NgtsHTMLOptions>>;
-    protected parameters: import("@angular/core").Signal<Omit<NgtsHTMLOptions, "castShadow" | "receiveShadow" | "transform" | "occlude">>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsHTMLOptions, "transform" | "castShadow" | "receiveShadow" | "occlude">>;
     groupRef: import("@angular/core").Signal<ElementRef<THREE.Group<THREE.Object3DEventMap>>>;
     occlusionMeshRef: import("@angular/core").Signal<ElementRef<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>> | undefined>;
     occlusionGeometryRef: import("@angular/core").Signal<ElementRef<THREE.PlaneGeometry> | undefined>;
     protected castShadow: import("@angular/core").Signal<boolean>;
     protected receiveShadow: import("@angular/core").Signal<boolean>;
-    occlude: import("@angular/core").Signal<boolean | "raycast" | THREE.Object3D<THREE.Object3DEventMap>[] | "blending" | ElementRef<THREE.Object3D<THREE.Object3DEventMap>>[]>;
+    occlude: import("@angular/core").Signal<boolean | "raycast" | THREE.Object3D<THREE.Object3DEventMap>[] | ElementRef<THREE.Object3D<THREE.Object3DEventMap>>[] | "blending">;
     transform: import("@angular/core").Signal<boolean>;
     isRaycastOcclusion: import("@angular/core").Signal<boolean | 0>;
     private shaders;

package/misc/lib/intersect.d.ts

@@ -1,10 +1,15 @@
 import { ElementRef, Injector, WritableSignal } from '@angular/core';
 import * as THREE from 'three';
 import * as i0 from "@angular/core";
-export declare function injectIntersect<TObject extends THREE.Object3D>(object: () => ElementRef<TObject> | TObject | undefined | null, { injector, source }?: {
+export declare function intersect<TObject extends THREE.Object3D>(object: () => ElementRef<TObject> | TObject | undefined | null, { injector, source }?: {
     injector?: Injector;
     source?: WritableSignal<boolean>;
 }): import("@angular/core").Signal<boolean>;
+/**
+ * @deprecated Use `intersect` instead. Will be removed in v5.0.0
+ * @since v4.0.0
+ */
+export declare const injectIntersect: typeof intersect;
 export declare class NgtsIntersect {
     intersect: import("@angular/core").ModelSignal<boolean>;
     constructor();

package/misc/lib/sampler.d.ts

@@ -60,7 +60,7 @@ export declare class NgtsSampler {
     mesh: import("@angular/core").InputSignal<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap> | ElementRef<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>> | null>;
     instances: import("@angular/core").InputSignal<THREE.InstancedMesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.InstancedMeshEventMap> | ElementRef<THREE.InstancedMesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.InstancedMeshEventMap>> | null>;
     options: import("@angular/core").InputSignalWithTransform<NgtsSamplerOptions, "" | Partial<NgtsSamplerOptions>>;
-    protected parameters: import("@angular/core").Signal<Omit<NgtsSamplerOptions, "count" | "transform" | "weight">>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsSamplerOptions, "transform" | "count" | "weight">>;
     groupRef: import("@angular/core").Signal<ElementRef<THREE.Group<THREE.Object3DEventMap>>>;
     private count;
     private weight;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "angular-three-soba",
-	"version": "4.0.0-next.97",
+	"version": "4.0.0-next.99",
 	"publishConfig": {
 		"access": "public"
 	},
@@ -35,14 +35,6 @@
 			"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"
-		},
 		"./gizmos": {
 			"types": "./gizmos/index.d.ts",
 			"default": "./fesm2022/angular-three-soba-gizmos.mjs"
@@ -55,6 +47,14 @@
 			"types": "./materials/index.d.ts",
 			"default": "./fesm2022/angular-three-soba-materials.mjs"
 		},
+		"./controls": {
+			"types": "./controls/index.d.ts",
+			"default": "./fesm2022/angular-three-soba-controls.mjs"
+		},
+		"./cameras": {
+			"types": "./cameras/index.d.ts",
+			"default": "./fesm2022/angular-three-soba-cameras.mjs"
+		},
 		"./misc": {
 			"types": "./misc/index.d.ts",
 			"default": "./fesm2022/angular-three-soba-misc.mjs"

package/staging/index.d.ts

@@ -7,6 +7,7 @@ export * from './lib/caustics';
 export * from './lib/center';
 export * from './lib/contact-shadows';
 export * from './lib/environment/environment';
+export * from './lib/environment/environment-resource';
 export * from './lib/environment/inject-environment';
 export * from './lib/float';
 export * from './lib/lightformer';

package/staging/lib/accumulative-shadows.d.ts

@@ -30,7 +30,7 @@ export declare class NgtsAccumulativeShadows {
     protected readonly nullTraversal: () => null;
     protected readonly Math: Math;
     options: import("@angular/core").InputSignalWithTransform<NgtsAccumulativeShadowsOptions, "" | Partial<NgtsAccumulativeShadowsOptions>>;
-    parameters: import("@angular/core").Signal<Omit<NgtsAccumulativeShadowsOptions, "scale" | "temporal" | "frames" | "limit" | "blend" | "opacity" | "alphaTest" | "color" | "colorBlend" | "resolution" | "toneMapped">>;
+    parameters: import("@angular/core").Signal<Omit<NgtsAccumulativeShadowsOptions, "scale" | "frames" | "blend" | "limit" | "temporal" | "opacity" | "alphaTest" | "color" | "colorBlend" | "resolution" | "toneMapped">>;
     lightsRef: import("@angular/core").Signal<ElementRef<THREE.Group<THREE.Object3DEventMap>>>;
     planeRef: import("@angular/core").Signal<ElementRef<THREE.Mesh<THREE.PlaneGeometry, THREE.ShaderMaterial & {
         map: THREE.Texture | null;

package/staging/lib/caustics.d.ts

@@ -32,7 +32,7 @@ export declare class NgtsCaustics {
     protected readonly OneFactor: 201;
     protected readonly SrcAlphaFactor: 204;
     options: import("@angular/core").InputSignalWithTransform<NgtsCausticsOptions, "" | Partial<NgtsCausticsOptions>>;
-    protected parameters: import("@angular/core").Signal<Omit<NgtsCausticsOptions, "frames" | "color" | "resolution" | "debug" | "intensity" | "causticsOnly" | "backside" | "ior" | "backsideIOR" | "worldRadius" | "lightSource">>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsCausticsOptions, "frames" | "color" | "resolution" | "debug" | "causticsOnly" | "backside" | "ior" | "backsideIOR" | "worldRadius" | "intensity" | "lightSource">>;
     protected debug: import("@angular/core").Signal<boolean>;
     protected color: import("@angular/core").Signal<THREE.ColorRepresentation>;
     private resolution;

package/staging/lib/center.d.ts

@@ -38,12 +38,12 @@ export interface NgtsCenterOptions {
 }
 export declare class NgtsCenter {
     options: import("@angular/core").InputSignalWithTransform<Partial<import("angular-three").NgtThreeElement<typeof THREE.Group>> & NgtsCenterOptions, "" | Partial<Partial<import("angular-three").NgtThreeElement<typeof THREE.Group>> & NgtsCenterOptions>>;
-    protected parameters: import("@angular/core").Signal<Omit<Partial<import("angular-three").NgtThreeElement<typeof THREE.Group>> & NgtsCenterOptions, "top" | "right" | "bottom" | "left" | "front" | "back" | "disable" | "disableX" | "disableY" | "disableZ" | "precise" | "cacheKey">>;
+    protected parameters: import("@angular/core").Signal<Omit<Partial<import("angular-three").NgtThreeElement<typeof THREE.Group>> & NgtsCenterOptions, "disable" | "top" | "left" | "right" | "bottom" | "precise" | "cacheKey" | "front" | "back" | "disableX" | "disableY" | "disableZ">>;
     centered: import("@angular/core").OutputEmitterRef<NgtsCenterState>;
     groupRef: import("@angular/core").Signal<ElementRef<THREE.Group<THREE.Object3DEventMap>>>;
     private outerRef;
     private innerRef;
-    centerOptions: import("@angular/core").Signal<Pick<Partial<import("angular-three").NgtThreeElement<typeof THREE.Group>> & NgtsCenterOptions, "top" | "right" | "bottom" | "left" | "front" | "back" | "disable" | "disableX" | "disableY" | "disableZ" | "precise" | "cacheKey">>;
+    centerOptions: import("@angular/core").Signal<Pick<Partial<import("angular-three").NgtThreeElement<typeof THREE.Group>> & NgtsCenterOptions, "disable" | "top" | "left" | "right" | "bottom" | "precise" | "cacheKey" | "front" | "back" | "disableX" | "disableY" | "disableZ">>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsCenter, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgtsCenter, "ngts-center", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "centered": "centered"; }, never, ["*"], true, never>;

package/staging/lib/contact-shadows.d.ts

@@ -19,7 +19,7 @@ export interface NgtsContactShadowsOptions extends Partial<Omit<NgtThreeElements
 export declare class NgtsContactShadows {
     protected readonly Math: Math;
     options: import("@angular/core").InputSignalWithTransform<NgtsContactShadowsOptions, "" | Partial<NgtsContactShadowsOptions>>;
-    protected parameters: import("@angular/core").Signal<Omit<NgtsContactShadowsOptions, "scale" | "renderOrder" | "frames" | "opacity" | "color" | "resolution" | "width" | "height" | "near" | "far" | "blur" | "smooth" | "depthWrite">>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsContactShadowsOptions, "scale" | "renderOrder" | "frames" | "opacity" | "color" | "resolution" | "depthWrite" | "width" | "height" | "near" | "far" | "blur" | "smooth">>;
     contactShadowsRef: import("@angular/core").Signal<ElementRef<THREE.Group<THREE.Object3DEventMap>>>;
     private shadowsCameraRef;
     private store;

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

@@ -0,0 +1,35 @@
+import { Injector } from '@angular/core';
+import * as THREE from 'three';
+export declare const ENVIRONMENT_PRESETS: {
+    apartment: string;
+    city: string;
+    dawn: string;
+    forest: string;
+    lobby: string;
+    night: string;
+    park: string;
+    studio: string;
+    sunset: string;
+    warehouse: string;
+};
+export type NgtsEnvironmentPresets = keyof typeof ENVIRONMENT_PRESETS;
+export interface NgtsEnvironmentResourceOptions {
+    files: string | string[];
+    path: string;
+    preset?: NgtsEnvironmentPresets;
+    extensions?: (loader: THREE.Loader) => void;
+    colorSpace?: THREE.ColorSpace;
+}
+export declare function environmentResource(options?: () => Partial<NgtsEnvironmentResourceOptions>, { injector }?: {
+    injector?: Injector;
+}): {
+    texture: import("@angular/core").Signal<THREE.Texture | THREE.CubeTexture | null>;
+    resource: import("@angular/core").ResourceRef<unknown>;
+};
+export declare namespace environmentResource {
+    var preload: (options?: Partial<NgtsEnvironmentResourceOptions>) => void;
+    var clear: (clearOptions: {
+        files?: string | string[];
+        preset?: NgtsEnvironmentPresets;
+    }) => void;
+}

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

@@ -1,9 +1,9 @@
 import { ElementRef, TemplateRef } from '@angular/core';
 import { NgtEuler } from 'angular-three';
 import * as THREE from 'three';
-import { NgtsEnvironmentPresets, NgtsInjectEnvironmentOptions } from './inject-environment';
+import { type NgtsEnvironmentPresets, type NgtsEnvironmentResourceOptions } from './environment-resource';
 import * as i0 from "@angular/core";
-export interface NgtsEnvironmentOptions extends Partial<NgtsInjectEnvironmentOptions> {
+export interface NgtsEnvironmentOptions extends Partial<NgtsEnvironmentResourceOptions> {
     frames?: number;
     near?: number;
     far?: number;
@@ -82,7 +82,7 @@ export declare class NgtsEnvironmentPortal {
 export declare class NgtsEnvironmentGround {
     options: import("@angular/core").InputSignal<NgtsEnvironmentOptions>;
     envSet: import("@angular/core").OutputEmitterRef<void>;
-    private defaultTexture;
+    private defaultEnvironment;
     protected height: import("@angular/core").Signal<any>;
     protected radius: import("@angular/core").Signal<any>;
     protected scale: import("@angular/core").Signal<any>;

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

@@ -1,30 +1,14 @@
 import { Injector } from '@angular/core';
-import * as THREE from 'three';
-export declare const ENVIRONMENT_PRESETS: {
-    apartment: string;
-    city: string;
-    dawn: string;
-    forest: string;
-    lobby: string;
-    night: string;
-    park: string;
-    studio: string;
-    sunset: string;
-    warehouse: string;
-};
-export type NgtsEnvironmentPresets = keyof typeof ENVIRONMENT_PRESETS;
-export interface NgtsInjectEnvironmentOptions {
-    files: string | string[];
-    path: string;
-    preset?: NgtsEnvironmentPresets;
-    extensions?: (loader: THREE.Loader) => void;
-    colorSpace?: THREE.ColorSpace;
-}
-export declare function injectEnvironment(options?: () => Partial<NgtsInjectEnvironmentOptions>, { injector }?: {
+import { type NgtsEnvironmentPresets, type NgtsEnvironmentResourceOptions } from './environment-resource';
+/**
+ * @deprecated use environmentResource instead. Will be removed in v5.0.0
+ * @since v4.0.0
+ */
+export declare function injectEnvironment(options?: () => Partial<NgtsEnvironmentResourceOptions>, { injector }?: {
     injector?: Injector;
-}): import("@angular/core").Signal<THREE.Texture | THREE.CubeTexture | null>;
+}): import("@angular/core").Signal<import("three").Texture | import("three").CubeTexture | null>;
 export declare namespace injectEnvironment {
-    var preload: (options?: () => Partial<NgtsInjectEnvironmentOptions>) => void;
+    var preload: (options?: () => Partial<NgtsEnvironmentResourceOptions>) => void;
     var clear: (clearOptions: {
         files?: string | string[];
         preset?: NgtsEnvironmentPresets;

package/staging/lib/lightformer.d.ts

@@ -14,7 +14,7 @@ export interface NgtsLightformerOptions {
 export declare class NgtsLightformer {
     protected readonly side: 2;
     options: import("@angular/core").InputSignalWithTransform<Partial<Omit<import("angular-three").NgtThreeElement<typeof THREE.Mesh>, "scale">> & NgtsLightformerOptions, "" | Partial<Partial<Omit<import("angular-three").NgtThreeElement<typeof THREE.Mesh>, "scale">> & NgtsLightformerOptions>>;
-    protected parameters: import("@angular/core").Signal<Omit<Partial<Omit<import("angular-three").NgtThreeElement<typeof THREE.Mesh>, "scale">> & NgtsLightformerOptions, "scale" | "map" | "color" | "toneMapped" | "intensity" | "target" | "form">>;
+    protected parameters: import("@angular/core").Signal<Omit<Partial<Omit<import("angular-three").NgtThreeElement<typeof THREE.Mesh>, "scale">> & NgtsLightformerOptions, "scale" | "map" | "color" | "toneMapped" | "target" | "intensity" | "form">>;
     private intensity;
     private color;
     private target;

package/staging/lib/mask.d.ts

@@ -9,7 +9,7 @@ export interface NgtsMaskOptions extends Partial<NgtThreeElements['ngt-mesh']> {
 export declare class NgtsMask {
     id: import("@angular/core").InputSignalWithTransform<number, unknown>;
     options: import("@angular/core").InputSignalWithTransform<NgtsMaskOptions, "" | Partial<NgtsMaskOptions>>;
-    protected parameters: import("@angular/core").Signal<Omit<NgtsMaskOptions, "depthWrite" | "colorWrite">>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsMaskOptions, "colorWrite" | "depthWrite">>;
     meshRef: import("@angular/core").Signal<ElementRef<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material, THREE.Object3DEventMap>>>;
     private colorWrite;
     private depthWrite;