angular-three 3.6.0 → 3.7.0

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 | "basic" | "percentage" | "soft" | "variance" | Partial<import("three").WebGLShadowMap> | undefined>, unknown>;
@@ -26,7 +27,6 @@ export declare class NgtCanvas {
     scene: import("@angular/core").InputSignal<Scene | Partial<Scene> | undefined>;
     camera: import("@angular/core").InputSignal<NonNullable<((import("angular-three").NgtCamera | Partial<{
         readonly type?: 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);
         attach: string | string[] | import("angular-three").NgtAttachFunction;
@@ -36,6 +36,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;
         getWorldDirection?: ((target: Vector3) => Vector3) | undefined;
         readonly isObject3D?: true | undefined;
         readonly id?: number | undefined;
@@ -115,17 +116,7 @@ export declare class NgtCanvas {
         dispose: (() => void) | null;
         raycast: import("three").Object3D["raycast"] | null;
     } & {
-        view?: {
-            enabled: boolean;
-            fullWidth: number;
-            fullHeight: number;
-            offsetX: number;
-            offsetY: number;
-            width: number;
-            height: number;
-        } | null | undefined;
         readonly type?: 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);
         attach: string | string[] | import("angular-three").NgtAttachFunction;
@@ -135,6 +126,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;
         getWorldDirection?: ((target: Vector3) => Vector3) | undefined;
         readonly isObject3D?: true | undefined;
         readonly id?: number | undefined;
@@ -211,6 +203,15 @@ export declare class NgtCanvas {
         near?: number | undefined;
         far?: number | undefined;
         focus?: number | undefined;
+        view?: {
+            enabled: boolean;
+            fullWidth: number;
+            fullHeight: number;
+            offsetX: number;
+            offsetY: number;
+            width: number;
+            height: number;
+        } | null | undefined;
         filmGauge?: number | undefined;
         filmOffset?: number | undefined;
         getFocalLength?: (() => number) | undefined;
@@ -234,17 +235,7 @@ export declare class NgtCanvas {
         dispose: (() => void) | null;
         raycast: import("three").Object3D["raycast"] | null;
     } & {
-        view?: {
-            enabled: boolean;
-            fullWidth: number;
-            fullHeight: number;
-            offsetX: number;
-            offsetY: number;
-            width: number;
-            height: number;
-        } | null | undefined;
         readonly type?: 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);
         attach: string | string[] | import("angular-three").NgtAttachFunction;
@@ -254,6 +245,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;
         getWorldDirection?: ((target: Vector3) => Vector3) | undefined;
         readonly isObject3D?: true | undefined;
         readonly id?: number | undefined;
@@ -326,6 +318,15 @@ export declare class NgtCanvas {
         zoom?: number | undefined;
         near?: number | undefined;
         far?: number | undefined;
+        view?: {
+            enabled: boolean;
+            fullWidth: number;
+            fullHeight: number;
+            offsetX: number;
+            offsetY: number;
+            width: number;
+            height: number;
+        } | null | undefined;
         setViewOffset?: ((fullWidth: number, fullHeight: number, offsetX: number, offsetY: number, width: number, height: number) => void) | undefined;
         clearViewOffset?: (() => void) | undefined;
         updateProjectionMatrix?: (() => void) | 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/html.d.ts

@@ -11,7 +11,7 @@ export declare abstract class NgtHTML {
     protected store: import("angular-three").NgtSignalStore<import("angular-three").NgtState>;
     protected destroyRef: DestroyRef;
     protected host: ElementRef<HTMLElement>;
-    protected domElement: "gl" | HTMLElement | null;
+    protected domElement: HTMLElement | "gl" | null;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtHTML, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgtHTML, never, never, {}, {}, 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, "setSize" | "setFrameloop" | "setDpr" | "events" | "setEvents" | "invalidate" | "advance" | "size" | "viewport"> & {
+    state: import("@angular/core").InputSignal<Partial<Omit<NgtState, "viewport" | "events" | "size" | "invalidate" | "advance" | "setEvents" | "setSize" | "setDpr" | "setFrameloop"> & {
         events?: {
             enabled?: boolean;
             priority?: number;

package/nativescript/lib/canvas.d.ts

@@ -18,6 +18,7 @@ export declare class NgtCanvasNative {
     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<{
+        name?: string | undefined;
         readonly type?: string | 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);
@@ -33,7 +34,6 @@ export declare class NgtCanvasNative {
         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;
@@ -108,6 +108,7 @@ export declare class NgtCanvasNative {
         dispose: (() => void) | null;
         raycast: import("three").Object3D["raycast"] | null;
     } & {
+        name?: string | undefined;
         readonly type?: string | 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);
@@ -123,7 +124,6 @@ export declare class NgtCanvasNative {
         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;
@@ -227,6 +227,7 @@ export declare class NgtCanvasNative {
         dispose: (() => void) | null;
         raycast: import("three").Object3D["raycast"] | null;
     } & {
+        name?: string | undefined;
         readonly type?: string | 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);
@@ -242,7 +243,6 @@ export declare class NgtCanvasNative {
         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;

package/package.json

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