angular-three 3.6.1 → 3.7.1

package/lib/canvas.d.ts

@@ -1,17 +1,18 @@
-import { ElementRef, Type } from '@angular/core';
+import { ComponentRef, ElementRef, Type } from '@angular/core';
 import { ResizeResult } from 'ngxtension/resize';
 import { Raycaster, Scene, Vector3 } from 'three';
 import { createPointerEvents } from './dom/events';
+import { NgtRoutedScene } from './routed-scene';
 import { NgtDpr, NgtGLOptions, NgtPerformance, NgtSize, NgtState } from './types';
 import * as i0 from "@angular/core";
-export declare class NgtCanvas {
+export declare class NgtCanvas<TSceneGraph extends Type<any> | 'routed', TSceneCmp = TSceneGraph extends Type<infer Cmp> ? Cmp : NgtRoutedScene> {
     private store;
     private initRoot;
     private host;
     private zone;
     private environmentInjector;
     private injector;
-    sceneGraph: import("@angular/core").InputSignalWithTransform<Type<any>, Type<any> | "routed">;
+    sceneGraph: import("@angular/core").InputSignalWithTransform<Type<TSceneCmp>, TSceneGraph>;
     gl: import("@angular/core").InputSignal<NgtGLOptions>;
     size: import("@angular/core").InputSignal<NgtSize | undefined>;
     shadows: import("@angular/core").InputSignalWithTransform<NonNullable<boolean | Partial<import("three").WebGLShadowMap> | "basic" | "percentage" | "soft" | "variance" | undefined>, unknown>;
@@ -25,24 +26,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<((import("angular-three").NgtCamera | Partial<{
-        parent?: import("three").Object3D<import("three").Object3DEventMap> | null | undefined;
-        add?: ((...object: import("three").Object3D[]) => import("three").Camera) | undefined;
-        remove?: ((...object: import("three").Object3D[]) => import("three").Camera) | undefined;
-        attach: string | string[] | import("angular-three").NgtAttachFunction;
-        readonly type?: string | undefined;
-        name?: string | undefined;
-        viewport?: import("three").Vector4 | undefined;
         addEventListener: (<TEventKey extends keyof import("angular-three").NgtNodeEventMap<import("three").Camera>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<import("three").Camera, typeof import("three").Camera>, ev: import("angular-three").NgtNodeEventMap<import("three").Camera>[TEventKey]) => any) => void) & (<TEventKey extends keyof import("angular-three").NgtAllObject3DEventsMap>(type: TEventKey, listener: (this: any, ev: import("angular-three").NgtAllObject3DEventsMap[TEventKey]) => any) => void);
         removeEventListener: (<TEventKey extends keyof import("angular-three").NgtNodeEventMap<import("three").Camera>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<import("three").Camera, typeof import("three").Camera>, ev: import("angular-three").NgtNodeEventMap<import("three").Camera>[TEventKey]) => any) => void) & (<TEventKey extends keyof import("angular-three").NgtAllObject3DEventsMap>(type: TEventKey, listener: (this: any, ev: import("angular-three").NgtAllObject3DEventsMap[TEventKey]) => any) => void);
         clone?: ((recursive?: boolean) => import("three").Camera) | undefined;
         copy?: ((object: import("three").Object3D, recursive?: boolean) => import("three").Camera) | undefined;
+        add?: ((...object: import("three").Object3D[]) => import("three").Camera) | undefined;
         applyMatrix4?: ((matrix: import("three").Matrix4) => void) | undefined;
         applyQuaternion?: ((quaternion: import("three").Quaternion) => import("three").Camera) | undefined;
+        attach: string | string[] | import("angular-three").NgtAttachFunction;
         __ngt_args__: [];
+        readonly type?: string | undefined;
         toJSON?: ((meta?: import("three").JSONMeta) => import("three").Object3DJSON) | undefined;
         readonly isObject3D?: true | undefined;
         readonly id?: number | undefined;
         uuid?: string | undefined;
+        name?: string | undefined;
+        parent?: import("three").Object3D<import("three").Object3DEventMap> | null | undefined;
         children?: import("three").Object3D<import("three").Object3DEventMap>[] | undefined;
         readonly modelViewMatrix?: import("three").Matrix4 | undefined;
         readonly normalMatrix?: import("three").Matrix3 | undefined;
@@ -82,6 +81,7 @@ export declare class NgtCanvas {
             (vector: Vector3): void;
             (x: number, y: number, z: number): void;
         } | undefined;
+        remove?: ((...object: import("three").Object3D[]) => import("three").Camera) | undefined;
         removeFromParent?: (() => import("three").Camera) | undefined;
         clear?: (() => import("three").Camera) | undefined;
         getObjectById?: ((id: number) => import("three").Object3D | undefined) | undefined;
@@ -105,6 +105,7 @@ export declare class NgtCanvas {
         projectionMatrix?: import("three").Matrix4 | undefined;
         projectionMatrixInverse?: import("three").Matrix4 | undefined;
         coordinateSystem?: import("three").CoordinateSystem | undefined;
+        viewport?: import("three").Vector4 | undefined;
         position: import("angular-three").NgtVector3;
         up: import("angular-three").NgtVector3;
         scale: import("angular-three").NgtVector3;
@@ -115,19 +116,14 @@ export declare class NgtCanvas {
         dispose: (() => void) | null;
         raycast: import("three").Object3D["raycast"] | null;
     } & {
-        parent?: import("three").Object3D<import("three").Object3DEventMap> | null | undefined;
-        add?: ((...object: import("three").Object3D[]) => import("three").PerspectiveCamera) | undefined;
-        remove?: ((...object: import("three").Object3D[]) => import("three").PerspectiveCamera) | undefined;
-        attach: string | string[] | import("angular-three").NgtAttachFunction;
-        readonly type?: string | undefined;
-        name?: string | undefined;
-        viewport?: import("three").Vector4 | undefined;
         addEventListener: (<TEventKey extends keyof import("angular-three").NgtNodeEventMap<import("three").PerspectiveCamera>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<import("three").PerspectiveCamera, typeof import("three").PerspectiveCamera>, ev: import("angular-three").NgtNodeEventMap<import("three").PerspectiveCamera>[TEventKey]) => any) => void) & (<TEventKey extends keyof import("angular-three").NgtAllObject3DEventsMap>(type: TEventKey, listener: (this: any, ev: import("angular-three").NgtAllObject3DEventsMap[TEventKey]) => any) => void);
         removeEventListener: (<TEventKey extends keyof import("angular-three").NgtNodeEventMap<import("three").PerspectiveCamera>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<import("three").PerspectiveCamera, typeof import("three").PerspectiveCamera>, ev: import("angular-three").NgtNodeEventMap<import("three").PerspectiveCamera>[TEventKey]) => any) => void) & (<TEventKey extends keyof import("angular-three").NgtAllObject3DEventsMap>(type: TEventKey, listener: (this: any, ev: import("angular-three").NgtAllObject3DEventsMap[TEventKey]) => any) => void);
         clone?: ((recursive?: boolean) => import("three").PerspectiveCamera) | undefined;
         copy?: ((object: import("three").Object3D, recursive?: boolean) => import("three").PerspectiveCamera) | undefined;
