angular-three-soba 2.2.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/lib/gizmo-helper/gizmo-viewport.d.ts

@@ -46,7 +46,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">>;
+    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>;

package/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, "opacity" | "scale" | "rotation" | "matrix" | "visible" | "userData" | "axisColors" | "hoveredColor" | "enabled" | "lineWidth" | "fixed" | "offset" | "anchor" | "autoTransform" | "activeAxes" | "disableAxes" | "disableSliders" | "disableRotations" | "disableScaling" | "translationLimits" | "rotationLimits" | "scaleLimits" | "annotations" | "annotationsClass" | "depthTest">>;
+    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

@@ -23,8 +23,8 @@ export type NgtsTransformControlsOptions = Partial<NgtsTransformControlsObject>
 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>, "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">>;
+    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;

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

@@ -4,11 +4,11 @@ import { Material } 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<typeof Material | Material | ElementRef<Material>>;
+    baseMaterial: import("@angular/core").InputSignal<Material | typeof Material | ElementRef<Material>>;
     attach: import("@angular/core").InputSignal<NgtAttachable>;
     options: import("@angular/core").InputSignal<Omit<import("three-custom-shader-material/vanilla").iCSMParams<import("three-custom-shader-material/vanilla").MaterialConstructor>, "baseMaterial">>;
-    parameters: import("@angular/core").Signal<Omit<Omit<import("three-custom-shader-material/vanilla").iCSMParams<import("three-custom-shader-material/vanilla").MaterialConstructor>, "baseMaterial">, "uniforms" | "vertexShader" | "fragmentShader" | "cacheKey">>;
-    base: import("@angular/core").Signal<typeof Material | Material>;
+    parameters: import("@angular/core").Signal<Omit<Omit<import("three-custom-shader-material/vanilla").iCSMParams<import("three-custom-shader-material/vanilla").MaterialConstructor>, "baseMaterial">, "vertexShader" | "fragmentShader" | "cacheKey" | "uniforms">>;
+    base: import("@angular/core").Signal<Material | typeof Material>;
     private fragmentShader;
     private vertexShader;
     private uniforms;

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

