angular-three 2.0.0-beta.260 → 2.0.0-beta.262

package/index.d.ts

@@ -1,6 +1,7 @@
 export * from './lib/canvas';
 export * from './lib/directives/args';
-export { NgtCamera, NgtComputeFunction, NgtThreeEvent } from './lib/events';
+export { NgtCamera, NgtComputeFunction, NgtDomEvent, NgtThreeEvent } from './lib/events';
+export * from './lib/html';
 export * from './lib/instance';
 export * from './lib/loader';
 export { addAfterEffect, addEffect, addTail } from './lib/loop';

package/lib/canvas.d.ts

@@ -85,22 +85,22 @@ export declare class NgtCanvas {
     raycaster: import("@angular/core").InputSignal<Partial<Raycaster> | undefined>;
     scene: import("@angular/core").InputSignal<Scene | Partial<Scene> | undefined>;
     camera: import("@angular/core").InputSignal<NonNullable<((NgtCamera | Partial<{
-        copy?: ((object: import("three").Object3D<import("three").Object3DEventMap>, recursive?: boolean | undefined) => Camera) | undefined;
+        copy?: ((object: import("three").Object3D, recursive?: boolean) => Camera) | undefined;
         parent?: import("three").Object3D<import("three").Object3DEventMap> | null | undefined;
-        raycast?: ((raycaster: Raycaster, intersects: import("three").Intersection<import("three").Object3D<import("three").Object3DEventMap>>[]) => void) | undefined;
+        raycast?: ((raycaster: Raycaster, intersects: import("three").Intersection[]) => void) | undefined;
         coordinateSystem?: import("three").CoordinateSystem | undefined;
         clear?: (() => Camera) | undefined;
         name?: string | undefined;
         readonly type?: string | undefined;
         attach: string | string[] | import("angular-three").NgtAttachFunction;
-        addEventListener: (<TEventKey extends keyof import("./three-types").NgtNodeEventMap<TOriginal>>(type: TEventKey, listener: (this: import("./three-types").NgtNodeElement<Camera, typeof Camera>, ev: import("./three-types").NgtNodeEventMap<Camera>[TEventKey]) => any) => void) & (<TEventKey_1 extends keyof import("./events").NgtEventHandlers>(type: TEventKey_1, listener: (this: any, ev: import("./three-types").NgtObject3DEventsMap[TEventKey_1]) => any) => void);
-        removeEventListener: (<TEventKey_2 extends keyof import("./three-types").NgtNodeEventMap<TOriginal>>(type: TEventKey_2, listener: (this: import("./three-types").NgtNodeElement<Camera, typeof Camera>, ev: import("./three-types").NgtNodeEventMap<Camera>[TEventKey_2]) => any) => void) & (<TEventKey_3 extends keyof import("./events").NgtEventHandlers>(type: TEventKey_3, listener: (this: any, ev: import("./three-types").NgtObject3DEventsMap[TEventKey_3]) => any) => void);
+        addEventListener: (<TEventKey extends keyof import("./three-types").NgtNodeEventMap<Camera>>(type: TEventKey, listener: (this: import("./three-types").NgtNodeElement<Camera, typeof Camera>, ev: import("./three-types").NgtNodeEventMap<Camera>[TEventKey]) => any) => void) & (<TEventKey extends keyof import("./three-types").NgtObject3DEventsMap>(type: TEventKey, listener: (this: any, ev: import("./three-types").NgtObject3DEventsMap[TEventKey]) => any) => void);
+        removeEventListener: (<TEventKey extends keyof import("./three-types").NgtNodeEventMap<Camera>>(type: TEventKey, listener: (this: import("./three-types").NgtNodeElement<Camera, typeof Camera>, ev: import("./three-types").NgtNodeEventMap<Camera>[TEventKey]) => any) => void) & (<TEventKey extends keyof import("./three-types").NgtObject3DEventsMap>(type: TEventKey, listener: (this: any, ev: import("./three-types").NgtObject3DEventsMap[TEventKey]) => any) => void);
         __ngt_args__: [];
         readonly isCamera?: true | undefined;
         matrixWorldInverse?: import("three").Matrix4 | undefined;
         projectionMatrix?: import("three").Matrix4 | undefined;
         projectionMatrixInverse?: import("three").Matrix4 | undefined;
-        viewport?: import("three").Vector4 | undefined;
+        viewport?: import("three").Vector4;
         getWorldDirection?: ((target: Vector3) => Vector3) | undefined;
         readonly isObject3D?: true | undefined;
         readonly id?: number | undefined;
@@ -121,10 +121,10 @@ export declare class NgtCanvas {
         userData?: Record<string, any> | undefined;
         customDepthMaterial?: import("three").Material | undefined;
         customDistanceMaterial?: import("three").Material | undefined;
-        onBeforeShadow?: ((renderer: WebGLRenderer, scene: Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, depthMaterial: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void) | undefined;
-        onAfterShadow?: ((renderer: WebGLRenderer, scene: Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, depthMaterial: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void) | undefined;
-        onBeforeRender?: ((renderer: WebGLRenderer, scene: Scene, camera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void) | undefined;
-        onAfterRender?: ((renderer: WebGLRenderer, scene: Scene, camera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void) | undefined;
+        onBeforeShadow?: ((renderer: WebGLRenderer, scene: Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry, depthMaterial: import("three").Material, group: import("three").Group) => void) | undefined;
+        onAfterShadow?: ((renderer: WebGLRenderer, scene: Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry, depthMaterial: import("three").Material, group: import("three").Group) => void) | undefined;
+        onBeforeRender?: ((renderer: WebGLRenderer, scene: Scene, camera: Camera, geometry: import("three").BufferGeometry, material: import("three").Material, group: import("three").Group) => void) | undefined;
+        onAfterRender?: ((renderer: WebGLRenderer, scene: Scene, camera: Camera, geometry: import("three").BufferGeometry, material: import("three").Material, group: import("three").Group) => void) | undefined;
         applyMatrix4?: ((matrix: import("three").Matrix4) => void) | undefined;
         applyQuaternion?: ((quaternion: import("three").Quaternion) => Camera) | undefined;
         setRotationFromAxisAngle?: ((axis: Vector3, angle: number) => void) | undefined;
@@ -146,34 +146,34 @@ export declare class NgtCanvas {
             (vector: Vector3): void;
             (x: number, y: number, z: number): void;
         } | undefined;
-        add?: ((...object: import("three").Object3D<import("three").Object3DEventMap>[]) => Camera) | undefined;
-        remove?: ((...object: import("three").Object3D<import("three").Object3DEventMap>[]) => Camera) | undefined;
+        add?: ((...object: import("three").Object3D[]) => Camera) | undefined;
+        remove?: ((...object: import("three").Object3D[]) => Camera) | undefined;
         removeFromParent?: (() => Camera) | undefined;
-        getObjectById?: ((id: number) => import("three").Object3D<import("three").Object3DEventMap> | undefined) | undefined;
-        getObjectByName?: ((name: string) => import("three").Object3D<import("three").Object3DEventMap> | undefined) | undefined;
-        getObjectByProperty?: ((name: string, value: any) => import("three").Object3D<import("three").Object3DEventMap> | undefined) | undefined;
-        getObjectsByProperty?: ((name: string, value: any, optionalTarget?: import("three").Object3D<import("three").Object3DEventMap>[] | undefined) => import("three").Object3D<import("three").Object3DEventMap>[]) | undefined;
+        getObjectById?: ((id: number) => import("three").Object3D | undefined) | undefined;
+        getObjectByName?: ((name: string) => import("three").Object3D | undefined) | undefined;
+        getObjectByProperty?: ((name: string, value: any) => import("three").Object3D | undefined) | undefined;
+        getObjectsByProperty?: ((name: string, value: any, optionalTarget?: import("three").Object3D[]) => import("three").Object3D[]) | undefined;
         getWorldPosition?: ((target: Vector3) => Vector3) | undefined;
         getWorldQuaternion?: ((target: import("three").Quaternion) => import("three").Quaternion) | undefined;
         getWorldScale?: ((target: Vector3) => Vector3) | undefined;
-        traverse?: ((callback: (object: import("three").Object3D<import("three").Object3DEventMap>) => any) => void) | undefined;
-        traverseVisible?: ((callback: (object: import("three").Object3D<import("three").Object3DEventMap>) => any) => void) | undefined;
-        traverseAncestors?: ((callback: (object: import("three").Object3D<import("three").Object3DEventMap>) => any) => void) | undefined;
+        traverse?: ((callback: (object: import("three").Object3D) => any) => void) | undefined;
+        traverseVisible?: ((callback: (object: import("three").Object3D) => any) => void) | undefined;
+        traverseAncestors?: ((callback: (object: import("three").Object3D) => any) => void) | undefined;
         updateMatrix?: (() => void) | undefined;
-        updateMatrixWorld?: ((force?: boolean | undefined) => void) | undefined;
+        updateMatrixWorld?: ((force?: boolean) => void) | undefined;
         updateWorldMatrix?: ((updateParents: boolean, updateChildren: boolean) => void) | undefined;
         toJSON?: ((meta?: {
             geometries: any;
             materials: any;
             textures: any;
             images: any;
-        } | undefined) => any) | undefined;
-        clone?: ((recursive?: boolean | undefined) => Camera) | undefined;
+        }) => any) | undefined;
+        clone?: ((recursive?: boolean) => Camera) | undefined;
         hasEventListener?: {
             <T extends keyof import("three").Object3DEventMap>(type: T, listener: import("three").EventListener<import("three").Object3DEventMap[T], T, Camera>): boolean;
-            <T_1 extends string>(type: T_1, listener: import("three").EventListener<{}, T_1, Camera>): boolean;
+            <T extends string>(type: T, listener: import("three").EventListener<{}, T, Camera>): boolean;
         } | undefined;
-        dispatchEvent?: (<T_2 extends keyof import("three").Object3DEventMap>(event: import("three").BaseEvent<T_2> & import("three").Object3DEventMap[T_2]) => void) | undefined;
+        dispatchEvent?: (<T extends keyof import("three").Object3DEventMap>(event: import("three").BaseEvent<T> & import("three").Object3DEventMap[T]) => void) | undefined;
         position: import("./three-types").NgtVector3;
         up: import("./three-types").NgtVector3;
         scale: import("./three-types").NgtVector3;
@@ -183,22 +183,22 @@ export declare class NgtCanvas {
         layers: import("./three-types").NgtLayers;
         dispose: (() => void) | null;
     } & {
-        copy?: ((object: import("three").Object3D<import("three").Object3DEventMap>, recursive?: boolean | undefined) => PerspectiveCamera) | undefined;
+        copy?: ((object: import("three").Object3D, recursive?: boolean) => PerspectiveCamera) | undefined;
         parent?: import("three").Object3D<import("three").Object3DEventMap> | null | undefined;
-        raycast?: ((raycaster: Raycaster, intersects: import("three").Intersection<import("three").Object3D<import("three").Object3DEventMap>>[]) => void) | undefined;
+        raycast?: ((raycaster: Raycaster, intersects: import("three").Intersection[]) => void) | undefined;
         coordinateSystem?: import("three").CoordinateSystem | undefined;
         clear?: (() => PerspectiveCamera) | undefined;
         name?: string | undefined;
         readonly type?: string | undefined;
         attach: string | string[] | import("angular-three").NgtAttachFunction;
-        addEventListener: (<TEventKey_4 extends keyof import("./three-types").NgtNodeEventMap<TOriginal>>(type: TEventKey_4, listener: (this: import("./three-types").NgtNodeElement<PerspectiveCamera, typeof PerspectiveCamera>, ev: import("./three-types").NgtNodeEventMap<PerspectiveCamera>[TEventKey_4]) => any) => void) & (<TEventKey_5 extends keyof import("./events").NgtEventHandlers>(type: TEventKey_5, listener: (this: any, ev: import("./three-types").NgtObject3DEventsMap[TEventKey_5]) => any) => void);
-        removeEventListener: (<TEventKey_6 extends keyof import("./three-types").NgtNodeEventMap<TOriginal>>(type: TEventKey_6, listener: (this: import("./three-types").NgtNodeElement<PerspectiveCamera, typeof PerspectiveCamera>, ev: import("./three-types").NgtNodeEventMap<PerspectiveCamera>[TEventKey_6]) => any) => void) & (<TEventKey_7 extends keyof import("./events").NgtEventHandlers>(type: TEventKey_7, listener: (this: any, ev: import("./three-types").NgtObject3DEventsMap[TEventKey_7]) => any) => void);
+        addEventListener: (<TEventKey extends keyof import("./three-types").NgtNodeEventMap<PerspectiveCamera>>(type: TEventKey, listener: (this: import("./three-types").NgtNodeElement<PerspectiveCamera, typeof PerspectiveCamera>, ev: import("./three-types").NgtNodeEventMap<PerspectiveCamera>[TEventKey]) => any) => void) & (<TEventKey extends keyof import("./three-types").NgtObject3DEventsMap>(type: TEventKey, listener: (this: any, ev: import("./three-types").NgtObject3DEventsMap[TEventKey]) => any) => void);
+        removeEventListener: (<TEventKey extends keyof import("./three-types").NgtNodeEventMap<PerspectiveCamera>>(type: TEventKey, listener: (this: import("./three-types").NgtNodeElement<PerspectiveCamera, typeof PerspectiveCamera>, ev: import("./three-types").NgtNodeEventMap<PerspectiveCamera>[TEventKey]) => any) => void) & (<TEventKey extends keyof import("./three-types").NgtObject3DEventsMap>(type: TEventKey, listener: (this: any, ev: import("./three-types").NgtObject3DEventsMap[TEventKey]) => any) => void);
         __ngt_args__: [fov?: number | undefined, aspect?: number | undefined, near?: number | undefined, far?: number | undefined];
         readonly isCamera?: true | undefined;
         matrixWorldInverse?: import("three").Matrix4 | undefined;
         projectionMatrix?: import("three").Matrix4 | undefined;
         projectionMatrixInverse?: import("three").Matrix4 | undefined;
-        viewport?: import("three").Vector4 | undefined;
+        viewport?: import("three").Vector4;
         getWorldDirection?: ((target: Vector3) => Vector3) | undefined;
         readonly isObject3D?: true | undefined;
         readonly id?: number | undefined;
@@ -219,10 +219,10 @@ export declare class NgtCanvas {
         userData?: Record<string, any> | undefined;
         customDepthMaterial?: import("three").Material | undefined;
         customDistanceMaterial?: import("three").Material | undefined;
-        onBeforeShadow?: ((renderer: WebGLRenderer, scene: Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, depthMaterial: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void) | undefined;
-        onAfterShadow?: ((renderer: WebGLRenderer, scene: Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, depthMaterial: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void) | undefined;
-        onBeforeRender?: ((renderer: WebGLRenderer, scene: Scene, camera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void) | undefined;
-        onAfterRender?: ((renderer: WebGLRenderer, scene: Scene, camera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void) | undefined;
+        onBeforeShadow?: ((renderer: WebGLRenderer, scene: Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry, depthMaterial: import("three").Material, group: import("three").Group) => void) | undefined;
+        onAfterShadow?: ((renderer: WebGLRenderer, scene: Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry, depthMaterial: import("three").Material, group: import("three").Group) => void) | undefined;
+        onBeforeRender?: ((renderer: WebGLRenderer, scene: Scene, camera: Camera, geometry: import("three").BufferGeometry, material: import("three").Material, group: import("three").Group) => void) | undefined;
+        onAfterRender?: ((renderer: WebGLRenderer, scene: Scene, camera: Camera, geometry: import("three").BufferGeometry, material: import("three").Material, group: import("three").Group) => void) | undefined;
         applyMatrix4?: ((matrix: import("three").Matrix4) => void) | undefined;
         applyQuaternion?: ((quaternion: import("three").Quaternion) => PerspectiveCamera) | undefined;
         setRotationFromAxisAngle?: ((axis: Vector3, angle: number) => void) | undefined;
@@ -244,34 +244,34 @@ export declare class NgtCanvas {
             (vector: Vector3): void;
             (x: number, y: number, z: number): void;
         } | undefined;
-        add?: ((...object: import("three").Object3D<import("three").Object3DEventMap>[]) => PerspectiveCamera) | undefined;
-        remove?: ((...object: import("three").Object3D<import("three").Object3DEventMap>[]) => PerspectiveCamera) | undefined;
+        add?: ((...object: import("three").Object3D[]) => PerspectiveCamera) | undefined;
+        remove?: ((...object: import("three").Object3D[]) => PerspectiveCamera) | undefined;
         removeFromParent?: (() => PerspectiveCamera) | undefined;
-        getObjectById?: ((id: number) => import("three").Object3D<import("three").Object3DEventMap> | undefined) | undefined;
-        getObjectByName?: ((name: string) => import("three").Object3D<import("three").Object3DEventMap> | undefined) | undefined;
-        getObjectByProperty?: ((name: string, value: any) => import("three").Object3D<import("three").Object3DEventMap> | undefined) | undefined;
-        getObjectsByProperty?: ((name: string, value: any, optionalTarget?: import("three").Object3D<import("three").Object3DEventMap>[] | undefined) => import("three").Object3D<import("three").Object3DEventMap>[]) | undefined;
+        getObjectById?: ((id: number) => import("three").Object3D | undefined) | undefined;
+        getObjectByName?: ((name: string) => import("three").Object3D | undefined) | undefined;
+        getObjectByProperty?: ((name: string, value: any) => import("three").Object3D | undefined) | undefined;
+        getObjectsByProperty?: ((name: string, value: any, optionalTarget?: import("three").Object3D[]) => import("three").Object3D[]) | undefined;
         getWorldPosition?: ((target: Vector3) => Vector3) | undefined;
         getWorldQuaternion?: ((target: import("three").Quaternion) => import("three").Quaternion) | undefined;
         getWorldScale?: ((target: Vector3) => Vector3) | undefined;
-        traverse?: ((callback: (object: import("three").Object3D<import("three").Object3DEventMap>) => any) => void) | undefined;
-        traverseVisible?: ((callback: (object: import("three").Object3D<import("three").Object3DEventMap>) => any) => void) | undefined;
-        traverseAncestors?: ((callback: (object: import("three").Object3D<import("three").Object3DEventMap>) => any) => void) | undefined;
+        traverse?: ((callback: (object: import("three").Object3D) => any) => void) | undefined;
+        traverseVisible?: ((callback: (object: import("three").Object3D) => any) => void) | undefined;
+        traverseAncestors?: ((callback: (object: import("three").Object3D) => any) => void) | undefined;
         updateMatrix?: (() => void) | undefined;
-        updateMatrixWorld?: ((force?: boolean | undefined) => void) | undefined;
+        updateMatrixWorld?: ((force?: boolean) => void) | undefined;
         updateWorldMatrix?: ((updateParents: boolean, updateChildren: boolean) => void) | undefined;
         toJSON?: ((meta?: {
             geometries: any;
             materials: any;
             textures: any;
             images: any;
-        } | undefined) => any) | undefined;
-        clone?: ((recursive?: boolean | undefined) => PerspectiveCamera) | undefined;
+        }) => any) | undefined;
+        clone?: ((recursive?: boolean) => PerspectiveCamera) | undefined;
         hasEventListener?: {
-            <T_3 extends keyof import("three").Object3DEventMap>(type: T_3, listener: import("three").EventListener<import("three").Object3DEventMap[T_3], T_3, PerspectiveCamera>): boolean;
-            <T_4 extends string>(type: T_4, listener: import("three").EventListener<{}, T_4, PerspectiveCamera>): boolean;
+            <T extends keyof import("three").Object3DEventMap>(type: T, listener: import("three").EventListener<import("three").Object3DEventMap[T], T, PerspectiveCamera>): boolean;
+            <T extends string>(type: T, listener: import("three").EventListener<{}, T, PerspectiveCamera>): boolean;
         } | undefined;
-        dispatchEvent?: (<T_2 extends keyof import("three").Object3DEventMap>(event: import("three").BaseEvent<T_2> & import("three").Object3DEventMap[T_2]) => void) | undefined;
+        dispatchEvent?: (<T extends keyof import("three").Object3DEventMap>(event: import("three").BaseEvent<T> & import("three").Object3DEventMap[T]) => void) | undefined;
         readonly isPerspectiveCamera?: true | undefined;
         zoom?: number | undefined;
         fov?: number | undefined;
@@ -300,7 +300,7 @@ export declare class NgtCanvas {
         setViewOffset?: ((fullWidth: number, fullHeight: number, x: number, y: number, width: number, height: number) => void) | undefined;
         clearViewOffset?: (() => void) | undefined;
         updateProjectionMatrix?: (() => void) | undefined;
-        setLens?: ((focalLength: number, frameHeight?: number | undefined) => void) | undefined;
+        setLens?: ((focalLength: number, frameHeight?: number) => void) | undefined;
         position: import("./three-types").NgtVector3;
         up: import("./three-types").NgtVector3;
         scale: import("./three-types").NgtVector3;
@@ -310,22 +310,22 @@ export declare class NgtCanvas {
         layers: import("./three-types").NgtLayers;
         dispose: (() => void) | null;
     } & {
-        copy?: ((object: import("three").Object3D<import("three").Object3DEventMap>, recursive?: boolean | undefined) => OrthographicCamera) | undefined;
+        copy?: ((object: import("three").Object3D, recursive?: boolean) => OrthographicCamera) | undefined;
         parent?: import("three").Object3D<import("three").Object3DEventMap> | null | undefined;
-        raycast?: ((raycaster: Raycaster, intersects: import("three").Intersection<import("three").Object3D<import("three").Object3DEventMap>>[]) => void) | undefined;
+        raycast?: ((raycaster: Raycaster, intersects: import("three").Intersection[]) => void) | undefined;
         coordinateSystem?: import("three").CoordinateSystem | undefined;
         clear?: (() => OrthographicCamera) | undefined;
         name?: string | undefined;
         readonly type?: string | undefined;
         attach: string | string[] | import("angular-three").NgtAttachFunction;
-        addEventListener: (<TEventKey_8 extends keyof import("./three-types").NgtNodeEventMap<TOriginal>>(type: TEventKey_8, listener: (this: import("./three-types").NgtNodeElement<OrthographicCamera, typeof OrthographicCamera>, ev: import("./three-types").NgtNodeEventMap<OrthographicCamera>[TEventKey_8]) => any) => void) & (<TEventKey_9 extends keyof import("./events").NgtEventHandlers>(type: TEventKey_9, listener: (this: any, ev: import("./three-types").NgtObject3DEventsMap[TEventKey_9]) => any) => void);
-        removeEventListener: (<TEventKey_10 extends keyof import("./three-types").NgtNodeEventMap<TOriginal>>(type: TEventKey_10, listener: (this: import("./three-types").NgtNodeElement<OrthographicCamera, typeof OrthographicCamera>, ev: import("./three-types").NgtNodeEventMap<OrthographicCamera>[TEventKey_10]) => any) => void) & (<TEventKey_11 extends keyof import("./events").NgtEventHandlers>(type: TEventKey_11, listener: (this: any, ev: import("./three-types").NgtObject3DEventsMap[TEventKey_11]) => any) => void);
+        addEventListener: (<TEventKey extends keyof import("./three-types").NgtNodeEventMap<OrthographicCamera>>(type: TEventKey, listener: (this: import("./three-types").NgtNodeElement<OrthographicCamera, typeof OrthographicCamera>, ev: import("./three-types").NgtNodeEventMap<OrthographicCamera>[TEventKey]) => any) => void) & (<TEventKey extends keyof import("./three-types").NgtObject3DEventsMap>(type: TEventKey, listener: (this: any, ev: import("./three-types").NgtObject3DEventsMap[TEventKey]) => any) => void);
+        removeEventListener: (<TEventKey extends keyof import("./three-types").NgtNodeEventMap<OrthographicCamera>>(type: TEventKey, listener: (this: import("./three-types").NgtNodeElement<OrthographicCamera, typeof OrthographicCamera>, ev: import("./three-types").NgtNodeEventMap<OrthographicCamera>[TEventKey]) => any) => void) & (<TEventKey extends keyof import("./three-types").NgtObject3DEventsMap>(type: TEventKey, listener: (this: any, ev: import("./three-types").NgtObject3DEventsMap[TEventKey]) => any) => void);
         __ngt_args__: [left?: number | undefined, right?: number | undefined, top?: number | undefined, bottom?: number | undefined, near?: number | undefined, far?: number | undefined];
         readonly isCamera?: true | undefined;
         matrixWorldInverse?: import("three").Matrix4 | undefined;
         projectionMatrix?: import("three").Matrix4 | undefined;
         projectionMatrixInverse?: import("three").Matrix4 | undefined;
-        viewport?: import("three").Vector4 | undefined;
+        viewport?: import("three").Vector4;
         getWorldDirection?: ((target: Vector3) => Vector3) | undefined;
         readonly isObject3D?: true | undefined;
         readonly id?: number | undefined;
@@ -346,10 +346,10 @@ export declare class NgtCanvas {
         userData?: Record<string, any> | undefined;
         customDepthMaterial?: import("three").Material | undefined;
         customDistanceMaterial?: import("three").Material | undefined;
-        onBeforeShadow?: ((renderer: WebGLRenderer, scene: Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, depthMaterial: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void) | undefined;
-        onAfterShadow?: ((renderer: WebGLRenderer, scene: Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, depthMaterial: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void) | undefined;
-        onBeforeRender?: ((renderer: WebGLRenderer, scene: Scene, camera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void) | undefined;
-        onAfterRender?: ((renderer: WebGLRenderer, scene: Scene, camera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void) | undefined;
+        onBeforeShadow?: ((renderer: WebGLRenderer, scene: Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry, depthMaterial: import("three").Material, group: import("three").Group) => void) | undefined;
+        onAfterShadow?: ((renderer: WebGLRenderer, scene: Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry, depthMaterial: import("three").Material, group: import("three").Group) => void) | undefined;
+        onBeforeRender?: ((renderer: WebGLRenderer, scene: Scene, camera: Camera, geometry: import("three").BufferGeometry, material: import("three").Material, group: import("three").Group) => void) | undefined;
+        onAfterRender?: ((renderer: WebGLRenderer, scene: Scene, camera: Camera, geometry: import("three").BufferGeometry, material: import("three").Material, group: import("three").Group) => void) | undefined;
         applyMatrix4?: ((matrix: import("three").Matrix4) => void) | undefined;
         applyQuaternion?: ((quaternion: import("three").Quaternion) => OrthographicCamera) | undefined;
         setRotationFromAxisAngle?: ((axis: Vector3, angle: number) => void) | undefined;
@@ -371,34 +371,34 @@ export declare class NgtCanvas {
             (vector: Vector3): void;
             (x: number, y: number, z: number): void;
         } | undefined;
-        add?: ((...object: import("three").Object3D<import("three").Object3DEventMap>[]) => OrthographicCamera) | undefined;
-        remove?: ((...object: import("three").Object3D<import("three").Object3DEventMap>[]) => OrthographicCamera) | undefined;
+        add?: ((...object: import("three").Object3D[]) => OrthographicCamera) | undefined;
+        remove?: ((...object: import("three").Object3D[]) => OrthographicCamera) | undefined;
         removeFromParent?: (() => OrthographicCamera) | undefined;
-        getObjectById?: ((id: number) => import("three").Object3D<import("three").Object3DEventMap> | undefined) | undefined;
-        getObjectByName?: ((name: string) => import("three").Object3D<import("three").Object3DEventMap> | undefined) | undefined;
-        getObjectByProperty?: ((name: string, value: any) => import("three").Object3D<import("three").Object3DEventMap> | undefined) | undefined;
-        getObjectsByProperty?: ((name: string, value: any, optionalTarget?: import("three").Object3D<import("three").Object3DEventMap>[] | undefined) => import("three").Object3D<import("three").Object3DEventMap>[]) | undefined;
+        getObjectById?: ((id: number) => import("three").Object3D | undefined) | undefined;
+        getObjectByName?: ((name: string) => import("three").Object3D | undefined) | undefined;
+        getObjectByProperty?: ((name: string, value: any) => import("three").Object3D | undefined) | undefined;
+        getObjectsByProperty?: ((name: string, value: any, optionalTarget?: import("three").Object3D[]) => import("three").Object3D[]) | undefined;
         getWorldPosition?: ((target: Vector3) => Vector3) | undefined;
         getWorldQuaternion?: ((target: import("three").Quaternion) => import("three").Quaternion) | undefined;
         getWorldScale?: ((target: Vector3) => Vector3) | undefined;
-        traverse?: ((callback: (object: import("three").Object3D<import("three").Object3DEventMap>) => any) => void) | undefined;
-        traverseVisible?: ((callback: (object: import("three").Object3D<import("three").Object3DEventMap>) => any) => void) | undefined;
-        traverseAncestors?: ((callback: (object: import("three").Object3D<import("three").Object3DEventMap>) => any) => void) | undefined;
+        traverse?: ((callback: (object: import("three").Object3D) => any) => void) | undefined;
+        traverseVisible?: ((callback: (object: import("three").Object3D) => any) => void) | undefined;
+        traverseAncestors?: ((callback: (object: import("three").Object3D) => any) => void) | undefined;
         updateMatrix?: (() => void) | undefined;
-        updateMatrixWorld?: ((force?: boolean | undefined) => void) | undefined;
+        updateMatrixWorld?: ((force?: boolean) => void) | undefined;
         updateWorldMatrix?: ((updateParents: boolean, updateChildren: boolean) => void) | undefined;
         toJSON?: ((meta?: {
             geometries: any;
             materials: any;
             textures: any;
             images: any;
-        } | undefined) => any) | undefined;
-        clone?: ((recursive?: boolean | undefined) => OrthographicCamera) | undefined;
+        }) => any) | undefined;
+        clone?: ((recursive?: boolean) => OrthographicCamera) | undefined;
         hasEventListener?: {
-            <T_5 extends keyof import("three").Object3DEventMap>(type: T_5, listener: import("three").EventListener<import("three").Object3DEventMap[T_5], T_5, OrthographicCamera>): boolean;
-            <T_6 extends string>(type: T_6, listener: import("three").EventListener<{}, T_6, OrthographicCamera>): boolean;
+            <T extends keyof import("three").Object3DEventMap>(type: T, listener: import("three").EventListener<import("three").Object3DEventMap[T], T, OrthographicCamera>): boolean;
+            <T extends string>(type: T, listener: import("three").EventListener<{}, T, OrthographicCamera>): boolean;
         } | undefined;
-        dispatchEvent?: (<T_2 extends keyof import("three").Object3DEventMap>(event: import("three").BaseEvent<T_2> & import("three").Object3DEventMap[T_2]) => void) | undefined;
+        dispatchEvent?: (<T extends keyof import("three").Object3DEventMap>(event: import("three").BaseEvent<T> & import("three").Object3DEventMap[T]) => void) | undefined;
         zoom?: number | undefined;
         near?: number | undefined;
         far?: number | undefined;
@@ -429,7 +429,7 @@ export declare class NgtCanvas {
         dispose: (() => void) | null;
     }>) & {
         /** Flags the camera as manual, putting projection into your own hands */
-        manual?: boolean | undefined;
+        manual?: boolean;
     }) | undefined> | undefined>;
     events: import("@angular/core").InputSignal<typeof createPointerEvents>;
     eventSource: import("@angular/core").InputSignal<HTMLElement | ElementRef<HTMLElement> | undefined>;

package/lib/html.d.ts

@@ -0,0 +1,17 @@
+import { AbstractType, DestroyRef, ElementRef, InjectionToken, Provider, ProviderToken, Type } from '@angular/core';
+import { HTML } from './renderer';
+import * as i0 from "@angular/core";
+export declare function provideHTMLDomElement(): Provider;
+export declare function provideHTMLDomElement<TDeps extends Array<ProviderToken<any>>, TValues extends {
+    [K in keyof TDeps]: TDeps[K] extends Type<infer T> | AbstractType<infer T> | InjectionToken<infer T> ? T : never;
+}>(deps: TDeps, factory: (...args: TValues) => HTMLElement): Provider;
+export declare abstract class NgtHTML {
+    static [HTML]: boolean;
+    protected store: import("angular-three").NgtSignalStore<import("./store").NgtState>;
+    protected destroyRef: DestroyRef;
+    protected host: ElementRef<HTMLElement>;
+    protected domElement: HTMLElement | "gl" | null;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtHTML, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgtHTML, never, never, {}, {}, never, never, false, never>;
+}

package/lib/loader.d.ts

@@ -24,7 +24,7 @@ declare function _injectLoader<TData, TUrl extends string | string[] | Record<st
     injector?: Injector;
 }): Signal<NgtLoaderResults<TUrl, NgtBranchingReturn<TReturn, NgtGLTFLike, NgtGLTFLike & NgtObjectMap>> | null>;
 declare namespace _injectLoader {
-    var preload: <TData, TUrl extends string | string[] | Record<string, string>, TLoaderConstructor extends NgtLoaderProto<TData>>(loaderConstructorFactory: (inputs: string[]) => TLoaderConstructor, inputs: () => TUrl, extensions?: NgtLoaderExtensions<TLoaderConstructor> | undefined) => void;
+    var preload: <TData, TUrl extends string | string[] | Record<string, string>, TLoaderConstructor extends NgtLoaderProto<TData>>(loaderConstructorFactory: (inputs: string[]) => TLoaderConstructor, inputs: () => TUrl, extensions?: NgtLoaderExtensions<TLoaderConstructor>) => void;
     var destroy: () => void;
 }
 export type NgtInjectedLoader = typeof _injectLoader;

package/lib/loop.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="webxr" />
 import { NgtState } from './store';
 import { NgtSignalStore } from './utils/signal-store';
 export type NgtGlobalRenderCallback = (timeStamp: number) => void;
@@ -26,16 +25,16 @@ export declare const injectLoop: {
         advance: (timestamp: number, runGlobalEffects?: boolean, store?: NgtSignalStore<NgtState>, frame?: XRFrame) => void;
     };
     (injectOptions: import("@angular/core").InjectOptions & {
-        optional?: false | undefined;
+        optional?: false;
     } & {
-        injector?: import("@angular/core").Injector | undefined;
+        injector?: import("@angular/core").Injector;
     }): {
         loop: (timestamp: number) => void;
         invalidate: (store?: NgtSignalStore<NgtState>, frames?: number) => void;
         advance: (timestamp: number, runGlobalEffects?: boolean, store?: NgtSignalStore<NgtState>, frame?: XRFrame) => void;
     };
     (injectOptions: import("@angular/core").InjectOptions & {
-        injector?: import("@angular/core").Injector | undefined;
+        injector?: import("@angular/core").Injector;
     }): {
         loop: (timestamp: number) => void;
         invalidate: (store?: NgtSignalStore<NgtState>, frames?: number) => void;

package/lib/portal.d.ts

@@ -37,12 +37,12 @@ export declare class NgtPortal {
     container: import("@angular/core").InputSignal<Object3D<import("three").Object3DEventMap>>;
     state: import("@angular/core").InputSignal<Partial<Omit<NgtState, "setSize" | "viewport" | "events" | "size" | "invalidate" | "advance" | "setEvents" | "setDpr" | "setFrameloop"> & {
         events?: {
-            enabled?: boolean | undefined;
-            priority?: number | undefined;
-            compute?: NgtComputeFunction | undefined;
+            enabled?: boolean;
+            priority?: number;
+            compute?: NgtComputeFunction;
             connected?: any;
-        } | undefined;
-        size?: NgtSize | undefined;
+        };
+        size?: NgtSize;
     }>>;
     /**
      * @decsription turn this on to enable "HUD" like rendering

package/lib/renderer/catalogue.d.ts

@@ -3,11 +3,11 @@ export declare function extend(objects: object): void;
 export declare const injectCatalogue: {
     (): Record<string, NgtAnyConstructor>;
     (injectOptions: import("@angular/core").InjectOptions & {
-        optional?: false | undefined;
+        optional?: false;
     } & {
-        injector?: import("@angular/core").Injector | undefined;
+        injector?: import("@angular/core").Injector;
     }): Record<string, NgtAnyConstructor>;
     (injectOptions: import("@angular/core").InjectOptions & {
-        injector?: import("@angular/core").Injector | undefined;
+        injector?: import("@angular/core").Injector;
     }): Record<string, NgtAnyConstructor> | null;
 };

package/lib/renderer/index.d.ts

@@ -50,12 +50,12 @@ export declare class NgtRenderer implements Renderer2 {
     createText: (value: string) => any;
     destroy: () => void;
     destroyNode: ((node: any) => void) | null;
-    selectRootElement: (selectorOrNode: any, preserveContent?: boolean | undefined) => any;
+    selectRootElement: (selectorOrNode: string | any, preserveContent?: boolean) => any;
     nextSibling: (node: any) => any;
     addClass: (el: any, name: string) => void;
     removeClass: (el: any, name: string) => void;
-    setStyle: (el: any, style: string, value: any, flags?: import("@angular/core").RendererStyleFlags2 | undefined) => void;
-    removeStyle: (el: any, style: string, flags?: import("@angular/core").RendererStyleFlags2 | undefined) => void;
+    setStyle: (el: any, style: string, value: any, flags?: import("@angular/core").RendererStyleFlags2) => void;
+    removeStyle: (el: any, style: string, flags?: import("@angular/core").RendererStyleFlags2) => void;
     setValue: (node: any, value: string) => void;
     get data(): {
         [key: string]: any;

package/lib/renderer/state.d.ts

@@ -12,6 +12,7 @@ export type NgtRendererState = [
 ];
 export interface NgtRendererNode {
     __ngt_renderer__: NgtRendererState;
+    __ngt_dom_parent__?: HTMLElement;
 }
 export declare function createNode(type: NgtRendererState[NgtRendererClassId.type], node: NgtAnyRecord, document: Document): NgtAnyRecord & {
     __ngt_renderer__: NgtRendererState;

package/lib/store.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="webxr" />
 import { ElementRef, InjectOptions, InjectionToken } from '@angular/core';
 import { Observable } from 'rxjs';
 import { Camera, Clock, EventDispatcher, Object3D, Raycaster, Scene, Vector2, Vector3, WebGLRenderer } from 'three';

package/lib/utils/is.d.ts

@@ -1,20 +1,21 @@
 import { ElementRef } from '@angular/core';
 import { BufferGeometry, Camera, Material, Object3D, OrthographicCamera, PerspectiveCamera, Scene, Texture } from 'three';
+import { NgtInstanceNode } from '../instance';
 import { NgtRendererLike } from '../store';
 import { NgtEquConfig } from '../types';
 export declare const is: {
     obj: (a: unknown) => a is object;
     material: (a: unknown) => a is Material;
-    geometry: (a: unknown) => a is BufferGeometry<import("three").NormalBufferAttributes>;
+    geometry: (a: unknown) => a is BufferGeometry;
     orthographicCamera: (a: unknown) => a is OrthographicCamera;
     perspectiveCamera: (a: unknown) => a is PerspectiveCamera;
     camera: (a: unknown) => a is Camera;
     renderer: (a: unknown) => boolean;
     scene: (a: unknown) => a is Scene;
-    ref: (a: unknown) => a is ElementRef<any>;
-    instance: (a: unknown) => a is any;
-    object3D: (a: unknown) => a is Object3D<import("three").Object3DEventMap>;
-    colorSpaceExist: <T extends object | NgtRendererLike | Texture, P = T extends NgtRendererLike ? {
+    ref: (a: unknown) => a is ElementRef;
+    instance: (a: unknown) => a is NgtInstanceNode;
+    object3D: (a: unknown) => a is Object3D;
+    colorSpaceExist: <T extends NgtRendererLike | Texture | object, P = T extends NgtRendererLike ? {
         outputColorSpace: string;
     } : {
         colorSpace: string;