+        add?: ((...object: import("three").Object3D[]) => import("three").PerspectiveCamera) | undefined;
         applyMatrix4?: ((matrix: import("three").Matrix4) => void) | undefined;
         applyQuaternion?: ((quaternion: import("three").Quaternion) => import("three").PerspectiveCamera) | undefined;
+        attach: string | string[] | import("angular-three").NgtAttachFunction;
         __ngt_args__: [fov?: number | undefined, aspect?: number | undefined, near?: number | undefined, far?: number | undefined];
         view?: {
             enabled: boolean;
@@ -138,10 +134,13 @@ export declare class NgtCanvas {
             width: number;
             height: number;
         } | null | undefined;
+        readonly type?: string | undefined;
         toJSON?: ((meta?: import("three").JSONMeta) => import("three").PerspectiveCameraJSON) | undefined;
         readonly isObject3D?: true | undefined;
         readonly id?: number | undefined;
         uuid?: string | undefined;
+        name?: string | undefined;
+        parent?: import("three").Object3D<import("three").Object3DEventMap> | null | undefined;
         children?: import("three").Object3D<import("three").Object3DEventMap>[] | undefined;
         readonly modelViewMatrix?: import("three").Matrix4 | undefined;
         readonly normalMatrix?: import("three").Matrix3 | undefined;
@@ -181,6 +180,7 @@ export declare class NgtCanvas {
             (vector: Vector3): void;
             (x: number, y: number, z: number): void;
         } | undefined;
+        remove?: ((...object: import("three").Object3D[]) => import("three").PerspectiveCamera) | undefined;
         removeFromParent?: (() => import("three").PerspectiveCamera) | undefined;
         clear?: (() => import("three").PerspectiveCamera) | undefined;
         getObjectById?: ((id: number) => import("three").Object3D | undefined) | undefined;
@@ -204,6 +204,7 @@ export declare class NgtCanvas {
         projectionMatrix?: import("three").Matrix4 | undefined;
         projectionMatrixInverse?: import("three").Matrix4 | undefined;
         coordinateSystem?: import("three").CoordinateSystem | undefined;
+        viewport?: import("three").Vector4 | undefined;
         readonly isPerspectiveCamera?: true | undefined;
         zoom?: number | undefined;
         fov?: number | undefined;
@@ -234,19 +235,14 @@ export declare class NgtCanvas {
         dispose: (() => void) | null;
         raycast: import("three").Object3D["raycast"] | null;
     } & {
-        parent?: import("three").Object3D<import("three").Object3DEventMap> | null | undefined;
-        add?: ((...object: import("three").Object3D[]) => import("three").OrthographicCamera) | undefined;
-        remove?: ((...object: import("three").Object3D[]) => import("three").OrthographicCamera) | undefined;
-        attach: string | string[] | import("angular-three").NgtAttachFunction;
-        readonly type?: string | undefined;
-        name?: string | undefined;
-        viewport?: import("three").Vector4 | undefined;
         addEventListener: (<TEventKey extends keyof import("angular-three").NgtNodeEventMap<import("three").OrthographicCamera>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<import("three").OrthographicCamera, typeof import("three").OrthographicCamera>, ev: import("angular-three").NgtNodeEventMap<import("three").OrthographicCamera>[TEventKey]) => any) => void) & (<TEventKey extends keyof import("angular-three").NgtAllObject3DEventsMap>(type: TEventKey, listener: (this: any, ev: import("angular-three").NgtAllObject3DEventsMap[TEventKey]) => any) => void);
         removeEventListener: (<TEventKey extends keyof import("angular-three").NgtNodeEventMap<import("three").OrthographicCamera>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<import("three").OrthographicCamera, typeof import("three").OrthographicCamera>, ev: import("angular-three").NgtNodeEventMap<import("three").OrthographicCamera>[TEventKey]) => any) => void) & (<TEventKey extends keyof import("angular-three").NgtAllObject3DEventsMap>(type: TEventKey, listener: (this: any, ev: import("angular-three").NgtAllObject3DEventsMap[TEventKey]) => any) => void);
         clone?: ((recursive?: boolean) => import("three").OrthographicCamera) | undefined;
         copy?: ((object: import("three").Object3D, recursive?: boolean) => import("three").OrthographicCamera) | undefined;