@@ -24,7 +24,7 @@ export declare class NgtsMeshRefractionMaterial {
     private fastChroma;
     aberrationStrength: import("@angular/core").Signal<number>;
     materialRef: import("@angular/core").Signal<ElementRef<import("three").ShaderMaterial & {
-        [name: string]: number | boolean | any[] | import("three").Color | Texture | CubeTexture | Int32Array | Float32Array | import("three").Matrix4 | import("three").Matrix3 | import("three").Quaternion | import("three").Vector4 | import("three").Vector3 | import("three").Vector2 | null;
+        [name: string]: number | boolean | any[] | import("three").Color | Texture | import("three").Vector3 | import("three").Matrix4 | import("three").Vector4 | import("three").Quaternion | import("three").Matrix3 | CubeTexture | Int32Array | Float32Array | import("three").Vector2 | null;
     }> | undefined>;
     private store;
     private size;
@@ -34,7 +34,7 @@ export declare class NgtsMeshRefractionMaterial {
     }>;
     private defineKeys;
     material: import("@angular/core").Signal<import("three").ShaderMaterial & {
-        [name: string]: number | boolean | any[] | import("three").Color | Texture | CubeTexture | Int32Array | Float32Array | import("three").Matrix4 | import("three").Matrix3 | import("three").Quaternion | import("three").Vector4 | import("three").Vector3 | import("three").Vector2 | null;
+        [name: string]: number | boolean | any[] | import("three").Color | Texture | import("three").Vector3 | import("three").Matrix4 | import("three").Vector4 | import("three").Quaternion | import("three").Matrix3 | CubeTexture | Int32Array | Float32Array | import("three").Vector2 | null;
     }>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtsMeshRefractionMaterial, 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" | "buffer" | "anisotropicBlur" | "samples" | "transmissionSampler" | "backside" | "backsideThickness" | "backsideEnvMapIntensity" | "resolution" | "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

@@ -5,13 +5,7 @@ export declare class NgtsComputedAttribute {
     compute: import("@angular/core").InputSignal<(geometry: BufferGeometry) => BufferAttribute>;
     name: import("@angular/core").InputSignal<string>;
     options: import("@angular/core").InputSignal<Partial<{
-        set?: ((value: ArrayLike<number> | ArrayBufferView, offset?: number) => BufferAttribute) | undefined;
         name?: string | undefined;
-        applyMatrix4?: ((m: import("three").Matrix4) => BufferAttribute) | undefined;
-        toJSON?: (() => import("three").BufferAttributeJSON) | undefined;
-        clone?: (() => BufferAttribute) | undefined;
-        copy?: ((source: BufferAttribute) => BufferAttribute) | undefined;
-        readonly count?: number | undefined;
         array?: import("three").TypedArray | undefined;
         itemSize?: number | undefined;
         usage?: import("three").Usage | undefined;
@@ -26,6 +20,7 @@ export declare class NgtsComputedAttribute {
         }[] | undefined;
         version?: number | undefined;
         normalized?: boolean | undefined;
+        readonly count?: number | undefined;
         needsUpdate?: boolean | undefined;
         readonly isBufferAttribute?: true | undefined;
         onUploadCallback?: (() => void) | undefined;
@@ -33,11 +28,15 @@ 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;
         applyMatrix3?: ((m: import("three").Matrix3) => BufferAttribute) | undefined;
+        applyMatrix4?: ((m: import("three").Matrix4) => BufferAttribute) | undefined;
         applyNormalMatrix?: ((m: import("three").Matrix3) => BufferAttribute) | undefined;
         transformDirection?: ((m: import("three").Matrix4) => BufferAttribute) | undefined;
+        set?: ((value: ArrayLike<number> | ArrayBufferView, offset?: number) => BufferAttribute) | undefined;
         getComponent?: ((index: number, component: number) => number) | undefined;
         setComponent?: ((index: number, component: number, value: number) => void) | undefined;
         getX?: ((index: number) => number) | 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/sampler.d.ts

@@ -62,10 +62,8 @@ export declare class NgtsSampler {
     mesh: import("@angular/core").InputSignal<Mesh<BufferGeometry<import("three").NormalBufferAttributes>, import("three").Material | import("three").Material[], import("three").Object3DEventMap> | ElementRef<Mesh<BufferGeometry<import("three").NormalBufferAttributes>, import("three").Material | import("three").Material[], import("three").Object3DEventMap>> | null>;
     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, "transform" | "weight" | "count">>;
-    groupRef: import("@angular/core").Signal<ElementRef<Group<import("three").Object3DEventMap>>>;
-    private meshToSample;
-    private instancedToSample;
+    parameters: import("@angular/core").Signal<Omit<NgtsSamplerOptions, "count" | "transform" | "weight">>;
+    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.2.0",
+  "version": "2.2.1",
   "publishConfig": {
     "access": "public"
   },
@@ -75,6 +75,12 @@
       "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",
@@ -93,12 +99,6 @@
       "esm": "./esm2022/staging/angular-three-soba-staging.mjs",
       "default": "./fesm2022/angular-three-soba-staging.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"
-    },
     "./stats": {
       "types": "./stats/index.d.ts",
       "esm2022": "./esm2022/stats/angular-three-soba-stats.mjs",
@@ -165,4 +165,4 @@
   ],
   "module": "fesm2022/angular-three-soba.mjs",
   "typings": "index.d.ts"
-}
+}

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

@@ -5,21 +5,16 @@ import { PositionMesh } from './position-mesh';
 import * as i0 from "@angular/core";
 export declare class NgtsInstance {
     options: import("@angular/core").InputSignal<Partial<{
-        color?: import("three").ColorRepresentation | undefined;
-        name?: string | undefined;
-        visible?: boolean | undefined;
-        userData?: Record<string, any> | undefined;
         attach: string | string[] | import("angular-three").NgtAttachFunction;
         addEventListener: (<TEventKey extends keyof import("angular-three").NgtNodeEventMap<PositionMesh>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<PositionMesh, typeof PositionMesh>, ev: import("angular-three").NgtNodeEventMap<PositionMesh>[TEventKey]) => any) => void) & (<TEventKey extends keyof import("angular-three").NgtAllObject3DEventsMap>(type: TEventKey, listener: (this: any, ev: import("angular-three").NgtAllObject3DEventsMap[TEventKey]) => any) => void);
         removeEventListener: (<TEventKey extends keyof import("angular-three").NgtNodeEventMap<PositionMesh>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<PositionMesh, typeof PositionMesh>, ev: import("angular-three").NgtNodeEventMap<PositionMesh>[TEventKey]) => any) => void) & (<TEventKey extends keyof import("angular-three").NgtAllObject3DEventsMap>(type: TEventKey, listener: (this: any, ev: import("angular-three").NgtAllObject3DEventsMap[TEventKey]) => any) => void);
         __ngt_args__: [];
