angular-three-soba 4.0.0-next.8 → 4.0.0-next.81

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

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

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

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

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

@@ -45,7 +45,7 @@ export interface NgtsGizmoViewportOptions extends Partial<NgtThreeElements['ngt-
 export declare class NgtsGizmoViewport {
     protected readonly Math: Math;
     options: import("@angular/core").InputSignalWithTransform<NgtsGizmoViewportOptions, "" | Partial<NgtsGizmoViewportOptions>>;
-    protected parameters: import("@angular/core").Signal<Omit<NgtsGizmoViewportOptions, "axisColors" | "axisScale" | "labels" | "axisHeadScale" | "labelColor" | "hideNegativeAxes" | "hideAxisHeads" | "disabled" | "font">>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsGizmoViewportOptions, "font" | "axisColors" | "axisScale" | "labels" | "axisHeadScale" | "labelColor" | "hideNegativeAxes" | "hideAxisHeads" | "disabled">>;
     click: import("@angular/core").OutputEmitterRef<NgtThreeEvent<MouseEvent>>;
     protected axisColors: import("@angular/core").Signal<[string, string, string]>;
     protected axisScale: import("@angular/core").Signal<[number, number, number] | undefined>;

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, "anchor" | "fixed" | "visible" | "rotation" | "scale" | "matrix" | "userData" | "enabled" | "autoTransform" | "disableAxes" | "disableSliders" | "disableRotations" | "disableScaling" | "activeAxes" | "offset" | "lineWidth" | "translationLimits" | "rotationLimits" | "scaleLimits" | "depthTest" | "axisColors" | "hoveredColor" | "annotations" | "annotationsClass" | "opacity">>;
+    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/transform-controls.d.ts

@@ -23,8 +23,8 @@ export type NgtsTransformControlsOptions = Partial<NgtsTransformControlsObject>
 export declare class NgtsTransformControls {
     object: import("@angular/core").InputSignal<THREE.Object3D<THREE.Object3DEventMap> | ElementRef<THREE.Object3D<THREE.Object3DEventMap>> | null | undefined>;
     options: import("@angular/core").InputSignal<Partial<NgtsTransformControlsOptions>>;
-    protected parameters: import("@angular/core").Signal<Omit<Partial<NgtsTransformControlsOptions>, "enabled" | "axis" | "domElement" | "mode" | "translationSnap" | "rotationSnap" | "scaleSnap" | "space" | "size" | "showX" | "showY" | "showZ" | "camera" | "makeDefault">>;
-    protected controlsOptions: import("@angular/core").Signal<Pick<Partial<NgtsTransformControlsOptions>, "enabled" | "axis" | "mode" | "translationSnap" | "rotationSnap" | "scaleSnap" | "space" | "size" | "showX" | "showY" | "showZ">>;
+    protected parameters: import("@angular/core").Signal<Omit<Partial<NgtsTransformControlsOptions>, "camera" | "size" | "domElement" | "enabled" | "axis" | "mode" | "translationSnap" | "rotationSnap" | "scaleSnap" | "space" | "showX" | "showY" | "showZ" | "makeDefault">>;
+    protected controlsOptions: import("@angular/core").Signal<Pick<Partial<NgtsTransformControlsOptions>, "size" | "enabled" | "axis" | "mode" | "translationSnap" | "rotationSnap" | "scaleSnap" | "space" | "showX" | "showY" | "showZ">>;
     private camera;
     private domElement;
     private makeDefault;

package/loaders/README.md

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

package/materials/lib/custom-shader-material.d.ts

@@ -4,10 +4,10 @@ import * as THREE from 'three';
 import CustomShaderMaterial from 'three-custom-shader-material/vanilla';
 import * as i0 from "@angular/core";
 export declare class NgtsCustomShaderMaterial {
-    baseMaterial: import("@angular/core").InputSignal<typeof THREE.Material | THREE.Material | ElementRef<THREE.Material>>;
+    baseMaterial: import("@angular/core").InputSignal<THREE.Material | typeof THREE.Material | ElementRef<THREE.Material>>;
     attach: import("@angular/core").InputSignal<NgtAttachable>;
     options: import("@angular/core").InputSignal<Omit<any, "baseMaterial">>;
-    parameters: import("@angular/core").Signal<Omit<Omit<any, "baseMaterial">, "uniforms" | "vertexShader" | "fragmentShader" | "cacheKey">>;
+    parameters: import("@angular/core").Signal<Omit<Omit<any, "baseMaterial">, "fragmentShader" | "vertexShader" | "uniforms" | "cacheKey">>;
     private base;
     private fragmentShader;
     private vertexShader;

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

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

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

@@ -20,7 +20,7 @@ export declare class NgtsMeshRefractionMaterial {
     envMap: import("@angular/core").InputSignal<THREE.Texture | THREE.CubeTexture>;
     attach: import("@angular/core").InputSignal<NgtAttachable>;
     options: import("@angular/core").InputSignalWithTransform<NgtsMeshRefractionMaterialOptions, "" | Partial<NgtsMeshRefractionMaterialOptions>>;
-    protected parameters: import("@angular/core").Signal<Omit<NgtsMeshRefractionMaterialOptions, "fastChroma" | "aberrationStrength">>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsMeshRefractionMaterialOptions, "aberrationStrength" | "fastChroma">>;
     private fastChroma;
     protected aberrationStrength: import("@angular/core").Signal<number>;
     materialRef: import("@angular/core").Signal<ElementRef<THREE.ShaderMaterial & {

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

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

package/misc/README.md

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

package/misc/lib/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" | "depthTest" | "polygonOffsetFactor" | "debug">>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsDecalOptions, "debug" | "scale" | "map" | "position" | "rotation" | "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/deprecated.d.ts

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

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

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

package/misc/lib/fbo.d.ts

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

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "angular-three-soba",
-	"version": "4.0.0-next.8",
+	"version": "4.0.0-next.81",
 	"publishConfig": {
 		"access": "public"
 	},
@@ -35,30 +35,30 @@
 			"types": "./abstractions/index.d.ts",
 			"default": "./fesm2022/angular-three-soba-abstractions.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"
 		},
 		"./gizmos": {
 			"types": "./gizmos/index.d.ts",
 			"default": "./fesm2022/angular-three-soba-gizmos.mjs"
 		},
+		"./controls": {
+			"types": "./controls/index.d.ts",
+			"default": "./fesm2022/angular-three-soba-controls.mjs"
+		},
+		"./misc": {
+			"types": "./misc/index.d.ts",
+			"default": "./fesm2022/angular-three-soba-misc.mjs"
+		},
 		"./loaders": {
 			"types": "./loaders/index.d.ts",
 			"default": "./fesm2022/angular-three-soba-loaders.mjs"
 		},
-		"./cameras": {
-			"types": "./cameras/index.d.ts",
-			"default": "./fesm2022/angular-three-soba-cameras.mjs"
-		},
 		"./materials": {
 			"types": "./materials/index.d.ts",
 			"default": "./fesm2022/angular-three-soba-materials.mjs"
 		},
-		"./misc": {
-			"types": "./misc/index.d.ts",
-			"default": "./fesm2022/angular-three-soba-misc.mjs"
-		},
 		"./performances": {
 			"types": "./performances/index.d.ts",
 			"default": "./fesm2022/angular-three-soba-performances.mjs"
@@ -67,14 +67,14 @@
 			"types": "./shaders/index.d.ts",
 			"default": "./fesm2022/angular-three-soba-shaders.mjs"
 		},
-		"./stats": {
-			"types": "./stats/index.d.ts",
-			"default": "./fesm2022/angular-three-soba-stats.mjs"
-		},
 		"./staging": {
 			"types": "./staging/index.d.ts",
 			"default": "./fesm2022/angular-three-soba-staging.mjs"
 		},
+		"./stats": {
+			"types": "./stats/index.d.ts",
+			"default": "./fesm2022/angular-three-soba-stats.mjs"
+		},
 		"./vanilla-exports": {
 			"types": "./vanilla-exports/index.d.ts",
 			"default": "./fesm2022/angular-three-soba-vanilla-exports.mjs"
@@ -90,7 +90,7 @@
 		"maath": ">=0.10.0 <0.11.0",
 		"meshline": "^3.1.0",
 		"stats-gl": ">=2.0.0",
-		"three": ">=0.148.0 <0.174.0",
+		"three": ">=0.156.0 <0.175.0",
 		"three-custom-shader-material": ">=5.5.0 <6.4.0",
 		"three-mesh-bvh": ">=0.5.0 <0.10.0",
 		"three-stdlib": "^2.0.0",

package/performances/index.d.ts

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

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

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

package/performances/lib/bvh.d.ts

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

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

@@ -19,7 +19,7 @@ export interface NgtsInstancesOptions extends Partial<NgtThreeElements['ngt-inst
 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" | "range" | "frames">>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsInstancesOptions, "range" | "limit" | "frames">>;
     instancedMeshRef: import("@angular/core").Signal<ElementRef<THREE.InstancedMesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.InstancedMeshEventMap>>>;
     private limit;
     protected buffers: import("@angular/core").Signal<{

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

@@ -29,7 +29,7 @@ export interface NgtsPointsInstancesOptions extends Partial<NgtThreeElements['ng
 }
 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<THREE.Points<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>>;
     private limit;
     buffers: import("@angular/core").Signal<{