+        add?: ((...object: import("three").Object3D[]) => import("three").OrthographicCamera) | undefined;
         applyMatrix4?: ((matrix: import("three").Matrix4) => void) | undefined;
         applyQuaternion?: ((quaternion: import("three").Quaternion) => import("three").OrthographicCamera) | undefined;
+        attach: string | string[] | import("angular-three").NgtAttachFunction;
         __ngt_args__: [left?: number | undefined, right?: number | undefined, top?: number | undefined, bottom?: number | undefined, near?: number | undefined, far?: number | undefined];
         view?: {
             enabled: boolean;
@@ -257,10 +253,13 @@ export declare class NgtCanvas {
             width: number;
             height: number;
         } | null | undefined;
+        readonly type?: string | undefined;
         toJSON?: ((meta?: import("three").JSONMeta) => import("three").OrthographicCameraJSON) | undefined;
         readonly isObject3D?: true | undefined;
         readonly id?: number | undefined;
         uuid?: string | undefined;
+        name?: string | undefined;
+        parent?: import("three").Object3D<import("three").Object3DEventMap> | null | undefined;
         children?: import("three").Object3D<import("three").Object3DEventMap>[] | undefined;
         readonly modelViewMatrix?: import("three").Matrix4 | undefined;
         readonly normalMatrix?: import("three").Matrix3 | undefined;
@@ -300,6 +299,7 @@ export declare class NgtCanvas {
             (vector: Vector3): void;
             (x: number, y: number, z: number): void;
         } | undefined;
+        remove?: ((...object: import("three").Object3D[]) => import("three").OrthographicCamera) | undefined;
         removeFromParent?: (() => import("three").OrthographicCamera) | undefined;
         clear?: (() => import("three").OrthographicCamera) | undefined;
         getObjectById?: ((id: number) => import("three").Object3D | undefined) | undefined;
@@ -323,6 +323,7 @@ export declare class NgtCanvas {
         projectionMatrix?: import("three").Matrix4 | undefined;
         projectionMatrixInverse?: import("three").Matrix4 | undefined;
         coordinateSystem?: import("three").CoordinateSystem | undefined;
+        viewport?: import("three").Vector4 | undefined;
         zoom?: number | undefined;
         near?: number | undefined;
         far?: number | undefined;
@@ -351,6 +352,7 @@ export declare class NgtCanvas {
     eventPrefix: import("@angular/core").InputSignal<NonNullable<"offset" | "client" | "page" | "layer" | "screen" | undefined>>;
     lookAt: import("@angular/core").InputSignal<Vector3 | [x: number, y: number, z: number] | undefined>;
     created: import("@angular/core").OutputEmitterRef<NgtState>;
+    rendered: import("@angular/core").OutputEmitterRef<ComponentRef<TSceneCmp>>;
     pointerMissed: import("@angular/core").OutputRef<MouseEvent>;
     private glCanvas;
     private glCanvasViewContainerRef;
@@ -361,6 +363,6 @@ export declare class NgtCanvas {
     private glRef?;
     constructor();
     private noZoneRender;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgtCanvas, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgtCanvas, "ngt-canvas", never, { "sceneGraph": { "alias": "sceneGraph"; "required": true; "isSignal": true; }; "gl": { "alias": "gl"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shadows": { "alias": "shadows"; "required": false; "isSignal": true; }; "legacy": { "alias": "legacy"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "flat": { "alias": "flat"; "required": false; "isSignal": true; }; "orthographic": { "alias": "orthographic"; "required": false; "isSignal": true; }; "frameloop": { "alias": "frameloop"; "required": false; "isSignal": true; }; "performance": { "alias": "performance"; "required": false; "isSignal": true; }; "dpr": { "alias": "dpr"; "required": false; "isSignal": true; }; "raycaster": { "alias": "raycaster"; "required": false; "isSignal": true; }; "scene": { "alias": "scene"; "required": false; "isSignal": true; }; "camera": { "alias": "camera"; "required": false; "isSignal": true; }; "events": { "alias": "events"; "required": false; "isSignal": true; }; "eventSource": { "alias": "eventSource"; "required": false; "isSignal": true; }; "eventPrefix": { "alias": "eventPrefix"; "required": false; "isSignal": true; }; "lookAt": { "alias": "lookAt"; "required": false; "isSignal": true; }; }, { "created": "created"; "pointerMissed": "pointerMissed"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtCanvas<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgtCanvas<any, any>, "ngt-canvas", never, { "sceneGraph": { "alias": "sceneGraph"; "required": true; "isSignal": true; }; "gl": { "alias": "gl"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shadows": { "alias": "shadows"; "required": false; "isSignal": true; }; "legacy": { "alias": "legacy"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "flat": { "alias": "flat"; "required": false; "isSignal": true; }; "orthographic": { "alias": "orthographic"; "required": false; "isSignal": true; }; "frameloop": { "alias": "frameloop"; "required": false; "isSignal": true; }; "performance": { "alias": "performance"; "required": false; "isSignal": true; }; "dpr": { "alias": "dpr"; "required": false; "isSignal": true; }; "raycaster": { "alias": "raycaster"; "required": false; "isSignal": true; }; "scene": { "alias": "scene"; "required": false; "isSignal": true; }; "camera": { "alias": "camera"; "required": false; "isSignal": true; }; "events": { "alias": "events"; "required": false; "isSignal": true; }; "eventSource": { "alias": "eventSource"; "required": false; "isSignal": true; }; "eventPrefix": { "alias": "eventPrefix"; "required": false; "isSignal": true; }; "lookAt": { "alias": "lookAt"; "required": false; "isSignal": true; }; }, { "created": "created"; "rendered": "rendered"; "pointerMissed": "pointerMissed"; }, never, never, true, never>;
 }

package/lib/portal.d.ts

@@ -34,7 +34,7 @@ export type NgtPortalInjectableState = Partial<Omit<NgtState, NgtPortalPrivateKe
 }>;
 export declare class NgtPortal {
     container: import("@angular/core").InputSignal<Object3D<import("three").Object3DEventMap>>;
-    state: import("@angular/core").InputSignal<Partial<Omit<NgtState, "events" | "size" | "viewport" | "invalidate" | "advance" | "setEvents" | "setSize" | "setDpr" | "setFrameloop"> & {
+    state: import("@angular/core").InputSignal<Partial<Omit<NgtState, "viewport" | "size" | "setSize" | "events" | "invalidate" | "advance" | "setEvents" | "setDpr" | "setFrameloop"> & {
         events?: {
             enabled?: boolean;
             priority?: number;

package/lib/utils/make.d.ts

@@ -3,7 +3,7 @@ import { NgtCanvasElement, NgtDpr, NgtGLOptions, NgtIntersection, NgtSize } from
 export declare function makeId(event?: NgtIntersection): string;
 export declare function makeDpr(dpr: NgtDpr, window?: Window): number;
 export declare function makeRendererInstance<TCanvas extends NgtCanvasElement>(glOptions: NgtGLOptions, canvas: TCanvas): WebGLRenderer;
-export declare function makeCameraInstance(isOrthographic: boolean, size: NgtSize): OrthographicCamera | PerspectiveCamera;
+export declare function makeCameraInstance(isOrthographic: boolean, size: NgtSize): PerspectiveCamera | OrthographicCamera;
 export type NgtObjectMap = {
     nodes: Record<string, Object3D<any>>;
     materials: Record<string, Material>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-three",
-  "version": "3.6.1",
+  "version": "3.7.1",
   "publishConfig": {
     "access": "public"
   },