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

package/fesm2022/angular-three-soba-stats.mjs

@@ -17,13 +17,12 @@ class NgtsStats {
         const domClass = pick(this.options, 'domClass');
         const document = inject(DOCUMENT);
         const store = injectStore();
-        const gl = store.select('gl');
         const stats = computed(() => {
-            const _gl = gl();
-            if (!_gl)
+            const gl = store.gl();
+            if (!gl)
                 return null;
             const stats = new Stats({ ...untracked(statsOptions) });
-            void stats.init(_gl);
+            void stats.init(gl);
             return stats;
         });
         effect((onCleanup) => {

package/fesm2022/angular-three-soba-stats.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"angular-three-soba-stats.mjs","sources":["../../../../libs/soba/stats/src/lib/stats.ts","../../../../libs/soba/stats/src/angular-three-soba-stats.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport { computed, Directive, effect, ElementRef, inject, input, untracked } from '@angular/core';\nimport { addAfterEffect, injectStore, omit, pick, resolveRef } from 'angular-three';\nimport { mergeInputs } from 'ngxtension/inject-inputs';\nimport Stats from 'stats-gl';\n\nexport type NgtsStatsOptions = Partial<Stats> & {\n\tshowPanel?: number;\n\tdomClass: string;\n\tparent: ElementRef<HTMLElement> | HTMLElement | null | undefined;\n};\n\nconst defaultOptions: NgtsStatsOptions = {\n\tdomClass: '',\n\tparent: null,\n};\n\n@Directive({ selector: 'ngt-canvas[stats]' })\nexport class NgtsStats {\n\toptions = input(defaultOptions, { transform: mergeInputs(defaultOptions), alias: 'stats' });\n\n\tconstructor() {\n\t\tconst statsOptions = omit(this.options, ['parent', 'domClass']);\n\t\tconst parent = pick(this.options, 'parent');\n\t\tconst domClass = pick(this.options, 'domClass');\n\n\t\tconst document = inject(DOCUMENT);\n\t\tconst store = injectStore();\n\t\tconst gl = store.select('gl');\n\n\t\tconst stats = computed(() => {\n\t\t\tconst _gl = gl();\n\t\t\tif (!_gl) return null;\n\n\t\t\tconst stats = new Stats({ ...untracked(statsOptions) });\n\t\t\tvoid stats.init(_gl);\n\t\t\treturn stats;\n\t\t});\n\n\t\teffect((onCleanup) => {\n\t\t\tconst _stats = stats();\n\t\t\tif (!_stats) return;\n\n\t\t\tconst [_parent, _domClass] = [resolveRef(parent()), domClass()];\n\t\t\tconst target = _parent ?? document.body;\n\t\t\ttarget.appendChild(_stats.dom);\n\t\t\tconst classList = _domClass.split(' ').filter(Boolean);\n\t\t\tif (classList.length) _stats.dom.classList.add(...classList);\n\t\t\tconst end = addAfterEffect(() => _stats.update());\n\n\t\t\tonCleanup(() => {\n\t\t\t\tif (classList.length) _stats.dom.classList.remove(...classList);\n\t\t\t\ttarget.removeChild(_stats.dom);\n\t\t\t\tend();\n\t\t\t});\n\t\t});\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"angular-three-soba-stats.mjs","sources":["../../../../libs/soba/stats/src/lib/stats.ts","../../../../libs/soba/stats/src/angular-three-soba-stats.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport { computed, Directive, effect, ElementRef, inject, input, untracked } from '@angular/core';\nimport { addAfterEffect, injectStore, omit, pick, resolveRef } from 'angular-three';\nimport { mergeInputs } from 'ngxtension/inject-inputs';\nimport Stats from 'stats-gl';\n\nexport type NgtsStatsOptions = Partial<Stats> & {\n\tshowPanel?: number;\n\tdomClass: string;\n\tparent: ElementRef<HTMLElement> | HTMLElement | null | undefined;\n};\n\nconst defaultOptions: NgtsStatsOptions = {\n\tdomClass: '',\n\tparent: null,\n};\n\n@Directive({ selector: 'ngt-canvas[stats]' })\nexport class NgtsStats {\n\toptions = input(defaultOptions, { transform: mergeInputs(defaultOptions), alias: 'stats' });\n\n\tconstructor() {\n\t\tconst statsOptions = omit(this.options, ['parent', 'domClass']);\n\t\tconst parent = pick(this.options, 'parent');\n\t\tconst domClass = pick(this.options, 'domClass');\n\n\t\tconst document = inject(DOCUMENT);\n\t\tconst store = injectStore();\n\n\t\tconst stats = computed(() => {\n\t\t\tconst gl = store.gl();\n\t\t\tif (!gl) return null;\n\n\t\t\tconst stats = new Stats({ ...untracked(statsOptions) });\n\t\t\tvoid stats.init(gl);\n\t\t\treturn stats;\n\t\t});\n\n\t\teffect((onCleanup) => {\n\t\t\tconst _stats = stats();\n\t\t\tif (!_stats) return;\n\n\t\t\tconst [_parent, _domClass] = [resolveRef(parent()), domClass()];\n\t\t\tconst target = _parent ?? document.body;\n\t\t\ttarget.appendChild(_stats.dom);\n\t\t\tconst classList = _domClass.split(' ').filter(Boolean);\n\t\t\tif (classList.length) _stats.dom.classList.add(...classList);\n\t\t\tconst end = addAfterEffect(() => _stats.update());\n\n\t\t\tonCleanup(() => {\n\t\t\t\tif (classList.length) _stats.dom.classList.remove(...classList);\n\t\t\t\ttarget.removeChild(_stats.dom);\n\t\t\t\tend();\n\t\t\t});\n\t\t});\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAYA,MAAM,cAAc,GAAqB;AACxC,IAAA,QAAQ,EAAE,EAAE;AACZ,IAAA,MAAM,EAAE,IAAI;CACZ;MAGY,SAAS,CAAA;AAGrB,IAAA,WAAA,GAAA;AAFA,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,cAAc,EAAE,EAAE,SAAS,EAAE,WAAW,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;AAG1F,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAC/D,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC;QAC3C,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,UAAU,CAAC;AAE/C,QAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AACjC,QAAA,MAAM,KAAK,GAAG,WAAW,EAAE;AAE3B,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAK;AAC3B,YAAA,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,EAAE;AACrB,YAAA,IAAI,CAAC,EAAE;AAAE,gBAAA,OAAO,IAAI;AAEpB,YAAA,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,EAAE,GAAG,SAAS,CAAC,YAAY,CAAC,EAAE,CAAC;AACvD,YAAA,KAAK,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;AACnB,YAAA,OAAO,KAAK;AACb,SAAC,CAAC;AAEF,QAAA,MAAM,CAAC,CAAC,SAAS,KAAI;AACpB,YAAA,MAAM,MAAM,GAAG,KAAK,EAAE;AACtB,YAAA,IAAI,CAAC,MAAM;gBAAE;AAEb,YAAA,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC;AAC/D,YAAA,MAAM,MAAM,GAAG,OAAO,IAAI,QAAQ,CAAC,IAAI;AACvC,YAAA,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC;AAC9B,YAAA,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;YACtD,IAAI,SAAS,CAAC,MAAM;gBAAE,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;AAC5D,YAAA,MAAM,GAAG,GAAG,cAAc,CAAC,MAAM,MAAM,CAAC,MAAM,EAAE,CAAC;YAEjD,SAAS,CAAC,MAAK;gBACd,IAAI,SAAS,CAAC,MAAM;oBAAE,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;AAC/D,gBAAA,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC;AAC9B,gBAAA,GAAG,EAAE;AACN,aAAC,CAAC;AACH,SAAC,CAAC;;8GApCS,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAT,SAAS,EAAA,UAAA,EAAA,CAAA;kBADrB,SAAS;mBAAC,EAAE,QAAQ,EAAE,mBAAmB,EAAE;;;ACjB5C;;AAEG;;;;"}

package/gizmos/lib/gizmo-helper/gizmo-helper.d.ts

@@ -1,9 +1,10 @@
-import { Signal, TemplateRef } from '@angular/core';
-import { Object3D, Scene, Vector3 } from 'three';
+import { Injector, TemplateRef } from '@angular/core';
+import * as THREE from 'three';
 import * as i0 from "@angular/core";
 export declare class NgtsGizmoHelperContent {
     static ngTemplateContextGuard(_: NgtsGizmoHelperContent, ctx: unknown): ctx is {
-        container: Object3D;
+        container: THREE.Object3D;
+        injector: Injector;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsGizmoHelperContent, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgtsGizmoHelperContent, "ng-template[gizmoHelperContent]", never, {}, {}, never, never, true, never>;
@@ -17,26 +18,22 @@ export interface NgtsGizmoHelperOptions {
 export declare class NgtsGizmoHelper {
     options: import("@angular/core").InputSignalWithTransform<NgtsGizmoHelperOptions, "" | Partial<NgtsGizmoHelperOptions>>;
     update: import("@angular/core").OutputEmitterRef<void>;
-    protected renderPriority: Signal<number>;
-    protected margin: Signal<[number, number]>;
-    protected alignment: Signal<"top-left" | "top-right" | "bottom-right" | "bottom-left" | "bottom-center" | "center-right" | "center-left" | "center-center" | "top-center">;
-    protected scene: Scene;
-    protected content: Signal<TemplateRef<any>>;
+    protected renderPriority: import("@angular/core").Signal<number>;
+    protected margin: import("@angular/core").Signal<[number, number]>;
+    protected alignment: import("@angular/core").Signal<"top-left" | "top-right" | "bottom-right" | "bottom-left" | "bottom-center" | "center-right" | "center-left" | "center-center" | "top-center">;
+    protected scene: THREE.Scene;
+    protected content: import("@angular/core").Signal<TemplateRef<any>>;
     private gizmoRef;
     private virtualCameraRef;
     private store;
-    private size;
-    private mainCamera;
-    private defaultControls;
-    private invalidate;
-    protected x: Signal<number>;
-    protected y: Signal<number>;
+    protected x: import("@angular/core").Signal<number>;
+    protected y: import("@angular/core").Signal<number>;
     private animating;
     private radius;
     private focusPoint;
     private defaultUp;
     constructor();
-    tweenCamera(direction: Vector3): void;
+    tweenCamera(direction: THREE.Vector3): void;
     private updateDefaultUpEffect;
     private isOrbitControls;
     private isCameraControls;

package/gizmos/lib/gizmo-helper/gizmo-viewcube.d.ts

@@ -1,5 +1,5 @@
 import { NgtThreeEvent } from 'angular-three';
-import { CanvasTexture, Vector3 } from 'three';
+import * as THREE from 'three';
 import * as i0 from "@angular/core";
 type XYZ = [number, number, number];
 export interface NgtsViewcubeCommonOptions {
@@ -23,10 +23,9 @@ export declare class FaceMaterial {
     private hoverColor;
     private document;
     private store;
-    private gl;
     protected opacity: import("@angular/core").Signal<number>;
     protected materialColor: import("@angular/core").Signal<string>;
-    protected texture: import("@angular/core").Signal<CanvasTexture>;
+    protected texture: import("@angular/core").Signal<THREE.CanvasTexture>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<FaceMaterial, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FaceMaterial, "viewcube-face-material", never, { "hover": { "alias": "hover"; "required": true; "isSignal": true; }; "index": { "alias": "index"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -45,7 +44,7 @@ export declare class FaceCube {
 }
 export declare class EdgeCube {
     dimensions: import("@angular/core").InputSignal<XYZ>;
-    position: import("@angular/core").InputSignal<Vector3>;
+    position: import("@angular/core").InputSignal<THREE.Vector3>;
     hoverColor: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
     onClick: import("@angular/core").InputSignal<((event: NgtThreeEvent<MouseEvent>) => void) | undefined>;
     private gizmoHelper;
@@ -61,9 +60,9 @@ export declare class NgtsGizmoViewcube {
     options: import("@angular/core").InputSignal<Partial<Partial<NgtsViewcubeCommonOptions>>>;
     click: import("@angular/core").OutputEmitterRef<NgtThreeEvent<MouseEvent>>;
     protected hoverColor: import("@angular/core").Signal<string | undefined>;
-    protected corners: Vector3[];
+    protected corners: THREE.Vector3[];
     protected cornerDimensions: XYZ;
-    protected edges: Vector3[];
+    protected edges: THREE.Vector3[];
     protected edgeDimensions: XYZ[];
     constructor();
     protected get onClick(): ((value: NgtThreeEvent<MouseEvent>) => void) | undefined;

package/gizmos/lib/gizmo-helper/gizmo-viewport.d.ts

@@ -1,17 +1,17 @@
-import { NgtGroup, NgtThreeEvent, NgtVector3 } from 'angular-three';
-import { CanvasTexture, ColorRepresentation } from 'three';
+import { NgtThreeElements, NgtThreeEvent } from 'angular-three';
+import * as THREE from 'three';
 import * as i0 from "@angular/core";
 export declare class Axis {
     scale: import("@angular/core").InputSignalWithTransform<number[], [number, number, number] | undefined>;
-    color: import("@angular/core").InputSignal<ColorRepresentation | undefined>;
-    rotation: import("@angular/core").InputSignal<NgtVector3>;
+    color: import("@angular/core").InputSignal<THREE.ColorRepresentation | undefined>;
+    rotation: import("@angular/core").InputSignal<number | THREE.Euler | [x: number, y: number, z: number, order?: THREE.EulerOrder | undefined]>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<Axis, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<Axis, "viewport-axis", never, { "scale": { "alias": "scale"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "rotation": { "alias": "rotation"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class AxisHead {
     arcStyle: import("@angular/core").InputSignal<string>;
-    position: import("@angular/core").InputSignal<NgtVector3>;
+    position: import("@angular/core").InputSignal<number | THREE.Vector3 | [x: number, y: number, z: number]>;
     label: import("@angular/core").InputSignal<string | undefined>;
     labelColor: import("@angular/core").InputSignal<string>;
     axisHeadScale: import("@angular/core").InputSignal<number>;
@@ -21,8 +21,7 @@ export declare class AxisHead {
     private document;
     private gizmoHelper;
     private store;
-    private gl;
-    protected texture: import("@angular/core").Signal<CanvasTexture>;
+    protected texture: import("@angular/core").Signal<THREE.CanvasTexture>;
     protected active: import("@angular/core").WritableSignal<boolean>;
     protected scale: import("@angular/core").Signal<number>;
     constructor();
@@ -32,7 +31,7 @@ export declare class AxisHead {
     static ɵfac: i0.ɵɵFactoryDeclaration<AxisHead, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AxisHead, "viewport-axis-head", never, { "arcStyle": { "alias": "arcStyle"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelColor": { "alias": "labelColor"; "required": false; "isSignal": true; }; "axisHeadScale": { "alias": "axisHeadScale"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "font": { "alias": "font"; "required": false; "isSignal": true; }; "onClick": { "alias": "onClick"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-export interface NgtsGizmoViewportOptions extends Partial<NgtGroup> {
+export interface NgtsGizmoViewportOptions extends Partial<NgtThreeElements['ngt-group']> {
     axisColors: [string, string, string];
     axisScale?: [number, number, number];
     labels: [string, string, string];
@@ -46,7 +45,7 @@ export interface NgtsGizmoViewportOptions extends Partial<NgtGroup> {
 export declare class NgtsGizmoViewport {
     protected readonly Math: Math;
     options: import("@angular/core").InputSignalWithTransform<NgtsGizmoViewportOptions, "" | Partial<NgtsGizmoViewportOptions>>;
-    parameters: import("@angular/core").Signal<Omit<NgtsGizmoViewportOptions, "font" | "axisColors" | "axisScale" | "labels" | "axisHeadScale" | "labelColor" | "hideNegativeAxes" | "hideAxisHeads" | "disabled">>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsGizmoViewportOptions, "axisColors" | "axisScale" | "labels" | "axisHeadScale" | "labelColor" | "hideNegativeAxes" | "hideAxisHeads" | "disabled" | "font">>;
     click: import("@angular/core").OutputEmitterRef<NgtThreeEvent<MouseEvent>>;
     protected axisColors: import("@angular/core").Signal<[string, string, string]>;
     protected axisScale: import("@angular/core").Signal<[number, number, number] | undefined>;

package/gizmos/lib/pivot-controls/axis-arrow.d.ts

@@ -1,26 +1,24 @@
-import { ElementRef, Signal } from '@angular/core';
 import { NgtThreeEvent } from 'angular-three';
-import { Group, Matrix4, Vector3 } from 'three';
+import * as THREE from 'three';
 import { NgtsPivotControls } from './pivot-controls';
 import * as i0 from "@angular/core";
-export declare function calculateOffset(clickPoint: Vector3, normal: Vector3, rayStart: Vector3, rayDir: Vector3): number;
+export declare function calculateOffset(clickPoint: THREE.Vector3, normal: THREE.Vector3, rayStart: THREE.Vector3, rayDir: THREE.Vector3): number;
 export declare class NgtsAxisArrow {
     protected readonly DoubleSide: 2;
-    direction: import("@angular/core").InputSignal<Vector3>;
+    direction: import("@angular/core").InputSignal<THREE.Vector3>;
     axis: import("@angular/core").InputSignal<0 | 2 | 1>;
-    groupRef: Signal<ElementRef<Group<import("three").Object3DEventMap>>>;
-    annotationRef: Signal<ElementRef<HTMLDivElement> | undefined>;
-    pivotControls: NgtsPivotControls;
+    private groupRef;
+    private annotationRef;
+    protected pivotControls: NgtsPivotControls;
     private store;
-    private controls;
     private hovered;
     private clickInfo;
     private offset0;
-    color: Signal<string | number>;
-    coneWidth: Signal<number>;
-    coneLength: Signal<number>;
-    cylinderLength: Signal<number>;
-    matrixL: Signal<Matrix4>;
+    protected color: import("@angular/core").Signal<string | number>;
+    protected coneWidth: import("@angular/core").Signal<number>;
+    protected coneLength: import("@angular/core").Signal<number>;
+    protected cylinderLength: import("@angular/core").Signal<number>;
+    protected matrixL: import("@angular/core").Signal<THREE.Matrix4>;
     constructor();
     onPointerDown(event: NgtThreeEvent<PointerEvent>): void;
     onPointerUp(event: NgtThreeEvent<PointerEvent>): void;

package/gizmos/lib/pivot-controls/axis-rotator.d.ts

@@ -1,25 +1,24 @@
-import { ElementRef, Signal } from '@angular/core';
+import { ElementRef } from '@angular/core';
 import { NgtThreeEvent } from 'angular-three';
-import { Group, Matrix4, Vector3 } from 'three';
+import * as THREE from 'three';
 import { NgtsPivotControls } from './pivot-controls';
 import * as i0 from "@angular/core";
 export declare class NgtsAxisRotator {
     protected readonly DoubleSide: 2;
-    dir1: import("@angular/core").InputSignal<Vector3>;
-    dir2: import("@angular/core").InputSignal<Vector3>;
+    dir1: import("@angular/core").InputSignal<THREE.Vector3>;
+    dir2: import("@angular/core").InputSignal<THREE.Vector3>;
     axis: import("@angular/core").InputSignal<0 | 2 | 1>;
-    groupRef: Signal<ElementRef<Group<import("three").Object3DEventMap>>>;
-    annotationRef: Signal<ElementRef<HTMLDivElement> | undefined>;
-    pivotControls: NgtsPivotControls;
+    groupRef: import("@angular/core").Signal<ElementRef<THREE.Group<THREE.Object3DEventMap>>>;
+    annotationRef: import("@angular/core").Signal<ElementRef<HTMLDivElement> | undefined>;
+    protected pivotControls: NgtsPivotControls;
     private store;
-    private controls;
-    hovered: import("@angular/core").WritableSignal<boolean>;
+    protected hovered: import("@angular/core").WritableSignal<boolean>;
     private angle;
     private angle0;
     private clickInfo;
-    matrixL: Signal<Matrix4>;
-    r: Signal<number>;
-    arc: Signal<Vector3[]>;
+    protected matrixL: import("@angular/core").Signal<THREE.Matrix4>;
+    protected r: import("@angular/core").Signal<number>;
+    protected arc: import("@angular/core").Signal<THREE.Vector3[]>;
     constructor();
     onPointerDown(event: NgtThreeEvent<PointerEvent>): void;
     onPointerMove(event: NgtThreeEvent<PointerEvent>): void;

package/gizmos/lib/pivot-controls/pivot-controls.d.ts

@@ -1,18 +1,18 @@
 import { ElementRef } from '@angular/core';
 import { NgtAnyRecord } from 'angular-three';
-import { Group, Matrix4, Vector3 } from 'three';
+import * as THREE from 'three';
 import * as i0 from "@angular/core";
 export interface OnDragStartParameters {
     component: 'Arrow' | 'Slider' | 'Rotator' | 'Sphere';
     axis: 0 | 1 | 2;
-    origin: Vector3;
-    directions: Vector3[];
+    origin: THREE.Vector3;
+    directions: THREE.Vector3[];
 }
 export interface OnDragParameters {
-    l: Matrix4;
-    deltaL: Matrix4;
-    w: Matrix4;
-    deltaW: Matrix4;
+    l: THREE.Matrix4;
+    deltaL: THREE.Matrix4;
+    w: THREE.Matrix4;
+    deltaW: THREE.Matrix4;
 }
 export interface NgtsPivotControlsOptions {
     /** Enables/disables the control, true */
@@ -28,7 +28,7 @@ export interface NgtsPivotControlsOptions {
     /** Starting rotation */
     rotation: [number, number, number];
     /** Starting matrix */
-    matrix?: Matrix4;
+    matrix?: THREE.Matrix4;
     /** BBAnchor, each axis can be between -1/0/+1 */
     anchor?: [number, number, number];
     /** If autoTransform is true, automatically apply the local transform on drag, true */
@@ -60,17 +60,26 @@ export interface NgtsPivotControlsOptions {
 }
 export declare class NgtsPivotControls {
     options: import("@angular/core").InputSignalWithTransform<NgtsPivotControlsOptions, "" | Partial<NgtsPivotControlsOptions>>;
-    parameters: import("@angular/core").Signal<Omit<NgtsPivotControlsOptions, "opacity" | "scale" | "rotation" | "matrix" | "anchor" | "fixed" | "visible" | "userData" | "axisColors" | "hoveredColor" | "enabled" | "lineWidth" | "offset" | "autoTransform" | "activeAxes" | "disableAxes" | "disableSliders" | "disableRotations" | "disableScaling" | "translationLimits" | "rotationLimits" | "scaleLimits" | "annotations" | "annotationsClass" | "depthTest">>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsPivotControlsOptions, "anchor" | "fixed" | "visible" | "rotation" | "scale" | "matrix" | "userData" | "enabled" | "autoTransform" | "disableAxes" | "disableSliders" | "disableRotations" | "disableScaling" | "activeAxes" | "offset" | "lineWidth" | "translationLimits" | "rotationLimits" | "scaleLimits" | "depthTest" | "axisColors" | "hoveredColor" | "annotations" | "annotationsClass" | "opacity">>;
     dragStarted: import("@angular/core").OutputEmitterRef<OnDragStartParameters>;
     dragEnded: import("@angular/core").OutputEmitterRef<void>;
     dragged: import("@angular/core").OutputEmitterRef<OnDragParameters>;
-    matrix: import("@angular/core").Signal<Matrix4 | undefined>;
+    private autoTransform;
+    protected matrix: import("@angular/core").Signal<THREE.Matrix4 | undefined>;
+    protected offset: import("@angular/core").Signal<[number, number, number]>;
+    protected rotation: import("@angular/core").Signal<[number, number, number]>;
+    protected visible: import("@angular/core").Signal<boolean>;
+    protected enabled: import("@angular/core").Signal<boolean>;
+    protected disableAxes: import("@angular/core").Signal<boolean>;
+    protected disableSliders: import("@angular/core").Signal<boolean>;
+    protected disableRotations: import("@angular/core").Signal<boolean>;
+    protected disableScaling: import("@angular/core").Signal<boolean>;
+    protected activeAxes: import("@angular/core").Signal<[boolean, boolean, boolean]>;
     annotations: import("@angular/core").Signal<boolean>;
     annotationsClass: import("@angular/core").Signal<string | undefined>;
     translationLimits: import("@angular/core").Signal<[[number, number] | undefined, [number, number] | undefined, [number, number] | undefined] | undefined>;
     rotationLimits: import("@angular/core").Signal<[[number, number] | undefined, [number, number] | undefined, [number, number] | undefined] | undefined>;
     scaleLimits: import("@angular/core").Signal<[[number, number] | undefined, [number, number] | undefined, [number, number] | undefined] | undefined>;
-    autoTransform: import("@angular/core").Signal<boolean>;
     fixed: import("@angular/core").Signal<boolean>;
     hoveredColor: import("@angular/core").Signal<string | number>;
     axisColors: import("@angular/core").Signal<[string | number, string | number, string | number]>;
@@ -79,31 +88,21 @@ export declare class NgtsPivotControls {
     userData: import("@angular/core").Signal<NgtAnyRecord | undefined>;
     opacity: import("@angular/core").Signal<number | undefined>;
     depthTest: import("@angular/core").Signal<boolean>;
-    offset: import("@angular/core").Signal<[number, number, number]>;
-    rotation: import("@angular/core").Signal<[number, number, number]>;
-    visible: import("@angular/core").Signal<boolean>;
-    enabled: import("@angular/core").Signal<boolean>;
-    disableAxes: import("@angular/core").Signal<boolean>;
-    disableSliders: import("@angular/core").Signal<boolean>;
-    disableRotations: import("@angular/core").Signal<boolean>;
-    disableScaling: import("@angular/core").Signal<boolean>;
-    activeAxes: import("@angular/core").Signal<[boolean, boolean, boolean]>;
-    xDir: Vector3;
-    yDir: Vector3;
-    zDir: Vector3;
-    parentRef: import("@angular/core").Signal<ElementRef<Group<import("three").Object3DEventMap>>>;
-    groupRef: import("@angular/core").Signal<ElementRef<Group<import("three").Object3DEventMap>>>;
-    gizmoRef: import("@angular/core").Signal<ElementRef<Group<import("three").Object3DEventMap>>>;
-    childrenRef: import("@angular/core").Signal<ElementRef<Group<import("three").Object3DEventMap>>>;
+    protected xDir: THREE.Vector3;
+    protected yDir: THREE.Vector3;
+    protected zDir: THREE.Vector3;
+    parentRef: import("@angular/core").Signal<ElementRef<THREE.Group<THREE.Object3DEventMap>>>;
+    groupRef: import("@angular/core").Signal<ElementRef<THREE.Group<THREE.Object3DEventMap>>>;
+    gizmoRef: import("@angular/core").Signal<ElementRef<THREE.Group<THREE.Object3DEventMap>>>;
+    childrenRef: import("@angular/core").Signal<ElementRef<THREE.Group<THREE.Object3DEventMap>>>;
     private store;
-    private invalidate;
     translation: [number, number, number];
     private anchor;
     private cameraScale;
     private gizmoScale;
     constructor();
     onDragStart(parameters: OnDragStartParameters): void;
-    onDrag(mdW: Matrix4): void;
+    onDrag(mdW: THREE.Matrix4): void;
     onDragEnd(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsPivotControls, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgtsPivotControls, "ngts-pivot-controls", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "dragStarted": "dragStarted"; "dragEnded": "dragEnded"; "dragged": "dragged"; }, never, ["*"], true, never>;

package/gizmos/lib/pivot-controls/plane-slider.d.ts

@@ -1,27 +1,26 @@
-import { ElementRef, Signal } from '@angular/core';
+import { ElementRef } from '@angular/core';
 import { NgtThreeEvent } from 'angular-three';
-import { Group, Matrix4, Vector3 } from 'three';
+import * as THREE from 'three';
 import { NgtsPivotControls } from './pivot-controls';
 import * as i0 from "@angular/core";
 export declare class NgtsPlaneSlider {
     protected readonly DoubleSide: 2;
-    dir1: import("@angular/core").InputSignal<Vector3>;
-    dir2: import("@angular/core").InputSignal<Vector3>;
+    dir1: import("@angular/core").InputSignal<THREE.Vector3>;
+    dir2: import("@angular/core").InputSignal<THREE.Vector3>;
     axis: import("@angular/core").InputSignal<0 | 2 | 1>;
-    groupRef: Signal<ElementRef<Group<import("three").Object3DEventMap>>>;
-    annotationRef: Signal<ElementRef<HTMLDivElement> | undefined>;
-    pivotControls: NgtsPivotControls;
+    groupRef: import("@angular/core").Signal<ElementRef<THREE.Group<THREE.Object3DEventMap>>>;
+    annotationRef: import("@angular/core").Signal<ElementRef<HTMLDivElement> | undefined>;
+    protected pivotControls: NgtsPivotControls;
     private store;
-    private controls;
     private hovered;
     private clickInfo;
     private offsetX0;
     private offsetY0;
-    matrixL: Signal<Matrix4>;
-    pos1: Signal<number>;
-    length: Signal<number>;
-    color: Signal<string | number>;
-    points: Signal<Vector3[]>;
+    protected matrixL: import("@angular/core").Signal<THREE.Matrix4>;
+    protected pos1: import("@angular/core").Signal<number>;
+    protected length: import("@angular/core").Signal<number>;
+    protected color: import("@angular/core").Signal<string | number>;
+    points: import("@angular/core").Signal<THREE.Vector3[]>;
     constructor();
     onPointerDown(event: NgtThreeEvent<PointerEvent>): void;
     onPointerMove(event: NgtThreeEvent<PointerEvent>): void;

package/gizmos/lib/pivot-controls/scaling-sphere.d.ts

@@ -1,27 +1,25 @@
-import { ElementRef, Signal } from '@angular/core';
+import { ElementRef } from '@angular/core';
 import { NgtThreeEvent } from 'angular-three';
-import { Group, Matrix4, Mesh, Vector3 } from 'three';
+import * as THREE from 'three';
 import { NgtsPivotControls } from './pivot-controls';
 import * as i0 from "@angular/core";
-export declare function calculateOffset(clickPoint: Vector3, normal: Vector3, rayStart: Vector3, rayDir: Vector3): number;
+export declare function calculateOffset(clickPoint: THREE.Vector3, normal: THREE.Vector3, rayStart: THREE.Vector3, rayDir: THREE.Vector3): number;
 export declare class NgtsScalingSphere {
-    direction: import("@angular/core").InputSignal<Vector3>;
+    direction: import("@angular/core").InputSignal<THREE.Vector3>;
     axis: import("@angular/core").InputSignal<0 | 2 | 1>;
-    groupRef: Signal<ElementRef<Group<import("three").Object3DEventMap>>>;
-    annotationRef: Signal<ElementRef<HTMLDivElement> | undefined>;
-    meshRef: Signal<ElementRef<Mesh<import("three").BufferGeometry<import("three").NormalBufferAttributes>, import("three").Material | import("three").Material[], import("three").Object3DEventMap>>>;
-    pivotControls: NgtsPivotControls;
+    groupRef: import("@angular/core").Signal<ElementRef<THREE.Group<THREE.Object3DEventMap>>>;
+    annotationRef: import("@angular/core").Signal<ElementRef<HTMLDivElement> | undefined>;
+    meshRef: import("@angular/core").Signal<ElementRef<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>>;
+    protected pivotControls: NgtsPivotControls;
     private store;
-    private controls;
-    private size;
     private hovered;
     private scale0;
     private scaleCurrent;
     private clickInfo;
-    position: Signal<number>;
-    radius: Signal<number>;
-    matrixL: Signal<Matrix4>;
-    color: Signal<string | number>;
+    protected position: import("@angular/core").Signal<number>;
+    protected radius: import("@angular/core").Signal<number>;
+    matrixL: import("@angular/core").Signal<THREE.Matrix4>;
+    color: import("@angular/core").Signal<string | number>;
     constructor();
     onPointerDown(event: NgtThreeEvent<PointerEvent>): void;
     onPointerMove(event: NgtThreeEvent<PointerEvent>): void;

package/gizmos/lib/transform-controls.d.ts

@@ -1,10 +1,10 @@
-import { ElementRef, Signal } from '@angular/core';
-import { NgtGroup, NgtObject3DNode } from 'angular-three';
-import { Camera, Object3D, Event as ThreeEvent } from 'three';
+import { ElementRef } from '@angular/core';
+import { NgtThreeElement, NgtThreeElements } from 'angular-three';
+import * as THREE from 'three';
 import { TransformControls } from 'three-stdlib';
 import * as i0 from "@angular/core";
-export type NgtsTransformControlsObject = NgtObject3DNode<TransformControls, typeof TransformControls>;
-export type NgtsTransformControlsOptions = Partial<NgtsTransformControlsObject> & Partial<NgtGroup> & {
+export type NgtsTransformControlsObject = NgtThreeElement<typeof TransformControls>;
+export type NgtsTransformControlsOptions = Partial<NgtsTransformControlsObject> & Partial<NgtThreeElements['ngt-group']> & {
     enabled?: boolean;
     axis?: string | null;
     domElement?: HTMLElement;
@@ -17,29 +17,24 @@ export type NgtsTransformControlsOptions = Partial<NgtsTransformControlsObject>
     showX?: boolean;
     showY?: boolean;
     showZ?: boolean;
-    camera?: Camera;
+    camera?: THREE.Camera;
     makeDefault?: boolean;
 };
 export declare class NgtsTransformControls {
-    object: import("@angular/core").InputSignal<Object3D<import("three").Object3DEventMap> | ElementRef<Object3D<import("three").Object3DEventMap>> | null | undefined>;
+    object: import("@angular/core").InputSignal<THREE.Object3D<THREE.Object3DEventMap> | ElementRef<THREE.Object3D<THREE.Object3DEventMap>> | null | undefined>;
     options: import("@angular/core").InputSignal<Partial<NgtsTransformControlsOptions>>;
-    parameters: Signal<Omit<Partial<NgtsTransformControlsOptions>, "size" | "camera" | "enabled" | "axis" | "domElement" | "mode" | "translationSnap" | "rotationSnap" | "scaleSnap" | "space" | "showX" | "showY" | "showZ" | "makeDefault">>;
-    protected controlsOptions: Signal<Pick<Partial<NgtsTransformControlsOptions>, "size" | "enabled" | "axis" | "mode" | "translationSnap" | "rotationSnap" | "scaleSnap" | "space" | "showX" | "showY" | "showZ">>;
+    protected parameters: import("@angular/core").Signal<Omit<Partial<NgtsTransformControlsOptions>, "enabled" | "axis" | "domElement" | "mode" | "translationSnap" | "rotationSnap" | "scaleSnap" | "space" | "size" | "showX" | "showY" | "showZ" | "camera" | "makeDefault">>;
+    protected controlsOptions: import("@angular/core").Signal<Pick<Partial<NgtsTransformControlsOptions>, "enabled" | "axis" | "mode" | "translationSnap" | "rotationSnap" | "scaleSnap" | "space" | "size" | "showX" | "showY" | "showZ">>;
     private camera;
     private domElement;
     private makeDefault;
-    change: import("@angular/core").OutputEmitterRef<ThreeEvent<string, unknown>>;
-    mouseDown: import("@angular/core").OutputEmitterRef<ThreeEvent<string, unknown>>;
-    mouseUp: import("@angular/core").OutputEmitterRef<ThreeEvent<string, unknown>>;
-    objectChange: import("@angular/core").OutputEmitterRef<ThreeEvent<string, unknown>>;
-    private groupRef;
+    change: import("@angular/core").OutputEmitterRef<THREE.Event<string, unknown>>;
+    mouseDown: import("@angular/core").OutputEmitterRef<THREE.Event<string, unknown>>;
+    mouseUp: import("@angular/core").OutputEmitterRef<THREE.Event<string, unknown>>;
+    objectChange: import("@angular/core").OutputEmitterRef<THREE.Event<string, unknown>>;
+    groupRef: import("@angular/core").Signal<ElementRef<THREE.Group<THREE.Object3DEventMap>>>;
     private store;
-    private glDomElement;
-    private defaultCamera;
-    private events;
-    private defaultControls;
-    private invalidate;
-    controls: Signal<TransformControls<Camera>>;
+    controls: import("@angular/core").Signal<TransformControls<THREE.Camera>>;
     constructor();
     private attachControlsEffect;
     private disableDefaultControlsEffect;

package/loaders/lib/loader.d.ts

@@ -1,4 +1,3 @@
-import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export interface NgtsLoaderOptions {
     containerClass?: string;
@@ -10,17 +9,17 @@ export interface NgtsLoaderOptions {
 }
 export declare class NgtsLoader {
     private progressState;
-    active: import("@angular/core").Signal<boolean>;
-    progress: import("@angular/core").Signal<number>;
+    protected active: import("@angular/core").Signal<boolean>;
+    protected progress: import("@angular/core").Signal<number>;
     options: import("@angular/core").InputSignalWithTransform<NgtsLoaderOptions, "" | Partial<NgtsLoaderOptions>>;
-    containerClass: import("@angular/core").Signal<string | undefined>;
-    innerClass: import("@angular/core").Signal<string | undefined>;
-    barClass: import("@angular/core").Signal<string | undefined>;
-    dataClass: import("@angular/core").Signal<string | undefined>;
-    initialState: import("@angular/core").Signal<(value: boolean) => boolean>;
-    dataInterpolation: import("@angular/core").Signal<(value: number) => string>;
-    progressSpanRef: import("@angular/core").Signal<ElementRef<HTMLSpanElement> | undefined>;
-    shown: import("@angular/core").WritableSignal<boolean>;
+    protected containerClass: import("@angular/core").Signal<string | undefined>;
+    protected innerClass: import("@angular/core").Signal<string | undefined>;
+    protected barClass: import("@angular/core").Signal<string | undefined>;
+    protected dataClass: import("@angular/core").Signal<string | undefined>;
+    private initialState;
+    private dataInterpolation;
+    private progressSpanRef;
+    protected shown: import("@angular/core").WritableSignal<boolean>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsLoader, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgtsLoader, "ngts-loader", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

package/loaders/lib/texture-loader.d.ts

@@ -1,10 +1,10 @@
 import { Injector, Signal } from '@angular/core';
 import { NgtLoaderResults } from 'angular-three';
-import { Texture } from 'three';
+import * as THREE from 'three';
 declare function _injectTexture<TInput extends string[] | string | Record<string, string>>(input: () => TInput, { onLoad, injector }?: {
-    onLoad?: (texture: Texture[]) => void;
+    onLoad?: (texture: THREE.Texture[]) => void;
     injector?: Injector;
-}): Signal<NgtLoaderResults<TInput, Texture> | null>;
+}): Signal<NgtLoaderResults<TInput, THREE.Texture> | null>;
 declare namespace _injectTexture {
     var preload: <TInput extends string[] | string | Record<string, string>>(input: () => TInput) => void;
 }

package/materials/lib/custom-shader-material.d.ts

@@ -1,13 +1,13 @@
 import { ElementRef } from '@angular/core';
 import { NgtAttachable } from 'angular-three';
-import { Material } from 'three';
+import * as THREE from 'three';
 import CustomShaderMaterial from 'three-custom-shader-material/vanilla';
 import * as i0 from "@angular/core";
 export declare class NgtsCustomShaderMaterial {
-    baseMaterial: import("@angular/core").InputSignal<Material | typeof Material | ElementRef<Material>>;
+    baseMaterial: import("@angular/core").InputSignal<typeof THREE.Material | THREE.Material | ElementRef<THREE.Material>>;
     attach: import("@angular/core").InputSignal<NgtAttachable>;
     options: import("@angular/core").InputSignal<Omit<any, "baseMaterial">>;
-    parameters: import("@angular/core").Signal<Omit<Omit<any, "baseMaterial">, "fragmentShader" | "vertexShader" | "uniforms" | "cacheKey">>;
+    parameters: import("@angular/core").Signal<Omit<Omit<any, "baseMaterial">, "uniforms" | "vertexShader" | "fragmentShader" | "cacheKey">>;
     private base;
     private fragmentShader;
     private vertexShader;

package/materials/lib/mesh-distort-material.d.ts

@@ -1,14 +1,14 @@
-import { NgtAttachable, NgtMeshPhysicalMaterial } from 'angular-three';
+import { NgtAttachable, NgtThreeElements } from 'angular-three';
 import { MeshDistortMaterial, MeshDistortMaterialParameters } from 'angular-three-soba/vanilla-exports';
 import * as i0 from "@angular/core";
-export interface NgtsMeshDistortMaterialOptions extends Partial<MeshDistortMaterialParameters>, Partial<NgtMeshPhysicalMaterial> {
+export interface NgtsMeshDistortMaterialOptions extends Partial<MeshDistortMaterialParameters>, Partial<NgtThreeElements['ngt-mesh-physical-material']> {
     speed: number;
     factor?: number;
 }
 export declare class NgtsMeshDistortMaterial {
     attach: import("@angular/core").InputSignal<NgtAttachable>;
     options: import("@angular/core").InputSignalWithTransform<NgtsMeshDistortMaterialOptions, "" | Partial<NgtsMeshDistortMaterialOptions>>;
-    parameters: import("@angular/core").Signal<Omit<NgtsMeshDistortMaterialOptions, "speed">>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsMeshDistortMaterialOptions, "speed">>;
     material: MeshDistortMaterial;
     private speed;
     constructor();