angular-three 3.6.1 → 3.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/angular-three.mjs +3 -1
- package/fesm2022/angular-three.mjs.map +1 -1
- package/lib/canvas.d.ts +77 -75
- package/lib/portal.d.ts +1 -1
- package/package.json +1 -1
package/lib/canvas.d.ts
CHANGED
|
@@ -1,20 +1,21 @@
|
|
|
1
|
-
import { ElementRef, Type } from '@angular/core';
|
|
1
|
+
import { ComponentRef, ElementRef, Type } from '@angular/core';
|
|
2
2
|
import { ResizeResult } from 'ngxtension/resize';
|
|
3
3
|
import { Raycaster, Scene, Vector3 } from 'three';
|
|
4
4
|
import { createPointerEvents } from './dom/events';
|
|
5
|
+
import { NgtRoutedScene } from './routed-scene';
|
|
5
6
|
import { NgtDpr, NgtGLOptions, NgtPerformance, NgtSize, NgtState } from './types';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
|
-
export declare class NgtCanvas {
|
|
8
|
+
export declare class NgtCanvas<TSceneGraph extends Type<any> | 'routed', TSceneCmp = TSceneGraph extends Type<infer Cmp> ? Cmp : NgtRoutedScene> {
|
|
8
9
|
private store;
|
|
9
10
|
private initRoot;
|
|
10
11
|
private host;
|
|
11
12
|
private zone;
|
|
12
13
|
private environmentInjector;
|
|
13
14
|
private injector;
|
|
14
|
-
sceneGraph: import("@angular/core").InputSignalWithTransform<Type<
|
|
15
|
+
sceneGraph: import("@angular/core").InputSignalWithTransform<Type<TSceneCmp>, TSceneGraph>;
|
|
15
16
|
gl: import("@angular/core").InputSignal<NgtGLOptions>;
|
|
16
17
|
size: import("@angular/core").InputSignal<NgtSize | undefined>;
|
|
17
|
-
shadows: import("@angular/core").InputSignalWithTransform<NonNullable<boolean |
|
|
18
|
+
shadows: import("@angular/core").InputSignalWithTransform<NonNullable<boolean | "basic" | "percentage" | "soft" | "variance" | Partial<import("three").WebGLShadowMap> | undefined>, unknown>;
|
|
18
19
|
legacy: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
19
20
|
linear: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
20
21
|
flat: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
@@ -25,24 +26,23 @@ export declare class NgtCanvas {
|
|
|
25
26
|
raycaster: import("@angular/core").InputSignal<Partial<Raycaster> | undefined>;
|
|
26
27
|
scene: import("@angular/core").InputSignal<Scene | Partial<Scene> | undefined>;
|
|
27
28
|
camera: import("@angular/core").InputSignal<NonNullable<((import("angular-three").NgtCamera | Partial<{
|
|
28
|
-
parent?: import("three").Object3D<import("three").Object3DEventMap> | null | undefined;
|
|
29
|
-
add?: ((...object: import("three").Object3D[]) => import("three").Camera) | undefined;
|
|
30
|
-
remove?: ((...object: import("three").Object3D[]) => import("three").Camera) | undefined;
|
|
31
|
-
attach: string | string[] | import("angular-three").NgtAttachFunction;
|
|
32
29
|
readonly type?: string | undefined;
|
|
33
|
-
name?: string | undefined;
|
|
34
|
-
viewport?: import("three").Vector4 | undefined;
|
|
35
30
|
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);
|
|
36
31
|
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);
|
|
37
|
-
|
|
38
|
-
copy?: ((object: import("three").Object3D, recursive?: boolean) => import("three").Camera) | undefined;
|
|
39
|
-
applyMatrix4?: ((matrix: import("three").Matrix4) => void) | undefined;
|
|
40
|
-
applyQuaternion?: ((quaternion: import("three").Quaternion) => import("three").Camera) | undefined;
|
|
32
|
+
attach: string | string[] | import("angular-three").NgtAttachFunction;
|
|
41
33
|
__ngt_args__: [];
|
|
42
|
-
|
|
34
|
+
readonly isCamera?: true | undefined;
|
|
35
|
+
matrixWorldInverse?: import("three").Matrix4 | undefined;
|
|
36
|
+
projectionMatrix?: import("three").Matrix4 | undefined;
|
|
37
|
+
projectionMatrixInverse?: import("three").Matrix4 | undefined;
|
|
38
|
+
coordinateSystem?: import("three").CoordinateSystem | undefined;
|
|
39
|
+
viewport?: import("three").Vector4 | undefined;
|
|
40
|
+
getWorldDirection?: ((target: Vector3) => Vector3) | undefined;
|
|
43
41
|
readonly isObject3D?: true | undefined;
|
|
44
42
|
readonly id?: number | undefined;
|
|
45
43
|
uuid?: string | undefined;
|
|
44
|
+
name?: string | undefined;
|
|
45
|
+
parent?: import("three").Object3D<import("three").Object3DEventMap> | null | undefined;
|
|
46
46
|
children?: import("three").Object3D<import("three").Object3DEventMap>[] | undefined;
|
|
47
47
|
readonly modelViewMatrix?: import("three").Matrix4 | undefined;
|
|
48
48
|
readonly normalMatrix?: import("three").Matrix3 | undefined;
|
|
@@ -63,6 +63,8 @@ export declare class NgtCanvas {
|
|
|
63
63
|
onAfterShadow?: ((renderer: import("three").WebGLRenderer, scene: Scene, camera: import("three").Camera, shadowCamera: import("three").Camera, geometry: import("three").BufferGeometry, depthMaterial: import("three").Material, group: import("three").Group) => void) | undefined;
|
|
64
64
|
onBeforeRender?: ((renderer: import("three").WebGLRenderer, scene: Scene, camera: import("three").Camera, geometry: import("three").BufferGeometry, material: import("three").Material, group: import("three").Group) => void) | undefined;
|
|
65
65
|
onAfterRender?: ((renderer: import("three").WebGLRenderer, scene: Scene, camera: import("three").Camera, geometry: import("three").BufferGeometry, material: import("three").Material, group: import("three").Group) => void) | undefined;
|
|
66
|
+
applyMatrix4?: ((matrix: import("three").Matrix4) => void) | undefined;
|
|
67
|
+
applyQuaternion?: ((quaternion: import("three").Quaternion) => import("three").Camera) | undefined;
|
|
66
68
|
setRotationFromAxisAngle?: ((axis: Vector3, angle: number) => void) | undefined;
|
|
67
69
|
setRotationFromEuler?: ((euler: import("three").Euler) => void) | undefined;
|
|
68
70
|
setRotationFromMatrix?: ((m: import("three").Matrix4) => void) | undefined;
|
|
@@ -82,6 +84,8 @@ export declare class NgtCanvas {
|
|
|
82
84
|
(vector: Vector3): void;
|
|
83
85
|
(x: number, y: number, z: number): void;
|
|
84
86
|
} | undefined;
|
|
87
|
+
add?: ((...object: import("three").Object3D[]) => import("three").Camera) | undefined;
|
|
88
|
+
remove?: ((...object: import("three").Object3D[]) => import("three").Camera) | undefined;
|
|
85
89
|
removeFromParent?: (() => import("three").Camera) | undefined;
|
|
86
90
|
clear?: (() => import("three").Camera) | undefined;
|
|
87
91
|
getObjectById?: ((id: number) => import("three").Object3D | undefined) | undefined;
|
|
@@ -91,20 +95,17 @@ export declare class NgtCanvas {
|
|
|
91
95
|
getWorldPosition?: ((target: Vector3) => Vector3) | undefined;
|
|
92
96
|
getWorldQuaternion?: ((target: import("three").Quaternion) => import("three").Quaternion) | undefined;
|
|
93
97
|
getWorldScale?: ((target: Vector3) => Vector3) | undefined;
|
|
94
|
-
getWorldDirection?: ((target: Vector3) => Vector3) | undefined;
|
|
95
98
|
traverse?: ((callback: (object: import("three").Object3D) => any) => void) | undefined;
|
|
96
99
|
traverseVisible?: ((callback: (object: import("three").Object3D) => any) => void) | undefined;
|
|
97
100
|
traverseAncestors?: ((callback: (object: import("three").Object3D) => any) => void) | undefined;
|
|
98
101
|
updateMatrix?: (() => void) | undefined;
|
|
99
102
|
updateMatrixWorld?: ((force?: boolean) => void) | undefined;
|
|
100
103
|
updateWorldMatrix?: ((updateParents: boolean, updateChildren: boolean) => void) | undefined;
|
|
104
|
+
toJSON?: ((meta?: import("three").JSONMeta) => import("three").Object3DJSON) | undefined;
|
|
105
|
+
clone?: ((recursive?: boolean) => import("three").Camera) | undefined;
|
|
106
|
+
copy?: ((object: import("three").Object3D, recursive?: boolean) => import("three").Camera) | undefined;
|
|
101
107
|
hasEventListener?: (<T extends keyof import("three").Object3DEventMap>(type: T, listener: import("three").EventListener<import("three").Object3DEventMap[T], T, import("three").Camera>) => boolean) | undefined;
|
|
102
108
|
dispatchEvent?: (<T extends keyof import("three").Object3DEventMap>(event: import("three").BaseEvent<T> & import("three").Object3DEventMap[T]) => void) | undefined;
|
|
103
|
-
readonly isCamera?: true | undefined;
|
|
104
|
-
matrixWorldInverse?: import("three").Matrix4 | undefined;
|
|
105
|
-
projectionMatrix?: import("three").Matrix4 | undefined;
|
|
106
|
-
projectionMatrixInverse?: import("three").Matrix4 | undefined;
|
|
107
|
-
coordinateSystem?: import("three").CoordinateSystem | undefined;
|
|
108
109
|
position: import("angular-three").NgtVector3;
|
|
109
110
|
up: import("angular-three").NgtVector3;
|
|
110
111
|
scale: import("angular-three").NgtVector3;
|
|
@@ -115,33 +116,23 @@ export declare class NgtCanvas {
|
|
|
115
116
|
dispose: (() => void) | null;
|
|
116
117
|
raycast: import("three").Object3D["raycast"] | null;
|
|
117
118
|
} & {
|
|
118
|
-
parent?: import("three").Object3D<import("three").Object3DEventMap> | null | undefined;
|
|
119
|
-
add?: ((...object: import("three").Object3D[]) => import("three").PerspectiveCamera) | undefined;
|
|
120
|
-
remove?: ((...object: import("three").Object3D[]) => import("three").PerspectiveCamera) | undefined;
|
|
121
|
-
attach: string | string[] | import("angular-three").NgtAttachFunction;
|
|
122
119
|
readonly type?: string | undefined;
|
|
123
|
-
name?: string | undefined;
|
|
124
|
-
viewport?: import("three").Vector4 | undefined;
|
|
125
120
|
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);
|
|
126
121
|
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);
|
|
127
|
-
|
|
128
|
-
copy?: ((object: import("three").Object3D, recursive?: boolean) => import("three").PerspectiveCamera) | undefined;
|
|
129
|
-
applyMatrix4?: ((matrix: import("three").Matrix4) => void) | undefined;
|
|
130
|
-
applyQuaternion?: ((quaternion: import("three").Quaternion) => import("three").PerspectiveCamera) | undefined;
|
|
122
|
+
attach: string | string[] | import("angular-three").NgtAttachFunction;
|
|
131
123
|
__ngt_args__: [fov?: number | undefined, aspect?: number | undefined, near?: number | undefined, far?: number | undefined];
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
height: number;
|
|
140
|
-
} | null | undefined;
|
|
141
|
-
toJSON?: ((meta?: import("three").JSONMeta) => import("three").PerspectiveCameraJSON) | undefined;
|
|
124
|
+
readonly isCamera?: true | undefined;
|
|
125
|
+
matrixWorldInverse?: import("three").Matrix4 | undefined;
|
|
126
|
+
projectionMatrix?: import("three").Matrix4 | undefined;
|
|
127
|
+
projectionMatrixInverse?: import("three").Matrix4 | undefined;
|
|
128
|
+
coordinateSystem?: import("three").CoordinateSystem | undefined;
|
|
129
|
+
viewport?: import("three").Vector4 | undefined;
|
|
130
|
+
getWorldDirection?: ((target: Vector3) => Vector3) | undefined;
|
|
142
131
|
readonly isObject3D?: true | undefined;
|
|
143
132
|
readonly id?: number | undefined;
|
|
144
133
|
uuid?: string | undefined;
|
|
134
|
+
name?: string | undefined;
|
|
135
|
+
parent?: import("three").Object3D<import("three").Object3DEventMap> | null | undefined;
|
|
145
136
|
children?: import("three").Object3D<import("three").Object3DEventMap>[] | undefined;
|
|
146
137
|
readonly modelViewMatrix?: import("three").Matrix4 | undefined;
|
|
147
138
|
readonly normalMatrix?: import("three").Matrix3 | undefined;
|
|
@@ -162,6 +153,8 @@ export declare class NgtCanvas {
|
|
|
162
153
|
onAfterShadow?: ((renderer: import("three").WebGLRenderer, scene: Scene, camera: import("three").Camera, shadowCamera: import("three").Camera, geometry: import("three").BufferGeometry, depthMaterial: import("three").Material, group: import("three").Group) => void) | undefined;
|
|
163
154
|
onBeforeRender?: ((renderer: import("three").WebGLRenderer, scene: Scene, camera: import("three").Camera, geometry: import("three").BufferGeometry, material: import("three").Material, group: import("three").Group) => void) | undefined;
|
|
164
155
|
onAfterRender?: ((renderer: import("three").WebGLRenderer, scene: Scene, camera: import("three").Camera, geometry: import("three").BufferGeometry, material: import("three").Material, group: import("three").Group) => void) | undefined;
|
|
156
|
+
applyMatrix4?: ((matrix: import("three").Matrix4) => void) | undefined;
|
|
157
|
+
applyQuaternion?: ((quaternion: import("three").Quaternion) => import("three").PerspectiveCamera) | undefined;
|
|
165
158
|
setRotationFromAxisAngle?: ((axis: Vector3, angle: number) => void) | undefined;
|
|
166
159
|
setRotationFromEuler?: ((euler: import("three").Euler) => void) | undefined;
|
|
167
160
|
setRotationFromMatrix?: ((m: import("three").Matrix4) => void) | undefined;
|
|
@@ -181,6 +174,8 @@ export declare class NgtCanvas {
|
|
|
181
174
|
(vector: Vector3): void;
|
|
182
175
|
(x: number, y: number, z: number): void;
|
|
183
176
|
} | undefined;
|
|
177
|
+
add?: ((...object: import("three").Object3D[]) => import("three").PerspectiveCamera) | undefined;
|
|
178
|
+
remove?: ((...object: import("three").Object3D[]) => import("three").PerspectiveCamera) | undefined;
|
|
184
179
|
removeFromParent?: (() => import("three").PerspectiveCamera) | undefined;
|
|
185
180
|
clear?: (() => import("three").PerspectiveCamera) | undefined;
|
|
186
181
|
getObjectById?: ((id: number) => import("three").Object3D | undefined) | undefined;
|
|
@@ -190,20 +185,17 @@ export declare class NgtCanvas {
|
|
|
190
185
|
getWorldPosition?: ((target: Vector3) => Vector3) | undefined;
|
|
191
186
|
getWorldQuaternion?: ((target: import("three").Quaternion) => import("three").Quaternion) | undefined;
|
|
192
187
|
getWorldScale?: ((target: Vector3) => Vector3) | undefined;
|
|
193
|
-
getWorldDirection?: ((target: Vector3) => Vector3) | undefined;
|
|
194
188
|
traverse?: ((callback: (object: import("three").Object3D) => any) => void) | undefined;
|
|
195
189
|
traverseVisible?: ((callback: (object: import("three").Object3D) => any) => void) | undefined;
|
|
196
190
|
traverseAncestors?: ((callback: (object: import("three").Object3D) => any) => void) | undefined;
|
|
197
191
|
updateMatrix?: (() => void) | undefined;
|
|
198
192
|
updateMatrixWorld?: ((force?: boolean) => void) | undefined;
|
|
199
193
|
updateWorldMatrix?: ((updateParents: boolean, updateChildren: boolean) => void) | undefined;
|
|
194
|
+
toJSON?: ((meta?: import("three").JSONMeta) => import("three").PerspectiveCameraJSON) | undefined;
|
|
195
|
+
clone?: ((recursive?: boolean) => import("three").PerspectiveCamera) | undefined;
|
|
196
|
+
copy?: ((object: import("three").Object3D, recursive?: boolean) => import("three").PerspectiveCamera) | undefined;
|
|
200
197
|
hasEventListener?: (<T extends keyof import("three").Object3DEventMap>(type: T, listener: import("three").EventListener<import("three").Object3DEventMap[T], T, import("three").PerspectiveCamera>) => boolean) | undefined;
|
|
201
198
|
dispatchEvent?: (<T extends keyof import("three").Object3DEventMap>(event: import("three").BaseEvent<T> & import("three").Object3DEventMap[T]) => void) | undefined;
|
|
202
|
-
readonly isCamera?: true | undefined;
|
|
203
|
-
matrixWorldInverse?: import("three").Matrix4 | undefined;
|
|
204
|
-
projectionMatrix?: import("three").Matrix4 | undefined;
|
|
205
|
-
projectionMatrixInverse?: import("three").Matrix4 | undefined;
|
|
206
|
-
coordinateSystem?: import("three").CoordinateSystem | undefined;
|
|
207
199
|
readonly isPerspectiveCamera?: true | undefined;
|
|
208
200
|
zoom?: number | undefined;
|
|
209
201
|
fov?: number | undefined;
|
|
@@ -211,6 +203,15 @@ export declare class NgtCanvas {
|
|
|
211
203
|
near?: number | undefined;
|
|
212
204
|
far?: number | undefined;
|
|
213
205
|
focus?: number | undefined;
|
|
206
|
+
view?: {
|
|
207
|
+
enabled: boolean;
|
|
208
|
+
fullWidth: number;
|
|
209
|
+
fullHeight: number;
|
|
210
|
+
offsetX: number;
|
|
211
|
+
offsetY: number;
|
|
212
|
+
width: number;
|
|
213
|
+
height: number;
|
|
214
|
+
} | null | undefined;
|
|
214
215
|
filmGauge?: number | undefined;
|
|
215
216
|
filmOffset?: number | undefined;
|
|
216
217
|
getFocalLength?: (() => number) | undefined;
|
|
@@ -234,33 +235,23 @@ export declare class NgtCanvas {
|
|
|
234
235
|
dispose: (() => void) | null;
|
|
235
236
|
raycast: import("three").Object3D["raycast"] | null;
|
|
236
237
|
} & {
|
|
237
|
-
parent?: import("three").Object3D<import("three").Object3DEventMap> | null | undefined;
|
|
238
|
-
add?: ((...object: import("three").Object3D[]) => import("three").OrthographicCamera) | undefined;
|
|
239
|
-
remove?: ((...object: import("three").Object3D[]) => import("three").OrthographicCamera) | undefined;
|
|
240
|
-
attach: string | string[] | import("angular-three").NgtAttachFunction;
|
|
241
238
|
readonly type?: string | undefined;
|
|
242
|
-
name?: string | undefined;
|
|
243
|
-
viewport?: import("three").Vector4 | undefined;
|
|
244
239
|
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);
|
|
245
240
|
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);
|
|
246
|
-
|
|
247
|
-
copy?: ((object: import("three").Object3D, recursive?: boolean) => import("three").OrthographicCamera) | undefined;
|
|
248
|
-
applyMatrix4?: ((matrix: import("three").Matrix4) => void) | undefined;
|
|
249
|
-
applyQuaternion?: ((quaternion: import("three").Quaternion) => import("three").OrthographicCamera) | undefined;
|
|
241
|
+
attach: string | string[] | import("angular-three").NgtAttachFunction;
|
|
250
242
|
__ngt_args__: [left?: number | undefined, right?: number | undefined, top?: number | undefined, bottom?: number | undefined, near?: number | undefined, far?: number | undefined];
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
height: number;
|
|
259
|
-
} | null | undefined;
|
|
260
|
-
toJSON?: ((meta?: import("three").JSONMeta) => import("three").OrthographicCameraJSON) | undefined;
|
|
243
|
+
readonly isCamera?: true | undefined;
|
|
244
|
+
matrixWorldInverse?: import("three").Matrix4 | undefined;
|
|
245
|
+
projectionMatrix?: import("three").Matrix4 | undefined;
|
|
246
|
+
projectionMatrixInverse?: import("three").Matrix4 | undefined;
|
|
247
|
+
coordinateSystem?: import("three").CoordinateSystem | undefined;
|
|
248
|
+
viewport?: import("three").Vector4 | undefined;
|
|
249
|
+
getWorldDirection?: ((target: Vector3) => Vector3) | undefined;
|
|
261
250
|
readonly isObject3D?: true | undefined;
|
|
262
251
|
readonly id?: number | undefined;
|
|
263
252
|
uuid?: string | undefined;
|
|
253
|
+
name?: string | undefined;
|
|
254
|
+
parent?: import("three").Object3D<import("three").Object3DEventMap> | null | undefined;
|
|
264
255
|
children?: import("three").Object3D<import("three").Object3DEventMap>[] | undefined;
|
|
265
256
|
readonly modelViewMatrix?: import("three").Matrix4 | undefined;
|
|
266
257
|
readonly normalMatrix?: import("three").Matrix3 | undefined;
|
|
@@ -281,6 +272,8 @@ export declare class NgtCanvas {
|
|
|
281
272
|
onAfterShadow?: ((renderer: import("three").WebGLRenderer, scene: Scene, camera: import("three").Camera, shadowCamera: import("three").Camera, geometry: import("three").BufferGeometry, depthMaterial: import("three").Material, group: import("three").Group) => void) | undefined;
|
|
282
273
|
onBeforeRender?: ((renderer: import("three").WebGLRenderer, scene: Scene, camera: import("three").Camera, geometry: import("three").BufferGeometry, material: import("three").Material, group: import("three").Group) => void) | undefined;
|
|
283
274
|
onAfterRender?: ((renderer: import("three").WebGLRenderer, scene: Scene, camera: import("three").Camera, geometry: import("three").BufferGeometry, material: import("three").Material, group: import("three").Group) => void) | undefined;
|
|
275
|
+
applyMatrix4?: ((matrix: import("three").Matrix4) => void) | undefined;
|
|
276
|
+
applyQuaternion?: ((quaternion: import("three").Quaternion) => import("three").OrthographicCamera) | undefined;
|
|
284
277
|
setRotationFromAxisAngle?: ((axis: Vector3, angle: number) => void) | undefined;
|
|
285
278
|
setRotationFromEuler?: ((euler: import("three").Euler) => void) | undefined;
|
|
286
279
|
setRotationFromMatrix?: ((m: import("three").Matrix4) => void) | undefined;
|
|
@@ -300,6 +293,8 @@ export declare class NgtCanvas {
|
|
|
300
293
|
(vector: Vector3): void;
|
|
301
294
|
(x: number, y: number, z: number): void;
|
|
302
295
|
} | undefined;
|
|
296
|
+
add?: ((...object: import("three").Object3D[]) => import("three").OrthographicCamera) | undefined;
|
|
297
|
+
remove?: ((...object: import("three").Object3D[]) => import("three").OrthographicCamera) | undefined;
|
|
303
298
|
removeFromParent?: (() => import("three").OrthographicCamera) | undefined;
|
|
304
299
|
clear?: (() => import("three").OrthographicCamera) | undefined;
|
|
305
300
|
getObjectById?: ((id: number) => import("three").Object3D | undefined) | undefined;
|
|
@@ -309,23 +304,29 @@ export declare class NgtCanvas {
|
|
|
309
304
|
getWorldPosition?: ((target: Vector3) => Vector3) | undefined;
|
|
310
305
|
getWorldQuaternion?: ((target: import("three").Quaternion) => import("three").Quaternion) | undefined;
|
|
311
306
|
getWorldScale?: ((target: Vector3) => Vector3) | undefined;
|
|
312
|
-
getWorldDirection?: ((target: Vector3) => Vector3) | undefined;
|
|
313
307
|
traverse?: ((callback: (object: import("three").Object3D) => any) => void) | undefined;
|
|
314
308
|
traverseVisible?: ((callback: (object: import("three").Object3D) => any) => void) | undefined;
|
|
315
309
|
traverseAncestors?: ((callback: (object: import("three").Object3D) => any) => void) | undefined;
|
|
316
310
|
updateMatrix?: (() => void) | undefined;
|
|
317
311
|
updateMatrixWorld?: ((force?: boolean) => void) | undefined;
|
|
318
312
|
updateWorldMatrix?: ((updateParents: boolean, updateChildren: boolean) => void) | undefined;
|
|
313
|
+
toJSON?: ((meta?: import("three").JSONMeta) => import("three").OrthographicCameraJSON) | undefined;
|
|
314
|
+
clone?: ((recursive?: boolean) => import("three").OrthographicCamera) | undefined;
|
|
315
|
+
copy?: ((object: import("three").Object3D, recursive?: boolean) => import("three").OrthographicCamera) | undefined;
|
|
319
316
|
hasEventListener?: (<T extends keyof import("three").Object3DEventMap>(type: T, listener: import("three").EventListener<import("three").Object3DEventMap[T], T, import("three").OrthographicCamera>) => boolean) | undefined;
|
|
320
317
|
dispatchEvent?: (<T extends keyof import("three").Object3DEventMap>(event: import("three").BaseEvent<T> & import("three").Object3DEventMap[T]) => void) | undefined;
|
|
321
|
-
readonly isCamera?: true | undefined;
|
|
322
|
-
matrixWorldInverse?: import("three").Matrix4 | undefined;
|
|
323
|
-
projectionMatrix?: import("three").Matrix4 | undefined;
|
|
324
|
-
projectionMatrixInverse?: import("three").Matrix4 | undefined;
|
|
325
|
-
coordinateSystem?: import("three").CoordinateSystem | undefined;
|
|
326
318
|
zoom?: number | undefined;
|
|
327
319
|
near?: number | undefined;
|
|
328
320
|
far?: number | undefined;
|
|
321
|
+
view?: {
|
|
322
|
+
enabled: boolean;
|
|
323
|
+
fullWidth: number;
|
|
324
|
+
fullHeight: number;
|
|
325
|
+
offsetX: number;
|
|
326
|
+
offsetY: number;
|
|
327
|
+
width: number;
|
|
328
|
+
height: number;
|
|
329
|
+
} | null | undefined;
|
|
329
330
|
setViewOffset?: ((fullWidth: number, fullHeight: number, offsetX: number, offsetY: number, width: number, height: number) => void) | undefined;
|
|
330
331
|
clearViewOffset?: (() => void) | undefined;
|
|
331
332
|
updateProjectionMatrix?: (() => void) | undefined;
|
|
@@ -351,6 +352,7 @@ export declare class NgtCanvas {
|
|
|
351
352
|
eventPrefix: import("@angular/core").InputSignal<NonNullable<"offset" | "client" | "page" | "layer" | "screen" | undefined>>;
|
|
352
353
|
lookAt: import("@angular/core").InputSignal<Vector3 | [x: number, y: number, z: number] | undefined>;
|
|
353
354
|
created: import("@angular/core").OutputEmitterRef<NgtState>;
|
|
355
|
+
rendered: import("@angular/core").OutputEmitterRef<ComponentRef<TSceneCmp>>;
|
|
354
356
|
pointerMissed: import("@angular/core").OutputRef<MouseEvent>;
|
|
355
357
|
private glCanvas;
|
|
356
358
|
private glCanvasViewContainerRef;
|
|
@@ -361,6 +363,6 @@ export declare class NgtCanvas {
|
|
|
361
363
|
private glRef?;
|
|
362
364
|
constructor();
|
|
363
365
|
private noZoneRender;
|
|
364
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgtCanvas, never>;
|
|
365
|
-
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>;
|
|
366
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtCanvas<any, any>, never>;
|
|
367
|
+
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>;
|
|
366
368
|
}
|
package/lib/portal.d.ts
CHANGED
|
@@ -34,7 +34,7 @@ export type NgtPortalInjectableState = Partial<Omit<NgtState, NgtPortalPrivateKe
|
|
|
34
34
|
}>;
|
|
35
35
|
export declare class NgtPortal {
|
|
36
36
|
container: import("@angular/core").InputSignal<Object3D<import("three").Object3DEventMap>>;
|
|
37
|
-
state: import("@angular/core").InputSignal<Partial<Omit<NgtState, "
|
|
37
|
+
state: import("@angular/core").InputSignal<Partial<Omit<NgtState, "viewport" | "events" | "size" | "invalidate" | "advance" | "setEvents" | "setSize" | "setDpr" | "setFrameloop"> & {
|
|
38
38
|
events?: {
|
|
39
39
|
enabled?: boolean;
|
|
40
40
|
priority?: number;
|