angular-three-soba 2.1.0 → 2.2.1

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

@@ -1,8 +1,7 @@
 import { DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, inject, computed, untracked, afterNextRender, Directive } from '@angular/core';
+import { input, inject, computed, untracked, effect, Directive } from '@angular/core';
 import { omit, pick, injectStore, resolveRef, addAfterEffect } from 'angular-three';
-import { injectAutoEffect } from 'ngxtension/auto-effect';
 import { mergeInputs } from 'ngxtension/inject-inputs';
 import Stats from 'stats-gl';
 
@@ -17,44 +16,39 @@ class NgtsStats {
         const parent = pick(this.options, 'parent');
         const domClass = pick(this.options, 'domClass');
         const document = inject(DOCUMENT);
-        const autoEffect = injectAutoEffect();
         const store = injectStore();
         const gl = store.select('gl');
         const stats = computed(() => {
             const _gl = gl();
             if (!_gl)
                 return null;
-            const stats = new Stats({
-                ...untracked(statsOptions),
-            });
+            const stats = new Stats({ ...untracked(statsOptions) });
             void stats.init(_gl);
             return stats;
         });
-        afterNextRender(() => {
-            autoEffect(() => {
-                const _stats = stats();
-                if (!_stats)
-                    return;
-                const [_parent, _domClass] = [resolveRef(parent()), domClass()];
-                const target = _parent ?? document.body;
-                target.appendChild(_stats.dom);
-                const classList = _domClass.split(' ').filter(Boolean);
+        effect((onCleanup) => {
+            const _stats = stats();
+            if (!_stats)
+                return;
+            const [_parent, _domClass] = [resolveRef(parent()), domClass()];
+            const target = _parent ?? document.body;
+            target.appendChild(_stats.dom);
+            const classList = _domClass.split(' ').filter(Boolean);
+            if (classList.length)
+                _stats.dom.classList.add(...classList);
+            const end = addAfterEffect(() => _stats.update());
+            onCleanup(() => {
                 if (classList.length)
-                    _stats.dom.classList.add(...classList);
-                const end = addAfterEffect(() => _stats.update());
-                return () => {
-                    if (classList.length)
-                        _stats.dom.classList.remove(...classList);
-                    target.removeChild(_stats.dom);
-                    end();
-                };
+                    _stats.dom.classList.remove(...classList);
+                target.removeChild(_stats.dom);
+                end();
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: NgtsStats, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.0", type: NgtsStats, isStandalone: true, selector: "ngt-canvas[stats]", inputs: { options: { classPropertyName: "options", publicName: "stats", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NgtsStats, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.4", type: NgtsStats, isStandalone: true, selector: "ngt-canvas[stats]", inputs: { options: { classPropertyName: "options", publicName: "stats", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: NgtsStats, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NgtsStats, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ngt-canvas[stats]',

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 { afterNextRender, computed, Directive, ElementRef, inject, input, untracked } from '@angular/core';\nimport { addAfterEffect, injectStore, omit, pick, resolveRef } from 'angular-three';\nimport { injectAutoEffect } from 'ngxtension/auto-effect';\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({\n\tselector: 'ngt-canvas[stats]',\n\tstandalone: true,\n})\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 autoEffect = injectAutoEffect();\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({\n\t\t\t\t...untracked(statsOptions),\n\t\t\t});\n\t\t\tvoid stats.init(_gl);\n\t\t\treturn stats;\n\t\t});\n\n\t\tafterNextRender(() => {\n\t\t\tautoEffect(() => {\n\t\t\t\tconst _stats = stats();\n\t\t\t\tif (!_stats) return;\n\n\t\t\t\tconst [_parent, _domClass] = [resolveRef(parent()), domClass()];\n\t\t\t\tconst target = _parent ?? document.body;\n\t\t\t\ttarget.appendChild(_stats.dom);\n\t\t\t\tconst classList = _domClass.split(' ').filter(Boolean);\n\t\t\t\tif (classList.length) _stats.dom.classList.add(...classList);\n\t\t\t\tconst end = addAfterEffect(() => _stats.update());\n\n\t\t\t\treturn () => {\n\t\t\t\t\tif (classList.length) _stats.dom.classList.remove(...classList);\n\t\t\t\t\ttarget.removeChild(_stats.dom);\n\t\t\t\t\tend();\n\t\t\t\t};\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({\n\tselector: 'ngt-canvas[stats]',\n\tstandalone: true,\n})\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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"}

package/gizmos/README.md

@@ -0,0 +1,3 @@
+# angular-three-soba/gizmos
+
+Secondary entry point of `angular-three-soba`. It can be used by importing from `angular-three-soba/gizmos`.

package/gizmos/index.d.ts

@@ -0,0 +1,5 @@
+export * from './lib/gizmo-helper/gizmo-helper';
+export { NgtsGizmoViewcube, NgtsGizmoViewcubeOptions } from './lib/gizmo-helper/gizmo-viewcube';
+export { NgtsGizmoViewport, NgtsGizmoViewportOptions } from './lib/gizmo-helper/gizmo-viewport';
+export * from './lib/pivot-controls/pivot-controls';
+export * from './lib/transform-controls';

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

@@ -0,0 +1,45 @@
+import { Signal, TemplateRef } from '@angular/core';
+import { Object3D, Scene, Vector3 } from 'three';
+import * as i0 from "@angular/core";
+export declare class NgtsGizmoHelperContent {
+    static ngTemplateContextGuard(_: NgtsGizmoHelperContent, ctx: unknown): ctx is {
+        container: Object3D;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtsGizmoHelperContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgtsGizmoHelperContent, "ng-template[gizmoHelperContent]", never, {}, {}, never, never, true, never>;
+}
+export interface NgtsGizmoHelperOptions {
+    alignment: 'top-left' | 'top-right' | 'bottom-right' | 'bottom-left' | 'bottom-center' | 'center-right' | 'center-left' | 'center-center' | 'top-center';
+    margin: [number, number];
+    renderPriority: number;
+    autoClear?: boolean;
+}
+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>>;
+    private gizmoRef;
+    private virtualCameraRef;
+    private store;
+    private size;
+    private mainCamera;
+    private defaultControls;
+    private invalidate;
+    protected x: Signal<number>;
+    protected y: Signal<number>;
+    private animating;
+    private radius;
+    private focusPoint;
+    private defaultUp;
+    constructor();
+    tweenCamera(direction: Vector3): void;
+    private updateDefaultUpEffect;
+    private isOrbitControls;
+    private isCameraControls;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtsGizmoHelper, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgtsGizmoHelper, "ngts-gizmo-helper", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "update": "update"; }, ["content"], never, true, never>;
+}

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

@@ -0,0 +1,74 @@
+import { NgtThreeEvent } from 'angular-three';
+import { CanvasTexture, Vector3 } from 'three';
+import * as i0 from "@angular/core";
+type XYZ = [number, number, number];
+interface CommonOptions {
+    font: string;
+    opacity: number;
+    color: string;
+    hoverColor: string;
+    textColor: string;
+    strokeColor: string;
+    faces: string[];
+}
+export declare class FaceMaterial {
+    hover: import("@angular/core").InputSignal<boolean>;
+    index: import("@angular/core").InputSignal<number>;
+    options: import("@angular/core").InputSignalWithTransform<CommonOptions, "" | Partial<CommonOptions>>;
+    private faces;
+    private font;
+    private color;
+    private textColor;
+    private strokeColor;
+    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>;
+    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>;
+}
+export declare class FaceCube {
+    options: import("@angular/core").InputSignal<Partial<CommonOptions>>;
+    onClick: import("@angular/core").InputSignal<((event: NgtThreeEvent<MouseEvent>) => void) | undefined>;
+    private gizmoHelper;
+    protected hover: import("@angular/core").WritableSignal<number>;
+    protected count: unknown[];
+    constructor();
+    internalOnClick(event: NgtThreeEvent<MouseEvent>): void;
+    protected readonly Math: Math;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FaceCube, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FaceCube, "viewcube-face-cube", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "onClick": { "alias": "onClick"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class EdgeCube {
+    dimensions: import("@angular/core").InputSignal<XYZ>;
+    position: import("@angular/core").InputSignal<Vector3>;
+    hoverColor: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
+    onClick: import("@angular/core").InputSignal<((event: NgtThreeEvent<MouseEvent>) => void) | undefined>;
+    private gizmoHelper;
+    protected hover: import("@angular/core").WritableSignal<boolean>;
+    protected color: import("@angular/core").Signal<string>;
+    constructor();
+    internalOnClick(event: NgtThreeEvent<MouseEvent>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EdgeCube, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EdgeCube, "viewcube-edge-cube", never, { "dimensions": { "alias": "dimensions"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": true; "isSignal": true; }; "hoverColor": { "alias": "hoverColor"; "required": false; "isSignal": true; }; "onClick": { "alias": "onClick"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export type NgtsGizmoViewcubeOptions = Partial<CommonOptions>;
+export declare class NgtsGizmoViewcube {
+    options: import("@angular/core").InputSignal<Partial<CommonOptions>>;
+    click: import("@angular/core").OutputEmitterRef<NgtThreeEvent<MouseEvent>>;
+    protected hoverColor: import("@angular/core").Signal<string | undefined>;
+    protected corners: Vector3[];
+    protected cornerDimensions: XYZ;
+    protected edges: Vector3[];
+    protected edgeDimensions: XYZ[];
+    constructor();
+    protected get onClick(): ((value: NgtThreeEvent<MouseEvent>) => void) | undefined;
+    private makePositionVector;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtsGizmoViewcube, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgtsGizmoViewcube, "ngts-gizmo-viewcube", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, never, true, never>;
+}
+export {};

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

@@ -0,0 +1,64 @@
+import { NgtGroup, NgtThreeEvent, NgtVector3 } from 'angular-three';
+import { CanvasTexture, ColorRepresentation } 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>;
+    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>;
+    label: import("@angular/core").InputSignal<string | undefined>;
+    labelColor: import("@angular/core").InputSignal<string>;
+    axisHeadScale: import("@angular/core").InputSignal<number>;
+    disabled: import("@angular/core").InputSignal<boolean>;
+    font: import("@angular/core").InputSignal<string>;
+    onClick: import("@angular/core").InputSignal<((event: NgtThreeEvent<MouseEvent>) => void) | undefined>;
+    private document;
+    private gizmoHelper;
+    private store;
+    private gl;
+    protected texture: import("@angular/core").Signal<CanvasTexture>;
+    protected active: import("@angular/core").WritableSignal<boolean>;
+    protected scale: import("@angular/core").Signal<number>;
+    constructor();
+    onPointerOver(event: NgtThreeEvent<PointerEvent>): void;
+    onPointerOut(event: NgtThreeEvent<PointerEvent>): void;
+    onPointerDown(event: NgtThreeEvent<PointerEvent>): void;
+    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> {
+    axisColors: [string, string, string];
+    axisScale?: [number, number, number];
+    labels: [string, string, string];
+    axisHeadScale: number;
+    labelColor: string;
+    hideNegativeAxes: boolean;
+    hideAxisHeads: boolean;
+    disabled: boolean;
+    font: string;
+}
+export declare class NgtsGizmoViewport {
+    protected readonly Math: Math;
+    options: import("@angular/core").InputSignalWithTransform<NgtsGizmoViewportOptions, "" | Partial<NgtsGizmoViewportOptions>>;
+    parameters: import("@angular/core").Signal<Omit<NgtsGizmoViewportOptions, "axisColors" | "font" | "axisScale" | "labels" | "axisHeadScale" | "labelColor" | "hideNegativeAxes" | "hideAxisHeads" | "disabled">>;
+    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>;
+    protected hideAxisHeads: import("@angular/core").Signal<boolean>;
+    protected hideNegativeAxes: import("@angular/core").Signal<boolean>;
+    protected labels: import("@angular/core").Signal<[string, string, string]>;
+    protected axisHeadScale: import("@angular/core").Signal<number>;
+    protected labelColor: import("@angular/core").Signal<string>;
+    protected disabled: import("@angular/core").Signal<boolean>;
+    protected font: import("@angular/core").Signal<string>;
+    constructor();
+    protected get onClick(): ((value: NgtThreeEvent<MouseEvent>) => void) | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtsGizmoViewport, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgtsGizmoViewport, "ngts-gizmo-viewport", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, never, true, never>;
+}

package/{controls → gizmos}/lib/pivot-controls/pivot-controls.d.ts

@@ -60,7 +60,7 @@ export interface NgtsPivotControlsOptions {
 }
 export declare class NgtsPivotControls {
     options: import("@angular/core").InputSignalWithTransform<NgtsPivotControlsOptions, "" | Partial<NgtsPivotControlsOptions>>;
-    parameters: import("@angular/core").Signal<Omit<NgtsPivotControlsOptions, "enabled" | "hoveredColor" | "scale" | "lineWidth" | "fixed" | "offset" | "rotation" | "matrix" | "anchor" | "autoTransform" | "activeAxes" | "disableAxes" | "disableSliders" | "disableRotations" | "disableScaling" | "translationLimits" | "rotationLimits" | "scaleLimits" | "axisColors" | "annotations" | "annotationsClass" | "depthTest" | "opacity" | "visible" | "userData">>;
+    parameters: import("@angular/core").Signal<Omit<NgtsPivotControlsOptions, "hoveredColor" | "enabled" | "scale" | "lineWidth" | "fixed" | "offset" | "rotation" | "matrix" | "anchor" | "autoTransform" | "activeAxes" | "disableAxes" | "disableSliders" | "disableRotations" | "disableScaling" | "translationLimits" | "rotationLimits" | "scaleLimits" | "axisColors" | "annotations" | "annotationsClass" | "depthTest" | "opacity" | "visible" | "userData">>;
     dragStarted: import("@angular/core").OutputEmitterRef<OnDragStartParameters>;
     dragEnded: import("@angular/core").OutputEmitterRef<void>;
     dragged: import("@angular/core").OutputEmitterRef<OnDragParameters>;

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

@@ -0,0 +1,50 @@
+import { ElementRef, Signal } from '@angular/core';
+import { NgtGroup, NgtObject3DNode } from 'angular-three';
+import { Camera, Object3D, Event as ThreeEvent } 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> & {
+    enabled?: boolean;
+    axis?: string | null;
+    domElement?: HTMLElement;
+    mode?: 'translate' | 'rotate' | 'scale';
+    translationSnap?: number | null;
+    rotationSnap?: number | null;
+    scaleSnap?: number | null;
+    space?: 'world' | 'local';
+    size?: number;
+    showX?: boolean;
+    showY?: boolean;
+    showZ?: boolean;
+    camera?: Camera;
+    makeDefault?: boolean;
+};
+export declare class NgtsTransformControls {
+    object: import("@angular/core").InputSignal<Object3D<import("three").Object3DEventMap> | ElementRef<Object3D<import("three").Object3DEventMap>> | null | undefined>;
+    options: import("@angular/core").InputSignal<Partial<NgtsTransformControlsOptions>>;
+    parameters: Signal<Omit<Partial<NgtsTransformControlsOptions>, "enabled" | "camera" | "size" | "axis" | "domElement" | "mode" | "translationSnap" | "rotationSnap" | "scaleSnap" | "space" | "showX" | "showY" | "showZ" | "makeDefault">>;
+    protected controlsOptions: Signal<Pick<Partial<NgtsTransformControlsOptions>, "enabled" | "size" | "axis" | "mode" | "translationSnap" | "rotationSnap" | "scaleSnap" | "space" | "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;
+    private store;
+    private glDomElement;
+    private defaultCamera;
+    private events;
+    private defaultControls;
+    private invalidate;
+    controls: Signal<TransformControls<Camera>>;
+    constructor();
+    private attachControlsEffect;
+    private disableDefaultControlsEffect;
+    private setupControlsEventsEffect;
+    private updateDefaultControlsEffect;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtsTransformControls, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgtsTransformControls, "ngts-transform-controls", never, { "object": { "alias": "object"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "change": "change"; "mouseDown": "mouseDown"; "mouseUp": "mouseUp"; "objectChange": "objectChange"; }, never, ["*"], true, never>;
+}

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

@@ -29,7 +29,7 @@ export type NgtsMeshTransmissionMaterialOptions = Partial<NgtMeshPhysicalMateria
 export declare class NgtsMeshTransmissionMaterial {
     attach: import("@angular/core").InputSignal<NgtAttachable>;
     options: import("@angular/core").InputSignalWithTransform<NgtsMeshTransmissionMaterialOptions, "" | Partial<NgtsMeshTransmissionMaterialOptions>>;
-    parameters: import("@angular/core").Signal<Omit<NgtsMeshTransmissionMaterialOptions, "side" | "thickness" | "anisotropy" | "transmission" | "resolution" | "buffer" | "anisotropicBlur" | "samples" | "transmissionSampler" | "backside" | "backsideThickness" | "backsideEnvMapIntensity" | "backsideResolution" | "background">>;
+    parameters: import("@angular/core").Signal<Omit<NgtsMeshTransmissionMaterialOptions, "side" | "resolution" | "thickness" | "anisotropy" | "transmission" | "buffer" | "anisotropicBlur" | "samples" | "transmissionSampler" | "backside" | "backsideThickness" | "backsideEnvMapIntensity" | "backsideResolution" | "background">>;
     private resolution;
     private backsideResolution;
     private samples;

package/misc/lib/computed-attribute.d.ts

@@ -6,8 +6,6 @@ export declare class NgtsComputedAttribute {
     name: import("@angular/core").InputSignal<string>;
     options: import("@angular/core").InputSignal<Partial<{
         name?: string | undefined;
-        clone?: (() => BufferAttribute) | undefined;
-        toJSON?: (() => import("three").BufferAttributeJSON) | undefined;
         array?: import("three").TypedArray | undefined;
         itemSize?: number | undefined;
         usage?: import("three").Usage | undefined;
@@ -30,6 +28,7 @@ export declare class NgtsComputedAttribute {
         setUsage?: ((usage: import("three").Usage) => BufferAttribute) | undefined;
         addUpdateRange?: ((start: number, count: number) => void) | undefined;
         clearUpdateRanges?: (() => void) | undefined;
+        clone?: (() => BufferAttribute) | undefined;
         copy?: ((source: BufferAttribute) => BufferAttribute) | undefined;
         copyAt?: ((index1: number, attribute: BufferAttribute, index2: number) => BufferAttribute) | undefined;
         copyArray?: ((array: ArrayLike<number>) => BufferAttribute) | undefined;
@@ -51,6 +50,7 @@ export declare class NgtsComputedAttribute {
         setXY?: ((index: number, x: number, y: number) => BufferAttribute) | undefined;
         setXYZ?: ((index: number, x: number, y: number, z: number) => BufferAttribute) | undefined;
         setXYZW?: ((index: number, x: number, y: number, z: number, w: number) => BufferAttribute) | undefined;
+        toJSON?: (() => import("three").BufferAttributeJSON) | undefined;
         attach: string | string[] | import("angular-three").NgtAttachFunction;
         addEventListener: <TEventKey extends keyof import("angular-three").NgtNodeEventMap<BufferAttribute>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<BufferAttribute, typeof BufferAttribute>, ev: import("angular-three").NgtNodeEventMap<BufferAttribute>[TEventKey]) => any) => void;
         removeEventListener: <TEventKey extends keyof import("angular-three").NgtNodeEventMap<BufferAttribute>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<BufferAttribute, typeof BufferAttribute>, ev: import("angular-three").NgtNodeEventMap<BufferAttribute>[TEventKey]) => any) => void;

package/misc/lib/decal.d.ts

@@ -14,10 +14,10 @@ export declare class NgtsDecal {
     parameters: import("@angular/core").Signal<Omit<NgtsDecalOptions, "position" | "scale" | "rotation" | "debug" | "map" | "depthTest" | "polygonOffsetFactor">>;
     meshRef: import("@angular/core").Signal<ElementRef<Mesh<import("three").BufferGeometry<import("three").NormalBufferAttributes>, import("three").Material | import("three").Material[], import("three").Object3DEventMap>>>;
     helperRef: import("@angular/core").Signal<ElementRef<Mesh<import("three").BufferGeometry<import("three").NormalBufferAttributes>, import("three").Material | import("three").Material[], import("three").Object3DEventMap>> | undefined>;
-    map: import("@angular/core").Signal<Texture | null | undefined>;
-    depthTest: import("@angular/core").Signal<boolean>;
-    polygonOffsetFactor: import("@angular/core").Signal<number>;
-    debug: import("@angular/core").Signal<boolean>;
+    protected map: import("@angular/core").Signal<Texture | null | undefined>;
+    protected depthTest: import("@angular/core").Signal<boolean>;
+    protected polygonOffsetFactor: import("@angular/core").Signal<number>;
+    protected debug: import("@angular/core").Signal<boolean>;
     private position;
     private rotation;
     private scale;

package/misc/lib/html/html-content.d.ts

@@ -29,16 +29,16 @@ export declare class NgtsHTMLContent extends NgtHTML {
     private events;
     private camera;
     private scene;
-    size: import("@angular/core").Signal<import("angular-three").NgtSize>;
+    protected size: import("@angular/core").Signal<import("angular-three").NgtSize>;
     private parent;
     private zIndexRange;
     private calculatePosition;
     private prepend;
-    center: import("@angular/core").Signal<boolean>;
-    fullscreen: import("@angular/core").Signal<boolean>;
-    pointerEvents: import("@angular/core").Signal<PointerEventsProperties>;
-    containerClass: import("@angular/core").Signal<string>;
-    containerStyle: import("@angular/core").Signal<Partial<CSSStyleDeclaration>>;
+    protected center: import("@angular/core").Signal<boolean>;
+    protected fullscreen: import("@angular/core").Signal<boolean>;
+    protected pointerEvents: import("@angular/core").Signal<PointerEventsProperties>;
+    protected containerClass: import("@angular/core").Signal<string>;
+    protected containerStyle: import("@angular/core").Signal<Partial<CSSStyleDeclaration>>;
     private target;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsHTMLContent, never>;

package/misc/lib/html/html.d.ts

@@ -14,7 +14,7 @@ export declare class NgtsHTML {
     groupRef: import("@angular/core").Signal<ElementRef<Group<import("three").Object3DEventMap>>>;
     occlusionMeshRef: import("@angular/core").Signal<ElementRef<Mesh<import("three").BufferGeometry<import("three").NormalBufferAttributes>, import("three").Material | import("three").Material[], import("three").Object3DEventMap>> | undefined>;
     occlusionGeometryRef: import("@angular/core").Signal<ElementRef<PlaneGeometry> | undefined>;
-    occlude: import("@angular/core").Signal<boolean | "raycast" | Object3D<import("three").Object3DEventMap>[] | ElementRef<Object3D<import("three").Object3DEventMap>>[] | "blending">;
+    occlude: import("@angular/core").Signal<boolean | "raycast" | ElementRef<Object3D<import("three").Object3DEventMap>>[] | Object3D<import("three").Object3DEventMap>[] | "blending">;
     transform: import("@angular/core").Signal<boolean>;
     castShadow: import("@angular/core").Signal<boolean>;
     receiveShadow: import("@angular/core").Signal<boolean>;

package/misc/lib/sampler.d.ts

@@ -63,9 +63,7 @@ export declare class NgtsSampler {
     instances: import("@angular/core").InputSignal<InstancedMesh<BufferGeometry<import("three").NormalBufferAttributes>, import("three").Material | import("three").Material[], import("three").InstancedMeshEventMap> | ElementRef<InstancedMesh<BufferGeometry<import("three").NormalBufferAttributes>, import("three").Material | import("three").Material[], import("three").InstancedMeshEventMap>> | null>;
     options: import("@angular/core").InputSignalWithTransform<NgtsSamplerOptions, "" | Partial<NgtsSamplerOptions>>;
     parameters: import("@angular/core").Signal<Omit<NgtsSamplerOptions, "count" | "transform" | "weight">>;
-    groupRef: import("@angular/core").Signal<ElementRef<Group<import("three").Object3DEventMap>>>;
-    private meshToSample;
-    private instancedToSample;
+    groupRef: import("@angular/core").Signal<ElementRef<Group<import("three").Object3DEventMap>> | undefined>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsSampler, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgtsSampler, "ngts-sampler", never, { "mesh": { "alias": "mesh"; "required": false; "isSignal": true; }; "instances": { "alias": "instances"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-three-soba",
-  "version": "2.1.0",
+  "version": "2.2.1",
   "publishConfig": {
     "access": "public"
   },
@@ -69,18 +69,24 @@
       "esm": "./esm2022/cameras/angular-three-soba-cameras.mjs",
       "default": "./fesm2022/angular-three-soba-cameras.mjs"
     },
-    "./materials": {
-      "types": "./materials/index.d.ts",
-      "esm2022": "./esm2022/materials/angular-three-soba-materials.mjs",
-      "esm": "./esm2022/materials/angular-three-soba-materials.mjs",
-      "default": "./fesm2022/angular-three-soba-materials.mjs"
-    },
     "./controls": {
       "types": "./controls/index.d.ts",
       "esm2022": "./esm2022/controls/angular-three-soba-controls.mjs",
       "esm": "./esm2022/controls/angular-three-soba-controls.mjs",
       "default": "./fesm2022/angular-three-soba-controls.mjs"
     },
+    "./gizmos": {
+      "types": "./gizmos/index.d.ts",
+      "esm2022": "./esm2022/gizmos/angular-three-soba-gizmos.mjs",
+      "esm": "./esm2022/gizmos/angular-three-soba-gizmos.mjs",
+      "default": "./fesm2022/angular-three-soba-gizmos.mjs"
+    },
+    "./materials": {
+      "types": "./materials/index.d.ts",
+      "esm2022": "./esm2022/materials/angular-three-soba-materials.mjs",
+      "esm": "./esm2022/materials/angular-three-soba-materials.mjs",
+      "default": "./fesm2022/angular-three-soba-materials.mjs"
+    },
     "./performances": {
       "types": "./performances/index.d.ts",
       "esm2022": "./esm2022/performances/angular-three-soba-performances.mjs",
@@ -159,4 +165,4 @@
   ],
   "module": "fesm2022/angular-three-soba.mjs",
   "typings": "index.d.ts"
-}
+}

package/performances/lib/instances/instances.d.ts

@@ -107,10 +107,10 @@ export interface NgtsInstancesOptions extends Partial<NgtInstancedMesh> {
 export declare class NgtsInstances {
     protected readonly DynamicDrawUsage: 35048;
     options: import("@angular/core").InputSignalWithTransform<NgtsInstancesOptions, "" | Partial<NgtsInstancesOptions>>;
-    parameters: import("@angular/core").Signal<Omit<NgtsInstancesOptions, "frames" | "limit" | "range">>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsInstancesOptions, "frames" | "limit" | "range">>;
     instancedMeshRef: import("@angular/core").Signal<ElementRef<InstancedMesh<import("three").BufferGeometry<import("three").NormalBufferAttributes>, import("three").Material | import("three").Material[], import("three").InstancedMeshEventMap>>>;
-    limit: import("@angular/core").Signal<number>;
-    buffers: import("@angular/core").Signal<{
+    private limit;
+    protected buffers: import("@angular/core").Signal<{
         matrices: Float32Array;
         colors: Float32Array;
     }>;

package/shaders/lib/mesh-refraction-material.d.ts

@@ -1,11 +1,8 @@
 import * as THREE from 'three';
-declare module 'three-mesh-bvh' {
-    const shaderIntersectFunction: string;
-}
 export declare const MeshRefractionMaterial: (new (parameters?: (THREE.ShaderMaterialParameters & Partial<{
-    [name: string]: number | boolean | any[] | THREE.CubeTexture | THREE.Texture | Int32Array | Float32Array | THREE.Matrix4 | THREE.Matrix3 | THREE.Quaternion | THREE.Vector4 | THREE.Vector3 | THREE.Vector2 | THREE.Color | null;
+    [name: string]: number | boolean | any[] | THREE.Color | THREE.CubeTexture | THREE.Texture | Int32Array | Float32Array | THREE.Matrix4 | THREE.Matrix3 | THREE.Quaternion | THREE.Vector4 | THREE.Vector3 | THREE.Vector2 | null;
 }>) | undefined) => THREE.ShaderMaterial & {
-    [name: string]: number | boolean | any[] | THREE.CubeTexture | THREE.Texture | Int32Array | Float32Array | THREE.Matrix4 | THREE.Matrix3 | THREE.Quaternion | THREE.Vector4 | THREE.Vector3 | THREE.Vector2 | THREE.Color | null;
+    [name: string]: number | boolean | any[] | THREE.Color | THREE.CubeTexture | THREE.Texture | Int32Array | Float32Array | THREE.Matrix4 | THREE.Matrix3 | THREE.Quaternion | THREE.Vector4 | THREE.Vector3 | THREE.Vector2 | null;
 }) & {
     key: string;
 };

package/staging/index.d.ts

@@ -6,7 +6,8 @@ export * from './lib/camera-shake';
 export * from './lib/caustics';
 export * from './lib/center';
 export * from './lib/contact-shadows';
-export * from './lib/environment';
+export * from './lib/environment/environment';
+export * from './lib/environment/inject-environment';
 export * from './lib/float';
 export * from './lib/lightformer';
 export * from './lib/mask';

package/staging/lib/camera-shake.d.ts

@@ -12,7 +12,6 @@ export interface NgtsCameraShakeOptions {
 }
 export declare class NgtsCameraShake {
     options: import("@angular/core").InputSignalWithTransform<NgtsCameraShakeOptions, "" | Partial<NgtsCameraShakeOptions>>;
-    private autoEffect;
     private store;
     private camera;
     private defaultControls;

package/staging/lib/caustics.d.ts

@@ -32,7 +32,7 @@ export declare class NgtsCaustics {
     protected readonly OneFactor: 201;
     protected readonly SrcAlphaFactor: 204;
     options: import("@angular/core").InputSignalWithTransform<NgtsCausticsOptions, "" | Partial<NgtsCausticsOptions>>;
-    parameters: import("@angular/core").Signal<Omit<NgtsCausticsOptions, "frames" | "color" | "resolution" | "debug" | "causticsOnly" | "backside" | "ior" | "backsideIOR" | "worldRadius" | "intensity" | "lightSource">>;
+    parameters: import("@angular/core").Signal<Omit<NgtsCausticsOptions, "frames" | "color" | "resolution" | "intensity" | "debug" | "causticsOnly" | "backside" | "ior" | "backsideIOR" | "worldRadius" | "lightSource">>;
     debug: import("@angular/core").Signal<boolean>;
     color: import("@angular/core").Signal<ColorRepresentation>;
     private resolution;

package/staging/lib/center.d.ts

@@ -293,7 +293,7 @@ export declare class NgtsCenter {
         layers: import("angular-three").NgtLayers;
         dispose: (() => void) | null;
         raycast: Object3D["raycast"] | null;
-    }> & NgtsCenterOptions, "disable" | "top" | "right" | "bottom" | "left" | "front" | "back" | "disableX" | "disableY" | "disableZ" | "precise" | "cacheKey">>;
+    }> & NgtsCenterOptions, "top" | "right" | "bottom" | "left" | "front" | "back" | "disable" | "disableX" | "disableY" | "disableZ" | "precise" | "cacheKey">>;
     centered: import("@angular/core").OutputEmitterRef<NgtsCenterState>;
     groupRef: import("@angular/core").Signal<ElementRef<Group<import("three").Object3DEventMap>>>;
     private outerRef;
@@ -383,7 +383,7 @@ export declare class NgtsCenter {
         layers: import("angular-three").NgtLayers;
         dispose: (() => void) | null;
         raycast: Object3D["raycast"] | null;
-    }> & NgtsCenterOptions, "disable" | "top" | "right" | "bottom" | "left" | "front" | "back" | "disableX" | "disableY" | "disableZ" | "precise" | "cacheKey">>;
+    }> & NgtsCenterOptions, "top" | "right" | "bottom" | "left" | "front" | "back" | "disable" | "disableX" | "disableY" | "disableZ" | "precise" | "cacheKey">>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsCenter, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgtsCenter, "ngts-center", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "centered": "centered"; }, never, ["*"], true, never>;

package/staging/lib/contact-shadows.d.ts

@@ -19,7 +19,7 @@ export interface NgtsContactShadowsOptions extends Partial<Omit<NgtGroup, 'scale
 export declare class NgtsContactShadows {
     Math: Math;
     options: import("@angular/core").InputSignalWithTransform<NgtsContactShadowsOptions, "" | Partial<NgtsContactShadowsOptions>>;
-    parameters: import("@angular/core").Signal<Omit<NgtsContactShadowsOptions, "scale" | "renderOrder" | "frames" | "opacity" | "color" | "resolution" | "depthWrite" | "near" | "far" | "width" | "height" | "blur" | "smooth">>;
+    parameters: import("@angular/core").Signal<Omit<NgtsContactShadowsOptions, "scale" | "renderOrder" | "frames" | "opacity" | "color" | "resolution" | "width" | "height" | "near" | "far" | "blur" | "smooth" | "depthWrite">>;
     contactShadowsRef: import("@angular/core").Signal<ElementRef<Group<import("three").Object3DEventMap>>>;
     shadowsCameraRef: import("@angular/core").Signal<ElementRef<OrthographicCamera> | undefined>;
     private store;