angular-three-soba 3.6.1 → 4.0.0-next.1

package/staging/lib/randomized-lights.d.ts

@@ -1,8 +1,8 @@
 import { ElementRef } from '@angular/core';
-import { NgtGroup } from 'angular-three';
-import { Group } from 'three';
+import { NgtThreeElements } from 'angular-three';
+import * as THREE from 'three';
 import * as i0 from "@angular/core";
-export interface NgtsRandomizedLightsOptions extends Partial<NgtGroup> {
+export interface NgtsRandomizedLightsOptions extends Partial<NgtThreeElements['ngt-group']> {
     /** How many frames it will jiggle the lights, 1.
      *  Frames is context aware, if a provider like AccumulativeShadows exists, frames will be taken from there!  */
     frames: number;
@@ -31,22 +31,22 @@ export interface NgtsRandomizedLightsOptions extends Partial<NgtGroup> {
 }
 export declare class NgtsRandomizedLights {
     options: import("@angular/core").InputSignalWithTransform<NgtsRandomizedLightsOptions, "" | Partial<NgtsRandomizedLightsOptions>>;
-    parameters: import("@angular/core").Signal<Omit<NgtsRandomizedLightsOptions, keyof NgtsRandomizedLightsOptions>>;
-    lightsRef: import("@angular/core").Signal<ElementRef<Group<import("three").Object3DEventMap>>>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsRandomizedLightsOptions, keyof NgtsRandomizedLightsOptions>>;
+    lightsRef: import("@angular/core").Signal<ElementRef<THREE.Group<THREE.Object3DEventMap>>>;
     private accumulativeShadows;
-    castShadow: import("@angular/core").Signal<boolean>;
-    bias: import("@angular/core").Signal<number>;
-    intensity: import("@angular/core").Signal<number>;
-    amount: import("@angular/core").Signal<number>;
+    protected castShadow: import("@angular/core").Signal<boolean>;
+    protected bias: import("@angular/core").Signal<number>;
+    protected intensity: import("@angular/core").Signal<number>;
+    protected amount: import("@angular/core").Signal<number>;
     private mapSize;
-    shadowMapSize: import("@angular/core").Signal<number[]>;
+    protected shadowMapSize: import("@angular/core").Signal<number[]>;
     private position;
-    length: import("@angular/core").Signal<number>;
-    count: import("@angular/core").Signal<number[]>;
+    private length;
+    protected count: import("@angular/core").Signal<number[]>;
     private size;
     private near;
     private far;
-    cameraArgs: import("@angular/core").Signal<number[]>;
+    protected cameraArgs: import("@angular/core").Signal<number[]>;
     constructor();
     update(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsRandomizedLights, never>;

package/staging/lib/render-texture.d.ts

@@ -1,8 +1,8 @@
 import { Injector, TemplateRef } from '@angular/core';
-import { NgtAttachable, NgtComputeFunction, NgtTexture } from 'angular-three';
-import { Object3D, Scene, WebGLRenderTarget } from 'three';
+import { NgtAttachable, NgtComputeFunction, NgtThreeElements } from 'angular-three';
+import * as THREE from 'three';
 import * as i0 from "@angular/core";
-export interface NgtsRenderTextureOptions extends Partial<Omit<NgtTexture, 'attach'>> {
+export interface NgtsRenderTextureOptions extends Partial<Omit<NgtThreeElements['ngt-texture'], 'attach'>> {
     /** Optional width of the texture, defaults to viewport bounds */
     width?: number;
     /** Optional height of the texture, defaults to viewport bounds */
@@ -25,18 +25,17 @@ export interface NgtsRenderTextureOptions extends Partial<Omit<NgtTexture, 'atta
     compute?: (event: any, state: any, previous: any) => false | undefined;
 }
 export declare class NgtsRenderTextureContainer {
-    fbo: import("@angular/core").InputSignal<WebGLRenderTarget<import("three").Texture>>;
+    fbo: import("@angular/core").InputSignal<THREE.WebGLRenderTarget<THREE.Texture>>;
     renderPriority: import("@angular/core").InputSignal<number>;
     frames: import("@angular/core").InputSignal<number>;
-    injector: import("@angular/core").InputSignal<Injector>;
     private store;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsRenderTextureContainer, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgtsRenderTextureContainer, "[ngtsRenderTextureContainer]", never, { "fbo": { "alias": "fbo"; "required": true; "isSignal": true; }; "renderPriority": { "alias": "renderPriority"; "required": true; "isSignal": true; }; "frames": { "alias": "frames"; "required": true; "isSignal": true; }; "injector": { "alias": "injector"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgtsRenderTextureContainer, "[renderTextureContainer]", never, { "fbo": { "alias": "fbo"; "required": true; "isSignal": true; }; "renderPriority": { "alias": "renderPriority"; "required": true; "isSignal": true; }; "frames": { "alias": "frames"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class NgtsRenderTextureContent {
     static ngTemplateContextGuard(_: NgtsRenderTextureContent, ctx: unknown): ctx is {
-        container: Object3D;
+        container: THREE.Object3D;
         injector: Injector;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsRenderTextureContent, never>;
@@ -45,20 +44,25 @@ export declare class NgtsRenderTextureContent {
 export declare class NgtsRenderTexture {
     attach: import("@angular/core").InputSignal<NgtAttachable>;
     options: import("@angular/core").InputSignalWithTransform<NgtsRenderTextureOptions, "" | Partial<NgtsRenderTextureOptions>>;
-    parameters: import("@angular/core").Signal<Omit<NgtsRenderTextureOptions, "frames" | "width" | "height" | "depthBuffer" | "stencilBuffer" | "samples" | "generateMipmaps" | "renderPriority" | "eventPriority" | "compute">>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsRenderTextureOptions, "width" | "height" | "frames" | "depthBuffer" | "stencilBuffer" | "generateMipmaps" | "samples" | "renderPriority" | "eventPriority" | "compute">>;
     content: import("@angular/core").Signal<TemplateRef<any>>;
     private store;
-    private size;
-    private viewport;
+    private width;
+    private height;
+    private samples;
+    private stencilBuffer;
+    private depthBuffer;
+    private generateMipmaps;
+    private computeFn;
     private fboParams;
-    renderPriority: import("@angular/core").Signal<number>;
-    frames: import("@angular/core").Signal<number>;
-    fbo: import("@angular/core").Signal<WebGLRenderTarget<import("three").Texture>>;
-    virtualScene: import("@angular/core").Signal<import("angular-three").NgtInstanceNode<Scene>>;
-    eventPriority: import("@angular/core").Signal<number>;
-    compute: import("@angular/core").Signal<NgtComputeFunction>;
+    protected renderPriority: import("@angular/core").Signal<number>;
+    protected frames: import("@angular/core").Signal<number>;
+    protected fbo: import("@angular/core").Signal<THREE.WebGLRenderTarget<THREE.Texture>>;
+    protected virtualScene: THREE.Scene;
+    protected eventPriority: import("@angular/core").Signal<number>;
+    protected compute: import("@angular/core").Signal<NgtComputeFunction>;
     private uvCompute;
-    onPointerOver(): void;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsRenderTexture, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgtsRenderTexture, "ngts-render-texture", never, { "attach": { "alias": "attach"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, ["content"], never, true, never>;
 }

package/staging/lib/sky.d.ts

@@ -1,9 +1,9 @@
-import { NgtMesh, NgtVector3 } from 'angular-three';
-import { Vector3 } from 'three';
+import { NgtThreeElements, NgtVector3 } from 'angular-three';
+import * as THREE from 'three';
 import { Sky } from 'three-stdlib';
 import * as i0 from "@angular/core";
-export declare function calcPosFromAngles(inclination: number, azimuth: number, vector?: Vector3): Vector3;
-export interface NgtsSkyOptions extends Partial<Omit<NgtMesh, 'scale'>> {
+export declare function calcPosFromAngles(inclination: number, azimuth: number, vector?: THREE.Vector3): THREE.Vector3;
+export interface NgtsSkyOptions extends Partial<Omit<NgtThreeElements['ngt-mesh'], 'scale'>> {
     distance: number;
     inclination: number;
     azimuth: number;
@@ -15,18 +15,18 @@ export interface NgtsSkyOptions extends Partial<Omit<NgtMesh, 'scale'>> {
 }
 export declare class NgtsSky {
     options: import("@angular/core").InputSignalWithTransform<NgtsSkyOptions, "" | Partial<NgtsSkyOptions>>;
-    parameters: import("@angular/core").Signal<Omit<NgtsSkyOptions, "distance" | "inclination" | "azimuth" | "mieCoefficient" | "mieDirectionalG" | "turbidity" | "sunPosition">>;
-    distance: import("@angular/core").Signal<number>;
-    turbidity: import("@angular/core").Signal<number>;
-    mieCoefficient: import("@angular/core").Signal<number>;
-    mieDirectionalG: import("@angular/core").Signal<number>;
-    rayleigh: import("@angular/core").Signal<number>;
-    scale: import("@angular/core").Signal<Vector3>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsSkyOptions, "distance" | "inclination" | "azimuth" | "sunPosition" | "turbidity" | "mieCoefficient" | "mieDirectionalG">>;
+    private distance;
+    protected turbidity: import("@angular/core").Signal<number>;
+    protected mieCoefficient: import("@angular/core").Signal<number>;
+    protected mieDirectionalG: import("@angular/core").Signal<number>;
+    protected rayleigh: import("@angular/core").Signal<number>;
+    protected scale: import("@angular/core").Signal<THREE.Vector3>;
     private inclination;
     private azimuth;
     private sunPosition;
-    calculatedSunPosition: import("@angular/core").Signal<Vector3>;
-    sky: Sky;
+    protected calculatedSunPosition: import("@angular/core").Signal<THREE.Vector3>;
+    protected sky: Sky;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsSky, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgtsSky, "ngts-sky", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/staging/lib/spot-light.d.ts

@@ -1,51 +1,51 @@
 import { ElementRef } from '@angular/core';
-import { NgtSpotLight } from 'angular-three';
-import { ColorRepresentation, CylinderGeometry, DepthTexture, Mesh, ShaderMaterial, SpotLight, SpotLightHelper, Texture, Vector3 } from 'three';
+import { NgtThreeElements } from 'angular-three';
+import * as THREE from 'three';
 import * as i0 from "@angular/core";
-export interface NgtsSpotLightOptions extends Partial<NgtSpotLight> {
-    depthBuffer?: DepthTexture;
+export interface NgtsSpotLightOptions extends Partial<NgtThreeElements['ngt-spot-light']> {
+    depthBuffer?: THREE.DepthTexture;
     attenuation?: number;
     anglePower?: number;
     radiusTop?: number;
     radiusBottom?: number;
     opacity?: number;
-    color?: ColorRepresentation;
+    color?: THREE.ColorRepresentation;
     volumetric?: boolean;
     debug?: boolean;
 }
 export type NgtsVolumetricMeshOptions = Omit<NgtsSpotLightOptions, 'volumetric'>;
 export declare class NgtsVolumetricMesh {
     options: import("@angular/core").InputSignalWithTransform<NgtsVolumetricMeshOptions, "" | Partial<NgtsVolumetricMeshOptions>>;
-    meshRef: import("@angular/core").Signal<ElementRef<Mesh<import("three").BufferGeometry<import("three").NormalBufferAttributes>, import("three").Material | import("three").Material[], import("three").Object3DEventMap>>>;
+    meshRef: import("@angular/core").Signal<ElementRef<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>>;
     private store;
-    size: import("@angular/core").Signal<import("angular-three").NgtSize>;
-    dpr: import("@angular/core").Signal<number>;
-    camera: import("@angular/core").Signal<import("angular-three").NgtCameraManual>;
+    protected size: import("angular-three").DeepSignal<import("angular-three").NgtSize>;
+    protected dpr: import("angular-three").Signal<number>;
+    protected camera: import("angular-three").DeepSignal<import("angular-three").NgtCamera>;
     private radiusTop;
     private radiusBottom;
     private angle;
     private distance;
     private normalizedRadiusTop;
     private normalizedRadiusBottom;
-    material: ShaderMaterial & {
-        depth: Texture | null;
+    protected material: THREE.ShaderMaterial & {
+        depth: THREE.Texture | null;
         opacity: number;
         attenuation: number;
         anglePower: number;
-        spotPosition: Vector3;
-        lightColor: import("three").Color;
+        spotPosition: THREE.Vector3;
+        lightColor: THREE.Color;
         cameraNear: number;
         cameraFar: number;
-        resolution: import("three").Vector2;
+        resolution: THREE.Vector2;
         transparent: boolean;
         depthWrite: boolean;
     };
-    opacity: import("@angular/core").Signal<number | undefined>;
-    color: import("@angular/core").Signal<ColorRepresentation | undefined>;
-    attenuation: import("@angular/core").Signal<number | undefined>;
-    anglePower: import("@angular/core").Signal<number | undefined>;
-    depthBuffer: import("@angular/core").Signal<DepthTexture | undefined>;
-    geometry: import("@angular/core").Signal<CylinderGeometry>;
+    protected opacity: import("@angular/core").Signal<number | undefined>;
+    protected color: import("@angular/core").Signal<THREE.ColorRepresentation | undefined>;
+    protected attenuation: import("@angular/core").Signal<number | undefined>;
+    protected anglePower: import("@angular/core").Signal<number | undefined>;
+    protected depthBuffer: import("@angular/core").Signal<THREE.DepthTexture | undefined>;
+    protected geometry: import("@angular/core").Signal<THREE.CylinderGeometry>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsVolumetricMesh, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgtsVolumetricMesh, "ngts-volumetric-mesh", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -56,23 +56,23 @@ interface NgtsShadowMeshOptions {
     scale: number;
     width: number;
     height: number;
-    map?: Texture;
+    map?: THREE.Texture;
 }
 export declare class NgtsSpotLightShadowShader {
     protected readonly DoubleSide: 2;
     shader: import("@angular/core").InputSignal<string>;
     options: import("@angular/core").InputSignalWithTransform<NgtsShadowMeshOptions, "" | Partial<NgtsShadowMeshOptions>>;
-    mesh: import("@angular/core").Signal<ElementRef<Mesh<import("three").BufferGeometry<import("three").NormalBufferAttributes>, import("three").Material | import("three").Material[], import("three").Object3DEventMap>>>;
+    meshRef: import("@angular/core").Signal<ElementRef<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>>;
     private spotLight;
-    debug: import("@angular/core").Signal<boolean | undefined>;
-    scale: import("@angular/core").Signal<number>;
-    alphaTest: import("@angular/core").Signal<number>;
+    protected debug: import("@angular/core").Signal<boolean | undefined>;
+    protected scale: import("@angular/core").Signal<number>;
+    protected alphaTest: import("@angular/core").Signal<number>;
     private width;
     private height;
     private map;
     private distance;
     private renderTarget;
-    texture: import("@angular/core").Signal<Texture>;
+    protected texture: import("@angular/core").Signal<THREE.Texture>;
     private fsQuad;
     private uniforms;
     constructor();
@@ -82,12 +82,12 @@ export declare class NgtsSpotLightShadowShader {
 export declare class NgtsSpotLightShadowNoShader {
     protected readonly DoubleSide: 2;
     options: import("@angular/core").InputSignalWithTransform<NgtsShadowMeshOptions, "" | Partial<NgtsShadowMeshOptions>>;
-    mesh: import("@angular/core").Signal<ElementRef<Mesh<import("three").BufferGeometry<import("three").NormalBufferAttributes>, import("three").Material | import("three").Material[], import("three").Object3DEventMap>>>;
+    meshRef: import("@angular/core").Signal<ElementRef<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>>;
     private spotLight;
-    debug: import("@angular/core").Signal<boolean | undefined>;
-    alphaTest: import("@angular/core").Signal<number>;
-    scale: import("@angular/core").Signal<number>;
-    map: import("@angular/core").Signal<Texture | undefined>;
+    protected debug: import("@angular/core").Signal<boolean | undefined>;
+    protected alphaTest: import("@angular/core").Signal<number>;
+    protected scale: import("@angular/core").Signal<number>;
+    protected map: import("@angular/core").Signal<THREE.Texture | undefined>;
     private width;
     private height;
     private distance;
@@ -102,16 +102,16 @@ export declare class NgtsSpotLightShadow {
     static ɵcmp: i0.ɵɵComponentDeclaration<NgtsSpotLightShadow, "ngts-spot-light-shadow", never, { "shader": { "alias": "shader"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class NgtsSpotLight {
-    protected readonly SpotLightHelper: typeof SpotLightHelper;
+    protected readonly SpotLightHelper: typeof THREE.SpotLightHelper;
     options: import("@angular/core").InputSignalWithTransform<NgtsSpotLightOptions, "" | Partial<NgtsSpotLightOptions>>;
-    parameters: import("@angular/core").Signal<Omit<NgtsSpotLightOptions, "opacity" | "color" | "distance" | "debug" | "depthBuffer" | "angle" | "attenuation" | "anglePower" | "radiusTop" | "radiusBottom" | "volumetric">>;
-    volumetricOptions: import("@angular/core").Signal<Pick<NgtsSpotLightOptions, "opacity" | "color" | "distance" | "debug" | "depthBuffer" | "angle" | "attenuation" | "anglePower" | "radiusTop" | "radiusBottom">>;
-    spotLight: import("@angular/core").Signal<ElementRef<SpotLight>>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsSpotLightOptions, "opacity" | "color" | "volumetric" | "distance" | "angle" | "depthBuffer" | "attenuation" | "anglePower" | "radiusTop" | "radiusBottom" | "debug">>;
+    protected volumetricOptions: import("@angular/core").Signal<Pick<NgtsSpotLightOptions, "opacity" | "color" | "distance" | "angle" | "depthBuffer" | "attenuation" | "anglePower" | "radiusTop" | "radiusBottom" | "debug">>;
+    spotLightRef: import("@angular/core").Signal<ElementRef<THREE.SpotLight>>;
     debug: import("@angular/core").Signal<boolean | undefined>;
-    angle: import("@angular/core").Signal<number | undefined>;
-    color: import("@angular/core").Signal<ColorRepresentation | undefined>;
-    distance: import("@angular/core").Signal<number | undefined>;
-    volumetric: import("@angular/core").Signal<boolean | undefined>;
+    protected angle: import("@angular/core").Signal<Readonly<number | undefined>>;
+    protected color: import("@angular/core").Signal<THREE.ColorRepresentation | undefined>;
+    protected distance: import("@angular/core").Signal<Readonly<number | undefined>>;
+    protected volumetric: import("@angular/core").Signal<boolean | undefined>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsSpotLight, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgtsSpotLight, "ngts-spot-light", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;