-        instance?: ElementRef<InstancedMesh> | InstancedMesh | null | undefined;
-        readonly geometry?: import("three").BufferGeometry<import("three").NormalBufferAttributes> | undefined;
-        readonly isGroup?: true | undefined;
         readonly type?: string | undefined;
+        toJSON?: ((meta?: import("three").JSONMeta) => import("three").Object3DJSON) | undefined;
         readonly isObject3D?: true | undefined;
         readonly id?: number | undefined;
         uuid?: string | undefined;
+        name?: string | undefined;
         parent?: import("three").Object3D<import("three").Object3DEventMap> | null | undefined;
         children?: import("three").Object3D<import("three").Object3DEventMap>[] | undefined;
         readonly modelViewMatrix?: Matrix4 | undefined;
@@ -28,11 +23,13 @@ export declare class NgtsInstance {
         matrixAutoUpdate?: boolean | undefined;
         matrixWorldAutoUpdate?: boolean | undefined;
         matrixWorldNeedsUpdate?: boolean | undefined;
+        visible?: boolean | undefined;
         castShadow?: boolean | undefined;
         receiveShadow?: boolean | undefined;
         frustumCulled?: boolean | undefined;
         renderOrder?: number | undefined;
         animations?: import("three").AnimationClip[] | undefined;
+        userData?: Record<string, any> | undefined;
         customDepthMaterial?: import("three").Material | undefined;
         customDistanceMaterial?: import("three").Material | undefined;
         onBeforeShadow?: ((renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: import("three").Camera, shadowCamera: import("three").Camera, geometry: import("three").BufferGeometry, depthMaterial: import("three").Material, group: import("three").Group) => void) | undefined;
@@ -78,11 +75,14 @@ export declare class NgtsInstance {
         updateMatrix?: (() => void) | undefined;
         updateMatrixWorld?: ((force?: boolean) => void) | undefined;
         updateWorldMatrix?: ((updateParents: boolean, updateChildren: boolean) => void) | undefined;
-        toJSON?: ((meta?: import("three").JSONMeta) => import("three").Object3DJSON) | undefined;
         clone?: ((recursive?: boolean) => PositionMesh) | undefined;
         copy?: ((object: import("three").Object3D, recursive?: boolean) => PositionMesh) | undefined;
         hasEventListener?: (<T extends keyof import("three").Object3DEventMap>(type: T, listener: import("three").EventListener<import("three").Object3DEventMap[T], T, PositionMesh>) => boolean) | undefined;
         dispatchEvent?: (<T extends keyof import("three").Object3DEventMap>(event: import("three").BaseEvent<T> & import("three").Object3DEventMap[T]) => void) | undefined;
+        color?: import("three").ColorRepresentation | undefined;
+        instance?: ElementRef<InstancedMesh> | InstancedMesh | null | undefined;
+        readonly geometry?: import("three").BufferGeometry<import("three").NormalBufferAttributes> | undefined;
+        readonly isGroup?: true | undefined;
         position: import("angular-three").NgtVector3;
         up: import("angular-three").NgtVector3;
         scale: import("angular-three").NgtVector3;
@@ -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, "limit" | "range" | "frames">>;
+    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/performances/lib/points/points.d.ts

@@ -5,22 +5,17 @@ import { PositionPoint } from './position-point';
 import * as i0 from "@angular/core";
 export declare class NgtsPoint {
     options: import("@angular/core").InputSignal<Partial<{
-        color?: import("three").ColorRepresentation | undefined;
-        name?: string | undefined;
-        visible?: boolean | undefined;
-        userData?: Record<string, any> | undefined;
+        size?: number | undefined;
         attach: string | string[] | import("angular-three").NgtAttachFunction;
         addEventListener: (<TEventKey extends keyof import("angular-three").NgtNodeEventMap<PositionPoint>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<PositionPoint, typeof PositionPoint>, ev: import("angular-three").NgtNodeEventMap<PositionPoint>[TEventKey]) => any) => void) & (<TEventKey extends keyof import("angular-three").NgtAllObject3DEventsMap>(type: TEventKey, listener: (this: any, ev: import("angular-three").NgtAllObject3DEventsMap[TEventKey]) => any) => void);
         removeEventListener: (<TEventKey extends keyof import("angular-three").NgtNodeEventMap<PositionPoint>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<PositionPoint, typeof PositionPoint>, ev: import("angular-three").NgtNodeEventMap<PositionPoint>[TEventKey]) => any) => void) & (<TEventKey extends keyof import("angular-three").NgtAllObject3DEventsMap>(type: TEventKey, listener: (this: any, ev: import("angular-three").NgtAllObject3DEventsMap[TEventKey]) => any) => void);
         __ngt_args__: [];
