angular-three 2.12.0 → 2.14.0

package/lib/canvas.d.ts

@@ -14,7 +14,7 @@ export declare class NgtCanvas {
     sceneGraph: import("@angular/core").InputSignalWithTransform<Type<any>, Type<any> | "routed">;
     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>;
+    shadows: import("@angular/core").InputSignalWithTransform<NonNullable<boolean | "basic" | "percentage" | "soft" | "variance" | Partial<import("three").WebGLShadowMap> | undefined>, unknown>;
     legacy: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     linear: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     flat: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
@@ -26,16 +26,17 @@ export declare class NgtCanvas {
     scene: import("@angular/core").InputSignal<Scene | Partial<Scene> | undefined>;
     camera: import("@angular/core").InputSignal<NonNullable<((import("./types").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);
-        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("./types").NgtAttachFunction;
         __ngt_args__: [];
-        toJSON?: ((meta?: import("three").JSONMeta) => import("three").Object3DJSON) | undefined;
+        readonly isCamera?: true | undefined;
+        matrixWorldInverse?: import("three").Matrix4 | undefined;
+        projectionMatrix?: import("three").Matrix4 | undefined;
+        projectionMatrixInverse?: import("three").Matrix4 | undefined;
+        coordinateSystem?: import("three").CoordinateSystem | undefined;
+        getWorldDirection?: ((target: Vector3) => Vector3) | undefined;
         readonly isObject3D?: true | undefined;
         readonly id?: number | undefined;
         uuid?: string | undefined;
@@ -61,6 +62,8 @@ export declare class NgtCanvas {
         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;
         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;
         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;
+        applyMatrix4?: ((matrix: import("three").Matrix4) => void) | undefined;
+        applyQuaternion?: ((quaternion: import("three").Quaternion) => import("three").Camera) | undefined;
         setRotationFromAxisAngle?: ((axis: Vector3, angle: number) => void) | undefined;
         setRotationFromEuler?: ((euler: import("three").Euler) => void) | undefined;
         setRotationFromMatrix?: ((m: import("three").Matrix4) => void) | undefined;
@@ -80,6 +83,7 @@ export declare class NgtCanvas {
             (vector: Vector3): void;
             (x: number, y: number, z: number): void;
         } | undefined;
+        add?: ((...object: import("three").Object3D[]) => import("three").Camera) | undefined;
         remove?: ((...object: import("three").Object3D[]) => import("three").Camera) | undefined;
         removeFromParent?: (() => import("three").Camera) | undefined;
         clear?: (() => import("three").Camera) | undefined;
@@ -90,21 +94,17 @@ export declare class NgtCanvas {
         getWorldPosition?: ((target: Vector3) => Vector3) | undefined;
         getWorldQuaternion?: ((target: import("three").Quaternion) => import("three").Quaternion) | undefined;
         getWorldScale?: ((target: Vector3) => Vector3) | undefined;
-        getWorldDirection?: ((target: Vector3) => Vector3) | 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) => void) | undefined;
         updateWorldMatrix?: ((updateParents: boolean, updateChildren: boolean) => void) | undefined;
+        toJSON?: ((meta?: import("three").JSONMeta) => import("three").Object3DJSON) | undefined;
+        clone?: ((recursive?: boolean) => import("three").Camera) | undefined;
+        copy?: ((object: import("three").Object3D, recursive?: boolean) => import("three").Camera) | undefined;
         hasEventListener?: (<T extends keyof import("three").Object3DEventMap>(type: T, listener: import("three").EventListener<import("three").Object3DEventMap[T], T, import("three").Camera>) => boolean) | undefined;
         dispatchEvent?: (<T extends keyof import("three").Object3DEventMap>(event: import("three").BaseEvent<T> & import("three").Object3DEventMap[T]) => void) | undefined;
-        readonly isCamera?: true | undefined;
-        matrixWorldInverse?: import("three").Matrix4 | undefined;
-        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;
@@ -125,16 +125,17 @@ export declare class NgtCanvas {
             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);
-        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("./types").NgtAttachFunction;
         __ngt_args__: [fov?: number | undefined, aspect?: number | undefined, near?: number | undefined, far?: number | undefined];
-        toJSON?: ((meta?: import("three").JSONMeta) => import("three").PerspectiveCameraJSON) | undefined;
+        readonly isCamera?: true | undefined;
+        matrixWorldInverse?: import("three").Matrix4 | undefined;
+        projectionMatrix?: import("three").Matrix4 | undefined;
+        projectionMatrixInverse?: import("three").Matrix4 | undefined;
+        coordinateSystem?: import("three").CoordinateSystem | undefined;
+        getWorldDirection?: ((target: Vector3) => Vector3) | undefined;
         readonly isObject3D?: true | undefined;
         readonly id?: number | undefined;
         uuid?: string | undefined;
@@ -160,6 +161,8 @@ export declare class NgtCanvas {
         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;
         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;
         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;
+        applyMatrix4?: ((matrix: import("three").Matrix4) => void) | undefined;
+        applyQuaternion?: ((quaternion: import("three").Quaternion) => import("three").PerspectiveCamera) | undefined;
         setRotationFromAxisAngle?: ((axis: Vector3, angle: number) => void) | undefined;
         setRotationFromEuler?: ((euler: import("three").Euler) => void) | undefined;
         setRotationFromMatrix?: ((m: import("three").Matrix4) => void) | undefined;
@@ -179,6 +182,7 @@ export declare class NgtCanvas {
             (vector: Vector3): void;
             (x: number, y: number, z: number): void;
         } | undefined;
+        add?: ((...object: import("three").Object3D[]) => import("three").PerspectiveCamera) | undefined;
         remove?: ((...object: import("three").Object3D[]) => import("three").PerspectiveCamera) | undefined;
         removeFromParent?: (() => import("three").PerspectiveCamera) | undefined;
         clear?: (() => import("three").PerspectiveCamera) | undefined;
@@ -189,21 +193,17 @@ export declare class NgtCanvas {
         getWorldPosition?: ((target: Vector3) => Vector3) | undefined;
         getWorldQuaternion?: ((target: import("three").Quaternion) => import("three").Quaternion) | undefined;
         getWorldScale?: ((target: Vector3) => Vector3) | undefined;
-        getWorldDirection?: ((target: Vector3) => Vector3) | 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) => void) | undefined;
         updateWorldMatrix?: ((updateParents: boolean, updateChildren: boolean) => void) | undefined;
+        toJSON?: ((meta?: import("three").JSONMeta) => import("three").PerspectiveCameraJSON) | undefined;
+        clone?: ((recursive?: boolean) => import("three").PerspectiveCamera) | undefined;
+        copy?: ((object: import("three").Object3D, recursive?: boolean) => import("three").PerspectiveCamera) | undefined;
         hasEventListener?: (<T extends keyof import("three").Object3DEventMap>(type: T, listener: import("three").EventListener<import("three").Object3DEventMap[T], T, import("three").PerspectiveCamera>) => boolean) | undefined;
         dispatchEvent?: (<T extends keyof import("three").Object3DEventMap>(event: import("three").BaseEvent<T> & import("three").Object3DEventMap[T]) => void) | undefined;
-        readonly isCamera?: true | undefined;
-        matrixWorldInverse?: import("three").Matrix4 | undefined;
-        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;
@@ -244,16 +244,17 @@ export declare class NgtCanvas {
             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);
-        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("./types").NgtAttachFunction;
         __ngt_args__: [left?: number | undefined, right?: number | undefined, top?: number | undefined, bottom?: number | undefined, near?: number | undefined, far?: number | undefined];
-        toJSON?: ((meta?: import("three").JSONMeta) => import("three").OrthographicCameraJSON) | undefined;
+        readonly isCamera?: true | undefined;
+        matrixWorldInverse?: import("three").Matrix4 | undefined;
+        projectionMatrix?: import("three").Matrix4 | undefined;
+        projectionMatrixInverse?: import("three").Matrix4 | undefined;
+        coordinateSystem?: import("three").CoordinateSystem | undefined;
+        getWorldDirection?: ((target: Vector3) => Vector3) | undefined;
         readonly isObject3D?: true | undefined;
         readonly id?: number | undefined;
         uuid?: string | undefined;
@@ -279,6 +280,8 @@ export declare class NgtCanvas {
         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;
         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;
         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;
+        applyMatrix4?: ((matrix: import("three").Matrix4) => void) | undefined;
+        applyQuaternion?: ((quaternion: import("three").Quaternion) => import("three").OrthographicCamera) | undefined;
         setRotationFromAxisAngle?: ((axis: Vector3, angle: number) => void) | undefined;
         setRotationFromEuler?: ((euler: import("three").Euler) => void) | undefined;
         setRotationFromMatrix?: ((m: import("three").Matrix4) => void) | undefined;
@@ -298,6 +301,7 @@ export declare class NgtCanvas {
             (vector: Vector3): void;
             (x: number, y: number, z: number): void;
         } | undefined;
+        add?: ((...object: import("three").Object3D[]) => import("three").OrthographicCamera) | undefined;
         remove?: ((...object: import("three").Object3D[]) => import("three").OrthographicCamera) | undefined;
         removeFromParent?: (() => import("three").OrthographicCamera) | undefined;
         clear?: (() => import("three").OrthographicCamera) | undefined;
@@ -308,21 +312,17 @@ export declare class NgtCanvas {
         getWorldPosition?: ((target: Vector3) => Vector3) | undefined;
         getWorldQuaternion?: ((target: import("three").Quaternion) => import("three").Quaternion) | undefined;
         getWorldScale?: ((target: Vector3) => Vector3) | undefined;
-        getWorldDirection?: ((target: Vector3) => Vector3) | 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) => void) | undefined;
         updateWorldMatrix?: ((updateParents: boolean, updateChildren: boolean) => void) | undefined;
+        toJSON?: ((meta?: import("three").JSONMeta) => import("three").OrthographicCameraJSON) | undefined;
+        clone?: ((recursive?: boolean) => import("three").OrthographicCamera) | undefined;
+        copy?: ((object: import("three").Object3D, recursive?: boolean) => import("three").OrthographicCamera) | undefined;
         hasEventListener?: (<T extends keyof import("three").Object3DEventMap>(type: T, listener: import("three").EventListener<import("three").Object3DEventMap[T], T, import("three").OrthographicCamera>) => boolean) | undefined;
         dispatchEvent?: (<T extends keyof import("three").Object3DEventMap>(event: import("three").BaseEvent<T> & import("three").Object3DEventMap[T]) => void) | undefined;
-        readonly isCamera?: true | undefined;
-        matrixWorldInverse?: import("three").Matrix4 | undefined;
-        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;
@@ -356,11 +356,10 @@ export declare class NgtCanvas {
     private glCanvasViewContainerRef;
     protected hbPointerEvents: import("@angular/core").Signal<"none" | "auto">;
     protected resizeResult: import("@angular/core").WritableSignal<ResizeResult>;
-    private configurator?;
+    private configurator;
     private glEnvironmentInjector?;
     private glRef?;
     constructor();
-    private noZoneResizeEffect;
     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>;

package/lib/html.d.ts

@@ -2,6 +2,7 @@ import { AbstractType, DestroyRef, ElementRef, InjectionToken, Provider, Provide
 import { HTML } from './renderer';
 import * as i0 from "@angular/core";
 export declare function provideHTMLDomElement(): Provider;
+export declare function provideHTMLDomElement(factory: () => HTMLElement): 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;
@@ -10,7 +11,7 @@ export declare abstract class NgtHTML {
     protected store: import("angular-three").NgtSignalStore<import("./types").NgtState>;
     protected destroyRef: DestroyRef;
     protected host: ElementRef<HTMLElement>;
-    protected domElement: HTMLElement | "gl" | null;
+    protected domElement: "gl" | HTMLElement | null;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtHTML, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgtHTML, never, never, {}, {}, never, never, false, 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, "viewport" | "size" | "setSize" | "events" | "invalidate" | "advance" | "setEvents" | "setDpr" | "setFrameloop"> & {
+    state: import("@angular/core").InputSignal<Partial<Omit<NgtState, "setSize" | "setFrameloop" | "setDpr" | "events" | "setEvents" | "invalidate" | "advance" | "size" | "viewport"> & {
         events?: {
             enabled?: boolean;
             priority?: number;
@@ -58,7 +58,7 @@ export declare class NgtPortal {
     private raycaster;
     private pointer;
     private portalRendered;
-    protected renderAutoBeforeRender: import("@angular/core").Signal<boolean>;
+    protected shouldAutoRender: import("@angular/core").Signal<boolean>;
     private portalView?;
     constructor();
     private inject;

package/lib/utils/before-render.d.ts

@@ -1,5 +1,34 @@
 import { Injector } from '@angular/core';
 import { NgtBeforeRenderRecord } from '../types';
+/**
+ * `injectBeforeRender` invokes its callback on every frame. Hence, the notion of tracking
+ * changes (i.e: signals) does not really matter since we're getting latest values of the things we need on every frame anyway.
+ *
+ * If `priority` is dynamic, consumers should set up `injectBeforeRender` in
+ * an `effect` and track `priority` changes. Make use of `onCleanup` to clean up
+ * previous before render subscription
+ *
+ * @example
+ * ```ts
+ * const injector = inject(Injector);
+ *
+ * effect((onCleanup) => {
+ *   const priority = this.priority(); // track priority
+ *
+ *   const sub = injectBeforeRender(
+ *    ({ gl, camera }) => {
+ *      // before render logic
+ *    },
+ *    {
+ *      priority,
+ *      injector, // injector is needed since injectBeforeRender is invoked in effect body
+ *    }
+ *   });
+ *
+ *   onCleanup(() => sub());
+ * });
+ * ```
+ */
 export declare function injectBeforeRender(cb: NgtBeforeRenderRecord['callback'], { priority, injector }?: {
     priority?: number;
     injector?: Injector;

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): PerspectiveCamera | OrthographicCamera;
+export declare function makeCameraInstance(isOrthographic: boolean, size: NgtSize): OrthographicCamera | PerspectiveCamera;
 export type NgtObjectMap = {
     nodes: Record<string, Object3D<any>>;
     materials: Record<string, Material>;

package/nativescript/lib/canvas.d.ts

@@ -18,7 +18,6 @@ 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);
@@ -34,6 +33,7 @@ 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,7 +108,6 @@ 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);
@@ -124,6 +123,7 @@ 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,7 +227,6 @@ 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);
@@ -243,6 +242,7 @@ 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": "2.12.0",
+  "version": "2.14.0",
   "publishConfig": {
     "access": "public"
   },
@@ -22,10 +22,10 @@
   ],
   "license": "MIT",
   "peerDependencies": {
-    "@angular/common": ">=18.0.0 <19.0.0",
-    "@angular/core": ">=18.0.0 <19.0.0",
+    "@angular/common": ">=18.0.0 <20.0.0",
+    "@angular/core": ">=18.0.0 <20.0.0",
     "ngxtension": ">=3.0.0",
-    "three": ">=0.148.0 <0.171.0",
+    "three": ">=0.148.0 <0.172.0",
     "@nativescript/angular": ">=18.0.0 <19.0.0",
     "@nativescript/canvas": "2.0.0-webgpu.11",
     "@nativescript/canvas-three": "2.0.0-webgpu.11",

package/testing/lib/utils/web-gl-rendering-context.d.ts

@@ -9,7 +9,7 @@ export declare class WebGL2RenderingContext {
     private GL_VERSION;
     private SCISSOR_BOX;
     private VIEWPORT;
-    getParameter(paramId: number): string[] | number[] | undefined;
+    getParameter(paramId: number): number[] | string[] | undefined;
     getExtension(ext: string): any;
     getProgramInfoLog: () => string;
     getShaderInfoLog: () => string;