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

package/abstractions/README.md

@@ -28,7 +28,7 @@ npm install troika-three-text three-mesh-bvh
 - [NgtsPrismGeometry](#ngtsprismgeometry)
 - [NgtsGradientTexture](#ngtsgradienttexture)
 - [injectHelper](#injecthelper)
-  - [NgtsHelper](#ngtshelper)
+    - [NgtsHelper](#ngtshelper)
 
 ## NgtsGrid
 

package/abstractions/lib/catmull-rom-line.d.ts

@@ -21,10 +21,15 @@ export declare class NgtsCatmullRomLine {
     protected segmentedPoints: import("@angular/core").Signal<THREE.Vector3[]>;
     private interpolatedVertexColors;
     protected lineOptions: import("@angular/core").Signal<{
-        vertexColors: (THREE.ColorRepresentation | [number, number, number] | [number, number, number, number])[] | undefined;
+        vertexColors: (THREE.ColorRepresentation | [number, number, number, number] | [number, number, number])[] | undefined;
         raycast?: ((raycaster: THREE.Raycaster, intersects: THREE.Intersection[]) => void) | Readonly<((raycaster: THREE.Raycaster, intersects: THREE.Intersection[]) => void) | null | undefined>;
-        isMesh?: Readonly<true | undefined>;
-        type?: Readonly<string | undefined>;
+        id?: number | undefined;
+        uuid?: string | undefined;
+        name?: string | undefined | undefined;
+        type?: string | undefined;
+        parent?: THREE.Object3D<THREE.Object3DEventMap> | Readonly<THREE.Object3D<THREE.Object3DEventMap> | null> | undefined;
+        children?: THREE.Object3D<THREE.Object3DEventMap>[] | undefined;
+        isMesh?: true | undefined;
         geometry?: import("three-stdlib").LineGeometry | Readonly<import("three-stdlib").LineGeometry | undefined>;
         material?: import("three-stdlib").LineMaterial | Readonly<import("three-stdlib").LineMaterial | undefined>;
         morphTargetInfluences?: number[] | Readonly<number[] | undefined>;
@@ -36,12 +41,7 @@ export declare class NgtsCatmullRomLine {
         updateMorphTargets?: (() => void) | Readonly<(() => void) | undefined>;
         getVertexPosition?: ((index: number, target: THREE.Vector3) => THREE.Vector3) | Readonly<((index: number, target: THREE.Vector3) => THREE.Vector3) | 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;
-        isObject3D?: Readonly<true | undefined>;
-        id?: Readonly<number | undefined>;
-        uuid?: Readonly<string | undefined>;
-        name?: string | undefined | undefined;
-        parent?: THREE.Object3D<THREE.Object3DEventMap> | Readonly<THREE.Object3D<THREE.Object3DEventMap> | null | undefined>;
-        children?: THREE.Object3D<THREE.Object3DEventMap>[] | Readonly<THREE.Object3D<THREE.Object3DEventMap>[] | undefined>;
+        isObject3D?: true | undefined;
         up?: THREE.Vector3 | [x: number, y: number, z: number] | Readonly<number | THREE.Vector3 | [x: number, y: number, z: number] | undefined>;
         position?: THREE.Vector3 | [x: number, y: number, z: number] | Readonly<number | THREE.Vector3 | [x: number, y: number, z: number] | undefined>;
         rotation?: THREE.Euler | [x: number, y: number, z: number, order?: THREE.EulerOrder | undefined] | Readonly<number | THREE.Euler | [x: number, y: number, z: number, order?: THREE.EulerOrder | undefined] | undefined>;
@@ -113,7 +113,7 @@ export declare class NgtsCatmullRomLine {
         updateWorldMatrix?: ((updateParents: boolean, updateChildren: boolean) => void) | Readonly<((updateParents: boolean, updateChildren: boolean) => void) | undefined>;
         clone?: ((((recursive?: boolean) => import("three-stdlib").Line2) | Readonly<(recursive?: boolean) => import("three-stdlib").Line2>) & ((() => import("three-stdlib").LineMaterial) | Readonly<() => import("three-stdlib").LineMaterial>)) | undefined;
         copy?: ((((object: THREE.Object3D, recursive?: boolean) => import("three-stdlib").Line2) | Readonly<(object: THREE.Object3D, recursive?: boolean) => import("three-stdlib").Line2>) & (((material: THREE.Material) => import("three-stdlib").LineMaterial) | Readonly<(material: THREE.Material) => import("three-stdlib").LineMaterial>)) | undefined;
-        addEventListener?: ((((<T extends keyof THREE.Object3DEventMap>(type: T, listener: THREE.EventListener<THREE.Object3DEventMap[T], T, import("three-stdlib").Line2>) => void) | Readonly<(<T extends keyof THREE.Object3DEventMap>(type: T, listener: THREE.EventListener<THREE.Object3DEventMap[T], T, import("three-stdlib").Line2>) => void) | undefined>) & (<TEventKey extends keyof import("angular-three").NgtEventHandlers | "added" | "removed" | "childadded" | "childremoved" | keyof import("angular-three").NgtNodeEventMap<import("three-stdlib").Line2>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<typeof import("three-stdlib").Line2, import("three-stdlib").Line2>, ev: import("angular-three").NgtAllObject3DEventsMap<import("three-stdlib").Line2>[TEventKey]) => any) => void)) & (((<T extends "dispose">(type: T, listener: THREE.EventListener<{
+        addEventListener?: ((((<T extends keyof THREE.Object3DEventMap>(type: T, listener: THREE.EventListener<THREE.Object3DEventMap[T], T, import("three-stdlib").Line2>) => void) | Readonly<(<T extends keyof THREE.Object3DEventMap>(type: T, listener: THREE.EventListener<THREE.Object3DEventMap[T], T, import("three-stdlib").Line2>) => void) | undefined>) & (<TEventKey extends keyof import("angular-three").NgtEventHandlers | "added" | "removed" | "childadded" | "childremoved" | "change" | keyof import("angular-three").NgtNodeEventMap<import("three-stdlib").Line2>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<typeof import("three-stdlib").Line2, import("three-stdlib").Line2>, ev: import("angular-three").NgtAllObject3DEventsMap<import("three-stdlib").Line2>[TEventKey]) => any) => void)) & (((<T extends "dispose">(type: T, listener: THREE.EventListener<{
             dispose: {};
         }[T], T, import("three-stdlib").LineMaterial>) => void) | Readonly<(<T extends "dispose">(type: T, listener: THREE.EventListener<{
             dispose: {};
@@ -123,7 +123,7 @@ export declare class NgtsCatmullRomLine {
         }[T], T, import("three-stdlib").LineMaterial>) => boolean) | Readonly<(<T extends "dispose">(type: T, listener: THREE.EventListener<{
             dispose: {};
         }[T], T, import("three-stdlib").LineMaterial>) => boolean)>)) | undefined;
-        removeEventListener?: ((((<T extends keyof THREE.Object3DEventMap>(type: T, listener: THREE.EventListener<THREE.Object3DEventMap[T], T, import("three-stdlib").Line2>) => void) | Readonly<(<T extends keyof THREE.Object3DEventMap>(type: T, listener: THREE.EventListener<THREE.Object3DEventMap[T], T, import("three-stdlib").Line2>) => void) | undefined>) & (<TEventKey extends keyof import("angular-three").NgtEventHandlers | "added" | "removed" | "childadded" | "childremoved" | keyof import("angular-three").NgtNodeEventMap<import("three-stdlib").Line2>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<typeof import("three-stdlib").Line2, import("three-stdlib").Line2>, ev: import("angular-three").NgtAllObject3DEventsMap<import("three-stdlib").Line2>[TEventKey]) => any) => void)) & (((<T extends "dispose">(type: T, listener: THREE.EventListener<{
+        removeEventListener?: ((((<T extends keyof THREE.Object3DEventMap>(type: T, listener: THREE.EventListener<THREE.Object3DEventMap[T], T, import("three-stdlib").Line2>) => void) | Readonly<(<T extends keyof THREE.Object3DEventMap>(type: T, listener: THREE.EventListener<THREE.Object3DEventMap[T], T, import("three-stdlib").Line2>) => void) | undefined>) & (<TEventKey extends keyof import("angular-three").NgtEventHandlers | "added" | "removed" | "childadded" | "childremoved" | "change" | keyof import("angular-three").NgtNodeEventMap<import("three-stdlib").Line2>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<typeof import("three-stdlib").Line2, import("three-stdlib").Line2>, ev: import("angular-three").NgtAllObject3DEventsMap<import("three-stdlib").Line2>[TEventKey]) => any) => void)) & (((<T extends "dispose">(type: T, listener: THREE.EventListener<{
             dispose: {};
         }[T], T, import("three-stdlib").LineMaterial>) => void) | Readonly<(<T extends "dispose">(type: T, listener: THREE.EventListener<{
             dispose: {};
@@ -134,7 +134,7 @@ export declare class NgtsCatmullRomLine {
             dispose: {};
         }[T]) => void)>)) | undefined;
         dispose?: (((() => void) | Readonly<() => void> | null) & (((() => void) & (() => void)) | Readonly<(() => void) & (() => void)>)) | undefined;
-        isMaterial?: Readonly<true | undefined>;
+        isMaterial?: true | undefined;
         alphaHash?: boolean | undefined | undefined;
         alphaToCoverage?: boolean | undefined | undefined;
         blendAlpha?: number | undefined | undefined;
@@ -181,22 +181,21 @@ export declare class NgtsCatmullRomLine {
         setValues?: ((parameters: THREE.ShaderMaterialParameters) => void) | Readonly<((parameters: THREE.ShaderMaterialParameters) => void) | undefined>;
         needsUpdate?: Readonly<boolean | undefined>;
         onBuild?: ((object: THREE.Object3D, parameters: THREE.WebGLProgramParametersWithUniforms, renderer: THREE.WebGLRenderer) => void) | Readonly<((object: THREE.Object3D, parameters: THREE.WebGLProgramParametersWithUniforms, renderer: THREE.WebGLRenderer) => void) | undefined>;
+        parameters?: ((Partial<import("three-stdlib").Line2> | Readonly<Partial<import("three-stdlib").Line2>>) & (Partial<import("three-stdlib").LineMaterial> | Readonly<Partial<import("three-stdlib").LineMaterial>>)) | undefined;
         color?: THREE.ColorRepresentation | undefined;
+        isLine2?: true | undefined;
+        isLineSegments2?: true | undefined;
+        computeLineDistances?: (() => import("three-stdlib").Line2) | Readonly<(() => import("three-stdlib").Line2) | undefined>;
         dashed?: boolean | undefined | undefined;
         dashScale?: number | undefined | undefined;
         dashSize?: number | undefined | undefined;
         dashOffset?: number | undefined | undefined;
         gapSize?: number | undefined | undefined;
+        isLineMaterial?: true | undefined;
         linewidth?: number | undefined | undefined;
         resolution?: (THREE.Vector2 & (number | THREE.Vector2 | [x: number, y: number] | Readonly<THREE.Vector2> | readonly [x: number, y: number])) | undefined;
-        wireframe?: boolean | undefined | undefined;
         worldUnits?: boolean | undefined | undefined;
-        format?: THREE.PixelFormat | undefined;
-        isLine2?: Readonly<true | undefined>;
-        isLineSegments2?: Readonly<true | undefined>;
-        computeLineDistances?: (() => import("three-stdlib").Line2) | Readonly<(() => import("three-stdlib").Line2) | undefined>;
-        isLineMaterial?: Readonly<true | undefined>;
-        isShaderMaterial?: Readonly<true | undefined>;
+        isShaderMaterial?: true | undefined;
         uniforms?: {
             [uniform: string]: THREE.IUniform<any>;
         } | Readonly<{
@@ -205,6 +204,7 @@ export declare class NgtsCatmullRomLine {
         uniformsGroups?: THREE.UniformsGroup[] | Readonly<THREE.UniformsGroup[] | undefined>;
         vertexShader?: Readonly<string | undefined>;
         fragmentShader?: Readonly<string | undefined>;
+        wireframe?: boolean | undefined | undefined;
         wireframeLinewidth?: Readonly<number | undefined>;
         fog?: Readonly<boolean | undefined>;
         lights?: Readonly<boolean | undefined>;
@@ -220,6 +220,7 @@ export declare class NgtsCatmullRomLine {
         index0AttributeName?: Readonly<string | undefined>;
         uniformsNeedUpdate?: Readonly<boolean | undefined>;
         glslVersion?: "100" | "300 es" | null | undefined;
+        format?: THREE.PixelFormat | undefined;
         lineWidth: number;
     }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsCatmullRomLine, never>;

package/abstractions/lib/edges.d.ts

@@ -14,9 +14,15 @@ export declare class NgtsEdges {
     options: import("@angular/core").InputSignalWithTransform<NgtsEdgesOptions, "" | Partial<NgtsEdgesOptions>>;
     private parameters;
     protected lineOptions: import("@angular/core").Signal<{
+        segments: boolean;
         raycast: () => null;
-        isMesh?: Readonly<true | undefined>;
-        type?: Readonly<string | undefined>;
+        id?: number | undefined;
+        uuid?: string | undefined;
+        name?: string | undefined;
+        type?: string | undefined;
+        parent?: THREE.Object3D<THREE.Object3DEventMap> | Readonly<THREE.Object3D<THREE.Object3DEventMap> | null> | undefined;
+        children?: THREE.Object3D<THREE.Object3DEventMap>[] | undefined;
+        isMesh?: true | undefined;
         material?: ((THREE.Material | THREE.Material[] | Readonly<THREE.Material> | readonly THREE.Material[]) & (import("three-stdlib").LineMaterial | Readonly<import("three-stdlib").LineMaterial>)) | undefined;
         morphTargetInfluences?: number[] | Readonly<number[] | undefined>;
         morphTargetDictionary?: {
@@ -27,12 +33,7 @@ export declare class NgtsEdges {
         updateMorphTargets?: (() => void) | Readonly<(() => void) | undefined>;
         getVertexPosition?: ((index: number, target: THREE.Vector3) => THREE.Vector3) | Readonly<((index: number, target: THREE.Vector3) => THREE.Vector3) | 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;
-        isObject3D?: Readonly<true | undefined>;
-        id?: Readonly<number | undefined>;
-        uuid?: Readonly<string | undefined>;
-        name?: string | undefined;
-        parent?: THREE.Object3D<THREE.Object3DEventMap> | Readonly<THREE.Object3D<THREE.Object3DEventMap> | null | undefined>;
-        children?: THREE.Object3D<THREE.Object3DEventMap>[] | Readonly<THREE.Object3D<THREE.Object3DEventMap>[] | undefined>;
+        isObject3D?: true | undefined;
         up?: THREE.Vector3 | [x: number, y: number, z: number] | Readonly<number | THREE.Vector3 | [x: number, y: number, z: number] | undefined>;
         position?: THREE.Vector3 | [x: number, y: number, z: number] | Readonly<number | THREE.Vector3 | [x: number, y: number, z: number] | undefined>;
         rotation?: THREE.Euler | [x: number, y: number, z: number, order?: THREE.EulerOrder | undefined] | Readonly<number | THREE.Euler | [x: number, y: number, z: number, order?: THREE.EulerOrder | undefined] | undefined>;
@@ -104,7 +105,7 @@ export declare class NgtsEdges {
         updateWorldMatrix?: ((updateParents: boolean, updateChildren: boolean) => void) | Readonly<((updateParents: boolean, updateChildren: boolean) => void) | undefined>;
         clone?: ((((recursive?: boolean) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>) | Readonly<(recursive?: boolean) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>) & ((((recursive?: boolean) => import("three-stdlib").Line2) | Readonly<(recursive?: boolean) => import("three-stdlib").Line2>) & ((() => import("three-stdlib").LineMaterial) | Readonly<() => import("three-stdlib").LineMaterial>))) | undefined;
         copy?: ((((object: THREE.Object3D, recursive?: boolean) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>) | Readonly<(object: THREE.Object3D, recursive?: boolean) => THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>) & ((((object: THREE.Object3D, recursive?: boolean) => import("three-stdlib").Line2) | Readonly<(object: THREE.Object3D, recursive?: boolean) => import("three-stdlib").Line2>) & (((material: THREE.Material) => import("three-stdlib").LineMaterial) | Readonly<(material: THREE.Material) => import("three-stdlib").LineMaterial>))) | undefined;
-        addEventListener?: ((((<T extends keyof THREE.Object3DEventMap>(type: T, listener: THREE.EventListener<THREE.Object3DEventMap[T], T, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, 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.Material | THREE.Material[], THREE.Object3DEventMap>>) => void) | undefined>) & (<TEventKey extends keyof import("angular-three").NgtEventHandlers | "added" | "removed" | "childadded" | "childremoved" | keyof import("angular-three").NgtNodeEventMap<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<typeof THREE.Mesh, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>, ev: import("angular-three").NgtAllObject3DEventsMap<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>[TEventKey]) => any) => void)) & ((((<T extends keyof THREE.Object3DEventMap>(type: T, listener: THREE.EventListener<THREE.Object3DEventMap[T], T, import("three-stdlib").Line2>) => void) | Readonly<(<T extends keyof THREE.Object3DEventMap>(type: T, listener: THREE.EventListener<THREE.Object3DEventMap[T], T, import("three-stdlib").Line2>) => void) | undefined>) & (<TEventKey extends keyof import("angular-three").NgtEventHandlers | "added" | "removed" | "childadded" | "childremoved" | keyof import("angular-three").NgtNodeEventMap<import("three-stdlib").Line2>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<typeof import("three-stdlib").Line2, import("three-stdlib").Line2>, ev: import("angular-three").NgtAllObject3DEventsMap<import("three-stdlib").Line2>[TEventKey]) => any) => void)) & (((<T extends "dispose">(type: T, listener: THREE.EventListener<{
+        addEventListener?: ((((<T extends keyof THREE.Object3DEventMap>(type: T, listener: THREE.EventListener<THREE.Object3DEventMap[T], T, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, 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.Material | THREE.Material[], THREE.Object3DEventMap>>) => void) | undefined>) & (<TEventKey extends keyof import("angular-three").NgtEventHandlers | "added" | "removed" | "childadded" | "childremoved" | "change" | keyof import("angular-three").NgtNodeEventMap<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<typeof THREE.Mesh, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>, ev: import("angular-three").NgtAllObject3DEventsMap<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>[TEventKey]) => any) => void)) & ((((<T extends keyof THREE.Object3DEventMap>(type: T, listener: THREE.EventListener<THREE.Object3DEventMap[T], T, import("three-stdlib").Line2>) => void) | Readonly<(<T extends keyof THREE.Object3DEventMap>(type: T, listener: THREE.EventListener<THREE.Object3DEventMap[T], T, import("three-stdlib").Line2>) => void) | undefined>) & (<TEventKey extends keyof import("angular-three").NgtEventHandlers | "added" | "removed" | "childadded" | "childremoved" | "change" | keyof import("angular-three").NgtNodeEventMap<import("three-stdlib").Line2>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<typeof import("three-stdlib").Line2, import("three-stdlib").Line2>, ev: import("angular-three").NgtAllObject3DEventsMap<import("three-stdlib").Line2>[TEventKey]) => any) => void)) & (((<T extends "dispose">(type: T, listener: THREE.EventListener<{
             dispose: {};
         }[T], T, import("three-stdlib").LineMaterial>) => void) | Readonly<(<T extends "dispose">(type: T, listener: THREE.EventListener<{
             dispose: {};
@@ -114,7 +115,7 @@ export declare class NgtsEdges {
         }[T], T, import("three-stdlib").LineMaterial>) => boolean) | Readonly<(<T extends "dispose">(type: T, listener: THREE.EventListener<{
             dispose: {};
         }[T], T, import("three-stdlib").LineMaterial>) => boolean)>))) | undefined;
-        removeEventListener?: ((((<T extends keyof THREE.Object3DEventMap>(type: T, listener: THREE.EventListener<THREE.Object3DEventMap[T], T, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, 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.Material | THREE.Material[], THREE.Object3DEventMap>>) => void) | undefined>) & (<TEventKey extends keyof import("angular-three").NgtEventHandlers | "added" | "removed" | "childadded" | "childremoved" | keyof import("angular-three").NgtNodeEventMap<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<typeof THREE.Mesh, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>, ev: import("angular-three").NgtAllObject3DEventsMap<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>[TEventKey]) => any) => void)) & ((((<T extends keyof THREE.Object3DEventMap>(type: T, listener: THREE.EventListener<THREE.Object3DEventMap[T], T, import("three-stdlib").Line2>) => void) | Readonly<(<T extends keyof THREE.Object3DEventMap>(type: T, listener: THREE.EventListener<THREE.Object3DEventMap[T], T, import("three-stdlib").Line2>) => void) | undefined>) & (<TEventKey extends keyof import("angular-three").NgtEventHandlers | "added" | "removed" | "childadded" | "childremoved" | keyof import("angular-three").NgtNodeEventMap<import("three-stdlib").Line2>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<typeof import("three-stdlib").Line2, import("three-stdlib").Line2>, ev: import("angular-three").NgtAllObject3DEventsMap<import("three-stdlib").Line2>[TEventKey]) => any) => void)) & (((<T extends "dispose">(type: T, listener: THREE.EventListener<{
+        removeEventListener?: ((((<T extends keyof THREE.Object3DEventMap>(type: T, listener: THREE.EventListener<THREE.Object3DEventMap[T], T, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, 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.Material | THREE.Material[], THREE.Object3DEventMap>>) => void) | undefined>) & (<TEventKey extends keyof import("angular-three").NgtEventHandlers | "added" | "removed" | "childadded" | "childremoved" | "change" | keyof import("angular-three").NgtNodeEventMap<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<typeof THREE.Mesh, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>, ev: import("angular-three").NgtAllObject3DEventsMap<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>[TEventKey]) => any) => void)) & ((((<T extends keyof THREE.Object3DEventMap>(type: T, listener: THREE.EventListener<THREE.Object3DEventMap[T], T, import("three-stdlib").Line2>) => void) | Readonly<(<T extends keyof THREE.Object3DEventMap>(type: T, listener: THREE.EventListener<THREE.Object3DEventMap[T], T, import("three-stdlib").Line2>) => void) | undefined>) & (<TEventKey extends keyof import("angular-three").NgtEventHandlers | "added" | "removed" | "childadded" | "childremoved" | "change" | keyof import("angular-three").NgtNodeEventMap<import("three-stdlib").Line2>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<typeof import("three-stdlib").Line2, import("three-stdlib").Line2>, ev: import("angular-three").NgtAllObject3DEventsMap<import("three-stdlib").Line2>[TEventKey]) => any) => void)) & (((<T extends "dispose">(type: T, listener: THREE.EventListener<{
             dispose: {};
         }[T], T, import("three-stdlib").LineMaterial>) => void) | Readonly<(<T extends "dispose">(type: T, listener: THREE.EventListener<{
             dispose: {};
@@ -125,7 +126,7 @@ export declare class NgtsEdges {
             dispose: {};
         }[T]) => void)>)) | undefined;
         dispose?: (((() => void) | Readonly<() => void> | null) & (((() => void) & (() => void)) | Readonly<(() => void) & (() => void)>)) | undefined;
-        isMaterial?: Readonly<true | undefined>;
+        isMaterial?: true | undefined;
         alphaHash?: boolean | undefined | undefined;
         alphaToCoverage?: boolean | undefined | undefined;
         blendAlpha?: number | undefined | undefined;
@@ -172,23 +173,22 @@ export declare class NgtsEdges {
         setValues?: ((parameters: THREE.ShaderMaterialParameters) => void) | Readonly<((parameters: THREE.ShaderMaterialParameters) => void) | undefined>;
         needsUpdate?: Readonly<boolean | undefined>;
         onBuild?: ((object: THREE.Object3D, parameters: THREE.WebGLProgramParametersWithUniforms, renderer: THREE.WebGLRenderer) => void) | Readonly<((object: THREE.Object3D, parameters: THREE.WebGLProgramParametersWithUniforms, renderer: THREE.WebGLRenderer) => void) | undefined>;
+        parameters?: ((Partial<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>> | Readonly<Partial<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>>) & ((Partial<import("three-stdlib").Line2> | Readonly<Partial<import("three-stdlib").Line2>>) & (Partial<import("three-stdlib").LineMaterial> | Readonly<Partial<import("three-stdlib").LineMaterial>>))) | undefined;
         __ngt_args__?: (([geometry?: THREE.BufferGeometry<THREE.NormalBufferAttributes> | undefined, material?: THREE.Material | THREE.Material[] | undefined] | readonly [geometry?: THREE.BufferGeometry<THREE.NormalBufferAttributes> | undefined, material?: THREE.Material | THREE.Material[] | undefined]) & (([geometry?: import("three-stdlib").LineGeometry | undefined, material?: import("three-stdlib").LineMaterial | undefined] | readonly [geometry?: import("three-stdlib").LineGeometry | undefined, material?: import("three-stdlib").LineMaterial | undefined]) & ([parameters?: LineMaterialParameters | undefined] | readonly [parameters?: LineMaterialParameters | undefined]))) | undefined;
         color?: THREE.ColorRepresentation | undefined;
+        isLine2?: true | undefined;
+        isLineSegments2?: true | undefined;
+        computeLineDistances?: (() => import("three-stdlib").Line2) | Readonly<(() => import("three-stdlib").Line2) | undefined>;
         dashed?: boolean | undefined | undefined;
         dashScale?: number | undefined | undefined;
         dashSize?: number | undefined | undefined;
         dashOffset?: number | undefined | undefined;
         gapSize?: number | undefined | undefined;
+        isLineMaterial?: true | undefined;
         linewidth?: number | undefined | undefined;
         resolution?: (THREE.Vector2 & (number | THREE.Vector2 | [x: number, y: number] | Readonly<THREE.Vector2> | readonly [x: number, y: number])) | undefined;
-        wireframe?: boolean | undefined | undefined;
         worldUnits?: boolean | undefined | undefined;
-        format?: THREE.PixelFormat | undefined;
-        isLine2?: Readonly<true | undefined>;
-        isLineSegments2?: Readonly<true | undefined>;
-        computeLineDistances?: (() => import("three-stdlib").Line2) | Readonly<(() => import("three-stdlib").Line2) | undefined>;
-        isLineMaterial?: Readonly<true | undefined>;
-        isShaderMaterial?: Readonly<true | undefined>;
+        isShaderMaterial?: true | undefined;
         uniforms?: {
             [uniform: string]: THREE.IUniform<any>;
         } | Readonly<{
@@ -197,6 +197,7 @@ export declare class NgtsEdges {
         uniformsGroups?: THREE.UniformsGroup[] | Readonly<THREE.UniformsGroup[] | undefined>;
         vertexShader?: Readonly<string | undefined>;
         fragmentShader?: Readonly<string | undefined>;
+        wireframe?: boolean | undefined | undefined;
         wireframeLinewidth?: Readonly<number | undefined>;
         fog?: Readonly<boolean | undefined>;
         lights?: Readonly<boolean | undefined>;
@@ -212,6 +213,7 @@ export declare class NgtsEdges {
         index0AttributeName?: Readonly<string | undefined>;
         uniformsNeedUpdate?: Readonly<boolean | undefined>;
         glslVersion?: "100" | "300 es" | null | undefined;
+        format?: THREE.PixelFormat | undefined;
         lineWidth?: number | undefined;
     }>;
     protected tmpPoints: number[];

package/abstractions/lib/line.d.ts

@@ -18,7 +18,7 @@ export type NgtsLineOptions = Omit<LineMaterialParameters, 'vertexColors' | 'col
 export declare class NgtsLine {
     points: import("@angular/core").InputSignal<(number | THREE.Vector2 | THREE.Vector3 | [number, number, number] | [number, number])[]>;
     options: import("@angular/core").InputSignalWithTransform<NgtsLineOptions, "" | Partial<NgtsLineOptions>>;
-    protected parameters: import("@angular/core").Signal<Omit<NgtsLineOptions, "vertexColors" | "color" | "dashed" | "linewidth" | "segments" | "lineWidth">>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsLineOptions, "vertexColors" | "color" | "dashed" | "linewidth" | "lineWidth" | "segments">>;
     lineRef: import("@angular/core").Signal<ElementRef<Line2 | LineSegments2> | undefined>;
     private store;
     private segments;

package/abstractions/lib/prism-geometry.d.ts

@@ -14,13 +14,13 @@ export declare class NgtsPrismGeometry {
         depth: number;
         /** Height */
         height: number;
+        curveSegments?: number | undefined | undefined;
+        steps?: number | undefined | undefined;
         bevelEnabled?: boolean | undefined | undefined;
-        bevelOffset?: number | undefined | undefined;
-        bevelSize?: number | undefined | undefined;
         bevelThickness?: number | undefined | undefined;
-        curveSegments?: number | undefined | undefined;
+        bevelSize?: number | undefined | undefined;
+        bevelOffset?: number | undefined | undefined;
         bevelSegments?: number | undefined | undefined;
-        steps?: number | undefined | undefined;
         extrudePath?: THREE.Curve<THREE.Vector3> | undefined;
         UVGenerator?: THREE.UVGenerator | undefined;
     }>;

package/abstractions/lib/rounded-box.d.ts

@@ -15,7 +15,7 @@ export interface NgtsRoundedBoxOptions extends Partial<NgtThreeElements['ngt-mes
 }
 export declare class NgtsRoundedBox {
     options: import("@angular/core").InputSignalWithTransform<NgtsRoundedBoxOptions, "" | Partial<NgtsRoundedBoxOptions>>;
-    protected parameters: import("@angular/core").Signal<Omit<NgtsRoundedBoxOptions, "height" | "bevelSegments" | "width" | "depth" | "radius" | "smoothness" | "steps" | "creaseAngle">>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsRoundedBoxOptions, "width" | "height" | "depth" | "steps" | "bevelSegments" | "radius" | "smoothness" | "creaseAngle">>;
     private width;
     private height;
     private depth;

package/abstractions/lib/text-3d.d.ts

@@ -12,28 +12,28 @@ export declare class NgtsText3D {
     font: import("@angular/core").InputSignal<NgtsFontInput>;
     text: import("@angular/core").InputSignal<string>;
     options: import("@angular/core").InputSignalWithTransform<Partial<NgtThreeElement<typeof THREE.Mesh>> & NgtsText3DOptions, "" | Partial<Partial<NgtThreeElement<typeof THREE.Mesh>> & NgtsText3DOptions>>;
-    protected parameters: import("@angular/core").Signal<Omit<Partial<NgtThreeElement<typeof THREE.Mesh>> & NgtsText3DOptions, "bevelEnabled" | "bevelOffset" | "bevelSize" | "bevelThickness" | "curveSegments" | "height" | "size" | "lineHeight" | "letterSpacing" | "bevelSegments" | "smooth">>;
+    protected parameters: import("@angular/core").Signal<Omit<Partial<NgtThreeElement<typeof THREE.Mesh>> & NgtsText3DOptions, "lineHeight" | "letterSpacing" | "size" | "height" | "curveSegments" | "bevelEnabled" | "bevelThickness" | "bevelSize" | "bevelOffset" | "bevelSegments" | "smooth">>;
     meshRef: import("@angular/core").Signal<ElementRef<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>>;
     private textGeometryRef;
     private loadedFont;
     private smooth;
     private textOptions;
     protected textArgs: import("@angular/core").Signal<(string | {
-        bevelEnabled?: boolean | undefined;
-        bevelOffset?: number | undefined;
-        bevelSize?: number | undefined;
-        bevelThickness?: number | undefined;
-        curveSegments?: number | undefined;
-        height?: number | undefined;
-        size?: number | undefined;
         lineHeight?: number | undefined;
         letterSpacing?: number | undefined;
+        size?: number | undefined;
+        height?: number | undefined;
+        curveSegments?: number | undefined;
+        bevelEnabled?: boolean | undefined;
+        bevelThickness?: number | undefined;
+        bevelSize?: number | undefined;
+        bevelOffset?: number | undefined;
         bevelSegments: number;
         font: import("three-stdlib").Font;
     })[] | null>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsText3D, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgtsText3D, "ngts-text-3d", never, { "font": { "alias": "font"; "required": true; "isSignal": true; }; "text": { "alias": "text"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgtsText3D, "ngts-text-3d,ngts-text-3D", never, { "font": { "alias": "font"; "required": true; "isSignal": true; }; "text": { "alias": "text"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 export type NgtTextGeometry = NgtThreeElement<typeof TextGeometry>;
 declare global {

package/abstractions/lib/text.d.ts

@@ -1,6 +1,7 @@
 import { NgtThreeElements } from 'angular-three';
 import * as THREE from 'three';
 import * as i0 from "@angular/core";
+import * as i1 from "angular-three";
 export interface NgtsTextOptions extends Partial<NgtThreeElements['ngt-mesh']> {
     characters?: string;
     color?: THREE.ColorRepresentation;
@@ -32,12 +33,14 @@ export interface NgtsTextOptions extends Partial<NgtThreeElements['ngt-mesh']> {
     fillOpacity?: number;
     sdfGlyphSize: number;
     debugSDF?: boolean;
+    glyphGeometryDetail?: number;
 }
 export declare class NgtsText {
     text: import("@angular/core").InputSignal<string>;
     options: import("@angular/core").InputSignalWithTransform<NgtsTextOptions, "" | Partial<NgtsTextOptions>>;
     protected parameters: import("@angular/core").Signal<Omit<NgtsTextOptions, "font" | "fontSize" | "sdfGlyphSize" | "anchorX" | "anchorY" | "characters">>;
     synced: import("@angular/core").OutputEmitterRef<Text>;
+    private objectEvents;
     private store;
     private characters;
     protected font: import("@angular/core").Signal<string | undefined>;
@@ -48,5 +51,5 @@ export declare class NgtsText {
     troikaMesh: any;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsText, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgtsText, "ngts-text", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "synced": "synced"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgtsText, "ngts-text", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "synced": "synced"; }, never, ["*"], true, [{ directive: typeof i1.NgtObjectEvents; inputs: {}; outputs: { "click": "click"; "dblclick": "dblclick"; "contextmenu": "contextmenu"; "pointerup": "pointerup"; "pointerdown": "pointerdown"; "pointerover": "pointerover"; "pointerout": "pointerout"; "pointerenter": "pointerenter"; "pointerleave": "pointerleave"; "pointermove": "pointermove"; "pointermissed": "pointermissed"; "pointercancel": "pointercancel"; "wheel": "wheel"; }; }]>;
 }

package/cameras/lib/camera-content.d.ts

@@ -1,9 +1,8 @@
-import { Signal } from '@angular/core';
 import * as THREE from 'three';
 import * as i0 from "@angular/core";
 export declare class NgtsCameraContent {
     static ngTemplateContextGuard(_: NgtsCameraContent, ctx: unknown): ctx is {
-        $implicit: Signal<THREE.Texture>;
+        $implicit: THREE.Texture;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsCameraContent, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgtsCameraContent, "ng-template[cameraContent]", never, {}, {}, never, never, true, never>;

package/cameras/lib/cube-camera.d.ts

@@ -21,12 +21,12 @@ export declare function injectCubeCamera(options: () => CubeCameraOptions, { inj
     camera: import("@angular/core").Signal<THREE.CubeCamera>;
     update: () => void;
 };
-export interface NgtsCubeCameraOptions extends Partial<NgtThreeElements['ngt-group']>, CubeCameraOptions {
+export type NgtsCubeCameraOptions = Partial<NgtThreeElements['ngt-group']> & CubeCameraOptions & {
     frames: number;
-}
+};
 export declare class NgtsCubeCamera {
     options: import("@angular/core").InputSignalWithTransform<NgtsCubeCameraOptions, "" | Partial<NgtsCubeCameraOptions>>;
-    protected parameters: import("@angular/core").Signal<Omit<NgtsCubeCameraOptions, "near" | "far" | "envMap" | "frames" | "resolution" | "fog">>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsCubeCameraOptions, "resolution" | "near" | "far" | "envMap" | "fog" | "frames">>;
     private cubeCamera;
     protected camera: import("@angular/core").Signal<THREE.CubeCamera>;
     protected texture: import("@angular/core").Signal<THREE.CubeTexture>;

package/cameras/lib/orthographic-camera.d.ts

@@ -16,14 +16,16 @@ export interface NgtsOrthographicCameraOptions extends Partial<NgtThreeElements[
 }
 export declare class NgtsOrthographicCamera {
     options: import("@angular/core").InputSignalWithTransform<NgtsOrthographicCameraOptions, "" | Partial<NgtsOrthographicCameraOptions>>;
-    protected parameters: import("@angular/core").Signal<Omit<NgtsOrthographicCameraOptions, "envMap" | "makeDefault" | "manual" | "frames" | "resolution" | "left" | "right" | "top" | "bottom">>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsOrthographicCameraOptions, "resolution" | "envMap" | "frames" | "left" | "right" | "top" | "bottom" | "makeDefault">>;
     protected content: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     protected cameraContent: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     cameraRef: import("@angular/core").Signal<ElementRef<THREE.OrthographicCamera>>;
     groupRef: import("@angular/core").Signal<ElementRef<THREE.Group<THREE.Object3DEventMap>>>;
     private store;
-    private camera;
-    private size;
+    private _left;
+    private _right;
+    private _top;
+    private _bottom;
     protected left: import("@angular/core").Signal<number>;
     protected right: import("@angular/core").Signal<number>;
     protected top: import("@angular/core").Signal<number>;
@@ -31,8 +33,7 @@ export declare class NgtsOrthographicCamera {
     private manual;
     private makeDefault;
     private resolution;
-    private fbo;
-    protected texture: import("@angular/core").Signal<THREE.Texture>;
+    protected fbo: THREE.WebGLRenderTarget<THREE.Texture>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsOrthographicCamera, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgtsOrthographicCamera, "ngts-orthographic-camera", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, ["content", "cameraContent"], never, true, never>;

package/cameras/lib/perspective-camera.d.ts

@@ -16,19 +16,16 @@ export interface NgtsPerspectiveCameraOptions extends Partial<NgtThreeElements['
 }
 export declare class NgtsPerspectiveCamera {
     options: import("@angular/core").InputSignalWithTransform<NgtsPerspectiveCameraOptions, "" | Partial<NgtsPerspectiveCameraOptions>>;
-    protected parameters: import("@angular/core").Signal<Omit<NgtsPerspectiveCameraOptions, "envMap" | "makeDefault" | "manual" | "frames" | "resolution">>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsPerspectiveCameraOptions, "resolution" | "envMap" | "frames" | "makeDefault">>;
     protected content: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     protected cameraContent: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     cameraRef: import("@angular/core").Signal<ElementRef<THREE.PerspectiveCamera>>;
     groupRef: import("@angular/core").Signal<ElementRef<THREE.Group<THREE.Object3DEventMap>>>;
     private store;
-    private camera;
-    private size;
     private manual;
     private makeDefault;
     private resolution;
-    private fbo;
-    protected texture: import("@angular/core").Signal<THREE.Texture>;
+    protected fbo: THREE.WebGLRenderTarget<THREE.Texture>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsPerspectiveCamera, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgtsPerspectiveCamera, "ngts-perspective-camera", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, ["content", "cameraContent"], never, true, never>;

package/controls/README.md

@@ -38,36 +38,36 @@ Other options are available in the `camera-controls` library. For more informati
 
 ```ts
 @Component({
- template: `
-  <ngt-mesh>
-   <ngt-box-geometry />
-   <ngt-mesh-basic-material color="red" [wireframe]="true" />
-  </ngt-mesh>
-
-  <ngt-grid-helper *args="[50, 50]" [position]="[0, -1, 0]" />
-
-  <ngts-camera-controls />
- `,
- imports: [NgtsCameraControls, NgtArgs],
- schemas: [CUSTOM_ELEMENTS_SCHEMA],
- changeDetection: ChangeDetectionStrategy.OnPush,
+	template: `
+		<ngt-mesh>
+			<ngt-box-geometry />
+			<ngt-mesh-basic-material color="red" [wireframe]="true" />
+		</ngt-mesh>
+
+		<ngt-grid-helper *args="[50, 50]" [position]="[0, -1, 0]" />
+
+		<ngts-camera-controls />
+	`,
+	imports: [NgtsCameraControls, NgtArgs],
+	schemas: [CUSTOM_ELEMENTS_SCHEMA],
+	changeDetection: ChangeDetectionStrategy.OnPush,
 })
 class DefaultCameraControlsStory {
- rotate = input<keyof typeof rotations | 'none'>('none');
-
- cameraControlsRef = viewChild.required(NgtsCameraControls);
-
- constructor() {
-  effect(() => {
-   const [rotate, controls] = [this.rotate(), this.cameraControlsRef().controls()];
-   if (rotate !== 'none') {
-    const [theta, phi, animate] = rotations[rotate];
-    void controls.rotate(theta, phi, animate);
-   } else {
-    void controls.reset(true);
-   }
-  });
- }
+	rotate = input<keyof typeof rotations | 'none'>('none');
+
+	cameraControlsRef = viewChild.required(NgtsCameraControls);
+
+	constructor() {
+		effect(() => {
+			const [rotate, controls] = [this.rotate(), this.cameraControlsRef().controls()];
+			if (rotate !== 'none') {
+				const [theta, phi, animate] = rotations[rotate];
+				void controls.rotate(theta, phi, animate);
+			} else {
+				void controls.reset(true);
+			}
+		});
+	}
 }
 ```
 

package/controls/index.d.ts

@@ -1,3 +1,4 @@
 export * from './lib/camera-controls';
 export * from './lib/orbit-controls';
 export * from './lib/scroll-controls';
+export * from './lib/trackball-controls';

package/controls/lib/camera-controls.d.ts

@@ -10,7 +10,7 @@ export interface NgtsCameraControlsOptions {
 }
 export declare class NgtsCameraControls {
     options: import("@angular/core").InputSignalWithTransform<Partial<CameraControls> & NgtsCameraControlsOptions, "" | Partial<Partial<CameraControls> & NgtsCameraControlsOptions>>;
-    protected parameters: import("@angular/core").Signal<Omit<Partial<CameraControls> & NgtsCameraControlsOptions, "domElement" | "makeDefault" | "camera" | "regress">>;
+    protected parameters: import("@angular/core").Signal<Omit<Partial<CameraControls> & NgtsCameraControlsOptions, "camera" | "makeDefault" | "regress" | "domElement">>;
     changed: import("@angular/core").OutputEmitterRef<any>;
     started: import("@angular/core").OutputEmitterRef<any>;
     ended: import("@angular/core").OutputEmitterRef<any>;

package/controls/lib/orbit-controls.d.ts

@@ -1,8 +1,12 @@
-import { NgtVector3 } from 'angular-three';
+import { NgtOverwrite, NgtThreeElement, NgtVector3 } from 'angular-three';
 import * as THREE from 'three';
 import { OrbitControls } from 'three-stdlib';
 import * as i0 from "@angular/core";
-export interface NgtsOrbitControlsOptions {
+type ExtractCallback<T, E extends string> = T extends {
+    addEventListener(event: E, callback: infer C): void;
+} ? C : never;
+export type OrbitControlsChangeEvent = Parameters<ExtractCallback<OrbitControls, 'change'>>[0];
+export type NgtsOrbitControlsOptions = Omit<NgtOverwrite<NgtThreeElement<typeof OrbitControls>, {
     camera?: THREE.Camera;
     domElement?: HTMLElement;
     target?: NgtVector3;
@@ -10,11 +14,11 @@ export interface NgtsOrbitControlsOptions {
     regress: boolean;
     enableDamping: boolean;
     keyEvents: boolean | HTMLElement;
-}
+}>, 'attach' | 'addEventListener' | 'removeEventListener' | 'parameters' | '___ngt_args__' | '_domElementKeyEvents'>;
 export declare class NgtsOrbitControls {
-    options: import("@angular/core").InputSignalWithTransform<Partial<OrbitControls> & NgtsOrbitControlsOptions, "" | Partial<Partial<OrbitControls> & NgtsOrbitControlsOptions>>;
-    protected parameters: import("@angular/core").Signal<Omit<Partial<OrbitControls> & NgtsOrbitControlsOptions, "domElement" | "enableDamping" | "makeDefault" | "camera" | "regress" | "keyEvents">>;
-    changed: import("@angular/core").OutputEmitterRef<THREE.Event<string, unknown>>;
+    options: import("@angular/core").InputSignalWithTransform<NgtsOrbitControlsOptions, "" | Partial<NgtsOrbitControlsOptions>>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsOrbitControlsOptions, "camera" | "makeDefault" | "regress" | "domElement" | "enableDamping" | "keyEvents">>;
+    changed: import("@angular/core").OutputEmitterRef<import("node_modules/three-stdlib/controls/EventDispatcher").Event<keyof import("node_modules/three-stdlib/controls/StandardControlsEventMap").StandardControlsEventMap, OrbitControls>>;
     started: import("@angular/core").OutputEmitterRef<THREE.Event<string, unknown>>;
     ended: import("@angular/core").OutputEmitterRef<THREE.Event<string, unknown>>;
     private store;
@@ -29,3 +33,4 @@ export declare class NgtsOrbitControls {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsOrbitControls, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgtsOrbitControls, "ngts-orbit-controls", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "changed": "changed"; "started": "started"; "ended": "ended"; }, never, ["*"], true, never>;
 }
+export {};

package/controls/lib/trackball-controls.d.ts

@@ -0,0 +1,27 @@
+import { NgtOverwrite, NgtThreeElement, NgtVector3 } from 'angular-three';
+import * as THREE from 'three';
+import { TrackballControls } from 'three-stdlib';
+import * as i0 from "@angular/core";
+export type NgtsTrackballControlsOptions = Omit<NgtOverwrite<NgtThreeElement<typeof TrackballControls>, {
+    target?: NgtVector3;
+    camera?: THREE.Camera;
+    domElement?: HTMLElement;
+    regress: boolean;
+    makeDefault: boolean;
+}>, 'attach' | 'addEventListener' | 'removeEventListener' | 'parameters' | '___ngt_args__'>;
+export declare class NgtsTrackballControls {
+    options: import("@angular/core").InputSignalWithTransform<NgtsTrackballControlsOptions, "" | Partial<NgtsTrackballControlsOptions>>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsTrackballControlsOptions, "camera" | "makeDefault" | "regress" | "domElement">>;
+    changed: import("@angular/core").OutputEmitterRef<THREE.Event<string, unknown>>;
+    started: import("@angular/core").OutputEmitterRef<THREE.Event<string, unknown>>;
+    ended: import("@angular/core").OutputEmitterRef<THREE.Event<string, unknown>>;
+    private store;
+    private camera;
+    private regress;
+    private domElement;
+    private makeDefault;
+    protected controls: import("@angular/core").Signal<TrackballControls>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtsTrackballControls, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgtsTrackballControls, "ngts-trackball-controls", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "changed": "changed"; "started": "started"; "ended": "ended"; }, never, ["*"], true, never>;
+}