angular-three-soba 3.1.0 → 3.2.1

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

@@ -50,10 +50,7 @@ class NgtsStats {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NgtsStats, decorators: [{
             type: Directive,
-            args: [{
-                    selector: 'ngt-canvas[stats]',
-                    standalone: true,
-                }]
+            args: [{ selector: 'ngt-canvas[stats]' }]
         }], ctorParameters: () => [] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"angular-three-soba-stats.mjs","sources":["../../../../libs/soba/stats/src/lib/stats.ts","../../../../libs/soba/stats/src/angular-three-soba-stats.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport { computed, Directive, effect, ElementRef, inject, input, untracked } from '@angular/core';\nimport { addAfterEffect, injectStore, omit, pick, resolveRef } from 'angular-three';\nimport { mergeInputs } from 'ngxtension/inject-inputs';\nimport Stats from 'stats-gl';\n\nexport type NgtsStatsOptions = Partial<Stats> & {\n\tshowPanel?: number;\n\tdomClass: string;\n\tparent: ElementRef<HTMLElement> | HTMLElement | null | undefined;\n};\n\nconst defaultOptions: NgtsStatsOptions = {\n\tdomClass: '',\n\tparent: null,\n};\n\n@Directive({\n\tselector: 'ngt-canvas[stats]',\n\tstandalone: true,\n})\nexport class NgtsStats {\n\toptions = input(defaultOptions, { transform: mergeInputs(defaultOptions), alias: 'stats' });\n\n\tconstructor() {\n\t\tconst statsOptions = omit(this.options, ['parent', 'domClass']);\n\t\tconst parent = pick(this.options, 'parent');\n\t\tconst domClass = pick(this.options, 'domClass');\n\n\t\tconst document = inject(DOCUMENT);\n\t\tconst store = injectStore();\n\t\tconst gl = store.select('gl');\n\n\t\tconst stats = computed(() => {\n\t\t\tconst _gl = gl();\n\t\t\tif (!_gl) return null;\n\n\t\t\tconst stats = new Stats({ ...untracked(statsOptions) });\n\t\t\tvoid stats.init(_gl);\n\t\t\treturn stats;\n\t\t});\n\n\t\teffect((onCleanup) => {\n\t\t\tconst _stats = stats();\n\t\t\tif (!_stats) return;\n\n\t\t\tconst [_parent, _domClass] = [resolveRef(parent()), domClass()];\n\t\t\tconst target = _parent ?? document.body;\n\t\t\ttarget.appendChild(_stats.dom);\n\t\t\tconst classList = _domClass.split(' ').filter(Boolean);\n\t\t\tif (classList.length) _stats.dom.classList.add(...classList);\n\t\t\tconst end = addAfterEffect(() => _stats.update());\n\n\t\t\tonCleanup(() => {\n\t\t\t\tif (classList.length) _stats.dom.classList.remove(...classList);\n\t\t\t\ttarget.removeChild(_stats.dom);\n\t\t\t\tend();\n\t\t\t});\n\t\t});\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"angular-three-soba-stats.mjs","sources":["../../../../libs/soba/stats/src/lib/stats.ts","../../../../libs/soba/stats/src/angular-three-soba-stats.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport { computed, Directive, effect, ElementRef, inject, input, untracked } from '@angular/core';\nimport { addAfterEffect, injectStore, omit, pick, resolveRef } from 'angular-three';\nimport { mergeInputs } from 'ngxtension/inject-inputs';\nimport Stats from 'stats-gl';\n\nexport type NgtsStatsOptions = Partial<Stats> & {\n\tshowPanel?: number;\n\tdomClass: string;\n\tparent: ElementRef<HTMLElement> | HTMLElement | null | undefined;\n};\n\nconst defaultOptions: NgtsStatsOptions = {\n\tdomClass: '',\n\tparent: null,\n};\n\n@Directive({ selector: 'ngt-canvas[stats]' })\nexport class NgtsStats {\n\toptions = input(defaultOptions, { transform: mergeInputs(defaultOptions), alias: 'stats' });\n\n\tconstructor() {\n\t\tconst statsOptions = omit(this.options, ['parent', 'domClass']);\n\t\tconst parent = pick(this.options, 'parent');\n\t\tconst domClass = pick(this.options, 'domClass');\n\n\t\tconst document = inject(DOCUMENT);\n\t\tconst store = injectStore();\n\t\tconst gl = store.select('gl');\n\n\t\tconst stats = computed(() => {\n\t\t\tconst _gl = gl();\n\t\t\tif (!_gl) return null;\n\n\t\t\tconst stats = new Stats({ ...untracked(statsOptions) });\n\t\t\tvoid stats.init(_gl);\n\t\t\treturn stats;\n\t\t});\n\n\t\teffect((onCleanup) => {\n\t\t\tconst _stats = stats();\n\t\t\tif (!_stats) return;\n\n\t\t\tconst [_parent, _domClass] = [resolveRef(parent()), domClass()];\n\t\t\tconst target = _parent ?? document.body;\n\t\t\ttarget.appendChild(_stats.dom);\n\t\t\tconst classList = _domClass.split(' ').filter(Boolean);\n\t\t\tif (classList.length) _stats.dom.classList.add(...classList);\n\t\t\tconst end = addAfterEffect(() => _stats.update());\n\n\t\t\tonCleanup(() => {\n\t\t\t\tif (classList.length) _stats.dom.classList.remove(...classList);\n\t\t\t\ttarget.removeChild(_stats.dom);\n\t\t\t\tend();\n\t\t\t});\n\t\t});\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/loaders/README.md

@@ -35,35 +35,34 @@ The function also has static methods for preloading and setting the decoder path
 
 ```ts
 @Component({
-	selector: 'app-suzi',
-	standalone: true,
-	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;
+ });
 }
 ```
 
@@ -77,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);
 }
 ```
 
@@ -97,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-portal-material.d.ts

@@ -131,7 +131,7 @@ export interface NgtsMeshPortalMaterialOptions extends Partial<NgtShaderMaterial
 export declare class NgtsMeshPortalMaterial {
     attach: import("@angular/core").InputSignal<NgtAttachable>;
     options: import("@angular/core").InputSignalWithTransform<NgtsMeshPortalMaterialOptions, "" | Partial<NgtsMeshPortalMaterialOptions>>;
-    parameters: import("@angular/core").Signal<Omit<NgtsMeshPortalMaterialOptions, "resolution" | "blur" | "worldUnits" | "eventPriority" | "renderPriority" | "events">>;
+    parameters: import("@angular/core").Signal<Omit<NgtsMeshPortalMaterialOptions, "resolution" | "blur" | "events" | "worldUnits" | "eventPriority" | "renderPriority">>;
     blur: import("@angular/core").Signal<number>;
     eventPriority: import("@angular/core").Signal<number>;
     renderPriority: import("@angular/core").Signal<number>;

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

@@ -20,11 +20,11 @@ export declare class NgtsMeshRefractionMaterial {
     envMap: import("@angular/core").InputSignal<Texture | CubeTexture>;
     attach: import("@angular/core").InputSignal<NgtAttachable>;
     options: import("@angular/core").InputSignalWithTransform<NgtsMeshRefractionMaterialOptions, "" | Partial<NgtsMeshRefractionMaterialOptions>>;
-    parameters: import("@angular/core").Signal<Omit<NgtsMeshRefractionMaterialOptions, "fastChroma" | "aberrationStrength">>;
+    parameters: import("@angular/core").Signal<Omit<NgtsMeshRefractionMaterialOptions, "aberrationStrength" | "fastChroma">>;
     private fastChroma;
     aberrationStrength: import("@angular/core").Signal<number>;
     materialRef: import("@angular/core").Signal<ElementRef<import("three").ShaderMaterial & {
-        [name: string]: number | boolean | any[] | import("three").Color | Texture | import("three").Vector2 | import("three").Vector3 | import("three").Quaternion | import("three").Matrix4 | import("three").Matrix3 | import("three").Vector4 | CubeTexture | Int32Array | Float32Array | null;
+        [name: string]: number | boolean | any[] | import("three").Color | Texture | import("three").Vector3 | import("three").Quaternion | import("three").Matrix4 | import("three").Matrix3 | import("three").Vector2 | import("three").Vector4 | CubeTexture | Int32Array | Float32Array | null;
     }> | undefined>;
     private store;
     private size;
@@ -34,7 +34,7 @@ export declare class NgtsMeshRefractionMaterial {
     }>;
     private defineKeys;
     material: import("@angular/core").Signal<import("three").ShaderMaterial & {
-        [name: string]: number | boolean | any[] | import("three").Color | Texture | import("three").Vector2 | import("three").Vector3 | import("three").Quaternion | import("three").Matrix4 | import("three").Matrix3 | import("three").Vector4 | CubeTexture | Int32Array | Float32Array | null;
+        [name: string]: number | boolean | any[] | import("three").Color | Texture | import("three").Vector3 | import("three").Quaternion | import("three").Matrix4 | import("three").Matrix3 | import("three").Vector2 | import("three").Vector4 | CubeTexture | Int32Array | Float32Array | null;
     }>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsMeshRefractionMaterial, never>;

package/misc/lib/computed-attribute.d.ts

@@ -6,6 +6,8 @@ export declare class NgtsComputedAttribute {
     name: import("@angular/core").InputSignal<string>;
     options: import("@angular/core").InputSignal<Partial<import("angular-three").NgtExtendedColors<import("angular-three").NgtOverwrite<Partial<{
         name: string;
+        clone: () => BufferAttribute;
+        toJSON: () => import("three").BufferAttributeJSON;
         array: import("three").TypedArray;
         itemSize: number;
         usage: import("three").Usage;
@@ -24,7 +26,6 @@ export declare class NgtsComputedAttribute {
         setUsage: (usage: import("three").Usage) => BufferAttribute;
         addUpdateRange: (start: number, count: number) => void;
         clearUpdateRanges: () => void;
-        clone: () => BufferAttribute;
         copy: (source: BufferAttribute) => BufferAttribute;
         copyAt: (index1: number, attribute: BufferAttribute, index2: number) => BufferAttribute;
         copyArray: (array: ArrayLike<number>) => BufferAttribute;
@@ -46,7 +47,6 @@ export declare class NgtsComputedAttribute {
         setXY: (index: number, x: number, y: number) => BufferAttribute;
         setXYZ: (index: number, x: number, y: number, z: number) => BufferAttribute;
         setXYZW: (index: number, x: number, y: number, z: number, w: number) => BufferAttribute;
-        toJSON: () => import("three").BufferAttributeJSON;
     }>, import("angular-three").NgtNodeElement<BufferAttribute, typeof BufferAttribute>>>>>;
     bufferAttribute: BufferAttribute;
     attributeRef: import("@angular/core").Signal<ElementRef<BufferAttribute> | undefined>;

package/misc/lib/decal.d.ts

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

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

@@ -10,11 +10,11 @@ export interface NgtsHTMLOptions extends Partial<NgtGroup> {
 }
 export declare class NgtsHTML {
     options: import("@angular/core").InputSignalWithTransform<NgtsHTMLOptions, "" | Partial<NgtsHTMLOptions>>;
-    parameters: import("@angular/core").Signal<Omit<NgtsHTMLOptions, "transform" | "castShadow" | "receiveShadow" | "occlude">>;
+    parameters: import("@angular/core").Signal<Omit<NgtsHTMLOptions, "castShadow" | "receiveShadow" | "transform" | "occlude">>;
     groupRef: import("@angular/core").Signal<ElementRef<Group<import("three").Object3DEventMap>>>;
     occlusionMeshRef: import("@angular/core").Signal<ElementRef<Mesh<import("three").BufferGeometry<import("three").NormalBufferAttributes>, import("three").Material | import("three").Material[], import("three").Object3DEventMap>> | undefined>;
     occlusionGeometryRef: import("@angular/core").Signal<ElementRef<PlaneGeometry> | undefined>;
-    occlude: import("@angular/core").Signal<boolean | "raycast" | ElementRef<Object3D<import("three").Object3DEventMap>>[] | Object3D<import("three").Object3DEventMap>[] | "blending">;
+    occlude: import("@angular/core").Signal<boolean | "raycast" | Object3D<import("three").Object3DEventMap>[] | ElementRef<Object3D<import("three").Object3DEventMap>>[] | "blending">;
     transform: import("@angular/core").Signal<boolean>;
     castShadow: import("@angular/core").Signal<boolean>;
     receiveShadow: import("@angular/core").Signal<boolean>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-three-soba",
-  "version": "3.1.0",
+  "version": "3.2.1",
   "publishConfig": {
     "access": "public"
   },
@@ -47,6 +47,10 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/angular-three-soba.mjs"
     },
+    "./cameras": {
+      "types": "./cameras/index.d.ts",
+      "default": "./fesm2022/angular-three-soba-cameras.mjs"
+    },
     "./abstractions": {
       "types": "./abstractions/index.d.ts",
       "default": "./fesm2022/angular-three-soba-abstractions.mjs"
@@ -55,10 +59,6 @@
       "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"
-    },
     "./gizmos": {
       "types": "./gizmos/index.d.ts",
       "default": "./fesm2022/angular-three-soba-gizmos.mjs"

package/performances/lib/instances/instances.d.ts

@@ -9,15 +9,12 @@ export declare class NgtsInstance {
         removeEventListener: (<TEventKey extends keyof import("angular-three").NgtNodeEventMap<PositionMesh>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<PositionMesh, typeof PositionMesh>, ev: import("angular-three").NgtNodeEventMap<PositionMesh>[TEventKey]) => any) => void) & (<TEventKey extends keyof import("angular-three").NgtAllObject3DEventsMap>(type: TEventKey, listener: (this: any, ev: import("angular-three").NgtAllObject3DEventsMap[TEventKey]) => any) => void);
         attach: string | string[] | import("angular-three").NgtAttachFunction;
         __ngt_args__: [];
-        color?: import("three").ColorRepresentation | undefined;
-        instance?: ElementRef<InstancedMesh> | InstancedMesh | null | undefined;
-        readonly geometry?: import("three").BufferGeometry<import("three").NormalBufferAttributes> | undefined;
-        readonly isGroup?: true | undefined;
+        readonly type?: string | undefined;
+        toJSON?: ((meta?: import("three").JSONMeta) => import("three").Object3DJSON) | undefined;
         readonly isObject3D?: true | undefined;
         readonly id?: number | undefined;
         uuid?: string | undefined;
         name?: string | undefined;
-        readonly type?: string | undefined;
         parent?: import("three").Object3D<import("three").Object3DEventMap> | null | undefined;
         children?: import("three").Object3D<import("three").Object3DEventMap>[] | undefined;
         readonly modelViewMatrix?: Matrix4 | undefined;
@@ -78,11 +75,14 @@ export declare class NgtsInstance {
         updateMatrix?: (() => void) | undefined;
         updateMatrixWorld?: ((force?: boolean) => void) | undefined;
         updateWorldMatrix?: ((updateParents: boolean, updateChildren: boolean) => void) | undefined;
-        toJSON?: ((meta?: import("three").JSONMeta) => import("three").Object3DJSON) | undefined;
         clone?: ((recursive?: boolean) => PositionMesh) | undefined;
         copy?: ((object: import("three").Object3D, recursive?: boolean) => PositionMesh) | undefined;
         hasEventListener?: (<T extends keyof import("three").Object3DEventMap>(type: T, listener: import("three").EventListener<import("three").Object3DEventMap[T], T, PositionMesh>) => boolean) | undefined;
         dispatchEvent?: (<T extends keyof import("three").Object3DEventMap>(event: import("three").BaseEvent<T> & import("three").Object3DEventMap[T]) => void) | undefined;
+        color?: import("three").ColorRepresentation | undefined;
+        instance?: ElementRef<InstancedMesh> | InstancedMesh | null | undefined;
+        readonly geometry?: import("three").BufferGeometry<import("three").NormalBufferAttributes> | undefined;
+        readonly isGroup?: true | undefined;
         position: import("angular-three").NgtVector3;
         up: import("angular-three").NgtVector3;
         scale: import("angular-three").NgtVector3;
@@ -107,7 +107,7 @@ export interface NgtsInstancesOptions extends Partial<NgtInstancedMesh> {
 export declare class NgtsInstances {
     protected readonly DynamicDrawUsage: 35048;
     options: import("@angular/core").InputSignalWithTransform<NgtsInstancesOptions, "" | Partial<NgtsInstancesOptions>>;
-    protected parameters: import("@angular/core").Signal<Omit<NgtsInstancesOptions, "limit" | "frames" | "range">>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsInstancesOptions, "frames" | "range" | "limit">>;
     instancedMeshRef: import("@angular/core").Signal<ElementRef<InstancedMesh<import("three").BufferGeometry<import("three").NormalBufferAttributes>, import("three").Material | import("three").Material[], import("three").InstancedMeshEventMap>>>;
     private limit;
     protected buffers: import("@angular/core").Signal<{

package/performances/lib/points/points.d.ts

@@ -5,19 +5,17 @@ import { PositionPoint } from './position-point';
 import * as i0 from "@angular/core";
 export declare class NgtsPoint {
     options: import("@angular/core").InputSignal<Partial<{
+        size?: number | undefined;
         addEventListener: (<TEventKey extends keyof import("angular-three").NgtNodeEventMap<PositionPoint>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<PositionPoint, typeof PositionPoint>, ev: import("angular-three").NgtNodeEventMap<PositionPoint>[TEventKey]) => any) => void) & (<TEventKey extends keyof import("angular-three").NgtAllObject3DEventsMap>(type: TEventKey, listener: (this: any, ev: import("angular-three").NgtAllObject3DEventsMap[TEventKey]) => any) => void);
         removeEventListener: (<TEventKey extends keyof import("angular-three").NgtNodeEventMap<PositionPoint>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<PositionPoint, typeof PositionPoint>, ev: import("angular-three").NgtNodeEventMap<PositionPoint>[TEventKey]) => any) => void) & (<TEventKey extends keyof import("angular-three").NgtAllObject3DEventsMap>(type: TEventKey, listener: (this: any, ev: import("angular-three").NgtAllObject3DEventsMap[TEventKey]) => any) => void);
         attach: string | string[] | import("angular-three").NgtAttachFunction;
         __ngt_args__: [];
-        color?: import("three").ColorRepresentation | undefined;
-        instance?: ElementRef<Points> | Points | null | undefined;
-        readonly geometry?: BufferGeometry<import("three").NormalBufferAttributes> | undefined;
-        readonly isGroup?: true | undefined;
+        readonly type?: string | undefined;
+        toJSON?: ((meta?: import("three").JSONMeta) => import("three").Object3DJSON) | undefined;
         readonly isObject3D?: true | undefined;
         readonly id?: number | undefined;
         uuid?: string | undefined;
         name?: string | undefined;
-        readonly type?: string | undefined;
         parent?: import("three").Object3D<import("three").Object3DEventMap> | null | undefined;
         children?: import("three").Object3D<import("three").Object3DEventMap>[] | undefined;
         readonly modelViewMatrix?: Matrix4 | undefined;
@@ -78,12 +76,14 @@ export declare class NgtsPoint {
         updateMatrix?: (() => void) | undefined;
         updateMatrixWorld?: ((force?: boolean) => void) | undefined;
         updateWorldMatrix?: ((updateParents: boolean, updateChildren: boolean) => void) | undefined;
-        toJSON?: ((meta?: import("three").JSONMeta) => import("three").Object3DJSON) | undefined;
         clone?: ((recursive?: boolean) => PositionPoint) | undefined;
         copy?: ((object: import("three").Object3D, recursive?: boolean) => PositionPoint) | undefined;
         hasEventListener?: (<T extends keyof import("three").Object3DEventMap>(type: T, listener: import("three").EventListener<import("three").Object3DEventMap[T], T, PositionPoint>) => boolean) | undefined;
         dispatchEvent?: (<T extends keyof import("three").Object3DEventMap>(event: import("three").BaseEvent<T> & import("three").Object3DEventMap[T]) => void) | undefined;
-        size?: number | undefined;
+        color?: import("three").ColorRepresentation | undefined;
+        instance?: ElementRef<Points> | Points | null | undefined;
+        readonly geometry?: BufferGeometry<import("three").NormalBufferAttributes> | undefined;
+        readonly isGroup?: true | undefined;
         position: import("angular-three").NgtVector3;
         up: import("angular-three").NgtVector3;
         scale: import("angular-three").NgtVector3;
@@ -104,21 +104,19 @@ export declare class NgtsPointsBuffer {
     positions: import("@angular/core").InputSignal<Float32Array>;
     colors: import("@angular/core").InputSignal<Float32Array | undefined>;
     sizes: import("@angular/core").InputSignal<Float32Array | undefined>;
-    stride: import("@angular/core").InputSignal<3 | 2>;
+    stride: import("@angular/core").InputSignal<2 | 3>;
     options: import("@angular/core").InputSignal<Partial<{
+        size?: number | undefined;
         addEventListener: (<TEventKey extends keyof import("angular-three").NgtNodeEventMap<PositionPoint>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<PositionPoint, typeof PositionPoint>, ev: import("angular-three").NgtNodeEventMap<PositionPoint>[TEventKey]) => any) => void) & (<TEventKey extends keyof import("angular-three").NgtAllObject3DEventsMap>(type: TEventKey, listener: (this: any, ev: import("angular-three").NgtAllObject3DEventsMap[TEventKey]) => any) => void);
         removeEventListener: (<TEventKey extends keyof import("angular-three").NgtNodeEventMap<PositionPoint>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<PositionPoint, typeof PositionPoint>, ev: import("angular-three").NgtNodeEventMap<PositionPoint>[TEventKey]) => any) => void) & (<TEventKey extends keyof import("angular-three").NgtAllObject3DEventsMap>(type: TEventKey, listener: (this: any, ev: import("angular-three").NgtAllObject3DEventsMap[TEventKey]) => any) => void);
         attach: string | string[] | import("angular-three").NgtAttachFunction;
         __ngt_args__: [];
-        color?: import("three").ColorRepresentation | undefined;
-        instance?: ElementRef<Points> | Points | null | undefined;
-        readonly geometry?: BufferGeometry<import("three").NormalBufferAttributes> | undefined;
-        readonly isGroup?: true | undefined;
+        readonly type?: string | undefined;
+        toJSON?: ((meta?: import("three").JSONMeta) => import("three").Object3DJSON) | undefined;
         readonly isObject3D?: true | undefined;
         readonly id?: number | undefined;
         uuid?: string | undefined;
         name?: string | undefined;
-        readonly type?: string | undefined;
         parent?: import("three").Object3D<import("three").Object3DEventMap> | null | undefined;
         children?: import("three").Object3D<import("three").Object3DEventMap>[] | undefined;
         readonly modelViewMatrix?: Matrix4 | undefined;
@@ -179,12 +177,14 @@ export declare class NgtsPointsBuffer {
         updateMatrix?: (() => void) | undefined;
         updateMatrixWorld?: ((force?: boolean) => void) | undefined;
         updateWorldMatrix?: ((updateParents: boolean, updateChildren: boolean) => void) | undefined;
-        toJSON?: ((meta?: import("three").JSONMeta) => import("three").Object3DJSON) | undefined;
         clone?: ((recursive?: boolean) => PositionPoint) | undefined;
         copy?: ((object: import("three").Object3D, recursive?: boolean) => PositionPoint) | undefined;
         hasEventListener?: (<T extends keyof import("three").Object3DEventMap>(type: T, listener: import("three").EventListener<import("three").Object3DEventMap[T], T, PositionPoint>) => boolean) | undefined;
         dispatchEvent?: (<T extends keyof import("three").Object3DEventMap>(event: import("three").BaseEvent<T> & import("three").Object3DEventMap[T]) => void) | undefined;
-        size?: number | undefined;
+        color?: import("three").ColorRepresentation | undefined;
+        instance?: ElementRef<Points> | Points | null | undefined;
+        readonly geometry?: BufferGeometry<import("three").NormalBufferAttributes> | undefined;
+        readonly isGroup?: true | undefined;
         position: import("angular-three").NgtVector3;
         up: import("angular-three").NgtVector3;
         scale: import("angular-three").NgtVector3;
@@ -207,7 +207,7 @@ export interface NgtsPointsInstancesOptions extends Partial<NgtPoints> {
 }
 export declare class NgtsPointsInstances {
     options: import("@angular/core").InputSignalWithTransform<NgtsPointsInstancesOptions, "" | Partial<NgtsPointsInstancesOptions>>;
-    parameters: import("@angular/core").Signal<Omit<NgtsPointsInstancesOptions, "limit" | "range">>;
+    parameters: import("@angular/core").Signal<Omit<NgtsPointsInstancesOptions, "range" | "limit">>;
     pointsRef: import("@angular/core").Signal<ElementRef<Points<BufferGeometry<import("three").NormalBufferAttributes>, import("three").Material | import("three").Material[], import("three").Object3DEventMap>>>;
     private limit;
     buffers: import("@angular/core").Signal<{

package/performances/lib/segments/segments.d.ts

@@ -32,10 +32,10 @@ export declare class NgtsSegments {
     geometry: LineSegmentsGeometry;
     resolution: Vector2;
     materialParameters: import("@angular/core").Signal<{
-        color?: number | undefined;
         name?: string | undefined;
         visible?: boolean | undefined;
         userData?: Record<string, any> | undefined;
+        color?: number | undefined;
         alphaToCoverage?: boolean | undefined;
         dashed?: boolean | undefined;
         dashScale?: number | undefined;

package/staging/lib/sky.d.ts

@@ -15,7 +15,7 @@ export interface NgtsSkyOptions extends Partial<Omit<NgtMesh, 'scale'>> {
 }
 export declare class NgtsSky {
     options: import("@angular/core").InputSignalWithTransform<NgtsSkyOptions, "" | Partial<NgtsSkyOptions>>;
-    parameters: import("@angular/core").Signal<Omit<NgtsSkyOptions, "distance" | "inclination" | "azimuth" | "sunPosition" | "turbidity" | "mieCoefficient" | "mieDirectionalG">>;
+    parameters: import("@angular/core").Signal<Omit<NgtsSkyOptions, "distance" | "inclination" | "azimuth" | "mieCoefficient" | "mieDirectionalG" | "turbidity" | "sunPosition">>;
     distance: import("@angular/core").Signal<number>;
     turbidity: import("@angular/core").Signal<number>;
     mieCoefficient: import("@angular/core").Signal<number>;

package/staging/lib/spot-light.d.ts

@@ -104,7 +104,7 @@ export declare class NgtsSpotLightShadow {
 export declare class NgtsSpotLight {
     protected readonly SpotLightHelper: typeof SpotLightHelper;
     options: import("@angular/core").InputSignalWithTransform<NgtsSpotLightOptions, "" | Partial<NgtsSpotLightOptions>>;
-    parameters: import("@angular/core").Signal<Omit<NgtsSpotLightOptions, "opacity" | "color" | "distance" | "debug" | "depthBuffer" | "volumetric" | "angle" | "attenuation" | "anglePower" | "radiusTop" | "radiusBottom">>;
+    parameters: import("@angular/core").Signal<Omit<NgtsSpotLightOptions, "opacity" | "color" | "distance" | "debug" | "depthBuffer" | "angle" | "attenuation" | "anglePower" | "radiusTop" | "radiusBottom" | "volumetric">>;
     volumetricOptions: import("@angular/core").Signal<Pick<NgtsSpotLightOptions, "opacity" | "color" | "distance" | "debug" | "depthBuffer" | "angle" | "attenuation" | "anglePower" | "radiusTop" | "radiusBottom">>;
     spotLight: import("@angular/core").Signal<ElementRef<SpotLight>>;
     debug: import("@angular/core").Signal<boolean | undefined>;

package/staging/lib/stage.d.ts

@@ -55,14 +55,11 @@ export declare class NgtsStage {
     intensity: import("@angular/core").Signal<number>;
     shadows: import("@angular/core").Signal<boolean | "contact" | "accumulative" | NgtsStageShadowsOptions>;
     environment: import("@angular/core").Signal<"apartment" | "city" | "dawn" | "forest" | "lobby" | "night" | "park" | "studio" | "sunset" | "warehouse" | Partial<NgtsEnvironmentOptions> | null>;
-    preset: import("@angular/core").Signal<"rembrandt" | "portrait" | "upfront" | "soft" | {
+    preset: import("@angular/core").Signal<{
         main: [x: number, y: number, z: number];
         fill: [x: number, y: number, z: number];
-    }>;
+    } | "rembrandt" | "portrait" | "upfront" | "soft">;
     config: import("@angular/core").Signal<{
-        main: [x: number, y: number, z: number];
-        fill: [x: number, y: number, z: number];
-    } | {
         readonly main: readonly [1, 2, 1];
         readonly fill: readonly [-2, -0.5, -2];
     } | {
@@ -74,6 +71,9 @@ export declare class NgtsStage {
     } | {
         readonly main: readonly [-2, 4, 4];
         readonly fill: readonly [-1, 0.5, -1.5];
+    } | {
+        main: [x: number, y: number, z: number];
+        fill: [x: number, y: number, z: number];
     }>;
     shadowBias: import("@angular/core").Signal<number>;
     normalBias: import("@angular/core").Signal<number>;