-        size?: number | undefined;
-        instance?: ElementRef<Points> | Points | null | undefined;
-        readonly geometry?: BufferGeometry<import("three").NormalBufferAttributes> | undefined;
-        readonly isGroup?: true | undefined;
         readonly type?: string | undefined;
+        toJSON?: ((meta?: import("three").JSONMeta) => import("three").Object3DJSON) | undefined;
         readonly isObject3D?: true | undefined;
         readonly id?: number | undefined;
         uuid?: string | undefined;
+        name?: string | undefined;
         parent?: import("three").Object3D<import("three").Object3DEventMap> | null | undefined;
         children?: import("three").Object3D<import("three").Object3DEventMap>[] | undefined;
         readonly modelViewMatrix?: Matrix4 | undefined;
@@ -29,11 +24,13 @@ export declare class NgtsPoint {
         matrixAutoUpdate?: boolean | undefined;
         matrixWorldAutoUpdate?: boolean | undefined;
         matrixWorldNeedsUpdate?: boolean | undefined;
+        visible?: boolean | undefined;
         castShadow?: boolean | undefined;
         receiveShadow?: boolean | undefined;
         frustumCulled?: boolean | undefined;
         renderOrder?: number | undefined;
         animations?: import("three").AnimationClip[] | undefined;
+        userData?: Record<string, any> | undefined;
         customDepthMaterial?: import("three").Material | undefined;
         customDistanceMaterial?: import("three").Material | undefined;
         onBeforeShadow?: ((renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: import("three").Camera, shadowCamera: import("three").Camera, geometry: BufferGeometry, depthMaterial: import("three").Material, group: import("three").Group) => void) | undefined;
@@ -79,11 +76,14 @@ export declare class NgtsPoint {
         updateMatrix?: (() => void) | undefined;
         updateMatrixWorld?: ((force?: boolean) => void) | undefined;
         updateWorldMatrix?: ((updateParents: boolean, updateChildren: boolean) => void) | undefined;
-        toJSON?: ((meta?: import("three").JSONMeta) => import("three").Object3DJSON) | undefined;
         clone?: ((recursive?: boolean) => PositionPoint) | undefined;
         copy?: ((object: import("three").Object3D, recursive?: boolean) => PositionPoint) | undefined;
         hasEventListener?: (<T extends keyof import("three").Object3DEventMap>(type: T, listener: import("three").EventListener<import("three").Object3DEventMap[T], T, PositionPoint>) => boolean) | undefined;
         dispatchEvent?: (<T extends keyof import("three").Object3DEventMap>(event: import("three").BaseEvent<T> & import("three").Object3DEventMap[T]) => void) | undefined;
+        color?: import("three").ColorRepresentation | undefined;
+        instance?: ElementRef<Points> | Points | null | undefined;
+        readonly geometry?: BufferGeometry<import("three").NormalBufferAttributes> | undefined;
+        readonly isGroup?: true | undefined;
         position: import("angular-three").NgtVector3;
         up: import("angular-three").NgtVector3;
         scale: import("angular-three").NgtVector3;
@@ -104,24 +104,19 @@ export declare class NgtsPointsBuffer {
     positions: import("@angular/core").InputSignal<Float32Array>;
     colors: import("@angular/core").InputSignal<Float32Array | undefined>;
     sizes: import("@angular/core").InputSignal<Float32Array | undefined>;
-    stride: import("@angular/core").InputSignal<3 | 2>;
+    stride: import("@angular/core").InputSignal<2 | 3>;
     options: import("@angular/core").InputSignal<Partial<{
-        color?: import("three").ColorRepresentation | undefined;
-        name?: string | undefined;
-        visible?: boolean | undefined;
-        userData?: Record<string, any> | undefined;
+        size?: number | undefined;
         attach: string | string[] | import("angular-three").NgtAttachFunction;
         addEventListener: (<TEventKey extends keyof import("angular-three").NgtNodeEventMap<PositionPoint>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<PositionPoint, typeof PositionPoint>, ev: import("angular-three").NgtNodeEventMap<PositionPoint>[TEventKey]) => any) => void) & (<TEventKey extends keyof import("angular-three").NgtAllObject3DEventsMap>(type: TEventKey, listener: (this: any, ev: import("angular-three").NgtAllObject3DEventsMap[TEventKey]) => any) => void);
         removeEventListener: (<TEventKey extends keyof import("angular-three").NgtNodeEventMap<PositionPoint>>(type: TEventKey, listener: (this: import("angular-three").NgtNodeElement<PositionPoint, typeof PositionPoint>, ev: import("angular-three").NgtNodeEventMap<PositionPoint>[TEventKey]) => any) => void) & (<TEventKey extends keyof import("angular-three").NgtAllObject3DEventsMap>(type: TEventKey, listener: (this: any, ev: import("angular-three").NgtAllObject3DEventsMap[TEventKey]) => any) => void);
         __ngt_args__: [];
-        size?: number | undefined;
-        instance?: ElementRef<Points> | Points | null | undefined;
-        readonly geometry?: BufferGeometry<import("three").NormalBufferAttributes> | undefined;
-        readonly isGroup?: true | undefined;
         readonly type?: string | undefined;
+        toJSON?: ((meta?: import("three").JSONMeta) => import("three").Object3DJSON) | undefined;
         readonly isObject3D?: true | undefined;
         readonly id?: number | undefined;
         uuid?: string | undefined;
+        name?: string | undefined;
         parent?: import("three").Object3D<import("three").Object3DEventMap> | null | undefined;
         children?: import("three").Object3D<import("three").Object3DEventMap>[] | undefined;
         readonly modelViewMatrix?: Matrix4 | undefined;
@@ -130,11 +125,13 @@ export declare class NgtsPointsBuffer {
         matrixAutoUpdate?: boolean | undefined;
         matrixWorldAutoUpdate?: boolean | undefined;
         matrixWorldNeedsUpdate?: boolean | undefined;
+        visible?: boolean | undefined;
         castShadow?: boolean | undefined;
         receiveShadow?: boolean | undefined;
         frustumCulled?: boolean | undefined;
         renderOrder?: number | undefined;
         animations?: import("three").AnimationClip[] | undefined;
+        userData?: Record<string, any> | undefined;
         customDepthMaterial?: import("three").Material | undefined;
         customDistanceMaterial?: import("three").Material | undefined;
         onBeforeShadow?: ((renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: import("three").Camera, shadowCamera: import("three").Camera, geometry: BufferGeometry, depthMaterial: import("three").Material, group: import("three").Group) => void) | undefined;
@@ -180,11 +177,14 @@ export declare class NgtsPointsBuffer {
         updateMatrix?: (() => void) | undefined;
         updateMatrixWorld?: ((force?: boolean) => void) | undefined;
         updateWorldMatrix?: ((updateParents: boolean, updateChildren: boolean) => void) | undefined;
-        toJSON?: ((meta?: import("three").JSONMeta) => import("three").Object3DJSON) | undefined;
         clone?: ((recursive?: boolean) => PositionPoint) | undefined;
         copy?: ((object: import("three").Object3D, recursive?: boolean) => PositionPoint) | undefined;
         hasEventListener?: (<T extends keyof import("three").Object3DEventMap>(type: T, listener: import("three").EventListener<import("three").Object3DEventMap[T], T, PositionPoint>) => boolean) | undefined;
         dispatchEvent?: (<T extends keyof import("three").Object3DEventMap>(event: import("three").BaseEvent<T> & import("three").Object3DEventMap[T]) => void) | undefined;
+        color?: import("three").ColorRepresentation | undefined;
+        instance?: ElementRef<Points> | Points | null | undefined;
+        readonly geometry?: BufferGeometry<import("three").NormalBufferAttributes> | undefined;
+        readonly isGroup?: true | undefined;
         position: import("angular-three").NgtVector3;
         up: import("angular-three").NgtVector3;
         scale: import("angular-three").NgtVector3;

package/performances/lib/segments/segments.d.ts

@@ -32,8 +32,11 @@ export declare class NgtsSegments {
     geometry: LineSegmentsGeometry;
     resolution: Vector2;
     materialParameters: import("@angular/core").Signal<{
-        alphaToCoverage?: boolean | undefined;
+        name?: string | undefined;
+        visible?: boolean | undefined;
+        userData?: Record<string, any> | undefined;
         color?: number | undefined;
+        alphaToCoverage?: boolean | undefined;
         dashed?: boolean | undefined;
         dashScale?: number | undefined;
         dashSize?: number | undefined;
@@ -62,7 +65,6 @@ export declare class NgtsSegments {
         depthFunc?: import("three").DepthModes | undefined;
         depthTest?: boolean | undefined;
         depthWrite?: boolean | undefined;
-        name?: string | undefined;
         opacity?: number | undefined;
         polygonOffset?: boolean | undefined;
         polygonOffsetFactor?: number | undefined;
@@ -76,7 +78,6 @@ export declare class NgtsSegments {
         toneMapped?: boolean | undefined;
         transparent?: boolean | undefined;
         vertexColors: boolean;
-        visible?: boolean | undefined;
         format?: import("three").PixelFormat | undefined;
         stencilWrite?: boolean | undefined;
         stencilFunc?: import("three").StencilFunc | undefined;
@@ -86,7 +87,6 @@ export declare class NgtsSegments {
         stencilFail?: import("three").StencilOp | undefined;
         stencilZFail?: import("three").StencilOp | undefined;
         stencilZPass?: import("three").StencilOp | undefined;
-        userData?: Record<string, any> | undefined;
     }>;
     positions: import("@angular/core").Signal<number[]>;
     colors: import("@angular/core").Signal<number[]>;

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/accumulative-shadows.d.ts

@@ -30,7 +30,7 @@ export declare class NgtsAccumulativeShadows {
     nullTraversal: () => null;
     Math: Math;
     options: import("@angular/core").InputSignalWithTransform<NgtsAccumulativeShadowsOptions, "" | Partial<NgtsAccumulativeShadowsOptions>>;
-    parameters: import("@angular/core").Signal<Omit<NgtsAccumulativeShadowsOptions, "scale" | "frames" | "blend" | "limit" | "temporal" | "opacity" | "alphaTest" | "color" | "colorBlend" | "resolution" | "toneMapped">>;
+    parameters: import("@angular/core").Signal<Omit<NgtsAccumulativeShadowsOptions, "scale" | "temporal" | "frames" | "limit" | "blend" | "opacity" | "alphaTest" | "color" | "colorBlend" | "resolution" | "toneMapped">>;
     lightsRef: import("@angular/core").Signal<ElementRef<Group<import("three").Object3DEventMap>>>;
     planeRef: import("@angular/core").Signal<ElementRef<Mesh<PlaneGeometry, import("three").ShaderMaterial & {
         map: import("three").Texture | null;

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;