angular-three-soba 4.1.1 → 4.2.1

package/performances/README.md

@@ -16,6 +16,7 @@ npm install three-mesh-bvh
 - [NgtsAdaptiveEvents](#ngtsadaptiveevents)
 - [NgtsBVH](#ngtsbvh)
 - [NgtsDetailed](#ngtsdetailed)
+- [NgtsLOD](#ngtslod)
 - [NgtsInstances](#ngtsinstances)
 - [NgtsSegments](#ngtssegments)
 - [NgtsPoints](#ngtspoints)
@@ -94,6 +95,52 @@ Implements Level of Detail (LOD) rendering. Automatically switches between diffe
 </ngts-detailed>
 ```
 
+## NgtsLOD
+
+Implements Level of Detail (LOD) rendering. Automatically switches between different detail levels of child objects based on camera distance.
+
+Unlike `NgtsDetailed`, this is an implementation based on Angular and angular-three APIs rather than Three's LOD class.
+The component adds and remove objects from the scene graph rather than hiding them with `visible = false`.
+This solves a number of issues such as avoid raycasting over hidden objects.
+
+Usage:
+
+```html
+<ngt-group lod [maxDistance]="10000">
+	<ngt-mesh *lodLevel />
+	<ngt-mesh *lodLevel="{distance: 100, hysteresis: 0.1}" />
+	<ngt-mesh *lodLevel="{distance: 1000}" />
+</ngt-group>
+```
+
+The `[lod]` directive (`NgtsLODImpl`) supports the following optional input:
+
+| Property      | Description                                                                   | Default Value |
+| ------------- | ----------------------------------------------------------------------------- | ------------- |
+| `maxDistance` | Distance beyond which nothing is displayed (equivalent to a last empty level) | `undefined`   |
+
+The `[lodLevel]` directive (`NgtsLODLevel`) supports the following object inputs:
+
+| Property     | Description                                          | Default Value |
+| ------------ | ---------------------------------------------------- | ------------- |
+| `distance`   | Distance threshold above which to display the object | `0`           |
+| `hysteresis` | Prevents rapid switching near distance thresholds    | `0`           |
+
+This directive may also be used with the following shorthand syntax:
+
+```html
+<ngt-group lod>
+	<ng-template lodLevel>
+		<ngt-mesh />
+		<ngt-mesh />
+	</ng-template>
+	<ng-template [lodLevel]="{distance: 100}">
+		<ngt-mesh />
+		<ngt-mesh />
+	</ng-template>
+</ngt-group>
+```
+
 ## NgtsInstances
 
 Efficiently renders many instances of the same geometry and material using a single draw call via `THREE.InstancedMesh`.

package/types/angular-three-soba-abstractions.d.ts

@@ -238,11 +238,9 @@ declare class NgtsCatmullRomLine {
         frustumCulled?: Readonly<boolean | undefined>;
         renderOrder?: Readonly<number | undefined>;
         animations?: THREE.AnimationClip[] | Readonly<THREE.AnimationClip[] | undefined>;
+        userData?: Record<string, any> | (Record<string, any> & Readonly<Record<string, any>>) | undefined;
         customDepthMaterial?: THREE.Material | Readonly<THREE.Material | undefined>;
         customDistanceMaterial?: THREE.Material | Readonly<THREE.Material | undefined>;
-        static?: Readonly<boolean | undefined>;
-        userData?: Record<string, any> | (Record<string, any> & Readonly<Record<string, any>>) | undefined;
-        pivot?: THREE.Vector3 | Readonly<THREE.Vector3 | null | undefined>;
         onBeforeShadow?: ((renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, shadowCamera: THREE.Camera, geometry: THREE.BufferGeometry, depthMaterial: THREE.Material, group: THREE.Group) => void) | Readonly<((renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, shadowCamera: THREE.Camera, geometry: THREE.BufferGeometry, depthMaterial: THREE.Material, group: THREE.Group) => void) | undefined>;
         onAfterShadow?: ((renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, shadowCamera: THREE.Camera, geometry: THREE.BufferGeometry, depthMaterial: THREE.Material, group: THREE.Group) => void) | Readonly<((renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, shadowCamera: THREE.Camera, geometry: THREE.BufferGeometry, depthMaterial: THREE.Material, group: THREE.Group) => void) | undefined>;
         onBeforeRender?: ((((renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.BufferGeometry, material: THREE.Material, group: THREE.Group) => void) | Readonly<(renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.BufferGeometry, material: THREE.Material, group: THREE.Group) => void>) & (((renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.BufferGeometry, object: THREE.Object3D, group: THREE.Group) => void) | Readonly<(renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.BufferGeometry, object: THREE.Object3D, group: THREE.Group) => void>)) | undefined;
@@ -293,8 +291,6 @@ declare class NgtsCatmullRomLine {
         toJSON?: ((((meta?: THREE.JSONMeta) => THREE.MeshJSON) | Readonly<(meta?: THREE.JSONMeta) => THREE.MeshJSON>) & (((meta?: THREE.JSONMeta) => THREE.ShaderMaterialJSON) | Readonly<(meta?: THREE.JSONMeta) => THREE.ShaderMaterialJSON>)) | undefined;
         clone?: ((((recursive?: boolean) => three_stdlib.Line2) | Readonly<(recursive?: boolean) => three_stdlib.Line2>) & ((() => three_stdlib.LineMaterial) | Readonly<() => three_stdlib.LineMaterial>)) | undefined;
         copy?: ((((object: THREE.Object3D, recursive?: boolean) => three_stdlib.Line2) | Readonly<(object: THREE.Object3D, recursive?: boolean) => three_stdlib.Line2>) & (((source: THREE.Material) => three_stdlib.LineMaterial) | Readonly<(source: THREE.Material) => three_stdlib.LineMaterial>)) | undefined;
-        count?: Readonly<number | undefined>;
-        occlusionTest?: Readonly<boolean | undefined>;
         addEventListener?: ((((<T extends keyof THREE.Object3DEventMap>(type: T, listener: THREE.EventListener<THREE.Object3DEventMap[T], T, three_stdlib.Line2>) => void) | Readonly<(<T extends keyof THREE.Object3DEventMap>(type: T, listener: THREE.EventListener<THREE.Object3DEventMap[T], T, three_stdlib.Line2>) => void) | undefined>) & (<TEventKey extends keyof angular_three.NgtEventHandlers | "added" | "removed" | "childadded" | "childremoved" | "change" | keyof angular_three.NgtNodeEventMap<three_stdlib.Line2>>(type: TEventKey, listener: (this: angular_three.NgtNodeElement<typeof three_stdlib.Line2, three_stdlib.Line2>, ev: angular_three.NgtAllObject3DEventsMap<three_stdlib.Line2>[TEventKey]) => any) => void)) & (((<T extends "dispose">(type: T, listener: THREE.EventListener<{
             dispose: {};
         }[T], T, three_stdlib.LineMaterial>) => void) | Readonly<(<T extends "dispose">(type: T, listener: THREE.EventListener<{
@@ -318,7 +314,7 @@ declare class NgtsCatmullRomLine {
         dispose?: (((() => void) | Readonly<() => void> | null) & (((() => void) & (() => void)) | Readonly<(() => void) & (() => void)>)) | undefined;
         parameters?: ((Partial<three_stdlib.Line2> | Readonly<Partial<three_stdlib.Line2>>) & (Partial<three_stdlib.LineMaterial> | Readonly<Partial<three_stdlib.LineMaterial>>)) | undefined;
         color?: THREE.ColorRepresentation | undefined;
-        blending?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;
+        blending?: 0 | 1 | 2 | 3 | 4 | 5 | undefined;
         side?: 0 | 1 | 2 | undefined;
         opacity?: number | undefined;
         transparent?: boolean | undefined;
@@ -379,6 +375,7 @@ declare class NgtsCatmullRomLine {
         } | Readonly<{
             [key: string]: number;
         } | undefined>;
+        count?: Readonly<number | undefined>;
         updateMorphTargets?: (() => void) | Readonly<(() => void) | undefined>;
         getVertexPosition?: ((index: number, target: THREE.Vector3) => THREE.Vector3) | Readonly<((index: number, target: THREE.Vector3) => THREE.Vector3) | undefined>;
         isLineMaterial?: true | undefined;
@@ -537,21 +534,19 @@ declare class NgtsEdges {
         frustumCulled?: Readonly<boolean | undefined>;
         renderOrder?: Readonly<number | undefined>;
         animations?: THREE.AnimationClip[] | Readonly<THREE.AnimationClip[] | undefined>;
+        userData?: Record<string, any> | (Readonly<Record<string, any>> & Record<string, any>) | undefined;
         customDepthMaterial?: THREE.Material | Readonly<THREE.Material | undefined>;
         customDistanceMaterial?: THREE.Material | Readonly<THREE.Material | undefined>;
-        static?: Readonly<boolean | undefined>;
-        userData?: Record<string, any> | (Readonly<Record<string, any>> & Record<string, any>) | undefined;
-        pivot?: THREE.Vector3 | Readonly<THREE.Vector3 | null | undefined>;
-        onBeforeShadow?: ((((renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, shadowCamera: THREE.Camera, geometry: THREE.BufferGeometry, depthMaterial: THREE.Material, group: THREE.Group) => void) | Readonly<(renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, shadowCamera: THREE.Camera, geometry: THREE.BufferGeometry, depthMaterial: THREE.Material, group: THREE.Group) => void>) & (((renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, shadowCamera: THREE.Camera, geometry: THREE.BufferGeometry, depthMaterial: THREE.Material, group: THREE.Group) => void) | Readonly<(renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, shadowCamera: THREE.Camera, geometry: THREE.BufferGeometry, depthMaterial: THREE.Material, group: THREE.Group) => void>)) | undefined;
-        onAfterShadow?: ((((renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, shadowCamera: THREE.Camera, geometry: THREE.BufferGeometry, depthMaterial: THREE.Material, group: THREE.Group) => void) | Readonly<(renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, shadowCamera: THREE.Camera, geometry: THREE.BufferGeometry, depthMaterial: THREE.Material, group: THREE.Group) => void>) & (((renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, shadowCamera: THREE.Camera, geometry: THREE.BufferGeometry, depthMaterial: THREE.Material, group: THREE.Group) => void) | Readonly<(renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, shadowCamera: THREE.Camera, geometry: THREE.BufferGeometry, depthMaterial: THREE.Material, group: THREE.Group) => void>)) | undefined;
-        onBeforeRender?: ((((renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.BufferGeometry, material: THREE.Material, group: THREE.Group) => void) | Readonly<(renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.BufferGeometry, material: THREE.Material, group: THREE.Group) => void>) & ((((renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.BufferGeometry, material: THREE.Material, group: THREE.Group) => void) | Readonly<(renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.BufferGeometry, material: THREE.Material, group: THREE.Group) => void>) & (((renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.BufferGeometry, object: THREE.Object3D, group: THREE.Group) => void) | Readonly<(renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.BufferGeometry, object: THREE.Object3D, group: THREE.Group) => void>))) | undefined;
-        onAfterRender?: ((((renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.BufferGeometry, material: THREE.Material, group: THREE.Group) => void) | Readonly<(renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.BufferGeometry, material: THREE.Material, group: THREE.Group) => void>) & (((renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.BufferGeometry, material: THREE.Material, group: THREE.Group) => void) | Readonly<(renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.BufferGeometry, material: THREE.Material, group: THREE.Group) => void>)) | undefined;
-        applyMatrix4?: ((((matrix: THREE.Matrix4) => void) | Readonly<(matrix: THREE.Matrix4) => void>) & (((matrix: THREE.Matrix4) => void) | Readonly<(matrix: THREE.Matrix4) => void>)) | undefined;
+        onBeforeShadow?: ((renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, shadowCamera: THREE.Camera, geometry: THREE.BufferGeometry, depthMaterial: THREE.Material, group: THREE.Group) => void) | Readonly<((renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, shadowCamera: THREE.Camera, geometry: THREE.BufferGeometry, depthMaterial: THREE.Material, group: THREE.Group) => void) | undefined>;
+        onAfterShadow?: ((renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, shadowCamera: THREE.Camera, geometry: THREE.BufferGeometry, depthMaterial: THREE.Material, group: THREE.Group) => void) | Readonly<((renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, shadowCamera: THREE.Camera, geometry: THREE.BufferGeometry, depthMaterial: THREE.Material, group: THREE.Group) => void) | undefined>;
+        onBeforeRender?: ((((renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.BufferGeometry, material: THREE.Material, group: THREE.Group) => void) | Readonly<(renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.BufferGeometry, material: THREE.Material, group: THREE.Group) => void>) & (((renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.BufferGeometry, object: THREE.Object3D, group: THREE.Group) => void) | Readonly<(renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.BufferGeometry, object: THREE.Object3D, group: THREE.Group) => void>)) | undefined;
+        onAfterRender?: ((renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.BufferGeometry, material: THREE.Material, group: THREE.Group) => void) | Readonly<((renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.BufferGeometry, material: THREE.Material, group: THREE.Group) => void) | undefined>;
+        applyMatrix4?: ((matrix: THREE.Matrix4) => void) | Readonly<((matrix: THREE.Matrix4) => void) | undefined>;
         applyQuaternion?: ((((quaternion: THREE.Quaternion) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>) | Readonly<(quaternion: THREE.Quaternion) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>) & (((quaternion: THREE.Quaternion) => three_stdlib.Line2) | Readonly<(quaternion: THREE.Quaternion) => three_stdlib.Line2>)) | undefined;
-        setRotationFromAxisAngle?: ((((axis: THREE.Vector3, angle: number) => void) | Readonly<(axis: THREE.Vector3, angle: number) => void>) & (((axis: THREE.Vector3, angle: number) => void) | Readonly<(axis: THREE.Vector3, angle: number) => void>)) | undefined;
-        setRotationFromEuler?: ((((euler: THREE.Euler) => void) | Readonly<(euler: THREE.Euler) => void>) & (((euler: THREE.Euler) => void) | Readonly<(euler: THREE.Euler) => void>)) | undefined;
-        setRotationFromMatrix?: ((((m: THREE.Matrix4) => void) | Readonly<(m: THREE.Matrix4) => void>) & (((m: THREE.Matrix4) => void) | Readonly<(m: THREE.Matrix4) => void>)) | undefined;
-        setRotationFromQuaternion?: ((((q: THREE.Quaternion) => void) | Readonly<(q: THREE.Quaternion) => void>) & (((q: THREE.Quaternion) => void) | Readonly<(q: THREE.Quaternion) => void>)) | undefined;
+        setRotationFromAxisAngle?: ((axis: THREE.Vector3, angle: number) => void) | Readonly<((axis: THREE.Vector3, angle: number) => void) | undefined>;
+        setRotationFromEuler?: ((euler: THREE.Euler) => void) | Readonly<((euler: THREE.Euler) => void) | undefined>;
+        setRotationFromMatrix?: ((m: THREE.Matrix4) => void) | Readonly<((m: THREE.Matrix4) => void) | undefined>;
+        setRotationFromQuaternion?: ((q: THREE.Quaternion) => void) | Readonly<((q: THREE.Quaternion) => void) | undefined>;
         rotateOnAxis?: ((((axis: THREE.Vector3, angle: number) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>) | Readonly<(axis: THREE.Vector3, angle: number) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>) & (((axis: THREE.Vector3, angle: number) => three_stdlib.Line2) | Readonly<(axis: THREE.Vector3, angle: number) => three_stdlib.Line2>)) | undefined;
         rotateOnWorldAxis?: ((((axis: THREE.Vector3, angle: number) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>) | Readonly<(axis: THREE.Vector3, angle: number) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>) & (((axis: THREE.Vector3, angle: number) => three_stdlib.Line2) | Readonly<(axis: THREE.Vector3, angle: number) => three_stdlib.Line2>)) | undefined;
         rotateX?: ((((angle: number) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>) | Readonly<(angle: number) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>) & (((angle: number) => three_stdlib.Line2) | Readonly<(angle: number) => three_stdlib.Line2>)) | undefined;
@@ -561,45 +556,37 @@ declare class NgtsEdges {
         translateX?: ((((distance: number) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>) | Readonly<(distance: number) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>) & (((distance: number) => three_stdlib.Line2) | Readonly<(distance: number) => three_stdlib.Line2>)) | undefined;
         translateY?: ((((distance: number) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>) | Readonly<(distance: number) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>) & (((distance: number) => three_stdlib.Line2) | Readonly<(distance: number) => three_stdlib.Line2>)) | undefined;
         translateZ?: ((((distance: number) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>) | Readonly<(distance: number) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>) & (((distance: number) => three_stdlib.Line2) | Readonly<(distance: number) => three_stdlib.Line2>)) | undefined;
-        localToWorld?: ((((vector: THREE.Vector3) => THREE.Vector3) | Readonly<(vector: THREE.Vector3) => THREE.Vector3>) & (((vector: THREE.Vector3) => THREE.Vector3) | Readonly<(vector: THREE.Vector3) => THREE.Vector3>)) | undefined;
-        worldToLocal?: ((((vector: THREE.Vector3) => THREE.Vector3) | Readonly<(vector: THREE.Vector3) => THREE.Vector3>) & (((vector: THREE.Vector3) => THREE.Vector3) | Readonly<(vector: THREE.Vector3) => THREE.Vector3>)) | undefined;
-        lookAt?: (({
-            (vector: THREE.Vector3): void;
-            (x: number, y: number, z: number): void;
-        } | Readonly<{
-            (vector: THREE.Vector3): void;
-            (x: number, y: number, z: number): void;
-        }>) & ({
+        localToWorld?: ((vector: THREE.Vector3) => THREE.Vector3) | Readonly<((vector: THREE.Vector3) => THREE.Vector3) | undefined>;
+        worldToLocal?: ((vector: THREE.Vector3) => THREE.Vector3) | Readonly<((vector: THREE.Vector3) => THREE.Vector3) | undefined>;
+        lookAt?: {
             (vector: THREE.Vector3): void;
             (x: number, y: number, z: number): void;
         } | Readonly<{
             (vector: THREE.Vector3): void;
             (x: number, y: number, z: number): void;
-        }>)) | undefined;
+        } | undefined>;
         add?: ((((...object: THREE.Object3D[]) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>) | Readonly<(...object: THREE.Object3D[]) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>) & (((...object: THREE.Object3D[]) => three_stdlib.Line2) | Readonly<(...object: THREE.Object3D[]) => three_stdlib.Line2>)) | undefined;
         remove?: ((((...object: THREE.Object3D[]) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>) | Readonly<(...object: THREE.Object3D[]) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>) & (((...object: THREE.Object3D[]) => three_stdlib.Line2) | Readonly<(...object: THREE.Object3D[]) => three_stdlib.Line2>)) | undefined;
         removeFromParent?: (((() => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>) | Readonly<() => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>) & ((() => three_stdlib.Line2) | Readonly<() => three_stdlib.Line2>)) | undefined;
         clear?: (((() => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>) | Readonly<() => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>) & ((() => three_stdlib.Line2) | Readonly<() => three_stdlib.Line2>)) | undefined;
         attach?: ((((((object: THREE.Object3D) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>) | undefined) & (string | string[] | angular_three.NgtAttachFunction<any, any>)) | Readonly<(((object: THREE.Object3D) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>) | undefined) & (string | string[] | angular_three.NgtAttachFunction<any, any>)>) & ((((((object: THREE.Object3D) => three_stdlib.Line2) | undefined) & (string | string[] | angular_three.NgtAttachFunction<any, any>)) | Readonly<(((object: THREE.Object3D) => three_stdlib.Line2) | undefined) & (string | string[] | angular_three.NgtAttachFunction<any, any>)>) & (string[] | angular_three.NgtAttachFunction<any, any> | Readonly<string | string[] | angular_three.NgtAttachFunction<any, any>>))) | undefined;
-        getObjectById?: ((((id: number) => THREE.Object3D | undefined) | Readonly<(id: number) => THREE.Object3D | undefined>) & (((id: number) => THREE.Object3D | undefined) | Readonly<(id: number) => THREE.Object3D | undefined>)) | undefined;
-        getObjectByName?: ((((name: string) => THREE.Object3D | undefined) | Readonly<(name: string) => THREE.Object3D | undefined>) & (((name: string) => THREE.Object3D | undefined) | Readonly<(name: string) => THREE.Object3D | undefined>)) | undefined;
-        getObjectByProperty?: ((((name: string, value: any) => THREE.Object3D | undefined) | Readonly<(name: string, value: any) => THREE.Object3D | undefined>) & (((name: string, value: any) => THREE.Object3D | undefined) | Readonly<(name: string, value: any) => THREE.Object3D | undefined>)) | undefined;
-        getObjectsByProperty?: ((((name: string, value: any, optionalTarget?: THREE.Object3D[]) => THREE.Object3D[]) | Readonly<(name: string, value: any, optionalTarget?: THREE.Object3D[]) => THREE.Object3D[]>) & (((name: string, value: any, optionalTarget?: THREE.Object3D[]) => THREE.Object3D[]) | Readonly<(name: string, value: any, optionalTarget?: THREE.Object3D[]) => THREE.Object3D[]>)) | undefined;
-        getWorldPosition?: ((((target: THREE.Vector3) => THREE.Vector3) | Readonly<(target: THREE.Vector3) => THREE.Vector3>) & (((target: THREE.Vector3) => THREE.Vector3) | Readonly<(target: THREE.Vector3) => THREE.Vector3>)) | undefined;
-        getWorldQuaternion?: ((((target: THREE.Quaternion) => THREE.Quaternion) | Readonly<(target: THREE.Quaternion) => THREE.Quaternion>) & (((target: THREE.Quaternion) => THREE.Quaternion) | Readonly<(target: THREE.Quaternion) => THREE.Quaternion>)) | undefined;
-        getWorldScale?: ((((target: THREE.Vector3) => THREE.Vector3) | Readonly<(target: THREE.Vector3) => THREE.Vector3>) & (((target: THREE.Vector3) => THREE.Vector3) | Readonly<(target: THREE.Vector3) => THREE.Vector3>)) | undefined;
-        getWorldDirection?: ((((target: THREE.Vector3) => THREE.Vector3) | Readonly<(target: THREE.Vector3) => THREE.Vector3>) & (((target: THREE.Vector3) => THREE.Vector3) | Readonly<(target: THREE.Vector3) => THREE.Vector3>)) | undefined;
-        traverse?: ((((callback: (object: THREE.Object3D) => any) => void) | Readonly<(callback: (object: THREE.Object3D) => any) => void>) & (((callback: (object: THREE.Object3D) => any) => void) | Readonly<(callback: (object: THREE.Object3D) => any) => void>)) | undefined;
-        traverseVisible?: ((((callback: (object: THREE.Object3D) => any) => void) | Readonly<(callback: (object: THREE.Object3D) => any) => void>) & (((callback: (object: THREE.Object3D) => any) => void) | Readonly<(callback: (object: THREE.Object3D) => any) => void>)) | undefined;
-        traverseAncestors?: ((((callback: (object: THREE.Object3D) => any) => void) | Readonly<(callback: (object: THREE.Object3D) => any) => void>) & (((callback: (object: THREE.Object3D) => any) => void) | Readonly<(callback: (object: THREE.Object3D) => any) => void>)) | undefined;
-        updateMatrix?: (((() => void) | Readonly<() => void>) & ((() => void) | Readonly<() => void>)) | undefined;
-        updateMatrixWorld?: ((((force?: boolean) => void) | Readonly<(force?: boolean) => void>) & (((force?: boolean) => void) | Readonly<(force?: boolean) => void>)) | undefined;
-        updateWorldMatrix?: ((((updateParents: boolean, updateChildren: boolean) => void) | Readonly<(updateParents: boolean, updateChildren: boolean) => void>) & (((updateParents: boolean, updateChildren: boolean) => void) | Readonly<(updateParents: boolean, updateChildren: boolean) => void>)) | undefined;
+        getObjectById?: ((id: number) => THREE.Object3D | undefined) | Readonly<((id: number) => THREE.Object3D | undefined) | undefined>;
+        getObjectByName?: ((name: string) => THREE.Object3D | undefined) | Readonly<((name: string) => THREE.Object3D | undefined) | undefined>;
+        getObjectByProperty?: ((name: string, value: any) => THREE.Object3D | undefined) | Readonly<((name: string, value: any) => THREE.Object3D | undefined) | undefined>;
+        getObjectsByProperty?: ((name: string, value: any, optionalTarget?: THREE.Object3D[]) => THREE.Object3D[]) | Readonly<((name: string, value: any, optionalTarget?: THREE.Object3D[]) => THREE.Object3D[]) | undefined>;
+        getWorldPosition?: ((target: THREE.Vector3) => THREE.Vector3) | Readonly<((target: THREE.Vector3) => THREE.Vector3) | undefined>;
+        getWorldQuaternion?: ((target: THREE.Quaternion) => THREE.Quaternion) | Readonly<((target: THREE.Quaternion) => THREE.Quaternion) | undefined>;
+        getWorldScale?: ((target: THREE.Vector3) => THREE.Vector3) | Readonly<((target: THREE.Vector3) => THREE.Vector3) | undefined>;
+        getWorldDirection?: ((target: THREE.Vector3) => THREE.Vector3) | Readonly<((target: THREE.Vector3) => THREE.Vector3) | undefined>;
+        traverse?: ((callback: (object: THREE.Object3D) => any) => void) | Readonly<((callback: (object: THREE.Object3D) => any) => void) | undefined>;
+        traverseVisible?: ((callback: (object: THREE.Object3D) => any) => void) | Readonly<((callback: (object: THREE.Object3D) => any) => void) | undefined>;
+        traverseAncestors?: ((callback: (object: THREE.Object3D) => any) => void) | Readonly<((callback: (object: THREE.Object3D) => any) => void) | undefined>;
+        updateMatrix?: (() => void) | Readonly<(() => void) | undefined>;
+        updateMatrixWorld?: ((force?: boolean) => void) | Readonly<((force?: boolean) => void) | undefined>;
+        updateWorldMatrix?: ((updateParents: boolean, updateChildren: boolean) => void) | Readonly<((updateParents: boolean, updateChildren: boolean) => void) | undefined>;
         toJSON?: ((((meta?: THREE.JSONMeta) => THREE.MeshJSON) | Readonly<(meta?: THREE.JSONMeta) => THREE.MeshJSON>) & (((meta?: THREE.JSONMeta) => THREE.ShaderMaterialJSON) | Readonly<(meta?: THREE.JSONMeta) => THREE.ShaderMaterialJSON>)) | undefined;
         clone?: ((((recursive?: boolean) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>) | Readonly<(recursive?: boolean) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>) & ((((recursive?: boolean) => three_stdlib.Line2) | Readonly<(recursive?: boolean) => three_stdlib.Line2>) & ((() => three_stdlib.LineMaterial) | Readonly<() => three_stdlib.LineMaterial>))) | undefined;
         copy?: ((((object: THREE.Object3D, recursive?: boolean) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>) | Readonly<(object: THREE.Object3D, recursive?: boolean) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>) & ((((object: THREE.Object3D, recursive?: boolean) => three_stdlib.Line2) | Readonly<(object: THREE.Object3D, recursive?: boolean) => three_stdlib.Line2>) & (((source: THREE.Material) => three_stdlib.LineMaterial) | Readonly<(source: THREE.Material) => three_stdlib.LineMaterial>))) | undefined;
-        count?: Readonly<number | undefined>;
-        occlusionTest?: Readonly<boolean | undefined>;
         addEventListener?: ((((<T extends keyof THREE.Object3DEventMap>(type: T, listener: THREE.EventListener<THREE.Object3DEventMap[T], T, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>) => void) | Readonly<(<T extends keyof THREE.Object3DEventMap>(type: T, listener: THREE.EventListener<THREE.Object3DEventMap[T], T, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>) => void) | undefined>) & (<TEventKey extends keyof angular_three.NgtEventHandlers | "added" | "removed" | "childadded" | "childremoved" | "change" | keyof angular_three.NgtNodeEventMap<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>>(type: TEventKey, listener: (this: angular_three.NgtNodeElement<typeof THREE.Mesh, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>, ev: angular_three.NgtAllObject3DEventsMap<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>[TEventKey]) => any) => void)) & ((((<T extends keyof THREE.Object3DEventMap>(type: T, listener: THREE.EventListener<THREE.Object3DEventMap[T], T, three_stdlib.Line2>) => void) | Readonly<(<T extends keyof THREE.Object3DEventMap>(type: T, listener: THREE.EventListener<THREE.Object3DEventMap[T], T, three_stdlib.Line2>) => void) | undefined>) & (<TEventKey extends keyof angular_three.NgtEventHandlers | "added" | "removed" | "childadded" | "childremoved" | "change" | keyof angular_three.NgtNodeEventMap<three_stdlib.Line2>>(type: TEventKey, listener: (this: angular_three.NgtNodeElement<typeof three_stdlib.Line2, three_stdlib.Line2>, ev: angular_three.NgtAllObject3DEventsMap<three_stdlib.Line2>[TEventKey]) => any) => void)) & (((<T extends "dispose">(type: T, listener: THREE.EventListener<{
             dispose: {};
         }[T], T, three_stdlib.LineMaterial>) => void) | Readonly<(<T extends "dispose">(type: T, listener: THREE.EventListener<{
@@ -624,7 +611,7 @@ declare class NgtsEdges {
         parameters?: ((Partial<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>> | Readonly<Partial<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>>) & ((Partial<three_stdlib.Line2> | Readonly<Partial<three_stdlib.Line2>>) & (Partial<three_stdlib.LineMaterial> | Readonly<Partial<three_stdlib.LineMaterial>>))) | undefined;
         __ngt_args__?: (([geometry?: THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap> | undefined, material?: THREE.Material | THREE.Material[] | undefined] | readonly [geometry?: THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap> | undefined, material?: THREE.Material | THREE.Material[] | undefined]) & (([geometry?: three_stdlib.LineGeometry | undefined, material?: three_stdlib.LineMaterial | undefined] | readonly [geometry?: three_stdlib.LineGeometry | undefined, material?: three_stdlib.LineMaterial | undefined]) & ([parameters?: LineMaterialParameters | undefined] | readonly [parameters?: LineMaterialParameters | undefined]))) | undefined;
         color?: THREE.ColorRepresentation | undefined;
-        blending?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;
+        blending?: 0 | 1 | 2 | 3 | 4 | 5 | undefined;
         side?: 0 | 1 | 2 | undefined;
         opacity?: number | undefined;
         transparent?: boolean | undefined;
@@ -684,6 +671,7 @@ declare class NgtsEdges {
         } | Readonly<{
             [key: string]: number;
         } | undefined>;
+        count?: Readonly<number | undefined>;
         updateMorphTargets?: (() => void) | Readonly<(() => void) | undefined>;
         getVertexPosition?: ((index: number, target: THREE.Vector3) => THREE.Vector3) | Readonly<((index: number, target: THREE.Vector3) => THREE.Vector3) | undefined>;
         isLineMaterial?: true | undefined;

package/types/angular-three-soba-gizmos.d.ts

@@ -92,7 +92,7 @@ declare class NgtsGizmoHelperImpl {
     protected renderPriority: _angular_core.Signal<number>;
     protected margin: _angular_core.Signal<[number, number]>;
     protected alignment: _angular_core.Signal<"top-left" | "top-right" | "bottom-right" | "bottom-left" | "bottom-center" | "center-right" | "center-left" | "center-center" | "top-center">;
-    protected scene: THREE.Scene;
+    protected scene: THREE.Scene<THREE.Object3DEventMap>;
     protected content: _angular_core.Signal<TemplateRef<any>>;
     private gizmoRef;
     private virtualCameraRef;

package/types/angular-three-soba-materials.d.ts

@@ -111,7 +111,7 @@ declare class ManagePortalScene {
     /** Whether events should be enabled inside the portal. */
     events: _angular_core.InputSignal<boolean | undefined>;
     /** Reference to the root/world scene for blending. */
-    rootScene: _angular_core.InputSignal<THREE.Scene>;
+    rootScene: _angular_core.InputSignal<THREE.Scene<THREE.Object3DEventMap>>;
     /** Reference to the portal material for accessing blend values. */
     material: _angular_core.InputSignal<NgtMeshPortalMaterial>;
     /** Render priority for the portal scene. */
@@ -206,7 +206,7 @@ declare class NgtsMeshPortalMaterial {
     /** The content template to render inside the portal. */
     protected content: _angular_core.Signal<TemplateRef<any>>;
     private store;
-    protected rootScene: angular_three.DeepSignal<THREE.Scene>;
+    protected rootScene: angular_three.DeepSignal<THREE.Scene<THREE.Object3DEventMap>>;
     protected materialResolution: _angular_core.Signal<number[]>;
     private resolution;
     private parent;

package/types/angular-three-soba-misc.d.ts

@@ -540,6 +540,12 @@ interface NgtsHTMLContentOptions {
      * Defaults to the canvas container or `events.connected` element.
      */
     parent?: HTMLElement | ElementRef<HTMLElement>;
+    /**
+     * Computes z-index with a logarithmic scale, which prevents
+     * near objects from all having the same z-index when
+     * camera.far is very large.
+     */
+    logarithmicDepth?: boolean;
 }
 /**
  * Renders HTML content positioned relative to a `NgtsHTML` anchor in 3D space.

package/types/angular-three-soba-performances.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { ElementRef } from '@angular/core';
+import { ElementRef, TemplateRef } from '@angular/core';
 import { NgtThreeElements, NgtThreeElement } from 'angular-three';
 import * as THREE from 'three';
 import { SplitStrategy } from 'three-mesh-bvh';
@@ -367,6 +367,52 @@ declare class NgtsInstances {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgtsInstances, "ngts-instances", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+type NgtsLODLevelOptions = {
+    distance: number;
+    hysteresis: number;
+};
+/**
+ * Helper directive to capture a template to attach to
+ * an NgtsLOD component.
+ */
+declare class NgtsLODLevel {
+    lodLevel: _angular_core.InputSignalWithTransform<NgtsLODLevelOptions, "" | Partial<NgtsLODLevelOptions>>;
+    template: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgtsLODLevel, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgtsLODLevel, "ng-template[lodLevel]", never, { "lodLevel": { "alias": "lodLevel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * Angular-native port of THREE.LOD
+ *
+ * Allows to display an object with several levels of details.
+ *
+ * The main difference with THREE.LOD is that we use angular-three
+ * to add/remove the right object from the scene graph, rather than
+ * setting the visible flag on one of the object, but keeping them
+ * all in the graph.
+ *
+ * Usage:
+ *
+ * ```html
+ * <ngt-group lod [maxDistance]="10000">
+ *   <ngt-mesh *lodLevel />
+ *   <ngt-mesh *lodLevel="{distance: 100, hysteresis: 0.1}" />
+ *   <ngt-mesh *lodLevel="{distance: 1000}" />
+ * </ngt-group>
+ * ```
+ */
+declare class NgtsLODImpl {
+    maxDistance: _angular_core.InputSignal<number | undefined>;
+    private store;
+    private container;
+    readonly levels: _angular_core.Signal<readonly NgtsLODLevel[]>;
+    readonly level: _angular_core.WritableSignal<NgtsLODLevel | undefined>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgtsLODImpl, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgtsLODImpl, "[lod]", never, { "maxDistance": { "alias": "maxDistance"; "required": false; "isSignal": true; }; }, {}, ["levels"], never, true, never>;
+}
+declare const NgtsLOD: readonly [typeof NgtsLODImpl, typeof NgtsLODLevel];
+
 /**
  * Type definition for the PositionPoint element in Angular Three templates.
  */
@@ -787,5 +833,5 @@ declare class NgtsSegments {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgtsSegments, "ngts-segments", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { NgtsAdaptiveDpr, NgtsAdaptiveEvents, NgtsBVH, NgtsDetailed, NgtsInstance, NgtsInstances, NgtsPoint, NgtsPointsBuffer, NgtsPointsInstances, NgtsSegment, NgtsSegments };
-export type { NgtsBVHOptions, NgtsDetailedOptions, NgtsInstancesOptions, NgtsPointsInstancesOptions, NgtsSegmentsOptions };
+export { NgtsAdaptiveDpr, NgtsAdaptiveEvents, NgtsBVH, NgtsDetailed, NgtsInstance, NgtsInstances, NgtsLOD, NgtsLODImpl, NgtsLODLevel, NgtsPoint, NgtsPointsBuffer, NgtsPointsInstances, NgtsSegment, NgtsSegments };
+export type { NgtsBVHOptions, NgtsDetailedOptions, NgtsInstancesOptions, NgtsLODLevelOptions, NgtsPointsInstancesOptions, NgtsSegmentsOptions };

package/types/angular-three-soba-staging.d.ts

@@ -1390,7 +1390,7 @@ declare class NgtsEnvironmentPortal {
     private resolution;
     private fbo;
     protected cameraArgs: _angular_core.Signal<(number | three.WebGLCubeRenderTarget | undefined)[]>;
-    protected virtualScene: three.Scene;
+    protected virtualScene: three.Scene<three.Object3DEventMap>;
     private setEnvEffectRef?;
     constructor();
     onEnvSet(): void;
@@ -2146,7 +2146,7 @@ declare class NgtsRenderTextureImpl {
     protected renderPriority: _angular_core.Signal<number>;
     protected frames: _angular_core.Signal<number>;
     protected fbo: three.WebGLRenderTarget<three.Texture<unknown>>;
-    protected virtualScene: three.Scene;
+    protected virtualScene: three.Scene<three.Object3DEventMap>;
     protected eventPriority: _angular_core.Signal<number>;
     protected compute: _angular_core.Signal<NgtComputeFunction>;
     private uvCompute;
@@ -2328,7 +2328,7 @@ type NgtsSparklesOptions = Partial<NgtThreeElements['ngt-points']> & SparklesPro
 declare class NgtsSparkles {
     /** Configuration options for the sparkles effect. */
     options: _angular_core.InputSignalWithTransform<NgtsSparklesOptions, "" | Partial<NgtsSparklesOptions>>;
-    protected parameters: _angular_core.Signal<Omit<NgtsSparklesOptions, "scale" | "count" | "opacity" | "color" | "size" | "speed" | "noise">>;
+    protected parameters: _angular_core.Signal<Omit<NgtsSparklesOptions, "scale" | "opacity" | "color" | "size" | "speed" | "count" | "noise">>;
     private sparklesOptions;
     private store;
     /**
@@ -2666,11 +2666,9 @@ declare class NgtsStage {
         frustumCulled?: Readonly<boolean | undefined>;
         renderOrder?: Readonly<number | undefined>;
         animations?: three.AnimationClip[] | Readonly<three.AnimationClip[] | undefined>;
+        userData?: Record<string, any> | Readonly<Record<string, any> | undefined>;
         customDepthMaterial?: three.Material | Readonly<three.Material | undefined>;
         customDistanceMaterial?: three.Material | Readonly<three.Material | undefined>;
-        static?: Readonly<boolean | undefined>;
-        userData?: Record<string, any> | Readonly<Record<string, any> | undefined>;
-        pivot?: three.Vector3 | Readonly<three.Vector3 | null | undefined>;
         onBeforeShadow?: ((renderer: three.WebGLRenderer, scene: three.Scene, camera: three.Camera, shadowCamera: three.Camera, geometry: three.BufferGeometry, depthMaterial: three.Material, group: Group) => void) | Readonly<((renderer: three.WebGLRenderer, scene: three.Scene, camera: three.Camera, shadowCamera: three.Camera, geometry: three.BufferGeometry, depthMaterial: three.Material, group: Group) => void) | undefined>;
         onAfterShadow?: ((renderer: three.WebGLRenderer, scene: three.Scene, camera: three.Camera, shadowCamera: three.Camera, geometry: three.BufferGeometry, depthMaterial: three.Material, group: Group) => void) | Readonly<((renderer: three.WebGLRenderer, scene: three.Scene, camera: three.Camera, shadowCamera: three.Camera, geometry: three.BufferGeometry, depthMaterial: three.Material, group: Group) => void) | undefined>;
         onBeforeRender?: ((renderer: three.WebGLRenderer, scene: three.Scene, camera: three.Camera, geometry: three.BufferGeometry, material: three.Material, group: Group) => void) | Readonly<((renderer: three.WebGLRenderer, scene: three.Scene, camera: three.Camera, geometry: three.BufferGeometry, material: three.Material, group: Group) => void) | undefined>;
@@ -2721,8 +2719,6 @@ declare class NgtsStage {
         toJSON?: ((meta?: three.JSONMeta) => three.Object3DJSON) | Readonly<((meta?: three.JSONMeta) => three.Object3DJSON) | undefined>;
         clone?: ((recursive?: boolean) => Group<three.Object3DEventMap>) | Readonly<((recursive?: boolean) => Group<three.Object3DEventMap>) | undefined>;
         copy?: ((object: three.Object3D, recursive?: boolean) => Group<three.Object3DEventMap>) | Readonly<((object: three.Object3D, recursive?: boolean) => Group<three.Object3DEventMap>) | undefined>;
-        count?: Readonly<number | undefined>;
-        occlusionTest?: Readonly<boolean | undefined>;
         addEventListener?: (((<T extends keyof three.Object3DEventMap>(type: T, listener: three.EventListener<three.Object3DEventMap[T], T, Group<three.Object3DEventMap>>) => void) | Readonly<(<T extends keyof three.Object3DEventMap>(type: T, listener: three.EventListener<three.Object3DEventMap[T], T, Group<three.Object3DEventMap>>) => void) | undefined>) & (<TEventKey extends keyof angular_three.NgtEventHandlers | "change" | "added" | "removed" | "childadded" | "childremoved" | keyof angular_three.NgtNodeEventMap<Group<three.Object3DEventMap>>>(type: TEventKey, listener: (this: angular_three.NgtNodeElement<typeof Group, Group<three.Object3DEventMap>>, ev: angular_three.NgtAllObject3DEventsMap<Group<three.Object3DEventMap>>[TEventKey]) => any) => void)) | undefined;
         hasEventListener?: (<T extends keyof three.Object3DEventMap>(type: T, listener: three.EventListener<three.Object3DEventMap[T], T, Group<three.Object3DEventMap>>) => boolean) | Readonly<(<T extends keyof three.Object3DEventMap>(type: T, listener: three.EventListener<three.Object3DEventMap[T], T, Group<three.Object3DEventMap>>) => boolean) | undefined>;
         removeEventListener?: (((<T extends keyof three.Object3DEventMap>(type: T, listener: three.EventListener<three.Object3DEventMap[T], T, Group<three.Object3DEventMap>>) => void) | Readonly<(<T extends keyof three.Object3DEventMap>(type: T, listener: three.EventListener<three.Object3DEventMap[T], T, Group<three.Object3DEventMap>>) => void) | undefined>) & (<TEventKey extends keyof angular_three.NgtEventHandlers | "change" | "added" | "removed" | "childadded" | "childremoved" | keyof angular_three.NgtNodeEventMap<Group<three.Object3DEventMap>>>(type: TEventKey, listener: (this: angular_three.NgtNodeElement<typeof Group, Group<three.Object3DEventMap>>, ev: angular_three.NgtAllObject3DEventsMap<Group<three.Object3DEventMap>>[TEventKey]) => any) => void)) | undefined;